@webx-ui/module-blocks 0.8.0 → 0.8.1

package/dist/index.js

@@ -1,10 +1,10 @@
-import { defineComponent as ae, computed as V, openBlock as u, createElementBlock as C, createVNode as f, unref as l, createElementVNode as B, createTextVNode as z, toDisplayString as S, Fragment as F, createCommentVNode as I, renderList as le, ref as N, onMounted as Ue, watch as te, createBlock as D, withCtx as b, onBeforeUnmount as Ze, normalizeStyle as xe, reactive as lt, normalizeClass as $e, withDirectives as ll, vShow as nl, resolveComponent as Ct, isRef as Vt, nextTick as sl, withKeys as ft, withModifiers as vt, provide as Bt, inject as Ke, useModel as ol, getCurrentInstance as al, resolveDynamicComponent as il, mergeProps as rl, mergeModels as ul } from "vue";
-import { useRoute as cl, useRouter as At } from "vue-router";
-import { useTranslate as de, useAdmin as Oe, useErrorText as Re, WxDate as dl, WxScreenHead as pl, WxRenameButton as fl, WxHelpButton as vl, WxRowMenu as ml, adminKey as hl, WxListScreen as bl } from "@webx-ui/module-admin";
-import { WxIcon as be, WxSkeleton as We, WxText as q, WxBadge as ue, WxButton as ce, confirm as Ge, toast as Z, useElementWidth as Qe, WxSegmented as Wt, WxCard as Be, WxPopover as gl, WxAlert as Lt, WxTabs as yl, WxTab as Ae, WxCodeEditor as He, WxFormItem as oe, WxInput as Pe, WxSelect as zt, WxTextarea as kl, WxIconPicker as wl, WxInputNumber as mt, WxTagsInput as ht, WxSwitch as _l, WxActionBar as xl, useModal as Mt, WxDialog as Dt, WxEmpty as It, WxAction as Ie, WxSortableList as $l, createModal as Nt, WxDrawer as Sl, WxSpace as El, WxSkeletonItem as qe } from "@webx-ui/core";
-import { WxScreenRenderer as Pt, coreTypes as Ye } from "@webx-ui/schema";
-import { autocompletion as Tl, snippetCompletion as me, pickedCompletion as rt, startCompletion as Cl } from "@codemirror/autocomplete";
-import { EditorState as Vl } from "@codemirror/state";
+import { defineComponent as ae, computed as V, openBlock as u, createElementBlock as C, createVNode as f, unref as l, createElementVNode as B, createTextVNode as z, toDisplayString as S, Fragment as F, createCommentVNode as N, renderList as le, ref as I, onMounted as Ue, watch as te, createBlock as M, withCtx as b, onBeforeUnmount as Qe, normalizeStyle as xe, reactive as nt, normalizeClass as $e, withDirectives as nl, vShow as sl, resolveComponent as Vt, isRef as Bt, nextTick as ol, withKeys as vt, withModifiers as mt, provide as At, inject as Ye, useModel as al, getCurrentInstance as il, resolveDynamicComponent as rl, mergeProps as ul, mergeModels as cl } from "vue";
+import { useRoute as dl, useRouter as Lt } from "vue-router";
+import { useTranslate as de, useAdmin as Re, useErrorText as je, WxDate as pl, WxScreenHead as fl, WxRenameButton as vl, WxHelpButton as ml, WxRowMenu as hl, adminKey as bl, WxListScreen as gl } from "@webx-ui/module-admin";
+import { WxIcon as he, WxSkeleton as Le, WxText as q, WxBadge as ue, WxButton as ce, confirm as Ze, toast as Z, useElementWidth as Xe, WxSegmented as Wt, WxCard as Be, WxPopover as yl, WxAlert as zt, WxTabs as kl, WxTab as Ae, WxCodeEditor as qe, WxFormItem as oe, WxInput as Oe, WxSelect as Dt, WxTextarea as wl, WxIconPicker as _l, WxInputNumber as ht, WxTagsInput as bt, WxSwitch as xl, WxActionBar as $l, useModal as Mt, WxDialog as Nt, WxEmpty as It, WxAction as Ne, WxSortableList as Sl, createModal as Pt, WxDrawer as El, WxSpace as Tl, WxSkeletonItem as Ke } from "@webx-ui/core";
+import { WxScreenRenderer as Ot, coreTypes as Je } from "@webx-ui/schema";
+import { autocompletion as Cl, snippetCompletion as me, pickedCompletion as ut, startCompletion as Vl } from "@codemirror/autocomplete";
+import { EditorState as Bl } from "@codemirror/state";
 function ze(e) {
   const n = `${e.apiPath}/blocks`, t = (s) => s.data;
   return {
@@ -22,7 +22,7 @@ function ze(e) {
     restore: (s, a) => e.http.post(`${n}/${s}/versions/${a}/restore`, {}).then(t)
   };
 }
-const Bl = { class: "wx-block-checks" }, Al = {
+const Al = { class: "wx-block-checks" }, Ll = {
   key: 0,
   class: "wx-block-checks__line is-error"
 }, Wl = /* @__PURE__ */ ae({
@@ -38,36 +38,36 @@ const Bl = { class: "wx-block-checks" }, Al = {
       const i = new Set(s.value.map((r) => r.code)), o = [];
       return n.file === "template" && (i.has("no-marker") || o.push(t("checks.ok-marker")), i.has("variables-missing") || o.push(t("checks.ok-variables"))), n.file === "styles" && (i.has("stray-selectors") || o.push(t("checks.ok-prefix", { slug: n.slug })), i.has("bare-selectors") || o.push(t("checks.ok-bare")), i.has("media-query") || o.push(t("checks.ok-container"))), o;
     });
-    return (i, o) => (u(), C("div", Bl, [
-      e.error ? (u(), C("div", Al, [
-        f(l(be), { name: "close-circle" }),
+    return (i, o) => (u(), C("div", Al, [
+      e.error ? (u(), C("div", Ll, [
+        f(l(he), { name: "close-circle" }),
         B("span", null, [
           z(S(e.error.message) + " ", 1),
           e.error.line !== null ? (u(), C(F, { key: 0 }, [
             z(" · " + S(l(t)("page.line", { line: e.error.line })), 1)
-          ], 64)) : I("", !0),
+          ], 64)) : N("", !0),
           e.error.where ? (u(), C(F, { key: 1 }, [
             z(" · " + S(e.error.where), 1)
-          ], 64)) : I("", !0)
+          ], 64)) : N("", !0)
         ])
-      ])) : I("", !0),
+      ])) : N("", !0),
       (u(!0), C(F, null, le(s.value, (r) => (u(), C("div", {
         key: r.code,
         class: "wx-block-checks__line is-warning"
       }, [
-        f(l(be), { name: "warning" }),
+        f(l(he), { name: "warning" }),
         B("span", null, [
           z(S(r.message) + " ", 1),
           r.line !== null ? (u(), C(F, { key: 0 }, [
             z(" · " + S(l(t)("page.line", { line: r.line })), 1)
-          ], 64)) : I("", !0)
+          ], 64)) : N("", !0)
         ])
       ]))), 128)),
       (u(!0), C(F, null, le(a.value, (r) => (u(), C("div", {
         key: r,
         class: "wx-block-checks__line is-ok"
       }, [
-        f(l(be), { name: "check" }),
+        f(l(he), { name: "check" }),
         B("span", null, S(r), 1)
       ]))), 128))
     ]));
