npm - @webx-ui/module-blocks - Versions diffs - 0.7.1 → 0.8.0 - Mend

@webx-ui/module-blocks 0.7.1 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.js CHANGED Viewed

@@ -1,29 +1,31 @@
-import { defineComponent as ae, computed as T, openBlock as i, createElementBlock as S, createVNode as u, unref as e, createElementVNode as E, createTextVNode as W, toDisplayString as _, Fragment as j, createCommentVNode as N, renderList as ee, ref as U, onMounted as Ue, watch as X, createBlock as I, withCtx as d, onBeforeUnmount as Ge, normalizeStyle as xe, reactive as Qe, normalizeClass as $e, withDirectives as Jt, vShow as Kt, resolveComponent as xt, isRef as $t, nextTick as Gt, withKeys as ut, withModifiers as ct, provide as St, inject as qe, useModel as Yt, getCurrentInstance as Zt, resolveDynamicComponent as Qt, mergeProps as Xt, mergeModels as el } from "vue";
-import { useRoute as tl, useRouter as Tt } from "vue-router";
-import { useTranslate as de, useAdmin as Me, useErrorText as De, WxDate as ll, WxScreenHead as nl, WxRenameButton as al, WxHelpButton as ol, WxRowMenu as sl, adminKey as il, WxListScreen as rl } from "@webx-ui/module-admin";
-import { WxIcon as be, WxSkeleton as We, WxText as F, WxBadge as ue, WxButton as ce, confirm as Ke, toast as G, useElementWidth as Ye, WxSegmented as Ct, WxCard as Be, WxPopover as ul, WxAlert as Vt, WxTabs as cl, WxTab as Le, WxCodeEditor as je, WxFormItem as ne, WxInput as Pe, WxSelect as Et, WxTextarea as dl, WxIconPicker as pl, WxInputNumber as dt, WxTagsInput as pt, WxSwitch as vl, WxActionBar as fl, useModal as Bt, WxDialog as Lt, WxEmpty as Wt, WxAction as Ie, WxSortableList as ml, createModal as At, WxDrawer as hl, WxSpace as bl, WxSkeletonItem as Fe } from "@webx-ui/core";
-import { WxScreenRenderer as zt, coreTypes as Xe } from "@webx-ui/schema";
-function Ae(t) {
-  const l = `${t.apiPath}/blocks`, o = (a) => a.data;
+import { defineComponent as ae, computed as V, openBlock as u, createElementBlock as C, createVNode as f, unref as l, createElementVNode as B, createTextVNode as z, toDisplayString as S, Fragment as F, createCommentVNode as I, renderList as le, ref as N, onMounted as Ue, watch as te, createBlock as D, withCtx as b, onBeforeUnmount as Ze, normalizeStyle as xe, reactive as lt, normalizeClass as $e, withDirectives as ll, vShow as nl, resolveComponent as Ct, isRef as Vt, nextTick as sl, withKeys as ft, withModifiers as vt, provide as Bt, inject as Ke, useModel as ol, getCurrentInstance as al, resolveDynamicComponent as il, mergeProps as rl, mergeModels as ul } from "vue";
+import { useRoute as cl, useRouter as At } from "vue-router";
+import { useTranslate as de, useAdmin as Oe, useErrorText as Re, WxDate as dl, WxScreenHead as pl, WxRenameButton as fl, WxHelpButton as vl, WxRowMenu as ml, adminKey as hl, WxListScreen as bl } from "@webx-ui/module-admin";
+import { WxIcon as be, WxSkeleton as We, WxText as q, WxBadge as ue, WxButton as ce, confirm as Ge, toast as Z, useElementWidth as Qe, WxSegmented as Wt, WxCard as Be, WxPopover as gl, WxAlert as Lt, WxTabs as yl, WxTab as Ae, WxCodeEditor as He, WxFormItem as oe, WxInput as Pe, WxSelect as zt, WxTextarea as kl, WxIconPicker as wl, WxInputNumber as mt, WxTagsInput as ht, WxSwitch as _l, WxActionBar as xl, useModal as Mt, WxDialog as Dt, WxEmpty as It, WxAction as Ie, WxSortableList as $l, createModal as Nt, WxDrawer as Sl, WxSpace as El, WxSkeletonItem as qe } from "@webx-ui/core";
+import { WxScreenRenderer as Pt, coreTypes as Ye } from "@webx-ui/schema";
+import { autocompletion as Tl, snippetCompletion as me, pickedCompletion as rt, startCompletion as Cl } from "@codemirror/autocomplete";
+import { EditorState as Vl } from "@codemirror/state";
+function ze(e) {
+  const n = `${e.apiPath}/blocks`, t = (s) => s.data;
   return {
-    list: () => t.http.get(l).then(o),
-    catalog: () => t.http.get(`${l}/catalog`).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)
+    list: () => e.http.get(n).then(t),
+    catalog: () => e.http.get(`${n}/catalog`).then(t),
+    get: (s) => e.http.get(`${n}/${s}`).then(t),
+    create: (s) => e.http.post(n, s).then(t),
+    update: (s, a) => e.http.put(`${n}/${s}`, a).then(t),
+    remove: (s) => e.http.delete(`${n}/${s}`),
+    publish: (s) => e.http.post(`${n}/${s}/publish`, {}).then(t),
+    render: (s, a = {}) => e.http.post(`${n}/${s}/render`, a).then(t),
+    usage: (s) => e.http.get(`${n}/${s}/usage`).then(t),
+    versions: (s) => e.http.get(`${n}/${s}/versions`).then(t),
+    version: (s, a) => e.http.get(`${n}/${s}/versions/${a}`).then(t),
+    restore: (s, a) => e.http.post(`${n}/${s}/versions/${a}/restore`, {}).then(t)
   };
 }
