@janbox/storefront-builder 2.0.0 → 2.0.2

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 (36) hide show
  1. package/README.md +2 -2
  2. package/dist/anchor-target-CtXzdkBu.js +2918 -0
  3. package/dist/{color-picker-popover-B3AVFuei.js → color-picker-popover-XeaVfYS8.js} +104 -80
  4. package/dist/countdown-timer.node-Bh5fTSJ8.js +913 -0
  5. package/dist/date-picker-D9K6HWl-.js +157 -0
  6. package/dist/{dialog-header-DPLOS7TT.js → dialog-header-Bh3Dkw2q.js} +2440 -2122
  7. package/dist/dropzone-CF4CWXth.js +546 -0
  8. package/dist/editor/toolbars.js +171 -161
  9. package/dist/editor/ui/button-group/button-group.d.ts +1 -1
  10. package/dist/editor/ui/dialog/dialog-body/dialog-body.d.ts +1 -1
  11. package/dist/editor/ui/form-label/form-label.d.ts +1 -1
  12. package/dist/editor/ui/input/input.d.ts +1 -2
  13. package/dist/editor/ui/loading-overlay/loading-overlay.d.ts +1 -1
  14. package/dist/editor/ui/popover/popover-close.d.ts +1 -1
  15. package/dist/editor/ui/tabs/tab-content.d.ts +1 -1
  16. package/dist/editor/ui/tabs/tab-list.d.ts +2 -4
  17. package/dist/editor/ui/tabs/tab-panel.d.ts +1 -1
  18. package/dist/editor/ui/tabs/tab.d.ts +2 -5
  19. package/dist/editor/ui/tabs/tabs.d.ts +1 -1
  20. package/dist/editor/ui.js +82 -72
  21. package/dist/editor.js +822 -586
  22. package/dist/index-800HnUOi.js +4 -0
  23. package/dist/{index-CwrFnubn.js → index-CXyljfMv.js} +1729 -1584
  24. package/dist/index.js +287 -247
  25. package/dist/style.css +1 -1
  26. package/dist/templates.js +10 -12
  27. package/dist/theme/index.d.ts +293 -0
  28. package/dist/tooltip-CXOlTkGg.js +75 -0
  29. package/dist/utils/common.d.ts +0 -2
  30. package/package.json +1 -2
  31. package/dist/anchor-target-BlOvysAr.js +0 -2329
  32. package/dist/countdown-timer.node-OmDiT-pz.js +0 -825
  33. package/dist/date-picker-B4Rju7gG.js +0 -115
  34. package/dist/dropzone-Dbfed3jK.js +0 -490
  35. package/dist/index-BbiQ0n_-.js +0 -4
  36. package/dist/tooltip-KbIHELP2.js +0 -65
