@webx-ui/module-blocks 0.10.3 → 0.10.4

package/dist/index.js

@@ -1,12 +1,12 @@
-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 _e, startCompletion as sn } from "@codemirror/autocomplete";
-import { EditorState as an } from "@codemirror/state";
-import { VueDraggable as rn } from "vue-draggable-plus";
-const un = {
+import { WxCodeEditor as Qe, WxText as Y, WxIcon as we, WxSkeleton as He, WxBadge as ye, WxButton as ce, confirm as vt, toast as X, useElementWidth as gt, WxSegmented as al, WxCard as De, WxPopover as Ml, WxAlert as il, WxTabs as zl, WxTab as Re, WxFormItem as re, WxSelect as St, WxInput as nt, WxTextarea as rl, WxIconPicker as Dl, WxInputNumber as Ft, WxTagsInput as Ht, WxSwitch as Ol, WxActionBar as Il, useModal as Lt, WxDialog as Bt, WxEmpty as Wt, WxAction as et, WxSortableList as Pl, createModal as Et, WxDrawer as Ul, WxRadioGroup as Rl, WxRadio as Kt, WxSpace as jl, WxSkeletonItem as pt } from "@webx-ui/core";
+import { defineComponent as oe, ref as P, watch as ue, openBlock as d, createElementBlock as w, createVNode as v, unref as n, createBlock as W, withCtx as g, createTextVNode as L, toDisplayString as k, createCommentVNode as B, computed as S, createElementVNode as C, Fragment as F, renderList as Z, onMounted as ot, onBeforeUnmount as st, normalizeStyle as Ie, provide as Nt, inject as Fe, reactive as kt, resolveComponent as Mt, normalizeClass as Ne, withDirectives as Fl, vShow as Hl, isRef as zt, watchEffect as Kl, nextTick as ql, withKeys as qt, withModifiers as Yt, useModel as Yl, getCurrentInstance as Jl, resolveDynamicComponent as Gl, mergeProps as Zl, mergeModels as Xl } from "vue";
+import { useAdmin as at, useTranslate as de, useErrorText as it, WxDate as Ql, WxScreenHead as en, WxRenameButton as tn, WxHelpButton as ln, adminKey as ul, WxRowMenu as nn, WxListScreen as on } from "@webx-ui/module-admin";
+import { useRoute as sn, useRouter as cl } from "vue-router";
+import { WxScreenRenderer as dl, coreTypes as ft } from "@webx-ui/schema";
+import { autocompletion as an, pickedCompletion as Ye, snippetCompletion as ke, startCompletion as rn } from "@codemirror/autocomplete";
+import { EditorState as un } from "@codemirror/state";
+import { VueDraggable as cn } from "vue-draggable-plus";
+const dn = {
   module: {
     title: "Blocks"
   },
@@ -207,14 +207,14 @@ const un = {
     "ok-variables": "Every variable of the template is a field of the schema."
   }
 }, Jt = /* @__PURE__ */ new WeakSet();
-function Ne() {
+function Me() {
   try {
     const { i18n: e } = at();
-    Jt.has(e) || (e.defaults("webx-blocks", un), Jt.add(e));
+    Jt.has(e) || (e.defaults("webx-blocks", dn), Jt.add(e));
   } catch {
   }
 }
-const cn = { class: "wx-block-data" }, dn = /* @__PURE__ */ oe({
+const pn = { class: "wx-block-data" }, fn = /* @__PURE__ */ oe({
   __name: "BlockDataField",
   props: {
     modelValue: { default: void 0 },
@@ -224,36 +224,36 @@ const cn = { class: "wx-block-data" }, dn = /* @__PURE__ */ oe({
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
     const t = e, o = l;
-    Ne();
-    const a = de("webx-blocks"), i = U(r(t.modelValue)), s = U(null);
+    Me();
+    const a = de("webx-blocks"), i = P(r(t.modelValue)), s = P(null);
     function r(m) {
       return m == null ? "" : JSON.stringify(m, null, 2);
     }
-    function p(m) {
+    function c(m) {
       return m.trim() === "" ? null : JSON.parse(m);
     }
     function u(m) {
       i.value = m;
       try {
-        const d = p(m);
-        s.value = null, o("update:modelValue", d);
-      } catch (d) {
-        s.value = a("components.data-invalid", { error: d.message });
+        const p = c(m);
+        s.value = null, o("update:modelValue", p);
+      } catch (p) {
+        s.value = a("components.data-invalid", { error: p.message });
       }
     }
     return ue(
       () => t.modelValue,
       (m) => {
-        let d = !1;
+        let p = !1;
         try {
-          d = JSON.stringify(p(i.value)) === JSON.stringify(m ?? null);
+          p = JSON.stringify(c(i.value)) === JSON.stringify(m ?? null);
         } catch {
-          d = !1;
+          p = !1;
         }
-        d || (i.value = r(m), s.value = null);
+        p || (i.value = r(m), s.value = null);
       },
       { deep: !0 }
-    ), (m, d) => (c(), w("div", cn, [
+    ), (m, p) => (d(), w("div", pn, [
       v(n(Qe), {
         "model-value": i.value,
         language: "json",
@@ -263,16 +263,16 @@ const cn = { class: "wx-block-data" }, dn = /* @__PURE__ */ oe({
         "max-height": "320px",
         "onUpdate:modelValue": u
       }, null, 8, ["model-value", "lint", "readonly"]),
-      s.value ? (c(), W(n(J), {
+      s.value ? (d(), W(n(Y), {
         key: 0,
         size: "sm",
         tone: "danger"
       }, {
         default: g(() => [
-          B(k(s.value), 1)
+          L(k(s.value), 1)
         ]),
         _: 1
-      })) : L("", !0)
+      })) : B("", !0)
     ]));
   }
 }), se = (e, l) => {
@@ -280,7 +280,7 @@ const cn = { class: "wx-block-data" }, dn = /* @__PURE__ */ oe({
   for (const [o, a] of l)
     t[o] = a;
   return t;
-}, pn = /* @__PURE__ */ se(dn, [["__scopeId", "data-v-b994c835"]]);
+}, mn = /* @__PURE__ */ se(fn, [["__scopeId", "data-v-b994c835"]]);
 function Ke(e) {
   const l = `${e.apiPath}/blocks`, t = (o) => o.data;
   return {
@@ -304,10 +304,10 @@ function Ke(e) {
     })
   };
 }
-const fn = { class: "wx-block-checks" }, mn = {
+const hn = { class: "wx-block-checks" }, vn = {
   key: 0,
   class: "wx-block-checks__line is-error"
-}, hn = /* @__PURE__ */ oe({
+}, bn = /* @__PURE__ */ oe({
   __name: "BlockChecks",
   props: {
     file: {},
@@ -320,41 +320,41 @@ const fn = { class: "wx-block-checks" }, mn = {
       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(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)
-          ], 64)) : L("", !0),
-          e.error.where ? (c(), w(F, { key: 1 }, [
-            B(" · " + k(e.error.where), 1)
-          ], 64)) : L("", !0)
+    return (i, s) => (d(), w("div", hn, [
+      e.error ? (d(), w("div", vn, [
+        v(n(we), { name: "close-circle" }),
+        C("span", null, [
+          L(k(e.error.message) + " ", 1),
+          e.error.line !== null ? (d(), w(F, { key: 0 }, [
+            L(" · " + k(n(t)("page.line", { line: e.error.line })), 1)
+          ], 64)) : B("", !0),
+          e.error.where ? (d(), w(F, { key: 1 }, [
+            L(" · " + k(e.error.where), 1)
+          ], 64)) : B("", !0)
         ])
-      ])) : L("", !0),
-      (c(!0), w(F, null, Z(o.value, (r) => (c(), w("div", {
+      ])) : B("", !0),
+      (d(!0), w(F, null, Z(o.value, (r) => (d(), w("div", {
         key: r.code,
         class: "wx-block-checks__line is-warning"
       }, [
-        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)
+        v(n(we), { name: "warning" }),
+        C("span", null, [
+          L(k(r.message) + " ", 1),
+          r.line !== null ? (d(), w(F, { key: 0 }, [
+            L(" · " + k(n(t)("page.line", { line: r.line })), 1)
+          ], 64)) : B("", !0)
         ])
       ]))), 128)),
-      (c(!0), w(F, null, Z(a.value, (r) => (c(), w("div", {
+      (d(!0), w(F, null, Z(a.value, (r) => (d(), w("div", {
         key: r,
         class: "wx-block-checks__line is-ok"
       }, [
-        v(n(ye), { name: "check" }),
-        E("span", null, k(r), 1)
+        v(n(we), { name: "check" }),
+        C("span", null, k(r), 1)
       ]))), 128))
     ]));
   }
-}), Yt = /* @__PURE__ */ se(hn, [["__scopeId", "data-v-e56947a8"]]), vn = { class: "wx-block-history" }, bn = { class: "wx-block-history__number" }, gn = { class: "wx-block-history__who" }, kn = /* @__PURE__ */ oe({
+}), Gt = /* @__PURE__ */ se(bn, [["__scopeId", "data-v-e56947a8"]]), gn = { class: "wx-block-history" }, kn = { class: "wx-block-history__number" }, yn = { class: "wx-block-history__who" }, wn = /* @__PURE__ */ oe({
   __name: "BlockHistory",
   props: {
     block: {},
@@ -362,14 +362,14 @@ const fn = { class: "wx-block-checks" }, mn = {
   },
   emits: ["restored"],
   setup(e, { emit: l }) {
-    const t = e, o = l, a = at(), i = Ke(a), s = de("webx-blocks"), r = it(), p = U(null);
+    const t = e, o = l, a = at(), i = Ke(a), s = de("webx-blocks"), r = it(), c = P(null);
     async function u() {
-      p.value = await i.versions(t.block.id);
+      c.value = await i.versions(t.block.id);
     }
     function m(f) {
       return t.block.draft?.number === f.number ? "draft" : t.block.published?.number === f.number ? "live" : "replaced";
     }
-    async function d(f) {
+    async function p(f) {
       if (await vt({
         title: s("page.restore-title", { number: f.number }),
         message: s("page.restore-text"),
@@ -388,75 +388,75 @@ const fn = { class: "wx-block-checks" }, mn = {
       () => {
         u();
       }
-    ), (f, h) => (c(), w("div", vn, [
-      p.value === null ? (c(), W(n(He), {
+    ), (f, h) => (d(), w("div", gn, [
+      c.value === null ? (d(), W(n(He), {
         key: 0,
         class: "wx-block-history__ghost",
         rows: 3
-      })) : (c(!0), w(F, { key: 1 }, Z(p.value, (x) => (c(), w("div", {
+      })) : (d(!0), w(F, { key: 1 }, Z(c.value, (x) => (d(), w("div", {
         key: x.number,
         class: "wx-block-history__row"
       }, [
-        E("code", bn, k(n(s)("page.version", { number: x.number })), 1),
-        E("div", gn, [
-          v(n(J), null, {
+        C("code", kn, k(n(s)("page.version", { number: x.number })), 1),
+        C("div", yn, [
+          v(n(Y), null, {
             default: g(() => [
-              B(k(n(s)(`page.version-${m(x)}`)), 1)
+              L(k(n(s)(`page.version-${m(x)}`)), 1)
             ]),
             _: 2
           }, 1024),
-          v(n(J), {
+          v(n(Y), {
             size: "sm",
             tone: "muted"
           }, {
             default: g(() => [
-              x.created_at ? (c(), W(n(Zl), {
+              x.created_at ? (d(), W(n(Ql), {
                 key: 0,
                 value: x.created_at
-              }, null, 8, ["value"])) : L("", !0),
-              B(" · " + k(x.author ?? n(s)(`page.source-${x.source}`)) + " ", 1),
-              x.comment ? (c(), w(F, { key: 1 }, [
-                B(" · " + k(x.comment), 1)
-              ], 64)) : L("", !0)
+              }, null, 8, ["value"])) : B("", !0),
+              L(" · " + k(x.author ?? n(s)(`page.source-${x.source}`)) + " ", 1),
+              x.comment ? (d(), w(F, { key: 1 }, [
+                L(" · " + k(x.comment), 1)
+              ], 64)) : B("", !0)
             ]),
             _: 2
           }, 1024)
         ]),
-        m(x) === "draft" ? (c(), W(n(ke), {
+        m(x) === "draft" ? (d(), W(n(ye), {
           key: 0,
           type: "warning",
           dot: ""
         }, {
           default: g(() => [
-            B(k(n(s)("page.version-draft")), 1)
+            L(k(n(s)("page.version-draft")), 1)
           ]),
           _: 1
-        })) : m(x) === "live" ? (c(), W(n(ke), {
+        })) : m(x) === "live" ? (d(), W(n(ye), {
           key: 1,
           type: "success",
           dot: ""
         }, {
           default: g(() => [
-            B(k(n(s)("page.version-live")), 1)
+            L(k(n(s)("page.version-live")), 1)
           ]),
           _: 1
-        })) : L("", !0),
-        e.canManage && m(x) === "replaced" ? (c(), W(n(ce), {
+        })) : B("", !0),
+        e.canManage && m(x) === "replaced" ? (d(), W(n(ce), {
           key: 2,
           size: "sm",
           variant: "outline",
-          onClick: (T) => d(x)
+          onClick: (T) => p(x)
         }, {
           default: g(() => [
-            B(k(n(s)("page.restore")), 1)
+            L(k(n(s)("page.restore")), 1)
           ]),
           _: 1
-        }, 8, ["onClick"])) : L("", !0)
+        }, 8, ["onClick"])) : B("", !0)
       ]))), 128))
     ]));
   }
-}), yn = /* @__PURE__ */ se(kn, [["__scopeId", "data-v-42c6b7ad"]]), tt = "wx-preview-selected", mt = "wx-preview-hover", Gt = "wx-preview-style";
-function dl(e, l) {
+}), xn = /* @__PURE__ */ se(wn, [["__scopeId", "data-v-42c6b7ad"]]), tt = "wx-preview-selected", mt = "wx-preview-hover", Zt = "wx-preview-style";
+function pl(e, l) {
   const o = (e.ownerDocument ?? e).createTreeWalker(
     e,
     128
@@ -472,8 +472,8 @@ function dl(e, l) {
   }
   return null;
 }
-function pl(e, l, t) {
-  const o = dl(e, l);
+function fl(e, l, t) {
+  const o = pl(e, l);
   if (!o) return !1;
   const a = o.start.parentNode;
   if (!a) return !1;
@@ -482,40 +482,40 @@ function pl(e, l, t) {
   const s = o.end.nextSibling;
   let r = o.start;
   for (; r; ) {
-    const d = r.nextSibling, f = r === o.end;
+    const p = r.nextSibling, f = r === o.end;
     if (a.removeChild(r), f) break;
-    r = d;
+    r = p;
   }
-  const p = i.content, u = Array.from(p.childNodes);
-  a.insertBefore(p, s);
+  const c = i.content, u = Array.from(c.childNodes);
+  a.insertBefore(c, s);
   const m = e.defaultView?.webx;
   if (m?.mount)
-    for (const d of u)
-      d.nodeType === 1 && m.mount(d);
+    for (const p of u)
+      p.nodeType === 1 && m.mount(p);
   return !0;
 }
-function zt(e, l) {
-  const t = dl(e, l);
+function Dt(e, l) {
+  const t = pl(e, l);
   if (!t) return null;
   for (let o = t.start.nextSibling; o && o !== t.end; o = o.nextSibling)
     if (o.nodeType === 1) return o;
   return null;
 }
-function kt(e, l) {
-  Dt(e);
+function yt(e, l) {
+  Ot(e);
   for (const o of Array.from(e.querySelectorAll(`.${tt}`)))
     o.classList.remove(tt);
   if (l === null) return null;
-  const t = zt(e, l);
+  const t = Dt(e, l);
   return t?.classList.add(tt), t;
 }
-function Zt(e, l) {
-  Dt(e);
+function Xt(e, l) {
+  Ot(e);
   for (const t of Array.from(e.querySelectorAll(`.${mt}`)))
     t.classList.remove(mt);
-  l !== null && zt(e, l)?.classList.add(mt);
+  l !== null && Dt(e, l)?.classList.add(mt);
 }
-function Xt(e) {
+function Qt(e) {
   let l = e?.nodeType === 1 ? e : e?.parentElement ?? null;
   for (; l; ) {
     let t = 0;
@@ -533,19 +533,19 @@ function Xt(e) {
   }
   return null;
 }
-function wn(e, l) {
-  Dt(e);
+function _n(e, l) {
+  Ot(e);
   let t = null;
   function o(s) {
-    const r = Xt(s.target);
+    const r = Qt(s.target);
     r === null ? lt(s) : Oe(s), l.select(r);
   }
   function a(s) {
-    const r = Xt(s.target);
-    r !== t && (t = r, Zt(e, r));
+    const r = Qt(s.target);
+    r !== t && (t = r, Xt(e, r));
   }
   function i() {
-    t = null, Zt(e, null);
+    t = null, Xt(e, null);
   }
   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() {
@@ -560,7 +560,7 @@ function lt(e) {
   const l = e.target;
   (l?.nodeType === Node.ELEMENT_NODE ? l : l?.parentElement ?? null)?.closest("a[href], area[href]") && e.preventDefault();
 }
-function xn(e) {
+function $n(e) {
   const l = [
     ["click", lt],
     ["auxclick", lt],
@@ -574,61 +574,61 @@ function xn(e) {
     }
   };
 }
-const ht = "sample", Ct = "wx-stage-styles";
-function _n(e, l) {
-  let t = e.getElementById(Ct);
-  t === null && (t = e.createElement("style"), t.id = Ct, (e.head ?? e.documentElement).appendChild(t)), t.textContent = l.styles;
+const ht = "sample", Tt = "wx-stage-styles";
+function Sn(e, l) {
+  let t = e.getElementById(Tt);
+  t === null && (t = e.createElement("style"), t.id = Tt, (e.head ?? e.documentElement).appendChild(t)), t.textContent = l.styles;
   const o = `<!--wx:${ht}-->`, a = l.html.trimStart().startsWith(o) ? l.html : `${o}${l.html}<!--/wx:${ht}-->`;
-  return pl(e, ht, a);
+  return fl(e, ht, a);
 }
-function $n(e, l) {
+function En(e, l) {
   const t = e.createElement("script");
   t.textContent = l, e.body.appendChild(t);
 }
-function Dt(e) {
-  if (e.getElementById(Gt)) return;
+function Ot(e) {
+  if (e.getElementById(Zt)) return;
   const l = e.createElement("style");
-  l.id = Gt, l.textContent = `.${tt}{outline:2px solid #427edd;outline-offset:-2px;}.${mt}:not(.${tt}){outline:1px solid #427edd;outline-offset:-1px;cursor:pointer;}`, (e.head ?? e.documentElement).appendChild(l);
+  l.id = Zt, l.textContent = `.${tt}{outline:2px solid #427edd;outline-offset:-2px;}.${mt}:not(.${tt}){outline:1px solid #427edd;outline-offset:-1px;cursor:pointer;}`, (e.head ?? e.documentElement).appendChild(l);
 }
-function fl(e) {
-  const l = e.base ? `<base href="${Tt(e.base)}">` : "", t = e.frame ? `<style>${e.frame}</style>` : "", o = e.script && e.runtime ? `<script src="${Tt(e.runtime)}"><\/script><script>${e.script}<\/script>` : "";
+function ml(e) {
+  const l = e.base ? `<base href="${Ct(e.base)}">` : "", t = e.frame ? `<style>${e.frame}</style>` : "", o = e.script && e.runtime ? `<script src="${Ct(e.runtime)}"><\/script><script>${e.script}<\/script>` : "";
   return `<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">${l}<style>html,body{margin:0}body{container-type:inline-size}</style>${t}<style>${e.styles}</style></head><body>${e.html}${o}</body></html>`;
 }
-const ml = "<!--wx-thumb-->";
-function Sn(e, l) {
-  const t = new DOMParser().parseFromString(e, "text/html"), o = Tn(t, `wx:${ht}`);
+const hl = "<!--wx-thumb-->";
+function Tn(e, l) {
+  const t = new DOMParser().parseFromString(e, "text/html"), o = An(t, `wx:${ht}`);
   if (o === null) return null;
   const a = (u) => u === null ? null : new URL(u, new URL(l, location.href)).href, i = [];
   for (const u of Array.from(t.head.children)) {
-    const m = u.tagName.toLowerCase(), d = (u.getAttribute("rel") ?? "").toLowerCase().split(/\s+/);
-    if (m === "style" && u.id !== Ct)
+    const m = u.tagName.toLowerCase(), p = (u.getAttribute("rel") ?? "").toLowerCase().split(/\s+/);
+    if (m === "style" && u.id !== Tt)
       i.push(u.outerHTML);
-    else if (m === "link" && (d.includes("stylesheet") || d.includes("preload") && u.getAttribute("as") === "font")) {
+    else if (m === "link" && (p.includes("stylesheet") || p.includes("preload") && u.getAttribute("as") === "font")) {
       const f = u.cloneNode(!1);
       f.setAttribute("href", a(u.getAttribute("href")) ?? ""), i.push(f.outerHTML);
     }
   }
-  let s = ml, r = o.parentElement;
+  let s = hl, r = o.parentElement;
   for (; r !== null && r !== t.body && r !== t.documentElement; ) {
     const u = r.cloneNode(!1);
     u.innerHTML = s, s = u.outerHTML, r = r.parentElement;
   }
-  const p = (u) => Array.from(u.attributes).map((m) => ` ${m.name}="${Tt(m.value)}"`).join("");
-  return `<!doctype html><html${p(t.documentElement)}><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">${i.join("")}</head><body${p(t.body)}>${s}</body></html>`;
+  const c = (u) => Array.from(u.attributes).map((m) => ` ${m.name}="${Ct(m.value)}"`).join("");
+  return `<!doctype html><html${c(t.documentElement)}><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">${i.join("")}</head><body${c(t.body)}>${s}</body></html>`;
 }
 function Cn(e, l) {
-  return e.replace("</head>", () => `<style>${l.styles}</style></head>`).replace(ml, () => l.html);
+  return e.replace("</head>", () => `<style>${l.styles}</style></head>`).replace(hl, () => l.html);
 }
-function Tn(e, l) {
+function An(e, l) {
   const t = e.createTreeWalker(e.body ?? e.documentElement, NodeFilter.SHOW_COMMENT);
   for (let o = t.nextNode(); o !== null; o = t.nextNode())
     if (o.data.trim() === l) return o;
   return null;
 }
-function Tt(e) {
+function Ct(e) {
   return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
 }
-const En = { class: "wx-block-stage" }, Vn = { class: "wx-block-stage__bar" }, An = ["src", "srcdoc", "title"], Bn = /* @__PURE__ */ oe({
+const Vn = { class: "wx-block-stage" }, Ln = { class: "wx-block-stage__bar" }, Bn = ["src", "srcdoc", "title"], Wn = /* @__PURE__ */ oe({
   __name: "BlockStage",
   props: {
     html: {},
@@ -643,24 +643,24 @@ const En = { class: "wx-block-stage" }, Vn = { class: "wx-block-stage__bar" }, A
       { 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);
+    ]), a = P(1280), i = P(null), s = P(null), r = gt(i), c = P(360), u = P(!1);
     ue([r, o], () => {
       if (u.value || r.value === 0) return;
-      const D = o.value.find((P) => r.value / P.value >= 0.45);
+      const D = o.value.find((U) => r.value / U.value >= 0.45);
       a.value = (D ?? o.value[o.value.length - 1]).value;
     });
     function m(D) {
       u.value = !0, a.value = D;
     }
-    const d = S(() => r.value === 0 ? 1 : Math.min(1, r.value / a.value)), f = S(
-      () => l.stage ? void 0 : fl({
+    const p = S(() => r.value === 0 ? 1 : Math.min(1, r.value / a.value)), f = S(
+      () => l.stage ? void 0 : ml({
         html: l.html,
         styles: l.styles,
         script: l.script,
         runtime: l.runtime,
         base: typeof location > "u" ? null : location.origin + "/"
       })
-    ), h = U(0);
+    ), h = P(0);
     let x = null;
     ue(
       () => l.script,
@@ -671,23 +671,23 @@ const En = { class: "wx-block-stage" }, Vn = { class: "wx-block-stage__bar" }, A
     function T() {
       const D = s.value?.contentDocument?.body;
       if (!D) return;
-      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)));
+      const U = D.ownerDocument.defaultView, Q = U && parseFloat(U.getComputedStyle(D).marginBottom) || 0, le = D.getBoundingClientRect().bottom + Q + (U?.scrollY ?? 0);
+      c.value = Math.max(120, Math.ceil(Math.max(D.scrollHeight, le)));
     }
     let _ = null, b = null;
     function $() {
       _?.release(), _ = null, b?.disconnect(), b = null;
     }
     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 }));
+      l.stage && (l.script && x !== l.script && (x = l.script, En(D, l.script)), Sn(D, { html: l.html, styles: l.styles }));
     }
     function G() {
       $();
       const D = s.value?.contentDocument;
       if (!D?.body) return;
-      l.stage && (x = null, _ = xn(D), R(D)), T();
-      const P = D.defaultView?.ResizeObserver;
-      P && (b = new P(() => T()), b.observe(D.body));
+      l.stage && (x = null, _ = $n(D), R(D)), T();
+      const U = D.defaultView?.ResizeObserver;
+      U && (b = new U(() => T()), b.observe(D.body));
     }
     ue(
       () => [l.html, l.styles],
@@ -695,41 +695,41 @@ const En = { class: "wx-block-stage" }, Vn = { class: "wx-block-stage__bar" }, A
         const D = s.value?.contentDocument;
         l.stage && D?.body && _ !== null && R(D);
       }
-    ), ue(r, (D, P) => {
-      D > 0 && P === 0 && setTimeout(T, 50);
+    ), ue(r, (D, U) => {
+      D > 0 && U === 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})`
+      height: `${c.value}px`,
+      transform: `scale(${p.value})`
     })), ae = S(() => ({
-      width: `${Math.round(a.value * d.value)}px`,
-      height: `${Math.round(p.value * d.value)}px`
+      width: `${Math.round(a.value * p.value)}px`,
+      height: `${Math.round(c.value * p.value)}px`
     }));
-    return (D, P) => (c(), w("div", En, [
-      E("div", Vn, [
-        v(n(sl), {
+    return (D, U) => (d(), w("div", Vn, [
+      C("div", Ln, [
+        v(n(al), {
           "model-value": a.value,
           options: o.value,
           size: "sm",
           "aria-label": n(t)("page.width"),
-          "onUpdate:modelValue": P[0] || (P[0] = (Q) => m(Number(Q)))
+          "onUpdate:modelValue": U[0] || (U[0] = (Q) => m(Number(Q)))
         }, null, 8, ["model-value", "options", "aria-label"])
       ]),
-      E("div", {
+      C("div", {
         ref_key: "box",
         ref: i,
         class: "wx-block-stage__ground"
       }, [
-        e.loading && !e.html ? (c(), W(n(He), {
+        e.loading && !e.html ? (d(), W(n(He), {
           key: 0,
           rows: 3
-        })) : (c(), w("div", {
+        })) : (d(), w("div", {
           key: 1,
           class: "wx-block-stage__clip",
           style: Ie(ae.value)
         }, [
-          (c(), w("iframe", {
+          (d(), w("iframe", {
             ref_key: "frame",
             ref: s,
             key: h.value,
@@ -740,121 +740,121 @@ const En = { class: "wx-block-stage" }, Vn = { class: "wx-block-stage__bar" }, A
             sandbox: "allow-same-origin allow-scripts",
             title: n(t)("page.preview"),
             onLoad: G
-          }, null, 44, An))
+          }, null, 44, Bn))
         ], 4))
       ], 512)
     ]));
   }
-}), Ln = /* @__PURE__ */ se(Bn, [["__scopeId", "data-v-3185ee45"]]);
-function hl(e) {
+}), Nn = /* @__PURE__ */ se(Wn, [["__scopeId", "data-v-3185ee45"]]);
+function vl(e) {
   return typeof e == "object" && e !== null && typeof e.type == "string" && e.type !== "";
 }
 function rt(e) {
-  return Array.isArray(e) && e.length > 0 && e.every(hl);
+  return Array.isArray(e) && e.length > 0 && e.every(vl);
 }
-function Et() {
+function At() {
   return (typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID().replace(/-/g, "") : Math.random().toString(36).slice(2) + Math.random().toString(36).slice(2)).slice(0, 12);
 }
-function Wn(e, l = {}) {
-  return { key: Et(), type: e, values: l };
+function Mn(e, l = {}) {
+  return { key: At(), type: e, values: l };
 }
 function me(e, l) {
-  return vl(e, l, null, null);
+  return bl(e, l, null, null);
 }
-function vl(e, l, t, o) {
+function bl(e, l, t, o) {
   for (let a = 0; a < e.length; a++) {
     const i = e[a];
     if (i.key === l) return { node: i, parent: t, field: o, list: e, index: a };
     for (const [s, r] of Object.entries(i.values ?? {}))
       if (rt(r)) {
-        const p = vl(r, l, i, s);
-        if (p) return p;
+        const c = bl(r, l, i, s);
+        if (c) return c;
       }
   }
   return null;
 }
 function ut(e, l, t = 0, o = null) {
   for (const a of e)
-    if (hl(a)) {
+    if (vl(a)) {
       l(a, t, o);
       for (const i of Object.values(a.values ?? {}))
         rt(i) && ut(i, l, t + 1, a);
     }
 }
-function Mn(e, l) {
+function zn(e, l) {
   let t = 0;
   return ut(e, (o) => {
     o.type === l && t++;
   }), t;
 }
-function Nn(e) {
+function Dn(e) {
   let l = 0;
   for (const t of Object.values(e.values ?? {}))
     rt(t) && ut(t, () => l++);
   return l;
 }
-function $a(e) {
+function Ca(e) {
   const l = [];
   return ut(e, (t) => {
     l.includes(t.type) || l.push(t.type);
   }), l;
 }
-function Ot(e) {
+function It(e) {
   const l = [];
   for (const t of e)
-    t.type === "wx-blocks" && l.push(t), t.children && l.push(...Ot(t.children));
+    t.type === "wx-blocks" && l.push(t), t.children && l.push(...It(t.children));
   return l;
 }
-function bl(e) {
+function gl(e) {
   const l = {};
   for (const [t, o] of Object.entries(e.values ?? {}))
-    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 };
+    l[t] = rt(o) ? o.map(gl) : Ve(o);
+  return e.hidden === !0 ? { key: At(), type: e.type, hidden: !0, values: l } : { key: At(), type: e.type, values: l };
 }
-function zn(e, l, t) {
-  const o = Ae(e), a = me(o, l);
+function On(e, l, t) {
+  const o = Ve(e), a = me(o, l);
   return a ? (t ? a.node.hidden = !0 : delete a.node.hidden, o) : e;
 }
-function Dn(e, l, t) {
+function In(e, l, t) {
   if (l === null) return e;
   const o = me(e, l);
   if (!o || t === null) return null;
   const a = o.node.values[t];
   return Array.isArray(a) || (o.node.values[t] = []), o.node.values[t];
 }
-function yt(e, l, t, o, a) {
-  const i = Ae(e), s = Dn(i, l, t);
+function wt(e, l, t, o, a) {
+  const i = Ve(e), s = In(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 = Ae(e), o = me(t, l);
+function el(e, l) {
+  const t = Ve(e), o = me(t, l);
   return o ? (o.list.splice(o.index, 1), t) : e;
 }
-function On(e, l, t) {
-  const o = Ae(e), a = me(o, l);
+function Pn(e, l, t) {
+  const o = Ve(e), a = me(o, l);
   return a ? (a.node.values = t, o) : e;
 }
-function In(e, l, t, o) {
-  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 Un(e, l, t, o) {
+  if (l === null) return Ve(o);
+  const a = Ve(e), i = me(a, l);
+  return !i || t === null ? e : (i.node.values[t] = Ve(o), a);
 }
-function Ae(e) {
+function Ve(e) {
   return e === void 0 ? e : JSON.parse(JSON.stringify(e));
 }
-function wt(e) {
+function xt(e) {
   return [
-    on({ icons: !1 }),
-    an.languageData.of(() => [{ autocomplete: e }])
+    an({ icons: !1 }),
+    un.languageData.of(() => [{ autocomplete: e }])
   ];
 }
-const Un = [
+const Rn = [
   ["block", "key, type, version, depth, value()"],
   ["entity", "the page or article the block stands on"]
-], Pn = ["key", "type", "version", "depth"], gl = ["url", "alt", "title", "path"], Rn = [...gl, "thumb", "name", "extension", "mime", "size", "width", "height"], jn = ["wx-media"], Fn = ["wx-gallery", "wx-files"], Hn = ["items", "groups", "filter"], Kn = {
+], jn = ["key", "type", "version", "depth"], kl = ["url", "alt", "title", "path"], Fn = [...kl, "thumb", "name", "extension", "mime", "size", "width", "height"], Hn = ["wx-media"], Kn = ["wx-gallery", "wx-files"], qn = ["items", "groups", "filter"], Yn = {
   items: ["id", "anchor", "categories"],
   groups: ["id", "title", "items"]
-}, qn = {
+}, Jn = {
   faq: ["question", "answer"],
   services: ["title", "url", "lead", "cover", "fields"],
   reviews: [
@@ -882,8 +882,43 @@ const Un = [
     "fields"
   ],
   team: ["name", "initials", "job_title", "text", "photo", "socials", "service_links", "fields"]
-};
-function Jn({
+}, yl = {
+  banners: [
+    "id",
+    "anchor",
+    "place",
+    "title",
+    "text",
+    "image",
+    "image_mobile",
+    "video",
+    "buttons",
+    "fields"
+  ],
+  banners_layout: [
+    "layout",
+    "interval",
+    "autoplay",
+    "loop",
+    "arrows",
+    "dots",
+    "pause_on_hover",
+    "ratio",
+    "ratio_mobile",
+    "breakpoint",
+    "video_on_mobile"
+  ]
+}, bt = "helper:", Gn = {
+  banners: { buttons: ["label", "url", "new_tab", "rel", "variant"] }
+}, Zn = [
+  [
+    "@foreach banners",
+    "@foreach (banners('${place}')->get() as $banner)\n	${}\n@endforeach",
+    "the banners of a place"
+  ],
+  ["@php banners_layout", "@php($layout = banners_layout('${place}'))", "its layout and options"]
+];
+function Xn({
   schema: e,
   styles: l,
   types: t = () => [],
@@ -891,38 +926,38 @@ function Jn({
 }) {
   return (a) => {
     const i = a.state.sliceDoc(Math.max(0, a.pos - 200), a.pos), s = /<x-webx-block\b[^<>]*?\btype\s*=\s*(["'])([\w-]*)$/.exec(i);
-    if (s) return Yn(a, s[1], s[2], t());
+    if (s) return Qn(a, s[1], s[2], t());
     const r = /\$block->(\w*)$/.exec(i);
-    if (r) return lo(a, r[1]);
-    const p = /\$(\w+)\[\s*(['"]?)(\w*)$/.exec(i);
-    if (p) return no(a, p[1], p[2], p[3], e());
+    if (r) return ao(a, r[1]);
+    const c = /\$(\w+)\[\s*(['"]?)(\w*)$/.exec(i);
+    if (c) return io(a, c[1], c[2], c[3], e());
     const u = /\$(\w*)$/.exec(i);
     if (u)
       return {
         from: a.pos - u[0].length,
-        options: eo(e(), a.state.doc.toString()),
+        options: oo(e(), a.state.doc.toString()),
         validFor: /^\$\w*$/
       };
     const m = /(\{\{|\{!!)(\s*)(\w*)$/.exec(i);
-    if (m) return to(a, m[1], m[2], m[3], e());
-    const d = Gn(i);
-    if (d !== null) return Zn(a, d, t(), o);
+    if (m) return so(a, m[1], m[2], m[3], e());
+    const p = eo(i);
+    if (p !== null) return to(a, p, t(), o);
     const f = /<(x-[\w:-]*)$/.exec(i);
     if (f) {
       const T = a.state.sliceDoc(0, a.pos - f[0].length);
-      return Xn(a, f[1], Qn(T), o);
+      return lo(a, f[1], no(T), o);
     }
     const h = /\bclass\s*=\s*"([^"]*)$/.exec(i);
-    if (h) return so(a, h[1], l());
+    if (h) return uo(a, h[1], l());
     const x = /(?:^|[\s>(])@(\w*)$/.exec(i);
     return x ? {
       from: a.pos - x[1].length - 1,
-      options: ao(e()),
+      options: co(e()),
       validFor: /^@\w*$/
     } : null;
   };
 }
-function Yn(e, l, t, o) {
+function Qn(e, l, t, o) {
   return o.length === 0 ? null : {
     from: e.pos - t.length,
     options: o.map((a, i) => ({
@@ -931,13 +966,13 @@ function Yn(e, l, t, o) {
       info: a.title,
       type: "type",
       boost: (a.kind === "component" ? 50 : 0) - i / 100,
-      apply: (s, r, p, u) => {
-        const m = /^[\w-]*/.exec(s.state.sliceDoc(u, u + 64))[0], d = u + m.length, f = s.state.sliceDoc(d, d + 1) === l, h = `${a.slug}${f ? "" : l}`;
+      apply: (s, r, c, u) => {
+        const m = /^[\w-]*/.exec(s.state.sliceDoc(u, u + 64))[0], p = u + m.length, f = s.state.sliceDoc(p, p + 1) === l, h = `${a.slug}${f ? "" : l}`;
         s.dispatch({
-          changes: { from: p, to: d, insert: h },
+          changes: { from: c, to: p, insert: h },
           // Past the closing quote: the attributes come next.
-          selection: { anchor: p + h.length + (f ? 1 : 0) },
-          annotations: Je.of(r),
+          selection: { anchor: c + h.length + (f ? 1 : 0) },
+          annotations: Ye.of(r),
           userEvent: "input.complete"
         });
       }
@@ -945,7 +980,7 @@ function Yn(e, l, t, o) {
     validFor: /^[\w-]*$/
   };
 }
-function Gn(e) {
+function eo(e) {
   const l = e.lastIndexOf("<x-webx-block");
   if (l === -1) return null;
   const t = e.slice(l + 13);
@@ -957,25 +992,25 @@ function Gn(e) {
   const i = /\btype\s*=\s*["']([\w-]+)["']/.exec(t);
   return { attributes: t, type: i?.[1] ?? null, bound: a[1] === ":", word: a[2] };
 }
-function Zn(e, l, t, o) {
+function to(e, l, t, o) {
   const a = new Set([...l.attributes.matchAll(/:?([\w-]+)\s*=/g)].map((u) => u[1])), i = e.pos - l.word.length - (l.bound ? 1 : 0), s = () => {
     const u = [];
-    if (a.has("type") || u.push(xt("type", !1, "reserved", null, 60)), !a.has("fallback") && l.type !== null) {
-      const m = t.find((d) => d.slug === l.type)?.fallback ?? null;
-      u.push(xt("fallback", !1, "reserved", m, -10, m));
+    if (a.has("type") || u.push(_t("type", !1, "reserved", null, 60)), !a.has("fallback") && l.type !== null) {
+      const m = t.find((p) => p.slug === l.type)?.fallback ?? null;
+      u.push(_t("fallback", !1, "reserved", m, -10, m));
     }
     return u;
   }, r = (u) => {
-    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)
+    const p = [...We(u ?? []).filter((f) => f.type !== "wx-slot" && f.type !== "wx-blocks").filter((f) => !a.has(f.id)).map(
+      (f, h) => _t(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-]*$/ };
+    return p.length === 0 || !e.explicit && l.word === "" && !l.bound ? null : { from: i, options: p, validFor: /^:?[\w-]*$/ };
   };
   if (l.type === null) return r(null);
-  const p = o(l.type);
-  return p instanceof Promise ? p.then(r, () => r(null)) : r(p);
+  const c = o(l.type);
+  return c instanceof Promise ? c.then(r, () => r(null)) : r(c);
 }
-function xt(e, l, t, o, a, i = null) {
+function _t(e, l, t, o, a, i = null) {
   const s = `${l ? ":" : ""}${e}`;
   return {
     label: s,
@@ -983,50 +1018,50 @@ function xt(e, l, t, o, a, i = null) {
     info: o ?? void 0,
     type: "property",
     boost: a,
-    apply: (r, p, u, m) => {
-      const d = `${s}="${i ?? (l ? "$" : "")}"`;
+    apply: (r, c, u, m) => {
+      const p = `${s}="${i ?? (l ? "$" : "")}"`;
       r.dispatch({
-        changes: { from: u, to: m, insert: d },
-        selection: { anchor: u + d.length - 1 },
-        annotations: Je.of(p),
+        changes: { from: u, to: m, insert: p },
+        selection: { anchor: u + p.length - 1 },
+        annotations: Ye.of(c),
         userEvent: "input.complete"
       });
     }
   };
 }
-function Xn(e, l, t, o) {
+function lo(e, l, t, o) {
   const a = e.pos - l.length, i = (r) => {
-    const p = [
-      _e('x-webx-block type="${type}" />', {
+    const c = [
+      ke('x-webx-block type="${type}" />', {
         label: "x-webx-block",
         detail: "call a block",
         type: "keyword"
       })
     ];
     for (const u of We(r ?? []).filter((m) => m.type === "wx-slot"))
-      p.push({
+      c.push({
         label: `x-slot:${u.id}`,
         detail: "slot",
         info: u.label,
         type: "keyword",
         boost: 20,
-        apply: (m, d, f, h) => {
+        apply: (m, p, f, h) => {
           const x = `x-slot:${u.id}>`;
           m.dispatch({
             changes: { from: f, to: h, insert: `${x}</x-slot:${u.id}>` },
             selection: { anchor: f + x.length },
-            annotations: Je.of(d),
+            annotations: Ye.of(p),
             userEvent: "input.complete"
           });
         }
       });
-    return { from: a, options: p, validFor: /^x-[\w:-]*$/ };
+    return { from: a, options: c, validFor: /^x-[\w:-]*$/ };
   };
   if (t === null) return i(null);
   const s = o(t);
   return s instanceof Promise ? s.then(i, () => i(null)) : i(s);
 }
-function Qn(e) {
+function no(e) {
   const l = [];
   for (const t of e.matchAll(
     /<x-webx-block\b((?:[^>"']|"[^"]*"|'[^']*')*?)(\/?)>|<\/x-webx-block\s*>/g
@@ -1034,40 +1069,40 @@ function Qn(e) {
     t[0].startsWith("</") ? l.pop() : t[2] !== "/" && l.push(/\btype\s*=\s*["']([\w-]+)["']/.exec(t[1] ?? "")?.[1] ?? null);
   return l.at(-1) ?? null;
 }
-function eo(e, l) {
-  const t = wl(e).map((o, a) => ({
+function oo(e, l) {
+  const t = _l(e).map((o, a) => ({
     label: `$${o.id}`,
     detail: o.type,
     info: o.label,
     type: "variable",
     boost: 50 - a
   }));
-  for (const o of kl(l).keys())
+  for (const o of wl(l).keys())
     t.push({ label: `$${o}`, detail: "loop", type: "variable" });
-  for (const [o, a] of Un)
+  for (const [o, a] of Rn)
     t.push({ label: `$${o}`, detail: "given", info: a, type: "variable", boost: -10 });
   return t.push({ label: "$slot", detail: "given", info: "what the calling tag held", boost: -15 }), t.push({ label: "$loop", detail: "given", info: "inside @foreach", boost: -20 }), t;
 }
-function to(e, l, t, o, a) {
-  const i = wl(a);
+function so(e, l, t, o, a) {
+  const i = _l(a);
   if (i.length === 0) return null;
   const s = l === "{{" ? "}}" : "!!}";
   return {
     from: e.pos - o.length,
-    options: i.map((r, p) => ({
+    options: i.map((r, c) => ({
       label: r.id,
       displayLabel: `$${r.id}`,
       detail: r.type,
       info: r.label,
       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), T = x ? /^\s/.test(h) ? "" : " " : ` ${s}`, _ = `${t === "" ? " " : ""}$${r.id}${T}`;
+      boost: 50 - c,
+      apply: (u, m, p, f) => {
+        const h = u.state.sliceDoc(f, f + 8), x = new RegExp(`^\\s*${go(s)}`).exec(h), T = x ? /^\s/.test(h) ? "" : " " : ` ${s}`, _ = `${t === "" ? " " : ""}$${r.id}${T}`;
         u.dispatch({
-          changes: { from: d, to: f, insert: _ },
+          changes: { from: p, to: f, insert: _ },
           // Past the closing braces: the echo is finished, the next thing is the markup.
-          selection: { anchor: d + _.length + (x ? x[0].length : 0) },
-          annotations: Je.of(m),
+          selection: { anchor: p + _.length + (x ? x[0].length : 0) },
+          annotations: Ye.of(m),
           userEvent: "input.complete"
         });
       }
@@ -1075,12 +1110,12 @@ function to(e, l, t, o, a) {
     validFor: /^\w*$/
   };
 }
-function lo(e, l) {
+function ao(e, l) {
   return {
     from: e.pos - l.length,
     options: [
-      ...Pn.map((t) => ({ label: t, type: "property" })),
-      _e("value('${name}', ${default})", {
+      ...jn.map((t) => ({ label: t, type: "property" })),
+      ke("value('${name}', ${default})", {
         label: "value",
         detail: "('name', default)",
         type: "method"
@@ -1089,20 +1124,20 @@ function lo(e, l) {
     validFor: /^\w*$/
   };
 }
-function no(e, l, t, o, a) {
-  const i = oo(l, a, e.state.doc.toString());
+function io(e, l, t, o, a) {
+  const i = ro(l, a, e.state.doc.toString());
   return i.length === 0 ? null : {
     from: e.pos - o.length,
     options: i.map(([s, r]) => ({
       label: s,
       detail: r,
       type: "property",
-      apply: (p, u, m, d) => {
-        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({
+      apply: (c, u, m, p) => {
+        const f = t ? m - 1 : m, h = c.state.sliceDoc(p, p + 2), x = t || "'", T = p + (h.startsWith(x) ? 1 : 0), _ = c.state.sliceDoc(T, T + 1) === "]", b = `${x}${s}${x}${_ ? "" : "]"}`;
+        c.dispatch({
           changes: { from: f, to: T, insert: b },
           selection: { anchor: f + b.length + (_ ? 1 : 0) },
-          annotations: Je.of(u),
+          annotations: Ye.of(u),
           userEvent: "input.complete"
         });
       }
@@ -1110,99 +1145,115 @@ function no(e, l, t, o, a) {
     validFor: /^\w*$/
   };
 }
-function oo(e, l, t) {
-  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 ? We(l).find((p) => p.id === i) : void 0;
+function ro(e, l, t) {
+  const o = We(l).find((c) => c.id === e);
+  if (o && Hn.includes(o.type)) return kl.map((c) => [c, o.type]);
+  if (o?.type === "wx-collection") return qn.map((c) => [c, o.type]);
+  const a = wl(t).get(e), [i, s] = a?.split(".") ?? [];
+  if (i?.startsWith(bt)) {
+    const c = i.slice(bt.length);
+    return ((s ? Gn[c]?.[s] : yl[c]) ?? []).map((m) => [m, `${c}()`]);
+  }
+  const r = i ? We(l).find((c) => c.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]);
+    const c = typeof r.props?.source == "string" ? r.props.source : r.type, u = s === "items" ? Jn[c] ?? [] : [];
+    return [...Yn[s ?? ""] ?? [], ...u].map((m) => [m, c]);
   }
-  return Fn.includes(r.type) ? Rn.map((p) => [p, r.type]) : r.type === "wx-repeater" ? We(r.children ?? []).map((p) => [p.id, p.type]) : [];
+  return Kn.includes(r.type) ? Fn.map((c) => [c, r.type]) : r.type === "wx-repeater" ? We(r.children ?? []).map((c) => [c.id, c.type]) : [];
 }
-function kl(e) {
+function wl(e) {
   const l = /* @__PURE__ */ new Map();
+  for (const t of e.matchAll(
+    /\b(\w+)\([^()]*\)(?:->\w+\([^()]*\))*\s+as\s+\$(\w+)|\$(\w+)\s*=\s*(\w+)\(/g
+  )) {
+    const o = t[1] ?? t[4];
+    o in yl && l.set(t[2] ?? t[3], `${bt}${o}`);
+  }
   for (const t of e.matchAll(
     /\$(\w+)(?:\[\s*['"](\w+)['"]\s*\])?\s+as\s+\$(\w+)(?:\s*=>\s*\$(\w+))?/g
-  ))
-    l.set(t[4] ?? t[3], t[2] ? `${t[1]}.${t[2]}` : t[1]);
+  )) {
+    const o = t[1], a = l.get(o), i = a?.startsWith(bt) ? a : o;
+    l.set(t[4] ?? t[3], t[2] ? `${i}.${t[2]}` : i);
+  }
   return l;
 }
-function so(e, l, t) {
+function uo(e, l, t) {
   const o = /[\w-]*$/.exec(l)[0], a = new Set(l.split(/\s+/));
   return {
     from: e.pos - o.length,
-    options: yl(t).filter((i) => !a.has(i) || i === o).map((i) => ({ label: i, detail: "styles", type: "class" })),
+    options: xl(t).filter((i) => !a.has(i) || i === o).map((i) => ({ label: i, detail: "styles", type: "class" })),
     validFor: /^[\w-]*$/
   };
 }
-function ao(e) {
+function co(e) {
   const l = We(e).filter((t) => t.type === "wx-blocks");
   return [
-    _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", {
+    ke("@if (${condition})\n	${}\n@endif", { label: "@if", type: "keyword" }),
+    ke("@isset(${value})\n	${}\n@endisset", { label: "@isset", type: "keyword" }),
+    ke("@foreach (${items} as ${item})\n	${}\n@endforeach", {
       label: "@foreach",
       type: "keyword"
     }),
-    _e("@forelse (${items} as ${item})\n	${}\n@empty\n	${}\n@endforelse", {
+    ke("@forelse (${items} as ${item})\n	${}\n@empty\n	${}\n@endforelse", {
       label: "@forelse",
       type: "keyword"
     }),
-    _e("@unless (${condition})\n	${}\n@endunless", {
+    ke("@unless (${condition})\n	${}\n@endunless", {
       label: "@unless",
       type: "keyword"
     }),
-    _e("@class([${}])", { label: "@class", type: "keyword" }),
-    _e("@style([${}])", { label: "@style", type: "keyword" }),
+    ke("@class([${}])", { label: "@class", type: "keyword" }),
+    ke("@style([${}])", { label: "@style", type: "keyword" }),
     ...l.map(
-      (t) => _e(`@blocks('${t.id}')`, {
+      (t) => ke(`@blocks('${t.id}')`, {
         label: "@blocks",
         detail: `('${t.id}')`,
         type: "keyword",
         boost: 10
       })
     ),
+    ...Zn.map(
+      ([t, o, a]) => ke(o, { label: t, info: a, type: "function", boost: -5 })
+    ),
     ...["@elseif", "@else", "@endif", "@endforeach", "@endisset", "@empty", "@endforelse"].map(
       (t) => ({ label: t, type: "keyword", boost: -10 })
     )
   ];
 }
-function io({ slug: e, template: l }) {
+function po({ slug: e, template: l }) {
   return (t) => {
     const o = t.state.sliceDoc(Math.max(0, t.pos - 200), t.pos), a = /(?:^|[\s,>+~(}{])\.([\w-]*)$/.exec(o);
     if (!a) return null;
     const i = /[^{};]*$/.exec(o)[0];
     if (/^\s*[\w-]+\s*:\s/.test(i)) return null;
-    const s = `b-${e()}`, r = new Set(yl(t.state.doc.toString())), p = ro(l()), u = [s, ...p.filter((d) => d !== s)], m = u.map((d, f) => ({
-      label: `.${d}`,
+    const s = `b-${e()}`, r = new Set(xl(t.state.doc.toString())), c = fo(l()), u = [s, ...c.filter((p) => p !== s)], m = u.map((p, f) => ({
+      label: `.${p}`,
       // A class the template uses and nothing styles yet is the likeliest thing to write.
-      detail: r.has(d) ? "template" : "template · no rule yet",
+      detail: r.has(p) ? "template" : "template · no rule yet",
       type: "class",
-      boost: (r.has(d) ? 0 : 20) + (d === s ? 30 : 0) - f / 100
+      boost: (r.has(p) ? 0 : 20) + (p === s ? 30 : 0) - f / 100
     }));
-    for (const d of r)
-      u.includes(d) || m.push({ label: `.${d}`, detail: "styles", type: "class" });
+    for (const p of r)
+      u.includes(p) || m.push({ label: `.${p}`, detail: "styles", type: "class" });
     return { from: t.pos - a[1].length - 1, options: m, validFor: /^\.[\w-]*$/ };
   };
 }
-function yl(e) {
+function xl(e) {
   const l = e.replace(/\/\*[\s\S]*?\*\//g, ""), t = /* @__PURE__ */ new Set(), o = [];
   let a = "";
   for (const i of l)
     if (i === "{") {
-      const s = o.at(-1) ?? [""], r = a.split(",").map((p) => p.trim()).filter((p) => p !== "" && !p.startsWith("@")).flatMap(
-        (p) => p.includes("&") ? s.map((u) => p.replaceAll("&", u)) : s.map((u) => u ? `${u} ${p}` : p)
+      const s = o.at(-1) ?? [""], r = a.split(",").map((c) => c.trim()).filter((c) => c !== "" && !c.startsWith("@")).flatMap(
+        (c) => c.includes("&") ? s.map((u) => c.replaceAll("&", u)) : s.map((u) => u ? `${u} ${c}` : c)
       );
-      for (const p of r)
-        for (const u of p.matchAll(/\.(-?[a-zA-Z_][\w-]*)/g)) t.add(u[1]);
+      for (const c of r)
+        for (const u of c.matchAll(/\.(-?[a-zA-Z_][\w-]*)/g)) t.add(u[1]);
       o.push(a.trim().startsWith("@") ? s : r.length ? r : s), a = "";
     } else i === "}" ? (o.pop(), a = "") : i === ";" ? a = "" : a += i;
   return [...t];
 }
-function ro(e) {
+function fo(e) {
   const l = /* @__PURE__ */ new Set();
   for (const t of e.matchAll(/\bclass\s*=\s*"([^"]*)"/g)) {
     const o = t[1].replace(/\{\{[\s\S]*?\}\}|\{!![\s\S]*?!!\}|@\w+(\([^)]*\))?/g, " ");
@@ -1211,7 +1262,7 @@ function ro(e) {
   }
   return [...l];
 }
-const uo = [
+const mo = [
   { key: "id", value: '""', info: "The variable the template gets, in snake_case." },
   { key: "type", value: '""', info: "A type from the registry." },
   { key: "label", value: '""', info: "What the editor sees above the field." },
@@ -1223,49 +1274,49 @@ const uo = [
   { key: "slot", value: '""', info: "The parent's named slot to land in." },
   { key: "can", value: '""', info: "The permission the node needs." }
 ];
-function co({ types: e }) {
+function ho({ types: e }) {
   return (l) => {
-    const t = po(l.state.doc.toString(), l.pos);
+    const t = vo(l.state.doc.toString(), l.pos);
     if (!t || !t.node) return null;
     const o = t.string ? l.state.sliceDoc(t.string, l.pos) : /[\w-]*$/.exec(l.state.sliceDoc(Math.max(0, l.pos - 60), l.pos))[0];
     if (!t.string && o === "" && !l.explicit) return null;
     const a = l.pos - o.length, i = t.string !== null;
     if (t.phase === "key") {
-      const s = uo.filter(({ key: r }) => !t.keys.has(r) || r === o).map(
-        ({ key: r, value: p, info: u }, m) => ({
+      const s = mo.filter(({ key: r }) => !t.keys.has(r) || r === o).map(
+        ({ key: r, value: c, info: u }, m) => ({
           label: r,
           info: u,
           type: "property",
           boost: -m,
-          apply: (d, f, h, x) => el(d, f, h, x, i, `"${r}": ${p}`, p)
+          apply: (p, f, h, x) => tl(p, f, h, x, i, `"${r}": ${c}`, c)
         })
       );
       return { from: a, options: s, validFor: /^[\w-]*$/ };
     }
     if (t.phase === "value" && t.key === "type") {
-      const s = Object.entries(e()).map(([r, p]) => ({
+      const s = Object.entries(e()).map(([r, c]) => ({
         label: r,
-        detail: p.kind,
+        detail: c.kind,
         type: "type",
         // Fields first: a block's schema is mostly fields, the layout only groups them.
-        boost: p.kind === "field" ? 1 : 0,
-        apply: (u, m, d, f) => el(u, m, d, f, i, `"${r}"`, "")
+        boost: c.kind === "field" ? 1 : 0,
+        apply: (u, m, p, f) => tl(u, m, p, f, i, `"${r}"`, "")
       }));
       return { from: a, options: s, validFor: /^[\w-]*$/ };
     }
     return null;
   };
 }
-function el(e, l, t, o, a, i, s) {
-  const r = a ? t - 1 : t, p = /^[\w-]*"?/.exec(e.state.sliceDoc(o, o + 60))[0], u = o + (a ? p.length : /^[\w-]*/.exec(p)[0].length), m = s === '""' || s === "{}" || s === "[]" ? 1 : 0;
+function tl(e, l, t, o, a, i, s) {
+  const r = a ? t - 1 : t, c = /^[\w-]*"?/.exec(e.state.sliceDoc(o, o + 60))[0], u = o + (a ? c.length : /^[\w-]*/.exec(c)[0].length), m = s === '""' || s === "{}" || s === "[]" ? 1 : 0;
   e.dispatch({
     changes: { from: r, to: u, insert: i },
     selection: { anchor: r + i.length - m },
-    annotations: Je.of(l),
+    annotations: Ye.of(l),
     userEvent: "input.complete"
-  }), i.startsWith('"type"') && sn(e);
+  }), i.startsWith('"type"') && rn(e);
 }
-function po(e, l) {
+function vo(e, l) {
   let t = null, o = null, a = null, i = !1;
   const s = (r) => r?.kind === "object" && r.parent?.kind === "array" && (r.parent.parent === null || r.parent.under === "children");
   for (let r = 0; r <= e.length && (r === l && (o = t?.kind === "object" ? {
@@ -1275,23 +1326,23 @@ function po(e, l) {
     keys: t.keys,
     string: a ? a.start + 1 : null
   } : null), r !== e.length); r++) {
-    const p = e[r];
+    const c = e[r];
     if (a) {
       if (i) i = !1;
-      else if (p === "\\") i = !0;
-      else if (p === '"' || p === `
+      else if (c === "\\") i = !0;
+      else if (c === '"' || c === `
 `) {
         const u = e.slice(a.start + 1, r);
         t?.kind === "object" && (a.key ? (t.keys.add(u), t.key = u, t.phase = "colon") : t.phase === "value" && (t.phase = "after")), a = null;
       }
       continue;
     }
-    if (!/\s/.test(p))
-      if (p === '"')
+    if (!/\s/.test(c))
+      if (c === '"')
         a = { start: r, key: t?.kind === "object" && t.phase === "key" };
-      else if (p === "{" || p === "[") {
+      else if (c === "{" || c === "[") {
         const u = {
-          kind: p === "{" ? "object" : "array",
+          kind: c === "{" ? "object" : "array",
           parent: t,
           under: t?.kind === "object" ? t.key : null,
           keys: /* @__PURE__ */ new Set(),
@@ -1299,28 +1350,28 @@ function po(e, l) {
           key: null
         };
         t?.kind === "object" && (t.phase = "after"), t = u;
-      } else p === "}" || p === "]" ? t = t?.parent ?? null : p === ":" ? t?.kind === "object" && (t.phase = "value") : p === "," && t?.kind === "object" && (t.phase = "key", t.key = null);
+      } else c === "}" || c === "]" ? t = t?.parent ?? null : c === ":" ? t?.kind === "object" && (t.phase = "value") : c === "," && t?.kind === "object" && (t.phase = "key", t.key = null);
   }
   return o;
 }
 function We(e) {
   const l = [];
   for (const t of e)
-    !t || typeof t != "object" || (fo.has(t.type) ? l.push(...We(t.children ?? [])) : typeof t.id == "string" && t.id !== "" && l.push(t));
+    !t || typeof t != "object" || (bo.has(t.type) ? l.push(...We(t.children ?? [])) : typeof t.id == "string" && t.id !== "" && l.push(t));
   return l;
 }
-function wl(e) {
+function _l(e) {
   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) {
+const bo = /* @__PURE__ */ new Set(["wx-card", "wx-tabs", "wx-tab", "wx-row", "wx-col", "wx-divider"]);
+function go(e) {
   return e.replace(/[.*+?^${}()|[\]\\!]/g, "\\$&");
 }
-const ho = ["block", "entity", "loop", "slot", "__env", "errors", "app"];
-function vo(e, l, t) {
+const ko = ["block", "entity", "loop", "slot", "__env", "errors", "app"];
+function yo(e, l, t) {
   const o = [];
   /data-wx-block\s*=/.test(l.template) || o.push({ file: "template", code: "no-marker", line: null, message: t("checks.no-marker") });
-  const a = bo(l.template, l.schema);
+  const a = wo(l.template, l.schema);
   a.length > 0 && o.push({
     file: "template",
     code: "variables-missing",
@@ -1330,35 +1381,35 @@ function vo(e, l, t) {
     })
   });
   const i = [], s = [], r = `.b-${e}`;
-  for (const [m, d] of go(l.styles))
-    m.startsWith(r) || m.startsWith("&") || (/^[a-z][a-z0-9-]*/i.test(m) ? s.push([m, d]) : i.push([m, d]));
+  for (const [m, p] of xo(l.styles))
+    m.startsWith(r) || m.startsWith("&") || (/^[a-z][a-z0-9-]*/i.test(m) ? s.push([m, p]) : i.push([m, p]));
   i.length > 0 && o.push({
     file: "styles",
     code: "stray-selectors",
     line: i[0][1],
-    message: t("checks.stray-selectors", { slug: e, selectors: tl(i) })
+    message: t("checks.stray-selectors", { slug: e, selectors: ll(i) })
   }), s.length > 0 && o.push({
     file: "styles",
     code: "bare-selectors",
     line: s[0][1],
-    message: t("checks.bare-selectors", { selectors: tl(s) })
+    message: t("checks.bare-selectors", { selectors: ll(s) })
   });
-  const p = _l(l.styles), u = /@media\b/.exec(p);
+  const c = Sl(l.styles), u = /@media\b/.exec(c);
   return u && o.push({
     file: "styles",
     code: "media-query",
-    line: $l(p, u.index),
+    line: El(c, u.index),
     message: t("checks.media-query")
   }), o;
 }
-function xl(e) {
+function $l(e) {
   const l = [];
   for (const t of e)
-    t.id && l.push(t.id), t.children && l.push(...xl(t.children));
+    t.id && l.push(t.id), t.children && l.push(...$l(t.children));
   return l;
 }
-function bo(e, l) {
-  const t = /* @__PURE__ */ new Set([...xl(l), ...ho]);
+function wo(e, l) {
+  const t = /* @__PURE__ */ new Set([...$l(l), ...ko]);
   for (const a of e.matchAll(/\bas\s+\$([a-zA-Z_]\w*)(?:\s*=>\s*\$([a-zA-Z_]\w*))?/g))
     t.add(a[1]), a[2] && t.add(a[2]);
   for (const a of e.matchAll(/\$([a-zA-Z_]\w*)\s*(?:=[^=]|\+\+|--|\.=|\+=|-=)/g))
@@ -1370,37 +1421,37 @@ function bo(e, l) {
   }
   return o;
 }
-function go(e) {
-  const l = _l(e), t = [];
+function xo(e) {
+  const l = Sl(e), t = [];
   for (const o of l.matchAll(/([^{};]+)\{/g)) {
     const a = o[1], i = a.trim();
     if (!(i === "" || i.startsWith("@")))
       for (const s of a.split(",")) {
         const r = s.trim();
-        r === "" || r === "from" || r === "to" || r.endsWith("%") || t.push([r, $l(l, o.index + a.indexOf(r))]);
+        r === "" || r === "from" || r === "to" || r.endsWith("%") || t.push([r, El(l, o.index + a.indexOf(r))]);
       }
   }
   return t;
 }
-function _l(e) {
+function Sl(e) {
   return e.replace(/\/\*[\s\S]*?\*\//g, (l) => l.replace(/[^\n]/g, " "));
 }
-function $l(e, l) {
+function El(e, l) {
   return e.slice(0, Math.max(0, l)).split(`
 `).length;
 }
-function tl(e) {
+function ll(e) {
   const l = [...new Set(e.map(([t]) => t))];
   return l.slice(0, 3).join(", ") + (l.length > 3 ? ", …" : "");
 }
-const It = /* @__PURE__ */ Symbol("wx-blocks-preview");
-function Sa(e) {
-  Wt(It, e);
+const Pt = /* @__PURE__ */ Symbol("wx-blocks-preview");
+function Aa(e) {
+  Nt(Pt, e);
 }
-function Ca() {
-  return Fe(It, null);
+function Va() {
+  return Fe(Pt, null);
 }
-const ll = /* @__PURE__ */ Symbol("wx-blocks-root"), Sl = /* @__PURE__ */ Symbol("wx-blocks-owner");
+const nl = /* @__PURE__ */ Symbol("wx-blocks-root"), Tl = /* @__PURE__ */ Symbol("wx-blocks-owner");
 function Ut(e) {
   return e.map((l) => ({
     ...l,
@@ -1418,68 +1469,68 @@ function qe(e, l) {
 function $e(e) {
   return e.kind ?? "block";
 }
-function Tl(e, l) {
+function Al(e, l) {
   return e === 0 ? l("components.not-called") : e === 1 ? l("components.in-block") : l("components.in-blocks", { count: e });
 }
-const ko = /* @__PURE__ */ new Set(["wx-card", "wx-tabs", "wx-tab", "wx-row", "wx-col", "wx-divider"]);
-function Pt(e) {
+const _o = /* @__PURE__ */ new Set(["wx-card", "wx-tabs", "wx-tab", "wx-row", "wx-col", "wx-divider"]);
+function Rt(e) {
   const l = [];
   for (const t of e)
-    !t || typeof t != "object" || (ko.has(t.type) ? l.push(...Pt(t.children ?? [])) : typeof t.id == "string" && t.id !== "" && l.push(t));
+    !t || typeof t != "object" || (_o.has(t.type) ? l.push(...Rt(t.children ?? [])) : typeof t.id == "string" && t.id !== "" && l.push(t));
   return l;
 }
-function yo(e, l, t = {}, o = null) {
-  const a = Pt(l), i = [`type="${e}"`];
-  for (const p of a) {
-    if (p.type === "wx-slot" || p.type === "wx-blocks") continue;
-    const u = t[p.id];
+function $o(e, l, t = {}, o = null) {
+  const a = Rt(l), i = [`type="${e}"`];
+  for (const c of a) {
+    if (c.type === "wx-slot" || c.type === "wx-blocks") continue;
+    const u = t[c.id];
     i.push(
-      p.type !== "wx-data" && (typeof u == "string" || typeof u == "number") ? `${p.id}="${String(u).replace(/"/g, "&quot;")}"` : `:${p.id}="$${wo(p.id)}"`
+      c.type !== "wx-data" && (typeof u == "string" || typeof u == "number") ? `${c.id}="${String(u).replace(/"/g, "&quot;")}"` : `:${c.id}="$${So(c.id)}"`
     );
   }
   o && i.push(`fallback="${o}"`);
-  const s = a.filter((p) => p.type === "wx-slot"), r = `<x-webx-block ${i.join(" ")}`;
+  const s = a.filter((c) => c.type === "wx-slot"), r = `<x-webx-block ${i.join(" ")}`;
   return s.length === 0 ? `${r} />` : [
     `${r}>`,
-    ...s.map((p) => `    <x-slot:${p.id}>…</x-slot:${p.id}>`),
+    ...s.map((c) => `    <x-slot:${c.id}>…</x-slot:${c.id}>`),
     "</x-webx-block>"
   ].join(`
 `);
 }
-function wo(e) {
+function So(e) {
   return e.replace(/-(\w)/g, (l, t) => t.toUpperCase());
 }
-const xo = { class: "wx-block-editor" }, _o = { class: "wx-block-editor__split" }, $o = {
+const Eo = { class: "wx-block-editor" }, To = { class: "wx-block-editor__split" }, Co = {
   type: "button",
   class: "wx-block-editor__uses"
-}, So = { class: "wx-block-editor__usage" }, Co = {
+}, Ao = { class: "wx-block-editor__usage" }, Vo = {
   key: 0,
   class: "wx-block-editor__use"
-}, To = { class: "wx-block-editor__pane" }, Eo = {
+}, Lo = { class: "wx-block-editor__pane" }, Bo = {
   key: 0,
   class: "wx-block-editor__pills"
-}, Vo = ["disabled", "onClick", "textContent"], Ao = { class: "wx-block-editor__call-tag" }, Bo = { key: 0 }, Lo = {
+}, Wo = ["disabled", "onClick", "textContent"], No = { class: "wx-block-editor__call-tag" }, Mo = { key: 0 }, zo = {
   key: 0,
   class: "wx-block-editor__shape-fields"
-}, Wo = { class: "wx-block-editor__shape-type" }, Mo = { class: "wx-block-editor__pane" }, No = { class: "wx-block-editor__pane" }, zo = { class: "wx-block-editor__note" }, Do = { class: "wx-block-editor__split" }, Oo = { class: "wx-block-editor__pane" }, Io = { class: "wx-block-editor__note" }, Uo = { class: "wx-block-editor__settings" }, Po = {
+}, Do = { class: "wx-block-editor__shape-type" }, Oo = { class: "wx-block-editor__pane" }, Io = { class: "wx-block-editor__pane" }, Po = { class: "wx-block-editor__note" }, Uo = { class: "wx-block-editor__split" }, Ro = { class: "wx-block-editor__pane" }, jo = { class: "wx-block-editor__note" }, Fo = { class: "wx-block-editor__settings" }, Ho = {
   key: 5,
   class: "is-wide wx-block-editor__danger"
-}, Ro = /* @__PURE__ */ oe({
+}, Ko = /* @__PURE__ */ oe({
   __name: "BlockEditorPage",
   props: {
     base: { default: "/blocks" }
   },
   setup(e) {
-    const l = e, t = at(), o = Ke(t), a = nn(), i = ul();
-    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;
+    const l = e, t = at(), o = Ke(t), a = sn(), i = cl();
+    Me();
+    const s = de("webx-blocks"), r = it(), c = S(() => Number(a.params.id)), u = P(null), m = P([]), p = P(!0), f = P(!1), h = P(!1), x = P("template"), T = S(() => {
+      const E = t.state.manifest?.modules.find((y) => y.id === "blocks")?.meta;
       return {
-        groups: C?.groups ?? [],
-        editing: C?.editing ?? !0,
-        provides: C?.provides ?? []
+        groups: E?.groups ?? [],
+        editing: E?.editing ?? !0,
+        provides: E?.provides ?? []
       };
-    }), _ = S(() => t.can("blocks.manage") && T.value.editing), b = gt({
+    }), _ = S(() => t.can("blocks.manage") && T.value.editing), b = kt({
       kind: "block",
       slug: "",
       title: "",
@@ -1492,8 +1543,8 @@ const xo = { class: "wx-block-editor" }, _o = { class: "wx-block-editor__split"
       max_per_entity: null,
       is_enabled: !0
     });
-    Wt(
-      Sl,
+    Nt(
+      Tl,
       S(
         () => u.value ? {
           ...u.value,
@@ -1503,33 +1554,33 @@ const xo = { class: "wx-block-editor" }, _o = { class: "wx-block-editor__split"
         } : null
       )
     );
-    const $ = gt({
+    const $ = kt({
       schema: [],
       template: "",
       styles: "",
       script: null,
       sample: {}
-    }), R = U("[]"), G = U(null), ee = U(""), ae = U({}), D = U(null), P = gt({
+    }), R = P("[]"), G = P(null), ee = P(""), ae = P({}), D = P(null), U = kt({
       html: "",
       styles: "",
       script: null,
       runtime: null,
       stage: null,
       loading: !1
-    }), 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() {
+    }), Q = S(() => JSON.stringify({ settings: b, content: $ })), le = S(() => ee.value !== "" && Q.value !== ee.value), Se = S(() => yo(b.slug, $, s)), he = P([]), ne = /* @__PURE__ */ new Map(), xe = /* @__PURE__ */ new Map();
+    async function Le() {
       try {
-        const C = await o.index();
+        const E = await o.index();
         ne.clear();
-        for (const y of C.blocks) ne.set(y.slug, y.id);
+        for (const y of E.blocks) ne.set(y.slug, y.id);
         he.value = [
-          ...C.blocks.map((y) => ({
+          ...E.blocks.map((y) => ({
             slug: y.slug,
             title: y.title,
             kind: $e(y),
-            fallback: C.declared.find((K) => K.slug === y.slug)?.fallback ?? null
+            fallback: E.declared.find((K) => K.slug === y.slug)?.fallback ?? null
           })),
-          ...C.declared.filter((y) => !y.customised).map((y) => ({
+          ...E.declared.filter((y) => !y.customised).map((y) => ({
             slug: y.slug,
             title: y.title,
             kind: "component",
@@ -1539,20 +1590,20 @@ const xo = { class: "wx-block-editor" }, _o = { class: "wx-block-editor__split"
       } catch {
       }
     }
-    function ze(C) {
-      if (C === b.slug) return $.schema;
-      const y = ne.get(C);
+    function ze(E) {
+      if (E === b.slug) return $.schema;
+      const y = ne.get(E);
       if (y === void 0) return null;
-      let K = we.get(C);
+      let K = xe.get(E);
       return K === void 0 && (K = o.get(y).then(
-        (M) => M.content?.schema ?? null,
+        (N) => N.content?.schema ?? null,
         () => null
-      ), we.set(C, K)), K;
+      ), xe.set(E, K)), K;
     }
-    const xe = {
+    const _e = {
       template: [
-        wt(
-          Jn({
+        xt(
+          Xn({
             schema: () => $.schema,
             styles: () => $.styles,
             types: () => he.value,
@@ -1561,78 +1612,78 @@ const xo = { class: "wx-block-editor" }, _o = { class: "wx-block-editor__split"
         )
       ],
       styles: [
-        wt(io({ slug: () => b.slug, template: () => $.template }))
+        xt(po({ slug: () => b.slug, template: () => $.template }))
       ],
       // 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 }) }))]
+      schema: [xt(ho({ types: () => ({ ...ft, ...t.types }) }))]
     }, ie = S(() => {
-      const C = [...T.value.groups];
-      return C.includes(b.group) || C.push(b.group), C.map((y) => ({ value: y, label: qe(y, s) }));
+      const E = [...T.value.groups];
+      return E.includes(b.group) || E.push(b.group), E.map((y) => ({ value: y, label: qe(y, s) }));
     }), ve = S({
       get: () => $.sample,
-      set: (C) => {
-        $.sample = C;
+      set: (E) => {
+        $.sample = E;
       }
-    }), Ce = S(() => N($.schema));
-    function N(C) {
+    }), Ee = S(() => M($.schema));
+    function M(E) {
       const y = [];
-      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));
+      for (const K of E)
+        K.type !== "wx-blocks" && !(K.children?.length && !K.name) && y.push(K.id), K.children && y.push(...M(K.children));
       return y;
     }
-    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
+    function j(E) {
+      u.value = E, Object.assign(b, {
+        kind: $e(E),
+        slug: E.slug,
+        title: E.title,
+        description: E.description,
+        icon: E.icon,
+        group: E.group,
+        sort: E.sort,
+        allow: E.allow ?? [],
+        allowed_in: E.allowed_in ?? [],
+        max_per_entity: E.max_per_entity,
+        is_enabled: E.is_enabled
       });
-      const y = C.content ?? {
+      const y = E.content ?? {
         schema: [],
         template: "",
         styles: "",
         script: null,
         sample: {}
       };
-      Object.assign($, Ae(y)), R.value = JSON.stringify(y.schema, null, 2), G.value = null, ee.value = Q.value;
+      Object.assign($, Ve(y)), R.value = JSON.stringify(y.schema, null, 2), G.value = null, ee.value = Q.value;
     }
     async function q() {
-      d.value = !0;
+      p.value = !0;
       try {
-        j(await o.get(p.value)), m.value = await o.usage(p.value), Be();
-      } catch (C) {
-        X.danger(r(C));
+        j(await o.get(c.value)), m.value = await o.usage(c.value), Le();
+      } catch (E) {
+        X.danger(r(E));
       } finally {
-        d.value = !1;
+        p.value = !1;
       }
     }
-    function pe(C) {
-      R.value = C;
+    function pe(E) {
+      R.value = E;
       try {
-        const y = JSON.parse(C);
+        const y = JSON.parse(E);
         if (!Array.isArray(y)) throw new Error("not a list");
         $.schema = y, G.value = null;
       } catch (y) {
         G.value = s("page.schema-invalid", { error: y.message });
       }
     }
-    let V, O = 0;
+    let A, O = 0;
     function I() {
-      clearTimeout(V), V = setTimeout(() => {
-        Y();
+      clearTimeout(A), A = setTimeout(() => {
+        J();
       }, 250);
     }
-    async function Y() {
+    async function J() {
       if (!u.value) return;
-      const C = ++O;
-      P.loading = !0;
+      const E = ++O;
+      U.loading = !0;
       try {
         const y = await o.render(u.value.id, {
           values: $.sample,
@@ -1643,12 +1694,12 @@ const xo = { class: "wx-block-editor" }, _o = { class: "wx-block-editor__split"
             schema: $.schema
           } : void 0
         });
-        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;
+        if (E !== O) return;
+        U.html = y.html, U.styles = y.styles, U.script = y.script, U.runtime = y.runtime, U.stage = y.stage ?? null;
       } catch (y) {
-        C === O && X.danger(r(y));
+        E === O && X.danger(r(y));
       } finally {
-        C === O && (P.loading = !1);
+        E === O && (U.loading = !1);
       }
     }
     ue(
@@ -1656,22 +1707,22 @@ const xo = { class: "wx-block-editor" }, _o = { class: "wx-block-editor__split"
       I,
       { deep: !0 }
     );
-    const Te = U(null);
-    function Ye(C) {
-      return `{{ $${C} }}`;
+    const Te = P(null);
+    function Je(E) {
+      return `{{ $${E} }}`;
     }
-    function Le(C) {
+    function Be(E) {
       const K = Te.value?.view?.value;
       if (!K) {
-        $.template += `{{ $${C} }}`;
+        $.template += `{{ $${E} }}`;
         return;
       }
-      K.dispatch(K.state.replaceSelection(`{{ $${C} }}`)), K.focus();
+      K.dispatch(K.state.replaceSelection(`{{ $${E} }}`)), K.focus();
     }
-    async function Ue() {
+    async function Pe() {
       if (!u.value) return;
       f.value = !0, ae.value = {}, D.value = null;
-      const C = u.value.draft?.number ?? null;
+      const E = u.value.draft?.number ?? null;
       try {
         const y = await o.update(u.value.id, {
           ...b,
@@ -1682,7 +1733,7 @@ const xo = { class: "wx-block-editor" }, _o = { class: "wx-block-editor__split"
           content: G.value ? { ...$, schema: void 0 } : $
         });
         j(y), X.success(
-          y.draft && y.draft.number !== C ? s("page.saved", { number: y.draft.number }) : s("page.unchanged")
+          y.draft && y.draft.number !== E ? s("page.saved", { number: y.draft.number }) : s("page.unchanged")
         );
       } catch (y) {
         const K = y.body;
@@ -1692,14 +1743,14 @@ const xo = { class: "wx-block-editor" }, _o = { class: "wx-block-editor__split"
       }
     }
     async function ct() {
-      if (!(!u.value?.draft || (le.value && await Ue(), !u.value.draft) || !await vt({
+      if (!(!u.value?.draft || (le.value && await Pe(), !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: 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 }),
+        message: Ae.value ? s("components.publish-declared", {
+          module: Ae.value,
+          count: Ce.value.length
+        }) : fe.value ? s("components.publish-text", { count: Ce.value.length }) : s("page.publish-text", { count: u.value.usage_count }),
         confirmText: s("page.publish"),
         cancelText: s("page.cancel")
       }))) {
@@ -1714,13 +1765,13 @@ const xo = { class: "wx-block-editor" }, _o = { class: "wx-block-editor__split"
         }
       }
     }
-    async function A() {
+    async function V() {
       if (!u.value) return;
-      const C = u.value.declared != null;
+      const E = u.value.declared != null;
       if (await vt({
-        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"),
+        title: E ? s("components.delete-declared-title", { title: u.value.title }) : s("page.delete-title", { title: u.value.title }),
+        message: s(E ? "components.delete-declared-text" : "page.delete-text"),
+        confirmText: s(E ? "components.delete-declared" : "page.delete"),
         cancelText: s("page.cancel"),
         tone: "danger"
       }))
@@ -1761,56 +1812,56 @@ setInterval(() => el.classList.toggle('is-second'), seconds * 1000)`
 
 new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       }
-    ]), 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;
+    ]), te = S(() => m.value.slice(0, 5)), fe = S(() => b.kind === "component"), Ce = S(() => u.value?.used_by ?? []), Ae = S(() => {
+      const E = u.value?.declared?.module;
+      return E ? t.state.manifest?.modules.find((y) => y.id === E)?.title ?? E.charAt(0).toUpperCase() + E.slice(1) : null;
     }), Ge = S(
-      () => fe.value ? Tl(Ee.value.length, s) : Cl(u.value?.usage_count ?? 0, s)
+      () => fe.value ? Al(Ce.value.length, s) : Cl(u.value?.usage_count ?? 0, s)
     ), Ze = S(
-      () => (u.value?.usage_count ?? 0) > 0 || Ee.value.length > 0 || Ve.value !== null
-    ), Pe = S(() => {
-      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(", ")
+      () => (u.value?.usage_count ?? 0) > 0 || Ce.value.length > 0 || Ae.value !== null
+    ), Ue = S(() => {
+      const E = u.value?.usage_count ?? 0;
+      return E > 0 ? E === 1 ? s("page.delete-used-one") : s("page.delete-used", { count: E }) : Ce.value.length > 0 ? s("components.delete-called", {
+        titles: Ce.value.map((y) => `"${y.title}"`).join(", ")
       }) : null;
     }), dt = S(
-      () => yo(b.slug, $.schema, $.sample, u.value?.declared?.fallback ?? null)
-    ), Vl = S(
-      () => Pt($.schema).filter((C) => C.type === "wx-data").map((C) => {
-        const y = typeof C.props?.shape == "string" ? C.props.shape : null;
+      () => $o(b.slug, $.schema, $.sample, u.value?.declared?.fallback ?? null)
+    ), Ll = S(
+      () => Rt($.schema).filter((E) => E.type === "wx-data").map((E) => {
+        const y = typeof E.props?.shape == "string" ? E.props.shape : null;
         return {
-          id: C.id,
+          id: E.id,
           shape: y,
           fields: y ? u.value?.shape?.[y]?.fields ?? [] : []
         };
       })
     );
-    async function Al() {
+    async function Bl() {
       try {
         await navigator.clipboard.writeText(dt.value), X.success(s("components.copied"));
       } catch {
       }
     }
-    function ge(C) {
-      return ae.value[C]?.[0];
+    function ge(E) {
+      return ae.value[E]?.[0];
     }
-    function Rt(C) {
-      le.value && C.preventDefault();
+    function jt(E) {
+      le.value && E.preventDefault();
     }
     ot(() => {
-      q(), window.addEventListener("beforeunload", Rt);
+      q(), window.addEventListener("beforeunload", jt);
     }), st(() => {
-      clearTimeout(V), window.removeEventListener("beforeunload", Rt);
-    }), ue(p, () => {
+      clearTimeout(A), window.removeEventListener("beforeunload", jt);
+    }), ue(c, () => {
       q();
     });
-    const Bl = S(() => [
+    const Wl = S(() => [
       { value: "block", label: s("components.kind-block") },
       { value: "component", label: s("components.kind-component") }
-    ]), Ll = S(
+    ]), Nl = S(
       () => _.value ? [
         { key: "save", label: s("page.save"), loading: f.value, run: () => {
-          Ue();
+          Pe();
         } },
         {
           key: "publish",
@@ -1824,16 +1875,16 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
         }
       ] : []
     );
-    return (C, y) => {
+    return (E, y) => {
       const K = Mt("router-link");
-      return c(), w("div", xo, [
-        d.value || !u.value ? (c(), w(F, { key: 0 }, [
+      return d(), w("div", Eo, [
+        p.value || !u.value ? (d(), w(F, { key: 0 }, [
           v(n(He), {
             class: "wx-block-editor__ghost-head",
             title: "",
             rows: 1
           }),
-          E("div", _o, [
+          C("div", To, [
             v(n(De), null, {
               default: g(() => [
                 v(n(He), { rows: 8 })
@@ -1847,131 +1898,131 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
               _: 1
             })
           ])
-        ], 64)) : (c(), w(F, { key: 1 }, [
-          v(n(Xl), {
+        ], 64)) : (d(), w(F, { key: 1 }, [
+          v(n(en), {
             title: b.title,
             back: e.base,
             "back-label": n(s)("page.back"),
-            actions: Ll.value
+            actions: Nl.value
           }, {
             "title-after": g(() => [
-              _.value ? (c(), W(n(Ql), {
+              _.value ? (d(), W(n(tn), {
                 key: 0,
                 name: b.title,
                 placeholder: n(s)("page.title"),
-                onRename: y[0] || (y[0] = (M) => b.title = M)
-              }, null, 8, ["name", "placeholder"])) : L("", !0),
-              le.value ? (c(), W(n(ke), {
+                onRename: y[0] || (y[0] = (N) => b.title = N)
+              }, null, 8, ["name", "placeholder"])) : B("", !0),
+              le.value ? (d(), W(n(ye), {
                 key: 1,
                 type: "primary",
                 dot: ""
               }, {
                 default: g(() => [
-                  B(k(n(s)("page.unsaved")), 1)
+                  L(k(n(s)("page.unsaved")), 1)
                 ]),
                 _: 1
-              })) : L("", !0),
-              u.value.draft ? (c(), W(n(ke), {
+              })) : B("", !0),
+              u.value.draft ? (d(), W(n(ye), {
                 key: 2,
                 type: "warning",
                 dot: ""
               }, {
                 default: g(() => [
-                  B(k(n(s)("page.draft", { number: u.value.draft.number })), 1)
+                  L(k(n(s)("page.draft", { number: u.value.draft.number })), 1)
                 ]),
                 _: 1
-              })) : L("", !0),
-              u.value.published ? (c(), W(n(ke), {
+              })) : B("", !0),
+              u.value.published ? (d(), W(n(ye), {
                 key: 3,
                 type: "success",
                 dot: ""
               }, {
                 default: g(() => [
-                  B(k(n(s)("page.live", { number: u.value.published.number })), 1)
+                  L(k(n(s)("page.live", { number: u.value.published.number })), 1)
                 ]),
                 _: 1
-              })) : (c(), W(n(ke), {
+              })) : (d(), W(n(ye), {
                 key: 4,
                 type: "default"
               }, {
                 default: g(() => [
-                  B(k(n(s)("page.never-published")), 1)
+                  L(k(n(s)("page.never-published")), 1)
                 ]),
                 _: 1
               }))
             ]),
             subtitle: g(() => [
-              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), {
+              C("code", null, k(b.slug), 1),
+              L(" · " + k(fe.value ? n(s)("components.kind-component") : n(qe)(b.group, n(s))) + " · ", 1),
+              Ze.value ? (d(), W(n(Ml), {
                 key: 0,
                 title: n(s)("page.usage"),
                 width: 260,
                 align: "start"
               }, {
                 trigger: g(() => [
-                  E("button", $o, k(Ge.value), 1)
+                  C("button", Co, k(Ge.value), 1)
                 ]),
                 default: g(() => [
-                  E("div", So, [
-                    (c(!0), w(F, null, Z(Ee.value, (M) => (c(), W(K, {
-                      key: `type:${M.id}`,
-                      to: `${e.base}/${M.id}`,
+                  C("div", Ao, [
+                    (d(!0), w(F, null, Z(Ce.value, (N) => (d(), W(K, {
+                      key: `type:${N.id}`,
+                      to: `${e.base}/${N.id}`,
                       class: "wx-block-editor__use"
                     }, {
                       default: g(() => [
-                        B(k(n(s)("components.called-by", { title: M.title })), 1)
+                        L(k(n(s)("components.called-by", { title: N.title })), 1)
                       ]),
                       _: 2
                     }, 1032, ["to"]))), 128)),
-                    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}`,
+                    Ae.value ? (d(), w("div", Vo, k(n(s)("components.module-views", { module: Ae.value })), 1)) : B("", !0),
+                    (d(!0), w(F, null, Z(te.value, (N) => (d(), w("div", {
+                      key: `${N.model}:${N.id}`,
                       class: "wx-block-editor__use"
                     }, [
-                      E("span", null, k(M.title ?? `#${M.id}`), 1),
-                      M.published ? L("", !0) : (c(), W(n(ke), {
+                      C("span", null, k(N.title ?? `#${N.id}`), 1),
+                      N.published ? B("", !0) : (d(), W(n(ye), {
                         key: 0,
                         type: "warning",
                         size: "sm"
                       }, {
                         default: g(() => [
-                          B(k(n(s)("page.unpublished-page")), 1)
+                          L(k(n(s)("page.unpublished-page")), 1)
                         ]),
                         _: 1
                       }))
                     ]))), 128)),
-                    m.value.length > te.value.length ? (c(), W(n(J), {
+                    m.value.length > te.value.length ? (d(), W(n(Y), {
                       key: 1,
                       size: "sm",
                       tone: "muted"
                     }, {
                       default: g(() => [
-                        B(k(n(s)("page.usage-more", { count: m.value.length - te.value.length })), 1)
+                        L(k(n(s)("page.usage-more", { count: m.value.length - te.value.length })), 1)
                       ]),
                       _: 1
-                    })) : L("", !0)
+                    })) : B("", !0)
                   ])
                 ]),
                 _: 1
-              }, 8, ["title"])) : (c(), w(F, { key: 1 }, [
-                B(k(Ge.value), 1)
+              }, 8, ["title"])) : (d(), w(F, { key: 1 }, [
+                L(k(Ge.value), 1)
               ], 64))
             ]),
             _: 1
           }, 8, ["title", "back", "back-label", "actions"]),
-          T.value.editing ? L("", !0) : (c(), W(n(al), {
+          T.value.editing ? B("", !0) : (d(), W(n(il), {
             key: 0,
             type: "info",
             variant: "soft",
             description: n(s)("page.editing-off")
           }, null, 8, ["description"])),
-          E("div", {
-            class: Me(["wx-block-editor__columns", { "is-alone": !H.value }])
+          C("div", {
+            class: Ne(["wx-block-editor__columns", { "is-alone": !H.value }])
           }, [
-            v(n(Ml), {
+            v(n(zl), {
               modelValue: x.value,
-              "onUpdate:modelValue": y[15] || (y[15] = (M) => x.value = M),
+              "onUpdate:modelValue": y[15] || (y[15] = (N) => x.value = N),
               "keep-alive": ""
             }, {
               default: g(() => [
@@ -1980,113 +2031,113 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                   label: n(s)("page.tab-template")
                 }, {
                   default: g(() => [
-                    E("div", To, [
+                    C("div", Lo, [
                       v(n(Qe), {
                         ref_key: "templateEditor",
                         ref: Te,
                         modelValue: $.template,
-                        "onUpdate:modelValue": y[1] || (y[1] = (M) => $.template = M),
+                        "onUpdate:modelValue": y[1] || (y[1] = (N) => $.template = N),
                         language: "php",
-                        extensions: xe.template,
+                        extensions: _e.template,
                         readonly: !_.value,
                         "min-height": "340px",
                         "max-height": "70vh",
                         "line-wrapping": ""
                       }, null, 8, ["modelValue", "extensions", "readonly"]),
-                      Ce.value.length ? (c(), w("div", Eo, [
-                        v(n(J), {
+                      Ee.value.length ? (d(), w("div", Bo, [
+                        v(n(Y), {
                           size: "sm",
                           tone: "muted"
                         }, {
                           default: g(() => [
-                            B(k(n(s)("page.insert-field")), 1)
+                            L(k(n(s)("page.insert-field")), 1)
                           ]),
                           _: 1
                         }),
-                        (c(!0), w(F, null, Z(Ce.value, (M) => (c(), w("button", {
-                          key: M,
+                        (d(!0), w(F, null, Z(Ee.value, (N) => (d(), w("button", {
+                          key: N,
                           type: "button",
                           class: "wx-block-editor__pill",
                           disabled: !_.value,
-                          onClick: (Xe) => Le(M),
-                          textContent: k(Ye(M))
-                        }, null, 8, Vo))), 128))
-                      ])) : L("", !0),
-                      v(Yt, {
+                          onClick: (Xe) => Be(N),
+                          textContent: k(Je(N))
+                        }, null, 8, Wo))), 128))
+                      ])) : B("", !0),
+                      v(Gt, {
                         file: "template",
                         lints: Se.value,
                         slug: b.slug,
                         error: z.value
                       }, null, 8, ["lints", "slug", "error"])
                     ]),
-                    fe.value ? (c(), W(n(De), {
+                    fe.value ? (d(), W(n(De), {
                       key: 0,
                       class: "wx-block-editor__call",
                       title: n(s)("components.call")
                     }, {
                       default: g(() => [
-                        v(n(J), {
+                        v(n(Y), {
                           size: "sm",
                           tone: "muted"
                         }, {
                           default: g(() => [
-                            B(k(n(s)("components.call-help")), 1)
+                            L(k(n(s)("components.call-help")), 1)
                           ]),
                           _: 1
                         }),
-                        E("div", Ao, [
-                          E("pre", null, [
-                            E("code", null, k(dt.value), 1)
+                        C("div", No, [
+                          C("pre", null, [
+                            C("code", null, k(dt.value), 1)
                           ]),
                           v(n(ce), {
                             size: "sm",
                             variant: "outline",
-                            onClick: Al
+                            onClick: Bl
                           }, {
                             default: g(() => [
-                              B(k(n(s)("components.copy")), 1)
+                              L(k(n(s)("components.copy")), 1)
                             ]),
                             _: 1
                           })
                         ]),
-                        (c(!0), w(F, null, Z(Vl.value, (M) => (c(), w("div", {
-                          key: M.id,
+                        (d(!0), w(F, null, Z(Ll.value, (N) => (d(), w("div", {
+                          key: N.id,
                           class: "wx-block-editor__shape"
                         }, [
-                          v(n(J), {
+                          v(n(Y), {
                             size: "sm",
                             tone: "muted"
                           }, {
                             default: g(() => [
-                              B(k(M.fields.length ? n(s)("components.shape", { name: M.id }) : n(s)("components.shape-free", { name: M.id })) + " ", 1),
-                              M.shape ? (c(), w("code", Bo, k(M.shape), 1)) : L("", !0)
+                              L(k(N.fields.length ? n(s)("components.shape", { name: N.id }) : n(s)("components.shape-free", { name: N.id })) + " ", 1),
+                              N.shape ? (d(), w("code", Mo, k(N.shape), 1)) : B("", !0)
                             ]),
                             _: 2
                           }, 1024),
-                          M.fields.length ? (c(), w("dl", Lo, [
-                            (c(!0), w(F, null, Z(M.fields, (Xe) => (c(), w(F, {
+                          N.fields.length ? (d(), w("dl", zo, [
+                            (d(!0), w(F, null, Z(N.fields, (Xe) => (d(), w(F, {
                               key: Xe.name
                             }, [
-                              E("dt", null, [
-                                E("code", null, k(Xe.name), 1),
-                                E("span", Wo, k(Xe.type), 1)
+                              C("dt", null, [
+                                C("code", null, k(Xe.name), 1),
+                                C("span", Do, k(Xe.type), 1)
                               ]),
-                              E("dd", null, k(Xe.description), 1)
+                              C("dd", null, k(Xe.description), 1)
                             ], 64))), 128))
-                          ])) : L("", !0)
+                          ])) : B("", !0)
                         ]))), 128)),
-                        v(n(J), {
+                        v(n(Y), {
                           size: "sm",
                           tone: "muted"
                         }, {
                           default: g(() => [
-                            B(k(n(s)("components.site-views")), 1)
+                            L(k(n(s)("components.site-views")), 1)
                           ]),
                           _: 1
                         })
                       ]),
                       _: 1
-                    }, 8, ["title"])) : L("", !0)
+                    }, 8, ["title"])) : B("", !0)
                   ]),
                   _: 1
                 }, 8, ["label"]),
@@ -2095,17 +2146,17 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                   label: n(s)("page.tab-styles")
                 }, {
                   default: g(() => [
-                    E("div", Mo, [
+                    C("div", Oo, [
                       v(n(Qe), {
                         modelValue: $.styles,
-                        "onUpdate:modelValue": y[2] || (y[2] = (M) => $.styles = M),
+                        "onUpdate:modelValue": y[2] || (y[2] = (N) => $.styles = N),
                         language: "css",
-                        extensions: xe.styles,
+                        extensions: _e.styles,
                         readonly: !_.value,
                         "min-height": "340px",
                         "max-height": "70vh"
                       }, null, 8, ["modelValue", "extensions", "readonly"]),
-                      v(Yt, {
+                      v(Gt, {
                         file: "styles",
                         lints: Se.value,
                         slug: b.slug
@@ -2119,31 +2170,31 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                   label: n(s)("page.tab-script")
                 }, {
                   default: g(() => [
-                    E("div", No, [
+                    C("div", Io, [
                       v(n(Qe), {
                         "model-value": $.script ?? "",
                         language: "javascript",
                         readonly: !_.value,
                         "min-height": "340px",
                         "max-height": "70vh",
-                        "onUpdate:modelValue": y[3] || (y[3] = (M) => $.script = M || null)
+                        "onUpdate:modelValue": y[3] || (y[3] = (N) => $.script = N || null)
                       }, null, 8, ["model-value", "readonly"]),
-                      E("div", zo, [
-                        v(n(J), {
+                      C("div", Po, [
+                        v(n(Y), {
                           size: "sm",
                           tone: "muted"
                         }, {
                           default: g(() => [
-                            B(k(n(s)("page.script-help")), 1)
+                            L(k(n(s)("page.script-help")), 1)
                           ]),
                           _: 1
                         }),
-                        v(n(J), {
+                        v(n(Y), {
                           size: "sm",
                           tone: "muted"
                         }, {
                           default: g(() => [
-                            B(k(T.value.provides.length ? n(s)("page.provides", { names: T.value.provides.join(", ") }) : n(s)("page.provides-none")), 1)
+                            L(k(T.value.provides.length ? n(s)("page.provides", { names: T.value.provides.join(", ") }) : n(s)("page.provides-none")), 1)
                           ]),
                           _: 1
                         })
@@ -2154,21 +2205,21 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                       title: n(s)("page.examples")
                     }, {
                       default: g(() => [
-                        (c(!0), w(F, null, Z(be.value, (M) => (c(), w("div", {
-                          key: M.title,
+                        (d(!0), w(F, null, Z(be.value, (N) => (d(), w("div", {
+                          key: N.title,
                           class: "wx-block-editor__example"
                         }, [
-                          v(n(J), {
+                          v(n(Y), {
                             size: "sm",
                             tone: "muted"
                           }, {
                             default: g(() => [
-                              B(k(M.title), 1)
+                              L(k(N.title), 1)
                             ]),
                             _: 2
                           }, 1024),
-                          E("pre", null, [
-                            E("code", null, k(M.code), 1)
+                          C("pre", null, [
+                            C("code", null, k(N.code), 1)
                           ])
                         ]))), 128))
                       ]),
@@ -2182,48 +2233,48 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                   label: fe.value ? n(s)("components.tab-inputs") : n(s)("page.tab-fields")
                 }, {
                   default: g(() => [
-                    E("div", Do, [
-                      E("div", Oo, [
+                    C("div", Uo, [
+                      C("div", Ro, [
                         v(n(Qe), {
                           "model-value": R.value,
                           language: "json",
-                          extensions: xe.schema,
+                          extensions: _e.schema,
                           lint: "",
                           readonly: !_.value,
                           "min-height": "340px",
                           "max-height": "70vh",
                           "onUpdate:modelValue": pe
                         }, null, 8, ["model-value", "extensions", "readonly"]),
-                        E("div", Io, [
-                          G.value ? (c(), W(n(J), {
+                        C("div", jo, [
+                          G.value ? (d(), W(n(Y), {
                             key: 0,
                             size: "sm",
                             tone: "danger"
                           }, {
                             default: g(() => [
-                              B(k(G.value), 1)
+                              L(k(G.value), 1)
                             ]),
                             _: 1
-                          })) : ge("content.schema") ? (c(), W(n(J), {
+                          })) : ge("content.schema") ? (d(), W(n(Y), {
                             key: 1,
                             size: "sm",
                             tone: "danger"
                           }, {
                             default: g(() => [
-                              B(k(ge("content.schema")), 1)
+                              L(k(ge("content.schema")), 1)
                             ]),
                             _: 1
-                          })) : (c(), W(n(J), {
+                          })) : (d(), W(n(Y), {
                             key: 2,
                             size: "sm",
                             tone: "muted"
                           }, {
                             default: g(() => [
-                              B(k(fe.value ? n(s)("components.inputs-help") : n(s)("page.fields-help")), 1)
+                              L(k(fe.value ? n(s)("components.inputs-help") : n(s)("page.fields-help")), 1)
                             ]),
                             _: 1
                           })),
-                          v(n(en), {
+                          v(n(ln), {
                             title: n(s)("help.schema-title"),
                             body: n(s)("help.schema")
                           }, null, 8, ["title", "body"])
@@ -2234,17 +2285,17 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                         title: n(s)("page.sample")
                       }, {
                         default: g(() => [
-                          $.schema.length ? (c(), W(n(cl), {
+                          $.schema.length ? (d(), W(n(dl), {
                             key: 0,
                             modelValue: ve.value,
-                            "onUpdate:modelValue": y[4] || (y[4] = (M) => ve.value = M),
+                            "onUpdate:modelValue": y[4] || (y[4] = (N) => ve.value = N),
                             root: n(Ut)($.schema),
                             types: n(t).types,
                             translate: n(t).i18n.t,
                             can: n(t).can,
                             disabled: !_.value,
                             size: "sm"
-                          }, null, 8, ["modelValue", "root", "types", "translate", "can", "disabled"])) : L("", !0)
+                          }, null, 8, ["modelValue", "root", "types", "translate", "can", "disabled"])) : B("", !0)
                         ]),
                         _: 1
                       }, 8, ["title"])
@@ -2259,7 +2310,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                   default: g(() => [
                     v(n(De), { class: "wx-block-editor__sheet" }, {
                       default: g(() => [
-                        E("div", Uo, [
+                        C("div", Fo, [
                           v(n(re), {
                             label: n(s)("components.kind"),
                             help: n(s)("components.kind-help"),
@@ -2267,10 +2318,10 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             disabled: !_.value
                           }, {
                             default: g(() => [
-                              v(n($t), {
+                              v(n(St), {
                                 modelValue: b.kind,
-                                "onUpdate:modelValue": y[5] || (y[5] = (M) => b.kind = M),
-                                options: Bl.value
+                                "onUpdate:modelValue": y[5] || (y[5] = (N) => b.kind = N),
+                                options: Wl.value
                               }, null, 8, ["modelValue", "options"])
                             ]),
                             _: 1
@@ -2284,12 +2335,12 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             default: g(() => [
                               v(n(nt), {
                                 modelValue: b.slug,
-                                "onUpdate:modelValue": y[6] || (y[6] = (M) => b.slug = M)
+                                "onUpdate:modelValue": y[6] || (y[6] = (N) => b.slug = N)
                               }, null, 8, ["modelValue"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"]),
-                          fe.value ? L("", !0) : (c(), W(n(re), {
+                          fe.value ? B("", !0) : (d(), W(n(re), {
                             key: 0,
                             label: n(s)("page.group"),
                             help: n(s)("page.group-help"),
@@ -2297,9 +2348,9 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             disabled: !_.value
                           }, {
                             default: g(() => [
-                              v(n($t), {
+                              v(n(St), {
                                 modelValue: b.group,
-                                "onUpdate:modelValue": y[7] || (y[7] = (M) => b.group = M),
+                                "onUpdate:modelValue": y[7] || (y[7] = (N) => b.group = N),
                                 options: ie.value
                               }, null, 8, ["modelValue", "options"])
                             ]),
@@ -2313,10 +2364,10 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             disabled: !_.value
                           }, {
                             default: g(() => [
-                              v(n(il), {
+                              v(n(rl), {
                                 "model-value": b.description ?? "",
                                 rows: 2,
-                                "onUpdate:modelValue": y[8] || (y[8] = (M) => b.description = String(M ?? ""))
+                                "onUpdate:modelValue": y[8] || (y[8] = (N) => b.description = String(N ?? ""))
                               }, null, 8, ["model-value"])
                             ]),
                             _: 1
@@ -2327,14 +2378,14 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             disabled: !_.value
                           }, {
                             default: g(() => [
-                              v(n(Nl), {
+                              v(n(Dl), {
                                 "model-value": b.icon,
                                 clearable: "",
                                 placeholder: n(s)("page.icon-search"),
                                 "empty-text": n(s)("page.icon-none"),
                                 "unknown-text": n(s)("page.icon-unknown"),
                                 "clear-label": n(s)("page.icon-clear"),
-                                "onUpdate:modelValue": y[9] || (y[9] = (M) => b.icon = M)
+                                "onUpdate:modelValue": y[9] || (y[9] = (N) => b.icon = N)
                               }, null, 8, ["model-value", "placeholder", "empty-text", "unknown-text", "clear-label"])
                             ]),
                             _: 1
@@ -2346,14 +2397,14 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             disabled: !_.value
                           }, {
                             default: g(() => [
-                              v(n(jt), {
+                              v(n(Ft), {
                                 modelValue: b.sort,
-                                "onUpdate:modelValue": y[10] || (y[10] = (M) => b.sort = M)
+                                "onUpdate:modelValue": y[10] || (y[10] = (N) => b.sort = N)
                               }, null, 8, ["modelValue"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"]),
-                          fe.value ? L("", !0) : (c(), W(n(re), {
+                          fe.value ? B("", !0) : (d(), W(n(re), {
                             key: 1,
                             label: n(s)("page.allow"),
                             help: n(s)("page.allow-help"),
@@ -2361,15 +2412,15 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             disabled: !_.value
                           }, {
                             default: g(() => [
-                              v(n(Ft), {
+                              v(n(Ht), {
                                 modelValue: b.allow,
-                                "onUpdate:modelValue": y[11] || (y[11] = (M) => b.allow = M),
+                                "onUpdate:modelValue": y[11] || (y[11] = (N) => b.allow = N),
                                 "allow-create": ""
                               }, null, 8, ["modelValue"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"])),
-                          fe.value ? L("", !0) : (c(), W(n(re), {
+                          fe.value ? B("", !0) : (d(), W(n(re), {
                             key: 2,
                             label: n(s)("page.allowed-in"),
                             help: n(s)("page.allowed-in-help"),
@@ -2377,16 +2428,16 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             disabled: !_.value
                           }, {
                             default: g(() => [
-                              v(n(Ft), {
+                              v(n(Ht), {
                                 modelValue: b.allowed_in,
-                                "onUpdate:modelValue": y[12] || (y[12] = (M) => b.allowed_in = M),
+                                "onUpdate:modelValue": y[12] || (y[12] = (N) => b.allowed_in = N),
                                 "allow-create": "",
                                 suggestions: ["root"]
                               }, null, 8, ["modelValue"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"])),
-                          fe.value ? L("", !0) : (c(), W(n(re), {
+                          fe.value ? B("", !0) : (d(), W(n(re), {
                             key: 3,
                             label: n(s)("page.max-per-entity"),
                             help: n(s)("page.max-per-entity-help"),
@@ -2394,51 +2445,51 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             disabled: !_.value
                           }, {
                             default: g(() => [
-                              v(n(jt), {
+                              v(n(Ft), {
                                 "model-value": b.max_per_entity ?? void 0,
                                 min: 1,
-                                "onUpdate:modelValue": y[13] || (y[13] = (M) => b.max_per_entity = M ?? null)
+                                "onUpdate:modelValue": y[13] || (y[13] = (N) => b.max_per_entity = N ?? null)
                               }, null, 8, ["model-value"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "error", "disabled"])),
-                          fe.value ? L("", !0) : (c(), W(n(re), {
+                          fe.value ? B("", !0) : (d(), W(n(re), {
                             key: 4,
                             label: n(s)("page.enabled"),
                             help: n(s)("page.enabled-help"),
                             disabled: !_.value
                           }, {
                             default: g(() => [
-                              v(n(zl), {
+                              v(n(Ol), {
                                 modelValue: b.is_enabled,
-                                "onUpdate:modelValue": y[14] || (y[14] = (M) => b.is_enabled = M)
+                                "onUpdate:modelValue": y[14] || (y[14] = (N) => b.is_enabled = N)
                               }, null, 8, ["modelValue"])
                             ]),
                             _: 1
                           }, 8, ["label", "help", "disabled"])),
-                          _.value ? (c(), w("div", Po, [
+                          _.value ? (d(), w("div", Ho, [
                             v(n(ce), {
                               type: "danger",
                               variant: "outline",
-                              disabled: Pe.value !== null,
-                              onClick: A
+                              disabled: Ue.value !== null,
+                              onClick: V
                             }, {
                               default: g(() => [
-                                B(k(u.value.declared ? n(s)("components.delete-declared") : n(s)("page.delete")), 1)
+                                L(k(u.value.declared ? n(s)("components.delete-declared") : n(s)("page.delete")), 1)
                               ]),
                               _: 1
                             }, 8, ["disabled"]),
-                            Pe.value ? (c(), W(n(J), {
+                            Ue.value ? (d(), W(n(Y), {
                               key: 0,
                               size: "sm",
                               tone: "muted"
                             }, {
                               default: g(() => [
-                                B(k(Pe.value), 1)
+                                L(k(Ue.value), 1)
                               ]),
                               _: 1
-                            })) : L("", !0)
-                          ])) : L("", !0)
+                            })) : B("", !0)
+                          ])) : B("", !0)
                         ])
                       ]),
                       _: 1
@@ -2456,7 +2507,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                       padding: "none"
                     }, {
                       default: g(() => [
-                        v(yn, {
+                        v(xn, {
                           block: u.value,
                           "can-manage": _.value,
                           onRestored: j
@@ -2470,27 +2521,27 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
               ]),
               _: 1
             }, 8, ["modelValue"]),
-            Rl(v(Ln, {
+            Fl(v(Nn, {
               class: "wx-block-editor__stage",
-              html: P.html,
-              styles: P.styles,
-              script: P.script,
-              runtime: P.runtime,
-              stage: P.stage,
-              loading: P.loading
+              html: U.html,
+              styles: U.styles,
+              script: U.script,
+              runtime: U.runtime,
+              stage: U.stage,
+              loading: U.loading
             }, null, 8, ["html", "styles", "script", "runtime", "stage", "loading"]), [
-              [jl, H.value]
+              [Hl, H.value]
             ])
           ], 2),
-          _.value ? (c(), W(n(Dl), { key: 1 }, {
+          _.value ? (d(), W(n(Il), { key: 1 }, {
             default: g(() => [
               v(n(ce), {
                 variant: "outline",
                 loading: f.value,
-                onClick: Ue
+                onClick: Pe
               }, {
                 default: g(() => [
-                  B(k(n(s)("page.save")), 1)
+                  L(k(n(s)("page.save")), 1)
                 ]),
                 _: 1
               }, 8, ["loading"]),
@@ -2501,24 +2552,24 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 onClick: ct
               }, {
                 default: g(() => [
-                  B(k(n(s)("page.publish")), 1)
+                  L(k(n(s)("page.publish")), 1)
                 ]),
                 _: 1
               }, 8, ["loading", "disabled"])
             ]),
             _: 1
-          })) : L("", !0)
+          })) : B("", !0)
         ], 64))
       ]);
     };
   }
-}), jo = /* @__PURE__ */ se(Ro, [["__scopeId", "data-v-8201065d"]]), Fo = {
+}), qo = /* @__PURE__ */ se(Ko, [["__scopeId", "data-v-8201065d"]]), Yo = {
   key: 1,
   class: "wx-block-move"
-}, Ho = ["disabled", "onClick"], Ko = { class: "wx-block-move__trail" }, qo = {
+}, Jo = ["disabled", "onClick"], Go = { class: "wx-block-move__trail" }, Zo = {
   key: 0,
   class: "wx-block-move__sep"
-}, Jo = /* @__PURE__ */ oe({
+}, Xo = /* @__PURE__ */ oe({
   __name: "BlockMoveDialog",
   props: {
     title: {},
@@ -2526,12 +2577,12 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
     topLabel: {}
   },
   setup(e) {
-    const { resolve: l, dismiss: t, open: o } = At();
-    Ne();
+    const { resolve: l, dismiss: t, open: o } = Lt();
+    Me();
     const a = de("webx-blocks");
-    return (i, s) => (c(), W(n(Bt), {
+    return (i, s) => (d(), W(n(Bt), {
       open: n(o),
-      "onUpdate:open": s[1] || (s[1] = (r) => Nt(o) ? o.value = r : null),
+      "onUpdate:open": s[1] || (s[1] = (r) => zt(o) ? o.value = r : null),
       title: n(a)("field.move-title", { title: e.title }),
       width: 520
     }, {
@@ -2541,75 +2592,75 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
           onClick: s[0] || (s[0] = (r) => n(t)())
         }, {
           default: g(() => [
-            B(k(n(a)("page.cancel")), 1)
+            L(k(n(a)("page.cancel")), 1)
           ]),
           _: 1
         })
       ]),
       default: g(() => [
-        e.destinations.length === 0 ? (c(), W(n(Lt), {
+        e.destinations.length === 0 ? (d(), W(n(Wt), {
           key: 0,
           icon: "grid",
           title: n(a)("field.move-none"),
           size: "sm"
-        }, null, 8, ["title"])) : (c(), w("div", Fo, [
-          (c(!0), w(F, null, Z(e.destinations, (r) => (c(), w("button", {
+        }, null, 8, ["title"])) : (d(), w("div", Yo, [
+          (d(!0), w(F, null, Z(e.destinations, (r) => (d(), w("button", {
             key: `${r.parentKey}:${r.field}`,
             type: "button",
             class: "wx-block-move__place",
             disabled: r.full,
-            onClick: (p) => n(l)(r)
+            onClick: (c) => n(l)(r)
           }, [
-            v(n(ye), {
+            v(n(we), {
               name: r.parentKey === null ? "file" : "folder"
             }, null, 8, ["name"]),
-            E("span", Ko, [
-              r.trail.length === 0 ? (c(), w(F, { key: 0 }, [
-                B(k(e.topLabel), 1)
-              ], 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),
-                E("span", {
-                  class: Me({ "is-last": u === r.trail.length - 1 })
-                }, k(p), 3)
+            C("span", Go, [
+              r.trail.length === 0 ? (d(), w(F, { key: 0 }, [
+                L(k(e.topLabel), 1)
+              ], 64)) : (d(!0), w(F, { key: 1 }, Z(r.trail, (c, u) => (d(), w(F, { key: u }, [
+                u > 0 ? (d(), w("span", Zo, "/")) : B("", !0),
+                C("span", {
+                  class: Ne({ "is-last": u === r.trail.length - 1 })
+                }, k(c), 3)
               ], 64))), 128))
             ]),
-            r.full ? (c(), W(n(J), {
+            r.full ? (d(), W(n(Y), {
               key: 0,
               size: "sm",
               tone: "muted"
             }, {
               default: g(() => [
-                B(k(n(a)("field.move-full")), 1)
+                L(k(n(a)("field.move-full")), 1)
               ]),
               _: 1
-            })) : L("", !0)
-          ], 8, Ho))), 128))
+            })) : B("", !0)
+          ], 8, Jo))), 128))
         ]))
       ]),
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Yo = /* @__PURE__ */ se(Jo, [["__scopeId", "data-v-41c2ff3e"]]), nl = /* @__PURE__ */ new Map();
-function Go(e) {
-  let l = nl.get(e);
-  return l === void 0 && (l = fetch(e, { credentials: "same-origin", headers: { Accept: "text/html" } }).then((t) => t.ok ? t.text() : null).then((t) => t === null ? null : Sn(t, e)).catch(() => null), nl.set(e, l)), l;
+}), Qo = /* @__PURE__ */ se(Xo, [["__scopeId", "data-v-41c2ff3e"]]), ol = /* @__PURE__ */ new Map();
+function es(e) {
+  let l = ol.get(e);
+  return l === void 0 && (l = fetch(e, { credentials: "same-origin", headers: { Accept: "text/html" } }).then((t) => t.ok ? t.text() : null).then((t) => t === null ? null : Tn(t, e)).catch(() => null), ol.set(e, l)), l;
 }
-function Zo() {
-  const e = Fe(rl, null), l = U(null), t = S(() => {
+function ts() {
+  const e = Fe(ul, null), l = P(null), t = S(() => {
     const a = e?.state.manifest?.modules.find((i) => i.id === "blocks")?.meta?.stage;
     return typeof a == "string" && a !== "" ? a : null;
   });
-  return Fl(() => {
+  return Kl(() => {
     const o = t.value;
-    o !== null && Go(o).then((a) => {
+    o !== null && es(o).then((a) => {
       t.value === o && (l.value = a);
     });
   }), l;
 }
-const Xo = ["srcdoc"], Qo = {
+const ls = ["srcdoc"], ns = {
   key: 1,
   class: "wx-block-thumb__empty"
-}, _t = 1600, es = /* @__PURE__ */ oe({
+}, $t = 1600, os = /* @__PURE__ */ oe({
   __name: "BlockThumb",
   props: {
     thumbnail: {},
@@ -2618,7 +2669,7 @@ const Xo = ["srcdoc"], Qo = {
     fit: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const l = e, t = U(null), o = bt(t), a = U(null), i = S(() => o.value > 0 ? o.value / l.width : 0.2), s = S(() => {
+    const l = e, t = P(null), o = gt(t), a = P(null), i = S(() => o.value > 0 ? o.value / l.width : 0.2), s = S(() => {
       const f = a.value;
       if (!l.fit || !f || f.width <= 0 || f.height <= 0 || o.value <= 0)
         return null;
@@ -2628,22 +2679,22 @@ const Xo = ["srcdoc"], Qo = {
         x: (o.value - f.width * h) / 2 - f.left * h,
         y: (l.height - f.height * h) / 2 - f.top * h
       };
-    }), r = Zo(), p = S(() => {
+    }), r = ts(), c = S(() => {
       if (!l.thumbnail) return "";
       const f = { html: l.thumbnail.html, styles: l.thumbnail.styles };
-      return r.value ? Cn(r.value, f) : fl(f);
+      return r.value ? Cn(r.value, f) : ml(f);
     }), u = S(() => {
       const f = s.value, h = a.value;
       return f && h ? {
         width: `${l.width}px`,
-        height: `${_t}px`,
+        height: `${$t}px`,
         transform: `translate(${f.x}px, ${f.y}px) scale(${f.scale})`,
         // The component alone: the rest of the frame is a white page around it, and moved off
         // the corner it shows as a white slab beside a small badge.
-        clipPath: `inset(${h.top}px ${l.width - h.left - h.width}px ${_t - h.top - h.height}px ${h.left}px)`
+        clipPath: `inset(${h.top}px ${l.width - h.left - h.width}px ${$t - h.top - h.height}px ${h.left}px)`
       } : {
         width: `${l.width}px`,
-        height: l.fit ? `${_t}px` : `${Math.round(l.height / i.value)}px`,
+        height: l.fit ? `${$t}px` : `${Math.round(l.height / i.value)}px`,
         transform: `scale(${i.value})`,
         // Until it is measured, a fitted frame would flash its top at the wrong scale; measured and
         // found to have no size (a root with `display: contents`), it is drawn the ordinary way.
@@ -2651,7 +2702,7 @@ const Xo = ["srcdoc"], Qo = {
       };
     });
     let m = null;
-    function d(f) {
+    function p(f) {
       if (!l.fit) return;
       m?.disconnect();
       const h = f.target, x = h.contentWindow, T = h.contentDocument;
@@ -2662,34 +2713,34 @@ const Xo = ["srcdoc"], Qo = {
       };
       b(), m = new x.ResizeObserver(b), m.observe(_);
     }
-    return st(() => m?.disconnect()), (f, h) => (c(), w("div", {
+    return st(() => m?.disconnect()), (f, h) => (d(), w("div", {
       ref_key: "box",
       ref: t,
       class: "wx-block-thumb",
       style: Ie({ height: `${e.height}px` })
     }, [
-      e.thumbnail ? (c(), w("iframe", {
+      e.thumbnail ? (d(), w("iframe", {
         key: 0,
         class: "wx-block-thumb__frame",
-        srcdoc: p.value,
+        srcdoc: c.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(ye), { name: "grid" })
+        onLoad: p
+      }, null, 44, ls)) : (d(), w("div", ns, [
+        v(n(we), { name: "grid" })
       ]))
     ], 4));
   }
-}), El = /* @__PURE__ */ se(es, [["__scopeId", "data-v-7421ce33"]]);
+}), Vl = /* @__PURE__ */ se(os, [["__scopeId", "data-v-7421ce33"]]);
 function Vt(e, l, t) {
   if (l === null)
     return (t === null || t.includes(e.slug)) && (e.allowed_in === null || e.allowed_in.includes("root"));
   const o = t ? t.includes(e.slug) : l.allow?.includes(e.slug) === !0, a = e.allowed_in === null || e.allowed_in.includes(l.slug);
   return o && a;
 }
-function ts(e, l, t, o) {
+function ss(e, l, t, o) {
   const a = me(e, l), i = a ? t.find((u) => u.slug === a.node.type) : void 0;
   if (!a || !i) return [];
   const s = [], r = (u, m) => (a.parent?.key ?? null) === u && a.field === m;
@@ -2699,27 +2750,27 @@ function ts(e, l, t, o) {
     trail: [],
     full: o.max !== null && e.length >= o.max
   });
-  const p = (u, m) => {
-    for (const d of u) {
-      if (d.key === l) continue;
-      const f = t.find((x) => x.slug === d.type), h = f?.content ? Ot(f.content.schema) : [];
+  const c = (u, m) => {
+    for (const p of u) {
+      if (p.key === l) continue;
+      const f = t.find((x) => x.slug === p.type), h = f?.content ? It(f.content.schema) : [];
       for (const x of h) {
-        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,
+        const T = f.title, _ = h.length > 1 ? `${T} · ${x.label ?? x.id}` : T, b = p.values[x.id], $ = rt(b) ? b : [], R = x.props?.max ?? null, G = x.props?.allow ?? null;
+        !r(p.key, x.id) && Vt(i, f, G) && s.push({
+          parentKey: p.key,
           field: x.id,
           trail: [...m, _],
           full: R !== null && $.length >= R
-        }), p($, [...m, _]);
+        }), c($, [...m, _]);
       }
     }
   };
-  return p(e, []), s;
+  return c(e, []), s;
 }
-const ls = { class: "wx-block-picker" }, ns = {
+const as = { class: "wx-block-picker" }, is = {
   key: 0,
   class: "wx-block-picker__group-title"
-}, os = { class: "wx-block-picker__cards" }, ss = ["disabled", "title", "onClick"], as = { class: "wx-block-picker__body" }, is = { class: "wx-block-picker__title" }, rs = /* @__PURE__ */ oe({
+}, rs = { class: "wx-block-picker__cards" }, us = ["disabled", "title", "onClick"], cs = { class: "wx-block-picker__body" }, ds = { class: "wx-block-picker__title" }, ps = /* @__PURE__ */ oe({
   __name: "BlockPicker",
   props: {
     catalog: {},
@@ -2730,22 +2781,22 @@ const ls = { class: "wx-block-picker" }, ns = {
     blocksPath: { default: null }
   },
   setup(e) {
-    const l = e, { resolve: t, dismiss: o, open: a } = At();
-    Ne();
-    const i = de("webx-blocks"), s = U("");
+    const l = e, { resolve: t, dismiss: o, open: a } = Lt();
+    Me();
+    const i = de("webx-blocks"), s = P("");
     function r(f) {
       return Vt(f, l.parent, l.allow);
     }
-    const p = S(
+    const c = S(
       () => l.catalog.filter(
         (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;
+        const h = zn(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 };
       })
     ), u = S(() => {
       const f = s.value.trim().toLowerCase();
-      return f === "" ? p.value : p.value.filter(
+      return f === "" ? c.value : c.value.filter(
         ({ type: h }) => h.title.toLowerCase().includes(f) || h.slug.includes(f) || (h.description ?? "").toLowerCase().includes(f)
       );
     }), m = S(() => {
@@ -2758,9 +2809,9 @@ const ls = { class: "wx-block-picker" }, ns = {
         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(() => {
+    }), p = S(() => {
       if (l.catalog.length === 0) return i("field.pick-none");
-      if (p.value.length === 0 && l.parent) {
+      if (c.value.length === 0 && l.parent) {
         const f = (l.allow ?? l.parent.allow ?? []).filter(
           (h) => l.catalog.some((x) => x.slug === h)
         );
@@ -2770,9 +2821,9 @@ const ls = { class: "wx-block-picker" }, ns = {
     });
     return (f, h) => {
       const x = Mt("router-link");
-      return c(), W(n(Bt), {
+      return d(), W(n(Bt), {
         open: n(a),
-        "onUpdate:open": h[2] || (h[2] = (T) => Nt(a) ? a.value = T : null),
+        "onUpdate:open": h[2] || (h[2] = (T) => zt(a) ? a.value = T : null),
         title: n(i)("field.pick"),
         width: 860
       }, {
@@ -2782,81 +2833,81 @@ const ls = { class: "wx-block-picker" }, ns = {
             onClick: h[1] || (h[1] = (T) => n(o)())
           }, {
             default: g(() => [
-              B(k(n(i)("field.close")), 1)
+              L(k(n(i)("field.close")), 1)
             ]),
             _: 1
           })
         ]),
         default: g(() => [
-          E("div", ls, [
-            p.value.length > 0 ? (c(), W(n(nt), {
+          C("div", as, [
+            c.value.length > 0 ? (d(), W(n(nt), {
               key: 0,
               modelValue: s.value,
               "onUpdate:modelValue": h[0] || (h[0] = (T) => s.value = T),
               placeholder: n(i)("field.search"),
               clearable: "",
               autofocus: ""
-            }, null, 8, ["modelValue", "placeholder"])) : L("", !0),
-            u.value.length === 0 ? (c(), W(n(Lt), {
+            }, null, 8, ["modelValue", "placeholder"])) : B("", !0),
+            u.value.length === 0 ? (d(), W(n(Wt), {
               key: 1,
               icon: "grid",
-              title: d.value,
+              title: p.value,
               size: "sm"
             }, {
               default: g(() => [
-                e.catalog.length === 0 && e.blocksPath ? (c(), W(x, {
+                e.catalog.length === 0 && e.blocksPath ? (d(), W(x, {
                   key: 0,
                   to: e.blocksPath
                 }, {
                   default: g(() => [
-                    B(k(n(i)("field.pick-none-link")), 1)
+                    L(k(n(i)("field.pick-none-link")), 1)
                   ]),
                   _: 1
-                }, 8, ["to"])) : L("", !0)
+                }, 8, ["to"])) : B("", !0)
               ]),
               _: 1
-            }, 8, ["title"])) : L("", !0),
-            (c(!0), w(F, null, Z(m.value, (T) => (c(), w("section", {
+            }, 8, ["title"])) : B("", !0),
+            (d(!0), w(F, null, Z(m.value, (T) => (d(), w("section", {
               key: T.id,
               class: "wx-block-picker__group"
             }, [
-              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", {
+              T.label ? (d(), w("div", is, k(T.label), 1)) : B("", !0),
+              C("div", rs, [
+                (d(!0), w(F, null, Z(T.options, (_) => (d(), w("button", {
                   key: _.type.id,
                   type: "button",
-                  class: Me(["wx-block-picker__card", { "is-disabled": _.reason !== null }]),
+                  class: Ne(["wx-block-picker__card", { "is-disabled": _.reason !== null }]),
                   disabled: _.reason !== null,
                   title: _.reason ?? void 0,
                   onClick: (b) => n(t)(_.type)
                 }, [
-                  v(El, {
+                  v(Vl, {
                     thumbnail: _.type.thumbnail,
                     height: 96
                   }, null, 8, ["thumbnail"]),
-                  E("div", as, [
-                    E("div", is, k(_.type.title), 1),
-                    _.reason ? (c(), W(n(J), {
+                  C("div", cs, [
+                    C("div", ds, k(_.type.title), 1),
+                    _.reason ? (d(), W(n(Y), {
                       key: 0,
                       size: "sm",
                       tone: "warning"
                     }, {
                       default: g(() => [
-                        B(k(_.reason), 1)
+                        L(k(_.reason), 1)
                       ]),
                       _: 2
-                    }, 1024)) : _.type.description ? (c(), W(n(J), {
+                    }, 1024)) : _.type.description ? (d(), W(n(Y), {
                       key: 1,
                       size: "sm",
                       tone: "muted"
                     }, {
                       default: g(() => [
-                        B(k(_.type.description), 1)
+                        L(k(_.type.description), 1)
                       ]),
                       _: 2
-                    }, 1024)) : L("", !0)
+                    }, 1024)) : B("", !0)
                   ])
-                ], 10, ss))), 128))
+                ], 10, us))), 128))
               ])
             ]))), 128))
           ])
@@ -2865,7 +2916,7 @@ const ls = { class: "wx-block-picker" }, ns = {
       }, 8, ["open", "title"]);
     };
   }
-}), us = /* @__PURE__ */ se(rs, [["__scopeId", "data-v-d04662fd"]]), cs = { class: "wx-blocks-preview__tools" }, ds = ["src", "title"], ps = /* @__PURE__ */ oe({
+}), fs = /* @__PURE__ */ se(ps, [["__scopeId", "data-v-d04662fd"]]), ms = { class: "wx-blocks-preview__tools" }, hs = ["src", "title"], vs = /* @__PURE__ */ oe({
   __name: "BlocksPreview",
   props: {
     url: {},
@@ -2875,7 +2926,7 @@ const ls = { class: "wx-block-picker" }, ns = {
   },
   emits: ["select", "edit"],
   setup(e, { expose: l, emit: t }) {
-    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(() => [
+    const o = e, a = t, i = de("webx-blocks"), s = P(null), r = P(null), c = P(null), u = gt(c), m = P(!1), p = P(!1), f = P(null), h = P(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") }
@@ -2902,109 +2953,109 @@ const ls = { class: "wx-block-picker" }, ns = {
       }
     }
     let ae = null, D = null;
-    function P(N) {
-      N.documentElement.scrollTop !== 0 && (N.documentElement.scrollTop = 0);
+    function U(M) {
+      M.documentElement.scrollTop !== 0 && (M.documentElement.scrollTop = 0);
     }
     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)));
+      const M = ee(), j = M?.body;
+      if (!j || !M?.defaultView) return;
+      U(M);
+      const q = M.defaultView.getComputedStyle(j), pe = (parseFloat(q.marginTop) || 0) + (parseFloat(q.marginBottom) || 0), A = Math.ceil(j.scrollHeight + pe);
+      A !== h.value && (h.value = A, he !== null && ql(() => requestAnimationFrame(_e)));
     }
-    function le(N) {
+    function le(M) {
       D?.disconnect();
-      const j = N.defaultView;
-      !j || !N.body || (D = new j.ResizeObserver(Q), D.observe(N.body), Q());
+      const j = M.defaultView;
+      !j || !M.body || (D = new j.ResizeObserver(Q), D.observe(M.body), Q());
     }
     function Se() {
-      d.value = !0;
-      const N = ee();
-      N && (le(N), ae?.release(), ae = wn(N, {
+      p.value = !0;
+      const M = ee();
+      M && (le(M), ae?.release(), ae = _n(M, {
         /* 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(N, o.selected ?? null), we(o.selected ?? null));
+      }), yt(M, o.selected ?? null), xe(o.selected ?? null));
     }
     let he = null, ne = null;
-    function we(N) {
-      N !== null && (he = N, ne !== null && clearTimeout(ne), ne = window.setTimeout(() => {
+    function xe(M) {
+      M !== null && (he = M, ne !== null && clearTimeout(ne), ne = window.setTimeout(() => {
         he = null, ne = null;
-      }, 400), xe());
+      }, 400), _e());
     }
-    function Be(N) {
+    function Le(M) {
       const j = s.value?.getBoundingClientRect();
       if (!j) return null;
-      const q = N.getBoundingClientRect();
+      const q = M.getBoundingClientRect();
       return { top: j.top + q.top * b.value, height: q.height * b.value };
     }
     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;
+      let M = s.value?.parentElement ?? null;
+      for (; M; ) {
+        const j = getComputedStyle(M).overflowY;
+        if ((j === "auto" || j === "scroll") && M.scrollHeight > M.clientHeight)
+          return M;
+        M = M.parentElement;
       }
       return null;
     }
-    function xe() {
-      const N = ee();
-      if (he === null || !N) return;
-      P(N);
-      const j = zt(N, he), q = j ? Be(j) : null;
+    function _e() {
+      const M = ee();
+      if (he === null || !M) return;
+      U(M);
+      const j = Dt(M, he), q = j ? Le(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" });
+      const pe = ze(), A = pe?.getBoundingClientRect(), O = r.value?.getBoundingClientRect().height ?? 0, I = {
+        top: (A?.top ?? 0) + O,
+        bottom: (A ? A.bottom : window.innerHeight) - O
+      }, J = q.top + q.height, Te = q.top < I.top, Je = q.height > I.bottom - I.top, Be = Te || Je ? q.top - I.top : J > I.bottom ? J - I.bottom : 0;
+      Be !== 0 && (pe ?? window).scrollBy({ top: Be, behavior: "smooth" });
     }
-    function ie(N, j) {
+    function ie(M, j) {
       const q = ee();
-      if (!q || !d.value) return !1;
-      const pe = pl(q, N, j);
-      return pe && kt(q, o.selected ?? null), pe;
+      if (!q || !p.value) return !1;
+      const pe = fl(q, M, j);
+      return pe && yt(q, o.selected ?? null), pe;
     }
     function ve() {
-      d.value = !1, D?.disconnect(), D = null, s.value && o.url && (s.value.src = o.url);
+      p.value = !1, D?.disconnect(), D = null, s.value && o.url && (s.value.src = o.url);
     }
-    function Ce(N) {
-      N.key === "Escape" && m.value && (m.value = !1, N.stopPropagation());
+    function Ee(M) {
+      M.key === "Escape" && m.value && (m.value = !1, M.stopPropagation());
     }
     return ue(
       () => o.selected,
-      (N) => {
+      (M) => {
         const j = ee();
-        !j || !d.value || (kt(j, N ?? null), we(N ?? null));
+        !j || !p.value || (yt(j, M ?? null), xe(M ?? null));
       }
     ), ue(() => o.reload, ve), ue(
       () => o.url,
-      () => d.value = !1
-    ), 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 }]),
+      () => p.value = !1
+    ), ot(() => window.addEventListener("keydown", Ee)), st(() => {
+      window.removeEventListener("keydown", Ee), ne !== null && clearTimeout(ne), D?.disconnect(), ae?.release();
+    }), l({ replace: ie, refresh: ve, open: () => m.value = !0 }), (M, j) => (d(), w("div", {
+      class: Ne(["wx-blocks-preview", { "is-fullscreen": m.value, "is-grown": x.value, "is-compact": e.compact }]),
       style: Ie({ "--wx-preview-scale": b.value })
     }, [
-      E("div", {
+      C("div", {
         ref_key: "bar",
         ref: r,
         class: "wx-blocks-preview__bar"
       }, [
-        v(n(J), {
+        v(n(Y), {
           size: "xs",
           tone: "muted",
           class: "wx-blocks-preview__label",
           truncate: ""
         }, {
           default: g(() => [
-            B(k(G.value), 1)
+            L(k(G.value), 1)
           ]),
           _: 1
         }),
-        v(n(sl), {
+        v(n(al), {
           class: "wx-blocks-preview__widths",
           "model-value": _.value,
           options: T.value,
@@ -3012,16 +3063,16 @@ const ls = { class: "wx-block-picker" }, ns = {
           "aria-label": n(i)("field.width"),
           "onUpdate:modelValue": j[0] || (j[0] = (q) => f.value = Number(q))
         }, null, 8, ["model-value", "options", "aria-label"]),
-        E("div", cs, [
-          e.compact ? (c(), W(n(et), {
+        C("div", ms, [
+          e.compact ? (d(), W(n(et), {
             key: 0,
             size: "sm",
             tone: "primary",
             icon: "edit",
             title: n(i)("field.blocks"),
             onClick: j[1] || (j[1] = (q) => a("edit"))
-          }, null, 8, ["title"])) : L("", !0),
-          e.url ? (c(), W(n(et), {
+          }, null, 8, ["title"])) : B("", !0),
+          e.url ? (d(), W(n(et), {
             key: 1,
             size: "sm",
             icon: "external-link",
@@ -3030,7 +3081,7 @@ const ls = { class: "wx-block-picker" }, ns = {
             href: e.url,
             target: "_blank",
             rel: "noopener"
-          }, null, 8, ["title", "href"])) : L("", !0),
+          }, null, 8, ["title", "href"])) : B("", !0),
           v(n(et), {
             size: "sm",
             icon: m.value ? "minimize" : "maximize",
@@ -3040,16 +3091,16 @@ const ls = { class: "wx-block-picker" }, ns = {
           }, null, 8, ["icon", "title"])
         ])
       ], 512),
-      E("div", {
+      C("div", {
         ref_key: "box",
-        ref: p,
+        ref: c,
         class: "wx-blocks-preview__ground"
       }, [
-        E("div", {
+        C("div", {
           class: "wx-blocks-preview__clip",
           style: Ie(R.value)
         }, [
-          e.url ? (c(), w("iframe", {
+          e.url ? (d(), w("iframe", {
             key: 0,
             ref_key: "frame",
             ref: s,
@@ -3058,15 +3109,15 @@ const ls = { class: "wx-block-picker" }, ns = {
             style: Ie($.value),
             title: n(i)("field.preview"),
             onLoad: Se
-          }, null, 44, ds)) : L("", !0)
+          }, null, 44, hs)) : B("", !0)
         ], 4)
       ], 512)
     ], 6));
   }
-}), fs = /* @__PURE__ */ se(ps, [["__scopeId", "data-v-398e4cef"]]), ms = { class: "wx-blocks-tree__node" }, hs = ["onClick", "onKeydown"], vs = { class: "wx-blocks-tree__name" }, bs = ["title"], gs = ["title"], ks = ["title"], ys = ["title"], ws = {
+}), bs = /* @__PURE__ */ se(vs, [["__scopeId", "data-v-398e4cef"]]), gs = { class: "wx-blocks-tree__node" }, ks = ["onClick", "onKeydown"], ys = { class: "wx-blocks-tree__name" }, ws = ["title"], xs = ["title"], _s = ["title"], $s = ["title"], Ss = {
   key: 4,
   class: "wx-blocks-tree__actions"
-}, xs = ["onClick"], _s = /* @__PURE__ */ oe({
+}, Es = ["onClick"], Ts = /* @__PURE__ */ oe({
   __name: "BlocksTree",
   props: {
     nodes: {},
@@ -3083,20 +3134,20 @@ const ls = { class: "wx-block-picker" }, ns = {
   setup(e, { emit: l }) {
     const t = e, o = l, a = de("webx-blocks");
     function i(m) {
-      return t.catalog.find((d) => d.slug === m.type) ?? null;
+      return t.catalog.find((p) => p.slug === m.type) ?? null;
     }
     function s(m) {
       return i(m)?.title ?? m.type;
     }
     function r(m) {
-      const d = i(m);
-      return d?.content ? Ot(d.content.schema) : [];
+      const p = i(m);
+      return p?.content ? It(p.content.schema) : [];
     }
-    function p(m, d) {
-      const f = m.values[d.id];
+    function c(m, p) {
+      const f = m.values[p.id];
       return Array.isArray(f) ? f : [];
     }
-    function u(m, d) {
+    function u(m, p) {
       const f = t.fieldNode ? t.fieldNode.props?.max ?? null : t.max;
       return [
         /*
@@ -3109,7 +3160,7 @@ const ls = { class: "wx-block-picker" }, ns = {
           icon: "plus",
           label: a("field.add-after"),
           disabled: f !== null && t.nodes.length >= f,
-          run: () => o("add", t.parentKey, t.field, t.fieldNode, d + 1)
+          run: () => o("add", t.parentKey, t.field, t.fieldNode, p + 1)
         },
         {
           key: "visibility",
@@ -3138,9 +3189,9 @@ const ls = { class: "wx-block-picker" }, ns = {
         }
       ];
     }
-    return (m, d) => {
+    return (m, p) => {
       const f = Mt("blocks-tree", !0);
-      return c(), W(n(Ol), {
+      return d(), W(n(Pl), {
         "model-value": e.nodes,
         "item-key": "key",
         "item-label": (h) => s(h),
@@ -3148,61 +3199,61 @@ const ls = { class: "wx-block-picker" }, ns = {
         plain: "",
         size: "sm",
         "empty-text": e.depth === 0 ? n(a)("field.empty") : "",
-        class: Me(["wx-blocks-tree", { "is-nested": e.depth > 0 }]),
-        "onUpdate:modelValue": d[7] || (d[7] = (h) => o("reorder", e.parentKey, e.field, h))
+        class: Ne(["wx-blocks-tree", { "is-nested": e.depth > 0 }]),
+        "onUpdate:modelValue": p[7] || (p[7] = (h) => o("reorder", e.parentKey, e.field, h))
       }, {
         default: g(({ item: h, index: x }) => [
-          E("div", ms, [
-            E("div", {
-              class: Me(["wx-blocks-tree__row", { "is-selected": e.selected === h.key, "is-hidden": h.hidden === !0 }]),
+          C("div", gs, [
+            C("div", {
+              class: Ne(["wx-blocks-tree__row", { "is-selected": e.selected === h.key, "is-hidden": h.hidden === !0 }]),
               role: "button",
               tabindex: "0",
               onClick: (T) => o("select", h.key),
               onKeydown: [
-                Kt(qt((T) => o("select", h.key), ["prevent"]), ["enter"]),
-                Kt(qt((T) => o("select", h.key), ["prevent"]), ["space"])
+                qt(Yt((T) => o("select", h.key), ["prevent"]), ["enter"]),
+                qt(Yt((T) => o("select", h.key), ["prevent"]), ["space"])
               ]
             }, [
-              E("span", vs, k(s(h)), 1),
-              i(h) ? i(h)?.draft ? (c(), w("span", {
+              C("span", ys, k(s(h)), 1),
+              i(h) ? i(h)?.draft ? (d(), w("span", {
                 key: 1,
                 class: "wx-blocks-tree__flag is-warning",
                 title: n(a)("field.draft-type")
               }, [
-                v(n(ye), { name: "warning" })
-              ], 8, gs)) : i(h)?.is_enabled === !1 ? (c(), w("span", {
+                v(n(we), { name: "warning" })
+              ], 8, xs)) : i(h)?.is_enabled === !1 ? (d(), w("span", {
                 key: 2,
                 class: "wx-blocks-tree__flag",
                 title: n(a)("field.disabled-type")
               }, [
-                v(n(ye), { name: "lock" })
-              ], 8, ks)) : L("", !0) : (c(), w("span", {
+                v(n(we), { name: "lock" })
+              ], 8, _s)) : B("", !0) : (d(), w("span", {
                 key: 0,
                 class: "wx-blocks-tree__flag is-danger",
                 title: n(a)("field.unknown-type", { type: h.type })
               }, [
-                v(n(ye), { name: "close-circle" })
-              ], 8, bs)),
-              h.hidden === !0 ? (c(), w("span", {
+                v(n(we), { name: "close-circle" })
+              ], 8, ws)),
+              h.hidden === !0 ? (d(), w("span", {
                 key: 3,
                 class: "wx-blocks-tree__flag",
                 title: n(a)("field.hidden-note")
               }, [
-                v(n(ye), { name: "eye-off" })
-              ], 8, ys)) : L("", !0),
-              e.disabled ? L("", !0) : (c(), w("span", ws, [
-                v(n(tn), {
+                v(n(we), { name: "eye-off" })
+              ], 8, $s)) : B("", !0),
+              e.disabled ? B("", !0) : (d(), w("span", Ss, [
+                v(n(nn), {
                   actions: u(h, x),
                   label: s(h)
                 }, null, 8, ["actions", "label"])
               ]))
-            ], 42, hs),
-            (c(!0), w(F, null, Z(r(h), (T) => (c(), w("div", {
+            ], 42, ks),
+            (d(!0), w(F, null, Z(r(h), (T) => (d(), w("div", {
               key: T.id,
               class: "wx-blocks-tree__kids"
             }, [
               v(f, {
-                nodes: p(h, T),
+                nodes: c(h, T),
                 catalog: e.catalog,
                 "parent-key": h.key,
                 field: T.id,
@@ -3210,25 +3261,25 @@ const ls = { class: "wx-block-picker" }, ns = {
                 selected: e.selected,
                 disabled: e.disabled,
                 depth: e.depth + 1,
-                onSelect: d[0] || (d[0] = (_) => o("select", _)),
-                onAdd: d[1] || (d[1] = (_, b, $, R) => o("add", _, b, $, R)),
-                onRemove: d[2] || (d[2] = (_) => o("remove", _)),
-                onDuplicate: d[3] || (d[3] = (_) => o("duplicate", _)),
-                onMove: d[4] || (d[4] = (_) => o("move", _)),
-                onVisibility: d[5] || (d[5] = (_, b) => o("visibility", _, b)),
-                onReorder: d[6] || (d[6] = (_, b, $) => o("reorder", _, b, $))
+                onSelect: p[0] || (p[0] = (_) => o("select", _)),
+                onAdd: p[1] || (p[1] = (_, b, $, R) => o("add", _, b, $, R)),
+                onRemove: p[2] || (p[2] = (_) => o("remove", _)),
+                onDuplicate: p[3] || (p[3] = (_) => o("duplicate", _)),
+                onMove: p[4] || (p[4] = (_) => o("move", _)),
+                onVisibility: p[5] || (p[5] = (_, b) => o("visibility", _, b)),
+                onReorder: p[6] || (p[6] = (_, b, $) => o("reorder", _, b, $))
               }, null, 8, ["nodes", "catalog", "parent-key", "field", "field-node", "selected", "disabled", "depth"]),
-              e.disabled ? L("", !0) : (c(), w("button", {
+              e.disabled ? B("", !0) : (d(), w("button", {
                 key: 0,
                 type: "button",
                 class: "wx-blocks-tree__add is-inner",
                 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(T.label ?? T.id), 1)
-                ], 64)) : L("", !0)
-              ], 8, xs))
+                L(" + " + k(n(a)("field.add-inside")), 1),
+                r(h).length > 1 ? (d(), w(F, { key: 0 }, [
+                  L(" · " + k(T.label ?? T.id), 1)
+                ], 64)) : B("", !0)
+              ], 8, Es))
             ]))), 128))
           ])
         ]),
@@ -3236,26 +3287,26 @@ const ls = { class: "wx-block-picker" }, ns = {
       }, 8, ["model-value", "item-label", "disabled", "empty-text", "class"]);
     };
   }
-}), $s = /* @__PURE__ */ se(_s, [["__scopeId", "data-v-3cef28cd"]]), Ss = {
+}), Cs = /* @__PURE__ */ se(Ts, [["__scopeId", "data-v-3cef28cd"]]), As = {
   key: 0,
   class: "wx-blocks-nested"
-}, Cs = {
+}, Vs = {
   key: 0,
   class: "wx-blocks__tree"
-}, Ts = { class: "wx-blocks__panel-head" }, Es = { class: "wx-blocks__panel-title" }, Vs = { class: "wx-blocks__list" }, As = { class: "wx-blocks__tools" }, Bs = {
+}, Ls = { class: "wx-blocks__panel-head" }, Bs = { class: "wx-blocks__panel-title" }, Ws = { class: "wx-blocks__list" }, Ns = { class: "wx-blocks__tools" }, Ms = {
   key: 1,
   class: "wx-blocks__fields"
-}, Ls = { class: "wx-blocks__panel-head" }, Ws = { class: "wx-blocks__panel-title" }, Ms = {
+}, zs = { class: "wx-blocks__panel-head" }, Ds = { class: "wx-blocks__panel-title" }, Os = {
   key: 0,
   class: "wx-blocks__trail"
-}, Ns = ["onClick"], zs = { class: "wx-blocks__panel-name" }, Ds = { class: "wx-blocks__panel-extra" }, Os = { key: 0 }, Is = { class: "wx-blocks__form" }, Us = {
+}, Is = ["onClick"], Ps = { class: "wx-blocks__panel-name" }, Us = { class: "wx-blocks__panel-extra" }, Rs = { key: 0 }, js = { class: "wx-blocks__form" }, Fs = {
   key: 0,
   class: "wx-blocks__preview"
-}, Ps = /* @__PURE__ */ oe({
+}, Hs = /* @__PURE__ */ oe({
   name: "WxBlocks",
   inheritAttrs: !1,
   __name: "BlocksField",
-  props: /* @__PURE__ */ Gl({
+  props: /* @__PURE__ */ Xl({
     node: { default: void 0 },
     context: { default: void 0 },
     name: { default: void 0 },
@@ -3271,37 +3322,37 @@ 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), 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
+    const l = e, t = Yl(e, "modelValue"), o = Fe(nl, !1), a = Fe(Tl, null);
+    Nt(nl, !0), Me();
+    const i = de("webx-blocks"), s = it(), r = Fe(ul, null);
+    let c = null;
+    const u = P([]), m = S(() => l.catalog ?? u.value), p = S(() => Array.isArray(t.value) ? t.value : []), f = P(null), h = S(() => f.value ? me(p.value, f.value) : null), x = S(
+      () => h.value ? m.value.find((V) => V.slug === h.value?.node.type) ?? null : null
     );
-    function T(A) {
-      return m.value.find((z) => z.slug === A.type)?.title ?? A.type;
+    function T(V) {
+      return m.value.find((z) => z.slug === V.type)?.title ?? V.type;
     }
     const _ = S(() => {
-      const A = [];
-      return ut(d.value, (z) => A.push(z.key)), A;
+      const V = [];
+      return ut(p.value, (z) => V.push(z.key)), V;
     }), b = S(() => {
-      const A = f.value ? _.value.indexOf(f.value) : -1;
+      const V = f.value ? _.value.indexOf(f.value) : -1;
       return {
-        previous: A > 0 ? _.value[A - 1] : null,
-        next: A >= 0 && A < _.value.length - 1 ? _.value[A + 1] : null
+        previous: V > 0 ? _.value[V - 1] : null,
+        next: V >= 0 && V < _.value.length - 1 ? _.value[V + 1] : null
       };
     }), $ = S(() => {
-      const A = [];
+      const V = [];
       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), 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(() => {
+        V.unshift({ key: z.key, title: T(z) }), z = me(p.value, z.key)?.parent ?? null;
+      return V;
+    }), R = Fe(Pt, null), G = P(null), ee = P(null), ae = gt(ee), D = S(() => R !== null && R.url.value !== null), U = S(() => D.value && ae.value > 0 && ae.value <= 900), Q = P(!1), le = S(() => {
       if (!h.value) return;
-      const A = x.value?.title ?? h.value.node.type;
-      return [...$.value.map((z) => z.title), A].join(" / ");
+      const V = x.value?.title ?? h.value.node.type;
+      return [...$.value.map((z) => z.title), V].join(" / ");
     }), Se = S(
-      () => P.value ? {
+      () => U.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 —
            the panels inside carry theirs, and the × is the one thing the sheet has to add. */
@@ -3320,41 +3371,41 @@ const ls = { class: "wx-block-picker" }, ns = {
            which already says what it is and how many. */
         title: le.value,
         open: Q.value,
-        "onUpdate:open": (A) => Q.value = A
+        "onUpdate:open": (V) => Q.value = V
       } : {}
     ), he = S(
-      () => r?.state.manifest?.modules.find((A) => A.id === "blocks")?.meta?.groups ?? []
-    ), 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)
-    ), ze = S(() => l.context?.can ?? r?.can ?? (() => !0)), xe = St(us);
-    function ie(A) {
-      t.value = A;
+      () => r?.state.manifest?.modules.find((V) => V.id === "blocks")?.meta?.groups ?? []
+    ), ne = Jl()?.type, xe = S(() => l.context?.types ? l.context.types : r?.types ? { ...ft, ...r.types } : ne ? { ...ft, "wx-blocks": { component: ne, kind: "field", nested: !0 } } : ft), Le = S(
+      () => l.context?.translate ?? r?.i18n.t ?? ((V) => V)
+    ), ze = S(() => l.context?.can ?? r?.can ?? (() => !0)), _e = Et(fs);
+    function ie(V) {
+      t.value = V;
     }
-    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({
+    async function ve(V, z, H, be) {
+      const te = V ? me(p.value, V) : null, fe = te ? m.value.find((dt) => dt.slug === te.node.type) ?? null : a?.value ?? null, Ce = V === null ? l.allow : H?.props?.allow ?? null, Ae = V === null ? l.max : H?.props?.max ?? null, Ge = V === null ? p.value : te && z ? te.node.values[z] ?? [] : [];
+      if (Ae != null && Ge.length >= Ae) return;
+      const Ze = await _e({
         catalog: m.value,
         parent: fe,
-        allow: Ee,
-        tree: d.value,
+        allow: Ce,
+        tree: p.value,
         groups: he.value,
         blocksPath: l.blocksPath
       });
       if (!Ze) return;
-      const Pe = Wn(Ze.slug, Ce(Ze));
-      ie(yt(d.value, A, z, be ?? Ge.length, Pe)), f.value = Pe.key;
+      const Ue = Mn(Ze.slug, Ee(Ze));
+      ie(wt(p.value, V, z, be ?? Ge.length, Ue)), f.value = Ue.key;
     }
-    function Ce(A) {
-      const z = A.content?.sample ?? {}, H = {};
+    function Ee(V) {
+      const z = V.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 N(A) {
-      const z = me(d.value, A);
+    async function M(V) {
+      const z = me(p.value, V);
       if (!z) return;
-      const H = Nn(z.node);
+      const H = Dn(z.node);
       await vt({
         title: i("field.remove-title", {
           title: m.value.find((te) => te.slug === z.node.type)?.title ?? z.node.type
@@ -3363,21 +3414,21 @@ const ls = { class: "wx-block-picker" }, ns = {
         confirmText: i("field.remove"),
         cancelText: i("page.cancel"),
         tone: "danger"
-      }) && (f.value === A && (f.value = null), ie(Qt(d.value, A)));
+      }) && (f.value === V && (f.value = null), ie(el(p.value, V)));
     }
-    function j(A) {
-      const z = me(d.value, A);
+    function j(V) {
+      const z = me(p.value, V);
       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 H = gl(z.node);
+      ie(wt(p.value, z.parent?.key ?? null, z.field, z.index + 1, H)), f.value = H.key;
     }
-    const q = St(Yo);
-    async function pe(A) {
-      const z = me(d.value, A);
+    const q = Et(Qo);
+    async function pe(V) {
+      const z = me(p.value, V);
       if (!z) return;
       const H = await q({
         title: T(z.node),
-        destinations: ts(d.value, A, m.value, {
+        destinations: ss(p.value, V, m.value, {
           owner: a?.value ?? null,
           allow: l.allow,
           max: l.max
@@ -3385,35 +3436,35 @@ const ls = { class: "wx-block-picker" }, ns = {
         topLabel: a?.value?.title ?? i("field.move-page")
       });
       if (!H) return;
-      const be = Qt(d.value, A);
-      ie(yt(be, H.parentKey, H.field, Number.MAX_SAFE_INTEGER, z.node));
+      const be = el(p.value, V);
+      ie(wt(be, H.parentKey, H.field, Number.MAX_SAFE_INTEGER, z.node));
     }
-    function V(A, z) {
-      ie(zn(d.value, A, z));
+    function A(V, z) {
+      ie(On(p.value, V, z));
     }
-    function O(A, z, H) {
-      ie(In(d.value, A, z, H));
+    function O(V, z, H) {
+      ie(Un(p.value, V, z, H));
     }
-    function I(A) {
-      f.value = f.value === A ? null : A;
+    function I(V) {
+      f.value = f.value === V ? null : V;
     }
-    function Y(A) {
-      A === null || !me(d.value, A) || (f.value = A, P.value && (Q.value = !0));
+    function J(V) {
+      V === null || !me(p.value, V) || (f.value = V, U.value && (Q.value = !0));
     }
     function Te() {
       f.value = null;
     }
-    function Ye(A) {
-      f.value && ie(On(d.value, f.value, A));
+    function Je(V) {
+      f.value && ie(Pn(p.value, f.value, V));
     }
-    let Le;
+    let Be;
     ue(
       () => h.value?.node.values,
-      (A, z) => {
-        if (!A || !z || !x.value || !p || !R) return;
+      (V, z) => {
+        if (!V || !z || !x.value || !c || !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) => {
+        clearTimeout(Be), Be = setTimeout(() => {
+          !H || !c || c.render(be, { values: V, key: H }).then((te) => {
             G.value?.replace(H, te.html) || G.value?.refresh();
           }).catch(() => {
           });
@@ -3421,79 +3472,79 @@ const ls = { class: "wx-block-picker" }, ns = {
       },
       { deep: !0 }
     );
-    function Ue(A) {
-      A.key === "Escape" && f.value && Te();
+    function Pe(V) {
+      V.key === "Escape" && f.value && Te();
     }
     ot(async () => {
-      if (window.addEventListener("keydown", Ue), l.catalog === null && r) {
-        p = Ke(r);
+      if (window.addEventListener("keydown", Pe), l.catalog === null && r) {
+        c = Ke(r);
         try {
-          u.value = await p.catalog();
-        } catch (A) {
-          X.danger(s(A));
+          u.value = await c.catalog();
+        } catch (V) {
+          X.danger(s(V));
         }
-      } else r && (p = Ke(r));
+      } else r && (c = Ke(r));
     }), st(() => {
-      clearTimeout(Le), window.removeEventListener("keydown", Ue);
+      clearTimeout(Be), window.removeEventListener("keydown", Pe);
     });
     const ct = S(
       () => x.value?.content ? Ut(x.value.content.schema) : []
     );
-    return (A, z) => n(o) ? (c(), w("div", Ss, [
-      v(n(J), {
+    return (V, z) => n(o) ? (d(), w("div", As, [
+      v(n(Y), {
         size: "sm",
         tone: "muted"
       }, {
         default: g(() => [
-          B(k(n(i)("field.nested-note")), 1)
+          L(k(n(i)("field.nested-note")), 1)
         ]),
         _: 1
       })
-    ])) : (c(), w("div", {
+    ])) : (d(), w("div", {
       key: 1,
       ref_key: "host",
       ref: ee,
-      class: Me(["wx-blocks-host", { "is-compact": P.value }])
+      class: Ne(["wx-blocks-host", { "is-compact": U.value }])
     }, [
-      E("div", {
-        class: Me(["wx-blocks", {
+      C("div", {
+        class: Ne(["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(Se.value, { class: "wx-blocks__side" }), {
+        (d(), W(Gl(U.value ? n(Ul) : "div"), Zl(Se.value, { class: "wx-blocks__side" }), {
           default: g(() => [
-            h.value ? L("", !0) : (c(), w("div", Cs, [
-              E("div", Ts, [
-                E("span", Es, k(n(i)("field.blocks")), 1),
-                v(n(J), {
+            h.value ? B("", !0) : (d(), w("div", Vs, [
+              C("div", Ls, [
+                C("span", Bs, k(n(i)("field.blocks")), 1),
+                v(n(Y), {
                   size: "sm",
                   tone: "muted"
                 }, {
                   default: g(() => [
-                    B(k(d.value.length), 1)
+                    L(k(p.value.length), 1)
                   ]),
                   _: 1
                 })
               ]),
-              E("div", Vs, [
-                v($s, {
-                  nodes: d.value,
+              C("div", Ws, [
+                v(Cs, {
+                  nodes: p.value,
                   catalog: m.value,
                   max: e.max,
                   selected: f.value,
                   disabled: e.disabled,
                   onSelect: I,
                   onAdd: ve,
-                  onRemove: N,
+                  onRemove: M,
                   onDuplicate: j,
                   onMove: pe,
-                  onVisibility: V,
+                  onVisibility: A,
                   onReorder: O
                 }, null, 8, ["nodes", "catalog", "max", "selected", "disabled"])
               ]),
-              E("div", As, [
-                !e.disabled && (e.max === null || d.value.length < e.max) ? (c(), W(n(ce), {
+              C("div", Ns, [
+                !e.disabled && (e.max === null || p.value.length < e.max) ? (d(), W(n(ce), {
                   key: 0,
                   variant: "outline",
                   icon: "plus",
@@ -3501,11 +3552,11 @@ const ls = { class: "wx-block-picker" }, ns = {
                   onClick: z[0] || (z[0] = (H) => ve(null, null, null))
                 }, {
                   default: g(() => [
-                    B(k(n(i)("field.add")), 1)
+                    L(k(n(i)("field.add")), 1)
                   ]),
                   _: 1
-                })) : L("", !0),
-                !P.value && n(R) && n(R).url.value ? (c(), W(n(ce), {
+                })) : B("", !0),
+                !U.value && n(R) && n(R).url.value ? (d(), W(n(ce), {
                   key: 1,
                   variant: "outline",
                   icon: "eye",
@@ -3513,31 +3564,31 @@ const ls = { class: "wx-block-picker" }, ns = {
                   onClick: z[1] || (z[1] = (H) => G.value?.open())
                 }, {
                   default: g(() => [
-                    B(k(n(i)("field.preview")), 1)
+                    L(k(n(i)("field.preview")), 1)
                   ]),
                   _: 1
-                })) : L("", !0)
+                })) : B("", !0)
               ])
             ])),
-            h.value ? (c(), w("div", Bs, [
-              E("div", Ls, [
-                E("span", Ws, [
-                  $.value.length ? (c(), w("span", Ms, [
-                    (c(!0), w(F, null, Z($.value, (H) => (c(), w(F, {
+            h.value ? (d(), w("div", Ms, [
+              C("div", zs, [
+                C("span", Ds, [
+                  $.value.length ? (d(), w("span", Os, [
+                    (d(!0), w(F, null, Z($.value, (H) => (d(), w(F, {
                       key: H.key
                     }, [
-                      E("button", {
+                      C("button", {
                         type: "button",
                         class: "wx-blocks__trail-step",
                         onClick: (be) => I(H.key)
-                      }, k(H.title), 9, Ns),
-                      v(n(ye), { name: "chevron-right" })
+                      }, k(H.title), 9, Is),
+                      v(n(we), { name: "chevron-right" })
                     ], 64))), 128))
-                  ])) : L("", !0),
-                  E("span", zs, k(x.value?.title ?? h.value.node.type), 1)
+                  ])) : B("", !0),
+                  C("span", Ps, k(x.value?.title ?? h.value.node.type), 1)
                 ]),
-                E("span", Ds, [
-                  P.value ? L("", !0) : (c(), w("code", Os, k(h.value.node.type), 1)),
+                C("span", Us, [
+                  U.value ? B("", !0) : (d(), w("code", Rs, k(h.value.node.type), 1)),
                   v(n(et), {
                     size: "sm",
                     tone: "neutral",
@@ -3554,7 +3605,7 @@ const ls = { class: "wx-block-picker" }, ns = {
                     disabled: b.value.next === null,
                     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(ce), {
+                  !U.value && n(R) && n(R).url.value ? (d(), W(n(ce), {
                     key: 1,
                     size: "sm",
                     variant: "outline",
@@ -3562,60 +3613,60 @@ const ls = { class: "wx-block-picker" }, ns = {
                     class: "wx-blocks__preview-button",
                     "aria-label": n(i)("field.preview"),
                     onClick: z[4] || (z[4] = (H) => G.value?.open())
-                  }, null, 8, ["aria-label"])) : L("", !0),
+                  }, null, 8, ["aria-label"])) : B("", !0),
                   v(n(ce), {
                     size: "sm",
                     variant: "outline",
                     onClick: Te
                   }, {
                     default: g(() => [
-                      B(k(P.value ? n(i)("field.done") : `${n(i)("field.done")} · Esc`), 1)
+                      L(k(U.value ? n(i)("field.done") : `${n(i)("field.done")} · Esc`), 1)
                     ]),
                     _: 1
                   })
                 ])
               ]),
-              E("div", Is, [
-                x.value?.content ? (c(), W(n(cl), {
+              C("div", js, [
+                x.value?.content ? (d(), W(n(dl), {
                   key: h.value.node.key,
                   "model-value": h.value.node.values,
                   root: ct.value,
-                  types: we.value,
-                  translate: Be.value,
+                  types: xe.value,
+                  translate: Le.value,
                   can: ze.value,
                   disabled: e.disabled,
-                  "onUpdate:modelValue": Ye
-                }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (c(), W(n(J), {
+                  "onUpdate:modelValue": Je
+                }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (d(), W(n(Y), {
                   key: 1,
                   size: "sm",
                   tone: "danger"
                 }, {
                   default: g(() => [
-                    B(k(n(i)("field.unknown-type", { type: h.value.node.type })), 1)
+                    L(k(n(i)("field.unknown-type", { type: h.value.node.type })), 1)
                   ]),
                   _: 1
                 }))
               ])
-            ])) : L("", !0)
+            ])) : B("", !0)
           ]),
           _: 1
         }, 16)),
-        n(R) && n(R).url.value ? (c(), w("div", Us, [
-          v(fs, {
+        n(R) && n(R).url.value ? (d(), w("div", Fs, [
+          v(bs, {
             ref_key: "previewEl",
             ref: G,
             url: n(R).url.value,
             selected: f.value,
             reload: n(R).reload?.value ?? 0,
-            compact: P.value,
-            onSelect: Y,
+            compact: U.value,
+            onSelect: J,
             onEdit: z[5] || (z[5] = (H) => Q.value = !0)
           }, null, 8, ["url", "selected", "reload", "compact"])
-        ])) : L("", !0)
+        ])) : B("", !0)
       ], 2)
     ], 2));
   }
-}), Rs = /* @__PURE__ */ se(Ps, [["__scopeId", "data-v-9de2f53a"]]), js = { class: "wx-block-card__body" }, Fs = { class: "wx-block-card__title" }, Hs = { class: "wx-block-card__chips" }, Ks = /* @__PURE__ */ oe({
+}), Ks = /* @__PURE__ */ se(Hs, [["__scopeId", "data-v-9de2f53a"]]), qs = { class: "wx-block-card__body" }, Ys = { class: "wx-block-card__title" }, Js = { class: "wx-block-card__chips" }, Gs = /* @__PURE__ */ oe({
   __name: "BlockCard",
   props: {
     block: {},
@@ -3624,92 +3675,92 @@ const ls = { class: "wx-block-picker" }, ns = {
   emits: ["open"],
   setup(e, { emit: l }) {
     const t = l, o = de("webx-blocks");
-    return (a, i) => (c(), w("button", {
+    return (a, i) => (d(), w("button", {
       type: "button",
       class: "wx-block-card",
       onClick: i[0] || (i[0] = (s) => t("open", e.block))
     }, [
-      v(El, {
+      v(Vl, {
         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"
       }, null, 8, ["thumbnail", "height", "width", "fit"]),
-      E("div", js, [
-        E("div", Fs, k(e.block.title), 1),
-        v(n(J), {
+      C("div", qs, [
+        C("div", Ys, k(e.block.title), 1),
+        v(n(Y), {
           size: "sm",
           tone: "muted"
         }, {
           default: g(() => [
-            E("code", null, k(e.block.slug), 1),
-            i[1] || (i[1] = B(" · ", -1)),
-            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)
-              ], 64)) : L("", !0)
-            ], 64)) : (c(), w(F, { key: 1 }, [
-              B(k(n(Cl)(e.block.usage_count, n(o))), 1)
+            C("code", null, k(e.block.slug), 1),
+            i[1] || (i[1] = L(" · ", -1)),
+            n($e)(e.block) === "component" ? (d(), w(F, { key: 0 }, [
+              L(k(n(Al)(e.block.used_by?.length ?? 0, n(o))) + " ", 1),
+              e.module ? (d(), w(F, { key: 0 }, [
+                L("· " + k(n(o)("components.module", { module: e.module })), 1)
+              ], 64)) : B("", !0)
+            ], 64)) : (d(), w(F, { key: 1 }, [
+              L(k(n(Cl)(e.block.usage_count, n(o))), 1)
             ], 64))
           ]),
           _: 1
         }),
-        E("div", Hs, [
-          e.block.draft ? (c(), W(n(ke), {
+        C("div", Js, [
+          e.block.draft ? (d(), W(n(ye), {
             key: 0,
             type: "warning",
             dot: ""
           }, {
             default: g(() => [
-              B(k(n(o)("page.draft", { number: e.block.draft.number })), 1)
+              L(k(n(o)("page.draft", { number: e.block.draft.number })), 1)
             ]),
             _: 1
-          })) : L("", !0),
-          e.block.published ? (c(), W(n(ke), {
+          })) : B("", !0),
+          e.block.published ? (d(), W(n(ye), {
             key: 1,
             type: "success",
             dot: ""
           }, {
             default: g(() => [
-              B(k(n(o)("page.live", { number: e.block.published.number })), 1)
+              L(k(n(o)("page.live", { number: e.block.published.number })), 1)
             ]),
             _: 1
-          })) : (c(), W(n(ke), {
+          })) : (d(), W(n(ye), {
             key: 2,
             type: "default"
           }, {
             default: g(() => [
-              B(k(n(o)("page.never-published")), 1)
+              L(k(n(o)("page.never-published")), 1)
             ]),
             _: 1
           })),
-          !e.block.is_enabled && n($e)(e.block) !== "component" ? (c(), W(n(ke), {
+          !e.block.is_enabled && n($e)(e.block) !== "component" ? (d(), W(n(ye), {
             key: 3,
             type: "default",
             variant: "outline"
           }, {
             default: g(() => [
-              B(k(n(o)("page.hidden")), 1)
+              L(k(n(o)("page.hidden")), 1)
             ]),
             _: 1
-          })) : L("", !0)
+          })) : B("", !0)
         ])
       ])
     ]));
   }
-}), ol = /* @__PURE__ */ se(Ks, [["__scopeId", "data-v-1d29dfee"]]), qs = { class: "wx-block-create" }, Js = { class: "wx-block-create__kind" }, Ys = { class: "wx-block-create__kind-help" }, Gs = { class: "wx-block-create__kind" }, Zs = { class: "wx-block-create__kind-help" }, Xs = /* @__PURE__ */ oe({
+}), sl = /* @__PURE__ */ se(Gs, [["__scopeId", "data-v-1d29dfee"]]), Zs = { class: "wx-block-create" }, Xs = { class: "wx-block-create__kind" }, Qs = { class: "wx-block-create__kind-help" }, ea = { class: "wx-block-create__kind" }, ta = { class: "wx-block-create__kind-help" }, la = /* @__PURE__ */ oe({
   __name: "BlockCreateDialog",
   setup(e) {
-    const { resolve: l, dismiss: t, open: o } = At(), a = at(), i = Ke(a);
-    Ne();
-    const s = de("webx-blocks"), r = it(), p = S(() => a.state.manifest?.modules.find(($) => $.id === "blocks")?.meta?.groups ?? ["content"]), u = U({
+    const { resolve: l, dismiss: t, open: o } = Lt(), a = at(), i = Ke(a);
+    Me();
+    const s = de("webx-blocks"), r = it(), c = S(() => a.state.manifest?.modules.find(($) => $.id === "blocks")?.meta?.groups ?? ["content"]), u = P({
       kind: "block",
       title: "",
       slug: "",
-      group: p.value[0] ?? "content"
-    }), m = U({}), d = U(!1), f = U(!1), h = S(
-      () => p.value.map((b) => ({ value: b, label: qe(b, s) }))
+      group: c.value[0] ?? "content"
+    }), m = P({}), p = P(!1), f = P(!1), h = S(
+      () => c.value.map((b) => ({ value: b, label: qe(b, s) }))
     );
     function x(b) {
       return b.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "").slice(0, 64);
@@ -3724,7 +3775,7 @@ const ls = { class: "wx-block-picker" }, ns = {
       return m.value[b]?.[0];
     }
     async function _() {
-      d.value = !0, m.value = {};
+      p.value = !0, m.value = {};
       try {
         const { group: b, ...$ } = u.value;
         l(await i.create(u.value.kind === "component" ? $ : { ...$, group: b }));
@@ -3732,34 +3783,34 @@ const ls = { class: "wx-block-picker" }, ns = {
         const $ = b.body;
         $?.errors ? m.value = $.errors : X.danger(r(b, s("page.failed")));
       } finally {
-        d.value = !1;
+        p.value = !1;
       }
     }
-    return (b, $) => (c(), W(n(Bt), {
+    return (b, $) => (d(), W(n(Bt), {
       open: n(o),
-      "onUpdate:open": $[6] || ($[6] = (R) => Nt(o) ? o.value = R : null),
+      "onUpdate:open": $[6] || ($[6] = (R) => zt(o) ? o.value = R : null),
       title: n(s)("page.new"),
       width: 520
     }, {
       footer: g(() => [
-        v(n(Pl), { size: "sm" }, {
+        v(n(jl), { size: "sm" }, {
           default: g(() => [
             v(n(ce), {
               variant: "outline",
               onClick: $[5] || ($[5] = (R) => n(t)())
             }, {
               default: g(() => [
-                B(k(n(s)("page.cancel")), 1)
+                L(k(n(s)("page.cancel")), 1)
               ]),
               _: 1
             }),
             v(n(ce), {
               type: "primary",
-              loading: d.value,
+              loading: p.value,
               onClick: _
             }, {
               default: g(() => [
-                B(k(n(s)("page.create")), 1)
+                L(k(n(s)("page.create")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -3768,29 +3819,29 @@ const ls = { class: "wx-block-picker" }, ns = {
         })
       ]),
       default: g(() => [
-        E("div", qs, [
+        C("div", Zs, [
           v(n(re), {
             label: n(s)("components.kind"),
             error: T("kind")
           }, {
             default: g(() => [
-              v(n(Ul), {
+              v(n(Rl), {
                 modelValue: u.value.kind,
                 "onUpdate:modelValue": $[0] || ($[0] = (R) => u.value.kind = R),
                 class: "wx-block-create__kinds"
               }, {
                 default: g(() => [
-                  v(n(Ht), { value: "block" }, {
+                  v(n(Kt), { value: "block" }, {
                     default: g(() => [
-                      E("span", Js, k(n(s)("components.kind-block")), 1),
-                      E("span", Ys, k(n(s)("components.kind-block-help")), 1)
+                      C("span", Xs, k(n(s)("components.kind-block")), 1),
+                      C("span", Qs, k(n(s)("components.kind-block-help")), 1)
                     ]),
                     _: 1
                   }),
-                  v(n(Ht), { value: "component" }, {
+                  v(n(Kt), { value: "component" }, {
                     default: g(() => [
-                      E("span", Gs, k(n(s)("components.kind-component")), 1),
-                      E("span", Zs, k(n(s)("components.kind-component-help")), 1)
+                      C("span", ea, k(n(s)("components.kind-component")), 1),
+                      C("span", ta, k(n(s)("components.kind-component-help")), 1)
                     ]),
                     _: 1
                   })
@@ -3828,33 +3879,33 @@ const ls = { class: "wx-block-picker" }, ns = {
             ]),
             _: 1
           }, 8, ["label", "help", "error"]),
-          u.value.kind === "block" ? (c(), W(n(re), {
+          u.value.kind === "block" ? (d(), W(n(re), {
             key: 0,
             label: n(s)("page.group"),
             help: n(s)("page.group-help"),
             error: T("group")
           }, {
             default: g(() => [
-              v(n($t), {
+              v(n(St), {
                 modelValue: u.value.group,
                 "onUpdate:modelValue": $[4] || ($[4] = (R) => u.value.group = R),
                 options: h.value
               }, null, 8, ["modelValue", "options"])
             ]),
             _: 1
-          }, 8, ["label", "help", "error"])) : L("", !0)
+          }, 8, ["label", "help", "error"])) : B("", !0)
         ])
       ]),
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Qs = /* @__PURE__ */ se(Xs, [["__scopeId", "data-v-585106f0"]]), ea = { class: "wx-block-declared" }, ta = {
+}), na = /* @__PURE__ */ se(la, [["__scopeId", "data-v-585106f0"]]), oa = { class: "wx-block-declared" }, sa = {
   class: "wx-block-declared__mark",
   "aria-hidden": "true"
-}, la = { class: "wx-block-declared__body" }, na = { class: "wx-block-declared__title" }, oa = {
+}, aa = { class: "wx-block-declared__body" }, ia = { class: "wx-block-declared__title" }, ra = {
   key: 1,
   class: "wx-block-declared__actions"
-}, sa = /* @__PURE__ */ oe({
+}, ua = /* @__PURE__ */ oe({
   __name: "BlockDeclaredCard",
   props: {
     declared: {},
@@ -3865,164 +3916,164 @@ const ls = { class: "wx-block-picker" }, ns = {
   emits: ["customise"],
   setup(e, { emit: l }) {
     const t = l;
-    Ne();
+    Me();
     const o = de("webx-blocks");
-    return (a, i) => (c(), w("div", ea, [
-      E("div", ta, [
-        v(n(ye), { name: "sliders" })
+    return (a, i) => (d(), w("div", oa, [
+      C("div", sa, [
+        v(n(we), { name: "sliders" })
       ]),
-      E("div", la, [
-        E("div", na, k(e.declared.title), 1),
-        v(n(J), {
+      C("div", aa, [
+        C("div", ia, k(e.declared.title), 1),
+        v(n(Y), {
           size: "sm",
           tone: "muted"
         }, {
           default: g(() => [
-            E("code", null, k(e.declared.slug), 1),
-            B(" · " + k(n(o)("components.standard", { module: e.module })), 1)
+            C("code", null, k(e.declared.slug), 1),
+            L(" · " + k(n(o)("components.standard", { module: e.module })), 1)
           ]),
           _: 1
         }),
-        e.declared.description ? (c(), W(n(J), {
+        e.declared.description ? (d(), W(n(Y), {
           key: 0,
           size: "sm",
           tone: "muted"
         }, {
           default: g(() => [
-            B(k(e.declared.description), 1)
+            L(k(e.declared.description), 1)
           ]),
           _: 1
-        })) : L("", !0),
-        v(n(J), {
+        })) : B("", !0),
+        v(n(Y), {
           size: "sm",
           tone: "muted",
           class: "wx-block-declared__help"
         }, {
           default: g(() => [
-            B(k(n(o)("components.standard-help")), 1)
+            L(k(n(o)("components.standard-help")), 1)
           ]),
           _: 1
         }),
-        e.canManage ? (c(), w("div", oa, [
+        e.canManage ? (d(), w("div", ra, [
           v(n(ce), {
             size: "sm",
             loading: e.busy,
             onClick: i[0] || (i[0] = (s) => t("customise", e.declared))
           }, {
             default: g(() => [
-              B(k(n(o)("components.customise")), 1)
+              L(k(n(o)("components.customise")), 1)
             ]),
             _: 1
           }, 8, ["loading"])
-        ])) : L("", !0)
+        ])) : B("", !0)
       ])
     ]));
   }
-}), aa = /* @__PURE__ */ se(sa, [["__scopeId", "data-v-3c4079a4"]]), ia = {
+}), ca = /* @__PURE__ */ se(ua, [["__scopeId", "data-v-3c4079a4"]]), da = {
   key: 1,
   class: "wx-blocks-page__toolbar"
-}, ra = { class: "wx-blocks-page__cards" }, ua = { class: "wx-blocks-page__ghost-body" }, ca = {
+}, pa = { class: "wx-blocks-page__cards" }, fa = { class: "wx-blocks-page__ghost-body" }, ma = {
   key: 0,
   class: "wx-blocks-page__group-title"
-}, da = {
+}, ha = {
   key: 0,
   class: "wx-blocks-page__group"
-}, pa = {
+}, va = {
   key: 0,
   class: "wx-blocks-page__group-title"
-}, fa = { class: "wx-blocks-page__cards" }, je = "@components", ma = /* @__PURE__ */ oe({
+}, ba = { class: "wx-blocks-page__cards" }, je = "@components", ga = /* @__PURE__ */ oe({
   __name: "BlocksPage",
   props: {
     base: { default: "/blocks" }
   },
   setup(e) {
-    const l = e, t = at(), o = Ke(t), a = ul();
-    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;
+    const l = e, t = at(), o = Ke(t), a = cl();
+    Me();
+    const i = de("webx-blocks"), s = it(), r = P([]), c = P([]), u = P(!0), m = P(""), p = P(""), f = P(null), h = Et(na), x = S(() => {
+      const A = t.state.manifest?.modules.find((O) => O.id === "blocks")?.meta;
       return {
-        groups: V?.groups ?? [],
-        editing: V?.editing ?? !0,
-        provides: V?.provides ?? []
+        groups: A?.groups ?? [],
+        editing: A?.editing ?? !0,
+        provides: A?.provides ?? []
       };
     }), 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);
+      () => t.state.manifest?.modules.find((A) => A.id === "blocks")?.title ?? i("module.title")
+    ), b = S(() => r.value.filter((A) => $e(A) === "block")), $ = S(() => r.value.filter((A) => $e(A) === "component")), R = S(() => c.value.filter((A) => !A.customised)), G = S(() => $.value.length > 0 || R.value.length > 0);
+    function ee(A) {
+      return t.state.manifest?.modules.find((O) => O.id === A)?.title ?? A.charAt(0).toUpperCase() + A.slice(1);
     }
-    function ae(V) {
-      const O = p.value.find((I) => I.slug === V);
+    function ae(A) {
+      const O = c.value.find((I) => I.slug === A);
       return O ? ee(O.module) : null;
     }
-    function D(V) {
+    function D(A) {
       const O = m.value.trim().toLowerCase();
-      return O === "" || V.some((I) => (I ?? "").toLowerCase().includes(O));
+      return O === "" || A.some((I) => (I ?? "").toLowerCase().includes(O));
     }
-    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])) : []
+    const U = S(() => p.value === je ? [] : (p.value === "" ? b.value : b.value.filter((O) => O.group === p.value)).filter((O) => D([O.title, O.slug, O.description]))), Q = S(
+      () => p.value === "" || p.value === je ? $.value.filter((A) => D([A.title, A.slug, A.description])) : []
     ), le = S(
-      () => d.value === "" || d.value === je ? R.value.filter((V) => D([V.title, V.slug, V.description])) : []
+      () => p.value === "" || p.value === je ? R.value.filter((A) => D([A.title, A.slug, A.description])) : []
     ), Se = S(() => {
-      const V = [...x.value.groups];
+      const A = [...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));
+        A.includes(O.group) || A.push(O.group);
+      return A.filter((O) => b.value.some((I) => I.group === O));
     }), he = 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];
+      const A = Se.value.map((I) => ({ value: I, label: qe(I, i) })), O = G.value ? [{ value: je, label: i("components.components") }] : [];
+      return A.length + O.length < 2 ? [] : [{ value: "", label: i("page.all-groups") }, ...A, ...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")
-    ), Be = S(() => r.value.length === 0 && R.value.length === 0), ze = S(
-      () => T.value && d.value !== je && m.value.trim() === ""
+      const A = Se.value.map((J) => ({
+        id: J,
+        label: qe(J, i),
+        blocks: U.value.filter((Te) => Te.group === J)
+      })).filter((J) => J.blocks.length > 0);
+      return p.value !== "" || U.value.length <= 5 || m.value.trim() !== "" || A.length < 2 ? U.value.length === 0 ? [] : [{ id: "", label: p.value === "" && Q.value.length + le.value.length > 0 ? i("components.blocks") : "", blocks: U.value }] : A;
+    }), xe = S(
+      () => p.value === je || U.value.length === 0 ? "" : i("components.components")
+    ), Le = S(() => r.value.length === 0 && R.value.length === 0), ze = S(
+      () => T.value && p.value !== je && m.value.trim() === ""
     );
-    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);
+    async function _e(A) {
+      const O = A.map((J) => J.id), I = [...A];
+      r.value = r.value.map((J) => O.includes(J.id) ? I.shift() : J);
       try {
         await o.reorder(O);
-      } catch (Y) {
-        X.danger(s(Y)), await ie();
+      } catch (J) {
+        X.danger(s(J)), await ie();
       }
     }
     async function ie() {
       u.value = !0;
       try {
-        const V = await o.index();
-        r.value = V.blocks, p.value = V.declared;
-      } catch (V) {
-        X.danger(s(V));
+        const A = await o.index();
+        r.value = A.blocks, c.value = A.declared;
+      } catch (A) {
+        X.danger(s(A));
       } finally {
         u.value = !1;
       }
     }
     let ve = 0;
-    function Ce() {
+    function Ee() {
       ve = Date.now();
     }
-    function N(V) {
-      Date.now() - ve < 400 || a.push(`${l.base}/${V.id}`);
+    function M(A) {
+      Date.now() - ve < 400 || a.push(`${l.base}/${A.id}`);
     }
     async function j() {
-      const V = await h({});
-      V && N(V);
+      const A = await h({});
+      A && M(A);
     }
-    async function q(V) {
-      f.value = V.slug;
+    async function q(A) {
+      f.value = A.slug;
       try {
-        const O = await o.customise(V.slug);
-        X.success(i("components.customised")), N(O);
+        const O = await o.customise(A.slug);
+        X.success(i("components.customised")), M(O);
       } catch (O) {
         const I = O.body;
         if (O.status === 409 && typeof I?.id == "number") {
-          N({ id: I.id });
+          M({ id: I.id });
           return;
         }
         X.danger(s(O, i("components.customise-failed")));
@@ -4036,22 +4087,22 @@ const ls = { class: "wx-block-picker" }, ns = {
         j();
       } }] : []
     );
-    return (V, O) => (c(), W(n(ln), {
-      view: d.value,
-      "onUpdate:view": O[2] || (O[2] = (I) => d.value = I),
+    return (A, O) => (d(), W(n(on), {
+      view: p.value,
+      "onUpdate:view": O[2] || (O[2] = (I) => p.value = I),
       class: "wx-blocks-page",
       title: _.value,
       views: he.value,
       actions: pe.value
     }, {
       default: g(() => [
-        x.value.editing ? L("", !0) : (c(), W(n(al), {
+        x.value.editing ? B("", !0) : (d(), W(n(il), {
           key: 0,
           type: "info",
           variant: "soft",
           description: n(i)("page.editing-off")
         }, null, 8, ["description"])),
-        u.value || !Be.value ? (c(), w("div", ia, [
+        u.value || !Le.value ? (d(), w("div", da, [
           v(n(nt), {
             modelValue: m.value,
             "onUpdate:modelValue": O[0] || (O[0] = (I) => m.value = I),
@@ -4059,11 +4110,11 @@ const ls = { class: "wx-block-picker" }, ns = {
             placeholder: n(i)("page.search"),
             clearable: ""
           }, null, 8, ["modelValue", "placeholder"])
-        ])) : L("", !0),
-        u.value ? (c(), W(n(He), { key: 2 }, {
+        ])) : B("", !0),
+        u.value ? (d(), W(n(He), { key: 2 }, {
           template: g(() => [
-            E("div", ra, [
-              (c(), w(F, null, Z(4, (I) => E("div", {
+            C("div", pa, [
+              (d(), w(F, null, Z(4, (I) => C("div", {
                 key: I,
                 class: "wx-blocks-page__ghost"
               }, [
@@ -4072,7 +4123,7 @@ const ls = { class: "wx-block-picker" }, ns = {
                   height: 120,
                   class: "wx-blocks-page__ghost-thumb"
                 }),
-                E("div", ua, [
+                C("div", fa, [
                   v(n(pt), {
                     variant: "title",
                     width: "45%"
@@ -4091,18 +4142,18 @@ const ls = { class: "wx-block-picker" }, ns = {
             ])
           ]),
           _: 1
-        })) : Be.value ? (c(), W(n(Lt), {
+        })) : Le.value ? (d(), W(n(Wt), {
           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, Z(ne.value, (I) => (c(), w("section", {
+        }, null, 8, ["title", "description"])) : (d(), w(F, { key: 4 }, [
+          (d(!0), w(F, null, Z(ne.value, (I) => (d(), w("section", {
             key: I.id,
             class: "wx-blocks-page__group"
           }, [
-            I.label ? (c(), w("div", ca, k(I.label), 1)) : L("", !0),
-            v(n(rn), {
+            I.label ? (d(), w("div", ma, k(I.label), 1)) : B("", !0),
+            v(n(cn), {
               "model-value": I.blocks,
               class: "wx-blocks-page__cards",
               disabled: !ze.value,
@@ -4111,29 +4162,29 @@ const ls = { class: "wx-block-picker" }, ns = {
               "delay-on-touch-only": !0,
               "force-fallback": !0,
               "ghost-class": "is-ghost",
-              onEnd: Ce,
-              "onUpdate:modelValue": O[1] || (O[1] = (Y) => xe(Y))
+              onEnd: Ee,
+              "onUpdate:modelValue": O[1] || (O[1] = (J) => _e(J))
             }, {
               default: g(() => [
-                (c(!0), w(F, null, Z(I.blocks, (Y) => (c(), W(ol, {
-                  key: Y.id,
-                  block: Y,
-                  onOpen: N
+                (d(!0), w(F, null, Z(I.blocks, (J) => (d(), W(sl, {
+                  key: J.id,
+                  block: J,
+                  onOpen: M
                 }, null, 8, ["block"]))), 128))
               ]),
               _: 2
             }, 1032, ["model-value", "disabled"])
           ]))), 128)),
-          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, {
+          Q.value.length > 0 || le.value.length > 0 ? (d(), w("section", ha, [
+            xe.value ? (d(), w("div", va, k(xe.value), 1)) : B("", !0),
+            C("div", ba, [
+              (d(!0), w(F, null, Z(Q.value, (I) => (d(), W(sl, {
                 key: I.id,
                 block: I,
                 module: ae(I.slug),
-                onOpen: N
+                onOpen: M
               }, null, 8, ["block", "module"]))), 128)),
-              (c(!0), w(F, null, Z(le.value, (I) => (c(), W(aa, {
+              (d(!0), w(F, null, Z(le.value, (I) => (d(), W(ca, {
                 key: I.slug,
                 declared: I,
                 module: ee(I.module),
@@ -4142,24 +4193,24 @@ const ls = { class: "wx-block-picker" }, ns = {
                 onCustomise: q
               }, null, 8, ["declared", "module", "can-manage", "busy"]))), 128))
             ])
-          ])) : L("", !0)
+          ])) : B("", !0)
         ], 64))
       ]),
       _: 1
     }, 8, ["view", "title", "views", "actions"]));
   }
-}), ha = /* @__PURE__ */ se(ma, [["__scopeId", "data-v-14d130be"]]);
-function Ta(e = {}) {
+}), ka = /* @__PURE__ */ se(ga, [["__scopeId", "data-v-14d130be"]]);
+function La(e = {}) {
   const l = e.path ?? "/blocks";
   return {
     id: "blocks",
     path: l,
     routes: [
-      { path: l, name: "webx.blocks", component: ha, props: { base: l } },
+      { path: l, name: "webx.blocks", component: ka, props: { base: l } },
       {
         path: `${l}/:id(\\d+)`,
         name: "webx.blocks.edit",
-        component: jo,
+        component: qo,
         props: { base: l }
       }
     ],
@@ -4168,7 +4219,7 @@ function Ta(e = {}) {
     // draws its children through the renderer; it needs the node for `props.allow` alone.
     types: {
       "wx-blocks": {
-        component: Rs,
+        component: Ks,
         kind: "field",
         nested: !0,
         wide: !0,
@@ -4177,9 +4228,9 @@ function Ta(e = {}) {
       // The two inputs only a component's schema has (§3.3): a structure passed from code,
       // edited in the sample form as the JSON it is, and a piece of markup the caller puts
       // between the tags, as HTML. Neither is a field an editor fills on a page.
-      "wx-data": { component: pn, kind: "field", wide: !0 },
+      "wx-data": { component: mn, kind: "field", wide: !0 },
       "wx-slot": {
-        component: il,
+        component: rl,
         kind: "field",
         bind: () => ({ rows: 3, placeholder: "<p>…</p>" })
       }
@@ -4187,39 +4238,39 @@ function Ta(e = {}) {
   };
 }
 export {
-  jo as WxBlockEditorPage,
-  us as WxBlockPicker,
-  Ln as WxBlockStage,
-  El as WxBlockThumb,
-  Rs as WxBlocks,
-  ha as WxBlocksPage,
-  Ta as blocks,
-  un as blocksMessages,
-  It as blocksPreviewKey,
-  yo as callTag,
-  bl as cloneNode,
-  Mn as countType,
+  qo as WxBlockEditorPage,
+  fs as WxBlockPicker,
+  Nn as WxBlockStage,
+  Vl as WxBlockThumb,
+  Ks as WxBlocks,
+  ka as WxBlocksPage,
+  La as blocks,
+  dn as blocksMessages,
+  Pt as blocksPreviewKey,
+  $o as callTag,
+  gl as cloneNode,
+  zn as countType,
   Ke as createBlocksApi,
-  dl as findRange,
+  pl as findRange,
   Ut as formSchema,
-  kt as highlightBlock,
-  yt as insertNode,
-  hl as isNode,
+  yt as highlightBlock,
+  wt as insertNode,
+  vl as isNode,
   rt as isNodeList,
   $e as kindOf,
-  vo as lintBlock,
+  yo as lintBlock,
   me as locate,
-  Wn as makeNode,
-  Et as newKey,
-  Sa as provideBlocksPreview,
-  Qt as removeNode,
-  pl as replaceBlock,
-  In as replaceList,
-  fl as stageDocument,
-  $a as typesIn,
-  bo as undeclared,
-  On as updateValues,
-  Ca as useBlocksPreview,
+  Mn as makeNode,
+  At as newKey,
+  Aa as provideBlocksPreview,
+  el as removeNode,
+  fl as replaceBlock,
+  Un as replaceList,
+  ml as stageDocument,
+  Ca as typesIn,
+  wo as undeclared,
+  Pn as updateValues,
+  Va as useBlocksPreview,
   ut as walk
 };
 //# sourceMappingURL=index.js.map