@webx-ui/module-blocks 0.7.0 → 0.7.1

package/dist/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as ae, computed as T, openBlock as i, createElementBlock as S, createVNode as u, unref as e, createElementVNode as B, createTextVNode as W, toDisplayString as _, Fragment as F, createCommentVNode as P, renderList as ee, ref as M, onMounted as Ue, watch as X, createBlock as N, withCtx as c, onBeforeUnmount as Ge, normalizeStyle as $e, reactive as et, normalizeClass as Se, withDirectives as Jt, vShow as Kt, resolveComponent as xt, isRef as $t, nextTick as Yt, withKeys as ut, withModifiers as ct, provide as St, inject as qe, useModel as Gt, getCurrentInstance as Zt, resolveDynamicComponent as Qt, mergeProps as Xt, mergeModels as el } from "vue";
+import { defineComponent as ae, computed as T, openBlock as i, createElementBlock as S, createVNode as u, unref as e, createElementVNode as E, createTextVNode as W, toDisplayString as _, Fragment as j, createCommentVNode as N, renderList as ee, ref as U, onMounted as Ue, watch as X, createBlock as I, withCtx as d, onBeforeUnmount as Ge, normalizeStyle as xe, reactive as Qe, normalizeClass as $e, withDirectives as Jt, vShow as Kt, resolveComponent as xt, isRef as $t, nextTick as Gt, withKeys as ut, withModifiers as ct, provide as St, inject as qe, useModel as Yt, getCurrentInstance as Zt, resolveDynamicComponent as Qt, mergeProps as Xt, mergeModels as el } from "vue";
 import { useRoute as tl, useRouter as Tt } from "vue-router";
 import { useTranslate as de, useAdmin as Me, useErrorText as De, WxDate as ll, WxScreenHead as nl, WxRenameButton as al, WxHelpButton as ol, WxRowMenu as sl, adminKey as il, WxListScreen as rl } from "@webx-ui/module-admin";
