@builder.io/sdk-react 2.0.12 → 2.0.14

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 (67) hide show
  1. package/lib/browser/blocks-exports.cjs +20 -20
  2. package/lib/browser/blocks-exports.mjs +445 -434
  3. package/lib/browser/index.cjs +1 -1
  4. package/lib/browser/index.mjs +1 -1
  5. package/lib/browser/init.cjs +1 -1
  6. package/lib/browser/init.mjs +1 -1
  7. package/lib/{node/server-entry-dc66de59.js → browser/server-entry-13acc156.js} +1 -1
  8. package/lib/browser/{server-entry-acf08871.cjs → server-entry-d6f4f920.cjs} +1 -1
  9. package/lib/browser/server-entry.cjs +1 -1
  10. package/lib/browser/server-entry.mjs +1 -1
  11. package/lib/edge/{accordion-37ff8319.js → accordion-1d87140d.js} +1 -1
  12. package/lib/edge/{accordion-b3b8c262.cjs → accordion-87e3ac98.cjs} +1 -1
  13. package/lib/edge/{blocks-e0e60319.js → blocks-40966fa4.js} +220 -211
  14. package/lib/edge/blocks-91726dda.cjs +12 -0
  15. package/lib/edge/blocks-exports.cjs +1 -1
  16. package/lib/edge/blocks-exports.mjs +2 -2
  17. package/lib/edge/{button-15992755.js → button-45918a0a.js} +2 -2
  18. package/lib/edge/{button-875ac10b.cjs → button-79b579a5.cjs} +1 -1
  19. package/lib/edge/{columns-cfe663b2.js → columns-b55666de.js} +4 -4
  20. package/lib/edge/{columns-11ead988.cjs → columns-bee45776.cjs} +1 -1
  21. package/lib/edge/{content-variants-e780597b.js → content-variants-56933eef.js} +13 -12
  22. package/lib/edge/{content-variants-f8ef104d.cjs → content-variants-c19f46ab.cjs} +1 -1
  23. package/lib/edge/{evaluate-6408d64d.js → evaluate-2b7026be.js} +1 -1
  24. package/lib/edge/{evaluate-938a955e.cjs → evaluate-41623a71.cjs} +1 -1
  25. package/lib/edge/{form-75a774bc.cjs → form-2724acae.cjs} +1 -1
  26. package/lib/edge/{form-7735178f.js → form-7e2f833c.js} +4 -4
  27. package/lib/edge/{get-class-prop-name-d005a2bb.js → get-class-prop-name-8c963ff3.js} +1 -1
  28. package/lib/edge/{get-class-prop-name-e596650d.cjs → get-class-prop-name-b1c9455b.cjs} +1 -1
  29. package/lib/edge/{img-045bb860.js → img-d0f2941c.js} +1 -1
  30. package/lib/edge/{img-dd79e34b.cjs → img-f5173c7a.cjs} +1 -1
  31. package/lib/edge/index.cjs +1 -1
  32. package/lib/edge/index.mjs +1 -1
  33. package/lib/edge/init.cjs +1 -1
  34. package/lib/edge/init.mjs +1 -1
  35. package/lib/edge/{input-adf80016.js → input-71715eac.js} +1 -1
  36. package/lib/edge/{input-3bd0ac03.cjs → input-d76e00ea.cjs} +1 -1
  37. package/lib/edge/{select-90b076db.js → select-09cb37c7.js} +1 -1
  38. package/lib/edge/{select-882193d4.cjs → select-8c281d1f.cjs} +1 -1
  39. package/lib/edge/{server-entry-d5ae6221.cjs → server-entry-65199b3b.cjs} +1 -1
  40. package/lib/edge/{server-entry-84c3cdd6.js → server-entry-7556ee3d.js} +1 -1
  41. package/lib/edge/server-entry.cjs +1 -1
  42. package/lib/edge/server-entry.mjs +1 -1
  43. package/lib/edge/{slot-293114eb.js → slot-4350be16.js} +12 -11
  44. package/lib/edge/slot-cae739f4.cjs +1 -0
  45. package/lib/edge/{symbol-aed9cd2b.js → symbol-061ca26c.js} +2 -2
  46. package/lib/edge/{symbol-3e0799b8.cjs → symbol-96f073c1.cjs} +1 -1
  47. package/lib/edge/{tabs-0cf37bf4.js → tabs-081f284d.js} +4 -4
  48. package/lib/edge/{tabs-f5c4f350.cjs → tabs-4806b2ae.cjs} +1 -1
  49. package/lib/edge/{text-abb84188.cjs → text-3b4c1f89.cjs} +1 -1
  50. package/lib/edge/{text-9e2166c7.js → text-b277727f.js} +2 -2
  51. package/lib/node/blocks-exports.cjs +20 -20
  52. package/lib/node/blocks-exports.mjs +442 -431
  53. package/lib/node/index.cjs +1 -1
  54. package/lib/node/index.mjs +2 -2
  55. package/lib/node/init.cjs +1 -1
  56. package/lib/node/init.mjs +2 -2
  57. package/lib/node/{node-runtime-49e4c6cb.js → node-runtime-1e74e14c.js} +1 -1
  58. package/lib/node/{node-runtime-11912803.cjs → node-runtime-9c4150c6.cjs} +1 -1
  59. package/lib/{browser/server-entry-dc66de59.js → node/server-entry-13acc156.js} +1 -1
  60. package/lib/node/{server-entry-acf08871.cjs → server-entry-d6f4f920.cjs} +1 -1
  61. package/lib/node/server-entry.cjs +1 -1
  62. package/lib/node/server-entry.mjs +1 -1
  63. package/package.json +3 -2
  64. package/types/blocks/slot/slot.d.ts +2 -2
  65. package/types/constants/sdk-version.d.ts +1 -1
  66. package/lib/edge/blocks-793430a0.cjs +0 -12
  67. package/lib/edge/slot-42b9b358.cjs +0 -1
