@webx-ui/module-blocks 0.8.5 → 0.8.7

package/dist/index.js

@@ -1,9 +1,9 @@
-import { defineComponent as ae, computed as V, openBlock as c, createElementBlock as C, createVNode as m, unref as n, createElementVNode as A, createTextVNode as M, toDisplayString as S, Fragment as F, createCommentVNode as D, renderList as le, ref as I, onMounted as Re, watch as te, createBlock as N, withCtx as b, onBeforeUnmount as Xe, normalizeStyle as xe, reactive as st, normalizeClass as $e, withDirectives as al, vShow as il, inject as De, watchEffect as rl, resolveComponent as At, isRef as Lt, nextTick as ul, withKeys as ht, withModifiers as bt, provide as Bt, useModel as cl, getCurrentInstance as dl, resolveDynamicComponent as pl, mergeProps as fl, mergeModels as ml } from "vue";
+import { defineComponent as ae, computed as L, openBlock as c, createElementBlock as C, createVNode as m, unref as n, createElementVNode as A, createTextVNode as M, toDisplayString as S, Fragment as F, createCommentVNode as D, renderList as le, ref as I, onMounted as Re, watch as te, createBlock as z, withCtx as b, onBeforeUnmount as Xe, normalizeStyle as xe, reactive as st, normalizeClass as $e, withDirectives as al, vShow as il, inject as De, watchEffect as rl, resolveComponent as At, isRef as Vt, nextTick as ul, withKeys as ht, withModifiers as bt, provide as Bt, useModel as cl, getCurrentInstance as dl, resolveDynamicComponent as pl, mergeProps as fl, mergeModels as ml } from "vue";
 import { useRoute as vl, useRouter as Wt } from "vue-router";
 import { useTranslate as de, useAdmin as je, useErrorText as Fe, WxDate as hl, WxScreenHead as bl, WxRenameButton as gl, WxHelpButton as yl, adminKey as Mt, WxRowMenu as kl, WxListScreen as wl } from "@webx-ui/module-admin";
-import { WxIcon as he, WxSkeleton as Be, WxText as q, WxBadge as ue, WxButton as ce, confirm as Qe, toast as Z, useElementWidth as et, WxSegmented as zt, WxCard as Ae, WxPopover as _l, WxAlert as Nt, WxTabs as xl, WxTab as Le, WxCodeEditor as Ke, WxFormItem as oe, WxInput as Ue, WxSelect as Dt, WxTextarea as $l, WxIconPicker as Sl, WxInputNumber as gt, WxTagsInput as yt, WxSwitch as El, WxActionBar as Tl, useModal as It, WxDialog as Pt, WxEmpty as Ot, WxAction as Ie, WxSortableList as Cl, createModal as Ut, WxDrawer as Vl, WxSpace as Al, WxSkeletonItem as Ye } from "@webx-ui/core";
+import { WxIcon as he, WxSkeleton as Be, WxText as K, WxBadge as ue, WxButton as ce, confirm as Qe, toast as Z, useElementWidth as et, WxSegmented as Nt, WxCard as Ae, WxPopover as _l, WxAlert as zt, WxTabs as xl, WxTab as Ve, WxCodeEditor as Ye, WxFormItem as oe, WxInput as Ue, WxSelect as Dt, WxTextarea as $l, WxIconPicker as Sl, WxInputNumber as gt, WxTagsInput as yt, WxSwitch as El, WxActionBar as Tl, useModal as It, WxDialog as Ot, WxEmpty as Pt, WxAction as Ie, WxSortableList as Cl, createModal as Ut, WxDrawer as Ll, WxSpace as Al, WxSkeletonItem as qe } from "@webx-ui/core";
 import { WxScreenRenderer as Rt, coreTypes as Je } from "@webx-ui/schema";
-import { autocompletion as Ll, snippetCompletion as ve, pickedCompletion as dt, startCompletion as Bl } from "@codemirror/autocomplete";
+import { autocompletion as Vl, snippetCompletion as ve, pickedCompletion as dt, startCompletion as Bl } from "@codemirror/autocomplete";
 import { EditorState as Wl } from "@codemirror/state";
 function Me(e) {
   const l = `${e.apiPath}/blocks`, t = (s) => s.data;
@@ -22,10 +22,10 @@ function Me(e) {
     restore: (s, a) => e.http.post(`${l}/${s}/versions/${a}/restore`, {}).then(t)
   };
 }
