@layers-app/editor 2.2.36 → 2.2.38

package/dist/{layers.Ck2r3Yqw.js → layers.BxxCaJjb.js}

@@ -1,13 +1,13 @@
-import { jsx as r, jsxs as y, Fragment as le } from "react/jsx-runtime";
-import { useContext as se, useMemo as ce, useState as B, useEffect as S, useRef as j, useCallback as W, Suspense as he, lazy as pe } from "react";
+import { jsx as n, jsxs as y, Fragment as le } from "react/jsx-runtime";
+import { useContext as se, useMemo as ce, useState as B, useEffect as A, useRef as W, useCallback as F, Suspense as he, lazy as pe } from "react";
 import { useLexicalComposerContext as Ce } from "@lexical/react/LexicalComposerContext";
 import { useLexicalEditable as xe } from "@lexical/react/useLexicalEditable";
 import { useLexicalNodeSelection as be } from "@lexical/react/useLexicalNodeSelection";
 import { mergeRegister as ve } from "@lexical/utils";
 import { $setSelection as we, $getNodeByKey as V, CLICK_COMMAND as Ee, COMMAND_PRIORITY_LOW as J, KEY_DELETE_COMMAND as ye, KEY_BACKSPACE_COMMAND as ke } from "lexical";
-import { H as K, A as Me, C as de, R as Te, j as Q, k as Z, m as De, n as ee, N as Oe, D as te, o as Ne, q as _e, O as Ae, r as oe, a as ue, s as ne, l as Se, p as Be, t as re, v as Le, w as ze, x as Re } from "./layers.BqIss95A.js";
+import { H as Z, j as Te, C as de, R as Me, k as K, m as ee, A as Q, K as De, t as te, N as Oe, n as oe, o as Ne, q as _e, O as Se, a as ue, r as re, l as Ae, p as Be, s as ne, v as Le, w as ze, x as Re } from "./layers.BVNqvPml.js";
 import { useTranslation as P } from "react-i18next";
-import { Modal as Ie, Stack as $, Text as ie, Group as je, Button as U, Box as ae, useMantineColorScheme as We, Loader as Fe } from "@mantine/core";
+import { Modal as je, Stack as q, Text as ie, Group as We, Button as U, Box as ae, useMantineColorScheme as Fe, Loader as Ie } from "@mantine/core";
 import { useDisclosure as He } from "@mantine/hooks";
 import "@lexical/mark";
 import "@lexical/code";
