@builder.io/sdk-vue 0.4.3 → 0.4.5
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.503c2141.cjs +1 -0
- package/packages/_vue2/dist/block-styles.76e698a7.js +72 -0
- package/packages/_vue2/dist/{css.377600fa.js → css.1601c108.js} +2 -2
- package/packages/_vue2/dist/{css.4a664d41.cjs → css.6d92c2ca.cjs} +1 -1
- package/packages/_vue2/dist/{evaluate.d2d16952.js → evaluate.5365c739.js} +1 -1
- package/packages/_vue2/dist/{evaluate.d837a845.cjs → evaluate.97a0f474.cjs} +3 -3
- package/packages/_vue2/dist/index.4de025de.cjs +32 -0
- package/packages/_vue2/dist/{index.1074d675.js → index.dcd9672f.js} +317 -298
- package/packages/_vue2/dist/inlined-script.5b4b5fc3.js +23 -0
- package/packages/_vue2/dist/inlined-script.6a6ca760.cjs +1 -0
- package/packages/_vue2/dist/inlined-styles.759d26e8.js +23 -0
- package/packages/_vue2/dist/inlined-styles.9ddda3d7.cjs +1 -0
- package/packages/_vue2/dist/{render-block.1ec27d4d.js → render-block.844495c0.js} +6 -6
- package/packages/_vue2/dist/render-block.c0841b5d.cjs +3 -0
- package/packages/_vue2/dist/{render-component.ba549c84.cjs → render-component.a3770d92.cjs} +1 -1
- package/packages/_vue2/dist/{render-component.82a8e6f7.js → render-component.a57a8b32.js} +3 -3
- package/packages/_vue2/dist/render-content.19fe4991.cjs +1 -0
- package/packages/_vue2/dist/{render-content.3afd4a46.js → render-content.8d297efd.js} +79 -78
- package/packages/_vue2/dist/{render-repeated-block.625e26fc.cjs → render-repeated-block.be86aae1.cjs} +1 -1
- package/packages/_vue2/dist/{render-repeated-block.d3c2411b.js → render-repeated-block.f51da3f5.js} +2 -2
- package/packages/_vue2/dist/render-styles.b41f1309.js +87 -0
- package/packages/_vue2/dist/render-styles.ba0e223a.cjs +31 -0
- package/packages/_vue2/dist/sdk.cjs +1 -1
- package/packages/_vue2/dist/sdk.js +1 -1
- package/packages/_vue2/dist/src/blocks/text/text.vue.d.ts +1 -1
- package/packages/_vue2/dist/src/components/inlined-script.vue.d.ts +11 -0
- package/packages/_vue2/dist/src/components/render-content/render-content.types.d.ts +9 -23
- package/packages/_vue2/dist/src/components/render-content-variants/helpers.d.ts +3 -2
- package/packages/_vue2/dist/src/components/render-content-variants/render-content-variants.types.d.ts +20 -0
- package/packages/_vue2/dist/src/components/render-content-variants/render-content-variants.vue.d.ts +25 -2
- package/packages/_vue2/dist/src/constants/sdk-version.d.ts +1 -1
- package/packages/_vue2/dist/src/types/enforced-partials.d.ts +21 -0
- package/packages/_vue2/dist/src/types/typescript.d.ts +3 -0
- package/packages/_vue2/dist/style.css +1 -1
- package/packages/_vue3/dist/sdk.cjs +18 -18
- package/packages/_vue3/dist/sdk.js +658 -634
- package/packages/_vue3/dist/src/blocks/text/text.vue.d.ts +1 -1
- package/packages/_vue3/dist/src/components/inlined-script.vue.d.ts +11 -0
- package/packages/_vue3/dist/src/components/render-content/render-content.types.d.ts +9 -23
- package/packages/_vue3/dist/src/components/render-content/render-content.vue.d.ts +3 -6
- package/packages/_vue3/dist/src/components/render-content-variants/helpers.d.ts +27 -3
- package/packages/_vue3/dist/src/components/render-content-variants/render-content-variants.types.d.ts +20 -0
- package/packages/_vue3/dist/src/components/render-content-variants/render-content-variants.vue.d.ts +50 -4
- package/packages/_vue3/dist/src/constants/sdk-version.d.ts +1 -1
- package/packages/_vue3/dist/src/types/enforced-partials.d.ts +21 -0
- package/packages/_vue3/dist/src/types/typescript.d.ts +3 -0
- package/packages/_vue3/dist/style.css +1 -1
- package/packages/_vue2/dist/block-styles.aaf62526.cjs +0 -1
- package/packages/_vue2/dist/block-styles.c38fdaef.js +0 -76
- package/packages/_vue2/dist/index.3d5a7a37.cjs +0 -32
- package/packages/_vue2/dist/render-block.43f24cc4.cjs +0 -3
- package/packages/_vue2/dist/render-content.2c57f5bb.cjs +0 -1
- package/packages/_vue2/dist/render-inlined-styles.1ed1b531.cjs +0 -1
- package/packages/_vue2/dist/render-inlined-styles.f76aba42.js +0 -23
- package/packages/_vue2/dist/render-styles.7b01db22.js +0 -87
- package/packages/_vue2/dist/render-styles.f1413001.cjs +0 -31
- package/packages/_vue2/dist/src/components/{render-inlined-styles.vue.d.ts → inlined-styles.vue.d.ts} +3 -3
- package/packages/_vue3/dist/src/components/{render-inlined-styles.vue.d.ts → inlined-styles.vue.d.ts} +3 -3
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),Ne=r.defineComponent({name:"builder-button",props:["attributes","text","link","openLinkInNewTab"],methods:{filterAttrs:function(t={},n){const o="v-on:";return Object.keys(t).filter(i=>{if(!t[i])return!1;const s=i.startsWith(o);return n?s:!s}).reduce((i,s)=>({...i,[s.replace(o,"")]:t[s]}),{})},_classStringToObject(e){const t={};if(typeof e!="string")return t;const n=e.trim().split(/\s+/);for(const o of n)t[o]=!0;return t}}});const h=(e,t)=>{const n=e.__vccOpts||e;for(const[o,i]of t)n[o]=i;return n},Oe=["href","target"];function je(e,t,n,o,i,s){return e.link?(r.openBlock(),r.createElementBlock("a",r.mergeProps({key:0,role:"button",href:e.link,target:e.openLinkInNewTab?"_blank":void 0},e.filterAttrs(e.attributes,!1),r.toHandlers(e.filterAttrs(e.attributes,!0),!0)),r.toDisplayString(e.text),17,Oe)):(r.openBlock(),r.createElementBlock("button",r.mergeProps({key:1,class:e._classStringToObject(e.attributes.class+" button-1yj9n7yt24z")},e.filterAttrs(e.attributes,!1),r.toHandlers(e.filterAttrs(e.attributes,!0),!0)),r.toDisplayString(e.text),17))}const X=h(Ne,[["render",je],["__scopeId","data-v-34071254"]]),Fe=Symbol(),T={Builder:{content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,registeredComponents:{},inheritedStyles:{}},key:Fe},w="vue3";function b(){return typeof window<"u"&&typeof document<"u"}function Ue(){return b()&&window.self!==window.top}function v(){return Ue()&&window.location.search.indexOf("builder.frameEditing=")!==-1}const E=e=>JSON.parse(JSON.stringify(e)),Q={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},H=(e,t=Q)=>`@media (max-width: ${t[e].max}px)`,Z=({small:e,medium:t})=>{const n=E(Q);if(!e||!t)return n;const o=Math.floor(e/2);n.small={max:e,min:o,default:o+1};const i=n.small.max+1;n.medium={max:t,min:i,default:i+1};const s=n.medium.max+1;return n.large={max:2e3,min:s,default:s+1},n};function x({code:e,context:t,localState:n,rootState:o,rootSetState:i,event:s,isExpression:a=!0}){if(e===""){console.warn("Skipping evaluation of empty code block.");return}const c={isEditing:v(),isBrowser:b(),isServer:!b()},d=a&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e;try{return new Function("builder","Builder","state","context","event",d)(c,c,Me(o,n,i),t,s)}catch(u){console.warn(`Builder custom code error:
|
|
2
2
|
While Evaluating:
|
|
3
3
|
`,d,`
|
|
4
|
-
`,u)}}function
|
|
5
|
-
`),
|
|
6
|
-
${
|
|
4
|
+
`,u)}}function Me(e,t,n){if(e===t)throw new Error("rootState === localState");return new Proxy(e,{get:(o,i)=>t&&i in t?t[i]:e[i],set:(o,i,s)=>{if(t&&i in t)throw new Error("Writing to local state is not allowed as it is read-only.");return e[i]=s,n==null||n(e),!0}})}const Le=(e,t,n)=>{if(Object(e)!==e)return e;const o=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return o.slice(0,-1).reduce((i,s,a)=>Object(i[s])===i[s]?i[s]:i[s]=Math.abs(Number(o[a+1]))>>0===+o[a+1]?[]:{},e)[o[o.length-1]]=n,e};const We=({block:e,context:t,localState:n,rootState:o,rootSetState:i})=>{if(!e.bindings)return e;const s=E(e),a={...s,properties:{...s.properties},actions:{...s.actions}};for(const c in e.bindings){const l=e.bindings[c],d=x({code:l,localState:n,rootState:o,rootSetState:i,context:t});Le(a,c,d)}return a};function F({block:e,context:t,shouldEvaluateBindings:n,localState:o,rootState:i,rootSetState:s}){const a=e;return n?We({block:a,localState:o,rootState:i,rootSetState:s,context:t}):a}const He=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),C=e=>e!=null,ee=e=>Object.entries(e).map(([n,o])=>{if(typeof o=="string")return`${He(n)}: ${o};`}).filter(C),ze=e=>ee(e).join(`
|
|
5
|
+
`),P=({mediaQuery:e,className:t,styles:n})=>{const o=`.${t} {
|
|
6
|
+
${ze(n)}
|
|
7
7
|
}`;return e?`${e} {
|
|
8
8
|
${o}
|
|
9
|
-
}`:o},
|
|
9
|
+
}`:o},V=r.defineComponent({render(){return r.h("style",{id:this.id,innerHTML:this.styles})},name:"inlined-styles",props:["styles","id"]}),Ke=r.defineComponent({name:"block-styles",components:{InlinedStyles:V},props:["block","context"],data(){return{TARGET:w}},computed:{useBlock(){return F({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0})},canShowBlock(){return C(this.useBlock.hide)?!this.useBlock.hide:C(this.useBlock.show)?this.useBlock.show:!0},css(){var u;const e=this.useBlock.responsiveStyles,t=this.context.content,n=Z(((u=t==null?void 0:t.meta)==null?void 0:u.breakpoints)||{}),o=e==null?void 0:e.large,i=e==null?void 0:e.medium,s=e==null?void 0:e.small,a=this.useBlock.id;if(!a)return"";const c=o?P({className:a,styles:o}):"",l=i?P({className:a,styles:i,mediaQuery:H("medium",n)}):"",d=s?P({className:a,styles:s,mediaQuery:H("small",n)}):"";return[c,l,d].join(" ")}}});function De(e,t,n,o,i,s){const a=r.resolveComponent("inlined-styles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(r.openBlock(),r.createBlock(a,{key:0,styles:e.css},null,8,["styles"])):r.createCommentVNode("",!0)}const U=h(Ke,[["render",De]]),qe=Object.freeze(Object.defineProperty({__proto__:null,default:U},Symbol.toStringTag,{value:"Module"})),Ge=e=>`v-on:${e.toLowerCase()}`,Je=(e,t)=>n=>x({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:n,isExpression:!1});function Ye(e){var o;const t={},n=(o=e.block.actions)!=null?o:{};for(const i in n){if(!n.hasOwnProperty(i))continue;const s=n[i];t[Ge(i)]=Je(s,e)}return t}function Xe(e){var t;return{...(t=e.component)==null?void 0:t.options,...e.options,builderBlock:e}}function Qe(e){const t={};if(typeof e!="string")return t;const n=e.trim().split(/\\s+/);for(const o of n)t[o]=!0;return t}function Ze(e){return e.class=Qe(e.class),e}const et=e=>({href:e.href});function tt(e){var n;const t={...et(e),...e.properties,"builder-id":e.id,style:nt(e.style),class:[e.id,"builder-block",e.class,(n=e.properties)==null?void 0:n.class].filter(Boolean).join(" ")};return Ze(t)}function nt(e){if(!!e)switch(w){case"svelte":case"vue2":case"vue3":case"solid":return ee(e).join(" ");case"qwik":case"reactNative":case"react":return e}}const ot=["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"],rt=e=>typeof e=="string"&&ot.includes(e.toLowerCase()),it=({block:e,context:t})=>{var i;const n=(i=F({block:e,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context,shouldEvaluateBindings:!1}).component)==null?void 0:i.name;if(!n)return null;const o=t.registeredComponents[n];if(o)return o;console.warn(`
|
|
10
10
|
Could not find a registered component named "${n}".
|
|
11
|
-
If you registered it, is the file that registered it imported by the file that needs to render it?`)},
|
|
11
|
+
If you registered it, is the file that registered it imported by the file that needs to render it?`)},st=({block:e,context:t})=>{const{repeat:n,...o}=e;if(!(n!=null&&n.collection))return;const i=x({code:n.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context});if(!Array.isArray(i))return;const s=n.collection.split(".").pop(),a=n.itemName||(s?s+"Item":"item");return i.map((l,d)=>({context:{...t,localState:{...t.localState,$index:d,$item:l,[a]:l,[`$${a}Index`]:d}},block:o}))},at=()=>Promise.resolve().then(()=>ne).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block.vue",e),e}),lt=r.defineComponent({name:"render-repeated-block",components:{RenderBlock:r.defineAsyncComponent(at)},props:["repeatContext","block"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[T.key]:e.store}}});function ct(e,t,n,o,i,s){const a=r.resolveComponent("render-block");return r.openBlock(),r.createBlock(a,{block:e.block,context:e.store},null,8,["block","context"])}const dt=h(lt,[["render",ct]]),ut=()=>Promise.resolve().then(()=>qe).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",e),e}),pt=()=>Promise.resolve().then(()=>ne).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block.vue",e),e}),mt=r.defineComponent({name:"render-component",components:{RenderBlock:r.defineAsyncComponent(pt),BlockStyles:r.defineAsyncComponent(ut)},props:["componentRef","componentOptions","blockChildren","context"]});function ht(e,t,n,o,i,s){const a=r.resolveComponent("render-block"),c=r.resolveComponent("block-styles");return e.componentRef?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.componentRef),r.normalizeProps(r.mergeProps({key:0},e.componentOptions)),{default:r.withCtx(()=>[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(e.blockChildren,(l,d)=>(r.openBlock(),r.createBlock(a,{key:"render-block-"+l.id,block:l,context:e.context},null,8,["block","context"]))),128)),(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(e.blockChildren,(l,d)=>(r.openBlock(),r.createBlock(c,{key:"block-style-"+l.id,block:l,context:e.context},null,8,["block","context"]))),128))]),_:1},16)):r.createCommentVNode("",!0)}const ft=h(mt,[["render",ht]]),gt=r.defineComponent({name:"render-block",components:{RenderComponent:ft,RenderRepeatedBlock:dt,BlockStyles:U},props:["block","context"],data(){return{component:it({block:this.block,context:this.context}),Tag:this.block.tagName||"div",childrenContext:this.context,isEmptyHtmlElement:rt}},computed:{repeatItem(){return st({block:this.block,context:this.context})},useBlock(){return this.repeatItem?this.block:F({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0})},canShowBlock(){return"hide"in this.useBlock?!this.useBlock.hide:"show"in this.useBlock?this.useBlock.show:!0},actions(){return Ye({block:this.useBlock,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context})},attributes(){return{...tt(this.useBlock)}},childrenWithoutParentComponent(){var t,n;return!((t=this.component)!=null&&t.component)&&!this.repeatItem?(n=this.useBlock.children)!=null?n:[]:[]},renderComponentProps(){var e,t,n;return{blockChildren:(e=this.useBlock.children)!=null?e:[],componentRef:(t=this.component)==null?void 0:t.component,componentOptions:{...Xe(this.useBlock),...(n=this.component)!=null&&n.noWrap?{attributes:{...this.attributes,...this.actions}}:{}},context:this.childrenContext}}},methods:{stripVOn:function(t={}){return Object.keys(t).reduce((n,o)=>({...n,[o.replace("v-on:","")]:t[o]}),{})}}});function bt(e,t,n,o,i,s){var u;const a=r.resolveComponent("render-repeated-block"),c=r.resolveComponent("render-component"),l=r.resolveComponent("render-block",!0),d=r.resolveComponent("block-styles");return e.canShowBlock?(r.openBlock(),r.createElementBlock(r.Fragment,{key:0},[(u=e.component)!=null&&u.noWrap?(r.openBlock(),r.createBlock(c,r.normalizeProps(r.mergeProps({key:1},e.renderComponentProps)),null,16)):(r.openBlock(),r.createElementBlock(r.Fragment,{key:0},[e.isEmptyHtmlElement(e.Tag)?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.Tag),r.mergeProps({key:0},e.attributes,r.toHandlers(e.stripVOn(e.actions))),null,16)):r.createCommentVNode("",!0),!e.isEmptyHtmlElement(e.Tag)&&e.repeatItem?(r.openBlock(!0),r.createElementBlock(r.Fragment,{key:1},r.renderList(e.repeatItem,(p,m)=>(r.openBlock(),r.createBlock(a,{key:m,repeatContext:p.context,block:p.block},null,8,["repeatContext","block"]))),128)):r.createCommentVNode("",!0),!e.isEmptyHtmlElement(e.Tag)&&!e.repeatItem?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.Tag),r.mergeProps({key:2},e.attributes,r.toHandlers(e.stripVOn(e.actions))),{default:r.withCtx(()=>[r.createVNode(c,r.normalizeProps(r.guardReactiveProps(e.renderComponentProps)),null,16),(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(e.childrenWithoutParentComponent,(p,m)=>(r.openBlock(),r.createBlock(l,{key:"render-block-"+p.id,block:p,context:e.childrenContext},null,8,["block","context"]))),128)),(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(e.childrenWithoutParentComponent,(p,m)=>(r.openBlock(),r.createBlock(d,{key:"block-style-"+p.id,block:p,context:e.childrenContext},null,8,["block","context"]))),128))]),_:1},16)):r.createCommentVNode("",!0)],64))],64)):r.createCommentVNode("",!0)}const te=h(gt,[["render",bt]]),ne=Object.freeze(Object.defineProperty({__proto__:null,default:te},Symbol.toStringTag,{value:"Module"})),yt=r.defineComponent({name:"render-blocks",components:{RenderBlock:te,BlockStyles:U},props:["blocks","parent","path","styleProp"],inject:{builderContext:T.key},computed:{className(){var e;return"builder-blocks"+((e=this.blocks)!=null&&e.length?"":" no-blocks")}},methods:{onClick(){var e,t;v()&&!((e=this.blocks)!=null&&e.length)&&((t=window.parent)==null||t.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))},onMouseEnter(){var e,t;v()&&!((e=this.blocks)!=null&&e.length)&&((t=window.parent)==null||t.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))},_classStringToObject(e){const t={};if(typeof e!="string")return t;const n=e.trim().split(/\s+/);for(const o of n)t[o]=!0;return t}}});const kt=["builder-path","builder-parent-id","dataSet"];function St(e,t,n,o,i,s){const a=r.resolveComponent("render-block"),c=r.resolveComponent("block-styles");return r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(e._classStringToObject(e.className+" div-1n1bt6e2i9n")),"builder-path":e.path,"builder-parent-id":e.parent,dataSet:{class:e.className},style:r.normalizeStyle(e.styleProp),onClick:t[0]||(t[0]=l=>e.onClick()),onMouseenter:t[1]||(t[1]=l=>e.onMouseEnter()),onKeypress:t[2]||(t[2]=l=>e.onClick())},[e.blocks?(r.openBlock(!0),r.createElementBlock(r.Fragment,{key:0},r.renderList(e.blocks,(l,d)=>(r.openBlock(),r.createBlock(a,{key:"render-block-"+l.id,block:l,context:e.builderContext},null,8,["block","context"]))),128)):r.createCommentVNode("",!0),e.blocks?(r.openBlock(!0),r.createElementBlock(r.Fragment,{key:1},r.renderList(e.blocks,(l,d)=>(r.openBlock(),r.createBlock(c,{key:"block-style-"+l.id,block:l,context:e.builderContext},null,8,["block","context"]))),128)):r.createCommentVNode("",!0)],46,kt)}const M=h(yt,[["render",St],["__scopeId","data-v-8b51fb80"]]),vt=r.defineComponent({name:"builder-columns",components:{InlinedStyles:V,RenderBlocks:M},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:w}},inject:{builderContext:T.key},computed:{columnsCssVars(){return{"--flex-dir":this.flexDir,"--flex-dir-tablet":this.getTabletStyle({stackedStyle:this.flexDir,desktopStyle:"row"})}},columnsStyles(){return`
|
|
12
12
|
@media (max-width: ${this.getWidthForBreakpointSize("medium")}px) {
|
|
13
13
|
.${this.builderBlock.id}-breakpoints {
|
|
14
14
|
flex-direction: var(--flex-dir-tablet);
|
|
@@ -32,8 +32,14 @@
|
|
|
32
32
|
margin-left: var(--column-margin-left-mobile) !important;
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
|
-
`}},methods:{getWidth(e){var t;return((t=this.cols[e])==null?void 0:t.width)||100/this.cols.length},getColumnCssWidth(e){const t=this.gutterSize*(this.cols.length-1)/this.cols.length;return`calc(${this.getWidth(e)}% - ${t}px)`},getTabletStyle({stackedStyle:e,desktopStyle:t}){return this.stackAt==="tablet"?e:t},getMobileStyle({stackedStyle:e,desktopStyle:t}){return this.stackAt==="never"?t:e},columnCssVars(e){const t=e===0?0:this.gutterSize,n=this.getColumnCssWidth(e),o=`${t}px`,i="100%",s=0;return{width:n,"margin-left":o,"--column-width-mobile":this.getMobileStyle({stackedStyle:i,desktopStyle:n}),"--column-margin-left-mobile":this.getMobileStyle({stackedStyle:s,desktopStyle:o}),"--column-width-tablet":this.getTabletStyle({stackedStyle:i,desktopStyle:n}),"--column-margin-left-tablet":this.getTabletStyle({stackedStyle:s,desktopStyle:o})}},getWidthForBreakpointSize(e){var n,o;return ee(((o=(n=this.builderContext.content)==null?void 0:n.meta)==null?void 0:o.breakpoints)||{})[e].max},_classStringToObject(e){const t={};if(typeof e!="string")return t;const n=e.trim().split(/\s+/);for(const o of n)t[o]=!0;return t}}});function $t(e,t,n,o,i,s){const a=r.resolveComponent("render-inlined-styles"),c=r.resolveComponent("render-blocks");return r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(e._classStringToObject(`builder-columns ${e.builderBlock.id}-breakpoints div-1eih9th5ow6`)),style:r.normalizeStyle(e.columnsCssVars),dataSet:{"builder-block-name":"builder-columns"}},[e.TARGET!=="reactNative"?(r.openBlock(),r.createBlock(a,{key:0,styles:e.columnsStyles},null,8,["styles"])):r.createCommentVNode("",!0),(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(e.columns,(l,d)=>(r.openBlock(),r.createElementBlock("div",{key:d,class:"builder-column div-1eih9th5ow6-2",style:r.normalizeStyle(e.columnCssVars(d)),dataSet:{"builder-block-name":"builder-column"}},[r.createVNode(c,{blocks:l.blocks,path:`component.options.columns.${d}.blocks`,parent:e.builderBlock.id,styleProp:{flexGrow:"1"}},null,8,["blocks","path","parent"])],4))),128))],6)}const re=f(Ct,[["render",$t],["__scopeId","data-v-df2fecd0"]]),wt=r.defineComponent({name:"builder-fragment-component",props:[]});function Bt(e,t,n,o,i,s){return r.openBlock(),r.createElementBlock("span",null,[r.renderSlot(e.$slots,"default")])}const ie=f(wt,[["render",Bt]]);function H(e){return e.replace(/http(s)?:/,"")}function Tt(e="",t,n){const o=new RegExp("([?&])"+t+"=.*?(&|$)","i"),i=e.indexOf("?")!==-1?"&":"?";return e.match(o)?e.replace(o,"$1"+t+"="+encodeURIComponent(n)+"$2"):e+i+t+"="+encodeURIComponent(n)}function xt(e,t){if(!e||!(e!=null&&e.match(/cdn\.shopify\.com/))||!t)return e;if(t==="master")return H(e);const n=e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);if(n){const o=e.split(n[0]),i=n[3],s=t.match("x")?t:`${t}x`;return H(`${o[0]}_${s}${i}`)}return null}function P(e){if(!e)return e;const t=[100,200,400,800,1200,1600,2e3];if(e.match(/builder\.io/)){let n=e;const o=Number(e.split("?width=")[1]);return isNaN(o)||(n=`${n} ${o}w`),t.filter(i=>i!==o).map(i=>`${Tt(e,"width",i)} ${i}w`).concat([n]).join(", ")}return e.match(/cdn\.shopify\.com/)?t.map(n=>[xt(e,`${n}x${n}`),n]).filter(([n])=>!!n).map(([n,o])=>`${n} ${o}w`).concat([e]).join(", "):e}const It=r.defineComponent({name:"builder-image",props:["image","src","srcset","noWebp","aspectRatio","altText","backgroundPosition","backgroundSize","className","sizes","builderBlock","fitContent"],computed:{srcSetToUse(){var n;const t=this.image||this.src;if(!t||!(t.match(/builder\.io/)||t.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"),P(t)}else if(this.image&&!this.srcset)return P(t);return P(t)},webpSrcSet(){var e;return((e=this.srcSetToUse)==null?void 0:e.match(/builder\.io/))&&!this.noWebp?this.srcSetToUse.replace(/\?/g,"?format=webp&"):""},aspectRatioCss(){const e={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return this.aspectRatio?e:void 0}},methods:{_classStringToObject(e){const t={};if(typeof e!="string")return t;const n=e.trim().split(/\s+/);for(const o of n)t[o]=!0;return t}}});const Et=["srcset"],Rt=["alt","role","src","srcset","sizes"],Vt={key:2,class:"div-256wrwn33ry-2"};function At(e,t,n,o,i,s){var a,c,l,d;return r.openBlock(),r.createElementBlock(r.Fragment,null,[r.createElementVNode("picture",null,[e.webpSrcSet?(r.openBlock(),r.createElementBlock("source",{key:0,type:"image/webp",srcset:e.webpSrcSet},null,8,Et)):r.createCommentVNode("",!0),r.createElementVNode("img",{loading:"lazy",alt:e.altText,role:e.altText?"presentation":void 0,style:r.normalizeStyle({objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...e.aspectRatioCss}),class:r.normalizeClass(e._classStringToObject("builder-image"+(e.className?" "+e.className:"")+" img-256wrwn33ry")),src:e.image,srcset:e.srcSetToUse,sizes:e.sizes},null,14,Rt)]),e.aspectRatio&&!(((c=(a=e.builderBlock)==null?void 0:a.children)==null?void 0:c.length)&&e.fitContent)?(r.openBlock(),r.createElementBlock("div",{key:0,class:"builder-image-sizer div-256wrwn33ry",style:r.normalizeStyle({paddingTop:e.aspectRatio*100+"%"})},null,4)):r.createCommentVNode("",!0),((d=(l=e.builderBlock)==null?void 0:l.children)==null?void 0:d.length)&&e.fitContent?r.renderSlot(e.$slots,"default",{key:1},void 0,!0):r.createCommentVNode("",!0),!e.fitContent&&e.children?(r.openBlock(),r.createElementBlock("div",Vt,[r.renderSlot(e.$slots,"default",{},void 0,!0)])):r.createCommentVNode("",!0)],64)}const se=f(It,[["render",At],["__scopeId","data-v-f59f4313"]]),_t=r.defineComponent({name:"builder-section-component",props:["maxWidth","attributes"],methods:{filterAttrs:function(t={},n){const o="v-on:";return Object.keys(t).filter(i=>{if(!t[i])return!1;const s=i.startsWith(o);return n?s:!s}).reduce((i,s)=>({...i,[s.replace(o,"")]:t[s]}),{})}}});function Pt(e,t,n,o,i,s){return r.openBlock(),r.createElementBlock("section",r.mergeProps({style:{width:"100%",alignSelf:"stretch",flexGrow:1,boxSizing:"border-box",maxWidth:e.maxWidth||1200,display:"flex",flexDirection:"column",alignItems:"stretch",marginLeft:"auto",marginRight:"auto"}},e.filterAttrs(e.attributes,!1),r.toHandlers(e.filterAttrs(e.attributes,!0),!0)),[r.renderSlot(e.$slots,"default")],16)}const ae=f(_t,[["render",Pt]]),Nt={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},A=e=>{const t=e.toString().trim();return`return (${!t.startsWith("function")&&!t.startsWith("(")?"function ":""}${t}).apply(this, arguments)`},Ot={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:A(e=>{function t(){n.forEach(o=>{o.delete("width")})}const n=e.get("columns");Array.isArray(n)&&!!n.find(i=>i.get("width"))&&(!!n.find(s=>!s.get("width"))||n.reduce((c,l)=>c+l.get("width"),0)!==100)&&t()})},{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}]},jt={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},Ft={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:A(e=>{e.delete("srcset"),e.delete("noWebp");function n(a,c=6e4){return new Promise((l,d)=>{const u=document.createElement("img");let p=!1;u.onload=()=>{p=!0,l(u)},u.addEventListener("error",m=>{console.warn("Image load failed",m.error),d(m.error)}),u.src=a,setTimeout(()=>{p||d(new Error("Image load timed out"))},c)})}function o(a){return Math.round(a*1e3)/1e3}const i=e.get("image"),s=e.get("aspectRatio");if(fetch(i).then(a=>a.blob()).then(a=>{a.type.includes("svg")&&e.set("noWebp",!0)}),i&&(!s||s===.7041))return n(i).then(a=>{const c=e.get("aspectRatio");e.get("image")===i&&(!c||c===.7041)&&a.width&&a.height&&(e.set("aspectRatio",o(a.height/a.width)),e.set("height",a.height),e.set("width",a.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}]},Ut={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>"}}}]},Mt={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"}]},Lt={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"}},Wt=r.defineComponent({name:"builder-text",props:["text"]}),Ht=["innerHTML"];function zt(e,t,n,o,i,s){return r.openBlock(),r.createElementBlock("span",{class:"builder-text",innerHTML:e.text,style:{outline:"none"}},null,8,Ht)}const le=f(Wt,[["render",zt]]),Kt={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}]},Dt=r.defineComponent({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}}}}),qt=["src","poster"];function Gt(e,t,n,o,i,s){var a;return r.openBlock(),r.createElementBlock("video",r.mergeProps({style:{width:"100%",height:"100%",...(a=e.attributes)==null?void 0:a.style,objectFit:e.fit,objectPosition:e.position,borderRadius:1},src:e.video||"no-src",poster:e.posterImage},e.spreadProps),null,16,qt)}const ce=f(Dt,[["render",Gt]]),Jt={name:"Embed",static:!0,inputs:[{name:"url",type:"url",required:!0,defaultValue:"",helperText:"e.g. enter a youtube url, google map, etc",onChange:A(e=>{const t=e.get("url");if(t)return e.set("content","Loading..."),fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`).then(o=>o.json()).then(o=>{e.get("url")===t&&(o.html?e.set("content",o.html):e.set("content","Invalid url, please try another"))}).catch(o=>{e.set("content","There was an error embedding this URL, please try again or another URL")});e.delete("content")})},{name:"content",type:"html",defaultValue:'<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',hideFromUI:!0}]},Yt=["text/javascript","application/javascript","application/ecmascript"],Xt=e=>Yt.includes(e.type),Qt=r.defineComponent({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 e=this.$refs.elem.getElementsByTagName("script");for(let t=0;t<e.length;t++){const n=e[t];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(Xt(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)}}}}}),Zt=["innerHTML"];function en(e,t,n,o,i,s){return r.openBlock(),r.createElementBlock("div",{class:"builder-embed",ref:"elem",innerHTML:e.content},null,8,Zt)}const tn=f(Qt,[["render",en]]),nn=r.defineComponent({name:"builder-img-component",props:["backgroundSize","backgroundPosition","imgSrc","altText","image","attributes"],data(){return{isEditing:S}},methods:{filterAttrs:function(t={},n){const o="v-on:";return Object.keys(t).filter(i=>{if(!t[i])return!1;const s=i.startsWith(o);return n?s:!s}).reduce((i,s)=>({...i,[s.replace(o,"")]:t[s]}),{})}}}),on=["alt","src"];function rn(e,t,n,o,i,s){return r.openBlock(),r.createElementBlock("img",r.mergeProps({style:{objectFit:e.backgroundSize||"cover",objectPosition:e.backgroundPosition||"center"},key:e.isEditing()&&e.imgSrc||"default-key",alt:e.altText,src:e.imgSrc||e.image},e.filterAttrs(e.attributes,!1),r.toHandlers(e.filterAttrs(e.attributes,!0),!0)),null,16,on)}const sn=f(nn,[["render",rn]]),an={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","gif","webp"],required:!0}],noWrap:!0,static:!0},ln=r.defineComponent({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 e=this.$refs.elem.getElementsByTagName("script");for(let t=0;t<e.length;t++){const n=e[t];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(e){const t={};if(typeof e!="string")return t;const n=e.trim().split(/\s+/);for(const o of n)t[o]=!0;return t}}}),cn=["innerHTML"];function dn(e,t,n,o,i,s){return r.openBlock(),r.createElementBlock("div",{ref:"elem",class:r.normalizeClass(e._classStringToObject("builder-custom-code"+(e.replaceNodes?" replace-nodes":""))),innerHTML:e.code},null,10,cn)}const un=f(ln,[["render",dn]]),pn={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}]},mn=()=>[{component:Q,...Nt},{component:re,...Ot},{component:un,...pn},{component:tn,...Jt},{component:ie,...jt},{component:se,...Ft},{component:sn,...an},{component:ae,...Ut},{component:_e,...Mt},{component:le,...Lt},{component:ce,...Kt}],x="[Builder.io]: ",C={log:(...e)=>console.log(x,...e),error:(...e)=>console.error(x,...e),warn:(...e)=>console.warn(x,...e),debug:(...e)=>console.debug(x,...e)},hn=e=>{if(e==="localhost"||e==="127.0.0.1")return e;const t=e.split(".");return t.length>2?t.slice(1).join("."):e},de=({name:e,canTrack:t})=>{var n;try{return t?(n=document.cookie.split("; ").find(o=>o.startsWith(`${e}=`)))==null?void 0:n.split("=")[1]:void 0}catch(o){C.warn("[COOKIE] GET error: ",(o==null?void 0:o.message)||o);return}},ue=async e=>de(e),fn=e=>e.map(([t,n])=>n?`${t}=${n}`:t).filter(v).join("; "),gn=[["secure",""],["SameSite","None"]],bn=({name:e,value:t,expires:n})=>{const i=(b()?location.protocol==="https:":!0)?gn:[[]],s=n?[["expires",n.toUTCString()]]:[[]],a=[[e,t],...s,["path","/"],["domain",hn(window.location.hostname)],...i];return fn(a)},pe=async({name:e,value:t,expires:n,canTrack:o})=>{try{if(!o)return;const i=bn({name:e,value:t,expires:n});document.cookie=i}catch(i){C.warn("[COOKIE] SET error: ",(i==null?void 0:i.message)||i)}},yn="builder.tests",M=e=>`${yn}.${e}`,kn=({contentId:e})=>ue({name:M(e),canTrack:!0}),Sn=({contentId:e})=>de({name:M(e),canTrack:!0}),vn=({contentId:e,value:t})=>pe({name:M(e),value:t,canTrack:!0}),me=e=>v(e.id)&&v(e.variations)&&Object.keys(e.variations).length>0,Cn=({id:e,variations:t})=>{var i;let n=0;const o=Math.random();for(const s in t){const a=(i=t[s])==null?void 0:i.testRatio;if(n+=a,o<n)return s}return e},he=e=>{const t=Cn(e);return vn({contentId:e.id,value:t}).catch(n=>{C.error("could not store A/B test variation: ",n)}),t},fe=({item:e,testGroupId:t})=>{const n=e.variations[t];return t===e.id||!n?{testVariationId:e.id,testVariationName:"Default"}:{data:n.data,testVariationId:n.id,testVariationName:n.name||(n.id===e.id?"Default":"")}},$n=({item:e,canTrack:t})=>{if(!t)return e;if(!e)return;if(!me(e))return e;const n=Sn({contentId:e.id})||he({variations:e.variations,id:e.id}),o=fe({item:e,testGroupId:n});return{...e,...o}},wn=async({item:e,canTrack:t})=>{if(!t||!me(e))return e;const o=await kn({contentId:e.id})||he({variations:e.variations,id:e.id}),i=fe({item:e,testGroupId:o});return{...e,...i}},I=e=>v(e)?e:!0;function Bn(){return typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:globalThis}function Tn(){const e=Bn().fetch;if(typeof e>"u")throw console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project.
|
|
36
|
-
|
|
35
|
+
`}},methods:{getWidth(e){var t;return((t=this.cols[e])==null?void 0:t.width)||100/this.cols.length},getColumnCssWidth(e){const t=this.gutterSize*(this.cols.length-1)/this.cols.length;return`calc(${this.getWidth(e)}% - ${t}px)`},getTabletStyle({stackedStyle:e,desktopStyle:t}){return this.stackAt==="tablet"?e:t},getMobileStyle({stackedStyle:e,desktopStyle:t}){return this.stackAt==="never"?t:e},columnCssVars(e){const t=e===0?0:this.gutterSize,n=this.getColumnCssWidth(e),o=`${t}px`,i="100%",s=0;return{width:n,"margin-left":o,"--column-width-mobile":this.getMobileStyle({stackedStyle:i,desktopStyle:n}),"--column-margin-left-mobile":this.getMobileStyle({stackedStyle:s,desktopStyle:o}),"--column-width-tablet":this.getTabletStyle({stackedStyle:i,desktopStyle:n}),"--column-margin-left-tablet":this.getTabletStyle({stackedStyle:s,desktopStyle:o})}},getWidthForBreakpointSize(e){var n,o;return Z(((o=(n=this.builderContext.content)==null?void 0:n.meta)==null?void 0:o.breakpoints)||{})[e].max},_classStringToObject(e){const t={};if(typeof e!="string")return t;const n=e.trim().split(/\s+/);for(const o of n)t[o]=!0;return t}}});function Ct(e,t,n,o,i,s){const a=r.resolveComponent("inlined-styles"),c=r.resolveComponent("render-blocks");return r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(e._classStringToObject(`builder-columns ${e.builderBlock.id}-breakpoints div-361b1o6wv2k`)),style:r.normalizeStyle(e.columnsCssVars),dataSet:{"builder-block-name":"builder-columns"}},[e.TARGET!=="reactNative"?(r.openBlock(),r.createBlock(a,{key:0,styles:e.columnsStyles},null,8,["styles"])):r.createCommentVNode("",!0),(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(e.columns,(l,d)=>(r.openBlock(),r.createElementBlock("div",{key:d,class:"builder-column div-361b1o6wv2k-2",style:r.normalizeStyle(e.columnCssVars(d)),dataSet:{"builder-block-name":"builder-column"}},[r.createVNode(c,{blocks:l.blocks,path:`component.options.columns.${d}.blocks`,parent:e.builderBlock.id,styleProp:{flexGrow:"1"}},null,8,["blocks","path","parent"])],4))),128))],6)}const oe=h(vt,[["render",Ct],["__scopeId","data-v-fb535450"]]),wt=r.defineComponent({name:"builder-fragment-component",props:[]});function $t(e,t,n,o,i,s){return r.openBlock(),r.createElementBlock("span",null,[r.renderSlot(e.$slots,"default")])}const re=h(wt,[["render",$t]]);function z(e){return e.replace(/http(s)?:/,"")}function Bt(e="",t,n){const o=new RegExp("([?&])"+t+"=.*?(&|$)","i"),i=e.indexOf("?")!==-1?"&":"?";return e.match(o)?e.replace(o,"$1"+t+"="+encodeURIComponent(n)+"$2"):e+i+t+"="+encodeURIComponent(n)}function Tt(e,t){if(!e||!(e!=null&&e.match(/cdn\.shopify\.com/))||!t)return e;if(t==="master")return z(e);const n=e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);if(n){const o=e.split(n[0]),i=n[3],s=t.match("x")?t:`${t}x`;return z(`${o[0]}_${s}${i}`)}return null}function _(e){if(!e)return e;const t=[100,200,400,800,1200,1600,2e3];if(e.match(/builder\.io/)){let n=e;const o=Number(e.split("?width=")[1]);return isNaN(o)||(n=`${n} ${o}w`),t.filter(i=>i!==o).map(i=>`${Bt(e,"width",i)} ${i}w`).concat([n]).join(", ")}return e.match(/cdn\.shopify\.com/)?t.map(n=>[Tt(e,`${n}x${n}`),n]).filter(([n])=>!!n).map(([n,o])=>`${n} ${o}w`).concat([e]).join(", "):e}const xt=r.defineComponent({name:"builder-image",props:["image","src","srcset","noWebp","aspectRatio","altText","backgroundPosition","backgroundSize","className","sizes","builderBlock","fitContent"],computed:{srcSetToUse(){var n;const t=this.image||this.src;if(!t||!(t.match(/builder\.io/)||t.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"),_(t)}else if(this.image&&!this.srcset)return _(t);return _(t)},webpSrcSet(){var e;return((e=this.srcSetToUse)==null?void 0:e.match(/builder\.io/))&&!this.noWebp?this.srcSetToUse.replace(/\?/g,"?format=webp&"):""},aspectRatioCss(){const e={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return this.aspectRatio?e:void 0}},methods:{_classStringToObject(e){const t={};if(typeof e!="string")return t;const n=e.trim().split(/\s+/);for(const o of n)t[o]=!0;return t}}});const It=["srcset"],Rt=["alt","role","src","srcset","sizes"],Et={key:2,class:"div-7jvpanrlkn-2"};function Vt(e,t,n,o,i,s){var a,c,l,d;return r.openBlock(),r.createElementBlock(r.Fragment,null,[r.createElementVNode("picture",null,[e.webpSrcSet?(r.openBlock(),r.createElementBlock("source",{key:0,type:"image/webp",srcset:e.webpSrcSet},null,8,It)):r.createCommentVNode("",!0),r.createElementVNode("img",{loading:"lazy",alt:e.altText,role:e.altText?"presentation":void 0,style:r.normalizeStyle({objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...e.aspectRatioCss}),class:r.normalizeClass(e._classStringToObject("builder-image"+(e.className?" "+e.className:"")+" img-7jvpanrlkn")),src:e.image,srcset:e.srcSetToUse,sizes:e.sizes},null,14,Rt)]),e.aspectRatio&&!(((c=(a=e.builderBlock)==null?void 0:a.children)==null?void 0:c.length)&&e.fitContent)?(r.openBlock(),r.createElementBlock("div",{key:0,class:"builder-image-sizer div-7jvpanrlkn",style:r.normalizeStyle({paddingTop:e.aspectRatio*100+"%"})},null,4)):r.createCommentVNode("",!0),((d=(l=e.builderBlock)==null?void 0:l.children)==null?void 0:d.length)&&e.fitContent?r.renderSlot(e.$slots,"default",{key:1},void 0,!0):r.createCommentVNode("",!0),!e.fitContent&&e.children?(r.openBlock(),r.createElementBlock("div",Et,[r.renderSlot(e.$slots,"default",{},void 0,!0)])):r.createCommentVNode("",!0)],64)}const ie=h(xt,[["render",Vt],["__scopeId","data-v-60254c11"]]),At=r.defineComponent({name:"builder-section-component",props:["maxWidth","attributes"],methods:{filterAttrs:function(t={},n){const o="v-on:";return Object.keys(t).filter(i=>{if(!t[i])return!1;const s=i.startsWith(o);return n?s:!s}).reduce((i,s)=>({...i,[s.replace(o,"")]:t[s]}),{})}}});function Pt(e,t,n,o,i,s){return r.openBlock(),r.createElementBlock("section",r.mergeProps({style:{width:"100%",alignSelf:"stretch",flexGrow:1,boxSizing:"border-box",maxWidth:e.maxWidth||1200,display:"flex",flexDirection:"column",alignItems:"stretch",marginLeft:"auto",marginRight:"auto"}},e.filterAttrs(e.attributes,!1),r.toHandlers(e.filterAttrs(e.attributes,!0),!0)),[r.renderSlot(e.$slots,"default")],16)}const se=h(At,[["render",Pt]]),R=e=>Object.values((e==null?void 0:e.variations)||{}).map(t=>({...t,testVariationId:t.id,id:e==null?void 0:e.id})),_t=({canTrack:e,content:t})=>!(!(R(t).length>0)||!e);function Nt(e,t,n){var a;function o(){function c(g,y,S){let B="";if(S){const k=new Date;k.setTime(k.getTime()+S*24*60*60*1e3),B="; expires="+k.toUTCString()}document.cookie=g+"="+(y||"")+B+"; path=/; Secure; SameSite=None"}function l(g){const y=g+"=",S=document.cookie.split(";");for(let B=0;B<S.length;B++){let k=S[B];for(;k.charAt(0)===" ";)k=k.substring(1,k.length);if(k.indexOf(y)===0)return k.substring(y.length,k.length)}return null}const d=`builder.tests.${e}`,u=l(d),p=t.map(g=>g.id).concat(e);if(u&&p.includes(u))return u;let m=0;const f=Math.random();for(let g=0;g<t.length;g++){const y=t[g],S=y.testRatio;if(m+=S,f<m)return c(d,y.id),y.id}return c(d,e),e}const i=o(),s=(a=document.currentScript)==null?void 0:a.previousElementSibling;if(n){s.remove();const c=document.currentScript;c==null||c.remove()}else{const c=t.concat({id:e}).filter(l=>l.id!==i).map(l=>`.variant-${l.id} { display: none; }
|
|
36
|
+
`).join("");s.innerHTML=c}}function Ot(e,t,n){var l;if(!navigator.cookieEnabled)return;function o(d){const u=d+"=",p=document.cookie.split(";");for(let m=0;m<p.length;m++){let f=p[m];for(;f.charAt(0)===" ";)f=f.substring(1,f.length);if(f.indexOf(u)===0)return f.substring(u.length,f.length)}return null}const i=`builder.tests.${t}`,s=o(i),a=(l=document.currentScript)==null?void 0:l.parentElement,c=e===t;if(s===e){if(c)return;a==null||a.removeAttribute("hidden"),a==null||a.removeAttribute("aria-hidden")}else{c&&(n?a==null||a.remove():(a==null||a.setAttribute("hidden","true"),a==null||a.setAttribute("aria-hidden","true")));return}}const jt=e=>e==="react"||e==="reactNative",ae=jt(w),le="builderIoAbTest",ce="builderIoRenderContent",Ft=()=>{const e=Nt.toString().replace(/\s+/g," "),t=Ot.toString().replace(/\s+/g," ");return`
|
|
37
|
+
window.${le} = ${e}
|
|
38
|
+
window.${ce} = ${t}
|
|
39
|
+
`},Ut=(e,t)=>`
|
|
40
|
+
window.${le}("${t}",${JSON.stringify(e)}, ${ae})`,Mt=({contentId:e,variationId:t})=>`
|
|
41
|
+
window.${ce}("${t}", "${e}", ${ae})`,Lt={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},A=e=>{const t=e.toString().trim();return`return (${!t.startsWith("function")&&!t.startsWith("(")?"function ":""}${t}).apply(this, arguments)`},Wt={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:A(e=>{function t(){n.forEach(o=>{o.delete("width")})}const n=e.get("columns");Array.isArray(n)&&!!n.find(i=>i.get("width"))&&(!!n.find(s=>!s.get("width"))||n.reduce((c,l)=>c+l.get("width"),0)!==100)&&t()})},{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}]},Ht={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},zt={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:A(e=>{e.delete("srcset"),e.delete("noWebp");function n(a,c=6e4){return new Promise((l,d)=>{const u=document.createElement("img");let p=!1;u.onload=()=>{p=!0,l(u)},u.addEventListener("error",m=>{console.warn("Image load failed",m.error),d(m.error)}),u.src=a,setTimeout(()=>{p||d(new Error("Image load timed out"))},c)})}function o(a){return Math.round(a*1e3)/1e3}const i=e.get("image"),s=e.get("aspectRatio");if(fetch(i).then(a=>a.blob()).then(a=>{a.type.includes("svg")&&e.set("noWebp",!0)}),i&&(!s||s===.7041))return n(i).then(a=>{const c=e.get("aspectRatio");e.get("image")===i&&(!c||c===.7041)&&a.width&&a.height&&(e.set("aspectRatio",o(a.height/a.width)),e.set("height",a.height),e.set("width",a.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}]},Kt={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>"}}}]},Dt={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"}]},qt={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"}},Gt=r.defineComponent({name:"builder-text",props:["text"]}),Jt=["innerHTML"];function Yt(e,t,n,o,i,s){var a;return r.openBlock(),r.createElementBlock("span",{class:"builder-text",innerHTML:(a=e.text)==null?void 0:a.toString(),style:{outline:"none"}},null,8,Jt)}const de=h(Gt,[["render",Yt]]),Xt={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}]},Qt=r.defineComponent({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}}}}),Zt=["src","poster"];function en(e,t,n,o,i,s){var a;return r.openBlock(),r.createElementBlock("video",r.mergeProps({style:{width:"100%",height:"100%",...(a=e.attributes)==null?void 0:a.style,objectFit:e.fit,objectPosition:e.position,borderRadius:1},src:e.video||"no-src",poster:e.posterImage},e.spreadProps),null,16,Zt)}const ue=h(Qt,[["render",en]]),tn={name:"Embed",static:!0,inputs:[{name:"url",type:"url",required:!0,defaultValue:"",helperText:"e.g. enter a youtube url, google map, etc",onChange:A(e=>{const t=e.get("url");if(t)return e.set("content","Loading..."),fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`).then(o=>o.json()).then(o=>{e.get("url")===t&&(o.html?e.set("content",o.html):e.set("content","Invalid url, please try another"))}).catch(o=>{e.set("content","There was an error embedding this URL, please try again or another URL")});e.delete("content")})},{name:"content",type:"html",defaultValue:'<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',hideFromUI:!0}]},nn=["text/javascript","application/javascript","application/ecmascript"],on=e=>nn.includes(e.type),rn=r.defineComponent({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 e=this.$refs.elem.getElementsByTagName("script");for(let t=0;t<e.length;t++){const n=e[t];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(on(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)}}}}}),sn=["innerHTML"];function an(e,t,n,o,i,s){return r.openBlock(),r.createElementBlock("div",{class:"builder-embed",ref:"elem",innerHTML:e.content},null,8,sn)}const ln=h(rn,[["render",an]]),cn=r.defineComponent({name:"builder-img-component",props:["backgroundSize","backgroundPosition","imgSrc","altText","image","attributes"],data(){return{isEditing:v}},methods:{filterAttrs:function(t={},n){const o="v-on:";return Object.keys(t).filter(i=>{if(!t[i])return!1;const s=i.startsWith(o);return n?s:!s}).reduce((i,s)=>({...i,[s.replace(o,"")]:t[s]}),{})}}}),dn=["alt","src"];function un(e,t,n,o,i,s){return r.openBlock(),r.createElementBlock("img",r.mergeProps({style:{objectFit:e.backgroundSize||"cover",objectPosition:e.backgroundPosition||"center"},key:e.isEditing()&&e.imgSrc||"default-key",alt:e.altText,src:e.imgSrc||e.image},e.filterAttrs(e.attributes,!1),r.toHandlers(e.filterAttrs(e.attributes,!0),!0)),null,16,dn)}const pn=h(cn,[["render",un]]),mn={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","gif","webp"],required:!0}],noWrap:!0,static:!0},hn=r.defineComponent({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 e=this.$refs.elem.getElementsByTagName("script");for(let t=0;t<e.length;t++){const n=e[t];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(e){const t={};if(typeof e!="string")return t;const n=e.trim().split(/\s+/);for(const o of n)t[o]=!0;return t}}}),fn=["innerHTML"];function gn(e,t,n,o,i,s){return r.openBlock(),r.createElementBlock("div",{ref:"elem",class:r.normalizeClass(e._classStringToObject("builder-custom-code"+(e.replaceNodes?" replace-nodes":""))),innerHTML:e.code},null,10,fn)}const bn=h(hn,[["render",gn]]),yn={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}]},kn=()=>[{component:X,...Lt},{component:oe,...Wt},{component:bn,...yn},{component:ln,...tn},{component:re,...Ht},{component:ie,...zt},{component:pn,...mn},{component:se,...Kt},{component:_e,...Dt},{component:de,...qt},{component:ue,...Xt}],I="[Builder.io]: ",$={log:(...e)=>console.log(I,...e),error:(...e)=>console.error(I,...e),warn:(...e)=>console.warn(I,...e),debug:(...e)=>console.debug(I,...e)},Sn=e=>{if(e==="localhost"||e==="127.0.0.1")return e;const t=e.split(".");return t.length>2?t.slice(1).join("."):e},pe=({name:e,canTrack:t})=>{var n;try{return t?(n=document.cookie.split("; ").find(o=>o.startsWith(`${e}=`)))==null?void 0:n.split("=")[1]:void 0}catch(o){$.warn("[COOKIE] GET error: ",(o==null?void 0:o.message)||o);return}},me=async e=>pe(e),vn=e=>e.map(([t,n])=>n?`${t}=${n}`:t).filter(C).join("; "),Cn=[["secure",""],["SameSite","None"]],wn=({name:e,value:t,expires:n})=>{const i=(b()?location.protocol==="https:":!0)?Cn:[[]],s=n?[["expires",n.toUTCString()]]:[[]],a=[[e,t],...s,["path","/"],["domain",Sn(window.location.hostname)],...i];return vn(a)},he=async({name:e,value:t,expires:n,canTrack:o})=>{try{if(!o)return;const i=wn({name:e,value:t,expires:n});document.cookie=i}catch(i){$.warn("[COOKIE] SET error: ",(i==null?void 0:i.message)||i)}},$n="builder.tests",L=e=>`${$n}.${e}`,Bn=({contentId:e})=>me({name:L(e),canTrack:!0}),Tn=({contentId:e})=>pe({name:L(e),canTrack:!0}),xn=({contentId:e,value:t})=>he({name:L(e),value:t,canTrack:!0}),fe=e=>C(e.id)&&C(e.variations)&&Object.keys(e.variations).length>0,In=({id:e,variations:t})=>{var i;let n=0;const o=Math.random();for(const s in t){const a=(i=t[s])==null?void 0:i.testRatio;if(n+=a,o<n)return s}return e},ge=e=>{const t=In(e);return xn({contentId:e.id,value:t}).catch(n=>{$.error("could not store A/B test variation: ",n)}),t},be=({item:e,testGroupId:t})=>{const n=e.variations[t];return t===e.id||!n?{testVariationId:e.id,testVariationName:"Default"}:{data:n.data,testVariationId:n.id,testVariationName:n.name||(n.id===e.id?"Default":"")}},Rn=({item:e,canTrack:t})=>{if(!t)return e;if(!e)return;if(!fe(e))return e;const n=Tn({contentId:e.id})||ge({variations:e.variations,id:e.id}),o=be({item:e,testGroupId:n});return{...e,...o}},En=async({item:e,canTrack:t})=>{if(!t||!fe(e))return e;const o=await Bn({contentId:e.id})||ge({variations:e.variations,id:e.id}),i=be({item:e,testGroupId:o});return{...e,...i}},N=e=>C(e)?e:!0;function Vn(){return typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:globalThis}function An(){const e=Vn().fetch;if(typeof e>"u")throw console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project.
|
|
42
|
+
For more information, read https://github.com/BuilderIO/this-package-uses-fetch`),new Error("Builder SDK could not find a global `fetch` function");return e}const ye=An();function O(e,t=null,n="."){return Object.keys(e).reduce((o,i)=>{const s=e[i],a=[t,i].filter(Boolean).join(n);return[typeof s=="object",s!==null,!(Array.isArray(s)&&s.length===0)].every(Boolean)?{...o,...O(s,a,n)}:{...o,[a]:s}},{})}const K="builder.",Pn="options.",_n=e=>{const t={};return e.forEach((n,o)=>{t[o]=n}),t},ke=e=>{if(!e)return{};const t=Se(e),n={};return Object.keys(t).forEach(o=>{if(o.startsWith(K)){const i=o.replace(K,"").replace(Pn,"");n[i]=t[o]}}),n},Nn=()=>{if(!b())return{};const e=new URLSearchParams(window.location.search);return ke(e)},Se=e=>e instanceof URLSearchParams?_n(e):e,On="v3",ve=e=>{const{limit:t=30,userAttributes:n,query:o,noTraverse:i=!1,model:s,apiKey:a,includeRefs:c=!0,enrich:l,locale:d,apiVersion:u=On}=e;if(!a)throw new Error("Missing API key");if(!["v2","v3"].includes(u))throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${u}'`);const p=new URL(`https://cdn.builder.io/api/${u}/content/${s}?apiKey=${a}&limit=${t}&noTraverse=${i}&includeRefs=${c}${d?`&locale=${d}`:""}${l?`&enrich=${l}`:""}`),m={...Nn(),...Se(e.options||{})},f=O(m);for(const g in f)p.searchParams.set(g,String(f[g]));if(n&&p.searchParams.set("userAttributes",JSON.stringify(n)),o){const g=O({query:o});for(const y in g)p.searchParams.set(y,JSON.stringify(g[y]))}return p},Ce=e=>"results"in e;async function W(e){const t=await $e({...e,limit:1});return t&&Ce(t)&&t.results[0]||null}const jn=async e=>{const t=ve(e);return await(await ye(t.href)).json()},we=async(e,t)=>{const n=N(e.canTrack);if(!n||!(b()||w==="reactNative"))return t;try{const o=[];for(const i of t.results)o.push(await En({item:i,canTrack:n}));t.results=o}catch(o){$.error("Could not process A/B tests. ",o)}return t};async function $e(e){try{const t=ve(e),n=await jn(e);return Ce(n)?we(e,n):($.error("Error fetching data. ",{url:t,content:n,options:e}),n)}catch(t){return $.error("Error fetching data. ",t),null}}function Be(){return!b()||v()?!1:Boolean(location.search.indexOf("builder.preview=")!==-1)}const Fn=[],Te=({component:e,...t})=>({type:"builder.registerComponent",data:Mn(t)}),Un=e=>typeof e=="function"?A(e):E(e),Mn=({inputs:e,...t})=>({...E(t),inputs:e==null?void 0:e.map(n=>Object.entries(n).reduce((o,[i,s])=>({...o,[i]:Un(s)}),{}))});function Ln(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){const t=Math.random()*16|0;return(e=="x"?t:t&3|8).toString(16)})}function xe(){return Ln().replace(/-/g,"")}const Ie="builderSessionId",Wn=async({canTrack:e})=>{if(!e)return;const t=await me({name:Ie,canTrack:e});if(C(t))return t;{const n=Hn();return zn({id:n,canTrack:e}),n}},Hn=()=>xe(),zn=({id:e,canTrack:t})=>he({name:Ie,value:e,canTrack:t}),Re=()=>b()&&typeof localStorage<"u"?localStorage:void 0,Kn=({key:e,canTrack:t})=>{var n;try{return t?(n=Re())==null?void 0:n.getItem(e):void 0}catch(o){console.debug("[LocalStorage] GET error: ",o);return}},Dn=({key:e,canTrack:t,value:n})=>{var o;try{t&&((o=Re())==null||o.setItem(e,n))}catch(i){console.debug("[LocalStorage] SET error: ",i)}},Ee="builderVisitorId",qn=({canTrack:e})=>{if(!e)return;const t=Kn({key:Ee,canTrack:e});if(C(t))return t;{const n=Gn();return Jn({id:n,canTrack:e}),n}},Gn=()=>xe(),Jn=({id:e,canTrack:t})=>Dn({key:Ee,value:e,canTrack:t}),Yn=()=>{if(b()){const e=new URL(location.href);return e.pathname===""&&(e.pathname="/"),e}else return console.warn("Cannot get location for tracking in non-browser environment"),null},Xn=()=>typeof navigator=="object"&&navigator.userAgent||"",Qn=()=>{const e=Xn(),t={Android(){return e.match(/Android/i)},BlackBerry(){return e.match(/BlackBerry/i)},iOS(){return e.match(/iPhone|iPod/i)},Opera(){return e.match(/Opera Mini/i)},Windows(){return e.match(/IEMobile/i)||e.match(/WPDesktop/i)},any(){return t.Android()||t.BlackBerry()||t.iOS()||t.Opera()||t.Windows()||w==="reactNative"}},n=e.match(/Tablet|iPad/i),o=Yn();return{urlPath:o==null?void 0:o.pathname,host:(o==null?void 0:o.host)||(o==null?void 0:o.hostname),device:n?"tablet":t.any()?"mobile":"desktop"}},Zn=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await Wn({canTrack:e}),n=qn({canTrack:e});return{sessionId:t,visitorId:n}},eo=async({type:e,canTrack:t,apiKey:n,metadata:o,...i})=>({type:e,data:{...i,metadata:{url:location.href,...o},...await Zn({canTrack:t}),userAttributes:Qn(),ownerId:n}});async function j(e){if(!e.apiKey){$.error("Missing API key for track call. Please provide your API key.");return}if(!!e.canTrack&&!v()&&!!(b()||w==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await eo(e)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(t=>{console.error("Failed to track: ",t)})}const to=e=>j({...e,canTrack:!0}),no=e=>{var s,a;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],o=(a=e.fileUrl)!=null?a:(s=e==null?void 0:e.files)==null?void 0:s.regular;let i="";if(o&&t&&n&&(i+=`
|
|
37
43
|
@font-face {
|
|
38
44
|
font-family: "${t}";
|
|
39
45
|
src: local("${n}"), url('${o}') format('woff2');
|
|
@@ -47,9 +53,9 @@ src: url('${d}') format('woff2');
|
|
|
47
53
|
font-display: fallback;
|
|
48
54
|
font-weight: ${c};
|
|
49
55
|
}
|
|
50
|
-
`.trim())}return i},
|
|
51
|
-
${
|
|
52
|
-
${
|
|
56
|
+
`.trim())}return i},oo=({customFonts:e})=>{var t;return((t=e==null?void 0:e.map(n=>no(n)))==null?void 0:t.join(" "))||""},ro=({cssCode:e,contentId:t})=>e?t?(e==null?void 0:e.replace(/&/g,`div[builder-content-id="${t}"]`))||"":e:"",io=r.defineComponent({name:"render-content-styles",components:{InlinedStyles:V},props:["cssCode","contentId","customFonts"],data(){return{injectedStyles:`
|
|
57
|
+
${ro({cssCode:this.cssCode,contentId:this.contentId})}
|
|
58
|
+
${oo({customFonts:this.customFonts})}
|
|
53
59
|
|
|
54
60
|
.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
|
|
55
61
|
margin: 0;
|
|
@@ -63,10 +69,4 @@ ${Xn({customFonts:this.customFonts})}
|
|
|
63
69
|
text-align: inherit;
|
|
64
70
|
font-family: inherit;
|
|
65
71
|
}
|
|
66
|
-
`.trim()}}});function eo(e,t,n,o,i,s){const a=r.resolveComponent("render-inlined-styles");return r.openBlock(),r.createBlock(a,{styles:e.injectedStyles},null,8,["styles"])}const to=f(Zn,[["render",eo]]),no="0.4.3",K={};function Ee(e,t){let n=K[e];if(n||(n=K[e]=[]),n.push(t),b()){const o={type:"builder.register",data:{type:e,info:t}};try{parent.postMessage(o,"*"),parent!==window&&window.postMessage(o,"*")}catch(i){console.debug("Could not postmessage",i)}}}const oo=()=>{Ee("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 D=!1;const ro=(e={})=>{var t,n;D||(D=!0,b()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:$,version:no,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",({data:o})=>{var i,s;if(!!(o!=null&&o.type))switch(o.type){case"builder.evaluate":{const a=o.data.text,c=o.data.arguments||[],l=o.data.id,d=new Function(a);let u,p=null;try{u=d.apply(null,c)}catch(m){p=m}p?(i=window.parent)==null||i.postMessage({type:"builder.evaluateError",data:{id:l,error:p.message}},"*"):u&&typeof u.then=="function"?u.then(m=>{var g;(g=window.parent)==null||g.postMessage({type:"builder.evaluateResult",data:{id:l,result:m}},"*")}).catch(console.error):(s=window.parent)==null||s.postMessage({type:"builder.evaluateResult",data:{result:u,id:l}},"*");break}}})))};function q(e){return Math.round(e*1e3)/1e3}const io=(e,t,n=!0)=>{if(!(e instanceof HTMLElement))return null;let o=n?e:e.parentElement;do{if(!o)return null;if(t(o))return o}while(o=o.parentElement);return null},so=e=>io(e,t=>{const n=t.getAttribute("builder-id")||t.id;return Boolean((n==null?void 0:n.indexOf("builder-"))===0)}),G=({event:e,target:t})=>{const n=t.getBoundingClientRect(),o=e.clientX-n.left,i=e.clientY-n.top,s=q(o/n.width),a=q(i/n.height);return{x:s,y:a}},ao=e=>{const t=e.target,n=t&&so(t),o=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:o||void 0,metadata:{targetOffset:t?G({event:e,target:t}):void 0,builderTargetOffset:n?G({event:e,target:n}):void 0,builderElementIndex:n&&o?[].slice.call(document.getElementsByClassName(o)).indexOf(n):void 0}}},lo=({content:e,data:t,locale:n})=>{var s,a,c;const o={};(a=(s=e==null?void 0:e.data)==null?void 0:s.inputs)==null||a.forEach(l=>{var d;l.name&&l.defaultValue!==void 0&&((d=e==null?void 0:e.data)==null?void 0:d.state)&&e.data.state[l.name]===void 0&&(o[l.name]=l.defaultValue)});const i={...(c=e==null?void 0:e.data)==null?void 0:c.state,...t,...n?{locale:n}:{}};return{...o,...i}},co=({content:e,data:t})=>e?{...e,data:{...e==null?void 0:e.data,...t},meta:e==null?void 0:e.meta}:void 0,E=e=>Object.values((e==null?void 0:e.variations)||{}),J=({canTrack:e,content:t})=>!(!(E(t).length>0)||!e||b());function uo(e,t,n){function o(){function a(g,h,y){let w="";if(y){const k=new Date;k.setTime(k.getTime()+y*24*60*60*1e3),w="; expires="+k.toUTCString()}document.cookie=g+"="+(h||"")+w+"; path=/; Secure; SameSite=None"}function c(g){const h=g+"=",y=document.cookie.split(";");for(let w=0;w<y.length;w++){let k=y[w];for(;k.charAt(0)===" ";)k=k.substring(1,k.length);if(k.indexOf(h)===0)return k.substring(h.length,k.length)}return null}const l=`builder.tests.${e}`,d=c(l),u=t.map(g=>g.id).concat(e);if(d&&u.includes(d))return d;let p=0;const m=Math.random();for(let g=0;g<t.length;g++){const h=t[g],y=h.testRatio;if(p+=y,m<p)return a(l,h.id),h.id}return a(l,e),e}const i=o(),s=document.getElementById(`variants-styles-${e}`);if(n){s.remove();const a=document.getElementById(`variants-script-${e}`);a==null||a.remove()}else{const a=t.concat({id:e}).filter(c=>c.id!==i).map(c=>`.variant-${c.id} { display: none; }
|
|
67
|
-
`).join("");s.innerHTML=a}}function po(e,t,n){if(!navigator.cookieEnabled)return;function o(l){const d=l+"=",u=document.cookie.split(";");for(let p=0;p<u.length;p++){let m=u[p];for(;m.charAt(0)===" ";)m=m.substring(1,m.length);if(m.indexOf(d)===0)return m.substring(d.length,m.length)}return null}const i=`builder.tests.${t}`,s=o(i),a=document.querySelector(`[builder-content-id="${e}"]`),c=e===t;if(s===e){if(c)return;a==null||a.removeAttribute("hidden"),a==null||a.removeAttribute("aria-hidden")}else{c&&(n?a==null||a.remove():(a==null||a.setAttribute("hidden","true"),a==null||a.setAttribute("aria-hidden","true")));return}}const mo=e=>e==="react"||e==="reactNative"||e==="vue3"||e==="vue2",Re=mo($),Y="bldrAbTest",Ve="bldrCntntScrpt",ho=(e,t)=>{const n=uo.toString().replace(/\s+/g," "),o=po.toString().replace(/\s+/g," ");return`
|
|
68
|
-
const ${Y} = ${n}
|
|
69
|
-
const ${Ve} = ${o}
|
|
70
|
-
${Y}("${t}", ${JSON.stringify(e)}, ${Re})
|
|
71
|
-
`},fo=({parentContentId:e,contentId:t})=>`
|
|
72
|
-
${Ve}("${t}", "${e}", ${Re})`,go=r.markRaw,bo=r.defineComponent({name:"render-content",components:{RenderContentStyles:to,RenderBlocks:U},props:["canTrack","model","context","apiKey","content","parentContentId","data","locale","apiVersion","customComponents","hideContent","classNameProp","isSsrAbTest","includeRefs","enrich"],data(){var e;return{forceReRenderCount:0,overrideContent:null,update:0,canTrackToUse:v(this.canTrack)?this.canTrack:!0,httpReqsData:{},clicked:!1,scriptStr:fo({contentId:(e=this.content)==null?void 0:e.id,parentContentId:this.parentContentId}),builderContextSignal:{content:co({content:this.content,data:this.data}),localState:void 0,rootState:lo({content:this.content,data:this.data,locale:this.locale}),rootSetState:this.contentSetState,context:this.context||{},apiKey:this.apiKey,apiVersion:this.apiVersion,registeredComponents:[...mn(),...An,...this.customComponents||[]].reduce((t,{component:n,...o})=>({...t,[o.name]:{component:go(n),...o}}),{}),inheritedStyles:{}},builderContext:B,TARGET:$}},provide(){const e=this;return{[B.key]:e.builderContextSignal}},mounted(){var e,t;if(this.apiKey||C.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),b()){if(S()&&(this.forceReRenderCount=this.forceReRenderCount+1,oo(),ro({...this.locale?{locale:this.locale}:{},...this.includeRefs?{includeRefs:this.includeRefs}:{},...this.enrich?{enrich:this.enrich}:{}}),Object.values(this.builderContextSignal.registeredComponents).forEach(n=>{var i;const o=we(n);(i=window.parent)==null||i.postMessage(o,"*")}),window.addEventListener("message",this.processMessage),window.addEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate)),this.builderContextSignal.content){const n=(e=this.builderContextSignal.content)==null?void 0:e.testVariationId,o=(t=this.builderContextSignal.content)==null?void 0:t.id;O({type:"impression",canTrack:this.canTrackToUse,contentId:o,apiKey:this.apiKey,variationId:n!==o?n:void 0})}if($e()){const n=new URL(location.href).searchParams,o=n.get("builder.preview"),i=n.get(`builder.preview.${o}`),s=n.get("apiKey")||n.get("builder.space");o===this.model&&s===this.apiKey&&(!this.content||i===this.content.id)&&L({model:this.model,apiKey:this.apiKey,apiVersion:this.apiVersion}).then(a=>{a&&this.mergeNewContent(a)})}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(){b()&&(window.removeEventListener("message",this.processMessage),window.removeEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate))},computed:{onUpdateHook0(){return{0:this.content}},onUpdateHook1(){var e,t;return{0:(t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.jsCode,1:this.builderContextSignal.rootState}},onUpdateHook2(){var e,t;return{0:(t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.httpRequests}},onUpdateHook3(){return{0:this.builderContextSignal.rootState}}},methods:{mergeNewContent(e){var t,n,o,i,s;this.builderContextSignal.content={...this.builderContextSignal.content,...e,data:{...(t=this.builderContextSignal.content)==null?void 0:t.data,...e==null?void 0:e.data},meta:{...(n=this.builderContextSignal.content)==null?void 0:n.meta,...e==null?void 0:e.meta,breakpoints:((o=e==null?void 0:e.meta)==null?void 0:o.breakpoints)||((s=(i=this.builderContextSignal.content)==null?void 0:i.meta)==null?void 0:s.breakpoints)}}},setBreakpoints(e){var t;this.builderContextSignal.content={...this.builderContextSignal.content,meta:{...(t=this.builderContextSignal.content)==null?void 0:t.meta,breakpoints:e}}},contentSetState(e){this.builderContextSignal.rootState=e},processMessage(e){var n;const{data:t}=e;if(t)switch(t.type){case"builder.configureSdk":{const o=t.data,{breakpoints:i,contentId:s}=o;if(!s||s!==((n=this.builderContextSignal.content)==null?void 0:n.id))return;i&&this.setBreakpoints(i),this.forceReRenderCount=this.forceReRenderCount+1;break}case"builder.contentUpdate":{const o=t.data,i=o.key||o.alias||o.entry||o.modelName,s=o.data;i===this.model&&(this.mergeNewContent(s),this.forceReRenderCount=this.forceReRenderCount+1);break}}},evaluateJsCode(){var t,n;const e=(n=(t=this.builderContextSignal.content)==null?void 0:t.data)==null?void 0:n.jsCode;e&&T({code:e,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.contentSetState})},onClick(e){var t,n;if(this.builderContextSignal.content){const o=(t=this.builderContextSignal.content)==null?void 0:t.testVariationId,i=(n=this.builderContextSignal.content)==null?void 0:n.id;O({type:"click",canTrack:this.canTrackToUse,contentId:i,apiKey:this.apiKey,variationId:o!==i?o:void 0,...ao(e),unique:!this.clicked})}this.clicked||(this.clicked=!0)},evalExpression(e){return e.replace(/{{([^}]+)}}/g,(t,n)=>T({code:n,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.contentSetState}))},handleRequest({url:e,key:t}){ge(e).then(n=>n.json()).then(n=>{const o={...this.builderContextSignal.rootState,[t]:n};this.contentSetState(o)}).catch(n=>{console.error("error fetching dynamic data",e,n)})},runHttpRequests(){var t,n,o;const e=(o=(n=(t=this.builderContextSignal.content)==null?void 0:t.data)==null?void 0:n.httpRequests)!=null?o:{};Object.entries(e).forEach(([i,s])=>{if(s&&(!this.httpReqsData[i]||S())){const a=this.evalExpression(s);this.handleRequest({url:a,key:i})}})},emitStateUpdate(){S()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:this.builderContextSignal.rootState,ref:{name:this.model}}}))},_classStringToObject(e){const t={};if(typeof e!="string")return t;const n=e.trim().split(/\s+/);for(const o of n)t[o]=!0;return t}}}),yo=["builder-content-id","builder-model"];function ko(e,t,n,o,i,s){var l,d,u,p,m,g,h,y;const a=r.resolveComponent("render-content-styles"),c=r.resolveComponent("render-blocks");return e.builderContextSignal.content?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,ref:"elementRef",onClick:t[0]||(t[0]=w=>e.onClick(w)),"builder-content-id":(l=e.builderContextSignal.content)==null?void 0:l.id,"builder-model":e.model,class:e._classStringToObject(e.classNameProp)},{...e.TARGET==="reactNative"?{dataSet:{"builder-content-id":""}}:{},...e.hideContent?{hidden:!0,"aria-hidden":!0}:{}}),[e.isSsrAbTest?(r.openBlock(),r.createBlock(r.resolveDynamicComponent("script"),{key:0,innerHTML:e.scriptStr},null,8,["innerHTML"])):r.createCommentVNode("",!0),e.TARGET!=="reactNative"?(r.openBlock(),r.createBlock(a,{key:1,contentId:(d=e.builderContextSignal.content)==null?void 0:d.id,cssCode:(p=(u=e.builderContextSignal.content)==null?void 0:u.data)==null?void 0:p.cssCode,customFonts:(g=(m=e.builderContextSignal.content)==null?void 0:m.data)==null?void 0:g.customFonts},null,8,["contentId","cssCode","customFonts"])):r.createCommentVNode("",!0),(r.openBlock(),r.createBlock(c,{blocks:(y=(h=e.builderContextSignal.content)==null?void 0:h.data)==null?void 0:y.blocks,key:e.forceReRenderCount},null,8,["blocks"]))],16,yo)):r.createCommentVNode("",!0)}const Ae=f(bo,[["render",ko]]),So=r.defineComponent({name:"builder-symbol",components:{RenderContent:Ae},props:["attributes","symbol","dynamic"],data(){var e,t,n;return{className:[...Object.keys(this.attributes.class),"builder-symbol",(e=this.symbol)!=null&&e.inline?"builder-inline-symbol":void 0,((t=this.symbol)==null?void 0:t.dynamic)||this.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" "),contentToUse:(n=this.symbol)==null?void 0:n.content}},inject:{builderContext:B.key},mounted(){this.fetchContent()},watch:{onUpdateHook0:{handler(){this.fetchContent()},immediate:!0}},computed:{onUpdateHook0(){return{0:this.symbol}}},methods:{fetchContent(){var e,t;!this.contentToUse&&((e=this.symbol)==null?void 0:e.model)&&((t=this.builderContext)==null?void 0:t.apiKey)&&L({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=>{C.error("Could not fetch symbol content: ",n)})},filterAttrs:function(t={},n){const o="v-on:";return Object.keys(t).filter(i=>{if(!t[i])return!1;const s=i.startsWith(o);return n?s:!s}).reduce((i,s)=>({...i,[s.replace(o,"")]:t[s]}),{})},_classStringToObject(e){const t={};if(typeof e!="string")return t;const n=e.trim().split(/\s+/);for(const o of n)t[o]=!0;return t}}}),vo=["dataSet"];function Co(e,t,n,o,i,s){var c,l,d,u;const a=r.resolveComponent("render-content");return r.openBlock(),r.createElementBlock("div",r.mergeProps({dataSet:{class:e.className},class:e._classStringToObject(e.className)},e.filterAttrs(e.attributes,!1),r.toHandlers(e.filterAttrs(e.attributes,!0),!0)),[r.createVNode(a,{apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:e.builderContext.context,customComponents:Object.values(e.builderContext.registeredComponents),data:{...(c=e.symbol)==null?void 0:c.data,...e.builderContext.localState,...(d=(l=e.contentToUse)==null?void 0:l.data)==null?void 0:d.state},model:(u=e.symbol)==null?void 0:u.model,content:e.contentToUse},null,8,["apiVersion","apiKey","context","customComponents","data","model","content"])],16,vo)}const _e=f(So,[["render",Co]]),$o=r.defineComponent({name:"render-content-variants",components:{RenderInlinedStyles:V,RenderContent:Ae},props:["content","canTrack","apiKey","apiVersion","customComponents","model"],data(){var e;return{variantScriptStr:ho(E(this.content).map(t=>({id:t.id,testRatio:t.testRatio})),((e=this.content)==null?void 0:e.id)||""),shouldRenderVariants:J({canTrack:I(this.canTrack),content:this.content}),hideVariantsStyleString:E(this.content).map(t=>`.variant-${t.id} { display: none; } `).join(""),contentToRender:J({canTrack:I(this.canTrack),content:this.content})?this.content:$n({item:this.content,canTrack:I(this.canTrack)}),getVariants:E}}});function wo(e,t,n,o,i,s){var l,d,u,p;const a=r.resolveComponent("render-inlined-styles"),c=r.resolveComponent("render-content");return r.openBlock(),r.createElementBlock(r.Fragment,null,[e.shouldRenderVariants?(r.openBlock(),r.createElementBlock(r.Fragment,{key:0},[r.createVNode(a,{id:`variants-styles-${(l=e.content)==null?void 0:l.id}`,styles:e.hideVariantsStyleString},null,8,["id","styles"]),(r.openBlock(),r.createBlock(r.resolveDynamicComponent("script"),{id:`variants-script-${(d=e.content)==null?void 0:d.id}`,innerHTML:e.variantScriptStr},null,8,["id","innerHTML"])),(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(e.getVariants(e.content),(m,g)=>{var h;return r.openBlock(),r.createBlock(c,{key:m.id,content:m,apiKey:e.apiKey,apiVersion:e.apiVersion,canTrack:e.canTrack,customComponents:e.customComponents,hideContent:!0,parentContentId:(h=e.content)==null?void 0:h.id,isSsrAbTest:e.shouldRenderVariants},null,8,["content","apiKey","apiVersion","canTrack","customComponents","parentContentId","isSsrAbTest"])}),128))],64)):r.createCommentVNode("",!0),r.createVNode(c,{model:e.model,content:e.contentToRender,apiKey:e.apiKey,apiVersion:e.apiVersion,canTrack:e.canTrack,customComponents:e.customComponents,classNameProp:`variant-${(u=e.content)==null?void 0:u.id}`,parentContentId:(p=e.content)==null?void 0:p.id,isSsrAbTest:e.shouldRenderVariants},null,8,["model","content","apiKey","apiVersion","canTrack","customComponents","classNameProp","parentContentId","isSsrAbTest"])],64)}const Bo=f($o,[["render",wo]]),X={};function To(e){if(b()){Object.assign(X,e);const t={type:"builder.settingsChange",data:X};parent.postMessage(t,"*")}}exports.Button=Q;exports.Columns=re;exports.Fragment=ie;exports.Image=se;exports.RenderBlocks=U;exports.RenderContent=Bo;exports.Section=ae;exports.Symbol=_e;exports.Text=le;exports.Video=ce;exports.createRegisterComponentMessage=we;exports.getAllContent=Ce;exports.getBuilderSearchParams=be;exports.getContent=L;exports.isEditing=S;exports.isPreviewing=$e;exports.processContentResult=ve;exports.register=Ee;exports.setEditorSettings=To;exports.track=Jn;
|
|
72
|
+
`.trim()}}});function so(e,t,n,o,i,s){const a=r.resolveComponent("inlined-styles");return r.openBlock(),r.createBlock(a,{styles:e.injectedStyles},null,8,["styles"])}const ao=h(io,[["render",so]]),lo="0.4.5",D={};function Ve(e,t){let n=D[e];if(n||(n=D[e]=[]),n.push(t),b()){const o={type:"builder.register",data:{type:e,info:t}};try{parent.postMessage(o,"*"),parent!==window&&window.postMessage(o,"*")}catch(i){console.debug("Could not postmessage",i)}}}const co=()=>{Ve("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 q=!1;const uo=(e={})=>{var t,n;q||(q=!0,b()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:w,version:lo,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",({data:o})=>{var i,s;if(!!(o!=null&&o.type))switch(o.type){case"builder.evaluate":{const a=o.data.text,c=o.data.arguments||[],l=o.data.id,d=new Function(a);let u,p=null;try{u=d.apply(null,c)}catch(m){p=m}p?(i=window.parent)==null||i.postMessage({type:"builder.evaluateError",data:{id:l,error:p.message}},"*"):u&&typeof u.then=="function"?u.then(m=>{var f;(f=window.parent)==null||f.postMessage({type:"builder.evaluateResult",data:{id:l,result:m}},"*")}).catch(console.error):(s=window.parent)==null||s.postMessage({type:"builder.evaluateResult",data:{result:u,id:l}},"*");break}}})))};function G(e){return Math.round(e*1e3)/1e3}const po=(e,t,n=!0)=>{if(!(e instanceof HTMLElement))return null;let o=n?e:e.parentElement;do{if(!o)return null;if(t(o))return o}while(o=o.parentElement);return null},mo=e=>po(e,t=>{const n=t.getAttribute("builder-id")||t.id;return Boolean((n==null?void 0:n.indexOf("builder-"))===0)}),J=({event:e,target:t})=>{const n=t.getBoundingClientRect(),o=e.clientX-n.left,i=e.clientY-n.top,s=G(o/n.width),a=G(i/n.height);return{x:s,y:a}},ho=e=>{const t=e.target,n=t&&mo(t),o=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:o||void 0,metadata:{targetOffset:t?J({event:e,target:t}):void 0,builderTargetOffset:n?J({event:e,target:n}):void 0,builderElementIndex:n&&o?[].slice.call(document.getElementsByClassName(o)).indexOf(n):void 0}}},fo=({content:e,data:t,locale:n})=>{var s,a,c;const o={};(a=(s=e==null?void 0:e.data)==null?void 0:s.inputs)==null||a.forEach(l=>{var d;l.name&&l.defaultValue!==void 0&&((d=e==null?void 0:e.data)==null?void 0:d.state)&&e.data.state[l.name]===void 0&&(o[l.name]=l.defaultValue)});const i={...(c=e==null?void 0:e.data)==null?void 0:c.state,...t,...n?{locale:n}:{}};return{...o,...i}},go=({content:e,data:t})=>e?{...e,data:{...e==null?void 0:e.data,...t},meta:e==null?void 0:e.meta}:void 0,bo=r.markRaw,Ae=r.defineComponent({render(){return r.h("script",{id:this.id,innerHTML:this.scriptStr})},name:"inlined-script",props:["scriptStr","id"]}),yo=r.defineComponent({name:"render-content",components:{InlinedScript:Ae,RenderContentStyles:ao,RenderBlocks:M},props:["canTrack","model","context","apiKey","content","data","locale","apiVersion","customComponents","showContent","classNameProp","isSsrAbTest","includeRefs","enrich"],data(){var e,t;return{forceReRenderCount:0,overrideContent:null,update:0,canTrackToUse:C(this.canTrack)?this.canTrack:!0,httpReqsData:{},clicked:!1,scriptStr:Mt({variationId:(e=this.content)==null?void 0:e.testVariationId,contentId:(t=this.content)==null?void 0:t.id}),builderContextSignal:{content:go({content:this.content,data:this.data}),localState:void 0,rootState:fo({content:this.content,data:this.data,locale:this.locale}),rootSetState:this.contentSetState,context:this.context||{},apiKey:this.apiKey,apiVersion:this.apiVersion,registeredComponents:[...kn(),...Fn,...this.customComponents||[]].reduce((n,{component:o,...i})=>({...n,[i.name]:{component:bo(o),...i}}),{}),inheritedStyles:{}},builderContext:T,TARGET:w}},provide(){const e=this;return{[T.key]:e.builderContextSignal}},mounted(){var e,t;if(this.apiKey||$.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),b()){if(v()&&(this.forceReRenderCount=this.forceReRenderCount+1,co(),uo({...this.locale?{locale:this.locale}:{},...this.includeRefs?{includeRefs:this.includeRefs}:{},...this.enrich?{enrich:this.enrich}:{}}),Object.values(this.builderContextSignal.registeredComponents).forEach(n=>{var i;const o=Te(n);(i=window.parent)==null||i.postMessage(o,"*")}),window.addEventListener("message",this.processMessage),window.addEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate)),this.builderContextSignal.content){const n=(e=this.builderContextSignal.content)==null?void 0:e.testVariationId,o=(t=this.builderContextSignal.content)==null?void 0:t.id;j({type:"impression",canTrack:this.canTrackToUse,contentId:o,apiKey:this.apiKey,variationId:n!==o?n:void 0})}if(Be()){const n=new URL(location.href).searchParams,o=n.get("builder.preview"),i=n.get(`builder.preview.${o}`),s=n.get("apiKey")||n.get("builder.space");o===this.model&&s===this.apiKey&&(!this.content||i===this.content.id)&&W({model:this.model,apiKey:this.apiKey,apiVersion:this.apiVersion}).then(a=>{a&&this.mergeNewContent(a)})}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(){b()&&(window.removeEventListener("message",this.processMessage),window.removeEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate))},computed:{onUpdateHook0(){return{0:this.content}},onUpdateHook1(){var e,t;return{0:(t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.jsCode,1:this.builderContextSignal.rootState}},onUpdateHook2(){var e,t;return{0:(t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.httpRequests}},onUpdateHook3(){return{0:this.builderContextSignal.rootState}}},methods:{mergeNewContent(e){var t,n,o,i,s;this.builderContextSignal.content={...this.builderContextSignal.content,...e,data:{...(t=this.builderContextSignal.content)==null?void 0:t.data,...e==null?void 0:e.data},meta:{...(n=this.builderContextSignal.content)==null?void 0:n.meta,...e==null?void 0:e.meta,breakpoints:((o=e==null?void 0:e.meta)==null?void 0:o.breakpoints)||((s=(i=this.builderContextSignal.content)==null?void 0:i.meta)==null?void 0:s.breakpoints)}}},setBreakpoints(e){var t;this.builderContextSignal.content={...this.builderContextSignal.content,meta:{...(t=this.builderContextSignal.content)==null?void 0:t.meta,breakpoints:e}}},contentSetState(e){this.builderContextSignal.rootState=e},processMessage(e){var n;const{data:t}=e;if(t)switch(t.type){case"builder.configureSdk":{const o=t.data,{breakpoints:i,contentId:s}=o;if(!s||s!==((n=this.builderContextSignal.content)==null?void 0:n.id))return;i&&this.setBreakpoints(i),this.forceReRenderCount=this.forceReRenderCount+1;break}case"builder.contentUpdate":{const o=t.data,i=o.key||o.alias||o.entry||o.modelName,s=o.data;i===this.model&&(this.mergeNewContent(s),this.forceReRenderCount=this.forceReRenderCount+1);break}}},evaluateJsCode(){var t,n;const e=(n=(t=this.builderContextSignal.content)==null?void 0:t.data)==null?void 0:n.jsCode;e&&x({code:e,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.contentSetState})},onClick(e){var t,n;if(this.builderContextSignal.content){const o=(t=this.builderContextSignal.content)==null?void 0:t.testVariationId,i=(n=this.builderContextSignal.content)==null?void 0:n.id;j({type:"click",canTrack:this.canTrackToUse,contentId:i,apiKey:this.apiKey,variationId:o!==i?o:void 0,...ho(e),unique:!this.clicked})}this.clicked||(this.clicked=!0)},evalExpression(e){return e.replace(/{{([^}]+)}}/g,(t,n)=>x({code:n,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.contentSetState}))},handleRequest({url:e,key:t}){ye(e).then(n=>n.json()).then(n=>{const o={...this.builderContextSignal.rootState,[t]:n};this.contentSetState(o)}).catch(n=>{console.error("error fetching dynamic data",e,n)})},runHttpRequests(){var t,n,o;const e=(o=(n=(t=this.builderContextSignal.content)==null?void 0:t.data)==null?void 0:n.httpRequests)!=null?o:{};Object.entries(e).forEach(([i,s])=>{if(s&&(!this.httpReqsData[i]||v())){const a=this.evalExpression(s);this.handleRequest({url:a,key:i})}})},emitStateUpdate(){v()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:this.builderContextSignal.rootState,ref:{name:this.model}}}))},_classStringToObject(e){const t={};if(typeof e!="string")return t;const n=e.trim().split(/\s+/);for(const o of n)t[o]=!0;return t}}}),ko=["builder-content-id","builder-model"];function So(e,t,n,o,i,s){var d,u,p,m,f,g,y,S;const a=r.resolveComponent("inlined-script"),c=r.resolveComponent("render-content-styles"),l=r.resolveComponent("render-blocks");return e.builderContextSignal.content?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,ref:"elementRef",onClick:t[0]||(t[0]=B=>e.onClick(B)),"builder-content-id":(d=e.builderContextSignal.content)==null?void 0:d.id,"builder-model":e.model,class:e._classStringToObject(e.classNameProp)},{...e.TARGET==="reactNative"?{dataSet:{"builder-content-id":""}}:{},...e.showContent?{}:{hidden:!0,"aria-hidden":!0}}),[e.isSsrAbTest?(r.openBlock(),r.createBlock(a,{key:0,scriptStr:e.scriptStr},null,8,["scriptStr"])):r.createCommentVNode("",!0),e.TARGET!=="reactNative"?(r.openBlock(),r.createBlock(c,{key:1,contentId:(u=e.builderContextSignal.content)==null?void 0:u.id,cssCode:(m=(p=e.builderContextSignal.content)==null?void 0:p.data)==null?void 0:m.cssCode,customFonts:(g=(f=e.builderContextSignal.content)==null?void 0:f.data)==null?void 0:g.customFonts},null,8,["contentId","cssCode","customFonts"])):r.createCommentVNode("",!0),(r.openBlock(),r.createBlock(l,{blocks:(S=(y=e.builderContextSignal.content)==null?void 0:y.data)==null?void 0:S.blocks,key:e.forceReRenderCount},null,8,["blocks"]))],16,ko)):r.createCommentVNode("",!0)}const vo=h(yo,[["render",So]]),Co=r.defineComponent({name:"render-content-variants",components:{InlinedScript:Ae,InlinedStyles:V,RenderContent:vo},props:["canTrack","content","__isNestedRender","model","data","context","apiKey","apiVersion","customComponents","locale","includeRefs","enrich"],data(){var e;return{shouldRenderVariants:_t({canTrack:N(this.canTrack),content:this.content}),variantScriptStr:Ut(R(this.content).map(t=>({id:t.testVariationId,testRatio:t.testRatio})),((e=this.content)==null?void 0:e.id)||""),hideVariantsStyleString:R(this.content).map(t=>`.variant-${t.testVariationId} { display: none; } `).join(""),getScriptString:Ft,getVariants:R,getDefaultCanTrack:N,handleABTestingSync:Rn,TARGET:w}},mounted(){this.shouldRenderVariants=!1}});function wo(e,t,n,o,i,s){var d,u;const a=r.resolveComponent("inlined-script"),c=r.resolveComponent("inlined-styles"),l=r.resolveComponent("render-content");return r.openBlock(),r.createElementBlock(r.Fragment,null,[!e.__isNestedRender&&e.TARGET!=="reactNative"?(r.openBlock(),r.createBlock(a,{key:0,scriptStr:e.getScriptString()},null,8,["scriptStr"])):r.createCommentVNode("",!0),e.shouldRenderVariants?(r.openBlock(),r.createElementBlock(r.Fragment,{key:1},[r.createVNode(c,{id:`variants-styles-${(d=e.content)==null?void 0:d.id}`,styles:e.hideVariantsStyleString},null,8,["id","styles"]),r.createVNode(a,{scriptStr:e.variantScriptStr},null,8,["scriptStr"]),(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(e.getVariants(e.content),(p,m)=>(r.openBlock(),r.createBlock(l,{key:p.testVariationId,content:p,showContent:!1,classNameProp:void 0,model:e.model,data:e.data,context:e.context,apiKey:e.apiKey,apiVersion:e.apiVersion,customComponents:e.customComponents,canTrack:e.canTrack,locale:e.locale,includeRefs:e.includeRefs,enrich:e.enrich,isSsrAbTest:e.shouldRenderVariants},null,8,["content","model","data","context","apiKey","apiVersion","customComponents","canTrack","locale","includeRefs","enrich","isSsrAbTest"]))),128))],64)):r.createCommentVNode("",!0),r.createVNode(l,r.mergeProps({content:e.shouldRenderVariants?e.content:e.handleABTestingSync({item:e.content,canTrack:e.getDefaultCanTrack(e.canTrack)}),classNameProp:`variant-${(u=e.content)==null?void 0:u.id}`,showContent:!0,model:e.model,data:e.data,context:e.context,apiKey:e.apiKey,apiVersion:e.apiVersion,customComponents:e.customComponents,canTrack:e.canTrack,locale:e.locale,includeRefs:e.includeRefs,enrich:e.enrich,isSsrAbTest:e.shouldRenderVariants},{key:e.shouldRenderVariants.toString()}),null,16,["content","classNameProp","model","data","context","apiKey","apiVersion","customComponents","canTrack","locale","includeRefs","enrich","isSsrAbTest"])],64)}const Pe=h(Co,[["render",wo]]),$o=r.defineComponent({name:"builder-symbol",components:{RenderContentVariants:Pe},props:["attributes","symbol","dynamic"],data(){var e,t,n;return{className:[...Object.keys(this.attributes.class),"builder-symbol",(e=this.symbol)!=null&&e.inline?"builder-inline-symbol":void 0,((t=this.symbol)==null?void 0:t.dynamic)||this.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" "),contentToUse:(n=this.symbol)==null?void 0:n.content}},inject:{builderContext:T.key},mounted(){this.fetchContent()},watch:{onUpdateHook0:{handler(){this.fetchContent()},immediate:!0}},computed:{onUpdateHook0(){return{0:this.symbol}}},methods:{fetchContent(){var e,t,n;!this.contentToUse&&((e=this.symbol)==null?void 0:e.model)&&((t=this.builderContext)==null?void 0:t.apiKey)&&W({model:this.symbol.model,apiKey:this.builderContext.apiKey,apiVersion:this.builderContext.apiVersion,...((n=this.symbol)==null?void 0:n.entry)&&{query:{id:this.symbol.entry}}}).then(o=>{o&&(this.contentToUse=o)}).catch(o=>{$.error("Could not fetch symbol content: ",o)})},filterAttrs:function(t={},n){const o="v-on:";return Object.keys(t).filter(i=>{if(!t[i])return!1;const s=i.startsWith(o);return n?s:!s}).reduce((i,s)=>({...i,[s.replace(o,"")]:t[s]}),{})},_classStringToObject(e){const t={};if(typeof e!="string")return t;const n=e.trim().split(/\s+/);for(const o of n)t[o]=!0;return t}}}),Bo=["dataSet"];function To(e,t,n,o,i,s){var c,l,d,u;const a=r.resolveComponent("render-content-variants");return r.openBlock(),r.createElementBlock("div",r.mergeProps({dataSet:{class:e.className},class:e._classStringToObject(e.className)},e.filterAttrs(e.attributes,!1),r.toHandlers(e.filterAttrs(e.attributes,!0),!0)),[r.createVNode(a,{__isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:e.builderContext.context,customComponents:Object.values(e.builderContext.registeredComponents),data:{...(c=e.symbol)==null?void 0:c.data,...e.builderContext.localState,...(d=(l=e.contentToUse)==null?void 0:l.data)==null?void 0:d.state},model:(u=e.symbol)==null?void 0:u.model,content:e.contentToUse},null,8,["apiVersion","apiKey","context","customComponents","data","model","content"])],16,Bo)}const _e=h($o,[["render",To]]),Y={};function xo(e){if(b()){Object.assign(Y,e);const t={type:"builder.settingsChange",data:Y};parent.postMessage(t,"*")}}exports.Button=X;exports.Columns=oe;exports.Fragment=re;exports.Image=ie;exports.RenderBlocks=M;exports.RenderContent=Pe;exports.Section=se;exports.Symbol=_e;exports.Text=de;exports.Video=ue;exports.createRegisterComponentMessage=Te;exports.getAllContent=$e;exports.getBuilderSearchParams=ke;exports.getContent=W;exports.isEditing=v;exports.isPreviewing=Be;exports.processContentResult=we;exports.register=Ve;exports.setEditorSettings=xo;exports.track=to;
|