integration-modules 0.1.14 → 0.1.15

package/dist/chunks/ShapeBoardWidget-ChVcXBBP.js

@@ -0,0 +1,1312 @@
+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 = [
+  { id: "line", name: "Линия", defaultSize: { width: 80, height: 20 } },
+  { id: "arrow", name: "Стрелка", defaultSize: { width: 180, height: 60 } },
+  { id: "dblarrow", name: "Двойная стрелка", defaultSize: { width: 200, height: 60 } },
+  { id: "square", name: "Квадрат", defaultSize: { width: 140, height: 140 } },
+  { id: "circle", name: "Круг", defaultSize: { width: 140, height: 140 } },
+  { id: "triangle", name: "Треугольник", defaultSize: { width: 160, height: 150 } },
+  { id: "star", name: "Звезда", defaultSize: { width: 160, height: 160 } },
+  { id: "parallelogram", name: "Параллелограмм", defaultSize: { width: 200, height: 120 } },
+  { id: "stick", name: "Палка", defaultSize: { width: 20, height: 160 } },
+  { id: "roundedRect", name: "Скруглённый прямоугольник", defaultSize: { width: 160, height: 100 } },
+  { id: "capsule", name: "Капсула", defaultSize: { width: 160, height: 60 } },
+  { id: "pentagon", name: "Пятиугольник", defaultSize: { width: 140, height: 140 } },
+  { id: "chevron", name: "Галка", defaultSize: { width: 160, height: 80 } },
+  { id: "table3x3", name: "Таблица 3×3", defaultSize: { width: 180, height: 180 } },
+  { 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) {
+  return await t.text() || `HTTP ${t.status}`;
+}
+const G = {
+  async getAll() {
+    const t = await fetch("/api/v1/shapes/get-all");
+    if (!t.ok)
+      throw new Error(await B(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));
+    return await e.json();
+  },
+  async addToBoard(t, e, n, i) {
+    const r = await fetch("/api/v1/shapes/board", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ shapeId: t, width: e, height: n, rotation: i })
+    });
+    if (!r.ok)
+      throw new Error(await B(r));
+    return await r.json();
+  },
+  async getBoard() {
+    const t = await fetch("/api/v1/shapes/board");
+    if (!t.ok)
+      throw new Error(await B(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));
+    return await e.json();
+  },
+  async updateBoardTransform(t, e, n, i) {
+    const r = await fetch(`/api/v1/shapes/board/${t}/transform`, {
+      method: "PATCH",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ width: e, height: n, rotation: i })
+    });
+    if (!r.ok)
+      throw new Error(await B(r));
+    return await r.json();
+  },
+  async delete(t) {
+    const e = await fetch(`/api/v1/shapes/${t}`, { method: "DELETE" });
+    if (!e.ok) throw new Error(await B(e));
+    return !0;
+  }
+}, it = {
+  line: ({ stroke: t, sw: e = 2 }) => /* @__PURE__ */ s.jsx("line", { x1: "0", y1: "50%", x2: "100%", y2: "50%", stroke: t || "#000", strokeWidth: e, vectorEffect: "non-scaling-stroke" }),
+  arrow: ({ stroke: t, sw: e = 2 }) => /* @__PURE__ */ s.jsxs("svg", { width: "100%", height: "100%", viewBox: "0 0 100 100", children: [
+    /* @__PURE__ */ s.jsx("defs", { children: /* @__PURE__ */ s.jsx(
+      "marker",
+      {
+        id: "arrowhead-end",
+        markerWidth: "10",
+        markerHeight: "10",
+        refX: "10",
+        refY: "5",
+        orient: "auto",
+        markerUnits: "strokeWidth",
+        children: /* @__PURE__ */ s.jsx("polygon", { points: "0 0, 10 5, 0 10", fill: t || "#000" })
+      }
+    ) }),
+    /* @__PURE__ */ s.jsx(
+      "line",
+      {
+        x1: "0",
+        y1: "50",
+        x2: "100",
+        y2: "50",
+        stroke: t || "#000",
+        strokeWidth: e,
+        markerEnd: "url(#arrowhead-end)",
+        vectorEffect: "non-scaling-stroke"
+      }
+    )
+  ] }),
+  dblarrow: ({ stroke: t, sw: e = 2 }) => /* @__PURE__ */ s.jsxs("svg", { width: "100%", height: "100%", viewBox: "0 0 100 100", children: [
+    /* @__PURE__ */ s.jsxs("defs", { children: [
+      /* @__PURE__ */ s.jsx(
+        "marker",
+        {
+          id: "arrowhead-end",
+          markerWidth: "10",
+          markerHeight: "10",
+          refX: "10",
+          refY: "5",
+          orient: "auto",
+          markerUnits: "strokeWidth",
+          children: /* @__PURE__ */ s.jsx("polygon", { points: "0 0, 10 5, 0 10", fill: t || "#000" })
+        }
+      ),
+      /* @__PURE__ */ s.jsx(
+        "marker",
+        {
+          id: "arrowhead-start",
+          markerWidth: "10",
+          markerHeight: "10",
+          refX: "0",
+          refY: "5",
+          orient: "auto",
+          markerUnits: "strokeWidth",
+          children: /* @__PURE__ */ s.jsx("polygon", { points: "10 0, 0 5, 10 10", fill: t || "#000" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s.jsx(
+      "line",
+      {
+        x1: "0",
+        y1: "50",
+        x2: "100",
+        y2: "50",
+        stroke: t || "#000",
+        strokeWidth: e,
+        markerStart: "url(#arrowhead-start)",
+        markerEnd: "url(#arrowhead-end)",
+        vectorEffect: "non-scaling-stroke"
+      }
+    )
+  ] }),
+  square: ({ fill: t, stroke: e, sw: n = 2 }) => /* @__PURE__ */ s.jsx("rect", { width: "100%", height: "100%", fill: t || "transparent", stroke: e || "#000", strokeWidth: n, vectorEffect: "non-scaling-stroke" }),
+  circle: ({ fill: t, stroke: e, sw: n = 2 }) => /* @__PURE__ */ s.jsx("ellipse", { cx: "50%", cy: "50%", rx: "50%", ry: "50%", fill: t || "transparent", stroke: e || "#000", strokeWidth: n, vectorEffect: "non-scaling-stroke" }),
+  triangle: ({ fill: t, stroke: e, sw: n = 2 }) => /* @__PURE__ */ s.jsx("polygon", { points: "50,0 100,100 0,100", fill: t || "transparent", stroke: e || "#000", strokeWidth: n, vectorEffect: "non-scaling-stroke" }),
+  star: ({ fill: t, stroke: e, sw: n = 2 }) => /* @__PURE__ */ s.jsx("polygon", { points: "50,0 61,35 98,35 68,57 79,91 50,70 21,91 32,57 2,35 39,35", fill: t || "transparent", stroke: e || "#000", strokeWidth: n, vectorEffect: "non-scaling-stroke" }),
+  parallelogram: ({ fill: t, stroke: e, sw: n = 2 }) => /* @__PURE__ */ s.jsx("polygon", { points: "20,0 100,0 80,100 0,100", fill: t || "transparent", stroke: e || "#000", strokeWidth: n, vectorEffect: "non-scaling-stroke" }),
+  roundedRect: ({ fill: t, stroke: e, sw: n = 2 }) => /* @__PURE__ */ s.jsx("rect", { width: "100%", height: "100%", rx: "20", ry: "20", fill: t || "transparent", stroke: e || "#000", strokeWidth: n, vectorEffect: "non-scaling-stroke" }),
+  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: [
+    /* @__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" })
+  ] }),
+  table3x3LeftMerge: ({ fill: t, stroke: e, sw: n = 2, innerSw: i = 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" })
+  ] }),
+  pyramid: ({ fill: t, stroke: e, sw: n = 2, innerSw: i = 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))
+  ] }),
+  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(
+      "marker",
+      {
+        id: "arrowhead-circle",
+        markerWidth: "8",
+        markerHeight: "8",
+        refX: "4",
+        refY: "4",
+        orient: "auto",
+        markerUnits: "strokeWidth",
+        children: /* @__PURE__ */ s.jsx("polygon", { points: "0 0, 8 4, 0 8", fill: e || "#000" })
+      }
+    ) }),
+    /* @__PURE__ */ s.jsx(
+      "circle",
+      {
+        cx: "50",
+        cy: "50",
+        r: "48",
+        fill: t || "transparent",
+        stroke: e || "#000",
+        strokeWidth: n,
+        vectorEffect: "non-scaling-stroke"
+      }
+    ),
+    /* @__PURE__ */ s.jsx(
+      "line",
+      {
+        x1: "50",
+        y1: "2",
+        x2: "50",
+        y2: "-20",
+        stroke: e || "#000",
+        strokeWidth: n,
+        markerEnd: "url(#arrowhead-circle)",
+        vectorEffect: "non-scaling-stroke"
+      }
+    )
+  ] })
+};
+var Q = "http://www.w3.org/1999/xhtml";
+const st = {
+  svg: "http://www.w3.org/2000/svg",
+  xhtml: Q,
+  xlink: "http://www.w3.org/1999/xlink",
+  xml: "http://www.w3.org/XML/1998/namespace",
+  xmlns: "http://www.w3.org/2000/xmlns/"
+};
+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) {
+  return function() {
+    var e = this.ownerDocument, n = this.namespaceURI;
+    return n === Q && e.documentElement.namespaceURI === Q ? e.createElement(t) : e.createElementNS(n, t);
+  };
+}
+function At(t) {
+  return function() {
+    return this.ownerDocument.createElementNS(t.space, t.local);
+  };
+}
+function ct(t) {
+  var e = lt(t);
+  return (e.local ? At : Wt)(e);
+}
+function Ct() {
+}
+function ht(t) {
+  return t == null ? Ct : function() {
+    return this.querySelector(t);
+  };
+}
+function Nt(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)
+      (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);
+}
+function Bt(t) {
+  return t == null ? [] : Array.isArray(t) ? t : Array.from(t);
+}
+function Rt() {
+  return [];
+}
+function zt(t) {
+  return t == null ? Rt : function() {
+    return this.querySelectorAll(t);
+  };
+}
+function Tt(t) {
+  return function() {
+    return Bt(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)
+    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);
+}
+function Pt(t) {
+  return function() {
+    return this.matches(t);
+  };
+}
+function ut(t) {
+  return function(e) {
+    return e.matches(t);
+  };
+}
+var It = Array.prototype.find;
+function Ft(t) {
+  return function() {
+    return It.call(this.children, t);
+  };
+}
+function Lt() {
+  return this.firstElementChild;
+}
+function Ht(t) {
+  return this.select(t == null ? Lt : Ft(typeof t == "function" ? t : ut(t)));
+}
+var Dt = Array.prototype.filter;
+function Ot() {
+  return Array.from(this.children);
+}
+function Vt(t) {
+  return function() {
+    return Dt.call(this.children, t);
+  };
+}
+function qt(t) {
+  return this.selectAll(t == null ? Ot : Vt(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)
+      (h = o[u]) && t.call(h, h.__data__, u, o) && l.push(h);
+  return new E(i, this._parents);
+}
+function ft(t) {
+  return new Array(t.length);
+}
+function $t() {
+  return new E(this._enter || this._groups.map(ft), this._parents);
+}
+function Y(t, e) {
+  this.ownerDocument = t.ownerDocument, this.namespaceURI = t.namespaceURI, this._next = null, this._parent = t, this.__data__ = e;
+}
+Y.prototype = {
+  constructor: Y,
+  appendChild: function(t) {
+    return this._parent.insertBefore(t, this._next);
+  },
+  insertBefore: function(t, e) {
+    return this._parent.insertBefore(t, e);
+  },
+  querySelector: function(t) {
+    return this._parent.querySelector(t);
+  },
+  querySelectorAll: function(t) {
+    return this._parent.querySelectorAll(t);
+  }
+};
+function Ut(t) {
+  return function() {
+    return t;
+  };
+}
+function Yt(t, e, n, i, r, 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]);
+  for (; a < h; ++a)
+    (l = e[a]) && (r[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;
+  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]);
+  for (l = 0; l < d; ++l)
+    (h = e[l]) && u.get(f[l]) === h && (r[l] = h);
+}
+function Jt(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;
+      }
+  }
+  return a = new E(a, i), a._enter = l, a._exit = h, a;
+}
+function Gt(t) {
+  return typeof t == "object" && "length" in t ? t : Array.from(t);
+}
+function Qt() {
+  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 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)
+    l[h] = n[h];
+  return new E(l, this._parents);
+}
+function ne() {
+  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);
+  return this;
+}
+function re(t) {
+  t || (t = ie);
+  function e(m, f) {
+    return m && f ? t(m.__data__, f.__data__) : !m - !f;
+  }
+  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)
+      (u = a[d]) && (h[d] = u);
+    h.sort(e);
+  }
+  return new E(r, this._parents).order();
+}
+function ie(t, e) {
+  return t < e ? -1 : t > e ? 1 : t >= e ? 0 : NaN;
+}
+function se() {
+  var t = arguments[0];
+  return arguments[0] = this, t.apply(null, arguments), this;
+}
+function oe() {
+  return Array.from(this);
+}
+function ae() {
+  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];
+      if (a) return a;
+    }
+  return null;
+}
+function le() {
+  let t = 0;
+  for (const e of this) ++t;
+  return t;
+}
+function ce() {
+  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);
+  return this;
+}
+function ue(t) {
+  return function() {
+    this.removeAttribute(t);
+  };
+}
+function fe(t) {
+  return function() {
+    this.removeAttributeNS(t.space, t.local);
+  };
+}
+function de(t, e) {
+  return function() {
+    this.setAttribute(t, e);
+  };
+}
+function ge(t, e) {
+  return function() {
+    this.setAttributeNS(t.space, t.local, e);
+  };
+}
+function pe(t, e) {
+  return function() {
+    var n = e.apply(this, arguments);
+    n == null ? this.removeAttribute(t) : this.setAttribute(t, n);
+  };
+}
+function ye(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) {
+  var n = lt(t);
+  if (arguments.length < 2) {
+    var i = this.node();
+    return n.local ? i.getAttributeNS(n.space, n.local) : i.getAttribute(n);
+  }
+  return this.each((e == null ? n.local ? fe : ue : typeof e == "function" ? n.local ? ye : pe : n.local ? ge : de)(n, e));
+}
+function dt(t) {
+  return t.ownerDocument && t.ownerDocument.defaultView || t.document && t || t.defaultView;
+}
+function we(t) {
+  return function() {
+    this.style.removeProperty(t);
+  };
+}
+function me(t, e, n) {
+  return function() {
+    this.style.setProperty(t, e, n);
+  };
+}
+function ve(t, e, n) {
+  return function() {
+    var i = e.apply(this, arguments);
+    i == null ? this.style.removeProperty(t) : this.style.setProperty(t, i, 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 _e(t, e) {
+  return t.style.getPropertyValue(e) || dt(t).getComputedStyle(t, null).getPropertyValue(e);
+}
+function be(t) {
+  return function() {
+    delete this[t];
+  };
+}
+function je(t, e) {
+  return function() {
+    this[t] = e;
+  };
+}
+function Ee(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 gt(t) {
+  return t.trim().split(/^|\s+/);
+}
+function et(t) {
+  return t.classList || new pt(t);
+}
+function pt(t) {
+  this._node = t, this._names = gt(t.getAttribute("class") || "");
+}
+pt.prototype = {
+  add: function(t) {
+    var e = this._names.indexOf(t);
+    e < 0 && (this._names.push(t), this._node.setAttribute("class", this._names.join(" ")));
+  },
+  remove: function(t) {
+    var e = this._names.indexOf(t);
+    e >= 0 && (this._names.splice(e, 1), this._node.setAttribute("class", this._names.join(" ")));
+  },
+  contains: function(t) {
+    return this._names.indexOf(t) >= 0;
+  }
+};
+function yt(t, e) {
+  for (var n = et(t), i = -1, r = e.length; ++i < r; ) n.add(e[i]);
+}
+function xt(t, e) {
+  for (var n = et(t), i = -1, r = e.length; ++i < r; ) n.remove(e[i]);
+}
+function We(t) {
+  return function() {
+    yt(this, t);
+  };
+}
+function Ae(t) {
+  return function() {
+    xt(this, t);
+  };
+}
+function Ce(t, e) {
+  return function() {
+    (e.apply(this, arguments) ? yt : xt)(this, t);
+  };
+}
+function Ne(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;
+    return !0;
+  }
+  return this.each((typeof e == "function" ? Ce : e ? We : Ae)(n, e));
+}
+function Be() {
+  this.textContent = "";
+}
+function Re(t) {
+  return function() {
+    this.textContent = t;
+  };
+}
+function ze(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 Me() {
+  this.innerHTML = "";
+}
+function Pe(t) {
+  return function() {
+    this.innerHTML = t;
+  };
+}
+function Ie(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 Le() {
+  this.nextSibling && this.parentNode.appendChild(this);
+}
+function He() {
+  return this.each(Le);
+}
+function De() {
+  this.previousSibling && this.parentNode.insertBefore(this, this.parentNode.firstChild);
+}
+function Oe() {
+  return this.each(De);
+}
+function Ve(t) {
+  var e = typeof t == "function" ? t : ct(t);
+  return this.select(function() {
+    return this.appendChild(e.apply(this, arguments));
+  });
+}
+function qe() {
+  return null;
+}
+function Xe(t, e) {
+  var n = typeof t == "function" ? t : ct(t), i = e == null ? qe : typeof e == "function" ? e : ht(e);
+  return this.select(function() {
+    return this.insertBefore(n.apply(this, arguments), i.apply(this, arguments) || null);
+  });
+}
+function $e() {
+  var t = this.parentNode;
+  t && t.removeChild(this);
+}
+function Ue() {
+  return this.each($e);
+}
+function Ye() {
+  var t = this.cloneNode(!1), e = this.parentNode;
+  return e ? e.insertBefore(t, this.nextSibling) : t;
+}
+function Ke() {
+  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 Ze(t) {
+  return arguments.length ? this.property("__data__", t) : this.node().__data__;
+}
+function Ge(t) {
+  return function(e) {
+    t.call(this, e, this.__data__);
+  };
+}
+function Qe(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 };
+  });
+}
+function tn(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;
+    }
+  };
+}
+function en(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;
+          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];
+  };
+}
+function nn(t, e, n) {
+  var i = Qe(t + ""), r, o = i.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)
+            return d.value;
+    }
+    return;
+  }
+  for (l = e ? en : tn, r = 0; r < o; ++r) this.each(l(i[r], 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 rn(t, e) {
+  return function() {
+    return wt(this, t, e);
+  };
+}
+function sn(t, e) {
+  return function() {
+    return wt(this, t, e.apply(this, arguments));
+  };
+}
+function on(t, e) {
+  return this.each((typeof e == "function" ? sn : rn)(t, e));
+}
+function* an() {
+  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);
+}
+var ln = [null];
+function E(t, e) {
+  this._groups = t, this._parents = e;
+}
+function cn() {
+  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
+};
+function H(t) {
+  return typeof t == "string" ? new E([[document.querySelector(t)]], [document.documentElement]) : new E([[t]], ln);
+}
+function hn(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) {
+    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];
+    }
+    if (e.getBoundingClientRect) {
+      var r = e.getBoundingClientRect();
+      return [t.clientX - r.left - e.clientLeft, t.clientY - r.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: () => {
+} };
+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] = [];
+  }
+  return new U(n);
+}
+function U(t) {
+  this._ = t;
+}
+function dn(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 };
+  });
+}
+U.prototype = mt.prototype = {
+  constructor: U,
+  on: function(t, e) {
+    var n = this._, i = dn(t + "", n), r, o = -1, a = i.length;
+    if (arguments.length < 2) {
+      for (; ++o < a; ) if ((r = (t = i[o]).type) && (r = gn(n[r], t.name))) return r;
+      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);
+    return this;
+  },
+  copy: function() {
+    var t = {}, e = this._;
+    for (var n in e) t[n] = e[n].slice();
+    return new U(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 (!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);
+  },
+  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);
+  }
+};
+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 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));
+      break;
+    }
+  return n != null && t.push({ name: e, value: n }), t;
+}
+const pn = { passive: !1 }, D = { capture: !0, passive: !1 };
+function Z(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 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);
+}
+const X = (t) => () => t;
+function tt(t, {
+  sourceEvent: e,
+  subject: n,
+  target: i,
+  identifier: r,
+  active: o,
+  x: a,
+  y: l,
+  dx: h,
+  dy: u,
+  dispatch: d
+}) {
+  Object.defineProperties(this, {
+    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 },
+    active: { value: o, enumerable: !0, configurable: !0 },
+    x: { value: a, enumerable: !0, configurable: !0 },
+    y: { value: l, enumerable: !0, configurable: !0 },
+    dx: { value: h, enumerable: !0, configurable: !0 },
+    dy: { value: u, enumerable: !0, configurable: !0 },
+    _: { value: d }
+  });
+}
+tt.prototype.on = function() {
+  var t = this._.on.apply(this._, arguments);
+  return t === this._ ? this : t;
+};
+function wn(t) {
+  return !t.ctrlKey && !t.button;
+}
+function mn() {
+  return this.parentNode;
+}
+function vn(t, e) {
+  return e ?? { x: t.x, y: t.y };
+}
+function kn() {
+  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 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 _(c) {
+    if (M(c), !u) {
+      var y = c.clientX - l, g = c.clientY - h;
+      u = y * y + g * g > m;
+    }
+    r.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);
+  }
+  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 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]));
+  }
+  function A(c) {
+    var y = c.changedTouches, g = y.length, p, x;
+    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]));
+  }
+  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,
+      active: a,
+      x: v[0],
+      y: v[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) {
+          case "start":
+            r[x] = K, J = a++;
+            break;
+          case "end":
+            delete r[x], --a;
+          case "drag":
+            v = ot(q || P, y), J = a;
+            break;
+        }
+        b.call(
+          V,
+          c,
+          new tt(V, {
+            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
+          }),
+          p
+        );
+      };
+  }
+  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() {
+    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;
+}
+const vt = ({ id: t, data: e, style: n, shapeOpen: i }) => {
+  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);
+  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);
+  }, [r]), T(() => {
+    m.current = k;
+  }, [k]), 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);
+    }).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);
+    }).on("end", () => {
+      A(!1);
+      const w = Number(m.current) || 0;
+      o(r.id, { rotation: w });
+    });
+    return p.call(x), () => p.on(".drag", null);
+  }, [j, r, o]);
+  const c = bt(() => {
+    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));
+  };
+  return r ? /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      onClick: y,
+      style: {
+        ...n,
+        position: "relative",
+        zIndex: r.zIndex,
+        cursor: N ? "grabbing" : "grab",
+        width: S.width,
+        height: S.height,
+        transform: `rotate(${k}deg)`,
+        transformOrigin: "50% 50%",
+        pointerEvents: "auto"
+      },
+      "data-drag-disabled": N,
+      children: [
+        /* @__PURE__ */ s.jsx(
+          Et,
+          {
+            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 };
+            },
+            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 });
+              try {
+                await G.updateBoardTransform(t, x, w, b);
+              } catch (v) {
+                console.warn("Не удалось сохранить размеры фигуры", v);
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ s.jsx(
+          "svg",
+          {
+            width: S.width,
+            height: S.height,
+            viewBox: "0 0 100 100",
+            preserveAspectRatio: "none",
+            children: c
+          }
+        ),
+        j && /* @__PURE__ */ s.jsx(
+          "div",
+          {
+            ref: d,
+            className: "nodrag nopan",
+            style: {
+              position: "absolute",
+              width: 15,
+              height: 15,
+              top: -24,
+              right: -8,
+              cursor: "grab",
+              zIndex: 1e3,
+              pointerEvents: "auto",
+              transform: `translateX(-50%) rotate(${k}deg)`,
+              transition: N ? "none" : "transform 0.15s ease-out"
+            },
+            children: /* @__PURE__ */ s.jsx(
+              "img",
+              {
+                src: un,
+                alt: "Rotate",
+                draggable: !1,
+                style: {
+                  width: "100%",
+                  height: "100%",
+                  objectFit: "contain"
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ s.jsx(nt, { type: "target", position: rt.Left, className: "z-100000" }),
+        /* @__PURE__ */ s.jsx(nt, { type: "source", position: rt.Right, className: "z-100000" })
+      ]
+    }
+  ) }) : 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 }) => {
+  const e = z((o) => o.setStickers);
+  F(null);
+  const [n, i] = L(() => $);
+  ({
+    ...Wn,
+    ...t || {}
+  }, T(() => {
+    (async () => {
+      try {
+        const [a, l] = await Promise.all([
+          G.getAll(),
+          G.getBoard()
+        ]), h = new Map(a.map((f) => [String(f.id), f.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,
+            type: "shape",
+            shapeId: W,
+            shapeDbId: f.shapeId,
+            x: u,
+            y: d,
+            width: k,
+            height: _,
+            rotation: S,
+            zIndex: 1,
+            fill: "transparent",
+            stroke: "#000"
+          }), u += 24, d += 24;
+        }
+        e(m);
+      } catch (a) {
+        console.warn("Не удалось загрузить доску для фигур:", a);
+      }
+    })();
+  }, [e])), T(() => {
+    let o = !0;
+    return import("@xyflow/react").then((a) => {
+      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(() => $);
+    }).catch(() => {
+      o && i(() => $);
+    }), () => {
+      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, {}) }) });
+};
+export {
+  Bn as S,
+  St as a,
+  G as b,
+  vt as c,
+  Sn as d,
+  Wn as s
+};
+//# sourceMappingURL=ShapeBoardWidget-ChVcXBBP.js.map