@webx-ui/module-blocks 0.6.0 → 0.6.1

package/dist/index.js

@@ -1,7 +1,7 @@
-import { defineComponent as te, computed as T, openBlock as i, createElementBlock as x, createVNode as u, unref as e, createElementVNode as W, createTextVNode as E, toDisplayString as y, Fragment as j, createCommentVNode as z, renderList as ee, ref as N, onMounted as Ue, watch as fe, createBlock as L, withCtx as c, normalizeStyle as we, reactive as Ze, onBeforeUnmount as Xe, resolveComponent as kt, isRef as yt, normalizeClass as Be, nextTick as Rt, withKeys as st, withModifiers as it, provide as wt, inject as He, useModel as Ht, getCurrentInstance as jt, resolveDynamicComponent as Ft, mergeProps as qt, mergeModels as Jt } from "vue";
+import { defineComponent as te, computed as T, openBlock as i, createElementBlock as x, createVNode as u, unref as e, createElementVNode as W, createTextVNode as E, toDisplayString as y, Fragment as j, createCommentVNode as z, renderList as ee, ref as N, onMounted as Ue, watch as fe, createBlock as A, withCtx as c, normalizeStyle as we, reactive as Ze, onBeforeUnmount as Xe, resolveComponent as kt, isRef as yt, normalizeClass as Be, nextTick as Rt, withKeys as st, withModifiers as it, provide as wt, inject as He, useModel as Ht, getCurrentInstance as jt, resolveDynamicComponent as Ft, mergeProps as qt, mergeModels as Jt } from "vue";
 import { useRoute as Kt, useRouter as _t } from "vue-router";
 import { useTranslate as re, useAdmin as Ie, useErrorText as Ne, WxDate as Zt, WxScreenHead as Gt, WxRenameButton as Yt, WxHelpButton as Qt, WxRowMenu as Xt, adminKey as el, WxListScreen as tl } from "@webx-ui/module-admin";
