@webx-ui/module-blocks 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/BlocksTree.d.ts +2 -0
  2. package/dist/content.d.ts +10 -0
  3. package/dist/index.js +1306 -1185
  4. package/dist/index.js.map +1 -1
  5. package/dist/style.css +1 -1
  6. package/dist/types.d.ts +6 -0
  7. package/package.json +4 -4
package/dist/index.js CHANGED
@@ -1,9 +1,9 @@
1
- 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";
2
- import { useRoute as It, useRouter as ut } from "vue-router";
3
- import { useTranslate as Q, useAdmin as we, adminKey as Nt } from "@webx-ui/module-admin";
4
- 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";
5
- import { WxScreenRenderer as bt, coreTypes as Pe } from "@webx-ui/schema";
6
- function he(t) {
1
+ import { defineComponent as Y, computed as C, openBlock as i, createElementBlock as x, createVNode as r, unref as e, createElementVNode as $, createTextVNode as _, toDisplayString as p, Fragment as H, createCommentVNode as A, renderList as ee, ref as N, onMounted as xe, watch as oe, createBlock as W, withCtx as d, normalizeStyle as de, reactive as je, onBeforeUnmount as Ze, resolveComponent as Ge, withDirectives as zt, vModelText as Et, isRef as ct, normalizeClass as he, withKeys as tt, withModifiers as He, provide as pt, inject as Ee, useModel as Ut, getCurrentInstance as It, mergeModels as Nt, createSlots as Lt } from "vue";
2
+ import { useRoute as Mt, useRouter as ft } from "vue-router";
3
+ import { useTranslate as te, useAdmin as $e, useErrorText as Ve, WxDate as Pt, adminKey as Ot, WxListScreen as Dt } from "@webx-ui/module-admin";
4
+ import { WxIcon as ae, WxSkeleton as me, WxText as R, WxBadge as K, WxButton as J, confirm as Ie, toast as q, useElementWidth as Ye, WxSegmented as vt, WxCard as fe, WxAlert as mt, WxTabs as Rt, WxTab as ve, WxCodeEditor as Ae, WxFormItem as G, WxInput as be, WxSelect as ht, WxTextarea as jt, WxInputNumber as lt, WxTagsInput as nt, WxSwitch as Ht, WxActionBar as Ft, useModal as bt, WxDialog as gt, WxEmpty as kt, WxSortableList as qt, WxAction as Fe, createModal as yt, WxSpace as Jt, WxSkeletonItem as ze } from "@webx-ui/core";
5
+ import { WxScreenRenderer as wt, coreTypes as qe } from "@webx-ui/schema";
6
+ function ge(t) {
7
7
  const l = `${t.apiPath}/blocks`, a = (s) => s.data;
8
8
  return {
9
9
  list: () => t.http.get(l).then(a),
@@ -20,10 +20,10 @@ function he(t) {
20
20
  restore: (s, o) => t.http.post(`${l}/${s}/versions/${o}/restore`, {}).then(a)
21
21
  };
22
22
  }
23
- const jt = { class: "wx-block-checks" }, Ht = {
23
+ const Kt = { class: "wx-block-checks" }, Zt = {
24
24
  key: 0,
25
25
  class: "wx-block-checks__line is-error"
26
- }, Ft = /* @__PURE__ */ K({
26
+ }, Gt = /* @__PURE__ */ Y({
27
27
  __name: "BlockChecks",
28
28
  props: {
29
29
  file: {},
@@ -32,50 +32,50 @@ const jt = { class: "wx-block-checks" }, Ht = {
32
32
  error: {}
33
33
  },
34
34
  setup(t) {
35
- const l = t, a = Q("webx-blocks"), s = C(() => l.lints.filter((i) => i.file === l.file)), o = C(() => {
36
- const i = new Set(s.value.map((h) => h.code)), n = [];
37
- 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;
35
+ const l = t, a = te("webx-blocks"), s = C(() => l.lints.filter((u) => u.file === l.file)), o = C(() => {
36
+ const u = new Set(s.value.map((v) => v.code)), n = [];
37
+ return l.file === "template" && (u.has("no-marker") || n.push(a("checks.ok-marker")), u.has("variables-missing") || n.push(a("checks.ok-variables"))), l.file === "styles" && (u.has("stray-selectors") || n.push(a("checks.ok-prefix", { slug: l.slug })), u.has("bare-selectors") || n.push(a("checks.ok-bare")), u.has("media-query") || n.push(a("checks.ok-container"))), n;
38
38
  });
39
- return (i, n) => (r(), V("div", jt, [
40
- t.error ? (r(), V("div", Ht, [
41
- u(e(ne), { name: "close-circle" }),
42
- x("span", null, [
43
- $(f(t.error.message) + " ", 1),
44
- t.error.line !== null ? (r(), V(j, { key: 0 }, [
45
- $(" · " + f(e(a)("page.line", { line: t.error.line })), 1)
46
- ], 64)) : E("", !0),
47
- t.error.where ? (r(), V(j, { key: 1 }, [
48
- $(" · " + f(t.error.where), 1)
49
- ], 64)) : E("", !0)
39
+ return (u, n) => (i(), x("div", Kt, [
40
+ t.error ? (i(), x("div", Zt, [
41
+ r(e(ae), { name: "close-circle" }),
42
+ $("span", null, [
43
+ _(p(t.error.message) + " ", 1),
44
+ t.error.line !== null ? (i(), x(H, { key: 0 }, [
45
+ _(" · " + p(e(a)("page.line", { line: t.error.line })), 1)
46
+ ], 64)) : A("", !0),
47
+ t.error.where ? (i(), x(H, { key: 1 }, [
48
+ _(" · " + p(t.error.where), 1)
49
+ ], 64)) : A("", !0)
50
50
  ])
51
- ])) : E("", !0),
52
- (r(!0), V(j, null, Y(s.value, (h) => (r(), V("div", {
53
- key: h.code,
51
+ ])) : A("", !0),
52
+ (i(!0), x(H, null, ee(s.value, (v) => (i(), x("div", {
53
+ key: v.code,
54
54
  class: "wx-block-checks__line is-warning"
55
55
  }, [
56
- u(e(ne), { name: "warning" }),
57
- x("span", null, [
58
- $(f(h.message) + " ", 1),
59
- h.line !== null ? (r(), V(j, { key: 0 }, [
60
- $(" · " + f(e(a)("page.line", { line: h.line })), 1)
61
- ], 64)) : E("", !0)
56
+ r(e(ae), { name: "warning" }),
57
+ $("span", null, [
58
+ _(p(v.message) + " ", 1),
59
+ v.line !== null ? (i(), x(H, { key: 0 }, [
60
+ _(" · " + p(e(a)("page.line", { line: v.line })), 1)
61
+ ], 64)) : A("", !0)
62
62
  ])
63
63
  ]))), 128)),
64
- (r(!0), V(j, null, Y(o.value, (h) => (r(), V("div", {
65
- key: h,
64
+ (i(!0), x(H, null, ee(o.value, (v) => (i(), x("div", {
65
+ key: v,
66
66
  class: "wx-block-checks__line is-ok"
67
67
  }, [
68
- u(e(ne), { name: "check" }),
69
- x("span", null, f(h), 1)
68
+ r(e(ae), { name: "check" }),
69
+ $("span", null, p(v), 1)
70
70
  ]))), 128))
71
71
  ]));
72
72
  }
73
- }), Z = (t, l) => {
73
+ }), Q = (t, l) => {
74
74
  const a = t.__vccOpts || t;
75
75
  for (const [s, o] of l)
76
76
  a[s] = o;
77
77
  return a;
78
- }, et = /* @__PURE__ */ Z(Ft, [["__scopeId", "data-v-a96ffa19"]]), qt = { class: "wx-block-history" }, Jt = { class: "wx-block-history__number" }, Kt = { class: "wx-block-history__who" }, Zt = /* @__PURE__ */ K({
78
+ }, at = /* @__PURE__ */ Q(Gt, [["__scopeId", "data-v-a96ffa19"]]), Yt = { class: "wx-block-history" }, Qt = { class: "wx-block-history__number" }, Xt = { class: "wx-block-history__who" }, el = /* @__PURE__ */ Y({
79
79
  __name: "BlockHistory",
80
80
  props: {
81
81
  block: {},
@@ -83,164 +83,165 @@ const jt = { class: "wx-block-checks" }, Ht = {
83
83
  },
84
84
  emits: ["restored"],
85
85
  setup(t, { emit: l }) {
86
- const a = t, s = l, o = we(), i = he(o), n = Q("webx-blocks"), h = U(null);
87
- async function p() {
88
- h.value = await i.versions(a.block.id);
86
+ const a = t, s = l, o = $e(), u = ge(o), n = te("webx-blocks"), v = Ve(), z = N(null);
87
+ async function c() {
88
+ z.value = await u.versions(a.block.id);
89
89
  }
90
- function S(b) {
91
- return a.block.draft?.number === b.number ? "draft" : a.block.published?.number === b.number ? "live" : "replaced";
90
+ function g(f) {
91
+ return a.block.draft?.number === f.number ? "draft" : a.block.published?.number === f.number ? "live" : "replaced";
92
92
  }
93
- function _(b) {
94
- return b.created_at ? new Date(b.created_at).toLocaleString(o.i18n.state.locale) : "";
95
- }
96
- async function k(b) {
97
- if (await Oe({
98
- title: n("page.restore-title", { number: b.number }),
93
+ async function m(f) {
94
+ if (await Ie({
95
+ title: n("page.restore-title", { number: f.number }),
99
96
  message: n("page.restore-text"),
100
97
  confirmText: n("page.restore"),
101
98
  cancelText: n("page.cancel")
102
99
  }))
103
100
  try {
104
- const y = await i.restore(a.block.id, b.number);
105
- F.success(n("page.restored", { number: y.draft?.number ?? b.number })), s("restored", y), await p();
101
+ const y = await u.restore(a.block.id, f.number);
102
+ q.success(n("page.restored", { number: y.draft?.number ?? f.number })), s("restored", y), await c();
106
103
  } catch (y) {
107
- F.danger(y.body?.message ?? String(y));
104
+ q.danger(v(y));
108
105
  }
109
106
  }
110
- return ye(p), le(
107
+ return xe(c), oe(
111
108
  () => [a.block.draft?.number, a.block.published?.number],
112
109
  () => {
113
- p();
110
+ c();
114
111
  }
115
- ), (b, m) => (r(), V("div", qt, [
116
- h.value === null ? (r(), W(e(pe), {
112
+ ), (f, h) => (i(), x("div", Yt, [
113
+ z.value === null ? (i(), W(e(me), {
117
114
  key: 0,
118
115
  rows: 3
119
- })) : (r(!0), V(j, { key: 1 }, Y(h.value, (y) => (r(), V("div", {
116
+ })) : (i(!0), x(H, { key: 1 }, ee(z.value, (y) => (i(), x("div", {
120
117
  key: y.number,
121
118
  class: "wx-block-history__row"
122
119
  }, [
123
- x("code", Jt, f(e(n)("page.version", { number: y.number })), 1),
124
- x("div", Kt, [
125
- u(e(R), null, {
126
- default: c(() => [
127
- $(f(e(n)(`page.version-${S(y)}`)), 1)
120
+ $("code", Qt, p(e(n)("page.version", { number: y.number })), 1),
121
+ $("div", Xt, [
122
+ r(e(R), null, {
123
+ default: d(() => [
124
+ _(p(e(n)(`page.version-${g(y)}`)), 1)
128
125
  ]),
129
126
  _: 2
130
127
  }, 1024),
131
- u(e(R), {
128
+ r(e(R), {
132
129
  size: "sm",
133
130
  tone: "muted"
134
131
  }, {
135
- default: c(() => [
136
- $(f(_(y)) + " · " + f(y.author ?? e(n)(`page.source-${y.source}`)) + " ", 1),
137
- y.comment ? (r(), V(j, { key: 0 }, [
138
- $(" · " + f(y.comment), 1)
139
- ], 64)) : E("", !0)
132
+ default: d(() => [
133
+ y.created_at ? (i(), W(e(Pt), {
134
+ key: 0,
135
+ value: y.created_at
136
+ }, null, 8, ["value"])) : A("", !0),
137
+ _(" · " + p(y.author ?? e(n)(`page.source-${y.source}`)) + " ", 1),
138
+ y.comment ? (i(), x(H, { key: 1 }, [
139
+ _(" · " + p(y.comment), 1)
140
+ ], 64)) : A("", !0)
140
141
  ]),
141
142
  _: 2
142
143
  }, 1024)
143
144
  ]),
144
- S(y) === "draft" ? (r(), W(e(G), {
145
+ g(y) === "draft" ? (i(), W(e(K), {
145
146
  key: 0,
146
147
  type: "warning",
147
148
  dot: ""
148
149
  }, {
149
- default: c(() => [
150
- $(f(e(n)("page.version-draft")), 1)
150
+ default: d(() => [
151
+ _(p(e(n)("page.version-draft")), 1)
151
152
  ]),
152
153
  _: 1
153
- })) : S(y) === "live" ? (r(), W(e(G), {
154
+ })) : g(y) === "live" ? (i(), W(e(K), {
154
155
  key: 1,
155
156
  type: "success",
156
157
  dot: ""
157
158
  }, {
158
- default: c(() => [
159
- $(f(e(n)("page.version-live")), 1)
159
+ default: d(() => [
160
+ _(p(e(n)("page.version-live")), 1)
160
161
  ]),
161
162
  _: 1
162
- })) : E("", !0),
163
- t.canManage && S(y) === "replaced" ? (r(), W(e(q), {
163
+ })) : A("", !0),
164
+ t.canManage && g(y) === "replaced" ? (i(), W(e(J), {
164
165
  key: 2,
165
166
  size: "sm",
166
167
  variant: "outline",
167
- onClick: (g) => k(y)
168
+ onClick: (w) => m(y)
168
169
  }, {
169
- default: c(() => [
170
- $(f(e(n)("page.restore")), 1)
170
+ default: d(() => [
171
+ _(p(e(n)("page.restore")), 1)
171
172
  ]),
172
173
  _: 1
173
- }, 8, ["onClick"])) : E("", !0)
174
+ }, 8, ["onClick"])) : A("", !0)
174
175
  ]))), 128))
175
176
  ]));
176
177
  }
177
- }), Gt = /* @__PURE__ */ Z(Zt, [["__scopeId", "data-v-e88160ce"]]), Ee = "wx-preview-selected", tt = "wx-preview-style";
178
- function gt(t, l) {
178
+ }), tl = /* @__PURE__ */ Q(el, [["__scopeId", "data-v-99ceb7fe"]]), Ue = "wx-preview-selected", st = "wx-preview-style";
179
+ function _t(t, l) {
179
180
  const s = (t.ownerDocument ?? t).createTreeWalker(
180
181
  t,
181
182
  128
182
183
  /* NodeFilter.SHOW_COMMENT */
183
184
  );
184
185
  let o = null;
185
- for (let i = s.nextNode(); i; i = s.nextNode()) {
186
- const n = i.data.trim();
186
+ for (let u = s.nextNode(); u; u = s.nextNode()) {
187
+ const n = u.data.trim();
187
188
  if (o === null && n === `wx:${l}`)
188
- o = i;
189
+ o = u;
189
190
  else if (o !== null && n === `/wx:${l}`)
190
- return { start: o, end: i };
191
+ return { start: o, end: u };
191
192
  }
192
193
  return null;
193
194
  }
194
- function Yt(t, l, a) {
195
- const s = gt(t, l);
195
+ function ll(t, l, a) {
196
+ const s = _t(t, l);
196
197
  if (!s) return !1;
197
198
  const o = s.start.parentNode;
198
199
  if (!o) return !1;
199
- const i = t.createElement("template");
200
- i.innerHTML = a;
200
+ const u = t.createElement("template");
201
+ u.innerHTML = a;
201
202
  const n = s.end.nextSibling;
202
- let h = s.start;
203
- for (; h; ) {
204
- const k = h.nextSibling, b = h === s.end;
205
- if (o.removeChild(h), b) break;
206
- h = k;
203
+ let v = s.start;
204
+ for (; v; ) {
205
+ const m = v.nextSibling, f = v === s.end;
206
+ if (o.removeChild(v), f) break;
207
+ v = m;
207
208
  }
208
- const p = i.content, S = Array.from(p.childNodes);
209
- o.insertBefore(p, n);
210
- const _ = t.defaultView?.webx;
211
- if (_?.mount)
212
- for (const k of S)
213
- k.nodeType === 1 && _.mount(k);
209
+ const z = u.content, c = Array.from(z.childNodes);
210
+ o.insertBefore(z, n);
211
+ const g = t.defaultView?.webx;
212
+ if (g?.mount)
213
+ for (const m of c)
214
+ m.nodeType === 1 && g.mount(m);
214
215
  return !0;
215
216
  }
216
- function Qt(t, l) {
217
- const a = gt(t, l);
217
+ function nl(t, l) {
218
+ const a = _t(t, l);
218
219
  if (!a) return null;
219
220
  for (let s = a.start.nextSibling; s && s !== a.end; s = s.nextSibling)
220
221
  if (s.nodeType === 1) return s;
221
222
  return null;
222
223
  }
223
- function De(t, l) {
224
- Xt(t);
225
- for (const s of Array.from(t.querySelectorAll(`.${Ee}`)))
226
- s.classList.remove(Ee);
224
+ function Je(t, l) {
225
+ al(t);
226
+ for (const s of Array.from(t.querySelectorAll(`.${Ue}`)))
227
+ s.classList.remove(Ue);
227
228
  if (l === null) return null;
228
- const a = Qt(t, l);
229
- return a?.classList.add(Ee), a;
229
+ const a = nl(t, l);
230
+ return a?.classList.add(Ue), a;
230
231
  }
231
- function Xt(t) {
232
- if (t.getElementById(tt)) return;
232
+ function al(t) {
233
+ if (t.getElementById(st)) return;
233
234
  const l = t.createElement("style");
234
- l.id = tt, l.textContent = `.${Ee}{outline:2px solid #427edd;outline-offset:-2px;}`, (t.head ?? t.documentElement).appendChild(l);
235
+ l.id = st, l.textContent = `.${Ue}{outline:2px solid #427edd;outline-offset:-2px;}`, (t.head ?? t.documentElement).appendChild(l);
235
236
  }
236
- function kt(t) {
237
- const l = t.base ? `<base href="${lt(t.base)}">` : "", a = t.frame ? `<style>${t.frame}</style>` : "", s = t.script && t.runtime ? `<script src="${lt(t.runtime)}"><\/script><script>${t.script}<\/script>` : "";
237
+ function xt(t) {
238
+ const l = t.base ? `<base href="${ot(t.base)}">` : "", a = t.frame ? `<style>${t.frame}</style>` : "", s = t.script && t.runtime ? `<script src="${ot(t.runtime)}"><\/script><script>${t.script}<\/script>` : "";
238
239
  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>`;
239
240
  }
240
- function lt(t) {
241
+ function ot(t) {
241
242
  return t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
242
243
  }
243
- const el = { class: "wx-block-stage" }, tl = { class: "wx-block-stage__bar" }, ll = ["srcdoc", "title"], nl = /* @__PURE__ */ K({
244
+ const sl = { class: "wx-block-stage" }, ol = { class: "wx-block-stage__bar" }, il = ["srcdoc", "title"], rl = /* @__PURE__ */ Y({
244
245
  __name: "BlockStage",
245
246
  props: {
246
247
  html: {},
@@ -250,12 +251,12 @@ const el = { class: "wx-block-stage" }, tl = { class: "wx-block-stage__bar" }, l
250
251
  loading: { type: Boolean, default: !1 }
251
252
  },
252
253
  setup(t) {
253
- const l = t, a = Q("webx-blocks"), s = C(() => [
254
+ const l = t, a = te("webx-blocks"), s = C(() => [
254
255
  { value: 1280, label: a("page.width-desktop") },
255
256
  { value: 834, label: a("page.width-tablet") },
256
257
  { value: 390, label: a("page.width-phone") }
257
- ]), 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(
258
- () => kt({
258
+ ]), o = N(1280), u = N(null), n = N(null), v = Ye(u), z = N(360), c = C(() => v.value === 0 ? 1 : Math.min(1, v.value / o.value)), g = C(
259
+ () => xt({
259
260
  html: l.html,
260
261
  styles: l.styles,
261
262
  script: l.script,
@@ -263,146 +264,156 @@ const el = { class: "wx-block-stage" }, tl = { class: "wx-block-stage__bar" }, l
263
264
  base: typeof location > "u" ? null : location.origin + "/"
264
265
  })
265
266
  );
266
- function k() {
267
- const g = n.value?.contentDocument;
268
- g?.documentElement && (p.value = Math.max(120, g.documentElement.scrollHeight));
267
+ function m() {
268
+ const w = n.value?.contentDocument;
269
+ w?.documentElement && (z.value = Math.max(120, w.documentElement.scrollHeight));
269
270
  }
270
- function b() {
271
- k(), setTimeout(k, 300);
271
+ function f() {
272
+ m(), setTimeout(m, 300);
272
273
  }
273
- le(o, () => setTimeout(k, 50));
274
- const m = C(() => ({
274
+ oe(o, () => setTimeout(m, 50));
275
+ const h = C(() => ({
275
276
  width: `${o.value}px`,
276
- height: `${p.value}px`,
277
- transform: `scale(${S.value})`
277
+ height: `${z.value}px`,
278
+ transform: `scale(${c.value})`
278
279
  })), y = C(() => ({
279
- width: `${Math.round(o.value * S.value)}px`,
280
- height: `${Math.round(p.value * S.value)}px`
280
+ width: `${Math.round(o.value * c.value)}px`,
281
+ height: `${Math.round(z.value * c.value)}px`
281
282
  }));
282
- return (g, d) => (r(), V("div", el, [
283
- x("div", tl, [
284
- u(e(ct), {
283
+ return (w, V) => (i(), x("div", sl, [
284
+ $("div", ol, [
285
+ r(e(vt), {
285
286
  modelValue: o.value,
286
- "onUpdate:modelValue": d[0] || (d[0] = (w) => o.value = w),
287
+ "onUpdate:modelValue": V[0] || (V[0] = (k) => o.value = k),
287
288
  options: s.value,
288
289
  size: "sm"
289
290
  }, null, 8, ["modelValue", "options"])
290
291
  ]),
291
- x("div", {
292
+ $("div", {
292
293
  ref_key: "box",
293
- ref: i,
294
+ ref: u,
294
295
  class: "wx-block-stage__ground"
295
296
  }, [
296
- t.loading && !t.html ? (r(), W(e(pe), {
297
+ t.loading && !t.html ? (i(), W(e(me), {
297
298
  key: 0,
298
299
  rows: 3
299
- })) : (r(), V("div", {
300
+ })) : (i(), x("div", {
300
301
  key: 1,
301
302
  class: "wx-block-stage__clip",
302
- style: fe(y.value)
303
+ style: de(y.value)
303
304
  }, [
304
- x("iframe", {
305
+ $("iframe", {
305
306
  ref_key: "frame",
306
307
  ref: n,
307
308
  class: "wx-block-stage__frame",
308
- srcdoc: _.value,
309
- style: fe(m.value),
309
+ srcdoc: g.value,
310
+ style: de(h.value),
310
311
  sandbox: "allow-same-origin allow-scripts",
311
312
  title: e(a)("page.preview"),
312
- onLoad: b
313
- }, null, 44, ll)
313
+ onLoad: f
314
+ }, null, 44, il)
314
315
  ], 4))
315
316
  ], 512)
316
317
  ]));
317
318
  }
318
- }), al = /* @__PURE__ */ Z(nl, [["__scopeId", "data-v-976b03f0"]]);
319
- function yt(t) {
319
+ }), ul = /* @__PURE__ */ Q(rl, [["__scopeId", "data-v-976b03f0"]]);
320
+ function $t(t) {
320
321
  return typeof t == "object" && t !== null && typeof t.type == "string" && t.type !== "";
321
322
  }
322
- function Fe(t) {
323
- return Array.isArray(t) && t.length > 0 && t.every(yt);
323
+ function Ne(t) {
324
+ return Array.isArray(t) && t.length > 0 && t.every($t);
324
325
  }
325
- function wt() {
326
+ function Ke() {
326
327
  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);
327
328
  }
328
- function sl(t, l = {}) {
329
- return { key: wt(), type: t, values: l };
329
+ function dl(t, l = {}) {
330
+ return { key: Ke(), type: t, values: l };
330
331
  }
331
- function oe(t, l) {
332
- return _t(t, l, null, null);
332
+ function se(t, l) {
333
+ return Vt(t, l, null, null);
333
334
  }
334
- function _t(t, l, a, s) {
335
+ function Vt(t, l, a, s) {
335
336
  for (let o = 0; o < t.length; o++) {
336
- const i = t[o];
337
- if (i.key === l) return { node: i, parent: a, field: s, list: t, index: o };
338
- for (const [n, h] of Object.entries(i.values ?? {}))
339
- if (Fe(h)) {
340
- const p = _t(h, l, i, n);
341
- if (p) return p;
337
+ const u = t[o];
338
+ if (u.key === l) return { node: u, parent: a, field: s, list: t, index: o };
339
+ for (const [n, v] of Object.entries(u.values ?? {}))
340
+ if (Ne(v)) {
341
+ const z = Vt(v, l, u, n);
342
+ if (z) return z;
342
343
  }
343
344
  }
344
345
  return null;
345
346
  }
346
- function qe(t, l, a = 0, s = null) {
347
+ function Le(t, l, a = 0, s = null) {
347
348
  for (const o of t)
348
- if (yt(o)) {
349
+ if ($t(o)) {
349
350
  l(o, a, s);
350
- for (const i of Object.values(o.values ?? {}))
351
- Fe(i) && qe(i, l, a + 1, o);
351
+ for (const u of Object.values(o.values ?? {}))
352
+ Ne(u) && Le(u, l, a + 1, o);
352
353
  }
353
354
  }
354
- function ol(t, l) {
355
+ function cl(t, l) {
355
356
  let a = 0;
356
- return qe(t, (s) => {
357
+ return Le(t, (s) => {
357
358
  s.type === l && a++;
358
359
  }), a;
359
360
  }
360
- function Fn(t) {
361
+ function pl(t) {
362
+ let l = 0;
363
+ for (const a of Object.values(t.values ?? {}))
364
+ Ne(a) && Le(a, () => l++);
365
+ return l;
366
+ }
367
+ function Qn(t) {
361
368
  const l = [];
362
- return qe(t, (a) => {
369
+ return Le(t, (a) => {
363
370
  l.includes(a.type) || l.push(a.type);
364
371
  }), l;
365
372
  }
366
- function xt(t) {
373
+ function Tt(t) {
367
374
  const l = [];
368
375
  for (const a of t)
369
- a.type === "wx-blocks" && l.push(a), a.children && l.push(...xt(a.children));
376
+ a.type === "wx-blocks" && l.push(a), a.children && l.push(...Tt(a.children));
370
377
  return l;
371
378
  }
372
- function $t(t) {
379
+ function Ct(t) {
373
380
  const l = {};
374
381
  for (const [a, s] of Object.entries(t.values ?? {}))
375
- l[a] = Fe(s) ? s.map($t) : ae(s);
376
- return { key: wt(), type: t.type, values: l };
382
+ l[a] = Ne(s) ? s.map(Ct) : ie(s);
383
+ return t.hidden === !0 ? { key: Ke(), type: t.type, hidden: !0, values: l } : { key: Ke(), type: t.type, values: l };
377
384
  }
378
- function il(t, l, a) {
385
+ function fl(t, l, a) {
386
+ const s = ie(t), o = se(s, l);
387
+ return o ? (a ? o.node.hidden = !0 : delete o.node.hidden, s) : t;
388
+ }
389
+ function vl(t, l, a) {
379
390
  if (l === null) return t;
380
- const s = oe(t, l);
391
+ const s = se(t, l);
381
392
  if (!s || a === null) return null;
382
393
  const o = s.node.values[a];
383
394
  return Array.isArray(o) || (s.node.values[a] = []), s.node.values[a];
384
395
  }
385
- function nt(t, l, a, s, o) {
386
- const i = ae(t), n = il(i, l, a);
387
- return n ? (n.splice(Math.max(0, Math.min(s, n.length)), 0, o), i) : t;
396
+ function it(t, l, a, s, o) {
397
+ const u = ie(t), n = vl(u, l, a);
398
+ return n ? (n.splice(Math.max(0, Math.min(s, n.length)), 0, o), u) : t;
388
399
  }
389
- function rl(t, l) {
390
- const a = ae(t), s = oe(a, l);
400
+ function ml(t, l) {
401
+ const a = ie(t), s = se(a, l);
391
402
  return s ? (s.list.splice(s.index, 1), a) : t;
392
403
  }
393
- function ul(t, l, a) {
394
- const s = ae(t), o = oe(s, l);
404
+ function hl(t, l, a) {
405
+ const s = ie(t), o = se(s, l);
395
406
  return o ? (o.node.values = a, s) : t;
396
407
  }
397
- function cl(t, l, a, s) {
398
- if (l === null) return ae(s);
399
- const o = ae(t), i = oe(o, l);
400
- return !i || a === null ? t : (i.node.values[a] = ae(s), o);
408
+ function bl(t, l, a, s) {
409
+ if (l === null) return ie(s);
410
+ const o = ie(t), u = se(o, l);
411
+ return !u || a === null ? t : (u.node.values[a] = ie(s), o);
401
412
  }
402
- function ae(t) {
413
+ function ie(t) {
403
414
  return t === void 0 ? t : JSON.parse(JSON.stringify(t));
404
415
  }
405
- const dl = {
416
+ const gl = {
406
417
  module: {
407
418
  title: "Blocks"
408
419
  },
@@ -410,6 +421,7 @@ const dl = {
410
421
  blocks: "Blocks",
411
422
  new: "New block",
412
423
  search: "Search by name or identifier",
424
+ "all-groups": "All groups",
413
425
  empty: "No block types yet.",
414
426
  "empty-help": "A block type is made here entirely: its fields, its template, its styles and its script.",
415
427
  "editing-off": "Editing is switched off on this site: the types arrive by import, and the section is read-only.",
@@ -501,8 +513,11 @@ const dl = {
501
513
  done: "Done",
502
514
  remove: "Remove",
503
515
  "remove-title": 'Remove ":title"?',
504
- "remove-text": "The blocks inside it go with it.",
516
+ "remove-text": "The :count blocks inside it go with it.",
505
517
  duplicate: "Duplicate",
518
+ hide: "Hide from the site",
519
+ show: "Show on the site",
520
+ "hidden-note": "Hidden: it is not drawn on the site, nor is anything inside it",
506
521
  empty: "No blocks yet. Add the first one.",
507
522
  "nested-note": "Nested blocks are edited in the tree on the left.",
508
523
  "unknown-type": 'Unknown block type ":type"',
@@ -541,127 +556,127 @@ const dl = {
541
556
  "ok-container": "Width is decided by container queries.",
542
557
  "ok-variables": "Every variable of the template is a field of the schema."
543
558
  }
544
- }, at = /* @__PURE__ */ new WeakSet();
545
- function _e() {
559
+ }, rt = /* @__PURE__ */ new WeakSet();
560
+ function Te() {
546
561
  try {
547
- const { i18n: t } = we();
548
- at.has(t) || (t.defaults("webx-blocks", dl), at.add(t));
562
+ const { i18n: t } = $e();
563
+ rt.has(t) || (t.defaults("webx-blocks", gl), rt.add(t));
549
564
  } catch {
550
565
  }
551
566
  }
552
- const pl = ["block", "entity", "loop", "__env", "errors", "app"];
553
- function fl(t, l, a) {
567
+ const kl = ["block", "entity", "loop", "__env", "errors", "app"];
568
+ function yl(t, l, a) {
554
569
  const s = [];
555
570
  /data-wx-block\s*=/.test(l.template) || s.push({ file: "template", code: "no-marker", line: null, message: a("checks.no-marker") });
556
- const o = ml(l.template, l.schema);
571
+ const o = wl(l.template, l.schema);
557
572
  o.length > 0 && s.push({
558
573
  file: "template",
559
574
  code: "variables-missing",
560
575
  line: null,
561
576
  message: a("checks.variables-missing", {
562
- variables: o.map((_) => `$${_}`).join(", ")
577
+ variables: o.map((g) => `$${g}`).join(", ")
563
578
  })
564
579
  });
565
- const i = [], n = [], h = `.b-${t}`;
566
- for (const [_, k] of vl(l.styles))
567
- _.startsWith(h) || _.startsWith("&") || (/^[a-z][a-z0-9-]*/i.test(_) ? n.push([_, k]) : i.push([_, k]));
568
- i.length > 0 && s.push({
580
+ const u = [], n = [], v = `.b-${t}`;
581
+ for (const [g, m] of _l(l.styles))
582
+ g.startsWith(v) || g.startsWith("&") || (/^[a-z][a-z0-9-]*/i.test(g) ? n.push([g, m]) : u.push([g, m]));
583
+ u.length > 0 && s.push({
569
584
  file: "styles",
570
585
  code: "stray-selectors",
571
- line: i[0][1],
572
- message: a("checks.stray-selectors", { slug: t, selectors: st(i) })
586
+ line: u[0][1],
587
+ message: a("checks.stray-selectors", { slug: t, selectors: ut(u) })
573
588
  }), n.length > 0 && s.push({
574
589
  file: "styles",
575
590
  code: "bare-selectors",
576
591
  line: n[0][1],
577
- message: a("checks.bare-selectors", { selectors: st(n) })
592
+ message: a("checks.bare-selectors", { selectors: ut(n) })
578
593
  });
579
- const p = St(l.styles), S = /@media\b/.exec(p);
580
- return S && s.push({
594
+ const z = Bt(l.styles), c = /@media\b/.exec(z);
595
+ return c && s.push({
581
596
  file: "styles",
582
597
  code: "media-query",
583
- line: Tt(p, S.index),
598
+ line: Wt(z, c.index),
584
599
  message: a("checks.media-query")
585
600
  }), s;
586
601
  }
587
- function Vt(t) {
602
+ function St(t) {
588
603
  const l = [];
589
604
  for (const a of t)
590
- a.id && l.push(a.id), a.children && l.push(...Vt(a.children));
605
+ a.id && l.push(a.id), a.children && l.push(...St(a.children));
591
606
  return l;
592
607
  }
593
- function ml(t, l) {
594
- const a = /* @__PURE__ */ new Set([...Vt(l), ...pl]);
608
+ function wl(t, l) {
609
+ const a = /* @__PURE__ */ new Set([...St(l), ...kl]);
595
610
  for (const o of t.matchAll(/\bas\s+\$([a-zA-Z_]\w*)(?:\s*=>\s*\$([a-zA-Z_]\w*))?/g))
596
611
  a.add(o[1]), o[2] && a.add(o[2]);
597
612
  for (const o of t.matchAll(/\$([a-zA-Z_]\w*)\s*(?:=[^=]|\+\+|--|\.=|\+=|-=)/g))
598
613
  a.add(o[1]);
599
614
  const s = [];
600
615
  for (const o of t.matchAll(/\$([a-zA-Z_]\w*)/g)) {
601
- const i = o[1];
602
- !a.has(i) && !s.includes(i) && s.push(i);
616
+ const u = o[1];
617
+ !a.has(u) && !s.includes(u) && s.push(u);
603
618
  }
604
619
  return s;
605
620
  }
606
- function vl(t) {
607
- const l = St(t), a = [];
621
+ function _l(t) {
622
+ const l = Bt(t), a = [];
608
623
  for (const s of l.matchAll(/([^{};]+)\{/g)) {
609
- const o = s[1], i = o.trim();
610
- if (!(i === "" || i.startsWith("@")))
624
+ const o = s[1], u = o.trim();
625
+ if (!(u === "" || u.startsWith("@")))
611
626
  for (const n of o.split(",")) {
612
- const h = n.trim();
613
- h === "" || h === "from" || h === "to" || h.endsWith("%") || a.push([h, Tt(l, s.index + o.indexOf(h))]);
627
+ const v = n.trim();
628
+ v === "" || v === "from" || v === "to" || v.endsWith("%") || a.push([v, Wt(l, s.index + o.indexOf(v))]);
614
629
  }
615
630
  }
616
631
  return a;
617
632
  }
618
- function St(t) {
633
+ function Bt(t) {
619
634
  return t.replace(/\/\*[\s\S]*?\*\//g, (l) => l.replace(/[^\n]/g, " "));
620
635
  }
621
- function Tt(t, l) {
636
+ function Wt(t, l) {
622
637
  return t.slice(0, Math.max(0, l)).split(`
623
638
  `).length;
624
639
  }
625
- function st(t) {
640
+ function ut(t) {
626
641
  const l = [...new Set(t.map(([a]) => a))];
627
642
  return l.slice(0, 3).join(", ") + (l.length > 3 ? ", …" : "");
628
643
  }
629
- function Je(t) {
644
+ function Qe(t) {
630
645
  return t.map((l) => ({
631
646
  ...l,
632
647
  name: l.name ?? l.id,
633
- children: l.children ? Je(l.children) : l.children
648
+ children: l.children ? Qe(l.children) : l.children
634
649
  }));
635
650
  }
636
651
  function ke(t, l) {
637
652
  const a = `groups.${t}`, s = l(a);
638
653
  return s === a || s === `webx-blocks::${a}` ? t.charAt(0).toUpperCase() + t.slice(1) : s;
639
654
  }
640
- 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 = {
655
+ const xl = { class: "wx-block-editor" }, $l = { class: "wx-block-editor__columns" }, Vl = { class: "wx-block-editor__head" }, Tl = { class: "wx-block-editor__id" }, Cl = ["aria-label", "disabled"], Sl = { class: "wx-block-editor__actions" }, Bl = { class: "wx-block-editor__columns" }, Wl = { class: "wx-block-editor__files" }, Al = { class: "wx-block-editor__pane" }, zl = {
641
656
  key: 0,
642
657
  class: "wx-block-editor__pills"
643
- }, 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 = {
658
+ }, El = ["disabled", "onClick", "textContent"], Ul = { class: "wx-block-editor__pane" }, Il = { class: "wx-block-editor__pane" }, Nl = { class: "wx-block-editor__note" }, Ll = { class: "wx-block-editor__pane" }, Ml = { class: "wx-block-editor__note" }, Pl = { class: "wx-block-editor__settings" }, Ol = {
644
659
  key: 0,
645
660
  class: "is-wide wx-block-editor__danger"
646
- }, Ul = { class: "wx-block-editor__side" }, Il = {
661
+ }, Dl = { class: "wx-block-editor__side" }, Rl = {
647
662
  key: 1,
648
663
  class: "wx-block-editor__usage"
649
- }, Nl = /* @__PURE__ */ K({
664
+ }, jl = /* @__PURE__ */ Y({
650
665
  __name: "BlockEditorPage",
651
666
  props: {
652
667
  base: { default: "/blocks" }
653
668
  },
654
669
  setup(t) {
655
- const l = t, a = we(), s = he(a), o = It(), i = ut();
656
- _e();
657
- 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(() => {
658
- const T = a.state.manifest?.modules.find((v) => v.id === "blocks")?.meta;
670
+ const l = t, a = $e(), s = ge(a), o = Mt(), u = ft();
671
+ Te();
672
+ const n = te("webx-blocks"), v = Ve(), z = C(() => Number(o.params.id)), c = N(null), g = N([]), m = N(!0), f = N(!1), h = N(!1), y = N("template"), w = C(() => {
673
+ const S = a.state.manifest?.modules.find((b) => b.id === "blocks")?.meta;
659
674
  return {
660
- groups: T?.groups ?? [],
661
- editing: T?.editing ?? !0,
662
- provides: T?.provides ?? []
675
+ groups: S?.groups ?? [],
676
+ editing: S?.editing ?? !0,
677
+ provides: S?.provides ?? []
663
678
  };
664
- }), g = C(() => a.can("blocks.manage") && y.value.editing), d = Le({
679
+ }), V = C(() => a.can("blocks.manage") && w.value.editing), k = je({
665
680
  slug: "",
666
681
  title: "",
667
682
  description: "",
@@ -672,427 +687,427 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
672
687
  allowed_in: [],
673
688
  max_per_entity: null,
674
689
  is_enabled: !0
675
- }), w = Le({
690
+ }), T = je({
676
691
  schema: [],
677
692
  template: "",
678
693
  styles: "",
679
694
  script: null,
680
695
  sample: {}
681
- }), B = U("[]"), M = U(null), N = U(""), I = U({}), P = U(null), H = Le({
696
+ }), D = N("[]"), P = N(null), F = N(""), B = N({}), L = N(null), I = je({
682
697
  html: "",
683
698
  styles: "",
684
699
  script: null,
685
700
  runtime: null,
686
701
  loading: !1
687
- }), 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(() => {
688
- const T = [...y.value.groups];
689
- return T.includes(d.group) || T.push(d.group), T.map((v) => ({ value: v, label: ke(v, n) }));
690
- }), be = C({
691
- get: () => w.sample,
692
- set: (T) => {
693
- w.sample = T;
702
+ }), ne = C(() => JSON.stringify({ settings: k, content: T })), re = C(() => F.value !== "" && ne.value !== F.value), Ce = C(() => yl(k.slug, T, n)), Me = C(() => {
703
+ const S = [...w.value.groups];
704
+ return S.includes(k.group) || S.push(k.group), S.map((b) => ({ value: b, label: ke(b, n) }));
705
+ }), Se = C({
706
+ get: () => T.sample,
707
+ set: (S) => {
708
+ T.sample = S;
694
709
  }
695
- }), Ve = C(() => re(w.schema));
696
- function re(T) {
697
- const v = [];
698
- for (const O of T)
699
- O.type !== "wx-blocks" && !(O.children?.length && !O.name) && v.push(O.id), O.children && v.push(...re(O.children));
700
- return v;
710
+ }), ye = C(() => Be(T.schema));
711
+ function Be(S) {
712
+ const b = [];
713
+ for (const j of S)
714
+ j.type !== "wx-blocks" && !(j.children?.length && !j.name) && b.push(j.id), j.children && b.push(...Be(j.children));
715
+ return b;
701
716
  }
702
- function se(T) {
703
- p.value = T, Object.assign(d, {
704
- slug: T.slug,
705
- title: T.title,
706
- description: T.description,
707
- icon: T.icon,
708
- group: T.group,
709
- sort: T.sort,
710
- allow: T.allow ?? [],
711
- allowed_in: T.allowed_in ?? [],
712
- max_per_entity: T.max_per_entity,
713
- is_enabled: T.is_enabled
717
+ function ue(S) {
718
+ c.value = S, Object.assign(k, {
719
+ slug: S.slug,
720
+ title: S.title,
721
+ description: S.description,
722
+ icon: S.icon,
723
+ group: S.group,
724
+ sort: S.sort,
725
+ allow: S.allow ?? [],
726
+ allowed_in: S.allowed_in ?? [],
727
+ max_per_entity: S.max_per_entity,
728
+ is_enabled: S.is_enabled
714
729
  });
715
- const v = T.content ?? {
730
+ const b = S.content ?? {
716
731
  schema: [],
717
732
  template: "",
718
733
  styles: "",
719
734
  script: null,
720
735
  sample: {}
721
736
  };
722
- Object.assign(w, ae(v)), B.value = JSON.stringify(v.schema, null, 2), M.value = null, N.value = xe.value;
737
+ Object.assign(T, ie(b)), D.value = JSON.stringify(b.schema, null, 2), P.value = null, F.value = ne.value;
723
738
  }
724
- async function Se() {
725
- _.value = !0;
739
+ async function we() {
740
+ m.value = !0;
726
741
  try {
727
- se(await s.get(h.value)), S.value = await s.usage(h.value);
728
- } catch (T) {
729
- F.danger(T.body?.message ?? String(T));
742
+ ue(await s.get(z.value)), g.value = await s.usage(z.value);
743
+ } catch (S) {
744
+ q.danger(v(S));
730
745
  } finally {
731
- _.value = !1;
746
+ m.value = !1;
732
747
  }
733
748
  }
734
- function A(T) {
735
- B.value = T;
749
+ function Pe(S) {
750
+ D.value = S;
736
751
  try {
737
- const v = JSON.parse(T);
738
- if (!Array.isArray(v)) throw new Error("not a list");
739
- w.schema = v, M.value = null;
740
- } catch (v) {
741
- M.value = n("page.schema-invalid", { error: v.message });
752
+ const b = JSON.parse(S);
753
+ if (!Array.isArray(b)) throw new Error("not a list");
754
+ T.schema = b, P.value = null;
755
+ } catch (b) {
756
+ P.value = n("page.schema-invalid", { error: b.message });
742
757
  }
743
758
  }
744
- let L, D = 0;
745
- function X() {
746
- clearTimeout(L), L = setTimeout(() => {
747
- ee();
759
+ let E, M = 0;
760
+ function O() {
761
+ clearTimeout(E), E = setTimeout(() => {
762
+ X();
748
763
  }, 250);
749
764
  }
750
- async function ee() {
751
- if (!p.value) return;
752
- const T = ++D;
753
- H.loading = !0;
765
+ async function X() {
766
+ if (!c.value) return;
767
+ const S = ++M;
768
+ I.loading = !0;
754
769
  try {
755
- const v = await s.render(p.value.id, {
756
- values: w.sample,
757
- content: g.value ? {
758
- template: w.template,
759
- styles: w.styles,
760
- script: w.script,
761
- schema: w.schema
770
+ const b = await s.render(c.value.id, {
771
+ values: T.sample,
772
+ content: V.value ? {
773
+ template: T.template,
774
+ styles: T.styles,
775
+ script: T.script,
776
+ schema: T.schema
762
777
  } : void 0
763
778
  });
764
- if (T !== D) return;
765
- H.html = v.html, H.styles = v.styles, H.script = v.script, H.runtime = v.runtime;
766
- } catch (v) {
767
- T === D && F.danger(v.body?.message ?? String(v));
779
+ if (S !== M) return;
780
+ I.html = b.html, I.styles = b.styles, I.script = b.script, I.runtime = b.runtime;
781
+ } catch (b) {
782
+ S === M && q.danger(v(b));
768
783
  } finally {
769
- T === D && (H.loading = !1);
784
+ S === M && (I.loading = !1);
770
785
  }
771
786
  }
772
- le(
773
- () => [w.template, w.styles, w.script, w.schema, w.sample],
774
- X,
787
+ oe(
788
+ () => [T.template, T.styles, T.script, T.schema, T.sample],
789
+ O,
775
790
  { deep: !0 }
776
791
  );
777
- const Te = U(null);
778
- function ge(T) {
779
- return `{{ $${T} }}`;
792
+ const Z = N(null);
793
+ function Oe(S) {
794
+ return `{{ $${S} }}`;
780
795
  }
781
- function Ce(T) {
782
- const O = Te.value?.view?.value;
783
- if (!O) {
784
- w.template += `{{ $${T} }}`;
796
+ function _e(S) {
797
+ const j = Z.value?.view?.value;
798
+ if (!j) {
799
+ T.template += `{{ $${S} }}`;
785
800
  return;
786
801
  }
787
- O.dispatch(O.state.replaceSelection(`{{ $${T} }}`)), O.focus();
802
+ j.dispatch(j.state.replaceSelection(`{{ $${S} }}`)), j.focus();
788
803
  }
789
- async function ue() {
790
- if (!p.value) return;
791
- k.value = !0, I.value = {}, P.value = null;
792
- const T = p.value.draft?.number ?? null;
804
+ async function ce() {
805
+ if (!c.value) return;
806
+ f.value = !0, B.value = {}, L.value = null;
807
+ const S = c.value.draft?.number ?? null;
793
808
  try {
794
- const v = await s.update(p.value.id, {
795
- ...d,
796
- allow: d.allow.length ? d.allow : null,
797
- allowed_in: d.allowed_in.length ? d.allowed_in : null,
798
- description: d.description || null,
799
- icon: d.icon || null,
800
- content: M.value ? { ...w, schema: void 0 } : w
809
+ const b = await s.update(c.value.id, {
810
+ ...k,
811
+ allow: k.allow.length ? k.allow : null,
812
+ allowed_in: k.allowed_in.length ? k.allowed_in : null,
813
+ description: k.description || null,
814
+ icon: k.icon || null,
815
+ content: P.value ? { ...T, schema: void 0 } : T
801
816
  });
802
- se(v), F.success(
803
- v.draft && v.draft.number !== T ? n("page.saved", { number: v.draft.number }) : n("page.unchanged")
817
+ ue(b), q.success(
818
+ b.draft && b.draft.number !== S ? n("page.saved", { number: b.draft.number }) : n("page.unchanged")
804
819
  );
805
- } catch (v) {
806
- const O = v.body;
807
- O?.errors ? (I.value = O.errors, F.danger(n("page.failed"))) : F.danger(O?.message ?? n("page.failed"));
820
+ } catch (b) {
821
+ const j = b.body;
822
+ j?.errors ? (B.value = j.errors, q.danger(n("page.failed"))) : q.danger(v(b, n("page.failed")));
808
823
  } finally {
809
- k.value = !1;
824
+ f.value = !1;
810
825
  }
811
826
  }
812
- async function Be() {
813
- if (!(!p.value?.draft || (ie.value && await ue(), !p.value.draft) || !await Oe({
814
- title: n("page.publish-title", { number: p.value.draft.number }),
815
- message: n("page.publish-text", { count: p.value.usage_count }),
827
+ async function pe() {
828
+ if (!(!c.value?.draft || (re.value && await ce(), !c.value.draft) || !await Ie({
829
+ title: n("page.publish-title", { number: c.value.draft.number }),
830
+ message: n("page.publish-text", { count: c.value.usage_count }),
816
831
  confirmText: n("page.publish"),
817
832
  cancelText: n("page.cancel")
818
833
  }))) {
819
- b.value = !0, P.value = null;
834
+ h.value = !0, L.value = null;
820
835
  try {
821
- se(await s.publish(p.value.id)), F.success(n("page.published", { number: p.value.published?.number ?? 0 }));
822
- } catch (v) {
823
- const O = v.body;
824
- O?.errors ? (P.value = O, m.value = "template", F.danger(n("page.publish-failed"))) : F.danger(O?.message ?? n("page.publish-failed"));
836
+ ue(await s.publish(c.value.id)), q.success(n("page.published", { number: c.value.published?.number ?? 0 }));
837
+ } catch (b) {
838
+ const j = b.body;
839
+ j?.errors ? (L.value = j, y.value = "template", q.danger(n("page.publish-failed"))) : q.danger(v(b, n("page.publish-failed")));
825
840
  } finally {
826
- b.value = !1;
841
+ h.value = !1;
827
842
  }
828
843
  }
829
844
  }
830
- async function Ie() {
831
- if (!(!p.value || !await Oe({
832
- title: n("page.delete-title", { title: p.value.title }),
845
+ async function We() {
846
+ if (!(!c.value || !await Ie({
847
+ title: n("page.delete-title", { title: c.value.title }),
833
848
  message: n("page.delete-text"),
834
849
  confirmText: n("page.delete"),
835
850
  cancelText: n("page.cancel"),
836
851
  tone: "danger"
837
852
  })))
838
853
  try {
839
- await s.remove(p.value.id), F.success(n("page.deleted")), i.push(l.base);
840
- } catch (v) {
841
- F.danger(v.body?.message ?? String(v));
854
+ await s.remove(c.value.id), q.success(n("page.deleted")), u.push(l.base);
855
+ } catch (b) {
856
+ q.danger(v(b));
842
857
  }
843
858
  }
844
- const Bt = C(
845
- () => P.value ? {
846
- message: P.value.errors.template?.[0] ?? P.value.message,
847
- line: P.value.line,
848
- where: P.value.entity ? n("page.failed-on", {
849
- title: P.value.entity.title ?? `#${P.value.entity.id}`
859
+ const De = C(
860
+ () => L.value ? {
861
+ message: L.value.errors.template?.[0] ?? L.value.message,
862
+ line: L.value.line,
863
+ where: L.value.entity ? n("page.failed-on", {
864
+ title: L.value.entity.title ?? `#${L.value.entity.id}`
850
865
  }) : null
851
866
  } : null
852
- ), Ne = C(() => S.value.slice(0, 5));
853
- function te(T) {
854
- return I.value[T]?.[0];
867
+ ), Re = C(() => g.value.slice(0, 5));
868
+ function le(S) {
869
+ return B.value[S]?.[0];
855
870
  }
856
- function Ze(T) {
857
- ie.value && T.preventDefault();
871
+ function et(S) {
872
+ re.value && S.preventDefault();
858
873
  }
859
- return ye(() => {
860
- Se(), window.addEventListener("beforeunload", Ze);
861
- }), Re(() => {
862
- clearTimeout(L), window.removeEventListener("beforeunload", Ze);
863
- }), le(h, () => {
864
- Se();
865
- }), (T, v) => {
866
- const O = je("router-link");
867
- return r(), V("div", hl, [
868
- _.value || !p.value ? (r(), V(j, { key: 0 }, [
869
- u(e(pe), {
874
+ return xe(() => {
875
+ we(), window.addEventListener("beforeunload", et);
876
+ }), Ze(() => {
877
+ clearTimeout(E), window.removeEventListener("beforeunload", et);
878
+ }), oe(z, () => {
879
+ we();
880
+ }), (S, b) => {
881
+ const j = Ge("router-link");
882
+ return i(), x("div", xl, [
883
+ m.value || !c.value ? (i(), x(H, { key: 0 }, [
884
+ r(e(me), {
870
885
  class: "wx-block-editor__ghost-head",
871
886
  title: "",
872
887
  rows: 1
873
888
  }),
874
- x("div", bl, [
875
- u(e(ce), null, {
876
- default: c(() => [
877
- u(e(pe), { rows: 8 })
889
+ $("div", $l, [
890
+ r(e(fe), null, {
891
+ default: d(() => [
892
+ r(e(me), { rows: 8 })
878
893
  ]),
879
894
  _: 1
880
895
  }),
881
- u(e(ce), null, {
882
- default: c(() => [
883
- u(e(pe), { rows: 4 })
896
+ r(e(fe), null, {
897
+ default: d(() => [
898
+ r(e(me), { rows: 4 })
884
899
  ]),
885
900
  _: 1
886
901
  })
887
902
  ])
888
- ], 64)) : (r(), V(j, { key: 1 }, [
889
- x("div", gl, [
890
- x("div", kl, [
891
- u(O, {
903
+ ], 64)) : (i(), x(H, { key: 1 }, [
904
+ $("div", Vl, [
905
+ $("div", Tl, [
906
+ r(j, {
892
907
  to: t.base,
893
908
  class: "wx-block-editor__back"
894
909
  }, {
895
- default: c(() => [
896
- $("‹ " + f(e(n)("page.back")), 1)
910
+ default: d(() => [
911
+ _("‹ " + p(e(n)("page.back")), 1)
897
912
  ]),
898
913
  _: 1
899
914
  }, 8, ["to"]),
900
- Wt(x("input", {
901
- "onUpdate:modelValue": v[0] || (v[0] = (z) => d.title = z),
915
+ zt($("input", {
916
+ "onUpdate:modelValue": b[0] || (b[0] = (U) => k.title = U),
902
917
  class: "wx-block-editor__title",
903
918
  "aria-label": e(n)("page.title"),
904
- disabled: !g.value
905
- }, null, 8, yl), [
906
- [At, d.title]
919
+ disabled: !V.value
920
+ }, null, 8, Cl), [
921
+ [Et, k.title]
907
922
  ]),
908
- u(e(R), {
923
+ r(e(R), {
909
924
  size: "sm",
910
925
  tone: "muted"
911
926
  }, {
912
- default: c(() => [
913
- x("code", null, f(d.slug), 1),
914
- $(" · " + f(e(ke)(d.group, e(n))) + " · " + f(p.value.usage_count > 0 ? e(n)("page.on-pages", { count: p.value.usage_count }) : e(n)("page.not-used")), 1)
927
+ default: d(() => [
928
+ $("code", null, p(k.slug), 1),
929
+ _(" · " + p(e(ke)(k.group, e(n))) + " · " + p(c.value.usage_count > 0 ? e(n)("page.on-pages", { count: c.value.usage_count }) : e(n)("page.not-used")), 1)
915
930
  ]),
916
931
  _: 1
917
932
  })
918
933
  ]),
919
- x("div", wl, [
920
- ie.value ? (r(), W(e(G), {
934
+ $("div", Sl, [
935
+ re.value ? (i(), W(e(K), {
921
936
  key: 0,
922
937
  type: "primary",
923
938
  dot: ""
924
939
  }, {
925
- default: c(() => [
926
- $(f(e(n)("page.unsaved")), 1)
940
+ default: d(() => [
941
+ _(p(e(n)("page.unsaved")), 1)
927
942
  ]),
928
943
  _: 1
929
- })) : E("", !0),
930
- p.value.draft ? (r(), W(e(G), {
944
+ })) : A("", !0),
945
+ c.value.draft ? (i(), W(e(K), {
931
946
  key: 1,
932
947
  type: "warning",
933
948
  dot: ""
934
949
  }, {
935
- default: c(() => [
936
- $(f(e(n)("page.draft", { number: p.value.draft.number })), 1)
950
+ default: d(() => [
951
+ _(p(e(n)("page.draft", { number: c.value.draft.number })), 1)
937
952
  ]),
938
953
  _: 1
939
- })) : E("", !0),
940
- p.value.published ? (r(), W(e(G), {
954
+ })) : A("", !0),
955
+ c.value.published ? (i(), W(e(K), {
941
956
  key: 2,
942
957
  type: "success",
943
958
  dot: ""
944
959
  }, {
945
- default: c(() => [
946
- $(f(e(n)("page.live", { number: p.value.published.number })), 1)
960
+ default: d(() => [
961
+ _(p(e(n)("page.live", { number: c.value.published.number })), 1)
947
962
  ]),
948
963
  _: 1
949
- })) : (r(), W(e(G), {
964
+ })) : (i(), W(e(K), {
950
965
  key: 3,
951
966
  type: "default"
952
967
  }, {
953
- default: c(() => [
954
- $(f(e(n)("page.never-published")), 1)
968
+ default: d(() => [
969
+ _(p(e(n)("page.never-published")), 1)
955
970
  ]),
956
971
  _: 1
957
972
  })),
958
- g.value ? (r(), V(j, { key: 4 }, [
959
- u(e(q), {
973
+ V.value ? (i(), x(H, { key: 4 }, [
974
+ r(e(J), {
960
975
  variant: "outline",
961
- loading: k.value,
962
- onClick: ue
976
+ loading: f.value,
977
+ onClick: ce
963
978
  }, {
964
- default: c(() => [
965
- $(f(e(n)("page.save")), 1)
979
+ default: d(() => [
980
+ _(p(e(n)("page.save")), 1)
966
981
  ]),
967
982
  _: 1
968
983
  }, 8, ["loading"]),
969
- u(e(q), {
984
+ r(e(J), {
970
985
  type: "primary",
971
- loading: b.value,
972
- disabled: !p.value.draft && !ie.value,
973
- onClick: Be
986
+ loading: h.value,
987
+ disabled: !c.value.draft && !re.value,
988
+ onClick: pe
974
989
  }, {
975
- default: c(() => [
976
- $(f(e(n)("page.publish")), 1)
990
+ default: d(() => [
991
+ _(p(e(n)("page.publish")), 1)
977
992
  ]),
978
993
  _: 1
979
994
  }, 8, ["loading", "disabled"])
980
- ], 64)) : E("", !0)
995
+ ], 64)) : A("", !0)
981
996
  ])
982
997
  ]),
983
- y.value.editing ? E("", !0) : (r(), W(e(dt), {
998
+ w.value.editing ? A("", !0) : (i(), W(e(mt), {
984
999
  key: 0,
985
1000
  type: "info",
986
1001
  variant: "soft",
987
1002
  description: e(n)("page.editing-off")
988
1003
  }, null, 8, ["description"])),
989
- x("div", _l, [
990
- x("div", xl, [
991
- u(e(Lt), {
992
- modelValue: m.value,
993
- "onUpdate:modelValue": v[13] || (v[13] = (z) => m.value = z),
1004
+ $("div", Bl, [
1005
+ $("div", Wl, [
1006
+ r(e(Rt), {
1007
+ modelValue: y.value,
1008
+ "onUpdate:modelValue": b[13] || (b[13] = (U) => y.value = U),
994
1009
  "keep-alive": ""
995
1010
  }, {
996
- default: c(() => [
997
- u(e(de), {
1011
+ default: d(() => [
1012
+ r(e(ve), {
998
1013
  value: "template",
999
1014
  label: e(n)("page.tab-template")
1000
1015
  }, {
1001
- default: c(() => [
1002
- x("div", $l, [
1003
- u(e(We), {
1016
+ default: d(() => [
1017
+ $("div", Al, [
1018
+ r(e(Ae), {
1004
1019
  ref_key: "templateEditor",
1005
- ref: Te,
1006
- modelValue: w.template,
1007
- "onUpdate:modelValue": v[1] || (v[1] = (z) => w.template = z),
1020
+ ref: Z,
1021
+ modelValue: T.template,
1022
+ "onUpdate:modelValue": b[1] || (b[1] = (U) => T.template = U),
1008
1023
  language: "php",
1009
- readonly: !g.value,
1024
+ readonly: !V.value,
1010
1025
  "min-height": "340px",
1011
1026
  "max-height": "70vh",
1012
1027
  "line-wrapping": ""
1013
1028
  }, null, 8, ["modelValue", "readonly"]),
1014
- Ve.value.length ? (r(), V("div", Vl, [
1015
- u(e(R), {
1029
+ ye.value.length ? (i(), x("div", zl, [
1030
+ r(e(R), {
1016
1031
  size: "sm",
1017
1032
  tone: "muted"
1018
1033
  }, {
1019
- default: c(() => [
1020
- $(f(e(n)("page.insert-field")), 1)
1034
+ default: d(() => [
1035
+ _(p(e(n)("page.insert-field")), 1)
1021
1036
  ]),
1022
1037
  _: 1
1023
1038
  }),
1024
- (r(!0), V(j, null, Y(Ve.value, (z) => (r(), V("button", {
1025
- key: z,
1039
+ (i(!0), x(H, null, ee(ye.value, (U) => (i(), x("button", {
1040
+ key: U,
1026
1041
  type: "button",
1027
1042
  class: "wx-block-editor__pill",
1028
- disabled: !g.value,
1029
- onClick: (Pn) => Ce(z),
1030
- textContent: f(ge(z))
1031
- }, null, 8, Sl))), 128))
1032
- ])) : E("", !0),
1033
- u(et, {
1043
+ disabled: !V.value,
1044
+ onClick: (qn) => _e(U),
1045
+ textContent: p(Oe(U))
1046
+ }, null, 8, El))), 128))
1047
+ ])) : A("", !0),
1048
+ r(at, {
1034
1049
  file: "template",
1035
- lints: $e.value,
1036
- slug: d.slug,
1037
- error: Bt.value
1050
+ lints: Ce.value,
1051
+ slug: k.slug,
1052
+ error: De.value
1038
1053
  }, null, 8, ["lints", "slug", "error"])
1039
1054
  ])
1040
1055
  ]),
1041
1056
  _: 1
1042
1057
  }, 8, ["label"]),
1043
- u(e(de), {
1058
+ r(e(ve), {
1044
1059
  value: "styles",
1045
1060
  label: e(n)("page.tab-styles")
1046
1061
  }, {
1047
- default: c(() => [
1048
- x("div", Tl, [
1049
- u(e(We), {
1050
- modelValue: w.styles,
1051
- "onUpdate:modelValue": v[2] || (v[2] = (z) => w.styles = z),
1062
+ default: d(() => [
1063
+ $("div", Ul, [
1064
+ r(e(Ae), {
1065
+ modelValue: T.styles,
1066
+ "onUpdate:modelValue": b[2] || (b[2] = (U) => T.styles = U),
1052
1067
  language: "css",
1053
- readonly: !g.value,
1068
+ readonly: !V.value,
1054
1069
  "min-height": "340px",
1055
1070
  "max-height": "70vh"
1056
1071
  }, null, 8, ["modelValue", "readonly"]),
1057
- u(et, {
1072
+ r(at, {
1058
1073
  file: "styles",
1059
- lints: $e.value,
1060
- slug: d.slug
1074
+ lints: Ce.value,
1075
+ slug: k.slug
1061
1076
  }, null, 8, ["lints", "slug"])
1062
1077
  ])
1063
1078
  ]),
1064
1079
  _: 1
1065
1080
  }, 8, ["label"]),
1066
- u(e(de), {
1081
+ r(e(ve), {
1067
1082
  value: "script",
1068
1083
  label: e(n)("page.tab-script")
1069
1084
  }, {
1070
- default: c(() => [
1071
- x("div", Cl, [
1072
- u(e(We), {
1073
- "model-value": w.script ?? "",
1085
+ default: d(() => [
1086
+ $("div", Il, [
1087
+ r(e(Ae), {
1088
+ "model-value": T.script ?? "",
1074
1089
  language: "javascript",
1075
- readonly: !g.value,
1090
+ readonly: !V.value,
1076
1091
  "min-height": "340px",
1077
1092
  "max-height": "70vh",
1078
- "onUpdate:modelValue": v[3] || (v[3] = (z) => w.script = z || null)
1093
+ "onUpdate:modelValue": b[3] || (b[3] = (U) => T.script = U || null)
1079
1094
  }, null, 8, ["model-value", "readonly"]),
1080
- x("div", Bl, [
1081
- u(e(R), {
1095
+ $("div", Nl, [
1096
+ r(e(R), {
1082
1097
  size: "sm",
1083
1098
  tone: "muted"
1084
1099
  }, {
1085
- default: c(() => [
1086
- $(f(e(n)("page.script-help")), 1)
1100
+ default: d(() => [
1101
+ _(p(e(n)("page.script-help")), 1)
1087
1102
  ]),
1088
1103
  _: 1
1089
1104
  }),
1090
- u(e(R), {
1105
+ r(e(R), {
1091
1106
  size: "sm",
1092
1107
  tone: "muted"
1093
1108
  }, {
1094
- default: c(() => [
1095
- $(f(y.value.provides.length ? e(n)("page.provides", { names: y.value.provides.join(", ") }) : e(n)("page.provides-none")), 1)
1109
+ default: d(() => [
1110
+ _(p(w.value.provides.length ? e(n)("page.provides", { names: w.value.provides.join(", ") }) : e(n)("page.provides-none")), 1)
1096
1111
  ]),
1097
1112
  _: 1
1098
1113
  })
@@ -1101,47 +1116,47 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
1101
1116
  ]),
1102
1117
  _: 1
1103
1118
  }, 8, ["label"]),
1104
- u(e(de), {
1119
+ r(e(ve), {
1105
1120
  value: "fields",
1106
1121
  label: e(n)("page.tab-fields")
1107
1122
  }, {
1108
- default: c(() => [
1109
- x("div", Wl, [
1110
- u(e(We), {
1111
- "model-value": B.value,
1123
+ default: d(() => [
1124
+ $("div", Ll, [
1125
+ r(e(Ae), {
1126
+ "model-value": D.value,
1112
1127
  language: "json",
1113
1128
  lint: "",
1114
- readonly: !g.value,
1129
+ readonly: !V.value,
1115
1130
  "min-height": "340px",
1116
1131
  "max-height": "70vh",
1117
- "onUpdate:modelValue": A
1132
+ "onUpdate:modelValue": Pe
1118
1133
  }, null, 8, ["model-value", "readonly"]),
1119
- x("div", Al, [
1120
- M.value ? (r(), W(e(R), {
1134
+ $("div", Ml, [
1135
+ P.value ? (i(), W(e(R), {
1121
1136
  key: 0,
1122
1137
  size: "sm",
1123
1138
  tone: "danger"
1124
1139
  }, {
1125
- default: c(() => [
1126
- $(f(M.value), 1)
1140
+ default: d(() => [
1141
+ _(p(P.value), 1)
1127
1142
  ]),
1128
1143
  _: 1
1129
- })) : te("content.schema") ? (r(), W(e(R), {
1144
+ })) : le("content.schema") ? (i(), W(e(R), {
1130
1145
  key: 1,
1131
1146
  size: "sm",
1132
1147
  tone: "danger"
1133
1148
  }, {
1134
- default: c(() => [
1135
- $(f(te("content.schema")), 1)
1149
+ default: d(() => [
1150
+ _(p(le("content.schema")), 1)
1136
1151
  ]),
1137
1152
  _: 1
1138
- })) : (r(), W(e(R), {
1153
+ })) : (i(), W(e(R), {
1139
1154
  key: 2,
1140
1155
  size: "sm",
1141
1156
  tone: "muted"
1142
1157
  }, {
1143
- default: c(() => [
1144
- $(f(e(n)("page.fields-help")), 1)
1158
+ default: d(() => [
1159
+ _(p(e(n)("page.fields-help")), 1)
1145
1160
  ]),
1146
1161
  _: 1
1147
1162
  }))
@@ -1150,169 +1165,169 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
1150
1165
  ]),
1151
1166
  _: 1
1152
1167
  }, 8, ["label"]),
1153
- u(e(de), {
1168
+ r(e(ve), {
1154
1169
  value: "settings",
1155
1170
  label: e(n)("page.tab-settings")
1156
1171
  }, {
1157
- default: c(() => [
1158
- u(e(ce), { class: "wx-block-editor__sheet" }, {
1159
- default: c(() => [
1160
- x("div", zl, [
1161
- u(e(J), {
1172
+ default: d(() => [
1173
+ r(e(fe), { class: "wx-block-editor__sheet" }, {
1174
+ default: d(() => [
1175
+ $("div", Pl, [
1176
+ r(e(G), {
1162
1177
  label: e(n)("page.identifier"),
1163
1178
  help: e(n)("page.identifier-help"),
1164
- error: te("slug"),
1165
- disabled: !g.value
1179
+ error: le("slug"),
1180
+ disabled: !V.value
1166
1181
  }, {
1167
- default: c(() => [
1168
- u(e(ve), {
1169
- modelValue: d.slug,
1170
- "onUpdate:modelValue": v[4] || (v[4] = (z) => d.slug = z)
1182
+ default: d(() => [
1183
+ r(e(be), {
1184
+ modelValue: k.slug,
1185
+ "onUpdate:modelValue": b[4] || (b[4] = (U) => k.slug = U)
1171
1186
  }, null, 8, ["modelValue"])
1172
1187
  ]),
1173
1188
  _: 1
1174
1189
  }, 8, ["label", "help", "error", "disabled"]),
1175
- u(e(J), {
1190
+ r(e(G), {
1176
1191
  label: e(n)("page.group"),
1177
1192
  help: e(n)("page.group-help"),
1178
- error: te("group"),
1179
- disabled: !g.value
1193
+ error: le("group"),
1194
+ disabled: !V.value
1180
1195
  }, {
1181
- default: c(() => [
1182
- u(e(pt), {
1183
- modelValue: d.group,
1184
- "onUpdate:modelValue": v[5] || (v[5] = (z) => d.group = z),
1185
- options: Ue.value
1196
+ default: d(() => [
1197
+ r(e(ht), {
1198
+ modelValue: k.group,
1199
+ "onUpdate:modelValue": b[5] || (b[5] = (U) => k.group = U),
1200
+ options: Me.value
1186
1201
  }, null, 8, ["modelValue", "options"])
1187
1202
  ]),
1188
1203
  _: 1
1189
1204
  }, 8, ["label", "help", "error", "disabled"]),
1190
- u(e(J), {
1205
+ r(e(G), {
1191
1206
  class: "is-wide",
1192
1207
  label: e(n)("page.description"),
1193
1208
  help: e(n)("page.description-help"),
1194
- error: te("description"),
1195
- disabled: !g.value
1209
+ error: le("description"),
1210
+ disabled: !V.value
1196
1211
  }, {
1197
- default: c(() => [
1198
- u(e(Mt), {
1199
- "model-value": d.description ?? "",
1212
+ default: d(() => [
1213
+ r(e(jt), {
1214
+ "model-value": k.description ?? "",
1200
1215
  rows: 2,
1201
- "onUpdate:modelValue": v[6] || (v[6] = (z) => d.description = String(z ?? ""))
1216
+ "onUpdate:modelValue": b[6] || (b[6] = (U) => k.description = String(U ?? ""))
1202
1217
  }, null, 8, ["model-value"])
1203
1218
  ]),
1204
1219
  _: 1
1205
1220
  }, 8, ["label", "help", "error", "disabled"]),
1206
- u(e(J), {
1221
+ r(e(G), {
1207
1222
  label: e(n)("page.icon"),
1208
- error: te("icon"),
1209
- disabled: !g.value
1223
+ error: le("icon"),
1224
+ disabled: !V.value
1210
1225
  }, {
1211
- default: c(() => [
1212
- u(e(ve), {
1213
- "model-value": d.icon ?? "",
1226
+ default: d(() => [
1227
+ r(e(be), {
1228
+ "model-value": k.icon ?? "",
1214
1229
  placeholder: "grid",
1215
- "onUpdate:modelValue": v[7] || (v[7] = (z) => d.icon = String(z ?? ""))
1230
+ "onUpdate:modelValue": b[7] || (b[7] = (U) => k.icon = String(U ?? ""))
1216
1231
  }, null, 8, ["model-value"])
1217
1232
  ]),
1218
1233
  _: 1
1219
1234
  }, 8, ["label", "error", "disabled"]),
1220
- u(e(J), {
1235
+ r(e(G), {
1221
1236
  label: e(n)("page.sort"),
1222
1237
  help: e(n)("page.sort-help"),
1223
- error: te("sort"),
1224
- disabled: !g.value
1238
+ error: le("sort"),
1239
+ disabled: !V.value
1225
1240
  }, {
1226
- default: c(() => [
1227
- u(e(Ye), {
1228
- modelValue: d.sort,
1229
- "onUpdate:modelValue": v[8] || (v[8] = (z) => d.sort = z)
1241
+ default: d(() => [
1242
+ r(e(lt), {
1243
+ modelValue: k.sort,
1244
+ "onUpdate:modelValue": b[8] || (b[8] = (U) => k.sort = U)
1230
1245
  }, null, 8, ["modelValue"])
1231
1246
  ]),
1232
1247
  _: 1
1233
1248
  }, 8, ["label", "help", "error", "disabled"]),
1234
- u(e(J), {
1249
+ r(e(G), {
1235
1250
  label: e(n)("page.allow"),
1236
1251
  help: e(n)("page.allow-help"),
1237
- error: te("allow"),
1238
- disabled: !g.value
1252
+ error: le("allow"),
1253
+ disabled: !V.value
1239
1254
  }, {
1240
- default: c(() => [
1241
- u(e(Qe), {
1242
- modelValue: d.allow,
1243
- "onUpdate:modelValue": v[9] || (v[9] = (z) => d.allow = z),
1255
+ default: d(() => [
1256
+ r(e(nt), {
1257
+ modelValue: k.allow,
1258
+ "onUpdate:modelValue": b[9] || (b[9] = (U) => k.allow = U),
1244
1259
  "allow-create": ""
1245
1260
  }, null, 8, ["modelValue"])
1246
1261
  ]),
1247
1262
  _: 1
1248
1263
  }, 8, ["label", "help", "error", "disabled"]),
1249
- u(e(J), {
1264
+ r(e(G), {
1250
1265
  label: e(n)("page.allowed-in"),
1251
1266
  help: e(n)("page.allowed-in-help"),
1252
- error: te("allowed_in"),
1253
- disabled: !g.value
1267
+ error: le("allowed_in"),
1268
+ disabled: !V.value
1254
1269
  }, {
1255
- default: c(() => [
1256
- u(e(Qe), {
1257
- modelValue: d.allowed_in,
1258
- "onUpdate:modelValue": v[10] || (v[10] = (z) => d.allowed_in = z),
1270
+ default: d(() => [
1271
+ r(e(nt), {
1272
+ modelValue: k.allowed_in,
1273
+ "onUpdate:modelValue": b[10] || (b[10] = (U) => k.allowed_in = U),
1259
1274
  "allow-create": "",
1260
1275
  suggestions: ["root"]
1261
1276
  }, null, 8, ["modelValue"])
1262
1277
  ]),
1263
1278
  _: 1
1264
1279
  }, 8, ["label", "help", "error", "disabled"]),
1265
- u(e(J), {
1280
+ r(e(G), {
1266
1281
  label: e(n)("page.max-per-entity"),
1267
1282
  help: e(n)("page.max-per-entity-help"),
1268
- error: te("max_per_entity"),
1269
- disabled: !g.value
1283
+ error: le("max_per_entity"),
1284
+ disabled: !V.value
1270
1285
  }, {
1271
- default: c(() => [
1272
- u(e(Ye), {
1273
- "model-value": d.max_per_entity ?? void 0,
1286
+ default: d(() => [
1287
+ r(e(lt), {
1288
+ "model-value": k.max_per_entity ?? void 0,
1274
1289
  min: 1,
1275
- "onUpdate:modelValue": v[11] || (v[11] = (z) => d.max_per_entity = z ?? null)
1290
+ "onUpdate:modelValue": b[11] || (b[11] = (U) => k.max_per_entity = U ?? null)
1276
1291
  }, null, 8, ["model-value"])
1277
1292
  ]),
1278
1293
  _: 1
1279
1294
  }, 8, ["label", "help", "error", "disabled"]),
1280
- u(e(J), {
1295
+ r(e(G), {
1281
1296
  label: e(n)("page.enabled"),
1282
1297
  help: e(n)("page.enabled-help"),
1283
- disabled: !g.value
1298
+ disabled: !V.value
1284
1299
  }, {
1285
- default: c(() => [
1286
- u(e(Pt), {
1287
- modelValue: d.is_enabled,
1288
- "onUpdate:modelValue": v[12] || (v[12] = (z) => d.is_enabled = z)
1300
+ default: d(() => [
1301
+ r(e(Ht), {
1302
+ modelValue: k.is_enabled,
1303
+ "onUpdate:modelValue": b[12] || (b[12] = (U) => k.is_enabled = U)
1289
1304
  }, null, 8, ["modelValue"])
1290
1305
  ]),
1291
1306
  _: 1
1292
1307
  }, 8, ["label", "help", "disabled"]),
1293
- g.value ? (r(), V("div", El, [
1294
- u(e(q), {
1308
+ V.value ? (i(), x("div", Ol, [
1309
+ r(e(J), {
1295
1310
  type: "danger",
1296
1311
  variant: "outline",
1297
- disabled: p.value.usage_count > 0,
1298
- onClick: Ie
1312
+ disabled: c.value.usage_count > 0,
1313
+ onClick: We
1299
1314
  }, {
1300
- default: c(() => [
1301
- $(f(e(n)("page.delete")), 1)
1315
+ default: d(() => [
1316
+ _(p(e(n)("page.delete")), 1)
1302
1317
  ]),
1303
1318
  _: 1
1304
1319
  }, 8, ["disabled"]),
1305
- p.value.usage_count > 0 ? (r(), W(e(R), {
1320
+ c.value.usage_count > 0 ? (i(), W(e(R), {
1306
1321
  key: 0,
1307
1322
  size: "sm",
1308
1323
  tone: "muted"
1309
1324
  }, {
1310
- default: c(() => [
1311
- $(f(e(n)("page.delete-used", { count: p.value.usage_count })), 1)
1325
+ default: d(() => [
1326
+ _(p(e(n)("page.delete-used", { count: c.value.usage_count })), 1)
1312
1327
  ]),
1313
1328
  _: 1
1314
- })) : E("", !0)
1315
- ])) : E("", !0)
1329
+ })) : A("", !0)
1330
+ ])) : A("", !0)
1316
1331
  ])
1317
1332
  ]),
1318
1333
  _: 1
@@ -1320,20 +1335,20 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
1320
1335
  ]),
1321
1336
  _: 1
1322
1337
  }, 8, ["label"]),
1323
- u(e(de), {
1338
+ r(e(ve), {
1324
1339
  value: "history",
1325
1340
  label: e(n)("page.tab-history")
1326
1341
  }, {
1327
- default: c(() => [
1328
- u(e(ce), {
1342
+ default: d(() => [
1343
+ r(e(fe), {
1329
1344
  class: "wx-block-editor__sheet",
1330
1345
  padding: "none"
1331
1346
  }, {
1332
- default: c(() => [
1333
- u(Gt, {
1334
- block: p.value,
1335
- "can-manage": g.value,
1336
- onRestored: se
1347
+ default: d(() => [
1348
+ r(tl, {
1349
+ block: c.value,
1350
+ "can-manage": V.value,
1351
+ onRestored: ue
1337
1352
  }, null, 8, ["block", "can-manage"])
1338
1353
  ]),
1339
1354
  _: 1
@@ -1345,95 +1360,153 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
1345
1360
  _: 1
1346
1361
  }, 8, ["modelValue"])
1347
1362
  ]),
1348
- x("div", Ul, [
1349
- u(al, {
1350
- html: H.html,
1351
- styles: H.styles,
1352
- script: H.script,
1353
- runtime: H.runtime,
1354
- loading: H.loading
1363
+ $("div", Dl, [
1364
+ r(ul, {
1365
+ html: I.html,
1366
+ styles: I.styles,
1367
+ script: I.script,
1368
+ runtime: I.runtime,
1369
+ loading: I.loading
1355
1370
  }, null, 8, ["html", "styles", "script", "runtime", "loading"]),
1356
- u(e(ce), {
1371
+ r(e(fe), {
1357
1372
  title: e(n)("page.sample")
1358
1373
  }, {
1359
- default: c(() => [
1360
- w.schema.length ? (r(), W(e(bt), {
1374
+ default: d(() => [
1375
+ T.schema.length ? (i(), W(e(wt), {
1361
1376
  key: 0,
1362
- modelValue: be.value,
1363
- "onUpdate:modelValue": v[14] || (v[14] = (z) => be.value = z),
1364
- root: e(Je)(w.schema),
1377
+ modelValue: Se.value,
1378
+ "onUpdate:modelValue": b[14] || (b[14] = (U) => Se.value = U),
1379
+ root: e(Qe)(T.schema),
1365
1380
  types: e(a).types,
1366
1381
  translate: e(a).i18n.t,
1367
1382
  can: e(a).can,
1368
- disabled: !g.value,
1383
+ disabled: !V.value,
1369
1384
  size: "sm"
1370
- }, null, 8, ["modelValue", "root", "types", "translate", "can", "disabled"])) : E("", !0),
1371
- u(e(R), {
1385
+ }, null, 8, ["modelValue", "root", "types", "translate", "can", "disabled"])) : A("", !0),
1386
+ r(e(R), {
1372
1387
  size: "sm",
1373
1388
  tone: "muted"
1374
1389
  }, {
1375
- default: c(() => [
1376
- $(f(e(n)("page.sample-help")), 1)
1390
+ default: d(() => [
1391
+ _(p(e(n)("page.sample-help")), 1)
1377
1392
  ]),
1378
1393
  _: 1
1379
1394
  })
1380
1395
  ]),
1381
1396
  _: 1
1382
1397
  }, 8, ["title"]),
1383
- u(e(ce), {
1398
+ r(e(fe), {
1384
1399
  title: e(n)("page.usage")
1385
1400
  }, {
1386
- default: c(() => [
1387
- S.value.length === 0 ? (r(), W(e(R), {
1401
+ default: d(() => [
1402
+ g.value.length === 0 ? (i(), W(e(R), {
1388
1403
  key: 0,
1389
1404
  size: "sm",
1390
1405
  tone: "muted"
1391
1406
  }, {
1392
- default: c(() => [
1393
- $(f(e(n)("page.usage-empty")), 1)
1407
+ default: d(() => [
1408
+ _(p(e(n)("page.usage-empty")), 1)
1394
1409
  ]),
1395
1410
  _: 1
1396
- })) : (r(), V("div", Il, [
1397
- (r(!0), V(j, null, Y(Ne.value, (z) => (r(), V("div", {
1398
- key: `${z.model}:${z.id}`,
1411
+ })) : (i(), x("div", Rl, [
1412
+ (i(!0), x(H, null, ee(Re.value, (U) => (i(), x("div", {
1413
+ key: `${U.model}:${U.id}`,
1399
1414
  class: "wx-block-editor__use"
1400
1415
  }, [
1401
- x("span", null, f(z.title ?? `#${z.id}`), 1),
1402
- z.published ? E("", !0) : (r(), W(e(G), {
1416
+ $("span", null, p(U.title ?? `#${U.id}`), 1),
1417
+ U.published ? A("", !0) : (i(), W(e(K), {
1403
1418
  key: 0,
1404
1419
  type: "warning",
1405
1420
  size: "sm"
1406
1421
  }, {
1407
- default: c(() => [
1408
- $(f(e(n)("page.unpublished-page")), 1)
1422
+ default: d(() => [
1423
+ _(p(e(n)("page.unpublished-page")), 1)
1409
1424
  ]),
1410
1425
  _: 1
1411
1426
  }))
1412
1427
  ]))), 128)),
1413
- S.value.length > Ne.value.length ? (r(), W(e(R), {
1428
+ g.value.length > Re.value.length ? (i(), W(e(R), {
1414
1429
  key: 0,
1415
1430
  size: "sm",
1416
1431
  tone: "muted"
1417
1432
  }, {
1418
- default: c(() => [
1419
- $(f(e(n)("page.usage-more", { count: S.value.length - Ne.value.length })), 1)
1433
+ default: d(() => [
1434
+ _(p(e(n)("page.usage-more", { count: g.value.length - Re.value.length })), 1)
1420
1435
  ]),
1421
1436
  _: 1
1422
- })) : E("", !0)
1437
+ })) : A("", !0)
1423
1438
  ]))
1424
1439
  ]),
1425
1440
  _: 1
1426
1441
  }, 8, ["title"])
1427
1442
  ])
1428
- ])
1443
+ ]),
1444
+ V.value ? (i(), W(e(Ft), { key: 1 }, {
1445
+ state: d(() => [
1446
+ re.value ? (i(), W(e(K), {
1447
+ key: 0,
1448
+ type: "primary",
1449
+ dot: ""
1450
+ }, {
1451
+ default: d(() => [
1452
+ _(p(e(n)("page.unsaved")), 1)
1453
+ ]),
1454
+ _: 1
1455
+ })) : A("", !0),
1456
+ c.value.draft ? (i(), W(e(K), {
1457
+ key: 1,
1458
+ type: "warning",
1459
+ dot: ""
1460
+ }, {
1461
+ default: d(() => [
1462
+ _(p(e(n)("page.draft", { number: c.value.draft.number })), 1)
1463
+ ]),
1464
+ _: 1
1465
+ })) : A("", !0),
1466
+ c.value.published ? (i(), W(e(K), {
1467
+ key: 2,
1468
+ type: "success",
1469
+ dot: ""
1470
+ }, {
1471
+ default: d(() => [
1472
+ _(p(e(n)("page.live", { number: c.value.published.number })), 1)
1473
+ ]),
1474
+ _: 1
1475
+ })) : A("", !0)
1476
+ ]),
1477
+ default: d(() => [
1478
+ r(e(J), {
1479
+ variant: "outline",
1480
+ loading: f.value,
1481
+ onClick: ce
1482
+ }, {
1483
+ default: d(() => [
1484
+ _(p(e(n)("page.save")), 1)
1485
+ ]),
1486
+ _: 1
1487
+ }, 8, ["loading"]),
1488
+ r(e(J), {
1489
+ type: "primary",
1490
+ loading: h.value,
1491
+ disabled: !c.value.draft && !re.value,
1492
+ onClick: pe
1493
+ }, {
1494
+ default: d(() => [
1495
+ _(p(e(n)("page.publish")), 1)
1496
+ ]),
1497
+ _: 1
1498
+ }, 8, ["loading", "disabled"])
1499
+ ]),
1500
+ _: 1
1501
+ })) : A("", !0)
1429
1502
  ], 64))
1430
1503
  ]);
1431
1504
  };
1432
1505
  }
1433
- }), Ll = /* @__PURE__ */ Z(Nl, [["__scopeId", "data-v-70d6f765"]]), Ml = ["srcdoc"], Pl = {
1506
+ }), Hl = /* @__PURE__ */ Q(jl, [["__scopeId", "data-v-c6f731c6"]]), Fl = ["srcdoc"], ql = {
1434
1507
  key: 1,
1435
1508
  class: "wx-block-thumb__empty"
1436
- }, Dl = /* @__PURE__ */ K({
1509
+ }, Jl = /* @__PURE__ */ Y({
1437
1510
  __name: "BlockThumb",
1438
1511
  props: {
1439
1512
  thumbnail: {},
@@ -1441,36 +1514,36 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
1441
1514
  height: { default: 120 }
1442
1515
  },
1443
1516
  setup(t) {
1444
- const l = t, a = U(null), s = He(a), o = C(() => s.value > 0 ? s.value / l.width : 0.2), i = C(
1445
- () => l.thumbnail ? kt({ html: l.thumbnail.html, styles: l.thumbnail.styles }) : ""
1517
+ const l = t, a = N(null), s = Ye(a), o = C(() => s.value > 0 ? s.value / l.width : 0.2), u = C(
1518
+ () => l.thumbnail ? xt({ html: l.thumbnail.html, styles: l.thumbnail.styles }) : ""
1446
1519
  ), n = C(() => ({
1447
1520
  width: `${l.width}px`,
1448
1521
  height: `${Math.round(l.height / o.value)}px`,
1449
1522
  transform: `scale(${o.value})`
1450
1523
  }));
1451
- return (h, p) => (r(), V("div", {
1524
+ return (v, z) => (i(), x("div", {
1452
1525
  ref_key: "box",
1453
1526
  ref: a,
1454
1527
  class: "wx-block-thumb",
1455
- style: fe({ height: `${t.height}px` })
1528
+ style: de({ height: `${t.height}px` })
1456
1529
  }, [
1457
- t.thumbnail ? (r(), V("iframe", {
1530
+ t.thumbnail ? (i(), x("iframe", {
1458
1531
  key: 0,
1459
1532
  class: "wx-block-thumb__frame",
1460
- srcdoc: i.value,
1461
- style: fe(n.value),
1533
+ srcdoc: u.value,
1534
+ style: de(n.value),
1462
1535
  sandbox: "allow-same-origin",
1463
1536
  tabindex: "-1",
1464
1537
  "aria-hidden": "true"
1465
- }, null, 12, Ml)) : (r(), V("div", Pl, [
1466
- u(e(ne), { name: "grid" })
1538
+ }, null, 12, Fl)) : (i(), x("div", ql, [
1539
+ r(e(ae), { name: "grid" })
1467
1540
  ]))
1468
1541
  ], 4));
1469
1542
  }
1470
- }), Ct = /* @__PURE__ */ Z(Dl, [["__scopeId", "data-v-615b818a"]]), Ol = { class: "wx-block-picker" }, Rl = {
1543
+ }), At = /* @__PURE__ */ Q(Jl, [["__scopeId", "data-v-615b818a"]]), Kl = { class: "wx-block-picker" }, Zl = {
1471
1544
  key: 0,
1472
1545
  class: "wx-block-picker__group-title"
1473
- }, jl = { class: "wx-block-picker__cards" }, Hl = ["disabled", "title", "onClick"], Fl = { class: "wx-block-picker__body" }, ql = { class: "wx-block-picker__title" }, Jl = /* @__PURE__ */ K({
1546
+ }, Gl = { class: "wx-block-picker__cards" }, Yl = ["disabled", "title", "onClick"], Ql = { class: "wx-block-picker__body" }, Xl = { class: "wx-block-picker__title" }, en = /* @__PURE__ */ Y({
1474
1547
  __name: "BlockPicker",
1475
1548
  props: {
1476
1549
  catalog: {},
@@ -1481,134 +1554,134 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
1481
1554
  blocksPath: { default: null }
1482
1555
  },
1483
1556
  setup(t) {
1484
- const l = t, { resolve: a, dismiss: s, open: o } = ft();
1485
- _e();
1486
- const i = Q("webx-blocks"), n = U("");
1487
- function h(b) {
1557
+ const l = t, { resolve: a, dismiss: s, open: o } = bt();
1558
+ Te();
1559
+ const u = te("webx-blocks"), n = N("");
1560
+ function v(f) {
1488
1561
  if (l.parent === null)
1489
- return b.allowed_in === null || b.allowed_in.includes("root");
1490
- const m = l.allow ? l.allow.includes(b.slug) : l.parent.allow?.includes(b.slug) === !0, y = b.allowed_in === null || b.allowed_in.includes(l.parent.slug);
1491
- return m && y;
1562
+ return f.allowed_in === null || f.allowed_in.includes("root");
1563
+ const h = l.allow ? l.allow.includes(f.slug) : l.parent.allow?.includes(f.slug) === !0, y = f.allowed_in === null || f.allowed_in.includes(l.parent.slug);
1564
+ return h && y;
1492
1565
  }
1493
- const p = C(
1494
- () => l.catalog.filter((b) => b.is_enabled && b.published !== null && h(b)).map((b) => {
1495
- const m = ol(l.tree, b.slug), y = b.max_per_entity !== null && m >= b.max_per_entity;
1496
- return { type: b, reason: y ? i("field.limit-reached", { count: m }) : null };
1566
+ const z = C(
1567
+ () => l.catalog.filter((f) => f.is_enabled && f.published !== null && v(f)).map((f) => {
1568
+ const h = cl(l.tree, f.slug), y = f.max_per_entity !== null && h >= f.max_per_entity;
1569
+ return { type: f, reason: y ? u("field.limit-reached", { count: h }) : null };
1497
1570
  })
1498
- ), S = C(() => {
1499
- const b = n.value.trim().toLowerCase();
1500
- return b === "" ? p.value : p.value.filter(
1501
- ({ type: m }) => m.title.toLowerCase().includes(b) || m.slug.includes(b) || (m.description ?? "").toLowerCase().includes(b)
1571
+ ), c = C(() => {
1572
+ const f = n.value.trim().toLowerCase();
1573
+ return f === "" ? z.value : z.value.filter(
1574
+ ({ type: h }) => h.title.toLowerCase().includes(f) || h.slug.includes(f) || (h.description ?? "").toLowerCase().includes(f)
1502
1575
  );
1503
- }), _ = C(() => {
1504
- const b = [...l.groups];
1505
- for (const { type: g } of S.value)
1506
- b.includes(g.group) || b.push(g.group);
1507
- const m = b.map((g) => ({
1508
- id: g,
1509
- label: ke(g, i),
1510
- options: S.value.filter((d) => d.type.group === g)
1511
- })).filter((g) => g.options.length > 0);
1512
- return S.value.length <= 5 || n.value.trim() !== "" || m.length < 2 ? [{ id: "", label: "", options: S.value }] : m;
1513
- }), k = C(() => {
1514
- if (l.catalog.length === 0) return i("field.pick-none");
1515
- if (p.value.length === 0 && l.parent) {
1516
- const b = (l.allow ?? l.parent.allow ?? []).filter(
1517
- (m) => l.catalog.some((y) => y.slug === m)
1576
+ }), g = C(() => {
1577
+ const f = [...l.groups];
1578
+ for (const { type: w } of c.value)
1579
+ f.includes(w.group) || f.push(w.group);
1580
+ const h = f.map((w) => ({
1581
+ id: w,
1582
+ label: ke(w, u),
1583
+ options: c.value.filter((V) => V.type.group === w)
1584
+ })).filter((w) => w.options.length > 0);
1585
+ return c.value.length <= 5 || n.value.trim() !== "" || h.length < 2 ? [{ id: "", label: "", options: c.value }] : h;
1586
+ }), m = C(() => {
1587
+ if (l.catalog.length === 0) return u("field.pick-none");
1588
+ if (z.value.length === 0 && l.parent) {
1589
+ const f = (l.allow ?? l.parent.allow ?? []).filter(
1590
+ (h) => l.catalog.some((y) => y.slug === h)
1518
1591
  );
1519
- return b.length === 0 ? i("field.pick-nothing-allowed", { parent: l.parent.title }) : i("field.pick-limited", { parent: l.parent.title, types: b.join(", ") });
1592
+ return f.length === 0 ? u("field.pick-nothing-allowed", { parent: l.parent.title }) : u("field.pick-limited", { parent: l.parent.title, types: f.join(", ") });
1520
1593
  }
1521
- return i("field.pick-empty");
1594
+ return u("field.pick-empty");
1522
1595
  });
1523
- return (b, m) => {
1524
- const y = je("router-link");
1525
- return r(), W(e(mt), {
1596
+ return (f, h) => {
1597
+ const y = Ge("router-link");
1598
+ return i(), W(e(gt), {
1526
1599
  open: e(o),
1527
- "onUpdate:open": m[2] || (m[2] = (g) => it(o) ? o.value = g : null),
1528
- title: e(i)("field.pick"),
1600
+ "onUpdate:open": h[2] || (h[2] = (w) => ct(o) ? o.value = w : null),
1601
+ title: e(u)("field.pick"),
1529
1602
  width: 860
1530
1603
  }, {
1531
- footer: c(() => [
1532
- u(e(q), {
1604
+ footer: d(() => [
1605
+ r(e(J), {
1533
1606
  variant: "outline",
1534
- onClick: m[1] || (m[1] = (g) => e(s)())
1607
+ onClick: h[1] || (h[1] = (w) => e(s)())
1535
1608
  }, {
1536
- default: c(() => [
1537
- $(f(e(i)("field.close")), 1)
1609
+ default: d(() => [
1610
+ _(p(e(u)("field.close")), 1)
1538
1611
  ]),
1539
1612
  _: 1
1540
1613
  })
1541
1614
  ]),
1542
- default: c(() => [
1543
- x("div", Ol, [
1544
- p.value.length > 0 ? (r(), W(e(ve), {
1615
+ default: d(() => [
1616
+ $("div", Kl, [
1617
+ z.value.length > 0 ? (i(), W(e(be), {
1545
1618
  key: 0,
1546
1619
  modelValue: n.value,
1547
- "onUpdate:modelValue": m[0] || (m[0] = (g) => n.value = g),
1548
- placeholder: e(i)("field.search"),
1620
+ "onUpdate:modelValue": h[0] || (h[0] = (w) => n.value = w),
1621
+ placeholder: e(u)("field.search"),
1549
1622
  clearable: "",
1550
1623
  autofocus: ""
1551
- }, null, 8, ["modelValue", "placeholder"])) : E("", !0),
1552
- S.value.length === 0 ? (r(), W(e(vt), {
1624
+ }, null, 8, ["modelValue", "placeholder"])) : A("", !0),
1625
+ c.value.length === 0 ? (i(), W(e(kt), {
1553
1626
  key: 1,
1554
1627
  icon: "grid",
1555
- title: k.value,
1628
+ title: m.value,
1556
1629
  size: "sm"
1557
1630
  }, {
1558
- default: c(() => [
1559
- t.catalog.length === 0 && t.blocksPath ? (r(), W(y, {
1631
+ default: d(() => [
1632
+ t.catalog.length === 0 && t.blocksPath ? (i(), W(y, {
1560
1633
  key: 0,
1561
1634
  to: t.blocksPath
1562
1635
  }, {
1563
- default: c(() => [
1564
- $(f(e(i)("field.pick-none-link")), 1)
1636
+ default: d(() => [
1637
+ _(p(e(u)("field.pick-none-link")), 1)
1565
1638
  ]),
1566
1639
  _: 1
1567
- }, 8, ["to"])) : E("", !0)
1640
+ }, 8, ["to"])) : A("", !0)
1568
1641
  ]),
1569
1642
  _: 1
1570
- }, 8, ["title"])) : E("", !0),
1571
- (r(!0), V(j, null, Y(_.value, (g) => (r(), V("section", {
1572
- key: g.id,
1643
+ }, 8, ["title"])) : A("", !0),
1644
+ (i(!0), x(H, null, ee(g.value, (w) => (i(), x("section", {
1645
+ key: w.id,
1573
1646
  class: "wx-block-picker__group"
1574
1647
  }, [
1575
- g.label ? (r(), V("div", Rl, f(g.label), 1)) : E("", !0),
1576
- x("div", jl, [
1577
- (r(!0), V(j, null, Y(g.options, (d) => (r(), V("button", {
1578
- key: d.type.id,
1648
+ w.label ? (i(), x("div", Zl, p(w.label), 1)) : A("", !0),
1649
+ $("div", Gl, [
1650
+ (i(!0), x(H, null, ee(w.options, (V) => (i(), x("button", {
1651
+ key: V.type.id,
1579
1652
  type: "button",
1580
- class: me(["wx-block-picker__card", { "is-disabled": d.reason !== null }]),
1581
- disabled: d.reason !== null,
1582
- title: d.reason ?? void 0,
1583
- onClick: (w) => e(a)(d.type)
1653
+ class: he(["wx-block-picker__card", { "is-disabled": V.reason !== null }]),
1654
+ disabled: V.reason !== null,
1655
+ title: V.reason ?? void 0,
1656
+ onClick: (k) => e(a)(V.type)
1584
1657
  }, [
1585
- u(Ct, {
1586
- thumbnail: d.type.thumbnail,
1658
+ r(At, {
1659
+ thumbnail: V.type.thumbnail,
1587
1660
  height: 96
1588
1661
  }, null, 8, ["thumbnail"]),
1589
- x("div", Fl, [
1590
- x("div", ql, f(d.type.title), 1),
1591
- d.reason ? (r(), W(e(R), {
1662
+ $("div", Ql, [
1663
+ $("div", Xl, p(V.type.title), 1),
1664
+ V.reason ? (i(), W(e(R), {
1592
1665
  key: 0,
1593
1666
  size: "sm",
1594
1667
  tone: "warning"
1595
1668
  }, {
1596
- default: c(() => [
1597
- $(f(d.reason), 1)
1669
+ default: d(() => [
1670
+ _(p(V.reason), 1)
1598
1671
  ]),
1599
1672
  _: 2
1600
- }, 1024)) : d.type.description ? (r(), W(e(R), {
1673
+ }, 1024)) : V.type.description ? (i(), W(e(R), {
1601
1674
  key: 1,
1602
1675
  size: "sm",
1603
1676
  tone: "muted"
1604
1677
  }, {
1605
- default: c(() => [
1606
- $(f(d.type.description), 1)
1678
+ default: d(() => [
1679
+ _(p(V.type.description), 1)
1607
1680
  ]),
1608
1681
  _: 2
1609
- }, 1024)) : E("", !0)
1682
+ }, 1024)) : A("", !0)
1610
1683
  ])
1611
- ], 10, Hl))), 128))
1684
+ ], 10, Yl))), 128))
1612
1685
  ])
1613
1686
  ]))), 128))
1614
1687
  ])
@@ -1617,7 +1690,7 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
1617
1690
  }, 8, ["open", "title"]);
1618
1691
  };
1619
1692
  }
1620
- }), Kl = /* @__PURE__ */ Z(Jl, [["__scopeId", "data-v-99f4090e"]]), Zl = { class: "wx-blocks-preview__bar" }, Gl = { class: "wx-blocks-preview__tools" }, Yl = ["src", "title"], Ql = /* @__PURE__ */ K({
1693
+ }), tn = /* @__PURE__ */ Q(en, [["__scopeId", "data-v-99f4090e"]]), ln = { class: "wx-blocks-preview__bar" }, nn = { class: "wx-blocks-preview__tools" }, an = ["src", "title"], sn = /* @__PURE__ */ Y({
1621
1694
  __name: "BlocksPreview",
1622
1695
  props: {
1623
1696
  url: {},
@@ -1627,80 +1700,81 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
1627
1700
  fill: { type: Boolean, default: !1 }
1628
1701
  },
1629
1702
  setup(t, { expose: l }) {
1630
- 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(() => [
1703
+ const a = t, s = te("webx-blocks"), o = N(null), u = N(null), n = Ye(u), v = N(!1), z = N(1280), c = N(!1), g = C(() => [
1631
1704
  { value: 1280, label: s("field.width-desktop") },
1632
1705
  { value: 834, label: s("field.width-tablet") },
1633
1706
  { value: 390, label: s("field.width-phone") }
1634
- ]), k = C(
1635
- () => h.value ? p.value : a.mode === "phone" ? 390 : 1280
1636
- ), b = C(() => h.value || a.mode === "phone" || n.value === 0 ? 1 : Math.min(1, n.value / k.value)), m = C(() => ({
1637
- width: `${k.value}px`,
1638
- transform: `scale(${b.value})`
1707
+ ]), m = C(
1708
+ () => v.value ? z.value : a.mode === "phone" ? 390 : 1280
1709
+ ), f = C(() => v.value || a.mode === "phone" || n.value === 0 ? 1 : Math.min(1, n.value / m.value)), h = C(() => ({
1710
+ width: `${m.value}px`,
1711
+ transform: `scale(${f.value})`
1639
1712
  })), y = C(() => {
1640
1713
  if (!a.url) return "";
1641
1714
  try {
1642
- return `${new URL(a.url, location.origin).pathname} · ${k.value} px`;
1715
+ return `${new URL(a.url, location.origin).pathname} · ${m.value} px`;
1643
1716
  } catch {
1644
1717
  return a.url;
1645
1718
  }
1646
1719
  });
1647
- function g() {
1720
+ function w() {
1648
1721
  try {
1649
1722
  return o.value?.contentDocument ?? null;
1650
1723
  } catch {
1651
1724
  return null;
1652
1725
  }
1653
1726
  }
1654
- function d() {
1655
- S.value = !0;
1656
- const N = g();
1657
- N && De(N, a.selected ?? null);
1727
+ function V() {
1728
+ c.value = !0;
1729
+ const P = w();
1730
+ P && Je(P, a.selected ?? null);
1658
1731
  }
1659
- function w(N, I) {
1660
- const P = g();
1661
- if (!P || !S.value) return !1;
1662
- const H = Yt(P, N, I);
1663
- return H && De(P, a.selected ?? null), H;
1732
+ function k(P, F) {
1733
+ const B = w();
1734
+ if (!B || !c.value) return !1;
1735
+ const L = ll(B, P, F);
1736
+ return L && Je(B, a.selected ?? null), L;
1664
1737
  }
1665
- function B() {
1666
- S.value = !1, o.value && a.url && (o.value.src = a.url);
1738
+ function T() {
1739
+ c.value = !1, o.value && a.url && (o.value.src = a.url);
1667
1740
  }
1668
- function M(N) {
1669
- N.key === "Escape" && h.value && (h.value = !1, N.stopPropagation());
1741
+ function D(P) {
1742
+ P.key === "Escape" && v.value && (v.value = !1, P.stopPropagation());
1670
1743
  }
1671
- return le(
1744
+ return oe(
1672
1745
  () => a.selected,
1673
- (N) => {
1674
- const I = g();
1675
- I && S.value && De(I, N ?? null);
1746
+ (P) => {
1747
+ const F = w();
1748
+ F && c.value && Je(F, P ?? null);
1676
1749
  }
1677
- ), le(() => a.reload, B), le(
1750
+ ), oe(() => a.reload, T), oe(
1678
1751
  () => a.url,
1679
- () => S.value = !1
1680
- ), ye(() => window.addEventListener("keydown", M)), Re(() => window.removeEventListener("keydown", M)), l({ replace: w, refresh: B, open: () => h.value = !0 }), (N, I) => (r(), V("div", {
1681
- class: me(["wx-blocks-preview", { "is-fullscreen": h.value, "is-phone": t.mode === "phone", "is-fill": t.fill }])
1752
+ () => c.value = !1
1753
+ ), xe(() => window.addEventListener("keydown", D)), Ze(() => window.removeEventListener("keydown", D)), l({ replace: k, refresh: T, open: () => v.value = !0 }), (P, F) => (i(), x("div", {
1754
+ class: he(["wx-blocks-preview", { "is-fullscreen": v.value, "is-phone": t.mode === "phone", "is-fill": t.fill }]),
1755
+ style: de({ "--wx-preview-scale": f.value })
1682
1756
  }, [
1683
- x("div", Zl, [
1684
- u(e(R), {
1757
+ $("div", ln, [
1758
+ r(e(R), {
1685
1759
  size: "xs",
1686
1760
  tone: "muted",
1687
1761
  class: "wx-blocks-preview__label",
1688
1762
  truncate: ""
1689
1763
  }, {
1690
- default: c(() => [
1691
- $(f(y.value), 1)
1764
+ default: d(() => [
1765
+ _(p(y.value), 1)
1692
1766
  ]),
1693
1767
  _: 1
1694
1768
  }),
1695
- x("div", Gl, [
1696
- h.value ? (r(), W(e(ct), {
1769
+ $("div", nn, [
1770
+ v.value ? (i(), W(e(vt), {
1697
1771
  key: 0,
1698
- modelValue: p.value,
1699
- "onUpdate:modelValue": I[0] || (I[0] = (P) => p.value = P),
1700
- options: _.value,
1772
+ modelValue: z.value,
1773
+ "onUpdate:modelValue": F[0] || (F[0] = (B) => z.value = B),
1774
+ options: g.value,
1701
1775
  size: "sm"
1702
- }, null, 8, ["modelValue", "options"])) : E("", !0),
1703
- t.url ? (r(), W(e(q), {
1776
+ }, null, 8, ["modelValue", "options"])) : A("", !0),
1777
+ t.url ? (i(), W(e(J), {
1704
1778
  key: 1,
1705
1779
  size: "sm",
1706
1780
  variant: "outline",
@@ -1708,47 +1782,47 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
1708
1782
  target: "_blank",
1709
1783
  rel: "noopener"
1710
1784
  }, {
1711
- default: c(() => [
1712
- $(f(e(s)("field.open-site")), 1)
1785
+ default: d(() => [
1786
+ _(p(e(s)("field.open-site")), 1)
1713
1787
  ]),
1714
1788
  _: 1
1715
- }, 8, ["href"])) : E("", !0),
1716
- u(e(q), {
1789
+ }, 8, ["href"])) : A("", !0),
1790
+ r(e(J), {
1717
1791
  size: "sm",
1718
1792
  variant: "outline",
1719
- onClick: I[1] || (I[1] = (P) => h.value = !h.value)
1793
+ onClick: F[1] || (F[1] = (B) => v.value = !v.value)
1720
1794
  }, {
1721
- default: c(() => [
1722
- $(f(h.value ? e(s)("field.close") : e(s)("field.fullscreen")), 1)
1795
+ default: d(() => [
1796
+ _(p(v.value ? e(s)("field.close") : e(s)("field.fullscreen")), 1)
1723
1797
  ]),
1724
1798
  _: 1
1725
1799
  })
1726
1800
  ])
1727
1801
  ]),
1728
- x("div", {
1802
+ $("div", {
1729
1803
  ref_key: "box",
1730
- ref: i,
1804
+ ref: u,
1731
1805
  class: "wx-blocks-preview__ground"
1732
1806
  }, [
1733
- x("div", {
1807
+ $("div", {
1734
1808
  class: "wx-blocks-preview__clip",
1735
- style: fe({ width: `${Math.round(k.value * b.value)}px` })
1809
+ style: de({ width: `${Math.round(m.value * f.value)}px` })
1736
1810
  }, [
1737
- t.url ? (r(), V("iframe", {
1811
+ t.url ? (i(), x("iframe", {
1738
1812
  key: 0,
1739
1813
  ref_key: "frame",
1740
1814
  ref: o,
1741
1815
  class: "wx-blocks-preview__frame",
1742
1816
  src: t.url,
1743
- style: fe(m.value),
1817
+ style: de(h.value),
1744
1818
  title: e(s)("field.preview"),
1745
- onLoad: d
1746
- }, null, 44, Yl)) : E("", !0)
1819
+ onLoad: V
1820
+ }, null, 44, an)) : A("", !0)
1747
1821
  ], 4)
1748
1822
  ], 512)
1749
- ], 2));
1823
+ ], 6));
1750
1824
  }
1751
- }), 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({
1825
+ }), on = /* @__PURE__ */ Q(sn, [["__scopeId", "data-v-02b32374"]]), rn = { class: "wx-blocks-tree__node" }, un = ["onClick", "onKeydown"], dn = { class: "wx-blocks-tree__icon" }, cn = { class: "wx-blocks-tree__name" }, pn = ["title"], fn = ["title"], vn = ["title"], mn = ["title"], hn = ["onClick"], bn = /* @__PURE__ */ Y({
1752
1826
  __name: "BlocksTree",
1753
1827
  props: {
1754
1828
  nodes: {},
@@ -1759,126 +1833,140 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
1759
1833
  disabled: { type: Boolean, default: !1 },
1760
1834
  depth: { default: 0 }
1761
1835
  },
1762
- emits: ["select", "add", "remove", "duplicate", "reorder"],
1836
+ emits: ["select", "add", "remove", "duplicate", "visibility", "reorder"],
1763
1837
  setup(t, { emit: l }) {
1764
- const a = t, s = l, o = Q("webx-blocks");
1765
- function i(_) {
1766
- return a.catalog.find((k) => k.slug === _.type) ?? null;
1838
+ const a = t, s = l, o = te("webx-blocks");
1839
+ function u(g) {
1840
+ return a.catalog.find((m) => m.slug === g.type) ?? null;
1767
1841
  }
1768
- function n(_) {
1769
- return i(_)?.title ?? _.type;
1842
+ function n(g) {
1843
+ return u(g)?.title ?? g.type;
1770
1844
  }
1771
- function h(_) {
1772
- const k = i(_);
1773
- return k?.content ? xt(k.content.schema) : [];
1845
+ function v(g) {
1846
+ const m = u(g);
1847
+ return m?.content ? Tt(m.content.schema) : [];
1774
1848
  }
1775
- function p(_, k) {
1776
- const b = _.values[k.id];
1777
- return Array.isArray(b) ? b : [];
1849
+ function z(g, m) {
1850
+ const f = g.values[m.id];
1851
+ return Array.isArray(f) ? f : [];
1778
1852
  }
1779
- function S(_) {
1780
- return i(_)?.icon ?? "grid";
1853
+ function c(g) {
1854
+ return u(g)?.icon ?? "grid";
1781
1855
  }
1782
- return (_, k) => {
1783
- const b = je("blocks-tree", !0);
1784
- return r(), W(e(Dt), {
1856
+ return (g, m) => {
1857
+ const f = Ge("blocks-tree", !0);
1858
+ return i(), W(e(qt), {
1785
1859
  "model-value": t.nodes,
1786
1860
  "item-key": "key",
1787
- "item-label": (m) => n(m),
1861
+ "item-label": (h) => n(h),
1788
1862
  disabled: t.disabled,
1789
1863
  plain: "",
1790
1864
  size: "sm",
1791
1865
  "empty-text": t.depth === 0 ? e(o)("field.empty") : "",
1792
- class: me(["wx-blocks-tree", { "is-nested": t.depth > 0 }]),
1793
- "onUpdate:modelValue": k[6] || (k[6] = (m) => s("reorder", t.parentKey, t.field, m))
1866
+ class: he(["wx-blocks-tree", { "is-nested": t.depth > 0 }]),
1867
+ "onUpdate:modelValue": m[7] || (m[7] = (h) => s("reorder", t.parentKey, t.field, h))
1794
1868
  }, {
1795
- default: c(({ item: m }) => [
1796
- x("div", en, [
1797
- x("div", {
1798
- class: me(["wx-blocks-tree__row", { "is-selected": t.selected === m.key }]),
1869
+ default: d(({ item: h }) => [
1870
+ $("div", rn, [
1871
+ $("div", {
1872
+ class: he(["wx-blocks-tree__row", { "is-selected": t.selected === h.key, "is-hidden": h.hidden === !0 }]),
1799
1873
  role: "button",
1800
1874
  tabindex: "0",
1801
- onClick: (y) => s("select", m.key),
1875
+ onClick: (y) => s("select", h.key),
1802
1876
  onKeydown: [
1803
- Ge(Me((y) => s("select", m.key), ["prevent"]), ["enter"]),
1804
- Ge(Me((y) => s("select", m.key), ["prevent"]), ["space"])
1877
+ tt(He((y) => s("select", h.key), ["prevent"]), ["enter"]),
1878
+ tt(He((y) => s("select", h.key), ["prevent"]), ["space"])
1805
1879
  ]
1806
1880
  }, [
1807
- x("span", ln, [
1808
- u(e(ne), {
1809
- name: S(m)
1881
+ $("span", dn, [
1882
+ r(e(ae), {
1883
+ name: c(h)
1810
1884
  }, null, 8, ["name"])
1811
1885
  ]),
1812
- x("span", nn, f(n(m)), 1),
1813
- i(m) ? i(m)?.draft ? (r(), V("span", {
1886
+ $("span", cn, p(n(h)), 1),
1887
+ u(h) ? u(h)?.draft ? (i(), x("span", {
1814
1888
  key: 1,
1815
1889
  class: "wx-blocks-tree__flag is-warning",
1816
1890
  title: e(o)("field.draft-type")
1817
1891
  }, [
1818
- u(e(ne), { name: "warning" })
1819
- ], 8, sn)) : i(m)?.is_enabled === !1 ? (r(), V("span", {
1892
+ r(e(ae), { name: "warning" })
1893
+ ], 8, fn)) : u(h)?.is_enabled === !1 ? (i(), x("span", {
1820
1894
  key: 2,
1821
1895
  class: "wx-blocks-tree__flag",
1822
1896
  title: e(o)("field.disabled-type")
1823
1897
  }, [
1824
- u(e(ne), { name: "eye-off" })
1825
- ], 8, on)) : E("", !0) : (r(), V("span", {
1898
+ r(e(ae), { name: "lock" })
1899
+ ], 8, vn)) : A("", !0) : (i(), x("span", {
1826
1900
  key: 0,
1827
1901
  class: "wx-blocks-tree__flag is-danger",
1828
- title: e(o)("field.unknown-type", { type: m.type })
1902
+ title: e(o)("field.unknown-type", { type: h.type })
1829
1903
  }, [
1830
- u(e(ne), { name: "close-circle" })
1831
- ], 8, an)),
1832
- t.disabled ? E("", !0) : (r(), V("span", {
1904
+ r(e(ae), { name: "close-circle" })
1905
+ ], 8, pn)),
1906
+ h.hidden === !0 ? (i(), x("span", {
1833
1907
  key: 3,
1908
+ class: "wx-blocks-tree__flag",
1909
+ title: e(o)("field.hidden-note")
1910
+ }, [
1911
+ r(e(ae), { name: "eye-off" })
1912
+ ], 8, mn)) : A("", !0),
1913
+ t.disabled ? A("", !0) : (i(), x("span", {
1914
+ key: 4,
1834
1915
  class: "wx-blocks-tree__actions",
1835
- onClick: k[0] || (k[0] = Me(() => {
1916
+ onClick: m[0] || (m[0] = He(() => {
1836
1917
  }, ["stop"]))
1837
1918
  }, [
1838
- u(e(Xe), {
1919
+ r(e(Fe), {
1920
+ icon: h.hidden === !0 ? "eye-off" : "eye",
1921
+ size: "sm",
1922
+ title: h.hidden === !0 ? e(o)("field.show") : e(o)("field.hide"),
1923
+ onClick: (y) => s("visibility", h.key, h.hidden !== !0)
1924
+ }, null, 8, ["icon", "title", "onClick"]),
1925
+ r(e(Fe), {
1839
1926
  icon: "copy",
1840
1927
  size: "sm",
1841
1928
  title: e(o)("field.duplicate"),
1842
- onClick: (y) => s("duplicate", m.key)
1929
+ onClick: (y) => s("duplicate", h.key)
1843
1930
  }, null, 8, ["title", "onClick"]),
1844
- u(e(Xe), {
1931
+ r(e(Fe), {
1845
1932
  icon: "trash",
1846
1933
  size: "sm",
1847
1934
  tone: "danger",
1848
1935
  title: e(o)("field.remove"),
1849
- onClick: (y) => s("remove", m.key)
1936
+ onClick: (y) => s("remove", h.key)
1850
1937
  }, null, 8, ["title", "onClick"])
1851
1938
  ]))
1852
- ], 42, tn),
1853
- (r(!0), V(j, null, Y(h(m), (y) => (r(), V("div", {
1939
+ ], 42, un),
1940
+ (i(!0), x(H, null, ee(v(h), (y) => (i(), x("div", {
1854
1941
  key: y.id,
1855
1942
  class: "wx-blocks-tree__kids"
1856
1943
  }, [
1857
- u(b, {
1858
- nodes: p(m, y),
1944
+ r(f, {
1945
+ nodes: z(h, y),
1859
1946
  catalog: t.catalog,
1860
- "parent-key": m.key,
1947
+ "parent-key": h.key,
1861
1948
  field: y.id,
1862
1949
  selected: t.selected,
1863
1950
  disabled: t.disabled,
1864
1951
  depth: t.depth + 1,
1865
- onSelect: k[1] || (k[1] = (g) => s("select", g)),
1866
- onAdd: k[2] || (k[2] = (g, d, w) => s("add", g, d, w)),
1867
- onRemove: k[3] || (k[3] = (g) => s("remove", g)),
1868
- onDuplicate: k[4] || (k[4] = (g) => s("duplicate", g)),
1869
- onReorder: k[5] || (k[5] = (g, d, w) => s("reorder", g, d, w))
1952
+ onSelect: m[1] || (m[1] = (w) => s("select", w)),
1953
+ onAdd: m[2] || (m[2] = (w, V, k) => s("add", w, V, k)),
1954
+ onRemove: m[3] || (m[3] = (w) => s("remove", w)),
1955
+ onDuplicate: m[4] || (m[4] = (w) => s("duplicate", w)),
1956
+ onVisibility: m[5] || (m[5] = (w, V) => s("visibility", w, V)),
1957
+ onReorder: m[6] || (m[6] = (w, V, k) => s("reorder", w, V, k))
1870
1958
  }, null, 8, ["nodes", "catalog", "parent-key", "field", "selected", "disabled", "depth"]),
1871
- t.disabled ? E("", !0) : (r(), V("button", {
1959
+ t.disabled ? A("", !0) : (i(), x("button", {
1872
1960
  key: 0,
1873
1961
  type: "button",
1874
1962
  class: "wx-blocks-tree__add is-inner",
1875
- onClick: (g) => s("add", m.key, y.id, y)
1963
+ onClick: (w) => s("add", h.key, y.id, y)
1876
1964
  }, [
1877
- $(" + " + f(e(o)("field.add-inside")), 1),
1878
- h(m).length > 1 ? (r(), V(j, { key: 0 }, [
1879
- $(" · " + f(y.label ?? y.id), 1)
1880
- ], 64)) : E("", !0)
1881
- ], 8, rn))
1965
+ _(" + " + p(e(o)("field.add-inside")), 1),
1966
+ v(h).length > 1 ? (i(), x(H, { key: 0 }, [
1967
+ _(" · " + p(y.label ?? y.id), 1)
1968
+ ], 64)) : A("", !0)
1969
+ ], 8, hn))
1882
1970
  ]))), 128))
1883
1971
  ])
1884
1972
  ]),
@@ -1886,27 +1974,27 @@ const hl = { class: "wx-block-editor" }, bl = { class: "wx-block-editor__columns
1886
1974
  }, 8, ["model-value", "item-label", "disabled", "empty-text", "class"]);
1887
1975
  };
1888
1976
  }
1889
- }), cn = /* @__PURE__ */ Z(un, [["__scopeId", "data-v-5d559d85"]]), Ke = /* @__PURE__ */ Symbol("wx-blocks-preview");
1890
- function qn(t) {
1891
- rt(Ke, t);
1977
+ }), gn = /* @__PURE__ */ Q(bn, [["__scopeId", "data-v-2f2a917a"]]), Xe = /* @__PURE__ */ Symbol("wx-blocks-preview");
1978
+ function Xn(t) {
1979
+ pt(Xe, t);
1892
1980
  }
1893
- function Jn() {
1894
- return ze(Ke, null);
1981
+ function ea() {
1982
+ return Ee(Xe, null);
1895
1983
  }
1896
- const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
1984
+ const dt = /* @__PURE__ */ Symbol("wx-blocks-root"), kn = {
1897
1985
  key: 0,
1898
1986
  class: "wx-blocks-nested"
1899
- }, pn = { class: "wx-blocks__tree" }, fn = { class: "wx-blocks__panel-head" }, mn = { class: "wx-blocks__panel-title" }, vn = {
1987
+ }, yn = { class: "wx-blocks__tree" }, wn = { class: "wx-blocks__panel-head" }, _n = { class: "wx-blocks__panel-title" }, xn = {
1900
1988
  key: 0,
1901
1989
  class: "wx-blocks__fields"
1902
- }, hn = { class: "wx-blocks__panel-head" }, bn = { class: "wx-blocks__panel-title" }, gn = { class: "wx-blocks__panel-extra" }, kn = { class: "wx-blocks__form" }, yn = {
1990
+ }, $n = { class: "wx-blocks__panel-head" }, Vn = { class: "wx-blocks__panel-title" }, Tn = { class: "wx-blocks__panel-extra" }, Cn = { class: "wx-blocks__form" }, Sn = {
1903
1991
  key: 1,
1904
1992
  class: "wx-blocks__preview"
1905
- }, wn = /* @__PURE__ */ K({
1993
+ }, Bn = /* @__PURE__ */ Y({
1906
1994
  name: "WxBlocks",
1907
1995
  inheritAttrs: !1,
1908
1996
  __name: "BlocksField",
1909
- props: /* @__PURE__ */ Ut({
1997
+ props: /* @__PURE__ */ Nt({
1910
1998
  node: { default: void 0 },
1911
1999
  context: { default: void 0 },
1912
2000
  name: { default: void 0 },
@@ -1923,283 +2011,298 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
1923
2011
  }),
1924
2012
  emits: ["update:modelValue"],
1925
2013
  setup(t) {
1926
- const l = t, a = zt(t, "modelValue"), s = ze(ot, !1);
1927
- rt(ot, !0), _e();
1928
- const o = Q("webx-blocks"), i = ze(Nt, null);
1929
- let n = null;
1930
- 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(
1931
- () => k.value ? p.value.find((A) => A.slug === k.value?.node.type) ?? null : null
1932
- ), m = ze(Ke, null), y = U(null), g = C(
1933
- () => i?.state.manifest?.modules.find((A) => A.id === "blocks")?.meta?.groups ?? []
1934
- ), 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(
1935
- () => l.context?.translate ?? i?.i18n.t ?? ((A) => A)
1936
- ), M = C(() => l.context?.can ?? i?.can ?? (() => !0)), N = ht(Kl);
1937
- function I(A) {
1938
- a.value = A;
2014
+ const l = t, a = Ut(t, "modelValue"), s = Ee(dt, !1);
2015
+ pt(dt, !0), Te();
2016
+ const o = te("webx-blocks"), u = Ve(), n = Ee(Ot, null);
2017
+ let v = null;
2018
+ const z = N([]), c = C(() => l.catalog ?? z.value), g = C(() => Array.isArray(a.value) ? a.value : []), m = N(null), f = C(() => m.value ? se(g.value, m.value) : null), h = C(
2019
+ () => f.value ? c.value.find((E) => E.slug === f.value?.node.type) ?? null : null
2020
+ ), y = Ee(Xe, null), w = N(null), V = C(
2021
+ () => n?.state.manifest?.modules.find((E) => E.id === "blocks")?.meta?.groups ?? []
2022
+ ), k = It()?.type, T = C(() => l.context?.types ? l.context.types : n?.types ? { ...qe, ...n.types } : k ? { ...qe, "wx-blocks": { component: k, kind: "field", nested: !0 } } : qe), D = C(
2023
+ () => l.context?.translate ?? n?.i18n.t ?? ((E) => E)
2024
+ ), P = C(() => l.context?.can ?? n?.can ?? (() => !0)), F = yt(tn);
2025
+ function B(E) {
2026
+ a.value = E;
1939
2027
  }
1940
- async function P(A, L, D) {
1941
- 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] ?? [] : [];
1942
- if (ge != null && Ce.length >= ge) return;
1943
- const ue = await N({
1944
- catalog: p.value,
1945
- parent: ee,
1946
- allow: Te,
1947
- tree: S.value,
1948
- groups: g.value,
2028
+ async function L(E, M, O) {
2029
+ const X = E ? se(g.value, E) : null, Z = X ? c.value.find((De) => De.slug === X.node.type) ?? null : null, Oe = E === null ? l.allow : O?.props?.allow ?? null, _e = E === null ? l.max : O?.props?.max ?? null, ce = E === null ? g.value : X && M ? X.node.values[M] ?? [] : [];
2030
+ if (_e != null && ce.length >= _e) return;
2031
+ const pe = await F({
2032
+ catalog: c.value,
2033
+ parent: Z,
2034
+ allow: Oe,
2035
+ tree: g.value,
2036
+ groups: V.value,
1949
2037
  blocksPath: l.blocksPath
1950
2038
  });
1951
- if (!ue) return;
1952
- const Be = sl(ue.slug, H(ue));
1953
- I(nt(S.value, A, L, Ce.length, Be)), _.value = Be.key;
2039
+ if (!pe) return;
2040
+ const We = dl(pe.slug, I(pe));
2041
+ B(it(g.value, E, M, ce.length, We)), m.value = We.key;
2042
+ }
2043
+ function I(E) {
2044
+ const M = E.content?.sample ?? {}, O = {};
2045
+ for (const [X, Z] of Object.entries(M))
2046
+ (!Array.isArray(Z) || Z.length === 0 || typeof Z[0] != "object") && (O[X] = Z);
2047
+ return O;
1954
2048
  }
1955
- function H(A) {
1956
- const L = A.content?.sample ?? {}, D = {};
1957
- for (const [X, ee] of Object.entries(L))
1958
- (!Array.isArray(ee) || ee.length === 0 || typeof ee[0] != "object") && (D[X] = ee);
1959
- return D;
2049
+ async function ne(E) {
2050
+ const M = se(g.value, E);
2051
+ if (!M) return;
2052
+ const O = pl(M.node);
2053
+ O > 0 && !await Ie({
2054
+ title: o("field.remove-title", {
2055
+ title: c.value.find((Z) => Z.slug === M.node.type)?.title ?? M.node.type
2056
+ }),
2057
+ message: o("field.remove-text", { count: O }),
2058
+ confirmText: o("field.remove"),
2059
+ cancelText: o("page.cancel"),
2060
+ tone: "danger"
2061
+ }) || (m.value === E && (m.value = null), B(ml(g.value, E)));
1960
2062
  }
1961
- function xe(A) {
1962
- _.value === A && (_.value = null), I(rl(S.value, A));
2063
+ function re(E) {
2064
+ const M = se(g.value, E);
2065
+ if (!M) return;
2066
+ const O = Ct(M.node);
2067
+ B(it(g.value, M.parent?.key ?? null, M.field, M.index + 1, O)), m.value = O.key;
1963
2068
  }
1964
- function ie(A) {
1965
- const L = oe(S.value, A);
1966
- if (!L) return;
1967
- const D = $t(L.node);
1968
- I(nt(S.value, L.parent?.key ?? null, L.field, L.index + 1, D)), _.value = D.key;
2069
+ function Ce(E, M) {
2070
+ B(fl(g.value, E, M));
1969
2071
  }
1970
- function $e(A, L, D) {
1971
- I(cl(S.value, A, L, D));
2072
+ function Me(E, M, O) {
2073
+ B(bl(g.value, E, M, O));
1972
2074
  }
1973
- function Ue(A) {
1974
- _.value = _.value === A ? null : A;
2075
+ function Se(E) {
2076
+ m.value = m.value === E ? null : E;
1975
2077
  }
1976
- function be() {
1977
- _.value = null;
2078
+ function ye() {
2079
+ m.value = null;
1978
2080
  }
1979
- function Ve(A) {
1980
- _.value && I(ul(S.value, _.value, A));
2081
+ function Be(E) {
2082
+ m.value && B(hl(g.value, m.value, E));
1981
2083
  }
1982
- let re;
1983
- le(
1984
- () => k.value?.node.values,
1985
- (A, L) => {
1986
- if (!A || !L || !b.value || !n || !m) return;
1987
- const D = _.value, X = b.value.id;
1988
- clearTimeout(re), re = setTimeout(() => {
1989
- !D || !n || n.render(X, { values: A, key: D }).then((ee) => {
1990
- y.value?.replace(D, ee.html) || y.value?.refresh();
2084
+ let ue;
2085
+ oe(
2086
+ () => f.value?.node.values,
2087
+ (E, M) => {
2088
+ if (!E || !M || !h.value || !v || !y) return;
2089
+ const O = m.value, X = h.value.id;
2090
+ clearTimeout(ue), ue = setTimeout(() => {
2091
+ !O || !v || v.render(X, { values: E, key: O }).then((Z) => {
2092
+ w.value?.replace(O, Z.html) || w.value?.refresh();
1991
2093
  }).catch(() => {
1992
2094
  });
1993
2095
  }, 300);
1994
2096
  },
1995
2097
  { deep: !0 }
1996
2098
  );
1997
- function se(A) {
1998
- A.key === "Escape" && _.value && be();
2099
+ function we(E) {
2100
+ E.key === "Escape" && m.value && ye();
1999
2101
  }
2000
- ye(async () => {
2001
- if (window.addEventListener("keydown", se), l.catalog === null && i) {
2002
- n = he(i);
2102
+ xe(async () => {
2103
+ if (window.addEventListener("keydown", we), l.catalog === null && n) {
2104
+ v = ge(n);
2003
2105
  try {
2004
- h.value = await n.catalog();
2005
- } catch (A) {
2006
- F.danger(A.body?.message ?? String(A));
2106
+ z.value = await v.catalog();
2107
+ } catch (E) {
2108
+ q.danger(u(E));
2007
2109
  }
2008
- } else i && (n = he(i));
2009
- }), Re(() => {
2010
- clearTimeout(re), window.removeEventListener("keydown", se);
2110
+ } else n && (v = ge(n));
2111
+ }), Ze(() => {
2112
+ clearTimeout(ue), window.removeEventListener("keydown", we);
2011
2113
  });
2012
- const Se = C(
2013
- () => b.value?.content ? Je(b.value.content.schema) : []
2114
+ const Pe = C(
2115
+ () => h.value?.content ? Qe(h.value.content.schema) : []
2014
2116
  );
2015
- return (A, L) => e(s) ? (r(), V("div", dn, [
2016
- u(e(R), {
2117
+ return (E, M) => e(s) ? (i(), x("div", kn, [
2118
+ r(e(R), {
2017
2119
  size: "sm",
2018
2120
  tone: "muted"
2019
2121
  }, {
2020
- default: c(() => [
2021
- $(f(e(o)("field.nested-note")), 1)
2122
+ default: d(() => [
2123
+ _(p(e(o)("field.nested-note")), 1)
2022
2124
  ]),
2023
2125
  _: 1
2024
2126
  })
2025
- ])) : (r(), V("div", {
2127
+ ])) : (i(), x("div", {
2026
2128
  key: 1,
2027
- class: me(["wx-blocks-host", { "is-fill": t.fill }])
2129
+ class: he(["wx-blocks-host", { "is-fill": t.fill }])
2028
2130
  }, [
2029
- x("div", {
2030
- class: me(["wx-blocks", {
2031
- "is-editing": k.value !== null,
2032
- "has-preview": e(m) !== null && e(m).url.value !== null
2131
+ $("div", {
2132
+ class: he(["wx-blocks", {
2133
+ "is-editing": f.value !== null,
2134
+ "has-preview": e(y) !== null && e(y).url.value !== null
2033
2135
  }])
2034
2136
  }, [
2035
- x("div", pn, [
2036
- x("div", fn, [
2037
- x("span", mn, f(e(o)("field.blocks")), 1),
2038
- u(e(R), {
2137
+ $("div", yn, [
2138
+ $("div", wn, [
2139
+ $("span", _n, p(e(o)("field.blocks")), 1),
2140
+ r(e(R), {
2039
2141
  size: "sm",
2040
2142
  tone: "muted"
2041
2143
  }, {
2042
- default: c(() => [
2043
- $(f(S.value.length), 1)
2144
+ default: d(() => [
2145
+ _(p(g.value.length), 1)
2044
2146
  ]),
2045
2147
  _: 1
2046
2148
  })
2047
2149
  ]),
2048
- u(cn, {
2049
- nodes: S.value,
2050
- catalog: p.value,
2051
- selected: _.value,
2150
+ r(gn, {
2151
+ nodes: g.value,
2152
+ catalog: c.value,
2153
+ selected: m.value,
2052
2154
  disabled: t.disabled,
2053
- onSelect: Ue,
2054
- onAdd: P,
2055
- onRemove: xe,
2056
- onDuplicate: ie,
2057
- onReorder: $e
2155
+ onSelect: Se,
2156
+ onAdd: L,
2157
+ onRemove: ne,
2158
+ onDuplicate: re,
2159
+ onVisibility: Ce,
2160
+ onReorder: Me
2058
2161
  }, null, 8, ["nodes", "catalog", "selected", "disabled"]),
2059
- !t.disabled && (t.max === null || S.value.length < t.max) ? (r(), W(e(q), {
2162
+ !t.disabled && (t.max === null || g.value.length < t.max) ? (i(), W(e(J), {
2060
2163
  key: 0,
2061
2164
  variant: "outline",
2062
2165
  block: "",
2063
2166
  icon: "plus",
2064
2167
  class: "wx-blocks__add",
2065
- onClick: L[0] || (L[0] = (D) => P(null, null, null))
2168
+ onClick: M[0] || (M[0] = (O) => L(null, null, null))
2066
2169
  }, {
2067
- default: c(() => [
2068
- $(f(e(o)("field.add")), 1)
2170
+ default: d(() => [
2171
+ _(p(e(o)("field.add")), 1)
2069
2172
  ]),
2070
2173
  _: 1
2071
- })) : E("", !0),
2072
- e(m) && e(m).url.value ? (r(), W(e(q), {
2174
+ })) : A("", !0),
2175
+ e(y) && e(y).url.value ? (i(), W(e(J), {
2073
2176
  key: 1,
2074
2177
  variant: "text",
2075
2178
  block: "",
2076
2179
  class: "wx-blocks__preview-button",
2077
- onClick: L[1] || (L[1] = (D) => y.value?.open())
2180
+ onClick: M[1] || (M[1] = (O) => w.value?.open())
2078
2181
  }, {
2079
- default: c(() => [
2080
- $(f(e(o)("field.preview")), 1)
2182
+ default: d(() => [
2183
+ _(p(e(o)("field.preview")), 1)
2081
2184
  ]),
2082
2185
  _: 1
2083
- })) : E("", !0)
2186
+ })) : A("", !0)
2084
2187
  ]),
2085
- k.value ? (r(), V("div", vn, [
2086
- x("div", hn, [
2087
- x("span", bn, f(b.value?.title ?? k.value.node.type), 1),
2088
- x("span", gn, [
2089
- x("code", null, f(k.value.node.type), 1),
2090
- u(e(q), {
2188
+ f.value ? (i(), x("div", xn, [
2189
+ $("div", $n, [
2190
+ $("span", Vn, p(h.value?.title ?? f.value.node.type), 1),
2191
+ $("span", Tn, [
2192
+ $("code", null, p(f.value.node.type), 1),
2193
+ r(e(J), {
2091
2194
  size: "sm",
2092
2195
  variant: "outline",
2093
- onClick: be
2196
+ onClick: ye
2094
2197
  }, {
2095
- default: c(() => [
2096
- $(f(e(o)("field.done")) + " · Esc", 1)
2198
+ default: d(() => [
2199
+ _(p(e(o)("field.done")) + " · Esc", 1)
2097
2200
  ]),
2098
2201
  _: 1
2099
2202
  })
2100
2203
  ])
2101
2204
  ]),
2102
- x("div", kn, [
2103
- b.value?.content ? (r(), W(e(bt), {
2104
- key: k.value.node.key,
2105
- "model-value": k.value.node.values,
2106
- root: Se.value,
2107
- types: w.value,
2108
- translate: B.value,
2109
- can: M.value,
2205
+ $("div", Cn, [
2206
+ h.value?.content ? (i(), W(e(wt), {
2207
+ key: f.value.node.key,
2208
+ "model-value": f.value.node.values,
2209
+ root: Pe.value,
2210
+ types: T.value,
2211
+ translate: D.value,
2212
+ can: P.value,
2110
2213
  disabled: t.disabled,
2111
- "onUpdate:modelValue": Ve
2112
- }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (r(), W(e(R), {
2214
+ "onUpdate:modelValue": Be
2215
+ }, null, 8, ["model-value", "root", "types", "translate", "can", "disabled"])) : (i(), W(e(R), {
2113
2216
  key: 1,
2114
2217
  size: "sm",
2115
2218
  tone: "danger"
2116
2219
  }, {
2117
- default: c(() => [
2118
- $(f(e(o)("field.unknown-type", { type: k.value.node.type })), 1)
2220
+ default: d(() => [
2221
+ _(p(e(o)("field.unknown-type", { type: f.value.node.type })), 1)
2119
2222
  ]),
2120
2223
  _: 1
2121
2224
  }))
2122
2225
  ])
2123
- ])) : E("", !0),
2124
- e(m) && e(m).url.value ? (r(), V("div", yn, [
2125
- u(Xl, {
2226
+ ])) : A("", !0),
2227
+ e(y) && e(y).url.value ? (i(), x("div", Sn, [
2228
+ r(on, {
2126
2229
  ref_key: "previewEl",
2127
- ref: y,
2128
- url: e(m).url.value,
2129
- selected: _.value,
2130
- mode: k.value ? "phone" : "wide",
2131
- reload: e(m).reload?.value ?? 0,
2230
+ ref: w,
2231
+ url: e(y).url.value,
2232
+ selected: m.value,
2233
+ mode: f.value ? "phone" : "wide",
2234
+ reload: e(y).reload?.value ?? 0,
2132
2235
  fill: t.fill
2133
2236
  }, null, 8, ["url", "selected", "mode", "reload", "fill"])
2134
- ])) : E("", !0)
2237
+ ])) : A("", !0)
2135
2238
  ], 2)
2136
2239
  ], 2));
2137
2240
  }
2138
- }), _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({
2241
+ }), Wn = /* @__PURE__ */ Q(Bn, [["__scopeId", "data-v-84cb4c0e"]]), An = { class: "wx-block-card__body" }, zn = { class: "wx-block-card__title" }, En = { class: "wx-block-card__chips" }, Un = /* @__PURE__ */ Y({
2139
2242
  __name: "BlockCard",
2140
2243
  props: {
2141
2244
  block: {}
2142
2245
  },
2143
2246
  emits: ["open"],
2144
2247
  setup(t, { emit: l }) {
2145
- const a = l, s = Q("webx-blocks");
2146
- return (o, i) => (r(), V("button", {
2248
+ const a = l, s = te("webx-blocks");
2249
+ return (o, u) => (i(), x("button", {
2147
2250
  type: "button",
2148
2251
  class: "wx-block-card",
2149
- onClick: i[0] || (i[0] = (n) => a("open", t.block))
2252
+ onClick: u[0] || (u[0] = (n) => a("open", t.block))
2150
2253
  }, [
2151
- u(Ct, {
2254
+ r(At, {
2152
2255
  thumbnail: t.block.thumbnail,
2153
2256
  height: 120
2154
2257
  }, null, 8, ["thumbnail"]),
2155
- x("div", xn, [
2156
- x("div", $n, f(t.block.title), 1),
2157
- u(e(R), {
2258
+ $("div", An, [
2259
+ $("div", zn, p(t.block.title), 1),
2260
+ r(e(R), {
2158
2261
  size: "sm",
2159
2262
  tone: "muted"
2160
2263
  }, {
2161
- default: c(() => [
2162
- x("code", null, f(t.block.slug), 1),
2163
- $(" · " + f(t.block.usage_count > 0 ? e(s)("page.on-pages", { count: t.block.usage_count }) : e(s)("page.not-used")), 1)
2264
+ default: d(() => [
2265
+ $("code", null, p(t.block.slug), 1),
2266
+ _(" · " + p(t.block.usage_count > 0 ? e(s)("page.on-pages", { count: t.block.usage_count }) : e(s)("page.not-used")), 1)
2164
2267
  ]),
2165
2268
  _: 1
2166
2269
  }),
2167
- x("div", Vn, [
2168
- t.block.draft ? (r(), W(e(G), {
2270
+ $("div", En, [
2271
+ t.block.draft ? (i(), W(e(K), {
2169
2272
  key: 0,
2170
2273
  type: "warning",
2171
2274
  dot: ""
2172
2275
  }, {
2173
- default: c(() => [
2174
- $(f(e(s)("page.draft", { number: t.block.draft.number })), 1)
2276
+ default: d(() => [
2277
+ _(p(e(s)("page.draft", { number: t.block.draft.number })), 1)
2175
2278
  ]),
2176
2279
  _: 1
2177
- })) : E("", !0),
2178
- t.block.published ? (r(), W(e(G), {
2280
+ })) : A("", !0),
2281
+ t.block.published ? (i(), W(e(K), {
2179
2282
  key: 1,
2180
2283
  type: "success",
2181
2284
  dot: ""
2182
2285
  }, {
2183
- default: c(() => [
2184
- $(f(e(s)("page.live", { number: t.block.published.number })), 1)
2286
+ default: d(() => [
2287
+ _(p(e(s)("page.live", { number: t.block.published.number })), 1)
2185
2288
  ]),
2186
2289
  _: 1
2187
- })) : (r(), W(e(G), {
2290
+ })) : (i(), W(e(K), {
2188
2291
  key: 2,
2189
2292
  type: "default"
2190
2293
  }, {
2191
- default: c(() => [
2192
- $(f(e(s)("page.never-published")), 1)
2294
+ default: d(() => [
2295
+ _(p(e(s)("page.never-published")), 1)
2193
2296
  ]),
2194
2297
  _: 1
2195
2298
  })),
2196
- t.block.is_enabled ? E("", !0) : (r(), W(e(G), {
2299
+ t.block.is_enabled ? A("", !0) : (i(), W(e(K), {
2197
2300
  key: 3,
2198
2301
  type: "default",
2199
2302
  variant: "outline"
2200
2303
  }, {
2201
- default: c(() => [
2202
- $(f(e(s)("page.hidden")), 1)
2304
+ default: d(() => [
2305
+ _(p(e(s)("page.hidden")), 1)
2203
2306
  ]),
2204
2307
  _: 1
2205
2308
  }))
@@ -2207,62 +2310,62 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
2207
2310
  ])
2208
2311
  ]));
2209
2312
  }
2210
- }), Tn = /* @__PURE__ */ Z(Sn, [["__scopeId", "data-v-daa12de4"]]), Cn = { class: "wx-block-create" }, Bn = /* @__PURE__ */ K({
2313
+ }), In = /* @__PURE__ */ Q(Un, [["__scopeId", "data-v-daa12de4"]]), Nn = { class: "wx-block-create" }, Ln = /* @__PURE__ */ Y({
2211
2314
  __name: "BlockCreateDialog",
2212
2315
  setup(t) {
2213
- const { resolve: l, dismiss: a, open: s } = ft(), o = we(), i = he(o);
2214
- _e();
2215
- 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(
2216
- () => h.value.map((d) => ({ value: d, label: ke(d, n) }))
2316
+ const { resolve: l, dismiss: a, open: s } = bt(), o = $e(), u = ge(o);
2317
+ Te();
2318
+ const n = te("webx-blocks"), v = Ve(), z = C(() => o.state.manifest?.modules.find((T) => T.id === "blocks")?.meta?.groups ?? ["content"]), c = N({ title: "", slug: "", group: z.value[0] ?? "content" }), g = N({}), m = N(!1), f = N(!1), h = C(
2319
+ () => z.value.map((k) => ({ value: k, label: ke(k, n) }))
2217
2320
  );
2218
- function m(d) {
2219
- return d.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "").slice(0, 64);
2321
+ function y(k) {
2322
+ return k.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/^[^a-z]+/, "").slice(0, 64);
2220
2323
  }
2221
- le(
2222
- () => p.value.title,
2223
- (d) => {
2224
- k.value || (p.value.slug = m(d));
2324
+ oe(
2325
+ () => c.value.title,
2326
+ (k) => {
2327
+ f.value || (c.value.slug = y(k));
2225
2328
  }
2226
2329
  );
2227
- function y(d) {
2228
- return S.value[d]?.[0];
2330
+ function w(k) {
2331
+ return g.value[k]?.[0];
2229
2332
  }
2230
- async function g() {
2231
- _.value = !0, S.value = {};
2333
+ async function V() {
2334
+ m.value = !0, g.value = {};
2232
2335
  try {
2233
- l(await i.create(p.value));
2234
- } catch (d) {
2235
- const w = d.body;
2236
- w?.errors ? S.value = w.errors : F.danger(w?.message ?? n("page.failed"));
2336
+ l(await u.create(c.value));
2337
+ } catch (k) {
2338
+ const T = k.body;
2339
+ T?.errors ? g.value = T.errors : q.danger(v(k, n("page.failed")));
2237
2340
  } finally {
2238
- _.value = !1;
2341
+ m.value = !1;
2239
2342
  }
2240
2343
  }
2241
- return (d, w) => (r(), W(e(mt), {
2344
+ return (k, T) => (i(), W(e(gt), {
2242
2345
  open: e(s),
2243
- "onUpdate:open": w[5] || (w[5] = (B) => it(s) ? s.value = B : null),
2346
+ "onUpdate:open": T[5] || (T[5] = (D) => ct(s) ? s.value = D : null),
2244
2347
  title: e(n)("page.new"),
2245
2348
  width: 520
2246
2349
  }, {
2247
- footer: c(() => [
2248
- u(e(Ot), { size: "sm" }, {
2249
- default: c(() => [
2250
- u(e(q), {
2350
+ footer: d(() => [
2351
+ r(e(Jt), { size: "sm" }, {
2352
+ default: d(() => [
2353
+ r(e(J), {
2251
2354
  variant: "outline",
2252
- onClick: w[4] || (w[4] = (B) => e(a)())
2355
+ onClick: T[4] || (T[4] = (D) => e(a)())
2253
2356
  }, {
2254
- default: c(() => [
2255
- $(f(e(n)("page.cancel")), 1)
2357
+ default: d(() => [
2358
+ _(p(e(n)("page.cancel")), 1)
2256
2359
  ]),
2257
2360
  _: 1
2258
2361
  }),
2259
- u(e(q), {
2362
+ r(e(J), {
2260
2363
  type: "primary",
2261
- loading: _.value,
2262
- onClick: g
2364
+ loading: m.value,
2365
+ onClick: V
2263
2366
  }, {
2264
- default: c(() => [
2265
- $(f(e(n)("page.create")), 1)
2367
+ default: d(() => [
2368
+ _(p(e(n)("page.create")), 1)
2266
2369
  ]),
2267
2370
  _: 1
2268
2371
  }, 8, ["loading"])
@@ -2270,46 +2373,46 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
2270
2373
  _: 1
2271
2374
  })
2272
2375
  ]),
2273
- default: c(() => [
2274
- x("div", Cn, [
2275
- u(e(J), {
2376
+ default: d(() => [
2377
+ $("div", Nn, [
2378
+ r(e(G), {
2276
2379
  label: e(n)("page.title"),
2277
- error: y("title")
2380
+ error: w("title")
2278
2381
  }, {
2279
- default: c(() => [
2280
- u(e(ve), {
2281
- modelValue: p.value.title,
2282
- "onUpdate:modelValue": w[0] || (w[0] = (B) => p.value.title = B),
2382
+ default: d(() => [
2383
+ r(e(be), {
2384
+ modelValue: c.value.title,
2385
+ "onUpdate:modelValue": T[0] || (T[0] = (D) => c.value.title = D),
2283
2386
  autofocus: ""
2284
2387
  }, null, 8, ["modelValue"])
2285
2388
  ]),
2286
2389
  _: 1
2287
2390
  }, 8, ["label", "error"]),
2288
- u(e(J), {
2391
+ r(e(G), {
2289
2392
  label: e(n)("page.identifier"),
2290
2393
  help: e(n)("page.identifier-help"),
2291
- error: y("slug")
2394
+ error: w("slug")
2292
2395
  }, {
2293
- default: c(() => [
2294
- u(e(ve), {
2295
- modelValue: p.value.slug,
2296
- "onUpdate:modelValue": w[1] || (w[1] = (B) => p.value.slug = B),
2396
+ default: d(() => [
2397
+ r(e(be), {
2398
+ modelValue: c.value.slug,
2399
+ "onUpdate:modelValue": T[1] || (T[1] = (D) => c.value.slug = D),
2297
2400
  placeholder: "hero",
2298
- onInput: w[2] || (w[2] = (B) => k.value = !0)
2401
+ onInput: T[2] || (T[2] = (D) => f.value = !0)
2299
2402
  }, null, 8, ["modelValue"])
2300
2403
  ]),
2301
2404
  _: 1
2302
2405
  }, 8, ["label", "help", "error"]),
2303
- u(e(J), {
2406
+ r(e(G), {
2304
2407
  label: e(n)("page.group"),
2305
2408
  help: e(n)("page.group-help"),
2306
- error: y("group")
2409
+ error: w("group")
2307
2410
  }, {
2308
- default: c(() => [
2309
- u(e(pt), {
2310
- modelValue: p.value.group,
2311
- "onUpdate:modelValue": w[3] || (w[3] = (B) => p.value.group = B),
2312
- options: b.value
2411
+ default: d(() => [
2412
+ r(e(ht), {
2413
+ modelValue: c.value.group,
2414
+ "onUpdate:modelValue": T[3] || (T[3] = (D) => c.value.group = D),
2415
+ options: h.value
2313
2416
  }, null, 8, ["modelValue", "options"])
2314
2417
  ]),
2315
2418
  _: 1
@@ -2319,156 +2422,174 @@ const ot = /* @__PURE__ */ Symbol("wx-blocks-root"), dn = {
2319
2422
  _: 1
2320
2423
  }, 8, ["open", "title"]));
2321
2424
  }
2322
- }), 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 = {
2425
+ }), Mn = /* @__PURE__ */ Q(Ln, [["__scopeId", "data-v-a4c0d44c"]]), Pn = {
2426
+ key: 1,
2427
+ class: "wx-blocks-page__toolbar"
2428
+ }, On = { class: "wx-blocks-page__cards" }, Dn = { class: "wx-blocks-page__ghost-body" }, Rn = {
2323
2429
  key: 0,
2324
2430
  class: "wx-blocks-page__group-title"
2325
- }, Nn = { class: "wx-blocks-page__cards" }, Ln = /* @__PURE__ */ K({
2431
+ }, jn = { class: "wx-blocks-page__cards" }, Hn = /* @__PURE__ */ Y({
2326
2432
  __name: "BlocksPage",
2327
2433
  props: {
2328
2434
  base: { default: "/blocks" }
2329
2435
  },
2330
2436
  setup(t) {
2331
- const l = t, a = we(), s = he(a), o = ut();
2332
- _e();
2333
- const i = Q("webx-blocks"), n = U([]), h = U(!0), p = U(""), S = ht(Wn), _ = C(() => {
2334
- const B = a.state.manifest?.modules.find((M) => M.id === "blocks")?.meta;
2437
+ const l = t, a = $e(), s = ge(a), o = ft();
2438
+ Te();
2439
+ const u = te("webx-blocks"), n = Ve(), v = N([]), z = N(!0), c = N(""), g = N(""), m = yt(Mn), f = C(() => {
2440
+ const B = a.state.manifest?.modules.find((L) => L.id === "blocks")?.meta;
2335
2441
  return {
2336
2442
  groups: B?.groups ?? [],
2337
2443
  editing: B?.editing ?? !0,
2338
2444
  provides: B?.provides ?? []
2339
2445
  };
2340
- }), k = C(() => a.can("blocks.manage") && _.value.editing), b = C(
2341
- () => a.state.manifest?.modules.find((B) => B.id === "blocks")?.title ?? i("module.title")
2342
- ), m = C(() => {
2343
- const B = p.value.trim().toLowerCase();
2344
- return B === "" ? n.value : n.value.filter(
2345
- (M) => M.title.toLowerCase().includes(B) || M.slug.includes(B) || (M.description ?? "").toLowerCase().includes(B)
2446
+ }), h = C(() => a.can("blocks.manage") && f.value.editing), y = C(
2447
+ () => a.state.manifest?.modules.find((B) => B.id === "blocks")?.title ?? u("module.title")
2448
+ ), w = C(() => {
2449
+ const B = c.value.trim().toLowerCase(), L = g.value === "" ? v.value : v.value.filter((I) => I.group === g.value);
2450
+ return B === "" ? L : L.filter(
2451
+ (I) => I.title.toLowerCase().includes(B) || I.slug.includes(B) || (I.description ?? "").toLowerCase().includes(B)
2346
2452
  );
2347
- }), y = C(() => {
2348
- const B = [..._.value.groups];
2349
- for (const I of m.value)
2350
- B.includes(I.group) || B.push(I.group);
2351
- const M = B.map((I) => ({
2453
+ }), V = C(() => {
2454
+ const B = [...f.value.groups];
2455
+ for (const L of v.value)
2456
+ B.includes(L.group) || B.push(L.group);
2457
+ return B.filter((L) => v.value.some((I) => I.group === L));
2458
+ }), k = C(
2459
+ () => V.value.length < 2 ? [] : [
2460
+ { value: "", label: u("page.all-groups") },
2461
+ ...V.value.map((B) => ({ value: B, label: ke(B, u) }))
2462
+ ]
2463
+ ), T = C(() => {
2464
+ const B = V.value.map((I) => ({
2352
2465
  id: I,
2353
- label: ke(I, i),
2354
- blocks: m.value.filter((P) => P.group === I)
2466
+ label: ke(I, u),
2467
+ blocks: w.value.filter((ne) => ne.group === I)
2355
2468
  })).filter((I) => I.blocks.length > 0);
2356
- return m.value.length <= 5 || p.value.trim() !== "" || M.length < 2 ? [{ id: "", label: "", blocks: m.value }] : M;
2469
+ return g.value !== "" || w.value.length <= 5 || c.value.trim() !== "" || B.length < 2 ? [{ id: "", label: "", blocks: w.value }] : B;
2357
2470
  });
2358
- async function g() {
2359
- h.value = !0;
2471
+ async function D() {
2472
+ z.value = !0;
2360
2473
  try {
2361
- n.value = await s.list();
2474
+ v.value = await s.list();
2362
2475
  } catch (B) {
2363
- F.danger(B.body?.message ?? String(B));
2476
+ q.danger(n(B));
2364
2477
  } finally {
2365
- h.value = !1;
2478
+ z.value = !1;
2366
2479
  }
2367
2480
  }
2368
- function d(B) {
2481
+ function P(B) {
2369
2482
  o.push(`${l.base}/${B.id}`);
2370
2483
  }
2371
- async function w() {
2372
- const B = await S({});
2373
- B && d(B);
2484
+ async function F() {
2485
+ const B = await m({});
2486
+ B && P(B);
2374
2487
  }
2375
- return ye(g), (B, M) => (r(), V("div", An, [
2376
- x("div", zn, [
2377
- u(e(Rt), { level: 2 }, {
2378
- default: c(() => [
2379
- $(f(b.value), 1)
2380
- ]),
2381
- _: 1
2382
- }),
2383
- k.value ? (r(), W(e(q), {
2488
+ return xe(D), (B, L) => (i(), W(e(Dt), {
2489
+ view: g.value,
2490
+ "onUpdate:view": L[1] || (L[1] = (I) => g.value = I),
2491
+ class: "wx-blocks-page",
2492
+ title: y.value,
2493
+ views: k.value
2494
+ }, Lt({
2495
+ default: d(() => [
2496
+ f.value.editing ? A("", !0) : (i(), W(e(mt), {
2384
2497
  key: 0,
2385
- type: "primary",
2386
- icon: "plus",
2387
- onClick: w
2388
- }, {
2389
- default: c(() => [
2390
- $(f(e(i)("page.new")), 1)
2498
+ type: "info",
2499
+ variant: "soft",
2500
+ description: e(u)("page.editing-off")
2501
+ }, null, 8, ["description"])),
2502
+ z.value || v.value.length > 0 ? (i(), x("div", Pn, [
2503
+ r(e(be), {
2504
+ modelValue: c.value,
2505
+ "onUpdate:modelValue": L[0] || (L[0] = (I) => c.value = I),
2506
+ class: "wx-blocks-page__search",
2507
+ placeholder: e(u)("page.search"),
2508
+ clearable: ""
2509
+ }, null, 8, ["modelValue", "placeholder"])
2510
+ ])) : A("", !0),
2511
+ z.value ? (i(), W(e(me), { key: 2 }, {
2512
+ template: d(() => [
2513
+ $("div", On, [
2514
+ (i(), x(H, null, ee(4, (I) => $("div", {
2515
+ key: I,
2516
+ class: "wx-blocks-page__ghost"
2517
+ }, [
2518
+ r(e(ze), {
2519
+ variant: "image",
2520
+ height: 120,
2521
+ class: "wx-blocks-page__ghost-thumb"
2522
+ }),
2523
+ $("div", Dn, [
2524
+ r(e(ze), {
2525
+ variant: "title",
2526
+ width: "45%"
2527
+ }),
2528
+ r(e(ze), {
2529
+ variant: "text",
2530
+ width: "70%"
2531
+ }),
2532
+ r(e(ze), {
2533
+ variant: "button",
2534
+ width: "64px",
2535
+ height: "22px"
2536
+ })
2537
+ ])
2538
+ ])), 64))
2539
+ ])
2391
2540
  ]),
2392
2541
  _: 1
2393
- })) : E("", !0)
2394
- ]),
2395
- _.value.editing ? E("", !0) : (r(), W(e(dt), {
2396
- key: 0,
2397
- type: "info",
2398
- variant: "soft",
2399
- description: e(i)("page.editing-off")
2400
- }, null, 8, ["description"])),
2401
- h.value || n.value.length > 0 ? (r(), W(e(ve), {
2402
- key: 1,
2403
- modelValue: p.value,
2404
- "onUpdate:modelValue": M[0] || (M[0] = (N) => p.value = N),
2405
- class: "wx-blocks-page__search",
2406
- placeholder: e(i)("page.search"),
2407
- clearable: ""
2408
- }, null, 8, ["modelValue", "placeholder"])) : E("", !0),
2409
- h.value ? (r(), W(e(pe), { key: 2 }, {
2410
- template: c(() => [
2411
- x("div", En, [
2412
- (r(), V(j, null, Y(4, (N) => x("div", {
2413
- key: N,
2414
- class: "wx-blocks-page__ghost"
2415
- }, [
2416
- u(e(Ae), {
2417
- variant: "image",
2418
- height: 120,
2419
- class: "wx-blocks-page__ghost-thumb"
2420
- }),
2421
- x("div", Un, [
2422
- u(e(Ae), {
2423
- variant: "title",
2424
- width: "45%"
2425
- }),
2426
- u(e(Ae), {
2427
- variant: "text",
2428
- width: "70%"
2429
- }),
2430
- u(e(Ae), {
2431
- variant: "button",
2432
- width: "64px",
2433
- height: "22px"
2434
- })
2435
- ])
2436
- ])), 64))
2542
+ })) : v.value.length === 0 ? (i(), W(e(kt), {
2543
+ key: 3,
2544
+ icon: "grid",
2545
+ title: e(u)("page.empty"),
2546
+ description: e(u)("page.empty-help")
2547
+ }, null, 8, ["title", "description"])) : (i(!0), x(H, { key: 4 }, ee(T.value, (I) => (i(), x("section", {
2548
+ key: I.id,
2549
+ class: "wx-blocks-page__group"
2550
+ }, [
2551
+ I.label ? (i(), x("div", Rn, p(I.label), 1)) : A("", !0),
2552
+ $("div", jn, [
2553
+ (i(!0), x(H, null, ee(I.blocks, (ne) => (i(), W(In, {
2554
+ key: ne.id,
2555
+ block: ne,
2556
+ onOpen: P
2557
+ }, null, 8, ["block"]))), 128))
2437
2558
  ])
2559
+ ]))), 128))
2560
+ ]),
2561
+ _: 2
2562
+ }, [
2563
+ h.value ? {
2564
+ name: "actions",
2565
+ fn: d(() => [
2566
+ r(e(J), {
2567
+ type: "primary",
2568
+ icon: "plus",
2569
+ onClick: F
2570
+ }, {
2571
+ default: d(() => [
2572
+ _(p(e(u)("page.new")), 1)
2573
+ ]),
2574
+ _: 1
2575
+ })
2438
2576
  ]),
2439
- _: 1
2440
- })) : n.value.length === 0 ? (r(), W(e(vt), {
2441
- key: 3,
2442
- icon: "grid",
2443
- title: e(i)("page.empty"),
2444
- description: e(i)("page.empty-help")
2445
- }, null, 8, ["title", "description"])) : (r(!0), V(j, { key: 4 }, Y(y.value, (N) => (r(), V("section", {
2446
- key: N.id,
2447
- class: "wx-blocks-page__group"
2448
- }, [
2449
- N.label ? (r(), V("div", In, f(N.label), 1)) : E("", !0),
2450
- x("div", Nn, [
2451
- (r(!0), V(j, null, Y(N.blocks, (I) => (r(), W(Tn, {
2452
- key: I.id,
2453
- block: I,
2454
- onOpen: d
2455
- }, null, 8, ["block"]))), 128))
2456
- ])
2457
- ]))), 128))
2458
- ]));
2577
+ key: "0"
2578
+ } : void 0
2579
+ ]), 1032, ["view", "title", "views"]));
2459
2580
  }
2460
- }), Mn = /* @__PURE__ */ Z(Ln, [["__scopeId", "data-v-6e58b664"]]);
2461
- function Kn(t = {}) {
2581
+ }), Fn = /* @__PURE__ */ Q(Hn, [["__scopeId", "data-v-3cb993d5"]]);
2582
+ function ta(t = {}) {
2462
2583
  const l = t.path ?? "/blocks";
2463
2584
  return {
2464
2585
  id: "blocks",
2465
2586
  path: l,
2466
2587
  routes: [
2467
- { path: l, name: "webx.blocks", component: Mn, props: { base: l } },
2588
+ { path: l, name: "webx.blocks", component: Fn, props: { base: l } },
2468
2589
  {
2469
2590
  path: `${l}/:id(\\d+)`,
2470
2591
  name: "webx.blocks.edit",
2471
- component: Ll,
2592
+ component: Hl,
2472
2593
  props: { base: l }
2473
2594
  }
2474
2595
  ],
@@ -2477,7 +2598,7 @@ function Kn(t = {}) {
2477
2598
  // draws its children through the renderer; it needs the node for `props.allow` alone.
2478
2599
  types: {
2479
2600
  "wx-blocks": {
2480
- component: _n,
2601
+ component: Wn,
2481
2602
  kind: "field",
2482
2603
  nested: !0,
2483
2604
  bind: () => ({ blocksPath: l })
@@ -2486,37 +2607,37 @@ function Kn(t = {}) {
2486
2607
  };
2487
2608
  }
2488
2609
  export {
2489
- Ll as WxBlockEditorPage,
2490
- Kl as WxBlockPicker,
2491
- al as WxBlockStage,
2492
- Ct as WxBlockThumb,
2493
- _n as WxBlocks,
2494
- Mn as WxBlocksPage,
2495
- Kn as blocks,
2496
- dl as blocksMessages,
2497
- Ke as blocksPreviewKey,
2498
- $t as cloneNode,
2499
- ol as countType,
2500
- he as createBlocksApi,
2501
- gt as findRange,
2502
- Je as formSchema,
2503
- De as highlightBlock,
2504
- nt as insertNode,
2505
- yt as isNode,
2506
- Fe as isNodeList,
2507
- fl as lintBlock,
2508
- oe as locate,
2509
- sl as makeNode,
2510
- wt as newKey,
2511
- qn as provideBlocksPreview,
2512
- rl as removeNode,
2513
- Yt as replaceBlock,
2514
- cl as replaceList,
2515
- kt as stageDocument,
2516
- Fn as typesIn,
2517
- ml as undeclared,
2518
- ul as updateValues,
2519
- Jn as useBlocksPreview,
2520
- qe as walk
2610
+ Hl as WxBlockEditorPage,
2611
+ tn as WxBlockPicker,
2612
+ ul as WxBlockStage,
2613
+ At as WxBlockThumb,
2614
+ Wn as WxBlocks,
2615
+ Fn as WxBlocksPage,
2616
+ ta as blocks,
2617
+ gl as blocksMessages,
2618
+ Xe as blocksPreviewKey,
2619
+ Ct as cloneNode,
2620
+ cl as countType,
2621
+ ge as createBlocksApi,
2622
+ _t as findRange,
2623
+ Qe as formSchema,
2624
+ Je as highlightBlock,
2625
+ it as insertNode,
2626
+ $t as isNode,
2627
+ Ne as isNodeList,
2628
+ yl as lintBlock,
2629
+ se as locate,
2630
+ dl as makeNode,
2631
+ Ke as newKey,
2632
+ Xn as provideBlocksPreview,
2633
+ ml as removeNode,
2634
+ ll as replaceBlock,
2635
+ bl as replaceList,
2636
+ xt as stageDocument,
2637
+ Qn as typesIn,
2638
+ wl as undeclared,
2639
+ hl as updateValues,
2640
+ ea as useBlocksPreview,
2641
+ Le as walk
2521
2642
  };
2522
2643
  //# sourceMappingURL=index.js.map