@templatical/editor 0.0.1 → 0.0.2

package/dist/DesignReferenceSidebar-DAlAWrxU.js

@@ -1,351 +0,0 @@
-import { defineComponent as P, inject as b, ref as g, computed as R, watch as A, openBlock as n, createBlock as W, Transition as Z, withCtx as X, createElementBlock as d, createElementVNode as e, createVNode as c, unref as o, toDisplayString as p, normalizeStyle as k, createTextVNode as _, withDirectives as J, normalizeClass as K, vModelText as Q, createCommentVNode as h } from "vue";
-import { c as w, I as F, X as B, L as Y, C as tt, t as et } from "./index-D-iD-7lO.js";
-import { useDesignReference as lt } from "@templatical/core/cloud";
-/**
- * @license lucide-vue-next v0.475.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const at = w("FileImageIcon", [
-  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
-  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
-  ["circle", { cx: "10", cy: "12", r: "2", key: "737tya" }],
-  ["path", { d: "m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22", key: "wt3hpn" }]
-]);
-/**
- * @license lucide-vue-next v0.475.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const H = w("FileTextIcon", [
-  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
-  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
-  ["path", { d: "M10 9H8", key: "b1mrlr" }],
-  ["path", { d: "M16 13H8", key: "t4e002" }],
-  ["path", { d: "M16 17H8", key: "z1uh3a" }]
-]);
-/**
- * @license lucide-vue-next v0.475.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const pt = w("UploadIcon", [
-  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
-  ["polyline", { points: "17 8 12 3 7 8", key: "t8dd8p" }],
-  ["line", { x1: "12", x2: "12", y1: "3", y2: "15", key: "widbto" }]
-]), rt = {
-  key: 0,
-  class: "tpl-design-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-[45] tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
-}, ot = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, st = {
-  class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium",
-  style: { color: "var(--tpl-primary)" }
-}, nt = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, it = {
-  key: 0,
-  class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
-}, dt = { class: "tpl:flex tpl:w-full tpl:flex-col tpl:items-center tpl:gap-3" }, ct = {
-  class: "tpl:text-sm",
-  style: { color: "var(--tpl-text-muted)" }
-}, ut = {
-  key: 1,
-  class: "tpl:flex tpl:flex-col tpl:gap-4"
-}, vt = {
-  class: "tpl:flex tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1",
-  style: { "background-color": "var(--tpl-bg-hover)" }
-}, ft = {
-  key: 0,
-  class: "tpl:flex tpl:flex-col tpl:gap-2"
-}, mt = {
-  class: "tpl:relative tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)]",
-  style: { border: "1px solid var(--tpl-border)", "background-color": "var(--tpl-bg)" }
-}, gt = ["src", "alt"], xt = {
-  key: 1,
-  class: "tpl:flex tpl:h-32 tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2"
-}, yt = {
-  class: "tpl:text-xs",
-  style: { color: "var(--tpl-text-muted)" }
-}, ht = {
-  class: "tpl:text-center tpl:text-xs",
-  style: { color: "var(--tpl-text-muted)" }
-}, bt = {
-  class: "tpl:text-center tpl:text-[11px]",
-  style: { color: "var(--tpl-text-dim)" }
-}, kt = ["accept"], _t = { class: "tpl:flex tpl:flex-col tpl:gap-1.5" }, wt = {
-  class: "tpl:text-xs tpl:font-medium",
-  style: { color: "var(--tpl-text-muted)" }
-}, Ct = ["placeholder"], zt = {
-  key: 0,
-  class: "tpl:flex tpl:flex-col tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:px-3 tpl:py-3",
-  style: { "background-color": "var(--tpl-warning-light)", border: "1px solid var(--tpl-warning)" }
-}, jt = {
-  class: "tpl:text-xs tpl:leading-snug",
-  style: { color: "var(--tpl-text)" }
-}, Tt = { class: "tpl:flex tpl:gap-2" }, Dt = {
-  key: 1,
-  class: "tpl:flex tpl:items-start tpl:gap-2 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:text-xs",
-  style: { "background-color": "var(--tpl-danger-light)", color: "var(--tpl-danger)" }
-}, It = ["disabled"], Lt = {
-  class: "tpl:m-0 tpl:pt-1 tpl:text-center tpl:text-[11px]",
-  style: { color: "var(--tpl-text-dim)" }
-}, Ut = /* @__PURE__ */ P({
-  __name: "DesignReferenceSidebar",
-  props: {
-    visible: { type: Boolean },
-    hasExistingBlocks: { type: Boolean }
-  },
-  emits: ["close", "apply"],
-  setup(C, { emit: S }) {
-    const z = C, j = S, T = b("translations"), V = b("editor"), $ = b("authManager"), v = lt({
-      authManager: $,
-      getTemplateId: () => {
-        var t;
-        return ((t = V.state.template) == null ? void 0 : t.id) ?? null;
-      },
-      onApply: (t) => j("apply", t)
-    }), r = g("image"), i = g(null), y = g(""), u = g(null), m = g(!1), x = g(!1), l = R(() => T.designReference), D = R(() => v.isGenerating.value ? !1 : i.value !== null);
-    function I(t) {
-      r.value = t, U();
-    }
-    function q(t) {
-      var f;
-      const a = t.target, s = (f = a.files) == null ? void 0 : f[0];
-      s && L(s), a.value = "";
-    }
-    function L(t) {
-      if (t.size > 10 * 1024 * 1024) {
-        v.error.value = l.value.fileTooLarge;
-        return;
-      }
-      if (r.value === "image") {
-        if (!["image/png", "image/jpeg", "image/jpg", "image/webp"].includes(t.type)) {
-          v.error.value = l.value.invalidFileType;
-          return;
-        }
-      } else if (r.value === "pdf" && t.type !== "application/pdf") {
-        v.error.value = l.value.invalidFileType;
-        return;
-      }
-      i.value = t, v.error.value = null, u.value && URL.revokeObjectURL(u.value), t.type.startsWith("image/") ? u.value = URL.createObjectURL(t) : u.value = null;
-    }
-    function U() {
-      u.value && (URL.revokeObjectURL(u.value), u.value = null), i.value = null;
-    }
-    function E(t) {
-      t.preventDefault(), x.value = !0;
-    }
-    function G() {
-      x.value = !1;
-    }
-    function N(t) {
-      var s, f;
-      t.preventDefault(), x.value = !1;
-      const a = (f = (s = t.dataTransfer) == null ? void 0 : s.files) == null ? void 0 : f[0];
-      a && L(a);
-    }
-    function M() {
-      if (!D.value)
-        return;
-      if (z.hasExistingBlocks && !m.value) {
-        m.value = !0;
-        return;
-      }
-      m.value = !1;
-      const t = {};
-      y.value.trim() && (t.prompt = y.value.trim()), r.value === "image" && i.value ? t.imageUpload = i.value : r.value === "pdf" && i.value && (t.pdfUpload = i.value), v.generate(t);
-    }
-    function O() {
-      m.value = !1;
-    }
-    return A(
-      () => z.visible,
-      (t) => {
-        t || (m.value = !1);
-      }
-    ), (t, a) => (n(), W(Z, {
-      "enter-active-class": "tpl-design-slide-enter-active",
-      "enter-from-class": "tpl:translate-x-full",
-      "enter-to-class": "tpl:translate-x-0",
-      "leave-active-class": "tpl-design-slide-leave-active",
-      "leave-from-class": "tpl:translate-x-0",
-      "leave-to-class": "tpl:translate-x-full"
-    }, {
-      default: X(() => [
-        C.visible ? (n(), d("div", rt, [
-          e("div", ot, [
-            e("div", st, [
-              c(o(F), {
-                size: 13,
-                "stroke-width": 2
-              }),
-              e("span", null, p(l.value.title), 1)
-            ]),
-            e("button", {
-              class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150",
-              style: { color: "var(--tpl-text-muted)" },
-              onClick: a[0] || (a[0] = (s) => j("close"))
-            }, [
-              c(o(B), {
-                size: 14,
-                "stroke-width": 2
-              })
-            ])
-          ]),
-          e("div", nt, [
-            o(v).isGenerating.value ? (n(), d("div", it, [
-              e("div", dt, [
-                c(Y),
-                e("p", ct, p(l.value.generating), 1)
-              ])
-            ])) : (n(), d("div", ut, [
-              e("div", vt, [
-                e("button", {
-                  class: "tpl:flex tpl:flex-1 tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-2 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
-                  style: k({
-                    backgroundColor: r.value === "image" ? "var(--tpl-bg)" : "transparent",
-                    color: r.value === "image" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-                    boxShadow: r.value === "image" ? "var(--tpl-shadow)" : "none"
-                  }),
-                  onClick: a[1] || (a[1] = (s) => I("image"))
-                }, [
-                  c(o(at), {
-                    size: 12,
-                    "stroke-width": 2
-                  }),
-                  _(" " + p(l.value.uploadImage), 1)
-                ], 4),
-                e("button", {
-                  class: "tpl:flex tpl:flex-1 tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-2 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
-                  style: k({
-                    backgroundColor: r.value === "pdf" ? "var(--tpl-bg)" : "transparent",
-                    color: r.value === "pdf" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-                    boxShadow: r.value === "pdf" ? "var(--tpl-shadow)" : "none"
-                  }),
-                  onClick: a[2] || (a[2] = (s) => I("pdf"))
-                }, [
-                  c(o(H), {
-                    size: 12,
-                    "stroke-width": 2
-                  }),
-                  _(" " + p(l.value.uploadPdf), 1)
-                ], 4)
-              ]),
-              e("div", null, [
-                i.value ? (n(), d("div", ft, [
-                  e("div", mt, [
-                    u.value ? (n(), d("img", {
-                      key: 0,
-                      src: u.value,
-                      alt: i.value.name,
-                      class: "tpl:h-auto tpl:max-h-48 tpl:w-full tpl:object-contain"
-                    }, null, 8, gt)) : (n(), d("div", xt, [
-                      c(o(H), {
-                        size: 32,
-                        "stroke-width": 1.5,
-                        style: { color: "var(--tpl-text-dim)" }
-                      }),
-                      e("span", yt, p(i.value.name), 1)
-                    ])),
-                    e("button", {
-                      class: "tpl:absolute tpl:top-2 tpl:right-2 tpl:rounded-full tpl:p-1 tpl:transition-colors tpl:duration-150",
-                      style: { "background-color": "var(--tpl-bg)", color: "var(--tpl-text-muted)", "box-shadow": "var(--tpl-shadow)" },
-                      onClick: U
-                    }, [
-                      c(o(B), {
-                        size: 12,
-                        "stroke-width": 2
-                      })
-                    ])
-                  ])
-                ])) : (n(), d("div", {
-                  key: 1,
-                  class: "tpl-design-dropzone tpl:flex tpl:cursor-pointer tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:border-2 tpl:border-dashed tpl:px-4 tpl:py-8 tpl:transition-colors tpl:duration-150",
-                  style: k({
-                    borderColor: x.value ? "var(--tpl-primary)" : "var(--tpl-border-light)",
-                    backgroundColor: x.value ? "var(--tpl-primary-light)" : "var(--tpl-bg)"
-                  }),
-                  onClick: a[3] || (a[3] = (s) => {
-                    var f;
-                    return (f = t.$refs.fileInput) == null ? void 0 : f.click();
-                  }),
-                  onDragover: E,
-                  onDragleave: G,
-                  onDrop: N
-                }, [
-                  c(o(pt), {
-                    size: 24,
-                    "stroke-width": 1.5,
-                    style: { color: "var(--tpl-text-dim)" }
-                  }),
-                  e("span", ht, p(l.value.dropHint), 1),
-                  e("span", bt, p(r.value === "image" ? l.value.acceptedImages : l.value.acceptedPdf), 1)
-                ], 36)),
-                e("input", {
-                  ref: "fileInput",
-                  type: "file",
-                  class: "tpl:hidden",
-                  accept: r.value === "image" ? "image/png,image/jpeg,image/webp" : "application/pdf",
-                  onChange: q
-                }, null, 40, kt)
-              ]),
-              e("div", _t, [
-                e("label", wt, p(l.value.promptLabel), 1),
-                J(e("textarea", {
-                  "onUpdate:modelValue": a[4] || (a[4] = (s) => y.value = s),
-                  class: K(["tpl:min-h-[72px] tpl:w-full tpl:resize-none tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3 tpl:py-2 tpl:font-sans tpl:text-sm tpl:outline-none tpl:transition-colors tpl:duration-150", ["tpl-design-prompt-input"]]),
-                  style: { "border-color": "var(--tpl-border)", color: "var(--tpl-text)", "background-color": "var(--tpl-bg)" },
-                  placeholder: l.value.promptPlaceholder,
-                  rows: "3"
-                }, null, 8, Ct), [
-                  [Q, y.value]
-                ])
-              ]),
-              m.value ? (n(), d("div", zt, [
-                e("p", jt, p(l.value.replaceWarning), 1),
-                e("div", Tt, [
-                  e("button", {
-                    class: "tpl:flex-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
-                    style: { "background-color": "transparent", color: "var(--tpl-text-muted)", border: "1px solid var(--tpl-border)" },
-                    onClick: O
-                  }, p(l.value.replaceCancel), 1),
-                  e("button", {
-                    class: "tpl:flex-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:opacity-90",
-                    style: { "background-color": "var(--tpl-primary)", color: "var(--tpl-bg)" },
-                    onClick: M
-                  }, p(l.value.replaceConfirm), 1)
-                ])
-              ])) : h("", !0),
-              o(v).error.value ? (n(), d("div", Dt, [
-                c(o(tt), {
-                  size: 14,
-                  "stroke-width": 2,
-                  class: "tpl:mt-0.5 tpl:shrink-0"
-                }),
-                e("span", null, p(l.value.error), 1)
-              ])) : h("", !0),
-              m.value ? h("", !0) : (n(), d("button", {
-                key: 2,
-                class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-4 tpl:py-2.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
-                style: { "background-color": "var(--tpl-primary)", color: "var(--tpl-bg)" },
-                disabled: !D.value,
-                onClick: M
-              }, [
-                c(o(F), {
-                  size: 16,
-                  "stroke-width": 2
-                }),
-                _(" " + p(l.value.generate), 1)
-              ], 8, It)),
-              e("p", Lt, p(o(T).aiMenu.disclaimer), 1)
-            ]))
-          ])
-        ])) : h("", !0)
-      ]),
-      _: 1
-    }));
-  }
-}), Bt = /* @__PURE__ */ et(Ut, [["__scopeId", "data-v-c47a124b"]]);
-export {
-  Bt as default
-};

