@layers-app/editor 0.7.94 → 1.0.2

package/dist/{layers.bOjyWNMD.js → layers.5OnFs5EZ.js}

@@ -1,4 +1,4 @@
-import { B as gl, D as er } from "./layers.CBd4b_-g.js";
+import { B as gl, D as er } from "./layers.ua3bbH6R.js";
 import * as H from "react";
 import K, { useCallback as ze, useReducer as K5, useEffect as ee, useDebugValue as Jy, useContext as fn, createContext as Ja, useRef as le, useLayoutEffect as Ln, useState as ue, useMemo as qe, createElement as Je, forwardRef as _t, Children as tn, isValidElement as Jn, cloneElement as bl, Fragment as Hu, memo as So, useImperativeHandle as q5, version as Qy, useDeferredValue as ew } from "react";
 import { jsx as p, jsxs as A, Fragment as re } from "react/jsx-runtime";
@@ -4584,7 +4584,7 @@ var NI = B(A("g", { children: [p("path", { stroke: "none", d: "M0 0h24v24H0z", f
       return Vm = !1, TM() && (r instanceof J8 || r instanceof Q8) || console.error("Failed to use workers for subsetting, falling back to the main thread.", r), a(e, t);
     }
   }) : a(e, t);
-}, wf = null, Ef = null, ZI = async () => (wf || (wf = import("./layers.BEGVP5H5.js")), wf), KI = async () => (Ef || (Ef = import("./layers.C4LsiUri.js")), Ef), xf = null, qI = () => (xf || (xf = fr(async () => {
+}, wf = null, Ef = null, ZI = async () => (wf || (wf = import("./layers.CMywzl8G.js")), wf), KI = async () => (Ef || (Ef = import("./layers.DwWb-6ht.js")), Ef), xf = null, qI = () => (xf || (xf = fr(async () => {
   let { WorkerUrl: e } = await ZI();
   return jI.create(e);
 })), xf), t7 = class Md {
@@ -9714,7 +9714,7 @@ var YN = t0, Li = YN, j = (e, t, n = !0, a) => {
 }, hO = (e) => e.filter((t) => !t.isDeleted && !fl(t)), nt = (e) => e.filter((t) => !t.isDeleted), i0 = (e) => !e.isDeleted, q3 = (e) => nt(e).map((t) => ap(t.type) ? { ...t, lastCommittedPoint: null } : t), fO = (e) => q3(e), J3 = (e) => q3(e), Q3 = async (e) => {
   let t;
   if (e.type === oe.png) try {
-    return await (await import("./layers.CEG5rDDR.js")).decodePngMetadata(e);
+    return await (await import("./layers.DiOeZ_ia.js")).decodePngMetadata(e);
   } catch (n) {
     throw n.message === "INVALID" ? new Xr("Image doesn't contain scene", "IMAGE_NOT_CONTAINS_SCENE_DATA") : new Xr("Error: cannot restore image");
   }
@@ -9789,7 +9789,7 @@ var YN = t0, Li = YN, j = (e, t, n = !0, a) => {
   return new File([r], t, { type: i });
 }, bO = (e) => o4(e.slice(e.indexOf(",") + 1)), l0 = async (e, t) => {
   if (e.type === oe.svg) return e;
-  let [n, a] = await Promise.all([import("./layers.Ch3sBjxG.js").then((r) => r.p).then((r) => r.default), import("./layers.B7K7JjK6.js").then((r) => r.default)]), i = a({ pica: n({ features: ["js", "wasm"] }) });
+  let [n, a] = await Promise.all([import("./layers.DhXZk0JS.js").then((r) => r.p).then((r) => r.default), import("./layers.B7K7JjK6.js").then((r) => r.default)]), i = a({ pica: n({ features: ["js", "wasm"] }) });
   if (t.outputType) {
     let { outputType: r } = t;
     i._create_blob = function(l) {
@@ -14681,7 +14681,7 @@ Ji.defaults = {
   maxTailLength: 50
 };
 let Lu = Ji;
-var N9 = g4(), { useAtom: St, useSetAtom: _h, useAtomValue: O9, useStore: dZ } = N9, NH = N9.Provider, ga = sU(), OH = iw({ "./locales/ar-SA.json": () => import("./layers.BsilZJVZ.js"), "./locales/az-AZ.json": () => import("./layers.CCVF69iT.js"), "./locales/bg-BG.json": () => import("./layers.C7yRYYMj.js"), "./locales/bn-BD.json": () => import("./layers.BJL0EBPa.js"), "./locales/ca-ES.json": () => import("./layers.BcWyCmWd.js"), "./locales/cs-CZ.json": () => import("./layers.DzkkzOI1.js"), "./locales/da-DK.json": () => import("./layers.GjBrbIMu.js"), "./locales/de-DE.json": () => import("./layers.DlHAVU5n.js"), "./locales/el-GR.json": () => import("./layers.CBMyh3tg.js"), "./locales/en.json": () => import("./layers.DXJuHUsP.js"), "./locales/es-ES.json": () => import("./layers.jjUX4oi2.js"), "./locales/eu-ES.json": () => import("./layers.W4AlOGgf.js"), "./locales/fa-IR.json": () => import("./layers.C_cLfJzM.js"), "./locales/fi-FI.json": () => import("./layers.CrDI7BOy.js"), "./locales/fr-FR.json": () => import("./layers.iikl0VeP.js"), "./locales/gl-ES.json": () => import("./layers.DrYDPEw4.js"), "./locales/he-IL.json": () => import("./layers.zHn0MlgM.js"), "./locales/hi-IN.json": () => import("./layers.GIL4vDl3.js"), "./locales/hu-HU.json": () => import("./layers.CHAiYk68.js"), "./locales/id-ID.json": () => import("./layers.4t4ris2c.js"), "./locales/it-IT.json": () => import("./layers.BT7KTLga.js"), "./locales/ja-JP.json": () => import("./layers.DKJ2WU82.js"), "./locales/kaa.json": () => import("./layers.CUWMwxBO.js"), "./locales/kab-KAB.json": () => import("./layers.DLGlC4vJ.js"), "./locales/kk-KZ.json": () => import("./layers.PPWNGasf.js"), "./locales/km-KH.json": () => import("./layers.BfOoqcmT.js"), "./locales/ko-KR.json": () => import("./layers.BJOiGxCQ.js"), "./locales/ku-TR.json": () => import("./layers._4FKy5MF.js"), "./locales/lt-LT.json": () => import("./layers.Dv2NVib3.js"), "./locales/lv-LV.json": () => import("./layers.DAsilv3R.js"), "./locales/mr-IN.json": () => import("./layers.BrQYLhBE.js"), "./locales/my-MM.json": () => import("./layers.BSBUCRxL.js"), "./locales/nb-NO.json": () => import("./layers.D0XXdyU0.js"), "./locales/nl-NL.json": () => import("./layers.BZfzujdb.js"), "./locales/nn-NO.json": () => import("./layers.DgnF9ACQ.js"), "./locales/oc-FR.json": () => import("./layers.0zto2iHQ.js"), "./locales/pa-IN.json": () => import("./layers.BVm12Snl.js"), "./locales/percentages.json": () => import("./layers.CyynMWyN.js"), "./locales/pl-PL.json": () => import("./layers.Bg238NQZ.js"), "./locales/pt-BR.json": () => import("./layers.4O7NP2hG.js"), "./locales/pt-PT.json": () => import("./layers.D_Mv6gfq.js"), "./locales/ro-RO.json": () => import("./layers._QYCBpoM.js"), "./locales/ru-RU.json": () => import("./layers.D_4fiBYz.js"), "./locales/si-LK.json": () => import("./layers.CYvsrAsT.js"), "./locales/sk-SK.json": () => import("./layers.D8LHv5Wk.js"), "./locales/sl-SI.json": () => import("./layers.Dvgz32kE.js"), "./locales/sv-SE.json": () => import("./layers.DSwDTe9Z.js"), "./locales/ta-IN.json": () => import("./layers.KBaHkWu2.js"), "./locales/th-TH.json": () => import("./layers.DT-IC93y.js"), "./locales/tr-TR.json": () => import("./layers.UwSWIWP4.js"), "./locales/uk-UA.json": () => import("./layers.DL1-UT1O.js"), "./locales/vi-VN.json": () => import("./layers.VAJVLjZN.js"), "./locales/zh-CN.json": () => import("./layers.BPLRV40d.js"), "./locales/zh-HK.json": () => import("./layers.Bal9D_3l.js"), "./locales/zh-TW.json": () => import("./layers.BUGbfqCF.js") }), $H = 85, xl = { code: "en", label: "English" }, Ah = [xl, ...[{ code: "ar-SA", label: "العربية", rtl: !0 }, { code: "bg-BG", label: "Български" }, { code: "ca-ES", label: "Català" }, { code: "cs-CZ", label: "Česky" }, { code: "de-DE", label: "Deutsch" }, { code: "el-GR", label: "Ελληνικά" }, { code: "es-ES", label: "Español" }, { code: "eu-ES", label: "Euskara" }, { code: "fa-IR", label: "فارسی", rtl: !0 }, { code: "fi-FI", label: "Suomi" }, { code: "fr-FR", label: "Français" }, { code: "gl-ES", label: "Galego" }, { code: "he-IL", label: "עברית", rtl: !0 }, { code: "hi-IN", label: "हिन्दी" }, { code: "hu-HU", label: "Magyar" }, { code: "id-ID", label: "Bahasa Indonesia" }, { code: "it-IT", label: "Italiano" }, { code: "ja-JP", label: "日本語" }, { code: "kab-KAB", label: "Taqbaylit" }, { code: "kk-KZ", label: "Қазақ тілі" }, { code: "ko-KR", label: "한국어" }, { code: "ku-TR", label: "Kurdî" }, { code: "lt-LT", label: "Lietuvių" }, { code: "lv-LV", label: "Latviešu" }, { code: "my-MM", label: "Burmese" }, { code: "nb-NO", label: "Norsk bokmål" }, { code: "nl-NL", label: "Nederlands" }, { code: "nn-NO", label: "Norsk nynorsk" }, { code: "oc-FR", label: "Occitan" }, { code: "pa-IN", label: "ਪੰਜਾਬੀ" }, { code: "pl-PL", label: "Polski" }, { code: "pt-BR", label: "Português Brasileiro" }, { code: "pt-PT", label: "Português" }, { code: "ro-RO", label: "Română" }, { code: "ru-RU", label: "Русский" }, { code: "sk-SK", label: "Slovenčina" }, { code: "sv-SE", label: "Svenska" }, { code: "sl-SI", label: "Slovenščina" }, { code: "tr-TR", label: "Türkçe" }, { code: "uk-UA", label: "Українська" }, { code: "zh-CN", label: "简体中文" }, { code: "zh-TW", label: "繁體中文" }, { code: "vi-VN", label: "Tiếng Việt" }, { code: "mr-IN", label: "मराठी" }].filter((e) => o$[e.code] >= $H).sort((e, t) => e.label > t.label ? 1 : -1)], Du = "__test__";
+var N9 = g4(), { useAtom: St, useSetAtom: _h, useAtomValue: O9, useStore: dZ } = N9, NH = N9.Provider, ga = sU(), OH = iw({ "./locales/ar-SA.json": () => import("./layers.DsryY6fI.js"), "./locales/az-AZ.json": () => import("./layers.Stf66a3p.js"), "./locales/bg-BG.json": () => import("./layers.CLVf9Z6E.js"), "./locales/bn-BD.json": () => import("./layers.7e4nZQsj.js"), "./locales/ca-ES.json": () => import("./layers.p58dgh6l.js"), "./locales/cs-CZ.json": () => import("./layers.BnIxWwDZ.js"), "./locales/da-DK.json": () => import("./layers.DGXvrtCT.js"), "./locales/de-DE.json": () => import("./layers.BLi92H7_.js"), "./locales/el-GR.json": () => import("./layers.CO41ll6l.js"), "./locales/en.json": () => import("./layers.Cj-SDJ0Z.js"), "./locales/es-ES.json": () => import("./layers.CQcEcjcI.js"), "./locales/eu-ES.json": () => import("./layers.BmJIGMqL.js"), "./locales/fa-IR.json": () => import("./layers.D5hCPmYE.js"), "./locales/fi-FI.json": () => import("./layers.CWl0H86d.js"), "./locales/fr-FR.json": () => import("./layers.Cy1tslvb.js"), "./locales/gl-ES.json": () => import("./layers.CW_iBq-z.js"), "./locales/he-IL.json": () => import("./layers.CW697xsv.js"), "./locales/hi-IN.json": () => import("./layers.CaWw9rMx.js"), "./locales/hu-HU.json": () => import("./layers.BlY6dO97.js"), "./locales/id-ID.json": () => import("./layers.CGFHRKaa.js"), "./locales/it-IT.json": () => import("./layers.DEv11PaB.js"), "./locales/ja-JP.json": () => import("./layers.D_8nCIYW.js"), "./locales/kaa.json": () => import("./layers.u3wwLdEU.js"), "./locales/kab-KAB.json": () => import("./layers.QAUHI1mn.js"), "./locales/kk-KZ.json": () => import("./layers.Bb0LFn9C.js"), "./locales/km-KH.json": () => import("./layers.BYS-ANsY.js"), "./locales/ko-KR.json": () => import("./layers.4biEornD.js"), "./locales/ku-TR.json": () => import("./layers.CqMZBxB5.js"), "./locales/lt-LT.json": () => import("./layers.DFk_hUZw.js"), "./locales/lv-LV.json": () => import("./layers.Btve_r-X.js"), "./locales/mr-IN.json": () => import("./layers.BlSBGvon.js"), "./locales/my-MM.json": () => import("./layers.T9WtZ0_3.js"), "./locales/nb-NO.json": () => import("./layers.DI9beruQ.js"), "./locales/nl-NL.json": () => import("./layers.BkhYhqir.js"), "./locales/nn-NO.json": () => import("./layers.BPX43wPQ.js"), "./locales/oc-FR.json": () => import("./layers.zBmfcF2J.js"), "./locales/pa-IN.json": () => import("./layers.Cj-5C54o.js"), "./locales/percentages.json": () => import("./layers.Di6J1WFY.js"), "./locales/pl-PL.json": () => import("./layers.CblPuaJ3.js"), "./locales/pt-BR.json": () => import("./layers.CQ-l5l7j.js"), "./locales/pt-PT.json": () => import("./layers.Cqm9Qo5O.js"), "./locales/ro-RO.json": () => import("./layers.B2ZYPrhP.js"), "./locales/ru-RU.json": () => import("./layers.Pk9kW4kl.js"), "./locales/si-LK.json": () => import("./layers.S1HC352b.js"), "./locales/sk-SK.json": () => import("./layers.BXHL4vQN.js"), "./locales/sl-SI.json": () => import("./layers.D8R57IXt.js"), "./locales/sv-SE.json": () => import("./layers.UfRT4rSe.js"), "./locales/ta-IN.json": () => import("./layers.XHPyj7DY.js"), "./locales/th-TH.json": () => import("./layers.BkS2DuSU.js"), "./locales/tr-TR.json": () => import("./layers.DmHVrERP.js"), "./locales/uk-UA.json": () => import("./layers.RSi2uE3m.js"), "./locales/vi-VN.json": () => import("./layers.BFiaFIG-.js"), "./locales/zh-CN.json": () => import("./layers.Bvi2LSJe.js"), "./locales/zh-HK.json": () => import("./layers.C2Iv5Pj-.js"), "./locales/zh-TW.json": () => import("./layers.CsEbzs7k.js") }), $H = 85, xl = { code: "en", label: "English" }, Ah = [xl, ...[{ code: "ar-SA", label: "العربية", rtl: !0 }, { code: "bg-BG", label: "Български" }, { code: "ca-ES", label: "Català" }, { code: "cs-CZ", label: "Česky" }, { code: "de-DE", label: "Deutsch" }, { code: "el-GR", label: "Ελληνικά" }, { code: "es-ES", label: "Español" }, { code: "eu-ES", label: "Euskara" }, { code: "fa-IR", label: "فارسی", rtl: !0 }, { code: "fi-FI", label: "Suomi" }, { code: "fr-FR", label: "Français" }, { code: "gl-ES", label: "Galego" }, { code: "he-IL", label: "עברית", rtl: !0 }, { code: "hi-IN", label: "हिन्दी" }, { code: "hu-HU", label: "Magyar" }, { code: "id-ID", label: "Bahasa Indonesia" }, { code: "it-IT", label: "Italiano" }, { code: "ja-JP", label: "日本語" }, { code: "kab-KAB", label: "Taqbaylit" }, { code: "kk-KZ", label: "Қазақ тілі" }, { code: "ko-KR", label: "한국어" }, { code: "ku-TR", label: "Kurdî" }, { code: "lt-LT", label: "Lietuvių" }, { code: "lv-LV", label: "Latviešu" }, { code: "my-MM", label: "Burmese" }, { code: "nb-NO", label: "Norsk bokmål" }, { code: "nl-NL", label: "Nederlands" }, { code: "nn-NO", label: "Norsk nynorsk" }, { code: "oc-FR", label: "Occitan" }, { code: "pa-IN", label: "ਪੰਜਾਬੀ" }, { code: "pl-PL", label: "Polski" }, { code: "pt-BR", label: "Português Brasileiro" }, { code: "pt-PT", label: "Português" }, { code: "ro-RO", label: "Română" }, { code: "ru-RU", label: "Русский" }, { code: "sk-SK", label: "Slovenčina" }, { code: "sv-SE", label: "Svenska" }, { code: "sl-SI", label: "Slovenščina" }, { code: "tr-TR", label: "Türkçe" }, { code: "uk-UA", label: "Українська" }, { code: "zh-CN", label: "简体中文" }, { code: "zh-TW", label: "繁體中文" }, { code: "vi-VN", label: "Tiếng Việt" }, { code: "mr-IN", label: "मराठी" }].filter((e) => o$[e.code] >= $H).sort((e, t) => e.label > t.label ? 1 : -1)], Du = "__test__";
 xe.DEV && Ah.unshift({ code: Du, label: "test language" }, { code: `${Du}.rtl`, label: "‪test language (rtl)‬", rtl: !0 });
 var Kl = xl, $d = {}, $9 = async (e) => {
   if (Kl = e, document.documentElement.dir = Kl.rtl ? "rtl" : "ltr", document.documentElement.lang = Kl.code, e.code.startsWith(Du)) $d = {};
@@ -15739,7 +15739,7 @@ var OX = Z({ name: "toggleHandTool", label: "toolBar.hand", paletteName: "Toggle
   let s = E3(t, n, a, { exportBackground: i, viewBackgroundColor: l, exportPadding: r, exportingFrame: d });
   if (e === "png") {
     let u = ac(s);
-    return n.exportEmbedScene && (u = u.then((h) => import("./layers.CEG5rDDR.js").then(({ encodePngMetadata: f }) => f({ blob: h, metadata: Ec(t, n, a, "local") })))), yu(u, { description: "Export to PNG", name: o, extension: n.exportEmbedScene ? "excalidraw.png" : "png", mimeTypes: [oo.png], fileHandle: c });
+    return n.exportEmbedScene && (u = u.then((h) => import("./layers.DiOeZ_ia.js").then(({ encodePngMetadata: f }) => f({ blob: h, metadata: Ec(t, n, a, "local") })))), yu(u, { description: "Export to PNG", name: o, extension: n.exportEmbedScene ? "excalidraw.png" : "png", mimeTypes: [oo.png], fileHandle: c });
   } else if (e === "clipboard") try {
     let u = ac(s);
     await A3(u);
@@ -18124,7 +18124,7 @@ TTD mermaid definition render errror: ${T.message}`, "color: yellow"), ot("ai",
     }
   }, g = le(m);
   g.current = m;
-  let [b, v] = ue({ loaded: !1, api: import("./layers.B5aMO3c8.js").then((k) => k.ap) });
+  let [b, v] = ue({ loaded: !1, api: import("./layers.D3pfmgtW.js").then((k) => k.ap) });
   ee(() => {
     (async () => (await b.api, v((k) => ({ ...k, loaded: !0 }))))();
   }, [b.api]);
@@ -19658,7 +19658,7 @@ var _a = () => fn(By), Lc = () => fn(Hy), $t = () => fn(BU), di = () => fn(HU),
         this.addElementsFromPasteOrLibrary({ elements: x, files: v.files || null, position: "cursor", retainSeed: u });
       } else if (v.text) {
         if (v.text && _Y(v.text)) {
-          let E = await import("./layers.B5aMO3c8.js").then((M) => M.ap);
+          let E = await import("./layers.D3pfmgtW.js").then((M) => M.ap);
           try {
             let { elements: M, files: I } = await E.parseMermaidToExcalidraw(v.text), T = Bu(M, { regenerateIds: !0 });
             this.addElementsFromPasteOrLibrary({ elements: T, files: I, position: "cursor" });

package/dist/layers.7HzTWQex.js

@@ -0,0 +1,539 @@
+import { jsx as n, jsxs as _, Fragment as oe } from "react/jsx-runtime";
+import { useContext as le, useMemo as re, useState as S, useEffect as W, useRef as F, useCallback as z, Suspense as ie, lazy as ae } from "react";
+import { useLexicalComposerContext as se } from "@lexical/react/LexicalComposerContext";
+import { useLexicalEditable as ce } from "@lexical/react/useLexicalEditable";
+import { useLexicalNodeSelection as de } from "@lexical/react/useLexicalNodeSelection";
+import { mergeRegister as ue } from "@lexical/utils";
+import { $setSelection as fe, $getNodeByKey as H, CLICK_COMMAND as me, COMMAND_PRIORITY_LOW as q, KEY_DELETE_COMMAND as ge, KEY_BACKSPACE_COMMAND as he } from "lexical";
+import { C as Ce, R as xe, b as I, x as Q, A as Y, K as be, F as Z, N as pe, o as K, G as ve, M as Ee, H as P, y as we, a as ne, J as ee } from "./layers.ua3bbH6R.js";
+import { l as ye, p as Te } from "./layers.DilA0qnM.js";
+import { useTranslation as J } from "react-i18next";
+import { Modal as ke, Text as Me, Flex as De, Button as G, Box as te, Stack as Oe, useMantineColorScheme as Ne, Loader as _e } from "@mantine/core";
+import { useDisclosure as Se } from "@mantine/hooks";
+import "@lexical/code";
+import { BottomDrawerWithoutHeader as Ae } from "@layers-app/shared";
+const Be = ({
+  isCloseModal: r,
+  setCloseModalOpen: l,
+  confirmClose: C
+}) => {
+  const { t: x } = J();
+  return /* @__PURE__ */ n(
+    ke,
+    {
+      opened: r,
+      onClose: () => {
+        l(!1);
+      },
+      centered: !0,
+      title: x("editor.unsavedChanges.title"),
+      closeOnClickOutside: !0,
+      closeOnEscape: !0,
+      size: "500",
+      zIndex: 999,
+      children: /* @__PURE__ */ _("div", { children: [
+        /* @__PURE__ */ n(Me, { mb: "md", children: x("editor.unsavedChanges.message") }),
+        /* @__PURE__ */ _(De, { justify: "flex-end", gap: "sm", children: [
+          /* @__PURE__ */ n(
+            G,
+            {
+              variant: "default",
+              onClick: () => {
+                l(!1);
+              },
+              fullWidth: !0,
+              children: x("editor.unsavedChanges.cancel")
+            }
+          ),
+          /* @__PURE__ */ n(G, { color: "red", onClick: C, fullWidth: !0, children: x("editor.unsavedChanges.closeWithoutSaving") })
+        ] })
+      ] })
+    }
+  );
+};
+function Le({
+  imageContainerRef: r,
+  editor: l,
+  rootClassName: C = null,
+  width: x = "inherit",
+  height: u = "inherit",
+  nodeKey: s,
+  alignment: A,
+  setModalOpen: v,
+  previewSVG: o,
+  isModalOpen: k
+}) {
+  const { disable: d, imperativeHandleRef: w } = le(Ce), M = re(() => o ?? "", [o]), [B, E] = S(!1), [
+    D,
+    { open: p, close: T }
+  ] = Se(!1), { t: m } = J();
+  W(() => {
+    k && E(!1);
+  }, [k]);
+  const O = (e, b) => {
+    l.update(() => {
+      fe(null);
+      const i = H(s);
+      return ne(i) && i.setWidthAndHeight(e, b), !0;
+    });
+  }, R = () => {
+    ee(l, s);
+  }, j = () => {
+    T(), v(!0);
+  }, g = () => {
+    T(), ee(l, s);
+  };
+  return /* @__PURE__ */ _(
+    xe,
+    {
+      editor: l,
+      isIcon: !1,
+      isEmbed: !0,
+      width: Q(x),
+      height: Q(u),
+      onResizeEnd: O,
+      alignment: A,
+      disable: d,
+      onRegisterDecoratorEnter: (e) => {
+        w != null && w.current && (w.current.decoratorEnterAction = e);
+      },
+      onActivate: () => l.dispatchCommand(we, "show_menu"),
+      children: [
+        /* @__PURE__ */ _(te, { className: "media-wrapper excaildraw", children: [
+          /* @__PURE__ */ n(
+            "div",
+            {
+              className: `media-actions${I || !ve ? " visible" : ""}`,
+              children: I ? /* @__PURE__ */ n(
+                Y,
+                {
+                  "aria-label": m("editor.toolbar.more"),
+                  label: m("editor.toolbar.more"),
+                  flexBorder: !0,
+                  onClick: p,
+                  icon: be,
+                  iconColor: "var(--mantine-color-gray-text)"
+                }
+              ) : /* @__PURE__ */ _(oe, { children: [
+                /* @__PURE__ */ n(
+                  Y,
+                  {
+                    "aria-label": "Settings",
+                    label: m("editor.link.edit"),
+                    flexBorder: !0,
+                    onClick: () => {
+                      v(!0);
+                    },
+                    icon: Z,
+                    iconColor: "var(--mantine-color-gray-text)"
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  pe,
+                  {
+                    opened: B,
+                    setOpened: E,
+                    t: m,
+                    editor: l,
+                    nodeKey: s,
+                    flexBorder: !0
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  Y,
+                  {
+                    "aria-label": "Delete",
+                    label: m("editor.actions.delete"),
+                    flexBorder: !0,
+                    onClick: R,
+                    icon: K,
+                    iconColor: "var(--mantine-color-red-outline)"
+                  }
+                )
+              ] })
+            }
+          ),
+          /* @__PURE__ */ n(
+            te,
+            {
+              w: "100%",
+              ref: (e) => {
+                e && r && (r.current = e);
+              },
+              className: C ?? "",
+              dangerouslySetInnerHTML: { __html: M }
+            }
+          )
+        ] }),
+        I && /* @__PURE__ */ n(
+          Ee,
+          {
+            opened: D,
+            onClose: T,
+            title: m("editor.image.mobileActions"),
+            children: /* @__PURE__ */ _(Oe, { gap: 4, p: 0, children: [
+              /* @__PURE__ */ n(
+                G,
+                {
+                  type: "button",
+                  variant: "subtle",
+                  color: "gray",
+                  fullWidth: !0,
+                  justify: "flex-start",
+                  bg: "light-dark(var(--mantine-color-gray-0), var(--mantine-color-gray-outline-hover))",
+                  onClick: j,
+                  leftSection: /* @__PURE__ */ n(
+                    P,
+                    {
+                      icon: Z,
+                      size: 16,
+                      color: "var(--mantine-color-dimmed)"
+                    }
+                  ),
+                  children: m("editor.link.edit")
+                }
+              ),
+              /* @__PURE__ */ n(
+                G,
+                {
+                  type: "button",
+                  variant: "subtle",
+                  color: "red",
+                  fullWidth: !0,
+                  justify: "flex-start",
+                  bg: "light-dark(var(--mantine-color-gray-0), var(--mantine-color-gray-outline-hover))",
+                  onClick: g,
+                  leftSection: /* @__PURE__ */ n(
+                    P,
+                    {
+                      icon: K,
+                      size: 16,
+                      color: "var(--mantine-color-red-6)"
+                    }
+                  ),
+                  children: m("editor.actions.delete")
+                }
+              )
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+let V = null;
+const We = /* @__PURE__ */ ae(async () => {
+  var l;
+  const r = await import("./layers.5OnFs5EZ.js").then((C) => C.M);
+  return !V && r && (V = r.exportToSvg || ((l = r.default) == null ? void 0 : l.exportToSvg) || r.default), { default: r.Excalidraw };
+}), ze = () => {
+  const [r, l] = S(
+    null
+  ), C = z(
+    (x) => l(x),
+    []
+  );
+  return [r, C];
+};
+function Re({
+  onSave: r,
+  initialElements: l,
+  initialAppState: C,
+  initialFiles: x,
+  isShown: u = !1,
+  onDelete: s,
+  onClose: A,
+  isEdited: v
+}) {
+  const [o, k] = ze(), { i18n: d, t: w } = J(), { colorScheme: M } = Ne(), B = F(!1), [E, D] = S(l), [p, T] = S(x), [m, O] = S(u);
+  W(() => {
+    u && O(!0);
+  }, [u]), W(() => {
+    !u || B.current || (B.current = !0, Promise.resolve({           }));
+  }, [u]), W(() => {
+    u && setTimeout(() => {
+      var e, b;
+      (e = o == null ? void 0 : o.refresh) == null || e.call(o), (b = o == null ? void 0 : o.scrollToContent) == null || b.call(o);
+    }, 500);
+  }, [u, o]), W(() => {
+    if (!u)
+      return;
+    const e = (t, c) => {
+      const f = w(t);
+      return f.startsWith("editor.menu") ? c : f;
+    }, b = e(
+      "editor.menu.excalidraw.tools.frameTool",
+      d.language === "ru" ? "Инструмент рамки" : d.language === "es" ? "Herramienta de marco" : "Frame tool"
+    ), i = e(
+      "editor.menu.excalidraw.tools.webEmbed",
+      d.language === "ru" ? "Веб-встраивание" : d.language === "es" ? "Incrustación web" : "Web Embed"
+    ), y = e(
+      "editor.menu.excalidraw.tools.generate",
+      d.language === "ru" ? "Генерировать" : d.language === "es" ? "Generar" : "Generate"
+    ), L = {
+      "Frame tool": b,
+      "Web Embed": i,
+      "Web embeded": i,
+      Generate: y
+    }, N = () => {
+      const t = document.querySelector(".App-toolbar__extra-tools-dropdown");
+      if (!t)
+        return;
+      const c = document.createTreeWalker(
+        t,
+        NodeFilter.SHOW_TEXT,
+        null
+      );
+      let f;
+      for (; f = c.nextNode(); )
+        if (f.nodeType === Node.TEXT_NODE && f.textContent) {
+          const X = f.textContent.trim();
+          for (const [U, $] of Object.entries(L))
+            if (X === U && $ && !X.includes($)) {
+              f.textContent = f.textContent.replace(U, $);
+              break;
+            }
+        }
+    }, a = () => {
+      setTimeout(() => {
+        N();
+      }, 0);
+    }, h = setTimeout(() => {
+      const t = document.querySelector(
+        ".excalidraw-container"
+      );
+      if (t) {
+        const c = t.querySelector(
+          ".App-toolbar__extra-tools-trigger"
+        );
+        c && c.addEventListener("click", a);
+      }
+    }, 300);
+    return () => {
+      clearTimeout(h);
+      const t = document.querySelector(
+        ".excalidraw-container"
+      );
+      if (t) {
+        const c = t.querySelector(
+          ".App-toolbar__extra-tools-trigger"
+        );
+        c && c.removeEventListener("click", a);
+      }
+    };
+  }, [u, d.language, w]);
+  const R = z(async () => {
+    var N, a, h;
+    let e = V;
+    if (!e || typeof e != "function") {
+      const t = await import("./layers.5OnFs5EZ.js").then((c) => c.M);
+      e = t.exportToSvg || ((N = t.default) == null ? void 0 : N.exportToSvg) || t.default, e && typeof e == "function" && (V = e);
+    }
+    if (!e || typeof e != "function") {
+      const t = await import("./layers.5OnFs5EZ.js").then((f) => f.M), c = t ? Object.keys(t) : [];
+      throw console.error("Excalidraw module structure:", {
+        keys: c,
+        hasExportToSvg: t && "exportToSvg" in t,
+        hasDefault: t && "default" in t,
+        moduleType: typeof t,
+        module: t
+      }), new Error(
+        `exportToSvg is not available from @excalidraw/excalidraw. Module keys: ${c.join(", ")}. Please ensure @excalidraw/excalidraw is properly installed.`
+      );
+    }
+    const b = ((a = o == null ? void 0 : o.getAppState) == null ? void 0 : a.call(o)) ?? C, i = await e({
+      appState: b,
+      elements: E,
+      files: p
+    }), y = (h = i == null ? void 0 : i.firstElementChild) == null ? void 0 : h.firstElementChild, L = i.getAttribute("viewBox");
+    if (L != null) {
+      const t = L.split(" ");
+      i.setAttribute("width", t[2]), i.setAttribute("height", t[3]);
+    }
+    return y && y.tagName === "style" && y.remove(), i.setAttribute("width", "100%"), i.setAttribute("height", "100%"), i.setAttribute("display", "block"), i.classList.add("excalidraw-svg"), i.outerHTML;
+  }, [E, p, o, C]), j = () => {
+    if (E && E.filter((e) => !e.isDeleted).length > 0) {
+      const e = o == null ? void 0 : o.getAppState(), b = {
+        exportBackground: e == null ? void 0 : e.exportBackground,
+        exportScale: e == null ? void 0 : e.exportScale,
+        exportWithDarkMode: (e == null ? void 0 : e.theme) === "dark",
+        isBindingEnabled: e == null ? void 0 : e.isBindingEnabled,
+        isLoading: e == null ? void 0 : e.isLoading,
+        name: e == null ? void 0 : e.name,
+        theme: e == null ? void 0 : e.theme,
+        viewBackgroundColor: e == null ? void 0 : e.viewBackgroundColor,
+        viewModeEnabled: e == null ? void 0 : e.viewModeEnabled,
+        zenModeEnabled: e == null ? void 0 : e.zenModeEnabled,
+        zoom: e == null ? void 0 : e.zoom
+      };
+      (async () => {
+        const i = await R();
+        r(E, b, p, i);
+      })();
+    } else
+      s();
+  }, g = (e, b, i) => {
+    (e == null ? void 0 : e.length) !== (l == null ? void 0 : l.length) && (v.current = !0), D(e), T(i);
+  };
+  return /* @__PURE__ */ n(
+    Ae,
+    {
+      opened: u,
+      onClose: A,
+      onSave: j,
+      className: "excaildraw-modal",
+      closeOnEscape: !1,
+      children: m && /* @__PURE__ */ n(
+        ie,
+        {
+          fallback: /* @__PURE__ */ n(
+            "div",
+            {
+              style: {
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+                height: "100%",
+                minHeight: "400px"
+              },
+              children: /* @__PURE__ */ n(_e, { size: "sm" })
+            }
+          ),
+          children: /* @__PURE__ */ n(
+            We,
+            {
+              langCode: ye[d.language],
+              theme: M,
+              onChange: g,
+              excalidrawAPI: k,
+              initialData: {
+                appState: { ...C || { isLoading: !1 } },
+                elements: l,
+                files: x,
+                scrollToContent: !0
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function Ke({
+  nodeKey: r,
+  data: l,
+  width: C,
+  height: x,
+  alignment: u
+}) {
+  var N;
+  const [s] = se(), A = ce(), v = re(() => Te(l), [l]), o = ((N = v == null ? void 0 : v.elements) == null ? void 0 : N.length) === 0 && !v.previewSVG, [k, d] = S(
+    o && s.isEditable()
+  ), [w, M] = S(!1), B = F(null), E = F(null), D = F(null), [p, T, m] = de(r), O = z(
+    (a) => (p && (a.preventDefault(), s.update(() => {
+      const h = H(r);
+      h && h.remove();
+    })), !1),
+    [s, p, r]
+  );
+  W(() => {
+    if (!A) {
+      p && m();
+      return;
+    }
+    return ue(
+      s.registerCommand(
+        me,
+        (a) => {
+          const h = E.current, t = a.target;
+          return h !== null && h.contains(t) ? (a.shiftKey || m(), T(!p), a.detail > 1 && d(!0), !0) : !1;
+        },
+        q
+      ),
+      s.registerCommand(
+        ge,
+        O,
+        q
+      ),
+      s.registerCommand(
+        he,
+        O,
+        q
+      )
+    );
+  }, [m, s, p, O, T, A]);
+  const R = z(() => (d(!1), s.update(() => {
+    const a = H(r);
+    a && a.remove();
+  })), [s, r]), j = (a, h, t, c) => s.update(() => {
+    const f = H(r);
+    ne(f) && (a && a.length > 0 || Object.keys(t).length > 0 ? f.setData(
+      JSON.stringify({
+        appState: h,
+        elements: a,
+        files: t,
+        previewSVG: c
+      })
+    ) : f.remove());
+  }), { elements: g = [], files: e = {}, appState: b = {}, previewSVG: i } = v, y = z(() => {
+    d(!1), M(!1), D.current = !1, (g == null ? void 0 : g.length) === 0 && s.update(() => {
+      const a = H(r);
+      a && a.remove();
+    });
+  }, [s, r, g == null ? void 0 : g.length]), L = z(() => {
+    D.current ? M(!0) : y();
+  }, [y]);
+  return /* @__PURE__ */ _(oe, { children: [
+    /* @__PURE__ */ n(
+      Be,
+      {
+        isCloseModal: w,
+        confirmClose: y,
+        setCloseModalOpen: M
+      }
+    ),
+    /* @__PURE__ */ n(
+      Re,
+      {
+        initialElements: g,
+        isEdited: D,
+        initialFiles: e,
+        initialAppState: b,
+        isShown: k,
+        onDelete: R,
+        onClose: L,
+        onSave: (a, h, t, c) => {
+          j(a, h, t, c), d(!1);
+        },
+        closeOnClickOutside: !1
+      }
+    ),
+    (g == null ? void 0 : g.length) && /* @__PURE__ */ n(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: u
+        },
+        children: /* @__PURE__ */ n(
+          Le,
+          {
+            imageContainerRef: B,
+            className: "image",
+            width: C,
+            height: x,
+            editor: s,
+            nodeKey: r,
+            alignment: u,
+            setModalOpen: d,
+            previewSVG: i,
+            isModalOpen: k
+          }
+        )
+      }
+    )
+  ] });
+}
+export {
+  Ke as default
+};