@builder.io/sdk-react-nextjs 0.16.6 → 0.16.9

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 (46) hide show
  1. package/lib/browser/blocks-exports.cjs +30 -30
  2. package/lib/browser/blocks-exports.mjs +653 -620
  3. package/lib/browser/index.cjs +1 -1
  4. package/lib/browser/index.mjs +2 -2
  5. package/lib/browser/init.cjs +2 -2
  6. package/lib/browser/init.mjs +20 -20
  7. package/lib/browser/server-entry-ed0910dd.cjs +2 -0
  8. package/lib/{node/server-entry-226d18cc.js → browser/server-entry-ff1eb217.js} +357 -355
  9. package/lib/browser/server-entry.cjs +1 -1
  10. package/lib/browser/server-entry.mjs +1 -1
  11. package/lib/edge/blocks-exports.cjs +43 -43
  12. package/lib/edge/blocks-exports.mjs +1069 -1036
  13. package/lib/edge/index.cjs +1 -1
  14. package/lib/edge/index.mjs +2 -2
  15. package/lib/edge/init.cjs +2 -2
  16. package/lib/edge/init.mjs +20 -20
  17. package/lib/edge/server-entry-ed0910dd.cjs +2 -0
  18. package/lib/{browser/server-entry-226d18cc.js → edge/server-entry-ff1eb217.js} +357 -355
  19. package/lib/edge/server-entry.cjs +1 -1
  20. package/lib/edge/server-entry.mjs +1 -1
  21. package/lib/node/blocks-exports.cjs +29 -29
  22. package/lib/node/blocks-exports.mjs +684 -651
  23. package/lib/node/index.cjs +1 -1
  24. package/lib/node/index.mjs +3 -3
  25. package/lib/node/init.cjs +1 -1
  26. package/lib/node/init.mjs +2 -2
  27. package/lib/node/{node-runtime-f354effa.cjs → node-runtime-3b9a05b3.cjs} +4 -4
  28. package/lib/node/{node-runtime-f79fed3b.js → node-runtime-606c2607.js} +3 -3
  29. package/lib/node/server-entry-ed0910dd.cjs +2 -0
  30. package/lib/{edge/server-entry-226d18cc.js → node/server-entry-ff1eb217.js} +357 -355
  31. package/lib/node/server-entry.cjs +1 -1
  32. package/lib/node/server-entry.mjs +1 -1
  33. package/package.json +3 -3
  34. package/types/cjs/blocks/slot/slot.d.ts +2 -2
  35. package/types/cjs/components/block/block.helpers.d.ts +1 -2
  36. package/types/cjs/constants/sdk-version.d.ts +1 -1
  37. package/types/cjs/functions/evaluate/node-runtime/init.d.ts +1 -0
  38. package/types/cjs/functions/get-processed-block.d.ts +1 -0
  39. package/types/esm/blocks/slot/slot.d.ts +2 -2
  40. package/types/esm/components/block/block.helpers.d.ts +1 -2
  41. package/types/esm/constants/sdk-version.d.ts +1 -1
  42. package/types/esm/functions/evaluate/node-runtime/init.d.ts +1 -0
  43. package/types/esm/functions/get-processed-block.d.ts +1 -0
  44. package/lib/browser/server-entry-0418e1e6.cjs +0 -2
  45. package/lib/edge/server-entry-0418e1e6.cjs +0 -2
  46. package/lib/node/server-entry-0418e1e6.cjs +0 -2
@@ -1,19 +1,19 @@
1
1
  "use client";
