@layers-app/editor 0.5.4-optimization → 0.5.6-optimization

package/dist/layers.CXffIp2y.js

@@ -0,0 +1,864 @@
+import { jsx as t, jsxs as R } from "react/jsx-runtime";
+import { useContext as le, memo as Xe, useState as O, useMemo as j, useRef as ie, useEffect as X } from "react";
+import { useTranslation as U } from "react-i18next";
+import { useLexicalComposerContext as je } from "@lexical/react/LexicalComposerContext";
+import { Flex as Ue, UnstyledButton as qe, Loader as Ve, Text as ue, Progress as Ze, Tooltip as we, Modal as Je, Button as Ke, Menu as w, Portal as Qe } from "@mantine/core";
+import { $getNodeByKey as et, CLICK_COMMAND as tt, COMMAND_PRIORITY_NORMAL as nt, $createParagraphNode as rt, $getNearestNodeFromDOMNode as it, DecoratorNode as ot, FORMAT_ELEMENT_COMMAND as st, BLUR_COMMAND as ct, COMMAND_PRIORITY_LOW as ze, FOCUS_COMMAND as at, $getRoot as lt } from "lexical";
+import { C as de } from "./layers.7jmq6tBR.js";
+import { IconPalette as xe, IconLayoutSidebarLeftExpand as ut, IconSend as dt, IconReload as mt, IconShieldCheckFilled as ht, IconMessages as pt, IconFilter as gt, IconArrowBackUp as Me, IconMessage as ft, IconMusic as It, IconApi as yt, IconX as Ct, IconPaperclip as Et, IconAt as zt, IconCodeCircle as Mt, IconBaseline as be, IconExclamationCircle as Tt, IconAlertTriangle as Pt, IconCheck as Te, IconFile as ae, IconMoodSmile as Rt, IconBrandYoutube as _t, IconCheckupList as wt, IconDropletOff as xt, IconLayersSubtract as bt, IconLayersUnion as St, IconTableOff as kt, IconContainerOff as Dt, IconRowInsertBottom as Nt, IconRowInsertTop as vt, IconColumnInsertRight as Ot, IconColumnInsertLeft as Lt, IconArrowBarToRight as At, IconArrowBarToLeft as Ht, IconArrowBarToDown as Bt, IconArrowBarToUp as Ft, IconCut as Wt, IconClipboard as $t, IconCopy as Gt, IconDotsVertical as Yt, IconColumns3 as Xt, IconCaretRight as jt, IconTable as Se, IconTrash as Ut, IconPencil as qt, IconCircleX as Vt, IconCircleCheck as Zt, IconGripVertical as Jt, IconChevronRight as Kt, IconChevronDown as Qt, IconPlus as en, IconMinus as tn, IconSuperscript as nn, IconSubscript as rn, IconStrikethrough as on, IconFlipHorizontal as sn, IconAlignJustified as cn, IconAlignCenter as an, IconAlignRight as ln, IconAlignLeft as oe, IconPhotoCheck as un, IconPhoto as dn, IconBucketDroplet as mn, IconColorPicker as hn, IconLink as pn, IconUnderline as gn, IconItalic as fn, IconBold as In, IconArrowForwardUp as yn, IconLetterT as Cn, IconQuote as En, IconIndentIncrease as zn, IconListNumbers as ke, IconH3 as Mn, IconH2 as Tn, IconH1 as De, IconCode as Ne, IconListCheck as Pn, IconList as Rn, IconColumns2 as _n, IconTemplate as wn, IconApps as xn } from "@tabler/icons-react";
+import { ProjectIcon as bn } from "@layers-app/shared";
+import { aE as Sn, a4 as ve, a0 as kn, Z as Dn, a1 as Nn } from "./layers.Dq3o7sh3.js";
+import { l as Pe, O as vn, c as Re, U as On, I as Ln } from "./layers.Dev6Yrwi.js";
+import { createPortal as An } from "react-dom";
+import { ContentEditable as Hn } from "@lexical/react/LexicalContentEditable";
+import { $createHeadingNode as Bn } from "@lexical/rich-text";
+import { mergeRegister as Fn } from "@lexical/utils";
+import { V as Wn, W as $n, X as Gn, I as Yn, Y as Xn, Z as jn } from "./layers.D6d62qQ_.js";
+const _e = {
+  bullet: Rn,
+  check: Pn,
+  "check-mark": Te,
+  code: Ne,
+  h1: De,
+  h2: Tn,
+  h3: Mn,
+  number: ke,
+  paragraph: zn,
+  quote: En,
+  fontFamily: Cn,
+  undo: Me,
+  redo: yn,
+  bold: In,
+  italic: fn,
+  underline: gn,
+  link: pn,
+  "color-picker": hn,
+  background: mn,
+  photo: dn,
+  "photo-check": un,
+  "align-left": oe,
+  "align-end": oe,
+  "align-start": oe,
+  "align-right": ln,
+  "align-center": an,
+  "align-justify": cn,
+  "horizontal-rule": sn,
+  strikethrough: on,
+  subscript: rn,
+  superscript: nn,
+  minus: tn,
+  plus: en,
+  "chevron-down": Qt,
+  "chevron-right": Kt,
+  grip: Jt,
+  "circle-check": Zt,
+  "circle-x": Vt,
+  pencil: qt,
+  trash: Ut,
+  table: Se,
+  "caret-right": jt,
+  grid: Xt,
+  "dots-vertical": Yt,
+  copy: Gt,
+  clipboard: $t,
+  cut: Wt,
+  "arrow-bar-to-up": Ft,
+  "arrow-bar-to-down": Bt,
+  "arrow-bar-to-left": Ht,
+  "arrow-bar-to-right": At,
+  "column-insert-left": Lt,
+  "column-insert-right": Ot,
+  "row-insert-top": vt,
+  "row-insert-bottom": Nt,
+  "container-off": Dt,
+  "table-off": kt,
+  "layers-union": St,
+  "layers-substract": bt,
+  "сlear-format": xt,
+  form: wt,
+  youtube: _t,
+  emoji: Rt,
+  file: ae,
+  success: Te,
+  warning: Pt,
+  alert: Tt,
+  defaultOff: be,
+  embed: Mt,
+  at: zt,
+  paperclip: Et,
+  close: Ct,
+  api: yt,
+  music: It,
+  message: ft,
+  reply: Me,
+  filter: gt,
+  messages: pt,
+  "shield-check": ht,
+  reOpen: mt,
+  send: dt,
+  expandSidebar: ut,
+  palette: xe
+}, T = ({
+  name: e,
+  iconStyle: i,
+  ...c
+}) => {
+  const r = _e[e] || _e.bullet;
+  return /* @__PURE__ */ t(Ue, { gap: 0, justify: "center", align: "center", ...c, children: /* @__PURE__ */ t(r, { size: 18, stroke: 2, style: i, ...c }) });
+}, Mr = ({
+  icon: e,
+  title: i,
+  pointerEvents: c = "auto",
+  isLoading: r,
+  progress: y,
+  nodeKey: f,
+  onAfterCancel: m,
+  ...g
+}) => {
+  const [I] = je(), { t: C } = U(), { fetchUploadMedia: a } = le(de), P = ((a == null ? void 0 : a.length) ?? 0) >= 5, E = () => {
+    I.update(() => {
+      const z = et(f);
+      z && z.remove();
+    });
+  };
+  return /* @__PURE__ */ R(
+    qe,
+    {
+      className: "image-node-picker-button",
+      styles: {
+        root: {
+          width: "100%",
+          display: "flex",
+          alignItems: "center",
+          gap: "var(--mantine-spacing-sm)",
+          flexDirection: "column",
+          padding: "var(--mantine-spacing-md)",
+          background: "var(--mantine-primary-color-light)",
+          color: "var(--mantine-color-text)",
+          borderRadius: "var(--mantine-radius-default)",
+          opacity: 0.75,
+          pointerEvents: r ? "none" : c,
+          boxSizing: "border-box"
+        }
+      },
+      ...g,
+      children: [
+        /* @__PURE__ */ R("div", { className: "empty-node-button__content", children: [
+          r && !P && /* @__PURE__ */ t(Ve, { size: "xs", mb: 2, mr: 4, color: "gray" }),
+          !r && /* @__PURE__ */ t(T, { name: e }),
+          i,
+          r && m && /* @__PURE__ */ t(
+            ue,
+            {
+              component: "span",
+              onClick: (z) => {
+                z.stopPropagation(), m == null || m();
+              },
+              variant: "link",
+              style: {
+                marginLeft: "auto",
+                cursor: "pointer",
+                pointerEvents: "auto"
+              },
+              children: C("editor.cancel")
+            }
+          ),
+          f && !r && /* @__PURE__ */ t(
+            T,
+            {
+              style: { pointerEvents: "auto" },
+              className: "delete-icon",
+              name: "close",
+              size: 22,
+              onClick: E
+            }
+          )
+        ] }),
+        r && typeof y == "number" && P && /* @__PURE__ */ t(Ze, { w: "100%", value: y, animated: !0, transitionDuration: 200 })
+      ]
+    }
+  );
+}, Un = "_title_81iwv_1", qn = "_icon_81iwv_11", Vn = "_link_81iwv_20", se = {
+  title: Un,
+  icon: qn,
+  link: Vn
+}, Zn = ({ page: e }) => {
+  const { t: i } = U();
+  return /* @__PURE__ */ R("div", { className: se.link, onClick: e.onClick, children: [
+    /* @__PURE__ */ t("div", { className: se.icon, children: e.icon ? /* @__PURE__ */ t(
+      bn,
+      {
+        size: 16,
+        fz: 16,
+        icon: e.icon,
+        fallback: /* @__PURE__ */ t(ae, { size: "1em" })
+      }
+    ) : /* @__PURE__ */ t(ae, { size: 16 }) }),
+    /* @__PURE__ */ t(we, { label: e.title, disabled: !e.title, openDelay: 400, children: /* @__PURE__ */ t(ue, { truncate: !0, className: se.title, "data-empty": !e.title, children: e.title || i("editor.noTitle") }) })
+  ] });
+}, Jn = Xe, Tr = Jn(Zn), Kn = {
+  center: -8,
+  right: 2,
+  left: -18
+}, Qn = (e, i, c, r) => {
+  const f = e.width / 2, m = e.height / 2, g = r == null ? void 0 : r.classList[1], I = Kn[g];
+  switch (i) {
+    case "nw-resize":
+      return { x: 0, y: 0 };
+    case "ne-resize":
+      return { x: e.width - 16, y: 0 };
+    case "sw-resize":
+      return { x: 0, y: e.height - 16 };
+    case "se-resize":
+      return { x: e.width - 16, y: e.height - 16 };
+    case "n-resize":
+      return { x: f + I, y: 0 };
+    case "s-resize":
+      return { x: f + I, y: e.height - 16 };
+    case "w-resize":
+      return { x: 0, y: m - 8 };
+    case "e-resize":
+      return { x: e.width - 16, y: m - (c ? 17 : 8) };
+  }
+}, er = (e, i, c, r = [
+  "nw-resize",
+  "ne-resize",
+  "sw-resize",
+  "se-resize",
+  "n-resize",
+  "s-resize",
+  "w-resize",
+  "e-resize"
+]) => {
+  const f = c <= 32, m = c >= e.height - 32, g = i <= 32, I = i >= e.width - 32;
+  return f && g ? r.includes("nw-resize") ? "nw-resize" : "default" : f && I ? r.includes("ne-resize") ? "ne-resize" : "default" : m && g ? r.includes("sw-resize") ? "sw-resize" : "default" : m && I ? r.includes("se-resize") ? "se-resize" : "default" : f ? r.includes("n-resize") ? "n-resize" : "default" : m ? r.includes("s-resize") ? "s-resize" : "default" : g ? r.includes("w-resize") ? "w-resize" : "default" : I && r.includes("e-resize") ? "e-resize" : "default";
+}, G = 32, Y = (e, i) => e && typeof e == "number" ? Math.min(e / i * 100, 95.5) : 95.5;
+function tr(e) {
+  const c = 100 - 4e3 / e;
+  return { minResizePercent: Math.max(5, 9792 / e), maxWidthPercent: c };
+}
+const Pr = ({
+  editor: e,
+  width: i,
+  height: c,
+  initialHeight: r,
+  initialWidth: y,
+  children: f,
+  onResizeStart: m,
+  isIcon: g,
+  onResizeEnd: I,
+  alignment: C,
+  isEmbed: a,
+  type: P
+}) => {
+  const [E, L] = O({ x: -1e3, y: -1e3 }), [z, q] = O(30), [F, V] = O("default"), [W, me] = O(!1), { imperativeHandleRef: $ } = le(de), [Z, J] = O(
+    null
+  ), S = j(
+    () => Sn(C) || ["e-resize"],
+    [C]
+  ), Oe = S.length === 1 && S[0] === "e-resize", l = ie(null), he = ie(null), M = ie({
+    rootHeight: 0,
+    rootWidth: 0,
+    ratio: 1,
+    currentWidth: 0,
+    currentWidthPercent: 0,
+    currentHeight: 0,
+    currentHeightPercent: 0,
+    startWidth: 0,
+    startWidthPercent: 0,
+    startHeight: 0,
+    startHeightPercent: 0,
+    startX: 0,
+    startY: 0,
+    direction: "x",
+    isResizing: !1,
+    isTop: !1,
+    isBottom: !1,
+    isLeft: !1,
+    isRight: !1
+  }), k = (n, o = 95.5) => {
+    var u;
+    const h = (u = e._window) == null ? void 0 : u.innerWidth;
+    if (h) {
+      let p = 100;
+      a && (p = 250);
+      const d = p / h * 100;
+      return n < d ? d : n > o ? o : n;
+    } else
+      return n < 20 ? 20 : n > 100 ? 100 : n;
+  }, pe = (n, o) => {
+    const h = Math.min(n, o);
+    return 15 + (Math.max(200, Math.min(800, h)) - 100) / 500 * 15;
+  }, ge = (n, o, h) => {
+    if (V("default"), !W) return;
+    let u = F;
+    u = er(n, o, h, S), M.current.isResizing && (u = F), V(u), q(z), L((p) => Qn(
+      n,
+      u,
+      a || !1,
+      l.current
+    ) || p);
+  }, Le = (n) => {
+    var p;
+    if (Pe) return;
+    n.preventDefault();
+    const o = (p = l.current) == null ? void 0 : p.getBoundingClientRect();
+    if (!o) return;
+    const h = n.clientX - o.left, u = n.clientY - o.top;
+    M.current.isResizing || ge(o, h, u);
+  }, fe = (n, o = 12, h = 95.5, u = M.current.rootWidth) => {
+    const p = l.current, d = M.current;
+    if (!p || n.button === 2 || !(d != null && d.isResizing)) return;
+    const x = p.getBoundingClientRect(), D = n.clientX - x.left, K = n.clientY - x.top;
+    ge(x, D, K);
+    const Q = 0.17, A = C === "right", H = C === "center", N = d.isLeft, v = d.isTop, B = d.isBottom, ee = d.direction === "y", s = d.isRight, b = Math.floor(
+      A ? x.right - n.clientX - (x.right - d.startX) : n.clientX - d.startX
+    ), te = Math.floor(n.clientY - d.startY);
+    let _ = 0;
+    N || s ? _ = b / u * 100 : (v || B || H) && (_ = te * Q), (N || v) && (!A || ee && !N) && (!B || H) && (_ = -_), (v && s || B && s) && (_ = b / u * 100), _ = Math.max(-100, Math.min(100, _));
+    const ne = d.startWidthPercent + _, re = d.startHeightPercent + _;
+    d.currentWidthPercent = k(
+      Math.max(o, ne),
+      h
+    ), d.currentHeightPercent = k(
+      Math.max(o, re),
+      h
+    ), p.style.width = `${d.currentWidthPercent}%`, p.style.height = `${d.currentHeightPercent}%`;
+  }, Ae = (n) => {
+    var p, d;
+    const o = M.current;
+    if (o.isResizing = !1, (p = l.current) == null || p.classList.remove("is-resizing"), (d = l.current) == null || d.releasePointerCapture(n.pointerId), I(
+      o.currentWidthPercent + "%",
+      o.currentHeightPercent + "%"
+    ), document.removeEventListener("pointermove", fe), !l.current) return;
+    const h = l.current.getBoundingClientRect(), u = pe(h.width, h.height);
+    q(u);
+  }, He = (n) => {
+    var Ie, ye;
+    if (n.button === 2 || !W) {
+      n.preventDefault(), n.stopPropagation();
+      return;
+    }
+    if (!l.current) return;
+    l.current.classList.add("is-resizing");
+    const o = e.getRootElement();
+    if (!o) return;
+    const h = o.getBoundingClientRect();
+    if (!e.isEditable() || F === "default") return;
+    const u = he.current;
+    if (u === null) return;
+    const p = (Ie = l.current) == null ? void 0 : Ie.getBoundingClientRect();
+    if (!u.getBoundingClientRect() || !p) return;
+    const { width: x, height: D, top: K, left: Q } = p, A = n.clientX - Q, H = n.clientY - K, N = H <= G, v = H >= D - G, B = A <= G, ee = A >= x - G, s = M.current, b = window.getComputedStyle(o), te = parseFloat(b.paddingTop), _ = parseFloat(b.paddingBottom), ne = parseFloat(b.paddingLeft), re = parseFloat(b.paddingRight);
+    s.rootHeight = h.height - te - _ || 0, s.rootWidth = h.width - ne - re || 0, s.ratio = x / D, s.currentWidth = s.currentWidth || x, s.currentWidthPercent = +l.current.style.width.replace(
+      "%",
+      ""
+    ), s.currentHeight = s.currentHeight || D, s.currentHeightPercent = +l.current.style.height.replace("%", ""), s.startX = n.clientX, s.startY = n.clientY, s.startWidth = s.currentWidth || x, s.startWidthPercent = s.currentWidthPercent, s.startHeight = s.currentHeight || D, s.startHeightPercent = s.currentHeightPercent, s.isResizing = !0, s.isTop = N, s.isBottom = v, s.isLeft = B, s.isRight = ee, s.direction = v || N ? "y" : "x", m && m(), l.current.setPointerCapture(n.pointerId);
+    const We = ((ye = l.current.parentElement) == null ? void 0 : ye.offsetWidth) ?? s.rootWidth, { maxWidthPercent: $e, minResizePercent: Ge } = tr(We);
+    document.addEventListener(
+      "pointermove",
+      (Ye) => {
+        var Ce, Ee;
+        return fe(
+          Ye,
+          P === "video" ? 40 : Ge,
+          $e,
+          (Ee = (Ce = l.current) == null ? void 0 : Ce.parentElement) == null ? void 0 : Ee.offsetWidth
+        );
+      }
+    ), document.addEventListener("pointerup", Ae, {
+      capture: !0,
+      once: !0
+    });
+  };
+  X(() => {
+    var p;
+    const n = l.current;
+    if (!n) return;
+    if (typeof i == "number" && typeof c == "number") {
+      n.style.width = `${k(i)}%`, n.style.height = `${k(c)}%`;
+      return;
+    }
+    const o = (p = n.parentElement) == null ? void 0 : p.getBoundingClientRect();
+    if (!o) return;
+    const h = Y(
+      r,
+      o.height
+    ), u = Y(
+      y,
+      o.width
+    );
+    n.style.width = `${u}%`, n.style.height = `${h}%`;
+  }, [i, c, y, r]), X(() => {
+    var u;
+    if (!l.current) return;
+    const n = l.current.getBoundingClientRect(), o = (u = l.current.parentElement) == null ? void 0 : u.getBoundingClientRect(), h = pe(n.width, n.height);
+    if (q(h), typeof i == "number" && typeof c == "number")
+      l.current.style.width = `${k(i)}%`, l.current.style.height = `${k(c)}%`, M.current.currentWidthPercent = i, M.current.currentHeightPercent = c;
+    else if (o) {
+      const p = Y(
+        r,
+        o.height
+      ), d = Y(
+        y,
+        o.width
+      );
+      requestAnimationFrame(() => {
+        l.current && (l.current.style.height = `${p}%`, l.current.style.width = `${d}%`);
+      }), M.current.currentWidthPercent = d, M.current.currentHeightPercent = p;
+    } else
+      l.current.style.height = "100%", l.current.style.width = "100%", M.current.currentWidthPercent = 100, M.current.currentHeightPercent = 100;
+  }, [l.current, g, r, y]);
+  const Be = (n) => {
+    const h = n.target.closest("[data-lexical-decorator]");
+    return h ? e.update(() => {
+      const u = it(h);
+      u && u instanceof ot && J(u);
+    }) : J(null), !1;
+  }, Fe = () => (Z && setTimeout(() => {
+    e.update(() => (Z.insertAfter(rt()).selectStart(), J(null), !0));
+  }), !1);
+  return $ != null && $.current && ($.current.decoratorEnterAction = Fe), X(() => {
+    const n = e.registerCommand(
+      tt,
+      Be,
+      nt
+    );
+    return () => {
+      n();
+    };
+  }, [Z]), Pe ? f : /* @__PURE__ */ R(
+    "div",
+    {
+      ref: l,
+      className: `resizable-container ${C || ""} ${Oe ? "hide-padding" : ""}`,
+      style: { cursor: F },
+      onMouseMove: Le,
+      onMouseEnter: () => me(!0),
+      onMouseLeave: () => {
+        me(!1), V("default");
+      },
+      onMouseUp: () => {
+        e.dispatchCommand(vn, "show_menu");
+      },
+      onPointerDown: He,
+      children: [
+        /* @__PURE__ */ t(
+          "svg",
+          {
+            className: `resizable-container__handle ${W ? "hovered" : ""}`,
+            style: {
+              "--clip-x1": `${E.x - z}px`,
+              "--clip-y1": `${E.y - z}px`,
+              "--clip-x2": `${E.x + z}px`,
+              "--clip-y2": `${E.y - z}px`,
+              "--clip-x3": `${E.x + z}px`,
+              "--clip-y3": `${E.y + z}px`,
+              "--clip-x4": `${E.x - z}px`,
+              "--clip-y4": `${E.y + z}px`,
+              clipPath: `polygon(
+      var(--clip-x1) var(--clip-y1),
+      var(--clip-x2) var(--clip-y2),
+      var(--clip-x3) var(--clip-y3),
+      var(--clip-x4) var(--clip-y4)
+    )`,
+              opacity: W ? 1 : 0,
+              transition: `${M.current.isResizing ? "none" : ` opacity 0.3s ease-in-out, clip-path ${(S == null ? void 0 : S.length) < 4 ? "0.2s" : "0.3s"} cubic-bezier(0.825, 0.225, 0.280, 0.770)`}`
+            },
+            children: /* @__PURE__ */ t(
+              "rect",
+              {
+                x: 0,
+                y: 0,
+                width: "100%",
+                height: "100%",
+                stroke: "#D9D9D9",
+                strokeWidth: 8,
+                rx: 15,
+                ry: 15,
+                fill: "none"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            ref: he,
+            className: "resizable-container__inner",
+            style: {
+              height: "100%",
+              width: "100%",
+              pointerEvents: M.current.isResizing ? "none" : "auto"
+            },
+            children: f
+          }
+        )
+      ]
+    }
+  );
+};
+function Rr({
+  children: e
+}) {
+  return An(
+    /* @__PURE__ */ t("div", { className: "FlashMessage__overlay", role: "dialog", children: /* @__PURE__ */ t("p", { className: "FlashMessage__alert", role: "alert", children: e }) }),
+    document.body
+  );
+}
+function _r({
+  onClose: e,
+  children: i,
+  title: c,
+  size: r
+}) {
+  return /* @__PURE__ */ t(
+    Je,
+    {
+      className: "doc-space-editor-wrapper",
+      size: r,
+      centered: !0,
+      opened: !0,
+      onClose: e,
+      title: c,
+      zIndex: 999,
+      children: i
+    }
+  );
+}
+function wr({
+  "data-test-id": e,
+  children: i,
+  className: c,
+  onClick: r,
+  disabled: y,
+  small: f,
+  title: m
+}) {
+  return /* @__PURE__ */ t(Ke, { onClick: r, disabled: y, variant: "filled", children: i });
+}
+const xr = ({
+  label: e,
+  icon: i
+}) => /* @__PURE__ */ R("div", { className: "custom-menu-item", children: [
+  /* @__PURE__ */ R("div", { children: [
+    i,
+    /* @__PURE__ */ t("span", { children: e })
+  ] }),
+  /* @__PURE__ */ t(T, { name: "chevron-right" })
+] }), nr = (e) => ({
+  center: {
+    icon: "align-center",
+    iconRTL: "center-align",
+    name: e("editor.toolbar.center")
+  },
+  end: {
+    icon: "align-end",
+    iconRTL: "left-align",
+    name: "End Align"
+  },
+  justify: {
+    icon: "align-justify",
+    iconRTL: "justify-align",
+    name: e("editor.toolbar.justify")
+  },
+  left: {
+    icon: "align-left",
+    iconRTL: "left-align",
+    name: e("editor.toolbar.left")
+  },
+  right: {
+    icon: "align-right",
+    iconRTL: "left-align",
+    name: e("editor.toolbar.right")
+  },
+  start: {
+    icon: "align-start",
+    iconRTL: "right-align",
+    name: "Start Align"
+  }
+});
+function br({
+  editor: e,
+  value: i,
+  // isRTL,
+  disabled: c = !1,
+  setElementFormat: r
+}) {
+  const { t: y, i18n: f } = U(), m = j(
+    () => nr(y),
+    [f.language]
+  ), g = j(() => i === "start" || i === "end" ? m.left : m[i || "left"], [i, f.language]), I = (C) => {
+    r(C), e.dispatchCommand(st, C);
+  };
+  return /* @__PURE__ */ R(
+    w,
+    {
+      transitionProps: ve,
+      shadow: "md",
+      styles: { dropdown: { zIndex: 1e3 } },
+      children: [
+        /* @__PURE__ */ t(w.Target, { children: /* @__PURE__ */ t(we, { label: y("editor.toolbar.align"), children: /* @__PURE__ */ R(
+          "button",
+          {
+            disabled: c,
+            className: "toolbar-item spaced alignment",
+            "aria-label": "Formatting options for text alignment",
+            type: "button",
+            children: [
+              /* @__PURE__ */ t(T, { size: 18, name: g.icon }),
+              /* @__PURE__ */ R(ue, { mx: 5, size: "sm", children: [
+                " ",
+                g.name
+              ] }),
+              /* @__PURE__ */ t(T, { name: "chevron-down" })
+            ]
+          }
+        ) }) }),
+        /* @__PURE__ */ R(
+          w.Dropdown,
+          {
+            onMouseDown: (C) => {
+              C.preventDefault();
+            },
+            children: [
+              /* @__PURE__ */ t(
+                w.Item,
+                {
+                  leftSection: /* @__PURE__ */ t(T, { size: 18, name: "align-left" }),
+                  rightSection: i === "left" && /* @__PURE__ */ t(T, { name: "check-mark" }),
+                  onClick: () => I("left"),
+                  children: m.left.name
+                }
+              ),
+              /* @__PURE__ */ t(
+                w.Item,
+                {
+                  leftSection: /* @__PURE__ */ t(T, { size: 18, name: "align-center" }),
+                  rightSection: i === "center" && /* @__PURE__ */ t(T, { name: "check-mark" }),
+                  onClick: () => I("center"),
+                  children: m.center.name
+                }
+              ),
+              /* @__PURE__ */ t(
+                w.Item,
+                {
+                  leftSection: /* @__PURE__ */ t(T, { size: 18, name: "align-right" }),
+                  rightSection: i === "right" && /* @__PURE__ */ t(T, { name: "check-mark" }),
+                  onClick: () => I("right"),
+                  children: m.right.name
+                }
+              ),
+              /* @__PURE__ */ t(
+                w.Item,
+                {
+                  leftSection: /* @__PURE__ */ t(T, { size: 18, name: "align-justify" }),
+                  rightSection: i === "justify" && /* @__PURE__ */ t(T, { name: "check-mark" }),
+                  onClick: () => I("justify"),
+                  children: m.justify.name
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function Sr({
+  className: e
+}) {
+  return /* @__PURE__ */ t(
+    Hn,
+    {
+      contentEditable: !1,
+      className: e || "ContentEditable__root"
+    }
+  );
+}
+const rr = "_listContainer_1d88b_1", ir = "_list_1d88b_1", or = "_text_1d88b_28", ce = {
+  listContainer: rr,
+  list: ir,
+  text: or
+}, kr = ({ editor: e }) => {
+  var C;
+  const [i, c] = O(!1), { t: r, i18n: y } = U(), { excludeNodes: f } = le(de), m = (a) => {
+    const P = document.querySelector(".editor-container");
+    if (a) {
+      P.classList.add("empty-editor");
+      return;
+    }
+    P.classList.remove("empty-editor");
+  };
+  X(() => {
+    e.update(() => {
+      Re() && (c(!0), m(!0));
+    }), Fn(
+      e.registerCommand(
+        ct,
+        () => {
+          const a = !!Re();
+          return c(a), m(a), !1;
+        },
+        ze
+      ),
+      e.registerCommand(
+        at,
+        () => (c(!1), m(!1), !1),
+        ze
+      )
+    );
+  }, []);
+  const g = (a, P) => {
+    a == null || a.update(() => {
+      a.focus();
+      const L = lt().getFirstChild();
+      L && P && (P(L), c(!1));
+    });
+  }, I = j(() => [
+    {
+      title: r("editor.emptyPageOptions.heading"),
+      icon: /* @__PURE__ */ t(De, { stroke: 2, size: 18 }),
+      onSelect: () => g(e, (a) => {
+        a.replace(Bn("h1"));
+      })
+    },
+    {
+      title: r("editor.emptyPageOptions.grid"),
+      icon: /* @__PURE__ */ t(_n, { stroke: 2, size: 18 }),
+      onSelect: () => {
+        g(e, () => {
+          e == null || e.dispatchCommand(
+            Gn,
+            Yn
+          );
+        });
+      }
+    },
+    {
+      title: r("editor.emptyPageOptions.list"),
+      icon: /* @__PURE__ */ t(ke, { stroke: 2, size: 18 }),
+      onSelect: () => {
+        g(e, () => {
+          e == null || e.dispatchCommand(Dn, void 0);
+        });
+      }
+    },
+    {
+      title: r("editor.emptyPageOptions.code"),
+      icon: /* @__PURE__ */ t(Ne, { stroke: 2, size: 18 }),
+      onSelect: () => {
+        g(e, () => {
+          e == null || e.dispatchCommand(Xn, void 0);
+        });
+      }
+    },
+    {
+      title: r("editor.menu.media.excalidraw.hint.description"),
+      icon: /* @__PURE__ */ t(xe, { stroke: 2, size: 18 }),
+      onSelect: () => {
+        import("./layers.D6d62qQ_.js").then((a) => a.ac).then(
+          ({ INSERT_EXCALIDRAW_COMMAND: a }) => {
+            g(e, () => {
+              e.dispatchCommand(a, void 0);
+            });
+          }
+        );
+      }
+    },
+    f.template ? {
+      title: r("editor.emptyPageOptions.template"),
+      icon: /* @__PURE__ */ t(wn, { stroke: 2, size: 18 }),
+      onSelect: () => {
+        g(e, () => {
+          e == null || e.dispatchCommand(On, void 0);
+        });
+      }
+    } : null,
+    {
+      title: r("editor.emptyPageOptions.callout"),
+      icon: /* @__PURE__ */ t(be, { stroke: 2, size: 18 }),
+      onSelect: () => {
+        g(e, () => {
+          setTimeout(() => {
+            e == null || e.dispatchCommand(Ln, "success");
+          });
+        });
+      }
+    },
+    {
+      title: r("editor.emptyPageOptions.table"),
+      icon: /* @__PURE__ */ t(Se, { stroke: 2, size: 18 }),
+      onSelect: () => {
+        g(e, () => {
+          setTimeout(() => {
+            e == null || e.dispatchCommand(Nn, {
+              columns: "4",
+              includeHeaders: !1,
+              rows: "3"
+            });
+          });
+        });
+      }
+    },
+    {
+      title: r("editor.emptyPageOptions.integrations"),
+      icon: /* @__PURE__ */ t(xn, { stroke: 2, size: 18 }),
+      onSelect: () => {
+      }
+    }
+  ], [y.language]);
+  return i ? /* @__PURE__ */ t(Qe, { target: ((C = e == null ? void 0 : e._rootElement) == null ? void 0 : C.parentElement) || document.body, children: /* @__PURE__ */ t("ul", { className: `${ce.listContainer} empty-page-options`, children: I.map((a, P) => a ? /* @__PURE__ */ R(
+    w,
+    {
+      disabled: P !== I.length - 1,
+      position: "bottom-start",
+      shadow: "md",
+      styles: { dropdown: { overflow: "auto", zIndex: 1e3 } },
+      middlewares: Wn,
+      width: 200,
+      transitionProps: ve,
+      children: [
+        /* @__PURE__ */ t(w.Target, { children: /* @__PURE__ */ R("li", { className: ce.list, onClick: a.onSelect, children: [
+          a.icon,
+          " ",
+          /* @__PURE__ */ t("span", { className: ce.text, children: a.title })
+        ] }) }),
+        /* @__PURE__ */ t(w.Dropdown, { children: kn.map((E) => /* @__PURE__ */ t(
+          w.Item,
+          {
+            className: "item " + $n(E.key === "1"),
+            leftSection: E.icon,
+            style: { borderRadius: "var(--mantine-radius-sm)" },
+            onClick: () => {
+              g(e, () => {
+                setTimeout(() => {
+                  e == null || e.dispatchCommand(
+                    jn,
+                    ""
+                  ), c(!1);
+                });
+              });
+            },
+            children: E.name
+          },
+          E.name
+        )) })
+      ]
+    },
+    a.title
+  ) : null) }) }) : null;
+};
+export {
+  br as A,
+  wr as B,
+  xr as C,
+  kr as E,
+  Rr as F,
+  T as I,
+  Sr as L,
+  _r as M,
+  Tr as P,
+  Pr as R,
+  Mr as a
+};