@webx-ui/module-blocks 0.1.0

package/dist/index.js

@@ -0,0 +1,2461 @@
+import { defineComponent as K, computed as C, openBlock as r, createElementBlock as S, createVNode as u, unref as e, createElementVNode as V, createTextVNode as x, toDisplayString as f, Fragment as j, createCommentVNode as E, renderList as te, ref as U, onMounted as ge, watch as le, createBlock as A, withCtx as p, normalizeStyle as de, reactive as Ne, onBeforeUnmount as De, resolveComponent as Oe, withDirectives as Bt, vModelText as At, isRef as ot, normalizeClass as he, withKeys as Ke, withModifiers as Ie, provide as it, inject as Be, useModel as Wt, getCurrentInstance as zt, mergeModels as Et } from "vue";
+import { useRoute as Ut, useRouter as rt } from "vue-router";
+import { useTranslate as Y, useAdmin as ke, adminKey as Nt } from "@webx-ui/module-admin";
+import { WxIcon as ne, WxSkeleton as We, WxText as R, WxBadge as G, WxButton as q, confirm as Pe, toast as F, useElementWidth as Re, WxSegmented as ut, WxAlert as ct, WxTabs as It, WxTab as ce, WxCodeEditor as Ce, WxFormItem as J, WxInput as pe, WxSelect as dt, WxTextarea as Lt, WxInputNumber as Ze, WxTagsInput as Ge, WxSwitch as Mt, WxCard as Ye, useModal as pt, WxDialog as ft, WxEmpty as mt, WxSortableList as Pt, WxAction as Qe, createModal as vt, WxSpace as Dt, WxHeading as Ot } from "@webx-ui/core";
+import { WxScreenRenderer as ht, coreTypes as Le } from "@webx-ui/schema";
+function fe(t) {
+  const l = `${t.apiPath}/blocks`, a = (s) => s.data;
+  return {
+    list: () => t.http.get(l).then(a),
+    catalog: () => t.http.get(`${l}/catalog`).then(a),
+    get: (s) => t.http.get(`${l}/${s}`).then(a),
+    create: (s) => t.http.post(l, s).then(a),
+    update: (s, o) => t.http.put(`${l}/${s}`, o).then(a),
+    remove: (s) => t.http.delete(`${l}/${s}`),
+    publish: (s) => t.http.post(`${l}/${s}/publish`, {}).then(a),
+    render: (s, o = {}) => t.http.post(`${l}/${s}/render`, o).then(a),
+    usage: (s) => t.http.get(`${l}/${s}/usage`).then(a),
+    versions: (s) => t.http.get(`${l}/${s}/versions`).then(a),
+    version: (s, o) => t.http.get(`${l}/${s}/versions/${o}`).then(a),
+    restore: (s, o) => t.http.post(`${l}/${s}/versions/${o}/restore`, {}).then(a)
+  };
+}
+const Rt = { class: "wx-block-checks" }, jt = {
+  key: 0,
+  class: "wx-block-checks__line is-error"
+}, Ht = /* @__PURE__ */ K({
+  __name: "BlockChecks",
+  props: {
+    file: {},
+    lints: {},
+    slug: {},
+    error: {}
+  },
+  setup(t) {
+    const l = t, a = Y("webx-blocks"), s = C(() => l.lints.filter((i) => i.file === l.file)), o = C(() => {
+      const i = new Set(s.value.map((b) => b.code)), n = [];
+      return l.file === "template" && (i.has("no-marker") || n.push(a("checks.ok-marker")), i.has("variables-missing") || n.push(a("checks.ok-variables"))), l.file === "styles" && (i.has("stray-selectors") || n.push(a("checks.ok-prefix", { slug: l.slug })), i.has("bare-selectors") || n.push(a("checks.ok-bare")), i.has("media-query") || n.push(a("checks.ok-container"))), n;
+    });
+    return (i, n) => (r(), S("div", Rt, [
+      t.error ? (r(), S("div", jt, [
+        u(e(ne), { name: "close-circle" }),
+        V("span", null, [
+          x(f(t.error.message) + " ", 1),
+          t.error.line !== null ? (r(), S(j, { key: 0 }, [
+            x(" · " + f(e(a)("page.line", { line: t.error.line })), 1)
+          ], 64)) : E("", !0),
+          t.error.where ? (r(), S(j, { key: 1 }, [
+            x(" · " + f(t.error.where), 1)
+          ], 64)) : E("", !0)
+        ])
+      ])) : E("", !0),
+      (r(!0), S(j, null, te(s.value, (b) => (r(), S("div", {
+        key: b.code,
+        class: "wx-block-checks__line is-warning"
+      }, [
+        u(e(ne), { name: "warning" }),
+        V("span", null, [
+          x(f(b.message) + " ", 1),
+          b.line !== null ? (r(), S(j, { key: 0 }, [
+            x(" · " + f(e(a)("page.line", { line: b.line })), 1)
+          ], 64)) : E("", !0)
+        ])
+      ]))), 128)),
+      (r(!0), S(j, null, te(o.value, (b) => (r(), S("div", {
+        key: b,
+        class: "wx-block-checks__line is-ok"
+      }, [
+        u(e(ne), { name: "check" }),
+        V("span", null, f(b), 1)
+      ]))), 128))
+    ]));
+  }
+}), Z = (t, l) => {
+  const a = t.__vccOpts || t;
+  for (const [s, o] of l)
+    a[s] = o;
+  return a;
+}, Xe = /* @__PURE__ */ Z(Ht, [["__scopeId", "data-v-a96ffa19"]]), Ft = { class: "wx-block-history" }, qt = { class: "wx-block-history__number" }, Jt = { class: "wx-block-history__who" }, Kt = /* @__PURE__ */ K({
+  __name: "BlockHistory",
+  props: {
+    block: {},
+    canManage: { type: Boolean }
+  },
+  emits: ["restored"],
+  setup(t, { emit: l }) {
+    const a = t, s = l, o = ke(), i = fe(o), n = Y("webx-blocks"), b = U(null);
+    async function d() {
+      b.value = await i.versions(a.block.id);
+    }
+    function $(h) {
+      return a.block.draft?.number === h.number ? "draft" : a.block.published?.number === h.number ? "live" : "replaced";
+    }
+    function _(h) {
+      return h.created_at ? new Date(h.created_at).toLocaleString(o.i18n.state.locale) : "";
+    }
+    async function k(h) {
+      if (await Pe({
+        title: n("page.restore-title", { number: h.number }),
+        message: n("page.restore-text"),
+        confirmText: n("page.restore"),
+        cancelText: n("page.cancel")
+      }))
+        try {
+          const y = await i.restore(a.block.id, h.number);
+          F.success(n("page.restored", { number: y.draft?.number ?? h.number })), s("restored", y), await d();
+        } catch (y) {
+          F.danger(y.body?.message ?? String(y));
+        }
+    }
+    return ge(d), le(
+      () => [a.block.draft?.number, a.block.published?.number],
+      () => {
+        d();
+      }
+    ), (h, m) => (r(), S("div", Ft, [
+      b.value === null ? (r(), A(e(We), {
+        key: 0,
+        rows: 3
+      })) : (r(!0), S(j, { key: 1 }, te(b.value, (y) => (r(), S("div", {
+        key: y.number,
+        class: "wx-block-history__row"
+      }, [
+        V("code", qt, f(e(n)("page.version", { number: y.number })), 1),
+        V("div", Jt, [
+          u(e(R), null, {
+            default: p(() => [
+              x(f(e(n)(`page.version-${$(y)}`)), 1)
+            ]),
+            _: 2
+          }, 1024),
+          u(e(R), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: p(() => [
+              x(f(_(y)) + " · " + f(y.author ?? e(n)(`page.source-${y.source}`)) + " ", 1),
+              y.comment ? (r(), S(j, { key: 0 }, [
+                x(" · " + f(y.comment), 1)
+              ], 64)) : E("", !0)
+            ]),
+            _: 2
+          }, 1024)
+        ]),
+        $(y) === "draft" ? (r(), A(e(G), {
+          key: 0,
+          type: "warning",
+          dot: ""
+        }, {
+          default: p(() => [
+            x(f(e(n)("page.version-draft")), 1)
+          ]),
+          _: 1
+        })) : $(y) === "live" ? (r(), A(e(G), {
+          key: 1,
+          type: "success",
+          dot: ""
+        }, {
+          default: p(() => [
+            x(f(e(n)("page.version-live")), 1)
+          ]),
+          _: 1
+        })) : E("", !0),
+        t.canManage && $(y) === "replaced" ? (r(), A(e(q), {
+          key: 2,
+          size: "sm",
+          variant: "outline",
+          onClick: (g) => k(y)
+        }, {
+          default: p(() => [
+            x(f(e(n)("page.restore")), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"])) : E("", !0)
+      ]))), 128))
+    ]));
+  }
+}), Zt = /* @__PURE__ */ Z(Kt, [["__scopeId", "data-v-e88160ce"]]), Ae = "wx-preview-selected", et = "wx-preview-style";
+function bt(t, l) {
+  const s = (t.ownerDocument ?? t).createTreeWalker(
+    t,
+    128
+    /* NodeFilter.SHOW_COMMENT */
+  );
+  let o = null;
+  for (let i = s.nextNode(); i; i = s.nextNode()) {
+    const n = i.data.trim();
+    if (o === null && n === `wx:${l}`)
+      o = i;
+    else if (o !== null && n === `/wx:${l}`)
+      return { start: o, end: i };
+  }
+  return null;
+}
+function Gt(t, l, a) {
+  const s = bt(t, l);
+  if (!s) return !1;
+  const o = s.start.parentNode;
+  if (!o) return !1;
+  const i = t.createElement("template");
+  i.innerHTML = a;
+  const n = s.end.nextSibling;
+  let b = s.start;
+  for (; b; ) {
+    const k = b.nextSibling, h = b === s.end;
+    if (o.removeChild(b), h) break;
+    b = k;
+  }
+  const d = i.content, $ = Array.from(d.childNodes);
+  o.insertBefore(d, n);
+  const _ = t.defaultView?.webx;
+  if (_?.mount)
+    for (const k of $)
+      k.nodeType === 1 && _.mount(k);
+  return !0;
+}
+function Yt(t, l) {
+  const a = bt(t, l);
+  if (!a) return null;
+  for (let s = a.start.nextSibling; s && s !== a.end; s = s.nextSibling)
+    if (s.nodeType === 1) return s;
+  return null;
+}
+function Me(t, l) {
+  Qt(t);
+  for (const s of Array.from(t.querySelectorAll(`.${Ae}`)))
+    s.classList.remove(Ae);
+  if (l === null) return null;
+  const a = Yt(t, l);
+  return a?.classList.add(Ae), a;
+}
+function Qt(t) {
+  if (t.getElementById(et)) return;
+  const l = t.createElement("style");
+  l.id = et, l.textContent = `.${Ae}{outline:2px solid #427edd;outline-offset:-2px;}`, (t.head ?? t.documentElement).appendChild(l);
+}
+function gt(t) {
+  const l = t.base ? `<base href="${tt(t.base)}">` : "", a = t.frame ? `<style>${t.frame}</style>` : "", s = t.script && t.runtime ? `<script src="${tt(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>${a}<style>${t.styles}</style></head><body>${t.html}${s}</body></html>`;
+}
+function tt(t) {
+  return t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
+}
+const Xt = { class: "wx-block-stage" }, el = { class: "wx-block-stage__bar" }, tl = ["srcdoc", "title"], ll = /* @__PURE__ */ K({
+  __name: "BlockStage",
+  props: {
+    html: {},
+    styles: {},
+    script: { default: null },
+    runtime: { default: null },
+    loading: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    const l = t, a = Y("webx-blocks"), s = C(() => [
+      { 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), b = Re(i), d = U(360), $ = C(() => b.value === 0 ? 1 : Math.min(1, b.value / o.value)), _ = C(
+      () => gt({
+        html: l.html,
+        styles: l.styles,
+        script: l.script,
+        runtime: l.runtime,
+        base: typeof location > "u" ? null : location.origin + "/"
+      })
+    );
+    function k() {
+      const g = n.value?.contentDocument;
+      g?.documentElement && (d.value = Math.max(120, g.documentElement.scrollHeight));
+    }
+    function h() {
+      k(), setTimeout(k, 300);
+    }
+    le(o, () => setTimeout(k, 50));
+    const m = C(() => ({
+      width: `${o.value}px`,
+      height: `${d.value}px`,
+      transform: `scale(${$.value})`
+    })), y = C(() => ({
+      width: `${Math.round(o.value * $.value)}px`,
+      height: `${Math.round(d.value * $.value)}px`
+    }));
+    return (g, c) => (r(), S("div", Xt, [
+      V("div", el, [
+        u(e(ut), {
+          modelValue: o.value,
+          "onUpdate:modelValue": c[0] || (c[0] = (w) => o.value = w),
+          options: s.value,
+          size: "sm"
+        }, null, 8, ["modelValue", "options"])
+      ]),
+      V("div", {
+        ref_key: "box",
+        ref: i,
+        class: "wx-block-stage__ground"
+      }, [
+        t.loading && !t.html ? (r(), A(e(We), {
+          key: 0,
+          rows: 3
+        })) : (r(), S("div", {
+          key: 1,
+          class: "wx-block-stage__clip",
+          style: de(y.value)
+        }, [
+          V("iframe", {
+            ref_key: "frame",
+            ref: n,
+            class: "wx-block-stage__frame",
+            srcdoc: _.value,
+            style: de(m.value),
+            sandbox: "allow-same-origin allow-scripts",
+            title: e(a)("page.preview"),
+            onLoad: h
+          }, null, 44, tl)
+        ], 4))
+      ], 512)
+    ]));
+  }
+}), nl = /* @__PURE__ */ Z(ll, [["__scopeId", "data-v-976b03f0"]]);
+function kt(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(kt);
+}
+function yt() {
+  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 al(t, l = {}) {
+  return { key: yt(), type: t, values: l };
+}
+function oe(t, l) {
+  return wt(t, l, null, null);
+}
+function wt(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, b] of Object.entries(i.values ?? {}))
+      if (je(b)) {
+        const d = wt(b, l, i, n);
+        if (d) return d;
+      }
+  }
+  return null;
+}
+function He(t, l, a = 0, s = null) {
+  for (const o of t)
+    if (kt(o)) {
+      l(o, a, s);
+      for (const i of Object.values(o.values ?? {}))
+        je(i) && He(i, l, a + 1, o);
+    }
+}
+function sl(t, l) {
+  let a = 0;
+  return He(t, (s) => {
+    s.type === l && a++;
+  }), a;
+}
+function jn(t) {
+  const l = [];
+  return He(t, (a) => {
+    l.includes(a.type) || l.push(a.type);
+  }), l;
+}
+function _t(t) {
+  const l = [];
+  for (const a of t)
+    a.type === "wx-blocks" && l.push(a), a.children && l.push(..._t(a.children));
+  return l;
+}
+function xt(t) {
+  const l = {};
+  for (const [a, s] of Object.entries(t.values ?? {}))
+    l[a] = je(s) ? s.map(xt) : ae(s);
+  return { key: yt(), type: t.type, values: l };
+}
+function ol(t, l, a) {
+  if (l === null) return t;
+  const s = oe(t, l);
+  if (!s || a === null) return null;
+  const o = s.node.values[a];
+  return Array.isArray(o) || (s.node.values[a] = []), s.node.values[a];
+}
+function lt(t, l, a, s, o) {
+  const i = ae(t), n = ol(i, l, a);
+  return n ? (n.splice(Math.max(0, Math.min(s, n.length)), 0, o), i) : t;
+}
+function il(t, l) {
+  const a = ae(t), s = oe(a, l);
+  return s ? (s.list.splice(s.index, 1), a) : t;
+}
+function rl(t, l, a) {
+  const s = ae(t), o = oe(s, l);
+  return o ? (o.node.values = a, s) : t;
+}
+function ul(t, l, a, s) {
+  if (l === null) return ae(s);
+  const o = ae(t), i = oe(o, l);
+  return !i || a === null ? t : (i.node.values[a] = ae(s), o);
+}
+function ae(t) {
+  return t === void 0 ? t : JSON.parse(JSON.stringify(t));
+}
+const cl = {
+  module: {
+    title: "Blocks"
+  },
+  page: {
+    blocks: "Blocks",
+    new: "New block",
+    search: "Search by name or identifier",
+    empty: "No block types yet.",
+    "empty-help": "A block type is made here entirely: its fields, its template, its styles and its script.",
+    "editing-off": "Editing is switched off on this site: the types arrive by import, and the section is read-only.",
+    "on-pages": "on :count pages",
+    "not-used": "not used yet",
+    draft: "Draft v:number",
+    live: "Live v:number",
+    "never-published": "Not published",
+    hidden: "Hidden from editors",
+    identifier: "Identifier",
+    "identifier-help": "The type in the page content. Renaming it breaks every page the block stands on.",
+    title: "Name",
+    description: "Description",
+    "description-help": "A hint for the editor, and the instruction an agent reads.",
+    icon: "Icon",
+    group: "Group",
+    "group-help": "The section of the list an editor picks a block from.",
+    allow: "May hold",
+    "allow-help": "Types that can be put inside. Empty — the block is not a container.",
+    "allowed-in": "Allowed in",
+    "allowed-in-help": "Types that may hold this one. Empty — anywhere, the page itself included.",
+    root: "The page itself",
+    "max-per-entity": "Per page",
+    "max-per-entity-help": "How many instances a page may hold. Empty — no limit.",
+    sort: "Order",
+    "sort-help": "The order in the CSS cascade and in the list.",
+    enabled: "Offered to editors",
+    "enabled-help": "Switched off, the block stays on the pages where it already is but cannot be added.",
+    "tab-template": "Template",
+    "tab-styles": "Styles",
+    "tab-script": "Script",
+    "tab-fields": "Fields",
+    "tab-settings": "Settings",
+    "tab-history": "History",
+    "insert-field": "Insert a field:",
+    "script-help": "The body of an initialiser: el is the root of one instance, values are its values. Called for every instance, and again for a block replaced in the preview.",
+    provides: "This site provides through webx.provide(): :names",
+    "provides-none": "This site has not declared anything through webx.provide().",
+    "fields-help": "Screen nodes, the same ones described screens are built from. The sample form on the right is built from them.",
+    "schema-invalid": "The schema is not valid JSON: :error",
+    sample: "Sample values",
+    "sample-help": "What the thumbnail is drawn on, and what the publish check runs on.",
+    preview: "Preview",
+    "width-desktop": "Desktop",
+    "width-tablet": "Tablet",
+    "width-phone": "Phone",
+    usage: "Where it is used",
+    "usage-empty": "Not on any page yet.",
+    "usage-more": "and :count more",
+    "unpublished-page": "draft",
+    save: "Save",
+    saved: "Saved as version :number.",
+    unchanged: "Nothing changed.",
+    publish: "Publish",
+    "publish-title": "Publish version :number?",
+    "publish-text": "The version takes effect on every page where the block stands: :count.",
+    published: "Version :number is live.",
+    "publish-failed": "The version cannot be published.",
+    "failed-on": 'Fails on ":title".',
+    "no-draft": "There is no draft to publish.",
+    failed: "Some values were not accepted. Check the highlighted fields.",
+    delete: "Delete",
+    "delete-title": 'Delete ":title"?',
+    "delete-text": "Every version goes with it. This cannot be undone.",
+    "delete-used": "The block stands on :count pages and cannot be deleted.",
+    deleted: "Deleted.",
+    cancel: "Cancel",
+    create: "Create",
+    unsaved: "Unsaved changes",
+    back: "Blocks",
+    line: "line :line",
+    version: "v:number",
+    "version-draft": "Draft",
+    "version-live": "Live",
+    "version-replaced": "Replaced",
+    restore: "Restore",
+    "restore-title": "Restore version :number?",
+    "restore-text": "It becomes the draft; publishing it is a separate step.",
+    restored: "Version :number is the draft now.",
+    "restored-from": "Restored from v:number",
+    "source-panel": "panel",
+    "source-mcp": "agent",
+    "source-import": "import"
+  },
+  field: {
+    blocks: "Blocks",
+    add: "Add a block",
+    "add-inside": "Add inside",
+    done: "Done",
+    remove: "Remove",
+    "remove-title": 'Remove ":title"?',
+    "remove-text": "The blocks inside it go with it.",
+    duplicate: "Duplicate",
+    empty: "No blocks yet. Add the first one.",
+    "nested-note": "Nested blocks are edited in the tree on the left.",
+    "unknown-type": 'Unknown block type ":type"',
+    "draft-type": "The block type has an unpublished version",
+    "disabled-type": "The block type is hidden from editors",
+    pick: "Add a block",
+    search: "Search by name or identifier",
+    "pick-empty": "Nothing matches.",
+    "pick-none": "There are no block types yet.",
+    "pick-none-link": "Make one in the Blocks section.",
+    "pick-limited": 'Only these can go inside ":parent": :types',
+    "pick-nothing-allowed": 'Nothing can be put inside ":parent".',
+    "limit-reached": "Already :count on this page, the limit for this block",
+    preview: "Preview",
+    "open-site": "Open on the site",
+    fullscreen: "Full screen",
+    close: "Close",
+    "width-desktop": "Desktop",
+    "width-tablet": "Tablet",
+    "width-phone": "Phone"
+  },
+  groups: {
+    content: "Content",
+    layout: "Layout",
+    media: "Media"
+  },
+  checks: {
+    "no-marker": "No data-wx-block on the root: the script will not run, and the panel cannot highlight the block in the preview.",
+    "stray-selectors": "Selectors outside the block prefix .b-:slug: :selectors",
+    "bare-selectors": "Element selectors reach the whole site: :selectors",
+    "media-query": "@media measures the window. A block is sized by its container: use @container.",
+    "variables-missing": "The template uses :variables, which the schema does not declare. Publishing will be refused.",
+    "ok-marker": "The root carries data-wx-block.",
+    "ok-prefix": "Every selector starts with .b-:slug.",
+    "ok-bare": "No bare element selectors.",
+    "ok-container": "Width is decided by container queries.",
+    "ok-variables": "Every variable of the template is a field of the schema."
+  }
+}, nt = /* @__PURE__ */ new WeakSet();
+function ye() {
+  try {
+    const { i18n: t } = ke();
+    nt.has(t) || (t.defaults("webx-blocks", cl), nt.add(t));
+  } catch {
+  }
+}
+const dl = ["block", "entity", "loop", "__env", "errors", "app"];
+function pl(t, l, a) {
+  const s = [];
+  /data-wx-block\s*=/.test(l.template) || s.push({ file: "template", code: "no-marker", line: null, message: a("checks.no-marker") });
+  const o = fl(l.template, l.schema);
+  o.length > 0 && s.push({
+    file: "template",
+    code: "variables-missing",
+    line: null,
+    message: a("checks.variables-missing", {
+      variables: o.map((_) => `$${_}`).join(", ")
+    })
+  });
+  const i = [], n = [], b = `.b-${t}`;
+  for (const [_, k] of ml(l.styles))
+    _.startsWith(b) || _.startsWith("&") || (/^[a-z][a-z0-9-]*/i.test(_) ? n.push([_, k]) : i.push([_, k]));
+  i.length > 0 && s.push({
+    file: "styles",
+    code: "stray-selectors",
+    line: i[0][1],
+    message: a("checks.stray-selectors", { slug: t, selectors: at(i) })
+  }), n.length > 0 && s.push({
+    file: "styles",
+    code: "bare-selectors",
+    line: n[0][1],
+    message: a("checks.bare-selectors", { selectors: at(n) })
+  });
+  const d = Vt(l.styles), $ = /@media\b/.exec(d);
+  return $ && s.push({
+    file: "styles",
+    code: "media-query",
+    line: St(d, $.index),
+    message: a("checks.media-query")
+  }), s;
+}
+function $t(t) {
+  const l = [];
+  for (const a of t)
+    a.id && l.push(a.id), a.children && l.push(...$t(a.children));
+  return l;
+}
+function fl(t, l) {
+  const a = /* @__PURE__ */ new Set([...$t(l), ...dl]);
+  for (const o of t.matchAll(/\bas\s+\$([a-zA-Z_]\w*)(?:\s*=>\s*\$([a-zA-Z_]\w*))?/g))
+    a.add(o[1]), o[2] && a.add(o[2]);
+  for (const o of t.matchAll(/\$([a-zA-Z_]\w*)\s*(?:=[^=]|\+\+|--|\.=|\+=|-=)/g))
+    a.add(o[1]);
+  const s = [];
+  for (const o of t.matchAll(/\$([a-zA-Z_]\w*)/g)) {
+    const i = o[1];
+    !a.has(i) && !s.includes(i) && s.push(i);
+  }
+  return s;
+}
+function ml(t) {
+  const l = Vt(t), a = [];
+  for (const s of l.matchAll(/([^{};]+)\{/g)) {
+    const o = s[1], i = o.trim();
+    if (!(i === "" || i.startsWith("@")))
+      for (const n of o.split(",")) {
+        const b = n.trim();
+        b === "" || b === "from" || b === "to" || b.endsWith("%") || a.push([b, St(l, s.index + o.indexOf(b))]);
+      }
+  }
+  return a;
+}
+function Vt(t) {
+  return t.replace(/\/\*[\s\S]*?\*\//g, (l) => l.replace(/[^\n]/g, " "));
+}
+function St(t, l) {
+  return t.slice(0, Math.max(0, l)).split(`
+`).length;
+}
+function at(t) {
+  const l = [...new Set(t.map(([a]) => a))];
+  return l.slice(0, 3).join(", ") + (l.length > 3 ? ", …" : "");
+}
+function Fe(t) {
+  return t.map((l) => ({
+    ...l,
+    name: l.name ?? l.id,
+    children: l.children ? Fe(l.children) : l.children
+  }));
+}
+function be(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 vl = { class: "wx-block-editor" }, hl = { class: "wx-block-editor__head" }, bl = { class: "wx-block-editor__id" }, gl = ["aria-label", "disabled"], kl = { class: "wx-block-editor__actions" }, yl = { class: "wx-block-editor__columns" }, wl = { class: "wx-block-editor__files" }, _l = { class: "wx-block-editor__pane" }, xl = {
+  key: 0,
+  class: "wx-block-editor__pills"
+}, $l = ["disabled", "onClick", "textContent"], Vl = { class: "wx-block-editor__pane" }, Sl = { class: "wx-block-editor__pane" }, Tl = { class: "wx-block-editor__note" }, Cl = { class: "wx-block-editor__pane" }, Bl = { class: "wx-block-editor__note" }, Al = { class: "wx-block-editor__settings" }, Wl = {
+  key: 0,
+  class: "is-wide wx-block-editor__danger"
+}, zl = { class: "wx-block-editor__side" }, El = {
+  key: 1,
+  class: "wx-block-editor__usage"
+}, Ul = /* @__PURE__ */ K({
+  __name: "BlockEditorPage",
+  props: {
+    base: { default: "/blocks" }
+  },
+  setup(t) {
+    const l = t, a = ke(), s = fe(a), o = Ut(), i = rt();
+    ye();
+    const n = Y("webx-blocks"), b = C(() => Number(o.params.id)), d = U(null), $ = U([]), _ = U(!0), k = U(!1), h = U(!1), m = U("template"), y = C(() => {
+      const T = a.state.manifest?.modules.find((v) => v.id === "blocks")?.meta;
+      return {
+        groups: T?.groups ?? [],
+        editing: T?.editing ?? !0,
+        provides: T?.provides ?? []
+      };
+    }), g = C(() => a.can("blocks.manage") && y.value.editing), c = Ne({
+      slug: "",
+      title: "",
+      description: "",
+      icon: "",
+      group: "content",
+      sort: 0,
+      allow: [],
+      allowed_in: [],
+      max_per_entity: null,
+      is_enabled: !0
+    }), w = Ne({
+      schema: [],
+      template: "",
+      styles: "",
+      script: null,
+      sample: {}
+    }), B = U("[]"), M = U(null), I = U(""), N = U({}), P = U(null), H = Ne({
+      html: "",
+      styles: "",
+      script: null,
+      runtime: null,
+      loading: !1
+    }), we = C(() => JSON.stringify({ settings: c, content: w })), ie = C(() => I.value !== "" && we.value !== I.value), _e = C(() => pl(c.slug, w, n)), ze = C(() => {
+      const T = [...y.value.groups];
+      return T.includes(c.group) || T.push(c.group), T.map((v) => ({ value: v, label: be(v, n) }));
+    }), me = C({
+      get: () => w.sample,
+      set: (T) => {
+        w.sample = T;
+      }
+    }), xe = C(() => re(w.schema));
+    function re(T) {
+      const v = [];
+      for (const O of T)
+        O.type !== "wx-blocks" && !(O.children?.length && !O.name) && v.push(O.id), O.children && v.push(...re(O.children));
+      return v;
+    }
+    function se(T) {
+      d.value = T, Object.assign(c, {
+        slug: T.slug,
+        title: T.title,
+        description: T.description,
+        icon: T.icon,
+        group: T.group,
+        sort: T.sort,
+        allow: T.allow ?? [],
+        allowed_in: T.allowed_in ?? [],
+        max_per_entity: T.max_per_entity,
+        is_enabled: T.is_enabled
+      });
+      const v = T.content ?? {
+        schema: [],
+        template: "",
+        styles: "",
+        script: null,
+        sample: {}
+      };
+      Object.assign(w, ae(v)), B.value = JSON.stringify(v.schema, null, 2), M.value = null, I.value = we.value;
+    }
+    async function $e() {
+      _.value = !0;
+      try {
+        se(await s.get(b.value)), $.value = await s.usage(b.value);
+      } catch (T) {
+        F.danger(T.body?.message ?? String(T));
+      } finally {
+        _.value = !1;
+      }
+    }
+    function W(T) {
+      B.value = T;
+      try {
+        const v = JSON.parse(T);
+        if (!Array.isArray(v)) throw new Error("not a list");
+        w.schema = v, M.value = null;
+      } catch (v) {
+        M.value = n("page.schema-invalid", { error: v.message });
+      }
+    }
+    let L, D = 0;
+    function Q() {
+      clearTimeout(L), L = setTimeout(() => {
+        X();
+      }, 250);
+    }
+    async function X() {
+      if (!d.value) return;
+      const T = ++D;
+      H.loading = !0;
+      try {
+        const v = await s.render(d.value.id, {
+          values: w.sample,
+          content: g.value ? {
+            template: w.template,
+            styles: w.styles,
+            script: w.script,
+            schema: w.schema
+          } : void 0
+        });
+        if (T !== D) return;
+        H.html = v.html, H.styles = v.styles, H.script = v.script, H.runtime = v.runtime;
+      } catch (v) {
+        T === D && F.danger(v.body?.message ?? String(v));
+      } finally {
+        T === D && (H.loading = !1);
+      }
+    }
+    le(
+      () => [w.template, w.styles, w.script, w.schema, w.sample],
+      Q,
+      { deep: !0 }
+    );
+    const Ve = U(null);
+    function ve(T) {
+      return `{{ $${T} }}`;
+    }
+    function Se(T) {
+      const O = Ve.value?.view?.value;
+      if (!O) {
+        w.template += `{{ $${T} }}`;
+        return;
+      }
+      O.dispatch(O.state.replaceSelection(`{{ $${T} }}`)), O.focus();
+    }
+    async function ue() {
+      if (!d.value) return;
+      k.value = !0, N.value = {}, P.value = null;
+      const T = d.value.draft?.number ?? null;
+      try {
+        const v = await s.update(d.value.id, {
+          ...c,
+          allow: c.allow.length ? c.allow : null,
+          allowed_in: c.allowed_in.length ? c.allowed_in : null,
+          description: c.description || null,
+          icon: c.icon || null,
+          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")
+        );
+      } catch (v) {
+        const O = v.body;
+        O?.errors ? (N.value = O.errors, F.danger(n("page.failed"))) : F.danger(O?.message ?? n("page.failed"));
+      } finally {
+        k.value = !1;
+      }
+    }
+    async function Te() {
+      if (!(!d.value?.draft || (ie.value && await ue(), !d.value.draft) || !await Pe({
+        title: n("page.publish-title", { number: d.value.draft.number }),
+        message: n("page.publish-text", { count: d.value.usage_count }),
+        confirmText: n("page.publish"),
+        cancelText: n("page.cancel")
+      }))) {
+        h.value = !0, P.value = null;
+        try {
+          se(await s.publish(d.value.id)), F.success(n("page.published", { number: d.value.published?.number ?? 0 }));
+        } catch (v) {
+          const O = v.body;
+          O?.errors ? (P.value = O, m.value = "template", F.danger(n("page.publish-failed"))) : F.danger(O?.message ?? n("page.publish-failed"));
+        } finally {
+          h.value = !1;
+        }
+      }
+    }
+    async function Ee() {
+      if (!(!d.value || !await Pe({
+        title: n("page.delete-title", { title: d.value.title }),
+        message: n("page.delete-text"),
+        confirmText: n("page.delete"),
+        cancelText: n("page.cancel"),
+        tone: "danger"
+      })))
+        try {
+          await s.remove(d.value.id), F.success(n("page.deleted")), i.push(l.base);
+        } catch (v) {
+          F.danger(v.body?.message ?? String(v));
+        }
+    }
+    const Ct = C(
+      () => P.value ? {
+        message: P.value.errors.template?.[0] ?? P.value.message,
+        line: P.value.line,
+        where: P.value.entity ? n("page.failed-on", {
+          title: P.value.entity.title ?? `#${P.value.entity.id}`
+        }) : null
+      } : null
+    ), Ue = C(() => $.value.slice(0, 5));
+    function ee(T) {
+      return N.value[T]?.[0];
+    }
+    function Je(T) {
+      ie.value && T.preventDefault();
+    }
+    return ge(() => {
+      $e(), window.addEventListener("beforeunload", Je);
+    }), De(() => {
+      clearTimeout(L), window.removeEventListener("beforeunload", Je);
+    }), le(b, () => {
+      $e();
+    }), (T, v) => {
+      const O = Oe("router-link");
+      return r(), S("div", vl, [
+        _.value || !d.value ? (r(), A(e(We), {
+          key: 0,
+          rows: 6
+        })) : (r(), S(j, { key: 1 }, [
+          V("div", hl, [
+            V("div", bl, [
+              u(O, {
+                to: t.base,
+                class: "wx-block-editor__back"
+              }, {
+                default: p(() => [
+                  x("‹ " + f(e(n)("page.back")), 1)
+                ]),
+                _: 1
+              }, 8, ["to"]),
+              Bt(V("input", {
+                "onUpdate:modelValue": v[0] || (v[0] = (z) => c.title = z),
+                class: "wx-block-editor__title",
+                "aria-label": e(n)("page.title"),
+                disabled: !g.value
+              }, null, 8, gl), [
+                [At, c.title]
+              ]),
+              u(e(R), {
+                size: "sm",
+                tone: "muted"
+              }, {
+                default: p(() => [
+                  V("code", null, f(c.slug), 1),
+                  x(" · " + f(e(be)(c.group, e(n))) + " · " + f(d.value.usage_count > 0 ? e(n)("page.on-pages", { count: d.value.usage_count }) : e(n)("page.not-used")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            V("div", kl, [
+              ie.value ? (r(), A(e(G), {
+                key: 0,
+                type: "primary",
+                dot: ""
+              }, {
+                default: p(() => [
+                  x(f(e(n)("page.unsaved")), 1)
+                ]),
+                _: 1
+              })) : E("", !0),
+              d.value.draft ? (r(), A(e(G), {
+                key: 1,
+                type: "warning",
+                dot: ""
+              }, {
+                default: p(() => [
+                  x(f(e(n)("page.draft", { number: d.value.draft.number })), 1)
+                ]),
+                _: 1
+              })) : E("", !0),
+              d.value.published ? (r(), A(e(G), {
+                key: 2,
+                type: "success",
+                dot: ""
+              }, {
+                default: p(() => [
+                  x(f(e(n)("page.live", { number: d.value.published.number })), 1)
+                ]),
+                _: 1
+              })) : (r(), A(e(G), {
+                key: 3,
+                type: "default"
+              }, {
+                default: p(() => [
+                  x(f(e(n)("page.never-published")), 1)
+                ]),
+                _: 1
+              })),
+              g.value ? (r(), S(j, { key: 4 }, [
+                u(e(q), {
+                  variant: "outline",
+                  loading: k.value,
+                  onClick: ue
+                }, {
+                  default: p(() => [
+                    x(f(e(n)("page.save")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["loading"]),
+                u(e(q), {
+                  type: "primary",
+                  loading: h.value,
+                  disabled: !d.value.draft && !ie.value,
+                  onClick: Te
+                }, {
+                  default: p(() => [
+                    x(f(e(n)("page.publish")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["loading", "disabled"])
+              ], 64)) : E("", !0)
+            ])
+          ]),
+          y.value.editing ? E("", !0) : (r(), A(e(ct), {
+            key: 0,
+            type: "info",
+            variant: "soft",
+            description: e(n)("page.editing-off")
+          }, null, 8, ["description"])),
+          V("div", yl, [
+            V("div", wl, [
+              u(e(It), {
+                modelValue: m.value,
+                "onUpdate:modelValue": v[13] || (v[13] = (z) => m.value = z),
+                "keep-alive": ""
+              }, {
+                default: p(() => [
+                  u(e(ce), {
+                    value: "template",
+                    label: e(n)("page.tab-template")
+                  }, {
+                    default: p(() => [
+                      V("div", _l, [
+                        u(e(Ce), {
+                          ref_key: "templateEditor",
+                          ref: Ve,
+                          modelValue: w.template,
+                          "onUpdate:modelValue": v[1] || (v[1] = (z) => w.template = z),
+                          language: "php",
+                          readonly: !g.value,
+                          "min-height": "340px",
+                          "max-height": "70vh",
+                          "line-wrapping": ""
+                        }, null, 8, ["modelValue", "readonly"]),
+                        xe.value.length ? (r(), S("div", xl, [
+                          u(e(R), {
+                            size: "sm",
+                            tone: "muted"
+                          }, {
+                            default: p(() => [
+                              x(f(e(n)("page.insert-field")), 1)
+                            ]),
+                            _: 1
+                          }),
+                          (r(!0), S(j, null, te(xe.value, (z) => (r(), S("button", {
+                            key: z,
+                            type: "button",
+                            class: "wx-block-editor__pill",
+                            disabled: !g.value,
+                            onClick: (Ln) => Se(z),
+                            textContent: f(ve(z))
+                          }, null, 8, $l))), 128))
+                        ])) : E("", !0),
+                        u(Xe, {
+                          file: "template",
+                          lints: _e.value,
+                          slug: c.slug,
+                          error: Ct.value
+                        }, null, 8, ["lints", "slug", "error"])
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["label"]),
+                  u(e(ce), {
+                    value: "styles",
+                    label: e(n)("page.tab-styles")
+                  }, {
+                    default: p(() => [
+                      V("div", Vl, [
+                        u(e(Ce), {
+                          modelValue: w.styles,
+                          "onUpdate:modelValue": v[2] || (v[2] = (z) => w.styles = z),
+                          language: "css",
+                          readonly: !g.value,
+                          "min-height": "340px",
+                          "max-height": "70vh"
+                        }, null, 8, ["modelValue", "readonly"]),
+                        u(Xe, {
+                          file: "styles",
+                          lints: _e.value,
+                          slug: c.slug
+                        }, null, 8, ["lints", "slug"])
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["label"]),
+                  u(e(ce), {
+                    value: "script",
+                    label: e(n)("page.tab-script")
+                  }, {
+                    default: p(() => [
+                      V("div", Sl, [
+                        u(e(Ce), {
+                          "model-value": w.script ?? "",
+                          language: "javascript",
+                          readonly: !g.value,
+                          "min-height": "340px",
+                          "max-height": "70vh",
+                          "onUpdate:modelValue": v[3] || (v[3] = (z) => w.script = z || null)
+                        }, null, 8, ["model-value", "readonly"]),
+                        V("div", Tl, [
+                          u(e(R), {
+                            size: "sm",
+                            tone: "muted"
+                          }, {
+                            default: p(() => [
+                              x(f(e(n)("page.script-help")), 1)
+                            ]),
+                            _: 1
+                          }),
+                          u(e(R), {
+                            size: "sm",
+                            tone: "muted"
+                          }, {
+                            default: p(() => [
+                              x(f(y.value.provides.length ? e(n)("page.provides", { names: y.value.provides.join(", ") }) : e(n)("page.provides-none")), 1)
+                            ]),
+                            _: 1
+                          })
+                        ])
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["label"]),
+                  u(e(ce), {
+                    value: "fields",
+                    label: e(n)("page.tab-fields")
+                  }, {
+                    default: p(() => [
+                      V("div", Cl, [
+                        u(e(Ce), {
+                          "model-value": B.value,
+                          language: "json",
+                          lint: "",
+                          readonly: !g.value,
+                          "min-height": "340px",
+                          "max-height": "70vh",
+                          "onUpdate:modelValue": W
+                        }, null, 8, ["model-value", "readonly"]),
+                        V("div", Bl, [
+                          M.value ? (r(), A(e(R), {
+                            key: 0,
+                            size: "sm",
+                            tone: "danger"
+                          }, {
+                            default: p(() => [
+                              x(f(M.value), 1)
+                            ]),
+                            _: 1
+                          })) : ee("content.schema") ? (r(), A(e(R), {
+                            key: 1,
+                            size: "sm",
+                            tone: "danger"
+                          }, {
+                            default: p(() => [
+                              x(f(ee("content.schema")), 1)
+                            ]),
+                            _: 1
+                          })) : (r(), A(e(R), {
+                            key: 2,
+                            size: "sm",
+                            tone: "muted"
+                          }, {
+                            default: p(() => [
+                              x(f(e(n)("page.fields-help")), 1)
+                            ]),
+                            _: 1
+                          }))
+                        ])
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["label"]),
+                  u(e(ce), {
+                    value: "settings",
+                    label: e(n)("page.tab-settings")
+                  }, {
+                    default: p(() => [
+                      V("div", Al, [
+                        u(e(J), {
+                          label: e(n)("page.identifier"),
+                          help: e(n)("page.identifier-help"),
+                          error: ee("slug"),
+                          disabled: !g.value
+                        }, {
+                          default: p(() => [
+                            u(e(pe), {
+                              modelValue: c.slug,
+                              "onUpdate:modelValue": v[4] || (v[4] = (z) => c.slug = z)
+                            }, null, 8, ["modelValue"])
+                          ]),
+                          _: 1
+                        }, 8, ["label", "help", "error", "disabled"]),
+                        u(e(J), {
+                          label: e(n)("page.group"),
+                          help: e(n)("page.group-help"),
+                          error: ee("group"),
+                          disabled: !g.value
+                        }, {
+                          default: p(() => [
+                            u(e(dt), {
+                              modelValue: c.group,
+                              "onUpdate:modelValue": v[5] || (v[5] = (z) => c.group = z),
+                              options: ze.value
+                            }, null, 8, ["modelValue", "options"])
+                          ]),
+                          _: 1
+                        }, 8, ["label", "help", "error", "disabled"]),
+                        u(e(J), {
+                          class: "is-wide",
+                          label: e(n)("page.description"),
+                          help: e(n)("page.description-help"),
+                          error: ee("description"),
+                          disabled: !g.value
+                        }, {
+                          default: p(() => [
+                            u(e(Lt), {
+                              "model-value": c.description ?? "",
+                              rows: 2,
+                              "onUpdate:modelValue": v[6] || (v[6] = (z) => c.description = String(z ?? ""))
+                            }, null, 8, ["model-value"])
+                          ]),
+                          _: 1
+                        }, 8, ["label", "help", "error", "disabled"]),
+                        u(e(J), {
+                          label: e(n)("page.icon"),
+                          error: ee("icon"),
+                          disabled: !g.value
+                        }, {
+                          default: p(() => [
+                            u(e(pe), {
+                              "model-value": c.icon ?? "",
+                              placeholder: "grid",
+                              "onUpdate:modelValue": v[7] || (v[7] = (z) => c.icon = String(z ?? ""))
+                            }, null, 8, ["model-value"])
+                          ]),
+                          _: 1
+                        }, 8, ["label", "error", "disabled"]),
+                        u(e(J), {
+                          label: e(n)("page.sort"),
+                          help: e(n)("page.sort-help"),
+                          error: ee("sort"),
+                          disabled: !g.value
+                        }, {
+                          default: p(() => [
+                            u(e(Ze), {
+                              modelValue: c.sort,
+                              "onUpdate:modelValue": v[8] || (v[8] = (z) => c.sort = z)
+                            }, null, 8, ["modelValue"])
+                          ]),
+                          _: 1
+                        }, 8, ["label", "help", "error", "disabled"]),
+                        u(e(J), {
+                          label: e(n)("page.allow"),
+                          help: e(n)("page.allow-help"),
+                          error: ee("allow"),
+                          disabled: !g.value
+                        }, {
+                          default: p(() => [
+                            u(e(Ge), {
+                              modelValue: c.allow,
+                              "onUpdate:modelValue": v[9] || (v[9] = (z) => c.allow = z),
+                              "allow-create": ""
+                            }, null, 8, ["modelValue"])
+                          ]),
+                          _: 1
+                        }, 8, ["label", "help", "error", "disabled"]),
+                        u(e(J), {
+                          label: e(n)("page.allowed-in"),
+                          help: e(n)("page.allowed-in-help"),
+                          error: ee("allowed_in"),
+                          disabled: !g.value
+                        }, {
+                          default: p(() => [
+                            u(e(Ge), {
+                              modelValue: c.allowed_in,
+                              "onUpdate:modelValue": v[10] || (v[10] = (z) => c.allowed_in = z),
+                              "allow-create": "",
+                              suggestions: ["root"]
+                            }, null, 8, ["modelValue"])
+                          ]),
+                          _: 1
+                        }, 8, ["label", "help", "error", "disabled"]),
+                        u(e(J), {
+                          label: e(n)("page.max-per-entity"),
+                          help: e(n)("page.max-per-entity-help"),
+                          error: ee("max_per_entity"),
+                          disabled: !g.value
+                        }, {
+                          default: p(() => [
+                            u(e(Ze), {
+                              "model-value": c.max_per_entity ?? void 0,
+                              min: 1,
+                              "onUpdate:modelValue": v[11] || (v[11] = (z) => c.max_per_entity = z ?? null)
+                            }, null, 8, ["model-value"])
+                          ]),
+                          _: 1
+                        }, 8, ["label", "help", "error", "disabled"]),
+                        u(e(J), {
+                          label: e(n)("page.enabled"),
+                          help: e(n)("page.enabled-help"),
+                          disabled: !g.value
+                        }, {
+                          default: p(() => [
+                            u(e(Mt), {
+                              modelValue: c.is_enabled,
+                              "onUpdate:modelValue": v[12] || (v[12] = (z) => c.is_enabled = z)
+                            }, null, 8, ["modelValue"])
+                          ]),
+                          _: 1
+                        }, 8, ["label", "help", "disabled"]),
+                        g.value ? (r(), S("div", Wl, [
+                          u(e(q), {
+                            type: "danger",
+                            variant: "outline",
+                            disabled: d.value.usage_count > 0,
+                            onClick: Ee
+                          }, {
+                            default: p(() => [
+                              x(f(e(n)("page.delete")), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["disabled"]),
+                          d.value.usage_count > 0 ? (r(), A(e(R), {
+                            key: 0,
+                            size: "sm",
+                            tone: "muted"
+                          }, {
+                            default: p(() => [
+                              x(f(e(n)("page.delete-used", { count: d.value.usage_count })), 1)
+                            ]),
+                            _: 1
+                          })) : E("", !0)
+                        ])) : E("", !0)
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["label"]),
+                  u(e(ce), {
+                    value: "history",
+                    label: e(n)("page.tab-history")
+                  }, {
+                    default: p(() => [
+                      u(Zt, {
+                        block: d.value,
+                        "can-manage": g.value,
+                        onRestored: se
+                      }, null, 8, ["block", "can-manage"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"])
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            V("div", zl, [
+              u(nl, {
+                html: H.html,
+                styles: H.styles,
+                script: H.script,
+                runtime: H.runtime,
+                loading: H.loading
+              }, null, 8, ["html", "styles", "script", "runtime", "loading"]),
+              u(e(Ye), {
+                title: e(n)("page.sample")
+              }, {
+                default: p(() => [
+                  w.schema.length ? (r(), A(e(ht), {
+                    key: 0,
+                    modelValue: me.value,
+                    "onUpdate:modelValue": v[14] || (v[14] = (z) => me.value = z),
+                    root: e(Fe)(w.schema),
+                    types: e(a).types,
+                    translate: e(a).i18n.t,
+                    can: e(a).can,
+                    disabled: !g.value,
+                    size: "sm"
+                  }, null, 8, ["modelValue", "root", "types", "translate", "can", "disabled"])) : E("", !0),
+                  u(e(R), {
+                    size: "sm",
+                    tone: "muted"
+                  }, {
+                    default: p(() => [
+                      x(f(e(n)("page.sample-help")), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["title"]),
+              u(e(Ye), {
+                title: e(n)("page.usage")
+              }, {
+                default: p(() => [
+                  $.value.length === 0 ? (r(), A(e(R), {
+                    key: 0,
+                    size: "sm",
+                    tone: "muted"
+                  }, {
+                    default: p(() => [
+                      x(f(e(n)("page.usage-empty")), 1)
+                    ]),
+                    _: 1
+                  })) : (r(), S("div", El, [
+                    (r(!0), S(j, null, te(Ue.value, (z) => (r(), S("div", {
+                      key: `${z.model}:${z.id}`,
+                      class: "wx-block-editor__use"
+                    }, [
+                      V("span", null, f(z.title ?? `#${z.id}`), 1),
+                      z.published ? E("", !0) : (r(), A(e(G), {
+                        key: 0,
+                        type: "warning",
+                        size: "sm"
+                      }, {
+                        default: p(() => [
+                          x(f(e(n)("page.unpublished-page")), 1)
+                        ]),
+                        _: 1
+                      }))
+                    ]))), 128)),
+                    $.value.length > Ue.value.length ? (r(), A(e(R), {
+                      key: 0,
+                      size: "sm",
+                      tone: "muted"
+                    }, {
+                      default: p(() => [
+                        x(f(e(n)("page.usage-more", { count: $.value.length - Ue.value.length })), 1)
+                      ]),
+                      _: 1
+                    })) : E("", !0)
+                  ]))
+                ]),
+                _: 1
+              }, 8, ["title"])
+            ])
+          ])
+        ], 64))
+      ]);
+    };
+  }
+}), Nl = /* @__PURE__ */ Z(Ul, [["__scopeId", "data-v-2c17889f"]]), Il = ["srcdoc"], Ll = {
+  key: 1,
+  class: "wx-block-thumb__empty"
+}, Ml = /* @__PURE__ */ K({
+  __name: "BlockThumb",
+  props: {
+    thumbnail: {},
+    width: { default: 1280 },
+    height: { default: 120 }
+  },
+  setup(t) {
+    const l = t, a = U(null), s = Re(a), o = C(() => s.value > 0 ? s.value / l.width : 0.2), i = C(
+      () => l.thumbnail ? gt({ html: l.thumbnail.html, styles: l.thumbnail.styles }) : ""
+    ), n = C(() => ({
+      width: `${l.width}px`,
+      height: `${Math.round(l.height / o.value)}px`,
+      transform: `scale(${o.value})`
+    }));
+    return (b, d) => (r(), S("div", {
+      ref_key: "box",
+      ref: a,
+      class: "wx-block-thumb",
+      style: de({ height: `${t.height}px` })
+    }, [
+      t.thumbnail ? (r(), S("iframe", {
+        key: 0,
+        class: "wx-block-thumb__frame",
+        srcdoc: i.value,
+        style: de(n.value),
+        sandbox: "allow-same-origin",
+        tabindex: "-1",
+        "aria-hidden": "true"
+      }, null, 12, Il)) : (r(), S("div", Ll, [
+        u(e(ne), { name: "grid" })
+      ]))
+    ], 4));
+  }
+}), Tt = /* @__PURE__ */ Z(Ml, [["__scopeId", "data-v-615b818a"]]), Pl = { class: "wx-block-picker" }, Dl = {
+  key: 0,
+  class: "wx-block-picker__group-title"
+}, Ol = { class: "wx-block-picker__cards" }, Rl = ["disabled", "title", "onClick"], jl = { class: "wx-block-picker__body" }, Hl = { class: "wx-block-picker__title" }, Fl = /* @__PURE__ */ K({
+  __name: "BlockPicker",
+  props: {
+    catalog: {},
+    parent: { default: null },
+    allow: { default: null },
+    tree: { default: () => [] },
+    groups: { default: () => [] },
+    blocksPath: { default: null }
+  },
+  setup(t) {
+    const l = t, { resolve: a, dismiss: s, open: o } = pt();
+    ye();
+    const i = Y("webx-blocks"), n = U("");
+    function b(h) {
+      if (l.parent === null)
+        return h.allowed_in === null || h.allowed_in.includes("root");
+      const m = l.allow ? l.allow.includes(h.slug) : l.parent.allow?.includes(h.slug) === !0, y = h.allowed_in === null || h.allowed_in.includes(l.parent.slug);
+      return m && y;
+    }
+    const d = C(
+      () => l.catalog.filter((h) => h.is_enabled && h.published !== null && b(h)).map((h) => {
+        const m = sl(l.tree, h.slug), y = h.max_per_entity !== null && m >= h.max_per_entity;
+        return { type: h, reason: y ? i("field.limit-reached", { count: m }) : null };
+      })
+    ), $ = C(() => {
+      const h = n.value.trim().toLowerCase();
+      return h === "" ? d.value : d.value.filter(
+        ({ type: m }) => m.title.toLowerCase().includes(h) || m.slug.includes(h) || (m.description ?? "").toLowerCase().includes(h)
+      );
+    }), _ = C(() => {
+      const h = [...l.groups];
+      for (const { type: g } of $.value)
+        h.includes(g.group) || h.push(g.group);
+      const m = h.map((g) => ({
+        id: g,
+        label: be(g, i),
+        options: $.value.filter((c) => c.type.group === g)
+      })).filter((g) => g.options.length > 0);
+      return $.value.length <= 5 || n.value.trim() !== "" || m.length < 2 ? [{ id: "", label: "", options: $.value }] : m;
+    }), k = C(() => {
+      if (l.catalog.length === 0) return i("field.pick-none");
+      if (d.value.length === 0 && l.parent) {
+        const h = (l.allow ?? l.parent.allow ?? []).filter(
+          (m) => l.catalog.some((y) => y.slug === m)
+        );
+        return h.length === 0 ? i("field.pick-nothing-allowed", { parent: l.parent.title }) : i("field.pick-limited", { parent: l.parent.title, types: h.join(", ") });
+      }
+      return i("field.pick-empty");
+    });
+    return (h, m) => {
+      const y = Oe("router-link");
+      return r(), A(e(ft), {
+        open: e(o),
+        "onUpdate:open": m[2] || (m[2] = (g) => ot(o) ? o.value = g : null),
+        title: e(i)("field.pick"),
+        width: 860
+      }, {
+        footer: p(() => [
+          u(e(q), {
+            variant: "outline",
+            onClick: m[1] || (m[1] = (g) => e(s)())
+          }, {
+            default: p(() => [
+              x(f(e(i)("field.close")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        default: p(() => [
+          V("div", Pl, [
+            d.value.length > 5 ? (r(), A(e(pe), {
+              key: 0,
+              modelValue: n.value,
+              "onUpdate:modelValue": m[0] || (m[0] = (g) => n.value = g),
+              placeholder: e(i)("field.search"),
+              clearable: "",
+              autofocus: ""
+            }, null, 8, ["modelValue", "placeholder"])) : E("", !0),
+            $.value.length === 0 ? (r(), A(e(mt), {
+              key: 1,
+              icon: "grid",
+              title: k.value,
+              size: "sm"
+            }, {
+              default: p(() => [
+                t.catalog.length === 0 && t.blocksPath ? (r(), A(y, {
+                  key: 0,
+                  to: t.blocksPath
+                }, {
+                  default: p(() => [
+                    x(f(e(i)("field.pick-none-link")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["to"])) : E("", !0)
+              ]),
+              _: 1
+            }, 8, ["title"])) : E("", !0),
+            (r(!0), S(j, null, te(_.value, (g) => (r(), S("section", {
+              key: g.id,
+              class: "wx-block-picker__group"
+            }, [
+              g.label ? (r(), S("div", Dl, f(g.label), 1)) : E("", !0),
+              V("div", Ol, [
+                (r(!0), S(j, null, te(g.options, (c) => (r(), S("button", {
+                  key: c.type.id,
+                  type: "button",
+                  class: he(["wx-block-picker__card", { "is-disabled": c.reason !== null }]),
+                  disabled: c.reason !== null,
+                  title: c.reason ?? void 0,
+                  onClick: (w) => e(a)(c.type)
+                }, [
+                  u(Tt, {
+                    thumbnail: c.type.thumbnail,
+                    height: 96
+                  }, null, 8, ["thumbnail"]),
+                  V("div", jl, [
+                    V("div", Hl, f(c.type.title), 1),
+                    c.reason ? (r(), A(e(R), {
+                      key: 0,
+                      size: "sm",
+                      tone: "warning"
+                    }, {
+                      default: p(() => [
+                        x(f(c.reason), 1)
+                      ]),
+                      _: 2
+                    }, 1024)) : c.type.description ? (r(), A(e(R), {
+                      key: 1,
+                      size: "sm",
+                      tone: "muted"
+                    }, {
+                      default: p(() => [
+                        x(f(c.type.description), 1)
+                      ]),
+                      _: 2
+                    }, 1024)) : E("", !0)
+                  ])
+                ], 10, Rl))), 128))
+              ])
+            ]))), 128))
+          ])
+        ]),
+        _: 1
+      }, 8, ["open", "title"]);
+    };
+  }
+}), ql = /* @__PURE__ */ Z(Fl, [["__scopeId", "data-v-a60d5d48"]]), Jl = { class: "wx-blocks-preview__bar" }, Kl = { class: "wx-blocks-preview__tools" }, Zl = ["src", "title"], Gl = /* @__PURE__ */ K({
+  __name: "BlocksPreview",
+  props: {
+    url: {},
+    selected: { default: null },
+    mode: { default: "wide" },
+    reload: { default: 0 }
+  },
+  setup(t, { expose: l }) {
+    const a = t, s = Y("webx-blocks"), o = U(null), i = U(null), n = Re(i), b = U(!1), d = U(1280), $ = U(!1), _ = C(() => [
+      { value: 1280, label: s("field.width-desktop") },
+      { value: 834, label: s("field.width-tablet") },
+      { value: 390, label: s("field.width-phone") }
+    ]), k = C(
+      () => b.value ? d.value : a.mode === "phone" ? 390 : 1280
+    ), h = C(() => b.value || a.mode === "phone" || n.value === 0 ? 1 : Math.min(1, n.value / k.value)), m = C(() => ({
+      width: `${k.value}px`,
+      transform: `scale(${h.value})`
+    })), y = C(() => {
+      if (!a.url) return "";
+      try {
+        return `${new URL(a.url, location.origin).pathname} · ${k.value} px`;
+      } catch {
+        return a.url;
+      }
+    });
+    function g() {
+      try {
+        return o.value?.contentDocument ?? null;
+      } catch {
+        return null;
+      }
+    }
+    function c() {
+      $.value = !0;
+      const I = g();
+      I && Me(I, a.selected ?? null);
+    }
+    function w(I, N) {
+      const P = g();
+      if (!P || !$.value) return !1;
+      const H = Gt(P, I, N);
+      return H && Me(P, a.selected ?? null), H;
+    }
+    function B() {
+      $.value = !1, o.value && a.url && (o.value.src = a.url);
+    }
+    function M(I) {
+      I.key === "Escape" && b.value && (b.value = !1, I.stopPropagation());
+    }
+    return le(
+      () => a.selected,
+      (I) => {
+        const N = g();
+        N && $.value && Me(N, I ?? null);
+      }
+    ), le(() => a.reload, B), le(
+      () => a.url,
+      () => $.value = !1
+    ), ge(() => window.addEventListener("keydown", M)), De(() => window.removeEventListener("keydown", M)), l({ replace: w, refresh: B, open: () => b.value = !0 }), (I, N) => (r(), S("div", {
+      class: he(["wx-blocks-preview", { "is-fullscreen": b.value, "is-phone": t.mode === "phone" }])
+    }, [
+      V("div", Jl, [
+        u(e(R), {
+          size: "xs",
+          tone: "muted",
+          class: "wx-blocks-preview__label",
+          truncate: ""
+        }, {
+          default: p(() => [
+            x(f(y.value), 1)
+          ]),
+          _: 1
+        }),
+        V("div", Kl, [
+          b.value ? (r(), A(e(ut), {
+            key: 0,
+            modelValue: d.value,
+            "onUpdate:modelValue": N[0] || (N[0] = (P) => d.value = P),
+            options: _.value,
+            size: "sm"
+          }, null, 8, ["modelValue", "options"])) : E("", !0),
+          t.url ? (r(), A(e(q), {
+            key: 1,
+            size: "sm",
+            variant: "outline",
+            href: t.url,
+            target: "_blank",
+            rel: "noopener"
+          }, {
+            default: p(() => [
+              x(f(e(s)("field.open-site")), 1)
+            ]),
+            _: 1
+          }, 8, ["href"])) : E("", !0),
+          u(e(q), {
+            size: "sm",
+            variant: "outline",
+            onClick: N[1] || (N[1] = (P) => b.value = !b.value)
+          }, {
+            default: p(() => [
+              x(f(b.value ? e(s)("field.close") : e(s)("field.fullscreen")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      V("div", {
+        ref_key: "box",
+        ref: i,
+        class: "wx-blocks-preview__ground"
+      }, [
+        V("div", {
+          class: "wx-blocks-preview__clip",
+          style: de({ width: `${Math.round(k.value * h.value)}px` })
+        }, [
+          t.url ? (r(), S("iframe", {
+            key: 0,
+            ref_key: "frame",
+            ref: o,
+            class: "wx-blocks-preview__frame",
+            src: t.url,
+            style: de(m.value),
+            title: e(s)("field.preview"),
+            onLoad: c
+          }, null, 44, Zl)) : E("", !0)
+        ], 4)
+      ], 512)
+    ], 2));
+  }
+}), Yl = /* @__PURE__ */ Z(Gl, [["__scopeId", "data-v-1436a310"]]), Ql = { class: "wx-blocks-tree__node" }, Xl = ["onClick", "onKeydown"], en = { class: "wx-blocks-tree__icon" }, tn = { class: "wx-blocks-tree__name" }, ln = ["title"], nn = ["title"], an = ["title"], sn = ["onClick"], on = /* @__PURE__ */ K({
+  __name: "BlocksTree",
+  props: {
+    nodes: {},
+    catalog: {},
+    parentKey: { default: null },
+    field: { default: null },
+    selected: { default: null },
+    disabled: { type: Boolean, default: !1 },
+    depth: { default: 0 }
+  },
+  emits: ["select", "add", "remove", "duplicate", "reorder"],
+  setup(t, { emit: l }) {
+    const a = t, s = l, o = Y("webx-blocks");
+    function i(_) {
+      return a.catalog.find((k) => k.slug === _.type) ?? null;
+    }
+    function n(_) {
+      return i(_)?.title ?? _.type;
+    }
+    function b(_) {
+      const k = i(_);
+      return k?.content ? _t(k.content.schema) : [];
+    }
+    function d(_, k) {
+      const h = _.values[k.id];
+      return Array.isArray(h) ? h : [];
+    }
+    function $(_) {
+      return i(_)?.icon ?? "grid";
+    }
+    return (_, k) => {
+      const h = Oe("blocks-tree", !0);
+      return r(), A(e(Pt), {
+        "model-value": t.nodes,
+        "item-key": "key",
+        "item-label": (m) => n(m),
+        disabled: t.disabled,
+        plain: "",
+        size: "sm",
+        "empty-text": t.depth === 0 ? e(o)("field.empty") : "",
+        class: he(["wx-blocks-tree", { "is-nested": t.depth > 0 }]),
+        "onUpdate:modelValue": k[6] || (k[6] = (m) => s("reorder", t.parentKey, t.field, m))
+      }, {
+        default: p(({ item: m }) => [
+          V("div", Ql, [
+            V("div", {
+              class: he(["wx-blocks-tree__row", { "is-selected": t.selected === m.key }]),
+              role: "button",
+              tabindex: "0",
+              onClick: (y) => s("select", m.key),
+              onKeydown: [
+                Ke(Ie((y) => s("select", m.key), ["prevent"]), ["enter"]),
+                Ke(Ie((y) => s("select", m.key), ["prevent"]), ["space"])
+              ]
+            }, [
+              V("span", en, [
+                u(e(ne), {
+                  name: $(m)
+                }, null, 8, ["name"])
+              ]),
+              V("span", tn, f(n(m)), 1),
+              i(m) ? i(m)?.draft ? (r(), S("span", {
+                key: 1,
+                class: "wx-blocks-tree__flag is-warning",
+                title: e(o)("field.draft-type")
+              }, [
+                u(e(ne), { name: "warning" })
+              ], 8, nn)) : i(m)?.is_enabled === !1 ? (r(), S("span", {
+                key: 2,
+                class: "wx-blocks-tree__flag",
+                title: e(o)("field.disabled-type")
+              }, [
+                u(e(ne), { name: "eye-off" })
+              ], 8, an)) : E("", !0) : (r(), S("span", {
+                key: 0,
+                class: "wx-blocks-tree__flag is-danger",
+                title: e(o)("field.unknown-type", { type: m.type })
+              }, [
+                u(e(ne), { name: "close-circle" })
+              ], 8, ln)),
+              t.disabled ? E("", !0) : (r(), S("span", {
+                key: 3,
+                class: "wx-blocks-tree__actions",
+                onClick: k[0] || (k[0] = Ie(() => {
+                }, ["stop"]))
+              }, [
+                u(e(Qe), {
+                  icon: "copy",
+                  size: "sm",
+                  title: e(o)("field.duplicate"),
+                  onClick: (y) => s("duplicate", m.key)
+                }, null, 8, ["title", "onClick"]),
+                u(e(Qe), {
+                  icon: "trash",
+                  size: "sm",
+                  tone: "danger",
+                  title: e(o)("field.remove"),
+                  onClick: (y) => s("remove", m.key)
+                }, null, 8, ["title", "onClick"])
+              ]))
+            ], 42, Xl),
+            (r(!0), S(j, null, te(b(m), (y) => (r(), S("div", {
+              key: y.id,
+              class: "wx-blocks-tree__kids"
+            }, [
+              u(h, {
+                nodes: d(m, y),
+                catalog: t.catalog,
+                "parent-key": m.key,
+                field: y.id,
+                selected: t.selected,
+                disabled: t.disabled,
+                depth: t.depth + 1,
+                onSelect: k[1] || (k[1] = (g) => s("select", g)),
+                onAdd: k[2] || (k[2] = (g, c, w) => s("add", g, c, 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, c, w) => s("reorder", g, c, w))
+              }, null, 8, ["nodes", "catalog", "parent-key", "field", "selected", "disabled", "depth"]),
+              t.disabled ? E("", !0) : (r(), S("button", {
+                key: 0,
+                type: "button",
+                class: "wx-blocks-tree__add is-inner",
+                onClick: (g) => s("add", m.key, y.id, y)
+              }, [
+                x(" + " + f(e(o)("field.add-inside")), 1),
+                b(m).length > 1 ? (r(), S(j, { key: 0 }, [
+                  x(" · " + f(y.label ?? y.id), 1)
+                ], 64)) : E("", !0)
+              ], 8, sn))
+            ]))), 128))
+          ])
+        ]),
+        _: 1
+      }, 8, ["model-value", "item-label", "disabled", "empty-text", "class"]);
+    };
+  }
+}), rn = /* @__PURE__ */ Z(on, [["__scopeId", "data-v-5d559d85"]]), qe = /* @__PURE__ */ Symbol("wx-blocks-preview");
+function Hn(t) {
+  it(qe, t);
+}
+function Fn() {
+  return Be(qe, null);
+}
+const st = /* @__PURE__ */ Symbol("wx-blocks-root"), un = {
+  key: 0,
+  class: "wx-blocks-nested"
+}, cn = {
+  key: 1,
+  class: "wx-blocks-host"
+}, dn = { class: "wx-blocks__tree" }, pn = { class: "wx-blocks__panel-head" }, fn = { class: "wx-blocks__panel-title" }, mn = {
+  key: 0,
+  class: "wx-blocks__fields"
+}, vn = { class: "wx-blocks__panel-head" }, hn = { class: "wx-blocks__panel-title" }, bn = { class: "wx-blocks__panel-extra" }, gn = { class: "wx-blocks__form" }, kn = {
+  key: 1,
+  class: "wx-blocks__preview"
+}, yn = /* @__PURE__ */ K({
+  name: "WxBlocks",
+  inheritAttrs: !1,
+  __name: "BlocksField",
+  props: /* @__PURE__ */ Et({
+    node: { default: void 0 },
+    context: { default: void 0 },
+    name: { default: void 0 },
+    localized: { type: Boolean, default: !1 },
+    allow: { default: null },
+    max: { default: null },
+    catalog: { default: null },
+    disabled: { type: Boolean, default: !1 },
+    blocksPath: { default: "/blocks" }
+  }, {
+    modelValue: { default: () => [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const l = t, a = Wt(t, "modelValue"), s = Be(st, !1);
+    it(st, !0), ye();
+    const o = Y("webx-blocks"), i = Be(Nt, null);
+    let n = null;
+    const b = U([]), d = C(() => l.catalog ?? b.value), $ = C(() => Array.isArray(a.value) ? a.value : []), _ = U(null), k = C(() => _.value ? oe($.value, _.value) : null), h = C(
+      () => k.value ? d.value.find((W) => W.slug === k.value?.node.type) ?? null : null
+    ), m = Be(qe, null), y = U(null), g = C(
+      () => i?.state.manifest?.modules.find((W) => W.id === "blocks")?.meta?.groups ?? []
+    ), c = zt()?.type, w = C(() => l.context?.types ? l.context.types : i?.types ? { ...Le, ...i.types } : c ? { ...Le, "wx-blocks": { component: c, kind: "field", nested: !0 } } : Le), B = C(
+      () => l.context?.translate ?? i?.i18n.t ?? ((W) => W)
+    ), M = C(() => l.context?.can ?? i?.can ?? (() => !0)), I = vt(ql);
+    function N(W) {
+      a.value = W;
+    }
+    async function P(W, L, D) {
+      const Q = W ? oe($.value, W) : null, X = Q ? d.value.find((Ee) => Ee.slug === Q.node.type) ?? null : null, Ve = W === null ? l.allow : D?.props?.allow ?? null, ve = W === null ? l.max : D?.props?.max ?? null, Se = W === null ? $.value : Q && L ? Q.node.values[L] ?? [] : [];
+      if (ve != null && Se.length >= ve) return;
+      const ue = await I({
+        catalog: d.value,
+        parent: X,
+        allow: Ve,
+        tree: $.value,
+        groups: g.value,
+        blocksPath: l.blocksPath
+      });
+      if (!ue) return;
+      const Te = al(ue.slug, H(ue));
+      N(lt($.value, W, L, Se.length, Te)), _.value = Te.key;
+    }
+    function H(W) {
+      const L = W.content?.sample ?? {}, D = {};
+      for (const [Q, X] of Object.entries(L))
+        (!Array.isArray(X) || X.length === 0 || typeof X[0] != "object") && (D[Q] = X);
+      return D;
+    }
+    function we(W) {
+      _.value === W && (_.value = null), N(il($.value, W));
+    }
+    function ie(W) {
+      const L = oe($.value, W);
+      if (!L) return;
+      const D = xt(L.node);
+      N(lt($.value, L.parent?.key ?? null, L.field, L.index + 1, D)), _.value = D.key;
+    }
+    function _e(W, L, D) {
+      N(ul($.value, W, L, D));
+    }
+    function ze(W) {
+      _.value = _.value === W ? null : W;
+    }
+    function me() {
+      _.value = null;
+    }
+    function xe(W) {
+      _.value && N(rl($.value, _.value, W));
+    }
+    let re;
+    le(
+      () => k.value?.node.values,
+      (W, L) => {
+        if (!W || !L || !h.value || !n || !m) return;
+        const D = _.value, Q = h.value.id;
+        clearTimeout(re), re = setTimeout(() => {
+          !D || !n || n.render(Q, { values: W, key: D }).then((X) => {
+            y.value?.replace(D, X.html) || y.value?.refresh();
+          }).catch(() => {
+          });
+        }, 300);
+      },
+      { deep: !0 }
+    );
+    function se(W) {
+      W.key === "Escape" && _.value && me();
+    }
+    ge(async () => {
+      if (window.addEventListener("keydown", se), l.catalog === null && i) {
+        n = fe(i);
+        try {
+          b.value = await n.catalog();
+        } catch (W) {
+          F.danger(W.body?.message ?? String(W));
+        }
+      } else i && (n = fe(i));
+    }), De(() => {
+      clearTimeout(re), window.removeEventListener("keydown", se);
+    });
+    const $e = C(
+      () => h.value?.content ? Fe(h.value.content.schema) : []
+    );
+    return (W, L) => e(s) ? (r(), S("div", un, [
+      u(e(R), {
+        size: "sm",
+        tone: "muted"
+      }, {
+        default: p(() => [
+          x(f(e(o)("field.nested-note")), 1)
+        ]),
+        _: 1
+      })
+    ])) : (r(), S("div", cn, [
+      V("div", {
+        class: he(["wx-blocks", {
+          "is-editing": k.value !== null,
+          "has-preview": e(m) !== null && e(m).url.value !== null
+        }])
+      }, [
+        V("div", dn, [
+          V("div", pn, [
+            V("span", fn, f(e(o)("field.blocks")), 1),
+            u(e(R), {
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: p(() => [
+                x(f($.value.length), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          u(rn, {
+            nodes: $.value,
+            catalog: d.value,
+            selected: _.value,
+            disabled: t.disabled,
+            onSelect: ze,
+            onAdd: P,
+            onRemove: we,
+            onDuplicate: ie,
+            onReorder: _e
+          }, null, 8, ["nodes", "catalog", "selected", "disabled"]),
+          !t.disabled && (t.max === null || $.value.length < t.max) ? (r(), A(e(q), {
+            key: 0,
+            variant: "outline",
+            block: "",
+            icon: "plus",
+            class: "wx-blocks__add",
+            onClick: L[0] || (L[0] = (D) => P(null, null, null))
+          }, {
+            default: p(() => [
+              x(f(e(o)("field.add")), 1)
+            ]),
+            _: 1
+          })) : E("", !0),
+          e(m) && e(m).url.value ? (r(), A(e(q), {
+            key: 1,
+            variant: "text",
+            block: "",
+            class: "wx-blocks__preview-button",
+            onClick: L[1] || (L[1] = (D) => y.value?.open())
+          }, {
+            default: p(() => [
+              x(f(e(o)("field.preview")), 1)
+            ]),
+            _: 1
+          })) : E("", !0)
+        ]),
+        k.value ? (r(), S("div", mn, [
+          V("div", vn, [
+            V("span", hn, f(h.value?.title ?? k.value.node.type), 1),
+            V("span", bn, [
+              V("code", null, f(k.value.node.type), 1),
+              u(e(q), {
+                size: "sm",
+                variant: "outline",
+                onClick: me
+              }, {
+                default: p(() => [
+                  x(f(e(o)("field.done")) + " · Esc", 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          V("div", gn, [
+            h.value?.content ? (r(), A(e(ht), {
+              key: k.value.node.key,
+              "model-value": k.value.node.values,
+              root: $e.value,
+              types: w.value,
+              translate: B.value,
+              can: M.value,
+              disabled: t.disabled,
+              "onUpdate:modelValue": xe
+            }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (r(), A(e(R), {
+              key: 1,
+              size: "sm",
+              tone: "danger"
+            }, {
+              default: p(() => [
+                x(f(e(o)("field.unknown-type", { type: k.value.node.type })), 1)
+              ]),
+              _: 1
+            }))
+          ])
+        ])) : E("", !0),
+        e(m) && e(m).url.value ? (r(), S("div", kn, [
+          u(Yl, {
+            ref_key: "previewEl",
+            ref: y,
+            url: e(m).url.value,
+            selected: _.value,
+            mode: k.value ? "phone" : "wide",
+            reload: e(m).reload?.value ?? 0
+          }, null, 8, ["url", "selected", "mode", "reload"])
+        ])) : E("", !0)
+      ], 2)
+    ]));
+  }
+}), wn = /* @__PURE__ */ Z(yn, [["__scopeId", "data-v-f1ec0da8"]]), _n = { class: "wx-block-card__body" }, xn = { class: "wx-block-card__title" }, $n = { class: "wx-block-card__chips" }, Vn = /* @__PURE__ */ K({
+  __name: "BlockCard",
+  props: {
+    block: {}
+  },
+  emits: ["open"],
+  setup(t, { emit: l }) {
+    const a = l, s = Y("webx-blocks");
+    return (o, i) => (r(), S("button", {
+      type: "button",
+      class: "wx-block-card",
+      onClick: i[0] || (i[0] = (n) => a("open", t.block))
+    }, [
+      u(Tt, {
+        thumbnail: t.block.thumbnail,
+        height: 120
+      }, null, 8, ["thumbnail"]),
+      V("div", _n, [
+        V("div", xn, f(t.block.title), 1),
+        u(e(R), {
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: p(() => [
+            V("code", null, f(t.block.slug), 1),
+            x(" · " + f(t.block.usage_count > 0 ? e(s)("page.on-pages", { count: t.block.usage_count }) : e(s)("page.not-used")), 1)
+          ]),
+          _: 1
+        }),
+        V("div", $n, [
+          t.block.draft ? (r(), A(e(G), {
+            key: 0,
+            type: "warning",
+            dot: ""
+          }, {
+            default: p(() => [
+              x(f(e(s)("page.draft", { number: t.block.draft.number })), 1)
+            ]),
+            _: 1
+          })) : E("", !0),
+          t.block.published ? (r(), A(e(G), {
+            key: 1,
+            type: "success",
+            dot: ""
+          }, {
+            default: p(() => [
+              x(f(e(s)("page.live", { number: t.block.published.number })), 1)
+            ]),
+            _: 1
+          })) : (r(), A(e(G), {
+            key: 2,
+            type: "default"
+          }, {
+            default: p(() => [
+              x(f(e(s)("page.never-published")), 1)
+            ]),
+            _: 1
+          })),
+          t.block.is_enabled ? E("", !0) : (r(), A(e(G), {
+            key: 3,
+            type: "default",
+            variant: "outline"
+          }, {
+            default: p(() => [
+              x(f(e(s)("page.hidden")), 1)
+            ]),
+            _: 1
+          }))
+        ])
+      ])
+    ]));
+  }
+}), Sn = /* @__PURE__ */ Z(Vn, [["__scopeId", "data-v-daa12de4"]]), Tn = { class: "wx-block-create" }, Cn = /* @__PURE__ */ K({
+  __name: "BlockCreateDialog",
+  setup(t) {
+    const { resolve: l, dismiss: a, open: s } = pt(), o = ke(), i = fe(o);
+    ye();
+    const n = Y("webx-blocks"), b = C(() => o.state.manifest?.modules.find((w) => w.id === "blocks")?.meta?.groups ?? ["content"]), d = U({ title: "", slug: "", group: b.value[0] ?? "content" }), $ = U({}), _ = U(!1), k = U(!1), h = C(
+      () => b.value.map((c) => ({ value: c, label: be(c, n) }))
+    );
+    function m(c) {
+      return c.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "").slice(0, 64);
+    }
+    le(
+      () => d.value.title,
+      (c) => {
+        k.value || (d.value.slug = m(c));
+      }
+    );
+    function y(c) {
+      return $.value[c]?.[0];
+    }
+    async function g() {
+      _.value = !0, $.value = {};
+      try {
+        l(await i.create(d.value));
+      } catch (c) {
+        const w = c.body;
+        w?.errors ? $.value = w.errors : F.danger(w?.message ?? n("page.failed"));
+      } finally {
+        _.value = !1;
+      }
+    }
+    return (c, w) => (r(), A(e(ft), {
+      open: e(s),
+      "onUpdate:open": w[5] || (w[5] = (B) => ot(s) ? s.value = B : null),
+      title: e(n)("page.new"),
+      width: 520
+    }, {
+      footer: p(() => [
+        u(e(Dt), { size: "sm" }, {
+          default: p(() => [
+            u(e(q), {
+              variant: "outline",
+              onClick: w[4] || (w[4] = (B) => e(a)())
+            }, {
+              default: p(() => [
+                x(f(e(n)("page.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            u(e(q), {
+              type: "primary",
+              loading: _.value,
+              onClick: g
+            }, {
+              default: p(() => [
+                x(f(e(n)("page.create")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: p(() => [
+        V("div", Tn, [
+          u(e(J), {
+            label: e(n)("page.title"),
+            error: y("title")
+          }, {
+            default: p(() => [
+              u(e(pe), {
+                modelValue: d.value.title,
+                "onUpdate:modelValue": w[0] || (w[0] = (B) => d.value.title = B),
+                autofocus: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "error"]),
+          u(e(J), {
+            label: e(n)("page.identifier"),
+            help: e(n)("page.identifier-help"),
+            error: y("slug")
+          }, {
+            default: p(() => [
+              u(e(pe), {
+                modelValue: d.value.slug,
+                "onUpdate:modelValue": w[1] || (w[1] = (B) => d.value.slug = B),
+                placeholder: "hero",
+                onInput: w[2] || (w[2] = (B) => k.value = !0)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "help", "error"]),
+          u(e(J), {
+            label: e(n)("page.group"),
+            help: e(n)("page.group-help"),
+            error: y("group")
+          }, {
+            default: p(() => [
+              u(e(dt), {
+                modelValue: d.value.group,
+                "onUpdate:modelValue": w[3] || (w[3] = (B) => d.value.group = B),
+                options: h.value
+              }, null, 8, ["modelValue", "options"])
+            ]),
+            _: 1
+          }, 8, ["label", "help", "error"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), Bn = /* @__PURE__ */ Z(Cn, [["__scopeId", "data-v-274bc88a"]]), An = { class: "wx-blocks-page" }, Wn = { class: "wx-blocks-page__head" }, zn = { class: "wx-blocks-page__tools" }, En = {
+  key: 0,
+  class: "wx-blocks-page__group-title"
+}, Un = { class: "wx-blocks-page__cards" }, Nn = /* @__PURE__ */ K({
+  __name: "BlocksPage",
+  props: {
+    base: { default: "/blocks" }
+  },
+  setup(t) {
+    const l = t, a = ke(), s = fe(a), o = rt();
+    ye();
+    const i = Y("webx-blocks"), n = U([]), b = U(!0), d = U(""), $ = vt(Bn), _ = 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") && _.value.editing), h = C(
+      () => a.state.manifest?.modules.find((B) => B.id === "blocks")?.title ?? i("module.title")
+    ), m = C(() => {
+      const B = d.value.trim().toLowerCase();
+      return B === "" ? n.value : n.value.filter(
+        (M) => M.title.toLowerCase().includes(B) || M.slug.includes(B) || (M.description ?? "").toLowerCase().includes(B)
+      );
+    }), y = C(() => {
+      const B = [..._.value.groups];
+      for (const N of m.value)
+        B.includes(N.group) || B.push(N.group);
+      const M = B.map((N) => ({
+        id: N,
+        label: be(N, i),
+        blocks: m.value.filter((P) => P.group === N)
+      })).filter((N) => N.blocks.length > 0);
+      return m.value.length <= 5 || d.value.trim() !== "" || M.length < 2 ? [{ id: "", label: "", blocks: m.value }] : M;
+    });
+    async function g() {
+      b.value = !0;
+      try {
+        n.value = await s.list();
+      } catch (B) {
+        F.danger(B.body?.message ?? String(B));
+      } finally {
+        b.value = !1;
+      }
+    }
+    function c(B) {
+      o.push(`${l.base}/${B.id}`);
+    }
+    async function w() {
+      const B = await $({});
+      B && c(B);
+    }
+    return ge(g), (B, M) => (r(), S("div", An, [
+      V("div", Wn, [
+        u(e(Ot), { level: 2 }, {
+          default: p(() => [
+            x(f(h.value), 1)
+          ]),
+          _: 1
+        }),
+        V("div", zn, [
+          u(e(pe), {
+            modelValue: d.value,
+            "onUpdate:modelValue": M[0] || (M[0] = (I) => d.value = I),
+            placeholder: e(i)("page.search"),
+            clearable: ""
+          }, null, 8, ["modelValue", "placeholder"]),
+          k.value ? (r(), A(e(q), {
+            key: 0,
+            type: "primary",
+            icon: "plus",
+            onClick: w
+          }, {
+            default: p(() => [
+              x(f(e(i)("page.new")), 1)
+            ]),
+            _: 1
+          })) : E("", !0)
+        ])
+      ]),
+      _.value.editing ? E("", !0) : (r(), A(e(ct), {
+        key: 0,
+        type: "info",
+        variant: "soft",
+        description: e(i)("page.editing-off")
+      }, null, 8, ["description"])),
+      b.value ? (r(), A(e(We), {
+        key: 1,
+        rows: 4
+      })) : n.value.length === 0 ? (r(), A(e(mt), {
+        key: 2,
+        icon: "grid",
+        title: e(i)("page.empty"),
+        description: e(i)("page.empty-help")
+      }, null, 8, ["title", "description"])) : (r(!0), S(j, { key: 3 }, te(y.value, (I) => (r(), S("section", {
+        key: I.id,
+        class: "wx-blocks-page__group"
+      }, [
+        I.label ? (r(), S("div", En, f(I.label), 1)) : E("", !0),
+        V("div", Un, [
+          (r(!0), S(j, null, te(I.blocks, (N) => (r(), A(Sn, {
+            key: N.id,
+            block: N,
+            onOpen: c
+          }, null, 8, ["block"]))), 128))
+        ])
+      ]))), 128))
+    ]));
+  }
+}), In = /* @__PURE__ */ Z(Nn, [["__scopeId", "data-v-2dffcfb4"]]);
+function qn(t = {}) {
+  const l = t.path ?? "/blocks";
+  return {
+    id: "blocks",
+    path: l,
+    routes: [
+      { path: l, name: "webx.blocks", component: In, props: { base: l } },
+      {
+        path: `${l}/:id(\\d+)`,
+        name: "webx.blocks.edit",
+        component: Nl,
+        props: { base: l }
+      }
+    ],
+    // What a screen means by `wx-blocks`: the content of an entity as a tree of blocks. A
+    // nested field, so the renderer hands it the node and the way down — though it never
+    // draws its children through the renderer; it needs the node for `props.allow` alone.
+    types: {
+      "wx-blocks": {
+        component: wn,
+        kind: "field",
+        nested: !0,
+        bind: () => ({ blocksPath: l })
+      }
+    }
+  };
+}
+export {
+  Nl as WxBlockEditorPage,
+  ql as WxBlockPicker,
+  nl as WxBlockStage,
+  Tt as WxBlockThumb,
+  wn as WxBlocks,
+  In as WxBlocksPage,
+  qn as blocks,
+  cl as blocksMessages,
+  qe as blocksPreviewKey,
+  xt as cloneNode,
+  sl as countType,
+  fe as createBlocksApi,
+  bt as findRange,
+  Fe as formSchema,
+  Me as highlightBlock,
+  lt as insertNode,
+  kt as isNode,
+  je as isNodeList,
+  pl as lintBlock,
+  oe as locate,
+  al as makeNode,
+  yt as newKey,
+  Hn as provideBlocksPreview,
+  il as removeNode,
+  Gt as replaceBlock,
+  ul as replaceList,
+  gt as stageDocument,
+  jn as typesIn,
+  fl as undeclared,
+  rl as updateValues,
+  Fn as useBlocksPreview,
+  He as walk
+};
+//# sourceMappingURL=index.js.map