@@ -18,8 +18,8 @@ const Ve = ({
   confirmClose: p
 }) => {
   const { t: C } = P();
-  return /* @__PURE__ */ r(
-    Ie,
+  return /* @__PURE__ */ n(
+    je,
     {
       opened: i,
       onClose: () => {
@@ -32,23 +32,23 @@ const Ve = ({
       size: 440,
       radius: "lg",
       zIndex: 999,
-      children: /* @__PURE__ */ y($, { gap: 24, pt: "md", children: [
-        /* @__PURE__ */ y($, { gap: "xs", align: "center", children: [
-          /* @__PURE__ */ r(
-            K,
+      children: /* @__PURE__ */ y(q, { gap: 24, pt: "md", children: [
+        /* @__PURE__ */ y(q, { gap: "xs", align: "center", children: [
+          /* @__PURE__ */ n(
+            Z,
             {
-              icon: Me,
+              icon: Te,
               size: 20,
               color: "var(--mantine-color-dimmed)"
             }
           ),
-          /* @__PURE__ */ y($, { gap: 6, align: "center", children: [
-            /* @__PURE__ */ r(ie, { fw: 700, size: "md", ta: "center", children: C("editor.unsavedChanges.title") }),
-            /* @__PURE__ */ r(ie, { c: "dimmed", size: "sm", ta: "center", children: C("editor.unsavedChanges.message") })
+          /* @__PURE__ */ y(q, { gap: 6, align: "center", children: [
+            /* @__PURE__ */ n(ie, { fw: 700, size: "md", ta: "center", children: C("editor.unsavedChanges.title") }),
+            /* @__PURE__ */ n(ie, { c: "dimmed", size: "sm", ta: "center", children: C("editor.unsavedChanges.message") })
           ] })
         ] }),
-        /* @__PURE__ */ y(je, { gap: "xs", grow: !0, wrap: "nowrap", children: [
-          /* @__PURE__ */ r(
+        /* @__PURE__ */ y(We, { gap: "xs", grow: !0, wrap: "nowrap", children: [
+          /* @__PURE__ */ n(
             U,
             {
               variant: "default",
@@ -59,29 +59,29 @@ const Ve = ({
               children: C("editor.unsavedChanges.cancel")
             }
           ),
-          /* @__PURE__ */ r(U, { color: "indigo.8", radius: "md", onClick: p, children: C("editor.unsavedChanges.closeWithoutSaving") })
+          /* @__PURE__ */ n(U, { color: "indigo.8", radius: "md", onClick: p, children: C("editor.unsavedChanges.closeWithoutSaving") })
         ] })
       ] })
     }
   );
 };
-function qe({
+function $e({
   imageContainerRef: i,
   editor: a,
   rootClassName: p = null,
   width: C = "inherit",
   height: u = "inherit",
   nodeKey: s,
-  alignment: F,
+  alignment: I,
   setModalOpen: L,
-  previewSVG: n,
+  previewSVG: r,
   isModalOpen: m
 }) {
-  const { disable: g, imperativeHandleRef: v } = se(de), H = ce(() => n ?? "", [n]), [T, h] = B(!1), [
+  const { disable: g, imperativeHandleRef: v } = se(de), H = ce(() => r ?? "", [r]), [M, h] = B(!1), [
     G,
     { open: w, close: D }
   ] = He(!1), { t: b } = P();
-  S(() => {
+  A(() => {
     m && h(!1);
   }, [m]);
   const O = (e, x) => {
@@ -91,35 +91,35 @@ function qe({
       return ue(l) && l.setWidthAndHeight(e, x), !0;
     });
   }, E = () => {
-    ne(a, s);
+    re(a, s);
   }, z = () => {
     D(), L(!0);
   }, N = () => {
-    D(), ne(a, s);
+    D(), re(a, s);
   };
   return /* @__PURE__ */ y(
-    Te,
+    Me,
     {
       editor: a,
       isIcon: !1,
       isEmbed: !0,
-      width: oe(C),
-      height: oe(u),
+      width: ee(C),
+      height: ee(u),
       onResizeEnd: O,
-      alignment: F,
+      alignment: I,
       disable: g,
       onRegisterDecoratorEnter: (e) => {
         v != null && v.current && (v.current.decoratorEnterAction = e);
       },
-      onActivate: () => a.dispatchCommand(Ae, "show_menu"),
+      onActivate: () => a.dispatchCommand(Se, "show_menu"),
       children: [
         /* @__PURE__ */ y(ae, { className: "media-wrapper excaildraw", children: [
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ n(
             "div",
             {
-              className: `media-actions${Q || !Ne ? " visible" : ""}`,
-              children: Q ? /* @__PURE__ */ r(
-                Z,
+              className: `media-actions${K || !Ne ? " visible" : ""}`,
+              children: K ? /* @__PURE__ */ n(
+                Q,
                 {
                   "aria-label": b("editor.toolbar.more"),
                   label: b("editor.toolbar.more"),
@@ -129,8 +129,8 @@ function qe({
                   iconColor: "var(--mantine-color-gray-text)"
                 }
               ) : /* @__PURE__ */ y(le, { children: [
-                /* @__PURE__ */ r(
-                  Z,
+                /* @__PURE__ */ n(
+                  Q,
                   {
                     "aria-label": "Settings",
                     label: b("editor.link.edit"),
@@ -138,14 +138,14 @@ function qe({
                     onClick: () => {
                       L(!0);
                     },
-                    icon: ee,
+                    icon: te,
                     iconColor: "var(--mantine-color-gray-text)"
                   }
                 ),
-                /* @__PURE__ */ r(
+                /* @__PURE__ */ n(
                   Oe,
                   {
-                    opened: T,
+                    opened: M,
                     setOpened: h,
                     t: b,
                     editor: a,
@@ -153,21 +153,21 @@ function qe({
                     flexBorder: !0
                   }
                 ),
-                /* @__PURE__ */ r(
-                  Z,
+                /* @__PURE__ */ n(
+                  Q,
                   {
                     "aria-label": "Delete",
                     label: b("editor.actions.delete"),
                     flexBorder: !0,
                     onClick: E,
-                    icon: te,
+                    icon: oe,
                     iconColor: "var(--mantine-color-red-outline)"
                   }
                 )
               ] })
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ n(
             ae,
             {
               w: "100%",
@@ -179,14 +179,14 @@ function qe({
             }
           )
         ] }),
-        Q && /* @__PURE__ */ r(
+        K && /* @__PURE__ */ n(
           _e,
           {
             opened: G,
             onClose: D,
             title: b("editor.image.mobileActions"),
-            children: /* @__PURE__ */ y($, { gap: 4, p: 0, children: [
-              /* @__PURE__ */ r(
+            children: /* @__PURE__ */ y(q, { gap: 4, p: 0, children: [
+              /* @__PURE__ */ n(
                 U,
                 {
                   type: "button",
@@ -196,10 +196,10 @@ function qe({
                   justify: "flex-start",
                   bg: "var(--editor-action-bg)",
                   onClick: z,
-                  leftSection: /* @__PURE__ */ r(
-                    K,
+                  leftSection: /* @__PURE__ */ n(
+                    Z,
                     {
-                      icon: ee,
+                      icon: te,
                       size: 16,
                       color: "var(--mantine-color-dimmed)"
                     }
@@ -207,7 +207,7 @@ function qe({
                   children: b("editor.link.edit")
                 }
               ),
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ n(
                 U,
                 {
                   type: "button",
@@ -217,10 +217,10 @@ function qe({
                   justify: "flex-start",
                   bg: "var(--editor-action-bg)",
                   onClick: N,
-                  leftSection: /* @__PURE__ */ r(
-                    K,
+                  leftSection: /* @__PURE__ */ n(
+                    Z,
                     {
-                      icon: te,
+                      icon: oe,
                       size: 16,
                       color: "var(--mantine-color-red-6)"
                     }
@@ -236,14 +236,14 @@ function qe({
   );
 }
 let Y = null;
-const $e = /* @__PURE__ */ pe(async () => {
+const qe = /* @__PURE__ */ pe(async () => {
   var a;
-  const i = await import("./layers.XwLoMlXI.js").then((p) => p.M);
+  const i = await import("./layers.DS9wgLZm.js").then((p) => p.K);
   return !Y && i && (Y = i.exportToSvg || ((a = i.default) == null ? void 0 : a.exportToSvg) || i.default), { default: i.Excalidraw };
 }), Ue = () => {
   const [i, a] = B(
     null
-  ), p = W(
+  ), p = F(
     (C) => a(C),
     []
   );
@@ -256,20 +256,20 @@ function Ye({
   initialFiles: C,
   isShown: u = !1,
   onDelete: s,
-  onClose: F,
+  onClose: I,
   isEdited: L
 }) {
-  const [n, m] = Ue(), { i18n: g, t: v } = P(), { colorScheme: H } = We(), T = j(!1), [h, G] = B(a), [w, D] = B(C), [b, O] = B(u);
-  S(() => {
+  const [r, m] = Ue(), { i18n: g, t: v } = P(), { colorScheme: H } = Fe(), M = W(!1), [h, G] = B(a), [w, D] = B(C), [b, O] = B(u);
+  A(() => {
     u && O(!0);
-  }, [u]), S(() => {
-    !u || T.current || (T.current = !0, Promise.resolve({           }));
-  }, [u]), S(() => {
+  }, [u]), A(() => {
+    !u || M.current || (M.current = !0, Promise.resolve({           }));
+  }, [u]), A(() => {
     u && setTimeout(() => {
       var e, x;
-      (e = n == null ? void 0 : n.refresh) == null || e.call(n), (x = n == null ? void 0 : n.scrollToContent) == null || x.call(n);
+      (e = r == null ? void 0 : r.refresh) == null || e.call(r), (x = r == null ? void 0 : r.scrollToContent) == null || x.call(r);
     }, 500);
-  }, [u, n]), S(() => {
+  }, [u, r]), A(() => {
     if (!u)
       return;
     const e = (o, c) => {
@@ -289,7 +289,7 @@ function Ye({
       "Web Embed": l,
       "Web embeded": l,
       Generate: d
-    }, I = () => {
+    }, j = () => {
       const o = document.querySelector(".App-toolbar__extra-tools-dropdown");
       if (!o)
         return;
@@ -302,15 +302,15 @@ function Ye({
       for (; t = c.nextNode(); )
         if (t.nodeType === Node.TEXT_NODE && t.textContent) {
           const f = t.textContent.trim();
-          for (const [M, A] of Object.entries(R))
-            if (f === M && A && !f.includes(A)) {
-              t.textContent = t.textContent.replace(M, A);
+          for (const [T, S] of Object.entries(R))
+            if (f === T && S && !f.includes(S)) {
+              t.textContent = t.textContent.replace(T, S);
               break;
             }
         }
     }, _ = () => {
       setTimeout(() => {
-        I();
+        j();
       }, 0);
     }, k = setTimeout(() => {
       const o = document.querySelector(
@@ -336,15 +336,15 @@ function Ye({
       }
     };
   }, [u, g.language, v]);
-  const E = W(async () => {
-    var I, _, k;
+  const E = F(async () => {
+    var j, _, k;
     let e = Y;
     if (!e || typeof e != "function") {
-      const o = await import("./layers.XwLoMlXI.js").then((c) => c.M);
-      e = o.exportToSvg || ((I = o.default) == null ? void 0 : I.exportToSvg) || o.default, e && typeof e == "function" && (Y = e);
+      const o = await import("./layers.DS9wgLZm.js").then((c) => c.K);
+      e = o.exportToSvg || ((j = o.default) == null ? void 0 : j.exportToSvg) || o.default, e && typeof e == "function" && (Y = e);
     }
     if (!e || typeof e != "function") {
-      const o = await import("./layers.XwLoMlXI.js").then((t) => t.M), c = o ? Object.keys(o) : [];
+      const o = await import("./layers.DS9wgLZm.js").then((t) => t.K), c = o ? Object.keys(o) : [];
       throw console.error("Excalidraw module structure:", {
         keys: c,
         hasExportToSvg: o && "exportToSvg" in o,
@@ -355,7 +355,7 @@ function Ye({
         `exportToSvg is not available from @excalidraw/excalidraw. Module keys: ${c.join(", ")}. Please ensure @excalidraw/excalidraw is properly installed.`
       );
     }
-    const x = ((_ = n == null ? void 0 : n.getAppState) == null ? void 0 : _.call(n)) ?? p, l = await e({
+    const x = ((_ = r == null ? void 0 : r.getAppState) == null ? void 0 : _.call(r)) ?? p, l = await e({
       appState: x,
       elements: h,
       files: w
@@ -365,9 +365,9 @@ function Ye({
       l.setAttribute("width", o[2]), l.setAttribute("height", o[3]);
     }
     return d && d.tagName === "style" && d.remove(), l.setAttribute("width", "100%"), l.setAttribute("height", "100%"), l.setAttribute("display", "block"), l.classList.add("excalidraw-svg"), l.outerHTML;
-  }, [h, w, n, p]), z = () => {
+  }, [h, w, r, p]), z = () => {
     if (h && h.filter((e) => !e.isDeleted).length > 0) {
-      const e = n == null ? void 0 : n.getAppState(), x = {
+      const e = r == null ? void 0 : r.getAppState(), x = {
         exportBackground: e == null ? void 0 : e.exportBackground,
         exportScale: e == null ? void 0 : e.exportScale,
         exportWithDarkMode: (e == null ? void 0 : e.theme) === "dark",
@@ -389,18 +389,18 @@ function Ye({
   }, N = (e, x, l) => {
     (e == null ? void 0 : e.length) !== (a == null ? void 0 : a.length) && (L.current = !0), G(e), D(l);
   };
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ n(
     Ge,
     {
       opened: u,
-      onClose: F,
+      onClose: I,
       onSave: z,
       className: "excaildraw-modal",
       closeOnEscape: !1,
-      children: b && /* @__PURE__ */ r(
+      children: b && /* @__PURE__ */ n(
         he,
         {
-          fallback: /* @__PURE__ */ r(
+          fallback: /* @__PURE__ */ n(
             "div",
             {
               style: {
@@ -410,13 +410,13 @@ function Ye({
                 height: "100%",
                 minHeight: "400px"
               },
-              children: /* @__PURE__ */ r(Fe, { size: "sm" })
+              children: /* @__PURE__ */ n(Ie, { size: "sm" })
             }
           ),
-          children: /* @__PURE__ */ r(
-            $e,
+          children: /* @__PURE__ */ n(
+            qe,
             {
-              langCode: Se[g.language],
+              langCode: Ae[g.language],
               theme: H,
               onChange: N,
               excalidrawAPI: m,
@@ -441,27 +441,27 @@ function st({
   alignment: u
 }) {
   var c;
-  const [s] = Ce(), { fetchUploadMedia: F, fetchDeleteMedia: L } = se(de), n = xe(), m = ce(() => Be(a), [a]), g = j(
-    re(m.files ?? {})
-  ), v = j(
+  const [s] = Ce(), { fetchUploadMedia: I, fetchDeleteMedia: L } = se(de), r = xe(), m = ce(() => Be(a), [a]), g = W(
+    ne(m.files ?? {})
+  ), v = W(
     Object.keys(m.files ?? {})
   );
-  S(() => {
-    const t = re(m.files ?? {});
+  A(() => {
+    const t = ne(m.files ?? {});
     for (const f of Object.keys(t))
       g.current[f] = t[f];
   }, [m.files]);
-  const H = ((c = m == null ? void 0 : m.elements) == null ? void 0 : c.length) === 0 && !m.previewSVG, [T, h] = B(
+  const H = ((c = m == null ? void 0 : m.elements) == null ? void 0 : c.length) === 0 && !m.previewSVG, [M, h] = B(
     H && s.isEditable()
-  ), [G, w] = B(!1), D = j(null), b = j(null), O = j(null), [E, z, N] = be(i), e = W(
+  ), [G, w] = B(!1), D = W(null), b = W(null), O = W(null), [E, z, N] = be(i), e = F(
     (t) => (E && (t.preventDefault(), s.update(() => {
       const f = V(i);
       f && f.remove();
     })), !1),
     [s, E, i]
   );
-  S(() => {
-    if (!n) {
+  A(() => {
+    if (!r) {
       E && N();
       return;
     }
@@ -469,8 +469,8 @@ function st({
       s.registerCommand(
         Ee,
         (t) => {
-          const f = b.current, M = t.target;
-          return f !== null && f.contains(M) ? (t.shiftKey || N(), z(!E), t.detail > 1 && h(!0), !0) : !1;
+          const f = b.current, T = t.target;
+          return f !== null && f.contains(T) ? (t.shiftKey || N(), z(!E), t.detail > 1 && h(!0), !0) : !1;
         },
         J
       ),
@@ -485,48 +485,48 @@ function st({
         J
       )
     );
-  }, [N, s, E, e, z, n]);
-  const x = W(() => (h(!1), s.update(() => {
+  }, [N, s, E, e, z, r]);
+  const x = F(() => (h(!1), s.update(() => {
     const t = V(i);
     t && t.remove();
-  })), [s, i]), l = async (t, f, M, A) => {
+  })), [s, i]), l = async (t, f, T, S) => {
     const {
-      files: q,
+      files: $,
       urlByDataUrl: fe,
       attachmentIdByFileId: me
     } = await Le(
-      M,
-      F,
+      T,
+      I,
       g.current
     );
     g.current = ze(
       v.current,
-      q,
+      $,
       me,
       L
-    ), v.current = Object.keys(q);
-    const ge = Re(A, fe);
+    ), v.current = Object.keys($);
+    const ge = Re(S, fe);
     s.update(() => {
       const X = V(i);
-      ue(X) && (t && t.length > 0 || Object.keys(q).length > 0 ? X.setData(
+      ue(X) && (t && t.length > 0 || Object.keys($).length > 0 ? X.setData(
         JSON.stringify({
           appState: f,
           elements: t,
-          files: q,
+          files: $,
           previewSVG: ge
         })
       ) : X.remove());
     });
-  }, { elements: d = [], files: R = {}, appState: I = {}, previewSVG: _ } = m, k = W(() => {
+  }, { elements: d = [], files: R = {}, appState: j = {}, previewSVG: _ } = m, k = F(() => {
     h(!1), w(!1), O.current = !1, (d == null ? void 0 : d.length) === 0 && s.update(() => {
       const t = V(i);
       t && t.remove();
     });
-  }, [s, i, d == null ? void 0 : d.length]), o = W(() => {
+  }, [s, i, d == null ? void 0 : d.length]), o = F(() => {
     O.current ? w(!0) : k();
   }, [k]);
   return /* @__PURE__ */ y(le, { children: [
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ n(
       Ve,
       {
         isCloseModal: G,
@@ -534,31 +534,31 @@ function st({
         setCloseModalOpen: w
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ n(
       Ye,
       {
         initialElements: d,
         isEdited: O,
         initialFiles: R,
-        initialAppState: I,
-        isShown: T,
+        initialAppState: j,
+        isShown: M,
         onDelete: x,
         onClose: o,
-        onSave: async (t, f, M, A) => {
-          await l(t, f, M, A), h(!1);
+        onSave: async (t, f, T, S) => {
+          await l(t, f, T, S), h(!1);
         },
         closeOnClickOutside: !1
       }
     ),
-    (d == null ? void 0 : d.length) && /* @__PURE__ */ r(
+    (d == null ? void 0 : d.length) && /* @__PURE__ */ n(
       "div",
       {
         style: {
           display: "flex",
           justifyContent: u
         },
-        children: /* @__PURE__ */ r(
-          qe,
+        children: /* @__PURE__ */ n(
+          $e,
           {
             imageContainerRef: D,
             className: "image",
@@ -569,7 +569,7 @@ function st({
             alignment: u,
             setModalOpen: h,
             previewSVG: _,
-            isModalOpen: T
+            isModalOpen: M
           }
         )
       }

package/dist/{layers.BK4AWYDk.js → layers.C-raYyps.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./layers.BP8lmHgN.js");var a={paste:"Tempel",pasteAsPlaintext:"Tempel sebagai teks biasa",pasteCharts:"Tempel diagram",selectAll:"Pilih semua",multiSelect:"Tambahkan elemen ke pilihan",moveCanvas:"Pindahkan kanvas",cut:"Potong",copy:"Salin",copyAsPng:"Salin ke papan klip sebagai PNG",copyAsSvg:"Salin ke papan klip sebagai SVG",copyText:"Salin ke papan klip sebagai teks",copySource:"",convertToCode:"",bringForward:"Bawa maju",sendToBack:"Kirim ke belakang",bringToFront:"Bawa ke depan",sendBackward:"Kirim mundur",delete:"Hapus",copyStyles:"Salin gaya",pasteStyles:"Tempelkan gaya",stroke:"Guratan",background:"Latar",fill:"Isian",strokeWidth:"Lebar guratan",strokeStyle:"Gaya guratan",strokeStyle_solid:"Padat",strokeStyle_dashed:"Putus-putus",strokeStyle_dotted:"Titik-titik",sloppiness:"Kecerobohan",opacity:"Keburaman",textAlign:"Perataan teks",edges:"Tepi",sharp:"Tajam",round:"Bulat",arrowheads:"Mata panah",arrowhead_none:"Tidak ada",arrowhead_arrow:"Panah",arrowhead_bar:"Batang",arrowhead_circle:"",arrowhead_circle_outline:"",arrowhead_triangle:"Segitiga",arrowhead_triangle_outline:"",arrowhead_diamond:"",arrowhead_diamond_outline:"",fontSize:"Ukuran font",fontFamily:"Jenis font",addWatermark:'Tambahkan "Dibuat dengan Excalidraw"',handDrawn:"Tulisan tangan",normal:"Normal",code:"Kode",small:"Kecil",medium:"Sedang",large:"Besar",veryLarge:"Sangat besar",solid:"Padat",hachure:"Garis-garis",zigzag:"Zigzag",crossHatch:"Asiran silang",thin:"Lembut",bold:"Tebal",left:"Kiri",center:"Tengah",right:"Kanan",extraBold:"Sangat tebal",architect:"Arsitek",artist:"Artis",cartoonist:"Kartunis",fileTitle:"Nama file",colorPicker:"Pilihan Warna",canvasColors:"Digunakan di kanvas",canvasBackground:"Latar Kanvas",drawingCanvas:"Kanvas",layers:"Lapisan",actions:"Aksi",language:"Bahasa",liveCollaboration:"Kolaborasi langsung...",duplicateSelection:"Duplikat",untitled:"Tanpa judul",name:"Nama",yourName:"Nama Anda",madeWithExcalidraw:"Dibuat dengan Excalidraw",group:"Kelompokan pilihan",ungroup:"Pisahkan pilihan",collaborators:"Kolaborator",showGrid:"Tampilkan grid",addToLibrary:"Tambahkan ke pustaka",removeFromLibrary:"Hapus dari pustaka",libraryLoadingMessage:"Memuat pustaka…",libraries:"Telusur pustaka",loadingScene:"Memuat pemandangan…",align:"Perataan",alignTop:"Rata atas",alignBottom:"Rata bawah",alignLeft:"Rata kiri",alignRight:"Rata kanan",centerVertically:"Pusatkan secara vertikal",centerHorizontally:"Pusatkan secara horizontal",distributeHorizontally:"Distribusikan horizontal",distributeVertically:"Distribusikan vertikal",flipHorizontal:"Balikkan horizontal",flipVertical:"Balikkan vertikal",viewMode:"Mode tampilan",share:"Bagikan",showStroke:"Tampilkan garis pengambil warna",showBackground:"Tampilkan latar pengambil warna",toggleTheme:"Ubah tema",personalLib:"Pustaka Pribadi",excalidrawLib:"Pustaka Excalidraw",decreaseFontSize:"Kecilkan ukuran font",increaseFontSize:"Besarkan ukuran font",unbindText:"Lepas teks",bindText:"Kunci teks ke kontainer",createContainerFromText:"Bungkus teks dalam kontainer",link:{edit:"Edit tautan",editEmbed:"",create:"Buat tautan",createEmbed:"",label:"Tautan",labelEmbed:"",empty:""},lineEditor:{edit:"Edit tautan",exit:"Keluar editor garis"},elementLock:{lock:"Kunci",unlock:"Lepas",lockAll:"Kunci semua",unlockAll:"Lepas semua"},statusPublished:"Telah terbit",sidebarLock:"Biarkan sidebar tetap terbuka",selectAllElementsInFrame:"Pilih semua elemen di bingkai",removeAllElementsFromFrame:"Hapus semua elemen dari bingkai",eyeDropper:"Ambil warna dari kanvas",textToDiagram:"",prompt:""},e={noItems:"Belum ada item yang ditambahkan...",hint_emptyLibrary:"Pilih item pada kanvas untuk menambahkan nya di sini, atau pasang pustaka dari gudang di bawah ini.",hint_emptyPrivateLibrary:"Pilih item pada kanvas untuk menambahkan nya di sini."},n={clearReset:"Setel Ulang Kanvas",exportJSON:"Ekspor ke file",exportImage:"Ekspor gambar...",export:"Simpan ke...",copyToClipboard:"Salin ke Papan Klip",save:"Simpan ke file sekarang",saveAs:"Simpan sebagai",load:"Buka",getShareableLink:"Buat Tautan yang Bisa Dibagian",close:"Tutup",selectLanguage:"Pilih bahasa",scrollBackToContent:"Gulir kembali ke konten",zoomIn:"Besarkan",zoomOut:"Kecilkan",resetZoom:"Reset Pembesaran",menu:"Menu",done:"Selesai",edit:"Edit",undo:"Urungkan",redo:"Ulangi",resetLibrary:"Reset pustaka",createNewRoom:"Buat ruang baru",fullScreen:"Layar penuh",darkMode:"Mode gelap",lightMode:"Mode terang",zenMode:"Mode zen",objectsSnapMode:"",exitZenMode:"Keluar dari mode zen",cancel:"Batal",clear:"Hapus",remove:"Hapus",embed:"",publishLibrary:"Terbitkan",submit:"Kirimkan",confirm:"Konfirmasi",embeddableInteractionButton:""},i={clearReset:"Ini akan menghapus semua yang ada dikanvas. Apakah kamu yakin ?",couldNotCreateShareableLink:"Tidak bisa membuat tautan yang bisa dibagikan",couldNotCreateShareableLinkTooBig:"Tidak dapat membuat tautan yang dapat dibagikan: pemandangan terlalu besar",couldNotLoadInvalidFile:"Tidak dapat memuat berkas yang tidak valid",importBackendFailed:"Gagal mengimpor dari backend",cannotExportEmptyCanvas:"Tidak bisa mengekspor kanvas kosong",couldNotCopyToClipboard:"Tidak bisa menyalin ke papan klip.",decryptFailed:"Tidak dapat mengdekripsi data.",uploadedSecurly:"Pengunggahan ini telah diamankan menggunakan enkripsi end-to-end, artinya server Excalidraw dan pihak ketiga tidak data membaca nya",loadSceneOverridePrompt:"Memuat gambar external akan mengganti konten Anda yang ada. Apakah Anda ingin melanjutkan?",collabStopOverridePrompt:`Menghentikan sesi akan menimpa gambar Anda yang tersimpan secara lokal. Anda yakin?
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./layers.DIo-cti0.js");var a={paste:"Tempel",pasteAsPlaintext:"Tempel sebagai teks biasa",pasteCharts:"Tempel diagram",selectAll:"Pilih semua",multiSelect:"Tambahkan elemen ke pilihan",moveCanvas:"Pindahkan kanvas",cut:"Potong",copy:"Salin",copyAsPng:"Salin ke papan klip sebagai PNG",copyAsSvg:"Salin ke papan klip sebagai SVG",copyText:"Salin ke papan klip sebagai teks",copySource:"",convertToCode:"",bringForward:"Bawa maju",sendToBack:"Kirim ke belakang",bringToFront:"Bawa ke depan",sendBackward:"Kirim mundur",delete:"Hapus",copyStyles:"Salin gaya",pasteStyles:"Tempelkan gaya",stroke:"Guratan",background:"Latar",fill:"Isian",strokeWidth:"Lebar guratan",strokeStyle:"Gaya guratan",strokeStyle_solid:"Padat",strokeStyle_dashed:"Putus-putus",strokeStyle_dotted:"Titik-titik",sloppiness:"Kecerobohan",opacity:"Keburaman",textAlign:"Perataan teks",edges:"Tepi",sharp:"Tajam",round:"Bulat",arrowheads:"Mata panah",arrowhead_none:"Tidak ada",arrowhead_arrow:"Panah",arrowhead_bar:"Batang",arrowhead_circle:"",arrowhead_circle_outline:"",arrowhead_triangle:"Segitiga",arrowhead_triangle_outline:"",arrowhead_diamond:"",arrowhead_diamond_outline:"",fontSize:"Ukuran font",fontFamily:"Jenis font",addWatermark:'Tambahkan "Dibuat dengan Excalidraw"',handDrawn:"Tulisan tangan",normal:"Normal",code:"Kode",small:"Kecil",medium:"Sedang",large:"Besar",veryLarge:"Sangat besar",solid:"Padat",hachure:"Garis-garis",zigzag:"Zigzag",crossHatch:"Asiran silang",thin:"Lembut",bold:"Tebal",left:"Kiri",center:"Tengah",right:"Kanan",extraBold:"Sangat tebal",architect:"Arsitek",artist:"Artis",cartoonist:"Kartunis",fileTitle:"Nama file",colorPicker:"Pilihan Warna",canvasColors:"Digunakan di kanvas",canvasBackground:"Latar Kanvas",drawingCanvas:"Kanvas",layers:"Lapisan",actions:"Aksi",language:"Bahasa",liveCollaboration:"Kolaborasi langsung...",duplicateSelection:"Duplikat",untitled:"Tanpa judul",name:"Nama",yourName:"Nama Anda",madeWithExcalidraw:"Dibuat dengan Excalidraw",group:"Kelompokan pilihan",ungroup:"Pisahkan pilihan",collaborators:"Kolaborator",showGrid:"Tampilkan grid",addToLibrary:"Tambahkan ke pustaka",removeFromLibrary:"Hapus dari pustaka",libraryLoadingMessage:"Memuat pustaka…",libraries:"Telusur pustaka",loadingScene:"Memuat pemandangan…",align:"Perataan",alignTop:"Rata atas",alignBottom:"Rata bawah",alignLeft:"Rata kiri",alignRight:"Rata kanan",centerVertically:"Pusatkan secara vertikal",centerHorizontally:"Pusatkan secara horizontal",distributeHorizontally:"Distribusikan horizontal",distributeVertically:"Distribusikan vertikal",flipHorizontal:"Balikkan horizontal",flipVertical:"Balikkan vertikal",viewMode:"Mode tampilan",share:"Bagikan",showStroke:"Tampilkan garis pengambil warna",showBackground:"Tampilkan latar pengambil warna",toggleTheme:"Ubah tema",personalLib:"Pustaka Pribadi",excalidrawLib:"Pustaka Excalidraw",decreaseFontSize:"Kecilkan ukuran font",increaseFontSize:"Besarkan ukuran font",unbindText:"Lepas teks",bindText:"Kunci teks ke kontainer",createContainerFromText:"Bungkus teks dalam kontainer",link:{edit:"Edit tautan",editEmbed:"",create:"Buat tautan",createEmbed:"",label:"Tautan",labelEmbed:"",empty:""},lineEditor:{edit:"Edit tautan",exit:"Keluar editor garis"},elementLock:{lock:"Kunci",unlock:"Lepas",lockAll:"Kunci semua",unlockAll:"Lepas semua"},statusPublished:"Telah terbit",sidebarLock:"Biarkan sidebar tetap terbuka",selectAllElementsInFrame:"Pilih semua elemen di bingkai",removeAllElementsFromFrame:"Hapus semua elemen dari bingkai",eyeDropper:"Ambil warna dari kanvas",textToDiagram:"",prompt:""},e={noItems:"Belum ada item yang ditambahkan...",hint_emptyLibrary:"Pilih item pada kanvas untuk menambahkan nya di sini, atau pasang pustaka dari gudang di bawah ini.",hint_emptyPrivateLibrary:"Pilih item pada kanvas untuk menambahkan nya di sini."},n={clearReset:"Setel Ulang Kanvas",exportJSON:"Ekspor ke file",exportImage:"Ekspor gambar...",export:"Simpan ke...",copyToClipboard:"Salin ke Papan Klip",save:"Simpan ke file sekarang",saveAs:"Simpan sebagai",load:"Buka",getShareableLink:"Buat Tautan yang Bisa Dibagian",close:"Tutup",selectLanguage:"Pilih bahasa",scrollBackToContent:"Gulir kembali ke konten",zoomIn:"Besarkan",zoomOut:"Kecilkan",resetZoom:"Reset Pembesaran",menu:"Menu",done:"Selesai",edit:"Edit",undo:"Urungkan",redo:"Ulangi",resetLibrary:"Reset pustaka",createNewRoom:"Buat ruang baru",fullScreen:"Layar penuh",darkMode:"Mode gelap",lightMode:"Mode terang",zenMode:"Mode zen",objectsSnapMode:"",exitZenMode:"Keluar dari mode zen",cancel:"Batal",clear:"Hapus",remove:"Hapus",embed:"",publishLibrary:"Terbitkan",submit:"Kirimkan",confirm:"Konfirmasi",embeddableInteractionButton:""},i={clearReset:"Ini akan menghapus semua yang ada dikanvas. Apakah kamu yakin ?",couldNotCreateShareableLink:"Tidak bisa membuat tautan yang bisa dibagikan",couldNotCreateShareableLinkTooBig:"Tidak dapat membuat tautan yang dapat dibagikan: pemandangan terlalu besar",couldNotLoadInvalidFile:"Tidak dapat memuat berkas yang tidak valid",importBackendFailed:"Gagal mengimpor dari backend",cannotExportEmptyCanvas:"Tidak bisa mengekspor kanvas kosong",couldNotCopyToClipboard:"Tidak bisa menyalin ke papan klip.",decryptFailed:"Tidak dapat mengdekripsi data.",uploadedSecurly:"Pengunggahan ini telah diamankan menggunakan enkripsi end-to-end, artinya server Excalidraw dan pihak ketiga tidak data membaca nya",loadSceneOverridePrompt:"Memuat gambar external akan mengganti konten Anda yang ada. Apakah Anda ingin melanjutkan?",collabStopOverridePrompt:`Menghentikan sesi akan menimpa gambar Anda yang tersimpan secara lokal. Anda yakin?
 
 (Jika Anda ingin menyimpan gambar lokal Anda, gantinya cukup tutup tab browser.)`,errorAddingToLibrary:"Tidak dapat menambahkan item ke pustaka",errorRemovingFromLibrary:"Tidak dapat membuang item dari pustaka",confirmAddLibrary:"Ini akan menambahkan {{numShapes}} bentuk ke pustaka Anda. Anda yakin?",imageDoesNotContainScene:"Gambar ini sepertinya tidak terdapat data pemandangan. Sudahkah Anda mengaktifkan penyematan pemandangan ketika ekspor?",cannotRestoreFromImage:"Pemandangan tidak dapat dipulihkan dari file gambar ini",invalidSceneUrl:"Tidak dapat impor pemandangan dari URL. Kemungkinan URL itu rusak atau tidak berisi data JSON Excalidraw yang valid.",resetLibrary:"Ini akan menghapus pustaka Anda. Anda yakin?",removeItemsFromsLibrary:"Hapus {{count}} item dari pustaka?",invalidEncryptionKey:"Sandi enkripsi harus 22 karakter. Kolaborasi langsung dinonaktifkan.",collabOfflineWarning:`Tidak ada koneksi internet.
 Perubahan tidak akan disimpan!`},t={unsupportedFileType:"Tipe file tidak didukung.",imageInsertError:"Tidak dapat menyisipkan gambar. Coba lagi nanti...",fileTooBig:"File terlalu besar. Ukuran maksimum yang dibolehkan {{maxSize}}.",svgImageInsertError:"Tidak dapat menyisipkan gambar SVG. Markup SVG sepertinya tidak valid.",failedToFetchImage:"",invalidSVGString:"SVG tidak valid.",cannotResolveCollabServer:"Tidak dapat terhubung ke server kolab. Muat ulang laman dan coba lagi.",importLibraryError:"Tidak dapat memuat pustaka",collabSaveFailed:"Tidak dapat menyimpan ke dalam basis data server. Jika masih berlanjut, Anda sebaiknya simpan berkas Anda secara lokal untuk memastikan pekerjaan Anda tidak hilang.",collabSaveFailed_sizeExceeded:"Tidak dapat menyimpan ke dalam basis data server, tampaknya ukuran kanvas terlalu besar. Anda sebaiknya simpan berkas Anda secara lokal untuk memastikan pekerjaan Anda tidak hilang.",imageToolNotSupported:"",brave_measure_text_error:{line1:"Sepertinya Anda menggunkan peramban Brave dengan pengaturan <bold>Blokir Fingerprinting yang Agresif</bold> diaktifkan.",line2:"Ini dapat membuat <bold>Elemen Teks</bold> dalam gambar mu.",line3:"Kami sangat menyarankan mematikan pengaturan ini. Anda dapat mengikuti <link>langkah-langkah ini</link> untuk melakukannya.",line4:`Jika mematikan pengaturan ini tidak membenarkan tampilan elemen teks, mohon buka

package/dist/layers.C02HSyg6.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("react"),O=require("react-i18next"),P=require("@lexical/react/LexicalComposerContext"),b=require("@mantine/core"),v=require("lexical"),n=require("./layers.0REZn_lY.js"),_=require("@layers-app/shared"),pe=require("@lexical/react/useLexicalEditable"),W=require("@mantine/hooks");require("@lexical/react/LexicalDecoratorBlockNode");require("@lexical/utils");require("@lexical/mark");require("@lexical/code");require("@lexical/selection");require("react-dom");require("@lexical/react/LexicalErrorBoundary");require("@lexical/react/LexicalBlockWithAlignableContents");require("@mantine/notifications");function fe(e,a){const o=document.createElement("a");o.href=e,o.download=a,o.rel="noopener",document.body.appendChild(o),o.click(),o.remove()}function q(e){try{const o=new URL(e,window.location.origin).pathname.split("/").pop()||"image";return o.includes(".")?o:`${o}.png`}catch{return"image"}}async function z(e,a){const o=await fetch(e);if(!o.ok)throw new Error("fetch failed");const s=await o.blob(),c=URL.createObjectURL(s);try{fe(c,a)}finally{setTimeout(()=>URL.revokeObjectURL(c),0)}}function oe({opened:e,onOpenChange:a,t:o,onDownload:s,onDelete:c}){return i.jsxs(b.Menu,{opened:e,onChange:a,transitionProps:n.animationMenu,shadow:"md",position:"bottom-start",offset:4,withinPortal:!0,closeOnItemClick:!0,children:[i.jsx(b.Menu.Target,{children:i.jsx(n.ActionIcon,{label:o("editor.toolbar.more"),icon:n.K1,iconColor:"var(--mantine-color-gray-text)","aria-label":o("editor.toolbar.more")})}),i.jsxs(b.Menu.Dropdown,{p:4,w:164,onMouseDown:l=>l.preventDefault(),children:[i.jsx(b.Menu.Item,{leftSection:i.jsx(b.Flex,{align:"center",justify:"center",c:"gray.6",children:i.jsx(n.HugeiconsIcon,{icon:n.Tm,size:16})}),onClick:l=>{l.stopPropagation(),s()},children:o("editor.gallery.download")}),i.jsx(b.Menu.Item,{color:"red",leftSection:i.jsx(b.Flex,{align:"center",justify:"center",c:"red.6",children:i.jsx(n.HugeiconsIcon,{icon:n.lg,size:16})}),onClick:l=>{l.stopPropagation(),c()},children:o("editor.contextMenu.delete")})]})]})}const ne=({t:e,src:a,setShown:o,id:s})=>{const[c,{open:l,close:p}]=W.useDisclosure(!1),g=r.useMemo(()=>[{id:!s||s==="0"?"":s,Url:a??"",contentType:"image/*",originalFileName:"",fileSize:0,storageType:"",storagePath:"",fileName:"",parentType:"",parentId:"",ownerId:"",createdAt:new Date,updatedAt:new Date,version:0,deleted:!1,deletedAt:new Date}],[a,s]),m=f=>{f?l():p()};return i.jsxs(i.Fragment,{children:[i.jsx(_.AttachmentsGalleryModal,{opened:c,onOpenChange:m,attachments:g}),i.jsx(n.ActionIcon,{label:e("editor.image.preview"),icon:n.gn,iconColor:"var(--mantine-color-gray-text)","aria-label":e("editor.image.preview"),onClick:()=>{o(!1),l()}})]})},xe=({nodeKey:e,src:a})=>{const[o]=P.useLexicalComposerContext(),s=pe.useLexicalEditable(),[c,l]=r.useState(!1),[p,g]=r.useState(!1),{t:m}=O.useTranslation(),f=r.useCallback(()=>{o.update(()=>{const w=v.$getNodeByKey(e);n.$isImageNode(w)&&w.remove()})},[o,e]),I=r.useCallback(async()=>{if(a)try{await z(a,q(a))}catch{}},[a]);return i.jsxs("div",{className:`media-actions ${s?"":"media-actions--readonly"}`,children:[i.jsx(ne,{t:m,src:a,setShown:()=>{}}),s&&i.jsxs(i.Fragment,{children:[i.jsx(n.NodeAlignmentMenu,{opened:c,setOpened:l,t:m,editor:o,nodeKey:e,setShown:()=>{}}),i.jsx(oe,{opened:p,onOpenChange:g,t:m,onDownload:()=>void I(),onDelete:f})]})]})},be=()=>{};function we({nodeKey:e,src:a,id:o}){const{t:s}=O.useTranslation(),[c]=P.useLexicalComposerContext(),[l,p]=r.useState(!1),[g,m]=r.useState(!1),f=r.useCallback(()=>{m(!1),c.update(()=>{const w=v.$getNodeByKey(e);if(!n.$isImageNode(w))return;const j=w.getParent();n.$isImageOverlayWrapperNode(j)?j.remove():w.remove()})},[c,e]),I=r.useCallback(async()=>{if(a)try{await z(a,q(a))}catch{}},[a]);return i.jsxs("div",{className:"media-actions visible",style:{position:"absolute",top:10,right:10,zIndex:10,pointerEvents:"auto",display:"flex",gap:4},onClick:w=>w.stopPropagation(),children:[i.jsx(ne,{t:s,src:a,setShown:be,id:o}),i.jsx(n.NodeAlignmentMenu,{opened:l,setOpened:p,t:s,editor:c,nodeKey:e}),i.jsx(oe,{opened:g,onOpenChange:m,t:s,onDownload:()=>void I(),onDelete:f})]})}function ye({nodeKey:e,src:a,id:o}){const{t:s}=O.useTranslation(),[c]=P.useLexicalComposerContext(),[l,{open:p,close:g}]=W.useDisclosure(!1),[m,{open:f,close:I}]=W.useDisclosure(!1),w=r.useMemo(()=>[{id:!o||o==="0"?"":o,Url:a??"",contentType:"image/*",originalFileName:"",fileSize:0,storageType:"",storagePath:"",fileName:"",parentType:"",parentId:"",ownerId:"",createdAt:new Date,updatedAt:new Date,version:0,deleted:!1,deletedAt:new Date}],[a,o]),j=()=>{g(),f()},S=r.useCallback(async()=>{if(g(),!!a)try{await z(a,q(a))}catch{}},[a,g]),D=r.useCallback(()=>{g(),c.update(()=>{const y=v.$getNodeByKey(e);n.$isImageNode(y)&&y.remove()})},[c,e,g]);return i.jsxs(i.Fragment,{children:[i.jsx("div",{className:"image-touch-actions",style:{position:"absolute",top:8,right:8,zIndex:10,pointerEvents:"auto"},onClick:y=>y.stopPropagation(),children:i.jsx(n.ActionIcon,{label:s("editor.toolbar.more"),icon:n.O1,iconColor:"var(--mantine-color-gray-text)","aria-label":s("editor.toolbar.more"),onClick:p})}),i.jsx(_.AttachmentsGalleryModal,{opened:m,onOpenChange:y=>y?f():I(),attachments:w}),i.jsx(n.MobileDrawer,{opened:l,onClose:g,title:s("editor.image.mobileActions"),children:i.jsxs(b.Stack,{gap:4,p:0,children:[i.jsx(b.Button,{type:"button",variant:"subtle",color:"gray",fullWidth:!0,justify:"flex-start",bg:"var(--editor-action-bg)",onClick:j,leftSection:i.jsx(n.HugeiconsIcon,{icon:n.gn,size:16,color:"var(--mantine-color-dimmed)"}),children:s("editor.image.previewFullScreen")}),i.jsx(b.Button,{type:"button",variant:"subtle",color:"gray",fullWidth:!0,justify:"flex-start",bg:"var(--editor-action-bg)",onClick:()=>void S(),leftSection:i.jsx(n.HugeiconsIcon,{icon:n.Tm,size:16,color:"var(--mantine-color-dimmed)"}),children:s("editor.gallery.download")}),i.jsx(b.Button,{type:"button",variant:"subtle",color:"red",fullWidth:!0,justify:"flex-start",bg:"var(--editor-action-bg)",onClick:D,leftSection:i.jsx(n.HugeiconsIcon,{icon:n.lg,size:16,color:"var(--mantine-color-red-6)"}),children:s("editor.actions.delete")})]})})]})}const te=e=>{const{width:a,height:o,isLoading:s,isError:c,src:l,id:p,altText:g,imageRef:m,maxWidth:f,aspectRatio:I}=e;return i.jsxs("div",{className:"media-wrapper","data-reserved-box":I?"":void 0,style:{width:a,height:I?"auto":o,aspectRatio:I||void 0,display:"inline-flex",position:"relative"},children:[i.jsx(b.LoadingOverlay,{visible:s,zIndex:1e3,overlayProps:{backgroundOpacity:.5},loaderProps:{size:24,color:"black"}}),i.jsx(Ie,{className:null,src:l,altText:g,imageRef:m,width:"inherit",height:"inherit",maxWidth:f||"auto",id:p}),n.IS_TOUCH_DEVICE&&i.jsx(ye,{nodeKey:e.nodeKey,src:l,id:p}),n.IS_TOUCH_TABLET&&i.jsx(we,{nodeKey:e.nodeKey,src:l,id:p}),n.IS_HOVER_CAPABLE&&!n.IS_TOUCH_DEVICE&&!n.IS_TOUCH_TABLET&&i.jsx(xe,{nodeKey:e.nodeKey,src:l})]})};function Ie({altText:e,className:a,imageRef:o,src:s,width:c,height:l,maxWidth:p,id:g}){const[m,f]=r.useState(!1);return i.jsx("img",{className:`${a||void 0} ${m?"":"loading"}`,src:s,alt:e,ref:o,style:{height:l,maxWidth:p,width:c},onLoad:()=>{s.includes("splash")?setTimeout(()=>{f(!0)},100):f(!0)},draggable:"false","data-id":g})}function Ce(e){const{disable:a}=r.useContext(n.Context);return a&&n.ImageNode.isPlaceholderSrc(e.src)?null:i.jsx(ve,{...e})}function ve({src:e,altText:a,nodeKey:o,width:s,height:c,maxWidth:l,showCaption:p,caption:g,id:m,create:f,alignment:I,imagePickerTab:w,aspectRatio:j}){var Q,ee;const S=r.useRef(null),[D,y]=r.useState(!0),[h]=P.useLexicalComposerContext(),[N,k]=r.useState(!0),[C,L]=r.useState({width:0,height:0}),{start:F}=n.useCancelUpload(),[je,R]=r.useState(0),{fetchUploadMedia:A,fetchDeleteMedia:B,maxFileSize:Ne,imperativeHandleRef:E,disable:ie}=r.useContext(n.Context),T=n.mediaMap.has(e)&&(((Q=n.mediaMap.get(e))==null?void 0:Q.mediaNodeKeys.length)===0||((ee=n.mediaMap.get(e))==null?void 0:ee.mediaNodeKeys.length)===void 0||e.trim()===""),{t:M}=O.useTranslation(),H=t=>{if(typeof t=="number")return t>0?t:null;if(typeof t=="string"&&!t.includes("%")){const d=parseFloat(t);return Number.isFinite(d)&&d>0?d:null}return null},V=H(s),G=H(c),X=V&&G?V/G:void 0,[ae,re]=r.useState(void 0),Y=r.useMemo(()=>{try{const t=parseFloat(localStorage.getItem("layers-img-ratio:"+e)||"");return Number.isFinite(t)&&t>0?t:void 0}catch{return}},[e]),se=X??j??Y??ae,[le,Z]=r.useState(!1),ce=!le&&!X&&(j??Y)!=null,[Se,de]=r.useState(0);r.useEffect(()=>h.registerDecoratorListener(()=>{de(t=>t+1)}),[T]),r.useEffect(()=>{const t=h.getElementByKey(o);t&&(t.style.removeProperty("aspect-ratio"),t.style.removeProperty("width"))},[h,o]),r.useEffect(()=>{if(!e||e.startsWith("data:image/")||!e.trim()){y(!1);return}const t=new Image;t.src=e,t.onload=()=>{if(y(!1),t.naturalWidth){const d=t.naturalWidth/t.naturalHeight;if(re(d),t.naturalWidth>=100)try{localStorage.setItem("layers-img-ratio:"+e,String(d))}catch{}!j&&t.naturalWidth>=100&&h.update(()=>{const u=v.$getNodeByKey(o);n.$isImageNode(u)&&u.getAspectRatio()==null&&u.setAspectRatio(d)},{tag:"history-merge"})}},t.onerror=()=>{y(!1)}},[e,T]);const ue=(t,d)=>{h.update(()=>{v.$setSelection(null);const u=v.$getNodeByKey(o);n.$isImageNode(u)&&u.setWidthAndHeight(t,d)})},{historyState:J}=n.useSharedHistoryContext(),{settings:{showNestedEditorTreeView:K}}=n.useSettings();function ge(t){return t.endsWith(".svg")||t.includes("image/svg+xml")}function me(t){return new Promise((d,u)=>{if(ge(t)){d(0);return}const x=new Image;x.src=t,x.onload=()=>{d(x.width)},x.onerror=()=>{u(new Error("Failed to load image"))}})}r.useEffect(()=>{let t=s,d=c,u=100;(e.includes("unsplash")?e.trim():!T&&e.trim()||e.includes("upload-src-editor"))&&e!=="upload"&&me(e).then(x=>{typeof t=="number"&&t<u&&x<u?(k(!0),L({width:t,height:d})):x<u?(k(!0),L({width:"auto",height:"auto"})):(L({width:x,height:x}),k(!1)),Z(!0)}).catch(x=>{Z(!0),console.warn("Ошибка при загрузке изображения:",x.message)})},[e,T]),r.useEffect(()=>{C.width&&C.height&&N&&h.update(()=>{const t=v.$getNodeByKey(o);n.$isImageNode(t)&&t.setWidthAndHeight(C.width,C.height)})},[C.width,C.height,N]);const he=r.useCallback(t=>n.$writeImagePickerTabToNode(h,o,t),[h,o]),$=r.useCallback((t,d)=>{y(!1),h.update(()=>{const u=v.$getNodeByKey(o);n.$isImageNode(u)&&(u.setSrc(t),u.setId(d))})},[h,o]),U=r.useCallback(t=>{y(!0);const d=F();A&&A(t[0],(u,x)=>{$(u,x),R(0)},u=>{u&&_.showErrorNotification({message:M("editor.gallery.errorFile")}),R(0),$(e.startsWith("blob:")?"upload":"","")},d,u=>{R(u)})},[A,F,M,$,e]);return r.useEffect(()=>h.registerCommand(n.UPLOAD_IMAGE_COMMAND,t=>!e.startsWith("blob:")&&e!=="upload"||t.targetNodeKey!==o?!1:(U(t.files),!0),v.COMMAND_PRIORITY_LOW),[h,U,o,e]),!e||e==="upload"?i.jsx(b.Box,{"data-editor-image-picker-drop-root":!0,w:"100%",children:i.jsx(n.ImagePicker,{inline:!0,nodeKey:o,defaultTabValue:w,onWriteTabToNode:he,uploading:!1,onUpload:t=>{!A||!t.length||U(t)},popoverProps:{opened:!0,position:"bottom",zIndex:n.EDITOR_UI_MIN_Z_INDEX},onChange:t=>{h.update(()=>{const d=v.$getNodeByKey(o);n.$isImageNode(d)&&d.setSrc(t)})}})}):N&&!ce?i.jsx(te,{width:C.width,height:C.height,isLoading:D,isError:!1,isIcon:N,src:e,id:m,editor:h,nodeKey:o,fetchDeleteMedia:B,altText:a,imageRef:S,maxWidth:l,showCaption:p,caption:g,isCollabActive:!1,historyState:J,showNestedEditorTreeView:K,t:M}):i.jsx(n.ResizableContainer,{editor:h,isIcon:N,width:n.parseContainerSize(s),height:n.parseContainerSize(c),initialWidth:C.width||"",initialHeight:C.height||"",onResizeEnd:ue,alignment:I,disable:ie,onRegisterDecoratorEnter:t=>{E!=null&&E.current&&(E.current.decoratorEnterAction=t)},onActivate:()=>h.dispatchCommand(n.ON_CHANGE_COMMAND,"show_menu"),children:i.jsx(te,{width:"inherit",height:"inherit",aspectRatio:se,isLoading:D,isError:!1,isIcon:N,src:e,id:m,editor:h,nodeKey:o,fetchDeleteMedia:B,altText:a,imageRef:S,maxWidth:l,showCaption:p,caption:g,isCollabActive:!1,historyState:J,showNestedEditorTreeView:K,t:M})})}exports.default=Ce;