@builder.io/sdk-vue 0.2.0 → 0.2.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.
- package/package.json +1 -1
- package/packages/_vue2/dist/block-styles.1657b45f.cjs +1 -0
- package/packages/_vue2/dist/{block-styles.97de2652.js → block-styles.e14644b9.js} +14 -11
- package/packages/_vue2/dist/css.883115fd.cjs +6 -0
- package/packages/_vue2/dist/{css.4d4e03cf.js → css.9b722913.js} +1 -1
- package/packages/_vue2/dist/{index.346656f6.js → index.af260d16.js} +20 -20
- package/packages/_vue2/dist/{index.c72abf65.cjs → index.b9a8defa.cjs} +4 -4
- package/packages/_vue2/dist/render-block.73e50e2a.cjs +3 -0
- package/packages/_vue2/dist/{render-block.1c1312ce.js → render-block.9394f002.js} +52 -59
- package/packages/_vue2/dist/{render-component.de99974e.js → render-component.58fe0189.js} +3 -3
- package/packages/_vue2/dist/{render-component.4ed8b740.cjs → render-component.ab9c6751.cjs} +1 -1
- package/packages/_vue2/dist/{render-inlined-styles.1c2c5bf9.js → render-inlined-styles.cdf66d21.js} +4 -4
- package/packages/_vue2/dist/{render-inlined-styles.3797e28a.cjs → render-inlined-styles.f139e6d2.cjs} +1 -1
- package/packages/_vue2/dist/{render-repeated-block.dc48228e.cjs → render-repeated-block.d7008df1.cjs} +1 -1
- package/packages/_vue2/dist/{render-repeated-block.d7d1e175.js → render-repeated-block.fd7c9132.js} +2 -2
- package/packages/_vue2/dist/{render-styles.a61feef4.js → render-styles.039fcc51.js} +2 -2
- package/packages/_vue2/dist/{render-styles.23d118f3.cjs → render-styles.5f902b3b.cjs} +3 -3
- package/packages/_vue2/dist/sdk.cjs +1 -1
- package/packages/_vue2/dist/sdk.js +1 -1
- package/packages/_vue2/dist/src/blocks/columns/columns.vue.d.ts +5 -7
- package/packages/_vue2/dist/src/blocks/symbol/symbol.vue.d.ts +5 -7
- package/packages/_vue2/dist/src/components/render-block/block-styles.vue.d.ts +1 -1
- package/packages/_vue2/dist/src/components/render-block/render-block.helpers.d.ts +1 -0
- package/packages/_vue2/dist/src/components/render-block/render-block.vue.d.ts +3 -5
- package/packages/_vue2/dist/src/components/render-block/render-component.vue.d.ts +3 -5
- package/packages/_vue2/dist/src/components/render-block/render-repeated-block.vue.d.ts +3 -5
- package/packages/_vue2/dist/src/components/render-blocks.vue.d.ts +4 -6
- package/packages/_vue2/dist/src/components/render-content/components/render-styles.vue.d.ts +1 -1
- package/packages/_vue2/dist/src/components/render-content/render-content.vue.d.ts +5 -7
- package/packages/_vue2/dist/src/components/render-inlined-styles.vue.d.ts +1 -1
- package/packages/_vue2/dist/style.css +1 -1
- package/packages/_vue3/dist/block-styles.02894248.cjs +1 -0
- package/packages/_vue3/dist/{block-styles.40e4c9b5.js → block-styles.6e74059d.js} +14 -11
- package/packages/_vue3/dist/{css.785b2126.cjs → css.4fc86c7e.cjs} +1 -1
- package/packages/_vue3/dist/{css.77c76358.js → css.a2956fb2.js} +1 -1
- package/packages/_vue3/dist/{index.9fb3a7e0.cjs → index.501ef5e2.cjs} +3 -3
- package/packages/_vue3/dist/{index.4931a4d1.js → index.b87b71f2.js} +6 -6
- package/packages/_vue3/dist/{render-block.6fa26228.js → render-block.1a6dc153.js} +85 -92
- package/packages/_vue3/dist/render-block.a0bf0cfc.cjs +3 -0
- package/packages/_vue3/dist/{render-component.44d63ad3.js → render-component.c1760213.js} +3 -3
- package/packages/_vue3/dist/{render-component.2721bc0c.cjs → render-component.ce1da9f7.cjs} +1 -1
- package/packages/_vue3/dist/{render-inlined-styles.dccd4787.js → render-inlined-styles.1e4cf51b.js} +4 -4
- package/packages/_vue3/dist/{render-inlined-styles.b1441d2d.cjs → render-inlined-styles.4e769566.cjs} +1 -1
- package/packages/_vue3/dist/{render-repeated-block.1360a469.cjs → render-repeated-block.607b20dd.cjs} +1 -1
- package/packages/_vue3/dist/{render-repeated-block.e5d7da62.js → render-repeated-block.bc4f1130.js} +2 -2
- package/packages/_vue3/dist/{render-styles.850fddb0.js → render-styles.86b7cc7d.js} +2 -2
- package/packages/_vue3/dist/{render-styles.e1959d28.cjs → render-styles.efd8cf3d.cjs} +2 -2
- package/packages/_vue3/dist/sdk.cjs +1 -1
- package/packages/_vue3/dist/sdk.js +1 -1
- package/packages/_vue3/dist/src/blocks/columns/columns.vue.d.ts +2 -2
- package/packages/_vue3/dist/src/blocks/symbol/symbol.vue.d.ts +2 -2
- package/packages/_vue3/dist/src/components/render-block/block-styles.vue.d.ts +1 -1
- package/packages/_vue3/dist/src/components/render-block/render-block.helpers.d.ts +1 -0
- package/packages/_vue3/dist/src/components/render-blocks.vue.d.ts +1 -1
- package/packages/_vue3/dist/src/components/render-content/components/render-styles.vue.d.ts +1 -1
- package/packages/_vue3/dist/src/components/render-content/render-content.vue.d.ts +2 -2
- package/packages/_vue3/dist/src/components/render-inlined-styles.vue.d.ts +1 -1
- package/packages/_vue3/dist/style.css +1 -1
- package/packages/_vue2/dist/block-styles.ef03a37e.cjs +0 -1
- package/packages/_vue2/dist/css.75f390cc.cjs +0 -6
- package/packages/_vue2/dist/render-block.2880ad6e.cjs +0 -3
- package/packages/_vue2/dist/src/functions/get-block-tag.d.ts +0 -3
- package/packages/_vue3/dist/block-styles.32155e57.cjs +0 -1
- package/packages/_vue3/dist/render-block.cfb6d51a.cjs +0 -3
- package/packages/_vue3/dist/src/functions/get-block-tag.d.ts +0 -3
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.b9a8defa.cjs"),r=require("./css.883115fd.cjs"),h=()=>Promise.resolve().then(()=>require("./render-inlined-styles.f139e6d2.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",e),e}),y={name:"block-styles",components:{RenderInlinedStyles:h},props:["block","context"],data(){return{TARGET:t.TARGET}},computed:{useBlock(){return r.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},canShowBlock(){return t.checkIsDefined(this.useBlock.hide)?!this.useBlock.hide:t.checkIsDefined(this.useBlock.show)?this.useBlock.show:!0},css(){var a;const e=this.useBlock.responsiveStyles,s=this.context.content,n=t.getSizesForBreakpoints(((a=s==null?void 0:s.meta)==null?void 0:a.breakpoints)||{}),l=e==null?void 0:e.large,c=e==null?void 0:e.medium,i=e==null?void 0:e.small,o=this.useBlock.id;if(!o)return"";const d=l?r.createCssClass({className:o,styles:l}):"",u=c?r.createCssClass({className:o,styles:c,mediaQuery:t.getMaxWidthQueryForSize("medium",n)}):"",m=i?r.createCssClass({className:o,styles:i,mediaQuery:t.getMaxWidthQueryForSize("small",n)}):"";return[d,u,m].join(" ")}}};var k=function(){var s=this,n=s._self._c;return s.TARGET!=="reactNative"&&s.css&&s.canShowBlock?n("render-inlined-styles",{attrs:{styles:s.css}}):s._e()},f=[],S=t.normalizeComponent(y,k,f,!1,null,null,null,null);const p=S.exports;exports.default=p;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { T as k, c as i, g as p, a as u, n as y } from "./index.
|
|
2
|
-
import { g as _, c as o } from "./css.
|
|
3
|
-
const
|
|
1
|
+
import { T as k, c as i, g as p, a as u, n as y } from "./index.af260d16.js";
|
|
2
|
+
import { g as _, c as o } from "./css.9b722913.js";
|
|
3
|
+
const f = () => import("./render-inlined-styles.cdf66d21.js").then((e) => e.default).catch((e) => {
|
|
4
4
|
throw console.error(
|
|
5
5
|
"Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",
|
|
6
6
|
e
|
|
7
7
|
), e;
|
|
8
|
-
}),
|
|
8
|
+
}), S = {
|
|
9
9
|
name: "block-styles",
|
|
10
|
-
components: { RenderInlinedStyles:
|
|
10
|
+
components: { RenderInlinedStyles: f },
|
|
11
11
|
props: ["block", "context"],
|
|
12
12
|
data() {
|
|
13
13
|
return { TARGET: k };
|
|
@@ -28,19 +28,22 @@ const S = () => import("./render-inlined-styles.1c2c5bf9.js").then((e) => e.defa
|
|
|
28
28
|
var a;
|
|
29
29
|
const e = this.useBlock.responsiveStyles, s = this.context.content, t = p(
|
|
30
30
|
((a = s == null ? void 0 : s.meta) == null ? void 0 : a.breakpoints) || {}
|
|
31
|
-
), l = e == null ? void 0 : e.large,
|
|
31
|
+
), l = e == null ? void 0 : e.large, r = e == null ? void 0 : e.medium, c = e == null ? void 0 : e.small, n = this.useBlock.id;
|
|
32
|
+
if (!n)
|
|
33
|
+
return "";
|
|
34
|
+
const m = l ? o({
|
|
32
35
|
className: n,
|
|
33
36
|
styles: l
|
|
34
|
-
}) : "", d =
|
|
37
|
+
}) : "", d = r ? o({
|
|
35
38
|
className: n,
|
|
36
|
-
styles:
|
|
39
|
+
styles: r,
|
|
37
40
|
mediaQuery: u(
|
|
38
41
|
"medium",
|
|
39
42
|
t
|
|
40
43
|
)
|
|
41
|
-
}) : "", h =
|
|
44
|
+
}) : "", h = c ? o({
|
|
42
45
|
className: n,
|
|
43
|
-
styles:
|
|
46
|
+
styles: c,
|
|
44
47
|
mediaQuery: u(
|
|
45
48
|
"small",
|
|
46
49
|
t
|
|
@@ -54,7 +57,7 @@ var B = function() {
|
|
|
54
57
|
var s = this, t = s._self._c;
|
|
55
58
|
return s.TARGET !== "reactNative" && s.css && s.canShowBlock ? t("render-inlined-styles", { attrs: { styles: s.css } }) : s._e();
|
|
56
59
|
}, g = [], v = /* @__PURE__ */ y(
|
|
57
|
-
|
|
60
|
+
S,
|
|
58
61
|
B,
|
|
59
62
|
g,
|
|
60
63
|
!1,
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";const i=require("./index.b9a8defa.cjs"),l=(e,t,r)=>{if(Object(e)!==e)return e;const s=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return s.slice(0,-1).reduce((n,o,c)=>Object(n[o])===n[o]?n[o]:n[o]=Math.abs(Number(s[c+1]))>>0===+s[c+1]?[]:{},e)[s[s.length-1]]=r,e};const d=({block:e,context:t,state:r})=>{if(!e.bindings)return e;const s=i.fastClone(e),n={...s,properties:{...s.properties},actions:{...s.actions}};for(const o in e.bindings){const c=e.bindings[o],u=i.evaluate({code:c,state:r,context:t});l(n,o,u)}return n};function f({block:e,context:t,shouldEvaluateBindings:r,state:s}){const n=e;return r?d({block:n,state:s,context:t}):n}const p=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),a=e=>Object.entries(e).map(([r,s])=>{if(typeof s=="string")return`${p(r)}: ${s};`}).filter(i.checkIsDefined),g=e=>a(e).join(`
|
|
2
|
+
`),C=({mediaQuery:e,className:t,styles:r})=>{const s=`.${t} {
|
|
3
|
+
${g(r)}
|
|
4
|
+
}`;return e?`${e} {
|
|
5
|
+
${s}
|
|
6
|
+
}`:s};exports.convertStyleMapToCSSArray=a;exports.createCssClass=C;exports.getProcessedBlock=f;
|
|
@@ -124,7 +124,7 @@ const Q = Y.exports, w = (t) => JSON.parse(JSON.stringify(t)), V = {
|
|
|
124
124
|
"Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",
|
|
125
125
|
t
|
|
126
126
|
), t;
|
|
127
|
-
}), ne = () => import("./render-inlined-styles.
|
|
127
|
+
}), ne = () => import("./render-inlined-styles.cdf66d21.js").then((t) => t.default).catch((t) => {
|
|
128
128
|
throw console.error(
|
|
129
129
|
"Error while attempting to dynamically import component RenderInlinedStyles at ../../components/render-inlined-styles.vue",
|
|
130
130
|
t
|
|
@@ -387,21 +387,21 @@ var ge = function() {
|
|
|
387
387
|
var o, s, r, i;
|
|
388
388
|
var e = this, n = e._self._c;
|
|
389
389
|
return n("div", [n("picture", [e.webpSrcSet ? [n("source", { attrs: { type: "image/webp", srcset: e.webpSrcSet } })] : e._e(), n("img", { class: e._classStringToObject(
|
|
390
|
-
"builder-image" + (e.className ? " " + e.className : "") + " img-
|
|
390
|
+
"builder-image" + (e.className ? " " + e.className : "") + " img-1pl23ac79ld"
|
|
391
391
|
), style: {
|
|
392
392
|
objectPosition: e.backgroundPosition || "center",
|
|
393
393
|
objectFit: e.backgroundSize || "cover",
|
|
394
394
|
...e.aspectRatioCss
|
|
395
|
-
}, attrs: { loading: "lazy", alt: e.altText, role: e.altText ? "presentation" : void 0, src: e.image, srcset: e.srcSetToUse, sizes: e.sizes } })], 2), e.aspectRatio && !(((s = (o = e.builderBlock) == null ? void 0 : o.children) == null ? void 0 : s.length) && e.fitContent) ? [n("div", { staticClass: "builder-image-sizer div-
|
|
395
|
+
}, attrs: { loading: "lazy", alt: e.altText, role: e.altText ? "presentation" : void 0, src: e.image, srcset: e.srcSetToUse, sizes: e.sizes } })], 2), e.aspectRatio && !(((s = (o = e.builderBlock) == null ? void 0 : o.children) == null ? void 0 : s.length) && e.fitContent) ? [n("div", { staticClass: "builder-image-sizer div-1pl23ac79ld", style: {
|
|
396
396
|
paddingTop: e.aspectRatio * 100 + "%"
|
|
397
|
-
} })] : e._e(), ((i = (r = e.builderBlock) == null ? void 0 : r.children) == null ? void 0 : i.length) && e.fitContent ? [e._t("default")] : e._e(), !e.fitContent && e.children ? [n("div", { staticClass: "div-
|
|
397
|
+
} })] : e._e(), ((i = (r = e.builderBlock) == null ? void 0 : r.children) == null ? void 0 : i.length) && e.fitContent ? [e._t("default")] : e._e(), !e.fitContent && e.children ? [n("div", { staticClass: "div-1pl23ac79ld-2" }, [e._t("default")], 2)] : e._e()], 2);
|
|
398
398
|
}, be = [], ye = /* @__PURE__ */ h(
|
|
399
399
|
fe,
|
|
400
400
|
ge,
|
|
401
401
|
be,
|
|
402
402
|
!1,
|
|
403
403
|
null,
|
|
404
|
-
"
|
|
404
|
+
"b5206874",
|
|
405
405
|
null,
|
|
406
406
|
null
|
|
407
407
|
);
|
|
@@ -415,12 +415,12 @@ function _e() {
|
|
|
415
415
|
function g() {
|
|
416
416
|
return _e() && window.location.search.indexOf("builder.frameEditing=") !== -1;
|
|
417
417
|
}
|
|
418
|
-
const xe = () => import("./block-styles.
|
|
418
|
+
const xe = () => import("./block-styles.e14644b9.js").then((t) => t.default).catch((t) => {
|
|
419
419
|
throw console.error(
|
|
420
420
|
"Error while attempting to dynamically import component BlockStyles at ./render-block/block-styles.vue",
|
|
421
421
|
t
|
|
422
422
|
), t;
|
|
423
|
-
}), ke = () => import("./render-block.
|
|
423
|
+
}), ke = () => import("./render-block.9394f002.js").then((t) => t.default).catch((t) => {
|
|
424
424
|
throw console.error(
|
|
425
425
|
"Error while attempting to dynamically import component RenderBlock at ./render-block/render-block.vue",
|
|
426
426
|
t
|
|
@@ -898,7 +898,7 @@ const Re = Ie.exports, O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
|
|
|
898
898
|
defaultValue: 0.7041
|
|
899
899
|
}
|
|
900
900
|
]
|
|
901
|
-
},
|
|
901
|
+
}, Fe = {
|
|
902
902
|
name: "Core:Section",
|
|
903
903
|
static: !0,
|
|
904
904
|
image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
|
|
@@ -942,7 +942,7 @@ const Re = Ie.exports, O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
|
|
|
942
942
|
}
|
|
943
943
|
}
|
|
944
944
|
]
|
|
945
|
-
},
|
|
945
|
+
}, je = {
|
|
946
946
|
name: "builder-section-component",
|
|
947
947
|
props: ["maxWidth", "attributes"],
|
|
948
948
|
methods: {
|
|
@@ -976,7 +976,7 @@ var Pe = function() {
|
|
|
976
976
|
marginRight: "auto"
|
|
977
977
|
} }, "section", e.filterAttrs(e.attributes, !1), !1), e.filterAttrs(e.attributes, !0)), [e._t("default")], 2);
|
|
978
978
|
}, Ve = [], Oe = /* @__PURE__ */ h(
|
|
979
|
-
|
|
979
|
+
je,
|
|
980
980
|
Pe,
|
|
981
981
|
Ve,
|
|
982
982
|
!1,
|
|
@@ -1659,16 +1659,16 @@ const Et = $t.exports, At = {
|
|
|
1659
1659
|
}
|
|
1660
1660
|
}
|
|
1661
1661
|
};
|
|
1662
|
-
var
|
|
1662
|
+
var Ft = function() {
|
|
1663
1663
|
var e = this, n = e._self._c;
|
|
1664
1664
|
return n("img", e._g(e._b({ key: e.isEditing() && e.imgSrc || "default-key", style: {
|
|
1665
1665
|
objectFit: e.backgroundSize || "cover",
|
|
1666
1666
|
objectPosition: e.backgroundPosition || "center"
|
|
1667
1667
|
}, attrs: { alt: e.altText, src: e.imgSrc || e.image } }, "img", e.filterAttrs(e.attributes, !1), !1), e.filterAttrs(e.attributes, !0)));
|
|
1668
|
-
},
|
|
1668
|
+
}, jt = [], Pt = /* @__PURE__ */ h(
|
|
1669
1669
|
At,
|
|
1670
|
-
jt,
|
|
1671
1670
|
Ft,
|
|
1671
|
+
jt,
|
|
1672
1672
|
!1,
|
|
1673
1673
|
null,
|
|
1674
1674
|
null,
|
|
@@ -1787,7 +1787,7 @@ const Nt = Mt.exports, Lt = {
|
|
|
1787
1787
|
{ component: pe, ...Ee },
|
|
1788
1788
|
{ component: ve, ...Ae },
|
|
1789
1789
|
{ component: Vt, ...Ot },
|
|
1790
|
-
{ component: Be, ...
|
|
1790
|
+
{ component: Be, ...Fe },
|
|
1791
1791
|
{ component: dt, ...Ue },
|
|
1792
1792
|
{ component: gt, ...ut },
|
|
1793
1793
|
{ component: kt, ...bt }
|
|
@@ -2105,7 +2105,7 @@ const un = (t = {}) => {
|
|
|
2105
2105
|
}
|
|
2106
2106
|
})));
|
|
2107
2107
|
};
|
|
2108
|
-
function
|
|
2108
|
+
function F(t) {
|
|
2109
2109
|
return Math.round(t * 1e3) / 1e3;
|
|
2110
2110
|
}
|
|
2111
2111
|
const pn = (t, e, n = !0) => {
|
|
@@ -2122,11 +2122,11 @@ const pn = (t, e, n = !0) => {
|
|
|
2122
2122
|
}, mn = (t) => pn(t, (e) => {
|
|
2123
2123
|
const n = e.getAttribute("builder-id") || e.id;
|
|
2124
2124
|
return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
|
|
2125
|
-
}),
|
|
2125
|
+
}), j = ({
|
|
2126
2126
|
event: t,
|
|
2127
2127
|
target: e
|
|
2128
2128
|
}) => {
|
|
2129
|
-
const n = e.getBoundingClientRect(), o = t.clientX - n.left, s = t.clientY - n.top, r =
|
|
2129
|
+
const n = e.getBoundingClientRect(), o = t.clientX - n.left, s = t.clientY - n.top, r = F(o / n.width), i = F(s / n.height);
|
|
2130
2130
|
return {
|
|
2131
2131
|
x: r,
|
|
2132
2132
|
y: i
|
|
@@ -2136,8 +2136,8 @@ const pn = (t, e, n = !0) => {
|
|
|
2136
2136
|
return {
|
|
2137
2137
|
targetBuilderElement: o || void 0,
|
|
2138
2138
|
metadata: {
|
|
2139
|
-
targetOffset: e ?
|
|
2140
|
-
builderTargetOffset: n ?
|
|
2139
|
+
targetOffset: e ? j({ event: t, target: e }) : void 0,
|
|
2140
|
+
builderTargetOffset: n ? j({ event: t, target: n }) : void 0,
|
|
2141
2141
|
builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
|
|
2142
2142
|
}
|
|
2143
2143
|
};
|
|
@@ -2173,7 +2173,7 @@ const pn = (t, e, n = !0) => {
|
|
|
2173
2173
|
"Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
|
|
2174
2174
|
t
|
|
2175
2175
|
), t;
|
|
2176
|
-
}), yn = () => import("./render-styles.
|
|
2176
|
+
}), yn = () => import("./render-styles.039fcc51.js").then((t) => t.default).catch((t) => {
|
|
2177
2177
|
throw console.error(
|
|
2178
2178
|
"Error while attempting to dynamically import component RenderContentStyles at ./components/render-styles.vue",
|
|
2179
2179
|
t
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const pe={name:"builder-button",props:["attributes","text","link","openLinkInNewTab"],methods:{filterAttrs:function(e={},n){const o="v-on:";return Object.keys(e).filter(r=>{const s=r.startsWith(o);return n?s:!s}).reduce((r,s)=>({...r,[s.replace(o,"")]:e[s]}),{})},_classStringToObject(t){const e={};if(typeof t!="string")return e;const n=t.trim().split(/\s+/);for(const o of n)e[o]=!0;return e}}};function m(t,e,n,o,r,s,i,l){var a=typeof t=="function"?t.options:t;e&&(a.render=e,a.staticRenderFns=n,a._compiled=!0),o&&(a.functional=!0),s&&(a._scopeId="data-v-"+s);var c;if(i?(c=function(u){u=u||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!u&&typeof __VUE_SSR_CONTEXT__<"u"&&(u=__VUE_SSR_CONTEXT__),r&&r.call(this,u),u&&u._registeredComponents&&u._registeredComponents.add(i)},a._ssrRegister=c):r&&(c=l?function(){r.call(this,(a.functional?this.parent:this).$root.$options.shadowRoot)}:r),c)if(a.functional){a._injectStyles=c;var d=a.render;a.render=function(f,v){return c.call(v),d(f,v)}}else{var h=a.beforeCreate;a.beforeCreate=h?[].concat(h,c):[c]}return{exports:t,options:a}}var me=function(){var e=this,n=e._self._c;return e.link?n("a",e._g(e._b({attrs:{role:"button",href:e.link,target:e.openLinkInNewTab?"_blank":void 0}},"a",e.filterAttrs(e.attributes,!1),!1),e.filterAttrs(e.attributes,!0)),[e._v(" "+e._s(e.text)+" ")]):n("button",e._g(e._b({class:e._classStringToObject(e.attributes.class+" button-2fnk003dqad")},"button",e.filterAttrs(e.attributes,!1),!1),e.filterAttrs(e.attributes,!0)),[e._v(" "+e._s(e.text)+" ")])},he=[],fe=m(pe,me,he,!1,null,"65a02987",null,null);const U=fe.exports,x=t=>JSON.parse(JSON.stringify(t)),W={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},ge=(t,e=W)=>`@media (max-width: ${e[t].max}px)`,M=({small:t,medium:e})=>{const n=x(W);if(!t||!e)return n;const o=Math.floor(t/2);n.small={max:t,min:o,default:o+1};const r=n.small.max+1;n.medium={max:e,min:r,default:r+1};const s=n.medium.max+1;return n.large={max:2e3,min:s,default:s+1},n},y="vue2",be=Symbol(),_={Builder:{content:null,context:{},state:{},setState(){},apiKey:null,apiVersion:void 0,registeredComponents:{},inheritedStyles:{}},key:be},ye=()=>Promise.resolve().then(()=>D).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",t),t}),ve=()=>Promise.resolve().then(()=>require("./render-inlined-styles.f139e6d2.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderInlinedStyles at ../../components/render-inlined-styles.vue",t),t}),_e={name:"builder-columns",components:{RenderInlinedStyles:ve,RenderBlocks:ye},props:["space","columns","stackColumnsAt","reverseColumnsWhenStacked","builderBlock"],data(){return{gutterSize:typeof this.space=="number"?this.space||0:20,cols:this.columns||[],stackAt:this.stackColumnsAt||"tablet",flexDir:this.stackColumnsAt==="never"?"row":this.reverseColumnsWhenStacked?"column-reverse":"column",TARGET:y}},inject:{builderContext:_.key},computed:{columnsCssVars(){return{"--flex-dir":this.flexDir,"--flex-dir-tablet":this.getTabletStyle({stackedStyle:this.flexDir,desktopStyle:"row"})}},columnsStyles(){return`
|
|
2
2
|
@media (max-width: ${this.getWidthForBreakpointSize("medium")}px) {
|
|
3
3
|
.${this.builderBlock.id}-breakpoints {
|
|
4
4
|
flex-direction: var(--flex-dir-tablet);
|
|
@@ -22,8 +22,8 @@
|
|
|
22
22
|
margin-left: var(--column-margin-left-mobile) !important;
|
|
23
23
|
}
|
|
24
24
|
},
|
|
25
|
-
`}},methods:{getWidth(t){var e;return((e=this.cols[t])==null?void 0:e.width)||100/this.cols.length},getColumnCssWidth(t){const e=this.gutterSize*(this.cols.length-1)/this.cols.length;return`calc(${this.getWidth(t)}% - ${e}px)`},getTabletStyle({stackedStyle:t,desktopStyle:e}){return this.stackAt==="tablet"?t:e},getMobileStyle({stackedStyle:t,desktopStyle:e}){return this.stackAt==="never"?e:t},columnCssVars(t){t===0||this.gutterSize;const e=this.getColumnCssWidth(t),n=`${this.gutterSize}px`,o="100%",r=0;return{width:e,"margin-left":n,"--column-width-mobile":this.getMobileStyle({stackedStyle:o,desktopStyle:e}),"--column-margin-left-mobile":this.getMobileStyle({stackedStyle:r,desktopStyle:n}),"--column-width-tablet":this.getTabletStyle({stackedStyle:o,desktopStyle:e}),"--column-margin-left-tablet":this.getTabletStyle({stackedStyle:r,desktopStyle:n})}},getWidthForBreakpointSize(t){var n,o;return M(((o=(n=this.builderContext.content)==null?void 0:n.meta)==null?void 0:o.breakpoints)||{})[t].max},_classStringToObject(t){const e={};if(typeof t!="string")return e;const n=t.trim().split(/\s+/);for(const o of n)e[o]=!0;return e}}};var xe=function(){var e=this,n=e._self._c;return n("div",{class:e._classStringToObject(`builder-columns ${e.builderBlock.id}-breakpoints div-t9spj7joih`),style:e.columnsCssVars,attrs:{dataSet:{"builder-block-name":"builder-columns"}}},[e.TARGET!=="reactNative"?[n("render-inlined-styles",{attrs:{styles:e.columnsStyles}})]:e._e(),e._l(e.columns,function(o,r){return n("div",{key:r,staticClass:"builder-column div-t9spj7joih-2",style:e.columnCssVars(r),attrs:{dataSet:{"builder-block-name":"builder-column"}}},[n("render-blocks",{attrs:{blocks:o.blocks,path:`component.options.columns.${r}.blocks`,parent:e.builderBlock.id,styleProp:{flexGrow:"1"}}})],1)})],2)},ke=[],Se=p(_e,xe,ke,!1,null,"2bb878ea",null,null);const N=Se.exports,Ce={name:"builder-fragment-component",props:[]};var we=function(){var e=this,n=e._self._c;return n("span",[e._t("default")],2)},Te=[],Re=p(Ce,we,Te,!1,null,null,null,null);const L=Re.exports;function E(t){return t.replace(/http(s)?:/,"")}function Ie(t="",e,n){const o=new RegExp("([?&])"+e+"=.*?(&|$)","i"),r=t.indexOf("?")!==-1?"&":"?";return t.match(o)?t.replace(o,"$1"+e+"="+encodeURIComponent(n)+"$2"):t+r+e+"="+encodeURIComponent(n)}function $e(t,e){if(!t||!(t!=null&&t.match(/cdn\.shopify\.com/))||!e)return t;if(e==="master")return E(t);const n=t.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);if(n){const o=t.split(n[0]),r=n[3],s=e.match("x")?e:`${e}x`;return E(`${o[0]}_${s}${r}`)}return null}function S(t){if(!t)return t;const e=[100,200,400,800,1200,1600,2e3];if(t.match(/builder\.io/)){let n=t;const o=Number(t.split("?width=")[1]);return isNaN(o)||(n=`${n} ${o}w`),e.filter(r=>r!==o).map(r=>`${Ie(t,"width",r)} ${r}w`).concat([n]).join(", ")}return t.match(/cdn\.shopify\.com/)?e.map(n=>[$e(t,`${n}x${n}`),n]).filter(([n])=>!!n).map(([n,o])=>`${n} ${o}w`).concat([t]).join(", "):t}const Ee={name:"builder-image",props:["image","src","srcset","noWebp","aspectRatio","altText","backgroundPosition","backgroundSize","className","sizes","builderBlock","fitContent"],computed:{srcSetToUse(){var n;const e=this.image||this.src;if(!e||!(e.match(/builder\.io/)||e.match(/cdn\.shopify\.com/)))return this.srcset;if(this.srcset&&((n=this.image)==null?void 0:n.includes("builder.io/api/v1/image"))){if(!this.srcset.includes(this.image.split("?")[0]))return console.debug("Removed given srcset"),S(e)}else if(this.image&&!this.srcset)return S(e);return S(e)},webpSrcSet(){var t;return((t=this.srcSetToUse)==null?void 0:t.match(/builder\.io/))&&!this.noWebp?this.srcSetToUse.replace(/\?/g,"?format=webp&"):""},aspectRatioCss(){const t={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return this.aspectRatio?t:void 0}},methods:{_classStringToObject(t){const e={};if(typeof t!="string")return e;const n=t.trim().split(/\s+/);for(const o of n)e[o]=!0;return e}}};var je=function(){var o,r,s,i;var e=this,n=e._self._c;return n("div",[n("picture",[e.webpSrcSet?[n("source",{attrs:{type:"image/webp",srcset:e.webpSrcSet}})]:e._e(),n("img",{class:e._classStringToObject("builder-image"+(e.className?" "+e.className:"")+" img-b1turyjjkok"),style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...e.aspectRatioCss},attrs:{loading:"lazy",alt:e.altText,role:e.altText?"presentation":void 0,src:e.image,srcset:e.srcSetToUse,sizes:e.sizes}})],2),e.aspectRatio&&!(((r=(o=e.builderBlock)==null?void 0:o.children)==null?void 0:r.length)&&e.fitContent)?[n("div",{staticClass:"builder-image-sizer div-b1turyjjkok",style:{paddingTop:e.aspectRatio*100+"%"}})]:e._e(),((i=(s=e.builderBlock)==null?void 0:s.children)==null?void 0:i.length)&&e.fitContent?[e._t("default")]:e._e(),!e.fitContent&&e.children?[n("div",{staticClass:"div-b1turyjjkok-2"},[e._t("default")],2)]:e._e()],2)},Ae=[],Fe=p(Ee,je,Ae,!1,null,"be9cda3c",null,null);const z=Fe.exports;function m(){return typeof window<"u"&&typeof document<"u"}function Pe(){return m()&&window.self!==window.top}function g(){return Pe()&&window.location.search.indexOf("builder.frameEditing=")!==-1}const Be=()=>Promise.resolve().then(()=>require("./block-styles.ef03a37e.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./render-block/block-styles.vue",t),t}),Oe=()=>Promise.resolve().then(()=>require("./render-block.2880ad6e.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block/render-block.vue",t),t}),Ve={name:"render-blocks",components:{RenderBlock:Oe,BlockStyles:Be},props:["blocks","parent","path","styleProp"],inject:{builderContext:_.key},computed:{className(){var t;return"builder-blocks"+((t=this.blocks)!=null&&t.length?"":" no-blocks")}},methods:{onClick(){var t,e;g()&&!((t=this.blocks)!=null&&t.length)&&((e=window.parent)==null||e.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))},onMouseEnter(){var t,e;g()&&!((t=this.blocks)!=null&&t.length)&&((e=window.parent)==null||e.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))},_classStringToObject(t){const e={};if(typeof t!="string")return e;const n=t.trim().split(/\s+/);for(const o of n)e[o]=!0;return e}}};var Ue=function(){var e=this,n=e._self._c;return n("div",{class:e._classStringToObject(e.className+" div-21azgz5avex"),style:e.styleProp,attrs:{"builder-path":e.path,"builder-parent-id":e.parent,dataSet:{class:e.className}},on:{click:function(o){return e.onClick()},mouseenter:function(o){return e.onMouseEnter()}}},[e.blocks?e._l(e.blocks,function(o,r){return n("render-block",{key:"render-block-"+o.id,attrs:{block:o,context:e.builderContext}})}):e._e(),e.blocks?e._l(e.blocks,function(o,r){return n("block-styles",{key:"block-style-"+o.id,attrs:{block:o,context:e.builderContext}})}):e._e()],2)},We=[],Me=p(Ve,Ue,We,!1,null,"57df98d3",null,null);const K=Me.exports,D=Object.freeze(Object.defineProperty({__proto__:null,default:K},Symbol.toStringTag,{value:"Module"})),Ne={name:"Core:Button",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",defaultStyles:{appearance:"none",paddingTop:"15px",paddingBottom:"15px",paddingLeft:"25px",paddingRight:"25px",backgroundColor:"#000000",color:"white",borderRadius:"4px",textAlign:"center",cursor:"pointer"},inputs:[{name:"text",type:"text",defaultValue:"Click me!",bubble:!0},{name:"link",type:"url",bubble:!0},{name:"openLinkInNewTab",type:"boolean",defaultValue:!1,friendlyName:"Open link in new tab"}],static:!0,noWrap:!0},k=t=>{const e=t.toString().trim();return`return (${!e.startsWith("function")&&!e.startsWith("(")?"function ":""}${e}).apply(this, arguments)`},Le={name:"Columns",inputs:[{name:"columns",type:"array",broadcast:!0,subFields:[{name:"blocks",type:"array",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{name:"width",type:"number",hideFromUI:!0,helperText:"Width %, e.g. set to 50 to fill half of the space"},{name:"link",type:"url",helperText:"Optionally set a url that clicking this column will link to"}],defaultValue:[{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]}],onChange:k(t=>{function e(){n.forEach(o=>{o.delete("width")})}const n=t.get("columns");Array.isArray(n)&&!!n.find(r=>r.get("width"))&&(!!n.find(s=>!s.get("width"))||n.reduce((l,a)=>l+a.get("width"),0)!==100)&&e()})},{name:"space",type:"number",defaultValue:20,helperText:"Size of gap between columns",advanced:!0},{name:"stackColumnsAt",type:"string",defaultValue:"tablet",helperText:"Convert horizontal columns to vertical at what device size",enum:["tablet","mobile","never"],advanced:!0},{name:"reverseColumnsWhenStacked",type:"boolean",defaultValue:!1,helperText:"When stacking columns for mobile devices, reverse the ordering",advanced:!0}]},ze={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},Ke={name:"Image",static:!0,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",defaultStyles:{position:"relative",minHeight:"20px",minWidth:"20px",overflow:"hidden"},canHaveChildren:!0,inputs:[{name:"image",type:"file",bubble:!0,allowedFileTypes:["jpeg","jpg","png","svg"],required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:k(t=>{t.delete("srcset"),t.delete("noWebp");function n(i,l=6e4){return new Promise((a,c)=>{const d=document.createElement("img");let h=!1;d.onload=()=>{h=!0,a(d)},d.addEventListener("error",u=>{console.warn("Image load failed",u.error),c(u.error)}),d.src=i,setTimeout(()=>{h||c(new Error("Image load timed out"))},l)})}function o(i){return Math.round(i*1e3)/1e3}const r=t.get("image"),s=t.get("aspectRatio");if(fetch(r).then(i=>i.blob()).then(i=>{i.type.includes("svg")&&t.set("noWebp",!0)}),r&&(!s||s===.7041))return n(r).then(i=>{const l=t.get("aspectRatio");t.get("image")===r&&(!l||l===.7041)&&i.width&&i.height&&(t.set("aspectRatio",o(i.height/i.width)),t.set("height",i.height),t.set("width",i.width))})})},{name:"backgroundSize",type:"text",defaultValue:"cover",enum:[{label:"contain",value:"contain",helperText:"The image should never get cropped"},{label:"cover",value:"cover",helperText:"The image should fill it's box, cropping when needed"}]},{name:"backgroundPosition",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"altText",type:"string",helperText:"Text to display when the user has images off"},{name:"height",type:"number",hideFromUI:!0},{name:"width",type:"number",hideFromUI:!0},{name:"sizes",type:"string",hideFromUI:!0},{name:"srcset",type:"string",hideFromUI:!0},{name:"lazy",type:"boolean",defaultValue:!0,hideFromUI:!0},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the image's aspect ratio",defaultValue:!0},{name:"aspectRatio",type:"number",helperText:"This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",advanced:!0,defaultValue:.7041}]},De={name:"Core:Section",static:!0,image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",inputs:[{name:"maxWidth",type:"number",defaultValue:1200},{name:"lazyLoad",type:"boolean",defaultValue:!1,advanced:!0,description:"Only render this section when in view"}],defaultStyles:{paddingLeft:"20px",paddingRight:"20px",paddingTop:"50px",paddingBottom:"50px",marginTop:"0px",width:"100vw",marginLeft:"calc(50% - 50vw)"},canHaveChildren:!0,defaultChildren:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{textAlign:"center"}},component:{name:"Text",options:{text:"<p><b>I am a section! My content keeps from getting too wide, so that it's easy to read even on big screens.</b></p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>"}}}]},He={name:"builder-section-component",props:["maxWidth","attributes"],methods:{filterAttrs:function(e={},n){const o="v-on:";return Object.keys(e).filter(r=>{const s=r.startsWith(o);return n?s:!s}).reduce((r,s)=>({...r,[s.replace(o,"")]:e[s]}),{})}}};var qe=function(){var e=this,n=e._self._c;return n("section",e._g(e._b({style:{width:"100%",alignSelf:"stretch",flexGrow:1,boxSizing:"border-box",maxWidth:e.maxWidth||1200,display:"flex",flexDirection:"column",alignItems:"stretch",marginLeft:"auto",marginRight:"auto"}},"section",e.filterAttrs(e.attributes,!1),!1),e.filterAttrs(e.attributes,!0)),[e._t("default")],2)},Ge=[],Je=p(He,qe,Ge,!1,null,null,null,null);const H=Je.exports,Xe={name:"Symbol",noWrap:!0,static:!0,inputs:[{name:"symbol",type:"uiSymbol"},{name:"dataOnly",helperText:"Make this a data symbol that doesn't display any UI",type:"boolean",defaultValue:!1,advanced:!0,hideFromUI:!0},{name:"inheritState",helperText:"Inherit the parent component state and data",type:"boolean",defaultValue:!1,advanced:!0},{name:"renderToLiquid",helperText:"Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting",type:"boolean",defaultValue:!1,advanced:!0,hideFromUI:!0},{name:"useChildren",hideFromUI:!0,type:"boolean"}]};function Ye(){return typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:globalThis}function Qe(){const t=Ye().fetch;if(typeof t>"u")throw console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project.
|
|
26
|
-
For more information, read https://github.com/BuilderIO/this-package-uses-fetch`),new Error("Builder SDK could not find a global `fetch` function");return t}const q=Qe(),b=t=>t!=null,Ze=t=>{if(t==="localhost"||t==="127.0.0.1")return t;const e=t.split(".");return e.length>2?e.slice(1).join("."):t},G=async({name:t,canTrack:e})=>{var n;try{return e?(n=document.cookie.split("; ").find(o=>o.startsWith(`${t}=`)))==null?void 0:n.split("=")[1]:void 0}catch(o){console.debug("[COOKIE] GET error: ",o);return}},et=t=>t.map(([e,n])=>n?`${e}=${n}`:e).filter(b).join("; "),tt=[["secure",""],["SameSite","None"]],nt=({name:t,value:e,expires:n})=>{const r=(m()?location.protocol==="https:":!0)?tt:[[]],s=n?[["expires",n.toUTCString()]]:[[]],i=[[t,e],...s,["path","/"],["domain",Ze(window.location.hostname)],...r];return et(i)},J=async({name:t,value:e,expires:n,canTrack:o})=>{try{if(!o)return;const r=nt({name:t,value:e,expires:n});document.cookie=r}catch(r){console.warn("[COOKIE] SET error: ",r)}},ot="builderio.variations",X=t=>`${ot}.${t}`,rt=({contentId:t,canTrack:e})=>G({name:X(t),canTrack:e}),st=({contentId:t,canTrack:e,value:n})=>J({name:X(t),value:n,canTrack:e}),it=t=>b(t.id)&&b(t.variations)&&Object.keys(t.variations).length>0,at=({id:t,variations:e})=>{var r;let n=0;const o=Math.random();for(const s in e){const i=(r=e[s])==null?void 0:r.testRatio;if(n+=i,o<n)return s}return t},j=({item:t,testGroupId:e})=>{const n=t.variations[e];return e===t.id||!n?{testVariationId:t.id,testVariationName:"Default"}:{data:n.data,testVariationId:n.id,testVariationName:n.name||(n.id===t.id?"Default":"")}},lt=async({item:t,canTrack:e})=>{const n=await rt({canTrack:e,contentId:t.id}),o=n?j({item:t,testGroupId:n}):void 0;if(o)return o;{const r=at({variations:t.variations,id:t.id});return st({contentId:t.id,value:r,canTrack:e}).catch(s=>{console.error("could not store A/B test variation: ",s)}),j({item:t,testGroupId:r})}},ct=async({item:t,canTrack:e})=>{if(!it(t))return;const n=await lt({item:t,canTrack:e});Object.assign(t,n)};function C(t,e=null,n="."){return Object.keys(t).reduce((o,r)=>{const s=t[r],i=[e,r].filter(Boolean).join(n);return[typeof s=="object",s!==null,!(Array.isArray(s)&&s.length===0)].every(Boolean)?{...o,...C(s,i,n)}:{...o,[i]:s}},{})}const A="builder.",dt="options.",Y=t=>{const e={};return t.forEach((n,o)=>{e[o]=n}),e},Q=t=>{if(!t)return{};const e=R(t),n={};return Object.keys(e).forEach(o=>{if(o.startsWith(A)){const r=o.replace(A,"").replace(dt,"");n[r]=e[o]}}),n},Z=()=>{if(!m())return{};const t=new URLSearchParams(window.location.search);return Q(t)},R=t=>t instanceof URLSearchParams?Y(t):t,ut="v3",mt=t=>{const{limit:e=30,userAttributes:n,query:o,noTraverse:r=!1,model:s,apiKey:i,includeRefs:l=!0,locale:a,apiVersion:c=ut}=t;if(!i)throw new Error("Missing API key");if(!["v2","v3"].includes(c))throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${c}'`);const d=new URL(`https://cdn.builder.io/api/${c}/content/${s}?apiKey=${i}&limit=${e}&noTraverse=${r}&includeRefs=${l}${a?`&locale=${a}`:""}`),h={...Z(),...R(t.options||{})},u=C(h);for(const f in u)d.searchParams.set(f,String(u[f]));if(n&&d.searchParams.set("userAttributes",JSON.stringify(n)),o){const f=C({query:o});for(const v in f)d.searchParams.set(v,JSON.stringify(f[v]))}return d};async function I(t){const e=await ee({...t,limit:1});return"results"in e&&(e==null?void 0:e.results[0])||null}async function ee(t){const e=mt(t),o=await(await q(e.href)).json();if("status"in o&&!("results"in o))return console.error("[Builder.io]: Error fetching data. ",o,t),o;const r=t.canTrack!==!1;try{if(r&&Array.isArray(o.results))for(const s of o.results)await ct({item:s,canTrack:r})}catch(s){console.error("[Builder.io]: Could not setup A/B testing. ",s)}return o}const pt=()=>Promise.resolve().then(()=>Rn).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderContent at ../../components/render-content/render-content.vue",t),t}),ht={name:"builder-symbol",components:{RenderContent:pt},props:["attributes","symbol","dynamic"],data(){var t,e,n;return{className:[...Object.keys(this.attributes.class),"builder-symbol",(t=this.symbol)!=null&&t.inline?"builder-inline-symbol":void 0,((e=this.symbol)==null?void 0:e.dynamic)||this.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" "),contentToUse:(n=this.symbol)==null?void 0:n.content}},inject:{builderContext:_.key},mounted(){this.fetchContent()},watch:{onUpdateHook0:{handler(){this.fetchContent()},immediate:!0}},computed:{onUpdateHook0(){return{0:this.symbol}}},methods:{fetchContent(){var t,e;!this.contentToUse&&((t=this.symbol)==null?void 0:t.model)&&((e=this.builderContext)==null?void 0:e.apiKey)&&I({model:this.symbol.model,apiKey:this.builderContext.apiKey,apiVersion:this.builderContext.apiVersion,query:{id:this.symbol.entry}}).then(n=>{n&&(this.contentToUse=n)}).catch(n=>{console.error("[Builder.io]: Could not fetch symbol content: ",n)})},filterAttrs:function(e={},n){const o="v-on:";return Object.keys(e).filter(r=>{const s=r.startsWith(o);return n?s:!s}).reduce((r,s)=>({...r,[s.replace(o,"")]:e[s]}),{})},_classStringToObject(t){const e={};if(typeof t!="string")return e;const n=t.trim().split(/\s+/);for(const o of n)e[o]=!0;return e}}};var ft=function(){var o,r,s,i;var e=this,n=e._self._c;return n("div",e._g(e._b({class:e._classStringToObject(e.className),attrs:{dataSet:{class:e.className}}},"div",e.filterAttrs(e.attributes,!1),!1),e.filterAttrs(e.attributes,!0)),[n("render-content",{attrs:{apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:e.builderContext.context,customComponents:Object.values(e.builderContext.registeredComponents),data:{...(o=e.symbol)==null?void 0:o.data,...e.builderContext.state,...(s=(r=e.contentToUse)==null?void 0:r.data)==null?void 0:s.state},model:(i=e.symbol)==null?void 0:i.model,content:e.contentToUse}})],1)},gt=[],bt=p(ht,ft,gt,!1,null,null,null,null);const te=bt.exports,yt={name:"Text",static:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",inputs:[{name:"text",type:"html",required:!0,autoFocus:!0,bubble:!0,defaultValue:"Enter some text..."}],defaultStyles:{lineHeight:"normal",height:"auto",textAlign:"center"}},vt={name:"builder-text",props:["text"]};var _t=function(){var e=this,n=e._self._c;return n("span",{staticClass:"builder-text",style:{outline:"none"},domProps:{innerHTML:e._s(e.text)}})},xt=[],kt=p(vt,_t,xt,!1,null,null,null,null);const ne=kt.exports,St={name:"Video",canHaveChildren:!0,defaultStyles:{minHeight:"20px",minWidth:"20px"},image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",inputs:[{name:"video",type:"file",allowedFileTypes:["mp4"],bubble:!0,defaultValue:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/assets%2FKQlEmWDxA0coC3PK6UvkrjwkIGI2%2F28cb070609f546cdbe5efa20e931aa4b?alt=media&token=912e9551-7a7c-4dfb-86b6-3da1537d1a7f",required:!0},{name:"posterImage",type:"file",allowedFileTypes:["jpeg","png"],helperText:"Image to show before the video plays"},{name:"autoPlay",type:"boolean",defaultValue:!0},{name:"controls",type:"boolean",defaultValue:!1},{name:"muted",type:"boolean",defaultValue:!0},{name:"loop",type:"boolean",defaultValue:!0},{name:"playsInline",type:"boolean",defaultValue:!0},{name:"fit",type:"text",defaultValue:"cover",enum:["contain","cover","fill","auto"]},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the aspect ratio",defaultValue:!0,advanced:!0},{name:"position",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"height",type:"number",advanced:!0},{name:"width",type:"number",advanced:!0},{name:"aspectRatio",type:"number",advanced:!0,defaultValue:.7004048582995948},{name:"lazyLoad",type:"boolean",helperText:'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',defaultValue:!0,advanced:!0}]},Ct={name:"builder-video",props:["autoPlay","muted","controls","loop","playsInline","attributes","fit","position","video","posterImage"],computed:{videoProps(){return{...this.autoPlay===!0?{autoPlay:!0}:{},...this.muted===!0?{muted:!0}:{},...this.controls===!0?{controls:!0}:{},...this.loop===!0?{loop:!0}:{},...this.playsInline===!0?{playsInline:!0}:{}}},spreadProps(){return{...this.attributes,...this.videoProps}}}};var wt=function(){var o;var e=this,n=e._self._c;return n("video",e._b({style:{width:"100%",height:"100%",...(o=e.attributes)==null?void 0:o.style,objectFit:e.fit,objectPosition:e.position,borderRadius:1},attrs:{src:e.video||"no-src",poster:e.posterImage}},"video",e.spreadProps,!1))},Tt=[],Rt=p(Ct,wt,Tt,!1,null,null,null,null);const oe=Rt.exports,It={name:"Embed",static:!0,inputs:[{name:"url",type:"url",required:!0,defaultValue:"",helperText:"e.g. enter a youtube url, google map, etc",onChange:k(t=>{const e=t.get("url");if(e)return t.set("content","Loading..."),fetch(`https://iframe.ly/api/iframely?url=${e}&api_key=ae0e60e78201a3f2b0de4b`).then(o=>o.json()).then(o=>{t.get("url")===e&&(o.html?t.set("content",o.html):t.set("content","Invalid url, please try another"))}).catch(o=>{t.set("content","There was an error embedding this URL, please try again or another URL")});t.delete("content")})},{name:"content",type:"html",defaultValue:'<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',hideFromUI:!0}]},$t=["text/javascript","application/javascript","application/ecmascript"],Et=t=>$t.includes(t.type),jt={name:"builder-embed",props:["content"],data(){return{scriptsInserted:[],scriptsRun:[],ranInitFn:!1}},watch:{onUpdateHook0:{handler(){this.$refs.elem&&!this.ranInitFn&&(this.ranInitFn=!0,this.findAndRunScripts())},immediate:!0}},computed:{onUpdateHook0(){return{0:this.$refs.elem,1:this.ranInitFn}}},methods:{findAndRunScripts(){if(!this.$refs.elem||!this.$refs.elem.getElementsByTagName)return;const t=this.$refs.elem.getElementsByTagName("script");for(let e=0;e<t.length;e++){const n=t[e];if(n.src&&!this.scriptsInserted.includes(n.src)){this.scriptsInserted.push(n.src);const o=document.createElement("script");o.async=!0,o.src=n.src,document.head.appendChild(o)}else if(Et(n)&&!this.scriptsRun.includes(n.innerText))try{this.scriptsRun.push(n.innerText),new Function(n.innerText)()}catch(o){console.warn("`Embed`: Error running script:",o)}}}}};var At=function(){var e=this,n=e._self._c;return n("div",{ref:"elem",staticClass:"builder-embed",domProps:{innerHTML:e._s(e.content)}})},Ft=[],Pt=p(jt,At,Ft,!1,null,null,null,null);const Bt=Pt.exports,Ot={name:"builder-img-component",props:["backgroundSize","backgroundPosition","imgSrc","altText","image","attributes"],data(){return{isEditing:g}},methods:{filterAttrs:function(e={},n){const o="v-on:";return Object.keys(e).filter(r=>{const s=r.startsWith(o);return n?s:!s}).reduce((r,s)=>({...r,[s.replace(o,"")]:e[s]}),{})}}};var Vt=function(){var e=this,n=e._self._c;return n("img",e._g(e._b({key:e.isEditing()&&e.imgSrc||"default-key",style:{objectFit:e.backgroundSize||"cover",objectPosition:e.backgroundPosition||"center"},attrs:{alt:e.altText,src:e.imgSrc||e.image}},"img",e.filterAttrs(e.attributes,!1),!1),e.filterAttrs(e.attributes,!0)))},Ut=[],Wt=p(Ot,Vt,Ut,!1,null,null,null,null);const Mt=Wt.exports,Nt={name:"Raw:Img",hideFromInsertMenu:!0,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",inputs:[{name:"image",bubble:!0,type:"file",allowedFileTypes:["jpeg","jpg","png","svg"],required:!0}],noWrap:!0,static:!0},Lt={name:"builder-custom-code",props:["replaceNodes","code"],data(){return{scriptsInserted:[],scriptsRun:[]}},mounted(){this.findAndRunScripts()},methods:{findAndRunScripts(){if(this.$refs.elem&&this.$refs.elem.getElementsByTagName&&typeof window<"u"){const t=this.$refs.elem.getElementsByTagName("script");for(let e=0;e<t.length;e++){const n=t[e];if(n.src){if(this.scriptsInserted.includes(n.src))continue;this.scriptsInserted.push(n.src);const o=document.createElement("script");o.async=!0,o.src=n.src,document.head.appendChild(o)}else if(!n.type||["text/javascript","application/javascript","application/ecmascript"].includes(n.type)){if(this.scriptsRun.includes(n.innerText))continue;try{this.scriptsRun.push(n.innerText),new Function(n.innerText)()}catch(o){console.warn("`CustomCode`: Error running script:",o)}}}}},_classStringToObject(t){const e={};if(typeof t!="string")return e;const n=t.trim().split(/\s+/);for(const o of n)e[o]=!0;return e}}};var zt=function(){var e=this,n=e._self._c;return n("div",{ref:"elem",class:e._classStringToObject("builder-custom-code"+(e.replaceNodes?" replace-nodes":"")),domProps:{innerHTML:e._s(e.code)}})},Kt=[],Dt=p(Lt,zt,Kt,!1,null,null,null,null);const Ht=Dt.exports,qt={name:"Custom Code",static:!0,requiredPermissions:["editCode"],inputs:[{name:"code",type:"html",required:!0,defaultValue:"<p>Hello there, I am custom HTML code!</p>",code:!0},{name:"replaceNodes",type:"boolean",helperText:"Preserve server rendered dom nodes",advanced:!0},{name:"scriptsClientOnly",type:"boolean",defaultValue:!1,helperText:"Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",advanced:!0}]},Gt=()=>[{component:U,...Ne},{component:N,...Le},{component:Ht,...qt},{component:Bt,...It},{component:L,...ze},{component:z,...Ke},{component:Mt,...Nt},{component:H,...De},{component:te,...Xe},{component:ne,...yt},{component:oe,...St}];function w({code:t,context:e,state:n,event:o,isExpression:r=!0}){if(t===""){console.warn("Skipping evaluation of empty code block.");return}const s={isEditing:g(),isBrowser:m(),isServer:!m()},l=r&&!(t.includes(";")||t.includes(" return ")||t.trim().startsWith("return "))?`return (${t});`:t;try{return new Function("builder","Builder","state","context","event",l)(s,s,n,e,o)}catch(a){console.warn(`Builder custom code error:
|
|
25
|
+
`}},methods:{getWidth(t){var e;return((e=this.cols[t])==null?void 0:e.width)||100/this.cols.length},getColumnCssWidth(t){const e=this.gutterSize*(this.cols.length-1)/this.cols.length;return`calc(${this.getWidth(t)}% - ${e}px)`},getTabletStyle({stackedStyle:t,desktopStyle:e}){return this.stackAt==="tablet"?t:e},getMobileStyle({stackedStyle:t,desktopStyle:e}){return this.stackAt==="never"?e:t},columnCssVars(t){t===0||this.gutterSize;const e=this.getColumnCssWidth(t),n=`${this.gutterSize}px`,o="100%",r=0;return{width:e,"margin-left":n,"--column-width-mobile":this.getMobileStyle({stackedStyle:o,desktopStyle:e}),"--column-margin-left-mobile":this.getMobileStyle({stackedStyle:r,desktopStyle:n}),"--column-width-tablet":this.getTabletStyle({stackedStyle:o,desktopStyle:e}),"--column-margin-left-tablet":this.getTabletStyle({stackedStyle:r,desktopStyle:n})}},getWidthForBreakpointSize(t){var n,o;return M(((o=(n=this.builderContext.content)==null?void 0:n.meta)==null?void 0:o.breakpoints)||{})[t].max},_classStringToObject(t){const e={};if(typeof t!="string")return e;const n=t.trim().split(/\s+/);for(const o of n)e[o]=!0;return e}}};var xe=function(){var e=this,n=e._self._c;return n("div",{class:e._classStringToObject(`builder-columns ${e.builderBlock.id}-breakpoints div-t9spj7joih`),style:e.columnsCssVars,attrs:{dataSet:{"builder-block-name":"builder-columns"}}},[e.TARGET!=="reactNative"?[n("render-inlined-styles",{attrs:{styles:e.columnsStyles}})]:e._e(),e._l(e.columns,function(o,r){return n("div",{key:r,staticClass:"builder-column div-t9spj7joih-2",style:e.columnCssVars(r),attrs:{dataSet:{"builder-block-name":"builder-column"}}},[n("render-blocks",{attrs:{blocks:o.blocks,path:`component.options.columns.${r}.blocks`,parent:e.builderBlock.id,styleProp:{flexGrow:"1"}}})],1)})],2)},ke=[],Se=m(_e,xe,ke,!1,null,"2bb878ea",null,null);const N=Se.exports,Ce={name:"builder-fragment-component",props:[]};var we=function(){var e=this,n=e._self._c;return n("span",[e._t("default")],2)},Te=[],Re=m(Ce,we,Te,!1,null,null,null,null);const L=Re.exports;function E(t){return t.replace(/http(s)?:/,"")}function Ie(t="",e,n){const o=new RegExp("([?&])"+e+"=.*?(&|$)","i"),r=t.indexOf("?")!==-1?"&":"?";return t.match(o)?t.replace(o,"$1"+e+"="+encodeURIComponent(n)+"$2"):t+r+e+"="+encodeURIComponent(n)}function $e(t,e){if(!t||!(t!=null&&t.match(/cdn\.shopify\.com/))||!e)return t;if(e==="master")return E(t);const n=t.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);if(n){const o=t.split(n[0]),r=n[3],s=e.match("x")?e:`${e}x`;return E(`${o[0]}_${s}${r}`)}return null}function S(t){if(!t)return t;const e=[100,200,400,800,1200,1600,2e3];if(t.match(/builder\.io/)){let n=t;const o=Number(t.split("?width=")[1]);return isNaN(o)||(n=`${n} ${o}w`),e.filter(r=>r!==o).map(r=>`${Ie(t,"width",r)} ${r}w`).concat([n]).join(", ")}return t.match(/cdn\.shopify\.com/)?e.map(n=>[$e(t,`${n}x${n}`),n]).filter(([n])=>!!n).map(([n,o])=>`${n} ${o}w`).concat([t]).join(", "):t}const Ee={name:"builder-image",props:["image","src","srcset","noWebp","aspectRatio","altText","backgroundPosition","backgroundSize","className","sizes","builderBlock","fitContent"],computed:{srcSetToUse(){var n;const e=this.image||this.src;if(!e||!(e.match(/builder\.io/)||e.match(/cdn\.shopify\.com/)))return this.srcset;if(this.srcset&&((n=this.image)==null?void 0:n.includes("builder.io/api/v1/image"))){if(!this.srcset.includes(this.image.split("?")[0]))return console.debug("Removed given srcset"),S(e)}else if(this.image&&!this.srcset)return S(e);return S(e)},webpSrcSet(){var t;return((t=this.srcSetToUse)==null?void 0:t.match(/builder\.io/))&&!this.noWebp?this.srcSetToUse.replace(/\?/g,"?format=webp&"):""},aspectRatioCss(){const t={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return this.aspectRatio?t:void 0}},methods:{_classStringToObject(t){const e={};if(typeof t!="string")return e;const n=t.trim().split(/\s+/);for(const o of n)e[o]=!0;return e}}};var Ae=function(){var o,r,s,i;var e=this,n=e._self._c;return n("div",[n("picture",[e.webpSrcSet?[n("source",{attrs:{type:"image/webp",srcset:e.webpSrcSet}})]:e._e(),n("img",{class:e._classStringToObject("builder-image"+(e.className?" "+e.className:"")+" img-1pl23ac79ld"),style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...e.aspectRatioCss},attrs:{loading:"lazy",alt:e.altText,role:e.altText?"presentation":void 0,src:e.image,srcset:e.srcSetToUse,sizes:e.sizes}})],2),e.aspectRatio&&!(((r=(o=e.builderBlock)==null?void 0:o.children)==null?void 0:r.length)&&e.fitContent)?[n("div",{staticClass:"builder-image-sizer div-1pl23ac79ld",style:{paddingTop:e.aspectRatio*100+"%"}})]:e._e(),((i=(s=e.builderBlock)==null?void 0:s.children)==null?void 0:i.length)&&e.fitContent?[e._t("default")]:e._e(),!e.fitContent&&e.children?[n("div",{staticClass:"div-1pl23ac79ld-2"},[e._t("default")],2)]:e._e()],2)},Fe=[],Pe=m(Ee,Ae,Fe,!1,null,"b5206874",null,null);const z=Pe.exports;function p(){return typeof window<"u"&&typeof document<"u"}function je(){return p()&&window.self!==window.top}function g(){return je()&&window.location.search.indexOf("builder.frameEditing=")!==-1}const Be=()=>Promise.resolve().then(()=>require("./block-styles.1657b45f.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./render-block/block-styles.vue",t),t}),Oe=()=>Promise.resolve().then(()=>require("./render-block.73e50e2a.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block/render-block.vue",t),t}),Ve={name:"render-blocks",components:{RenderBlock:Oe,BlockStyles:Be},props:["blocks","parent","path","styleProp"],inject:{builderContext:_.key},computed:{className(){var t;return"builder-blocks"+((t=this.blocks)!=null&&t.length?"":" no-blocks")}},methods:{onClick(){var t,e;g()&&!((t=this.blocks)!=null&&t.length)&&((e=window.parent)==null||e.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))},onMouseEnter(){var t,e;g()&&!((t=this.blocks)!=null&&t.length)&&((e=window.parent)==null||e.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))},_classStringToObject(t){const e={};if(typeof t!="string")return e;const n=t.trim().split(/\s+/);for(const o of n)e[o]=!0;return e}}};var Ue=function(){var e=this,n=e._self._c;return n("div",{class:e._classStringToObject(e.className+" div-21azgz5avex"),style:e.styleProp,attrs:{"builder-path":e.path,"builder-parent-id":e.parent,dataSet:{class:e.className}},on:{click:function(o){return e.onClick()},mouseenter:function(o){return e.onMouseEnter()}}},[e.blocks?e._l(e.blocks,function(o,r){return n("render-block",{key:"render-block-"+o.id,attrs:{block:o,context:e.builderContext}})}):e._e(),e.blocks?e._l(e.blocks,function(o,r){return n("block-styles",{key:"block-style-"+o.id,attrs:{block:o,context:e.builderContext}})}):e._e()],2)},We=[],Me=m(Ve,Ue,We,!1,null,"57df98d3",null,null);const K=Me.exports,D=Object.freeze(Object.defineProperty({__proto__:null,default:K},Symbol.toStringTag,{value:"Module"})),Ne={name:"Core:Button",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",defaultStyles:{appearance:"none",paddingTop:"15px",paddingBottom:"15px",paddingLeft:"25px",paddingRight:"25px",backgroundColor:"#000000",color:"white",borderRadius:"4px",textAlign:"center",cursor:"pointer"},inputs:[{name:"text",type:"text",defaultValue:"Click me!",bubble:!0},{name:"link",type:"url",bubble:!0},{name:"openLinkInNewTab",type:"boolean",defaultValue:!1,friendlyName:"Open link in new tab"}],static:!0,noWrap:!0},k=t=>{const e=t.toString().trim();return`return (${!e.startsWith("function")&&!e.startsWith("(")?"function ":""}${e}).apply(this, arguments)`},Le={name:"Columns",inputs:[{name:"columns",type:"array",broadcast:!0,subFields:[{name:"blocks",type:"array",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{name:"width",type:"number",hideFromUI:!0,helperText:"Width %, e.g. set to 50 to fill half of the space"},{name:"link",type:"url",helperText:"Optionally set a url that clicking this column will link to"}],defaultValue:[{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]}],onChange:k(t=>{function e(){n.forEach(o=>{o.delete("width")})}const n=t.get("columns");Array.isArray(n)&&!!n.find(r=>r.get("width"))&&(!!n.find(s=>!s.get("width"))||n.reduce((l,a)=>l+a.get("width"),0)!==100)&&e()})},{name:"space",type:"number",defaultValue:20,helperText:"Size of gap between columns",advanced:!0},{name:"stackColumnsAt",type:"string",defaultValue:"tablet",helperText:"Convert horizontal columns to vertical at what device size",enum:["tablet","mobile","never"],advanced:!0},{name:"reverseColumnsWhenStacked",type:"boolean",defaultValue:!1,helperText:"When stacking columns for mobile devices, reverse the ordering",advanced:!0}]},ze={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},Ke={name:"Image",static:!0,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",defaultStyles:{position:"relative",minHeight:"20px",minWidth:"20px",overflow:"hidden"},canHaveChildren:!0,inputs:[{name:"image",type:"file",bubble:!0,allowedFileTypes:["jpeg","jpg","png","svg"],required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:k(t=>{t.delete("srcset"),t.delete("noWebp");function n(i,l=6e4){return new Promise((a,c)=>{const d=document.createElement("img");let h=!1;d.onload=()=>{h=!0,a(d)},d.addEventListener("error",u=>{console.warn("Image load failed",u.error),c(u.error)}),d.src=i,setTimeout(()=>{h||c(new Error("Image load timed out"))},l)})}function o(i){return Math.round(i*1e3)/1e3}const r=t.get("image"),s=t.get("aspectRatio");if(fetch(r).then(i=>i.blob()).then(i=>{i.type.includes("svg")&&t.set("noWebp",!0)}),r&&(!s||s===.7041))return n(r).then(i=>{const l=t.get("aspectRatio");t.get("image")===r&&(!l||l===.7041)&&i.width&&i.height&&(t.set("aspectRatio",o(i.height/i.width)),t.set("height",i.height),t.set("width",i.width))})})},{name:"backgroundSize",type:"text",defaultValue:"cover",enum:[{label:"contain",value:"contain",helperText:"The image should never get cropped"},{label:"cover",value:"cover",helperText:"The image should fill it's box, cropping when needed"}]},{name:"backgroundPosition",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"altText",type:"string",helperText:"Text to display when the user has images off"},{name:"height",type:"number",hideFromUI:!0},{name:"width",type:"number",hideFromUI:!0},{name:"sizes",type:"string",hideFromUI:!0},{name:"srcset",type:"string",hideFromUI:!0},{name:"lazy",type:"boolean",defaultValue:!0,hideFromUI:!0},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the image's aspect ratio",defaultValue:!0},{name:"aspectRatio",type:"number",helperText:"This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",advanced:!0,defaultValue:.7041}]},De={name:"Core:Section",static:!0,image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",inputs:[{name:"maxWidth",type:"number",defaultValue:1200},{name:"lazyLoad",type:"boolean",defaultValue:!1,advanced:!0,description:"Only render this section when in view"}],defaultStyles:{paddingLeft:"20px",paddingRight:"20px",paddingTop:"50px",paddingBottom:"50px",marginTop:"0px",width:"100vw",marginLeft:"calc(50% - 50vw)"},canHaveChildren:!0,defaultChildren:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{textAlign:"center"}},component:{name:"Text",options:{text:"<p><b>I am a section! My content keeps from getting too wide, so that it's easy to read even on big screens.</b></p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>"}}}]},He={name:"builder-section-component",props:["maxWidth","attributes"],methods:{filterAttrs:function(e={},n){const o="v-on:";return Object.keys(e).filter(r=>{const s=r.startsWith(o);return n?s:!s}).reduce((r,s)=>({...r,[s.replace(o,"")]:e[s]}),{})}}};var qe=function(){var e=this,n=e._self._c;return n("section",e._g(e._b({style:{width:"100%",alignSelf:"stretch",flexGrow:1,boxSizing:"border-box",maxWidth:e.maxWidth||1200,display:"flex",flexDirection:"column",alignItems:"stretch",marginLeft:"auto",marginRight:"auto"}},"section",e.filterAttrs(e.attributes,!1),!1),e.filterAttrs(e.attributes,!0)),[e._t("default")],2)},Ge=[],Je=m(He,qe,Ge,!1,null,null,null,null);const H=Je.exports,Xe={name:"Symbol",noWrap:!0,static:!0,inputs:[{name:"symbol",type:"uiSymbol"},{name:"dataOnly",helperText:"Make this a data symbol that doesn't display any UI",type:"boolean",defaultValue:!1,advanced:!0,hideFromUI:!0},{name:"inheritState",helperText:"Inherit the parent component state and data",type:"boolean",defaultValue:!1,advanced:!0},{name:"renderToLiquid",helperText:"Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting",type:"boolean",defaultValue:!1,advanced:!0,hideFromUI:!0},{name:"useChildren",hideFromUI:!0,type:"boolean"}]};function Ye(){return typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:globalThis}function Qe(){const t=Ye().fetch;if(typeof t>"u")throw console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project.
|
|
26
|
+
For more information, read https://github.com/BuilderIO/this-package-uses-fetch`),new Error("Builder SDK could not find a global `fetch` function");return t}const q=Qe(),b=t=>t!=null,Ze=t=>{if(t==="localhost"||t==="127.0.0.1")return t;const e=t.split(".");return e.length>2?e.slice(1).join("."):t},G=async({name:t,canTrack:e})=>{var n;try{return e?(n=document.cookie.split("; ").find(o=>o.startsWith(`${t}=`)))==null?void 0:n.split("=")[1]:void 0}catch(o){console.debug("[COOKIE] GET error: ",o);return}},et=t=>t.map(([e,n])=>n?`${e}=${n}`:e).filter(b).join("; "),tt=[["secure",""],["SameSite","None"]],nt=({name:t,value:e,expires:n})=>{const r=(p()?location.protocol==="https:":!0)?tt:[[]],s=n?[["expires",n.toUTCString()]]:[[]],i=[[t,e],...s,["path","/"],["domain",Ze(window.location.hostname)],...r];return et(i)},J=async({name:t,value:e,expires:n,canTrack:o})=>{try{if(!o)return;const r=nt({name:t,value:e,expires:n});document.cookie=r}catch(r){console.warn("[COOKIE] SET error: ",r)}},ot="builderio.variations",X=t=>`${ot}.${t}`,rt=({contentId:t,canTrack:e})=>G({name:X(t),canTrack:e}),st=({contentId:t,canTrack:e,value:n})=>J({name:X(t),value:n,canTrack:e}),it=t=>b(t.id)&&b(t.variations)&&Object.keys(t.variations).length>0,at=({id:t,variations:e})=>{var r;let n=0;const o=Math.random();for(const s in e){const i=(r=e[s])==null?void 0:r.testRatio;if(n+=i,o<n)return s}return t},A=({item:t,testGroupId:e})=>{const n=t.variations[e];return e===t.id||!n?{testVariationId:t.id,testVariationName:"Default"}:{data:n.data,testVariationId:n.id,testVariationName:n.name||(n.id===t.id?"Default":"")}},lt=async({item:t,canTrack:e})=>{const n=await rt({canTrack:e,contentId:t.id}),o=n?A({item:t,testGroupId:n}):void 0;if(o)return o;{const r=at({variations:t.variations,id:t.id});return st({contentId:t.id,value:r,canTrack:e}).catch(s=>{console.error("could not store A/B test variation: ",s)}),A({item:t,testGroupId:r})}},ct=async({item:t,canTrack:e})=>{if(!it(t))return;const n=await lt({item:t,canTrack:e});Object.assign(t,n)};function C(t,e=null,n="."){return Object.keys(t).reduce((o,r)=>{const s=t[r],i=[e,r].filter(Boolean).join(n);return[typeof s=="object",s!==null,!(Array.isArray(s)&&s.length===0)].every(Boolean)?{...o,...C(s,i,n)}:{...o,[i]:s}},{})}const F="builder.",dt="options.",Y=t=>{const e={};return t.forEach((n,o)=>{e[o]=n}),e},Q=t=>{if(!t)return{};const e=R(t),n={};return Object.keys(e).forEach(o=>{if(o.startsWith(F)){const r=o.replace(F,"").replace(dt,"");n[r]=e[o]}}),n},Z=()=>{if(!p())return{};const t=new URLSearchParams(window.location.search);return Q(t)},R=t=>t instanceof URLSearchParams?Y(t):t,ut="v3",pt=t=>{const{limit:e=30,userAttributes:n,query:o,noTraverse:r=!1,model:s,apiKey:i,includeRefs:l=!0,locale:a,apiVersion:c=ut}=t;if(!i)throw new Error("Missing API key");if(!["v2","v3"].includes(c))throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${c}'`);const d=new URL(`https://cdn.builder.io/api/${c}/content/${s}?apiKey=${i}&limit=${e}&noTraverse=${r}&includeRefs=${l}${a?`&locale=${a}`:""}`),h={...Z(),...R(t.options||{})},u=C(h);for(const f in u)d.searchParams.set(f,String(u[f]));if(n&&d.searchParams.set("userAttributes",JSON.stringify(n)),o){const f=C({query:o});for(const v in f)d.searchParams.set(v,JSON.stringify(f[v]))}return d};async function I(t){const e=await ee({...t,limit:1});return"results"in e&&(e==null?void 0:e.results[0])||null}async function ee(t){const e=pt(t),o=await(await q(e.href)).json();if("status"in o&&!("results"in o))return console.error("[Builder.io]: Error fetching data. ",o,t),o;const r=t.canTrack!==!1;try{if(r&&Array.isArray(o.results))for(const s of o.results)await ct({item:s,canTrack:r})}catch(s){console.error("[Builder.io]: Could not setup A/B testing. ",s)}return o}const mt=()=>Promise.resolve().then(()=>Rn).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderContent at ../../components/render-content/render-content.vue",t),t}),ht={name:"builder-symbol",components:{RenderContent:mt},props:["attributes","symbol","dynamic"],data(){var t,e,n;return{className:[...Object.keys(this.attributes.class),"builder-symbol",(t=this.symbol)!=null&&t.inline?"builder-inline-symbol":void 0,((e=this.symbol)==null?void 0:e.dynamic)||this.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" "),contentToUse:(n=this.symbol)==null?void 0:n.content}},inject:{builderContext:_.key},mounted(){this.fetchContent()},watch:{onUpdateHook0:{handler(){this.fetchContent()},immediate:!0}},computed:{onUpdateHook0(){return{0:this.symbol}}},methods:{fetchContent(){var t,e;!this.contentToUse&&((t=this.symbol)==null?void 0:t.model)&&((e=this.builderContext)==null?void 0:e.apiKey)&&I({model:this.symbol.model,apiKey:this.builderContext.apiKey,apiVersion:this.builderContext.apiVersion,query:{id:this.symbol.entry}}).then(n=>{n&&(this.contentToUse=n)}).catch(n=>{console.error("[Builder.io]: Could not fetch symbol content: ",n)})},filterAttrs:function(e={},n){const o="v-on:";return Object.keys(e).filter(r=>{const s=r.startsWith(o);return n?s:!s}).reduce((r,s)=>({...r,[s.replace(o,"")]:e[s]}),{})},_classStringToObject(t){const e={};if(typeof t!="string")return e;const n=t.trim().split(/\s+/);for(const o of n)e[o]=!0;return e}}};var ft=function(){var o,r,s,i;var e=this,n=e._self._c;return n("div",e._g(e._b({class:e._classStringToObject(e.className),attrs:{dataSet:{class:e.className}}},"div",e.filterAttrs(e.attributes,!1),!1),e.filterAttrs(e.attributes,!0)),[n("render-content",{attrs:{apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:e.builderContext.context,customComponents:Object.values(e.builderContext.registeredComponents),data:{...(o=e.symbol)==null?void 0:o.data,...e.builderContext.state,...(s=(r=e.contentToUse)==null?void 0:r.data)==null?void 0:s.state},model:(i=e.symbol)==null?void 0:i.model,content:e.contentToUse}})],1)},gt=[],bt=m(ht,ft,gt,!1,null,null,null,null);const te=bt.exports,yt={name:"Text",static:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",inputs:[{name:"text",type:"html",required:!0,autoFocus:!0,bubble:!0,defaultValue:"Enter some text..."}],defaultStyles:{lineHeight:"normal",height:"auto",textAlign:"center"}},vt={name:"builder-text",props:["text"]};var _t=function(){var e=this,n=e._self._c;return n("span",{staticClass:"builder-text",style:{outline:"none"},domProps:{innerHTML:e._s(e.text)}})},xt=[],kt=m(vt,_t,xt,!1,null,null,null,null);const ne=kt.exports,St={name:"Video",canHaveChildren:!0,defaultStyles:{minHeight:"20px",minWidth:"20px"},image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",inputs:[{name:"video",type:"file",allowedFileTypes:["mp4"],bubble:!0,defaultValue:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/assets%2FKQlEmWDxA0coC3PK6UvkrjwkIGI2%2F28cb070609f546cdbe5efa20e931aa4b?alt=media&token=912e9551-7a7c-4dfb-86b6-3da1537d1a7f",required:!0},{name:"posterImage",type:"file",allowedFileTypes:["jpeg","png"],helperText:"Image to show before the video plays"},{name:"autoPlay",type:"boolean",defaultValue:!0},{name:"controls",type:"boolean",defaultValue:!1},{name:"muted",type:"boolean",defaultValue:!0},{name:"loop",type:"boolean",defaultValue:!0},{name:"playsInline",type:"boolean",defaultValue:!0},{name:"fit",type:"text",defaultValue:"cover",enum:["contain","cover","fill","auto"]},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the aspect ratio",defaultValue:!0,advanced:!0},{name:"position",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"height",type:"number",advanced:!0},{name:"width",type:"number",advanced:!0},{name:"aspectRatio",type:"number",advanced:!0,defaultValue:.7004048582995948},{name:"lazyLoad",type:"boolean",helperText:'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',defaultValue:!0,advanced:!0}]},Ct={name:"builder-video",props:["autoPlay","muted","controls","loop","playsInline","attributes","fit","position","video","posterImage"],computed:{videoProps(){return{...this.autoPlay===!0?{autoPlay:!0}:{},...this.muted===!0?{muted:!0}:{},...this.controls===!0?{controls:!0}:{},...this.loop===!0?{loop:!0}:{},...this.playsInline===!0?{playsInline:!0}:{}}},spreadProps(){return{...this.attributes,...this.videoProps}}}};var wt=function(){var o;var e=this,n=e._self._c;return n("video",e._b({style:{width:"100%",height:"100%",...(o=e.attributes)==null?void 0:o.style,objectFit:e.fit,objectPosition:e.position,borderRadius:1},attrs:{src:e.video||"no-src",poster:e.posterImage}},"video",e.spreadProps,!1))},Tt=[],Rt=m(Ct,wt,Tt,!1,null,null,null,null);const oe=Rt.exports,It={name:"Embed",static:!0,inputs:[{name:"url",type:"url",required:!0,defaultValue:"",helperText:"e.g. enter a youtube url, google map, etc",onChange:k(t=>{const e=t.get("url");if(e)return t.set("content","Loading..."),fetch(`https://iframe.ly/api/iframely?url=${e}&api_key=ae0e60e78201a3f2b0de4b`).then(o=>o.json()).then(o=>{t.get("url")===e&&(o.html?t.set("content",o.html):t.set("content","Invalid url, please try another"))}).catch(o=>{t.set("content","There was an error embedding this URL, please try again or another URL")});t.delete("content")})},{name:"content",type:"html",defaultValue:'<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',hideFromUI:!0}]},$t=["text/javascript","application/javascript","application/ecmascript"],Et=t=>$t.includes(t.type),At={name:"builder-embed",props:["content"],data(){return{scriptsInserted:[],scriptsRun:[],ranInitFn:!1}},watch:{onUpdateHook0:{handler(){this.$refs.elem&&!this.ranInitFn&&(this.ranInitFn=!0,this.findAndRunScripts())},immediate:!0}},computed:{onUpdateHook0(){return{0:this.$refs.elem,1:this.ranInitFn}}},methods:{findAndRunScripts(){if(!this.$refs.elem||!this.$refs.elem.getElementsByTagName)return;const t=this.$refs.elem.getElementsByTagName("script");for(let e=0;e<t.length;e++){const n=t[e];if(n.src&&!this.scriptsInserted.includes(n.src)){this.scriptsInserted.push(n.src);const o=document.createElement("script");o.async=!0,o.src=n.src,document.head.appendChild(o)}else if(Et(n)&&!this.scriptsRun.includes(n.innerText))try{this.scriptsRun.push(n.innerText),new Function(n.innerText)()}catch(o){console.warn("`Embed`: Error running script:",o)}}}}};var Ft=function(){var e=this,n=e._self._c;return n("div",{ref:"elem",staticClass:"builder-embed",domProps:{innerHTML:e._s(e.content)}})},Pt=[],jt=m(At,Ft,Pt,!1,null,null,null,null);const Bt=jt.exports,Ot={name:"builder-img-component",props:["backgroundSize","backgroundPosition","imgSrc","altText","image","attributes"],data(){return{isEditing:g}},methods:{filterAttrs:function(e={},n){const o="v-on:";return Object.keys(e).filter(r=>{const s=r.startsWith(o);return n?s:!s}).reduce((r,s)=>({...r,[s.replace(o,"")]:e[s]}),{})}}};var Vt=function(){var e=this,n=e._self._c;return n("img",e._g(e._b({key:e.isEditing()&&e.imgSrc||"default-key",style:{objectFit:e.backgroundSize||"cover",objectPosition:e.backgroundPosition||"center"},attrs:{alt:e.altText,src:e.imgSrc||e.image}},"img",e.filterAttrs(e.attributes,!1),!1),e.filterAttrs(e.attributes,!0)))},Ut=[],Wt=m(Ot,Vt,Ut,!1,null,null,null,null);const Mt=Wt.exports,Nt={name:"Raw:Img",hideFromInsertMenu:!0,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",inputs:[{name:"image",bubble:!0,type:"file",allowedFileTypes:["jpeg","jpg","png","svg"],required:!0}],noWrap:!0,static:!0},Lt={name:"builder-custom-code",props:["replaceNodes","code"],data(){return{scriptsInserted:[],scriptsRun:[]}},mounted(){this.findAndRunScripts()},methods:{findAndRunScripts(){if(this.$refs.elem&&this.$refs.elem.getElementsByTagName&&typeof window<"u"){const t=this.$refs.elem.getElementsByTagName("script");for(let e=0;e<t.length;e++){const n=t[e];if(n.src){if(this.scriptsInserted.includes(n.src))continue;this.scriptsInserted.push(n.src);const o=document.createElement("script");o.async=!0,o.src=n.src,document.head.appendChild(o)}else if(!n.type||["text/javascript","application/javascript","application/ecmascript"].includes(n.type)){if(this.scriptsRun.includes(n.innerText))continue;try{this.scriptsRun.push(n.innerText),new Function(n.innerText)()}catch(o){console.warn("`CustomCode`: Error running script:",o)}}}}},_classStringToObject(t){const e={};if(typeof t!="string")return e;const n=t.trim().split(/\s+/);for(const o of n)e[o]=!0;return e}}};var zt=function(){var e=this,n=e._self._c;return n("div",{ref:"elem",class:e._classStringToObject("builder-custom-code"+(e.replaceNodes?" replace-nodes":"")),domProps:{innerHTML:e._s(e.code)}})},Kt=[],Dt=m(Lt,zt,Kt,!1,null,null,null,null);const Ht=Dt.exports,qt={name:"Custom Code",static:!0,requiredPermissions:["editCode"],inputs:[{name:"code",type:"html",required:!0,defaultValue:"<p>Hello there, I am custom HTML code!</p>",code:!0},{name:"replaceNodes",type:"boolean",helperText:"Preserve server rendered dom nodes",advanced:!0},{name:"scriptsClientOnly",type:"boolean",defaultValue:!1,helperText:"Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",advanced:!0}]},Gt=()=>[{component:U,...Ne},{component:N,...Le},{component:Ht,...qt},{component:Bt,...It},{component:L,...ze},{component:z,...Ke},{component:Mt,...Nt},{component:H,...De},{component:te,...Xe},{component:ne,...yt},{component:oe,...St}];function w({code:t,context:e,state:n,event:o,isExpression:r=!0}){if(t===""){console.warn("Skipping evaluation of empty code block.");return}const s={isEditing:g(),isBrowser:p(),isServer:!p()},l=r&&!(t.includes(";")||t.includes(" return ")||t.trim().startsWith("return "))?`return (${t});`:t;try{return new Function("builder","Builder","state","context","event",l)(s,s,n,e,o)}catch(a){console.warn(`Builder custom code error:
|
|
27
27
|
While Evaluating:
|
|
28
28
|
`,l,`
|
|
29
|
-
`,a)}}function re(){return!m()||g()?!1:Boolean(location.search.indexOf("builder.preview=")!==-1)}const $=[];function Jt(t,e){return $.push({component:t,...e}),console.warn("registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK."),t}const se=({component:t,...e})=>({type:"builder.registerComponent",data:Yt(e)}),Xt=t=>typeof t=="function"?k(t):x(t),Yt=({inputs:t,...e})=>({...x(e),inputs:t==null?void 0:t.map(n=>Object.entries(n).reduce((o,[r,s])=>({...o,[r]:Xt(s)}),{}))});function Qt(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(t){const e=Math.random()*16|0;return(t=="x"?e:e&3|8).toString(16)})}function ie(){return Qt().replace(/-/g,"")}const ae="builderSessionId",Zt=async({canTrack:t})=>{if(!t)return;const e=await G({name:ae,canTrack:t});if(b(e))return e;{const n=en();return tn({id:n,canTrack:t}),n}},en=()=>ie(),tn=({id:t,canTrack:e})=>J({name:ae,value:t,canTrack:e}),le=()=>m()&&typeof localStorage<"u"?localStorage:void 0,nn=({key:t,canTrack:e})=>{var n;try{return e?(n=le())==null?void 0:n.getItem(t):void 0}catch(o){console.debug("[LocalStorage] GET error: ",o);return}},on=({key:t,canTrack:e,value:n})=>{var o;try{e&&((o=le())==null||o.setItem(t,n))}catch(r){console.debug("[LocalStorage] SET error: ",r)}},ce="builderVisitorId",rn=({canTrack:t})=>{if(!t)return;const e=nn({key:ce,canTrack:t});if(b(e))return e;{const n=sn();return an({id:n,canTrack:t}),n}},sn=()=>ie(),an=({id:t,canTrack:e})=>on({key:ce,value:t,canTrack:e}),ln=()=>{if(m()){const t=new URL(location.href);return t.pathname===""&&(t.pathname="/"),t}else return console.warn("Cannot get location for tracking in non-browser environment"),null},cn=()=>typeof navigator=="object"&&navigator.userAgent||"",dn=()=>{const t=cn(),e={Android(){return t.match(/Android/i)},BlackBerry(){return t.match(/BlackBerry/i)},iOS(){return t.match(/iPhone|iPod/i)},Opera(){return t.match(/Opera Mini/i)},Windows(){return t.match(/IEMobile/i)||t.match(/WPDesktop/i)},any(){return e.Android()||e.BlackBerry()||e.iOS()||e.Opera()||e.Windows()||y==="reactNative"}},n=t.match(/Tablet|iPad/i),o=ln();return{urlPath:o==null?void 0:o.pathname,host:(o==null?void 0:o.host)||(o==null?void 0:o.hostname),device:n?"tablet":e.any()?"mobile":"desktop"}},un=async({canTrack:t})=>{if(!t)return{visitorId:void 0,sessionId:void 0};const e=await Zt({canTrack:t}),n=rn({canTrack:t});return{sessionId:e,visitorId:n}},mn=async({type:t,canTrack:e,apiKey:n,metadata:o,...r})=>({type:t,data:{...r,metadata:{url:location.href,...o},...await un({canTrack:e}),userAttributes:dn(),ownerId:n}});async function T(t){if(!t.apiKey){console.error("[Builder.io]: Missing API key for track call. Please provide your API key.");return}if(!!t.canTrack&&!g()&&!!(m()||y==="reactNative"))return fetch("https://builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await mn(t)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(e=>{console.error("Failed to track: ",e)})}const pn=t=>T({...t,canTrack:!0}),F={};function de(t,e){let n=F[t];if(n||(n=F[t]=[]),n.push(e),m()){const o={type:"builder.register",data:{type:t,info:e}};try{parent.postMessage(o,"*"),parent!==window&&window.postMessage(o,"*")}catch(r){console.debug("Could not postmessage",r)}}}const hn=()=>{de("insertMenu",{name:"_default",default:!0,items:[{name:"Box"},{name:"Text"},{name:"Image"},{name:"Columns"},{name:"Core:Section"},{name:"Core:Button"},{name:"Embed"},{name:"Custom Code"}]})};let P=!1;const fn=(t={})=>{var e,n;P||(P=!0,m()&&((e=window.parent)==null||e.postMessage({type:"builder.sdkInfo",data:{target:y,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:t}},"*"),window.addEventListener("message",({data:o})=>{var r,s;if(!!(o!=null&&o.type))switch(o.type){case"builder.evaluate":{const i=o.data.text,l=o.data.arguments||[],a=o.data.id,c=new Function(i);let d,h=null;try{d=c.apply(null,l)}catch(u){h=u}h?(r=window.parent)==null||r.postMessage({type:"builder.evaluateError",data:{id:a,error:h.message}},"*"):d&&typeof d.then=="function"?d.then(u=>{var f;(f=window.parent)==null||f.postMessage({type:"builder.evaluateResult",data:{id:a,result:u}},"*")}).catch(console.error):(s=window.parent)==null||s.postMessage({type:"builder.evaluateResult",data:{result:d,id:a}},"*");break}}})))};function B(t){return Math.round(t*1e3)/1e3}const gn=(t,e,n=!0)=>{if(!(t instanceof HTMLElement))return null;let o=n?t:t.parentElement;do{if(!o)return null;if(e(o))return o}while(o=o.parentElement);return null},bn=t=>gn(t,e=>{const n=e.getAttribute("builder-id")||e.id;return Boolean((n==null?void 0:n.indexOf("builder-"))===0)}),O=({event:t,target:e})=>{const n=e.getBoundingClientRect(),o=t.clientX-n.left,r=t.clientY-n.top,s=B(o/n.width),i=B(r/n.height);return{x:s,y:i}},yn=t=>{const e=t.target,n=e&&bn(e),o=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:o||void 0,metadata:{targetOffset:e?O({event:t,target:e}):void 0,builderTargetOffset:n?O({event:t,target:n}):void 0,builderElementIndex:n&&o?[].slice.call(document.getElementsByClassName(o)).indexOf(n):void 0}}},vn=({content:t,data:e,locale:n})=>{var s,i,l;const o={};(i=(s=t==null?void 0:t.data)==null?void 0:s.inputs)==null||i.forEach(a=>{var c;a.name&&a.defaultValue!==void 0&&((c=t==null?void 0:t.data)==null?void 0:c.state)&&t.data.state[a.name]===void 0&&(o[a.name]=a.defaultValue)});const r={...(l=t==null?void 0:t.data)==null?void 0:l.state,...e,...n?{locale:n}:{}};return{...o,...r}},_n=({content:t,data:e})=>t?{...t,data:{...t==null?void 0:t.data,...e},meta:t==null?void 0:t.meta}:void 0,xn=()=>Promise.resolve().then(()=>D).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",t),t}),kn=()=>Promise.resolve().then(()=>require("./render-styles.23d118f3.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderContentStyles at ./components/render-styles.vue",t),t}),Sn={name:"render-content",components:{RenderContentStyles:kn,RenderBlocks:xn},props:["content","data","canTrack","locale","customComponents","model","context","apiKey","includeRefs","apiVersion"],data(){return{forceReRenderCount:0,overrideContent:null,useContent:_n({content:this.content,data:this.data}),update:0,canTrackToUse:b(this.canTrack)?this.canTrack:!0,contentState:vn({content:this.content,data:this.data,locale:this.locale}),allRegisteredComponents:[...Gt(),...$,...this.customComponents||[]].reduce((t,e)=>({...t,[e.name]:e}),{}),httpReqsData:{},clicked:!1,TARGET:y}},provide(){const t=this;return{[_.key]:{content:t.useContent,state:t.contentState,setState:t.setContextState,context:t.context||{},apiKey:t.apiKey,apiVersion:t.apiVersion,registeredComponents:t.allRegisteredComponents}}},mounted(){var t,e;if(this.apiKey||console.error("[Builder.io]: No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),m()){if(g()&&(this.forceReRenderCount=this.forceReRenderCount+1,hn(),fn({...this.locale?{locale:this.locale}:{},...this.includeRefs?{includeRefs:this.includeRefs}:{}}),Object.values(this.allRegisteredComponents).forEach(n=>{var r;const o=se(n);(r=window.parent)==null||r.postMessage(o,"*")}),window.addEventListener("message",this.processMessage),window.addEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate)),this.useContent){const n=(t=this.useContent)==null?void 0:t.testVariationId,o=(e=this.useContent)==null?void 0:e.id;T({type:"impression",canTrack:this.canTrackToUse,contentId:o,apiKey:this.apiKey,variationId:n!==o?n:void 0})}if(re()){const n=new URL(location.href).searchParams,o=n.get("builder.preview"),r=n.get("apiKey")||n.get("builder.space");o===this.model&&r===this.apiKey&&I({model:this.model,apiKey:this.apiKey,apiVersion:this.apiVersion}).then(s=>{s&&this.mergeNewContent(s)})}this.evaluateJsCode(),this.runHttpRequests(),this.emitStateUpdate()}},watch:{onUpdateHook0:{handler(){this.content&&this.mergeNewContent(this.content)},immediate:!0},onUpdateHook1:{handler(){this.evaluateJsCode()},immediate:!0},onUpdateHook2:{handler(){this.runHttpRequests()},immediate:!0},onUpdateHook3:{handler(){this.emitStateUpdate()},immediate:!0}},unmounted(){m()&&(window.removeEventListener("message",this.processMessage),window.removeEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate))},computed:{onUpdateHook0(){return{0:this.content}},onUpdateHook1(){var t,e;return{0:(e=(t=this.useContent)==null?void 0:t.data)==null?void 0:e.jsCode,1:this.contentState}},onUpdateHook2(){var t,e;return{0:(e=(t=this.useContent)==null?void 0:t.data)==null?void 0:e.httpRequests}},onUpdateHook3(){return{0:this.contentState}}},methods:{mergeNewContent(t){var e,n,o,r,s;this.useContent={...this.useContent,...t,data:{...(e=this.useContent)==null?void 0:e.data,...t==null?void 0:t.data},meta:{...(n=this.useContent)==null?void 0:n.meta,...t==null?void 0:t.meta,breakpoints:((o=t==null?void 0:t.meta)==null?void 0:o.breakpoints)||((s=(r=this.useContent)==null?void 0:r.meta)==null?void 0:s.breakpoints)}}},setBreakpoints(t){var e;this.useContent={...this.useContent,meta:{...(e=this.useContent)==null?void 0:e.meta,breakpoints:t}}},setContextState(t){this.contentState=t},processMessage(t){var n;const{data:e}=t;if(e)switch(e.type){case"builder.configureSdk":{const o=e.data,{breakpoints:r,contentId:s}=o;if(!s||s!==((n=this.useContent)==null?void 0:n.id))return;r&&this.setBreakpoints(r),this.forceReRenderCount=this.forceReRenderCount+1;break}case"builder.contentUpdate":{const o=e.data,r=o.key||o.alias||o.entry||o.modelName,s=o.data;r===this.model&&(this.mergeNewContent(s),this.forceReRenderCount=this.forceReRenderCount+1);break}}},evaluateJsCode(){var e,n;const t=(n=(e=this.useContent)==null?void 0:e.data)==null?void 0:n.jsCode;t&&w({code:t,context:this.context||{},state:this.contentState})},onClick(t){var e,n;if(this.useContent){const o=(e=this.useContent)==null?void 0:e.testVariationId,r=(n=this.useContent)==null?void 0:n.id;T({type:"click",canTrack:this.canTrackToUse,contentId:r,apiKey:this.apiKey,variationId:o!==r?o:void 0,...yn(t),unique:!this.clicked})}this.clicked||(this.clicked=!0)},evalExpression(t){return t.replace(/{{([^}]+)}}/g,(e,n)=>w({code:n,context:this.context||{},state:this.contentState}))},handleRequest({url:t,key:e}){q(t).then(n=>n.json()).then(n=>{const o={...this.contentState,[e]:n};this.setContextState(o)}).catch(n=>{console.error("error fetching dynamic data",t,n)})},runHttpRequests(){var e,n,o;const t=(o=(n=(e=this.useContent)==null?void 0:e.data)==null?void 0:n.httpRequests)!=null?o:{};Object.entries(t).forEach(([r,s])=>{if(s&&(!this.httpReqsData[r]||g())){const i=this.evalExpression(s);this.handleRequest({url:i,key:r})}})},emitStateUpdate(){g()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:this.contentState,ref:{name:this.model}}}))}}};var Cn=function(){var o,r,s,i,l,a,c,d;var e=this,n=e._self._c;return e.useContent?n("div",{ref:"elementRef",attrs:{"builder-content-id":(o=e.useContent)==null?void 0:o.id,"builder-model":e.model},on:{click:function(h){return e.onClick(h)}}},[e.TARGET!=="reactNative"?[n("render-content-styles",{attrs:{contentId:(r=e.useContent)==null?void 0:r.id,cssCode:(i=(s=e.useContent)==null?void 0:s.data)==null?void 0:i.cssCode,customFonts:(a=(l=e.useContent)==null?void 0:l.data)==null?void 0:a.customFonts}})]:e._e(),n("render-blocks",{key:e.forceReRenderCount,attrs:{blocks:(d=(c=e.useContent)==null?void 0:c.data)==null?void 0:d.blocks}})],2):e._e()},wn=[],Tn=p(Sn,Cn,wn,!1,null,null,null,null);const ue=Tn.exports,Rn=Object.freeze(Object.defineProperty({__proto__:null,default:ue},Symbol.toStringTag,{value:"Module"})),V={};function In(t){if(m()){Object.assign(V,t);const e={type:"builder.settingsChange",data:V};parent.postMessage(e,"*")}}exports.BuilderContext=_;exports.Button=U;exports.Columns=N;exports.Fragment=L;exports.Image=z;exports.Section=H;exports.Symbol=te;exports.TARGET=y;exports.Text=ne;exports.Video=oe;exports.checkIsDefined=b;exports.components=$;exports.convertSearchParamsToQueryObject=Y;exports.createRegisterComponentMessage=se;exports.evaluate=w;exports.fastClone=x;exports.getAllContent=ee;exports.getBuilderSearchParams=Q;exports.getBuilderSearchParamsFromWindow=Z;exports.getContent=I;exports.getMaxWidthQueryForSize=ge;exports.getSizesForBreakpoints=M;exports.isEditing=g;exports.isPreviewing=re;exports.normalizeComponent=p;exports.normalizeSearchParams=R;exports.register=de;exports.registerComponent=Jt;exports.renderBlocks=K;exports.renderContent=ue;exports.setEditorSettings=In;exports.track=pn;
|
|
29
|
+
`,a)}}function re(){return!p()||g()?!1:Boolean(location.search.indexOf("builder.preview=")!==-1)}const $=[];function Jt(t,e){return $.push({component:t,...e}),console.warn("registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK."),t}const se=({component:t,...e})=>({type:"builder.registerComponent",data:Yt(e)}),Xt=t=>typeof t=="function"?k(t):x(t),Yt=({inputs:t,...e})=>({...x(e),inputs:t==null?void 0:t.map(n=>Object.entries(n).reduce((o,[r,s])=>({...o,[r]:Xt(s)}),{}))});function Qt(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(t){const e=Math.random()*16|0;return(t=="x"?e:e&3|8).toString(16)})}function ie(){return Qt().replace(/-/g,"")}const ae="builderSessionId",Zt=async({canTrack:t})=>{if(!t)return;const e=await G({name:ae,canTrack:t});if(b(e))return e;{const n=en();return tn({id:n,canTrack:t}),n}},en=()=>ie(),tn=({id:t,canTrack:e})=>J({name:ae,value:t,canTrack:e}),le=()=>p()&&typeof localStorage<"u"?localStorage:void 0,nn=({key:t,canTrack:e})=>{var n;try{return e?(n=le())==null?void 0:n.getItem(t):void 0}catch(o){console.debug("[LocalStorage] GET error: ",o);return}},on=({key:t,canTrack:e,value:n})=>{var o;try{e&&((o=le())==null||o.setItem(t,n))}catch(r){console.debug("[LocalStorage] SET error: ",r)}},ce="builderVisitorId",rn=({canTrack:t})=>{if(!t)return;const e=nn({key:ce,canTrack:t});if(b(e))return e;{const n=sn();return an({id:n,canTrack:t}),n}},sn=()=>ie(),an=({id:t,canTrack:e})=>on({key:ce,value:t,canTrack:e}),ln=()=>{if(p()){const t=new URL(location.href);return t.pathname===""&&(t.pathname="/"),t}else return console.warn("Cannot get location for tracking in non-browser environment"),null},cn=()=>typeof navigator=="object"&&navigator.userAgent||"",dn=()=>{const t=cn(),e={Android(){return t.match(/Android/i)},BlackBerry(){return t.match(/BlackBerry/i)},iOS(){return t.match(/iPhone|iPod/i)},Opera(){return t.match(/Opera Mini/i)},Windows(){return t.match(/IEMobile/i)||t.match(/WPDesktop/i)},any(){return e.Android()||e.BlackBerry()||e.iOS()||e.Opera()||e.Windows()||y==="reactNative"}},n=t.match(/Tablet|iPad/i),o=ln();return{urlPath:o==null?void 0:o.pathname,host:(o==null?void 0:o.host)||(o==null?void 0:o.hostname),device:n?"tablet":e.any()?"mobile":"desktop"}},un=async({canTrack:t})=>{if(!t)return{visitorId:void 0,sessionId:void 0};const e=await Zt({canTrack:t}),n=rn({canTrack:t});return{sessionId:e,visitorId:n}},pn=async({type:t,canTrack:e,apiKey:n,metadata:o,...r})=>({type:t,data:{...r,metadata:{url:location.href,...o},...await un({canTrack:e}),userAttributes:dn(),ownerId:n}});async function T(t){if(!t.apiKey){console.error("[Builder.io]: Missing API key for track call. Please provide your API key.");return}if(!!t.canTrack&&!g()&&!!(p()||y==="reactNative"))return fetch("https://builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await pn(t)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(e=>{console.error("Failed to track: ",e)})}const mn=t=>T({...t,canTrack:!0}),P={};function de(t,e){let n=P[t];if(n||(n=P[t]=[]),n.push(e),p()){const o={type:"builder.register",data:{type:t,info:e}};try{parent.postMessage(o,"*"),parent!==window&&window.postMessage(o,"*")}catch(r){console.debug("Could not postmessage",r)}}}const hn=()=>{de("insertMenu",{name:"_default",default:!0,items:[{name:"Box"},{name:"Text"},{name:"Image"},{name:"Columns"},{name:"Core:Section"},{name:"Core:Button"},{name:"Embed"},{name:"Custom Code"}]})};let j=!1;const fn=(t={})=>{var e,n;j||(j=!0,p()&&((e=window.parent)==null||e.postMessage({type:"builder.sdkInfo",data:{target:y,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:t}},"*"),window.addEventListener("message",({data:o})=>{var r,s;if(!!(o!=null&&o.type))switch(o.type){case"builder.evaluate":{const i=o.data.text,l=o.data.arguments||[],a=o.data.id,c=new Function(i);let d,h=null;try{d=c.apply(null,l)}catch(u){h=u}h?(r=window.parent)==null||r.postMessage({type:"builder.evaluateError",data:{id:a,error:h.message}},"*"):d&&typeof d.then=="function"?d.then(u=>{var f;(f=window.parent)==null||f.postMessage({type:"builder.evaluateResult",data:{id:a,result:u}},"*")}).catch(console.error):(s=window.parent)==null||s.postMessage({type:"builder.evaluateResult",data:{result:d,id:a}},"*");break}}})))};function B(t){return Math.round(t*1e3)/1e3}const gn=(t,e,n=!0)=>{if(!(t instanceof HTMLElement))return null;let o=n?t:t.parentElement;do{if(!o)return null;if(e(o))return o}while(o=o.parentElement);return null},bn=t=>gn(t,e=>{const n=e.getAttribute("builder-id")||e.id;return Boolean((n==null?void 0:n.indexOf("builder-"))===0)}),O=({event:t,target:e})=>{const n=e.getBoundingClientRect(),o=t.clientX-n.left,r=t.clientY-n.top,s=B(o/n.width),i=B(r/n.height);return{x:s,y:i}},yn=t=>{const e=t.target,n=e&&bn(e),o=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:o||void 0,metadata:{targetOffset:e?O({event:t,target:e}):void 0,builderTargetOffset:n?O({event:t,target:n}):void 0,builderElementIndex:n&&o?[].slice.call(document.getElementsByClassName(o)).indexOf(n):void 0}}},vn=({content:t,data:e,locale:n})=>{var s,i,l;const o={};(i=(s=t==null?void 0:t.data)==null?void 0:s.inputs)==null||i.forEach(a=>{var c;a.name&&a.defaultValue!==void 0&&((c=t==null?void 0:t.data)==null?void 0:c.state)&&t.data.state[a.name]===void 0&&(o[a.name]=a.defaultValue)});const r={...(l=t==null?void 0:t.data)==null?void 0:l.state,...e,...n?{locale:n}:{}};return{...o,...r}},_n=({content:t,data:e})=>t?{...t,data:{...t==null?void 0:t.data,...e},meta:t==null?void 0:t.meta}:void 0,xn=()=>Promise.resolve().then(()=>D).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",t),t}),kn=()=>Promise.resolve().then(()=>require("./render-styles.5f902b3b.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderContentStyles at ./components/render-styles.vue",t),t}),Sn={name:"render-content",components:{RenderContentStyles:kn,RenderBlocks:xn},props:["content","data","canTrack","locale","customComponents","model","context","apiKey","includeRefs","apiVersion"],data(){return{forceReRenderCount:0,overrideContent:null,useContent:_n({content:this.content,data:this.data}),update:0,canTrackToUse:b(this.canTrack)?this.canTrack:!0,contentState:vn({content:this.content,data:this.data,locale:this.locale}),allRegisteredComponents:[...Gt(),...$,...this.customComponents||[]].reduce((t,e)=>({...t,[e.name]:e}),{}),httpReqsData:{},clicked:!1,TARGET:y}},provide(){const t=this;return{[_.key]:{content:t.useContent,state:t.contentState,setState:t.setContextState,context:t.context||{},apiKey:t.apiKey,apiVersion:t.apiVersion,registeredComponents:t.allRegisteredComponents}}},mounted(){var t,e;if(this.apiKey||console.error("[Builder.io]: No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),p()){if(g()&&(this.forceReRenderCount=this.forceReRenderCount+1,hn(),fn({...this.locale?{locale:this.locale}:{},...this.includeRefs?{includeRefs:this.includeRefs}:{}}),Object.values(this.allRegisteredComponents).forEach(n=>{var r;const o=se(n);(r=window.parent)==null||r.postMessage(o,"*")}),window.addEventListener("message",this.processMessage),window.addEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate)),this.useContent){const n=(t=this.useContent)==null?void 0:t.testVariationId,o=(e=this.useContent)==null?void 0:e.id;T({type:"impression",canTrack:this.canTrackToUse,contentId:o,apiKey:this.apiKey,variationId:n!==o?n:void 0})}if(re()){const n=new URL(location.href).searchParams,o=n.get("builder.preview"),r=n.get("apiKey")||n.get("builder.space");o===this.model&&r===this.apiKey&&I({model:this.model,apiKey:this.apiKey,apiVersion:this.apiVersion}).then(s=>{s&&this.mergeNewContent(s)})}this.evaluateJsCode(),this.runHttpRequests(),this.emitStateUpdate()}},watch:{onUpdateHook0:{handler(){this.content&&this.mergeNewContent(this.content)},immediate:!0},onUpdateHook1:{handler(){this.evaluateJsCode()},immediate:!0},onUpdateHook2:{handler(){this.runHttpRequests()},immediate:!0},onUpdateHook3:{handler(){this.emitStateUpdate()},immediate:!0}},unmounted(){p()&&(window.removeEventListener("message",this.processMessage),window.removeEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate))},computed:{onUpdateHook0(){return{0:this.content}},onUpdateHook1(){var t,e;return{0:(e=(t=this.useContent)==null?void 0:t.data)==null?void 0:e.jsCode,1:this.contentState}},onUpdateHook2(){var t,e;return{0:(e=(t=this.useContent)==null?void 0:t.data)==null?void 0:e.httpRequests}},onUpdateHook3(){return{0:this.contentState}}},methods:{mergeNewContent(t){var e,n,o,r,s;this.useContent={...this.useContent,...t,data:{...(e=this.useContent)==null?void 0:e.data,...t==null?void 0:t.data},meta:{...(n=this.useContent)==null?void 0:n.meta,...t==null?void 0:t.meta,breakpoints:((o=t==null?void 0:t.meta)==null?void 0:o.breakpoints)||((s=(r=this.useContent)==null?void 0:r.meta)==null?void 0:s.breakpoints)}}},setBreakpoints(t){var e;this.useContent={...this.useContent,meta:{...(e=this.useContent)==null?void 0:e.meta,breakpoints:t}}},setContextState(t){this.contentState=t},processMessage(t){var n;const{data:e}=t;if(e)switch(e.type){case"builder.configureSdk":{const o=e.data,{breakpoints:r,contentId:s}=o;if(!s||s!==((n=this.useContent)==null?void 0:n.id))return;r&&this.setBreakpoints(r),this.forceReRenderCount=this.forceReRenderCount+1;break}case"builder.contentUpdate":{const o=e.data,r=o.key||o.alias||o.entry||o.modelName,s=o.data;r===this.model&&(this.mergeNewContent(s),this.forceReRenderCount=this.forceReRenderCount+1);break}}},evaluateJsCode(){var e,n;const t=(n=(e=this.useContent)==null?void 0:e.data)==null?void 0:n.jsCode;t&&w({code:t,context:this.context||{},state:this.contentState})},onClick(t){var e,n;if(this.useContent){const o=(e=this.useContent)==null?void 0:e.testVariationId,r=(n=this.useContent)==null?void 0:n.id;T({type:"click",canTrack:this.canTrackToUse,contentId:r,apiKey:this.apiKey,variationId:o!==r?o:void 0,...yn(t),unique:!this.clicked})}this.clicked||(this.clicked=!0)},evalExpression(t){return t.replace(/{{([^}]+)}}/g,(e,n)=>w({code:n,context:this.context||{},state:this.contentState}))},handleRequest({url:t,key:e}){q(t).then(n=>n.json()).then(n=>{const o={...this.contentState,[e]:n};this.setContextState(o)}).catch(n=>{console.error("error fetching dynamic data",t,n)})},runHttpRequests(){var e,n,o;const t=(o=(n=(e=this.useContent)==null?void 0:e.data)==null?void 0:n.httpRequests)!=null?o:{};Object.entries(t).forEach(([r,s])=>{if(s&&(!this.httpReqsData[r]||g())){const i=this.evalExpression(s);this.handleRequest({url:i,key:r})}})},emitStateUpdate(){g()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:this.contentState,ref:{name:this.model}}}))}}};var Cn=function(){var o,r,s,i,l,a,c,d;var e=this,n=e._self._c;return e.useContent?n("div",{ref:"elementRef",attrs:{"builder-content-id":(o=e.useContent)==null?void 0:o.id,"builder-model":e.model},on:{click:function(h){return e.onClick(h)}}},[e.TARGET!=="reactNative"?[n("render-content-styles",{attrs:{contentId:(r=e.useContent)==null?void 0:r.id,cssCode:(i=(s=e.useContent)==null?void 0:s.data)==null?void 0:i.cssCode,customFonts:(a=(l=e.useContent)==null?void 0:l.data)==null?void 0:a.customFonts}})]:e._e(),n("render-blocks",{key:e.forceReRenderCount,attrs:{blocks:(d=(c=e.useContent)==null?void 0:c.data)==null?void 0:d.blocks}})],2):e._e()},wn=[],Tn=m(Sn,Cn,wn,!1,null,null,null,null);const ue=Tn.exports,Rn=Object.freeze(Object.defineProperty({__proto__:null,default:ue},Symbol.toStringTag,{value:"Module"})),V={};function In(t){if(p()){Object.assign(V,t);const e={type:"builder.settingsChange",data:V};parent.postMessage(e,"*")}}exports.BuilderContext=_;exports.Button=U;exports.Columns=N;exports.Fragment=L;exports.Image=z;exports.Section=H;exports.Symbol=te;exports.TARGET=y;exports.Text=ne;exports.Video=oe;exports.checkIsDefined=b;exports.components=$;exports.convertSearchParamsToQueryObject=Y;exports.createRegisterComponentMessage=se;exports.evaluate=w;exports.fastClone=x;exports.getAllContent=ee;exports.getBuilderSearchParams=Q;exports.getBuilderSearchParamsFromWindow=Z;exports.getContent=I;exports.getMaxWidthQueryForSize=ge;exports.getSizesForBreakpoints=M;exports.isEditing=g;exports.isPreviewing=re;exports.normalizeComponent=m;exports.normalizeSearchParams=R;exports.register=de;exports.registerComponent=Jt;exports.renderBlocks=K;exports.renderContent=ue;exports.setEditorSettings=In;exports.track=mn;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index.b9a8defa.cjs"),i=require("./css.883115fd.cjs"),d=t=>`v-on:${t.toLowerCase()}`,p=(t,e)=>n=>c.evaluate({code:t,context:e.context,state:e.state,event:n,isExpression:!1});function m(t){var r;const e={},n=(r=t.block.actions)!=null?r:{};for(const o in n){if(!n.hasOwnProperty(o))continue;const s=n[o];e[d(o)]=p(s,t)}return e}function h(t){var e;return{...(e=t.component)==null?void 0:e.options,...t.options,builderBlock:t}}function k(t){const e={};if(typeof t!="string")return e;const n=t.trim().split(/\\s+/);for(const r of n)e[r]=!0;return e}function f(t){return t.class=k(t.class),t}function b(t){var n;const e={...t.properties,"builder-id":t.id,style:y(t.style),class:[t.id,"builder-block",t.class,(n=t.properties)==null?void 0:n.class].filter(Boolean).join(" ")};return f(e)}function y(t){if(!!t)switch(c.TARGET){case"svelte":case"vue2":case"vue3":case"solid":return i.convertStyleMapToCSSArray(t).join(" ");case"qwik":case"reactNative":case"react":return t}}const x=["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"],g=t=>typeof t=="string"&&x.includes(t.toLowerCase()),v=({block:t,context:e})=>{var o;const n=(o=i.getProcessedBlock({block:t,state:e.state,context:e.context,shouldEvaluateBindings:!1}).component)==null?void 0:o.name;if(!n)return null;const r=e.registeredComponents[n];if(r)return r;console.warn(`
|
|
2
|
+
Could not find a registered component named "${n}".
|
|
3
|
+
If you registered it, is the file that registered it imported by the file that needs to render it?`)},B=({block:t,context:e})=>{const{repeat:n,...r}=t;if(!(n!=null&&n.collection))return;const o=c.evaluate({code:n.collection,state:e.state,context:e.context});if(!Array.isArray(o))return;const s=n.collection.split(".").pop(),a=n.itemName||(s?s+"Item":"item");return o.map((l,u)=>({context:{...e,state:{...e.state,$index:u,$item:l,[a]:l,[`$${a}Index`]:u}},block:r}))},C=t=>typeof Proxy>"u"?(console.error("no Proxy available in this environment, cannot proxy state."),t.state):new Proxy(t.state,{set:(n,r,o)=>{var s;return n[r]=o,(s=t.setState)==null||s.call(t,n),!0}}),_=()=>Promise.resolve().then(()=>require("./block-styles.1657b45f.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",t),t}),S=()=>Promise.resolve().then(()=>require("./render-repeated-block.d7008df1.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderRepeatedBlock at ./render-repeated-block.vue",t),t}),w=()=>Promise.resolve().then(()=>require("./render-component.ab9c6751.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderComponent at ./render-component.vue",t),t}),P={name:"render-block",components:{RenderComponent:w,RenderRepeatedBlock:S,BlockStyles:_},props:["block","context"],data(){return{component:v({block:this.block,context:this.context}),repeatItemData:B({block:this.block,context:this.context}),tag:this.block.tagName||"div",proxyState:C(this.context),isEmptyHtmlElement:g}},computed:{useBlock(){return this.repeatItemData?this.block:i.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},canShowBlock(){return c.checkIsDefined(this.useBlock.hide)?!this.useBlock.hide:c.checkIsDefined(this.useBlock.show)?this.useBlock.show:!0},actions(){return m({block:this.useBlock,state:this.proxyState,context:this.context.context})},attributes(){return{...b(this.useBlock)}},childrenWithoutParentComponent(){var e,n;return!((e=this.component)!=null&&e.component)&&!this.repeatItemData?(n=this.useBlock.children)!=null?n:[]:[]},childrenContext(){const t=()=>({});return{apiKey:this.context.apiKey,apiVersion:this.context.apiVersion,state:this.context.state,content:this.context.content,context:this.context.context,setState:this.context.setState,registeredComponents:this.context.registeredComponents,inheritedStyles:t()}},renderComponentProps(){var t,e,n;return{blockChildren:(t=this.useBlock.children)!=null?t:[],componentRef:(e=this.component)==null?void 0:e.component,componentOptions:{...h(this.useBlock),...(n=this.component)!=null&&n.noWrap?{attributes:{...this.attributes,...this.actions}}:{}},context:this.childrenContext}}},methods:{stripVOn:function(e={}){return Object.keys(e).reduce((n,r)=>({...n,[r.replace("v-on:","")]:e[r]}),{})}}};var E=function(){var r;var e=this,n=e._self._c;return!Boolean(!((r=e.component)!=null&&r.noWrap))&&e.canShowBlock?n("render-component",e._b({},"render-component",e.renderComponentProps,!1)):e.isEmptyHtmlElement(e.tag)&&e.canShowBlock?n(e.tag,e._g(e._b({tag:"component"},"component",e.attributes,!1),e.stripVOn(e.actions))):!e.isEmptyHtmlElement(e.tag)&&e.repeatItemData&&e.canShowBlock?n("div",{staticClass:"vue2-root-element-workaround"},e._l(e.repeatItemData,function(o,s){return n("render-repeated-block",{key:s,attrs:{repeatContext:o.context,block:o.block}})}),1):e.canShowBlock?n(e.tag,e._g(e._b({tag:"component"},"component",e.attributes,!1),e.stripVOn(e.actions)),[n("render-component",e._b({},"render-component",e.renderComponentProps,!1)),e._l(e.childrenWithoutParentComponent,function(o,s){return n("render-block",{key:"render-block-"+o.id,attrs:{block:o,context:e.childrenContext}})}),e._l(e.childrenWithoutParentComponent,function(o,s){return n("block-styles",{key:"block-style-"+o.id,attrs:{block:o,context:e.childrenContext}})})],2):e._e()},R=[],I=c.normalizeComponent(P,E,R,!1,null,null,null,null);const O=I.exports;exports.default=O;
|