package/dist/index.js CHANGED
@@ -1,22 +1,21 @@
1
- import { u as x, e as B, f as H } from "./countdown-timer.node-OmDiT-pz.js";
2
- import { d as Ee, A as _e, b as Re, c as Ve, g as De, B as je, h as qe, a as Ge, C as We, i as Oe, F as Ke, j as Ze, G as Je, H as Qe, k as $e, I as Xe, L as Ye, l as eo, M as oo, m as to, P as so, R as ro, S as no, n as ao, T as io, o as co, p as lo, q as uo, r as po, U as mo, s as No, V as fo } from "./countdown-timer.node-OmDiT-pz.js";
3
- import { D as v, a as k } from "./index-CwrFnubn.js";
4
- import { A as ho, B as wo, b as Io, C as Po, c as So, d as bo, e as Co, f as xo, F as vo, g as ko, G as To, H as yo, I as Lo, h as Ao, L as Mo, M as Bo, P as Ho, R as zo, S as Fo, i as Uo, T as Eo, j as _o, U as Ro, V as Vo, k as Do, u as jo, l as qo, m as Go, n as Wo, o as Oo, p as Ko, q as Zo, r as Jo, s as Qo, t as $o, v as Xo, w as Yo, x as et, y as ot, z as tt, E as st, J as rt, K as nt, N as at } from "./index-CwrFnubn.js";
5
- import { useNode as P } from "@craftjs/core";
6
- import { useNode as dt } from "@craftjs/core";
7
- import { isString as b, isNil as T } from "lodash-es";
8
- import { Fragment as N, useState as z, useEffect as S, useRef as h } from "react";
9
- import "clsx";
10
- import "tailwind-merge";
11
- import { y as C, l as f, W as g } from "./dialog-header-DPLOS7TT.js";
12
- import { c as lt, z as ut } from "./dialog-header-DPLOS7TT.js";
13
- import { u as F, I as U, U as E, v as w, w as y } from "./anchor-target-BlOvysAr.js";
14
- import { jsxs as l, jsx as e } from "@emotion/react/jsx-runtime";
1
+ import { u as v, e as H, f as F } from "./countdown-timer.node-Bh5fTSJ8.js";
2
+ import { d as Ue, A as Ee, b as Re, c as _e, g as De, B as Ve, h as je, a as qe, C as Ge, i as We, F as Oe, j as Ke, G as Ze, H as Je, k as Qe, I as $e, L as Xe, l as Ye, M as eo, m as oo, P as to, R as ro, S as so, n as no, T as io, o as ao, p as lo, q as co, r as uo, U as po, s as mo, V as go } from "./countdown-timer.node-Bh5fTSJ8.js";
3
+ import { D as y, a as T } from "./index-CXyljfMv.js";
4
+ import { A as fo, B as No, b as Io, C as So, c as bo, d as Co, e as Po, f as xo, F as ko, g as vo, G as yo, H as To, I as wo, h as Ao, L as Lo, M as Bo, P as Mo, R as Ho, S as Fo, i as zo, T as Uo, j as Eo, U as Ro, V as _o, k as Do, u as Vo, l as jo, m as qo, n as Go, o as Wo, p as Oo, q as Ko, r as Zo, s as Jo, t as Qo, v as $o, w as Xo, x as Yo, y as et, z as ot, E as tt, J as rt, K as st, N as nt } from "./index-CXyljfMv.js";
5
+ import { useNode as C } from "@craftjs/core";
6
+ import { useNode as at } from "@craftjs/core";
7
+ import { isString as x, isNil as w } from "lodash-es";
8
+ import { Fragment as h, useState as z, useEffect as P, useRef as I } from "react";
9
+ import { A as k, t as g, k as f, W as N } from "./dialog-header-Bh3Dkw2q.js";
10
+ import { B as lt } from "./dialog-header-Bh3Dkw2q.js";
11
+ import { u as U, I as E, U as R, v as S, w as A } from "./anchor-target-CtXzdkBu.js";
12
+ import { jsxs as c, jsx as e } from "@emotion/react/jsx-runtime";
15
13
  import "flat";
16
- import { C as _, u as L } from "./color-picker-popover-B3AVFuei.js";
17
- import { d as mt, g as Nt, a as ft, b as gt, c as ht, e as wt, i as It, r as Pt, t as St } from "./color-picker-popover-B3AVFuei.js";
18
- import { useDebounceCallback as A } from "usehooks-ts";
14
+ import { C as _, u as L } from "./color-picker-popover-XeaVfYS8.js";
15
+ import { d as ut, g as pt, a as mt, b as gt, c as ht, e as ft, i as Nt, r as It, t as St } from "./color-picker-popover-XeaVfYS8.js";
16
+ import { useDebounceCallback as B } from "usehooks-ts";
19
17
  import "@janbox/storefront-ui/hooks";
18
+ import "@emotion/react";
20
19
  import "@floating-ui/react";
21
20
  import "react-use";
22
21
  import "@janbox/storefront-ui/theme";
@@ -26,33 +25,32 @@ import "@tanstack/react-virtual";
26
25
  import "react-dropzone";
27
26
  import "react-datepicker/dist/react-datepicker.css";
28
27
  import "react-datepicker";
