@webx-ui/module-blocks 0.10.0 → 0.10.2

package/dist/index.js

@@ -1,9 +1,9 @@
-import { WxCodeEditor as Qe, WxText as J, WxIcon as ke, WxSkeleton as He, WxBadge as ge, WxButton as de, confirm as vt, toast as Z, useElementWidth as bt, WxSegmented as sl, WxCard as ze, WxPopover as Wl, WxAlert as al, WxTabs as Ml, WxTab as Re, WxFormItem as ue, WxSelect as $t, WxInput as nt, WxTextarea as il, WxIconPicker as Nl, WxInputNumber as jt, WxTagsInput as Ft, WxSwitch as zl, WxActionBar as Dl, useModal as At, WxDialog as Bt, WxEmpty as Lt, WxAction as et, WxSortableList as Ol, createModal as St, WxDrawer as Il, WxRadioGroup as Ul, WxRadio as Ht, WxSpace as Pl, WxSkeletonItem as pt } from "@webx-ui/core";
-import { defineComponent as oe, ref as U, watch as ce, openBlock as c, createElementBlock as w, createVNode as v, unref as n, createBlock as W, withCtx as g, createTextVNode as B, toDisplayString as k, createCommentVNode as L, computed as S, createElementVNode as V, Fragment as F, renderList as G, onMounted as ot, onBeforeUnmount as st, normalizeStyle as Oe, provide as Wt, inject as Fe, reactive as gt, resolveComponent as Mt, normalizeClass as Le, withDirectives as Rl, vShow as jl, isRef as Nt, watchEffect as Fl, nextTick as Hl, withKeys as Kt, withModifiers as qt, useModel as Kl, getCurrentInstance as ql, resolveDynamicComponent as Jl, mergeProps as Yl, mergeModels as Gl } from "vue";
-import { useAdmin as at, useTranslate as pe, useErrorText as it, WxDate as Zl, WxScreenHead as Xl, WxRenameButton as Ql, WxHelpButton as en, adminKey as rl, WxRowMenu as tn, WxListScreen as ln } from "@webx-ui/module-admin";
+import { WxCodeEditor as Qe, WxText as J, WxIcon as ye, WxSkeleton as He, WxBadge as ke, WxButton as ce, confirm as vt, toast as X, useElementWidth as bt, WxSegmented as sl, WxCard as De, WxPopover as Wl, WxAlert as al, WxTabs as Ml, WxTab as Re, WxFormItem as re, WxSelect as $t, WxInput as nt, WxTextarea as il, WxIconPicker as Nl, WxInputNumber as jt, WxTagsInput as Ft, WxSwitch as zl, WxActionBar as Dl, useModal as At, WxDialog as Bt, WxEmpty as Lt, WxAction as et, WxSortableList as Ol, createModal as St, WxDrawer as Il, WxRadioGroup as Ul, WxRadio as Ht, WxSpace as Pl, WxSkeletonItem as pt } from "@webx-ui/core";
+import { defineComponent as oe, ref as U, watch as ue, openBlock as c, createElementBlock as w, createVNode as v, unref as n, createBlock as W, withCtx as g, createTextVNode as B, toDisplayString as k, createCommentVNode as L, computed as S, createElementVNode as E, Fragment as F, renderList as Z, onMounted as ot, onBeforeUnmount as st, normalizeStyle as Ie, provide as Wt, inject as Fe, reactive as gt, resolveComponent as Mt, normalizeClass as Me, withDirectives as Rl, vShow as jl, isRef as Nt, watchEffect as Fl, nextTick as Hl, withKeys as Kt, withModifiers as qt, useModel as Kl, getCurrentInstance as ql, resolveDynamicComponent as Jl, mergeProps as Yl, mergeModels as Gl } from "vue";
+import { useAdmin as at, useTranslate as de, useErrorText as it, WxDate as Zl, WxScreenHead as Xl, WxRenameButton as Ql, WxHelpButton as en, adminKey as rl, WxRowMenu as tn, WxListScreen as ln } from "@webx-ui/module-admin";
 import { useRoute as nn, useRouter as ul } from "vue-router";
 import { WxScreenRenderer as cl, coreTypes as ft } from "@webx-ui/schema";
-import { autocompletion as on, pickedCompletion as Je, snippetCompletion as xe, startCompletion as sn } from "@codemirror/autocomplete";
+import { autocompletion as on, pickedCompletion as Je, snippetCompletion as _e, startCompletion as sn } from "@codemirror/autocomplete";
 import { EditorState as an } from "@codemirror/state";
 import { VueDraggable as rn } from "vue-draggable-plus";
 const un = {
@@ -207,7 +207,7 @@ const un = {
     "ok-variables": "Every variable of the template is a field of the schema."
   }
 }, Jt = /* @__PURE__ */ new WeakSet();
