@webx-ui/module-blocks 0.6.5 → 0.7.0

package/dist/index.js

@@ -1,29 +1,29 @@
-import { defineComponent as le, computed as S, openBlock as i, createElementBlock as $, createVNode as u, unref as e, createElementVNode as B, createTextVNode as W, toDisplayString as w, Fragment as j, createCommentVNode as N, renderList as Q, ref as P, onMounted as Pe, watch as ce, createBlock as I, withCtx as c, normalizeStyle as _e, reactive as Ge, onBeforeUnmount as tt, normalizeClass as xe, withDirectives as Ht, vShow as jt, resolveComponent as yt, isRef as wt, nextTick as Ft, withKeys as it, withModifiers as rt, provide as _t, inject as Fe, useModel as qt, getCurrentInstance as Jt, resolveDynamicComponent as Kt, mergeProps as Zt, mergeModels as Gt } from "vue";
-import { useRoute as Yt, useRouter as xt } from "vue-router";
-import { useTranslate as de, useAdmin as Ue, useErrorText as Me, WxDate as Qt, WxScreenHead as Xt, WxRenameButton as el, WxHelpButton as tl, WxRowMenu as ll, adminKey as nl, WxListScreen as al } from "@webx-ui/module-admin";
-import { WxIcon as he, WxSkeleton as We, WxText as F, WxBadge as re, WxButton as ue, confirm as Je, toast as q, useElementWidth as Ke, WxSegmented as $t, WxCard as Be, WxPopover as ol, WxAlert as St, WxTabs as sl, WxTab as Ee, WxCodeEditor as He, WxFormItem as te, WxInput as Ne, WxSelect as Tt, WxTextarea as il, WxIconPicker as rl, WxInputNumber as ut, WxTagsInput as ct, WxSwitch as ul, WxActionBar as cl, useModal as Ct, WxDialog as Vt, WxEmpty as Bt, WxAction as ze, WxSortableList as dl, createModal as Et, WxDrawer as pl, WxSpace as vl, WxSkeletonItem as je } from "@webx-ui/core";
-import { WxScreenRenderer as Wt, coreTypes as Ye } from "@webx-ui/schema";
-function Le(t) {
-  const l = `${t.apiPath}/blocks`, o = (n) => n.data;
+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 { 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";
+function Ae(t) {
+  const l = `${t.apiPath}/blocks`, o = (a) => a.data;
   return {
     list: () => t.http.get(l).then(o),
     catalog: () => t.http.get(`${l}/catalog`).then(o),
-    get: (n) => t.http.get(`${l}/${n}`).then(o),
-    create: (n) => t.http.post(l, n).then(o),
-    update: (n, s) => t.http.put(`${l}/${n}`, s).then(o),
-    remove: (n) => t.http.delete(`${l}/${n}`),
-    publish: (n) => t.http.post(`${l}/${n}/publish`, {}).then(o),
-    render: (n, s = {}) => t.http.post(`${l}/${n}/render`, s).then(o),
-    usage: (n) => t.http.get(`${l}/${n}/usage`).then(o),
-    versions: (n) => t.http.get(`${l}/${n}/versions`).then(o),
-    version: (n, s) => t.http.get(`${l}/${n}/versions/${s}`).then(o),
-    restore: (n, s) => t.http.post(`${l}/${n}/versions/${s}/restore`, {}).then(o)
+    get: (a) => t.http.get(`${l}/${a}`).then(o),
+    create: (a) => t.http.post(l, a).then(o),
+    update: (a, s) => t.http.put(`${l}/${a}`, s).then(o),
+    remove: (a) => t.http.delete(`${l}/${a}`),
+    publish: (a) => t.http.post(`${l}/${a}/publish`, {}).then(o),
+    render: (a, s = {}) => t.http.post(`${l}/${a}/render`, s).then(o),
+    usage: (a) => t.http.get(`${l}/${a}/usage`).then(o),
+    versions: (a) => t.http.get(`${l}/${a}/versions`).then(o),
+    version: (a, s) => t.http.get(`${l}/${a}/versions/${s}`).then(o),
+    restore: (a, s) => t.http.post(`${l}/${a}/versions/${s}/restore`, {}).then(o)
   };
 }
-const fl = { class: "wx-block-checks" }, ml = {
+const gl = { class: "wx-block-checks" }, kl = {
   key: 0,
   class: "wx-block-checks__line is-error"
-}, hl = /* @__PURE__ */ le({
+}, yl = /* @__PURE__ */ ae({
   __name: "BlockChecks",
   props: {
     file: {},
@@ -32,50 +32,50 @@ const fl = { class: "wx-block-checks" }, ml = {
     error: {}
   },
   setup(t) {
-    const l = t, o = de("webx-blocks"), n = S(() => l.lints.filter((r) => r.file === l.file)), s = S(() => {
-      const r = new Set(n.value.map((f) => f.code)), a = [];
-      return l.file === "template" && (r.has("no-marker") || a.push(o("checks.ok-marker")), r.has("variables-missing") || a.push(o("checks.ok-variables"))), l.file === "styles" && (r.has("stray-selectors") || a.push(o("checks.ok-prefix", { slug: l.slug })), r.has("bare-selectors") || a.push(o("checks.ok-bare")), r.has("media-query") || a.push(o("checks.ok-container"))), a;
+    const l = t, o = de("webx-blocks"), a = T(() => l.lints.filter((r) => r.file === l.file)), s = T(() => {
+      const r = new Set(a.value.map((b) => b.code)), n = [];
+      return l.file === "template" && (r.has("no-marker") || n.push(o("checks.ok-marker")), r.has("variables-missing") || n.push(o("checks.ok-variables"))), l.file === "styles" && (r.has("stray-selectors") || n.push(o("checks.ok-prefix", { slug: l.slug })), r.has("bare-selectors") || n.push(o("checks.ok-bare")), r.has("media-query") || n.push(o("checks.ok-container"))), n;
     });
-    return (r, a) => (i(), $("div", fl, [
-      t.error ? (i(), $("div", ml, [
-        u(e(he), { name: "close-circle" }),
+    return (r, n) => (i(), S("div", gl, [
+      t.error ? (i(), S("div", kl, [
+        u(e(ge), { name: "close-circle" }),
         B("span", null, [
-          W(w(t.error.message) + " ", 1),
-          t.error.line !== null ? (i(), $(j, { key: 0 }, [
-            W(" · " + w(e(o)("page.line", { line: t.error.line })), 1)
-          ], 64)) : N("", !0),
-          t.error.where ? (i(), $(j, { key: 1 }, [
-            W(" · " + w(t.error.where), 1)
-          ], 64)) : N("", !0)
+          W(_(t.error.message) + " ", 1),
+          t.error.line !== null ? (i(), S(F, { key: 0 }, [
+            W(" · " + _(e(o)("page.line", { line: t.error.line })), 1)
+          ], 64)) : P("", !0),
+          t.error.where ? (i(), S(F, { key: 1 }, [
+            W(" · " + _(t.error.where), 1)
+          ], 64)) : P("", !0)
         ])
-      ])) : N("", !0),
-      (i(!0), $(j, null, Q(n.value, (f) => (i(), $("div", {
-        key: f.code,
+      ])) : P("", !0),
+      (i(!0), S(F, null, ee(a.value, (b) => (i(), S("div", {
+        key: b.code,
         class: "wx-block-checks__line is-warning"
       }, [
-        u(e(he), { name: "warning" }),
+        u(e(ge), { name: "warning" }),
         B("span", null, [
-          W(w(f.message) + " ", 1),
-          f.line !== null ? (i(), $(j, { key: 0 }, [
-            W(" · " + w(e(o)("page.line", { line: f.line })), 1)
-          ], 64)) : N("", !0)
+          W(_(b.message) + " ", 1),
+          b.line !== null ? (i(), S(F, { key: 0 }, [
+            W(" · " + _(e(o)("page.line", { line: b.line })), 1)
+          ], 64)) : P("", !0)
         ])
       ]))), 128)),
-      (i(!0), $(j, null, Q(s.value, (f) => (i(), $("div", {
-        key: f,
+      (i(!0), S(F, null, ee(s.value, (b) => (i(), S("div", {
+        key: b,
         class: "wx-block-checks__line is-ok"
       }, [
-        u(e(he), { name: "check" }),
-        B("span", null, w(f), 1)
+        u(e(ge), { name: "check" }),
+        B("span", null, _(b), 1)
       ]))), 128))
     ]));
   }
-}), ne = (t, l) => {
+}), oe = (t, l) => {
   const o = t.__vccOpts || t;
-  for (const [n, s] of l)
-    o[n] = s;
+  for (const [a, s] of l)
+    o[a] = s;
   return o;
-}, dt = /* @__PURE__ */ ne(hl, [["__scopeId", "data-v-e56947a8"]]), bl = { class: "wx-block-history" }, gl = { class: "wx-block-history__number" }, kl = { class: "wx-block-history__who" }, yl = /* @__PURE__ */ le({
+}, vt = /* @__PURE__ */ oe(yl, [["__scopeId", "data-v-e56947a8"]]), wl = { class: "wx-block-history" }, _l = { class: "wx-block-history__number" }, xl = { class: "wx-block-history__who" }, $l = /* @__PURE__ */ ae({
   __name: "BlockHistory",
   props: {
     block: {},
@@ -83,166 +83,166 @@ const fl = { class: "wx-block-checks" }, ml = {
   },
   emits: ["restored"],
   setup(t, { emit: l }) {
-    const o = t, n = l, s = Ue(), r = Le(s), a = de("webx-blocks"), f = Me(), z = P(null);
-    async function v() {
-      z.value = await r.versions(o.block.id);
-    }
-    function d(m) {
-      return o.block.draft?.number === m.number ? "draft" : o.block.published?.number === m.number ? "live" : "replaced";
-    }
-    async function b(m) {
-      if (await Je({
-        title: a("page.restore-title", { number: m.number }),
-        message: a("page.restore-text"),
-        confirmText: a("page.restore"),
-        cancelText: a("page.cancel")
+    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);
+    }
+    function d(v) {
+      return o.block.draft?.number === v.number ? "draft" : o.block.published?.number === v.number ? "live" : "replaced";
+    }
+    async function m(v) {
+      if (await Ye({
+        title: n("page.restore-title", { number: v.number }),
+        message: n("page.restore-text"),
+        confirmText: n("page.restore"),
+        cancelText: n("page.cancel")
       }))
         try {
-          const T = await r.restore(o.block.id, m.number);
-          q.success(a("page.restored", { number: T.draft?.number ?? m.number })), n("restored", T), await v();
-        } catch (T) {
-          q.danger(f(T));
+          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();
+        } catch (C) {
+          Y.danger(b(C));
         }
     }
-    return Pe(v), ce(
+    return Ue(p), X(
       () => [o.block.draft?.number, o.block.published?.number],
       () => {
-        v();
+        p();
       }
-    ), (m, h) => (i(), $("div", bl, [
-      z.value === null ? (i(), I(e(We), {
+    ), (v, g) => (i(), S("div", wl, [
+      U.value === null ? (i(), N(e(We), {
         key: 0,
         class: "wx-block-history__ghost",
         rows: 3
-      })) : (i(!0), $(j, { key: 1 }, Q(z.value, (T) => (i(), $("div", {
-        key: T.number,
+      })) : (i(!0), S(F, { key: 1 }, ee(U.value, (C) => (i(), S("div", {
+        key: C.number,
         class: "wx-block-history__row"
       }, [
-        B("code", gl, w(e(a)("page.version", { number: T.number })), 1),
-        B("div", kl, [
-          u(e(F), null, {
+        B("code", _l, _(e(n)("page.version", { number: C.number })), 1),
+        B("div", xl, [
+          u(e(q), null, {
             default: c(() => [
-              W(w(e(a)(`page.version-${d(T)}`)), 1)
+              W(_(e(n)(`page.version-${d(C)}`)), 1)
             ]),
             _: 2
           }, 1024),
-          u(e(F), {
+          u(e(q), {
             size: "sm",
             tone: "muted"
           }, {
             default: c(() => [
-              T.created_at ? (i(), I(e(Qt), {
+              C.created_at ? (i(), N(e(ll), {
                 key: 0,
-                value: T.created_at
-              }, null, 8, ["value"])) : N("", !0),
-              W(" · " + w(T.author ?? e(a)(`page.source-${T.source}`)) + " ", 1),
-              T.comment ? (i(), $(j, { key: 1 }, [
-                W(" · " + w(T.comment), 1)
-              ], 64)) : N("", !0)
+                value: C.created_at
+              }, null, 8, ["value"])) : P("", !0),
+              W(" · " + _(C.author ?? e(n)(`page.source-${C.source}`)) + " ", 1),
+              C.comment ? (i(), S(F, { key: 1 }, [
+                W(" · " + _(C.comment), 1)
+              ], 64)) : P("", !0)
             ]),
             _: 2
           }, 1024)
         ]),
-        d(T) === "draft" ? (i(), I(e(re), {
+        d(C) === "draft" ? (i(), N(e(ue), {
           key: 0,
           type: "warning",
           dot: ""
         }, {
           default: c(() => [
-            W(w(e(a)("page.version-draft")), 1)
+            W(_(e(n)("page.version-draft")), 1)
           ]),
           _: 1
-        })) : d(T) === "live" ? (i(), I(e(re), {
+        })) : d(C) === "live" ? (i(), N(e(ue), {
           key: 1,
           type: "success",
           dot: ""
         }, {
           default: c(() => [
-            W(w(e(a)("page.version-live")), 1)
+            W(_(e(n)("page.version-live")), 1)
           ]),
           _: 1
-        })) : N("", !0),
-        t.canManage && d(T) === "replaced" ? (i(), I(e(ue), {
+        })) : P("", !0),
+        t.canManage && d(C) === "replaced" ? (i(), N(e(ce), {
           key: 2,
           size: "sm",
           variant: "outline",
-          onClick: (V) => b(T)
+          onClick: (V) => m(C)
         }, {
           default: c(() => [
-            W(w(e(a)("page.restore")), 1)
+            W(_(e(n)("page.restore")), 1)
           ]),
           _: 1
-        }, 8, ["onClick"])) : N("", !0)
+        }, 8, ["onClick"])) : P("", !0)
       ]))), 128))
     ]));
   }
-}), wl = /* @__PURE__ */ ne(yl, [["__scopeId", "data-v-42c6b7ad"]]), Ie = "wx-preview-selected", qe = "wx-preview-hover", pt = "wx-preview-style";
-function Lt(t, l) {
-  const n = (t.ownerDocument ?? t).createTreeWalker(
+}), Sl = /* @__PURE__ */ oe($l, [["__scopeId", "data-v-42c6b7ad"]]), Ne = "wx-preview-selected", Je = "wx-preview-hover", ft = "wx-preview-style";
+function It(t, l) {
+  const a = (t.ownerDocument ?? t).createTreeWalker(
     t,
     128
     /* NodeFilter.SHOW_COMMENT */
   );
   let s = null;
-  for (let r = n.nextNode(); r; r = n.nextNode()) {
-    const a = r.data.trim();
-    if (s === null && a === `wx:${l}`)
+  for (let r = a.nextNode(); r; r = a.nextNode()) {
+    const n = r.data.trim();
+    if (s === null && n === `wx:${l}`)
       s = r;
-    else if (s !== null && a === `/wx:${l}`)
+    else if (s !== null && n === `/wx:${l}`)
       return { start: s, end: r };
   }
   return null;
 }
-function _l(t, l, o) {
-  const n = Lt(t, l);
-  if (!n) return !1;
-  const s = n.start.parentNode;
+function Nt(t, l, o) {
+  const a = It(t, l);
+  if (!a) return !1;
+  const s = a.start.parentNode;
   if (!s) return !1;
   const r = t.createElement("template");
   r.innerHTML = o;
-  const a = n.end.nextSibling;
-  let f = n.start;
-  for (; f; ) {
-    const b = f.nextSibling, m = f === n.end;
-    if (s.removeChild(f), m) break;
-    f = b;
+  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 z = r.content, v = Array.from(z.childNodes);
-  s.insertBefore(z, a);
+  const U = r.content, p = Array.from(U.childNodes);
+  s.insertBefore(U, n);
   const d = t.defaultView?.webx;
   if (d?.mount)
-    for (const b of v)
-      b.nodeType === 1 && d.mount(b);
+    for (const m of p)
+      m.nodeType === 1 && d.mount(m);
   return !0;
 }
-function lt(t, l) {
-  const o = Lt(t, l);
+function Qe(t, l) {
+  const o = It(t, l);
   if (!o) return null;
-  for (let n = o.start.nextSibling; n && n !== o.end; n = n.nextSibling)
-    if (n.nodeType === 1) return n;
+  for (let a = o.start.nextSibling; a && a !== o.end; a = a.nextSibling)
+    if (a.nodeType === 1) return a;
   return null;
 }
-function Qe(t, l) {
-  nt(t);
-  for (const n of Array.from(t.querySelectorAll(`.${Ie}`)))
-    n.classList.remove(Ie);
+function lt(t, l) {
+  ot(t);
+  for (const a of Array.from(t.querySelectorAll(`.${Ne}`)))
+    a.classList.remove(Ne);
   if (l === null) return null;
-  const o = lt(t, l);
-  return o?.classList.add(Ie), o;
+  const o = Qe(t, l);
+  return o?.classList.add(Ne), o;
 }
-function vt(t, l) {
-  nt(t);
-  for (const o of Array.from(t.querySelectorAll(`.${qe}`)))
-    o.classList.remove(qe);
-  l !== null && lt(t, l)?.classList.add(qe);
+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);
 }
-function ft(t) {
+function ht(t) {
   let l = t?.nodeType === 1 ? t : t?.parentElement ?? null;
   for (; l; ) {
     let o = 0;
-    for (let n = l.previousSibling; n; n = n.previousSibling) {
-      if (n.nodeType !== 8) continue;
-      const s = n.data.trim();
+    for (let a = l.previousSibling; a; a = a.previousSibling) {
+      if (a.nodeType !== 8) continue;
+      const s = a.data.trim();
       if (s.startsWith("/wx:"))
         o += 1;
       else if (s.startsWith("wx:")) {
@@ -254,98 +254,159 @@ function ft(t) {
   }
   return null;
 }
-function xl(t, l) {
-  nt(t);
+function Tl(t, l) {
+  ot(t);
   let o = null;
-  function n(f) {
-    f.preventDefault(), f.stopPropagation();
-  }
-  function s(f) {
-    n(f), l.select(ft(f.target));
+  function a(n) {
+    be(n), l.select(ht(n.target));
   }
-  function r(f) {
-    const z = ft(f.target);
-    z !== o && (o = z, vt(t, z));
+  function s(n) {
+    const b = ht(n.target);
+    b !== o && (o = b, mt(t, b));
   }
-  function a() {
-    o = null, vt(t, null);
+  function r() {
+    o = null, mt(t, null);
   }
-  return t.addEventListener("click", s, !0), t.addEventListener("auxclick", n, !0), t.addEventListener("submit", n, !0), t.addEventListener("dragstart", n, !0), t.addEventListener("mousemove", r, !0), t.addEventListener("mouseleave", a), {
+  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), {
+    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);
+    }
+  };
+}
+function be(t) {
+  t.preventDefault(), t.stopPropagation();
+}
+function Cl(t) {
+  const l = ["click", "auxclick", "submit", "dragstart"];
+  for (const o of l) t.addEventListener(o, be, !0);
+  return {
     release() {
-      t.removeEventListener("click", s, !0), t.removeEventListener("auxclick", n, !0), t.removeEventListener("submit", n, !0), t.removeEventListener("dragstart", n, !0), t.removeEventListener("mousemove", r, !0), t.removeEventListener("mouseleave", a);
+      for (const o of l) t.removeEventListener(o, be, !0);
     }
   };
 }
-function nt(t) {
-  if (t.getElementById(pt)) return;
+const Ke = "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);
+}
+function El(t, l) {
+  const o = t.createElement("script");
+  o.textContent = l, t.body.appendChild(o);
+}
+function ot(t) {
+  if (t.getElementById(ft)) return;
   const l = t.createElement("style");
-  l.id = pt, l.textContent = `.${Ie}{outline:2px solid #427edd;outline-offset:-2px;}.${qe}:not(.${Ie}){outline:1px solid #427edd;outline-offset:-1px;cursor:pointer;}`, (t.head ?? t.documentElement).appendChild(l);
+  l.id = ft, l.textContent = `.${Ne}{outline:2px solid #427edd;outline-offset:-2px;}.${Je}:not(.${Ne}){outline:1px solid #427edd;outline-offset:-1px;cursor:pointer;}`, (t.head ?? t.documentElement).appendChild(l);
 }
-function At(t) {
-  const l = t.base ? `<base href="${mt(t.base)}">` : "", o = t.frame ? `<style>${t.frame}</style>` : "", n = t.script && t.runtime ? `<script src="${mt(t.runtime)}"><\/script><script>${t.script}<\/script>` : "";
-  return `<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">${l}<style>html,body{margin:0}body{container-type:inline-size}</style>${o}<style>${t.styles}</style></head><body>${t.html}${n}</body></html>`;
+function Pt(t) {
+  const l = t.base ? `<base href="${gt(t.base)}">` : "", o = t.frame ? `<style>${t.frame}</style>` : "", a = t.script && t.runtime ? `<script src="${gt(t.runtime)}"><\/script><script>${t.script}<\/script>` : "";
+  return `<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">${l}<style>html,body{margin:0}body{container-type:inline-size}</style>${o}<style>${t.styles}</style></head><body>${t.html}${a}</body></html>`;
 }
-function mt(t) {
+function gt(t) {
   return t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
 }
-const $l = { class: "wx-block-stage" }, Sl = { class: "wx-block-stage__bar" }, Tl = ["srcdoc", "title"], Cl = /* @__PURE__ */ le({
+const Bl = { class: "wx-block-stage" }, Ll = { class: "wx-block-stage__bar" }, Wl = ["src", "srcdoc", "title"], Al = /* @__PURE__ */ ae({
   __name: "BlockStage",
   props: {
     html: {},
     styles: {},
     script: { default: null },
     runtime: { default: null },
+    stage: { default: null },
     loading: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const l = t, o = de("webx-blocks"), n = S(() => [
+    const l = t, o = de("webx-blocks"), a = T(() => [
       { 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 = P(1280), r = P(null), a = P(null), f = Ke(r), z = P(360), v = P(!1);
-    ce([f, n], () => {
-      if (v.value || f.value === 0) return;
-      const p = n.value.find((k) => f.value / k.value >= 0.45);
-      s.value = (p ?? n.value[n.value.length - 1]).value;
+    ]), s = M(1280), r = M(null), n = M(null), b = Ze(r), U = M(360), p = M(!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;
     });
-    function d(p) {
-      v.value = !0, s.value = p;
+    function d(k) {
+      p.value = !0, s.value = k;
     }
-    const b = S(() => f.value === 0 ? 1 : Math.min(1, f.value / s.value)), m = S(
-      () => At({
+    const m = T(() => b.value === 0 ? 1 : Math.min(1, b.value / s.value)), v = T(
+      () => l.stage ? void 0 : Pt({
         html: l.html,
         styles: l.styles,
         script: l.script,
         runtime: l.runtime,
         base: typeof location > "u" ? null : location.origin + "/"
       })
+    ), g = M(0);
+    let C = null;
+    X(
+      () => l.script,
+      (k) => {
+        l.stage && k !== C && (g.value += 1);
+      }
     );
-    function h() {
-      const p = a.value?.contentDocument?.body;
-      p && (z.value = Math.max(120, p.scrollHeight));
+    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)));
     }
-    function T() {
-      h(), setTimeout(h, 300);
+    let x = null, f = null;
+    function y() {
+      x?.release(), x = null, f?.disconnect(), f = null;
     }
-    ce(s, () => setTimeout(h, 50)), ce(f, (p, k) => {
-      p > 0 && k === 0 && setTimeout(h, 50);
-    });
-    const V = S(() => ({
+    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 }));
+    }
+    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 K() {
+      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));
+    }
+    X(
+      () => [l.html, l.styles],
+      () => {
+        const k = n.value?.contentDocument;
+        l.stage && k?.body && x !== null && R(k);
+      }
+    ), 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(() => ({
       width: `${s.value}px`,
-      height: `${z.value}px`,
-      transform: `scale(${b.value})`
-    })), x = S(() => ({
-      width: `${Math.round(s.value * b.value)}px`,
-      height: `${Math.round(z.value * b.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`
     }));
-    return (p, k) => (i(), $("div", $l, [
-      B("div", Sl, [
-        u(e($t), {
+    return (k, A) => (i(), S("div", Bl, [
+      B("div", Ll, [
+        u(e(Ct), {
           "model-value": s.value,
-          options: n.value,
+          options: a.value,
           size: "sm",
           "aria-label": e(o)("page.width"),
-          "onUpdate:modelValue": k[0] || (k[0] = (R) => d(Number(R)))
+          "onUpdate:modelValue": A[0] || (A[0] = (j) => d(Number(j)))
         }, null, 8, ["model-value", "options", "aria-label"])
       ]),
       B("div", {
@@ -353,126 +414,128 @@ const $l = { class: "wx-block-stage" }, Sl = { class: "wx-block-stage__bar" }, T
         ref: r,
         class: "wx-block-stage__ground"
       }, [
-        t.loading && !t.html ? (i(), I(e(We), {
+        t.loading && !t.html ? (i(), N(e(We), {
           key: 0,
           rows: 3
-        })) : (i(), $("div", {
+        })) : (i(), S("div", {
           key: 1,
           class: "wx-block-stage__clip",
-          style: _e(x.value)
+          style: $e(E.value)
         }, [
-          B("iframe", {
+          (i(), S("iframe", {
             ref_key: "frame",
-            ref: a,
+            ref: n,
+            key: g.value,
             class: "wx-block-stage__frame",
-            srcdoc: m.value,
-            style: _e(V.value),
+            src: t.stage ?? void 0,
+            srcdoc: v.value,
+            style: $e(Z.value),
             sandbox: "allow-same-origin allow-scripts",
             title: e(o)("page.preview"),
-            onLoad: T
-          }, null, 44, Tl)
+            onLoad: K
+          }, null, 44, Wl))
         ], 4))
       ], 512)
     ]));
   }
-}), Vl = /* @__PURE__ */ ne(Cl, [["__scopeId", "data-v-f7b592c6"]]);
-function zt(t) {
+}), zl = /* @__PURE__ */ oe(Al, [["__scopeId", "data-v-443f8224"]]);
+function Ut(t) {
   return typeof t == "object" && t !== null && typeof t.type == "string" && t.type !== "";
 }
-function Ze(t) {
-  return Array.isArray(t) && t.length > 0 && t.every(zt);
+function Xe(t) {
+  return Array.isArray(t) && t.length > 0 && t.every(Ut);
 }
-function Xe() {
+function nt() {
   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 Bl(t, l = {}) {
-  return { key: Xe(), type: t, values: l };
+function Il(t, l = {}) {
+  return { key: nt(), type: t, values: l };
 }
-function ie(t, l) {
-  return It(t, l, null, null);
+function re(t, l) {
+  return Mt(t, l, null, null);
 }
-function It(t, l, o, n) {
+function Mt(t, l, o, a) {
   for (let s = 0; s < t.length; s++) {
     const r = t[s];
-    if (r.key === l) return { node: r, parent: o, field: n, list: t, index: s };
-    for (const [a, f] of Object.entries(r.values ?? {}))
-      if (Ze(f)) {
-        const z = It(f, l, r, a);
-        if (z) return z;
+    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;
       }
   }
   return null;
 }
-function De(t, l, o = 0, n = null) {
+function Oe(t, l, o = 0, a = null) {
   for (const s of t)
-    if (zt(s)) {
-      l(s, o, n);
+    if (Ut(s)) {
+      l(s, o, a);
       for (const r of Object.values(s.values ?? {}))
-        Ze(r) && De(r, l, o + 1, s);
+        Xe(r) && Oe(r, l, o + 1, s);
     }
 }
-function El(t, l) {
+function Nl(t, l) {
   let o = 0;
-  return De(t, (n) => {
-    n.type === l && o++;
+  return Oe(t, (a) => {
+    a.type === l && o++;
   }), o;
 }
-function Wl(t) {
+function Pl(t) {
   let l = 0;
   for (const o of Object.values(t.values ?? {}))
-    Ze(o) && De(o, () => l++);
+    Xe(o) && Oe(o, () => l++);
   return l;
 }
-function ma(t) {
+function wa(t) {
   const l = [];
-  return De(t, (o) => {
+  return Oe(t, (o) => {
     l.includes(o.type) || l.push(o.type);
   }), l;
 }
-function Nt(t) {
+function Dt(t) {
   const l = [];
   for (const o of t)
-    o.type === "wx-blocks" && l.push(o), o.children && l.push(...Nt(o.children));
+    o.type === "wx-blocks" && l.push(o), o.children && l.push(...Dt(o.children));
   return l;
 }
-function Pt(t) {
+function Ot(t) {
   const l = {};
-  for (const [o, n] of Object.entries(t.values ?? {}))
-    l[o] = Ze(n) ? n.map(Pt) : be(n);
-  return t.hidden === !0 ? { key: Xe(), type: t.type, hidden: !0, values: l } : { key: Xe(), type: t.type, values: 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 };
 }
-function Ll(t, l, o) {
-  const n = be(t), s = ie(n, l);
-  return s ? (o ? s.node.hidden = !0 : delete s.node.hidden, n) : t;
+function Ul(t, l, o) {
+  const a = ke(t), s = re(a, l);
+  return s ? (o ? s.node.hidden = !0 : delete s.node.hidden, a) : t;
 }
-function Al(t, l, o) {
+function Ml(t, l, o) {
   if (l === null) return t;
-  const n = ie(t, l);
-  if (!n || o === null) return null;
-  const s = n.node.values[o];
-  return Array.isArray(s) || (n.node.values[o] = []), n.node.values[o];
+  const a = re(t, l);
+  if (!a || o === null) return null;
+  const s = a.node.values[o];
+  return Array.isArray(s) || (a.node.values[o] = []), a.node.values[o];
 }
-function ht(t, l, o, n, s) {
-  const r = be(t), a = Al(r, l, o);
-  return a ? (a.splice(Math.max(0, Math.min(n, a.length)), 0, s), r) : t;
+function kt(t, l, o, a, s) {
+  const r = ke(t), n = Ml(r, l, o);
+  return n ? (n.splice(Math.max(0, Math.min(a, n.length)), 0, s), r) : t;
 }
-function zl(t, l) {
-  const o = be(t), n = ie(o, l);
-  return n ? (n.list.splice(n.index, 1), o) : t;
+function Dl(t, l) {
+  const o = ke(t), a = re(o, l);
+  return a ? (a.list.splice(a.index, 1), o) : t;
 }
-function Il(t, l, o) {
-  const n = be(t), s = ie(n, l);
-  return s ? (s.node.values = o, n) : t;
+function Ol(t, l, o) {
+  const a = ke(t), s = re(a, l);
+  return s ? (s.node.values = o, a) : t;
 }
-function Nl(t, l, o, n) {
-  if (l === null) return be(n);
-  const s = be(t), r = ie(s, l);
-  return !r || o === null ? t : (r.node.values[o] = be(n), s);
+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);
 }
-function be(t) {
+function ke(t) {
   return t === void 0 ? t : JSON.parse(JSON.stringify(t));
 }
-const Pl = {
+const Hl = {
   module: {
     title: "Blocks"
   },
@@ -628,20 +691,20 @@ const Pl = {
     "ok-container": "Width is decided by container queries.",
     "ok-variables": "Every variable of the template is a field of the schema."
   }
-}, bt = /* @__PURE__ */ new WeakSet();
-function Oe() {
+}, yt = /* @__PURE__ */ new WeakSet();
+function Re() {
   try {
-    const { i18n: t } = Ue();
-    bt.has(t) || (t.defaults("webx-blocks", Pl), bt.add(t));
+    const { i18n: t } = Me();
+    yt.has(t) || (t.defaults("webx-blocks", Hl), yt.add(t));
   } catch {
   }
 }
-const Ul = ["block", "entity", "loop", "__env", "errors", "app"];
-function Ml(t, l, o) {
-  const n = [];
-  /data-wx-block\s*=/.test(l.template) || n.push({ file: "template", code: "no-marker", line: null, message: o("checks.no-marker") });
-  const s = Dl(l.template, l.schema);
-  s.length > 0 && n.push({
+const Fl = ["block", "entity", "loop", "__env", "errors", "app"];
+function jl(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);
+  s.length > 0 && a.push({
     file: "template",
     code: "variables-missing",
     line: null,
@@ -649,109 +712,109 @@ function Ml(t, l, o) {
       variables: s.map((d) => `$${d}`).join(", ")
     })
   });
-  const r = [], a = [], f = `.b-${t}`;
-  for (const [d, b] of Ol(l.styles))
-    d.startsWith(f) || d.startsWith("&") || (/^[a-z][a-z0-9-]*/i.test(d) ? a.push([d, b]) : r.push([d, b]));
-  r.length > 0 && n.push({
+  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]));
+  r.length > 0 && a.push({
     file: "styles",
     code: "stray-selectors",
     line: r[0][1],
-    message: o("checks.stray-selectors", { slug: t, selectors: gt(r) })
-  }), a.length > 0 && n.push({
+    message: o("checks.stray-selectors", { slug: t, selectors: wt(r) })
+  }), n.length > 0 && a.push({
     file: "styles",
     code: "bare-selectors",
-    line: a[0][1],
-    message: o("checks.bare-selectors", { selectors: gt(a) })
+    line: n[0][1],
+    message: o("checks.bare-selectors", { selectors: wt(n) })
   });
-  const z = Mt(l.styles), v = /@media\b/.exec(z);
-  return v && n.push({
+  const U = Ht(l.styles), p = /@media\b/.exec(U);
+  return p && a.push({
     file: "styles",
     code: "media-query",
-    line: Dt(z, v.index),
+    line: Ft(U, p.index),
     message: o("checks.media-query")
-  }), n;
+  }), a;
 }
-function Ut(t) {
+function Rt(t) {
   const l = [];
   for (const o of t)
-    o.id && l.push(o.id), o.children && l.push(...Ut(o.children));
+    o.id && l.push(o.id), o.children && l.push(...Rt(o.children));
   return l;
 }
-function Dl(t, l) {
-  const o = /* @__PURE__ */ new Set([...Ut(l), ...Ul]);
+function ql(t, l) {
+  const o = /* @__PURE__ */ new Set([...Rt(l), ...Fl]);
   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))
     o.add(s[1]);
-  const n = [];
+  const a = [];
   for (const s of t.matchAll(/\$([a-zA-Z_]\w*)/g)) {
     const r = s[1];
-    !o.has(r) && !n.includes(r) && n.push(r);
+    !o.has(r) && !a.includes(r) && a.push(r);
   }
-  return n;
+  return a;
 }
-function Ol(t) {
-  const l = Mt(t), o = [];
-  for (const n of l.matchAll(/([^{};]+)\{/g)) {
-    const s = n[1], r = s.trim();
+function Jl(t) {
+  const l = Ht(t), o = [];
+  for (const a of l.matchAll(/([^{};]+)\{/g)) {
+    const s = a[1], r = s.trim();
     if (!(r === "" || r.startsWith("@")))
-      for (const a of s.split(",")) {
-        const f = a.trim();
-        f === "" || f === "from" || f === "to" || f.endsWith("%") || o.push([f, Dt(l, n.index + s.indexOf(f))]);
+      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))]);
       }
   }
   return o;
 }
-function Mt(t) {
+function Ht(t) {
   return t.replace(/\/\*[\s\S]*?\*\//g, (l) => l.replace(/[^\n]/g, " "));
 }
-function Dt(t, l) {
+function Ft(t, l) {
   return t.slice(0, Math.max(0, l)).split(`
 `).length;
 }
-function gt(t) {
+function wt(t) {
   const l = [...new Set(t.map(([o]) => o))];
   return l.slice(0, 3).join(", ") + (l.length > 3 ? ", …" : "");
 }
-function at(t) {
+function st(t) {
   return t.map((l) => ({
     ...l,
     name: l.name ?? l.id,
-    children: l.children ? at(l.children) : l.children
+    children: l.children ? st(l.children) : l.children
   }));
 }
-function et(t, l) {
+function at(t, l) {
   return t === 0 ? l("page.not-used") : t === 1 ? l("page.on-page") : l("page.on-pages", { count: t });
 }
-function Ae(t, l) {
-  const o = `groups.${t}`, n = l(o);
-  return n === o || n === `webx-blocks::${o}` ? t.charAt(0).toUpperCase() + t.slice(1) : n;
+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 Rl = { class: "wx-block-editor" }, Hl = { class: "wx-block-editor__split" }, jl = {
+const Kl = { class: "wx-block-editor" }, Yl = { class: "wx-block-editor__split" }, Gl = {
   type: "button",
   class: "wx-block-editor__uses"
-}, Fl = { class: "wx-block-editor__usage" }, ql = { class: "wx-block-editor__pane" }, Jl = {
+}, Zl = { class: "wx-block-editor__usage" }, Ql = { class: "wx-block-editor__pane" }, Xl = {
   key: 0,
   class: "wx-block-editor__pills"
-}, Kl = ["disabled", "onClick", "textContent"], Zl = { class: "wx-block-editor__pane" }, Gl = { class: "wx-block-editor__pane" }, Yl = { class: "wx-block-editor__note" }, Ql = { class: "wx-block-editor__split" }, Xl = { class: "wx-block-editor__pane" }, en = { class: "wx-block-editor__note" }, tn = { class: "wx-block-editor__settings" }, ln = {
+}, en = ["disabled", "onClick", "textContent"], tn = { class: "wx-block-editor__pane" }, ln = { class: "wx-block-editor__pane" }, nn = { class: "wx-block-editor__note" }, an = { class: "wx-block-editor__split" }, on = { class: "wx-block-editor__pane" }, sn = { class: "wx-block-editor__note" }, rn = { class: "wx-block-editor__settings" }, un = {
   key: 0,
   class: "is-wide wx-block-editor__danger"
-}, nn = /* @__PURE__ */ le({
+}, cn = /* @__PURE__ */ ae({
   __name: "BlockEditorPage",
   props: {
     base: { default: "/blocks" }
   },
   setup(t) {
-    const l = t, o = Ue(), n = Le(o), s = Yt(), r = xt();
-    Oe();
-    const a = de("webx-blocks"), f = Me(), z = S(() => Number(s.params.id)), v = P(null), d = P([]), b = P(!0), m = P(!1), h = P(!1), T = P("template"), V = S(() => {
-      const L = o.state.manifest?.modules.find((g) => g.id === "blocks")?.meta;
+    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;
       return {
-        groups: L?.groups ?? [],
-        editing: L?.editing ?? !0,
-        provides: L?.provides ?? []
+        groups: z?.groups ?? [],
+        editing: z?.editing ?? !0,
+        provides: z?.provides ?? []
       };
-    }), x = S(() => o.can("blocks.manage") && V.value.editing), p = Ge({
+    }), x = T(() => o.can("blocks.manage") && V.value.editing), f = et({
       slug: "",
       title: "",
       description: "",
@@ -762,193 +825,194 @@ const Rl = { class: "wx-block-editor" }, Hl = { class: "wx-block-editor__split"
       allowed_in: [],
       max_per_entity: null,
       is_enabled: !0
-    }), k = Ge({
+    }), y = et({
       schema: [],
       template: "",
       styles: "",
       script: null,
       sample: {}
-    }), R = P("[]"), J = P(null), K = P(""), ae = P({}), C = P(null), M = Ge({
+    }), R = M("[]"), J = M(null), K = M(""), Z = M({}), E = M(null), k = et({
       html: "",
       styles: "",
       script: null,
       runtime: null,
+      stage: null,
       loading: !1
-    }), O = S(() => JSON.stringify({ settings: p, content: k })), Z = S(() => K.value !== "" && O.value !== K.value), $e = S(() => Ml(p.slug, k, a)), pe = S(() => {
-      const L = [...V.value.groups];
-      return L.includes(p.group) || L.push(p.group), L.map((g) => ({ value: g, label: Ae(g, a) }));
-    }), oe = S({
-      get: () => k.sample,
-      set: (L) => {
-        k.sample = L;
+    }), 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) }));
+    }), se = T({
+      get: () => y.sample,
+      set: (z) => {
+        y.sample = z;
       }
-    }), we = S(() => Se(k.schema));
-    function Se(L) {
-      const g = [];
-      for (const _ of L)
-        _.type !== "wx-blocks" && !(_.children?.length && !_.name) && g.push(_.id), _.children && g.push(...Se(_.children));
-      return g;
-    }
-    function ge(L) {
-      v.value = L, Object.assign(p, {
-        slug: L.slug,
-        title: L.title,
-        description: L.description,
-        icon: L.icon,
-        group: L.group,
-        sort: L.sort,
-        allow: L.allow ?? [],
-        allowed_in: L.allowed_in ?? [],
-        max_per_entity: L.max_per_entity,
-        is_enabled: L.is_enabled
+    }), xe = T(() => Te(y.schema));
+    function Te(z) {
+      const h = [];
+      for (const $ of z)
+        $.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
       });
-      const g = L.content ?? {
+      const h = z.content ?? {
         schema: [],
         template: "",
         styles: "",
         script: null,
         sample: {}
       };
-      Object.assign(k, be(g)), R.value = JSON.stringify(g.schema, null, 2), J.value = null, K.value = O.value;
+      Object.assign(y, ke(h)), R.value = JSON.stringify(h.schema, null, 2), J.value = null, K.value = A.value;
     }
-    async function X() {
-      b.value = !0;
+    async function te() {
+      m.value = !0;
       try {
-        ge(await n.get(z.value)), d.value = await n.usage(z.value);
-      } catch (L) {
-        q.danger(f(L));
+        ye(await a.get(U.value)), d.value = await a.usage(U.value);
+      } catch (z) {
+        Y.danger(b(z));
       } finally {
-        b.value = !1;
+        m.value = !1;
       }
     }
-    function Te(L) {
-      R.value = L;
+    function Ce(z) {
+      R.value = z;
       try {
-        const g = JSON.parse(L);
-        if (!Array.isArray(g)) throw new Error("not a list");
-        k.schema = g, J.value = null;
-      } catch (g) {
-        J.value = a("page.schema-invalid", { error: g.message });
+        const h = JSON.parse(z);
+        if (!Array.isArray(h)) throw new Error("not a list");
+        y.schema = h, J.value = null;
+      } catch (h) {
+        J.value = n("page.schema-invalid", { error: h.message });
       }
     }
-    let ke, fe = 0;
-    function A() {
-      clearTimeout(ke), ke = setTimeout(() => {
-        D();
+    let we, me = 0;
+    function I() {
+      clearTimeout(we), we = setTimeout(() => {
+        O();
       }, 250);
     }
-    async function D() {
-      if (!v.value) return;
-      const L = ++fe;
-      M.loading = !0;
+    async function O() {
+      if (!p.value) return;
+      const z = ++me;
+      k.loading = !0;
       try {
-        const g = await n.render(v.value.id, {
-          values: k.sample,
+        const h = await a.render(p.value.id, {
+          values: y.sample,
           content: x.value ? {
-            template: k.template,
-            styles: k.styles,
-            script: k.script,
-            schema: k.schema
+            template: y.template,
+            styles: y.styles,
+            script: y.script,
+            schema: y.schema
           } : void 0
         });
-        if (L !== fe) return;
-        M.html = g.html, M.styles = g.styles, M.script = g.script, M.runtime = g.runtime;
-      } catch (g) {
-        L === fe && q.danger(f(g));
+        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;
+      } catch (h) {
+        z === me && Y.danger(b(h));
       } finally {
-        L === fe && (M.loading = !1);
+        z === me && (k.loading = !1);
       }
     }
-    ce(
-      () => [k.template, k.styles, k.script, k.schema, k.sample],
-      A,
+    X(
+      () => [y.template, y.styles, y.script, y.schema, y.sample],
+      I,
       { deep: !0 }
     );
-    const H = P(null);
-    function G(L) {
-      return `{{ $${L} }}`;
-    }
-    function ve(L) {
-      const _ = H.value?.view?.value;
-      if (!_) {
-        k.template += `{{ $${L} }}`;
+    const H = M(null);
+    function G(z) {
+      return `{{ $${z} }}`;
+    }
+    function fe(z) {
+      const $ = H.value?.view?.value;
+      if (!$) {
+        y.template += `{{ $${z} }}`;
         return;
       }
-      _.dispatch(_.state.replaceSelection(`{{ $${L} }}`)), _.focus();
+      $.dispatch($.state.replaceSelection(`{{ $${z} }}`)), $.focus();
     }
-    async function me() {
-      if (!v.value) return;
-      m.value = !0, ae.value = {}, C.value = null;
-      const L = v.value.draft?.number ?? null;
+    async function he() {
+      if (!p.value) return;
+      v.value = !0, Z.value = {}, E.value = null;
+      const z = p.value.draft?.number ?? null;
       try {
-        const g = await n.update(v.value.id, {
-          ...p,
-          allow: p.allow.length ? p.allow : null,
-          allowed_in: p.allowed_in.length ? p.allowed_in : null,
-          description: p.description || null,
-          icon: p.icon || null,
-          content: J.value ? { ...k, schema: void 0 } : k
+        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
         });
-        ge(g), q.success(
-          g.draft && g.draft.number !== L ? a("page.saved", { number: g.draft.number }) : a("page.unchanged")
+        ye(h), Y.success(
+          h.draft && h.draft.number !== z ? n("page.saved", { number: h.draft.number }) : n("page.unchanged")
         );
-      } catch (g) {
-        const _ = g.body;
-        _?.errors ? (ae.value = _.errors, q.danger(a("page.failed"))) : q.danger(f(g, a("page.failed")));
+      } catch (h) {
+        const $ = h.body;
+        $?.errors ? (Z.value = $.errors, Y.danger(n("page.failed"))) : Y.danger(b(h, n("page.failed")));
       } finally {
-        m.value = !1;
+        v.value = !1;
       }
     }
-    async function se() {
-      if (!(!v.value?.draft || (Z.value && await me(), !v.value.draft) || !await Je({
-        title: a("page.publish-title", { number: v.value.draft.number }),
-        message: a("page.publish-text", { count: v.value.usage_count }),
-        confirmText: a("page.publish"),
-        cancelText: a("page.cancel")
+    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 }),
+        confirmText: n("page.publish"),
+        cancelText: n("page.cancel")
       }))) {
-        h.value = !0, C.value = null;
+        g.value = !0, E.value = null;
         try {
-          ge(await n.publish(v.value.id)), q.success(a("page.published", { number: v.value.published?.number ?? 0 }));
-        } catch (g) {
-          const _ = g.body;
-          _?.errors ? (C.value = _, T.value = "template", q.danger(a("page.publish-failed"))) : q.danger(f(g, a("page.publish-failed")));
+          ye(await a.publish(p.value.id)), Y.success(n("page.published", { number: p.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")));
         } finally {
-          h.value = !1;
+          g.value = !1;
         }
       }
     }
-    async function ye() {
-      if (!(!v.value || !await Je({
-        title: a("page.delete-title", { title: v.value.title }),
-        message: a("page.delete-text"),
-        confirmText: a("page.delete"),
-        cancelText: a("page.cancel"),
+    async function _e() {
+      if (!(!p.value || !await Ye({
+        title: n("page.delete-title", { title: p.value.title }),
+        message: n("page.delete-text"),
+        confirmText: n("page.delete"),
+        cancelText: n("page.cancel"),
         tone: "danger"
       })))
         try {
-          await n.remove(v.value.id), q.success(a("page.deleted")), r.push(l.base);
-        } catch (g) {
-          q.danger(f(g));
+          await a.remove(p.value.id), Y.success(n("page.deleted")), r.push(l.base);
+        } catch (h) {
+          Y.danger(b(h));
         }
     }
-    const Ce = S(
-      () => C.value ? {
-        message: C.value.errors.template?.[0] ?? C.value.message,
-        line: C.value.line,
-        where: C.value.entity ? a("page.failed-on", {
-          title: C.value.entity.title ?? `#${C.value.entity.id}`
+    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}`
         }) : null
       } : null
-    ), Ve = S(() => T.value === "template" || T.value === "styles"), y = S(() => [
+    ), Ee = T(() => C.value === "template" || C.value === "styles"), w = T(() => [
       {
-        title: a("page.example-handler"),
+        title: n("page.example-handler"),
         code: `el.querySelector('.b-hero__button')?.addEventListener('click', (event) => {
   event.preventDefault()
   el.classList.toggle('is-open')
 })`
       },
       {
-        title: a("page.example-values"),
+        title: n("page.example-values"),
         /* The one thing the sentence above the examples does not say: values reach the script
            only through the attribute, and a template that never prints it hands over `{}`. */
         code: `// <section data-wx-values="{{ json_encode($block->values) }}">
@@ -957,50 +1021,50 @@ const seconds = Number(values.delay ?? 5)
 setInterval(() => el.classList.toggle('is-second'), seconds * 1000)`
       },
       {
-        title: a("page.example-provided"),
+        title: n("page.example-provided"),
         code: `const Swiper = await webx.use('swiper')
 
 new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       }
-    ]), E = S(() => d.value.slice(0, 5));
-    function U(L) {
-      return ae.value[L]?.[0];
-    }
-    function Y(L) {
-      Z.value && L.preventDefault();
-    }
-    Pe(() => {
-      X(), window.addEventListener("beforeunload", Y);
-    }), tt(() => {
-      clearTimeout(ke), window.removeEventListener("beforeunload", Y);
-    }), ce(z, () => {
-      X();
+    ]), L = T(() => d.value.slice(0, 5));
+    function D(z) {
+      return Z.value[z]?.[0];
+    }
+    function Q(z) {
+      j.value && z.preventDefault();
+    }
+    Ue(() => {
+      te(), window.addEventListener("beforeunload", Q);
+    }), Ge(() => {
+      clearTimeout(we), window.removeEventListener("beforeunload", Q);
+    }), X(U, () => {
+      te();
     });
-    const ee = S(
+    const le = T(
       () => x.value ? [
-        { key: "save", label: a("page.save"), loading: m.value, run: () => {
-          me();
+        { key: "save", label: n("page.save"), loading: v.value, run: () => {
+          he();
         } },
         {
           key: "publish",
-          label: a("page.publish"),
+          label: n("page.publish"),
           primary: !0,
-          loading: h.value,
-          disabled: !v.value?.draft && !Z.value,
+          loading: g.value,
+          disabled: !p.value?.draft && !j.value,
           run: () => {
-            se();
+            ie();
           }
         }
       ] : []
     );
-    return (L, g) => (i(), $("div", Rl, [
-      b.value || !v.value ? (i(), $(j, { key: 0 }, [
+    return (z, h) => (i(), S("div", Kl, [
+      m.value || !p.value ? (i(), S(F, { key: 0 }, [
         u(e(We), {
           class: "wx-block-editor__ghost-head",
           title: "",
           rows: 1
         }),
-        B("div", Hl, [
+        B("div", Yl, [
           u(e(Be), null, {
             default: c(() => [
               u(e(We), { rows: 8 })
@@ -1014,222 +1078,222 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
             _: 1
           })
         ])
-      ], 64)) : (i(), $(j, { key: 1 }, [
-        u(e(Xt), {
-          title: p.title,
+      ], 64)) : (i(), S(F, { key: 1 }, [
+        u(e(nl), {
+          title: f.title,
           back: t.base,
-          "back-label": e(a)("page.back"),
-          actions: ee.value
+          "back-label": e(n)("page.back"),
+          actions: le.value
         }, {
           "title-after": c(() => [
-            x.value ? (i(), I(e(el), {
+            x.value ? (i(), N(e(al), {
               key: 0,
-              name: p.title,
-              placeholder: e(a)("page.title"),
-              onRename: g[0] || (g[0] = (_) => p.title = _)
-            }, null, 8, ["name", "placeholder"])) : N("", !0),
-            Z.value ? (i(), I(e(re), {
+              name: f.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), {
               key: 1,
               type: "primary",
               dot: ""
             }, {
               default: c(() => [
-                W(w(e(a)("page.unsaved")), 1)
+                W(_(e(n)("page.unsaved")), 1)
               ]),
               _: 1
-            })) : N("", !0),
-            v.value.draft ? (i(), I(e(re), {
+            })) : P("", !0),
+            p.value.draft ? (i(), N(e(ue), {
               key: 2,
               type: "warning",
               dot: ""
             }, {
               default: c(() => [
-                W(w(e(a)("page.draft", { number: v.value.draft.number })), 1)
+                W(_(e(n)("page.draft", { number: p.value.draft.number })), 1)
               ]),
               _: 1
-            })) : N("", !0),
-            v.value.published ? (i(), I(e(re), {
+            })) : P("", !0),
+            p.value.published ? (i(), N(e(ue), {
               key: 3,
               type: "success",
               dot: ""
             }, {
               default: c(() => [
-                W(w(e(a)("page.live", { number: v.value.published.number })), 1)
+                W(_(e(n)("page.live", { number: p.value.published.number })), 1)
               ]),
               _: 1
-            })) : (i(), I(e(re), {
+            })) : (i(), N(e(ue), {
               key: 4,
               type: "default"
             }, {
               default: c(() => [
-                W(w(e(a)("page.never-published")), 1)
+                W(_(e(n)("page.never-published")), 1)
               ]),
               _: 1
             }))
           ]),
           subtitle: c(() => [
-            B("code", null, w(p.slug), 1),
-            W(" · " + w(e(Ae)(p.group, e(a))) + " · ", 1),
-            v.value.usage_count > 0 ? (i(), I(e(ol), {
+            B("code", null, _(f.slug), 1),
+            W(" · " + _(e(ze)(f.group, e(n))) + " · ", 1),
+            p.value.usage_count > 0 ? (i(), N(e(ul), {
               key: 0,
-              title: e(a)("page.usage"),
+              title: e(n)("page.usage"),
               width: 260,
               align: "start"
             }, {
               trigger: c(() => [
-                B("button", jl, w(e(et)(v.value.usage_count, e(a))), 1)
+                B("button", Gl, _(e(at)(p.value.usage_count, e(n))), 1)
               ]),
               default: c(() => [
-                B("div", Fl, [
-                  (i(!0), $(j, null, Q(E.value, (_) => (i(), $("div", {
-                    key: `${_.model}:${_.id}`,
+                B("div", Zl, [
+                  (i(!0), S(F, null, ee(L.value, ($) => (i(), S("div", {
+                    key: `${$.model}:${$.id}`,
                     class: "wx-block-editor__use"
                   }, [
-                    B("span", null, w(_.title ?? `#${_.id}`), 1),
-                    _.published ? N("", !0) : (i(), I(e(re), {
+                    B("span", null, _($.title ?? `#${$.id}`), 1),
+                    $.published ? P("", !0) : (i(), N(e(ue), {
                       key: 0,
                       type: "warning",
                       size: "sm"
                     }, {
                       default: c(() => [
-                        W(w(e(a)("page.unpublished-page")), 1)
+                        W(_(e(n)("page.unpublished-page")), 1)
                       ]),
                       _: 1
                     }))
                   ]))), 128)),
-                  d.value.length > E.value.length ? (i(), I(e(F), {
+                  d.value.length > L.value.length ? (i(), N(e(q), {
                     key: 0,
                     size: "sm",
                     tone: "muted"
                   }, {
                     default: c(() => [
-                      W(w(e(a)("page.usage-more", { count: d.value.length - E.value.length })), 1)
+                      W(_(e(n)("page.usage-more", { count: d.value.length - L.value.length })), 1)
                     ]),
                     _: 1
-                  })) : N("", !0)
+                  })) : P("", !0)
                 ])
               ]),
               _: 1
-            }, 8, ["title"])) : (i(), $(j, { key: 1 }, [
-              W(w(e(et)(v.value.usage_count, e(a))), 1)
+            }, 8, ["title"])) : (i(), S(F, { key: 1 }, [
+              W(_(e(at)(p.value.usage_count, e(n))), 1)
             ], 64))
           ]),
           _: 1
         }, 8, ["title", "back", "back-label", "actions"]),
-        V.value.editing ? N("", !0) : (i(), I(e(St), {
+        V.value.editing ? P("", !0) : (i(), N(e(Vt), {
           key: 0,
           type: "info",
           variant: "soft",
-          description: e(a)("page.editing-off")
+          description: e(n)("page.editing-off")
         }, null, 8, ["description"])),
         B("div", {
-          class: xe(["wx-block-editor__columns", { "is-alone": !Ve.value }])
+          class: Se(["wx-block-editor__columns", { "is-alone": !Ee.value }])
         }, [
-          u(e(sl), {
-            modelValue: T.value,
-            "onUpdate:modelValue": g[14] || (g[14] = (_) => T.value = _),
+          u(e(cl), {
+            modelValue: C.value,
+            "onUpdate:modelValue": h[14] || (h[14] = ($) => C.value = $),
             "keep-alive": ""
           }, {
             default: c(() => [
-              u(e(Ee), {
+              u(e(Le), {
                 value: "template",
-                label: e(a)("page.tab-template")
+                label: e(n)("page.tab-template")
               }, {
                 default: c(() => [
-                  B("div", ql, [
-                    u(e(He), {
+                  B("div", Ql, [
+                    u(e(Fe), {
                       ref_key: "templateEditor",
                       ref: H,
-                      modelValue: k.template,
-                      "onUpdate:modelValue": g[1] || (g[1] = (_) => k.template = _),
+                      modelValue: y.template,
+                      "onUpdate:modelValue": h[1] || (h[1] = ($) => y.template = $),
                       language: "php",
                       readonly: !x.value,
                       "min-height": "340px",
                       "max-height": "70vh",
                       "line-wrapping": ""
                     }, null, 8, ["modelValue", "readonly"]),
-                    we.value.length ? (i(), $("div", Jl, [
-                      u(e(F), {
+                    xe.value.length ? (i(), S("div", Xl, [
+                      u(e(q), {
                         size: "sm",
                         tone: "muted"
                       }, {
                         default: c(() => [
-                          W(w(e(a)("page.insert-field")), 1)
+                          W(_(e(n)("page.insert-field")), 1)
                         ]),
                         _: 1
                       }),
-                      (i(!0), $(j, null, Q(we.value, (_) => (i(), $("button", {
-                        key: _,
+                      (i(!0), S(F, null, ee(xe.value, ($) => (i(), S("button", {
+                        key: $,
                         type: "button",
                         class: "wx-block-editor__pill",
                         disabled: !x.value,
-                        onClick: (Re) => ve(_),
-                        textContent: w(G(_))
-                      }, null, 8, Kl))), 128))
-                    ])) : N("", !0),
-                    u(dt, {
+                        onClick: (He) => fe($),
+                        textContent: _(G($))
+                      }, null, 8, en))), 128))
+                    ])) : P("", !0),
+                    u(vt, {
                       file: "template",
-                      lints: $e.value,
-                      slug: p.slug,
-                      error: Ce.value
+                      lints: pe.value,
+                      slug: f.slug,
+                      error: Ve.value
                     }, null, 8, ["lints", "slug", "error"])
                   ])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              u(e(Ee), {
+              u(e(Le), {
                 value: "styles",
-                label: e(a)("page.tab-styles")
+                label: e(n)("page.tab-styles")
               }, {
                 default: c(() => [
-                  B("div", Zl, [
-                    u(e(He), {
-                      modelValue: k.styles,
-                      "onUpdate:modelValue": g[2] || (g[2] = (_) => k.styles = _),
+                  B("div", tn, [
+                    u(e(Fe), {
+                      modelValue: y.styles,
+                      "onUpdate:modelValue": h[2] || (h[2] = ($) => y.styles = $),
                       language: "css",
                       readonly: !x.value,
                       "min-height": "340px",
                       "max-height": "70vh"
                     }, null, 8, ["modelValue", "readonly"]),
-                    u(dt, {
+                    u(vt, {
                       file: "styles",
-                      lints: $e.value,
-                      slug: p.slug
+                      lints: pe.value,
+                      slug: f.slug
                     }, null, 8, ["lints", "slug"])
                   ])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              u(e(Ee), {
+              u(e(Le), {
                 value: "script",
-                label: e(a)("page.tab-script")
+                label: e(n)("page.tab-script")
               }, {
                 default: c(() => [
-                  B("div", Gl, [
-                    u(e(He), {
-                      "model-value": k.script ?? "",
+                  B("div", ln, [
+                    u(e(Fe), {
+                      "model-value": y.script ?? "",
                       language: "javascript",
                       readonly: !x.value,
                       "min-height": "340px",
                       "max-height": "70vh",
-                      "onUpdate:modelValue": g[3] || (g[3] = (_) => k.script = _ || null)
+                      "onUpdate:modelValue": h[3] || (h[3] = ($) => y.script = $ || null)
                     }, null, 8, ["model-value", "readonly"]),
-                    B("div", Yl, [
-                      u(e(F), {
+                    B("div", nn, [
+                      u(e(q), {
                         size: "sm",
                         tone: "muted"
                       }, {
                         default: c(() => [
-                          W(w(e(a)("page.script-help")), 1)
+                          W(_(e(n)("page.script-help")), 1)
                         ]),
                         _: 1
                       }),
-                      u(e(F), {
+                      u(e(q), {
                         size: "sm",
                         tone: "muted"
                       }, {
                         default: c(() => [
-                          W(w(V.value.provides.length ? e(a)("page.provides", { names: V.value.provides.join(", ") }) : e(a)("page.provides-none")), 1)
+                          W(_(V.value.provides.length ? e(n)("page.provides", { names: V.value.provides.join(", ") }) : e(n)("page.provides-none")), 1)
                         ]),
                         _: 1
                       })
@@ -1237,24 +1301,24 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                   ]),
                   u(e(Be), {
                     class: "wx-block-editor__examples",
-                    title: e(a)("page.examples")
+                    title: e(n)("page.examples")
                   }, {
                     default: c(() => [
-                      (i(!0), $(j, null, Q(y.value, (_) => (i(), $("div", {
-                        key: _.title,
+                      (i(!0), S(F, null, ee(w.value, ($) => (i(), S("div", {
+                        key: $.title,
                         class: "wx-block-editor__example"
                       }, [
-                        u(e(F), {
+                        u(e(q), {
                           size: "sm",
                           tone: "muted"
                         }, {
                           default: c(() => [
-                            W(w(_.title), 1)
+                            W(_($.title), 1)
                           ]),
                           _: 2
                         }, 1024),
                         B("pre", null, [
-                          B("code", null, w(_.code), 1)
+                          B("code", null, _($.code), 1)
                         ])
                       ]))), 128))
                     ]),
@@ -1263,73 +1327,73 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 ]),
                 _: 1
               }, 8, ["label"]),
-              u(e(Ee), {
+              u(e(Le), {
                 value: "fields",
-                label: e(a)("page.tab-fields")
+                label: e(n)("page.tab-fields")
               }, {
                 default: c(() => [
-                  B("div", Ql, [
-                    B("div", Xl, [
-                      u(e(He), {
+                  B("div", an, [
+                    B("div", on, [
+                      u(e(Fe), {
                         "model-value": R.value,
                         language: "json",
                         lint: "",
                         readonly: !x.value,
                         "min-height": "340px",
                         "max-height": "70vh",
-                        "onUpdate:modelValue": Te
+                        "onUpdate:modelValue": Ce
                       }, null, 8, ["model-value", "readonly"]),
-                      B("div", en, [
-                        J.value ? (i(), I(e(F), {
+                      B("div", sn, [
+                        J.value ? (i(), N(e(q), {
                           key: 0,
                           size: "sm",
                           tone: "danger"
                         }, {
                           default: c(() => [
-                            W(w(J.value), 1)
+                            W(_(J.value), 1)
                           ]),
                           _: 1
-                        })) : U("content.schema") ? (i(), I(e(F), {
+                        })) : D("content.schema") ? (i(), N(e(q), {
                           key: 1,
                           size: "sm",
                           tone: "danger"
                         }, {
                           default: c(() => [
-                            W(w(U("content.schema")), 1)
+                            W(_(D("content.schema")), 1)
                           ]),
                           _: 1
-                        })) : (i(), I(e(F), {
+                        })) : (i(), N(e(q), {
                           key: 2,
                           size: "sm",
                           tone: "muted"
                         }, {
                           default: c(() => [
-                            W(w(e(a)("page.fields-help")), 1)
+                            W(_(e(n)("page.fields-help")), 1)
                           ]),
                           _: 1
                         })),
-                        u(e(tl), {
-                          title: e(a)("help.schema-title"),
-                          body: e(a)("help.schema")
+                        u(e(ol), {
+                          title: e(n)("help.schema-title"),
+                          body: e(n)("help.schema")
                         }, null, 8, ["title", "body"])
                       ])
                     ]),
                     u(e(Be), {
                       class: "wx-block-editor__sample",
-                      title: e(a)("page.sample")
+                      title: e(n)("page.sample")
                     }, {
                       default: c(() => [
-                        k.schema.length ? (i(), I(e(Wt), {
+                        y.schema.length ? (i(), N(e(zt), {
                           key: 0,
-                          modelValue: oe.value,
-                          "onUpdate:modelValue": g[4] || (g[4] = (_) => oe.value = _),
-                          root: e(at)(k.schema),
+                          modelValue: se.value,
+                          "onUpdate:modelValue": h[4] || (h[4] = ($) => se.value = $),
+                          root: e(st)(y.schema),
                           types: e(o).types,
                           translate: e(o).i18n.t,
                           can: e(o).can,
                           disabled: !x.value,
                           size: "sm"
-                        }, null, 8, ["modelValue", "root", "types", "translate", "can", "disabled"])) : N("", !0)
+                        }, null, 8, ["modelValue", "root", "types", "translate", "can", "disabled"])) : P("", !0)
                       ]),
                       _: 1
                     }, 8, ["title"])
@@ -1337,173 +1401,173 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 ]),
                 _: 1
               }, 8, ["label"]),
-              u(e(Ee), {
+              u(e(Le), {
                 value: "settings",
-                label: e(a)("page.tab-settings")
+                label: e(n)("page.tab-settings")
               }, {
                 default: c(() => [
                   u(e(Be), { class: "wx-block-editor__sheet" }, {
                     default: c(() => [
-                      B("div", tn, [
-                        u(e(te), {
-                          label: e(a)("page.identifier"),
-                          help: e(a)("page.identifier-help"),
-                          error: U("slug"),
+                      B("div", rn, [
+                        u(e(ne), {
+                          label: e(n)("page.identifier"),
+                          help: e(n)("page.identifier-help"),
+                          error: D("slug"),
                           disabled: !x.value
                         }, {
                           default: c(() => [
-                            u(e(Ne), {
-                              modelValue: p.slug,
-                              "onUpdate:modelValue": g[5] || (g[5] = (_) => p.slug = _)
+                            u(e(Pe), {
+                              modelValue: f.slug,
+                              "onUpdate:modelValue": h[5] || (h[5] = ($) => f.slug = $)
                             }, null, 8, ["modelValue"])
                           ]),
                           _: 1
                         }, 8, ["label", "help", "error", "disabled"]),
-                        u(e(te), {
-                          label: e(a)("page.group"),
-                          help: e(a)("page.group-help"),
-                          error: U("group"),
+                        u(e(ne), {
+                          label: e(n)("page.group"),
+                          help: e(n)("page.group-help"),
+                          error: D("group"),
                           disabled: !x.value
                         }, {
                           default: c(() => [
-                            u(e(Tt), {
-                              modelValue: p.group,
-                              "onUpdate:modelValue": g[6] || (g[6] = (_) => p.group = _),
-                              options: pe.value
+                            u(e(Et), {
+                              modelValue: f.group,
+                              "onUpdate:modelValue": h[6] || (h[6] = ($) => f.group = $),
+                              options: ve.value
                             }, null, 8, ["modelValue", "options"])
                           ]),
                           _: 1
                         }, 8, ["label", "help", "error", "disabled"]),
-                        u(e(te), {
+                        u(e(ne), {
                           class: "is-wide",
-                          label: e(a)("page.description"),
-                          help: e(a)("page.description-help"),
-                          error: U("description"),
+                          label: e(n)("page.description"),
+                          help: e(n)("page.description-help"),
+                          error: D("description"),
                           disabled: !x.value
                         }, {
                           default: c(() => [
-                            u(e(il), {
-                              "model-value": p.description ?? "",
+                            u(e(dl), {
+                              "model-value": f.description ?? "",
                               rows: 2,
-                              "onUpdate:modelValue": g[7] || (g[7] = (_) => p.description = String(_ ?? ""))
+                              "onUpdate:modelValue": h[7] || (h[7] = ($) => f.description = String($ ?? ""))
                             }, null, 8, ["model-value"])
                           ]),
                           _: 1
                         }, 8, ["label", "help", "error", "disabled"]),
-                        u(e(te), {
-                          label: e(a)("page.icon"),
-                          error: U("icon"),
+                        u(e(ne), {
+                          label: e(n)("page.icon"),
+                          error: D("icon"),
                           disabled: !x.value
                         }, {
                           default: c(() => [
-                            u(e(rl), {
-                              "model-value": p.icon,
+                            u(e(pl), {
+                              "model-value": f.icon,
                               clearable: "",
-                              placeholder: e(a)("page.icon-search"),
-                              "empty-text": e(a)("page.icon-none"),
-                              "unknown-text": e(a)("page.icon-unknown"),
-                              "clear-label": e(a)("page.icon-clear"),
-                              "onUpdate:modelValue": g[8] || (g[8] = (_) => p.icon = _)
+                              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 = $)
                             }, null, 8, ["model-value", "placeholder", "empty-text", "unknown-text", "clear-label"])
                           ]),
                           _: 1
                         }, 8, ["label", "error", "disabled"]),
-                        u(e(te), {
-                          label: e(a)("page.sort"),
-                          help: e(a)("page.sort-help"),
-                          error: U("sort"),
+                        u(e(ne), {
+                          label: e(n)("page.sort"),
+                          help: e(n)("page.sort-help"),
+                          error: D("sort"),
                           disabled: !x.value
                         }, {
                           default: c(() => [
-                            u(e(ut), {
-                              modelValue: p.sort,
-                              "onUpdate:modelValue": g[9] || (g[9] = (_) => p.sort = _)
+                            u(e(dt), {
+                              modelValue: f.sort,
+                              "onUpdate:modelValue": h[9] || (h[9] = ($) => f.sort = $)
                             }, null, 8, ["modelValue"])
                           ]),
                           _: 1
                         }, 8, ["label", "help", "error", "disabled"]),
-                        u(e(te), {
-                          label: e(a)("page.allow"),
-                          help: e(a)("page.allow-help"),
-                          error: U("allow"),
+                        u(e(ne), {
+                          label: e(n)("page.allow"),
+                          help: e(n)("page.allow-help"),
+                          error: D("allow"),
                           disabled: !x.value
                         }, {
                           default: c(() => [
-                            u(e(ct), {
-                              modelValue: p.allow,
-                              "onUpdate:modelValue": g[10] || (g[10] = (_) => p.allow = _),
+                            u(e(pt), {
+                              modelValue: f.allow,
+                              "onUpdate:modelValue": h[10] || (h[10] = ($) => f.allow = $),
                               "allow-create": ""
                             }, null, 8, ["modelValue"])
                           ]),
                           _: 1
                         }, 8, ["label", "help", "error", "disabled"]),
-                        u(e(te), {
-                          label: e(a)("page.allowed-in"),
-                          help: e(a)("page.allowed-in-help"),
-                          error: U("allowed_in"),
+                        u(e(ne), {
+                          label: e(n)("page.allowed-in"),
+                          help: e(n)("page.allowed-in-help"),
+                          error: D("allowed_in"),
                           disabled: !x.value
                         }, {
                           default: c(() => [
-                            u(e(ct), {
-                              modelValue: p.allowed_in,
-                              "onUpdate:modelValue": g[11] || (g[11] = (_) => p.allowed_in = _),
+                            u(e(pt), {
+                              modelValue: f.allowed_in,
+                              "onUpdate:modelValue": h[11] || (h[11] = ($) => f.allowed_in = $),
                               "allow-create": "",
                               suggestions: ["root"]
                             }, null, 8, ["modelValue"])
                           ]),
                           _: 1
                         }, 8, ["label", "help", "error", "disabled"]),
-                        u(e(te), {
-                          label: e(a)("page.max-per-entity"),
-                          help: e(a)("page.max-per-entity-help"),
-                          error: U("max_per_entity"),
+                        u(e(ne), {
+                          label: e(n)("page.max-per-entity"),
+                          help: e(n)("page.max-per-entity-help"),
+                          error: D("max_per_entity"),
                           disabled: !x.value
                         }, {
                           default: c(() => [
-                            u(e(ut), {
-                              "model-value": p.max_per_entity ?? void 0,
+                            u(e(dt), {
+                              "model-value": f.max_per_entity ?? void 0,
                               min: 1,
-                              "onUpdate:modelValue": g[12] || (g[12] = (_) => p.max_per_entity = _ ?? null)
+                              "onUpdate:modelValue": h[12] || (h[12] = ($) => f.max_per_entity = $ ?? null)
                             }, null, 8, ["model-value"])
                           ]),
                           _: 1
                         }, 8, ["label", "help", "error", "disabled"]),
-                        u(e(te), {
-                          label: e(a)("page.enabled"),
-                          help: e(a)("page.enabled-help"),
+                        u(e(ne), {
+                          label: e(n)("page.enabled"),
+                          help: e(n)("page.enabled-help"),
                           disabled: !x.value
                         }, {
                           default: c(() => [
-                            u(e(ul), {
-                              modelValue: p.is_enabled,
-                              "onUpdate:modelValue": g[13] || (g[13] = (_) => p.is_enabled = _)
+                            u(e(vl), {
+                              modelValue: f.is_enabled,
+                              "onUpdate:modelValue": h[13] || (h[13] = ($) => f.is_enabled = $)
                             }, null, 8, ["modelValue"])
                           ]),
                           _: 1
                         }, 8, ["label", "help", "disabled"]),
-                        x.value ? (i(), $("div", ln, [
-                          u(e(ue), {
+                        x.value ? (i(), S("div", un, [
+                          u(e(ce), {
                             type: "danger",
                             variant: "outline",
-                            disabled: v.value.usage_count > 0,
-                            onClick: ye
+                            disabled: p.value.usage_count > 0,
+                            onClick: _e
                           }, {
                             default: c(() => [
-                              W(w(e(a)("page.delete")), 1)
+                              W(_(e(n)("page.delete")), 1)
                             ]),
                             _: 1
                           }, 8, ["disabled"]),
-                          v.value.usage_count > 0 ? (i(), I(e(F), {
+                          p.value.usage_count > 0 ? (i(), N(e(q), {
                             key: 0,
                             size: "sm",
                             tone: "muted"
                           }, {
                             default: c(() => [
-                              W(w(v.value.usage_count === 1 ? e(a)("page.delete-used-one") : e(a)("page.delete-used", { count: v.value.usage_count })), 1)
+                              W(_(p.value.usage_count === 1 ? e(n)("page.delete-used-one") : e(n)("page.delete-used", { count: p.value.usage_count })), 1)
                             ]),
                             _: 1
-                          })) : N("", !0)
-                        ])) : N("", !0)
+                          })) : P("", !0)
+                        ])) : P("", !0)
                       ])
                     ]),
                     _: 1
@@ -1511,9 +1575,9 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 ]),
                 _: 1
               }, 8, ["label"]),
-              u(e(Ee), {
+              u(e(Le), {
                 value: "history",
-                label: e(a)("page.tab-history")
+                label: e(n)("page.tab-history")
               }, {
                 default: c(() => [
                   u(e(Be), {
@@ -1521,10 +1585,10 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                     padding: "none"
                   }, {
                     default: c(() => [
-                      u(wl, {
-                        block: v.value,
+                      u(Sl, {
+                        block: p.value,
                         "can-manage": x.value,
-                        onRestored: ge
+                        onRestored: ye
                       }, null, 8, ["block", "can-manage"])
                     ]),
                     _: 1
@@ -1535,50 +1599,51 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          Ht(u(Vl, {
+          Jt(u(zl, {
             class: "wx-block-editor__stage",
-            html: M.html,
-            styles: M.styles,
-            script: M.script,
-            runtime: M.runtime,
-            loading: M.loading
-          }, null, 8, ["html", "styles", "script", "runtime", "loading"]), [
-            [jt, Ve.value]
+            html: k.html,
+            styles: k.styles,
+            script: k.script,
+            runtime: k.runtime,
+            stage: k.stage,
+            loading: k.loading
+          }, null, 8, ["html", "styles", "script", "runtime", "stage", "loading"]), [
+            [Kt, Ee.value]
           ])
         ], 2),
-        x.value ? (i(), I(e(cl), { key: 1 }, {
+        x.value ? (i(), N(e(fl), { key: 1 }, {
           default: c(() => [
-            u(e(ue), {
+            u(e(ce), {
               variant: "outline",
-              loading: m.value,
-              onClick: me
+              loading: v.value,
+              onClick: he
             }, {
               default: c(() => [
-                W(w(e(a)("page.save")), 1)
+                W(_(e(n)("page.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"]),
-            u(e(ue), {
+            u(e(ce), {
               type: "primary",
-              loading: h.value,
-              disabled: !v.value.draft && !Z.value,
-              onClick: se
+              loading: g.value,
+              disabled: !p.value.draft && !j.value,
+              onClick: ie
             }, {
               default: c(() => [
-                W(w(e(a)("page.publish")), 1)
+                W(_(e(n)("page.publish")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
           ]),
           _: 1
-        })) : N("", !0)
+        })) : P("", !0)
       ], 64))
     ]));
   }
-}), an = /* @__PURE__ */ ne(nn, [["__scopeId", "data-v-acb6e830"]]), on = ["srcdoc"], sn = {
+}), dn = /* @__PURE__ */ oe(cn, [["__scopeId", "data-v-86e412ef"]]), pn = ["srcdoc"], vn = {
   key: 1,
   class: "wx-block-thumb__empty"
-}, rn = /* @__PURE__ */ le({
+}, fn = /* @__PURE__ */ ae({
   __name: "BlockThumb",
   props: {
     thumbnail: {},
@@ -1586,36 +1651,36 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
     height: { default: 120 }
   },
   setup(t) {
-    const l = t, o = P(null), n = Ke(o), s = S(() => n.value > 0 ? n.value / l.width : 0.2), r = S(
-      () => l.thumbnail ? At({ html: l.thumbnail.html, styles: l.thumbnail.styles }) : ""
-    ), a = S(() => ({
+    const l = t, o = M(null), a = Ze(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 (f, z) => (i(), $("div", {
+    return (b, U) => (i(), S("div", {
       ref_key: "box",
       ref: o,
       class: "wx-block-thumb",
-      style: _e({ height: `${t.height}px` })
+      style: $e({ height: `${t.height}px` })
     }, [
-      t.thumbnail ? (i(), $("iframe", {
+      t.thumbnail ? (i(), S("iframe", {
         key: 0,
         class: "wx-block-thumb__frame",
         srcdoc: r.value,
-        style: _e(a.value),
+        style: $e(n.value),
         sandbox: "allow-same-origin",
         tabindex: "-1",
         "aria-hidden": "true"
-      }, null, 12, on)) : (i(), $("div", sn, [
-        u(e(he), { name: "grid" })
+      }, null, 12, pn)) : (i(), S("div", vn, [
+        u(e(ge), { name: "grid" })
       ]))
     ], 4));
   }
-}), Ot = /* @__PURE__ */ ne(rn, [["__scopeId", "data-v-615b818a"]]), un = { class: "wx-block-picker" }, cn = {
+}), jt = /* @__PURE__ */ oe(fn, [["__scopeId", "data-v-615b818a"]]), mn = { class: "wx-block-picker" }, hn = {
   key: 0,
   class: "wx-block-picker__group-title"
-}, dn = { class: "wx-block-picker__cards" }, pn = ["disabled", "title", "onClick"], vn = { class: "wx-block-picker__body" }, fn = { class: "wx-block-picker__title" }, mn = /* @__PURE__ */ le({
+}, 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({
   __name: "BlockPicker",
   props: {
     catalog: {},
@@ -1626,134 +1691,134 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
     blocksPath: { default: null }
   },
   setup(t) {
-    const l = t, { resolve: o, dismiss: n, open: s } = Ct();
-    Oe();
-    const r = de("webx-blocks"), a = P("");
-    function f(m) {
+    const l = t, { resolve: o, dismiss: a, open: s } = Bt();
+    Re();
+    const r = de("webx-blocks"), n = M("");
+    function b(v) {
       if (l.parent === null)
-        return m.allowed_in === null || m.allowed_in.includes("root");
-      const h = l.allow ? l.allow.includes(m.slug) : l.parent.allow?.includes(m.slug) === !0, T = m.allowed_in === null || m.allowed_in.includes(l.parent.slug);
-      return h && T;
-    }
-    const z = S(
-      () => l.catalog.filter((m) => m.is_enabled && m.published !== null && f(m)).map((m) => {
-        const h = El(l.tree, m.slug), T = m.max_per_entity !== null && h >= m.max_per_entity;
-        return { type: m, reason: T ? r("field.limit-reached", { count: h }) : 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 };
       })
-    ), v = S(() => {
-      const m = a.value.trim().toLowerCase();
-      return m === "" ? z.value : z.value.filter(
-        ({ type: h }) => h.title.toLowerCase().includes(m) || h.slug.includes(m) || (h.description ?? "").toLowerCase().includes(m)
+    ), 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)
       );
-    }), d = S(() => {
-      const m = [...l.groups];
-      for (const { type: V } of v.value)
-        m.includes(V.group) || m.push(V.group);
-      const h = m.map((V) => ({
+    }), 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) => ({
         id: V,
-        label: Ae(V, r),
-        options: v.value.filter((x) => x.type.group === V)
+        label: ze(V, r),
+        options: p.value.filter((x) => x.type.group === V)
       })).filter((V) => V.options.length > 0);
-      return v.value.length <= 5 || a.value.trim() !== "" || h.length < 2 ? [{ id: "", label: "", options: v.value }] : h;
-    }), b = S(() => {
+      return p.value.length <= 5 || n.value.trim() !== "" || g.length < 2 ? [{ id: "", label: "", options: p.value }] : g;
+    }), m = T(() => {
       if (l.catalog.length === 0) return r("field.pick-none");
-      if (z.value.length === 0 && l.parent) {
-        const m = (l.allow ?? l.parent.allow ?? []).filter(
-          (h) => l.catalog.some((T) => T.slug === h)
+      if (U.value.length === 0 && l.parent) {
+        const v = (l.allow ?? l.parent.allow ?? []).filter(
+          (g) => l.catalog.some((C) => C.slug === g)
         );
-        return m.length === 0 ? r("field.pick-nothing-allowed", { parent: l.parent.title }) : r("field.pick-limited", { parent: l.parent.title, types: m.join(", ") });
+        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 r("field.pick-empty");
     });
-    return (m, h) => {
-      const T = yt("router-link");
-      return i(), I(e(Vt), {
+    return (v, g) => {
+      const C = xt("router-link");
+      return i(), N(e(Lt), {
         open: e(s),
-        "onUpdate:open": h[2] || (h[2] = (V) => wt(s) ? s.value = V : null),
+        "onUpdate:open": g[2] || (g[2] = (V) => $t(s) ? s.value = V : null),
         title: e(r)("field.pick"),
         width: 860
       }, {
         footer: c(() => [
-          u(e(ue), {
+          u(e(ce), {
             variant: "outline",
-            onClick: h[1] || (h[1] = (V) => e(n)())
+            onClick: g[1] || (g[1] = (V) => e(a)())
           }, {
             default: c(() => [
-              W(w(e(r)("field.close")), 1)
+              W(_(e(r)("field.close")), 1)
             ]),
             _: 1
           })
         ]),
         default: c(() => [
-          B("div", un, [
-            z.value.length > 0 ? (i(), I(e(Ne), {
+          B("div", mn, [
+            U.value.length > 0 ? (i(), N(e(Pe), {
               key: 0,
-              modelValue: a.value,
-              "onUpdate:modelValue": h[0] || (h[0] = (V) => a.value = V),
+              modelValue: n.value,
+              "onUpdate:modelValue": g[0] || (g[0] = (V) => n.value = V),
               placeholder: e(r)("field.search"),
               clearable: "",
               autofocus: ""
-            }, null, 8, ["modelValue", "placeholder"])) : N("", !0),
-            v.value.length === 0 ? (i(), I(e(Bt), {
+            }, null, 8, ["modelValue", "placeholder"])) : P("", !0),
+            p.value.length === 0 ? (i(), N(e(Wt), {
               key: 1,
               icon: "grid",
-              title: b.value,
+              title: m.value,
               size: "sm"
             }, {
               default: c(() => [
-                t.catalog.length === 0 && t.blocksPath ? (i(), I(T, {
+                t.catalog.length === 0 && t.blocksPath ? (i(), N(C, {
                   key: 0,
                   to: t.blocksPath
                 }, {
                   default: c(() => [
-                    W(w(e(r)("field.pick-none-link")), 1)
+                    W(_(e(r)("field.pick-none-link")), 1)
                   ]),
                   _: 1
-                }, 8, ["to"])) : N("", !0)
+                }, 8, ["to"])) : P("", !0)
               ]),
               _: 1
-            }, 8, ["title"])) : N("", !0),
-            (i(!0), $(j, null, Q(d.value, (V) => (i(), $("section", {
+            }, 8, ["title"])) : P("", !0),
+            (i(!0), S(F, null, ee(d.value, (V) => (i(), S("section", {
               key: V.id,
               class: "wx-block-picker__group"
             }, [
-              V.label ? (i(), $("div", cn, w(V.label), 1)) : N("", !0),
-              B("div", dn, [
-                (i(!0), $(j, null, Q(V.options, (x) => (i(), $("button", {
+              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", {
                   key: x.type.id,
                   type: "button",
-                  class: xe(["wx-block-picker__card", { "is-disabled": x.reason !== null }]),
+                  class: Se(["wx-block-picker__card", { "is-disabled": x.reason !== null }]),
                   disabled: x.reason !== null,
                   title: x.reason ?? void 0,
-                  onClick: (p) => e(o)(x.type)
+                  onClick: (f) => e(o)(x.type)
                 }, [
-                  u(Ot, {
+                  u(jt, {
                     thumbnail: x.type.thumbnail,
                     height: 96
                   }, null, 8, ["thumbnail"]),
-                  B("div", vn, [
-                    B("div", fn, w(x.type.title), 1),
-                    x.reason ? (i(), I(e(F), {
+                  B("div", kn, [
+                    B("div", yn, _(x.type.title), 1),
+                    x.reason ? (i(), N(e(q), {
                       key: 0,
                       size: "sm",
                       tone: "warning"
                     }, {
                       default: c(() => [
-                        W(w(x.reason), 1)
+                        W(_(x.reason), 1)
                       ]),
                       _: 2
-                    }, 1024)) : x.type.description ? (i(), I(e(F), {
+                    }, 1024)) : x.type.description ? (i(), N(e(q), {
                       key: 1,
                       size: "sm",
                       tone: "muted"
                     }, {
                       default: c(() => [
-                        W(w(x.type.description), 1)
+                        W(_(x.type.description), 1)
                       ]),
                       _: 2
-                    }, 1024)) : N("", !0)
+                    }, 1024)) : P("", !0)
                   ])
-                ], 10, pn))), 128))
+                ], 10, gn))), 128))
               ])
             ]))), 128))
           ])
@@ -1762,7 +1827,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       }, 8, ["open", "title"]);
     };
   }
-}), hn = /* @__PURE__ */ ne(mn, [["__scopeId", "data-v-99f4090e"]]), bn = { class: "wx-blocks-preview__tools" }, gn = ["src", "title"], kn = /* @__PURE__ */ le({
+}), _n = /* @__PURE__ */ oe(wn, [["__scopeId", "data-v-99f4090e"]]), xn = { class: "wx-blocks-preview__tools" }, $n = ["src", "title"], Sn = /* @__PURE__ */ ae({
   __name: "BlocksPreview",
   props: {
     url: {},
@@ -1772,153 +1837,153 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
   },
   emits: ["select", "edit"],
   setup(t, { expose: l, emit: o }) {
-    const n = t, s = o, r = de("webx-blocks"), a = P(null), f = P(null), z = P(null), v = Ke(z), d = P(!1), b = P(!1), m = P(null), h = P(0), T = S(() => h.value > 0), V = S(() => [
+    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(() => [
       { 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 = S(() => m.value !== null ? m.value : n.compact ? v.value > 0 && v.value < 560 ? 390 : 834 : 1280), p = S(() => v.value === 0 ? 1 : Math.min(1, v.value / x.value)), k = S(() => ({
+    ]), 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(() => ({
       width: `${x.value}px`,
-      transform: `scale(${p.value})`,
-      ...T.value ? { height: `${h.value}px` } : {}
-    })), R = S(() => ({
-      width: `${Math.round(x.value * p.value)}px`,
-      ...T.value ? { height: `${Math.round(h.value * p.value)}px` } : {}
-    })), J = S(() => {
-      if (!n.url) return "";
+      transform: `scale(${f.value})`,
+      ...C.value ? { height: `${g.value}px` } : {}
+    })), R = T(() => ({
+      width: `${Math.round(x.value * f.value)}px`,
+      ...C.value ? { height: `${Math.round(g.value * f.value)}px` } : {}
+    })), J = T(() => {
+      if (!a.url) return "";
       try {
-        return `${new URL(n.url, location.origin).pathname} · ${x.value} px`;
+        return `${new URL(a.url, location.origin).pathname} · ${x.value} px`;
       } catch {
-        return n.url;
+        return a.url;
       }
     });
     function K() {
       try {
-        return a.value?.contentDocument ?? null;
+        return n.value?.contentDocument ?? null;
       } catch {
         return null;
       }
     }
-    let ae = null, C = null;
-    function M(A) {
-      A.documentElement.scrollTop !== 0 && (A.documentElement.scrollTop = 0);
-    }
-    function O() {
-      const A = K(), D = A?.body;
-      if (!D || !A?.defaultView) return;
-      M(A);
-      const H = A.defaultView.getComputedStyle(D), G = (parseFloat(H.marginTop) || 0) + (parseFloat(H.marginBottom) || 0), ve = Math.ceil(D.scrollHeight + G);
-      ve !== h.value && (h.value = ve, pe !== null && Ft(() => requestAnimationFrame(X)));
-    }
-    function Z(A) {
-      C?.disconnect();
-      const D = A.defaultView;
-      !D || !A.body || (C = new D.ResizeObserver(O), C.observe(A.body), O());
-    }
-    function $e() {
-      b.value = !0;
-      const A = K();
-      A && (Z(A), ae?.release(), ae = xl(A, {
+    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, {
         /* 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: (D) => s("select", D)
-      }), Qe(A, n.selected ?? null), we(n.selected ?? null));
-    }
-    let pe = null, oe = null;
-    function we(A) {
-      A !== null && (pe = A, oe !== null && clearTimeout(oe), oe = window.setTimeout(() => {
-        pe = null, oe = null;
-      }, 400), X());
-    }
-    function Se(A) {
-      const D = a.value?.getBoundingClientRect();
-      if (!D) return null;
-      const H = A.getBoundingClientRect();
-      return { top: D.top + H.top * p.value, height: H.height * p.value };
-    }
-    function ge() {
-      let A = a.value?.parentElement ?? null;
-      for (; A; ) {
-        const D = getComputedStyle(A).overflowY;
-        if ((D === "auto" || D === "scroll") && A.scrollHeight > A.clientHeight)
-          return A;
-        A = A.parentElement;
+        select: (O) => s("select", O)
+      }), lt(I, a.selected ?? null), xe(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;
+      }, 400), te());
+    }
+    function Te(I) {
+      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;
       }
       return null;
     }
-    function X() {
-      const A = K();
-      if (pe === null || !A) return;
-      M(A);
-      const D = lt(A, pe), H = D ? Se(D) : null;
+    function te() {
+      const I = K();
+      if (ve === null || !I) return;
+      k(I);
+      const O = Qe(I, ve), H = O ? Te(O) : null;
       if (!H) return;
-      const G = ge(), ve = G?.getBoundingClientRect(), me = f.value?.getBoundingClientRect().height ?? 0, se = {
-        top: (ve?.top ?? 0) + me,
-        bottom: (ve ? ve.bottom : window.innerHeight) - me
-      }, ye = H.top + H.height, Ce = H.top < se.top, Ve = H.height > se.bottom - se.top, y = Ce || Ve ? H.top - se.top : ye > se.bottom ? ye - se.bottom : 0;
-      y !== 0 && (G ?? window).scrollBy({ top: y, behavior: "smooth" });
+      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 Te(A, D) {
+    function Ce(I, O) {
       const H = K();
-      if (!H || !b.value) return !1;
-      const G = _l(H, A, D);
-      return G && Qe(H, n.selected ?? null), G;
+      if (!H || !m.value) return !1;
+      const G = Nt(H, I, O);
+      return G && lt(H, a.selected ?? null), G;
     }
-    function ke() {
-      b.value = !1, C?.disconnect(), C = null, a.value && n.url && (a.value.src = n.url);
+    function we() {
+      m.value = !1, E?.disconnect(), E = null, n.value && a.url && (n.value.src = a.url);
     }
-    function fe(A) {
-      A.key === "Escape" && d.value && (d.value = !1, A.stopPropagation());
+    function me(I) {
+      I.key === "Escape" && d.value && (d.value = !1, I.stopPropagation());
     }
-    return ce(
-      () => n.selected,
-      (A) => {
-        const D = K();
-        !D || !b.value || (Qe(D, A ?? null), we(A ?? null));
+    return X(
+      () => a.selected,
+      (I) => {
+        const O = K();
+        !O || !m.value || (lt(O, I ?? null), xe(I ?? null));
       }
-    ), ce(() => n.reload, ke), ce(
-      () => n.url,
-      () => b.value = !1
-    ), Pe(() => window.addEventListener("keydown", fe)), tt(() => {
-      window.removeEventListener("keydown", fe), oe !== null && clearTimeout(oe), C?.disconnect(), ae?.release();
-    }), l({ replace: Te, refresh: ke, open: () => d.value = !0 }), (A, D) => (i(), $("div", {
-      class: xe(["wx-blocks-preview", { "is-fullscreen": d.value, "is-grown": T.value, "is-compact": t.compact }]),
-      style: _e({ "--wx-preview-scale": p.value })
+    ), X(() => a.reload, we), 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 })
     }, [
       B("div", {
         ref_key: "bar",
-        ref: f,
+        ref: b,
         class: "wx-blocks-preview__bar"
       }, [
-        u(e(F), {
+        u(e(q), {
           size: "xs",
           tone: "muted",
           class: "wx-blocks-preview__label",
           truncate: ""
         }, {
           default: c(() => [
-            W(w(J.value), 1)
+            W(_(J.value), 1)
           ]),
           _: 1
         }),
-        u(e($t), {
+        u(e(Ct), {
           class: "wx-blocks-preview__widths",
           "model-value": x.value,
           options: V.value,
           size: "sm",
           "aria-label": e(r)("field.width"),
-          "onUpdate:modelValue": D[0] || (D[0] = (H) => m.value = Number(H))
+          "onUpdate:modelValue": O[0] || (O[0] = (H) => v.value = Number(H))
         }, null, 8, ["model-value", "options", "aria-label"]),
-        B("div", bn, [
-          t.compact ? (i(), I(e(ze), {
+        B("div", xn, [
+          t.compact ? (i(), N(e(Ie), {
             key: 0,
             size: "sm",
             tone: "primary",
             icon: "edit",
             title: e(r)("field.blocks"),
-            onClick: D[1] || (D[1] = (H) => s("edit"))
-          }, null, 8, ["title"])) : N("", !0),
-          t.url ? (i(), I(e(ze), {
+            onClick: O[1] || (O[1] = (H) => s("edit"))
+          }, null, 8, ["title"])) : P("", !0),
+          t.url ? (i(), N(e(Ie), {
             key: 1,
             size: "sm",
             icon: "external-link",
@@ -1927,43 +1992,43 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
             href: t.url,
             target: "_blank",
             rel: "noopener"
-          }, null, 8, ["title", "href"])) : N("", !0),
-          u(e(ze), {
+          }, null, 8, ["title", "href"])) : P("", !0),
+          u(e(Ie), {
             size: "sm",
             icon: d.value ? "minimize" : "maximize",
             tone: "neutral",
             title: d.value ? e(r)("field.close") : e(r)("field.fullscreen"),
-            onClick: D[2] || (D[2] = (H) => d.value = !d.value)
+            onClick: O[2] || (O[2] = (H) => d.value = !d.value)
           }, null, 8, ["icon", "title"])
         ])
       ], 512),
       B("div", {
         ref_key: "box",
-        ref: z,
+        ref: U,
         class: "wx-blocks-preview__ground"
       }, [
         B("div", {
           class: "wx-blocks-preview__clip",
-          style: _e(R.value)
+          style: $e(R.value)
         }, [
-          t.url ? (i(), $("iframe", {
+          t.url ? (i(), S("iframe", {
             key: 0,
             ref_key: "frame",
-            ref: a,
+            ref: n,
             class: "wx-blocks-preview__frame",
             src: t.url,
-            style: _e(k.value),
+            style: $e(y.value),
             title: e(r)("field.preview"),
-            onLoad: $e
-          }, null, 44, gn)) : N("", !0)
+            onLoad: pe
+          }, null, 44, $n)) : P("", !0)
         ], 4)
       ], 512)
     ], 6));
   }
-}), yn = /* @__PURE__ */ ne(kn, [["__scopeId", "data-v-398e4cef"]]), wn = { class: "wx-blocks-tree__node" }, _n = ["onClick", "onKeydown"], xn = { class: "wx-blocks-tree__name" }, $n = ["title"], Sn = ["title"], Tn = ["title"], Cn = ["title"], Vn = {
+}), Tn = /* @__PURE__ */ oe(Sn, [["__scopeId", "data-v-398e4cef"]]), Cn = { class: "wx-blocks-tree__node" }, Vn = ["onClick", "onKeydown"], En = { class: "wx-blocks-tree__name" }, Bn = ["title"], Ln = ["title"], Wn = ["title"], An = ["title"], zn = {
   key: 4,
   class: "wx-blocks-tree__actions"
-}, Bn = ["onClick"], En = /* @__PURE__ */ le({
+}, In = ["onClick"], Nn = /* @__PURE__ */ ae({
   __name: "BlocksTree",
   props: {
     nodes: {},
@@ -1976,133 +2041,133 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
   },
   emits: ["select", "add", "remove", "duplicate", "visibility", "reorder"],
   setup(t, { emit: l }) {
-    const o = t, n = l, s = de("webx-blocks");
+    const o = t, a = l, s = de("webx-blocks");
     function r(d) {
-      return o.catalog.find((b) => b.slug === d.type) ?? null;
+      return o.catalog.find((m) => m.slug === d.type) ?? null;
     }
-    function a(d) {
+    function n(d) {
       return r(d)?.title ?? d.type;
     }
-    function f(d) {
-      const b = r(d);
-      return b?.content ? Nt(b.content.schema) : [];
+    function b(d) {
+      const m = r(d);
+      return m?.content ? Dt(m.content.schema) : [];
     }
-    function z(d, b) {
-      const m = d.values[b.id];
-      return Array.isArray(m) ? m : [];
+    function U(d, m) {
+      const v = d.values[m.id];
+      return Array.isArray(v) ? v : [];
     }
-    function v(d) {
+    function p(d) {
       return [
         {
           key: "visibility",
           icon: d.hidden === !0 ? "eye" : "eye-off",
           label: d.hidden === !0 ? s("field.show") : s("field.hide"),
-          run: () => n("visibility", d.key, d.hidden !== !0)
+          run: () => a("visibility", d.key, d.hidden !== !0)
         },
         {
           key: "duplicate",
           icon: "copy",
           label: s("field.duplicate"),
-          run: () => n("duplicate", d.key)
+          run: () => a("duplicate", d.key)
         },
         {
           key: "remove",
           icon: "trash",
           label: s("field.remove"),
           danger: !0,
-          run: () => n("remove", d.key)
+          run: () => a("remove", d.key)
         }
       ];
     }
-    return (d, b) => {
-      const m = yt("blocks-tree", !0);
-      return i(), I(e(dl), {
+    return (d, m) => {
+      const v = xt("blocks-tree", !0);
+      return i(), N(e(ml), {
         "model-value": t.nodes,
         "item-key": "key",
-        "item-label": (h) => a(h),
+        "item-label": (g) => n(g),
         disabled: t.disabled,
         plain: "",
         size: "sm",
         "empty-text": t.depth === 0 ? e(s)("field.empty") : "",
-        class: xe(["wx-blocks-tree", { "is-nested": t.depth > 0 }]),
-        "onUpdate:modelValue": b[6] || (b[6] = (h) => n("reorder", t.parentKey, t.field, h))
+        class: Se(["wx-blocks-tree", { "is-nested": t.depth > 0 }]),
+        "onUpdate:modelValue": m[6] || (m[6] = (g) => a("reorder", t.parentKey, t.field, g))
       }, {
-        default: c(({ item: h }) => [
-          B("div", wn, [
+        default: c(({ item: g }) => [
+          B("div", Cn, [
             B("div", {
-              class: xe(["wx-blocks-tree__row", { "is-selected": t.selected === h.key, "is-hidden": h.hidden === !0 }]),
+              class: Se(["wx-blocks-tree__row", { "is-selected": t.selected === g.key, "is-hidden": g.hidden === !0 }]),
               role: "button",
               tabindex: "0",
-              onClick: (T) => n("select", h.key),
+              onClick: (C) => a("select", g.key),
               onKeydown: [
-                it(rt((T) => n("select", h.key), ["prevent"]), ["enter"]),
-                it(rt((T) => n("select", h.key), ["prevent"]), ["space"])
+                ut(ct((C) => a("select", g.key), ["prevent"]), ["enter"]),
+                ut(ct((C) => a("select", g.key), ["prevent"]), ["space"])
               ]
             }, [
-              B("span", xn, w(a(h)), 1),
-              r(h) ? r(h)?.draft ? (i(), $("span", {
+              B("span", En, _(n(g)), 1),
+              r(g) ? r(g)?.draft ? (i(), S("span", {
                 key: 1,
                 class: "wx-blocks-tree__flag is-warning",
                 title: e(s)("field.draft-type")
               }, [
-                u(e(he), { name: "warning" })
-              ], 8, Sn)) : r(h)?.is_enabled === !1 ? (i(), $("span", {
+                u(e(ge), { name: "warning" })
+              ], 8, Ln)) : r(g)?.is_enabled === !1 ? (i(), S("span", {
                 key: 2,
                 class: "wx-blocks-tree__flag",
                 title: e(s)("field.disabled-type")
               }, [
-                u(e(he), { name: "lock" })
-              ], 8, Tn)) : N("", !0) : (i(), $("span", {
+                u(e(ge), { name: "lock" })
+              ], 8, Wn)) : P("", !0) : (i(), S("span", {
                 key: 0,
                 class: "wx-blocks-tree__flag is-danger",
-                title: e(s)("field.unknown-type", { type: h.type })
+                title: e(s)("field.unknown-type", { type: g.type })
               }, [
-                u(e(he), { name: "close-circle" })
-              ], 8, $n)),
-              h.hidden === !0 ? (i(), $("span", {
+                u(e(ge), { name: "close-circle" })
+              ], 8, Bn)),
+              g.hidden === !0 ? (i(), S("span", {
                 key: 3,
                 class: "wx-blocks-tree__flag",
                 title: e(s)("field.hidden-note")
               }, [
-                u(e(he), { name: "eye-off" })
-              ], 8, Cn)) : N("", !0),
-              t.disabled ? N("", !0) : (i(), $("span", Vn, [
-                u(e(ll), {
-                  actions: v(h),
-                  label: a(h)
+                u(e(ge), { name: "eye-off" })
+              ], 8, An)) : P("", !0),
+              t.disabled ? P("", !0) : (i(), S("span", zn, [
+                u(e(sl), {
+                  actions: p(g),
+                  label: n(g)
                 }, null, 8, ["actions", "label"])
               ]))
-            ], 42, _n),
-            (i(!0), $(j, null, Q(f(h), (T) => (i(), $("div", {
-              key: T.id,
+            ], 42, Vn),
+            (i(!0), S(F, null, ee(b(g), (C) => (i(), S("div", {
+              key: C.id,
               class: "wx-blocks-tree__kids"
             }, [
-              u(m, {
-                nodes: z(h, T),
+              u(v, {
+                nodes: U(g, C),
                 catalog: t.catalog,
-                "parent-key": h.key,
-                field: T.id,
+                "parent-key": g.key,
+                field: C.id,
                 selected: t.selected,
                 disabled: t.disabled,
                 depth: t.depth + 1,
-                onSelect: b[0] || (b[0] = (V) => n("select", V)),
-                onAdd: b[1] || (b[1] = (V, x, p) => n("add", V, x, p)),
-                onRemove: b[2] || (b[2] = (V) => n("remove", V)),
-                onDuplicate: b[3] || (b[3] = (V) => n("duplicate", V)),
-                onVisibility: b[4] || (b[4] = (V, x) => n("visibility", V, x)),
-                onReorder: b[5] || (b[5] = (V, x, p) => n("reorder", V, x, p))
+                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))
               }, null, 8, ["nodes", "catalog", "parent-key", "field", "selected", "disabled", "depth"]),
-              t.disabled ? N("", !0) : (i(), $("button", {
+              t.disabled ? P("", !0) : (i(), S("button", {
                 key: 0,
                 type: "button",
                 class: "wx-blocks-tree__add is-inner",
-                onClick: (V) => n("add", h.key, T.id, T)
+                onClick: (V) => a("add", g.key, C.id, C)
               }, [
-                W(" + " + w(e(s)("field.add-inside")), 1),
-                f(h).length > 1 ? (i(), $(j, { key: 0 }, [
-                  W(" · " + w(T.label ?? T.id), 1)
-                ], 64)) : N("", !0)
-              ], 8, Bn))
+                W(" + " + _(e(s)("field.add-inside")), 1),
+                b(g).length > 1 ? (i(), S(F, { key: 0 }, [
+                  W(" · " + _(C.label ?? C.id), 1)
+                ], 64)) : P("", !0)
+              ], 8, In))
             ]))), 128))
           ])
         ]),
@@ -2110,33 +2175,33 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       }, 8, ["model-value", "item-label", "disabled", "empty-text", "class"]);
     };
   }
-}), Wn = /* @__PURE__ */ ne(En, [["__scopeId", "data-v-590fa1d6"]]), ot = /* @__PURE__ */ Symbol("wx-blocks-preview");
-function ha(t) {
-  _t(ot, t);
+}), Pn = /* @__PURE__ */ oe(Nn, [["__scopeId", "data-v-590fa1d6"]]), it = /* @__PURE__ */ Symbol("wx-blocks-preview");
+function _a(t) {
+  St(it, t);
 }
-function ba() {
-  return Fe(ot, null);
+function xa() {
+  return qe(it, null);
 }
-const kt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ln = {
+const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
   key: 0,
   class: "wx-blocks-nested"
-}, An = {
+}, Mn = {
   key: 0,
   class: "wx-blocks__tree"
-}, zn = { class: "wx-blocks__panel-head" }, In = { class: "wx-blocks__panel-title" }, Nn = { class: "wx-blocks__tools" }, Pn = {
+}, Dn = { class: "wx-blocks__panel-head" }, On = { class: "wx-blocks__panel-title" }, Rn = { class: "wx-blocks__tools" }, Hn = {
   key: 1,
   class: "wx-blocks__fields"
-}, Un = { class: "wx-blocks__panel-head" }, Mn = { class: "wx-blocks__panel-title" }, Dn = {
+}, Fn = { class: "wx-blocks__panel-head" }, jn = { class: "wx-blocks__panel-title" }, qn = {
   key: 0,
   class: "wx-blocks__trail"
-}, On = ["onClick"], Rn = { class: "wx-blocks__panel-name" }, Hn = { class: "wx-blocks__panel-extra" }, jn = { key: 0 }, Fn = { class: "wx-blocks__form" }, qn = {
+}, Jn = ["onClick"], Kn = { class: "wx-blocks__panel-name" }, Yn = { class: "wx-blocks__panel-extra" }, Gn = { key: 0 }, Zn = { class: "wx-blocks__form" }, Qn = {
   key: 0,
   class: "wx-blocks__preview"
-}, Jn = /* @__PURE__ */ le({
+}, Xn = /* @__PURE__ */ ae({
   name: "WxBlocks",
   inheritAttrs: !1,
   __name: "BlocksField",
-  props: /* @__PURE__ */ Gt({
+  props: /* @__PURE__ */ el({
     node: { default: void 0 },
     context: { default: void 0 },
     name: { default: void 0 },
@@ -2152,37 +2217,37 @@ const kt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ln = {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const l = t, o = qt(t, "modelValue"), n = Fe(kt, !1);
-    _t(kt, !0), Oe();
-    const s = de("webx-blocks"), r = Me(), a = Fe(nl, null);
-    let f = null;
-    const z = P([]), v = S(() => l.catalog ?? z.value), d = S(() => Array.isArray(o.value) ? o.value : []), b = P(null), m = S(() => b.value ? ie(d.value, b.value) : null), h = S(
-      () => m.value ? v.value.find((y) => y.slug === m.value?.node.type) ?? null : null
+    const l = t, o = Gt(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
     );
-    function T(y) {
-      return v.value.find((E) => E.slug === y.type)?.title ?? y.type;
-    }
-    const V = S(() => {
-      const y = [];
-      return De(d.value, (E) => y.push(E.key)), y;
-    }), x = S(() => {
-      const y = b.value ? V.value.indexOf(b.value) : -1;
+    function C(w) {
+      return p.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;
+    }), x = T(() => {
+      const w = m.value ? V.value.indexOf(m.value) : -1;
       return {
-        previous: y > 0 ? V.value[y - 1] : null,
-        next: y >= 0 && y < V.value.length - 1 ? V.value[y + 1] : null
+        previous: w > 0 ? V.value[w - 1] : null,
+        next: w >= 0 && w < V.value.length - 1 ? V.value[w + 1] : null
       };
-    }), p = S(() => {
-      const y = [];
-      let E = m.value?.parent ?? null;
-      for (; E; )
-        y.unshift({ key: E.key, title: T(E) }), E = ie(d.value, E.key)?.parent ?? null;
-      return y;
-    }), k = Fe(ot, null), R = P(null), J = P(null), K = Ke(J), ae = S(() => k !== null && k.url.value !== null), C = S(() => ae.value && K.value > 0 && K.value <= 900), M = P(!1), O = S(() => {
-      if (!m.value) return;
-      const y = h.value?.title ?? m.value.node.type;
-      return [...p.value.map((E) => E.title), y].join(" / ");
-    }), Z = S(
-      () => C.value ? {
+    }), f = T(() => {
+      const w = [];
+      let L = v.value?.parent ?? null;
+      for (; L; )
+        w.unshift({ key: L.key, title: C(L) }), L = re(d.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 ? {
         /* 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. */
@@ -2199,347 +2264,347 @@ const kt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ln = {
            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: O.value,
-        open: M.value,
-        "onUpdate:open": (y) => M.value = y
+        title: A.value,
+        open: k.value,
+        "onUpdate:open": (w) => k.value = w
       } : {}
-    ), $e = S(
-      () => a?.state.manifest?.modules.find((y) => y.id === "blocks")?.meta?.groups ?? []
-    ), pe = Jt()?.type, oe = S(() => l.context?.types ? l.context.types : a?.types ? { ...Ye, ...a.types } : pe ? { ...Ye, "wx-blocks": { component: pe, kind: "field", nested: !0 } } : Ye), we = S(
-      () => l.context?.translate ?? a?.i18n.t ?? ((y) => y)
-    ), Se = S(() => l.context?.can ?? a?.can ?? (() => !0)), ge = Et(hn);
-    function X(y) {
-      o.value = y;
-    }
-    async function Te(y, E, U) {
-      const Y = y ? ie(d.value, y) : null, ee = Y ? v.value.find((Rt) => Rt.slug === Y.node.type) ?? null : null, L = y === null ? l.allow : U?.props?.allow ?? null, g = y === null ? l.max : U?.props?.max ?? null, _ = y === null ? d.value : Y && E ? Y.node.values[E] ?? [] : [];
-      if (g != null && _.length >= g) return;
-      const Re = await ge({
-        catalog: v.value,
-        parent: ee,
-        allow: L,
+    ), pe = 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(
+      () => l.context?.translate ?? n?.i18n.t ?? ((w) => w)
+    ), Te = T(() => l.context?.can ?? n?.can ?? (() => !0)), ye = 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] ?? [] : [];
+      if (h != null && $.length >= h) return;
+      const He = await ye({
+        catalog: p.value,
+        parent: le,
+        allow: z,
         tree: d.value,
-        groups: $e.value,
+        groups: pe.value,
         blocksPath: l.blocksPath
       });
-      if (!Re) return;
-      const st = Bl(Re.slug, ke(Re));
-      X(ht(d.value, y, E, _.length, st)), b.value = st.key;
-    }
-    function ke(y) {
-      const E = y.content?.sample ?? {}, U = {};
-      for (const [Y, ee] of Object.entries(E))
-        (!Array.isArray(ee) || ee.length === 0 || typeof ee[0] != "object") && (U[Y] = ee);
-      return U;
-    }
-    async function fe(y) {
-      const E = ie(d.value, y);
-      if (!E) return;
-      const U = Wl(E.node);
-      await Je({
+      if (!He) return;
+      const rt = Il(He.slug, we(He));
+      te(kt(d.value, w, L, $.length, rt)), m.value = rt.key;
+    }
+    function we(w) {
+      const L = w.content?.sample ?? {}, D = {};
+      for (const [Q, le] of Object.entries(L))
+        (!Array.isArray(le) || le.length === 0 || typeof le[0] != "object") && (D[Q] = le);
+      return D;
+    }
+    async function me(w) {
+      const L = re(d.value, w);
+      if (!L) return;
+      const D = Pl(L.node);
+      await Ye({
         title: s("field.remove-title", {
-          title: v.value.find((ee) => ee.slug === E.node.type)?.title ?? E.node.type
+          title: p.value.find((le) => le.slug === L.node.type)?.title ?? L.node.type
         }),
-        message: U > 0 ? s("field.remove-text", { count: U }) : s("field.remove-alone"),
+        message: D > 0 ? s("field.remove-text", { count: D }) : s("field.remove-alone"),
         confirmText: s("field.remove"),
         cancelText: s("page.cancel"),
         tone: "danger"
-      }) && (b.value === y && (b.value = null), X(zl(d.value, y)));
+      }) && (m.value === w && (m.value = null), te(Dl(d.value, w)));
     }
-    function A(y) {
-      const E = ie(d.value, y);
-      if (!E) return;
-      const U = Pt(E.node);
-      X(ht(d.value, E.parent?.key ?? null, E.field, E.index + 1, U)), b.value = U.key;
+    function I(w) {
+      const L = re(d.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;
     }
-    function D(y, E) {
-      X(Ll(d.value, y, E));
+    function O(w, L) {
+      te(Ul(d.value, w, L));
     }
-    function H(y, E, U) {
-      X(Nl(d.value, y, E, U));
+    function H(w, L, D) {
+      te(Rl(d.value, w, L, D));
     }
-    function G(y) {
-      b.value = b.value === y ? null : y;
+    function G(w) {
+      m.value = m.value === w ? null : w;
     }
-    function ve(y) {
-      y === null || !ie(d.value, y) || (b.value = y, C.value && (M.value = !0));
+    function fe(w) {
+      w === null || !re(d.value, w) || (m.value = w, E.value && (k.value = !0));
     }
-    function me() {
-      b.value = null;
+    function he() {
+      m.value = null;
     }
-    function se(y) {
-      b.value && X(Il(d.value, b.value, y));
+    function ie(w) {
+      m.value && te(Ol(d.value, m.value, w));
     }
-    let ye;
-    ce(
-      () => m.value?.node.values,
-      (y, E) => {
-        if (!y || !E || !h.value || !f || !k) return;
-        const U = b.value, Y = h.value.id;
-        clearTimeout(ye), ye = setTimeout(() => {
-          !U || !f || f.render(Y, { values: y, key: U }).then((ee) => {
-            R.value?.replace(U, ee.html) || R.value?.refresh();
+    let _e;
+    X(
+      () => v.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();
           }).catch(() => {
           });
         }, 300);
       },
       { deep: !0 }
     );
-    function Ce(y) {
-      y.key === "Escape" && b.value && me();
+    function Ve(w) {
+      w.key === "Escape" && m.value && he();
     }
-    Pe(async () => {
-      if (window.addEventListener("keydown", Ce), l.catalog === null && a) {
-        f = Le(a);
+    Ue(async () => {
+      if (window.addEventListener("keydown", Ve), l.catalog === null && n) {
+        b = Ae(n);
         try {
-          z.value = await f.catalog();
-        } catch (y) {
-          q.danger(r(y));
+          U.value = await b.catalog();
+        } catch (w) {
+          Y.danger(r(w));
         }
-      } else a && (f = Le(a));
-    }), tt(() => {
-      clearTimeout(ye), window.removeEventListener("keydown", Ce);
+      } else n && (b = Ae(n));
+    }), Ge(() => {
+      clearTimeout(_e), window.removeEventListener("keydown", Ve);
     });
-    const Ve = S(
-      () => h.value?.content ? at(h.value.content.schema) : []
+    const Ee = T(
+      () => g.value?.content ? st(g.value.content.schema) : []
     );
-    return (y, E) => e(n) ? (i(), $("div", Ln, [
-      u(e(F), {
+    return (w, L) => e(a) ? (i(), S("div", Un, [
+      u(e(q), {
         size: "sm",
         tone: "muted"
       }, {
         default: c(() => [
-          W(w(e(s)("field.nested-note")), 1)
+          W(_(e(s)("field.nested-note")), 1)
         ]),
         _: 1
       })
-    ])) : (i(), $("div", {
+    ])) : (i(), S("div", {
       key: 1,
       ref_key: "host",
       ref: J,
-      class: xe(["wx-blocks-host", { "is-compact": C.value }])
+      class: Se(["wx-blocks-host", { "is-compact": E.value }])
     }, [
       B("div", {
-        class: xe(["wx-blocks", {
-          "is-editing": m.value !== null,
-          "has-preview": e(k) !== null && e(k).url.value !== null
+        class: Se(["wx-blocks", {
+          "is-editing": v.value !== null,
+          "has-preview": e(y) !== null && e(y).url.value !== null
         }])
       }, [
-        (i(), I(Kt(C.value ? e(pl) : "div"), Zt(Z.value, { class: "wx-blocks__side" }), {
+        (i(), N(Qt(E.value ? e(hl) : "div"), Xt(j.value, { class: "wx-blocks__side" }), {
           default: c(() => [
-            m.value ? N("", !0) : (i(), $("div", An, [
-              B("div", zn, [
-                B("span", In, w(e(s)("field.blocks")), 1),
-                u(e(F), {
+            v.value ? P("", !0) : (i(), S("div", Mn, [
+              B("div", Dn, [
+                B("span", On, _(e(s)("field.blocks")), 1),
+                u(e(q), {
                   size: "sm",
                   tone: "muted"
                 }, {
                   default: c(() => [
-                    W(w(d.value.length), 1)
+                    W(_(d.value.length), 1)
                   ]),
                   _: 1
                 })
               ]),
-              u(Wn, {
+              u(Pn, {
                 nodes: d.value,
-                catalog: v.value,
-                selected: b.value,
+                catalog: p.value,
+                selected: m.value,
                 disabled: t.disabled,
                 onSelect: G,
-                onAdd: Te,
-                onRemove: fe,
-                onDuplicate: A,
-                onVisibility: D,
+                onAdd: Ce,
+                onRemove: me,
+                onDuplicate: I,
+                onVisibility: O,
                 onReorder: H
               }, null, 8, ["nodes", "catalog", "selected", "disabled"]),
-              B("div", Nn, [
-                !t.disabled && (t.max === null || d.value.length < t.max) ? (i(), I(e(ue), {
+              B("div", Rn, [
+                !t.disabled && (t.max === null || d.value.length < t.max) ? (i(), N(e(ce), {
                   key: 0,
                   variant: "outline",
                   icon: "plus",
                   class: "wx-blocks__add",
-                  onClick: E[0] || (E[0] = (U) => Te(null, null, null))
+                  onClick: L[0] || (L[0] = (D) => Ce(null, null, null))
                 }, {
                   default: c(() => [
-                    W(w(e(s)("field.add")), 1)
+                    W(_(e(s)("field.add")), 1)
                   ]),
                   _: 1
-                })) : N("", !0),
-                !C.value && e(k) && e(k).url.value ? (i(), I(e(ue), {
+                })) : P("", !0),
+                !E.value && e(y) && e(y).url.value ? (i(), N(e(ce), {
                   key: 1,
                   variant: "outline",
                   icon: "eye",
                   class: "wx-blocks__preview-button",
-                  onClick: E[1] || (E[1] = (U) => R.value?.open())
+                  onClick: L[1] || (L[1] = (D) => R.value?.open())
                 }, {
                   default: c(() => [
-                    W(w(e(s)("field.preview")), 1)
+                    W(_(e(s)("field.preview")), 1)
                   ]),
                   _: 1
-                })) : N("", !0)
+                })) : P("", !0)
               ])
             ])),
-            m.value ? (i(), $("div", Pn, [
-              B("div", Un, [
-                B("span", Mn, [
-                  p.value.length ? (i(), $("span", Dn, [
-                    (i(!0), $(j, null, Q(p.value, (U) => (i(), $(j, {
-                      key: U.key
+            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
                     }, [
                       B("button", {
                         type: "button",
                         class: "wx-blocks__trail-step",
-                        onClick: (Y) => G(U.key)
-                      }, w(U.title), 9, On),
-                      u(e(he), { name: "chevron-right" })
+                        onClick: (Q) => G(D.key)
+                      }, _(D.title), 9, Jn),
+                      u(e(ge), { name: "chevron-right" })
                     ], 64))), 128))
-                  ])) : N("", !0),
-                  B("span", Rn, w(h.value?.title ?? m.value.node.type), 1)
+                  ])) : P("", !0),
+                  B("span", Kn, _(g.value?.title ?? v.value.node.type), 1)
                 ]),
-                B("span", Hn, [
-                  C.value ? N("", !0) : (i(), $("code", jn, w(m.value.node.type), 1)),
-                  u(e(ze), {
+                B("span", Yn, [
+                  E.value ? P("", !0) : (i(), S("code", Gn, _(v.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: E[2] || (E[2] = (U) => x.value.previous && G(x.value.previous))
+                    onClick: L[2] || (L[2] = (D) => x.value.previous && G(x.value.previous))
                   }, null, 8, ["title", "disabled"]),
-                  u(e(ze), {
+                  u(e(Ie), {
                     size: "sm",
                     tone: "neutral",
                     icon: "chevron-down",
                     title: e(s)("field.next"),
                     disabled: x.value.next === null,
-                    onClick: E[3] || (E[3] = (U) => x.value.next && G(x.value.next))
+                    onClick: L[3] || (L[3] = (D) => x.value.next && G(x.value.next))
                   }, null, 8, ["title", "disabled"]),
-                  !C.value && e(k) && e(k).url.value ? (i(), I(e(ue), {
+                  !E.value && e(y) && e(y).url.value ? (i(), N(e(ce), {
                     key: 1,
                     size: "sm",
                     variant: "outline",
                     icon: "eye",
                     class: "wx-blocks__preview-button",
                     "aria-label": e(s)("field.preview"),
-                    onClick: E[4] || (E[4] = (U) => R.value?.open())
-                  }, null, 8, ["aria-label"])) : N("", !0),
-                  u(e(ue), {
+                    onClick: L[4] || (L[4] = (D) => R.value?.open())
+                  }, null, 8, ["aria-label"])) : P("", !0),
+                  u(e(ce), {
                     size: "sm",
                     variant: "outline",
-                    onClick: me
+                    onClick: he
                   }, {
                     default: c(() => [
-                      W(w(C.value ? e(s)("field.done") : `${e(s)("field.done")} · Esc`), 1)
+                      W(_(E.value ? e(s)("field.done") : `${e(s)("field.done")} · Esc`), 1)
                     ]),
                     _: 1
                   })
                 ])
               ]),
-              B("div", Fn, [
-                h.value?.content ? (i(), I(e(Wt), {
-                  key: m.value.node.key,
-                  "model-value": m.value.node.values,
-                  root: Ve.value,
-                  types: oe.value,
-                  translate: we.value,
-                  can: Se.value,
+              B("div", Zn, [
+                g.value?.content ? (i(), N(e(zt), {
+                  key: v.value.node.key,
+                  "model-value": v.value.node.values,
+                  root: Ee.value,
+                  types: se.value,
+                  translate: xe.value,
+                  can: Te.value,
                   disabled: t.disabled,
-                  "onUpdate:modelValue": se
-                }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (i(), I(e(F), {
+                  "onUpdate:modelValue": ie
+                }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (i(), N(e(q), {
                   key: 1,
                   size: "sm",
                   tone: "danger"
                 }, {
                   default: c(() => [
-                    W(w(e(s)("field.unknown-type", { type: m.value.node.type })), 1)
+                    W(_(e(s)("field.unknown-type", { type: v.value.node.type })), 1)
                   ]),
                   _: 1
                 }))
               ])
-            ])) : N("", !0)
+            ])) : P("", !0)
           ]),
           _: 1
         }, 16)),
-        e(k) && e(k).url.value ? (i(), $("div", qn, [
-          u(yn, {
+        e(y) && e(y).url.value ? (i(), S("div", Qn, [
+          u(Tn, {
             ref_key: "previewEl",
             ref: R,
-            url: e(k).url.value,
-            selected: b.value,
-            reload: e(k).reload?.value ?? 0,
-            compact: C.value,
-            onSelect: ve,
-            onEdit: E[5] || (E[5] = (U) => M.value = !0)
+            url: e(y).url.value,
+            selected: m.value,
+            reload: e(y).reload?.value ?? 0,
+            compact: E.value,
+            onSelect: fe,
+            onEdit: L[5] || (L[5] = (D) => k.value = !0)
           }, null, 8, ["url", "selected", "reload", "compact"])
-        ])) : N("", !0)
+        ])) : P("", !0)
       ], 2)
     ], 2));
   }
-}), Kn = /* @__PURE__ */ ne(Jn, [["__scopeId", "data-v-613ad857"]]), Zn = { class: "wx-block-card__body" }, Gn = { class: "wx-block-card__title" }, Yn = { class: "wx-block-card__chips" }, Qn = /* @__PURE__ */ le({
+}), ea = /* @__PURE__ */ oe(Xn, [["__scopeId", "data-v-613ad857"]]), ta = { class: "wx-block-card__body" }, la = { class: "wx-block-card__title" }, na = { class: "wx-block-card__chips" }, aa = /* @__PURE__ */ ae({
   __name: "BlockCard",
   props: {
     block: {}
   },
   emits: ["open"],
   setup(t, { emit: l }) {
-    const o = l, n = de("webx-blocks");
-    return (s, r) => (i(), $("button", {
+    const o = l, a = de("webx-blocks");
+    return (s, r) => (i(), S("button", {
       type: "button",
       class: "wx-block-card",
-      onClick: r[0] || (r[0] = (a) => o("open", t.block))
+      onClick: r[0] || (r[0] = (n) => o("open", t.block))
     }, [
-      u(Ot, {
+      u(jt, {
         thumbnail: t.block.thumbnail,
         height: 120
       }, null, 8, ["thumbnail"]),
-      B("div", Zn, [
-        B("div", Gn, w(t.block.title), 1),
-        u(e(F), {
+      B("div", ta, [
+        B("div", la, _(t.block.title), 1),
+        u(e(q), {
           size: "sm",
           tone: "muted"
         }, {
           default: c(() => [
-            B("code", null, w(t.block.slug), 1),
-            W(" · " + w(e(et)(t.block.usage_count, e(n))), 1)
+            B("code", null, _(t.block.slug), 1),
+            W(" · " + _(e(at)(t.block.usage_count, e(a))), 1)
           ]),
           _: 1
         }),
-        B("div", Yn, [
-          t.block.draft ? (i(), I(e(re), {
+        B("div", na, [
+          t.block.draft ? (i(), N(e(ue), {
             key: 0,
             type: "warning",
             dot: ""
           }, {
             default: c(() => [
-              W(w(e(n)("page.draft", { number: t.block.draft.number })), 1)
+              W(_(e(a)("page.draft", { number: t.block.draft.number })), 1)
             ]),
             _: 1
-          })) : N("", !0),
-          t.block.published ? (i(), I(e(re), {
+          })) : P("", !0),
+          t.block.published ? (i(), N(e(ue), {
             key: 1,
             type: "success",
             dot: ""
           }, {
             default: c(() => [
-              W(w(e(n)("page.live", { number: t.block.published.number })), 1)
+              W(_(e(a)("page.live", { number: t.block.published.number })), 1)
             ]),
             _: 1
-          })) : (i(), I(e(re), {
+          })) : (i(), N(e(ue), {
             key: 2,
             type: "default"
           }, {
             default: c(() => [
-              W(w(e(n)("page.never-published")), 1)
+              W(_(e(a)("page.never-published")), 1)
             ]),
             _: 1
           })),
-          t.block.is_enabled ? N("", !0) : (i(), I(e(re), {
+          t.block.is_enabled ? P("", !0) : (i(), N(e(ue), {
             key: 3,
             type: "default",
             variant: "outline"
           }, {
             default: c(() => [
-              W(w(e(n)("page.hidden")), 1)
+              W(_(e(a)("page.hidden")), 1)
             ]),
             _: 1
           }))
@@ -2547,62 +2612,62 @@ const kt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ln = {
       ])
     ]));
   }
-}), Xn = /* @__PURE__ */ ne(Qn, [["__scopeId", "data-v-3d94f339"]]), ea = { class: "wx-block-create" }, ta = /* @__PURE__ */ le({
+}), oa = /* @__PURE__ */ oe(aa, [["__scopeId", "data-v-3d94f339"]]), sa = { class: "wx-block-create" }, ia = /* @__PURE__ */ ae({
   __name: "BlockCreateDialog",
   setup(t) {
-    const { resolve: l, dismiss: o, open: n } = Ct(), s = Ue(), r = Le(s);
-    Oe();
-    const a = de("webx-blocks"), f = Me(), z = S(() => s.state.manifest?.modules.find((k) => k.id === "blocks")?.meta?.groups ?? ["content"]), v = P({ title: "", slug: "", group: z.value[0] ?? "content" }), d = P({}), b = P(!1), m = P(!1), h = S(
-      () => z.value.map((p) => ({ value: p, label: Ae(p, a) }))
+    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) }))
     );
-    function T(p) {
-      return p.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "").slice(0, 64);
+    function C(f) {
+      return f.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "").slice(0, 64);
     }
-    ce(
-      () => v.value.title,
-      (p) => {
-        m.value || (v.value.slug = T(p));
+    X(
+      () => p.value.title,
+      (f) => {
+        v.value || (p.value.slug = C(f));
       }
     );
-    function V(p) {
-      return d.value[p]?.[0];
+    function V(f) {
+      return d.value[f]?.[0];
     }
     async function x() {
-      b.value = !0, d.value = {};
+      m.value = !0, d.value = {};
       try {
-        l(await r.create(v.value));
-      } catch (p) {
-        const k = p.body;
-        k?.errors ? d.value = k.errors : q.danger(f(p, a("page.failed")));
+        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")));
       } finally {
-        b.value = !1;
+        m.value = !1;
       }
     }
-    return (p, k) => (i(), I(e(Vt), {
-      open: e(n),
-      "onUpdate:open": k[5] || (k[5] = (R) => wt(n) ? n.value = R : null),
-      title: e(a)("page.new"),
+    return (f, y) => (i(), N(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(() => [
-        u(e(vl), { size: "sm" }, {
+        u(e(bl), { size: "sm" }, {
           default: c(() => [
-            u(e(ue), {
+            u(e(ce), {
               variant: "outline",
-              onClick: k[4] || (k[4] = (R) => e(o)())
+              onClick: y[4] || (y[4] = (R) => e(o)())
             }, {
               default: c(() => [
-                W(w(e(a)("page.cancel")), 1)
+                W(_(e(n)("page.cancel")), 1)
               ]),
               _: 1
             }),
-            u(e(ue), {
+            u(e(ce), {
               type: "primary",
-              loading: b.value,
+              loading: m.value,
               onClick: x
             }, {
               default: c(() => [
-                W(w(e(a)("page.create")), 1)
+                W(_(e(n)("page.create")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -2611,45 +2676,45 @@ const kt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ln = {
         })
       ]),
       default: c(() => [
-        B("div", ea, [
-          u(e(te), {
-            label: e(a)("page.title"),
+        B("div", sa, [
+          u(e(ne), {
+            label: e(n)("page.title"),
             error: V("title")
           }, {
             default: c(() => [
-              u(e(Ne), {
-                modelValue: v.value.title,
-                "onUpdate:modelValue": k[0] || (k[0] = (R) => v.value.title = R),
+              u(e(Pe), {
+                modelValue: p.value.title,
+                "onUpdate:modelValue": y[0] || (y[0] = (R) => p.value.title = R),
                 autofocus: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          u(e(te), {
-            label: e(a)("page.identifier"),
-            help: e(a)("page.identifier-help"),
+          u(e(ne), {
+            label: e(n)("page.identifier"),
+            help: e(n)("page.identifier-help"),
             error: V("slug")
           }, {
             default: c(() => [
-              u(e(Ne), {
-                modelValue: v.value.slug,
-                "onUpdate:modelValue": k[1] || (k[1] = (R) => v.value.slug = R),
+              u(e(Pe), {
+                modelValue: p.value.slug,
+                "onUpdate:modelValue": y[1] || (y[1] = (R) => p.value.slug = R),
                 placeholder: "hero",
-                onInput: k[2] || (k[2] = (R) => m.value = !0)
+                onInput: y[2] || (y[2] = (R) => v.value = !0)
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "help", "error"]),
-          u(e(te), {
-            label: e(a)("page.group"),
-            help: e(a)("page.group-help"),
+          u(e(ne), {
+            label: e(n)("page.group"),
+            help: e(n)("page.group-help"),
             error: V("group")
           }, {
             default: c(() => [
-              u(e(Tt), {
-                modelValue: v.value.group,
-                "onUpdate:modelValue": k[3] || (k[3] = (R) => v.value.group = R),
-                options: h.value
+              u(e(Et), {
+                modelValue: p.value.group,
+                "onUpdate:modelValue": y[3] || (y[3] = (R) => p.value.group = R),
+                options: g.value
               }, null, 8, ["modelValue", "options"])
             ]),
             _: 1
@@ -2659,104 +2724,104 @@ const kt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ln = {
       _: 1
     }, 8, ["open", "title"]));
   }
-}), la = /* @__PURE__ */ ne(ta, [["__scopeId", "data-v-a4c0d44c"]]), na = {
+}), ra = /* @__PURE__ */ oe(ia, [["__scopeId", "data-v-a4c0d44c"]]), ua = {
   key: 1,
   class: "wx-blocks-page__toolbar"
-}, aa = { class: "wx-blocks-page__cards" }, oa = { class: "wx-blocks-page__ghost-body" }, sa = {
+}, ca = { class: "wx-blocks-page__cards" }, da = { class: "wx-blocks-page__ghost-body" }, pa = {
   key: 0,
   class: "wx-blocks-page__group-title"
-}, ia = { class: "wx-blocks-page__cards" }, ra = /* @__PURE__ */ le({
+}, va = { class: "wx-blocks-page__cards" }, fa = /* @__PURE__ */ ae({
   __name: "BlocksPage",
   props: {
     base: { default: "/blocks" }
   },
   setup(t) {
-    const l = t, o = Ue(), n = Le(o), s = xt();
-    Oe();
-    const r = de("webx-blocks"), a = Me(), f = P([]), z = P(!0), v = P(""), d = P(""), b = Et(la), m = S(() => {
-      const C = o.state.manifest?.modules.find((M) => M.id === "blocks")?.meta;
+    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;
       return {
-        groups: C?.groups ?? [],
-        editing: C?.editing ?? !0,
-        provides: C?.provides ?? []
+        groups: E?.groups ?? [],
+        editing: E?.editing ?? !0,
+        provides: E?.provides ?? []
       };
-    }), h = S(() => o.can("blocks.manage") && m.value.editing), T = S(
-      () => o.state.manifest?.modules.find((C) => C.id === "blocks")?.title ?? r("module.title")
-    ), V = S(() => {
-      const C = v.value.trim().toLowerCase(), M = d.value === "" ? f.value : f.value.filter((O) => O.group === d.value);
-      return C === "" ? M : M.filter(
-        (O) => O.title.toLowerCase().includes(C) || O.slug.includes(C) || (O.description ?? "").toLowerCase().includes(C)
+    }), g = T(() => o.can("blocks.manage") && v.value.editing), C = T(
+      () => o.state.manifest?.modules.find((E) => E.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)
       );
-    }), x = S(() => {
-      const C = [...m.value.groups];
-      for (const M of f.value)
-        C.includes(M.group) || C.push(M.group);
-      return C.filter((M) => f.value.some((O) => O.group === M));
-    }), p = S(
+    }), 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(
       () => x.value.length < 2 ? [] : [
         { value: "", label: r("page.all-groups") },
-        ...x.value.map((C) => ({ value: C, label: Ae(C, r) }))
+        ...x.value.map((E) => ({ value: E, label: ze(E, r) }))
       ]
-    ), k = S(() => {
-      const C = x.value.map((O) => ({
-        id: O,
-        label: Ae(O, r),
-        blocks: V.value.filter((Z) => Z.group === O)
-      })).filter((O) => O.blocks.length > 0);
-      return d.value !== "" || V.value.length <= 5 || v.value.trim() !== "" || C.length < 2 ? [{ id: "", label: "", blocks: V.value }] : C;
+    ), 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;
     });
     async function R() {
-      z.value = !0;
+      U.value = !0;
       try {
-        f.value = await n.list();
-      } catch (C) {
-        q.danger(a(C));
+        b.value = await a.list();
+      } catch (E) {
+        Y.danger(n(E));
       } finally {
-        z.value = !1;
+        U.value = !1;
       }
     }
-    function J(C) {
-      s.push(`${l.base}/${C.id}`);
+    function J(E) {
+      s.push(`${l.base}/${E.id}`);
     }
     async function K() {
-      const C = await b({});
-      C && J(C);
+      const E = await m({});
+      E && J(E);
     }
-    Pe(R);
-    const ae = S(
-      () => h.value ? [{ key: "new", label: r("page.new"), icon: "plus", primary: !0, run: () => {
+    Ue(R);
+    const Z = T(
+      () => g.value ? [{ key: "new", label: r("page.new"), icon: "plus", primary: !0, run: () => {
         K();
       } }] : []
     );
-    return (C, M) => (i(), I(e(al), {
+    return (E, k) => (i(), N(e(rl), {
       view: d.value,
-      "onUpdate:view": M[1] || (M[1] = (O) => d.value = O),
+      "onUpdate:view": k[1] || (k[1] = (A) => d.value = A),
       class: "wx-blocks-page",
-      title: T.value,
-      views: p.value,
-      actions: ae.value
+      title: C.value,
+      views: f.value,
+      actions: Z.value
     }, {
       default: c(() => [
-        m.value.editing ? N("", !0) : (i(), I(e(St), {
+        v.value.editing ? P("", !0) : (i(), N(e(Vt), {
           key: 0,
           type: "info",
           variant: "soft",
           description: e(r)("page.editing-off")
         }, null, 8, ["description"])),
-        z.value || f.value.length > 0 ? (i(), $("div", na, [
-          u(e(Ne), {
-            modelValue: v.value,
-            "onUpdate:modelValue": M[0] || (M[0] = (O) => v.value = O),
+        U.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),
             class: "wx-blocks-page__search",
             placeholder: e(r)("page.search"),
             clearable: ""
           }, null, 8, ["modelValue", "placeholder"])
-        ])) : N("", !0),
-        z.value ? (i(), I(e(We), { key: 2 }, {
+        ])) : P("", !0),
+        U.value ? (i(), N(e(We), { key: 2 }, {
           template: c(() => [
-            B("div", aa, [
-              (i(), $(j, null, Q(4, (O) => B("div", {
-                key: O,
+            B("div", ca, [
+              (i(), S(F, null, ee(4, (A) => B("div", {
+                key: A,
                 class: "wx-blocks-page__ghost"
               }, [
                 u(e(je), {
@@ -2764,7 +2829,7 @@ const kt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ln = {
                   height: 120,
                   class: "wx-blocks-page__ghost-thumb"
                 }),
-                B("div", oa, [
+                B("div", da, [
                   u(e(je), {
                     variant: "title",
                     width: "45%"
@@ -2783,20 +2848,20 @@ const kt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ln = {
             ])
           ]),
           _: 1
-        })) : f.value.length === 0 ? (i(), I(e(Bt), {
+        })) : b.value.length === 0 ? (i(), N(e(Wt), {
           key: 3,
           icon: "grid",
           title: e(r)("page.empty"),
           description: e(r)("page.empty-help")
-        }, null, 8, ["title", "description"])) : (i(!0), $(j, { key: 4 }, Q(k.value, (O) => (i(), $("section", {
-          key: O.id,
+        }, null, 8, ["title", "description"])) : (i(!0), S(F, { key: 4 }, ee(y.value, (A) => (i(), S("section", {
+          key: A.id,
           class: "wx-blocks-page__group"
         }, [
-          O.label ? (i(), $("div", sa, w(O.label), 1)) : N("", !0),
-          B("div", ia, [
-            (i(!0), $(j, null, Q(O.blocks, (Z) => (i(), I(Xn, {
-              key: Z.id,
-              block: Z,
+          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
             }, null, 8, ["block"]))), 128))
           ])
@@ -2805,18 +2870,18 @@ const kt = /* @__PURE__ */ Symbol("wx-blocks-root"), Ln = {
       _: 1
     }, 8, ["view", "title", "views", "actions"]));
   }
-}), ua = /* @__PURE__ */ ne(ra, [["__scopeId", "data-v-553b680f"]]);
-function ga(t = {}) {
+}), ma = /* @__PURE__ */ oe(fa, [["__scopeId", "data-v-553b680f"]]);
+function $a(t = {}) {
   const l = t.path ?? "/blocks";
   return {
     id: "blocks",
     path: l,
     routes: [
-      { path: l, name: "webx.blocks", component: ua, props: { base: l } },
+      { path: l, name: "webx.blocks", component: ma, props: { base: l } },
       {
         path: `${l}/:id(\\d+)`,
         name: "webx.blocks.edit",
-        component: an,
+        component: dn,
         props: { base: l }
       }
     ],
@@ -2825,7 +2890,7 @@ function ga(t = {}) {
     // draws its children through the renderer; it needs the node for `props.allow` alone.
     types: {
       "wx-blocks": {
-        component: Kn,
+        component: ea,
         kind: "field",
         nested: !0,
         wide: !0,
@@ -2835,37 +2900,37 @@ function ga(t = {}) {
   };
 }
 export {
-  an as WxBlockEditorPage,
-  hn as WxBlockPicker,
-  Vl as WxBlockStage,
-  Ot as WxBlockThumb,
-  Kn as WxBlocks,
-  ua as WxBlocksPage,
-  ga as blocks,
-  Pl as blocksMessages,
-  ot as blocksPreviewKey,
-  Pt as cloneNode,
-  El as countType,
-  Le as createBlocksApi,
-  Lt as findRange,
-  at as formSchema,
-  Qe as highlightBlock,
-  ht as insertNode,
-  zt as isNode,
-  Ze as isNodeList,
-  Ml as lintBlock,
-  ie as locate,
-  Bl as makeNode,
-  Xe as newKey,
-  ha as provideBlocksPreview,
-  zl as removeNode,
-  _l as replaceBlock,
-  Nl as replaceList,
-  At as stageDocument,
-  ma as typesIn,
-  Dl as undeclared,
-  Il as updateValues,
-  ba as useBlocksPreview,
-  De as walk
+  dn as WxBlockEditorPage,
+  _n as WxBlockPicker,
+  zl as WxBlockStage,
+  jt as WxBlockThumb,
+  ea as WxBlocks,
+  ma as WxBlocksPage,
+  $a as blocks,
+  Hl as blocksMessages,
+  it as blocksPreviewKey,
+  Ot as cloneNode,
+  Nl as countType,
+  Ae as createBlocksApi,
+  It as findRange,
+  st as formSchema,
+  lt as highlightBlock,
+  kt as insertNode,
+  Ut as isNode,
+  Xe as isNodeList,
+  jl as lintBlock,
+  re as locate,
+  Il as makeNode,
+  nt as newKey,
+  _a as provideBlocksPreview,
+  Dl as removeNode,
+  Nt as replaceBlock,
+  Rl as replaceList,
+  Pt as stageDocument,
+  wa as typesIn,
+  ql as undeclared,
+  Ol as updateValues,
+  xa as useBlocksPreview,
+  Oe as walk
 };
 //# sourceMappingURL=index.js.map