@builder.io/sdk-vue 4.2.1 → 4.2.3
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/lib/browser/{awaiter-522m_tb0.js → awaiter-QkoC16ei.js} +1 -1
- package/lib/browser/{awaiter-xp9lcSxP.cjs → awaiter-dVEzPIfa.cjs} +1 -1
- package/lib/browser/{block-wrapper-9mehIM9T.cjs → block-wrapper-BOi64ZSf.cjs} +1 -1
- package/lib/browser/{block-wrapper-26klNOq9.js → block-wrapper-LGlUvVpu.js} +3 -3
- package/lib/browser/blocks/form/form/form.vue.d.ts +1 -0
- package/lib/browser/blocks/img/img.vue.d.ts +9 -2
- package/lib/browser/blocks/symbol/symbol.types.d.ts +1 -2
- package/lib/browser/blocks/symbol/symbol.vue.d.ts +1 -0
- package/lib/browser/blocks/tabs/tabs.vue.d.ts +1 -0
- package/lib/browser/component-ref-Jt8NZQKY.cjs +1 -0
- package/lib/browser/{component-ref-IrVdrKrT.js → component-ref-tMh8EWjb.js} +68 -57
- package/lib/browser/components/awaiter.types.d.ts +7 -0
- package/lib/browser/components/block/components/component-ref/component-ref.vue.d.ts +1 -6
- package/lib/browser/components/block/components/interactive-element.vue.d.ts +6 -3
- package/lib/browser/components/block/components/live-edit-block-styles.vue.d.ts +19 -0
- package/lib/browser/components/block/components/style-wrapper.vue.d.ts +15 -0
- package/lib/browser/components/content/components/enable-editor.vue.d.ts +6 -2
- package/lib/browser/components/live-edit.vue.d.ts +17 -0
- package/lib/browser/constants/sdk-version.d.ts +1 -1
- package/lib/browser/find-block-4FksmtpZ.js +30 -0
- package/lib/browser/find-block-FHyxDYzT.cjs +1 -0
- package/lib/browser/{get-block-properties-QnM_YrNk.js → get-block-properties-Ahsh8p5y.js} +8 -8
- package/lib/browser/{get-block-properties-OKep411k.cjs → get-block-properties-NuVrGQN_.cjs} +1 -1
- package/lib/browser/helpers/find-block.d.ts +18 -0
- package/lib/browser/helpers/subscribe-to-editor.d.ts +3 -2
- package/lib/browser/{index-dDcL7IfY.js → index-EtzQVBnH.js} +635 -569
- package/lib/browser/index-jbLVGF3d.cjs +334 -0
- package/lib/browser/index.cjs +1 -1
- package/lib/browser/index.mjs +11 -11
- package/lib/browser/live-edit-h_5MH287.cjs +1 -0
- package/lib/browser/live-edit-rw2-UX9h.js +32 -0
- package/lib/browser/{repeated-block-nKx_42cr.cjs → repeated-block-DP1NryZH.cjs} +1 -1
- package/lib/browser/{repeated-block-iOBHvqGU.js → repeated-block-WP795fea.js} +2 -2
- package/lib/browser/style-wrapper-OLuHp-wg.js +210 -0
- package/lib/browser/style-wrapper-_FKH2e4u.cjs +1 -0
- package/lib/browser/style.css +1 -1
- package/lib/edge/{awaiter-1mRIGpV6.cjs → awaiter-AB81htE9.cjs} +1 -1
- package/lib/edge/{awaiter-inDvpJQO.js → awaiter-G2IZpq8y.js} +1 -1
- package/lib/{node/block-wrapper-02ftlAfU.cjs → edge/block-wrapper-3KMmt5za.cjs} +1 -1
- package/lib/edge/{block-wrapper-SsRgbO8V.js → block-wrapper-hc1D57Il.js} +3 -3
- package/lib/edge/blocks/form/form/form.vue.d.ts +1 -0
- package/lib/edge/blocks/img/img.vue.d.ts +9 -2
- package/lib/edge/blocks/symbol/symbol.types.d.ts +1 -2
- package/lib/edge/blocks/symbol/symbol.vue.d.ts +1 -0
- package/lib/edge/blocks/tabs/tabs.vue.d.ts +1 -0
- package/lib/edge/component-ref-1l1Dc15N.cjs +1 -0
- package/lib/edge/{component-ref-xNhbKfn9.js → component-ref-__eNmb_i.js} +68 -57
- package/lib/edge/components/awaiter.types.d.ts +7 -0
- package/lib/edge/components/block/components/component-ref/component-ref.vue.d.ts +1 -6
- package/lib/edge/components/block/components/interactive-element.vue.d.ts +6 -3
- package/lib/edge/components/block/components/live-edit-block-styles.vue.d.ts +19 -0
- package/lib/edge/components/block/components/style-wrapper.vue.d.ts +15 -0
- package/lib/edge/components/content/components/enable-editor.vue.d.ts +6 -2
- package/lib/edge/components/live-edit.vue.d.ts +17 -0
- package/lib/edge/constants/sdk-version.d.ts +1 -1
- package/lib/edge/find-block-3Ig0kVVe.js +29 -0
- package/lib/edge/find-block-FREohLcp.cjs +1 -0
- package/lib/edge/{get-block-properties-YBHD-kyN.js → get-block-properties-IlO7VcTG.js} +10 -10
- package/lib/edge/{get-block-properties-gqcOodFf.cjs → get-block-properties-YofIFdQl.cjs} +1 -1
- package/lib/edge/helpers/find-block.d.ts +18 -0
- package/lib/edge/helpers/subscribe-to-editor.d.ts +3 -2
- package/lib/edge/{index-KuatB8ic.cjs → index-UFKf4DGh.cjs} +27 -27
- package/lib/edge/{index-hzqKkVuy.js → index-pedBdruj.js} +880 -814
- package/lib/edge/index.cjs +1 -1
- package/lib/edge/index.mjs +11 -11
- package/lib/edge/live-edit-bP5Bdb_I.cjs +1 -0
- package/lib/edge/live-edit-mkwzJ3KQ.js +31 -0
- package/lib/{node/repeated-block-pKrhMIDV.cjs → edge/repeated-block-eV-zFRwn.cjs} +1 -1
- package/lib/{node/repeated-block-dhWJ0p4C.js → edge/repeated-block-i0HNWVX0.js} +2 -2
- package/lib/edge/style-wrapper-QrUxYNMa.cjs +1 -0
- package/lib/edge/style-wrapper-mI3PSijR.js +209 -0
- package/lib/edge/style.css +1 -1
- package/lib/node/{awaiter-xwpDFIvR.cjs → awaiter-GsCK0Rmm.cjs} +1 -1
- package/lib/node/{awaiter-VENdQO6n.js → awaiter-vsM2I4ci.js} +2 -2
- package/lib/node/{block-wrapper-YFKoP-Sr.js → block-wrapper-HC1GKPg-.js} +5 -5
- package/lib/{edge/block-wrapper-1wOAQ8jv.cjs → node/block-wrapper-VVk0Gqbc.cjs} +1 -1
- package/lib/node/blocks/form/form/form.vue.d.ts +1 -0
- package/lib/node/blocks/img/img.vue.d.ts +9 -2
- package/lib/node/blocks/symbol/symbol.types.d.ts +1 -2
- package/lib/node/blocks/symbol/symbol.vue.d.ts +1 -0
- package/lib/node/blocks/tabs/tabs.vue.d.ts +1 -0
- package/lib/node/component-ref-SsJCZYlF.cjs +1 -0
- package/lib/node/{component-ref-CL-UB2rM.js → component-ref-bqN5ZiyT.js} +70 -58
- package/lib/node/components/awaiter.types.d.ts +7 -0
- package/lib/node/components/block/components/component-ref/component-ref.vue.d.ts +1 -6
- package/lib/node/components/block/components/interactive-element.vue.d.ts +6 -3
- package/lib/node/components/block/components/live-edit-block-styles.vue.d.ts +19 -0
- package/lib/node/components/block/components/style-wrapper.vue.d.ts +15 -0
- package/lib/node/components/content/components/enable-editor.vue.d.ts +6 -2
- package/lib/node/components/live-edit.vue.d.ts +17 -0
- package/lib/node/constants/sdk-version.d.ts +1 -1
- package/lib/node/find-block-3Ig0kVVe.js +29 -0
- package/lib/node/find-block-FREohLcp.cjs +1 -0
- package/lib/node/{get-block-properties-5a2c_5xR.cjs → get-block-properties--0kf0kc1.cjs} +1 -1
- package/lib/node/{get-block-properties-LchfO6Kb.js → get-block-properties-4dl07r5f.js} +1 -1
- package/lib/node/helpers/find-block.d.ts +18 -0
- package/lib/node/helpers/subscribe-to-editor.d.ts +3 -2
- package/lib/node/index-9ZnpkpZ8.cjs +334 -0
- package/lib/node/{index-HR8y_fPw.js → index-BtCfIIfO.js} +600 -534
- package/lib/node/index.cjs +1 -1
- package/lib/node/index.mjs +8 -8
- package/lib/node/live-edit-dkMPrQFh.js +31 -0
- package/lib/node/live-edit-k5C1gkl6.cjs +1 -0
- package/lib/{edge/repeated-block-E4-2V2fe.js → node/repeated-block-FOLLYnPQ.js} +2 -2
- package/lib/{edge/repeated-block-6mZ2NJ7W.cjs → node/repeated-block-pPsNH7xs.cjs} +1 -1
- package/lib/node/style-wrapper-CbrJHZiI.cjs +1 -0
- package/lib/node/style-wrapper-bEfbvdLX.js +210 -0
- package/lib/node/style.css +1 -1
- package/package.json +1 -1
- package/lib/browser/block-styles-4ljhsSUM.js +0 -84
- package/lib/browser/block-styles-NDMRfO-4.cjs +0 -1
- package/lib/browser/component-ref-B8JFh8hq.cjs +0 -1
- package/lib/browser/index-Sn06h7cl.cjs +0 -334
- package/lib/edge/block-styles-NdwXUvb8.js +0 -83
- package/lib/edge/block-styles-gtNLlF4k.cjs +0 -1
- package/lib/edge/component-ref-aeV7uVzT.cjs +0 -1
- package/lib/node/block-styles-8bE2sgtd.cjs +0 -1
- package/lib/node/block-styles-8zkB2lOv.js +0 -84
- package/lib/node/component-ref-U-rcbsRh.cjs +0 -1
- package/lib/node/index-SDqfr0zQ.cjs +0 -334
|
@@ -0,0 +1,334 @@
|
|
|
1
|
+
"use strict";const o=require("vue"),d=require("./should-force-browser-runtime-in-node-1vTKsoso.cjs"),gt=new Set(["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"]),bt=e=>typeof e=="string"&>.has(e.toLowerCase());function C(e={},t,n){const r={};for(const i in e){if(!e[i]||n&&!i.startsWith(t))continue;const s=n?i.replace(t,""):i;r[s]=e[i]}return r}const yt=o.defineComponent({name:"dynamic-renderer",props:["TagName","attributes","actionAttributes"],data(){return{isEmptyElement:bt}}}),y=(e,t)=>{const n=e.__vccOpts||e;for(const[r,i]of t)n[r]=i;return n};function kt(e,t,n,r,i,s){return e.isEmptyElement(e.TagName)?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.TagName),o.mergeProps({key:1},e.attributes,o.toHandlers(e.actionAttributes)),null,16)):(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[typeof e.TagName=="string"?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.TagName),o.mergeProps({key:0},e.attributes,o.toHandlers(e.actionAttributes)),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},16)):(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.TagName),o.mergeProps({key:1},e.attributes,o.toHandlers(e.actionAttributes)),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},16))],64))}const te=y(yt,[["render",kt]]),vt=Object.freeze(Object.defineProperty({__proto__:null,default:te},Symbol.toStringTag,{value:"Module"})),I=()=>{switch(d.TARGET){case"react":case"reactNative":case"rsc":return"className";case"svelte":case"vue":case"solid":case"qwik":case"angular":return"class"}},St=o.defineComponent({name:"builder-button",components:{DynamicRenderer:te},props:["attributes","link","openLinkInNewTab","builderLinkComponent","text"],data(){return{filterAttrs:C}},methods:{attrs(){return{...C(this.attributes,"v-on:",!1),[I()]:`${this.link?"":"builder-button"} ${this.attributes[I()]||""}`,...this.link?{href:this.link,target:this.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}}}}});function Ct(e,t,n,r,i,s){const a=o.resolveComponent("DynamicRenderer");return o.openBlock(),o.createBlock(a,{attributes:e.attrs(),TagName:e.link?e.builderLinkComponent||"a":"button",actionAttributes:e.filterAttrs(e.attributes,"v-on:",!0)},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(e.text),1)]),_:1},8,["attributes","TagName","actionAttributes"])}const Te=y(St,[["render",Ct]]),Tt=Symbol(),U={Builder:{content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{},nonce:"",model:""},key:Tt},wt=Symbol(),we={Components:{registeredComponents:{}},key:wt},Ee=(e,t,n)=>{const r=String.prototype.split.call(t,/[,[\].]+?/).filter(Boolean).reduce((i,s)=>i!=null?i[s]:i,e);return r===void 0||r===e?n:r},Et=({code:e,builder:t,context:n,event:r,localState:i,rootSetState:s,rootState:a})=>{const c=d.getFunctionArguments({builder:t,context:n,event:r,state:d.flattenState({rootState:a,localState:i,rootSetState:s})});return new Function(...c.map(([l])=>l),e)(...c.map(([,l])=>l))},It=e=>d.isBrowser()||d.shouldForceBrowserRuntimeInNode({shouldLogWarning:!0})?Et(e):d.runInNode(e),Bt=/^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/,$t=/(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/,Rt=e=>{var t,n,r,i,s,a;return((r=(n=(t=Bt.exec(e.trim()))==null?void 0:t.groups)==null?void 0:n.getPath)==null?void 0:r.slice(1))||((a=(s=(i=$t.exec(e.trim()))==null?void 0:i.groups)==null?void 0:s.getPath)==null?void 0:a.slice(1))};function P({code:e,context:t,localState:n,rootState:r,rootSetState:i,event:s,isExpression:a=!0}){if(e.trim()==="")return;const c=Rt(e.trim());if(c)return Ee({...r,...n},c);const l={code:d.parseCode(e,{isExpression:a}),builder:d.getBuilderGlobals(),context:t,event:s,rootSetState:i,rootState:r,localState:n};try{return It(l)}catch(p){d.logger.error("Failed code evaluation: "+p.message,{code:e});return}}function Pt(e,t){var n;return{...(n=e.component)==null?void 0:n.options,...e.options,...At(e,t)}}const At=(e,t)=>{var n,r;if(((n=e.component)==null?void 0:n.name)==="Text"&&((r=e.component.options)!=null&&r.text)&&typeof e.component.options.text=="string")return{...e.component.options,text:e.component.options.text.replace(/{{([^}]+)}}/g,(i,s)=>P({code:s,context:t,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState}))}};function Vt(e,...t){const n=Object.assign({},e);for(const r of t)delete n[r];return n}function L(e,t,n=null,r=null,i=new WeakSet){if(e==null||typeof e!="object"){t(e,s=>{n!==null&&r!==null&&(n[r]=s)});return}i.has(e)||(i.add(e),Array.isArray(e)?e.forEach((s,a)=>{t(s,l=>{e[a]=l}),L(s,t,e,a,i)}):Object.entries(e).forEach(([s,a])=>{t(a,l=>{e[s]=l}),L(a,t,e,s,i)}))}function Ie(e){return e&&typeof e=="object"&&e["@type"]==="@builder.io/core:LocalizedValue"}function Nt(e){if(!e||!Object.getOwnPropertyNames(e).length)return!1;let t=!1;return L(e,n=>{if(Ie(n)){t=!0;return}}),t}function xt(e,t){return!e||!Object.getOwnPropertyNames(e).length?{}:(L(e,(n,r)=>{Ie(n)&&r(n[t]??void 0)}),e)}function Dt(e,t){var n,r;return(n=e.component)!=null&&n.options&&Nt((r=e.component)==null?void 0:r.options)&&(t||console.warn("[Builder.io] In order to use localized fields in Builder, you must pass a locale prop to the BuilderComponent or to options object while fetching the content to resolve localized fields. Learn more: https://www.builder.io/c/docs/localization-inline#targeting-and-inline-localization"),e.component.options=xt(e.component.options,t??"Default")),e}function X(e){if(e===null||typeof e!="object")return e;if(Array.isArray(e))return e.map(n=>X(n));if(e["@type"]==="@builder.io/sdk:Element")return e;const t={};for(const n in e)n!=="meta"&&Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=X(e[n]));return t}const Wt=["svelte","vue","angular","qwik","solid"].includes(d.TARGET),Ot=e=>{if(Wt){const t=d.fastClone(e);return{...t,properties:{...t.properties},actions:{...t.actions}}}else{const t=X(Vt(e,"children","meta"));return{...t,properties:{...t.properties},actions:{...t.actions},children:e.children,meta:e.meta}}},Ft=({block:e,context:t,localState:n,rootState:r,rootSetState:i})=>{if(!e.bindings)return e;const s=Ot(e);for(const a in e.bindings){const c=e.bindings[a],l=P({code:c,localState:n,rootState:r,rootSetState:i,context:t});d.set(s,a,l)}return s};function Be({block:e,context:t,localState:n,rootState:r,rootSetState:i}){let s=e;return s=Ft({block:s,localState:n,rootState:r,rootSetState:i,context:t}),s=Dt(s,r.locale),s}function z(e){const t=e||(d.isBrowser()?window.location.search:void 0);return t?d.getSearchString(t).indexOf("builder.preview=")!==-1:!1}const $e=e=>({type:"builder.registerComponent",data:H(e)}),Ut=e=>{const t=e.toString().trim(),n=/^[a-zA-Z0-9_]+\s*=>/i.test(t);return`return (${!t.startsWith("function")&&!t.startsWith("async")&&!t.startsWith("(")&&!n?"function ":""}${t}).apply(this, arguments)`};function H(e){return JSON.parse(JSON.stringify(e,(t,n)=>typeof n=="function"?Ut(n):n))}const pe={};function Lt(e,t){e==="plugin"&&(t=H(t));let n=pe[e];if(n||(n=pe[e]=[]),n.push(t),d.isBrowser()){const r={type:"builder.register",data:{type:e,info:t}};try{parent.postMessage(r,"*"),parent!==window&&window.postMessage(r,"*")}catch(i){console.debug("Could not postmessage",i)}}}function Ht(e){var t;if(d.isBrowser()){const n=JSON.parse(JSON.stringify(e));e.action&&(n.action=e.action.toString()),(t=window.parent)==null||t.postMessage({type:"builder.registerAction",data:n},"*")}}const me={};function Mt(e){if(d.isBrowser()){Object.assign(me,e);const t={type:"builder.settingsChange",data:me};parent.postMessage(t,"*")}}const he="builder.",zt="options.",ne=e=>{if(!e)return{};const t=d.normalizeSearchParams(e),n={};return Object.keys(t).forEach(r=>{if(r.startsWith(he)){const i=r.replace(he,"").replace(zt,"");n[i]=t[r]}}),n},qt=()=>{if(!d.isBrowser())return{};const e=new URLSearchParams(window.location.search);return ne(e)},Re="4.2.3",Pe=()=>({"X-Builder-SDK":d.TARGET,"X-Builder-SDK-GEN":"2","X-Builder-SDK-Version":Re}),jt=e=>{if(e==="localhost"||e==="127.0.0.1")return e;const t=e.split(".");return t.length>2?t.slice(1).join("."):e},q=({name:e,canTrack:t})=>{var n;try{return t?(n=document.cookie.split("; ").find(r=>r.startsWith(`${e}=`)))==null?void 0:n.split("=")[1]:void 0}catch(r){d.logger.warn("[COOKIE] GET error: ",(r==null?void 0:r.message)||r);return}},Ae=async e=>q(e),Kt=e=>e.map(([t,n])=>n?`${t}=${n}`:t).filter(d.checkIsDefined).join("; "),Gt=[["secure",""],["SameSite","None"]],Jt=({name:e,value:t,expires:n})=>{const i=(d.isBrowser()?location.protocol==="https:":!0)?Gt:[[]],s=n?[["expires",n.toUTCString()]]:[[]],a=[[e,t],...s,["path","/"],["domain",jt(window.location.hostname)],...i];return Kt(a)},oe=async({name:e,value:t,expires:n,canTrack:r})=>{try{if(!r)return;const i=Jt({name:e,value:t,expires:n});document.cookie=i}catch(i){d.logger.warn("[COOKIE] SET error: ",(i==null?void 0:i.message)||i)}};function Qt(){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 Ve(){return Qt().replace(/-/g,"")}const Ne="builderSessionId",Yt=async({canTrack:e})=>{if(!e)return;const t=await Ae({name:Ne,canTrack:e});if(d.checkIsDefined(t))return t;{const n=Xt();return _t({id:n,canTrack:e}),n}},Xt=()=>Ve(),_t=({id:e,canTrack:t})=>oe({name:Ne,value:e,canTrack:t}),xe=()=>d.isBrowser()&&typeof localStorage<"u"?localStorage:void 0,Zt=({key:e,canTrack:t})=>{var n;try{return t?(n=xe())==null?void 0:n.getItem(e):void 0}catch(r){console.debug("[LocalStorage] GET error: ",r);return}},en=({key:e,canTrack:t,value:n})=>{var r;try{t&&((r=xe())==null||r.setItem(e,n))}catch(i){console.debug("[LocalStorage] SET error: ",i)}},De="builderVisitorId",tn=({canTrack:e})=>{if(!e)return;const t=Zt({key:De,canTrack:e});if(d.checkIsDefined(t))return t;{const n=nn();return on({id:n,canTrack:e}),n}},nn=()=>Ve(),on=({id:e,canTrack:t})=>en({key:De,value:e,canTrack:t});function re(e){var t;typeof process<"u"&&((t=process.env)!=null&&t.DEBUG)&&String(process.env.DEBUG)=="true"&&d.logger.log(e)}const rn=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await Yt({canTrack:e}),n=tn({canTrack:e});return{sessionId:t,visitorId:n}},sn=async({type:e,canTrack:t,apiKey:n,metadata:r,...i})=>({type:e,data:{...i,metadata:{url:location.href,...r},...await rn({canTrack:t}),userAttributes:d.getUserAttributes(),ownerId:n}});async function _({apiHost:e,...t}){if(!t.apiKey){d.logger.error("Missing API key for track call. Please provide your API key.");return}if(!t.canTrack||d.isEditing()||!(d.isBrowser()||d.TARGET==="reactNative"))return;const r=`${e||"https://cdn.builder.io"}/api/v1/track`;return re(r),fetch(r,{method:"POST",body:JSON.stringify({events:[await sn(t)]}),headers:{"content-type":"application/json",...Pe()},mode:"cors"}).catch(i=>{console.error("Failed to track: ",i)})}const an=e=>_({...e,canTrack:!0}),ln=["*.beta.builder.io","beta.builder.io","builder.io","localhost","qa.builder.io"];function We(e,t){if(!t.origin.startsWith("http")&&!t.origin.startsWith("https"))return!1;const n=new URL(t.origin),r=n.hostname;return(e||ln).findIndex(i=>i.startsWith("*.")?r.endsWith(i.slice(1)):i===r)>-1}let fe=!1;const Oe=e=>{var t,n;fe||(fe=!0,d.isBrowser()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:d.TARGET,version:Re,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0,modelName:e.modelName,apiKey:e.apiKey,supportsXSmallBreakpoint:!0,blockLevelPersonalization:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",r=>{var s,a;if(!We(e.trustedHosts,r))return;const{data:i}=r;if(i!=null&&i.type)switch(i.type){case"builder.evaluate":{const c=i.data.text,l=i.data.arguments||[],p=i.data.id,m=new Function(c);let f,u=null;try{f=m.apply(null,l)}catch(h){u=h}u?(s=window.parent)==null||s.postMessage({type:"builder.evaluateError",data:{id:p,error:u.message}},"*"):f&&typeof f.then=="function"?f.then(h=>{var g;(g=window.parent)==null||g.postMessage({type:"builder.evaluateResult",data:{id:p,result:h}},"*")}).catch(console.error):(a=window.parent)==null||a.postMessage({type:"builder.evaluateResult",data:{result:f,id:p}},"*");break}}})))},Fe=({model:e,trustedHosts:t,callbacks:n})=>r=>{if(!We(t,r))return;const{data:i}=r;if(i)switch(i.type){case"builder.configureSdk":{n.configureSdk(i.data);break}case"builder.triggerAnimation":{n.animation(i.data);break}case"builder.resetState":{const s=i.data,a=s.model,c=s==null?void 0:s.state,l=s.editType;a===e&&c&&n.stateUpdate(c,l);break}case"builder.contentUpdate":{const s=i.data,a=s.key||s.alias||s.entry||s.modelName,c=s.data,l=s.editType;a===e&&n.contentUpdate(c,l);break}}},cn=({model:e,apiKey:t,callback:n,trustedHosts:r})=>{if(!d.isBrowser)return d.logger.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."),()=>{};Oe({modelName:e,apiKey:t});const i=Fe({callbacks:{contentUpdate:n,animation:()=>{},configureSdk:()=>{},stateUpdate:()=>{}},model:e,trustedHosts:r});return window.addEventListener("message",i),()=>{window.removeEventListener("message",i)}},dn="builder.tests",ie=e=>`${dn}.${e}`,un=({contentId:e})=>Ae({name:ie(e),canTrack:!0}),pn=({contentId:e})=>q({name:ie(e),canTrack:!0}),mn=({contentId:e,value:t})=>oe({name:ie(e),value:t,canTrack:!0}),Ue=e=>d.checkIsDefined(e.id)&&d.checkIsDefined(e.variations)&&Object.keys(e.variations).length>0,hn=({id:e,variations:t})=>{var i;let n=0;const r=Math.random();for(const s in t){const a=(i=t[s])==null?void 0:i.testRatio;if(n+=a,r<n)return s}return e},Le=e=>{const t=hn(e);return mn({contentId:e.id,value:t}).catch(n=>{d.logger.error("could not store A/B test variation: ",n)}),t},He=({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":"")}},fn=({item:e,canTrack:t})=>{if(!t)return e;if(!e)return;if(!Ue(e))return e;const n=pn({contentId:e.id})||Le({variations:e.variations,id:e.id}),r=He({item:e,testGroupId:n});return{...e,...r}},gn=async({item:e,canTrack:t})=>{if(!t||!Ue(e))return e;const r=await un({contentId:e.id})||Le({variations:e.variations,id:e.id}),i=He({item:e,testGroupId:r});return{...e,...i}};const ge="builder.userAttributes";function be(){let e=!0;const t=new Set;return{setUserAttributes(n){if(!d.isBrowser())return;const r={...this.getUserAttributes(),...n};oe({name:ge,value:JSON.stringify(r),canTrack:e}),t.forEach(i=>i(r))},getUserAttributes(){return d.isBrowser()?JSON.parse(q({name:ge,canTrack:e})||"{}"):{}},subscribeOnUserAttributesChange(n,{fireImmediately:r}={}){return t.add(n),r&&n(this.getUserAttributes()),function(){t.delete(n)}},setCanTrack(n){e=n}}}let Z;d.isBrowser()&&d.TARGET==="qwik"?(window.__BUILDER_USER_ATTRIBUTES_SERVICE__||(window.__BUILDER_USER_ATTRIBUTES_SERVICE__=be()),Z=window.__BUILDER_USER_ATTRIBUTES_SERVICE__):Z=be();const M=Z,bn=e=>{M.setUserAttributes(e)},R=e=>{const t=d.checkIsDefined(e)?e:!0;return M.setCanTrack(t),t};function yn(){return typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:globalThis}function kn(){const e=yn().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.
|
|
2
|
+
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 vn=kn();function ee(e,t=null,n="."){return Object.keys(e).reduce((r,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)?{...r,...ee(s,a,n)}:{...r,[a]:s}},{})}function Me(e,t,n={}){for(const r in e){const i=e[r],s=t?t+"."+r:r;i&&typeof i=="object"&&!Array.isArray(i)&&!Object.keys(i).find(a=>a.startsWith("$"))?Me(i,s,n):n[s]=i}return n}function Sn(e){const t={};for(const n in e){const r=n.split(".");let i=t;for(let s=0;s<r.length;s++){const a=r[s];s===r.length-1?i[a]=e[n]:(i[a]=i[a]||{},i=i[a])}}return t}const Cn="v3",ye=e=>typeof e=="number"&&!isNaN(e)&&e>=0,se=e=>{const{limit:t=30,userAttributes:n,query:r,model:i,apiKey:s,enrich:a,locale:c,apiVersion:l=Cn,fields:p,omit:m,offset:f,cacheSeconds:u,staleCacheSeconds:h,sort:g,includeUnpublished:b,apiHost:v}=e;if(!s)throw new Error("Missing API key");if(!["v3"].includes(l))throw new Error(`Invalid apiVersion: expected 'v3', received '${l}'`);const E=t!==1,S=v||"https://cdn.builder.io",k=new URL(`${S}/api/${l}/content/${i}`);k.searchParams.set("apiKey",s),k.searchParams.set("limit",String(t)),k.searchParams.set("noTraverse",String(E)),k.searchParams.set("includeRefs",String(!0)),c&&k.searchParams.set("locale",c);let T=n||{};if(a&&k.searchParams.set("enrich",String(a)),k.searchParams.set("omit",m??"meta.componentsUsed"),p&&k.searchParams.set("fields",p),Number.isFinite(f)&&f>-1&&k.searchParams.set("offset",String(Math.floor(f))),typeof b=="boolean"&&k.searchParams.set("includeUnpublished",String(b)),u&&ye(u)&&k.searchParams.set("cacheSeconds",String(u)),h&&ye(h)&&k.searchParams.set("staleCacheSeconds",String(h)),g){const w=ee({sort:g});for(const B in w)k.searchParams.set(B,JSON.stringify(w[B]))}const A={...qt(),...d.normalizeSearchParams(e.options||{})};T={...T,...wn(A)};const V=ee(A);for(const w in V)k.searchParams.set(w,String(V[w]));if(Object.keys(T).length>0&&k.searchParams.set("userAttributes",JSON.stringify(T)),r){const w=Me({query:r});for(const B in w)k.searchParams.set(B,JSON.stringify(w[B]))}return k},Tn=e=>{const t={};for(const n in e)n.startsWith("userAttributes.")&&(t[n]=e[n],delete e[n]);return t},wn=e=>{if(d.isBrowser()&&e.preview==="BUILDER_STUDIO"){e["userAttributes.urlPath"]=window.location.pathname,e["userAttributes.host"]=window.location.host;const t=Tn(e),{userAttributes:n}=Sn(t);return n}return{}},En=e=>"results"in e;async function j(e){var r;const t=e.locale||((r=e.userAttributes)==null?void 0:r.locale);t&&(e.locale=t,e.userAttributes={locale:t,...e.userAttributes});const n=await qe({...e,limit:1});return n&&n[0]||null}const In=async e=>{var a;const t=se(e),n=e.fetch??vn,r={...e.fetchOptions,headers:{...(a=e.fetchOptions)==null?void 0:a.headers,...Pe()}};return await(await n(t.href,r)).json()},ze=async(e,t,n=se(e))=>{const r=R(e.canTrack);if(n.search.includes("preview="),!r||!(d.isBrowser()||d.TARGET==="reactNative"))return t.results;try{const i=[];for(const s of t.results)i.push(await gn({item:s,canTrack:r}));t.results=i}catch(i){d.logger.error("Could not process A/B tests. ",i)}return t.results};async function qe(e){const t=se(e),n=await In(e);if(!En(n))throw d.logger.error("Error fetching data. ",{url:t,content:n,options:e}),n;return ze(e,n)}const Bn=async e=>{var r,i,s;const t=e.path||((r=e.url)==null?void 0:r.pathname)||((i=e.userAttributes)==null?void 0:i.urlPath),n={...e,apiKey:e.apiKey,model:e.model||"page",userAttributes:{...e.userAttributes,...t?{urlPath:t}:{}},options:ne(e.searchParams||((s=e.url)==null?void 0:s.searchParams)||e.options)};return{apiKey:n.apiKey,model:n.model,content:await j(n)}},K=e=>e?e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase():"";function $n(e,t,n={}){let r,i,s,a=null,c=0;const l=function(){c=n.leading===!1?0:Date.now(),a=null,s=e.apply(r,i),a||(r=i=null)};return function(){const p=Date.now();!c&&n.leading===!1&&(c=p);const m=t-(p-c);return r=this,i=arguments,m<=0||m>t?(a&&(clearTimeout(a),a=null),c=p,s=e.apply(r,i),a||(r=i=null)):!a&&n.trailing!==!1&&(a=setTimeout(l,m)),s}}function N(e,...t){const n=Object(e);for(let r=1;r<arguments.length;r++){const i=arguments[r];if(i!=null)for(const s in i)Object.prototype.hasOwnProperty.call(i,s)&&(n[s]=i[s])}return n}function Rn(e){for(const t of e)switch(t.trigger){case"pageLoad":Ge(t);break;case"scrollInView":An(t);break}}function je(e){console.warn(`Cannot animate element: element with ID ${e} not found!`)}function Ke(e,t){const n=Pn(e),r=getComputedStyle(t),i=e.steps[0].styles,s=e.steps[e.steps.length-1].styles,a=[i,s];for(const c of a)for(const l of n)l in c||(c[l]=r[l])}function Pn(e){const t=[];for(const n of e.steps)for(const r in n.styles)t.indexOf(r)===-1&&t.push(r);return t}function Ge(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){je(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{Ke(e,n),n.style.transition="none",n.style.transitionDelay="0",N(n.style,e.steps[0].styles),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${K(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s"),N(n.style,e.steps[1].styles),setTimeout(()=>{n.style.transition="",n.style.transitionDelay=""},(e.delay||0)*1e3+e.duration*1e3+100)})})}function An(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){je(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{Ke(e,n);let r=!1,i=!1;function s(){!r&&c(n)?(r=!0,i=!0,setTimeout(()=>{N(n.style,e.steps[1].styles),e.repeat||document.removeEventListener("scroll",a),setTimeout(()=>{i=!1,e.repeat||(n.style.transition="",n.style.transitionDelay="")},(e.duration+(e.delay||0))*1e3+100)})):e.repeat&&r&&!i&&!c(n)&&(r=!1,N(n.style,e.steps[0].styles))}const a=$n(s,200,{leading:!1});function c(m){const f=m.getBoundingClientRect(),u=window.innerHeight,g=(e.thresholdPercent||0)/100*u;return f.bottom>g&&f.top<u-g}const l=e.steps[0].styles;function p(){N(n.style,l)}p(),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${K(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s")}),document.addEventListener("scroll",a,{capture:!0,passive:!0}),s()})}const Je=e=>Object.entries(e).map(([n,r])=>{if(typeof r=="string")return`${K(n)}: ${r};`}).filter(d.checkIsDefined),Vn=e=>Je(e).join(`
|
|
3
|
+
`),Nn=({mediaQuery:e,className:t,styles:n})=>{const r=`.${t} {
|
|
4
|
+
${Vn(n)}
|
|
5
|
+
}`;return e?`${e} {
|
|
6
|
+
${r}
|
|
7
|
+
}`:r};function xn({style:e}){return e}const Dn=({block:e,context:t})=>Qe(xn({style:e.style||{},context:t,block:e}));function Qe(e){switch(d.TARGET){case"svelte":case"vue":case"solid":case"angular":return Je(e).join(" ");case"qwik":case"reactNative":case"react":case"rsc":return e}}const Ye=(e,t)=>e?t?e.models&&e.models.length>0&&!e.models.includes(t):!1:!0,Wn=({block:e,registeredComponents:t,model:n})=>{var s;const r=(s=e.component)==null?void 0:s.name;if(!r)return null;const i=t[r];if(!i||Ye(i,n)){console.warn(`
|
|
8
|
+
Could not find a registered component named "${r}".
|
|
9
|
+
If you registered it, is the file that registered it imported by the file that needs to render it?`);return}else return i},On=({block:e,context:t})=>{const{repeat:n,...r}=e;if(!(n!=null&&n.collection))return;const i=P({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,p)=>({context:{...t,localState:{...t.localState,$index:p,$item:l,[a]:l,[`$${a}Index`]:p}},block:r}))},Fn=(e,t)=>{var n;return(n=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&n.builderLinkComponent?{builderLinkComponent:t}:{}},Un=(e,t,n)=>{var r;return(r=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&r.builderComponents?{builderComponents:Object.fromEntries(Object.entries(t).filter(([s,a])=>!Ye(a,n)))}:{}},Ln=(e,t)=>{var n;return(n=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&n.builderBlock?{builderBlock:t}:{}},Hn=(e,t)=>{var n;return(n=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&n.builderContext?{builderContext:t}:{}},Mn=e=>e.toString(),zn=()=>Promise.resolve().then(()=>ro).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",e),e}),qn=()=>Promise.resolve().then(()=>require("./block-wrapper-VVk0Gqbc.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",e),e}),jn=()=>Promise.resolve().then(()=>require("./component-ref-SsJCZYlF.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",e),e}),Kn=()=>Promise.resolve().then(()=>require("./repeated-block-pPsNH7xs.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",e),e}),Gn=()=>Promise.resolve().then(()=>require("./style-wrapper-CbrJHZiI.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component StyleWrapper at ./components/style-wrapper.vue",e),e}),Jn=o.defineComponent({name:"block",components:{StyleWrapper:o.defineAsyncComponent(Gn),RepeatedBlock:o.defineAsyncComponent(Kn),ComponentRef:o.defineAsyncComponent(jn),BlockWrapper:o.defineAsyncComponent(qn),DynamicDiv:o.defineAsyncComponent(zn)},props:["block","context","registeredComponents","linkComponent"],data(){return{_processedBlock:{value:null,update:!1},generateKey:Mn}},mounted(){const e=this.processedBlock.id,t=this.processedBlock.animations;t&&e&&Rn(t.map(n=>({...n,elementId:e})))},updated(){},computed:{repeatItem(){return On({block:this.block,context:this.context})},processedBlock(){var t;return(t=this.block.repeat)!=null&&t.collection?this.block:Be({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context})},blockComponent(){return Wn({block:this.processedBlock,registeredComponents:this.registeredComponents,model:this.context.model})},Tag(){var t;return this.block.tagName==="a"||((t=this.processedBlock.properties)==null?void 0:t.href)||this.processedBlock.href?this.linkComponent||"a":this.block.tagName||"div"},canShowBlock(){var n,r;if((n=this.block.repeat)!=null&&n.collection)return!!((r=this.repeatItem)!=null&&r.length);const e="hide"in this.processedBlock?this.processedBlock.hide:!1;return("show"in this.processedBlock?this.processedBlock.show:!0)&&!e},childrenWithoutParentComponent(){var t;return!((t=this.blockComponent)!=null&&t.component)&&!this.repeatItem?this.processedBlock.children??[]:[]},componentRefProps(){var e,t,n;return{blockChildren:this.processedBlock.children??[],componentRef:(e=this.blockComponent)==null?void 0:e.component,componentOptions:{...Pt(this.processedBlock,this.context),...Ln(this.blockComponent,this.processedBlock),...Hn(this.blockComponent,this.context),...Fn(this.blockComponent,this.linkComponent),...Un(this.blockComponent,this.registeredComponents,this.context.model)},context:this.context,linkComponent:this.linkComponent,registeredComponents:this.registeredComponents,builderBlock:this.processedBlock,includeBlockProps:((t=this.blockComponent)==null?void 0:t.noWrap)===!0,isInteractive:!((n=this.blockComponent)!=null&&n.isRSC&&d.TARGET==="rsc")}}}});function Qn(e,t,n,r,i,s){var f;const a=o.resolveComponent("StyleWrapper"),c=o.resolveComponent("ComponentRef"),l=o.resolveComponent("Block",!0),p=o.resolveComponent("BlockWrapper"),m=o.resolveComponent("RepeatedBlock");return e.canShowBlock?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[o.createVNode(a,{block:e.processedBlock,context:e.context,id:e.block.id},null,8,["block","context","id"]),(f=e.blockComponent)!=null&&f.noWrap?(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[e.repeatItem?(o.openBlock(!0),o.createElementBlock(o.Fragment,{key:1},o.renderList(e.repeatItem,(u,h)=>(o.openBlock(),o.createBlock(m,{key:e.generateKey(h),repeatContext:u.context,block:u.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["repeatContext","block","registeredComponents","linkComponent"]))),128)):(o.openBlock(),o.createBlock(c,{key:0,componentRef:e.componentRefProps.componentRef,componentOptions:e.componentRefProps.componentOptions,blockChildren:e.componentRefProps.blockChildren,context:e.componentRefProps.context,registeredComponents:e.componentRefProps.registeredComponents,linkComponent:e.componentRefProps.linkComponent,builderBlock:e.componentRefProps.builderBlock,includeBlockProps:e.componentRefProps.includeBlockProps,isInteractive:e.componentRefProps.isInteractive},null,8,["componentRef","componentOptions","blockChildren","context","registeredComponents","linkComponent","builderBlock","includeBlockProps","isInteractive"]))],64)):(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[e.repeatItem?(o.openBlock(!0),o.createElementBlock(o.Fragment,{key:1},o.renderList(e.repeatItem,(u,h)=>(o.openBlock(),o.createBlock(m,{key:e.generateKey(h),repeatContext:u.context,block:u.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["repeatContext","block","registeredComponents","linkComponent"]))),128)):(o.openBlock(),o.createBlock(p,{key:0,Wrapper:e.Tag,block:e.processedBlock,context:e.context},{default:o.withCtx(()=>[o.createVNode(c,{componentRef:e.componentRefProps.componentRef,componentOptions:e.componentRefProps.componentOptions,blockChildren:e.componentRefProps.blockChildren,context:e.componentRefProps.context,registeredComponents:e.componentRefProps.registeredComponents,linkComponent:e.componentRefProps.linkComponent,builderBlock:e.componentRefProps.builderBlock,includeBlockProps:e.componentRefProps.includeBlockProps,isInteractive:e.componentRefProps.isInteractive},null,8,["componentRef","componentOptions","blockChildren","context","registeredComponents","linkComponent","builderBlock","includeBlockProps","isInteractive"]),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.childrenWithoutParentComponent,(u,h)=>(o.openBlock(),o.createBlock(l,{key:u.id,block:u,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent,context:e.context},null,8,["block","registeredComponents","linkComponent","context"]))),128))]),_:1},8,["Wrapper","block","context"]))],64))],64)):o.createCommentVNode("",!0)}const ae=y(Jn,[["render",Qn]]),Yn=Object.freeze(Object.defineProperty({__proto__:null,default:ae},Symbol.toStringTag,{value:"Module"})),Xn=o.defineComponent({name:"builder-blocks-wrapper",props:["blocks","classNameProp","path","parent","styleProp","BlocksWrapperProps","BlocksWrapper"],data(){return{shouldUpdate:!1}},mounted(){},watch:{onUpdateHook0:{handler(){},immediate:!0}},computed:{className(){var e;return["builder-blocks",(e=this.blocks)!=null&&e.length?"":"no-blocks",this.classNameProp].filter(Boolean).join(" ")},dataPath(){if(!this.path)return;const e="this.",t="component.options.";return this.path.startsWith(e)?this.path.replace(e,""):this.path.startsWith(t)?this.path:`${t}${this.path||""}`},onUpdateHook0(){return{0:this.blocks}}},methods:{onClick(){var e,t;d.isEditing()&&!((e=this.blocks)!=null&&e.length)&&((t=window.parent)==null||t.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.dataPath}},"*"))},onMouseEnter(){var e,t;d.isEditing()&&!((e=this.blocks)!=null&&e.length)&&((t=window.parent)==null||t.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.dataPath}},"*"))}}});function _n(e,t,n,r,i,s){return o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.BlocksWrapper),o.mergeProps({ref:"blocksWrapperRef",class:e.className+" component-5vz8uirn7sc","builder-path":e.dataPath,"builder-parent-id":e.parent,style:e.styleProp,onClick:a=>e.onClick(),onMouseEnter:a=>e.onMouseEnter(),onKeyPress:a=>e.onClick()},{...e.BlocksWrapperProps}),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default",{},void 0,!0)]),_:3},16,["class","builder-path","builder-parent-id","style","onClick","onMouseEnter","onKeyPress"])}const Zn=y(Xn,[["render",_n],["__scopeId","data-v-82fc93d6"]]),eo=o.defineComponent({name:"builder-blocks",components:{BlocksWrapper:Zn,Block:ae},props:["blocks","parent","path","styleProp","BlocksWrapperProps","context","className","linkComponent","registeredComponents"],inject:{builderContext:U.key,componentsContext:we.key}});function to(e,t,n,r,i,s){var l,p,m,f;const a=o.resolveComponent("Block"),c=o.resolveComponent("BlocksWrapper");return o.openBlock(),o.createBlock(c,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,BlocksWrapperProps:e.BlocksWrapperProps||((l=e.context)==null?void 0:l.BlocksWrapperProps)||((p=e.builderContext)==null?void 0:p.BlocksWrapperProps),classNameProp:e.className,BlocksWrapper:((m=e.context)==null?void 0:m.BlocksWrapper)||((f=e.builderContext)==null?void 0:f.BlocksWrapper)},{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default"),e.blocks?(o.openBlock(!0),o.createElementBlock(o.Fragment,{key:0},o.renderList(e.blocks,(u,h)=>{var g;return o.openBlock(),o.createBlock(a,{key:u.id,block:u,linkComponent:e.linkComponent,context:e.context||e.builderContext,registeredComponents:e.registeredComponents||((g=e.componentsContext)==null?void 0:g.registeredComponents)},null,8,["block","linkComponent","context","registeredComponents"])}),128)):o.createCommentVNode("",!0)]),_:3},8,["blocks","parent","path","styleProp","BlocksWrapperProps","classNameProp","BlocksWrapper"])}const $=y(eo,[["render",to]]),no=o.defineComponent({name:"dynamic-div",props:[]});function oo(e,t,n,r,i,s){return o.openBlock(),o.createElementBlock("div",null,[o.renderSlot(e.$slots,"default")])}const x=y(no,[["render",oo]]),ro=Object.freeze(Object.defineProperty({__proto__:null,default:x},Symbol.toStringTag,{value:"Module"})),D=o.defineComponent({render(){return o.h("style",{innerHTML:this.styles,"data-id":this.id,nonce:this.nonce})},name:"inlined-styles",props:["styles","id","nonce"]}),Xe={xsmall:{min:0,default:160,max:320},small:{min:321,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},io=(e,t=Xe)=>`@media (max-width: ${t[e].max}px)`,_e=e=>{const t=d.fastClone(Xe);if(!e)return t;const{xsmall:n,small:r,medium:i}=e;if(n){const l=Math.floor(n/2);t.xsmall={max:n,min:l,default:l+1}}if(!r||!i)return t;const s=n?t.xsmall.max+1:Math.floor(r/2);t.small={max:r,min:s,default:s+1};const a=t.small.max+1;t.medium={max:i,min:a,default:a+1};const c=t.medium.max+1;return t.large={max:2e3,min:c,default:c+1},t},so=e=>`builder-columns ${e}-breakpoints`,ao=o.defineComponent({name:"builder-columns",components:{InlinedStyles:D,DynamicRenderer:te,Blocks:$,DynamicDiv:x},props:["space","columns","stackColumnsAt","builderLinkComponent","reverseColumnsWhenStacked","builderContext","builderBlock","builderComponents"],data(){return{TARGET:d.TARGET,getColumnsClass:so}},computed:{gutterSize(){return typeof this.space=="number"?this.space||0:20},cols(){return this.columns||[]},stackAt(){return this.stackColumnsAt||"tablet"},flexDir(){return this.stackColumnsAt==="never"?"row":this.reverseColumnsWhenStacked?"column-reverse":"column"}},methods:{getTagName(e){return e.link?this.builderLinkComponent||"a":"div"},getWidth(e){var t;return((t=this.cols[e])==null?void 0:t.width)||100/this.cols.length},getColumnCssWidth(e){const t=this.getWidth(e),n=this.gutterSize*(this.cols.length-1)*(t/100);return`calc(${t}% - ${n}px)`},getTabletStyle({stackedStyle:e,desktopStyle:t}){return this.stackAt==="tablet"?e:t},getMobileStyle({stackedStyle:e,desktopStyle:t}){return this.stackAt==="never"?t:e},columnsCssVars(){return{"--flex-dir":this.flexDir,"--flex-dir-tablet":this.getTabletStyle({stackedStyle:this.flexDir,desktopStyle:"row"})}},columnCssVars(e){const t=e===0?0:this.gutterSize,n=this.getColumnCssWidth(e),r=`${t}px`,i="100%",s=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:n,["margin-left"]:r,"--column-width-mobile":this.getMobileStyle({stackedStyle:i,desktopStyle:n}),"--column-margin-left-mobile":this.getMobileStyle({stackedStyle:s,desktopStyle:r}),"--column-width-tablet":this.getTabletStyle({stackedStyle:i,desktopStyle:n}),"--column-margin-left-tablet":this.getTabletStyle({stackedStyle:s,desktopStyle:r})}},getWidthForBreakpointSize(e){var n,r;return _e(((r=(n=this.builderContext.content)==null?void 0:n.meta)==null?void 0:r.breakpoints)||{})[e].max},columnsStyles(){const e=`.${this.builderBlock.id}-breakpoints > .builder-column`;return`
|
|
10
|
+
@media (max-width: ${this.getWidthForBreakpointSize("medium")}px) {
|
|
11
|
+
.${this.builderBlock.id}-breakpoints {
|
|
12
|
+
flex-direction: var(--flex-dir-tablet);
|
|
13
|
+
align-items: stretch;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
${e} {
|
|
17
|
+
width: var(--column-width-tablet) !important;
|
|
18
|
+
margin-left: var(--column-margin-left-tablet) !important;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
@media (max-width: ${this.getWidthForBreakpointSize("small")}px) {
|
|
23
|
+
.${this.builderBlock.id}-breakpoints {
|
|
24
|
+
flex-direction: var(--flex-dir);
|
|
25
|
+
align-items: stretch;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
${e} {
|
|
29
|
+
width: var(--column-width-mobile) !important;
|
|
30
|
+
margin-left: var(--column-margin-left-mobile) !important;
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
`},getAttributes(e,t){return{...e.link?{href:e.link}:{},[I()]:"builder-column",style:Qe(this.columnCssVars(t))}}}});function lo(e,t,n,r,i,s){var p;const a=o.resolveComponent("InlinedStyles"),c=o.resolveComponent("Blocks"),l=o.resolveComponent("DynamicRenderer");return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.getColumnsClass((p=e.builderBlock)==null?void 0:p.id)+" div-1be3j8m9ewb",style:e.columnsCssVars()},{}),[e.TARGET!=="reactNative"?(o.openBlock(),o.createBlock(a,{key:0,id:"builderio-columns",styles:e.columnsStyles(),nonce:e.builderContext.nonce},null,8,["styles","nonce"])):o.createCommentVNode("",!0),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.columns,(m,f)=>(o.openBlock(),o.createBlock(l,{key:f,TagName:e.getTagName(m),actionAttributes:{},attributes:e.getAttributes(m,f)},{default:o.withCtx(()=>[o.createVNode(c,{path:`columns.${f}.blocks`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:m.blocks,styleProp:{flexGrow:"1"}},null,8,["path","parent","context","registeredComponents","linkComponent","blocks"])]),_:2},1032,["TagName","attributes"]))),128))],16)}const Ze=y(ao,[["render",lo],["__scopeId","data-v-ab15749a"]]),co=o.defineComponent({name:"builder-fragment-component",props:[]});function uo(e,t,n,r,i,s){return o.openBlock(),o.createElementBlock("span",null,[o.renderSlot(e.$slots,"default")])}const et=y(co,[["render",uo]]);function ke(e){return e.replace(/http(s)?:/,"")}function po(e="",t,n){const r=new RegExp("([?&])"+t+"=.*?(&|$)","i"),i=e.indexOf("?")!==-1?"&":"?";return e.match(r)?e.replace(r,"$1"+t+"="+encodeURIComponent(n)+"$2"):e+i+t+"="+encodeURIComponent(n)}function mo(e,t){if(!e||!(e!=null&&e.match(/cdn\.shopify\.com/))||!t)return e;if(t==="master")return ke(e);const n=e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);if(n){const r=e.split(n[0]),i=n[3],s=t.match("x")?t:`${t}x`;return ke(`${r[0]}_${s}${i}`)}return null}function W(e){if(!e)return e;const t=[100,200,400,800,1200,1600,2e3];if(e.match(/builder\.io/)){let n=e;const r=Number(e.split("?width=")[1]);return isNaN(r)||(n=`${n} ${r}w`),t.filter(i=>i!==r).map(i=>`${po(e,"width",i)} ${i}w`).concat([n]).join(", ")}return e.match(/cdn\.shopify\.com/)?t.map(n=>[mo(e,`${n}x${n}`),n]).filter(([n])=>!!n).map(([n,r])=>`${n} ${r}w`).concat([e]).join(", "):e}const ho=o.defineComponent({name:"builder-image",props:["lazy","image","src","srcset","noWebp","aspectRatio","highPriority","altText","title","backgroundPosition","backgroundSize","className","sizes","builderBlock","fitContent"],computed:{srcSetToUse(){var n;const t=this.image||this.src;if(!t||!(typeof t=="string"&&(t.match(/builder\.io/)||t.match(/cdn\.shopify\.com/))))return this.srcset;if(!this.noWebp){if(this.srcset&&((n=this.image)!=null&&n.includes("builder.io/api/v1/image"))){if(!this.srcset.includes(this.image.split("?")[0]))return console.debug("Removed given srcset"),W(t)}else if(this.image&&!this.srcset)return W(t);return W(t)}},webpSrcSet(){var e;return(e=this.srcSetToUse)!=null&&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}}}),fo=["srcset"],go=["loading","fetchpriority","alt","title","role","src","srcset","sizes"],bo={key:2,class:"div-t43jfuqn6g-2"};function yo(e,t,n,r,i,s){var a,c,l,p,m,f;return o.openBlock(),o.createElementBlock(o.Fragment,null,[o.createElementVNode("picture",null,[e.webpSrcSet?(o.openBlock(),o.createElementBlock("source",{key:0,type:"image/webp",srcset:e.webpSrcSet},null,8,fo)):o.createCommentVNode("",!0),o.createElementVNode("img",{loading:e.highPriority?"eager":"lazy",fetchpriority:e.highPriority?"high":"auto",alt:e.altText,title:e.title,role:e.altText?void 0:"presentation",style:o.normalizeStyle({objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...e.aspectRatioCss}),class:o.normalizeClass("builder-image"+(e.className?" "+e.className:"")+" img-t43jfuqn6g"),src:e.image,srcset:e.srcSetToUse,sizes:e.sizes},null,14,go)]),e.aspectRatio&&!((c=(a=e.builderBlock)==null?void 0:a.children)!=null&&c.length&&e.fitContent)?(o.openBlock(),o.createElementBlock("div",{key:0,class:"builder-image-sizer div-t43jfuqn6g",style:o.normalizeStyle({paddingTop:e.aspectRatio*100+"%"})},null,4)):o.createCommentVNode("",!0),(p=(l=e.builderBlock)==null?void 0:l.children)!=null&&p.length&&e.fitContent?o.renderSlot(e.$slots,"default",{key:1},void 0,!0):o.createCommentVNode("",!0),!e.fitContent&&((f=(m=e.builderBlock)==null?void 0:m.children)!=null&&f.length)?(o.openBlock(),o.createElementBlock("div",bo,[o.renderSlot(e.$slots,"default",{},void 0,!0)])):o.createCommentVNode("",!0)],64)}const tt=y(ho,[["render",yo],["__scopeId","data-v-741b9bbc"]]),ko=o.defineComponent({name:"builder-section-component",props:["attributes","maxWidth"],data(){return{filterAttrs:C}}});function vo(e,t,n,r,i,s){return o.openBlock(),o.createElementBlock("section",o.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,"v-on:",!1),o.toHandlers(e.filterAttrs(e.attributes,"v-on:",!0),!0)),[o.renderSlot(e.$slots,"default")],16)}const nt=y(ko,[["render",vo]]);function So(e,t,n,r){function i(p){return typeof p=="string"}function s(p){return typeof p=="number"}function a(p,m){return(()=>{const u=m.property,h=m.operator;let g=m.value;if(m&&m.property==="urlPath"&&m.value&&typeof m.value=="string"&&m.value!=="/"&&m.value.endsWith("/")&&(g=m.value.slice(0,-1)),!(u&&h))return!0;if(Array.isArray(g))return h==="isNot"?g.every(v=>a(p,{property:u,operator:h,value:v})):!!g.find(v=>a(p,{property:u,operator:h,value:v}));const b=p[u];if(Array.isArray(b))return b.includes(g);switch(h){case"is":return b===g;case"isNot":return b!==g;case"contains":return(i(b)||Array.isArray(b))&&b.includes(String(g));case"startsWith":return i(b)&&b.startsWith(String(g));case"endsWith":return i(b)&&b.endsWith(String(g));case"greaterThan":return s(b)&&s(g)&&b>g;case"lessThan":return s(b)&&s(g)&&b<g;case"greaterThanOrEqualTo":return s(b)&&s(g)&&b>=g;case"lessThanOrEqualTo":return s(b)&&s(g)&&b<=g;default:return!1}})()}const c={query:t,startDate:n,endDate:r},l=e.date&&new Date(e.date)||new Date;return c.startDate&&new Date(c.startDate)>l||c.endDate&&new Date(c.endDate)<l?!1:!c.query||!c.query.length?!0:c.query.every(p=>a(e,p))}const Co=`function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
|
|
34
|
+
if (!navigator.cookieEnabled) {
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
function getCookie(name) {
|
|
38
|
+
const nameEQ = name + '=';
|
|
39
|
+
const ca = document.cookie.split(';');
|
|
40
|
+
for (let i = 0; i < ca.length; i++) {
|
|
41
|
+
let c = ca[i];
|
|
42
|
+
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
|
|
43
|
+
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
|
|
44
|
+
}
|
|
45
|
+
return null;
|
|
46
|
+
}
|
|
47
|
+
const attributes = JSON.parse(getCookie('builder.userAttributes') || '{}');
|
|
48
|
+
if (locale) {
|
|
49
|
+
attributes.locale = locale;
|
|
50
|
+
}
|
|
51
|
+
const winningVariantIndex = variants?.findIndex(function (variant) {
|
|
52
|
+
return window.filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);
|
|
53
|
+
});
|
|
54
|
+
const parentDiv = document.currentScript?.parentElement;
|
|
55
|
+
const variantId = parentDiv?.getAttribute('data-variant-id');
|
|
56
|
+
const isDefaultVariant = variantId === \`\${blockId}-default\`;
|
|
57
|
+
const isWinningVariant = winningVariantIndex !== -1 && variantId === \`\${blockId}-\${winningVariantIndex}\` || winningVariantIndex === -1 && isDefaultVariant;
|
|
58
|
+
if (isWinningVariant && !isDefaultVariant) {
|
|
59
|
+
parentDiv?.removeAttribute('hidden');
|
|
60
|
+
parentDiv?.removeAttribute('aria-hidden');
|
|
61
|
+
} else if (!isWinningVariant && isDefaultVariant) {
|
|
62
|
+
parentDiv?.setAttribute('hidden', 'true');
|
|
63
|
+
parentDiv?.setAttribute('aria-hidden', 'true');
|
|
64
|
+
}
|
|
65
|
+
if (isHydrationTarget) {
|
|
66
|
+
if (!isWinningVariant) {
|
|
67
|
+
const itsStyleEl = parentDiv?.previousElementSibling;
|
|
68
|
+
if (itsStyleEl) {
|
|
69
|
+
itsStyleEl.remove();
|
|
70
|
+
}
|
|
71
|
+
parentDiv?.remove();
|
|
72
|
+
}
|
|
73
|
+
const thisScript = document.currentScript;
|
|
74
|
+
if (thisScript) {
|
|
75
|
+
thisScript.remove();
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
}`,To=`function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
|
|
79
|
+
function isString(val) {
|
|
80
|
+
return typeof val === 'string';
|
|
81
|
+
}
|
|
82
|
+
function isNumber(val) {
|
|
83
|
+
return typeof val === 'number';
|
|
84
|
+
}
|
|
85
|
+
function objectMatchesQuery(userattr, query) {
|
|
86
|
+
const result = (() => {
|
|
87
|
+
const property = query.property;
|
|
88
|
+
const operator = query.operator;
|
|
89
|
+
let testValue = query.value;
|
|
90
|
+
if (query && query.property === 'urlPath' && query.value && typeof query.value === 'string' && query.value !== '/' && query.value.endsWith('/')) {
|
|
91
|
+
testValue = query.value.slice(0, -1);
|
|
92
|
+
}
|
|
93
|
+
if (!(property && operator)) {
|
|
94
|
+
return true;
|
|
95
|
+
}
|
|
96
|
+
if (Array.isArray(testValue)) {
|
|
97
|
+
if (operator === 'isNot') {
|
|
98
|
+
return testValue.every(val => objectMatchesQuery(userattr, {
|
|
99
|
+
property,
|
|
100
|
+
operator,
|
|
101
|
+
value: val
|
|
102
|
+
}));
|
|
103
|
+
}
|
|
104
|
+
return !!testValue.find(val => objectMatchesQuery(userattr, {
|
|
105
|
+
property,
|
|
106
|
+
operator,
|
|
107
|
+
value: val
|
|
108
|
+
}));
|
|
109
|
+
}
|
|
110
|
+
const value = userattr[property];
|
|
111
|
+
if (Array.isArray(value)) {
|
|
112
|
+
return value.includes(testValue);
|
|
113
|
+
}
|
|
114
|
+
switch (operator) {
|
|
115
|
+
case 'is':
|
|
116
|
+
return value === testValue;
|
|
117
|
+
case 'isNot':
|
|
118
|
+
return value !== testValue;
|
|
119
|
+
case 'contains':
|
|
120
|
+
return (isString(value) || Array.isArray(value)) && value.includes(String(testValue));
|
|
121
|
+
case 'startsWith':
|
|
122
|
+
return isString(value) && value.startsWith(String(testValue));
|
|
123
|
+
case 'endsWith':
|
|
124
|
+
return isString(value) && value.endsWith(String(testValue));
|
|
125
|
+
case 'greaterThan':
|
|
126
|
+
return isNumber(value) && isNumber(testValue) && value > testValue;
|
|
127
|
+
case 'lessThan':
|
|
128
|
+
return isNumber(value) && isNumber(testValue) && value < testValue;
|
|
129
|
+
case 'greaterThanOrEqualTo':
|
|
130
|
+
return isNumber(value) && isNumber(testValue) && value >= testValue;
|
|
131
|
+
case 'lessThanOrEqualTo':
|
|
132
|
+
return isNumber(value) && isNumber(testValue) && value <= testValue;
|
|
133
|
+
default:
|
|
134
|
+
return false;
|
|
135
|
+
}
|
|
136
|
+
})();
|
|
137
|
+
return result;
|
|
138
|
+
}
|
|
139
|
+
const item = {
|
|
140
|
+
query,
|
|
141
|
+
startDate,
|
|
142
|
+
endDate
|
|
143
|
+
};
|
|
144
|
+
const now = userAttributes.date && new Date(userAttributes.date) || new Date();
|
|
145
|
+
if (item.startDate && new Date(item.startDate) > now) {
|
|
146
|
+
return false;
|
|
147
|
+
} else if (item.endDate && new Date(item.endDate) < now) {
|
|
148
|
+
return false;
|
|
149
|
+
}
|
|
150
|
+
if (!item.query || !item.query.length) {
|
|
151
|
+
return true;
|
|
152
|
+
}
|
|
153
|
+
return item.query.every(filter => {
|
|
154
|
+
return objectMatchesQuery(userAttributes, filter);
|
|
155
|
+
});
|
|
156
|
+
}`,wo=`function updateVisibilityStylesScript(variants, blockId, isHydrationTarget, locale) {
|
|
157
|
+
function getCookie(name) {
|
|
158
|
+
const nameEQ = name + '=';
|
|
159
|
+
const ca = document.cookie.split(';');
|
|
160
|
+
for (let i = 0; i < ca.length; i++) {
|
|
161
|
+
let c = ca[i];
|
|
162
|
+
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
|
|
163
|
+
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
|
|
164
|
+
}
|
|
165
|
+
return null;
|
|
166
|
+
}
|
|
167
|
+
const visibilityStylesEl = document.currentScript?.previousElementSibling;
|
|
168
|
+
if (!visibilityStylesEl) {
|
|
169
|
+
return;
|
|
170
|
+
}
|
|
171
|
+
if (isHydrationTarget) {
|
|
172
|
+
visibilityStylesEl.remove();
|
|
173
|
+
const currentScript = document.currentScript;
|
|
174
|
+
if (currentScript) {
|
|
175
|
+
currentScript.remove();
|
|
176
|
+
}
|
|
177
|
+
} else {
|
|
178
|
+
const attributes = JSON.parse(getCookie('builder.userAttributes') || '{}');
|
|
179
|
+
if (locale) {
|
|
180
|
+
attributes.locale = locale;
|
|
181
|
+
}
|
|
182
|
+
const winningVariantIndex = variants?.findIndex(function (variant) {
|
|
183
|
+
return window.filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);
|
|
184
|
+
});
|
|
185
|
+
if (winningVariantIndex !== -1) {
|
|
186
|
+
let newStyleStr = variants?.map((_, index) => {
|
|
187
|
+
if (index === winningVariantIndex) return '';
|
|
188
|
+
return \`div[data-variant-id="\${blockId}-\${index}"] { display: none !important; } \`;
|
|
189
|
+
}).join('') || '';
|
|
190
|
+
newStyleStr += \`div[data-variant-id="\${blockId}-default"] { display: none !important; } \`;
|
|
191
|
+
visibilityStylesEl.innerHTML = newStyleStr;
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
}`,O="default",Eo="filterWithCustomTargeting",ot="builderIoPersonalization",rt="updateVisibilityStylesScript",it=["react","vue","svelte","qwik"],st=["vue","svelte","qwik"];function Io(e,t){return!(e&&e.length>0)||!t?!1:st.includes(d.TARGET)?!0:!d.isBrowser()}function Bo({variants:e,previewingIndex:t,isHydrated:n,filteredVariants:r,fallbackBlocks:i}){const s={blocks:i??[],path:"this.children",index:O};if(n&&d.isEditing()){if(typeof t=="number"&&t<((e==null?void 0:e.length)??0)){const a=e==null?void 0:e[t];if(a)return{blocks:a.blocks,path:`variants.${t}.blocks`,index:t}}return s}if(d.isBrowser()){const a=r==null?void 0:r[0];if(a&&e){const c=e.indexOf(a);if(c!==-1)return{blocks:a.blocks,path:`variants.${c}.blocks`,index:c}}}return s}const $o=()=>`
|
|
195
|
+
window.${Eo} = ${To}
|
|
196
|
+
window.${ot} = ${Co}
|
|
197
|
+
window.${rt} = ${wo}
|
|
198
|
+
`,at=d.TARGET==="react",Ro=(e,t,n)=>`window.${ot}(${JSON.stringify(e)}, "${t}", ${at}${n?`, "${n}"`:""})`,Po=(e,t,n)=>`window.${rt}(${JSON.stringify(e)}, "${t}", ${at}${n?`, "${n}"`:""})`,G={"@type":"@builder.io/sdk:Element",layerName:"Accordion item title",responsiveStyles:{large:{marginTop:"10px",position:"relative",display:"flex",alignItems:"stretch",flexDirection:"column",paddingBottom:"10px"}},children:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{textAlign:"left",display:"flex",flexDirection:"column"}},component:{name:"Text",options:{text:"I am an accordion title. Click me!"}}}]},J={"@type":"@builder.io/sdk:Element",layerName:"Accordion item detail",responsiveStyles:{large:{position:"relative",display:"flex",alignItems:"stretch",flexDirection:"column",marginTop:"10px",paddingBottom:"10px"}},children:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{paddingTop:"50px",textAlign:"left",display:"flex",flexDirection:"column",paddingBottom:"50px"}},component:{name:"Text",options:{text:"I am an accordion detail, hello!"}}}]},Ao={name:"Builder:Accordion",canHaveChildren:!0,image:"https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",defaultStyles:{display:"flex",flexDirection:"column",alignItems:"stretch"},inputs:[{name:"items",type:"list",broadcast:!0,subFields:[{name:"title",type:"uiBlocks",hideFromUI:!0,defaultValue:[G]},{name:"detail",type:"uiBlocks",hideFromUI:!0,defaultValue:[J]}],defaultValue:[{title:[G],detail:[J]},{title:[G],detail:[J]}],showIf:e=>!e.get("useChildrenForItems")},{name:"oneAtATime",helperText:"Only allow opening one at a time (collapse all others when new item openned)",type:"boolean",defaultValue:!1},{name:"grid",helperText:"Display as a grid",type:"boolean",defaultValue:!1},{name:"gridRowWidth",helperText:"Display as a grid",type:"string",showIf:e=>e.get("grid"),defaultValue:"25%"},{name:"useChildrenForItems",type:"boolean",helperText:"Use child elements for each slide, instead of the array. Useful for dynamically repeating items",advanced:!0,defaultValue:!1,onChange:e=>{e.get("useChildrenForItems")===!0&&e.set("items",[])}}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},Vo=e=>e.toString(),No=o.defineComponent({name:"builder-accordion",components:{Blocks:$},props:["grid","oneAtATime","items","gridRowWidth","builderBlock","builderContext","builderComponents","builderLinkComponent"],data(){return{open:[],convertOrderNumberToString:Vo}},computed:{onlyOneAtATime(){return!!(this.grid||this.oneAtATime)},accordionStyles(){return{display:"flex",alignItems:"stretch",flexDirection:"column",...this.grid&&{flexDirection:"row",alignItems:"flex-start",flexWrap:"wrap"}}},accordionTitleStyles(){const t={...{display:"flex",flexDirection:"column"},alignItems:"stretch",cursor:"pointer"};return Object.fromEntries(Object.entries(t).filter(([n,r])=>r!==void 0))},openGridItemOrder(){let e=null;if(this.grid&&this.open.length&&document){const n=this.open[0];let i=document.querySelector(`.builder-accordion-title[data-index="${n}"]`);if(e=n,i){let s=i.getBoundingClientRect();for(;i=i&&i.nextElementSibling;)if(i){if(i.classList.contains("builder-accordion-detail"))continue;const a=i.getBoundingClientRect();if(a.left>s.left){const c=parseInt(i.getAttribute("data-index")||"",10);isNaN(c)||(s=a,e=c)}else break}}}return typeof e=="number"&&(e=e+1),e},accordionDetailStyles(){const e={order:typeof this.openGridItemOrder=="number"?this.openGridItemOrder:void 0,...this.grid&&{width:"100%"}};return Object.fromEntries(Object.entries(e).filter(([t,n])=>n!==void 0))}},methods:{getAccordionTitleClassName(e){return`builder-accordion-title builder-accordion-title-${this.open.includes(e)?"open":"closed"}`},getAccordionDetailClassName(e){return`builder-accordion-detail builder-accordion-detail-${this.open.includes(e)?"open":"closed"}`},onClick(e){this.open.includes(e)?this.open=this.onlyOneAtATime?[]:this.open.filter(t=>t!==e):this.open=this.onlyOneAtATime?[e]:this.open.concat(e)}}}),xo=["data-index","onClick"];function Do(e,t,n,r,i,s){const a=o.resolveComponent("Blocks");return o.openBlock(),o.createElementBlock("div",{class:"builder-accordion",style:o.normalizeStyle(e.accordionStyles)},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.items,(c,l)=>(o.openBlock(),o.createElementBlock(o.Fragment,{key:l},[o.createElementVNode("div",{class:o.normalizeClass(e.getAccordionTitleClassName(l)),style:o.normalizeStyle({...e.accordionTitleStyles,...e.grid&&{width:e.gridRowWidth,order:e.openGridItemOrder!==null?e.convertOrderNumberToString(l):e.convertOrderNumberToString(l+1)}}),"data-index":l,onClick:async p=>e.onClick(l)},[o.createVNode(a,{blocks:c.title,path:`items.${l}.title`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent},null,8,["blocks","path","parent","context","registeredComponents","linkComponent"])],14,xo),e.open.includes(l)?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(e.getAccordionDetailClassName(l)),style:o.normalizeStyle(e.accordionDetailStyles)},[o.createVNode(a,{blocks:c.detail,path:`items.${l}.detail`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent},null,8,["blocks","path","parent","context","registeredComponents","linkComponent"])],6)):o.createCommentVNode("",!0)],64))),128))],4)}const Wo=y(No,[["render",Do]]),Oo={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,shouldReceiveBuilderProps:{builderLinkComponent:!0}},Fo={name:"Columns",isRSC:!0,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:e=>{function t(){n.forEach(r=>{r.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}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},Uo={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},le=["jpeg","jpg","png","svg","webp","gif","jfif","pjpeg","pjp","apng","avif","tif","tiff","heif","bmp","eps","raw","cr2","nef","orf","sr2","psd","heic","dib","ai"],Lo=["mp4","webm","mkv","flv","vob","ogv","ogg","drc","gif","gifv","mng","avi","mov","qt","mts","m2ts","ts","wmv","yuv","rm","rmvb","viv","asf","amv","m4p","mpeg","mpe","m2v","m4v","svi","3gp","3g2","mxf","roq","nsv","f4v","f4p","f4a","f4b"],Ho={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:le,required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:e=>{e.delete("srcset"),e.delete("noWebp");function n(a,c=6e4){return new Promise((l,p)=>{const m=document.createElement("img");let f=!1;m.onload=()=>{f=!0,l(m)},m.addEventListener("error",u=>{console.warn("Image load failed",u.error),p(u.error)}),m.src=a,setTimeout(()=>{f||p(new Error("Image load timed out"))},c)})}function r(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",r(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:"title",type:"string",helperText:"Text to display when hovering over the asset"},{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:"highPriority",type:"boolean",advanced:!0,helperText:"Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page."},{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}],shouldReceiveBuilderProps:{builderBlock:!0}},Mo={name:"PersonalizationContainer",shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0},noWrap:!0,image:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F37229ed30d8c41dfb10b8cca1992053a",canHaveChildren:!0,inputs:[{name:"variants",defaultValue:[],behavior:"personalizationVariantList",type:"list",subFields:[{name:"name",type:"text"},{name:"query",friendlyName:"Targeting rules",type:"BuilderQuery",defaultValue:[]},{name:"startDate",type:"date"},{name:"endDate",type:"date"},{name:"blocks",type:"uiBlocks",hideFromUI:!0,defaultValue:[]}]}]},ce=o.defineComponent({render(){return o.h("script",{innerHTML:this.scriptStr,"data-id":this.id,nonce:this.nonce})},name:"inlined-script",props:["scriptStr","id","nonce"]}),zo=o.defineComponent({name:"builder-personalization-container",components:{Blocks:$,InlinedStyles:D,InlinedScript:ce},props:["builderContext","variants","builderBlock","attributes","previewingIndex","builderComponents"],data(){var e,t,n,r,i,s,a;return{userAttributes:M.getUserAttributes(),scriptStr:Ro(this.variants,((e=this.builderBlock)==null?void 0:e.id)||"none",(n=(t=this.builderContext)==null?void 0:t.rootState)==null?void 0:n.locale),updateVisibilityStylesScript:Po(this.variants,((r=this.builderBlock)==null?void 0:r.id)||"none",(s=(i=this.builderContext)==null?void 0:i.rootState)==null?void 0:s.locale),unsubscribers:[],shouldRenderVariants:Io(this.variants,R((a=this.builderContext)==null?void 0:a.canTrack)),shouldResetVariants:!1,TARGET:d.TARGET,DEFAULT_INDEX:O,SDKS_REQUIRING_RESET_APPROACH:st}},mounted(){var t;this.shouldResetVariants=!0;const e=M.subscribeOnUserAttributesChange(n=>{this.userAttributes=n},{fireImmediately:d.TARGET==="qwik"});if(!(d.isEditing()||z())){const n=this.filteredVariants[0];this.$refs.rootRef&&(this.$refs.rootRef.dispatchEvent(new CustomEvent("builder.variantLoaded",{detail:{variant:n||O,content:(t=this.builderContext)==null?void 0:t.content},bubbles:!0})),new IntersectionObserver(i=>{i.forEach(s=>{var a;s.isIntersecting&&this.$refs.rootRef&&this.$refs.rootRef.dispatchEvent(new CustomEvent("builder.variantDisplayed",{detail:{variant:n||O,content:(a=this.builderContext)==null?void 0:a.content},bubbles:!0}))})}).observe(this.$refs.rootRef))}this.unsubscribers.push(e)},unmounted(){this.unsubscribers.forEach(e=>e())},computed:{attrs(){return{...C(this.attributes,"v-on:",!1),...C(this.attributes,"v-on:",!0),[I()]:`builder-personalization-container ${this.attributes[I()]||""}`}},filteredVariants(){return(this.variants||[]).filter(e=>{var t,n,r,i;return So({...(n=(t=this.builderContext)==null?void 0:t.rootState)!=null&&n.locale?{locale:(i=(r=this.builderContext)==null?void 0:r.rootState)==null?void 0:i.locale}:{},...this.userAttributes},e.query,e.startDate,e.endDate)})},blocksToRender(){var e;return Bo({variants:this.variants,fallbackBlocks:(e=this.builderBlock)==null?void 0:e.children,isHydrated:this.shouldResetVariants,filteredVariants:this.filteredVariants,previewingIndex:this.previewingIndex})},hideVariantsStyleString(){return(this.variants||[]).map((e,t)=>{var n;return`div[data-variant-id="${(n=this.builderBlock)==null?void 0:n.id}-${t}"] { display: none !important; } `}).join("")}}});function qo(e,t,n,r,i,s){var p,m,f,u,h,g,b,v,E,S;const a=o.resolveComponent("Blocks"),c=o.resolveComponent("InlinedStyles"),l=o.resolveComponent("InlinedScript");return o.openBlock(),o.createElementBlock("div",o.mergeProps({ref:"rootRef"},e.attrs),[e.shouldResetVariants&&e.SDKS_REQUIRING_RESET_APPROACH.includes(e.TARGET)?(o.openBlock(),o.createBlock(a,{key:0,blocks:e.blocksToRender.blocks,parent:(p=e.builderBlock)==null?void 0:p.id,path:e.blocksToRender.path,context:e.builderContext,registeredComponents:e.builderComponents,BlocksWrapperProps:{...(m=e.builderContext)==null?void 0:m.BlocksWrapperProps,"data-variant-id":`${(f=e.builderBlock)==null?void 0:f.id}-${e.blocksToRender.index}`}},null,8,["blocks","parent","path","context","registeredComponents","BlocksWrapperProps"])):o.createCommentVNode("",!0),!e.shouldResetVariants&&e.SDKS_REQUIRING_RESET_APPROACH.includes(e.TARGET)||!e.SDKS_REQUIRING_RESET_APPROACH.includes(e.TARGET)?(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[e.shouldRenderVariants?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[o.createVNode(c,{nonce:((u=e.builderContext)==null?void 0:u.nonce)||"",styles:e.hideVariantsStyleString,id:`variants-styles-${(h=e.builderBlock)==null?void 0:h.id}`},null,8,["nonce","styles","id"]),o.createVNode(l,{nonce:((g=e.builderContext)==null?void 0:g.nonce)||"",scriptStr:e.updateVisibilityStylesScript,id:`variants-visibility-script-${(b=e.builderBlock)==null?void 0:b.id}`},null,8,["nonce","scriptStr","id"]),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.variants,(k,T)=>{var A,V,w,B;return o.openBlock(),o.createBlock(a,{key:`${(A=e.builderBlock)==null?void 0:A.id}-${T}`,BlocksWrapperProps:{...(V=e.builderContext)==null?void 0:V.BlocksWrapperProps,"aria-hidden":!0,hidden:!0,"data-variant-id":`${(w=e.builderBlock)==null?void 0:w.id}-${T}`},blocks:k.blocks,parent:(B=e.builderBlock)==null?void 0:B.id,path:`component.options.variants.${T}.blocks`,context:e.builderContext,registeredComponents:e.builderComponents},{default:o.withCtx(()=>{var de,ue;return[o.createVNode(l,{nonce:((de=e.builderContext)==null?void 0:de.nonce)||"",scriptStr:e.scriptStr,id:`variants-script-${(ue=e.builderBlock)==null?void 0:ue.id}-${T}`},null,8,["nonce","scriptStr","id"])]}),_:2},1032,["BlocksWrapperProps","blocks","parent","path","context","registeredComponents"])}),128))],64)):o.createCommentVNode("",!0),o.createVNode(a,{blocks:e.blocksToRender.blocks,parent:(v=e.builderBlock)==null?void 0:v.id,path:e.blocksToRender.path,context:e.builderContext,registeredComponents:e.builderComponents,BlocksWrapperProps:{...(E=e.builderContext)==null?void 0:E.BlocksWrapperProps,"data-variant-id":`${(S=e.builderBlock)==null?void 0:S.id}-${e.blocksToRender.index}`}},{default:o.withCtx(()=>{var k,T;return[e.shouldRenderVariants?(o.openBlock(),o.createBlock(l,{key:0,nonce:((k=e.builderContext)==null?void 0:k.nonce)||"",scriptStr:e.scriptStr,id:`variants-script-${(T=e.builderBlock)==null?void 0:T.id}-${e.DEFAULT_INDEX}`},null,8,["nonce","scriptStr","id"])):o.createCommentVNode("",!0)]}),_:1},8,["blocks","parent","path","context","registeredComponents","BlocksWrapperProps"])],64)):o.createCommentVNode("",!0)],16)}const jo=y(zo,[["render",qo]]),Ko={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>"}}}]},Go={name:"Slot",isRSC:!0,description:"Allow child blocks to be inserted into this content when used as a Symbol",docsLink:"https://www.builder.io/c/docs/symbols-with-blocks",image:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3aad6de36eae43b59b52c85190fdef56",inputs:[{name:"name",type:"string",required:!0,defaultValue:"children"}],shouldReceiveBuilderProps:{builderContext:!0,builderComponents:!0}},Jo=o.defineComponent({name:"builder-slot",components:{Blocks:$},props:["builderContext","name","builderComponents"]});function Qo(e,t,n,r,i,s){var c,l,p;const a=o.resolveComponent("Blocks");return o.openBlock(),o.createElementBlock("div",o.mergeProps({style:{pointerEvents:"auto"}},!((c=e.builderContext.context)!=null&&c.symbolId)&&{"builder-slot":e.name}),[o.createVNode(a,{parent:(l=e.builderContext.context)==null?void 0:l.symbolId,path:`symbol.data.${e.name}`,context:e.builderContext,registeredComponents:e.builderComponents,blocks:(p=e.builderContext.rootState)==null?void 0:p[e.name]},null,8,["parent","path","context","registeredComponents","blocks"])],16)}const Yo=y(Jo,[["render",Qo]]),Xo={name:"Symbol",noWrap:!0,static:!0,isRSC:!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"}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},Q={"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{paddingLeft:"20px",paddingRight:"20px",paddingTop:"10px",paddingBottom:"10px",minWidth:"100px",textAlign:"center",display:"flex",flexDirection:"column",cursor:"pointer",userSelect:"none"}},component:{name:"Text",options:{text:"New tab"}}},Y={"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{height:"200px",display:"flex",marginTop:"20px",flexDirection:"column"}},component:{name:"Text",options:{text:"New tab content "}}},_o={name:"Builder: Tabs",inputs:[{name:"tabs",type:"list",broadcast:!0,subFields:[{name:"label",type:"uiBlocks",hideFromUI:!0,defaultValue:[Q]},{name:"content",type:"uiBlocks",hideFromUI:!0,defaultValue:[Y]}],defaultValue:[{label:[{...Q,component:{name:"Text",options:{text:"Tab 1"}}}],content:[{...Y,component:{name:"Text",options:{text:"Tab 1 content"}}}]},{label:[{...Q,component:{name:"Text",options:{text:"Tab 2"}}}],content:[{...Y,component:{name:"Text",options:{text:"Tab 2 content"}}}]}]},{name:"activeTabStyle",type:"uiStyle",helperText:"CSS styles for the active tab",defaultValue:{backgroundColor:"rgba(0, 0, 0, 0.1)"}},{name:"defaultActiveTab",type:"number",helperText:'Default tab to open to. Set to "1" for the first tab, "2" for the second, or choose "0" for none',defaultValue:1,advanced:!0},{name:"collapsible",type:"boolean",helperText:"If on, clicking an open tab closes it so no tabs are active",defaultValue:!1,advanced:!0},{name:"tabHeaderLayout",type:"enum",helperText:"Change the layout of the tab headers (uses justify-content)",defaultValue:"flex-start",enum:[{label:"Center",value:"center"},{label:"Space between",value:"space-between"},{label:"Space around",value:"space-around"},{label:"Left",value:"flex-start"},{label:"Right",value:"flex-end"}]}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},Zo=o.defineComponent({name:"builder-tabs",components:{Blocks:$},props:["defaultActiveTab","tabs","activeTabStyle","collapsible","tabHeaderLayout","builderBlock","builderContext","builderComponents","builderLinkComponent"],data(){return{activeTab:this.defaultActiveTab?this.defaultActiveTab-1:0}},methods:{activeTabContent(e){return this.tabs&&this.tabs[e].content},getTabStyle(e){return e===this.activeTab?this.activeTabStyle:{}},onClick(e){e===this.activeTab&&this.collapsible?this.activeTab=-1:this.activeTab=e}}}),er=["onClick"],tr={key:0};function nr(e,t,n,r,i,s){const a=o.resolveComponent("Blocks");return o.openBlock(),o.createElementBlock("div",null,[o.createElementVNode("div",{class:"builder-tabs-wrap",style:o.normalizeStyle({display:"flex",flexDirection:"row",justifyContent:e.tabHeaderLayout||"flex-start",overflow:"auto"})},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.tabs,(c,l)=>(o.openBlock(),o.createElementBlock("span",{key:l,class:o.normalizeClass(`builder-tab-wrap ${e.activeTab===l?"builder-tab-active":""}`),style:o.normalizeStyle(e.getTabStyle(l)),onClick:async p=>e.onClick(l)},[o.createVNode(a,{parent:e.builderBlock.id,path:`tabs.${l}.label`,blocks:c.label,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent},null,8,["parent","path","blocks","context","registeredComponents","linkComponent"])],14,er))),128))],4),e.activeTabContent(e.activeTab)?(o.openBlock(),o.createElementBlock("div",tr,[o.createVNode(a,{parent:e.builderBlock.id,path:`tabs.${e.activeTab}.content`,blocks:e.activeTabContent(e.activeTab),context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent},null,8,["parent","path","blocks","context","registeredComponents","linkComponent"])])):o.createCommentVNode("",!0)])}const or=y(Zo,[["render",nr]]),rr={shouldReceiveBuilderProps:{},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"}},ir=o.defineComponent({name:"builder-text",props:["text"]}),sr=["innerHTML"];function ar(e,t,n,r,i,s){var a;return o.openBlock(),o.createElementBlock("div",{class:"builder-text",innerHTML:((a=e.text)==null?void 0:a.toString())||"",style:{outline:"none"}},null,8,sr)}const lt=y(ir,[["render",ar]]),lr={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}]},cr=o.defineComponent({name:"builder-custom-code",props:["code","replaceNodes"],data(){return{scriptsInserted:[],scriptsRun:[]}},mounted(){this.runScripts()},watch:{onUpdateHook0:{handler(){d.isEditing()&&setTimeout(()=>{this.runScripts()},0)},immediate:!0}},computed:{onUpdateHook0(){return{0:this.code}}},methods:{runScripts(){var t;if(!this.$refs.elementRef||!((t=this.$refs.elementRef)!=null&&t.getElementsByTagName)||typeof window>"u")return;const e=this.$refs.elementRef.getElementsByTagName("script");for(let n=0;n<e.length;n++){const r=e[n];if(r.src){if(this.scriptsInserted.includes(r.src))continue;this.scriptsInserted.push(r.src);const i=document.createElement("script");i.async=!0,i.src=r.src,document.head.appendChild(i)}else if(!r.type||["text/javascript","application/javascript","application/ecmascript"].includes(r.type)){if(this.scriptsRun.includes(r.innerText))continue;try{this.scriptsRun.push(r.innerText),new Function(r.innerText)()}catch(i){d.logger.warn("[BUILDER.IO] `CustomCode`: Error running script:",i)}}}}}}),dr=["innerHTML"];function ur(e,t,n,r,i,s){return o.openBlock(),o.createElementBlock("div",{ref:"elementRef",class:o.normalizeClass("builder-custom-code"+(e.replaceNodes?" replace-nodes":"")),innerHTML:e.code},null,10,dr)}const pr=y(cr,[["render",ur]]),mr={name:"Embed",static:!0,inputs:[{name:"url",type:"url",required:!0,defaultValue:"",helperText:"e.g. enter a youtube url, google map, etc"},{name:"content",type:"html",defaultValue:'<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',hideFromUI:!0}]},hr=["text/javascript","application/javascript","application/ecmascript"],fr=e=>hr.includes(e.type),gr=o.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 r=document.createElement("script");r.async=!0,r.src=n.src,document.head.appendChild(r)}else if(fr(n)&&!this.scriptsRun.includes(n.innerText))try{this.scriptsRun.push(n.innerText),new Function(n.innerText)()}catch(r){d.logger.warn("[BUILDER.IO] `Embed`: Error running script:",r)}}}}}),br=["innerHTML"];function yr(e,t,n,r,i,s){return o.openBlock(),o.createElementBlock("div",{class:"builder-embed",ref:"elem",innerHTML:e.content},null,8,br)}const kr=y(gr,[["render",yr]]),vr={name:"Form:Form",defaults:{responsiveStyles:{large:{marginTop:"15px",paddingBottom:"15px"}}},image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fef36d2a846134910b64b88e6d18c5ca5",inputs:[{name:"sendSubmissionsTo",type:"string",enum:[{label:"Send to email",value:"email",helperText:"Send form submissions to the email address of your choosing"},{label:"Custom",value:"custom",helperText:"Handle where the form requests go manually with a little code, e.g. to your own custom backend"}],defaultValue:"email"},{name:"sendSubmissionsToEmail",type:"string",required:!0,defaultValue:"your@email.com",showIf:'options.get("sendSubmissionsTo") === "email"'},{name:"sendWithJs",type:"boolean",helperText:"Set to false to use basic html form action",defaultValue:!0,showIf:'options.get("sendSubmissionsTo") === "custom"'},{name:"name",type:"string",defaultValue:"My form"},{name:"action",type:"string",helperText:"URL to send the form data to",showIf:'options.get("sendSubmissionsTo") === "custom"'},{name:"contentType",type:"string",defaultValue:"application/json",advanced:!0,enum:["application/json","multipart/form-data","application/x-www-form-urlencoded"],showIf:'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'},{name:"method",type:"string",showIf:'options.get("sendSubmissionsTo") === "custom"',defaultValue:"POST",advanced:!0},{name:"previewState",type:"string",enum:["unsubmitted","sending","success","error"],defaultValue:"unsubmitted",helperText:'Choose a state to edit, e.g. choose "success" to show what users see on success and edit the message',showIf:'options.get("sendSubmissionsTo") !== "zapier" && options.get("sendWithJs") === true'},{name:"successUrl",type:"url",helperText:"Optional URL to redirect the user to on form submission success",showIf:'options.get("sendSubmissionsTo") !== "zapier" && options.get("sendWithJs") === true'},{name:"resetFormOnSubmit",type:"boolean",showIf:"options.get('sendSubmissionsTo') === 'custom' && options.get('sendWithJs') === true",advanced:!0},{name:"successMessage",type:"uiBlocks",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Thanks!</span>"}}}]},{name:"validate",type:"boolean",defaultValue:!0,advanced:!0},{name:"errorMessagePath",type:"text",advanced:!0,helperText:'Path to where to get the error message from in a JSON response to display to the user, e.g. "error.message" for a response like { "error": { "message": "this username is taken" }}'},{name:"errorMessage",type:"uiBlocks",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},bindings:{"component.options.text":"state.formErrorMessage || block.component.options.text"},component:{name:"Text",options:{text:"<span>Form submission error :( Please check your answers and try again</span>"}}}]},{name:"sendingMessage",type:"uiBlocks",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Sending...</span>"}}}]},{name:"customHeaders",type:"map",valueType:{type:"string"},advanced:!0,showIf:'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'}],noWrap:!0,canHaveChildren:!0,defaultChildren:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Enter your name</span>"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Form:Input",options:{name:"name",placeholder:"Jane Doe"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Enter your email</span>"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Form:Input",options:{name:"email",placeholder:"jane@doe.com"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Form:SubmitButton",options:{text:"Submit"}}}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},Sr=["production","qa","test","development","dev","cdn-qa","cloud","fast","cdn2","cdn-prod"],Cr=()=>{const e=process.env.NODE_ENV||"production";return Sr.includes(e)?e:"production"},Tr=o.defineComponent({name:"builder-form-component",components:{Blocks:$},props:["builderContext","previewState","sendWithJs","sendSubmissionsTo","action","customHeaders","contentType","sendSubmissionsToEmail","name","method","errorMessagePath","resetFormOnSubmit","successUrl","validate","attributes","errorMessage","sendingMessage","successMessage"],data(){return{formState:"unsubmitted",responseData:null,formErrorMessage:"",filterAttrs:C}},methods:{mergeNewRootState(e){var n,r;const t={...this.builderContext.rootState,...e};this.builderContext.rootSetState?(r=(n=this.builderContext).rootSetState)==null||r.call(n,t):this.builderContext.rootState=t},submissionState(){return d.isEditing()&&this.previewState||this.formState},errorResponse(e){return JSON.stringify(e,null,2)},onSubmit(e){var n;const t=this.sendWithJs||this.sendSubmissionsTo==="email";if(this.sendSubmissionsTo==="zapier")e.preventDefault();else if(t){if(!(this.action||this.sendSubmissionsTo==="email")){e.preventDefault();return}e.preventDefault();const r=e.currentTarget||e.target,i=this.customHeaders||{};let s;const a=new FormData(r),c=Array.from(r.querySelectorAll("input,select,textarea")).filter(u=>!!u.name).filter(u=>!!u.name&&(u.type!=="radio"||u.checked)).map(u=>{let h;const g=u.name;if(u instanceof HTMLInputElement)if(u.type==="radio"){if(u.checked)return h=u.value,{key:g,value:h}}else if(u.type==="checkbox")h=u.checked;else if(u.type==="number"||u.type==="range"){const b=u.valueAsNumber;isNaN(b)||(h=b)}else u.type==="file"?h=u.files:h=u.value;else h=u.value;return{key:g,value:h}});let l=this.contentType;if(this.sendSubmissionsTo==="email"&&(l="multipart/form-data"),Array.from(c).forEach(({value:u})=>{(u instanceof File||Array.isArray(u)&&u[0]instanceof File||u instanceof FileList)&&(l="multipart/form-data")}),l!=="application/json")s=a;else{const u={};Array.from(c).forEach(({value:h,key:g})=>{d.set(u,g,h)}),s=JSON.stringify(u)}l&&l!=="multipart/form-data"&&(t&&((n=this.action)!=null&&n.includes("zapier.com"))||(i["content-type"]=l));const p=new CustomEvent("presubmit",{detail:{body:s}});if(this.$refs.formRef&&(this.$refs.formRef.dispatchEvent(p),p.defaultPrevented))return;if(this.formState="sending",this.sendSubmissionsTo==="email"&&(this.sendSubmissionsToEmail==="your@email.com"||!this.sendSubmissionsToEmail)){const u="SubmissionsToEmail is required when sendSubmissionsTo is set to email";console.error(u),this.formState="error",this.mergeNewRootState({formErrorMessage:u});return}const m=`${Cr()==="dev"?"http://localhost:5000":"https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(this.sendSubmissionsToEmail||"")}&name=${encodeURIComponent(this.name||"")}`,f=this.sendSubmissionsTo==="email"?m:this.action;re(f),fetch(f,{body:s,headers:i,method:this.method||"post"}).then(async u=>{var b,v;let h;const g=u.headers.get("content-type");if(g&&g.indexOf("application/json")!==-1?h=await u.json():h=await u.text(),!u.ok){const E=new CustomEvent("submit:error",{detail:{error:h,status:u.status}});if((b=this.$refs.formRef)!=null&&b.nativeElement&&((v=this.$refs.formRef)==null||v.nativeElement.dispatchEvent(E),E.defaultPrevented))return;this.responseData=h,this.formState="error";let S=this.errorMessagePath?Ee(h,this.errorMessagePath):h.message||h.error||h;typeof S!="string"&&(S=JSON.stringify(S)),this.formErrorMessage=S,this.mergeNewRootState({formErrorMessage:S});return}if(this.responseData=h,this.formState=u.ok?"success":"error",u.ok){const E=new CustomEvent("submit:success",{detail:{res:u,body:h}});if(this.$refs.formRef){if(this.$refs.formRef.dispatchEvent(E),E.defaultPrevented)return;this.resetFormOnSubmit!==!1&&this.$refs.formRef.reset()}if(this.successUrl)if(this.$refs.formRef){const S=new CustomEvent("route",{detail:{url:this.successUrl}});this.$refs.formRef.dispatchEvent(S),S.defaultPrevented||(location.href=this.successUrl)}else location.href=this.successUrl}},u=>{const h=new CustomEvent("submit:error",{detail:{error:u}});this.$refs.formRef&&(this.$refs.formRef.dispatchEvent(h),h.defaultPrevented)||(this.responseData=u,this.formState="error")})}}}}),wr=["validate","action","method","name"],Er={key:2,class:"builder-form-error-text pre-2oa2wtipkzk"};function Ir(e,t,n,r,i,s){const a=o.resolveComponent("Blocks");return o.openBlock(),o.createElementBlock("form",o.mergeProps({validate:e.validate,ref:"formRef",action:!e.sendWithJs&&e.action,method:e.method,name:e.name,onSubmit:t[0]||(t[0]=async c=>e.onSubmit(c))},{...e.filterAttrs(e.attributes,"v-on:",!1)},o.toHandlers(e.filterAttrs(e.attributes,"v-on:",!0),!0)),[o.renderSlot(e.$slots,"default",{},void 0,!0),e.submissionState()==="error"?(o.openBlock(),o.createBlock(a,{key:0,path:"errorMessage",blocks:e.errorMessage,context:e.builderContext},null,8,["blocks","context"])):o.createCommentVNode("",!0),e.submissionState()==="sending"?(o.openBlock(),o.createBlock(a,{key:1,path:"sendingMessage",blocks:e.sendingMessage,context:e.builderContext},null,8,["blocks","context"])):o.createCommentVNode("",!0),e.submissionState()==="error"&&e.responseData?(o.openBlock(),o.createElementBlock("pre",Er,o.toDisplayString(e.errorResponse(e.responseData)),1)):o.createCommentVNode("",!0),e.submissionState()==="success"?(o.openBlock(),o.createBlock(a,{key:3,path:"successMessage",blocks:e.successMessage,context:e.builderContext},null,8,["blocks","context"])):o.createCommentVNode("",!0)],16,wr)}const Br=y(Tr,[["render",Ir],["__scopeId","data-v-77c7888c"]]),$r={name:"Form:Input",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",inputs:[{name:"type",type:"text",enum:["text","number","email","url","checkbox","radio","range","date","datetime-local","search","tel","time","file","month","week","password","color","hidden"],defaultValue:"text"},{name:"name",type:"string",required:!0,helperText:'Every input in a form needs a unique name describing what it takes, e.g. "email"'},{name:"placeholder",type:"string",defaultValue:"Hello there",helperText:"Text to display when there is no value"},{name:"defaultValue",type:"string"},{name:"value",type:"string",advanced:!0},{name:"required",type:"boolean",helperText:"Is this input required to be filled out to submit a form",defaultValue:!1}],noWrap:!0,static:!0,defaultStyles:{paddingTop:"10px",paddingBottom:"10px",paddingLeft:"10px",paddingRight:"10px",borderRadius:"3px",borderWidth:"1px",borderStyle:"solid",borderColor:"#ccc"}},Rr=o.defineComponent({name:"builder-form-input-component",props:["attributes","defaultValue","placeholder","type","name","value","required"],data(){return{isEditing:d.isEditing,filterAttrs:C}}}),Pr=["placeholder","type","name","value","defaultValue","required"];function Ar(e,t,n,r,i,s){return o.openBlock(),o.createElementBlock("input",o.mergeProps({key:e.isEditing()&&e.defaultValue?e.defaultValue:"default-key",placeholder:e.placeholder,type:e.type,name:e.name,value:e.value,defaultValue:e.defaultValue,required:e.required},e.filterAttrs(e.attributes,"v-on:",!1),o.toHandlers(e.filterAttrs(e.attributes,"v-on:",!0),!0)),null,16,Pr)}const Vr=y(Rr,[["render",Ar]]),Nr={name:"Form:Select",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",defaultStyles:{alignSelf:"flex-start"},inputs:[{name:"options",type:"list",required:!0,subFields:[{name:"value",type:"text",required:!0},{name:"name",type:"text"}],defaultValue:[{value:"option 1"},{value:"option 2"}]},{name:"name",type:"string",required:!0,helperText:'Every select in a form needs a unique name describing what it gets, e.g. "email"'},{name:"defaultValue",type:"string"},{name:"value",type:"string",advanced:!0},{name:"required",type:"boolean",defaultValue:!1}],static:!0,noWrap:!0},xr=o.defineComponent({name:"builder-select-component",props:["attributes","value","defaultValue","name","required","options"],data(){return{isEditing:d.isEditing,filterAttrs:C}}}),Dr=["value","defaultValue","name","required"],Wr=["value"];function Or(e,t,n,r,i,s){return o.openBlock(),o.createElementBlock("select",o.mergeProps({value:e.value,key:e.isEditing()&&e.defaultValue?e.defaultValue:"default-key",defaultValue:e.defaultValue,name:e.name,required:e.required},e.filterAttrs(e.attributes,"v-on:",!1),o.toHandlers(e.filterAttrs(e.attributes,"v-on:",!0),!0)),[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.options,(a,c)=>(o.openBlock(),o.createElementBlock("option",{key:`${a.name}-${c}`,value:a.value},o.toDisplayString(a.name||a.value),9,Wr))),128))],16,Dr)}const Fr=y(xr,[["render",Or]]),Ur={name:"Form:SubmitButton",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",defaultStyles:{appearance:"none",paddingTop:"15px",paddingBottom:"15px",paddingLeft:"25px",paddingRight:"25px",backgroundColor:"#3898EC",color:"white",borderRadius:"4px",cursor:"pointer"},inputs:[{name:"text",type:"text",defaultValue:"Click me"}],static:!0,noWrap:!0},Lr=o.defineComponent({name:"builder-submit-button",props:["attributes","text"],data(){return{filterAttrs:C}}});function Hr(e,t,n,r,i,s){return o.openBlock(),o.createElementBlock("button",o.mergeProps({type:"submit"},e.filterAttrs(e.attributes,"v-on:",!1),o.toHandlers(e.filterAttrs(e.attributes,"v-on:",!0),!0)),o.toDisplayString(e.text),17)}const Mr=y(Lr,[["render",Hr]]),zr={name:"Form:TextArea",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",inputs:[{advanced:!0,name:"value",type:"string"},{name:"name",type:"string",required:!0,helperText:'Every input in a form needs a unique name describing what it gets, e.g. "email"'},{name:"defaultValue",type:"string"},{name:"placeholder",type:"string",defaultValue:"Hello there"},{name:"required",type:"boolean",defaultValue:!1}],defaultStyles:{paddingTop:"10px",paddingBottom:"10px",paddingLeft:"10px",paddingRight:"10px",borderRadius:"3px",borderWidth:"1px",borderStyle:"solid",borderColor:"#ccc"},static:!0,noWrap:!0},qr=o.defineComponent({name:"builder-textarea",props:["attributes","placeholder","name","value","defaultValue","required"],data(){return{filterAttrs:C}}}),jr=["placeholder","name","value","defaultValue","required"];function Kr(e,t,n,r,i,s){return o.openBlock(),o.createElementBlock("textarea",o.mergeProps({placeholder:e.placeholder,name:e.name,value:e.value,defaultValue:e.defaultValue,required:e.required},e.filterAttrs(e.attributes,"v-on:",!1),o.toHandlers(e.filterAttrs(e.attributes,"v-on:",!0),!0)),null,16,jr)}const Gr=y(qr,[["render",Kr]]),Jr={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:le,required:!0},{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:"title",type:"string",helperText:"Text to display when hovering over the asset"},{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}],noWrap:!0},Qr=o.defineComponent({name:"builder-img-component",props:["imgSrc","image","attributes","altText","title","backgroundSize","backgroundPosition","aspectRatio"],data(){return{isEditing:d.isEditing}},computed:{srcSetToUse(){const e=this.imgSrc||this.image;if(!(!e||typeof e!="string")&&e.match(/builder\.io/))return W(e)},imgAttrs(){const e={...C(this.attributes,"v-on:",!1),...C(this.attributes,"v-on:",!0),[I()]:`builder-raw-img ${this.attributes[I()]||""}`};return delete e.style,e}}}),Yr=["alt","title","src"];function Xr(e,t,n,r,i,s){var a;return o.openBlock(),o.createElementBlock("img",o.mergeProps({loading:"lazy",key:e.isEditing()&&e.imgSrc||"default-key",alt:e.altText,title:e.title,src:e.imgSrc||e.image,style:{objectFit:e.backgroundSize||"cover",objectPosition:e.backgroundPosition||"center",aspectRatio:e.aspectRatio||void 0,...((a=e.attributes)==null?void 0:a.style)||{}}},e.imgAttrs),null,16,Yr)}const _r=y(Qr,[["render",Xr]]),Zr={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:Lo,bubble:!0,defaultValue:"https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",required:!0},{name:"posterImage",type:"file",allowedFileTypes:le,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:"preload",type:"text",defaultValue:"metadata",enum:["auto","metadata","none"]},{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}],shouldReceiveBuilderProps:{builderBlock:!0}},ei=o.defineComponent({name:"builder-video",props:["lazyLoad","autoPlay","muted","controls","loop","playsInline","preload","attributes","fit","position","aspectRatio","posterImage","video","fitContent","builderBlock"],data(){return{lazyVideoObserver:void 0}},mounted(){if(this.lazyLoad){const e=new IntersectionObserver(function(t){t.forEach(function(n){if(!n.isIntersecting)return;const r=n.target;try{Array.from(r.children).filter(i=>i instanceof HTMLElement&&i.tagName==="SOURCE").forEach(i=>{const s=i.dataset.src;s&&(i.src=s)}),r.load(),e.unobserve(r)}catch(i){console.error("Error loading lazy video:",i)}})});this.$refs.videoRef&&e.observe(this.$refs.videoRef),this.lazyVideoObserver=e}},unmounted(){this.lazyVideoObserver&&this.lazyVideoObserver.disconnect()},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.videoProps}}}}),ti={style:{position:"relative"}},ni=["preload","poster"],oi={key:1,style:{display:"flex",flexDirection:"column",alignItems:"stretch"}},ri={key:2,style:{pointerEvents:"none",display:"flex",flexDirection:"column",alignItems:"stretch",position:"absolute",top:"0",left:"0",width:"100%",height:"100%"}};function ii(e,t,n,r,i,s){var a,c,l,p,m,f,u;return o.openBlock(),o.createElementBlock("div",ti,[o.createElementVNode("video",o.mergeProps({class:"builder-video",ref:"videoRef",preload:e.lazyLoad?"none":e.preload||"metadata",style:{width:"100%",height:"100%",...(a=e.attributes)==null?void 0:a.style,objectFit:e.fit,objectPosition:e.position,borderRadius:"1px",...e.aspectRatio?{position:"absolute"}:null},poster:e.posterImage},e.spreadProps),[o.createElementVNode("source",o.mergeProps({type:"video/mp4"},e.lazyLoad?{"data-src":e.video}:{src:e.video}),null,16)],16,ni),e.aspectRatio&&!(e.fitContent&&((l=(c=e.builderBlock)==null?void 0:c.children)!=null&&l.length))?(o.openBlock(),o.createElementBlock("div",{key:0,style:o.normalizeStyle({width:"100%",paddingTop:e.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"})},null,4)):o.createCommentVNode("",!0),(m=(p=e.builderBlock)==null?void 0:p.children)!=null&&m.length&&e.fitContent?(o.openBlock(),o.createElementBlock("div",oi,[o.renderSlot(e.$slots,"default")])):o.createCommentVNode("",!0),(u=(f=e.builderBlock)==null?void 0:f.children)!=null&&u.length&&!e.fitContent?(o.openBlock(),o.createElementBlock("div",ri,[o.renderSlot(e.$slots,"default")])):o.createCommentVNode("",!0)])}const ct=y(ei,[["render",ii]]),si=()=>[{component:pr,...lr},{component:kr,...mr},{component:Br,...vr},{component:Vr,...$r},{component:Mr,...Ur},{component:Fr,...Nr},{component:Gr,...zr},{component:_r,...Jr},{component:ct,...Zr}],ve=()=>[{component:Te,...Oo},{component:Ze,...Fo},{component:et,...Uo},{component:tt,...Ho},{component:nt,...Ko},{component:Yo,...Go},{component:ft,...Xo},{component:lt,...rr},...it.includes(d.TARGET)?[{component:jo,...Mo}]:[],{component:or,..._o},{component:Wo,...Ao},...si()],ai=`function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
|
|
199
|
+
function getAndSetVariantId() {
|
|
200
|
+
function setCookie(name, value, days) {
|
|
201
|
+
let expires = '';
|
|
202
|
+
if (days) {
|
|
203
|
+
const date = new Date();
|
|
204
|
+
date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
|
|
205
|
+
expires = '; expires=' + date.toUTCString();
|
|
206
|
+
}
|
|
207
|
+
document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';
|
|
208
|
+
}
|
|
209
|
+
function getCookie(name) {
|
|
210
|
+
const nameEQ = name + '=';
|
|
211
|
+
const ca = document.cookie.split(';');
|
|
212
|
+
for (let i = 0; i < ca.length; i++) {
|
|
213
|
+
let c = ca[i];
|
|
214
|
+
while (c.charAt(0) === ' ') c = c.substring(1, c.length);
|
|
215
|
+
if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
|
|
216
|
+
}
|
|
217
|
+
return null;
|
|
218
|
+
}
|
|
219
|
+
const cookieName = \`builder.tests.\${contentId}\`;
|
|
220
|
+
const variantInCookie = getCookie(cookieName);
|
|
221
|
+
const availableIDs = variants.map(vr => vr.id).concat(contentId);
|
|
222
|
+
if (variantInCookie && availableIDs.includes(variantInCookie)) {
|
|
223
|
+
return variantInCookie;
|
|
224
|
+
}
|
|
225
|
+
let n = 0;
|
|
226
|
+
const random = Math.random();
|
|
227
|
+
for (let i = 0; i < variants.length; i++) {
|
|
228
|
+
const variant = variants[i];
|
|
229
|
+
const testRatio = variant.testRatio;
|
|
230
|
+
n += testRatio;
|
|
231
|
+
if (random < n) {
|
|
232
|
+
setCookie(cookieName, variant.id);
|
|
233
|
+
return variant.id;
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
setCookie(cookieName, contentId);
|
|
237
|
+
return contentId;
|
|
238
|
+
}
|
|
239
|
+
const winningVariantId = getAndSetVariantId();
|
|
240
|
+
let styleEl = document.currentScript?.previousElementSibling;
|
|
241
|
+
if (isAngularSDK) {
|
|
242
|
+
styleEl = document.currentScript?.parentElement?.previousElementSibling?.querySelector('style');
|
|
243
|
+
}
|
|
244
|
+
if (isHydrationTarget) {
|
|
245
|
+
styleEl.remove();
|
|
246
|
+
const thisScriptEl = document.currentScript;
|
|
247
|
+
thisScriptEl?.remove();
|
|
248
|
+
} else {
|
|
249
|
+
const newStyleStr = variants.concat({
|
|
250
|
+
id: contentId
|
|
251
|
+
}).filter(variant => variant.id !== winningVariantId).map(value => {
|
|
252
|
+
return \`.variant-\${value.id} { display: none; }
|
|
253
|
+
\`;
|
|
254
|
+
}).join('');
|
|
255
|
+
styleEl.innerHTML = newStyleStr;
|
|
256
|
+
}
|
|
257
|
+
}`,li=`function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
|
|
258
|
+
if (!navigator.cookieEnabled) {
|
|
259
|
+
return;
|
|
260
|
+
}
|
|
261
|
+
function getCookie(name) {
|
|
262
|
+
const nameEQ = name + '=';
|
|
263
|
+
const ca = document.cookie.split(';');
|
|
264
|
+
for (let i = 0; i < ca.length; i++) {
|
|
265
|
+
let c = ca[i];
|
|
266
|
+
while (c.charAt(0) === ' ') c = c.substring(1, c.length);
|
|
267
|
+
if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
|
|
268
|
+
}
|
|
269
|
+
return null;
|
|
270
|
+
}
|
|
271
|
+
const cookieName = \`builder.tests.\${defaultContentId}\`;
|
|
272
|
+
const winningVariant = getCookie(cookieName);
|
|
273
|
+
const parentDiv = document.currentScript?.parentElement;
|
|
274
|
+
const isDefaultContent = variantContentId === defaultContentId;
|
|
275
|
+
const isWinningVariant = winningVariant === variantContentId;
|
|
276
|
+
if (isWinningVariant && !isDefaultContent) {
|
|
277
|
+
parentDiv?.removeAttribute('hidden');
|
|
278
|
+
parentDiv?.removeAttribute('aria-hidden');
|
|
279
|
+
} else if (!isWinningVariant && isDefaultContent) {
|
|
280
|
+
parentDiv?.setAttribute('hidden', 'true');
|
|
281
|
+
parentDiv?.setAttribute('aria-hidden', 'true');
|
|
282
|
+
}
|
|
283
|
+
if (isHydrationTarget) {
|
|
284
|
+
if (!isWinningVariant) {
|
|
285
|
+
parentDiv?.remove();
|
|
286
|
+
}
|
|
287
|
+
const thisScriptEl = document.currentScript;
|
|
288
|
+
thisScriptEl?.remove();
|
|
289
|
+
}
|
|
290
|
+
return;
|
|
291
|
+
}`,dt="builderIoAbTest",ut="builderIoRenderContent",F=e=>Object.values((e==null?void 0:e.variations)||{}).map(t=>({...t,testVariationId:t.id,id:e==null?void 0:e.id})),ci=({canTrack:e,content:t})=>!(!(F(t).length>0)||!e),di=e=>e==="react"||e==="reactNative",ui=d.TARGET==="angular",pt=di(d.TARGET),pi=()=>`
|
|
292
|
+
window.${dt} = ${ai}
|
|
293
|
+
window.${ut} = ${li}
|
|
294
|
+
`,mi=(e,t)=>`
|
|
295
|
+
window.${dt}(
|
|
296
|
+
"${t}",${JSON.stringify(e)}, ${pt}, ${ui}
|
|
297
|
+
)`,hi=({contentId:e,variationId:t})=>`window.${ut}(
|
|
298
|
+
"${t}", "${e}", ${pt}
|
|
299
|
+
)`;function Se(e){return Math.round(e*1e3)/1e3}const fi=(e,t,n=!0)=>{if(!(e instanceof HTMLElement))return null;let r=n?e:e.parentElement;do{if(!r)return null;if(t(r))return r}while(r=r.parentElement);return null},gi=e=>fi(e,t=>{const n=t.getAttribute("builder-id")||t.id;return(n==null?void 0:n.indexOf("builder-"))===0}),Ce=({event:e,target:t})=>{const n=t.getBoundingClientRect(),r=e.clientX-n.left,i=e.clientY-n.top,s=Se(r/n.width),a=Se(i/n.height);return{x:s,y:a}},bi=e=>{const t=e.target,n=t&&gi(t),r=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:r||void 0,metadata:{targetOffset:t?Ce({event:e,target:t}):void 0,builderTargetOffset:n?Ce({event:e,target:n}):void 0,builderElementIndex:n&&r?[].slice.call(document.getElementsByClassName(r)).indexOf(n):void 0}}},yi=["svelte","qwik","vue"],ki=()=>yi.includes(d.TARGET)&&(d.isEditing()||z()),vi=e=>{var s;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],r=e.fileUrl??((s=e==null?void 0:e.files)==null?void 0:s.regular);let i="";if(r&&t&&n&&(i+=`
|
|
300
|
+
@font-face {
|
|
301
|
+
font-family: "${t}";
|
|
302
|
+
src: local("${n}"), url('${r}') format('woff2');
|
|
303
|
+
font-display: fallback;
|
|
304
|
+
font-weight: 400;
|
|
305
|
+
}
|
|
306
|
+
`.trim()),e.files)for(const a in e.files){if(!(String(Number(a))===a))continue;const l=e.files[a];l&&l!==r&&(i+=`
|
|
307
|
+
@font-face {
|
|
308
|
+
font-family: "${t}";
|
|
309
|
+
src: url('${l}') format('woff2');
|
|
310
|
+
font-display: fallback;
|
|
311
|
+
font-weight: ${a};
|
|
312
|
+
}
|
|
313
|
+
`.trim())}return i},Si=({customFonts:e})=>{var t;return((t=e==null?void 0:e.map(n=>vi(n)))==null?void 0:t.join(" "))||""},Ci=({cssCode:e,contentId:t})=>e?t?(e==null?void 0:e.replace(/&/g,`div[builder-content-id="${t}"]`))||"":e:"",Ti=`
|
|
314
|
+
.builder-button {
|
|
315
|
+
all: unset;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
|
|
319
|
+
margin: 0;
|
|
320
|
+
}
|
|
321
|
+
.builder-text > p, .builder-text > .builder-paragraph {
|
|
322
|
+
color: inherit;
|
|
323
|
+
line-height: inherit;
|
|
324
|
+
letter-spacing: inherit;
|
|
325
|
+
font-weight: inherit;
|
|
326
|
+
font-size: inherit;
|
|
327
|
+
text-align: inherit;
|
|
328
|
+
font-family: inherit;
|
|
329
|
+
}
|
|
330
|
+
`,wi=e=>e?"":Ti,Ei=e=>`variant-${e}`,Ii=o.defineComponent({name:"enable-editor",components:{DynamicDiv:x},props:["isNestedRender","builderContextSignal","canTrack","apiKey","apiHost","locale","enrich","trustedHosts","model","content","context","data","showContent","contentWrapper","contentWrapperProps"],data(){return{hasExecuted:!1,contextValue:this.builderContextSignal,prevData:null,prevLocale:"",ContentWrapper:this.contentWrapper||"div",httpReqsData:{},httpReqsPending:{},clicked:!1,builderContext:U,needsElementRefDivForEditing:ki,getWrapperClassName:Ei}},provide(){const e=this;return{[U.key]:e.builderContextSignal}},created(){this.runHttpRequests(),this.emitStateUpdate()},mounted(){var e,t,n;if(d.isBrowser()){d.isEditing()&&!this.isNestedRender&&this.$refs.elementRef&&this.$refs.elementRef.dispatchEvent(new CustomEvent("initeditingbldr"));const r=this.builderContextSignal.content&&R(this.canTrack),i=q({name:`builder.tests.${(e=this.builderContextSignal.content)==null?void 0:e.id}`,canTrack:!0}),s=(t=this.builderContextSignal.content)==null?void 0:t.testVariationId;if(r&&s===i){const a=(n=this.builderContextSignal.content)==null?void 0:n.id,c=this.apiKey;_({apiHost:this.apiHost,type:"impression",canTrack:!0,contentId:a,apiKey:c,variationId:i!==a?i:void 0})}z()&&!d.isEditing()&&this.$refs.elementRef&&this.$refs.elementRef.dispatchEvent(new CustomEvent("initpreviewingbldr"))}},watch:{onUpdateHook0:{handler(){this.content&&this.mergeNewContent(this.content)},immediate:!0},onUpdateHook1:{handler(){this.emitStateUpdate()},immediate:!0},onUpdateHook2:{handler(){if(this.data){if(this.prevData===this.data)return;this.mergeNewRootState(this.data),this.prevData=this.data}},immediate:!0},onUpdateHook3:{handler(){if(this.locale){if(this.prevLocale===this.locale)return;this.mergeNewRootState({locale:this.locale}),this.prevLocale=this.locale}},immediate:!0}},unmounted(){d.isBrowser()&&(window.removeEventListener("message",this.processMessage),window.removeEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate))},computed:{showContentProps(){return this.showContent?{}:{hidden:!0,"aria-hidden":!0}},onUpdateHook0(){return{0:this.content}},onUpdateHook1(){return{0:this.builderContextSignal.rootState}},onUpdateHook2(){return{0:this.data}},onUpdateHook3(){return{0:this.locale}}},methods:{mergeNewRootState(e,t){var r,i;const n={...this.builderContextSignal.rootState,...e};this.builderContextSignal.rootSetState?(i=(r=this.builderContextSignal).rootSetState)==null||i.call(r,n):this.builderContextSignal.rootState=n,this.builderContextSignal.rootSetState?this.builderContextSignal.rootSetState(n):this.builderContextSignal.rootState=n},mergeNewContent(e,t){var r,i,s,a,c;const n={...this.builderContextSignal.content,...e,data:{...(r=this.builderContextSignal.content)==null?void 0:r.data,...e==null?void 0:e.data},meta:{...(i=this.builderContextSignal.content)==null?void 0:i.meta,...e==null?void 0:e.meta,breakpoints:((s=e==null?void 0:e.meta)==null?void 0:s.breakpoints)||((c=(a=this.builderContextSignal.content)==null?void 0:a.meta)==null?void 0:c.breakpoints)}};this.builderContextSignal.content=n},processMessage(e){return Fe({model:this.model,trustedHosts:this.trustedHosts,callbacks:{configureSdk:t=>{var i;const{breakpoints:n,contentId:r}=t;!r||r!==((i=this.builderContextSignal.content)==null?void 0:i.id)||n&&this.mergeNewContent({meta:{breakpoints:n}})},animation:t=>{Ge(t)},contentUpdate:(t,n)=>{this.mergeNewContent(t,n)},stateUpdate:(t,n)=>{this.mergeNewRootState(t,n)}}})(e)},onClick(e){var t,n;if(this.builderContextSignal.content){const r=(t=this.builderContextSignal.content)==null?void 0:t.testVariationId,i=(n=this.builderContextSignal.content)==null?void 0:n.id;_({apiHost:this.apiHost,type:"click",canTrack:R(this.canTrack),contentId:i,apiKey:this.apiKey,variationId:r!==i?r:void 0,...bi(e),unique:!this.clicked})}this.clicked||(this.clicked=!0)},runHttpRequests(){var t,n;const e=((n=(t=this.builderContextSignal.content)==null?void 0:t.data)==null?void 0:n.httpRequests)??{};Object.entries(e).forEach(([r,i])=>{if(!i)return;const s=typeof i=="object"&&i["@type"]==="@builder.io/core:Request";if(this.httpReqsPending[r]||this.httpReqsData[r]&&!d.isEditing())return;const a=s?i.request.url:i;this.httpReqsPending[r]=!0;const c=a.replace(/{{([^}]+)}}/g,(m,f)=>String(P({code:f,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.builderContextSignal.rootSetState}))),l=s?{url:c,method:i.request.method,headers:i.request.headers,body:i.request.body}:{url:c,method:"GET"};re(JSON.stringify(l));const p={method:l.method,headers:l.headers,body:l.body};l.method==="GET"&&delete p.body,fetch(l.url,p).then(m=>m.json()).then(m=>{this.mergeNewRootState({[r]:m}),this.httpReqsData[r]=!0}).catch(m=>{console.error("error fetching dynamic data",JSON.stringify(i),m)}).finally(()=>{this.httpReqsPending[r]=!1})})},emitStateUpdate(){d.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:d.fastClone(this.builderContextSignal.rootState),ref:{name:this.model}}}))},elementRef_onIniteditingbldr(e){window.addEventListener("message",this.processMessage),Oe({...this.locale?{locale:this.locale}:{},...this.enrich?{enrich:this.enrich}:{},...this.trustedHosts?{trustedHosts:this.trustedHosts}:{},modelName:this.model??"",apiKey:this.apiKey}),Object.values(this.builderContextSignal.componentInfos).forEach(t=>{var n,r;if(!((n=t.models)!=null&&n.length)||t.models.includes(this.model)){const i=$e(t);(r=window.parent)==null||r.postMessage(i,"*")}}),window.addEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate)},elementRef_onInitpreviewingbldr(e){var s;const t=new URL(location.href).searchParams,n=t.get("builder.preview"),r=t.get(`builder.overrides.${n}`),i=t.get("apiKey")||t.get("builder.space");(n==="BUILDER_STUDIO"||n===this.model&&i===this.apiKey&&(!this.content||r===this.content.id))&&j({model:this.model,apiKey:this.apiKey,apiVersion:this.builderContextSignal.apiVersion,...n==="BUILDER_STUDIO"&&((s=this.context)!=null&&s.symbolId)?{query:{id:this.context.symbolId}}:{}}).then(a=>{a&&this.mergeNewContent(a)})}}});function Bi(e,t,n,r,i,s){var a,c,l;return e.builderContextSignal.content||e.needsElementRefDivForEditing()?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.ContentWrapper),o.mergeProps({key:0,ref:"elementRef",onClick:p=>e.onClick(p),"builder-content-id":(a=e.builderContextSignal.content)==null?void 0:a.id,"builder-model":e.model,className:e.getWrapperClassName(((c=e.content)==null?void 0:c.testVariationId)||((l=e.content)==null?void 0:l.id)),style:{display:!e.builderContextSignal.content&&e.needsElementRefDivForEditing()?"none":void 0},onIniteditingbldr:p=>e.elementRef_onIniteditingbldr(p),onInitpreviewingbldr:p=>e.elementRef_onInitpreviewingbldr(p)},{...e.showContentProps,...e.contentWrapperProps}),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},16,["onClick","builder-content-id","builder-model","className","style","onIniteditingbldr","onInitpreviewingbldr"])):o.createCommentVNode("",!0)}const $i=y(Ii,[["render",Bi]]),Ri=o.defineComponent({name:"content-styles",components:{InlinedStyles:D},props:["cssCode","contentId","customFonts","isNestedRender","nonce"],data(){return{injectedStyles:`
|
|
331
|
+
${Ci({cssCode:this.cssCode,contentId:this.contentId})}
|
|
332
|
+
${Si({customFonts:this.customFonts})}
|
|
333
|
+
${wi(this.isNestedRender)}
|
|
334
|
+
`.trim()}}});function Pi(e,t,n,r,i,s){const a=o.resolveComponent("InlinedStyles");return o.openBlock(),o.createBlock(a,{id:"builderio-content",styles:e.injectedStyles,nonce:e.nonce},null,8,["styles","nonce"])}const Ai=y(Ri,[["render",Pi]]),Vi=({content:e,data:t,locale:n})=>{var s,a,c;const r={},i=((s=e==null?void 0:e.data)==null?void 0:s.state)||{};return(c=(a=e==null?void 0:e.data)==null?void 0:a.inputs)==null||c.forEach(l=>{l.name&&l.defaultValue!==void 0&&(r[l.name]=l.defaultValue)}),{...r,...i,...t,...n?{locale:n}:{}}},Ni=({content:e,data:t})=>e?{...e,data:{...e==null?void 0:e.data,...t},meta:e==null?void 0:e.meta}:void 0,mt=o.markRaw,xi=o.defineComponent({name:"content-component",components:{EnableEditor:$i,InlinedScript:ce,ContentStyles:Ai,Blocks:$,DynamicDiv:x},props:["apiKey","context","content","customComponents","data","locale","canTrack","apiVersion","blocksWrapper","blocksWrapperProps","nonce","model","apiHost","enrich","showContent","contentWrapper","contentWrapperProps","trustedHosts","isNestedRender","isSsrAbTest","linkComponent"],data(){var e,t;return{scriptStr:hi({variationId:(e=this.content)==null?void 0:e.testVariationId,contentId:(t=this.content)==null?void 0:t.id}),registeredComponents:[...ve(),...this.customComponents||[]].reduce((n,{component:r,...i})=>({...n,[i.name]:{component:mt(r),...H(i)}}),{}),builderContextSignal:{content:Ni({content:this.content,data:this.data}),localState:void 0,rootState:Vi({content:this.content,data:this.data,locale:this.locale}),rootSetState:this.contentSetState,context:this.context||{},canTrack:this.canTrack,apiKey:this.apiKey,apiVersion:this.apiVersion,componentInfos:[...ve(),...this.customComponents||[]].reduce((n,{component:r,...i})=>({...n,[i.name]:H(i)}),{}),inheritedStyles:{},BlocksWrapper:this.blocksWrapper||"div",BlocksWrapperProps:this.blocksWrapperProps||{},nonce:this.nonce||"",model:this.model},TARGET:d.TARGET}},provide(){const e=this;return{[we.key]:{registeredComponents:e.registeredComponents}}},created(){var t,n;this.apiKey||d.logger.error("No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop.");const e=(n=(t=this.builderContextSignal.content)==null?void 0:t.data)==null?void 0:n.jsCode;e&&P({code:e,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:r=>{this.builderContextSignal.rootState=r},isExpression:!1})},methods:{contentSetState(e){this.builderContextSignal.rootState=e}}});function Di(e,t,n,r,i,s){const a=o.resolveComponent("InlinedScript"),c=o.resolveComponent("ContentStyles"),l=o.resolveComponent("Blocks"),p=o.resolveComponent("EnableEditor");return o.openBlock(),o.createBlock(p,o.mergeProps({apiHost:e.apiHost,nonce:e.nonce,content:e.content,data:e.data,model:e.model,context:e.context,apiKey:e.apiKey,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,showContent:e.showContent,builderContextSignal:e.builderContextSignal,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts,isNestedRender:e.isNestedRender},{}),{default:o.withCtx(()=>{var m,f,u,h,g,b,v;return[e.isSsrAbTest?(o.openBlock(),o.createBlock(a,{key:0,id:"builderio-variant-visibility",scriptStr:e.scriptStr,nonce:e.nonce||""},null,8,["scriptStr","nonce"])):o.createCommentVNode("",!0),e.TARGET!=="reactNative"?(o.openBlock(),o.createBlock(c,{key:1,nonce:e.nonce||"",isNestedRender:e.isNestedRender,contentId:(m=e.builderContextSignal.content)==null?void 0:m.id,cssCode:(u=(f=e.builderContextSignal.content)==null?void 0:f.data)==null?void 0:u.cssCode,customFonts:(g=(h=e.builderContextSignal.content)==null?void 0:h.data)==null?void 0:g.customFonts},null,8,["nonce","isNestedRender","contentId","cssCode","customFonts"])):o.createCommentVNode("",!0),o.createVNode(l,{blocks:(v=(b=e.builderContextSignal.content)==null?void 0:b.data)==null?void 0:v.blocks,context:e.builderContextSignal,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["blocks","context","registeredComponents","linkComponent"])]}),_:1},16,["apiHost","nonce","content","data","model","context","apiKey","canTrack","locale","enrich","showContent","builderContextSignal","contentWrapper","contentWrapperProps","trustedHosts","isNestedRender"])}const Wi=y(xi,[["render",Di]]),Oi=o.defineComponent({name:"content-variants",components:{InlinedScript:ce,InlinedStyles:D,ContentComponent:Wi},props:["canTrack","content","isNestedRender","nonce","apiHost","model","data","context","apiKey","apiVersion","customComponents","linkComponent","locale","enrich","blocksWrapper","blocksWrapperProps","contentWrapper","contentWrapperProps","trustedHosts"],data(){return{shouldRenderVariants:ci({canTrack:R(this.canTrack),content:this.content}),SDKS_SUPPORTING_PERSONALIZATION:it,getInitPersonalizationVariantsFnsScriptString:$o,TARGET:d.TARGET,getInitVariantsFnsScriptString:pi,getVariants:F}},mounted(){},computed:{updateCookieAndStylesScriptStr(){var e;return mi(F(this.content).map(t=>({id:t.testVariationId,testRatio:t.testRatio})),((e=this.content)==null?void 0:e.id)||"")},hideVariantsStyleString(){return F(this.content).map(e=>`.variant-${e.testVariationId} { display: none; } `).join("")},defaultContent(){var e;return this.shouldRenderVariants?{...this.content,testVariationId:(e=this.content)==null?void 0:e.id}:fn({item:this.content,canTrack:R(this.canTrack)})}}});function Fi(e,t,n,r,i,s){const a=o.resolveComponent("InlinedScript"),c=o.resolveComponent("InlinedStyles"),l=o.resolveComponent("ContentComponent");return o.openBlock(),o.createElementBlock(o.Fragment,null,[!e.isNestedRender&&e.TARGET!=="reactNative"?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[o.createVNode(a,{id:"builderio-init-variants-fns",scriptStr:e.getInitVariantsFnsScriptString(),nonce:e.nonce||""},null,8,["scriptStr","nonce"]),e.SDKS_SUPPORTING_PERSONALIZATION.includes(e.TARGET)?(o.openBlock(),o.createBlock(a,{key:0,id:"builderio-init-personalization-variants-fns",nonce:e.nonce||"",scriptStr:e.getInitPersonalizationVariantsFnsScriptString()},null,8,["nonce","scriptStr"])):o.createCommentVNode("",!0)],64)):o.createCommentVNode("",!0),e.shouldRenderVariants?(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[o.createVNode(c,{id:"builderio-variants",styles:e.hideVariantsStyleString,nonce:e.nonce||""},null,8,["styles","nonce"]),o.createVNode(a,{id:"builderio-variants-visibility",scriptStr:e.updateCookieAndStylesScriptStr,nonce:e.nonce||""},null,8,["scriptStr","nonce"]),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.getVariants(e.content),(p,m)=>(o.openBlock(),o.createBlock(l,o.mergeProps({key:p.testVariationId,apiHost:e.apiHost,isNestedRender:e.isNestedRender,nonce:e.nonce,content:p,showContent:!1,model:e.model,data:e.data,context:e.context,apiKey:e.apiKey,apiVersion:e.apiVersion,customComponents:e.customComponents,linkComponent:e.linkComponent,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,isSsrAbTest:e.shouldRenderVariants,blocksWrapper:e.blocksWrapper,blocksWrapperProps:e.blocksWrapperProps,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts},{}),null,16,["apiHost","isNestedRender","nonce","content","model","data","context","apiKey","apiVersion","customComponents","linkComponent","canTrack","locale","enrich","isSsrAbTest","blocksWrapper","blocksWrapperProps","contentWrapper","contentWrapperProps","trustedHosts"]))),128))],64)):o.createCommentVNode("",!0),o.createVNode(l,o.mergeProps({apiHost:e.apiHost,nonce:e.nonce,isNestedRender:e.isNestedRender,content:e.defaultContent,showContent:!0,model:e.model,data:e.data,context:e.context,apiKey:e.apiKey,apiVersion:e.apiVersion,customComponents:e.customComponents,linkComponent:e.linkComponent,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,isSsrAbTest:e.shouldRenderVariants,blocksWrapper:e.blocksWrapper,blocksWrapperProps:e.blocksWrapperProps,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts},{key:e.shouldRenderVariants.toString()}),null,16,["apiHost","nonce","isNestedRender","content","model","data","context","apiKey","apiVersion","customComponents","linkComponent","canTrack","locale","enrich","isSsrAbTest","blocksWrapper","blocksWrapperProps","contentWrapper","contentWrapperProps","trustedHosts"])],64)}const ht=y(Oi,[["render",Fi]]),Ui=async({builderContextValue:e,symbol:t})=>{if(t!=null&&t.model&&(e!=null&&e.apiKey))return j({model:t.model,apiKey:e.apiKey,apiVersion:e.apiVersion,...(t==null?void 0:t.entry)&&{query:{id:t.entry}}}).catch(n=>{d.logger.error("Could not fetch symbol content: ",n)})},Li=o.defineComponent({name:"builder-symbol",components:{ContentVariants:ht,DynamicDiv:x},props:["symbol","builderComponents","attributes","dynamic","builderContext","builderBlock","builderLinkComponent"],data(){var e,t;return{contentToUse:(e=this.symbol)==null?void 0:e.content,symbolEntry:(t=this.symbol)==null?void 0:t.entry,filterAttrs:C}},mounted(){this.setContent()},watch:{onUpdateHook0:{handler(){this.setContent()},immediate:!0}},computed:{blocksWrapper(){return"div"},contentWrapper(){return"div"},customComponents(){return Object.values(this.builderComponents)},className(){var e,t;return[this.attributes[I()],"builder-symbol",(e=this.symbol)!=null&&e.inline?"builder-inline-symbol":void 0,(t=this.symbol)!=null&&t.dynamic||this.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")},onUpdateHook0(){return{0:this.symbol}}},methods:{setContent(){var e;this.contentToUse&&this.symbolEntry===((e=this.symbol)==null?void 0:e.entry)||Ui({symbol:this.symbol,builderContextValue:this.builderContext}).then(t=>{var n;t&&(this.contentToUse=t,this.symbolEntry=(n=this.symbol)==null?void 0:n.entry)})}}});function Hi(e,t,n,r,i,s){var c,l,p,m,f;const a=o.resolveComponent("ContentVariants");return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.className},{...e.filterAttrs(e.attributes,"v-on:",!1)},o.toHandlers(e.filterAttrs(e.attributes,"v-on:",!0),!0)),[o.createVNode(a,{nonce:e.builderContext.nonce,isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:{...e.builderContext.context,symbolId:(c=e.builderBlock)==null?void 0:c.id},customComponents:e.customComponents,data:{...(l=e.symbol)==null?void 0:l.data,...e.builderContext.localState,...(m=(p=e.contentToUse)==null?void 0:p.data)==null?void 0:m.state},canTrack:e.builderContext.canTrack,model:((f=e.symbol)==null?void 0:f.model)??"",content:e.contentToUse,linkComponent:e.builderLinkComponent,blocksWrapper:e.blocksWrapper,contentWrapper:e.contentWrapper},null,8,["nonce","apiVersion","apiKey","context","customComponents","data","canTrack","model","content","linkComponent","blocksWrapper","contentWrapper"])],16)}const ft=y(Li,[["render",Hi]]);exports.Block=ae;exports.Blocks=$;exports.BuilderContext=U;exports.Button=Te;exports.Columns=Ze;exports.ContentVariants=ht;exports.Fragment=et;exports.Image=tt;exports.Section=nt;exports.Symbol=ft;exports.Text=lt;exports.Video=ct;exports._export_sfc=y;exports._processContentResult=ze;exports._sfc_main=D;exports.block=Yn;exports.camelToKebabCase=K;exports.createCssClass=Nn;exports.createRegisterComponentMessage=$e;exports.dynamicRenderer=vt;exports.evaluate=P;exports.fetchBuilderProps=Bn;exports.fetchEntries=qe;exports.fetchOneEntry=j;exports.getBuilderSearchParams=ne;exports.getClassPropName=I;exports.getMaxWidthQueryForSize=io;exports.getProcessedBlock=Be;exports.getSizesForBreakpoints=_e;exports.getStyle=Dn;exports.isPreviewing=z;exports.register=Lt;exports.registerAction=Ht;exports.setClientUserAttributes=bn;exports.setEditorSettings=Mt;exports.subscribeToEditor=cn;exports.track=an;exports.wrapComponentRef=mt;
|