integration-modules 0.1.15 → 0.1.17

package/dist/chunks/{ShapeBoardWidget-ChVcXBBP.js → ShapeBoardWidget-BmgYD5zN.js}

@@ -1,7 +1,7 @@
-import { j as s, u as z, D as kt } from "./constants-pVjh1MjZ.js";
-import _t, { useRef as F, useState as L, useEffect as T, useMemo as bt } from "react";
-import { useReactFlow as jt, NodeResizer as Et, Handle as nt, Position as rt } from "@xyflow/react";
-const St = [
+import { j as s, b as vt, u as z } from "./useStickersStore-BUOBakV7.js";
+import kt, { useState as I, useRef as F, useEffect as T, useMemo as _t } from "react";
+import { useReactFlow as bt, NodeResizer as jt, Handle as nt, Position as rt } from "@xyflow/react";
+const Et = [
   { id: "line", name: "Линия", defaultSize: { width: 80, height: 20 } },
   { id: "arrow", name: "Стрелка", defaultSize: { width: 180, height: 60 } },
   { id: "dblarrow", name: "Двойная стрелка", defaultSize: { width: 200, height: 60 } },
@@ -19,60 +19,150 @@ const St = [
   { id: "pyramid", name: "Пирамида", defaultSize: { width: 160, height: 160 } },
   { id: "circleArrow", name: "Круг со стрелкой", defaultSize: { width: 140, height: 140 } },
   { id: "table3x3LeftMerge", name: "Таблица 3×3", defaultSize: { width: 180, height: 180 } }
-];
-async function B(t) {
+], St = {
+  square: /* @__PURE__ */ s.jsx("svg", { width: "40", height: "40", children: /* @__PURE__ */ s.jsx("rect", { x: "4", y: "4", width: "32", height: "32", stroke: "black", fill: "none", strokeWidth: "2" }) }),
+  circle: /* @__PURE__ */ s.jsx("svg", { width: "40", height: "40", children: /* @__PURE__ */ s.jsx("circle", { cx: "20", cy: "20", r: "14", stroke: "black", fill: "none", strokeWidth: "2" }) }),
+  triangle: /* @__PURE__ */ s.jsx("svg", { width: "40", height: "40", children: /* @__PURE__ */ s.jsx("polygon", { points: "20,6 34,34 6,34", stroke: "black", fill: "none", strokeWidth: "2" }) }),
+  star: /* @__PURE__ */ s.jsx("svg", { width: "40", height: "40", children: /* @__PURE__ */ s.jsx(
+    "polygon",
+    {
+      points: "20,4 25,16 38,16 27,24 32,36 20,28 8,36 13,24 2,16 15,16",
+      stroke: "black",
+      fill: "none",
+      strokeWidth: "2"
+    }
+  ) }),
+  stick: /* @__PURE__ */ s.jsx("svg", { width: "40", height: "40", children: /* @__PURE__ */ s.jsx("rect", { x: "16", y: "4", width: "8", height: "32", stroke: "black", fill: "none", strokeWidth: "2" }) }),
+  line: /* @__PURE__ */ s.jsx("svg", { width: "40", height: "40", children: /* @__PURE__ */ s.jsx("line", { x1: "4", y1: "20", x2: "36", y2: "20", stroke: "black", strokeWidth: "2" }) }),
+  arrow: /* @__PURE__ */ s.jsxs("svg", { width: "40", height: "40", children: [
+    /* @__PURE__ */ s.jsx("line", { x1: "4", y1: "20", x2: "30", y2: "20", stroke: "black", strokeWidth: "2" }),
+    /* @__PURE__ */ s.jsx("polygon", { points: "30,14 38,20 30,26", fill: "black" })
+  ] }),
+  dblarrow: /* @__PURE__ */ s.jsxs("svg", { width: "40", height: "40", children: [
+    /* @__PURE__ */ s.jsx("polygon", { points: "4,20 12,14 12,26", fill: "black" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "12", y1: "20", x2: "28", y2: "20", stroke: "black", strokeWidth: "2" }),
+    /* @__PURE__ */ s.jsx("polygon", { points: "28,14 36,20 28,26", fill: "black" })
+  ] }),
+  parallelogram: /* @__PURE__ */ s.jsx("svg", { width: "40", height: "40", viewBox: "0 0 40 40", children: /* @__PURE__ */ s.jsx("polygon", { points: "8,8 34,8 26,32 0,32", stroke: "black", fill: "none", strokeWidth: "2" }) }),
+  roundedRect: /* @__PURE__ */ s.jsx("svg", { width: "40", height: "40", viewBox: "0 0 40 40", children: /* @__PURE__ */ s.jsx("rect", { x: "6", y: "10", width: "28", height: "20", rx: "4", ry: "4", stroke: "black", fill: "none", strokeWidth: "2" }) }),
+  capsule: /* @__PURE__ */ s.jsx("svg", { width: "40", height: "40", viewBox: "0 0 40 40", children: /* @__PURE__ */ s.jsx("rect", { x: "6", y: "14", width: "28", height: "12", rx: "6", ry: "6", stroke: "black", fill: "none", strokeWidth: "2" }) }),
+  pentagon: /* @__PURE__ */ s.jsx("svg", { width: "40", height: "40", viewBox: "0 0 40 40", children: /* @__PURE__ */ s.jsx("polygon", { points: "20,6 34,15 28,32 12,32 6,15", stroke: "black", fill: "none", strokeWidth: "2" }) }),
+  chevron: /* @__PURE__ */ s.jsx("svg", { width: "40", height: "40", viewBox: "0 0 100 100", children: /* @__PURE__ */ s.jsx(
+    "polyline",
+    {
+      points: "0,0 50,100 100,0",
+      fill: "none",
+      stroke: "black",
+      strokeWidth: "5"
+    }
+  ) }),
+  table3x3: /* @__PURE__ */ s.jsxs("svg", { width: "40", height: "40", viewBox: "0 0 40 40", children: [
+    /* @__PURE__ */ s.jsx("rect", { x: "4", y: "4", width: "32", height: "32", stroke: "black", fill: "none", strokeWidth: "2" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "14", y1: "4", x2: "14", y2: "36", stroke: "black", strokeWidth: "2" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "26", y1: "4", x2: "26", y2: "36", stroke: "black", strokeWidth: "2" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "4", y1: "14", x2: "36", y2: "14", stroke: "black", strokeWidth: "2" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "4", y1: "26", x2: "36", y2: "26", stroke: "black", strokeWidth: "2" })
+  ] }),
+  pyramid: /* @__PURE__ */ s.jsxs("svg", { width: "40", height: "40", viewBox: "0 0 40 40", children: [
+    /* @__PURE__ */ s.jsx("polygon", { points: "20,4 36,36 4,36", stroke: "black", fill: "none", strokeWidth: "2" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "15", y1: "12", x2: "25", y2: "12", stroke: "black", strokeWidth: "2" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "11", y1: "20", x2: "28", y2: "20", stroke: "black", strokeWidth: "2" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "7", y1: "28", x2: "32", y2: "28", stroke: "black", strokeWidth: "2" })
+  ] }),
+  circleArrow: /* @__PURE__ */ s.jsxs("svg", { width: "40", height: "40", viewBox: "0 0 40 40", children: [
+    /* @__PURE__ */ s.jsx("circle", { cx: "20", cy: "20", r: "14", stroke: "black", fill: "none", strokeWidth: "2" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "20", y1: "6", x2: "20", y2: "0", stroke: "black", strokeWidth: "2" }),
+    /* @__PURE__ */ s.jsx("polygon", { points: "18,2 22,2 20,0", fill: "black" })
+  ] }),
+  table3x3LeftMerge: /* @__PURE__ */ s.jsxs("svg", { width: "40", height: "40", viewBox: "0 0 40 40", children: [
+    /* @__PURE__ */ s.jsx("rect", { x: "4", y: "4", width: "32", height: "32", stroke: "black", fill: "none", strokeWidth: "2" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "14", y1: "4", x2: "14", y2: "36", stroke: "black", strokeWidth: "2" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "26", y1: "4", x2: "26", y2: "36", stroke: "black", strokeWidth: "2" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "14", y1: "16", x2: "36", y2: "16", stroke: "black", strokeWidth: "2" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "14", y1: "28", x2: "36", y2: "28", stroke: "black", strokeWidth: "2" })
+  ] })
+}, Wt = "data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3%201.5H47C47.8284%201.5%2048.5%202.17157%2048.5%203V47C48.5%2047.8284%2047.8284%2048.5%2047%2048.5H3C2.17157%2048.5%201.5%2047.8284%201.5%2047V3C1.5%202.17157%202.17157%201.5%203%201.5Z'%20stroke='black'%20stroke-width='3'/%3e%3c/svg%3e", At = "data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3%201.5H47C47.8284%201.5%2048.5%202.17157%2048.5%203V47C48.5%2047.8284%2047.8284%2048.5%2047%2048.5H3C2.17157%2048.5%201.5%2047.8284%201.5%2047V3C1.5%202.17157%202.17157%201.5%203%201.5Z'%20stroke='%230000FF'%20stroke-width='3'/%3e%3c/svg%3e", Ct = () => {
+  const [t, e] = I(!1), n = F(null), r = (o) => {
+    o.stopPropagation(), e((a) => !a);
+  };
+  T(() => {
+    if (!t) return;
+    const o = (a) => {
+      n.current && !n.current.contains(a.target) && e(!1);
+    };
+    return window.addEventListener("pointerdown", o), () => window.removeEventListener("pointerdown", o);
+  }, [t]);
+  const i = (o) => (a) => {
+    a.stopPropagation(), a.dataTransfer.setData(vt, JSON.stringify({ shapeId: o.id })), a.dataTransfer.effectAllowed = "copy";
+  };
+  return /* @__PURE__ */ s.jsxs("div", { className: "left-toolbar-container dragHandle__custom", ref: n, onClick: (o) => o.stopPropagation(), children: [
+    /* @__PURE__ */ s.jsx("div", { className: `toolbar-card ${t ? "toolbar-card--open" : ""}`, children: /* @__PURE__ */ s.jsx("button", { onClick: r, className: `toolbar-btn toolbar-btn--icon toolbar-btn--shape ${t ? "toolbar-btn--active" : ""}`, children: /* @__PURE__ */ s.jsx("div", { className: `toolbar-shape-plate ${t ? "toolbar-shape-plate--active" : ""}`, children: /* @__PURE__ */ s.jsx("img", { src: t ? At : Wt, alt: "Фигуры", draggable: !1 }) }) }) }),
+    t && /* @__PURE__ */ s.jsx("div", { className: "palette-wrapper", onClick: (o) => o.stopPropagation(), children: /* @__PURE__ */ s.jsx("div", { className: "shape-panel", children: /* @__PURE__ */ s.jsx("div", { className: "shape-grid", children: Et.map((o) => /* @__PURE__ */ s.jsx(
+      "button",
+      {
+        className: "shape-item",
+        draggable: !0,
+        onDragStart: i(o),
+        title: o.name,
+        children: St[o.id]
+      },
+      o.id
+    )) }) }) })
+  ] });
+};
+async function C(t) {
   return await t.text() || `HTTP ${t.status}`;
 }
-const G = {
+const J = {
   async getAll() {
     const t = await fetch("/api/v1/shapes/get-all");
     if (!t.ok)
-      throw new Error(await B(t));
+      throw new Error(await C(t));
     const e = await t.json();
     return Array.isArray(e) ? e : [];
   },
   async getById(t) {
     const e = await fetch(`/api/v1/shapes/${t}`);
     if (!e.ok)
-      throw new Error(await B(e));
+      throw new Error(await C(e));
     return await e.json();
   },
-  async addToBoard(t, e, n, i) {
-    const r = await fetch("/api/v1/shapes/board", {
+  async addToBoard(t, e, n, r) {
+    const i = await fetch("/api/v1/shapes/board", {
       method: "POST",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ shapeId: t, width: e, height: n, rotation: i })
+      body: JSON.stringify({ shapeId: t, width: e, height: n, rotation: r })
     });
-    if (!r.ok)
-      throw new Error(await B(r));
-    return await r.json();
+    if (!i.ok)
+      throw new Error(await C(i));
+    return await i.json();
   },
   async getBoard() {
     const t = await fetch("/api/v1/shapes/board");
     if (!t.ok)
-      throw new Error(await B(t));
+      throw new Error(await C(t));
     const e = await t.json();
     return Array.isArray(e) ? e : [];
   },
   async getBoardById(t) {
     const e = await fetch(`/api/v1/shapes/board/${t}`);
     if (!e.ok)
-      throw new Error(await B(e));
+      throw new Error(await C(e));
     return await e.json();
   },
-  async updateBoardTransform(t, e, n, i) {
-    const r = await fetch(`/api/v1/shapes/board/${t}/transform`, {
+  async updateBoardTransform(t, e, n, r) {
+    const i = await fetch(`/api/v1/shapes/board/${t}/transform`, {
       method: "PATCH",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ width: e, height: n, rotation: i })
+      body: JSON.stringify({ width: e, height: n, rotation: r })
     });
-    if (!r.ok)
-      throw new Error(await B(r));
-    return await r.json();
+    if (!i.ok)
+      throw new Error(await C(i));
+    return await i.json();
   },
   async delete(t) {
     const e = await fetch(`/api/v1/shapes/${t}`, { method: "DELETE" });
-    if (!e.ok) throw new Error(await B(e));
+    if (!e.ok) throw new Error(await C(e));
     return !0;
   }
 }, it = {
@@ -158,23 +248,23 @@ const G = {
   capsule: ({ fill: t, stroke: e, sw: n = 2 }) => /* @__PURE__ */ s.jsx("rect", { width: "100%", height: "100%", rx: "50", ry: "50", fill: t || "transparent", stroke: e || "#000", strokeWidth: n, vectorEffect: "non-scaling-stroke" }),
   pentagon: ({ fill: t, stroke: e, sw: n = 2 }) => /* @__PURE__ */ s.jsx("polygon", { points: "50,0 100,38 82,100 18,100 0,38", fill: t || "transparent", stroke: e || "#000", strokeWidth: n, vectorEffect: "non-scaling-stroke" }),
   chevron: ({ stroke: t, sw: e = 2 }) => /* @__PURE__ */ s.jsx("svg", { width: "100%", height: "100%", viewBox: "0 0 100 100", children: /* @__PURE__ */ s.jsx("polyline", { points: "0,0 50,100 100,0", fill: "none", stroke: t || "#000", strokeWidth: e, vectorEffect: "non-scaling-stroke" }) }),
-  table3x3: ({ fill: t, stroke: e, sw: n = 2, innerSw: i = 1 }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  table3x3: ({ fill: t, stroke: e, sw: n = 2, innerSw: r = 1 }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx("rect", { width: "100%", height: "100%", fill: t || "transparent", stroke: e || "#000", strokeWidth: n, vectorEffect: "non-scaling-stroke" }),
-    /* @__PURE__ */ s.jsx("line", { x1: "0", y1: "33%", x2: "100%", y2: "33%", stroke: e || "#000", strokeWidth: i, vectorEffect: "non-scaling-stroke" }),
-    /* @__PURE__ */ s.jsx("line", { x1: "0", y1: "66%", x2: "100%", y2: "66%", stroke: e || "#000", strokeWidth: i, vectorEffect: "non-scaling-stroke" }),
-    /* @__PURE__ */ s.jsx("line", { x1: "33%", y1: "0", x2: "33%", y2: "100%", stroke: e || "#000", strokeWidth: i, vectorEffect: "non-scaling-stroke" }),
-    /* @__PURE__ */ s.jsx("line", { x1: "66%", y1: "0", x2: "66%", y2: "100%", stroke: e || "#000", strokeWidth: i, vectorEffect: "non-scaling-stroke" })
+    /* @__PURE__ */ s.jsx("line", { x1: "0", y1: "33%", x2: "100%", y2: "33%", stroke: e || "#000", strokeWidth: r, vectorEffect: "non-scaling-stroke" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "0", y1: "66%", x2: "100%", y2: "66%", stroke: e || "#000", strokeWidth: r, vectorEffect: "non-scaling-stroke" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "33%", y1: "0", x2: "33%", y2: "100%", stroke: e || "#000", strokeWidth: r, vectorEffect: "non-scaling-stroke" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "66%", y1: "0", x2: "66%", y2: "100%", stroke: e || "#000", strokeWidth: r, vectorEffect: "non-scaling-stroke" })
   ] }),
-  table3x3LeftMerge: ({ fill: t, stroke: e, sw: n = 2, innerSw: i = 1 }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  table3x3LeftMerge: ({ fill: t, stroke: e, sw: n = 2, innerSw: r = 1 }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx("rect", { width: "100%", height: "100%", fill: t || "transparent", stroke: e || "#000", strokeWidth: n, vectorEffect: "non-scaling-stroke" }),
-    /* @__PURE__ */ s.jsx("line", { x1: "33%", y1: "0", x2: "33%", y2: "100%", stroke: e || "#000", strokeWidth: i, vectorEffect: "non-scaling-stroke" }),
-    /* @__PURE__ */ s.jsx("line", { x1: "66%", y1: "0", x2: "66%", y2: "100%", stroke: e || "#000", strokeWidth: i, vectorEffect: "non-scaling-stroke" }),
-    /* @__PURE__ */ s.jsx("line", { x1: "33%", y1: "33%", x2: "100%", y2: "33%", stroke: e || "#000", strokeWidth: i, vectorEffect: "non-scaling-stroke" }),
-    /* @__PURE__ */ s.jsx("line", { x1: "33%", y1: "66%", x2: "100%", y2: "66%", stroke: e || "#000", strokeWidth: i, vectorEffect: "non-scaling-stroke" })
+    /* @__PURE__ */ s.jsx("line", { x1: "33%", y1: "0", x2: "33%", y2: "100%", stroke: e || "#000", strokeWidth: r, vectorEffect: "non-scaling-stroke" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "66%", y1: "0", x2: "66%", y2: "100%", stroke: e || "#000", strokeWidth: r, vectorEffect: "non-scaling-stroke" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "33%", y1: "33%", x2: "100%", y2: "33%", stroke: e || "#000", strokeWidth: r, vectorEffect: "non-scaling-stroke" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "33%", y1: "66%", x2: "100%", y2: "66%", stroke: e || "#000", strokeWidth: r, vectorEffect: "non-scaling-stroke" })
   ] }),
-  pyramid: ({ fill: t, stroke: e, sw: n = 2, innerSw: i = 1 }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  pyramid: ({ fill: t, stroke: e, sw: n = 2, innerSw: r = 1 }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx("polygon", { points: "50,0 100,100 0,100", fill: t || "transparent", stroke: e || "#000", strokeWidth: n, vectorEffect: "non-scaling-stroke" }),
-    [0.2, 0.4, 0.6, 0.8].map((r, o) => /* @__PURE__ */ s.jsx("line", { x1: 50 - 50 * r, y1: r * 100, x2: 50 + 50 * r, y2: r * 100, stroke: e || "#000", strokeWidth: i, vectorEffect: "non-scaling-stroke" }, o))
+    [0.2, 0.4, 0.6, 0.8].map((i, o) => /* @__PURE__ */ s.jsx("line", { x1: 50 - 50 * i, y1: i * 100, x2: 50 + 50 * i, y2: i * 100, stroke: e || "#000", strokeWidth: r, vectorEffect: "non-scaling-stroke" }, o))
   ] }),
   circleArrow: ({ fill: t, stroke: e, sw: n = 2 }) => /* @__PURE__ */ s.jsxs("svg", { width: "100%", height: "100%", viewBox: "0 -30 100 130", preserveAspectRatio: "xMidYMid meet", children: [
     /* @__PURE__ */ s.jsx("defs", { children: /* @__PURE__ */ s.jsx(
@@ -217,10 +307,10 @@ const G = {
     )
   ] })
 };
-var Q = "http://www.w3.org/1999/xhtml";
+var Z = "http://www.w3.org/1999/xhtml";
 const st = {
   svg: "http://www.w3.org/2000/svg",
-  xhtml: Q,
+  xhtml: Z,
   xlink: "http://www.w3.org/1999/xlink",
   xml: "http://www.w3.org/XML/1998/namespace",
   xmlns: "http://www.w3.org/2000/xmlns/"
@@ -229,59 +319,59 @@ function lt(t) {
   var e = t += "", n = e.indexOf(":");
   return n >= 0 && (e = t.slice(0, n)) !== "xmlns" && (t = t.slice(n + 1)), st.hasOwnProperty(e) ? { space: st[e], local: t } : t;
 }
-function Wt(t) {
+function Nt(t) {
   return function() {
     var e = this.ownerDocument, n = this.namespaceURI;
-    return n === Q && e.documentElement.namespaceURI === Q ? e.createElement(t) : e.createElementNS(n, t);
+    return n === Z && e.documentElement.namespaceURI === Z ? e.createElement(t) : e.createElementNS(n, t);
   };
 }
-function At(t) {
+function Bt(t) {
   return function() {
     return this.ownerDocument.createElementNS(t.space, t.local);
   };
 }
 function ct(t) {
   var e = lt(t);
-  return (e.local ? At : Wt)(e);
+  return (e.local ? Bt : Nt)(e);
 }
-function Ct() {
+function Rt() {
 }
 function ht(t) {
-  return t == null ? Ct : function() {
+  return t == null ? Rt : function() {
     return this.querySelector(t);
   };
 }
-function Nt(t) {
+function zt(t) {
   typeof t != "function" && (t = ht(t));
-  for (var e = this._groups, n = e.length, i = new Array(n), r = 0; r < n; ++r)
-    for (var o = e[r], a = o.length, l = i[r] = new Array(a), h, u, d = 0; d < a; ++d)
+  for (var e = this._groups, n = e.length, r = new Array(n), i = 0; i < n; ++i)
+    for (var o = e[i], a = o.length, l = r[i] = new Array(a), h, u, d = 0; d < a; ++d)
       (h = o[d]) && (u = t.call(h, h.__data__, d, o)) && ("__data__" in h && (u.__data__ = h.__data__), l[d] = u);
-  return new E(i, this._parents);
+  return new E(r, this._parents);
 }
-function Bt(t) {
+function Tt(t) {
   return t == null ? [] : Array.isArray(t) ? t : Array.from(t);
 }
-function Rt() {
+function Mt() {
   return [];
 }
-function zt(t) {
-  return t == null ? Rt : function() {
+function Pt(t) {
+  return t == null ? Mt : function() {
     return this.querySelectorAll(t);
   };
 }
-function Tt(t) {
+function It(t) {
   return function() {
-    return Bt(t.apply(this, arguments));
+    return Tt(t.apply(this, arguments));
   };
 }
-function Mt(t) {
-  typeof t == "function" ? t = Tt(t) : t = zt(t);
-  for (var e = this._groups, n = e.length, i = [], r = [], o = 0; o < n; ++o)
+function Ft(t) {
+  typeof t == "function" ? t = It(t) : t = Pt(t);
+  for (var e = this._groups, n = e.length, r = [], i = [], o = 0; o < n; ++o)
     for (var a = e[o], l = a.length, h, u = 0; u < l; ++u)
-      (h = a[u]) && (i.push(t.call(h, h.__data__, u, a)), r.push(h));
-  return new E(i, r);
+      (h = a[u]) && (r.push(t.call(h, h.__data__, u, a)), i.push(h));
+  return new E(r, i);
 }
-function Pt(t) {
+function Ht(t) {
   return function() {
     return this.matches(t);
   };
@@ -291,48 +381,48 @@ function ut(t) {
     return e.matches(t);
   };
 }
-var It = Array.prototype.find;
-function Ft(t) {
+var Lt = Array.prototype.find;
+function Dt(t) {
   return function() {
-    return It.call(this.children, t);
+    return Lt.call(this.children, t);
   };
 }
-function Lt() {
+function Vt() {
   return this.firstElementChild;
 }
-function Ht(t) {
-  return this.select(t == null ? Lt : Ft(typeof t == "function" ? t : ut(t)));
+function Ot(t) {
+  return this.select(t == null ? Vt : Dt(typeof t == "function" ? t : ut(t)));
 }
-var Dt = Array.prototype.filter;
-function Ot() {
+var qt = Array.prototype.filter;
+function Xt() {
   return Array.from(this.children);
 }
-function Vt(t) {
+function $t(t) {
   return function() {
-    return Dt.call(this.children, t);
+    return qt.call(this.children, t);
   };
 }
-function qt(t) {
-  return this.selectAll(t == null ? Ot : Vt(typeof t == "function" ? t : ut(t)));
+function Ut(t) {
+  return this.selectAll(t == null ? Xt : $t(typeof t == "function" ? t : ut(t)));
 }
-function Xt(t) {
-  typeof t != "function" && (t = Pt(t));
-  for (var e = this._groups, n = e.length, i = new Array(n), r = 0; r < n; ++r)
-    for (var o = e[r], a = o.length, l = i[r] = [], h, u = 0; u < a; ++u)
+function Yt(t) {
+  typeof t != "function" && (t = Ht(t));
+  for (var e = this._groups, n = e.length, r = new Array(n), i = 0; i < n; ++i)
+    for (var o = e[i], a = o.length, l = r[i] = [], h, u = 0; u < a; ++u)
       (h = o[u]) && t.call(h, h.__data__, u, o) && l.push(h);
-  return new E(i, this._parents);
+  return new E(r, this._parents);
 }
 function ft(t) {
   return new Array(t.length);
 }
-function $t() {
+function Kt() {
   return new E(this._enter || this._groups.map(ft), this._parents);
 }
-function Y(t, e) {
+function U(t, e) {
   this.ownerDocument = t.ownerDocument, this.namespaceURI = t.namespaceURI, this._next = null, this._parent = t, this.__data__ = e;
 }
-Y.prototype = {
-  constructor: Y,
+U.prototype = {
+  constructor: U,
   appendChild: function(t) {
     return this._parent.insertBefore(t, this._next);
   },
@@ -346,200 +436,200 @@ Y.prototype = {
     return this._parent.querySelectorAll(t);
   }
 };
-function Ut(t) {
+function Jt(t) {
   return function() {
     return t;
   };
 }
-function Yt(t, e, n, i, r, o) {
+function Zt(t, e, n, r, i, o) {
   for (var a = 0, l, h = e.length, u = o.length; a < u; ++a)
-    (l = e[a]) ? (l.__data__ = o[a], i[a] = l) : n[a] = new Y(t, o[a]);
+    (l = e[a]) ? (l.__data__ = o[a], r[a] = l) : n[a] = new U(t, o[a]);
   for (; a < h; ++a)
-    (l = e[a]) && (r[a] = l);
+    (l = e[a]) && (i[a] = l);
 }
-function Kt(t, e, n, i, r, o, a) {
-  var l, h, u = /* @__PURE__ */ new Map(), d = e.length, m = o.length, f = new Array(d), k;
+function Gt(t, e, n, r, i, o, a) {
+  var l, h, u = /* @__PURE__ */ new Map(), d = e.length, x = o.length, g = new Array(d), m;
   for (l = 0; l < d; ++l)
-    (h = e[l]) && (f[l] = k = a.call(h, h.__data__, l, e) + "", u.has(k) ? r[l] = h : u.set(k, h));
-  for (l = 0; l < m; ++l)
-    k = a.call(t, o[l], l, o) + "", (h = u.get(k)) ? (i[l] = h, h.__data__ = o[l], u.delete(k)) : n[l] = new Y(t, o[l]);
+    (h = e[l]) && (g[l] = m = a.call(h, h.__data__, l, e) + "", u.has(m) ? i[l] = h : u.set(m, h));
+  for (l = 0; l < x; ++l)
+    m = a.call(t, o[l], l, o) + "", (h = u.get(m)) ? (r[l] = h, h.__data__ = o[l], u.delete(m)) : n[l] = new U(t, o[l]);
   for (l = 0; l < d; ++l)
-    (h = e[l]) && u.get(f[l]) === h && (r[l] = h);
+    (h = e[l]) && u.get(g[l]) === h && (i[l] = h);
 }
-function Jt(t) {
+function Qt(t) {
   return t.__data__;
 }
-function Zt(t, e) {
-  if (!arguments.length) return Array.from(this, Jt);
-  var n = e ? Kt : Yt, i = this._parents, r = this._groups;
-  typeof t != "function" && (t = Ut(t));
-  for (var o = r.length, a = new Array(o), l = new Array(o), h = new Array(o), u = 0; u < o; ++u) {
-    var d = i[u], m = r[u], f = m.length, k = Gt(t.call(d, d && d.__data__, u, i)), _ = k.length, S = l[u] = new Array(_), W = a[u] = new Array(_), N = h[u] = new Array(f);
-    n(d, m, S, W, N, k, e);
-    for (var A = 0, j = 0, c, y; A < _; ++A)
-      if (c = S[A]) {
-        for (A >= j && (j = A + 1); !(y = W[j]) && ++j < _; ) ;
-        c._next = y || null;
+function te(t, e) {
+  if (!arguments.length) return Array.from(this, Qt);
+  var n = e ? Gt : Zt, r = this._parents, i = this._groups;
+  typeof t != "function" && (t = Jt(t));
+  for (var o = i.length, a = new Array(o), l = new Array(o), h = new Array(o), u = 0; u < o; ++u) {
+    var d = r[u], x = i[u], g = x.length, m = ee(t.call(d, d && d.__data__, u, r)), v = m.length, S = l[u] = new Array(v), W = a[u] = new Array(v), N = h[u] = new Array(g);
+    n(d, x, S, W, N, m, e);
+    for (var j = 0, A = 0, c, f; j < v; ++j)
+      if (c = S[j]) {
+        for (j >= A && (A = j + 1); !(f = W[A]) && ++A < v; ) ;
+        c._next = f || null;
       }
   }
-  return a = new E(a, i), a._enter = l, a._exit = h, a;
+  return a = new E(a, r), a._enter = l, a._exit = h, a;
 }
-function Gt(t) {
+function ee(t) {
   return typeof t == "object" && "length" in t ? t : Array.from(t);
 }
-function Qt() {
+function ne() {
   return new E(this._exit || this._groups.map(ft), this._parents);
 }
-function te(t, e, n) {
-  var i = this.enter(), r = this, o = this.exit();
-  return typeof t == "function" ? (i = t(i), i && (i = i.selection())) : i = i.append(t + ""), e != null && (r = e(r), r && (r = r.selection())), n == null ? o.remove() : n(o), i && r ? i.merge(r).order() : r;
+function re(t, e, n) {
+  var r = this.enter(), i = this, o = this.exit();
+  return typeof t == "function" ? (r = t(r), r && (r = r.selection())) : r = r.append(t + ""), e != null && (i = e(i), i && (i = i.selection())), n == null ? o.remove() : n(o), r && i ? r.merge(i).order() : i;
 }
-function ee(t) {
-  for (var e = t.selection ? t.selection() : t, n = this._groups, i = e._groups, r = n.length, o = i.length, a = Math.min(r, o), l = new Array(r), h = 0; h < a; ++h)
-    for (var u = n[h], d = i[h], m = u.length, f = l[h] = new Array(m), k, _ = 0; _ < m; ++_)
-      (k = u[_] || d[_]) && (f[_] = k);
-  for (; h < r; ++h)
+function ie(t) {
+  for (var e = t.selection ? t.selection() : t, n = this._groups, r = e._groups, i = n.length, o = r.length, a = Math.min(i, o), l = new Array(i), h = 0; h < a; ++h)
+    for (var u = n[h], d = r[h], x = u.length, g = l[h] = new Array(x), m, v = 0; v < x; ++v)
+      (m = u[v] || d[v]) && (g[v] = m);
+  for (; h < i; ++h)
     l[h] = n[h];
   return new E(l, this._parents);
 }
-function ne() {
+function se() {
   for (var t = this._groups, e = -1, n = t.length; ++e < n; )
-    for (var i = t[e], r = i.length - 1, o = i[r], a; --r >= 0; )
-      (a = i[r]) && (o && a.compareDocumentPosition(o) ^ 4 && o.parentNode.insertBefore(a, o), o = a);
+    for (var r = t[e], i = r.length - 1, o = r[i], a; --i >= 0; )
+      (a = r[i]) && (o && a.compareDocumentPosition(o) ^ 4 && o.parentNode.insertBefore(a, o), o = a);
   return this;
 }
-function re(t) {
-  t || (t = ie);
-  function e(m, f) {
-    return m && f ? t(m.__data__, f.__data__) : !m - !f;
+function oe(t) {
+  t || (t = ae);
+  function e(x, g) {
+    return x && g ? t(x.__data__, g.__data__) : !x - !g;
   }
-  for (var n = this._groups, i = n.length, r = new Array(i), o = 0; o < i; ++o) {
-    for (var a = n[o], l = a.length, h = r[o] = new Array(l), u, d = 0; d < l; ++d)
+  for (var n = this._groups, r = n.length, i = new Array(r), o = 0; o < r; ++o) {
+    for (var a = n[o], l = a.length, h = i[o] = new Array(l), u, d = 0; d < l; ++d)
       (u = a[d]) && (h[d] = u);
     h.sort(e);
   }
-  return new E(r, this._parents).order();
+  return new E(i, this._parents).order();
 }
-function ie(t, e) {
+function ae(t, e) {
   return t < e ? -1 : t > e ? 1 : t >= e ? 0 : NaN;
 }
-function se() {
+function le() {
   var t = arguments[0];
   return arguments[0] = this, t.apply(null, arguments), this;
 }
-function oe() {
+function ce() {
   return Array.from(this);
 }
-function ae() {
+function he() {
   for (var t = this._groups, e = 0, n = t.length; e < n; ++e)
-    for (var i = t[e], r = 0, o = i.length; r < o; ++r) {
-      var a = i[r];
+    for (var r = t[e], i = 0, o = r.length; i < o; ++i) {
+      var a = r[i];
       if (a) return a;
     }
   return null;
 }
-function le() {
+function ue() {
   let t = 0;
   for (const e of this) ++t;
   return t;
 }
-function ce() {
+function fe() {
   return !this.node();
 }
-function he(t) {
-  for (var e = this._groups, n = 0, i = e.length; n < i; ++n)
-    for (var r = e[n], o = 0, a = r.length, l; o < a; ++o)
-      (l = r[o]) && t.call(l, l.__data__, o, r);
+function de(t) {
+  for (var e = this._groups, n = 0, r = e.length; n < r; ++n)
+    for (var i = e[n], o = 0, a = i.length, l; o < a; ++o)
+      (l = i[o]) && t.call(l, l.__data__, o, i);
   return this;
 }
-function ue(t) {
+function ge(t) {
   return function() {
     this.removeAttribute(t);
   };
 }
-function fe(t) {
+function pe(t) {
   return function() {
     this.removeAttributeNS(t.space, t.local);
   };
 }
-function de(t, e) {
+function ye(t, e) {
   return function() {
     this.setAttribute(t, e);
   };
 }
-function ge(t, e) {
+function we(t, e) {
   return function() {
     this.setAttributeNS(t.space, t.local, e);
   };
 }
-function pe(t, e) {
+function xe(t, e) {
   return function() {
     var n = e.apply(this, arguments);
     n == null ? this.removeAttribute(t) : this.setAttribute(t, n);
   };
 }
-function ye(t, e) {
+function me(t, e) {
   return function() {
     var n = e.apply(this, arguments);
     n == null ? this.removeAttributeNS(t.space, t.local) : this.setAttributeNS(t.space, t.local, n);
   };
 }
-function xe(t, e) {
+function ve(t, e) {
   var n = lt(t);
   if (arguments.length < 2) {
-    var i = this.node();
-    return n.local ? i.getAttributeNS(n.space, n.local) : i.getAttribute(n);
+    var r = this.node();
+    return n.local ? r.getAttributeNS(n.space, n.local) : r.getAttribute(n);
   }
-  return this.each((e == null ? n.local ? fe : ue : typeof e == "function" ? n.local ? ye : pe : n.local ? ge : de)(n, e));
+  return this.each((e == null ? n.local ? pe : ge : typeof e == "function" ? n.local ? me : xe : n.local ? we : ye)(n, e));
 }
 function dt(t) {
   return t.ownerDocument && t.ownerDocument.defaultView || t.document && t || t.defaultView;
 }
-function we(t) {
+function ke(t) {
   return function() {
     this.style.removeProperty(t);
   };
 }
-function me(t, e, n) {
+function _e(t, e, n) {
   return function() {
     this.style.setProperty(t, e, n);
   };
 }
-function ve(t, e, n) {
+function be(t, e, n) {
   return function() {
-    var i = e.apply(this, arguments);
-    i == null ? this.style.removeProperty(t) : this.style.setProperty(t, i, n);
+    var r = e.apply(this, arguments);
+    r == null ? this.style.removeProperty(t) : this.style.setProperty(t, r, n);
   };
 }
-function ke(t, e, n) {
-  return arguments.length > 1 ? this.each((e == null ? we : typeof e == "function" ? ve : me)(t, e, n ?? "")) : _e(this.node(), t);
+function je(t, e, n) {
+  return arguments.length > 1 ? this.each((e == null ? ke : typeof e == "function" ? be : _e)(t, e, n ?? "")) : Ee(this.node(), t);
 }
-function _e(t, e) {
+function Ee(t, e) {
   return t.style.getPropertyValue(e) || dt(t).getComputedStyle(t, null).getPropertyValue(e);
 }
-function be(t) {
+function Se(t) {
   return function() {
     delete this[t];
   };
 }
-function je(t, e) {
+function We(t, e) {
   return function() {
     this[t] = e;
   };
 }
-function Ee(t, e) {
+function Ae(t, e) {
   return function() {
     var n = e.apply(this, arguments);
     n == null ? delete this[t] : this[t] = n;
   };
 }
-function Se(t, e) {
-  return arguments.length > 1 ? this.each((e == null ? be : typeof e == "function" ? Ee : je)(t, e)) : this.node()[t];
+function Ce(t, e) {
+  return arguments.length > 1 ? this.each((e == null ? Se : typeof e == "function" ? Ae : We)(t, e)) : this.node()[t];
 }
 function gt(t) {
   return t.trim().split(/^|\s+/);
 }
-function et(t) {
+function Q(t) {
   return t.classList || new pt(t);
 }
 function pt(t) {
@@ -559,339 +649,339 @@ pt.prototype = {
   }
 };
 function yt(t, e) {
-  for (var n = et(t), i = -1, r = e.length; ++i < r; ) n.add(e[i]);
+  for (var n = Q(t), r = -1, i = e.length; ++r < i; ) n.add(e[r]);
 }
-function xt(t, e) {
-  for (var n = et(t), i = -1, r = e.length; ++i < r; ) n.remove(e[i]);
+function wt(t, e) {
+  for (var n = Q(t), r = -1, i = e.length; ++r < i; ) n.remove(e[r]);
 }
-function We(t) {
+function Ne(t) {
   return function() {
     yt(this, t);
   };
 }
-function Ae(t) {
+function Be(t) {
   return function() {
-    xt(this, t);
+    wt(this, t);
   };
 }
-function Ce(t, e) {
+function Re(t, e) {
   return function() {
-    (e.apply(this, arguments) ? yt : xt)(this, t);
+    (e.apply(this, arguments) ? yt : wt)(this, t);
   };
 }
-function Ne(t, e) {
+function ze(t, e) {
   var n = gt(t + "");
   if (arguments.length < 2) {
-    for (var i = et(this.node()), r = -1, o = n.length; ++r < o; ) if (!i.contains(n[r])) return !1;
+    for (var r = Q(this.node()), i = -1, o = n.length; ++i < o; ) if (!r.contains(n[i])) return !1;
     return !0;
   }
-  return this.each((typeof e == "function" ? Ce : e ? We : Ae)(n, e));
+  return this.each((typeof e == "function" ? Re : e ? Ne : Be)(n, e));
 }
-function Be() {
+function Te() {
   this.textContent = "";
 }
-function Re(t) {
+function Me(t) {
   return function() {
     this.textContent = t;
   };
 }
-function ze(t) {
+function Pe(t) {
   return function() {
     var e = t.apply(this, arguments);
     this.textContent = e ?? "";
   };
 }
-function Te(t) {
-  return arguments.length ? this.each(t == null ? Be : (typeof t == "function" ? ze : Re)(t)) : this.node().textContent;
+function Ie(t) {
+  return arguments.length ? this.each(t == null ? Te : (typeof t == "function" ? Pe : Me)(t)) : this.node().textContent;
 }
-function Me() {
+function Fe() {
   this.innerHTML = "";
 }
-function Pe(t) {
+function He(t) {
   return function() {
     this.innerHTML = t;
   };
 }
-function Ie(t) {
+function Le(t) {
   return function() {
     var e = t.apply(this, arguments);
     this.innerHTML = e ?? "";
   };
 }
-function Fe(t) {
-  return arguments.length ? this.each(t == null ? Me : (typeof t == "function" ? Ie : Pe)(t)) : this.node().innerHTML;
+function De(t) {
+  return arguments.length ? this.each(t == null ? Fe : (typeof t == "function" ? Le : He)(t)) : this.node().innerHTML;
 }
-function Le() {
+function Ve() {
   this.nextSibling && this.parentNode.appendChild(this);
 }
-function He() {
-  return this.each(Le);
+function Oe() {
+  return this.each(Ve);
 }
-function De() {
+function qe() {
   this.previousSibling && this.parentNode.insertBefore(this, this.parentNode.firstChild);
 }
-function Oe() {
-  return this.each(De);
+function Xe() {
+  return this.each(qe);
 }
-function Ve(t) {
+function $e(t) {
   var e = typeof t == "function" ? t : ct(t);
   return this.select(function() {
     return this.appendChild(e.apply(this, arguments));
   });
 }
-function qe() {
+function Ue() {
   return null;
 }
-function Xe(t, e) {
-  var n = typeof t == "function" ? t : ct(t), i = e == null ? qe : typeof e == "function" ? e : ht(e);
+function Ye(t, e) {
+  var n = typeof t == "function" ? t : ct(t), r = e == null ? Ue : typeof e == "function" ? e : ht(e);
   return this.select(function() {
-    return this.insertBefore(n.apply(this, arguments), i.apply(this, arguments) || null);
+    return this.insertBefore(n.apply(this, arguments), r.apply(this, arguments) || null);
   });
 }
-function $e() {
+function Ke() {
   var t = this.parentNode;
   t && t.removeChild(this);
 }
-function Ue() {
-  return this.each($e);
+function Je() {
+  return this.each(Ke);
 }
-function Ye() {
+function Ze() {
   var t = this.cloneNode(!1), e = this.parentNode;
   return e ? e.insertBefore(t, this.nextSibling) : t;
 }
-function Ke() {
+function Ge() {
   var t = this.cloneNode(!0), e = this.parentNode;
   return e ? e.insertBefore(t, this.nextSibling) : t;
 }
-function Je(t) {
-  return this.select(t ? Ke : Ye);
+function Qe(t) {
+  return this.select(t ? Ge : Ze);
 }
-function Ze(t) {
+function tn(t) {
   return arguments.length ? this.property("__data__", t) : this.node().__data__;
 }
-function Ge(t) {
+function en(t) {
   return function(e) {
     t.call(this, e, this.__data__);
   };
 }
-function Qe(t) {
+function nn(t) {
   return t.trim().split(/^|\s+/).map(function(e) {
-    var n = "", i = e.indexOf(".");
-    return i >= 0 && (n = e.slice(i + 1), e = e.slice(0, i)), { type: e, name: n };
+    var n = "", r = e.indexOf(".");
+    return r >= 0 && (n = e.slice(r + 1), e = e.slice(0, r)), { type: e, name: n };
   });
 }
-function tn(t) {
+function rn(t) {
   return function() {
     var e = this.__on;
     if (e) {
-      for (var n = 0, i = -1, r = e.length, o; n < r; ++n)
-        o = e[n], (!t.type || o.type === t.type) && o.name === t.name ? this.removeEventListener(o.type, o.listener, o.options) : e[++i] = o;
-      ++i ? e.length = i : delete this.__on;
+      for (var n = 0, r = -1, i = e.length, o; n < i; ++n)
+        o = e[n], (!t.type || o.type === t.type) && o.name === t.name ? this.removeEventListener(o.type, o.listener, o.options) : e[++r] = o;
+      ++r ? e.length = r : delete this.__on;
     }
   };
 }
-function en(t, e, n) {
+function sn(t, e, n) {
   return function() {
-    var i = this.__on, r, o = Ge(e);
-    if (i) {
-      for (var a = 0, l = i.length; a < l; ++a)
-        if ((r = i[a]).type === t.type && r.name === t.name) {
-          this.removeEventListener(r.type, r.listener, r.options), this.addEventListener(r.type, r.listener = o, r.options = n), r.value = e;
+    var r = this.__on, i, o = en(e);
+    if (r) {
+      for (var a = 0, l = r.length; a < l; ++a)
+        if ((i = r[a]).type === t.type && i.name === t.name) {
+          this.removeEventListener(i.type, i.listener, i.options), this.addEventListener(i.type, i.listener = o, i.options = n), i.value = e;
           return;
         }
     }
-    this.addEventListener(t.type, o, n), r = { type: t.type, name: t.name, value: e, listener: o, options: n }, i ? i.push(r) : this.__on = [r];
+    this.addEventListener(t.type, o, n), i = { type: t.type, name: t.name, value: e, listener: o, options: n }, r ? r.push(i) : this.__on = [i];
   };
 }
-function nn(t, e, n) {
-  var i = Qe(t + ""), r, o = i.length, a;
+function on(t, e, n) {
+  var r = nn(t + ""), i, o = r.length, a;
   if (arguments.length < 2) {
     var l = this.node().__on;
     if (l) {
       for (var h = 0, u = l.length, d; h < u; ++h)
-        for (r = 0, d = l[h]; r < o; ++r)
-          if ((a = i[r]).type === d.type && a.name === d.name)
+        for (i = 0, d = l[h]; i < o; ++i)
+          if ((a = r[i]).type === d.type && a.name === d.name)
             return d.value;
     }
     return;
   }
-  for (l = e ? en : tn, r = 0; r < o; ++r) this.each(l(i[r], e, n));
+  for (l = e ? sn : rn, i = 0; i < o; ++i) this.each(l(r[i], e, n));
   return this;
 }
-function wt(t, e, n) {
-  var i = dt(t), r = i.CustomEvent;
-  typeof r == "function" ? r = new r(e, n) : (r = i.document.createEvent("Event"), n ? (r.initEvent(e, n.bubbles, n.cancelable), r.detail = n.detail) : r.initEvent(e, !1, !1)), t.dispatchEvent(r);
+function xt(t, e, n) {
+  var r = dt(t), i = r.CustomEvent;
+  typeof i == "function" ? i = new i(e, n) : (i = r.document.createEvent("Event"), n ? (i.initEvent(e, n.bubbles, n.cancelable), i.detail = n.detail) : i.initEvent(e, !1, !1)), t.dispatchEvent(i);
 }
-function rn(t, e) {
+function an(t, e) {
   return function() {
-    return wt(this, t, e);
+    return xt(this, t, e);
   };
 }
-function sn(t, e) {
+function ln(t, e) {
   return function() {
-    return wt(this, t, e.apply(this, arguments));
+    return xt(this, t, e.apply(this, arguments));
   };
 }
-function on(t, e) {
-  return this.each((typeof e == "function" ? sn : rn)(t, e));
+function cn(t, e) {
+  return this.each((typeof e == "function" ? ln : an)(t, e));
 }
-function* an() {
+function* hn() {
   for (var t = this._groups, e = 0, n = t.length; e < n; ++e)
-    for (var i = t[e], r = 0, o = i.length, a; r < o; ++r)
-      (a = i[r]) && (yield a);
+    for (var r = t[e], i = 0, o = r.length, a; i < o; ++i)
+      (a = r[i]) && (yield a);
 }
-var ln = [null];
+var un = [null];
 function E(t, e) {
   this._groups = t, this._parents = e;
 }
-function cn() {
+function fn() {
   return this;
 }
 E.prototype = {
   constructor: E,
-  select: Nt,
-  selectAll: Mt,
-  selectChild: Ht,
-  selectChildren: qt,
-  filter: Xt,
-  data: Zt,
-  enter: $t,
-  exit: Qt,
-  join: te,
-  merge: ee,
-  selection: cn,
-  order: ne,
-  sort: re,
-  call: se,
-  nodes: oe,
-  node: ae,
-  size: le,
-  empty: ce,
-  each: he,
-  attr: xe,
-  style: ke,
-  property: Se,
-  classed: Ne,
-  text: Te,
-  html: Fe,
-  raise: He,
-  lower: Oe,
-  append: Ve,
-  insert: Xe,
-  remove: Ue,
-  clone: Je,
-  datum: Ze,
-  on: nn,
-  dispatch: on,
-  [Symbol.iterator]: an
+  select: zt,
+  selectAll: Ft,
+  selectChild: Ot,
+  selectChildren: Ut,
+  filter: Yt,
+  data: te,
+  enter: Kt,
+  exit: ne,
+  join: re,
+  merge: ie,
+  selection: fn,
+  order: se,
+  sort: oe,
+  call: le,
+  nodes: ce,
+  node: he,
+  size: ue,
+  empty: fe,
+  each: de,
+  attr: ve,
+  style: je,
+  property: Ce,
+  classed: ze,
+  text: Ie,
+  html: De,
+  raise: Oe,
+  lower: Xe,
+  append: $e,
+  insert: Ye,
+  remove: Je,
+  clone: Qe,
+  datum: tn,
+  on,
+  dispatch: cn,
+  [Symbol.iterator]: hn
 };
 function H(t) {
-  return typeof t == "string" ? new E([[document.querySelector(t)]], [document.documentElement]) : new E([[t]], ln);
+  return typeof t == "string" ? new E([[document.querySelector(t)]], [document.documentElement]) : new E([[t]], un);
 }
-function hn(t) {
+function dn(t) {
   let e;
   for (; e = t.sourceEvent; ) t = e;
   return t;
 }
 function ot(t, e) {
-  if (t = hn(t), e === void 0 && (e = t.currentTarget), e) {
+  if (t = dn(t), e === void 0 && (e = t.currentTarget), e) {
     var n = e.ownerSVGElement || e;
     if (n.createSVGPoint) {
-      var i = n.createSVGPoint();
-      return i.x = t.clientX, i.y = t.clientY, i = i.matrixTransform(e.getScreenCTM().inverse()), [i.x, i.y];
+      var r = n.createSVGPoint();
+      return r.x = t.clientX, r.y = t.clientY, r = r.matrixTransform(e.getScreenCTM().inverse()), [r.x, r.y];
     }
     if (e.getBoundingClientRect) {
-      var r = e.getBoundingClientRect();
-      return [t.clientX - r.left - e.clientLeft, t.clientY - r.top - e.clientTop];
+      var i = e.getBoundingClientRect();
+      return [t.clientX - i.left - e.clientLeft, t.clientY - i.top - e.clientTop];
     }
   }
   return [t.pageX, t.pageY];
 }
-const un = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.75%200.75V6.75M0.75%206.75H6.75M0.75%206.75C3.07744%204.66141%205.23287%202.29676%208.49532%201.83779C10.4277%201.56593%2012.3961%201.92941%2014.1039%202.87343C15.8117%203.81746%2017.1664%205.29091%2017.9639%207.07177M18.75%2018.75V12.75M18.75%2012.75H12.75M18.75%2012.75C16.4225%2014.8386%2014.2671%2017.2032%2011.0047%2017.6622C9.07229%2017.9341%207.10391%2017.5706%205.3961%2016.6266C3.68829%2015.6825%202.33356%2014.2091%201.53604%2012.4282'%20stroke='%233367d9'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
-var fn = { value: () => {
+const gn = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.75%200.75V6.75M0.75%206.75H6.75M0.75%206.75C3.07744%204.66141%205.23287%202.29676%208.49532%201.83779C10.4277%201.56593%2012.3961%201.92941%2014.1039%202.87343C15.8117%203.81746%2017.1664%205.29091%2017.9639%207.07177M18.75%2018.75V12.75M18.75%2012.75H12.75M18.75%2012.75C16.4225%2014.8386%2014.2671%2017.2032%2011.0047%2017.6622C9.07229%2017.9341%207.10391%2017.5706%205.3961%2016.6266C3.68829%2015.6825%202.33356%2014.2091%201.53604%2012.4282'%20stroke='%233367d9'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+var pn = { value: () => {
 } };
 function mt() {
-  for (var t = 0, e = arguments.length, n = {}, i; t < e; ++t) {
-    if (!(i = arguments[t] + "") || i in n || /[\s.]/.test(i)) throw new Error("illegal type: " + i);
-    n[i] = [];
+  for (var t = 0, e = arguments.length, n = {}, r; t < e; ++t) {
+    if (!(r = arguments[t] + "") || r in n || /[\s.]/.test(r)) throw new Error("illegal type: " + r);
+    n[r] = [];
   }
-  return new U(n);
+  return new $(n);
 }
-function U(t) {
+function $(t) {
   this._ = t;
 }
-function dn(t, e) {
+function yn(t, e) {
   return t.trim().split(/^|\s+/).map(function(n) {
-    var i = "", r = n.indexOf(".");
-    if (r >= 0 && (i = n.slice(r + 1), n = n.slice(0, r)), n && !e.hasOwnProperty(n)) throw new Error("unknown type: " + n);
-    return { type: n, name: i };
+    var r = "", i = n.indexOf(".");
+    if (i >= 0 && (r = n.slice(i + 1), n = n.slice(0, i)), n && !e.hasOwnProperty(n)) throw new Error("unknown type: " + n);
+    return { type: n, name: r };
   });
 }
-U.prototype = mt.prototype = {
-  constructor: U,
+$.prototype = mt.prototype = {
+  constructor: $,
   on: function(t, e) {
-    var n = this._, i = dn(t + "", n), r, o = -1, a = i.length;
+    var n = this._, r = yn(t + "", n), i, o = -1, a = r.length;
     if (arguments.length < 2) {
-      for (; ++o < a; ) if ((r = (t = i[o]).type) && (r = gn(n[r], t.name))) return r;
+      for (; ++o < a; ) if ((i = (t = r[o]).type) && (i = wn(n[i], t.name))) return i;
       return;
     }
     if (e != null && typeof e != "function") throw new Error("invalid callback: " + e);
     for (; ++o < a; )
-      if (r = (t = i[o]).type) n[r] = at(n[r], t.name, e);
-      else if (e == null) for (r in n) n[r] = at(n[r], t.name, null);
+      if (i = (t = r[o]).type) n[i] = at(n[i], t.name, e);
+      else if (e == null) for (i in n) n[i] = at(n[i], t.name, null);
     return this;
   },
   copy: function() {
     var t = {}, e = this._;
     for (var n in e) t[n] = e[n].slice();
-    return new U(t);
+    return new $(t);
   },
   call: function(t, e) {
-    if ((r = arguments.length - 2) > 0) for (var n = new Array(r), i = 0, r, o; i < r; ++i) n[i] = arguments[i + 2];
+    if ((i = arguments.length - 2) > 0) for (var n = new Array(i), r = 0, i, o; r < i; ++r) n[r] = arguments[r + 2];
     if (!this._.hasOwnProperty(t)) throw new Error("unknown type: " + t);
-    for (o = this._[t], i = 0, r = o.length; i < r; ++i) o[i].value.apply(e, n);
+    for (o = this._[t], r = 0, i = o.length; r < i; ++r) o[r].value.apply(e, n);
   },
   apply: function(t, e, n) {
     if (!this._.hasOwnProperty(t)) throw new Error("unknown type: " + t);
-    for (var i = this._[t], r = 0, o = i.length; r < o; ++r) i[r].value.apply(e, n);
+    for (var r = this._[t], i = 0, o = r.length; i < o; ++i) r[i].value.apply(e, n);
   }
 };
-function gn(t, e) {
-  for (var n = 0, i = t.length, r; n < i; ++n)
-    if ((r = t[n]).name === e)
-      return r.value;
+function wn(t, e) {
+  for (var n = 0, r = t.length, i; n < r; ++n)
+    if ((i = t[n]).name === e)
+      return i.value;
 }
 function at(t, e, n) {
-  for (var i = 0, r = t.length; i < r; ++i)
-    if (t[i].name === e) {
-      t[i] = fn, t = t.slice(0, i).concat(t.slice(i + 1));
+  for (var r = 0, i = t.length; r < i; ++r)
+    if (t[r].name === e) {
+      t[r] = pn, t = t.slice(0, r).concat(t.slice(r + 1));
       break;
     }
   return n != null && t.push({ name: e, value: n }), t;
 }
-const pn = { passive: !1 }, D = { capture: !0, passive: !1 };
-function Z(t) {
+const xn = { passive: !1 }, L = { capture: !0, passive: !1 };
+function K(t) {
   t.stopImmediatePropagation();
 }
 function M(t) {
   t.preventDefault(), t.stopImmediatePropagation();
 }
-function yn(t) {
-  var e = t.document.documentElement, n = H(t).on("dragstart.drag", M, D);
-  "onselectstart" in e ? n.on("selectstart.drag", M, D) : (e.__noselect = e.style.MozUserSelect, e.style.MozUserSelect = "none");
+function mn(t) {
+  var e = t.document.documentElement, n = H(t).on("dragstart.drag", M, L);
+  "onselectstart" in e ? n.on("selectstart.drag", M, L) : (e.__noselect = e.style.MozUserSelect, e.style.MozUserSelect = "none");
 }
-function xn(t, e) {
-  var n = t.document.documentElement, i = H(t).on("dragstart.drag", null);
-  e && (i.on("click.drag", M, D), setTimeout(function() {
-    i.on("click.drag", null);
-  }, 0)), "onselectstart" in n ? i.on("selectstart.drag", null) : (n.style.MozUserSelect = n.__noselect, delete n.__noselect);
+function vn(t, e) {
+  var n = t.document.documentElement, r = H(t).on("dragstart.drag", null);
+  e && (r.on("click.drag", M, L), setTimeout(function() {
+    r.on("click.drag", null);
+  }, 0)), "onselectstart" in n ? r.on("selectstart.drag", null) : (n.style.MozUserSelect = n.__noselect, delete n.__noselect);
 }
-const X = (t) => () => t;
-function tt(t, {
+const q = (t) => () => t;
+function G(t, {
   sourceEvent: e,
   subject: n,
-  target: i,
-  identifier: r,
+  target: r,
+  identifier: i,
   active: o,
   x: a,
   y: l,
@@ -903,8 +993,8 @@ function tt(t, {
     type: { value: t, enumerable: !0, configurable: !0 },
     sourceEvent: { value: e, enumerable: !0, configurable: !0 },
     subject: { value: n, enumerable: !0, configurable: !0 },
-    target: { value: i, enumerable: !0, configurable: !0 },
-    identifier: { value: r, enumerable: !0, configurable: !0 },
+    target: { value: r, enumerable: !0, configurable: !0 },
+    identifier: { value: i, enumerable: !0, configurable: !0 },
     active: { value: o, enumerable: !0, configurable: !0 },
     x: { value: a, enumerable: !0, configurable: !0 },
     y: { value: l, enumerable: !0, configurable: !0 },
@@ -913,195 +1003,205 @@ function tt(t, {
     _: { value: d }
   });
 }
-tt.prototype.on = function() {
+G.prototype.on = function() {
   var t = this._.on.apply(this._, arguments);
   return t === this._ ? this : t;
 };
-function wn(t) {
+function kn(t) {
   return !t.ctrlKey && !t.button;
 }
-function mn() {
+function _n() {
   return this.parentNode;
 }
-function vn(t, e) {
+function bn(t, e) {
   return e ?? { x: t.x, y: t.y };
 }
-function kn() {
+function jn() {
   return navigator.maxTouchPoints || "ontouchstart" in this;
 }
-function _n() {
-  var t = wn, e = mn, n = vn, i = kn, r = {}, o = mt("start", "drag", "end"), a = 0, l, h, u, d, m = 0;
-  function f(c) {
-    c.on("mousedown.drag", k).filter(i).on("touchstart.drag", W).on("touchmove.drag", N, pn).on("touchend.drag touchcancel.drag", A).style("touch-action", "none").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
+function En() {
+  var t = kn, e = _n, n = bn, r = jn, i = {}, o = mt("start", "drag", "end"), a = 0, l, h, u, d, x = 0;
+  function g(c) {
+    c.on("mousedown.drag", m).filter(r).on("touchstart.drag", W).on("touchmove.drag", N, xn).on("touchend.drag touchcancel.drag", j).style("touch-action", "none").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
   }
-  function k(c, y) {
-    if (!(d || !t.call(this, c, y))) {
-      var g = j(this, e.call(this, c, y), c, y, "mouse");
-      g && (H(c.view).on("mousemove.drag", _, D).on("mouseup.drag", S, D), yn(c.view), Z(c), u = !1, l = c.clientX, h = c.clientY, g("start", c));
+  function m(c, f) {
+    if (!(d || !t.call(this, c, f))) {
+      var p = A(this, e.call(this, c, f), c, f, "mouse");
+      p && (H(c.view).on("mousemove.drag", v, L).on("mouseup.drag", S, L), mn(c.view), K(c), u = !1, l = c.clientX, h = c.clientY, p("start", c));
     }
   }
-  function _(c) {
+  function v(c) {
     if (M(c), !u) {
-      var y = c.clientX - l, g = c.clientY - h;
-      u = y * y + g * g > m;
+      var f = c.clientX - l, p = c.clientY - h;
+      u = f * f + p * p > x;
     }
-    r.mouse("drag", c);
+    i.mouse("drag", c);
   }
   function S(c) {
-    H(c.view).on("mousemove.drag mouseup.drag", null), xn(c.view, u), M(c), r.mouse("end", c);
+    H(c.view).on("mousemove.drag mouseup.drag", null), vn(c.view, u), M(c), i.mouse("end", c);
   }
-  function W(c, y) {
-    if (t.call(this, c, y)) {
-      var g = c.changedTouches, p = e.call(this, c, y), x = g.length, w, b;
-      for (w = 0; w < x; ++w)
-        (b = j(this, p, c, y, g[w].identifier, g[w])) && (Z(c), b("start", c, g[w]));
+  function W(c, f) {
+    if (t.call(this, c, f)) {
+      var p = c.changedTouches, y = e.call(this, c, f), w = p.length, k, _;
+      for (k = 0; k < w; ++k)
+        (_ = A(this, y, c, f, p[k].identifier, p[k])) && (K(c), _("start", c, p[k]));
     }
   }
   function N(c) {
-    var y = c.changedTouches, g = y.length, p, x;
-    for (p = 0; p < g; ++p)
-      (x = r[y[p].identifier]) && (M(c), x("drag", c, y[p]));
+    var f = c.changedTouches, p = f.length, y, w;
+    for (y = 0; y < p; ++y)
+      (w = i[f[y].identifier]) && (M(c), w("drag", c, f[y]));
   }
-  function A(c) {
-    var y = c.changedTouches, g = y.length, p, x;
+  function j(c) {
+    var f = c.changedTouches, p = f.length, y, w;
     for (d && clearTimeout(d), d = setTimeout(function() {
       d = null;
-    }, 500), p = 0; p < g; ++p)
-      (x = r[y[p].identifier]) && (Z(c), x("end", c, y[p]));
+    }, 500), y = 0; y < p; ++y)
+      (w = i[f[y].identifier]) && (K(c), w("end", c, f[y]));
   }
-  function j(c, y, g, p, x, w) {
-    var b = o.copy(), v = ot(w || g, y), C, O, R;
-    if ((R = n.call(c, new tt("beforestart", {
-      sourceEvent: g,
-      target: f,
-      identifier: x,
+  function A(c, f, p, y, w, k) {
+    var _ = o.copy(), b = ot(k || p, f), D, V, B;
+    if ((B = n.call(c, new G("beforestart", {
+      sourceEvent: p,
+      target: g,
+      identifier: w,
       active: a,
-      x: v[0],
-      y: v[1],
+      x: b[0],
+      y: b[1],
       dx: 0,
       dy: 0,
-      dispatch: b
-    }), p)) != null)
-      return C = R.x - v[0] || 0, O = R.y - v[1] || 0, function K(V, P, q) {
-        var I = v, J;
-        switch (V) {
+      dispatch: _
+    }), y)) != null)
+      return D = B.x - b[0] || 0, V = B.y - b[1] || 0, function tt(R, P, O) {
+        var et = b, Y;
+        switch (R) {
           case "start":
-            r[x] = K, J = a++;
+            i[w] = tt, Y = a++;
             break;
           case "end":
-            delete r[x], --a;
+            delete i[w], --a;
           case "drag":
-            v = ot(q || P, y), J = a;
+            b = ot(O || P, f), Y = a;
             break;
         }
-        b.call(
-          V,
+        _.call(
+          R,
           c,
-          new tt(V, {
+          new G(R, {
             sourceEvent: P,
-            subject: R,
-            target: f,
-            identifier: x,
-            active: J,
-            x: v[0] + C,
-            y: v[1] + O,
-            dx: v[0] - I[0],
-            dy: v[1] - I[1],
-            dispatch: b
+            subject: B,
+            target: g,
+            identifier: w,
+            active: Y,
+            x: b[0] + D,
+            y: b[1] + V,
+            dx: b[0] - et[0],
+            dy: b[1] - et[1],
+            dispatch: _
           }),
-          p
+          y
         );
       };
   }
-  return f.filter = function(c) {
-    return arguments.length ? (t = typeof c == "function" ? c : X(!!c), f) : t;
-  }, f.container = function(c) {
-    return arguments.length ? (e = typeof c == "function" ? c : X(c), f) : e;
-  }, f.subject = function(c) {
-    return arguments.length ? (n = typeof c == "function" ? c : X(c), f) : n;
-  }, f.touchable = function(c) {
-    return arguments.length ? (i = typeof c == "function" ? c : X(!!c), f) : i;
-  }, f.on = function() {
+  return g.filter = function(c) {
+    return arguments.length ? (t = typeof c == "function" ? c : q(!!c), g) : t;
+  }, g.container = function(c) {
+    return arguments.length ? (e = typeof c == "function" ? c : q(c), g) : e;
+  }, g.subject = function(c) {
+    return arguments.length ? (n = typeof c == "function" ? c : q(c), g) : n;
+  }, g.touchable = function(c) {
+    return arguments.length ? (r = typeof c == "function" ? c : q(!!c), g) : r;
+  }, g.on = function() {
     var c = o.on.apply(o, arguments);
-    return c === o ? f : c;
-  }, f.clickDistance = function(c) {
-    return arguments.length ? (m = (c = +c) * c, f) : Math.sqrt(m);
-  }, f;
+    return c === o ? g : c;
+  }, g.clickDistance = function(c) {
+    return arguments.length ? (x = (c = +c) * c, g) : Math.sqrt(x);
+  }, g;
 }
-const vt = ({ id: t, data: e, style: n, shapeOpen: i }) => {
+const Sn = ({ id: t, data: e, style: n }) => {
   const r = z(
-    (g) => g.stickers.find((p) => p.id === e.stickerId)
-  ), o = z((g) => g.updateSticker), a = z((g) => g.bringToFront), l = z((g) => g.selectSticker), h = z((g) => g.selectedId), { setNodes: u } = jt(), d = F(null), m = F(0), f = F({ width: 0, height: 0 }), [k, _] = L(0), [S, W] = L({ width: 140, height: 140 }), [N, A] = L(!1), j = h === (r == null ? void 0 : r.id);
+    (f) => f.stickers.find((p) => p.id === e.stickerId)
+  ), i = z((f) => f.updateSticker), o = z((f) => f.bringToFront), a = z((f) => f.selectSticker), l = z((f) => f.selectedId), { setNodes: h } = bt(), u = F(null), d = F(0), x = F({ width: 0, height: 0 }), [g, m] = I(0), [v, S] = I({ width: 140, height: 140 }), [W, N] = I(!1), j = l === (r == null ? void 0 : r.id);
   T(() => {
     if (!r) return;
-    const g = Number(r.width) || 140, p = Number(r.height) || 140, x = Number(r.rotation) || 0;
-    W({ width: g, height: p }), f.current = { width: g, height: p }, m.current = x, _(x);
+    const f = Number(r.width) || 140, p = Number(r.height) || 140, y = Number(r.rotation) || 0;
+    S({ width: f, height: p }), x.current = { width: f, height: p }, d.current = y, m(y);
   }, [r]), T(() => {
-    m.current = k;
-  }, [k]), T(() => {
+    d.current = g;
+  }, [g]), T(() => {
     if (!r || !j) return;
-    const g = d.current;
-    if (!g) return;
-    const p = H(g), x = _n().on("start", (w) => {
-      var b, v;
-      (v = (b = w.sourceEvent) == null ? void 0 : b.stopPropagation) == null || v.call(b), A(!0);
+    const f = u.current;
+    if (!f) return;
+    const p = H(f), y = En().on("start", (w) => {
+      var k, _;
+      (_ = (k = w.sourceEvent) == null ? void 0 : k.stopPropagation) == null || _.call(k), N(!0);
     }).on("drag", (w) => {
-      var q, I;
-      const b = (I = (q = w.sourceEvent) == null ? void 0 : q.target) == null ? void 0 : I.parentElement;
-      if (!b) return;
-      const v = b.getBoundingClientRect(), C = v.left + v.width / 2, O = v.top + v.height / 2, R = w.sourceEvent.clientX - C, K = w.sourceEvent.clientY - O, P = Math.atan2(K, R) * (180 / Math.PI) + 90;
-      m.current = P, _(P);
+      var P, O;
+      const k = (O = (P = w.sourceEvent) == null ? void 0 : P.target) == null ? void 0 : O.parentElement;
+      if (!k) return;
+      const _ = k.getBoundingClientRect(), b = _.left + _.width / 2, D = _.top + _.height / 2, V = w.sourceEvent.clientX - b, B = w.sourceEvent.clientY - D, R = Math.atan2(B, V) * (180 / Math.PI) + 90;
+      d.current = R, m(R);
     }).on("end", () => {
-      A(!1);
-      const w = Number(m.current) || 0;
-      o(r.id, { rotation: w });
+      N(!1);
+      const w = Number(d.current) || 0;
+      i(r.id, { rotation: w });
     });
-    return p.call(x), () => p.on(".drag", null);
-  }, [j, r, o]);
-  const c = bt(() => {
+    return p.call(y), () => p.on(".drag", null);
+  }, [j, r, i]);
+  const A = _t(() => {
     if (!r) return null;
-    const g = it[r.shapeId];
-    return g ? g(r) : it.square(r);
-  }, [r]), y = (g) => {
-    g.stopPropagation(), r && (a(r.id), l(r.id));
+    const f = it[r.shapeId];
+    return f ? f(r) : it.square(r);
+  }, [r]), c = (f) => {
+    f.stopPropagation(), r && (o(r.id), a(r.id));
   };
   return r ? /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(
     "div",
     {
-      onClick: y,
+      onClick: c,
+      className: "dragHandle__custom",
       style: {
         ...n,
         position: "relative",
         zIndex: r.zIndex,
-        cursor: N ? "grabbing" : "grab",
-        width: S.width,
-        height: S.height,
-        transform: `rotate(${k}deg)`,
+        cursor: W ? "grabbing" : "grab",
+        width: v.width,
+        height: v.height,
+        transform: `rotate(${g}deg)`,
         transformOrigin: "50% 50%",
         pointerEvents: "auto"
       },
-      "data-drag-disabled": N,
+      "data-drag-disabled": W,
       children: [
         /* @__PURE__ */ s.jsx(
-          Et,
+          jt,
           {
             isVisible: j,
             minWidth: 30,
             minHeight: 30,
-            resizeHandles: ["top", "right", "bottom", "left", "topRight", "topLeft", "bottomRight", "bottomLeft"],
-            onResize: (g, p) => {
-              const x = Number(p.width) || 1, w = Number(p.height) || 1;
-              W({ width: x, height: w }), f.current = { width: x, height: w };
+            resizeHandles: [
+              "top",
+              "right",
+              "bottom",
+              "left",
+              "topRight",
+              "topLeft",
+              "bottomRight",
+              "bottomLeft"
+            ],
+            onResize: (f, p) => {
+              const y = Number(p.width) || 1, w = Number(p.height) || 1;
+              S({ width: y, height: w }), x.current = { width: y, height: w };
             },
-            onResizeEnd: async (g, p) => {
-              const x = Math.max(1, Math.round(p.width)), w = Math.max(1, Math.round(p.height)), b = Number(m.current) || 0;
-              W({ width: x, height: w }), f.current = { width: x, height: w }, u(
-                (v) => v.map((C) => C.id === t ? { ...C, style: { ...C.style, width: x, height: w } } : C)
-              ), o(r.id, { width: x, height: w });
+            onResizeEnd: async (f, p) => {
+              const y = Math.max(1, Math.round(p.width)), w = Math.max(1, Math.round(p.height)), k = Number(d.current) || 0;
+              S({ width: y, height: w }), x.current = { width: y, height: w }, h(
+                (_) => _.map((b) => b.id === t ? { ...b, style: { ...b.style, width: y, height: w } } : b)
+              ), i(r.id, { width: y, height: w });
               try {
-                await G.updateBoardTransform(t, x, w, b);
-              } catch (v) {
-                console.warn("Не удалось сохранить размеры фигуры", v);
+                await J.updateBoardTransform(t, y, w, k);
+              } catch (_) {
+                console.warn("Не удалось сохранить размеры фигуры", _);
               }
             }
           }
@@ -1109,17 +1209,17 @@ const vt = ({ id: t, data: e, style: n, shapeOpen: i }) => {
         /* @__PURE__ */ s.jsx(
           "svg",
           {
-            width: S.width,
-            height: S.height,
+            width: v.width,
+            height: v.height,
             viewBox: "0 0 100 100",
             preserveAspectRatio: "none",
-            children: c
+            children: A
           }
         ),
         j && /* @__PURE__ */ s.jsx(
           "div",
           {
-            ref: d,
+            ref: u,
             className: "nodrag nopan",
             style: {
               position: "absolute",
@@ -1130,13 +1230,13 @@ const vt = ({ id: t, data: e, style: n, shapeOpen: i }) => {
               cursor: "grab",
               zIndex: 1e3,
               pointerEvents: "auto",
-              transform: `translateX(-50%) rotate(${k}deg)`,
-              transition: N ? "none" : "transform 0.15s ease-out"
+              transform: `translateX(-50%) rotate(${g}deg)`,
+              transition: W ? "none" : "transform 0.15s ease-out"
             },
             children: /* @__PURE__ */ s.jsx(
               "img",
               {
-                src: un,
+                src: gn,
                 alt: "Rotate",
                 draggable: !1,
                 style: {
@@ -1153,103 +1253,12 @@ const vt = ({ id: t, data: e, style: n, shapeOpen: i }) => {
       ]
     }
   ) }) : null;
-}, bn = {
-  square: /* @__PURE__ */ s.jsx("svg", { width: "40", height: "40", children: /* @__PURE__ */ s.jsx("rect", { x: "4", y: "4", width: "32", height: "32", stroke: "black", fill: "none", strokeWidth: "2" }) }),
-  circle: /* @__PURE__ */ s.jsx("svg", { width: "40", height: "40", children: /* @__PURE__ */ s.jsx("circle", { cx: "20", cy: "20", r: "14", stroke: "black", fill: "none", strokeWidth: "2" }) }),
-  triangle: /* @__PURE__ */ s.jsx("svg", { width: "40", height: "40", children: /* @__PURE__ */ s.jsx("polygon", { points: "20,6 34,34 6,34", stroke: "black", fill: "none", strokeWidth: "2" }) }),
-  star: /* @__PURE__ */ s.jsx("svg", { width: "40", height: "40", children: /* @__PURE__ */ s.jsx(
-    "polygon",
-    {
-      points: "20,4 25,16 38,16 27,24 32,36 20,28 8,36 13,24 2,16 15,16",
-      stroke: "black",
-      fill: "none",
-      strokeWidth: "2"
-    }
-  ) }),
-  stick: /* @__PURE__ */ s.jsx("svg", { width: "40", height: "40", children: /* @__PURE__ */ s.jsx("rect", { x: "16", y: "4", width: "8", height: "32", stroke: "black", fill: "none", strokeWidth: "2" }) }),
-  line: /* @__PURE__ */ s.jsx("svg", { width: "40", height: "40", children: /* @__PURE__ */ s.jsx("line", { x1: "4", y1: "20", x2: "36", y2: "20", stroke: "black", strokeWidth: "2" }) }),
-  arrow: /* @__PURE__ */ s.jsxs("svg", { width: "40", height: "40", children: [
-    /* @__PURE__ */ s.jsx("line", { x1: "4", y1: "20", x2: "30", y2: "20", stroke: "black", strokeWidth: "2" }),
-    /* @__PURE__ */ s.jsx("polygon", { points: "30,14 38,20 30,26", fill: "black" })
-  ] }),
-  dblarrow: /* @__PURE__ */ s.jsxs("svg", { width: "40", height: "40", children: [
-    /* @__PURE__ */ s.jsx("polygon", { points: "4,20 12,14 12,26", fill: "black" }),
-    /* @__PURE__ */ s.jsx("line", { x1: "12", y1: "20", x2: "28", y2: "20", stroke: "black", strokeWidth: "2" }),
-    /* @__PURE__ */ s.jsx("polygon", { points: "28,14 36,20 28,26", fill: "black" })
-  ] }),
-  parallelogram: /* @__PURE__ */ s.jsx("svg", { width: "40", height: "40", viewBox: "0 0 40 40", children: /* @__PURE__ */ s.jsx("polygon", { points: "8,8 34,8 26,32 0,32", stroke: "black", fill: "none", strokeWidth: "2" }) }),
-  roundedRect: /* @__PURE__ */ s.jsx("svg", { width: "40", height: "40", viewBox: "0 0 40 40", children: /* @__PURE__ */ s.jsx("rect", { x: "6", y: "10", width: "28", height: "20", rx: "4", ry: "4", stroke: "black", fill: "none", strokeWidth: "2" }) }),
-  capsule: /* @__PURE__ */ s.jsx("svg", { width: "40", height: "40", viewBox: "0 0 40 40", children: /* @__PURE__ */ s.jsx("rect", { x: "6", y: "14", width: "28", height: "12", rx: "6", ry: "6", stroke: "black", fill: "none", strokeWidth: "2" }) }),
-  pentagon: /* @__PURE__ */ s.jsx("svg", { width: "40", height: "40", viewBox: "0 0 40 40", children: /* @__PURE__ */ s.jsx("polygon", { points: "20,6 34,15 28,32 12,32 6,15", stroke: "black", fill: "none", strokeWidth: "2" }) }),
-  chevron: /* @__PURE__ */ s.jsx("svg", { width: "40", height: "40", viewBox: "0 0 100 100", children: /* @__PURE__ */ s.jsx(
-    "polyline",
-    {
-      points: "0,0 50,100 100,0",
-      fill: "none",
-      stroke: "black",
-      strokeWidth: "5"
-    }
-  ) }),
-  table3x3: /* @__PURE__ */ s.jsxs("svg", { width: "40", height: "40", viewBox: "0 0 40 40", children: [
-    /* @__PURE__ */ s.jsx("rect", { x: "4", y: "4", width: "32", height: "32", stroke: "black", fill: "none", strokeWidth: "2" }),
-    /* @__PURE__ */ s.jsx("line", { x1: "14", y1: "4", x2: "14", y2: "36", stroke: "black", strokeWidth: "2" }),
-    /* @__PURE__ */ s.jsx("line", { x1: "26", y1: "4", x2: "26", y2: "36", stroke: "black", strokeWidth: "2" }),
-    /* @__PURE__ */ s.jsx("line", { x1: "4", y1: "14", x2: "36", y2: "14", stroke: "black", strokeWidth: "2" }),
-    /* @__PURE__ */ s.jsx("line", { x1: "4", y1: "26", x2: "36", y2: "26", stroke: "black", strokeWidth: "2" })
-  ] }),
-  pyramid: /* @__PURE__ */ s.jsxs("svg", { width: "40", height: "40", viewBox: "0 0 40 40", children: [
-    /* @__PURE__ */ s.jsx("polygon", { points: "20,4 36,36 4,36", stroke: "black", fill: "none", strokeWidth: "2" }),
-    /* @__PURE__ */ s.jsx("line", { x1: "15", y1: "12", x2: "25", y2: "12", stroke: "black", strokeWidth: "2" }),
-    /* @__PURE__ */ s.jsx("line", { x1: "11", y1: "20", x2: "28", y2: "20", stroke: "black", strokeWidth: "2" }),
-    /* @__PURE__ */ s.jsx("line", { x1: "7", y1: "28", x2: "32", y2: "28", stroke: "black", strokeWidth: "2" })
-  ] }),
-  circleArrow: /* @__PURE__ */ s.jsxs("svg", { width: "40", height: "40", viewBox: "0 0 40 40", children: [
-    /* @__PURE__ */ s.jsx("circle", { cx: "20", cy: "20", r: "14", stroke: "black", fill: "none", strokeWidth: "2" }),
-    /* @__PURE__ */ s.jsx("line", { x1: "20", y1: "6", x2: "20", y2: "0", stroke: "black", strokeWidth: "2" }),
-    /* @__PURE__ */ s.jsx("polygon", { points: "18,2 22,2 20,0", fill: "black" })
-  ] }),
-  table3x3LeftMerge: /* @__PURE__ */ s.jsxs("svg", { width: "40", height: "40", viewBox: "0 0 40 40", children: [
-    /* @__PURE__ */ s.jsx("rect", { x: "4", y: "4", width: "32", height: "32", stroke: "black", fill: "none", strokeWidth: "2" }),
-    /* @__PURE__ */ s.jsx("line", { x1: "14", y1: "4", x2: "14", y2: "36", stroke: "black", strokeWidth: "2" }),
-    /* @__PURE__ */ s.jsx("line", { x1: "26", y1: "4", x2: "26", y2: "36", stroke: "black", strokeWidth: "2" }),
-    /* @__PURE__ */ s.jsx("line", { x1: "14", y1: "16", x2: "36", y2: "16", stroke: "black", strokeWidth: "2" }),
-    /* @__PURE__ */ s.jsx("line", { x1: "14", y1: "28", x2: "36", y2: "28", stroke: "black", strokeWidth: "2" })
-  ] })
-}, jn = "data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3%201.5H47C47.8284%201.5%2048.5%202.17157%2048.5%203V47C48.5%2047.8284%2047.8284%2048.5%2047%2048.5H3C2.17157%2048.5%201.5%2047.8284%201.5%2047V3C1.5%202.17157%202.17157%201.5%203%201.5Z'%20stroke='black'%20stroke-width='3'/%3e%3c/svg%3e", En = "data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3%201.5H47C47.8284%201.5%2048.5%202.17157%2048.5%203V47C48.5%2047.8284%2047.8284%2048.5%2047%2048.5H3C2.17157%2048.5%201.5%2047.8284%201.5%2047V3C1.5%202.17157%202.17157%201.5%203%201.5Z'%20stroke='%230000FF'%20stroke-width='3'/%3e%3c/svg%3e", Sn = () => {
-  const [t, e] = L(!1), n = F(null), i = (o) => {
-    o.stopPropagation(), e((a) => !a);
-  };
-  T(() => {
-    if (!t) return;
-    const o = (a) => {
-      n.current && !n.current.contains(a.target) && e(!1);
-    };
-    return window.addEventListener("pointerdown", o), () => window.removeEventListener("pointerdown", o);
-  }, [t]);
-  const r = (o) => (a) => {
-    a.stopPropagation(), a.dataTransfer.setData(kt, JSON.stringify({ shapeId: o.id })), a.dataTransfer.effectAllowed = "copy";
-  };
-  return /* @__PURE__ */ s.jsxs("div", { className: "left-toolbar-container", ref: n, onClick: (o) => o.stopPropagation(), children: [
-    /* @__PURE__ */ s.jsx("div", { className: `toolbar-card ${t ? "toolbar-card--open" : ""}`, children: /* @__PURE__ */ s.jsx("button", { onClick: i, className: `toolbar-btn toolbar-btn--icon toolbar-btn--shape ${t ? "toolbar-btn--active" : ""}`, children: /* @__PURE__ */ s.jsx("div", { className: `toolbar-shape-plate ${t ? "toolbar-shape-plate--active" : ""}`, children: /* @__PURE__ */ s.jsx("img", { src: t ? En : jn, alt: "Фигуры", draggable: !1 }) }) }) }),
-    t && /* @__PURE__ */ s.jsx("div", { className: "palette-wrapper", onClick: (o) => o.stopPropagation(), children: /* @__PURE__ */ s.jsx("div", { className: "shape-panel", children: /* @__PURE__ */ s.jsx("div", { className: "shape-grid", children: St.map((o) => /* @__PURE__ */ s.jsx(
-      "button",
-      {
-        className: "shape-item",
-        draggable: !0,
-        onDragStart: r(o),
-        title: o.name,
-        children: bn[o.id]
-      },
-      o.id
-    )) }) }) }),
-    /* @__PURE__ */ s.jsx(vt, { shapeOpen: t })
-  ] });
 }, Wn = {
-  shape: vt
-}, $ = ({ children: t }) => /* @__PURE__ */ s.jsx("div", { children: t }), Bn = ({ nodeTypes: t }) => {
+  shape: Sn
+}, X = ({ children: t }) => /* @__PURE__ */ s.jsx("div", { children: t }), Bn = ({ nodeTypes: t }) => {
   const e = z((o) => o.setStickers);
   F(null);
-  const [n, i] = L(() => $);
+  const [n, r] = I(() => X);
   ({
     ...Wn,
     ...t || {}
@@ -1257,30 +1266,30 @@ const vt = ({ id: t, data: e, style: n, shapeOpen: i }) => {
     (async () => {
       try {
         const [a, l] = await Promise.all([
-          G.getAll(),
-          G.getBoard()
-        ]), h = new Map(a.map((f) => [String(f.id), f.shapeId]));
+          J.getAll(),
+          J.getBoard()
+        ]), h = new Map(a.map((g) => [String(g.id), g.shapeId]));
         let u = 30, d = 30;
-        const m = [];
-        for (const f of l) {
-          const k = f.width ?? 140, _ = f.height ?? 140, S = f.rotation ?? 0, W = h.get(String(f.shapeId)) ?? "square";
-          m.push({
-            id: f.id,
-            stickerId: f.id,
+        const x = [];
+        for (const g of l) {
+          const m = g.width ?? 140, v = g.height ?? 140, S = g.rotation ?? 0, W = h.get(String(g.shapeId)) ?? "square";
+          x.push({
+            id: g.id,
+            stickerId: g.id,
             type: "shape",
             shapeId: W,
-            shapeDbId: f.shapeId,
+            shapeDbId: g.shapeId,
             x: u,
             y: d,
-            width: k,
-            height: _,
+            width: m,
+            height: v,
             rotation: S,
             zIndex: 1,
             fill: "transparent",
             stroke: "#000"
           }), u += 24, d += 24;
         }
-        e(m);
+        e(x);
       } catch (a) {
         console.warn("Не удалось загрузить доску для фигур:", a);
       }
@@ -1291,22 +1300,22 @@ const vt = ({ id: t, data: e, style: n, shapeOpen: i }) => {
       if (!o)
         return;
       const l = (a && (a.Widget || a.default || (a == null ? void 0 : a.widget) || (a == null ? void 0 : a.XyflowWidget))) ?? null;
-      typeof l == "function" || _t.isValidElement(l) ? i(() => l) : i(() => $);
+      typeof l == "function" || kt.isValidElement(l) ? r(() => l) : r(() => X);
     }).catch(() => {
-      o && i(() => $);
+      o && r(() => X);
     }), () => {
       o = !1;
     };
   }, []);
-  const r = n || $;
-  return /* @__PURE__ */ s.jsx(r, { children: /* @__PURE__ */ s.jsx("div", { className: "relative flex h-screen w-screen bg-gray-100", children: /* @__PURE__ */ s.jsx(Sn, {}) }) });
+  const i = n || X;
+  return /* @__PURE__ */ s.jsx(i, { children: /* @__PURE__ */ s.jsx("div", { className: "relative flex h-screen w-screen bg-gray-100", children: /* @__PURE__ */ s.jsx(Ct, {}) }) });
 };
 export {
   Bn as S,
-  St as a,
-  G as b,
-  vt as c,
-  Sn as d,
+  Et as a,
+  J as b,
+  Sn as c,
+  Ct as d,
   Wn as s
 };
-//# sourceMappingURL=ShapeBoardWidget-ChVcXBBP.js.map
+//# sourceMappingURL=ShapeBoardWidget-BmgYD5zN.js.map