-import { WxIcon as ge, WxSkeleton as We, WxText as q, WxBadge as ue, WxButton as ce, confirm as Ye, toast as Y, useElementWidth as Ze, WxSegmented as Ct, WxCard as Be, WxPopover as ul, WxAlert as Vt, WxTabs as cl, WxTab as Le, WxCodeEditor as Fe, WxFormItem as ne, WxInput as Pe, WxSelect as Et, WxTextarea as dl, WxIconPicker as pl, WxInputNumber as dt, WxTagsInput as pt, WxSwitch as vl, WxActionBar as fl, useModal as Bt, WxDialog as Lt, WxEmpty as Wt, WxAction as Ie, WxSortableList as ml, createModal as At, WxDrawer as hl, WxSpace as bl, WxSkeletonItem as je } from "@webx-ui/core";
-import { WxScreenRenderer as zt, coreTypes as tt } from "@webx-ui/schema";
+import { WxIcon as be, WxSkeleton as We, WxText as F, WxBadge as ue, WxButton as ce, confirm as Ke, toast as G, useElementWidth as Ye, WxSegmented as Ct, WxCard as Be, WxPopover as ul, WxAlert as Vt, WxTabs as cl, WxTab as Le, WxCodeEditor as je, WxFormItem as ne, WxInput as Pe, WxSelect as Et, WxTextarea as dl, WxIconPicker as pl, WxInputNumber as dt, WxTagsInput as pt, WxSwitch as vl, WxActionBar as fl, useModal as Bt, WxDialog as Lt, WxEmpty as Wt, WxAction as Ie, WxSortableList as ml, createModal as At, WxDrawer as hl, WxSpace as bl, WxSkeletonItem as Fe } from "@webx-ui/core";
+import { WxScreenRenderer as zt, coreTypes as Xe } from "@webx-ui/schema";
 function Ae(t) {
   const l = `${t.apiPath}/blocks`, o = (a) => a.data;
   return {
@@ -38,35 +38,35 @@ const gl = { class: "wx-block-checks" }, kl = {
     });
     return (r, n) => (i(), S("div", gl, [
       t.error ? (i(), S("div", kl, [
-        u(e(ge), { name: "close-circle" }),
-        B("span", null, [
+        u(e(be), { name: "close-circle" }),
+        E("span", null, [
           W(_(t.error.message) + " ", 1),
-          t.error.line !== null ? (i(), S(F, { key: 0 }, [
+          t.error.line !== null ? (i(), S(j, { key: 0 }, [
             W(" · " + _(e(o)("page.line", { line: t.error.line })), 1)
-          ], 64)) : P("", !0),
-          t.error.where ? (i(), S(F, { key: 1 }, [
+          ], 64)) : N("", !0),
+          t.error.where ? (i(), S(j, { key: 1 }, [
             W(" · " + _(t.error.where), 1)
-          ], 64)) : P("", !0)
+          ], 64)) : N("", !0)
         ])
-      ])) : P("", !0),
-      (i(!0), S(F, null, ee(a.value, (b) => (i(), S("div", {
+      ])) : N("", !0),
+      (i(!0), S(j, null, ee(a.value, (b) => (i(), S("div", {
         key: b.code,
         class: "wx-block-checks__line is-warning"
       }, [
-        u(e(ge), { name: "warning" }),
-        B("span", null, [
+        u(e(be), { name: "warning" }),
+        E("span", null, [
           W(_(b.message) + " ", 1),
-          b.line !== null ? (i(), S(F, { key: 0 }, [
+          b.line !== null ? (i(), S(j, { key: 0 }, [
             W(" · " + _(e(o)("page.line", { line: b.line })), 1)
-          ], 64)) : P("", !0)
+          ], 64)) : N("", !0)
         ])
       ]))), 128)),
-      (i(!0), S(F, null, ee(s.value, (b) => (i(), S("div", {
+      (i(!0), S(j, null, ee(s.value, (b) => (i(), S("div", {
         key: b,
         class: "wx-block-checks__line is-ok"
       }, [
-        u(e(ge), { name: "check" }),
-        B("span", null, _(b), 1)
+        u(e(be), { name: "check" }),
+        E("span", null, _(b), 1)
       ]))), 128))
     ]));
   }
@@ -83,96 +83,96 @@ const gl = { class: "wx-block-checks" }, kl = {
   },
   emits: ["restored"],
   setup(t, { emit: l }) {
-    const o = t, a = l, s = Me(), r = Ae(s), n = de("webx-blocks"), b = De(), U = M(null);
-    async function p() {
-      U.value = await r.versions(o.block.id);
+    const o = t, a = l, s = Me(), r = Ae(s), n = de("webx-blocks"), b = De(), P = U(null);
+    async function v() {
+      P.value = await r.versions(o.block.id);
     }
-    function d(v) {
-      return o.block.draft?.number === v.number ? "draft" : o.block.published?.number === v.number ? "live" : "replaced";
+    function p(f) {
+      return o.block.draft?.number === f.number ? "draft" : o.block.published?.number === f.number ? "live" : "replaced";
     }
-    async function m(v) {
-      if (await Ye({
-        title: n("page.restore-title", { number: v.number }),
+    async function g(f) {
+      if (await Ke({
+        title: n("page.restore-title", { number: f.number }),
         message: n("page.restore-text"),
         confirmText: n("page.restore"),
         cancelText: n("page.cancel")
       }))
         try {
-          const C = await r.restore(o.block.id, v.number);
-          Y.success(n("page.restored", { number: C.draft?.number ?? v.number })), a("restored", C), await p();
+          const C = await r.restore(o.block.id, f.number);
+          G.success(n("page.restored", { number: C.draft?.number ?? f.number })), a("restored", C), await v();
         } catch (C) {
-          Y.danger(b(C));
+          G.danger(b(C));
         }
     }
-    return Ue(p), X(
+    return Ue(v), X(
       () => [o.block.draft?.number, o.block.published?.number],
       () => {
-        p();
+        v();
       }
-    ), (v, g) => (i(), S("div", wl, [
-      U.value === null ? (i(), N(e(We), {
+    ), (f, k) => (i(), S("div", wl, [
+      P.value === null ? (i(), I(e(We), {
         key: 0,
         class: "wx-block-history__ghost",
         rows: 3
-      })) : (i(!0), S(F, { key: 1 }, ee(U.value, (C) => (i(), S("div", {
+      })) : (i(!0), S(j, { key: 1 }, ee(P.value, (C) => (i(), S("div", {
         key: C.number,
         class: "wx-block-history__row"
       }, [
-        B("code", _l, _(e(n)("page.version", { number: C.number })), 1),
-        B("div", xl, [
-          u(e(q), null, {
-            default: c(() => [
-              W(_(e(n)(`page.version-${d(C)}`)), 1)
+        E("code", _l, _(e(n)("page.version", { number: C.number })), 1),
+        E("div", xl, [
+          u(e(F), null, {
+            default: d(() => [
+              W(_(e(n)(`page.version-${p(C)}`)), 1)
             ]),
             _: 2
           }, 1024),
-          u(e(q), {
+          u(e(F), {
             size: "sm",
             tone: "muted"
           }, {
-            default: c(() => [
-              C.created_at ? (i(), N(e(ll), {
+            default: d(() => [
+              C.created_at ? (i(), I(e(ll), {
                 key: 0,
                 value: C.created_at
-              }, null, 8, ["value"])) : P("", !0),
+              }, null, 8, ["value"])) : N("", !0),
               W(" · " + _(C.author ?? e(n)(`page.source-${C.source}`)) + " ", 1),
-              C.comment ? (i(), S(F, { key: 1 }, [
+              C.comment ? (i(), S(j, { key: 1 }, [
                 W(" · " + _(C.comment), 1)
-              ], 64)) : P("", !0)
+              ], 64)) : N("", !0)
             ]),
             _: 2
           }, 1024)
         ]),
-        d(C) === "draft" ? (i(), N(e(ue), {
+        p(C) === "draft" ? (i(), I(e(ue), {
           key: 0,
           type: "warning",
           dot: ""
         }, {
-          default: c(() => [
+          default: d(() => [
             W(_(e(n)("page.version-draft")), 1)
           ]),
           _: 1
-        })) : d(C) === "live" ? (i(), N(e(ue), {
+        })) : p(C) === "live" ? (i(), I(e(ue), {
           key: 1,
           type: "success",
           dot: ""
         }, {
-          default: c(() => [
+          default: d(() => [
             W(_(e(n)("page.version-live")), 1)
           ]),
           _: 1
-        })) : P("", !0),
-        t.canManage && d(C) === "replaced" ? (i(), N(e(ce), {
+        })) : N("", !0),
+        t.canManage && p(C) === "replaced" ? (i(), I(e(ce), {
           key: 2,
           size: "sm",
           variant: "outline",
-          onClick: (V) => m(C)
+          onClick: (V) => g(C)
         }, {
-          default: c(() => [
+          default: d(() => [
             W(_(e(n)("page.restore")), 1)
           ]),
           _: 1
-        }, 8, ["onClick"])) : P("", !0)
+        }, 8, ["onClick"])) : N("", !0)
       ]))), 128))
     ]));
   }
@@ -203,38 +203,38 @@ function Nt(t, l, o) {
   const n = a.end.nextSibling;
   let b = a.start;
   for (; b; ) {
-    const m = b.nextSibling, v = b === a.end;
-    if (s.removeChild(b), v) break;
-    b = m;
+    const g = b.nextSibling, f = b === a.end;
+    if (s.removeChild(b), f) break;
+    b = g;
   }
-  const U = r.content, p = Array.from(U.childNodes);
-  s.insertBefore(U, n);
-  const d = t.defaultView?.webx;
-  if (d?.mount)
-    for (const m of p)
-      m.nodeType === 1 && d.mount(m);
+  const P = r.content, v = Array.from(P.childNodes);
+  s.insertBefore(P, n);
+  const p = t.defaultView?.webx;
+  if (p?.mount)
+    for (const g of v)
+      g.nodeType === 1 && p.mount(g);
   return !0;
 }
-function Qe(t, l) {
+function at(t, l) {
   const o = It(t, l);
   if (!o) return null;
   for (let a = o.start.nextSibling; a && a !== o.end; a = a.nextSibling)
     if (a.nodeType === 1) return a;
   return null;
 }
-function lt(t, l) {
+function et(t, l) {
   ot(t);
   for (const a of Array.from(t.querySelectorAll(`.${Ne}`)))
     a.classList.remove(Ne);
   if (l === null) return null;
-  const o = Qe(t, l);
+  const o = at(t, l);
   return o?.classList.add(Ne), o;
 }
 function mt(t, l) {
   ot(t);
   for (const o of Array.from(t.querySelectorAll(`.${Je}`)))
     o.classList.remove(Je);
-  l !== null && Qe(t, l)?.classList.add(Je);
+  l !== null && at(t, l)?.classList.add(Je);
 }
 function ht(t) {
   let l = t?.nodeType === 1 ? t : t?.parentElement ?? null;
@@ -258,7 +258,7 @@ function Tl(t, l) {
   ot(t);
   let o = null;
   function a(n) {
-    be(n), l.select(ht(n.target));
+    he(n), l.select(ht(n.target));
   }
   function s(n) {
     const b = ht(n.target);
@@ -267,30 +267,30 @@ function Tl(t, l) {
   function r() {
     o = null, mt(t, null);
   }
-  return t.addEventListener("click", a, !0), t.addEventListener("auxclick", be, !0), t.addEventListener("submit", be, !0), t.addEventListener("dragstart", be, !0), t.addEventListener("mousemove", s, !0), t.addEventListener("mouseleave", r), {
+  return t.addEventListener("click", a, !0), t.addEventListener("auxclick", he, !0), t.addEventListener("submit", he, !0), t.addEventListener("dragstart", he, !0), t.addEventListener("mousemove", s, !0), t.addEventListener("mouseleave", r), {
     release() {
-      t.removeEventListener("click", a, !0), t.removeEventListener("auxclick", be, !0), t.removeEventListener("submit", be, !0), t.removeEventListener("dragstart", be, !0), t.removeEventListener("mousemove", s, !0), t.removeEventListener("mouseleave", r);
+      t.removeEventListener("click", a, !0), t.removeEventListener("auxclick", he, !0), t.removeEventListener("submit", he, !0), t.removeEventListener("dragstart", he, !0), t.removeEventListener("mousemove", s, !0), t.removeEventListener("mouseleave", r);
     }
   };
 }
-function be(t) {
+function he(t) {
   t.preventDefault(), t.stopPropagation();
 }
 function Cl(t) {
   const l = ["click", "auxclick", "submit", "dragstart"];
-  for (const o of l) t.addEventListener(o, be, !0);
+  for (const o of l) t.addEventListener(o, he, !0);
   return {
     release() {
-      for (const o of l) t.removeEventListener(o, be, !0);
+      for (const o of l) t.removeEventListener(o, he, !0);
     }
   };
 }
-const Ke = "sample", bt = "wx-stage-styles";
+const tt = "sample", bt = "wx-stage-styles";
 function Vl(t, l) {
   let o = t.getElementById(bt);
   o === null && (o = t.createElement("style"), o.id = bt, (t.head ?? t.documentElement).appendChild(o)), o.textContent = l.styles;
-  const a = `<!--wx:${Ke}-->`, s = l.html.trimStart().startsWith(a) ? l.html : `${a}${l.html}<!--/wx:${Ke}-->`;
-  return Nt(t, Ke, s);
+  const a = `<!--wx:${tt}-->`, s = l.html.trimStart().startsWith(a) ? l.html : `${a}${l.html}<!--/wx:${tt}-->`;
+  return Nt(t, tt, s);
 }
 function El(t, l) {
   const o = t.createElement("script");
@@ -323,16 +323,16 @@ const Bl = { class: "wx-block-stage" }, Ll = { class: "wx-block-stage__bar" }, W
       { value: 1280, icon: "monitor", ariaLabel: o("page.width-desktop") },
       { value: 834, icon: "tablet", ariaLabel: o("page.width-tablet") },
       { value: 390, icon: "smartphone", ariaLabel: o("page.width-phone") }
-    ]), s = M(1280), r = M(null), n = M(null), b = Ze(r), U = M(360), p = M(!1);
+    ]), s = U(1280), r = U(null), n = U(null), b = Ye(r), P = U(360), v = U(!1);
     X([b, a], () => {
-      if (p.value || b.value === 0) return;
-      const k = a.value.find((A) => b.value / A.value >= 0.45);
-      s.value = (k ?? a.value[a.value.length - 1]).value;
+      if (v.value || b.value === 0) return;
+      const c = a.value.find((B) => b.value / B.value >= 0.45);
+      s.value = (c ?? a.value[a.value.length - 1]).value;
     });
-    function d(k) {
-      p.value = !0, s.value = k;
+    function p(c) {
+      v.value = !0, s.value = c;
     }
-    const m = T(() => b.value === 0 ? 1 : Math.min(1, b.value / s.value)), v = T(
+    const g = T(() => b.value === 0 ? 1 : Math.min(1, b.value / s.value)), f = T(
       () => l.stage ? void 0 : Pt({
         html: l.html,
         styles: l.styles,
@@ -340,116 +340,103 @@ const Bl = { class: "wx-block-stage" }, Ll = { class: "wx-block-stage__bar" }, W
         runtime: l.runtime,
         base: typeof location > "u" ? null : location.origin + "/"
       })
-    ), g = M(0);
+    ), k = U(0);
     let C = null;
     X(
       () => l.script,
-      (k) => {
-        l.stage && k !== C && (g.value += 1);
+      (c) => {
+        l.stage && c !== C && (k.value += 1);
       }
     );
     function V() {
-      const k = n.value?.contentDocument?.body;
-      if (!k) return;
-      const A = k.ownerDocument.defaultView, j = A && parseFloat(A.getComputedStyle(k).marginBottom) || 0, pe = k.getBoundingClientRect().bottom + j + (A?.scrollY ?? 0);
-      U.value = Math.max(120, Math.ceil(Math.max(k.scrollHeight, pe)));
+      const c = n.value?.contentDocument?.body;
+      if (!c) return;
+      const B = c.ownerDocument.defaultView, D = B && parseFloat(B.getComputedStyle(c).marginBottom) || 0, K = c.getBoundingClientRect().bottom + D + (B?.scrollY ?? 0);
+      P.value = Math.max(120, Math.ceil(Math.max(c.scrollHeight, K)));
     }
-    let x = null, f = null;
+    let x = null, m = null;
     function y() {
-      x?.release(), x = null, f?.disconnect(), f = null;
-    }
-    function R(k) {
-      l.stage && (l.script && C !== l.script && (C = l.script, El(k, l.script)), Vl(k, { html: l.html, styles: l.styles }));
+      x?.release(), x = null, m?.disconnect(), m = null;
     }
-    function J(k) {
-      const A = Qe(k, Ke), j = r.value;
-      if (!A || !j) return;
-      const pe = A.getBoundingClientRect().top + (k.defaultView?.scrollY ?? 0);
-      j.scrollTop = Math.max(0, pe * m.value - 24);
+    function R(c) {
+      l.stage && (l.script && C !== l.script && (C = l.script, El(c, l.script)), Vl(c, { html: l.html, styles: l.styles }));
     }
-    function K() {
+    function q() {
       y();
-      const k = n.value?.contentDocument;
-      if (!k?.body) return;
-      l.stage && (C = null, x = Cl(k), R(k)), V();
-      const A = k.defaultView?.ResizeObserver;
-      A && (f = new A(() => V()), f.observe(k.body)), l.stage && requestAnimationFrame(() => J(k));
+      const c = n.value?.contentDocument;
+      if (!c?.body) return;
+      l.stage && (C = null, x = Cl(c), R(c)), V();
+      const B = c.defaultView?.ResizeObserver;
+      B && (m = new B(() => V()), m.observe(c.body));
     }
     X(
       () => [l.html, l.styles],
       () => {
-        const k = n.value?.contentDocument;
-        l.stage && k?.body && x !== null && R(k);
+        const c = n.value?.contentDocument;
+        l.stage && c?.body && x !== null && R(c);
       }
-    ), X(b, (k, A) => {
-      k > 0 && A === 0 && setTimeout(V, 50);
-    }), X(
-      s,
-      () => setTimeout(() => {
-        V();
-        const k = n.value?.contentDocument;
-        l.stage && k && requestAnimationFrame(() => J(k));
-      }, 50)
-    ), Ge(y);
-    const Z = T(() => ({
+    ), X(b, (c, B) => {
+      c > 0 && B === 0 && setTimeout(V, 50);
+    }), X(s, () => setTimeout(V, 50)), Ge(y);
+    const J = T(() => ({
       width: `${s.value}px`,
-      height: `${U.value}px`,
-      transform: `scale(${m.value})`
-    })), E = T(() => ({
-      width: `${Math.round(s.value * m.value)}px`,
-      height: `${Math.round(U.value * m.value)}px`
+      height: `${P.value}px`,
+      transform: `scale(${g.value})`
+    })), Z = T(() => ({
+      width: `${Math.round(s.value * g.value)}px`,
+      height: `${Math.round(P.value * g.value)}px`
     }));
-    return (k, A) => (i(), S("div", Bl, [
-      B("div", Ll, [
+    return (c, B) => (i(), S("div", Bl, [
+      E("div", Ll, [
         u(e(Ct), {
           "model-value": s.value,
           options: a.value,
           size: "sm",
           "aria-label": e(o)("page.width"),
-          "onUpdate:modelValue": A[0] || (A[0] = (j) => d(Number(j)))
+          "onUpdate:modelValue": B[0] || (B[0] = (D) => p(Number(D)))
         }, null, 8, ["model-value", "options", "aria-label"])
       ]),
-      B("div", {
+      E("div", {
         ref_key: "box",
         ref: r,
         class: "wx-block-stage__ground"
       }, [
-        t.loading && !t.html ? (i(), N(e(We), {
+        t.loading && !t.html ? (i(), I(e(We), {
           key: 0,
           rows: 3
         })) : (i(), S("div", {
           key: 1,
           class: "wx-block-stage__clip",
-          style: $e(E.value)
+          style: xe(Z.value)
         }, [
           (i(), S("iframe", {
             ref_key: "frame",
             ref: n,
-            key: g.value,
+            key: k.value,
             class: "wx-block-stage__frame",
             src: t.stage ?? void 0,
-            srcdoc: v.value,
-            style: $e(Z.value),
+            srcdoc: f.value,
+            style: xe(J.value),
             sandbox: "allow-same-origin allow-scripts",
             title: e(o)("page.preview"),
-            onLoad: K
+            onLoad: q
           }, null, 44, Wl))
         ], 4))
       ], 512)
     ]));
   }
-}), zl = /* @__PURE__ */ oe(Al, [["__scopeId", "data-v-443f8224"]]);
+}), zl = /* @__PURE__ */ oe(Al, [["__scopeId", "data-v-3185ee45"]]);
 function Ut(t) {
   return typeof t == "object" && t !== null && typeof t.type == "string" && t.type !== "";
 }
-function Xe(t) {
+function Ze(t) {
   return Array.isArray(t) && t.length > 0 && t.every(Ut);
 }
-function nt() {
+function lt() {
   return (typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID().replace(/-/g, "") : Math.random().toString(36).slice(2) + Math.random().toString(36).slice(2)).slice(0, 12);
 }
 function Il(t, l = {}) {
-  return { key: nt(), type: t, values: l };
+  return { key: lt(), type: t, values: l };
 }
 function re(t, l) {
   return Mt(t, l, null, null);
@@ -459,9 +446,9 @@ function Mt(t, l, o, a) {
     const r = t[s];
     if (r.key === l) return { node: r, parent: o, field: a, list: t, index: s };
     for (const [n, b] of Object.entries(r.values ?? {}))
-      if (Xe(b)) {
-        const U = Mt(b, l, r, n);
-        if (U) return U;
+      if (Ze(b)) {
+        const P = Mt(b, l, r, n);
+        if (P) return P;
       }
   }
   return null;
@@ -471,7 +458,7 @@ function Oe(t, l, o = 0, a = null) {
     if (Ut(s)) {
       l(s, o, a);
       for (const r of Object.values(s.values ?? {}))
-        Xe(r) && Oe(r, l, o + 1, s);
+        Ze(r) && Oe(r, l, o + 1, s);
     }
 }
 function Nl(t, l) {
@@ -483,7 +470,7 @@ function Nl(t, l) {
 function Pl(t) {
   let l = 0;
   for (const o of Object.values(t.values ?? {}))
-    Xe(o) && Oe(o, () => l++);
+    Ze(o) && Oe(o, () => l++);
   return l;
 }
 function wa(t) {
@@ -501,11 +488,11 @@ function Dt(t) {
 function Ot(t) {
   const l = {};
   for (const [o, a] of Object.entries(t.values ?? {}))
-    l[o] = Xe(a) ? a.map(Ot) : ke(a);
-  return t.hidden === !0 ? { key: nt(), type: t.type, hidden: !0, values: l } : { key: nt(), type: t.type, values: l };
+    l[o] = Ze(a) ? a.map(Ot) : ge(a);
+  return t.hidden === !0 ? { key: lt(), type: t.type, hidden: !0, values: l } : { key: lt(), type: t.type, values: l };
 }
 function Ul(t, l, o) {
-  const a = ke(t), s = re(a, l);
+  const a = ge(t), s = re(a, l);
   return s ? (o ? s.node.hidden = !0 : delete s.node.hidden, a) : t;
 }
 function Ml(t, l, o) {
@@ -516,23 +503,23 @@ function Ml(t, l, o) {
   return Array.isArray(s) || (a.node.values[o] = []), a.node.values[o];
 }
 function kt(t, l, o, a, s) {
-  const r = ke(t), n = Ml(r, l, o);
+  const r = ge(t), n = Ml(r, l, o);
   return n ? (n.splice(Math.max(0, Math.min(a, n.length)), 0, s), r) : t;
 }
 function Dl(t, l) {
-  const o = ke(t), a = re(o, l);
+  const o = ge(t), a = re(o, l);
   return a ? (a.list.splice(a.index, 1), o) : t;
 }
 function Ol(t, l, o) {
-  const a = ke(t), s = re(a, l);
+  const a = ge(t), s = re(a, l);
   return s ? (s.node.values = o, a) : t;
 }
 function Rl(t, l, o, a) {
-  if (l === null) return ke(a);
-  const s = ke(t), r = re(s, l);
-  return !r || o === null ? t : (r.node.values[o] = ke(a), s);
+  if (l === null) return ge(a);
+  const s = ge(t), r = re(s, l);
+  return !r || o === null ? t : (r.node.values[o] = ge(a), s);
 }
-function ke(t) {
+function ge(t) {
   return t === void 0 ? t : JSON.parse(JSON.stringify(t));
 }
 const Hl = {
@@ -699,8 +686,8 @@ function Re() {
   } catch {
   }
 }
-const Fl = ["block", "entity", "loop", "__env", "errors", "app"];
-function jl(t, l, o) {
+const jl = ["block", "entity", "loop", "__env", "errors", "app"];
+function Fl(t, l, o) {
   const a = [];
   /data-wx-block\s*=/.test(l.template) || a.push({ file: "template", code: "no-marker", line: null, message: o("checks.no-marker") });
   const s = ql(l.template, l.schema);
@@ -709,12 +696,12 @@ function jl(t, l, o) {
     code: "variables-missing",
     line: null,
     message: o("checks.variables-missing", {
-      variables: s.map((d) => `$${d}`).join(", ")
+      variables: s.map((p) => `$${p}`).join(", ")
     })
   });
   const r = [], n = [], b = `.b-${t}`;
-  for (const [d, m] of Jl(l.styles))
-    d.startsWith(b) || d.startsWith("&") || (/^[a-z][a-z0-9-]*/i.test(d) ? n.push([d, m]) : r.push([d, m]));
+  for (const [p, g] of Jl(l.styles))
+    p.startsWith(b) || p.startsWith("&") || (/^[a-z][a-z0-9-]*/i.test(p) ? n.push([p, g]) : r.push([p, g]));
   r.length > 0 && a.push({
     file: "styles",
     code: "stray-selectors",
@@ -726,11 +713,11 @@ function jl(t, l, o) {
     line: n[0][1],
     message: o("checks.bare-selectors", { selectors: wt(n) })
   });
-  const U = Ht(l.styles), p = /@media\b/.exec(U);
-  return p && a.push({
+  const P = Ht(l.styles), v = /@media\b/.exec(P);
+  return v && a.push({
     file: "styles",
     code: "media-query",
-    line: Ft(U, p.index),
+    line: jt(P, v.index),
     message: o("checks.media-query")
   }), a;
 }
@@ -741,7 +728,7 @@ function Rt(t) {
   return l;
 }
 function ql(t, l) {
-  const o = /* @__PURE__ */ new Set([...Rt(l), ...Fl]);
+  const o = /* @__PURE__ */ new Set([...Rt(l), ...jl]);
   for (const s of t.matchAll(/\bas\s+\$([a-zA-Z_]\w*)(?:\s*=>\s*\$([a-zA-Z_]\w*))?/g))
     o.add(s[1]), s[2] && o.add(s[2]);
   for (const s of t.matchAll(/\$([a-zA-Z_]\w*)\s*(?:=[^=]|\+\+|--|\.=|\+=|-=)/g))
@@ -760,7 +747,7 @@ function Jl(t) {
     if (!(r === "" || r.startsWith("@")))
       for (const n of s.split(",")) {
         const b = n.trim();
-        b === "" || b === "from" || b === "to" || b.endsWith("%") || o.push([b, Ft(l, a.index + s.indexOf(b))]);
+        b === "" || b === "from" || b === "to" || b.endsWith("%") || o.push([b, jt(l, a.index + s.indexOf(b))]);
       }
   }
   return o;
@@ -768,7 +755,7 @@ function Jl(t) {
 function Ht(t) {
   return t.replace(/\/\*[\s\S]*?\*\//g, (l) => l.replace(/[^\n]/g, " "));
 }
-function Ft(t, l) {
+function jt(t, l) {
   return t.slice(0, Math.max(0, l)).split(`
 `).length;
 }
@@ -783,14 +770,14 @@ function st(t) {
     children: l.children ? st(l.children) : l.children
   }));
 }
-function at(t, l) {
+function nt(t, l) {
   return t === 0 ? l("page.not-used") : t === 1 ? l("page.on-page") : l("page.on-pages", { count: t });
 }
 function ze(t, l) {
   const o = `groups.${t}`, a = l(o);
   return a === o || a === `webx-blocks::${o}` ? t.charAt(0).toUpperCase() + t.slice(1) : a;
 }
-const Kl = { class: "wx-block-editor" }, Yl = { class: "wx-block-editor__split" }, Gl = {
+const Kl = { class: "wx-block-editor" }, Gl = { class: "wx-block-editor__split" }, Yl = {
   type: "button",
   class: "wx-block-editor__uses"
 }, Zl = { class: "wx-block-editor__usage" }, Ql = { class: "wx-block-editor__pane" }, Xl = {
@@ -807,14 +794,14 @@ const Kl = { class: "wx-block-editor" }, Yl = { class: "wx-block-editor__split"
   setup(t) {
     const l = t, o = Me(), a = Ae(o), s = tl(), r = Tt();
     Re();
-    const n = de("webx-blocks"), b = De(), U = T(() => Number(s.params.id)), p = M(null), d = M([]), m = M(!0), v = M(!1), g = M(!1), C = M("template"), V = T(() => {
-      const z = o.state.manifest?.modules.find((h) => h.id === "blocks")?.meta;
+    const n = de("webx-blocks"), b = De(), P = T(() => Number(s.params.id)), v = U(null), p = U([]), g = U(!0), f = U(!1), k = U(!1), C = U("template"), V = T(() => {
+      const A = o.state.manifest?.modules.find((h) => h.id === "blocks")?.meta;
       return {
-        groups: z?.groups ?? [],
-        editing: z?.editing ?? !0,
-        provides: z?.provides ?? []
+        groups: A?.groups ?? [],
+        editing: A?.editing ?? !0,
+        provides: A?.provides ?? []
       };
-    }), x = T(() => o.can("blocks.manage") && V.value.editing), f = et({
+    }), x = T(() => o.can("blocks.manage") && V.value.editing), m = Qe({
       slug: "",
       title: "",
       description: "",
@@ -825,88 +812,88 @@ const Kl = { class: "wx-block-editor" }, Yl = { class: "wx-block-editor__split"
       allowed_in: [],
       max_per_entity: null,
       is_enabled: !0
-    }), y = et({
+    }), y = Qe({
       schema: [],
       template: "",
       styles: "",
       script: null,
       sample: {}
-    }), R = M("[]"), J = M(null), K = M(""), Z = M({}), E = M(null), k = et({
+    }), R = U("[]"), q = U(null), J = U(""), Z = U({}), c = U(null), B = Qe({
       html: "",
       styles: "",
       script: null,
       runtime: null,
       stage: null,
       loading: !1
-    }), A = T(() => JSON.stringify({ settings: f, content: y })), j = T(() => K.value !== "" && A.value !== K.value), pe = T(() => jl(f.slug, y, n)), ve = T(() => {
-      const z = [...V.value.groups];
-      return z.includes(f.group) || z.push(f.group), z.map((h) => ({ value: h, label: ze(h, n) }));
+    }), D = T(() => JSON.stringify({ settings: m, content: y })), K = T(() => J.value !== "" && D.value !== J.value), Se = T(() => Fl(m.slug, y, n)), pe = T(() => {
+      const A = [...V.value.groups];
+      return A.includes(m.group) || A.push(m.group), A.map((h) => ({ value: h, label: ze(h, n) }));
     }), se = T({
       get: () => y.sample,
-      set: (z) => {
-        y.sample = z;
+      set: (A) => {
+        y.sample = A;
       }
-    }), xe = T(() => Te(y.schema));
-    function Te(z) {
+    }), _e = T(() => Te(y.schema));
+    function Te(A) {
       const h = [];
-      for (const $ of z)
+      for (const $ of A)
         $.type !== "wx-blocks" && !($.children?.length && !$.name) && h.push($.id), $.children && h.push(...Te($.children));
       return h;
     }
-    function ye(z) {
-      p.value = z, Object.assign(f, {
-        slug: z.slug,
-        title: z.title,
-        description: z.description,
-        icon: z.icon,
-        group: z.group,
-        sort: z.sort,
-        allow: z.allow ?? [],
-        allowed_in: z.allowed_in ?? [],
-        max_per_entity: z.max_per_entity,
-        is_enabled: z.is_enabled
+    function ke(A) {
+      v.value = A, Object.assign(m, {
+        slug: A.slug,
+        title: A.title,
+        description: A.description,
+        icon: A.icon,
+        group: A.group,
+        sort: A.sort,
+        allow: A.allow ?? [],
+        allowed_in: A.allowed_in ?? [],
+        max_per_entity: A.max_per_entity,
+        is_enabled: A.is_enabled
       });
-      const h = z.content ?? {
+      const h = A.content ?? {
         schema: [],
         template: "",
         styles: "",
         script: null,
         sample: {}
       };
-      Object.assign(y, ke(h)), R.value = JSON.stringify(h.schema, null, 2), J.value = null, K.value = A.value;
+      Object.assign(y, ge(h)), R.value = JSON.stringify(h.schema, null, 2), q.value = null, J.value = D.value;
     }
     async function te() {
-      m.value = !0;
+      g.value = !0;
       try {
-        ye(await a.get(U.value)), d.value = await a.usage(U.value);
-      } catch (z) {
-        Y.danger(b(z));
+        ke(await a.get(P.value)), p.value = await a.usage(P.value);
+      } catch (A) {
+        G.danger(b(A));
       } finally {
-        m.value = !1;
+        g.value = !1;
       }
     }
-    function Ce(z) {
-      R.value = z;
+    function Ce(A) {
+      R.value = A;
       try {
-        const h = JSON.parse(z);
+        const h = JSON.parse(A);
         if (!Array.isArray(h)) throw new Error("not a list");
-        y.schema = h, J.value = null;
+        y.schema = h, q.value = null;
       } catch (h) {
-        J.value = n("page.schema-invalid", { error: h.message });
+        q.value = n("page.schema-invalid", { error: h.message });
       }
     }
-    let we, me = 0;
-    function I() {
-      clearTimeout(we), we = setTimeout(() => {
+    let ye, fe = 0;
+    function z() {
+      clearTimeout(ye), ye = setTimeout(() => {
         O();
       }, 250);
     }
     async function O() {
-      if (!p.value) return;
-      const z = ++me;
-      k.loading = !0;
+      if (!v.value) return;
+      const A = ++fe;
+      B.loading = !0;
       try {
-        const h = await a.render(p.value.id, {
+        const h = await a.render(v.value.id, {
           values: y.sample,
           content: x.value ? {
             template: y.template,
@@ -915,92 +902,92 @@ const Kl = { class: "wx-block-editor" }, Yl = { class: "wx-block-editor__split"
             schema: y.schema
           } : void 0
         });
-        if (z !== me) return;
-        k.html = h.html, k.styles = h.styles, k.script = h.script, k.runtime = h.runtime, k.stage = h.stage ?? null;
+        if (A !== fe) return;
+        B.html = h.html, B.styles = h.styles, B.script = h.script, B.runtime = h.runtime, B.stage = h.stage ?? null;
       } catch (h) {
-        z === me && Y.danger(b(h));
+        A === fe && G.danger(b(h));
       } finally {
-        z === me && (k.loading = !1);
+        A === fe && (B.loading = !1);
       }
     }
     X(
       () => [y.template, y.styles, y.script, y.schema, y.sample],
-      I,
+      z,
       { deep: !0 }
     );
-    const H = M(null);
-    function G(z) {
-      return `{{ $${z} }}`;
+    const H = U(null);
+    function Y(A) {
+      return `{{ $${A} }}`;
     }
-    function fe(z) {
+    function ve(A) {
       const $ = H.value?.view?.value;
       if (!$) {
-        y.template += `{{ $${z} }}`;
+        y.template += `{{ $${A} }}`;
         return;
       }
-      $.dispatch($.state.replaceSelection(`{{ $${z} }}`)), $.focus();
+      $.dispatch($.state.replaceSelection(`{{ $${A} }}`)), $.focus();
     }
-    async function he() {
-      if (!p.value) return;
-      v.value = !0, Z.value = {}, E.value = null;
-      const z = p.value.draft?.number ?? null;
+    async function me() {
+      if (!v.value) return;
+      f.value = !0, Z.value = {}, c.value = null;
+      const A = v.value.draft?.number ?? null;
       try {
-        const h = await a.update(p.value.id, {
-          ...f,
-          allow: f.allow.length ? f.allow : null,
-          allowed_in: f.allowed_in.length ? f.allowed_in : null,
-          description: f.description || null,
-          icon: f.icon || null,
-          content: J.value ? { ...y, schema: void 0 } : y
+        const h = await a.update(v.value.id, {
+          ...m,
+          allow: m.allow.length ? m.allow : null,
+          allowed_in: m.allowed_in.length ? m.allowed_in : null,
+          description: m.description || null,
+          icon: m.icon || null,
+          content: q.value ? { ...y, schema: void 0 } : y
         });
-        ye(h), Y.success(
-          h.draft && h.draft.number !== z ? n("page.saved", { number: h.draft.number }) : n("page.unchanged")
+        ke(h), G.success(
+          h.draft && h.draft.number !== A ? n("page.saved", { number: h.draft.number }) : n("page.unchanged")
         );
       } catch (h) {
         const $ = h.body;
-        $?.errors ? (Z.value = $.errors, Y.danger(n("page.failed"))) : Y.danger(b(h, n("page.failed")));
+        $?.errors ? (Z.value = $.errors, G.danger(n("page.failed"))) : G.danger(b(h, n("page.failed")));
       } finally {
-        v.value = !1;
+        f.value = !1;
       }
     }
     async function ie() {
-      if (!(!p.value?.draft || (j.value && await he(), !p.value.draft) || !await Ye({
-        title: n("page.publish-title", { number: p.value.draft.number }),
-        message: n("page.publish-text", { count: p.value.usage_count }),
+      if (!(!v.value?.draft || (K.value && await me(), !v.value.draft) || !await Ke({
+        title: n("page.publish-title", { number: v.value.draft.number }),
+        message: n("page.publish-text", { count: v.value.usage_count }),
         confirmText: n("page.publish"),
         cancelText: n("page.cancel")
       }))) {
-        g.value = !0, E.value = null;
+        k.value = !0, c.value = null;
         try {
-          ye(await a.publish(p.value.id)), Y.success(n("page.published", { number: p.value.published?.number ?? 0 }));
+          ke(await a.publish(v.value.id)), G.success(n("page.published", { number: v.value.published?.number ?? 0 }));
         } catch (h) {
           const $ = h.body;
-          $?.errors ? (E.value = $, C.value = "template", Y.danger(n("page.publish-failed"))) : Y.danger(b(h, n("page.publish-failed")));
+          $?.errors ? (c.value = $, C.value = "template", G.danger(n("page.publish-failed"))) : G.danger(b(h, n("page.publish-failed")));
         } finally {
-          g.value = !1;
+          k.value = !1;
         }
       }
     }
-    async function _e() {
-      if (!(!p.value || !await Ye({
-        title: n("page.delete-title", { title: p.value.title }),
+    async function we() {
+      if (!(!v.value || !await Ke({
+        title: n("page.delete-title", { title: v.value.title }),
         message: n("page.delete-text"),
         confirmText: n("page.delete"),
         cancelText: n("page.cancel"),
         tone: "danger"
       })))
         try {
-          await a.remove(p.value.id), Y.success(n("page.deleted")), r.push(l.base);
+          await a.remove(v.value.id), G.success(n("page.deleted")), r.push(l.base);
         } catch (h) {
-          Y.danger(b(h));
+          G.danger(b(h));
         }
     }
     const Ve = T(
-      () => E.value ? {
-        message: E.value.errors.template?.[0] ?? E.value.message,
-        line: E.value.line,
-        where: E.value.entity ? n("page.failed-on", {
-          title: E.value.entity.title ?? `#${E.value.entity.id}`
+      () => c.value ? {
+        message: c.value.errors.template?.[0] ?? c.value.message,
+        line: c.value.line,
+        where: c.value.entity ? n("page.failed-on", {
+          title: c.value.entity.title ?? `#${c.value.entity.id}`
         }) : null
       } : null
     ), Ee = T(() => C.value === "template" || C.value === "styles"), w = T(() => [
@@ -1026,182 +1013,182 @@ setInterval(() => el.classList.toggle('is-second'), seconds * 1000)`
 
 new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       }
-    ]), L = T(() => d.value.slice(0, 5));
-    function D(z) {
-      return Z.value[z]?.[0];
+    ]), L = T(() => p.value.slice(0, 5));
+    function M(A) {
+      return Z.value[A]?.[0];
     }
-    function Q(z) {
-      j.value && z.preventDefault();
+    function Q(A) {
+      K.value && A.preventDefault();
     }
     Ue(() => {
       te(), window.addEventListener("beforeunload", Q);
     }), Ge(() => {
-      clearTimeout(we), window.removeEventListener("beforeunload", Q);
-    }), X(U, () => {
+      clearTimeout(ye), window.removeEventListener("beforeunload", Q);
+    }), X(P, () => {
       te();
     });
     const le = T(
       () => x.value ? [
-        { key: "save", label: n("page.save"), loading: v.value, run: () => {
-          he();
+        { key: "save", label: n("page.save"), loading: f.value, run: () => {
+          me();
         } },
         {
           key: "publish",
           label: n("page.publish"),
           primary: !0,
-          loading: g.value,
-          disabled: !p.value?.draft && !j.value,
+          loading: k.value,
+          disabled: !v.value?.draft && !K.value,
           run: () => {
             ie();
           }
         }
       ] : []
     );
-    return (z, h) => (i(), S("div", Kl, [
-      m.value || !p.value ? (i(), S(F, { key: 0 }, [
+    return (A, h) => (i(), S("div", Kl, [
+      g.value || !v.value ? (i(), S(j, { key: 0 }, [
         u(e(We), {
           class: "wx-block-editor__ghost-head",
           title: "",
           rows: 1
         }),
-        B("div", Yl, [
+        E("div", Gl, [
           u(e(Be), null, {
-            default: c(() => [
+            default: d(() => [
               u(e(We), { rows: 8 })
             ]),
             _: 1
           }),
           u(e(Be), null, {
-            default: c(() => [
+            default: d(() => [
               u(e(We), { rows: 4 })
             ]),
             _: 1
           })
         ])
-      ], 64)) : (i(), S(F, { key: 1 }, [
+      ], 64)) : (i(), S(j, { key: 1 }, [
         u(e(nl), {
-          title: f.title,
+          title: m.title,
           back: t.base,
           "back-label": e(n)("page.back"),
           actions: le.value
         }, {
-          "title-after": c(() => [
-            x.value ? (i(), N(e(al), {
+          "title-after": d(() => [
+            x.value ? (i(), I(e(al), {
               key: 0,
-              name: f.title,
+              name: m.title,
               placeholder: e(n)("page.title"),
-              onRename: h[0] || (h[0] = ($) => f.title = $)
-            }, null, 8, ["name", "placeholder"])) : P("", !0),
-            j.value ? (i(), N(e(ue), {
+              onRename: h[0] || (h[0] = ($) => m.title = $)
+            }, null, 8, ["name", "placeholder"])) : N("", !0),
+            K.value ? (i(), I(e(ue), {
               key: 1,
               type: "primary",
               dot: ""
             }, {
-              default: c(() => [
+              default: d(() => [
                 W(_(e(n)("page.unsaved")), 1)
               ]),
               _: 1
-            })) : P("", !0),
-            p.value.draft ? (i(), N(e(ue), {
+            })) : N("", !0),
+            v.value.draft ? (i(), I(e(ue), {
               key: 2,
               type: "warning",
               dot: ""
             }, {
-              default: c(() => [
-                W(_(e(n)("page.draft", { number: p.value.draft.number })), 1)
+              default: d(() => [
+                W(_(e(n)("page.draft", { number: v.value.draft.number })), 1)
               ]),
               _: 1
-            })) : P("", !0),
-            p.value.published ? (i(), N(e(ue), {
+            })) : N("", !0),
+            v.value.published ? (i(), I(e(ue), {
               key: 3,
               type: "success",
               dot: ""
             }, {
-              default: c(() => [
-                W(_(e(n)("page.live", { number: p.value.published.number })), 1)
+              default: d(() => [
+                W(_(e(n)("page.live", { number: v.value.published.number })), 1)
               ]),
               _: 1
-            })) : (i(), N(e(ue), {
+            })) : (i(), I(e(ue), {
               key: 4,
               type: "default"
             }, {
-              default: c(() => [
+              default: d(() => [
                 W(_(e(n)("page.never-published")), 1)
               ]),
               _: 1
             }))
           ]),
-          subtitle: c(() => [
-            B("code", null, _(f.slug), 1),
-            W(" · " + _(e(ze)(f.group, e(n))) + " · ", 1),
-            p.value.usage_count > 0 ? (i(), N(e(ul), {
+          subtitle: d(() => [
+            E("code", null, _(m.slug), 1),
+            W(" · " + _(e(ze)(m.group, e(n))) + " · ", 1),
+            v.value.usage_count > 0 ? (i(), I(e(ul), {
               key: 0,
               title: e(n)("page.usage"),
               width: 260,
               align: "start"
             }, {
-              trigger: c(() => [
-                B("button", Gl, _(e(at)(p.value.usage_count, e(n))), 1)
+              trigger: d(() => [
+                E("button", Yl, _(e(nt)(v.value.usage_count, e(n))), 1)
               ]),
-              default: c(() => [
-                B("div", Zl, [
-                  (i(!0), S(F, null, ee(L.value, ($) => (i(), S("div", {
+              default: d(() => [
+                E("div", Zl, [
+                  (i(!0), S(j, null, ee(L.value, ($) => (i(), S("div", {
                     key: `${$.model}:${$.id}`,
                     class: "wx-block-editor__use"
                   }, [
-                    B("span", null, _($.title ?? `#${$.id}`), 1),
-                    $.published ? P("", !0) : (i(), N(e(ue), {
+                    E("span", null, _($.title ?? `#${$.id}`), 1),
+                    $.published ? N("", !0) : (i(), I(e(ue), {
                       key: 0,
                       type: "warning",
                       size: "sm"
                     }, {
-                      default: c(() => [
+                      default: d(() => [
                         W(_(e(n)("page.unpublished-page")), 1)
                       ]),
                       _: 1
                     }))
                   ]))), 128)),
-                  d.value.length > L.value.length ? (i(), N(e(q), {
+                  p.value.length > L.value.length ? (i(), I(e(F), {
                     key: 0,
                     size: "sm",
                     tone: "muted"
                   }, {
-                    default: c(() => [
-                      W(_(e(n)("page.usage-more", { count: d.value.length - L.value.length })), 1)
+                    default: d(() => [
+                      W(_(e(n)("page.usage-more", { count: p.value.length - L.value.length })), 1)
                     ]),
                     _: 1
-                  })) : P("", !0)
+                  })) : N("", !0)
                 ])
               ]),
               _: 1
-            }, 8, ["title"])) : (i(), S(F, { key: 1 }, [
-              W(_(e(at)(p.value.usage_count, e(n))), 1)
+            }, 8, ["title"])) : (i(), S(j, { key: 1 }, [
+              W(_(e(nt)(v.value.usage_count, e(n))), 1)
             ], 64))
           ]),
           _: 1
         }, 8, ["title", "back", "back-label", "actions"]),
-        V.value.editing ? P("", !0) : (i(), N(e(Vt), {
+        V.value.editing ? N("", !0) : (i(), I(e(Vt), {
           key: 0,
           type: "info",
           variant: "soft",
           description: e(n)("page.editing-off")
         }, null, 8, ["description"])),
-        B("div", {
-          class: Se(["wx-block-editor__columns", { "is-alone": !Ee.value }])
+        E("div", {
+          class: $e(["wx-block-editor__columns", { "is-alone": !Ee.value }])
         }, [
           u(e(cl), {
             modelValue: C.value,
             "onUpdate:modelValue": h[14] || (h[14] = ($) => C.value = $),
             "keep-alive": ""
           }, {
-            default: c(() => [
+            default: d(() => [
               u(e(Le), {
                 value: "template",
                 label: e(n)("page.tab-template")
               }, {
-                default: c(() => [
-                  B("div", Ql, [
-                    u(e(Fe), {
+                default: d(() => [
+                  E("div", Ql, [
+                    u(e(je), {
                       ref_key: "templateEditor",
                       ref: H,
                       modelValue: y.template,
@@ -1212,29 +1199,29 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                       "max-height": "70vh",
                       "line-wrapping": ""
                     }, null, 8, ["modelValue", "readonly"]),
-                    xe.value.length ? (i(), S("div", Xl, [
-                      u(e(q), {
+                    _e.value.length ? (i(), S("div", Xl, [
+                      u(e(F), {
                         size: "sm",
                         tone: "muted"
                       }, {
-                        default: c(() => [
+                        default: d(() => [
                           W(_(e(n)("page.insert-field")), 1)
                         ]),
                         _: 1
                       }),
-                      (i(!0), S(F, null, ee(xe.value, ($) => (i(), S("button", {
+                      (i(!0), S(j, null, ee(_e.value, ($) => (i(), S("button", {
                         key: $,
                         type: "button",
                         class: "wx-block-editor__pill",
                         disabled: !x.value,
-                        onClick: (He) => fe($),
-                        textContent: _(G($))
+                        onClick: (He) => ve($),
+                        textContent: _(Y($))
                       }, null, 8, en))), 128))
-                    ])) : P("", !0),
+                    ])) : N("", !0),
                     u(vt, {
                       file: "template",
-                      lints: pe.value,
-                      slug: f.slug,
+                      lints: Se.value,
+                      slug: m.slug,
                       error: Ve.value
                     }, null, 8, ["lints", "slug", "error"])
                   ])
@@ -1245,9 +1232,9 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 value: "styles",
                 label: e(n)("page.tab-styles")
               }, {
-                default: c(() => [
-                  B("div", tn, [
-                    u(e(Fe), {
+                default: d(() => [
+                  E("div", tn, [
+                    u(e(je), {
                       modelValue: y.styles,
                       "onUpdate:modelValue": h[2] || (h[2] = ($) => y.styles = $),
                       language: "css",
@@ -1257,8 +1244,8 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                     }, null, 8, ["modelValue", "readonly"]),
                     u(vt, {
                       file: "styles",
-                      lints: pe.value,
-                      slug: f.slug
+                      lints: Se.value,
+                      slug: m.slug
                     }, null, 8, ["lints", "slug"])
                   ])
                 ]),
@@ -1268,9 +1255,9 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 value: "script",
                 label: e(n)("page.tab-script")
               }, {
-                default: c(() => [
-                  B("div", ln, [
-                    u(e(Fe), {
+                default: d(() => [
+                  E("div", ln, [
+                    u(e(je), {
                       "model-value": y.script ?? "",
                       language: "javascript",
                       readonly: !x.value,
@@ -1278,21 +1265,21 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                       "max-height": "70vh",
                       "onUpdate:modelValue": h[3] || (h[3] = ($) => y.script = $ || null)
                     }, null, 8, ["model-value", "readonly"]),
-                    B("div", nn, [
-                      u(e(q), {
+                    E("div", nn, [
+                      u(e(F), {
                         size: "sm",
                         tone: "muted"
                       }, {
-                        default: c(() => [
+                        default: d(() => [
                           W(_(e(n)("page.script-help")), 1)
                         ]),
                         _: 1
                       }),
-                      u(e(q), {
+                      u(e(F), {
                         size: "sm",
                         tone: "muted"
                       }, {
-                        default: c(() => [
+                        default: d(() => [
                           W(_(V.value.provides.length ? e(n)("page.provides", { names: V.value.provides.join(", ") }) : e(n)("page.provides-none")), 1)
                         ]),
                         _: 1
@@ -1303,22 +1290,22 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                     class: "wx-block-editor__examples",
                     title: e(n)("page.examples")
                   }, {
-                    default: c(() => [
-                      (i(!0), S(F, null, ee(w.value, ($) => (i(), S("div", {
+                    default: d(() => [
+                      (i(!0), S(j, null, ee(w.value, ($) => (i(), S("div", {
                         key: $.title,
                         class: "wx-block-editor__example"
                       }, [
-                        u(e(q), {
+                        u(e(F), {
                           size: "sm",
                           tone: "muted"
                         }, {
-                          default: c(() => [
+                          default: d(() => [
                             W(_($.title), 1)
                           ]),
                           _: 2
                         }, 1024),
-                        B("pre", null, [
-                          B("code", null, _($.code), 1)
+                        E("pre", null, [
+                          E("code", null, _($.code), 1)
                         ])
                       ]))), 128))
                     ]),
@@ -1331,10 +1318,10 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 value: "fields",
                 label: e(n)("page.tab-fields")
               }, {
-                default: c(() => [
-                  B("div", an, [
-                    B("div", on, [
-                      u(e(Fe), {
+                default: d(() => [
+                  E("div", an, [
+                    E("div", on, [
+                      u(e(je), {
                         "model-value": R.value,
                         language: "json",
                         lint: "",
@@ -1343,31 +1330,31 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                         "max-height": "70vh",
                         "onUpdate:modelValue": Ce
                       }, null, 8, ["model-value", "readonly"]),
-                      B("div", sn, [
-                        J.value ? (i(), N(e(q), {
+                      E("div", sn, [
+                        q.value ? (i(), I(e(F), {
                           key: 0,
                           size: "sm",
                           tone: "danger"
                         }, {
-                          default: c(() => [
-                            W(_(J.value), 1)
+                          default: d(() => [
+                            W(_(q.value), 1)
                           ]),
                           _: 1
-                        })) : D("content.schema") ? (i(), N(e(q), {
+                        })) : M("content.schema") ? (i(), I(e(F), {
                           key: 1,
                           size: "sm",
                           tone: "danger"
                         }, {
-                          default: c(() => [
-                            W(_(D("content.schema")), 1)
+                          default: d(() => [
+                            W(_(M("content.schema")), 1)
                           ]),
                           _: 1
-                        })) : (i(), N(e(q), {
+                        })) : (i(), I(e(F), {
                           key: 2,
                           size: "sm",
                           tone: "muted"
                         }, {
-                          default: c(() => [
+                          default: d(() => [
                             W(_(e(n)("page.fields-help")), 1)
                           ]),
                           _: 1
@@ -1382,8 +1369,8 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                       class: "wx-block-editor__sample",
                       title: e(n)("page.sample")
                     }, {
-                      default: c(() => [
-                        y.schema.length ? (i(), N(e(zt), {
+                      default: d(() => [
+                        y.schema.length ? (i(), I(e(zt), {
                           key: 0,
                           modelValue: se.value,
                           "onUpdate:modelValue": h[4] || (h[4] = ($) => se.value = $),
@@ -1393,7 +1380,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           can: e(o).can,
                           disabled: !x.value,
                           size: "sm"
-                        }, null, 8, ["modelValue", "root", "types", "translate", "can", "disabled"])) : P("", !0)
+                        }, null, 8, ["modelValue", "root", "types", "translate", "can", "disabled"])) : N("", !0)
                       ]),
                       _: 1
                     }, 8, ["title"])
@@ -1405,20 +1392,20 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 value: "settings",
                 label: e(n)("page.tab-settings")
               }, {
-                default: c(() => [
+                default: d(() => [
                   u(e(Be), { class: "wx-block-editor__sheet" }, {
-                    default: c(() => [
-                      B("div", rn, [
+                    default: d(() => [
+                      E("div", rn, [
                         u(e(ne), {
                           label: e(n)("page.identifier"),
                           help: e(n)("page.identifier-help"),
-                          error: D("slug"),
+                          error: M("slug"),
                           disabled: !x.value
                         }, {
-                          default: c(() => [
+                          default: d(() => [
                             u(e(Pe), {
-                              modelValue: f.slug,
-                              "onUpdate:modelValue": h[5] || (h[5] = ($) => f.slug = $)
+                              modelValue: m.slug,
+                              "onUpdate:modelValue": h[5] || (h[5] = ($) => m.slug = $)
                             }, null, 8, ["modelValue"])
                           ]),
                           _: 1
@@ -1426,14 +1413,14 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                         u(e(ne), {
                           label: e(n)("page.group"),
                           help: e(n)("page.group-help"),
-                          error: D("group"),
+                          error: M("group"),
                           disabled: !x.value
                         }, {
-                          default: c(() => [
+                          default: d(() => [
                             u(e(Et), {
-                              modelValue: f.group,
-                              "onUpdate:modelValue": h[6] || (h[6] = ($) => f.group = $),
-                              options: ve.value
+                              modelValue: m.group,
+                              "onUpdate:modelValue": h[6] || (h[6] = ($) => m.group = $),
+                              options: pe.value
                             }, null, 8, ["modelValue", "options"])
                           ]),
                           _: 1
@@ -1442,32 +1429,32 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           class: "is-wide",
                           label: e(n)("page.description"),
                           help: e(n)("page.description-help"),
-                          error: D("description"),
+                          error: M("description"),
                           disabled: !x.value
                         }, {
-                          default: c(() => [
+                          default: d(() => [
                             u(e(dl), {
-                              "model-value": f.description ?? "",
+                              "model-value": m.description ?? "",
                               rows: 2,
-                              "onUpdate:modelValue": h[7] || (h[7] = ($) => f.description = String($ ?? ""))
+                              "onUpdate:modelValue": h[7] || (h[7] = ($) => m.description = String($ ?? ""))
                             }, null, 8, ["model-value"])
                           ]),
                           _: 1
                         }, 8, ["label", "help", "error", "disabled"]),
                         u(e(ne), {
                           label: e(n)("page.icon"),
-                          error: D("icon"),
+                          error: M("icon"),
                           disabled: !x.value
                         }, {
-                          default: c(() => [
+                          default: d(() => [
                             u(e(pl), {
-                              "model-value": f.icon,
+                              "model-value": m.icon,
                               clearable: "",
                               placeholder: e(n)("page.icon-search"),
                               "empty-text": e(n)("page.icon-none"),
                               "unknown-text": e(n)("page.icon-unknown"),
                               "clear-label": e(n)("page.icon-clear"),
-                              "onUpdate:modelValue": h[8] || (h[8] = ($) => f.icon = $)
+                              "onUpdate:modelValue": h[8] || (h[8] = ($) => m.icon = $)
                             }, null, 8, ["model-value", "placeholder", "empty-text", "unknown-text", "clear-label"])
                           ]),
                           _: 1
@@ -1475,13 +1462,13 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                         u(e(ne), {
                           label: e(n)("page.sort"),
                           help: e(n)("page.sort-help"),
-                          error: D("sort"),
+                          error: M("sort"),
                           disabled: !x.value
                         }, {
-                          default: c(() => [
+                          default: d(() => [
                             u(e(dt), {
-                              modelValue: f.sort,
-                              "onUpdate:modelValue": h[9] || (h[9] = ($) => f.sort = $)
+                              modelValue: m.sort,
+                              "onUpdate:modelValue": h[9] || (h[9] = ($) => m.sort = $)
                             }, null, 8, ["modelValue"])
                           ]),
                           _: 1
@@ -1489,13 +1476,13 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                         u(e(ne), {
                           label: e(n)("page.allow"),
                           help: e(n)("page.allow-help"),
-                          error: D("allow"),
+                          error: M("allow"),
                           disabled: !x.value
                         }, {
-                          default: c(() => [
+                          default: d(() => [
                             u(e(pt), {
-                              modelValue: f.allow,
-                              "onUpdate:modelValue": h[10] || (h[10] = ($) => f.allow = $),
+                              modelValue: m.allow,
+                              "onUpdate:modelValue": h[10] || (h[10] = ($) => m.allow = $),
                               "allow-create": ""
                             }, null, 8, ["modelValue"])
                           ]),
@@ -1504,13 +1491,13 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                         u(e(ne), {
                           label: e(n)("page.allowed-in"),
                           help: e(n)("page.allowed-in-help"),
-                          error: D("allowed_in"),
+                          error: M("allowed_in"),
                           disabled: !x.value
                         }, {
-                          default: c(() => [
+                          default: d(() => [
                             u(e(pt), {
-                              modelValue: f.allowed_in,
-                              "onUpdate:modelValue": h[11] || (h[11] = ($) => f.allowed_in = $),
+                              modelValue: m.allowed_in,
+                              "onUpdate:modelValue": h[11] || (h[11] = ($) => m.allowed_in = $),
                               "allow-create": "",
                               suggestions: ["root"]
                             }, null, 8, ["modelValue"])
@@ -1520,14 +1507,14 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                         u(e(ne), {
                           label: e(n)("page.max-per-entity"),
                           help: e(n)("page.max-per-entity-help"),
-                          error: D("max_per_entity"),
+                          error: M("max_per_entity"),
                           disabled: !x.value
                         }, {
-                          default: c(() => [
+                          default: d(() => [
                             u(e(dt), {
-                              "model-value": f.max_per_entity ?? void 0,
+                              "model-value": m.max_per_entity ?? void 0,
                               min: 1,
-                              "onUpdate:modelValue": h[12] || (h[12] = ($) => f.max_per_entity = $ ?? null)
+                              "onUpdate:modelValue": h[12] || (h[12] = ($) => m.max_per_entity = $ ?? null)
                             }, null, 8, ["model-value"])
                           ]),
                           _: 1
@@ -1537,10 +1524,10 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           help: e(n)("page.enabled-help"),
                           disabled: !x.value
                         }, {
-                          default: c(() => [
+                          default: d(() => [
                             u(e(vl), {
-                              modelValue: f.is_enabled,
-                              "onUpdate:modelValue": h[13] || (h[13] = ($) => f.is_enabled = $)
+                              modelValue: m.is_enabled,
+                              "onUpdate:modelValue": h[13] || (h[13] = ($) => m.is_enabled = $)
                             }, null, 8, ["modelValue"])
                           ]),
                           _: 1
@@ -1549,25 +1536,25 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                           u(e(ce), {
                             type: "danger",
                             variant: "outline",
-                            disabled: p.value.usage_count > 0,
-                            onClick: _e
+                            disabled: v.value.usage_count > 0,
+                            onClick: we
                           }, {
-                            default: c(() => [
+                            default: d(() => [
                               W(_(e(n)("page.delete")), 1)
                             ]),
                             _: 1
                           }, 8, ["disabled"]),
-                          p.value.usage_count > 0 ? (i(), N(e(q), {
+                          v.value.usage_count > 0 ? (i(), I(e(F), {
                             key: 0,
                             size: "sm",
                             tone: "muted"
                           }, {
-                            default: c(() => [
-                              W(_(p.value.usage_count === 1 ? e(n)("page.delete-used-one") : e(n)("page.delete-used", { count: p.value.usage_count })), 1)
+                            default: d(() => [
+                              W(_(v.value.usage_count === 1 ? e(n)("page.delete-used-one") : e(n)("page.delete-used", { count: v.value.usage_count })), 1)
                             ]),
                             _: 1
-                          })) : P("", !0)
-                        ])) : P("", !0)
+                          })) : N("", !0)
+                        ])) : N("", !0)
                       ])
                     ]),
                     _: 1
@@ -1579,16 +1566,16 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 value: "history",
                 label: e(n)("page.tab-history")
               }, {
-                default: c(() => [
+                default: d(() => [
                   u(e(Be), {
                     class: "wx-block-editor__sheet",
                     padding: "none"
                   }, {
-                    default: c(() => [
+                    default: d(() => [
                       u(Sl, {
-                        block: p.value,
+                        block: v.value,
                         "can-manage": x.value,
-                        onRestored: ye
+                        onRestored: ke
                       }, null, 8, ["block", "can-manage"])
                     ]),
                     _: 1
@@ -1601,42 +1588,42 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
           }, 8, ["modelValue"]),
           Jt(u(zl, {
             class: "wx-block-editor__stage",
-            html: k.html,
-            styles: k.styles,
-            script: k.script,
-            runtime: k.runtime,
-            stage: k.stage,
-            loading: k.loading
+            html: B.html,
+            styles: B.styles,
+            script: B.script,
+            runtime: B.runtime,
+            stage: B.stage,
+            loading: B.loading
           }, null, 8, ["html", "styles", "script", "runtime", "stage", "loading"]), [
             [Kt, Ee.value]
           ])
         ], 2),
-        x.value ? (i(), N(e(fl), { key: 1 }, {
-          default: c(() => [
+        x.value ? (i(), I(e(fl), { key: 1 }, {
+          default: d(() => [
             u(e(ce), {
               variant: "outline",
-              loading: v.value,
-              onClick: he
+              loading: f.value,
+              onClick: me
             }, {
-              default: c(() => [
+              default: d(() => [
                 W(_(e(n)("page.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"]),
             u(e(ce), {
               type: "primary",
-              loading: g.value,
-              disabled: !p.value.draft && !j.value,
+              loading: k.value,
+              disabled: !v.value.draft && !K.value,
               onClick: ie
             }, {
-              default: c(() => [
+              default: d(() => [
                 W(_(e(n)("page.publish")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
           ]),
           _: 1
-        })) : P("", !0)
+        })) : N("", !0)
       ], 64))
     ]));
   }
@@ -1651,33 +1638,33 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
     height: { default: 120 }
   },
   setup(t) {
-    const l = t, o = M(null), a = Ze(o), s = T(() => a.value > 0 ? a.value / l.width : 0.2), r = T(
+    const l = t, o = U(null), a = Ye(o), s = T(() => a.value > 0 ? a.value / l.width : 0.2), r = T(
       () => l.thumbnail ? Pt({ html: l.thumbnail.html, styles: l.thumbnail.styles }) : ""
     ), n = T(() => ({
       width: `${l.width}px`,
       height: `${Math.round(l.height / s.value)}px`,
       transform: `scale(${s.value})`
     }));
-    return (b, U) => (i(), S("div", {
+    return (b, P) => (i(), S("div", {
       ref_key: "box",
       ref: o,
       class: "wx-block-thumb",
-      style: $e({ height: `${t.height}px` })
+      style: xe({ height: `${t.height}px` })
     }, [
       t.thumbnail ? (i(), S("iframe", {
         key: 0,
         class: "wx-block-thumb__frame",
         srcdoc: r.value,
-        style: $e(n.value),
+        style: xe(n.value),
         sandbox: "allow-same-origin",
         tabindex: "-1",
         "aria-hidden": "true"
       }, null, 12, pn)) : (i(), S("div", vn, [
-        u(e(ge), { name: "grid" })
+        u(e(be), { name: "grid" })
       ]))
     ], 4));
   }
-}), jt = /* @__PURE__ */ oe(fn, [["__scopeId", "data-v-615b818a"]]), mn = { class: "wx-block-picker" }, hn = {
+}), Ft = /* @__PURE__ */ oe(fn, [["__scopeId", "data-v-615b818a"]]), mn = { class: "wx-block-picker" }, hn = {
   key: 0,
   class: "wx-block-picker__group-title"
 }, bn = { class: "wx-block-picker__cards" }, gn = ["disabled", "title", "onClick"], kn = { class: "wx-block-picker__body" }, yn = { class: "wx-block-picker__title" }, wn = /* @__PURE__ */ ae({
@@ -1693,130 +1680,130 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
   setup(t) {
     const l = t, { resolve: o, dismiss: a, open: s } = Bt();
     Re();
-    const r = de("webx-blocks"), n = M("");
-    function b(v) {
+    const r = de("webx-blocks"), n = U("");
+    function b(f) {
       if (l.parent === null)
-        return v.allowed_in === null || v.allowed_in.includes("root");
-      const g = l.allow ? l.allow.includes(v.slug) : l.parent.allow?.includes(v.slug) === !0, C = v.allowed_in === null || v.allowed_in.includes(l.parent.slug);
-      return g && C;
-    }
-    const U = T(
-      () => l.catalog.filter((v) => v.is_enabled && v.published !== null && b(v)).map((v) => {
-        const g = Nl(l.tree, v.slug), C = v.max_per_entity !== null && g >= v.max_per_entity;
-        return { type: v, reason: C ? r("field.limit-reached", { count: g }) : null };
+        return f.allowed_in === null || f.allowed_in.includes("root");
+      const k = l.allow ? l.allow.includes(f.slug) : l.parent.allow?.includes(f.slug) === !0, C = f.allowed_in === null || f.allowed_in.includes(l.parent.slug);
+      return k && C;
+    }
+    const P = T(
+      () => l.catalog.filter((f) => f.is_enabled && f.published !== null && b(f)).map((f) => {
+        const k = Nl(l.tree, f.slug), C = f.max_per_entity !== null && k >= f.max_per_entity;
+        return { type: f, reason: C ? r("field.limit-reached", { count: k }) : null };
       })
-    ), p = T(() => {
-      const v = n.value.trim().toLowerCase();
-      return v === "" ? U.value : U.value.filter(
-        ({ type: g }) => g.title.toLowerCase().includes(v) || g.slug.includes(v) || (g.description ?? "").toLowerCase().includes(v)
+    ), v = T(() => {
+      const f = n.value.trim().toLowerCase();
+      return f === "" ? P.value : P.value.filter(
+        ({ type: k }) => k.title.toLowerCase().includes(f) || k.slug.includes(f) || (k.description ?? "").toLowerCase().includes(f)
       );
-    }), d = T(() => {
-      const v = [...l.groups];
-      for (const { type: V } of p.value)
-        v.includes(V.group) || v.push(V.group);
-      const g = v.map((V) => ({
+    }), p = T(() => {
+      const f = [...l.groups];
+      for (const { type: V } of v.value)
+        f.includes(V.group) || f.push(V.group);
+      const k = f.map((V) => ({
         id: V,
         label: ze(V, r),
-        options: p.value.filter((x) => x.type.group === V)
+        options: v.value.filter((x) => x.type.group === V)
       })).filter((V) => V.options.length > 0);
-      return p.value.length <= 5 || n.value.trim() !== "" || g.length < 2 ? [{ id: "", label: "", options: p.value }] : g;
-    }), m = T(() => {
+      return v.value.length <= 5 || n.value.trim() !== "" || k.length < 2 ? [{ id: "", label: "", options: v.value }] : k;
+    }), g = T(() => {
       if (l.catalog.length === 0) return r("field.pick-none");
-      if (U.value.length === 0 && l.parent) {
-        const v = (l.allow ?? l.parent.allow ?? []).filter(
-          (g) => l.catalog.some((C) => C.slug === g)
+      if (P.value.length === 0 && l.parent) {
+        const f = (l.allow ?? l.parent.allow ?? []).filter(
+          (k) => l.catalog.some((C) => C.slug === k)
         );
-        return v.length === 0 ? r("field.pick-nothing-allowed", { parent: l.parent.title }) : r("field.pick-limited", { parent: l.parent.title, types: v.join(", ") });
+        return f.length === 0 ? r("field.pick-nothing-allowed", { parent: l.parent.title }) : r("field.pick-limited", { parent: l.parent.title, types: f.join(", ") });
       }
       return r("field.pick-empty");
     });
-    return (v, g) => {
+    return (f, k) => {
       const C = xt("router-link");
-      return i(), N(e(Lt), {
+      return i(), I(e(Lt), {
         open: e(s),
-        "onUpdate:open": g[2] || (g[2] = (V) => $t(s) ? s.value = V : null),
+        "onUpdate:open": k[2] || (k[2] = (V) => $t(s) ? s.value = V : null),
         title: e(r)("field.pick"),
         width: 860
       }, {
-        footer: c(() => [
+        footer: d(() => [
           u(e(ce), {
             variant: "outline",
-            onClick: g[1] || (g[1] = (V) => e(a)())
+            onClick: k[1] || (k[1] = (V) => e(a)())
           }, {
-            default: c(() => [
+            default: d(() => [
               W(_(e(r)("field.close")), 1)
             ]),
             _: 1
           })
         ]),
-        default: c(() => [
-          B("div", mn, [
-            U.value.length > 0 ? (i(), N(e(Pe), {
+        default: d(() => [
+          E("div", mn, [
+            P.value.length > 0 ? (i(), I(e(Pe), {
               key: 0,
               modelValue: n.value,
-              "onUpdate:modelValue": g[0] || (g[0] = (V) => n.value = V),
+              "onUpdate:modelValue": k[0] || (k[0] = (V) => n.value = V),
               placeholder: e(r)("field.search"),
               clearable: "",
               autofocus: ""
-            }, null, 8, ["modelValue", "placeholder"])) : P("", !0),
-            p.value.length === 0 ? (i(), N(e(Wt), {
+            }, null, 8, ["modelValue", "placeholder"])) : N("", !0),
+            v.value.length === 0 ? (i(), I(e(Wt), {
               key: 1,
               icon: "grid",
-              title: m.value,
+              title: g.value,
               size: "sm"
             }, {
-              default: c(() => [
-                t.catalog.length === 0 && t.blocksPath ? (i(), N(C, {
+              default: d(() => [
+                t.catalog.length === 0 && t.blocksPath ? (i(), I(C, {
                   key: 0,
                   to: t.blocksPath
                 }, {
-                  default: c(() => [
+                  default: d(() => [
                     W(_(e(r)("field.pick-none-link")), 1)
                   ]),
                   _: 1
-                }, 8, ["to"])) : P("", !0)
+                }, 8, ["to"])) : N("", !0)
               ]),
               _: 1
-            }, 8, ["title"])) : P("", !0),
-            (i(!0), S(F, null, ee(d.value, (V) => (i(), S("section", {
+            }, 8, ["title"])) : N("", !0),
+            (i(!0), S(j, null, ee(p.value, (V) => (i(), S("section", {
               key: V.id,
               class: "wx-block-picker__group"
             }, [
-              V.label ? (i(), S("div", hn, _(V.label), 1)) : P("", !0),
-              B("div", bn, [
-                (i(!0), S(F, null, ee(V.options, (x) => (i(), S("button", {
+              V.label ? (i(), S("div", hn, _(V.label), 1)) : N("", !0),
+              E("div", bn, [
+                (i(!0), S(j, null, ee(V.options, (x) => (i(), S("button", {
                   key: x.type.id,
                   type: "button",
-                  class: Se(["wx-block-picker__card", { "is-disabled": x.reason !== null }]),
+                  class: $e(["wx-block-picker__card", { "is-disabled": x.reason !== null }]),
                   disabled: x.reason !== null,
                   title: x.reason ?? void 0,
-                  onClick: (f) => e(o)(x.type)
+                  onClick: (m) => e(o)(x.type)
                 }, [
-                  u(jt, {
+                  u(Ft, {
                     thumbnail: x.type.thumbnail,
                     height: 96
                   }, null, 8, ["thumbnail"]),
-                  B("div", kn, [
-                    B("div", yn, _(x.type.title), 1),
-                    x.reason ? (i(), N(e(q), {
+                  E("div", kn, [
+                    E("div", yn, _(x.type.title), 1),
+                    x.reason ? (i(), I(e(F), {
                       key: 0,
                       size: "sm",
                       tone: "warning"
                     }, {
-                      default: c(() => [
+                      default: d(() => [
                         W(_(x.reason), 1)
                       ]),
                       _: 2
-                    }, 1024)) : x.type.description ? (i(), N(e(q), {
+                    }, 1024)) : x.type.description ? (i(), I(e(F), {
                       key: 1,
                       size: "sm",
                       tone: "muted"
                     }, {
-                      default: c(() => [
+                      default: d(() => [
                         W(_(x.type.description), 1)
                       ]),
                       _: 2
-                    }, 1024)) : P("", !0)
+                    }, 1024)) : N("", !0)
                   ])
                 ], 10, gn))), 128))
               ])
@@ -1837,18 +1824,18 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
   },
   emits: ["select", "edit"],
   setup(t, { expose: l, emit: o }) {
-    const a = t, s = o, r = de("webx-blocks"), n = M(null), b = M(null), U = M(null), p = Ze(U), d = M(!1), m = M(!1), v = M(null), g = M(0), C = T(() => g.value > 0), V = T(() => [
+    const a = t, s = o, r = de("webx-blocks"), n = U(null), b = U(null), P = U(null), v = Ye(P), p = U(!1), g = U(!1), f = U(null), k = U(0), C = T(() => k.value > 0), V = T(() => [
       { value: 1280, icon: "monitor", ariaLabel: r("field.width-desktop") },
       { value: 834, icon: "tablet", ariaLabel: r("field.width-tablet") },
       { value: 390, icon: "smartphone", ariaLabel: r("field.width-phone") }
-    ]), x = T(() => v.value !== null ? v.value : a.compact ? p.value > 0 && p.value < 560 ? 390 : 834 : 1280), f = T(() => p.value === 0 ? 1 : Math.min(1, p.value / x.value)), y = T(() => ({
+    ]), x = T(() => f.value !== null ? f.value : a.compact ? v.value > 0 && v.value < 560 ? 390 : 834 : 1280), m = T(() => v.value === 0 ? 1 : Math.min(1, v.value / x.value)), y = T(() => ({
       width: `${x.value}px`,
-      transform: `scale(${f.value})`,
-      ...C.value ? { height: `${g.value}px` } : {}
+      transform: `scale(${m.value})`,
+      ...C.value ? { height: `${k.value}px` } : {}
     })), R = T(() => ({
-      width: `${Math.round(x.value * f.value)}px`,
-      ...C.value ? { height: `${Math.round(g.value * f.value)}px` } : {}
-    })), J = T(() => {
+      width: `${Math.round(x.value * m.value)}px`,
+      ...C.value ? { height: `${Math.round(k.value * m.value)}px` } : {}
+    })), q = T(() => {
       if (!a.url) return "";
       try {
         return `${new URL(a.url, location.origin).pathname} · ${x.value} px`;
@@ -1856,113 +1843,113 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
         return a.url;
       }
     });
-    function K() {
+    function J() {
       try {
         return n.value?.contentDocument ?? null;
       } catch {
         return null;
       }
     }
-    let Z = null, E = null;
-    function k(I) {
-      I.documentElement.scrollTop !== 0 && (I.documentElement.scrollTop = 0);
-    }
-    function A() {
-      const I = K(), O = I?.body;
-      if (!O || !I?.defaultView) return;
-      k(I);
-      const H = I.defaultView.getComputedStyle(O), G = (parseFloat(H.marginTop) || 0) + (parseFloat(H.marginBottom) || 0), fe = Math.ceil(O.scrollHeight + G);
-      fe !== g.value && (g.value = fe, ve !== null && Yt(() => requestAnimationFrame(te)));
-    }
-    function j(I) {
-      E?.disconnect();
-      const O = I.defaultView;
-      !O || !I.body || (E = new O.ResizeObserver(A), E.observe(I.body), A());
-    }
-    function pe() {
-      m.value = !0;
-      const I = K();
-      I && (j(I), Z?.release(), Z = Tl(I, {
+    let Z = null, c = null;
+    function B(z) {
+      z.documentElement.scrollTop !== 0 && (z.documentElement.scrollTop = 0);
+    }
+    function D() {
+      const z = J(), O = z?.body;
+      if (!O || !z?.defaultView) return;
+      B(z);
+      const H = z.defaultView.getComputedStyle(O), Y = (parseFloat(H.marginTop) || 0) + (parseFloat(H.marginBottom) || 0), ve = Math.ceil(O.scrollHeight + Y);
+      ve !== k.value && (k.value = ve, pe !== null && Gt(() => requestAnimationFrame(te)));
+    }
+    function K(z) {
+      c?.disconnect();
+      const O = z.defaultView;
+      !O || !z.body || (c = new O.ResizeObserver(D), c.observe(z.body), D());
+    }
+    function Se() {
+      g.value = !0;
+      const z = J();
+      z && (K(z), Z?.release(), Z = Tl(z, {
         /* No guard against answering a click with a scroll: `bring` moves nothing that is already
            readable, and a block clicked at the very bottom of the window, half under the action
            bar, is exactly the one worth moving. */
         select: (O) => s("select", O)
-      }), lt(I, a.selected ?? null), xe(a.selected ?? null));
+      }), et(z, a.selected ?? null), _e(a.selected ?? null));
     }
-    let ve = null, se = null;
-    function xe(I) {
-      I !== null && (ve = I, se !== null && clearTimeout(se), se = window.setTimeout(() => {
-        ve = null, se = null;
+    let pe = null, se = null;
+    function _e(z) {
+      z !== null && (pe = z, se !== null && clearTimeout(se), se = window.setTimeout(() => {
+        pe = null, se = null;
       }, 400), te());
     }
-    function Te(I) {
+    function Te(z) {
       const O = n.value?.getBoundingClientRect();
       if (!O) return null;
-      const H = I.getBoundingClientRect();
-      return { top: O.top + H.top * f.value, height: H.height * f.value };
-    }
-    function ye() {
-      let I = n.value?.parentElement ?? null;
-      for (; I; ) {
-        const O = getComputedStyle(I).overflowY;
-        if ((O === "auto" || O === "scroll") && I.scrollHeight > I.clientHeight)
-          return I;
-        I = I.parentElement;
+      const H = z.getBoundingClientRect();
+      return { top: O.top + H.top * m.value, height: H.height * m.value };
+    }
+    function ke() {
+      let z = n.value?.parentElement ?? null;
+      for (; z; ) {
+        const O = getComputedStyle(z).overflowY;
+        if ((O === "auto" || O === "scroll") && z.scrollHeight > z.clientHeight)
+          return z;
+        z = z.parentElement;
       }
       return null;
     }
     function te() {
-      const I = K();
-      if (ve === null || !I) return;
-      k(I);
-      const O = Qe(I, ve), H = O ? Te(O) : null;
+      const z = J();
+      if (pe === null || !z) return;
+      B(z);
+      const O = at(z, pe), H = O ? Te(O) : null;
       if (!H) return;
-      const G = ye(), fe = G?.getBoundingClientRect(), he = b.value?.getBoundingClientRect().height ?? 0, ie = {
-        top: (fe?.top ?? 0) + he,
-        bottom: (fe ? fe.bottom : window.innerHeight) - he
-      }, _e = H.top + H.height, Ve = H.top < ie.top, Ee = H.height > ie.bottom - ie.top, w = Ve || Ee ? H.top - ie.top : _e > ie.bottom ? _e - ie.bottom : 0;
-      w !== 0 && (G ?? window).scrollBy({ top: w, behavior: "smooth" });
-    }
-    function Ce(I, O) {
-      const H = K();
-      if (!H || !m.value) return !1;
-      const G = Nt(H, I, O);
-      return G && lt(H, a.selected ?? null), G;
+      const Y = ke(), ve = Y?.getBoundingClientRect(), me = b.value?.getBoundingClientRect().height ?? 0, ie = {
+        top: (ve?.top ?? 0) + me,
+        bottom: (ve ? ve.bottom : window.innerHeight) - me
+      }, we = H.top + H.height, Ve = H.top < ie.top, Ee = H.height > ie.bottom - ie.top, w = Ve || Ee ? H.top - ie.top : we > ie.bottom ? we - ie.bottom : 0;
+      w !== 0 && (Y ?? window).scrollBy({ top: w, behavior: "smooth" });
+    }
+    function Ce(z, O) {
+      const H = J();
+      if (!H || !g.value) return !1;
+      const Y = Nt(H, z, O);
+      return Y && et(H, a.selected ?? null), Y;
     }
-    function we() {
-      m.value = !1, E?.disconnect(), E = null, n.value && a.url && (n.value.src = a.url);
+    function ye() {
+      g.value = !1, c?.disconnect(), c = null, n.value && a.url && (n.value.src = a.url);
     }
-    function me(I) {
-      I.key === "Escape" && d.value && (d.value = !1, I.stopPropagation());
+    function fe(z) {
+      z.key === "Escape" && p.value && (p.value = !1, z.stopPropagation());
     }
     return X(
       () => a.selected,
-      (I) => {
-        const O = K();
-        !O || !m.value || (lt(O, I ?? null), xe(I ?? null));
+      (z) => {
+        const O = J();
+        !O || !g.value || (et(O, z ?? null), _e(z ?? null));
       }
-    ), X(() => a.reload, we), X(
+    ), X(() => a.reload, ye), X(
       () => a.url,
-      () => m.value = !1
-    ), Ue(() => window.addEventListener("keydown", me)), Ge(() => {
-      window.removeEventListener("keydown", me), se !== null && clearTimeout(se), E?.disconnect(), Z?.release();
-    }), l({ replace: Ce, refresh: we, open: () => d.value = !0 }), (I, O) => (i(), S("div", {
-      class: Se(["wx-blocks-preview", { "is-fullscreen": d.value, "is-grown": C.value, "is-compact": t.compact }]),
-      style: $e({ "--wx-preview-scale": f.value })
+      () => g.value = !1
+    ), Ue(() => window.addEventListener("keydown", fe)), Ge(() => {
+      window.removeEventListener("keydown", fe), se !== null && clearTimeout(se), c?.disconnect(), Z?.release();
+    }), l({ replace: Ce, refresh: ye, open: () => p.value = !0 }), (z, O) => (i(), S("div", {
+      class: $e(["wx-blocks-preview", { "is-fullscreen": p.value, "is-grown": C.value, "is-compact": t.compact }]),
+      style: xe({ "--wx-preview-scale": m.value })
     }, [
-      B("div", {
+      E("div", {
         ref_key: "bar",
         ref: b,
         class: "wx-blocks-preview__bar"
       }, [
-        u(e(q), {
+        u(e(F), {
           size: "xs",
           tone: "muted",
           class: "wx-blocks-preview__label",
           truncate: ""
         }, {
-          default: c(() => [
-            W(_(J.value), 1)
+          default: d(() => [
+            W(_(q.value), 1)
           ]),
           _: 1
         }),
@@ -1972,18 +1959,18 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
           options: V.value,
           size: "sm",
           "aria-label": e(r)("field.width"),
-          "onUpdate:modelValue": O[0] || (O[0] = (H) => v.value = Number(H))
+          "onUpdate:modelValue": O[0] || (O[0] = (H) => f.value = Number(H))
         }, null, 8, ["model-value", "options", "aria-label"]),
-        B("div", xn, [
-          t.compact ? (i(), N(e(Ie), {
+        E("div", xn, [
+          t.compact ? (i(), I(e(Ie), {
             key: 0,
             size: "sm",
             tone: "primary",
             icon: "edit",
             title: e(r)("field.blocks"),
             onClick: O[1] || (O[1] = (H) => s("edit"))
-          }, null, 8, ["title"])) : P("", !0),
-          t.url ? (i(), N(e(Ie), {
+          }, null, 8, ["title"])) : N("", !0),
+          t.url ? (i(), I(e(Ie), {
             key: 1,
             size: "sm",
             icon: "external-link",
@@ -1992,24 +1979,24 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
             href: t.url,
             target: "_blank",
             rel: "noopener"
-          }, null, 8, ["title", "href"])) : P("", !0),
+          }, null, 8, ["title", "href"])) : N("", !0),
           u(e(Ie), {
             size: "sm",
-            icon: d.value ? "minimize" : "maximize",
+            icon: p.value ? "minimize" : "maximize",
             tone: "neutral",
-            title: d.value ? e(r)("field.close") : e(r)("field.fullscreen"),
-            onClick: O[2] || (O[2] = (H) => d.value = !d.value)
+            title: p.value ? e(r)("field.close") : e(r)("field.fullscreen"),
+            onClick: O[2] || (O[2] = (H) => p.value = !p.value)
           }, null, 8, ["icon", "title"])
         ])
       ], 512),
-      B("div", {
+      E("div", {
         ref_key: "box",
-        ref: U,
+        ref: P,
         class: "wx-blocks-preview__ground"
       }, [
-        B("div", {
+        E("div", {
           class: "wx-blocks-preview__clip",
-          style: $e(R.value)
+          style: xe(R.value)
         }, [
           t.url ? (i(), S("iframe", {
             key: 0,
@@ -2017,10 +2004,10 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
             ref: n,
             class: "wx-blocks-preview__frame",
             src: t.url,
-            style: $e(y.value),
+            style: xe(y.value),
             title: e(r)("field.preview"),
-            onLoad: pe
-          }, null, 44, $n)) : P("", !0)
+            onLoad: Se
+          }, null, 44, $n)) : N("", !0)
         ], 4)
       ], 512)
     ], 6));
@@ -2042,131 +2029,131 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
   emits: ["select", "add", "remove", "duplicate", "visibility", "reorder"],
   setup(t, { emit: l }) {
     const o = t, a = l, s = de("webx-blocks");
-    function r(d) {
-      return o.catalog.find((m) => m.slug === d.type) ?? null;
+    function r(p) {
+      return o.catalog.find((g) => g.slug === p.type) ?? null;
     }
-    function n(d) {
-      return r(d)?.title ?? d.type;
+    function n(p) {
+      return r(p)?.title ?? p.type;
     }
-    function b(d) {
-      const m = r(d);
-      return m?.content ? Dt(m.content.schema) : [];
+    function b(p) {
+      const g = r(p);
+      return g?.content ? Dt(g.content.schema) : [];
     }
-    function U(d, m) {
-      const v = d.values[m.id];
-      return Array.isArray(v) ? v : [];
+    function P(p, g) {
+      const f = p.values[g.id];
+      return Array.isArray(f) ? f : [];
     }
-    function p(d) {
+    function v(p) {
       return [
         {
           key: "visibility",
-          icon: d.hidden === !0 ? "eye" : "eye-off",
-          label: d.hidden === !0 ? s("field.show") : s("field.hide"),
-          run: () => a("visibility", d.key, d.hidden !== !0)
+          icon: p.hidden === !0 ? "eye" : "eye-off",
+          label: p.hidden === !0 ? s("field.show") : s("field.hide"),
+          run: () => a("visibility", p.key, p.hidden !== !0)
         },
         {
           key: "duplicate",
           icon: "copy",
           label: s("field.duplicate"),
-          run: () => a("duplicate", d.key)
+          run: () => a("duplicate", p.key)
         },
         {
           key: "remove",
           icon: "trash",
           label: s("field.remove"),
           danger: !0,
-          run: () => a("remove", d.key)
+          run: () => a("remove", p.key)
         }
       ];
     }
-    return (d, m) => {
-      const v = xt("blocks-tree", !0);
-      return i(), N(e(ml), {
+    return (p, g) => {
+      const f = xt("blocks-tree", !0);
+      return i(), I(e(ml), {
         "model-value": t.nodes,
         "item-key": "key",
-        "item-label": (g) => n(g),
+        "item-label": (k) => n(k),
         disabled: t.disabled,
         plain: "",
         size: "sm",
         "empty-text": t.depth === 0 ? e(s)("field.empty") : "",
-        class: Se(["wx-blocks-tree", { "is-nested": t.depth > 0 }]),
-        "onUpdate:modelValue": m[6] || (m[6] = (g) => a("reorder", t.parentKey, t.field, g))
+        class: $e(["wx-blocks-tree", { "is-nested": t.depth > 0 }]),
+        "onUpdate:modelValue": g[6] || (g[6] = (k) => a("reorder", t.parentKey, t.field, k))
       }, {
-        default: c(({ item: g }) => [
-          B("div", Cn, [
-            B("div", {
-              class: Se(["wx-blocks-tree__row", { "is-selected": t.selected === g.key, "is-hidden": g.hidden === !0 }]),
+        default: d(({ item: k }) => [
+          E("div", Cn, [
+            E("div", {
+              class: $e(["wx-blocks-tree__row", { "is-selected": t.selected === k.key, "is-hidden": k.hidden === !0 }]),
               role: "button",
               tabindex: "0",
-              onClick: (C) => a("select", g.key),
+              onClick: (C) => a("select", k.key),
               onKeydown: [
-                ut(ct((C) => a("select", g.key), ["prevent"]), ["enter"]),
-                ut(ct((C) => a("select", g.key), ["prevent"]), ["space"])
+                ut(ct((C) => a("select", k.key), ["prevent"]), ["enter"]),
+                ut(ct((C) => a("select", k.key), ["prevent"]), ["space"])
               ]
             }, [
-              B("span", En, _(n(g)), 1),
-              r(g) ? r(g)?.draft ? (i(), S("span", {
+              E("span", En, _(n(k)), 1),
+              r(k) ? r(k)?.draft ? (i(), S("span", {
                 key: 1,
                 class: "wx-blocks-tree__flag is-warning",
                 title: e(s)("field.draft-type")
               }, [
-                u(e(ge), { name: "warning" })
-              ], 8, Ln)) : r(g)?.is_enabled === !1 ? (i(), S("span", {
+                u(e(be), { name: "warning" })
+              ], 8, Ln)) : r(k)?.is_enabled === !1 ? (i(), S("span", {
                 key: 2,
                 class: "wx-blocks-tree__flag",
                 title: e(s)("field.disabled-type")
               }, [
-                u(e(ge), { name: "lock" })
-              ], 8, Wn)) : P("", !0) : (i(), S("span", {
+                u(e(be), { name: "lock" })
+              ], 8, Wn)) : N("", !0) : (i(), S("span", {
                 key: 0,
                 class: "wx-blocks-tree__flag is-danger",
-                title: e(s)("field.unknown-type", { type: g.type })
+                title: e(s)("field.unknown-type", { type: k.type })
               }, [
-                u(e(ge), { name: "close-circle" })
+                u(e(be), { name: "close-circle" })
               ], 8, Bn)),
-              g.hidden === !0 ? (i(), S("span", {
+              k.hidden === !0 ? (i(), S("span", {
                 key: 3,
                 class: "wx-blocks-tree__flag",
                 title: e(s)("field.hidden-note")
               }, [
-                u(e(ge), { name: "eye-off" })
-              ], 8, An)) : P("", !0),
-              t.disabled ? P("", !0) : (i(), S("span", zn, [
+                u(e(be), { name: "eye-off" })
+              ], 8, An)) : N("", !0),
+              t.disabled ? N("", !0) : (i(), S("span", zn, [
                 u(e(sl), {
-                  actions: p(g),
-                  label: n(g)
+                  actions: v(k),
+                  label: n(k)
                 }, null, 8, ["actions", "label"])
               ]))
             ], 42, Vn),
-            (i(!0), S(F, null, ee(b(g), (C) => (i(), S("div", {
+            (i(!0), S(j, null, ee(b(k), (C) => (i(), S("div", {
               key: C.id,
               class: "wx-blocks-tree__kids"
             }, [
-              u(v, {
-                nodes: U(g, C),
+              u(f, {
+                nodes: P(k, C),
                 catalog: t.catalog,
-                "parent-key": g.key,
+                "parent-key": k.key,
                 field: C.id,
                 selected: t.selected,
                 disabled: t.disabled,
                 depth: t.depth + 1,
-                onSelect: m[0] || (m[0] = (V) => a("select", V)),
-                onAdd: m[1] || (m[1] = (V, x, f) => a("add", V, x, f)),
-                onRemove: m[2] || (m[2] = (V) => a("remove", V)),
-                onDuplicate: m[3] || (m[3] = (V) => a("duplicate", V)),
-                onVisibility: m[4] || (m[4] = (V, x) => a("visibility", V, x)),
-                onReorder: m[5] || (m[5] = (V, x, f) => a("reorder", V, x, f))
+                onSelect: g[0] || (g[0] = (V) => a("select", V)),
+                onAdd: g[1] || (g[1] = (V, x, m) => a("add", V, x, m)),
+                onRemove: g[2] || (g[2] = (V) => a("remove", V)),
+                onDuplicate: g[3] || (g[3] = (V) => a("duplicate", V)),
+                onVisibility: g[4] || (g[4] = (V, x) => a("visibility", V, x)),
+                onReorder: g[5] || (g[5] = (V, x, m) => a("reorder", V, x, m))
               }, null, 8, ["nodes", "catalog", "parent-key", "field", "selected", "disabled", "depth"]),
-              t.disabled ? P("", !0) : (i(), S("button", {
+              t.disabled ? N("", !0) : (i(), S("button", {
                 key: 0,
                 type: "button",
                 class: "wx-blocks-tree__add is-inner",
-                onClick: (V) => a("add", g.key, C.id, C)
+                onClick: (V) => a("add", k.key, C.id, C)
               }, [
                 W(" + " + _(e(s)("field.add-inside")), 1),
-                b(g).length > 1 ? (i(), S(F, { key: 0 }, [
+                b(k).length > 1 ? (i(), S(j, { key: 0 }, [
                   W(" · " + _(C.label ?? C.id), 1)
-                ], 64)) : P("", !0)
+                ], 64)) : N("", !0)
               ], 8, In))
             ]))), 128))
           ])
@@ -2191,10 +2178,10 @@ const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
 }, Dn = { class: "wx-blocks__panel-head" }, On = { class: "wx-blocks__panel-title" }, Rn = { class: "wx-blocks__tools" }, Hn = {
   key: 1,
   class: "wx-blocks__fields"
-}, Fn = { class: "wx-blocks__panel-head" }, jn = { class: "wx-blocks__panel-title" }, qn = {
+}, jn = { class: "wx-blocks__panel-head" }, Fn = { class: "wx-blocks__panel-title" }, qn = {
   key: 0,
   class: "wx-blocks__trail"
-}, Jn = ["onClick"], Kn = { class: "wx-blocks__panel-name" }, Yn = { class: "wx-blocks__panel-extra" }, Gn = { key: 0 }, Zn = { class: "wx-blocks__form" }, Qn = {
+}, Jn = ["onClick"], Kn = { class: "wx-blocks__panel-name" }, Gn = { class: "wx-blocks__panel-extra" }, Yn = { key: 0 }, Zn = { class: "wx-blocks__form" }, Qn = {
   key: 0,
   class: "wx-blocks__preview"
 }, Xn = /* @__PURE__ */ ae({
@@ -2217,37 +2204,37 @@ const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const l = t, o = Gt(t, "modelValue"), a = qe(_t, !1);
+    const l = t, o = Yt(t, "modelValue"), a = qe(_t, !1);
     St(_t, !0), Re();
     const s = de("webx-blocks"), r = De(), n = qe(il, null);
     let b = null;
-    const U = M([]), p = T(() => l.catalog ?? U.value), d = T(() => Array.isArray(o.value) ? o.value : []), m = M(null), v = T(() => m.value ? re(d.value, m.value) : null), g = T(
-      () => v.value ? p.value.find((w) => w.slug === v.value?.node.type) ?? null : null
+    const P = U([]), v = T(() => l.catalog ?? P.value), p = T(() => Array.isArray(o.value) ? o.value : []), g = U(null), f = T(() => g.value ? re(p.value, g.value) : null), k = T(
+      () => f.value ? v.value.find((w) => w.slug === f.value?.node.type) ?? null : null
     );
     function C(w) {
-      return p.value.find((L) => L.slug === w.type)?.title ?? w.type;
+      return v.value.find((L) => L.slug === w.type)?.title ?? w.type;
     }
     const V = T(() => {
       const w = [];
-      return Oe(d.value, (L) => w.push(L.key)), w;
+      return Oe(p.value, (L) => w.push(L.key)), w;
     }), x = T(() => {
-      const w = m.value ? V.value.indexOf(m.value) : -1;
+      const w = g.value ? V.value.indexOf(g.value) : -1;
       return {
         previous: w > 0 ? V.value[w - 1] : null,
         next: w >= 0 && w < V.value.length - 1 ? V.value[w + 1] : null
       };
-    }), f = T(() => {
+    }), m = T(() => {
       const w = [];
-      let L = v.value?.parent ?? null;
+      let L = f.value?.parent ?? null;
       for (; L; )
-        w.unshift({ key: L.key, title: C(L) }), L = re(d.value, L.key)?.parent ?? null;
+        w.unshift({ key: L.key, title: C(L) }), L = re(p.value, L.key)?.parent ?? null;
       return w;
-    }), y = qe(it, null), R = M(null), J = M(null), K = Ze(J), Z = T(() => y !== null && y.url.value !== null), E = T(() => Z.value && K.value > 0 && K.value <= 900), k = M(!1), A = T(() => {
-      if (!v.value) return;
-      const w = g.value?.title ?? v.value.node.type;
-      return [...f.value.map((L) => L.title), w].join(" / ");
-    }), j = T(
-      () => E.value ? {
+    }), y = qe(it, null), R = U(null), q = U(null), J = Ye(q), Z = T(() => y !== null && y.url.value !== null), c = T(() => Z.value && J.value > 0 && J.value <= 900), B = U(!1), D = T(() => {
+      if (!f.value) return;
+      const w = k.value?.title ?? f.value.node.type;
+      return [...m.value.map((L) => L.title), w].join(" / ");
+    }), K = T(
+      () => c.value ? {
         /* Up from the bottom, and not all the way: the strip of page left above it is what
            says the sheet is over the page rather than instead of it. No heading of its own —
            the panels inside carry theirs, and the × is the one thing the sheet has to add. */
@@ -2264,86 +2251,86 @@ const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
            the blocks it is inside spelled out in front of it, because the trail that says so
            in the column is part of the heading this replaces. The tree keeps its own heading,
            which already says what it is and how many. */
-        title: A.value,
-        open: k.value,
-        "onUpdate:open": (w) => k.value = w
+        title: D.value,
+        open: B.value,
+        "onUpdate:open": (w) => B.value = w
       } : {}
-    ), pe = T(
+    ), Se = T(
       () => n?.state.manifest?.modules.find((w) => w.id === "blocks")?.meta?.groups ?? []
-    ), ve = Zt()?.type, se = T(() => l.context?.types ? l.context.types : n?.types ? { ...tt, ...n.types } : ve ? { ...tt, "wx-blocks": { component: ve, kind: "field", nested: !0 } } : tt), xe = T(
+    ), pe = Zt()?.type, se = T(() => l.context?.types ? l.context.types : n?.types ? { ...Xe, ...n.types } : pe ? { ...Xe, "wx-blocks": { component: pe, kind: "field", nested: !0 } } : Xe), _e = T(
       () => l.context?.translate ?? n?.i18n.t ?? ((w) => w)
-    ), Te = T(() => l.context?.can ?? n?.can ?? (() => !0)), ye = At(_n);
+    ), Te = T(() => l.context?.can ?? n?.can ?? (() => !0)), ke = At(_n);
     function te(w) {
       o.value = w;
     }
-    async function Ce(w, L, D) {
-      const Q = w ? re(d.value, w) : null, le = Q ? p.value.find((qt) => qt.slug === Q.node.type) ?? null : null, z = w === null ? l.allow : D?.props?.allow ?? null, h = w === null ? l.max : D?.props?.max ?? null, $ = w === null ? d.value : Q && L ? Q.node.values[L] ?? [] : [];
+    async function Ce(w, L, M) {
+      const Q = w ? re(p.value, w) : null, le = Q ? v.value.find((qt) => qt.slug === Q.node.type) ?? null : null, A = w === null ? l.allow : M?.props?.allow ?? null, h = w === null ? l.max : M?.props?.max ?? null, $ = w === null ? p.value : Q && L ? Q.node.values[L] ?? [] : [];
       if (h != null && $.length >= h) return;
-      const He = await ye({
-        catalog: p.value,
+      const He = await ke({
+        catalog: v.value,
         parent: le,
-        allow: z,
-        tree: d.value,
-        groups: pe.value,
+        allow: A,
+        tree: p.value,
+        groups: Se.value,
         blocksPath: l.blocksPath
       });
       if (!He) return;
-      const rt = Il(He.slug, we(He));
-      te(kt(d.value, w, L, $.length, rt)), m.value = rt.key;
+      const rt = Il(He.slug, ye(He));
+      te(kt(p.value, w, L, $.length, rt)), g.value = rt.key;
     }
-    function we(w) {
-      const L = w.content?.sample ?? {}, D = {};
+    function ye(w) {
+      const L = w.content?.sample ?? {}, M = {};
       for (const [Q, le] of Object.entries(L))
-        (!Array.isArray(le) || le.length === 0 || typeof le[0] != "object") && (D[Q] = le);
-      return D;
+        (!Array.isArray(le) || le.length === 0 || typeof le[0] != "object") && (M[Q] = le);
+      return M;
     }
-    async function me(w) {
-      const L = re(d.value, w);
+    async function fe(w) {
+      const L = re(p.value, w);
       if (!L) return;
-      const D = Pl(L.node);
-      await Ye({
+      const M = Pl(L.node);
+      await Ke({
         title: s("field.remove-title", {
-          title: p.value.find((le) => le.slug === L.node.type)?.title ?? L.node.type
+          title: v.value.find((le) => le.slug === L.node.type)?.title ?? L.node.type
         }),
-        message: D > 0 ? s("field.remove-text", { count: D }) : s("field.remove-alone"),
+        message: M > 0 ? s("field.remove-text", { count: M }) : s("field.remove-alone"),
         confirmText: s("field.remove"),
         cancelText: s("page.cancel"),
         tone: "danger"
-      }) && (m.value === w && (m.value = null), te(Dl(d.value, w)));
+      }) && (g.value === w && (g.value = null), te(Dl(p.value, w)));
     }
-    function I(w) {
-      const L = re(d.value, w);
+    function z(w) {
+      const L = re(p.value, w);
       if (!L) return;
-      const D = Ot(L.node);
-      te(kt(d.value, L.parent?.key ?? null, L.field, L.index + 1, D)), m.value = D.key;
+      const M = Ot(L.node);
+      te(kt(p.value, L.parent?.key ?? null, L.field, L.index + 1, M)), g.value = M.key;
     }
     function O(w, L) {
-      te(Ul(d.value, w, L));
+      te(Ul(p.value, w, L));
     }
-    function H(w, L, D) {
-      te(Rl(d.value, w, L, D));
+    function H(w, L, M) {
+      te(Rl(p.value, w, L, M));
     }
-    function G(w) {
-      m.value = m.value === w ? null : w;
+    function Y(w) {
+      g.value = g.value === w ? null : w;
     }
-    function fe(w) {
-      w === null || !re(d.value, w) || (m.value = w, E.value && (k.value = !0));
+    function ve(w) {
+      w === null || !re(p.value, w) || (g.value = w, c.value && (B.value = !0));
     }
-    function he() {
-      m.value = null;
+    function me() {
+      g.value = null;
     }
     function ie(w) {
-      m.value && te(Ol(d.value, m.value, w));
+      g.value && te(Ol(p.value, g.value, w));
     }
-    let _e;
+    let we;
     X(
-      () => v.value?.node.values,
+      () => f.value?.node.values,
       (w, L) => {
-        if (!w || !L || !g.value || !b || !y) return;
-        const D = m.value, Q = g.value.id;
-        clearTimeout(_e), _e = setTimeout(() => {
-          !D || !b || b.render(Q, { values: w, key: D }).then((le) => {
-            R.value?.replace(D, le.html) || R.value?.refresh();
+        if (!w || !L || !k.value || !b || !y) return;
+        const M = g.value, Q = k.value.id;
+        clearTimeout(we), we = setTimeout(() => {
+          !M || !b || b.render(Q, { values: w, key: M }).then((le) => {
+            R.value?.replace(M, le.html) || R.value?.refresh();
           }).catch(() => {
           });
         }, 300);
@@ -2351,29 +2338,29 @@ const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
       { deep: !0 }
     );
     function Ve(w) {
-      w.key === "Escape" && m.value && he();
+      w.key === "Escape" && g.value && me();
     }
     Ue(async () => {
       if (window.addEventListener("keydown", Ve), l.catalog === null && n) {
         b = Ae(n);
         try {
-          U.value = await b.catalog();
+          P.value = await b.catalog();
         } catch (w) {
-          Y.danger(r(w));
+          G.danger(r(w));
         }
       } else n && (b = Ae(n));
     }), Ge(() => {
-      clearTimeout(_e), window.removeEventListener("keydown", Ve);
+      clearTimeout(we), window.removeEventListener("keydown", Ve);
     });
     const Ee = T(
-      () => g.value?.content ? st(g.value.content.schema) : []
+      () => k.value?.content ? st(k.value.content.schema) : []
     );
     return (w, L) => e(a) ? (i(), S("div", Un, [
-      u(e(q), {
+      u(e(F), {
         size: "sm",
         tone: "muted"
       }, {
-        default: c(() => [
+        default: d(() => [
           W(_(e(s)("field.nested-note")), 1)
         ]),
         _: 1
@@ -2381,95 +2368,95 @@ const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
     ])) : (i(), S("div", {
       key: 1,
       ref_key: "host",
-      ref: J,
-      class: Se(["wx-blocks-host", { "is-compact": E.value }])
+      ref: q,
+      class: $e(["wx-blocks-host", { "is-compact": c.value }])
     }, [
-      B("div", {
-        class: Se(["wx-blocks", {
-          "is-editing": v.value !== null,
+      E("div", {
+        class: $e(["wx-blocks", {
+          "is-editing": f.value !== null,
           "has-preview": e(y) !== null && e(y).url.value !== null
         }])
       }, [
-        (i(), N(Qt(E.value ? e(hl) : "div"), Xt(j.value, { class: "wx-blocks__side" }), {
-          default: c(() => [
-            v.value ? P("", !0) : (i(), S("div", Mn, [
-              B("div", Dn, [
-                B("span", On, _(e(s)("field.blocks")), 1),
-                u(e(q), {
+        (i(), I(Qt(c.value ? e(hl) : "div"), Xt(K.value, { class: "wx-blocks__side" }), {
+          default: d(() => [
+            f.value ? N("", !0) : (i(), S("div", Mn, [
+              E("div", Dn, [
+                E("span", On, _(e(s)("field.blocks")), 1),
+                u(e(F), {
                   size: "sm",
                   tone: "muted"
                 }, {
-                  default: c(() => [
-                    W(_(d.value.length), 1)
+                  default: d(() => [
+                    W(_(p.value.length), 1)
                   ]),
                   _: 1
                 })
               ]),
               u(Pn, {
-                nodes: d.value,
-                catalog: p.value,
-                selected: m.value,
+                nodes: p.value,
+                catalog: v.value,
+                selected: g.value,
                 disabled: t.disabled,
-                onSelect: G,
+                onSelect: Y,
                 onAdd: Ce,
-                onRemove: me,
-                onDuplicate: I,
+                onRemove: fe,
+                onDuplicate: z,
                 onVisibility: O,
                 onReorder: H
               }, null, 8, ["nodes", "catalog", "selected", "disabled"]),
-              B("div", Rn, [
-                !t.disabled && (t.max === null || d.value.length < t.max) ? (i(), N(e(ce), {
+              E("div", Rn, [
+                !t.disabled && (t.max === null || p.value.length < t.max) ? (i(), I(e(ce), {
                   key: 0,
                   variant: "outline",
                   icon: "plus",
                   class: "wx-blocks__add",
-                  onClick: L[0] || (L[0] = (D) => Ce(null, null, null))
+                  onClick: L[0] || (L[0] = (M) => Ce(null, null, null))
                 }, {
-                  default: c(() => [
+                  default: d(() => [
                     W(_(e(s)("field.add")), 1)
                   ]),
                   _: 1
-                })) : P("", !0),
-                !E.value && e(y) && e(y).url.value ? (i(), N(e(ce), {
+                })) : N("", !0),
+                !c.value && e(y) && e(y).url.value ? (i(), I(e(ce), {
                   key: 1,
                   variant: "outline",
                   icon: "eye",
                   class: "wx-blocks__preview-button",
-                  onClick: L[1] || (L[1] = (D) => R.value?.open())
+                  onClick: L[1] || (L[1] = (M) => R.value?.open())
                 }, {
-                  default: c(() => [
+                  default: d(() => [
                     W(_(e(s)("field.preview")), 1)
                   ]),
                   _: 1
-                })) : P("", !0)
+                })) : N("", !0)
               ])
             ])),
-            v.value ? (i(), S("div", Hn, [
-              B("div", Fn, [
-                B("span", jn, [
-                  f.value.length ? (i(), S("span", qn, [
-                    (i(!0), S(F, null, ee(f.value, (D) => (i(), S(F, {
-                      key: D.key
+            f.value ? (i(), S("div", Hn, [
+              E("div", jn, [
+                E("span", Fn, [
+                  m.value.length ? (i(), S("span", qn, [
+                    (i(!0), S(j, null, ee(m.value, (M) => (i(), S(j, {
+                      key: M.key
                     }, [
-                      B("button", {
+                      E("button", {
                         type: "button",
                         class: "wx-blocks__trail-step",
-                        onClick: (Q) => G(D.key)
-                      }, _(D.title), 9, Jn),
-                      u(e(ge), { name: "chevron-right" })
+                        onClick: (Q) => Y(M.key)
+                      }, _(M.title), 9, Jn),
+                      u(e(be), { name: "chevron-right" })
                     ], 64))), 128))
-                  ])) : P("", !0),
-                  B("span", Kn, _(g.value?.title ?? v.value.node.type), 1)
+                  ])) : N("", !0),
+                  E("span", Kn, _(k.value?.title ?? f.value.node.type), 1)
                 ]),
-                B("span", Yn, [
-                  E.value ? P("", !0) : (i(), S("code", Gn, _(v.value.node.type), 1)),
+                E("span", Gn, [
+                  c.value ? N("", !0) : (i(), S("code", Yn, _(f.value.node.type), 1)),
                   u(e(Ie), {
                     size: "sm",
                     tone: "neutral",
                     icon: "chevron-up",
                     title: e(s)("field.previous"),
                     disabled: x.value.previous === null,
-                    onClick: L[2] || (L[2] = (D) => x.value.previous && G(x.value.previous))
+                    onClick: L[2] || (L[2] = (M) => x.value.previous && Y(x.value.previous))
                   }, null, 8, ["title", "disabled"]),
                   u(e(Ie), {
                     size: "sm",
@@ -2477,51 +2464,51 @@ const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
                     icon: "chevron-down",
                     title: e(s)("field.next"),
                     disabled: x.value.next === null,
-                    onClick: L[3] || (L[3] = (D) => x.value.next && G(x.value.next))
+                    onClick: L[3] || (L[3] = (M) => x.value.next && Y(x.value.next))
                   }, null, 8, ["title", "disabled"]),
-                  !E.value && e(y) && e(y).url.value ? (i(), N(e(ce), {
+                  !c.value && e(y) && e(y).url.value ? (i(), I(e(ce), {
                     key: 1,
                     size: "sm",
                     variant: "outline",
                     icon: "eye",
                     class: "wx-blocks__preview-button",
                     "aria-label": e(s)("field.preview"),
-                    onClick: L[4] || (L[4] = (D) => R.value?.open())
-                  }, null, 8, ["aria-label"])) : P("", !0),
+                    onClick: L[4] || (L[4] = (M) => R.value?.open())
+                  }, null, 8, ["aria-label"])) : N("", !0),
                   u(e(ce), {
                     size: "sm",
                     variant: "outline",
-                    onClick: he
+                    onClick: me
                   }, {
-                    default: c(() => [
-                      W(_(E.value ? e(s)("field.done") : `${e(s)("field.done")} · Esc`), 1)
+                    default: d(() => [
+                      W(_(c.value ? e(s)("field.done") : `${e(s)("field.done")} · Esc`), 1)
                     ]),
                     _: 1
                   })
                 ])
               ]),
-              B("div", Zn, [
-                g.value?.content ? (i(), N(e(zt), {
-                  key: v.value.node.key,
-                  "model-value": v.value.node.values,
+              E("div", Zn, [
+                k.value?.content ? (i(), I(e(zt), {
+                  key: f.value.node.key,
+                  "model-value": f.value.node.values,
                   root: Ee.value,
                   types: se.value,
-                  translate: xe.value,
+                  translate: _e.value,
                   can: Te.value,
                   disabled: t.disabled,
                   "onUpdate:modelValue": ie
-                }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (i(), N(e(q), {
+                }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (i(), I(e(F), {
                   key: 1,
                   size: "sm",
                   tone: "danger"
                 }, {
-                  default: c(() => [
-                    W(_(e(s)("field.unknown-type", { type: v.value.node.type })), 1)
+                  default: d(() => [
+                    W(_(e(s)("field.unknown-type", { type: f.value.node.type })), 1)
                   ]),
                   _: 1
                 }))
               ])
-            ])) : P("", !0)
+            ])) : N("", !0)
           ]),
           _: 1
         }, 16)),
@@ -2530,13 +2517,13 @@ const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
             ref_key: "previewEl",
             ref: R,
             url: e(y).url.value,
-            selected: m.value,
+            selected: g.value,
             reload: e(y).reload?.value ?? 0,
-            compact: E.value,
-            onSelect: fe,
-            onEdit: L[5] || (L[5] = (D) => k.value = !0)
+            compact: c.value,
+            onSelect: ve,
+            onEdit: L[5] || (L[5] = (M) => B.value = !0)
           }, null, 8, ["url", "selected", "reload", "compact"])
-        ])) : P("", !0)
+        ])) : N("", !0)
       ], 2)
     ], 2));
   }
@@ -2553,57 +2540,57 @@ const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
       class: "wx-block-card",
       onClick: r[0] || (r[0] = (n) => o("open", t.block))
     }, [
-      u(jt, {
+      u(Ft, {
         thumbnail: t.block.thumbnail,
         height: 120
       }, null, 8, ["thumbnail"]),
-      B("div", ta, [
-        B("div", la, _(t.block.title), 1),
-        u(e(q), {
+      E("div", ta, [
+        E("div", la, _(t.block.title), 1),
+        u(e(F), {
           size: "sm",
           tone: "muted"
         }, {
-          default: c(() => [
-            B("code", null, _(t.block.slug), 1),
-            W(" · " + _(e(at)(t.block.usage_count, e(a))), 1)
+          default: d(() => [
+            E("code", null, _(t.block.slug), 1),
+            W(" · " + _(e(nt)(t.block.usage_count, e(a))), 1)
           ]),
           _: 1
         }),
-        B("div", na, [
-          t.block.draft ? (i(), N(e(ue), {
+        E("div", na, [
+          t.block.draft ? (i(), I(e(ue), {
             key: 0,
             type: "warning",
             dot: ""
           }, {
-            default: c(() => [
+            default: d(() => [
               W(_(e(a)("page.draft", { number: t.block.draft.number })), 1)
             ]),
             _: 1
-          })) : P("", !0),
-          t.block.published ? (i(), N(e(ue), {
+          })) : N("", !0),
+          t.block.published ? (i(), I(e(ue), {
             key: 1,
             type: "success",
             dot: ""
           }, {
-            default: c(() => [
+            default: d(() => [
               W(_(e(a)("page.live", { number: t.block.published.number })), 1)
             ]),
             _: 1
-          })) : (i(), N(e(ue), {
+          })) : (i(), I(e(ue), {
             key: 2,
             type: "default"
           }, {
-            default: c(() => [
+            default: d(() => [
               W(_(e(a)("page.never-published")), 1)
             ]),
             _: 1
           })),
-          t.block.is_enabled ? P("", !0) : (i(), N(e(ue), {
+          t.block.is_enabled ? N("", !0) : (i(), I(e(ue), {
             key: 3,
             type: "default",
             variant: "outline"
           }, {
-            default: c(() => [
+            default: d(() => [
               W(_(e(a)("page.hidden")), 1)
             ]),
             _: 1
@@ -2617,56 +2604,56 @@ const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
   setup(t) {
     const { resolve: l, dismiss: o, open: a } = Bt(), s = Me(), r = Ae(s);
     Re();
-    const n = de("webx-blocks"), b = De(), U = T(() => s.state.manifest?.modules.find((y) => y.id === "blocks")?.meta?.groups ?? ["content"]), p = M({ title: "", slug: "", group: U.value[0] ?? "content" }), d = M({}), m = M(!1), v = M(!1), g = T(
-      () => U.value.map((f) => ({ value: f, label: ze(f, n) }))
+    const n = de("webx-blocks"), b = De(), P = T(() => s.state.manifest?.modules.find((y) => y.id === "blocks")?.meta?.groups ?? ["content"]), v = U({ title: "", slug: "", group: P.value[0] ?? "content" }), p = U({}), g = U(!1), f = U(!1), k = T(
+      () => P.value.map((m) => ({ value: m, label: ze(m, n) }))
     );
-    function C(f) {
-      return f.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "").slice(0, 64);
+    function C(m) {
+      return m.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "").slice(0, 64);
     }
     X(
-      () => p.value.title,
-      (f) => {
-        v.value || (p.value.slug = C(f));
+      () => v.value.title,
+      (m) => {
+        f.value || (v.value.slug = C(m));
       }
     );
-    function V(f) {
-      return d.value[f]?.[0];
+    function V(m) {
+      return p.value[m]?.[0];
     }
     async function x() {
-      m.value = !0, d.value = {};
+      g.value = !0, p.value = {};
       try {
-        l(await r.create(p.value));
-      } catch (f) {
-        const y = f.body;
-        y?.errors ? d.value = y.errors : Y.danger(b(f, n("page.failed")));
+        l(await r.create(v.value));
+      } catch (m) {
+        const y = m.body;
+        y?.errors ? p.value = y.errors : G.danger(b(m, n("page.failed")));
       } finally {
-        m.value = !1;
+        g.value = !1;
       }
     }
-    return (f, y) => (i(), N(e(Lt), {
+    return (m, y) => (i(), I(e(Lt), {
       open: e(a),
       "onUpdate:open": y[5] || (y[5] = (R) => $t(a) ? a.value = R : null),
       title: e(n)("page.new"),
       width: 520
     }, {
-      footer: c(() => [
+      footer: d(() => [
         u(e(bl), { size: "sm" }, {
-          default: c(() => [
+          default: d(() => [
             u(e(ce), {
               variant: "outline",
               onClick: y[4] || (y[4] = (R) => e(o)())
             }, {
-              default: c(() => [
+              default: d(() => [
                 W(_(e(n)("page.cancel")), 1)
               ]),
               _: 1
             }),
             u(e(ce), {
               type: "primary",
-              loading: m.value,
+              loading: g.value,
               onClick: x
             }, {
-              default: c(() => [
+              default: d(() => [
                 W(_(e(n)("page.create")), 1)
               ]),
               _: 1
@@ -2675,16 +2662,16 @@ const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
           _: 1
         })
       ]),
-      default: c(() => [
-        B("div", sa, [
+      default: d(() => [
+        E("div", sa, [
           u(e(ne), {
             label: e(n)("page.title"),
             error: V("title")
           }, {
-            default: c(() => [
+            default: d(() => [
               u(e(Pe), {
-                modelValue: p.value.title,
-                "onUpdate:modelValue": y[0] || (y[0] = (R) => p.value.title = R),
+                modelValue: v.value.title,
+                "onUpdate:modelValue": y[0] || (y[0] = (R) => v.value.title = R),
                 autofocus: ""
               }, null, 8, ["modelValue"])
             ]),
@@ -2695,12 +2682,12 @@ const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
             help: e(n)("page.identifier-help"),
             error: V("slug")
           }, {
-            default: c(() => [
+            default: d(() => [
               u(e(Pe), {
-                modelValue: p.value.slug,
-                "onUpdate:modelValue": y[1] || (y[1] = (R) => p.value.slug = R),
+                modelValue: v.value.slug,
+                "onUpdate:modelValue": y[1] || (y[1] = (R) => v.value.slug = R),
                 placeholder: "hero",
-                onInput: y[2] || (y[2] = (R) => v.value = !0)
+                onInput: y[2] || (y[2] = (R) => f.value = !0)
               }, null, 8, ["modelValue"])
             ]),
             _: 1
@@ -2710,11 +2697,11 @@ const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
             help: e(n)("page.group-help"),
             error: V("group")
           }, {
-            default: c(() => [
+            default: d(() => [
               u(e(Et), {
-                modelValue: p.value.group,
-                "onUpdate:modelValue": y[3] || (y[3] = (R) => p.value.group = R),
-                options: g.value
+                modelValue: v.value.group,
+                "onUpdate:modelValue": y[3] || (y[3] = (R) => v.value.group = R),
+                options: k.value
               }, null, 8, ["modelValue", "options"])
             ]),
             _: 1
@@ -2738,107 +2725,107 @@ const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
   setup(t) {
     const l = t, o = Me(), a = Ae(o), s = Tt();
     Re();
-    const r = de("webx-blocks"), n = De(), b = M([]), U = M(!0), p = M(""), d = M(""), m = At(ra), v = T(() => {
-      const E = o.state.manifest?.modules.find((k) => k.id === "blocks")?.meta;
+    const r = de("webx-blocks"), n = De(), b = U([]), P = U(!0), v = U(""), p = U(""), g = At(ra), f = T(() => {
+      const c = o.state.manifest?.modules.find((B) => B.id === "blocks")?.meta;
       return {
-        groups: E?.groups ?? [],
-        editing: E?.editing ?? !0,
-        provides: E?.provides ?? []
+        groups: c?.groups ?? [],
+        editing: c?.editing ?? !0,
+        provides: c?.provides ?? []
       };
-    }), g = T(() => o.can("blocks.manage") && v.value.editing), C = T(
-      () => o.state.manifest?.modules.find((E) => E.id === "blocks")?.title ?? r("module.title")
+    }), k = T(() => o.can("blocks.manage") && f.value.editing), C = T(
+      () => o.state.manifest?.modules.find((c) => c.id === "blocks")?.title ?? r("module.title")
     ), V = T(() => {
-      const E = p.value.trim().toLowerCase(), k = d.value === "" ? b.value : b.value.filter((A) => A.group === d.value);
-      return E === "" ? k : k.filter(
-        (A) => A.title.toLowerCase().includes(E) || A.slug.includes(E) || (A.description ?? "").toLowerCase().includes(E)
+      const c = v.value.trim().toLowerCase(), B = p.value === "" ? b.value : b.value.filter((D) => D.group === p.value);
+      return c === "" ? B : B.filter(
+        (D) => D.title.toLowerCase().includes(c) || D.slug.includes(c) || (D.description ?? "").toLowerCase().includes(c)
       );
     }), x = T(() => {
-      const E = [...v.value.groups];
-      for (const k of b.value)
-        E.includes(k.group) || E.push(k.group);
-      return E.filter((k) => b.value.some((A) => A.group === k));
-    }), f = T(
+      const c = [...f.value.groups];
+      for (const B of b.value)
+        c.includes(B.group) || c.push(B.group);
+      return c.filter((B) => b.value.some((D) => D.group === B));
+    }), m = T(
       () => x.value.length < 2 ? [] : [
         { value: "", label: r("page.all-groups") },
-        ...x.value.map((E) => ({ value: E, label: ze(E, r) }))
+        ...x.value.map((c) => ({ value: c, label: ze(c, r) }))
       ]
     ), y = T(() => {
-      const E = x.value.map((A) => ({
-        id: A,
-        label: ze(A, r),
-        blocks: V.value.filter((j) => j.group === A)
-      })).filter((A) => A.blocks.length > 0);
-      return d.value !== "" || V.value.length <= 5 || p.value.trim() !== "" || E.length < 2 ? [{ id: "", label: "", blocks: V.value }] : E;
+      const c = x.value.map((D) => ({
+        id: D,
+        label: ze(D, r),
+        blocks: V.value.filter((K) => K.group === D)
+      })).filter((D) => D.blocks.length > 0);
+      return p.value !== "" || V.value.length <= 5 || v.value.trim() !== "" || c.length < 2 ? [{ id: "", label: "", blocks: V.value }] : c;
     });
     async function R() {
-      U.value = !0;
+      P.value = !0;
       try {
         b.value = await a.list();
-      } catch (E) {
-        Y.danger(n(E));
+      } catch (c) {
+        G.danger(n(c));
       } finally {
-        U.value = !1;
+        P.value = !1;
       }
     }
-    function J(E) {
-      s.push(`${l.base}/${E.id}`);
+    function q(c) {
+      s.push(`${l.base}/${c.id}`);
     }
-    async function K() {
-      const E = await m({});
-      E && J(E);
+    async function J() {
+      const c = await g({});
+      c && q(c);
     }
     Ue(R);
     const Z = T(
-      () => g.value ? [{ key: "new", label: r("page.new"), icon: "plus", primary: !0, run: () => {
-        K();
+      () => k.value ? [{ key: "new", label: r("page.new"), icon: "plus", primary: !0, run: () => {
+        J();
       } }] : []
     );
-    return (E, k) => (i(), N(e(rl), {
-      view: d.value,
-      "onUpdate:view": k[1] || (k[1] = (A) => d.value = A),
+    return (c, B) => (i(), I(e(rl), {
+      view: p.value,
+      "onUpdate:view": B[1] || (B[1] = (D) => p.value = D),
       class: "wx-blocks-page",
       title: C.value,
-      views: f.value,
+      views: m.value,
       actions: Z.value
     }, {
-      default: c(() => [
-        v.value.editing ? P("", !0) : (i(), N(e(Vt), {
+      default: d(() => [
+        f.value.editing ? N("", !0) : (i(), I(e(Vt), {
           key: 0,
           type: "info",
           variant: "soft",
           description: e(r)("page.editing-off")
         }, null, 8, ["description"])),
-        U.value || b.value.length > 0 ? (i(), S("div", ua, [
+        P.value || b.value.length > 0 ? (i(), S("div", ua, [
           u(e(Pe), {
-            modelValue: p.value,
-            "onUpdate:modelValue": k[0] || (k[0] = (A) => p.value = A),
+            modelValue: v.value,
+            "onUpdate:modelValue": B[0] || (B[0] = (D) => v.value = D),
             class: "wx-blocks-page__search",
             placeholder: e(r)("page.search"),
             clearable: ""
           }, null, 8, ["modelValue", "placeholder"])
-        ])) : P("", !0),
-        U.value ? (i(), N(e(We), { key: 2 }, {
-          template: c(() => [
-            B("div", ca, [
-              (i(), S(F, null, ee(4, (A) => B("div", {
-                key: A,
+        ])) : N("", !0),
+        P.value ? (i(), I(e(We), { key: 2 }, {
+          template: d(() => [
+            E("div", ca, [
+              (i(), S(j, null, ee(4, (D) => E("div", {
+                key: D,
                 class: "wx-blocks-page__ghost"
               }, [
-                u(e(je), {
+                u(e(Fe), {
                   variant: "image",
                   height: 120,
                   class: "wx-blocks-page__ghost-thumb"
                 }),
-                B("div", da, [
-                  u(e(je), {
+                E("div", da, [
+                  u(e(Fe), {
                     variant: "title",
                     width: "45%"
                   }),
-                  u(e(je), {
+                  u(e(Fe), {
                     variant: "text",
                     width: "70%"
                   }),
-                  u(e(je), {
+                  u(e(Fe), {
                     variant: "button",
                     width: "64px",
                     height: "22px"
@@ -2848,21 +2835,21 @@ const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
             ])
           ]),
           _: 1
-        })) : b.value.length === 0 ? (i(), N(e(Wt), {
+        })) : b.value.length === 0 ? (i(), I(e(Wt), {
           key: 3,
           icon: "grid",
           title: e(r)("page.empty"),
           description: e(r)("page.empty-help")
-        }, null, 8, ["title", "description"])) : (i(!0), S(F, { key: 4 }, ee(y.value, (A) => (i(), S("section", {
-          key: A.id,
+        }, null, 8, ["title", "description"])) : (i(!0), S(j, { key: 4 }, ee(y.value, (D) => (i(), S("section", {
+          key: D.id,
           class: "wx-blocks-page__group"
         }, [
-          A.label ? (i(), S("div", pa, _(A.label), 1)) : P("", !0),
-          B("div", va, [
-            (i(!0), S(F, null, ee(A.blocks, (j) => (i(), N(oa, {
-              key: j.id,
-              block: j,
-              onOpen: J
+          D.label ? (i(), S("div", pa, _(D.label), 1)) : N("", !0),
+          E("div", va, [
+            (i(!0), S(j, null, ee(D.blocks, (K) => (i(), I(oa, {
+              key: K.id,
+              block: K,
+              onOpen: q
             }, null, 8, ["block"]))), 128))
           ])
         ]))), 128))
@@ -2903,7 +2890,7 @@ export {
   dn as WxBlockEditorPage,
   _n as WxBlockPicker,
   zl as WxBlockStage,
-  jt as WxBlockThumb,
+  Ft as WxBlockThumb,
   ea as WxBlocks,
   ma as WxBlocksPage,
   $a as blocks,
@@ -2914,14 +2901,14 @@ export {
   Ae as createBlocksApi,
   It as findRange,
   st as formSchema,
-  lt as highlightBlock,
+  et as highlightBlock,
   kt as insertNode,
   Ut as isNode,
-  Xe as isNodeList,
-  jl as lintBlock,
+  Ze as isNodeList,
+  Fl as lintBlock,
   re as locate,
   Il as makeNode,
-  nt as newKey,
+  lt as newKey,
   _a as provideBlocksPreview,
   Dl as removeNode,
   Nt as replaceBlock,