@layers-app/editor 0.6.33 → 0.6.35

package/dist/{layers.CyuR2zZw.js → layers.yh2VFDzd.js}

@@ -1,4 +1,4 @@
-import "./layers.BzT4Ix0I.js";
+import "./layers.inZZtro-.js";
 var e = { paste: "貼上", pasteAsPlaintext: "", pasteCharts: "貼上圖表", selectAll: "全選", multiSelect: "多重選取", moveCanvas: "移動畫布", cut: "剪下", copy: "複製", copyAsPng: "以 PNG 格式複製", copyAsSvg: "以 SVG 格式複製", copyText: "", copySource: "", convertToCode: "", bringForward: "往上一層移動", sendToBack: "移到最底層", bringToFront: "移到最上層", sendBackward: "往下一層移動", delete: "刪除", copyStyles: "複製樣式", pasteStyles: "套用樣式", stroke: "筆跡顏色", background: "填充顏色", fill: "背景樣式", strokeWidth: "筆跡寬度", strokeStyle: "筆跡線條", strokeStyle_solid: "實線", strokeStyle_dashed: "虛線（較密）", strokeStyle_dotted: "虛線（較疏）", sloppiness: "筆跡風格", opacity: "透明度", textAlign: "文字對齊", edges: "邊角樣式", sharp: "銳角", round: "圓角", arrowheads: "箭嘴", arrowhead_none: "無箭嘴", arrowhead_arrow: "普通箭嘴", arrowhead_bar: "平頭條狀", arrowhead_circle: "", arrowhead_circle_outline: "", arrowhead_triangle: "三角箭嘴", arrowhead_triangle_outline: "", arrowhead_diamond: "", arrowhead_diamond_outline: "", fontSize: "字型大小", fontFamily: "字體", addWatermark: "加入「使用 Excalidraw 製圖」水印", handDrawn: "手繪體", normal: "電腦字體", code: "等寬體", small: "細", medium: "中", large: "大", veryLarge: "勁大", solid: "實心", hachure: "斜線", zigzag: "", crossHatch: "交叉格仔", thin: "幼", bold: "粗", left: "靠左對齊", center: "置中對齊", right: "靠右對齊", extraBold: "勁粗", architect: "手繪風格", artist: "藝術家風格", cartoonist: "卡通風格", fileTitle: "檔案名稱", colorPicker: "", canvasColors: "", canvasBackground: "畫布背景顏色", drawingCanvas: "畫布", layers: "圖層", actions: "動作", language: "🌏 語言", liveCollaboration: "", duplicateSelection: "製作副本", untitled: "未命名的作品", name: "", yourName: "你的名稱", madeWithExcalidraw: "使用 Excalidraw 製圖", group: "建立物件群組", ungroup: "取消物件群組", collaborators: "已連線的協作者", showGrid: "顯示網格", addToLibrary: "加入作品庫", removeFromLibrary: "從作品庫中移除", libraryLoadingMessage: "正在載入作品庫…", libraries: "瀏覽作品庫", loadingScene: "載入畫布中…", align: "物件對齊", alignTop: "水平置頂", alignBottom: "水平置底", alignLeft: "垂直靠左對齊", alignRight: "垂直靠右對齊", centerVertically: "垂直置中", centerHorizontally: "水平置中", distributeHorizontally: "左右等距", distributeVertically: "上下等距", flipHorizontal: "左右反轉", flipVertical: "上下反轉", viewMode: "唯讀模式", share: "", showStroke: "", showBackground: "", toggleTheme: "", personalLib: "", excalidrawLib: "", decreaseFontSize: "", increaseFontSize: "", unbindText: "", bindText: "", createContainerFromText: "", link: { edit: "", editEmbed: "", create: "", createEmbed: "", label: "", labelEmbed: "", empty: "" }, lineEditor: { edit: "", exit: "" }, elementLock: { lock: "", unlock: "", lockAll: "", unlockAll: "" }, statusPublished: "", sidebarLock: "", selectAllElementsInFrame: "", removeAllElementsFromFrame: "", eyeDropper: "", textToDiagram: "", prompt: "" }, u = { noItems: "", hint_emptyLibrary: "", hint_emptyPrivateLibrary: "" }, a = { clearReset: "清空畫布", exportJSON: "", exportImage: "", export: "", copyToClipboard: "", save: "", saveAs: "", load: "", getShareableLink: "", close: "", selectLanguage: "", scrollBackToContent: "", zoomIn: "", zoomOut: "", resetZoom: "", menu: "", done: "", edit: "", undo: "", redo: "", resetLibrary: "", createNewRoom: "", fullScreen: "", darkMode: "", lightMode: "", zenMode: "", objectsSnapMode: "", exitZenMode: "", cancel: "", clear: "", remove: "", embed: "", publishLibrary: "", submit: "", confirm: "", embeddableInteractionButton: "" }, o = { clearReset: "【‼️ 警告 ‼️ 無法復原的動作】你確定要清空呢塊畫布嗎？", couldNotCreateShareableLink: "", couldNotCreateShareableLinkTooBig: "", couldNotLoadInvalidFile: "", importBackendFailed: "", cannotExportEmptyCanvas: "無嘢可以匯出喎～畫吓嘢先？", couldNotCopyToClipboard: "", decryptFailed: "", uploadedSecurly: "", loadSceneOverridePrompt: "", collabStopOverridePrompt: "", errorAddingToLibrary: "", errorRemovingFromLibrary: "", confirmAddLibrary: "", imageDoesNotContainScene: "", cannotRestoreFromImage: "", invalidSceneUrl: "", resetLibrary: "", removeItemsFromsLibrary: "", invalidEncryptionKey: "", collabOfflineWarning: "" }, r = { unsupportedFileType: "", imageInsertError: "", fileTooBig: "", svgImageInsertError: "", failedToFetchImage: "", invalidSVGString: "", cannotResolveCollabServer: "", importLibraryError: "", collabSaveFailed: "", collabSaveFailed_sizeExceeded: "", imageToolNotSupported: "", brave_measure_text_error: { line1: "", line2: "", line3: "", line4: "" }, libraryElementTypeError: { embeddable: "", iframe: "", image: "" }, asyncPasteFailedOnRead: "", asyncPasteFailedOnParse: "", copyToSystemClipboardFailed: "" }, t = { selection: "", image: "", rectangle: "", diamond: "", ellipse: "", arrow: "", line: "", freedraw: "", text: "", library: "", lock: "", penMode: "", link: "", eraser: "", frame: "", magicframe: "", embeddable: "", laser: "", hand: "", extraTools: "", mermaidToExcalidraw: "", magicSettings: "" }, i = { canvasActions: "畫布動作", selectedShapeActions: "", shapes: "" }, l = { canvasPanning: "", linearElement: "", freeDraw: "", text: "", embeddable: "", text_selected: "", text_editing: "", linearElementMulti: "", lockAngle: "", resize: "", resizeImage: "", rotate: "", lineEditor_info: "", lineEditor_pointSelected: "", lineEditor_nothingSelected: "", placeImage: "", publishLibrary: "", bindTextToElement: "", deepBoxSelect: "", eraserRevert: "", firefox_clipboard_write: "", disableSnapping: "" }, n = { cannotShowPreview: "無法顯示預覽", canvasTooBig: "塊畫布太大啦，縮細啲先啦？", canvasTooBigTip: "" }, s = { headingMain: "", clearCanvasMessage: "如果重新整理頁面都係睇唔到，你可以<button>清空畫布</button>", clearCanvasCaveat: "（注意：呢個動作會直接丟棄你嘅作品，並且無法復原）", trackedToSentry: "", openIssueMessage: "", sceneContent: "" }, d = { desc_intro: "", desc_privacy: "", button_startSession: "", button_stopSession: "", desc_inProgressIntro: "", desc_shareLink: "", desc_exitSession: "", shareTitle: "" }, c = { title: "" }, F = { disk_title: "", disk_details: "", disk_button: "", link_title: "", link_details: "", link_button: "", excalidrawplus_description: "", excalidrawplus_button: "", excalidrawplus_exportError: "" }, m = { blog: "", click: "", deepSelect: "", deepBoxSelect: "", curvedArrow: "", curvedLine: "", documentation: "", doubleClick: "", drag: "", editor: "", editLineArrowPoints: "", editText: "", github: "", howto: "", or: "", preventBinding: "", tools: "", shortcuts: "", textFinish: "", textNewLine: "", title: "", view: "", zoomToFit: "", zoomToSelection: "", toggleElementLock: "", movePageUpDown: "", movePageLeftRight: "" }, p = { title: "" }, E = { title: "", itemName: "", authorName: "", githubUsername: "", twitterUsername: "", libraryName: "", libraryDesc: "", website: "", placeholder: { authorName: "", libraryName: "", libraryDesc: "", githubHandle: "", twitterHandle: "", website: "" }, errors: { required: "", website: "" }, noteDescription: "", noteGuidelines: "", noteLicense: "", noteItems: "", atleastOneLibItem: "", republishWarning: "" }, g = { title: "", content: "" }, D = { resetLibrary: "", removeItemsFromLib: "" }, b = { header: "", label: { withBackground: "", onlySelected: "", darkMode: "", embedScene: "", scale: "", padding: "" }, tooltip: { embedScene: "" }, title: { exportToPng: "", exportToSvg: "", copyPngToClipboard: "" }, button: { exportToPng: "", exportToSvg: "", copyPngToClipboard: "" } }, C = { tooltip: "", link: "" }, A = { angle: "", element: "", elements: "", height: "", scene: "", selected: "", storage: "", title: "", total: "", version: "", versionCopy: "", versionNotAvailable: "", width: "" }, B = { addedToLibrary: "", copyStyles: "", copyToClipboard: "", copyToClipboardAsPng: "", fileSaved: "", fileSavedToFilename: "", canvas: "畫布", selection: "", pasteAsSingleElement: "", unableToEmbed: "", unrecognizedLinkFormat: "" }, h = { transparent: "", black: "", white: "", red: "", pink: "", grape: "", violet: "", gray: "", blue: "", cyan: "", teal: "", green: "", yellow: "", orange: "", bronze: "" }, y = { app: { center_heading: "", center_heading_plus: "", menuHint: "" }, defaults: { menuHint: "", center_heading: "", toolbarHint: "", helpHint: "" } }, v = { mostUsedCustomColors: "", colors: "", shades: "", hexCode: "", noShades: "" }, S = { action: { exportToImage: { title: "", button: "", description: "" }, saveToDisk: { title: "", button: "", description: "" }, excalidrawPlus: { title: "", button: "", description: "" } }, modal: { loadFromFile: { title: "", button: "", description: "" }, shareableLink: { title: "", button: "", description: "" } } }, w = { title: "", button: "", description: "", syntax: "", preview: "" }, x = { labels: e, library: u, buttons: a, alerts: o, errors: r, toolBar: t, headings: i, hints: l, canvasError: n, errorSplash: s, roomDialog: d, errorDialog: c, exportDialog: F, helpDialog: m, clearCanvasDialog: p, publishDialog: E, publishSuccessDialog: g, confirmDialog: D, imageExportDialog: b, encrypted: C, stats: A, toast: B, colors: h, welcomeScreen: y, colorPicker: v, overwriteConfirm: S, mermaid: w };
 export {
   o as alerts,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@layers-app/editor",
   "private": false,
-  "version": "0.6.33",
+  "version": "0.6.35",
   "type": "module",
   "scripts": {
     "start": "VITE_LAYERS=true vite --mode full ",
@@ -32,22 +32,20 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@excalidraw/excalidraw": "^0.18.0",
-    "@floating-ui/react": "^0.27.16",
     "@lexical/file": "^0.38.2",
     "@lexical/headless": "^0.38.2",
     "@lexical/markdown": "^0.38.2",
     "@lexical/react": "^0.38.2",
     "@tanstack/react-query": "^5.52.2",
+    "@floating-ui/react": "^0.27.16",
     "lexical": "^0.38.2",
     "react-selecto": "^1.26.3",
     "y-websocket": "^1.5.3",
     "yjs": "^13.6.20"
   },
   "devDependencies": {
-    "@eslint/js": "^9.9.0",
-    "@hugeicons/core-free-icons": "^2.0.0",
-    "@hugeicons/react": "^1.1.1",
     "@layers-app/shared": "^0.2.3",
+    "@eslint/js": "^9.9.0",
     "@mantine/core": "8.3.5",
     "@mantine/dropzone": "8.3.5",
     "@mantine/form": "8.3.5",
@@ -97,7 +95,9 @@
     "vite-plugin-css-injected-by-js": "^3.5.0",
     "vite-plugin-dts": "^4.0.0-beta.1",
     "vite-plugin-static-copy": "^2.3.2",
-    "vite-plugin-svgr": "^4.2.0"
+    "vite-plugin-svgr": "^4.2.0",
+    "@hugeicons/core-free-icons": "^2.0.0",
+    "@hugeicons/react": "^1.1.1"
   },
   "overrides": {
     "nanoid": "^5.0.9",
@@ -122,31 +122,31 @@
     }
   },
   "peerDependencies": {
-    "@dnd-kit/modifiers": ">=6",
-    "@emotion/react": ">=11",
-    "@emotion/styled": ">=11",
-    "@hugeicons/core-free-icons": ">=1",
-    "@hugeicons/react": ">=1",
-    "@mantine/carousel": ">=8.0.0",
-    "@mantine/colors-generator": ">=8.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "@mantine/core": ">=8.0.0",
-    "@mantine/dropzone": ">=8.0.0",
-    "@mantine/form": ">=8.0.0",
     "@mantine/hooks": ">=8.0.0",
+    "@mantine/form": ">=8.0.0",
     "@mantine/modals": ">=8.0.0",
     "@mantine/notifications": ">=8.0.0",
-    "@mantine/tiptap": ">=8.0.0",
+    "@mantine/dropzone": ">=8.0.0",
+    "@mantine/carousel": ">=8.0.0",
+    "@mantine/colors-generator": ">=8.0.0",
     "@tabler/icons-react": ">=3.7.0",
     "@tanstack/react-query": "^5.52.2",
-    "@tanstack/react-virtual": ">=3",
-    "date-fns-tz": ">=3",
     "i18next": "^25.5.2",
-    "js-confetti": ">=0.12",
-    "lodash-es": ">=4.17.21",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
     "react-i18next": "^15.7.3",
-    "swagger-ui-react": "^5.27.1"
+    "lodash-es": ">=4.17.21",
+    "swagger-ui-react": "^5.27.1",
+    "@mantine/tiptap": ">=8.0.0",
+    "@emotion/react": ">=11",
+    "@emotion/styled": ">=11",
+    "@hugeicons/react": ">=1",
+    "@hugeicons/core-free-icons": ">=1",
+    "date-fns-tz": ">=3",
+    "js-confetti": ">=0.12",
+    "@dnd-kit/modifiers": ">=6",
+    "@tanstack/react-virtual": ">=3"
   },
   "peerDependenciesMeta": {
     "swagger-ui-react": {

package/dist/layers.B5f3BP0I.js

@@ -1,6 +0,0 @@
-import { e as o, j as s, o as f } from "./layers.BzT4Ix0I.js";
-export {
-  o as default,
-  s as en,
-  f as kaa
-};

package/dist/layers.BaiLFRcG.js

@@ -1,8 +0,0 @@
-import { C as e, Q as t, N as m, A as r } from "./layers.rlSCwVt5.js";
-import "./layers.BzT4Ix0I.js";
-export {
-  e as Commands,
-  t as subsetToBase64,
-  m as subsetToBinary,
-  r as toBase64
-};

package/dist/layers.CgVXskjn.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./layers.djiwWQ80.js");require("./layers.CbLQLdLU.js");exports.Commands=e.CB;exports.subsetToBase64=e.QB;exports.subsetToBinary=e.NQ;exports.toBase64=e.AI;

package/dist/layers.D-dThlS_.js

@@ -1 +0,0 @@
-"use strict";const n=require("./layers.DOuRclSM.js"),s=(e,r)=>n.Utils.lang.round(n.Color.parse(e)[r]);exports.channel=s;

package/dist/layers.DIim7Ros.js

@@ -1,229 +0,0 @@
-import { jsx as a, jsxs as k } from "react/jsx-runtime";
-import { useTranslation as M } from "react-i18next";
-import { Modal as K, Text as U, Flex as _, Button as T, useMantineColorScheme as J, Loader as Y } from "@mantine/core";
-import { useRef as I, useState as m, useEffect as p, useCallback as R, Suspense as X, lazy as Z } from "react";
-import { BottomDrawerWithoutHeader as $ } from "@layers-app/shared";
-const se = ({
-  isCloseModal: s,
-  setCloseModalOpen: t,
-  confirmClose: l
-}) => {
-  const { t: i } = M();
-  return /* @__PURE__ */ a(
-    K,
-    {
-      opened: s,
-      onClose: () => {
-        t(!1);
-      },
-      centered: !0,
-      title: i("editor.unsavedChanges.title"),
-      closeOnClickOutside: !0,
-      closeOnEscape: !0,
-      size: "500",
-      zIndex: 999,
-      children: /* @__PURE__ */ k("div", { children: [
-        /* @__PURE__ */ a(U, { mb: "md", children: i("editor.unsavedChanges.message") }),
-        /* @__PURE__ */ k(_, { justify: "flex-end", gap: "sm", children: [
-          /* @__PURE__ */ a(
-            T,
-            {
-              variant: "default",
-              onClick: () => {
-                t(!1);
-              },
-              fullWidth: !0,
-              children: i("editor.unsavedChanges.cancel")
-            }
-          ),
-          /* @__PURE__ */ a(T, { color: "red", onClick: l, fullWidth: !0, children: i("editor.unsavedChanges.closeWithoutSaving") })
-        ] })
-      ] })
-    }
-  );
-}, E = {
-  elements: [],
-  files: {},
-  appState: {},
-  previewSVG: null
-}, le = (s) => {
-  try {
-    const t = JSON.parse(s);
-    if (Array.isArray(t))
-      return { ...E, elements: t };
-    if (t && typeof t == "object")
-      return {
-        elements: Array.isArray(t.elements) ? t.elements : [],
-        files: t.files && typeof t.files == "object" ? t.files : {},
-        appState: t.appState && typeof t.appState == "object" ? t.appState : {},
-        previewSVG: typeof t.previewSVG == "string" ? t.previewSVG : typeof t.previewSvg == "string" ? t.previewSvg : null
-      };
-  } catch {
-  }
-  return { ...E };
-}, q = {
-  en: "en-US",
-  ru: "ru-RU",
-  fr: "fr-FR",
-  de: "de-DE",
-  es: "es-ES",
-  it: "it-IT",
-  pt: "pt-BR",
-  zh: "zh-CN",
-  ja: "ja-JP",
-  ko: "ko-KR",
-  ar: "ar-SA",
-  hi: "hi-IN",
-  nl: "nl-NL",
-  tr: "tr-TR",
-  pl: "pl-PL",
-  sv: "sv-SE",
-  cs: "cs-CZ",
-  uk: "uk-UA",
-  ro: "ro-RO",
-  fi: "fi-FI",
-  da: "da-DK",
-  no: "no-NO",
-  el: "el-GR",
-  he: "he-IL",
-  th: "th-TH",
-  id: "id-ID",
-  ms: "ms-MY",
-  vi: "vi-VN"
-};
-let h = null;
-const Q = /* @__PURE__ */ Z(async () => {
-  var t;
-  const s = await import("./layers.BzT4Ix0I.js").then((l) => l.M);
-  return !h && s && (h = s.exportToSvg || ((t = s.default) == null ? void 0 : t.exportToSvg) || s.default), { default: s.Excalidraw };
-}), P = () => {
-  const [s, t] = m(
-    null
-  ), l = R(
-    (i) => t(i),
-    []
-  );
-  return [s, l];
-};
-function ie({
-  onSave: s,
-  initialElements: t,
-  initialAppState: l,
-  initialFiles: i,
-  isShown: c = !1,
-  onDelete: L,
-  onClose: B,
-  isEdited: D
-}) {
-  const [o, S] = P(), { i18n: j } = M(), { colorScheme: z } = J(), x = I(!1), [d, A] = m(t), [g, N] = m(i), [V, O] = m(c);
-  p(() => {
-    c && O(!0);
-  }, [c]), p(() => {
-    !c || x.current || (x.current = !0, Promise.resolve({           }));
-  }, [c]), p(() => {
-    c && setTimeout(() => {
-      var e;
-      (e = o == null ? void 0 : o.refresh) == null || e.call(o);
-    }, 500);
-  }, [c, o]);
-  const G = R(async () => {
-    var b, w, C;
-    let e = h;
-    if (!e || typeof e != "function") {
-      const n = await import("./layers.BzT4Ix0I.js").then((f) => f.M);
-      e = n.exportToSvg || ((b = n.default) == null ? void 0 : b.exportToSvg) || n.default, e && typeof e == "function" && (h = e);
-    }
-    if (!e || typeof e != "function") {
-      const n = await import("./layers.BzT4Ix0I.js").then((H) => H.M), f = n ? Object.keys(n) : [];
-      throw console.error("Excalidraw module structure:", {
-        keys: f,
-        hasExportToSvg: n && "exportToSvg" in n,
-        hasDefault: n && "default" in n,
-        moduleType: typeof n,
-        module: n
-      }), new Error(
-        `exportToSvg is not available from @excalidraw/excalidraw. Module keys: ${f.join(", ")}. Please ensure @excalidraw/excalidraw is properly installed.`
-      );
-    }
-    const u = ((w = o == null ? void 0 : o.getAppState) == null ? void 0 : w.call(o)) ?? l, r = await e({
-      appState: u,
-      elements: d,
-      files: g
-    }), v = (C = r == null ? void 0 : r.firstElementChild) == null ? void 0 : C.firstElementChild, y = r.getAttribute("viewBox");
-    if (y != null) {
-      const n = y.split(" ");
-      r.setAttribute("width", n[2]), r.setAttribute("height", n[3]);
-    }
-    return v && v.tagName === "style" && v.remove(), r.setAttribute("width", "100%"), r.setAttribute("height", "100%"), r.setAttribute("display", "block"), r.classList.add("excalidraw-svg"), r.outerHTML;
-  }, [d, g, o, l]), W = () => {
-    if (d && d.filter((e) => !e.isDeleted).length > 0) {
-      const e = o == null ? void 0 : o.getAppState(), u = {
-        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 r = await G();
-        s(d, u, g, r);
-      })();
-    } else
-      L();
-  }, F = (e, u, r) => {
-    (e == null ? void 0 : e.length) !== (t == null ? void 0 : t.length) && (D.current = !0), A(e), N(r);
-  };
-  return /* @__PURE__ */ a(
-    $,
-    {
-      opened: c,
-      onClose: B,
-      onSave: W,
-      className: "excaildraw-modal",
-      closeOnEscape: !1,
-      children: V && /* @__PURE__ */ a(
-        X,
-        {
-          fallback: /* @__PURE__ */ a(
-            "div",
-            {
-              style: {
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center",
-                height: "100%",
-                minHeight: "400px"
-              },
-              children: /* @__PURE__ */ a(Y, { size: "sm" })
-            }
-          ),
-          children: /* @__PURE__ */ a(
-            Q,
-            {
-              langCode: q[j.language],
-              theme: z,
-              onChange: F,
-              excalidrawAPI: S,
-              initialData: {
-                appState: { ...l || { isLoading: !1 } },
-                elements: t,
-                files: i
-              }
-            }
-          )
-        }
-      )
-    }
-  );
-}
-export {
-  se as C,
-  ie as E,
-  le as p
-};

package/dist/layers.DVLqHkLH.js

@@ -1 +0,0 @@
-"use strict";const i=require("react/jsx-runtime"),E=require("react-i18next"),d=require("@mantine/core"),l=require("react"),G=require("@layers-app/shared"),W=({isCloseModal:n,setCloseModalOpen:t,confirmClose:a})=>{const{t:c}=E.useTranslation();return i.jsx(d.Modal,{opened:n,onClose:()=>{t(!1)},centered:!0,title:c("editor.unsavedChanges.title"),closeOnClickOutside:!0,closeOnEscape:!0,size:"500",zIndex:999,children:i.jsxs("div",{children:[i.jsx(d.Text,{mb:"md",children:c("editor.unsavedChanges.message")}),i.jsxs(d.Flex,{justify:"flex-end",gap:"sm",children:[i.jsx(d.Button,{variant:"default",onClick:()=>{t(!1)},fullWidth:!0,children:c("editor.unsavedChanges.cancel")}),i.jsx(d.Button,{color:"red",onClick:a,fullWidth:!0,children:c("editor.unsavedChanges.closeWithoutSaving")})]})]})})},k={elements:[],files:{},appState:{},previewSVG:null},F=n=>{try{const t=JSON.parse(n);if(Array.isArray(t))return{...k,elements:t};if(t&&typeof t=="object")return{elements:Array.isArray(t.elements)?t.elements:[],files:t.files&&typeof t.files=="object"?t.files:{},appState:t.appState&&typeof t.appState=="object"?t.appState:{},previewSVG:typeof t.previewSVG=="string"?t.previewSVG:typeof t.previewSvg=="string"?t.previewSvg:null}}catch{}return{...k}},H={en:"en-US",ru:"ru-RU",fr:"fr-FR",de:"de-DE",es:"es-ES",it:"it-IT",pt:"pt-BR",zh:"zh-CN",ja:"ja-JP",ko:"ko-KR",ar:"ar-SA",hi:"hi-IN",nl:"nl-NL",tr:"tr-TR",pl:"pl-PL",sv:"sv-SE",cs:"cs-CZ",uk:"uk-UA",ro:"ro-RO",fi:"fi-FI",da:"da-DK",no:"no-NO",el:"el-GR",he:"he-IL",th:"th-TH",id:"id-ID",ms:"ms-MY",vi:"vi-VN"};let x=null;const K=l.lazy(async()=>{var t;const n=await Promise.resolve().then(()=>require("./layers.CbLQLdLU.js")).then(a=>a.index);return!x&&n&&(x=n.exportToSvg||((t=n.default)==null?void 0:t.exportToSvg)||n.default),{default:n.Excalidraw}}),U=()=>{const[n,t]=l.useState(null),a=l.useCallback(c=>t(c),[]);return[n,a]};function _({onSave:n,initialElements:t,initialAppState:a,initialFiles:c,isShown:u=!1,onDelete:T,onClose:j,isEdited:M}){const[r,R]=U(),{i18n:S}=E.useTranslation(),{colorScheme:B}=d.useMantineColorScheme(),y=l.useRef(!1),[f,D]=l.useState(t),[v,L]=l.useState(c),[z,A]=l.useState(u);l.useEffect(()=>{u&&A(!0)},[u]),l.useEffect(()=>{!u||y.current||(y.current=!0,Promise.resolve().then(()=>require("./layers.Dyvby5gX.js")))},[u]),l.useEffect(()=>{u&&setTimeout(()=>{var e;(e=r==null?void 0:r.refresh)==null||e.call(r)},500)},[u,r]);const q=l.useCallback(async()=>{var b,w,C;let e=x;if(!e||typeof e!="function"){const s=await Promise.resolve().then(()=>require("./layers.CbLQLdLU.js")).then(g=>g.index);e=s.exportToSvg||((b=s.default)==null?void 0:b.exportToSvg)||s.default,e&&typeof e=="function"&&(x=e)}if(!e||typeof e!="function"){const s=await Promise.resolve().then(()=>require("./layers.CbLQLdLU.js")).then(O=>O.index),g=s?Object.keys(s):[];throw console.error("Excalidraw module structure:",{keys:g,hasExportToSvg:s&&"exportToSvg"in s,hasDefault:s&&"default"in s,moduleType:typeof s,module:s}),new Error(`exportToSvg is not available from @excalidraw/excalidraw. Module keys: ${g.join(", ")}. Please ensure @excalidraw/excalidraw is properly installed.`)}const h=((w=r==null?void 0:r.getAppState)==null?void 0:w.call(r))??a,o=await e({appState:h,elements:f,files:v}),m=(C=o==null?void 0:o.firstElementChild)==null?void 0:C.firstElementChild,p=o.getAttribute("viewBox");if(p!=null){const s=p.split(" ");o.setAttribute("width",s[2]),o.setAttribute("height",s[3])}return m&&m.tagName==="style"&&m.remove(),o.setAttribute("width","100%"),o.setAttribute("height","100%"),o.setAttribute("display","block"),o.classList.add("excalidraw-svg"),o.outerHTML},[f,v,r,a]),N=()=>{if(f&&f.filter(e=>!e.isDeleted).length>0){const e=r==null?void 0:r.getAppState(),h={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 o=await q();n(f,h,v,o)})()}else T()},V=(e,h,o)=>{(e==null?void 0:e.length)!==(t==null?void 0:t.length)&&(M.current=!0),D(e),L(o)};return i.jsx(G.BottomDrawerWithoutHeader,{opened:u,onClose:j,onSave:N,className:"excaildraw-modal",closeOnEscape:!1,children:z&&i.jsx(l.Suspense,{fallback:i.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",minHeight:"400px"},children:i.jsx(d.Loader,{size:"sm"})}),children:i.jsx(K,{langCode:H[S.language],theme:B,onChange:V,excalidrawAPI:R,initialData:{appState:{...a||{isLoading:!1}},elements:t,files:c}})})})}exports.ConfirmModal=W;exports.ExcalidrawModal=_;exports.parseExcalidrawData=F;