-function We() {
+function Ne() {
   try {
     const { i18n: e } = at();
     Jt.has(e) || (e.defaults("webx-blocks", un), Jt.add(e));
@@ -224,8 +224,8 @@ const cn = { class: "wx-block-data" }, dn = /* @__PURE__ */ oe({
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
     const t = e, o = l;
-    We();
-    const a = pe("webx-blocks"), i = U(r(t.modelValue)), s = U(null);
+    Ne();
+    const a = de("webx-blocks"), i = U(r(t.modelValue)), s = U(null);
     function r(m) {
       return m == null ? "" : JSON.stringify(m, null, 2);
     }
@@ -241,7 +241,7 @@ const cn = { class: "wx-block-data" }, dn = /* @__PURE__ */ oe({
         s.value = a("components.data-invalid", { error: d.message });
       }
     }
-    return ce(
+    return ue(
       () => t.modelValue,
       (m) => {
         let d = !1;
@@ -316,14 +316,14 @@ const fn = { class: "wx-block-checks" }, mn = {
     error: {}
   },
   setup(e) {
-    const l = e, t = pe("webx-blocks"), o = S(() => l.lints.filter((i) => i.file === l.file)), a = S(() => {
+    const l = e, t = de("webx-blocks"), o = S(() => l.lints.filter((i) => i.file === l.file)), a = S(() => {
       const i = new Set(o.value.map((r) => r.code)), s = [];
       return l.file === "template" && (i.has("no-marker") || s.push(t("checks.ok-marker")), i.has("variables-missing") || s.push(t("checks.ok-variables"))), l.file === "styles" && (i.has("stray-selectors") || s.push(t("checks.ok-prefix", { slug: l.slug })), i.has("bare-selectors") || s.push(t("checks.ok-bare")), i.has("media-query") || s.push(t("checks.ok-container"))), s;
     });
     return (i, s) => (c(), w("div", fn, [
       e.error ? (c(), w("div", mn, [
-        v(n(ke), { name: "close-circle" }),
-        V("span", null, [
+        v(n(ye), { name: "close-circle" }),
+        E("span", null, [
           B(k(e.error.message) + " ", 1),
           e.error.line !== null ? (c(), w(F, { key: 0 }, [
             B(" · " + k(n(t)("page.line", { line: e.error.line })), 1)
@@ -333,24 +333,24 @@ const fn = { class: "wx-block-checks" }, mn = {
           ], 64)) : L("", !0)
         ])
       ])) : L("", !0),
-      (c(!0), w(F, null, G(o.value, (r) => (c(), w("div", {
+      (c(!0), w(F, null, Z(o.value, (r) => (c(), w("div", {
         key: r.code,
         class: "wx-block-checks__line is-warning"
       }, [
-        v(n(ke), { name: "warning" }),
-        V("span", null, [
+        v(n(ye), { name: "warning" }),
+        E("span", null, [
           B(k(r.message) + " ", 1),
           r.line !== null ? (c(), w(F, { key: 0 }, [
             B(" · " + k(n(t)("page.line", { line: r.line })), 1)
           ], 64)) : L("", !0)
         ])
       ]))), 128)),
-      (c(!0), w(F, null, G(a.value, (r) => (c(), w("div", {
+      (c(!0), w(F, null, Z(a.value, (r) => (c(), w("div", {
         key: r,
         class: "wx-block-checks__line is-ok"
       }, [
-        v(n(ke), { name: "check" }),
-        V("span", null, k(r), 1)
+        v(n(ye), { name: "check" }),
+        E("span", null, k(r), 1)
       ]))), 128))
     ]));
   }
@@ -362,7 +362,7 @@ const fn = { class: "wx-block-checks" }, mn = {
   },
   emits: ["restored"],
   setup(e, { emit: l }) {
-    const t = e, o = l, a = at(), i = Ke(a), s = pe("webx-blocks"), r = it(), p = U(null);
+    const t = e, o = l, a = at(), i = Ke(a), s = de("webx-blocks"), r = it(), p = U(null);
     async function u() {
       p.value = await i.versions(t.block.id);
     }
@@ -378,12 +378,12 @@ const fn = { class: "wx-block-checks" }, mn = {
       }))
         try {
           const x = await i.restore(t.block.id, f.number);
-          Z.success(s("page.restored", { number: x.draft?.number ?? f.number })), o("restored", x), await u();
+          X.success(s("page.restored", { number: x.draft?.number ?? f.number })), o("restored", x), await u();
         } catch (x) {
-          Z.danger(r(x));
+          X.danger(r(x));
         }
     }
-    return ot(u), ce(
+    return ot(u), ue(
       () => [t.block.draft?.number, t.block.published?.number],
       () => {
         u();
@@ -393,12 +393,12 @@ const fn = { class: "wx-block-checks" }, mn = {
         key: 0,
         class: "wx-block-history__ghost",
         rows: 3
-      })) : (c(!0), w(F, { key: 1 }, G(p.value, (x) => (c(), w("div", {
+      })) : (c(!0), w(F, { key: 1 }, Z(p.value, (x) => (c(), w("div", {
         key: x.number,
         class: "wx-block-history__row"
       }, [
-        V("code", bn, k(n(s)("page.version", { number: x.number })), 1),
-        V("div", gn, [
+        E("code", bn, k(n(s)("page.version", { number: x.number })), 1),
+        E("div", gn, [
           v(n(J), null, {
             default: g(() => [
               B(k(n(s)(`page.version-${m(x)}`)), 1)
@@ -422,7 +422,7 @@ const fn = { class: "wx-block-checks" }, mn = {
             _: 2
           }, 1024)
         ]),
-        m(x) === "draft" ? (c(), W(n(ge), {
+        m(x) === "draft" ? (c(), W(n(ke), {
           key: 0,
           type: "warning",
           dot: ""
@@ -431,7 +431,7 @@ const fn = { class: "wx-block-checks" }, mn = {
             B(k(n(s)("page.version-draft")), 1)
           ]),
           _: 1
-        })) : m(x) === "live" ? (c(), W(n(ge), {
+        })) : m(x) === "live" ? (c(), W(n(ke), {
           key: 1,
           type: "success",
           dot: ""
@@ -441,11 +441,11 @@ const fn = { class: "wx-block-checks" }, mn = {
           ]),
           _: 1
         })) : L("", !0),
-        e.canManage && m(x) === "replaced" ? (c(), W(n(de), {
+        e.canManage && m(x) === "replaced" ? (c(), W(n(ce), {
           key: 2,
           size: "sm",
           variant: "outline",
-          onClick: (E) => d(x)
+          onClick: (T) => d(x)
         }, {
           default: g(() => [
             B(k(n(s)("page.restore")), 1)
@@ -538,7 +538,7 @@ function wn(e, l) {
   let t = null;
   function o(s) {
     const r = Xt(s.target);
-    r === null ? lt(s) : De(s), l.select(r);
+    r === null ? lt(s) : Oe(s), l.select(r);
   }
   function a(s) {
     const r = Xt(s.target);
@@ -547,13 +547,13 @@ function wn(e, l) {
   function i() {
     t = null, Zt(e, null);
   }
-  return e.addEventListener("click", o, !0), e.addEventListener("auxclick", lt, !0), e.addEventListener("submit", De, !0), e.addEventListener("dragstart", De, !0), e.addEventListener("mousemove", a, !0), e.addEventListener("mouseleave", i), {
+  return e.addEventListener("click", o, !0), e.addEventListener("auxclick", lt, !0), e.addEventListener("submit", Oe, !0), e.addEventListener("dragstart", Oe, !0), e.addEventListener("mousemove", a, !0), e.addEventListener("mouseleave", i), {
     release() {
-      e.removeEventListener("click", o, !0), e.removeEventListener("auxclick", lt, !0), e.removeEventListener("submit", De, !0), e.removeEventListener("dragstart", De, !0), e.removeEventListener("mousemove", a, !0), e.removeEventListener("mouseleave", i);
+      e.removeEventListener("click", o, !0), e.removeEventListener("auxclick", lt, !0), e.removeEventListener("submit", Oe, !0), e.removeEventListener("dragstart", Oe, !0), e.removeEventListener("mousemove", a, !0), e.removeEventListener("mouseleave", i);
     }
   };
 }
-function De(e) {
+function Oe(e) {
   e.preventDefault(), e.stopPropagation();
 }
 function lt(e) {
@@ -564,8 +564,8 @@ function xn(e) {
   const l = [
     ["click", lt],
     ["auxclick", lt],
-    ["submit", De],
-    ["dragstart", De]
+    ["submit", Oe],
+    ["dragstart", Oe]
   ];
   for (const [t, o] of l) e.addEventListener(t, o, !0);
   return {
@@ -639,12 +639,12 @@ const En = { class: "wx-block-stage" }, Vn = { class: "wx-block-stage__bar" }, A
     loading: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const l = e, t = pe("webx-blocks"), o = S(() => [
+    const l = e, t = de("webx-blocks"), o = S(() => [
       { 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 = U(1280), i = U(null), s = U(null), r = bt(i), p = U(360), u = U(!1);
-    ce([r, o], () => {
+    ue([r, o], () => {
       if (u.value || r.value === 0) return;
       const D = o.value.find((P) => r.value / P.value >= 0.45);
       a.value = (D ?? o.value[o.value.length - 1]).value;
@@ -662,17 +662,17 @@ const En = { class: "wx-block-stage" }, Vn = { class: "wx-block-stage__bar" }, A
       })
     ), h = U(0);
     let x = null;
-    ce(
+    ue(
       () => l.script,
       (D) => {
         l.stage && D !== x && (h.value += 1);
       }
     );
-    function E() {
+    function T() {
       const D = s.value?.contentDocument?.body;
       if (!D) return;
-      const P = D.ownerDocument.defaultView, X = P && parseFloat(P.getComputedStyle(D).marginBottom) || 0, te = D.getBoundingClientRect().bottom + X + (P?.scrollY ?? 0);
-      p.value = Math.max(120, Math.ceil(Math.max(D.scrollHeight, te)));
+      const P = D.ownerDocument.defaultView, Q = P && parseFloat(P.getComputedStyle(D).marginBottom) || 0, le = D.getBoundingClientRect().bottom + Q + (P?.scrollY ?? 0);
+      p.value = Math.max(120, Math.ceil(Math.max(D.scrollHeight, le)));
     }
     let _ = null, b = null;
     function $() {
@@ -681,24 +681,24 @@ const En = { class: "wx-block-stage" }, Vn = { class: "wx-block-stage__bar" }, A
     function R(D) {
       l.stage && (l.script && x !== l.script && (x = l.script, $n(D, l.script)), _n(D, { html: l.html, styles: l.styles }));
     }
-    function Y() {
+    function G() {
       $();
       const D = s.value?.contentDocument;
       if (!D?.body) return;
-      l.stage && (x = null, _ = xn(D), R(D)), E();
+      l.stage && (x = null, _ = xn(D), R(D)), T();
       const P = D.defaultView?.ResizeObserver;
-      P && (b = new P(() => E()), b.observe(D.body));
+      P && (b = new P(() => T()), b.observe(D.body));
     }
-    ce(
+    ue(
       () => [l.html, l.styles],
       () => {
         const D = s.value?.contentDocument;
         l.stage && D?.body && _ !== null && R(D);
       }
-    ), ce(r, (D, P) => {
-      D > 0 && P === 0 && setTimeout(E, 50);
-    }), ce(a, () => setTimeout(E, 50)), st($);
-    const Q = S(() => ({
+    ), ue(r, (D, P) => {
+      D > 0 && P === 0 && setTimeout(T, 50);
+    }), ue(a, () => setTimeout(T, 50)), st($);
+    const ee = S(() => ({
       width: `${a.value}px`,
       height: `${p.value}px`,
       transform: `scale(${d.value})`
@@ -707,16 +707,16 @@ const En = { class: "wx-block-stage" }, Vn = { class: "wx-block-stage__bar" }, A
       height: `${Math.round(p.value * d.value)}px`
     }));
     return (D, P) => (c(), w("div", En, [
-      V("div", Vn, [
+      E("div", Vn, [
         v(n(sl), {
           "model-value": a.value,
           options: o.value,
           size: "sm",
           "aria-label": n(t)("page.width"),
-          "onUpdate:modelValue": P[0] || (P[0] = (X) => m(Number(X)))
+          "onUpdate:modelValue": P[0] || (P[0] = (Q) => m(Number(Q)))
         }, null, 8, ["model-value", "options", "aria-label"])
       ]),
-      V("div", {
+      E("div", {
         ref_key: "box",
         ref: i,
         class: "wx-block-stage__ground"
@@ -727,7 +727,7 @@ const En = { class: "wx-block-stage" }, Vn = { class: "wx-block-stage__bar" }, A
         })) : (c(), w("div", {
           key: 1,
           class: "wx-block-stage__clip",
-          style: Oe(ae.value)
+          style: Ie(ae.value)
         }, [
           (c(), w("iframe", {
             ref_key: "frame",
@@ -736,10 +736,10 @@ const En = { class: "wx-block-stage" }, Vn = { class: "wx-block-stage__bar" }, A
             class: "wx-block-stage__frame",
             src: e.stage ?? void 0,
             srcdoc: f.value,
-            style: Oe(Q.value),
+            style: Ie(ee.value),
             sandbox: "allow-same-origin allow-scripts",
             title: n(t)("page.preview"),
-            onLoad: Y
+            onLoad: G
           }, null, 44, An))
         ], 4))
       ], 512)
@@ -808,11 +808,11 @@ function Ot(e) {
 function bl(e) {
   const l = {};
   for (const [t, o] of Object.entries(e.values ?? {}))
-    l[t] = rt(o) ? o.map(bl) : Ee(o);
+    l[t] = rt(o) ? o.map(bl) : Ae(o);
   return e.hidden === !0 ? { key: Et(), type: e.type, hidden: !0, values: l } : { key: Et(), type: e.type, values: l };
 }
 function zn(e, l, t) {
-  const o = Ee(e), a = me(o, l);
+  const o = Ae(e), a = me(o, l);
   return a ? (t ? a.node.hidden = !0 : delete a.node.hidden, o) : e;
 }
 function Dn(e, l, t) {
@@ -823,23 +823,23 @@ function Dn(e, l, t) {
   return Array.isArray(a) || (o.node.values[t] = []), o.node.values[t];
 }
 function yt(e, l, t, o, a) {
-  const i = Ee(e), s = Dn(i, l, t);
+  const i = Ae(e), s = Dn(i, l, t);
   return s ? (s.splice(Math.max(0, Math.min(o, s.length)), 0, a), i) : e;
 }
 function Qt(e, l) {
-  const t = Ee(e), o = me(t, l);
+  const t = Ae(e), o = me(t, l);
   return o ? (o.list.splice(o.index, 1), t) : e;
 }
 function On(e, l, t) {
-  const o = Ee(e), a = me(o, l);
+  const o = Ae(e), a = me(o, l);
   return a ? (a.node.values = t, o) : e;
 }
 function In(e, l, t, o) {
-  if (l === null) return Ee(o);
-  const a = Ee(e), i = me(a, l);
-  return !i || t === null ? e : (i.node.values[t] = Ee(o), a);
+  if (l === null) return Ae(o);
+  const a = Ae(e), i = me(a, l);
+  return !i || t === null ? e : (i.node.values[t] = Ae(o), a);
 }
-function Ee(e) {
+function Ae(e) {
   return e === void 0 ? e : JSON.parse(JSON.stringify(e));
 }
 function wt(e) {
@@ -908,8 +908,8 @@ function Jn({
     if (d !== null) return Zn(a, d, t(), o);
     const f = /<(x-[\w:-]*)$/.exec(i);
     if (f) {
-      const E = a.state.sliceDoc(0, a.pos - f[0].length);
-      return Xn(a, f[1], Qn(E), o);
+      const T = a.state.sliceDoc(0, a.pos - f[0].length);
+      return Xn(a, f[1], Qn(T), o);
     }
     const h = /\bclass\s*=\s*"([^"]*)$/.exec(i);
     if (h) return so(a, h[1], l());
@@ -965,7 +965,7 @@ function Zn(e, l, t, o) {
     }
     return u;
   }, r = (u) => {
-    const d = [...Be(u ?? []).filter((f) => f.type !== "wx-slot" && f.type !== "wx-blocks").filter((f) => !a.has(f.id)).map(
+    const d = [...We(u ?? []).filter((f) => f.type !== "wx-slot" && f.type !== "wx-blocks").filter((f) => !a.has(f.id)).map(
       (f, h) => xt(f.id, f.type === "wx-data" || l.bound, f.type, f.label, 40 - h)
     ), ...s()];
     return d.length === 0 || !e.explicit && l.word === "" && !l.bound ? null : { from: i, options: d, validFor: /^:?[\w-]*$/ };
@@ -996,13 +996,13 @@ function xt(e, l, t, o, a, i = null) {
 function Xn(e, l, t, o) {
   const a = e.pos - l.length, i = (r) => {
     const p = [
-      xe('x-webx-block type="${type}" />', {
+      _e('x-webx-block type="${type}" />', {
         label: "x-webx-block",
         detail: "call a block",
         type: "keyword"
       })
     ];
-    for (const u of Be(r ?? []).filter((m) => m.type === "wx-slot"))
+    for (const u of We(r ?? []).filter((m) => m.type === "wx-slot"))
       p.push({
         label: `x-slot:${u.id}`,
         detail: "slot",
@@ -1061,7 +1061,7 @@ function to(e, l, t, o, a) {
       type: "variable",
       boost: 50 - p,
       apply: (u, m, d, f) => {
-        const h = u.state.sliceDoc(f, f + 8), x = new RegExp(`^\\s*${mo(s)}`).exec(h), E = x ? /^\s/.test(h) ? "" : " " : ` ${s}`, _ = `${t === "" ? " " : ""}$${r.id}${E}`;
+        const h = u.state.sliceDoc(f, f + 8), x = new RegExp(`^\\s*${mo(s)}`).exec(h), T = x ? /^\s/.test(h) ? "" : " " : ` ${s}`, _ = `${t === "" ? " " : ""}$${r.id}${T}`;
         u.dispatch({
           changes: { from: d, to: f, insert: _ },
           // Past the closing braces: the echo is finished, the next thing is the markup.
@@ -1079,7 +1079,7 @@ function lo(e, l) {
     from: e.pos - l.length,
     options: [
       ...Pn.map((t) => ({ label: t, type: "property" })),
-      xe("value('${name}', ${default})", {
+      _e("value('${name}', ${default})", {
         label: "value",
         detail: "('name', default)",
         type: "method"
@@ -1097,9 +1097,9 @@ function no(e, l, t, o, a) {
       detail: r,
       type: "property",
       apply: (p, u, m, d) => {
-        const f = t ? m - 1 : m, h = p.state.sliceDoc(d, d + 2), x = t || "'", E = d + (h.startsWith(x) ? 1 : 0), _ = p.state.sliceDoc(E, E + 1) === "]", b = `${x}${s}${x}${_ ? "" : "]"}`;
+        const f = t ? m - 1 : m, h = p.state.sliceDoc(d, d + 2), x = t || "'", T = d + (h.startsWith(x) ? 1 : 0), _ = p.state.sliceDoc(T, T + 1) === "]", b = `${x}${s}${x}${_ ? "" : "]"}`;
         p.dispatch({
-          changes: { from: f, to: E, insert: b },
+          changes: { from: f, to: T, insert: b },
           selection: { anchor: f + b.length + (_ ? 1 : 0) },
           annotations: Je.of(u),
           userEvent: "input.complete"
@@ -1110,16 +1110,16 @@ function no(e, l, t, o, a) {
   };
 }
 function oo(e, l, t) {
-  const o = Be(l).find((p) => p.id === e);
+  const o = We(l).find((p) => p.id === e);
   if (o && jn.includes(o.type)) return gl.map((p) => [p, o.type]);
   if (o?.type === "wx-collection") return Hn.map((p) => [p, o.type]);
-  const a = kl(t).get(e), [i, s] = a?.split(".") ?? [], r = i ? Be(l).find((p) => p.id === i) : void 0;
+  const a = kl(t).get(e), [i, s] = a?.split(".") ?? [], r = i ? We(l).find((p) => p.id === i) : void 0;
   if (!r) return [];
   if (r.type === "wx-collection") {
     const p = typeof r.props?.source == "string" ? r.props.source : r.type, u = s === "items" ? qn[p] ?? [] : [];
     return [...Kn[s ?? ""] ?? [], ...u].map((m) => [m, p]);
   }
-  return Fn.includes(r.type) ? Rn.map((p) => [p, r.type]) : r.type === "wx-repeater" ? Be(r.children ?? []).map((p) => [p.id, p.type]) : [];
+  return Fn.includes(r.type) ? Rn.map((p) => [p, r.type]) : r.type === "wx-repeater" ? We(r.children ?? []).map((p) => [p.id, p.type]) : [];
 }
 function kl(e) {
   const l = /* @__PURE__ */ new Map();
@@ -1138,26 +1138,26 @@ function so(e, l, t) {
   };
 }
 function ao(e) {
-  const l = Be(e).filter((t) => t.type === "wx-blocks");
+  const l = We(e).filter((t) => t.type === "wx-blocks");
   return [
-    xe("@if (${condition})\n	${}\n@endif", { label: "@if", type: "keyword" }),
-    xe("@isset(${value})\n	${}\n@endisset", { label: "@isset", type: "keyword" }),
-    xe("@foreach (${items} as ${item})\n	${}\n@endforeach", {
+    _e("@if (${condition})\n	${}\n@endif", { label: "@if", type: "keyword" }),
+    _e("@isset(${value})\n	${}\n@endisset", { label: "@isset", type: "keyword" }),
+    _e("@foreach (${items} as ${item})\n	${}\n@endforeach", {
       label: "@foreach",
       type: "keyword"
     }),
-    xe("@forelse (${items} as ${item})\n	${}\n@empty\n	${}\n@endforelse", {
+    _e("@forelse (${items} as ${item})\n	${}\n@empty\n	${}\n@endforelse", {
       label: "@forelse",
       type: "keyword"
     }),
-    xe("@unless (${condition})\n	${}\n@endunless", {
+    _e("@unless (${condition})\n	${}\n@endunless", {
       label: "@unless",
       type: "keyword"
     }),
-    xe("@class([${}])", { label: "@class", type: "keyword" }),
-    xe("@style([${}])", { label: "@style", type: "keyword" }),
+    _e("@class([${}])", { label: "@class", type: "keyword" }),
+    _e("@style([${}])", { label: "@style", type: "keyword" }),
     ...l.map(
-      (t) => xe(`@blocks('${t.id}')`, {
+      (t) => _e(`@blocks('${t.id}')`, {
         label: "@blocks",
         detail: `('${t.id}')`,
         type: "keyword",
@@ -1302,14 +1302,14 @@ function po(e, l) {
   }
   return o;
 }
-function Be(e) {
+function We(e) {
   const l = [];
   for (const t of e)
-    !t || typeof t != "object" || (fo.has(t.type) ? l.push(...Be(t.children ?? [])) : typeof t.id == "string" && t.id !== "" && l.push(t));
+    !t || typeof t != "object" || (fo.has(t.type) ? l.push(...We(t.children ?? [])) : typeof t.id == "string" && t.id !== "" && l.push(t));
   return l;
 }
 function wl(e) {
-  return Be(e).filter((l) => l.type !== "wx-blocks");
+  return We(e).filter((l) => l.type !== "wx-blocks");
 }
 const fo = /* @__PURE__ */ new Set(["wx-card", "wx-tabs", "wx-tab", "wx-row", "wx-col", "wx-divider"]);
 function mo(e) {
@@ -1414,7 +1414,7 @@ function qe(e, l) {
   const t = `groups.${e}`, o = l(t);
   return o === t || o === `webx-blocks::${t}` ? e.charAt(0).toUpperCase() + e.slice(1) : o;
 }
-function _e(e) {
+function $e(e) {
   return e.kind ?? "block";
 }
 function Tl(e, l) {
@@ -1470,15 +1470,15 @@ const xo = { class: "wx-block-editor" }, _o = { class: "wx-block-editor__split"
   },
   setup(e) {
     const l = e, t = at(), o = Ke(t), a = nn(), i = ul();
-    We();
-    const s = pe("webx-blocks"), r = it(), p = S(() => Number(a.params.id)), u = U(null), m = U([]), d = U(!0), f = U(!1), h = U(!1), x = U("template"), E = S(() => {
-      const T = t.state.manifest?.modules.find((y) => y.id === "blocks")?.meta;
+    Ne();
+    const s = de("webx-blocks"), r = it(), p = S(() => Number(a.params.id)), u = U(null), m = U([]), d = U(!0), f = U(!1), h = U(!1), x = U("template"), T = S(() => {
+      const C = t.state.manifest?.modules.find((y) => y.id === "blocks")?.meta;
       return {
-        groups: T?.groups ?? [],
-        editing: T?.editing ?? !0,
-        provides: T?.provides ?? []
+        groups: C?.groups ?? [],
+        editing: C?.editing ?? !0,
+        provides: C?.provides ?? []
       };
-    }), _ = S(() => t.can("blocks.manage") && E.value.editing), b = gt({
+    }), _ = S(() => t.can("blocks.manage") && T.value.editing), b = gt({
       kind: "block",
       slug: "",
       title: "",
@@ -1508,27 +1508,27 @@ const xo = { class: "wx-block-editor" }, _o = { class: "wx-block-editor__split"
       styles: "",
       script: null,
       sample: {}
-    }), R = U("[]"), Y = U(null), Q = U(""), ae = U({}), D = U(null), P = gt({
+    }), R = U("[]"), G = U(null), ee = U(""), ae = U({}), D = U(null), P = gt({
       html: "",
       styles: "",
       script: null,
       runtime: null,
       stage: null,
       loading: !1
-    }), X = S(() => JSON.stringify({ settings: b, content: $ })), te = S(() => Q.value !== "" && X.value !== Q.value), $e = S(() => vo(b.slug, $, s)), he = U([]), le = /* @__PURE__ */ new Map(), ye = /* @__PURE__ */ new Map();
-    async function Ve() {
+    }), Q = S(() => JSON.stringify({ settings: b, content: $ })), le = S(() => ee.value !== "" && Q.value !== ee.value), Se = S(() => vo(b.slug, $, s)), he = U([]), ne = /* @__PURE__ */ new Map(), we = /* @__PURE__ */ new Map();
+    async function Be() {
       try {
-        const T = await o.index();
-        le.clear();
-        for (const y of T.blocks) le.set(y.slug, y.id);
+        const C = await o.index();
+        ne.clear();
+        for (const y of C.blocks) ne.set(y.slug, y.id);
         he.value = [
-          ...T.blocks.map((y) => ({
+          ...C.blocks.map((y) => ({
             slug: y.slug,
             title: y.title,
-            kind: _e(y),
-            fallback: T.declared.find((K) => K.slug === y.slug)?.fallback ?? null
+            kind: $e(y),
+            fallback: C.declared.find((K) => K.slug === y.slug)?.fallback ?? null
           })),
-          ...T.declared.filter((y) => !y.customised).map((y) => ({
+          ...C.declared.filter((y) => !y.customised).map((y) => ({
             slug: y.slug,
             title: y.title,
             kind: "component",
@@ -1538,24 +1538,24 @@ const xo = { class: "wx-block-editor" }, _o = { class: "wx-block-editor__split"
       } catch {
       }
     }
-    function Me(T) {
-      if (T === b.slug) return $.schema;
-      const y = le.get(T);
+    function ze(C) {
+      if (C === b.slug) return $.schema;
+      const y = ne.get(C);
       if (y === void 0) return null;
-      let K = ye.get(T);
+      let K = we.get(C);
       return K === void 0 && (K = o.get(y).then(
         (M) => M.content?.schema ?? null,
         () => null
-      ), ye.set(T, K)), K;
+      ), we.set(C, K)), K;
     }
-    const we = {
+    const xe = {
       template: [
         wt(
           Jn({
             schema: () => $.schema,
             styles: () => $.styles,
             types: () => he.value,
-            schemaOf: Me
+            schemaOf: ze
           })
         )
       ],
@@ -1565,72 +1565,72 @@ const xo = { class: "wx-block-editor" }, _o = { class: "wx-block-editor__split"
       // The renderer's own types under the panel's, the same merge the sample form is drawn with.
       schema: [wt(co({ types: () => ({ ...ft, ...t.types }) }))]
     }, ie = S(() => {
-      const T = [...E.value.groups];
-      return T.includes(b.group) || T.push(b.group), T.map((y) => ({ value: y, label: qe(y, s) }));
-    }), re = S({
+      const C = [...T.value.groups];
+      return C.includes(b.group) || C.push(b.group), C.map((y) => ({ value: y, label: qe(y, s) }));
+    }), ve = S({
       get: () => $.sample,
-      set: (T) => {
-        $.sample = T;
+      set: (C) => {
+        $.sample = C;
       }
-    }), Se = S(() => O($.schema));
-    function O(T) {
+    }), Ce = S(() => N($.schema));
+    function N(C) {
       const y = [];
-      for (const K of T)
-        K.type !== "wx-blocks" && !(K.children?.length && !K.name) && y.push(K.id), K.children && y.push(...O(K.children));
+      for (const K of C)
+        K.type !== "wx-blocks" && !(K.children?.length && !K.name) && y.push(K.id), K.children && y.push(...N(K.children));
       return y;
     }
-    function j(T) {
-      u.value = T, Object.assign(b, {
-        kind: _e(T),
-        slug: T.slug,
-        title: T.title,
-        description: T.description,
-        icon: T.icon,
-        group: T.group,
-        sort: T.sort,
-        allow: T.allow ?? [],
-        allowed_in: T.allowed_in ?? [],
-        max_per_entity: T.max_per_entity,
-        is_enabled: T.is_enabled
+    function j(C) {
+      u.value = C, Object.assign(b, {
+        kind: $e(C),
+        slug: C.slug,
+        title: C.title,
+        description: C.description,
+        icon: C.icon,
+        group: C.group,
+        sort: C.sort,
+        allow: C.allow ?? [],
+        allowed_in: C.allowed_in ?? [],
+        max_per_entity: C.max_per_entity,
+        is_enabled: C.is_enabled
       });
-      const y = T.content ?? {
+      const y = C.content ?? {
         schema: [],
         template: "",
         styles: "",
         script: null,
         sample: {}
       };
-      Object.assign($, Ee(y)), R.value = JSON.stringify(y.schema, null, 2), Y.value = null, Q.value = X.value;
+      Object.assign($, Ae(y)), R.value = JSON.stringify(y.schema, null, 2), G.value = null, ee.value = Q.value;
     }
-    async function C() {
+    async function q() {
       d.value = !0;
       try {
-        j(await o.get(p.value)), m.value = await o.usage(p.value), Ve();
-      } catch (T) {
-        Z.danger(r(T));
+        j(await o.get(p.value)), m.value = await o.usage(p.value), Be();
+      } catch (C) {
+        X.danger(r(C));
       } finally {
         d.value = !1;
       }
     }
-    function z(T) {
-      R.value = T;
+    function pe(C) {
+      R.value = C;
       try {
-        const y = JSON.parse(T);
+        const y = JSON.parse(C);
         if (!Array.isArray(y)) throw new Error("not a list");
-        $.schema = y, Y.value = null;
+        $.schema = y, G.value = null;
       } catch (y) {
-        Y.value = s("page.schema-invalid", { error: y.message });
+        G.value = s("page.schema-invalid", { error: y.message });
       }
     }
-    let I, q = 0;
-    function ne() {
-      clearTimeout(I), I = setTimeout(() => {
-        Ie();
+    let V, O = 0;
+    function I() {
+      clearTimeout(V), V = setTimeout(() => {
+        Y();
       }, 250);
     }
-    async function Ie() {
+    async function Y() {
       if (!u.value) return;
-      const T = ++q;
+      const C = ++O;
       P.loading = !0;
       try {
         const y = await o.render(u.value.id, {
@@ -1642,35 +1642,35 @@ const xo = { class: "wx-block-editor" }, _o = { class: "wx-block-editor__split"
             schema: $.schema
           } : void 0
         });
-        if (T !== q) return;
+        if (C !== O) return;
         P.html = y.html, P.styles = y.styles, P.script = y.script, P.runtime = y.runtime, P.stage = y.stage ?? null;
       } catch (y) {
-        T === q && Z.danger(r(y));
+        C === O && X.danger(r(y));
       } finally {
-        T === q && (P.loading = !1);
+        C === O && (P.loading = !1);
       }
     }
-    ce(
+    ue(
       () => [$.template, $.styles, $.script, $.schema, $.sample],
-      ne,
+      I,
       { deep: !0 }
     );
-    const Ne = U(null);
-    function Ye(T) {
-      return `{{ $${T} }}`;
+    const Te = U(null);
+    function Ye(C) {
+      return `{{ $${C} }}`;
     }
-    function Ae(T) {
-      const K = Ne.value?.view?.value;
+    function Le(C) {
+      const K = Te.value?.view?.value;
       if (!K) {
-        $.template += `{{ $${T} }}`;
+        $.template += `{{ $${C} }}`;
         return;
       }
-      K.dispatch(K.state.replaceSelection(`{{ $${T} }}`)), K.focus();
+      K.dispatch(K.state.replaceSelection(`{{ $${C} }}`)), K.focus();
     }
     async function Ue() {
       if (!u.value) return;
       f.value = !0, ae.value = {}, D.value = null;
-      const T = u.value.draft?.number ?? null;
+      const C = u.value.draft?.number ?? null;
       try {
         const y = await o.update(u.value.id, {
           ...b,
@@ -1678,36 +1678,36 @@ const xo = { class: "wx-block-editor" }, _o = { class: "wx-block-editor__split"
           allowed_in: b.allowed_in.length ? b.allowed_in : null,
           description: b.description || null,
           icon: b.icon || null,
-          content: Y.value ? { ...$, schema: void 0 } : $
+          content: G.value ? { ...$, schema: void 0 } : $
         });
-        j(y), Z.success(
-          y.draft && y.draft.number !== T ? s("page.saved", { number: y.draft.number }) : s("page.unchanged")
+        j(y), X.success(
+          y.draft && y.draft.number !== C ? s("page.saved", { number: y.draft.number }) : s("page.unchanged")
         );
       } catch (y) {
         const K = y.body;
-        K?.errors ? (ae.value = K.errors, Z.danger(s("page.failed"))) : Z.danger(r(y, s("page.failed")));
+        K?.errors ? (ae.value = K.errors, X.danger(s("page.failed"))) : X.danger(r(y, s("page.failed")));
       } finally {
         f.value = !1;
       }
     }
     async function ct() {
-      if (!(!u.value?.draft || (te.value && await Ue(), !u.value.draft) || !await vt({
+      if (!(!u.value?.draft || (le.value && await Ue(), !u.value.draft) || !await vt({
         title: s("page.publish-title", { number: u.value.draft.number }),
         // A component stands on no page itself; what a new version reaches is the blocks calling it.
         // A declared place is also printed by the module's views, which the count does not see.
-        message: Te.value ? s("components.publish-declared", {
-          module: Te.value,
-          count: Ce.value.length
-        }) : fe.value ? s("components.publish-text", { count: Ce.value.length }) : s("page.publish-text", { count: u.value.usage_count }),
+        message: Ve.value ? s("components.publish-declared", {
+          module: Ve.value,
+          count: Ee.value.length
+        }) : fe.value ? s("components.publish-text", { count: Ee.value.length }) : s("page.publish-text", { count: u.value.usage_count }),
         confirmText: s("page.publish"),
         cancelText: s("page.cancel")
       }))) {
         h.value = !0, D.value = null;
         try {
-          j(await o.publish(u.value.id)), Z.success(s("page.published", { number: u.value.published?.number ?? 0 }));
+          j(await o.publish(u.value.id)), X.success(s("page.published", { number: u.value.published?.number ?? 0 }));
         } catch (y) {
           const K = y.body;
-          K?.errors ? (D.value = K, x.value = "template", Z.danger(s("page.publish-failed"))) : Z.danger(r(y, s("page.publish-failed")));
+          K?.errors ? (D.value = K, x.value = "template", X.danger(s("page.publish-failed"))) : X.danger(r(y, s("page.publish-failed")));
         } finally {
           h.value = !1;
         }
@@ -1715,21 +1715,21 @@ const xo = { class: "wx-block-editor" }, _o = { class: "wx-block-editor__split"
     }
     async function A() {
       if (!u.value) return;
-      const T = u.value.declared != null;
+      const C = u.value.declared != null;
       if (await vt({
-        title: T ? s("components.delete-declared-title", { title: u.value.title }) : s("page.delete-title", { title: u.value.title }),
-        message: s(T ? "components.delete-declared-text" : "page.delete-text"),
-        confirmText: s(T ? "components.delete-declared" : "page.delete"),
+        title: C ? s("components.delete-declared-title", { title: u.value.title }) : s("page.delete-title", { title: u.value.title }),
+        message: s(C ? "components.delete-declared-text" : "page.delete-text"),
+        confirmText: s(C ? "components.delete-declared" : "page.delete"),
         cancelText: s("page.cancel"),
         tone: "danger"
       }))
         try {
-          await o.remove(u.value.id), Z.success(s("page.deleted")), i.push(l.base);
+          await o.remove(u.value.id), X.success(s("page.deleted")), i.push(l.base);
         } catch (K) {
-          Z.danger(r(K));
+          X.danger(r(K));
         }
     }
-    const N = S(
+    const z = S(
       () => D.value ? {
         message: D.value.errors.template?.[0] ?? D.value.message,
         line: D.value.line,
@@ -1737,7 +1737,7 @@ const xo = { class: "wx-block-editor" }, _o = { class: "wx-block-editor__split"
           title: D.value.entity.title ?? `#${D.value.entity.id}`
         }) : null
       } : null
-    ), H = S(() => x.value === "template" || x.value === "styles"), ve = S(() => [
+    ), H = S(() => x.value === "template" || x.value === "styles"), be = S(() => [
       {
         title: s("page.example-handler"),
         code: `el.querySelector('.b-hero__button')?.addEventListener('click', (event) => {
@@ -1760,25 +1760,25 @@ setInterval(() => el.classList.toggle('is-second'), seconds * 1000)`
 
 new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       }
-    ]), ee = S(() => m.value.slice(0, 5)), fe = S(() => b.kind === "component"), Ce = S(() => u.value?.used_by ?? []), Te = S(() => {
-      const T = u.value?.declared?.module;
-      return T ? t.state.manifest?.modules.find((y) => y.id === T)?.title ?? T.charAt(0).toUpperCase() + T.slice(1) : null;
+    ]), te = S(() => m.value.slice(0, 5)), fe = S(() => b.kind === "component"), Ee = S(() => u.value?.used_by ?? []), Ve = S(() => {
+      const C = u.value?.declared?.module;
+      return C ? t.state.manifest?.modules.find((y) => y.id === C)?.title ?? C.charAt(0).toUpperCase() + C.slice(1) : null;
     }), Ge = S(
-      () => fe.value ? Tl(Ce.value.length, s) : Cl(u.value?.usage_count ?? 0, s)
+      () => fe.value ? Tl(Ee.value.length, s) : Cl(u.value?.usage_count ?? 0, s)
     ), Ze = S(
-      () => (u.value?.usage_count ?? 0) > 0 || Ce.value.length > 0 || Te.value !== null
+      () => (u.value?.usage_count ?? 0) > 0 || Ee.value.length > 0 || Ve.value !== null
     ), Pe = S(() => {
-      const T = u.value?.usage_count ?? 0;
-      return T > 0 ? T === 1 ? s("page.delete-used-one") : s("page.delete-used", { count: T }) : Ce.value.length > 0 ? s("components.delete-called", {
-        titles: Ce.value.map((y) => `"${y.title}"`).join(", ")
+      const C = u.value?.usage_count ?? 0;
+      return C > 0 ? C === 1 ? s("page.delete-used-one") : s("page.delete-used", { count: C }) : Ee.value.length > 0 ? s("components.delete-called", {
+        titles: Ee.value.map((y) => `"${y.title}"`).join(", ")
       }) : null;
     }), dt = S(
       () => yo(b.slug, $.schema, $.sample, u.value?.declared?.fallback ?? null)
     ), Vl = S(
-      () => Pt($.schema).filter((T) => T.type === "wx-data").map((T) => {
-        const y = typeof T.props?.shape == "string" ? T.props.shape : null;
+      () => Pt($.schema).filter((C) => C.type === "wx-data").map((C) => {
+        const y = typeof C.props?.shape == "string" ? C.props.shape : null;
         return {
-          id: T.id,
+          id: C.id,
           shape: y,
           fields: y ? u.value?.shape?.[y]?.fields ?? [] : []
         };
@@ -1786,22 +1786,22 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
     );
     async function Al() {
       try {
-        await navigator.clipboard.writeText(dt.value), Z.success(s("components.copied"));
+        await navigator.clipboard.writeText(dt.value), X.success(s("components.copied"));
       } catch {
       }
     }
-    function be(T) {
-      return ae.value[T]?.[0];
+    function ge(C) {
+      return ae.value[C]?.[0];
     }
-    function Rt(T) {
-      te.value && T.preventDefault();
+    function Rt(C) {
+      le.value && C.preventDefault();
     }
     ot(() => {
-      C(), window.addEventListener("beforeunload", Rt);
+      q(), window.addEventListener("beforeunload", Rt);
     }), st(() => {
-      clearTimeout(I), window.removeEventListener("beforeunload", Rt);
-    }), ce(p, () => {
-      C();
+      clearTimeout(V), window.removeEventListener("beforeunload", Rt);
+    }), ue(p, () => {
+      q();
     });
     const Bl = S(() => [
       { value: "block", label: s("components.kind-block") },
@@ -1816,14 +1816,14 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
           label: s("page.publish"),
           primary: !0,
           loading: h.value,
-          disabled: !u.value?.draft && !te.value,
+          disabled: !u.value?.draft && !le.value,
           run: () => {
             ct();
           }
         }
       ] : []
     );
-    return (T, y) => {
+    return (C, y) => {
       const K = Mt("router-link");
       return c(), w("div", xo, [
         d.value || !u.value ? (c(), w(F, { key: 0 }, [
@@ -1832,14 +1832,14 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
             title: "",
             rows: 1
           }),
-          V("div", _o, [
-            v(n(ze), null, {
+          E("div", _o, [
+            v(n(De), null, {
               default: g(() => [
                 v(n(He), { rows: 8 })
               ]),
               _: 1
             }),
-            v(n(ze), null, {
+            v(n(De), null, {
               default: g(() => [
                 v(n(He), { rows: 4 })
               ]),
@@ -1860,7 +1860,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 placeholder: n(s)("page.title"),
                 onRename: y[0] || (y[0] = (M) => b.title = M)
               }, null, 8, ["name", "placeholder"])) : L("", !0),
-              te.value ? (c(), W(n(ge), {
+              le.value ? (c(), W(n(ke), {
                 key: 1,
                 type: "primary",
                 dot: ""
@@ -1870,7 +1870,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 ]),
                 _: 1
               })) : L("", !0),
-              u.value.draft ? (c(), W(n(ge), {
+              u.value.draft ? (c(), W(n(ke), {
                 key: 2,
                 type: "warning",
                 dot: ""
@@ -1880,7 +1880,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 ]),
                 _: 1
               })) : L("", !0),
-              u.value.published ? (c(), W(n(ge), {
+              u.value.published ? (c(), W(n(ke), {
                 key: 3,
                 type: "success",
                 dot: ""
@@ -1889,7 +1889,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                   B(k(n(s)("page.live", { number: u.value.published.number })), 1)
                 ]),
                 _: 1
-              })) : (c(), W(n(ge), {
+              })) : (c(), W(n(ke), {
                 key: 4,
                 type: "default"
               }, {
@@ -1900,7 +1900,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
               }))
             ]),
             subtitle: g(() => [
-              V("code", null, k(b.slug), 1),
+              E("code", null, k(b.slug), 1),
               B(" · " + k(fe.value ? n(s)("components.kind-component") : n(qe)(b.group, n(s))) + " · ", 1),
               Ze.value ? (c(), W(n(Wl), {
                 key: 0,
@@ -1909,11 +1909,11 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 align: "start"
               }, {
                 trigger: g(() => [
-                  V("button", $o, k(Ge.value), 1)
+                  E("button", $o, k(Ge.value), 1)
                 ]),
                 default: g(() => [
-                  V("div", So, [
-                    (c(!0), w(F, null, G(Ce.value, (M) => (c(), W(K, {
+                  E("div", So, [
+                    (c(!0), w(F, null, Z(Ee.value, (M) => (c(), W(K, {
                       key: `type:${M.id}`,
                       to: `${e.base}/${M.id}`,
                       class: "wx-block-editor__use"
@@ -1923,13 +1923,13 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                       ]),
                       _: 2
                     }, 1032, ["to"]))), 128)),
-                    Te.value ? (c(), w("div", Co, k(n(s)("components.module-views", { module: Te.value })), 1)) : L("", !0),
-                    (c(!0), w(F, null, G(ee.value, (M) => (c(), w("div", {
+                    Ve.value ? (c(), w("div", Co, k(n(s)("components.module-views", { module: Ve.value })), 1)) : L("", !0),
+                    (c(!0), w(F, null, Z(te.value, (M) => (c(), w("div", {
                       key: `${M.model}:${M.id}`,
                       class: "wx-block-editor__use"
                     }, [
-                      V("span", null, k(M.title ?? `#${M.id}`), 1),
-                      M.published ? L("", !0) : (c(), W(n(ge), {
+                      E("span", null, k(M.title ?? `#${M.id}`), 1),
+                      M.published ? L("", !0) : (c(), W(n(ke), {
                         key: 0,
                         type: "warning",
                         size: "sm"
@@ -1940,13 +1940,13 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                         _: 1
                       }))
                     ]))), 128)),
-                    m.value.length > ee.value.length ? (c(), W(n(J), {
+                    m.value.length > te.value.length ? (c(), W(n(J), {
                       key: 1,
                       size: "sm",
                       tone: "muted"
                     }, {
                       default: g(() => [
-                        B(k(n(s)("page.usage-more", { count: m.value.length - ee.value.length })), 1)
+                        B(k(n(s)("page.usage-more", { count: m.value.length - te.value.length })), 1)
                       ]),
                       _: 1
                     })) : L("", !0)
@@ -1959,14 +1959,14 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
             ]),
             _: 1
           }, 8, ["title", "back", "back-label", "actions"]),
-          E.value.editing ? L("", !0) : (c(), W(n(al), {
+          T.value.editing ? L("", !0) : (c(), W(n(al), {
             key: 0,
             type: "info",
             variant: "soft",
             description: n(s)("page.editing-off")
           }, null, 8, ["description"])),
-          V("div", {
-            class: Le(["wx-block-editor__columns", { "is-alone": !H.value }])
+          E("div", {
+            class: Me(["wx-block-editor__columns", { "is-alone": !H.value }])
           }, [
             v(n(Ml), {
               modelValue: x.value,
@@ -1979,20 +1979,20 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                   label: n(s)("page.tab-template")
                 }, {
                   default: g(() => [
-                    V("div", To, [
+                    E("div", To, [
                       v(n(Qe), {
                         ref_key: "templateEditor",
-                        ref: Ne,
+                        ref: Te,
                         modelValue: $.template,
                         "onUpdate:modelValue": y[1] || (y[1] = (M) => $.template = M),
                         language: "php",
-                        extensions: we.template,
+                        extensions: xe.template,
                         readonly: !_.value,
                         "min-height": "340px",
                         "max-height": "70vh",
                         "line-wrapping": ""
                       }, null, 8, ["modelValue", "extensions", "readonly"]),
-                      Se.value.length ? (c(), w("div", Eo, [
+                      Ce.value.length ? (c(), w("div", Eo, [
                         v(n(J), {
                           size: "sm",
                           tone: "muted"
@@ -2002,23 +2002,23 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           ]),
                           _: 1
                         }),
-                        (c(!0), w(F, null, G(Se.value, (M) => (c(), w("button", {
+                        (c(!0), w(F, null, Z(Ce.value, (M) => (c(), w("button", {
                           key: M,
                           type: "button",
                           class: "wx-block-editor__pill",
                           disabled: !_.value,
-                          onClick: (Xe) => Ae(M),
+                          onClick: (Xe) => Le(M),
                           textContent: k(Ye(M))
                         }, null, 8, Vo))), 128))
                       ])) : L("", !0),
                       v(Yt, {
                         file: "template",
-                        lints: $e.value,
+                        lints: Se.value,
                         slug: b.slug,
-                        error: N.value
+                        error: z.value
                       }, null, 8, ["lints", "slug", "error"])
                     ]),
-                    fe.value ? (c(), W(n(ze), {
+                    fe.value ? (c(), W(n(De), {
                       key: 0,
                       class: "wx-block-editor__call",
                       title: n(s)("components.call")
@@ -2033,11 +2033,11 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           ]),
                           _: 1
                         }),
-                        V("div", Ao, [
-                          V("pre", null, [
-                            V("code", null, k(dt.value), 1)
+                        E("div", Ao, [
+                          E("pre", null, [
+                            E("code", null, k(dt.value), 1)
                           ]),
-                          v(n(de), {
+                          v(n(ce), {
                             size: "sm",
                             variant: "outline",
                             onClick: Al
@@ -2048,7 +2048,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             _: 1
                           })
                         ]),
-                        (c(!0), w(F, null, G(Vl.value, (M) => (c(), w("div", {
+                        (c(!0), w(F, null, Z(Vl.value, (M) => (c(), w("div", {
                           key: M.id,
                           class: "wx-block-editor__shape"
                         }, [
@@ -2063,14 +2063,14 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             _: 2
                           }, 1024),
                           M.fields.length ? (c(), w("dl", Lo, [
-                            (c(!0), w(F, null, G(M.fields, (Xe) => (c(), w(F, {
+                            (c(!0), w(F, null, Z(M.fields, (Xe) => (c(), w(F, {
                               key: Xe.name
                             }, [
-                              V("dt", null, [
-                                V("code", null, k(Xe.name), 1),
-                                V("span", Wo, k(Xe.type), 1)
+                              E("dt", null, [
+                                E("code", null, k(Xe.name), 1),
+                                E("span", Wo, k(Xe.type), 1)
                               ]),
-                              V("dd", null, k(Xe.description), 1)
+                              E("dd", null, k(Xe.description), 1)
                             ], 64))), 128))
                           ])) : L("", !0)
                         ]))), 128)),
@@ -2094,19 +2094,19 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                   label: n(s)("page.tab-styles")
                 }, {
                   default: g(() => [
-                    V("div", Mo, [
+                    E("div", Mo, [
                       v(n(Qe), {
                         modelValue: $.styles,
                         "onUpdate:modelValue": y[2] || (y[2] = (M) => $.styles = M),
                         language: "css",
-                        extensions: we.styles,
+                        extensions: xe.styles,
                         readonly: !_.value,
                         "min-height": "340px",
                         "max-height": "70vh"
                       }, null, 8, ["modelValue", "extensions", "readonly"]),
                       v(Yt, {
                         file: "styles",
-                        lints: $e.value,
+                        lints: Se.value,
                         slug: b.slug
                       }, null, 8, ["lints", "slug"])
                     ])
@@ -2118,7 +2118,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                   label: n(s)("page.tab-script")
                 }, {
                   default: g(() => [
-                    V("div", No, [
+                    E("div", No, [
                       v(n(Qe), {
                         "model-value": $.script ?? "",
                         language: "javascript",
@@ -2127,7 +2127,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                         "max-height": "70vh",
                         "onUpdate:modelValue": y[3] || (y[3] = (M) => $.script = M || null)
                       }, null, 8, ["model-value", "readonly"]),
-                      V("div", zo, [
+                      E("div", zo, [
                         v(n(J), {
                           size: "sm",
                           tone: "muted"
@@ -2142,18 +2142,18 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           tone: "muted"
                         }, {
                           default: g(() => [
-                            B(k(E.value.provides.length ? n(s)("page.provides", { names: E.value.provides.join(", ") }) : n(s)("page.provides-none")), 1)
+                            B(k(T.value.provides.length ? n(s)("page.provides", { names: T.value.provides.join(", ") }) : n(s)("page.provides-none")), 1)
                           ]),
                           _: 1
                         })
                       ])
                     ]),
-                    v(n(ze), {
+                    v(n(De), {
                       class: "wx-block-editor__examples",
                       title: n(s)("page.examples")
                     }, {
                       default: g(() => [
-                        (c(!0), w(F, null, G(ve.value, (M) => (c(), w("div", {
+                        (c(!0), w(F, null, Z(be.value, (M) => (c(), w("div", {
                           key: M.title,
                           class: "wx-block-editor__example"
                         }, [
@@ -2166,8 +2166,8 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             ]),
                             _: 2
                           }, 1024),
-                          V("pre", null, [
-                            V("code", null, k(M.code), 1)
+                          E("pre", null, [
+                            E("code", null, k(M.code), 1)
                           ])
                         ]))), 128))
                       ]),
@@ -2181,35 +2181,35 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                   label: fe.value ? n(s)("components.tab-inputs") : n(s)("page.tab-fields")
                 }, {
                   default: g(() => [
-                    V("div", Do, [
-                      V("div", Oo, [
+                    E("div", Do, [
+                      E("div", Oo, [
                         v(n(Qe), {
                           "model-value": R.value,
                           language: "json",
-                          extensions: we.schema,
+                          extensions: xe.schema,
                           lint: "",
                           readonly: !_.value,
                           "min-height": "340px",
                           "max-height": "70vh",
-                          "onUpdate:modelValue": z
+                          "onUpdate:modelValue": pe
                         }, null, 8, ["model-value", "extensions", "readonly"]),
-                        V("div", Io, [
-                          Y.value ? (c(), W(n(J), {
+                        E("div", Io, [
+                          G.value ? (c(), W(n(J), {
                             key: 0,
                             size: "sm",
                             tone: "danger"
                           }, {
                             default: g(() => [
-                              B(k(Y.value), 1)
+                              B(k(G.value), 1)
                             ]),
                             _: 1
-                          })) : be("content.schema") ? (c(), W(n(J), {
+                          })) : ge("content.schema") ? (c(), W(n(J), {
                             key: 1,
                             size: "sm",
                             tone: "danger"
                           }, {
                             default: g(() => [
-                              B(k(be("content.schema")), 1)
+                              B(k(ge("content.schema")), 1)
                             ]),
                             _: 1
                           })) : (c(), W(n(J), {
@@ -2228,15 +2228,15 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           }, null, 8, ["title", "body"])
                         ])
                       ]),
-                      v(n(ze), {
+                      v(n(De), {
                         class: "wx-block-editor__sample",
                         title: n(s)("page.sample")
                       }, {
                         default: g(() => [
                           $.schema.length ? (c(), W(n(cl), {
                             key: 0,
-                            modelValue: re.value,
-                            "onUpdate:modelValue": y[4] || (y[4] = (M) => re.value = M),
+                            modelValue: ve.value,
+                            "onUpdate:modelValue": y[4] || (y[4] = (M) => ve.value = M),
                             root: n(Ut)($.schema),
                             types: n(t).types,
                             translate: n(t).i18n.t,
@@ -2256,13 +2256,13 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                   label: n(s)("page.tab-settings")
                 }, {
                   default: g(() => [
-                    v(n(ze), { class: "wx-block-editor__sheet" }, {
+                    v(n(De), { class: "wx-block-editor__sheet" }, {
                       default: g(() => [
-                        V("div", Uo, [
-                          v(n(ue), {
+                        E("div", Uo, [
+                          v(n(re), {
                             label: n(s)("components.kind"),
                             help: n(s)("components.kind-help"),
-                            error: be("kind"),
+                            error: ge("kind"),
                             disabled: !_.value
                           }, {
                             default: g(() => [
@@ -2274,10 +2274,10 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"]),
-                          v(n(ue), {
+                          v(n(re), {
                             label: n(s)("page.identifier"),
                             help: n(s)("page.identifier-help"),
-                            error: be("slug"),
+                            error: ge("slug"),
                             disabled: !_.value
                           }, {
                             default: g(() => [
@@ -2288,11 +2288,11 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"]),
-                          fe.value ? L("", !0) : (c(), W(n(ue), {
+                          fe.value ? L("", !0) : (c(), W(n(re), {
                             key: 0,
                             label: n(s)("page.group"),
                             help: n(s)("page.group-help"),
-                            error: be("group"),
+                            error: ge("group"),
                             disabled: !_.value
                           }, {
                             default: g(() => [
@@ -2304,11 +2304,11 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"])),
-                          v(n(ue), {
+                          v(n(re), {
                             class: "is-wide",
                             label: n(s)("page.description"),
                             help: n(s)("page.description-help"),
-                            error: be("description"),
+                            error: ge("description"),
                             disabled: !_.value
                           }, {
                             default: g(() => [
@@ -2320,9 +2320,9 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"]),
-                          v(n(ue), {
+                          v(n(re), {
                             label: n(s)("page.icon"),
-                            error: be("icon"),
+                            error: ge("icon"),
                             disabled: !_.value
                           }, {
                             default: g(() => [
@@ -2338,10 +2338,10 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             ]),
                             _: 1
                           }, 8, ["label", "error", "disabled"]),
-                          v(n(ue), {
+                          v(n(re), {
                             label: n(s)("page.sort"),
                             help: n(s)("page.sort-help"),
-                            error: be("sort"),
+                            error: ge("sort"),
                             disabled: !_.value
                           }, {
                             default: g(() => [
@@ -2352,11 +2352,11 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"]),
-                          fe.value ? L("", !0) : (c(), W(n(ue), {
+                          fe.value ? L("", !0) : (c(), W(n(re), {
                             key: 1,
                             label: n(s)("page.allow"),
                             help: n(s)("page.allow-help"),
-                            error: be("allow"),
+                            error: ge("allow"),
                             disabled: !_.value
                           }, {
                             default: g(() => [
@@ -2368,11 +2368,11 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"])),
-                          fe.value ? L("", !0) : (c(), W(n(ue), {
+                          fe.value ? L("", !0) : (c(), W(n(re), {
                             key: 2,
                             label: n(s)("page.allowed-in"),
                             help: n(s)("page.allowed-in-help"),
-                            error: be("allowed_in"),
+                            error: ge("allowed_in"),
                             disabled: !_.value
                           }, {
                             default: g(() => [
@@ -2385,11 +2385,11 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"])),
-                          fe.value ? L("", !0) : (c(), W(n(ue), {
+                          fe.value ? L("", !0) : (c(), W(n(re), {
                             key: 3,
                             label: n(s)("page.max-per-entity"),
                             help: n(s)("page.max-per-entity-help"),
-                            error: be("max_per_entity"),
+                            error: ge("max_per_entity"),
                             disabled: !_.value
                           }, {
                             default: g(() => [
@@ -2401,7 +2401,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"])),
-                          fe.value ? L("", !0) : (c(), W(n(ue), {
+                          fe.value ? L("", !0) : (c(), W(n(re), {
                             key: 4,
                             label: n(s)("page.enabled"),
                             help: n(s)("page.enabled-help"),
@@ -2416,7 +2416,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             _: 1
                           }, 8, ["label", "help", "disabled"])),
                           _.value ? (c(), w("div", Po, [
-                            v(n(de), {
+                            v(n(ce), {
                               type: "danger",
                               variant: "outline",
                               disabled: Pe.value !== null,
@@ -2450,7 +2450,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                   label: n(s)("page.tab-history")
                 }, {
                   default: g(() => [
-                    v(n(ze), {
+                    v(n(De), {
                       class: "wx-block-editor__sheet",
                       padding: "none"
                     }, {
@@ -2483,7 +2483,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
           ], 2),
           _.value ? (c(), W(n(Dl), { key: 1 }, {
             default: g(() => [
-              v(n(de), {
+              v(n(ce), {
                 variant: "outline",
                 loading: f.value,
                 onClick: Ue
@@ -2493,10 +2493,10 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 ]),
                 _: 1
               }, 8, ["loading"]),
-              v(n(de), {
+              v(n(ce), {
                 type: "primary",
                 loading: h.value,
-                disabled: !u.value.draft && !te.value,
+                disabled: !u.value.draft && !le.value,
                 onClick: ct
               }, {
                 default: g(() => [
@@ -2526,8 +2526,8 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
   },
   setup(e) {
     const { resolve: l, dismiss: t, open: o } = At();
-    We();
-    const a = pe("webx-blocks");
+    Ne();
+    const a = de("webx-blocks");
     return (i, s) => (c(), W(n(Bt), {
       open: n(o),
       "onUpdate:open": s[1] || (s[1] = (r) => Nt(o) ? o.value = r : null),
@@ -2535,7 +2535,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       width: 520
     }, {
       footer: g(() => [
-        v(n(de), {
+        v(n(ce), {
           variant: "outline",
           onClick: s[0] || (s[0] = (r) => n(t)())
         }, {
@@ -2552,23 +2552,23 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
           title: n(a)("field.move-none"),
           size: "sm"
         }, null, 8, ["title"])) : (c(), w("div", Fo, [
-          (c(!0), w(F, null, G(e.destinations, (r) => (c(), w("button", {
+          (c(!0), w(F, null, Z(e.destinations, (r) => (c(), w("button", {
             key: `${r.parentKey}:${r.field}`,
             type: "button",
             class: "wx-block-move__place",
             disabled: r.full,
             onClick: (p) => n(l)(r)
           }, [
-            v(n(ke), {
+            v(n(ye), {
               name: r.parentKey === null ? "file" : "folder"
             }, null, 8, ["name"]),
-            V("span", Ko, [
+            E("span", Ko, [
               r.trail.length === 0 ? (c(), w(F, { key: 0 }, [
                 B(k(e.topLabel), 1)
-              ], 64)) : (c(!0), w(F, { key: 1 }, G(r.trail, (p, u) => (c(), w(F, { key: u }, [
+              ], 64)) : (c(!0), w(F, { key: 1 }, Z(r.trail, (p, u) => (c(), w(F, { key: u }, [
                 u > 0 ? (c(), w("span", qo, "/")) : L("", !0),
-                V("span", {
-                  class: Le({ "is-last": u === r.trail.length - 1 })
+                E("span", {
+                  class: Me({ "is-last": u === r.trail.length - 1 })
                 }, k(p), 3)
               ], 64))), 128))
             ]),
@@ -2653,9 +2653,9 @@ const Xo = ["srcdoc"], Qo = {
     function d(f) {
       if (!l.fit) return;
       m?.disconnect();
-      const h = f.target, x = h.contentWindow, E = h.contentDocument;
-      if (!x || !E?.body) return;
-      const _ = E.querySelector("[data-wx-block]") ?? E.body, b = () => {
+      const h = f.target, x = h.contentWindow, T = h.contentDocument;
+      if (!x || !T?.body) return;
+      const _ = T.querySelector("[data-wx-block]") ?? T.body, b = () => {
         const $ = _.getBoundingClientRect();
         a.value = { left: $.left, top: $.top, width: $.width, height: $.height };
       };
@@ -2665,19 +2665,19 @@ const Xo = ["srcdoc"], Qo = {
       ref_key: "box",
       ref: t,
       class: "wx-block-thumb",
-      style: Oe({ height: `${e.height}px` })
+      style: Ie({ height: `${e.height}px` })
     }, [
       e.thumbnail ? (c(), w("iframe", {
         key: 0,
         class: "wx-block-thumb__frame",
         srcdoc: p.value,
-        style: Oe(u.value),
+        style: Ie(u.value),
         sandbox: "allow-same-origin",
         tabindex: "-1",
         "aria-hidden": "true",
         onLoad: d
       }, null, 44, Xo)) : (c(), w("div", Qo, [
-        v(n(ke), { name: "grid" })
+        v(n(ye), { name: "grid" })
       ]))
     ], 4));
   }
@@ -2703,8 +2703,8 @@ function ts(e, l, t, o) {
       if (d.key === l) continue;
       const f = t.find((x) => x.slug === d.type), h = f?.content ? Ot(f.content.schema) : [];
       for (const x of h) {
-        const E = f.title, _ = h.length > 1 ? `${E} · ${x.label ?? x.id}` : E, b = d.values[x.id], $ = rt(b) ? b : [], R = x.props?.max ?? null, Y = x.props?.allow ?? null;
-        !r(d.key, x.id) && Vt(i, f, Y) && s.push({
+        const T = f.title, _ = h.length > 1 ? `${T} · ${x.label ?? x.id}` : T, b = d.values[x.id], $ = rt(b) ? b : [], R = x.props?.max ?? null, G = x.props?.allow ?? null;
+        !r(d.key, x.id) && Vt(i, f, G) && s.push({
           parentKey: d.key,
           field: x.id,
           trail: [...m, _],
@@ -2730,14 +2730,14 @@ const ls = { class: "wx-block-picker" }, ns = {
   },
   setup(e) {
     const l = e, { resolve: t, dismiss: o, open: a } = At();
-    We();
-    const i = pe("webx-blocks"), s = U("");
+    Ne();
+    const i = de("webx-blocks"), s = U("");
     function r(f) {
       return Vt(f, l.parent, l.allow);
     }
     const p = S(
       () => l.catalog.filter(
-        (f) => _e(f) !== "component" && f.is_enabled && f.published !== null && r(f)
+        (f) => $e(f) !== "component" && f.is_enabled && f.published !== null && r(f)
       ).map((f) => {
         const h = Mn(l.tree, f.slug), x = f.max_per_entity !== null && h >= f.max_per_entity;
         return { type: f, reason: x ? i("field.limit-reached", { count: h }) : null };
@@ -2749,13 +2749,13 @@ const ls = { class: "wx-block-picker" }, ns = {
       );
     }), m = S(() => {
       const f = [...l.groups];
-      for (const { type: E } of u.value)
-        f.includes(E.group) || f.push(E.group);
-      const h = f.map((E) => ({
-        id: E,
-        label: qe(E, i),
-        options: u.value.filter((_) => _.type.group === E)
-      })).filter((E) => E.options.length > 0);
+      for (const { type: T } of u.value)
+        f.includes(T.group) || f.push(T.group);
+      const h = f.map((T) => ({
+        id: T,
+        label: qe(T, i),
+        options: u.value.filter((_) => _.type.group === T)
+      })).filter((T) => T.options.length > 0);
       return u.value.length <= 5 || s.value.trim() !== "" || h.length < 2 ? [{ id: "", label: "", options: u.value }] : h;
     }), d = S(() => {
       if (l.catalog.length === 0) return i("field.pick-none");
@@ -2771,14 +2771,14 @@ const ls = { class: "wx-block-picker" }, ns = {
       const x = Mt("router-link");
       return c(), W(n(Bt), {
         open: n(a),
-        "onUpdate:open": h[2] || (h[2] = (E) => Nt(a) ? a.value = E : null),
+        "onUpdate:open": h[2] || (h[2] = (T) => Nt(a) ? a.value = T : null),
         title: n(i)("field.pick"),
         width: 860
       }, {
         footer: g(() => [
-          v(n(de), {
+          v(n(ce), {
             variant: "outline",
-            onClick: h[1] || (h[1] = (E) => n(o)())
+            onClick: h[1] || (h[1] = (T) => n(o)())
           }, {
             default: g(() => [
               B(k(n(i)("field.close")), 1)
@@ -2787,11 +2787,11 @@ const ls = { class: "wx-block-picker" }, ns = {
           })
         ]),
         default: g(() => [
-          V("div", ls, [
+          E("div", ls, [
             p.value.length > 0 ? (c(), W(n(nt), {
               key: 0,
               modelValue: s.value,
-              "onUpdate:modelValue": h[0] || (h[0] = (E) => s.value = E),
+              "onUpdate:modelValue": h[0] || (h[0] = (T) => s.value = T),
               placeholder: n(i)("field.search"),
               clearable: "",
               autofocus: ""
@@ -2815,16 +2815,16 @@ const ls = { class: "wx-block-picker" }, ns = {
               ]),
               _: 1
             }, 8, ["title"])) : L("", !0),
-            (c(!0), w(F, null, G(m.value, (E) => (c(), w("section", {
-              key: E.id,
+            (c(!0), w(F, null, Z(m.value, (T) => (c(), w("section", {
+              key: T.id,
               class: "wx-block-picker__group"
             }, [
-              E.label ? (c(), w("div", ns, k(E.label), 1)) : L("", !0),
-              V("div", os, [
-                (c(!0), w(F, null, G(E.options, (_) => (c(), w("button", {
+              T.label ? (c(), w("div", ns, k(T.label), 1)) : L("", !0),
+              E("div", os, [
+                (c(!0), w(F, null, Z(T.options, (_) => (c(), w("button", {
                   key: _.type.id,
                   type: "button",
-                  class: Le(["wx-block-picker__card", { "is-disabled": _.reason !== null }]),
+                  class: Me(["wx-block-picker__card", { "is-disabled": _.reason !== null }]),
                   disabled: _.reason !== null,
                   title: _.reason ?? void 0,
                   onClick: (b) => n(t)(_.type)
@@ -2833,8 +2833,8 @@ const ls = { class: "wx-block-picker" }, ns = {
                     thumbnail: _.type.thumbnail,
                     height: 96
                   }, null, 8, ["thumbnail"]),
-                  V("div", as, [
-                    V("div", is, k(_.type.title), 1),
+                  E("div", as, [
+                    E("div", is, k(_.type.title), 1),
                     _.reason ? (c(), W(n(J), {
                       key: 0,
                       size: "sm",
@@ -2874,7 +2874,7 @@ const ls = { class: "wx-block-picker" }, ns = {
   },
   emits: ["select", "edit"],
   setup(e, { expose: l, emit: t }) {
-    const o = e, a = t, i = pe("webx-blocks"), s = U(null), r = U(null), p = U(null), u = bt(p), m = U(!1), d = U(!1), f = U(null), h = U(0), x = S(() => h.value > 0), E = S(() => [
+    const o = e, a = t, i = de("webx-blocks"), s = U(null), r = U(null), p = U(null), u = bt(p), m = U(!1), d = U(!1), f = U(null), h = U(0), x = S(() => h.value > 0), T = S(() => [
       { 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") }
@@ -2885,7 +2885,7 @@ const ls = { class: "wx-block-picker" }, ns = {
     })), R = S(() => ({
       width: `${Math.round(_.value * b.value)}px`,
       ...x.value ? { height: `${Math.round(h.value * b.value)}px` } : {}
-    })), Y = S(() => {
+    })), G = S(() => {
       if (!o.url) return "";
       try {
         return `${new URL(o.url, location.origin).pathname} · ${_.value} px`;
@@ -2893,7 +2893,7 @@ const ls = { class: "wx-block-picker" }, ns = {
         return o.url;
       }
     });
-    function Q() {
+    function ee() {
       try {
         return s.value?.contentDocument ?? null;
       } catch {
@@ -2901,93 +2901,93 @@ const ls = { class: "wx-block-picker" }, ns = {
       }
     }
     let ae = null, D = null;
-    function P(O) {
-      O.documentElement.scrollTop !== 0 && (O.documentElement.scrollTop = 0);
+    function P(N) {
+      N.documentElement.scrollTop !== 0 && (N.documentElement.scrollTop = 0);
     }
-    function X() {
-      const O = Q(), j = O?.body;
-      if (!j || !O?.defaultView) return;
-      P(O);
-      const C = O.defaultView.getComputedStyle(j), z = (parseFloat(C.marginTop) || 0) + (parseFloat(C.marginBottom) || 0), I = Math.ceil(j.scrollHeight + z);
-      I !== h.value && (h.value = I, he !== null && Hl(() => requestAnimationFrame(we)));
+    function Q() {
+      const N = ee(), j = N?.body;
+      if (!j || !N?.defaultView) return;
+      P(N);
+      const q = N.defaultView.getComputedStyle(j), pe = (parseFloat(q.marginTop) || 0) + (parseFloat(q.marginBottom) || 0), V = Math.ceil(j.scrollHeight + pe);
+      V !== h.value && (h.value = V, he !== null && Hl(() => requestAnimationFrame(xe)));
     }
-    function te(O) {
+    function le(N) {
       D?.disconnect();
-      const j = O.defaultView;
-      !j || !O.body || (D = new j.ResizeObserver(X), D.observe(O.body), X());
+      const j = N.defaultView;
+      !j || !N.body || (D = new j.ResizeObserver(Q), D.observe(N.body), Q());
     }
-    function $e() {
+    function Se() {
       d.value = !0;
-      const O = Q();
-      O && (te(O), ae?.release(), ae = wn(O, {
+      const N = ee();
+      N && (le(N), ae?.release(), ae = wn(N, {
         /* 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: (j) => a("select", j)
-      }), kt(O, o.selected ?? null), ye(o.selected ?? null));
+      }), kt(N, o.selected ?? null), we(o.selected ?? null));
     }
-    let he = null, le = null;
-    function ye(O) {
-      O !== null && (he = O, le !== null && clearTimeout(le), le = window.setTimeout(() => {
-        he = null, le = null;
-      }, 400), we());
+    let he = null, ne = null;
+    function we(N) {
+      N !== null && (he = N, ne !== null && clearTimeout(ne), ne = window.setTimeout(() => {
+        he = null, ne = null;
+      }, 400), xe());
     }
-    function Ve(O) {
+    function Be(N) {
       const j = s.value?.getBoundingClientRect();
       if (!j) return null;
-      const C = O.getBoundingClientRect();
-      return { top: j.top + C.top * b.value, height: C.height * b.value };
+      const q = N.getBoundingClientRect();
+      return { top: j.top + q.top * b.value, height: q.height * b.value };
     }
-    function Me() {
-      let O = s.value?.parentElement ?? null;
-      for (; O; ) {
-        const j = getComputedStyle(O).overflowY;
-        if ((j === "auto" || j === "scroll") && O.scrollHeight > O.clientHeight)
-          return O;
-        O = O.parentElement;
+    function ze() {
+      let N = s.value?.parentElement ?? null;
+      for (; N; ) {
+        const j = getComputedStyle(N).overflowY;
+        if ((j === "auto" || j === "scroll") && N.scrollHeight > N.clientHeight)
+          return N;
+        N = N.parentElement;
       }
       return null;
     }
-    function we() {
-      const O = Q();
-      if (he === null || !O) return;
-      P(O);
-      const j = zt(O, he), C = j ? Ve(j) : null;
-      if (!C) return;
-      const z = Me(), I = z?.getBoundingClientRect(), q = r.value?.getBoundingClientRect().height ?? 0, ne = {
-        top: (I?.top ?? 0) + q,
-        bottom: (I ? I.bottom : window.innerHeight) - q
-      }, Ie = C.top + C.height, Ne = C.top < ne.top, Ye = C.height > ne.bottom - ne.top, Ae = Ne || Ye ? C.top - ne.top : Ie > ne.bottom ? Ie - ne.bottom : 0;
-      Ae !== 0 && (z ?? window).scrollBy({ top: Ae, behavior: "smooth" });
+    function xe() {
+      const N = ee();
+      if (he === null || !N) return;
+      P(N);
+      const j = zt(N, he), q = j ? Be(j) : null;
+      if (!q) return;
+      const pe = ze(), V = pe?.getBoundingClientRect(), O = r.value?.getBoundingClientRect().height ?? 0, I = {
+        top: (V?.top ?? 0) + O,
+        bottom: (V ? V.bottom : window.innerHeight) - O
+      }, Y = q.top + q.height, Te = q.top < I.top, Ye = q.height > I.bottom - I.top, Le = Te || Ye ? q.top - I.top : Y > I.bottom ? Y - I.bottom : 0;
+      Le !== 0 && (pe ?? window).scrollBy({ top: Le, behavior: "smooth" });
     }
-    function ie(O, j) {
-      const C = Q();
-      if (!C || !d.value) return !1;
-      const z = pl(C, O, j);
-      return z && kt(C, o.selected ?? null), z;
+    function ie(N, j) {
+      const q = ee();
+      if (!q || !d.value) return !1;
+      const pe = pl(q, N, j);
+      return pe && kt(q, o.selected ?? null), pe;
     }
-    function re() {
+    function ve() {
       d.value = !1, D?.disconnect(), D = null, s.value && o.url && (s.value.src = o.url);
     }
-    function Se(O) {
-      O.key === "Escape" && m.value && (m.value = !1, O.stopPropagation());
+    function Ce(N) {
+      N.key === "Escape" && m.value && (m.value = !1, N.stopPropagation());
     }
-    return ce(
+    return ue(
       () => o.selected,
-      (O) => {
-        const j = Q();
-        !j || !d.value || (kt(j, O ?? null), ye(O ?? null));
+      (N) => {
+        const j = ee();
+        !j || !d.value || (kt(j, N ?? null), we(N ?? null));
       }
-    ), ce(() => o.reload, re), ce(
+    ), ue(() => o.reload, ve), ue(
       () => o.url,
       () => d.value = !1
-    ), ot(() => window.addEventListener("keydown", Se)), st(() => {
-      window.removeEventListener("keydown", Se), le !== null && clearTimeout(le), D?.disconnect(), ae?.release();
-    }), l({ replace: ie, refresh: re, open: () => m.value = !0 }), (O, j) => (c(), w("div", {
-      class: Le(["wx-blocks-preview", { "is-fullscreen": m.value, "is-grown": x.value, "is-compact": e.compact }]),
-      style: Oe({ "--wx-preview-scale": b.value })
+    ), ot(() => window.addEventListener("keydown", Ce)), st(() => {
+      window.removeEventListener("keydown", Ce), ne !== null && clearTimeout(ne), D?.disconnect(), ae?.release();
+    }), l({ replace: ie, refresh: ve, open: () => m.value = !0 }), (N, j) => (c(), w("div", {
+      class: Me(["wx-blocks-preview", { "is-fullscreen": m.value, "is-grown": x.value, "is-compact": e.compact }]),
+      style: Ie({ "--wx-preview-scale": b.value })
     }, [
-      V("div", {
+      E("div", {
         ref_key: "bar",
         ref: r,
         class: "wx-blocks-preview__bar"
@@ -2999,26 +2999,26 @@ const ls = { class: "wx-block-picker" }, ns = {
           truncate: ""
         }, {
           default: g(() => [
-            B(k(Y.value), 1)
+            B(k(G.value), 1)
           ]),
           _: 1
         }),
         v(n(sl), {
           class: "wx-blocks-preview__widths",
           "model-value": _.value,
-          options: E.value,
+          options: T.value,
           size: "sm",
           "aria-label": n(i)("field.width"),
-          "onUpdate:modelValue": j[0] || (j[0] = (C) => f.value = Number(C))
+          "onUpdate:modelValue": j[0] || (j[0] = (q) => f.value = Number(q))
         }, null, 8, ["model-value", "options", "aria-label"]),
-        V("div", cs, [
+        E("div", cs, [
           e.compact ? (c(), W(n(et), {
             key: 0,
             size: "sm",
             tone: "primary",
             icon: "edit",
             title: n(i)("field.blocks"),
-            onClick: j[1] || (j[1] = (C) => a("edit"))
+            onClick: j[1] || (j[1] = (q) => a("edit"))
           }, null, 8, ["title"])) : L("", !0),
           e.url ? (c(), W(n(et), {
             key: 1,
@@ -3035,18 +3035,18 @@ const ls = { class: "wx-block-picker" }, ns = {
             icon: m.value ? "minimize" : "maximize",
             tone: "neutral",
             title: m.value ? n(i)("field.close") : n(i)("field.fullscreen"),
-            onClick: j[2] || (j[2] = (C) => m.value = !m.value)
+            onClick: j[2] || (j[2] = (q) => m.value = !m.value)
           }, null, 8, ["icon", "title"])
         ])
       ], 512),
-      V("div", {
+      E("div", {
         ref_key: "box",
         ref: p,
         class: "wx-blocks-preview__ground"
       }, [
-        V("div", {
+        E("div", {
           class: "wx-blocks-preview__clip",
-          style: Oe(R.value)
+          style: Ie(R.value)
         }, [
           e.url ? (c(), w("iframe", {
             key: 0,
@@ -3054,9 +3054,9 @@ const ls = { class: "wx-block-picker" }, ns = {
             ref: s,
             class: "wx-blocks-preview__frame",
             src: e.url,
-            style: Oe($.value),
+            style: Ie($.value),
             title: n(i)("field.preview"),
-            onLoad: $e
+            onLoad: Se
           }, null, 44, ds)) : L("", !0)
         ], 4)
       ], 512)
@@ -3080,7 +3080,7 @@ const ls = { class: "wx-block-picker" }, ns = {
   },
   emits: ["select", "add", "remove", "duplicate", "move", "visibility", "reorder"],
   setup(e, { emit: l }) {
-    const t = e, o = l, a = pe("webx-blocks");
+    const t = e, o = l, a = de("webx-blocks");
     function i(m) {
       return t.catalog.find((d) => d.slug === m.type) ?? null;
     }
@@ -3147,47 +3147,47 @@ const ls = { class: "wx-block-picker" }, ns = {
         plain: "",
         size: "sm",
         "empty-text": e.depth === 0 ? n(a)("field.empty") : "",
-        class: Le(["wx-blocks-tree", { "is-nested": e.depth > 0 }]),
+        class: Me(["wx-blocks-tree", { "is-nested": e.depth > 0 }]),
         "onUpdate:modelValue": d[7] || (d[7] = (h) => o("reorder", e.parentKey, e.field, h))
       }, {
         default: g(({ item: h, index: x }) => [
-          V("div", ms, [
-            V("div", {
-              class: Le(["wx-blocks-tree__row", { "is-selected": e.selected === h.key, "is-hidden": h.hidden === !0 }]),
+          E("div", ms, [
+            E("div", {
+              class: Me(["wx-blocks-tree__row", { "is-selected": e.selected === h.key, "is-hidden": h.hidden === !0 }]),
               role: "button",
               tabindex: "0",
-              onClick: (E) => o("select", h.key),
+              onClick: (T) => o("select", h.key),
               onKeydown: [
-                Kt(qt((E) => o("select", h.key), ["prevent"]), ["enter"]),
-                Kt(qt((E) => o("select", h.key), ["prevent"]), ["space"])
+                Kt(qt((T) => o("select", h.key), ["prevent"]), ["enter"]),
+                Kt(qt((T) => o("select", h.key), ["prevent"]), ["space"])
               ]
             }, [
-              V("span", vs, k(s(h)), 1),
+              E("span", vs, k(s(h)), 1),
               i(h) ? i(h)?.draft ? (c(), w("span", {
                 key: 1,
                 class: "wx-blocks-tree__flag is-warning",
                 title: n(a)("field.draft-type")
               }, [
-                v(n(ke), { name: "warning" })
+                v(n(ye), { name: "warning" })
               ], 8, gs)) : i(h)?.is_enabled === !1 ? (c(), w("span", {
                 key: 2,
                 class: "wx-blocks-tree__flag",
                 title: n(a)("field.disabled-type")
               }, [
-                v(n(ke), { name: "lock" })
+                v(n(ye), { name: "lock" })
               ], 8, ks)) : L("", !0) : (c(), w("span", {
                 key: 0,
                 class: "wx-blocks-tree__flag is-danger",
                 title: n(a)("field.unknown-type", { type: h.type })
               }, [
-                v(n(ke), { name: "close-circle" })
+                v(n(ye), { name: "close-circle" })
               ], 8, bs)),
               h.hidden === !0 ? (c(), w("span", {
                 key: 3,
                 class: "wx-blocks-tree__flag",
                 title: n(a)("field.hidden-note")
               }, [
-                v(n(ke), { name: "eye-off" })
+                v(n(ye), { name: "eye-off" })
               ], 8, ys)) : L("", !0),
               e.disabled ? L("", !0) : (c(), w("span", ws, [
                 v(n(tn), {
@@ -3196,16 +3196,16 @@ const ls = { class: "wx-block-picker" }, ns = {
                 }, null, 8, ["actions", "label"])
               ]))
             ], 42, hs),
-            (c(!0), w(F, null, G(r(h), (E) => (c(), w("div", {
-              key: E.id,
+            (c(!0), w(F, null, Z(r(h), (T) => (c(), w("div", {
+              key: T.id,
               class: "wx-blocks-tree__kids"
             }, [
               v(f, {
-                nodes: p(h, E),
+                nodes: p(h, T),
                 catalog: e.catalog,
                 "parent-key": h.key,
-                field: E.id,
-                "field-node": E,
+                field: T.id,
+                "field-node": T,
                 selected: e.selected,
                 disabled: e.disabled,
                 depth: e.depth + 1,
@@ -3221,11 +3221,11 @@ const ls = { class: "wx-block-picker" }, ns = {
                 key: 0,
                 type: "button",
                 class: "wx-blocks-tree__add is-inner",
-                onClick: (_) => o("add", h.key, E.id, E)
+                onClick: (_) => o("add", h.key, T.id, T)
               }, [
                 B(" + " + k(n(a)("field.add-inside")), 1),
                 r(h).length > 1 ? (c(), w(F, { key: 0 }, [
-                  B(" · " + k(E.label ?? E.id), 1)
+                  B(" · " + k(T.label ?? T.id), 1)
                 ], 64)) : L("", !0)
               ], 8, xs))
             ]))), 128))
@@ -3271,18 +3271,18 @@ const ls = { class: "wx-block-picker" }, ns = {
   emits: ["update:modelValue"],
   setup(e) {
     const l = e, t = Kl(e, "modelValue"), o = Fe(ll, !1), a = Fe(Sl, null);
-    Wt(ll, !0), We();
-    const i = pe("webx-blocks"), s = it(), r = Fe(rl, null);
+    Wt(ll, !0), Ne();
+    const i = de("webx-blocks"), s = it(), r = Fe(rl, null);
     let p = null;
     const u = U([]), m = S(() => l.catalog ?? u.value), d = S(() => Array.isArray(t.value) ? t.value : []), f = U(null), h = S(() => f.value ? me(d.value, f.value) : null), x = S(
       () => h.value ? m.value.find((A) => A.slug === h.value?.node.type) ?? null : null
     );
-    function E(A) {
-      return m.value.find((N) => N.slug === A.type)?.title ?? A.type;
+    function T(A) {
+      return m.value.find((z) => z.slug === A.type)?.title ?? A.type;
     }
     const _ = S(() => {
       const A = [];
-      return ut(d.value, (N) => A.push(N.key)), A;
+      return ut(d.value, (z) => A.push(z.key)), A;
     }), b = S(() => {
       const A = f.value ? _.value.indexOf(f.value) : -1;
       return {
@@ -3291,15 +3291,15 @@ const ls = { class: "wx-block-picker" }, ns = {
       };
     }), $ = S(() => {
       const A = [];
-      let N = h.value?.parent ?? null;
-      for (; N; )
-        A.unshift({ key: N.key, title: E(N) }), N = me(d.value, N.key)?.parent ?? null;
+      let z = h.value?.parent ?? null;
+      for (; z; )
+        A.unshift({ key: z.key, title: T(z) }), z = me(d.value, z.key)?.parent ?? null;
       return A;
-    }), R = Fe(It, null), Y = U(null), Q = U(null), ae = bt(Q), D = S(() => R !== null && R.url.value !== null), P = S(() => D.value && ae.value > 0 && ae.value <= 900), X = U(!1), te = S(() => {
+    }), R = Fe(It, null), G = U(null), ee = U(null), ae = bt(ee), D = S(() => R !== null && R.url.value !== null), P = S(() => D.value && ae.value > 0 && ae.value <= 900), Q = U(!1), le = S(() => {
       if (!h.value) return;
       const A = x.value?.title ?? h.value.node.type;
-      return [...$.value.map((N) => N.title), A].join(" / ");
-    }), $e = S(
+      return [...$.value.map((z) => z.title), A].join(" / ");
+    }), Se = S(
       () => P.value ? {
         /* Up from the bottom, and not all the way: the strip of page left above it is what
            says the sheet is over the page rather than instead of it. No heading of its own —
@@ -3317,46 +3317,46 @@ const ls = { class: "wx-block-picker" }, ns = {
            the blocks it is inside spelled out in front of it, because the trail that says so
            in the column is part of the heading this replaces. The tree keeps its own heading,
            which already says what it is and how many. */
-        title: te.value,
-        open: X.value,
-        "onUpdate:open": (A) => X.value = A
+        title: le.value,
+        open: Q.value,
+        "onUpdate:open": (A) => Q.value = A
       } : {}
     ), he = S(
       () => r?.state.manifest?.modules.find((A) => A.id === "blocks")?.meta?.groups ?? []
-    ), le = ql()?.type, ye = S(() => l.context?.types ? l.context.types : r?.types ? { ...ft, ...r.types } : le ? { ...ft, "wx-blocks": { component: le, kind: "field", nested: !0 } } : ft), Ve = S(
+    ), ne = ql()?.type, we = S(() => l.context?.types ? l.context.types : r?.types ? { ...ft, ...r.types } : ne ? { ...ft, "wx-blocks": { component: ne, kind: "field", nested: !0 } } : ft), Be = S(
       () => l.context?.translate ?? r?.i18n.t ?? ((A) => A)
-    ), Me = S(() => l.context?.can ?? r?.can ?? (() => !0)), we = St(us);
+    ), ze = S(() => l.context?.can ?? r?.can ?? (() => !0)), xe = St(us);
     function ie(A) {
       t.value = A;
     }
-    async function re(A, N, H, ve) {
-      const ee = A ? me(d.value, A) : null, fe = ee ? m.value.find((dt) => dt.slug === ee.node.type) ?? null : a?.value ?? null, Ce = A === null ? l.allow : H?.props?.allow ?? null, Te = A === null ? l.max : H?.props?.max ?? null, Ge = A === null ? d.value : ee && N ? ee.node.values[N] ?? [] : [];
-      if (Te != null && Ge.length >= Te) return;
-      const Ze = await we({
+    async function ve(A, z, H, be) {
+      const te = A ? me(d.value, A) : null, fe = te ? m.value.find((dt) => dt.slug === te.node.type) ?? null : a?.value ?? null, Ee = A === null ? l.allow : H?.props?.allow ?? null, Ve = A === null ? l.max : H?.props?.max ?? null, Ge = A === null ? d.value : te && z ? te.node.values[z] ?? [] : [];
+      if (Ve != null && Ge.length >= Ve) return;
+      const Ze = await xe({
         catalog: m.value,
         parent: fe,
-        allow: Ce,
+        allow: Ee,
         tree: d.value,
         groups: he.value,
         blocksPath: l.blocksPath
       });
       if (!Ze) return;
-      const Pe = Wn(Ze.slug, Se(Ze));
-      ie(yt(d.value, A, N, ve ?? Ge.length, Pe)), f.value = Pe.key;
+      const Pe = Wn(Ze.slug, Ce(Ze));
+      ie(yt(d.value, A, z, be ?? Ge.length, Pe)), f.value = Pe.key;
     }
-    function Se(A) {
-      const N = A.content?.sample ?? {}, H = {};
-      for (const [ve, ee] of Object.entries(N))
-        (!Array.isArray(ee) || ee.length === 0 || typeof ee[0] != "object") && (H[ve] = ee);
+    function Ce(A) {
+      const z = A.content?.sample ?? {}, H = {};
+      for (const [be, te] of Object.entries(z))
+        (!Array.isArray(te) || te.length === 0 || typeof te[0] != "object") && (H[be] = te);
       return H;
     }
-    async function O(A) {
-      const N = me(d.value, A);
-      if (!N) return;
-      const H = Nn(N.node);
+    async function N(A) {
+      const z = me(d.value, A);
+      if (!z) return;
+      const H = Nn(z.node);
       await vt({
         title: i("field.remove-title", {
-          title: m.value.find((ee) => ee.slug === N.node.type)?.title ?? N.node.type
+          title: m.value.find((te) => te.slug === z.node.type)?.title ?? z.node.type
         }),
         message: H > 0 ? i("field.remove-text", { count: H }) : i("field.remove-alone"),
         confirmText: i("field.remove"),
@@ -3365,17 +3365,17 @@ const ls = { class: "wx-block-picker" }, ns = {
       }) && (f.value === A && (f.value = null), ie(Qt(d.value, A)));
     }
     function j(A) {
-      const N = me(d.value, A);
-      if (!N) return;
-      const H = bl(N.node);
-      ie(yt(d.value, N.parent?.key ?? null, N.field, N.index + 1, H)), f.value = H.key;
+      const z = me(d.value, A);
+      if (!z) return;
+      const H = bl(z.node);
+      ie(yt(d.value, z.parent?.key ?? null, z.field, z.index + 1, H)), f.value = H.key;
     }
-    const C = St(Yo);
-    async function z(A) {
-      const N = me(d.value, A);
-      if (!N) return;
-      const H = await C({
-        title: E(N.node),
+    const q = St(Yo);
+    async function pe(A) {
+      const z = me(d.value, A);
+      if (!z) return;
+      const H = await q({
+        title: T(z.node),
         destinations: ts(d.value, A, m.value, {
           owner: a?.value ?? null,
           allow: l.allow,
@@ -3384,36 +3384,36 @@ const ls = { class: "wx-block-picker" }, ns = {
         topLabel: a?.value?.title ?? i("field.move-page")
       });
       if (!H) return;
-      const ve = Qt(d.value, A);
-      ie(yt(ve, H.parentKey, H.field, Number.MAX_SAFE_INTEGER, N.node));
+      const be = Qt(d.value, A);
+      ie(yt(be, H.parentKey, H.field, Number.MAX_SAFE_INTEGER, z.node));
     }
-    function I(A, N) {
-      ie(zn(d.value, A, N));
+    function V(A, z) {
+      ie(zn(d.value, A, z));
     }
-    function q(A, N, H) {
-      ie(In(d.value, A, N, H));
+    function O(A, z, H) {
+      ie(In(d.value, A, z, H));
     }
-    function ne(A) {
+    function I(A) {
       f.value = f.value === A ? null : A;
     }
-    function Ie(A) {
-      A === null || !me(d.value, A) || (f.value = A, P.value && (X.value = !0));
+    function Y(A) {
+      A === null || !me(d.value, A) || (f.value = A, P.value && (Q.value = !0));
     }
-    function Ne() {
+    function Te() {
       f.value = null;
     }
     function Ye(A) {
       f.value && ie(On(d.value, f.value, A));
     }
-    let Ae;
-    ce(
+    let Le;
+    ue(
       () => h.value?.node.values,
-      (A, N) => {
-        if (!A || !N || !x.value || !p || !R) return;
-        const H = f.value, ve = x.value.id;
-        clearTimeout(Ae), Ae = setTimeout(() => {
-          !H || !p || p.render(ve, { values: A, key: H }).then((ee) => {
-            Y.value?.replace(H, ee.html) || Y.value?.refresh();
+      (A, z) => {
+        if (!A || !z || !x.value || !p || !R) return;
+        const H = f.value, be = x.value.id;
+        clearTimeout(Le), Le = setTimeout(() => {
+          !H || !p || p.render(be, { values: A, key: H }).then((te) => {
+            G.value?.replace(H, te.html) || G.value?.refresh();
           }).catch(() => {
           });
         }, 300);
@@ -3421,7 +3421,7 @@ const ls = { class: "wx-block-picker" }, ns = {
       { deep: !0 }
     );
     function Ue(A) {
-      A.key === "Escape" && f.value && Ne();
+      A.key === "Escape" && f.value && Te();
     }
     ot(async () => {
       if (window.addEventListener("keydown", Ue), l.catalog === null && r) {
@@ -3429,16 +3429,16 @@ const ls = { class: "wx-block-picker" }, ns = {
         try {
           u.value = await p.catalog();
         } catch (A) {
-          Z.danger(s(A));
+          X.danger(s(A));
         }
       } else r && (p = Ke(r));
     }), st(() => {
-      clearTimeout(Ae), window.removeEventListener("keydown", Ue);
+      clearTimeout(Le), window.removeEventListener("keydown", Ue);
     });
     const ct = S(
       () => x.value?.content ? Ut(x.value.content.schema) : []
     );
-    return (A, N) => n(o) ? (c(), w("div", Ss, [
+    return (A, z) => n(o) ? (c(), w("div", Ss, [
       v(n(J), {
         size: "sm",
         tone: "muted"
@@ -3451,20 +3451,20 @@ const ls = { class: "wx-block-picker" }, ns = {
     ])) : (c(), w("div", {
       key: 1,
       ref_key: "host",
-      ref: Q,
-      class: Le(["wx-blocks-host", { "is-compact": P.value }])
+      ref: ee,
+      class: Me(["wx-blocks-host", { "is-compact": P.value }])
     }, [
-      V("div", {
-        class: Le(["wx-blocks", {
+      E("div", {
+        class: Me(["wx-blocks", {
           "is-editing": h.value !== null,
           "has-preview": n(R) !== null && n(R).url.value !== null
         }])
       }, [
-        (c(), W(Jl(P.value ? n(Il) : "div"), Yl($e.value, { class: "wx-blocks__side" }), {
+        (c(), W(Jl(P.value ? n(Il) : "div"), Yl(Se.value, { class: "wx-blocks__side" }), {
           default: g(() => [
             h.value ? L("", !0) : (c(), w("div", Cs, [
-              V("div", Ts, [
-                V("span", Es, k(n(i)("field.blocks")), 1),
+              E("div", Ts, [
+                E("span", Es, k(n(i)("field.blocks")), 1),
                 v(n(J), {
                   size: "sm",
                   tone: "muted"
@@ -3475,41 +3475,41 @@ const ls = { class: "wx-block-picker" }, ns = {
                   _: 1
                 })
               ]),
-              V("div", Vs, [
+              E("div", Vs, [
                 v($s, {
                   nodes: d.value,
                   catalog: m.value,
                   max: e.max,
                   selected: f.value,
                   disabled: e.disabled,
-                  onSelect: ne,
-                  onAdd: re,
-                  onRemove: O,
+                  onSelect: I,
+                  onAdd: ve,
+                  onRemove: N,
                   onDuplicate: j,
-                  onMove: z,
-                  onVisibility: I,
-                  onReorder: q
+                  onMove: pe,
+                  onVisibility: V,
+                  onReorder: O
                 }, null, 8, ["nodes", "catalog", "max", "selected", "disabled"])
               ]),
-              V("div", As, [
-                !e.disabled && (e.max === null || d.value.length < e.max) ? (c(), W(n(de), {
+              E("div", As, [
+                !e.disabled && (e.max === null || d.value.length < e.max) ? (c(), W(n(ce), {
                   key: 0,
                   variant: "outline",
                   icon: "plus",
                   class: "wx-blocks__add",
-                  onClick: N[0] || (N[0] = (H) => re(null, null, null))
+                  onClick: z[0] || (z[0] = (H) => ve(null, null, null))
                 }, {
                   default: g(() => [
                     B(k(n(i)("field.add")), 1)
                   ]),
                   _: 1
                 })) : L("", !0),
-                !P.value && n(R) && n(R).url.value ? (c(), W(n(de), {
+                !P.value && n(R) && n(R).url.value ? (c(), W(n(ce), {
                   key: 1,
                   variant: "outline",
                   icon: "eye",
                   class: "wx-blocks__preview-button",
-                  onClick: N[1] || (N[1] = (H) => Y.value?.open())
+                  onClick: z[1] || (z[1] = (H) => G.value?.open())
                 }, {
                   default: g(() => [
                     B(k(n(i)("field.preview")), 1)
@@ -3519,23 +3519,23 @@ const ls = { class: "wx-block-picker" }, ns = {
               ])
             ])),
             h.value ? (c(), w("div", Bs, [
-              V("div", Ls, [
-                V("span", Ws, [
+              E("div", Ls, [
+                E("span", Ws, [
                   $.value.length ? (c(), w("span", Ms, [
-                    (c(!0), w(F, null, G($.value, (H) => (c(), w(F, {
+                    (c(!0), w(F, null, Z($.value, (H) => (c(), w(F, {
                       key: H.key
                     }, [
-                      V("button", {
+                      E("button", {
                         type: "button",
                         class: "wx-blocks__trail-step",
-                        onClick: (ve) => ne(H.key)
+                        onClick: (be) => I(H.key)
                       }, k(H.title), 9, Ns),
-                      v(n(ke), { name: "chevron-right" })
+                      v(n(ye), { name: "chevron-right" })
                     ], 64))), 128))
                   ])) : L("", !0),
-                  V("span", zs, k(x.value?.title ?? h.value.node.type), 1)
+                  E("span", zs, k(x.value?.title ?? h.value.node.type), 1)
                 ]),
-                V("span", Ds, [
+                E("span", Ds, [
                   P.value ? L("", !0) : (c(), w("code", Os, k(h.value.node.type), 1)),
                   v(n(et), {
                     size: "sm",
@@ -3543,7 +3543,7 @@ const ls = { class: "wx-block-picker" }, ns = {
                     icon: "chevron-up",
                     title: n(i)("field.previous"),
                     disabled: b.value.previous === null,
-                    onClick: N[2] || (N[2] = (H) => b.value.previous && ne(b.value.previous))
+                    onClick: z[2] || (z[2] = (H) => b.value.previous && I(b.value.previous))
                   }, null, 8, ["title", "disabled"]),
                   v(n(et), {
                     size: "sm",
@@ -3551,21 +3551,21 @@ const ls = { class: "wx-block-picker" }, ns = {
                     icon: "chevron-down",
                     title: n(i)("field.next"),
                     disabled: b.value.next === null,
-                    onClick: N[3] || (N[3] = (H) => b.value.next && ne(b.value.next))
+                    onClick: z[3] || (z[3] = (H) => b.value.next && I(b.value.next))
                   }, null, 8, ["title", "disabled"]),
-                  !P.value && n(R) && n(R).url.value ? (c(), W(n(de), {
+                  !P.value && n(R) && n(R).url.value ? (c(), W(n(ce), {
                     key: 1,
                     size: "sm",
                     variant: "outline",
                     icon: "eye",
                     class: "wx-blocks__preview-button",
                     "aria-label": n(i)("field.preview"),
-                    onClick: N[4] || (N[4] = (H) => Y.value?.open())
+                    onClick: z[4] || (z[4] = (H) => G.value?.open())
                   }, null, 8, ["aria-label"])) : L("", !0),
-                  v(n(de), {
+                  v(n(ce), {
                     size: "sm",
                     variant: "outline",
-                    onClick: Ne
+                    onClick: Te
                   }, {
                     default: g(() => [
                       B(k(P.value ? n(i)("field.done") : `${n(i)("field.done")} · Esc`), 1)
@@ -3574,14 +3574,14 @@ const ls = { class: "wx-block-picker" }, ns = {
                   })
                 ])
               ]),
-              V("div", Is, [
+              E("div", Is, [
                 x.value?.content ? (c(), W(n(cl), {
                   key: h.value.node.key,
                   "model-value": h.value.node.values,
                   root: ct.value,
-                  types: ye.value,
-                  translate: Ve.value,
-                  can: Me.value,
+                  types: we.value,
+                  translate: Be.value,
+                  can: ze.value,
                   disabled: e.disabled,
                   "onUpdate:modelValue": Ye
                 }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (c(), W(n(J), {
@@ -3602,13 +3602,13 @@ const ls = { class: "wx-block-picker" }, ns = {
         n(R) && n(R).url.value ? (c(), w("div", Us, [
           v(fs, {
             ref_key: "previewEl",
-            ref: Y,
+            ref: G,
             url: n(R).url.value,
             selected: f.value,
             reload: n(R).reload?.value ?? 0,
             compact: P.value,
-            onSelect: Ie,
-            onEdit: N[5] || (N[5] = (H) => X.value = !0)
+            onSelect: Y,
+            onEdit: z[5] || (z[5] = (H) => Q.value = !0)
           }, null, 8, ["url", "selected", "reload", "compact"])
         ])) : L("", !0)
       ], 2)
@@ -3622,7 +3622,7 @@ const ls = { class: "wx-block-picker" }, ns = {
   },
   emits: ["open"],
   setup(e, { emit: l }) {
-    const t = l, o = pe("webx-blocks");
+    const t = l, o = de("webx-blocks");
     return (a, i) => (c(), w("button", {
       type: "button",
       class: "wx-block-card",
@@ -3630,20 +3630,20 @@ const ls = { class: "wx-block-picker" }, ns = {
     }, [
       v(El, {
         thumbnail: e.block.thumbnail,
-        height: n(_e)(e.block) === "component" ? 180 : 120,
-        width: n(_e)(e.block) === "component" ? 360 : void 0,
-        fit: n(_e)(e.block) === "component"
+        height: n($e)(e.block) === "component" ? 180 : 120,
+        width: n($e)(e.block) === "component" ? 360 : void 0,
+        fit: n($e)(e.block) === "component"
       }, null, 8, ["thumbnail", "height", "width", "fit"]),
-      V("div", js, [
-        V("div", Fs, k(e.block.title), 1),
+      E("div", js, [
+        E("div", Fs, k(e.block.title), 1),
         v(n(J), {
           size: "sm",
           tone: "muted"
         }, {
           default: g(() => [
-            V("code", null, k(e.block.slug), 1),
+            E("code", null, k(e.block.slug), 1),
             i[1] || (i[1] = B(" · ", -1)),
-            n(_e)(e.block) === "component" ? (c(), w(F, { key: 0 }, [
+            n($e)(e.block) === "component" ? (c(), w(F, { key: 0 }, [
               B(k(n(Tl)(e.block.used_by?.length ?? 0, n(o))) + " ", 1),
               e.module ? (c(), w(F, { key: 0 }, [
                 B("· " + k(n(o)("components.module", { module: e.module })), 1)
@@ -3654,8 +3654,8 @@ const ls = { class: "wx-block-picker" }, ns = {
           ]),
           _: 1
         }),
-        V("div", Hs, [
-          e.block.draft ? (c(), W(n(ge), {
+        E("div", Hs, [
+          e.block.draft ? (c(), W(n(ke), {
             key: 0,
             type: "warning",
             dot: ""
@@ -3665,7 +3665,7 @@ const ls = { class: "wx-block-picker" }, ns = {
             ]),
             _: 1
           })) : L("", !0),
-          e.block.published ? (c(), W(n(ge), {
+          e.block.published ? (c(), W(n(ke), {
             key: 1,
             type: "success",
             dot: ""
@@ -3674,7 +3674,7 @@ const ls = { class: "wx-block-picker" }, ns = {
               B(k(n(o)("page.live", { number: e.block.published.number })), 1)
             ]),
             _: 1
-          })) : (c(), W(n(ge), {
+          })) : (c(), W(n(ke), {
             key: 2,
             type: "default"
           }, {
@@ -3683,7 +3683,7 @@ const ls = { class: "wx-block-picker" }, ns = {
             ]),
             _: 1
           })),
-          !e.block.is_enabled && n(_e)(e.block) !== "component" ? (c(), W(n(ge), {
+          !e.block.is_enabled && n($e)(e.block) !== "component" ? (c(), W(n(ke), {
             key: 3,
             type: "default",
             variant: "outline"
@@ -3701,8 +3701,8 @@ const ls = { class: "wx-block-picker" }, ns = {
   __name: "BlockCreateDialog",
   setup(e) {
     const { resolve: l, dismiss: t, open: o } = At(), a = at(), i = Ke(a);
-    We();
-    const s = pe("webx-blocks"), r = it(), p = S(() => a.state.manifest?.modules.find(($) => $.id === "blocks")?.meta?.groups ?? ["content"]), u = U({
+    Ne();
+    const s = de("webx-blocks"), r = it(), p = S(() => a.state.manifest?.modules.find(($) => $.id === "blocks")?.meta?.groups ?? ["content"]), u = U({
       kind: "block",
       title: "",
       slug: "",
@@ -3713,13 +3713,13 @@ const ls = { class: "wx-block-picker" }, ns = {
     function x(b) {
       return b.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "").slice(0, 64);
     }
-    ce(
+    ue(
       () => u.value.title,
       (b) => {
         f.value || (u.value.slug = x(b));
       }
     );
-    function E(b) {
+    function T(b) {
       return m.value[b]?.[0];
     }
     async function _() {
@@ -3729,7 +3729,7 @@ const ls = { class: "wx-block-picker" }, ns = {
         l(await i.create(u.value.kind === "component" ? $ : { ...$, group: b }));
       } catch (b) {
         const $ = b.body;
-        $?.errors ? m.value = $.errors : Z.danger(r(b, s("page.failed")));
+        $?.errors ? m.value = $.errors : X.danger(r(b, s("page.failed")));
       } finally {
         d.value = !1;
       }
@@ -3743,7 +3743,7 @@ const ls = { class: "wx-block-picker" }, ns = {
       footer: g(() => [
         v(n(Pl), { size: "sm" }, {
           default: g(() => [
-            v(n(de), {
+            v(n(ce), {
               variant: "outline",
               onClick: $[5] || ($[5] = (R) => n(t)())
             }, {
@@ -3752,7 +3752,7 @@ const ls = { class: "wx-block-picker" }, ns = {
               ]),
               _: 1
             }),
-            v(n(de), {
+            v(n(ce), {
               type: "primary",
               loading: d.value,
               onClick: _
@@ -3767,10 +3767,10 @@ const ls = { class: "wx-block-picker" }, ns = {
         })
       ]),
       default: g(() => [
-        V("div", qs, [
-          v(n(ue), {
+        E("div", qs, [
+          v(n(re), {
             label: n(s)("components.kind"),
-            error: E("kind")
+            error: T("kind")
           }, {
             default: g(() => [
               v(n(Ul), {
@@ -3781,15 +3781,15 @@ const ls = { class: "wx-block-picker" }, ns = {
                 default: g(() => [
                   v(n(Ht), { value: "block" }, {
                     default: g(() => [
-                      V("span", Js, k(n(s)("components.kind-block")), 1),
-                      V("span", Ys, k(n(s)("components.kind-block-help")), 1)
+                      E("span", Js, k(n(s)("components.kind-block")), 1),
+                      E("span", Ys, k(n(s)("components.kind-block-help")), 1)
                     ]),
                     _: 1
                   }),
                   v(n(Ht), { value: "component" }, {
                     default: g(() => [
-                      V("span", Gs, k(n(s)("components.kind-component")), 1),
-                      V("span", Zs, k(n(s)("components.kind-component-help")), 1)
+                      E("span", Gs, k(n(s)("components.kind-component")), 1),
+                      E("span", Zs, k(n(s)("components.kind-component-help")), 1)
                     ]),
                     _: 1
                   })
@@ -3799,9 +3799,9 @@ const ls = { class: "wx-block-picker" }, ns = {
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          v(n(ue), {
+          v(n(re), {
             label: n(s)("page.title"),
-            error: E("title")
+            error: T("title")
           }, {
             default: g(() => [
               v(n(nt), {
@@ -3812,10 +3812,10 @@ const ls = { class: "wx-block-picker" }, ns = {
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          v(n(ue), {
+          v(n(re), {
             label: n(s)("page.identifier"),
             help: n(s)("page.identifier-help"),
-            error: E("slug")
+            error: T("slug")
           }, {
             default: g(() => [
               v(n(nt), {
@@ -3827,11 +3827,11 @@ const ls = { class: "wx-block-picker" }, ns = {
             ]),
             _: 1
           }, 8, ["label", "help", "error"]),
-          u.value.kind === "block" ? (c(), W(n(ue), {
+          u.value.kind === "block" ? (c(), W(n(re), {
             key: 0,
             label: n(s)("page.group"),
             help: n(s)("page.group-help"),
-            error: E("group")
+            error: T("group")
           }, {
             default: g(() => [
               v(n($t), {
@@ -3864,20 +3864,20 @@ const ls = { class: "wx-block-picker" }, ns = {
   emits: ["customise"],
   setup(e, { emit: l }) {
     const t = l;
-    We();
-    const o = pe("webx-blocks");
+    Ne();
+    const o = de("webx-blocks");
     return (a, i) => (c(), w("div", ea, [
-      V("div", ta, [
-        v(n(ke), { name: "sliders" })
+      E("div", ta, [
+        v(n(ye), { name: "sliders" })
       ]),
-      V("div", la, [
-        V("div", na, k(e.declared.title), 1),
+      E("div", la, [
+        E("div", na, k(e.declared.title), 1),
         v(n(J), {
           size: "sm",
           tone: "muted"
         }, {
           default: g(() => [
-            V("code", null, k(e.declared.slug), 1),
+            E("code", null, k(e.declared.slug), 1),
             B(" · " + k(n(o)("components.standard", { module: e.module })), 1)
           ]),
           _: 1
@@ -3903,7 +3903,7 @@ const ls = { class: "wx-block-picker" }, ns = {
           _: 1
         }),
         e.canManage ? (c(), w("div", oa, [
-          v(n(de), {
+          v(n(ce), {
             size: "sm",
             loading: e.busy,
             onClick: i[0] || (i[0] = (s) => t("customise", e.declared))
@@ -3936,108 +3936,112 @@ const ls = { class: "wx-block-picker" }, ns = {
   },
   setup(e) {
     const l = e, t = at(), o = Ke(t), a = ul();
-    We();
-    const i = pe("webx-blocks"), s = it(), r = U([]), p = U([]), u = U(!0), m = U(""), d = U(""), f = U(null), h = St(Qs), x = S(() => {
-      const C = t.state.manifest?.modules.find((z) => z.id === "blocks")?.meta;
+    Ne();
+    const i = de("webx-blocks"), s = it(), r = U([]), p = U([]), u = U(!0), m = U(""), d = U(""), f = U(null), h = St(Qs), x = S(() => {
+      const V = t.state.manifest?.modules.find((O) => O.id === "blocks")?.meta;
       return {
-        groups: C?.groups ?? [],
-        editing: C?.editing ?? !0,
-        provides: C?.provides ?? []
+        groups: V?.groups ?? [],
+        editing: V?.editing ?? !0,
+        provides: V?.provides ?? []
       };
-    }), E = S(() => t.can("blocks.manage") && x.value.editing), _ = S(
-      () => t.state.manifest?.modules.find((C) => C.id === "blocks")?.title ?? i("module.title")
-    ), b = S(() => r.value.filter((C) => _e(C) === "block")), $ = S(() => r.value.filter((C) => _e(C) === "component")), R = S(() => p.value.filter((C) => !C.customised)), Y = S(() => $.value.length > 0 || R.value.length > 0);
-    function Q(C) {
-      return t.state.manifest?.modules.find((z) => z.id === C)?.title ?? C.charAt(0).toUpperCase() + C.slice(1);
+    }), T = S(() => t.can("blocks.manage") && x.value.editing), _ = S(
+      () => t.state.manifest?.modules.find((V) => V.id === "blocks")?.title ?? i("module.title")
+    ), b = S(() => r.value.filter((V) => $e(V) === "block")), $ = S(() => r.value.filter((V) => $e(V) === "component")), R = S(() => p.value.filter((V) => !V.customised)), G = S(() => $.value.length > 0 || R.value.length > 0);
+    function ee(V) {
+      return t.state.manifest?.modules.find((O) => O.id === V)?.title ?? V.charAt(0).toUpperCase() + V.slice(1);
     }
-    function ae(C) {
-      const z = p.value.find((I) => I.slug === C);
-      return z ? Q(z.module) : null;
+    function ae(V) {
+      const O = p.value.find((I) => I.slug === V);
+      return O ? ee(O.module) : null;
     }
-    function D(C) {
-      const z = m.value.trim().toLowerCase();
-      return z === "" || C.some((I) => (I ?? "").toLowerCase().includes(z));
+    function D(V) {
+      const O = m.value.trim().toLowerCase();
+      return O === "" || V.some((I) => (I ?? "").toLowerCase().includes(O));
     }
-    const P = S(() => d.value === je ? [] : (d.value === "" ? b.value : b.value.filter((z) => z.group === d.value)).filter((z) => D([z.title, z.slug, z.description]))), X = S(
-      () => d.value === "" || d.value === je ? $.value.filter((C) => D([C.title, C.slug, C.description])) : []
-    ), te = S(
-      () => d.value === "" || d.value === je ? R.value.filter((C) => D([C.title, C.slug, C.description])) : []
-    ), $e = S(() => {
-      const C = [...x.value.groups];
-      for (const z of b.value)
-        C.includes(z.group) || C.push(z.group);
-      return C.filter((z) => b.value.some((I) => I.group === z));
+    const P = S(() => d.value === je ? [] : (d.value === "" ? b.value : b.value.filter((O) => O.group === d.value)).filter((O) => D([O.title, O.slug, O.description]))), Q = S(
+      () => d.value === "" || d.value === je ? $.value.filter((V) => D([V.title, V.slug, V.description])) : []
+    ), le = S(
+      () => d.value === "" || d.value === je ? R.value.filter((V) => D([V.title, V.slug, V.description])) : []
+    ), Se = S(() => {
+      const V = [...x.value.groups];
+      for (const O of b.value)
+        V.includes(O.group) || V.push(O.group);
+      return V.filter((O) => b.value.some((I) => I.group === O));
     }), he = S(() => {
-      const C = $e.value.map((I) => ({ value: I, label: qe(I, i) })), z = Y.value ? [{ value: je, label: i("components.components") }] : [];
-      return C.length + z.length < 2 ? [] : [{ value: "", label: i("page.all-groups") }, ...C, ...z];
-    }), le = S(() => {
-      const C = $e.value.map((q) => ({
-        id: q,
-        label: qe(q, i),
-        blocks: P.value.filter((ne) => ne.group === q)
-      })).filter((q) => q.blocks.length > 0);
-      return d.value !== "" || P.value.length <= 5 || m.value.trim() !== "" || C.length < 2 ? P.value.length === 0 ? [] : [{ id: "", label: d.value === "" && X.value.length + te.value.length > 0 ? i("components.blocks") : "", blocks: P.value }] : C;
-    }), ye = S(
+      const V = Se.value.map((I) => ({ value: I, label: qe(I, i) })), O = G.value ? [{ value: je, label: i("components.components") }] : [];
+      return V.length + O.length < 2 ? [] : [{ value: "", label: i("page.all-groups") }, ...V, ...O];
+    }), ne = S(() => {
+      const V = Se.value.map((Y) => ({
+        id: Y,
+        label: qe(Y, i),
+        blocks: P.value.filter((Te) => Te.group === Y)
+      })).filter((Y) => Y.blocks.length > 0);
+      return d.value !== "" || P.value.length <= 5 || m.value.trim() !== "" || V.length < 2 ? P.value.length === 0 ? [] : [{ id: "", label: d.value === "" && Q.value.length + le.value.length > 0 ? i("components.blocks") : "", blocks: P.value }] : V;
+    }), we = S(
       () => d.value === je || P.value.length === 0 ? "" : i("components.components")
-    ), Ve = S(() => r.value.length === 0 && R.value.length === 0), Me = S(
-      () => E.value && d.value !== je && m.value.trim() === ""
+    ), Be = S(() => r.value.length === 0 && R.value.length === 0), ze = S(
+      () => T.value && d.value !== je && m.value.trim() === ""
     );
-    async function we(C) {
-      const z = C.map((q) => q.id), I = [...C];
-      r.value = r.value.map((q) => z.includes(q.id) ? I.shift() : q);
+    async function xe(V) {
+      const O = V.map((Y) => Y.id), I = [...V];
+      r.value = r.value.map((Y) => O.includes(Y.id) ? I.shift() : Y);
       try {
-        await o.reorder(z);
-      } catch (q) {
-        Z.danger(s(q)), await ie();
+        await o.reorder(O);
+      } catch (Y) {
+        X.danger(s(Y)), await ie();
       }
     }
     async function ie() {
       u.value = !0;
       try {
-        const C = await o.index();
-        r.value = C.blocks, p.value = C.declared;
-      } catch (C) {
-        Z.danger(s(C));
+        const V = await o.index();
+        r.value = V.blocks, p.value = V.declared;
+      } catch (V) {
+        X.danger(s(V));
       } finally {
         u.value = !1;
       }
     }
-    function re(C) {
-      a.push(`${l.base}/${C.id}`);
+    let ve = 0;
+    function Ce() {
+      ve = Date.now();
+    }
+    function N(V) {
+      Date.now() - ve < 400 || a.push(`${l.base}/${V.id}`);
     }
-    async function Se() {
-      const C = await h({});
-      C && re(C);
+    async function j() {
+      const V = await h({});
+      V && N(V);
     }
-    async function O(C) {
-      f.value = C.slug;
+    async function q(V) {
+      f.value = V.slug;
       try {
-        const z = await o.customise(C.slug);
-        Z.success(i("components.customised")), re(z);
-      } catch (z) {
-        const I = z.body;
-        if (z.status === 409 && typeof I?.id == "number") {
-          re({ id: I.id });
+        const O = await o.customise(V.slug);
+        X.success(i("components.customised")), N(O);
+      } catch (O) {
+        const I = O.body;
+        if (O.status === 409 && typeof I?.id == "number") {
+          N({ id: I.id });
           return;
         }
-        Z.danger(s(z, i("components.customise-failed")));
+        X.danger(s(O, i("components.customise-failed")));
       } finally {
         f.value = null;
       }
     }
     ot(ie);
-    const j = S(
-      () => E.value ? [{ key: "new", label: i("page.new"), icon: "plus", primary: !0, run: () => {
-        Se();
+    const pe = S(
+      () => T.value ? [{ key: "new", label: i("page.new"), icon: "plus", primary: !0, run: () => {
+        j();
       } }] : []
     );
-    return (C, z) => (c(), W(n(ln), {
+    return (V, O) => (c(), W(n(ln), {
       view: d.value,
-      "onUpdate:view": z[2] || (z[2] = (I) => d.value = I),
+      "onUpdate:view": O[2] || (O[2] = (I) => d.value = I),
       class: "wx-blocks-page",
       title: _.value,
       views: he.value,
-      actions: j.value
+      actions: pe.value
     }, {
       default: g(() => [
         x.value.editing ? L("", !0) : (c(), W(n(al), {
@@ -4046,10 +4050,10 @@ const ls = { class: "wx-block-picker" }, ns = {
           variant: "soft",
           description: n(i)("page.editing-off")
         }, null, 8, ["description"])),
-        u.value || !Ve.value ? (c(), w("div", ia, [
+        u.value || !Be.value ? (c(), w("div", ia, [
           v(n(nt), {
             modelValue: m.value,
-            "onUpdate:modelValue": z[0] || (z[0] = (I) => m.value = I),
+            "onUpdate:modelValue": O[0] || (O[0] = (I) => m.value = I),
             class: "wx-blocks-page__search",
             placeholder: n(i)("page.search"),
             clearable: ""
@@ -4057,8 +4061,8 @@ const ls = { class: "wx-block-picker" }, ns = {
         ])) : L("", !0),
         u.value ? (c(), W(n(He), { key: 2 }, {
           template: g(() => [
-            V("div", ra, [
-              (c(), w(F, null, G(4, (I) => V("div", {
+            E("div", ra, [
+              (c(), w(F, null, Z(4, (I) => E("div", {
                 key: I,
                 class: "wx-blocks-page__ghost"
               }, [
@@ -4067,7 +4071,7 @@ const ls = { class: "wx-block-picker" }, ns = {
                   height: 120,
                   class: "wx-blocks-page__ghost-thumb"
                 }),
-                V("div", ua, [
+                E("div", ua, [
                   v(n(pt), {
                     variant: "title",
                     width: "45%"
@@ -4086,13 +4090,13 @@ const ls = { class: "wx-block-picker" }, ns = {
             ])
           ]),
           _: 1
-        })) : Ve.value ? (c(), W(n(Lt), {
+        })) : Be.value ? (c(), W(n(Lt), {
           key: 3,
           icon: "grid",
           title: n(i)("page.empty"),
           description: n(i)("page.empty-help")
         }, null, 8, ["title", "description"])) : (c(), w(F, { key: 4 }, [
-          (c(!0), w(F, null, G(le.value, (I) => (c(), w("section", {
+          (c(!0), w(F, null, Z(ne.value, (I) => (c(), w("section", {
             key: I.id,
             class: "wx-blocks-page__group"
           }, [
@@ -4100,40 +4104,41 @@ const ls = { class: "wx-block-picker" }, ns = {
             v(n(rn), {
               "model-value": I.blocks,
               class: "wx-blocks-page__cards",
-              disabled: !Me.value,
+              disabled: !ze.value,
               animation: 160,
               delay: 200,
               "delay-on-touch-only": !0,
               "force-fallback": !0,
               "ghost-class": "is-ghost",
-              "onUpdate:modelValue": z[1] || (z[1] = (q) => we(q))
+              onEnd: Ce,
+              "onUpdate:modelValue": O[1] || (O[1] = (Y) => xe(Y))
             }, {
               default: g(() => [
-                (c(!0), w(F, null, G(I.blocks, (q) => (c(), W(ol, {
-                  key: q.id,
-                  block: q,
-                  onOpen: re
+                (c(!0), w(F, null, Z(I.blocks, (Y) => (c(), W(ol, {
+                  key: Y.id,
+                  block: Y,
+                  onOpen: N
                 }, null, 8, ["block"]))), 128))
               ]),
               _: 2
             }, 1032, ["model-value", "disabled"])
           ]))), 128)),
-          X.value.length > 0 || te.value.length > 0 ? (c(), w("section", da, [
-            ye.value ? (c(), w("div", pa, k(ye.value), 1)) : L("", !0),
-            V("div", fa, [
-              (c(!0), w(F, null, G(X.value, (I) => (c(), W(ol, {
+          Q.value.length > 0 || le.value.length > 0 ? (c(), w("section", da, [
+            we.value ? (c(), w("div", pa, k(we.value), 1)) : L("", !0),
+            E("div", fa, [
+              (c(!0), w(F, null, Z(Q.value, (I) => (c(), W(ol, {
                 key: I.id,
                 block: I,
                 module: ae(I.slug),
-                onOpen: re
+                onOpen: N
               }, null, 8, ["block", "module"]))), 128)),
-              (c(!0), w(F, null, G(te.value, (I) => (c(), W(aa, {
+              (c(!0), w(F, null, Z(le.value, (I) => (c(), W(aa, {
                 key: I.slug,
                 declared: I,
-                module: Q(I.module),
-                "can-manage": E.value,
+                module: ee(I.module),
+                "can-manage": T.value,
                 busy: f.value === I.slug,
-                onCustomise: O
+                onCustomise: q
               }, null, 8, ["declared", "module", "can-manage", "busy"]))), 128))
             ])
           ])) : L("", !0)
@@ -4142,7 +4147,7 @@ const ls = { class: "wx-block-picker" }, ns = {
       _: 1
     }, 8, ["view", "title", "views", "actions"]));
   }
-}), ha = /* @__PURE__ */ se(ma, [["__scopeId", "data-v-e02354ff"]]);
+}), ha = /* @__PURE__ */ se(ma, [["__scopeId", "data-v-14d130be"]]);
 function Ta(e = {}) {
   const l = e.path ?? "/blocks";
   return {
@@ -4200,7 +4205,7 @@ export {
   yt as insertNode,
   hl as isNode,
   rt as isNodeList,
-  _e as kindOf,
+  $e as kindOf,
   vo as lintBlock,
   me as locate,
   Wn as makeNode,