-const Ml = { class: "wx-block-checks" }, zl = {
+const Ml = { class: "wx-block-checks" }, Nl = {
   key: 0,
   class: "wx-block-checks__line is-error"
-}, Nl = /* @__PURE__ */ ae({
+}, zl = /* @__PURE__ */ ae({
   __name: "BlockChecks",
   props: {
     file: {},
@@ -34,12 +34,12 @@ const Ml = { class: "wx-block-checks" }, zl = {
     error: {}
   },
   setup(e) {
-    const l = e, t = de("webx-blocks"), s = V(() => l.lints.filter((i) => i.file === l.file)), a = V(() => {
+    const l = e, t = de("webx-blocks"), s = L(() => l.lints.filter((i) => i.file === l.file)), a = L(() => {
       const i = new Set(s.value.map((r) => r.code)), o = [];
       return l.file === "template" && (i.has("no-marker") || o.push(t("checks.ok-marker")), i.has("variables-missing") || o.push(t("checks.ok-variables"))), l.file === "styles" && (i.has("stray-selectors") || o.push(t("checks.ok-prefix", { slug: l.slug })), i.has("bare-selectors") || o.push(t("checks.ok-bare")), i.has("media-query") || o.push(t("checks.ok-container"))), o;
     });
     return (i, o) => (c(), C("div", Ml, [
-      e.error ? (c(), C("div", zl, [
+      e.error ? (c(), C("div", Nl, [
         m(n(he), { name: "close-circle" }),
         A("span", null, [
           M(S(e.error.message) + " ", 1),
@@ -77,7 +77,7 @@ const Ml = { class: "wx-block-checks" }, zl = {
   for (const [s, a] of l)
     t[s] = a;
   return t;
-}, kt = /* @__PURE__ */ ie(Nl, [["__scopeId", "data-v-e56947a8"]]), Dl = { class: "wx-block-history" }, Il = { class: "wx-block-history__number" }, Pl = { class: "wx-block-history__who" }, Ol = /* @__PURE__ */ ae({
+}, kt = /* @__PURE__ */ ie(zl, [["__scopeId", "data-v-e56947a8"]]), Dl = { class: "wx-block-history" }, Il = { class: "wx-block-history__number" }, Ol = { class: "wx-block-history__who" }, Pl = /* @__PURE__ */ ae({
   __name: "BlockHistory",
   props: {
     block: {},
@@ -85,14 +85,14 @@ const Ml = { class: "wx-block-checks" }, zl = {
   },
   emits: ["restored"],
   setup(e, { emit: l }) {
-    const t = e, s = l, a = je(), i = Me(a), o = de("webx-blocks"), r = Fe(), f = I(null);
+    const t = e, s = l, a = je(), i = Me(a), o = de("webx-blocks"), r = Fe(), d = I(null);
     async function u() {
-      f.value = await i.versions(t.block.id);
+      d.value = await i.versions(t.block.id);
     }
-    function d(v) {
+    function p(v) {
       return t.block.draft?.number === v.number ? "draft" : t.block.published?.number === v.number ? "live" : "replaced";
     }
-    async function p(v) {
+    async function f(v) {
       if (await Qe({
         title: o("page.restore-title", { number: v.number }),
         message: o("page.restore-text"),
@@ -112,28 +112,28 @@ const Ml = { class: "wx-block-checks" }, zl = {
         u();
       }
     ), (v, g) => (c(), C("div", Dl, [
-      f.value === null ? (c(), N(n(Be), {
+      d.value === null ? (c(), z(n(Be), {
         key: 0,
         class: "wx-block-history__ghost",
         rows: 3
-      })) : (c(!0), C(F, { key: 1 }, le(f.value, (x) => (c(), C("div", {
+      })) : (c(!0), C(F, { key: 1 }, le(d.value, (x) => (c(), C("div", {
         key: x.number,
         class: "wx-block-history__row"
       }, [
         A("code", Il, S(n(o)("page.version", { number: x.number })), 1),
-        A("div", Pl, [
-          m(n(q), null, {
+        A("div", Ol, [
+          m(n(K), null, {
             default: b(() => [
-              M(S(n(o)(`page.version-${d(x)}`)), 1)
+              M(S(n(o)(`page.version-${p(x)}`)), 1)
             ]),
             _: 2
           }, 1024),
-          m(n(q), {
+          m(n(K), {
             size: "sm",
             tone: "muted"
           }, {
             default: b(() => [
-              x.created_at ? (c(), N(n(hl), {
+              x.created_at ? (c(), z(n(hl), {
                 key: 0,
                 value: x.created_at
               }, null, 8, ["value"])) : D("", !0),
@@ -145,7 +145,7 @@ const Ml = { class: "wx-block-checks" }, zl = {
             _: 2
           }, 1024)
         ]),
-        d(x) === "draft" ? (c(), N(n(ue), {
+        p(x) === "draft" ? (c(), z(n(ue), {
           key: 0,
           type: "warning",
           dot: ""
@@ -154,7 +154,7 @@ const Ml = { class: "wx-block-checks" }, zl = {
             M(S(n(o)("page.version-draft")), 1)
           ]),
           _: 1
-        })) : d(x) === "live" ? (c(), N(n(ue), {
+        })) : p(x) === "live" ? (c(), z(n(ue), {
           key: 1,
           type: "success",
           dot: ""
@@ -164,11 +164,11 @@ const Ml = { class: "wx-block-checks" }, zl = {
           ]),
           _: 1
         })) : D("", !0),
-        e.canManage && d(x) === "replaced" ? (c(), N(n(ce), {
+        e.canManage && p(x) === "replaced" ? (c(), z(n(ce), {
           key: 2,
           size: "sm",
           variant: "outline",
-          onClick: (T) => p(x)
+          onClick: (T) => f(x)
         }, {
           default: b(() => [
             M(S(n(o)("page.restore")), 1)
@@ -178,7 +178,7 @@ const Ml = { class: "wx-block-checks" }, zl = {
       ]))), 128))
     ]));
   }
-}), Ul = /* @__PURE__ */ ie(Ol, [["__scopeId", "data-v-42c6b7ad"]]), Pe = "wx-preview-selected", Ge = "wx-preview-hover", wt = "wx-preview-style";
+}), Ul = /* @__PURE__ */ ie(Pl, [["__scopeId", "data-v-42c6b7ad"]]), Oe = "wx-preview-selected", Ge = "wx-preview-hover", wt = "wx-preview-style";
 function jt(e, l) {
   const s = (e.ownerDocument ?? e).createTreeWalker(
     e,
@@ -205,16 +205,16 @@ function Ft(e, l, t) {
   const o = s.end.nextSibling;
   let r = s.start;
   for (; r; ) {
-    const p = r.nextSibling, v = r === s.end;
+    const f = r.nextSibling, v = r === s.end;
     if (a.removeChild(r), v) break;
-    r = p;
+    r = f;
   }
-  const f = i.content, u = Array.from(f.childNodes);
-  a.insertBefore(f, o);
-  const d = e.defaultView?.webx;
-  if (d?.mount)
-    for (const p of u)
-      p.nodeType === 1 && d.mount(p);
+  const d = i.content, u = Array.from(d.childNodes);
+  a.insertBefore(d, o);
+  const p = e.defaultView?.webx;
+  if (p?.mount)
+    for (const f of u)
+      f.nodeType === 1 && p.mount(f);
   return !0;
 }
 function pt(e, l) {
@@ -226,11 +226,11 @@ function pt(e, l) {
 }
 function ot(e, l) {
   ft(e);
-  for (const s of Array.from(e.querySelectorAll(`.${Pe}`)))
-    s.classList.remove(Pe);
+  for (const s of Array.from(e.querySelectorAll(`.${Oe}`)))
+    s.classList.remove(Oe);
   if (l === null) return null;
   const t = pt(e, l);
-  return t?.classList.add(Pe), t;
+  return t?.classList.add(Oe), t;
 }
 function _t(e, l) {
   ft(e);
@@ -261,7 +261,7 @@ function Rl(e, l) {
   let t = null;
   function s(o) {
     const r = xt(o.target);
-    r === null ? Oe(o) : _e(o), l.select(r);
+    r === null ? Pe(o) : _e(o), l.select(r);
   }
   function a(o) {
     const r = xt(o.target);
@@ -270,23 +270,23 @@ function Rl(e, l) {
   function i() {
     t = null, _t(e, null);
   }
-  return e.addEventListener("click", s, !0), e.addEventListener("auxclick", Oe, !0), e.addEventListener("submit", _e, !0), e.addEventListener("dragstart", _e, !0), e.addEventListener("mousemove", a, !0), e.addEventListener("mouseleave", i), {
+  return e.addEventListener("click", s, !0), e.addEventListener("auxclick", Pe, !0), e.addEventListener("submit", _e, !0), e.addEventListener("dragstart", _e, !0), e.addEventListener("mousemove", a, !0), e.addEventListener("mouseleave", i), {
     release() {
-      e.removeEventListener("click", s, !0), e.removeEventListener("auxclick", Oe, !0), e.removeEventListener("submit", _e, !0), e.removeEventListener("dragstart", _e, !0), e.removeEventListener("mousemove", a, !0), e.removeEventListener("mouseleave", i);
+      e.removeEventListener("click", s, !0), e.removeEventListener("auxclick", Pe, !0), e.removeEventListener("submit", _e, !0), e.removeEventListener("dragstart", _e, !0), e.removeEventListener("mousemove", a, !0), e.removeEventListener("mouseleave", i);
     }
   };
 }
 function _e(e) {
   e.preventDefault(), e.stopPropagation();
 }
-function Oe(e) {
+function Pe(e) {
   const l = e.target;
   (l?.nodeType === Node.ELEMENT_NODE ? l : l?.parentElement ?? null)?.closest("a[href], area[href]") && e.preventDefault();
 }
 function jl(e) {
   const l = [
-    ["click", Oe],
-    ["auxclick", Oe],
+    ["click", Pe],
+    ["auxclick", Pe],
     ["submit", _e],
     ["dragstart", _e]
   ];
@@ -311,38 +311,38 @@ function Hl(e, l) {
 function ft(e) {
   if (e.getElementById(wt)) return;
   const l = e.createElement("style");
-  l.id = wt, l.textContent = `.${Pe}{outline:2px solid #427edd;outline-offset:-2px;}.${Ge}:not(.${Pe}){outline:1px solid #427edd;outline-offset:-1px;cursor:pointer;}`, (e.head ?? e.documentElement).appendChild(l);
+  l.id = wt, l.textContent = `.${Oe}{outline:2px solid #427edd;outline-offset:-2px;}.${Ge}:not(.${Oe}){outline:1px solid #427edd;outline-offset:-1px;cursor:pointer;}`, (e.head ?? e.documentElement).appendChild(l);
 }
 function Ht(e) {
   const l = e.base ? `<base href="${rt(e.base)}">` : "", t = e.frame ? `<style>${e.frame}</style>` : "", s = e.script && e.runtime ? `<script src="${rt(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}${s}</body></html>`;
 }
-const qt = "<!--wx-thumb-->";
-function ql(e, l) {
-  const t = new DOMParser().parseFromString(e, "text/html"), s = Yl(t, `wx:${Ze}`);
+const Kt = "<!--wx-thumb-->";
+function Kl(e, l) {
+  const t = new DOMParser().parseFromString(e, "text/html"), s = ql(t, `wx:${Ze}`);
   if (s === 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 d = u.tagName.toLowerCase(), p = (u.getAttribute("rel") ?? "").toLowerCase().split(/\s+/);
-    if (d === "style" && u.id !== it)
+    const p = u.tagName.toLowerCase(), f = (u.getAttribute("rel") ?? "").toLowerCase().split(/\s+/);
+    if (p === "style" && u.id !== it)
       i.push(u.outerHTML);
-    else if (d === "link" && (p.includes("stylesheet") || p.includes("preload") && u.getAttribute("as") === "font")) {
+    else if (p === "link" && (f.includes("stylesheet") || f.includes("preload") && u.getAttribute("as") === "font")) {
       const v = u.cloneNode(!1);
       v.setAttribute("href", a(u.getAttribute("href")) ?? ""), i.push(v.outerHTML);
     }
   }
-  let o = qt, r = s.parentElement;
+  let o = Kt, r = s.parentElement;
   for (; r !== null && r !== t.body && r !== t.documentElement; ) {
     const u = r.cloneNode(!1);
     u.innerHTML = o, o = u.outerHTML, r = r.parentElement;
   }
-  const f = (u) => Array.from(u.attributes).map((d) => ` ${d.name}="${rt(d.value)}"`).join("");
-  return `<!doctype html><html${f(t.documentElement)}><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">${i.join("")}</head><body${f(t.body)}>${o}</body></html>`;
-}
-function Kl(e, l) {
-  return e.replace("</head>", () => `<style>${l.styles}</style></head>`).replace(qt, () => l.html);
+  const d = (u) => Array.from(u.attributes).map((p) => ` ${p.name}="${rt(p.value)}"`).join("");
+  return `<!doctype html><html${d(t.documentElement)}><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">${i.join("")}</head><body${d(t.body)}>${o}</body></html>`;
 }
 function Yl(e, l) {
+  return e.replace("</head>", () => `<style>${l.styles}</style></head>`).replace(Kt, () => l.html);
+}
+function ql(e, l) {
   const t = e.createTreeWalker(e.body ?? e.documentElement, NodeFilter.SHOW_COMMENT);
   for (let s = t.nextNode(); s !== null; s = t.nextNode())
     if (s.data.trim() === l) return s;
@@ -362,20 +362,20 @@ const Jl = { class: "wx-block-stage" }, Gl = { class: "wx-block-stage__bar" }, Z
     loading: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const l = e, t = de("webx-blocks"), s = V(() => [
+    const l = e, t = de("webx-blocks"), s = L(() => [
       { 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 = I(1280), i = I(null), o = I(null), r = et(i), f = I(360), u = I(!1);
+    ]), a = I(1280), i = I(null), o = I(null), r = et(i), d = I(360), u = I(!1);
     te([r, s], () => {
       if (u.value || r.value === 0) return;
-      const h = s.value.find((L) => r.value / L.value >= 0.45);
+      const h = s.value.find((V) => r.value / V.value >= 0.45);
       a.value = (h ?? s.value[s.value.length - 1]).value;
     });
-    function d(h) {
+    function p(h) {
       u.value = !0, a.value = h;
     }
-    const p = V(() => r.value === 0 ? 1 : Math.min(1, r.value / a.value)), v = V(
+    const f = L(() => r.value === 0 ? 1 : Math.min(1, r.value / a.value)), v = L(
       () => l.stage ? void 0 : Ht({
         html: l.html,
         styles: l.styles,
@@ -394,8 +394,8 @@ const Jl = { class: "wx-block-stage" }, Gl = { class: "wx-block-stage__bar" }, Z
     function T() {
       const h = o.value?.contentDocument?.body;
       if (!h) return;
-      const L = h.ownerDocument.defaultView, P = L && parseFloat(L.getComputedStyle(h).marginBottom) || 0, J = h.getBoundingClientRect().bottom + P + (L?.scrollY ?? 0);
-      f.value = Math.max(120, Math.ceil(Math.max(h.scrollHeight, J)));
+      const V = h.ownerDocument.defaultView, O = V && parseFloat(V.getComputedStyle(h).marginBottom) || 0, J = h.getBoundingClientRect().bottom + O + (V?.scrollY ?? 0);
+      d.value = Math.max(120, Math.ceil(Math.max(h.scrollHeight, J)));
     }
     let w = null, y = null;
     function _() {
@@ -404,13 +404,13 @@ const Jl = { class: "wx-block-stage" }, Gl = { class: "wx-block-stage__bar" }, Z
     function R(h) {
       l.stage && (l.script && x !== l.script && (x = l.script, Hl(h, l.script)), Fl(h, { html: l.html, styles: l.styles }));
     }
-    function K() {
+    function Y() {
       _();
       const h = o.value?.contentDocument;
       if (!h?.body) return;
       l.stage && (x = null, w = jl(h), R(h)), T();
-      const L = h.defaultView?.ResizeObserver;
-      L && (y = new L(() => T()), y.observe(h.body));
+      const V = h.defaultView?.ResizeObserver;
+      V && (y = new V(() => T()), y.observe(h.body));
     }
     te(
       () => [l.html, l.styles],
@@ -418,25 +418,25 @@ const Jl = { class: "wx-block-stage" }, Gl = { class: "wx-block-stage__bar" }, Z
         const h = o.value?.contentDocument;
         l.stage && h?.body && w !== null && R(h);
       }
-    ), te(r, (h, L) => {
-      h > 0 && L === 0 && setTimeout(T, 50);
+    ), te(r, (h, V) => {
+      h > 0 && V === 0 && setTimeout(T, 50);
     }), te(a, () => setTimeout(T, 50)), Xe(_);
-    const Y = V(() => ({
+    const q = L(() => ({
       width: `${a.value}px`,
-      height: `${f.value}px`,
-      transform: `scale(${p.value})`
-    })), X = V(() => ({
-      width: `${Math.round(a.value * p.value)}px`,
-      height: `${Math.round(f.value * p.value)}px`
+      height: `${d.value}px`,
+      transform: `scale(${f.value})`
+    })), X = L(() => ({
+      width: `${Math.round(a.value * f.value)}px`,
+      height: `${Math.round(d.value * f.value)}px`
     }));
-    return (h, L) => (c(), C("div", Jl, [
+    return (h, V) => (c(), C("div", Jl, [
       A("div", Gl, [
-        m(n(zt), {
+        m(n(Nt), {
           "model-value": a.value,
           options: s.value,
           size: "sm",
           "aria-label": n(t)("page.width"),
-          "onUpdate:modelValue": L[0] || (L[0] = (P) => d(Number(P)))
+          "onUpdate:modelValue": V[0] || (V[0] = (O) => p(Number(O)))
         }, null, 8, ["model-value", "options", "aria-label"])
       ]),
       A("div", {
@@ -444,7 +444,7 @@ const Jl = { class: "wx-block-stage" }, Gl = { class: "wx-block-stage__bar" }, Z
         ref: i,
         class: "wx-block-stage__ground"
       }, [
-        e.loading && !e.html ? (c(), N(n(Be), {
+        e.loading && !e.html ? (c(), z(n(Be), {
           key: 0,
           rows: 3
         })) : (c(), C("div", {
@@ -459,21 +459,21 @@ const Jl = { class: "wx-block-stage" }, Gl = { class: "wx-block-stage__bar" }, Z
             class: "wx-block-stage__frame",
             src: e.stage ?? void 0,
             srcdoc: v.value,
-            style: xe(Y.value),
+            style: xe(q.value),
             sandbox: "allow-same-origin allow-scripts",
             title: n(t)("page.preview"),
-            onLoad: K
+            onLoad: Y
           }, null, 44, Zl))
         ], 4))
       ], 512)
     ]));
   }
 }), Xl = /* @__PURE__ */ ie(Ql, [["__scopeId", "data-v-3185ee45"]]);
-function Kt(e) {
+function Yt(e) {
   return typeof e == "object" && e !== null && typeof e.type == "string" && e.type !== "";
 }
 function tt(e) {
-  return Array.isArray(e) && e.length > 0 && e.every(Kt);
+  return Array.isArray(e) && e.length > 0 && e.every(Yt);
 }
 function ut() {
   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);
@@ -482,23 +482,23 @@ function en(e, l = {}) {
   return { key: ut(), type: e, values: l };
 }
 function re(e, l) {
-  return Yt(e, l, null, null);
+  return qt(e, l, null, null);
 }
-function Yt(e, l, t, s) {
+function qt(e, l, t, s) {
   for (let a = 0; a < e.length; a++) {
     const i = e[a];
     if (i.key === l) return { node: i, parent: t, field: s, list: e, index: a };
     for (const [o, r] of Object.entries(i.values ?? {}))
       if (tt(r)) {
-        const f = Yt(r, l, i, o);
-        if (f) return f;
+        const d = qt(r, l, i, o);
+        if (d) return d;
       }
   }
   return null;
 }
 function He(e, l, t = 0, s = null) {
   for (const a of e)
-    if (Kt(a)) {
+    if (Yt(a)) {
       l(a, t, s);
       for (const i of Object.values(a.values ?? {}))
         tt(i) && He(i, l, t + 1, a);
@@ -516,7 +516,7 @@ function ln(e) {
     tt(t) && He(t, () => l++);
   return l;
 }
-function co(e) {
+function mo(e) {
   const l = [];
   return He(e, (t) => {
     l.includes(t.type) || l.push(t.type);
@@ -722,7 +722,7 @@ const un = {
     "ok-variables": "Every variable of the template is a field of the schema."
   }
 }, St = /* @__PURE__ */ new WeakSet();
-function qe() {
+function Ke() {
   try {
     const { i18n: e } = je();
     St.has(e) || (e.defaults("webx-blocks", un), St.add(e));
@@ -731,40 +731,43 @@ function qe() {
 }
 function at(e) {
   return [
-    Ll({ icons: !1 }),
+    Vl({ icons: !1 }),
     Wl.languageData.of(() => [{ autocomplete: e }])
   ];
 }
 const cn = [
   ["block", "key, type, version, depth, value()"],
   ["entity", "the page or article the block stands on"]
-], dn = ["key", "type", "version", "depth"], Zt = ["url", "alt", "title", "path"], pn = [...Zt, "thumb", "name", "extension", "mime", "size", "width", "height"], fn = ["wx-media"], mn = ["wx-gallery", "wx-files"];
-function vn({ schema: e, styles: l }) {
+], dn = ["key", "type", "version", "depth"], Zt = ["url", "alt", "title", "path"], pn = [...Zt, "thumb", "name", "extension", "mime", "size", "width", "height"], fn = ["wx-media"], mn = ["wx-gallery", "wx-files"], vn = ["items", "groups", "filter"], hn = {
+  items: ["id", "anchor", "categories"],
+  groups: ["id", "title", "items"]
+};
+function bn({ schema: e, styles: l }) {
   return (t) => {
     const s = t.state.sliceDoc(Math.max(0, t.pos - 200), t.pos), a = /\$block->(\w*)$/.exec(s);
-    if (a) return gn(t, a[1]);
+    if (a) return kn(t, a[1]);
     const i = /\$(\w+)\[\s*(['"]?)(\w*)$/.exec(s);
-    if (i) return yn(t, i[1], i[2], i[3], e());
+    if (i) return wn(t, i[1], i[2], i[3], e());
     const o = /\$(\w*)$/.exec(s);
     if (o)
       return {
         from: t.pos - o[0].length,
-        options: hn(e(), t.state.doc.toString()),
+        options: gn(e(), t.state.doc.toString()),
         validFor: /^\$\w*$/
       };
     const r = /(\{\{|\{!!)(\s*)(\w*)$/.exec(s);
-    if (r) return bn(t, r[1], r[2], r[3], e());
-    const f = /\bclass\s*=\s*"([^"]*)$/.exec(s);
-    if (f) return wn(t, f[1], l());
+    if (r) return yn(t, r[1], r[2], r[3], e());
+    const d = /\bclass\s*=\s*"([^"]*)$/.exec(s);
+    if (d) return xn(t, d[1], l());
     const u = /(?:^|[\s>(])@(\w*)$/.exec(s);
     return u ? {
       from: t.pos - u[1].length - 1,
-      options: _n(e()),
+      options: $n(e()),
       validFor: /^@\w*$/
     } : null;
   };
 }
-function hn(e, l) {
+function gn(e, l) {
   const t = el(e).map((s, a) => ({
     label: `$${s.id}`,
     detail: s.type,
@@ -778,26 +781,26 @@ function hn(e, l) {
     t.push({ label: `$${s}`, detail: "given", info: a, type: "variable", boost: -10 });
   return t.push({ label: "$loop", detail: "given", info: "inside @foreach", boost: -20 }), t;
 }
-function bn(e, l, t, s, a) {
+function yn(e, l, t, s, a) {
   const i = el(a);
   if (i.length === 0) return null;
   const o = l === "{{" ? "}}" : "!!}";
   return {
     from: e.pos - s.length,
-    options: i.map((r, f) => ({
+    options: i.map((r, d) => ({
       label: r.id,
       displayLabel: `$${r.id}`,
       detail: r.type,
       info: r.label,
       type: "variable",
-      boost: 50 - f,
-      apply: (u, d, p, v) => {
+      boost: 50 - d,
+      apply: (u, p, f, v) => {
         const g = u.state.sliceDoc(v, v + 8), x = new RegExp(`^\\s*${Vn(o)}`).exec(g), T = x ? /^\s/.test(g) ? "" : " " : ` ${o}`, w = `${t === "" ? " " : ""}$${r.id}${T}`;
         u.dispatch({
-          changes: { from: p, to: v, insert: w },
+          changes: { from: f, to: v, insert: w },
           // Past the closing braces: the echo is finished, the next thing is the markup.
-          selection: { anchor: p + w.length + (x ? x[0].length : 0) },
-          annotations: dt.of(d),
+          selection: { anchor: f + w.length + (x ? x[0].length : 0) },
+          annotations: dt.of(p),
           userEvent: "input.complete"
         });
       }
@@ -805,7 +808,7 @@ function bn(e, l, t, s, a) {
     validFor: /^\w*$/
   };
 }
-function gn(e, l) {
+function kn(e, l) {
   return {
     from: e.pos - l.length,
     options: [
@@ -819,17 +822,17 @@ function gn(e, l) {
     validFor: /^\w*$/
   };
 }
-function yn(e, l, t, s, a) {
-  const i = kn(l, a, e.state.doc.toString());
+function wn(e, l, t, s, a) {
+  const i = _n(l, a, e.state.doc.toString());
   return i.length === 0 ? null : {
     from: e.pos - s.length,
     options: i.map(([o, r]) => ({
       label: o,
       detail: r,
       type: "property",
-      apply: (f, u, d, p) => {
-        const v = t ? d - 1 : d, g = f.state.sliceDoc(p, p + 2), x = t || "'", T = p + (g.startsWith(x) ? 1 : 0), w = f.state.sliceDoc(T, T + 1) === "]", y = `${x}${o}${x}${w ? "" : "]"}`;
-        f.dispatch({
+      apply: (d, u, p, f) => {
+        const v = t ? p - 1 : p, g = d.state.sliceDoc(f, f + 2), x = t || "'", T = f + (g.startsWith(x) ? 1 : 0), w = d.state.sliceDoc(T, T + 1) === "]", y = `${x}${o}${x}${w ? "" : "]"}`;
+        d.dispatch({
           changes: { from: v, to: T, insert: y },
           selection: { anchor: v + y.length + (w ? 1 : 0) },
           annotations: dt.of(u),
@@ -840,19 +843,27 @@ function yn(e, l, t, s, a) {
     validFor: /^\w*$/
   };
 }
-function kn(e, l, t) {
-  const s = We(l).find((o) => o.id === e);
-  if (s && fn.includes(s.type)) return Zt.map((o) => [o, s.type]);
-  const a = Qt(t).get(e), i = a ? We(l).find((o) => o.id === a) : void 0;
-  return i ? mn.includes(i.type) ? pn.map((o) => [o, i.type]) : i.type === "wx-repeater" ? We(i.children ?? []).map((o) => [o.id, o.type]) : [] : [];
+function _n(e, l, t) {
+  const s = We(l).find((d) => d.id === e);
+  if (s && fn.includes(s.type)) return Zt.map((d) => [d, s.type]);
+  if (s?.type === "wx-collection") return vn.map((d) => [d, s.type]);
+  const a = Qt(t).get(e), [i, o] = a?.split(".") ?? [], r = i ? We(l).find((d) => d.id === i) : void 0;
+  if (!r) return [];
+  if (r.type === "wx-collection") {
+    const d = typeof r.props?.source == "string" ? r.props.source : r.type;
+    return (hn[o ?? ""] ?? []).map((u) => [u, d]);
+  }
+  return mn.includes(r.type) ? pn.map((d) => [d, r.type]) : r.type === "wx-repeater" ? We(r.children ?? []).map((d) => [d.id, d.type]) : [];
 }
 function Qt(e) {
   const l = /* @__PURE__ */ new Map();
-  for (const t of e.matchAll(/\$(\w+)\s+as\s+\$(\w+)(?:\s*=>\s*\$(\w+))?/g))
-    l.set(t[3] ?? t[2], t[1]);
+  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]);
   return l;
 }
-function wn(e, l, t) {
+function xn(e, l, t) {
   const s = /[\w-]*$/.exec(l)[0], a = new Set(l.split(/\s+/));
   return {
     from: e.pos - s.length,
@@ -860,7 +871,7 @@ function wn(e, l, t) {
     validFor: /^[\w-]*$/
   };
 }
-function _n(e) {
+function $n(e) {
   const l = We(e).filter((t) => t.type === "wx-blocks");
   return [
     ve("@if (${condition})\n	${}\n@endif", { label: "@if", type: "keyword" }),
@@ -892,22 +903,22 @@ function _n(e) {
     )
   ];
 }
-function xn({ slug: e, template: l }) {
+function Sn({ slug: e, template: l }) {
   return (t) => {
     const s = t.state.sliceDoc(Math.max(0, t.pos - 200), t.pos), a = /(?:^|[\s,>+~(}{])\.([\w-]*)$/.exec(s);
     if (!a) return null;
     const i = /[^{};]*$/.exec(s)[0];
     if (/^\s*[\w-]+\s*:\s/.test(i)) return null;
-    const o = `b-${e()}`, r = new Set(Xt(t.state.doc.toString())), f = $n(l()), u = [o, ...f.filter((p) => p !== o)], d = u.map((p, v) => ({
-      label: `.${p}`,
+    const o = `b-${e()}`, r = new Set(Xt(t.state.doc.toString())), d = En(l()), u = [o, ...d.filter((f) => f !== o)], p = u.map((f, v) => ({
+      label: `.${f}`,
       // A class the template uses and nothing styles yet is the likeliest thing to write.
-      detail: r.has(p) ? "template" : "template · no rule yet",
+      detail: r.has(f) ? "template" : "template · no rule yet",
       type: "class",
-      boost: (r.has(p) ? 0 : 20) + (p === o ? 30 : 0) - v / 100
+      boost: (r.has(f) ? 0 : 20) + (f === o ? 30 : 0) - v / 100
     }));
-    for (const p of r)
-      u.includes(p) || d.push({ label: `.${p}`, detail: "styles", type: "class" });
-    return { from: t.pos - a[1].length - 1, options: d, validFor: /^\.[\w-]*$/ };
+    for (const f of r)
+      u.includes(f) || p.push({ label: `.${f}`, detail: "styles", type: "class" });
+    return { from: t.pos - a[1].length - 1, options: p, validFor: /^\.[\w-]*$/ };
   };
 }
 function Xt(e) {
@@ -915,16 +926,16 @@ function Xt(e) {
   let a = "";
   for (const i of l)
     if (i === "{") {
-      const o = s.at(-1) ?? [""], r = a.split(",").map((f) => f.trim()).filter((f) => f !== "" && !f.startsWith("@")).flatMap(
-        (f) => f.includes("&") ? o.map((u) => f.replaceAll("&", u)) : o.map((u) => u ? `${u} ${f}` : f)
+      const o = s.at(-1) ?? [""], r = a.split(",").map((d) => d.trim()).filter((d) => d !== "" && !d.startsWith("@")).flatMap(
+        (d) => d.includes("&") ? o.map((u) => d.replaceAll("&", u)) : o.map((u) => u ? `${u} ${d}` : d)
       );
-      for (const f of r)
-        for (const u of f.matchAll(/\.(-?[a-zA-Z_][\w-]*)/g)) t.add(u[1]);
+      for (const d of r)
+        for (const u of d.matchAll(/\.(-?[a-zA-Z_][\w-]*)/g)) t.add(u[1]);
       s.push(a.trim().startsWith("@") ? o : r.length ? r : o), a = "";
     } else i === "}" ? (s.pop(), a = "") : i === ";" ? a = "" : a += i;
   return [...t];
 }
-function $n(e) {
+function En(e) {
   const l = /* @__PURE__ */ new Set();
   for (const t of e.matchAll(/\bclass\s*=\s*"([^"]*)"/g)) {
     const s = t[1].replace(/\{\{[\s\S]*?\}\}|\{!![\s\S]*?!!\}|@\w+(\([^)]*\))?/g, " ");
@@ -933,7 +944,7 @@ function $n(e) {
   }
   return [...l];
 }
-const Sn = [
+const Tn = [
   { 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." },
@@ -945,33 +956,33 @@ const Sn = [
   { key: "slot", value: '""', info: "The parent's named slot to land in." },
   { key: "can", value: '""', info: "The permission the node needs." }
 ];
-function En({ types: e }) {
+function Cn({ types: e }) {
   return (l) => {
-    const t = Tn(l.state.doc.toString(), l.pos);
+    const t = Ln(l.state.doc.toString(), l.pos);
     if (!t || !t.node) return null;
     const s = 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 && s === "" && !l.explicit) return null;
     const a = l.pos - s.length, i = t.string !== null;
     if (t.phase === "key") {
-      const o = Sn.filter(({ key: r }) => !t.keys.has(r) || r === s).map(
-        ({ key: r, value: f, info: u }, d) => ({
+      const o = Tn.filter(({ key: r }) => !t.keys.has(r) || r === s).map(
+        ({ key: r, value: d, info: u }, p) => ({
           label: r,
           info: u,
           type: "property",
-          boost: -d,
-          apply: (p, v, g, x) => Et(p, v, g, x, i, `"${r}": ${f}`, f)
+          boost: -p,
+          apply: (f, v, g, x) => Et(f, v, g, x, i, `"${r}": ${d}`, d)
         })
       );
       return { from: a, options: o, validFor: /^[\w-]*$/ };
     }
     if (t.phase === "value" && t.key === "type") {
-      const o = Object.entries(e()).map(([r, f]) => ({
+      const o = Object.entries(e()).map(([r, d]) => ({
         label: r,
-        detail: f.kind,
+        detail: d.kind,
         type: "type",
         // Fields first: a block's schema is mostly fields, the layout only groups them.
-        boost: f.kind === "field" ? 1 : 0,
-        apply: (u, d, p, v) => Et(u, d, p, v, i, `"${r}"`, "")
+        boost: d.kind === "field" ? 1 : 0,
+        apply: (u, p, f, v) => Et(u, p, f, v, i, `"${r}"`, "")
       }));
       return { from: a, options: o, validFor: /^[\w-]*$/ };
     }
@@ -979,15 +990,15 @@ function En({ types: e }) {
   };
 }
 function Et(e, l, t, s, a, i, o) {
-  const r = a ? t - 1 : t, f = /^[\w-]*"?/.exec(e.state.sliceDoc(s, s + 60))[0], u = s + (a ? f.length : /^[\w-]*/.exec(f)[0].length), d = o === '""' || o === "{}" || o === "[]" ? 1 : 0;
+  const r = a ? t - 1 : t, d = /^[\w-]*"?/.exec(e.state.sliceDoc(s, s + 60))[0], u = s + (a ? d.length : /^[\w-]*/.exec(d)[0].length), p = o === '""' || o === "{}" || o === "[]" ? 1 : 0;
   e.dispatch({
     changes: { from: r, to: u, insert: i },
-    selection: { anchor: r + i.length - d },
+    selection: { anchor: r + i.length - p },
     annotations: dt.of(l),
     userEvent: "input.complete"
   }), i.startsWith('"type"') && Bl(e);
 }
-function Tn(e, l) {
+function Ln(e, l) {
   let t = null, s = null, a = null, i = !1;
   const o = (r) => r?.kind === "object" && r.parent?.kind === "array" && (r.parent.parent === null || r.parent.under === "children");
   for (let r = 0; r <= e.length && (r === l && (s = t?.kind === "object" ? {
@@ -997,23 +1008,23 @@ function Tn(e, l) {
     keys: t.keys,
     string: a ? a.start + 1 : null
   } : null), r !== e.length); r++) {
-    const f = e[r];
+    const d = e[r];
     if (a) {
       if (i) i = !1;
-      else if (f === "\\") i = !0;
-      else if (f === '"' || f === `
+      else if (d === "\\") i = !0;
+      else if (d === '"' || d === `
 `) {
         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(f))
-      if (f === '"')
+    if (!/\s/.test(d))
+      if (d === '"')
         a = { start: r, key: t?.kind === "object" && t.phase === "key" };
-      else if (f === "{" || f === "[") {
+      else if (d === "{" || d === "[") {
         const u = {
-          kind: f === "{" ? "object" : "array",
+          kind: d === "{" ? "object" : "array",
           parent: t,
           under: t?.kind === "object" ? t.key : null,
           keys: /* @__PURE__ */ new Set(),
@@ -1021,39 +1032,39 @@ function Tn(e, l) {
           key: null
         };
         t?.kind === "object" && (t.phase = "after"), t = u;
-      } else f === "}" || f === "]" ? t = t?.parent ?? null : f === ":" ? t?.kind === "object" && (t.phase = "value") : f === "," && t?.kind === "object" && (t.phase = "key", t.key = null);
+      } else d === "}" || d === "]" ? t = t?.parent ?? null : d === ":" ? t?.kind === "object" && (t.phase = "value") : d === "," && t?.kind === "object" && (t.phase = "key", t.key = null);
   }
   return s;
 }
 function We(e) {
   const l = [];
   for (const t of e)
-    !t || typeof t != "object" || (Cn.has(t.type) ? l.push(...We(t.children ?? [])) : typeof t.id == "string" && t.id !== "" && l.push(t));
+    !t || typeof t != "object" || (An.has(t.type) ? l.push(...We(t.children ?? [])) : typeof t.id == "string" && t.id !== "" && l.push(t));
   return l;
 }
 function el(e) {
   return We(e).filter((l) => l.type !== "wx-blocks");
 }
-const Cn = /* @__PURE__ */ new Set(["wx-card", "wx-tabs", "wx-tab", "wx-row", "wx-col", "wx-divider"]);
+const An = /* @__PURE__ */ new Set(["wx-card", "wx-tabs", "wx-tab", "wx-row", "wx-col", "wx-divider"]);
 function Vn(e) {
   return e.replace(/[.*+?^${}()|[\]\\!]/g, "\\$&");
 }
-const An = ["block", "entity", "loop", "__env", "errors", "app"];
-function Ln(e, l, t) {
+const Bn = ["block", "entity", "loop", "__env", "errors", "app"];
+function Wn(e, l, t) {
   const s = [];
   /data-wx-block\s*=/.test(l.template) || s.push({ file: "template", code: "no-marker", line: null, message: t("checks.no-marker") });
-  const a = Bn(l.template, l.schema);
+  const a = Mn(l.template, l.schema);
   a.length > 0 && s.push({
     file: "template",
     code: "variables-missing",
     line: null,
     message: t("checks.variables-missing", {
-      variables: a.map((d) => `$${d}`).join(", ")
+      variables: a.map((p) => `$${p}`).join(", ")
     })
   });
   const i = [], o = [], r = `.b-${e}`;
-  for (const [d, p] of Wn(l.styles))
-    d.startsWith(r) || d.startsWith("&") || (/^[a-z][a-z0-9-]*/i.test(d) ? o.push([d, p]) : i.push([d, p]));
+  for (const [p, f] of Nn(l.styles))
+    p.startsWith(r) || p.startsWith("&") || (/^[a-z][a-z0-9-]*/i.test(p) ? o.push([p, f]) : i.push([p, f]));
   i.length > 0 && s.push({
     file: "styles",
     code: "stray-selectors",
@@ -1065,11 +1076,11 @@ function Ln(e, l, t) {
     line: o[0][1],
     message: t("checks.bare-selectors", { selectors: Tt(o) })
   });
-  const f = ll(l.styles), u = /@media\b/.exec(f);
+  const d = ll(l.styles), u = /@media\b/.exec(d);
   return u && s.push({
     file: "styles",
     code: "media-query",
-    line: nl(f, u.index),
+    line: nl(d, u.index),
     message: t("checks.media-query")
   }), s;
 }
@@ -1079,8 +1090,8 @@ function tl(e) {
     t.id && l.push(t.id), t.children && l.push(...tl(t.children));
   return l;
 }
-function Bn(e, l) {
-  const t = /* @__PURE__ */ new Set([...tl(l), ...An]);
+function Mn(e, l) {
+  const t = /* @__PURE__ */ new Set([...tl(l), ...Bn]);
   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))
@@ -1092,7 +1103,7 @@ function Bn(e, l) {
   }
   return s;
 }
-function Wn(e) {
+function Nn(e) {
   const l = ll(e), t = [];
   for (const s of l.matchAll(/([^{};]+)\{/g)) {
     const a = s[1], i = a.trim();
@@ -1125,35 +1136,35 @@ function mt(e) {
 function ct(e, l) {
   return e === 0 ? l("page.not-used") : e === 1 ? l("page.on-page") : l("page.on-pages", { count: e });
 }
-function ze(e, l) {
+function Ne(e, l) {
   const t = `groups.${e}`, s = l(t);
   return s === t || s === `webx-blocks::${t}` ? e.charAt(0).toUpperCase() + e.slice(1) : s;
 }
-const Mn = { class: "wx-block-editor" }, zn = { class: "wx-block-editor__split" }, Nn = {
+const zn = { class: "wx-block-editor" }, Dn = { class: "wx-block-editor__split" }, In = {
   type: "button",
   class: "wx-block-editor__uses"
-}, Dn = { class: "wx-block-editor__usage" }, In = { class: "wx-block-editor__pane" }, Pn = {
+}, On = { class: "wx-block-editor__usage" }, Pn = { class: "wx-block-editor__pane" }, Un = {
   key: 0,
   class: "wx-block-editor__pills"
-}, On = ["disabled", "onClick", "textContent"], Un = { class: "wx-block-editor__pane" }, Rn = { class: "wx-block-editor__pane" }, jn = { class: "wx-block-editor__note" }, Fn = { class: "wx-block-editor__split" }, Hn = { class: "wx-block-editor__pane" }, qn = { class: "wx-block-editor__note" }, Kn = { class: "wx-block-editor__settings" }, Yn = {
+}, Rn = ["disabled", "onClick", "textContent"], jn = { class: "wx-block-editor__pane" }, Fn = { class: "wx-block-editor__pane" }, Hn = { class: "wx-block-editor__note" }, Kn = { class: "wx-block-editor__split" }, Yn = { class: "wx-block-editor__pane" }, qn = { class: "wx-block-editor__note" }, Jn = { class: "wx-block-editor__settings" }, Gn = {
   key: 0,
   class: "is-wide wx-block-editor__danger"
-}, Jn = /* @__PURE__ */ ae({
+}, Zn = /* @__PURE__ */ ae({
   __name: "BlockEditorPage",
   props: {
     base: { default: "/blocks" }
   },
   setup(e) {
     const l = e, t = je(), s = Me(t), a = vl(), i = Wt();
-    qe();
-    const o = de("webx-blocks"), r = Fe(), f = V(() => Number(a.params.id)), u = I(null), d = I([]), p = I(!0), v = I(!1), g = I(!1), x = I("template"), T = V(() => {
+    Ke();
+    const o = de("webx-blocks"), r = Fe(), d = L(() => Number(a.params.id)), u = I(null), p = I([]), f = I(!0), v = I(!1), g = I(!1), x = I("template"), T = L(() => {
       const B = t.state.manifest?.modules.find((k) => k.id === "blocks")?.meta;
       return {
         groups: B?.groups ?? [],
         editing: B?.editing ?? !0,
         provides: B?.provides ?? []
       };
-    }), w = V(() => t.can("blocks.manage") && T.value.editing), y = st({
+    }), w = L(() => t.can("blocks.manage") && T.value.editing), y = st({
       slug: "",
       title: "",
       description: "",
@@ -1170,33 +1181,33 @@ const Mn = { class: "wx-block-editor" }, zn = { class: "wx-block-editor__split"
       styles: "",
       script: null,
       sample: {}
-    }), R = I("[]"), K = I(null), Y = I(""), X = I({}), h = I(null), L = st({
+    }), R = I("[]"), Y = I(null), q = I(""), X = I({}), h = I(null), V = st({
       html: "",
       styles: "",
       script: null,
       runtime: null,
       stage: null,
       loading: !1
-    }), P = V(() => JSON.stringify({ settings: y, content: _ })), J = V(() => Y.value !== "" && P.value !== Y.value), Se = V(() => Ln(y.slug, _, o)), ne = {
+    }), O = L(() => JSON.stringify({ settings: y, content: _ })), J = L(() => q.value !== "" && O.value !== q.value), Se = L(() => Wn(y.slug, _, o)), ne = {
       template: [
         at(
-          vn({ schema: () => _.schema, styles: () => _.styles })
+          bn({ schema: () => _.schema, styles: () => _.styles })
         )
       ],
       styles: [
-        at(xn({ slug: () => y.slug, template: () => _.template }))
+        at(Sn({ slug: () => y.slug, template: () => _.template }))
       ],
       // The renderer's own types under the panel's, the same merge the sample form is drawn with.
-      schema: [at(En({ types: () => ({ ...Je, ...t.types }) }))]
-    }, pe = V(() => {
+      schema: [at(Cn({ types: () => ({ ...Je, ...t.types }) }))]
+    }, pe = L(() => {
       const B = [...T.value.groups];
-      return B.includes(y.group) || B.push(y.group), B.map((k) => ({ value: k, label: ze(k, o) }));
-    }), ye = V({
+      return B.includes(y.group) || B.push(y.group), B.map((k) => ({ value: k, label: Ne(k, o) }));
+    }), ye = L({
       get: () => _.sample,
       set: (B) => {
         _.sample = B;
       }
-    }), Ee = V(() => Te(_.schema));
+    }), Ee = L(() => Te(_.schema));
     function Te(B) {
       const k = [];
       for (const E of B)
@@ -1223,16 +1234,16 @@ const Mn = { class: "wx-block-editor" }, zn = { class: "wx-block-editor__split"
         script: null,
         sample: {}
       };
-      Object.assign(_, be(k)), R.value = JSON.stringify(k.schema, null, 2), K.value = null, Y.value = P.value;
+      Object.assign(_, be(k)), R.value = JSON.stringify(k.schema, null, 2), Y.value = null, q.value = O.value;
     }
     async function ke() {
-      p.value = !0;
+      f.value = !0;
       try {
-        Q(await s.get(f.value)), d.value = await s.usage(f.value);
+        Q(await s.get(d.value)), p.value = await s.usage(d.value);
       } catch (B) {
         Z.danger(r(B));
       } finally {
-        p.value = !1;
+        f.value = !1;
       }
     }
     function Ce(B) {
@@ -1240,13 +1251,13 @@ const Mn = { class: "wx-block-editor" }, zn = { class: "wx-block-editor__split"
       try {
         const k = JSON.parse(B);
         if (!Array.isArray(k)) throw new Error("not a list");
-        _.schema = k, K.value = null;
+        _.schema = k, Y.value = null;
       } catch (k) {
-        K.value = o("page.schema-invalid", { error: k.message });
+        Y.value = o("page.schema-invalid", { error: k.message });
       }
     }
     let ge, W = 0;
-    function O() {
+    function P() {
       clearTimeout(ge), ge = setTimeout(() => {
         j();
       }, 250);
@@ -1254,7 +1265,7 @@ const Mn = { class: "wx-block-editor" }, zn = { class: "wx-block-editor__split"
     async function j() {
       if (!u.value) return;
       const B = ++W;
-      L.loading = !0;
+      V.loading = !0;
       try {
         const k = await s.render(u.value.id, {
           values: _.sample,
@@ -1266,16 +1277,16 @@ const Mn = { class: "wx-block-editor" }, zn = { class: "wx-block-editor__split"
           } : void 0
         });
         if (B !== W) return;
-        L.html = k.html, L.styles = k.styles, L.script = k.script, L.runtime = k.runtime, L.stage = k.stage ?? null;
+        V.html = k.html, V.styles = k.styles, V.script = k.script, V.runtime = k.runtime, V.stage = k.stage ?? null;
       } catch (k) {
         B === W && Z.danger(r(k));
       } finally {
-        B === W && (L.loading = !1);
+        B === W && (V.loading = !1);
       }
     }
     te(
       () => [_.template, _.styles, _.script, _.schema, _.sample],
-      O,
+      P,
       { deep: !0 }
     );
     const G = I(null);
@@ -1301,7 +1312,7 @@ const Mn = { class: "wx-block-editor" }, zn = { class: "wx-block-editor__split"
           allowed_in: y.allowed_in.length ? y.allowed_in : null,
           description: y.description || null,
           icon: y.icon || null,
-          content: K.value ? { ..._, schema: void 0 } : _
+          content: Y.value ? { ..._, schema: void 0 } : _
         });
         Q(k), Z.success(
           k.draft && k.draft.number !== B ? o("page.saved", { number: k.draft.number }) : o("page.unchanged")
@@ -1331,7 +1342,7 @@ const Mn = { class: "wx-block-editor" }, zn = { class: "wx-block-editor__split"
         }
       }
     }
-    async function Ve() {
+    async function Le() {
       if (!(!u.value || !await Qe({
         title: o("page.delete-title", { title: u.value.title }),
         message: o("page.delete-text"),
@@ -1345,7 +1356,7 @@ const Mn = { class: "wx-block-editor" }, zn = { class: "wx-block-editor__split"
           Z.danger(r(k));
         }
     }
-    const Ne = V(
+    const ze = L(
       () => h.value ? {
         message: h.value.errors.template?.[0] ?? h.value.message,
         line: h.value.line,
@@ -1353,7 +1364,7 @@ const Mn = { class: "wx-block-editor" }, zn = { class: "wx-block-editor__split"
           title: h.value.entity.title ?? `#${h.value.entity.id}`
         }) : null
       } : null
-    ), $ = V(() => x.value === "template" || x.value === "styles"), z = V(() => [
+    ), $ = L(() => x.value === "template" || x.value === "styles"), N = L(() => [
       {
         title: o("page.example-handler"),
         code: `el.querySelector('.b-hero__button')?.addEventListener('click', (event) => {
@@ -1376,7 +1387,7 @@ setInterval(() => el.classList.toggle('is-second'), seconds * 1000)`
 
 new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       }
-    ]), U = V(() => d.value.slice(0, 5));
+    ]), U = L(() => p.value.slice(0, 5));
     function H(B) {
       return X.value[B]?.[0];
     }
@@ -1387,10 +1398,10 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       ke(), window.addEventListener("beforeunload", ee);
     }), Xe(() => {
       clearTimeout(ge), window.removeEventListener("beforeunload", ee);
-    }), te(f, () => {
+    }), te(d, () => {
       ke();
     });
-    const lt = V(
+    const lt = L(
       () => w.value ? [
         { key: "save", label: o("page.save"), loading: v.value, run: () => {
           se();
@@ -1407,14 +1418,14 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
         }
       ] : []
     );
-    return (B, k) => (c(), C("div", Mn, [
-      p.value || !u.value ? (c(), C(F, { key: 0 }, [
+    return (B, k) => (c(), C("div", zn, [
+      f.value || !u.value ? (c(), C(F, { key: 0 }, [
         m(n(Be), {
           class: "wx-block-editor__ghost-head",
           title: "",
           rows: 1
         }),
-        A("div", zn, [
+        A("div", Dn, [
           m(n(Ae), null, {
             default: b(() => [
               m(n(Be), { rows: 8 })
@@ -1436,13 +1447,13 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
           actions: lt.value
         }, {
           "title-after": b(() => [
-            w.value ? (c(), N(n(gl), {
+            w.value ? (c(), z(n(gl), {
               key: 0,
               name: y.title,
               placeholder: n(o)("page.title"),
               onRename: k[0] || (k[0] = (E) => y.title = E)
             }, null, 8, ["name", "placeholder"])) : D("", !0),
-            J.value ? (c(), N(n(ue), {
+            J.value ? (c(), z(n(ue), {
               key: 1,
               type: "primary",
               dot: ""
@@ -1452,7 +1463,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
               ]),
               _: 1
             })) : D("", !0),
-            u.value.draft ? (c(), N(n(ue), {
+            u.value.draft ? (c(), z(n(ue), {
               key: 2,
               type: "warning",
               dot: ""
@@ -1462,7 +1473,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
               ]),
               _: 1
             })) : D("", !0),
-            u.value.published ? (c(), N(n(ue), {
+            u.value.published ? (c(), z(n(ue), {
               key: 3,
               type: "success",
               dot: ""
@@ -1471,7 +1482,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 M(S(n(o)("page.live", { number: u.value.published.number })), 1)
               ]),
               _: 1
-            })) : (c(), N(n(ue), {
+            })) : (c(), z(n(ue), {
               key: 4,
               type: "default"
             }, {
@@ -1483,24 +1494,24 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
           ]),
           subtitle: b(() => [
             A("code", null, S(y.slug), 1),
-            M(" · " + S(n(ze)(y.group, n(o))) + " · ", 1),
-            u.value.usage_count > 0 ? (c(), N(n(_l), {
+            M(" · " + S(n(Ne)(y.group, n(o))) + " · ", 1),
+            u.value.usage_count > 0 ? (c(), z(n(_l), {
               key: 0,
               title: n(o)("page.usage"),
               width: 260,
               align: "start"
             }, {
               trigger: b(() => [
-                A("button", Nn, S(n(ct)(u.value.usage_count, n(o))), 1)
+                A("button", In, S(n(ct)(u.value.usage_count, n(o))), 1)
               ]),
               default: b(() => [
-                A("div", Dn, [
+                A("div", On, [
                   (c(!0), C(F, null, le(U.value, (E) => (c(), C("div", {
                     key: `${E.model}:${E.id}`,
                     class: "wx-block-editor__use"
                   }, [
                     A("span", null, S(E.title ?? `#${E.id}`), 1),
-                    E.published ? D("", !0) : (c(), N(n(ue), {
+                    E.published ? D("", !0) : (c(), z(n(ue), {
                       key: 0,
                       type: "warning",
                       size: "sm"
@@ -1511,13 +1522,13 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                       _: 1
                     }))
                   ]))), 128)),
-                  d.value.length > U.value.length ? (c(), N(n(q), {
+                  p.value.length > U.value.length ? (c(), z(n(K), {
                     key: 0,
                     size: "sm",
                     tone: "muted"
                   }, {
                     default: b(() => [
-                      M(S(n(o)("page.usage-more", { count: d.value.length - U.value.length })), 1)
+                      M(S(n(o)("page.usage-more", { count: p.value.length - U.value.length })), 1)
                     ]),
                     _: 1
                   })) : D("", !0)
@@ -1530,7 +1541,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
           ]),
           _: 1
         }, 8, ["title", "back", "back-label", "actions"]),
-        T.value.editing ? D("", !0) : (c(), N(n(Nt), {
+        T.value.editing ? D("", !0) : (c(), z(n(zt), {
           key: 0,
           type: "info",
           variant: "soft",
@@ -1545,13 +1556,13 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
             "keep-alive": ""
           }, {
             default: b(() => [
-              m(n(Le), {
+              m(n(Ve), {
                 value: "template",
                 label: n(o)("page.tab-template")
               }, {
                 default: b(() => [
-                  A("div", In, [
-                    m(n(Ke), {
+                  A("div", Pn, [
+                    m(n(Ye), {
                       ref_key: "templateEditor",
                       ref: G,
                       modelValue: _.template,
@@ -1563,8 +1574,8 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                       "max-height": "70vh",
                       "line-wrapping": ""
                     }, null, 8, ["modelValue", "extensions", "readonly"]),
-                    Ee.value.length ? (c(), C("div", Pn, [
-                      m(n(q), {
+                    Ee.value.length ? (c(), C("div", Un, [
+                      m(n(K), {
                         size: "sm",
                         tone: "muted"
                       }, {
@@ -1580,25 +1591,25 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                         disabled: !w.value,
                         onClick: (nt) => we(E),
                         textContent: S(fe(E))
-                      }, null, 8, On))), 128))
+                      }, null, 8, Rn))), 128))
                     ])) : D("", !0),
                     m(kt, {
                       file: "template",
                       lints: Se.value,
                       slug: y.slug,
-                      error: Ne.value
+                      error: ze.value
                     }, null, 8, ["lints", "slug", "error"])
                   ])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              m(n(Le), {
+              m(n(Ve), {
                 value: "styles",
                 label: n(o)("page.tab-styles")
               }, {
                 default: b(() => [
-                  A("div", Un, [
-                    m(n(Ke), {
+                  A("div", jn, [
+                    m(n(Ye), {
                       modelValue: _.styles,
                       "onUpdate:modelValue": k[2] || (k[2] = (E) => _.styles = E),
                       language: "css",
@@ -1616,13 +1627,13 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 ]),
                 _: 1
               }, 8, ["label"]),
-              m(n(Le), {
+              m(n(Ve), {
                 value: "script",
                 label: n(o)("page.tab-script")
               }, {
                 default: b(() => [
-                  A("div", Rn, [
-                    m(n(Ke), {
+                  A("div", Fn, [
+                    m(n(Ye), {
                       "model-value": _.script ?? "",
                       language: "javascript",
                       readonly: !w.value,
@@ -1630,8 +1641,8 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                       "max-height": "70vh",
                       "onUpdate:modelValue": k[3] || (k[3] = (E) => _.script = E || null)
                     }, null, 8, ["model-value", "readonly"]),
-                    A("div", jn, [
-                      m(n(q), {
+                    A("div", Hn, [
+                      m(n(K), {
                         size: "sm",
                         tone: "muted"
                       }, {
@@ -1640,7 +1651,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                         ]),
                         _: 1
                       }),
-                      m(n(q), {
+                      m(n(K), {
                         size: "sm",
                         tone: "muted"
                       }, {
@@ -1656,11 +1667,11 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                     title: n(o)("page.examples")
                   }, {
                     default: b(() => [
-                      (c(!0), C(F, null, le(z.value, (E) => (c(), C("div", {
+                      (c(!0), C(F, null, le(N.value, (E) => (c(), C("div", {
                         key: E.title,
                         class: "wx-block-editor__example"
                       }, [
-                        m(n(q), {
+                        m(n(K), {
                           size: "sm",
                           tone: "muted"
                         }, {
@@ -1679,14 +1690,14 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 ]),
                 _: 1
               }, 8, ["label"]),
-              m(n(Le), {
+              m(n(Ve), {
                 value: "fields",
                 label: n(o)("page.tab-fields")
               }, {
                 default: b(() => [
-                  A("div", Fn, [
-                    A("div", Hn, [
-                      m(n(Ke), {
+                  A("div", Kn, [
+                    A("div", Yn, [
+                      m(n(Ye), {
                         "model-value": R.value,
                         language: "json",
                         extensions: ne.schema,
@@ -1697,16 +1708,16 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                         "onUpdate:modelValue": Ce
                       }, null, 8, ["model-value", "extensions", "readonly"]),
                       A("div", qn, [
-                        K.value ? (c(), N(n(q), {
+                        Y.value ? (c(), z(n(K), {
                           key: 0,
                           size: "sm",
                           tone: "danger"
                         }, {
                           default: b(() => [
-                            M(S(K.value), 1)
+                            M(S(Y.value), 1)
                           ]),
                           _: 1
-                        })) : H("content.schema") ? (c(), N(n(q), {
+                        })) : H("content.schema") ? (c(), z(n(K), {
                           key: 1,
                           size: "sm",
                           tone: "danger"
@@ -1715,7 +1726,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             M(S(H("content.schema")), 1)
                           ]),
                           _: 1
-                        })) : (c(), N(n(q), {
+                        })) : (c(), z(n(K), {
                           key: 2,
                           size: "sm",
                           tone: "muted"
@@ -1736,7 +1747,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                       title: n(o)("page.sample")
                     }, {
                       default: b(() => [
-                        _.schema.length ? (c(), N(n(Rt), {
+                        _.schema.length ? (c(), z(n(Rt), {
                           key: 0,
                           modelValue: ye.value,
                           "onUpdate:modelValue": k[4] || (k[4] = (E) => ye.value = E),
@@ -1754,14 +1765,14 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 ]),
                 _: 1
               }, 8, ["label"]),
-              m(n(Le), {
+              m(n(Ve), {
                 value: "settings",
                 label: n(o)("page.tab-settings")
               }, {
                 default: b(() => [
                   m(n(Ae), { class: "wx-block-editor__sheet" }, {
                     default: b(() => [
-                      A("div", Kn, [
+                      A("div", Jn, [
                         m(n(oe), {
                           label: n(o)("page.identifier"),
                           help: n(o)("page.identifier-help"),
@@ -1898,19 +1909,19 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           ]),
                           _: 1
                         }, 8, ["label", "help", "disabled"]),
-                        w.value ? (c(), C("div", Yn, [
+                        w.value ? (c(), C("div", Gn, [
                           m(n(ce), {
                             type: "danger",
                             variant: "outline",
                             disabled: u.value.usage_count > 0,
-                            onClick: Ve
+                            onClick: Le
                           }, {
                             default: b(() => [
                               M(S(n(o)("page.delete")), 1)
                             ]),
                             _: 1
                           }, 8, ["disabled"]),
-                          u.value.usage_count > 0 ? (c(), N(n(q), {
+                          u.value.usage_count > 0 ? (c(), z(n(K), {
                             key: 0,
                             size: "sm",
                             tone: "muted"
@@ -1928,7 +1939,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 ]),
                 _: 1
               }, 8, ["label"]),
-              m(n(Le), {
+              m(n(Ve), {
                 value: "history",
                 label: n(o)("page.tab-history")
               }, {
@@ -1954,17 +1965,17 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
           }, 8, ["modelValue"]),
           al(m(Xl, {
             class: "wx-block-editor__stage",
-            html: L.html,
-            styles: L.styles,
-            script: L.script,
-            runtime: L.runtime,
-            stage: L.stage,
-            loading: L.loading
+            html: V.html,
+            styles: V.styles,
+            script: V.script,
+            runtime: V.runtime,
+            stage: V.stage,
+            loading: V.loading
           }, null, 8, ["html", "styles", "script", "runtime", "stage", "loading"]), [
             [il, $.value]
           ])
         ], 2),
-        w.value ? (c(), N(n(Tl), { key: 1 }, {
+        w.value ? (c(), z(n(Tl), { key: 1 }, {
           default: b(() => [
             m(n(ce), {
               variant: "outline",
@@ -1993,27 +2004,27 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       ], 64))
     ]));
   }
-}), Gn = /* @__PURE__ */ ie(Jn, [["__scopeId", "data-v-22e5f784"]]), Ct = /* @__PURE__ */ new Map();
-function Zn(e) {
+}), Qn = /* @__PURE__ */ ie(Zn, [["__scopeId", "data-v-22e5f784"]]), Ct = /* @__PURE__ */ new Map();
+function Xn(e) {
   let l = Ct.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 : ql(t, e)).catch(() => null), Ct.set(e, l)), l;
+  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 : Kl(t, e)).catch(() => null), Ct.set(e, l)), l;
 }
-function Qn() {
-  const e = De(Mt, null), l = I(null), t = V(() => {
+function es() {
+  const e = De(Mt, null), l = I(null), t = L(() => {
     const a = e?.state.manifest?.modules.find((i) => i.id === "blocks")?.meta?.stage;
     return typeof a == "string" && a !== "" ? a : null;
   });
   return rl(() => {
     const s = t.value;
-    s !== null && Zn(s).then((a) => {
+    s !== null && Xn(s).then((a) => {
       t.value === s && (l.value = a);
     });
   }), l;
 }
-const Xn = ["srcdoc"], es = {
+const ts = ["srcdoc"], ls = {
   key: 1,
   class: "wx-block-thumb__empty"
-}, ts = /* @__PURE__ */ ae({
+}, ns = /* @__PURE__ */ ae({
   __name: "BlockThumb",
   props: {
     thumbnail: {},
@@ -2021,16 +2032,16 @@ const Xn = ["srcdoc"], es = {
     height: { default: 120 }
   },
   setup(e) {
-    const l = e, t = I(null), s = et(t), a = V(() => s.value > 0 ? s.value / l.width : 0.2), i = Qn(), o = V(() => {
+    const l = e, t = I(null), s = et(t), a = L(() => s.value > 0 ? s.value / l.width : 0.2), i = es(), o = L(() => {
       if (!l.thumbnail) return "";
-      const f = { html: l.thumbnail.html, styles: l.thumbnail.styles };
-      return i.value ? Kl(i.value, f) : Ht(f);
-    }), r = V(() => ({
+      const d = { html: l.thumbnail.html, styles: l.thumbnail.styles };
+      return i.value ? Yl(i.value, d) : Ht(d);
+    }), r = L(() => ({
       width: `${l.width}px`,
       height: `${Math.round(l.height / a.value)}px`,
       transform: `scale(${a.value})`
     }));
-    return (f, u) => (c(), C("div", {
+    return (d, u) => (c(), C("div", {
       ref_key: "box",
       ref: t,
       class: "wx-block-thumb",
@@ -2044,15 +2055,15 @@ const Xn = ["srcdoc"], es = {
         sandbox: "allow-same-origin",
         tabindex: "-1",
         "aria-hidden": "true"
-      }, null, 12, Xn)) : (c(), C("div", es, [
+      }, null, 12, ts)) : (c(), C("div", ls, [
         m(n(he), { name: "grid" })
       ]))
     ], 4));
   }
-}), sl = /* @__PURE__ */ ie(ts, [["__scopeId", "data-v-5ca74656"]]), ls = { class: "wx-block-picker" }, ns = {
+}), sl = /* @__PURE__ */ ie(ns, [["__scopeId", "data-v-5ca74656"]]), ss = { class: "wx-block-picker" }, os = {
   key: 0,
   class: "wx-block-picker__group-title"
-}, ss = { class: "wx-block-picker__cards" }, os = ["disabled", "title", "onClick"], as = { class: "wx-block-picker__body" }, is = { class: "wx-block-picker__title" }, rs = /* @__PURE__ */ ae({
+}, as = { class: "wx-block-picker__cards" }, is = ["disabled", "title", "onClick"], rs = { class: "wx-block-picker__body" }, us = { class: "wx-block-picker__title" }, cs = /* @__PURE__ */ ae({
   __name: "BlockPicker",
   props: {
     catalog: {},
@@ -2064,7 +2075,7 @@ const Xn = ["srcdoc"], es = {
   },
   setup(e) {
     const l = e, { resolve: t, dismiss: s, open: a } = It();
-    qe();
+    Ke();
     const i = de("webx-blocks"), o = I("");
     function r(v) {
       if (l.parent === null)
@@ -2072,29 +2083,29 @@ const Xn = ["srcdoc"], es = {
       const g = l.allow ? l.allow.includes(v.slug) : l.parent.allow?.includes(v.slug) === !0, x = v.allowed_in === null || v.allowed_in.includes(l.parent.slug);
       return g && x;
     }
-    const f = V(
+    const d = L(
       () => l.catalog.filter((v) => v.is_enabled && v.published !== null && r(v)).map((v) => {
         const g = tn(l.tree, v.slug), x = v.max_per_entity !== null && g >= v.max_per_entity;
         return { type: v, reason: x ? i("field.limit-reached", { count: g }) : null };
       })
-    ), u = V(() => {
+    ), u = L(() => {
       const v = o.value.trim().toLowerCase();
-      return v === "" ? f.value : f.value.filter(
+      return v === "" ? d.value : d.value.filter(
         ({ type: g }) => g.title.toLowerCase().includes(v) || g.slug.includes(v) || (g.description ?? "").toLowerCase().includes(v)
       );
-    }), d = V(() => {
+    }), p = L(() => {
       const v = [...l.groups];
       for (const { type: T } of u.value)
         v.includes(T.group) || v.push(T.group);
       const g = v.map((T) => ({
         id: T,
-        label: ze(T, i),
+        label: Ne(T, i),
         options: u.value.filter((w) => w.type.group === T)
       })).filter((T) => T.options.length > 0);
       return u.value.length <= 5 || o.value.trim() !== "" || g.length < 2 ? [{ id: "", label: "", options: u.value }] : g;
-    }), p = V(() => {
+    }), f = L(() => {
       if (l.catalog.length === 0) return i("field.pick-none");
-      if (f.value.length === 0 && l.parent) {
+      if (d.value.length === 0 && l.parent) {
         const v = (l.allow ?? l.parent.allow ?? []).filter(
           (g) => l.catalog.some((x) => x.slug === g)
         );
@@ -2104,9 +2115,9 @@ const Xn = ["srcdoc"], es = {
     });
     return (v, g) => {
       const x = At("router-link");
-      return c(), N(n(Pt), {
+      return c(), z(n(Ot), {
         open: n(a),
-        "onUpdate:open": g[2] || (g[2] = (T) => Lt(a) ? a.value = T : null),
+        "onUpdate:open": g[2] || (g[2] = (T) => Vt(a) ? a.value = T : null),
         title: n(i)("field.pick"),
         width: 860
       }, {
@@ -2122,8 +2133,8 @@ const Xn = ["srcdoc"], es = {
           })
         ]),
         default: b(() => [
-          A("div", ls, [
-            f.value.length > 0 ? (c(), N(n(Ue), {
+          A("div", ss, [
+            d.value.length > 0 ? (c(), z(n(Ue), {
               key: 0,
               modelValue: o.value,
               "onUpdate:modelValue": g[0] || (g[0] = (T) => o.value = T),
@@ -2131,14 +2142,14 @@ const Xn = ["srcdoc"], es = {
               clearable: "",
               autofocus: ""
             }, null, 8, ["modelValue", "placeholder"])) : D("", !0),
-            u.value.length === 0 ? (c(), N(n(Ot), {
+            u.value.length === 0 ? (c(), z(n(Pt), {
               key: 1,
               icon: "grid",
-              title: p.value,
+              title: f.value,
               size: "sm"
             }, {
               default: b(() => [
-                e.catalog.length === 0 && e.blocksPath ? (c(), N(x, {
+                e.catalog.length === 0 && e.blocksPath ? (c(), z(x, {
                   key: 0,
                   to: e.blocksPath
                 }, {
@@ -2150,12 +2161,12 @@ const Xn = ["srcdoc"], es = {
               ]),
               _: 1
             }, 8, ["title"])) : D("", !0),
-            (c(!0), C(F, null, le(d.value, (T) => (c(), C("section", {
+            (c(!0), C(F, null, le(p.value, (T) => (c(), C("section", {
               key: T.id,
               class: "wx-block-picker__group"
             }, [
-              T.label ? (c(), C("div", ns, S(T.label), 1)) : D("", !0),
-              A("div", ss, [
+              T.label ? (c(), C("div", os, S(T.label), 1)) : D("", !0),
+              A("div", as, [
                 (c(!0), C(F, null, le(T.options, (w) => (c(), C("button", {
                   key: w.type.id,
                   type: "button",
@@ -2168,9 +2179,9 @@ const Xn = ["srcdoc"], es = {
                     thumbnail: w.type.thumbnail,
                     height: 96
                   }, null, 8, ["thumbnail"]),
-                  A("div", as, [
-                    A("div", is, S(w.type.title), 1),
-                    w.reason ? (c(), N(n(q), {
+                  A("div", rs, [
+                    A("div", us, S(w.type.title), 1),
+                    w.reason ? (c(), z(n(K), {
                       key: 0,
                       size: "sm",
                       tone: "warning"
@@ -2179,7 +2190,7 @@ const Xn = ["srcdoc"], es = {
                         M(S(w.reason), 1)
                       ]),
                       _: 2
-                    }, 1024)) : w.type.description ? (c(), N(n(q), {
+                    }, 1024)) : w.type.description ? (c(), z(n(K), {
                       key: 1,
                       size: "sm",
                       tone: "muted"
@@ -2190,7 +2201,7 @@ const Xn = ["srcdoc"], es = {
                       _: 2
                     }, 1024)) : D("", !0)
                   ])
-                ], 10, os))), 128))
+                ], 10, is))), 128))
               ])
             ]))), 128))
           ])
@@ -2199,7 +2210,7 @@ const Xn = ["srcdoc"], es = {
       }, 8, ["open", "title"]);
     };
   }
-}), us = /* @__PURE__ */ ie(rs, [["__scopeId", "data-v-99f4090e"]]), cs = { class: "wx-blocks-preview__tools" }, ds = ["src", "title"], ps = /* @__PURE__ */ ae({
+}), ds = /* @__PURE__ */ ie(cs, [["__scopeId", "data-v-99f4090e"]]), ps = { class: "wx-blocks-preview__tools" }, fs = ["src", "title"], ms = /* @__PURE__ */ ae({
   __name: "BlocksPreview",
   props: {
     url: {},
@@ -2209,18 +2220,18 @@ const Xn = ["srcdoc"], es = {
   },
   emits: ["select", "edit"],
   setup(e, { expose: l, emit: t }) {
-    const s = e, a = t, i = de("webx-blocks"), o = I(null), r = I(null), f = I(null), u = et(f), d = I(!1), p = I(!1), v = I(null), g = I(0), x = V(() => g.value > 0), T = V(() => [
+    const s = e, a = t, i = de("webx-blocks"), o = I(null), r = I(null), d = I(null), u = et(d), p = I(!1), f = I(!1), v = I(null), g = I(0), x = L(() => g.value > 0), T = L(() => [
       { 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") }
-    ]), w = V(() => v.value !== null ? v.value : s.compact ? u.value > 0 && u.value < 560 ? 390 : 834 : 1280), y = V(() => u.value === 0 ? 1 : Math.min(1, u.value / w.value)), _ = V(() => ({
+    ]), w = L(() => v.value !== null ? v.value : s.compact ? u.value > 0 && u.value < 560 ? 390 : 834 : 1280), y = L(() => u.value === 0 ? 1 : Math.min(1, u.value / w.value)), _ = L(() => ({
       width: `${w.value}px`,
       transform: `scale(${y.value})`,
       ...x.value ? { height: `${g.value}px` } : {}
-    })), R = V(() => ({
+    })), R = L(() => ({
       width: `${Math.round(w.value * y.value)}px`,
       ...x.value ? { height: `${Math.round(g.value * y.value)}px` } : {}
-    })), K = V(() => {
+    })), Y = L(() => {
       if (!s.url) return "";
       try {
         return `${new URL(s.url, location.origin).pathname} · ${w.value} px`;
@@ -2228,7 +2239,7 @@ const Xn = ["srcdoc"], es = {
         return s.url;
       }
     });
-    function Y() {
+    function q() {
       try {
         return o.value?.contentDocument ?? null;
       } catch {
@@ -2236,29 +2247,29 @@ const Xn = ["srcdoc"], es = {
       }
     }
     let X = null, h = null;
-    function L(W) {
+    function V(W) {
       W.documentElement.scrollTop !== 0 && (W.documentElement.scrollTop = 0);
     }
-    function P() {
-      const W = Y(), O = W?.body;
-      if (!O || !W?.defaultView) return;
-      L(W);
-      const j = W.defaultView.getComputedStyle(O), G = (parseFloat(j.marginTop) || 0) + (parseFloat(j.marginBottom) || 0), fe = Math.ceil(O.scrollHeight + G);
+    function O() {
+      const W = q(), P = W?.body;
+      if (!P || !W?.defaultView) return;
+      V(W);
+      const j = W.defaultView.getComputedStyle(P), G = (parseFloat(j.marginTop) || 0) + (parseFloat(j.marginBottom) || 0), fe = Math.ceil(P.scrollHeight + G);
       fe !== g.value && (g.value = fe, ne !== null && ul(() => requestAnimationFrame(Q)));
     }
     function J(W) {
       h?.disconnect();
-      const O = W.defaultView;
-      !O || !W.body || (h = new O.ResizeObserver(P), h.observe(W.body), P());
+      const P = W.defaultView;
+      !P || !W.body || (h = new P.ResizeObserver(O), h.observe(W.body), O());
     }
     function Se() {
-      p.value = !0;
-      const W = Y();
+      f.value = !0;
+      const W = q();
       W && (J(W), X?.release(), X = Rl(W, {
         /* No guard against answering a click with a scroll: `bring` moves nothing that is already
            readable, and a block clicked at the very bottom of the window, half under the action
            bar, is exactly the one worth moving. */
-        select: (O) => a("select", O)
+        select: (P) => a("select", P)
       }), ot(W, s.selected ?? null), ye(s.selected ?? null));
     }
     let ne = null, pe = null;
@@ -2268,58 +2279,58 @@ const Xn = ["srcdoc"], es = {
       }, 400), Q());
     }
     function Ee(W) {
-      const O = o.value?.getBoundingClientRect();
-      if (!O) return null;
+      const P = o.value?.getBoundingClientRect();
+      if (!P) return null;
       const j = W.getBoundingClientRect();
-      return { top: O.top + j.top * y.value, height: j.height * y.value };
+      return { top: P.top + j.top * y.value, height: j.height * y.value };
     }
     function Te() {
       let W = o.value?.parentElement ?? null;
       for (; W; ) {
-        const O = getComputedStyle(W).overflowY;
-        if ((O === "auto" || O === "scroll") && W.scrollHeight > W.clientHeight)
+        const P = getComputedStyle(W).overflowY;
+        if ((P === "auto" || P === "scroll") && W.scrollHeight > W.clientHeight)
           return W;
         W = W.parentElement;
       }
       return null;
     }
     function Q() {
-      const W = Y();
+      const W = q();
       if (ne === null || !W) return;
-      L(W);
-      const O = pt(W, ne), j = O ? Ee(O) : null;
+      V(W);
+      const P = pt(W, ne), j = P ? Ee(P) : null;
       if (!j) return;
       const G = Te(), fe = G?.getBoundingClientRect(), we = r.value?.getBoundingClientRect().height ?? 0, se = {
         top: (fe?.top ?? 0) + we,
         bottom: (fe ? fe.bottom : window.innerHeight) - we
-      }, me = j.top + j.height, Ve = j.top < se.top, Ne = j.height > se.bottom - se.top, $ = Ve || Ne ? j.top - se.top : me > se.bottom ? me - se.bottom : 0;
+      }, me = j.top + j.height, Le = j.top < se.top, ze = j.height > se.bottom - se.top, $ = Le || ze ? j.top - se.top : me > se.bottom ? me - se.bottom : 0;
       $ !== 0 && (G ?? window).scrollBy({ top: $, behavior: "smooth" });
     }
-    function ke(W, O) {
-      const j = Y();
-      if (!j || !p.value) return !1;
-      const G = Ft(j, W, O);
+    function ke(W, P) {
+      const j = q();
+      if (!j || !f.value) return !1;
+      const G = Ft(j, W, P);
       return G && ot(j, s.selected ?? null), G;
     }
     function Ce() {
-      p.value = !1, h?.disconnect(), h = null, o.value && s.url && (o.value.src = s.url);
+      f.value = !1, h?.disconnect(), h = null, o.value && s.url && (o.value.src = s.url);
     }
     function ge(W) {
-      W.key === "Escape" && d.value && (d.value = !1, W.stopPropagation());
+      W.key === "Escape" && p.value && (p.value = !1, W.stopPropagation());
     }
     return te(
       () => s.selected,
       (W) => {
-        const O = Y();
-        !O || !p.value || (ot(O, W ?? null), ye(W ?? null));
+        const P = q();
+        !P || !f.value || (ot(P, W ?? null), ye(W ?? null));
       }
     ), te(() => s.reload, Ce), te(
       () => s.url,
-      () => p.value = !1
+      () => f.value = !1
     ), Re(() => window.addEventListener("keydown", ge)), Xe(() => {
       window.removeEventListener("keydown", ge), pe !== null && clearTimeout(pe), h?.disconnect(), X?.release();
-    }), l({ replace: ke, refresh: Ce, open: () => d.value = !0 }), (W, O) => (c(), C("div", {
-      class: $e(["wx-blocks-preview", { "is-fullscreen": d.value, "is-grown": x.value, "is-compact": e.compact }]),
+    }), l({ replace: ke, refresh: Ce, open: () => p.value = !0 }), (W, P) => (c(), C("div", {
+      class: $e(["wx-blocks-preview", { "is-fullscreen": p.value, "is-grown": x.value, "is-compact": e.compact }]),
       style: xe({ "--wx-preview-scale": y.value })
     }, [
       A("div", {
@@ -2327,35 +2338,35 @@ const Xn = ["srcdoc"], es = {
         ref: r,
         class: "wx-blocks-preview__bar"
       }, [
-        m(n(q), {
+        m(n(K), {
           size: "xs",
           tone: "muted",
           class: "wx-blocks-preview__label",
           truncate: ""
         }, {
           default: b(() => [
-            M(S(K.value), 1)
+            M(S(Y.value), 1)
           ]),
           _: 1
         }),
-        m(n(zt), {
+        m(n(Nt), {
           class: "wx-blocks-preview__widths",
           "model-value": w.value,
           options: T.value,
           size: "sm",
           "aria-label": n(i)("field.width"),
-          "onUpdate:modelValue": O[0] || (O[0] = (j) => v.value = Number(j))
+          "onUpdate:modelValue": P[0] || (P[0] = (j) => v.value = Number(j))
         }, null, 8, ["model-value", "options", "aria-label"]),
-        A("div", cs, [
-          e.compact ? (c(), N(n(Ie), {
+        A("div", ps, [
+          e.compact ? (c(), z(n(Ie), {
             key: 0,
             size: "sm",
             tone: "primary",
             icon: "edit",
             title: n(i)("field.blocks"),
-            onClick: O[1] || (O[1] = (j) => a("edit"))
+            onClick: P[1] || (P[1] = (j) => a("edit"))
           }, null, 8, ["title"])) : D("", !0),
-          e.url ? (c(), N(n(Ie), {
+          e.url ? (c(), z(n(Ie), {
             key: 1,
             size: "sm",
             icon: "external-link",
@@ -2367,16 +2378,16 @@ const Xn = ["srcdoc"], es = {
           }, null, 8, ["title", "href"])) : D("", !0),
           m(n(Ie), {
             size: "sm",
-            icon: d.value ? "minimize" : "maximize",
+            icon: p.value ? "minimize" : "maximize",
             tone: "neutral",
-            title: d.value ? n(i)("field.close") : n(i)("field.fullscreen"),
-            onClick: O[2] || (O[2] = (j) => d.value = !d.value)
+            title: p.value ? n(i)("field.close") : n(i)("field.fullscreen"),
+            onClick: P[2] || (P[2] = (j) => p.value = !p.value)
           }, null, 8, ["icon", "title"])
         ])
       ], 512),
       A("div", {
         ref_key: "box",
-        ref: f,
+        ref: d,
         class: "wx-blocks-preview__ground"
       }, [
         A("div", {
@@ -2392,15 +2403,15 @@ const Xn = ["srcdoc"], es = {
             style: xe(_.value),
             title: n(i)("field.preview"),
             onLoad: Se
-          }, null, 44, ds)) : D("", !0)
+          }, null, 44, fs)) : D("", !0)
         ], 4)
       ], 512)
     ], 6));
   }
-}), fs = /* @__PURE__ */ ie(ps, [["__scopeId", "data-v-398e4cef"]]), ms = { class: "wx-blocks-tree__node" }, vs = ["onClick", "onKeydown"], hs = { class: "wx-blocks-tree__name" }, bs = ["title"], gs = ["title"], ys = ["title"], ks = ["title"], ws = {
+}), vs = /* @__PURE__ */ ie(ms, [["__scopeId", "data-v-398e4cef"]]), hs = { class: "wx-blocks-tree__node" }, bs = ["onClick", "onKeydown"], gs = { class: "wx-blocks-tree__name" }, ys = ["title"], ks = ["title"], ws = ["title"], _s = ["title"], xs = {
   key: 4,
   class: "wx-blocks-tree__actions"
-}, _s = ["onClick"], xs = /* @__PURE__ */ ae({
+}, $s = ["onClick"], Ss = /* @__PURE__ */ ae({
   __name: "BlocksTree",
   props: {
     nodes: {},
@@ -2414,46 +2425,46 @@ const Xn = ["srcdoc"], es = {
   emits: ["select", "add", "remove", "duplicate", "visibility", "reorder"],
   setup(e, { emit: l }) {
     const t = e, s = l, a = de("webx-blocks");
-    function i(d) {
-      return t.catalog.find((p) => p.slug === d.type) ?? null;
+    function i(p) {
+      return t.catalog.find((f) => f.slug === p.type) ?? null;
     }
-    function o(d) {
-      return i(d)?.title ?? d.type;
+    function o(p) {
+      return i(p)?.title ?? p.type;
     }
-    function r(d) {
-      const p = i(d);
-      return p?.content ? Jt(p.content.schema) : [];
+    function r(p) {
+      const f = i(p);
+      return f?.content ? Jt(f.content.schema) : [];
     }
-    function f(d, p) {
-      const v = d.values[p.id];
+    function d(p, f) {
+      const v = p.values[f.id];
       return Array.isArray(v) ? v : [];
     }
-    function u(d) {
+    function u(p) {
       return [
         {
           key: "visibility",
-          icon: d.hidden === !0 ? "eye" : "eye-off",
-          label: d.hidden === !0 ? a("field.show") : a("field.hide"),
-          run: () => s("visibility", d.key, d.hidden !== !0)
+          icon: p.hidden === !0 ? "eye" : "eye-off",
+          label: p.hidden === !0 ? a("field.show") : a("field.hide"),
+          run: () => s("visibility", p.key, p.hidden !== !0)
         },
         {
           key: "duplicate",
           icon: "copy",
           label: a("field.duplicate"),
-          run: () => s("duplicate", d.key)
+          run: () => s("duplicate", p.key)
         },
         {
           key: "remove",
           icon: "trash",
           label: a("field.remove"),
           danger: !0,
-          run: () => s("remove", d.key)
+          run: () => s("remove", p.key)
         }
       ];
     }
-    return (d, p) => {
+    return (p, f) => {
       const v = At("blocks-tree", !0);
-      return c(), N(n(Cl), {
+      return c(), z(n(Cl), {
         "model-value": e.nodes,
         "item-key": "key",
         "item-label": (g) => o(g),
@@ -2462,10 +2473,10 @@ const Xn = ["srcdoc"], es = {
         size: "sm",
         "empty-text": e.depth === 0 ? n(a)("field.empty") : "",
         class: $e(["wx-blocks-tree", { "is-nested": e.depth > 0 }]),
-        "onUpdate:modelValue": p[6] || (p[6] = (g) => s("reorder", e.parentKey, e.field, g))
+        "onUpdate:modelValue": f[6] || (f[6] = (g) => s("reorder", e.parentKey, e.field, g))
       }, {
         default: b(({ item: g }) => [
-          A("div", ms, [
+          A("div", hs, [
             A("div", {
               class: $e(["wx-blocks-tree__row", { "is-selected": e.selected === g.key, "is-hidden": g.hidden === !0 }]),
               role: "button",
@@ -2476,58 +2487,58 @@ const Xn = ["srcdoc"], es = {
                 ht(bt((x) => s("select", g.key), ["prevent"]), ["space"])
               ]
             }, [
-              A("span", hs, S(o(g)), 1),
+              A("span", gs, S(o(g)), 1),
               i(g) ? i(g)?.draft ? (c(), C("span", {
                 key: 1,
                 class: "wx-blocks-tree__flag is-warning",
                 title: n(a)("field.draft-type")
               }, [
                 m(n(he), { name: "warning" })
-              ], 8, gs)) : i(g)?.is_enabled === !1 ? (c(), C("span", {
+              ], 8, ks)) : i(g)?.is_enabled === !1 ? (c(), C("span", {
                 key: 2,
                 class: "wx-blocks-tree__flag",
                 title: n(a)("field.disabled-type")
               }, [
                 m(n(he), { name: "lock" })
-              ], 8, ys)) : D("", !0) : (c(), C("span", {
+              ], 8, ws)) : D("", !0) : (c(), C("span", {
                 key: 0,
                 class: "wx-blocks-tree__flag is-danger",
                 title: n(a)("field.unknown-type", { type: g.type })
               }, [
                 m(n(he), { name: "close-circle" })
-              ], 8, bs)),
+              ], 8, ys)),
               g.hidden === !0 ? (c(), C("span", {
                 key: 3,
                 class: "wx-blocks-tree__flag",
                 title: n(a)("field.hidden-note")
               }, [
                 m(n(he), { name: "eye-off" })
-              ], 8, ks)) : D("", !0),
-              e.disabled ? D("", !0) : (c(), C("span", ws, [
+              ], 8, _s)) : D("", !0),
+              e.disabled ? D("", !0) : (c(), C("span", xs, [
                 m(n(kl), {
                   actions: u(g),
                   label: o(g)
                 }, null, 8, ["actions", "label"])
               ]))
-            ], 42, vs),
+            ], 42, bs),
             (c(!0), C(F, null, le(r(g), (x) => (c(), C("div", {
               key: x.id,
               class: "wx-blocks-tree__kids"
             }, [
               m(v, {
-                nodes: f(g, x),
+                nodes: d(g, x),
                 catalog: e.catalog,
                 "parent-key": g.key,
                 field: x.id,
                 selected: e.selected,
                 disabled: e.disabled,
                 depth: e.depth + 1,
-                onSelect: p[0] || (p[0] = (T) => s("select", T)),
-                onAdd: p[1] || (p[1] = (T, w, y) => s("add", T, w, y)),
-                onRemove: p[2] || (p[2] = (T) => s("remove", T)),
-                onDuplicate: p[3] || (p[3] = (T) => s("duplicate", T)),
-                onVisibility: p[4] || (p[4] = (T, w) => s("visibility", T, w)),
-                onReorder: p[5] || (p[5] = (T, w, y) => s("reorder", T, w, y))
+                onSelect: f[0] || (f[0] = (T) => s("select", T)),
+                onAdd: f[1] || (f[1] = (T, w, y) => s("add", T, w, y)),
+                onRemove: f[2] || (f[2] = (T) => s("remove", T)),
+                onDuplicate: f[3] || (f[3] = (T) => s("duplicate", T)),
+                onVisibility: f[4] || (f[4] = (T, w) => s("visibility", T, w)),
+                onReorder: f[5] || (f[5] = (T, w, y) => s("reorder", T, w, y))
               }, null, 8, ["nodes", "catalog", "parent-key", "field", "selected", "disabled", "depth"]),
               e.disabled ? D("", !0) : (c(), C("button", {
                 key: 0,
@@ -2539,7 +2550,7 @@ const Xn = ["srcdoc"], es = {
                 r(g).length > 1 ? (c(), C(F, { key: 0 }, [
                   M(" · " + S(x.label ?? x.id), 1)
                 ], 64)) : D("", !0)
-              ], 8, _s))
+              ], 8, $s))
             ]))), 128))
           ])
         ]),
@@ -2547,29 +2558,29 @@ const Xn = ["srcdoc"], es = {
       }, 8, ["model-value", "item-label", "disabled", "empty-text", "class"]);
     };
   }
-}), $s = /* @__PURE__ */ ie(xs, [["__scopeId", "data-v-590fa1d6"]]), vt = /* @__PURE__ */ Symbol("wx-blocks-preview");
-function po(e) {
+}), Es = /* @__PURE__ */ ie(Ss, [["__scopeId", "data-v-590fa1d6"]]), vt = /* @__PURE__ */ Symbol("wx-blocks-preview");
+function vo(e) {
   Bt(vt, e);
 }
-function fo() {
+function ho() {
   return De(vt, null);
 }
-const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
+const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
   key: 0,
   class: "wx-blocks-nested"
-}, Es = {
+}, Cs = {
   key: 0,
   class: "wx-blocks__tree"
-}, Ts = { class: "wx-blocks__panel-head" }, Cs = { class: "wx-blocks__panel-title" }, Vs = { class: "wx-blocks__tools" }, As = {
+}, Ls = { class: "wx-blocks__panel-head" }, As = { class: "wx-blocks__panel-title" }, Vs = { class: "wx-blocks__list" }, Bs = { class: "wx-blocks__tools" }, Ws = {
   key: 1,
   class: "wx-blocks__fields"
-}, Ls = { class: "wx-blocks__panel-head" }, Bs = { class: "wx-blocks__panel-title" }, Ws = {
+}, Ms = { class: "wx-blocks__panel-head" }, Ns = { class: "wx-blocks__panel-title" }, zs = {
   key: 0,
   class: "wx-blocks__trail"
-}, Ms = ["onClick"], zs = { class: "wx-blocks__panel-name" }, Ns = { class: "wx-blocks__panel-extra" }, Ds = { key: 0 }, Is = { class: "wx-blocks__form" }, Ps = {
+}, Ds = ["onClick"], Is = { class: "wx-blocks__panel-name" }, Os = { class: "wx-blocks__panel-extra" }, Ps = { key: 0 }, Us = { class: "wx-blocks__form" }, Rs = {
   key: 0,
   class: "wx-blocks__preview"
-}, Os = /* @__PURE__ */ ae({
+}, js = /* @__PURE__ */ ae({
   name: "WxBlocks",
   inheritAttrs: !1,
   __name: "BlocksField",
@@ -2589,36 +2600,36 @@ const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const l = e, t = cl(e, "modelValue"), s = De(Vt, !1);
-    Bt(Vt, !0), qe();
+    const l = e, t = cl(e, "modelValue"), s = De(Lt, !1);
+    Bt(Lt, !0), Ke();
     const a = de("webx-blocks"), i = Fe(), o = De(Mt, null);
     let r = null;
-    const f = I([]), u = V(() => l.catalog ?? f.value), d = V(() => Array.isArray(t.value) ? t.value : []), p = I(null), v = V(() => p.value ? re(d.value, p.value) : null), g = V(
+    const d = I([]), u = L(() => l.catalog ?? d.value), p = L(() => Array.isArray(t.value) ? t.value : []), f = I(null), v = L(() => f.value ? re(p.value, f.value) : null), g = L(
       () => v.value ? u.value.find(($) => $.slug === v.value?.node.type) ?? null : null
     );
     function x($) {
-      return u.value.find((z) => z.slug === $.type)?.title ?? $.type;
+      return u.value.find((N) => N.slug === $.type)?.title ?? $.type;
     }
-    const T = V(() => {
+    const T = L(() => {
       const $ = [];
-      return He(d.value, (z) => $.push(z.key)), $;
-    }), w = V(() => {
-      const $ = p.value ? T.value.indexOf(p.value) : -1;
+      return He(p.value, (N) => $.push(N.key)), $;
+    }), w = L(() => {
+      const $ = f.value ? T.value.indexOf(f.value) : -1;
       return {
         previous: $ > 0 ? T.value[$ - 1] : null,
         next: $ >= 0 && $ < T.value.length - 1 ? T.value[$ + 1] : null
       };
-    }), y = V(() => {
+    }), y = L(() => {
       const $ = [];
-      let z = v.value?.parent ?? null;
-      for (; z; )
-        $.unshift({ key: z.key, title: x(z) }), z = re(d.value, z.key)?.parent ?? null;
+      let N = v.value?.parent ?? null;
+      for (; N; )
+        $.unshift({ key: N.key, title: x(N) }), N = re(p.value, N.key)?.parent ?? null;
       return $;
-    }), _ = De(vt, null), R = I(null), K = I(null), Y = et(K), X = V(() => _ !== null && _.url.value !== null), h = V(() => X.value && Y.value > 0 && Y.value <= 900), L = I(!1), P = V(() => {
+    }), _ = De(vt, null), R = I(null), Y = I(null), q = et(Y), X = L(() => _ !== null && _.url.value !== null), h = L(() => X.value && q.value > 0 && q.value <= 900), V = I(!1), O = L(() => {
       if (!v.value) return;
       const $ = g.value?.title ?? v.value.node.type;
-      return [...y.value.map((z) => z.title), $].join(" / ");
-    }), J = V(
+      return [...y.value.map((N) => N.title), $].join(" / ");
+    }), J = L(
       () => h.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 —
@@ -2636,83 +2647,83 @@ const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
            the blocks it is inside spelled out in front of it, because the trail that says so
            in the column is part of the heading this replaces. The tree keeps its own heading,
            which already says what it is and how many. */
-        title: P.value,
-        open: L.value,
-        "onUpdate:open": ($) => L.value = $
+        title: O.value,
+        open: V.value,
+        "onUpdate:open": ($) => V.value = $
       } : {}
-    ), Se = V(
+    ), Se = L(
       () => o?.state.manifest?.modules.find(($) => $.id === "blocks")?.meta?.groups ?? []
-    ), ne = dl()?.type, pe = V(() => l.context?.types ? l.context.types : o?.types ? { ...Je, ...o.types } : ne ? { ...Je, "wx-blocks": { component: ne, kind: "field", nested: !0 } } : Je), ye = V(
+    ), ne = dl()?.type, pe = L(() => l.context?.types ? l.context.types : o?.types ? { ...Je, ...o.types } : ne ? { ...Je, "wx-blocks": { component: ne, kind: "field", nested: !0 } } : Je), ye = L(
       () => l.context?.translate ?? o?.i18n.t ?? (($) => $)
-    ), Ee = V(() => l.context?.can ?? o?.can ?? (() => !0)), Te = Ut(us);
+    ), Ee = L(() => l.context?.can ?? o?.can ?? (() => !0)), Te = Ut(ds);
     function Q($) {
       t.value = $;
     }
-    async function ke($, z, U) {
-      const H = $ ? re(d.value, $) : null, ee = H ? u.value.find((ol) => ol.slug === H.node.type) ?? null : null, lt = $ === null ? l.allow : U?.props?.allow ?? null, B = $ === null ? l.max : U?.props?.max ?? null, k = $ === null ? d.value : H && z ? H.node.values[z] ?? [] : [];
+    async function ke($, N, U) {
+      const H = $ ? re(p.value, $) : null, ee = H ? u.value.find((ol) => ol.slug === H.node.type) ?? null : null, lt = $ === null ? l.allow : U?.props?.allow ?? null, B = $ === null ? l.max : U?.props?.max ?? null, k = $ === null ? p.value : H && N ? H.node.values[N] ?? [] : [];
       if (B != null && k.length >= B) return;
       const E = await Te({
         catalog: u.value,
         parent: ee,
         allow: lt,
-        tree: d.value,
+        tree: p.value,
         groups: Se.value,
         blocksPath: l.blocksPath
       });
       if (!E) return;
       const nt = en(E.slug, Ce(E));
-      Q($t(d.value, $, z, k.length, nt)), p.value = nt.key;
+      Q($t(p.value, $, N, k.length, nt)), f.value = nt.key;
     }
     function Ce($) {
-      const z = $.content?.sample ?? {}, U = {};
-      for (const [H, ee] of Object.entries(z))
+      const N = $.content?.sample ?? {}, U = {};
+      for (const [H, ee] of Object.entries(N))
         (!Array.isArray(ee) || ee.length === 0 || typeof ee[0] != "object") && (U[H] = ee);
       return U;
     }
     async function ge($) {
-      const z = re(d.value, $);
-      if (!z) return;
-      const U = ln(z.node);
+      const N = re(p.value, $);
+      if (!N) return;
+      const U = ln(N.node);
       await Qe({
         title: a("field.remove-title", {
-          title: u.value.find((ee) => ee.slug === z.node.type)?.title ?? z.node.type
+          title: u.value.find((ee) => ee.slug === N.node.type)?.title ?? N.node.type
         }),
         message: U > 0 ? a("field.remove-text", { count: U }) : a("field.remove-alone"),
         confirmText: a("field.remove"),
         cancelText: a("page.cancel"),
         tone: "danger"
-      }) && (p.value === $ && (p.value = null), Q(on(d.value, $)));
+      }) && (f.value === $ && (f.value = null), Q(on(p.value, $)));
     }
     function W($) {
-      const z = re(d.value, $);
-      if (!z) return;
-      const U = Gt(z.node);
-      Q($t(d.value, z.parent?.key ?? null, z.field, z.index + 1, U)), p.value = U.key;
+      const N = re(p.value, $);
+      if (!N) return;
+      const U = Gt(N.node);
+      Q($t(p.value, N.parent?.key ?? null, N.field, N.index + 1, U)), f.value = U.key;
     }
-    function O($, z) {
-      Q(nn(d.value, $, z));
+    function P($, N) {
+      Q(nn(p.value, $, N));
     }
-    function j($, z, U) {
-      Q(rn(d.value, $, z, U));
+    function j($, N, U) {
+      Q(rn(p.value, $, N, U));
     }
     function G($) {
-      p.value = p.value === $ ? null : $;
+      f.value = f.value === $ ? null : $;
     }
     function fe($) {
-      $ === null || !re(d.value, $) || (p.value = $, h.value && (L.value = !0));
+      $ === null || !re(p.value, $) || (f.value = $, h.value && (V.value = !0));
     }
     function we() {
-      p.value = null;
+      f.value = null;
     }
     function se($) {
-      p.value && Q(an(d.value, p.value, $));
+      f.value && Q(an(p.value, f.value, $));
     }
     let me;
     te(
       () => v.value?.node.values,
-      ($, z) => {
-        if (!$ || !z || !g.value || !r || !_) return;
-        const U = p.value, H = g.value.id;
+      ($, N) => {
+        if (!$ || !N || !g.value || !r || !_) return;
+        const U = f.value, H = g.value.id;
         clearTimeout(me), me = setTimeout(() => {
           !U || !r || r.render(H, { values: $, key: U }).then((ee) => {
             R.value?.replace(U, ee.html) || R.value?.refresh();
@@ -2722,26 +2733,26 @@ const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
       },
       { deep: !0 }
     );
-    function Ve($) {
-      $.key === "Escape" && p.value && we();
+    function Le($) {
+      $.key === "Escape" && f.value && we();
     }
     Re(async () => {
-      if (window.addEventListener("keydown", Ve), l.catalog === null && o) {
+      if (window.addEventListener("keydown", Le), l.catalog === null && o) {
         r = Me(o);
         try {
-          f.value = await r.catalog();
+          d.value = await r.catalog();
         } catch ($) {
           Z.danger(i($));
         }
       } else o && (r = Me(o));
     }), Xe(() => {
-      clearTimeout(me), window.removeEventListener("keydown", Ve);
+      clearTimeout(me), window.removeEventListener("keydown", Le);
     });
-    const Ne = V(
+    const ze = L(
       () => g.value?.content ? mt(g.value.content.schema) : []
     );
-    return ($, z) => n(s) ? (c(), C("div", Ss, [
-      m(n(q), {
+    return ($, N) => n(s) ? (c(), C("div", Ts, [
+      m(n(K), {
         size: "sm",
         tone: "muted"
       }, {
@@ -2753,7 +2764,7 @@ const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
     ])) : (c(), C("div", {
       key: 1,
       ref_key: "host",
-      ref: K,
+      ref: Y,
       class: $e(["wx-blocks-host", { "is-compact": h.value }])
     }, [
       A("div", {
@@ -2762,52 +2773,54 @@ const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
           "has-preview": n(_) !== null && n(_).url.value !== null
         }])
       }, [
-        (c(), N(pl(h.value ? n(Vl) : "div"), fl(J.value, { class: "wx-blocks__side" }), {
+        (c(), z(pl(h.value ? n(Ll) : "div"), fl(J.value, { class: "wx-blocks__side" }), {
           default: b(() => [
-            v.value ? D("", !0) : (c(), C("div", Es, [
-              A("div", Ts, [
-                A("span", Cs, S(n(a)("field.blocks")), 1),
-                m(n(q), {
+            v.value ? D("", !0) : (c(), C("div", Cs, [
+              A("div", Ls, [
+                A("span", As, S(n(a)("field.blocks")), 1),
+                m(n(K), {
                   size: "sm",
                   tone: "muted"
                 }, {
                   default: b(() => [
-                    M(S(d.value.length), 1)
+                    M(S(p.value.length), 1)
                   ]),
                   _: 1
                 })
               ]),
-              m($s, {
-                nodes: d.value,
-                catalog: u.value,
-                selected: p.value,
-                disabled: e.disabled,
-                onSelect: G,
-                onAdd: ke,
-                onRemove: ge,
-                onDuplicate: W,
-                onVisibility: O,
-                onReorder: j
-              }, null, 8, ["nodes", "catalog", "selected", "disabled"]),
               A("div", Vs, [
-                !e.disabled && (e.max === null || d.value.length < e.max) ? (c(), N(n(ce), {
+                m(Es, {
+                  nodes: p.value,
+                  catalog: u.value,
+                  selected: f.value,
+                  disabled: e.disabled,
+                  onSelect: G,
+                  onAdd: ke,
+                  onRemove: ge,
+                  onDuplicate: W,
+                  onVisibility: P,
+                  onReorder: j
+                }, null, 8, ["nodes", "catalog", "selected", "disabled"])
+              ]),
+              A("div", Bs, [
+                !e.disabled && (e.max === null || p.value.length < e.max) ? (c(), z(n(ce), {
                   key: 0,
                   variant: "outline",
                   icon: "plus",
                   class: "wx-blocks__add",
-                  onClick: z[0] || (z[0] = (U) => ke(null, null, null))
+                  onClick: N[0] || (N[0] = (U) => ke(null, null, null))
                 }, {
                   default: b(() => [
                     M(S(n(a)("field.add")), 1)
                   ]),
                   _: 1
                 })) : D("", !0),
-                !h.value && n(_) && n(_).url.value ? (c(), N(n(ce), {
+                !h.value && n(_) && n(_).url.value ? (c(), z(n(ce), {
                   key: 1,
                   variant: "outline",
                   icon: "eye",
                   class: "wx-blocks__preview-button",
-                  onClick: z[1] || (z[1] = (U) => R.value?.open())
+                  onClick: N[1] || (N[1] = (U) => R.value?.open())
                 }, {
                   default: b(() => [
                     M(S(n(a)("field.preview")), 1)
@@ -2816,10 +2829,10 @@ const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
                 })) : D("", !0)
               ])
             ])),
-            v.value ? (c(), C("div", As, [
-              A("div", Ls, [
-                A("span", Bs, [
-                  y.value.length ? (c(), C("span", Ws, [
+            v.value ? (c(), C("div", Ws, [
+              A("div", Ms, [
+                A("span", Ns, [
+                  y.value.length ? (c(), C("span", zs, [
                     (c(!0), C(F, null, le(y.value, (U) => (c(), C(F, {
                       key: U.key
                     }, [
@@ -2827,21 +2840,21 @@ const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
                         type: "button",
                         class: "wx-blocks__trail-step",
                         onClick: (H) => G(U.key)
-                      }, S(U.title), 9, Ms),
+                      }, S(U.title), 9, Ds),
                       m(n(he), { name: "chevron-right" })
                     ], 64))), 128))
                   ])) : D("", !0),
-                  A("span", zs, S(g.value?.title ?? v.value.node.type), 1)
+                  A("span", Is, S(g.value?.title ?? v.value.node.type), 1)
                 ]),
-                A("span", Ns, [
-                  h.value ? D("", !0) : (c(), C("code", Ds, S(v.value.node.type), 1)),
+                A("span", Os, [
+                  h.value ? D("", !0) : (c(), C("code", Ps, S(v.value.node.type), 1)),
                   m(n(Ie), {
                     size: "sm",
                     tone: "neutral",
                     icon: "chevron-up",
                     title: n(a)("field.previous"),
                     disabled: w.value.previous === null,
-                    onClick: z[2] || (z[2] = (U) => w.value.previous && G(w.value.previous))
+                    onClick: N[2] || (N[2] = (U) => w.value.previous && G(w.value.previous))
                   }, null, 8, ["title", "disabled"]),
                   m(n(Ie), {
                     size: "sm",
@@ -2849,16 +2862,16 @@ const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
                     icon: "chevron-down",
                     title: n(a)("field.next"),
                     disabled: w.value.next === null,
-                    onClick: z[3] || (z[3] = (U) => w.value.next && G(w.value.next))
+                    onClick: N[3] || (N[3] = (U) => w.value.next && G(w.value.next))
                   }, null, 8, ["title", "disabled"]),
-                  !h.value && n(_) && n(_).url.value ? (c(), N(n(ce), {
+                  !h.value && n(_) && n(_).url.value ? (c(), z(n(ce), {
                     key: 1,
                     size: "sm",
                     variant: "outline",
                     icon: "eye",
                     class: "wx-blocks__preview-button",
                     "aria-label": n(a)("field.preview"),
-                    onClick: z[4] || (z[4] = (U) => R.value?.open())
+                    onClick: N[4] || (N[4] = (U) => R.value?.open())
                   }, null, 8, ["aria-label"])) : D("", !0),
                   m(n(ce), {
                     size: "sm",
@@ -2872,17 +2885,17 @@ const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
                   })
                 ])
               ]),
-              A("div", Is, [
-                g.value?.content ? (c(), N(n(Rt), {
+              A("div", Us, [
+                g.value?.content ? (c(), z(n(Rt), {
                   key: v.value.node.key,
                   "model-value": v.value.node.values,
-                  root: Ne.value,
+                  root: ze.value,
                   types: pe.value,
                   translate: ye.value,
                   can: Ee.value,
                   disabled: e.disabled,
                   "onUpdate:modelValue": se
-                }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (c(), N(n(q), {
+                }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (c(), z(n(K), {
                   key: 1,
                   size: "sm",
                   tone: "danger"
@@ -2897,22 +2910,22 @@ const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
           ]),
           _: 1
         }, 16)),
-        n(_) && n(_).url.value ? (c(), C("div", Ps, [
-          m(fs, {
+        n(_) && n(_).url.value ? (c(), C("div", Rs, [
+          m(vs, {
             ref_key: "previewEl",
             ref: R,
             url: n(_).url.value,
-            selected: p.value,
+            selected: f.value,
             reload: n(_).reload?.value ?? 0,
             compact: h.value,
             onSelect: fe,
-            onEdit: z[5] || (z[5] = (U) => L.value = !0)
+            onEdit: N[5] || (N[5] = (U) => V.value = !0)
           }, null, 8, ["url", "selected", "reload", "compact"])
         ])) : D("", !0)
       ], 2)
     ], 2));
   }
-}), Us = /* @__PURE__ */ ie(Os, [["__scopeId", "data-v-1c5bc971"]]), Rs = { class: "wx-block-card__body" }, js = { class: "wx-block-card__title" }, Fs = { class: "wx-block-card__chips" }, Hs = /* @__PURE__ */ ae({
+}), Fs = /* @__PURE__ */ ie(js, [["__scopeId", "data-v-3952ee19"]]), Hs = { class: "wx-block-card__body" }, Ks = { class: "wx-block-card__title" }, Ys = { class: "wx-block-card__chips" }, qs = /* @__PURE__ */ ae({
   __name: "BlockCard",
   props: {
     block: {}
@@ -2929,9 +2942,9 @@ const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
         thumbnail: e.block.thumbnail,
         height: 120
       }, null, 8, ["thumbnail"]),
-      A("div", Rs, [
-        A("div", js, S(e.block.title), 1),
-        m(n(q), {
+      A("div", Hs, [
+        A("div", Ks, S(e.block.title), 1),
+        m(n(K), {
           size: "sm",
           tone: "muted"
         }, {
@@ -2941,8 +2954,8 @@ const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
           ]),
           _: 1
         }),
-        A("div", Fs, [
-          e.block.draft ? (c(), N(n(ue), {
+        A("div", Ys, [
+          e.block.draft ? (c(), z(n(ue), {
             key: 0,
             type: "warning",
             dot: ""
@@ -2952,7 +2965,7 @@ const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
             ]),
             _: 1
           })) : D("", !0),
-          e.block.published ? (c(), N(n(ue), {
+          e.block.published ? (c(), z(n(ue), {
             key: 1,
             type: "success",
             dot: ""
@@ -2961,7 +2974,7 @@ const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
               M(S(n(s)("page.live", { number: e.block.published.number })), 1)
             ]),
             _: 1
-          })) : (c(), N(n(ue), {
+          })) : (c(), z(n(ue), {
             key: 2,
             type: "default"
           }, {
@@ -2970,7 +2983,7 @@ const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
             ]),
             _: 1
           })),
-          e.block.is_enabled ? D("", !0) : (c(), N(n(ue), {
+          e.block.is_enabled ? D("", !0) : (c(), z(n(ue), {
             key: 3,
             type: "default",
             variant: "outline"
@@ -2984,13 +2997,13 @@ const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
       ])
     ]));
   }
-}), qs = /* @__PURE__ */ ie(Hs, [["__scopeId", "data-v-3d94f339"]]), Ks = { class: "wx-block-create" }, Ys = /* @__PURE__ */ ae({
+}), Js = /* @__PURE__ */ ie(qs, [["__scopeId", "data-v-3d94f339"]]), Gs = { class: "wx-block-create" }, Zs = /* @__PURE__ */ ae({
   __name: "BlockCreateDialog",
   setup(e) {
     const { resolve: l, dismiss: t, open: s } = It(), a = je(), i = Me(a);
-    qe();
-    const o = de("webx-blocks"), r = Fe(), f = V(() => a.state.manifest?.modules.find((_) => _.id === "blocks")?.meta?.groups ?? ["content"]), u = I({ title: "", slug: "", group: f.value[0] ?? "content" }), d = I({}), p = I(!1), v = I(!1), g = V(
-      () => f.value.map((y) => ({ value: y, label: ze(y, o) }))
+    Ke();
+    const o = de("webx-blocks"), r = Fe(), d = L(() => a.state.manifest?.modules.find((_) => _.id === "blocks")?.meta?.groups ?? ["content"]), u = I({ title: "", slug: "", group: d.value[0] ?? "content" }), p = I({}), f = I(!1), v = I(!1), g = L(
+      () => d.value.map((y) => ({ value: y, label: Ne(y, o) }))
     );
     function x(y) {
       return y.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "").slice(0, 64);
@@ -3002,22 +3015,22 @@ const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
       }
     );
     function T(y) {
-      return d.value[y]?.[0];
+      return p.value[y]?.[0];
     }
     async function w() {
-      p.value = !0, d.value = {};
+      f.value = !0, p.value = {};
       try {
         l(await i.create(u.value));
       } catch (y) {
         const _ = y.body;
-        _?.errors ? d.value = _.errors : Z.danger(r(y, o("page.failed")));
+        _?.errors ? p.value = _.errors : Z.danger(r(y, o("page.failed")));
       } finally {
-        p.value = !1;
+        f.value = !1;
       }
     }
-    return (y, _) => (c(), N(n(Pt), {
+    return (y, _) => (c(), z(n(Ot), {
       open: n(s),
-      "onUpdate:open": _[5] || (_[5] = (R) => Lt(s) ? s.value = R : null),
+      "onUpdate:open": _[5] || (_[5] = (R) => Vt(s) ? s.value = R : null),
       title: n(o)("page.new"),
       width: 520
     }, {
@@ -3035,7 +3048,7 @@ const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
             }),
             m(n(ce), {
               type: "primary",
-              loading: p.value,
+              loading: f.value,
               onClick: w
             }, {
               default: b(() => [
@@ -3048,7 +3061,7 @@ const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
         })
       ]),
       default: b(() => [
-        A("div", Ks, [
+        A("div", Gs, [
           m(n(oe), {
             label: n(o)("page.title"),
             error: T("title")
@@ -3096,121 +3109,121 @@ const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Js = /* @__PURE__ */ ie(Ys, [["__scopeId", "data-v-a4c0d44c"]]), Gs = {
+}), Qs = /* @__PURE__ */ ie(Zs, [["__scopeId", "data-v-a4c0d44c"]]), Xs = {
   key: 1,
   class: "wx-blocks-page__toolbar"
-}, Zs = { class: "wx-blocks-page__cards" }, Qs = { class: "wx-blocks-page__ghost-body" }, Xs = {
+}, eo = { class: "wx-blocks-page__cards" }, to = { class: "wx-blocks-page__ghost-body" }, lo = {
   key: 0,
   class: "wx-blocks-page__group-title"
-}, eo = { class: "wx-blocks-page__cards" }, to = /* @__PURE__ */ ae({
+}, no = { class: "wx-blocks-page__cards" }, so = /* @__PURE__ */ ae({
   __name: "BlocksPage",
   props: {
     base: { default: "/blocks" }
   },
   setup(e) {
     const l = e, t = je(), s = Me(t), a = Wt();
-    qe();
-    const i = de("webx-blocks"), o = Fe(), r = I([]), f = I(!0), u = I(""), d = I(""), p = Ut(Js), v = V(() => {
-      const h = t.state.manifest?.modules.find((L) => L.id === "blocks")?.meta;
+    Ke();
+    const i = de("webx-blocks"), o = Fe(), r = I([]), d = I(!0), u = I(""), p = I(""), f = Ut(Qs), v = L(() => {
+      const h = t.state.manifest?.modules.find((V) => V.id === "blocks")?.meta;
       return {
         groups: h?.groups ?? [],
         editing: h?.editing ?? !0,
         provides: h?.provides ?? []
       };
-    }), g = V(() => t.can("blocks.manage") && v.value.editing), x = V(
+    }), g = L(() => t.can("blocks.manage") && v.value.editing), x = L(
       () => t.state.manifest?.modules.find((h) => h.id === "blocks")?.title ?? i("module.title")
-    ), T = V(() => {
-      const h = u.value.trim().toLowerCase(), L = d.value === "" ? r.value : r.value.filter((P) => P.group === d.value);
-      return h === "" ? L : L.filter(
-        (P) => P.title.toLowerCase().includes(h) || P.slug.includes(h) || (P.description ?? "").toLowerCase().includes(h)
+    ), T = L(() => {
+      const h = u.value.trim().toLowerCase(), V = p.value === "" ? r.value : r.value.filter((O) => O.group === p.value);
+      return h === "" ? V : V.filter(
+        (O) => O.title.toLowerCase().includes(h) || O.slug.includes(h) || (O.description ?? "").toLowerCase().includes(h)
       );
-    }), w = V(() => {
+    }), w = L(() => {
       const h = [...v.value.groups];
-      for (const L of r.value)
-        h.includes(L.group) || h.push(L.group);
-      return h.filter((L) => r.value.some((P) => P.group === L));
-    }), y = V(
+      for (const V of r.value)
+        h.includes(V.group) || h.push(V.group);
+      return h.filter((V) => r.value.some((O) => O.group === V));
+    }), y = L(
       () => w.value.length < 2 ? [] : [
         { value: "", label: i("page.all-groups") },
-        ...w.value.map((h) => ({ value: h, label: ze(h, i) }))
+        ...w.value.map((h) => ({ value: h, label: Ne(h, i) }))
       ]
-    ), _ = V(() => {
-      const h = w.value.map((P) => ({
-        id: P,
-        label: ze(P, i),
-        blocks: T.value.filter((J) => J.group === P)
-      })).filter((P) => P.blocks.length > 0);
-      return d.value !== "" || T.value.length <= 5 || u.value.trim() !== "" || h.length < 2 ? [{ id: "", label: "", blocks: T.value }] : h;
+    ), _ = L(() => {
+      const h = w.value.map((O) => ({
+        id: O,
+        label: Ne(O, i),
+        blocks: T.value.filter((J) => J.group === O)
+      })).filter((O) => O.blocks.length > 0);
+      return p.value !== "" || T.value.length <= 5 || u.value.trim() !== "" || h.length < 2 ? [{ id: "", label: "", blocks: T.value }] : h;
     });
     async function R() {
-      f.value = !0;
+      d.value = !0;
       try {
         r.value = await s.list();
       } catch (h) {
         Z.danger(o(h));
       } finally {
-        f.value = !1;
+        d.value = !1;
       }
     }
-    function K(h) {
+    function Y(h) {
       a.push(`${l.base}/${h.id}`);
     }
-    async function Y() {
-      const h = await p({});
-      h && K(h);
+    async function q() {
+      const h = await f({});
+      h && Y(h);
     }
     Re(R);
-    const X = V(
+    const X = L(
       () => g.value ? [{ key: "new", label: i("page.new"), icon: "plus", primary: !0, run: () => {
-        Y();
+        q();
       } }] : []
     );
-    return (h, L) => (c(), N(n(wl), {
-      view: d.value,
-      "onUpdate:view": L[1] || (L[1] = (P) => d.value = P),
+    return (h, V) => (c(), z(n(wl), {
+      view: p.value,
+      "onUpdate:view": V[1] || (V[1] = (O) => p.value = O),
       class: "wx-blocks-page",
       title: x.value,
       views: y.value,
       actions: X.value
     }, {
       default: b(() => [
-        v.value.editing ? D("", !0) : (c(), N(n(Nt), {
+        v.value.editing ? D("", !0) : (c(), z(n(zt), {
           key: 0,
           type: "info",
           variant: "soft",
           description: n(i)("page.editing-off")
         }, null, 8, ["description"])),
-        f.value || r.value.length > 0 ? (c(), C("div", Gs, [
+        d.value || r.value.length > 0 ? (c(), C("div", Xs, [
           m(n(Ue), {
             modelValue: u.value,
-            "onUpdate:modelValue": L[0] || (L[0] = (P) => u.value = P),
+            "onUpdate:modelValue": V[0] || (V[0] = (O) => u.value = O),
             class: "wx-blocks-page__search",
             placeholder: n(i)("page.search"),
             clearable: ""
           }, null, 8, ["modelValue", "placeholder"])
         ])) : D("", !0),
-        f.value ? (c(), N(n(Be), { key: 2 }, {
+        d.value ? (c(), z(n(Be), { key: 2 }, {
           template: b(() => [
-            A("div", Zs, [
-              (c(), C(F, null, le(4, (P) => A("div", {
-                key: P,
+            A("div", eo, [
+              (c(), C(F, null, le(4, (O) => A("div", {
+                key: O,
                 class: "wx-blocks-page__ghost"
               }, [
-                m(n(Ye), {
+                m(n(qe), {
                   variant: "image",
                   height: 120,
                   class: "wx-blocks-page__ghost-thumb"
                 }),
-                A("div", Qs, [
-                  m(n(Ye), {
+                A("div", to, [
+                  m(n(qe), {
                     variant: "title",
                     width: "45%"
                   }),
-                  m(n(Ye), {
+                  m(n(qe), {
                     variant: "text",
                     width: "70%"
                   }),
-                  m(n(Ye), {
+                  m(n(qe), {
                     variant: "button",
                     width: "64px",
                     height: "22px"
@@ -3220,21 +3233,21 @@ const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
             ])
           ]),
           _: 1
-        })) : r.value.length === 0 ? (c(), N(n(Ot), {
+        })) : r.value.length === 0 ? (c(), z(n(Pt), {
           key: 3,
           icon: "grid",
           title: n(i)("page.empty"),
           description: n(i)("page.empty-help")
-        }, null, 8, ["title", "description"])) : (c(!0), C(F, { key: 4 }, le(_.value, (P) => (c(), C("section", {
-          key: P.id,
+        }, null, 8, ["title", "description"])) : (c(!0), C(F, { key: 4 }, le(_.value, (O) => (c(), C("section", {
+          key: O.id,
           class: "wx-blocks-page__group"
         }, [
-          P.label ? (c(), C("div", Xs, S(P.label), 1)) : D("", !0),
-          A("div", eo, [
-            (c(!0), C(F, null, le(P.blocks, (J) => (c(), N(qs, {
+          O.label ? (c(), C("div", lo, S(O.label), 1)) : D("", !0),
+          A("div", no, [
+            (c(!0), C(F, null, le(O.blocks, (J) => (c(), z(Js, {
               key: J.id,
               block: J,
-              onOpen: K
+              onOpen: Y
             }, null, 8, ["block"]))), 128))
           ])
         ]))), 128))
@@ -3242,18 +3255,18 @@ const Vt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ss = {
       _: 1
     }, 8, ["view", "title", "views", "actions"]));
   }
-}), lo = /* @__PURE__ */ ie(to, [["__scopeId", "data-v-553b680f"]]);
-function mo(e = {}) {
+}), oo = /* @__PURE__ */ ie(so, [["__scopeId", "data-v-553b680f"]]);
+function bo(e = {}) {
   const l = e.path ?? "/blocks";
   return {
     id: "blocks",
     path: l,
     routes: [
-      { path: l, name: "webx.blocks", component: lo, props: { base: l } },
+      { path: l, name: "webx.blocks", component: oo, props: { base: l } },
       {
         path: `${l}/:id(\\d+)`,
         name: "webx.blocks.edit",
-        component: Gn,
+        component: Qn,
         props: { base: l }
       }
     ],
@@ -3262,7 +3275,7 @@ function mo(e = {}) {
     // draws its children through the renderer; it needs the node for `props.allow` alone.
     types: {
       "wx-blocks": {
-        component: Us,
+        component: Fs,
         kind: "field",
         nested: !0,
         wide: !0,
@@ -3272,13 +3285,13 @@ function mo(e = {}) {
   };
 }
 export {
-  Gn as WxBlockEditorPage,
-  us as WxBlockPicker,
+  Qn as WxBlockEditorPage,
+  ds as WxBlockPicker,
   Xl as WxBlockStage,
   sl as WxBlockThumb,
-  Us as WxBlocks,
-  lo as WxBlocksPage,
-  mo as blocks,
+  Fs as WxBlocks,
+  oo as WxBlocksPage,
+  bo as blocks,
   un as blocksMessages,
   vt as blocksPreviewKey,
   Gt as cloneNode,
@@ -3288,21 +3301,21 @@ export {
   mt as formSchema,
   ot as highlightBlock,
   $t as insertNode,
-  Kt as isNode,
+  Yt as isNode,
   tt as isNodeList,
-  Ln as lintBlock,
+  Wn as lintBlock,
   re as locate,
   en as makeNode,
   ut as newKey,
-  po as provideBlocksPreview,
+  vo as provideBlocksPreview,
   on as removeNode,
   Ft as replaceBlock,
   rn as replaceList,
   Ht as stageDocument,
-  co as typesIn,
-  Bn as undeclared,
+  mo as typesIn,
+  Mn as undeclared,
   an as updateValues,
-  fo as useBlocksPreview,
+  ho as useBlocksPreview,
   He as walk
 };
 //# sourceMappingURL=index.js.map