@layers-app/editor 2.1.1 → 2.1.3

package/dist/layers.BrUcySmW.js

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

package/dist/{layers.CImayEk9.js → layers.Bs8vo5u4.js}

@@ -1,4 +1,4 @@
-import "./layers.BZAgxYJH.js";
+import "./layers.D8M84_MA.js";
 var u = { 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: '"Made with 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: "Excalidrawライブラリ", 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: "" }, F = { noItems: "まだアイテムが追加されていません…", hint_emptyLibrary: "キャンバス上のアイテムを選択してここに追加するか、以下の公開リポジトリからライブラリをインストールしてください。", hint_emptyPrivateLibrary: "キャンバス上のアイテムを選択すると、ここに追加されます。" }, E = { clearReset: "キャンバスのリセット", exportJSON: "ファイルへエクスポート", exportImage: "画像のエクスポート...", export: "名前を付けて保存...", copyToClipboard: "クリップボードにコピー", save: "現在のファイルに保存", saveAs: "名前を付けて保存", load: "開く", getShareableLink: "共有URLの取得", close: "閉じる", selectLanguage: "言語の選択", scrollBackToContent: "コンテンツまでスクロールで戻る", zoomIn: "拡大", zoomOut: "縮小", resetZoom: "拡大/縮小をリセット", menu: "メニュー", done: "完了", edit: "編集", undo: "元に戻す", redo: "やり直し", resetLibrary: "ライブラリをリセット", createNewRoom: "新しい部屋を作成する", fullScreen: "フルスクリーン", darkMode: "ダークモード", lightMode: "ライトモード", zenMode: "Zenモード", objectsSnapMode: "", exitZenMode: "集中モードをやめる", cancel: "キャンセル", clear: "消去", remove: "削除", embed: "埋め込みの切り替え", publishLibrary: "公開", submit: "送信", confirm: "確認", embeddableInteractionButton: "" }, B = { clearReset: "この操作によってキャンバス全体が消えます。よろしいですか？", couldNotCreateShareableLink: "共有URLを作成できませんでした。", couldNotCreateShareableLinkTooBig: "共有可能なリンクを作成できませんでした: シーンが大きすぎます", couldNotLoadInvalidFile: "無効なファイルを読み込めませんでした。", importBackendFailed: "サーバーからの読み込みに失敗しました。", cannotExportEmptyCanvas: "空のキャンバスはエクスポートできません。", couldNotCopyToClipboard: "クリップボードにコピーできませんでした。", decryptFailed: "データを復号できませんでした。", uploadedSecurly: "データのアップロードはエンドツーエンド暗号化によって保護されています。Excalidrawサーバーと第三者はデータの内容を見ることができません。", loadSceneOverridePrompt: "外部図面を読み込むと、既存のコンテンツが置き換わります。続行しますか？", collabStopOverridePrompt: `セッションを停止すると、ローカルに保存されている図が上書きされます。 本当によろしいですか？
 
 (ローカルの図を保持したい場合は、セッションを停止せずにブラウザタブを閉じてください。)`, errorAddingToLibrary: "アイテムをライブラリに追加できませんでした", errorRemovingFromLibrary: "ライブラリからアイテムを削除できませんでした", confirmAddLibrary: "{{numShapes}} 個の図形をライブラリに追加します。よろしいですか？", imageDoesNotContainScene: "この画像にはシーンデータが含まれていないようです。エクスポート時にシーンの埋め込みを有効にしましたか？", cannotRestoreFromImage: "このイメージファイルからシーンを復元できませんでした", invalidSceneUrl: "指定された URL からシーンをインポートできませんでした。不正な形式であるか、有効な Excalidraw JSON データが含まれていません。", resetLibrary: "ライブラリを消去します。本当によろしいですか？", removeItemsFromsLibrary: "{{count}} 個のアイテムをライブラリから削除しますか？", invalidEncryptionKey: "暗号化キーは22文字でなければなりません。ライブコラボレーションは無効化されています。", collabOfflineWarning: `インターネットに接続されていません。

package/dist/{layers.CzsTghhR.js → layers.BsTZb675.js}

@@ -1,4 +1,4 @@
-"use strict";const r=require("./layers.zeQg5XyS.js"),G=require("lodash-es"),P=require("./layers.BLd2spTm.js"),V=require("./layers.BfG3HB3-.js"),j=require("./layers.CFCOrqea.js");function F(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(o,i,a.get?a:{enumerable:!0,get:()=>e[i]})}}return o.default=e,Object.freeze(o)}const E=F(G);function N(e){return typeof e=="string"?new r.Selection([document.querySelectorAll(e)],[document.documentElement]):new r.Selection([r.array(e)],r.root)}function M(e,o){return!!e.children(o).length}function R(e){return _(e.v)+":"+_(e.w)+":"+_(e.name)}var H=/:/g;function _(e){return e?String(e).replace(H,"\\:"):""}function B(e,o){o&&e.attr("style",o)}function K(e,o,i){o&&e.attr("class",o).attr("class",i+" "+e.attr("class"))}function O(e,o){var i=o.graph();if(E.isPlainObject(i)){var a=i.transition;if(E.isFunction(a))return a(e)}return e}function D(e,o){var i=e.append("foreignObject").attr("width","100000"),a=i.append("xhtml:div");a.attr("xmlns","http://www.w3.org/1999/xhtml");var d=o.label;switch(typeof d){case"function":a.insert(d);break;case"object":a.insert(function(){return d});break;default:a.html(d)}B(a,o.labelStyle),a.style("display","inline-block"),a.style("white-space","nowrap");var p=a.node().getBoundingClientRect();return i.attr("width",p.width).attr("height",p.height),i}const I={},U=function(e){const o=Object.keys(e);for(const i of o)I[i]=e[i]},z=async function(e,o,i,a,d,p){const g=a.select(`[id="${i}"]`),s=Object.keys(e);for(const b of s){const l=e[b];let h="default";l.classes.length>0&&(h=l.classes.join(" ")),h=h+" flowchart-label";const w=r.getStylesFromArray(l.styles);let t=l.text!==void 0?l.text:l.id,c;if(r.log$1.info("vertex",l,l.labelType),l.labelType==="markdown")r.log$1.info("vertex",l,l.labelType);else if(r.evaluate(r.getConfig().flowchart.htmlLabels))c=D(g,{label:t}).node(),c.parentNode.removeChild(c);else{const k=d.createElementNS("http://www.w3.org/2000/svg","text");k.setAttribute("style",w.labelStyle.replace("color:","fill:"));const T=t.split(r.common$1.lineBreakRegex);for(const $ of T){const v=d.createElementNS("http://www.w3.org/2000/svg","tspan");v.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve"),v.setAttribute("dy","1em"),v.setAttribute("x","1"),v.textContent=$,k.appendChild(v)}c=k}let f=0,n="";switch(l.type){case"round":f=5,n="rect";break;case"square":n="rect";break;case"diamond":n="question";break;case"hexagon":n="hexagon";break;case"odd":n="rect_left_inv_arrow";break;case"lean_right":n="lean_right";break;case"lean_left":n="lean_left";break;case"trapezoid":n="trapezoid";break;case"inv_trapezoid":n="inv_trapezoid";break;case"odd_right":n="rect_left_inv_arrow";break;case"circle":n="circle";break;case"ellipse":n="ellipse";break;case"stadium":n="stadium";break;case"subroutine":n="subroutine";break;case"cylinder":n="cylinder";break;case"group":n="rect";break;case"doublecircle":n="doublecircle";break;default:n="rect"}const S=await r.renderKatexSanitized(t,r.getConfig());o.setNode(l.id,{labelStyle:w.labelStyle,shape:n,labelText:S,labelType:l.labelType,rx:f,ry:f,class:h,style:w.style,id:l.id,link:l.link,linkTarget:l.linkTarget,tooltip:p.db.getTooltip(l.id)||"",domId:p.db.lookUpDomId(l.id),haveCallback:l.haveCallback,width:l.type==="group"?500:void 0,dir:l.dir,type:l.type,props:l.props,padding:r.getConfig().flowchart.padding}),r.log$1.info("setNode",{labelStyle:w.labelStyle,labelType:l.labelType,shape:n,labelText:S,rx:f,ry:f,class:h,style:w.style,id:l.id,domId:p.db.lookUpDomId(l.id),width:l.type==="group"?500:void 0,type:l.type,dir:l.dir,props:l.props,padding:r.getConfig().flowchart.padding})}},q=async function(e,o,i){r.log$1.info("abc78 edges = ",e);let a=0,d={},p,g;if(e.defaultStyle!==void 0){const s=r.getStylesFromArray(e.defaultStyle);p=s.style,g=s.labelStyle}for(const s of e){a++;const b="L-"+s.start+"-"+s.end;d[b]===void 0?(d[b]=0,r.log$1.info("abc78 new entry",b,d[b])):(d[b]++,r.log$1.info("abc78 new entry",b,d[b]));let l=b+"-"+d[b];r.log$1.info("abc78 new link id to be used is",b,l,d[b]);const h="LS-"+s.start,w="LE-"+s.end,t={style:"",labelStyle:""};switch(t.minlen=s.length||1,s.type==="arrow_open"?t.arrowhead="none":t.arrowhead="normal",t.arrowTypeStart="arrow_open",t.arrowTypeEnd="arrow_open",s.type){case"double_arrow_cross":t.arrowTypeStart="arrow_cross";case"arrow_cross":t.arrowTypeEnd="arrow_cross";break;case"double_arrow_point":t.arrowTypeStart="arrow_point";case"arrow_point":t.arrowTypeEnd="arrow_point";break;case"double_arrow_circle":t.arrowTypeStart="arrow_circle";case"arrow_circle":t.arrowTypeEnd="arrow_circle";break}let c="",f="";switch(s.stroke){case"normal":c="fill:none;",p!==void 0&&(c=p),g!==void 0&&(f=g),t.thickness="normal",t.pattern="solid";break;case"dotted":t.thickness="normal",t.pattern="dotted",t.style="fill:none;stroke-width:2px;stroke-dasharray:3;";break;case"thick":t.thickness="thick",t.pattern="solid",t.style="stroke-width: 3.5px;fill:none;";break;case"invisible":t.thickness="invisible",t.pattern="solid",t.style="stroke-width: 0;fill:none;";break}if(s.style!==void 0){const n=r.getStylesFromArray(s.style);c=n.style,f=n.labelStyle}t.style=t.style+=c,t.labelStyle=t.labelStyle+=f,s.interpolate!==void 0?t.curve=r.interpolateToCurve(s.interpolate,r.curveLinear):e.defaultInterpolate!==void 0?t.curve=r.interpolateToCurve(e.defaultInterpolate,r.curveLinear):t.curve=r.interpolateToCurve(I.curve,r.curveLinear),s.text===void 0?s.style!==void 0&&(t.arrowheadStyle="fill: #333"):(t.arrowheadStyle="fill: #333",t.labelpos="c"),t.labelType=s.labelType,t.label=await r.renderKatexSanitized(s.text.replace(r.common$1.lineBreakRegex,`
+"use strict";const r=require("./layers.DZSIKNGr.js"),G=require("lodash-es"),P=require("./layers.BLd2spTm.js"),V=require("./layers.Uumr6LwD.js"),j=require("./layers.CByVI5gD.js");function F(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(o,i,a.get?a:{enumerable:!0,get:()=>e[i]})}}return o.default=e,Object.freeze(o)}const E=F(G);function N(e){return typeof e=="string"?new r.Selection([document.querySelectorAll(e)],[document.documentElement]):new r.Selection([r.array(e)],r.root)}function M(e,o){return!!e.children(o).length}function R(e){return _(e.v)+":"+_(e.w)+":"+_(e.name)}var H=/:/g;function _(e){return e?String(e).replace(H,"\\:"):""}function B(e,o){o&&e.attr("style",o)}function K(e,o,i){o&&e.attr("class",o).attr("class",i+" "+e.attr("class"))}function O(e,o){var i=o.graph();if(E.isPlainObject(i)){var a=i.transition;if(E.isFunction(a))return a(e)}return e}function D(e,o){var i=e.append("foreignObject").attr("width","100000"),a=i.append("xhtml:div");a.attr("xmlns","http://www.w3.org/1999/xhtml");var d=o.label;switch(typeof d){case"function":a.insert(d);break;case"object":a.insert(function(){return d});break;default:a.html(d)}B(a,o.labelStyle),a.style("display","inline-block"),a.style("white-space","nowrap");var p=a.node().getBoundingClientRect();return i.attr("width",p.width).attr("height",p.height),i}const I={},U=function(e){const o=Object.keys(e);for(const i of o)I[i]=e[i]},z=async function(e,o,i,a,d,p){const g=a.select(`[id="${i}"]`),s=Object.keys(e);for(const b of s){const l=e[b];let h="default";l.classes.length>0&&(h=l.classes.join(" ")),h=h+" flowchart-label";const w=r.getStylesFromArray(l.styles);let t=l.text!==void 0?l.text:l.id,c;if(r.log$1.info("vertex",l,l.labelType),l.labelType==="markdown")r.log$1.info("vertex",l,l.labelType);else if(r.evaluate(r.getConfig().flowchart.htmlLabels))c=D(g,{label:t}).node(),c.parentNode.removeChild(c);else{const k=d.createElementNS("http://www.w3.org/2000/svg","text");k.setAttribute("style",w.labelStyle.replace("color:","fill:"));const T=t.split(r.common$1.lineBreakRegex);for(const $ of T){const v=d.createElementNS("http://www.w3.org/2000/svg","tspan");v.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve"),v.setAttribute("dy","1em"),v.setAttribute("x","1"),v.textContent=$,k.appendChild(v)}c=k}let f=0,n="";switch(l.type){case"round":f=5,n="rect";break;case"square":n="rect";break;case"diamond":n="question";break;case"hexagon":n="hexagon";break;case"odd":n="rect_left_inv_arrow";break;case"lean_right":n="lean_right";break;case"lean_left":n="lean_left";break;case"trapezoid":n="trapezoid";break;case"inv_trapezoid":n="inv_trapezoid";break;case"odd_right":n="rect_left_inv_arrow";break;case"circle":n="circle";break;case"ellipse":n="ellipse";break;case"stadium":n="stadium";break;case"subroutine":n="subroutine";break;case"cylinder":n="cylinder";break;case"group":n="rect";break;case"doublecircle":n="doublecircle";break;default:n="rect"}const S=await r.renderKatexSanitized(t,r.getConfig());o.setNode(l.id,{labelStyle:w.labelStyle,shape:n,labelText:S,labelType:l.labelType,rx:f,ry:f,class:h,style:w.style,id:l.id,link:l.link,linkTarget:l.linkTarget,tooltip:p.db.getTooltip(l.id)||"",domId:p.db.lookUpDomId(l.id),haveCallback:l.haveCallback,width:l.type==="group"?500:void 0,dir:l.dir,type:l.type,props:l.props,padding:r.getConfig().flowchart.padding}),r.log$1.info("setNode",{labelStyle:w.labelStyle,labelType:l.labelType,shape:n,labelText:S,rx:f,ry:f,class:h,style:w.style,id:l.id,domId:p.db.lookUpDomId(l.id),width:l.type==="group"?500:void 0,type:l.type,dir:l.dir,props:l.props,padding:r.getConfig().flowchart.padding})}},q=async function(e,o,i){r.log$1.info("abc78 edges = ",e);let a=0,d={},p,g;if(e.defaultStyle!==void 0){const s=r.getStylesFromArray(e.defaultStyle);p=s.style,g=s.labelStyle}for(const s of e){a++;const b="L-"+s.start+"-"+s.end;d[b]===void 0?(d[b]=0,r.log$1.info("abc78 new entry",b,d[b])):(d[b]++,r.log$1.info("abc78 new entry",b,d[b]));let l=b+"-"+d[b];r.log$1.info("abc78 new link id to be used is",b,l,d[b]);const h="LS-"+s.start,w="LE-"+s.end,t={style:"",labelStyle:""};switch(t.minlen=s.length||1,s.type==="arrow_open"?t.arrowhead="none":t.arrowhead="normal",t.arrowTypeStart="arrow_open",t.arrowTypeEnd="arrow_open",s.type){case"double_arrow_cross":t.arrowTypeStart="arrow_cross";case"arrow_cross":t.arrowTypeEnd="arrow_cross";break;case"double_arrow_point":t.arrowTypeStart="arrow_point";case"arrow_point":t.arrowTypeEnd="arrow_point";break;case"double_arrow_circle":t.arrowTypeStart="arrow_circle";case"arrow_circle":t.arrowTypeEnd="arrow_circle";break}let c="",f="";switch(s.stroke){case"normal":c="fill:none;",p!==void 0&&(c=p),g!==void 0&&(f=g),t.thickness="normal",t.pattern="solid";break;case"dotted":t.thickness="normal",t.pattern="dotted",t.style="fill:none;stroke-width:2px;stroke-dasharray:3;";break;case"thick":t.thickness="thick",t.pattern="solid",t.style="stroke-width: 3.5px;fill:none;";break;case"invisible":t.thickness="invisible",t.pattern="solid",t.style="stroke-width: 0;fill:none;";break}if(s.style!==void 0){const n=r.getStylesFromArray(s.style);c=n.style,f=n.labelStyle}t.style=t.style+=c,t.labelStyle=t.labelStyle+=f,s.interpolate!==void 0?t.curve=r.interpolateToCurve(s.interpolate,r.curveLinear):e.defaultInterpolate!==void 0?t.curve=r.interpolateToCurve(e.defaultInterpolate,r.curveLinear):t.curve=r.interpolateToCurve(I.curve,r.curveLinear),s.text===void 0?s.style!==void 0&&(t.arrowheadStyle="fill: #333"):(t.arrowheadStyle="fill: #333",t.labelpos="c"),t.labelType=s.labelType,t.label=await r.renderKatexSanitized(s.text.replace(r.common$1.lineBreakRegex,`
 `),r.getConfig()),s.style===void 0&&(t.style=t.style||"stroke: #333; stroke-width: 1.5px;fill:none;"),t.labelStyle=t.labelStyle.replace("color:","fill:"),t.id=l,t.classes="flowchart-link "+h+" "+w,o.setEdge(s.start,s.end,t,a)}},W=function(e,o){return o.db.getClasses()},X=async function(e,o,i,a){r.log$1.info("Drawing flowchart");let d=a.db.getDirection();d===void 0&&(d="TD");const{securityLevel:p,flowchart:g}=r.getConfig(),s=g.nodeSpacing||50,b=g.rankSpacing||50;let l;p==="sandbox"&&(l=r.select("#i"+o));const h=p==="sandbox"?r.select(l.nodes()[0].contentDocument.body):r.select("body"),w=p==="sandbox"?l.nodes()[0].contentDocument:document,t=new P.Graph({multigraph:!0,compound:!0}).setGraph({rankdir:d,nodesep:s,ranksep:b,marginx:0,marginy:0}).setDefaultEdgeLabel(function(){return{}});let c;const f=a.db.getSubGraphs();r.log$1.info("Subgraphs - ",f);for(let u=f.length-1;u>=0;u--)c=f[u],r.log$1.info("Subgraph - ",c),a.db.addVertex(c.id,{text:c.title,type:c.labelType},"group",void 0,c.classes,c.dir);const n=a.db.getVertices(),S=a.db.getEdges();r.log$1.info("Edges",S);let k=0;for(k=f.length-1;k>=0;k--){c=f[k],N("cluster").append("text");for(let u=0;u<c.nodes.length;u++)r.log$1.info("Setting up subgraphs",c.nodes[u],c.id),t.setParent(c.nodes[u],c.id)}await z(n,t,o,h,w,a),await q(S,t);const T=h.select(`[id="${o}"]`),$=h.select("#"+o+" g");if(await V.render($,t,["point","circle","cross"],"flowchart",o),r.utils.insertTitle(T,"flowchartTitleText",g.titleTopMargin,a.db.getDiagramTitle()),r.setupGraphViewbox$1(t,T,g.diagramPadding,g.useMaxWidth),a.db.indexNodes("subGraph"+k),!g.htmlLabels){const u=w.querySelectorAll('[id="'+o+'"] .edgeLabel .label');for(const x of u){const m=x.getBBox(),y=w.createElementNS("http://www.w3.org/2000/svg","rect");y.setAttribute("rx",0),y.setAttribute("ry",0),y.setAttribute("width",m.width),y.setAttribute("height",m.height),x.insertBefore(y,x.firstChild)}}Object.keys(n).forEach(function(u){const x=n[u];if(x.link){const m=r.select("#"+o+' [id="'+u+'"]');if(m){const y=w.createElementNS("http://www.w3.org/2000/svg","a");y.setAttributeNS("http://www.w3.org/2000/svg","class",x.classes.join(" ")),y.setAttributeNS("http://www.w3.org/2000/svg","href",x.link),y.setAttributeNS("http://www.w3.org/2000/svg","rel","noopener"),p==="sandbox"?y.setAttributeNS("http://www.w3.org/2000/svg","target","_top"):x.linkTarget&&y.setAttributeNS("http://www.w3.org/2000/svg","target",x.linkTarget);const C=m.insert(function(){return y},":first-child"),L=m.select(".label-container");L&&C.append(function(){return L.node()});const A=m.select(".label");A&&C.append(function(){return A.node()})}}})},J={setConf:U,addVertices:z,addEdges:q,getClasses:W,draw:X},Q=(e,o)=>{const i=j.channel,a=i(e,"r"),d=i(e,"g"),p=i(e,"b");return r.rgba(a,d,p,o)},Y=e=>`.label {
     font-family: ${e.fontFamily};
     color: ${e.nodeTextColor||e.textColor};