@@ -1,39 +1,39 @@
1
- import { jsx as a, Fragment as h, jsxs as P } from "react/jsx-runtime";
2
- import { createContext as F, useState as O, useEffect as w, useRef as V, useContext as N } from "react";
3
- import { BuilderContext as M } from "./blocks-exports.mjs";
4
- import { TARGET as x, checkIsDefined as R, isPreviewing as Z, isEditing as T } from "./server-entry-84c3cdd6.js";
5
- import { evaluate as A, set as q } from "./evaluate-6408d64d.js";
6
- import { getClassPropName as J } from "./get-class-prop-name-d005a2bb.js";
7
- import { DynamicRenderer as Q } from "./dynamic-renderer-8b343325.js";
8
- const L = (e) => JSON.parse(JSON.stringify(e)), G = F({ registeredComponents: {} });
9
- function X(e) {
1
+ import { jsx as a, Fragment as h, jsxs as w } from "react/jsx-runtime";
2
+ import { createContext as V, useState as A, useEffect as R, useRef as Z, useContext as N } from "react";
3
+ import { BuilderContext as L } from "./blocks-exports.mjs";
4
+ import { TARGET as b, checkIsDefined as I, isPreviewing as q, isEditing as T } from "./server-entry-7556ee3d.js";
5
+ import { evaluate as E, set as J } from "./evaluate-2b7026be.js";
6
+ import { getClassPropName as Q } from "./get-class-prop-name-8c963ff3.js";
7
+ import { DynamicRenderer as G } from "./dynamic-renderer-8b343325.js";
8
+ const j = (e) => JSON.parse(JSON.stringify(e)), X = V({ registeredComponents: {} });
9
+ function Y(e) {
10
10
  var n;
11
11
  return {
12
12
  ...(n = e.component) == null ? void 0 : n.options,
13
13
  ...e.options
14
14
  };
15
15
  }
16
- function Y(e, ...n) {
16
+ function ee(e, ...n) {
17
17
  const t = Object.assign({}, e);
18
18
  for (const r of n)
19
19
  delete t[r];
20
20
  return t;
21
21
  }
22
- function I(e) {
22
+ function O(e) {
23
23
  if (e === null || typeof e != "object")
24
24
  return e;
25
25
  if (Array.isArray(e))
26
- return e.map((t) => I(t));
26
+ return e.map((t) => O(t));
27
27
  if (e["@type"] === "@builder.io/sdk:Element")
28
28
  return e;
29
29
  const n = {};
30
30
  for (const t in e)
31
- t !== "meta" && Object.prototype.hasOwnProperty.call(e, t) && (n[t] = I(e[t]));
31
+ t !== "meta" && Object.prototype.hasOwnProperty.call(e, t) && (n[t] = O(e[t]));
32
32
  return n;
33
33
  }
34
- const ee = ["svelte", "vue", "angular", "qwik", "solid"].includes(x), te = (e) => {
35
- if (ee) {
36
- const n = L(e);
34
+ const te = ["svelte", "vue", "angular", "qwik", "solid"].includes(b), ne = (e) => {
35
+ if (te) {
36
+ const n = j(e);
37
37
  return {
38
38
  ...n,
39
39
  properties: {
@@ -44,7 +44,7 @@ const ee = ["svelte", "vue", "angular", "qwik", "solid"].includes(x), te = (e) =
44
44
  }
45
45
  };
46
46
  } else {
47
- const n = I(Y(e, "children", "meta"));
47
+ const n = O(ee(e, "children", "meta"));
48
48
  return {
49
49
  ...n,
50
50
  properties: {
@@ -57,7 +57,7 @@ const ee = ["svelte", "vue", "angular", "qwik", "solid"].includes(x), te = (e) =
57
57
  meta: e.meta
58
58
  };
59
59
  }
60
- }, ne = ({
60
+ }, oe = ({
61
61
  block: e,
62
62
  context: n,
63
63
  localState: t,
@@ -66,21 +66,21 @@ const ee = ["svelte", "vue", "angular", "qwik", "solid"].includes(x), te = (e) =
66
66
  }) => {
67
67
  if (!e.bindings)
68
68
  return e;
69
- const s = te(e);
69
+ const s = ne(e);
70
70
  for (const l in e.bindings) {
71
- const u = e.bindings[l], f = A({
72
- code: u,
71
+ const d = e.bindings[l], f = E({
72
+ code: d,
73
73
  localState: t,
74
74
  rootState: r,
75
75
  rootSetState: o,
76
76
  context: n,
77
77
  enableCache: !0
78
78
  });
79
- q(s, l, f);
79
+ J(s, l, f);
80
80
  }
81
81
  return s;
82
82
  };
83
- function oe({
83
+ function re({
84
84
  block: e,
85
85
  context: n,
86
86
  shouldEvaluateBindings: t,
@@ -89,7 +89,7 @@ function oe({
89
89
  rootSetState: s
90
90
  }) {
91
91
  const l = e;
92
- return t ? ne({
92
+ return t ? oe({
93
93
  block: l,
94
94
  localState: r,
95
95
  rootState: o,
@@ -97,17 +97,17 @@ function oe({
97
97
  context: n
98
98
  }) : l;
99
99
  }
100
- const b = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
101
- function re(e, n, t = {}) {
102
- let r, o, s, l = null, u = 0;
100
+ const v = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
101
+ function se(e, n, t = {}) {
102
+ let r, o, s, l = null, d = 0;
103
103
  const f = function() {
104
- u = t.leading === !1 ? 0 : Date.now(), l = null, s = e.apply(r, o), l || (r = o = null);
104
+ d = t.leading === !1 ? 0 : Date.now(), l = null, s = e.apply(r, o), l || (r = o = null);
105
105
  };
106
106
  return function() {
107
- const c = Date.now();
108
- !u && t.leading === !1 && (u = c);
109
- const m = n - (c - u);
110
- return r = this, o = arguments, m <= 0 || m > n ? (l && (clearTimeout(l), l = null), u = c, s = e.apply(r, o), l || (r = o = null)) : !l && t.trailing !== !1 && (l = setTimeout(f, m)), s;
107
+ const i = Date.now();
108
+ !d && t.leading === !1 && (d = i);
109
+ const m = n - (i - d);
110
+ return r = this, o = arguments, m <= 0 || m > n ? (l && (clearTimeout(l), l = null), d = i, s = e.apply(r, o), l || (r = o = null)) : !l && t.trailing !== !1 && (l = setTimeout(f, m)), s;
111
111
  };
112
112
  }
113
113
  function S(e, ...n) {
@@ -120,118 +120,118 @@ function S(e, ...n) {
120
120
  }
121
121
  return t;
122
122
  }
123
- function se(e) {
123
+ function le(e) {
124
124
  for (const n of e)
125
125
  switch (n.trigger) {
126
126
  case "pageLoad":
127
- ce(n);
127
+ ie(n);
128
128
  break;
129
129
  case "scrollInView":
130
- ie(n);
130
+ ae(n);
131
131
  break;
132
132
  }
133
133
  }
134
- function j(e) {
134
+ function H(e) {
135
135
  console.warn(`Cannot animate element: element with ID ${e} not found!`);
136
136
  }
137
- function H(e, n) {
138
- const t = le(e), r = getComputedStyle(n), o = e.steps[0].styles, s = e.steps[e.steps.length - 1].styles, l = [o, s];
139
- for (const u of l)
137
+ function U(e, n) {
138
+ const t = ce(e), r = getComputedStyle(n), o = e.steps[0].styles, s = e.steps[e.steps.length - 1].styles, l = [o, s];
139
+ for (const d of l)
140
140
  for (const f of t)
141
- f in u || (u[f] = r[f]);
141
+ f in d || (d[f] = r[f]);
142
142
  }
143
- function le(e) {
143
+ function ce(e) {
144
144
  const n = [];
145
145
  for (const t of e.steps)
146
146
  for (const r in t.styles)
147
147
  n.indexOf(r) === -1 && n.push(r);
148
148
  return n;
149
149
  }
150
- function ce(e) {
150
+ function ie(e) {
151
151
  const n = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
152
152
  if (!n.length) {
153
- j(e.elementId || e.id || "");
153
+ H(e.elementId || e.id || "");
154
154
  return;
155
155
  }
156
156
  Array.from(n).forEach((t) => {
157
- H(e, t), t.style.transition = "none", t.style.transitionDelay = "0", S(t.style, e.steps[0].styles), setTimeout(() => {
158
- t.style.transition = `all ${e.duration}s ${b(e.easing)}`, e.delay && (t.style.transitionDelay = e.delay + "s"), S(t.style, e.steps[1].styles), setTimeout(() => {
157
+ U(e, t), t.style.transition = "none", t.style.transitionDelay = "0", S(t.style, e.steps[0].styles), setTimeout(() => {
158
+ t.style.transition = `all ${e.duration}s ${v(e.easing)}`, e.delay && (t.style.transitionDelay = e.delay + "s"), S(t.style, e.steps[1].styles), setTimeout(() => {
159
159
  t.style.transition = "", t.style.transitionDelay = "";
160
160
  }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
161
161
  });
162
162
  });
163
163
  }
164
- function ie(e) {
164
+ function ae(e) {
165
165
  const n = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
166
166
  if (!n.length) {
167
- j(e.elementId || e.id || "");
167
+ H(e.elementId || e.id || "");
168
168
  return;
169
169
  }
170
170
  Array.from(n).forEach((t) => {
171
- H(e, t);
171
+ U(e, t);
172
172
  let r = !1, o = !1;
173
173
  function s() {
174
- !r && u(t) ? (r = !0, o = !0, setTimeout(() => {
174
+ !r && d(t) ? (r = !0, o = !0, setTimeout(() => {
175
175
  S(t.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", l), setTimeout(() => {
176
176
  o = !1, e.repeat || (t.style.transition = "", t.style.transitionDelay = "");
177
177
  }, (e.duration + (e.delay || 0)) * 1e3 + 100);
178
- })) : e.repeat && r && !o && !u(t) && (r = !1, S(t.style, e.steps[0].styles));
178
+ })) : e.repeat && r && !o && !d(t) && (r = !1, S(t.style, e.steps[0].styles));
179
179
  }
180
- const l = re(s, 200, {
180
+ const l = se(s, 200, {
181
181
  leading: !1
182
182
  });
183
- function u(m) {
184
- const g = m.getBoundingClientRect(), k = window.innerHeight, i = (e.thresholdPercent || 0) / 100 * k;
185
- return g.bottom > i && g.top < k - i;
183
+ function d(m) {
184
+ const g = m.getBoundingClientRect(), k = window.innerHeight, c = (e.thresholdPercent || 0) / 100 * k;
185
+ return g.bottom > c && g.top < k - c;
186
186
  }
187
187
  const f = e.steps[0].styles;
188
- function c() {
188
+ function i() {
189
189
  S(t.style, f);
190
190
  }
191
- c(), setTimeout(() => {
192
- t.style.transition = `all ${e.duration}s ${b(e.easing)}`, e.delay && (t.style.transitionDelay = e.delay + "s");
191
+ i(), setTimeout(() => {
192
+ t.style.transition = `all ${e.duration}s ${v(e.easing)}`, e.delay && (t.style.transitionDelay = e.delay + "s");
193
193
  }), document.addEventListener("scroll", l, {
194
194
  capture: !0,
195
195
  passive: !0
196
196
  }), s();
197
197
  });
198
198
  }
199
- const U = (e) => Object.entries(e).map(([t, r]) => {
199
+ const z = (e) => Object.entries(e).map(([t, r]) => {
200
200
  if (typeof r == "string")
201
- return `${b(t)}: ${r};`;
202
- }).filter(R), ae = (e) => U(e).join(`
203
- `), C = ({
201
+ return `${v(t)}: ${r};`;
202
+ }).filter(I), ue = (e) => z(e).join(`
203
+ `), x = ({
204
204
  mediaQuery: e,
205
205
  className: n,
206
206
  styles: t
207
207
  }) => {
208
208
  const r = `.${n} {
209
- ${ae(t)}
209
+ ${ue(t)}
210
210
  }`;
211
211
  return e ? `${e} {
212
212
  ${r}
213
213
  }` : r;
214
214
  };
215
- function ue({
215
+ function de({
216
216
  style: e
217
217
  }) {
218
218
  return e;
219
219
  }
220
- const de = ({
220
+ const fe = ({
221
221
  block: e,
222
222
  context: n
223
- }) => fe(ue({
223
+ }) => me(de({
224
224
  style: e.style || {},
225
225
  context: n,
226
226
  block: e
227
227
  }));
228
- function fe(e) {
229
- switch (x) {
228
+ function me(e) {
229
+ switch (b) {
230
230
  case "svelte":
231
231
  case "vue":
232
232
  case "solid":
233
233
  case "angular":
234
- return U(e).join(" ");
234
+ return z(e).join(" ");
235
235
  case "qwik":
236
236
  case "reactNative":
237
237
  case "react":
@@ -239,7 +239,7 @@ function fe(e) {
239
239
  return e;
240
240
  }
241
241
  }
242
- const me = ({
242
+ const pe = ({
243
243
  block: e,
244
244
  registeredComponents: n
245
245
  }) => {
@@ -253,7 +253,7 @@ const me = ({
253
253
  console.warn(`
254
254
  Could not find a registered component named "${t}".
255
255
  If you registered it, is the file that registered it imported by the file that needs to render it?`);
256
- }, pe = ({
256
+ }, he = ({
257
257
  block: e,
258
258
  context: n
259
259
  }) => {
@@ -263,7 +263,7 @@ const me = ({
263
263
  } = e;
264
264
  if (!(t != null && t.collection))
265
265
  return;
266
- const o = A({
266
+ const o = E({
267
267
  code: t.collection,
268
268
  localState: n.localState,
269
269
  rootState: n.rootState,
@@ -274,40 +274,40 @@ const me = ({
274
274
  if (!Array.isArray(o))
275
275
  return;
276
276
  const s = t.collection.split(".").pop(), l = t.itemName || (s ? s + "Item" : "item");
277
- return o.map((f, c) => ({
277
+ return o.map((f, i) => ({
278
278
  context: {
279
279
  ...n,
280
280
  localState: {
281
281
  ...n.localState,
282
- $index: c,
282
+ $index: i,
283
283
  $item: f,
284
284
  [l]: f,
285
- [`$${l}Index`]: c
285
+ [`$${l}Index`]: i
286
286
  }
287
287
  },
288
288
  block: r
289
289
  }));
290
- }, he = (e, n) => {
290
+ }, ye = (e, n) => {
291
291
  var t;
292
292
  return (t = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && t.builderLinkComponent ? {
293
293
  builderLinkComponent: n
294
294
  } : {};
295
- }, ye = (e, n) => {
295
+ }, ge = (e, n) => {
296
296
  var t;
297
297
  return (t = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && t.builderComponents ? {
298
298
  builderComponents: n
299
299
  } : {};
300
- }, ge = (e, n) => {
300
+ }, ke = (e, n) => {
301
301
  var t;
302
302
  return (t = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && t.builderBlock ? {
303
303
  builderBlock: n
304
304
  } : {};
305
- }, ke = (e, n) => {
305
+ }, Ce = (e, n) => {
306
306
  var t;
307
307
  return (t = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && t.builderContext ? {
308
308
  builderContext: n
309
309
  } : {};
310
- }, z = {
310
+ }, K = {
311
311
  small: {
312
312
  min: 320,
313
313
  default: 321,
@@ -323,11 +323,11 @@ const me = ({
323
323
  default: 991,
324
324
  max: 1200
325
325
  }
326
- }, D = (e, n = z) => `@media (max-width: ${n[e].max}px)`, Se = ({
326
+ }, D = (e, n = K) => `@media (max-width: ${n[e].max}px)`, Se = ({
327
327
  small: e,
328
328
  medium: n
329
329
  }) => {
330
- const t = L(z);
330
+ const t = j(K);
331
331
  if (!e || !n)
332
332
  return t;
333
333
  const r = Math.floor(e / 2);
@@ -350,7 +350,7 @@ const me = ({
350
350
  default: s + 1
351
351
  }, t;
352
352
  };
353
- function Ce(e) {
353
+ function xe(e) {
354
354
  return /* @__PURE__ */ a(
355
355
  "style",
356
356
  {
@@ -360,59 +360,59 @@ function Ce(e) {
360
360
  }
361
361
  );
362
362
  }
363
- function xe(e) {
363
+ function be(e) {
364
364
  function n() {
365
365
  const r = e.block;
366
- return R(r.hide) ? !r.hide : R(r.show) ? r.show : !0;
366
+ return I(r.hide) ? !r.hide : I(r.show) ? r.show : !0;
367
367
  }
368
368
  function t() {
369
- var y, W, $;
369
+ var p, y, $;
370
370
  const r = e.block, o = r.responsiveStyles, s = e.context.content, l = Se(
371
- ((y = s == null ? void 0 : s.meta) == null ? void 0 : y.breakpoints) || {}
372
- ), u = o == null ? void 0 : o.large, f = o == null ? void 0 : o.medium, c = o == null ? void 0 : o.small, m = r.id;
371
+ ((p = s == null ? void 0 : s.meta) == null ? void 0 : p.breakpoints) || {}
372
+ ), d = o == null ? void 0 : o.large, f = o == null ? void 0 : o.medium, i = o == null ? void 0 : o.small, m = r.id;
373
373
  if (!m)
374
374
  return "";
375
- const g = u ? C({
375
+ const g = d ? x({
376
376
  className: m,
377
- styles: u
378
- }) : "", k = f ? C({
377
+ styles: d
378
+ }) : "", k = f ? x({
379
379
  className: m,
380
380
  styles: f,
381
381
  mediaQuery: D(
382
382
  "medium",
383
383
  l
384
384
  )
385
- }) : "", d = c ? C({
385
+ }) : "", C = i ? x({
386
386
  className: m,
387
- styles: c,
387
+ styles: i,
388
388
  mediaQuery: D(
389
389
  "small",
390
390
  l
391
391
  )
392
- }) : "", i = r.animations && r.animations.find((B) => B.trigger === "hover");
393
- let p = "";
394
- if (i) {
395
- const B = (($ = (W = i.steps) == null ? void 0 : W[1]) == null ? void 0 : $.styles) || {};
396
- p = C({
392
+ }) : "", c = r.animations && r.animations.find((P) => P.trigger === "hover");
393
+ let u = "";
394
+ if (c) {
395
+ const P = (($ = (y = c.steps) == null ? void 0 : y[1]) == null ? void 0 : $.styles) || {};
396
+ u = x({
397
397
  className: `${m}:hover`,
398
398
  styles: {
399
- ...B,
400
- transition: `all ${i.duration}s ${b(
401
- i.easing
399
+ ...P,
400
+ transition: `all ${c.duration}s ${v(
401
+ c.easing
402
402
  )}`,
403
- transitionDelay: i.delay ? `${i.delay}s` : "0s"
403
+ transitionDelay: c.delay ? `${c.delay}s` : "0s"
404
404
  }
405
405
  }) || "";
406
406
  }
407
407
  return [
408
408
  g,
409
409
  k,
410
- d,
411
- p
410
+ C,
411
+ u
412
412
  ].join(" ");
413
413
  }
414
414
  return /* @__PURE__ */ a(h, { children: t() && n() ? /* @__PURE__ */ a(h, { children: /* @__PURE__ */ a(
415
- Ce,
415
+ xe,
416
416
  {
417
417
  id: "builderio-block",
418
418
  styles: t(),
@@ -420,10 +420,10 @@ function xe(e) {
420
420
  }
421
421
  ) }) : null });
422
422
  }
423
- function be(e) {
423
+ function ve(e) {
424
424
  return e.charAt(0).toUpperCase() + e.slice(1);
425
425
  }
426
- const ve = (e) => `on${be(e)}`, Be = (e, n) => (t) => A({
426
+ const Be = (e) => `on${ve(e)}`, Pe = (e, n) => (t) => E({
427
427
  code: e,
428
428
  context: n.context,
429
429
  localState: n.localState,
@@ -433,16 +433,16 @@ const ve = (e) => `on${be(e)}`, Be = (e, n) => (t) => A({
433
433
  isExpression: !1,
434
434
  enableCache: !0
435
435
  });
436
- function K(e) {
436
+ function F(e) {
437
437
  var r;
438
438
  const n = {}, t = (r = e.block.actions) != null ? r : {};
439
439
  for (const o in t) {
440
440
  if (!t.hasOwnProperty(o))
441
441
  continue;
442
442
  const s = t[o];
443
- let l = ve(o);
443
+ let l = Be(o);
444
444
  if (e.stripPrefix)
445
- switch (x) {
445
+ switch (b) {
446
446
  case "vue":
447
447
  l = l.replace("v-on:", "");
448
448
  break;
@@ -450,49 +450,49 @@ function K(e) {
450
450
  l = l.replace("on:", "");
451
451
  break;
452
452
  }
453
- n[l] = Be(s, e);
453
+ n[l] = Pe(s, e);
454
454
  }
455
455
  return n;
456
456
  }
457
- function Pe({
457
+ function we({
458
458
  properties: e
459
459
  }) {
460
460
  return e;
461
461
  }
462
- const we = (e) => ({
462
+ const Re = (e) => ({
463
463
  href: e.href
464
464
  });
465
- function E({
465
+ function W({
466
466
  block: e,
467
467
  context: n
468
468
  }) {
469
469
  var r;
470
470
  const t = {
471
- ...we(e),
471
+ ...Re(e),
472
472
  ...e.properties,
473
473
  "builder-id": e.id,
474
- style: de({
474
+ style: fe({
475
475
  block: e,
476
476
  context: n
477
477
  }),
478
- [J()]: [e.id, "builder-block", e.class, (r = e.properties) == null ? void 0 : r.class].filter(Boolean).join(" ")
478
+ [Q()]: [e.id, "builder-block", e.class, (r = e.properties) == null ? void 0 : r.class].filter(Boolean).join(" ")
479
479
  };
480
- return Pe({
480
+ return we({
481
481
  properties: t,
482
482
  context: n,
483
483
  block: e
484
484
  });
485
485
  }
486
- function Re(e) {
486
+ function Ie(e) {
487
487
  return /* @__PURE__ */ a(
488
- Q,
488
+ G,
489
489
  {
490
490
  TagName: e.Wrapper,
491
- attributes: E({
491
+ attributes: W({
492
492
  block: e.block,
493
493
  context: e.context
494
494
  }),
495
- actionAttributes: K({
495
+ actionAttributes: F({
496
496
  block: e.block,
497
497
  rootState: e.context.rootState,
498
498
  rootSetState: e.context.rootSetState,
@@ -504,14 +504,14 @@ function Re(e) {
504
504
  }
505
505
  );
506
506
  }
507
- function Ie(e) {
507
+ function Oe(e) {
508
508
  function n() {
509
509
  return e.includeBlockProps ? {
510
- ...E({
510
+ ...W({
511
511
  block: e.block,
512
512
  context: e.context
513
513
  }),
514
- ...K({
514
+ ...F({
515
515
  block: e.block,
516
516
  rootState: e.context.rootState,
517
517
  rootSetState: e.context.rootSetState,
@@ -522,7 +522,7 @@ function Ie(e) {
522
522
  }
523
523
  return /* @__PURE__ */ a(e.Wrapper, { ...e.wrapperProps, attributes: n(), children: e.children });
524
524
  }
525
- const Oe = ({
525
+ const Ae = ({
526
526
  componentOptions: e,
527
527
  builderBlock: n,
528
528
  context: t,
@@ -531,14 +531,14 @@ const Oe = ({
531
531
  isInteractive: s,
532
532
  contextValue: l
533
533
  }) => {
534
- const u = {
534
+ const d = {
535
535
  ...e,
536
536
  /**
537
537
  * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
538
538
  * component itself directly. Otherwise, they are provided to the wrapper element.
539
539
  */
540
540
  ...o ? {
541
- attributes: E({
541
+ attributes: W({
542
542
  block: n,
543
543
  context: l
544
544
  })
@@ -550,17 +550,17 @@ const Oe = ({
550
550
  context: t,
551
551
  wrapperProps: e,
552
552
  includeBlockProps: o
553
- } : u;
553
+ } : d;
554
554
  };
555
555
  function _(e) {
556
556
  var r;
557
- const [n, t] = O(
558
- () => e.isInteractive ? Ie : e.componentRef
557
+ const [n, t] = A(
558
+ () => e.isInteractive ? Oe : e.componentRef
559
559
  );
560
560
  return /* @__PURE__ */ a(h, { children: e.componentRef ? /* @__PURE__ */ a(h, { children: /* @__PURE__ */ a(
561
561
  n,
562
562
  {
563
- ...Oe({
563
+ ...Ae({
564
564
  componentOptions: e.componentOptions,
565
565
  builderBlock: e.builderBlock,
566
566
  context: e.context,
@@ -571,7 +571,7 @@ function _(e) {
571
571
  contextValue: e.context
572
572
  }),
573
573
  children: (r = e.blockChildren) == null ? void 0 : r.map((o) => /* @__PURE__ */ a(
574
- v,
574
+ B,
575
575
  {
576
576
  block: o,
577
577
  context: e.context,
@@ -583,10 +583,10 @@ function _(e) {
583
583
  }
584
584
  ) }) : null });
585
585
  }
586
- function Ae(e) {
587
- const [n, t] = O(() => e.repeatContext);
588
- return /* @__PURE__ */ a(M.Provider, { value: n, children: /* @__PURE__ */ a(
589
- v,
586
+ function M(e) {
587
+ const [n, t] = A(() => e.repeatContext);
588
+ return /* @__PURE__ */ a(L.Provider, { value: n, children: /* @__PURE__ */ a(
589
+ B,
590
590
  {
591
591
  block: e.block,
592
592
  context: n,
@@ -595,23 +595,23 @@ function Ae(e) {
595
595
  }
596
596
  ) });
597
597
  }
598
- function v(e) {
599
- var m, g, k;
598
+ function B(e) {
599
+ var m, g, k, C;
600
600
  function n() {
601
- return pe({
601
+ return he({
602
602
  block: e.block,
603
603
  context: e.context
604
604
  });
605
605
  }
606
- const [t, r] = O(() => ({
606
+ const [t, r] = A(() => ({
607
607
  value: null,
608
608
  update: !1
609
609
  }));
610
610
  function o() {
611
- var i;
612
- if (t.value && !t.update && !Z())
611
+ var u;
612
+ if (t.value && !t.update && !q())
613
613
  return t.value;
614
- const d = (i = e.block.repeat) != null && i.collection ? e.block : oe({
614
+ const c = (u = e.block.repeat) != null && u.collection ? e.block : re({
615
615
  block: e.block,
616
616
  localState: e.context.localState,
617
617
  rootState: e.context.rootState,
@@ -619,40 +619,40 @@ function v(e) {
619
619
  context: e.context.context,
620
620
  shouldEvaluateBindings: !0
621
621
  });
622
- return t.value = d, t.update = !1, d;
622
+ return t.value = c, t.update = !1, c;
623
623
  }
624
624
  function s() {
625
- return me({
625
+ return pe({
626
626
  block: o(),
627
627
  registeredComponents: e.registeredComponents
628
628
  });
629
629
  }
630
630
  function l() {
631
- var i;
632
- return e.block.tagName === "a" || ((i = o().properties) == null ? void 0 : i.href) || o().href ? e.linkComponent || "a" : e.block.tagName || "div";
631
+ var u;
632
+ return e.block.tagName === "a" || ((u = o().properties) == null ? void 0 : u.href) || o().href ? e.linkComponent || "a" : e.block.tagName || "div";
633
633
  }
634
- function u() {
634
+ function d() {
635
635
  var p, y;
636
636
  if ((p = e.block.repeat) != null && p.collection)
637
637
  return !!((y = n == null ? void 0 : n()) != null && y.length);
638
- const d = "hide" in o() ? o().hide : !1;
639
- return ("show" in o() ? o().show : !0) && !d;
638
+ const c = "hide" in o() ? o().hide : !1;
639
+ return ("show" in o() ? o().show : !0) && !c;
640
640
  }
641
641
  function f() {
642
- var i, p;
643
- return !((i = s == null ? void 0 : s()) != null && i.component) && !n() ? (p = o().children) != null ? p : [] : [];
642
+ var u, p;
643
+ return !((u = s == null ? void 0 : s()) != null && u.component) && !n() ? (p = o().children) != null ? p : [] : [];
644
644
  }
645
- function c() {
646
- var d, i, p, y;
645
+ function i() {
646
+ var c, u, p, y;
647
647
  return {
648
- blockChildren: (d = o().children) != null ? d : [],
649
- componentRef: (i = s == null ? void 0 : s()) == null ? void 0 : i.component,
648
+ blockChildren: (c = o().children) != null ? c : [],
649
+ componentRef: (u = s == null ? void 0 : s()) == null ? void 0 : u.component,
650
650
  componentOptions: {
651
- ...X(o()),
652
- ...ge(s(), o()),
653
- ...ke(s(), e.context),
654
- ...he(s(), e.linkComponent),
655
- ...ye(
651
+ ...Y(o()),
652
+ ...ke(s(), o()),
653
+ ...Ce(s(), e.context),
654
+ ...ye(s(), e.linkComponent),
655
+ ...ge(
656
656
  s(),
657
657
  e.registeredComponents
658
658
  )
@@ -662,45 +662,54 @@ function v(e) {
662
662
  registeredComponents: e.registeredComponents,
663
663
  builderBlock: o(),
664
664
  includeBlockProps: ((p = s == null ? void 0 : s()) == null ? void 0 : p.noWrap) === !0,
665
- isInteractive: !((y = s == null ? void 0 : s()) != null && y.isRSC && x === "rsc")
665
+ isInteractive: !((y = s == null ? void 0 : s()) != null && y.isRSC && b === "rsc")
666
666
  };
667
667
  }
668
- return w(() => {
669
- const d = o().id, i = o().animations;
670
- i && d && se(
671
- i.map((p) => ({
668
+ return R(() => {
669
+ const c = o().id, u = o().animations;
670
+ u && c && le(
671
+ u.map((p) => ({
672
672
  ...p,
673
- elementId: d
673
+ elementId: c
674
674
  }))
675
675
  );
676
- }, []), w(() => {
676
+ }, []), R(() => {
677
677
  t.update = !0;
678
- }), /* @__PURE__ */ a(h, { children: u() ? /* @__PURE__ */ P(h, { children: [
679
- /* @__PURE__ */ a(xe, { block: o(), context: e.context }),
680
- (m = s == null ? void 0 : s()) != null && m.noWrap ? /* @__PURE__ */ a(h, { children: /* @__PURE__ */ a(
678
+ }), /* @__PURE__ */ a(h, { children: d() ? /* @__PURE__ */ w(h, { children: [
679
+ /* @__PURE__ */ a(be, { block: o(), context: e.context }),
680
+ (m = s == null ? void 0 : s()) != null && m.noWrap ? n() ? /* @__PURE__ */ a(h, { children: (C = n()) == null ? void 0 : C.map((c, u) => /* @__PURE__ */ a(
681
+ M,
682
+ {
683
+ repeatContext: c.context,
684
+ block: c.block,
685
+ registeredComponents: e.registeredComponents,
686
+ linkComponent: e.linkComponent
687
+ },
688
+ u
689
+ )) }) : /* @__PURE__ */ a(
681
690
  _,
682
691
  {
683
- componentRef: c().componentRef,
684
- componentOptions: c().componentOptions,
685
- blockChildren: c().blockChildren,
686
- context: c().context,
687
- registeredComponents: c().registeredComponents,
688
- linkComponent: c().linkComponent,
689
- builderBlock: c().builderBlock,
690
- includeBlockProps: c().includeBlockProps,
691
- isInteractive: c().isInteractive
692
+ componentRef: i().componentRef,
693
+ componentOptions: i().componentOptions,
694
+ blockChildren: i().blockChildren,
695
+ context: i().context,
696
+ registeredComponents: i().registeredComponents,
697
+ linkComponent: i().linkComponent,
698
+ builderBlock: i().builderBlock,
699
+ includeBlockProps: i().includeBlockProps,
700
+ isInteractive: i().isInteractive
692
701
  }
693
- ) }) : /* @__PURE__ */ a(h, { children: n() ? /* @__PURE__ */ a(h, { children: (k = n()) == null ? void 0 : k.map((d, i) => /* @__PURE__ */ a(
694
- Ae,
702
+ ) : /* @__PURE__ */ a(h, { children: n() ? /* @__PURE__ */ a(h, { children: (k = n()) == null ? void 0 : k.map((c, u) => /* @__PURE__ */ a(
703
+ M,
695
704
  {
696
- repeatContext: d.context,
697
- block: d.block,
705
+ repeatContext: c.context,
706
+ block: c.block,
698
707
  registeredComponents: e.registeredComponents,
699
708
  linkComponent: e.linkComponent
700
709
  },
701
- i
702
- )) }) : /* @__PURE__ */ P(
703
- Re,
710
+ u
711
+ )) }) : /* @__PURE__ */ w(
712
+ Ie,
704
713
  {
705
714
  Wrapper: l(),
706
715
  block: o(),
@@ -709,26 +718,26 @@ function v(e) {
709
718
  /* @__PURE__ */ a(
710
719
  _,
711
720
  {
712
- componentRef: c().componentRef,
713
- componentOptions: c().componentOptions,
714
- blockChildren: c().blockChildren,
715
- context: c().context,
716
- registeredComponents: c().registeredComponents,
717
- linkComponent: c().linkComponent,
718
- builderBlock: c().builderBlock,
719
- includeBlockProps: c().includeBlockProps,
720
- isInteractive: c().isInteractive
721
+ componentRef: i().componentRef,
722
+ componentOptions: i().componentOptions,
723
+ blockChildren: i().blockChildren,
724
+ context: i().context,
725
+ registeredComponents: i().registeredComponents,
726
+ linkComponent: i().linkComponent,
727
+ builderBlock: i().builderBlock,
728
+ includeBlockProps: i().includeBlockProps,
729
+ isInteractive: i().isInteractive
721
730
  }
722
731
  ),
723
- (g = f()) == null ? void 0 : g.map((d) => /* @__PURE__ */ a(
724
- v,
732
+ (g = f()) == null ? void 0 : g.map((c) => /* @__PURE__ */ a(
733
+ B,
725
734
  {
726
- block: d,
735
+ block: c,
727
736
  registeredComponents: e.registeredComponents,
728
737
  linkComponent: e.linkComponent,
729
738
  context: e.context
730
739
  },
731
- d.id
740
+ c.id
732
741
  ))
733
742
  ]
734
743
  }
@@ -736,7 +745,7 @@ function v(e) {
736
745
  ] }) : null });
737
746
  }
738
747
  function Ee(e) {
739
- const n = V(null);
748
+ const n = Z(null);
740
749
  function t() {
741
750
  var s;
742
751
  return "builder-blocks" + ((s = e.blocks) != null && s.length ? "" : " no-blocks");
@@ -767,8 +776,8 @@ function Ee(e) {
767
776
  "*"
768
777
  ));
769
778
  }
770
- return w(() => {
771
- }, []), /* @__PURE__ */ P(h, { children: [
779
+ return R(() => {
780
+ }, []), /* @__PURE__ */ w(h, { children: [
772
781
  /* @__PURE__ */ a(
773
782
  e.BlocksWrapper,
774
783
  {
@@ -793,7 +802,7 @@ function Ee(e) {
793
802
  }
794
803
  function We(e) {
795
804
  var r, o, s;
796
- const n = N(M), t = N(G);
805
+ const n = N(L), t = N(X);
797
806
  return /* @__PURE__ */ a(
798
807
  Ee,
799
808
  {
@@ -804,7 +813,7 @@ function We(e) {
804
813
  BlocksWrapper: ((r = e.context) == null ? void 0 : r.BlocksWrapper) || n.BlocksWrapper,
805
814
  BlocksWrapperProps: ((o = e.context) == null ? void 0 : o.BlocksWrapperProps) || n.BlocksWrapperProps,
806
815
  children: e.blocks ? /* @__PURE__ */ a(h, { children: (s = e.blocks) == null ? void 0 : s.map((l) => /* @__PURE__ */ a(
807
- v,
816
+ B,
808
817
  {
809
818
  block: l,
810
819
  linkComponent: e.linkComponent,
@@ -821,13 +830,13 @@ const je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
821
830
  default: We
822
831
  }, Symbol.toStringTag, { value: "Module" }));
823
832
  export {
824
- v as Block,
833
+ B as Block,
825
834
  We as Blocks,
826
- G as ComponentsContext,
827
- Ce as InlinedStyles,
835
+ X as ComponentsContext,
836
+ xe as InlinedStyles,
828
837
  je as blocks,
829
- L as fastClone,
838
+ j as fastClone,
830
839
  Se as getSizesForBreakpoints,
831
- fe as mapStyleObjToStrIfNeeded,
832
- ce as triggerAnimation
840
+ me as mapStyleObjToStrIfNeeded,
841
+ ie as triggerAnimation
833
842
  };