-const gl = { class: "wx-block-checks" }, kl = {
+const Bl = { class: "wx-block-checks" }, Al = {
   key: 0,
   class: "wx-block-checks__line is-error"
-}, yl = /* @__PURE__ */ ae({
+}, Wl = /* @__PURE__ */ ae({
   __name: "BlockChecks",
   props: {
     file: {},
@@ -31,284 +33,284 @@ const gl = { class: "wx-block-checks" }, kl = {
     slug: {},
     error: {}
   },
-  setup(t) {
-    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;
+  setup(e) {
+    const n = e, t = de("webx-blocks"), s = V(() => n.lints.filter((i) => i.file === n.file)), a = V(() => {
+      const i = new Set(s.value.map((r) => r.code)), o = [];
+      return n.file === "template" && (i.has("no-marker") || o.push(t("checks.ok-marker")), i.has("variables-missing") || o.push(t("checks.ok-variables"))), n.file === "styles" && (i.has("stray-selectors") || o.push(t("checks.ok-prefix", { slug: n.slug })), i.has("bare-selectors") || o.push(t("checks.ok-bare")), i.has("media-query") || o.push(t("checks.ok-container"))), o;
     });
-    return (r, n) => (i(), S("div", gl, [
-      t.error ? (i(), S("div", kl, [
-        u(e(be), { name: "close-circle" }),
-        E("span", null, [
-          W(_(t.error.message) + " ", 1),
-          t.error.line !== null ? (i(), S(j, { key: 0 }, [
-            W(" · " + _(e(o)("page.line", { line: t.error.line })), 1)
-          ], 64)) : N("", !0),
-          t.error.where ? (i(), S(j, { key: 1 }, [
-            W(" · " + _(t.error.where), 1)
-          ], 64)) : N("", !0)
+    return (i, o) => (u(), C("div", Bl, [
+      e.error ? (u(), C("div", Al, [
+        f(l(be), { name: "close-circle" }),
+        B("span", null, [
+          z(S(e.error.message) + " ", 1),
+          e.error.line !== null ? (u(), C(F, { key: 0 }, [
+            z(" · " + S(l(t)("page.line", { line: e.error.line })), 1)
+          ], 64)) : I("", !0),
+          e.error.where ? (u(), C(F, { key: 1 }, [
+            z(" · " + S(e.error.where), 1)
+          ], 64)) : I("", !0)
         ])
-      ])) : N("", !0),
-      (i(!0), S(j, null, ee(a.value, (b) => (i(), S("div", {
-        key: b.code,
+      ])) : I("", !0),
+      (u(!0), C(F, null, le(s.value, (r) => (u(), C("div", {
+        key: r.code,
         class: "wx-block-checks__line is-warning"
       }, [
-        u(e(be), { name: "warning" }),
-        E("span", null, [
-          W(_(b.message) + " ", 1),
-          b.line !== null ? (i(), S(j, { key: 0 }, [
-            W(" · " + _(e(o)("page.line", { line: b.line })), 1)
-          ], 64)) : N("", !0)
+        f(l(be), { name: "warning" }),
+        B("span", null, [
+          z(S(r.message) + " ", 1),
+          r.line !== null ? (u(), C(F, { key: 0 }, [
+            z(" · " + S(l(t)("page.line", { line: r.line })), 1)
+          ], 64)) : I("", !0)
         ])
       ]))), 128)),
-      (i(!0), S(j, null, ee(s.value, (b) => (i(), S("div", {
-        key: b,
+      (u(!0), C(F, null, le(a.value, (r) => (u(), C("div", {
+        key: r,
         class: "wx-block-checks__line is-ok"
       }, [
-        u(e(be), { name: "check" }),
-        E("span", null, _(b), 1)
+        f(l(be), { name: "check" }),
+        B("span", null, S(r), 1)
       ]))), 128))
     ]));
   }
-}), oe = (t, l) => {
-  const o = t.__vccOpts || t;
-  for (const [a, s] of l)
-    o[a] = s;
-  return o;
-}, 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({
+}), ie = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [s, a] of n)
+    t[s] = a;
+  return t;
+}, bt = /* @__PURE__ */ ie(Wl, [["__scopeId", "data-v-e56947a8"]]), Ll = { class: "wx-block-history" }, zl = { class: "wx-block-history__number" }, Ml = { class: "wx-block-history__who" }, Dl = /* @__PURE__ */ ae({
   __name: "BlockHistory",
   props: {
     block: {},
     canManage: { type: Boolean }
   },
   emits: ["restored"],
-  setup(t, { emit: l }) {
-    const o = t, a = l, s = Me(), r = Ae(s), n = de("webx-blocks"), b = De(), P = U(null);
-    async function v() {
-      P.value = await r.versions(o.block.id);
-    }
-    function p(f) {
-      return o.block.draft?.number === f.number ? "draft" : o.block.published?.number === f.number ? "live" : "replaced";
-    }
-    async function g(f) {
-      if (await Ke({
-        title: n("page.restore-title", { number: f.number }),
-        message: n("page.restore-text"),
-        confirmText: n("page.restore"),
-        cancelText: n("page.cancel")
+  setup(e, { emit: n }) {
+    const t = e, s = n, a = Oe(), i = ze(a), o = de("webx-blocks"), r = Re(), m = N(null);
+    async function c() {
+      m.value = await i.versions(t.block.id);
+    }
+    function d(v) {
+      return t.block.draft?.number === v.number ? "draft" : t.block.published?.number === v.number ? "live" : "replaced";
+    }
+    async function p(v) {
+      if (await Ge({
+        title: o("page.restore-title", { number: v.number }),
+        message: o("page.restore-text"),
+        confirmText: o("page.restore"),
+        cancelText: o("page.cancel")
       }))
         try {
-          const C = await r.restore(o.block.id, f.number);
-          G.success(n("page.restored", { number: C.draft?.number ?? f.number })), a("restored", C), await v();
-        } catch (C) {
-          G.danger(b(C));
+          const x = await i.restore(t.block.id, v.number);
+          Z.success(o("page.restored", { number: x.draft?.number ?? v.number })), s("restored", x), await c();
+        } catch (x) {
+          Z.danger(r(x));
         }
     }
-    return Ue(v), X(
-      () => [o.block.draft?.number, o.block.published?.number],
+    return Ue(c), te(
+      () => [t.block.draft?.number, t.block.published?.number],
       () => {
-        v();
+        c();
       }
-    ), (f, k) => (i(), S("div", wl, [
-      P.value === null ? (i(), I(e(We), {
+    ), (v, g) => (u(), C("div", Ll, [
+      m.value === null ? (u(), D(l(We), {
         key: 0,
         class: "wx-block-history__ghost",
         rows: 3
-      })) : (i(!0), S(j, { key: 1 }, ee(P.value, (C) => (i(), S("div", {
-        key: C.number,
+      })) : (u(!0), C(F, { key: 1 }, le(m.value, (x) => (u(), C("div", {
+        key: x.number,
         class: "wx-block-history__row"
       }, [
-        E("code", _l, _(e(n)("page.version", { number: C.number })), 1),
-        E("div", xl, [
-          u(e(F), null, {
-            default: d(() => [
-              W(_(e(n)(`page.version-${p(C)}`)), 1)
+        B("code", zl, S(l(o)("page.version", { number: x.number })), 1),
+        B("div", Ml, [
+          f(l(q), null, {
+            default: b(() => [
+              z(S(l(o)(`page.version-${d(x)}`)), 1)
             ]),
             _: 2
           }, 1024),
-          u(e(F), {
+          f(l(q), {
             size: "sm",
             tone: "muted"
           }, {
-            default: d(() => [
-              C.created_at ? (i(), I(e(ll), {
+            default: b(() => [
+              x.created_at ? (u(), D(l(dl), {
                 key: 0,
-                value: C.created_at
-              }, null, 8, ["value"])) : N("", !0),
-              W(" · " + _(C.author ?? e(n)(`page.source-${C.source}`)) + " ", 1),
-              C.comment ? (i(), S(j, { key: 1 }, [
-                W(" · " + _(C.comment), 1)
-              ], 64)) : N("", !0)
+                value: x.created_at
+              }, null, 8, ["value"])) : I("", !0),
+              z(" · " + S(x.author ?? l(o)(`page.source-${x.source}`)) + " ", 1),
+              x.comment ? (u(), C(F, { key: 1 }, [
+                z(" · " + S(x.comment), 1)
+              ], 64)) : I("", !0)
             ]),
             _: 2
           }, 1024)
         ]),
-        p(C) === "draft" ? (i(), I(e(ue), {
+        d(x) === "draft" ? (u(), D(l(ue), {
           key: 0,
           type: "warning",
           dot: ""
         }, {
-          default: d(() => [
-            W(_(e(n)("page.version-draft")), 1)
+          default: b(() => [
+            z(S(l(o)("page.version-draft")), 1)
           ]),
           _: 1
-        })) : p(C) === "live" ? (i(), I(e(ue), {
+        })) : d(x) === "live" ? (u(), D(l(ue), {
           key: 1,
           type: "success",
           dot: ""
         }, {
-          default: d(() => [
-            W(_(e(n)("page.version-live")), 1)
+          default: b(() => [
+            z(S(l(o)("page.version-live")), 1)
           ]),
           _: 1
-        })) : N("", !0),
-        t.canManage && p(C) === "replaced" ? (i(), I(e(ce), {
+        })) : I("", !0),
+        e.canManage && d(x) === "replaced" ? (u(), D(l(ce), {
           key: 2,
           size: "sm",
           variant: "outline",
-          onClick: (V) => g(C)
+          onClick: (T) => p(x)
         }, {
-          default: d(() => [
-            W(_(e(n)("page.restore")), 1)
+          default: b(() => [
+            z(S(l(o)("page.restore")), 1)
           ]),
           _: 1
-        }, 8, ["onClick"])) : N("", !0)
+        }, 8, ["onClick"])) : I("", !0)
       ]))), 128))
     ]));
   }
-}), 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,
+}), Il = /* @__PURE__ */ ie(Dl, [["__scopeId", "data-v-42c6b7ad"]]), Ne = "wx-preview-selected", Je = "wx-preview-hover", gt = "wx-preview-style";
+function Ut(e, n) {
+  const s = (e.ownerDocument ?? e).createTreeWalker(
+    e,
     128
     /* NodeFilter.SHOW_COMMENT */
   );
-  let s = null;
-  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 && n === `/wx:${l}`)
-      return { start: s, end: r };
+  let a = null;
+  for (let i = s.nextNode(); i; i = s.nextNode()) {
+    const o = i.data.trim();
+    if (a === null && o === `wx:${n}`)
+      a = i;
+    else if (a !== null && o === `/wx:${n}`)
+      return { start: a, end: i };
   }
   return null;
 }
-function Nt(t, l, o) {
-  const a = It(t, l);
-  if (!a) return !1;
-  const s = a.start.parentNode;
+function Ot(e, n, t) {
+  const s = Ut(e, n);
   if (!s) return !1;
-  const r = t.createElement("template");
-  r.innerHTML = o;
-  const n = a.end.nextSibling;
-  let b = a.start;
-  for (; b; ) {
-    const g = b.nextSibling, f = b === a.end;
-    if (s.removeChild(b), f) break;
-    b = g;
+  const a = s.start.parentNode;
+  if (!a) return !1;
+  const i = e.createElement("template");
+  i.innerHTML = t;
+  const o = s.end.nextSibling;
+  let r = s.start;
+  for (; r; ) {
+    const p = r.nextSibling, v = r === s.end;
+    if (a.removeChild(r), v) break;
+    r = p;
   }
-  const P = r.content, v = Array.from(P.childNodes);
-  s.insertBefore(P, n);
-  const p = t.defaultView?.webx;
-  if (p?.mount)
-    for (const g of v)
-      g.nodeType === 1 && p.mount(g);
+  const m = i.content, c = Array.from(m.childNodes);
+  a.insertBefore(m, o);
+  const d = e.defaultView?.webx;
+  if (d?.mount)
+    for (const p of c)
+      p.nodeType === 1 && d.mount(p);
   return !0;
 }
-function at(t, l) {
-  const o = It(t, l);
-  if (!o) return null;
-  for (let a = o.start.nextSibling; a && a !== o.end; a = a.nextSibling)
-    if (a.nodeType === 1) return a;
+function ut(e, n) {
+  const t = Ut(e, n);
+  if (!t) return null;
+  for (let s = t.start.nextSibling; s && s !== t.end; s = s.nextSibling)
+    if (s.nodeType === 1) return s;
   return null;
 }
-function et(t, l) {
-  ot(t);
-  for (const a of Array.from(t.querySelectorAll(`.${Ne}`)))
-    a.classList.remove(Ne);
-  if (l === null) return null;
-  const o = at(t, l);
-  return o?.classList.add(Ne), o;
-}
-function mt(t, l) {
-  ot(t);
-  for (const o of Array.from(t.querySelectorAll(`.${Je}`)))
-    o.classList.remove(Je);
-  l !== null && at(t, l)?.classList.add(Je);
-}
-function ht(t) {
-  let l = t?.nodeType === 1 ? t : t?.parentElement ?? null;
-  for (; l; ) {
-    let o = 0;
-    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:")) {
-        if (o === 0) return s.slice(3);
-        o -= 1;
+function nt(e, n) {
+  ct(e);
+  for (const s of Array.from(e.querySelectorAll(`.${Ne}`)))
+    s.classList.remove(Ne);
+  if (n === null) return null;
+  const t = ut(e, n);
+  return t?.classList.add(Ne), t;
+}
+function yt(e, n) {
+  ct(e);
+  for (const t of Array.from(e.querySelectorAll(`.${Je}`)))
+    t.classList.remove(Je);
+  n !== null && ut(e, n)?.classList.add(Je);
+}
+function kt(e) {
+  let n = e?.nodeType === 1 ? e : e?.parentElement ?? null;
+  for (; n; ) {
+    let t = 0;
+    for (let s = n.previousSibling; s; s = s.previousSibling) {
+      if (s.nodeType !== 8) continue;
+      const a = s.data.trim();
+      if (a.startsWith("/wx:"))
+        t += 1;
+      else if (a.startsWith("wx:")) {
+        if (t === 0) return a.slice(3);
+        t -= 1;
       }
     }
-    l = l.parentElement;
+    n = n.parentElement;
   }
   return null;
 }
-function Tl(t, l) {
-  ot(t);
-  let o = null;
-  function a(n) {
-    he(n), l.select(ht(n.target));
+function Nl(e, n) {
+  ct(e);
+  let t = null;
+  function s(o) {
+    he(o), n.select(kt(o.target));
   }
-  function s(n) {
-    const b = ht(n.target);
-    b !== o && (o = b, mt(t, b));
+  function a(o) {
+    const r = kt(o.target);
+    r !== t && (t = r, yt(e, r));
   }
-  function r() {
-    o = null, mt(t, null);
+  function i() {
+    t = null, yt(e, null);
   }
-  return t.addEventListener("click", a, !0), t.addEventListener("auxclick", he, !0), t.addEventListener("submit", he, !0), t.addEventListener("dragstart", he, !0), t.addEventListener("mousemove", s, !0), t.addEventListener("mouseleave", r), {
+  return e.addEventListener("click", s, !0), e.addEventListener("auxclick", he, !0), e.addEventListener("submit", he, !0), e.addEventListener("dragstart", he, !0), e.addEventListener("mousemove", a, !0), e.addEventListener("mouseleave", i), {
     release() {
-      t.removeEventListener("click", a, !0), t.removeEventListener("auxclick", he, !0), t.removeEventListener("submit", he, !0), t.removeEventListener("dragstart", he, !0), t.removeEventListener("mousemove", s, !0), t.removeEventListener("mouseleave", r);
+      e.removeEventListener("click", s, !0), e.removeEventListener("auxclick", he, !0), e.removeEventListener("submit", he, !0), e.removeEventListener("dragstart", he, !0), e.removeEventListener("mousemove", a, !0), e.removeEventListener("mouseleave", i);
     }
   };
 }
-function he(t) {
-  t.preventDefault(), t.stopPropagation();
+function he(e) {
+  e.preventDefault(), e.stopPropagation();
 }
-function Cl(t) {
-  const l = ["click", "auxclick", "submit", "dragstart"];
-  for (const o of l) t.addEventListener(o, he, !0);
+function Pl(e) {
+  const n = ["click", "auxclick", "submit", "dragstart"];
+  for (const t of n) e.addEventListener(t, he, !0);
   return {
     release() {
-      for (const o of l) t.removeEventListener(o, he, !0);
+      for (const t of n) e.removeEventListener(t, he, !0);
     }
   };
 }
-const tt = "sample", bt = "wx-stage-styles";
-function Vl(t, l) {
-  let o = t.getElementById(bt);
-  o === null && (o = t.createElement("style"), o.id = bt, (t.head ?? t.documentElement).appendChild(o)), o.textContent = l.styles;
-  const a = `<!--wx:${tt}-->`, s = l.html.trimStart().startsWith(a) ? l.html : `${a}${l.html}<!--/wx:${tt}-->`;
-  return Nt(t, tt, s);
+const st = "sample", wt = "wx-stage-styles";
+function Ul(e, n) {
+  let t = e.getElementById(wt);
+  t === null && (t = e.createElement("style"), t.id = wt, (e.head ?? e.documentElement).appendChild(t)), t.textContent = n.styles;
+  const s = `<!--wx:${st}-->`, a = n.html.trimStart().startsWith(s) ? n.html : `${s}${n.html}<!--/wx:${st}-->`;
+  return Ot(e, st, a);
 }
-function El(t, l) {
-  const o = t.createElement("script");
-  o.textContent = l, t.body.appendChild(o);
+function Ol(e, n) {
+  const t = e.createElement("script");
+  t.textContent = n, e.body.appendChild(t);
 }
-function ot(t) {
-  if (t.getElementById(ft)) return;
-  const l = t.createElement("style");
-  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 ct(e) {
+  if (e.getElementById(gt)) return;
+  const n = e.createElement("style");
+  n.id = gt, n.textContent = `.${Ne}{outline:2px solid #427edd;outline-offset:-2px;}.${Je}:not(.${Ne}){outline:1px solid #427edd;outline-offset:-1px;cursor:pointer;}`, (e.head ?? e.documentElement).appendChild(n);
 }
-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 Rt(e) {
+  const n = e.base ? `<base href="${_t(e.base)}">` : "", t = e.frame ? `<style>${e.frame}</style>` : "", s = e.script && e.runtime ? `<script src="${_t(e.runtime)}"><\/script><script>${e.script}<\/script>` : "";
+  return `<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">${n}<style>html,body{margin:0}body{container-type:inline-size}</style>${t}<style>${e.styles}</style></head><body>${e.html}${s}</body></html>`;
 }
-function gt(t) {
-  return t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
+function _t(e) {
+  return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
 }
-const Bl = { class: "wx-block-stage" }, Ll = { class: "wx-block-stage__bar" }, Wl = ["src", "srcdoc", "title"], Al = /* @__PURE__ */ ae({
+const Rl = { class: "wx-block-stage" }, jl = { class: "wx-block-stage__bar" }, Fl = ["src", "srcdoc", "title"], Hl = /* @__PURE__ */ ae({
   __name: "BlockStage",
   props: {
     html: {},
@@ -318,211 +320,211 @@ const Bl = { class: "wx-block-stage" }, Ll = { class: "wx-block-stage__bar" }, W
     stage: { default: null },
     loading: { type: Boolean, default: !1 }
   },
-  setup(t) {
-    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 = U(1280), r = U(null), n = U(null), b = Ye(r), P = U(360), v = U(!1);
-    X([b, a], () => {
-      if (v.value || b.value === 0) return;
-      const c = a.value.find((B) => b.value / B.value >= 0.45);
-      s.value = (c ?? a.value[a.value.length - 1]).value;
+  setup(e) {
+    const n = e, t = de("webx-blocks"), s = V(() => [
+      { value: 1280, icon: "monitor", ariaLabel: t("page.width-desktop") },
+      { value: 834, icon: "tablet", ariaLabel: t("page.width-tablet") },
+      { value: 390, icon: "smartphone", ariaLabel: t("page.width-phone") }
+    ]), a = N(1280), i = N(null), o = N(null), r = Qe(i), m = N(360), c = N(!1);
+    te([r, s], () => {
+      if (c.value || r.value === 0) return;
+      const h = s.value.find((A) => r.value / A.value >= 0.45);
+      a.value = (h ?? s.value[s.value.length - 1]).value;
     });
-    function p(c) {
-      v.value = !0, s.value = c;
-    }
-    const g = T(() => b.value === 0 ? 1 : Math.min(1, b.value / s.value)), f = T(
-      () => l.stage ? void 0 : Pt({
-        html: l.html,
-        styles: l.styles,
-        script: l.script,
-        runtime: l.runtime,
+    function d(h) {
+      c.value = !0, a.value = h;
+    }
+    const p = V(() => r.value === 0 ? 1 : Math.min(1, r.value / a.value)), v = V(
+      () => n.stage ? void 0 : Rt({
+        html: n.html,
+        styles: n.styles,
+        script: n.script,
+        runtime: n.runtime,
         base: typeof location > "u" ? null : location.origin + "/"
       })
-    ), k = U(0);
-    let C = null;
-    X(
-      () => l.script,
-      (c) => {
-        l.stage && c !== C && (k.value += 1);
+    ), g = N(0);
+    let x = null;
+    te(
+      () => n.script,
+      (h) => {
+        n.stage && h !== x && (g.value += 1);
       }
     );
-    function V() {
-      const c = n.value?.contentDocument?.body;
-      if (!c) return;
-      const B = c.ownerDocument.defaultView, D = B && parseFloat(B.getComputedStyle(c).marginBottom) || 0, K = c.getBoundingClientRect().bottom + D + (B?.scrollY ?? 0);
-      P.value = Math.max(120, Math.ceil(Math.max(c.scrollHeight, K)));
-    }
-    let x = null, m = null;
-    function y() {
-      x?.release(), x = null, m?.disconnect(), m = null;
-    }
-    function R(c) {
-      l.stage && (l.script && C !== l.script && (C = l.script, El(c, l.script)), Vl(c, { html: l.html, styles: l.styles }));
-    }
-    function q() {
-      y();
-      const c = n.value?.contentDocument;
-      if (!c?.body) return;
-      l.stage && (C = null, x = Cl(c), R(c)), V();
-      const B = c.defaultView?.ResizeObserver;
-      B && (m = new B(() => V()), m.observe(c.body));
-    }
-    X(
-      () => [l.html, l.styles],
+    function T() {
+      const h = o.value?.contentDocument?.body;
+      if (!h) return;
+      const A = h.ownerDocument.defaultView, P = A && parseFloat(A.getComputedStyle(h).marginBottom) || 0, J = h.getBoundingClientRect().bottom + P + (A?.scrollY ?? 0);
+      m.value = Math.max(120, Math.ceil(Math.max(h.scrollHeight, J)));
+    }
+    let w = null, y = null;
+    function _() {
+      w?.release(), w = null, y?.disconnect(), y = null;
+    }
+    function R(h) {
+      n.stage && (n.script && x !== n.script && (x = n.script, Ol(h, n.script)), Ul(h, { html: n.html, styles: n.styles }));
+    }
+    function K() {
+      _();
+      const h = o.value?.contentDocument;
+      if (!h?.body) return;
+      n.stage && (x = null, w = Pl(h), R(h)), T();
+      const A = h.defaultView?.ResizeObserver;
+      A && (y = new A(() => T()), y.observe(h.body));
+    }
+    te(
+      () => [n.html, n.styles],
       () => {
-        const c = n.value?.contentDocument;
-        l.stage && c?.body && x !== null && R(c);
+        const h = o.value?.contentDocument;
+        n.stage && h?.body && w !== null && R(h);
       }
-    ), X(b, (c, B) => {
-      c > 0 && B === 0 && setTimeout(V, 50);
-    }), X(s, () => setTimeout(V, 50)), Ge(y);
-    const J = T(() => ({
-      width: `${s.value}px`,
-      height: `${P.value}px`,
-      transform: `scale(${g.value})`
-    })), Z = T(() => ({
-      width: `${Math.round(s.value * g.value)}px`,
-      height: `${Math.round(P.value * g.value)}px`
+    ), te(r, (h, A) => {
+      h > 0 && A === 0 && setTimeout(T, 50);
+    }), te(a, () => setTimeout(T, 50)), Ze(_);
+    const Y = V(() => ({
+      width: `${a.value}px`,
+      height: `${m.value}px`,
+      transform: `scale(${p.value})`
+    })), X = V(() => ({
+      width: `${Math.round(a.value * p.value)}px`,
+      height: `${Math.round(m.value * p.value)}px`
     }));
-    return (c, B) => (i(), S("div", Bl, [
-      E("div", Ll, [
-        u(e(Ct), {
-          "model-value": s.value,
-          options: a.value,
+    return (h, A) => (u(), C("div", Rl, [
+      B("div", jl, [
+        f(l(Wt), {
+          "model-value": a.value,
+          options: s.value,
           size: "sm",
-          "aria-label": e(o)("page.width"),
-          "onUpdate:modelValue": B[0] || (B[0] = (D) => p(Number(D)))
+          "aria-label": l(t)("page.width"),
+          "onUpdate:modelValue": A[0] || (A[0] = (P) => d(Number(P)))
         }, null, 8, ["model-value", "options", "aria-label"])
       ]),
-      E("div", {
+      B("div", {
         ref_key: "box",
-        ref: r,
+        ref: i,
         class: "wx-block-stage__ground"
       }, [
-        t.loading && !t.html ? (i(), I(e(We), {
+        e.loading && !e.html ? (u(), D(l(We), {
           key: 0,
           rows: 3
-        })) : (i(), S("div", {
+        })) : (u(), C("div", {
           key: 1,
           class: "wx-block-stage__clip",
-          style: xe(Z.value)
+          style: xe(X.value)
         }, [
-          (i(), S("iframe", {
+          (u(), C("iframe", {
             ref_key: "frame",
-            ref: n,
-            key: k.value,
+            ref: o,
+            key: g.value,
             class: "wx-block-stage__frame",
-            src: t.stage ?? void 0,
-            srcdoc: f.value,
-            style: xe(J.value),
+            src: e.stage ?? void 0,
+            srcdoc: v.value,
+            style: xe(Y.value),
             sandbox: "allow-same-origin allow-scripts",
-            title: e(o)("page.preview"),
-            onLoad: q
-          }, null, 44, Wl))
+            title: l(t)("page.preview"),
+            onLoad: K
+          }, null, 44, Fl))
         ], 4))
       ], 512)
     ]));
   }
-}), zl = /* @__PURE__ */ oe(Al, [["__scopeId", "data-v-3185ee45"]]);
-function Ut(t) {
-  return typeof t == "object" && t !== null && typeof t.type == "string" && t.type !== "";
+}), ql = /* @__PURE__ */ ie(Hl, [["__scopeId", "data-v-3185ee45"]]);
+function jt(e) {
+  return typeof e == "object" && e !== null && typeof e.type == "string" && e.type !== "";
 }
-function Ze(t) {
-  return Array.isArray(t) && t.length > 0 && t.every(Ut);
+function Xe(e) {
+  return Array.isArray(e) && e.length > 0 && e.every(jt);
 }
-function lt() {
+function at() {
   return (typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID().replace(/-/g, "") : Math.random().toString(36).slice(2) + Math.random().toString(36).slice(2)).slice(0, 12);
 }
-function Il(t, l = {}) {
-  return { key: lt(), type: t, values: l };
+function Kl(e, n = {}) {
+  return { key: at(), type: e, values: n };
 }
-function re(t, l) {
-  return Mt(t, l, null, null);
+function re(e, n) {
+  return Ft(e, n, null, null);
 }
-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: a, list: t, index: s };
-    for (const [n, b] of Object.entries(r.values ?? {}))
-      if (Ze(b)) {
-        const P = Mt(b, l, r, n);
-        if (P) return P;
+function Ft(e, n, t, s) {
+  for (let a = 0; a < e.length; a++) {
+    const i = e[a];
+    if (i.key === n) return { node: i, parent: t, field: s, list: e, index: a };
+    for (const [o, r] of Object.entries(i.values ?? {}))
+      if (Xe(r)) {
+        const m = Ft(r, n, i, o);
+        if (m) return m;
       }
   }
   return null;
 }
-function Oe(t, l, o = 0, a = null) {
-  for (const s of t)
-    if (Ut(s)) {
-      l(s, o, a);
-      for (const r of Object.values(s.values ?? {}))
-        Ze(r) && Oe(r, l, o + 1, s);
-    }
-}
-function Nl(t, l) {
-  let o = 0;
-  return Oe(t, (a) => {
-    a.type === l && o++;
-  }), o;
-}
-function Pl(t) {
-  let l = 0;
-  for (const o of Object.values(t.values ?? {}))
-    Ze(o) && Oe(o, () => l++);
-  return l;
-}
-function wa(t) {
-  const l = [];
-  return Oe(t, (o) => {
-    l.includes(o.type) || l.push(o.type);
-  }), l;
-}
-function Dt(t) {
-  const l = [];
-  for (const o of t)
-    o.type === "wx-blocks" && l.push(o), o.children && l.push(...Dt(o.children));
-  return l;
-}
-function Ot(t) {
-  const l = {};
-  for (const [o, a] of Object.entries(t.values ?? {}))
-    l[o] = Ze(a) ? a.map(Ot) : ge(a);
-  return t.hidden === !0 ? { key: lt(), type: t.type, hidden: !0, values: l } : { key: lt(), type: t.type, values: l };
-}
-function Ul(t, l, o) {
-  const a = ge(t), s = re(a, l);
-  return s ? (o ? s.node.hidden = !0 : delete s.node.hidden, a) : t;
-}
-function Ml(t, l, o) {
-  if (l === null) return t;
-  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 kt(t, l, o, a, s) {
-  const r = ge(t), n = Ml(r, l, o);
-  return n ? (n.splice(Math.max(0, Math.min(a, n.length)), 0, s), r) : t;
-}
-function Dl(t, l) {
-  const o = ge(t), a = re(o, l);
-  return a ? (a.list.splice(a.index, 1), o) : t;
-}
-function Ol(t, l, o) {
-  const a = ge(t), s = re(a, l);
-  return s ? (s.node.values = o, a) : t;
-}
-function Rl(t, l, o, a) {
-  if (l === null) return ge(a);
-  const s = ge(t), r = re(s, l);
-  return !r || o === null ? t : (r.node.values[o] = ge(a), s);
-}
-function ge(t) {
-  return t === void 0 ? t : JSON.parse(JSON.stringify(t));
-}
-const Hl = {
+function je(e, n, t = 0, s = null) {
+  for (const a of e)
+    if (jt(a)) {
+      n(a, t, s);
+      for (const i of Object.values(a.values ?? {}))
+        Xe(i) && je(i, n, t + 1, a);
+    }
+}
+function Yl(e, n) {
+  let t = 0;
+  return je(e, (s) => {
+    s.type === n && t++;
+  }), t;
+}
+function Jl(e) {
+  let n = 0;
+  for (const t of Object.values(e.values ?? {}))
+    Xe(t) && je(t, () => n++);
+  return n;
+}
+function to(e) {
+  const n = [];
+  return je(e, (t) => {
+    n.includes(t.type) || n.push(t.type);
+  }), n;
+}
+function Ht(e) {
+  const n = [];
+  for (const t of e)
+    t.type === "wx-blocks" && n.push(t), t.children && n.push(...Ht(t.children));
+  return n;
+}
+function qt(e) {
+  const n = {};
+  for (const [t, s] of Object.entries(e.values ?? {}))
+    n[t] = Xe(s) ? s.map(qt) : ge(s);
+  return e.hidden === !0 ? { key: at(), type: e.type, hidden: !0, values: n } : { key: at(), type: e.type, values: n };
+}
+function Gl(e, n, t) {
+  const s = ge(e), a = re(s, n);
+  return a ? (t ? a.node.hidden = !0 : delete a.node.hidden, s) : e;
+}
+function Zl(e, n, t) {
+  if (n === null) return e;
+  const s = re(e, n);
+  if (!s || t === null) return null;
+  const a = s.node.values[t];
+  return Array.isArray(a) || (s.node.values[t] = []), s.node.values[t];
+}
+function xt(e, n, t, s, a) {
+  const i = ge(e), o = Zl(i, n, t);
+  return o ? (o.splice(Math.max(0, Math.min(s, o.length)), 0, a), i) : e;
+}
+function Ql(e, n) {
+  const t = ge(e), s = re(t, n);
+  return s ? (s.list.splice(s.index, 1), t) : e;
+}
+function Xl(e, n, t) {
+  const s = ge(e), a = re(s, n);
+  return a ? (a.node.values = t, s) : e;
+}
+function en(e, n, t, s) {
+  if (n === null) return ge(s);
+  const a = ge(e), i = re(a, n);
+  return !i || t === null ? e : (i.node.values[t] = ge(s), a);
+}
+function ge(e) {
+  return e === void 0 ? e : JSON.parse(JSON.stringify(e));
+}
+const tn = {
   module: {
     title: "Blocks"
   },
@@ -678,130 +680,439 @@ const Hl = {
     "ok-container": "Width is decided by container queries.",
     "ok-variables": "Every variable of the template is a field of the schema."
   }
-}, yt = /* @__PURE__ */ new WeakSet();
-function Re() {
+}, $t = /* @__PURE__ */ new WeakSet();
+function Fe() {
   try {
-    const { i18n: t } = Me();
-    yt.has(t) || (t.defaults("webx-blocks", Hl), yt.add(t));
+    const { i18n: e } = Oe();
+    $t.has(e) || (e.defaults("webx-blocks", tn), $t.add(e));
   } catch {
   }
 }
-const jl = ["block", "entity", "loop", "__env", "errors", "app"];
-function Fl(t, l, o) {
-  const a = [];
-  /data-wx-block\s*=/.test(l.template) || a.push({ file: "template", code: "no-marker", line: null, message: o("checks.no-marker") });
-  const s = ql(l.template, l.schema);
-  s.length > 0 && a.push({
+function ot(e) {
+  return [
+    Tl({ icons: !1 }),
+    Vl.languageData.of(() => [{ autocomplete: e }])
+  ];
+}
+const ln = [
+  ["block", "key, type, version, depth, value()"],
+  ["entity", "the page or article the block stands on"]
+], nn = ["key", "type", "version", "depth"], Kt = ["url", "alt", "title", "path"], sn = [...Kt, "thumb", "name", "extension", "mime", "size", "width", "height"], on = ["wx-media"], an = ["wx-gallery", "wx-files"];
+function rn({ schema: e, styles: n }) {
+  return (t) => {
+    const s = t.state.sliceDoc(Math.max(0, t.pos - 200), t.pos), a = /\$block->(\w*)$/.exec(s);
+    if (a) return dn(t, a[1]);
+    const i = /\$(\w+)\[\s*(['"]?)(\w*)$/.exec(s);
+    if (i) return pn(t, i[1], i[2], i[3], e());
+    const o = /\$(\w*)$/.exec(s);
+    if (o)
+      return {
+        from: t.pos - o[0].length,
+        options: un(e(), t.state.doc.toString()),
+        validFor: /^\$\w*$/
+      };
+    const r = /(\{\{|\{!!)(\s*)(\w*)$/.exec(s);
+    if (r) return cn(t, r[1], r[2], r[3], e());
+    const m = /\bclass\s*=\s*"([^"]*)$/.exec(s);
+    if (m) return vn(t, m[1], n());
+    const c = /(?:^|[\s>(])@(\w*)$/.exec(s);
+    return c ? {
+      from: t.pos - c[1].length - 1,
+      options: mn(e()),
+      validFor: /^@\w*$/
+    } : null;
+  };
+}
+function un(e, n) {
+  const t = Gt(e).map((s, a) => ({
+    label: `$${s.id}`,
+    detail: s.type,
+    info: s.label,
+    type: "variable",
+    boost: 50 - a
+  }));
+  for (const s of Yt(n).keys())
+    t.push({ label: `$${s}`, detail: "loop", type: "variable" });
+  for (const [s, a] of ln)
+    t.push({ label: `$${s}`, detail: "given", info: a, type: "variable", boost: -10 });
+  return t.push({ label: "$loop", detail: "given", info: "inside @foreach", boost: -20 }), t;
+}
+function cn(e, n, t, s, a) {
+  const i = Gt(a);
+  if (i.length === 0) return null;
+  const o = n === "{{" ? "}}" : "!!}";
+  return {
+    from: e.pos - s.length,
+    options: i.map((r, m) => ({
+      label: r.id,
+      displayLabel: `$${r.id}`,
+      detail: r.type,
+      info: r.label,
+      type: "variable",
+      boost: 50 - m,
+      apply: (c, d, p, v) => {
+        const g = c.state.sliceDoc(v, v + 8), x = new RegExp(`^\\s*${_n(o)}`).exec(g), T = x ? /^\s/.test(g) ? "" : " " : ` ${o}`, w = `${t === "" ? " " : ""}$${r.id}${T}`;
+        c.dispatch({
+          changes: { from: p, to: v, insert: w },
+          // Past the closing braces: the echo is finished, the next thing is the markup.
+          selection: { anchor: p + w.length + (x ? x[0].length : 0) },
+          annotations: rt.of(d),
+          userEvent: "input.complete"
+        });
+      }
+    })),
+    validFor: /^\w*$/
+  };
+}
+function dn(e, n) {
+  return {
+    from: e.pos - n.length,
+    options: [
+      ...nn.map((t) => ({ label: t, type: "property" })),
+      me("value('${name}', ${default})", {
+        label: "value",
+        detail: "('name', default)",
+        type: "method"
+      })
+    ],
+    validFor: /^\w*$/
+  };
+}
+function pn(e, n, t, s, a) {
+  const i = fn(n, a, e.state.doc.toString());
+  return i.length === 0 ? null : {
+    from: e.pos - s.length,
+    options: i.map(([o, r]) => ({
+      label: o,
+      detail: r,
+      type: "property",
+      apply: (m, c, d, p) => {
+        const v = t ? d - 1 : d, g = m.state.sliceDoc(p, p + 2), x = t || "'", T = p + (g.startsWith(x) ? 1 : 0), w = m.state.sliceDoc(T, T + 1) === "]", y = `${x}${o}${x}${w ? "" : "]"}`;
+        m.dispatch({
+          changes: { from: v, to: T, insert: y },
+          selection: { anchor: v + y.length + (w ? 1 : 0) },
+          annotations: rt.of(c),
+          userEvent: "input.complete"
+        });
+      }
+    })),
+    validFor: /^\w*$/
+  };
+}
+function fn(e, n, t) {
+  const s = Le(n).find((o) => o.id === e);
+  if (s && on.includes(s.type)) return Kt.map((o) => [o, s.type]);
+  const a = Yt(t).get(e), i = a ? Le(n).find((o) => o.id === a) : void 0;
+  return i ? an.includes(i.type) ? sn.map((o) => [o, i.type]) : i.type === "wx-repeater" ? Le(i.children ?? []).map((o) => [o.id, o.type]) : [] : [];
+}
+function Yt(e) {
+  const n = /* @__PURE__ */ new Map();
+  for (const t of e.matchAll(/\$(\w+)\s+as\s+\$(\w+)(?:\s*=>\s*\$(\w+))?/g))
+    n.set(t[3] ?? t[2], t[1]);
+  return n;
+}
+function vn(e, n, t) {
+  const s = /[\w-]*$/.exec(n)[0], a = new Set(n.split(/\s+/));
+  return {
+    from: e.pos - s.length,
+    options: Jt(t).filter((i) => !a.has(i) || i === s).map((i) => ({ label: i, detail: "styles", type: "class" })),
+    validFor: /^[\w-]*$/
+  };
+}
+function mn(e) {
+  const n = Le(e).filter((t) => t.type === "wx-blocks");
+  return [
+    me("@if (${condition})\n	${}\n@endif", { label: "@if", type: "keyword" }),
+    me("@isset(${value})\n	${}\n@endisset", { label: "@isset", type: "keyword" }),
+    me("@foreach (${items} as ${item})\n	${}\n@endforeach", {
+      label: "@foreach",
+      type: "keyword"
+    }),
+    me("@forelse (${items} as ${item})\n	${}\n@empty\n	${}\n@endforelse", {
+      label: "@forelse",
+      type: "keyword"
+    }),
+    me("@unless (${condition})\n	${}\n@endunless", {
+      label: "@unless",
+      type: "keyword"
+    }),
+    me("@class([${}])", { label: "@class", type: "keyword" }),
+    me("@style([${}])", { label: "@style", type: "keyword" }),
+    ...n.map(
+      (t) => me(`@blocks('${t.id}')`, {
+        label: "@blocks",
+        detail: `('${t.id}')`,
+        type: "keyword",
+        boost: 10
+      })
+    ),
+    ...["@elseif", "@else", "@endif", "@endforeach", "@endisset", "@empty", "@endforelse"].map(
+      (t) => ({ label: t, type: "keyword", boost: -10 })
+    )
+  ];
+}
+function hn({ slug: e, template: n }) {
+  return (t) => {
+    const s = t.state.sliceDoc(Math.max(0, t.pos - 200), t.pos), a = /(?:^|[\s,>+~(}{])\.([\w-]*)$/.exec(s);
+    if (!a) return null;
+    const i = /[^{};]*$/.exec(s)[0];
+    if (/^\s*[\w-]+\s*:\s/.test(i)) return null;
+    const o = `b-${e()}`, r = new Set(Jt(t.state.doc.toString())), m = bn(n()), c = [o, ...m.filter((p) => p !== o)], d = c.map((p, v) => ({
+      label: `.${p}`,
+      // A class the template uses and nothing styles yet is the likeliest thing to write.
+      detail: r.has(p) ? "template" : "template · no rule yet",
+      type: "class",
+      boost: (r.has(p) ? 0 : 20) + (p === o ? 30 : 0) - v / 100
+    }));
+    for (const p of r)
+      c.includes(p) || d.push({ label: `.${p}`, detail: "styles", type: "class" });
+    return { from: t.pos - a[1].length - 1, options: d, validFor: /^\.[\w-]*$/ };
+  };
+}
+function Jt(e) {
+  const n = e.replace(/\/\*[\s\S]*?\*\//g, ""), t = /* @__PURE__ */ new Set(), s = [];
+  let a = "";
+  for (const i of n)
+    if (i === "{") {
+      const o = s.at(-1) ?? [""], r = a.split(",").map((m) => m.trim()).filter((m) => m !== "" && !m.startsWith("@")).flatMap(
+        (m) => m.includes("&") ? o.map((c) => m.replaceAll("&", c)) : o.map((c) => c ? `${c} ${m}` : m)
+      );
+      for (const m of r)
+        for (const c of m.matchAll(/\.(-?[a-zA-Z_][\w-]*)/g)) t.add(c[1]);
+      s.push(a.trim().startsWith("@") ? o : r.length ? r : o), a = "";
+    } else i === "}" ? (s.pop(), a = "") : i === ";" ? a = "" : a += i;
+  return [...t];
+}
+function bn(e) {
+  const n = /* @__PURE__ */ new Set();
+  for (const t of e.matchAll(/\bclass\s*=\s*"([^"]*)"/g)) {
+    const s = t[1].replace(/\{\{[\s\S]*?\}\}|\{!![\s\S]*?!!\}|@\w+(\([^)]*\))?/g, " ");
+    for (const a of s.split(/\s+/))
+      /^-?[a-zA-Z_][\w-]*$/.test(a) && n.add(a);
+  }
+  return [...n];
+}
+const gn = [
+  { key: "id", value: '""', info: "The variable the template gets, in snake_case." },
+  { key: "type", value: '""', info: "A type from the registry." },
+  { key: "label", value: '""', info: "What the editor sees above the field." },
+  { key: "help", value: '""', info: "A hint under the field." },
+  { key: "localized", value: "true", info: "Edited per content language." },
+  { key: "props", value: "{}", info: "Passed to the component as they are." },
+  { key: "children", value: "[]", info: "Nodes inside a layout node or a repeater." },
+  { key: "visible", value: "", info: "`false`, or a condition on another field." },
+  { key: "slot", value: '""', info: "The parent's named slot to land in." },
+  { key: "can", value: '""', info: "The permission the node needs." }
+];
+function yn({ types: e }) {
+  return (n) => {
+    const t = kn(n.state.doc.toString(), n.pos);
+    if (!t || !t.node) return null;
+    const s = t.string ? n.state.sliceDoc(t.string, n.pos) : /[\w-]*$/.exec(n.state.sliceDoc(Math.max(0, n.pos - 60), n.pos))[0];
+    if (!t.string && s === "" && !n.explicit) return null;
+    const a = n.pos - s.length, i = t.string !== null;
+    if (t.phase === "key") {
+      const o = gn.filter(({ key: r }) => !t.keys.has(r) || r === s).map(
+        ({ key: r, value: m, info: c }, d) => ({
+          label: r,
+          info: c,
+          type: "property",
+          boost: -d,
+          apply: (p, v, g, x) => St(p, v, g, x, i, `"${r}": ${m}`, m)
+        })
+      );
+      return { from: a, options: o, validFor: /^[\w-]*$/ };
+    }
+    if (t.phase === "value" && t.key === "type") {
+      const o = Object.entries(e()).map(([r, m]) => ({
+        label: r,
+        detail: m.kind,
+        type: "type",
+        // Fields first: a block's schema is mostly fields, the layout only groups them.
+        boost: m.kind === "field" ? 1 : 0,
+        apply: (c, d, p, v) => St(c, d, p, v, i, `"${r}"`, "")
+      }));
+      return { from: a, options: o, validFor: /^[\w-]*$/ };
+    }
+    return null;
+  };
+}
+function St(e, n, t, s, a, i, o) {
+  const r = a ? t - 1 : t, m = /^[\w-]*"?/.exec(e.state.sliceDoc(s, s + 60))[0], c = s + (a ? m.length : /^[\w-]*/.exec(m)[0].length), d = o === '""' || o === "{}" || o === "[]" ? 1 : 0;
+  e.dispatch({
+    changes: { from: r, to: c, insert: i },
+    selection: { anchor: r + i.length - d },
+    annotations: rt.of(n),
+    userEvent: "input.complete"
+  }), i.startsWith('"type"') && Cl(e);
+}
+function kn(e, n) {
+  let t = null, s = null, a = null, i = !1;
+  const o = (r) => r?.kind === "object" && r.parent?.kind === "array" && (r.parent.parent === null || r.parent.under === "children");
+  for (let r = 0; r <= e.length && (r === n && (s = t?.kind === "object" ? {
+    node: o(t),
+    phase: a?.key ? "key" : t.phase,
+    key: t.key,
+    keys: t.keys,
+    string: a ? a.start + 1 : null
+  } : null), r !== e.length); r++) {
+    const m = e[r];
+    if (a) {
+      if (i) i = !1;
+      else if (m === "\\") i = !0;
+      else if (m === '"' || m === `
+`) {
+        const c = e.slice(a.start + 1, r);
+        t?.kind === "object" && (a.key ? (t.keys.add(c), t.key = c, t.phase = "colon") : t.phase === "value" && (t.phase = "after")), a = null;
+      }
+      continue;
+    }
+    if (!/\s/.test(m))
+      if (m === '"')
+        a = { start: r, key: t?.kind === "object" && t.phase === "key" };
+      else if (m === "{" || m === "[") {
+        const c = {
+          kind: m === "{" ? "object" : "array",
+          parent: t,
+          under: t?.kind === "object" ? t.key : null,
+          keys: /* @__PURE__ */ new Set(),
+          phase: "key",
+          key: null
+        };
+        t?.kind === "object" && (t.phase = "after"), t = c;
+      } else m === "}" || m === "]" ? t = t?.parent ?? null : m === ":" ? t?.kind === "object" && (t.phase = "value") : m === "," && t?.kind === "object" && (t.phase = "key", t.key = null);
+  }
+  return s;
+}
+function Le(e) {
+  const n = [];
+  for (const t of e)
+    !t || typeof t != "object" || (wn.has(t.type) ? n.push(...Le(t.children ?? [])) : typeof t.id == "string" && t.id !== "" && n.push(t));
+  return n;
+}
+function Gt(e) {
+  return Le(e).filter((n) => n.type !== "wx-blocks");
+}
+const wn = /* @__PURE__ */ new Set(["wx-card", "wx-tabs", "wx-tab", "wx-row", "wx-col", "wx-divider"]);
+function _n(e) {
+  return e.replace(/[.*+?^${}()|[\]\\!]/g, "\\$&");
+}
+const xn = ["block", "entity", "loop", "__env", "errors", "app"];
+function $n(e, n, t) {
+  const s = [];
+  /data-wx-block\s*=/.test(n.template) || s.push({ file: "template", code: "no-marker", line: null, message: t("checks.no-marker") });
+  const a = Sn(n.template, n.schema);
+  a.length > 0 && s.push({
     file: "template",
     code: "variables-missing",
     line: null,
-    message: o("checks.variables-missing", {
-      variables: s.map((p) => `$${p}`).join(", ")
+    message: t("checks.variables-missing", {
+      variables: a.map((d) => `$${d}`).join(", ")
     })
   });
-  const r = [], n = [], b = `.b-${t}`;
-  for (const [p, g] of Jl(l.styles))
-    p.startsWith(b) || p.startsWith("&") || (/^[a-z][a-z0-9-]*/i.test(p) ? n.push([p, g]) : r.push([p, g]));
-  r.length > 0 && a.push({
+  const i = [], o = [], r = `.b-${e}`;
+  for (const [d, p] of En(n.styles))
+    d.startsWith(r) || d.startsWith("&") || (/^[a-z][a-z0-9-]*/i.test(d) ? o.push([d, p]) : i.push([d, p]));
+  i.length > 0 && s.push({
     file: "styles",
     code: "stray-selectors",
-    line: r[0][1],
-    message: o("checks.stray-selectors", { slug: t, selectors: wt(r) })
-  }), n.length > 0 && a.push({
+    line: i[0][1],
+    message: t("checks.stray-selectors", { slug: e, selectors: Et(i) })
+  }), o.length > 0 && s.push({
     file: "styles",
     code: "bare-selectors",
-    line: n[0][1],
-    message: o("checks.bare-selectors", { selectors: wt(n) })
+    line: o[0][1],
+    message: t("checks.bare-selectors", { selectors: Et(o) })
   });
-  const P = Ht(l.styles), v = /@media\b/.exec(P);
-  return v && a.push({
+  const m = Qt(n.styles), c = /@media\b/.exec(m);
+  return c && s.push({
     file: "styles",
     code: "media-query",
-    line: jt(P, v.index),
-    message: o("checks.media-query")
-  }), a;
-}
-function Rt(t) {
-  const l = [];
-  for (const o of t)
-    o.id && l.push(o.id), o.children && l.push(...Rt(o.children));
-  return l;
-}
-function ql(t, l) {
-  const o = /* @__PURE__ */ new Set([...Rt(l), ...jl]);
-  for (const s of t.matchAll(/\bas\s+\$([a-zA-Z_]\w*)(?:\s*=>\s*\$([a-zA-Z_]\w*))?/g))
-    o.add(s[1]), s[2] && o.add(s[2]);
-  for (const s of t.matchAll(/\$([a-zA-Z_]\w*)\s*(?:=[^=]|\+\+|--|\.=|\+=|-=)/g))
-    o.add(s[1]);
-  const a = [];
-  for (const s of t.matchAll(/\$([a-zA-Z_]\w*)/g)) {
-    const r = s[1];
-    !o.has(r) && !a.includes(r) && a.push(r);
+    line: Xt(m, c.index),
+    message: t("checks.media-query")
+  }), s;
+}
+function Zt(e) {
+  const n = [];
+  for (const t of e)
+    t.id && n.push(t.id), t.children && n.push(...Zt(t.children));
+  return n;
+}
+function Sn(e, n) {
+  const t = /* @__PURE__ */ new Set([...Zt(n), ...xn]);
+  for (const a of e.matchAll(/\bas\s+\$([a-zA-Z_]\w*)(?:\s*=>\s*\$([a-zA-Z_]\w*))?/g))
+    t.add(a[1]), a[2] && t.add(a[2]);
+  for (const a of e.matchAll(/\$([a-zA-Z_]\w*)\s*(?:=[^=]|\+\+|--|\.=|\+=|-=)/g))
+    t.add(a[1]);
+  const s = [];
+  for (const a of e.matchAll(/\$([a-zA-Z_]\w*)/g)) {
+    const i = a[1];
+    !t.has(i) && !s.includes(i) && s.push(i);
   }
-  return a;
-}
-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 n of s.split(",")) {
-        const b = n.trim();
-        b === "" || b === "from" || b === "to" || b.endsWith("%") || o.push([b, jt(l, a.index + s.indexOf(b))]);
+  return s;
+}
+function En(e) {
+  const n = Qt(e), t = [];
+  for (const s of n.matchAll(/([^{};]+)\{/g)) {
+    const a = s[1], i = a.trim();
+    if (!(i === "" || i.startsWith("@")))
+      for (const o of a.split(",")) {
+        const r = o.trim();
+        r === "" || r === "from" || r === "to" || r.endsWith("%") || t.push([r, Xt(n, s.index + a.indexOf(r))]);
       }
   }
-  return o;
+  return t;
 }
-function Ht(t) {
-  return t.replace(/\/\*[\s\S]*?\*\//g, (l) => l.replace(/[^\n]/g, " "));
+function Qt(e) {
+  return e.replace(/\/\*[\s\S]*?\*\//g, (n) => n.replace(/[^\n]/g, " "));
 }
-function jt(t, l) {
-  return t.slice(0, Math.max(0, l)).split(`
+function Xt(e, n) {
+  return e.slice(0, Math.max(0, n)).split(`
 `).length;
 }
-function wt(t) {
-  const l = [...new Set(t.map(([o]) => o))];
-  return l.slice(0, 3).join(", ") + (l.length > 3 ? ", …" : "");
+function Et(e) {
+  const n = [...new Set(e.map(([t]) => t))];
+  return n.slice(0, 3).join(", ") + (n.length > 3 ? ", …" : "");
 }
-function st(t) {
-  return t.map((l) => ({
-    ...l,
-    name: l.name ?? l.id,
-    children: l.children ? st(l.children) : l.children
+function dt(e) {
+  return e.map((n) => ({
+    ...n,
+    name: n.name ?? n.id,
+    children: n.children ? dt(n.children) : n.children
   }));
 }
-function nt(t, l) {
-  return t === 0 ? l("page.not-used") : t === 1 ? l("page.on-page") : l("page.on-pages", { count: t });
+function it(e, n) {
+  return e === 0 ? n("page.not-used") : e === 1 ? n("page.on-page") : n("page.on-pages", { count: e });
 }
-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;
+function Me(e, n) {
+  const t = `groups.${e}`, s = n(t);
+  return s === t || s === `webx-blocks::${t}` ? e.charAt(0).toUpperCase() + e.slice(1) : s;
 }
-const Kl = { class: "wx-block-editor" }, Gl = { class: "wx-block-editor__split" }, Yl = {
+const Tn = { class: "wx-block-editor" }, Cn = { class: "wx-block-editor__split" }, Vn = {
   type: "button",
   class: "wx-block-editor__uses"
-}, Zl = { class: "wx-block-editor__usage" }, Ql = { class: "wx-block-editor__pane" }, Xl = {
+}, Bn = { class: "wx-block-editor__usage" }, An = { class: "wx-block-editor__pane" }, Wn = {
   key: 0,
   class: "wx-block-editor__pills"
-}, 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 = {
+}, Ln = ["disabled", "onClick", "textContent"], zn = { class: "wx-block-editor__pane" }, Mn = { class: "wx-block-editor__pane" }, Dn = { class: "wx-block-editor__note" }, In = { class: "wx-block-editor__split" }, Nn = { class: "wx-block-editor__pane" }, Pn = { class: "wx-block-editor__note" }, Un = { class: "wx-block-editor__settings" }, On = {
   key: 0,
   class: "is-wide wx-block-editor__danger"
-}, cn = /* @__PURE__ */ ae({
+}, Rn = /* @__PURE__ */ ae({
   __name: "BlockEditorPage",
   props: {
     base: { default: "/blocks" }
   },
-  setup(t) {
-    const l = t, o = Me(), a = Ae(o), s = tl(), r = Tt();
-    Re();
-    const n = de("webx-blocks"), b = De(), P = T(() => Number(s.params.id)), v = U(null), p = U([]), g = U(!0), f = U(!1), k = U(!1), C = U("template"), V = T(() => {
-      const A = o.state.manifest?.modules.find((h) => h.id === "blocks")?.meta;
+  setup(e) {
+    const n = e, t = Oe(), s = ze(t), a = cl(), i = At();
+    Fe();
+    const o = de("webx-blocks"), r = Re(), m = V(() => Number(a.params.id)), c = N(null), d = N([]), p = N(!0), v = N(!1), g = N(!1), x = N("template"), T = V(() => {
+      const W = t.state.manifest?.modules.find((k) => k.id === "blocks")?.meta;
       return {
-        groups: A?.groups ?? [],
-        editing: A?.editing ?? !0,
-        provides: A?.provides ?? []
+        groups: W?.groups ?? [],
+        editing: W?.editing ?? !0,
+        provides: W?.provides ?? []
       };
-    }), x = T(() => o.can("blocks.manage") && V.value.editing), m = Qe({
+    }), w = V(() => t.can("blocks.manage") && T.value.editing), y = lt({
       slug: "",
       title: "",
       description: "",
@@ -812,194 +1123,205 @@ const Kl = { class: "wx-block-editor" }, Gl = { class: "wx-block-editor__split"
       allowed_in: [],
       max_per_entity: null,
       is_enabled: !0
-    }), y = Qe({
+    }), _ = lt({
       schema: [],
       template: "",
       styles: "",
       script: null,
       sample: {}
-    }), R = U("[]"), q = U(null), J = U(""), Z = U({}), c = U(null), B = Qe({
+    }), R = N("[]"), K = N(null), Y = N(""), X = N({}), h = N(null), A = lt({
       html: "",
       styles: "",
       script: null,
       runtime: null,
       stage: null,
       loading: !1
-    }), D = T(() => JSON.stringify({ settings: m, content: y })), K = T(() => J.value !== "" && D.value !== J.value), Se = T(() => Fl(m.slug, y, n)), pe = T(() => {
-      const A = [...V.value.groups];
-      return A.includes(m.group) || A.push(m.group), A.map((h) => ({ value: h, label: ze(h, n) }));
-    }), se = T({
-      get: () => y.sample,
-      set: (A) => {
-        y.sample = A;
+    }), P = V(() => JSON.stringify({ settings: y, content: _ })), J = V(() => Y.value !== "" && P.value !== Y.value), Se = V(() => $n(y.slug, _, o)), ne = {
+      template: [
+        ot(
+          rn({ schema: () => _.schema, styles: () => _.styles })
+        )
+      ],
+      styles: [
+        ot(hn({ slug: () => y.slug, template: () => _.template }))
+      ],
+      // The renderer's own types under the panel's, the same merge the sample form is drawn with.
+      schema: [ot(yn({ types: () => ({ ...Ye, ...t.types }) }))]
+    }, pe = V(() => {
+      const W = [...T.value.groups];
+      return W.includes(y.group) || W.push(y.group), W.map((k) => ({ value: k, label: Me(k, o) }));
+    }), ke = V({
+      get: () => _.sample,
+      set: (W) => {
+        _.sample = W;
       }
-    }), _e = T(() => Te(y.schema));
-    function Te(A) {
-      const h = [];
-      for (const $ of A)
-        $.type !== "wx-blocks" && !($.children?.length && !$.name) && h.push($.id), $.children && h.push(...Te($.children));
-      return h;
-    }
-    function ke(A) {
-      v.value = A, Object.assign(m, {
-        slug: A.slug,
-        title: A.title,
-        description: A.description,
-        icon: A.icon,
-        group: A.group,
-        sort: A.sort,
-        allow: A.allow ?? [],
-        allowed_in: A.allowed_in ?? [],
-        max_per_entity: A.max_per_entity,
-        is_enabled: A.is_enabled
+    }), Ee = V(() => Te(_.schema));
+    function Te(W) {
+      const k = [];
+      for (const E of W)
+        E.type !== "wx-blocks" && !(E.children?.length && !E.name) && k.push(E.id), E.children && k.push(...Te(E.children));
+      return k;
+    }
+    function Q(W) {
+      c.value = W, Object.assign(y, {
+        slug: W.slug,
+        title: W.title,
+        description: W.description,
+        icon: W.icon,
+        group: W.group,
+        sort: W.sort,
+        allow: W.allow ?? [],
+        allowed_in: W.allowed_in ?? [],
+        max_per_entity: W.max_per_entity,
+        is_enabled: W.is_enabled
       });
-      const h = A.content ?? {
+      const k = W.content ?? {
         schema: [],
         template: "",
         styles: "",
         script: null,
         sample: {}
       };
-      Object.assign(y, ge(h)), R.value = JSON.stringify(h.schema, null, 2), q.value = null, J.value = D.value;
+      Object.assign(_, ge(k)), R.value = JSON.stringify(k.schema, null, 2), K.value = null, Y.value = P.value;
     }
-    async function te() {
-      g.value = !0;
+    async function we() {
+      p.value = !0;
       try {
-        ke(await a.get(P.value)), p.value = await a.usage(P.value);
-      } catch (A) {
-        G.danger(b(A));
+        Q(await s.get(m.value)), d.value = await s.usage(m.value);
+      } catch (W) {
+        Z.danger(r(W));
       } finally {
-        g.value = !1;
+        p.value = !1;
       }
     }
-    function Ce(A) {
-      R.value = A;
+    function Ce(W) {
+      R.value = W;
       try {
-        const h = JSON.parse(A);
-        if (!Array.isArray(h)) throw new Error("not a list");
-        y.schema = h, q.value = null;
-      } catch (h) {
-        q.value = n("page.schema-invalid", { error: h.message });
+        const k = JSON.parse(W);
+        if (!Array.isArray(k)) throw new Error("not a list");
+        _.schema = k, K.value = null;
+      } catch (k) {
+        K.value = o("page.schema-invalid", { error: k.message });
       }
     }
-    let ye, fe = 0;
-    function z() {
+    let ye, L = 0;
+    function U() {
       clearTimeout(ye), ye = setTimeout(() => {
-        O();
+        j();
       }, 250);
     }
-    async function O() {
-      if (!v.value) return;
-      const A = ++fe;
-      B.loading = !0;
+    async function j() {
+      if (!c.value) return;
+      const W = ++L;
+      A.loading = !0;
       try {
-        const h = await a.render(v.value.id, {
-          values: y.sample,
-          content: x.value ? {
-            template: y.template,
-            styles: y.styles,
-            script: y.script,
-            schema: y.schema
+        const k = await s.render(c.value.id, {
+          values: _.sample,
+          content: w.value ? {
+            template: _.template,
+            styles: _.styles,
+            script: _.script,
+            schema: _.schema
           } : void 0
         });
-        if (A !== fe) return;
-        B.html = h.html, B.styles = h.styles, B.script = h.script, B.runtime = h.runtime, B.stage = h.stage ?? null;
-      } catch (h) {
-        A === fe && G.danger(b(h));
+        if (W !== L) return;
+        A.html = k.html, A.styles = k.styles, A.script = k.script, A.runtime = k.runtime, A.stage = k.stage ?? null;
+      } catch (k) {
+        W === L && Z.danger(r(k));
       } finally {
-        A === fe && (B.loading = !1);
+        W === L && (A.loading = !1);
       }
     }
-    X(
-      () => [y.template, y.styles, y.script, y.schema, y.sample],
-      z,
+    te(
+      () => [_.template, _.styles, _.script, _.schema, _.sample],
+      U,
       { deep: !0 }
     );
-    const H = U(null);
-    function Y(A) {
-      return `{{ $${A} }}`;
-    }
-    function ve(A) {
-      const $ = H.value?.view?.value;
-      if (!$) {
-        y.template += `{{ $${A} }}`;
+    const G = N(null);
+    function fe(W) {
+      return `{{ $${W} }}`;
+    }
+    function _e(W) {
+      const E = G.value?.view?.value;
+      if (!E) {
+        _.template += `{{ $${W} }}`;
         return;
       }
-      $.dispatch($.state.replaceSelection(`{{ $${A} }}`)), $.focus();
+      E.dispatch(E.state.replaceSelection(`{{ $${W} }}`)), E.focus();
     }
-    async function me() {
-      if (!v.value) return;
-      f.value = !0, Z.value = {}, c.value = null;
-      const A = v.value.draft?.number ?? null;
+    async function se() {
+      if (!c.value) return;
+      v.value = !0, X.value = {}, h.value = null;
+      const W = c.value.draft?.number ?? null;
       try {
-        const h = await a.update(v.value.id, {
-          ...m,
-          allow: m.allow.length ? m.allow : null,
-          allowed_in: m.allowed_in.length ? m.allowed_in : null,
-          description: m.description || null,
-          icon: m.icon || null,
-          content: q.value ? { ...y, schema: void 0 } : y
+        const k = await s.update(c.value.id, {
+          ...y,
+          allow: y.allow.length ? y.allow : null,
+          allowed_in: y.allowed_in.length ? y.allowed_in : null,
+          description: y.description || null,
+          icon: y.icon || null,
+          content: K.value ? { ..._, schema: void 0 } : _
         });
-        ke(h), G.success(
-          h.draft && h.draft.number !== A ? n("page.saved", { number: h.draft.number }) : n("page.unchanged")
+        Q(k), Z.success(
+          k.draft && k.draft.number !== W ? o("page.saved", { number: k.draft.number }) : o("page.unchanged")
         );
-      } catch (h) {
-        const $ = h.body;
-        $?.errors ? (Z.value = $.errors, G.danger(n("page.failed"))) : G.danger(b(h, n("page.failed")));
+      } catch (k) {
+        const E = k.body;
+        E?.errors ? (X.value = E.errors, Z.danger(o("page.failed"))) : Z.danger(r(k, o("page.failed")));
       } finally {
-        f.value = !1;
+        v.value = !1;
       }
     }
-    async function ie() {
-      if (!(!v.value?.draft || (K.value && await me(), !v.value.draft) || !await Ke({
-        title: n("page.publish-title", { number: v.value.draft.number }),
-        message: n("page.publish-text", { count: v.value.usage_count }),
-        confirmText: n("page.publish"),
-        cancelText: n("page.cancel")
+    async function ve() {
+      if (!(!c.value?.draft || (J.value && await se(), !c.value.draft) || !await Ge({
+        title: o("page.publish-title", { number: c.value.draft.number }),
+        message: o("page.publish-text", { count: c.value.usage_count }),
+        confirmText: o("page.publish"),
+        cancelText: o("page.cancel")
       }))) {
-        k.value = !0, c.value = null;
+        g.value = !0, h.value = null;
         try {
-          ke(await a.publish(v.value.id)), G.success(n("page.published", { number: v.value.published?.number ?? 0 }));
-        } catch (h) {
-          const $ = h.body;
-          $?.errors ? (c.value = $, C.value = "template", G.danger(n("page.publish-failed"))) : G.danger(b(h, n("page.publish-failed")));
+          Q(await s.publish(c.value.id)), Z.success(o("page.published", { number: c.value.published?.number ?? 0 }));
+        } catch (k) {
+          const E = k.body;
+          E?.errors ? (h.value = E, x.value = "template", Z.danger(o("page.publish-failed"))) : Z.danger(r(k, o("page.publish-failed")));
         } finally {
-          k.value = !1;
+          g.value = !1;
         }
       }
     }
-    async function we() {
-      if (!(!v.value || !await Ke({
-        title: n("page.delete-title", { title: v.value.title }),
-        message: n("page.delete-text"),
-        confirmText: n("page.delete"),
-        cancelText: n("page.cancel"),
+    async function Ve() {
+      if (!(!c.value || !await Ge({
+        title: o("page.delete-title", { title: c.value.title }),
+        message: o("page.delete-text"),
+        confirmText: o("page.delete"),
+        cancelText: o("page.cancel"),
         tone: "danger"
       })))
         try {
-          await a.remove(v.value.id), G.success(n("page.deleted")), r.push(l.base);
-        } catch (h) {
-          G.danger(b(h));
+          await s.remove(c.value.id), Z.success(o("page.deleted")), i.push(n.base);
+        } catch (k) {
+          Z.danger(r(k));
         }
     }
-    const Ve = T(
-      () => c.value ? {
-        message: c.value.errors.template?.[0] ?? c.value.message,
-        line: c.value.line,
-        where: c.value.entity ? n("page.failed-on", {
-          title: c.value.entity.title ?? `#${c.value.entity.id}`
+    const De = V(
+      () => h.value ? {
+        message: h.value.errors.template?.[0] ?? h.value.message,
+        line: h.value.line,
+        where: h.value.entity ? o("page.failed-on", {
+          title: h.value.entity.title ?? `#${h.value.entity.id}`
         }) : null
       } : null
-    ), Ee = T(() => C.value === "template" || C.value === "styles"), w = T(() => [
+    ), $ = V(() => x.value === "template" || x.value === "styles"), M = V(() => [
       {
-        title: n("page.example-handler"),
+        title: o("page.example-handler"),
         code: `el.querySelector('.b-hero__button')?.addEventListener('click', (event) => {
   event.preventDefault()
   el.classList.toggle('is-open')
 })`
       },
       {
-        title: n("page.example-values"),
+        title: o("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) }}">
@@ -1008,304 +1330,306 @@ const seconds = Number(values.delay ?? 5)
 setInterval(() => el.classList.toggle('is-second'), seconds * 1000)`
       },
       {
-        title: n("page.example-provided"),
+        title: o("page.example-provided"),
         code: `const Swiper = await webx.use('swiper')
 new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       }
-    ]), L = T(() => p.value.slice(0, 5));
-    function M(A) {
-      return Z.value[A]?.[0];
+    ]), O = V(() => d.value.slice(0, 5));
+    function H(W) {
+      return X.value[W]?.[0];
     }
-    function Q(A) {
-      K.value && A.preventDefault();
+    function ee(W) {
+      J.value && W.preventDefault();
     }
     Ue(() => {
-      te(), window.addEventListener("beforeunload", Q);
-    }), Ge(() => {
-      clearTimeout(ye), window.removeEventListener("beforeunload", Q);
-    }), X(P, () => {
-      te();
+      we(), window.addEventListener("beforeunload", ee);
+    }), Ze(() => {
+      clearTimeout(ye), window.removeEventListener("beforeunload", ee);
+    }), te(m, () => {
+      we();
     });
-    const le = T(
-      () => x.value ? [
-        { key: "save", label: n("page.save"), loading: f.value, run: () => {
-          me();
+    const et = V(
+      () => w.value ? [
+        { key: "save", label: o("page.save"), loading: v.value, run: () => {
+          se();
         } },
         {
           key: "publish",
-          label: n("page.publish"),
+          label: o("page.publish"),
           primary: !0,
-          loading: k.value,
-          disabled: !v.value?.draft && !K.value,
+          loading: g.value,
+          disabled: !c.value?.draft && !J.value,
           run: () => {
-            ie();
+            ve();
           }
         }
       ] : []
     );
-    return (A, h) => (i(), S("div", Kl, [
-      g.value || !v.value ? (i(), S(j, { key: 0 }, [
-        u(e(We), {
+    return (W, k) => (u(), C("div", Tn, [
+      p.value || !c.value ? (u(), C(F, { key: 0 }, [
+        f(l(We), {
           class: "wx-block-editor__ghost-head",
           title: "",
           rows: 1
         }),
-        E("div", Gl, [
-          u(e(Be), null, {
-            default: d(() => [
-              u(e(We), { rows: 8 })
+        B("div", Cn, [
+          f(l(Be), null, {
+            default: b(() => [
+              f(l(We), { rows: 8 })
             ]),
             _: 1
           }),
-          u(e(Be), null, {
-            default: d(() => [
-              u(e(We), { rows: 4 })
+          f(l(Be), null, {
+            default: b(() => [
+              f(l(We), { rows: 4 })
             ]),
             _: 1
           })
         ])
-      ], 64)) : (i(), S(j, { key: 1 }, [
-        u(e(nl), {
-          title: m.title,
-          back: t.base,
-          "back-label": e(n)("page.back"),
-          actions: le.value
+      ], 64)) : (u(), C(F, { key: 1 }, [
+        f(l(pl), {
+          title: y.title,
+          back: e.base,
+          "back-label": l(o)("page.back"),
+          actions: et.value
         }, {
-          "title-after": d(() => [
-            x.value ? (i(), I(e(al), {
+          "title-after": b(() => [
+            w.value ? (u(), D(l(fl), {
               key: 0,
-              name: m.title,
-              placeholder: e(n)("page.title"),
-              onRename: h[0] || (h[0] = ($) => m.title = $)
-            }, null, 8, ["name", "placeholder"])) : N("", !0),
-            K.value ? (i(), I(e(ue), {
+              name: y.title,
+              placeholder: l(o)("page.title"),
+              onRename: k[0] || (k[0] = (E) => y.title = E)
+            }, null, 8, ["name", "placeholder"])) : I("", !0),
+            J.value ? (u(), D(l(ue), {
               key: 1,
               type: "primary",
               dot: ""
             }, {
-              default: d(() => [
-                W(_(e(n)("page.unsaved")), 1)
+              default: b(() => [
+                z(S(l(o)("page.unsaved")), 1)
               ]),
               _: 1
-            })) : N("", !0),
-            v.value.draft ? (i(), I(e(ue), {
+            })) : I("", !0),
+            c.value.draft ? (u(), D(l(ue), {
               key: 2,
               type: "warning",
               dot: ""
             }, {
-              default: d(() => [
-                W(_(e(n)("page.draft", { number: v.value.draft.number })), 1)
+              default: b(() => [
+                z(S(l(o)("page.draft", { number: c.value.draft.number })), 1)
               ]),
               _: 1
-            })) : N("", !0),
-            v.value.published ? (i(), I(e(ue), {
+            })) : I("", !0),
+            c.value.published ? (u(), D(l(ue), {
               key: 3,
               type: "success",
               dot: ""
             }, {
-              default: d(() => [
-                W(_(e(n)("page.live", { number: v.value.published.number })), 1)
+              default: b(() => [
+                z(S(l(o)("page.live", { number: c.value.published.number })), 1)
               ]),
               _: 1
-            })) : (i(), I(e(ue), {
+            })) : (u(), D(l(ue), {
               key: 4,
               type: "default"
             }, {
-              default: d(() => [
-                W(_(e(n)("page.never-published")), 1)
+              default: b(() => [
+                z(S(l(o)("page.never-published")), 1)
               ]),
               _: 1
             }))
           ]),
-          subtitle: d(() => [
-            E("code", null, _(m.slug), 1),
-            W(" · " + _(e(ze)(m.group, e(n))) + " · ", 1),
-            v.value.usage_count > 0 ? (i(), I(e(ul), {
+          subtitle: b(() => [
+            B("code", null, S(y.slug), 1),
+            z(" · " + S(l(Me)(y.group, l(o))) + " · ", 1),
+            c.value.usage_count > 0 ? (u(), D(l(gl), {
               key: 0,
-              title: e(n)("page.usage"),
+              title: l(o)("page.usage"),
               width: 260,
               align: "start"
             }, {
-              trigger: d(() => [
-                E("button", Yl, _(e(nt)(v.value.usage_count, e(n))), 1)
+              trigger: b(() => [
+                B("button", Vn, S(l(it)(c.value.usage_count, l(o))), 1)
               ]),
-              default: d(() => [
-                E("div", Zl, [
-                  (i(!0), S(j, null, ee(L.value, ($) => (i(), S("div", {
-                    key: `${$.model}:${$.id}`,
+              default: b(() => [
+                B("div", Bn, [
+                  (u(!0), C(F, null, le(O.value, (E) => (u(), C("div", {
+                    key: `${E.model}:${E.id}`,
                     class: "wx-block-editor__use"
                   }, [
-                    E("span", null, _($.title ?? `#${$.id}`), 1),
-                    $.published ? N("", !0) : (i(), I(e(ue), {
+                    B("span", null, S(E.title ?? `#${E.id}`), 1),
+                    E.published ? I("", !0) : (u(), D(l(ue), {
                       key: 0,
                       type: "warning",
                       size: "sm"
                     }, {
-                      default: d(() => [
-                        W(_(e(n)("page.unpublished-page")), 1)
+                      default: b(() => [
+                        z(S(l(o)("page.unpublished-page")), 1)
                       ]),
                       _: 1
                     }))
                   ]))), 128)),
-                  p.value.length > L.value.length ? (i(), I(e(F), {
+                  d.value.length > O.value.length ? (u(), D(l(q), {
                     key: 0,
                     size: "sm",
                     tone: "muted"
                   }, {
-                    default: d(() => [
-                      W(_(e(n)("page.usage-more", { count: p.value.length - L.value.length })), 1)
+                    default: b(() => [
+                      z(S(l(o)("page.usage-more", { count: d.value.length - O.value.length })), 1)
                     ]),
                     _: 1
-                  })) : N("", !0)
+                  })) : I("", !0)
                 ])
               ]),
               _: 1
-            }, 8, ["title"])) : (i(), S(j, { key: 1 }, [
-              W(_(e(nt)(v.value.usage_count, e(n))), 1)
+            }, 8, ["title"])) : (u(), C(F, { key: 1 }, [
+              z(S(l(it)(c.value.usage_count, l(o))), 1)
             ], 64))
           ]),
           _: 1
         }, 8, ["title", "back", "back-label", "actions"]),
-        V.value.editing ? N("", !0) : (i(), I(e(Vt), {
+        T.value.editing ? I("", !0) : (u(), D(l(Lt), {
           key: 0,
           type: "info",
           variant: "soft",
-          description: e(n)("page.editing-off")
+          description: l(o)("page.editing-off")
         }, null, 8, ["description"])),
-        E("div", {
-          class: $e(["wx-block-editor__columns", { "is-alone": !Ee.value }])
+        B("div", {
+          class: $e(["wx-block-editor__columns", { "is-alone": !$.value }])
         }, [
-          u(e(cl), {
-            modelValue: C.value,
-            "onUpdate:modelValue": h[14] || (h[14] = ($) => C.value = $),
+          f(l(yl), {
+            modelValue: x.value,
+            "onUpdate:modelValue": k[14] || (k[14] = (E) => x.value = E),
             "keep-alive": ""
           }, {
-            default: d(() => [
-              u(e(Le), {
+            default: b(() => [
+              f(l(Ae), {
                 value: "template",
-                label: e(n)("page.tab-template")
+                label: l(o)("page.tab-template")
               }, {
-                default: d(() => [
-                  E("div", Ql, [
-                    u(e(je), {
+                default: b(() => [
+                  B("div", An, [
+                    f(l(He), {
                       ref_key: "templateEditor",
-                      ref: H,
-                      modelValue: y.template,
-                      "onUpdate:modelValue": h[1] || (h[1] = ($) => y.template = $),
+                      ref: G,
+                      modelValue: _.template,
+                      "onUpdate:modelValue": k[1] || (k[1] = (E) => _.template = E),
                       language: "php",
-                      readonly: !x.value,
+                      extensions: ne.template,
+                      readonly: !w.value,
                       "min-height": "340px",
                       "max-height": "70vh",
                       "line-wrapping": ""
-                    }, null, 8, ["modelValue", "readonly"]),
-                    _e.value.length ? (i(), S("div", Xl, [
-                      u(e(F), {
+                    }, null, 8, ["modelValue", "extensions", "readonly"]),
+                    Ee.value.length ? (u(), C("div", Wn, [
+                      f(l(q), {
                         size: "sm",
                         tone: "muted"
                       }, {
-                        default: d(() => [
-                          W(_(e(n)("page.insert-field")), 1)
+                        default: b(() => [
+                          z(S(l(o)("page.insert-field")), 1)
                         ]),
                         _: 1
                       }),
-                      (i(!0), S(j, null, ee(_e.value, ($) => (i(), S("button", {
-                        key: $,
+                      (u(!0), C(F, null, le(Ee.value, (E) => (u(), C("button", {
+                        key: E,
                         type: "button",
                         class: "wx-block-editor__pill",
-                        disabled: !x.value,
-                        onClick: (He) => ve($),
-                        textContent: _(Y($))
-                      }, null, 8, en))), 128))
-                    ])) : N("", !0),
-                    u(vt, {
+                        disabled: !w.value,
+                        onClick: (tt) => _e(E),
+                        textContent: S(fe(E))
+                      }, null, 8, Ln))), 128))
+                    ])) : I("", !0),
+                    f(bt, {
                       file: "template",
                       lints: Se.value,
-                      slug: m.slug,
-                      error: Ve.value
+                      slug: y.slug,
+                      error: De.value
                     }, null, 8, ["lints", "slug", "error"])
                   ])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              u(e(Le), {
+              f(l(Ae), {
                 value: "styles",
-                label: e(n)("page.tab-styles")
+                label: l(o)("page.tab-styles")
               }, {
-                default: d(() => [
-                  E("div", tn, [
-                    u(e(je), {
-                      modelValue: y.styles,
-                      "onUpdate:modelValue": h[2] || (h[2] = ($) => y.styles = $),
+                default: b(() => [
+                  B("div", zn, [
+                    f(l(He), {
+                      modelValue: _.styles,
+                      "onUpdate:modelValue": k[2] || (k[2] = (E) => _.styles = E),
                       language: "css",
-                      readonly: !x.value,
+                      extensions: ne.styles,
+                      readonly: !w.value,
                       "min-height": "340px",
                       "max-height": "70vh"
-                    }, null, 8, ["modelValue", "readonly"]),
-                    u(vt, {
+                    }, null, 8, ["modelValue", "extensions", "readonly"]),
+                    f(bt, {
                       file: "styles",
                       lints: Se.value,
-                      slug: m.slug
+                      slug: y.slug
                     }, null, 8, ["lints", "slug"])
                   ])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              u(e(Le), {
+              f(l(Ae), {
                 value: "script",
-                label: e(n)("page.tab-script")
+                label: l(o)("page.tab-script")
               }, {
-                default: d(() => [
-                  E("div", ln, [
-                    u(e(je), {
-                      "model-value": y.script ?? "",
+                default: b(() => [
+                  B("div", Mn, [
+                    f(l(He), {
+                      "model-value": _.script ?? "",
                       language: "javascript",
-                      readonly: !x.value,
+                      readonly: !w.value,
                       "min-height": "340px",
                       "max-height": "70vh",
-                      "onUpdate:modelValue": h[3] || (h[3] = ($) => y.script = $ || null)
+                      "onUpdate:modelValue": k[3] || (k[3] = (E) => _.script = E || null)
                     }, null, 8, ["model-value", "readonly"]),
-                    E("div", nn, [
-                      u(e(F), {
+                    B("div", Dn, [
+                      f(l(q), {
                         size: "sm",
                         tone: "muted"
                       }, {
-                        default: d(() => [
-                          W(_(e(n)("page.script-help")), 1)
+                        default: b(() => [
+                          z(S(l(o)("page.script-help")), 1)
                         ]),
                         _: 1
                       }),
-                      u(e(F), {
+                      f(l(q), {
                         size: "sm",
                         tone: "muted"
                       }, {
-                        default: d(() => [
-                          W(_(V.value.provides.length ? e(n)("page.provides", { names: V.value.provides.join(", ") }) : e(n)("page.provides-none")), 1)
+                        default: b(() => [
+                          z(S(T.value.provides.length ? l(o)("page.provides", { names: T.value.provides.join(", ") }) : l(o)("page.provides-none")), 1)
                         ]),
                         _: 1
                       })
                     ])
                   ]),
-                  u(e(Be), {
+                  f(l(Be), {
                     class: "wx-block-editor__examples",
-                    title: e(n)("page.examples")
+                    title: l(o)("page.examples")
                   }, {
-                    default: d(() => [
-                      (i(!0), S(j, null, ee(w.value, ($) => (i(), S("div", {
-                        key: $.title,
+                    default: b(() => [
+                      (u(!0), C(F, null, le(M.value, (E) => (u(), C("div", {
+                        key: E.title,
                         class: "wx-block-editor__example"
                       }, [
-                        u(e(F), {
+                        f(l(q), {
                           size: "sm",
                           tone: "muted"
                         }, {
-                          default: d(() => [
-                            W(_($.title), 1)
+                          default: b(() => [
+                            z(S(E.title), 1)
                           ]),
                           _: 2
                         }, 1024),
-                        E("pre", null, [
-                          E("code", null, _($.code), 1)
+                        B("pre", null, [
+                          B("code", null, S(E.code), 1)
                         ])
                       ]))), 128))
                     ]),
@@ -1314,73 +1638,74 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 ]),
                 _: 1
               }, 8, ["label"]),
-              u(e(Le), {
+              f(l(Ae), {
                 value: "fields",
-                label: e(n)("page.tab-fields")
+                label: l(o)("page.tab-fields")
               }, {
-                default: d(() => [
-                  E("div", an, [
-                    E("div", on, [
-                      u(e(je), {
+                default: b(() => [
+                  B("div", In, [
+                    B("div", Nn, [
+                      f(l(He), {
                         "model-value": R.value,
                         language: "json",
+                        extensions: ne.schema,
                         lint: "",
-                        readonly: !x.value,
+                        readonly: !w.value,
                         "min-height": "340px",
                         "max-height": "70vh",
                         "onUpdate:modelValue": Ce
-                      }, null, 8, ["model-value", "readonly"]),
-                      E("div", sn, [
-                        q.value ? (i(), I(e(F), {
+                      }, null, 8, ["model-value", "extensions", "readonly"]),
+                      B("div", Pn, [
+                        K.value ? (u(), D(l(q), {
                           key: 0,
                           size: "sm",
                           tone: "danger"
                         }, {
-                          default: d(() => [
-                            W(_(q.value), 1)
+                          default: b(() => [
+                            z(S(K.value), 1)
                           ]),
                           _: 1
-                        })) : M("content.schema") ? (i(), I(e(F), {
+                        })) : H("content.schema") ? (u(), D(l(q), {
                           key: 1,
                           size: "sm",
                           tone: "danger"
                         }, {
-                          default: d(() => [
-                            W(_(M("content.schema")), 1)
+                          default: b(() => [
+                            z(S(H("content.schema")), 1)
                           ]),
                           _: 1
-                        })) : (i(), I(e(F), {
+                        })) : (u(), D(l(q), {
                           key: 2,
                           size: "sm",
                           tone: "muted"
                         }, {
-                          default: d(() => [
-                            W(_(e(n)("page.fields-help")), 1)
+                          default: b(() => [
+                            z(S(l(o)("page.fields-help")), 1)
                           ]),
                           _: 1
                         })),
-                        u(e(ol), {
-                          title: e(n)("help.schema-title"),
-                          body: e(n)("help.schema")
+                        f(l(vl), {
+                          title: l(o)("help.schema-title"),
+                          body: l(o)("help.schema")
                         }, null, 8, ["title", "body"])
                       ])
                     ]),
-                    u(e(Be), {
+                    f(l(Be), {
                       class: "wx-block-editor__sample",
-                      title: e(n)("page.sample")
+                      title: l(o)("page.sample")
                     }, {
-                      default: d(() => [
-                        y.schema.length ? (i(), I(e(zt), {
+                      default: b(() => [
+                        _.schema.length ? (u(), D(l(Pt), {
                           key: 0,
-                          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,
+                          modelValue: ke.value,
+                          "onUpdate:modelValue": k[4] || (k[4] = (E) => ke.value = E),
+                          root: l(dt)(_.schema),
+                          types: l(t).types,
+                          translate: l(t).i18n.t,
+                          can: l(t).can,
+                          disabled: !w.value,
                           size: "sm"
-                        }, null, 8, ["modelValue", "root", "types", "translate", "can", "disabled"])) : N("", !0)
+                        }, null, 8, ["modelValue", "root", "types", "translate", "can", "disabled"])) : I("", !0)
                       ]),
                       _: 1
                     }, 8, ["title"])
@@ -1388,173 +1713,173 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 ]),
                 _: 1
               }, 8, ["label"]),
-              u(e(Le), {
+              f(l(Ae), {
                 value: "settings",
-                label: e(n)("page.tab-settings")
+                label: l(o)("page.tab-settings")
               }, {
-                default: d(() => [
-                  u(e(Be), { class: "wx-block-editor__sheet" }, {
-                    default: d(() => [
-                      E("div", rn, [
-                        u(e(ne), {
-                          label: e(n)("page.identifier"),
-                          help: e(n)("page.identifier-help"),
-                          error: M("slug"),
-                          disabled: !x.value
+                default: b(() => [
+                  f(l(Be), { class: "wx-block-editor__sheet" }, {
+                    default: b(() => [
+                      B("div", Un, [
+                        f(l(oe), {
+                          label: l(o)("page.identifier"),
+                          help: l(o)("page.identifier-help"),
+                          error: H("slug"),
+                          disabled: !w.value
                         }, {
-                          default: d(() => [
-                            u(e(Pe), {
-                              modelValue: m.slug,
-                              "onUpdate:modelValue": h[5] || (h[5] = ($) => m.slug = $)
+                          default: b(() => [
+                            f(l(Pe), {
+                              modelValue: y.slug,
+                              "onUpdate:modelValue": k[5] || (k[5] = (E) => y.slug = E)
                             }, null, 8, ["modelValue"])
                           ]),
                           _: 1
                         }, 8, ["label", "help", "error", "disabled"]),
-                        u(e(ne), {
-                          label: e(n)("page.group"),
-                          help: e(n)("page.group-help"),
-                          error: M("group"),
-                          disabled: !x.value
+                        f(l(oe), {
+                          label: l(o)("page.group"),
+                          help: l(o)("page.group-help"),
+                          error: H("group"),
+                          disabled: !w.value
                         }, {
-                          default: d(() => [
-                            u(e(Et), {
-                              modelValue: m.group,
-                              "onUpdate:modelValue": h[6] || (h[6] = ($) => m.group = $),
+                          default: b(() => [
+                            f(l(zt), {
+                              modelValue: y.group,
+                              "onUpdate:modelValue": k[6] || (k[6] = (E) => y.group = E),
                               options: pe.value
                             }, null, 8, ["modelValue", "options"])
                           ]),
                           _: 1
                         }, 8, ["label", "help", "error", "disabled"]),
-                        u(e(ne), {
+                        f(l(oe), {
                           class: "is-wide",
-                          label: e(n)("page.description"),
-                          help: e(n)("page.description-help"),
-                          error: M("description"),
-                          disabled: !x.value
+                          label: l(o)("page.description"),
+                          help: l(o)("page.description-help"),
+                          error: H("description"),
+                          disabled: !w.value
                         }, {
-                          default: d(() => [
-                            u(e(dl), {
-                              "model-value": m.description ?? "",
+                          default: b(() => [
+                            f(l(kl), {
+                              "model-value": y.description ?? "",
                               rows: 2,
-                              "onUpdate:modelValue": h[7] || (h[7] = ($) => m.description = String($ ?? ""))
+                              "onUpdate:modelValue": k[7] || (k[7] = (E) => y.description = String(E ?? ""))
                             }, null, 8, ["model-value"])
                           ]),
                           _: 1
                         }, 8, ["label", "help", "error", "disabled"]),
-                        u(e(ne), {
-                          label: e(n)("page.icon"),
-                          error: M("icon"),
-                          disabled: !x.value
+                        f(l(oe), {
+                          label: l(o)("page.icon"),
+                          error: H("icon"),
+                          disabled: !w.value
                         }, {
-                          default: d(() => [
-                            u(e(pl), {
-                              "model-value": m.icon,
+                          default: b(() => [
+                            f(l(wl), {
+                              "model-value": y.icon,
                               clearable: "",
-                              placeholder: e(n)("page.icon-search"),
-                              "empty-text": e(n)("page.icon-none"),
-                              "unknown-text": e(n)("page.icon-unknown"),
-                              "clear-label": e(n)("page.icon-clear"),
-                              "onUpdate:modelValue": h[8] || (h[8] = ($) => m.icon = $)
+                              placeholder: l(o)("page.icon-search"),
+                              "empty-text": l(o)("page.icon-none"),
+                              "unknown-text": l(o)("page.icon-unknown"),
+                              "clear-label": l(o)("page.icon-clear"),
+                              "onUpdate:modelValue": k[8] || (k[8] = (E) => y.icon = E)
                             }, null, 8, ["model-value", "placeholder", "empty-text", "unknown-text", "clear-label"])
                           ]),
                           _: 1
                         }, 8, ["label", "error", "disabled"]),
-                        u(e(ne), {
-                          label: e(n)("page.sort"),
-                          help: e(n)("page.sort-help"),
-                          error: M("sort"),
-                          disabled: !x.value
+                        f(l(oe), {
+                          label: l(o)("page.sort"),
+                          help: l(o)("page.sort-help"),
+                          error: H("sort"),
+                          disabled: !w.value
                         }, {
-                          default: d(() => [
-                            u(e(dt), {
-                              modelValue: m.sort,
-                              "onUpdate:modelValue": h[9] || (h[9] = ($) => m.sort = $)
+                          default: b(() => [
+                            f(l(mt), {
+                              modelValue: y.sort,
+                              "onUpdate:modelValue": k[9] || (k[9] = (E) => y.sort = E)
                             }, null, 8, ["modelValue"])
                           ]),
                           _: 1
                         }, 8, ["label", "help", "error", "disabled"]),
-                        u(e(ne), {
-                          label: e(n)("page.allow"),
-                          help: e(n)("page.allow-help"),
-                          error: M("allow"),
-                          disabled: !x.value
+                        f(l(oe), {
+                          label: l(o)("page.allow"),
+                          help: l(o)("page.allow-help"),
+                          error: H("allow"),
+                          disabled: !w.value
                         }, {
-                          default: d(() => [
-                            u(e(pt), {
-                              modelValue: m.allow,
-                              "onUpdate:modelValue": h[10] || (h[10] = ($) => m.allow = $),
+                          default: b(() => [
+                            f(l(ht), {
+                              modelValue: y.allow,
+                              "onUpdate:modelValue": k[10] || (k[10] = (E) => y.allow = E),
                               "allow-create": ""
                             }, null, 8, ["modelValue"])
                           ]),
                           _: 1
                         }, 8, ["label", "help", "error", "disabled"]),
-                        u(e(ne), {
-                          label: e(n)("page.allowed-in"),
-                          help: e(n)("page.allowed-in-help"),
-                          error: M("allowed_in"),
-                          disabled: !x.value
+                        f(l(oe), {
+                          label: l(o)("page.allowed-in"),
+                          help: l(o)("page.allowed-in-help"),
+                          error: H("allowed_in"),
+                          disabled: !w.value
                         }, {
-                          default: d(() => [
-                            u(e(pt), {
-                              modelValue: m.allowed_in,
-                              "onUpdate:modelValue": h[11] || (h[11] = ($) => m.allowed_in = $),
+                          default: b(() => [
+                            f(l(ht), {
+                              modelValue: y.allowed_in,
+                              "onUpdate:modelValue": k[11] || (k[11] = (E) => y.allowed_in = E),
                               "allow-create": "",
                               suggestions: ["root"]
                             }, null, 8, ["modelValue"])
                           ]),
                           _: 1
                         }, 8, ["label", "help", "error", "disabled"]),
-                        u(e(ne), {
-                          label: e(n)("page.max-per-entity"),
-                          help: e(n)("page.max-per-entity-help"),
-                          error: M("max_per_entity"),
-                          disabled: !x.value
+                        f(l(oe), {
+                          label: l(o)("page.max-per-entity"),
+                          help: l(o)("page.max-per-entity-help"),
+                          error: H("max_per_entity"),
+                          disabled: !w.value
                         }, {
-                          default: d(() => [
-                            u(e(dt), {
-                              "model-value": m.max_per_entity ?? void 0,
+                          default: b(() => [
+                            f(l(mt), {
+                              "model-value": y.max_per_entity ?? void 0,
                               min: 1,
-                              "onUpdate:modelValue": h[12] || (h[12] = ($) => m.max_per_entity = $ ?? null)
+                              "onUpdate:modelValue": k[12] || (k[12] = (E) => y.max_per_entity = E ?? null)
                             }, null, 8, ["model-value"])
                           ]),
                           _: 1
                         }, 8, ["label", "help", "error", "disabled"]),
-                        u(e(ne), {
-                          label: e(n)("page.enabled"),
-                          help: e(n)("page.enabled-help"),
-                          disabled: !x.value
+                        f(l(oe), {
+                          label: l(o)("page.enabled"),
+                          help: l(o)("page.enabled-help"),
+                          disabled: !w.value
                         }, {
-                          default: d(() => [
-                            u(e(vl), {
-                              modelValue: m.is_enabled,
-                              "onUpdate:modelValue": h[13] || (h[13] = ($) => m.is_enabled = $)
+                          default: b(() => [
+                            f(l(_l), {
+                              modelValue: y.is_enabled,
+                              "onUpdate:modelValue": k[13] || (k[13] = (E) => y.is_enabled = E)
                             }, null, 8, ["modelValue"])
                           ]),
                           _: 1
                         }, 8, ["label", "help", "disabled"]),
-                        x.value ? (i(), S("div", un, [
-                          u(e(ce), {
+                        w.value ? (u(), C("div", On, [
+                          f(l(ce), {
                             type: "danger",
                             variant: "outline",
-                            disabled: v.value.usage_count > 0,
-                            onClick: we
+                            disabled: c.value.usage_count > 0,
+                            onClick: Ve
                           }, {
-                            default: d(() => [
-                              W(_(e(n)("page.delete")), 1)
+                            default: b(() => [
+                              z(S(l(o)("page.delete")), 1)
                             ]),
                             _: 1
                           }, 8, ["disabled"]),
-                          v.value.usage_count > 0 ? (i(), I(e(F), {
+                          c.value.usage_count > 0 ? (u(), D(l(q), {
                             key: 0,
                             size: "sm",
                             tone: "muted"
                           }, {
-                            default: d(() => [
-                              W(_(v.value.usage_count === 1 ? e(n)("page.delete-used-one") : e(n)("page.delete-used", { count: v.value.usage_count })), 1)
+                            default: b(() => [
+                              z(S(c.value.usage_count === 1 ? l(o)("page.delete-used-one") : l(o)("page.delete-used", { count: c.value.usage_count })), 1)
                             ]),
                             _: 1
-                          })) : N("", !0)
-                        ])) : N("", !0)
+                          })) : I("", !0)
+                        ])) : I("", !0)
                       ])
                     ]),
                     _: 1
@@ -1562,20 +1887,20 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
                 ]),
                 _: 1
               }, 8, ["label"]),
-              u(e(Le), {
+              f(l(Ae), {
                 value: "history",
-                label: e(n)("page.tab-history")
+                label: l(o)("page.tab-history")
               }, {
-                default: d(() => [
-                  u(e(Be), {
+                default: b(() => [
+                  f(l(Be), {
                     class: "wx-block-editor__sheet",
                     padding: "none"
                   }, {
-                    default: d(() => [
-                      u(Sl, {
-                        block: v.value,
-                        "can-manage": x.value,
-                        onRestored: ke
+                    default: b(() => [
+                      f(Il, {
+                        block: c.value,
+                        "can-manage": w.value,
+                        onRestored: Q
                       }, null, 8, ["block", "can-manage"])
                     ]),
                     _: 1
@@ -1586,88 +1911,88 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          Jt(u(zl, {
+          ll(f(ql, {
             class: "wx-block-editor__stage",
-            html: B.html,
-            styles: B.styles,
-            script: B.script,
-            runtime: B.runtime,
-            stage: B.stage,
-            loading: B.loading
+            html: A.html,
+            styles: A.styles,
+            script: A.script,
+            runtime: A.runtime,
+            stage: A.stage,
+            loading: A.loading
           }, null, 8, ["html", "styles", "script", "runtime", "stage", "loading"]), [
-            [Kt, Ee.value]
+            [nl, $.value]
           ])
         ], 2),
-        x.value ? (i(), I(e(fl), { key: 1 }, {
-          default: d(() => [
-            u(e(ce), {
+        w.value ? (u(), D(l(xl), { key: 1 }, {
+          default: b(() => [
+            f(l(ce), {
               variant: "outline",
-              loading: f.value,
-              onClick: me
+              loading: v.value,
+              onClick: se
             }, {
-              default: d(() => [
-                W(_(e(n)("page.save")), 1)
+              default: b(() => [
+                z(S(l(o)("page.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"]),
-            u(e(ce), {
+            f(l(ce), {
               type: "primary",
-              loading: k.value,
-              disabled: !v.value.draft && !K.value,
-              onClick: ie
+              loading: g.value,
+              disabled: !c.value.draft && !J.value,
+              onClick: ve
             }, {
-              default: d(() => [
-                W(_(e(n)("page.publish")), 1)
+              default: b(() => [
+                z(S(l(o)("page.publish")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
           ]),
           _: 1
-        })) : N("", !0)
+        })) : I("", !0)
       ], 64))
     ]));
   }
-}), dn = /* @__PURE__ */ oe(cn, [["__scopeId", "data-v-86e412ef"]]), pn = ["srcdoc"], vn = {
+}), jn = /* @__PURE__ */ ie(Rn, [["__scopeId", "data-v-22e5f784"]]), Fn = ["srcdoc"], Hn = {
   key: 1,
   class: "wx-block-thumb__empty"
-}, fn = /* @__PURE__ */ ae({
+}, qn = /* @__PURE__ */ ae({
   __name: "BlockThumb",
   props: {
     thumbnail: {},
     width: { default: 1280 },
     height: { default: 120 }
   },
-  setup(t) {
-    const l = t, o = U(null), a = Ye(o), s = T(() => a.value > 0 ? a.value / l.width : 0.2), r = T(
-      () => l.thumbnail ? Pt({ html: l.thumbnail.html, styles: l.thumbnail.styles }) : ""
-    ), n = T(() => ({
-      width: `${l.width}px`,
-      height: `${Math.round(l.height / s.value)}px`,
-      transform: `scale(${s.value})`
+  setup(e) {
+    const n = e, t = N(null), s = Qe(t), a = V(() => s.value > 0 ? s.value / n.width : 0.2), i = V(
+      () => n.thumbnail ? Rt({ html: n.thumbnail.html, styles: n.thumbnail.styles }) : ""
+    ), o = V(() => ({
+      width: `${n.width}px`,
+      height: `${Math.round(n.height / a.value)}px`,
+      transform: `scale(${a.value})`
     }));
-    return (b, P) => (i(), S("div", {
+    return (r, m) => (u(), C("div", {
       ref_key: "box",
-      ref: o,
+      ref: t,
       class: "wx-block-thumb",
-      style: xe({ height: `${t.height}px` })
+      style: xe({ height: `${e.height}px` })
     }, [
-      t.thumbnail ? (i(), S("iframe", {
+      e.thumbnail ? (u(), C("iframe", {
         key: 0,
         class: "wx-block-thumb__frame",
-        srcdoc: r.value,
-        style: xe(n.value),
+        srcdoc: i.value,
+        style: xe(o.value),
         sandbox: "allow-same-origin",
         tabindex: "-1",
         "aria-hidden": "true"
-      }, null, 12, pn)) : (i(), S("div", vn, [
-        u(e(be), { name: "grid" })
+      }, null, 12, Fn)) : (u(), C("div", Hn, [
+        f(l(be), { name: "grid" })
       ]))
     ], 4));
   }
-}), Ft = /* @__PURE__ */ oe(fn, [["__scopeId", "data-v-615b818a"]]), mn = { class: "wx-block-picker" }, hn = {
+}), el = /* @__PURE__ */ ie(qn, [["__scopeId", "data-v-615b818a"]]), Kn = { class: "wx-block-picker" }, Yn = {
   key: 0,
   class: "wx-block-picker__group-title"
-}, bn = { class: "wx-block-picker__cards" }, gn = ["disabled", "title", "onClick"], kn = { class: "wx-block-picker__body" }, yn = { class: "wx-block-picker__title" }, wn = /* @__PURE__ */ ae({
+}, Jn = { class: "wx-block-picker__cards" }, Gn = ["disabled", "title", "onClick"], Zn = { class: "wx-block-picker__body" }, Qn = { class: "wx-block-picker__title" }, Xn = /* @__PURE__ */ ae({
   __name: "BlockPicker",
   props: {
     catalog: {},
@@ -1677,135 +2002,135 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
     groups: { default: () => [] },
     blocksPath: { default: null }
   },
-  setup(t) {
-    const l = t, { resolve: o, dismiss: a, open: s } = Bt();
-    Re();
-    const r = de("webx-blocks"), n = U("");
-    function b(f) {
-      if (l.parent === null)
-        return f.allowed_in === null || f.allowed_in.includes("root");
-      const k = l.allow ? l.allow.includes(f.slug) : l.parent.allow?.includes(f.slug) === !0, C = f.allowed_in === null || f.allowed_in.includes(l.parent.slug);
-      return k && C;
-    }
-    const P = T(
-      () => l.catalog.filter((f) => f.is_enabled && f.published !== null && b(f)).map((f) => {
-        const k = Nl(l.tree, f.slug), C = f.max_per_entity !== null && k >= f.max_per_entity;
-        return { type: f, reason: C ? r("field.limit-reached", { count: k }) : null };
+  setup(e) {
+    const n = e, { resolve: t, dismiss: s, open: a } = Mt();
+    Fe();
+    const i = de("webx-blocks"), o = N("");
+    function r(v) {
+      if (n.parent === null)
+        return v.allowed_in === null || v.allowed_in.includes("root");
+      const g = n.allow ? n.allow.includes(v.slug) : n.parent.allow?.includes(v.slug) === !0, x = v.allowed_in === null || v.allowed_in.includes(n.parent.slug);
+      return g && x;
+    }
+    const m = V(
+      () => n.catalog.filter((v) => v.is_enabled && v.published !== null && r(v)).map((v) => {
+        const g = Yl(n.tree, v.slug), x = v.max_per_entity !== null && g >= v.max_per_entity;
+        return { type: v, reason: x ? i("field.limit-reached", { count: g }) : null };
       })
-    ), v = T(() => {
-      const f = n.value.trim().toLowerCase();
-      return f === "" ? P.value : P.value.filter(
-        ({ type: k }) => k.title.toLowerCase().includes(f) || k.slug.includes(f) || (k.description ?? "").toLowerCase().includes(f)
+    ), c = V(() => {
+      const v = o.value.trim().toLowerCase();
+      return v === "" ? m.value : m.value.filter(
+        ({ type: g }) => g.title.toLowerCase().includes(v) || g.slug.includes(v) || (g.description ?? "").toLowerCase().includes(v)
       );
-    }), p = T(() => {
-      const f = [...l.groups];
-      for (const { type: V } of v.value)
-        f.includes(V.group) || f.push(V.group);
-      const k = f.map((V) => ({
-        id: V,
-        label: ze(V, r),
-        options: v.value.filter((x) => x.type.group === V)
-      })).filter((V) => V.options.length > 0);
-      return v.value.length <= 5 || n.value.trim() !== "" || k.length < 2 ? [{ id: "", label: "", options: v.value }] : k;
-    }), g = T(() => {
-      if (l.catalog.length === 0) return r("field.pick-none");
-      if (P.value.length === 0 && l.parent) {
-        const f = (l.allow ?? l.parent.allow ?? []).filter(
-          (k) => l.catalog.some((C) => C.slug === k)
+    }), d = V(() => {
+      const v = [...n.groups];
+      for (const { type: T } of c.value)
+        v.includes(T.group) || v.push(T.group);
+      const g = v.map((T) => ({
+        id: T,
+        label: Me(T, i),
+        options: c.value.filter((w) => w.type.group === T)
+      })).filter((T) => T.options.length > 0);
+      return c.value.length <= 5 || o.value.trim() !== "" || g.length < 2 ? [{ id: "", label: "", options: c.value }] : g;
+    }), p = V(() => {
+      if (n.catalog.length === 0) return i("field.pick-none");
+      if (m.value.length === 0 && n.parent) {
+        const v = (n.allow ?? n.parent.allow ?? []).filter(
+          (g) => n.catalog.some((x) => x.slug === g)
         );
-        return f.length === 0 ? r("field.pick-nothing-allowed", { parent: l.parent.title }) : r("field.pick-limited", { parent: l.parent.title, types: f.join(", ") });
+        return v.length === 0 ? i("field.pick-nothing-allowed", { parent: n.parent.title }) : i("field.pick-limited", { parent: n.parent.title, types: v.join(", ") });
       }
-      return r("field.pick-empty");
+      return i("field.pick-empty");
     });
-    return (f, k) => {
-      const C = xt("router-link");
-      return i(), I(e(Lt), {
-        open: e(s),
-        "onUpdate:open": k[2] || (k[2] = (V) => $t(s) ? s.value = V : null),
-        title: e(r)("field.pick"),
+    return (v, g) => {
+      const x = Ct("router-link");
+      return u(), D(l(Dt), {
+        open: l(a),
+        "onUpdate:open": g[2] || (g[2] = (T) => Vt(a) ? a.value = T : null),
+        title: l(i)("field.pick"),
         width: 860
       }, {
-        footer: d(() => [
-          u(e(ce), {
+        footer: b(() => [
+          f(l(ce), {
             variant: "outline",
-            onClick: k[1] || (k[1] = (V) => e(a)())
+            onClick: g[1] || (g[1] = (T) => l(s)())
           }, {
-            default: d(() => [
-              W(_(e(r)("field.close")), 1)
+            default: b(() => [
+              z(S(l(i)("field.close")), 1)
             ]),
             _: 1
           })
         ]),
-        default: d(() => [
-          E("div", mn, [
-            P.value.length > 0 ? (i(), I(e(Pe), {
+        default: b(() => [
+          B("div", Kn, [
+            m.value.length > 0 ? (u(), D(l(Pe), {
               key: 0,
-              modelValue: n.value,
-              "onUpdate:modelValue": k[0] || (k[0] = (V) => n.value = V),
-              placeholder: e(r)("field.search"),
+              modelValue: o.value,
+              "onUpdate:modelValue": g[0] || (g[0] = (T) => o.value = T),
+              placeholder: l(i)("field.search"),
               clearable: "",
               autofocus: ""
-            }, null, 8, ["modelValue", "placeholder"])) : N("", !0),
-            v.value.length === 0 ? (i(), I(e(Wt), {
+            }, null, 8, ["modelValue", "placeholder"])) : I("", !0),
+            c.value.length === 0 ? (u(), D(l(It), {
               key: 1,
               icon: "grid",
-              title: g.value,
+              title: p.value,
               size: "sm"
             }, {
-              default: d(() => [
-                t.catalog.length === 0 && t.blocksPath ? (i(), I(C, {
+              default: b(() => [
+                e.catalog.length === 0 && e.blocksPath ? (u(), D(x, {
                   key: 0,
-                  to: t.blocksPath
+                  to: e.blocksPath
                 }, {
-                  default: d(() => [
-                    W(_(e(r)("field.pick-none-link")), 1)
+                  default: b(() => [
+                    z(S(l(i)("field.pick-none-link")), 1)
                   ]),
                   _: 1
-                }, 8, ["to"])) : N("", !0)
+                }, 8, ["to"])) : I("", !0)
               ]),
               _: 1
-            }, 8, ["title"])) : N("", !0),
-            (i(!0), S(j, null, ee(p.value, (V) => (i(), S("section", {
-              key: V.id,
+            }, 8, ["title"])) : I("", !0),
+            (u(!0), C(F, null, le(d.value, (T) => (u(), C("section", {
+              key: T.id,
               class: "wx-block-picker__group"
             }, [
-              V.label ? (i(), S("div", hn, _(V.label), 1)) : N("", !0),
-              E("div", bn, [
-                (i(!0), S(j, null, ee(V.options, (x) => (i(), S("button", {
-                  key: x.type.id,
+              T.label ? (u(), C("div", Yn, S(T.label), 1)) : I("", !0),
+              B("div", Jn, [
+                (u(!0), C(F, null, le(T.options, (w) => (u(), C("button", {
+                  key: w.type.id,
                   type: "button",
-                  class: $e(["wx-block-picker__card", { "is-disabled": x.reason !== null }]),
-                  disabled: x.reason !== null,
-                  title: x.reason ?? void 0,
-                  onClick: (m) => e(o)(x.type)
+                  class: $e(["wx-block-picker__card", { "is-disabled": w.reason !== null }]),
+                  disabled: w.reason !== null,
+                  title: w.reason ?? void 0,
+                  onClick: (y) => l(t)(w.type)
                 }, [
-                  u(Ft, {
-                    thumbnail: x.type.thumbnail,
+                  f(el, {
+                    thumbnail: w.type.thumbnail,
                     height: 96
                   }, null, 8, ["thumbnail"]),
-                  E("div", kn, [
-                    E("div", yn, _(x.type.title), 1),
-                    x.reason ? (i(), I(e(F), {
+                  B("div", Zn, [
+                    B("div", Qn, S(w.type.title), 1),
+                    w.reason ? (u(), D(l(q), {
                       key: 0,
                       size: "sm",
                       tone: "warning"
                     }, {
-                      default: d(() => [
-                        W(_(x.reason), 1)
+                      default: b(() => [
+                        z(S(w.reason), 1)
                       ]),
                       _: 2
-                    }, 1024)) : x.type.description ? (i(), I(e(F), {
+                    }, 1024)) : w.type.description ? (u(), D(l(q), {
                       key: 1,
                       size: "sm",
                       tone: "muted"
                     }, {
-                      default: d(() => [
-                        W(_(x.type.description), 1)
+                      default: b(() => [
+                        z(S(w.type.description), 1)
                       ]),
                       _: 2
-                    }, 1024)) : N("", !0)
+                    }, 1024)) : I("", !0)
                   ])
-                ], 10, gn))), 128))
+                ], 10, Gn))), 128))
               ])
             ]))), 128))
           ])
@@ -1814,7 +2139,7 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       }, 8, ["open", "title"]);
     };
   }
-}), _n = /* @__PURE__ */ oe(wn, [["__scopeId", "data-v-99f4090e"]]), xn = { class: "wx-blocks-preview__tools" }, $n = ["src", "title"], Sn = /* @__PURE__ */ ae({
+}), es = /* @__PURE__ */ ie(Xn, [["__scopeId", "data-v-99f4090e"]]), ts = { class: "wx-blocks-preview__tools" }, ls = ["src", "title"], ns = /* @__PURE__ */ ae({
   __name: "BlocksPreview",
   props: {
     url: {},
@@ -1823,199 +2148,199 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
     compact: { type: Boolean, default: !1 }
   },
   emits: ["select", "edit"],
-  setup(t, { expose: l, emit: o }) {
-    const a = t, s = o, r = de("webx-blocks"), n = U(null), b = U(null), P = U(null), v = Ye(P), p = U(!1), g = U(!1), f = U(null), k = U(0), C = T(() => k.value > 0), V = T(() => [
-      { value: 1280, icon: "monitor", ariaLabel: r("field.width-desktop") },
-      { value: 834, icon: "tablet", ariaLabel: r("field.width-tablet") },
-      { value: 390, icon: "smartphone", ariaLabel: r("field.width-phone") }
-    ]), x = T(() => f.value !== null ? f.value : a.compact ? v.value > 0 && v.value < 560 ? 390 : 834 : 1280), m = T(() => v.value === 0 ? 1 : Math.min(1, v.value / x.value)), y = T(() => ({
-      width: `${x.value}px`,
-      transform: `scale(${m.value})`,
-      ...C.value ? { height: `${k.value}px` } : {}
-    })), R = T(() => ({
-      width: `${Math.round(x.value * m.value)}px`,
-      ...C.value ? { height: `${Math.round(k.value * m.value)}px` } : {}
-    })), q = T(() => {
-      if (!a.url) return "";
+  setup(e, { expose: n, emit: t }) {
+    const s = e, a = t, i = de("webx-blocks"), o = N(null), r = N(null), m = N(null), c = Qe(m), d = N(!1), p = N(!1), v = N(null), g = N(0), x = V(() => g.value > 0), T = V(() => [
+      { value: 1280, icon: "monitor", ariaLabel: i("field.width-desktop") },
+      { value: 834, icon: "tablet", ariaLabel: i("field.width-tablet") },
+      { value: 390, icon: "smartphone", ariaLabel: i("field.width-phone") }
+    ]), w = V(() => v.value !== null ? v.value : s.compact ? c.value > 0 && c.value < 560 ? 390 : 834 : 1280), y = V(() => c.value === 0 ? 1 : Math.min(1, c.value / w.value)), _ = V(() => ({
+      width: `${w.value}px`,
+      transform: `scale(${y.value})`,
+      ...x.value ? { height: `${g.value}px` } : {}
+    })), R = V(() => ({
+      width: `${Math.round(w.value * y.value)}px`,
+      ...x.value ? { height: `${Math.round(g.value * y.value)}px` } : {}
+    })), K = V(() => {
+      if (!s.url) return "";
       try {
-        return `${new URL(a.url, location.origin).pathname} · ${x.value} px`;
+        return `${new URL(s.url, location.origin).pathname} · ${w.value} px`;
       } catch {
-        return a.url;
+        return s.url;
       }
     });
-    function J() {
+    function Y() {
       try {
-        return n.value?.contentDocument ?? null;
+        return o.value?.contentDocument ?? null;
       } catch {
         return null;
       }
     }
-    let Z = null, c = null;
-    function B(z) {
-      z.documentElement.scrollTop !== 0 && (z.documentElement.scrollTop = 0);
+    let X = null, h = null;
+    function A(L) {
+      L.documentElement.scrollTop !== 0 && (L.documentElement.scrollTop = 0);
     }
-    function D() {
-      const z = J(), O = z?.body;
-      if (!O || !z?.defaultView) return;
-      B(z);
-      const H = z.defaultView.getComputedStyle(O), Y = (parseFloat(H.marginTop) || 0) + (parseFloat(H.marginBottom) || 0), ve = Math.ceil(O.scrollHeight + Y);
-      ve !== k.value && (k.value = ve, pe !== null && Gt(() => requestAnimationFrame(te)));
+    function P() {
+      const L = Y(), U = L?.body;
+      if (!U || !L?.defaultView) return;
+      A(L);
+      const j = L.defaultView.getComputedStyle(U), G = (parseFloat(j.marginTop) || 0) + (parseFloat(j.marginBottom) || 0), fe = Math.ceil(U.scrollHeight + G);
+      fe !== g.value && (g.value = fe, ne !== null && sl(() => requestAnimationFrame(Q)));
     }
-    function K(z) {
-      c?.disconnect();
-      const O = z.defaultView;
-      !O || !z.body || (c = new O.ResizeObserver(D), c.observe(z.body), D());
+    function J(L) {
+      h?.disconnect();
+      const U = L.defaultView;
+      !U || !L.body || (h = new U.ResizeObserver(P), h.observe(L.body), P());
     }
     function Se() {
-      g.value = !0;
-      const z = J();
-      z && (K(z), Z?.release(), Z = Tl(z, {
+      p.value = !0;
+      const L = Y();
+      L && (J(L), X?.release(), X = Nl(L, {
         /* No guard against answering a click with a scroll: `bring` moves nothing that is already
            readable, and a block clicked at the very bottom of the window, half under the action
            bar, is exactly the one worth moving. */
-        select: (O) => s("select", O)
-      }), et(z, a.selected ?? null), _e(a.selected ?? null));
-    }
-    let pe = null, se = null;
-    function _e(z) {
-      z !== null && (pe = z, se !== null && clearTimeout(se), se = window.setTimeout(() => {
-        pe = null, se = null;
-      }, 400), te());
-    }
-    function Te(z) {
-      const O = n.value?.getBoundingClientRect();
-      if (!O) return null;
-      const H = z.getBoundingClientRect();
-      return { top: O.top + H.top * m.value, height: H.height * m.value };
-    }
-    function ke() {
-      let z = n.value?.parentElement ?? null;
-      for (; z; ) {
-        const O = getComputedStyle(z).overflowY;
-        if ((O === "auto" || O === "scroll") && z.scrollHeight > z.clientHeight)
-          return z;
-        z = z.parentElement;
+        select: (U) => a("select", U)
+      }), nt(L, s.selected ?? null), ke(s.selected ?? null));
+    }
+    let ne = null, pe = null;
+    function ke(L) {
+      L !== null && (ne = L, pe !== null && clearTimeout(pe), pe = window.setTimeout(() => {
+        ne = null, pe = null;
+      }, 400), Q());
+    }
+    function Ee(L) {
+      const U = o.value?.getBoundingClientRect();
+      if (!U) return null;
+      const j = L.getBoundingClientRect();
+      return { top: U.top + j.top * y.value, height: j.height * y.value };
+    }
+    function Te() {
+      let L = o.value?.parentElement ?? null;
+      for (; L; ) {
+        const U = getComputedStyle(L).overflowY;
+        if ((U === "auto" || U === "scroll") && L.scrollHeight > L.clientHeight)
+          return L;
+        L = L.parentElement;
       }
       return null;
     }
-    function te() {
-      const z = J();
-      if (pe === null || !z) return;
-      B(z);
-      const O = at(z, pe), H = O ? Te(O) : null;
-      if (!H) return;
-      const Y = ke(), ve = Y?.getBoundingClientRect(), me = b.value?.getBoundingClientRect().height ?? 0, ie = {
-        top: (ve?.top ?? 0) + me,
-        bottom: (ve ? ve.bottom : window.innerHeight) - me
-      }, we = H.top + H.height, Ve = H.top < ie.top, Ee = H.height > ie.bottom - ie.top, w = Ve || Ee ? H.top - ie.top : we > ie.bottom ? we - ie.bottom : 0;
-      w !== 0 && (Y ?? window).scrollBy({ top: w, behavior: "smooth" });
-    }
-    function Ce(z, O) {
-      const H = J();
-      if (!H || !g.value) return !1;
-      const Y = Nt(H, z, O);
-      return Y && et(H, a.selected ?? null), Y;
-    }
-    function ye() {
-      g.value = !1, c?.disconnect(), c = null, n.value && a.url && (n.value.src = a.url);
-    }
-    function fe(z) {
-      z.key === "Escape" && p.value && (p.value = !1, z.stopPropagation());
-    }
-    return X(
-      () => a.selected,
-      (z) => {
-        const O = J();
-        !O || !g.value || (et(O, z ?? null), _e(z ?? null));
+    function Q() {
+      const L = Y();
+      if (ne === null || !L) return;
+      A(L);
+      const U = ut(L, ne), j = U ? Ee(U) : null;
+      if (!j) return;
+      const G = Te(), fe = G?.getBoundingClientRect(), _e = r.value?.getBoundingClientRect().height ?? 0, se = {
+        top: (fe?.top ?? 0) + _e,
+        bottom: (fe ? fe.bottom : window.innerHeight) - _e
+      }, ve = j.top + j.height, Ve = j.top < se.top, De = j.height > se.bottom - se.top, $ = Ve || De ? j.top - se.top : ve > se.bottom ? ve - se.bottom : 0;
+      $ !== 0 && (G ?? window).scrollBy({ top: $, behavior: "smooth" });
+    }
+    function we(L, U) {
+      const j = Y();
+      if (!j || !p.value) return !1;
+      const G = Ot(j, L, U);
+      return G && nt(j, s.selected ?? null), G;
+    }
+    function Ce() {
+      p.value = !1, h?.disconnect(), h = null, o.value && s.url && (o.value.src = s.url);
+    }
+    function ye(L) {
+      L.key === "Escape" && d.value && (d.value = !1, L.stopPropagation());
+    }
+    return te(
+      () => s.selected,
+      (L) => {
+        const U = Y();
+        !U || !p.value || (nt(U, L ?? null), ke(L ?? null));
       }
-    ), X(() => a.reload, ye), X(
-      () => a.url,
-      () => g.value = !1
-    ), Ue(() => window.addEventListener("keydown", fe)), Ge(() => {
-      window.removeEventListener("keydown", fe), se !== null && clearTimeout(se), c?.disconnect(), Z?.release();
-    }), l({ replace: Ce, refresh: ye, open: () => p.value = !0 }), (z, O) => (i(), S("div", {
-      class: $e(["wx-blocks-preview", { "is-fullscreen": p.value, "is-grown": C.value, "is-compact": t.compact }]),
-      style: xe({ "--wx-preview-scale": m.value })
+    ), te(() => s.reload, Ce), te(
+      () => s.url,
+      () => p.value = !1
+    ), Ue(() => window.addEventListener("keydown", ye)), Ze(() => {
+      window.removeEventListener("keydown", ye), pe !== null && clearTimeout(pe), h?.disconnect(), X?.release();
+    }), n({ replace: we, refresh: Ce, open: () => d.value = !0 }), (L, U) => (u(), C("div", {
+      class: $e(["wx-blocks-preview", { "is-fullscreen": d.value, "is-grown": x.value, "is-compact": e.compact }]),
+      style: xe({ "--wx-preview-scale": y.value })
     }, [
-      E("div", {
+      B("div", {
         ref_key: "bar",
-        ref: b,
+        ref: r,
         class: "wx-blocks-preview__bar"
       }, [
-        u(e(F), {
+        f(l(q), {
           size: "xs",
           tone: "muted",
           class: "wx-blocks-preview__label",
           truncate: ""
         }, {
-          default: d(() => [
-            W(_(q.value), 1)
+          default: b(() => [
+            z(S(K.value), 1)
           ]),
           _: 1
         }),
-        u(e(Ct), {
+        f(l(Wt), {
           class: "wx-blocks-preview__widths",
-          "model-value": x.value,
-          options: V.value,
+          "model-value": w.value,
+          options: T.value,
           size: "sm",
-          "aria-label": e(r)("field.width"),
-          "onUpdate:modelValue": O[0] || (O[0] = (H) => f.value = Number(H))
+          "aria-label": l(i)("field.width"),
+          "onUpdate:modelValue": U[0] || (U[0] = (j) => v.value = Number(j))
         }, null, 8, ["model-value", "options", "aria-label"]),
-        E("div", xn, [
-          t.compact ? (i(), I(e(Ie), {
+        B("div", ts, [
+          e.compact ? (u(), D(l(Ie), {
             key: 0,
             size: "sm",
             tone: "primary",
             icon: "edit",
-            title: e(r)("field.blocks"),
-            onClick: O[1] || (O[1] = (H) => s("edit"))
-          }, null, 8, ["title"])) : N("", !0),
-          t.url ? (i(), I(e(Ie), {
+            title: l(i)("field.blocks"),
+            onClick: U[1] || (U[1] = (j) => a("edit"))
+          }, null, 8, ["title"])) : I("", !0),
+          e.url ? (u(), D(l(Ie), {
             key: 1,
             size: "sm",
             icon: "external-link",
             tone: "neutral",
-            title: e(r)("field.open-site"),
-            href: t.url,
+            title: l(i)("field.open-site"),
+            href: e.url,
             target: "_blank",
             rel: "noopener"
-          }, null, 8, ["title", "href"])) : N("", !0),
-          u(e(Ie), {
+          }, null, 8, ["title", "href"])) : I("", !0),
+          f(l(Ie), {
             size: "sm",
-            icon: p.value ? "minimize" : "maximize",
+            icon: d.value ? "minimize" : "maximize",
             tone: "neutral",
-            title: p.value ? e(r)("field.close") : e(r)("field.fullscreen"),
-            onClick: O[2] || (O[2] = (H) => p.value = !p.value)
+            title: d.value ? l(i)("field.close") : l(i)("field.fullscreen"),
+            onClick: U[2] || (U[2] = (j) => d.value = !d.value)
           }, null, 8, ["icon", "title"])
         ])
       ], 512),
-      E("div", {
+      B("div", {
         ref_key: "box",
-        ref: P,
+        ref: m,
         class: "wx-blocks-preview__ground"
       }, [
-        E("div", {
+        B("div", {
           class: "wx-blocks-preview__clip",
           style: xe(R.value)
         }, [
-          t.url ? (i(), S("iframe", {
+          e.url ? (u(), C("iframe", {
             key: 0,
             ref_key: "frame",
-            ref: n,
+            ref: o,
             class: "wx-blocks-preview__frame",
-            src: t.url,
-            style: xe(y.value),
-            title: e(r)("field.preview"),
+            src: e.url,
+            style: xe(_.value),
+            title: l(i)("field.preview"),
             onLoad: Se
-          }, null, 44, $n)) : N("", !0)
+          }, null, 44, ls)) : I("", !0)
         ], 4)
       ], 512)
     ], 6));
   }
-}), 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 = {
+}), ss = /* @__PURE__ */ ie(ns, [["__scopeId", "data-v-398e4cef"]]), os = { class: "wx-blocks-tree__node" }, as = ["onClick", "onKeydown"], is = { class: "wx-blocks-tree__name" }, rs = ["title"], us = ["title"], cs = ["title"], ds = ["title"], ps = {
   key: 4,
   class: "wx-blocks-tree__actions"
-}, In = ["onClick"], Nn = /* @__PURE__ */ ae({
+}, fs = ["onClick"], vs = /* @__PURE__ */ ae({
   __name: "BlocksTree",
   props: {
     nodes: {},
@@ -2027,134 +2352,134 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
     depth: { default: 0 }
   },
   emits: ["select", "add", "remove", "duplicate", "visibility", "reorder"],
-  setup(t, { emit: l }) {
-    const o = t, a = l, s = de("webx-blocks");
-    function r(p) {
-      return o.catalog.find((g) => g.slug === p.type) ?? null;
+  setup(e, { emit: n }) {
+    const t = e, s = n, a = de("webx-blocks");
+    function i(d) {
+      return t.catalog.find((p) => p.slug === d.type) ?? null;
     }
-    function n(p) {
-      return r(p)?.title ?? p.type;
+    function o(d) {
+      return i(d)?.title ?? d.type;
     }
-    function b(p) {
-      const g = r(p);
-      return g?.content ? Dt(g.content.schema) : [];
+    function r(d) {
+      const p = i(d);
+      return p?.content ? Ht(p.content.schema) : [];
     }
-    function P(p, g) {
-      const f = p.values[g.id];
-      return Array.isArray(f) ? f : [];
+    function m(d, p) {
+      const v = d.values[p.id];
+      return Array.isArray(v) ? v : [];
     }
-    function v(p) {
+    function c(d) {
       return [
         {
           key: "visibility",
-          icon: p.hidden === !0 ? "eye" : "eye-off",
-          label: p.hidden === !0 ? s("field.show") : s("field.hide"),
-          run: () => a("visibility", p.key, p.hidden !== !0)
+          icon: d.hidden === !0 ? "eye" : "eye-off",
+          label: d.hidden === !0 ? a("field.show") : a("field.hide"),
+          run: () => s("visibility", d.key, d.hidden !== !0)
         },
         {
           key: "duplicate",
           icon: "copy",
-          label: s("field.duplicate"),
-          run: () => a("duplicate", p.key)
+          label: a("field.duplicate"),
+          run: () => s("duplicate", d.key)
         },
         {
           key: "remove",
           icon: "trash",
-          label: s("field.remove"),
+          label: a("field.remove"),
           danger: !0,
-          run: () => a("remove", p.key)
+          run: () => s("remove", d.key)
         }
       ];
     }
-    return (p, g) => {
-      const f = xt("blocks-tree", !0);
-      return i(), I(e(ml), {
-        "model-value": t.nodes,
+    return (d, p) => {
+      const v = Ct("blocks-tree", !0);
+      return u(), D(l($l), {
+        "model-value": e.nodes,
         "item-key": "key",
-        "item-label": (k) => n(k),
-        disabled: t.disabled,
+        "item-label": (g) => o(g),
+        disabled: e.disabled,
         plain: "",
         size: "sm",
-        "empty-text": t.depth === 0 ? e(s)("field.empty") : "",
-        class: $e(["wx-blocks-tree", { "is-nested": t.depth > 0 }]),
-        "onUpdate:modelValue": g[6] || (g[6] = (k) => a("reorder", t.parentKey, t.field, k))
+        "empty-text": e.depth === 0 ? l(a)("field.empty") : "",
+        class: $e(["wx-blocks-tree", { "is-nested": e.depth > 0 }]),
+        "onUpdate:modelValue": p[6] || (p[6] = (g) => s("reorder", e.parentKey, e.field, g))
       }, {
-        default: d(({ item: k }) => [
-          E("div", Cn, [
-            E("div", {
-              class: $e(["wx-blocks-tree__row", { "is-selected": t.selected === k.key, "is-hidden": k.hidden === !0 }]),
+        default: b(({ item: g }) => [
+          B("div", os, [
+            B("div", {
+              class: $e(["wx-blocks-tree__row", { "is-selected": e.selected === g.key, "is-hidden": g.hidden === !0 }]),
               role: "button",
               tabindex: "0",
-              onClick: (C) => a("select", k.key),
+              onClick: (x) => s("select", g.key),
               onKeydown: [
-                ut(ct((C) => a("select", k.key), ["prevent"]), ["enter"]),
-                ut(ct((C) => a("select", k.key), ["prevent"]), ["space"])
+                ft(vt((x) => s("select", g.key), ["prevent"]), ["enter"]),
+                ft(vt((x) => s("select", g.key), ["prevent"]), ["space"])
               ]
             }, [
-              E("span", En, _(n(k)), 1),
-              r(k) ? r(k)?.draft ? (i(), S("span", {
+              B("span", is, S(o(g)), 1),
+              i(g) ? i(g)?.draft ? (u(), C("span", {
                 key: 1,
                 class: "wx-blocks-tree__flag is-warning",
-                title: e(s)("field.draft-type")
+                title: l(a)("field.draft-type")
               }, [
-                u(e(be), { name: "warning" })
-              ], 8, Ln)) : r(k)?.is_enabled === !1 ? (i(), S("span", {
+                f(l(be), { name: "warning" })
+              ], 8, us)) : i(g)?.is_enabled === !1 ? (u(), C("span", {
                 key: 2,
                 class: "wx-blocks-tree__flag",
-                title: e(s)("field.disabled-type")
+                title: l(a)("field.disabled-type")
               }, [
-                u(e(be), { name: "lock" })
-              ], 8, Wn)) : N("", !0) : (i(), S("span", {
+                f(l(be), { name: "lock" })
+              ], 8, cs)) : I("", !0) : (u(), C("span", {
                 key: 0,
                 class: "wx-blocks-tree__flag is-danger",
-                title: e(s)("field.unknown-type", { type: k.type })
+                title: l(a)("field.unknown-type", { type: g.type })
               }, [
-                u(e(be), { name: "close-circle" })
-              ], 8, Bn)),
-              k.hidden === !0 ? (i(), S("span", {
+                f(l(be), { name: "close-circle" })
+              ], 8, rs)),
+              g.hidden === !0 ? (u(), C("span", {
                 key: 3,
                 class: "wx-blocks-tree__flag",
-                title: e(s)("field.hidden-note")
+                title: l(a)("field.hidden-note")
               }, [
-                u(e(be), { name: "eye-off" })
-              ], 8, An)) : N("", !0),
-              t.disabled ? N("", !0) : (i(), S("span", zn, [
-                u(e(sl), {
-                  actions: v(k),
-                  label: n(k)
+                f(l(be), { name: "eye-off" })
+              ], 8, ds)) : I("", !0),
+              e.disabled ? I("", !0) : (u(), C("span", ps, [
+                f(l(ml), {
+                  actions: c(g),
+                  label: o(g)
                 }, null, 8, ["actions", "label"])
               ]))
-            ], 42, Vn),
-            (i(!0), S(j, null, ee(b(k), (C) => (i(), S("div", {
-              key: C.id,
+            ], 42, as),
+            (u(!0), C(F, null, le(r(g), (x) => (u(), C("div", {
+              key: x.id,
               class: "wx-blocks-tree__kids"
             }, [
-              u(f, {
-                nodes: P(k, C),
-                catalog: t.catalog,
-                "parent-key": k.key,
-                field: C.id,
-                selected: t.selected,
-                disabled: t.disabled,
-                depth: t.depth + 1,
-                onSelect: g[0] || (g[0] = (V) => a("select", V)),
-                onAdd: g[1] || (g[1] = (V, x, m) => a("add", V, x, m)),
-                onRemove: g[2] || (g[2] = (V) => a("remove", V)),
-                onDuplicate: g[3] || (g[3] = (V) => a("duplicate", V)),
-                onVisibility: g[4] || (g[4] = (V, x) => a("visibility", V, x)),
-                onReorder: g[5] || (g[5] = (V, x, m) => a("reorder", V, x, m))
+              f(v, {
+                nodes: m(g, x),
+                catalog: e.catalog,
+                "parent-key": g.key,
+                field: x.id,
+                selected: e.selected,
+                disabled: e.disabled,
+                depth: e.depth + 1,
+                onSelect: p[0] || (p[0] = (T) => s("select", T)),
+                onAdd: p[1] || (p[1] = (T, w, y) => s("add", T, w, y)),
+                onRemove: p[2] || (p[2] = (T) => s("remove", T)),
+                onDuplicate: p[3] || (p[3] = (T) => s("duplicate", T)),
+                onVisibility: p[4] || (p[4] = (T, w) => s("visibility", T, w)),
+                onReorder: p[5] || (p[5] = (T, w, y) => s("reorder", T, w, y))
               }, null, 8, ["nodes", "catalog", "parent-key", "field", "selected", "disabled", "depth"]),
-              t.disabled ? N("", !0) : (i(), S("button", {
+              e.disabled ? I("", !0) : (u(), C("button", {
                 key: 0,
                 type: "button",
                 class: "wx-blocks-tree__add is-inner",
-                onClick: (V) => a("add", k.key, C.id, C)
+                onClick: (T) => s("add", g.key, x.id, x)
               }, [
-                W(" + " + _(e(s)("field.add-inside")), 1),
-                b(k).length > 1 ? (i(), S(j, { key: 0 }, [
-                  W(" · " + _(C.label ?? C.id), 1)
-                ], 64)) : N("", !0)
-              ], 8, In))
+                z(" + " + S(l(a)("field.add-inside")), 1),
+                r(g).length > 1 ? (u(), C(F, { key: 0 }, [
+                  z(" · " + S(x.label ?? x.id), 1)
+                ], 64)) : I("", !0)
+              ], 8, fs))
             ]))), 128))
           ])
         ]),
@@ -2162,33 +2487,33 @@ new Swiper(el.querySelector('.b-slider__viewport'), { loop: true })`
       }, 8, ["model-value", "item-label", "disabled", "empty-text", "class"]);
     };
   }
-}), Pn = /* @__PURE__ */ oe(Nn, [["__scopeId", "data-v-590fa1d6"]]), it = /* @__PURE__ */ Symbol("wx-blocks-preview");
-function _a(t) {
-  St(it, t);
+}), ms = /* @__PURE__ */ ie(vs, [["__scopeId", "data-v-590fa1d6"]]), pt = /* @__PURE__ */ Symbol("wx-blocks-preview");
+function lo(e) {
+  Bt(pt, e);
 }
-function xa() {
-  return qe(it, null);
+function no() {
+  return Ke(pt, null);
 }
-const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
+const Tt = /* @__PURE__ */ Symbol("wx-blocks-root"), hs = {
   key: 0,
   class: "wx-blocks-nested"
-}, Mn = {
+}, bs = {
   key: 0,
   class: "wx-blocks__tree"
-}, Dn = { class: "wx-blocks__panel-head" }, On = { class: "wx-blocks__panel-title" }, Rn = { class: "wx-blocks__tools" }, Hn = {
+}, gs = { class: "wx-blocks__panel-head" }, ys = { class: "wx-blocks__panel-title" }, ks = { class: "wx-blocks__tools" }, ws = {
   key: 1,
   class: "wx-blocks__fields"
-}, jn = { class: "wx-blocks__panel-head" }, Fn = { class: "wx-blocks__panel-title" }, qn = {
+}, _s = { class: "wx-blocks__panel-head" }, xs = { class: "wx-blocks__panel-title" }, $s = {
   key: 0,
   class: "wx-blocks__trail"
-}, Jn = ["onClick"], Kn = { class: "wx-blocks__panel-name" }, Gn = { class: "wx-blocks__panel-extra" }, Yn = { key: 0 }, Zn = { class: "wx-blocks__form" }, Qn = {
+}, Ss = ["onClick"], Es = { class: "wx-blocks__panel-name" }, Ts = { class: "wx-blocks__panel-extra" }, Cs = { key: 0 }, Vs = { class: "wx-blocks__form" }, Bs = {
   key: 0,
   class: "wx-blocks__preview"
-}, Xn = /* @__PURE__ */ ae({
+}, As = /* @__PURE__ */ ae({
   name: "WxBlocks",
   inheritAttrs: !1,
   __name: "BlocksField",
-  props: /* @__PURE__ */ el({
+  props: /* @__PURE__ */ ul({
     node: { default: void 0 },
     context: { default: void 0 },
     name: { default: void 0 },
@@ -2203,38 +2528,38 @@ const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t) {
-    const l = t, o = Yt(t, "modelValue"), a = qe(_t, !1);
-    St(_t, !0), Re();
-    const s = de("webx-blocks"), r = De(), n = qe(il, null);
-    let b = null;
-    const P = U([]), v = T(() => l.catalog ?? P.value), p = T(() => Array.isArray(o.value) ? o.value : []), g = U(null), f = T(() => g.value ? re(p.value, g.value) : null), k = T(
-      () => f.value ? v.value.find((w) => w.slug === f.value?.node.type) ?? null : null
+  setup(e) {
+    const n = e, t = ol(e, "modelValue"), s = Ke(Tt, !1);
+    Bt(Tt, !0), Fe();
+    const a = de("webx-blocks"), i = Re(), o = Ke(hl, null);
+    let r = null;
+    const m = N([]), c = V(() => n.catalog ?? m.value), d = V(() => Array.isArray(t.value) ? t.value : []), p = N(null), v = V(() => p.value ? re(d.value, p.value) : null), g = V(
+      () => v.value ? c.value.find(($) => $.slug === v.value?.node.type) ?? null : null
     );
-    function C(w) {
-      return v.value.find((L) => L.slug === w.type)?.title ?? w.type;
-    }
-    const V = T(() => {
-      const w = [];
-      return Oe(p.value, (L) => w.push(L.key)), w;
-    }), x = T(() => {
-      const w = g.value ? V.value.indexOf(g.value) : -1;
+    function x($) {
+      return c.value.find((M) => M.slug === $.type)?.title ?? $.type;
+    }
+    const T = V(() => {
+      const $ = [];
+      return je(d.value, (M) => $.push(M.key)), $;
+    }), w = V(() => {
+      const $ = p.value ? T.value.indexOf(p.value) : -1;
       return {
-        previous: w > 0 ? V.value[w - 1] : null,
-        next: w >= 0 && w < V.value.length - 1 ? V.value[w + 1] : null
+        previous: $ > 0 ? T.value[$ - 1] : null,
+        next: $ >= 0 && $ < T.value.length - 1 ? T.value[$ + 1] : null
       };
-    }), m = T(() => {
-      const w = [];
-      let L = f.value?.parent ?? null;
-      for (; L; )
-        w.unshift({ key: L.key, title: C(L) }), L = re(p.value, L.key)?.parent ?? null;
-      return w;
-    }), y = qe(it, null), R = U(null), q = U(null), J = Ye(q), Z = T(() => y !== null && y.url.value !== null), c = T(() => Z.value && J.value > 0 && J.value <= 900), B = U(!1), D = T(() => {
-      if (!f.value) return;
-      const w = k.value?.title ?? f.value.node.type;
-      return [...m.value.map((L) => L.title), w].join(" / ");
-    }), K = T(
-      () => c.value ? {
+    }), y = V(() => {
+      const $ = [];
+      let M = v.value?.parent ?? null;
+      for (; M; )
+        $.unshift({ key: M.key, title: x(M) }), M = re(d.value, M.key)?.parent ?? null;
+      return $;
+    }), _ = Ke(pt, null), R = N(null), K = N(null), Y = Qe(K), X = V(() => _ !== null && _.url.value !== null), h = V(() => X.value && Y.value > 0 && Y.value <= 900), A = N(!1), P = V(() => {
+      if (!v.value) return;
+      const $ = g.value?.title ?? v.value.node.type;
+      return [...y.value.map((M) => M.title), $].join(" / ");
+    }), J = V(
+      () => h.value ? {
         /* Up from the bottom, and not all the way: the strip of page left above it is what
            says the sheet is over the page rather than instead of it. No heading of its own —
            the panels inside carry theirs, and the × is the one thing the sheet has to add. */
@@ -2244,354 +2569,354 @@ const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
            takes a narrow screen whole unless it is told not to. */
         fullScreen: !1,
         closable: !0,
-        closeLabel: s("field.close"),
-        ariaLabel: s("field.blocks"),
+        closeLabel: a("field.close"),
+        ariaLabel: a("field.blocks"),
         /* The open block's name goes in the sheet's own head, where there is a whole line for
            it: in the form's head it shared a row with four controls and wrapped onto two. With
            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: D.value,
-        open: B.value,
-        "onUpdate:open": (w) => B.value = w
+        title: P.value,
+        open: A.value,
+        "onUpdate:open": ($) => A.value = $
       } : {}
-    ), Se = T(
-      () => n?.state.manifest?.modules.find((w) => w.id === "blocks")?.meta?.groups ?? []
-    ), pe = Zt()?.type, se = T(() => l.context?.types ? l.context.types : n?.types ? { ...Xe, ...n.types } : pe ? { ...Xe, "wx-blocks": { component: pe, kind: "field", nested: !0 } } : Xe), _e = T(
-      () => l.context?.translate ?? n?.i18n.t ?? ((w) => w)
-    ), Te = T(() => l.context?.can ?? n?.can ?? (() => !0)), ke = At(_n);
-    function te(w) {
-      o.value = w;
-    }
-    async function Ce(w, L, M) {
-      const Q = w ? re(p.value, w) : null, le = Q ? v.value.find((qt) => qt.slug === Q.node.type) ?? null : null, A = w === null ? l.allow : M?.props?.allow ?? null, h = w === null ? l.max : M?.props?.max ?? null, $ = w === null ? p.value : Q && L ? Q.node.values[L] ?? [] : [];
-      if (h != null && $.length >= h) return;
-      const He = await ke({
-        catalog: v.value,
-        parent: le,
-        allow: A,
-        tree: p.value,
+    ), Se = V(
+      () => o?.state.manifest?.modules.find(($) => $.id === "blocks")?.meta?.groups ?? []
+    ), ne = al()?.type, pe = V(() => n.context?.types ? n.context.types : o?.types ? { ...Ye, ...o.types } : ne ? { ...Ye, "wx-blocks": { component: ne, kind: "field", nested: !0 } } : Ye), ke = V(
+      () => n.context?.translate ?? o?.i18n.t ?? (($) => $)
+    ), Ee = V(() => n.context?.can ?? o?.can ?? (() => !0)), Te = Nt(es);
+    function Q($) {
+      t.value = $;
+    }
+    async function we($, M, O) {
+      const H = $ ? re(d.value, $) : null, ee = H ? c.value.find((tl) => tl.slug === H.node.type) ?? null : null, et = $ === null ? n.allow : O?.props?.allow ?? null, W = $ === null ? n.max : O?.props?.max ?? null, k = $ === null ? d.value : H && M ? H.node.values[M] ?? [] : [];
+      if (W != null && k.length >= W) return;
+      const E = await Te({
+        catalog: c.value,
+        parent: ee,
+        allow: et,
+        tree: d.value,
         groups: Se.value,
-        blocksPath: l.blocksPath
+        blocksPath: n.blocksPath
       });
-      if (!He) return;
-      const rt = Il(He.slug, ye(He));
-      te(kt(p.value, w, L, $.length, rt)), g.value = rt.key;
-    }
-    function ye(w) {
-      const L = w.content?.sample ?? {}, M = {};
-      for (const [Q, le] of Object.entries(L))
-        (!Array.isArray(le) || le.length === 0 || typeof le[0] != "object") && (M[Q] = le);
-      return M;
-    }
-    async function fe(w) {
-      const L = re(p.value, w);
-      if (!L) return;
-      const M = Pl(L.node);
-      await Ke({
-        title: s("field.remove-title", {
-          title: v.value.find((le) => le.slug === L.node.type)?.title ?? L.node.type
+      if (!E) return;
+      const tt = Kl(E.slug, Ce(E));
+      Q(xt(d.value, $, M, k.length, tt)), p.value = tt.key;
+    }
+    function Ce($) {
+      const M = $.content?.sample ?? {}, O = {};
+      for (const [H, ee] of Object.entries(M))
+        (!Array.isArray(ee) || ee.length === 0 || typeof ee[0] != "object") && (O[H] = ee);
+      return O;
+    }
+    async function ye($) {
+      const M = re(d.value, $);
+      if (!M) return;
+      const O = Jl(M.node);
+      await Ge({
+        title: a("field.remove-title", {
+          title: c.value.find((ee) => ee.slug === M.node.type)?.title ?? M.node.type
         }),
-        message: M > 0 ? s("field.remove-text", { count: M }) : s("field.remove-alone"),
-        confirmText: s("field.remove"),
-        cancelText: s("page.cancel"),
+        message: O > 0 ? a("field.remove-text", { count: O }) : a("field.remove-alone"),
+        confirmText: a("field.remove"),
+        cancelText: a("page.cancel"),
         tone: "danger"
-      }) && (g.value === w && (g.value = null), te(Dl(p.value, w)));
+      }) && (p.value === $ && (p.value = null), Q(Ql(d.value, $)));
     }
-    function z(w) {
-      const L = re(p.value, w);
-      if (!L) return;
-      const M = Ot(L.node);
-      te(kt(p.value, L.parent?.key ?? null, L.field, L.index + 1, M)), g.value = M.key;
+    function L($) {
+      const M = re(d.value, $);
+      if (!M) return;
+      const O = qt(M.node);
+      Q(xt(d.value, M.parent?.key ?? null, M.field, M.index + 1, O)), p.value = O.key;
     }
-    function O(w, L) {
-      te(Ul(p.value, w, L));
+    function U($, M) {
+      Q(Gl(d.value, $, M));
     }
-    function H(w, L, M) {
-      te(Rl(p.value, w, L, M));
+    function j($, M, O) {
+      Q(en(d.value, $, M, O));
     }
-    function Y(w) {
-      g.value = g.value === w ? null : w;
+    function G($) {
+      p.value = p.value === $ ? null : $;
     }
-    function ve(w) {
-      w === null || !re(p.value, w) || (g.value = w, c.value && (B.value = !0));
+    function fe($) {
+      $ === null || !re(d.value, $) || (p.value = $, h.value && (A.value = !0));
     }
-    function me() {
-      g.value = null;
+    function _e() {
+      p.value = null;
     }
-    function ie(w) {
-      g.value && te(Ol(p.value, g.value, w));
+    function se($) {
+      p.value && Q(Xl(d.value, p.value, $));
     }
-    let we;
-    X(
-      () => f.value?.node.values,
-      (w, L) => {
-        if (!w || !L || !k.value || !b || !y) return;
-        const M = g.value, Q = k.value.id;
-        clearTimeout(we), we = setTimeout(() => {
-          !M || !b || b.render(Q, { values: w, key: M }).then((le) => {
-            R.value?.replace(M, le.html) || R.value?.refresh();
+    let ve;
+    te(
+      () => v.value?.node.values,
+      ($, M) => {
+        if (!$ || !M || !g.value || !r || !_) return;
+        const O = p.value, H = g.value.id;
+        clearTimeout(ve), ve = setTimeout(() => {
+          !O || !r || r.render(H, { values: $, key: O }).then((ee) => {
+            R.value?.replace(O, ee.html) || R.value?.refresh();
           }).catch(() => {
           });
         }, 300);
       },
       { deep: !0 }
     );
-    function Ve(w) {
-      w.key === "Escape" && g.value && me();
+    function Ve($) {
+      $.key === "Escape" && p.value && _e();
     }
     Ue(async () => {
-      if (window.addEventListener("keydown", Ve), l.catalog === null && n) {
-        b = Ae(n);
+      if (window.addEventListener("keydown", Ve), n.catalog === null && o) {
+        r = ze(o);
         try {
-          P.value = await b.catalog();
-        } catch (w) {
-          G.danger(r(w));
+          m.value = await r.catalog();
+        } catch ($) {
+          Z.danger(i($));
         }
-      } else n && (b = Ae(n));
-    }), Ge(() => {
-      clearTimeout(we), window.removeEventListener("keydown", Ve);
+      } else o && (r = ze(o));
+    }), Ze(() => {
+      clearTimeout(ve), window.removeEventListener("keydown", Ve);
     });
-    const Ee = T(
-      () => k.value?.content ? st(k.value.content.schema) : []
+    const De = V(
+      () => g.value?.content ? dt(g.value.content.schema) : []
     );
-    return (w, L) => e(a) ? (i(), S("div", Un, [
-      u(e(F), {
+    return ($, M) => l(s) ? (u(), C("div", hs, [
+      f(l(q), {
         size: "sm",
         tone: "muted"
       }, {
-        default: d(() => [
-          W(_(e(s)("field.nested-note")), 1)
+        default: b(() => [
+          z(S(l(a)("field.nested-note")), 1)
         ]),
         _: 1
       })
-    ])) : (i(), S("div", {
+    ])) : (u(), C("div", {
       key: 1,
       ref_key: "host",
-      ref: q,
-      class: $e(["wx-blocks-host", { "is-compact": c.value }])
+      ref: K,
+      class: $e(["wx-blocks-host", { "is-compact": h.value }])
     }, [
-      E("div", {
+      B("div", {
         class: $e(["wx-blocks", {
-          "is-editing": f.value !== null,
-          "has-preview": e(y) !== null && e(y).url.value !== null
+          "is-editing": v.value !== null,
+          "has-preview": l(_) !== null && l(_).url.value !== null
         }])
       }, [
-        (i(), I(Qt(c.value ? e(hl) : "div"), Xt(K.value, { class: "wx-blocks__side" }), {
-          default: d(() => [
-            f.value ? N("", !0) : (i(), S("div", Mn, [
-              E("div", Dn, [
-                E("span", On, _(e(s)("field.blocks")), 1),
-                u(e(F), {
+        (u(), D(il(h.value ? l(Sl) : "div"), rl(J.value, { class: "wx-blocks__side" }), {
+          default: b(() => [
+            v.value ? I("", !0) : (u(), C("div", bs, [
+              B("div", gs, [
+                B("span", ys, S(l(a)("field.blocks")), 1),
+                f(l(q), {
                   size: "sm",
                   tone: "muted"
                 }, {
-                  default: d(() => [
-                    W(_(p.value.length), 1)
+                  default: b(() => [
+                    z(S(d.value.length), 1)
                   ]),
                   _: 1
                 })
               ]),
-              u(Pn, {
-                nodes: p.value,
-                catalog: v.value,
-                selected: g.value,
-                disabled: t.disabled,
-                onSelect: Y,
-                onAdd: Ce,
-                onRemove: fe,
-                onDuplicate: z,
-                onVisibility: O,
-                onReorder: H
+              f(ms, {
+                nodes: d.value,
+                catalog: c.value,
+                selected: p.value,
+                disabled: e.disabled,
+                onSelect: G,
+                onAdd: we,
+                onRemove: ye,
+                onDuplicate: L,
+                onVisibility: U,
+                onReorder: j
               }, null, 8, ["nodes", "catalog", "selected", "disabled"]),
-              E("div", Rn, [
-                !t.disabled && (t.max === null || p.value.length < t.max) ? (i(), I(e(ce), {
+              B("div", ks, [
+                !e.disabled && (e.max === null || d.value.length < e.max) ? (u(), D(l(ce), {
                   key: 0,
                   variant: "outline",
                   icon: "plus",
                   class: "wx-blocks__add",
-                  onClick: L[0] || (L[0] = (M) => Ce(null, null, null))
+                  onClick: M[0] || (M[0] = (O) => we(null, null, null))
                 }, {
-                  default: d(() => [
-                    W(_(e(s)("field.add")), 1)
+                  default: b(() => [
+                    z(S(l(a)("field.add")), 1)
                   ]),
                   _: 1
-                })) : N("", !0),
-                !c.value && e(y) && e(y).url.value ? (i(), I(e(ce), {
+                })) : I("", !0),
+                !h.value && l(_) && l(_).url.value ? (u(), D(l(ce), {
                   key: 1,
                   variant: "outline",
                   icon: "eye",
                   class: "wx-blocks__preview-button",
-                  onClick: L[1] || (L[1] = (M) => R.value?.open())
+                  onClick: M[1] || (M[1] = (O) => R.value?.open())
                 }, {
-                  default: d(() => [
-                    W(_(e(s)("field.preview")), 1)
+                  default: b(() => [
+                    z(S(l(a)("field.preview")), 1)
                   ]),
                   _: 1
-                })) : N("", !0)
+                })) : I("", !0)
               ])
             ])),
-            f.value ? (i(), S("div", Hn, [
-              E("div", jn, [
-                E("span", Fn, [
-                  m.value.length ? (i(), S("span", qn, [
-                    (i(!0), S(j, null, ee(m.value, (M) => (i(), S(j, {
-                      key: M.key
+            v.value ? (u(), C("div", ws, [
+              B("div", _s, [
+                B("span", xs, [
+                  y.value.length ? (u(), C("span", $s, [
+                    (u(!0), C(F, null, le(y.value, (O) => (u(), C(F, {
+                      key: O.key
                     }, [
-                      E("button", {
+                      B("button", {
                         type: "button",
                         class: "wx-blocks__trail-step",
-                        onClick: (Q) => Y(M.key)
-                      }, _(M.title), 9, Jn),
-                      u(e(be), { name: "chevron-right" })
+                        onClick: (H) => G(O.key)
+                      }, S(O.title), 9, Ss),
+                      f(l(be), { name: "chevron-right" })
                     ], 64))), 128))
-                  ])) : N("", !0),
-                  E("span", Kn, _(k.value?.title ?? f.value.node.type), 1)
+                  ])) : I("", !0),
+                  B("span", Es, S(g.value?.title ?? v.value.node.type), 1)
                 ]),
-                E("span", Gn, [
-                  c.value ? N("", !0) : (i(), S("code", Yn, _(f.value.node.type), 1)),
-                  u(e(Ie), {
+                B("span", Ts, [
+                  h.value ? I("", !0) : (u(), C("code", Cs, S(v.value.node.type), 1)),
+                  f(l(Ie), {
                     size: "sm",
                     tone: "neutral",
                     icon: "chevron-up",
-                    title: e(s)("field.previous"),
-                    disabled: x.value.previous === null,
-                    onClick: L[2] || (L[2] = (M) => x.value.previous && Y(x.value.previous))
+                    title: l(a)("field.previous"),
+                    disabled: w.value.previous === null,
+                    onClick: M[2] || (M[2] = (O) => w.value.previous && G(w.value.previous))
                   }, null, 8, ["title", "disabled"]),
-                  u(e(Ie), {
+                  f(l(Ie), {
                     size: "sm",
                     tone: "neutral",
                     icon: "chevron-down",
-                    title: e(s)("field.next"),
-                    disabled: x.value.next === null,
-                    onClick: L[3] || (L[3] = (M) => x.value.next && Y(x.value.next))
+                    title: l(a)("field.next"),
+                    disabled: w.value.next === null,
+                    onClick: M[3] || (M[3] = (O) => w.value.next && G(w.value.next))
                   }, null, 8, ["title", "disabled"]),
-                  !c.value && e(y) && e(y).url.value ? (i(), I(e(ce), {
+                  !h.value && l(_) && l(_).url.value ? (u(), D(l(ce), {
                     key: 1,
                     size: "sm",
                     variant: "outline",
                     icon: "eye",
                     class: "wx-blocks__preview-button",
-                    "aria-label": e(s)("field.preview"),
-                    onClick: L[4] || (L[4] = (M) => R.value?.open())
-                  }, null, 8, ["aria-label"])) : N("", !0),
-                  u(e(ce), {
+                    "aria-label": l(a)("field.preview"),
+                    onClick: M[4] || (M[4] = (O) => R.value?.open())
+                  }, null, 8, ["aria-label"])) : I("", !0),
+                  f(l(ce), {
                     size: "sm",
                     variant: "outline",
-                    onClick: me
+                    onClick: _e
                   }, {
-                    default: d(() => [
-                      W(_(c.value ? e(s)("field.done") : `${e(s)("field.done")} · Esc`), 1)
+                    default: b(() => [
+                      z(S(h.value ? l(a)("field.done") : `${l(a)("field.done")} · Esc`), 1)
                     ]),
                     _: 1
                   })
                 ])
               ]),
-              E("div", Zn, [
-                k.value?.content ? (i(), I(e(zt), {
-                  key: f.value.node.key,
-                  "model-value": f.value.node.values,
-                  root: Ee.value,
-                  types: se.value,
-                  translate: _e.value,
-                  can: Te.value,
-                  disabled: t.disabled,
-                  "onUpdate:modelValue": ie
-                }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (i(), I(e(F), {
+              B("div", Vs, [
+                g.value?.content ? (u(), D(l(Pt), {
+                  key: v.value.node.key,
+                  "model-value": v.value.node.values,
+                  root: De.value,
+                  types: pe.value,
+                  translate: ke.value,
+                  can: Ee.value,
+                  disabled: e.disabled,
+                  "onUpdate:modelValue": se
+                }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (u(), D(l(q), {
                   key: 1,
                   size: "sm",
                   tone: "danger"
                 }, {
-                  default: d(() => [
-                    W(_(e(s)("field.unknown-type", { type: f.value.node.type })), 1)
+                  default: b(() => [
+                    z(S(l(a)("field.unknown-type", { type: v.value.node.type })), 1)
                   ]),
                   _: 1
                 }))
               ])
-            ])) : N("", !0)
+            ])) : I("", !0)
           ]),
           _: 1
         }, 16)),
-        e(y) && e(y).url.value ? (i(), S("div", Qn, [
-          u(Tn, {
+        l(_) && l(_).url.value ? (u(), C("div", Bs, [
+          f(ss, {
             ref_key: "previewEl",
             ref: R,
-            url: e(y).url.value,
-            selected: g.value,
-            reload: e(y).reload?.value ?? 0,
-            compact: c.value,
-            onSelect: ve,
-            onEdit: L[5] || (L[5] = (M) => B.value = !0)
+            url: l(_).url.value,
+            selected: p.value,
+            reload: l(_).reload?.value ?? 0,
+            compact: h.value,
+            onSelect: fe,
+            onEdit: M[5] || (M[5] = (O) => A.value = !0)
           }, null, 8, ["url", "selected", "reload", "compact"])
-        ])) : N("", !0)
+        ])) : I("", !0)
       ], 2)
     ], 2));
   }
-}), 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({
+}), Ws = /* @__PURE__ */ ie(As, [["__scopeId", "data-v-613ad857"]]), Ls = { class: "wx-block-card__body" }, zs = { class: "wx-block-card__title" }, Ms = { class: "wx-block-card__chips" }, Ds = /* @__PURE__ */ ae({
   __name: "BlockCard",
   props: {
     block: {}
   },
   emits: ["open"],
-  setup(t, { emit: l }) {
-    const o = l, a = de("webx-blocks");
-    return (s, r) => (i(), S("button", {
+  setup(e, { emit: n }) {
+    const t = n, s = de("webx-blocks");
+    return (a, i) => (u(), C("button", {
       type: "button",
       class: "wx-block-card",
-      onClick: r[0] || (r[0] = (n) => o("open", t.block))
+      onClick: i[0] || (i[0] = (o) => t("open", e.block))
     }, [
-      u(Ft, {
-        thumbnail: t.block.thumbnail,
+      f(el, {
+        thumbnail: e.block.thumbnail,
         height: 120
       }, null, 8, ["thumbnail"]),
-      E("div", ta, [
-        E("div", la, _(t.block.title), 1),
-        u(e(F), {
+      B("div", Ls, [
+        B("div", zs, S(e.block.title), 1),
+        f(l(q), {
           size: "sm",
           tone: "muted"
         }, {
-          default: d(() => [
-            E("code", null, _(t.block.slug), 1),
-            W(" · " + _(e(nt)(t.block.usage_count, e(a))), 1)
+          default: b(() => [
+            B("code", null, S(e.block.slug), 1),
+            z(" · " + S(l(it)(e.block.usage_count, l(s))), 1)
           ]),
           _: 1
         }),
-        E("div", na, [
-          t.block.draft ? (i(), I(e(ue), {
+        B("div", Ms, [
+          e.block.draft ? (u(), D(l(ue), {
             key: 0,
             type: "warning",
             dot: ""
           }, {
-            default: d(() => [
-              W(_(e(a)("page.draft", { number: t.block.draft.number })), 1)
+            default: b(() => [
+              z(S(l(s)("page.draft", { number: e.block.draft.number })), 1)
             ]),
             _: 1
-          })) : N("", !0),
-          t.block.published ? (i(), I(e(ue), {
+          })) : I("", !0),
+          e.block.published ? (u(), D(l(ue), {
             key: 1,
             type: "success",
             dot: ""
           }, {
-            default: d(() => [
-              W(_(e(a)("page.live", { number: t.block.published.number })), 1)
+            default: b(() => [
+              z(S(l(s)("page.live", { number: e.block.published.number })), 1)
             ]),
             _: 1
-          })) : (i(), I(e(ue), {
+          })) : (u(), D(l(ue), {
             key: 2,
             type: "default"
           }, {
-            default: d(() => [
-              W(_(e(a)("page.never-published")), 1)
+            default: b(() => [
+              z(S(l(s)("page.never-published")), 1)
             ]),
             _: 1
           })),
-          t.block.is_enabled ? N("", !0) : (i(), I(e(ue), {
+          e.block.is_enabled ? I("", !0) : (u(), D(l(ue), {
             key: 3,
             type: "default",
             variant: "outline"
           }, {
-            default: d(() => [
-              W(_(e(a)("page.hidden")), 1)
+            default: b(() => [
+              z(S(l(s)("page.hidden")), 1)
             ]),
             _: 1
           }))
@@ -2599,62 +2924,62 @@ const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
       ])
     ]));
   }
-}), oa = /* @__PURE__ */ oe(aa, [["__scopeId", "data-v-3d94f339"]]), sa = { class: "wx-block-create" }, ia = /* @__PURE__ */ ae({
+}), Is = /* @__PURE__ */ ie(Ds, [["__scopeId", "data-v-3d94f339"]]), Ns = { class: "wx-block-create" }, Ps = /* @__PURE__ */ ae({
   __name: "BlockCreateDialog",
-  setup(t) {
-    const { resolve: l, dismiss: o, open: a } = Bt(), s = Me(), r = Ae(s);
-    Re();
-    const n = de("webx-blocks"), b = De(), P = T(() => s.state.manifest?.modules.find((y) => y.id === "blocks")?.meta?.groups ?? ["content"]), v = U({ title: "", slug: "", group: P.value[0] ?? "content" }), p = U({}), g = U(!1), f = U(!1), k = T(
-      () => P.value.map((m) => ({ value: m, label: ze(m, n) }))
+  setup(e) {
+    const { resolve: n, dismiss: t, open: s } = Mt(), a = Oe(), i = ze(a);
+    Fe();
+    const o = de("webx-blocks"), r = Re(), m = V(() => a.state.manifest?.modules.find((_) => _.id === "blocks")?.meta?.groups ?? ["content"]), c = N({ title: "", slug: "", group: m.value[0] ?? "content" }), d = N({}), p = N(!1), v = N(!1), g = V(
+      () => m.value.map((y) => ({ value: y, label: Me(y, o) }))
     );
-    function C(m) {
-      return m.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "").slice(0, 64);
+    function x(y) {
+      return y.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "").slice(0, 64);
     }
-    X(
-      () => v.value.title,
-      (m) => {
-        f.value || (v.value.slug = C(m));
+    te(
+      () => c.value.title,
+      (y) => {
+        v.value || (c.value.slug = x(y));
       }
     );
-    function V(m) {
-      return p.value[m]?.[0];
+    function T(y) {
+      return d.value[y]?.[0];
     }
-    async function x() {
-      g.value = !0, p.value = {};
+    async function w() {
+      p.value = !0, d.value = {};
       try {
-        l(await r.create(v.value));
-      } catch (m) {
-        const y = m.body;
-        y?.errors ? p.value = y.errors : G.danger(b(m, n("page.failed")));
+        n(await i.create(c.value));
+      } catch (y) {
+        const _ = y.body;
+        _?.errors ? d.value = _.errors : Z.danger(r(y, o("page.failed")));
       } finally {
-        g.value = !1;
+        p.value = !1;
       }
     }
-    return (m, y) => (i(), I(e(Lt), {
-      open: e(a),
-      "onUpdate:open": y[5] || (y[5] = (R) => $t(a) ? a.value = R : null),
-      title: e(n)("page.new"),
+    return (y, _) => (u(), D(l(Dt), {
+      open: l(s),
+      "onUpdate:open": _[5] || (_[5] = (R) => Vt(s) ? s.value = R : null),
+      title: l(o)("page.new"),
       width: 520
     }, {
-      footer: d(() => [
-        u(e(bl), { size: "sm" }, {
-          default: d(() => [
-            u(e(ce), {
+      footer: b(() => [
+        f(l(El), { size: "sm" }, {
+          default: b(() => [
+            f(l(ce), {
               variant: "outline",
-              onClick: y[4] || (y[4] = (R) => e(o)())
+              onClick: _[4] || (_[4] = (R) => l(t)())
             }, {
-              default: d(() => [
-                W(_(e(n)("page.cancel")), 1)
+              default: b(() => [
+                z(S(l(o)("page.cancel")), 1)
               ]),
               _: 1
             }),
-            u(e(ce), {
+            f(l(ce), {
               type: "primary",
-              loading: g.value,
-              onClick: x
+              loading: p.value,
+              onClick: w
             }, {
-              default: d(() => [
-                W(_(e(n)("page.create")), 1)
+              default: b(() => [
+                z(S(l(o)("page.create")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -2662,46 +2987,46 @@ const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
           _: 1
         })
       ]),
-      default: d(() => [
-        E("div", sa, [
-          u(e(ne), {
-            label: e(n)("page.title"),
-            error: V("title")
+      default: b(() => [
+        B("div", Ns, [
+          f(l(oe), {
+            label: l(o)("page.title"),
+            error: T("title")
           }, {
-            default: d(() => [
-              u(e(Pe), {
-                modelValue: v.value.title,
-                "onUpdate:modelValue": y[0] || (y[0] = (R) => v.value.title = R),
+            default: b(() => [
+              f(l(Pe), {
+                modelValue: c.value.title,
+                "onUpdate:modelValue": _[0] || (_[0] = (R) => c.value.title = R),
                 autofocus: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          u(e(ne), {
-            label: e(n)("page.identifier"),
-            help: e(n)("page.identifier-help"),
-            error: V("slug")
+          f(l(oe), {
+            label: l(o)("page.identifier"),
+            help: l(o)("page.identifier-help"),
+            error: T("slug")
           }, {
-            default: d(() => [
-              u(e(Pe), {
-                modelValue: v.value.slug,
-                "onUpdate:modelValue": y[1] || (y[1] = (R) => v.value.slug = R),
+            default: b(() => [
+              f(l(Pe), {
+                modelValue: c.value.slug,
+                "onUpdate:modelValue": _[1] || (_[1] = (R) => c.value.slug = R),
                 placeholder: "hero",
-                onInput: y[2] || (y[2] = (R) => f.value = !0)
+                onInput: _[2] || (_[2] = (R) => v.value = !0)
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "help", "error"]),
-          u(e(ne), {
-            label: e(n)("page.group"),
-            help: e(n)("page.group-help"),
-            error: V("group")
+          f(l(oe), {
+            label: l(o)("page.group"),
+            help: l(o)("page.group-help"),
+            error: T("group")
           }, {
-            default: d(() => [
-              u(e(Et), {
-                modelValue: v.value.group,
-                "onUpdate:modelValue": y[3] || (y[3] = (R) => v.value.group = R),
-                options: k.value
+            default: b(() => [
+              f(l(zt), {
+                modelValue: c.value.group,
+                "onUpdate:modelValue": _[3] || (_[3] = (R) => c.value.group = R),
+                options: g.value
               }, null, 8, ["modelValue", "options"])
             ]),
             _: 1
@@ -2711,121 +3036,121 @@ const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
       _: 1
     }, 8, ["open", "title"]));
   }
-}), ra = /* @__PURE__ */ oe(ia, [["__scopeId", "data-v-a4c0d44c"]]), ua = {
+}), Us = /* @__PURE__ */ ie(Ps, [["__scopeId", "data-v-a4c0d44c"]]), Os = {
   key: 1,
   class: "wx-blocks-page__toolbar"
-}, ca = { class: "wx-blocks-page__cards" }, da = { class: "wx-blocks-page__ghost-body" }, pa = {
+}, Rs = { class: "wx-blocks-page__cards" }, js = { class: "wx-blocks-page__ghost-body" }, Fs = {
   key: 0,
   class: "wx-blocks-page__group-title"
-}, va = { class: "wx-blocks-page__cards" }, fa = /* @__PURE__ */ ae({
+}, Hs = { class: "wx-blocks-page__cards" }, qs = /* @__PURE__ */ ae({
   __name: "BlocksPage",
   props: {
     base: { default: "/blocks" }
   },
-  setup(t) {
-    const l = t, o = Me(), a = Ae(o), s = Tt();
-    Re();
-    const r = de("webx-blocks"), n = De(), b = U([]), P = U(!0), v = U(""), p = U(""), g = At(ra), f = T(() => {
-      const c = o.state.manifest?.modules.find((B) => B.id === "blocks")?.meta;
+  setup(e) {
+    const n = e, t = Oe(), s = ze(t), a = At();
+    Fe();
+    const i = de("webx-blocks"), o = Re(), r = N([]), m = N(!0), c = N(""), d = N(""), p = Nt(Us), v = V(() => {
+      const h = t.state.manifest?.modules.find((A) => A.id === "blocks")?.meta;
       return {
-        groups: c?.groups ?? [],
-        editing: c?.editing ?? !0,
-        provides: c?.provides ?? []
+        groups: h?.groups ?? [],
+        editing: h?.editing ?? !0,
+        provides: h?.provides ?? []
       };
-    }), k = T(() => o.can("blocks.manage") && f.value.editing), C = T(
-      () => o.state.manifest?.modules.find((c) => c.id === "blocks")?.title ?? r("module.title")
-    ), V = T(() => {
-      const c = v.value.trim().toLowerCase(), B = p.value === "" ? b.value : b.value.filter((D) => D.group === p.value);
-      return c === "" ? B : B.filter(
-        (D) => D.title.toLowerCase().includes(c) || D.slug.includes(c) || (D.description ?? "").toLowerCase().includes(c)
+    }), g = V(() => t.can("blocks.manage") && v.value.editing), x = V(
+      () => t.state.manifest?.modules.find((h) => h.id === "blocks")?.title ?? i("module.title")
+    ), T = V(() => {
+      const h = c.value.trim().toLowerCase(), A = d.value === "" ? r.value : r.value.filter((P) => P.group === d.value);
+      return h === "" ? A : A.filter(
+        (P) => P.title.toLowerCase().includes(h) || P.slug.includes(h) || (P.description ?? "").toLowerCase().includes(h)
       );
-    }), x = T(() => {
-      const c = [...f.value.groups];
-      for (const B of b.value)
-        c.includes(B.group) || c.push(B.group);
-      return c.filter((B) => b.value.some((D) => D.group === B));
-    }), m = T(
-      () => x.value.length < 2 ? [] : [
-        { value: "", label: r("page.all-groups") },
-        ...x.value.map((c) => ({ value: c, label: ze(c, r) }))
+    }), w = V(() => {
+      const h = [...v.value.groups];
+      for (const A of r.value)
+        h.includes(A.group) || h.push(A.group);
+      return h.filter((A) => r.value.some((P) => P.group === A));
+    }), y = V(
+      () => w.value.length < 2 ? [] : [
+        { value: "", label: i("page.all-groups") },
+        ...w.value.map((h) => ({ value: h, label: Me(h, i) }))
       ]
-    ), y = T(() => {
-      const c = x.value.map((D) => ({
-        id: D,
-        label: ze(D, r),
-        blocks: V.value.filter((K) => K.group === D)
-      })).filter((D) => D.blocks.length > 0);
-      return p.value !== "" || V.value.length <= 5 || v.value.trim() !== "" || c.length < 2 ? [{ id: "", label: "", blocks: V.value }] : c;
+    ), _ = V(() => {
+      const h = w.value.map((P) => ({
+        id: P,
+        label: Me(P, i),
+        blocks: T.value.filter((J) => J.group === P)
+      })).filter((P) => P.blocks.length > 0);
+      return d.value !== "" || T.value.length <= 5 || c.value.trim() !== "" || h.length < 2 ? [{ id: "", label: "", blocks: T.value }] : h;
     });
     async function R() {
-      P.value = !0;
+      m.value = !0;
       try {
-        b.value = await a.list();
-      } catch (c) {
-        G.danger(n(c));
+        r.value = await s.list();
+      } catch (h) {
+        Z.danger(o(h));
       } finally {
-        P.value = !1;
+        m.value = !1;
       }
     }
-    function q(c) {
-      s.push(`${l.base}/${c.id}`);
+    function K(h) {
+      a.push(`${n.base}/${h.id}`);
     }
-    async function J() {
-      const c = await g({});
-      c && q(c);
+    async function Y() {
+      const h = await p({});
+      h && K(h);
     }
     Ue(R);
-    const Z = T(
-      () => k.value ? [{ key: "new", label: r("page.new"), icon: "plus", primary: !0, run: () => {
-        J();
+    const X = V(
+      () => g.value ? [{ key: "new", label: i("page.new"), icon: "plus", primary: !0, run: () => {
+        Y();
       } }] : []
     );
-    return (c, B) => (i(), I(e(rl), {
-      view: p.value,
-      "onUpdate:view": B[1] || (B[1] = (D) => p.value = D),
+    return (h, A) => (u(), D(l(bl), {
+      view: d.value,
+      "onUpdate:view": A[1] || (A[1] = (P) => d.value = P),
       class: "wx-blocks-page",
-      title: C.value,
-      views: m.value,
-      actions: Z.value
+      title: x.value,
+      views: y.value,
+      actions: X.value
     }, {
-      default: d(() => [
-        f.value.editing ? N("", !0) : (i(), I(e(Vt), {
+      default: b(() => [
+        v.value.editing ? I("", !0) : (u(), D(l(Lt), {
           key: 0,
           type: "info",
           variant: "soft",
-          description: e(r)("page.editing-off")
+          description: l(i)("page.editing-off")
         }, null, 8, ["description"])),
-        P.value || b.value.length > 0 ? (i(), S("div", ua, [
-          u(e(Pe), {
-            modelValue: v.value,
-            "onUpdate:modelValue": B[0] || (B[0] = (D) => v.value = D),
+        m.value || r.value.length > 0 ? (u(), C("div", Os, [
+          f(l(Pe), {
+            modelValue: c.value,
+            "onUpdate:modelValue": A[0] || (A[0] = (P) => c.value = P),
             class: "wx-blocks-page__search",
-            placeholder: e(r)("page.search"),
+            placeholder: l(i)("page.search"),
             clearable: ""
           }, null, 8, ["modelValue", "placeholder"])
-        ])) : N("", !0),
-        P.value ? (i(), I(e(We), { key: 2 }, {
-          template: d(() => [
-            E("div", ca, [
-              (i(), S(j, null, ee(4, (D) => E("div", {
-                key: D,
+        ])) : I("", !0),
+        m.value ? (u(), D(l(We), { key: 2 }, {
+          template: b(() => [
+            B("div", Rs, [
+              (u(), C(F, null, le(4, (P) => B("div", {
+                key: P,
                 class: "wx-blocks-page__ghost"
               }, [
-                u(e(Fe), {
+                f(l(qe), {
                   variant: "image",
                   height: 120,
                   class: "wx-blocks-page__ghost-thumb"
                 }),
-                E("div", da, [
-                  u(e(Fe), {
+                B("div", js, [
+                  f(l(qe), {
                     variant: "title",
                     width: "45%"
                   }),
-                  u(e(Fe), {
+                  f(l(qe), {
                     variant: "text",
                     width: "70%"
                   }),
-                  u(e(Fe), {
+                  f(l(qe), {
                     variant: "button",
                     width: "64px",
                     height: "22px"
@@ -2835,21 +3160,21 @@ const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
             ])
           ]),
           _: 1
-        })) : b.value.length === 0 ? (i(), I(e(Wt), {
+        })) : r.value.length === 0 ? (u(), D(l(It), {
           key: 3,
           icon: "grid",
-          title: e(r)("page.empty"),
-          description: e(r)("page.empty-help")
-        }, null, 8, ["title", "description"])) : (i(!0), S(j, { key: 4 }, ee(y.value, (D) => (i(), S("section", {
-          key: D.id,
+          title: l(i)("page.empty"),
+          description: l(i)("page.empty-help")
+        }, null, 8, ["title", "description"])) : (u(!0), C(F, { key: 4 }, le(_.value, (P) => (u(), C("section", {
+          key: P.id,
           class: "wx-blocks-page__group"
         }, [
-          D.label ? (i(), S("div", pa, _(D.label), 1)) : N("", !0),
-          E("div", va, [
-            (i(!0), S(j, null, ee(D.blocks, (K) => (i(), I(oa, {
-              key: K.id,
-              block: K,
-              onOpen: q
+          P.label ? (u(), C("div", Fs, S(P.label), 1)) : I("", !0),
+          B("div", Hs, [
+            (u(!0), C(F, null, le(P.blocks, (J) => (u(), D(Is, {
+              key: J.id,
+              block: J,
+              onOpen: K
             }, null, 8, ["block"]))), 128))
           ])
         ]))), 128))
@@ -2857,19 +3182,19 @@ const _t = /* @__PURE__ */ Symbol("wx-blocks-root"), Un = {
       _: 1
     }, 8, ["view", "title", "views", "actions"]));
   }
-}), ma = /* @__PURE__ */ oe(fa, [["__scopeId", "data-v-553b680f"]]);
-function $a(t = {}) {
-  const l = t.path ?? "/blocks";
+}), Ks = /* @__PURE__ */ ie(qs, [["__scopeId", "data-v-553b680f"]]);
+function so(e = {}) {
+  const n = e.path ?? "/blocks";
   return {
     id: "blocks",
-    path: l,
+    path: n,
     routes: [
-      { path: l, name: "webx.blocks", component: ma, props: { base: l } },
+      { path: n, name: "webx.blocks", component: Ks, props: { base: n } },
       {
-        path: `${l}/:id(\\d+)`,
+        path: `${n}/:id(\\d+)`,
         name: "webx.blocks.edit",
-        component: dn,
-        props: { base: l }
+        component: jn,
+        props: { base: n }
       }
     ],
     // What a screen means by `wx-blocks`: the content of an entity as a tree of blocks. A
@@ -2877,47 +3202,47 @@ function $a(t = {}) {
     // draws its children through the renderer; it needs the node for `props.allow` alone.
     types: {
       "wx-blocks": {
-        component: ea,
+        component: Ws,
         kind: "field",
         nested: !0,
         wide: !0,
-        bind: () => ({ blocksPath: l })
+        bind: () => ({ blocksPath: n })
       }
     }
   };
 }
 export {
-  dn as WxBlockEditorPage,
-  _n as WxBlockPicker,
-  zl as WxBlockStage,
-  Ft 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,
-  et as highlightBlock,
-  kt as insertNode,
-  Ut as isNode,
-  Ze as isNodeList,
-  Fl as lintBlock,
+  jn as WxBlockEditorPage,
+  es as WxBlockPicker,
+  ql as WxBlockStage,
+  el as WxBlockThumb,
+  Ws as WxBlocks,
+  Ks as WxBlocksPage,
+  so as blocks,
+  tn as blocksMessages,
+  pt as blocksPreviewKey,
+  qt as cloneNode,
+  Yl as countType,
+  ze as createBlocksApi,
+  Ut as findRange,
+  dt as formSchema,
+  nt as highlightBlock,
+  xt as insertNode,
+  jt as isNode,
+  Xe as isNodeList,
+  $n as lintBlock,
   re as locate,
-  Il as makeNode,
-  lt 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
+  Kl as makeNode,
+  at as newKey,
+  lo as provideBlocksPreview,
+  Ql as removeNode,
+  Ot as replaceBlock,
+  en as replaceList,
+  Rt as stageDocument,
+  to as typesIn,
+  Sn as undeclared,
+  Xl as updateValues,
+  no as useBlocksPreview,
+  je as walk
 };
 //# sourceMappingURL=index.js.map