package/dist/ModuleBrowserModal-1JEcChd8.js

@@ -1,323 +0,0 @@
-import { defineComponent as R, defineAsyncComponent as F, inject as B, ref as f, computed as h, watch as W, openBlock as p, createBlock as S, Teleport as X, createVNode as u, Transition as Y, withCtx as Z, createElementBlock as a, withModifiers as _, createElementVNode as e, toDisplayString as i, unref as n, withDirectives as j, vModelText as G, Fragment as g, renderList as w, normalizeStyle as J, resolveDynamicComponent as tt, createCommentVNode as V, vModelSelect as et } from "vue";
-import { c as P, N as lt, O as ot, Q as st, U as nt, V as rt, W as pt, Y as at, Z as it, $ as ct, a0 as dt, a1 as ut, u as vt, X as xt, E as yt, a2 as D } from "./index-D-iD-7lO.js";
-import "@templatical/types";
-/**
- * @license lucide-vue-next v0.475.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const mt = P("SearchIcon", [
-  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
-  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
-]);
-/**
- * @license lucide-vue-next v0.475.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const bt = P("TimerIcon", [
-  ["line", { x1: "10", x2: "14", y1: "2", y2: "2", key: "14vaq8" }],
-  ["line", { x1: "12", x2: "15", y1: "14", y2: "11", key: "17fdiu" }],
-  ["circle", { cx: "12", cy: "14", r: "8", key: "1e1u0o" }]
-]), E = {
-  section: ut,
-  image: dt,
-  text: ct,
-  button: it,
-  divider: at,
-  video: pt,
-  social: rt,
-  menu: nt,
-  table: st,
-  spacer: ot,
-  countdown: bt,
-  html: lt
-}, ft = {
-  class: "tpl-scale-in tpl:mx-4 tpl:flex tpl:w-full tpl:max-w-[1000px] tpl:flex-col tpl:rounded-[var(--tpl-radius-lg)]",
-  style: { "background-color": "var(--tpl-bg-elevated)", "box-shadow": "var(--tpl-shadow-xl)", "max-height": "90vh" }
-}, ht = {
-  class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:px-5 tpl:py-4",
-  style: { "border-color": "var(--tpl-border)" }
-}, kt = {
-  class: "tpl:text-sm tpl:font-semibold",
-  style: { color: "var(--tpl-text)" }
-}, _t = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, gt = { class: "tpl:flex tpl:w-[300px] tpl:shrink-0 tpl:flex-col tpl:overflow-hidden" }, wt = { class: "tpl:px-4 tpl:pt-4 tpl:pb-3" }, Ct = { class: "tpl:relative" }, Mt = ["placeholder"], It = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:px-4 tpl:pb-4" }, Tt = {
-  key: 0,
-  class: "tpl:flex tpl:flex-col tpl:gap-1"
-}, zt = ["onClick"], Bt = { class: "tpl:flex tpl:items-center tpl:gap-2" }, St = {
-  class: "tpl:flex-1 tpl:truncate tpl:text-xs tpl:font-semibold",
-  style: { color: "var(--tpl-text)" }
-}, jt = {
-  class: "tpl:shrink-0 tpl:rounded-full tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium",
-  style: { "background-color": "var(--tpl-bg-hover)", color: "var(--tpl-text-muted)" }
-}, Vt = { class: "tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1" }, Dt = {
-  key: 0,
-  class: "tpl:text-[10px]",
-  style: { color: "var(--tpl-text-dim)" }
-}, Et = ["onClick"], Pt = ["title", "onClick"], $t = {
-  key: 1,
-  class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-12"
-}, Nt = {
-  class: "tpl:mt-2 tpl:text-xs",
-  style: { color: "var(--tpl-text-dim)" }
-}, qt = {
-  class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden tpl:border-l",
-  style: { "border-color": "var(--tpl-border)" }
-}, At = {
-  key: 0,
-  class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden"
-}, Lt = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, Ht = {
-  key: 1,
-  class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:items-center tpl:justify-center tpl:px-4"
-}, Kt = {
-  class: "tpl:mt-2 tpl:text-center tpl:text-xs",
-  style: { color: "var(--tpl-text-dim)" }
-}, Ut = {
-  class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:px-5 tpl:py-3",
-  style: { "border-color": "var(--tpl-border)" }
-}, Ot = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Qt = {
-  class: "tpl:shrink-0 tpl:text-xs",
-  style: { color: "var(--tpl-text-dim)" }
-}, Rt = ["value"], Ft = { class: "tpl:flex tpl:gap-2" }, Wt = ["disabled"], Gt = /* @__PURE__ */ R({
-  __name: "ModuleBrowserModal",
-  props: {
-    visible: { type: Boolean }
-  },
-  emits: ["close", "insert"],
-  setup(C, { emit: $ }) {
-    const N = C, M = $, q = F(
-      () => import("./ModulePreviewCanvas-Cdp484Ae.js")
-    ), { t: r } = vt(), k = B("savedModulesHeadless"), y = B("editor"), v = f(""), c = f(null), m = f(null), d = f("end"), I = h(() => {
-      const l = k.modules.value;
-      if (!v.value) return l;
-      const o = v.value.toLowerCase();
-      return l.filter((t) => t.name.toLowerCase().includes(o));
-    }), x = h(() => c.value ? k.modules.value.find((l) => l.id === c.value) ?? null : null), A = h(() => {
-      const l = [
-        { value: "beginning", label: r.modules.insertAtBeginning }
-      ], o = y.content.value.blocks;
-      for (let t = 0; t < o.length; t++) {
-        const s = o[t], O = s.type, Q = r.blocks[O] ?? s.type;
-        l.push({
-          value: s.id,
-          label: r.modules.insertAfterBlock.replace("{block}", `${Q} ${t + 1}`)
-        });
-      }
-      return l.push({ value: "end", label: r.modules.insertAtEnd }), l;
-    }), L = h(() => {
-      if (d.value === "end") return;
-      if (d.value === "beginning") return 0;
-      const o = y.content.value.blocks.findIndex((t) => t.id === d.value);
-      if (o !== -1) return o + 1;
-    });
-    W(
-      () => N.visible,
-      (l) => {
-        if (l) {
-          v.value = "", c.value = null, m.value = null;
-          const o = y.state.selectedBlockId;
-          if (o) {
-            const t = y.content.value.blocks.findIndex(
-              (s) => s.id === o
-            );
-            d.value = t !== -1 ? o : "end";
-          } else
-            d.value = "end";
-        }
-      }
-    );
-    function H(l) {
-      const o = [], t = /* @__PURE__ */ new Set();
-      for (const s of l.content)
-        if (!t.has(s.type) && E[s.type] && (t.add(s.type), o.push({ type: s.type, icon: E[s.type] })), o.length >= 5) break;
-      return o;
-    }
-    function T(l) {
-      const o = new Set(l.content.map((t) => t.type));
-      return Math.max(0, o.size - 5);
-    }
-    async function K(l) {
-      try {
-        await k.deleteModule(l), c.value === l && (c.value = null);
-      } finally {
-        m.value = null;
-      }
-    }
-    function z() {
-      x.value && M("insert", x.value, L.value);
-    }
-    function b() {
-      M("close");
-    }
-    function U(l) {
-      l.key === "Escape" && b(), l.key === "Enter" && x.value && (l.preventDefault(), z());
-    }
-    return (l, o) => (p(), S(X, { to: "body" }, [
-      u(Y, {
-        "enter-active-class": "tpl:transition tpl:duration-150",
-        "enter-from-class": "tpl:opacity-0",
-        "enter-to-class": "tpl:opacity-100",
-        "leave-active-class": "tpl:transition tpl:duration-100",
-        "leave-from-class": "tpl:opacity-100",
-        "leave-to-class": "tpl:opacity-0"
-      }, {
-        default: Z(() => [
-          C.visible ? (p(), a("div", {
-            key: 0,
-            class: "tpl tpl:fixed tpl:inset-0 tpl:z-[10000] tpl:flex tpl:items-center tpl:justify-center",
-            style: { "background-color": "var(--tpl-overlay)", "backdrop-filter": "blur(8px)", "-webkit-backdrop-filter": "blur(8px)" },
-            onClick: _(b, ["self"]),
-            onKeydown: U
-          }, [
-            e("div", ft, [
-              e("div", ht, [
-                e("h3", kt, i(n(r).modules.browse), 1),
-                e("button", {
-                  class: "tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:p-1 tpl:transition-colors tpl:duration-100",
-                  style: { color: "var(--tpl-text-dim)" },
-                  onClick: b
-                }, [
-                  u(n(xt), {
-                    size: 16,
-                    "stroke-width": 2
-                  })
-                ])
-              ]),
-              e("div", _t, [
-                e("div", gt, [
-                  e("div", wt, [
-                    e("div", Ct, [
-                      u(n(mt), {
-                        size: 14,
-                        "stroke-width": 2,
-                        class: "tpl:pointer-events-none tpl:absolute tpl:left-3 tpl:top-1/2 tpl:-translate-y-1/2",
-                        style: { color: "var(--tpl-text-dim)" }
-                      }),
-                      j(e("input", {
-                        "onUpdate:modelValue": o[0] || (o[0] = (t) => v.value = t),
-                        type: "text",
-                        placeholder: n(r).modules.search,
-                        class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:pl-9 tpl:pr-3 tpl:text-sm tpl:outline-none",
-                        style: { "border-color": "var(--tpl-border)", "background-color": "var(--tpl-bg)", color: "var(--tpl-text)" }
-                      }, null, 8, Mt), [
-                        [G, v.value]
-                      ])
-                    ])
-                  ]),
-                  e("div", It, [
-                    I.value.length > 0 ? (p(), a("div", Tt, [
-                      (p(!0), a(g, null, w(I.value, (t) => (p(), a("div", {
-                        key: t.id,
-                        class: "tpl:group/card tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-md)] tpl:border tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-[120ms]",
-                        style: J({
-                          borderColor: c.value === t.id ? "var(--tpl-primary)" : "var(--tpl-border)",
-                          backgroundColor: c.value === t.id ? "var(--tpl-primary-light)" : "transparent"
-                        }),
-                        onClick: (s) => c.value = t.id
-                      }, [
-                        e("div", Bt, [
-                          e("span", St, i(t.name), 1),
-                          e("span", jt, i(n(r).modules.blockCount.replace(
-                            "{count}",
-                            String(t.content.length)
-                          )), 1)
-                        ]),
-                        e("div", Vt, [
-                          (p(!0), a(g, null, w(H(t), (s) => (p(), S(tt(s.icon), {
-                            key: s.type,
-                            size: 14,
-                            "stroke-width": 1.5,
-                            style: { color: "var(--tpl-text-dim)" }
-                          }))), 128)),
-                          T(t) > 0 ? (p(), a("span", Dt, " +" + i(T(t)), 1)) : V("", !0),
-                          m.value === t.id ? (p(), a("button", {
-                            key: 1,
-                            class: "tpl:ml-auto tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:transition-colors tpl:duration-100",
-                            style: { "border-color": "var(--tpl-danger)", color: "var(--tpl-danger)", "background-color": "transparent" },
-                            onClick: _((s) => K(t.id), ["stop"])
-                          }, i(n(r).modules.deleteConfirm), 9, Et)) : (p(), a("button", {
-                            key: 2,
-                            class: "tpl-module-delete-btn tpl:ml-auto tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:p-0.5 tpl:transition-colors tpl:duration-100",
-                            style: { color: "var(--tpl-text-dim)" },
-                            title: n(r).modules.delete,
-                            onClick: _((s) => m.value = t.id, ["stop"])
-                          }, [
-                            u(n(yt), {
-                              size: 12,
-                              "stroke-width": 1.5
-                            })
-                          ], 8, Pt))
-                        ])
-                      ], 12, zt))), 128))
-                    ])) : (p(), a("div", $t, [
-                      u(n(D), {
-                        size: 32,
-                        "stroke-width": 1,
-                        style: { color: "var(--tpl-text-dim)" }
-                      }),
-                      e("p", Nt, i(v.value ? n(r).modules.noModules : n(r).modules.noModulesHint), 1)
-                    ]))
-                  ])
-                ]),
-                e("div", qt, [
-                  x.value ? (p(), a("div", At, [
-                    e("div", Lt, [
-                      u(n(q), {
-                        blocks: x.value.content
-                      }, null, 8, ["blocks"])
-                    ])
-                  ])) : (p(), a("div", Ht, [
-                    u(n(D), {
-                      size: 32,
-                      "stroke-width": 1,
-                      style: { color: "var(--tpl-text-dim)" }
-                    }),
-                    e("p", Kt, i(n(r).modules.selectToPreview), 1)
-                  ]))
-                ])
-              ]),
-              e("div", Ut, [
-                e("div", Ot, [
-                  e("label", Qt, i(n(r).modules.insertPosition), 1),
-                  j(e("select", {
-                    "onUpdate:modelValue": o[1] || (o[1] = (t) => d.value = t),
-                    class: "tpl:h-7 tpl:max-w-[220px] tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none",
-                    style: { "border-color": "var(--tpl-border)", "background-color": "var(--tpl-bg)", color: "var(--tpl-text)" }
-                  }, [
-                    (p(!0), a(g, null, w(A.value, (t) => (p(), a("option", {
-                      key: t.value,
-                      value: t.value
-                    }, i(t.label), 9, Rt))), 128))
-                  ], 512), [
-                    [et, d.value]
-                  ])
-                ]),
-                e("div", Ft, [
-                  e("button", {
-                    type: "button",
-                    class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150",
-                    style: { "border-color": "var(--tpl-border)", color: "var(--tpl-text)", "background-color": "var(--tpl-bg)" },
-                    onClick: b
-                  }, i(n(r).modules.close), 1),
-                  e("button", {
-                    type: "button",
-                    class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
-                    style: { "background-color": "var(--tpl-primary)", color: "var(--tpl-bg)" },
-                    disabled: !x.value,
-                    onClick: z
-                  }, i(n(r).modules.insert), 9, Wt)
-                ])
-              ])
-            ])
-          ], 32)) : V("", !0)
-        ]),
-        _: 1
-      })
-    ]));
-  }
-});
-export {
-  Gt as default
-};