@@ -77,7 +77,7 @@ const Bl = { class: "wx-block-checks" }, Al = {
   for (const [s, a] of n)
     t[s] = a;
   return t;
-}, bt = /* @__PURE__ */ ie(Wl, [["__scopeId", "data-v-e56947a8"]]), Ll = { class: "wx-block-history" }, zl = { class: "wx-block-history__number" }, Ml = { class: "wx-block-history__who" }, Dl = /* @__PURE__ */ ae({
+}, gt = /* @__PURE__ */ ie(Wl, [["__scopeId", "data-v-e56947a8"]]), zl = { class: "wx-block-history" }, Dl = { class: "wx-block-history__number" }, Ml = { class: "wx-block-history__who" }, Nl = /* @__PURE__ */ ae({
   __name: "BlockHistory",
   props: {
     block: {},
@@ -85,7 +85,7 @@ const Bl = { class: "wx-block-checks" }, Al = {
   },
   emits: ["restored"],
   setup(e, { emit: n }) {
-    const t = e, s = n, a = Oe(), i = ze(a), o = de("webx-blocks"), r = Re(), m = N(null);
+    const t = e, s = n, a = Re(), i = ze(a), o = de("webx-blocks"), r = je(), m = I(null);
     async function c() {
       m.value = await i.versions(t.block.id);
     }
@@ -93,7 +93,7 @@ const Bl = { class: "wx-block-checks" }, Al = {
       return t.block.draft?.number === v.number ? "draft" : t.block.published?.number === v.number ? "live" : "replaced";
     }
     async function p(v) {
-      if (await Ge({
+      if (await Ze({
         title: o("page.restore-title", { number: v.number }),
         message: o("page.restore-text"),
         confirmText: o("page.restore"),
@@ -111,8 +111,8 @@ const Bl = { class: "wx-block-checks" }, Al = {
       () => {
         c();
       }
-    ), (v, g) => (u(), C("div", Ll, [
-      m.value === null ? (u(), D(l(We), {
+    ), (v, g) => (u(), C("div", zl, [
+      m.value === null ? (u(), M(l(Le), {
         key: 0,
         class: "wx-block-history__ghost",
         rows: 3
@@ -120,7 +120,7 @@ const Bl = { class: "wx-block-checks" }, Al = {
         key: x.number,
         class: "wx-block-history__row"
       }, [
-        B("code", zl, S(l(o)("page.version", { number: x.number })), 1),
+        B("code", Dl, S(l(o)("page.version", { number: x.number })), 1),
         B("div", Ml, [
           f(l(q), null, {
             default: b(() => [
@@ -133,19 +133,19 @@ const Bl = { class: "wx-block-checks" }, Al = {
             tone: "muted"
           }, {
             default: b(() => [
-              x.created_at ? (u(), D(l(dl), {
+              x.created_at ? (u(), M(l(pl), {
                 key: 0,
                 value: x.created_at
-              }, null, 8, ["value"])) : I("", !0),
+              }, null, 8, ["value"])) : N("", !0),
               z(" · " + S(x.author ?? l(o)(`page.source-${x.source}`)) + " ", 1),
               x.comment ? (u(), C(F, { key: 1 }, [
                 z(" · " + S(x.comment), 1)
-              ], 64)) : I("", !0)
+              ], 64)) : N("", !0)
             ]),
             _: 2
           }, 1024)
         ]),
-        d(x) === "draft" ? (u(), D(l(ue), {
+        d(x) === "draft" ? (u(), M(l(ue), {
           key: 0,
           type: "warning",
           dot: ""
@@ -154,7 +154,7 @@ const Bl = { class: "wx-block-checks" }, Al = {
             z(S(l(o)("page.version-draft")), 1)
           ]),
           _: 1
-        })) : d(x) === "live" ? (u(), D(l(ue), {
+        })) : d(x) === "live" ? (u(), M(l(ue), {
           key: 1,
           type: "success",
           dot: ""
@@ -163,8 +163,8 @@ const Bl = { class: "wx-block-checks" }, Al = {
             z(S(l(o)("page.version-live")), 1)
           ]),
           _: 1
-        })) : I("", !0),
-        e.canManage && d(x) === "replaced" ? (u(), D(l(ce), {
+        })) : N("", !0),
+        e.canManage && d(x) === "replaced" ? (u(), M(l(ce), {
           key: 2,
           size: "sm",
           variant: "outline",
@@ -174,11 +174,11 @@ const Bl = { class: "wx-block-checks" }, Al = {
             z(S(l(o)("page.restore")), 1)
           ]),
           _: 1
-        }, 8, ["onClick"])) : I("", !0)
+        }, 8, ["onClick"])) : N("", !0)
       ]))), 128))
     ]));
   }
-}), Il = /* @__PURE__ */ ie(Dl, [["__scopeId", "data-v-42c6b7ad"]]), Ne = "wx-preview-selected", Je = "wx-preview-hover", gt = "wx-preview-style";
+}), Il = /* @__PURE__ */ ie(Nl, [["__scopeId", "data-v-42c6b7ad"]]), Ie = "wx-preview-selected", Ge = "wx-preview-hover", yt = "wx-preview-style";
 function Ut(e, n) {
   const s = (e.ownerDocument ?? e).createTreeWalker(
     e,
@@ -195,7 +195,7 @@ function Ut(e, n) {
   }
   return null;
 }
-function Ot(e, n, t) {
+function Rt(e, n, t) {
   const s = Ut(e, n);
   if (!s) return !1;
   const a = s.start.parentNode;
@@ -217,28 +217,28 @@ function Ot(e, n, t) {
       p.nodeType === 1 && d.mount(p);
   return !0;
 }
-function ut(e, n) {
+function ct(e, n) {
   const t = Ut(e, n);
   if (!t) return null;
   for (let s = t.start.nextSibling; s && s !== t.end; s = s.nextSibling)
     if (s.nodeType === 1) return s;
   return null;
 }
-function nt(e, n) {
-  ct(e);
-  for (const s of Array.from(e.querySelectorAll(`.${Ne}`)))
-    s.classList.remove(Ne);
+function st(e, n) {
+  dt(e);
+  for (const s of Array.from(e.querySelectorAll(`.${Ie}`)))
+    s.classList.remove(Ie);
   if (n === null) return null;
-  const t = ut(e, n);
-  return t?.classList.add(Ne), t;
+  const t = ct(e, n);
+  return t?.classList.add(Ie), t;
 }
-function yt(e, n) {
-  ct(e);
-  for (const t of Array.from(e.querySelectorAll(`.${Je}`)))
-    t.classList.remove(Je);
-  n !== null && ut(e, n)?.classList.add(Je);
+function kt(e, n) {
+  dt(e);
+  for (const t of Array.from(e.querySelectorAll(`.${Ge}`)))
+    t.classList.remove(Ge);
+  n !== null && ct(e, n)?.classList.add(Ge);
 }
-function kt(e) {
+function wt(e) {
   let n = e?.nodeType === 1 ? e : e?.parentElement ?? null;
   for (; n; ) {
     let t = 0;
@@ -256,61 +256,71 @@ function kt(e) {
   }
   return null;
 }
-function Nl(e, n) {
-  ct(e);
+function Pl(e, n) {
+  dt(e);
   let t = null;
   function s(o) {
-    he(o), n.select(kt(o.target));
+    const r = wt(o.target);
+    r === null ? Pe(o) : _e(o), n.select(r);
   }
   function a(o) {
-    const r = kt(o.target);
-    r !== t && (t = r, yt(e, r));
+    const r = wt(o.target);
+    r !== t && (t = r, kt(e, r));
   }
   function i() {
-    t = null, yt(e, null);
+    t = null, kt(e, null);
   }
-  return e.addEventListener("click", s, !0), e.addEventListener("auxclick", he, !0), e.addEventListener("submit", he, !0), e.addEventListener("dragstart", he, !0), e.addEventListener("mousemove", a, !0), e.addEventListener("mouseleave", i), {
+  return e.addEventListener("click", s, !0), e.addEventListener("auxclick", Pe, !0), e.addEventListener("submit", _e, !0), e.addEventListener("dragstart", _e, !0), e.addEventListener("mousemove", a, !0), e.addEventListener("mouseleave", i), {
     release() {
-      e.removeEventListener("click", s, !0), e.removeEventListener("auxclick", he, !0), e.removeEventListener("submit", he, !0), e.removeEventListener("dragstart", he, !0), e.removeEventListener("mousemove", a, !0), e.removeEventListener("mouseleave", i);
+      e.removeEventListener("click", s, !0), e.removeEventListener("auxclick", Pe, !0), e.removeEventListener("submit", _e, !0), e.removeEventListener("dragstart", _e, !0), e.removeEventListener("mousemove", a, !0), e.removeEventListener("mouseleave", i);
     }
   };
 }
-function he(e) {
+function _e(e) {
   e.preventDefault(), e.stopPropagation();
 }
-function Pl(e) {
-  const n = ["click", "auxclick", "submit", "dragstart"];
-  for (const t of n) e.addEventListener(t, he, !0);
+function Pe(e) {
+  const n = e.target;
+  (n?.nodeType === Node.ELEMENT_NODE ? n : n?.parentElement ?? null)?.closest("a[href], area[href]") && e.preventDefault();
+}
+function Ol(e) {
+  const n = [
+    ["click", Pe],
+    ["auxclick", Pe],
+    ["submit", _e],
+    ["dragstart", _e]
+  ];
+  for (const [t, s] of n) e.addEventListener(t, s, !0);
   return {
     release() {
-      for (const t of n) e.removeEventListener(t, he, !0);
+      for (const [t, s] of n) e.removeEventListener(t, s, !0);
     }
   };
 }
-const st = "sample", wt = "wx-stage-styles";
+const ot = "sample", _t = "wx-stage-styles";
 function Ul(e, n) {
-  let t = e.getElementById(wt);
-  t === null && (t = e.createElement("style"), t.id = wt, (e.head ?? e.documentElement).appendChild(t)), t.textContent = n.styles;
-  const s = `<!--wx:${st}-->`, a = n.html.trimStart().startsWith(s) ? n.html : `${s}${n.html}<!--/wx:${st}-->`;
-  return Ot(e, st, a);
+  let t = e.getElementById(_t);
+  t === null && (t = e.createElement("style"), t.id = _t, (e.head ?? e.documentElement).appendChild(t)), t.textContent = n.styles;
+  const s = `<!--wx:${ot}-->`, a = n.html.trimStart().startsWith(s) ? n.html : `${s}${n.html}<!--/wx:${ot}-->`;
+  return Rt(e, ot, a);
 }
-function Ol(e, n) {
+function Rl(e, n) {
   const t = e.createElement("script");
   t.textContent = n, e.body.appendChild(t);
 }
-function ct(e) {
-  if (e.getElementById(gt)) return;
+function dt(e) {
+  if (e.getElementById(yt)) return;
   const n = e.createElement("style");
-  n.id = gt, n.textContent = `.${Ne}{outline:2px solid #427edd;outline-offset:-2px;}.${Je}:not(.${Ne}){outline:1px solid #427edd;outline-offset:-1px;cursor:pointer;}`, (e.head ?? e.documentElement).appendChild(n);
+  n.id = yt, n.textContent = `.${Ie}{outline:2px solid #427edd;outline-offset:-2px;}.${Ge}:not(.${Ie}){outline:1px solid #427edd;outline-offset:-1px;cursor:pointer;}`, (e.head ?? e.documentElement).appendChild(n);
 }
-function Rt(e) {
-  const n = e.base ? `<base href="${_t(e.base)}">` : "", t = e.frame ? `<style>${e.frame}</style>` : "", s = e.script && e.runtime ? `<script src="${_t(e.runtime)}"><\/script><script>${e.script}<\/script>` : "";
+function jt(e) {
+  const n = e.base ? `<base href="${xt(e.base)}">` : "", t = e.frame ? `<style>${e.frame}</style>` : "", s = e.script && e.runtime ? `<script src="${xt(e.runtime)}"><\/script><script>${e.script}<\/script>` : "";
   return `<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">${n}<style>html,body{margin:0}body{container-type:inline-size}</style>${t}<style>${e.styles}</style></head><body>${e.html}${s}</body></html>`;
 }
-function _t(e) {
+function xt(e) {
   return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
 }
-const Rl = { class: "wx-block-stage" }, jl = { class: "wx-block-stage__bar" }, Fl = ["src", "srcdoc", "title"], Hl = /* @__PURE__ */ ae({
+const jl = { class: "wx-block-stage" }, Fl = { class: "wx-block-stage__bar" }, Hl = ["src", "srcdoc", "title"], ql = /* @__PURE__ */ ae({
   __name: "BlockStage",
   props: {
     html: {},
@@ -325,7 +335,7 @@ const Rl = { class: "wx-block-stage" }, jl = { class: "wx-block-stage__bar" }, F
       { value: 1280, icon: "monitor", ariaLabel: t("page.width-desktop") },
       { value: 834, icon: "tablet", ariaLabel: t("page.width-tablet") },
       { value: 390, icon: "smartphone", ariaLabel: t("page.width-phone") }
-    ]), a = N(1280), i = N(null), o = N(null), r = Qe(i), m = N(360), c = N(!1);
+    ]), a = I(1280), i = I(null), o = I(null), r = Xe(i), m = I(360), c = I(!1);
     te([r, s], () => {
       if (c.value || r.value === 0) return;
       const h = s.value.find((A) => r.value / A.value >= 0.45);
@@ -335,14 +345,14 @@ const Rl = { class: "wx-block-stage" }, jl = { class: "wx-block-stage__bar" }, F
       c.value = !0, a.value = h;
     }
     const p = V(() => r.value === 0 ? 1 : Math.min(1, r.value / a.value)), v = V(
-      () => n.stage ? void 0 : Rt({
+      () => n.stage ? void 0 : jt({
         html: n.html,
         styles: n.styles,
         script: n.script,
         runtime: n.runtime,
         base: typeof location > "u" ? null : location.origin + "/"
       })
-    ), g = N(0);
+    ), g = I(0);
     let x = null;
     te(
       () => n.script,
@@ -361,13 +371,13 @@ const Rl = { class: "wx-block-stage" }, jl = { class: "wx-block-stage__bar" }, F
       w?.release(), w = null, y?.disconnect(), y = null;
     }
     function R(h) {
-      n.stage && (n.script && x !== n.script && (x = n.script, Ol(h, n.script)), Ul(h, { html: n.html, styles: n.styles }));
+      n.stage && (n.script && x !== n.script && (x = n.script, Rl(h, n.script)), Ul(h, { html: n.html, styles: n.styles }));
     }
     function K() {
       _();
       const h = o.value?.contentDocument;
       if (!h?.body) return;
-      n.stage && (x = null, w = Pl(h), R(h)), T();
+      n.stage && (x = null, w = Ol(h), R(h)), T();
       const A = h.defaultView?.ResizeObserver;
       A && (y = new A(() => T()), y.observe(h.body));
     }
@@ -379,7 +389,7 @@ const Rl = { class: "wx-block-stage" }, jl = { class: "wx-block-stage__bar" }, F
       }
     ), te(r, (h, A) => {
       h > 0 && A === 0 && setTimeout(T, 50);
-    }), te(a, () => setTimeout(T, 50)), Ze(_);
+    }), te(a, () => setTimeout(T, 50)), Qe(_);
     const Y = V(() => ({
       width: `${a.value}px`,
       height: `${m.value}px`,
@@ -388,8 +398,8 @@ const Rl = { class: "wx-block-stage" }, jl = { class: "wx-block-stage__bar" }, F
       width: `${Math.round(a.value * p.value)}px`,
       height: `${Math.round(m.value * p.value)}px`
     }));
-    return (h, A) => (u(), C("div", Rl, [
-      B("div", jl, [
+    return (h, A) => (u(), C("div", jl, [
+      B("div", Fl, [
         f(l(Wt), {
           "model-value": a.value,
           options: s.value,
@@ -403,7 +413,7 @@ const Rl = { class: "wx-block-stage" }, jl = { class: "wx-block-stage__bar" }, F
         ref: i,
         class: "wx-block-stage__ground"
       }, [
-        e.loading && !e.html ? (u(), D(l(We), {
+        e.loading && !e.html ? (u(), M(l(Le), {
           key: 0,
           rows: 3
         })) : (u(), C("div", {
@@ -422,109 +432,109 @@ const Rl = { class: "wx-block-stage" }, jl = { class: "wx-block-stage__bar" }, F
             sandbox: "allow-same-origin allow-scripts",
             title: l(t)("page.preview"),
             onLoad: K
-          }, null, 44, Fl))
+          }, null, 44, Hl))
         ], 4))
       ], 512)
     ]));
   }
-}), ql = /* @__PURE__ */ ie(Hl, [["__scopeId", "data-v-3185ee45"]]);
-function jt(e) {
+}), Kl = /* @__PURE__ */ ie(ql, [["__scopeId", "data-v-3185ee45"]]);
+function Ft(e) {
   return typeof e == "object" && e !== null && typeof e.type == "string" && e.type !== "";
 }
-function Xe(e) {
-  return Array.isArray(e) && e.length > 0 && e.every(jt);
+function et(e) {
+  return Array.isArray(e) && e.length > 0 && e.every(Ft);
 }
-function at() {
+function it() {
   return (typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID().replace(/-/g, "") : Math.random().toString(36).slice(2) + Math.random().toString(36).slice(2)).slice(0, 12);
 }
-function Kl(e, n = {}) {
-  return { key: at(), type: e, values: n };
+function Yl(e, n = {}) {
+  return { key: it(), type: e, values: n };
 }
 function re(e, n) {
-  return Ft(e, n, null, null);
+  return Ht(e, n, null, null);
 }
-function Ft(e, n, t, s) {
+function Ht(e, n, t, s) {
   for (let a = 0; a < e.length; a++) {
     const i = e[a];
     if (i.key === n) return { node: i, parent: t, field: s, list: e, index: a };
     for (const [o, r] of Object.entries(i.values ?? {}))
-      if (Xe(r)) {
-        const m = Ft(r, n, i, o);
+      if (et(r)) {
+        const m = Ht(r, n, i, o);
         if (m) return m;
       }
   }
   return null;
 }
-function je(e, n, t = 0, s = null) {
+function Fe(e, n, t = 0, s = null) {
   for (const a of e)
-    if (jt(a)) {
+    if (Ft(a)) {
       n(a, t, s);
       for (const i of Object.values(a.values ?? {}))
-        Xe(i) && je(i, n, t + 1, a);
+        et(i) && Fe(i, n, t + 1, a);
     }
 }
-function Yl(e, n) {
+function Jl(e, n) {
   let t = 0;
-  return je(e, (s) => {
+  return Fe(e, (s) => {
     s.type === n && t++;
   }), t;
 }
-function Jl(e) {
+function Gl(e) {
   let n = 0;
   for (const t of Object.values(e.values ?? {}))
-    Xe(t) && je(t, () => n++);
+    et(t) && Fe(t, () => n++);
   return n;
 }
-function to(e) {
+function lo(e) {
   const n = [];
-  return je(e, (t) => {
+  return Fe(e, (t) => {
     n.includes(t.type) || n.push(t.type);
   }), n;
 }
-function Ht(e) {
+function qt(e) {
   const n = [];
   for (const t of e)
-    t.type === "wx-blocks" && n.push(t), t.children && n.push(...Ht(t.children));
+    t.type === "wx-blocks" && n.push(t), t.children && n.push(...qt(t.children));
   return n;
 }
-function qt(e) {
+function Kt(e) {
   const n = {};
   for (const [t, s] of Object.entries(e.values ?? {}))
-    n[t] = Xe(s) ? s.map(qt) : ge(s);
-  return e.hidden === !0 ? { key: at(), type: e.type, hidden: !0, values: n } : { key: at(), type: e.type, values: n };
+    n[t] = et(s) ? s.map(Kt) : be(s);
+  return e.hidden === !0 ? { key: it(), type: e.type, hidden: !0, values: n } : { key: it(), type: e.type, values: n };
 }
-function Gl(e, n, t) {
-  const s = ge(e), a = re(s, n);
+function Zl(e, n, t) {
+  const s = be(e), a = re(s, n);
   return a ? (t ? a.node.hidden = !0 : delete a.node.hidden, s) : e;
 }
-function Zl(e, n, t) {
+function Ql(e, n, t) {
   if (n === null) return e;
   const s = re(e, n);
   if (!s || t === null) return null;
   const a = s.node.values[t];
   return Array.isArray(a) || (s.node.values[t] = []), s.node.values[t];
 }
-function xt(e, n, t, s, a) {
-  const i = ge(e), o = Zl(i, n, t);
+function $t(e, n, t, s, a) {
+  const i = be(e), o = Ql(i, n, t);
   return o ? (o.splice(Math.max(0, Math.min(s, o.length)), 0, a), i) : e;
 }
-function Ql(e, n) {
-  const t = ge(e), s = re(t, n);
+function Xl(e, n) {
+  const t = be(e), s = re(t, n);
   return s ? (s.list.splice(s.index, 1), t) : e;
 }
-function Xl(e, n, t) {
-  const s = ge(e), a = re(s, n);
+function en(e, n, t) {
+  const s = be(e), a = re(s, n);
   return a ? (a.node.values = t, s) : e;
 }
-function en(e, n, t, s) {
-  if (n === null) return ge(s);
-  const a = ge(e), i = re(a, n);
-  return !i || t === null ? e : (i.node.values[t] = ge(s), a);
+function tn(e, n, t, s) {
+  if (n === null) return be(s);
+  const a = be(e), i = re(a, n);
+  return !i || t === null ? e : (i.node.values[t] = be(s), a);
 }
-function ge(e) {
+function be(e) {
   return e === void 0 ? e : JSON.parse(JSON.stringify(e));
 }
-const tn = {
+const ln = {
   module: {
     title: "Blocks"
   },
@@ -680,65 +690,65 @@ const tn = {
     "ok-container": "Width is decided by container queries.",
     "ok-variables": "Every variable of the template is a field of the schema."
   }
-}, $t = /* @__PURE__ */ new WeakSet();
-function Fe() {
+}, St = /* @__PURE__ */ new WeakSet();
+function He() {
   try {
-    const { i18n: e } = Oe();
-    $t.has(e) || (e.defaults("webx-blocks", tn), $t.add(e));
+    const { i18n: e } = Re();
+    St.has(e) || (e.defaults("webx-blocks", ln), St.add(e));
   } catch {
   }
 }
-function ot(e) {
+function at(e) {
   return [
-    Tl({ icons: !1 }),
-    Vl.languageData.of(() => [{ autocomplete: e }])
+    Cl({ icons: !1 }),
+    Bl.languageData.of(() => [{ autocomplete: e }])
   ];
 }
-const ln = [
+const nn = [
   ["block", "key, type, version, depth, value()"],
   ["entity", "the page or article the block stands on"]
-], nn = ["key", "type", "version", "depth"], Kt = ["url", "alt", "title", "path"], sn = [...Kt, "thumb", "name", "extension", "mime", "size", "width", "height"], on = ["wx-media"], an = ["wx-gallery", "wx-files"];
-function rn({ schema: e, styles: n }) {
+], sn = ["key", "type", "version", "depth"], Yt = ["url", "alt", "title", "path"], on = [...Yt, "thumb", "name", "extension", "mime", "size", "width", "height"], an = ["wx-media"], rn = ["wx-gallery", "wx-files"];
+function un({ schema: e, styles: n }) {
   return (t) => {
     const s = t.state.sliceDoc(Math.max(0, t.pos - 200), t.pos), a = /\$block->(\w*)$/.exec(s);
-    if (a) return dn(t, a[1]);
+    if (a) return pn(t, a[1]);
     const i = /\$(\w+)\[\s*(['"]?)(\w*)$/.exec(s);
-    if (i) return pn(t, i[1], i[2], i[3], e());
+    if (i) return fn(t, i[1], i[2], i[3], e());
     const o = /\$(\w*)$/.exec(s);
     if (o)
       return {
         from: t.pos - o[0].length,
-        options: un(e(), t.state.doc.toString()),
+        options: cn(e(), t.state.doc.toString()),
         validFor: /^\$\w*$/
       };
     const r = /(\{\{|\{!!)(\s*)(\w*)$/.exec(s);
-    if (r) return cn(t, r[1], r[2], r[3], e());
+    if (r) return dn(t, r[1], r[2], r[3], e());
     const m = /\bclass\s*=\s*"([^"]*)$/.exec(s);
-    if (m) return vn(t, m[1], n());
+    if (m) return mn(t, m[1], n());
     const c = /(?:^|[\s>(])@(\w*)$/.exec(s);
     return c ? {
       from: t.pos - c[1].length - 1,
-      options: mn(e()),
+      options: hn(e()),
       validFor: /^@\w*$/
     } : null;
   };
 }
-function un(e, n) {
-  const t = Gt(e).map((s, a) => ({
+function cn(e, n) {
+  const t = Zt(e).map((s, a) => ({
     label: `$${s.id}`,
     detail: s.type,
     info: s.label,
     type: "variable",
     boost: 50 - a
   }));
-  for (const s of Yt(n).keys())
+  for (const s of Jt(n).keys())
     t.push({ label: `$${s}`, detail: "loop", type: "variable" });
-  for (const [s, a] of ln)
+  for (const [s, a] of nn)
     t.push({ label: `$${s}`, detail: "given", info: a, type: "variable", boost: -10 });
   return t.push({ label: "$loop", detail: "given", info: "inside @foreach", boost: -20 }), t;
 }
-function cn(e, n, t, s, a) {
-  const i = Gt(a);
+function dn(e, n, t, s, a) {
+  const i = Zt(a);
   if (i.length === 0) return null;
   const o = n === "{{" ? "}}" : "!!}";
   return {
@@ -751,12 +761,12 @@ function cn(e, n, t, s, a) {
       type: "variable",
       boost: 50 - m,
       apply: (c, d, p, v) => {
-        const g = c.state.sliceDoc(v, v + 8), x = new RegExp(`^\\s*${_n(o)}`).exec(g), T = x ? /^\s/.test(g) ? "" : " " : ` ${o}`, w = `${t === "" ? " " : ""}$${r.id}${T}`;
+        const g = c.state.sliceDoc(v, v + 8), x = new RegExp(`^\\s*${xn(o)}`).exec(g), T = x ? /^\s/.test(g) ? "" : " " : ` ${o}`, w = `${t === "" ? " " : ""}$${r.id}${T}`;
         c.dispatch({
           changes: { from: p, to: v, insert: w },
           // Past the closing braces: the echo is finished, the next thing is the markup.
           selection: { anchor: p + w.length + (x ? x[0].length : 0) },
-          annotations: rt.of(d),
+          annotations: ut.of(d),
           userEvent: "input.complete"
         });
       }
@@ -764,11 +774,11 @@ function cn(e, n, t, s, a) {
     validFor: /^\w*$/
   };
 }
-function dn(e, n) {
+function pn(e, n) {
   return {
     from: e.pos - n.length,
     options: [
-      ...nn.map((t) => ({ label: t, type: "property" })),
+      ...sn.map((t) => ({ label: t, type: "property" })),
       me("value('${name}', ${default})", {
         label: "value",
         detail: "('name', default)",
@@ -778,8 +788,8 @@ function dn(e, n) {
     validFor: /^\w*$/
   };
 }
-function pn(e, n, t, s, a) {
-  const i = fn(n, a, e.state.doc.toString());
+function fn(e, n, t, s, a) {
+  const i = vn(n, a, e.state.doc.toString());
   return i.length === 0 ? null : {
     from: e.pos - s.length,
     options: i.map(([o, r]) => ({
@@ -791,7 +801,7 @@ function pn(e, n, t, s, a) {
         m.dispatch({
           changes: { from: v, to: T, insert: y },
           selection: { anchor: v + y.length + (w ? 1 : 0) },
-          annotations: rt.of(c),
+          annotations: ut.of(c),
           userEvent: "input.complete"
         });
       }
@@ -799,28 +809,28 @@ function pn(e, n, t, s, a) {
     validFor: /^\w*$/
   };
 }
-function fn(e, n, t) {
-  const s = Le(n).find((o) => o.id === e);
-  if (s && on.includes(s.type)) return Kt.map((o) => [o, s.type]);
-  const a = Yt(t).get(e), i = a ? Le(n).find((o) => o.id === a) : void 0;
-  return i ? an.includes(i.type) ? sn.map((o) => [o, i.type]) : i.type === "wx-repeater" ? Le(i.children ?? []).map((o) => [o.id, o.type]) : [] : [];
+function vn(e, n, t) {
+  const s = We(n).find((o) => o.id === e);
+  if (s && an.includes(s.type)) return Yt.map((o) => [o, s.type]);
+  const a = Jt(t).get(e), i = a ? We(n).find((o) => o.id === a) : void 0;
+  return i ? rn.includes(i.type) ? on.map((o) => [o, i.type]) : i.type === "wx-repeater" ? We(i.children ?? []).map((o) => [o.id, o.type]) : [] : [];
 }
-function Yt(e) {
+function Jt(e) {
   const n = /* @__PURE__ */ new Map();
   for (const t of e.matchAll(/\$(\w+)\s+as\s+\$(\w+)(?:\s*=>\s*\$(\w+))?/g))
     n.set(t[3] ?? t[2], t[1]);
   return n;
 }
-function vn(e, n, t) {
+function mn(e, n, t) {
   const s = /[\w-]*$/.exec(n)[0], a = new Set(n.split(/\s+/));
   return {
     from: e.pos - s.length,
-    options: Jt(t).filter((i) => !a.has(i) || i === s).map((i) => ({ label: i, detail: "styles", type: "class" })),
+    options: Gt(t).filter((i) => !a.has(i) || i === s).map((i) => ({ label: i, detail: "styles", type: "class" })),
     validFor: /^[\w-]*$/
   };
 }
-function mn(e) {
-  const n = Le(e).filter((t) => t.type === "wx-blocks");
+function hn(e) {
+  const n = We(e).filter((t) => t.type === "wx-blocks");
   return [
     me("@if (${condition})\n	${}\n@endif", { label: "@if", type: "keyword" }),
     me("@isset(${value})\n	${}\n@endisset", { label: "@isset", type: "keyword" }),
@@ -851,13 +861,13 @@ function mn(e) {
     )
   ];
 }
-function hn({ slug: e, template: n }) {
+function bn({ slug: e, template: n }) {
   return (t) => {
     const s = t.state.sliceDoc(Math.max(0, t.pos - 200), t.pos), a = /(?:^|[\s,>+~(}{])\.([\w-]*)$/.exec(s);
     if (!a) return null;
     const i = /[^{};]*$/.exec(s)[0];
     if (/^\s*[\w-]+\s*:\s/.test(i)) return null;
-    const o = `b-${e()}`, r = new Set(Jt(t.state.doc.toString())), m = bn(n()), c = [o, ...m.filter((p) => p !== o)], d = c.map((p, v) => ({
+    const o = `b-${e()}`, r = new Set(Gt(t.state.doc.toString())), m = gn(n()), c = [o, ...m.filter((p) => p !== o)], d = c.map((p, v) => ({
       label: `.${p}`,
       // A class the template uses and nothing styles yet is the likeliest thing to write.
       detail: r.has(p) ? "template" : "template · no rule yet",
@@ -869,7 +879,7 @@ function hn({ slug: e, template: n }) {
     return { from: t.pos - a[1].length - 1, options: d, validFor: /^\.[\w-]*$/ };
   };
 }
-function Jt(e) {
+function Gt(e) {
   const n = e.replace(/\/\*[\s\S]*?\*\//g, ""), t = /* @__PURE__ */ new Set(), s = [];
   let a = "";
   for (const i of n)
@@ -883,7 +893,7 @@ function Jt(e) {
     } else i === "}" ? (s.pop(), a = "") : i === ";" ? a = "" : a += i;
   return [...t];
 }
-function bn(e) {
+function gn(e) {
   const n = /* @__PURE__ */ new Set();
   for (const t of e.matchAll(/\bclass\s*=\s*"([^"]*)"/g)) {
     const s = t[1].replace(/\{\{[\s\S]*?\}\}|\{!![\s\S]*?!!\}|@\w+(\([^)]*\))?/g, " ");
@@ -892,7 +902,7 @@ function bn(e) {
   }
   return [...n];
 }
-const gn = [
+const yn = [
   { key: "id", value: '""', info: "The variable the template gets, in snake_case." },
   { key: "type", value: '""', info: "A type from the registry." },
   { key: "label", value: '""', info: "What the editor sees above the field." },
@@ -904,21 +914,21 @@ const gn = [
   { key: "slot", value: '""', info: "The parent's named slot to land in." },
   { key: "can", value: '""', info: "The permission the node needs." }
 ];
-function yn({ types: e }) {
+function kn({ types: e }) {
   return (n) => {
-    const t = kn(n.state.doc.toString(), n.pos);
+    const t = wn(n.state.doc.toString(), n.pos);
     if (!t || !t.node) return null;
     const s = t.string ? n.state.sliceDoc(t.string, n.pos) : /[\w-]*$/.exec(n.state.sliceDoc(Math.max(0, n.pos - 60), n.pos))[0];
     if (!t.string && s === "" && !n.explicit) return null;
     const a = n.pos - s.length, i = t.string !== null;
     if (t.phase === "key") {
-      const o = gn.filter(({ key: r }) => !t.keys.has(r) || r === s).map(
+      const o = yn.filter(({ key: r }) => !t.keys.has(r) || r === s).map(
         ({ key: r, value: m, info: c }, d) => ({
           label: r,
           info: c,
           type: "property",
           boost: -d,
-          apply: (p, v, g, x) => St(p, v, g, x, i, `"${r}": ${m}`, m)
+          apply: (p, v, g, x) => Et(p, v, g, x, i, `"${r}": ${m}`, m)
         })
       );
       return { from: a, options: o, validFor: /^[\w-]*$/ };
@@ -930,23 +940,23 @@ function yn({ types: e }) {
         type: "type",
         // Fields first: a block's schema is mostly fields, the layout only groups them.
         boost: m.kind === "field" ? 1 : 0,
-        apply: (c, d, p, v) => St(c, d, p, v, i, `"${r}"`, "")
+        apply: (c, d, p, v) => Et(c, d, p, v, i, `"${r}"`, "")
       }));
       return { from: a, options: o, validFor: /^[\w-]*$/ };
     }
     return null;
   };
 }
-function St(e, n, t, s, a, i, o) {
+function Et(e, n, t, s, a, i, o) {
   const r = a ? t - 1 : t, m = /^[\w-]*"?/.exec(e.state.sliceDoc(s, s + 60))[0], c = s + (a ? m.length : /^[\w-]*/.exec(m)[0].length), d = o === '""' || o === "{}" || o === "[]" ? 1 : 0;
   e.dispatch({
     changes: { from: r, to: c, insert: i },
     selection: { anchor: r + i.length - d },
-    annotations: rt.of(n),
+    annotations: ut.of(n),
     userEvent: "input.complete"
-  }), i.startsWith('"type"') && Cl(e);
+  }), i.startsWith('"type"') && Vl(e);
 }
-function kn(e, n) {
+function wn(e, n) {
   let t = null, s = null, a = null, i = !1;
   const o = (r) => r?.kind === "object" && r.parent?.kind === "array" && (r.parent.parent === null || r.parent.under === "children");
   for (let r = 0; r <= e.length && (r === n && (s = t?.kind === "object" ? {
@@ -984,24 +994,24 @@ function kn(e, n) {
   }
   return s;
 }
-function Le(e) {
+function We(e) {
   const n = [];
   for (const t of e)
-    !t || typeof t != "object" || (wn.has(t.type) ? n.push(...Le(t.children ?? [])) : typeof t.id == "string" && t.id !== "" && n.push(t));
+    !t || typeof t != "object" || (_n.has(t.type) ? n.push(...We(t.children ?? [])) : typeof t.id == "string" && t.id !== "" && n.push(t));
   return n;
 }
-function Gt(e) {
-  return Le(e).filter((n) => n.type !== "wx-blocks");
+function Zt(e) {
+  return We(e).filter((n) => n.type !== "wx-blocks");
 }
-const wn = /* @__PURE__ */ new Set(["wx-card", "wx-tabs", "wx-tab", "wx-row", "wx-col", "wx-divider"]);
-function _n(e) {
+const _n = /* @__PURE__ */ new Set(["wx-card", "wx-tabs", "wx-tab", "wx-row", "wx-col", "wx-divider"]);
+function xn(e) {
   return e.replace(/[.*+?^${}()|[\]\\!]/g, "\\$&");
 }
-const xn = ["block", "entity", "loop", "__env", "errors", "app"];
-function $n(e, n, t) {
+const $n = ["block", "entity", "loop", "__env", "errors", "app"];
+function Sn(e, n, t) {
   const s = [];
   /data-wx-block\s*=/.test(n.template) || s.push({ file: "template", code: "no-marker", line: null, message: t("checks.no-marker") });
-  const a = Sn(n.template, n.schema);
+  const a = En(n.template, n.schema);
   a.length > 0 && s.push({
     file: "template",
     code: "variables-missing",
@@ -1011,35 +1021,35 @@ function $n(e, n, t) {
     })
   });
   const i = [], o = [], r = `.b-${e}`;
-  for (const [d, p] of En(n.styles))
+  for (const [d, p] of Tn(n.styles))
     d.startsWith(r) || d.startsWith("&") || (/^[a-z][a-z0-9-]*/i.test(d) ? o.push([d, p]) : i.push([d, p]));
   i.length > 0 && s.push({
     file: "styles",
     code: "stray-selectors",
     line: i[0][1],
-    message: t("checks.stray-selectors", { slug: e, selectors: Et(i) })
+    message: t("checks.stray-selectors", { slug: e, selectors: Tt(i) })
   }), o.length > 0 && s.push({
     file: "styles",
     code: "bare-selectors",
     line: o[0][1],
-    message: t("checks.bare-selectors", { selectors: Et(o) })
+    message: t("checks.bare-selectors", { selectors: Tt(o) })
   });
-  const m = Qt(n.styles), c = /@media\b/.exec(m);
+  const m = Xt(n.styles), c = /@media\b/.exec(m);
   return c && s.push({
     file: "styles",
     code: "media-query",
-    line: Xt(m, c.index),
+    line: el(m, c.index),
     message: t("checks.media-query")
   }), s;
 }
-function Zt(e) {
+function Qt(e) {
   const n = [];
   for (const t of e)
-    t.id && n.push(t.id), t.children && n.push(...Zt(t.children));
+    t.id && n.push(t.id), t.children && n.push(...Qt(t.children));
   return n;
 }
-function Sn(e, n) {
-  const t = /* @__PURE__ */ new Set([...Zt(n), ...xn]);
+function En(e, n) {
+  const t = /* @__PURE__ */ new Set([...Qt(n), ...$n]);
   for (const a of e.matchAll(/\bas\s+\$([a-zA-Z_]\w*)(?:\s*=>\s*\$([a-zA-Z_]\w*))?/g))
     t.add(a[1]), a[2] && t.add(a[2]);
   for (const a of e.matchAll(/\$([a-zA-Z_]\w*)\s*(?:=[^=]|\+\+|--|\.=|\+=|-=)/g))
@@ -1051,68 +1061,68 @@ function Sn(e, n) {
   }
   return s;
 }
-function En(e) {
-  const n = Qt(e), t = [];
+function Tn(e) {
+  const n = Xt(e), t = [];
   for (const s of n.matchAll(/([^{};]+)\{/g)) {
     const a = s[1], i = a.trim();
     if (!(i === "" || i.startsWith("@")))
       for (const o of a.split(",")) {
         const r = o.trim();
-        r === "" || r === "from" || r === "to" || r.endsWith("%") || t.push([r, Xt(n, s.index + a.indexOf(r))]);
+        r === "" || r === "from" || r === "to" || r.endsWith("%") || t.push([r, el(n, s.index + a.indexOf(r))]);
       }
   }
   return t;
 }
-function Qt(e) {
+function Xt(e) {
   return e.replace(/\/\*[\s\S]*?\*\//g, (n) => n.replace(/[^\n]/g, " "));
 }
-function Xt(e, n) {
+function el(e, n) {
   return e.slice(0, Math.max(0, n)).split(`
 `).length;
 }
-function Et(e) {
+function Tt(e) {
   const n = [...new Set(e.map(([t]) => t))];
   return n.slice(0, 3).join(", ") + (n.length > 3 ? ", …" : "");
 }
-function dt(e) {
+function pt(e) {
   return e.map((n) => ({
     ...n,
     name: n.name ?? n.id,
-    children: n.children ? dt(n.children) : n.children
+    children: n.children ? pt(n.children) : n.children
   }));
 }
-function it(e, n) {
+function rt(e, n) {
   return e === 0 ? n("page.not-used") : e === 1 ? n("page.on-page") : n("page.on-pages", { count: e });
 }
-function Me(e, n) {
+function De(e, n) {
   const t = `groups.${e}`, s = n(t);
   return s === t || s === `webx-blocks::${t}` ? e.charAt(0).toUpperCase() + e.slice(1) : s;
 }
-const Tn = { class: "wx-block-editor" }, Cn = { class: "wx-block-editor__split" }, Vn = {
+const Cn = { class: "wx-block-editor" }, Vn = { class: "wx-block-editor__split" }, Bn = {
   type: "button",
   class: "wx-block-editor__uses"
-}, Bn = { class: "wx-block-editor__usage" }, An = { class: "wx-block-editor__pane" }, Wn = {
+}, An = { class: "wx-block-editor__usage" }, Ln = { class: "wx-block-editor__pane" }, Wn = {
   key: 0,
   class: "wx-block-editor__pills"
-}, Ln = ["disabled", "onClick", "textContent"], zn = { class: "wx-block-editor__pane" }, Mn = { class: "wx-block-editor__pane" }, Dn = { class: "wx-block-editor__note" }, In = { class: "wx-block-editor__split" }, Nn = { class: "wx-block-editor__pane" }, Pn = { class: "wx-block-editor__note" }, Un = { class: "wx-block-editor__settings" }, On = {
+}, zn = ["disabled", "onClick", "textContent"], Dn = { class: "wx-block-editor__pane" }, Mn = { class: "wx-block-editor__pane" }, Nn = { class: "wx-block-editor__note" }, In = { class: "wx-block-editor__split" }, Pn = { class: "wx-block-editor__pane" }, On = { class: "wx-block-editor__note" }, Un = { class: "wx-block-editor__settings" }, Rn = {
   key: 0,
   class: "is-wide wx-block-editor__danger"
-}, Rn = /* @__PURE__ */ ae({
+}, jn = /* @__PURE__ */ ae({
   __name: "BlockEditorPage",
   props: {
     base: { default: "/blocks" }
   },
   setup(e) {
-    const n = e, t = Oe(), s = ze(t), a = cl(), i = At();
-    Fe();
-    const o = de("webx-blocks"), r = Re(), m = V(() => Number(a.params.id)), c = N(null), d = N([]), p = N(!0), v = N(!1), g = N(!1), x = N("template"), T = V(() => {
-      const W = t.state.manifest?.modules.find((k) => k.id === "blocks")?.meta;
+    const n = e, t = Re(), s = ze(t), a = dl(), i = Lt();
+    He();
+    const o = de("webx-blocks"), r = je(), m = V(() => Number(a.params.id)), c = I(null), d = I([]), p = I(!0), v = I(!1), g = I(!1), x = I("template"), T = V(() => {
+      const L = t.state.manifest?.modules.find((k) => k.id === "blocks")?.meta;
       return {
-        groups: W?.groups ?? [],
-        editing: W?.editing ?? !0,
-        provides: W?.provides ?? []
+        groups: L?.groups ?? [],
+        editing: L?.editing ?? !0,
+        provides: L?.provides ?? []
       };
-    }), w = V(() => t.can("blocks.manage") && T.value.editing), y = lt({
+    }), w = V(() => t.can("blocks.manage") && T.value.editing), y = nt({
       slug: "",
       title: "",
       description: "",
@@ -1123,96 +1133,96 @@ const Tn = { class: "wx-block-editor" }, Cn = { class: "wx-block-editor__split"
       allowed_in: [],
       max_per_entity: null,
       is_enabled: !0
-    }), _ = lt({
+    }), _ = nt({
       schema: [],
       template: "",
       styles: "",
       script: null,
       sample: {}
-    }), R = N("[]"), K = N(null), Y = N(""), X = N({}), h = N(null), A = lt({
+    }), R = I("[]"), K = I(null), Y = I(""), X = I({}), h = I(null), A = nt({
       html: "",
       styles: "",
       script: null,
       runtime: null,
       stage: null,
       loading: !1
-    }), P = V(() => JSON.stringify({ settings: y, content: _ })), J = V(() => Y.value !== "" && P.value !== Y.value), Se = V(() => $n(y.slug, _, o)), ne = {
+    }), P = V(() => JSON.stringify({ settings: y, content: _ })), J = V(() => Y.value !== "" && P.value !== Y.value), Se = V(() => Sn(y.slug, _, o)), ne = {
       template: [
-        ot(
-          rn({ schema: () => _.schema, styles: () => _.styles })
+        at(
+          un({ schema: () => _.schema, styles: () => _.styles })
         )
       ],
       styles: [
-        ot(hn({ slug: () => y.slug, template: () => _.template }))
+        at(bn({ slug: () => y.slug, template: () => _.template }))
       ],
       // The renderer's own types under the panel's, the same merge the sample form is drawn with.
-      schema: [ot(yn({ types: () => ({ ...Ye, ...t.types }) }))]
+      schema: [at(kn({ types: () => ({ ...Je, ...t.types }) }))]
     }, pe = V(() => {
-      const W = [...T.value.groups];
-      return W.includes(y.group) || W.push(y.group), W.map((k) => ({ value: k, label: Me(k, o) }));
-    }), ke = V({
+      const L = [...T.value.groups];
+      return L.includes(y.group) || L.push(y.group), L.map((k) => ({ value: k, label: De(k, o) }));
+    }), ye = V({
       get: () => _.sample,
-      set: (W) => {
-        _.sample = W;
+      set: (L) => {
+        _.sample = L;
       }
     }), Ee = V(() => Te(_.schema));
-    function Te(W) {
+    function Te(L) {
       const k = [];
-      for (const E of W)
+      for (const E of L)
         E.type !== "wx-blocks" && !(E.children?.length && !E.name) && k.push(E.id), E.children && k.push(...Te(E.children));
       return k;
     }
-    function Q(W) {
-      c.value = W, Object.assign(y, {
-        slug: W.slug,
-        title: W.title,
-        description: W.description,
-        icon: W.icon,
-        group: W.group,
-        sort: W.sort,
-        allow: W.allow ?? [],
-        allowed_in: W.allowed_in ?? [],
-        max_per_entity: W.max_per_entity,
-        is_enabled: W.is_enabled
+    function Q(L) {
+      c.value = L, Object.assign(y, {
+        slug: L.slug,
+        title: L.title,
+        description: L.description,
+        icon: L.icon,
+        group: L.group,
+        sort: L.sort,
+        allow: L.allow ?? [],
+        allowed_in: L.allowed_in ?? [],
+        max_per_entity: L.max_per_entity,
+        is_enabled: L.is_enabled
       });
-      const k = W.content ?? {
+      const k = L.content ?? {
         schema: [],
         template: "",
         styles: "",
         script: null,
         sample: {}
       };
-      Object.assign(_, ge(k)), R.value = JSON.stringify(k.schema, null, 2), K.value = null, Y.value = P.value;
+      Object.assign(_, be(k)), R.value = JSON.stringify(k.schema, null, 2), K.value = null, Y.value = P.value;
     }
-    async function we() {
+    async function ke() {
       p.value = !0;
       try {
         Q(await s.get(m.value)), d.value = await s.usage(m.value);
-      } catch (W) {
-        Z.danger(r(W));
+      } catch (L) {
+        Z.danger(r(L));
       } finally {
         p.value = !1;
       }
     }
-    function Ce(W) {
-      R.value = W;
+    function Ce(L) {
+      R.value = L;
       try {
-        const k = JSON.parse(W);
+        const k = JSON.parse(L);
         if (!Array.isArray(k)) throw new Error("not a list");
         _.schema = k, K.value = null;
       } catch (k) {
         K.value = o("page.schema-invalid", { error: k.message });
       }
     }
-    let ye, L = 0;
-    function U() {
-      clearTimeout(ye), ye = setTimeout(() => {
+    let ge, W = 0;
+    function O() {
+      clearTimeout(ge), ge = setTimeout(() => {
         j();
       }, 250);
     }
     async function j() {
       if (!c.value) return;
-      const W = ++L;
+      const L = ++W;
       A.loading = !0;
       try {
         const k = await s.render(c.value.id, {
@@ -1224,35 +1234,35 @@ const Tn = { class: "wx-block-editor" }, Cn = { class: "wx-block-editor__split"
             schema: _.schema
           } : void 0
         });
-        if (W !== L) return;
+        if (L !== W) return;
         A.html = k.html, A.styles = k.styles, A.script = k.script, A.runtime = k.runtime, A.stage = k.stage ?? null;
       } catch (k) {
-        W === L && Z.danger(r(k));
+        L === W && Z.danger(r(k));
       } finally {
-        W === L && (A.loading = !1);
+        L === W && (A.loading = !1);
       }
     }
     te(
       () => [_.template, _.styles, _.script, _.schema, _.sample],
-      U,
+      O,
       { deep: !0 }
     );
-    const G = N(null);
-    function fe(W) {
-      return `{{ $${W} }}`;
+    const G = I(null);
+    function fe(L) {
+      return `{{ $${L} }}`;
     }
-    function _e(W) {
+    function we(L) {
       const E = G.value?.view?.value;
       if (!E) {
-        _.template += `{{ $${W} }}`;
+        _.template += `{{ $${L} }}`;
         return;
       }
-      E.dispatch(E.state.replaceSelection(`{{ $${W} }}`)), E.focus();
+      E.dispatch(E.state.replaceSelection(`{{ $${L} }}`)), E.focus();
     }
     async function se() {
       if (!c.value) return;
       v.value = !0, X.value = {}, h.value = null;
-      const W = c.value.draft?.number ?? null;
+      const L = c.value.draft?.number ?? null;
       try {
         const k = await s.update(c.value.id, {
           ...y,
@@ -1263,7 +1273,7 @@ const Tn = { class: "wx-block-editor" }, Cn = { class: "wx-block-editor__split"
           content: K.value ? { ..._, schema: void 0 } : _
         });
         Q(k), Z.success(
-          k.draft && k.draft.number !== W ? o("page.saved", { number: k.draft.number }) : o("page.unchanged")
+          k.draft && k.draft.number !== L ? o("page.saved", { number: k.draft.number }) : o("page.unchanged")
         );
       } catch (k) {
         const E = k.body;
@@ -1273,7 +1283,7 @@ const Tn = { class: "wx-block-editor" }, Cn = { class: "wx-block-editor__split"
       }
     }
     async function ve() {
-      if (!(!c.value?.draft || (J.value && await se(), !c.value.draft) || !await Ge({
+      if (!(!c.value?.draft || (J.value && await se(), !c.value.draft) || !await Ze({
         title: o("page.publish-title", { number: c.value.draft.number }),
         message: o("page.publish-text", { count: c.value.usage_count }),
         confirmText: o("page.publish"),
@@ -1291,7 +1301,7 @@ const Tn = { class: "wx-block-editor" }, Cn = { class: "wx-block-editor__split"
       }
     }
     async function Ve() {
-      if (!(!c.value || !await Ge({
+      if (!(!c.value || !await Ze({
         title: o("page.delete-title", { title: c.value.title }),
         message: o("page.delete-text"),
         confirmText: o("page.delete"),
@@ -1304,7 +1314,7 @@ const Tn = { class: "wx-block-editor" }, Cn = { class: "wx-block-editor__split"
           Z.danger(r(k));
         }
     }
-    const De = V(
+    const Me = V(
       () => h.value ? {
         message: h.value.errors.template?.[0] ?? h.value.message,
         line: h.value.line,
@@ -1312,7 +1322,7 @@ const Tn = { class: "wx-block-editor" }, Cn = { class: "wx-block-editor__split"
           title: h.value.entity.title ?? `#${h.value.entity.id}`
         }) : null
       } : null
-    ), $ = V(() => x.value === "template" || x.value === "styles"), M = V(() => [
+    ), $ = V(() => x.value === "template" || x.value === "styles"), D = V(() => [
       {
         title: o("page.example-handler"),
         code: `el.querySelector('.b-hero__button')?.addEventListener('click', (event) => {
@@ -1335,21 +1345,21 @@ setInterval(() => el.classList.toggle('is-second'), seconds * 1000)`
 
 new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       }
-    ]), O = V(() => d.value.slice(0, 5));
-    function H(W) {
-      return X.value[W]?.[0];
+    ]), U = V(() => d.value.slice(0, 5));
+    function H(L) {
+      return X.value[L]?.[0];
     }
-    function ee(W) {
-      J.value && W.preventDefault();
+    function ee(L) {
+      J.value && L.preventDefault();
     }
     Ue(() => {
-      we(), window.addEventListener("beforeunload", ee);
-    }), Ze(() => {
-      clearTimeout(ye), window.removeEventListener("beforeunload", ee);
+      ke(), window.addEventListener("beforeunload", ee);
+    }), Qe(() => {
+      clearTimeout(ge), window.removeEventListener("beforeunload", ee);
     }), te(m, () => {
-      we();
+      ke();
     });
-    const et = V(
+    const tt = V(
       () => w.value ? [
         { key: "save", label: o("page.save"), loading: v.value, run: () => {
           se();
@@ -1366,42 +1376,42 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
         }
       ] : []
     );
-    return (W, k) => (u(), C("div", Tn, [
+    return (L, k) => (u(), C("div", Cn, [
       p.value || !c.value ? (u(), C(F, { key: 0 }, [
-        f(l(We), {
+        f(l(Le), {
           class: "wx-block-editor__ghost-head",
           title: "",
           rows: 1
         }),
-        B("div", Cn, [
+        B("div", Vn, [
           f(l(Be), null, {
             default: b(() => [
-              f(l(We), { rows: 8 })
+              f(l(Le), { rows: 8 })
             ]),
             _: 1
           }),
           f(l(Be), null, {
             default: b(() => [
-              f(l(We), { rows: 4 })
+              f(l(Le), { rows: 4 })
             ]),
             _: 1
           })
         ])
       ], 64)) : (u(), C(F, { key: 1 }, [
-        f(l(pl), {
+        f(l(fl), {
           title: y.title,
           back: e.base,
           "back-label": l(o)("page.back"),
-          actions: et.value
+          actions: tt.value
         }, {
           "title-after": b(() => [
-            w.value ? (u(), D(l(fl), {
+            w.value ? (u(), M(l(vl), {
               key: 0,
               name: y.title,
               placeholder: l(o)("page.title"),
               onRename: k[0] || (k[0] = (E) => y.title = E)
-            }, null, 8, ["name", "placeholder"])) : I("", !0),
-            J.value ? (u(), D(l(ue), {
+            }, null, 8, ["name", "placeholder"])) : N("", !0),
+            J.value ? (u(), M(l(ue), {
               key: 1,
               type: "primary",
               dot: ""
@@ -1410,8 +1420,8 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 z(S(l(o)("page.unsaved")), 1)
               ]),
               _: 1
-            })) : I("", !0),
-            c.value.draft ? (u(), D(l(ue), {
+            })) : N("", !0),
+            c.value.draft ? (u(), M(l(ue), {
               key: 2,
               type: "warning",
               dot: ""
@@ -1420,8 +1430,8 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 z(S(l(o)("page.draft", { number: c.value.draft.number })), 1)
               ]),
               _: 1
-            })) : I("", !0),
-            c.value.published ? (u(), D(l(ue), {
+            })) : N("", !0),
+            c.value.published ? (u(), M(l(ue), {
               key: 3,
               type: "success",
               dot: ""
@@ -1430,7 +1440,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 z(S(l(o)("page.live", { number: c.value.published.number })), 1)
               ]),
               _: 1
-            })) : (u(), D(l(ue), {
+            })) : (u(), M(l(ue), {
               key: 4,
               type: "default"
             }, {
@@ -1442,24 +1452,24 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
           ]),
           subtitle: b(() => [
             B("code", null, S(y.slug), 1),
-            z(" · " + S(l(Me)(y.group, l(o))) + " · ", 1),
-            c.value.usage_count > 0 ? (u(), D(l(gl), {
+            z(" · " + S(l(De)(y.group, l(o))) + " · ", 1),
+            c.value.usage_count > 0 ? (u(), M(l(yl), {
               key: 0,
               title: l(o)("page.usage"),
               width: 260,
               align: "start"
             }, {
               trigger: b(() => [
-                B("button", Vn, S(l(it)(c.value.usage_count, l(o))), 1)
+                B("button", Bn, S(l(rt)(c.value.usage_count, l(o))), 1)
               ]),
               default: b(() => [
-                B("div", Bn, [
-                  (u(!0), C(F, null, le(O.value, (E) => (u(), C("div", {
+                B("div", An, [
+                  (u(!0), C(F, null, le(U.value, (E) => (u(), C("div", {
                     key: `${E.model}:${E.id}`,
                     class: "wx-block-editor__use"
                   }, [
                     B("span", null, S(E.title ?? `#${E.id}`), 1),
-                    E.published ? I("", !0) : (u(), D(l(ue), {
+                    E.published ? N("", !0) : (u(), M(l(ue), {
                       key: 0,
                       type: "warning",
                       size: "sm"
@@ -1470,26 +1480,26 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                       _: 1
                     }))
                   ]))), 128)),
-                  d.value.length > O.value.length ? (u(), D(l(q), {
+                  d.value.length > U.value.length ? (u(), M(l(q), {
                     key: 0,
                     size: "sm",
                     tone: "muted"
                   }, {
                     default: b(() => [
-                      z(S(l(o)("page.usage-more", { count: d.value.length - O.value.length })), 1)
+                      z(S(l(o)("page.usage-more", { count: d.value.length - U.value.length })), 1)
                     ]),
                     _: 1
-                  })) : I("", !0)
+                  })) : N("", !0)
                 ])
               ]),
               _: 1
             }, 8, ["title"])) : (u(), C(F, { key: 1 }, [
-              z(S(l(it)(c.value.usage_count, l(o))), 1)
+              z(S(l(rt)(c.value.usage_count, l(o))), 1)
             ], 64))
           ]),
           _: 1
         }, 8, ["title", "back", "back-label", "actions"]),
-        T.value.editing ? I("", !0) : (u(), D(l(Lt), {
+        T.value.editing ? N("", !0) : (u(), M(l(zt), {
           key: 0,
           type: "info",
           variant: "soft",
@@ -1498,7 +1508,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
         B("div", {
           class: $e(["wx-block-editor__columns", { "is-alone": !$.value }])
         }, [
-          f(l(yl), {
+          f(l(kl), {
             modelValue: x.value,
             "onUpdate:modelValue": k[14] || (k[14] = (E) => x.value = E),
             "keep-alive": ""
@@ -1509,8 +1519,8 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 label: l(o)("page.tab-template")
               }, {
                 default: b(() => [
-                  B("div", An, [
-                    f(l(He), {
+                  B("div", Ln, [
+                    f(l(qe), {
                       ref_key: "templateEditor",
                       ref: G,
                       modelValue: _.template,
@@ -1537,15 +1547,15 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                         type: "button",
                         class: "wx-block-editor__pill",
                         disabled: !w.value,
-                        onClick: (tt) => _e(E),
+                        onClick: (lt) => we(E),
                         textContent: S(fe(E))
-                      }, null, 8, Ln))), 128))
-                    ])) : I("", !0),
-                    f(bt, {
+                      }, null, 8, zn))), 128))
+                    ])) : N("", !0),
+                    f(gt, {
                       file: "template",
                       lints: Se.value,
                       slug: y.slug,
-                      error: De.value
+                      error: Me.value
                     }, null, 8, ["lints", "slug", "error"])
                   ])
                 ]),
@@ -1556,8 +1566,8 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 label: l(o)("page.tab-styles")
               }, {
                 default: b(() => [
-                  B("div", zn, [
-                    f(l(He), {
+                  B("div", Dn, [
+                    f(l(qe), {
                       modelValue: _.styles,
                       "onUpdate:modelValue": k[2] || (k[2] = (E) => _.styles = E),
                       language: "css",
@@ -1566,7 +1576,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                       "min-height": "340px",
                       "max-height": "70vh"
                     }, null, 8, ["modelValue", "extensions", "readonly"]),
-                    f(bt, {
+                    f(gt, {
                       file: "styles",
                       lints: Se.value,
                       slug: y.slug
@@ -1581,7 +1591,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
               }, {
                 default: b(() => [
                   B("div", Mn, [
-                    f(l(He), {
+                    f(l(qe), {
                       "model-value": _.script ?? "",
                       language: "javascript",
                       readonly: !w.value,
@@ -1589,7 +1599,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                       "max-height": "70vh",
                       "onUpdate:modelValue": k[3] || (k[3] = (E) => _.script = E || null)
                     }, null, 8, ["model-value", "readonly"]),
-                    B("div", Dn, [
+                    B("div", Nn, [
                       f(l(q), {
                         size: "sm",
                         tone: "muted"
@@ -1615,7 +1625,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                     title: l(o)("page.examples")
                   }, {
                     default: b(() => [
-                      (u(!0), C(F, null, le(M.value, (E) => (u(), C("div", {
+                      (u(!0), C(F, null, le(D.value, (E) => (u(), C("div", {
                         key: E.title,
                         class: "wx-block-editor__example"
                       }, [
@@ -1644,8 +1654,8 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
               }, {
                 default: b(() => [
                   B("div", In, [
-                    B("div", Nn, [
-                      f(l(He), {
+                    B("div", Pn, [
+                      f(l(qe), {
                         "model-value": R.value,
                         language: "json",
                         extensions: ne.schema,
@@ -1655,8 +1665,8 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                         "max-height": "70vh",
                         "onUpdate:modelValue": Ce
                       }, null, 8, ["model-value", "extensions", "readonly"]),
-                      B("div", Pn, [
-                        K.value ? (u(), D(l(q), {
+                      B("div", On, [
+                        K.value ? (u(), M(l(q), {
                           key: 0,
                           size: "sm",
                           tone: "danger"
@@ -1665,7 +1675,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             z(S(K.value), 1)
                           ]),
                           _: 1
-                        })) : H("content.schema") ? (u(), D(l(q), {
+                        })) : H("content.schema") ? (u(), M(l(q), {
                           key: 1,
                           size: "sm",
                           tone: "danger"
@@ -1674,7 +1684,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             z(S(H("content.schema")), 1)
                           ]),
                           _: 1
-                        })) : (u(), D(l(q), {
+                        })) : (u(), M(l(q), {
                           key: 2,
                           size: "sm",
                           tone: "muted"
@@ -1684,7 +1694,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           ]),
                           _: 1
                         })),
-                        f(l(vl), {
+                        f(l(ml), {
                           title: l(o)("help.schema-title"),
                           body: l(o)("help.schema")
                         }, null, 8, ["title", "body"])
@@ -1695,17 +1705,17 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                       title: l(o)("page.sample")
                     }, {
                       default: b(() => [
-                        _.schema.length ? (u(), D(l(Pt), {
+                        _.schema.length ? (u(), M(l(Ot), {
                           key: 0,
-                          modelValue: ke.value,
-                          "onUpdate:modelValue": k[4] || (k[4] = (E) => ke.value = E),
-                          root: l(dt)(_.schema),
+                          modelValue: ye.value,
+                          "onUpdate:modelValue": k[4] || (k[4] = (E) => ye.value = E),
+                          root: l(pt)(_.schema),
                           types: l(t).types,
                           translate: l(t).i18n.t,
                           can: l(t).can,
                           disabled: !w.value,
                           size: "sm"
-                        }, null, 8, ["modelValue", "root", "types", "translate", "can", "disabled"])) : I("", !0)
+                        }, null, 8, ["modelValue", "root", "types", "translate", "can", "disabled"])) : N("", !0)
                       ]),
                       _: 1
                     }, 8, ["title"])
@@ -1728,7 +1738,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           disabled: !w.value
                         }, {
                           default: b(() => [
-                            f(l(Pe), {
+                            f(l(Oe), {
                               modelValue: y.slug,
                               "onUpdate:modelValue": k[5] || (k[5] = (E) => y.slug = E)
                             }, null, 8, ["modelValue"])
@@ -1742,7 +1752,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           disabled: !w.value
                         }, {
                           default: b(() => [
-                            f(l(zt), {
+                            f(l(Dt), {
                               modelValue: y.group,
                               "onUpdate:modelValue": k[6] || (k[6] = (E) => y.group = E),
                               options: pe.value
@@ -1758,7 +1768,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           disabled: !w.value
                         }, {
                           default: b(() => [
-                            f(l(kl), {
+                            f(l(wl), {
                               "model-value": y.description ?? "",
                               rows: 2,
                               "onUpdate:modelValue": k[7] || (k[7] = (E) => y.description = String(E ?? ""))
@@ -1772,7 +1782,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           disabled: !w.value
                         }, {
                           default: b(() => [
-                            f(l(wl), {
+                            f(l(_l), {
                               "model-value": y.icon,
                               clearable: "",
                               placeholder: l(o)("page.icon-search"),
@@ -1791,7 +1801,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           disabled: !w.value
                         }, {
                           default: b(() => [
-                            f(l(mt), {
+                            f(l(ht), {
                               modelValue: y.sort,
                               "onUpdate:modelValue": k[9] || (k[9] = (E) => y.sort = E)
                             }, null, 8, ["modelValue"])
@@ -1805,7 +1815,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           disabled: !w.value
                         }, {
                           default: b(() => [
-                            f(l(ht), {
+                            f(l(bt), {
                               modelValue: y.allow,
                               "onUpdate:modelValue": k[10] || (k[10] = (E) => y.allow = E),
                               "allow-create": ""
@@ -1820,7 +1830,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           disabled: !w.value
                         }, {
                           default: b(() => [
-                            f(l(ht), {
+                            f(l(bt), {
                               modelValue: y.allowed_in,
                               "onUpdate:modelValue": k[11] || (k[11] = (E) => y.allowed_in = E),
                               "allow-create": "",
@@ -1836,7 +1846,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           disabled: !w.value
                         }, {
                           default: b(() => [
-                            f(l(mt), {
+                            f(l(ht), {
                               "model-value": y.max_per_entity ?? void 0,
                               min: 1,
                               "onUpdate:modelValue": k[12] || (k[12] = (E) => y.max_per_entity = E ?? null)
@@ -1850,14 +1860,14 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           disabled: !w.value
                         }, {
                           default: b(() => [
-                            f(l(_l), {
+                            f(l(xl), {
                               modelValue: y.is_enabled,
                               "onUpdate:modelValue": k[13] || (k[13] = (E) => y.is_enabled = E)
                             }, null, 8, ["modelValue"])
                           ]),
                           _: 1
                         }, 8, ["label", "help", "disabled"]),
-                        w.value ? (u(), C("div", On, [
+                        w.value ? (u(), C("div", Rn, [
                           f(l(ce), {
                             type: "danger",
                             variant: "outline",
@@ -1869,7 +1879,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             ]),
                             _: 1
                           }, 8, ["disabled"]),
-                          c.value.usage_count > 0 ? (u(), D(l(q), {
+                          c.value.usage_count > 0 ? (u(), M(l(q), {
                             key: 0,
                             size: "sm",
                             tone: "muted"
@@ -1878,8 +1888,8 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                               z(S(c.value.usage_count === 1 ? l(o)("page.delete-used-one") : l(o)("page.delete-used", { count: c.value.usage_count })), 1)
                             ]),
                             _: 1
-                          })) : I("", !0)
-                        ])) : I("", !0)
+                          })) : N("", !0)
+                        ])) : N("", !0)
                       ])
                     ]),
                     _: 1
@@ -1911,7 +1921,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          ll(f(ql, {
+          nl(f(Kl, {
             class: "wx-block-editor__stage",
             html: A.html,
             styles: A.styles,
@@ -1920,10 +1930,10 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
             stage: A.stage,
             loading: A.loading
           }, null, 8, ["html", "styles", "script", "runtime", "stage", "loading"]), [
-            [nl, $.value]
+            [sl, $.value]
           ])
         ], 2),
-        w.value ? (u(), D(l(xl), { key: 1 }, {
+        w.value ? (u(), M(l($l), { key: 1 }, {
           default: b(() => [
             f(l(ce), {
               variant: "outline",
@@ -1948,14 +1958,14 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
             }, 8, ["loading", "disabled"])
           ]),
           _: 1
-        })) : I("", !0)
+        })) : N("", !0)
       ], 64))
     ]));
   }
-}), jn = /* @__PURE__ */ ie(Rn, [["__scopeId", "data-v-22e5f784"]]), Fn = ["srcdoc"], Hn = {
+}), Fn = /* @__PURE__ */ ie(jn, [["__scopeId", "data-v-22e5f784"]]), Hn = ["srcdoc"], qn = {
   key: 1,
   class: "wx-block-thumb__empty"
-}, qn = /* @__PURE__ */ ae({
+}, Kn = /* @__PURE__ */ ae({
   __name: "BlockThumb",
   props: {
     thumbnail: {},
@@ -1963,8 +1973,8 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
     height: { default: 120 }
   },
   setup(e) {
-    const n = e, t = N(null), s = Qe(t), a = V(() => s.value > 0 ? s.value / n.width : 0.2), i = V(
-      () => n.thumbnail ? Rt({ html: n.thumbnail.html, styles: n.thumbnail.styles }) : ""
+    const n = e, t = I(null), s = Xe(t), a = V(() => s.value > 0 ? s.value / n.width : 0.2), i = V(
+      () => n.thumbnail ? jt({ html: n.thumbnail.html, styles: n.thumbnail.styles }) : ""
     ), o = V(() => ({
       width: `${n.width}px`,
       height: `${Math.round(n.height / a.value)}px`,
@@ -1984,15 +1994,15 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
         sandbox: "allow-same-origin",
         tabindex: "-1",
         "aria-hidden": "true"
-      }, null, 12, Fn)) : (u(), C("div", Hn, [
-        f(l(be), { name: "grid" })
+      }, null, 12, Hn)) : (u(), C("div", qn, [
+        f(l(he), { name: "grid" })
       ]))
     ], 4));
   }
-}), el = /* @__PURE__ */ ie(qn, [["__scopeId", "data-v-615b818a"]]), Kn = { class: "wx-block-picker" }, Yn = {
+}), tl = /* @__PURE__ */ ie(Kn, [["__scopeId", "data-v-615b818a"]]), Yn = { class: "wx-block-picker" }, Jn = {
   key: 0,
   class: "wx-block-picker__group-title"
-}, Jn = { class: "wx-block-picker__cards" }, Gn = ["disabled", "title", "onClick"], Zn = { class: "wx-block-picker__body" }, Qn = { class: "wx-block-picker__title" }, Xn = /* @__PURE__ */ ae({
+}, Gn = { class: "wx-block-picker__cards" }, Zn = ["disabled", "title", "onClick"], Qn = { class: "wx-block-picker__body" }, Xn = { class: "wx-block-picker__title" }, es = /* @__PURE__ */ ae({
   __name: "BlockPicker",
   props: {
     catalog: {},
@@ -2004,8 +2014,8 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
   },
   setup(e) {
     const n = e, { resolve: t, dismiss: s, open: a } = Mt();
-    Fe();
-    const i = de("webx-blocks"), o = N("");
+    He();
+    const i = de("webx-blocks"), o = I("");
     function r(v) {
       if (n.parent === null)
         return v.allowed_in === null || v.allowed_in.includes("root");
@@ -2014,7 +2024,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
     }
     const m = V(
       () => n.catalog.filter((v) => v.is_enabled && v.published !== null && r(v)).map((v) => {
-        const g = Yl(n.tree, v.slug), x = v.max_per_entity !== null && g >= v.max_per_entity;
+        const g = Jl(n.tree, v.slug), x = v.max_per_entity !== null && g >= v.max_per_entity;
         return { type: v, reason: x ? i("field.limit-reached", { count: g }) : null };
       })
     ), c = V(() => {
@@ -2028,7 +2038,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
         v.includes(T.group) || v.push(T.group);
       const g = v.map((T) => ({
         id: T,
-        label: Me(T, i),
+        label: De(T, i),
         options: c.value.filter((w) => w.type.group === T)
       })).filter((T) => T.options.length > 0);
       return c.value.length <= 5 || o.value.trim() !== "" || g.length < 2 ? [{ id: "", label: "", options: c.value }] : g;
@@ -2043,10 +2053,10 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       return i("field.pick-empty");
     });
     return (v, g) => {
-      const x = Ct("router-link");
-      return u(), D(l(Dt), {
+      const x = Vt("router-link");
+      return u(), M(l(Nt), {
         open: l(a),
-        "onUpdate:open": g[2] || (g[2] = (T) => Vt(a) ? a.value = T : null),
+        "onUpdate:open": g[2] || (g[2] = (T) => Bt(a) ? a.value = T : null),
         title: l(i)("field.pick"),
         width: 860
       }, {
@@ -2062,23 +2072,23 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
           })
         ]),
         default: b(() => [
-          B("div", Kn, [
-            m.value.length > 0 ? (u(), D(l(Pe), {
+          B("div", Yn, [
+            m.value.length > 0 ? (u(), M(l(Oe), {
               key: 0,
               modelValue: o.value,
               "onUpdate:modelValue": g[0] || (g[0] = (T) => o.value = T),
               placeholder: l(i)("field.search"),
               clearable: "",
               autofocus: ""
-            }, null, 8, ["modelValue", "placeholder"])) : I("", !0),
-            c.value.length === 0 ? (u(), D(l(It), {
+            }, null, 8, ["modelValue", "placeholder"])) : N("", !0),
+            c.value.length === 0 ? (u(), M(l(It), {
               key: 1,
               icon: "grid",
               title: p.value,
               size: "sm"
             }, {
               default: b(() => [
-                e.catalog.length === 0 && e.blocksPath ? (u(), D(x, {
+                e.catalog.length === 0 && e.blocksPath ? (u(), M(x, {
                   key: 0,
                   to: e.blocksPath
                 }, {
@@ -2086,16 +2096,16 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                     z(S(l(i)("field.pick-none-link")), 1)
                   ]),
                   _: 1
-                }, 8, ["to"])) : I("", !0)
+                }, 8, ["to"])) : N("", !0)
               ]),
               _: 1
-            }, 8, ["title"])) : I("", !0),
+            }, 8, ["title"])) : N("", !0),
             (u(!0), C(F, null, le(d.value, (T) => (u(), C("section", {
               key: T.id,
               class: "wx-block-picker__group"
             }, [
-              T.label ? (u(), C("div", Yn, S(T.label), 1)) : I("", !0),
-              B("div", Jn, [
+              T.label ? (u(), C("div", Jn, S(T.label), 1)) : N("", !0),
+              B("div", Gn, [
                 (u(!0), C(F, null, le(T.options, (w) => (u(), C("button", {
                   key: w.type.id,
                   type: "button",
@@ -2104,13 +2114,13 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                   title: w.reason ?? void 0,
                   onClick: (y) => l(t)(w.type)
                 }, [
-                  f(el, {
+                  f(tl, {
                     thumbnail: w.type.thumbnail,
                     height: 96
                   }, null, 8, ["thumbnail"]),
-                  B("div", Zn, [
-                    B("div", Qn, S(w.type.title), 1),
-                    w.reason ? (u(), D(l(q), {
+                  B("div", Qn, [
+                    B("div", Xn, S(w.type.title), 1),
+                    w.reason ? (u(), M(l(q), {
                       key: 0,
                       size: "sm",
                       tone: "warning"
@@ -2119,7 +2129,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                         z(S(w.reason), 1)
                       ]),
                       _: 2
-                    }, 1024)) : w.type.description ? (u(), D(l(q), {
+                    }, 1024)) : w.type.description ? (u(), M(l(q), {
                       key: 1,
                       size: "sm",
                       tone: "muted"
@@ -2128,9 +2138,9 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                         z(S(w.type.description), 1)
                       ]),
                       _: 2
-                    }, 1024)) : I("", !0)
+                    }, 1024)) : N("", !0)
                   ])
-                ], 10, Gn))), 128))
+                ], 10, Zn))), 128))
               ])
             ]))), 128))
           ])
@@ -2139,7 +2149,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       }, 8, ["open", "title"]);
     };
   }
-}), es = /* @__PURE__ */ ie(Xn, [["__scopeId", "data-v-99f4090e"]]), ts = { class: "wx-blocks-preview__tools" }, ls = ["src", "title"], ns = /* @__PURE__ */ ae({
+}), ts = /* @__PURE__ */ ie(es, [["__scopeId", "data-v-99f4090e"]]), ls = { class: "wx-blocks-preview__tools" }, ns = ["src", "title"], ss = /* @__PURE__ */ ae({
   __name: "BlocksPreview",
   props: {
     url: {},
@@ -2149,7 +2159,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
   },
   emits: ["select", "edit"],
   setup(e, { expose: n, emit: t }) {
-    const s = e, a = t, i = de("webx-blocks"), o = N(null), r = N(null), m = N(null), c = Qe(m), d = N(!1), p = N(!1), v = N(null), g = N(0), x = V(() => g.value > 0), T = V(() => [
+    const s = e, a = t, i = de("webx-blocks"), o = I(null), r = I(null), m = I(null), c = Xe(m), d = I(!1), p = I(!1), v = I(null), g = I(0), x = V(() => g.value > 0), T = V(() => [
       { value: 1280, icon: "monitor", ariaLabel: i("field.width-desktop") },
       { value: 834, icon: "tablet", ariaLabel: i("field.width-tablet") },
       { value: 390, icon: "smartphone", ariaLabel: i("field.width-phone") }
@@ -2176,89 +2186,89 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       }
     }
     let X = null, h = null;
-    function A(L) {
-      L.documentElement.scrollTop !== 0 && (L.documentElement.scrollTop = 0);
+    function A(W) {
+      W.documentElement.scrollTop !== 0 && (W.documentElement.scrollTop = 0);
     }
     function P() {
-      const L = Y(), U = L?.body;
-      if (!U || !L?.defaultView) return;
-      A(L);
-      const j = L.defaultView.getComputedStyle(U), G = (parseFloat(j.marginTop) || 0) + (parseFloat(j.marginBottom) || 0), fe = Math.ceil(U.scrollHeight + G);
-      fe !== g.value && (g.value = fe, ne !== null && sl(() => requestAnimationFrame(Q)));
+      const W = Y(), O = W?.body;
+      if (!O || !W?.defaultView) return;
+      A(W);
+      const j = W.defaultView.getComputedStyle(O), G = (parseFloat(j.marginTop) || 0) + (parseFloat(j.marginBottom) || 0), fe = Math.ceil(O.scrollHeight + G);
+      fe !== g.value && (g.value = fe, ne !== null && ol(() => requestAnimationFrame(Q)));
     }
-    function J(L) {
+    function J(W) {
       h?.disconnect();
-      const U = L.defaultView;
-      !U || !L.body || (h = new U.ResizeObserver(P), h.observe(L.body), P());
+      const O = W.defaultView;
+      !O || !W.body || (h = new O.ResizeObserver(P), h.observe(W.body), P());
     }
     function Se() {
       p.value = !0;
-      const L = Y();
-      L && (J(L), X?.release(), X = Nl(L, {
+      const W = Y();
+      W && (J(W), X?.release(), X = Pl(W, {
         /* No guard against answering a click with a scroll: `bring` moves nothing that is already
            readable, and a block clicked at the very bottom of the window, half under the action
            bar, is exactly the one worth moving. */
-        select: (U) => a("select", U)
-      }), nt(L, s.selected ?? null), ke(s.selected ?? null));
+        select: (O) => a("select", O)
+      }), st(W, s.selected ?? null), ye(s.selected ?? null));
     }
     let ne = null, pe = null;
-    function ke(L) {
-      L !== null && (ne = L, pe !== null && clearTimeout(pe), pe = window.setTimeout(() => {
+    function ye(W) {
+      W !== null && (ne = W, pe !== null && clearTimeout(pe), pe = window.setTimeout(() => {
         ne = null, pe = null;
       }, 400), Q());
     }
-    function Ee(L) {
-      const U = o.value?.getBoundingClientRect();
-      if (!U) return null;
-      const j = L.getBoundingClientRect();
-      return { top: U.top + j.top * y.value, height: j.height * y.value };
+    function Ee(W) {
+      const O = o.value?.getBoundingClientRect();
+      if (!O) return null;
+      const j = W.getBoundingClientRect();
+      return { top: O.top + j.top * y.value, height: j.height * y.value };
     }
     function Te() {
-      let L = o.value?.parentElement ?? null;
-      for (; L; ) {
-        const U = getComputedStyle(L).overflowY;
-        if ((U === "auto" || U === "scroll") && L.scrollHeight > L.clientHeight)
-          return L;
-        L = L.parentElement;
+      let W = o.value?.parentElement ?? null;
+      for (; W; ) {
+        const O = getComputedStyle(W).overflowY;
+        if ((O === "auto" || O === "scroll") && W.scrollHeight > W.clientHeight)
+          return W;
+        W = W.parentElement;
       }
       return null;
     }
     function Q() {
-      const L = Y();
-      if (ne === null || !L) return;
-      A(L);
-      const U = ut(L, ne), j = U ? Ee(U) : null;
+      const W = Y();
+      if (ne === null || !W) return;
+      A(W);
+      const O = ct(W, ne), j = O ? Ee(O) : null;
       if (!j) return;
-      const G = Te(), fe = G?.getBoundingClientRect(), _e = r.value?.getBoundingClientRect().height ?? 0, se = {
-        top: (fe?.top ?? 0) + _e,
-        bottom: (fe ? fe.bottom : window.innerHeight) - _e
-      }, ve = j.top + j.height, Ve = j.top < se.top, De = j.height > se.bottom - se.top, $ = Ve || De ? j.top - se.top : ve > se.bottom ? ve - se.bottom : 0;
+      const G = Te(), fe = G?.getBoundingClientRect(), we = r.value?.getBoundingClientRect().height ?? 0, se = {
+        top: (fe?.top ?? 0) + we,
+        bottom: (fe ? fe.bottom : window.innerHeight) - we
+      }, ve = j.top + j.height, Ve = j.top < se.top, Me = j.height > se.bottom - se.top, $ = Ve || Me ? j.top - se.top : ve > se.bottom ? ve - se.bottom : 0;
       $ !== 0 && (G ?? window).scrollBy({ top: $, behavior: "smooth" });
     }
-    function we(L, U) {
+    function ke(W, O) {
       const j = Y();
       if (!j || !p.value) return !1;
-      const G = Ot(j, L, U);
-      return G && nt(j, s.selected ?? null), G;
+      const G = Rt(j, W, O);
+      return G && st(j, s.selected ?? null), G;
     }
     function Ce() {
       p.value = !1, h?.disconnect(), h = null, o.value && s.url && (o.value.src = s.url);
     }
-    function ye(L) {
-      L.key === "Escape" && d.value && (d.value = !1, L.stopPropagation());
+    function ge(W) {
+      W.key === "Escape" && d.value && (d.value = !1, W.stopPropagation());
     }
     return te(
       () => s.selected,
-      (L) => {
-        const U = Y();
-        !U || !p.value || (nt(U, L ?? null), ke(L ?? null));
+      (W) => {
+        const O = Y();
+        !O || !p.value || (st(O, W ?? null), ye(W ?? null));
       }
     ), te(() => s.reload, Ce), te(
       () => s.url,
       () => p.value = !1
-    ), Ue(() => window.addEventListener("keydown", ye)), Ze(() => {
-      window.removeEventListener("keydown", ye), pe !== null && clearTimeout(pe), h?.disconnect(), X?.release();
-    }), n({ replace: we, refresh: Ce, open: () => d.value = !0 }), (L, U) => (u(), C("div", {
+    ), Ue(() => window.addEventListener("keydown", ge)), Qe(() => {
+      window.removeEventListener("keydown", ge), pe !== null && clearTimeout(pe), h?.disconnect(), X?.release();
+    }), n({ replace: ke, refresh: Ce, open: () => d.value = !0 }), (W, O) => (u(), C("div", {
       class: $e(["wx-blocks-preview", { "is-fullscreen": d.value, "is-grown": x.value, "is-compact": e.compact }]),
       style: xe({ "--wx-preview-scale": y.value })
     }, [
@@ -2284,18 +2294,18 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
           options: T.value,
           size: "sm",
           "aria-label": l(i)("field.width"),
-          "onUpdate:modelValue": U[0] || (U[0] = (j) => v.value = Number(j))
+          "onUpdate:modelValue": O[0] || (O[0] = (j) => v.value = Number(j))
         }, null, 8, ["model-value", "options", "aria-label"]),
-        B("div", ts, [
-          e.compact ? (u(), D(l(Ie), {
+        B("div", ls, [
+          e.compact ? (u(), M(l(Ne), {
             key: 0,
             size: "sm",
             tone: "primary",
             icon: "edit",
             title: l(i)("field.blocks"),
-            onClick: U[1] || (U[1] = (j) => a("edit"))
-          }, null, 8, ["title"])) : I("", !0),
-          e.url ? (u(), D(l(Ie), {
+            onClick: O[1] || (O[1] = (j) => a("edit"))
+          }, null, 8, ["title"])) : N("", !0),
+          e.url ? (u(), M(l(Ne), {
             key: 1,
             size: "sm",
             icon: "external-link",
@@ -2304,13 +2314,13 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
             href: e.url,
             target: "_blank",
             rel: "noopener"
-          }, null, 8, ["title", "href"])) : I("", !0),
-          f(l(Ie), {
+          }, null, 8, ["title", "href"])) : N("", !0),
+          f(l(Ne), {
             size: "sm",
             icon: d.value ? "minimize" : "maximize",
             tone: "neutral",
             title: d.value ? l(i)("field.close") : l(i)("field.fullscreen"),
-            onClick: U[2] || (U[2] = (j) => d.value = !d.value)
+            onClick: O[2] || (O[2] = (j) => d.value = !d.value)
           }, null, 8, ["icon", "title"])
         ])
       ], 512),
@@ -2332,15 +2342,15 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
             style: xe(_.value),
             title: l(i)("field.preview"),
             onLoad: Se
-          }, null, 44, ls)) : I("", !0)
+          }, null, 44, ns)) : N("", !0)
         ], 4)
       ], 512)
     ], 6));
   }
-}), ss = /* @__PURE__ */ ie(ns, [["__scopeId", "data-v-398e4cef"]]), os = { class: "wx-blocks-tree__node" }, as = ["onClick", "onKeydown"], is = { class: "wx-blocks-tree__name" }, rs = ["title"], us = ["title"], cs = ["title"], ds = ["title"], ps = {
+}), os = /* @__PURE__ */ ie(ss, [["__scopeId", "data-v-398e4cef"]]), as = { class: "wx-blocks-tree__node" }, is = ["onClick", "onKeydown"], rs = { class: "wx-blocks-tree__name" }, us = ["title"], cs = ["title"], ds = ["title"], ps = ["title"], fs = {
   key: 4,
   class: "wx-blocks-tree__actions"
-}, fs = ["onClick"], vs = /* @__PURE__ */ ae({
+}, vs = ["onClick"], ms = /* @__PURE__ */ ae({
   __name: "BlocksTree",
   props: {
     nodes: {},
@@ -2362,7 +2372,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
     }
     function r(d) {
       const p = i(d);
-      return p?.content ? Ht(p.content.schema) : [];
+      return p?.content ? qt(p.content.schema) : [];
     }
     function m(d, p) {
       const v = d.values[p.id];
@@ -2392,8 +2402,8 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       ];
     }
     return (d, p) => {
-      const v = Ct("blocks-tree", !0);
-      return u(), D(l($l), {
+      const v = Vt("blocks-tree", !0);
+      return u(), M(l(Sl), {
         "model-value": e.nodes,
         "item-key": "key",
         "item-label": (g) => o(g),
@@ -2405,51 +2415,51 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
         "onUpdate:modelValue": p[6] || (p[6] = (g) => s("reorder", e.parentKey, e.field, g))
       }, {
         default: b(({ item: g }) => [
-          B("div", os, [
+          B("div", as, [
             B("div", {
               class: $e(["wx-blocks-tree__row", { "is-selected": e.selected === g.key, "is-hidden": g.hidden === !0 }]),
               role: "button",
               tabindex: "0",
               onClick: (x) => s("select", g.key),
               onKeydown: [
-                ft(vt((x) => s("select", g.key), ["prevent"]), ["enter"]),
-                ft(vt((x) => s("select", g.key), ["prevent"]), ["space"])
+                vt(mt((x) => s("select", g.key), ["prevent"]), ["enter"]),
+                vt(mt((x) => s("select", g.key), ["prevent"]), ["space"])
               ]
             }, [
-              B("span", is, S(o(g)), 1),
+              B("span", rs, S(o(g)), 1),
               i(g) ? i(g)?.draft ? (u(), C("span", {
                 key: 1,
                 class: "wx-blocks-tree__flag is-warning",
                 title: l(a)("field.draft-type")
               }, [
-                f(l(be), { name: "warning" })
-              ], 8, us)) : i(g)?.is_enabled === !1 ? (u(), C("span", {
+                f(l(he), { name: "warning" })
+              ], 8, cs)) : i(g)?.is_enabled === !1 ? (u(), C("span", {
                 key: 2,
                 class: "wx-blocks-tree__flag",
                 title: l(a)("field.disabled-type")
               }, [
-                f(l(be), { name: "lock" })
-              ], 8, cs)) : I("", !0) : (u(), C("span", {
+                f(l(he), { name: "lock" })
+              ], 8, ds)) : N("", !0) : (u(), C("span", {
                 key: 0,
                 class: "wx-blocks-tree__flag is-danger",
                 title: l(a)("field.unknown-type", { type: g.type })
               }, [
-                f(l(be), { name: "close-circle" })
-              ], 8, rs)),
+                f(l(he), { name: "close-circle" })
+              ], 8, us)),
               g.hidden === !0 ? (u(), C("span", {
                 key: 3,
                 class: "wx-blocks-tree__flag",
                 title: l(a)("field.hidden-note")
               }, [
-                f(l(be), { name: "eye-off" })
-              ], 8, ds)) : I("", !0),
-              e.disabled ? I("", !0) : (u(), C("span", ps, [
-                f(l(ml), {
+                f(l(he), { name: "eye-off" })
+              ], 8, ps)) : N("", !0),
+              e.disabled ? N("", !0) : (u(), C("span", fs, [
+                f(l(hl), {
                   actions: c(g),
                   label: o(g)
                 }, null, 8, ["actions", "label"])
               ]))
-            ], 42, as),
+            ], 42, is),
             (u(!0), C(F, null, le(r(g), (x) => (u(), C("div", {
               key: x.id,
               class: "wx-blocks-tree__kids"
@@ -2469,7 +2479,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 onVisibility: p[4] || (p[4] = (T, w) => s("visibility", T, w)),
                 onReorder: p[5] || (p[5] = (T, w, y) => s("reorder", T, w, y))
               }, null, 8, ["nodes", "catalog", "parent-key", "field", "selected", "disabled", "depth"]),
-              e.disabled ? I("", !0) : (u(), C("button", {
+              e.disabled ? N("", !0) : (u(), C("button", {
                 key: 0,
                 type: "button",
                 class: "wx-blocks-tree__add is-inner",
@@ -2478,8 +2488,8 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 z(" + " + S(l(a)("field.add-inside")), 1),
                 r(g).length > 1 ? (u(), C(F, { key: 0 }, [
                   z(" · " + S(x.label ?? x.id), 1)
-                ], 64)) : I("", !0)
-              ], 8, fs))
+                ], 64)) : N("", !0)
+              ], 8, vs))
             ]))), 128))
           ])
         ]),
@@ -2487,33 +2497,33 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       }, 8, ["model-value", "item-label", "disabled", "empty-text", "class"]);
     };
   }
-}), ms = /* @__PURE__ */ ie(vs, [["__scopeId", "data-v-590fa1d6"]]), pt = /* @__PURE__ */ Symbol("wx-blocks-preview");
-function lo(e) {
-  Bt(pt, e);
+}), hs = /* @__PURE__ */ ie(ms, [["__scopeId", "data-v-590fa1d6"]]), ft = /* @__PURE__ */ Symbol("wx-blocks-preview");
+function no(e) {
+  At(ft, e);
 }
-function no() {
-  return Ke(pt, null);
+function so() {
+  return Ye(ft, null);
 }
-const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
+const Ct = /* @__PURE__ */ Symbol("wx-blocks-root"), bs = {
   key: 0,
   class: "wx-blocks-nested"
-}, bs = {
+}, gs = {
   key: 0,
   class: "wx-blocks__tree"
-}, gs = { class: "wx-blocks__panel-head" }, ys = { class: "wx-blocks__panel-title" }, ks = { class: "wx-blocks__tools" }, ws = {
+}, ys = { class: "wx-blocks__panel-head" }, ks = { class: "wx-blocks__panel-title" }, ws = { class: "wx-blocks__tools" }, _s = {
   key: 1,
   class: "wx-blocks__fields"
-}, _s = { class: "wx-blocks__panel-head" }, xs = { class: "wx-blocks__panel-title" }, $s = {
+}, xs = { class: "wx-blocks__panel-head" }, $s = { class: "wx-blocks__panel-title" }, Ss = {
   key: 0,
   class: "wx-blocks__trail"
-}, Ss = ["onClick"], Es = { class: "wx-blocks__panel-name" }, Ts = { class: "wx-blocks__panel-extra" }, Cs = { key: 0 }, Vs = { class: "wx-blocks__form" }, Bs = {
+}, Es = ["onClick"], Ts = { class: "wx-blocks__panel-name" }, Cs = { class: "wx-blocks__panel-extra" }, Vs = { key: 0 }, Bs = { class: "wx-blocks__form" }, As = {
   key: 0,
   class: "wx-blocks__preview"
-}, As = /* @__PURE__ */ ae({
+}, Ls = /* @__PURE__ */ ae({
   name: "WxBlocks",
   inheritAttrs: !1,
   __name: "BlocksField",
-  props: /* @__PURE__ */ ul({
+  props: /* @__PURE__ */ cl({
     node: { default: void 0 },
     context: { default: void 0 },
     name: { default: void 0 },
@@ -2529,19 +2539,19 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, t = ol(e, "modelValue"), s = Ke(Tt, !1);
-    Bt(Tt, !0), Fe();
-    const a = de("webx-blocks"), i = Re(), o = Ke(hl, null);
+    const n = e, t = al(e, "modelValue"), s = Ye(Ct, !1);
+    At(Ct, !0), He();
+    const a = de("webx-blocks"), i = je(), o = Ye(bl, null);
     let r = null;
-    const m = N([]), c = V(() => n.catalog ?? m.value), d = V(() => Array.isArray(t.value) ? t.value : []), p = N(null), v = V(() => p.value ? re(d.value, p.value) : null), g = V(
+    const m = I([]), c = V(() => n.catalog ?? m.value), d = V(() => Array.isArray(t.value) ? t.value : []), p = I(null), v = V(() => p.value ? re(d.value, p.value) : null), g = V(
       () => v.value ? c.value.find(($) => $.slug === v.value?.node.type) ?? null : null
     );
     function x($) {
-      return c.value.find((M) => M.slug === $.type)?.title ?? $.type;
+      return c.value.find((D) => D.slug === $.type)?.title ?? $.type;
     }
     const T = V(() => {
       const $ = [];
-      return je(d.value, (M) => $.push(M.key)), $;
+      return Fe(d.value, (D) => $.push(D.key)), $;
     }), w = V(() => {
       const $ = p.value ? T.value.indexOf(p.value) : -1;
       return {
@@ -2550,14 +2560,14 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
       };
     }), y = V(() => {
       const $ = [];
-      let M = v.value?.parent ?? null;
-      for (; M; )
-        $.unshift({ key: M.key, title: x(M) }), M = re(d.value, M.key)?.parent ?? null;
+      let D = v.value?.parent ?? null;
+      for (; D; )
+        $.unshift({ key: D.key, title: x(D) }), D = re(d.value, D.key)?.parent ?? null;
       return $;
-    }), _ = Ke(pt, null), R = N(null), K = N(null), Y = Qe(K), X = V(() => _ !== null && _.url.value !== null), h = V(() => X.value && Y.value > 0 && Y.value <= 900), A = N(!1), P = V(() => {
+    }), _ = Ye(ft, null), R = I(null), K = I(null), Y = Xe(K), X = V(() => _ !== null && _.url.value !== null), h = V(() => X.value && Y.value > 0 && Y.value <= 900), A = I(!1), P = V(() => {
       if (!v.value) return;
       const $ = g.value?.title ?? v.value.node.type;
-      return [...y.value.map((M) => M.title), $].join(" / ");
+      return [...y.value.map((D) => D.title), $].join(" / ");
     }), J = V(
       () => h.value ? {
         /* Up from the bottom, and not all the way: the strip of page left above it is what
@@ -2582,58 +2592,58 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
       } : {}
     ), Se = V(
       () => o?.state.manifest?.modules.find(($) => $.id === "blocks")?.meta?.groups ?? []
-    ), ne = al()?.type, pe = V(() => n.context?.types ? n.context.types : o?.types ? { ...Ye, ...o.types } : ne ? { ...Ye, "wx-blocks": { component: ne, kind: "field", nested: !0 } } : Ye), ke = V(
+    ), ne = il()?.type, pe = V(() => n.context?.types ? n.context.types : o?.types ? { ...Je, ...o.types } : ne ? { ...Je, "wx-blocks": { component: ne, kind: "field", nested: !0 } } : Je), ye = V(
       () => n.context?.translate ?? o?.i18n.t ?? (($) => $)
-    ), Ee = V(() => n.context?.can ?? o?.can ?? (() => !0)), Te = Nt(es);
+    ), Ee = V(() => n.context?.can ?? o?.can ?? (() => !0)), Te = Pt(ts);
     function Q($) {
       t.value = $;
     }
-    async function we($, M, O) {
-      const H = $ ? re(d.value, $) : null, ee = H ? c.value.find((tl) => tl.slug === H.node.type) ?? null : null, et = $ === null ? n.allow : O?.props?.allow ?? null, W = $ === null ? n.max : O?.props?.max ?? null, k = $ === null ? d.value : H && M ? H.node.values[M] ?? [] : [];
-      if (W != null && k.length >= W) return;
+    async function ke($, D, U) {
+      const H = $ ? re(d.value, $) : null, ee = H ? c.value.find((ll) => ll.slug === H.node.type) ?? null : null, tt = $ === null ? n.allow : U?.props?.allow ?? null, L = $ === null ? n.max : U?.props?.max ?? null, k = $ === null ? d.value : H && D ? H.node.values[D] ?? [] : [];
+      if (L != null && k.length >= L) return;
       const E = await Te({
         catalog: c.value,
         parent: ee,
-        allow: et,
+        allow: tt,
         tree: d.value,
         groups: Se.value,
         blocksPath: n.blocksPath
       });
       if (!E) return;
-      const tt = Kl(E.slug, Ce(E));
-      Q(xt(d.value, $, M, k.length, tt)), p.value = tt.key;
+      const lt = Yl(E.slug, Ce(E));
+      Q($t(d.value, $, D, k.length, lt)), p.value = lt.key;
     }
     function Ce($) {
-      const M = $.content?.sample ?? {}, O = {};
-      for (const [H, ee] of Object.entries(M))
-        (!Array.isArray(ee) || ee.length === 0 || typeof ee[0] != "object") && (O[H] = ee);
-      return O;
-    }
-    async function ye($) {
-      const M = re(d.value, $);
-      if (!M) return;
-      const O = Jl(M.node);
-      await Ge({
+      const D = $.content?.sample ?? {}, U = {};
+      for (const [H, ee] of Object.entries(D))
+        (!Array.isArray(ee) || ee.length === 0 || typeof ee[0] != "object") && (U[H] = ee);
+      return U;
+    }
+    async function ge($) {
+      const D = re(d.value, $);
+      if (!D) return;
+      const U = Gl(D.node);
+      await Ze({
         title: a("field.remove-title", {
-          title: c.value.find((ee) => ee.slug === M.node.type)?.title ?? M.node.type
+          title: c.value.find((ee) => ee.slug === D.node.type)?.title ?? D.node.type
         }),
-        message: O > 0 ? a("field.remove-text", { count: O }) : a("field.remove-alone"),
+        message: U > 0 ? a("field.remove-text", { count: U }) : a("field.remove-alone"),
         confirmText: a("field.remove"),
         cancelText: a("page.cancel"),
         tone: "danger"
-      }) && (p.value === $ && (p.value = null), Q(Ql(d.value, $)));
+      }) && (p.value === $ && (p.value = null), Q(Xl(d.value, $)));
     }
-    function L($) {
-      const M = re(d.value, $);
-      if (!M) return;
-      const O = qt(M.node);
-      Q(xt(d.value, M.parent?.key ?? null, M.field, M.index + 1, O)), p.value = O.key;
+    function W($) {
+      const D = re(d.value, $);
+      if (!D) return;
+      const U = Kt(D.node);
+      Q($t(d.value, D.parent?.key ?? null, D.field, D.index + 1, U)), p.value = U.key;
     }
-    function U($, M) {
-      Q(Gl(d.value, $, M));
+    function O($, D) {
+      Q(Zl(d.value, $, D));
     }
-    function j($, M, O) {
-      Q(en(d.value, $, M, O));
+    function j($, D, U) {
+      Q(tn(d.value, $, D, U));
     }
     function G($) {
       p.value = p.value === $ ? null : $;
@@ -2641,21 +2651,21 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
     function fe($) {
       $ === null || !re(d.value, $) || (p.value = $, h.value && (A.value = !0));
     }
-    function _e() {
+    function we() {
       p.value = null;
     }
     function se($) {
-      p.value && Q(Xl(d.value, p.value, $));
+      p.value && Q(en(d.value, p.value, $));
     }
     let ve;
     te(
       () => v.value?.node.values,
-      ($, M) => {
-        if (!$ || !M || !g.value || !r || !_) return;
-        const O = p.value, H = g.value.id;
+      ($, D) => {
+        if (!$ || !D || !g.value || !r || !_) return;
+        const U = p.value, H = g.value.id;
         clearTimeout(ve), ve = setTimeout(() => {
-          !O || !r || r.render(H, { values: $, key: O }).then((ee) => {
-            R.value?.replace(O, ee.html) || R.value?.refresh();
+          !U || !r || r.render(H, { values: $, key: U }).then((ee) => {
+            R.value?.replace(U, ee.html) || R.value?.refresh();
           }).catch(() => {
           });
         }, 300);
@@ -2663,7 +2673,7 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
       { deep: !0 }
     );
     function Ve($) {
-      $.key === "Escape" && p.value && _e();
+      $.key === "Escape" && p.value && we();
     }
     Ue(async () => {
       if (window.addEventListener("keydown", Ve), n.catalog === null && o) {
@@ -2674,13 +2684,13 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
           Z.danger(i($));
         }
       } else o && (r = ze(o));
-    }), Ze(() => {
+    }), Qe(() => {
       clearTimeout(ve), window.removeEventListener("keydown", Ve);
     });
-    const De = V(
-      () => g.value?.content ? dt(g.value.content.schema) : []
+    const Me = V(
+      () => g.value?.content ? pt(g.value.content.schema) : []
     );
-    return ($, M) => l(s) ? (u(), C("div", hs, [
+    return ($, D) => l(s) ? (u(), C("div", bs, [
       f(l(q), {
         size: "sm",
         tone: "muted"
@@ -2702,11 +2712,11 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
           "has-preview": l(_) !== null && l(_).url.value !== null
         }])
       }, [
-        (u(), D(il(h.value ? l(Sl) : "div"), rl(J.value, { class: "wx-blocks__side" }), {
+        (u(), M(rl(h.value ? l(El) : "div"), ul(J.value, { class: "wx-blocks__side" }), {
           default: b(() => [
-            v.value ? I("", !0) : (u(), C("div", bs, [
-              B("div", gs, [
-                B("span", ys, S(l(a)("field.blocks")), 1),
+            v.value ? N("", !0) : (u(), C("div", gs, [
+              B("div", ys, [
+                B("span", ks, S(l(a)("field.blocks")), 1),
                 f(l(q), {
                   size: "sm",
                   tone: "muted"
@@ -2717,93 +2727,93 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
                   _: 1
                 })
               ]),
-              f(ms, {
+              f(hs, {
                 nodes: d.value,
                 catalog: c.value,
                 selected: p.value,
                 disabled: e.disabled,
                 onSelect: G,
-                onAdd: we,
-                onRemove: ye,
-                onDuplicate: L,
-                onVisibility: U,
+                onAdd: ke,
+                onRemove: ge,
+                onDuplicate: W,
+                onVisibility: O,
                 onReorder: j
               }, null, 8, ["nodes", "catalog", "selected", "disabled"]),
-              B("div", ks, [
-                !e.disabled && (e.max === null || d.value.length < e.max) ? (u(), D(l(ce), {
+              B("div", ws, [
+                !e.disabled && (e.max === null || d.value.length < e.max) ? (u(), M(l(ce), {
                   key: 0,
                   variant: "outline",
                   icon: "plus",
                   class: "wx-blocks__add",
-                  onClick: M[0] || (M[0] = (O) => we(null, null, null))
+                  onClick: D[0] || (D[0] = (U) => ke(null, null, null))
                 }, {
                   default: b(() => [
                     z(S(l(a)("field.add")), 1)
                   ]),
                   _: 1
-                })) : I("", !0),
-                !h.value && l(_) && l(_).url.value ? (u(), D(l(ce), {
+                })) : N("", !0),
+                !h.value && l(_) && l(_).url.value ? (u(), M(l(ce), {
                   key: 1,
                   variant: "outline",
                   icon: "eye",
                   class: "wx-blocks__preview-button",
-                  onClick: M[1] || (M[1] = (O) => R.value?.open())
+                  onClick: D[1] || (D[1] = (U) => R.value?.open())
                 }, {
                   default: b(() => [
                     z(S(l(a)("field.preview")), 1)
                   ]),
                   _: 1
-                })) : I("", !0)
+                })) : N("", !0)
               ])
             ])),
-            v.value ? (u(), C("div", ws, [
-              B("div", _s, [
-                B("span", xs, [
-                  y.value.length ? (u(), C("span", $s, [
-                    (u(!0), C(F, null, le(y.value, (O) => (u(), C(F, {
-                      key: O.key
+            v.value ? (u(), C("div", _s, [
+              B("div", xs, [
+                B("span", $s, [
+                  y.value.length ? (u(), C("span", Ss, [
+                    (u(!0), C(F, null, le(y.value, (U) => (u(), C(F, {
+                      key: U.key
                     }, [
                       B("button", {
                         type: "button",
                         class: "wx-blocks__trail-step",
-                        onClick: (H) => G(O.key)
-                      }, S(O.title), 9, Ss),
-                      f(l(be), { name: "chevron-right" })
+                        onClick: (H) => G(U.key)
+                      }, S(U.title), 9, Es),
+                      f(l(he), { name: "chevron-right" })
                     ], 64))), 128))
-                  ])) : I("", !0),
-                  B("span", Es, S(g.value?.title ?? v.value.node.type), 1)
+                  ])) : N("", !0),
+                  B("span", Ts, S(g.value?.title ?? v.value.node.type), 1)
                 ]),
-                B("span", Ts, [
-                  h.value ? I("", !0) : (u(), C("code", Cs, S(v.value.node.type), 1)),
-                  f(l(Ie), {
+                B("span", Cs, [
+                  h.value ? N("", !0) : (u(), C("code", Vs, S(v.value.node.type), 1)),
+                  f(l(Ne), {
                     size: "sm",
                     tone: "neutral",
                     icon: "chevron-up",
                     title: l(a)("field.previous"),
                     disabled: w.value.previous === null,
-                    onClick: M[2] || (M[2] = (O) => w.value.previous && G(w.value.previous))
+                    onClick: D[2] || (D[2] = (U) => w.value.previous && G(w.value.previous))
                   }, null, 8, ["title", "disabled"]),
-                  f(l(Ie), {
+                  f(l(Ne), {
                     size: "sm",
                     tone: "neutral",
                     icon: "chevron-down",
                     title: l(a)("field.next"),
                     disabled: w.value.next === null,
-                    onClick: M[3] || (M[3] = (O) => w.value.next && G(w.value.next))
+                    onClick: D[3] || (D[3] = (U) => w.value.next && G(w.value.next))
                   }, null, 8, ["title", "disabled"]),
-                  !h.value && l(_) && l(_).url.value ? (u(), D(l(ce), {
+                  !h.value && l(_) && l(_).url.value ? (u(), M(l(ce), {
                     key: 1,
                     size: "sm",
                     variant: "outline",
                     icon: "eye",
                     class: "wx-blocks__preview-button",
                     "aria-label": l(a)("field.preview"),
-                    onClick: M[4] || (M[4] = (O) => R.value?.open())
-                  }, null, 8, ["aria-label"])) : I("", !0),
+                    onClick: D[4] || (D[4] = (U) => R.value?.open())
+                  }, null, 8, ["aria-label"])) : N("", !0),
                   f(l(ce), {
                     size: "sm",
                     variant: "outline",
-                    onClick: _e
+                    onClick: we
                   }, {
                     default: b(() => [
                       z(S(h.value ? l(a)("field.done") : `${l(a)("field.done")} · Esc`), 1)
@@ -2812,17 +2822,17 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
                   })
                 ])
               ]),
-              B("div", Vs, [
-                g.value?.content ? (u(), D(l(Pt), {
+              B("div", Bs, [
+                g.value?.content ? (u(), M(l(Ot), {
                   key: v.value.node.key,
                   "model-value": v.value.node.values,
-                  root: De.value,
+                  root: Me.value,
                   types: pe.value,
-                  translate: ke.value,
+                  translate: ye.value,
                   can: Ee.value,
                   disabled: e.disabled,
                   "onUpdate:modelValue": se
-                }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (u(), D(l(q), {
+                }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (u(), M(l(q), {
                   key: 1,
                   size: "sm",
                   tone: "danger"
@@ -2833,12 +2843,12 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
                   _: 1
                 }))
               ])
-            ])) : I("", !0)
+            ])) : N("", !0)
           ]),
           _: 1
         }, 16)),
-        l(_) && l(_).url.value ? (u(), C("div", Bs, [
-          f(ss, {
+        l(_) && l(_).url.value ? (u(), C("div", As, [
+          f(os, {
             ref_key: "previewEl",
             ref: R,
             url: l(_).url.value,
@@ -2846,13 +2856,13 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
             reload: l(_).reload?.value ?? 0,
             compact: h.value,
             onSelect: fe,
-            onEdit: M[5] || (M[5] = (O) => A.value = !0)
+            onEdit: D[5] || (D[5] = (U) => A.value = !0)
           }, null, 8, ["url", "selected", "reload", "compact"])
-        ])) : I("", !0)
+        ])) : N("", !0)
       ], 2)
     ], 2));
   }
-}), Ws = /* @__PURE__ */ ie(As, [["__scopeId", "data-v-613ad857"]]), Ls = { class: "wx-block-card__body" }, zs = { class: "wx-block-card__title" }, Ms = { class: "wx-block-card__chips" }, Ds = /* @__PURE__ */ ae({
+}), Ws = /* @__PURE__ */ ie(Ls, [["__scopeId", "data-v-613ad857"]]), zs = { class: "wx-block-card__body" }, Ds = { class: "wx-block-card__title" }, Ms = { class: "wx-block-card__chips" }, Ns = /* @__PURE__ */ ae({
   __name: "BlockCard",
   props: {
     block: {}
@@ -2865,24 +2875,24 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
       class: "wx-block-card",
       onClick: i[0] || (i[0] = (o) => t("open", e.block))
     }, [
-      f(el, {
+      f(tl, {
         thumbnail: e.block.thumbnail,
         height: 120
       }, null, 8, ["thumbnail"]),
-      B("div", Ls, [
-        B("div", zs, S(e.block.title), 1),
+      B("div", zs, [
+        B("div", Ds, S(e.block.title), 1),
         f(l(q), {
           size: "sm",
           tone: "muted"
         }, {
           default: b(() => [
             B("code", null, S(e.block.slug), 1),
-            z(" · " + S(l(it)(e.block.usage_count, l(s))), 1)
+            z(" · " + S(l(rt)(e.block.usage_count, l(s))), 1)
           ]),
           _: 1
         }),
         B("div", Ms, [
-          e.block.draft ? (u(), D(l(ue), {
+          e.block.draft ? (u(), M(l(ue), {
             key: 0,
             type: "warning",
             dot: ""
@@ -2891,8 +2901,8 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
               z(S(l(s)("page.draft", { number: e.block.draft.number })), 1)
             ]),
             _: 1
-          })) : I("", !0),
-          e.block.published ? (u(), D(l(ue), {
+          })) : N("", !0),
+          e.block.published ? (u(), M(l(ue), {
             key: 1,
             type: "success",
             dot: ""
@@ -2901,7 +2911,7 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
               z(S(l(s)("page.live", { number: e.block.published.number })), 1)
             ]),
             _: 1
-          })) : (u(), D(l(ue), {
+          })) : (u(), M(l(ue), {
             key: 2,
             type: "default"
           }, {
@@ -2910,7 +2920,7 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
             ]),
             _: 1
           })),
-          e.block.is_enabled ? I("", !0) : (u(), D(l(ue), {
+          e.block.is_enabled ? N("", !0) : (u(), M(l(ue), {
             key: 3,
             type: "default",
             variant: "outline"
@@ -2924,13 +2934,13 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
       ])
     ]));
   }
-}), Is = /* @__PURE__ */ ie(Ds, [["__scopeId", "data-v-3d94f339"]]), Ns = { class: "wx-block-create" }, Ps = /* @__PURE__ */ ae({
+}), Is = /* @__PURE__ */ ie(Ns, [["__scopeId", "data-v-3d94f339"]]), Ps = { class: "wx-block-create" }, Os = /* @__PURE__ */ ae({
   __name: "BlockCreateDialog",
   setup(e) {
-    const { resolve: n, dismiss: t, open: s } = Mt(), a = Oe(), i = ze(a);
-    Fe();
-    const o = de("webx-blocks"), r = Re(), m = V(() => a.state.manifest?.modules.find((_) => _.id === "blocks")?.meta?.groups ?? ["content"]), c = N({ title: "", slug: "", group: m.value[0] ?? "content" }), d = N({}), p = N(!1), v = N(!1), g = V(
-      () => m.value.map((y) => ({ value: y, label: Me(y, o) }))
+    const { resolve: n, dismiss: t, open: s } = Mt(), a = Re(), i = ze(a);
+    He();
+    const o = de("webx-blocks"), r = je(), m = V(() => a.state.manifest?.modules.find((_) => _.id === "blocks")?.meta?.groups ?? ["content"]), c = I({ title: "", slug: "", group: m.value[0] ?? "content" }), d = I({}), p = I(!1), v = I(!1), g = V(
+      () => m.value.map((y) => ({ value: y, label: De(y, o) }))
     );
     function x(y) {
       return y.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "").slice(0, 64);
@@ -2955,14 +2965,14 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
         p.value = !1;
       }
     }
-    return (y, _) => (u(), D(l(Dt), {
+    return (y, _) => (u(), M(l(Nt), {
       open: l(s),
-      "onUpdate:open": _[5] || (_[5] = (R) => Vt(s) ? s.value = R : null),
+      "onUpdate:open": _[5] || (_[5] = (R) => Bt(s) ? s.value = R : null),
       title: l(o)("page.new"),
       width: 520
     }, {
       footer: b(() => [
-        f(l(El), { size: "sm" }, {
+        f(l(Tl), { size: "sm" }, {
           default: b(() => [
             f(l(ce), {
               variant: "outline",
@@ -2988,13 +2998,13 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
         })
       ]),
       default: b(() => [
-        B("div", Ns, [
+        B("div", Ps, [
           f(l(oe), {
             label: l(o)("page.title"),
             error: T("title")
           }, {
             default: b(() => [
-              f(l(Pe), {
+              f(l(Oe), {
                 modelValue: c.value.title,
                 "onUpdate:modelValue": _[0] || (_[0] = (R) => c.value.title = R),
                 autofocus: ""
@@ -3008,7 +3018,7 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
             error: T("slug")
           }, {
             default: b(() => [
-              f(l(Pe), {
+              f(l(Oe), {
                 modelValue: c.value.slug,
                 "onUpdate:modelValue": _[1] || (_[1] = (R) => c.value.slug = R),
                 placeholder: "hero",
@@ -3023,7 +3033,7 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
             error: T("group")
           }, {
             default: b(() => [
-              f(l(zt), {
+              f(l(Dt), {
                 modelValue: c.value.group,
                 "onUpdate:modelValue": _[3] || (_[3] = (R) => c.value.group = R),
                 options: g.value
@@ -3036,21 +3046,21 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Us = /* @__PURE__ */ ie(Ps, [["__scopeId", "data-v-a4c0d44c"]]), Os = {
+}), Us = /* @__PURE__ */ ie(Os, [["__scopeId", "data-v-a4c0d44c"]]), Rs = {
   key: 1,
   class: "wx-blocks-page__toolbar"
-}, Rs = { class: "wx-blocks-page__cards" }, js = { class: "wx-blocks-page__ghost-body" }, Fs = {
+}, js = { class: "wx-blocks-page__cards" }, Fs = { class: "wx-blocks-page__ghost-body" }, Hs = {
   key: 0,
   class: "wx-blocks-page__group-title"
-}, Hs = { class: "wx-blocks-page__cards" }, qs = /* @__PURE__ */ ae({
+}, qs = { class: "wx-blocks-page__cards" }, Ks = /* @__PURE__ */ ae({
   __name: "BlocksPage",
   props: {
     base: { default: "/blocks" }
   },
   setup(e) {
-    const n = e, t = Oe(), s = ze(t), a = At();
-    Fe();
-    const i = de("webx-blocks"), o = Re(), r = N([]), m = N(!0), c = N(""), d = N(""), p = Nt(Us), v = V(() => {
+    const n = e, t = Re(), s = ze(t), a = Lt();
+    He();
+    const i = de("webx-blocks"), o = je(), r = I([]), m = I(!0), c = I(""), d = I(""), p = Pt(Us), v = V(() => {
       const h = t.state.manifest?.modules.find((A) => A.id === "blocks")?.meta;
       return {
         groups: h?.groups ?? [],
@@ -3072,12 +3082,12 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
     }), y = V(
       () => w.value.length < 2 ? [] : [
         { value: "", label: i("page.all-groups") },
-        ...w.value.map((h) => ({ value: h, label: Me(h, i) }))
+        ...w.value.map((h) => ({ value: h, label: De(h, i) }))
       ]
     ), _ = V(() => {
       const h = w.value.map((P) => ({
         id: P,
-        label: Me(P, i),
+        label: De(P, i),
         blocks: T.value.filter((J) => J.group === P)
       })).filter((P) => P.blocks.length > 0);
       return d.value !== "" || T.value.length <= 5 || c.value.trim() !== "" || h.length < 2 ? [{ id: "", label: "", blocks: T.value }] : h;
@@ -3105,7 +3115,7 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
         Y();
       } }] : []
     );
-    return (h, A) => (u(), D(l(bl), {
+    return (h, A) => (u(), M(l(gl), {
       view: d.value,
       "onUpdate:view": A[1] || (A[1] = (P) => d.value = P),
       class: "wx-blocks-page",
@@ -3114,43 +3124,43 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
       actions: X.value
     }, {
       default: b(() => [
-        v.value.editing ? I("", !0) : (u(), D(l(Lt), {
+        v.value.editing ? N("", !0) : (u(), M(l(zt), {
           key: 0,
           type: "info",
           variant: "soft",
           description: l(i)("page.editing-off")
         }, null, 8, ["description"])),
-        m.value || r.value.length > 0 ? (u(), C("div", Os, [
-          f(l(Pe), {
+        m.value || r.value.length > 0 ? (u(), C("div", Rs, [
+          f(l(Oe), {
             modelValue: c.value,
             "onUpdate:modelValue": A[0] || (A[0] = (P) => c.value = P),
             class: "wx-blocks-page__search",
             placeholder: l(i)("page.search"),
             clearable: ""
           }, null, 8, ["modelValue", "placeholder"])
-        ])) : I("", !0),
-        m.value ? (u(), D(l(We), { key: 2 }, {
+        ])) : N("", !0),
+        m.value ? (u(), M(l(Le), { key: 2 }, {
           template: b(() => [
-            B("div", Rs, [
+            B("div", js, [
               (u(), C(F, null, le(4, (P) => B("div", {
                 key: P,
                 class: "wx-blocks-page__ghost"
               }, [
-                f(l(qe), {
+                f(l(Ke), {
                   variant: "image",
                   height: 120,
                   class: "wx-blocks-page__ghost-thumb"
                 }),
-                B("div", js, [
-                  f(l(qe), {
+                B("div", Fs, [
+                  f(l(Ke), {
                     variant: "title",
                     width: "45%"
                   }),
-                  f(l(qe), {
+                  f(l(Ke), {
                     variant: "text",
                     width: "70%"
                   }),
-                  f(l(qe), {
+                  f(l(Ke), {
                     variant: "button",
                     width: "64px",
                     height: "22px"
@@ -3160,7 +3170,7 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
             ])
           ]),
           _: 1
-        })) : r.value.length === 0 ? (u(), D(l(It), {
+        })) : r.value.length === 0 ? (u(), M(l(It), {
           key: 3,
           icon: "grid",
           title: l(i)("page.empty"),
@@ -3169,9 +3179,9 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
           key: P.id,
           class: "wx-blocks-page__group"
         }, [
-          P.label ? (u(), C("div", Fs, S(P.label), 1)) : I("", !0),
-          B("div", Hs, [
-            (u(!0), C(F, null, le(P.blocks, (J) => (u(), D(Is, {
+          P.label ? (u(), C("div", Hs, S(P.label), 1)) : N("", !0),
+          B("div", qs, [
+            (u(!0), C(F, null, le(P.blocks, (J) => (u(), M(Is, {
               key: J.id,
               block: J,
               onOpen: K
@@ -3182,18 +3192,18 @@ const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
       _: 1
     }, 8, ["view", "title", "views", "actions"]));
   }
-}), Ks = /* @__PURE__ */ ie(qs, [["__scopeId", "data-v-553b680f"]]);
-function so(e = {}) {
+}), Ys = /* @__PURE__ */ ie(Ks, [["__scopeId", "data-v-553b680f"]]);
+function oo(e = {}) {
   const n = e.path ?? "/blocks";
   return {
     id: "blocks",
     path: n,
     routes: [
-      { path: n, name: "webx.blocks", component: Ks, props: { base: n } },
+      { path: n, name: "webx.blocks", component: Ys, props: { base: n } },
       {
         path: `${n}/:id(\\d+)`,
         name: "webx.blocks.edit",
-        component: jn,
+        component: Fn,
         props: { base: n }
       }
     ],
@@ -3212,37 +3222,37 @@ function so(e = {}) {
   };
 }
 export {
-  jn as WxBlockEditorPage,
-  es as WxBlockPicker,
-  ql as WxBlockStage,
-  el as WxBlockThumb,
+  Fn as WxBlockEditorPage,
+  ts as WxBlockPicker,
+  Kl as WxBlockStage,
+  tl as WxBlockThumb,
   Ws as WxBlocks,
-  Ks as WxBlocksPage,
-  so as blocks,
-  tn as blocksMessages,
-  pt as blocksPreviewKey,
-  qt as cloneNode,
-  Yl as countType,
+  Ys as WxBlocksPage,
+  oo as blocks,
+  ln as blocksMessages,
+  ft as blocksPreviewKey,
+  Kt as cloneNode,
+  Jl as countType,
   ze as createBlocksApi,
   Ut as findRange,
-  dt as formSchema,
-  nt as highlightBlock,
-  xt as insertNode,
-  jt as isNode,
-  Xe as isNodeList,
-  $n as lintBlock,
+  pt as formSchema,
+  st as highlightBlock,
+  $t as insertNode,
+  Ft as isNode,
+  et as isNodeList,
+  Sn as lintBlock,
   re as locate,
-  Kl as makeNode,
-  at as newKey,
-  lo as provideBlocksPreview,
-  Ql as removeNode,
-  Ot as replaceBlock,
-  en as replaceList,
-  Rt as stageDocument,
-  to as typesIn,
-  Sn as undeclared,
-  Xl as updateValues,
-  no as useBlocksPreview,
-  je as walk
+  Yl as makeNode,
+  it as newKey,
+  no as provideBlocksPreview,
+  Xl as removeNode,
+  Rt as replaceBlock,
+  tn as replaceList,
+  jt as stageDocument,
+  lo as typesIn,
+  En as undeclared,
+  en as updateValues,
+  so as useBlocksPreview,
+  Fe as walk
 };
 //# sourceMappingURL=index.js.map