29
- import { TextStyleKit as R } from "@tiptap/extension-text-style";
30
- import { useEditor as V, EditorContent as D, useEditorState as j } from "@tiptap/react";
31
- import { BubbleMenu as q } from "@tiptap/react/menus";
32
- import { StarterKit as G } from "@tiptap/starter-kit";
33
- import { useFrame as W } from "react-frame-component";
34
- import { c as O } from "./dropzone-Dbfed3jK.js";
35
- import "@emotion/react";
36
- import { getTextProps as K, getTabPanelProps as Z, getListItemProps as J } from "@janbox/storefront-ui";
37
- const Q = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
28
+ import { TextStyleKit as D } from "@tiptap/extension-text-style";
29
+ import { useEditor as V, EditorContent as j, useEditorState as q } from "@tiptap/react";
30
+ import { BubbleMenu as G } from "@tiptap/react/menus";
31
+ import { StarterKit as W } from "@tiptap/starter-kit";
32
+ import { useFrame as O } from "react-frame-component";
33
+ import { c as K } from "./dropzone-CF4CWXth.js";
34
+ import { getTextProps as Z, getTabPanelProps as J, getListItemProps as Q } from "@janbox/storefront-ui";
35
+ const $ = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
38
36
  <path fill-rule="evenodd" clip-rule="evenodd" d="M20.221 4.29206V4.29206C19.438 3.50906 18.183 3.46806 17.35 4.19606L9.31298 11.2281C8.44198 11.9901 8.39798 13.3291 9.21598 14.1471L10.365 15.2961C11.183 16.1141 12.523 16.0691 13.284 15.1991L20.316 7.16206C21.045 6.33006 21.003 5.07506 20.221 4.29206V4.29206Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
39
37
  <path d="M10.87 9.87012L14.65 13.6501" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
40
38
  <path fill-rule="evenodd" clip-rule="evenodd" d="M3.59903 20.3231H7.30203C10.287 20.3231 11.782 16.7141 9.67103 14.6031V14.6031C8.11903 13.0511 5.48303 13.6221 4.71303 15.6771L3.19103 19.7351C3.08503 20.0201 3.29503 20.3231 3.59903 20.3231Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
41
39
  </svg>
