@webx-ui/module-blocks 0.1.1 → 0.2.0

package/dist/index.js

@@ -1,9 +1,9 @@
-import { defineComponent as K, computed as C, openBlock as r, createElementBlock as V, createVNode as u, unref as e, createElementVNode as x, createTextVNode as $, toDisplayString as f, Fragment as j, createCommentVNode as E, renderList as Y, ref as U, onMounted as ye, watch as le, createBlock as W, withCtx as c, normalizeStyle as fe, reactive as Le, onBeforeUnmount as Re, resolveComponent as je, withDirectives as Wt, vModelText as At, isRef as it, normalizeClass as ge, withKeys as Ge, withModifiers as Me, provide as rt, inject as ze, useModel as zt, getCurrentInstance as Et, mergeModels as Ut } from "vue";
+import { defineComponent as K, computed as C, openBlock as r, createElementBlock as V, createVNode as u, unref as e, createElementVNode as x, createTextVNode as $, toDisplayString as f, Fragment as j, createCommentVNode as E, renderList as Y, ref as U, onMounted as ye, watch as le, createBlock as W, withCtx as c, normalizeStyle as fe, reactive as Le, onBeforeUnmount as Re, resolveComponent as je, withDirectives as Wt, vModelText as At, isRef as it, normalizeClass as me, withKeys as Ge, withModifiers as Me, provide as rt, inject as ze, useModel as zt, getCurrentInstance as Et, mergeModels as Ut } from "vue";
 import { useRoute as It, useRouter as ut } from "vue-router";
-import { useTranslate as Q, useAdmin as _e, adminKey as Nt } from "@webx-ui/module-admin";
-import { WxIcon as ne, WxSkeleton as pe, WxText as R, WxBadge as G, WxButton as q, confirm as Oe, toast as F, useElementWidth as He, WxSegmented as ct, WxCard as ce, WxAlert as dt, WxTabs as Lt, WxTab as de, WxCodeEditor as We, WxFormItem as J, WxInput as me, WxSelect as pt, WxTextarea as Mt, WxInputNumber as Ye, WxTagsInput as Qe, WxSwitch as Pt, useModal as ft, WxDialog as mt, WxEmpty as vt, WxSortableList as Dt, WxAction as Xe, createModal as ht, WxSpace as Ot, WxHeading as Rt, WxSkeletonItem as Ae } from "@webx-ui/core";
+import { useTranslate as Q, useAdmin as we, adminKey as Nt } from "@webx-ui/module-admin";
+import { WxIcon as ne, WxSkeleton as pe, WxText as R, WxBadge as G, WxButton as q, confirm as Oe, toast as F, useElementWidth as He, WxSegmented as ct, WxCard as ce, WxAlert as dt, WxTabs as Lt, WxTab as de, WxCodeEditor as We, WxFormItem as J, WxInput as ve, WxSelect as pt, WxTextarea as Mt, WxInputNumber as Ye, WxTagsInput as Qe, WxSwitch as Pt, useModal as ft, WxDialog as mt, WxEmpty as vt, WxSortableList as Dt, WxAction as Xe, createModal as ht, WxSpace as Ot, WxHeading as Rt, WxSkeletonItem as Ae } from "@webx-ui/core";
 import { WxScreenRenderer as bt, coreTypes as Pe } from "@webx-ui/schema";
