@builder.io/sdk-vue 0.0.2-2 → 0.0.3-1

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 (66) hide show
  1. package/package.json +4 -3
  2. package/packages/_vue2/dist/block-styles.234651b2.js +86 -0
  3. package/packages/_vue2/dist/block-styles.c531694e.cjs +6 -0
  4. package/packages/_vue2/dist/env.d.ts +1 -0
  5. package/packages/_vue2/dist/get-processed-block.1ba91586.js +40 -0
  6. package/packages/_vue2/dist/get-processed-block.6a23a7de.cjs +1 -0
  7. package/packages/_vue2/dist/{index.e1356b24.js → index.19474a4f.js} +307 -285
  8. package/packages/_vue2/dist/index.e85eb7cf.cjs +4 -0
  9. package/packages/_vue2/dist/render-block.3cf39e0e.js +237 -0
  10. package/packages/_vue2/dist/render-block.4f260352.cjs +3 -0
  11. package/packages/_vue2/dist/render-component-with-context.dcb1f5da.js +53 -0
  12. package/packages/_vue2/dist/render-component-with-context.f76bfccc.cjs +1 -0
  13. package/packages/_vue2/dist/{render-component.76541f08.js → render-component.56e5101d.js} +14 -14
  14. package/packages/_vue2/dist/render-component.a9d4efb1.cjs +1 -0
  15. package/packages/_vue2/dist/{render-inlined-styles.0a71b4a1.cjs → render-inlined-styles.9b6439ce.cjs} +1 -1
  16. package/packages/_vue2/dist/{render-inlined-styles.fb54d112.js → render-inlined-styles.b6534355.js} +1 -1
  17. package/packages/_vue2/dist/{render-repeated-block.caf201fb.js → render-repeated-block.3e536590.js} +11 -8
  18. package/packages/_vue2/dist/render-repeated-block.95861e2e.cjs +1 -0
  19. package/packages/_vue2/dist/{render-styles.76adf086.cjs → render-styles.9d4787d0.cjs} +1 -1
  20. package/packages/_vue2/dist/{render-styles.79b15aed.js → render-styles.ad89c45c.js} +8 -8
  21. package/packages/_vue2/dist/sdk.cjs +1 -1
  22. package/packages/_vue2/dist/sdk.d.ts +1 -0
  23. package/packages/_vue2/dist/sdk.js +1 -1
  24. package/packages/_vue2/dist/style.css +1 -1
  25. package/packages/_vue3/dist/block-styles.88005ace.js +83 -0
  26. package/packages/_vue3/dist/block-styles.e3632a69.cjs +6 -0
  27. package/packages/_vue3/dist/env.d.ts +1 -0
  28. package/packages/_vue3/dist/get-processed-block.0d475a13.js +40 -0
  29. package/packages/_vue3/dist/get-processed-block.c75eb6d1.cjs +1 -0
  30. package/packages/_vue3/dist/{index.eb0e01ba.js → index.2472a241.js} +315 -304
  31. package/packages/_vue3/dist/index.e7c6fe34.cjs +4 -0
  32. package/packages/_vue3/dist/render-block.593fc01c.js +258 -0
  33. package/packages/_vue3/dist/render-block.92199649.cjs +3 -0
  34. package/packages/_vue3/dist/render-component-with-context.f5cab824.js +45 -0
  35. package/packages/_vue3/dist/render-component-with-context.fb4f86a9.cjs +1 -0
  36. package/packages/_vue3/dist/render-component.06b4587b.cjs +1 -0
  37. package/packages/_vue3/dist/{render-component.963a01c2.js → render-component.d5c26257.js} +15 -16
  38. package/packages/_vue3/dist/render-inlined-styles.3fab5467.cjs +1 -0
  39. package/packages/_vue3/dist/{render-inlined-styles.1c41d49e.js → render-inlined-styles.be1aba8b.js} +7 -8
  40. package/packages/_vue3/dist/{render-repeated-block.760bb69a.js → render-repeated-block.1d1c64a8.js} +11 -9
  41. package/packages/_vue3/dist/render-repeated-block.d1580cb5.cjs +1 -0
  42. package/packages/_vue3/dist/{render-styles.c0cc9565.cjs → render-styles.4717b645.cjs} +2 -2
  43. package/packages/_vue3/dist/{render-styles.750ea842.js → render-styles.efaaccdf.js} +14 -15
  44. package/packages/_vue3/dist/sdk.cjs +1 -1
  45. package/packages/_vue3/dist/sdk.d.ts +1 -0
  46. package/packages/_vue3/dist/sdk.js +1 -1
  47. package/packages/_vue3/dist/style.css +1 -1
  48. package/packages/_vue2/dist/block-styles.7900ea80.cjs +0 -10
  49. package/packages/_vue2/dist/block-styles.dd3d70e3.js +0 -56
  50. package/packages/_vue2/dist/get-processed-block.14848083.cjs +0 -1
  51. package/packages/_vue2/dist/get-processed-block.eda4b627.js +0 -57
  52. package/packages/_vue2/dist/index.9247eff2.cjs +0 -4
  53. package/packages/_vue2/dist/render-block.a2f51c18.js +0 -237
  54. package/packages/_vue2/dist/render-block.e4f18476.cjs +0 -3
  55. package/packages/_vue2/dist/render-component.fc56f8dc.cjs +0 -1
  56. package/packages/_vue2/dist/render-repeated-block.0990371f.cjs +0 -1
  57. package/packages/_vue3/dist/block-styles.1f1fb83d.js +0 -54
  58. package/packages/_vue3/dist/block-styles.eb8f30fe.cjs +0 -10
  59. package/packages/_vue3/dist/get-processed-block.b7ff491d.cjs +0 -1
  60. package/packages/_vue3/dist/get-processed-block.c491559e.js +0 -57
  61. package/packages/_vue3/dist/index.36507004.cjs +0 -4
  62. package/packages/_vue3/dist/render-block.3cdd0c66.js +0 -254
  63. package/packages/_vue3/dist/render-block.98541a38.cjs +0 -3
  64. package/packages/_vue3/dist/render-component.442d659d.cjs +0 -1
  65. package/packages/_vue3/dist/render-inlined-styles.662df301.cjs +0 -1
  66. package/packages/_vue3/dist/render-repeated-block.2212c878.cjs +0 -1
