@webx-ui/module-blocks 0.8.7 → 0.8.9

package/dist/index.js

@@ -1,7 +1,7 @@
-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 { defineComponent as ae, computed as L, openBlock as d, 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 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 { 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 Nt, WxCard as Ae, WxPopover as _l, WxAlert as zt, WxTabs as xl, WxTab as Ve, 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 Ot, WxEmpty as Pt, WxAction as Ie, WxSortableList as Cl, createModal as Ut, WxDrawer as Ll, WxSpace as Al, WxSkeletonItem as Ye } from "@webx-ui/core";
 import { WxScreenRenderer as Rt, coreTypes as Je } from "@webx-ui/schema";
 import { autocompletion as Vl, snippetCompletion as ve, pickedCompletion as dt, startCompletion as Bl } from "@codemirror/autocomplete";
 import { EditorState as Wl } from "@codemirror/state";
@@ -38,32 +38,32 @@ const Ml = { class: "wx-block-checks" }, Nl = {
       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", Nl, [
+    return (i, o) => (d(), C("div", Ml, [
+      e.error ? (d(), C("div", Nl, [
         m(n(he), { name: "close-circle" }),
         A("span", null, [
           M(S(e.error.message) + " ", 1),
-          e.error.line !== null ? (c(), C(F, { key: 0 }, [
+          e.error.line !== null ? (d(), C(F, { key: 0 }, [
             M(" · " + S(n(t)("page.line", { line: e.error.line })), 1)
           ], 64)) : D("", !0),
-          e.error.where ? (c(), C(F, { key: 1 }, [
+          e.error.where ? (d(), C(F, { key: 1 }, [
             M(" · " + S(e.error.where), 1)
           ], 64)) : D("", !0)
         ])
       ])) : D("", !0),
-      (c(!0), C(F, null, le(s.value, (r) => (c(), C("div", {
+      (d(!0), C(F, null, le(s.value, (r) => (d(), C("div", {
         key: r.code,
         class: "wx-block-checks__line is-warning"
       }, [
         m(n(he), { name: "warning" }),
         A("span", null, [
           M(S(r.message) + " ", 1),
-          r.line !== null ? (c(), C(F, { key: 0 }, [
+          r.line !== null ? (d(), C(F, { key: 0 }, [
             M(" · " + S(n(t)("page.line", { line: r.line })), 1)
           ], 64)) : D("", !0)
         ])
       ]))), 128)),
-      (c(!0), C(F, null, le(a.value, (r) => (c(), C("div", {
+      (d(!0), C(F, null, le(a.value, (r) => (d(), C("div", {
         key: r,
         class: "wx-block-checks__line is-ok"
       }, [
@@ -85,9 +85,9 @@ const Ml = { class: "wx-block-checks" }, Nl = {
   },
   emits: ["restored"],
   setup(e, { emit: l }) {
-    const t = e, s = l, a = je(), i = Me(a), o = de("webx-blocks"), r = Fe(), d = I(null);
+    const t = e, s = l, a = je(), i = Me(a), o = de("webx-blocks"), r = Fe(), c = I(null);
     async function u() {
-      d.value = await i.versions(t.block.id);
+      c.value = await i.versions(t.block.id);
     }
     function p(v) {
       return t.block.draft?.number === v.number ? "draft" : t.block.published?.number === v.number ? "live" : "replaced";
@@ -111,41 +111,41 @@ const Ml = { class: "wx-block-checks" }, Nl = {
       () => {
         u();
       }
-    ), (v, g) => (c(), C("div", Dl, [
-      d.value === null ? (c(), z(n(Be), {
+    ), (v, g) => (d(), C("div", Dl, [
+      c.value === null ? (d(), z(n(Be), {
         key: 0,
         class: "wx-block-history__ghost",
         rows: 3
-      })) : (c(!0), C(F, { key: 1 }, le(d.value, (x) => (c(), C("div", {
+      })) : (d(!0), C(F, { key: 1 }, le(c.value, (x) => (d(), C("div", {
         key: x.number,
         class: "wx-block-history__row"
       }, [
         A("code", Il, S(n(o)("page.version", { number: x.number })), 1),
         A("div", Ol, [
-          m(n(K), null, {
+          m(n(q), null, {
             default: b(() => [
               M(S(n(o)(`page.version-${p(x)}`)), 1)
             ]),
             _: 2
           }, 1024),
-          m(n(K), {
+          m(n(q), {
             size: "sm",
             tone: "muted"
           }, {
             default: b(() => [
-              x.created_at ? (c(), z(n(hl), {
+              x.created_at ? (d(), z(n(hl), {
                 key: 0,
                 value: x.created_at
               }, null, 8, ["value"])) : D("", !0),
               M(" · " + S(x.author ?? n(o)(`page.source-${x.source}`)) + " ", 1),
-              x.comment ? (c(), C(F, { key: 1 }, [
+              x.comment ? (d(), C(F, { key: 1 }, [
                 M(" · " + S(x.comment), 1)
               ], 64)) : D("", !0)
             ]),
             _: 2
           }, 1024)
         ]),
-        p(x) === "draft" ? (c(), z(n(ue), {
+        p(x) === "draft" ? (d(), z(n(ue), {
           key: 0,
           type: "warning",
           dot: ""
@@ -154,7 +154,7 @@ const Ml = { class: "wx-block-checks" }, Nl = {
             M(S(n(o)("page.version-draft")), 1)
           ]),
           _: 1
-        })) : p(x) === "live" ? (c(), z(n(ue), {
+        })) : p(x) === "live" ? (d(), z(n(ue), {
           key: 1,
           type: "success",
           dot: ""
@@ -164,7 +164,7 @@ const Ml = { class: "wx-block-checks" }, Nl = {
           ]),
           _: 1
         })) : D("", !0),
-        e.canManage && p(x) === "replaced" ? (c(), z(n(ce), {
+        e.canManage && p(x) === "replaced" ? (d(), z(n(ce), {
           key: 2,
           size: "sm",
           variant: "outline",
@@ -209,8 +209,8 @@ function Ft(e, l, t) {
     if (a.removeChild(r), v) break;
     r = f;
   }
-  const d = i.content, u = Array.from(d.childNodes);
-  a.insertBefore(d, o);
+  const c = i.content, u = Array.from(c.childNodes);
+  a.insertBefore(c, o);
   const p = e.defaultView?.webx;
   if (p?.mount)
     for (const f of u)
@@ -317,9 +317,9 @@ 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 Kt = "<!--wx-thumb-->";
-function Kl(e, l) {
-  const t = new DOMParser().parseFromString(e, "text/html"), s = ql(t, `wx:${Ze}`);
+const qt = "<!--wx-thumb-->";
+function ql(e, l) {
+  const t = new DOMParser().parseFromString(e, "text/html"), s = Yl(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)) {
@@ -331,18 +331,18 @@ function Kl(e, l) {
       v.setAttribute("href", a(u.getAttribute("href")) ?? ""), i.push(v.outerHTML);
     }
   }
-  let o = Kt, r = s.parentElement;
+  let o = qt, 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 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>`;
+  const c = (u) => Array.from(u.attributes).map((p) => ` ${p.name}="${rt(p.value)}"`).join("");
+  return `<!doctype html><html${c(t.documentElement)}><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">${i.join("")}</head><body${c(t.body)}>${o}</body></html>`;
 }
-function Yl(e, l) {
-  return e.replace("</head>", () => `<style>${l.styles}</style></head>`).replace(Kt, () => l.html);
+function Kl(e, l) {
+  return e.replace("</head>", () => `<style>${l.styles}</style></head>`).replace(qt, () => l.html);
 }
-function ql(e, l) {
+function Yl(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;
@@ -366,7 +366,7 @@ const Jl = { class: "wx-block-stage" }, Gl = { class: "wx-block-stage__bar" }, Z
       { 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), d = I(360), u = I(!1);
+    ]), a = I(1280), i = I(null), o = I(null), r = et(i), c = I(360), u = I(!1);
     te([r, s], () => {
       if (u.value || r.value === 0) return;
       const h = s.value.find((V) => r.value / V.value >= 0.45);
@@ -395,7 +395,7 @@ const Jl = { class: "wx-block-stage" }, Gl = { class: "wx-block-stage__bar" }, Z
       const h = o.value?.contentDocument?.body;
       if (!h) return;
       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)));
+      c.value = Math.max(120, Math.ceil(Math.max(h.scrollHeight, J)));
     }
     let w = null, y = null;
     function _() {
@@ -404,7 +404,7 @@ 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 Y() {
+    function K() {
       _();
       const h = o.value?.contentDocument;
       if (!h?.body) return;
@@ -421,15 +421,15 @@ const Jl = { class: "wx-block-stage" }, Gl = { class: "wx-block-stage__bar" }, Z
     ), te(r, (h, V) => {
       h > 0 && V === 0 && setTimeout(T, 50);
     }), te(a, () => setTimeout(T, 50)), Xe(_);
-    const q = L(() => ({
+    const Y = L(() => ({
       width: `${a.value}px`,
-      height: `${d.value}px`,
+      height: `${c.value}px`,
       transform: `scale(${f.value})`
     })), X = L(() => ({
       width: `${Math.round(a.value * f.value)}px`,
-      height: `${Math.round(d.value * f.value)}px`
+      height: `${Math.round(c.value * f.value)}px`
     }));
-    return (h, V) => (c(), C("div", Jl, [
+    return (h, V) => (d(), C("div", Jl, [
       A("div", Gl, [
         m(n(Nt), {
           "model-value": a.value,
@@ -444,36 +444,36 @@ 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(), z(n(Be), {
+        e.loading && !e.html ? (d(), z(n(Be), {
           key: 0,
           rows: 3
-        })) : (c(), C("div", {
+        })) : (d(), C("div", {
           key: 1,
           class: "wx-block-stage__clip",
           style: xe(X.value)
         }, [
-          (c(), C("iframe", {
+          (d(), C("iframe", {
             ref_key: "frame",
             ref: o,
             key: g.value,
             class: "wx-block-stage__frame",
             src: e.stage ?? void 0,
             srcdoc: v.value,
-            style: xe(q.value),
+            style: xe(Y.value),
             sandbox: "allow-same-origin allow-scripts",
             title: n(t)("page.preview"),
-            onLoad: Y
+            onLoad: K
           }, null, 44, Zl))
         ], 4))
       ], 512)
     ]));
   }
 }), Xl = /* @__PURE__ */ ie(Ql, [["__scopeId", "data-v-3185ee45"]]);
-function Yt(e) {
+function Kt(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(Yt);
+  return Array.isArray(e) && e.length > 0 && e.every(Kt);
 }
 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 qt(e, l, null, null);
+  return Yt(e, l, null, null);
 }
-function qt(e, l, t, s) {
+function Yt(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 d = qt(r, l, i, o);
-        if (d) return d;
+        const c = Yt(r, l, i, o);
+        if (c) return c;
       }
   }
   return null;
 }
 function He(e, l, t = 0, s = null) {
   for (const a of e)
-    if (Yt(a)) {
+    if (Kt(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 mo(e) {
+function vo(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 Ke() {
+function qe() {
   try {
     const { i18n: e } = je();
     St.has(e) || (e.defaults("webx-blocks", un), St.add(e));
@@ -741,33 +741,58 @@ const cn = [
 ], 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"]
+}, bn = {
+  faq: ["question", "answer"],
+  services: ["title", "url", "lead", "cover", "fields"],
+  reviews: [
+    "name",
+    "initials",
+    "job_title",
+    "text",
+    "rating",
+    "date",
+    "profile",
+    "photo",
+    "fields"
+  ],
+  recipes: [
+    "title",
+    "url",
+    "lead",
+    "cover",
+    "gallery",
+    "minutes",
+    "servings",
+    "nutrients",
+    "fields"
+  ]
 };
-function bn({ schema: e, styles: l }) {
+function gn({ 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 kn(t, a[1]);
+    if (a) return wn(t, a[1]);
     const i = /\$(\w+)\[\s*(['"]?)(\w*)$/.exec(s);
-    if (i) return wn(t, i[1], i[2], i[3], e());
+    if (i) return _n(t, i[1], i[2], i[3], e());
     const o = /\$(\w*)$/.exec(s);
     if (o)
       return {
         from: t.pos - o[0].length,
-        options: gn(e(), t.state.doc.toString()),
+        options: yn(e(), t.state.doc.toString()),
         validFor: /^\$\w*$/
       };
     const r = /(\{\{|\{!!)(\s*)(\w*)$/.exec(s);
-    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());
+    if (r) return kn(t, r[1], r[2], r[3], e());
+    const c = /\bclass\s*=\s*"([^"]*)$/.exec(s);
+    if (c) return $n(t, c[1], l());
     const u = /(?:^|[\s>(])@(\w*)$/.exec(s);
     return u ? {
       from: t.pos - u[1].length - 1,
-      options: $n(e()),
+      options: Sn(e()),
       validFor: /^@\w*$/
     } : null;
   };
 }
-function gn(e, l) {
+function yn(e, l) {
   const t = el(e).map((s, a) => ({
     label: `$${s.id}`,
     detail: s.type,
@@ -781,21 +806,21 @@ function gn(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 yn(e, l, t, s, a) {
+function kn(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, d) => ({
+    options: i.map((r, c) => ({
       label: r.id,
       displayLabel: `$${r.id}`,
       detail: r.type,
       info: r.label,
       type: "variable",
-      boost: 50 - d,
+      boost: 50 - c,
       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}`;
+        const g = u.state.sliceDoc(v, v + 8), x = new RegExp(`^\\s*${Bn(o)}`).exec(g), T = x ? /^\s/.test(g) ? "" : " " : ` ${o}`, w = `${t === "" ? " " : ""}$${r.id}${T}`;
         u.dispatch({
           changes: { from: f, to: v, insert: w },
           // Past the closing braces: the echo is finished, the next thing is the markup.
@@ -808,7 +833,7 @@ function yn(e, l, t, s, a) {
     validFor: /^\w*$/
   };
 }
-function kn(e, l) {
+function wn(e, l) {
   return {
     from: e.pos - l.length,
     options: [
@@ -822,17 +847,17 @@ function kn(e, l) {
     validFor: /^\w*$/
   };
 }
-function wn(e, l, t, s, a) {
-  const i = _n(l, a, e.state.doc.toString());
+function _n(e, l, t, s, a) {
+  const i = xn(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: (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({
+      apply: (c, u, p, f) => {
+        const v = t ? p - 1 : p, g = c.state.sliceDoc(f, f + 2), x = t || "'", T = f + (g.startsWith(x) ? 1 : 0), w = c.state.sliceDoc(T, T + 1) === "]", y = `${x}${o}${x}${w ? "" : "]"}`;
+        c.dispatch({
           changes: { from: v, to: T, insert: y },
           selection: { anchor: v + y.length + (w ? 1 : 0) },
           annotations: dt.of(u),
@@ -843,17 +868,17 @@ function wn(e, l, t, s, a) {
     validFor: /^\w*$/
   };
 }
-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;
+function xn(e, l, t) {
+  const s = We(l).find((c) => c.id === e);
+  if (s && fn.includes(s.type)) return Zt.map((c) => [c, s.type]);
+  if (s?.type === "wx-collection") return vn.map((c) => [c, s.type]);
+  const a = Qt(t).get(e), [i, o] = a?.split(".") ?? [], r = i ? We(l).find((c) => c.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]);
+    const c = typeof r.props?.source == "string" ? r.props.source : r.type, u = o === "items" ? bn[c] ?? [] : [];
+    return [...hn[o ?? ""] ?? [], ...u].map((p) => [p, c]);
   }
-  return mn.includes(r.type) ? pn.map((d) => [d, r.type]) : r.type === "wx-repeater" ? We(r.children ?? []).map((d) => [d.id, d.type]) : [];
+  return mn.includes(r.type) ? pn.map((c) => [c, r.type]) : r.type === "wx-repeater" ? We(r.children ?? []).map((c) => [c.id, c.type]) : [];
 }
 function Qt(e) {
   const l = /* @__PURE__ */ new Map();
@@ -863,7 +888,7 @@ function Qt(e) {
     l.set(t[4] ?? t[3], t[2] ? `${t[1]}.${t[2]}` : t[1]);
   return l;
 }
-function xn(e, l, t) {
+function $n(e, l, t) {
   const s = /[\w-]*$/.exec(l)[0], a = new Set(l.split(/\s+/));
   return {
     from: e.pos - s.length,
@@ -871,7 +896,7 @@ function xn(e, l, t) {
     validFor: /^[\w-]*$/
   };
 }
-function $n(e) {
+function Sn(e) {
   const l = We(e).filter((t) => t.type === "wx-blocks");
   return [
     ve("@if (${condition})\n	${}\n@endif", { label: "@if", type: "keyword" }),
@@ -903,13 +928,13 @@ function $n(e) {
     )
   ];
 }
-function Sn({ slug: e, template: l }) {
+function En({ 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())), d = En(l()), u = [o, ...d.filter((f) => f !== o)], p = u.map((f, v) => ({
+    const o = `b-${e()}`, r = new Set(Xt(t.state.doc.toString())), c = Tn(l()), u = [o, ...c.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(f) ? "template" : "template · no rule yet",
@@ -926,16 +951,16 @@ function Xt(e) {
   let a = "";
   for (const i of l)
     if (i === "{") {
-      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)
+      const o = s.at(-1) ?? [""], r = a.split(",").map((c) => c.trim()).filter((c) => c !== "" && !c.startsWith("@")).flatMap(
+        (c) => c.includes("&") ? o.map((u) => c.replaceAll("&", u)) : o.map((u) => u ? `${u} ${c}` : c)
       );
-      for (const d of r)
-        for (const u of d.matchAll(/\.(-?[a-zA-Z_][\w-]*)/g)) t.add(u[1]);
+      for (const c of r)
+        for (const u of c.matchAll(/\.(-?[a-zA-Z_][\w-]*)/g)) t.add(u[1]);
       s.push(a.trim().startsWith("@") ? o : r.length ? r : o), a = "";
     } else i === "}" ? (s.pop(), a = "") : i === ";" ? a = "" : a += i;
   return [...t];
 }
-function En(e) {
+function Tn(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, " ");
@@ -944,7 +969,7 @@ function En(e) {
   }
   return [...l];
 }
-const Tn = [
+const Cn = [
   { 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." },
@@ -956,32 +981,32 @@ const Tn = [
   { key: "slot", value: '""', info: "The parent's named slot to land in." },
   { key: "can", value: '""', info: "The permission the node needs." }
 ];
-function Cn({ types: e }) {
+function Ln({ types: e }) {
   return (l) => {
-    const t = Ln(l.state.doc.toString(), l.pos);
+    const t = An(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 = Tn.filter(({ key: r }) => !t.keys.has(r) || r === s).map(
-        ({ key: r, value: d, info: u }, p) => ({
+      const o = Cn.filter(({ key: r }) => !t.keys.has(r) || r === s).map(
+        ({ key: r, value: c, info: u }, p) => ({
           label: r,
           info: u,
           type: "property",
           boost: -p,
-          apply: (f, v, g, x) => Et(f, v, g, x, i, `"${r}": ${d}`, d)
+          apply: (f, v, g, x) => Et(f, v, g, x, i, `"${r}": ${c}`, c)
         })
       );
       return { from: a, options: o, validFor: /^[\w-]*$/ };
     }
     if (t.phase === "value" && t.key === "type") {
-      const o = Object.entries(e()).map(([r, d]) => ({
+      const o = Object.entries(e()).map(([r, c]) => ({
         label: r,
-        detail: d.kind,
+        detail: c.kind,
         type: "type",
         // Fields first: a block's schema is mostly fields, the layout only groups them.
-        boost: d.kind === "field" ? 1 : 0,
+        boost: c.kind === "field" ? 1 : 0,
         apply: (u, p, f, v) => Et(u, p, f, v, i, `"${r}"`, "")
       }));
       return { from: a, options: o, validFor: /^[\w-]*$/ };
@@ -990,7 +1015,7 @@ function Cn({ types: e }) {
   };
 }
 function Et(e, l, t, s, a, i, o) {
-  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;
+  const r = a ? t - 1 : t, c = /^[\w-]*"?/.exec(e.state.sliceDoc(s, s + 60))[0], u = s + (a ? c.length : /^[\w-]*/.exec(c)[0].length), p = o === '""' || o === "{}" || o === "[]" ? 1 : 0;
   e.dispatch({
     changes: { from: r, to: u, insert: i },
     selection: { anchor: r + i.length - p },
@@ -998,7 +1023,7 @@ function Et(e, l, t, s, a, i, o) {
     userEvent: "input.complete"
   }), i.startsWith('"type"') && Bl(e);
 }
-function Ln(e, l) {
+function An(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" ? {
@@ -1008,23 +1033,23 @@ function Ln(e, l) {
     keys: t.keys,
     string: a ? a.start + 1 : null
   } : null), r !== e.length); r++) {
-    const d = e[r];
+    const c = e[r];
     if (a) {
       if (i) i = !1;
-      else if (d === "\\") i = !0;
-      else if (d === '"' || d === `
+      else if (c === "\\") i = !0;
+      else if (c === '"' || c === `
 `) {
         const u = e.slice(a.start + 1, r);
         t?.kind === "object" && (a.key ? (t.keys.add(u), t.key = u, t.phase = "colon") : t.phase === "value" && (t.phase = "after")), a = null;
       }
       continue;
     }
-    if (!/\s/.test(d))
-      if (d === '"')
+    if (!/\s/.test(c))
+      if (c === '"')
         a = { start: r, key: t?.kind === "object" && t.phase === "key" };
-      else if (d === "{" || d === "[") {
+      else if (c === "{" || c === "[") {
         const u = {
-          kind: d === "{" ? "object" : "array",
+          kind: c === "{" ? "object" : "array",
           parent: t,
           under: t?.kind === "object" ? t.key : null,
           keys: /* @__PURE__ */ new Set(),
@@ -1032,28 +1057,28 @@ function Ln(e, l) {
           key: null
         };
         t?.kind === "object" && (t.phase = "after"), t = u;
-      } else d === "}" || d === "]" ? t = t?.parent ?? null : d === ":" ? t?.kind === "object" && (t.phase = "value") : d === "," && t?.kind === "object" && (t.phase = "key", t.key = null);
+      } else c === "}" || c === "]" ? t = t?.parent ?? null : c === ":" ? t?.kind === "object" && (t.phase = "value") : c === "," && t?.kind === "object" && (t.phase = "key", t.key = null);
   }
   return s;
 }
 function We(e) {
   const l = [];
   for (const t of e)
-    !t || typeof t != "object" || (An.has(t.type) ? l.push(...We(t.children ?? [])) : typeof t.id == "string" && t.id !== "" && l.push(t));
+    !t || typeof t != "object" || (Vn.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 An = /* @__PURE__ */ new Set(["wx-card", "wx-tabs", "wx-tab", "wx-row", "wx-col", "wx-divider"]);
-function Vn(e) {
+const Vn = /* @__PURE__ */ new Set(["wx-card", "wx-tabs", "wx-tab", "wx-row", "wx-col", "wx-divider"]);
+function Bn(e) {
   return e.replace(/[.*+?^${}()|[\]\\!]/g, "\\$&");
 }
-const Bn = ["block", "entity", "loop", "__env", "errors", "app"];
-function Wn(e, l, t) {
+const Wn = ["block", "entity", "loop", "__env", "errors", "app"];
+function Mn(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 = Mn(l.template, l.schema);
+  const a = Nn(l.template, l.schema);
   a.length > 0 && s.push({
     file: "template",
     code: "variables-missing",
@@ -1063,7 +1088,7 @@ function Wn(e, l, t) {
     })
   });
   const i = [], o = [], r = `.b-${e}`;
-  for (const [p, f] of Nn(l.styles))
+  for (const [p, f] of zn(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",
@@ -1076,11 +1101,11 @@ function Wn(e, l, t) {
     line: o[0][1],
     message: t("checks.bare-selectors", { selectors: Tt(o) })
   });
-  const d = ll(l.styles), u = /@media\b/.exec(d);
+  const c = ll(l.styles), u = /@media\b/.exec(c);
   return u && s.push({
     file: "styles",
     code: "media-query",
-    line: nl(d, u.index),
+    line: nl(c, u.index),
     message: t("checks.media-query")
   }), s;
 }
@@ -1090,8 +1115,8 @@ function tl(e) {
     t.id && l.push(t.id), t.children && l.push(...tl(t.children));
   return l;
 }
-function Mn(e, l) {
-  const t = /* @__PURE__ */ new Set([...tl(l), ...Bn]);
+function Nn(e, l) {
+  const t = /* @__PURE__ */ new Set([...tl(l), ...Wn]);
   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))
@@ -1103,7 +1128,7 @@ function Mn(e, l) {
   }
   return s;
 }
-function Nn(e) {
+function zn(e) {
   const l = ll(e), t = [];
   for (const s of l.matchAll(/([^{};]+)\{/g)) {
     const a = s[1], i = a.trim();
@@ -1140,24 +1165,24 @@ 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 zn = { class: "wx-block-editor" }, Dn = { class: "wx-block-editor__split" }, In = {
+const Dn = { class: "wx-block-editor" }, In = { class: "wx-block-editor__split" }, On = {
   type: "button",
   class: "wx-block-editor__uses"
-}, On = { class: "wx-block-editor__usage" }, Pn = { class: "wx-block-editor__pane" }, Un = {
+}, Pn = { class: "wx-block-editor__usage" }, Un = { class: "wx-block-editor__pane" }, Rn = {
   key: 0,
   class: "wx-block-editor__pills"
-}, 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 = {
+}, jn = ["disabled", "onClick", "textContent"], Fn = { class: "wx-block-editor__pane" }, Hn = { class: "wx-block-editor__pane" }, qn = { class: "wx-block-editor__note" }, Kn = { class: "wx-block-editor__split" }, Yn = { class: "wx-block-editor__pane" }, Jn = { class: "wx-block-editor__note" }, Gn = { class: "wx-block-editor__settings" }, Zn = {
   key: 0,
   class: "is-wide wx-block-editor__danger"
-}, Zn = /* @__PURE__ */ ae({
+}, Qn = /* @__PURE__ */ ae({
   __name: "BlockEditorPage",
   props: {
     base: { default: "/blocks" }
   },
   setup(e) {
     const l = e, t = je(), s = Me(t), a = vl(), i = Wt();
-    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(() => {
+    qe();
+    const o = de("webx-blocks"), r = Fe(), c = 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 ?? [],
@@ -1181,24 +1206,24 @@ const zn = { class: "wx-block-editor" }, Dn = { class: "wx-block-editor__split"
       styles: "",
       script: null,
       sample: {}
-    }), R = I("[]"), Y = I(null), q = I(""), X = I({}), h = I(null), V = st({
+    }), R = I("[]"), K = I(null), Y = I(""), X = I({}), h = I(null), V = st({
       html: "",
       styles: "",
       script: null,
       runtime: null,
       stage: null,
       loading: !1
-    }), O = L(() => JSON.stringify({ settings: y, content: _ })), J = L(() => q.value !== "" && O.value !== q.value), Se = L(() => Wn(y.slug, _, o)), ne = {
+    }), O = L(() => JSON.stringify({ settings: y, content: _ })), J = L(() => Y.value !== "" && O.value !== Y.value), Se = L(() => Mn(y.slug, _, o)), ne = {
       template: [
         at(
-          bn({ schema: () => _.schema, styles: () => _.styles })
+          gn({ schema: () => _.schema, styles: () => _.styles })
         )
       ],
       styles: [
-        at(Sn({ slug: () => y.slug, template: () => _.template }))
+        at(En({ 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(Cn({ types: () => ({ ...Je, ...t.types }) }))]
+      schema: [at(Ln({ 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: Ne(k, o) }));
@@ -1234,12 +1259,12 @@ const zn = { class: "wx-block-editor" }, Dn = { class: "wx-block-editor__split"
         script: null,
         sample: {}
       };
-      Object.assign(_, be(k)), R.value = JSON.stringify(k.schema, null, 2), Y.value = null, q.value = O.value;
+      Object.assign(_, be(k)), R.value = JSON.stringify(k.schema, null, 2), K.value = null, Y.value = O.value;
     }
     async function ke() {
       f.value = !0;
       try {
-        Q(await s.get(d.value)), p.value = await s.usage(d.value);
+        Q(await s.get(c.value)), p.value = await s.usage(c.value);
       } catch (B) {
         Z.danger(r(B));
       } finally {
@@ -1251,9 +1276,9 @@ const zn = { class: "wx-block-editor" }, Dn = { class: "wx-block-editor__split"
       try {
         const k = JSON.parse(B);
         if (!Array.isArray(k)) throw new Error("not a list");
-        _.schema = k, Y.value = null;
+        _.schema = k, K.value = null;
       } catch (k) {
-        Y.value = o("page.schema-invalid", { error: k.message });
+        K.value = o("page.schema-invalid", { error: k.message });
       }
     }
     let ge, W = 0;
@@ -1312,7 +1337,7 @@ const zn = { class: "wx-block-editor" }, Dn = { class: "wx-block-editor__split"
           allowed_in: y.allowed_in.length ? y.allowed_in : null,
           description: y.description || null,
           icon: y.icon || null,
-          content: Y.value ? { ..._, schema: void 0 } : _
+          content: K.value ? { ..._, schema: void 0 } : _
         });
         Q(k), Z.success(
           k.draft && k.draft.number !== B ? o("page.saved", { number: k.draft.number }) : o("page.unchanged")
@@ -1398,7 +1423,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       ke(), window.addEventListener("beforeunload", ee);
     }), Xe(() => {
       clearTimeout(ge), window.removeEventListener("beforeunload", ee);
-    }), te(d, () => {
+    }), te(c, () => {
       ke();
     });
     const lt = L(
@@ -1418,14 +1443,14 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
         }
       ] : []
     );
-    return (B, k) => (c(), C("div", zn, [
-      f.value || !u.value ? (c(), C(F, { key: 0 }, [
+    return (B, k) => (d(), C("div", Dn, [
+      f.value || !u.value ? (d(), C(F, { key: 0 }, [
         m(n(Be), {
           class: "wx-block-editor__ghost-head",
           title: "",
           rows: 1
         }),
-        A("div", Dn, [
+        A("div", In, [
           m(n(Ae), null, {
             default: b(() => [
               m(n(Be), { rows: 8 })
@@ -1439,7 +1464,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
             _: 1
           })
         ])
-      ], 64)) : (c(), C(F, { key: 1 }, [
+      ], 64)) : (d(), C(F, { key: 1 }, [
         m(n(bl), {
           title: y.title,
           back: e.base,
@@ -1447,13 +1472,13 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
           actions: lt.value
         }, {
           "title-after": b(() => [
-            w.value ? (c(), z(n(gl), {
+            w.value ? (d(), 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(), z(n(ue), {
+            J.value ? (d(), z(n(ue), {
               key: 1,
               type: "primary",
               dot: ""
@@ -1463,7 +1488,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
               ]),
               _: 1
             })) : D("", !0),
-            u.value.draft ? (c(), z(n(ue), {
+            u.value.draft ? (d(), z(n(ue), {
               key: 2,
               type: "warning",
               dot: ""
@@ -1473,7 +1498,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
               ]),
               _: 1
             })) : D("", !0),
-            u.value.published ? (c(), z(n(ue), {
+            u.value.published ? (d(), z(n(ue), {
               key: 3,
               type: "success",
               dot: ""
@@ -1482,7 +1507,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 M(S(n(o)("page.live", { number: u.value.published.number })), 1)
               ]),
               _: 1
-            })) : (c(), z(n(ue), {
+            })) : (d(), z(n(ue), {
               key: 4,
               type: "default"
             }, {
@@ -1495,23 +1520,23 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
           subtitle: b(() => [
             A("code", null, S(y.slug), 1),
             M(" · " + S(n(Ne)(y.group, n(o))) + " · ", 1),
-            u.value.usage_count > 0 ? (c(), z(n(_l), {
+            u.value.usage_count > 0 ? (d(), z(n(_l), {
               key: 0,
               title: n(o)("page.usage"),
               width: 260,
               align: "start"
             }, {
               trigger: b(() => [
-                A("button", In, S(n(ct)(u.value.usage_count, n(o))), 1)
+                A("button", On, S(n(ct)(u.value.usage_count, n(o))), 1)
               ]),
               default: b(() => [
-                A("div", On, [
-                  (c(!0), C(F, null, le(U.value, (E) => (c(), C("div", {
+                A("div", Pn, [
+                  (d(!0), C(F, null, le(U.value, (E) => (d(), 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(), z(n(ue), {
+                    E.published ? D("", !0) : (d(), z(n(ue), {
                       key: 0,
                       type: "warning",
                       size: "sm"
@@ -1522,7 +1547,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                       _: 1
                     }))
                   ]))), 128)),
-                  p.value.length > U.value.length ? (c(), z(n(K), {
+                  p.value.length > U.value.length ? (d(), z(n(q), {
                     key: 0,
                     size: "sm",
                     tone: "muted"
@@ -1535,13 +1560,13 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 ])
               ]),
               _: 1
-            }, 8, ["title"])) : (c(), C(F, { key: 1 }, [
+            }, 8, ["title"])) : (d(), C(F, { key: 1 }, [
               M(S(n(ct)(u.value.usage_count, n(o))), 1)
             ], 64))
           ]),
           _: 1
         }, 8, ["title", "back", "back-label", "actions"]),
-        T.value.editing ? D("", !0) : (c(), z(n(zt), {
+        T.value.editing ? D("", !0) : (d(), z(n(zt), {
           key: 0,
           type: "info",
           variant: "soft",
@@ -1561,8 +1586,8 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 label: n(o)("page.tab-template")
               }, {
                 default: b(() => [
-                  A("div", Pn, [
-                    m(n(Ye), {
+                  A("div", Un, [
+                    m(n(Ke), {
                       ref_key: "templateEditor",
                       ref: G,
                       modelValue: _.template,
@@ -1574,8 +1599,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", Un, [
-                      m(n(K), {
+                    Ee.value.length ? (d(), C("div", Rn, [
+                      m(n(q), {
                         size: "sm",
                         tone: "muted"
                       }, {
@@ -1584,14 +1609,14 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                         ]),
                         _: 1
                       }),
-                      (c(!0), C(F, null, le(Ee.value, (E) => (c(), C("button", {
+                      (d(!0), C(F, null, le(Ee.value, (E) => (d(), C("button", {
                         key: E,
                         type: "button",
                         class: "wx-block-editor__pill",
                         disabled: !w.value,
                         onClick: (nt) => we(E),
                         textContent: S(fe(E))
-                      }, null, 8, Rn))), 128))
+                      }, null, 8, jn))), 128))
                     ])) : D("", !0),
                     m(kt, {
                       file: "template",
@@ -1608,8 +1633,8 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 label: n(o)("page.tab-styles")
               }, {
                 default: b(() => [
-                  A("div", jn, [
-                    m(n(Ye), {
+                  A("div", Fn, [
+                    m(n(Ke), {
                       modelValue: _.styles,
                       "onUpdate:modelValue": k[2] || (k[2] = (E) => _.styles = E),
                       language: "css",
@@ -1632,8 +1657,8 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 label: n(o)("page.tab-script")
               }, {
                 default: b(() => [
-                  A("div", Fn, [
-                    m(n(Ye), {
+                  A("div", Hn, [
+                    m(n(Ke), {
                       "model-value": _.script ?? "",
                       language: "javascript",
                       readonly: !w.value,
@@ -1641,8 +1666,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", Hn, [
-                      m(n(K), {
+                    A("div", qn, [
+                      m(n(q), {
                         size: "sm",
                         tone: "muted"
                       }, {
@@ -1651,7 +1676,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                         ]),
                         _: 1
                       }),
-                      m(n(K), {
+                      m(n(q), {
                         size: "sm",
                         tone: "muted"
                       }, {
@@ -1667,11 +1692,11 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                     title: n(o)("page.examples")
                   }, {
                     default: b(() => [
-                      (c(!0), C(F, null, le(N.value, (E) => (c(), C("div", {
+                      (d(!0), C(F, null, le(N.value, (E) => (d(), C("div", {
                         key: E.title,
                         class: "wx-block-editor__example"
                       }, [
-                        m(n(K), {
+                        m(n(q), {
                           size: "sm",
                           tone: "muted"
                         }, {
@@ -1697,7 +1722,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 default: b(() => [
                   A("div", Kn, [
                     A("div", Yn, [
-                      m(n(Ye), {
+                      m(n(Ke), {
                         "model-value": R.value,
                         language: "json",
                         extensions: ne.schema,
@@ -1707,17 +1732,17 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                         "max-height": "70vh",
                         "onUpdate:modelValue": Ce
                       }, null, 8, ["model-value", "extensions", "readonly"]),
-                      A("div", qn, [
-                        Y.value ? (c(), z(n(K), {
+                      A("div", Jn, [
+                        K.value ? (d(), z(n(q), {
                           key: 0,
                           size: "sm",
                           tone: "danger"
                         }, {
                           default: b(() => [
-                            M(S(Y.value), 1)
+                            M(S(K.value), 1)
                           ]),
                           _: 1
-                        })) : H("content.schema") ? (c(), z(n(K), {
+                        })) : H("content.schema") ? (d(), z(n(q), {
                           key: 1,
                           size: "sm",
                           tone: "danger"
@@ -1726,7 +1751,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             M(S(H("content.schema")), 1)
                           ]),
                           _: 1
-                        })) : (c(), z(n(K), {
+                        })) : (d(), z(n(q), {
                           key: 2,
                           size: "sm",
                           tone: "muted"
@@ -1747,7 +1772,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                       title: n(o)("page.sample")
                     }, {
                       default: b(() => [
-                        _.schema.length ? (c(), z(n(Rt), {
+                        _.schema.length ? (d(), z(n(Rt), {
                           key: 0,
                           modelValue: ye.value,
                           "onUpdate:modelValue": k[4] || (k[4] = (E) => ye.value = E),
@@ -1772,7 +1797,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 default: b(() => [
                   m(n(Ae), { class: "wx-block-editor__sheet" }, {
                     default: b(() => [
-                      A("div", Jn, [
+                      A("div", Gn, [
                         m(n(oe), {
                           label: n(o)("page.identifier"),
                           help: n(o)("page.identifier-help"),
@@ -1909,7 +1934,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           ]),
                           _: 1
                         }, 8, ["label", "help", "disabled"]),
-                        w.value ? (c(), C("div", Gn, [
+                        w.value ? (d(), C("div", Zn, [
                           m(n(ce), {
                             type: "danger",
                             variant: "outline",
@@ -1921,7 +1946,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                             ]),
                             _: 1
                           }, 8, ["disabled"]),
-                          u.value.usage_count > 0 ? (c(), z(n(K), {
+                          u.value.usage_count > 0 ? (d(), z(n(q), {
                             key: 0,
                             size: "sm",
                             tone: "muted"
@@ -1975,7 +2000,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
             [il, $.value]
           ])
         ], 2),
-        w.value ? (c(), z(n(Tl), { key: 1 }, {
+        w.value ? (d(), z(n(Tl), { key: 1 }, {
           default: b(() => [
             m(n(ce), {
               variant: "outline",
@@ -2004,27 +2029,27 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       ], 64))
     ]));
   }
-}), Qn = /* @__PURE__ */ ie(Zn, [["__scopeId", "data-v-22e5f784"]]), Ct = /* @__PURE__ */ new Map();
-function Xn(e) {
+}), Xn = /* @__PURE__ */ ie(Qn, [["__scopeId", "data-v-22e5f784"]]), Ct = /* @__PURE__ */ new Map();
+function es(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 : Kl(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 : ql(t, e)).catch(() => null), Ct.set(e, l)), l;
 }
-function es() {
+function ts() {
   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 && Xn(s).then((a) => {
+    s !== null && es(s).then((a) => {
       t.value === s && (l.value = a);
     });
   }), l;
 }
-const ts = ["srcdoc"], ls = {
+const ls = ["srcdoc"], ns = {
   key: 1,
   class: "wx-block-thumb__empty"
-}, ns = /* @__PURE__ */ ae({
+}, ss = /* @__PURE__ */ ae({
   __name: "BlockThumb",
   props: {
     thumbnail: {},
@@ -2032,22 +2057,22 @@ const ts = ["srcdoc"], ls = {
     height: { default: 120 }
   },
   setup(e) {
-    const l = e, t = I(null), s = et(t), a = L(() => s.value > 0 ? s.value / l.width : 0.2), i = es(), o = L(() => {
+    const l = e, t = I(null), s = et(t), a = L(() => s.value > 0 ? s.value / l.width : 0.2), i = ts(), o = L(() => {
       if (!l.thumbnail) return "";
-      const d = { html: l.thumbnail.html, styles: l.thumbnail.styles };
-      return i.value ? Yl(i.value, d) : Ht(d);
+      const c = { html: l.thumbnail.html, styles: l.thumbnail.styles };
+      return i.value ? Kl(i.value, c) : Ht(c);
     }), r = L(() => ({
       width: `${l.width}px`,
       height: `${Math.round(l.height / a.value)}px`,
       transform: `scale(${a.value})`
     }));
-    return (d, u) => (c(), C("div", {
+    return (c, u) => (d(), C("div", {
       ref_key: "box",
       ref: t,
       class: "wx-block-thumb",
       style: xe({ height: `${e.height}px` })
     }, [
-      e.thumbnail ? (c(), C("iframe", {
+      e.thumbnail ? (d(), C("iframe", {
         key: 0,
         class: "wx-block-thumb__frame",
         srcdoc: o.value,
@@ -2055,15 +2080,15 @@ const ts = ["srcdoc"], ls = {
         sandbox: "allow-same-origin",
         tabindex: "-1",
         "aria-hidden": "true"
-      }, null, 12, ts)) : (c(), C("div", ls, [
+      }, null, 12, ls)) : (d(), C("div", ns, [
         m(n(he), { name: "grid" })
       ]))
     ], 4));
   }
-}), sl = /* @__PURE__ */ ie(ns, [["__scopeId", "data-v-5ca74656"]]), ss = { class: "wx-block-picker" }, os = {
+}), sl = /* @__PURE__ */ ie(ss, [["__scopeId", "data-v-5ca74656"]]), os = { class: "wx-block-picker" }, as = {
   key: 0,
   class: "wx-block-picker__group-title"
-}, 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({
+}, is = { class: "wx-block-picker__cards" }, rs = ["disabled", "title", "onClick"], us = { class: "wx-block-picker__body" }, cs = { class: "wx-block-picker__title" }, ds = /* @__PURE__ */ ae({
   __name: "BlockPicker",
   props: {
     catalog: {},
@@ -2075,7 +2100,7 @@ const ts = ["srcdoc"], ls = {
   },
   setup(e) {
     const l = e, { resolve: t, dismiss: s, open: a } = It();
-    Ke();
+    qe();
     const i = de("webx-blocks"), o = I("");
     function r(v) {
       if (l.parent === null)
@@ -2083,14 +2108,14 @@ const ts = ["srcdoc"], ls = {
       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 d = L(
+    const c = 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 = L(() => {
       const v = o.value.trim().toLowerCase();
-      return v === "" ? d.value : d.value.filter(
+      return v === "" ? c.value : c.value.filter(
         ({ type: g }) => g.title.toLowerCase().includes(v) || g.slug.includes(v) || (g.description ?? "").toLowerCase().includes(v)
       );
     }), p = L(() => {
@@ -2105,7 +2130,7 @@ const ts = ["srcdoc"], ls = {
       return u.value.length <= 5 || o.value.trim() !== "" || g.length < 2 ? [{ id: "", label: "", options: u.value }] : g;
     }), f = L(() => {
       if (l.catalog.length === 0) return i("field.pick-none");
-      if (d.value.length === 0 && l.parent) {
+      if (c.value.length === 0 && l.parent) {
         const v = (l.allow ?? l.parent.allow ?? []).filter(
           (g) => l.catalog.some((x) => x.slug === g)
         );
@@ -2115,7 +2140,7 @@ const ts = ["srcdoc"], ls = {
     });
     return (v, g) => {
       const x = At("router-link");
-      return c(), z(n(Ot), {
+      return d(), z(n(Ot), {
         open: n(a),
         "onUpdate:open": g[2] || (g[2] = (T) => Vt(a) ? a.value = T : null),
         title: n(i)("field.pick"),
@@ -2133,8 +2158,8 @@ const ts = ["srcdoc"], ls = {
           })
         ]),
         default: b(() => [
-          A("div", ss, [
-            d.value.length > 0 ? (c(), z(n(Ue), {
+          A("div", os, [
+            c.value.length > 0 ? (d(), z(n(Ue), {
               key: 0,
               modelValue: o.value,
               "onUpdate:modelValue": g[0] || (g[0] = (T) => o.value = T),
@@ -2142,14 +2167,14 @@ const ts = ["srcdoc"], ls = {
               clearable: "",
               autofocus: ""
             }, null, 8, ["modelValue", "placeholder"])) : D("", !0),
-            u.value.length === 0 ? (c(), z(n(Pt), {
+            u.value.length === 0 ? (d(), z(n(Pt), {
               key: 1,
               icon: "grid",
               title: f.value,
               size: "sm"
             }, {
               default: b(() => [
-                e.catalog.length === 0 && e.blocksPath ? (c(), z(x, {
+                e.catalog.length === 0 && e.blocksPath ? (d(), z(x, {
                   key: 0,
                   to: e.blocksPath
                 }, {
@@ -2161,13 +2186,13 @@ const ts = ["srcdoc"], ls = {
               ]),
               _: 1
             }, 8, ["title"])) : D("", !0),
-            (c(!0), C(F, null, le(p.value, (T) => (c(), C("section", {
+            (d(!0), C(F, null, le(p.value, (T) => (d(), C("section", {
               key: T.id,
               class: "wx-block-picker__group"
             }, [
-              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", {
+              T.label ? (d(), C("div", as, S(T.label), 1)) : D("", !0),
+              A("div", is, [
+                (d(!0), C(F, null, le(T.options, (w) => (d(), C("button", {
                   key: w.type.id,
                   type: "button",
                   class: $e(["wx-block-picker__card", { "is-disabled": w.reason !== null }]),
@@ -2179,9 +2204,9 @@ const ts = ["srcdoc"], ls = {
                     thumbnail: w.type.thumbnail,
                     height: 96
                   }, null, 8, ["thumbnail"]),
-                  A("div", rs, [
-                    A("div", us, S(w.type.title), 1),
-                    w.reason ? (c(), z(n(K), {
+                  A("div", us, [
+                    A("div", cs, S(w.type.title), 1),
+                    w.reason ? (d(), z(n(q), {
                       key: 0,
                       size: "sm",
                       tone: "warning"
@@ -2190,7 +2215,7 @@ const ts = ["srcdoc"], ls = {
                         M(S(w.reason), 1)
                       ]),
                       _: 2
-                    }, 1024)) : w.type.description ? (c(), z(n(K), {
+                    }, 1024)) : w.type.description ? (d(), z(n(q), {
                       key: 1,
                       size: "sm",
                       tone: "muted"
@@ -2201,7 +2226,7 @@ const ts = ["srcdoc"], ls = {
                       _: 2
                     }, 1024)) : D("", !0)
                   ])
-                ], 10, is))), 128))
+                ], 10, rs))), 128))
               ])
             ]))), 128))
           ])
@@ -2210,7 +2235,7 @@ const ts = ["srcdoc"], ls = {
       }, 8, ["open", "title"]);
     };
   }
-}), ds = /* @__PURE__ */ ie(cs, [["__scopeId", "data-v-99f4090e"]]), ps = { class: "wx-blocks-preview__tools" }, fs = ["src", "title"], ms = /* @__PURE__ */ ae({
+}), ps = /* @__PURE__ */ ie(ds, [["__scopeId", "data-v-99f4090e"]]), fs = { class: "wx-blocks-preview__tools" }, ms = ["src", "title"], vs = /* @__PURE__ */ ae({
   __name: "BlocksPreview",
   props: {
     url: {},
@@ -2220,7 +2245,7 @@ const ts = ["srcdoc"], ls = {
   },
   emits: ["select", "edit"],
   setup(e, { expose: l, emit: t }) {
-    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(() => [
+    const s = e, a = t, i = de("webx-blocks"), o = I(null), r = I(null), c = I(null), u = et(c), 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") }
@@ -2231,7 +2256,7 @@ const ts = ["srcdoc"], ls = {
     })), R = L(() => ({
       width: `${Math.round(w.value * y.value)}px`,
       ...x.value ? { height: `${Math.round(g.value * y.value)}px` } : {}
-    })), Y = L(() => {
+    })), K = L(() => {
       if (!s.url) return "";
       try {
         return `${new URL(s.url, location.origin).pathname} · ${w.value} px`;
@@ -2239,7 +2264,7 @@ const ts = ["srcdoc"], ls = {
         return s.url;
       }
     });
-    function q() {
+    function Y() {
       try {
         return o.value?.contentDocument ?? null;
       } catch {
@@ -2251,7 +2276,7 @@ const ts = ["srcdoc"], ls = {
       W.documentElement.scrollTop !== 0 && (W.documentElement.scrollTop = 0);
     }
     function O() {
-      const W = q(), P = W?.body;
+      const W = Y(), 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);
@@ -2264,7 +2289,7 @@ const ts = ["srcdoc"], ls = {
     }
     function Se() {
       f.value = !0;
-      const W = q();
+      const W = Y();
       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
@@ -2295,7 +2320,7 @@ const ts = ["srcdoc"], ls = {
       return null;
     }
     function Q() {
-      const W = q();
+      const W = Y();
       if (ne === null || !W) return;
       V(W);
       const P = pt(W, ne), j = P ? Ee(P) : null;
@@ -2307,7 +2332,7 @@ const ts = ["srcdoc"], ls = {
       $ !== 0 && (G ?? window).scrollBy({ top: $, behavior: "smooth" });
     }
     function ke(W, P) {
-      const j = q();
+      const j = Y();
       if (!j || !f.value) return !1;
       const G = Ft(j, W, P);
       return G && ot(j, s.selected ?? null), G;
@@ -2321,7 +2346,7 @@ const ts = ["srcdoc"], ls = {
     return te(
       () => s.selected,
       (W) => {
-        const P = q();
+        const P = Y();
         !P || !f.value || (ot(P, W ?? null), ye(W ?? null));
       }
     ), te(() => s.reload, Ce), te(
@@ -2329,7 +2354,7 @@ const ts = ["srcdoc"], ls = {
       () => 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: () => p.value = !0 }), (W, P) => (c(), C("div", {
+    }), l({ replace: ke, refresh: Ce, open: () => p.value = !0 }), (W, P) => (d(), 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 })
     }, [
@@ -2338,14 +2363,14 @@ const ts = ["srcdoc"], ls = {
         ref: r,
         class: "wx-blocks-preview__bar"
       }, [
-        m(n(K), {
+        m(n(q), {
           size: "xs",
           tone: "muted",
           class: "wx-blocks-preview__label",
           truncate: ""
         }, {
           default: b(() => [
-            M(S(Y.value), 1)
+            M(S(K.value), 1)
           ]),
           _: 1
         }),
@@ -2357,8 +2382,8 @@ const ts = ["srcdoc"], ls = {
           "aria-label": n(i)("field.width"),
           "onUpdate:modelValue": P[0] || (P[0] = (j) => v.value = Number(j))
         }, null, 8, ["model-value", "options", "aria-label"]),
-        A("div", ps, [
-          e.compact ? (c(), z(n(Ie), {
+        A("div", fs, [
+          e.compact ? (d(), z(n(Ie), {
             key: 0,
             size: "sm",
             tone: "primary",
@@ -2366,7 +2391,7 @@ const ts = ["srcdoc"], ls = {
             title: n(i)("field.blocks"),
             onClick: P[1] || (P[1] = (j) => a("edit"))
           }, null, 8, ["title"])) : D("", !0),
-          e.url ? (c(), z(n(Ie), {
+          e.url ? (d(), z(n(Ie), {
             key: 1,
             size: "sm",
             icon: "external-link",
@@ -2387,14 +2412,14 @@ const ts = ["srcdoc"], ls = {
       ], 512),
       A("div", {
         ref_key: "box",
-        ref: d,
+        ref: c,
         class: "wx-blocks-preview__ground"
       }, [
         A("div", {
           class: "wx-blocks-preview__clip",
           style: xe(R.value)
         }, [
-          e.url ? (c(), C("iframe", {
+          e.url ? (d(), C("iframe", {
             key: 0,
             ref_key: "frame",
             ref: o,
@@ -2403,15 +2428,15 @@ const ts = ["srcdoc"], ls = {
             style: xe(_.value),
             title: n(i)("field.preview"),
             onLoad: Se
-          }, null, 44, fs)) : D("", !0)
+          }, null, 44, ms)) : D("", !0)
         ], 4)
       ], 512)
     ], 6));
   }
-}), 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 = {
+}), hs = /* @__PURE__ */ ie(vs, [["__scopeId", "data-v-398e4cef"]]), bs = { class: "wx-blocks-tree__node" }, gs = ["onClick", "onKeydown"], ys = { class: "wx-blocks-tree__name" }, ks = ["title"], ws = ["title"], _s = ["title"], xs = ["title"], $s = {
   key: 4,
   class: "wx-blocks-tree__actions"
-}, $s = ["onClick"], Ss = /* @__PURE__ */ ae({
+}, Ss = ["onClick"], Es = /* @__PURE__ */ ae({
   __name: "BlocksTree",
   props: {
     nodes: {},
@@ -2435,7 +2460,7 @@ const ts = ["srcdoc"], ls = {
       const f = i(p);
       return f?.content ? Jt(f.content.schema) : [];
     }
-    function d(p, f) {
+    function c(p, f) {
       const v = p.values[f.id];
       return Array.isArray(v) ? v : [];
     }
@@ -2464,7 +2489,7 @@ const ts = ["srcdoc"], ls = {
     }
     return (p, f) => {
       const v = At("blocks-tree", !0);
-      return c(), z(n(Cl), {
+      return d(), z(n(Cl), {
         "model-value": e.nodes,
         "item-key": "key",
         "item-label": (g) => o(g),
@@ -2476,7 +2501,7 @@ const ts = ["srcdoc"], ls = {
         "onUpdate:modelValue": f[6] || (f[6] = (g) => s("reorder", e.parentKey, e.field, g))
       }, {
         default: b(({ item: g }) => [
-          A("div", hs, [
+          A("div", bs, [
             A("div", {
               class: $e(["wx-blocks-tree__row", { "is-selected": e.selected === g.key, "is-hidden": g.hidden === !0 }]),
               role: "button",
@@ -2487,46 +2512,46 @@ const ts = ["srcdoc"], ls = {
                 ht(bt((x) => s("select", g.key), ["prevent"]), ["space"])
               ]
             }, [
-              A("span", gs, S(o(g)), 1),
-              i(g) ? i(g)?.draft ? (c(), C("span", {
+              A("span", ys, S(o(g)), 1),
+              i(g) ? i(g)?.draft ? (d(), C("span", {
                 key: 1,
                 class: "wx-blocks-tree__flag is-warning",
                 title: n(a)("field.draft-type")
               }, [
                 m(n(he), { name: "warning" })
-              ], 8, ks)) : i(g)?.is_enabled === !1 ? (c(), C("span", {
+              ], 8, ws)) : i(g)?.is_enabled === !1 ? (d(), C("span", {
                 key: 2,
                 class: "wx-blocks-tree__flag",
                 title: n(a)("field.disabled-type")
               }, [
                 m(n(he), { name: "lock" })
-              ], 8, ws)) : D("", !0) : (c(), C("span", {
+              ], 8, _s)) : D("", !0) : (d(), 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, ys)),
-              g.hidden === !0 ? (c(), C("span", {
+              ], 8, ks)),
+              g.hidden === !0 ? (d(), C("span", {
                 key: 3,
                 class: "wx-blocks-tree__flag",
                 title: n(a)("field.hidden-note")
               }, [
                 m(n(he), { name: "eye-off" })
-              ], 8, _s)) : D("", !0),
-              e.disabled ? D("", !0) : (c(), C("span", xs, [
+              ], 8, xs)) : D("", !0),
+              e.disabled ? D("", !0) : (d(), C("span", $s, [
                 m(n(kl), {
                   actions: u(g),
                   label: o(g)
                 }, null, 8, ["actions", "label"])
               ]))
-            ], 42, bs),
-            (c(!0), C(F, null, le(r(g), (x) => (c(), C("div", {
+            ], 42, gs),
+            (d(!0), C(F, null, le(r(g), (x) => (d(), C("div", {
               key: x.id,
               class: "wx-blocks-tree__kids"
             }, [
               m(v, {
-                nodes: d(g, x),
+                nodes: c(g, x),
                 catalog: e.catalog,
                 "parent-key": g.key,
                 field: x.id,
@@ -2540,17 +2565,17 @@ const ts = ["srcdoc"], ls = {
                 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", {
+              e.disabled ? D("", !0) : (d(), C("button", {
                 key: 0,
                 type: "button",
                 class: "wx-blocks-tree__add is-inner",
                 onClick: (T) => s("add", g.key, x.id, x)
               }, [
                 M(" + " + S(n(a)("field.add-inside")), 1),
-                r(g).length > 1 ? (c(), C(F, { key: 0 }, [
+                r(g).length > 1 ? (d(), C(F, { key: 0 }, [
                   M(" · " + S(x.label ?? x.id), 1)
                 ], 64)) : D("", !0)
-              ], 8, $s))
+              ], 8, Ss))
             ]))), 128))
           ])
         ]),
@@ -2558,29 +2583,29 @@ const ts = ["srcdoc"], ls = {
       }, 8, ["model-value", "item-label", "disabled", "empty-text", "class"]);
     };
   }
-}), Es = /* @__PURE__ */ ie(Ss, [["__scopeId", "data-v-590fa1d6"]]), vt = /* @__PURE__ */ Symbol("wx-blocks-preview");
-function vo(e) {
+}), Ts = /* @__PURE__ */ ie(Es, [["__scopeId", "data-v-590fa1d6"]]), vt = /* @__PURE__ */ Symbol("wx-blocks-preview");
+function ho(e) {
   Bt(vt, e);
 }
-function ho() {
+function bo() {
   return De(vt, null);
 }
-const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
+const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cs = {
   key: 0,
   class: "wx-blocks-nested"
-}, Cs = {
+}, Ls = {
   key: 0,
   class: "wx-blocks__tree"
-}, Ls = { class: "wx-blocks__panel-head" }, As = { class: "wx-blocks__panel-title" }, Vs = { class: "wx-blocks__list" }, Bs = { class: "wx-blocks__tools" }, Ws = {
+}, As = { class: "wx-blocks__panel-head" }, Vs = { class: "wx-blocks__panel-title" }, Bs = { class: "wx-blocks__list" }, Ws = { class: "wx-blocks__tools" }, Ms = {
   key: 1,
   class: "wx-blocks__fields"
-}, Ms = { class: "wx-blocks__panel-head" }, Ns = { class: "wx-blocks__panel-title" }, zs = {
+}, Ns = { class: "wx-blocks__panel-head" }, zs = { class: "wx-blocks__panel-title" }, Ds = {
   key: 0,
   class: "wx-blocks__trail"
-}, Ds = ["onClick"], Is = { class: "wx-blocks__panel-name" }, Os = { class: "wx-blocks__panel-extra" }, Ps = { key: 0 }, Us = { class: "wx-blocks__form" }, Rs = {
+}, Is = ["onClick"], Os = { class: "wx-blocks__panel-name" }, Ps = { class: "wx-blocks__panel-extra" }, Us = { key: 0 }, Rs = { class: "wx-blocks__form" }, js = {
   key: 0,
   class: "wx-blocks__preview"
-}, js = /* @__PURE__ */ ae({
+}, Fs = /* @__PURE__ */ ae({
   name: "WxBlocks",
   inheritAttrs: !1,
   __name: "BlocksField",
@@ -2601,10 +2626,10 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
   emits: ["update:modelValue"],
   setup(e) {
     const l = e, t = cl(e, "modelValue"), s = De(Lt, !1);
-    Bt(Lt, !0), Ke();
+    Bt(Lt, !0), qe();
     const a = de("webx-blocks"), i = Fe(), o = De(Mt, null);
     let r = null;
-    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(
+    const c = I([]), u = L(() => l.catalog ?? c.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($) {
@@ -2625,7 +2650,7 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
       for (; N; )
         $.unshift({ key: N.key, title: x(N) }), N = re(p.value, N.key)?.parent ?? null;
       return $;
-    }), _ = 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(() => {
+    }), _ = De(vt, null), R = I(null), K = I(null), Y = et(K), X = L(() => _ !== null && _.url.value !== null), h = L(() => X.value && Y.value > 0 && Y.value <= 900), V = I(!1), O = L(() => {
       if (!v.value) return;
       const $ = g.value?.title ?? v.value.node.type;
       return [...y.value.map((N) => N.title), $].join(" / ");
@@ -2655,7 +2680,7 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
       () => o?.state.manifest?.modules.find(($) => $.id === "blocks")?.meta?.groups ?? []
     ), 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 = L(() => l.context?.can ?? o?.can ?? (() => !0)), Te = Ut(ds);
+    ), Ee = L(() => l.context?.can ?? o?.can ?? (() => !0)), Te = Ut(ps);
     function Q($) {
       t.value = $;
     }
@@ -2740,7 +2765,7 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
       if (window.addEventListener("keydown", Le), l.catalog === null && o) {
         r = Me(o);
         try {
-          d.value = await r.catalog();
+          c.value = await r.catalog();
         } catch ($) {
           Z.danger(i($));
         }
@@ -2751,8 +2776,8 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
     const ze = L(
       () => g.value?.content ? mt(g.value.content.schema) : []
     );
-    return ($, N) => n(s) ? (c(), C("div", Ts, [
-      m(n(K), {
+    return ($, N) => n(s) ? (d(), C("div", Cs, [
+      m(n(q), {
         size: "sm",
         tone: "muted"
       }, {
@@ -2761,10 +2786,10 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
         ]),
         _: 1
       })
-    ])) : (c(), C("div", {
+    ])) : (d(), C("div", {
       key: 1,
       ref_key: "host",
-      ref: Y,
+      ref: K,
       class: $e(["wx-blocks-host", { "is-compact": h.value }])
     }, [
       A("div", {
@@ -2773,12 +2798,12 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
           "has-preview": n(_) !== null && n(_).url.value !== null
         }])
       }, [
-        (c(), z(pl(h.value ? n(Ll) : "div"), fl(J.value, { class: "wx-blocks__side" }), {
+        (d(), z(pl(h.value ? n(Ll) : "div"), fl(J.value, { class: "wx-blocks__side" }), {
           default: b(() => [
-            v.value ? D("", !0) : (c(), C("div", Cs, [
-              A("div", Ls, [
-                A("span", As, S(n(a)("field.blocks")), 1),
-                m(n(K), {
+            v.value ? D("", !0) : (d(), C("div", Ls, [
+              A("div", As, [
+                A("span", Vs, S(n(a)("field.blocks")), 1),
+                m(n(q), {
                   size: "sm",
                   tone: "muted"
                 }, {
@@ -2788,8 +2813,8 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
                   _: 1
                 })
               ]),
-              A("div", Vs, [
-                m(Es, {
+              A("div", Bs, [
+                m(Ts, {
                   nodes: p.value,
                   catalog: u.value,
                   selected: f.value,
@@ -2802,8 +2827,8 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
                   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), {
+              A("div", Ws, [
+                !e.disabled && (e.max === null || p.value.length < e.max) ? (d(), z(n(ce), {
                   key: 0,
                   variant: "outline",
                   icon: "plus",
@@ -2815,7 +2840,7 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
                   ]),
                   _: 1
                 })) : D("", !0),
-                !h.value && n(_) && n(_).url.value ? (c(), z(n(ce), {
+                !h.value && n(_) && n(_).url.value ? (d(), z(n(ce), {
                   key: 1,
                   variant: "outline",
                   icon: "eye",
@@ -2829,25 +2854,25 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
                 })) : D("", !0)
               ])
             ])),
-            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, {
+            v.value ? (d(), C("div", Ms, [
+              A("div", Ns, [
+                A("span", zs, [
+                  y.value.length ? (d(), C("span", Ds, [
+                    (d(!0), C(F, null, le(y.value, (U) => (d(), C(F, {
                       key: U.key
                     }, [
                       A("button", {
                         type: "button",
                         class: "wx-blocks__trail-step",
                         onClick: (H) => G(U.key)
-                      }, S(U.title), 9, Ds),
+                      }, S(U.title), 9, Is),
                       m(n(he), { name: "chevron-right" })
                     ], 64))), 128))
                   ])) : D("", !0),
-                  A("span", Is, S(g.value?.title ?? v.value.node.type), 1)
+                  A("span", Os, S(g.value?.title ?? v.value.node.type), 1)
                 ]),
-                A("span", Os, [
-                  h.value ? D("", !0) : (c(), C("code", Ps, S(v.value.node.type), 1)),
+                A("span", Ps, [
+                  h.value ? D("", !0) : (d(), C("code", Us, S(v.value.node.type), 1)),
                   m(n(Ie), {
                     size: "sm",
                     tone: "neutral",
@@ -2864,7 +2889,7 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
                     disabled: w.value.next === null,
                     onClick: N[3] || (N[3] = (U) => w.value.next && G(w.value.next))
                   }, null, 8, ["title", "disabled"]),
-                  !h.value && n(_) && n(_).url.value ? (c(), z(n(ce), {
+                  !h.value && n(_) && n(_).url.value ? (d(), z(n(ce), {
                     key: 1,
                     size: "sm",
                     variant: "outline",
@@ -2885,8 +2910,8 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
                   })
                 ])
               ]),
-              A("div", Us, [
-                g.value?.content ? (c(), z(n(Rt), {
+              A("div", Rs, [
+                g.value?.content ? (d(), z(n(Rt), {
                   key: v.value.node.key,
                   "model-value": v.value.node.values,
                   root: ze.value,
@@ -2895,7 +2920,7 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
                   can: Ee.value,
                   disabled: e.disabled,
                   "onUpdate:modelValue": se
-                }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (c(), z(n(K), {
+                }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (d(), z(n(q), {
                   key: 1,
                   size: "sm",
                   tone: "danger"
@@ -2910,8 +2935,8 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
           ]),
           _: 1
         }, 16)),
-        n(_) && n(_).url.value ? (c(), C("div", Rs, [
-          m(vs, {
+        n(_) && n(_).url.value ? (d(), C("div", js, [
+          m(hs, {
             ref_key: "previewEl",
             ref: R,
             url: n(_).url.value,
@@ -2925,7 +2950,7 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
       ], 2)
     ], 2));
   }
-}), 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({
+}), Hs = /* @__PURE__ */ ie(Fs, [["__scopeId", "data-v-3952ee19"]]), qs = { class: "wx-block-card__body" }, Ks = { class: "wx-block-card__title" }, Ys = { class: "wx-block-card__chips" }, Js = /* @__PURE__ */ ae({
   __name: "BlockCard",
   props: {
     block: {}
@@ -2933,7 +2958,7 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
   emits: ["open"],
   setup(e, { emit: l }) {
     const t = l, s = de("webx-blocks");
-    return (a, i) => (c(), C("button", {
+    return (a, i) => (d(), C("button", {
       type: "button",
       class: "wx-block-card",
       onClick: i[0] || (i[0] = (o) => t("open", e.block))
@@ -2942,9 +2967,9 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
         thumbnail: e.block.thumbnail,
         height: 120
       }, null, 8, ["thumbnail"]),
-      A("div", Hs, [
+      A("div", qs, [
         A("div", Ks, S(e.block.title), 1),
-        m(n(K), {
+        m(n(q), {
           size: "sm",
           tone: "muted"
         }, {
@@ -2955,7 +2980,7 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
           _: 1
         }),
         A("div", Ys, [
-          e.block.draft ? (c(), z(n(ue), {
+          e.block.draft ? (d(), z(n(ue), {
             key: 0,
             type: "warning",
             dot: ""
@@ -2965,7 +2990,7 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
             ]),
             _: 1
           })) : D("", !0),
-          e.block.published ? (c(), z(n(ue), {
+          e.block.published ? (d(), z(n(ue), {
             key: 1,
             type: "success",
             dot: ""
@@ -2974,7 +2999,7 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
               M(S(n(s)("page.live", { number: e.block.published.number })), 1)
             ]),
             _: 1
-          })) : (c(), z(n(ue), {
+          })) : (d(), z(n(ue), {
             key: 2,
             type: "default"
           }, {
@@ -2983,7 +3008,7 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
             ]),
             _: 1
           })),
-          e.block.is_enabled ? D("", !0) : (c(), z(n(ue), {
+          e.block.is_enabled ? D("", !0) : (d(), z(n(ue), {
             key: 3,
             type: "default",
             variant: "outline"
@@ -2997,13 +3022,13 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
       ])
     ]));
   }
-}), Js = /* @__PURE__ */ ie(qs, [["__scopeId", "data-v-3d94f339"]]), Gs = { class: "wx-block-create" }, Zs = /* @__PURE__ */ ae({
+}), Gs = /* @__PURE__ */ ie(Js, [["__scopeId", "data-v-3d94f339"]]), Zs = { class: "wx-block-create" }, Qs = /* @__PURE__ */ ae({
   __name: "BlockCreateDialog",
   setup(e) {
     const { resolve: l, dismiss: t, open: s } = It(), a = je(), i = Me(a);
-    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) }))
+    qe();
+    const o = de("webx-blocks"), r = Fe(), c = L(() => a.state.manifest?.modules.find((_) => _.id === "blocks")?.meta?.groups ?? ["content"]), u = I({ title: "", slug: "", group: c.value[0] ?? "content" }), p = I({}), f = I(!1), v = I(!1), g = L(
+      () => c.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);
@@ -3028,7 +3053,7 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
         f.value = !1;
       }
     }
-    return (y, _) => (c(), z(n(Ot), {
+    return (y, _) => (d(), z(n(Ot), {
       open: n(s),
       "onUpdate:open": _[5] || (_[5] = (R) => Vt(s) ? s.value = R : null),
       title: n(o)("page.new"),
@@ -3061,7 +3086,7 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
         })
       ]),
       default: b(() => [
-        A("div", Gs, [
+        A("div", Zs, [
           m(n(oe), {
             label: n(o)("page.title"),
             error: T("title")
@@ -3109,21 +3134,21 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Qs = /* @__PURE__ */ ie(Zs, [["__scopeId", "data-v-a4c0d44c"]]), Xs = {
+}), Xs = /* @__PURE__ */ ie(Qs, [["__scopeId", "data-v-a4c0d44c"]]), eo = {
   key: 1,
   class: "wx-blocks-page__toolbar"
-}, eo = { class: "wx-blocks-page__cards" }, to = { class: "wx-blocks-page__ghost-body" }, lo = {
+}, to = { class: "wx-blocks-page__cards" }, lo = { class: "wx-blocks-page__ghost-body" }, no = {
   key: 0,
   class: "wx-blocks-page__group-title"
-}, no = { class: "wx-blocks-page__cards" }, so = /* @__PURE__ */ ae({
+}, so = { class: "wx-blocks-page__cards" }, oo = /* @__PURE__ */ ae({
   __name: "BlocksPage",
   props: {
     base: { default: "/blocks" }
   },
   setup(e) {
     const l = e, t = je(), s = Me(t), a = Wt();
-    Ke();
-    const i = de("webx-blocks"), o = Fe(), r = I([]), d = I(!0), u = I(""), p = I(""), f = Ut(Qs), v = L(() => {
+    qe();
+    const i = de("webx-blocks"), o = Fe(), r = I([]), c = I(!0), u = I(""), p = I(""), f = Ut(Xs), v = L(() => {
       const h = t.state.manifest?.modules.find((V) => V.id === "blocks")?.meta;
       return {
         groups: h?.groups ?? [],
@@ -3156,29 +3181,29 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
       return p.value !== "" || T.value.length <= 5 || u.value.trim() !== "" || h.length < 2 ? [{ id: "", label: "", blocks: T.value }] : h;
     });
     async function R() {
-      d.value = !0;
+      c.value = !0;
       try {
         r.value = await s.list();
       } catch (h) {
         Z.danger(o(h));
       } finally {
-        d.value = !1;
+        c.value = !1;
       }
     }
-    function Y(h) {
+    function K(h) {
       a.push(`${l.base}/${h.id}`);
     }
-    async function q() {
+    async function Y() {
       const h = await f({});
-      h && Y(h);
+      h && K(h);
     }
     Re(R);
     const X = L(
       () => g.value ? [{ key: "new", label: i("page.new"), icon: "plus", primary: !0, run: () => {
-        q();
+        Y();
       } }] : []
     );
-    return (h, V) => (c(), z(n(wl), {
+    return (h, V) => (d(), z(n(wl), {
       view: p.value,
       "onUpdate:view": V[1] || (V[1] = (O) => p.value = O),
       class: "wx-blocks-page",
@@ -3187,13 +3212,13 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
       actions: X.value
     }, {
       default: b(() => [
-        v.value.editing ? D("", !0) : (c(), z(n(zt), {
+        v.value.editing ? D("", !0) : (d(), z(n(zt), {
           key: 0,
           type: "info",
           variant: "soft",
           description: n(i)("page.editing-off")
         }, null, 8, ["description"])),
-        d.value || r.value.length > 0 ? (c(), C("div", Xs, [
+        c.value || r.value.length > 0 ? (d(), C("div", eo, [
           m(n(Ue), {
             modelValue: u.value,
             "onUpdate:modelValue": V[0] || (V[0] = (O) => u.value = O),
@@ -3202,28 +3227,28 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
             clearable: ""
           }, null, 8, ["modelValue", "placeholder"])
         ])) : D("", !0),
-        d.value ? (c(), z(n(Be), { key: 2 }, {
+        c.value ? (d(), z(n(Be), { key: 2 }, {
           template: b(() => [
-            A("div", eo, [
-              (c(), C(F, null, le(4, (O) => A("div", {
+            A("div", to, [
+              (d(), C(F, null, le(4, (O) => A("div", {
                 key: O,
                 class: "wx-blocks-page__ghost"
               }, [
-                m(n(qe), {
+                m(n(Ye), {
                   variant: "image",
                   height: 120,
                   class: "wx-blocks-page__ghost-thumb"
                 }),
-                A("div", to, [
-                  m(n(qe), {
+                A("div", lo, [
+                  m(n(Ye), {
                     variant: "title",
                     width: "45%"
                   }),
-                  m(n(qe), {
+                  m(n(Ye), {
                     variant: "text",
                     width: "70%"
                   }),
-                  m(n(qe), {
+                  m(n(Ye), {
                     variant: "button",
                     width: "64px",
                     height: "22px"
@@ -3233,21 +3258,21 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
             ])
           ]),
           _: 1
-        })) : r.value.length === 0 ? (c(), z(n(Pt), {
+        })) : r.value.length === 0 ? (d(), 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, (O) => (c(), C("section", {
+        }, null, 8, ["title", "description"])) : (d(!0), C(F, { key: 4 }, le(_.value, (O) => (d(), C("section", {
           key: O.id,
           class: "wx-blocks-page__group"
         }, [
-          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, {
+          O.label ? (d(), C("div", no, S(O.label), 1)) : D("", !0),
+          A("div", so, [
+            (d(!0), C(F, null, le(O.blocks, (J) => (d(), z(Gs, {
               key: J.id,
               block: J,
-              onOpen: Y
+              onOpen: K
             }, null, 8, ["block"]))), 128))
           ])
         ]))), 128))
@@ -3255,18 +3280,18 @@ const Lt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ts = {
       _: 1
     }, 8, ["view", "title", "views", "actions"]));
   }
-}), oo = /* @__PURE__ */ ie(so, [["__scopeId", "data-v-553b680f"]]);
-function bo(e = {}) {
+}), ao = /* @__PURE__ */ ie(oo, [["__scopeId", "data-v-553b680f"]]);
+function go(e = {}) {
   const l = e.path ?? "/blocks";
   return {
     id: "blocks",
     path: l,
     routes: [
-      { path: l, name: "webx.blocks", component: oo, props: { base: l } },
+      { path: l, name: "webx.blocks", component: ao, props: { base: l } },
       {
         path: `${l}/:id(\\d+)`,
         name: "webx.blocks.edit",
-        component: Qn,
+        component: Xn,
         props: { base: l }
       }
     ],
@@ -3275,7 +3300,7 @@ function bo(e = {}) {
     // draws its children through the renderer; it needs the node for `props.allow` alone.
     types: {
       "wx-blocks": {
-        component: Fs,
+        component: Hs,
         kind: "field",
         nested: !0,
         wide: !0,
@@ -3285,13 +3310,13 @@ function bo(e = {}) {
   };
 }
 export {
-  Qn as WxBlockEditorPage,
-  ds as WxBlockPicker,
+  Xn as WxBlockEditorPage,
+  ps as WxBlockPicker,
   Xl as WxBlockStage,
   sl as WxBlockThumb,
-  Fs as WxBlocks,
-  oo as WxBlocksPage,
-  bo as blocks,
+  Hs as WxBlocks,
+  ao as WxBlocksPage,
+  go as blocks,
   un as blocksMessages,
   vt as blocksPreviewKey,
   Gt as cloneNode,
@@ -3301,21 +3326,21 @@ export {
   mt as formSchema,
   ot as highlightBlock,
   $t as insertNode,
-  Yt as isNode,
+  Kt as isNode,
   tt as isNodeList,
-  Wn as lintBlock,
+  Mn as lintBlock,
   re as locate,
   en as makeNode,
   ut as newKey,
-  vo as provideBlocksPreview,
+  ho as provideBlocksPreview,
   on as removeNode,
   Ft as replaceBlock,
   rn as replaceList,
   Ht as stageDocument,
-  mo as typesIn,
-  Mn as undeclared,
+  vo as typesIn,
+  Nn as undeclared,
   an as updateValues,
-  ho as useBlocksPreview,
+  bo as useBlocksPreview,
   He as walk
 };
 //# sourceMappingURL=index.js.map