2
- var Ne = Object.defineProperty;
3
- var Ae = (e, t, n) => t in e ? Ne(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
4
- var ee = (e, t, n) => (Ae(e, typeof t != "symbol" ? t + "" : t, n), n);
5
- import { jsx as l, Fragment as C, jsxs as P } from "react/jsx-runtime";
6
- import { TARGET as D, checkIsDefined as K, logger as J, isBrowser as z, isEditing as V, init as Ve, getDefaultCanTrack as q, _track as ue, isPreviewing as $e, createEditorListener as Fe, fetch as Le, registerInsertMenu as De, setupBrowserForEditing as je, createRegisterComponentMessage as Oe, fetchOneEntry as pe, serializeIncludingFunctions as me, handleABTestingSync as He } from "./server-entry-226d18cc.js";
7
- import { getFunctionArguments as Me, runInNode as Ue, parseCode as _e, getBuilderGlobals as Ke, fastClone as ie, set as ze } from "./node-runtime-f79fed3b.js";
8
- import { useEffect as R, useRef as oe, useState as A, createContext as qe } from "react";
9
- import { useRouter as Ye } from "next/navigation";
2
+ var Ve = Object.defineProperty;
3
+ var $e = (e, t, n) => t in e ? Ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
4
+ var ee = (e, t, n) => ($e(e, typeof t != "symbol" ? t + "" : t, n), n);
5
+ import { jsx as l, Fragment as T, jsxs as P } from "react/jsx-runtime";
6
+ import { TARGET as $, checkIsDefined as K, logger as Y, isBrowser as z, isPreviewing as ke, isEditing as V, init as Fe, getDefaultCanTrack as q, _track as ue, createEditorListener as Le, fetch as Oe, registerInsertMenu as De, setupBrowserForEditing as _e, createRegisterComponentMessage as He, fetchOneEntry as Ce, serializeIncludingFunctions as me, handleABTestingSync as je } from "./server-entry-ff1eb217.js";
7
+ import { getFunctionArguments as Ue, runInNode as Me, parseCode as Ke, getBuilderGlobals as ze, set as qe, fastClone as oe } from "./node-runtime-606c2607.js";
10
8
  import "lru-cache";
11
- const Je = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Qe = (e) => typeof e == "string" && Je.has(e.toLowerCase());
9
+ import { useRef as J, useEffect as R, useState as N, createContext as Ye } from "react";
10
+ import { useRouter as Je } from "next/navigation";
11
+ const Qe = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Ge = (e) => typeof e == "string" && Qe.has(e.toLowerCase());
12
12
  function ae(e) {
13
- return /* @__PURE__ */ l(C, { children: Qe(e.TagName) ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ l(C, { children: typeof e.TagName == "string" ? /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
13
+ return /* @__PURE__ */ l(T, { children: Ge(e.TagName) ? /* @__PURE__ */ l(T, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ l(T, { children: typeof e.TagName == "string" ? /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
14
14
  }
15
15
  const H = () => {
16
- switch (D) {
16
+ switch ($) {
17
17
  case "react":
18
18
  case "reactNative":
19
19
  case "rsc":
@@ -26,7 +26,7 @@ const H = () => {
26
26
  return "class";
27
27
  }
28
28
  };
29
- function Ge(e) {
29
+ function Xe(e) {
30
30
  function t() {
31
31
  return {
32
32
  ...e.attributes,
@@ -50,35 +50,41 @@ function Ge(e) {
50
50
  }
51
51
  );
52
52
  }
53
- function Xe(e) {
53
+ function Ze(e) {
54
54
  var t;
55
55
  return {
56
56
  ...(t = e.component) == null ? void 0 : t.options,
57
57
  ...e.options
58
58
  };
59
59
  }
60
- const Ze = ({
60
+ function et(e, ...t) {
61
+ const n = Object.assign({}, e);
62
+ for (const i of t)
63
+ delete n[i];
64
+ return n;
65
+ }
66
+ const tt = ({
61
67
  code: e,
62
68
  builder: t,
63
69
  context: n,
64
70
  event: i,
65
71
  localState: o,
66
72
  rootSetState: a,
67
- rootState: c
73
+ rootState: r
68
74
  }) => {
69
- const r = Me({
75
+ const s = Ue({
70
76
  builder: t,
71
77
  context: n,
72
78
  event: i,
73
- state: ke({
74
- rootState: c,
79
+ state: Ie({
80
+ rootState: r,
75
81
  localState: o,
76
82
  rootSetState: a
77
83
  })
78
84
  });
79
- return new Function(...r.map(([s]) => s), e)(...r.map(([, s]) => s));
85
+ return new Function(...s.map(([c]) => c), e)(...s.map(([, c]) => c));
80
86
  };
81
- function ke({
87
+ function Ie({
82
88
  rootState: e,
83
89
  localState: t,
84
90
  rootSetState: n
@@ -88,11 +94,11 @@ function ke({
88
94
  if (t && o in t)
89
95
  return t[o];
90
96
  const a = i[o];
91
- return typeof a == "object" && a !== null ? ke({
97
+ return typeof a == "object" && a !== null ? Ie({
92
98
  rootState: a,
93
99
  localState: void 0,
94
- rootSetState: n ? (c) => {
95
- i[o] = c, n(i);
100
+ rootSetState: n ? (r) => {
101
+ i[o] = r, n(i);
96
102
  } : void 0
97
103
  }) : a;
98
104
  },
@@ -103,17 +109,17 @@ function ke({
103
109
  }
104
110
  });
105
111
  }
106
- function et() {
112
+ function nt() {
107
113
  var e;
108
114
  return typeof process != "undefined" && K((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
109
115
  }
110
- const tt = () => {
116
+ const it = () => {
111
117
  var i;
112
- if (!et())
118
+ if (!nt())
113
119
  return !1;
114
120
  const e = process.arch === "arm64", t = process.version.startsWith("v20"), n = (i = process.env.NODE_OPTIONS) == null ? void 0 : i.includes("--no-node-snapshot");
115
- return e && t && !n ? (J.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n "), !0) : !1;
116
- }, nt = (e) => z() || tt() ? Ze(e) : Ue(e), N = class N {
121
+ return e && t && !n ? (Y.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n "), !0) : !1;
122
+ }, ot = (e) => z() || it() ? tt(e) : Me(e), at = !0, A = class A {
117
123
  static getCacheKey(t) {
118
124
  return JSON.stringify({
119
125
  ...t,
@@ -123,59 +129,97 @@ const tt = () => {
123
129
  });
124
130
  }
125
131
  static getCachedValue(t) {
126
- return N.cache.get(t);
132
+ return A.cache.get(t);
127
133
  }
128
134
  static setCachedValue(t, n) {
129
- N.cache.size > 20 && N.cache.delete(N.cache.keys().next().value), N.cache.set(t, {
135
+ A.cache.size > 20 && A.cache.delete(A.cache.keys().next().value), A.cache.set(t, {
130
136
  value: n
131
137
  });
132
138
  }
133
139
  };
134
- ee(N, "cacheLimit", 20), ee(N, "cache", /* @__PURE__ */ new Map());
135
- let F = N;
136
- function L({
140
+ ee(A, "cacheLimit", 20), ee(A, "cache", /* @__PURE__ */ new Map());
141
+ let L = A;
142
+ function O({
137
143
  code: e,
138
144
  context: t,
139
145
  localState: n,
140
146
  rootState: i,
141
147
  rootSetState: o,
142
148
  event: a,
143
- isExpression: c = !0,
144
- enableCache: r
149
+ isExpression: r = !0,
150
+ enableCache: s
145
151
  }) {
146
152
  if (e === "")
147
153
  return;
148
- const s = {
149
- code: _e(e, {
150
- isExpression: c
154
+ const c = {
155
+ code: Ke(e, {
156
+ isExpression: r
151
157
  }),
152
- builder: Ke(),
158
+ builder: ze(),
153
159
  context: t,
154
160
  event: a,
155
161
  rootSetState: o,
156
162
  rootState: i,
157
163
  localState: n
158
164
  };
159
- if (r) {
160
- const d = F.getCacheKey(s), m = F.getCachedValue(d);
161
- if (m)
162
- return m.value;
165
+ if (s && !at) {
166
+ const d = L.getCacheKey(c), u = L.getCachedValue(d);
167
+ if (u)
168
+ return u.value;
163
169
  }
164
170
  try {
165
- const d = nt(s);
166
- if (r) {
167
- const m = F.getCacheKey(s);
168
- F.setCachedValue(m, d);
171
+ const d = ot(c);
172
+ if (s) {
173
+ const u = L.getCacheKey(c);
174
+ L.setCachedValue(u, d);
169
175
  }
170
176
  return d;
171
177
  } catch (d) {
172
- J.error("Failed code evaluation: " + d.message, {
178
+ Y.error("Failed code evaluation: " + d.message, {
173
179
  code: e
174
180
  });
175
181
  return;
176
182
  }
177
183
  }
178
- const it = ({
184
+ function ne(e) {
185
+ if (e === null || typeof e != "object")
186
+ return e;
187
+ if (Array.isArray(e))
188
+ return e.map((n) => ne(n));
189
+ if (e["@type"] === "@builder.io/sdk:Element")
190
+ return e;
191
+ const t = {};
192
+ for (const n in e)
193
+ n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = ne(e[n]));
194
+ return t;
195
+ }
196
+ const rt = ["svelte", "vue", "angular", "qwik", "solid"].includes($), ct = (e) => {
197
+ if (rt) {
198
+ const t = oe(e);
199
+ return {
200
+ ...t,
201
+ properties: {
202
+ ...t.properties
203
+ },
204
+ actions: {
205
+ ...t.actions
206
+ }
207
+ };
208
+ } else {
209
+ const t = ne(et(e, "children", "meta"));
210
+ return {
211
+ ...t,
212
+ properties: {
213
+ ...t.properties
214
+ },
215
+ actions: {
216
+ ...t.actions
217
+ },
218
+ children: e.children,
219
+ meta: e.meta
220
+ };
221
+ }
222
+ }, lt = ({
179
223
  block: e,
180
224
  context: t,
181
225
  localState: n,
@@ -184,17 +228,9 @@ const it = ({
184
228
  }) => {
185
229
  if (!e.bindings)
186
230
  return e;
187
- const a = ie(e), c = {
188
- ...a,
189
- properties: {
190
- ...a.properties
191
- },
192
- actions: {
193
- ...a.actions
194
- }
195
- };
231
+ const a = ct(e);
196
232
  for (const r in e.bindings) {
197
- const s = e.bindings[r], d = L({
233
+ const s = e.bindings[r], c = O({
198
234
  code: s,
199
235
  localState: n,
200
236
  rootState: i,
@@ -202,11 +238,11 @@ const it = ({
202
238
  context: t,
203
239
  enableCache: !0
204
240
  });
205
- ze(c, r, d);
241
+ qe(a, r, c);
206
242
  }
207
- return c;
243
+ return a;
208
244
  };
209
- function Y({
245
+ function st({
210
246
  block: e,
211
247
  context: t,
212
248
  shouldEvaluateBindings: n,
@@ -214,51 +250,51 @@ function Y({
214
250
  rootState: o,
215
251
  rootSetState: a
216
252
  }) {
217
- const c = e;
218
- return n ? it({
219
- block: c,
253
+ const r = e;
254
+ return n ? lt({
255
+ block: r,
220
256
  localState: i,
221
257
  rootState: o,
222
258
  rootSetState: a,
223
259
  context: t
224
- }) : c;
260
+ }) : r;
225
261
  }
226
- const re = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "", Ce = (e) => Object.entries(e).map(([n, i]) => {
262
+ const re = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "", we = (e) => Object.entries(e).map(([n, i]) => {
227
263
  if (typeof i == "string")
228
264
  return `${re(n)}: ${i};`;
229
- }).filter(K), ot = (e) => Ce(e).join(`
265
+ }).filter(K), dt = (e) => we(e).join(`
230
266
  `), U = ({
231
267
  mediaQuery: e,
232
268
  className: t,
233
269
  styles: n
234
270
  }) => {
235
271
  const i = `.${t} {
236
- ${ot(n)}
272
+ ${dt(n)}
237
273
  }`;
238
274
  return e ? `${e} {
239
275
  ${i}
240
276
  }` : i;
241
277
  };
242
- function at({
278
+ function ut({
243
279
  style: e
244
280
  }) {
245
281
  return e;
246
282
  }
247
- const rt = ({
283
+ const mt = ({
248
284
  block: e,
249
285
  context: t
250
- }) => Ie(at({
286
+ }) => Te(ut({
251
287
  style: e.style || {},
252
288
  context: t,
253
289
  block: e
254
290
  }));
255
- function Ie(e) {
256
- switch (D) {
291
+ function Te(e) {
292
+ switch ($) {
257
293
  case "svelte":
258
294
  case "vue":
259
295
  case "solid":
260
296
  case "angular":
261
- return Ce(e).join(" ");
297
+ return we(e).join(" ");
262
298
  case "qwik":
263
299
  case "reactNative":
264
300
  case "react":
@@ -266,29 +302,21 @@ function Ie(e) {
266
302
  return e;
267
303
  }
268
304
  }
269
- const ct = ({
305
+ const ft = ({
270
306
  block: e,
271
- context: t,
272
- registeredComponents: n
307
+ registeredComponents: t
273
308
  }) => {
274
- var a;
275
- const i = (a = Y({
276
- block: e,
277
- localState: t.localState,
278
- rootState: t.rootState,
279
- rootSetState: t.rootSetState,
280
- context: t.context,
281
- shouldEvaluateBindings: !1
282
- }).component) == null ? void 0 : a.name;
283
- if (!i)
309
+ var o;
310
+ const n = (o = e.component) == null ? void 0 : o.name;
311
+ if (!n)
284
312
  return null;
285
- const o = n[i];
286
- if (o)
287
- return o;
313
+ const i = t[n];
314
+ if (i)
315
+ return i;
288
316
  console.warn(`
289
- Could not find a registered component named "${i}".
317
+ Could not find a registered component named "${n}".
290
318
  If you registered it, is the file that registered it imported by the file that needs to render it?`);
291
- }, lt = ({
319
+ }, ht = ({
292
320
  block: e,
293
321
  context: t
294
322
  }) => {
@@ -298,7 +326,7 @@ const ct = ({
298
326
  } = e;
299
327
  if (!(n != null && n.collection))
300
328
  return;
301
- const o = L({
329
+ const o = O({
302
330
  code: n.collection,
303
331
  localState: t.localState,
304
332
  rootState: t.rootState,
@@ -308,41 +336,41 @@ const ct = ({
308
336
  });
309
337
  if (!Array.isArray(o))
310
338
  return;
311
- const a = n.collection.split(".").pop(), c = n.itemName || (a ? a + "Item" : "item");
312
- return o.map((s, d) => ({
339
+ const a = n.collection.split(".").pop(), r = n.itemName || (a ? a + "Item" : "item");
340
+ return o.map((c, d) => ({
313
341
  context: {
314
342
  ...t,
315
343
  localState: {
316
344
  ...t.localState,
317
345
  $index: d,
318
- $item: s,
319
- [c]: s,
320
- [`$${c}Index`]: d
346
+ $item: c,
347
+ [r]: c,
348
+ [`$${r}Index`]: d
321
349
  }
322
350
  },
323
351
  block: i
324
352
  }));
325
- }, st = (e, t) => {
353
+ }, gt = (e, t) => {
326
354
  var n;
327
355
  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderLinkComponent ? {
328
356
  builderLinkComponent: t
329
357
  } : {};
330
- }, dt = (e, t) => {
358
+ }, bt = (e, t) => {
331
359
  var n;
332
360
  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderComponents ? {
333
361
  builderComponents: t
334
362
  } : {};
335
- }, ut = (e, t) => {
363
+ }, yt = (e, t) => {
336
364
  var n;
337
365
  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderBlock ? {
338
366
  builderBlock: t
339
367
  } : {};
340
- }, mt = (e, t) => {
368
+ }, pt = (e, t) => {
341
369
  var n;
342
370
  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
343
371
  builderContext: t
344
372
  } : {};
345
- }, we = {
373
+ }, Re = {
346
374
  small: {
347
375
  min: 320,
348
376
  default: 321,
@@ -358,11 +386,11 @@ const ct = ({
358
386
  default: 991,
359
387
  max: 1200
360
388
  }
361
- }, fe = (e, t = we) => `@media (max-width: ${t[e].max}px)`, Te = ({
389
+ }, fe = (e, t = Re) => `@media (max-width: ${t[e].max}px)`, Ee = ({
362
390
  small: e,
363
391
  medium: t
364
392
  }) => {
365
- const n = ie(we);
393
+ const n = oe(Re);
366
394
  if (!e || !t)
367
395
  return n;
368
396
  const i = Math.floor(e / 2);
@@ -395,71 +423,57 @@ function Q(e) {
395
423
  }
396
424
  );
397
425
  }
398
- function ft(e) {
426
+ function vt(e) {
399
427
  const t = function() {
400
- const o = Y({
401
- block: e.block,
402
- localState: e.context.localState,
403
- rootState: e.context.rootState,
404
- rootSetState: e.context.rootSetState,
405
- context: e.context.context,
406
- shouldEvaluateBindings: !0
407
- });
428
+ const o = e.block;
408
429
  return K(o.hide) ? !o.hide : K(o.show) ? o.show : !0;
409
430
  }, n = function() {
410
- var x, y, p;
411
- const o = Y({
412
- block: e.block,
413
- localState: e.context.localState,
414
- rootState: e.context.rootState,
415
- rootSetState: e.context.rootSetState,
416
- context: e.context.context,
417
- shouldEvaluateBindings: !0
418
- }), a = o.responsiveStyles, c = e.context.content, r = Te(
419
- ((x = c == null ? void 0 : c.meta) == null ? void 0 : x.breakpoints) || {}
420
- ), s = a == null ? void 0 : a.large, d = a == null ? void 0 : a.medium, m = a == null ? void 0 : a.small, u = o.id;
421
- if (!u)
431
+ var b, y, I;
432
+ const o = e.block, a = o.responsiveStyles, r = e.context.content, s = Ee(
433
+ ((b = r == null ? void 0 : r.meta) == null ? void 0 : b.breakpoints) || {}
434
+ ), c = a == null ? void 0 : a.large, d = a == null ? void 0 : a.medium, u = a == null ? void 0 : a.small, m = o.id;
435
+ if (!m)
422
436
  return "";
423
- const h = s ? U({
424
- className: u,
425
- styles: s
426
- }) : "", I = d ? U({
427
- className: u,
437
+ const p = c ? U({
438
+ className: m,
439
+ styles: c
440
+ }) : "", v = d ? U({
441
+ className: m,
428
442
  styles: d,
429
443
  mediaQuery: fe(
430
444
  "medium",
431
- r
445
+ s
432
446
  )
433
- }) : "", w = m ? U({
434
- className: u,
435
- styles: m,
447
+ }) : "", S = u ? U({
448
+ className: m,
449
+ styles: u,
436
450
  mediaQuery: fe(
437
451
  "small",
438
- r
452
+ s
439
453
  )
440
- }) : "", b = o.animations && o.animations.find((T) => T.trigger === "hover");
441
- let E = "";
442
- if (b) {
443
- const T = ((p = (y = b.steps) == null ? void 0 : y[1]) == null ? void 0 : p.styles) || {};
444
- E = U({
445
- className: `${u}:hover`,
454
+ }) : "", f = o.animations && o.animations.find((E) => E.trigger === "hover");
455
+ let C = "";
456
+ if (f) {
457
+ const E = ((I = (y = f.steps) == null ? void 0 : y[1]) == null ? void 0 : I.styles) || {};
458
+ C = U({
459
+ className: `${m}:hover`,
446
460
  styles: {
447
- ...T,
448
- transition: `all ${b.duration}s ${re(
449
- b.easing
461
+ ...E,
462
+ transition: `all ${f.duration}s ${re(
463
+ f.easing
450
464
  )}`,
451
- transitionDelay: b.delay ? `${b.delay}s` : "0s"
465
+ transitionDelay: f.delay ? `${f.delay}s` : "0s"
452
466
  }
453
467
  }) || "";
454
468
  }
455
469
  return [
456
- h,
457
- I,
458
- w,
459
- E
470
+ p,
471
+ v,
472
+ S,
473
+ C
460
474
  ].join(" ");
461
475
  };
462
- return /* @__PURE__ */ l(C, { children: n() && t() ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(
476
+ return /* @__PURE__ */ l(T, { children: n() && t() ? /* @__PURE__ */ l(T, { children: /* @__PURE__ */ l(
463
477
  Q,
464
478
  {
465
479
  id: "builderio-block",
@@ -468,10 +482,10 @@ function ft(e) {
468
482
  }
469
483
  ) }) : null });
470
484
  }
471
- function ht(e) {
485
+ function xt(e) {
472
486
  return e.charAt(0).toUpperCase() + e.slice(1);
473
487
  }
474
- const gt = (e) => `on${ht(e)}`, bt = (e, t) => (n) => L({
488
+ const St = (e) => `on${xt(e)}`, kt = (e, t) => (n) => O({
475
489
  code: e,
476
490
  context: t.context,
477
491
  localState: t.localState,
@@ -481,33 +495,33 @@ const gt = (e) => `on${ht(e)}`, bt = (e, t) => (n) => L({
481
495
  isExpression: !1,
482
496
  enableCache: !0
483
497
  });
484
- function Re(e) {
498
+ function Pe(e) {
485
499
  var i;
486
500
  const t = {}, n = (i = e.block.actions) != null ? i : {};
487
501
  for (const o in n) {
488
502
  if (!n.hasOwnProperty(o))
489
503
  continue;
490
504
  const a = n[o];
491
- let c = gt(o);
505
+ let r = St(o);
492
506
  if (e.stripPrefix)
493
- switch (D) {
507
+ switch ($) {
494
508
  case "vue":
495
- c = c.replace("v-on:", "");
509
+ r = r.replace("v-on:", "");
496
510
  break;
497
511
  case "svelte":
498
- c = c.replace("on:", "");
512
+ r = r.replace("on:", "");
499
513
  break;
500
514
  }
501
- t[c] = bt(a, e);
515
+ t[r] = kt(a, e);
502
516
  }
503
517
  return t;
504
518
  }
505
- function yt({
519
+ function Ct({
506
520
  properties: e
507
521
  }) {
508
522
  return e;
509
523
  }
510
- const xt = (e) => ({
524
+ const It = (e) => ({
511
525
  href: e.href
512
526
  });
513
527
  function ce({
@@ -516,22 +530,22 @@ function ce({
516
530
  }) {
517
531
  var i;
518
532
  const n = {
519
- ...xt(e),
533
+ ...It(e),
520
534
  ...e.properties,
521
535
  "builder-id": e.id,
522
- style: rt({
536
+ style: mt({
523
537
  block: e,
524
538
  context: t
525
539
  }),
526
540
  [H()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
527
541
  };
528
- return yt({
542
+ return Ct({
529
543
  properties: n,
530
544
  context: t,
531
545
  block: e
532
546
  });
533
547
  }
534
- function vt(e) {
548
+ function wt(e) {
535
549
  return /* @__PURE__ */ l(
536
550
  ae,
537
551
  {
@@ -540,7 +554,7 @@ function vt(e) {
540
554
  block: e.block,
541
555
  context: e.context
542
556
  }),
543
- actionAttributes: Re({
557
+ actionAttributes: Pe({
544
558
  block: e.block,
545
559
  rootState: e.context.rootState,
546
560
  rootSetState: e.context.rootSetState,
@@ -552,14 +566,14 @@ function vt(e) {
552
566
  }
553
567
  );
554
568
  }
555
- function St(e) {
569
+ function Tt(e) {
556
570
  function t() {
557
571
  return e.includeBlockProps ? {
558
572
  ...ce({
559
573
  block: e.block,
560
574
  context: e.context
561
575
  }),
562
- ...Re({
576
+ ...Pe({
563
577
  block: e.block,
564
578
  rootState: e.context.rootState,
565
579
  rootSetState: e.context.rootSetState,
@@ -570,16 +584,16 @@ function St(e) {
570
584
  }
571
585
  return /* @__PURE__ */ l(e.Wrapper, { ...e.wrapperProps, attributes: t(), children: e.children });
572
586
  }
573
- const pt = ({
587
+ const Rt = ({
574
588
  componentOptions: e,
575
589
  builderBlock: t,
576
590
  context: n,
577
591
  componentRef: i,
578
592
  includeBlockProps: o,
579
593
  isInteractive: a,
580
- contextValue: c
594
+ contextValue: r
581
595
  }) => {
582
- const r = {
596
+ const s = {
583
597
  ...e,
584
598
  /**
585
599
  * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -588,7 +602,7 @@ const pt = ({
588
602
  ...o ? {
589
603
  attributes: ce({
590
604
  block: t,
591
- context: c
605
+ context: r
592
606
  })
593
607
  } : {}
594
608
  };
@@ -598,15 +612,15 @@ const pt = ({
598
612
  context: n,
599
613
  wrapperProps: e,
600
614
  includeBlockProps: o
601
- } : r;
615
+ } : s;
602
616
  };
603
617
  function he(e) {
604
618
  var n;
605
- const t = e.isInteractive ? St : e.componentRef;
606
- return /* @__PURE__ */ l(C, { children: e.componentRef ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(
619
+ const t = e.isInteractive ? Tt : e.componentRef;
620
+ return /* @__PURE__ */ l(T, { children: e.componentRef ? /* @__PURE__ */ l(T, { children: /* @__PURE__ */ l(
607
621
  t,
608
622
  {
609
- ...pt({
623
+ ...Rt({
610
624
  componentOptions: e.componentOptions,
611
625
  builderBlock: e.builderBlock,
612
626
  context: e.context,
@@ -629,7 +643,7 @@ function he(e) {
629
643
  }
630
644
  ) }) : null });
631
645
  }
632
- function kt(e) {
646
+ function ge(e) {
633
647
  const t = e.repeatContext;
634
648
  return /* @__PURE__ */ l(
635
649
  G,
@@ -642,21 +656,20 @@ function kt(e) {
642
656
  );
643
657
  }
644
658
  function G(e) {
645
- var s, d, m;
659
+ var d, u, m, p;
646
660
  const t = function() {
647
- return ct({
648
- block: e.block,
649
- context: e.context,
650
- registeredComponents: e.registeredComponents
651
- });
652
- }, n = function() {
653
- return lt({
661
+ return ht({
654
662
  block: e.block,
655
663
  context: e.context
656
664
  });
665
+ }, n = {
666
+ value: null,
667
+ update: !1
657
668
  }, i = function() {
658
- var h;
659
- return (h = e.block.repeat) != null && h.collection ? e.block : Y({
669
+ var f;
670
+ if (n.value && !n.update && !ke())
671
+ return n.value;
672
+ const S = (f = e.block.repeat) != null && f.collection ? e.block : st({
660
673
  block: e.block,
661
674
  localState: e.context.localState,
662
675
  rootState: e.context.rootState,
@@ -664,30 +677,36 @@ function G(e) {
664
677
  context: e.context.context,
665
678
  shouldEvaluateBindings: !0
666
679
  });
680
+ return n.value = S, n.update = !1, S;
667
681
  }, o = function() {
668
- var I;
669
- return e.block.tagName === "a" || ((I = i().properties) == null ? void 0 : I.href) || i().href ? e.linkComponent || "a" : e.block.tagName || "div";
682
+ return ft({
683
+ block: i(),
684
+ registeredComponents: e.registeredComponents
685
+ });
670
686
  }, a = function() {
671
- var w, b;
672
- if ((w = e.block.repeat) != null && w.collection)
673
- return !!((b = n()) != null && b.length);
674
- const h = "hide" in i() ? i().hide : !1;
675
- return ("show" in i() ? i().show : !0) && !h;
676
- }, c = function() {
677
- var I, w;
678
- return !((I = t()) != null && I.component) && !n() ? (w = i().children) != null ? w : [] : [];
687
+ var f;
688
+ return e.block.tagName === "a" || ((f = i().properties) == null ? void 0 : f.href) || i().href ? e.linkComponent || "a" : e.block.tagName || "div";
679
689
  }, r = function() {
680
- var h, I, w, b;
690
+ var C, b;
691
+ if ((C = e.block.repeat) != null && C.collection)
692
+ return !!((b = t()) != null && b.length);
693
+ const S = "hide" in i() ? i().hide : !1;
694
+ return ("show" in i() ? i().show : !0) && !S;
695
+ }, s = function() {
696
+ var f, C;
697
+ return !((f = o()) != null && f.component) && !t() ? (C = i().children) != null ? C : [] : [];
698
+ }, c = function() {
699
+ var S, f, C, b;
681
700
  return {
682
- blockChildren: (h = i().children) != null ? h : [],
683
- componentRef: (I = t()) == null ? void 0 : I.component,
701
+ blockChildren: (S = i().children) != null ? S : [],
702
+ componentRef: (f = o()) == null ? void 0 : f.component,
684
703
  componentOptions: {
685
- ...Xe(i()),
686
- ...ut(t(), i()),
687
- ...mt(t(), e.context),
688
- ...st(t(), e.linkComponent),
689
- ...dt(
690
- t(),
704
+ ...Ze(i()),
705
+ ...yt(o(), i()),
706
+ ...pt(o(), e.context),
707
+ ...gt(o(), e.linkComponent),
708
+ ...bt(
709
+ o(),
691
710
  e.registeredComponents
692
711
  )
693
712
  },
@@ -695,78 +714,88 @@ function G(e) {
695
714
  linkComponent: e.linkComponent,
696
715
  registeredComponents: e.registeredComponents,
697
716
  builderBlock: i(),
698
- includeBlockProps: ((w = t()) == null ? void 0 : w.noWrap) === !0,
699
- isInteractive: !((b = t()) != null && b.isRSC && D === "rsc")
717
+ includeBlockProps: ((C = o()) == null ? void 0 : C.noWrap) === !0,
718
+ isInteractive: !((b = o()) != null && b.isRSC && $ === "rsc")
700
719
  };
701
720
  };
702
- return /* @__PURE__ */ l(C, { children: a() ? /* @__PURE__ */ P(C, { children: [
703
- /* @__PURE__ */ l(ft, { block: e.block, context: e.context }),
704
- (s = t()) != null && s.noWrap ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(
721
+ return /* @__PURE__ */ l(T, { children: r() ? /* @__PURE__ */ P(T, { children: [
722
+ /* @__PURE__ */ l(vt, { block: i(), context: e.context }),
723
+ (d = o()) != null && d.noWrap ? t() ? /* @__PURE__ */ l(T, { children: (p = t()) == null ? void 0 : p.map((v, S) => /* @__PURE__ */ l(
724
+ ge,
725
+ {
726
+ repeatContext: v.context,
727
+ block: v.block,
728
+ registeredComponents: e.registeredComponents,
729
+ linkComponent: e.linkComponent
730
+ },
731
+ S
732
+ )) }) : /* @__PURE__ */ l(
705
733
  he,
706
734
  {
707
- componentRef: r().componentRef,
708
- componentOptions: r().componentOptions,
709
- blockChildren: r().blockChildren,
710
- context: r().context,
711
- registeredComponents: r().registeredComponents,
712
- linkComponent: r().linkComponent,
713
- builderBlock: r().builderBlock,
714
- includeBlockProps: r().includeBlockProps,
715
- isInteractive: r().isInteractive
735
+ componentRef: c().componentRef,
736
+ componentOptions: c().componentOptions,
737
+ blockChildren: c().blockChildren,
738
+ context: c().context,
739
+ registeredComponents: c().registeredComponents,
740
+ linkComponent: c().linkComponent,
741
+ builderBlock: c().builderBlock,
742
+ includeBlockProps: c().includeBlockProps,
743
+ isInteractive: c().isInteractive
716
744
  }
717
- ) }) : /* @__PURE__ */ l(C, { children: n() ? /* @__PURE__ */ l(C, { children: (m = n()) == null ? void 0 : m.map((u, h) => /* @__PURE__ */ l(
718
- kt,
745
+ ) : /* @__PURE__ */ l(T, { children: t() ? /* @__PURE__ */ l(T, { children: (m = t()) == null ? void 0 : m.map((v, S) => /* @__PURE__ */ l(
746
+ ge,
719
747
  {
720
- repeatContext: u.context,
721
- block: u.block,
748
+ repeatContext: v.context,
749
+ block: v.block,
722
750
  registeredComponents: e.registeredComponents,
723
751
  linkComponent: e.linkComponent
724
752
  },
725
- h
753
+ S
726
754
  )) }) : /* @__PURE__ */ P(
727
- vt,
755
+ wt,
728
756
  {
729
- Wrapper: o(),
757
+ Wrapper: a(),
730
758
  block: i(),
731
759
  context: e.context,
732
760
  children: [
733
761
  /* @__PURE__ */ l(
734
762
  he,
735
763
  {
736
- componentRef: r().componentRef,
737
- componentOptions: r().componentOptions,
738
- blockChildren: r().blockChildren,
739
- context: r().context,
740
- registeredComponents: r().registeredComponents,
741
- linkComponent: r().linkComponent,
742
- builderBlock: r().builderBlock,
743
- includeBlockProps: r().includeBlockProps,
744
- isInteractive: r().isInteractive
764
+ componentRef: c().componentRef,
765
+ componentOptions: c().componentOptions,
766
+ blockChildren: c().blockChildren,
767
+ context: c().context,
768
+ registeredComponents: c().registeredComponents,
769
+ linkComponent: c().linkComponent,
770
+ builderBlock: c().builderBlock,
771
+ includeBlockProps: c().includeBlockProps,
772
+ isInteractive: c().isInteractive
745
773
  }
746
774
  ),
747
- (d = c()) == null ? void 0 : d.map((u) => /* @__PURE__ */ l(
775
+ (u = s()) == null ? void 0 : u.map((v) => /* @__PURE__ */ l(
748
776
  G,
749
777
  {
750
- block: u,
778
+ block: v,
751
779
  registeredComponents: e.registeredComponents,
752
780
  linkComponent: e.linkComponent,
753
781
  context: e.context
754
782
  },
755
- u.id
783
+ v.id
756
784
  ))
757
785
  ]
758
786
  }
759
787
  ) })
760
788
  ] }) : null });
761
789
  }
762
- function Ct(e) {
763
- function t() {
764
- var o;
765
- return "builder-blocks" + ((o = e.blocks) != null && o.length ? "" : " no-blocks");
766
- }
790
+ function Et(e) {
791
+ const t = J(null);
767
792
  function n() {
768
- var o, a;
769
- V() && !((o = e.blocks) != null && o.length) && ((a = window.parent) == null || a.postMessage(
793
+ var a;
794
+ return "builder-blocks" + ((a = e.blocks) != null && a.length ? "" : " no-blocks");
795
+ }
796
+ function i() {
797
+ var a, r;
798
+ V() && !((a = e.blocks) != null && a.length) && ((r = window.parent) == null || r.postMessage(
770
799
  {
771
800
  type: "builder.clickEmptyBlocks",
772
801
  data: {
@@ -777,9 +806,9 @@ function Ct(e) {
777
806
  "*"
778
807
  ));
779
808
  }
780
- function i() {
781
- var o, a;
782
- V() && !((o = e.blocks) != null && o.length) && ((a = window.parent) == null || a.postMessage(
809
+ function o() {
810
+ var a, r;
811
+ V() && !((a = e.blocks) != null && a.length) && ((r = window.parent) == null || r.postMessage(
783
812
  {
784
813
  type: "builder.hoverEmptyBlocks",
785
814
  data: {
@@ -790,22 +819,24 @@ function Ct(e) {
790
819
  "*"
791
820
  ));
792
821
  }
793
- return /* @__PURE__ */ P(C, { children: [
822
+ return R(() => {
823
+ }, []), /* @__PURE__ */ P(T, { children: [
794
824
  /* @__PURE__ */ l(
795
825
  e.BlocksWrapper,
796
826
  {
797
- className: t() + " props-blocks-wrapper-7cd1560e",
827
+ ref: t,
828
+ className: n() + " props-blocks-wrapper-51ef31b4",
798
829
  "builder-path": e.path,
799
830
  "builder-parent-id": e.parent,
800
831
  style: e.styleProp,
801
- onClick: (o) => n(),
802
- onMouseEnter: (o) => i(),
803
- onKeyPress: (o) => n(),
832
+ onClick: (a) => i(),
833
+ onMouseEnter: (a) => o(),
834
+ onKeyPress: (a) => i(),
804
835
  ...e.BlocksWrapperProps,
805
836
  children: e.children
806
837
  }
807
838
  ),
808
- /* @__PURE__ */ l("style", { children: `.props-blocks-wrapper-7cd1560e {
839
+ /* @__PURE__ */ l("style", { children: `.props-blocks-wrapper-51ef31b4 {
809
840
  display: flex;
810
841
  flex-direction: column;
811
842
  align-items: stretch;
@@ -815,7 +846,7 @@ function Ct(e) {
815
846
  function le(e) {
816
847
  var t, n, i;
817
848
  return /* @__PURE__ */ l(
818
- Ct,
849
+ Et,
819
850
  {
820
851
  blocks: e.blocks,
821
852
  parent: e.parent,
@@ -823,7 +854,7 @@ function le(e) {
823
854
  styleProp: e.styleProp,
824
855
  BlocksWrapper: (t = e.context) == null ? void 0 : t.BlocksWrapper,
825
856
  BlocksWrapperProps: (n = e.context) == null ? void 0 : n.BlocksWrapperProps,
826
- children: e.blocks ? /* @__PURE__ */ l(C, { children: (i = e.blocks) == null ? void 0 : i.map((o) => /* @__PURE__ */ l(
857
+ children: e.blocks ? /* @__PURE__ */ l(T, { children: (i = e.blocks) == null ? void 0 : i.map((o) => /* @__PURE__ */ l(
827
858
  G,
828
859
  {
829
860
  block: o,
@@ -836,71 +867,71 @@ function le(e) {
836
867
  }
837
868
  );
838
869
  }
839
- const It = (e) => `builder-columns ${e}-breakpoints`;
840
- function wt(e) {
841
- var b, E;
870
+ const Pt = (e) => `builder-columns ${e}-breakpoints`;
871
+ function Bt(e) {
872
+ var f, C;
842
873
  const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], i = e.stackColumnsAt || "tablet", o = function(y) {
843
874
  return y.link ? e.builderLinkComponent || "a" : "div";
844
875
  }, a = function(y) {
845
- var p;
846
- return ((p = n[y]) == null ? void 0 : p.width) || 100 / n.length;
847
- }, c = function(y) {
848
- const p = a(y), T = t * (n.length - 1) * (p / 100);
849
- return `calc(${p}% - ${T}px)`;
850
- }, r = function({
876
+ var I;
877
+ return ((I = n[y]) == null ? void 0 : I.width) || 100 / n.length;
878
+ }, r = function(y) {
879
+ const I = a(y), E = t * (n.length - 1) * (I / 100);
880
+ return `calc(${I}% - ${E}px)`;
881
+ }, s = function({
851
882
  stackedStyle: y,
852
- desktopStyle: p
883
+ desktopStyle: I
853
884
  }) {
854
- return i === "tablet" ? y : p;
855
- }, s = function({
885
+ return i === "tablet" ? y : I;
886
+ }, c = function({
856
887
  stackedStyle: y,
857
- desktopStyle: p
888
+ desktopStyle: I
858
889
  }) {
859
- return i === "never" ? p : y;
860
- }, d = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", m = function() {
890
+ return i === "never" ? I : y;
891
+ }, d = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", u = function() {
861
892
  return {
862
893
  "--flex-dir": d,
863
- "--flex-dir-tablet": r({
894
+ "--flex-dir-tablet": s({
864
895
  stackedStyle: d,
865
896
  desktopStyle: "row"
866
897
  })
867
898
  };
868
- }, u = function(y) {
869
- const p = y === 0 ? 0 : t, T = c(y), W = `${p}px`, j = "100%", O = 0;
899
+ }, m = function(y) {
900
+ const I = y === 0 ? 0 : t, E = r(y), W = `${I}px`, D = "100%", _ = 0;
870
901
  return {
871
902
  ...{
872
903
  display: "flex",
873
904
  flexDirection: "column",
874
905
  alignItems: "stretch"
875
906
  },
876
- width: T,
907
+ width: E,
877
908
  ["marginLeft"]: W,
878
- "--column-width-mobile": s({
879
- stackedStyle: j,
880
- desktopStyle: T
909
+ "--column-width-mobile": c({
910
+ stackedStyle: D,
911
+ desktopStyle: E
881
912
  }),
882
- "--column-margin-left-mobile": s({
883
- stackedStyle: O,
913
+ "--column-margin-left-mobile": c({
914
+ stackedStyle: _,
884
915
  desktopStyle: W
885
916
  }),
886
- "--column-width-tablet": r({
887
- stackedStyle: j,
888
- desktopStyle: T
917
+ "--column-width-tablet": s({
918
+ stackedStyle: D,
919
+ desktopStyle: E
889
920
  }),
890
- "--column-margin-left-tablet": r({
891
- stackedStyle: O,
921
+ "--column-margin-left-tablet": s({
922
+ stackedStyle: _,
892
923
  desktopStyle: W
893
924
  })
894
925
  };
895
- }, h = function(y) {
896
- var T, W;
897
- return Te(
898
- ((W = (T = e.builderContext.content) == null ? void 0 : T.meta) == null ? void 0 : W.breakpoints) || {}
926
+ }, p = function(y) {
927
+ var E, W;
928
+ return Ee(
929
+ ((W = (E = e.builderContext.content) == null ? void 0 : E.meta) == null ? void 0 : W.breakpoints) || {}
899
930
  )[y].max;
900
- }, I = function() {
931
+ }, v = function() {
901
932
  const y = `.${e.builderBlock.id}-breakpoints > .builder-column`;
902
933
  return `
903
- @media (max-width: ${h("medium")}px) {
934
+ @media (max-width: ${p("medium")}px) {
904
935
  .${e.builderBlock.id}-breakpoints {
905
936
  flex-direction: var(--flex-dir-tablet);
906
937
  align-items: stretch;
@@ -912,7 +943,7 @@ function wt(e) {
912
943
  }
913
944
  }
914
945
 
915
- @media (max-width: ${h("small")}px) {
946
+ @media (max-width: ${p("small")}px) {
916
947
  .${e.builderBlock.id}-breakpoints {
917
948
  flex-direction: var(--flex-dir);
918
949
  align-items: stretch;
@@ -924,36 +955,36 @@ function wt(e) {
924
955
  }
925
956
  },
926
957
  `;
927
- }, w = function(y, p) {
958
+ }, S = function(y, I) {
928
959
  return {
929
960
  ...y.link ? {
930
961
  href: y.link
931
962
  } : {},
932
963
  [H()]: "builder-column",
933
- style: Ie(u(p))
964
+ style: Te(m(I))
934
965
  };
935
966
  };
936
- return /* @__PURE__ */ P(C, { children: [
967
+ return /* @__PURE__ */ P(T, { children: [
937
968
  /* @__PURE__ */ P(
938
969
  "div",
939
970
  {
940
- className: It((b = e.builderBlock) == null ? void 0 : b.id) + " div-2cd13691",
941
- style: m(),
971
+ className: Pt((f = e.builderBlock) == null ? void 0 : f.id) + " div-2cd13691",
972
+ style: u(),
942
973
  children: [
943
974
  /* @__PURE__ */ l(
944
975
  Q,
945
976
  {
946
977
  id: "builderio-columns",
947
- styles: I(),
978
+ styles: v(),
948
979
  nonce: e.builderContext.nonce
949
980
  }
950
981
  ),
951
- (E = e.columns) == null ? void 0 : E.map((x, y) => /* @__PURE__ */ l(
982
+ (C = e.columns) == null ? void 0 : C.map((b, y) => /* @__PURE__ */ l(
952
983
  ae,
953
984
  {
954
- TagName: o(x),
985
+ TagName: o(b),
955
986
  actionAttributes: {},
956
- attributes: w(x, y),
987
+ attributes: S(b, y),
957
988
  children: /* @__PURE__ */ l(
958
989
  le,
959
990
  {
@@ -965,7 +996,7 @@ function wt(e) {
965
996
  context: e.builderContext,
966
997
  registeredComponents: e.builderComponents,
967
998
  linkComponent: e.builderLinkComponent,
968
- blocks: x.blocks
999
+ blocks: b.blocks
969
1000
  }
970
1001
  )
971
1002
  },
@@ -980,25 +1011,25 @@ function wt(e) {
980
1011
  }` })
981
1012
  ] });
982
1013
  }
983
- function Tt(e) {
1014
+ function Wt(e) {
984
1015
  return /* @__PURE__ */ l("span", { children: e.children });
985
1016
  }
986
- function ge(e) {
1017
+ function be(e) {
987
1018
  return e.replace(/http(s)?:/, "");
988
1019
  }
989
- function Rt(e = "", t, n) {
1020
+ function At(e = "", t, n) {
990
1021
  const i = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), o = e.indexOf("?") !== -1 ? "&" : "?";
991
1022
  return e.match(i) ? e.replace(i, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + o + t + "=" + encodeURIComponent(n);
992
1023
  }
993
- function Pt(e, t) {
1024
+ function Nt(e, t) {
994
1025
  if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
995
1026
  return e;
996
1027
  if (t === "master")
997
- return ge(e);
1028
+ return be(e);
998
1029
  const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
999
1030
  if (n) {
1000
1031
  const i = e.split(n[0]), o = n[3], a = t.match("x") ? t : `${t}x`;
1001
- return ge(`${i[0]}_${a}${o}`);
1032
+ return be(`${i[0]}_${a}${o}`);
1002
1033
  }
1003
1034
  return null;
1004
1035
  }
@@ -1009,45 +1040,45 @@ function te(e) {
1009
1040
  if (e.match(/builder\.io/)) {
1010
1041
  let n = e;
1011
1042
  const i = Number(e.split("?width=")[1]);
1012
- return isNaN(i) || (n = `${n} ${i}w`), t.filter((o) => o !== i).map((o) => `${Rt(e, "width", o)} ${o}w`).concat([n]).join(", ");
1043
+ return isNaN(i) || (n = `${n} ${i}w`), t.filter((o) => o !== i).map((o) => `${At(e, "width", o)} ${o}w`).concat([n]).join(", ");
1013
1044
  }
1014
- return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Pt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
1045
+ return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Nt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
1015
1046
  }
1016
- function Et(e) {
1017
- var o, a, c, r, s, d;
1047
+ function Vt(e) {
1048
+ var o, a, r, s, c, d;
1018
1049
  function t() {
1019
- var h;
1020
- const u = e.image || e.src;
1021
- if (!u || // We can auto add srcset for cdn.builder.io and shopify
1050
+ var p;
1051
+ const m = e.image || e.src;
1052
+ if (!m || // We can auto add srcset for cdn.builder.io and shopify
1022
1053
  // images, otherwise you can supply this prop manually
1023
- !(u.match(/builder\.io/) || u.match(/cdn\.shopify\.com/)))
1054
+ !(m.match(/builder\.io/) || m.match(/cdn\.shopify\.com/)))
1024
1055
  return e.srcset;
1025
1056
  if (!e.noWebp) {
1026
- if (e.srcset && ((h = e.image) != null && h.includes("builder.io/api/v1/image"))) {
1057
+ if (e.srcset && ((p = e.image) != null && p.includes("builder.io/api/v1/image"))) {
1027
1058
  if (!e.srcset.includes(e.image.split("?")[0]))
1028
- return console.debug("Removed given srcset"), te(u);
1059
+ return console.debug("Removed given srcset"), te(m);
1029
1060
  } else if (e.image && !e.srcset)
1030
- return te(u);
1031
- return te(u);
1061
+ return te(m);
1062
+ return te(m);
1032
1063
  }
1033
1064
  }
1034
1065
  function n() {
1035
- var m;
1036
- return (m = t == null ? void 0 : t()) != null && m.match(/builder\.io/) && !e.noWebp ? t().replace(/\?/g, "?format=webp&") : "";
1066
+ var u;
1067
+ return (u = t == null ? void 0 : t()) != null && u.match(/builder\.io/) && !e.noWebp ? t().replace(/\?/g, "?format=webp&") : "";
1037
1068
  }
1038
1069
  function i() {
1039
- const m = {
1070
+ const u = {
1040
1071
  position: "absolute",
1041
1072
  height: "100%",
1042
1073
  width: "100%",
1043
1074
  left: "0px",
1044
1075
  top: "0px"
1045
1076
  };
1046
- return e.aspectRatio ? m : void 0;
1077
+ return e.aspectRatio ? u : void 0;
1047
1078
  }
1048
1079
  return R(() => {
1049
- }, []), /* @__PURE__ */ P(C, { children: [
1050
- /* @__PURE__ */ P(C, { children: [
1080
+ }, []), /* @__PURE__ */ P(T, { children: [
1081
+ /* @__PURE__ */ P(T, { children: [
1051
1082
  /* @__PURE__ */ P("picture", { children: [
1052
1083
  n() ? /* @__PURE__ */ l("source", { type: "image/webp", srcSet: n() }) : null,
1053
1084
  /* @__PURE__ */ l(
@@ -1078,8 +1109,8 @@ function Et(e) {
1078
1109
  }
1079
1110
  }
1080
1111
  ) : null,
1081
- (r = (c = e.builderBlock) == null ? void 0 : c.children) != null && r.length && e.fitContent ? /* @__PURE__ */ l(C, { children: e.children }) : null,
1082
- !e.fitContent && ((d = (s = e.builderBlock) == null ? void 0 : s.children) != null && d.length) ? /* @__PURE__ */ l("div", { className: "div-2d6925f2-2", children: e.children }) : null
1112
+ (s = (r = e.builderBlock) == null ? void 0 : r.children) != null && s.length && e.fitContent ? /* @__PURE__ */ l(T, { children: e.children }) : null,
1113
+ !e.fitContent && ((d = (c = e.builderBlock) == null ? void 0 : c.children) != null && d.length) ? /* @__PURE__ */ l("div", { className: "div-2d6925f2-2", children: e.children }) : null
1083
1114
  ] }),
1084
1115
  /* @__PURE__ */ l("style", { children: `.img-2d6925f2 {
1085
1116
  opacity: 1;
@@ -1100,7 +1131,7 @@ function Et(e) {
1100
1131
  }` })
1101
1132
  ] });
1102
1133
  }
1103
- function Bt(e) {
1134
+ function $t(e) {
1104
1135
  return /* @__PURE__ */ l(
1105
1136
  "section",
1106
1137
  {
@@ -1121,7 +1152,7 @@ function Bt(e) {
1121
1152
  }
1122
1153
  );
1123
1154
  }
1124
- const Wt = {
1155
+ const Ft = {
1125
1156
  name: "Core:Button",
1126
1157
  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
1127
1158
  defaultStyles: {
@@ -1157,7 +1188,7 @@ const Wt = {
1157
1188
  shouldReceiveBuilderProps: {
1158
1189
  builderLinkComponent: !0
1159
1190
  }
1160
- }, Nt = {
1191
+ }, Lt = {
1161
1192
  // TODO: ways to statically preprocess JSON for references, functions, etc
1162
1193
  name: "Columns",
1163
1194
  isRSC: !0,
@@ -1336,7 +1367,7 @@ const Wt = {
1336
1367
  });
1337
1368
  }
1338
1369
  const n = e.get("columns");
1339
- Array.isArray(n) && n.find((o) => o.get("width")) && (n.find((a) => !a.get("width")) || n.reduce((r, s) => r + s.get("width"), 0) !== 100) && t();
1370
+ Array.isArray(n) && n.find((o) => o.get("width")) && (n.find((a) => !a.get("width")) || n.reduce((s, c) => s + c.get("width"), 0) !== 100) && t();
1340
1371
  }
1341
1372
  }, {
1342
1373
  name: "space",
@@ -1364,13 +1395,13 @@ const Wt = {
1364
1395
  builderComponents: !0,
1365
1396
  builderLinkComponent: !0
1366
1397
  }
1367
- }, At = {
1398
+ }, Ot = {
1368
1399
  name: "Fragment",
1369
1400
  static: !0,
1370
1401
  hidden: !0,
1371
1402
  canHaveChildren: !0,
1372
1403
  noWrap: !0
1373
- }, Vt = {
1404
+ }, Dt = {
1374
1405
  name: "Image",
1375
1406
  static: !0,
1376
1407
  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -1390,29 +1421,29 @@ const Wt = {
1390
1421
  defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
1391
1422
  onChange: (e) => {
1392
1423
  e.delete("srcset"), e.delete("noWebp");
1393
- function n(c, r = 6e4) {
1394
- return new Promise((s, d) => {
1395
- const m = document.createElement("img");
1396
- let u = !1;
1397
- m.onload = () => {
1398
- u = !0, s(m);
1399
- }, m.addEventListener("error", (h) => {
1400
- console.warn("Image load failed", h.error), d(h.error);
1401
- }), m.src = c, setTimeout(() => {
1402
- u || d(new Error("Image load timed out"));
1403
- }, r);
1424
+ function n(r, s = 6e4) {
1425
+ return new Promise((c, d) => {
1426
+ const u = document.createElement("img");
1427
+ let m = !1;
1428
+ u.onload = () => {
1429
+ m = !0, c(u);
1430
+ }, u.addEventListener("error", (p) => {
1431
+ console.warn("Image load failed", p.error), d(p.error);
1432
+ }), u.src = r, setTimeout(() => {
1433
+ m || d(new Error("Image load timed out"));
1434
+ }, s);
1404
1435
  });
1405
1436
  }
1406
- function i(c) {
1407
- return Math.round(c * 1e3) / 1e3;
1437
+ function i(r) {
1438
+ return Math.round(r * 1e3) / 1e3;
1408
1439
  }
1409
1440
  const o = e.get("image"), a = e.get("aspectRatio");
1410
- if (fetch(o).then((c) => c.blob()).then((c) => {
1411
- c.type.includes("svg") && e.set("noWebp", !0);
1441
+ if (fetch(o).then((r) => r.blob()).then((r) => {
1442
+ r.type.includes("svg") && e.set("noWebp", !0);
1412
1443
  }), o && (!a || a === 0.7041))
1413
- return n(o).then((c) => {
1414
- const r = e.get("aspectRatio");
1415
- e.get("image") === o && (!r || r === 0.7041) && c.width && c.height && (e.set("aspectRatio", i(c.height / c.width)), e.set("height", c.height), e.set("width", c.width));
1444
+ return n(o).then((r) => {
1445
+ const s = e.get("aspectRatio");
1446
+ e.get("image") === o && (!s || s === 0.7041) && r.width && r.height && (e.set("aspectRatio", i(r.height / r.width)), e.set("height", r.height), e.set("width", r.width));
1416
1447
  });
1417
1448
  }
1418
1449
  }, {
@@ -1478,7 +1509,7 @@ const Wt = {
1478
1509
  shouldReceiveBuilderProps: {
1479
1510
  builderBlock: !0
1480
1511
  }
1481
- }, $t = {
1512
+ }, _t = {
1482
1513
  name: "Core:Section",
1483
1514
  static: !0,
1484
1515
  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1517,7 +1548,7 @@ const Wt = {
1517
1548
  }
1518
1549
  }
1519
1550
  }]
1520
- }, Ft = {
1551
+ }, Ht = {
1521
1552
  name: "Slot",
1522
1553
  isRSC: !0,
1523
1554
  description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -1531,10 +1562,11 @@ const Wt = {
1531
1562
  defaultValue: "children"
1532
1563
  }],
1533
1564
  shouldReceiveBuilderProps: {
1534
- builderContext: !0
1565
+ builderContext: !0,
1566
+ builderComponents: !0
1535
1567
  }
1536
1568
  };
1537
- function Lt(e) {
1569
+ function jt(e) {
1538
1570
  var t, n, i;
1539
1571
  return /* @__PURE__ */ l(
1540
1572
  "div",
@@ -1551,13 +1583,14 @@ function Lt(e) {
1551
1583
  parent: (n = e.builderContext.context) == null ? void 0 : n.symbolId,
1552
1584
  path: `symbol.data.${e.name}`,
1553
1585
  context: e.builderContext,
1586
+ registeredComponents: e.builderComponents,
1554
1587
  blocks: (i = e.builderContext.rootState) == null ? void 0 : i[e.name]
1555
1588
  }
1556
1589
  )
1557
1590
  }
1558
1591
  );
1559
1592
  }
1560
- const Dt = {
1593
+ const Ut = {
1561
1594
  name: "Symbol",
1562
1595
  noWrap: !0,
1563
1596
  static: !0,
@@ -1596,7 +1629,7 @@ const Dt = {
1596
1629
  builderComponents: !0,
1597
1630
  builderLinkComponent: !0
1598
1631
  }
1599
- }, jt = {
1632
+ }, Mt = {
1600
1633
  shouldReceiveBuilderProps: {
1601
1634
  builderBlock: !1,
1602
1635
  builderContext: !0
@@ -1619,27 +1652,27 @@ const Dt = {
1619
1652
  textAlign: "center"
1620
1653
  }
1621
1654
  };
1622
- function Ot(e) {
1655
+ function Kt(e) {
1623
1656
  return /* @__PURE__ */ l(
1624
1657
  "div",
1625
1658
  {
1626
1659
  className: "builder-text",
1627
1660
  dangerouslySetInnerHTML: { __html: function() {
1628
- var s;
1661
+ var c;
1629
1662
  const i = e.builderContext, {
1630
1663
  context: o,
1631
1664
  localState: a,
1632
- rootState: c,
1633
- rootSetState: r
1665
+ rootState: r,
1666
+ rootSetState: s
1634
1667
  } = i;
1635
- return String(((s = e.text) == null ? void 0 : s.toString()) || "").replace(
1668
+ return String(((c = e.text) == null ? void 0 : c.toString()) || "").replace(
1636
1669
  /{{([^}]+)}}/g,
1637
- (d, m) => L({
1638
- code: m,
1670
+ (d, u) => O({
1671
+ code: u,
1639
1672
  context: o,
1640
1673
  localState: a,
1641
- rootState: c,
1642
- rootSetState: r,
1674
+ rootState: r,
1675
+ rootSetState: s,
1643
1676
  enableCache: !1
1644
1677
  })
1645
1678
  );
@@ -1650,7 +1683,7 @@ function Ot(e) {
1650
1683
  }
1651
1684
  );
1652
1685
  }
1653
- const Ht = {
1686
+ const zt = {
1654
1687
  name: "Custom Code",
1655
1688
  static: !0,
1656
1689
  requiredPermissions: ["editCode"],
@@ -1673,21 +1706,21 @@ const Ht = {
1673
1706
  advanced: !0
1674
1707
  }]
1675
1708
  };
1676
- function Mt(e) {
1677
- const t = oe(null), [n, i] = A(() => []), [o, a] = A(() => []);
1709
+ function qt(e) {
1710
+ const t = J(null), [n, i] = N(() => []), [o, a] = N(() => []);
1678
1711
  return R(() => {
1679
- var r;
1680
- if (!((r = t.current) != null && r.getElementsByTagName) || typeof window == "undefined")
1712
+ var s;
1713
+ if (!((s = t.current) != null && s.getElementsByTagName) || typeof window == "undefined")
1681
1714
  return;
1682
- const c = t.current.getElementsByTagName("script");
1683
- for (let s = 0; s < c.length; s++) {
1684
- const d = c[s];
1715
+ const r = t.current.getElementsByTagName("script");
1716
+ for (let c = 0; c < r.length; c++) {
1717
+ const d = r[c];
1685
1718
  if (d.src) {
1686
1719
  if (n.includes(d.src))
1687
1720
  continue;
1688
1721
  n.push(d.src);
1689
- const m = document.createElement("script");
1690
- m.async = !0, m.src = d.src, document.head.appendChild(m);
1722
+ const u = document.createElement("script");
1723
+ u.async = !0, u.src = d.src, document.head.appendChild(u);
1691
1724
  } else if (!d.type || [
1692
1725
  "text/javascript",
1693
1726
  "application/javascript",
@@ -1697,8 +1730,8 @@ function Mt(e) {
1697
1730
  continue;
1698
1731
  try {
1699
1732
  o.push(d.innerText), new Function(d.innerText)();
1700
- } catch (m) {
1701
- console.warn("`CustomCode`: Error running script:", m);
1733
+ } catch (u) {
1734
+ console.warn("`CustomCode`: Error running script:", u);
1702
1735
  }
1703
1736
  }
1704
1737
  }
@@ -1711,7 +1744,7 @@ function Mt(e) {
1711
1744
  }
1712
1745
  );
1713
1746
  }
1714
- const Ut = {
1747
+ const Yt = {
1715
1748
  name: "Embed",
1716
1749
  static: !0,
1717
1750
  inputs: [{
@@ -1726,30 +1759,30 @@ const Ut = {
1726
1759
  defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
1727
1760
  hideFromUI: !0
1728
1761
  }]
1729
- }, _t = ["text/javascript", "application/javascript", "application/ecmascript"], Kt = (e) => _t.includes(e.type);
1730
- function zt(e) {
1731
- const t = oe(null), [n, i] = A(() => []), [o, a] = A(() => []), [c, r] = A(() => !1);
1732
- function s() {
1762
+ }, Jt = ["text/javascript", "application/javascript", "application/ecmascript"], Qt = (e) => Jt.includes(e.type);
1763
+ function Gt(e) {
1764
+ const t = J(null), [n, i] = N(() => []), [o, a] = N(() => []), [r, s] = N(() => !1);
1765
+ function c() {
1733
1766
  if (!t.current || !t.current.getElementsByTagName)
1734
1767
  return;
1735
1768
  const d = t.current.getElementsByTagName("script");
1736
- for (let m = 0; m < d.length; m++) {
1737
- const u = d[m];
1738
- if (u.src && !n.includes(u.src)) {
1739
- n.push(u.src);
1740
- const h = document.createElement("script");
1741
- h.async = !0, h.src = u.src, document.head.appendChild(h);
1742
- } else if (Kt(u) && !o.includes(u.innerText))
1769
+ for (let u = 0; u < d.length; u++) {
1770
+ const m = d[u];
1771
+ if (m.src && !n.includes(m.src)) {
1772
+ n.push(m.src);
1773
+ const p = document.createElement("script");
1774
+ p.async = !0, p.src = m.src, document.head.appendChild(p);
1775
+ } else if (Qt(m) && !o.includes(m.innerText))
1743
1776
  try {
1744
- o.push(u.innerText), new Function(u.innerText)();
1745
- } catch (h) {
1746
- console.warn("`Embed`: Error running script:", h);
1777
+ o.push(m.innerText), new Function(m.innerText)();
1778
+ } catch (p) {
1779
+ console.warn("`Embed`: Error running script:", p);
1747
1780
  }
1748
1781
  }
1749
1782
  }
1750
1783
  return R(() => {
1751
- t.current && !c && (r(!0), s());
1752
- }, [t.current, c]), /* @__PURE__ */ l(
1784
+ t.current && !r && (s(!0), c());
1785
+ }, [t.current, r]), /* @__PURE__ */ l(
1753
1786
  "div",
1754
1787
  {
1755
1788
  className: "builder-embed",
@@ -1758,7 +1791,7 @@ function zt(e) {
1758
1791
  }
1759
1792
  );
1760
1793
  }
1761
- const qt = {
1794
+ const Xt = {
1762
1795
  // friendlyName?
1763
1796
  name: "Raw:Img",
1764
1797
  hideFromInsertMenu: !0,
@@ -1773,7 +1806,7 @@ const qt = {
1773
1806
  noWrap: !0,
1774
1807
  static: !0
1775
1808
  };
1776
- function Yt(e) {
1809
+ function Zt(e) {
1777
1810
  return /* @__PURE__ */ l(
1778
1811
  "img",
1779
1812
  {
@@ -1788,7 +1821,7 @@ function Yt(e) {
1788
1821
  V() && e.imgSrc || "default-key"
1789
1822
  );
1790
1823
  }
1791
- const Jt = {
1824
+ const en = {
1792
1825
  name: "Video",
1793
1826
  canHaveChildren: !0,
1794
1827
  defaultStyles: {
@@ -1873,8 +1906,8 @@ const Jt = {
1873
1906
  builderBlock: !0
1874
1907
  }
1875
1908
  };
1876
- function Qt(e) {
1877
- var i, o, a, c, r, s, d;
1909
+ function tn(e) {
1910
+ var i, o, a, r, s, c, d;
1878
1911
  function t() {
1879
1912
  return {
1880
1913
  ...e.autoPlay === !0 ? {
@@ -1942,7 +1975,7 @@ function Qt(e) {
1942
1975
  }
1943
1976
  }
1944
1977
  ) : null,
1945
- (r = (c = e.builderBlock) == null ? void 0 : c.children) != null && r.length && e.fitContent ? /* @__PURE__ */ l(
1978
+ (s = (r = e.builderBlock) == null ? void 0 : r.children) != null && s.length && e.fitContent ? /* @__PURE__ */ l(
1946
1979
  "div",
1947
1980
  {
1948
1981
  style: {
@@ -1953,7 +1986,7 @@ function Qt(e) {
1953
1986
  children: e.children
1954
1987
  }
1955
1988
  ) : null,
1956
- (d = (s = e.builderBlock) == null ? void 0 : s.children) != null && d.length && !e.fitContent ? /* @__PURE__ */ l(
1989
+ (d = (c = e.builderBlock) == null ? void 0 : c.children) != null && d.length && !e.fitContent ? /* @__PURE__ */ l(
1957
1990
  "div",
1958
1991
  {
1959
1992
  style: {
@@ -1974,43 +2007,43 @@ function Qt(e) {
1974
2007
  }
1975
2008
  );
1976
2009
  }
1977
- const Gt = () => [{
1978
- component: Mt,
1979
- ...Ht
2010
+ const nn = () => [{
2011
+ component: qt,
2012
+ ...zt
1980
2013
  }, {
1981
- component: zt,
1982
- ...Ut
2014
+ component: Gt,
2015
+ ...Yt
1983
2016
  }, {
1984
- component: Yt,
1985
- ...qt
2017
+ component: Zt,
2018
+ ...Xt
1986
2019
  }, {
1987
- component: Qt,
1988
- ...Jt
1989
- }], be = () => [{
1990
- component: Ge,
1991
- ...Wt
2020
+ component: tn,
2021
+ ...en
2022
+ }], ye = () => [{
2023
+ component: Xe,
2024
+ ...Ft
1992
2025
  }, {
1993
- component: wt,
1994
- ...Nt
2026
+ component: Bt,
2027
+ ...Lt
1995
2028
  }, {
1996
- component: Tt,
1997
- ...At
2029
+ component: Wt,
2030
+ ...Ot
1998
2031
  }, {
1999
- component: Et,
2000
- ...Vt
2032
+ component: Vt,
2033
+ ...Dt
2001
2034
  }, {
2002
- component: Bt,
2003
- ...$t
2035
+ component: $t,
2036
+ ..._t
2004
2037
  }, {
2005
- component: Lt,
2006
- ...Ft
2038
+ component: jt,
2039
+ ...Ht
2007
2040
  }, {
2008
- component: Rn,
2009
- ...Dt
2041
+ component: An,
2042
+ ...Ut
2010
2043
  }, {
2011
- component: Ot,
2012
- ...jt
2013
- }, ...Gt()], Xt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
2044
+ component: Kt,
2045
+ ...Mt
2046
+ }, ...nn()], on = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
2014
2047
  function getAndSetVariantId() {
2015
2048
  function setCookie(name, value, days) {
2016
2049
  let expires = '';
@@ -2066,7 +2099,7 @@ const Gt = () => [{
2066
2099
  }).join('');
2067
2100
  styleEl.innerHTML = newStyleStr;
2068
2101
  }
2069
- }`, Zt = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
2102
+ }`, an = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
2070
2103
  if (!navigator.cookieEnabled) {
2071
2104
  return;
2072
2105
  }
@@ -2100,26 +2133,26 @@ const Gt = () => [{
2100
2133
  thisScriptEl?.remove();
2101
2134
  }
2102
2135
  return;
2103
- }`, Pe = "builderIoAbTest", Ee = "builderIoRenderContent", _ = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
2136
+ }`, Be = "builderIoAbTest", We = "builderIoRenderContent", M = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
2104
2137
  ...t,
2105
2138
  testVariationId: t.id,
2106
2139
  id: e == null ? void 0 : e.id
2107
- })), en = ({
2140
+ })), rn = ({
2108
2141
  canTrack: e,
2109
2142
  content: t
2110
- }) => !(!(_(t).length > 0) || !e || z()), tn = (e) => e === "react" || e === "reactNative", Be = tn(D), nn = () => `
2111
- window.${Pe} = ${Xt}
2112
- window.${Ee} = ${Zt}
2113
- `, on = (e, t) => `
2114
- window.${Pe}(
2115
- "${t}",${JSON.stringify(e)}, ${Be}
2116
- )`, an = ({
2143
+ }) => !(!(M(t).length > 0) || !e || z()), cn = (e) => e === "react" || e === "reactNative", Ae = cn($), ln = () => `
2144
+ window.${Be} = ${on}
2145
+ window.${We} = ${an}
2146
+ `, sn = (e, t) => `
2147
+ window.${Be}(
2148
+ "${t}",${JSON.stringify(e)}, ${Ae}
2149
+ )`, dn = ({
2117
2150
  contentId: e,
2118
2151
  variationId: t
2119
- }) => `window.${Ee}(
2120
- "${t}", "${e}", ${Be}
2152
+ }) => `window.${We}(
2153
+ "${t}", "${e}", ${Ae}
2121
2154
  )`;
2122
- function ne(e) {
2155
+ function ie(e) {
2123
2156
  return /* @__PURE__ */ l(
2124
2157
  "script",
2125
2158
  {
@@ -2129,7 +2162,7 @@ function ne(e) {
2129
2162
  }
2130
2163
  );
2131
2164
  }
2132
- const rn = qe({
2165
+ const un = Ye({
2133
2166
  content: null,
2134
2167
  context: {},
2135
2168
  localState: void 0,
@@ -2144,10 +2177,10 @@ const rn = qe({
2144
2177
  BlocksWrapperProps: {},
2145
2178
  nonce: ""
2146
2179
  });
2147
- function ye(e) {
2180
+ function pe(e) {
2148
2181
  return Math.round(e * 1e3) / 1e3;
2149
2182
  }
2150
- const cn = (e, t, n = !0) => {
2183
+ const mn = (e, t, n = !0) => {
2151
2184
  if (!(e instanceof HTMLElement))
2152
2185
  return null;
2153
2186
  let i = n ? e : e.parentElement;
@@ -2158,28 +2191,28 @@ const cn = (e, t, n = !0) => {
2158
2191
  return i;
2159
2192
  } while (i = i.parentElement);
2160
2193
  return null;
2161
- }, ln = (e) => cn(e, (t) => {
2194
+ }, fn = (e) => mn(e, (t) => {
2162
2195
  const n = t.getAttribute("builder-id") || t.id;
2163
2196
  return (n == null ? void 0 : n.indexOf("builder-")) === 0;
2164
- }), xe = ({
2197
+ }), ve = ({
2165
2198
  event: e,
2166
2199
  target: t
2167
2200
  }) => {
2168
- const n = t.getBoundingClientRect(), i = e.clientX - n.left, o = e.clientY - n.top, a = ye(i / n.width), c = ye(o / n.height);
2201
+ const n = t.getBoundingClientRect(), i = e.clientX - n.left, o = e.clientY - n.top, a = pe(i / n.width), r = pe(o / n.height);
2169
2202
  return {
2170
2203
  x: a,
2171
- y: c
2204
+ y: r
2172
2205
  };
2173
- }, sn = (e) => {
2174
- const t = e.target, n = t && ln(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
2206
+ }, hn = (e) => {
2207
+ const t = e.target, n = t && fn(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
2175
2208
  return {
2176
2209
  targetBuilderElement: i || void 0,
2177
2210
  metadata: {
2178
- targetOffset: t ? xe({
2211
+ targetOffset: t ? ve({
2179
2212
  event: e,
2180
2213
  target: t
2181
2214
  }) : void 0,
2182
- builderTargetOffset: n ? xe({
2215
+ builderTargetOffset: n ? ve({
2183
2216
  event: e,
2184
2217
  target: n
2185
2218
  }) : void 0,
@@ -2187,13 +2220,13 @@ const cn = (e, t, n = !0) => {
2187
2220
  }
2188
2221
  };
2189
2222
  };
2190
- async function dn({
2223
+ async function gn({
2191
2224
  key: e,
2192
2225
  value: t
2193
2226
  }) {
2194
- return Ve(), globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e, t), { [e]: t };
2227
+ return Fe(), globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e, t), { [e]: t };
2195
2228
  }
2196
- function ve(e, ...t) {
2229
+ function xe(e, ...t) {
2197
2230
  const n = Object(e);
2198
2231
  for (let i = 1; i < arguments.length; i++) {
2199
2232
  const o = arguments[i];
@@ -2203,39 +2236,39 @@ function ve(e, ...t) {
2203
2236
  }
2204
2237
  return n;
2205
2238
  }
2206
- function un(e) {
2239
+ function bn(e) {
2207
2240
  console.warn(`Cannot animate element: element with ID ${e} not found!`);
2208
2241
  }
2209
- function mn(e, t) {
2210
- const n = fn(e), i = getComputedStyle(t), o = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, c = [o, a];
2211
- for (const r of c)
2212
- for (const s of n)
2213
- s in r || (r[s] = i[s]);
2242
+ function yn(e, t) {
2243
+ const n = pn(e), i = getComputedStyle(t), o = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, r = [o, a];
2244
+ for (const s of r)
2245
+ for (const c of n)
2246
+ c in s || (s[c] = i[c]);
2214
2247
  }
2215
- function fn(e) {
2248
+ function pn(e) {
2216
2249
  const t = [];
2217
2250
  for (const n of e.steps)
2218
2251
  for (const i in n.styles)
2219
2252
  t.indexOf(i) === -1 && t.push(i);
2220
2253
  return t;
2221
2254
  }
2222
- function hn(e) {
2255
+ function vn(e) {
2223
2256
  const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
2224
2257
  if (!t.length) {
2225
- un(e.elementId || e.id || "");
2258
+ bn(e.elementId || e.id || "");
2226
2259
  return;
2227
2260
  }
2228
2261
  Array.from(t).forEach((n) => {
2229
- mn(e, n), n.style.transition = "none", n.style.transitionDelay = "0", ve(n.style, e.steps[0].styles), setTimeout(() => {
2230
- n.style.transition = `all ${e.duration}s ${re(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), ve(n.style, e.steps[1].styles), setTimeout(() => {
2262
+ yn(e, n), n.style.transition = "none", n.style.transitionDelay = "0", xe(n.style, e.steps[0].styles), setTimeout(() => {
2263
+ n.style.transition = `all ${e.duration}s ${re(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), xe(n.style, e.steps[1].styles), setTimeout(() => {
2231
2264
  n.style.transition = "", n.style.transitionDelay = "";
2232
2265
  }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
2233
2266
  });
2234
2267
  });
2235
2268
  }
2236
- const gn = (e) => {
2237
- var a, c;
2238
- const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (c = e.fileUrl) != null ? c : (a = e == null ? void 0 : e.files) == null ? void 0 : a.regular;
2269
+ const xn = (e) => {
2270
+ var a, r;
2271
+ const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (r = e.fileUrl) != null ? r : (a = e == null ? void 0 : e.files) == null ? void 0 : a.regular;
2239
2272
  let o = "";
2240
2273
  if (i && t && n && (o += `
2241
2274
  @font-face {
@@ -2245,29 +2278,29 @@ font-display: fallback;
2245
2278
  font-weight: 400;
2246
2279
  }
2247
2280
  `.trim()), e.files)
2248
- for (const r in e.files) {
2249
- if (!(String(Number(r)) === r))
2281
+ for (const s in e.files) {
2282
+ if (!(String(Number(s)) === s))
2250
2283
  continue;
2251
- const d = e.files[r];
2284
+ const d = e.files[s];
2252
2285
  d && d !== i && (o += `
2253
2286
  @font-face {
2254
2287
  font-family: "${t}";
2255
2288
  src: url('${d}') format('woff2');
2256
2289
  font-display: fallback;
2257
- font-weight: ${r};
2290
+ font-weight: ${s};
2258
2291
  }
2259
2292
  `.trim());
2260
2293
  }
2261
2294
  return o;
2262
- }, bn = ({
2295
+ }, Sn = ({
2263
2296
  customFonts: e
2264
2297
  }) => {
2265
2298
  var t;
2266
- return ((t = e == null ? void 0 : e.map((n) => gn(n))) == null ? void 0 : t.join(" ")) || "";
2267
- }, yn = ({
2299
+ return ((t = e == null ? void 0 : e.map((n) => xn(n))) == null ? void 0 : t.join(" ")) || "";
2300
+ }, kn = ({
2268
2301
  cssCode: e,
2269
2302
  contentId: t
2270
- }) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", xn = `
2303
+ }) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Cn = `
2271
2304
  .builder-button {
2272
2305
  all: unset;
2273
2306
  }
@@ -2284,38 +2317,38 @@ font-weight: ${r};
2284
2317
  text-align: inherit;
2285
2318
  font-family: inherit;
2286
2319
  }
2287
- `, vn = (e) => e ? "" : xn, Sn = (e) => `variant-${e}`;
2288
- function pn(e) {
2289
- var W, j, O, X, Z, se, de;
2290
- const t = oe(null);
2320
+ `, In = (e) => e ? "" : Cn, wn = (e) => `variant-${e}`;
2321
+ function Tn(e) {
2322
+ var W, D, _, X, Z, se, de;
2323
+ const t = J(null);
2291
2324
  function n(g) {
2292
- var v, S;
2293
- const f = {
2325
+ var x, k;
2326
+ const h = {
2294
2327
  ...e.builderContextSignal.rootState,
2295
2328
  ...g
2296
2329
  };
2297
- e.builderContextSignal.rootSetState ? (S = (v = e.builderContextSignal).rootSetState) == null || S.call(v, f) : e.builderContextSignal.rootState = f;
2330
+ e.builderContextSignal.rootSetState ? (k = (x = e.builderContextSignal).rootSetState) == null || k.call(x, h) : e.builderContextSignal.rootState = h;
2298
2331
  }
2299
2332
  function i(g) {
2300
- var v, S, k, B, M;
2301
- const f = {
2333
+ var x, k, w, B, j;
2334
+ const h = {
2302
2335
  ...e.builderContextSignal.content,
2303
2336
  ...g,
2304
2337
  data: {
2305
- ...(v = e.builderContextSignal.content) == null ? void 0 : v.data,
2338
+ ...(x = e.builderContextSignal.content) == null ? void 0 : x.data,
2306
2339
  ...g == null ? void 0 : g.data
2307
2340
  },
2308
2341
  meta: {
2309
- ...(S = e.builderContextSignal.content) == null ? void 0 : S.meta,
2342
+ ...(k = e.builderContextSignal.content) == null ? void 0 : k.meta,
2310
2343
  ...g == null ? void 0 : g.meta,
2311
- breakpoints: ((k = g == null ? void 0 : g.meta) == null ? void 0 : k.breakpoints) || ((M = (B = e.builderContextSignal.content) == null ? void 0 : B.meta) == null ? void 0 : M.breakpoints)
2344
+ breakpoints: ((w = g == null ? void 0 : g.meta) == null ? void 0 : w.breakpoints) || ((j = (B = e.builderContextSignal.content) == null ? void 0 : B.meta) == null ? void 0 : j.breakpoints)
2312
2345
  }
2313
2346
  };
2314
- dn({
2315
- value: f,
2316
- key: f.id
2347
+ gn({
2348
+ value: h,
2349
+ key: h.id
2317
2350
  }).then(() => {
2318
- T.refresh();
2351
+ E.refresh();
2319
2352
  });
2320
2353
  }
2321
2354
  function o() {
@@ -2324,36 +2357,36 @@ function pn(e) {
2324
2357
  "aria-hidden": !0
2325
2358
  };
2326
2359
  }
2327
- const [a, c] = A(
2360
+ const [a, r] = N(
2328
2361
  () => e.contentWrapper || "div"
2329
2362
  );
2330
- function r(g) {
2331
- return Fe({
2363
+ function s(g) {
2364
+ return Le({
2332
2365
  model: e.model,
2333
2366
  trustedHosts: e.trustedHosts,
2334
2367
  callbacks: {
2335
- configureSdk: (f) => {
2336
- var k;
2337
- const { breakpoints: v, contentId: S } = f;
2338
- !S || S !== ((k = e.builderContextSignal.content) == null ? void 0 : k.id) || v && i({
2368
+ configureSdk: (h) => {
2369
+ var w;
2370
+ const { breakpoints: x, contentId: k } = h;
2371
+ !k || k !== ((w = e.builderContextSignal.content) == null ? void 0 : w.id) || x && i({
2339
2372
  meta: {
2340
- breakpoints: v
2373
+ breakpoints: x
2341
2374
  }
2342
2375
  });
2343
2376
  },
2344
- animation: (f) => {
2345
- hn(f);
2377
+ animation: (h) => {
2378
+ vn(h);
2346
2379
  },
2347
- contentUpdate: (f) => {
2348
- i(f);
2380
+ contentUpdate: (h) => {
2381
+ i(h);
2349
2382
  }
2350
2383
  }
2351
2384
  })(g);
2352
2385
  }
2353
- function s() {
2354
- var f, v;
2355
- const g = (v = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : v.jsCode;
2356
- g && L({
2386
+ function c() {
2387
+ var h, x;
2388
+ const g = (x = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : x.jsCode;
2389
+ g && O({
2357
2390
  code: g,
2358
2391
  context: e.context || {},
2359
2392
  localState: void 0,
@@ -2365,35 +2398,35 @@ function pn(e) {
2365
2398
  enableCache: !1
2366
2399
  });
2367
2400
  }
2368
- const [d, m] = A(() => ({})), [u, h] = A(() => ({})), [I, w] = A(() => !1);
2369
- function b(g) {
2370
- var f, v;
2401
+ const [d, u] = N(() => ({})), [m, p] = N(() => ({})), [v, S] = N(() => !1);
2402
+ function f(g) {
2403
+ var h, x;
2371
2404
  if (e.builderContextSignal.content) {
2372
- const S = (f = e.builderContextSignal.content) == null ? void 0 : f.testVariationId, k = (v = e.builderContextSignal.content) == null ? void 0 : v.id;
2405
+ const k = (h = e.builderContextSignal.content) == null ? void 0 : h.testVariationId, w = (x = e.builderContextSignal.content) == null ? void 0 : x.id;
2373
2406
  ue({
2374
2407
  type: "click",
2375
2408
  canTrack: q(e.canTrack),
2376
- contentId: k,
2409
+ contentId: w,
2377
2410
  apiKey: e.apiKey,
2378
- variationId: S !== k ? S : void 0,
2379
- ...sn(g),
2380
- unique: !I
2411
+ variationId: k !== w ? k : void 0,
2412
+ ...hn(g),
2413
+ unique: !v
2381
2414
  });
2382
2415
  }
2383
- I || w(!0);
2416
+ v || S(!0);
2384
2417
  }
2385
- function E() {
2386
- var f, v, S;
2387
- const g = (S = (v = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : v.httpRequests) != null ? S : {};
2388
- Object.entries(g).forEach(([k, B]) => {
2389
- if (!B || u[k] || d[k] && !V())
2418
+ function C() {
2419
+ var h, x, k;
2420
+ const g = (k = (x = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : x.httpRequests) != null ? k : {};
2421
+ Object.entries(g).forEach(([w, B]) => {
2422
+ if (!B || m[w] || d[w] && !V())
2390
2423
  return;
2391
- u[k] = !0;
2392
- const M = B.replace(
2424
+ m[w] = !0;
2425
+ const j = B.replace(
2393
2426
  /{{([^}]+)}}/g,
2394
- ($, We) => String(
2395
- L({
2396
- code: We,
2427
+ (F, Ne) => String(
2428
+ O({
2429
+ code: Ne,
2397
2430
  context: e.context || {},
2398
2431
  localState: void 0,
2399
2432
  rootState: e.builderContextSignal.rootState,
@@ -2402,24 +2435,24 @@ function pn(e) {
2402
2435
  })
2403
2436
  )
2404
2437
  );
2405
- Le(M).then(($) => $.json()).then(($) => {
2438
+ Oe(j).then((F) => F.json()).then((F) => {
2406
2439
  n({
2407
- [k]: $
2408
- }), d[k] = !0;
2409
- }).catch(($) => {
2410
- console.error("error fetching dynamic data", B, $);
2440
+ [w]: F
2441
+ }), d[w] = !0;
2442
+ }).catch((F) => {
2443
+ console.error("error fetching dynamic data", B, F);
2411
2444
  }).finally(() => {
2412
- u[k] = !1;
2445
+ m[w] = !1;
2413
2446
  });
2414
2447
  });
2415
2448
  }
2416
- function x() {
2449
+ function b() {
2417
2450
  V() && window.dispatchEvent(
2418
2451
  new CustomEvent(
2419
2452
  "builder:component:stateChange",
2420
2453
  {
2421
2454
  detail: {
2422
- state: ie(e.builderContextSignal.rootState),
2455
+ state: oe(e.builderContextSignal.rootState),
2423
2456
  ref: {
2424
2457
  name: e.model
2425
2458
  }
@@ -2429,7 +2462,7 @@ function pn(e) {
2429
2462
  );
2430
2463
  }
2431
2464
  function y(g) {
2432
- window.addEventListener("message", r), De(), je({
2465
+ window.addEventListener("message", s), De(), _e({
2433
2466
  ...e.locale ? {
2434
2467
  locale: e.locale
2435
2468
  } : {},
@@ -2441,20 +2474,20 @@ function pn(e) {
2441
2474
  } : {}
2442
2475
  }), Object.values(
2443
2476
  e.builderContextSignal.componentInfos
2444
- ).forEach((f) => {
2445
- var S;
2446
- const v = Oe(f);
2447
- (S = window.parent) == null || S.postMessage(v, "*");
2477
+ ).forEach((h) => {
2478
+ var k;
2479
+ const x = He(h);
2480
+ (k = window.parent) == null || k.postMessage(x, "*");
2448
2481
  }), window.addEventListener(
2449
2482
  "builder:component:stateChangeListenerActivated",
2450
- x
2483
+ b
2451
2484
  );
2452
2485
  }
2453
- function p(g) {
2454
- const f = new URL(location.href).searchParams, v = f.get("builder.preview"), S = f.get(
2455
- `builder.overrides.${v}`
2456
- ), k = f.get("apiKey") || f.get("builder.space");
2457
- v === e.model && k === e.apiKey && (!e.content || S === e.content.id) && pe({
2486
+ function I(g) {
2487
+ const h = new URL(location.href).searchParams, x = h.get("builder.preview"), k = h.get(
2488
+ `builder.overrides.${x}`
2489
+ ), w = h.get("apiKey") || h.get("builder.space");
2490
+ x === e.model && w === e.apiKey && (!e.content || k === e.content.id) && Ce({
2458
2491
  model: e.model,
2459
2492
  apiKey: e.apiKey,
2460
2493
  apiVersion: e.builderContextSignal.apiVersion
@@ -2462,15 +2495,15 @@ function pn(e) {
2462
2495
  B && i(B);
2463
2496
  });
2464
2497
  }
2465
- const T = Ye();
2498
+ const E = Je();
2466
2499
  return R(() => {
2467
2500
  var g;
2468
2501
  return (g = t.current) == null || g.addEventListener(
2469
2502
  "initeditingbldr",
2470
2503
  y
2471
2504
  ), () => {
2472
- var f;
2473
- return (f = t.current) == null ? void 0 : f.removeEventListener(
2505
+ var h;
2506
+ return (h = t.current) == null ? void 0 : h.removeEventListener(
2474
2507
  "initeditingbldr",
2475
2508
  y
2476
2509
  );
@@ -2479,40 +2512,40 @@ function pn(e) {
2479
2512
  var g;
2480
2513
  return (g = t.current) == null || g.addEventListener(
2481
2514
  "initpreviewingbldr",
2482
- p
2515
+ I
2483
2516
  ), () => {
2484
- var f;
2485
- return (f = t.current) == null ? void 0 : f.removeEventListener(
2517
+ var h;
2518
+ return (h = t.current) == null ? void 0 : h.removeEventListener(
2486
2519
  "initpreviewingbldr",
2487
- p
2520
+ I
2488
2521
  );
2489
2522
  };
2490
2523
  }, []), R(() => {
2491
- var g, f;
2524
+ var g, h;
2492
2525
  if (z()) {
2493
2526
  if (V() && t.current && t.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && q(e.canTrack)) {
2494
- const S = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId, k = (f = e.builderContextSignal.content) == null ? void 0 : f.id, B = e.apiKey;
2527
+ const k = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId, w = (h = e.builderContextSignal.content) == null ? void 0 : h.id, B = e.apiKey;
2495
2528
  ue({
2496
2529
  type: "impression",
2497
2530
  canTrack: !0,
2498
- contentId: k,
2531
+ contentId: w,
2499
2532
  apiKey: B,
2500
- variationId: S !== k ? S : void 0
2533
+ variationId: k !== w ? k : void 0
2501
2534
  });
2502
2535
  }
2503
- $e() && V();
2536
+ ke() && V();
2504
2537
  }
2505
2538
  }, []), R(() => {
2506
- e.apiKey || J.error(
2539
+ e.apiKey || Y.error(
2507
2540
  "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
2508
- ), s(), E(), x();
2541
+ ), c(), C(), b();
2509
2542
  }, []), R(() => {
2510
2543
  }, [e.content]), R(() => {
2511
- s();
2512
- }, [(j = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : j.jsCode]), R(() => {
2513
- E();
2514
- }, [(X = (O = e.builderContextSignal.content) == null ? void 0 : O.data) == null ? void 0 : X.httpRequests]), R(() => {
2515
- x();
2544
+ c();
2545
+ }, [(D = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : D.jsCode]), R(() => {
2546
+ C();
2547
+ }, [(X = (_ = e.builderContextSignal.content) == null ? void 0 : _.data) == null ? void 0 : X.httpRequests]), R(() => {
2548
+ b();
2516
2549
  }, [e.builderContextSignal.rootState]), R(() => {
2517
2550
  e.data && n(e.data);
2518
2551
  }, [e.data]), R(() => {
@@ -2520,36 +2553,36 @@ function pn(e) {
2520
2553
  locale: e.locale
2521
2554
  });
2522
2555
  }, [e.locale]), R(() => () => {
2523
- z() && (window.removeEventListener("message", r), window.removeEventListener(
2556
+ z() && (window.removeEventListener("message", s), window.removeEventListener(
2524
2557
  "builder:component:stateChangeListenerActivated",
2525
- x
2558
+ b
2526
2559
  ));
2527
- }, []), /* @__PURE__ */ l(rn.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ l(
2560
+ }, []), /* @__PURE__ */ l(un.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ l(
2528
2561
  a,
2529
2562
  {
2530
2563
  ref: t,
2531
- onClick: (g) => b(g),
2564
+ onClick: (g) => f(g),
2532
2565
  "builder-content-id": (Z = e.builderContextSignal.content) == null ? void 0 : Z.id,
2533
2566
  "builder-model": e.model,
2534
2567
  ...o(),
2535
2568
  ...e.contentWrapperProps,
2536
- className: Sn(
2569
+ className: wn(
2537
2570
  ((se = e.content) == null ? void 0 : se.testVariationId) || ((de = e.content) == null ? void 0 : de.id)
2538
2571
  ),
2539
2572
  children: e.children
2540
2573
  }
2541
2574
  ) : null });
2542
2575
  }
2543
- function kn(e) {
2576
+ function Rn(e) {
2544
2577
  const t = `
2545
- ${yn({
2578
+ ${kn({
2546
2579
  cssCode: e.cssCode,
2547
2580
  contentId: e.contentId
2548
2581
  })}
2549
- ${bn({
2582
+ ${Sn({
2550
2583
  customFonts: e.customFonts
2551
2584
  })}
2552
- ${vn(e.isNestedRender)}
2585
+ ${In(e.isNestedRender)}
2553
2586
  `.trim();
2554
2587
  return /* @__PURE__ */ l(
2555
2588
  Q,
@@ -2560,15 +2593,15 @@ ${vn(e.isNestedRender)}
2560
2593
  }
2561
2594
  );
2562
2595
  }
2563
- const Cn = ({
2596
+ const En = ({
2564
2597
  content: e,
2565
2598
  data: t,
2566
2599
  locale: n
2567
2600
  }) => {
2568
- var a, c, r;
2601
+ var a, r, s;
2569
2602
  const i = {}, o = ((a = e == null ? void 0 : e.data) == null ? void 0 : a.state) || {};
2570
- return (r = (c = e == null ? void 0 : e.data) == null ? void 0 : c.inputs) == null || r.forEach((s) => {
2571
- s.name && s.defaultValue !== void 0 && (i[s.name] = s.defaultValue);
2603
+ return (s = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || s.forEach((c) => {
2604
+ c.name && c.defaultValue !== void 0 && (i[c.name] = c.defaultValue);
2572
2605
  }), {
2573
2606
  ...i,
2574
2607
  ...o,
@@ -2577,7 +2610,7 @@ const Cn = ({
2577
2610
  locale: n
2578
2611
  } : {}
2579
2612
  };
2580
- }, In = ({
2613
+ }, Pn = ({
2581
2614
  content: e,
2582
2615
  data: t
2583
2616
  }) => e ? {
@@ -2589,31 +2622,31 @@ const Cn = ({
2589
2622
  meta: e == null ? void 0 : e.meta
2590
2623
  } : void 0;
2591
2624
  function Se(e) {
2592
- var o, a, c, r, s, d, m, u, h, I, w;
2593
- const t = an({
2625
+ var o, a, r, s, c, d, u, m, p, v, S;
2626
+ const t = dn({
2594
2627
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
2595
2628
  variationId: (o = e.content) == null ? void 0 : o.testVariationId,
2596
2629
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
2597
2630
  contentId: (a = e.content) == null ? void 0 : a.id
2598
2631
  }), n = [
2599
- ...be(),
2600
- ...((c = e.customComponents) == null ? void 0 : c.filter(({ models: b }) => !(b != null && b.length) || !e.model ? !0 : b.includes(e.model))) || []
2632
+ ...ye(),
2633
+ ...((r = e.customComponents) == null ? void 0 : r.filter(({ models: f }) => !(f != null && f.length) || !e.model ? !0 : f.includes(e.model))) || []
2601
2634
  ].reduce(
2602
- (b, { component: E, ...x }) => ({
2603
- ...b,
2604
- [x.name]: {
2605
- component: E,
2606
- ...me(x)
2635
+ (f, { component: C, ...b }) => ({
2636
+ ...f,
2637
+ [b.name]: {
2638
+ component: C,
2639
+ ...me(b)
2607
2640
  }
2608
2641
  }),
2609
2642
  {}
2610
2643
  ), i = {
2611
- content: In({
2644
+ content: Pn({
2612
2645
  content: e.content,
2613
2646
  data: e.data
2614
2647
  }),
2615
2648
  localState: void 0,
2616
- rootState: Cn({
2649
+ rootState: En({
2617
2650
  content: e.content,
2618
2651
  data: e.data,
2619
2652
  locale: e.locale
@@ -2624,12 +2657,12 @@ function Se(e) {
2624
2657
  apiKey: e.apiKey,
2625
2658
  apiVersion: e.apiVersion,
2626
2659
  componentInfos: [
2627
- ...be(),
2628
- ...((r = e.customComponents) == null ? void 0 : r.filter(({ models: b }) => !(b != null && b.length) || !e.model ? !0 : b.includes(e.model))) || []
2660
+ ...ye(),
2661
+ ...((s = e.customComponents) == null ? void 0 : s.filter(({ models: f }) => !(f != null && f.length) || !e.model ? !0 : f.includes(e.model))) || []
2629
2662
  ].reduce(
2630
- (b, { component: E, ...x }) => ({
2631
- ...b,
2632
- [x.name]: me(x)
2663
+ (f, { component: C, ...b }) => ({
2664
+ ...f,
2665
+ [b.name]: me(b)
2633
2666
  }),
2634
2667
  {}
2635
2668
  ),
@@ -2639,7 +2672,7 @@ function Se(e) {
2639
2672
  nonce: e.nonce || ""
2640
2673
  };
2641
2674
  return /* @__PURE__ */ P(
2642
- pn,
2675
+ Tn,
2643
2676
  {
2644
2677
  nonce: e.nonce,
2645
2678
  content: e.content,
@@ -2657,7 +2690,7 @@ function Se(e) {
2657
2690
  trustedHosts: e.trustedHosts,
2658
2691
  children: [
2659
2692
  e.isSsrAbTest ? /* @__PURE__ */ l(
2660
- ne,
2693
+ ie,
2661
2694
  {
2662
2695
  id: "builderio-variant-visibility",
2663
2696
  scriptStr: t,
@@ -2665,19 +2698,19 @@ function Se(e) {
2665
2698
  }
2666
2699
  ) : null,
2667
2700
  /* @__PURE__ */ l(
2668
- kn,
2701
+ Rn,
2669
2702
  {
2670
2703
  nonce: e.nonce || "",
2671
2704
  isNestedRender: e.isNestedRender,
2672
- contentId: (s = i.content) == null ? void 0 : s.id,
2673
- cssCode: (m = (d = i.content) == null ? void 0 : d.data) == null ? void 0 : m.cssCode,
2674
- customFonts: (h = (u = i.content) == null ? void 0 : u.data) == null ? void 0 : h.customFonts
2705
+ contentId: (c = i.content) == null ? void 0 : c.id,
2706
+ cssCode: (u = (d = i.content) == null ? void 0 : d.data) == null ? void 0 : u.cssCode,
2707
+ customFonts: (p = (m = i.content) == null ? void 0 : m.data) == null ? void 0 : p.customFonts
2675
2708
  }
2676
2709
  ),
2677
2710
  /* @__PURE__ */ l(
2678
2711
  le,
2679
2712
  {
2680
- blocks: (w = (I = i.content) == null ? void 0 : I.data) == null ? void 0 : w.blocks,
2713
+ blocks: (S = (v = i.content) == null ? void 0 : v.data) == null ? void 0 : S.blocks,
2681
2714
  context: i,
2682
2715
  registeredComponents: n,
2683
2716
  linkComponent: e.linkComponent
@@ -2687,42 +2720,42 @@ function Se(e) {
2687
2720
  }
2688
2721
  );
2689
2722
  }
2690
- function wn(e) {
2723
+ function Bn(e) {
2691
2724
  var a;
2692
- const t = en({
2725
+ const t = rn({
2693
2726
  canTrack: q(e.canTrack),
2694
2727
  content: e.content
2695
2728
  }), n = function() {
2696
- var r;
2697
- return on(
2698
- _(e.content).map((s) => ({
2699
- id: s.testVariationId,
2700
- testRatio: s.testRatio
2729
+ var s;
2730
+ return sn(
2731
+ M(e.content).map((c) => ({
2732
+ id: c.testVariationId,
2733
+ testRatio: c.testRatio
2701
2734
  })),
2702
- ((r = e.content) == null ? void 0 : r.id) || ""
2735
+ ((s = e.content) == null ? void 0 : s.id) || ""
2703
2736
  );
2704
2737
  }, i = function() {
2705
- return _(e.content).map((r) => `.variant-${r.testVariationId} { display: none; } `).join("");
2738
+ return M(e.content).map((s) => `.variant-${s.testVariationId} { display: none; } `).join("");
2706
2739
  }, o = function() {
2707
- var r;
2740
+ var s;
2708
2741
  return t ? {
2709
2742
  ...e.content,
2710
- testVariationId: (r = e.content) == null ? void 0 : r.id
2711
- } : He({
2743
+ testVariationId: (s = e.content) == null ? void 0 : s.id
2744
+ } : je({
2712
2745
  item: e.content,
2713
2746
  canTrack: q(e.canTrack)
2714
2747
  });
2715
2748
  };
2716
- return /* @__PURE__ */ P(C, { children: [
2717
- !e.isNestedRender && D !== "reactNative" ? /* @__PURE__ */ l(
2718
- ne,
2749
+ return /* @__PURE__ */ P(T, { children: [
2750
+ !e.isNestedRender && $ !== "reactNative" ? /* @__PURE__ */ l(
2751
+ ie,
2719
2752
  {
2720
2753
  id: "builderio-init-variants-fns",
2721
- scriptStr: nn(),
2754
+ scriptStr: ln(),
2722
2755
  nonce: e.nonce || ""
2723
2756
  }
2724
2757
  ) : null,
2725
- t ? /* @__PURE__ */ P(C, { children: [
2758
+ t ? /* @__PURE__ */ P(T, { children: [
2726
2759
  /* @__PURE__ */ l(
2727
2760
  Q,
2728
2761
  {
@@ -2732,19 +2765,19 @@ function wn(e) {
2732
2765
  }
2733
2766
  ),
2734
2767
  /* @__PURE__ */ l(
2735
- ne,
2768
+ ie,
2736
2769
  {
2737
2770
  id: "builderio-variants-visibility",
2738
2771
  scriptStr: n(),
2739
2772
  nonce: e.nonce || ""
2740
2773
  }
2741
2774
  ),
2742
- (a = _(e.content)) == null ? void 0 : a.map((c) => /* @__PURE__ */ l(
2775
+ (a = M(e.content)) == null ? void 0 : a.map((r) => /* @__PURE__ */ l(
2743
2776
  Se,
2744
2777
  {
2745
2778
  isNestedRender: e.isNestedRender,
2746
2779
  nonce: e.nonce,
2747
- content: c,
2780
+ content: r,
2748
2781
  showContent: !1,
2749
2782
  model: e.model,
2750
2783
  data: e.data,
@@ -2763,7 +2796,7 @@ function wn(e) {
2763
2796
  contentWrapperProps: e.contentWrapperProps,
2764
2797
  trustedHosts: e.trustedHosts
2765
2798
  },
2766
- c.testVariationId
2799
+ r.testVariationId
2767
2800
  ))
2768
2801
  ] }) : null,
2769
2802
  /* @__PURE__ */ l(
@@ -2793,13 +2826,13 @@ function wn(e) {
2793
2826
  )
2794
2827
  ] });
2795
2828
  }
2796
- const Tn = async ({
2829
+ const Wn = async ({
2797
2830
  builderContextValue: e,
2798
2831
  symbol: t
2799
2832
  }) => {
2800
2833
  if (t != null && t.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
2801
2834
  (e != null && e.apiKey))
2802
- return pe({
2835
+ return Ce({
2803
2836
  model: t.model,
2804
2837
  apiKey: e.apiKey,
2805
2838
  apiVersion: e.apiVersion,
@@ -2809,29 +2842,29 @@ const Tn = async ({
2809
2842
  }
2810
2843
  }
2811
2844
  }).catch((n) => {
2812
- J.error("Could not fetch symbol content: ", n);
2845
+ Y.error("Could not fetch symbol content: ", n);
2813
2846
  });
2814
2847
  };
2815
- async function Rn(e) {
2816
- var a, c, r, s, d;
2848
+ async function An(e) {
2849
+ var a, r, s, c, d;
2817
2850
  const t = function() {
2818
2851
  return "div";
2819
2852
  }, n = function() {
2820
2853
  return "div";
2821
2854
  }, i = function() {
2822
- var u, h;
2855
+ var m, p;
2823
2856
  return [
2824
2857
  e.attributes[H()],
2825
2858
  "builder-symbol",
2826
- (u = e.symbol) != null && u.inline ? "builder-inline-symbol" : void 0,
2827
- (h = e.symbol) != null && h.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
2859
+ (m = e.symbol) != null && m.inline ? "builder-inline-symbol" : void 0,
2860
+ (p = e.symbol) != null && p.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
2828
2861
  ].filter(Boolean).join(" ");
2829
- }, o = ((a = e.symbol) == null ? void 0 : a.content) || await Tn({
2862
+ }, o = ((a = e.symbol) == null ? void 0 : a.content) || await Wn({
2830
2863
  symbol: e.symbol,
2831
2864
  builderContextValue: e.builderContext
2832
2865
  });
2833
2866
  return /* @__PURE__ */ l("div", { ...e.attributes, className: i(), children: /* @__PURE__ */ l(
2834
- wn,
2867
+ Bn,
2835
2868
  {
2836
2869
  nonce: e.builderContext.nonce,
2837
2870
  isNestedRender: !0,
@@ -2839,13 +2872,13 @@ async function Rn(e) {
2839
2872
  apiKey: e.builderContext.apiKey,
2840
2873
  context: {
2841
2874
  ...e.builderContext.context,
2842
- symbolId: (c = e.builderBlock) == null ? void 0 : c.id
2875
+ symbolId: (r = e.builderBlock) == null ? void 0 : r.id
2843
2876
  },
2844
2877
  customComponents: Object.values(e.builderComponents),
2845
2878
  data: {
2846
- ...(r = e.symbol) == null ? void 0 : r.data,
2879
+ ...(s = e.symbol) == null ? void 0 : s.data,
2847
2880
  ...e.builderContext.localState,
2848
- ...(s = o == null ? void 0 : o.data) == null ? void 0 : s.state
2881
+ ...(c = o == null ? void 0 : o.data) == null ? void 0 : c.state
2849
2882
  },
2850
2883
  canTrack: e.builderContext.canTrack,
2851
2884
  model: (d = e.symbol) == null ? void 0 : d.model,
@@ -2858,14 +2891,14 @@ async function Rn(e) {
2858
2891
  }
2859
2892
  export {
2860
2893
  le as Blocks,
2861
- rn as BuilderContext,
2862
- Ge as Button,
2863
- wt as Columns,
2864
- wn as Content,
2865
- Tt as Fragment,
2866
- Et as Image,
2867
- Bt as Section,
2868
- Rn as Symbol,
2869
- Ot as Text,
2870
- Qt as Video
2894
+ un as BuilderContext,
2895
+ Xe as Button,
2896
+ Bt as Columns,
2897
+ Bn as Content,
2898
+ Wt as Fragment,
2899
+ Vt as Image,
2900
+ $t as Section,
2901
+ An as Symbol,
2902
+ Kt as Text,
2903
+ tn as Video
2871
2904
  };