diff --git a/assets/konva/app.js b/assets/konva/app.js
new file mode 100644
index 0000000..ef1e192
--- /dev/null
+++ b/assets/konva/app.js
@@ -0,0 +1,599 @@
+/* globals: Konva, preact, preactHooks, htm */
+const { h, render } = preact;
+const { useState } = preactHooks;
+const html = htm.bind(h);
+
+// ---------------------------------------------------------------------------
+// Constants & mutable state
+// ---------------------------------------------------------------------------
+
+const PPM = 60; // pixels per meter
+
+let rooms   = [];   // [{id, name, x, y, width, height}]
+let sensors = [];   // [{id, sensor_id, name?, floor_x, floor_y, room_id}]
+let mode    = 'view';
+
+let _fittedOnce = false;
+let _dragging   = false; // true while any room group is being dragged
+
+// Room currently showing dimension overlay (follows during drag).
+let _dimRoom  = null;
+let _dimGroup = null;
+
+// Exposed so the Preact overlay can update its tooltip imperatively.
+let _setTooltip = (_v) => {};
+
+// ---------------------------------------------------------------------------
+// Stage & layers
+// ---------------------------------------------------------------------------
+
+const stage = new Konva.Stage({
+  container: 'canvas-container',
+  width: window.innerWidth,
+  height: window.innerHeight,
+});
+stage.draggable(true);
+Konva.hitOnDragEnabled = true;
+
+const roomsLayer      = new Konva.Layer();
+const dimensionsLayer = new Konva.Layer();
+const sensorsLayer    = new Konva.Layer();
+const tagsLayer       = new Konva.Layer();
+const particlesLayer  = new Konva.Layer();
+stage.add(roomsLayer, dimensionsLayer, sensorsLayer, tagsLayer, particlesLayer);
+
+new ResizeObserver(() => {
+  stage.width(window.innerWidth);
+  stage.height(window.innerHeight);
+}).observe(document.body);
+
+// ---------------------------------------------------------------------------
+// Pinch-to-zoom & mouse wheel zoom
+// ---------------------------------------------------------------------------
+
+let _lastPinchDist = 0;
+
+stage.on('touchmove', (e) => {
+  e.evt.preventDefault();
+  const touches = e.evt.touches;
+  if (touches.length !== 2) return;
+  stage.stopDrag();
+  const dist = Math.hypot(
+    touches[0].clientX - touches[1].clientX,
+    touches[0].clientY - touches[1].clientY,
+  );
+  if (_lastPinchDist === 0) { _lastPinchDist = dist; return; }
+  _applyZoom(
+    { x: (touches[0].clientX + touches[1].clientX) / 2,
+      y: (touches[0].clientY + touches[1].clientY) / 2 },
+    dist / _lastPinchDist,
+  );
+  _lastPinchDist = dist;
+});
+stage.on('touchend touchcancel', () => { _lastPinchDist = 0; });
+
+stage.on('wheel', (e) => {
+  e.evt.preventDefault();
+  _applyZoom(stage.getPointerPosition(), e.evt.deltaY < 0 ? 1.06 : 1 / 1.06);
+});
+
+function _applyZoom(center, factor) {
+  const oldScale = stage.scaleX();
+  const newScale = Math.max(0.1, Math.min(20, oldScale * factor));
+  const anchorX  = (center.x - stage.x()) / oldScale;
+  const anchorY  = (center.y - stage.y()) / oldScale;
+  stage.scale({ x: newScale, y: newScale });
+  stage.position({ x: center.x - anchorX * newScale, y: center.y - anchorY * newScale });
+}
+
+// ---------------------------------------------------------------------------
+// Room rendering
+// ---------------------------------------------------------------------------
+
+function renderRooms() {
+  if (_dragging) return; // never destroy groups while a drag is live
+  roomsLayer.destroyChildren();
+  rooms.forEach(_buildRoomGroup);
+  roomsLayer.batchDraw();
+}
+
+function _buildRoomGroup(room) {
+  const rw = room.width  * PPM;
+  const rh = room.height * PPM;
+
+  const group = new Konva.Group({
+    id: `room-${room.id}`,
+    x: room.x * PPM,
+    y: room.y * PPM,
+    draggable: mode === 'edit',
+  });
+
+  // Floor area
+  group.add(new Konva.Rect({
+    width: rw, height: rh,
+    fill: '#ffffff',
+    stroke: '#444444',
+    strokeWidth: 1.5,
+  }));
+
+  // Room label
+  group.add(new Konva.Text({
+    width: rw, height: rh,
+    text: room.name,
+    fontSize: 12,
+    fill: 'rgba(0,0,0,0.45)',
+    align: 'center',
+    verticalAlign: 'middle',
+    letterSpacing: 0.8,
+    listening: false,
+  }));
+
+  group.on('click tap', () => {
+    if (mode === 'edit') {
+      _dimRoom  = room;
+      _dimGroup = group;
+      _showDimensions(room, group.x(), group.y());
+    }
+  });
+
+  group.on('dragstart', () => {
+    _dragging = true;
+    if (mode === 'edit') {
+      _dimRoom  = room;
+      _dimGroup = group;
+      _showDimensions(room, group.x(), group.y());
+    }
+  });
+
+  group.on('dragend', () => { _dragging = false; _onRoomDragEnd(room, group); });
+  roomsLayer.add(group);
+}
+
+// ---------------------------------------------------------------------------
+// Room edge snapping during drag
+// ---------------------------------------------------------------------------
+
+const SNAP_THRESHOLD = 10; // screen pixels; scaled by stage zoom for layer coords
+
+roomsLayer.on('dragmove', (e) => {
+  if (mode !== 'edit') return;
+  const node = e.target;
+  if (!node.id().startsWith('room-')) return;
+  const roomId = parseInt(node.id().replace('room-', ''), 10);
+  const draggedRoom = rooms.find(r => r.id === roomId);
+  if (!draggedRoom) return;
+
+  const threshold = SNAP_THRESHOLD / stage.scaleX();
+  const x = node.x(), y = node.y();
+  const w = draggedRoom.width * PPM, h = draggedRoom.height * PPM;
+
+  let bestX = null, bestY = null, dX = threshold, dY = threshold;
+
+  rooms.forEach(r => {
+    if (r.id === draggedRoom.id) return;
+    const rx = r.x * PPM, ry = r.y * PPM;
+    const rw = r.width * PPM, rh = r.height * PPM;
+
+    // Four X snap candidates: left↔left, right↔right, right→left, left←right
+    [[x, rx], [x + w, rx + rw], [x + w, rx], [x, rx + rw]].forEach(([a, b]) => {
+      const d = Math.abs(a - b);
+      if (d < dX) { dX = d; bestX = x + (b - a); }
+    });
+
+    // Four Y snap candidates
+    [[y, ry], [y + h, ry + rh], [y + h, ry], [y, ry + rh]].forEach(([a, b]) => {
+      const d = Math.abs(a - b);
+      if (d < dY) { dY = d; bestY = y + (b - a); }
+    });
+  });
+
+  if (bestX !== null) node.x(bestX);
+  if (bestY !== null) node.y(bestY);
+
+  if (_dimRoom && _dimRoom.id === draggedRoom.id) {
+    _showDimensions(_dimRoom, node.x(), node.y());
+  }
+});
+
+// ---------------------------------------------------------------------------
+// Dimension overlay (tap-to-show in edit mode)
+// ---------------------------------------------------------------------------
+
+function _showDimensions(room, lx, ly) {
+  dimensionsLayer.destroyChildren();
+  const c   = '#1565C0';
+  const DIM = 26;
+  const EXT = 5;
+  const rx  = lx;
+  const ry  = ly;
+  const rw  = room.width  * PPM;
+  const rh  = room.height * PPM;
+
+  // Determine which outer sides are free from adjacent rooms (use stored positions).
+  let widthBelow  = true;
+  let heightRight = true;
+  rooms.forEach(r => {
+    if (r.id === room.id) return;
+    if (Math.abs(r.y * PPM - (ry + rh)) < DIM + EXT + 4) widthBelow  = false;
+    if (Math.abs(r.x * PPM - (rx + rw)) < DIM + EXT + 4) heightRight = false;
+  });
+
+  const arrowCfg = {
+    stroke: c, fill: c,
+    strokeWidth: 1,
+    pointerLength: 5, pointerWidth: 4,
+    pointerAtBeginning: true,
+    listening: false,
+  };
+
+  // Width dimension
+  if (widthBelow) {
+    const wy = ry + rh + DIM;
+    dimensionsLayer.add(new Konva.Arrow({ ...arrowCfg, points: [rx, wy, rx + rw, wy] }));
+    dimensionsLayer.add(new Konva.Line({ points: [rx,      ry + rh, rx,      wy + EXT], stroke: c, strokeWidth: 0.8, listening: false }));
+    dimensionsLayer.add(new Konva.Line({ points: [rx + rw, ry + rh, rx + rw, wy + EXT], stroke: c, strokeWidth: 0.8, listening: false }));
+    dimensionsLayer.add(new Konva.Text({
+      x: rx + rw / 2 - 20, y: wy - 13, width: 40,
+      text: `${room.width.toFixed(1)} m`,
+      fontSize: 9, fill: c, align: 'center', listening: false,
+    }));
+  } else {
+    // Inside the room near the bottom edge
+    const wy = ry + rh - 18;
+    dimensionsLayer.add(new Konva.Arrow({ ...arrowCfg, points: [rx + 4, wy, rx + rw - 4, wy] }));
+    dimensionsLayer.add(new Konva.Text({
+      x: rx + rw / 2 - 20, y: wy - 12, width: 40,
+      text: `${room.width.toFixed(1)} m`,
+      fontSize: 9, fill: c, align: 'center', listening: false,
+    }));
+  }
+
+  // Height dimension
+  if (heightRight) {
+    const hx = rx + rw + DIM;
+    dimensionsLayer.add(new Konva.Arrow({ ...arrowCfg, points: [hx, ry, hx, ry + rh] }));
+    dimensionsLayer.add(new Konva.Line({ points: [rx + rw, ry,      hx + EXT, ry],      stroke: c, strokeWidth: 0.8, listening: false }));
+    dimensionsLayer.add(new Konva.Line({ points: [rx + rw, ry + rh, hx + EXT, ry + rh], stroke: c, strokeWidth: 0.8, listening: false }));
+    dimensionsLayer.add(new Konva.Text({
+      x: hx + 4, y: ry + rh / 2 - 4,
+      text: `${room.height.toFixed(1)} m`,
+      fontSize: 9, fill: c, listening: false,
+    }));
+  } else {
+    // Inside the room near the right edge
+    const hx = rx + rw - 18;
+    dimensionsLayer.add(new Konva.Arrow({ ...arrowCfg, points: [hx, ry + 4, hx, ry + rh - 4] }));
+    dimensionsLayer.add(new Konva.Text({
+      x: hx - 22, y: ry + rh / 2 - 4,
+      text: `${room.height.toFixed(1)} m`,
+      fontSize: 9, fill: c, listening: false,
+    }));
+  }
+
+  dimensionsLayer.batchDraw();
+}
+
+function _clearDimensions() {
+  _dimRoom  = null;
+  _dimGroup = null;
+  dimensionsLayer.destroyChildren();
+  dimensionsLayer.batchDraw();
+}
+
+// ---------------------------------------------------------------------------
+// Room drag end
+// ---------------------------------------------------------------------------
+
+function _onRoomDragEnd(room, group) {
+  room.x = group.x() / PPM;
+  room.y = group.y() / PPM;
+
+  // Normalize: shift all rooms so the top-left of the bounding box is (0,0).
+  const minX = Math.min(...rooms.map(r => r.x));
+  const minY = Math.min(...rooms.map(r => r.y));
+  if (minX !== 0 || minY !== 0) {
+    rooms.forEach(r => { r.x -= minX; r.y -= minY; });
+    rooms.forEach(r => {
+      const g = roomsLayer.findOne(`#room-${r.id}`);
+      if (g) { g.x(r.x * PPM); g.y(r.y * PPM); }
+    });
+  }
+
+  // Keep dimensions visible at the final position after normalization.
+  if (_dimRoom && _dimRoom.id === room.id) {
+    _showDimensions(room, group.x(), group.y());
+  }
+
+  notifyFlutter({
+    type: 'roomsUpdated',
+    rooms,
+  });
+  roomsLayer.batchDraw();
+}
+
+// ---------------------------------------------------------------------------
+// Sensor rendering
+// ---------------------------------------------------------------------------
+
+function renderSensors() {
+  sensorsLayer.destroyChildren();
+  sensors.forEach(sensor => {
+    if (sensor.room_id == null || sensor.floor_x == null) return;
+    const room = rooms.find(r => r.id === sensor.room_id);
+    if (!room) return;
+
+    const absX = (room.x + sensor.floor_x) * PPM;
+    const absY = (room.y + sensor.floor_y) * PPM;
+    const label = sensor.name ?? sensor.sensor_id;
+
+    const group = new Konva.Group({
+      id: `sensor-${sensor.id}`,
+      x: absX, y: absY,
+      draggable: mode === 'edit',
+    });
+
+    group.add(new Konva.Circle({
+      radius: 8,
+      fill: '#1565C0',
+      stroke: '#ffffff',
+      strokeWidth: 2,
+    }));
+
+    // Highlight ring — shown by highlightSensor().
+    group.add(new Konva.Circle({
+      name: 'highlight-ring',
+      radius: 14,
+      stroke: '#FDD835',
+      strokeWidth: 3,
+      visible: false,
+      listening: false,
+    }));
+
+    group.add(new Konva.Text({
+      text: label,
+      fontSize: 10,
+      fill: '#424242',
+      y: 11,
+      offsetX: 30,
+      width: 60,
+      align: 'center',
+      listening: false,
+    }));
+
+    group.on('click tap', () => _onSensorTap(sensor, group, label));
+    group.on('dragend',   () => _onSensorDragEnd(sensor, group, room));
+    sensorsLayer.add(group);
+  });
+  sensorsLayer.batchDraw();
+}
+
+function _onSensorTap(sensor, group, label) {
+  if (mode === 'view') {
+    const scale = stage.scaleX();
+    _setTooltip({
+      id: String(sensor.id),
+      name: label,
+      x: group.x() * scale + stage.x(),
+      y: group.y() * scale + stage.y(),
+    });
+  } else {
+    notifyFlutter({ type: 'sensorTapped', id: String(sensor.id) });
+  }
+}
+
+function _onSensorDragEnd(sensor, group, originalRoom) {
+  const newAbsX = group.x() / PPM;
+  const newAbsY = group.y() / PPM;
+  const target  = rooms.find(r =>
+    newAbsX >= r.x && newAbsX <= r.x + r.width &&
+    newAbsY >= r.y && newAbsY <= r.y + r.height,
+  ) ?? originalRoom;
+
+  notifyFlutter({
+    type: 'sensorMoved',
+    id: String(sensor.id),
+    roomId: target.id,
+    x: newAbsX - target.x,
+    y: newAbsY - target.y,
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Tag rendering (chips grouped by room)
+// ---------------------------------------------------------------------------
+
+function renderTags(tags) {
+  tagsLayer.destroyChildren();
+
+  const byRoom = {};
+  tags.forEach(t => {
+    if (t.roomId != null) (byRoom[t.roomId] ??= []).push(t);
+  });
+
+  Object.entries(byRoom).forEach(([roomId, roomTags]) => {
+    const room = rooms.find(r => r.id === Number(roomId));
+    if (!room) return;
+
+    const chipW = 64, chipH = 22, chipGap = 4;
+    const totalW = roomTags.length * chipW + (roomTags.length - 1) * chipGap;
+    const cx = (room.x + room.width  / 2) * PPM;
+    const cy = (room.y + room.height / 2) * PPM;
+
+    roomTags.forEach((tag, i) => {
+      const gx = cx - totalW / 2 + i * (chipW + chipGap);
+      const g = new Konva.Group({ x: gx, y: cy - chipH / 2, listening: false });
+      g.add(new Konva.Rect({ width: chipW, height: chipH, cornerRadius: 4, fill: tag.color || '#546E7A' }));
+      g.add(new Konva.Text({
+        width: chipW, height: chipH,
+        text: tag.name,
+        fontSize: 10, fill: '#ffffff',
+        align: 'center', verticalAlign: 'middle',
+      }));
+      tagsLayer.add(g);
+    });
+  });
+  tagsLayer.batchDraw();
+}
+
+// ---------------------------------------------------------------------------
+// Fit stage to show all rooms
+// ---------------------------------------------------------------------------
+
+function _fitToRooms() {
+  if (rooms.length === 0) return;
+  const maxX = Math.max(...rooms.map(r => r.x + r.width));
+  const maxY = Math.max(...rooms.map(r => r.y + r.height));
+  const pad   = 60; // px padding
+  const scale = Math.min(
+    (stage.width()  - pad * 2) / (maxX * PPM),
+    (stage.height() - pad * 2) / (maxY * PPM),
+    2,
+  );
+  stage.scale({ x: scale, y: scale });
+  stage.position({
+    x: (stage.width()  - maxX * PPM * scale) / 2,
+    y: (stage.height() - maxY * PPM * scale) / 2,
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Preact overlay — sensor tooltip
+// ---------------------------------------------------------------------------
+
+function Tooltip({ id, name, x, y, onClose }) {
+  return html`
+    <div style=${{
+      position: 'absolute',
+      left: `${x + 14}px`,
+      top: `${y - 48}px`,
+      background: '#ffffff',
+      borderRadius: '8px',
+      padding: '8px 12px',
+      boxShadow: '0 2px 12px rgba(0,0,0,0.18)',
+      pointerEvents: 'auto',
+      minWidth: '130px',
+      fontFamily: 'Roboto, sans-serif',
+    }}>
+      <div style=${{ fontSize: '13px', fontWeight: '500', color: '#212121', marginBottom: '6px' }}>
+        ${name}
+      </div>
+      <div style=${{ display: 'flex', gap: '10px' }}>
+        <button
+          style=${{ fontSize: '12px', border: 'none', background: 'none', color: '#1565C0', cursor: 'pointer', padding: 0 }}
+          onClick=${() => { notifyFlutter({ type: 'sensorTapped', id }); onClose(); }}>
+          View details
+        </button>
+        <button
+          style=${{ fontSize: '12px', border: 'none', background: 'none', color: '#9e9e9e', cursor: 'pointer', padding: 0 }}
+          onClick=${onClose}>
+          ✕
+        </button>
+      </div>
+    </div>
+  `;
+}
+
+function App() {
+  const [tooltip, setTip] = useState(null);
+  _setTooltip = setTip;
+  return tooltip
+    ? html`<${Tooltip} ...${tooltip} onClose=${() => setTip(null)} />`
+    : null;
+}
+
+render(html`<${App} />`, document.getElementById('overlay'));
+
+// Dismiss tooltip and dimensions when tapping the stage background.
+stage.on('click tap', (e) => {
+  if (e.target === stage) {
+    _setTooltip(null);
+    _clearDimensions();
+  }
+});
+
+// ---------------------------------------------------------------------------
+// Flutter → JS bridge
+// ---------------------------------------------------------------------------
+
+function notifyFlutter(msg) {
+  if (window.FlutterBridge) FlutterBridge.postMessage(JSON.stringify(msg));
+}
+
+// ---------------------------------------------------------------------------
+// Public API — called from Flutter via runJavaScript()
+// ---------------------------------------------------------------------------
+
+window.companion = {
+
+  loadFloorPlan(roomsData) {
+    rooms = roomsData;
+    renderRooms();
+    renderSensors();
+    if (!_fittedOnce && rooms.length > 0) {
+      _fitToRooms();
+      _fittedOnce = true;
+    }
+    _clearDimensions();
+  },
+
+  loadSensors(sensorsData) {
+    sensors = sensorsData;
+    renderSensors();
+  },
+
+  updateTags(tags) {
+    renderTags(tags);
+  },
+
+  updateCloud(particles) {
+    particlesLayer.destroyChildren();
+    particles.forEach(({ x, y, weight }) => {
+      particlesLayer.add(new Konva.Circle({
+        x: x * PPM, y: y * PPM,
+        radius: 2,
+        fill: `rgba(255,152,0,${Math.max(0, Math.min(1, weight))})`,
+        listening: false,
+      }));
+    });
+    particlesLayer.batchDraw();
+  },
+
+  setMode(newMode) {
+    mode = newMode;
+    const edit = newMode === 'edit';
+    roomsLayer.find('Group').forEach(g => g.draggable(edit));
+    sensorsLayer.find('Group').forEach(g => g.draggable(edit));
+    tagsLayer.visible(!edit);
+    particlesLayer.visible(!edit);
+    _clearDimensions();
+    _setTooltip(null);
+    stage.batchDraw();
+  },
+
+  highlightSensor(id) {
+    sensorsLayer.find('.highlight-ring').forEach(r => r.visible(false));
+    if (id) {
+      const group = sensorsLayer.findOne(`#sensor-${id}`);
+      if (group) {
+        group.findOne('.highlight-ring')?.visible(true);
+        const s = stage.scaleX();
+        stage.position({
+          x: stage.width()  / 2 - group.x() * s,
+          y: stage.height() / 2 - group.y() * s,
+        });
+      }
+    }
+    sensorsLayer.batchDraw();
+  },
+
+  addRoom() {
+    const s  = stage.scaleX();
+    const cx = (stage.width()  / 2 - stage.x()) / s / PPM;
+    const cy = (stage.height() / 2 - stage.y()) / s / PPM;
+    notifyFlutter({ type: 'roomAdded', x: cx, y: cy });
+  },
+
+  fitToRooms() {
+    _fitToRooms();
+  },
+};
diff --git a/assets/konva/index.html b/assets/konva/index.html
index 726b61b..a5b51ea 100644
--- a/assets/konva/index.html
+++ b/assets/konva/index.html
@@ -2,193 +2,21 @@
 <html>
 <head>
   <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
   <style>
     * { margin: 0; padding: 0; box-sizing: border-box; }
-    body { background: #111827; overflow: hidden; }
-    #container { width: 100vw; height: 100vh; }
+    body { overflow: hidden; background: #f5f5f5; }
+    #canvas-container { position: fixed; inset: 0; }
+    #overlay { position: fixed; inset: 0; pointer-events: none; }
   </style>
 </head>
 <body>
-  <div id="container"></div>
-
-  <!--
-    For production: download konva.min.js and place it alongside this file
-    so it loads offline.  Get it from: https://konvajs.org/
-  -->
-  <script src="https://unpkg.com/konva@9/konva.min.js"></script>
-
-  <script>
-    const stage = new Konva.Stage({
-      container: 'container',
-      width: window.innerWidth,
-      height: window.innerHeight,
-    });
-
-    // Layer order (bottom → top)
-    const roomsLayer     = new Konva.Layer(); // static floor plan geometry
-    const sensorsLayer   = new Konva.Layer(); // sensor icons
-    const tagsLayer      = new Konva.Layer(); // live tag dots
-    const particlesLayer = new Konva.Layer(); // particle cloud
-
-    stage.add(roomsLayer, sensorsLayer, tagsLayer, particlesLayer);
-
-    window.addEventListener('resize', () => {
-      stage.width(window.innerWidth);
-      stage.height(window.innerHeight);
-      stage.batchDraw();
-    });
-
-    // -----------------------------------------------------------------------
-    // companion API — called by Flutter via WebViewController.runJavaScript()
-    // -----------------------------------------------------------------------
-    window.companion = {
-
-      // positions: [{tagId, x, y}]  (x, y normalised 0..1)
-      updateTags(payload) {
-        const positions = JSON.parse(payload);
-        tagsLayer.destroyChildren();
-        positions.forEach(({ tagId, x, y }) => {
-          const dot = new Konva.Circle({
-            x: x * stage.width(),
-            y: y * stage.height(),
-            radius: 8,
-            fill: '#00d4ff',
-            stroke: '#ffffff',
-            strokeWidth: 1.5,
-          });
-          tagsLayer.add(dot);
-        });
-        tagsLayer.batchDraw();
-      },
-
-      // particles: [{x, y, weight}]  (x, y normalised 0..1, weight ≥ 0)
-      updateCloud(payload) {
-        const particles = JSON.parse(payload);
-        particlesLayer.destroyChildren();
-        particles.forEach(({ x, y, weight }) => {
-          particlesLayer.add(new Konva.Circle({
-            x: x * stage.width(),
-            y: y * stage.height(),
-            radius: 2,
-            fill: `rgba(255, 180, 0, ${Math.min(weight, 1)})`,
-            listening: false,
-          }));
-        });
-        particlesLayer.batchDraw();
-      },
-
-      // mode: 'view' | 'edit'
-      setMode(mode) {
-        sensorsLayer.find('Group').forEach(group => {
-          group.draggable(mode === 'edit');
-        });
-        particlesLayer.visible(mode !== 'edit');
-        stage.batchDraw();
-      },
-
-      // Pan/zoom to a sensor and add a highlight ring. Pass null to clear.
-      highlightSensor(sensorId) {
-        sensorsLayer.find('.highlight').forEach(n => n.destroy());
-        if (!sensorId) { sensorsLayer.batchDraw(); return; }
-        const group = sensorsLayer.findOne(`#${sensorId}`);
-        if (!group) return;
-        const ring = new Konva.Circle({
-          x: group.x(),
-          y: group.y(),
-          radius: 22,
-          stroke: '#facc15',
-          strokeWidth: 3,
-          name: 'highlight',
-          listening: false,
-        });
-        sensorsLayer.add(ring);
-        sensorsLayer.batchDraw();
-        // TODO: animate stage position to centre on sensor.
-      },
-
-      // plan: the JSON representation of a FloorPlan (rooms with polygon vertices)
-      loadFloorPlan(payload) {
-        const plan = JSON.parse(payload);
-        roomsLayer.destroyChildren();
-        (plan.rooms || []).forEach(room => {
-          if (!room.polygon || room.polygon.length < 2) return;
-          const points = room.polygon.flatMap(p => [
-            p.x * stage.width(),
-            p.y * stage.height(),
-          ]);
-          const poly = new Konva.Line({
-            points,
-            fill: '#1e293b',
-            stroke: '#475569',
-            strokeWidth: 2,
-            closed: true,
-          });
-          const label = new Konva.Text({
-            x: points[0],
-            y: points[1],
-            text: room.name,
-            fill: '#94a3b8',
-            fontSize: 12,
-            listening: false,
-          });
-          roomsLayer.add(poly, label);
-        });
-        roomsLayer.batchDraw();
-      },
-
-      // sensors: [{id, name, x, y}]
-      loadSensors(payload) {
-        const sensors = JSON.parse(payload);
-        sensorsLayer.destroyChildren();
-        sensors.forEach(({ id, name, x, y }) => {
-          const px = x * stage.width();
-          const py = y * stage.height();
-
-          const group = new Konva.Group({ id, x: px, y: py, draggable: false });
-
-          group.add(new Konva.Circle({
-            radius: 14,
-            fill: '#4f46e5',
-            stroke: '#818cf8',
-            strokeWidth: 2,
-          }));
-          group.add(new Konva.Text({
-            text: name,
-            fontSize: 10,
-            fill: '#e2e8f0',
-            offsetX: 20,
-            y: 18,
-            width: 40,
-            align: 'center',
-            listening: false,
-          }));
-
-          group.on('click tap', () => {
-            notifyFlutter('sensorTapped', { id });
-          });
-          group.on('dragend', () => {
-            notifyFlutter('sensorMoved', {
-              id,
-              x: group.x() / stage.width(),
-              y: group.y() / stage.height(),
-            });
-          });
-
-          sensorsLayer.add(group);
-        });
-        sensorsLayer.batchDraw();
-      },
-    };
-
-    // -----------------------------------------------------------------------
-    // Dart ← JS bridge
-    // -----------------------------------------------------------------------
-    function notifyFlutter(type, payload) {
-      if (window.FlutterBridge) {
-        FlutterBridge.postMessage(JSON.stringify({ type, ...payload }));
-      }
-    }
-  </script>
+  <div id="canvas-container"></div>
+  <div id="overlay"></div>
+  <script src="./vendor/konva.min.js"></script>
+  <script src="./vendor/preact.min.umd.js"></script>
+  <script src="./vendor/hooks.umd.js"></script>
+  <script src="./vendor/htm.umd.js"></script>
+  <script src="./app.js"></script>
 </body>
 </html>
diff --git a/assets/konva/vendor/hooks.umd.js b/assets/konva/vendor/hooks.umd.js
new file mode 100644
index 0000000..36be2ae
--- /dev/null
+++ b/assets/konva/vendor/hooks.umd.js
@@ -0,0 +1,2 @@
+!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("preact")):"function"==typeof define&&define.amd?define(["exports","preact"],t):t((n||self).preactHooks={},n.preact)}(this,function(n,t){var u,r,i,o,f=0,c=[],e=t.options,a=e.__b,v=e.__r,l=e.diffed,d=e.__c,s=e.unmount,p=e.__;function y(n,t){e.__h&&e.__h(r,n,f||t),f=0;var u=r.__H||(r.__H={__:[],__h:[]});return n>=u.__.length&&u.__.push({}),u.__[n]}function h(n){return f=1,m(j,n)}function m(n,t,i){var o=y(u++,2);if(o.t=n,!o.__c&&(o.__=[i?i(t):j(void 0,t),function(n){var t=o.__N?o.__N[0]:o.__[0],u=o.t(t,n);t!==u&&(o.__N=[u,o.__[1]],o.__c.setState({}))}],o.__c=r,!r.__f)){var f=function(n,t,u){if(!o.__c.__H)return!0;var r=o.__c.__H.__.filter(function(n){return n.__c});if(r.every(function(n){return!n.__N}))return!c||c.call(this,n,t,u);var i=o.__c.props!==n;return r.some(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0)}}),c&&c.call(this,n,t,u)||i};r.__f=!0;var c=r.shouldComponentUpdate,e=r.componentWillUpdate;r.componentWillUpdate=function(n,t,u){if(this.__e){var r=c;c=void 0,f(n,t,u),c=r}e&&e.call(this,n,t,u)},r.shouldComponentUpdate=f}return o.__N||o.__}function T(n,t){var i=y(u++,4);!e.__s&&g(i.__H,t)&&(i.__=n,i.u=t,r.__h.push(i))}function _(n,t){var r=y(u++,7);return g(r.__H,t)&&(r.__=n(),r.__H=t,r.__h=n),r.__}function b(){for(var n;n=c.shift();){var t=n.__H;if(n.__P&&t)try{t.__h.some(A),t.__h.some(F),t.__h=[]}catch(u){t.__h=[],e.__e(u,n.__v)}}}e.__b=function(n){r=null,a&&a(n)},e.__=function(n,t){n&&t.__k&&t.__k.__m&&(n.__m=t.__k.__m),p&&p(n,t)},e.__r=function(n){v&&v(n),u=0;var t=(r=n.__c).__H;t&&(i===r?(t.__h=[],r.__h=[],t.__.some(function(n){n.__N&&(n.__=n.__N),n.u=n.__N=void 0})):(t.__h.some(A),t.__h.some(F),t.__h=[],u=0)),i=r},e.diffed=function(n){l&&l(n);var t=n.__c;t&&t.__H&&(t.__H.__h.length&&(1!==c.push(t)&&o===e.requestAnimationFrame||((o=e.requestAnimationFrame)||x)(b)),t.__H.__.some(function(n){n.u&&(n.__H=n.u),n.u=void 0})),i=r=null},e.__c=function(n,t){t.some(function(n){try{n.__h.some(A),n.__h=n.__h.filter(function(n){return!n.__||F(n)})}catch(u){t.some(function(n){n.__h&&(n.__h=[])}),t=[],e.__e(u,n.__v)}}),d&&d(n,t)},e.unmount=function(n){s&&s(n);var t,u=n.__c;u&&u.__H&&(u.__H.__.some(function(n){try{A(n)}catch(n){t=n}}),u.__H=void 0,t&&e.__e(t,u.__v))};var q="function"==typeof requestAnimationFrame;function x(n){var t,u=function(){clearTimeout(r),q&&cancelAnimationFrame(t),setTimeout(n)},r=setTimeout(u,35);q&&(t=requestAnimationFrame(u))}function A(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t}function F(n){var t=r;n.__c=n.__(),r=t}function g(n,t){return!n||n.length!==t.length||t.some(function(t,u){return t!==n[u]})}function j(n,t){return"function"==typeof t?t(n):t}n.useCallback=function(n,t){return f=8,_(function(){return n},t)},n.useContext=function(n){var t=r.context[n.__c],i=y(u++,9);return i.c=n,t?(null==i.__&&(i.__=!0,t.sub(r)),t.props.value):n.__},n.useDebugValue=function(n,t){e.useDebugValue&&e.useDebugValue(t?t(n):n)},n.useEffect=function(n,t){var i=y(u++,3);!e.__s&&g(i.__H,t)&&(i.__=n,i.u=t,r.__H.__h.push(i))},n.useErrorBoundary=function(n){var t=y(u++,10),i=h();return t.__=n,r.componentDidCatch||(r.componentDidCatch=function(n,u){t.__&&t.__(n,u),i[1](n)}),[i[0],function(){i[1](void 0)}]},n.useId=function(){var n=y(u++,11);if(!n.__){for(var t=r.__v;null!==t&&!t.__m&&null!==t.__;)t=t.__;var i=t.__m||(t.__m=[0,0]);n.__="P"+i[0]+"-"+i[1]++}return n.__},n.useImperativeHandle=function(n,t,u){f=6,T(function(){if("function"==typeof n){var u=n(t());return function(){n(null),u&&"function"==typeof u&&u()}}if(n)return n.current=t(),function(){return n.current=null}},null==u?u:u.concat(n))},n.useLayoutEffect=T,n.useMemo=_,n.useReducer=m,n.useRef=function(n){return f=5,_(function(){return{current:n}},[])},n.useState=h});
+//# sourceMappingURL=hooks.umd.js.map
diff --git a/assets/konva/vendor/htm.umd.js b/assets/konva/vendor/htm.umd.js
new file mode 100644
index 0000000..81bc89f
--- /dev/null
+++ b/assets/konva/vendor/htm.umd.js
@@ -0,0 +1 @@
+!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):n.htm=e()}(this,function(){var n=function(e,t,u,s){var r;t[0]=0;for(var p=1;p<t.length;p++){var h=t[p++],o=t[p]?(t[0]|=h?1:2,u[t[p++]]):t[++p];3===h?s[0]=o:4===h?s[1]=Object.assign(s[1]||{},o):5===h?(s[1]=s[1]||{})[t[++p]]=o:6===h?s[1][t[++p]]+=o+"":h?(r=e.apply(o,n(e,o,u,["",null])),s.push(r),o[0]?t[0]|=2:(t[p-2]=0,t[p]=r)):s.push(o)}return s},e=new Map;return function(t){var u=e.get(this);return u||(u=new Map,e.set(this,u)),(u=n(this,u.get(t)||(u.set(t,u=function(n){for(var e,t,u=1,s="",r="",p=[0],h=function(n){1===u&&(n||(s=s.replace(/^\s*\n\s*|\s*\n\s*$/g,"")))?p.push(0,n,s):3===u&&(n||s)?(p.push(3,n,s),u=2):2===u&&"..."===s&&n?p.push(4,n,0):2===u&&s&&!n?p.push(5,0,!0,s):u>=5&&((s||!n&&5===u)&&(p.push(u,0,s,t),u=6),n&&(p.push(u,n,0,t),u=6)),s=""},o=0;o<n.length;o++){o&&(1===u&&h(),h(o));for(var f=0;f<n[o].length;f++)e=n[o][f],1===u?"<"===e?(h(),p=[p],u=3):s+=e:4===u?"--"===s&&">"===e?(u=1,s=""):s=e+s[0]:r?e===r?r="":s+=e:'"'===e||"'"===e?r=e:">"===e?(h(),u=1):u&&("="===e?(u=5,t=s,s=""):"/"===e&&(u<5||">"===n[o][f+1])?(h(),3===u&&(p=p[0]),u=p,(p=p[0]).push(2,0,u),u=0):" "===e||"\t"===e||"\n"===e||"\r"===e?(h(),u=2):s+=e),3===u&&"!--"===s&&(u=4,p=p[0])}return h(),p}(t)),u),arguments,[])).length>1?u:u[0]}});
diff --git a/assets/konva/vendor/konva.min.js b/assets/konva/vendor/konva.min.js
new file mode 100644
index 0000000..0e2c149
--- /dev/null
+++ b/assets/konva/vendor/konva.min.js
@@ -0,0 +1,54 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Konva=e()}(this,function(){"use strict";
+/*
+   * Konva JavaScript Framework v10.3.0
+   * http://konvajs.org/
+   * Licensed under the MIT
+   * Date: Thu Apr 30 2026
+   *
+   * Original work Copyright (C) 2011 - 2013 by Eric Rowell (KineticJS)
+   * Modified work Copyright (C) 2014 - present by Anton Lavrenov (Konva)
+   *
+   * @license
+   */const t=Math.PI/180;const e="undefined"!=typeof global?global:"undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope?self:{},i={_global:e,version:"10.3.0",isBrowser:"undefined"!=typeof window&&("[object Window]"==={}.toString.call(window)||"[object global]"==={}.toString.call(window)),isUnminified:/param/.test(function(t){}.toString()),dblClickWindow:400,getAngle:e=>i.angleDeg?e*t:e,enableTrace:!1,pointerEventsEnabled:!0,autoDrawEnabled:!0,hitOnDragEnabled:!1,capturePointerEventsEnabled:!1,_mouseListenClick:!1,_touchListenClick:!1,_pointerListenClick:!1,_mouseInDblClickWindow:!1,_touchInDblClickWindow:!1,_pointerInDblClickWindow:!1,_mouseDblClickPointerId:null,_touchDblClickPointerId:null,_pointerDblClickPointerId:null,_renderBackend:"web",legacyTextRendering:!1,pixelRatio:"undefined"!=typeof window&&window.devicePixelRatio||1,dragDistance:3,angleDeg:!0,showWarnings:!0,dragButtons:[0,1],isDragging:()=>i.DD.isDragging,isTransforming(){var t,e;return null!==(e=null===(t=i.Transformer)||void 0===t?void 0:t.isTransforming())&&void 0!==e&&e},isDragReady:()=>!!i.DD.node,releaseCanvasOnDestroy:!0,document:e.document,_injectGlobal(t){void 0!==e.Konva&&console.error("Several Konva instances detected. It is not recommended to use multiple Konva instances in the same environment."),e.Konva=t}},n=t=>{i[t.prototype.getClassName()]=t};i._injectGlobal(i);const s=()=>{if("undefined"==typeof document)throw new Error('Konva.js unsupported environment.\n\nLooks like you are trying to use Konva.js in Node.js environment. because "document" object is undefined.\n\nTo use Konva.js in Node.js environment, you need to use the "canvas-backend" or "skia-backend" module.\n\nbash: npm install canvas\njs: import "konva/canvas-backend";\n\nor\n\nbash: npm install skia-canvas\njs: import "konva/skia-backend";\n')};class r{constructor(t=[1,0,0,1,0,0]){this.dirty=!1,this.m=t&&t.slice()||[1,0,0,1,0,0]}reset(){this.m[0]=1,this.m[1]=0,this.m[2]=0,this.m[3]=1,this.m[4]=0,this.m[5]=0}copy(){return new r(this.m)}copyInto(t){t.m[0]=this.m[0],t.m[1]=this.m[1],t.m[2]=this.m[2],t.m[3]=this.m[3],t.m[4]=this.m[4],t.m[5]=this.m[5]}point(t){const e=this.m;return{x:e[0]*t.x+e[2]*t.y+e[4],y:e[1]*t.x+e[3]*t.y+e[5]}}translate(t,e){return this.m[4]+=this.m[0]*t+this.m[2]*e,this.m[5]+=this.m[1]*t+this.m[3]*e,this}scale(t,e){return this.m[0]*=t,this.m[1]*=t,this.m[2]*=e,this.m[3]*=e,this}rotate(t){const e=Math.cos(t),i=Math.sin(t),n=this.m[0]*e+this.m[2]*i,s=this.m[1]*e+this.m[3]*i,r=this.m[0]*-i+this.m[2]*e,a=this.m[1]*-i+this.m[3]*e;return this.m[0]=n,this.m[1]=s,this.m[2]=r,this.m[3]=a,this}getTranslation(){return{x:this.m[4],y:this.m[5]}}skew(t,e){const i=this.m[0]+this.m[2]*e,n=this.m[1]+this.m[3]*e,s=this.m[2]+this.m[0]*t,r=this.m[3]+this.m[1]*t;return this.m[0]=i,this.m[1]=n,this.m[2]=s,this.m[3]=r,this}multiply(t){const e=this.m[0]*t.m[0]+this.m[2]*t.m[1],i=this.m[1]*t.m[0]+this.m[3]*t.m[1],n=this.m[0]*t.m[2]+this.m[2]*t.m[3],s=this.m[1]*t.m[2]+this.m[3]*t.m[3],r=this.m[0]*t.m[4]+this.m[2]*t.m[5]+this.m[4],a=this.m[1]*t.m[4]+this.m[3]*t.m[5]+this.m[5];return this.m[0]=e,this.m[1]=i,this.m[2]=n,this.m[3]=s,this.m[4]=r,this.m[5]=a,this}invert(){const t=1/(this.m[0]*this.m[3]-this.m[1]*this.m[2]),e=this.m[3]*t,i=-this.m[1]*t,n=-this.m[2]*t,s=this.m[0]*t,r=t*(this.m[2]*this.m[5]-this.m[3]*this.m[4]),a=t*(this.m[1]*this.m[4]-this.m[0]*this.m[5]);return this.m[0]=e,this.m[1]=i,this.m[2]=n,this.m[3]=s,this.m[4]=r,this.m[5]=a,this}getMatrix(){return this.m}decompose(){const t=this.m[0],e=this.m[1],i=this.m[2],n=this.m[3],s=t*n-e*i,r={x:this.m[4],y:this.m[5],rotation:0,scaleX:0,scaleY:0,skewX:0,skewY:0};if(0!=t||0!=e){const a=Math.sqrt(t*t+e*e);r.rotation=e>0?Math.acos(t/a):-Math.acos(t/a),r.scaleX=a,r.scaleY=s/a,r.skewX=(t*i+e*n)/s,r.skewY=0}else if(0!=i||0!=n){const a=Math.sqrt(i*i+n*n);r.rotation=Math.PI/2-(n>0?Math.acos(-i/a):-Math.acos(i/a)),r.scaleX=s/a,r.scaleY=a,r.skewX=0,r.skewY=(t*i+e*n)/s}return r.rotation=p._getRotation(r.rotation),r}}const a=Math.PI/180,o=180/Math.PI,h="#",l="Konva error: ",d={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,132,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,255,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,203],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[119,128,144],slategrey:[119,128,144],snow:[255,255,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],transparent:[255,255,255,0],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,5]},c=/rgb\((\d{1,3}),(\d{1,3}),(\d{1,3})\)/;let g=[],u=null;const f="undefined"!=typeof requestAnimationFrame&&requestAnimationFrame||function(t){setTimeout(t,16)},p={_isElement:t=>!(!t||1!=t.nodeType),_isFunction:t=>!!(t&&t.constructor&&t.call&&t.apply),_isPlainObject:t=>!!t&&t.constructor===Object,_isArray:t=>"[object Array]"===Object.prototype.toString.call(t),_isNumber:t=>"[object Number]"===Object.prototype.toString.call(t)&&!isNaN(t)&&isFinite(t),_isString:t=>"[object String]"===Object.prototype.toString.call(t),_isBoolean:t=>"[object Boolean]"===Object.prototype.toString.call(t),isObject:t=>t instanceof Object,isValidSelector(t){if("string"!=typeof t)return!1;const e=t[0];return"#"===e||"."===e||e===e.toUpperCase()},_sign:t=>0===t||t>0?1:-1,requestAnimFrame(t){g.push(t),1===g.length&&f(function(){const t=g;g=[],t.forEach(function(t){t()})})},createCanvasElement(){s();const t=document.createElement("canvas");try{t.style=t.style||{}}catch(t){}return t},createImageElement:()=>(s(),document.createElement("img")),_isInDocument(t){for(;t=t.parentNode;)if(t==document)return!0;return!1},_urlToImage(t,e){const i=p.createImageElement();i.onload=function(){e(i)},i.src=t},_rgbToHex:(t,e,i)=>((1<<24)+(t<<16)+(e<<8)+i).toString(16).slice(1),_hexToRgb(t){t=t.replace(h,"");const e=parseInt(t,16);return{r:e>>16&255,g:e>>8&255,b:255&e}},getRandomColor(){let t=(16777215*Math.random()|0).toString(16);for(;t.length<6;)t="0"+t;return h+t},isCanvasFarblingActive(){if(null!==u)return u;if("undefined"==typeof document)return u=!1,!1;const t=this.createCanvasElement();t.width=10,t.height=10;const e=t.getContext("2d",{willReadFrequently:!0});e.clearRect(0,0,10,10),e.fillStyle="#282828",e.fillRect(0,0,10,10);const i=e.getImageData(0,0,10,10).data;let n=!1;for(let t=0;t<100;t++)if(40!==i[4*t]||40!==i[4*t+1]||40!==i[4*t+2]||255!==i[4*t+3]){n=!0;break}return u=n,this.releaseCanvas(t),u},getHitColor(){const t=this.getRandomColor();return this.isCanvasFarblingActive()?this.getSnappedHexColor(t):t},getHitColorKey(t,e,i){return this.isCanvasFarblingActive()&&(t=5*Math.round(t/5),e=5*Math.round(e/5),i=5*Math.round(i/5)),h+this._rgbToHex(t,e,i)},getSnappedHexColor(t){const e=this._hexToRgb(t);return h+this._rgbToHex(5*Math.round(e.r/5),5*Math.round(e.g/5),5*Math.round(e.b/5))},getRGB(t){let e;return t in d?(e=d[t],{r:e[0],g:e[1],b:e[2]}):t[0]===h?this._hexToRgb(t.substring(1)):"rgb("===t.substr(0,4)?(e=c.exec(t.replace(/ /g,"")),{r:parseInt(e[1],10),g:parseInt(e[2],10),b:parseInt(e[3],10)}):{r:0,g:0,b:0}},colorToRGBA:t=>(t=t||"black",p._namedColorToRBA(t)||p._hex3ColorToRGBA(t)||p._hex4ColorToRGBA(t)||p._hex6ColorToRGBA(t)||p._hex8ColorToRGBA(t)||p._rgbColorToRGBA(t)||p._rgbaColorToRGBA(t)||p._hslColorToRGBA(t)),_namedColorToRBA(t){const e=d[t.toLowerCase()];return e?{r:e[0],g:e[1],b:e[2],a:1}:null},_rgbColorToRGBA(t){if(0===t.indexOf("rgb(")){const e=(t=t.match(/rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number);return{r:e[0],g:e[1],b:e[2],a:1}}},_rgbaColorToRGBA(t){if(0===t.indexOf("rgba(")){const e=(t=t.match(/rgba\(([^)]+)\)/)[1]).split(/ *, */).map((t,e)=>"%"===t.slice(-1)?3===e?parseInt(t)/100:parseInt(t)/100*255:Number(t));return{r:e[0],g:e[1],b:e[2],a:e[3]}}},_hex8ColorToRGBA(t){if("#"===t[0]&&9===t.length)return{r:parseInt(t.slice(1,3),16),g:parseInt(t.slice(3,5),16),b:parseInt(t.slice(5,7),16),a:parseInt(t.slice(7,9),16)/255}},_hex6ColorToRGBA(t){if("#"===t[0]&&7===t.length)return{r:parseInt(t.slice(1,3),16),g:parseInt(t.slice(3,5),16),b:parseInt(t.slice(5,7),16),a:1}},_hex4ColorToRGBA(t){if("#"===t[0]&&5===t.length)return{r:parseInt(t[1]+t[1],16),g:parseInt(t[2]+t[2],16),b:parseInt(t[3]+t[3],16),a:parseInt(t[4]+t[4],16)/255}},_hex3ColorToRGBA(t){if("#"===t[0]&&4===t.length)return{r:parseInt(t[1]+t[1],16),g:parseInt(t[2]+t[2],16),b:parseInt(t[3]+t[3],16),a:1}},_hslColorToRGBA(t){if(/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.test(t)){const[e,...i]=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(t),n=Number(i[0])/360,s=Number(i[1])/100,r=Number(i[2])/100;let a,o,h;if(0===s)return h=255*r,{r:Math.round(h),g:Math.round(h),b:Math.round(h),a:1};a=r<.5?r*(1+s):r+s-r*s;const l=2*r-a,d=[0,0,0];for(let t=0;t<3;t++)o=n+1/3*-(t-1),o<0&&o++,o>1&&o--,h=6*o<1?l+6*(a-l)*o:2*o<1?a:3*o<2?l+(a-l)*(2/3-o)*6:l,d[t]=255*h;return{r:Math.round(d[0]),g:Math.round(d[1]),b:Math.round(d[2]),a:1}}},haveIntersection:(t,e)=>!(e.x>t.x+t.width||e.x+e.width<t.x||e.y>t.y+t.height||e.y+e.height<t.y),cloneObject(t){const e={};for(const i in t)this._isPlainObject(t[i])?e[i]=this.cloneObject(t[i]):this._isArray(t[i])?e[i]=this.cloneArray(t[i]):e[i]=t[i];return e},cloneArray:t=>t.slice(0),degToRad:t=>t*a,radToDeg:t=>t*o,_degToRad:t=>(p.warn("Util._degToRad is removed. Please use public Util.degToRad instead."),p.degToRad(t)),_radToDeg:t=>(p.warn("Util._radToDeg is removed. Please use public Util.radToDeg instead."),p.radToDeg(t)),_getRotation:t=>i.angleDeg?p.radToDeg(t):t,_capitalize:t=>t.charAt(0).toUpperCase()+t.slice(1),throw(t){throw new Error(l+t)},error(t){console.error(l+t)},warn(t){i.showWarnings&&console.warn("Konva warning: "+t)},each(t,e){for(const i in t)e(i,t[i])},_inRange:(t,e,i)=>e<=t&&t<i,_getProjectionToSegment(t,e,i,n,s,r){let a,o,h;const l=(t-i)*(t-i)+(e-n)*(e-n);if(0==l)a=t,o=e,h=(s-i)*(s-i)+(r-n)*(r-n);else{const d=((s-t)*(i-t)+(r-e)*(n-e))/l;d<0?(a=t,o=e,h=(t-s)*(t-s)+(e-r)*(e-r)):d>1?(a=i,o=n,h=(i-s)*(i-s)+(n-r)*(n-r)):(a=t+d*(i-t),o=e+d*(n-e),h=(a-s)*(a-s)+(o-r)*(o-r))}return[a,o,h]},_getProjectionToLine(t,e,i){const n=p.cloneObject(t);let s=Number.MAX_VALUE;return e.forEach(function(r,a){if(!i&&a===e.length-1)return;const o=e[(a+1)%e.length],h=p._getProjectionToSegment(r.x,r.y,o.x,o.y,t.x,t.y),l=h[0],d=h[1],c=h[2];c<s&&(n.x=l,n.y=d,s=c)}),n},_prepareArrayForTween(t,e,i){const n=[],s=[];if(t.length>e.length){const i=e;e=t,t=i}for(let e=0;e<t.length;e+=2)n.push({x:t[e],y:t[e+1]});for(let t=0;t<e.length;t+=2)s.push({x:e[t],y:e[t+1]});const r=[];return s.forEach(function(t){const e=p._getProjectionToLine(t,n,i);r.push(e.x),r.push(e.y)}),r},_prepareToStringify(t){let e;t.visitedByCircularReferenceRemoval=!0;for(const i in t)if(t.hasOwnProperty(i)&&t[i]&&"object"==typeof t[i])if(e=Object.getOwnPropertyDescriptor(t,i),t[i].visitedByCircularReferenceRemoval||p._isElement(t[i])){if(!e.configurable)return null;delete t[i]}else if(null===p._prepareToStringify(t[i])){if(!e.configurable)return null;delete t[i]}return delete t.visitedByCircularReferenceRemoval,t},_assign(t,e){for(const i in e)t[i]=e[i];return t},_getFirstPointerId:t=>t.touches?t.changedTouches[0].identifier:t.pointerId||999,releaseCanvas(...t){i.releaseCanvasOnDestroy&&t.forEach(t=>{t.width=0,t.height=0})},drawRoundedRectPath(t,e,i,n){let s=e<0?e:0,r=i<0?i:0;e=Math.abs(e),i=Math.abs(i);let a=0,o=0,h=0,l=0;"number"==typeof n?a=o=h=l=Math.min(n,e/2,i/2):(a=Math.min(n[0]||0,e/2,i/2),o=Math.min(n[1]||0,e/2,i/2),l=Math.min(n[2]||0,e/2,i/2),h=Math.min(n[3]||0,e/2,i/2)),t.moveTo(s+a,r),t.lineTo(s+e-o,r),t.arc(s+e-o,r+o,o,3*Math.PI/2,0,!1),t.lineTo(s+e,r+i-l),t.arc(s+e-l,r+i-l,l,0,Math.PI/2,!1),t.lineTo(s+h,r+i),t.arc(s+h,r+i-h,h,Math.PI/2,Math.PI,!1),t.lineTo(s,r+a),t.arc(s+a,r+a,a,Math.PI,3*Math.PI/2,!1)},drawRoundedPolygonPath(t,e,i,n,s){n=Math.abs(n);for(let r=0;r<i;r++){const a=e[(r-1+i)%i],o=e[r],h=e[(r+1)%i],l={x:o.x-a.x,y:o.y-a.y},d={x:h.x-o.x,y:h.y-o.y},c=Math.hypot(l.x,l.y),g=Math.hypot(d.x,d.y);let u;u="number"==typeof s?s:r<s.length?s[r]:0;u=n*Math.cos(Math.PI/i)*Math.min(1,u/n*2);const f={x:l.x/c,y:l.y/c},p={x:d.x/g,y:d.y/g},m={x:o.x-f.x*u,y:o.y-f.y*u},_={x:o.x+p.x*u,y:o.y+p.y*u};0===r?t.moveTo(m.x,m.y):t.lineTo(m.x,m.y),t.arcTo(o.x,o.y,_.x,_.y,u)}}};const m=["arc","arcTo","beginPath","bezierCurveTo","clearRect","clip","closePath","createLinearGradient","createPattern","createRadialGradient","drawImage","ellipse","fill","fillText","getImageData","createImageData","lineTo","moveTo","putImageData","quadraticCurveTo","rect","roundRect","restore","rotate","save","scale","setLineDash","setTransform","stroke","strokeText","transform","translate"];let _,y=null;function v(){if(null!==y)return y;try{const t=p.createCanvasElement().getContext("2d");return t?!!t&&"filter"in t:(y=!1,!1)}catch(t){return y=!1,!1}}class x{constructor(t){this.canvas=t,i.enableTrace&&(this.traceArr=[],this._enableTrace())}fillShape(t){t.fillEnabled()&&this._fill(t)}_fill(t){}strokeShape(t){t.hasStroke()&&this._stroke(t)}_stroke(t){}fillStrokeShape(t){t.attrs.fillAfterStrokeEnabled?(this.strokeShape(t),this.fillShape(t)):(this.fillShape(t),this.strokeShape(t))}getTrace(t,e){let i,n,s,r,a=this.traceArr,o=a.length,h="";for(i=0;i<o;i++)n=a[i],s=n.method,s?(r=n.args,h+=s,t?h+="()":p._isArray(r[0])?h+="(["+r.join(",")+"])":(e&&(r=r.map(t=>"number"==typeof t?Math.floor(t):t)),h+="("+r.join(",")+")")):(h+=n.property,t||(h+="="+n.val)),h+=";";return h}clearTrace(){this.traceArr=[]}_trace(t){let e,i=this.traceArr;i.push(t),e=i.length,e>=100&&i.shift()}reset(){const t=this.getCanvas().getPixelRatio();this.setTransform(1*t,0,0,1*t,0,0)}getCanvas(){return this.canvas}clear(t){const e=this.getCanvas();t?this.clearRect(t.x||0,t.y||0,t.width||0,t.height||0):this.clearRect(0,0,e.getWidth()/e.pixelRatio,e.getHeight()/e.pixelRatio)}_applyLineCap(t){const e=t.attrs.lineCap;e&&this.setAttr("lineCap",e)}_applyOpacity(t){const e=t.getAbsoluteOpacity();1!==e&&this.setAttr("globalAlpha",e)}_applyLineJoin(t){const e=t.attrs.lineJoin;e&&this.setAttr("lineJoin",e)}_applyMiterLimit(t){const e=t.attrs.miterLimit;null!=e&&this.setAttr("miterLimit",e)}setAttr(t,e){this._context[t]=e}arc(t,e,i,n,s,r){this._context.arc(t,e,i,n,s,r)}arcTo(t,e,i,n,s){this._context.arcTo(t,e,i,n,s)}beginPath(){this._context.beginPath()}bezierCurveTo(t,e,i,n,s,r){this._context.bezierCurveTo(t,e,i,n,s,r)}clearRect(t,e,i,n){this._context.clearRect(t,e,i,n)}clip(...t){this._context.clip.apply(this._context,t)}closePath(){this._context.closePath()}createImageData(t,e){const i=arguments;return 2===i.length?this._context.createImageData(t,e):1===i.length?this._context.createImageData(t):void 0}createLinearGradient(t,e,i,n){return this._context.createLinearGradient(t,e,i,n)}createPattern(t,e){return this._context.createPattern(t,e)}createRadialGradient(t,e,i,n,s,r){return this._context.createRadialGradient(t,e,i,n,s,r)}drawImage(t,e,i,n,s,r,a,o,h){const l=arguments,d=this._context;3===l.length?d.drawImage(t,e,i):5===l.length?d.drawImage(t,e,i,n,s):9===l.length&&d.drawImage(t,e,i,n,s,r,a,o,h)}ellipse(t,e,i,n,s,r,a,o){this._context.ellipse(t,e,i,n,s,r,a,o)}isPointInPath(t,e,i,n){return i?this._context.isPointInPath(i,t,e,n):this._context.isPointInPath(t,e,n)}fill(...t){this._context.fill.apply(this._context,t)}fillRect(t,e,i,n){this._context.fillRect(t,e,i,n)}strokeRect(t,e,i,n){this._context.strokeRect(t,e,i,n)}fillText(t,e,i,n){n?this._context.fillText(t,e,i,n):this._context.fillText(t,e,i)}measureText(t){return this._context.measureText(t)}getImageData(t,e,i,n){return this._context.getImageData(t,e,i,n)}lineTo(t,e){this._context.lineTo(t,e)}moveTo(t,e){this._context.moveTo(t,e)}rect(t,e,i,n){this._context.rect(t,e,i,n)}roundRect(t,e,i,n,s){this._context.roundRect(t,e,i,n,s)}putImageData(t,e,i){this._context.putImageData(t,e,i)}quadraticCurveTo(t,e,i,n){this._context.quadraticCurveTo(t,e,i,n)}restore(){this._context.restore()}rotate(t){this._context.rotate(t)}save(){this._context.save()}scale(t,e){this._context.scale(t,e)}setLineDash(t){this._context.setLineDash?this._context.setLineDash(t):"mozDash"in this._context?this._context.mozDash=t:"webkitLineDash"in this._context&&(this._context.webkitLineDash=t)}getLineDash(){return this._context.getLineDash()}setTransform(t,e,i,n,s,r){this._context.setTransform(t,e,i,n,s,r)}stroke(t){t?this._context.stroke(t):this._context.stroke()}strokeText(t,e,i,n){this._context.strokeText(t,e,i,n)}transform(t,e,i,n,s,r){this._context.transform(t,e,i,n,s,r)}translate(t,e){this._context.translate(t,e)}_enableTrace(){let t,e,i=this,n=m.length,s=this.setAttr;const r=function(t){let n,s=i[t];i[t]=function(){return e=function(t){const e=[],i=t.length,n=p;for(let s=0;s<i;s++){let i=t[s];n._isNumber(i)?i=Math.round(1e3*i)/1e3:n._isString(i)||(i+=""),e.push(i)}return e}(Array.prototype.slice.call(arguments,0)),n=s.apply(i,arguments),i._trace({method:t,args:e}),n}};for(t=0;t<n;t++)r(m[t]);i.setAttr=function(){s.apply(i,arguments);const t=arguments[0];let e=arguments[1];"shadowOffsetX"!==t&&"shadowOffsetY"!==t&&"shadowBlur"!==t||(e/=this.canvas.getPixelRatio()),i._trace({property:t,val:e})}}_applyGlobalCompositeOperation(t){const e=t.attrs.globalCompositeOperation;!e||"source-over"===e||this.setAttr("globalCompositeOperation",e)}}["fillStyle","strokeStyle","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY","letterSpacing","lineCap","lineDashOffset","lineJoin","lineWidth","miterLimit","direction","font","textAlign","textBaseline","globalAlpha","globalCompositeOperation","imageSmoothingEnabled","filter"].forEach(function(t){Object.defineProperty(x.prototype,t,{get(){return this._context[t]},set(e){this._context[t]=e}})});class b extends x{constructor(t,{willReadFrequently:e=!1}={}){super(t),this._context=t._canvas.getContext("2d",{willReadFrequently:e})}_fillColor(t){const e=t.fill();this.setAttr("fillStyle",e),t._fillFunc(this)}_fillPattern(t){this.setAttr("fillStyle",t._getFillPattern()),t._fillFunc(this)}_fillLinearGradient(t){const e=t._getLinearGradient();e&&(this.setAttr("fillStyle",e),t._fillFunc(this))}_fillRadialGradient(t){const e=t._getRadialGradient();e&&(this.setAttr("fillStyle",e),t._fillFunc(this))}_fill(t){const e=t.fill(),i=t.getFillPriority();if(e&&"color"===i)return void this._fillColor(t);const n=t.getFillPatternImage();if(n&&"pattern"===i)return void this._fillPattern(t);const s=t.getFillLinearGradientColorStops();if(s&&"linear-gradient"===i)return void this._fillLinearGradient(t);const r=t.getFillRadialGradientColorStops();r&&"radial-gradient"===i?this._fillRadialGradient(t):e?this._fillColor(t):n?this._fillPattern(t):s?this._fillLinearGradient(t):r&&this._fillRadialGradient(t)}_strokeLinearGradient(t){const e=t.getStrokeLinearGradientStartPoint(),i=t.getStrokeLinearGradientEndPoint(),n=t.getStrokeLinearGradientColorStops(),s=this.createLinearGradient(e.x,e.y,i.x,i.y);if(n){for(let t=0;t<n.length;t+=2)s.addColorStop(n[t],n[t+1]);this.setAttr("strokeStyle",s)}}_stroke(t){const e=t.dash(),i=t.getStrokeScaleEnabled();if(t.hasStroke()){if(!i){this.save();const t=this.getCanvas().getPixelRatio();this.setTransform(t,0,0,t,0,0)}this._applyLineCap(t),e&&t.dashEnabled()&&(this.setLineDash(e),this.setAttr("lineDashOffset",t.dashOffset())),this.setAttr("lineWidth",t.strokeWidth()),t.getShadowForStrokeEnabled()||this.setAttr("shadowColor","rgba(0,0,0,0)");t.getStrokeLinearGradientColorStops()?this._strokeLinearGradient(t):this.setAttr("strokeStyle",t.stroke()),t._strokeFunc(this),i||this.restore()}}_applyShadow(t){var e,i,n;const s=null!==(e=t.getShadowRGBA())&&void 0!==e?e:"black",r=null!==(i=t.getShadowBlur())&&void 0!==i?i:5,a=null!==(n=t.getShadowOffset())&&void 0!==n?n:{x:0,y:0},o=t.getAbsoluteScale(),h=this.canvas.getPixelRatio(),l=o.x*h,d=o.y*h;this.setAttr("shadowColor",s),this.setAttr("shadowBlur",r*Math.min(Math.abs(l),Math.abs(d))),this.setAttr("shadowOffsetX",a.x*l),this.setAttr("shadowOffsetY",a.y*d)}}class S extends x{constructor(t){super(t),this._context=t._canvas.getContext("2d",{willReadFrequently:!0})}_fill(t){this.save(),this.setAttr("fillStyle",t.colorKey),t._fillFuncHit(this),this.restore()}strokeShape(t){t.hasHitStroke()&&this._stroke(t)}_stroke(t){if(t.hasHitStroke()){const e=t.getStrokeScaleEnabled();if(!e){this.save();const t=this.getCanvas().getPixelRatio();this.setTransform(t,0,0,t,0,0)}this._applyLineCap(t);const i=t.hitStrokeWidth(),n="auto"===i?t.strokeWidth():i;this.setAttr("lineWidth",n),this.setAttr("strokeStyle",t.colorKey),t._strokeFuncHit(this),e||this.restore()}}}class w{constructor(t){this.pixelRatio=1,this.width=0,this.height=0,this.isCache=!1;const e=(t||{}).pixelRatio||i.pixelRatio||function(){if(_)return _;const t=p.createCanvasElement(),e=t.getContext("2d");return _=(i._global.devicePixelRatio||1)/(e.webkitBackingStorePixelRatio||e.mozBackingStorePixelRatio||e.msBackingStorePixelRatio||e.oBackingStorePixelRatio||e.backingStorePixelRatio||1),p.releaseCanvas(t),_}();this.pixelRatio=e,this._canvas=p.createCanvasElement(),this._canvas.style.padding="0",this._canvas.style.margin="0",this._canvas.style.border="0",this._canvas.style.background="transparent",this._canvas.style.position="absolute",this._canvas.style.top="0",this._canvas.style.left="0"}getContext(){return this.context}getPixelRatio(){return this.pixelRatio}setPixelRatio(t){const e=this.pixelRatio;this.pixelRatio=t,this.setSize(this.getWidth()/e,this.getHeight()/e)}setWidth(t){this.width=this._canvas.width=t*this.pixelRatio,this._canvas.style.width=t+"px";const e=this.pixelRatio;this.getContext()._context.scale(e,e)}setHeight(t){this.height=this._canvas.height=t*this.pixelRatio,this._canvas.style.height=t+"px";const e=this.pixelRatio;this.getContext()._context.scale(e,e)}getWidth(){return this.width}getHeight(){return this.height}setSize(t,e){this.setWidth(t||0),this.setHeight(e||0)}toDataURL(t,e){try{return this._canvas.toDataURL(t,e)}catch(t){try{return this._canvas.toDataURL()}catch(t){return p.error("Unable to get data URL. "+t.message+" For more info read https://konvajs.org/docs/posts/Tainted_Canvas.html."),""}}}}class C extends w{constructor(t={width:0,height:0,willReadFrequently:!1}){super(t),this.context=new b(this,{willReadFrequently:t.willReadFrequently}),this.setSize(t.width,t.height)}}class k extends w{constructor(t={width:0,height:0}){super(t),this.hitCanvas=!0,this.context=new S(this),this.setSize(t.width,t.height)}}const P={get isDragging(){let t=!1;return P._dragElements.forEach(e=>{"dragging"===e.dragStatus&&(t=!0)}),t},justDragged:!1,get node(){let t;return P._dragElements.forEach(e=>{t=e.node}),t},_dragElements:new Map,_drag(t){const e=[];P._dragElements.forEach((i,n)=>{const{node:s}=i,r=s.getStage();r.setPointersPositions(t),void 0===i.pointerId&&(i.pointerId=p._getFirstPointerId(t));const a=r._changedPointerPositions.find(t=>t.id===i.pointerId);if(a){if("dragging"!==i.dragStatus){const e=s.dragDistance();if(Math.max(Math.abs(a.x-i.startPointerPos.x),Math.abs(a.y-i.startPointerPos.y))<e)return;if(s.startDrag({evt:t}),!s.isDragging())return}s._setDragPosition(t,i),e.push(s)}}),e.forEach(e=>{e.getStage()&&e.fire("dragmove",{type:"dragmove",target:e,evt:t},!0)})},_endDragBefore(t){const e=[];P._dragElements.forEach(n=>{const{node:s}=n,r=s.getStage();t&&r.setPointersPositions(t);if(!r._changedPointerPositions.find(t=>t.id===n.pointerId))return;"dragging"!==n.dragStatus&&"stopped"!==n.dragStatus||(P.justDragged=!0,i._mouseListenClick=!1,i._touchListenClick=!1,i._pointerListenClick=!1,n.dragStatus="stopped");const a=n.node.getLayer()||n.node instanceof i.Stage&&n.node;a&&-1===e.indexOf(a)&&e.push(a)}),e.forEach(t=>{t.draw()})},_endDragAfter(t){P._dragElements.forEach((e,i)=>{"stopped"===e.dragStatus&&e.node.fire("dragend",{type:"dragend",target:e.node,evt:t},!0),"dragging"!==e.dragStatus&&P._dragElements.delete(i)})}};function A(t){return p._isString(t)?'"'+t+'"':"[object Number]"===Object.prototype.toString.call(t)||p._isBoolean(t)?t:Object.prototype.toString.call(t)}function T(t){return t>255?255:t<0?0:Math.round(t)}function M(){if(i.isUnminified)return function(t,e){return p._isNumber(t)||p.warn(A(t)+' is a not valid value for "'+e+'" attribute. The value should be a number.'),t}}function R(t){if(i.isUnminified)return function(e,i){let n=p._isNumber(e),s=p._isArray(e)&&e.length==t;return n||s||p.warn(A(e)+' is a not valid value for "'+i+'" attribute. The value should be a number or Array<number>('+t+")"),e}}function G(){if(i.isUnminified)return function(t,e){return p._isNumber(t)||"auto"===t||p.warn(A(t)+' is a not valid value for "'+e+'" attribute. The value should be a number or "auto".'),t}}function E(){if(i.isUnminified)return function(t,e){return p._isString(t)||p.warn(A(t)+' is a not valid value for "'+e+'" attribute. The value should be a string.'),t}}function L(){if(i.isUnminified)return function(t,e){const i=p._isString(t),n="[object CanvasGradient]"===Object.prototype.toString.call(t)||t&&t.addColorStop;return i||n||p.warn(A(t)+' is a not valid value for "'+e+'" attribute. The value should be a string or a native gradient.'),t}}function D(){if(i.isUnminified)return function(t,e){return!0===t||!1===t||p.warn(A(t)+' is a not valid value for "'+e+'" attribute. The value should be a boolean.'),t}}i.isBrowser&&(window.addEventListener("mouseup",P._endDragBefore,!0),window.addEventListener("touchend",P._endDragBefore,!0),window.addEventListener("touchcancel",P._endDragBefore,!0),window.addEventListener("mousemove",P._drag),window.addEventListener("touchmove",P._drag),window.addEventListener("mouseup",P._endDragAfter,!1),window.addEventListener("touchend",P._endDragAfter,!1),window.addEventListener("touchcancel",P._endDragAfter,!1));const I="get",O="set",F={addGetterSetter(t,e,i,n,s){F.addGetter(t,e,i),F.addSetter(t,e,n,s),F.addOverloadedGetterSetter(t,e)},addGetter(t,e,i){const n=I+p._capitalize(e);t.prototype[n]=t.prototype[n]||function(){const t=this.attrs[e];return void 0===t?i:t}},addSetter(t,e,i,n){const s=O+p._capitalize(e);t.prototype[s]||F.overWriteSetter(t,e,i,n)},overWriteSetter(t,e,i,n){const s=O+p._capitalize(e);t.prototype[s]=function(t){return i&&null!=t&&(t=i.call(this,t,e)),this._setAttr(e,t),n&&n.call(this),this}},addComponentsGetterSetter(t,e,n,s,r){const a=n.length,o=p._capitalize,h=I+o(e),l=O+o(e);t.prototype[h]=function(){const t={};for(let i=0;i<a;i++){const s=n[i];t[s]=this.getAttr(e+o(s))}return t};const d=function(t){if(i.isUnminified)return function(e,i){return null==e||p.isObject(e)||p.warn(A(e)+' is a not valid value for "'+i+'" attribute. The value should be an object with properties '+t),e}}(n);t.prototype[l]=function(t){const i=this.attrs[e];s&&(t=s.call(this,t,e)),d&&d.call(this,t,e);for(const i in t)t.hasOwnProperty(i)&&this._setAttr(e+o(i),t[i]);return t||n.forEach(t=>{this._setAttr(e+o(t),void 0)}),this._fireChangeEvent(e,i,t),r&&r.call(this),this},F.addOverloadedGetterSetter(t,e)},addOverloadedGetterSetter(t,e){const i=p._capitalize(e),n=O+i,s=I+i;t.prototype[e]=function(){return arguments.length?(this[n](arguments[0]),this):this[s]()}},addDeprecatedGetterSetter(t,e,i,n){p.error("Adding deprecated "+e);const s=I+p._capitalize(e),r=e+" property is deprecated and will be removed soon. Look at Konva change log for more information.";t.prototype[s]=function(){p.error(r);const t=this.attrs[e];return void 0===t?i:t},F.addSetter(t,e,n,function(){p.error(r)}),F.addOverloadedGetterSetter(t,e)},backCompat(t,e){p.each(e,function(e,i){const n=t.prototype[i],s=I+p._capitalize(e),r=O+p._capitalize(e);function a(){n.apply(this,arguments),p.error('"'+e+'" method is deprecated and will be removed soon. Use ""'+i+'" instead.')}t.prototype[e]=a,t.prototype[s]=a,t.prototype[r]=a})},afterSetFilter(){this._filterUpToDate=!1}};function B(t){const e=/(\w+)\(([^)]+)\)/g;let n;for(;null!==(n=e.exec(t));){const[,t,e]=n;switch(t){case"blur":{const t=parseFloat(e.replace("px",""));return function(e){this.blurRadius(.5*t);const n=i.Filters;n&&n.Blur&&n.Blur.call(this,e)}}case"brightness":{const t=e.includes("%")?parseFloat(e)/100:parseFloat(e);return function(e){this.brightness(t);const n=i.Filters;n&&n.Brightness&&n.Brightness.call(this,e)}}case"contrast":{const t=parseFloat(e);return function(e){const n=100*(Math.sqrt(t)-1);this.contrast(n);const s=i.Filters;s&&s.Contrast&&s.Contrast.call(this,e)}}case"grayscale":return function(t){const e=i.Filters;e&&e.Grayscale&&e.Grayscale.call(this,t)};case"sepia":return function(t){const e=i.Filters;e&&e.Sepia&&e.Sepia.call(this,t)};case"invert":return function(t){const e=i.Filters;e&&e.Invert&&e.Invert.call(this,t)};default:p.warn(`CSS filter "${t}" is not supported in fallback mode. Consider using function filters for better compatibility.`)}}return()=>{}}const N="absoluteOpacity",H="allEventListeners",z="absoluteTransform",W="absoluteScale",Y="canvas",X="listening",j="Shape",q=" ",U="stage",K="transform",V="visible",Q=["xChange.konva","yChange.konva","scaleXChange.konva","scaleYChange.konva","skewXChange.konva","skewYChange.konva","rotationChange.konva","offsetXChange.konva","offsetYChange.konva","transformsEnabledChange.konva"].join(q);let J=1;class ${constructor(t){this._id=J++,this.eventListeners={},this.attrs={},this.index=0,this._allEventListeners=null,this.parent=null,this._cache=new Map,this._attachedDepsListeners=new Map,this._lastPos=null,this._batchingTransformChange=!1,this._needClearTransformCache=!1,this._filterUpToDate=!1,this._isUnderCache=!1,this._dragEventId=null,this._shouldFireChangeEvents=!1,this.setAttrs(t),this._shouldFireChangeEvents=!0}hasChildren(){return!1}_clearCache(t){t!==K&&t!==z||!this._cache.get(t)?t?this._cache.delete(t):this._cache.clear():this._cache.get(t).dirty=!0}_getCache(t,e){let i=this._cache.get(t);return(void 0===i||(t===K||t===z)&&!0===i.dirty)&&(i=e.call(this),this._cache.set(t,i)),i}_calculate(t,e,i){if(!this._attachedDepsListeners.get(t)){const i=e.map(t=>t+"Change.konva").join(q);this.on(i,()=>{this._clearCache(t)}),this._attachedDepsListeners.set(t,!0)}return this._getCache(t,i)}_getCanvasCache(){return this._cache.get(Y)}_clearSelfAndDescendantCache(t){this._clearCache(t),t===z&&this.fire("absoluteTransformChange")}clearCache(){if(this._cache.has(Y)){const{scene:t,filter:e,hit:i}=this._cache.get(Y);p.releaseCanvas(t._canvas,e._canvas,i._canvas),this._cache.delete(Y)}return this._clearSelfAndDescendantCache(),this._requestDraw(),this}cache(t){const e=t||{};let i={};void 0!==e.x&&void 0!==e.y&&void 0!==e.width&&void 0!==e.height||(i=this.getClientRect({skipTransform:!0,relativeTo:this.getParent()||void 0}));let n=Math.ceil(e.width||i.width),s=Math.ceil(e.height||i.height),r=e.pixelRatio,a=void 0===e.x?Math.floor(i.x):e.x,o=void 0===e.y?Math.floor(i.y):e.y,h=e.offset||0,l=e.drawBorder||!1,d=e.hitCanvasPixelRatio||1;if(!n||!s)return void p.error("Can not cache the node. Width or height of the node equals 0. Caching is skipped.");n+=2*h+(Math.abs(Math.round(i.x)-a)>.5?1:0),s+=2*h+(Math.abs(Math.round(i.y)-o)>.5?1:0),a-=h,o-=h;const c=new C({pixelRatio:r,width:n,height:s}),g=new C({pixelRatio:r,width:0,height:0,willReadFrequently:!0}),u=new k({pixelRatio:d,width:n,height:s}),f=c.getContext(),m=u.getContext(),_=new C({width:c.width/c.pixelRatio+Math.abs(a),height:c.height/c.pixelRatio+Math.abs(o),pixelRatio:c.pixelRatio}),y=_.getContext();return u.isCache=!0,c.isCache=!0,this._cache.delete(Y),this._filterUpToDate=!1,!1===e.imageSmoothingEnabled&&(c.getContext()._context.imageSmoothingEnabled=!1,g.getContext()._context.imageSmoothingEnabled=!1),f.save(),m.save(),y.save(),f.translate(-a,-o),m.translate(-a,-o),y.translate(-a,-o),_.x=a,_.y=o,this._isUnderCache=!0,this._clearSelfAndDescendantCache(N),this._clearSelfAndDescendantCache(W),this.drawScene(c,this,_),this.drawHit(u,this),this._isUnderCache=!1,f.restore(),m.restore(),l&&(f.save(),f.beginPath(),f.rect(0,0,n,s),f.closePath(),f.setAttr("strokeStyle","red"),f.setAttr("lineWidth",5),f.stroke(),f.restore()),p.releaseCanvas(_._canvas),this._cache.set(Y,{scene:c,filter:g,hit:u,x:a,y:o}),this._requestDraw(),this}isCached(){return this._cache.has(Y)}getClientRect(t){throw new Error('abstract "getClientRect" method call')}_transformedRect(t,e){const i=[{x:t.x,y:t.y},{x:t.x+t.width,y:t.y},{x:t.x+t.width,y:t.y+t.height},{x:t.x,y:t.y+t.height}];let n=1/0,s=1/0,r=-1/0,a=-1/0;const o=this.getAbsoluteTransform(e);return i.forEach(function(t){const e=o.point(t);void 0===n&&(n=r=e.x,s=a=e.y),n=Math.min(n,e.x),s=Math.min(s,e.y),r=Math.max(r,e.x),a=Math.max(a,e.y)}),{x:n,y:s,width:r-n,height:a-s}}_drawCachedSceneCanvas(t){t.save(),t._applyOpacity(this),t._applyGlobalCompositeOperation(this);const e=this._getCanvasCache();t.translate(e.x,e.y);const i=this._getCachedSceneCanvas(),n=i.pixelRatio;t.drawImage(i._canvas,0,0,i.width/n,i.height/n),t.restore()}_drawCachedHitCanvas(t){const e=this._getCanvasCache(),i=e.hit;t.save(),t.translate(e.x,e.y),t.drawImage(i._canvas,0,0,i.width/i.pixelRatio,i.height/i.pixelRatio),t.restore()}_getCachedSceneCanvas(){let t,e,i,n,s=this.filters(),r=this._getCanvasCache(),a=r.scene,o=r.filter,h=o.getContext();if(!s||0===s.length)return a;if(this._filterUpToDate)return o;let l=!0;for(let t=0;t<s.length;t++)if("string"==typeof s[t]&&v(),"string"!=typeof s[t]||!v()){l=!1;break}const d=a.pixelRatio;if(o.setSize(a.width/a.pixelRatio,a.height/a.pixelRatio),l){const t=s.join(" ");return h.save(),h.setAttr("filter",t),h.drawImage(a._canvas,0,0,a.getWidth()/d,a.getHeight()/d),h.restore(),this._filterUpToDate=!0,o}try{for(t=s.length,h.clear(),h.drawImage(a._canvas,0,0,a.getWidth()/d,a.getHeight()/d),e=h.getImageData(0,0,o.getWidth(),o.getHeight()),i=0;i<t;i++)n=s[i],"string"==typeof n&&(n=B(n)),n.call(this,e),h.putImageData(e,0,0)}catch(t){p.error("Unable to apply filter. "+t.message+" This post my help you https://konvajs.org/docs/posts/Tainted_Canvas.html.")}return this._filterUpToDate=!0,o}on(...t){const e=t[0],i=t[1];if(t[2],this._cache&&this._cache.delete(H),3===t.length)return this._delegate.apply(this,t);const n=e.split(q);for(let t=0;t<n.length;t++){const e=n[t].split("."),s=e[0],r=e[1]||"";this.eventListeners[s]||(this.eventListeners[s]=[]),this.eventListeners[s].push({name:r,handler:i})}return this}off(t,e){let i,n,s,r,a,o,h=(t||"").split(q),l=h.length;if(this._cache&&this._cache.delete(H),!t)for(n in this.eventListeners)this._off(n);for(i=0;i<l;i++)if(s=h[i],r=s.split("."),a=r[0],o=r[1],a)this.eventListeners[a]&&this._off(a,o,e);else for(n in this.eventListeners)this._off(n,o,e);return this}dispatchEvent(t){const e={target:this,type:t.type,evt:t};return this.fire(t.type,e),this}addEventListener(t,e){return this.on(t,function(t){e.call(this,t.evt)}),this}removeEventListener(t){return this.off(t),this}_delegate(t,e,i){const n=this;return this.on(t,function(t){const s=t.target.findAncestors(e,!0,n);for(let e=0;e<s.length;e++)(t=p.cloneObject(t)).currentTarget=s[e],i.call(s[e],t)}),this}remove(){return this.isDragging()&&this.stopDrag(),P._dragElements.delete(this._id),P._dragElements.forEach((t,e)=>{this.isAncestorOf(t.node)&&P._dragElements.delete(e)}),this._remove(),this}_clearCaches(){this._clearSelfAndDescendantCache(z),this._clearSelfAndDescendantCache(N),this._clearSelfAndDescendantCache(W),this._clearSelfAndDescendantCache(U),this._clearSelfAndDescendantCache(V),this._clearSelfAndDescendantCache(X)}_remove(){this._clearCaches();const t=this.getParent();t&&t.children&&(t.children.splice(this.index,1),t._setChildrenIndices(),this.parent=null)}destroy(){return this.remove(),this.clearCache(),this}getAttr(t){const e="get"+p._capitalize(t);return p._isFunction(this[e])?this[e]():this.attrs[t]}getAncestors(){let t=this.getParent(),e=[];for(;t;)e.push(t),t=t.getParent();return e}getAttrs(){return this.attrs||{}}setAttrs(t){return this._batchTransformChanges(()=>{let e,i;if(!t)return this;for(e in t)"children"!==e&&(i="set"+p._capitalize(e),p._isFunction(this[i])?this[i](t[e]):this._setAttr(e,t[e]))}),this}isListening(){return this._getCache(X,this._isListening)}_isListening(t){if(!this.listening())return!1;const e=this.getParent();return!e||e===t||this===t||e._isListening(t)}isVisible(){return this._getCache(V,this._isVisible)}_isVisible(t){if(!this.visible())return!1;const e=this.getParent();return!e||e===t||this===t||e._isVisible(t)}shouldDrawHit(t,e=!1){if(t)return this._isVisible(t)&&this._isListening(t);const n=this.getLayer();let s=!1;P._dragElements.forEach(t=>{"dragging"===t.dragStatus&&("Stage"===t.node.nodeType||t.node.getLayer()===n)&&(s=!0)});const r=!e&&!i.hitOnDragEnabled&&(s||i.isTransforming());return this.isListening()&&this.isVisible()&&!r}show(){return this.visible(!0),this}hide(){return this.visible(!1),this}getZIndex(){return this.index||0}getAbsoluteZIndex(){let t,e,i,n,s=this.getDepth(),r=this,a=0;const o=this.getStage();return"Stage"!==r.nodeType&&o&&function o(h){for(t=[],e=h.length,i=0;i<e;i++)n=h[i],a++,n.nodeType!==j&&(t=t.concat(n.getChildren().slice())),n._id===r._id&&(i=e);t.length>0&&t[0].getDepth()<=s&&o(t)}(o.getChildren()),a}getDepth(){let t=0,e=this.parent;for(;e;)t++,e=e.parent;return t}_batchTransformChanges(t){this._batchingTransformChange=!0,t(),this._batchingTransformChange=!1,this._needClearTransformCache&&(this._clearCache(K),this._clearSelfAndDescendantCache(z)),this._needClearTransformCache=!1}setPosition(t){return this._batchTransformChanges(()=>{this.x(t.x),this.y(t.y)}),this}getPosition(){return{x:this.x(),y:this.y()}}getRelativePointerPosition(){const t=this.getStage();if(!t)return null;const e=t.getPointerPosition();if(!e)return null;const i=this.getAbsoluteTransform().copy();return i.invert(),i.point(e)}getAbsolutePosition(t){let e=!1,i=this.parent;for(;i;){if(i.isCached()){e=!0;break}i=i.parent}e&&!t&&(t=!0);const n=this.getAbsoluteTransform(t).getMatrix(),s=new r,a=this.offset();return s.m=n.slice(),s.translate(a.x,a.y),s.getTranslation()}setAbsolutePosition(t){const{x:e,y:i,...n}=this._clearTransform();this.attrs.x=e,this.attrs.y=i,this._clearCache(K);const s=this._getAbsoluteTransform().copy();return s.invert(),s.translate(t.x,t.y),t={x:this.attrs.x+s.getTranslation().x,y:this.attrs.y+s.getTranslation().y},this._setTransform(n),this.setPosition({x:t.x,y:t.y}),this._clearCache(K),this._clearSelfAndDescendantCache(z),this}_setTransform(t){let e;for(e in t)this.attrs[e]=t[e]}_clearTransform(){const t={x:this.x(),y:this.y(),rotation:this.rotation(),scaleX:this.scaleX(),scaleY:this.scaleY(),offsetX:this.offsetX(),offsetY:this.offsetY(),skewX:this.skewX(),skewY:this.skewY()};return this.attrs.x=0,this.attrs.y=0,this.attrs.rotation=0,this.attrs.scaleX=1,this.attrs.scaleY=1,this.attrs.offsetX=0,this.attrs.offsetY=0,this.attrs.skewX=0,this.attrs.skewY=0,t}move(t){let e=t.x,i=t.y,n=this.x(),s=this.y();return void 0!==e&&(n+=e),void 0!==i&&(s+=i),this.setPosition({x:n,y:s}),this}_eachAncestorReverse(t,e){let i,n,s=[],r=this.getParent();if(!e||e._id!==this._id){for(s.unshift(this);r&&(!e||r._id!==e._id);)s.unshift(r),r=r.parent;for(i=s.length,n=0;n<i;n++)t(s[n])}}rotate(t){return this.rotation(this.rotation()+t),this}moveToTop(){if(!this.parent)return p.warn("Node has no parent. moveToTop function is ignored."),!1;const t=this.index;return t<this.parent.getChildren().length-1&&(this.parent.children.splice(t,1),this.parent.children.push(this),this.parent._setChildrenIndices(),!0)}moveUp(){if(!this.parent)return p.warn("Node has no parent. moveUp function is ignored."),!1;const t=this.index;return t<this.parent.getChildren().length-1&&(this.parent.children.splice(t,1),this.parent.children.splice(t+1,0,this),this.parent._setChildrenIndices(),!0)}moveDown(){if(!this.parent)return p.warn("Node has no parent. moveDown function is ignored."),!1;const t=this.index;return t>0&&(this.parent.children.splice(t,1),this.parent.children.splice(t-1,0,this),this.parent._setChildrenIndices(),!0)}moveToBottom(){if(!this.parent)return p.warn("Node has no parent. moveToBottom function is ignored."),!1;const t=this.index;return t>0&&(this.parent.children.splice(t,1),this.parent.children.unshift(this),this.parent._setChildrenIndices(),!0)}setZIndex(t){if(!this.parent)return p.warn("Node has no parent. zIndex parameter is ignored."),this;(t<0||t>=this.parent.children.length)&&p.warn("Unexpected value "+t+" for zIndex property. zIndex is just index of a node in children of its parent. Expected value is from 0 to "+(this.parent.children.length-1)+".");const e=this.index;return this.parent.children.splice(e,1),this.parent.children.splice(t,0,this),this.parent._setChildrenIndices(),this}getAbsoluteOpacity(){return this._getCache(N,this._getAbsoluteOpacity)}_getAbsoluteOpacity(){let t=this.opacity();const e=this.getParent();return e&&!e._isUnderCache&&(t*=e.getAbsoluteOpacity()),t}moveTo(t){return this.getParent()!==t&&(this._remove(),t.add(this)),this}toObject(){let t,e,i,n,s,r=this.getAttrs();const a={attrs:{},className:this.getClassName()};for(t in r)e=r[t],s=p.isObject(e)&&!p._isPlainObject(e)&&!p._isArray(e),s||(i="function"==typeof this[t]&&this[t],delete r[t],n=i?i.call(this):null,r[t]=e,n!==e&&(a.attrs[t]=e));return p._prepareToStringify(a)}toJSON(){return JSON.stringify(this.toObject())}getParent(){return this.parent}findAncestors(t,e,i){const n=[];e&&this._isMatch(t)&&n.push(this);let s=this.parent;for(;s;){if(s===i)return n;s._isMatch(t)&&n.push(s),s=s.parent}return n}isAncestorOf(t){return!1}findAncestor(t,e,i){return this.findAncestors(t,e,i)[0]}_isMatch(t){if(!t)return!1;if("function"==typeof t)return t(this);let e,i,n=t.replace(/ /g,"").split(","),s=n.length;for(e=0;e<s;e++)if(i=n[e],p.isValidSelector(i)||(p.warn('Selector "'+i+'" is invalid. Allowed selectors examples are "#foo", ".bar" or "Group".'),p.warn('If you have a custom shape with such className, please change it to start with upper letter like "Triangle".'),p.warn("Konva is awesome, right?")),"#"===i.charAt(0)){if(this.id()===i.slice(1))return!0}else if("."===i.charAt(0)){if(this.hasName(i.slice(1)))return!0}else if(this.className===i||this.nodeType===i)return!0;return!1}getLayer(){const t=this.getParent();return t?t.getLayer():null}getStage(){return this._getCache(U,this._getStage)}_getStage(){const t=this.getParent();return t?t.getStage():null}fire(t,e={},i){return e.target=e.target||this,i?this._fireAndBubble(t,e):this._fire(t,e),this}getAbsoluteTransform(t){return t?this._getAbsoluteTransform(t):this._getCache(z,this._getAbsoluteTransform)}_getAbsoluteTransform(t){let e;if(t)return e=new r,this._eachAncestorReverse(function(t){const i=t.transformsEnabled();"all"===i?e.multiply(t.getTransform()):"position"===i&&e.translate(t.x()-t.offsetX(),t.y()-t.offsetY())},t),e;{e=this._cache.get(z)||new r,this.parent?this.parent.getAbsoluteTransform().copyInto(e):e.reset();const t=this.transformsEnabled();if("all"===t)e.multiply(this.getTransform());else if("position"===t){const t=this.attrs.x||0,i=this.attrs.y||0,n=this.attrs.offsetX||0,s=this.attrs.offsetY||0;e.translate(t-n,i-s)}return e.dirty=!1,e}}getAbsoluteScale(t){let e=this;for(;e;)e._isUnderCache&&(t=e),e=e.getParent();const i=this.getAbsoluteTransform(t).decompose();return{x:i.scaleX,y:i.scaleY}}getAbsoluteRotation(){return this.getAbsoluteTransform().decompose().rotation}getTransform(){return this._getCache(K,this._getTransform)}_getTransform(){var t,e;const n=this._cache.get(K)||new r;n.reset();const s=this.x(),a=this.y(),o=i.getAngle(this.rotation()),h=null!==(t=this.attrs.scaleX)&&void 0!==t?t:1,l=null!==(e=this.attrs.scaleY)&&void 0!==e?e:1,d=this.attrs.skewX||0,c=this.attrs.skewY||0,g=this.attrs.offsetX||0,u=this.attrs.offsetY||0;return 0===s&&0===a||n.translate(s,a),0!==o&&n.rotate(o),0===d&&0===c||n.skew(d,c),1===h&&1===l||n.scale(h,l),0===g&&0===u||n.translate(-1*g,-1*u),n.dirty=!1,n}clone(t){let e,i,n,s,r,a=p.cloneObject(this.attrs);for(e in t)a[e]=t[e];const o=new this.constructor(a);for(e in this.eventListeners)for(i=this.eventListeners[e],n=i.length,s=0;s<n;s++)r=i[s],r.name.indexOf("konva")<0&&(o.eventListeners[e]||(o.eventListeners[e]=[]),o.eventListeners[e].push(r));return o}_toKonvaCanvas(t){t=t||{};const e=this.getClientRect(),i=this.getStage(),n=void 0!==t.x?t.x:Math.floor(e.x),s=void 0!==t.y?t.y:Math.floor(e.y),r=t.pixelRatio||1,a=new C({width:t.width||Math.ceil(e.width)||(i?i.width():0),height:t.height||Math.ceil(e.height)||(i?i.height():0),pixelRatio:r}),o=a.getContext(),h=new C({width:a.width/a.pixelRatio+Math.abs(n),height:a.height/a.pixelRatio+Math.abs(s),pixelRatio:a.pixelRatio});return!1===t.imageSmoothingEnabled&&(o._context.imageSmoothingEnabled=!1),o.save(),(n||s)&&o.translate(-1*n,-1*s),this.drawScene(a,void 0,h),o.restore(),a}toCanvas(t){return this._toKonvaCanvas(t)._canvas}toDataURL(t){const e=(t=t||{}).mimeType||null,i=t.quality||null,n=this._toKonvaCanvas(t).toDataURL(e,i);return t.callback&&t.callback(n),n}toImage(t){return new Promise((e,i)=>{try{const i=null==t?void 0:t.callback;i&&delete t.callback,p._urlToImage(this.toDataURL(t),function(t){e(t),null==i||i(t)})}catch(t){i(t)}})}toBlob(t){return new Promise((e,i)=>{try{const i=null==t?void 0:t.callback;i&&delete t.callback,this.toCanvas(t).toBlob(t=>{e(t),null==i||i(t)},null==t?void 0:t.mimeType,null==t?void 0:t.quality)}catch(t){i(t)}})}setSize(t){return this.width(t.width),this.height(t.height),this}getSize(){return{width:this.width(),height:this.height()}}getClassName(){return this.className||this.nodeType}getType(){return this.nodeType}getDragDistance(){return void 0!==this.attrs.dragDistance?this.attrs.dragDistance:this.parent?this.parent.getDragDistance():i.dragDistance}_off(t,e,i){let n,s,r,a=this.eventListeners[t];for(n=0;n<a.length;n++)if(s=a[n].name,r=a[n].handler,!("konva"===s&&"konva"!==e||e&&s!==e||i&&i!==r)){if(a.splice(n,1),0===a.length){delete this.eventListeners[t];break}n--}}_fireChangeEvent(t,e,i){this._fire(t+"Change",{oldVal:e,newVal:i})}addName(t){if(!this.hasName(t)){const e=this.name(),i=e?e+" "+t:t;this.name(i)}return this}hasName(t){if(!t)return!1;const e=this.name();if(!e)return!1;return-1!==(e||"").split(/\s/g).indexOf(t)}removeName(t){const e=(this.name()||"").split(/\s/g),i=e.indexOf(t);return-1!==i&&(e.splice(i,1),this.name(e.join(" "))),this}setAttr(t,e){const i=this["set"+p._capitalize(t)];return p._isFunction(i)?i.call(this,e):this._setAttr(t,e),this}_requestDraw(){if(i.autoDrawEnabled){const t=this.getLayer()||this.getStage();null==t||t.batchDraw()}}_setAttr(t,e){const i=this.attrs[t];(i!==e||p.isObject(e))&&(null==e?delete this.attrs[t]:this.attrs[t]=e,this._shouldFireChangeEvents&&this._fireChangeEvent(t,i,e),this._requestDraw())}_setComponentAttr(t,e,i){let n;void 0!==i&&(n=this.attrs[t],n||(this.attrs[t]=this.getAttr(t)),this.attrs[t][e]=i,this._fireChangeEvent(t,n,i))}_fireAndBubble(t,e,i){e&&this.nodeType===j&&(e.target=this);const n=["mouseenter","mouseleave","pointerenter","pointerleave","touchenter","touchleave"];if(!(-1!==n.indexOf(t)&&(i&&(this===i||this.isAncestorOf&&this.isAncestorOf(i))||"Stage"===this.nodeType&&!i))){this._fire(t,e);const s=-1!==n.indexOf(t)&&i&&i.isAncestorOf&&i.isAncestorOf(this)&&!i.isAncestorOf(this.parent);(e&&!e.cancelBubble||!e)&&this.parent&&this.parent.isListening()&&!s&&(i&&i.parent?this._fireAndBubble.call(this.parent,t,e,i):this._fireAndBubble.call(this.parent,t,e))}}_getProtoListeners(t){var e,i;const{nodeType:n}=this,s=$.protoListenerMap.get(n)||{};let r=null==s?void 0:s[t];if(void 0===r){r=[];let a=Object.getPrototypeOf(this);for(;a;){const n=null!==(i=null===(e=a.eventListeners)||void 0===e?void 0:e[t])&&void 0!==i?i:[];r.push(...n),a=Object.getPrototypeOf(a)}s[t]=r,$.protoListenerMap.set(n,s)}return r}_fire(t,e){(e=e||{}).currentTarget=this,e.type=t;const i=this._getProtoListeners(t);if(i){const t=i.slice();for(let i=0;i<t.length;i++)t[i].handler.call(this,e)}const n=this.eventListeners[t];if(n){const i=n.slice(),s=i.length;for(let t=0;t<i.length;t++)i[t].handler.call(this,e);const r=this.eventListeners[t];if(r)for(let t=s;t<r.length;t++)r[t].handler.call(this,e)}}draw(){return this.drawScene(),this.drawHit(),this}_createDragElement(t){const e=t?t.pointerId:void 0,i=this.getStage(),n=this.getAbsolutePosition();if(!i)return;const s=i._getPointerById(e)||i._changedPointerPositions[0]||n;P._dragElements.set(this._id,{node:this,startPointerPos:s,offset:{x:s.x-n.x,y:s.y-n.y},dragStatus:"ready",pointerId:e,startEvent:t})}startDrag(t,e=!0){P._dragElements.has(this._id)||this._createDragElement(t);const i=P._dragElements.get(this._id);i.dragStatus="dragging",this.fire("dragstart",{type:"dragstart",target:this,evt:i.startEvent&&i.startEvent.evt||t&&t.evt},e)}_setDragPosition(t,e){const i=this.getStage()._getPointerById(e.pointerId);if(!i)return;let n={x:i.x-e.offset.x,y:i.y-e.offset.y};const s=this.dragBoundFunc();if(void 0!==s){const e=s.call(this,n,t);e?n=e:p.warn("dragBoundFunc did not return any value. That is unexpected behavior. You must return new absolute position from dragBoundFunc.")}this._lastPos&&this._lastPos.x===n.x&&this._lastPos.y===n.y||(this.setAbsolutePosition(n),this._requestDraw()),this._lastPos=n}stopDrag(t){const e=P._dragElements.get(this._id);e&&(e.dragStatus="stopped"),P._endDragBefore(t),P._endDragAfter(t)}setDraggable(t){this._setAttr("draggable",t),this._dragChange()}isDragging(){const t=P._dragElements.get(this._id);return!!t&&"dragging"===t.dragStatus}_listenDrag(){this._dragCleanup(),this.on("mousedown.konva touchstart.konva",function(t){if(!(!(void 0!==t.evt.button)||i.dragButtons.indexOf(t.evt.button)>=0))return;if(this.isDragging())return;let e=!1;P._dragElements.forEach(t=>{this.isAncestorOf(t.node)&&(e=!0)}),e||this._createDragElement(t)})}_dragChange(){if(this.attrs.draggable)this._listenDrag();else{this._dragCleanup();if(!this.getStage())return;const t=P._dragElements.get(this._id),e=t&&"dragging"===t.dragStatus,i=t&&"ready"===t.dragStatus;e?this.stopDrag():i&&P._dragElements.delete(this._id)}}_dragCleanup(){this.off("mousedown.konva"),this.off("touchstart.konva")}isClientRectOnScreen(t={x:0,y:0}){const e=this.getStage();if(!e)return!1;const i={x:-t.x,y:-t.y,width:e.width()+2*t.x,height:e.height()+2*t.y};return p.haveIntersection(i,this.getClientRect())}static create(t,e){return p._isString(t)&&(t=JSON.parse(t)),this._createNode(t,e)}static _createNode(t,e){let n,s,r,a=$.prototype.getClassName.call(t),o=t.children;e&&(t.attrs.container=e),i[a]||(p.warn('Can not find a node with class name "'+a+'". Fallback to "Shape".'),a="Shape");if(n=new(0,i[a])(t.attrs),o)for(s=o.length,r=0;r<s;r++)n.add($._createNode(o[r]));return n}}$.protoListenerMap=new Map,$.prototype.nodeType="Node",$.prototype._attrsAffectingSize=[],$.prototype.eventListeners={},$.prototype.on(Q,function(){this._batchingTransformChange?this._needClearTransformCache=!0:(this._clearCache(K),this._clearSelfAndDescendantCache(z))}),$.prototype.on("visibleChange.konva",function(){this._clearSelfAndDescendantCache(V)}),$.prototype.on("listeningChange.konva",function(){this._clearSelfAndDescendantCache(X)}),$.prototype.on("opacityChange.konva",function(){this._clearSelfAndDescendantCache(N)});const Z=F.addGetterSetter;Z($,"zIndex"),Z($,"absolutePosition"),Z($,"position"),Z($,"x",0,M()),Z($,"y",0,M()),Z($,"globalCompositeOperation","source-over",E()),Z($,"opacity",1,M()),Z($,"name","",E()),Z($,"id","",E()),Z($,"rotation",0,M()),F.addComponentsGetterSetter($,"scale",["x","y"]),Z($,"scaleX",1,M()),Z($,"scaleY",1,M()),F.addComponentsGetterSetter($,"skew",["x","y"]),Z($,"skewX",0,M()),Z($,"skewY",0,M()),F.addComponentsGetterSetter($,"offset",["x","y"]),Z($,"offsetX",0,M()),Z($,"offsetY",0,M()),Z($,"dragDistance",void 0,M()),Z($,"width",0,M()),Z($,"height",0,M()),Z($,"listening",!0,D()),Z($,"preventDefault",!0,D()),Z($,"filters",void 0,function(t){return this._filterUpToDate=!1,t}),Z($,"visible",!0,D()),Z($,"transformsEnabled","all",E()),Z($,"size"),Z($,"dragBoundFunc"),Z($,"draggable",!1,D()),F.backCompat($,{rotateDeg:"rotate",setRotationDeg:"setRotation",getRotationDeg:"getRotation"});class tt extends ${constructor(){super(...arguments),this.children=[]}getChildren(t){const e=this.children||[];return t?e.filter(t):e}hasChildren(){return this.getChildren().length>0}removeChildren(){return this.getChildren().forEach(t=>{t.parent=null,t.index=0,t.remove()}),this.children=[],this._requestDraw(),this}destroyChildren(){return this.getChildren().forEach(t=>{t.parent=null,t.index=0,t.destroy()}),this.children=[],this._requestDraw(),this}add(...t){if(0===t.length)return this;if(t.length>1){for(let e=0;e<t.length;e++)this.add(t[e]);return this}const e=t[0];return e.getParent()?(e.moveTo(this),this):(this._validateAdd(e),e.index=this.getChildren().length,e.parent=this,e._clearCaches(),this.getChildren().push(e),this._fire("add",{child:e}),this._requestDraw(),this)}destroy(){return this.hasChildren()&&this.destroyChildren(),super.destroy(),this}find(t){return this._generalFind(t,!1)}findOne(t){const e=this._generalFind(t,!0);return e.length>0?e[0]:void 0}_generalFind(t,e){const i=[];return this._descendants(n=>{const s=n._isMatch(t);return s&&i.push(n),!(!s||!e)}),i}_descendants(t){let e=!1;const i=this.getChildren();for(const n of i){if(e=t(n),e)return!0;if(n.hasChildren()&&(e=n._descendants(t),e))return!0}return!1}toObject(){const t=$.prototype.toObject.call(this);return t.children=[],this.getChildren().forEach(e=>{t.children.push(e.toObject())}),t}isAncestorOf(t){let e=t.getParent();for(;e;){if(e._id===this._id)return!0;e=e.getParent()}return!1}clone(t){const e=$.prototype.clone.call(this,t);return this.getChildren().forEach(function(t){e.add(t.clone())}),e}getAllIntersections(t){const e=[];return this.find("Shape").forEach(i=>{i.isVisible()&&i.intersects(t)&&e.push(i)}),e}_clearSelfAndDescendantCache(t){var e;super._clearSelfAndDescendantCache(t),this.isCached()||null===(e=this.children)||void 0===e||e.forEach(function(e){e._clearSelfAndDescendantCache(t)})}_setChildrenIndices(){var t;null===(t=this.children)||void 0===t||t.forEach(function(t,e){t.index=e}),this._requestDraw()}drawScene(t,e,i){const n=this.getLayer(),s=t||n&&n.getCanvas(),r=s&&s.getContext(),a=this._getCanvasCache(),o=a&&a.scene,h=s&&s.isCache;if(!this.isVisible()&&!h)return this;if(o){r.save();const t=this.getAbsoluteTransform(e).getMatrix();r.transform(t[0],t[1],t[2],t[3],t[4],t[5]),this._drawCachedSceneCanvas(r),r.restore()}else this._drawChildren("drawScene",s,e,i);return this}drawHit(t,e){if(!this.shouldDrawHit(e))return this;const i=this.getLayer(),n=t||i&&i.hitCanvas,s=n&&n.getContext(),r=this._getCanvasCache();if(r&&r.hit){s.save();const t=this.getAbsoluteTransform(e).getMatrix();s.transform(t[0],t[1],t[2],t[3],t[4],t[5]),this._drawCachedHitCanvas(s),s.restore()}else this._drawChildren("drawHit",n,e);return this}_drawChildren(t,e,i,n){var s;const r=e&&e.getContext(),a=this.clipWidth(),o=this.clipHeight(),h=this.clipFunc(),l="number"==typeof a&&"number"==typeof o||h,d=i===this;if(l){r.save();const t=this.getAbsoluteTransform(i);let e,n=t.getMatrix();if(r.transform(n[0],n[1],n[2],n[3],n[4],n[5]),r.beginPath(),h)e=h.call(this,r,this);else{const t=this.clipX(),e=this.clipY();r.rect(t||0,e||0,a,o)}r.clip.apply(r,e),n=t.copy().invert().getMatrix(),r.transform(n[0],n[1],n[2],n[3],n[4],n[5])}const c=!d&&"source-over"!==this.globalCompositeOperation()&&"drawScene"===t;c&&(r.save(),r._applyGlobalCompositeOperation(this)),null===(s=this.children)||void 0===s||s.forEach(function(s){s[t](e,i,n)}),c&&r.restore(),l&&r.restore()}getClientRect(t={}){var e;const i=t.skipTransform,n=t.relativeTo;let s,r,a,o,h={x:1/0,y:1/0,width:0,height:0};const l=this;null===(e=this.children)||void 0===e||e.forEach(function(e){if(!e.visible())return;const i=e.getClientRect({relativeTo:l,skipShadow:t.skipShadow,skipStroke:t.skipStroke});0===i.width&&0===i.height||(void 0===s?(s=i.x,r=i.y,a=i.x+i.width,o=i.y+i.height):(s=Math.min(s,i.x),r=Math.min(r,i.y),a=Math.max(a,i.x+i.width),o=Math.max(o,i.y+i.height)))});const d=this.find("Shape");let c=!1;for(let t=0;t<d.length;t++){if(d[t]._isVisible(this)){c=!0;break}}return h=c&&void 0!==s?{x:s,y:r,width:a-s,height:o-r}:{x:0,y:0,width:0,height:0},i?h:this._transformedRect(h,n)}}F.addComponentsGetterSetter(tt,"clip",["x","y","width","height"]),F.addGetterSetter(tt,"clipX",void 0,M()),F.addGetterSetter(tt,"clipY",void 0,M()),F.addGetterSetter(tt,"clipWidth",void 0,M()),F.addGetterSetter(tt,"clipHeight",void 0,M()),F.addGetterSetter(tt,"clipFunc");const et=new Map,it=void 0!==i._global.PointerEvent;function nt(t){return et.get(t)}function st(t){return{evt:t,pointerId:t.pointerId}}function rt(t,e){return et.get(t)===e}function at(t,e){ot(t);e.getStage()&&(et.set(t,e),it&&e._fire("gotpointercapture",st(new PointerEvent("gotpointercapture"))))}function ot(t,e){const i=et.get(t);if(!i)return;const n=i.getStage();n&&n.content,et.delete(t),it&&i._fire("lostpointercapture",st(new PointerEvent("lostpointercapture")))}const ht="mouseleave",lt="mouseover",dt="mouseenter",ct="mousemove",gt="mousedown",ut="mouseup",ft="pointermove",pt="pointerdown",mt="pointerup",_t="pointercancel",yt="pointerout",vt="pointerleave",xt="pointerover",bt="pointerenter",St="contextmenu",wt="touchstart",Ct="touchend",kt="touchmove",Pt="touchcancel",At="wheel",Tt=[[dt,"_pointerenter"],[gt,"_pointerdown"],[ct,"_pointermove"],[ut,"_pointerup"],[ht,"_pointerleave"],[wt,"_pointerdown"],[kt,"_pointermove"],[Ct,"_pointerup"],[Pt,"_pointercancel"],[lt,"_pointerover"],[At,"_wheel"],[St,"_contextmenu"],[pt,"_pointerdown"],[ft,"_pointermove"],[mt,"_pointerup"],[_t,"_pointercancel"],[vt,"_pointerleave"],["lostpointercapture","_lostpointercapture"]],Mt={mouse:{[yt]:"mouseout",[vt]:ht,[xt]:lt,[bt]:dt,[ft]:ct,[pt]:gt,[mt]:ut,[_t]:"mousecancel",pointerclick:"click",pointerdblclick:"dblclick"},touch:{[yt]:"touchout",[vt]:"touchleave",[xt]:"touchover",[bt]:"touchenter",[ft]:kt,[pt]:wt,[mt]:Ct,[_t]:Pt,pointerclick:"tap",pointerdblclick:"dbltap"},pointer:{[yt]:yt,[vt]:vt,[xt]:xt,[bt]:bt,[ft]:ft,[pt]:pt,[mt]:mt,[_t]:_t,pointerclick:"pointerclick",pointerdblclick:"pointerdblclick"}},Rt=t=>t.indexOf("pointer")>=0?"pointer":t.indexOf("touch")>=0?"touch":"mouse",Gt=t=>{const e=Rt(t);return"pointer"===e?i.pointerEventsEnabled&&Mt.pointer:"touch"===e?Mt.touch:"mouse"===e?Mt.mouse:void 0};function Et(t={}){return(t.clipFunc||t.clipWidth||t.clipHeight)&&p.warn("Stage does not support clipping. Please use clip for Layers or Groups."),t}const Lt=[];class Dt extends tt{constructor(t){super(Et(t)),this._pointerPositions=[],this._changedPointerPositions=[],this._buildDOM(),this._bindContentEvents(),Lt.push(this),this.on("widthChange.konva heightChange.konva",this._resizeDOM),this.on("visibleChange.konva",this._checkVisibility),this.on("clipWidthChange.konva clipHeightChange.konva clipFuncChange.konva",()=>{Et(this.attrs)}),this._checkVisibility()}_validateAdd(t){const e="Layer"===t.getType(),i="FastLayer"===t.getType();e||i||p.throw("You may only add layers to the stage.")}_checkVisibility(){if(!this.content)return;const t=this.visible()?"":"none";this.content.style.display=t}setContainer(t){if("string"==typeof t){let e;if("."===t.charAt(0)){const e=t.slice(1);t=document.getElementsByClassName(e)[0]}else e="#"!==t.charAt(0)?t:t.slice(1),t=document.getElementById(e);if(!t)throw"Can not find container in document with id "+e}return this._setAttr("container",t),this.content&&(this.content.parentElement&&this.content.parentElement.removeChild(this.content),t.appendChild(this.content)),this}shouldDrawHit(){return!0}clear(){const t=this.children,e=t.length;for(let i=0;i<e;i++)t[i].clear();return this}clone(t){return t||(t={}),t.container="undefined"!=typeof document&&document.createElement("div"),tt.prototype.clone.call(this,t)}destroy(){super.destroy();const t=this.content;t&&p._isInDocument(t)&&this.container().removeChild(t);const e=Lt.indexOf(this);return e>-1&&Lt.splice(e,1),p.releaseCanvas(this.bufferCanvas._canvas,this.bufferHitCanvas._canvas),this}getPointerPosition(){const t=this._pointerPositions[0]||this._changedPointerPositions[0];return t?{x:t.x,y:t.y}:(p.warn("Pointer position is missing and not registered by the stage. Looks like it is outside of the stage container. You can set it manually from event: stage.setPointersPositions(event);"),null)}_getPointerById(t){return this._pointerPositions.find(e=>e.id===t)}getPointersPositions(){return this._pointerPositions}getStage(){return this}getContent(){return this.content}_toKonvaCanvas(t){(t={...t}).x=t.x||0,t.y=t.y||0,t.width=t.width||this.width(),t.height=t.height||this.height();const e=new C({width:t.width,height:t.height,pixelRatio:t.pixelRatio||1}),i=e.getContext()._context,n=this.children;return(t.x||t.y)&&i.translate(-1*t.x,-1*t.y),n.forEach(function(e){if(!e.isVisible())return;const n=e._toKonvaCanvas(t);i.drawImage(n._canvas,t.x,t.y,n.getWidth()/n.getPixelRatio(),n.getHeight()/n.getPixelRatio())}),e}getIntersection(t){if(!t)return null;const e=this.children;for(let i=e.length-1;i>=0;i--){const n=e[i].getIntersection(t);if(n)return n}return null}_resizeDOM(){const t=this.width(),e=this.height();this.content&&(this.content.style.width=t+"px",this.content.style.height=e+"px"),this.bufferCanvas.setSize(t,e),this.bufferHitCanvas.setSize(t,e),this.children.forEach(i=>{i.setSize({width:t,height:e}),i.draw()})}add(t,...e){if(arguments.length>1){for(let t=0;t<arguments.length;t++)this.add(arguments[t]);return this}super.add(t);const n=this.children.length;return n>5&&p.warn("The stage has "+n+" layers. Recommended maximum number of layers is 3-5. Adding more layers into the stage may drop the performance. Rethink your tree structure, you can use Konva.Group."),t.setSize({width:this.width(),height:this.height()}),t.draw(),i.isBrowser&&this.content.appendChild(t.canvas._canvas),this}getParent(){return null}getLayer(){return null}hasPointerCapture(t){return rt(t,this)}setPointerCapture(t){at(t,this)}releaseCapture(t){ot(t)}getLayers(){return this.children}_bindContentEvents(){i.isBrowser&&Tt.forEach(([t,e])=>{this.content.addEventListener(t,t=>{this[e](t)},{passive:!1})})}_pointerenter(t){this.setPointersPositions(t);const e=Gt(t.type);e&&this._fire(e.pointerenter,{evt:t,target:this,currentTarget:this})}_pointerover(t){this.setPointersPositions(t);const e=Gt(t.type);e&&this._fire(e.pointerover,{evt:t,target:this,currentTarget:this})}_getTargetShape(t){let e=this[t+"targetShape"];return e&&!e.getStage()&&(e=null),e}_pointerleave(t){const e=Gt(t.type),n=Rt(t.type);if(!e)return;this.setPointersPositions(t);const s=this._getTargetShape(n),r=!(i.isDragging()||i.isTransforming())||i.hitOnDragEnabled;s&&r?(s._fireAndBubble(e.pointerout,{evt:t}),s._fireAndBubble(e.pointerleave,{evt:t}),this._fire(e.pointerleave,{evt:t,target:this,currentTarget:this}),this[n+"targetShape"]=null):r&&(this._fire(e.pointerleave,{evt:t,target:this,currentTarget:this}),this._fire(e.pointerout,{evt:t,target:this,currentTarget:this})),this.pointerPos=null,this._pointerPositions=[]}_pointerdown(t){const e=Gt(t.type),n=Rt(t.type);if(!e)return;this.setPointersPositions(t);let s=!1;this._changedPointerPositions.forEach(r=>{const a=this.getIntersection(r);if(P.justDragged=!1,i["_"+n+"ListenClick"]=!0,!a||!a.isListening())return void(this[n+"ClickStartShape"]=void 0);i.capturePointerEventsEnabled&&a.setPointerCapture(r.id),this[n+"ClickStartShape"]=a,a._fireAndBubble(e.pointerdown,{evt:t,pointerId:r.id}),s=!0;const o=t.type.indexOf("touch")>=0;a.preventDefault()&&t.cancelable&&o&&t.preventDefault()}),s||this._fire(e.pointerdown,{evt:t,target:this,currentTarget:this,pointerId:this._pointerPositions[0].id})}_pointermove(t){const e=Gt(t.type),n=Rt(t.type);if(!e)return;const s=t.type.indexOf("touch")>=0||"touch"===t.pointerType;i.isDragging()&&P.node.preventDefault()&&t.cancelable&&s&&t.preventDefault(),this.setPointersPositions(t);if(!(!(i.isDragging()||i.isTransforming())||i.hitOnDragEnabled))return;const r={};let a=!1;const o=this._getTargetShape(n);this._changedPointerPositions.forEach(i=>{const s=nt(i.id)||this.getIntersection(i),h=i.id,l={evt:t,pointerId:h},d=o!==s;if(d&&o&&(o._fireAndBubble(e.pointerout,{...l},s),o._fireAndBubble(e.pointerleave,{...l},s)),s){if(r[s._id])return;r[s._id]=!0}s&&s.isListening()?(a=!0,d&&(s._fireAndBubble(e.pointerover,{...l},o),s._fireAndBubble(e.pointerenter,{...l},o),this[n+"targetShape"]=s),s._fireAndBubble(e.pointermove,{...l})):o&&(this._fire(e.pointerover,{evt:t,target:this,currentTarget:this,pointerId:h}),this[n+"targetShape"]=null)}),a||this._fire(e.pointermove,{evt:t,target:this,currentTarget:this,pointerId:this._changedPointerPositions[0].id})}_pointerup(t){const e=Gt(t.type),n=Rt(t.type);if(!e)return;this.setPointersPositions(t);const s=this[n+"ClickStartShape"],r=this[n+"ClickEndShape"],a={};let o=!1;this._changedPointerPositions.forEach(h=>{const l=nt(h.id)||this.getIntersection(h);if(l){if(l.releaseCapture(h.id),a[l._id])return;a[l._id]=!0}const d=h.id,c={evt:t,pointerId:d};let g=!1;i["_"+n+"InDblClickWindow"]?(g=!0,clearTimeout(this[n+"DblTimeout"])):P.justDragged||(i["_"+n+"InDblClickWindow"]=!0,clearTimeout(this[n+"DblTimeout"])),this[n+"DblTimeout"]=setTimeout(function(){i["_"+n+"InDblClickWindow"]=!1},i.dblClickWindow),l&&l.isListening()?(o=!0,this[n+"ClickEndShape"]=l,l._fireAndBubble(e.pointerup,{...c}),i["_"+n+"ListenClick"]&&s&&s===l&&(l._fireAndBubble(e.pointerclick,{...c}),g&&r&&r===l&&l._fireAndBubble(e.pointerdblclick,{...c}))):(this[n+"ClickEndShape"]=null,o||(this._fire(e.pointerup,{evt:t,target:this,currentTarget:this,pointerId:this._changedPointerPositions[0].id}),o=!0),i["_"+n+"ListenClick"]&&this._fire(e.pointerclick,{evt:t,target:this,currentTarget:this,pointerId:d}),g&&this._fire(e.pointerdblclick,{evt:t,target:this,currentTarget:this,pointerId:d}))}),o||this._fire(e.pointerup,{evt:t,target:this,currentTarget:this,pointerId:this._changedPointerPositions[0].id}),i["_"+n+"ListenClick"]=!1,t.cancelable&&"touch"!==n&&"pointer"!==n&&t.preventDefault()}_contextmenu(t){this.setPointersPositions(t);const e=this.getIntersection(this.getPointerPosition());e&&e.isListening()?e._fireAndBubble(St,{evt:t}):this._fire(St,{evt:t,target:this,currentTarget:this})}_wheel(t){this.setPointersPositions(t);const e=this.getIntersection(this.getPointerPosition());e&&e.isListening()?e._fireAndBubble(At,{evt:t}):this._fire(At,{evt:t,target:this,currentTarget:this})}_pointercancel(t){this.setPointersPositions(t);const e=nt(t.pointerId)||this.getIntersection(this.getPointerPosition());e&&e._fireAndBubble(mt,st(t)),ot(t.pointerId)}_lostpointercapture(t){ot(t.pointerId)}setPointersPositions(t){const e=this._getContentPosition();let i=null,n=null;void 0!==(t=t||window.event).touches?(this._pointerPositions=[],this._changedPointerPositions=[],Array.prototype.forEach.call(t.touches,t=>{this._pointerPositions.push({id:t.identifier,x:(t.clientX-e.left)/e.scaleX,y:(t.clientY-e.top)/e.scaleY})}),Array.prototype.forEach.call(t.changedTouches||t.touches,t=>{this._changedPointerPositions.push({id:t.identifier,x:(t.clientX-e.left)/e.scaleX,y:(t.clientY-e.top)/e.scaleY})})):(i=(t.clientX-e.left)/e.scaleX,n=(t.clientY-e.top)/e.scaleY,this.pointerPos={x:i,y:n},this._pointerPositions=[{x:i,y:n,id:p._getFirstPointerId(t)}],this._changedPointerPositions=[{x:i,y:n,id:p._getFirstPointerId(t)}])}_setPointerPosition(t){p.warn('Method _setPointerPosition is deprecated. Use "stage.setPointersPositions(event)" instead.'),this.setPointersPositions(t)}_getContentPosition(){if(!this.content||!this.content.getBoundingClientRect)return{top:0,left:0,scaleX:1,scaleY:1};const t=this.content.getBoundingClientRect();return{top:t.top,left:t.left,scaleX:t.width/this.content.clientWidth||1,scaleY:t.height/this.content.clientHeight||1}}_buildDOM(){if(this.bufferCanvas=new C({width:this.width(),height:this.height()}),this.bufferHitCanvas=new k({pixelRatio:1,width:this.width(),height:this.height()}),!i.isBrowser)return;const t=this.container();if(!t)throw"Stage has no container. A container is required.";t.innerHTML="",this.content=document.createElement("div"),this.content.style.position="relative",this.content.style.userSelect="none",this.content.className="konvajs-content",this.content.setAttribute("role","presentation"),t.appendChild(this.content),this._resizeDOM()}cache(){return p.warn("Cache function is not allowed for stage. You may use cache only for layers, groups and shapes."),this}clearCache(){return this}batchDraw(){return this.getChildren().forEach(function(t){t.batchDraw()}),this}}Dt.prototype.nodeType="Stage",n(Dt),F.addGetterSetter(Dt,"container"),i.isBrowser&&document.addEventListener("visibilitychange",()=>{Lt.forEach(t=>{t.batchDraw()})});const It="hasShadow",Ot="shadowRGBA",Ft="patternImage",Bt="linearGradient",Nt="radialGradient";let Ht;function zt(){return Ht||(Ht=p.createCanvasElement().getContext("2d"),Ht)}const Wt={};class Yt extends ${constructor(t){let e;super(t);let i=0;for(;e=p.getHitColor(),!e||e in Wt;)if(i++,i>=1e4){p.warn("Failed to find a unique color key for a shape. Konva may work incorrectly. Most likely your browser is using canvas farbling. Consider disabling it."),e=p.getRandomColor();break}this.colorKey=e,Wt[e]=this}getContext(){return p.warn("shape.getContext() method is deprecated. Please do not use it."),this.getLayer().getContext()}getCanvas(){return p.warn("shape.getCanvas() method is deprecated. Please do not use it."),this.getLayer().getCanvas()}getSceneFunc(){return this.attrs.sceneFunc||this._sceneFunc}getHitFunc(){return this.attrs.hitFunc||this._hitFunc}hasShadow(){return this._getCache(It,this._hasShadow)}_hasShadow(){return this.shadowEnabled()&&0!==this.shadowOpacity()&&!!(this.shadowColor()||this.shadowBlur()||this.shadowOffsetX()||this.shadowOffsetY())}_getFillPattern(){return this._getCache(Ft,this.__getFillPattern)}__getFillPattern(){if(this.fillPatternImage()){const t=zt().createPattern(this.fillPatternImage(),this.fillPatternRepeat()||"repeat");if(t&&t.setTransform){const e=new r;e.translate(this.fillPatternX(),this.fillPatternY()),e.rotate(i.getAngle(this.fillPatternRotation())),e.scale(this.fillPatternScaleX(),this.fillPatternScaleY()),e.translate(-1*this.fillPatternOffsetX(),-1*this.fillPatternOffsetY());const n=e.getMatrix(),s="undefined"==typeof DOMMatrix?{a:n[0],b:n[1],c:n[2],d:n[3],e:n[4],f:n[5]}:new DOMMatrix(n);t.setTransform(s)}return t}}_getLinearGradient(){return this._getCache(Bt,this.__getLinearGradient)}__getLinearGradient(){const t=this.fillLinearGradientColorStops();if(t){const e=zt(),i=this.fillLinearGradientStartPoint(),n=this.fillLinearGradientEndPoint(),s=e.createLinearGradient(i.x,i.y,n.x,n.y);for(let e=0;e<t.length;e+=2)s.addColorStop(t[e],t[e+1]);return s}}_getRadialGradient(){return this._getCache(Nt,this.__getRadialGradient)}__getRadialGradient(){const t=this.fillRadialGradientColorStops();if(t){const e=zt(),i=this.fillRadialGradientStartPoint(),n=this.fillRadialGradientEndPoint(),s=e.createRadialGradient(i.x,i.y,this.fillRadialGradientStartRadius(),n.x,n.y,this.fillRadialGradientEndRadius());for(let e=0;e<t.length;e+=2)s.addColorStop(t[e],t[e+1]);return s}}getShadowRGBA(){return this._getCache(Ot,this._getShadowRGBA)}_getShadowRGBA(){if(!this.hasShadow())return;const t=p.colorToRGBA(this.shadowColor());return t?"rgba("+t.r+","+t.g+","+t.b+","+t.a*(this.shadowOpacity()||1)+")":void 0}hasFill(){return this._calculate("hasFill",["fillEnabled","fill","fillPatternImage","fillLinearGradientColorStops","fillRadialGradientColorStops"],()=>this.fillEnabled()&&!!(this.fill()||this.fillPatternImage()||this.fillLinearGradientColorStops()||this.fillRadialGradientColorStops()))}hasStroke(){return this._calculate("hasStroke",["strokeEnabled","strokeWidth","stroke","strokeLinearGradientColorStops"],()=>this.strokeEnabled()&&this.strokeWidth()&&!(!this.stroke()&&!this.strokeLinearGradientColorStops()))}hasHitStroke(){const t=this.hitStrokeWidth();return"auto"===t?this.hasStroke():this.strokeEnabled()&&!!t}intersects(t){const e=this.getStage();if(!e)return!1;const i=e.bufferHitCanvas;i.getContext().clear(),this.drawHit(i,void 0,!0);return i.context.getImageData(Math.round(t.x),Math.round(t.y),1,1).data[3]>0}destroy(){return $.prototype.destroy.call(this),delete Wt[this.colorKey],delete this.colorKey,this}_useBufferCanvas(t){var e;if(!(null===(e=this.attrs.perfectDrawEnabled)||void 0===e||e))return!1;const i=t||this.hasFill(),n=this.hasStroke(),s=1!==this.getAbsoluteOpacity();if(i&&n&&s)return!0;const r=this.hasShadow(),a=this.shadowForStrokeEnabled();return!!(i&&n&&r&&a)}setStrokeHitEnabled(t){p.warn("strokeHitEnabled property is deprecated. Please use hitStrokeWidth instead."),t?this.hitStrokeWidth("auto"):this.hitStrokeWidth(0)}getStrokeHitEnabled(){return 0!==this.hitStrokeWidth()}getSelfRect(){const t=this.size();return{x:this._centroid?-t.width/2:0,y:this._centroid?-t.height/2:0,width:t.width,height:t.height}}getClientRect(t={}){let e=!1,i=this.getParent();for(;i;){if(i.isCached()){e=!0;break}i=i.getParent()}const n=t.skipTransform,s=t.relativeTo||e&&this.getStage()||void 0,r=this.getSelfRect(),a=!t.skipStroke&&this.hasStroke()&&this.strokeWidth()||0,o=r.width+a,h=r.height+a,l=!t.skipShadow&&this.hasShadow(),d=l?this.shadowOffsetX():0,c=l?this.shadowOffsetY():0,g=o+Math.abs(d),u=h+Math.abs(c),f=l&&this.shadowBlur()||0,p={width:g+2*f,height:u+2*f,x:-(a/2+f)+Math.min(d,0)+r.x,y:-(a/2+f)+Math.min(c,0)+r.y};return n?p:this._transformedRect(p,s)}drawScene(t,e,i){const n=this.getLayer(),s=(t||n.getCanvas()).getContext(),r=this._getCanvasCache(),a=this.getSceneFunc(),o=this.hasShadow();let h;const l=e===this;if(!this.isVisible()&&!l)return this;if(r){s.save();const t=this.getAbsoluteTransform(e).getMatrix();return s.transform(t[0],t[1],t[2],t[3],t[4],t[5]),this._drawCachedSceneCanvas(s),s.restore(),this}if(!a)return this;if(s.save(),this._useBufferCanvas()){h=this.getStage();const t=i||h.bufferCanvas,n=t.getContext();i?(n.save(),n.setTransform(1,0,0,1,0,0),n.clearRect(0,0,t.width,t.height),n.restore()):n.clear(),n.save(),n._applyLineJoin(this),n._applyMiterLimit(this);const r=this.getAbsoluteTransform(e).getMatrix();n.transform(r[0],r[1],r[2],r[3],r[4],r[5]),a.call(this,n,this),n.restore();const d=t.pixelRatio;o&&s._applyShadow(this),l||(s._applyOpacity(this),s._applyGlobalCompositeOperation(this)),s.drawImage(t._canvas,t.x||0,t.y||0,t.width/d,t.height/d)}else{if(s._applyLineJoin(this),s._applyMiterLimit(this),!l){const t=this.getAbsoluteTransform(e).getMatrix();s.transform(t[0],t[1],t[2],t[3],t[4],t[5]),s._applyOpacity(this),s._applyGlobalCompositeOperation(this)}o&&s._applyShadow(this),a.call(this,s,this)}return s.restore(),this}drawHit(t,e,i=!1){if(!this.shouldDrawHit(e,i))return this;const n=this.getLayer(),s=t||n.hitCanvas,r=s&&s.getContext(),a=this.hitFunc()||this.sceneFunc(),o=this._getCanvasCache(),h=o&&o.hit;if(this.colorKey||p.warn("Looks like your canvas has a destroyed shape in it. Do not reuse shape after you destroyed it. If you want to reuse shape you should call remove() instead of destroy()"),h){r.save();const t=this.getAbsoluteTransform(e).getMatrix();return r.transform(t[0],t[1],t[2],t[3],t[4],t[5]),this._drawCachedHitCanvas(r),r.restore(),this}if(!a)return this;r.save(),r._applyLineJoin(this),r._applyMiterLimit(this);if(!(this===e)){const t=this.getAbsoluteTransform(e).getMatrix();r.transform(t[0],t[1],t[2],t[3],t[4],t[5])}return a.call(this,r,this),r.restore(),this}drawHitFromCache(t=0){const e=this._getCanvasCache(),i=this._getCachedSceneCanvas(),n=e.hit,s=n.getContext(),r=n.getWidth(),a=n.getHeight();s.clear(),s.drawImage(i._canvas,0,0,r,a);try{const e=s.getImageData(0,0,r,a),i=e.data,n=i.length,o=p._hexToRgb(this.colorKey);for(let e=0;e<n;e+=4){i[e+3]>t?(i[e]=o.r,i[e+1]=o.g,i[e+2]=o.b,i[e+3]=255):i[e+3]=0}s.putImageData(e,0,0)}catch(t){p.error("Unable to draw hit graph from cached scene canvas. "+t.message)}return this}hasPointerCapture(t){return rt(t,this)}setPointerCapture(t){at(t,this)}releaseCapture(t){ot(t)}}Yt.prototype._fillFunc=function(t){const e=this.attrs.fillRule;e?t.fill(e):t.fill()},Yt.prototype._strokeFunc=function(t){t.stroke()},Yt.prototype._fillFuncHit=function(t){const e=this.attrs.fillRule;e?t.fill(e):t.fill()},Yt.prototype._strokeFuncHit=function(t){t.stroke()},Yt.prototype._centroid=!1,Yt.prototype.nodeType="Shape",n(Yt),Yt.prototype.eventListeners={},Yt.prototype.on("shadowColorChange.konva shadowBlurChange.konva shadowOffsetChange.konva shadowOpacityChange.konva shadowEnabledChange.konva",function(){this._clearCache(It)}),Yt.prototype.on("shadowColorChange.konva shadowOpacityChange.konva shadowEnabledChange.konva",function(){this._clearCache(Ot)}),Yt.prototype.on("fillPriorityChange.konva fillPatternImageChange.konva fillPatternRepeatChange.konva fillPatternScaleXChange.konva fillPatternScaleYChange.konva fillPatternOffsetXChange.konva fillPatternOffsetYChange.konva fillPatternXChange.konva fillPatternYChange.konva fillPatternRotationChange.konva",function(){this._clearCache(Ft)}),Yt.prototype.on("fillPriorityChange.konva fillLinearGradientColorStopsChange.konva fillLinearGradientStartPointXChange.konva fillLinearGradientStartPointYChange.konva fillLinearGradientEndPointXChange.konva fillLinearGradientEndPointYChange.konva",function(){this._clearCache(Bt)}),Yt.prototype.on("fillPriorityChange.konva fillRadialGradientColorStopsChange.konva fillRadialGradientStartPointXChange.konva fillRadialGradientStartPointYChange.konva fillRadialGradientEndPointXChange.konva fillRadialGradientEndPointYChange.konva fillRadialGradientStartRadiusChange.konva fillRadialGradientEndRadiusChange.konva",function(){this._clearCache(Nt)}),F.addGetterSetter(Yt,"stroke",void 0,L()),F.addGetterSetter(Yt,"strokeWidth",2,M()),F.addGetterSetter(Yt,"fillAfterStrokeEnabled",!1),F.addGetterSetter(Yt,"hitStrokeWidth","auto",G()),F.addGetterSetter(Yt,"strokeHitEnabled",!0,D()),F.addGetterSetter(Yt,"perfectDrawEnabled",!0,D()),F.addGetterSetter(Yt,"shadowForStrokeEnabled",!0,D()),F.addGetterSetter(Yt,"lineJoin"),F.addGetterSetter(Yt,"lineCap"),F.addGetterSetter(Yt,"miterLimit"),F.addGetterSetter(Yt,"sceneFunc"),F.addGetterSetter(Yt,"hitFunc"),F.addGetterSetter(Yt,"dash"),F.addGetterSetter(Yt,"dashOffset",0,M()),F.addGetterSetter(Yt,"shadowColor",void 0,E()),F.addGetterSetter(Yt,"shadowBlur",0,M()),F.addGetterSetter(Yt,"shadowOpacity",1,M()),F.addComponentsGetterSetter(Yt,"shadowOffset",["x","y"]),F.addGetterSetter(Yt,"shadowOffsetX",0,M()),F.addGetterSetter(Yt,"shadowOffsetY",0,M()),F.addGetterSetter(Yt,"fillPatternImage"),F.addGetterSetter(Yt,"fill",void 0,L()),F.addGetterSetter(Yt,"fillPatternX",0,M()),F.addGetterSetter(Yt,"fillPatternY",0,M()),F.addGetterSetter(Yt,"fillLinearGradientColorStops"),F.addGetterSetter(Yt,"strokeLinearGradientColorStops"),F.addGetterSetter(Yt,"fillRadialGradientStartRadius",0),F.addGetterSetter(Yt,"fillRadialGradientEndRadius",0),F.addGetterSetter(Yt,"fillRadialGradientColorStops"),F.addGetterSetter(Yt,"fillPatternRepeat","repeat"),F.addGetterSetter(Yt,"fillEnabled",!0),F.addGetterSetter(Yt,"strokeEnabled",!0),F.addGetterSetter(Yt,"shadowEnabled",!0),F.addGetterSetter(Yt,"dashEnabled",!0),F.addGetterSetter(Yt,"strokeScaleEnabled",!0),F.addGetterSetter(Yt,"fillPriority","color"),F.addComponentsGetterSetter(Yt,"fillPatternOffset",["x","y"]),F.addGetterSetter(Yt,"fillPatternOffsetX",0,M()),F.addGetterSetter(Yt,"fillPatternOffsetY",0,M()),F.addComponentsGetterSetter(Yt,"fillPatternScale",["x","y"]),F.addGetterSetter(Yt,"fillPatternScaleX",1,M()),F.addGetterSetter(Yt,"fillPatternScaleY",1,M()),F.addComponentsGetterSetter(Yt,"fillLinearGradientStartPoint",["x","y"]),F.addComponentsGetterSetter(Yt,"strokeLinearGradientStartPoint",["x","y"]),F.addGetterSetter(Yt,"fillLinearGradientStartPointX",0),F.addGetterSetter(Yt,"strokeLinearGradientStartPointX",0),F.addGetterSetter(Yt,"fillLinearGradientStartPointY",0),F.addGetterSetter(Yt,"strokeLinearGradientStartPointY",0),F.addComponentsGetterSetter(Yt,"fillLinearGradientEndPoint",["x","y"]),F.addComponentsGetterSetter(Yt,"strokeLinearGradientEndPoint",["x","y"]),F.addGetterSetter(Yt,"fillLinearGradientEndPointX",0),F.addGetterSetter(Yt,"strokeLinearGradientEndPointX",0),F.addGetterSetter(Yt,"fillLinearGradientEndPointY",0),F.addGetterSetter(Yt,"strokeLinearGradientEndPointY",0),F.addComponentsGetterSetter(Yt,"fillRadialGradientStartPoint",["x","y"]),F.addGetterSetter(Yt,"fillRadialGradientStartPointX",0),F.addGetterSetter(Yt,"fillRadialGradientStartPointY",0),F.addComponentsGetterSetter(Yt,"fillRadialGradientEndPoint",["x","y"]),F.addGetterSetter(Yt,"fillRadialGradientEndPointX",0),F.addGetterSetter(Yt,"fillRadialGradientEndPointY",0),F.addGetterSetter(Yt,"fillPatternRotation",0),F.addGetterSetter(Yt,"fillRule",void 0,E()),F.backCompat(Yt,{dashArray:"dash",getDashArray:"getDash",setDashArray:"getDash",drawFunc:"sceneFunc",getDrawFunc:"getSceneFunc",setDrawFunc:"setSceneFunc",drawHitFunc:"hitFunc",getDrawHitFunc:"getHitFunc",setDrawHitFunc:"setHitFunc"});const Xt=[{x:0,y:0},{x:-1,y:-1},{x:1,y:-1},{x:1,y:1},{x:-1,y:1}],jt=Xt.length;class qt extends tt{constructor(t){super(t),this.canvas=new C,this.hitCanvas=new k({pixelRatio:1}),this._waitingForDraw=!1,this.on("visibleChange.konva",this._checkVisibility),this._checkVisibility(),this.on("imageSmoothingEnabledChange.konva",this._setSmoothEnabled),this._setSmoothEnabled()}createPNGStream(){return this.canvas._canvas.createPNGStream()}getCanvas(){return this.canvas}getNativeCanvasElement(){return this.canvas._canvas}getHitCanvas(){return this.hitCanvas}getContext(){return this.getCanvas().getContext()}clear(t){return this.getContext().clear(t),this.getHitCanvas().getContext().clear(t),this}setZIndex(t){super.setZIndex(t);const e=this.getStage();return e&&e.content&&(e.content.removeChild(this.getNativeCanvasElement()),t<e.children.length-1?e.content.insertBefore(this.getNativeCanvasElement(),e.children[t+1].getCanvas()._canvas):e.content.appendChild(this.getNativeCanvasElement())),this}moveToTop(){$.prototype.moveToTop.call(this);const t=this.getStage();return t&&t.content&&(t.content.removeChild(this.getNativeCanvasElement()),t.content.appendChild(this.getNativeCanvasElement())),!0}moveUp(){if(!$.prototype.moveUp.call(this))return!1;const t=this.getStage();return!(!t||!t.content)&&(t.content.removeChild(this.getNativeCanvasElement()),this.index<t.children.length-1?t.content.insertBefore(this.getNativeCanvasElement(),t.children[this.index+1].getCanvas()._canvas):t.content.appendChild(this.getNativeCanvasElement()),!0)}moveDown(){if($.prototype.moveDown.call(this)){const t=this.getStage();if(t){const e=t.children;t.content&&(t.content.removeChild(this.getNativeCanvasElement()),t.content.insertBefore(this.getNativeCanvasElement(),e[this.index+1].getCanvas()._canvas))}return!0}return!1}moveToBottom(){if($.prototype.moveToBottom.call(this)){const t=this.getStage();if(t){const e=t.children;t.content&&(t.content.removeChild(this.getNativeCanvasElement()),t.content.insertBefore(this.getNativeCanvasElement(),e[1].getCanvas()._canvas))}return!0}return!1}getLayer(){return this}remove(){const t=this.getNativeCanvasElement();return $.prototype.remove.call(this),t&&t.parentNode&&p._isInDocument(t)&&t.parentNode.removeChild(t),this}getStage(){return this.parent}setSize({width:t,height:e}){return this.canvas.setSize(t,e),this.hitCanvas.setSize(t,e),this._setSmoothEnabled(),this}_validateAdd(t){const e=t.getType();"Group"!==e&&"Shape"!==e&&p.throw("You may only add groups and shapes to a layer.")}_toKonvaCanvas(t){return(t={...t}).width=t.width||this.getWidth(),t.height=t.height||this.getHeight(),t.x=void 0!==t.x?t.x:this.x(),t.y=void 0!==t.y?t.y:this.y(),$.prototype._toKonvaCanvas.call(this,t)}_checkVisibility(){const t=this.visible();this.canvas._canvas.style.display=t?"block":"none"}_setSmoothEnabled(){this.getContext()._context.imageSmoothingEnabled=this.imageSmoothingEnabled()}getWidth(){if(this.parent)return this.parent.width()}setWidth(){p.warn('Can not change width of layer. Use "stage.width(value)" function instead.')}getHeight(){if(this.parent)return this.parent.height()}setHeight(){p.warn('Can not change height of layer. Use "stage.height(value)" function instead.')}batchDraw(){return this._waitingForDraw||(this._waitingForDraw=!0,p.requestAnimFrame(()=>{this.draw(),this._waitingForDraw=!1})),this}getIntersection(t){if(!this.isListening()||!this.isVisible())return null;let e=1,i=!1;for(;;){for(let n=0;n<jt;n++){const s=Xt[n],r=this._getIntersection({x:t.x+s.x*e,y:t.y+s.y*e}),a=r.shape;if(a)return a;if(i=!!r.antialiased,!r.antialiased)break}if(!i)return null;e+=1}}_getIntersection(t){const e=this.hitCanvas.pixelRatio,i=this.hitCanvas.context.getImageData(Math.round(t.x*e),Math.round(t.y*e),1,1).data,n=i[3];if(255===n){const t=p.getHitColorKey(i[0],i[1],i[2]),e=Wt[t];return e?{shape:e}:{antialiased:!0}}return n>0?{antialiased:!0}:{}}drawScene(t,e,i){const n=this.getLayer(),s=t||n&&n.getCanvas();return this._fire("beforeDraw",{node:this}),this.clearBeforeDraw()&&s.getContext().clear(),tt.prototype.drawScene.call(this,s,e,i),this._fire("draw",{node:this}),this}drawHit(t,e){const i=this.getLayer(),n=t||i&&i.hitCanvas;return i&&i.clearBeforeDraw()&&i.getHitCanvas().getContext().clear(),tt.prototype.drawHit.call(this,n,e),this}enableHitGraph(){return this.hitGraphEnabled(!0),this}disableHitGraph(){return this.hitGraphEnabled(!1),this}setHitGraphEnabled(t){p.warn("hitGraphEnabled method is deprecated. Please use layer.listening() instead."),this.listening(t)}getHitGraphEnabled(t){return p.warn("hitGraphEnabled method is deprecated. Please use layer.listening() instead."),this.listening()}toggleHitCanvas(){if(!this.parent||!this.parent.content)return;const t=this.parent;!!this.hitCanvas._canvas.parentNode?t.content.removeChild(this.hitCanvas._canvas):t.content.appendChild(this.hitCanvas._canvas)}destroy(){return p.releaseCanvas(this.getNativeCanvasElement(),this.getHitCanvas()._canvas),super.destroy()}}qt.prototype.nodeType="Layer",n(qt),F.addGetterSetter(qt,"imageSmoothingEnabled",!0),F.addGetterSetter(qt,"clearBeforeDraw",!0),F.addGetterSetter(qt,"hitGraphEnabled",!0,D());class Ut extends qt{constructor(t){super(t),this.listening(!1),p.warn('Konva.Fast layer is deprecated. Please use "new Konva.Layer({ listening: false })" instead.')}}Ut.prototype.nodeType="FastLayer",n(Ut);class Kt extends tt{_validateAdd(t){const e=t.getType();"Group"!==e&&"Shape"!==e&&p.throw("You may only add groups and shapes to groups.")}}Kt.prototype.nodeType="Group",n(Kt);const Vt=e.performance&&e.performance.now?function(){return e.performance.now()}:function(){return(new Date).getTime()};class Qt{constructor(t,e){this.id=Qt.animIdCounter++,this.frame={time:0,timeDiff:0,lastTime:Vt(),frameRate:0},this.func=t,this.setLayers(e)}setLayers(t){let e=[];return t&&(e=Array.isArray(t)?t:[t]),this.layers=e,this}getLayers(){return this.layers}addLayer(t){const e=this.layers,i=e.length;for(let n=0;n<i;n++)if(e[n]._id===t._id)return!1;return this.layers.push(t),!0}isRunning(){const t=Qt.animations,e=t.length;for(let i=0;i<e;i++)if(t[i].id===this.id)return!0;return!1}start(){return this.stop(),this.frame.timeDiff=0,this.frame.lastTime=Vt(),Qt._addAnimation(this),this}stop(){return Qt._removeAnimation(this),this}_updateFrameObject(t){this.frame.timeDiff=t-this.frame.lastTime,this.frame.lastTime=t,this.frame.time+=this.frame.timeDiff,this.frame.frameRate=1e3/this.frame.timeDiff}static _addAnimation(t){this.animations.push(t),this._handleAnimation()}static _removeAnimation(t){const e=t.id,i=this.animations,n=i.length;for(let t=0;t<n;t++)if(i[t].id===e){this.animations.splice(t,1);break}}static _runFrames(){const t={},e=this.animations;for(let i=0;i<e.length;i++){const n=e[i],s=n.layers,r=n.func;n._updateFrameObject(Vt());const a=s.length;let o;if(o=!r||!1!==r.call(n,n.frame),o)for(let e=0;e<a;e++){const i=s[e];void 0!==i._id&&(t[i._id]=i)}}for(const e in t)t.hasOwnProperty(e)&&t[e].batchDraw()}static _animationLoop(){const t=Qt;t.animations.length?(t._runFrames(),p.requestAnimFrame(t._animationLoop)):t.animRunning=!1}static _handleAnimation(){this.animRunning||(this.animRunning=!0,p.requestAnimFrame(this._animationLoop))}}Qt.animations=[],Qt.animIdCounter=0,Qt.animRunning=!1;const Jt={node:1,duration:1,easing:1,onFinish:1,yoyo:1},$t=["fill","stroke","shadowColor"];let Zt=0;class te{constructor(t,e,i,n,s,r,a){this.prop=t,this.propFunc=e,this.begin=n,this._pos=n,this.duration=r,this._change=0,this.prevPos=0,this.yoyo=a,this._time=0,this._position=0,this._startTime=0,this._finish=0,this.func=i,this._change=s-this.begin,this.pause()}fire(t){const e=this[t];e&&e()}setTime(t){t>this.duration?this.yoyo?(this._time=this.duration,this.reverse()):this.finish():t<0?this.yoyo?(this._time=0,this.play()):this.reset():(this._time=t,this.update())}getTime(){return this._time}setPosition(t){this.prevPos=this._pos,this.propFunc(t),this._pos=t}getPosition(t){return void 0===t&&(t=this._time),this.func(t,this.begin,this._change,this.duration)}play(){this.state=2,this._startTime=this.getTimer()-this._time,this.onEnterFrame(),this.fire("onPlay")}reverse(){this.state=3,this._time=this.duration-this._time,this._startTime=this.getTimer()-this._time,this.onEnterFrame(),this.fire("onReverse")}seek(t){this.pause(),this._time=t,this.update(),this.fire("onSeek")}reset(){this.pause(),this._time=0,this.update(),this.fire("onReset")}finish(){this.pause(),this._time=this.duration,this.update(),this.fire("onFinish")}update(){this.setPosition(this.getPosition(this._time)),this.fire("onUpdate")}onEnterFrame(){const t=this.getTimer()-this._startTime;2===this.state?this.setTime(t):3===this.state&&this.setTime(this.duration-t)}pause(){this.state=1,this.fire("onPause")}getTimer(){return(new Date).getTime()}}class ee{constructor(t){const e=this,n=t.node,s=n._id,r=t.easing||ie.Linear,a=!!t.yoyo;let o,h;o=void 0===t.duration?.3:0===t.duration?.001:t.duration,this.node=n,this._id=Zt++;const l=n.getLayer()||(n instanceof i.Stage?n.getLayers():null);for(h in l||p.error("Tween constructor have `node` that is not in a layer. Please add node into layer first."),this.anim=new Qt(function(){e.tween.onEnterFrame()},l),this.tween=new te(h,function(t){e._tweenFunc(t)},r,0,1,1e3*o,a),this._addListeners(),ee.attrs[s]||(ee.attrs[s]={}),ee.attrs[s][this._id]||(ee.attrs[s][this._id]={}),ee.tweens[s]||(ee.tweens[s]={}),t)void 0===Jt[h]&&this._addAttr(h,t[h]);this.reset(),this.onFinish=t.onFinish,this.onReset=t.onReset,this.onUpdate=t.onUpdate}_addAttr(t,e){const i=this.node,n=i._id;let s,r,a,o,h;const l=ee.tweens[n][t];l&&delete ee.attrs[n][l][t];let d=i.getAttr(t);if(p._isArray(e))if(s=[],r=Math.max(e.length,d.length),"points"===t&&e.length!==d.length&&(e.length>d.length?(o=d,d=p._prepareArrayForTween(d,e,i.closed())):(a=e,e=p._prepareArrayForTween(e,d,i.closed()))),0===t.indexOf("fill"))for(let t=0;t<r;t++)if(t%2==0)s.push(e[t]-d[t]);else{const i=p.colorToRGBA(d[t]);h=p.colorToRGBA(e[t]),d[t]=i,s.push({r:h.r-i.r,g:h.g-i.g,b:h.b-i.b,a:h.a-i.a})}else for(let t=0;t<r;t++)s.push(e[t]-d[t]);else-1!==$t.indexOf(t)?(d=p.colorToRGBA(d),h=p.colorToRGBA(e),s={r:h.r-d.r,g:h.g-d.g,b:h.b-d.b,a:h.a-d.a}):s=e-d;ee.attrs[n][this._id][t]={start:d,diff:s,end:e,trueEnd:a,trueStart:o},ee.tweens[n][t]=this._id}_tweenFunc(t){const e=this.node,i=ee.attrs[e._id][this._id];let n,s,r,a,o,h,l,d;for(n in i){if(s=i[n],r=s.start,a=s.diff,d=s.end,p._isArray(r))if(o=[],l=Math.max(r.length,d.length),0===n.indexOf("fill"))for(h=0;h<l;h++)h%2==0?o.push((r[h]||0)+a[h]*t):o.push("rgba("+Math.round(r[h].r+a[h].r*t)+","+Math.round(r[h].g+a[h].g*t)+","+Math.round(r[h].b+a[h].b*t)+","+(r[h].a+a[h].a*t)+")");else for(h=0;h<l;h++)o.push((r[h]||0)+a[h]*t);else o=-1!==$t.indexOf(n)?"rgba("+Math.round(r.r+a.r*t)+","+Math.round(r.g+a.g*t)+","+Math.round(r.b+a.b*t)+","+(r.a+a.a*t)+")":r+a*t;e.setAttr(n,o)}}_addListeners(){this.tween.onPlay=()=>{this.anim.start()},this.tween.onReverse=()=>{this.anim.start()},this.tween.onPause=()=>{this.anim.stop()},this.tween.onFinish=()=>{const t=this.node,e=ee.attrs[t._id][this._id];e.points&&e.points.trueEnd&&t.setAttr("points",e.points.trueEnd),this.onFinish&&this.onFinish.call(this)},this.tween.onReset=()=>{const t=this.node,e=ee.attrs[t._id][this._id];e.points&&e.points.trueStart&&t.points(e.points.trueStart),this.onReset&&this.onReset()},this.tween.onUpdate=()=>{this.onUpdate&&this.onUpdate.call(this)}}play(){return this.tween.play(),this}reverse(){return this.tween.reverse(),this}reset(){return this.tween.reset(),this}seek(t){return this.tween.seek(1e3*t),this}pause(){return this.tween.pause(),this}finish(){return this.tween.finish(),this}destroy(){const t=this.node._id,e=this._id,i=ee.tweens[t];this.pause(),this.anim&&this.anim.stop();for(const e in i)delete ee.tweens[t][e];delete ee.attrs[t][e],ee.tweens[t]&&(0===Object.keys(ee.tweens[t]).length&&delete ee.tweens[t],0===Object.keys(ee.attrs[t]).length&&delete ee.attrs[t])}}ee.attrs={},ee.tweens={},$.prototype.to=function(t){const e=t.onFinish;t.node=this,t.onFinish=function(){this.destroy(),e&&e()};new ee(t).play()};const ie={BackEaseIn(t,e,i,n){const s=1.70158;return i*(t/=n)*t*((s+1)*t-s)+e},BackEaseOut(t,e,i,n){const s=1.70158;return i*((t=t/n-1)*t*((s+1)*t+s)+1)+e},BackEaseInOut(t,e,i,n){let s=1.70158;return(t/=n/2)<1?i/2*(t*t*((1+(s*=1.525))*t-s))+e:i/2*((t-=2)*t*((1+(s*=1.525))*t+s)+2)+e},ElasticEaseIn(t,e,i,n,s,r){let a=0;return 0===t?e:1===(t/=n)?e+i:(r||(r=.3*n),!s||s<Math.abs(i)?(s=i,a=r/4):a=r/(2*Math.PI)*Math.asin(i/s),-s*Math.pow(2,10*(t-=1))*Math.sin((t*n-a)*(2*Math.PI)/r)+e)},ElasticEaseOut(t,e,i,n,s,r){let a=0;return 0===t?e:1===(t/=n)?e+i:(r||(r=.3*n),!s||s<Math.abs(i)?(s=i,a=r/4):a=r/(2*Math.PI)*Math.asin(i/s),s*Math.pow(2,-10*t)*Math.sin((t*n-a)*(2*Math.PI)/r)+i+e)},ElasticEaseInOut(t,e,i,n,s,r){let a=0;return 0===t?e:2==(t/=n/2)?e+i:(r||(r=n*(.3*1.5)),!s||s<Math.abs(i)?(s=i,a=r/4):a=r/(2*Math.PI)*Math.asin(i/s),t<1?s*Math.pow(2,10*(t-=1))*Math.sin((t*n-a)*(2*Math.PI)/r)*-.5+e:s*Math.pow(2,-10*(t-=1))*Math.sin((t*n-a)*(2*Math.PI)/r)*.5+i+e)},BounceEaseOut:(t,e,i,n)=>(t/=n)<1/2.75?i*(7.5625*t*t)+e:t<2/2.75?i*(7.5625*(t-=1.5/2.75)*t+.75)+e:t<2.5/2.75?i*(7.5625*(t-=2.25/2.75)*t+.9375)+e:i*(7.5625*(t-=2.625/2.75)*t+.984375)+e,BounceEaseIn:(t,e,i,n)=>i-ie.BounceEaseOut(n-t,0,i,n)+e,BounceEaseInOut:(t,e,i,n)=>t<n/2?.5*ie.BounceEaseIn(2*t,0,i,n)+e:.5*ie.BounceEaseOut(2*t-n,0,i,n)+.5*i+e,EaseIn:(t,e,i,n)=>i*(t/=n)*t+e,EaseOut:(t,e,i,n)=>-i*(t/=n)*(t-2)+e,EaseInOut:(t,e,i,n)=>(t/=n/2)<1?i/2*t*t+e:-i/2*(--t*(t-2)-1)+e,StrongEaseIn:(t,e,i,n)=>i*(t/=n)*t*t*t*t+e,StrongEaseOut:(t,e,i,n)=>i*((t=t/n-1)*t*t*t*t+1)+e,StrongEaseInOut:(t,e,i,n)=>(t/=n/2)<1?i/2*t*t*t*t*t+e:i/2*((t-=2)*t*t*t*t+2)+e,Linear:(t,e,i,n)=>i*t/n+e},ne=p._assign(i,{Util:p,Transform:r,Node:$,Container:tt,Stage:Dt,stages:Lt,Layer:qt,FastLayer:Ut,Group:Kt,DD:P,Shape:Yt,shapes:Wt,Animation:Qt,Tween:ee,Easings:ie,Context:x,Canvas:w});class se extends Yt{_sceneFunc(t){const e=i.getAngle(this.angle()),n=this.clockwise();t.beginPath(),t.arc(0,0,this.outerRadius(),0,e,n),t.arc(0,0,this.innerRadius(),e,0,!n),t.closePath(),t.fillStrokeShape(this)}getWidth(){return 2*this.outerRadius()}getHeight(){return 2*this.outerRadius()}setWidth(t){this.outerRadius(t/2)}setHeight(t){this.outerRadius(t/2)}getSelfRect(){const t=this.innerRadius(),e=this.outerRadius(),n=this.clockwise(),s=i.getAngle(n?360-this.angle():this.angle()),r=Math.cos(Math.min(s,Math.PI)),a=Math.sin(Math.min(Math.max(Math.PI,s),3*Math.PI/2)),o=Math.sin(Math.min(s,Math.PI/2)),h=r*(r>0?t:e),l=a*(a>0?t:e),d=o*(o>0?e:t);return{x:h,y:n?-1*d:l,width:1*e-h,height:d-l}}}function re(t,e,i,n,s,r,a){const o=Math.sqrt(Math.pow(i-t,2)+Math.pow(n-e,2)),h=Math.sqrt(Math.pow(s-i,2)+Math.pow(r-n,2)),l=a*o/(o+h),d=a*h/(o+h);return[i-l*(s-t),n-l*(r-e),i+d*(s-t),n+d*(r-e)]}function ae(t,e){const i=t.length,n=[];for(let s=2;s<i-2;s+=2){const i=re(t[s-2],t[s-1],t[s],t[s+1],t[s+2],t[s+3],e);isNaN(i[0])||(n.push(i[0]),n.push(i[1]),n.push(t[s]),n.push(t[s+1]),n.push(i[2]),n.push(i[3]))}return n}function oe(t){const e=[[t[0],t[2],t[4],t[6]],[t[1],t[3],t[5],t[7]]],i=[];for(const t of e){const e=-3*t[0]+9*t[1]-9*t[2]+3*t[3];if(0!==e){const n=6*t[0]-12*t[1]+6*t[2],s=n*n-4*e*(-3*t[0]+3*t[1]);if(s>=0){const t=Math.sqrt(s);i.push((-n+t)/(2*e)),i.push((-n-t)/(2*e))}}}return i.filter(t=>t>0&&t<1).flatMap(t=>e.map(e=>{const i=1-t;return i*i*i*e[0]+3*i*i*t*e[1]+3*i*t*t*e[2]+t*t*t*e[3]}))}se.prototype._centroid=!0,se.prototype.className="Arc",se.prototype._attrsAffectingSize=["innerRadius","outerRadius","angle","clockwise"],n(se),F.addGetterSetter(se,"innerRadius",0,M()),F.addGetterSetter(se,"outerRadius",0,M()),F.addGetterSetter(se,"angle",0,M()),F.addGetterSetter(se,"clockwise",!1,D());class he extends Yt{constructor(t){super(t),this.on("pointsChange.konva tensionChange.konva closedChange.konva bezierChange.konva",function(){this._clearCache("tensionPoints")})}_sceneFunc(t){const e=this.points(),i=e.length,n=this.tension(),s=this.closed(),r=this.bezier();if(!i)return;let a=0;if(t.beginPath(),t.moveTo(e[0],e[1]),0!==n&&i>4){const n=this.getTensionPoints(),r=n.length;for(a=s?0:4,s||t.quadraticCurveTo(n[0],n[1],n[2],n[3]);a<r-2;)t.bezierCurveTo(n[a++],n[a++],n[a++],n[a++],n[a++],n[a++]);s||t.quadraticCurveTo(n[r-2],n[r-1],e[i-2],e[i-1])}else if(r)for(a=2;a<i;)t.bezierCurveTo(e[a++],e[a++],e[a++],e[a++],e[a++],e[a++]);else for(a=2;a<i;a+=2)t.lineTo(e[a],e[a+1]);s?(t.closePath(),t.fillStrokeShape(this)):t.strokeShape(this)}getTensionPoints(){return this._getCache("tensionPoints",this._getTensionPoints)}_getTensionPoints(){return this.closed()?this._getTensionPointsClosed():ae(this.points(),this.tension())}_getTensionPointsClosed(){const t=this.points(),e=t.length,i=this.tension(),n=re(t[e-2],t[e-1],t[0],t[1],t[2],t[3],i),s=re(t[e-4],t[e-3],t[e-2],t[e-1],t[0],t[1],i),r=ae(t,i);return[n[2],n[3]].concat(r).concat([s[0],s[1],t[e-2],t[e-1],s[2],s[3],n[0],n[1],t[0],t[1]])}getWidth(){return this.getSelfRect().width}getHeight(){return this.getSelfRect().height}getSelfRect(){let t=this.points();if(t.length<4)return{x:t[0]||0,y:t[1]||0,width:0,height:0};t=0!==this.tension()?[t[0],t[1],...this._getTensionPoints(),t[t.length-2],t[t.length-1]]:this.bezier()?[t[0],t[1],...oe(this.points()),t[t.length-2],t[t.length-1]]:this.points();let e,i,n=t[0],s=t[0],r=t[1],a=t[1];for(let o=0;o<t.length/2;o++)e=t[2*o],i=t[2*o+1],n=Math.min(n,e),s=Math.max(s,e),r=Math.min(r,i),a=Math.max(a,i);return{x:n,y:r,width:s-n,height:a-r}}}he.prototype.className="Line",he.prototype._attrsAffectingSize=["points","bezier","tension"],n(he),F.addGetterSetter(he,"closed",!1),F.addGetterSetter(he,"bezier",!1),F.addGetterSetter(he,"tension",0,M()),F.addGetterSetter(he,"points",[],function(){if(i.isUnminified)return function(t,e){const i=Int8Array?Object.getPrototypeOf(Int8Array):null;return i&&t instanceof i||(p._isArray(t)?t.forEach(function(t){p._isNumber(t)||p.warn('"'+e+'" attribute has non numeric element '+t+". Make sure that all elements are numbers.")}):p.warn(A(t)+' is a not valid value for "'+e+'" attribute. The value should be a array of numbers.')),t}}());const le=[[],[],[-.5773502691896257,.5773502691896257],[0,-.7745966692414834,.7745966692414834],[-.33998104358485626,.33998104358485626,-.8611363115940526,.8611363115940526],[0,-.5384693101056831,.5384693101056831,-.906179845938664,.906179845938664],[.6612093864662645,-.6612093864662645,-.2386191860831969,.2386191860831969,-.932469514203152,.932469514203152],[0,.4058451513773972,-.4058451513773972,-.7415311855993945,.7415311855993945,-.9491079123427585,.9491079123427585],[-.1834346424956498,.1834346424956498,-.525532409916329,.525532409916329,-.7966664774136267,.7966664774136267,-.9602898564975363,.9602898564975363],[0,-.8360311073266358,.8360311073266358,-.9681602395076261,.9681602395076261,-.3242534234038089,.3242534234038089,-.6133714327005904,.6133714327005904],[-.14887433898163122,.14887433898163122,-.4333953941292472,.4333953941292472,-.6794095682990244,.6794095682990244,-.8650633666889845,.8650633666889845,-.9739065285171717,.9739065285171717],[0,-.26954315595234496,.26954315595234496,-.5190961292068118,.5190961292068118,-.7301520055740494,.7301520055740494,-.8870625997680953,.8870625997680953,-.978228658146057,.978228658146057],[-.1252334085114689,.1252334085114689,-.3678314989981802,.3678314989981802,-.5873179542866175,.5873179542866175,-.7699026741943047,.7699026741943047,-.9041172563704749,.9041172563704749,-.9815606342467192,.9815606342467192],[0,-.2304583159551348,.2304583159551348,-.44849275103644687,.44849275103644687,-.6423493394403402,.6423493394403402,-.8015780907333099,.8015780907333099,-.9175983992229779,.9175983992229779,-.9841830547185881,.9841830547185881],[-.10805494870734367,.10805494870734367,-.31911236892788974,.31911236892788974,-.5152486363581541,.5152486363581541,-.6872929048116855,.6872929048116855,-.827201315069765,.827201315069765,-.9284348836635735,.9284348836635735,-.9862838086968123,.9862838086968123],[0,-.20119409399743451,.20119409399743451,-.3941513470775634,.3941513470775634,-.5709721726085388,.5709721726085388,-.7244177313601701,.7244177313601701,-.8482065834104272,.8482065834104272,-.937273392400706,.937273392400706,-.9879925180204854,.9879925180204854],[-.09501250983763744,.09501250983763744,-.2816035507792589,.2816035507792589,-.45801677765722737,.45801677765722737,-.6178762444026438,.6178762444026438,-.755404408355003,.755404408355003,-.8656312023878318,.8656312023878318,-.9445750230732326,.9445750230732326,-.9894009349916499,.9894009349916499],[0,-.17848418149584785,.17848418149584785,-.3512317634538763,.3512317634538763,-.5126905370864769,.5126905370864769,-.6576711592166907,.6576711592166907,-.7815140038968014,.7815140038968014,-.8802391537269859,.8802391537269859,-.9506755217687678,.9506755217687678,-.9905754753144174,.9905754753144174],[-.0847750130417353,.0847750130417353,-.2518862256915055,.2518862256915055,-.41175116146284263,.41175116146284263,-.5597708310739475,.5597708310739475,-.6916870430603532,.6916870430603532,-.8037049589725231,.8037049589725231,-.8926024664975557,.8926024664975557,-.9558239495713977,.9558239495713977,-.9915651684209309,.9915651684209309],[0,-.16035864564022537,.16035864564022537,-.31656409996362983,.31656409996362983,-.46457074137596094,.46457074137596094,-.600545304661681,.600545304661681,-.7209661773352294,.7209661773352294,-.8227146565371428,.8227146565371428,-.9031559036148179,.9031559036148179,-.96020815213483,.96020815213483,-.9924068438435844,.9924068438435844],[-.07652652113349734,.07652652113349734,-.22778585114164507,.22778585114164507,-.37370608871541955,.37370608871541955,-.5108670019508271,.5108670019508271,-.636053680726515,.636053680726515,-.7463319064601508,.7463319064601508,-.8391169718222188,.8391169718222188,-.912234428251326,.912234428251326,-.9639719272779138,.9639719272779138,-.9931285991850949,.9931285991850949],[0,-.1455618541608951,.1455618541608951,-.2880213168024011,.2880213168024011,-.4243421202074388,.4243421202074388,-.5516188358872198,.5516188358872198,-.6671388041974123,.6671388041974123,-.7684399634756779,.7684399634756779,-.8533633645833173,.8533633645833173,-.9200993341504008,.9200993341504008,-.9672268385663063,.9672268385663063,-.9937521706203895,.9937521706203895],[-.06973927331972223,.06973927331972223,-.20786042668822127,.20786042668822127,-.34193582089208424,.34193582089208424,-.469355837986757,.469355837986757,-.5876404035069116,.5876404035069116,-.6944872631866827,.6944872631866827,-.7878168059792081,.7878168059792081,-.8658125777203002,.8658125777203002,-.926956772187174,.926956772187174,-.9700604978354287,.9700604978354287,-.9942945854823992,.9942945854823992],[0,-.1332568242984661,.1332568242984661,-.26413568097034495,.26413568097034495,-.3903010380302908,.3903010380302908,-.5095014778460075,.5095014778460075,-.6196098757636461,.6196098757636461,-.7186613631319502,.7186613631319502,-.8048884016188399,.8048884016188399,-.8767523582704416,.8767523582704416,-.9329710868260161,.9329710868260161,-.9725424712181152,.9725424712181152,-.9947693349975522,.9947693349975522],[-.06405689286260563,.06405689286260563,-.1911188674736163,.1911188674736163,-.3150426796961634,.3150426796961634,-.4337935076260451,.4337935076260451,-.5454214713888396,.5454214713888396,-.6480936519369755,.6480936519369755,-.7401241915785544,.7401241915785544,-.820001985973903,.820001985973903,-.8864155270044011,.8864155270044011,-.9382745520027328,.9382745520027328,-.9747285559713095,.9747285559713095,-.9951872199970213,.9951872199970213]],de=[[],[],[1,1],[.8888888888888888,.5555555555555556,.5555555555555556],[.6521451548625461,.6521451548625461,.34785484513745385,.34785484513745385],[.5688888888888889,.47862867049936647,.47862867049936647,.23692688505618908,.23692688505618908],[.3607615730481386,.3607615730481386,.46791393457269104,.46791393457269104,.17132449237917036,.17132449237917036],[.4179591836734694,.3818300505051189,.3818300505051189,.27970539148927664,.27970539148927664,.1294849661688697,.1294849661688697],[.362683783378362,.362683783378362,.31370664587788727,.31370664587788727,.22238103445337448,.22238103445337448,.10122853629037626,.10122853629037626],[.3302393550012598,.1806481606948574,.1806481606948574,.08127438836157441,.08127438836157441,.31234707704000286,.31234707704000286,.26061069640293544,.26061069640293544],[.29552422471475287,.29552422471475287,.26926671930999635,.26926671930999635,.21908636251598204,.21908636251598204,.1494513491505806,.1494513491505806,.06667134430868814,.06667134430868814],[.2729250867779006,.26280454451024665,.26280454451024665,.23319376459199048,.23319376459199048,.18629021092773426,.18629021092773426,.1255803694649046,.1255803694649046,.05566856711617366,.05566856711617366],[.24914704581340277,.24914704581340277,.2334925365383548,.2334925365383548,.20316742672306592,.20316742672306592,.16007832854334622,.16007832854334622,.10693932599531843,.10693932599531843,.04717533638651183,.04717533638651183],[.2325515532308739,.22628318026289723,.22628318026289723,.2078160475368885,.2078160475368885,.17814598076194574,.17814598076194574,.13887351021978725,.13887351021978725,.09212149983772845,.09212149983772845,.04048400476531588,.04048400476531588],[.2152638534631578,.2152638534631578,.2051984637212956,.2051984637212956,.18553839747793782,.18553839747793782,.15720316715819355,.15720316715819355,.12151857068790319,.12151857068790319,.08015808715976021,.08015808715976021,.03511946033175186,.03511946033175186],[.2025782419255613,.19843148532711158,.19843148532711158,.1861610000155622,.1861610000155622,.16626920581699392,.16626920581699392,.13957067792615432,.13957067792615432,.10715922046717194,.10715922046717194,.07036604748810812,.07036604748810812,.03075324199611727,.03075324199611727],[.1894506104550685,.1894506104550685,.18260341504492358,.18260341504492358,.16915651939500254,.16915651939500254,.14959598881657674,.14959598881657674,.12462897125553388,.12462897125553388,.09515851168249279,.09515851168249279,.062253523938647894,.062253523938647894,.027152459411754096,.027152459411754096],[.17944647035620653,.17656270536699264,.17656270536699264,.16800410215645004,.16800410215645004,.15404576107681028,.15404576107681028,.13513636846852548,.13513636846852548,.11188384719340397,.11188384719340397,.08503614831717918,.08503614831717918,.0554595293739872,.0554595293739872,.02414830286854793,.02414830286854793],[.1691423829631436,.1691423829631436,.16427648374583273,.16427648374583273,.15468467512626524,.15468467512626524,.14064291467065065,.14064291467065065,.12255520671147846,.12255520671147846,.10094204410628717,.10094204410628717,.07642573025488905,.07642573025488905,.0497145488949698,.0497145488949698,.02161601352648331,.02161601352648331],[.1610544498487837,.15896884339395434,.15896884339395434,.15276604206585967,.15276604206585967,.1426067021736066,.1426067021736066,.12875396253933621,.12875396253933621,.11156664554733399,.11156664554733399,.09149002162245,.09149002162245,.06904454273764123,.06904454273764123,.0448142267656996,.0448142267656996,.019461788229726478,.019461788229726478],[.15275338713072584,.15275338713072584,.14917298647260374,.14917298647260374,.14209610931838204,.14209610931838204,.13168863844917664,.13168863844917664,.11819453196151841,.11819453196151841,.10193011981724044,.10193011981724044,.08327674157670475,.08327674157670475,.06267204833410907,.06267204833410907,.04060142980038694,.04060142980038694,.017614007139152118,.017614007139152118],[.14608113364969041,.14452440398997005,.14452440398997005,.13988739479107315,.13988739479107315,.13226893863333747,.13226893863333747,.12183141605372853,.12183141605372853,.10879729916714838,.10879729916714838,.09344442345603386,.09344442345603386,.0761001136283793,.0761001136283793,.057134425426857205,.057134425426857205,.036953789770852494,.036953789770852494,.016017228257774335,.016017228257774335],[.13925187285563198,.13925187285563198,.13654149834601517,.13654149834601517,.13117350478706238,.13117350478706238,.12325237681051242,.12325237681051242,.11293229608053922,.11293229608053922,.10041414444288096,.10041414444288096,.08594160621706773,.08594160621706773,.06979646842452049,.06979646842452049,.052293335152683286,.052293335152683286,.03377490158481415,.03377490158481415,.0146279952982722,.0146279952982722],[.13365457218610619,.1324620394046966,.1324620394046966,.12890572218808216,.12890572218808216,.12304908430672953,.12304908430672953,.11499664022241136,.11499664022241136,.10489209146454141,.10489209146454141,.09291576606003515,.09291576606003515,.07928141177671895,.07928141177671895,.06423242140852585,.06423242140852585,.04803767173108467,.04803767173108467,.030988005856979445,.030988005856979445,.013411859487141771,.013411859487141771],[.12793819534675216,.12793819534675216,.1258374563468283,.1258374563468283,.12167047292780339,.12167047292780339,.1155056680537256,.1155056680537256,.10744427011596563,.10744427011596563,.09761865210411388,.09761865210411388,.08619016153195327,.08619016153195327,.0733464814110803,.0733464814110803,.05929858491543678,.05929858491543678,.04427743881741981,.04427743881741981,.028531388628933663,.028531388628933663,.0123412297999872,.0123412297999872]],ce=[[1],[1,1],[1,2,1],[1,3,3,1]],ge=(t,e,i)=>{let n,s;const r=i/2;n=0;for(let i=0;i<20;i++)s=r*le[20][i]+r,n+=de[20][i]*fe(t,e,s);return r*n},ue=(t,e,i)=>{void 0===i&&(i=1);const n=t[0]-2*t[1]+t[2],s=e[0]-2*e[1]+e[2],r=2*t[1]-2*t[0],a=2*e[1]-2*e[0],o=4*(n*n+s*s),h=4*(n*r+s*a),l=r*r+a*a;if(0===o)return i*Math.sqrt(Math.pow(t[2]-t[0],2)+Math.pow(e[2]-e[0],2));const d=h/(2*o),c=i+d,g=l/o-d*d,u=c*c+g>0?Math.sqrt(c*c+g):0,f=d*d+g>0?Math.sqrt(d*d+g):0,p=d+Math.sqrt(d*d+g)!==0?g*Math.log(Math.abs((c+u)/(d+f))):0;return Math.sqrt(o)/2*(c*u-d*f+p)};function fe(t,e,i){const n=pe(1,i,t),s=pe(1,i,e),r=n*n+s*s;return Math.sqrt(r)}const pe=(t,e,i)=>{const n=i.length-1;let s,r;if(0===n)return 0;if(0===t){r=0;for(let t=0;t<=n;t++)r+=ce[n][t]*Math.pow(1-e,n-t)*Math.pow(e,t)*i[t];return r}s=new Array(n);for(let t=0;t<n;t++)s[t]=n*(i[t+1]-i[t]);return pe(t-1,e,s)},me=(t,e,i)=>{let n=1,s=t/e,r=(t-i(s))/e,a=0;for(;n>.001;){const o=i(s+r),h=Math.abs(t-o)/e;if(h<n)n=h,s+=r;else{const a=i(s-r),o=Math.abs(t-a)/e;o<n?(n=o,s-=r):r/=2}if(a++,a>500)break}return s};class _e extends Yt{constructor(t){super(t),this.dataArray=[],this.pathLength=0,this._readDataAttribute(),this.on("dataChange.konva",function(){this._readDataAttribute()})}_readDataAttribute(){this.dataArray=_e.parsePathData(this.data()),this.pathLength=_e.getPathLength(this.dataArray)}_sceneFunc(t){const e=this.dataArray;t.beginPath();let i=!1;for(let n=0;n<e.length;n++){const s=e[n].command,r=e[n].points;switch(s){case"L":t.lineTo(r[0],r[1]);break;case"M":t.moveTo(r[0],r[1]);break;case"C":t.bezierCurveTo(r[0],r[1],r[2],r[3],r[4],r[5]);break;case"Q":t.quadraticCurveTo(r[0],r[1],r[2],r[3]);break;case"A":const e=r[0],n=r[1],s=r[2],a=r[3],o=r[4],h=r[5],l=r[6],d=r[7],c=s>a?s:a,g=s>a?1:s/a,u=s>a?a/s:1;t.translate(e,n),t.rotate(l),t.scale(g,u),t.arc(0,0,c,o,o+h,1-d),t.scale(1/g,1/u),t.rotate(-l),t.translate(-e,-n);break;case"z":i=!0,t.closePath()}}i||this.hasFill()?t.fillStrokeShape(this):t.strokeShape(this)}getSelfRect(){let t=[];this.dataArray.forEach(function(e){if("A"===e.command){const i=e.points[4],n=e.points[5],s=e.points[4]+n;let r=Math.PI/180;if(Math.abs(i-s)<r&&(r=Math.abs(i-s)),n<0)for(let n=i-r;n>s;n-=r){const i=_e.getPointOnEllipticalArc(e.points[0],e.points[1],e.points[2],e.points[3],n,0);t.push(i.x,i.y)}else for(let n=i+r;n<s;n+=r){const i=_e.getPointOnEllipticalArc(e.points[0],e.points[1],e.points[2],e.points[3],n,0);t.push(i.x,i.y)}}else if("C"===e.command)for(let i=0;i<=1;i+=.01){const n=_e.getPointOnCubicBezier(i,e.start.x,e.start.y,e.points[0],e.points[1],e.points[2],e.points[3],e.points[4],e.points[5]);t.push(n.x,n.y)}else t=t.concat(e.points)});let e,i,n=t[0],s=t[0],r=t[1],a=t[1];for(let o=0;o<t.length/2;o++)e=t[2*o],i=t[2*o+1],isNaN(e)||(n=Math.min(n,e),s=Math.max(s,e)),isNaN(i)||(r=Math.min(r,i),a=Math.max(a,i));return{x:n,y:r,width:s-n,height:a-r}}getLength(){return this.pathLength}getPointAtLength(t){return _e.getPointAtLengthOfDataArray(t,this.dataArray)}static getLineLength(t,e,i,n){return Math.sqrt((i-t)*(i-t)+(n-e)*(n-e))}static getPathLength(t){let e=0;for(let i=0;i<t.length;++i)e+=t[i].pathLength;return e}static getPointAtLengthOfDataArray(t,e){let i,n=0,s=e.length;if(!s)return null;for(;n<s&&t>e[n].pathLength;)t-=e[n].pathLength,++n;if(n===s)return i=e[n-1].points.slice(-2),{x:i[0],y:i[1]};if(t<.01){return"M"===e[n].command?(i=e[n].points.slice(0,2),{x:i[0],y:i[1]}):{x:e[n].start.x,y:e[n].start.y}}const r=e[n],a=r.points;switch(r.command){case"L":return _e.getPointOnLine(t,r.start.x,r.start.y,a[0],a[1]);case"C":return _e.getPointOnCubicBezier(me(t,_e.getPathLength(e),t=>ge([r.start.x,a[0],a[2],a[4]],[r.start.y,a[1],a[3],a[5]],t)),r.start.x,r.start.y,a[0],a[1],a[2],a[3],a[4],a[5]);case"Q":return _e.getPointOnQuadraticBezier(me(t,_e.getPathLength(e),t=>ue([r.start.x,a[0],a[2]],[r.start.y,a[1],a[3]],t)),r.start.x,r.start.y,a[0],a[1],a[2],a[3]);case"A":const i=a[0],n=a[1],s=a[2],o=a[3],h=a[5],l=a[6];let d=a[4];return d+=h*t/r.pathLength,_e.getPointOnEllipticalArc(i,n,s,o,d,l)}return null}static getPointOnLine(t,e,i,n,s,r,a){r=null!=r?r:e,a=null!=a?a:i;const o=this.getLineLength(e,i,n,s);if(o<1e-10)return{x:e,y:i};if(n===e)return{x:r,y:a+(s>i?t:-t)};const h=(s-i)/(n-e),l=Math.sqrt(t*t/(1+h*h))*(n<e?-1:1),d=h*l;if(Math.abs(a-i-h*(r-e))<1e-10)return{x:r+l,y:a+d};const c=((r-e)*(n-e)+(a-i)*(s-i))/(o*o),g=e+c*(n-e),u=i+c*(s-i),f=this.getLineLength(r,a,g,u),p=Math.sqrt(t*t-f*f),m=Math.sqrt(p*p/(1+h*h))*(n<e?-1:1);return{x:g+m,y:u+h*m}}static getPointOnCubicBezier(t,e,i,n,s,r,a,o,h){function l(t){return t*t*t}function d(t){return 3*t*t*(1-t)}function c(t){return 3*t*(1-t)*(1-t)}function g(t){return(1-t)*(1-t)*(1-t)}return{x:o*l(t)+r*d(t)+n*c(t)+e*g(t),y:h*l(t)+a*d(t)+s*c(t)+i*g(t)}}static getPointOnQuadraticBezier(t,e,i,n,s,r,a){function o(t){return t*t}function h(t){return 2*t*(1-t)}function l(t){return(1-t)*(1-t)}return{x:r*o(t)+n*h(t)+e*l(t),y:a*o(t)+s*h(t)+i*l(t)}}static getPointOnEllipticalArc(t,e,i,n,s,r){const a=Math.cos(r),o=Math.sin(r),h=i*Math.cos(s),l=n*Math.sin(s);return{x:t+(h*a-l*o),y:e+(h*o+l*a)}}static parsePathData(t){if(!t)return[];let e=t;const i=["m","M","l","L","v","V","h","H","z","Z","c","C","q","Q","t","T","s","S","a","A"];e=e.replace(new RegExp(" ","g"),",");for(let t=0;t<i.length;t++)e=e.replace(new RegExp(i[t],"g"),"|"+i[t]);const n=e.split("|"),s=[],r=[];let a=0,o=0;const h=/([-+]?((\d+\.\d+)|((\d+)|(\.\d+)))(?:e[-+]?\d+)?)/gi;let l;for(let t=1;t<n.length;t++){let e=n[t],i=e.charAt(0);for(e=e.slice(1),r.length=0;l=h.exec(e);)r.push(l[0]);let d=[],c="A"===i||"a"===i?0:-1;for(let t=0,e=r.length;t<e;t++){const e=r[t];if("00"!==e)if(c>=0){if(3===c){if(/^[01]{2}\d+(?:\.\d+)?$/.test(e)){d.push(parseInt(e[0],10)),d.push(parseInt(e[1],10)),d.push(parseFloat(e.slice(2))),c+=3,c>=7&&(c-=7);continue}if("11"===e||"10"===e||"01"===e){d.push(parseInt(e[0],10)),d.push(parseInt(e[1],10)),c+=2,c>=7&&(c-=7);continue}if("0"===e||"1"===e){d.push(parseInt(e,10)),c+=1,c>=7&&(c-=7);continue}}else if(4===c){if(/^[01]\d+(?:\.\d+)?$/.test(e)){d.push(parseInt(e[0],10)),d.push(parseFloat(e.slice(1))),c+=2,c>=7&&(c-=7);continue}if("0"===e||"1"===e){d.push(parseInt(e,10)),c+=1,c>=7&&(c-=7);continue}}const t=parseFloat(e);isNaN(t)?d.push(0):d.push(t),c+=1,c>=7&&(c-=7)}else{const t=parseFloat(e);isNaN(t)?d.push(0):d.push(t)}else d.push(0,0),c>=0&&(c+=2,c>=7&&(c-=7))}for(;d.length>0&&!isNaN(d[0]);){let t="",e=[];const n=a,r=o;let h,l,c,g,u,f,p,m,_,y;switch(i){case"l":a+=d.shift(),o+=d.shift(),t="L",e.push(a,o);break;case"L":a=d.shift(),o=d.shift(),e.push(a,o);break;case"m":const n=d.shift(),r=d.shift();if(a+=n,o+=r,t="M",s.length>2&&"z"===s[s.length-1].command)for(let t=s.length-2;t>=0;t--)if("M"===s[t].command){a=s[t].points[0]+n,o=s[t].points[1]+r;break}e.push(a,o),i="l";break;case"M":a=d.shift(),o=d.shift(),t="M",e.push(a,o),i="L";break;case"h":a+=d.shift(),t="L",e.push(a,o);break;case"H":a=d.shift(),t="L",e.push(a,o);break;case"v":o+=d.shift(),t="L",e.push(a,o);break;case"V":o=d.shift(),t="L",e.push(a,o);break;case"C":e.push(d.shift(),d.shift(),d.shift(),d.shift()),a=d.shift(),o=d.shift(),e.push(a,o);break;case"c":e.push(a+d.shift(),o+d.shift(),a+d.shift(),o+d.shift()),a+=d.shift(),o+=d.shift(),t="C",e.push(a,o);break;case"S":l=a,c=o,h=s[s.length-1],"C"===h.command&&(l=a+(a-h.points[2]),c=o+(o-h.points[3])),e.push(l,c,d.shift(),d.shift()),a=d.shift(),o=d.shift(),t="C",e.push(a,o);break;case"s":l=a,c=o,h=s[s.length-1],"C"===h.command&&(l=a+(a-h.points[2]),c=o+(o-h.points[3])),e.push(l,c,a+d.shift(),o+d.shift()),a+=d.shift(),o+=d.shift(),t="C",e.push(a,o);break;case"Q":e.push(d.shift(),d.shift()),a=d.shift(),o=d.shift(),e.push(a,o);break;case"q":e.push(a+d.shift(),o+d.shift()),a+=d.shift(),o+=d.shift(),t="Q",e.push(a,o);break;case"T":l=a,c=o,h=s[s.length-1],"Q"===h.command&&(l=a+(a-h.points[0]),c=o+(o-h.points[1])),a=d.shift(),o=d.shift(),t="Q",e.push(l,c,a,o);break;case"t":l=a,c=o,h=s[s.length-1],"Q"===h.command&&(l=a+(a-h.points[0]),c=o+(o-h.points[1])),a+=d.shift(),o+=d.shift(),t="Q",e.push(l,c,a,o);break;case"A":g=d.shift(),u=d.shift(),f=d.shift(),p=d.shift(),m=d.shift(),_=a,y=o,a=d.shift(),o=d.shift(),t="A",e=this.convertEndpointToCenterParameterization(_,y,a,o,p,m,g,u,f);break;case"a":g=d.shift(),u=d.shift(),f=d.shift(),p=d.shift(),m=d.shift(),_=a,y=o,a+=d.shift(),o+=d.shift(),t="A",e=this.convertEndpointToCenterParameterization(_,y,a,o,p,m,g,u,f)}s.push({command:t||i,points:e,start:{x:n,y:r},pathLength:this.calcLength(n,r,t||i,e)})}"z"!==i&&"Z"!==i||s.push({command:"z",points:[],start:void 0,pathLength:0})}return s}static calcLength(t,e,i,n){let s,r,a,o;const h=_e;switch(i){case"L":return h.getLineLength(t,e,n[0],n[1]);case"C":return ge([t,n[0],n[2],n[4]],[e,n[1],n[3],n[5]],1);case"Q":return ue([t,n[0],n[2]],[e,n[1],n[3]],1);case"A":s=0;const i=n[4],l=n[5],d=n[4]+l;let c=Math.PI/180;if(Math.abs(i-d)<c&&(c=Math.abs(i-d)),r=h.getPointOnEllipticalArc(n[0],n[1],n[2],n[3],i,0),l<0)for(o=i-c;o>d;o-=c)a=h.getPointOnEllipticalArc(n[0],n[1],n[2],n[3],o,0),s+=h.getLineLength(r.x,r.y,a.x,a.y),r=a;else for(o=i+c;o<d;o+=c)a=h.getPointOnEllipticalArc(n[0],n[1],n[2],n[3],o,0),s+=h.getLineLength(r.x,r.y,a.x,a.y),r=a;return a=h.getPointOnEllipticalArc(n[0],n[1],n[2],n[3],d,0),s+=h.getLineLength(r.x,r.y,a.x,a.y),s}return 0}static convertEndpointToCenterParameterization(t,e,i,n,s,r,a,o,h){const l=h*(Math.PI/180),d=Math.cos(l)*(t-i)/2+Math.sin(l)*(e-n)/2,c=-1*Math.sin(l)*(t-i)/2+Math.cos(l)*(e-n)/2,g=d*d/(a*a)+c*c/(o*o);g>1&&(a*=Math.sqrt(g),o*=Math.sqrt(g));let u=Math.sqrt((a*a*(o*o)-a*a*(c*c)-o*o*(d*d))/(a*a*(c*c)+o*o*(d*d)));s===r&&(u*=-1),isNaN(u)&&(u=0);const f=u*a*c/o,p=u*-o*d/a,m=(t+i)/2+Math.cos(l)*f-Math.sin(l)*p,_=(e+n)/2+Math.sin(l)*f+Math.cos(l)*p,y=function(t){return Math.sqrt(t[0]*t[0]+t[1]*t[1])},v=function(t,e){return(t[0]*e[0]+t[1]*e[1])/(y(t)*y(e))},x=function(t,e){return(t[0]*e[1]<t[1]*e[0]?-1:1)*Math.acos(v(t,e))},b=x([1,0],[(d-f)/a,(c-p)/o]),S=[(d-f)/a,(c-p)/o],w=[(-1*d-f)/a,(-1*c-p)/o];let C=x(S,w);return v(S,w)<=-1&&(C=Math.PI),v(S,w)>=1&&(C=0),0===r&&C>0&&(C-=2*Math.PI),1===r&&C<0&&(C+=2*Math.PI),[m,_,a,o,b,C,l,r]}}_e.prototype.className="Path",_e.prototype._attrsAffectingSize=["data"],n(_e),F.addGetterSetter(_e,"data");class ye extends he{_sceneFunc(t){super._sceneFunc(t);const e=2*Math.PI,i=this.points();let n=i;const s=0!==this.tension()&&i.length>4;s&&(n=this.getTensionPoints());const r=this.pointerLength(),a=i.length;let o,h;if(s){const t=[n[n.length-4],n[n.length-3],n[n.length-2],n[n.length-1],i[a-2],i[a-1]],e=_e.calcLength(n[n.length-4],n[n.length-3],"C",t),s=_e.getPointOnQuadraticBezier(Math.min(1,1-r/e),t[0],t[1],t[2],t[3],t[4],t[5]);o=i[a-2]-s.x,h=i[a-1]-s.y}else o=i[a-2]-i[a-4],h=i[a-1]-i[a-3];const l=(Math.atan2(h,o)+e)%e,d=this.pointerWidth();this.pointerAtEnding()&&(t.save(),t.beginPath(),t.translate(i[a-2],i[a-1]),t.rotate(l),t.moveTo(0,0),t.lineTo(-r,d/2),t.lineTo(-r,-d/2),t.closePath(),t.restore(),this.__fillStroke(t)),this.pointerAtBeginning()&&(t.save(),t.beginPath(),t.translate(i[0],i[1]),s?(o=(n[0]+n[2])/2-i[0],h=(n[1]+n[3])/2-i[1]):(o=i[2]-i[0],h=i[3]-i[1]),t.rotate((Math.atan2(-h,-o)+e)%e),t.moveTo(0,0),t.lineTo(-r,d/2),t.lineTo(-r,-d/2),t.closePath(),t.restore(),this.__fillStroke(t))}__fillStroke(t){const e=this.dashEnabled();e&&(this.attrs.dashEnabled=!1,t.setLineDash([])),t.fillStrokeShape(this),e&&(this.attrs.dashEnabled=!0)}getSelfRect(){const t=super.getSelfRect(),e=this.pointerWidth()/2;return{x:t.x,y:t.y-e,width:t.width,height:t.height+2*e}}}ye.prototype.className="Arrow",n(ye),F.addGetterSetter(ye,"pointerLength",10,M()),F.addGetterSetter(ye,"pointerWidth",10,M()),F.addGetterSetter(ye,"pointerAtBeginning",!1),F.addGetterSetter(ye,"pointerAtEnding",!0);class ve extends Yt{_sceneFunc(t){t.beginPath(),t.arc(0,0,this.attrs.radius||0,0,2*Math.PI,!1),t.closePath(),t.fillStrokeShape(this)}getWidth(){return 2*this.radius()}getHeight(){return 2*this.radius()}setWidth(t){this.radius()!==t/2&&this.radius(t/2)}setHeight(t){this.radius()!==t/2&&this.radius(t/2)}}ve.prototype._centroid=!0,ve.prototype.className="Circle",ve.prototype._attrsAffectingSize=["radius"],n(ve),F.addGetterSetter(ve,"radius",0,M());class xe extends Yt{_sceneFunc(t){const e=this.radiusX(),i=this.radiusY();t.beginPath(),t.save(),e!==i&&t.scale(1,i/e),t.arc(0,0,e,0,2*Math.PI,!1),t.restore(),t.closePath(),t.fillStrokeShape(this)}getWidth(){return 2*this.radiusX()}getHeight(){return 2*this.radiusY()}setWidth(t){this.radiusX(t/2)}setHeight(t){this.radiusY(t/2)}}xe.prototype.className="Ellipse",xe.prototype._centroid=!0,xe.prototype._attrsAffectingSize=["radiusX","radiusY"],n(xe),F.addComponentsGetterSetter(xe,"radius",["x","y"]),F.addGetterSetter(xe,"radiusX",0,M()),F.addGetterSetter(xe,"radiusY",0,M());class be extends Yt{constructor(t){super(t),this._loadListener=()=>{this._requestDraw()},this.on("imageChange.konva",t=>{this._removeImageLoad(t.oldVal),this._setImageLoad()}),this._setImageLoad()}_setImageLoad(){const t=this.image();t&&t.complete||t&&4===t.readyState||t&&t.addEventListener&&t.addEventListener("load",this._loadListener)}_removeImageLoad(t){t&&t.removeEventListener&&t.removeEventListener("load",this._loadListener)}destroy(){return this._removeImageLoad(this.image()),super.destroy(),this}_useBufferCanvas(){const t=!!this.cornerRadius(),e=this.hasShadow();return!(!t||!e)||super._useBufferCanvas(!0)}_sceneFunc(t){const e=this.getWidth(),i=this.getHeight(),n=this.cornerRadius(),s=this.attrs.image;let r;if(s){const t=this.attrs.cropWidth,n=this.attrs.cropHeight;r=t&&n?[s,this.cropX(),this.cropY(),t,n,0,0,e,i]:[s,0,0,e,i]}(this.hasFill()||this.hasStroke()||n)&&(t.beginPath(),n?p.drawRoundedRectPath(t,e,i,n):t.rect(0,0,e,i),t.closePath(),t.fillStrokeShape(this)),s&&(n&&t.clip(),t.drawImage.apply(t,r))}_hitFunc(t){const e=this.width(),i=this.height(),n=this.cornerRadius();t.beginPath(),n?p.drawRoundedRectPath(t,e,i,n):t.rect(0,0,e,i),t.closePath(),t.fillStrokeShape(this)}getWidth(){var t,e,i;return null!==(i=null!==(t=this.attrs.width)&&void 0!==t?t:null===(e=this.image())||void 0===e?void 0:e.width)&&void 0!==i?i:0}getHeight(){var t,e,i;return null!==(i=null!==(t=this.attrs.height)&&void 0!==t?t:null===(e=this.image())||void 0===e?void 0:e.height)&&void 0!==i?i:0}static fromURL(t,e,i=null){const n=p.createImageElement();n.onload=function(){const t=new be({image:n});e(t)},n.onerror=i,n.crossOrigin="Anonymous",n.src=t}}be.prototype.className="Image",be.prototype._attrsAffectingSize=["image"],n(be),F.addGetterSetter(be,"cornerRadius",0,R(4)),F.addGetterSetter(be,"image"),F.addComponentsGetterSetter(be,"crop",["x","y","width","height"]),F.addGetterSetter(be,"cropX",0,M()),F.addGetterSetter(be,"cropY",0,M()),F.addGetterSetter(be,"cropWidth",0,M()),F.addGetterSetter(be,"cropHeight",0,M());const Se=["fontFamily","fontSize","fontStyle","padding","lineHeight","text","width","height","pointerDirection","pointerWidth","pointerHeight"],we="up",Ce="right",ke="down",Pe="left",Ae=Se.length;class Te extends Kt{constructor(t){super(t),this.on("add.konva",function(t){this._addListeners(t.child),this._sync()})}getText(){return this.find("Text")[0]}getTag(){return this.find("Tag")[0]}_addListeners(t){let e,i=this;const n=function(){i._sync()};for(e=0;e<Ae;e++)t.on(Se[e]+"Change.konva",n)}getWidth(){return this.getText().width()}getHeight(){return this.getText().height()}_sync(){let t,e,i,n,s,r,a,o=this.getText(),h=this.getTag();if(o&&h){switch(t=o.width(),e=o.height(),i=h.pointerDirection(),n=h.pointerWidth(),a=h.pointerHeight(),s=0,r=0,i){case we:s=t/2,r=-1*a;break;case Ce:s=t+n,r=e/2;break;case ke:s=t/2,r=e+a;break;case Pe:s=-1*n,r=e/2}h.setAttrs({x:-1*s,y:-1*r,width:t,height:e}),o.setAttrs({x:-1*s,y:-1*r})}}}Te.prototype.className="Label",n(Te);class Me extends Yt{_sceneFunc(t){const e=this.width(),i=this.height(),n=this.pointerDirection(),s=this.pointerWidth(),r=this.pointerHeight(),a=this.cornerRadius();let o=0,h=0,l=0,d=0;"number"==typeof a?o=h=l=d=Math.min(a,e/2,i/2):(o=Math.min(a[0]||0,e/2,i/2),h=Math.min(a[1]||0,e/2,i/2),d=Math.min(a[2]||0,e/2,i/2),l=Math.min(a[3]||0,e/2,i/2)),t.beginPath(),t.moveTo(o,0),n===we&&(t.lineTo((e-s)/2,0),t.lineTo(e/2,-1*r),t.lineTo((e+s)/2,0)),t.lineTo(e-h,0),t.arc(e-h,h,h,3*Math.PI/2,0,!1),n===Ce&&(t.lineTo(e,(i-r)/2),t.lineTo(e+s,i/2),t.lineTo(e,(i+r)/2)),t.lineTo(e,i-d),t.arc(e-d,i-d,d,0,Math.PI/2,!1),n===ke&&(t.lineTo((e+s)/2,i),t.lineTo(e/2,i+r),t.lineTo((e-s)/2,i)),t.lineTo(l,i),t.arc(l,i-l,l,Math.PI/2,Math.PI,!1),n===Pe&&(t.lineTo(0,(i+r)/2),t.lineTo(-1*s,i/2),t.lineTo(0,(i-r)/2)),t.lineTo(0,o),t.arc(o,o,o,Math.PI,3*Math.PI/2,!1),t.closePath(),t.fillStrokeShape(this)}getSelfRect(){let t=0,e=0,i=this.pointerWidth(),n=this.pointerHeight(),s=this.pointerDirection(),r=this.width(),a=this.height();return s===we?(e-=n,a+=n):s===ke?a+=n:s===Pe?(t-=1.5*i,r+=i):s===Ce&&(r+=1.5*i),{x:t,y:e,width:r,height:a}}}Me.prototype.className="Tag",n(Me),F.addGetterSetter(Me,"pointerDirection","none"),F.addGetterSetter(Me,"pointerWidth",0,M()),F.addGetterSetter(Me,"pointerHeight",0,M()),F.addGetterSetter(Me,"cornerRadius",0,R(4));class Re extends Yt{_sceneFunc(t){const e=this.cornerRadius(),i=this.width(),n=this.height();t.beginPath(),e?p.drawRoundedRectPath(t,i,n,e):t.rect(0,0,i,n),t.closePath(),t.fillStrokeShape(this)}}Re.prototype.className="Rect",n(Re),F.addGetterSetter(Re,"cornerRadius",0,R(4));class Ge extends Yt{_sceneFunc(t){const e=this._getPoints(),i=this.radius(),n=this.sides(),s=this.cornerRadius();if(t.beginPath(),s)p.drawRoundedPolygonPath(t,e,n,i,s);else{t.moveTo(e[0].x,e[0].y);for(let i=1;i<e.length;i++)t.lineTo(e[i].x,e[i].y)}t.closePath(),t.fillStrokeShape(this)}_getPoints(){const t=this.attrs.sides,e=this.attrs.radius||0,i=[];for(let n=0;n<t;n++)i.push({x:e*Math.sin(2*n*Math.PI/t),y:-1*e*Math.cos(2*n*Math.PI/t)});return i}getSelfRect(){const t=this._getPoints();let e=t[0].x,i=t[0].x,n=t[0].y,s=t[0].y;return t.forEach(t=>{e=Math.min(e,t.x),i=Math.max(i,t.x),n=Math.min(n,t.y),s=Math.max(s,t.y)}),{x:e,y:n,width:i-e,height:s-n}}getWidth(){return 2*this.radius()}getHeight(){return 2*this.radius()}setWidth(t){this.radius(t/2)}setHeight(t){this.radius(t/2)}}Ge.prototype.className="RegularPolygon",Ge.prototype._centroid=!0,Ge.prototype._attrsAffectingSize=["radius"],n(Ge),F.addGetterSetter(Ge,"radius",0,M()),F.addGetterSetter(Ge,"sides",0,M()),F.addGetterSetter(Ge,"cornerRadius",0,R(4));const Ee=2*Math.PI;class Le extends Yt{_sceneFunc(t){t.beginPath(),t.arc(0,0,this.innerRadius(),0,Ee,!1),t.moveTo(this.outerRadius(),0),t.arc(0,0,this.outerRadius(),Ee,0,!0),t.closePath(),t.fillStrokeShape(this)}getWidth(){return 2*this.outerRadius()}getHeight(){return 2*this.outerRadius()}setWidth(t){this.outerRadius(t/2)}setHeight(t){this.outerRadius(t/2)}}Le.prototype.className="Ring",Le.prototype._centroid=!0,Le.prototype._attrsAffectingSize=["innerRadius","outerRadius"],n(Le),F.addGetterSetter(Le,"innerRadius",0,M()),F.addGetterSetter(Le,"outerRadius",0,M());class De extends Yt{constructor(t){super(t),this._updated=!0,this.anim=new Qt(()=>{const t=this._updated;return this._updated=!1,t}),this.on("animationChange.konva",function(){this.frameIndex(0)}),this.on("frameIndexChange.konva",function(){this._updated=!0}),this.on("frameRateChange.konva",function(){this.anim.isRunning()&&(clearInterval(this.interval),this._setInterval())})}_sceneFunc(t){const e=this.animation(),i=this.frameIndex(),n=4*i,s=this.animations()[e],r=this.frameOffsets(),a=s[n+0],o=s[n+1],h=s[n+2],l=s[n+3],d=this.image();if((this.hasFill()||this.hasStroke())&&(t.beginPath(),t.rect(0,0,h,l),t.closePath(),t.fillStrokeShape(this)),d)if(r){const n=r[e],s=2*i;t.drawImage(d,a,o,h,l,n[s+0],n[s+1],h,l)}else t.drawImage(d,a,o,h,l,0,0,h,l)}_hitFunc(t){const e=this.animation(),i=this.frameIndex(),n=4*i,s=this.animations()[e],r=this.frameOffsets(),a=s[n+2],o=s[n+3];if(t.beginPath(),r){const n=r[e],s=2*i;t.rect(n[s+0],n[s+1],a,o)}else t.rect(0,0,a,o);t.closePath(),t.fillShape(this)}_useBufferCanvas(){return super._useBufferCanvas(!0)}_setInterval(){const t=this;this.interval=setInterval(function(){t._updateIndex()},1e3/this.frameRate())}start(){if(this.isRunning())return;const t=this.getLayer();this.anim.setLayers(t),this._setInterval(),this.anim.start()}stop(){this.anim.stop(),clearInterval(this.interval)}isRunning(){return this.anim.isRunning()}_updateIndex(){const t=this.frameIndex(),e=this.animation();t<this.animations()[e].length/4-1?this.frameIndex(t+1):this.frameIndex(0)}}De.prototype.className="Sprite",n(De),F.addGetterSetter(De,"animation"),F.addGetterSetter(De,"animations"),F.addGetterSetter(De,"frameOffsets"),F.addGetterSetter(De,"image"),F.addGetterSetter(De,"frameIndex",0,M()),F.addGetterSetter(De,"frameRate",17,M()),F.backCompat(De,{index:"frameIndex",getIndex:"getFrameIndex",setIndex:"setFrameIndex"});class Ie extends Yt{_sceneFunc(t){const e=this.innerRadius(),i=this.outerRadius(),n=this.numPoints();t.beginPath(),t.moveTo(0,0-i);for(let s=1;s<2*n;s++){const r=s%2==0?i:e,a=r*Math.sin(s*Math.PI/n),o=-1*r*Math.cos(s*Math.PI/n);t.lineTo(a,o)}t.closePath(),t.fillStrokeShape(this)}getWidth(){return 2*this.outerRadius()}getHeight(){return 2*this.outerRadius()}setWidth(t){this.outerRadius(t/2)}setHeight(t){this.outerRadius(t/2)}}function Oe(t){return[...t].reduce((t,e,i,n)=>{if(/\p{Emoji}/u.test(e)){const s=n[i+1];s&&/\p{Emoji_Modifier}|\u200D/u.test(s)?(t.push(e+s),n[i+1]=""):t.push(e)}else/\p{Regional_Indicator}{2}/u.test(e+(n[i+1]||""))?t.push(e+n[i+1]):i>0&&/\p{Mn}|\p{Me}|\p{Mc}/u.test(e)?t[t.length-1]+=e:e&&t.push(e);return t},[])}Ie.prototype.className="Star",Ie.prototype._centroid=!0,Ie.prototype._attrsAffectingSize=["innerRadius","outerRadius"],n(Ie),F.addGetterSetter(Ie,"numPoints",5,M()),F.addGetterSetter(Ie,"innerRadius",0,M()),F.addGetterSetter(Ie,"outerRadius",0,M());const Fe="auto",Be="inherit",Ne="justify",He="left",ze="middle",We="normal",Ye=" ",Xe="none",je=["direction","fontFamily","fontSize","fontStyle","fontVariant","padding","align","verticalAlign","lineHeight","text","width","height","wrap","ellipsis","letterSpacing"],qe=je.length;let Ue,Ke=null;function Ve(){return Ue||(Ue=p.createCanvasElement().getContext("2d"),Ue)}class Qe extends Yt{constructor(t){super(function(t){return(t=t||{}).fillLinearGradientColorStops||t.fillRadialGradientColorStops||t.fillPatternImage||(t.fill=t.fill||"black"),t}(t)),this._partialTextX=0,this._partialTextY=0;for(let t=0;t<qe;t++)this.on(je[t]+"Change.konva",this._setTextData);this._setTextData()}_sceneFunc(t){var e,n;const s=this.textArr,r=s.length;if(!this.text())return;let a,o=this.padding(),h=this.fontSize(),l=this.lineHeight()*h,d=this.verticalAlign(),c=this.direction(),g=0,u=this.align(),f=this.getWidth(),p=this.letterSpacing(),m=this.charRenderFunc(),_=this.fill(),y=this.textDecoration(),v=this.underlineOffset(),x=-1!==y.indexOf("underline"),b=-1!==y.indexOf("line-through");c=c===Be?t.direction:c;let S=l/2,w=ze;if(!i.legacyTextRendering){const t=this.measureSize("M");w="alphabetic";S=((null!==(e=t.fontBoundingBoxAscent)&&void 0!==e?e:t.actualBoundingBoxAscent)-(null!==(n=t.fontBoundingBoxDescent)&&void 0!==n?n:t.actualBoundingBoxDescent))/2+l/2}for("rtl"===c&&t.setAttr("direction",c),t.setAttr("font",this._getContextFont()),t.setAttr("textBaseline",w),t.setAttr("textAlign",He),d===ze?g=(this.getHeight()-r*l-2*o)/2:"bottom"===d&&(g=this.getHeight()-r*l-2*o),t.translate(o,g+o),a=0;a<r;a++){let e=0,n=0;const d=s[a],g=d.text,y=d.width,w=d.lastInParagraph;if(t.save(),"right"===u?e+=f-y-2*o:"center"===u&&(e+=(f-y-2*o)/2),x){t.save(),t.beginPath();const s=e,r=S+n+(null!=v?v:i.legacyTextRendering?Math.round(h/2):Math.round(h/4));t.moveTo(s,r);const a=u!==Ne||w?y:f-2*o;t.lineTo(s+Math.round(a),r),t.lineWidth=h/15;const l=this._getLinearGradient();t.strokeStyle=l||_,t.stroke(),t.restore()}const C=e;if("rtl"===c||0===p&&u!==Ne&&!m)0!==p&&t.setAttr("letterSpacing",`${p}px`),this._partialTextX=e,this._partialTextY=S+n,this._partialText=g,t.fillStrokeShape(this);else{const i=g.split(" ").length-1,r=Oe(g);for(let h=0;h<r.length;h++){const l=r[h];if(" "!==l||w||u!==Ne||(e+=(f-2*o-y)/i),this._partialTextX=e,this._partialTextY=S+n,this._partialText=l,m){t.save();m({char:l,index:h+s.slice(0,a).reduce((t,e)=>t+Oe(e.text).length,0),x:e,y:S+n,lineIndex:a,column:h,isLastInLine:w,width:this.measureSize(l).width,context:t})}t.fillStrokeShape(this),m&&t.restore(),e+=this.measureSize(l).width+p}}if(b){t.save(),t.beginPath();const e=i.legacyTextRendering?0:-Math.round(h/4),s=C;t.moveTo(s,S+n+e);const r=u!==Ne||w?y:f-2*o;t.lineTo(s+Math.round(r),S+n+e),t.lineWidth=h/15;const a=this._getLinearGradient();t.strokeStyle=a||_,t.stroke(),t.restore()}t.restore(),r>1&&(S+=l)}}_hitFunc(t){const e=this.getWidth(),i=this.getHeight();t.beginPath(),t.rect(0,0,e,i),t.closePath(),t.fillStrokeShape(this)}setText(t){const e=p._isString(t)?t:null==t?"":t+"";return this._setAttr("text",e),this}getWidth(){return this.attrs.width===Fe||void 0===this.attrs.width?this.getTextWidth()+2*this.padding():this.attrs.width}getHeight(){return this.attrs.height===Fe||void 0===this.attrs.height?this.fontSize()*this.textArr.length*this.lineHeight()+2*this.padding():this.attrs.height}getTextWidth(){return this.textWidth}getTextHeight(){return p.warn("text.getTextHeight() method is deprecated. Use text.height() - for full height and text.fontSize() - for one line height."),this.textHeight}measureSize(t){var e,i,n,s,r,a,o,h,l,d,c;let g,u=Ve(),f=this.fontSize();u.save(),u.font=this._getContextFont(),g=u.measureText(t),u.restore();const p=f/100;return{actualBoundingBoxAscent:null!==(e=g.actualBoundingBoxAscent)&&void 0!==e?e:71.58203125*p,actualBoundingBoxDescent:null!==(i=g.actualBoundingBoxDescent)&&void 0!==i?i:0,actualBoundingBoxLeft:null!==(n=g.actualBoundingBoxLeft)&&void 0!==n?n:-7.421875*p,actualBoundingBoxRight:null!==(s=g.actualBoundingBoxRight)&&void 0!==s?s:75.732421875*p,alphabeticBaseline:null!==(r=g.alphabeticBaseline)&&void 0!==r?r:0,emHeightAscent:null!==(a=g.emHeightAscent)&&void 0!==a?a:100*p,emHeightDescent:null!==(o=g.emHeightDescent)&&void 0!==o?o:-20*p,fontBoundingBoxAscent:null!==(h=g.fontBoundingBoxAscent)&&void 0!==h?h:91*p,fontBoundingBoxDescent:null!==(l=g.fontBoundingBoxDescent)&&void 0!==l?l:21*p,hangingBaseline:null!==(d=g.hangingBaseline)&&void 0!==d?d:72.80000305175781*p,ideographicBaseline:null!==(c=g.ideographicBaseline)&&void 0!==c?c:-21*p,width:g.width,height:f}}_getContextFont(){return this.fontStyle()+Ye+this.fontVariant()+Ye+(this.fontSize()+"px ")+this.fontFamily().split(",").map(t=>{const e=(t=t.trim()).indexOf(" ")>=0,i=t.indexOf('"')>=0||t.indexOf("'")>=0;return e&&!i&&(t=`"${t}"`),t}).join(", ")}_addTextLine(t){this.align()===Ne&&(t=t.trim());const e=this._getTextWidth(t);return this.textArr.push({text:t,width:e,lastInParagraph:!1})}_getTextWidth(t){const e=this.letterSpacing(),i=t.length;return Ve().measureText(t).width+e*i}_setTextData(){let t=this.text().split("\n"),e=+this.fontSize(),i=0,n=this.lineHeight()*e,s=this.attrs.width,r=this.attrs.height,a=s!==Fe&&void 0!==s,o=r!==Fe&&void 0!==r,h=this.padding(),l=s-2*h,d=r-2*h,c=0,g=this.wrap(),u="char"!==g&&g!==Xe,f=this.ellipsis();this.textArr=[],Ve().font=this._getContextFont();const p=f?this._getTextWidth("…"):0;for(let e=0,s=t.length;e<s;++e){let r=t[e],h=this._getTextWidth(r);if(a&&h>l)for(;r.length>0;){let t=0,e=Oe(r).length,s="",a=0;for(;t<e;){const i=t+e>>>1,h=Oe(r).slice(0,i+1).join(""),g=this._getTextWidth(h);(f&&o&&c+n>d?g+p:g)<=l?(t=i+1,s=h,a=g):e=i}if(!s)break;if(u){const e=Oe(r),i=Oe(s),n=e[i.length];let o;if((n===Ye||"-"===n)&&a<=l)o=i.length;else{const t=i.lastIndexOf(Ye),e=i.lastIndexOf("-");o=Math.max(t,e)+1}o>0&&(t=o,s=e.slice(0,t).join(""),a=this._getTextWidth(s))}s=s.trimRight(),this._addTextLine(s),i=Math.max(i,a),c+=n;if(this._shouldHandleEllipsis(c)){this._tryToAddEllipsisToLastLine();break}if(r=Oe(r).slice(t).join("").trimLeft(),r.length>0&&(h=this._getTextWidth(r),h<=l)){this._addTextLine(r),c+=n,i=Math.max(i,h);break}}else this._addTextLine(r),c+=n,i=Math.max(i,h),this._shouldHandleEllipsis(c)&&e<s-1&&this._tryToAddEllipsisToLastLine();if(this.textArr[this.textArr.length-1]&&(this.textArr[this.textArr.length-1].lastInParagraph=!0),o&&c+n>d)break}this.textHeight=e,this.textWidth=i}_shouldHandleEllipsis(t){const e=+this.fontSize(),i=this.lineHeight()*e,n=this.attrs.height,s=n!==Fe&&void 0!==n,r=n-2*this.padding();return!(this.wrap()!==Xe)||s&&t+i>r}_tryToAddEllipsisToLastLine(){const t=this.attrs.width,e=t!==Fe&&void 0!==t,i=t-2*this.padding(),n=this.ellipsis(),s=this.textArr[this.textArr.length-1];if(s&&n){if(e){this._getTextWidth(s.text+"…")<i||(s.text=s.text.slice(0,s.text.length-3))}this.textArr.splice(this.textArr.length-1,1),this._addTextLine(s.text+"…")}}getStrokeScaleEnabled(){return!0}_useBufferCanvas(){const t=-1!==this.textDecoration().indexOf("underline")||-1!==this.textDecoration().indexOf("line-through"),e=this.hasShadow();return!(!t||!e)||(!(!e||1===this.getAbsoluteOpacity()||!function(){if(null!==Ke)return Ke;Ke=!1;try{const t=document.createElement("canvas");t.width=10,t.height=10;const e=t.getContext("2d");if(e){e.globalAlpha=0,e.shadowColor="black",e.shadowBlur=5,e.shadowOffsetX=5,e.shadowOffsetY=5,e.fillStyle="black",e.font="10px Arial",e.fillText("X",0,10);const t=e.getImageData(0,0,10,10).data;for(let e=3;e<t.length;e+=4)if(t[e]>0){Ke=!0;break}}}catch(t){}return Ke}())||super._useBufferCanvas())}}Qe.prototype._fillFunc=function(t){t.fillText(this._partialText,this._partialTextX,this._partialTextY)},Qe.prototype._strokeFunc=function(t){t.setAttr("miterLimit",2),t.strokeText(this._partialText,this._partialTextX,this._partialTextY)},Qe.prototype.className="Text",Qe.prototype._attrsAffectingSize=["text","fontSize","padding","wrap","lineHeight","letterSpacing"],n(Qe),F.overWriteSetter(Qe,"width",G()),F.overWriteSetter(Qe,"height",G()),F.addGetterSetter(Qe,"direction",Be),F.addGetterSetter(Qe,"fontFamily","Arial"),F.addGetterSetter(Qe,"fontSize",12,M()),F.addGetterSetter(Qe,"fontStyle",We),F.addGetterSetter(Qe,"fontVariant",We),F.addGetterSetter(Qe,"padding",0,M()),F.addGetterSetter(Qe,"align",He),F.addGetterSetter(Qe,"verticalAlign","top"),F.addGetterSetter(Qe,"lineHeight",1,M()),F.addGetterSetter(Qe,"wrap","word"),F.addGetterSetter(Qe,"ellipsis",!1,D()),F.addGetterSetter(Qe,"letterSpacing",0,M()),F.addGetterSetter(Qe,"text","",E()),F.addGetterSetter(Qe,"textDecoration",""),F.addGetterSetter(Qe,"underlineOffset",void 0,M()),F.addGetterSetter(Qe,"charRenderFunc",void 0);const Je="normal";function $e(t){t.fillText(this.partialText,0,0)}function Ze(t){t.strokeText(this.partialText,0,0)}class ti extends Yt{constructor(t){super(t),this.dummyCanvas=p.createCanvasElement(),this.dataArray=[],this._readDataAttribute(),this.on("dataChange.konva",function(){this._readDataAttribute(),this._setTextData()}),this.on("textChange.konva alignChange.konva letterSpacingChange.konva kerningFuncChange.konva fontSizeChange.konva fontFamilyChange.konva directionChange.konva",this._setTextData),this._setTextData()}_getTextPathLength(){return _e.getPathLength(this.dataArray)}_getPointAtLength(t){if(!this.attrs.data)return null;return t>this.pathLength?null:_e.getPointAtLengthOfDataArray(t,this.dataArray)}_readDataAttribute(){this.dataArray=_e.parsePathData(this.attrs.data),this.pathLength=this._getTextPathLength()}_sceneFunc(t){t.setAttr("font",this._getContextFont()),t.setAttr("textBaseline",this.textBaseline()),t.setAttr("textAlign","left"),t.save();const e=this.textDecoration(),i=this.fill(),n=this.fontSize(),s=this.glyphInfo,r=-1!==e.indexOf("underline"),a=-1!==e.indexOf("line-through");r&&t.beginPath();for(let e=0;e<s.length;e++){t.save();const i=s[e].p0;t.translate(i.x,i.y),t.rotate(s[e].rotation),this.partialText=s[e].text,t.fillStrokeShape(this),r&&(0===e&&t.moveTo(0,n/2+1),t.lineTo(s[e].width,n/2+1)),t.restore()}if(r&&(t.strokeStyle=i,t.lineWidth=n/20,t.stroke()),a){t.beginPath();for(let e=0;e<s.length;e++){t.save();const i=s[e].p0;t.translate(i.x,i.y),t.rotate(s[e].rotation),0===e&&t.moveTo(0,0),t.lineTo(s[e].width,0),t.restore()}t.strokeStyle=i,t.lineWidth=n/20,t.stroke()}t.restore()}_hitFunc(t){t.beginPath();const e=this.glyphInfo;if(e.length>=1){const i=e[0].p0;t.moveTo(i.x,i.y)}for(let i=0;i<e.length;i++){const n=e[i].p1;t.lineTo(n.x,n.y)}t.setAttr("lineWidth",this.fontSize()),t.setAttr("strokeStyle",this.colorKey),t.stroke()}getTextWidth(){return this.textWidth}getTextHeight(){return p.warn("text.getTextHeight() method is deprecated. Use text.height() - for full height and text.fontSize() - for one line height."),this.textHeight}setText(t){return Qe.prototype.setText.call(this,t)}_getContextFont(){return Qe.prototype._getContextFont.call(this)}_getTextSize(t){const e=this.dummyCanvas.getContext("2d");e.save(),e.font=this._getContextFont();const i=e.measureText(t);return e.restore(),{width:i.width,height:parseInt(`${this.fontSize()}`,10)}}_setTextData(){const t=Oe(this.text());"rtl"===this.direction()&&t.reverse();const e=[];let i=0;for(let n=0;n<t.length;n++)e.push({char:t[n],width:this._getTextSize(t[n]).width}),i+=e[n].width;const{width:n,height:s}=this._getTextSize(this.attrs.text);if(this.textWidth=i,this.textHeight=s,this.glyphInfo=[],!this.attrs.data)return null;const r=this.letterSpacing(),a=this.align(),o=this.kerningFunc(),h=Math.max(0,i-n),l=Math.max(this.textWidth+((this.attrs.text||"").length-1)*r,0);let d=0;"center"===a&&(d=Math.max(0,this.pathLength/2-l/2)),"right"===a&&(d=Math.max(0,this.pathLength-l));let c=d;for(let i=0;i<e.length;i++){const n=this._getPointAtLength(c);if(!n)return;const s=e[i].char;let d=e[i].width+r;if(" "===s&&"justify"===a){const t=this.text().split(" ").length-1;d+=(this.pathLength-l)/t}const g=c+d,u=this._getPointAtLength(g>this.pathLength&&g-this.pathLength<=h?this.pathLength:g);if(!u)return;const f=_e.getLineLength(n.x,n.y,u.x,u.y);let p=0;if(o)try{p=o(e[i-1].char,s)*this.fontSize()}catch(t){p=0}n.x+=p,u.x+=p,this.textWidth+=p;const m=_e.getPointOnLine(p+f/2,n.x,n.y,u.x,u.y),_=Math.atan2(u.y-n.y,u.x-n.x);this.glyphInfo.push({transposeX:m.x,transposeY:m.y,text:t[i],rotation:_,p0:n,p1:u,width:f}),c+=d}}getSelfRect(){if(!this.glyphInfo.length)return{x:0,y:0,width:0,height:0};const t=[];this.glyphInfo.forEach(function(e){t.push(e.p0.x),t.push(e.p0.y),t.push(e.p1.x),t.push(e.p1.y)});let e,i,n=t[0]||0,s=t[0]||0,r=t[1]||0,a=t[1]||0;for(let o=0;o<t.length/2;o++)e=t[2*o],i=t[2*o+1],n=Math.min(n,e),s=Math.max(s,e),r=Math.min(r,i),a=Math.max(a,i);const o=this.fontSize();return{x:n-o/2,y:r-o/2,width:s-n+o,height:a-r+o}}destroy(){return p.releaseCanvas(this.dummyCanvas),super.destroy()}}ti.prototype._fillFunc=$e,ti.prototype._strokeFunc=Ze,ti.prototype._fillFuncHit=$e,ti.prototype._strokeFuncHit=Ze,ti.prototype.className="TextPath",ti.prototype._attrsAffectingSize=["text","fontSize","data"],n(ti),F.addGetterSetter(ti,"data"),F.addGetterSetter(ti,"fontFamily","Arial"),F.addGetterSetter(ti,"fontSize",12,M()),F.addGetterSetter(ti,"fontStyle",Je),F.addGetterSetter(ti,"align","left"),F.addGetterSetter(ti,"letterSpacing",0,M()),F.addGetterSetter(ti,"textBaseline","middle"),F.addGetterSetter(ti,"fontVariant",Je),F.addGetterSetter(ti,"text",""),F.addGetterSetter(ti,"textDecoration",""),F.addGetterSetter(ti,"kerningFunc",void 0),F.addGetterSetter(ti,"direction","inherit");const ei="tr-konva",ii=["resizeEnabledChange","rotateAnchorOffsetChange","rotateAnchorAngleChange","rotateEnabledChange","enabledAnchorsChange","anchorSizeChange","borderEnabledChange","borderStrokeChange","borderStrokeWidthChange","borderDashChange","anchorStrokeChange","anchorStrokeWidthChange","anchorFillChange","anchorCornerRadiusChange","ignoreStrokeChange","anchorStyleFuncChange"].map(t=>t+`.${ei}`).join(" "),ni="nodesRect",si=["widthChange","heightChange","scaleXChange","scaleYChange","skewXChange","skewYChange","rotationChange","offsetXChange","offsetYChange","transformsEnabledChange","strokeWidthChange","draggableChange"],ri={"top-left":-45,"top-center":0,"top-right":45,"middle-right":-90,"middle-left":90,"bottom-left":-135,"bottom-center":180,"bottom-right":135},ai="ontouchstart"in i._global;const oi=["top-left","top-center","top-right","middle-right","middle-left","bottom-left","bottom-center","bottom-right"];function hi(t,e,i){const n=i.x+(t.x-i.x)*Math.cos(e)-(t.y-i.y)*Math.sin(e),s=i.y+(t.x-i.x)*Math.sin(e)+(t.y-i.y)*Math.cos(e);return{...t,rotation:t.rotation+e,x:n,y:s}}function li(t,e){const i=function(t){return{x:t.x+t.width/2*Math.cos(t.rotation)+t.height/2*Math.sin(-t.rotation),y:t.y+t.height/2*Math.cos(t.rotation)+t.width/2*Math.sin(t.rotation)}}(t);return hi(t,e,i)}let di=0;class ci extends Kt{constructor(t){super(t),this._movingAnchorName=null,this._transforming=!1,this._elementsCreated=!1,this._createElements(),this._handleMouseMove=this._handleMouseMove.bind(this),this._handleMouseUp=this._handleMouseUp.bind(this),this.update=this.update.bind(this),this.on(ii,this.update),this.getNode()&&this.update()}attachTo(t){return this.setNode(t),this}setNode(t){return p.warn("tr.setNode(shape), tr.node(shape) and tr.attachTo(shape) methods are deprecated. Please use tr.nodes(nodesArray) instead."),this.setNodes([t])}getNode(){return this._nodes&&this._nodes[0]}_getEventNamespace(){return ei+this._id}setNodes(t=[]){this._nodes&&this._nodes.length&&this.detach();const e=t.filter(t=>!t.isAncestorOf(this)||(p.error("Konva.Transformer cannot be an a child of the node you are trying to attach"),!1));this._nodes=t=e,1===t.length&&this.useSingleNodeRotation()?this.rotation(t[0].getAbsoluteRotation()):this.rotation(0),this._nodes.forEach(t=>{const e=()=>{1===this.nodes().length&&this.useSingleNodeRotation()&&this.rotation(this.nodes()[0].getAbsoluteRotation()),this._resetTransformCache(),this._transforming||this.isDragging()||this.update()};if(t._attrsAffectingSize.length){const i=t._attrsAffectingSize.map(t=>t+"Change."+this._getEventNamespace()).join(" ");t.on(i,e)}t.on(si.map(t=>t+`.${this._getEventNamespace()}`).join(" "),e),t.on(`absoluteTransformChange.${this._getEventNamespace()}`,e),this._proxyDrag(t)}),this._resetTransformCache();return!!this.findOne(".top-left")&&this.update(),this}_proxyDrag(t){let e;t.on(`dragstart.${this._getEventNamespace()}`,i=>{e=t.getAbsolutePosition(),this.isDragging()||t===this.findOne(".back")||this.startDrag(i,!1)}),t.on(`dragmove.${this._getEventNamespace()}`,i=>{if(!e)return;const n=t.getAbsolutePosition(),s=n.x-e.x,r=n.y-e.y;this.nodes().forEach(e=>{if(e===t)return;if(e.isDragging())return;const n=e.getAbsolutePosition();e.setAbsolutePosition({x:n.x+s,y:n.y+r}),e.startDrag(i)}),e=null})}getNodes(){return this._nodes||[]}getActiveAnchor(){return this._movingAnchorName}detach(){this._nodes&&this._nodes.forEach(t=>{t.off("."+this._getEventNamespace())}),this._nodes=[],this._resetTransformCache()}_resetTransformCache(){this._clearCache(ni),this._clearCache("transform"),this._clearSelfAndDescendantCache("absoluteTransform")}_getNodeRect(){return this._getCache(ni,this.__getNodeRect)}__getNodeShape(t,e=this.rotation(),n){const s=t.getClientRect({skipTransform:!0,skipShadow:!0,skipStroke:this.ignoreStroke()}),r=t.getAbsoluteScale(n),a=t.getAbsolutePosition(n),o=s.x*r.x-t.offsetX()*r.x,h=s.y*r.y-t.offsetY()*r.y,l=(i.getAngle(t.getAbsoluteRotation())+2*Math.PI)%(2*Math.PI);return hi({x:a.x+o*Math.cos(l)+h*Math.sin(-l),y:a.y+h*Math.cos(l)+o*Math.sin(l),width:s.width*r.x,height:s.height*r.y,rotation:l},-i.getAngle(e),{x:0,y:0})}__getNodeRect(){if(!this.getNode())return{x:-1e8,y:-1e8,width:0,height:0,rotation:0};const t=[];this.nodes().map(e=>{const i=e.getClientRect({skipTransform:!0,skipShadow:!0,skipStroke:this.ignoreStroke()}),n=[{x:i.x,y:i.y},{x:i.x+i.width,y:i.y},{x:i.x+i.width,y:i.y+i.height},{x:i.x,y:i.y+i.height}],s=e.getAbsoluteTransform();n.forEach(function(e){const i=s.point(e);t.push(i)})});const e=new r;e.rotate(-i.getAngle(this.rotation()));let n=1/0,s=1/0,a=-1/0,o=-1/0;t.forEach(function(t){const i=e.point(t);void 0===n&&(n=a=i.x,s=o=i.y),n=Math.min(n,i.x),s=Math.min(s,i.y),a=Math.max(a,i.x),o=Math.max(o,i.y)}),e.invert();const h=e.point({x:n,y:s});return{x:h.x,y:h.y,width:a-n,height:o-s,rotation:i.getAngle(this.rotation())}}getX(){return this._getNodeRect().x}getY(){return this._getNodeRect().y}getWidth(){return this._getNodeRect().width}getHeight(){return this._getNodeRect().height}_createElements(){this._createBack(),oi.forEach(t=>{this._createAnchor(t)}),this._createAnchor("rotater"),this._elementsCreated=!0}_createAnchor(t){const e=new Re({stroke:"rgb(0, 161, 255)",fill:"white",strokeWidth:1,name:t+" _anchor",dragDistance:0,draggable:!0,hitStrokeWidth:ai?10:"auto"}),n=this;e.on("mousedown touchstart",function(t){n._handleMouseDown(t)}),e.on("dragstart",t=>{e.stopDrag(),t.cancelBubble=!0}),e.on("dragend",t=>{t.cancelBubble=!0}),e.on("mouseenter",()=>{const n=i.getAngle(this.rotation()),s=this.rotateAnchorCursor(),r=function(t,e,i){if("rotater"===t)return i;e+=p.degToRad(ri[t]||0);const n=(p.radToDeg(e)%360+360)%360;return p._inRange(n,337.5,360)||p._inRange(n,0,22.5)?"ns-resize":p._inRange(n,22.5,67.5)?"nesw-resize":p._inRange(n,67.5,112.5)?"ew-resize":p._inRange(n,112.5,157.5)?"nwse-resize":p._inRange(n,157.5,202.5)?"ns-resize":p._inRange(n,202.5,247.5)?"nesw-resize":p._inRange(n,247.5,292.5)?"ew-resize":p._inRange(n,292.5,337.5)?"nwse-resize":(p.error("Transformer has unknown angle for cursor detection: "+n),"pointer")}(t,n,s);e.getStage().content&&(e.getStage().content.style.cursor=r),this._cursorChange=!0}),e.on("mouseout",()=>{e.getStage().content&&(e.getStage().content.style.cursor=""),this._cursorChange=!1}),this.add(e)}_createBack(){const t=new Yt({name:"back",width:0,height:0,sceneFunc(t,e){const i=e.getParent(),n=i.padding(),s=e.width(),r=e.height();if(t.beginPath(),t.rect(-n,-n,s+2*n,r+2*n),i.rotateEnabled()&&i.rotateLineVisible()){const e=i.rotateAnchorAngle(),n=i.rotateAnchorOffset(),a=p.degToRad(e),o=Math.sin(a),h=-Math.cos(a),l=s/2,d=r/2;let c=1/0;h<0?c=Math.min(c,-d/h):h>0&&(c=Math.min(c,(r-d)/h)),o<0?c=Math.min(c,-l/o):o>0&&(c=Math.min(c,(s-l)/o));const g=l+o*c,u=d+h*c,f=p._sign(r),m=g+o*n*f,_=u+h*n*f;t.moveTo(g,u),t.lineTo(m,_)}t.fillStrokeShape(e)},hitFunc:(t,e)=>{if(!this.shouldOverdrawWholeArea())return;const i=this.padding();t.beginPath(),t.rect(-i,-i,e.width()+2*i,e.height()+2*i),t.fillStrokeShape(e)}});this.add(t),this._proxyDrag(t),t.on("dragstart",t=>{t.cancelBubble=!0}),t.on("dragmove",t=>{t.cancelBubble=!0}),t.on("dragend",t=>{t.cancelBubble=!0}),this.on("dragmove",t=>{this.update()})}_handleMouseDown(t){if(this._transforming)return;this._movingAnchorName=t.target.name().split(" ")[0];const e=this._getNodeRect(),i=e.width,n=e.height,s=Math.sqrt(Math.pow(i,2)+Math.pow(n,2));this.sin=Math.abs(n/s),this.cos=Math.abs(i/s),"undefined"!=typeof window&&(window.addEventListener("mousemove",this._handleMouseMove),window.addEventListener("touchmove",this._handleMouseMove),window.addEventListener("mouseup",this._handleMouseUp,!0),window.addEventListener("touchend",this._handleMouseUp,!0)),this._transforming=!0;const r=t.target.getAbsolutePosition(),a=t.target.getStage().getPointerPosition();this._anchorDragOffset={x:a.x-r.x,y:a.y-r.y},di++,this._fire("transformstart",{evt:t.evt,target:this.getNode()}),this._nodes.forEach(e=>{e._fire("transformstart",{evt:t.evt,target:e})})}_handleMouseMove(t){let e,n,s;const r=this.findOne("."+this._movingAnchorName),a=r.getStage();a.setPointersPositions(t);const o=a.getPointerPosition();let h={x:o.x-this._anchorDragOffset.x,y:o.y-this._anchorDragOffset.y};const l=r.getAbsolutePosition();this.anchorDragBoundFunc()&&(h=this.anchorDragBoundFunc()(l,h,t)),r.setAbsolutePosition(h);const d=r.getAbsolutePosition();if(l.x===d.x&&l.y===d.y)return;if("rotater"===this._movingAnchorName){const s=this._getNodeRect();e=r.x()-s.width/2,n=-r.y()+s.height/2;const a=i.getAngle(this.rotateAnchorAngle());let o=Math.atan2(-n,e)+Math.PI/2-a;s.height<0&&(o-=Math.PI);const h=i.getAngle(this.rotation())+o,l=i.getAngle(this.rotationSnapTolerance()),d=function(t,e,n){let s=e;for(let r=0;r<t.length;r++){const a=i.getAngle(t[r]),o=Math.abs(a-e)%(2*Math.PI);Math.min(o,2*Math.PI-o)<n&&(s=a)}return s}(this.rotationSnaps(),h,l),c=li(s,d-s.rotation);return void this._fitNodesInto(c,t)}const c=this.shiftBehavior();let g;g="inverted"===c?this.keepRatio()&&!t.shiftKey:"none"===c?this.keepRatio():this.keepRatio()||t.shiftKey;let u=this.centeredScaling()||t.altKey;if("top-left"===this._movingAnchorName){if(g){const t=u?{x:this.width()/2,y:this.height()/2}:{x:this.findOne(".bottom-right").x(),y:this.findOne(".bottom-right").y()};s=Math.sqrt(Math.pow(t.x-r.x(),2)+Math.pow(t.y-r.y(),2));const i=this.findOne(".top-left").x()>t.x?-1:1,a=this.findOne(".top-left").y()>t.y?-1:1;e=s*this.cos*i,n=s*this.sin*a,this.findOne(".top-left").x(t.x-e),this.findOne(".top-left").y(t.y-n)}}else if("top-center"===this._movingAnchorName)this.findOne(".top-left").y(r.y());else if("top-right"===this._movingAnchorName){if(g){const t=u?{x:this.width()/2,y:this.height()/2}:{x:this.findOne(".bottom-left").x(),y:this.findOne(".bottom-left").y()};s=Math.sqrt(Math.pow(r.x()-t.x,2)+Math.pow(t.y-r.y(),2));const i=this.findOne(".top-right").x()<t.x?-1:1,a=this.findOne(".top-right").y()>t.y?-1:1;e=s*this.cos*i,n=s*this.sin*a,this.findOne(".top-right").x(t.x+e),this.findOne(".top-right").y(t.y-n)}var f=r.position();this.findOne(".top-left").y(f.y),this.findOne(".bottom-right").x(f.x)}else if("middle-left"===this._movingAnchorName)this.findOne(".top-left").x(r.x());else if("middle-right"===this._movingAnchorName)this.findOne(".bottom-right").x(r.x());else if("bottom-left"===this._movingAnchorName){if(g){const t=u?{x:this.width()/2,y:this.height()/2}:{x:this.findOne(".top-right").x(),y:this.findOne(".top-right").y()};s=Math.sqrt(Math.pow(t.x-r.x(),2)+Math.pow(r.y()-t.y,2));const i=t.x<r.x()?-1:1,a=r.y()<t.y?-1:1;e=s*this.cos*i,n=s*this.sin*a,r.x(t.x-e),r.y(t.y+n)}f=r.position(),this.findOne(".top-left").x(f.x),this.findOne(".bottom-right").y(f.y)}else if("bottom-center"===this._movingAnchorName)this.findOne(".bottom-right").y(r.y());else if("bottom-right"===this._movingAnchorName){if(g){const t=u?{x:this.width()/2,y:this.height()/2}:{x:this.findOne(".top-left").x(),y:this.findOne(".top-left").y()};s=Math.sqrt(Math.pow(r.x()-t.x,2)+Math.pow(r.y()-t.y,2));const i=this.findOne(".bottom-right").x()<t.x?-1:1,a=this.findOne(".bottom-right").y()<t.y?-1:1;e=s*this.cos*i,n=s*this.sin*a,this.findOne(".bottom-right").x(t.x+e),this.findOne(".bottom-right").y(t.y+n)}}else console.error(new Error("Wrong position argument of selection resizer: "+this._movingAnchorName));if(u=this.centeredScaling()||t.altKey,u){const t=this.findOne(".top-left"),e=this.findOne(".bottom-right"),i=t.x(),n=t.y(),s=this.getWidth()-e.x(),r=this.getHeight()-e.y();e.move({x:-i,y:-n}),t.move({x:s,y:r})}const p=this.findOne(".top-left").getAbsolutePosition();e=p.x,n=p.y;const m=this.findOne(".bottom-right").x()-this.findOne(".top-left").x(),_=this.findOne(".bottom-right").y()-this.findOne(".top-left").y();this._fitNodesInto({x:e,y:n,width:m,height:_,rotation:i.getAngle(this.rotation())},t)}_handleMouseUp(t){this._removeEvents(t)}getAbsoluteTransform(){return this.getTransform()}_removeEvents(t){var e;if(this._transforming){this._transforming=!1,"undefined"!=typeof window&&(window.removeEventListener("mousemove",this._handleMouseMove),window.removeEventListener("touchmove",this._handleMouseMove),window.removeEventListener("mouseup",this._handleMouseUp,!0),window.removeEventListener("touchend",this._handleMouseUp,!0));const i=this.getNode();di--,this._fire("transformend",{evt:t,target:i}),null===(e=this.getLayer())||void 0===e||e.batchDraw(),i&&this._nodes.forEach(e=>{var i;e._fire("transformend",{evt:t,target:e}),null===(i=e.getLayer())||void 0===i||i.batchDraw()}),this._movingAnchorName=null}}_fitNodesInto(t,e){const n=this._getNodeRect();if(p._inRange(t.width,2*-this.padding()-1,1))return void this.update();if(p._inRange(t.height,2*-this.padding()-1,1))return void this.update();const s=new r;if(s.rotate(i.getAngle(this.rotation())),this._movingAnchorName&&t.width<0&&this._movingAnchorName.indexOf("left")>=0){const e=s.point({x:2*-this.padding(),y:0});t.x+=e.x,t.y+=e.y,t.width+=2*this.padding(),this._movingAnchorName=this._movingAnchorName.replace("left","right"),this._anchorDragOffset.x-=e.x,this._anchorDragOffset.y-=e.y}else if(this._movingAnchorName&&t.width<0&&this._movingAnchorName.indexOf("right")>=0){const e=s.point({x:2*this.padding(),y:0});this._movingAnchorName=this._movingAnchorName.replace("right","left"),this._anchorDragOffset.x-=e.x,this._anchorDragOffset.y-=e.y,t.width+=2*this.padding()}if(this._movingAnchorName&&t.height<0&&this._movingAnchorName.indexOf("top")>=0){const e=s.point({x:0,y:2*-this.padding()});t.x+=e.x,t.y+=e.y,this._movingAnchorName=this._movingAnchorName.replace("top","bottom"),this._anchorDragOffset.x-=e.x,this._anchorDragOffset.y-=e.y,t.height+=2*this.padding()}else if(this._movingAnchorName&&t.height<0&&this._movingAnchorName.indexOf("bottom")>=0){const e=s.point({x:0,y:2*this.padding()});this._movingAnchorName=this._movingAnchorName.replace("bottom","top"),this._anchorDragOffset.x-=e.x,this._anchorDragOffset.y-=e.y,t.height+=2*this.padding()}if(this.boundBoxFunc()){const e=this.boundBoxFunc()(n,t);e?t=e:p.warn("boundBoxFunc returned falsy. You should return new bound rect from it!")}const a=1e7,o=new r;o.translate(n.x,n.y),o.rotate(n.rotation),o.scale(n.width/a,n.height/a);const h=new r,l=t.width/a,d=t.height/a;!1===this.flipEnabled()?(h.translate(t.x,t.y),h.rotate(t.rotation),h.translate(t.width<0?t.width:0,t.height<0?t.height:0),h.scale(Math.abs(l),Math.abs(d))):(h.translate(t.x,t.y),h.rotate(t.rotation),h.scale(l,d));const c=h.multiply(o.invert());this._nodes.forEach(t=>{var e;if(!t.getStage())return;const i=t.getParent().getAbsoluteTransform(),n=t.getTransform().copy();n.translate(t.offsetX(),t.offsetY());const s=new r;s.multiply(i.copy().invert()).multiply(c).multiply(i).multiply(n);const a=s.decompose();t.setAttrs(a),null===(e=t.getLayer())||void 0===e||e.batchDraw()}),this.rotation(p._getRotation(t.rotation)),this._nodes.forEach(t=>{this._fire("transform",{evt:e,target:t}),t._fire("transform",{evt:e,target:t})}),this._resetTransformCache(),this.update(),this.getLayer().batchDraw()}forceUpdate(){this._resetTransformCache(),this.update()}_batchChangeChild(t,e){this.findOne(t).setAttrs(e)}update(){var t;const e=this._getNodeRect();this.rotation(p._getRotation(e.rotation));const i=e.width,n=e.height,s=this.enabledAnchors(),r=this.resizeEnabled(),a=this.padding(),o=this.anchorSize(),h=this.find("._anchor");h.forEach(t=>{t.setAttrs({width:o,height:o,offsetX:o/2,offsetY:o/2,stroke:this.anchorStroke(),strokeWidth:this.anchorStrokeWidth(),fill:this.anchorFill(),cornerRadius:this.anchorCornerRadius()})}),this._batchChangeChild(".top-left",{x:0,y:0,offsetX:o/2+a,offsetY:o/2+a,visible:r&&s.indexOf("top-left")>=0}),this._batchChangeChild(".top-center",{x:i/2,y:0,offsetY:o/2+a,visible:r&&s.indexOf("top-center")>=0}),this._batchChangeChild(".top-right",{x:i,y:0,offsetX:o/2-a,offsetY:o/2+a,visible:r&&s.indexOf("top-right")>=0}),this._batchChangeChild(".middle-left",{x:0,y:n/2,offsetX:o/2+a,visible:r&&s.indexOf("middle-left")>=0}),this._batchChangeChild(".middle-right",{x:i,y:n/2,offsetX:o/2-a,visible:r&&s.indexOf("middle-right")>=0}),this._batchChangeChild(".bottom-left",{x:0,y:n,offsetX:o/2+a,offsetY:o/2-a,visible:r&&s.indexOf("bottom-left")>=0}),this._batchChangeChild(".bottom-center",{x:i/2,y:n,offsetY:o/2-a,visible:r&&s.indexOf("bottom-center")>=0}),this._batchChangeChild(".bottom-right",{x:i,y:n,offsetX:o/2-a,offsetY:o/2-a,visible:r&&s.indexOf("bottom-right")>=0});const l=this.rotateAnchorAngle(),d=this.rotateAnchorOffset(),c=p.degToRad(l),g=Math.sin(c),u=-Math.cos(c),f=i/2,m=n/2;let _=1/0;u<0?_=Math.min(_,-m/u):u>0&&(_=Math.min(_,(n-m)/u)),g<0?_=Math.min(_,-f/g):g>0&&(_=Math.min(_,(i-f)/g));const y=f+g*_,v=m+u*_,x=p._sign(n);this._batchChangeChild(".rotater",{x:y+g*d*x,y:v+u*d*x-a*u,visible:this.rotateEnabled()}),this._batchChangeChild(".back",{width:i,height:n,visible:this.borderEnabled(),stroke:this.borderStroke(),strokeWidth:this.borderStrokeWidth(),dash:this.borderDash(),draggable:this.nodes().some(t=>t.draggable()),x:0,y:0});const b=this.anchorStyleFunc();b&&h.forEach(t=>{b(t)}),null===(t=this.getLayer())||void 0===t||t.batchDraw()}isTransforming(){return this._transforming}stopTransform(){if(this._transforming){this._removeEvents();const t=this.findOne("."+this._movingAnchorName);t&&t.stopDrag()}}destroy(){return this.getStage()&&this._cursorChange&&this.getStage().content&&(this.getStage().content.style.cursor=""),Kt.prototype.destroy.call(this),this.detach(),this._removeEvents(),this}add(...t){return this._elementsCreated?(p.error("You cannot add external nodes to the Transformer. Use tr.nodes([node]) instead."),this):super.add(...t)}toObject(){return $.prototype.toObject.call(this)}clone(t){return $.prototype.clone.call(this,t)}getClientRect(){return this.nodes().length>0?super.getClientRect():{x:0,y:0,width:0,height:0}}}ci.isTransforming=()=>di>0,ci.prototype.className="Transformer",n(ci),F.addGetterSetter(ci,"enabledAnchors",oi,function(t){return t instanceof Array||p.warn("enabledAnchors value should be an array"),t instanceof Array&&t.forEach(function(t){-1===oi.indexOf(t)&&p.warn("Unknown anchor name: "+t+". Available names are: "+oi.join(", "))}),t||[]}),F.addGetterSetter(ci,"flipEnabled",!0,D()),F.addGetterSetter(ci,"resizeEnabled",!0),F.addGetterSetter(ci,"anchorSize",10,M()),F.addGetterSetter(ci,"rotateEnabled",!0),F.addGetterSetter(ci,"rotateLineVisible",!0),F.addGetterSetter(ci,"rotationSnaps",[]),F.addGetterSetter(ci,"rotateAnchorOffset",50,M()),F.addGetterSetter(ci,"rotateAnchorAngle",0,M()),F.addGetterSetter(ci,"rotateAnchorCursor","crosshair"),F.addGetterSetter(ci,"rotationSnapTolerance",5,M()),F.addGetterSetter(ci,"borderEnabled",!0),F.addGetterSetter(ci,"anchorStroke","rgb(0, 161, 255)"),F.addGetterSetter(ci,"anchorStrokeWidth",1,M()),F.addGetterSetter(ci,"anchorFill","white"),F.addGetterSetter(ci,"anchorCornerRadius",0,M()),F.addGetterSetter(ci,"borderStroke","rgb(0, 161, 255)"),F.addGetterSetter(ci,"borderStrokeWidth",1,M()),F.addGetterSetter(ci,"borderDash"),F.addGetterSetter(ci,"keepRatio",!0),F.addGetterSetter(ci,"shiftBehavior","default"),F.addGetterSetter(ci,"centeredScaling",!1),F.addGetterSetter(ci,"ignoreStroke",!1),F.addGetterSetter(ci,"padding",0,M()),F.addGetterSetter(ci,"nodes"),F.addGetterSetter(ci,"node"),F.addGetterSetter(ci,"boundBoxFunc"),F.addGetterSetter(ci,"anchorDragBoundFunc"),F.addGetterSetter(ci,"anchorStyleFunc"),F.addGetterSetter(ci,"shouldOverdrawWholeArea",!1),F.addGetterSetter(ci,"useSingleNodeRotation",!0),F.backCompat(ci,{lineEnabled:"borderEnabled",rotateHandlerOffset:"rotateAnchorOffset",enabledHandlers:"enabledAnchors"});class gi extends Yt{_sceneFunc(t){t.beginPath(),t.arc(0,0,this.radius(),0,i.getAngle(this.angle()),this.clockwise()),t.lineTo(0,0),t.closePath(),t.fillStrokeShape(this)}getWidth(){return 2*this.radius()}getHeight(){return 2*this.radius()}setWidth(t){this.radius(t/2)}setHeight(t){this.radius(t/2)}}
+/*
+
+       StackBlur - a fast almost Gaussian Blur For Canvas
+
+       Version:   0.5
+       Author:    Mario Klingemann
+       Contact:   mario@quasimondo.com
+       Website:   http://www.quasimondo.com/StackBlurForCanvas
+       Twitter:   @quasimondo
+
+       In case you find this class useful - especially in commercial projects -
+       I am not totally unhappy for a small donation to my PayPal account
+       mario@quasimondo.de
+
+       Or support me on flattr:
+       https://flattr.com/thing/72791/StackBlur-a-fast-almost-Gaussian-Blur-Effect-for-CanvasJavascript
+
+       Copyright (c) 2010 Mario Klingemann
+
+       Permission is hereby granted, free of charge, to any person
+       obtaining a copy of this software and associated documentation
+       files (the "Software"), to deal in the Software without
+       restriction, including without limitation the rights to use,
+       copy, modify, merge, publish, distribute, sublicense, and/or sell
+       copies of the Software, and to permit persons to whom the
+       Software is furnished to do so, subject to the following
+       conditions:
+
+       The above copyright notice and this permission notice shall be
+       included in all copies or substantial portions of the Software.
+
+       THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+       EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+       OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+       NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+       HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+       WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+       FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+       OTHER DEALINGS IN THE SOFTWARE.
+       * @license MIT
+       */
+function ui(){this.r=0,this.g=0,this.b=0,this.a=0,this.next=null}gi.prototype.className="Wedge",gi.prototype._centroid=!0,gi.prototype._attrsAffectingSize=["radius"],n(gi),F.addGetterSetter(gi,"radius",0,M()),F.addGetterSetter(gi,"angle",0,M()),F.addGetterSetter(gi,"clockwise",!1),F.backCompat(gi,{angleDeg:"angle",getAngleDeg:"getAngle",setAngleDeg:"setAngle"});const fi=[512,512,456,512,328,456,335,512,405,328,271,456,388,335,292,512,454,405,364,328,298,271,496,456,420,388,360,335,312,292,273,512,482,454,428,405,383,364,345,328,312,298,284,271,259,496,475,456,437,420,404,388,374,360,347,335,323,312,302,292,282,273,265,512,497,482,468,454,441,428,417,405,394,383,373,364,354,345,337,328,320,312,305,298,291,284,278,271,265,259,507,496,485,475,465,456,446,437,428,420,412,404,396,388,381,374,367,360,354,347,341,335,329,323,318,312,307,302,297,292,287,282,278,273,269,265,261,512,505,497,489,482,475,468,461,454,447,441,435,428,422,417,411,405,399,394,389,383,378,373,368,364,359,354,350,345,341,337,332,328,324,320,316,312,309,305,301,298,294,291,287,284,281,278,274,271,268,265,262,259,257,507,501,496,491,485,480,475,470,465,460,456,451,446,442,437,433,428,424,420,416,412,408,404,400,396,392,388,385,381,377,374,370,367,363,360,357,354,350,347,344,341,338,335,332,329,326,323,320,318,315,312,310,307,304,302,299,297,294,292,289,287,285,282,280,278,275,273,271,269,267,265,263,261,259],pi=[9,11,12,13,13,14,14,15,15,15,15,16,16,16,16,17,17,17,17,17,17,17,18,18,18,18,18,18,18,18,18,19,19,19,19,19,19,19,19,19,19,19,19,19,19,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24];F.addGetterSetter($,"blurRadius",0,M(),F.afterSetFilter);F.addGetterSetter($,"brightness",0,M(),F.afterSetFilter);F.addGetterSetter($,"contrast",0,M(),F.afterSetFilter);function mi(t,e,i,n,s){const r=i-e,a=s-n;if(0===r)return n+a/2;if(0===a)return n;let o=(t-e)/r;return o=a*o+n,o}F.addGetterSetter($,"embossStrength",.5,M(),F.afterSetFilter),F.addGetterSetter($,"embossWhiteLevel",.5,M(),F.afterSetFilter),F.addGetterSetter($,"embossDirection","top-left",void 0,F.afterSetFilter),F.addGetterSetter($,"embossBlend",!1,void 0,F.afterSetFilter);F.addGetterSetter($,"enhance",0,M(),F.afterSetFilter);F.addGetterSetter($,"hue",0,M(),F.afterSetFilter),F.addGetterSetter($,"saturation",0,M(),F.afterSetFilter),F.addGetterSetter($,"luminance",0,M(),F.afterSetFilter);F.addGetterSetter($,"hue",0,M(),F.afterSetFilter),F.addGetterSetter($,"saturation",0,M(),F.afterSetFilter),F.addGetterSetter($,"value",0,M(),F.afterSetFilter);function _i(t,e,i){let n=4*(i*t.width+e);const s=[];return s.push(t.data[n++],t.data[n++],t.data[n++],t.data[n++]),s}function yi(t,e){return Math.sqrt(Math.pow(t[0]-e[0],2)+Math.pow(t[1]-e[1],2)+Math.pow(t[2]-e[2],2))}F.addGetterSetter($,"kaleidoscopePower",2,M(),F.afterSetFilter),F.addGetterSetter($,"kaleidoscopeAngle",0,M(),F.afterSetFilter);F.addGetterSetter($,"threshold",0,M(),F.afterSetFilter);F.addGetterSetter($,"noise",.2,M(),F.afterSetFilter);F.addGetterSetter($,"pixelSize",8,M(),F.afterSetFilter);F.addGetterSetter($,"levels",.5,M(),F.afterSetFilter);F.addGetterSetter($,"red",0,function(t){return this._filterUpToDate=!1,t>255?255:t<0?0:Math.round(t)}),F.addGetterSetter($,"green",0,function(t){return this._filterUpToDate=!1,t>255?255:t<0?0:Math.round(t)}),F.addGetterSetter($,"blue",0,T,F.afterSetFilter);F.addGetterSetter($,"red",0,function(t){return this._filterUpToDate=!1,t>255?255:t<0?0:Math.round(t)}),F.addGetterSetter($,"green",0,function(t){return this._filterUpToDate=!1,t>255?255:t<0?0:Math.round(t)}),F.addGetterSetter($,"blue",0,T,F.afterSetFilter),F.addGetterSetter($,"alpha",1,function(t){return this._filterUpToDate=!1,t>1?1:t<0?0:t});F.addGetterSetter($,"threshold",.5,M(),F.afterSetFilter);return ne.Util._assign(ne,{Arc:se,Arrow:ye,Circle:ve,Ellipse:xe,Image:be,Label:Te,Tag:Me,Line:he,Path:_e,Rect:Re,RegularPolygon:Ge,Ring:Le,Sprite:De,Star:Ie,Text:Qe,TextPath:ti,Transformer:ci,Wedge:gi,Filters:{Blur:function(t){const e=Math.round(this.blurRadius());e>0&&function(t,e){const i=t.data,n=t.width,s=t.height;let r,a,o,h,l,d,c,g,u,f,p,m,_,y,v,x,b,S,w,C;const k=e+e+1,P=n-1,A=s-1,T=e+1,M=T*(T+1)/2,R=new ui,G=fi[e],E=pi[e];let L=null,D=R,I=null,O=null;for(let t=1;t<k;t++)D=D.next=new ui,t===T&&(L=D);D.next=R,o=a=0;for(let t=0;t<s;t++){m=_=y=v=h=l=d=c=0,g=T*(x=i[a]),u=T*(b=i[a+1]),f=T*(S=i[a+2]),p=T*(w=i[a+3]),h+=M*x,l+=M*b,d+=M*S,c+=M*w,D=R;for(let t=0;t<T;t++)D.r=x,D.g=b,D.b=S,D.a=w,D=D.next;for(let t=1;t<T;t++)r=a+((P<t?P:t)<<2),h+=(D.r=x=i[r])*(C=T-t),l+=(D.g=b=i[r+1])*C,d+=(D.b=S=i[r+2])*C,c+=(D.a=w=i[r+3])*C,m+=x,_+=b,y+=S,v+=w,D=D.next;I=R,O=L;for(let t=0;t<n;t++)i[a+3]=w=c*G>>E,0!==w?(w=255/w,i[a]=(h*G>>E)*w,i[a+1]=(l*G>>E)*w,i[a+2]=(d*G>>E)*w):i[a]=i[a+1]=i[a+2]=0,h-=g,l-=u,d-=f,c-=p,g-=I.r,u-=I.g,f-=I.b,p-=I.a,r=o+((r=t+e+1)<P?r:P)<<2,m+=I.r=i[r],_+=I.g=i[r+1],y+=I.b=i[r+2],v+=I.a=i[r+3],h+=m,l+=_,d+=y,c+=v,I=I.next,g+=x=O.r,u+=b=O.g,f+=S=O.b,p+=w=O.a,m-=x,_-=b,y-=S,v-=w,O=O.next,a+=4;o+=n}for(let t=0;t<n;t++){_=y=v=m=l=d=c=h=0,a=t<<2,g=T*(x=i[a]),u=T*(b=i[a+1]),f=T*(S=i[a+2]),p=T*(w=i[a+3]),h+=M*x,l+=M*b,d+=M*S,c+=M*w,D=R;for(let t=0;t<T;t++)D.r=x,D.g=b,D.b=S,D.a=w,D=D.next;let o=n;for(let s=1;s<=e;s++)a=o+t<<2,h+=(D.r=x=i[a])*(C=T-s),l+=(D.g=b=i[a+1])*C,d+=(D.b=S=i[a+2])*C,c+=(D.a=w=i[a+3])*C,m+=x,_+=b,y+=S,v+=w,D=D.next,s<A&&(o+=n);a=t,I=R,O=L;for(let e=0;e<s;e++)r=a<<2,i[r+3]=w=c*G>>E,w>0?(w=255/w,i[r]=(h*G>>E)*w,i[r+1]=(l*G>>E)*w,i[r+2]=(d*G>>E)*w):i[r]=i[r+1]=i[r+2]=0,h-=g,l-=u,d-=f,c-=p,g-=I.r,u-=I.g,f-=I.b,p-=I.a,r=t+((r=e+T)<A?r:A)*n<<2,h+=m+=I.r=i[r],l+=_+=I.g=i[r+1],d+=y+=I.b=i[r+2],c+=v+=I.a=i[r+3],I=I.next,g+=x=O.r,u+=b=O.g,f+=S=O.b,p+=w=O.a,m-=x,_-=b,y-=S,v-=w,O=O.next,a+=n}}(t,e)},Brightness:function(t){const e=this.brightness(),i=t.data,n=i.length;for(let t=0;t<n;t+=4)i[t]=Math.min(255,i[t]*e),i[t+1]=Math.min(255,i[t+1]*e),i[t+2]=Math.min(255,i[t+2]*e)},Brighten:function(t){const e=255*this.brightness(),i=t.data,n=i.length;for(let t=0;t<n;t+=4)i[t]+=e,i[t+1]+=e,i[t+2]+=e},Contrast:function(t){const e=Math.pow((this.contrast()+100)/100,2),i=t.data,n=i.length;let s=150,r=150,a=150;for(let t=0;t<n;t+=4)s=i[t],r=i[t+1],a=i[t+2],s/=255,s-=.5,s*=e,s+=.5,s*=255,r/=255,r-=.5,r*=e,r+=.5,r*=255,a/=255,a-=.5,a*=e,a+=.5,a*=255,s=s<0?0:s>255?255:s,r=r<0?0:r>255?255:r,a=a<0?0:a>255?255:a,i[t]=s,i[t+1]=r,i[t+2]=a},Emboss:function(t){var e,i,n,s,r,a,o,h,l;const d=t.data,c=t.width,g=t.height,u=Math.min(1,Math.max(0,null!==(i=null===(e=this.embossStrength)||void 0===e?void 0:e.call(this))&&void 0!==i?i:.5)),f=Math.min(1,Math.max(0,null!==(s=null===(n=this.embossWhiteLevel)||void 0===n?void 0:n.call(this))&&void 0!==s?s:.5)),p=null!==(o={"top-left":315,top:270,"top-right":225,right:180,"bottom-right":135,bottom:90,"bottom-left":45,left:0}[null!==(a=null===(r=this.embossDirection)||void 0===r?void 0:r.call(this))&&void 0!==a?a:"top-left"])&&void 0!==o?o:315,m=!(null===(l=null===(h=this.embossBlend)||void 0===h?void 0:h.call(this))||void 0===l||!l),_=10*u,y=255*f,v=p*Math.PI/180,x=Math.cos(v),b=Math.sin(v),S=128/1020*_,w=new Uint8ClampedArray(d),C=new Float32Array(c*g);for(let t=0,e=0;e<d.length;e+=4,t++)C[t]=.2126*w[e]+.7152*w[e+1]+.0722*w[e+2];const k=[-1,0,1,-2,0,2,-1,0,1],P=[-1,-2,-1,0,0,0,1,2,1],A=[-c-1,-c,1-c,-1,0,1,c-1,c,c+1],T=t=>t<0?0:t>255?255:t;for(let t=1;t<g-1;t++)for(let e=1;e<c-1;e++){const i=t*c+e;let n=0,s=0;n+=C[i+A[0]]*k[0],s+=C[i+A[0]]*P[0],n+=C[i+A[1]]*k[1],s+=C[i+A[1]]*P[1],n+=C[i+A[2]]*k[2],s+=C[i+A[2]]*P[2],n+=C[i+A[3]]*k[3],s+=C[i+A[3]]*P[3],n+=C[i+A[5]]*k[5],s+=C[i+A[5]]*P[5],n+=C[i+A[6]]*k[6],s+=C[i+A[6]]*P[6],n+=C[i+A[7]]*k[7],s+=C[i+A[7]]*P[7],n+=C[i+A[8]]*k[8],s+=C[i+A[8]]*P[8];const r=T(y+(x*n+b*s)*S),a=4*i;if(m){const t=r-y;d[a]=T(w[a]+t),d[a+1]=T(w[a+1]+t),d[a+2]=T(w[a+2]+t),d[a+3]=w[a+3]}else d[a]=d[a+1]=d[a+2]=r,d[a+3]=w[a+3]}for(let t=0;t<c;t++){let e=4*t,i=4*((g-1)*c+t);d[e]=w[e],d[e+1]=w[e+1],d[e+2]=w[e+2],d[e+3]=w[e+3],d[i]=w[i],d[i+1]=w[i+1],d[i+2]=w[i+2],d[i+3]=w[i+3]}for(let t=1;t<g-1;t++){let e=t*c*4,i=4*(t*c+(c-1));d[e]=w[e],d[e+1]=w[e+1],d[e+2]=w[e+2],d[e+3]=w[e+3],d[i]=w[i],d[i+1]=w[i+1],d[i+2]=w[i+2],d[i+3]=w[i+3]}return t},Enhance:function(t){const e=t.data,i=e.length;let n,s,r,a=e[0],o=a,h=e[1],l=h,d=e[2],c=d;const g=this.enhance();if(0===g)return;for(let t=0;t<i;t+=4)n=e[t+0],n<a?a=n:n>o&&(o=n),s=e[t+1],s<h?h=s:s>l&&(l=s),r=e[t+2],r<d?d=r:r>c&&(c=r);let u,f,p,m,_,y;if(o===a&&(o=255,a=0),l===h&&(l=255,h=0),c===d&&(c=255,d=0),g>0)u=o+g*(255-o),f=a-g*(a-0),p=l+g*(255-l),m=h-g*(h-0),_=c+g*(255-c),y=d-g*(d-0);else{const t=.5*(o+a);u=o+g*(o-t),f=a+g*(a-t);const e=.5*(l+h);p=l+g*(l-e),m=h+g*(h-e);const i=.5*(c+d);_=c+g*(c-i),y=d+g*(d-i)}for(let t=0;t<i;t+=4)e[t+0]=mi(e[t+0],a,o,f,u),e[t+1]=mi(e[t+1],h,l,m,p),e[t+2]=mi(e[t+2],d,c,y,_)},Grayscale:function(t){const e=t.data,i=e.length;for(let t=0;t<i;t+=4){const i=.34*e[t]+.5*e[t+1]+.16*e[t+2];e[t]=i,e[t+1]=i,e[t+2]=i}},HSL:function(t){const e=t.data,i=e.length,n=Math.pow(2,this.saturation()),s=Math.abs(this.hue()+360)%360,r=127*this.luminance(),a=1*n*Math.cos(s*Math.PI/180),o=1*n*Math.sin(s*Math.PI/180),h=.299+.701*a+.167*o,l=.587-.587*a+.33*o,d=.114-.114*a-.497*o,c=.299-.299*a-.328*o,g=.587+.413*a+.035*o,u=.114-.114*a+.293*o,f=.299-.3*a+1.25*o,p=.587-.586*a-1.05*o,m=.114+.886*a-.2*o;let _,y,v,x;for(let t=0;t<i;t+=4)_=e[t+0],y=e[t+1],v=e[t+2],x=e[t+3],e[t+0]=h*_+l*y+d*v+r,e[t+1]=c*_+g*y+u*v+r,e[t+2]=f*_+p*y+m*v+r,e[t+3]=x},HSV:function(t){const e=t.data,i=e.length,n=Math.pow(2,this.value()),s=Math.pow(2,this.saturation()),r=Math.abs(this.hue()+360)%360,a=n*s*Math.cos(r*Math.PI/180),o=n*s*Math.sin(r*Math.PI/180),h=.299*n+.701*a+.167*o,l=.587*n-.587*a+.33*o,d=.114*n-.114*a-.497*o,c=.299*n-.299*a-.328*o,g=.587*n+.413*a+.035*o,u=.114*n-.114*a+.293*o,f=.299*n-.3*a+1.25*o,p=.587*n-.586*a-1.05*o,m=.114*n+.886*a-.2*o;for(let t=0;t<i;t+=4){const i=e[t+0],n=e[t+1],s=e[t+2],r=e[t+3];e[t+0]=h*i+l*n+d*s,e[t+1]=c*i+g*n+u*s,e[t+2]=f*i+p*n+m*s,e[t+3]=r}},Invert:function(t){const e=t.data,i=e.length;for(let t=0;t<i;t+=4)e[t]=255-e[t],e[t+1]=255-e[t+1],e[t+2]=255-e[t+2]},Kaleidoscope:function(t){const e=t.width,i=t.height;let n,s,r,a,o,h,l,d,c,g,u=Math.round(this.kaleidoscopePower());const f=Math.round(this.kaleidoscopeAngle()),m=Math.floor(e*(f%360)/360);if(u<1)return;const _=p.createCanvasElement();_.width=e,_.height=i;const y=_.getContext("2d").getImageData(0,0,e,i);p.releaseCanvas(_),function(t,e,i){const n=t.data,s=e.data,r=t.width,a=t.height,o=i.polarCenterX||r/2,h=i.polarCenterY||a/2;let l=Math.sqrt(o*o+h*h),d=r-o,c=a-h;const g=Math.sqrt(d*d+c*c);l=g>l?g:l;const u=a,f=r,p=360/f*Math.PI/180;for(let t=0;t<f;t+=1){const e=Math.sin(t*p),i=Math.cos(t*p);for(let a=0;a<u;a+=1){d=Math.floor(o+l*a/u*i),c=Math.floor(h+l*a/u*e);let g=4*(c*r+d);const f=n[g+0],p=n[g+1],m=n[g+2],_=n[g+3];g=4*(t+a*r),s[g+0]=f,s[g+1]=p,s[g+2]=m,s[g+3]=_}}}(t,y,{polarCenterX:e/2,polarCenterY:i/2});let v=e/Math.pow(2,u);for(;v<=8;)v*=2,u-=1;v=Math.ceil(v);let x=v,b=0,S=x,w=1;for(m+v>e&&(b=x,S=0,w=-1),s=0;s<i;s+=1)for(n=b;n!==S;n+=w)r=Math.round(n+m)%e,c=4*(e*s+r),o=y.data[c+0],h=y.data[c+1],l=y.data[c+2],d=y.data[c+3],g=4*(e*s+n),y.data[g+0]=o,y.data[g+1]=h,y.data[g+2]=l,y.data[g+3]=d;for(s=0;s<i;s+=1)for(x=Math.floor(v),a=0;a<u;a+=1){for(n=0;n<x+1;n+=1)c=4*(e*s+n),o=y.data[c+0],h=y.data[c+1],l=y.data[c+2],d=y.data[c+3],g=4*(e*s+2*x-n-1),y.data[g+0]=o,y.data[g+1]=h,y.data[g+2]=l,y.data[g+3]=d;x*=2}!function(t,e,i){const n=t.data,s=e.data,r=t.width,a=t.height,o=i.polarCenterX||r/2,h=i.polarCenterY||a/2;let l=Math.sqrt(o*o+h*h),d=r-o,c=a-h;const g=Math.sqrt(d*d+c*c);l=g>l?g:l;const u=a,f=r;let p,m;for(d=0;d<r;d+=1)for(c=0;c<a;c+=1){const t=d-o,e=c-h,i=Math.sqrt(t*t+e*e)*u/l;let a=(180*Math.atan2(e,t)/Math.PI+360+0)%360;a=a*f/360,p=Math.floor(a),m=Math.floor(i);let g=4*(m*r+p);const _=n[g+0],y=n[g+1],v=n[g+2],x=n[g+3];g=4*(c*r+d),s[g+0]=_,s[g+1]=y,s[g+2]=v,s[g+3]=x}}(y,t,{})},Mask:function(t){let e=function(t,e){const i=_i(t,0,0),n=_i(t,t.width-1,0),s=_i(t,0,t.height-1),r=_i(t,t.width-1,t.height-1),a=e||10;if(yi(i,n)<a&&yi(n,r)<a&&yi(r,s)<a&&yi(s,i)<a){const e=function(t){const e=[0,0,0];for(let i=0;i<t.length;i++)e[0]+=t[i][0],e[1]+=t[i][1],e[2]+=t[i][2];return e[0]/=t.length,e[1]/=t.length,e[2]/=t.length,e}([n,i,r,s]),o=[];for(let i=0;i<t.width*t.height;i++){const n=yi(e,[t.data[4*i],t.data[4*i+1],t.data[4*i+2]]);o[i]=n<a?0:255}return o}}(t,this.threshold());return e&&(e=function(t,e,i){const n=[1,1,1,1,0,1,1,1,1],s=Math.round(Math.sqrt(n.length)),r=Math.floor(s/2),a=[];for(let o=0;o<i;o++)for(let h=0;h<e;h++){const l=o*e+h;let d=0;for(let a=0;a<s;a++)for(let l=0;l<s;l++){const c=o+a-r,g=h+l-r;if(c>=0&&c<i&&g>=0&&g<e){const i=n[a*s+l];d+=t[c*e+g]*i}}a[l]=2040===d?255:0}return a}(e,t.width,t.height),e=function(t,e,i){const n=[1,1,1,1,1,1,1,1,1],s=Math.round(Math.sqrt(n.length)),r=Math.floor(s/2),a=[];for(let o=0;o<i;o++)for(let h=0;h<e;h++){const l=o*e+h;let d=0;for(let a=0;a<s;a++)for(let l=0;l<s;l++){const c=o+a-r,g=h+l-r;if(c>=0&&c<i&&g>=0&&g<e){const i=n[a*s+l];d+=t[c*e+g]*i}}a[l]=d>=1020?255:0}return a}(e,t.width,t.height),e=function(t,e,i){const n=[1/9,1/9,1/9,1/9,1/9,1/9,1/9,1/9,1/9],s=Math.round(Math.sqrt(n.length)),r=Math.floor(s/2),a=[];for(let o=0;o<i;o++)for(let h=0;h<e;h++){const l=o*e+h;let d=0;for(let a=0;a<s;a++)for(let l=0;l<s;l++){const c=o+a-r,g=h+l-r;if(c>=0&&c<i&&g>=0&&g<e){const i=n[a*s+l];d+=t[c*e+g]*i}}a[l]=d}return a}(e,t.width,t.height),function(t,e){for(let i=0;i<t.width*t.height;i++)t.data[4*i+3]=e[i]}(t,e)),t},Noise:function(t){const e=255*this.noise(),i=t.data,n=i.length,s=e/2;for(let t=0;t<n;t+=4)i[t+0]+=s-2*s*Math.random(),i[t+1]+=s-2*s*Math.random(),i[t+2]+=s-2*s*Math.random()},Pixelate:function(t){let e=Math.ceil(this.pixelSize()),i=t.width,n=t.height,s=Math.ceil(i/e),r=Math.ceil(n/e),a=t.data;if(e<=0)p.error("pixelSize value can not be <= 0");else for(let t=0;t<s;t+=1)for(let s=0;s<r;s+=1){let r=0,o=0,h=0,l=0;const d=t*e,c=d+e,g=s*e,u=g+e;let f=0;for(let t=d;t<c;t+=1)if(!(t>=i))for(let e=g;e<u;e+=1){if(e>=n)continue;const s=4*(i*e+t);r+=a[s+0],o+=a[s+1],h+=a[s+2],l+=a[s+3],f+=1}r/=f,o/=f,h/=f,l/=f;for(let t=d;t<c;t+=1)if(!(t>=i))for(let e=g;e<u;e+=1){if(e>=n)continue;const s=4*(i*e+t);a[s+0]=r,a[s+1]=o,a[s+2]=h,a[s+3]=l}}},Posterize:function(t){const e=Math.round(254*this.levels())+1,i=t.data,n=i.length,s=255/e;for(let t=0;t<n;t+=1)i[t]=Math.floor(i[t]/s)*s},RGB:function(t){const e=t.data,i=e.length,n=this.red(),s=this.green(),r=this.blue();for(let t=0;t<i;t+=4){const i=(.34*e[t]+.5*e[t+1]+.16*e[t+2])/255;e[t]=i*n,e[t+1]=i*s,e[t+2]=i*r,e[t+3]=e[t+3]}},RGBA:function(t){const e=t.data,i=e.length,n=this.red(),s=this.green(),r=this.blue(),a=this.alpha();for(let t=0;t<i;t+=4){const i=1-a;e[t]=n*a+e[t]*i,e[t+1]=s*a+e[t+1]*i,e[t+2]=r*a+e[t+2]*i}},Sepia:function(t){const e=t.data,i=e.length;for(let t=0;t<i;t+=4){const i=e[t+0],n=e[t+1],s=e[t+2];e[t+0]=Math.min(255,.393*i+.769*n+.189*s),e[t+1]=Math.min(255,.349*i+.686*n+.168*s),e[t+2]=Math.min(255,.272*i+.534*n+.131*s)}},Solarize:function(t){const e=t.data;for(let t=0;t<e.length;t+=4){const i=e[t],n=e[t+1],s=e[t+2];.2126*i+.7152*n+.0722*s>=128&&(e[t]=255-i,e[t+1]=255-n,e[t+2]=255-s)}return t},Threshold:function(t){const e=255*this.threshold(),i=t.data,n=i.length;for(let t=0;t<n;t+=1)i[t]=i[t]<e?0:255}}})});
\ No newline at end of file
diff --git a/assets/konva/vendor/preact.min.umd.js b/assets/konva/vendor/preact.min.umd.js
new file mode 100644
index 0000000..4af0e28
--- /dev/null
+++ b/assets/konva/vendor/preact.min.umd.js
@@ -0,0 +1,2 @@
+!function(n){"function"==typeof define&&define.amd?define(n):n()}(function(){var n,t,e,i,r,o,f,u,c,a,s,h,l,p,y,d,v,_="http://www.w3.org/2000/svg",w="http://www.w3.org/1999/xhtml",m=null,g=void 0,b={},k=[],C=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,x=Array.isArray;function M(n,t){for(var e in t)n[e]=t[e];return n}function S(n){n&&n.parentNode&&n.parentNode.removeChild(n)}function $(t,e,i){var r,o,f,u={};for(f in e)"key"==f?r=e[f]:"ref"==f?o=e[f]:u[f]=e[f];if(arguments.length>2&&(u.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof t&&t.defaultProps!=m)for(f in t.defaultProps)u[f]===g&&(u[f]=t.defaultProps[f]);return A(t,u,r,o,m)}function A(n,i,r,o,f){var u={type:n,props:i,key:r,ref:o,__k:m,__:m,__b:0,__e:m,__c:m,constructor:g,__v:f==m?++e:f,__i:-1,__u:0};return f==m&&t.vnode!=m&&t.vnode(u),u}function I(n){return n.children}function P(n,t){this.props=n,this.context=t}function E(n,t){if(t==m)return n.__?E(n.__,n.__i+1):m;for(var e;t<n.__k.length;t++)if((e=n.__k[t])!=m&&e.__e!=m)return e.__e;return"function"==typeof n.type?E(n):m}function F(n){if(n.__P&&n.__d){var e=n.__v,i=e.__e,r=[],o=[],f=M({},e);f.__v=e.__v+1,t.vnode&&t.vnode(f),B(n.__P,f,e,n.__n,n.__P.namespaceURI,32&e.__u?[i]:m,r,i==m?E(e):i,!!(32&e.__u),o),f.__v=e.__v,f.__.__k[f.__i]=f,G(r,f,o),e.__e=e.__=null,f.__e!=i&&H(f)}}function H(n){if((n=n.__)!=m&&n.__c!=m)return n.__e=n.__c.base=m,n.__k.some(function(t){if(t!=m&&t.__e!=m)return n.__e=n.__c.base=t.__e}),H(n)}function L(n){(!n.__d&&(n.__d=!0)&&r.push(n)&&!T.__r++||o!=t.debounceRendering)&&((o=t.debounceRendering)||f)(T)}function T(){try{for(var n,t=1;r.length;)r.length>t&&r.sort(u),n=r.shift(),t=r.length,F(n)}finally{r.length=T.__r=0}}function j(n,t,e,i,r,o,f,u,c,a,s){var h,l,p,y,d,v,_,w=i&&i.__k||k,C=t.length;for(c=O(e,t,w,c,C),h=0;h<C;h++)(p=e.__k[h])!=m&&(l=-1!=p.__i&&w[p.__i]||b,p.__i=h,v=B(n,p,l,r,o,f,u,c,a,s),y=p.__e,p.ref&&l.ref!=p.ref&&(l.ref&&Q(l.ref,m,p),s.push(p.ref,p.__c||y,p)),d==m&&y!=m&&(d=y),(_=!!(4&p.__u))||l.__k===p.__k?(c=V(p,c,n,_),_&&l.__e&&(l.__e=m)):"function"==typeof p.type&&v!==g?c=v:y&&(c=y.nextSibling),p.__u&=-7);return e.__e=d,c}function O(n,t,e,i,r){var o,f,u,c,a,s=e.length,h=s,l=0;for(n.__k=new Array(r),o=0;o<r;o++)(f=t[o])!=m&&"boolean"!=typeof f&&"function"!=typeof f?("string"==typeof f||"number"==typeof f||"bigint"==typeof f||f.constructor==String?f=n.__k[o]=A(m,f,m,m,m):x(f)?f=n.__k[o]=A(I,{children:f},m,m,m):f.constructor===g&&f.__b>0?f=n.__k[o]=A(f.type,f.props,f.key,f.ref?f.ref:m,f.__v):n.__k[o]=f,c=o+l,f.__=n,f.__b=n.__b+1,a=f.__i=z(f,e,c,h),u=m,-1!=a&&(h--,(u=e[a])&&(u.__u|=2)),u==m||u.__v==m?(-1==a&&(r>s?l--:r<s&&l++),"function"!=typeof f.type&&(f.__u|=4)):a!=c&&(a==c-1?l--:a==c+1?l++:(a>c?l--:l++,f.__u|=4))):n.__k[o]=m;if(h)for(o=0;o<s;o++)(u=e[o])!=m&&0==(2&u.__u)&&(u.__e==i&&(i=E(u)),U(u,u));return i}function V(n,t,e,i){var r,o;if("function"==typeof n.type){for(r=n.__k,o=0;r&&o<r.length;o++)r[o]&&(r[o].__=n,t=V(r[o],t,e,i));return t}n.__e!=t&&(i&&(t&&n.type&&!t.parentNode&&(t=E(n)),e.insertBefore(n.__e,t||m)),t=n.__e);do{t=t&&t.nextSibling}while(t!=m&&8==t.nodeType);return t}function z(n,t,e,i){var r,o,f,u=n.key,c=n.type,a=t[e],s=a!=m&&0==(2&a.__u);if(a===m&&null==u||s&&u==a.key&&c==a.type)return e;if(i>(s?1:0))for(r=e-1,o=e+1;r>=0||o<t.length;)if((a=t[f=r>=0?r--:o++])!=m&&0==(2&a.__u)&&u==a.key&&c==a.type)return f;return-1}function N(n,t,e){"-"==t[0]?n.setProperty(t,e==m?"":e):n[t]=e==m?"":"number"!=typeof e||C.test(t)?e:e+"px"}function R(n,t,e,i,r){var o,f;n:if("style"==t)if("string"==typeof e)n.style.cssText=e;else{if("string"==typeof i&&(n.style.cssText=i=""),i)for(t in i)e&&t in e||N(n.style,t,"");if(e)for(t in e)i&&e[t]==i[t]||N(n.style,t,e[t])}else if("o"==t[0]&&"n"==t[1])o=t!=(t=t.replace(h,"$1")),f=t.toLowerCase(),t=f in n||"onFocusOut"==t||"onFocusIn"==t?f.slice(2):t.slice(2),n.l||(n.l={}),n.l[t+o]=e,e?i?e[s]=i[s]:(e[s]=l,n.addEventListener(t,o?y:p,o)):n.removeEventListener(t,o?y:p,o);else{if(r==_)t=t.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=t&&"height"!=t&&"href"!=t&&"list"!=t&&"form"!=t&&"tabIndex"!=t&&"download"!=t&&"rowSpan"!=t&&"colSpan"!=t&&"role"!=t&&"popover"!=t&&t in n)try{n[t]=e==m?"":e;break n}catch(n){}"function"==typeof e||(e==m||!1===e&&"-"!=t[4]?n.removeAttribute(t):n.setAttribute(t,"popover"==t&&1==e?"":e))}}function q(n){return function(e){if(this.l){var i=this.l[e.type+n];if(e[a]==m)e[a]=l++;else if(e[a]<i[s])return;return i(t.event?t.event(e):e)}}}function B(n,e,i,r,o,f,u,c,a,s){var h,l,p,y,d,v,_,w,b,C,$,A,E,F,H,L=e.type;if(e.constructor!==g)return m;128&i.__u&&(a=!!(32&i.__u),f=[c=e.__e=i.__e]),(h=t.__b)&&h(e);n:if("function"==typeof L)try{if(w=e.props,b=L.prototype&&L.prototype.render,C=(h=L.contextType)&&r[h.__c],$=h?C?C.props.value:h.__:r,i.__c?_=(l=e.__c=i.__c).__=l.__E:(b?e.__c=l=new L(w,$):(e.__c=l=new P(w,$),l.constructor=L,l.render=W),C&&C.sub(l),l.state||(l.state={}),l.__n=r,p=l.__d=!0,l.__h=[],l._sb=[]),b&&l.__s==m&&(l.__s=l.state),b&&L.getDerivedStateFromProps!=m&&(l.__s==l.state&&(l.__s=M({},l.__s)),M(l.__s,L.getDerivedStateFromProps(w,l.__s))),y=l.props,d=l.state,l.__v=e,p)b&&L.getDerivedStateFromProps==m&&l.componentWillMount!=m&&l.componentWillMount(),b&&l.componentDidMount!=m&&l.__h.push(l.componentDidMount);else{if(b&&L.getDerivedStateFromProps==m&&w!==y&&l.componentWillReceiveProps!=m&&l.componentWillReceiveProps(w,$),e.__v==i.__v||!l.__e&&l.shouldComponentUpdate!=m&&!1===l.shouldComponentUpdate(w,l.__s,$)){e.__v!=i.__v&&(l.props=w,l.state=l.__s,l.__d=!1),e.__e=i.__e,e.__k=i.__k,e.__k.some(function(n){n&&(n.__=e)}),k.push.apply(l.__h,l._sb),l._sb=[],l.__h.length&&u.push(l);break n}l.componentWillUpdate!=m&&l.componentWillUpdate(w,l.__s,$),b&&l.componentDidUpdate!=m&&l.__h.push(function(){l.componentDidUpdate(y,d,v)})}if(l.context=$,l.props=w,l.__P=n,l.__e=!1,A=t.__r,E=0,b)l.state=l.__s,l.__d=!1,A&&A(e),h=l.render(l.props,l.state,l.context),k.push.apply(l.__h,l._sb),l._sb=[];else do{l.__d=!1,A&&A(e),h=l.render(l.props,l.state,l.context),l.state=l.__s}while(l.__d&&++E<25);l.state=l.__s,l.getChildContext!=m&&(r=M(M({},r),l.getChildContext())),b&&!p&&l.getSnapshotBeforeUpdate!=m&&(v=l.getSnapshotBeforeUpdate(y,d)),F=h!=m&&h.type===I&&h.key==m?J(h.props.children):h,c=j(n,x(F)?F:[F],e,i,r,o,f,u,c,a,s),l.base=e.__e,e.__u&=-161,l.__h.length&&u.push(l),_&&(l.__E=l.__=m)}catch(n){if(e.__v=m,a||f!=m)if(n.then){for(e.__u|=a?160:128;c&&8==c.nodeType&&c.nextSibling;)c=c.nextSibling;f[f.indexOf(c)]=m,e.__e=c}else{for(H=f.length;H--;)S(f[H]);D(e)}else e.__e=i.__e,e.__k=i.__k,n.then||D(e);t.__e(n,e,i)}else f==m&&e.__v==i.__v?(e.__k=i.__k,e.__e=i.__e):c=e.__e=K(i.__e,e,i,r,o,f,u,a,s);return(h=t.diffed)&&h(e),128&e.__u?void 0:c}function D(n){n&&(n.__c&&(n.__c.__e=!0),n.__k&&n.__k.some(D))}function G(n,e,i){for(var r=0;r<i.length;r++)Q(i[r],i[++r],i[++r]);t.__c&&t.__c(e,n),n.some(function(e){try{n=e.__h,e.__h=[],n.some(function(n){n.call(e)})}catch(n){t.__e(n,e.__v)}})}function J(n){return"object"!=typeof n||n==m||n.__b>0?n:x(n)?n.map(J):M({},n)}function K(e,i,r,o,f,u,c,a,s){var h,l,p,y,d,v,k,C=r.props||b,M=i.props,$=i.type;if("svg"==$?f=_:"math"==$?f="http://www.w3.org/1998/Math/MathML":f||(f=w),u!=m)for(h=0;h<u.length;h++)if((d=u[h])&&"setAttribute"in d==!!$&&($?d.localName==$:3==d.nodeType)){e=d,u[h]=m;break}if(e==m){if($==m)return document.createTextNode(M);e=document.createElementNS(f,$,M.is&&M),a&&(t.__m&&t.__m(i,u),a=!1),u=m}if($==m)C===M||a&&e.data==M||(e.data=M);else{if(u=u&&n.call(e.childNodes),!a&&u!=m)for(C={},h=0;h<e.attributes.length;h++)C[(d=e.attributes[h]).name]=d.value;for(h in C)d=C[h],"dangerouslySetInnerHTML"==h?p=d:"children"==h||h in M||"value"==h&&"defaultValue"in M||"checked"==h&&"defaultChecked"in M||R(e,h,m,d,f);for(h in M)d=M[h],"children"==h?y=d:"dangerouslySetInnerHTML"==h?l=d:"value"==h?v=d:"checked"==h?k=d:a&&"function"!=typeof d||C[h]===d||R(e,h,d,C[h],f);if(l)a||p&&(l.__html==p.__html||l.__html==e.innerHTML)||(e.innerHTML=l.__html),i.__k=[];else if(p&&(e.innerHTML=""),j("template"==i.type?e.content:e,x(y)?y:[y],i,r,o,"foreignObject"==$?w:f,u,c,u?u[0]:r.__k&&E(r,0),a,s),u!=m)for(h=u.length;h--;)S(u[h]);a||(h="value","progress"==$&&v==m?e.removeAttribute("value"):v!=g&&(v!==e[h]||"progress"==$&&!v||"option"==$&&v!=C[h])&&R(e,h,v,C[h],f),h="checked",k!=g&&k!=e[h]&&R(e,h,k,C[h],f))}return e}function Q(n,e,i){try{if("function"==typeof n){var r="function"==typeof n.__u;r&&n.__u(),r&&e==m||(n.__u=n(e))}else n.current=e}catch(n){t.__e(n,i)}}function U(n,e,i){var r,o;if(t.unmount&&t.unmount(n),(r=n.ref)&&(r.current&&r.current!=n.__e||Q(r,m,e)),(r=n.__c)!=m){if(r.componentWillUnmount)try{r.componentWillUnmount()}catch(n){t.__e(n,e)}r.base=r.__P=m}if(r=n.__k)for(o=0;o<r.length;o++)r[o]&&U(r[o],e,i||"function"!=typeof n.type);i||S(n.__e),n.__c=n.__=n.__e=g}function W(n,t,e){return this.constructor(n,e)}function X(e,i,r){var o,f,u,c;i==document&&(i=document.documentElement),t.__&&t.__(e,i),f=(o="function"==typeof r)?m:r&&r.__k||i.__k,u=[],c=[],B(i,e=(!o&&r||i).__k=$(I,m,[e]),f||b,b,i.namespaceURI,!o&&r?[r]:f?m:i.firstChild?n.call(i.childNodes):m,u,!o&&r?r:f?f.__e:i.firstChild,o,c),G(u,e,c)}n=k.slice,t={__e:function(n,t,e,i){for(var r,o,f;t=t.__;)if((r=t.__c)&&!r.__)try{if((o=r.constructor)&&o.getDerivedStateFromError!=m&&(r.setState(o.getDerivedStateFromError(n)),f=r.__d),r.componentDidCatch!=m&&(r.componentDidCatch(n,i||{}),f=r.__d),f)return r.__E=r}catch(t){n=t}throw n}},e=0,i=function(n){return n!=m&&n.constructor===g},P.prototype.setState=function(n,t){var e;e=this.__s!=m&&this.__s!=this.state?this.__s:this.__s=M({},this.state),"function"==typeof n&&(n=n(M({},e),this.props)),n&&M(e,n),n!=m&&this.__v&&(t&&this._sb.push(t),L(this))},P.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),L(this))},P.prototype.render=I,r=[],f="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,u=function(n,t){return n.__v.__b-t.__v.__b},T.__r=0,c=Math.random().toString(8),a="__d"+c,s="__a"+c,h=/(PointerCapture)$|Capture$/i,l=0,p=q(!1),y=q(!0),d=0,v={__proto__:null,render:X,hydrate:function n(t,e){X(t,e,n)},createElement:$,h:$,Fragment:I,createRef:function(){return{current:m}},isValidElement:i,Component:P,cloneElement:function(t,e,i){var r,o,f,u,c=M({},t.props);for(f in t.type&&t.type.defaultProps&&(u=t.type.defaultProps),e)"key"==f?r=e[f]:"ref"==f?o=e[f]:c[f]=e[f]===g&&u!=g?u[f]:e[f];return arguments.length>2&&(c.children=arguments.length>3?n.call(arguments,2):i),A(t.type,c,r||t.key,o||t.ref,m)},createContext:function(n){function t(n){var e,i;return this.getChildContext||(e=new Set,(i={})[t.__c]=this,this.getChildContext=function(){return i},this.componentWillUnmount=function(){e=m},this.shouldComponentUpdate=function(n){this.props.value!=n.value&&e.forEach(function(n){n.__e=!0,L(n)})},this.sub=function(n){e.add(n);var t=n.componentWillUnmount;n.componentWillUnmount=function(){e&&e.delete(n),t&&t.call(n)}}),n.children}return t.__c="__cC"+d++,t.__=n,t.Provider=t.__l=(t.Consumer=function(n,t){return n.children(t)}).contextType=t,t},toChildArray:function n(t,e){return e=e||[],t==m||"boolean"==typeof t||(x(t)?t.some(function(t){n(t,e)}):e.push(t)),e},options:t},typeof module<"u"?module.exports=v:self.preact=v});
+//# sourceMappingURL=preact.min.umd.js.map
diff --git a/pubspec.yaml b/pubspec.yaml
index e881f5a..d2a383d 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -48,3 +48,4 @@ flutter:
   uses-material-design: true
   assets:
     - assets/konva/
+    - assets/konva/vendor/