@@ -1,12 +1,18 @@
1
- import { defineAsyncComponent as y, resolveComponent as v, openBlock as l, createElementBlock as d, normalizeStyle as C, Fragment as R, renderList as E, createVNode as z, createElementVNode as I, createCommentVNode as b, normalizeClass as O, renderSlot as k, mergeProps as x, toDisplayString as $, createBlock as w } from "vue";
2
- const j = "reactNative";
3
- function h() {
1
+ import { defineAsyncComponent as v, resolveComponent as x, openBlock as l, createElementBlock as u, normalizeStyle as C, Fragment as w, renderList as F, createVNode as q, createElementVNode as R, createCommentVNode as y, normalizeClass as U, renderSlot as S, mergeProps as _, toDisplayString as B, createBlock as I } from "vue";
2
+ const V = "vue3";
3
+ function f() {
4
4
  return typeof window < "u" && typeof document < "u";
5
5
  }
6
+ function ae() {
7
+ return f() && window.self !== window.top;
8
+ }
9
+ function g() {
10
+ return ae() && window.location.search.indexOf("builder.frameEditing=") !== -1;
11
+ }
6
12
  const P = {};
7
- function ae(e, n) {
13
+ function ie(e, n) {
8
14
  let t = P[e];
9
- if (t || (t = P[e] = []), t.push(n), h()) {
15
+ if (t || (t = P[e] = []), t.push(n), f()) {
10
16
  const o = {
11
17
  type: "builder.register",
12
18
  data: {
@@ -21,59 +27,71 @@ function ae(e, n) {
21
27
  }
22
28
  }
23
29
  }
24
- const ie = () => {
25
- ae("insertMenu", {
30
+ const ce = () => {
31
+ ie("insertMenu", {
26
32
  name: "_default",
27
33
  default: !0,
28
34
  items: [
29
35
  { name: "Box" },
30
36
  { name: "Text" },
31
37
  { name: "Image" },
32
- { name: "Columns" }
38
+ { name: "Columns" },
39
+ { name: "Core:Section" },
40
+ { name: "Core:Button" },
41
+ { name: "Embed" },
42
+ { name: "Custom Code" }
33
43
  ]
34
44
  });
35
- }, ce = () => {
36
- var e;
37
- h() && ((e = window.parent) == null || e.postMessage(
45
+ }, le = (e) => {
46
+ var n, t;
47
+ g() && ((n = window.parent) == null || n.postMessage(
38
48
  {
39
49
  type: "builder.sdkInfo",
40
50
  data: {
41
- target: j,
51
+ target: V,
42
52
  supportsPatchUpdates: !1
43
53
  }
44
54
  },
45
55
  "*"
46
- ), window.addEventListener("message", ({ data: n }) => {
47
- var t, o;
48
- if (n)
49
- switch (n.type) {
56
+ ), (t = window.parent) == null || t.postMessage(
57
+ {
58
+ type: "builder.updateContent",
59
+ data: {
60
+ options: e
61
+ }
62
+ },
63
+ "*"
64
+ ), window.addEventListener("message", ({ data: o }) => {
65
+ var r, s;
66
+ if (o)
67
+ switch (o.type) {
50
68
  case "builder.evaluate": {
51
- const r = n.data.text, s = n.data.arguments || [], a = n.data.id, c = new Function(r);
52
- let i, u = null;
69
+ const a = o.data.text, c = o.data.arguments || [], i = o.data.id, m = new Function(a);
70
+ let d, p = null;
53
71
  try {
54
- i = c.apply(null, s);
55
- } catch (m) {
56
- u = m;
72
+ d = m.apply(null, c);
73
+ } catch (b) {
74
+ p = b;
57
75
  }
58
- u ? (t = window.parent) == null || t.postMessage(
76
+ p ? (r = window.parent) == null || r.postMessage(
59
77
  {
60
78
  type: "builder.evaluateError",
61
- data: { id: a, error: u.message }
79
+ data: { id: i, error: p.message }
62
80
  },
63
81
  "*"
64
- ) : i && typeof i.then == "function" ? i.then((m) => {
65
- var p;
66
- (p = window.parent) == null || p.postMessage(
82
+ ) : d && typeof d.then == "function" ? d.then((b) => {
83
+ var k;
84
+ (k = window.parent) == null || k.postMessage(
67
85
  {
68
86
  type: "builder.evaluateResult",
69
- data: { id: a, result: m }
87
+ data: { id: i, result: b }
70
88
  },
71
89
  "*"
72
90
  );
73
- }).catch(console.error) : (o = window.parent) == null || o.postMessage(
91
+ }).catch(console.error) : (s = window.parent) == null || s.postMessage(
74
92
  {
75
93
  type: "builder.evaluateResult",
76
- data: { result: i, id: a }
94
+ data: { result: d, id: i }
77
95
  },
78
96
  "*"
79
97
  );
@@ -82,20 +100,20 @@ const ie = () => {
82
100
  }
83
101
  }));
84
102
  };
85
- function U(e) {
103
+ function A(e) {
86
104
  return e;
87
105
  }
88
- function pn(e) {
106
+ function mn(e) {
89
107
  return e;
90
108
  }
91
- const le = () => Promise.resolve().then(() => se).then((e) => e.default).catch((e) => {
109
+ const de = () => Promise.resolve().then(() => se).then((e) => e.default).catch((e) => {
92
110
  throw console.error(
93
111
  "Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",
94
112
  e
95
113
  ), e;
96
- }), de = {
114
+ }), ue = {
97
115
  name: "builder-columns",
98
- components: { "render-blocks": y(le) },
116
+ components: { RenderBlocks: v(de) },
99
117
  props: [
100
118
  "space",
101
119
  "columns",
@@ -103,7 +121,7 @@ const le = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
103
121
  "reverseColumnsWhenStacked",
104
122
  "builderBlock"
105
123
  ],
106
- data: () => ({ markMutable: U }),
124
+ data: () => ({ markMutable: A }),
107
125
  computed: {
108
126
  columnsCssVars() {
109
127
  const e = this.stackColumnsAt === "never" ? "inherit" : this.reverseColumnsWhenStacked ? "column-reverse" : "column";
@@ -141,47 +159,49 @@ const le = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
141
159
  maybeApplyForTablet(e) {
142
160
  return (this.stackColumnsAt || "tablet") === "tablet" ? e : "inherit";
143
161
  }
144
- },
145
- compatConfig: { MODE: 3 }
162
+ }
146
163
  };
147
- const f = (e, n) => {
164
+ const h = (e, n) => {
148
165
  const t = e.__vccOpts || e;
149
166
  for (const [o, r] of n)
150
167
  t[o] = r;
151
168
  return t;
152
169
  };
153
- function ue(e, n, t, o, r, s) {
154
- const a = v("render-blocks");
155
- return l(), d("div", {
156
- class: "builder-columns div-2btisl9m7v3",
170
+ function me(e, n, t, o, r, s) {
171
+ const a = x("render-blocks");
172
+ return l(), u("div", {
173
+ class: "builder-columns div-361b1o6wv2k",
157
174
  style: C(s.columnsCssVars)
158
175
  }, [
159
- (l(!0), d(R, null, E(t.columns, (c, i) => (l(), d("div", {
176
+ (l(!0), u(w, null, F(t.columns, (c, i) => (l(), u("div", {
160
177
  key: i,
161
- class: "builder-column div-2btisl9m7v3-2",
178
+ class: "builder-column div-361b1o6wv2k-2",
162
179
  style: C({
163
180
  width: s.getColumnCssWidth(i),
164
181
  marginLeft: `${i === 0 ? 0 : s.getGutterSize()}px`,
165
182
  ...s.columnCssVars
166
183
  })
167
184
  }, [
168
- z(a, {
185
+ q(a, {
169
186
  blocks: e.markMutable(c.blocks),
170
187
  path: `component.options.columns.${i}.blocks`,
171
- parent: t.builderBlock.id
188
+ parent: t.builderBlock.id,
189
+ style: {
190
+ flexGrow: "1"
191
+ }
172
192
  }, null, 8, ["blocks", "path", "parent"])
173
193
  ], 4))), 128))
174
194
  ], 4);
175
195
  }
176
- const me = /* @__PURE__ */ f(de, [["render", ue], ["__scopeId", "data-v-ce668c7d"]]);
196
+ const pe = /* @__PURE__ */ h(ue, [["render", me], ["__scopeId", "data-v-c19c7ec1"]]);
177
197
  function W(e) {
178
198
  return e.replace(/http(s)?:/, "");
179
199
  }
180
- function pe(e = "", n, t) {
200
+ function he(e = "", n, t) {
181
201
  const o = new RegExp("([?&])" + n + "=.*?(&|$)", "i"), r = e.indexOf("?") !== -1 ? "&" : "?";
182
202
  return e.match(o) ? e.replace(o, "$1" + n + "=" + encodeURIComponent(t) + "$2") : e + r + n + "=" + encodeURIComponent(t);
183
203
  }
184
- function he(e, n) {
204
+ function fe(e, n) {
185
205
  if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !n)
186
206
  return e;
187
207
  if (n === "master")
@@ -195,18 +215,18 @@ function he(e, n) {
195
215
  }
196
216
  return null;
197
217
  }
198
- function T(e) {
218
+ function E(e) {
199
219
  if (!e)
200
220
  return e;
201
221
  const n = [100, 200, 400, 800, 1200, 1600, 2e3];
202
222
  if (e.match(/builder\.io/)) {
203
223
  let t = e;
204
224
  const o = Number(e.split("?width=")[1]);
205
- return isNaN(o) || (t = `${t} ${o}w`), n.filter((r) => r !== o).map((r) => `${pe(e, "width", r)} ${r}w`).concat([t]).join(", ");
225
+ return isNaN(o) || (t = `${t} ${o}w`), n.filter((r) => r !== o).map((r) => `${he(e, "width", r)} ${r}w`).concat([t]).join(", ");
206
226
  }
207
- return e.match(/cdn\.shopify\.com/) ? n.map((t) => [he(e, `${t}x${t}`), t]).filter(([t]) => !!t).map(([t, o]) => `${t} ${o}w`).concat([e]).join(", ") : e;
227
+ return e.match(/cdn\.shopify\.com/) ? n.map((t) => [fe(e, `${t}x${t}`), t]).filter(([t]) => !!t).map(([t, o]) => `${t} ${o}w`).concat([e]).join(", ") : e;
208
228
  }
209
- const fe = {
229
+ const ge = {
210
230
  name: "builder-image",
211
231
  props: [
212
232
  "image",
@@ -218,8 +238,8 @@ const fe = {
218
238
  "className",
219
239
  "sizes",
220
240
  "aspectRatio",
221
- "fitContent",
222
- "builderBlock"
241
+ "builderBlock",
242
+ "fitContent"
223
243
  ],
224
244
  computed: {
225
245
  srcSetToUse() {
@@ -229,10 +249,10 @@ const fe = {
229
249
  return this.srcset;
230
250
  if (this.srcset && ((t = this.image) == null ? void 0 : t.includes("builder.io/api/v1/image"))) {
231
251
  if (!this.srcset.includes(this.image.split("?")[0]))
232
- return console.debug("Removed given srcset"), T(n);
252
+ return console.debug("Removed given srcset"), E(n);
233
253
  } else if (this.image && !this.srcset)
234
- return T(n);
235
- return T(n);
254
+ return E(n);
255
+ return E(n);
236
256
  },
237
257
  webpSrcSet() {
238
258
  var e;
@@ -249,23 +269,22 @@ const fe = {
249
269
  n[o] = !0;
250
270
  return n;
251
271
  }
252
- },
253
- compatConfig: { MODE: 3 }
272
+ }
254
273
  };
255
- const ge = { class: "div-1fogms4bee0" }, be = ["srcset"], ye = ["alt", "role", "src", "srcset", "sizes"], ve = ["srcset"], xe = {
274
+ const be = ["srcset"], ye = ["alt", "role", "src", "srcset", "sizes"], ve = ["srcset"], xe = {
256
275
  key: 2,
257
- class: "div-1fogms4bee0-3"
276
+ class: "div-256wrwn33ry-2"
258
277
  };
259
278
  function _e(e, n, t, o, r, s) {
260
- var a, c, i, u;
261
- return l(), d("div", ge, [
262
- I("picture", null, [
263
- s.webpSrcSet ? (l(), d("source", {
279
+ var a, c, i, m;
280
+ return l(), u(w, null, [
281
+ R("picture", null, [
282
+ s.webpSrcSet ? (l(), u("source", {
264
283
  key: 0,
265
284
  type: "image/webp",
266
285
  srcset: s.webpSrcSet
267
- }, null, 8, be)) : b("", !0),
268
- I("img", {
286
+ }, null, 8, be)) : y("", !0),
287
+ R("img", {
269
288
  loading: "lazy",
270
289
  alt: t.altText,
271
290
  role: t.altText ? "presentation" : void 0,
@@ -273,42 +292,41 @@ function _e(e, n, t, o, r, s) {
273
292
  objectPosition: t.backgroundSize || "center",
274
293
  objectFit: t.backgroundSize || "cover"
275
294
  }),
276
- class: O(
295
+ class: U(
277
296
  s._classStringToObject(
278
- "builder-image" + (t.className ? " " + t.className : "") + " img-1fogms4bee0"
297
+ "builder-image" + (t.className ? " " + t.className : "") + " img-256wrwn33ry"
279
298
  )
280
299
  ),
281
300
  src: t.image,
282
301
  srcset: s.srcSetToUse,
283
302
  sizes: t.sizes
284
303
  }, null, 14, ye),
285
- I("source", { srcset: s.srcSetToUse }, null, 8, ve)
304
+ R("source", { srcset: s.srcSetToUse }, null, 8, ve)
286
305
  ]),
287
- t.aspectRatio && !(t.fitContent && ((c = (a = t.builderBlock) == null ? void 0 : a.children) == null ? void 0 : c.length)) ? (l(), d("div", {
306
+ t.aspectRatio && !(((c = (a = t.builderBlock) == null ? void 0 : a.children) == null ? void 0 : c.length) && t.fitContent) ? (l(), u("div", {
288
307
  key: 0,
289
- class: "builder-image-sizer div-1fogms4bee0-2",
308
+ class: "builder-image-sizer div-256wrwn33ry",
290
309
  style: C({
291
310
  paddingTop: t.aspectRatio * 100 + "%"
292
311
  })
293
- }, null, 4)) : b("", !0),
294
- ((u = (i = t.builderBlock) == null ? void 0 : i.children) == null ? void 0 : u.length) && t.fitContent ? k(e.$slots, "default", { key: 1 }, void 0, !0) : b("", !0),
295
- t.fitContent ? b("", !0) : (l(), d("div", xe, [
296
- k(e.$slots, "default", {}, void 0, !0)
297
- ]))
298
- ]);
312
+ }, null, 4)) : y("", !0),
313
+ ((m = (i = t.builderBlock) == null ? void 0 : i.children) == null ? void 0 : m.length) && t.fitContent ? S(e.$slots, "default", { key: 1 }, void 0, !0) : y("", !0),
314
+ !t.fitContent && e.children ? (l(), u("div", xe, [
315
+ S(e.$slots, "default", {}, void 0, !0)
316
+ ])) : y("", !0)
317
+ ], 64);
299
318
  }
300
- const Ce = /* @__PURE__ */ f(fe, [["render", _e], ["__scopeId", "data-v-83d4ef2e"]]), ke = {
319
+ const ke = /* @__PURE__ */ h(ge, [["render", _e], ["__scopeId", "data-v-bf4ee294"]]), Ce = {
301
320
  name: "builder-text",
302
- props: ["text"],
303
- compatConfig: { MODE: 3 }
321
+ props: ["text"]
304
322
  }, we = ["innerHTML"];
305
323
  function Se(e, n, t, o, r, s) {
306
- return l(), d("span", {
324
+ return l(), u("span", {
307
325
  class: "builder-text",
308
326
  innerHTML: t.text
309
327
  }, null, 8, we);
310
328
  }
311
- const Ie = /* @__PURE__ */ f(ke, [["render", Se]]), Te = {
329
+ const Ie = /* @__PURE__ */ h(Ce, [["render", Se]]), Te = {
312
330
  name: "builder-video",
313
331
  props: [
314
332
  "autoPlay",
@@ -342,12 +360,11 @@ const Ie = /* @__PURE__ */ f(ke, [["render", Se]]), Te = {
342
360
  } : {}
343
361
  };
344
362
  }
345
- },
346
- compatConfig: { MODE: 3 }
363
+ }
347
364
  }, Re = ["src", "poster"];
348
365
  function Ee(e, n, t, o, r, s) {
349
366
  var a;
350
- return l(), d("video", x(s.videoProps, {
367
+ return l(), u("video", _(s.videoProps, {
351
368
  style: {
352
369
  width: "100%",
353
370
  height: "100%",
@@ -360,53 +377,53 @@ function Ee(e, n, t, o, r, s) {
360
377
  poster: t.posterImage
361
378
  }), null, 16, Re);
362
379
  }
363
- const Fe = /* @__PURE__ */ f(Te, [["render", Ee]]);
364
- function F(e, n = null, t = ".") {
380
+ const Fe = /* @__PURE__ */ h(Te, [["render", Ee]]);
381
+ function j(e, n = null, t = ".") {
365
382
  return Object.keys(e).reduce((o, r) => {
366
383
  const s = e[r], a = [n, r].filter(Boolean).join(t);
367
384
  return [
368
385
  typeof s == "object",
369
386
  s !== null,
370
387
  !(Array.isArray(s) && s.length === 0)
371
- ].every(Boolean) ? { ...o, ...F(s, a, t) } : { ...o, [a]: s };
388
+ ].every(Boolean) ? { ...o, ...j(s, a, t) } : { ...o, [a]: s };
372
389
  }, {});
373
390
  }
374
- const B = "builder.", Oe = (e) => {
391
+ const L = "builder.", je = (e) => {
375
392
  const n = {};
376
393
  return e.forEach((t, o) => {
377
394
  n[o] = t;
378
395
  }), n;
379
- }, je = (e) => {
396
+ }, Ue = (e) => {
380
397
  if (!e)
381
398
  return {};
382
- const n = q(e), t = {};
399
+ const n = D(e), t = {};
383
400
  return Object.keys(n).forEach((o) => {
384
- if (o.startsWith(B)) {
385
- const r = o.replace(B, "");
401
+ if (o.startsWith(L)) {
402
+ const r = o.replace(L, "");
386
403
  t[r] = n[o];
387
404
  }
388
405
  }), t;
389
- }, Ue = () => {
390
- if (!h())
406
+ }, Ve = () => {
407
+ if (!f())
391
408
  return {};
392
409
  const e = new URLSearchParams(window.location.search);
393
- return je(e);
394
- }, q = (e) => e instanceof URLSearchParams ? Oe(e) : e;
395
- function Me() {
410
+ return Ue(e);
411
+ }, D = (e) => e instanceof URLSearchParams ? je(e) : e;
412
+ function Ae() {
396
413
  return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : null;
397
414
  }
398
415
  async function K() {
399
- const e = Me().fetch;
416
+ const e = Ae().fetch;
400
417
  if (typeof e > "u" && typeof global < "u") {
401
418
  const n = import("node-fetch").then((t) => t.default);
402
419
  return n.default || n;
403
420
  }
404
421
  return e.default || e;
405
422
  }
406
- const Ve = (e) => {
423
+ const $e = (e) => {
407
424
  const n = e.split(".");
408
425
  return n.length > 2 ? n.slice(1).join(".") : e;
409
- }, J = async ({
426
+ }, G = async ({
410
427
  name: e,
411
428
  canTrack: n
412
429
  }) => {
@@ -416,7 +433,7 @@ const Ve = (e) => {
416
433
  } catch (o) {
417
434
  console.debug("[COOKIE] GET error: ", o);
418
435
  }
419
- }, Ae = (e) => e.map(([n, t]) => t ? `${n}=${t}` : n).join("; "), $e = [
436
+ }, Oe = (e) => e.map(([n, t]) => t ? `${n}=${t}` : n).join("; "), Be = [
420
437
  ["secure", ""],
421
438
  ["SameSite", "None"]
422
439
  ], Pe = ({
@@ -424,15 +441,15 @@ const Ve = (e) => {
424
441
  value: n,
425
442
  expires: t
426
443
  }) => {
427
- const r = (h() ? location.protocol === "https:" : !0) ? $e : [[]], s = t ? [["expires", t.toUTCString()]] : [[]], a = [
444
+ const r = (f() ? location.protocol === "https:" : !0) ? Be : [[]], s = t ? [["expires", t.toUTCString()]] : [[]], a = [
428
445
  [e, n],
429
446
  ...s,
430
447
  ["path", "/"],
431
- ["domain", Ve(window.location.hostname)],
448
+ ["domain", $e(window.location.hostname)],
432
449
  ...r
433
450
  ];
434
- return Ae(a);
435
- }, G = async ({
451
+ return Oe(a);
452
+ }, J = async ({
436
453
  name: e,
437
454
  value: n,
438
455
  expires: t,
@@ -446,14 +463,14 @@ const Ve = (e) => {
446
463
  } catch (r) {
447
464
  console.warn("[COOKIE] SET error: ", r);
448
465
  }
449
- }, We = "builderio.variations", Y = (e) => `${We}.${e}`, Be = ({
466
+ }, We = "builderio.variations", Y = (e) => `${We}.${e}`, Le = ({
450
467
  contentId: e,
451
468
  canTrack: n
452
- }) => J({ name: Y(e), canTrack: n }), Le = ({
469
+ }) => G({ name: Y(e), canTrack: n }), Me = ({
453
470
  contentId: e,
454
471
  canTrack: n,
455
472
  value: t
456
- }) => G({ name: Y(e), value: t, canTrack: n }), S = (e) => e != null, Ne = (e) => S(e.id) && S(e.variations) && Object.keys(e.variations).length > 0, De = ({
473
+ }) => J({ name: Y(e), value: t, canTrack: n }), T = (e) => e != null, Ne = (e) => T(e.id) && T(e.variations) && Object.keys(e.variations).length > 0, He = ({
457
474
  id: e,
458
475
  variations: n
459
476
  }) => {
@@ -464,7 +481,7 @@ const Ve = (e) => {
464
481
  if (t += (r = n[s]) == null ? void 0 : r.testRatio, o < t)
465
482
  return s;
466
483
  return e;
467
- }, L = ({
484
+ }, M = ({
468
485
  item: e,
469
486
  testGroupId: n
470
487
  }) => {
@@ -477,42 +494,42 @@ const Ve = (e) => {
477
494
  testVariationId: t.id,
478
495
  testVariationName: t.name || (t.id === e.id ? "Default" : "")
479
496
  };
480
- }, He = async ({
497
+ }, ze = async ({
481
498
  item: e,
482
499
  canTrack: n
483
500
  }) => {
484
- const t = await Be({
501
+ const t = await Le({
485
502
  canTrack: n,
486
503
  contentId: e.id
487
- }), o = t ? L({ item: e, testGroupId: t }) : void 0;
504
+ }), o = t ? M({ item: e, testGroupId: t }) : void 0;
488
505
  if (o)
489
506
  return o;
490
507
  {
491
- const r = De({
508
+ const r = He({
492
509
  variations: e.variations,
493
510
  id: e.id
494
511
  });
495
- return Le({
512
+ return Me({
496
513
  contentId: e.id,
497
514
  value: r,
498
515
  canTrack: n
499
516
  }).catch((s) => {
500
517
  console.error("could not store A/B test variation: ", s);
501
- }), L({ item: e, testGroupId: r });
518
+ }), M({ item: e, testGroupId: r });
502
519
  }
503
- }, ze = async ({
520
+ }, qe = async ({
504
521
  item: e,
505
522
  canTrack: n
506
523
  }) => {
507
524
  if (!Ne(e))
508
525
  return;
509
- const t = await He({ item: e, canTrack: n });
526
+ const t = await ze({ item: e, canTrack: n });
510
527
  Object.assign(e, t);
511
528
  };
512
529
  async function X(e) {
513
530
  return (await Ke({ ...e, limit: 1 })).results[0] || null;
514
531
  }
515
- const qe = (e) => {
532
+ const De = (e) => {
516
533
  const {
517
534
  limit: n = 30,
518
535
  userAttributes: t,
@@ -523,37 +540,37 @@ const qe = (e) => {
523
540
  } = e, c = new URL(
524
541
  `https://cdn.builder.io/api/v2/content/${s}?apiKey=${a}&limit=${n}&noTraverse=${r}`
525
542
  ), i = {
526
- ...Ue(),
527
- ...q(e.options || {})
528
- }, u = F(i);
529
- for (const m in u)
530
- c.searchParams.set(m, String(u[m]));
543
+ ...Ve(),
544
+ ...D(e.options || {})
545
+ }, m = j(i);
546
+ for (const d in m)
547
+ c.searchParams.set(d, String(m[d]));
531
548
  if (t && c.searchParams.set("userAttributes", JSON.stringify(t)), o) {
532
- const m = F({ query: o });
533
- for (const p in m)
534
- c.searchParams.set(p, JSON.stringify(m[p]));
549
+ const d = j({ query: o });
550
+ for (const p in d)
551
+ c.searchParams.set(p, JSON.stringify(d[p]));
535
552
  }
536
553
  return c;
537
554
  };
538
555
  async function Ke(e) {
539
- const n = qe(e), o = await (await K())(n.href).then(
556
+ const n = De(e), o = await (await K())(n.href).then(
540
557
  (s) => s.json()
541
558
  ), r = e.canTrack !== !1;
542
559
  if (r)
543
560
  for (const s of o.results)
544
- await ze({ item: s, canTrack: r });
561
+ await qe({ item: s, canTrack: r });
545
562
  return o;
546
563
  }
547
- const Je = () => Promise.resolve().then(() => sn).then((e) => e.default).catch((e) => {
564
+ const Ge = () => Promise.resolve().then(() => on).then((e) => e.default).catch((e) => {
548
565
  throw console.error(
549
566
  "Error while attempting to dynamically import component RenderContent at ../../components/render-content/render-content.vue",
550
567
  e
551
568
  ), e;
552
- }), Ge = {
569
+ }), Je = {
553
570
  name: "builder-symbol",
554
- components: { "render-content": y(Je) },
571
+ components: { RenderContent: v(Ge) },
555
572
  props: ["symbol", "attributes"],
556
- data: () => ({ className: "builder-symbol", content: null, markMutable: U }),
573
+ data: () => ({ className: "builder-symbol", content: null, markMutable: A }),
557
574
  inject: {
558
575
  builderContext: "BuilderContext"
559
576
  },
@@ -593,70 +610,66 @@ const Je = () => Promise.resolve().then(() => sn).then((e) => e.default).catch((
593
610
  n[o] = !0;
594
611
  return n;
595
612
  }
596
- },
597
- compatConfig: { MODE: 3 }
613
+ }
598
614
  }, Ye = ["dataSet"];
599
615
  function Xe(e, n, t, o, r, s) {
600
- var c, i, u, m, p;
601
- const a = v("render-content");
602
- return l(), d("div", x(t.attributes, {
616
+ var c, i, m, d, p;
617
+ const a = x("render-content");
618
+ return l(), u("div", _(t.attributes, {
603
619
  dataSet: {
604
620
  class: e.className
605
621
  },
606
622
  class: s._classStringToObject(e.className)
607
623
  }), [
608
- z(a, {
624
+ q(a, {
609
625
  apiKey: s.builderContext.apiKey,
610
626
  context: s.builderContext.context,
611
627
  customComponents: e.markMutable(Object.values(s.builderContext.registeredComponents)),
612
628
  data: e.markMutable({
613
629
  ...(c = t.symbol) == null ? void 0 : c.data,
614
630
  ...s.builderContext.state,
615
- ...(m = (u = (i = t.symbol) == null ? void 0 : i.content) == null ? void 0 : u.data) == null ? void 0 : m.state
631
+ ...(d = (m = (i = t.symbol) == null ? void 0 : i.content) == null ? void 0 : m.data) == null ? void 0 : d.state
616
632
  }),
617
633
  model: (p = t.symbol) == null ? void 0 : p.model,
618
634
  content: e.markMutable(e.content)
619
635
  }, null, 8, ["apiKey", "context", "customComponents", "data", "model", "content"])
620
636
  ], 16, Ye);
621
637
  }
622
- const Qe = /* @__PURE__ */ f(Ge, [["render", Xe]]), Ze = {
638
+ const Qe = /* @__PURE__ */ h(Je, [["render", Xe]]), Ze = {
623
639
  name: "builder-button",
624
- props: ["attributes", "text", "link", "openLinkInNewTab"],
625
- compatConfig: { MODE: 3 }
640
+ props: ["attributes", "text", "link", "openLinkInNewTab"]
626
641
  };
627
642
  const et = ["href", "target"];
628
643
  function tt(e, n, t, o, r, s) {
629
- return t.link ? (l(), d("a", x({ key: 0 }, t.attributes, {
644
+ return t.link ? (l(), u("a", _({ key: 0 }, t.attributes, {
630
645
  role: "button",
631
646
  href: t.link,
632
647
  target: t.openLinkInNewTab ? "_blank" : void 0
633
- }), $(t.text), 17, et)) : (l(), d("button", x({ key: 1 }, t.attributes, { class: "button-1eih9th5ow6" }), $(t.text), 17));
648
+ }), B(t.text), 17, et)) : (l(), u("button", _({ key: 1 }, t.attributes, { class: "button-1yj9n7yt24z" }), B(t.text), 17));
634
649
  }
635
- const nt = /* @__PURE__ */ f(Ze, [["render", tt], ["__scopeId", "data-v-64b92e6e"]]), ot = {
650
+ const nt = /* @__PURE__ */ h(Ze, [["render", tt], ["__scopeId", "data-v-a1cb1b3e"]]), ot = {
636
651
  name: "builder-section-component",
637
- props: ["attributes", "maxWidth"],
638
- compatConfig: { MODE: 3 }
652
+ props: ["attributes", "maxWidth"]
639
653
  };
640
654
  function st(e, n, t, o, r, s) {
641
- return l(), d("section", x(t.attributes, {
655
+ return l(), u("section", _(t.attributes, {
642
656
  style: t.maxWidth && typeof t.maxWidth == "number" ? {
643
657
  maxWidth: t.maxWidth
644
658
  } : void 0
645
659
  }), [
646
- k(e.$slots, "default")
660
+ S(e.$slots, "default")
647
661
  ], 16);
648
662
  }
649
- const rt = /* @__PURE__ */ f(ot, [["render", st]]), at = {
663
+ const rt = /* @__PURE__ */ h(ot, [["render", st]]), at = {
650
664
  name: "builder-fragment-component",
651
- props: [],
652
- compatConfig: { MODE: 3 }
665
+ props: []
653
666
  };
654
667
  function it(e, n, t, o, r, s) {
655
- return l(), d("span", null, [
656
- k(e.$slots, "default")
668
+ return l(), u("span", null, [
669
+ S(e.$slots, "default")
657
670
  ]);
658
671
  }
659
- const ct = /* @__PURE__ */ f(at, [["render", it]]), lt = {
672
+ const ct = /* @__PURE__ */ h(at, [["render", it]]), lt = {
660
673
  name: "Core:Button",
661
674
  builtIn: !0,
662
675
  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
@@ -694,7 +707,7 @@ const ct = /* @__PURE__ */ f(at, [["render", it]]), lt = {
694
707
  static: !0,
695
708
  noWrap: !0
696
709
  };
697
- function M(e) {
710
+ function $(e) {
698
711
  return e.__qwik_serializable__ = !0, e;
699
712
  }
700
713
  const dt = {
@@ -885,7 +898,7 @@ const dt = {
885
898
  ]
886
899
  }
887
900
  ],
888
- onChange: M((e) => {
901
+ onChange: $((e) => {
889
902
  function n() {
890
903
  t.forEach((o) => {
891
904
  o.delete("width");
@@ -949,18 +962,18 @@ const dt = {
949
962
  allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
950
963
  required: !0,
951
964
  defaultValue: "https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
952
- onChange: M((e) => {
965
+ onChange: $((e) => {
953
966
  e.delete("srcset"), e.delete("noWebp");
954
967
  function t(a, c = 6e4) {
955
- return new Promise((i, u) => {
956
- const m = document.createElement("img");
968
+ return new Promise((i, m) => {
969
+ const d = document.createElement("img");
957
970
  let p = !1;
958
- m.onload = () => {
959
- p = !0, i(m);
960
- }, m.addEventListener("error", (_) => {
961
- console.warn("Image load failed", _.error), u(_.error);
962
- }), m.src = a, setTimeout(() => {
963
- p || u(new Error("Image load timed out"));
971
+ d.onload = () => {
972
+ p = !0, i(d);
973
+ }, d.addEventListener("error", (b) => {
974
+ console.warn("Image load failed", b.error), m(b.error);
975
+ }), d.src = a, setTimeout(() => {
976
+ p || m(new Error("Image load timed out"));
964
977
  }, c);
965
978
  });
966
979
  }
@@ -1272,7 +1285,7 @@ const dt = {
1272
1285
  required: !0,
1273
1286
  defaultValue: "",
1274
1287
  helperText: "e.g. enter a youtube url, google map, etc",
1275
- onChange: M((e) => {
1288
+ onChange: $((e) => {
1276
1289
  const n = e.get("url");
1277
1290
  if (n)
1278
1291
  return e.set("content", "Loading..."), fetch(
@@ -1335,24 +1348,16 @@ const dt = {
1335
1348
  }
1336
1349
  }
1337
1350
  }
1338
- },
1339
- compatConfig: { MODE: 3 }
1351
+ }
1340
1352
  }, _t = ["innerHTML"];
1341
- function Ct(e, n, t, o, r, s) {
1342
- return l(), d("div", {
1353
+ function kt(e, n, t, o, r, s) {
1354
+ return l(), u("div", {
1343
1355
  class: "builder-embed",
1344
1356
  ref: "elem",
1345
1357
  innerHTML: t.content
1346
1358
  }, null, 8, _t);
1347
1359
  }
1348
- const kt = /* @__PURE__ */ f(xt, [["render", Ct]]);
1349
- function wt() {
1350
- return h() && window.self !== window.top;
1351
- }
1352
- function g() {
1353
- return wt() && window.location.search.indexOf("builder.frameEditing=") !== -1;
1354
- }
1355
- const St = {
1360
+ const Ct = /* @__PURE__ */ h(xt, [["render", kt]]), wt = {
1356
1361
  name: "builder-img-component",
1357
1362
  props: [
1358
1363
  "backgroundSize",
@@ -1362,11 +1367,10 @@ const St = {
1362
1367
  "image",
1363
1368
  "attributes"
1364
1369
  ],
1365
- data: () => ({ isEditing: g }),
1366
- compatConfig: { MODE: 3 }
1367
- }, It = ["alt", "src"];
1368
- function Tt(e, n, t, o, r, s) {
1369
- return l(), d("img", x(t.attributes, {
1370
+ data: () => ({ isEditing: g })
1371
+ }, St = ["alt", "src"];
1372
+ function It(e, n, t, o, r, s) {
1373
+ return l(), u("img", _(t.attributes, {
1370
1374
  style: {
1371
1375
  objectFit: t.backgroundSize || "cover",
1372
1376
  objectPosition: t.backgroundPosition || "center"
@@ -1374,9 +1378,9 @@ function Tt(e, n, t, o, r, s) {
1374
1378
  key: e.isEditing() && t.imgSrc || "default-key",
1375
1379
  alt: t.altText,
1376
1380
  src: t.imgSrc || t.image
1377
- }), null, 16, It);
1381
+ }), null, 16, St);
1378
1382
  }
1379
- const Rt = /* @__PURE__ */ f(St, [["render", Tt]]), Et = {
1383
+ const Tt = /* @__PURE__ */ h(wt, [["render", It]]), Rt = {
1380
1384
  name: "Raw:Img",
1381
1385
  hideFromInsertMenu: !0,
1382
1386
  builtIn: !0,
@@ -1392,7 +1396,7 @@ const Rt = /* @__PURE__ */ f(St, [["render", Tt]]), Et = {
1392
1396
  ],
1393
1397
  noWrap: !0,
1394
1398
  static: !0
1395
- }, Ft = {
1399
+ }, Et = {
1396
1400
  name: "builder-custom-code",
1397
1401
  props: ["replaceNodes", "code"],
1398
1402
  data: () => ({ scriptsInserted: [], scriptsRun: [] }),
@@ -1436,21 +1440,20 @@ const Rt = /* @__PURE__ */ f(St, [["render", Tt]]), Et = {
1436
1440
  n[o] = !0;
1437
1441
  return n;
1438
1442
  }
1439
- },
1440
- compatConfig: { MODE: 3 }
1441
- }, Ot = ["innerHTML"];
1443
+ }
1444
+ }, Ft = ["innerHTML"];
1442
1445
  function jt(e, n, t, o, r, s) {
1443
- return l(), d("div", {
1446
+ return l(), u("div", {
1444
1447
  ref: "elem",
1445
- class: O(
1448
+ class: U(
1446
1449
  s._classStringToObject(
1447
1450
  "builder-custom-code" + (t.replaceNodes ? " replace-nodes" : "")
1448
1451
  )
1449
1452
  ),
1450
1453
  innerHTML: t.code
1451
- }, null, 10, Ot);
1454
+ }, null, 10, Ft);
1452
1455
  }
1453
- const Ut = /* @__PURE__ */ f(Ft, [["render", jt]]), Mt = {
1456
+ const Ut = /* @__PURE__ */ h(Et, [["render", jt]]), Vt = {
1454
1457
  name: "Custom Code",
1455
1458
  static: !0,
1456
1459
  builtIn: !0,
@@ -1477,18 +1480,18 @@ const Ut = /* @__PURE__ */ f(Ft, [["render", jt]]), Mt = {
1477
1480
  advanced: !0
1478
1481
  }
1479
1482
  ]
1480
- }, Vt = () => [
1481
- { component: me, ...dt },
1482
- { component: Ce, ...mt },
1483
- { component: Rt, ...Et },
1483
+ }, At = () => [
1484
+ { component: pe, ...dt },
1485
+ { component: ke, ...mt },
1486
+ { component: Tt, ...Rt },
1484
1487
  { component: Ie, ...ft },
1485
1488
  { component: Fe, ...gt },
1486
1489
  { component: Qe, ...ht },
1487
1490
  { component: nt, ...lt },
1488
1491
  { component: rt, ...pt },
1489
1492
  { component: ct, ...ut },
1490
- { component: kt, ...bt },
1491
- { component: Ut, ...Mt }
1493
+ { component: Ct, ...bt },
1494
+ { component: Ut, ...Vt }
1492
1495
  ];
1493
1496
  function N({
1494
1497
  code: e,
@@ -1502,8 +1505,8 @@ function N({
1502
1505
  }
1503
1506
  const r = {
1504
1507
  isEditing: g(),
1505
- isBrowser: h(),
1506
- isServer: !h()
1508
+ isBrowser: f(),
1509
+ isServer: !f()
1507
1510
  }, a = !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
1508
1511
  try {
1509
1512
  return new Function(
@@ -1526,25 +1529,25 @@ function N({
1526
1529
  );
1527
1530
  }
1528
1531
  }
1529
- function At() {
1530
- return !h() || g() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
1532
+ function $t() {
1533
+ return !f() || g() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
1531
1534
  }
1532
1535
  const Q = [];
1533
- function hn(e, n) {
1536
+ function pn(e, n) {
1534
1537
  return Q.push({ component: e, ...n }), console.warn(
1535
1538
  "registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK."
1536
1539
  ), e;
1537
1540
  }
1538
- const $t = ({
1541
+ const Ot = ({
1539
1542
  component: e,
1540
1543
  ...n
1541
1544
  }) => ({
1542
1545
  type: "builder.registerComponent",
1543
- data: Bt(n)
1544
- }), Z = (e) => JSON.parse(JSON.stringify(e)), Pt = (e) => typeof e == "function" ? Wt(e) : Z(e), Wt = (e) => {
1546
+ data: Wt(n)
1547
+ }), Z = (e) => JSON.parse(JSON.stringify(e)), Bt = (e) => typeof e == "function" ? Pt(e) : Z(e), Pt = (e) => {
1545
1548
  const n = e.toString().trim();
1546
1549
  return `return (${!n.startsWith("function") && !n.startsWith("(") ? "function " : ""}${n}).apply(this, arguments)`;
1547
- }, Bt = ({
1550
+ }, Wt = ({
1548
1551
  inputs: e,
1549
1552
  ...n
1550
1553
  }) => ({
@@ -1553,7 +1556,7 @@ const $t = ({
1553
1556
  (t) => Object.entries(t).reduce(
1554
1557
  (o, [r, s]) => ({
1555
1558
  ...o,
1556
- [r]: Pt(s)
1559
+ [r]: Bt(s)
1557
1560
  }),
1558
1561
  {}
1559
1562
  )
@@ -1568,23 +1571,23 @@ function Lt() {
1568
1571
  function ee() {
1569
1572
  return Lt().replace(/-/g, "");
1570
1573
  }
1571
- const te = "builderSessionId", Nt = async ({ canTrack: e }) => {
1574
+ const te = "builderSessionId", Mt = async ({ canTrack: e }) => {
1572
1575
  if (!e)
1573
1576
  return;
1574
- const n = await J({
1577
+ const n = await G({
1575
1578
  name: te,
1576
1579
  canTrack: e
1577
1580
  });
1578
- if (S(n))
1581
+ if (T(n))
1579
1582
  return n;
1580
1583
  {
1581
- const t = Dt();
1584
+ const t = Nt();
1582
1585
  Ht({ id: t, canTrack: e });
1583
1586
  }
1584
- }, Dt = () => ee(), Ht = ({
1587
+ }, Nt = () => ee(), Ht = ({
1585
1588
  id: e,
1586
1589
  canTrack: n
1587
- }) => G({ name: te, value: e, canTrack: n }), ne = () => h() && typeof localStorage < "u" ? localStorage : void 0, zt = ({
1590
+ }) => J({ name: te, value: e, canTrack: n }), ne = () => f() && typeof localStorage < "u" ? localStorage : void 0, zt = ({
1588
1591
  key: e,
1589
1592
  canTrack: n
1590
1593
  }) => {
@@ -1605,37 +1608,37 @@ const te = "builderSessionId", Nt = async ({ canTrack: e }) => {
1605
1608
  } catch (r) {
1606
1609
  console.debug("[LocalStorage] SET error: ", r);
1607
1610
  }
1608
- }, oe = "builderVisitorId", Kt = ({ canTrack: e }) => {
1611
+ }, oe = "builderVisitorId", Dt = ({ canTrack: e }) => {
1609
1612
  if (!e)
1610
1613
  return;
1611
1614
  const n = zt({
1612
1615
  key: oe,
1613
1616
  canTrack: e
1614
1617
  });
1615
- if (S(n))
1618
+ if (T(n))
1616
1619
  return n;
1617
1620
  {
1618
- const t = Jt();
1621
+ const t = Kt();
1619
1622
  Gt({ id: t, canTrack: e });
1620
1623
  }
1621
- }, Jt = () => ee(), Gt = ({
1624
+ }, Kt = () => ee(), Gt = ({
1622
1625
  id: e,
1623
1626
  canTrack: n
1624
1627
  }) => qt({
1625
1628
  key: oe,
1626
1629
  value: e,
1627
1630
  canTrack: n
1628
- }), Yt = async ({
1631
+ }), Jt = async ({
1629
1632
  canTrack: e
1630
1633
  }) => {
1631
1634
  if (!e)
1632
1635
  return { visitorId: void 0, sessionId: void 0 };
1633
- const n = await Nt({ canTrack: e }), t = Kt({ canTrack: e });
1636
+ const n = await Mt({ canTrack: e }), t = Dt({ canTrack: e });
1634
1637
  return {
1635
1638
  sessionId: n,
1636
1639
  visitorId: t
1637
1640
  };
1638
- }, Xt = async ({
1641
+ }, Yt = async ({
1639
1642
  type: e,
1640
1643
  canTrack: n,
1641
1644
  orgId: t,
@@ -1645,17 +1648,17 @@ const te = "builderSessionId", Nt = async ({ canTrack: e }) => {
1645
1648
  type: e,
1646
1649
  data: {
1647
1650
  ...r,
1648
- ...await Yt({ canTrack: n }),
1651
+ ...await Jt({ canTrack: n }),
1649
1652
  ownerId: t,
1650
1653
  contentId: o
1651
1654
  }
1652
1655
  });
1653
- async function D(e) {
1654
- if (!!e.canTrack && !g() && !!(h() || j === "reactNative"))
1656
+ async function H(e) {
1657
+ if (!!e.canTrack && !g() && !!(f() || V === "reactNative"))
1655
1658
  return fetch("https://builder.io/api/v1/track", {
1656
1659
  method: "POST",
1657
1660
  body: JSON.stringify({
1658
- events: [await Xt(e)]
1661
+ events: [await Yt(e)]
1659
1662
  }),
1660
1663
  headers: {
1661
1664
  "content-type": "application/json"
@@ -1665,21 +1668,21 @@ async function D(e) {
1665
1668
  console.error("Failed to track: ", n);
1666
1669
  });
1667
1670
  }
1668
- const Qt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((e) => {
1671
+ const Xt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((e) => {
1669
1672
  throw console.error(
1670
1673
  "Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
1671
1674
  e
1672
1675
  ), e;
1673
- }), Zt = () => import("./render-styles.750ea842.js").then((e) => e.default).catch((e) => {
1676
+ }), Qt = () => import("./render-styles.efaaccdf.js").then((e) => e.default).catch((e) => {
1674
1677
  throw console.error(
1675
1678
  "Error while attempting to dynamically import component RenderContentStyles at ./components/render-styles.vue",
1676
1679
  e
1677
1680
  ), e;
1678
- }), en = {
1681
+ }), Zt = {
1679
1682
  name: "render-content",
1680
1683
  components: {
1681
- "render-content-styles": y(Zt),
1682
- "render-blocks": y(Qt)
1684
+ RenderContentStyles: v(Qt),
1685
+ RenderBlocks: v(Xt)
1683
1686
  },
1684
1687
  props: [
1685
1688
  "content",
@@ -1688,14 +1691,16 @@ const Qt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
1688
1691
  "context",
1689
1692
  "customComponents",
1690
1693
  "model",
1691
- "apiKey"
1694
+ "apiKey",
1695
+ "locale",
1696
+ "includeRefs"
1692
1697
  ],
1693
1698
  data: () => ({
1694
1699
  forceReRenderCount: 0,
1695
1700
  overrideContent: null,
1696
1701
  update: 0,
1697
1702
  overrideState: {},
1698
- markMutable: U
1703
+ markMutable: A
1699
1704
  }),
1700
1705
  provide() {
1701
1706
  const e = this;
@@ -1721,22 +1726,29 @@ const Qt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
1721
1726
  },
1722
1727
  mounted() {
1723
1728
  var e;
1724
- if (h()) {
1725
- if (g() && (this.forceReRenderCount = this.forceReRenderCount + 1, ie(), ce(), Object.values(this.allRegisteredComponents).forEach(
1729
+ if (f()) {
1730
+ if (g() && (this.forceReRenderCount = this.forceReRenderCount + 1, ce(), le({
1731
+ ...this.locale ? {
1732
+ locale: this.locale
1733
+ } : {},
1734
+ ...this.includeRefs ? {
1735
+ includeRefs: this.includeRefs
1736
+ } : {}
1737
+ }), Object.values(this.allRegisteredComponents).forEach(
1726
1738
  (n) => {
1727
1739
  var o;
1728
- const t = $t(n);
1740
+ const t = Ot(n);
1729
1741
  (o = window.parent) == null || o.postMessage(t, "*");
1730
1742
  }
1731
1743
  ), window.addEventListener("message", this.processMessage), window.addEventListener(
1732
1744
  "builder:component:stateChangeListenerActivated",
1733
1745
  this.emitStateUpdate
1734
- )), this.useContent && D({
1746
+ )), this.useContent && H({
1735
1747
  type: "impression",
1736
1748
  canTrack: this.canTrackToUse,
1737
1749
  contentId: (e = this.useContent) == null ? void 0 : e.id,
1738
1750
  orgId: this.apiKey
1739
- }), At()) {
1751
+ }), $t()) {
1740
1752
  const n = new URL(location.href).searchParams;
1741
1753
  if (this.model && n.get("builder.preview") === this.model) {
1742
1754
  const t = n.get("apiKey") || n.get("builder.space");
@@ -1763,7 +1775,7 @@ const Qt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
1763
1775
  }
1764
1776
  },
1765
1777
  unmounted() {
1766
- h() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
1778
+ f() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
1767
1779
  "builder:component:stateChangeListenerActivated",
1768
1780
  this.emitStateUpdate
1769
1781
  ));
@@ -1797,7 +1809,7 @@ const Qt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
1797
1809
  },
1798
1810
  allRegisteredComponents() {
1799
1811
  return [
1800
- ...Vt(),
1812
+ ...At(),
1801
1813
  ...Q,
1802
1814
  ...this.customComponents || []
1803
1815
  ].reduce(
@@ -1811,7 +1823,7 @@ const Qt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
1811
1823
  shouldRenderContentStyles() {
1812
1824
  var e, n, t, o, r;
1813
1825
  return Boolean(
1814
- (((n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.cssCode) || ((r = (o = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : o.customFonts) == null ? void 0 : r.length)) && j !== "reactNative"
1826
+ (((n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.cssCode) || ((r = (o = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : o.customFonts) == null ? void 0 : r.length)) && V !== "reactNative"
1815
1827
  );
1816
1828
  },
1817
1829
  onUpdateHook0() {
@@ -1855,7 +1867,7 @@ const Qt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
1855
1867
  },
1856
1868
  onClick(e) {
1857
1869
  var n;
1858
- this.useContent && D({
1870
+ this.useContent && H({
1859
1871
  type: "click",
1860
1872
  canTrack: this.canTrackToUse,
1861
1873
  contentId: (n = this.useContent) == null ? void 0 : n.id,
@@ -1905,49 +1917,48 @@ const Qt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
1905
1917
  })
1906
1918
  );
1907
1919
  }
1908
- },
1909
- compatConfig: { MODE: 3 }
1910
- }, tn = ["builder-content-id"];
1911
- function nn(e, n, t, o, r, s) {
1912
- var i, u, m, p, _, V, A;
1913
- const a = v("render-content-styles"), c = v("render-blocks");
1914
- return s.useContent ? (l(), d("div", {
1920
+ }
1921
+ }, en = ["builder-content-id"];
1922
+ function tn(e, n, t, o, r, s) {
1923
+ var i, m, d, p, b, k, O;
1924
+ const a = x("render-content-styles"), c = x("render-blocks");
1925
+ return s.useContent ? (l(), u("div", {
1915
1926
  key: 0,
1916
1927
  ref: "elementRef",
1917
1928
  onClick: n[0] || (n[0] = (re) => s.onClick(re)),
1918
1929
  "builder-content-id": (i = s.useContent) == null ? void 0 : i.id
1919
1930
  }, [
1920
- s.shouldRenderContentStyles ? (l(), w(a, {
1931
+ s.shouldRenderContentStyles ? (l(), I(a, {
1921
1932
  key: 0,
1922
- cssCode: (m = (u = s.useContent) == null ? void 0 : u.data) == null ? void 0 : m.cssCode,
1923
- customFonts: (_ = (p = s.useContent) == null ? void 0 : p.data) == null ? void 0 : _.customFonts
1924
- }, null, 8, ["cssCode", "customFonts"])) : b("", !0),
1925
- (l(), w(c, {
1926
- blocks: e.markMutable((A = (V = s.useContent) == null ? void 0 : V.data) == null ? void 0 : A.blocks),
1933
+ cssCode: (d = (m = s.useContent) == null ? void 0 : m.data) == null ? void 0 : d.cssCode,
1934
+ customFonts: (b = (p = s.useContent) == null ? void 0 : p.data) == null ? void 0 : b.customFonts
1935
+ }, null, 8, ["cssCode", "customFonts"])) : y("", !0),
1936
+ (l(), I(c, {
1937
+ blocks: e.markMutable((O = (k = s.useContent) == null ? void 0 : k.data) == null ? void 0 : O.blocks),
1927
1938
  key: e.forceReRenderCount
1928
1939
  }, null, 8, ["blocks"]))
1929
- ], 8, tn)) : b("", !0);
1940
+ ], 8, en)) : y("", !0);
1930
1941
  }
1931
- const on = /* @__PURE__ */ f(en, [["render", nn]]), sn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
1942
+ const nn = /* @__PURE__ */ h(Zt, [["render", tn]]), on = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
1932
1943
  __proto__: null,
1933
- default: on
1934
- }, Symbol.toStringTag, { value: "Module" })), rn = () => import("./block-styles.1f1fb83d.js").then((e) => e.default).catch((e) => {
1944
+ default: nn
1945
+ }, Symbol.toStringTag, { value: "Module" })), sn = () => import("./block-styles.88005ace.js").then((e) => e.default).catch((e) => {
1935
1946
  throw console.error(
1936
1947
  "Error while attempting to dynamically import component BlockStyles at ./render-block/block-styles.vue",
1937
1948
  e
1938
1949
  ), e;
1939
- }), an = () => import("./render-block.3cdd0c66.js").then((e) => e.default).catch((e) => {
1950
+ }), rn = () => import("./render-block.593fc01c.js").then((e) => e.default).catch((e) => {
1940
1951
  throw console.error(
1941
1952
  "Error while attempting to dynamically import component RenderBlock at ./render-block/render-block.vue",
1942
1953
  e
1943
1954
  ), e;
1944
- }), cn = {
1955
+ }), an = {
1945
1956
  name: "render-blocks",
1946
1957
  components: {
1947
- "render-block": y(an),
1948
- "block-styles": y(rn)
1958
+ RenderBlock: v(rn),
1959
+ BlockStyles: v(sn)
1949
1960
  },
1950
- props: ["blocks", "parent", "path"],
1961
+ props: ["blocks", "parent", "path", "style"],
1951
1962
  inject: {
1952
1963
  builderContext: "BuilderContext"
1953
1964
  },
@@ -1993,75 +2004,75 @@ const on = /* @__PURE__ */ f(en, [["render", nn]]), sn = /* @__PURE__ */ Object.
1993
2004
  n[o] = !0;
1994
2005
  return n;
1995
2006
  }
1996
- },
1997
- compatConfig: { MODE: 3 }
2007
+ }
1998
2008
  };
1999
- const ln = ["builder-path", "builder-parent-id", "dataSet"];
2000
- function dn(e, n, t, o, r, s) {
2001
- const a = v("render-block"), c = v("block-styles");
2002
- return l(), d("div", {
2003
- class: O(s._classStringToObject(s.className + " div-3q96myty4lk")),
2009
+ const cn = ["builder-path", "builder-parent-id", "dataSet"];
2010
+ function ln(e, n, t, o, r, s) {
2011
+ const a = x("render-block"), c = x("block-styles");
2012
+ return l(), u("div", {
2013
+ class: U(s._classStringToObject(s.className + " div-7fq9d0i380")),
2004
2014
  "builder-path": t.path,
2005
2015
  "builder-parent-id": t.parent,
2006
2016
  dataSet: {
2007
2017
  class: s.className
2008
2018
  },
2019
+ style: C(t.style),
2009
2020
  onClick: n[0] || (n[0] = (i) => s.onClick()),
2010
2021
  onMouseenter: n[1] || (n[1] = (i) => s.onMouseEnter())
2011
2022
  }, [
2012
- t.blocks ? (l(!0), d(R, { key: 0 }, E(t.blocks, (i, u) => (l(), w(a, {
2023
+ t.blocks ? (l(!0), u(w, { key: 0 }, F(t.blocks, (i, m) => (l(), I(a, {
2013
2024
  key: "render-block-" + i.id,
2014
2025
  block: i,
2015
2026
  context: s.builderContext
2016
- }, null, 8, ["block", "context"]))), 128)) : b("", !0),
2017
- t.blocks ? (l(!0), d(R, { key: 1 }, E(t.blocks, (i, u) => (l(), w(c, {
2027
+ }, null, 8, ["block", "context"]))), 128)) : y("", !0),
2028
+ t.blocks ? (l(!0), u(w, { key: 1 }, F(t.blocks, (i, m) => (l(), I(c, {
2018
2029
  key: "block-style-" + i.id,
2019
2030
  block: i,
2020
2031
  context: s.builderContext
2021
- }, null, 8, ["block", "context"]))), 128)) : b("", !0)
2022
- ], 42, ln);
2032
+ }, null, 8, ["block", "context"]))), 128)) : y("", !0)
2033
+ ], 46, cn);
2023
2034
  }
2024
- const un = /* @__PURE__ */ f(cn, [["render", dn], ["__scopeId", "data-v-b37c318e"]]), se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2035
+ const dn = /* @__PURE__ */ h(an, [["render", ln], ["__scopeId", "data-v-768b9dd4"]]), se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2025
2036
  __proto__: null,
2026
- default: un
2027
- }, Symbol.toStringTag, { value: "Module" })), H = {};
2028
- function fn(e) {
2029
- if (h()) {
2030
- Object.assign(H, e);
2037
+ default: dn
2038
+ }, Symbol.toStringTag, { value: "Module" })), z = {};
2039
+ function hn(e) {
2040
+ if (f()) {
2041
+ Object.assign(z, e);
2031
2042
  const n = {
2032
2043
  type: "builder.settingsChange",
2033
- data: H
2044
+ data: z
2034
2045
  };
2035
2046
  parent.postMessage(n, "*");
2036
2047
  }
2037
2048
  }
2038
2049
  export {
2039
2050
  nt as B,
2040
- me as C,
2051
+ pe as C,
2041
2052
  ct as F,
2042
- Ce as I,
2053
+ ke as I,
2043
2054
  Qe as S,
2044
- j as T,
2055
+ V as T,
2045
2056
  Fe as V,
2046
- f as _,
2057
+ h as _,
2047
2058
  Ie as a,
2048
2059
  rt as b,
2049
- un as c,
2050
- At as d,
2060
+ dn as c,
2061
+ $t as d,
2051
2062
  N as e,
2052
2063
  Q as f,
2053
- hn as g,
2054
- $t as h,
2064
+ pn as g,
2065
+ Ot as h,
2055
2066
  g as i,
2056
- ae as j,
2067
+ ie as j,
2057
2068
  X as k,
2058
- qe as l,
2059
- pn as m,
2069
+ De as l,
2070
+ mn as m,
2060
2071
  Ke as n,
2061
- Oe as o,
2062
- je as p,
2063
- Ue as q,
2064
- on as r,
2065
- fn as s,
2066
- q as t
2072
+ je as o,
2073
+ Ue as p,
2074
+ Ve as q,
2075
+ nn as r,
2076
+ hn as s,
2077
+ D as t
2067
2078
  };