42
- `, $ = ({ editor: s }) => {
43
- const [c, a] = z(!1), { nodeDOM: d } = P((t) => ({
40
+ `, X = ({ editor: r }) => {
41
+ const [l, i] = z(!1), { nodeDOM: d } = C((t) => ({
44
42
  nodeDOM: t.dom
45
43
  }));
46
- S(() => {
44
+ P(() => {
47
45
  const t = () => {
48
- a((p) => p && s.state.selection.from !== s.state.selection.to);
46
+ i((p) => p && r.state.selection.from !== r.state.selection.to);
49
47
  };
50
- return s.on("selectionUpdate", t), () => {
51
- s.off("selectionUpdate", t);
48
+ return r.on("selectionUpdate", t), () => {
49
+ r.off("selectionUpdate", t);
52
50
  };
53
- }, [s]);
54
- const o = j({
55
- editor: s,
51
+ }, [r]);
52
+ const o = q({
53
+ editor: r,
56
54
  selector(t) {
57
55
  return {
58
56
  isBold: t.editor.isActive("bold") ?? !1,
@@ -61,101 +59,144 @@ const Q = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
61
59
  canItalic: t.editor.can().chain().toggleItalic().run() ?? !1,
62
60
  isStrike: t.editor.isActive("strike") ?? !1,
63
61
  canStrike: t.editor.can().chain().toggleStrike().run() ?? !1,
64
- textStyle: s.isActive("textStyle") ? t.editor.getAttributes("textStyle") : {}
62
+ textStyle: r.isActive("textStyle") ? t.editor.getAttributes("textStyle") : {}
65
63
  };
66
64
  }
67
65
  }), m = (() => {
68
- if (o.textStyle.fontSize && b(o.textStyle.fontSize))
69
- return C(o.textStyle.fontSize);
70
- })(), u = o.textStyle.color && b(o.textStyle.color) ? o.textStyle.color : d?.computedStyleMap().get("color")?.toString(), r = (t) => {
71
- s.chain().focus().setColor(t).run(), a(!1);
72
- }, i = (t) => {
66
+ if (o.textStyle.fontSize && x(o.textStyle.fontSize))
67
+ return k(o.textStyle.fontSize);
68
+ })(), u = o.textStyle.color && x(o.textStyle.color) ? o.textStyle.color : d?.computedStyleMap().get("color")?.toString(), s = (t) => {
69
+ r.chain().focus().setColor(t).run(), i(!1);
70
+ }, a = (t) => {
73
71
  if (isNaN(t.target.valueAsNumber)) {
74
- s.chain().focus().unsetFontSize().run();
72
+ r.chain().focus().unsetFontSize().run();
75
73
  return;
76
74
  }
77
- s.chain().focus().setFontSize(`${t.target.valueAsNumber}px`).run();
75
+ r.chain().focus().setFontSize(`${t.target.valueAsNumber}px`).run();
78
76
  };
79
- return /* @__PURE__ */ l("div", { className: "tw:bg-ic-ink-6s tw:text-white tw:py-1 tw:px-1.5 tw:rounded tw:text-xs tw:flex tw:items-center tw:gap-2 tw:border tw:border-ic-white-2s tw:shadow tw:shadow-ic-white-2s", children: [
80
- /* @__PURE__ */ e("div", { className: "tw:w-28 tw:flex-shrink-0", children: /* @__PURE__ */ e(
81
- O,
82
- {
83
- value: m ?? "",
84
- placeholder: C(d?.computedStyleMap().get("font-size")?.toString())?.toString(),
85
- onChange: i,
86
- debounce: 400,
87
- min: 10,
88
- className: "tw:text-center",
89
- step: 1,
90
- fullWidth: !0
91
- }
92
- ) }),
93
- /* @__PURE__ */ e("div", { className: "tw:h-5 tw:w-px tw:bg-ic-white-1s" }),
94
- /* @__PURE__ */ e(
95
- f,
96
- {
97
- title: "Bold",
98
- size: "28",
99
- isHighlighted: o.isBold,
100
- onClick: () => s.chain().focus().toggleBold().run(),
101
- disabled: !o.canBold,
102
- children: /* @__PURE__ */ e(g, { source: F })
103
- }
104
- ),
105
- /* @__PURE__ */ e(
106
- f,
107
- {
108
- size: "28",
109
- title: "Italic",
110
- isHighlighted: o.isItalic,
111
- onClick: () => s.chain().focus().toggleItalic().run(),
112
- disabled: !o.canItalic,
113
- children: /* @__PURE__ */ e(g, { source: U })
114
- }
115
- ),
116
- /* @__PURE__ */ e(
117
- f,
118
- {
119
- size: "28",
120
- title: "Underline",
121
- isHighlighted: o.isStrike,
122
- onClick: () => s.chain().focus().toggleStrike().run(),
123
- disabled: !o.canStrike,
124
- children: /* @__PURE__ */ e(g, { source: E })
125
- }
126
- ),
127
- /* @__PURE__ */ e(
128
- _,
129
- {
130
- open: c,
131
- onOpenChange: a,
132
- placement: "bottom",
133
- color: u,
134
- onChange: r,
135
- children: /* @__PURE__ */ e(f, { size: "28", title: "Underline", children: /* @__PURE__ */ l("div", { className: "tw:relative tw:size-5 tw:flex tw:flex-col tw:items-center tw:justify-center", children: [
136
- /* @__PURE__ */ e(g, { size: 18, source: Q }),
137
- /* @__PURE__ */ e(
138
- "div",
139
- {
140
- style: { backgroundColor: u },
141
- className: "tw:absolute tw:inset-x-0 tw:h-1 tw:-bottom-1 tw:rounded tw:border tw:border-ic-white-1s"
142
- }
143
- )
144
- ] }) })
145
- }
146
- )
147
- ] });
148
- }, M = ({ options: s, deps: c, ref: a }) => {
149
- const { document: d } = W(), o = V(
77
+ return /* @__PURE__ */ c(
78
+ "div",
79
+ {
80
+ css: {
81
+ display: "flex",
82
+ paddingBlock: 4,
83
+ paddingInline: 6,
84
+ alignItems: "center",
85
+ gap: 8,
86
+ borderRadius: 4,
87
+ backgroundColor: g.palette.ink["6s"],
88
+ borderWidth: 1,
89
+ borderStyle: "solid",
90
+ borderColor: g.palette.white["2s"],
91
+ color: "white",
92
+ ...g.text.xs
93
+ },
94
+ children: [
95
+ /* @__PURE__ */ e("div", { css: { display: "flex", flexShrink: 0, width: 112 }, children: /* @__PURE__ */ e(
96
+ K,
97
+ {
98
+ value: m ?? "",
99
+ placeholder: k(d?.computedStyleMap().get("font-size")?.toString())?.toString(),
100
+ onChange: a,
101
+ debounce: 400,
102
+ min: 10,
103
+ css: { textAlign: "center" },
104
+ step: 1,
105
+ fullWidth: !0
106
+ }
107
+ ) }),
108
+ /* @__PURE__ */ e("div", { css: { height: 20, width: 1, backgroundColor: g.palette.white["1s"] } }),
109
+ /* @__PURE__ */ e(
110
+ f,
111
+ {
112
+ title: "Bold",
113
+ size: "28",
114
+ isHighlighted: o.isBold,
115
+ onClick: () => r.chain().focus().toggleBold().run(),
116
+ disabled: !o.canBold,
117
+ children: /* @__PURE__ */ e(N, { source: U })
118
+ }
119
+ ),
120
+ /* @__PURE__ */ e(
121
+ f,
122
+ {
123
+ size: "28",
124
+ title: "Italic",
125
+ isHighlighted: o.isItalic,
126
+ onClick: () => r.chain().focus().toggleItalic().run(),
127
+ disabled: !o.canItalic,
128
+ children: /* @__PURE__ */ e(N, { source: E })
129
+ }
130
+ ),
131
+ /* @__PURE__ */ e(
132
+ f,
133
+ {
134
+ size: "28",
135
+ title: "Underline",
136
+ isHighlighted: o.isStrike,
137
+ onClick: () => r.chain().focus().toggleStrike().run(),
138
+ disabled: !o.canStrike,
139
+ children: /* @__PURE__ */ e(N, { source: R })
140
+ }
141
+ ),
142
+ /* @__PURE__ */ e(
143
+ _,
144
+ {
145
+ open: l,
146
+ onOpenChange: i,
147
+ placement: "bottom",
148
+ color: u,
149
+ onChange: s,
150
+ children: /* @__PURE__ */ e(f, { size: "28", title: "Underline", children: /* @__PURE__ */ c(
151
+ "div",
152
+ {
153
+ css: {
154
+ position: "relative",
155
+ display: "flex",
156
+ flexDirection: "column",
157
+ alignItems: "center",
158
+ justifyContent: "center",
159
+ width: 20,
160
+ height: 20
161
+ },
162
+ children: [
163
+ /* @__PURE__ */ e(N, { size: 18, source: $ }),
164
+ /* @__PURE__ */ e(
165
+ "div",
166
+ {
167
+ style: { backgroundColor: u },
168
+ css: {
169
+ position: "absolute",
170
+ left: 0,
171
+ right: 0,
172
+ bottom: "-0.25rem",
173
+ borderRadius: 4,
174
+ height: 4,
175
+ borderWidth: 1,
176
+ borderStyle: "solid",
177
+ borderColor: g.palette.white["1s"]
178
+ }
179
+ }
180
+ )
181
+ ]
182
+ }
183
+ ) })
184
+ }
185
+ )
186
+ ]
187
+ }
188
+ );
189
+ }, M = ({ options: r, deps: l, ref: i }) => {
190
+ const { document: d } = O(), o = V(
150
191
  {
151
- ...s,
152
- extensions: [G, R, ...s?.extensions ?? []]
192
+ ...r,
193
+ extensions: [W, D, ...r?.extensions ?? []]
153
194
  },
154
- c
195
+ l
155
196
  );
156
- return /* @__PURE__ */ l(N, { children: [
197
+ return /* @__PURE__ */ c(h, { children: [
157
198
  /* @__PURE__ */ e(
158
- D,
199
+ j,
159
200
  {
160
201
  css: {
161
202
  ".tiptap": {
@@ -163,54 +204,54 @@ const Q = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
163
204
  }
164
205
  },
165
206
  editor: o,
166
- ref: a
207
+ ref: i
167
208
  }
168
209
  ),
169
210
  /* @__PURE__ */ e(
170
- q,
211
+ G,
171
212
  {
172
213
  appendTo: document.body,
173
214
  getReferencedVirtualElement: () => d?.activeElement ?? null,
174
215
  editor: o,
175
- children: /* @__PURE__ */ e($, { editor: o })
216
+ children: /* @__PURE__ */ e(X, { editor: o })
176
217
  }
177
218
  )
178
219
  ] });
179
- }, X = () => w(), Me = () => {
180
- const s = x(), { connectors: c } = P(), a = h(null), {
220
+ }, Y = () => S(), Le = () => {
221
+ const r = v(), { connectors: l } = C(), i = I(null), {
181
222
  id: d,
182
223
  nodeProps: { dangerouslySetInnerHTML: o, ...m },
183
224
  setNodeProps: u
184
- } = X(), r = h(o?.__html), { isActive: i } = L((n, I) => ({
185
- isActive: I.getEvent("selected").contains(d)
225
+ } = Y(), s = I(o?.__html), { isActive: a } = L((n, b) => ({
226
+ isActive: b.getEvent("selected").contains(d)
186
227
  }));
187
- S(() => {
188
- i || T(r.current) || (u({
189
- dangerouslySetInnerHTML: { __html: r.current }
190
- }), r.current = void 0);
191
- }, [i]);
192
- const t = A(({ editor: n }) => {
193
- r.current = n.getHTML();
228
+ P(() => {
229
+ a || w(s.current) || (u({
230
+ dangerouslySetInnerHTML: { __html: s.current }
231
+ }), s.current = void 0);
232
+ }, [a]);
233
+ const t = B(({ editor: n }) => {
234
+ s.current = n.getHTML();
194
235
  }), {
195
236
  queryParams: { mode: p }
196
- } = y();
197
- return /* @__PURE__ */ l(N, { children: [
198
- i && p === "full" && /* @__PURE__ */ l(N, { children: [
199
- /* @__PURE__ */ e(v, {}),
200
- /* @__PURE__ */ e(k, {})
237
+ } = A();
238
+ return /* @__PURE__ */ c(h, { children: [
239
+ a && p === "full" && /* @__PURE__ */ c(h, { children: [
240
+ /* @__PURE__ */ e(y, {}),
241
+ /* @__PURE__ */ e(T, {})
201
242
  ] }),
202
243
  /* @__PURE__ */ e(
203
- B,
244
+ H,
204
245
  {
205
246
  ...m,
206
- ...s,
247
+ ...r,
207
248
  ref: (n) => {
208
- n && c.connect(n);
249
+ n && l.connect(n);
209
250
  },
210
251
  children: /* @__PURE__ */ e(
211
252
  M,
212
253
  {
213
- ref: a,
254
+ ref: i,
214
255
  options: {
215
256
  content: o?.__html,
216
257
  onUpdate: t
@@ -220,43 +261,43 @@ const Q = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
220
261
  }
221
262
  )
222
263
  ] });
223
- }, Y = () => w({
224
- transform: K
264
+ }, ee = () => S({
265
+ transform: Z
225
266
  }), Be = () => {
226
- const s = x(), { connectors: c } = P(), a = h(null), {
267
+ const r = v(), { connectors: l } = C(), i = I(null), {
227
268
  id: d,
228
269
  nodeProps: { dangerouslySetInnerHTML: o, ...m },
229
270
  setNodeProps: u
230
- } = Y(), r = h(o?.__html), { isActive: i } = L((n, I) => ({
231
- isActive: I.getEvent("selected").contains(d)
271
+ } = ee(), s = I(o?.__html), { isActive: a } = L((n, b) => ({
272
+ isActive: b.getEvent("selected").contains(d)
232
273
  }));
233
- S(() => {
234
- i || T(r.current) || (u({
235
- dangerouslySetInnerHTML: { __html: r.current }
236
- }), r.current = void 0);
237
- }, [i]);
238
- const t = A(({ editor: n }) => {
239
- r.current = n.getHTML();
274
+ P(() => {
275
+ a || w(s.current) || (u({
276
+ dangerouslySetInnerHTML: { __html: s.current }
277
+ }), s.current = void 0);
278
+ }, [a]);
279
+ const t = B(({ editor: n }) => {
280
+ s.current = n.getHTML();
240
281
  }), {
241
282
  queryParams: { mode: p }
242
- } = y();
243
- return /* @__PURE__ */ l(N, { children: [
244
- i && p === "full" && /* @__PURE__ */ l(N, { children: [
245
- /* @__PURE__ */ e(v, {}),
246
- /* @__PURE__ */ e(k, {})
283
+ } = A();
284
+ return /* @__PURE__ */ c(h, { children: [
285
+ a && p === "full" && /* @__PURE__ */ c(h, { children: [
286
+ /* @__PURE__ */ e(y, {}),
287
+ /* @__PURE__ */ e(T, {})
247
288
  ] }),
248
289
  /* @__PURE__ */ e(
249
- H,
290
+ F,
250
291
  {
251
292
  ...m,
252
- ...s,
293
+ ...r,
253
294
  ref: (n) => {
254
- n && c.connect(n);
295
+ n && l.connect(n);
255
296
  },
256
297
  children: /* @__PURE__ */ e(
257
298
  M,
258
299
  {
259
- ref: a,
300
+ ref: i,
260
301
  options: {
261
302
  content: o?.__html,
262
303
  onUpdate: t
@@ -266,109 +307,108 @@ const Q = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
266
307
  }
267
308
  )
268
309
  ] });
269
- }, He = () => w({
270
- transform: Z
271
- }), ze = () => w({
310
+ }, Me = () => S({
272
311
  transform: J
312
+ }), He = () => S({
313
+ transform: Q
273
314
  });
274
315
  export {
275
- Ee as AccordionContentNode,
276
- ho as AccordionGroupInspector,
277
- _e as AccordionGroupNode,
316
+ Ue as AccordionContentNode,
317
+ fo as AccordionGroupInspector,
318
+ Ee as AccordionGroupNode,
278
319
  Re as AccordionNode,
279
- Ve as AccordionSummaryNode,
280
- wo as BoxInspector,
320
+ _e as AccordionSummaryNode,
321
+ No as BoxInspector,
281
322
  De as BoxNode,
282
323
  Io as ButtonInspector,
283
- je as ButtonNode,
284
- Po as Canvas,
285
- qe as CanvasPlaceholder,
286
- So as CellInspector,
287
- Ge as CellNode,
288
- bo as Composer,
289
- Co as ContainerInspector,
290
- We as ContainerNode,
324
+ Ve as ButtonNode,
325
+ So as Canvas,
326
+ je as CanvasPlaceholder,
327
+ bo as CellInspector,
328
+ qe as CellNode,
329
+ Co as Composer,
330
+ Po as ContainerInspector,
331
+ Ge as ContainerNode,
291
332
  xo as CountdownTimerInspector,
292
- Oe as CountdownTimerNode,
293
- vo as FlexItemInspector,
294
- Ke as FlexItemNode,
295
- ko as FlexboxInspector,
296
- Ze as FlexboxNode,
297
- To as GridInspector,
298
- Je as GridNode,
299
- H as Heading,
300
- yo as HeadingInspector,
301
- Qe as HeadingNode,
333
+ We as CountdownTimerNode,
334
+ ko as FlexItemInspector,
335
+ Oe as FlexItemNode,
336
+ vo as FlexboxInspector,
337
+ Ke as FlexboxNode,
338
+ yo as GridInspector,
339
+ Ze as GridNode,
340
+ F as Heading,
341
+ To as HeadingInspector,
342
+ Je as HeadingNode,
302
343
  Be as HeadingRenderer,
303
- Lo as IconInspector,
304
- $e as IconNode,
344
+ wo as IconInspector,
345
+ Qe as IconNode,
305
346
  Ao as ImageInspector,
306
- Xe as ImageNode,
307
- Mo as LinkInspector,
308
- Ye as LinkNode,
309
- eo as ListItemNode,
347
+ $e as ImageNode,
348
+ Lo as LinkInspector,
349
+ Xe as LinkNode,
350
+ Ye as ListItemNode,
310
351
  Bo as MarqueeInspector,
311
- oo as MarqueeItemNode,
312
- to as MarqueeNode,
313
- Ho as ParagraphInspector,
314
- so as ParagraphNode,
315
- Me as ParagraphRenderer,
316
- zo as Resolver,
352
+ eo as MarqueeItemNode,
353
+ oo as MarqueeNode,
354
+ Mo as ParagraphInspector,
355
+ to as ParagraphNode,
356
+ Le as ParagraphRenderer,
357
+ Ho as Resolver,
317
358
  ro as RootNode,
318
359
  Fo as SizeField,
319
- Uo as SwiperInspector,
320
- no as SwiperNode,
321
- ao as SwiperSlideNode,
360
+ zo as SwiperInspector,
361
+ so as SwiperNode,
362
+ no as SwiperSlideNode,
322
363
  io as TabContentNode,
323
- co as TabListNode,
364
+ ao as TabListNode,
324
365
  lo as TabNode,
325
- uo as TabPanelNode,
326
- Eo as TabsInspector,
327
- po as TabsNode,
328
- _o as TextInspector,
329
- mo as UnknownNode,
366
+ co as TabPanelNode,
367
+ Uo as TabsInspector,
368
+ uo as TabsNode,
369
+ Eo as TextInspector,
370
+ po as UnknownNode,
330
371
  Ro as UnorderedListInspector,
331
- No as UnorderedListNode,
332
- Vo as VariantField,
372
+ mo as UnorderedListNode,
373
+ _o as VariantField,
333
374
  Do as VideoInspector,
334
- fo as VideoNode,
335
- lt as cn,
336
- mt as defineNode,
337
- Nt as getNodeCustom,
338
- ft as getNodeDisplayName,
375
+ go as VideoNode,
376
+ ut as defineNode,
377
+ pt as getNodeCustom,
378
+ mt as getNodeDisplayName,
339
379
  gt as getNodeInfo,
340
380
  ht as getNodeRelated,
341
- wt as getNodeResolved,
342
- It as isNodeSelectable,
343
- C as parseNumber,
344
- ut as parseSvgString,
345
- Pt as registerNodeRelated,
381
+ ft as getNodeResolved,
382
+ Nt as isNodeSelectable,
383
+ k as parseNumber,
384
+ lt as parseSvgString,
385
+ It as registerNodeRelated,
346
386
  St as toResponsiveCss,
347
- jo as useAccordionGroupNodeProps,
348
- qo as useAccordionNodeProps,
349
- Go as useBoxNodeProps,
350
- Wo as useButtonNodeProps,
351
- Oo as useCellNodeProps,
387
+ Vo as useAccordionGroupNodeProps,
388
+ jo as useAccordionNodeProps,
389
+ qo as useBoxNodeProps,
390
+ Go as useButtonNodeProps,
391
+ Wo as useCellNodeProps,
352
392
  L as useComposer,
353
- Ko as useContainerNodeProps,
354
- Zo as useCountdownTimerNodeProps,
355
- Jo as useFlexItemNodeProps,
356
- Qo as useFlexboxNodeProps,
357
- $o as useGridNodeProps,
358
- Y as useHeadingNodeProps,
359
- Xo as useIconNodeProps,
360
- Yo as useImageNodeProps,
361
- et as useLinkNodeProps,
362
- ze as useListItemNodeProps,
363
- ot as useMarqueeNodeProps,
364
- dt as useNode,
365
- x as useNodeDataAttributes,
366
- w as useNodeProps,
367
- X as useParagraphNodeProps,
368
- tt as useSwiperNodeProps,
369
- st as useTabNodeProps,
370
- He as useTabPanelNodeProps,
393
+ Oo as useContainerNodeProps,
394
+ Ko as useCountdownTimerNodeProps,
395
+ Zo as useFlexItemNodeProps,
396
+ Jo as useFlexboxNodeProps,
397
+ Qo as useGridNodeProps,
398
+ ee as useHeadingNodeProps,
399
+ $o as useIconNodeProps,
400
+ Xo as useImageNodeProps,
401
+ Yo as useLinkNodeProps,
402
+ He as useListItemNodeProps,
403
+ et as useMarqueeNodeProps,
404
+ at as useNode,
405
+ v as useNodeDataAttributes,
406
+ S as useNodeProps,
407
+ Y as useParagraphNodeProps,
408
+ ot as useSwiperNodeProps,
409
+ tt as useTabNodeProps,
410
+ Me as useTabPanelNodeProps,
371
411
  rt as useTabsNodeProps,
372
- nt as useUnorderedListNodeProps,
373
- at as useVideoNodeProps
412
+ st as useUnorderedListNodeProps,
413
+ nt as useVideoNodeProps
374
414
  };