-function ve(t) {
+function he(t) {
   const l = `${t.apiPath}/blocks`, a = (s) => s.data;
   return {
     list: () => t.http.get(l).then(a),
@@ -83,14 +83,14 @@ const jt = { class: "wx-block-checks" }, Ht = {
   },
   emits: ["restored"],
   setup(t, { emit: l }) {
-    const a = t, s = l, o = _e(), i = ve(o), n = Q("webx-blocks"), h = U(null);
+    const a = t, s = l, o = we(), i = he(o), n = Q("webx-blocks"), h = U(null);
     async function p() {
       h.value = await i.versions(a.block.id);
     }
     function S(b) {
       return a.block.draft?.number === b.number ? "draft" : a.block.published?.number === b.number ? "live" : "replaced";
     }
-    function w(b) {
+    function _(b) {
       return b.created_at ? new Date(b.created_at).toLocaleString(o.i18n.state.locale) : "";
     }
     async function k(b) {
@@ -133,7 +133,7 @@ const jt = { class: "wx-block-checks" }, Ht = {
             tone: "muted"
           }, {
             default: c(() => [
-              $(f(w(y)) + " · " + f(y.author ?? e(n)(`page.source-${y.source}`)) + " ", 1),
+              $(f(_(y)) + " · " + f(y.author ?? e(n)(`page.source-${y.source}`)) + " ", 1),
               y.comment ? (r(), V(j, { key: 0 }, [
                 $(" · " + f(y.comment), 1)
               ], 64)) : E("", !0)
@@ -207,10 +207,10 @@ function Yt(t, l, a) {
   }
   const p = i.content, S = Array.from(p.childNodes);
   o.insertBefore(p, n);
-  const w = t.defaultView?.webx;
-  if (w?.mount)
+  const _ = t.defaultView?.webx;
+  if (_?.mount)
     for (const k of S)
-      k.nodeType === 1 && w.mount(k);
+      k.nodeType === 1 && _.mount(k);
   return !0;
 }
 function Qt(t, l) {
@@ -254,7 +254,7 @@ const el = { class: "wx-block-stage" }, tl = { class: "wx-block-stage__bar" }, l
       { value: 1280, label: a("page.width-desktop") },
       { value: 834, label: a("page.width-tablet") },
       { value: 390, label: a("page.width-phone") }
-    ]), o = U(1280), i = U(null), n = U(null), h = He(i), p = U(360), S = C(() => h.value === 0 ? 1 : Math.min(1, h.value / o.value)), w = C(
+    ]), o = U(1280), i = U(null), n = U(null), h = He(i), p = U(360), S = C(() => h.value === 0 ? 1 : Math.min(1, h.value / o.value)), _ = C(
       () => kt({
         html: l.html,
         styles: l.styles,
@@ -283,7 +283,7 @@ const el = { class: "wx-block-stage" }, tl = { class: "wx-block-stage__bar" }, l
       x("div", tl, [
         u(e(ct), {
           modelValue: o.value,
-          "onUpdate:modelValue": d[0] || (d[0] = (_) => o.value = _),
+          "onUpdate:modelValue": d[0] || (d[0] = (w) => o.value = w),
           options: s.value,
           size: "sm"
         }, null, 8, ["modelValue", "options"])
@@ -305,7 +305,7 @@ const el = { class: "wx-block-stage" }, tl = { class: "wx-block-stage__bar" }, l
             ref_key: "frame",
             ref: n,
             class: "wx-block-stage__frame",
-            srcdoc: w.value,
+            srcdoc: _.value,
             style: fe(m.value),
             sandbox: "allow-same-origin allow-scripts",
             title: e(a)("page.preview"),
@@ -322,22 +322,22 @@ function yt(t) {
 function Fe(t) {
   return Array.isArray(t) && t.length > 0 && t.every(yt);
 }
-function _t() {
+function wt() {
   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 sl(t, l = {}) {
-  return { key: _t(), type: t, values: l };
+  return { key: wt(), type: t, values: l };
 }
 function oe(t, l) {
-  return wt(t, l, null, null);
+  return _t(t, l, null, null);
 }
-function wt(t, l, a, s) {
+function _t(t, l, a, s) {
   for (let o = 0; o < t.length; o++) {
     const i = t[o];
     if (i.key === l) return { node: i, parent: a, field: s, list: t, index: o };
     for (const [n, h] of Object.entries(i.values ?? {}))
       if (Fe(h)) {
-        const p = wt(h, l, i, n);
+        const p = _t(h, l, i, n);
         if (p) return p;
       }
   }
@@ -357,7 +357,7 @@ function ol(t, l) {
     s.type === l && a++;
   }), a;
 }
-function qn(t) {
+function Fn(t) {
   const l = [];
   return qe(t, (a) => {
     l.includes(a.type) || l.push(a.type);
@@ -373,7 +373,7 @@ function $t(t) {
   const l = {};
   for (const [a, s] of Object.entries(t.values ?? {}))
     l[a] = Fe(s) ? s.map($t) : ae(s);
-  return { key: _t(), type: t.type, values: l };
+  return { key: wt(), type: t.type, values: l };
 }
 function il(t, l, a) {
   if (l === null) return t;
@@ -542,9 +542,9 @@ const dl = {
     "ok-variables": "Every variable of the template is a field of the schema."
   }
 }, at = /* @__PURE__ */ new WeakSet();
-function we() {
+function _e() {
   try {
-    const { i18n: t } = _e();
+    const { i18n: t } = we();
     at.has(t) || (t.defaults("webx-blocks", dl), at.add(t));
   } catch {
   }
@@ -559,12 +559,12 @@ function fl(t, l, a) {
     code: "variables-missing",
     line: null,
     message: a("checks.variables-missing", {
-      variables: o.map((w) => `$${w}`).join(", ")
+      variables: o.map((_) => `$${_}`).join(", ")
     })
   });
   const i = [], n = [], h = `.b-${t}`;
-  for (const [w, k] of vl(l.styles))
-    w.startsWith(h) || w.startsWith("&") || (/^[a-z][a-z0-9-]*/i.test(w) ? n.push([w, k]) : i.push([w, k]));
+  for (const [_, k] of vl(l.styles))
+    _.startsWith(h) || _.startsWith("&") || (/^[a-z][a-z0-9-]*/i.test(_) ? n.push([_, k]) : i.push([_, k]));
   i.length > 0 && s.push({
     file: "styles",
     code: "stray-selectors",
@@ -637,7 +637,7 @@ function ke(t, l) {
   const a = `groups.${t}`, s = l(a);
   return s === a || s === `webx-blocks::${a}` ? t.charAt(0).toUpperCase() + t.slice(1) : s;
 }
-const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns" }, gl = { class: "wx-block-editor__head" }, kl = { class: "wx-block-editor__id" }, yl = ["aria-label", "disabled"], _l = { class: "wx-block-editor__actions" }, wl = { class: "wx-block-editor__columns" }, xl = { class: "wx-block-editor__files" }, $l = { class: "wx-block-editor__pane" }, Vl = {
+const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns" }, gl = { class: "wx-block-editor__head" }, kl = { class: "wx-block-editor__id" }, yl = ["aria-label", "disabled"], wl = { class: "wx-block-editor__actions" }, _l = { class: "wx-block-editor__columns" }, xl = { class: "wx-block-editor__files" }, $l = { class: "wx-block-editor__pane" }, Vl = {
   key: 0,
   class: "wx-block-editor__pills"
 }, Sl = ["disabled", "onClick", "textContent"], Tl = { class: "wx-block-editor__pane" }, Cl = { class: "wx-block-editor__pane" }, Bl = { class: "wx-block-editor__note" }, Wl = { class: "wx-block-editor__pane" }, Al = { class: "wx-block-editor__note" }, zl = { class: "wx-block-editor__settings" }, El = {
@@ -652,9 +652,9 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
     base: { default: "/blocks" }
   },
   setup(t) {
-    const l = t, a = _e(), s = ve(a), o = It(), i = ut();
-    we();
-    const n = Q("webx-blocks"), h = C(() => Number(o.params.id)), p = U(null), S = U([]), w = U(!0), k = U(!1), b = U(!1), m = U("template"), y = C(() => {
+    const l = t, a = we(), s = he(a), o = It(), i = ut();
+    _e();
+    const n = Q("webx-blocks"), h = C(() => Number(o.params.id)), p = U(null), S = U([]), _ = U(!0), k = U(!1), b = U(!1), m = U("template"), y = C(() => {
       const T = a.state.manifest?.modules.find((v) => v.id === "blocks")?.meta;
       return {
         groups: T?.groups ?? [],
@@ -672,7 +672,7 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
       allowed_in: [],
       max_per_entity: null,
       is_enabled: !0
-    }), _ = Le({
+    }), w = Le({
       schema: [],
       template: "",
       styles: "",
@@ -684,15 +684,15 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
       script: null,
       runtime: null,
       loading: !1
-    }), xe = C(() => JSON.stringify({ settings: d, content: _ })), ie = C(() => N.value !== "" && xe.value !== N.value), $e = C(() => fl(d.slug, _, n)), Ue = C(() => {
+    }), xe = C(() => JSON.stringify({ settings: d, content: w })), ie = C(() => N.value !== "" && xe.value !== N.value), $e = C(() => fl(d.slug, w, n)), Ue = C(() => {
       const T = [...y.value.groups];
       return T.includes(d.group) || T.push(d.group), T.map((v) => ({ value: v, label: ke(v, n) }));
-    }), he = C({
-      get: () => _.sample,
+    }), be = C({
+      get: () => w.sample,
       set: (T) => {
-        _.sample = T;
+        w.sample = T;
       }
-    }), Ve = C(() => re(_.schema));
+    }), Ve = C(() => re(w.schema));
     function re(T) {
       const v = [];
       for (const O of T)
@@ -719,16 +719,16 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
         script: null,
         sample: {}
       };
-      Object.assign(_, ae(v)), B.value = JSON.stringify(v.schema, null, 2), M.value = null, N.value = xe.value;
+      Object.assign(w, ae(v)), B.value = JSON.stringify(v.schema, null, 2), M.value = null, N.value = xe.value;
     }
     async function Se() {
-      w.value = !0;
+      _.value = !0;
       try {
         se(await s.get(h.value)), S.value = await s.usage(h.value);
       } catch (T) {
         F.danger(T.body?.message ?? String(T));
       } finally {
-        w.value = !1;
+        _.value = !1;
       }
     }
     function A(T) {
@@ -736,7 +736,7 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
       try {
         const v = JSON.parse(T);
         if (!Array.isArray(v)) throw new Error("not a list");
-        _.schema = v, M.value = null;
+        w.schema = v, M.value = null;
       } catch (v) {
         M.value = n("page.schema-invalid", { error: v.message });
       }
@@ -753,12 +753,12 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
       H.loading = !0;
       try {
         const v = await s.render(p.value.id, {
-          values: _.sample,
+          values: w.sample,
           content: g.value ? {
-            template: _.template,
-            styles: _.styles,
-            script: _.script,
-            schema: _.schema
+            template: w.template,
+            styles: w.styles,
+            script: w.script,
+            schema: w.schema
           } : void 0
         });
         if (T !== D) return;
@@ -770,18 +770,18 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
       }
     }
     le(
-      () => [_.template, _.styles, _.script, _.schema, _.sample],
+      () => [w.template, w.styles, w.script, w.schema, w.sample],
       X,
       { deep: !0 }
     );
     const Te = U(null);
-    function be(T) {
+    function ge(T) {
       return `{{ $${T} }}`;
     }
     function Ce(T) {
       const O = Te.value?.view?.value;
       if (!O) {
-        _.template += `{{ $${T} }}`;
+        w.template += `{{ $${T} }}`;
         return;
       }
       O.dispatch(O.state.replaceSelection(`{{ $${T} }}`)), O.focus();
@@ -797,7 +797,7 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
           allowed_in: d.allowed_in.length ? d.allowed_in : null,
           description: d.description || null,
           icon: d.icon || null,
-          content: M.value ? { ..._, schema: void 0 } : _
+          content: M.value ? { ...w, schema: void 0 } : w
         });
         se(v), F.success(
           v.draft && v.draft.number !== T ? n("page.saved", { number: v.draft.number }) : n("page.unchanged")
@@ -865,7 +865,7 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
     }), (T, v) => {
       const O = je("router-link");
       return r(), V("div", hl, [
-        w.value || !p.value ? (r(), V(j, { key: 0 }, [
+        _.value || !p.value ? (r(), V(j, { key: 0 }, [
           u(e(pe), {
             class: "wx-block-editor__ghost-head",
             title: "",
@@ -916,7 +916,7 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
                 _: 1
               })
             ]),
-            x("div", _l, [
+            x("div", wl, [
               ie.value ? (r(), W(e(G), {
                 key: 0,
                 type: "primary",
@@ -986,7 +986,7 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
             variant: "soft",
             description: e(n)("page.editing-off")
           }, null, 8, ["description"])),
-          x("div", wl, [
+          x("div", _l, [
             x("div", xl, [
               u(e(Lt), {
                 modelValue: m.value,
@@ -1003,8 +1003,8 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
                         u(e(We), {
                           ref_key: "templateEditor",
                           ref: Te,
-                          modelValue: _.template,
-                          "onUpdate:modelValue": v[1] || (v[1] = (z) => _.template = z),
+                          modelValue: w.template,
+                          "onUpdate:modelValue": v[1] || (v[1] = (z) => w.template = z),
                           language: "php",
                           readonly: !g.value,
                           "min-height": "340px",
@@ -1026,8 +1026,8 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
                             type: "button",
                             class: "wx-block-editor__pill",
                             disabled: !g.value,
-                            onClick: (Dn) => Ce(z),
-                            textContent: f(be(z))
+                            onClick: (Pn) => Ce(z),
+                            textContent: f(ge(z))
                           }, null, 8, Sl))), 128))
                         ])) : E("", !0),
                         u(et, {
@@ -1047,8 +1047,8 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
                     default: c(() => [
                       x("div", Tl, [
                         u(e(We), {
-                          modelValue: _.styles,
-                          "onUpdate:modelValue": v[2] || (v[2] = (z) => _.styles = z),
+                          modelValue: w.styles,
+                          "onUpdate:modelValue": v[2] || (v[2] = (z) => w.styles = z),
                           language: "css",
                           readonly: !g.value,
                           "min-height": "340px",
@@ -1070,12 +1070,12 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
                     default: c(() => [
                       x("div", Cl, [
                         u(e(We), {
-                          "model-value": _.script ?? "",
+                          "model-value": w.script ?? "",
                           language: "javascript",
                           readonly: !g.value,
                           "min-height": "340px",
                           "max-height": "70vh",
-                          "onUpdate:modelValue": v[3] || (v[3] = (z) => _.script = z || null)
+                          "onUpdate:modelValue": v[3] || (v[3] = (z) => w.script = z || null)
                         }, null, 8, ["model-value", "readonly"]),
                         x("div", Bl, [
                           u(e(R), {
@@ -1165,7 +1165,7 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
                               disabled: !g.value
                             }, {
                               default: c(() => [
-                                u(e(me), {
+                                u(e(ve), {
                                   modelValue: d.slug,
                                   "onUpdate:modelValue": v[4] || (v[4] = (z) => d.slug = z)
                                 }, null, 8, ["modelValue"])
@@ -1209,7 +1209,7 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
                               disabled: !g.value
                             }, {
                               default: c(() => [
-                                u(e(me), {
+                                u(e(ve), {
                                   "model-value": d.icon ?? "",
                                   placeholder: "grid",
                                   "onUpdate:modelValue": v[7] || (v[7] = (z) => d.icon = String(z ?? ""))
@@ -1357,11 +1357,11 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
                 title: e(n)("page.sample")
               }, {
                 default: c(() => [
-                  _.schema.length ? (r(), W(e(bt), {
+                  w.schema.length ? (r(), W(e(bt), {
                     key: 0,
-                    modelValue: he.value,
-                    "onUpdate:modelValue": v[14] || (v[14] = (z) => he.value = z),
-                    root: e(Je)(_.schema),
+                    modelValue: be.value,
+                    "onUpdate:modelValue": v[14] || (v[14] = (z) => be.value = z),
+                    root: e(Je)(w.schema),
                     types: e(a).types,
                     translate: e(a).i18n.t,
                     can: e(a).can,
@@ -1482,7 +1482,7 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
   },
   setup(t) {
     const l = t, { resolve: a, dismiss: s, open: o } = ft();
-    we();
+    _e();
     const i = Q("webx-blocks"), n = U("");
     function h(b) {
       if (l.parent === null)
@@ -1500,7 +1500,7 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
       return b === "" ? p.value : p.value.filter(
         ({ type: m }) => m.title.toLowerCase().includes(b) || m.slug.includes(b) || (m.description ?? "").toLowerCase().includes(b)
       );
-    }), w = C(() => {
+    }), _ = C(() => {
       const b = [...l.groups];
       for (const { type: g } of S.value)
         b.includes(g.group) || b.push(g.group);
@@ -1541,7 +1541,7 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
         ]),
         default: c(() => [
           x("div", Ol, [
-            p.value.length > 0 ? (r(), W(e(me), {
+            p.value.length > 0 ? (r(), W(e(ve), {
               key: 0,
               modelValue: n.value,
               "onUpdate:modelValue": m[0] || (m[0] = (g) => n.value = g),
@@ -1568,7 +1568,7 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
               ]),
               _: 1
             }, 8, ["title"])) : E("", !0),
-            (r(!0), V(j, null, Y(w.value, (g) => (r(), V("section", {
+            (r(!0), V(j, null, Y(_.value, (g) => (r(), V("section", {
               key: g.id,
               class: "wx-block-picker__group"
             }, [
@@ -1577,10 +1577,10 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
                 (r(!0), V(j, null, Y(g.options, (d) => (r(), V("button", {
                   key: d.type.id,
                   type: "button",
-                  class: ge(["wx-block-picker__card", { "is-disabled": d.reason !== null }]),
+                  class: me(["wx-block-picker__card", { "is-disabled": d.reason !== null }]),
                   disabled: d.reason !== null,
                   title: d.reason ?? void 0,
-                  onClick: (_) => e(a)(d.type)
+                  onClick: (w) => e(a)(d.type)
                 }, [
                   u(Ct, {
                     thumbnail: d.type.thumbnail,
@@ -1623,10 +1623,11 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
     url: {},
     selected: { default: null },
     mode: { default: "wide" },
-    reload: { default: 0 }
+    reload: { default: 0 },
+    fill: { type: Boolean, default: !1 }
   },
   setup(t, { expose: l }) {
-    const a = t, s = Q("webx-blocks"), o = U(null), i = U(null), n = He(i), h = U(!1), p = U(1280), S = U(!1), w = C(() => [
+    const a = t, s = Q("webx-blocks"), o = U(null), i = U(null), n = He(i), h = U(!1), p = U(1280), S = U(!1), _ = C(() => [
       { value: 1280, label: s("field.width-desktop") },
       { value: 834, label: s("field.width-tablet") },
       { value: 390, label: s("field.width-phone") }
@@ -1655,7 +1656,7 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
       const N = g();
       N && De(N, a.selected ?? null);
     }
-    function _(N, I) {
+    function w(N, I) {
       const P = g();
       if (!P || !S.value) return !1;
       const H = Yt(P, N, I);
@@ -1676,8 +1677,8 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
     ), le(() => a.reload, B), le(
       () => a.url,
       () => S.value = !1
-    ), ye(() => window.addEventListener("keydown", M)), Re(() => window.removeEventListener("keydown", M)), l({ replace: _, refresh: B, open: () => h.value = !0 }), (N, I) => (r(), V("div", {
-      class: ge(["wx-blocks-preview", { "is-fullscreen": h.value, "is-phone": t.mode === "phone" }])
+    ), ye(() => window.addEventListener("keydown", M)), Re(() => window.removeEventListener("keydown", M)), l({ replace: w, refresh: B, open: () => h.value = !0 }), (N, I) => (r(), V("div", {
+      class: me(["wx-blocks-preview", { "is-fullscreen": h.value, "is-phone": t.mode === "phone", "is-fill": t.fill }])
     }, [
       x("div", Zl, [
         u(e(R), {
@@ -1696,7 +1697,7 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
             key: 0,
             modelValue: p.value,
             "onUpdate:modelValue": I[0] || (I[0] = (P) => p.value = P),
-            options: w.value,
+            options: _.value,
             size: "sm"
           }, null, 8, ["modelValue", "options"])) : E("", !0),
           t.url ? (r(), W(e(q), {
@@ -1747,7 +1748,7 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
       ], 512)
     ], 2));
   }
-}), Xl = /* @__PURE__ */ Z(Ql, [["__scopeId", "data-v-1436a310"]]), en = { class: "wx-blocks-tree__node" }, tn = ["onClick", "onKeydown"], ln = { class: "wx-blocks-tree__icon" }, nn = { class: "wx-blocks-tree__name" }, an = ["title"], sn = ["title"], on = ["title"], rn = ["onClick"], un = /* @__PURE__ */ K({
+}), Xl = /* @__PURE__ */ Z(Ql, [["__scopeId", "data-v-2482da45"]]), en = { class: "wx-blocks-tree__node" }, tn = ["onClick", "onKeydown"], ln = { class: "wx-blocks-tree__icon" }, nn = { class: "wx-blocks-tree__name" }, an = ["title"], sn = ["title"], on = ["title"], rn = ["onClick"], un = /* @__PURE__ */ K({
   __name: "BlocksTree",
   props: {
     nodes: {},
@@ -1761,24 +1762,24 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
   emits: ["select", "add", "remove", "duplicate", "reorder"],
   setup(t, { emit: l }) {
     const a = t, s = l, o = Q("webx-blocks");
-    function i(w) {
-      return a.catalog.find((k) => k.slug === w.type) ?? null;
+    function i(_) {
+      return a.catalog.find((k) => k.slug === _.type) ?? null;
     }
-    function n(w) {
-      return i(w)?.title ?? w.type;
+    function n(_) {
+      return i(_)?.title ?? _.type;
     }
-    function h(w) {
-      const k = i(w);
+    function h(_) {
+      const k = i(_);
       return k?.content ? xt(k.content.schema) : [];
     }
-    function p(w, k) {
-      const b = w.values[k.id];
+    function p(_, k) {
+      const b = _.values[k.id];
       return Array.isArray(b) ? b : [];
     }
-    function S(w) {
-      return i(w)?.icon ?? "grid";
+    function S(_) {
+      return i(_)?.icon ?? "grid";
     }
-    return (w, k) => {
+    return (_, k) => {
       const b = je("blocks-tree", !0);
       return r(), W(e(Dt), {
         "model-value": t.nodes,
@@ -1788,13 +1789,13 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
         plain: "",
         size: "sm",
         "empty-text": t.depth === 0 ? e(o)("field.empty") : "",
-        class: ge(["wx-blocks-tree", { "is-nested": t.depth > 0 }]),
+        class: me(["wx-blocks-tree", { "is-nested": t.depth > 0 }]),
         "onUpdate:modelValue": k[6] || (k[6] = (m) => s("reorder", t.parentKey, t.field, m))
       }, {
         default: c(({ item: m }) => [
           x("div", en, [
             x("div", {
-              class: ge(["wx-blocks-tree__row", { "is-selected": t.selected === m.key }]),
+              class: me(["wx-blocks-tree__row", { "is-selected": t.selected === m.key }]),
               role: "button",
               tabindex: "0",
               onClick: (y) => s("select", m.key),
@@ -1862,10 +1863,10 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
                 disabled: t.disabled,
                 depth: t.depth + 1,
                 onSelect: k[1] || (k[1] = (g) => s("select", g)),
-                onAdd: k[2] || (k[2] = (g, d, _) => s("add", g, d, _)),
+                onAdd: k[2] || (k[2] = (g, d, w) => s("add", g, d, w)),
                 onRemove: k[3] || (k[3] = (g) => s("remove", g)),
                 onDuplicate: k[4] || (k[4] = (g) => s("duplicate", g)),
-                onReorder: k[5] || (k[5] = (g, d, _) => s("reorder", g, d, _))
+                onReorder: k[5] || (k[5] = (g, d, w) => s("reorder", g, d, w))
               }, null, 8, ["nodes", "catalog", "parent-key", "field", "selected", "disabled", "depth"]),
               t.disabled ? E("", !0) : (r(), V("button", {
                 key: 0,
@@ -1886,22 +1887,19 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
     };
   }
 }), cn = /* @__PURE__ */ Z(un, [["__scopeId", "data-v-5d559d85"]]), Ke = /* @__PURE__ */ Symbol("wx-blocks-preview");
-function Jn(t) {
+function qn(t) {
   rt(Ke, t);
 }
-function Kn() {
+function Jn() {
   return ze(Ke, null);
 }
 const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
   key: 0,
   class: "wx-blocks-nested"
-}, pn = {
-  key: 1,
-  class: "wx-blocks-host"
-}, fn = { class: "wx-blocks__tree" }, mn = { class: "wx-blocks__panel-head" }, vn = { class: "wx-blocks__panel-title" }, hn = {
+}, pn = { class: "wx-blocks__tree" }, fn = { class: "wx-blocks__panel-head" }, mn = { class: "wx-blocks__panel-title" }, vn = {
   key: 0,
   class: "wx-blocks__fields"
-}, bn = { class: "wx-blocks__panel-head" }, gn = { class: "wx-blocks__panel-title" }, kn = { class: "wx-blocks__panel-extra" }, yn = { class: "wx-blocks__form" }, _n = {
+}, hn = { class: "wx-blocks__panel-head" }, bn = { class: "wx-blocks__panel-title" }, gn = { class: "wx-blocks__panel-extra" }, kn = { class: "wx-blocks__form" }, yn = {
   key: 1,
   class: "wx-blocks__preview"
 }, wn = /* @__PURE__ */ K({
@@ -1917,7 +1915,8 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
     max: { default: null },
     catalog: { default: null },
     disabled: { type: Boolean, default: !1 },
-    blocksPath: { default: "/blocks" }
+    blocksPath: { default: "/blocks" },
+    fill: { type: Boolean, default: !1 }
   }, {
     modelValue: { default: () => [] },
     modelModifiers: {}
@@ -1925,22 +1924,22 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
   emits: ["update:modelValue"],
   setup(t) {
     const l = t, a = zt(t, "modelValue"), s = ze(ot, !1);
-    rt(ot, !0), we();
+    rt(ot, !0), _e();
     const o = Q("webx-blocks"), i = ze(Nt, null);
     let n = null;
-    const h = U([]), p = C(() => l.catalog ?? h.value), S = C(() => Array.isArray(a.value) ? a.value : []), w = U(null), k = C(() => w.value ? oe(S.value, w.value) : null), b = C(
+    const h = U([]), p = C(() => l.catalog ?? h.value), S = C(() => Array.isArray(a.value) ? a.value : []), _ = U(null), k = C(() => _.value ? oe(S.value, _.value) : null), b = C(
       () => k.value ? p.value.find((A) => A.slug === k.value?.node.type) ?? null : null
     ), m = ze(Ke, null), y = U(null), g = C(
       () => i?.state.manifest?.modules.find((A) => A.id === "blocks")?.meta?.groups ?? []
-    ), d = Et()?.type, _ = C(() => l.context?.types ? l.context.types : i?.types ? { ...Pe, ...i.types } : d ? { ...Pe, "wx-blocks": { component: d, kind: "field", nested: !0 } } : Pe), B = C(
+    ), d = Et()?.type, w = C(() => l.context?.types ? l.context.types : i?.types ? { ...Pe, ...i.types } : d ? { ...Pe, "wx-blocks": { component: d, kind: "field", nested: !0 } } : Pe), B = C(
       () => l.context?.translate ?? i?.i18n.t ?? ((A) => A)
     ), M = C(() => l.context?.can ?? i?.can ?? (() => !0)), N = ht(Kl);
     function I(A) {
       a.value = A;
     }
     async function P(A, L, D) {
-      const X = A ? oe(S.value, A) : null, ee = X ? p.value.find((Ie) => Ie.slug === X.node.type) ?? null : null, Te = A === null ? l.allow : D?.props?.allow ?? null, be = A === null ? l.max : D?.props?.max ?? null, Ce = A === null ? S.value : X && L ? X.node.values[L] ?? [] : [];
-      if (be != null && Ce.length >= be) return;
+      const X = A ? oe(S.value, A) : null, ee = X ? p.value.find((Ie) => Ie.slug === X.node.type) ?? null : null, Te = A === null ? l.allow : D?.props?.allow ?? null, ge = A === null ? l.max : D?.props?.max ?? null, Ce = A === null ? S.value : X && L ? X.node.values[L] ?? [] : [];
+      if (ge != null && Ce.length >= ge) return;
       const ue = await N({
         catalog: p.value,
         parent: ee,
@@ -1951,7 +1950,7 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
       });
       if (!ue) return;
       const Be = sl(ue.slug, H(ue));
-      I(nt(S.value, A, L, Ce.length, Be)), w.value = Be.key;
+      I(nt(S.value, A, L, Ce.length, Be)), _.value = Be.key;
     }
     function H(A) {
       const L = A.content?.sample ?? {}, D = {};
@@ -1960,32 +1959,32 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
       return D;
     }
     function xe(A) {
-      w.value === A && (w.value = null), I(rl(S.value, A));
+      _.value === A && (_.value = null), I(rl(S.value, A));
     }
     function ie(A) {
       const L = oe(S.value, A);
       if (!L) return;
       const D = $t(L.node);
-      I(nt(S.value, L.parent?.key ?? null, L.field, L.index + 1, D)), w.value = D.key;
+      I(nt(S.value, L.parent?.key ?? null, L.field, L.index + 1, D)), _.value = D.key;
     }
     function $e(A, L, D) {
       I(cl(S.value, A, L, D));
     }
     function Ue(A) {
-      w.value = w.value === A ? null : A;
+      _.value = _.value === A ? null : A;
     }
-    function he() {
-      w.value = null;
+    function be() {
+      _.value = null;
     }
     function Ve(A) {
-      w.value && I(ul(S.value, w.value, A));
+      _.value && I(ul(S.value, _.value, A));
     }
     let re;
     le(
       () => k.value?.node.values,
       (A, L) => {
         if (!A || !L || !b.value || !n || !m) return;
-        const D = w.value, X = b.value.id;
+        const D = _.value, X = b.value.id;
         clearTimeout(re), re = setTimeout(() => {
           !D || !n || n.render(X, { values: A, key: D }).then((ee) => {
             y.value?.replace(D, ee.html) || y.value?.refresh();
@@ -1996,17 +1995,17 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
       { deep: !0 }
     );
     function se(A) {
-      A.key === "Escape" && w.value && he();
+      A.key === "Escape" && _.value && be();
     }
     ye(async () => {
       if (window.addEventListener("keydown", se), l.catalog === null && i) {
-        n = ve(i);
+        n = he(i);
         try {
           h.value = await n.catalog();
         } catch (A) {
           F.danger(A.body?.message ?? String(A));
         }
-      } else i && (n = ve(i));
+      } else i && (n = he(i));
     }), Re(() => {
       clearTimeout(re), window.removeEventListener("keydown", se);
     });
@@ -2023,16 +2022,19 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
         ]),
         _: 1
       })
-    ])) : (r(), V("div", pn, [
+    ])) : (r(), V("div", {
+      key: 1,
+      class: me(["wx-blocks-host", { "is-fill": t.fill }])
+    }, [
       x("div", {
-        class: ge(["wx-blocks", {
+        class: me(["wx-blocks", {
           "is-editing": k.value !== null,
           "has-preview": e(m) !== null && e(m).url.value !== null
         }])
       }, [
-        x("div", fn, [
-          x("div", mn, [
-            x("span", vn, f(e(o)("field.blocks")), 1),
+        x("div", pn, [
+          x("div", fn, [
+            x("span", mn, f(e(o)("field.blocks")), 1),
             u(e(R), {
               size: "sm",
               tone: "muted"
@@ -2046,7 +2048,7 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
           u(cn, {
             nodes: S.value,
             catalog: p.value,
-            selected: w.value,
+            selected: _.value,
             disabled: t.disabled,
             onSelect: Ue,
             onAdd: P,
@@ -2080,15 +2082,15 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
             _: 1
           })) : E("", !0)
         ]),
-        k.value ? (r(), V("div", hn, [
-          x("div", bn, [
-            x("span", gn, f(b.value?.title ?? k.value.node.type), 1),
-            x("span", kn, [
+        k.value ? (r(), V("div", vn, [
+          x("div", hn, [
+            x("span", bn, f(b.value?.title ?? k.value.node.type), 1),
+            x("span", gn, [
               x("code", null, f(k.value.node.type), 1),
               u(e(q), {
                 size: "sm",
                 variant: "outline",
-                onClick: he
+                onClick: be
               }, {
                 default: c(() => [
                   $(f(e(o)("field.done")) + " · Esc", 1)
@@ -2097,12 +2099,12 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
               })
             ])
           ]),
-          x("div", yn, [
+          x("div", kn, [
             b.value?.content ? (r(), W(e(bt), {
               key: k.value.node.key,
               "model-value": k.value.node.values,
               root: Se.value,
-              types: _.value,
+              types: w.value,
               translate: B.value,
               can: M.value,
               disabled: t.disabled,
@@ -2119,20 +2121,21 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
             }))
           ])
         ])) : E("", !0),
-        e(m) && e(m).url.value ? (r(), V("div", _n, [
+        e(m) && e(m).url.value ? (r(), V("div", yn, [
           u(Xl, {
             ref_key: "previewEl",
             ref: y,
             url: e(m).url.value,
-            selected: w.value,
+            selected: _.value,
             mode: k.value ? "phone" : "wide",
-            reload: e(m).reload?.value ?? 0
-          }, null, 8, ["url", "selected", "mode", "reload"])
+            reload: e(m).reload?.value ?? 0,
+            fill: t.fill
+          }, null, 8, ["url", "selected", "mode", "reload", "fill"])
         ])) : E("", !0)
       ], 2)
-    ]));
+    ], 2));
   }
-}), xn = /* @__PURE__ */ Z(wn, [["__scopeId", "data-v-f1ec0da8"]]), $n = { class: "wx-block-card__body" }, Vn = { class: "wx-block-card__title" }, Sn = { class: "wx-block-card__chips" }, Tn = /* @__PURE__ */ K({
+}), _n = /* @__PURE__ */ Z(wn, [["__scopeId", "data-v-3f14c6c6"]]), xn = { class: "wx-block-card__body" }, $n = { class: "wx-block-card__title" }, Vn = { class: "wx-block-card__chips" }, Sn = /* @__PURE__ */ K({
   __name: "BlockCard",
   props: {
     block: {}
@@ -2149,8 +2152,8 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
         thumbnail: t.block.thumbnail,
         height: 120
       }, null, 8, ["thumbnail"]),
-      x("div", $n, [
-        x("div", Vn, f(t.block.title), 1),
+      x("div", xn, [
+        x("div", $n, f(t.block.title), 1),
         u(e(R), {
           size: "sm",
           tone: "muted"
@@ -2161,7 +2164,7 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
           ]),
           _: 1
         }),
-        x("div", Sn, [
+        x("div", Vn, [
           t.block.draft ? (r(), W(e(G), {
             key: 0,
             type: "warning",
@@ -2204,12 +2207,12 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
       ])
     ]));
   }
-}), Cn = /* @__PURE__ */ Z(Tn, [["__scopeId", "data-v-daa12de4"]]), Bn = { class: "wx-block-create" }, Wn = /* @__PURE__ */ K({
+}), Tn = /* @__PURE__ */ Z(Sn, [["__scopeId", "data-v-daa12de4"]]), Cn = { class: "wx-block-create" }, Bn = /* @__PURE__ */ K({
   __name: "BlockCreateDialog",
   setup(t) {
-    const { resolve: l, dismiss: a, open: s } = ft(), o = _e(), i = ve(o);
-    we();
-    const n = Q("webx-blocks"), h = C(() => o.state.manifest?.modules.find((_) => _.id === "blocks")?.meta?.groups ?? ["content"]), p = U({ title: "", slug: "", group: h.value[0] ?? "content" }), S = U({}), w = U(!1), k = U(!1), b = C(
+    const { resolve: l, dismiss: a, open: s } = ft(), o = we(), i = he(o);
+    _e();
+    const n = Q("webx-blocks"), h = C(() => o.state.manifest?.modules.find((w) => w.id === "blocks")?.meta?.groups ?? ["content"]), p = U({ title: "", slug: "", group: h.value[0] ?? "content" }), S = U({}), _ = U(!1), k = U(!1), b = C(
       () => h.value.map((d) => ({ value: d, label: ke(d, n) }))
     );
     function m(d) {
@@ -2225,19 +2228,19 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
       return S.value[d]?.[0];
     }
     async function g() {
-      w.value = !0, S.value = {};
+      _.value = !0, S.value = {};
       try {
         l(await i.create(p.value));
       } catch (d) {
-        const _ = d.body;
-        _?.errors ? S.value = _.errors : F.danger(_?.message ?? n("page.failed"));
+        const w = d.body;
+        w?.errors ? S.value = w.errors : F.danger(w?.message ?? n("page.failed"));
       } finally {
-        w.value = !1;
+        _.value = !1;
       }
     }
-    return (d, _) => (r(), W(e(mt), {
+    return (d, w) => (r(), W(e(mt), {
       open: e(s),
-      "onUpdate:open": _[5] || (_[5] = (B) => it(s) ? s.value = B : null),
+      "onUpdate:open": w[5] || (w[5] = (B) => it(s) ? s.value = B : null),
       title: e(n)("page.new"),
       width: 520
     }, {
@@ -2246,7 +2249,7 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
           default: c(() => [
             u(e(q), {
               variant: "outline",
-              onClick: _[4] || (_[4] = (B) => e(a)())
+              onClick: w[4] || (w[4] = (B) => e(a)())
             }, {
               default: c(() => [
                 $(f(e(n)("page.cancel")), 1)
@@ -2255,7 +2258,7 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
             }),
             u(e(q), {
               type: "primary",
-              loading: w.value,
+              loading: _.value,
               onClick: g
             }, {
               default: c(() => [
@@ -2268,15 +2271,15 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
         })
       ]),
       default: c(() => [
-        x("div", Bn, [
+        x("div", Cn, [
           u(e(J), {
             label: e(n)("page.title"),
             error: y("title")
           }, {
             default: c(() => [
-              u(e(me), {
+              u(e(ve), {
                 modelValue: p.value.title,
-                "onUpdate:modelValue": _[0] || (_[0] = (B) => p.value.title = B),
+                "onUpdate:modelValue": w[0] || (w[0] = (B) => p.value.title = B),
                 autofocus: ""
               }, null, 8, ["modelValue"])
             ]),
@@ -2288,11 +2291,11 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
             error: y("slug")
           }, {
             default: c(() => [
-              u(e(me), {
+              u(e(ve), {
                 modelValue: p.value.slug,
-                "onUpdate:modelValue": _[1] || (_[1] = (B) => p.value.slug = B),
+                "onUpdate:modelValue": w[1] || (w[1] = (B) => p.value.slug = B),
                 placeholder: "hero",
-                onInput: _[2] || (_[2] = (B) => k.value = !0)
+                onInput: w[2] || (w[2] = (B) => k.value = !0)
               }, null, 8, ["modelValue"])
             ]),
             _: 1
@@ -2305,7 +2308,7 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
             default: c(() => [
               u(e(pt), {
                 modelValue: p.value.group,
-                "onUpdate:modelValue": _[3] || (_[3] = (B) => p.value.group = B),
+                "onUpdate:modelValue": w[3] || (w[3] = (B) => p.value.group = B),
                 options: b.value
               }, null, 8, ["modelValue", "options"])
             ]),
@@ -2316,25 +2319,25 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
       _: 1
     }, 8, ["open", "title"]));
   }
-}), An = /* @__PURE__ */ Z(Wn, [["__scopeId", "data-v-274bc88a"]]), zn = { class: "wx-blocks-page" }, En = { class: "wx-blocks-page__head" }, Un = { class: "wx-blocks-page__cards" }, In = { class: "wx-blocks-page__ghost-body" }, Nn = {
+}), Wn = /* @__PURE__ */ Z(Bn, [["__scopeId", "data-v-274bc88a"]]), An = { class: "wx-blocks-page" }, zn = { class: "wx-blocks-page__head" }, En = { class: "wx-blocks-page__cards" }, Un = { class: "wx-blocks-page__ghost-body" }, In = {
   key: 0,
   class: "wx-blocks-page__group-title"
-}, Ln = { class: "wx-blocks-page__cards" }, Mn = /* @__PURE__ */ K({
+}, Nn = { class: "wx-blocks-page__cards" }, Ln = /* @__PURE__ */ K({
   __name: "BlocksPage",
   props: {
     base: { default: "/blocks" }
   },
   setup(t) {
-    const l = t, a = _e(), s = ve(a), o = ut();
-    we();
-    const i = Q("webx-blocks"), n = U([]), h = U(!0), p = U(""), S = ht(An), w = C(() => {
+    const l = t, a = we(), s = he(a), o = ut();
+    _e();
+    const i = Q("webx-blocks"), n = U([]), h = U(!0), p = U(""), S = ht(Wn), _ = C(() => {
       const B = a.state.manifest?.modules.find((M) => M.id === "blocks")?.meta;
       return {
         groups: B?.groups ?? [],
         editing: B?.editing ?? !0,
         provides: B?.provides ?? []
       };
-    }), k = C(() => a.can("blocks.manage") && w.value.editing), b = C(
+    }), k = C(() => a.can("blocks.manage") && _.value.editing), b = C(
       () => a.state.manifest?.modules.find((B) => B.id === "blocks")?.title ?? i("module.title")
     ), m = C(() => {
       const B = p.value.trim().toLowerCase();
@@ -2342,7 +2345,7 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
         (M) => M.title.toLowerCase().includes(B) || M.slug.includes(B) || (M.description ?? "").toLowerCase().includes(B)
       );
     }), y = C(() => {
-      const B = [...w.value.groups];
+      const B = [..._.value.groups];
       for (const I of m.value)
         B.includes(I.group) || B.push(I.group);
       const M = B.map((I) => ({
@@ -2365,12 +2368,12 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
     function d(B) {
       o.push(`${l.base}/${B.id}`);
     }
-    async function _() {
+    async function w() {
       const B = await S({});
       B && d(B);
     }
-    return ye(g), (B, M) => (r(), V("div", zn, [
-      x("div", En, [
+    return ye(g), (B, M) => (r(), V("div", An, [
+      x("div", zn, [
         u(e(Rt), { level: 2 }, {
           default: c(() => [
             $(f(b.value), 1)
@@ -2381,7 +2384,7 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
           key: 0,
           type: "primary",
           icon: "plus",
-          onClick: _
+          onClick: w
         }, {
           default: c(() => [
             $(f(e(i)("page.new")), 1)
@@ -2389,13 +2392,13 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
           _: 1
         })) : E("", !0)
       ]),
-      w.value.editing ? E("", !0) : (r(), W(e(dt), {
+      _.value.editing ? E("", !0) : (r(), W(e(dt), {
         key: 0,
         type: "info",
         variant: "soft",
         description: e(i)("page.editing-off")
       }, null, 8, ["description"])),
-      h.value || n.value.length > 0 ? (r(), W(e(me), {
+      h.value || n.value.length > 0 ? (r(), W(e(ve), {
         key: 1,
         modelValue: p.value,
         "onUpdate:modelValue": M[0] || (M[0] = (N) => p.value = N),
@@ -2405,7 +2408,7 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
       }, null, 8, ["modelValue", "placeholder"])) : E("", !0),
       h.value ? (r(), W(e(pe), { key: 2 }, {
         template: c(() => [
-          x("div", Un, [
+          x("div", En, [
             (r(), V(j, null, Y(4, (N) => x("div", {
               key: N,
               class: "wx-blocks-page__ghost"
@@ -2415,7 +2418,7 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
                 height: 120,
                 class: "wx-blocks-page__ghost-thumb"
               }),
-              x("div", In, [
+              x("div", Un, [
                 u(e(Ae), {
                   variant: "title",
                   width: "45%"
@@ -2443,9 +2446,9 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
         key: N.id,
         class: "wx-blocks-page__group"
       }, [
-        N.label ? (r(), V("div", Nn, f(N.label), 1)) : E("", !0),
-        x("div", Ln, [
-          (r(!0), V(j, null, Y(N.blocks, (I) => (r(), W(Cn, {
+        N.label ? (r(), V("div", In, f(N.label), 1)) : E("", !0),
+        x("div", Nn, [
+          (r(!0), V(j, null, Y(N.blocks, (I) => (r(), W(Tn, {
             key: I.id,
             block: I,
             onOpen: d
@@ -2454,14 +2457,14 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
       ]))), 128))
     ]));
   }
-}), Pn = /* @__PURE__ */ Z(Mn, [["__scopeId", "data-v-6e58b664"]]);
-function Zn(t = {}) {
+}), Mn = /* @__PURE__ */ Z(Ln, [["__scopeId", "data-v-6e58b664"]]);
+function Kn(t = {}) {
   const l = t.path ?? "/blocks";
   return {
     id: "blocks",
     path: l,
     routes: [
-      { path: l, name: "webx.blocks", component: Pn, props: { base: l } },
+      { path: l, name: "webx.blocks", component: Mn, props: { base: l } },
       {
         path: `${l}/:id(\\d+)`,
         name: "webx.blocks.edit",
@@ -2474,7 +2477,7 @@ function Zn(t = {}) {
     // draws its children through the renderer; it needs the node for `props.allow` alone.
     types: {
       "wx-blocks": {
-        component: xn,
+        component: _n,
         kind: "field",
         nested: !0,
         bind: () => ({ blocksPath: l })
@@ -2487,14 +2490,14 @@ export {
   Kl as WxBlockPicker,
   al as WxBlockStage,
   Ct as WxBlockThumb,
-  xn as WxBlocks,
-  Pn as WxBlocksPage,
-  Zn as blocks,
+  _n as WxBlocks,
+  Mn as WxBlocksPage,
+  Kn as blocks,
   dl as blocksMessages,
   Ke as blocksPreviewKey,
   $t as cloneNode,
   ol as countType,
-  ve as createBlocksApi,
+  he as createBlocksApi,
   gt as findRange,
   Je as formSchema,
   De as highlightBlock,
@@ -2504,16 +2507,16 @@ export {
   fl as lintBlock,
   oe as locate,
   sl as makeNode,
-  _t as newKey,
-  Jn as provideBlocksPreview,
+  wt as newKey,
+  qn as provideBlocksPreview,
   rl as removeNode,
   Yt as replaceBlock,
   cl as replaceList,
   kt as stageDocument,
-  qn as typesIn,
+  Fn as typesIn,
   ml as undeclared,
   ul as updateValues,
-  Kn as useBlocksPreview,
+  Jn as useBlocksPreview,
   qe as walk
 };
 //# sourceMappingURL=index.js.map