-import { WxIcon as ve, WxSkeleton as Ce, WxText as F, WxBadge as Y, WxButton as ie, confirm as Fe, toast as J, useElementWidth as qe, WxSegmented as xt, WxCard as Se, WxAlert as $t, WxTabs as ll, WxTab as Ve, WxCodeEditor as De, WxFormItem as X, WxInput as Ee, WxSelect as Tt, WxTextarea as nl, WxInputNumber as rt, WxTagsInput as ut, WxSwitch as al, WxActionBar as ol, useModal as St, WxDialog as Vt, WxEmpty as Ct, WxAction as Le, WxSortableList as sl, createModal as Bt, WxDrawer as il, WxSpace as rl, WxSkeletonItem as Re } from "@webx-ui/core";
+import { WxIcon as ve, WxSkeleton as Ce, WxText as F, WxBadge as Y, WxButton as ie, confirm as Fe, toast as J, useElementWidth as qe, WxSegmented as xt, WxCard as Se, WxAlert as $t, WxTabs as ll, WxTab as Ve, WxCodeEditor as De, WxFormItem as X, WxInput as Ee, WxSelect as Tt, WxTextarea as nl, WxInputNumber as rt, WxTagsInput as ut, WxSwitch as al, WxActionBar as ol, useModal as St, WxDialog as Vt, WxEmpty as Ct, WxAction as Ae, WxSortableList as sl, createModal as Bt, WxDrawer as il, WxSpace as rl, WxSkeletonItem as Re } from "@webx-ui/core";
 import { WxScreenRenderer as Et, coreTypes as Ge } from "@webx-ui/schema";
 function We(t) {
   const l = `${t.apiPath}/blocks`, o = (n) => n.data;
@@ -110,7 +110,7 @@ const ul = { class: "wx-block-checks" }, cl = {
         d();
       }
     ), (f, k) => (i(), x("div", pl, [
-      I.value === null ? (i(), L(e(Ce), {
+      I.value === null ? (i(), A(e(Ce), {
         key: 0,
         class: "wx-block-history__ghost",
         rows: 3
@@ -131,7 +131,7 @@ const ul = { class: "wx-block-checks" }, cl = {
             tone: "muted"
           }, {
             default: c(() => [
-              B.created_at ? (i(), L(e(Zt), {
+              B.created_at ? (i(), A(e(Zt), {
                 key: 0,
                 value: B.created_at
               }, null, 8, ["value"])) : z("", !0),
@@ -143,7 +143,7 @@ const ul = { class: "wx-block-checks" }, cl = {
             _: 2
           }, 1024)
         ]),
-        p(B) === "draft" ? (i(), L(e(Y), {
+        p(B) === "draft" ? (i(), A(e(Y), {
           key: 0,
           type: "warning",
           dot: ""
@@ -152,7 +152,7 @@ const ul = { class: "wx-block-checks" }, cl = {
             E(y(e(a)("page.version-draft")), 1)
           ]),
           _: 1
-        })) : p(B) === "live" ? (i(), L(e(Y), {
+        })) : p(B) === "live" ? (i(), A(e(Y), {
           key: 1,
           type: "success",
           dot: ""
@@ -162,7 +162,7 @@ const ul = { class: "wx-block-checks" }, cl = {
           ]),
           _: 1
         })) : z("", !0),
-        t.canManage && p(B) === "replaced" ? (i(), L(e(ie), {
+        t.canManage && p(B) === "replaced" ? (i(), A(e(ie), {
           key: 2,
           size: "sm",
           variant: "outline",
@@ -281,7 +281,7 @@ function tt(t) {
   const l = t.createElement("style");
   l.id = dt, l.textContent = `.${ze}{outline:2px solid #427edd;outline-offset:-2px;}.${je}:not(.${ze}){outline:1px solid #427edd;outline-offset:-1px;cursor:pointer;}`, (t.head ?? t.documentElement).appendChild(l);
 }
-function At(t) {
+function Lt(t) {
   const l = t.base ? `<base href="${ft(t.base)}">` : "", o = t.frame ? `<style>${t.frame}</style>` : "", n = t.script && t.runtime ? `<script src="${ft(t.runtime)}"><\/script><script>${t.script}<\/script>` : "";
   return `<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">${l}<style>html,body{margin:0}body{container-type:inline-size}</style>${o}<style>${t.styles}</style></head><body>${t.html}${n}</body></html>`;
 }
@@ -299,11 +299,11 @@ const kl = { class: "wx-block-stage" }, yl = { class: "wx-block-stage__bar" }, w
   },
   setup(t) {
     const l = t, o = re("webx-blocks"), n = T(() => [
-      { value: 1280, label: o("page.width-desktop") },
-      { value: 834, label: o("page.width-tablet") },
-      { value: 390, label: o("page.width-phone") }
+      { 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 = N(1280), r = N(null), a = N(null), h = qe(r), I = N(360), d = T(() => h.value === 0 ? 1 : Math.min(1, h.value / s.value)), p = T(
-      () => At({
+      () => Lt({
         html: l.html,
         styles: l.styles,
         script: l.script,
@@ -333,15 +333,16 @@ const kl = { class: "wx-block-stage" }, yl = { class: "wx-block-stage__bar" }, w
           modelValue: s.value,
           "onUpdate:modelValue": _[0] || (_[0] = (g) => s.value = g),
           options: n.value,
-          size: "sm"
-        }, null, 8, ["modelValue", "options"])
+          size: "sm",
+          "aria-label": e(o)("page.width")
+        }, null, 8, ["modelValue", "options", "aria-label"])
       ]),
       W("div", {
         ref_key: "box",
         ref: r,
         class: "wx-block-stage__ground"
       }, [
-        t.loading && !t.html ? (i(), L(e(Ce), {
+        t.loading && !t.html ? (i(), A(e(Ce), {
           key: 0,
           rows: 3
         })) : (i(), x("div", {
@@ -363,12 +364,12 @@ const kl = { class: "wx-block-stage" }, yl = { class: "wx-block-stage__bar" }, w
       ], 512)
     ]));
   }
-}), xl = /* @__PURE__ */ le(_l, [["__scopeId", "data-v-9aa4b1df"]]);
-function Lt(t) {
+}), xl = /* @__PURE__ */ le(_l, [["__scopeId", "data-v-8254da4a"]]);
+function At(t) {
   return typeof t == "object" && t !== null && typeof t.type == "string" && t.type !== "";
 }
 function Je(t) {
-  return Array.isArray(t) && t.length > 0 && t.every(Lt);
+  return Array.isArray(t) && t.length > 0 && t.every(At);
 }
 function Qe() {
   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);
@@ -393,7 +394,7 @@ function zt(t, l, o, n) {
 }
 function Pe(t, l, o = 0, n = null) {
   for (const s of t)
-    if (Lt(s)) {
+    if (At(s)) {
       l(s, o, n);
       for (const r of Object.values(s.values ?? {}))
         Je(r) && Pe(r, l, o + 1, s);
@@ -460,7 +461,7 @@ function Wl(t, l, o, n) {
 function me(t) {
   return t === void 0 ? t : JSON.parse(JSON.stringify(t));
 }
-const Al = {
+const Ll = {
   module: {
     title: "Blocks"
   },
@@ -512,6 +513,7 @@ const Al = {
     sample: "Sample values",
     "sample-help": "What the thumbnail is drawn on, and what the publish check runs on.",
     preview: "Preview",
+    width: "Width",
     "width-desktop": "Desktop",
     "width-tablet": "Tablet",
     "width-phone": "Phone",
@@ -611,11 +613,11 @@ const Al = {
 function Me() {
   try {
     const { i18n: t } = Ie();
-    ht.has(t) || (t.defaults("webx-blocks", Al), ht.add(t));
+    ht.has(t) || (t.defaults("webx-blocks", Ll), ht.add(t));
   } catch {
   }
 }
-const Ll = ["block", "entity", "loop", "__env", "errors", "app"];
+const Al = ["block", "entity", "loop", "__env", "errors", "app"];
 function zl(t, l, o) {
   const n = [];
   /data-wx-block\s*=/.test(l.template) || n.push({ file: "template", code: "no-marker", line: null, message: o("checks.no-marker") });
@@ -657,7 +659,7 @@ function Nt(t) {
   return l;
 }
 function Ul(t, l) {
-  const o = /* @__PURE__ */ new Set([...Nt(l), ...Ll]);
+  const o = /* @__PURE__ */ new Set([...Nt(l), ...Al]);
   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))
@@ -699,7 +701,7 @@ function lt(t) {
     children: l.children ? lt(l.children) : l.children
   }));
 }
-function Ae(t, l) {
+function Le(t, l) {
   const o = `groups.${t}`, n = l(o);
   return n === o || n === `webx-blocks::${o}` ? t.charAt(0).toUpperCase() + t.slice(1) : n;
 }
@@ -752,7 +754,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
       loading: !1
     }), O = T(() => JSON.stringify({ settings: g, content: w })), q = T(() => Z.value !== "" && O.value !== Z.value), _e = T(() => zl(g.slug, w, a)), ue = T(() => {
       const S = [...V.value.groups];
-      return S.includes(g.group) || S.push(g.group), S.map((v) => ({ value: v, label: Ae(v, a) }));
+      return S.includes(g.group) || S.push(g.group), S.map((v) => ({ value: v, label: Le(v, a) }));
     }), ae = T({
       get: () => w.sample,
       set: (S) => {
@@ -919,13 +921,13 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
     function m(S) {
       return ne.value[S]?.[0];
     }
-    function A(S) {
+    function L(S) {
       q.value && S.preventDefault();
     }
     Ue(() => {
-      Q(), window.addEventListener("beforeunload", A);
+      Q(), window.addEventListener("beforeunload", L);
     }), Xe(() => {
-      clearTimeout(be), window.removeEventListener("beforeunload", A);
+      clearTimeout(be), window.removeEventListener("beforeunload", L);
     }), fe(I, () => {
       Q();
     });
@@ -975,13 +977,13 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
           actions: D.value
         }, {
           "title-after": c(() => [
-            _.value ? (i(), L(e(Yt), {
+            _.value ? (i(), A(e(Yt), {
               key: 0,
               name: g.title,
               placeholder: e(a)("page.title"),
               onRename: v[0] || (v[0] = ($) => g.title = $)
             }, null, 8, ["name", "placeholder"])) : z("", !0),
-            q.value ? (i(), L(e(Y), {
+            q.value ? (i(), A(e(Y), {
               key: 1,
               type: "primary",
               dot: ""
@@ -991,7 +993,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
               ]),
               _: 1
             })) : z("", !0),
-            d.value.draft ? (i(), L(e(Y), {
+            d.value.draft ? (i(), A(e(Y), {
               key: 2,
               type: "warning",
               dot: ""
@@ -1001,7 +1003,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
               ]),
               _: 1
             })) : z("", !0),
-            d.value.published ? (i(), L(e(Y), {
+            d.value.published ? (i(), A(e(Y), {
               key: 3,
               type: "success",
               dot: ""
@@ -1010,7 +1012,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
                 E(y(e(a)("page.live", { number: d.value.published.number })), 1)
               ]),
               _: 1
-            })) : (i(), L(e(Y), {
+            })) : (i(), A(e(Y), {
               key: 4,
               type: "default"
             }, {
@@ -1022,11 +1024,11 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
           ]),
           subtitle: c(() => [
             W("code", null, y(g.slug), 1),
-            E(" · " + y(e(Ae)(g.group, e(a))) + " · " + y(d.value.usage_count > 0 ? e(a)("page.on-pages", { count: d.value.usage_count }) : e(a)("page.not-used")), 1)
+            E(" · " + y(e(Le)(g.group, e(a))) + " · " + y(d.value.usage_count > 0 ? e(a)("page.on-pages", { count: d.value.usage_count }) : e(a)("page.not-used")), 1)
           ]),
           _: 1
         }, 8, ["title", "back", "back-label", "actions"]),
-        V.value.editing ? z("", !0) : (i(), L(e($t), {
+        V.value.editing ? z("", !0) : (i(), A(e($t), {
           key: 0,
           type: "info",
           variant: "soft",
@@ -1163,7 +1165,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
                         "onUpdate:modelValue": $e
                       }, null, 8, ["model-value", "readonly"]),
                       W("div", Kl, [
-                        K.value ? (i(), L(e(F), {
+                        K.value ? (i(), A(e(F), {
                           key: 0,
                           size: "sm",
                           tone: "danger"
@@ -1172,7 +1174,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
                             E(y(K.value), 1)
                           ]),
                           _: 1
-                        })) : m("content.schema") ? (i(), L(e(F), {
+                        })) : m("content.schema") ? (i(), A(e(F), {
                           key: 1,
                           size: "sm",
                           tone: "danger"
@@ -1181,7 +1183,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
                             E(y(m("content.schema")), 1)
                           ]),
                           _: 1
-                        })) : (i(), L(e(F), {
+                        })) : (i(), A(e(F), {
                           key: 2,
                           size: "sm",
                           tone: "muted"
@@ -1352,7 +1354,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
                               ]),
                               _: 1
                             }, 8, ["disabled"]),
-                            d.value.usage_count > 0 ? (i(), L(e(F), {
+                            d.value.usage_count > 0 ? (i(), A(e(F), {
                               key: 0,
                               size: "sm",
                               tone: "muted"
@@ -1407,7 +1409,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
               title: e(a)("page.sample")
             }, {
               default: c(() => [
-                w.schema.length ? (i(), L(e(Et), {
+                w.schema.length ? (i(), A(e(Et), {
                   key: 0,
                   modelValue: ae.value,
                   "onUpdate:modelValue": v[14] || (v[14] = ($) => ae.value = $),
@@ -1434,7 +1436,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
               title: e(a)("page.usage")
             }, {
               default: c(() => [
-                p.value.length === 0 ? (i(), L(e(F), {
+                p.value.length === 0 ? (i(), A(e(F), {
                   key: 0,
                   size: "sm",
                   tone: "muted"
@@ -1449,7 +1451,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
                     class: "wx-block-editor__use"
                   }, [
                     W("span", null, y($.title ?? `#${$.id}`), 1),
-                    $.published ? z("", !0) : (i(), L(e(Y), {
+                    $.published ? z("", !0) : (i(), A(e(Y), {
                       key: 0,
                       type: "warning",
                       size: "sm"
@@ -1460,7 +1462,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
                       _: 1
                     }))
                   ]))), 128)),
-                  p.value.length > ye.value.length ? (i(), L(e(F), {
+                  p.value.length > ye.value.length ? (i(), A(e(F), {
                     key: 0,
                     size: "sm",
                     tone: "muted"
@@ -1476,9 +1478,9 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
             }, 8, ["title"])
           ])
         ]),
-        _.value ? (i(), L(e(ol), { key: 1 }, {
+        _.value ? (i(), A(e(ol), { key: 1 }, {
           state: c(() => [
-            q.value ? (i(), L(e(Y), {
+            q.value ? (i(), A(e(Y), {
               key: 0,
               type: "primary",
               dot: ""
@@ -1488,7 +1490,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
               ]),
               _: 1
             })) : z("", !0),
-            d.value.draft ? (i(), L(e(Y), {
+            d.value.draft ? (i(), A(e(Y), {
               key: 1,
               type: "warning",
               dot: ""
@@ -1498,7 +1500,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
               ]),
               _: 1
             })) : z("", !0),
-            d.value.published ? (i(), L(e(Y), {
+            d.value.published ? (i(), A(e(Y), {
               key: 2,
               type: "success",
               dot: ""
@@ -1549,7 +1551,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
   },
   setup(t) {
     const l = t, o = N(null), n = qe(o), s = T(() => n.value > 0 ? n.value / l.width : 0.2), r = T(
-      () => l.thumbnail ? At({ html: l.thumbnail.html, styles: l.thumbnail.styles }) : ""
+      () => l.thumbnail ? Lt({ html: l.thumbnail.html, styles: l.thumbnail.styles }) : ""
     ), a = T(() => ({
       width: `${l.width}px`,
       height: `${Math.round(l.height / s.value)}px`,
@@ -1613,7 +1615,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
         f.includes(V.group) || f.push(V.group);
       const k = f.map((V) => ({
         id: V,
-        label: Ae(V, r),
+        label: Le(V, r),
         options: d.value.filter((_) => _.type.group === V)
       })).filter((V) => V.options.length > 0);
       return d.value.length <= 5 || a.value.trim() !== "" || k.length < 2 ? [{ id: "", label: "", options: d.value }] : k;
@@ -1629,7 +1631,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
     });
     return (f, k) => {
       const B = kt("router-link");
-      return i(), L(e(Vt), {
+      return i(), A(e(Vt), {
         open: e(s),
         "onUpdate:open": k[2] || (k[2] = (V) => yt(s) ? s.value = V : null),
         title: e(r)("field.pick"),
@@ -1648,7 +1650,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
         ]),
         default: c(() => [
           W("div", an, [
-            I.value.length > 0 ? (i(), L(e(Ee), {
+            I.value.length > 0 ? (i(), A(e(Ee), {
               key: 0,
               modelValue: a.value,
               "onUpdate:modelValue": k[0] || (k[0] = (V) => a.value = V),
@@ -1656,14 +1658,14 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
               clearable: "",
               autofocus: ""
             }, null, 8, ["modelValue", "placeholder"])) : z("", !0),
-            d.value.length === 0 ? (i(), L(e(Ct), {
+            d.value.length === 0 ? (i(), A(e(Ct), {
               key: 1,
               icon: "grid",
               title: b.value,
               size: "sm"
             }, {
               default: c(() => [
-                t.catalog.length === 0 && t.blocksPath ? (i(), L(B, {
+                t.catalog.length === 0 && t.blocksPath ? (i(), A(B, {
                   key: 0,
                   to: t.blocksPath
                 }, {
@@ -1695,7 +1697,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
                   }, null, 8, ["thumbnail"]),
                   W("div", un, [
                     W("div", cn, y(_.type.title), 1),
-                    _.reason ? (i(), L(e(F), {
+                    _.reason ? (i(), A(e(F), {
                       key: 0,
                       size: "sm",
                       tone: "warning"
@@ -1704,7 +1706,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
                         E(y(_.reason), 1)
                       ]),
                       _: 2
-                    }, 1024)) : _.type.description ? (i(), L(e(F), {
+                    }, 1024)) : _.type.description ? (i(), A(e(F), {
                       key: 1,
                       size: "sm",
                       tone: "muted"
@@ -1872,7 +1874,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
           "onUpdate:modelValue": M[0] || (M[0] = (R) => f.value = Number(R))
         }, null, 8, ["model-value", "options", "aria-label"]),
         W("div", vn, [
-          t.compact ? (i(), L(e(Le), {
+          t.compact ? (i(), A(e(Ae), {
             key: 0,
             size: "sm",
             tone: "primary",
@@ -1880,7 +1882,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
             title: e(r)("field.blocks"),
             onClick: M[1] || (M[1] = (R) => s("edit"))
           }, null, 8, ["title"])) : z("", !0),
-          t.url ? (i(), L(e(Le), {
+          t.url ? (i(), A(e(Ae), {
             key: 1,
             size: "sm",
             icon: "external-link",
@@ -1890,7 +1892,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
             target: "_blank",
             rel: "noopener"
           }, null, 8, ["title", "href"])) : z("", !0),
-          u(e(Le), {
+          u(e(Ae), {
             size: "sm",
             icon: p.value ? "minimize" : "maximize",
             tone: "neutral",
@@ -1978,7 +1980,7 @@ const Nl = { class: "wx-block-editor" }, Pl = { class: "wx-block-editor__columns
     }
     return (p, b) => {
       const f = kt("blocks-tree", !0);
-      return i(), L(e(sl), {
+      return i(), A(e(sl), {
         "model-value": t.nodes,
         "item-key": "key",
         "item-label": (k) => a(k),
@@ -2085,7 +2087,7 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
 }, Bn = {
   key: 0,
   class: "wx-blocks__tree"
-}, En = { class: "wx-blocks__panel-head" }, Wn = { class: "wx-blocks__panel-title" }, An = { class: "wx-blocks__tools" }, Ln = {
+}, En = { class: "wx-blocks__panel-head" }, Wn = { class: "wx-blocks__panel-title" }, Ln = { class: "wx-blocks__tools" }, An = {
   key: 1,
   class: "wx-blocks__fields"
 }, zn = { class: "wx-blocks__panel-head" }, Un = { class: "wx-blocks__panel-title" }, In = {
@@ -2122,11 +2124,11 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
       () => f.value ? d.value.find((m) => m.slug === f.value?.node.type) ?? null : null
     );
     function B(m) {
-      return d.value.find((A) => A.slug === m.type)?.title ?? m.type;
+      return d.value.find((L) => L.slug === m.type)?.title ?? m.type;
     }
     const V = T(() => {
       const m = [];
-      return Pe(p.value, (A) => m.push(A.key)), m;
+      return Pe(p.value, (L) => m.push(L.key)), m;
     }), _ = T(() => {
       const m = b.value ? V.value.indexOf(b.value) : -1;
       return {
@@ -2135,14 +2137,14 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
       };
     }), g = T(() => {
       const m = [];
-      let A = f.value?.parent ?? null;
-      for (; A; )
-        m.unshift({ key: A.key, title: B(A) }), A = se(p.value, A.key)?.parent ?? null;
+      let L = f.value?.parent ?? null;
+      for (; L; )
+        m.unshift({ key: L.key, title: B(L) }), L = se(p.value, L.key)?.parent ?? null;
       return m;
     }), w = He(nt, null), H = N(null), K = N(null), Z = qe(K), ne = T(() => w !== null && w.url.value !== null), C = T(() => ne.value && Z.value > 0 && Z.value <= 900), P = N(!1), O = T(() => {
       if (!f.value) return;
       const m = k.value?.title ?? f.value.node.type;
-      return [...g.value.map((A) => A.title), m].join(" / ");
+      return [...g.value.map((L) => L.title), m].join(" / ");
     }), q = T(
       () => C.value ? {
         /* Up from the bottom, and not all the way: the strip of page left above it is what
@@ -2173,8 +2175,8 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
     function Q(m) {
       o.value = m;
     }
-    async function $e(m, A, D) {
-      const S = m ? se(p.value, m) : null, v = S ? d.value.find((Dt) => Dt.slug === S.node.type) ?? null : null, $ = m === null ? l.allow : D?.props?.allow ?? null, Oe = m === null ? l.max : D?.props?.max ?? null, at = m === null ? p.value : S && A ? S.node.values[A] ?? [] : [];
+    async function $e(m, L, D) {
+      const S = m ? se(p.value, m) : null, v = S ? d.value.find((Dt) => Dt.slug === S.node.type) ?? null : null, $ = m === null ? l.allow : D?.props?.allow ?? null, Oe = m === null ? l.max : D?.props?.max ?? null, at = m === null ? p.value : S && L ? S.node.values[L] ?? [] : [];
       if (Oe != null && at.length >= Oe) return;
       const Ke = await he({
         catalog: d.value,
@@ -2186,21 +2188,21 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
       });
       if (!Ke) return;
       const ot = $l(Ke.slug, be(Ke));
-      Q(mt(p.value, m, A, at.length, ot)), b.value = ot.key;
+      Q(mt(p.value, m, L, at.length, ot)), b.value = ot.key;
     }
     function be(m) {
-      const A = m.content?.sample ?? {}, D = {};
-      for (const [S, v] of Object.entries(A))
+      const L = m.content?.sample ?? {}, D = {};
+      for (const [S, v] of Object.entries(L))
         (!Array.isArray(v) || v.length === 0 || typeof v[0] != "object") && (D[S] = v);
       return D;
     }
     async function de(m) {
-      const A = se(p.value, m);
-      if (!A) return;
-      const D = Sl(A.node);
+      const L = se(p.value, m);
+      if (!L) return;
+      const D = Sl(L.node);
       await Fe({
         title: s("field.remove-title", {
-          title: d.value.find((v) => v.slug === A.node.type)?.title ?? A.node.type
+          title: d.value.find((v) => v.slug === L.node.type)?.title ?? L.node.type
         }),
         message: D > 0 ? s("field.remove-text", { count: D }) : s("field.remove-alone"),
         confirmText: s("field.remove"),
@@ -2209,16 +2211,16 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
       }) && (b.value === m && (b.value = null), Q(Bl(p.value, m)));
     }
     function U(m) {
-      const A = se(p.value, m);
-      if (!A) return;
-      const D = It(A.node);
-      Q(mt(p.value, A.parent?.key ?? null, A.field, A.index + 1, D)), b.value = D.key;
+      const L = se(p.value, m);
+      if (!L) return;
+      const D = It(L.node);
+      Q(mt(p.value, L.parent?.key ?? null, L.field, L.index + 1, D)), b.value = D.key;
     }
-    function M(m, A) {
-      Q(Vl(p.value, m, A));
+    function M(m, L) {
+      Q(Vl(p.value, m, L));
     }
-    function R(m, A, D) {
-      Q(Wl(p.value, m, A, D));
+    function R(m, L, D) {
+      Q(Wl(p.value, m, L, D));
     }
     function G(m) {
       b.value = b.value === m ? null : m;
@@ -2235,8 +2237,8 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
     let ge;
     fe(
       () => f.value?.node.values,
-      (m, A) => {
-        if (!m || !A || !k.value || !h || !w) return;
+      (m, L) => {
+        if (!m || !L || !k.value || !h || !w) return;
         const D = b.value, S = k.value.id;
         clearTimeout(ge), ge = setTimeout(() => {
           !D || !h || h.render(S, { values: m, key: D }).then((v) => {
@@ -2265,7 +2267,7 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
     const ye = T(
       () => k.value?.content ? lt(k.value.content.schema) : []
     );
-    return (m, A) => e(n) ? (i(), x("div", Cn, [
+    return (m, L) => e(n) ? (i(), x("div", Cn, [
       u(e(F), {
         size: "sm",
         tone: "muted"
@@ -2287,7 +2289,7 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
           "has-preview": e(w) !== null && e(w).url.value !== null
         }])
       }, [
-        (i(), L(Ft(C.value ? e(il) : "div"), qt(q.value, { class: "wx-blocks__side" }), {
+        (i(), A(Ft(C.value ? e(il) : "div"), qt(q.value, { class: "wx-blocks__side" }), {
           default: c(() => [
             f.value ? z("", !0) : (i(), x("div", Bn, [
               W("div", En, [
@@ -2314,25 +2316,25 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
                 onVisibility: M,
                 onReorder: R
               }, null, 8, ["nodes", "catalog", "selected", "disabled"]),
-              W("div", An, [
-                !t.disabled && (t.max === null || p.value.length < t.max) ? (i(), L(e(ie), {
+              W("div", Ln, [
+                !t.disabled && (t.max === null || p.value.length < t.max) ? (i(), A(e(ie), {
                   key: 0,
                   variant: "outline",
                   icon: "plus",
                   class: "wx-blocks__add",
-                  onClick: A[0] || (A[0] = (D) => $e(null, null, null))
+                  onClick: L[0] || (L[0] = (D) => $e(null, null, null))
                 }, {
                   default: c(() => [
                     E(y(e(s)("field.add")), 1)
                   ]),
                   _: 1
                 })) : z("", !0),
-                !C.value && e(w) && e(w).url.value ? (i(), L(e(ie), {
+                !C.value && e(w) && e(w).url.value ? (i(), A(e(ie), {
                   key: 1,
                   variant: "outline",
                   icon: "eye",
                   class: "wx-blocks__preview-button",
-                  onClick: A[1] || (A[1] = (D) => H.value?.open())
+                  onClick: L[1] || (L[1] = (D) => H.value?.open())
                 }, {
                   default: c(() => [
                     E(y(e(s)("field.preview")), 1)
@@ -2341,7 +2343,7 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
                 })) : z("", !0)
               ])
             ])),
-            f.value ? (i(), x("div", Ln, [
+            f.value ? (i(), x("div", An, [
               W("div", zn, [
                 W("span", Un, [
                   g.value.length ? (i(), x("span", In, [
@@ -2360,30 +2362,30 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
                 ]),
                 W("span", Mn, [
                   C.value ? z("", !0) : (i(), x("code", On, y(f.value.node.type), 1)),
-                  u(e(Le), {
+                  u(e(Ae), {
                     size: "sm",
                     tone: "neutral",
                     icon: "chevron-up",
                     title: e(s)("field.previous"),
                     disabled: _.value.previous === null,
-                    onClick: A[2] || (A[2] = (D) => _.value.previous && G(_.value.previous))
+                    onClick: L[2] || (L[2] = (D) => _.value.previous && G(_.value.previous))
                   }, null, 8, ["title", "disabled"]),
-                  u(e(Le), {
+                  u(e(Ae), {
                     size: "sm",
                     tone: "neutral",
                     icon: "chevron-down",
                     title: e(s)("field.next"),
                     disabled: _.value.next === null,
-                    onClick: A[3] || (A[3] = (D) => _.value.next && G(_.value.next))
+                    onClick: L[3] || (L[3] = (D) => _.value.next && G(_.value.next))
                   }, null, 8, ["title", "disabled"]),
-                  !C.value && e(w) && e(w).url.value ? (i(), L(e(ie), {
+                  !C.value && e(w) && e(w).url.value ? (i(), A(e(ie), {
                     key: 1,
                     size: "sm",
                     variant: "outline",
                     icon: "eye",
                     class: "wx-blocks__preview-button",
                     "aria-label": e(s)("field.preview"),
-                    onClick: A[4] || (A[4] = (D) => H.value?.open())
+                    onClick: L[4] || (L[4] = (D) => H.value?.open())
                   }, null, 8, ["aria-label"])) : z("", !0),
                   u(e(ie), {
                     size: "sm",
@@ -2398,7 +2400,7 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
                 ])
               ]),
               W("div", Dn, [
-                k.value?.content ? (i(), L(e(Et), {
+                k.value?.content ? (i(), A(e(Et), {
                   key: f.value.node.key,
                   "model-value": f.value.node.values,
                   root: ye.value,
@@ -2407,7 +2409,7 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
                   can: xe.value,
                   disabled: t.disabled,
                   "onUpdate:modelValue": oe
-                }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (i(), L(e(F), {
+                }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (i(), A(e(F), {
                   key: 1,
                   size: "sm",
                   tone: "danger"
@@ -2431,7 +2433,7 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
             reload: e(w).reload?.value ?? 0,
             compact: C.value,
             onSelect: ce,
-            onEdit: A[5] || (A[5] = (D) => P.value = !0)
+            onEdit: L[5] || (L[5] = (D) => P.value = !0)
           }, null, 8, ["url", "selected", "reload", "compact"])
         ])) : z("", !0)
       ], 2)
@@ -2467,7 +2469,7 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
           _: 1
         }),
         W("div", Jn, [
-          t.block.draft ? (i(), L(e(Y), {
+          t.block.draft ? (i(), A(e(Y), {
             key: 0,
             type: "warning",
             dot: ""
@@ -2477,7 +2479,7 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
             ]),
             _: 1
           })) : z("", !0),
-          t.block.published ? (i(), L(e(Y), {
+          t.block.published ? (i(), A(e(Y), {
             key: 1,
             type: "success",
             dot: ""
@@ -2486,7 +2488,7 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
               E(y(e(n)("page.live", { number: t.block.published.number })), 1)
             ]),
             _: 1
-          })) : (i(), L(e(Y), {
+          })) : (i(), A(e(Y), {
             key: 2,
             type: "default"
           }, {
@@ -2495,7 +2497,7 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
             ]),
             _: 1
           })),
-          t.block.is_enabled ? z("", !0) : (i(), L(e(Y), {
+          t.block.is_enabled ? z("", !0) : (i(), A(e(Y), {
             key: 3,
             type: "default",
             variant: "outline"
@@ -2515,7 +2517,7 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
     const { resolve: l, dismiss: o, open: n } = St(), s = Ie(), r = We(s);
     Me();
     const a = re("webx-blocks"), h = Ne(), I = T(() => s.state.manifest?.modules.find((w) => w.id === "blocks")?.meta?.groups ?? ["content"]), d = N({ title: "", slug: "", group: I.value[0] ?? "content" }), p = N({}), b = N(!1), f = N(!1), k = T(
-      () => I.value.map((g) => ({ value: g, label: Ae(g, a) }))
+      () => I.value.map((g) => ({ value: g, label: Le(g, a) }))
     );
     function B(g) {
       return g.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "").slice(0, 64);
@@ -2540,7 +2542,7 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
         b.value = !1;
       }
     }
-    return (g, w) => (i(), L(e(Vt), {
+    return (g, w) => (i(), A(e(Vt), {
       open: e(n),
       "onUpdate:open": w[5] || (w[5] = (H) => yt(n) ? n.value = H : null),
       title: e(a)("page.new"),
@@ -2657,12 +2659,12 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
     }), g = T(
       () => _.value.length < 2 ? [] : [
         { value: "", label: r("page.all-groups") },
-        ..._.value.map((C) => ({ value: C, label: Ae(C, r) }))
+        ..._.value.map((C) => ({ value: C, label: Le(C, r) }))
       ]
     ), w = T(() => {
       const C = _.value.map((O) => ({
         id: O,
-        label: Ae(O, r),
+        label: Le(O, r),
         blocks: V.value.filter((q) => q.group === O)
       })).filter((O) => O.blocks.length > 0);
       return p.value !== "" || V.value.length <= 5 || d.value.trim() !== "" || C.length < 2 ? [{ id: "", label: "", blocks: V.value }] : C;
@@ -2690,7 +2692,7 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
         Z();
       } }] : []
     );
-    return (C, P) => (i(), L(e(tl), {
+    return (C, P) => (i(), A(e(tl), {
       view: p.value,
       "onUpdate:view": P[1] || (P[1] = (O) => p.value = O),
       class: "wx-blocks-page",
@@ -2699,7 +2701,7 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
       actions: ne.value
     }, {
       default: c(() => [
-        f.value.editing ? z("", !0) : (i(), L(e($t), {
+        f.value.editing ? z("", !0) : (i(), A(e($t), {
           key: 0,
           type: "info",
           variant: "soft",
@@ -2714,7 +2716,7 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
             clearable: ""
           }, null, 8, ["modelValue", "placeholder"])
         ])) : z("", !0),
-        I.value ? (i(), L(e(Ce), { key: 2 }, {
+        I.value ? (i(), A(e(Ce), { key: 2 }, {
           template: c(() => [
             W("div", ea, [
               (i(), x(j, null, ee(4, (O) => W("div", {
@@ -2745,7 +2747,7 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
             ])
           ]),
           _: 1
-        })) : h.value.length === 0 ? (i(), L(e(Ct), {
+        })) : h.value.length === 0 ? (i(), A(e(Ct), {
           key: 3,
           icon: "grid",
           title: e(r)("page.empty"),
@@ -2756,7 +2758,7 @@ const gt = /* @__PURE__ */ Symbol("wx-blocks-root"), Cn = {
         }, [
           O.label ? (i(), x("div", la, y(O.label), 1)) : z("", !0),
           W("div", na, [
-            (i(!0), x(j, null, ee(O.blocks, (q) => (i(), L(Zn, {
+            (i(!0), x(j, null, ee(O.blocks, (q) => (i(), A(Zn, {
               key: q.id,
               block: q,
               onOpen: K
@@ -2804,7 +2806,7 @@ export {
   jn as WxBlocks,
   oa as WxBlocksPage,
   fa as blocks,
-  Al as blocksMessages,
+  Ll as blocksMessages,
   nt as blocksPreviewKey,
   It as cloneNode,
   Tl as countType,
@@ -2813,7 +2815,7 @@ export {
   lt as formSchema,
   Ye as highlightBlock,
   mt as insertNode,
-  Lt as isNode,
+  At as isNode,
   Je as isNodeList,
   zl as lintBlock,
   se as locate,
@@ -2823,7 +2825,7 @@ export {
   Bl as removeNode,
   bl as replaceBlock,
   Wl as replaceList,
-  At as stageDocument,
+  Lt as stageDocument,
   da as typesIn,
   Ul as undeclared,
   El as updateValues,