@builder.io/sdk-vue 0.1.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/packages/_vue2/dist/{block-styles.57bb90ae.cjs → block-styles.b9cb70e5.cjs} +1 -1
- package/packages/_vue2/dist/{block-styles.41c88ebb.js → block-styles.e9ae5c99.js} +3 -3
- package/packages/{_vue3/dist/get-processed-block.b14f89d8.js → _vue2/dist/get-processed-block.985f56a5.js} +1 -1
- package/packages/{_vue3/dist/get-processed-block.6a1b1b3d.cjs → _vue2/dist/get-processed-block.ac23eb44.cjs} +1 -1
- package/packages/_vue2/dist/index.50198d49.cjs +30 -0
- package/packages/_vue2/dist/{index.c72e7c74.js → index.71913926.js} +75 -65
- package/packages/_vue2/dist/render-block.2c42b2ea.cjs +3 -0
- package/packages/_vue2/dist/{render-block.55447f79.js → render-block.6f078e8d.js} +6 -6
- package/packages/_vue2/dist/{render-component-with-context.e7fa8487.js → render-component-with-context.795868f2.js} +2 -2
- package/packages/_vue2/dist/{render-component-with-context.6996f337.cjs → render-component-with-context.88c14993.cjs} +1 -1
- package/packages/_vue2/dist/{render-component.e5dac3a3.cjs → render-component.4e09cdef.cjs} +1 -1
- package/packages/_vue2/dist/{render-component.1561ae1b.js → render-component.e0a952b3.js} +3 -3
- package/packages/_vue2/dist/{render-inlined-styles.0be888b3.cjs → render-inlined-styles.171750b7.cjs} +1 -1
- package/packages/_vue2/dist/{render-inlined-styles.e8e46149.js → render-inlined-styles.58be9e46.js} +1 -1
- package/packages/_vue2/dist/{render-repeated-block.f6ac2dc0.cjs → render-repeated-block.2ef95a2e.cjs} +1 -1
- package/packages/_vue2/dist/{render-repeated-block.e916911e.js → render-repeated-block.58051104.js} +2 -2
- package/packages/_vue2/dist/{render-styles.29424659.cjs → render-styles.5381508b.cjs} +1 -1
- package/packages/_vue2/dist/{render-styles.571858fa.js → render-styles.b0b466c2.js} +2 -2
- package/packages/_vue2/dist/sdk.cjs +1 -1
- package/packages/_vue2/dist/sdk.js +1 -1
- package/packages/_vue2/dist/src/helpers/ab-tests.d.ts +1 -1
- package/packages/_vue2/dist/src/helpers/cookie.d.ts +1 -1
- package/packages/_vue2/dist/src/helpers/localStorage.d.ts +2 -1
- package/packages/_vue2/dist/src/helpers/sessionId.d.ts +2 -2
- package/packages/_vue2/dist/style.css +1 -1
- package/packages/_vue3/dist/block-styles.4a2a7b8d.cjs +1 -0
- package/packages/_vue3/dist/{block-styles.fee20f95.js → block-styles.ab09f721.js} +3 -3
- package/packages/{_vue2/dist/get-processed-block.e326a312.js → _vue3/dist/get-processed-block.1220ffe6.js} +1 -1
- package/packages/{_vue2/dist/get-processed-block.7744e4bc.cjs → _vue3/dist/get-processed-block.c0ffa71e.cjs} +1 -1
- package/packages/_vue3/dist/index.ac143767.cjs +30 -0
- package/packages/_vue3/dist/{index.7a69508d.js → index.e0d3400f.js} +89 -79
- package/packages/_vue3/dist/{render-block.4a0e514b.cjs → render-block.489f5bb0.cjs} +2 -2
- package/packages/_vue3/dist/{render-block.9cdf5af8.js → render-block.f4974fcf.js} +6 -6
- package/packages/_vue3/dist/{render-component-with-context.a37b552e.cjs → render-component-with-context.49bb17cb.cjs} +1 -1
- package/packages/_vue3/dist/{render-component-with-context.7d2eb137.js → render-component-with-context.b7aac17f.js} +2 -2
- package/packages/_vue3/dist/{render-component.12bec717.js → render-component.7a972660.js} +3 -3
- package/packages/_vue3/dist/{render-component.66d935aa.cjs → render-component.af4b9326.cjs} +1 -1
- package/packages/_vue3/dist/{render-inlined-styles.87ca82f0.js → render-inlined-styles.37596a05.js} +1 -1
- package/packages/_vue3/dist/{render-inlined-styles.540df9a2.cjs → render-inlined-styles.ffa23fbe.cjs} +1 -1
- package/packages/_vue3/dist/{render-repeated-block.8da78c07.cjs → render-repeated-block.704b65cb.cjs} +1 -1
- package/packages/_vue3/dist/{render-repeated-block.0360d32e.js → render-repeated-block.7b85cf89.js} +2 -2
- package/packages/_vue3/dist/{render-styles.2274749d.cjs → render-styles.1e95e77c.cjs} +1 -1
- package/packages/_vue3/dist/{render-styles.e9da8e6c.js → render-styles.c8214c85.js} +2 -2
- package/packages/_vue3/dist/sdk.cjs +1 -1
- package/packages/_vue3/dist/sdk.js +1 -1
- package/packages/_vue3/dist/src/helpers/ab-tests.d.ts +1 -1
- package/packages/_vue3/dist/src/helpers/cookie.d.ts +1 -1
- package/packages/_vue3/dist/src/helpers/localStorage.d.ts +2 -1
- package/packages/_vue3/dist/src/helpers/sessionId.d.ts +2 -2
- package/packages/_vue3/dist/style.css +1 -1
- package/packages/_vue2/dist/index.edd725b5.cjs +0 -30
- package/packages/_vue2/dist/render-block.fed38662.cjs +0 -3
- package/packages/_vue3/dist/block-styles.6b0bbe3d.cjs +0 -1
- package/packages/_vue3/dist/index.a102bdda.cjs +0 -30
package/packages/_vue2/dist/{render-repeated-block.e916911e.js → render-repeated-block.58051104.js}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { n as r } from "./index.
|
|
2
|
-
const o = () => import("./render-block.
|
|
1
|
+
import { n as r } from "./index.71913926.js";
|
|
2
|
+
const o = () => import("./render-block.6f078e8d.js").then((e) => e.default).catch((e) => {
|
|
3
3
|
throw console.error(
|
|
4
4
|
"Error while attempting to dynamically import component RenderBlock at ./render-block.vue",
|
|
5
5
|
e
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index.50198d49.cjs"),d=()=>Promise.resolve().then(()=>require("./render-inlined-styles.171750b7.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderInlinedStyles at ../../render-inlined-styles.vue",e),e}),f={name:"render-content-styles",components:{RenderInlinedStyles:d},props:["cssCode","customFonts"],computed:{injectedStyles(){return`
|
|
2
2
|
${this.cssCode||""}
|
|
3
3
|
${this.getFontCss({customFonts:this.customFonts})}`}},methods:{getCssFromFont(e){var o,c;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],r=(c=e.fileUrl)!=null?c:(o=e==null?void 0:e.files)==null?void 0:o.regular;let i="";if(r&&t&&n&&(i+=`
|
|
4
4
|
@font-face {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { n as c } from "./index.
|
|
2
|
-
const m = () => import("./render-inlined-styles.
|
|
1
|
+
import { n as c } from "./index.71913926.js";
|
|
2
|
+
const m = () => import("./render-inlined-styles.58be9e46.js").then((e) => e.default).catch((e) => {
|
|
3
3
|
throw console.error(
|
|
4
4
|
"Error while attempting to dynamically import component RenderInlinedStyles at ../../render-inlined-styles.vue",
|
|
5
5
|
e
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.50198d49.cjs");exports.Button=e.Button;exports.Columns=e.Columns;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.RenderBlocks=e.renderBlocks;exports.RenderContent=e.renderContent;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports.components=e.components;exports.convertSearchParamsToQueryObject=e.convertSearchParamsToQueryObject;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getBuilderSearchParamsFromWindow=e.getBuilderSearchParamsFromWindow;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.normalizeSearchParams=e.normalizeSearchParams;exports.register=e.register;exports.registerComponent=e.registerComponent;exports.setEditorSettings=e.setEditorSettings;exports.track=e.track;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { B as s, C as t, F as r, I as n, i as o, r as i, h as m, S as g, d as c, V as d, l, v as S, o as C, u, w as h, x as p, q as B, j as P, k, y as v, p as w, m as x, s as y, t as F } from "./index.
|
|
1
|
+
import { B as s, C as t, F as r, I as n, i as o, r as i, h as m, S as g, d as c, V as d, l, v as S, o as C, u, w as h, x as p, q as B, j as P, k, y as v, p as w, m as x, s as y, t as F } from "./index.71913926.js";
|
|
2
2
|
export {
|
|
3
3
|
s as Button,
|
|
4
4
|
t as Columns,
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import type { CanTrack } from '../types/can-track.js';
|
|
2
|
+
import type { Nullable } from './nullable.js';
|
|
2
3
|
export declare const getLocalStorageItem: ({ key, canTrack, }: {
|
|
3
4
|
key: string;
|
|
4
|
-
} & CanTrack) => string
|
|
5
|
+
} & CanTrack) => Nullable<string>;
|
|
5
6
|
export declare const setLocalStorageItem: ({ key, canTrack, value, }: {
|
|
6
7
|
key: string;
|
|
7
8
|
value: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { CanTrack } from '../types/can-track.js';
|
|
2
|
-
export declare const getSessionId: ({ canTrack }: CanTrack) => Promise<string | undefined>;
|
|
2
|
+
export declare const getSessionId: ({ canTrack, }: CanTrack) => Promise<string | undefined>;
|
|
3
3
|
export declare const createSessionId: () => string;
|
|
4
4
|
export declare const setSessionId: ({ id, canTrack, }: {
|
|
5
5
|
id: string;
|
|
6
|
-
} & CanTrack) => Promise<
|
|
6
|
+
} & CanTrack) => Promise<void>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.div-
|
|
1
|
+
.div-29wpyomtntv[data-v-8932991b]{display:flex;line-height:normal}.div-29wpyomtntv-2[data-v-8932991b]{display:flex;flex-direction:column;align-items:stretch}.img-b1turyjjkok[data-v-e3e7800f]{opacity:1;transition:opacity .2s ease-in-out}.div-b1turyjjkok[data-v-e3e7800f]{width:100%;pointer-events:none;font-size:0}.div-b1turyjjkok-2[data-v-e3e7800f]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.button-t43jfuqn6g[data-v-7abb91cf]{all:unset}.div-23e8fqt91nf[data-v-713efc9e]{display:flex;flex-direction:column;align-items:stretch}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),s=require("./index.ac143767.cjs"),y=require("./get-processed-block.c0ffa71e.cjs"),p=()=>Promise.resolve().then(()=>require("./render-inlined-styles.ffa23fbe.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",e),e}),k={name:"block-styles",components:{RenderInlinedStyles:o.defineAsyncComponent(p)},props:["block","context"],data:()=>({TARGET:s.TARGET}),computed:{useBlock(){return y.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},css(){var a;const e=this.useBlock.responsiveStyles,c=this.context.content,r=s.getSizesForBreakpoints(((a=c==null?void 0:c.meta)==null?void 0:a.breakpoints)||{}),l=e==null?void 0:e.large,i=e==null?void 0:e.medium,t=e==null?void 0:e.small,n=this.useBlock.id,d=l?s.createCssClass({className:n,styles:l}):"",u=i?s.createCssClass({className:n,styles:i,mediaQuery:s.getMaxWidthQueryForSize("medium",r)}):"",m=t?s.createCssClass({className:n,styles:t,mediaQuery:s.getMaxWidthQueryForSize("small",r)}):"";return[d,u,m].join(" ")}}};function h(e,c,r,l,i,t){const n=o.resolveComponent("render-inlined-styles");return e.TARGET!=="reactNative"&&t.css?(o.openBlock(),o.createBlock(n,{key:0,styles:t.css},null,8,["styles"])):o.createCommentVNode("",!0)}const S=s._export_sfc(k,[["render",h]]);exports.default=S;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineAsyncComponent as u, resolveComponent as y, openBlock as k, createBlock as h, createCommentVNode as S } from "vue";
|
|
2
|
-
import { T as _, g as f, c as r, a as i, _ as g } from "./index.
|
|
3
|
-
import { g as x } from "./get-processed-block.
|
|
4
|
-
const B = () => import("./render-inlined-styles.
|
|
2
|
+
import { T as _, g as f, c as r, a as i, _ as g } from "./index.e0d3400f.js";
|
|
3
|
+
import { g as x } from "./get-processed-block.1220ffe6.js";
|
|
4
|
+
const B = () => import("./render-inlined-styles.37596a05.js").then((e) => e.default).catch((e) => {
|
|
5
5
|
throw console.error(
|
|
6
6
|
"Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",
|
|
7
7
|
e
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const o=require("./index.
|
|
1
|
+
"use strict";const o=require("./index.ac143767.cjs"),d=(e,r,i)=>{if(Object(e)!==e)return e;const n=Array.isArray(r)?r:r.toString().match(/[^.[\]]+/g);return n.slice(0,-1).reduce((t,s,c)=>Object(t[s])===t[s]?t[s]:t[s]=Math.abs(Number(n[c+1]))>>0===+n[c+1]?[]:{},e)[n[n.length-1]]=i,e};const a=({block:e,context:r,state:i})=>{if(!e.bindings)return e;const n=o.fastClone(e),t={...n,properties:{...n.properties},actions:{...n.actions}};for(const s in e.bindings){const c=e.bindings[s],u=o.evaluate({code:c,state:i,context:r});d(t,s,u)}return t};function g({block:e,context:r,shouldEvaluateBindings:i,state:n}){const t=e;return i?a({block:t,state:n,context:r}):t}exports.getProcessedBlock=g;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";const r=require("vue"),k="vue3";function f(){return typeof window<"u"&&typeof document<"u"}const F={};function $(e,n){let t=F[e];if(t||(t=F[e]=[]),t.push(n),f()){const o={type:"builder.register",data:{type:e,info:n}};try{parent.postMessage(o,"*"),parent!==window&&window.postMessage(o,"*")}catch(i){console.debug("Could not postmessage",i)}}}const pe=()=>{$("insertMenu",{name:"_default",default:!0,items:[{name:"Box"},{name:"Text"},{name:"Image"},{name:"Columns"},{name:"Core:Section"},{name:"Core:Button"},{name:"Embed"},{name:"Custom Code"}]})};let j=!1;const he=(e={})=>{var n,t;j||(j=!0,f()&&((n=window.parent)==null||n.postMessage({type:"builder.sdkInfo",data:{target:k,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(t=window.parent)==null||t.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",({data:o})=>{var i,s;if(!!(o!=null&&o.type))switch(o.type){case"builder.evaluate":{const a=o.data.text,l=o.data.arguments||[],c=o.data.id,d=new Function(a);let u,m=null;try{u=d.apply(null,l)}catch(p){m=p}m?(i=window.parent)==null||i.postMessage({type:"builder.evaluateError",data:{id:c,error:m.message}},"*"):u&&typeof u.then=="function"?u.then(p=>{var b;(b=window.parent)==null||b.postMessage({type:"builder.evaluateResult",data:{id:c,result:p}},"*")}).catch(console.error):(s=window.parent)==null||s.postMessage({type:"builder.evaluateResult",data:{result:u,id:c}},"*");break}}})))},x=e=>JSON.parse(JSON.stringify(e)),U={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},fe=(e,n=U)=>`@media (max-width: ${n[e].max}px)`,N=({small:e,medium:n})=>{const t=x(U);if(!e||!n)return t;const o=Math.floor(e/2);t.small={max:e,min:o,default:o+1};const i=t.small.max+1;t.medium={max:n,min:i,default:i+1};const s=t.medium.max+1;return t.large={max:2e3,min:s,default:s+1},t},ge=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),y=e=>e!=null,W=e=>Object.entries(e).map(([t,o])=>{if(typeof o=="string")return`${ge(t)}: ${o};`}).filter(y),v=e=>W(e).join(`
|
|
2
|
+
`),be=({mediaQuery:e,className:n,styles:t})=>{const o=`.${n} {
|
|
3
|
+
${v(t)}
|
|
4
|
+
}`;return e?`${e} {
|
|
5
|
+
${o}
|
|
6
|
+
}`:o},ye=()=>Promise.resolve().then(()=>ue).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",e),e}),ve=()=>Promise.resolve().then(()=>require("./render-inlined-styles.ffa23fbe.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderInlinedStyles at ../../components/render-inlined-styles.vue",e),e}),ke={name:"builder-columns",components:{RenderInlinedStyles:r.defineAsyncComponent(ve),RenderBlocks:r.defineAsyncComponent(ye)},props:["space","columns","stackColumnsAt","reverseColumnsWhenStacked","customBreakpoints","builderBlock"],data:()=>({TARGET:k}),computed:{columnsCssVars(){const e=this.stackColumnsAt==="never"?"inherit":this.reverseColumnsWhenStacked?"column-reverse":"column";return{"--flex-dir":e,"--flex-dir-tablet":this.maybeApplyForTablet(e)}},columnCssVars(){const e="100%",n="0";return{"--column-width":e,"--column-margin-left":n,"--column-width-tablet":this.maybeApplyForTablet(e),"--column-margin-left-tablet":this.maybeApplyForTablet(n)}},columnStyleObjects(){return{columns:{small:{flexDirection:"var(--flex-dir)",alignItems:"stretch"},medium:{flexDirection:"var(--flex-dir-tablet)",alignItems:"stretch"}},column:{small:{width:"var(--column-width) !important",marginLeft:"var(--column-margin-left) !important"},medium:{width:"var(--column-width-tablet) !important",marginLeft:"var(--column-margin-left-tablet) !important"}}}},columnsStyles(){return`
|
|
7
|
+
@media (max-width: ${this.getWidthForBreakpointSize("medium")}px) {
|
|
8
|
+
.${this.builderBlock.id}-breakpoints {
|
|
9
|
+
${v(this.columnStyleObjects.columns.medium)}
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.${this.builderBlock.id}-breakpoints > .builder-column {
|
|
13
|
+
${v(this.columnStyleObjects.column.medium)}
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
@media (max-width: ${this.getWidthForBreakpointSize("small")}px) {
|
|
18
|
+
.${this.builderBlock.id}-breakpoints {
|
|
19
|
+
${v(this.columnStyleObjects.columns.small)}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.${this.builderBlock.id}-breakpoints > .builder-column {
|
|
23
|
+
${v(this.columnStyleObjects.column.small)}
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
`},reactNativeColumnsStyles(){return this.columnStyleObjects.columns.small},reactNativeColumnStyles(){return this.columnStyleObjects.column.small}},methods:{getGutterSize(){return typeof this.space=="number"?this.space||0:20},getColumns(){return this.columns||[]},getWidth(e){var t;const n=this.getColumns();return((t=n[e])==null?void 0:t.width)||100/n.length},getColumnCssWidth(e){const n=this.getColumns(),o=this.getGutterSize()*(n.length-1)/n.length;return`calc(${this.getWidth(e)}% - ${o}px)`},maybeApplyForTablet(e){return(this.stackColumnsAt||"tablet")==="tablet"?e:"inherit"},getWidthForBreakpointSize(e){return N(this.customBreakpoints||{})[e].max},_classStringToObject(e){const n={};if(typeof e!="string")return n;const t=e.trim().split(/\s+/);for(const o of t)n[o]=!0;return n}}};const h=(e,n)=>{const t=e.__vccOpts||e;for(const[o,i]of n)t[o]=i;return t};function xe(e,n,t,o,i,s){const a=r.resolveComponent("render-inlined-styles"),l=r.resolveComponent("render-blocks");return r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(s._classStringToObject(`builder-columns ${t.builderBlock.id}-breakpoints div-2oob28krk0a`)),style:r.normalizeStyle({...e.TARGET==="reactNative"?s.reactNativeColumnsStyles:{},...s.columnsCssVars})},[e.TARGET!=="reactNative"?(r.openBlock(),r.createBlock(a,{key:0,styles:s.columnsStyles},null,8,["styles"])):r.createCommentVNode("",!0),(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(t.columns,(c,d)=>(r.openBlock(),r.createElementBlock("div",{key:d,class:"builder-column div-2oob28krk0a-2",style:r.normalizeStyle({width:s.getColumnCssWidth(d),marginLeft:`${d===0?0:s.getGutterSize()}px`,...e.TARGET==="reactNative"?s.reactNativeColumnStyles:{},...s.columnCssVars})},[r.createVNode(l,{blocks:c.blocks,path:`component.options.columns.${d}.blocks`,parent:t.builderBlock.id,styleProp:{flexGrow:"1"}},null,8,["blocks","path","parent"])],4))),128))],6)}const L=h(ke,[["render",xe],["__scopeId","data-v-e8ae58c5"]]);function A(e){return e.replace(/http(s)?:/,"")}function Ce(e="",n,t){const o=new RegExp("([?&])"+n+"=.*?(&|$)","i"),i=e.indexOf("?")!==-1?"&":"?";return e.match(o)?e.replace(o,"$1"+n+"="+encodeURIComponent(t)+"$2"):e+i+n+"="+encodeURIComponent(t)}function Se(e,n){if(!e||!(e!=null&&e.match(/cdn\.shopify\.com/))||!n)return e;if(n==="master")return A(e);const t=e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);if(t){const o=e.split(t[0]),i=t[3],s=n.match("x")?n:`${n}x`;return A(`${o[0]}_${s}${i}`)}return null}function S(e){if(!e)return e;const n=[100,200,400,800,1200,1600,2e3];if(e.match(/builder\.io/)){let t=e;const o=Number(e.split("?width=")[1]);return isNaN(o)||(t=`${t} ${o}w`),n.filter(i=>i!==o).map(i=>`${Ce(e,"width",i)} ${i}w`).concat([t]).join(", ")}return e.match(/cdn\.shopify\.com/)?n.map(t=>[Se(e,`${t}x${t}`),t]).filter(([t])=>!!t).map(([t,o])=>`${t} ${o}w`).concat([e]).join(", "):e}const _e={name:"builder-image",props:["image","src","srcset","noWebp","aspectRatio","altText","backgroundPosition","backgroundSize","className","sizes","builderBlock","fitContent"],computed:{srcSetToUse(){var t;const n=this.image||this.src;if(!n||!(n.match(/builder\.io/)||n.match(/cdn\.shopify\.com/)))return this.srcset;if(this.srcset&&((t=this.image)==null?void 0:t.includes("builder.io/api/v1/image"))){if(!this.srcset.includes(this.image.split("?")[0]))return console.debug("Removed given srcset"),S(n)}else if(this.image&&!this.srcset)return S(n);return S(n)},webpSrcSet(){var e;return((e=this.srcSetToUse)==null?void 0:e.match(/builder\.io/))&&!this.noWebp?this.srcSetToUse.replace(/\?/g,"?format=webp&"):""},aspectRatioCss(){const e={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return this.aspectRatio?e:void 0}},methods:{_classStringToObject(e){const n={};if(typeof e!="string")return n;const t=e.trim().split(/\s+/);for(const o of t)n[o]=!0;return n}}};const we=["srcset"],Ie=["alt","role","src","srcset","sizes"],Te=["srcset"],Re={key:2,class:"div-1n1bt6e2i9n-2"};function Be(e,n,t,o,i,s){var a,l,c,d;return r.openBlock(),r.createElementBlock(r.Fragment,null,[r.createElementVNode("picture",null,[s.webpSrcSet?(r.openBlock(),r.createElementBlock("source",{key:0,type:"image/webp",srcset:s.webpSrcSet},null,8,we)):r.createCommentVNode("",!0),r.createElementVNode("img",{loading:"lazy",alt:t.altText,role:t.altText?"presentation":void 0,style:r.normalizeStyle({objectPosition:t.backgroundPosition||"center",objectFit:t.backgroundSize||"cover",...s.aspectRatioCss}),class:r.normalizeClass(s._classStringToObject("builder-image"+(t.className?" "+t.className:"")+" img-1n1bt6e2i9n")),src:t.image,srcset:s.srcSetToUse,sizes:t.sizes},null,14,Ie),r.createElementVNode("source",{srcset:s.srcSetToUse},null,8,Te)]),t.aspectRatio&&!(((l=(a=t.builderBlock)==null?void 0:a.children)==null?void 0:l.length)&&t.fitContent)?(r.openBlock(),r.createElementBlock("div",{key:0,class:"builder-image-sizer div-1n1bt6e2i9n",style:r.normalizeStyle({paddingTop:t.aspectRatio*100+"%"})},null,4)):r.createCommentVNode("",!0),((d=(c=t.builderBlock)==null?void 0:c.children)==null?void 0:d.length)&&t.fitContent?r.renderSlot(e.$slots,"default",{key:1},void 0,!0):r.createCommentVNode("",!0),!t.fitContent&&e.children?(r.openBlock(),r.createElementBlock("div",Re,[r.renderSlot(e.$slots,"default",{},void 0,!0)])):r.createCommentVNode("",!0)],64)}const M=h(_e,[["render",Be],["__scopeId","data-v-ce478e56"]]),Ee={name:"builder-text",props:["text"]},Fe=["innerHTML"];function je(e,n,t,o,i,s){return r.openBlock(),r.createElementBlock("span",{class:"builder-text",innerHTML:t.text},null,8,Fe)}const z=h(Ee,[["render",je]]),Ae={name:"builder-video",props:["autoPlay","muted","controls","loop","playsInline","attributes","fit","position","video","posterImage"],computed:{videoProps(){return{...this.autoPlay===!0?{autoPlay:!0}:{},...this.muted===!0?{muted:!0}:{},...this.controls===!0?{controls:!0}:{},...this.loop===!0?{loop:!0}:{},...this.playsInline===!0?{playsInline:!0}:{}}},spreadProps(){return{...this.attributes,...this.videoProps}}}},Pe=["src","poster"];function Oe(e,n,t,o,i,s){var a;return r.openBlock(),r.createElementBlock("video",r.mergeProps({style:{width:"100%",height:"100%",...(a=t.attributes)==null?void 0:a.style,objectFit:t.fit,objectPosition:t.position,borderRadius:1},src:t.video||"no-src",poster:t.posterImage},s.spreadProps),null,16,Pe)}const H=h(Ae,[["render",Oe]]);function Ve(){return typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:globalThis}function $e(){const e=Ve().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.
|
|
27
|
+
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 K=$e(),Ue=e=>{if(e==="localhost"||e==="127.0.0.1")return e;const n=e.split(".");return n.length>2?n.slice(1).join("."):e},D=async({name:e,canTrack:n})=>{var t;try{return n?(t=document.cookie.split("; ").find(o=>o.startsWith(`${e}=`)))==null?void 0:t.split("=")[1]:void 0}catch(o){console.debug("[COOKIE] GET error: ",o);return}},Ne=e=>e.map(([n,t])=>t?`${n}=${t}`:n).filter(y).join("; "),We=[["secure",""],["SameSite","None"]],Le=({name:e,value:n,expires:t})=>{const i=(f()?location.protocol==="https:":!0)?We:[[]],s=t?[["expires",t.toUTCString()]]:[[]],a=[[e,n],...s,["path","/"],["domain",Ue(window.location.hostname)],...i];return Ne(a)},q=async({name:e,value:n,expires:t,canTrack:o})=>{try{if(!o)return;const i=Le({name:e,value:n,expires:t});document.cookie=i}catch(i){console.warn("[COOKIE] SET error: ",i)}},Me="builderio.variations",G=e=>`${Me}.${e}`,ze=({contentId:e,canTrack:n})=>D({name:G(e),canTrack:n}),He=({contentId:e,canTrack:n,value:t})=>q({name:G(e),value:t,canTrack:n}),Ke=e=>y(e.id)&&y(e.variations)&&Object.keys(e.variations).length>0,De=({id:e,variations:n})=>{var i;let t=0;const o=Math.random();for(const s in n)if(t+=(i=n[s])==null?void 0:i.testRatio,o<t)return s;return e},P=({item:e,testGroupId:n})=>{const t=e.variations[n];return n===e.id||!t?{testVariationId:e.id,testVariationName:"Default"}:{data:t.data,testVariationId:t.id,testVariationName:t.name||(t.id===e.id?"Default":"")}},qe=async({item:e,canTrack:n})=>{const t=await ze({canTrack:n,contentId:e.id}),o=t?P({item:e,testGroupId:t}):void 0;if(o)return o;{const i=De({variations:e.variations,id:e.id});return He({contentId:e.id,value:i,canTrack:n}).catch(s=>{console.error("could not store A/B test variation: ",s)}),P({item:e,testGroupId:i})}},Ge=async({item:e,canTrack:n})=>{if(!Ke(e))return;const t=await qe({item:e,canTrack:n});Object.assign(e,t)};function _(e,n=null,t="."){return Object.keys(e).reduce((o,i)=>{const s=e[i],a=[n,i].filter(Boolean).join(t);return[typeof s=="object",s!==null,!(Array.isArray(s)&&s.length===0)].every(Boolean)?{...o,..._(s,a,t)}:{...o,[a]:s}},{})}const O="builder.",Je="options.",J=e=>{const n={};return e.forEach((t,o)=>{n[o]=t}),n},X=e=>{if(!e)return{};const n=T(e),t={};return Object.keys(n).forEach(o=>{if(o.startsWith(O)){const i=o.replace(O,"").replace(Je,"");t[i]=n[o]}}),t},Y=()=>{if(!f())return{};const e=new URLSearchParams(window.location.search);return X(e)},T=e=>e instanceof URLSearchParams?J(e):e,Xe=e=>{const{limit:n=30,userAttributes:t,query:o,noTraverse:i=!1,model:s,apiKey:a,includeRefs:l=!0,locale:c}=e;if(!a)throw new Error("Missing API key");const d=new URL(`https://cdn.builder.io/api/v2/content/${s}?apiKey=${a}&limit=${n}&noTraverse=${i}&includeRefs=${l}${c?`&locale=${c}`:""}`),u={...Y(),...T(e.options||{})},m=_(u);for(const p in m)d.searchParams.set(p,String(m[p]));if(t&&d.searchParams.set("userAttributes",JSON.stringify(t)),o){const p=_({query:o});for(const b in p)d.searchParams.set(b,JSON.stringify(p[b]))}return d};async function R(e){return(await Q({...e,limit:1})).results[0]||null}async function Q(e){const n=Xe(e),o=await(await K(n.href)).json(),i=e.canTrack!==!1;if(i&&Array.isArray(o.results))for(const s of o.results)await Ge({item:s,canTrack:i});return o}const Ye=()=>Promise.resolve().then(()=>tn).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderContent at ../../components/render-content/render-content.vue",e),e}),Qe={name:"builder-symbol",components:{RenderContent:r.defineAsyncComponent(Ye)},props:["attributes","symbol","dynamic"],data:()=>({fetchedContent:null}),inject:{builderContext:"BuilderContext"},watch:{onUpdateHook0(){const e=this.symbol;e&&!e.content&&!this.fetchedContent&&e.model&&R({model:e.model,apiKey:this.builderContext.apiKey,query:{id:e.entry}}).then(n=>{this.fetchedContent=n})}},computed:{className(){var e,n;return[...Object.keys(this.attributes.class),"builder-symbol",(e=this.symbol)!=null&&e.inline?"builder-inline-symbol":void 0,((n=this.symbol)==null?void 0:n.dynamic)||this.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")},contentToUse(){var e;return((e=this.symbol)==null?void 0:e.content)||this.fetchedContent},onUpdateHook0(){return{0:this.symbol,1:this.fetchedContent}}},methods:{_classStringToObject(e){const n={};if(typeof e!="string")return n;const t=e.trim().split(/\s+/);for(const o of t)n[o]=!0;return n}}},Ze=["dataSet"];function et(e,n,t,o,i,s){var l,c,d,u,m;const a=r.resolveComponent("render-content");return r.openBlock(),r.createElementBlock("div",r.mergeProps({dataSet:{class:s.className},class:s._classStringToObject(s.className)},t.attributes),[r.createVNode(a,{apiKey:s.builderContext.apiKey,context:s.builderContext.context,customComponents:Object.values(s.builderContext.registeredComponents),data:{...(l=t.symbol)==null?void 0:l.data,...s.builderContext.state,...(u=(d=(c=t.symbol)==null?void 0:c.content)==null?void 0:d.data)==null?void 0:u.state},model:(m=t.symbol)==null?void 0:m.model,content:s.contentToUse},null,8,["apiKey","context","customComponents","data","model","content"])],16,Ze)}const Z=h(Qe,[["render",et]]),tt={name:"builder-button",props:["attributes","text","link","openLinkInNewTab"]};const nt=["href","target"];function ot(e,n,t,o,i,s){return t.link?(r.openBlock(),r.createElementBlock("a",r.mergeProps({key:0,role:"button",href:t.link,target:t.openLinkInNewTab?"_blank":void 0},t.attributes),r.toDisplayString(t.text),17,nt)):(r.openBlock(),r.createElementBlock("button",r.mergeProps({key:1,class:"button-1fogms4bee0"},t.attributes),r.toDisplayString(t.text),17))}const ee=h(tt,[["render",ot],["__scopeId","data-v-bf69ebfa"]]),rt={name:"builder-section-component",props:["attributes","maxWidth"]};function st(e,n,t,o,i,s){return r.openBlock(),r.createElementBlock("section",r.mergeProps({style:{width:"100%",alignSelf:"stretch",flexGrow:"1",boxSizing:"border-box",maxWidth:`${t.maxWidth&&typeof t.maxWidth=="number"?t.maxWidth:1200}px`,display:"flex",flexDirection:"column",alignItems:"stretch",marginLeft:"auto",marginRight:"auto"}},t.attributes),[r.renderSlot(e.$slots,"default")],16)}const te=h(rt,[["render",st]]),it={name:"builder-fragment-component",props:[]};function at(e,n,t,o,i,s){return r.openBlock(),r.createElementBlock("span",null,[r.renderSlot(e.$slots,"default")])}const ne=h(it,[["render",at]]),ct={name:"Core:Button",builtIn:!0,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},C=e=>{const n=e.toString().trim();return`return (${!n.startsWith("function")&&!n.startsWith("(")?"function ":""}${n}).apply(this, arguments)`},lt={name:"Columns",builtIn:!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:C(e=>{function n(){t.forEach(o=>{o.delete("width")})}const t=e.get("columns");Array.isArray(t)&&!!t.find(i=>i.get("width"))&&(!!t.find(s=>!s.get("width"))||t.reduce((l,c)=>l+c.get("width"),0)!==100)&&n()})},{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}]},dt={name:"Fragment",static:!0,hidden:!0,builtIn:!0,canHaveChildren:!0,noWrap:!0},ut={name:"Image",static:!0,builtIn:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",defaultStyles:{position:"relative",minHeight:"20px",minWidth:"20px",overflow:"hidden"},canHaveChildren:!0,inputs:[{name:"image",type:"file",bubble:!0,allowedFileTypes:["jpeg","jpg","png","svg"],required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",onChange:C(e=>{e.delete("srcset"),e.delete("noWebp");function t(a,l=6e4){return new Promise((c,d)=>{const u=document.createElement("img");let m=!1;u.onload=()=>{m=!0,c(u)},u.addEventListener("error",p=>{console.warn("Image load failed",p.error),d(p.error)}),u.src=a,setTimeout(()=>{m||d(new Error("Image load timed out"))},l)})}function o(a){return Math.round(a*1e3)/1e3}const i=e.get("image"),s=e.get("aspectRatio");if(fetch(i).then(a=>a.blob()).then(a=>{a.type.includes("svg")&&e.set("noWebp",!0)}),i&&(!s||s===.7041))return t(i).then(a=>{const l=e.get("aspectRatio");e.get("image")===i&&(!l||l===.7041)&&a.width&&a.height&&(e.set("aspectRatio",o(a.height/a.width)),e.set("height",a.height),e.set("width",a.width))})})},{name:"backgroundSize",type:"text",defaultValue:"cover",enum:[{label:"contain",value:"contain",helperText:"The image should never get cropped"},{label:"cover",value:"cover",helperText:"The image should fill it's box, cropping when needed"}]},{name:"backgroundPosition",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"altText",type:"string",helperText:"Text to display when the user has images off"},{name:"height",type:"number",hideFromUI:!0},{name:"width",type:"number",hideFromUI:!0},{name:"sizes",type:"string",hideFromUI:!0},{name:"srcset",type:"string",hideFromUI:!0},{name:"lazy",type:"boolean",defaultValue:!0,hideFromUI:!0},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the image's aspect ratio",defaultValue:!0},{name:"aspectRatio",type:"number",helperText:"This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",advanced:!0,defaultValue:.7041}]},mt={name:"Core:Section",static:!0,builtIn:!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>"}}}]},pt={name:"Symbol",noWrap:!0,static:!0,builtIn:!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"}]},ht={name:"Text",static:!0,builtIn:!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"}},ft={name:"Video",canHaveChildren:!0,builtIn:!0,defaultStyles:{minHeight:"20px",minWidth:"20px"},image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",inputs:[{name:"video",type:"file",allowedFileTypes:["mp4"],bubble:!0,defaultValue:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/assets%2FKQlEmWDxA0coC3PK6UvkrjwkIGI2%2F28cb070609f546cdbe5efa20e931aa4b?alt=media&token=912e9551-7a7c-4dfb-86b6-3da1537d1a7f",required:!0},{name:"posterImage",type:"file",allowedFileTypes:["jpeg","png"],helperText:"Image to show before the video plays"},{name:"autoPlay",type:"boolean",defaultValue:!0},{name:"controls",type:"boolean",defaultValue:!1},{name:"muted",type:"boolean",defaultValue:!0},{name:"loop",type:"boolean",defaultValue:!0},{name:"playsInline",type:"boolean",defaultValue:!0},{name:"fit",type:"text",defaultValue:"cover",enum:["contain","cover","fill","auto"]},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the aspect ratio",defaultValue:!0,advanced:!0},{name:"position",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"height",type:"number",advanced:!0},{name:"width",type:"number",advanced:!0},{name:"aspectRatio",type:"number",advanced:!0,defaultValue:.7004048582995948},{name:"lazyLoad",type:"boolean",helperText:'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',defaultValue:!0,advanced:!0}]},gt={name:"Embed",static:!0,builtIn:!0,inputs:[{name:"url",type:"url",required:!0,defaultValue:"",helperText:"e.g. enter a youtube url, google map, etc",onChange:C(e=>{const n=e.get("url");if(n)return e.set("content","Loading..."),fetch(`https://iframe.ly/api/iframely?url=${n}&api_key=ae0e60e78201a3f2b0de4b`).then(o=>o.json()).then(o=>{e.get("url")===n&&(o.html?e.set("content",o.html):e.set("content","Invalid url, please try another"))}).catch(o=>{e.set("content","There was an error embedding this URL, please try again or another URL")});e.delete("content")})},{name:"content",type:"html",defaultValue:'<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',hideFromUI:!0}]},bt=["text/javascript","application/javascript","application/ecmascript"],yt=e=>bt.includes(e.type),vt={name:"builder-embed",props:["content"],data:()=>({scriptsInserted:[],scriptsRun:[],ranInitFn:!1}),watch:{onUpdateHook0(){this.$refs.elem&&!this.ranInitFn&&(this.ranInitFn=!0,this.findAndRunScripts())}},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 n=0;n<e.length;n++){const t=e[n];if(t.src&&!this.scriptsInserted.includes(t.src)){this.scriptsInserted.push(t.src);const o=document.createElement("script");o.async=!0,o.src=t.src,document.head.appendChild(o)}else if(yt(t)&&!this.scriptsRun.includes(t.innerText))try{this.scriptsRun.push(t.innerText),new Function(t.innerText)()}catch(o){console.warn("`Embed`: Error running script:",o)}}}}},kt=["innerHTML"];function xt(e,n,t,o,i,s){return r.openBlock(),r.createElementBlock("div",{class:"builder-embed",ref:"elem",innerHTML:t.content},null,8,kt)}const Ct=h(vt,[["render",xt]]);function St(){return f()&&window.self!==window.top}function g(){return St()&&window.location.search.indexOf("builder.frameEditing=")!==-1}const _t={name:"builder-img-component",props:["backgroundSize","backgroundPosition","imgSrc","altText","image","attributes"],data:()=>({isEditing:g})},wt=["alt","src"];function It(e,n,t,o,i,s){return r.openBlock(),r.createElementBlock("img",r.mergeProps({style:{objectFit:t.backgroundSize||"cover",objectPosition:t.backgroundPosition||"center"},key:e.isEditing()&&t.imgSrc||"default-key",alt:t.altText,src:t.imgSrc||t.image},t.attributes),null,16,wt)}const Tt=h(_t,[["render",It]]),Rt={name:"Raw:Img",hideFromInsertMenu:!0,builtIn:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",inputs:[{name:"image",bubble:!0,type:"file",allowedFileTypes:["jpeg","jpg","png","svg"],required:!0}],noWrap:!0,static:!0},Bt={name:"builder-custom-code",props:["replaceNodes","code"],data:()=>({scriptsInserted:[],scriptsRun:[]}),mounted(){this.findAndRunScripts()},methods:{findAndRunScripts(){if(this.$refs.elem&&this.$refs.elem.getElementsByTagName&&typeof window<"u"){const e=this.$refs.elem.getElementsByTagName("script");for(let n=0;n<e.length;n++){const t=e[n];if(t.src){if(this.scriptsInserted.includes(t.src))continue;this.scriptsInserted.push(t.src);const o=document.createElement("script");o.async=!0,o.src=t.src,document.head.appendChild(o)}else if(!t.type||["text/javascript","application/javascript","application/ecmascript"].includes(t.type)){if(this.scriptsRun.includes(t.innerText))continue;try{this.scriptsRun.push(t.innerText),new Function(t.innerText)()}catch(o){console.warn("`CustomCode`: Error running script:",o)}}}}},_classStringToObject(e){const n={};if(typeof e!="string")return n;const t=e.trim().split(/\s+/);for(const o of t)n[o]=!0;return n}}},Et=["innerHTML"];function Ft(e,n,t,o,i,s){return r.openBlock(),r.createElementBlock("div",{ref:"elem",class:r.normalizeClass(s._classStringToObject("builder-custom-code"+(t.replaceNodes?" replace-nodes":""))),innerHTML:t.code},null,10,Et)}const jt=h(Bt,[["render",Ft]]),At={name:"Custom Code",static:!0,builtIn:!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}]},Pt=()=>[{component:L,...lt},{component:M,...ut},{component:Tt,...Rt},{component:z,...ht},{component:H,...ft},{component:Z,...pt},{component:ee,...ct},{component:te,...mt},{component:ne,...dt},{component:Ct,...gt},{component:jt,...At}];function w({code:e,context:n,state:t,event:o,isExpression:i=!0}){if(e===""){console.warn("Skipping evaluation of empty code block.");return}const s={isEditing:g(),isBrowser:f(),isServer:!f()},l=i&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e;try{return new Function("builder","Builder","state","context","event",l)(s,s,t,n,o)}catch(c){console.warn(`Builder custom code error:
|
|
28
|
+
While Evaluating:
|
|
29
|
+
`,l,`
|
|
30
|
+
`,c)}}function oe(){return!f()||g()?!1:Boolean(location.search.indexOf("builder.preview=")!==-1)}const B=[];function Ot(e,n){return B.push({component:e,...n}),console.warn("registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK."),e}const re=({component:e,...n})=>({type:"builder.registerComponent",data:$t(n)}),Vt=e=>typeof e=="function"?C(e):x(e),$t=({inputs:e,...n})=>({...x(n),inputs:e==null?void 0:e.map(t=>Object.entries(t).reduce((o,[i,s])=>({...o,[i]:Vt(s)}),{}))});function Ut(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){const n=Math.random()*16|0;return(e=="x"?n:n&3|8).toString(16)})}function se(){return Ut().replace(/-/g,"")}const ie="builderSessionId",Nt=async({canTrack:e})=>{if(!e)return;const n=await D({name:ie,canTrack:e});if(y(n))return n;{const t=Wt();return Lt({id:t,canTrack:e}),t}},Wt=()=>se(),Lt=({id:e,canTrack:n})=>q({name:ie,value:e,canTrack:n}),ae=()=>f()&&typeof localStorage<"u"?localStorage:void 0,Mt=({key:e,canTrack:n})=>{var t;try{return n?(t=ae())==null?void 0:t.getItem(e):void 0}catch(o){console.debug("[LocalStorage] GET error: ",o);return}},zt=({key:e,canTrack:n,value:t})=>{var o;try{n&&((o=ae())==null||o.setItem(e,t))}catch(i){console.debug("[LocalStorage] SET error: ",i)}},ce="builderVisitorId",Ht=({canTrack:e})=>{if(!e)return;const n=Mt({key:ce,canTrack:e});if(y(n))return n;{const t=Kt();return Dt({id:t,canTrack:e}),t}},Kt=()=>se(),Dt=({id:e,canTrack:n})=>zt({key:ce,value:e,canTrack:n}),qt=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const n=await Nt({canTrack:e}),t=Ht({canTrack:e});return{sessionId:n,visitorId:t}},Gt=async({type:e,canTrack:n,apiKey:t,metadata:o,...i})=>({type:e,data:{...i,metadata:JSON.stringify(o),...await qt({canTrack:n}),ownerId:t}});async function I(e){if(!e.apiKey){console.error("[Builder.io]: Missing API key for track call. Please provide your API key.");return}if(!!e.canTrack&&!g()&&!!(f()||k==="reactNative"))return fetch("https://builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await Gt(e)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(n=>{console.error("Failed to track: ",n)})}const Jt=e=>I({...e,canTrack:!0}),Xt=()=>Promise.resolve().then(()=>ue).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",e),e}),Yt=()=>Promise.resolve().then(()=>require("./render-styles.1e95e77c.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderContentStyles at ./components/render-styles.vue",e),e}),Qt={name:"render-content",components:{RenderContentStyles:r.defineAsyncComponent(Yt),RenderBlocks:r.defineAsyncComponent(Xt)},props:["content","data","canTrack","locale","context","customComponents","model","apiKey","includeRefs"],data:()=>({forceReRenderCount:0,overrideContent:null,update:0,useBreakpoints:null,overrideState:{}}),provide(){const e=this;return{BuilderContext:{get content(){return e.useContent},get state(){return e.contentState},get context(){return e.contextContext},get apiKey(){return e.apiKey},get registeredComponents(){return e.allRegisteredComponents}}}},mounted(){var e,n;if(this.apiKey||console.error("[Builder.io]: No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),f()){if(g()&&(this.forceReRenderCount=this.forceReRenderCount+1,pe(),he({...this.locale?{locale:this.locale}:{},...this.includeRefs?{includeRefs:this.includeRefs}:{}}),Object.values(this.allRegisteredComponents).forEach(t=>{var i;const o=re(t);(i=window.parent)==null||i.postMessage(o,"*")}),window.addEventListener("message",this.processMessage),window.addEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate)),this.useContent){const t=(e=this.useContent)==null?void 0:e.testVariationId,o=(n=this.useContent)==null?void 0:n.id;I({type:"impression",canTrack:this.canTrackToUse,contentId:o,apiKey:this.apiKey,variationId:t!==o?t:void 0})}if(oe()){const t=new URL(location.href).searchParams;if(this.model&&t.get("builder.preview")===this.model){const o=t.get("apiKey")||t.get("builder.space");o&&R({model:this.model,apiKey:o}).then(i=>{i&&(this.overrideContent=i)})}}this.evaluateJsCode(),this.runHttpRequests(),this.emitStateUpdate()}},watch:{onUpdateHook0(){this.evaluateJsCode()},onUpdateHook1(){this.runHttpRequests()},onUpdateHook2(){this.emitStateUpdate()}},unmounted(){f()&&(window.removeEventListener("message",this.processMessage),window.removeEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate))},computed:{useContent(){var n,t,o,i,s,a,l,c;return!this.content&&!this.overrideContent?void 0:{...this.content,...this.overrideContent,data:{...(n=this.content)==null?void 0:n.data,...this.data,...(t=this.overrideContent)==null?void 0:t.data},meta:{...(o=this.content)==null?void 0:o.meta,...(i=this.overrideContent)==null?void 0:i.meta,breakpoints:this.useBreakpoints||((a=(s=this.overrideContent)==null?void 0:s.meta)==null?void 0:a.breakpoints)||((c=(l=this.content)==null?void 0:l.meta)==null?void 0:c.breakpoints)}}},canTrackToUse(){return y(this.canTrack)?this.canTrack:!0},contentState(){var e,n;return{...(n=(e=this.content)==null?void 0:e.data)==null?void 0:n.state,...this.data,...this.locale?{locale:this.locale}:{},...this.overrideState}},contextContext(){return this.context||{}},allRegisteredComponents(){return[...Pt(),...B,...this.customComponents||[]].reduce((t,o)=>({...t,[o.name]:o}),{})},httpReqsData(){return{}},shouldRenderContentStyles(){var e,n,t,o,i;return Boolean((((n=(e=this.useContent)==null?void 0:e.data)==null?void 0:n.cssCode)||((i=(o=(t=this.useContent)==null?void 0:t.data)==null?void 0:o.customFonts)==null?void 0:i.length))&&k!=="reactNative")},onUpdateHook0(){var e,n;return{0:(n=(e=this.useContent)==null?void 0:e.data)==null?void 0:n.jsCode,1:this.contentState}},onUpdateHook1(){var e,n;return{0:(n=(e=this.useContent)==null?void 0:e.data)==null?void 0:n.httpRequests}},onUpdateHook2(){return{0:this.contentState}}},methods:{processMessage(e){var t;const{data:n}=e;if(n)switch(n.type){case"builder.configureSdk":{const o=n.data,{breakpoints:i,contentId:s}=o;if(!s||s!==((t=this.useContent)==null?void 0:t.id))return;this.useBreakpoints=i,this.forceReRenderCount=this.forceReRenderCount+1;break}case"builder.contentUpdate":{const o=n.data,i=o.key||o.alias||o.entry||o.modelName,s=o.data;i===this.model&&(this.overrideContent=s,this.forceReRenderCount=this.forceReRenderCount+1);break}}},evaluateJsCode(){var n,t;const e=(t=(n=this.useContent)==null?void 0:n.data)==null?void 0:t.jsCode;e&&w({code:e,context:this.contextContext,state:this.contentState})},onClick(e){var n,t;if(this.useContent){const o=(n=this.useContent)==null?void 0:n.testVariationId,i=(t=this.useContent)==null?void 0:t.id;I({type:"click",canTrack:this.canTrackToUse,contentId:i,apiKey:this.apiKey,variationId:o!==i?o:void 0})}},evalExpression(e){return e.replace(/{{([^}]+)}}/g,(n,t)=>w({code:t,context:this.contextContext,state:this.contentState}))},handleRequest({url:e,key:n}){K(e).then(t=>t.json()).then(t=>{const o={...this.overrideState,[n]:t};this.overrideState=o}).catch(t=>{console.log("error fetching dynamic data",e,t)})},runHttpRequests(){var n,t,o;const e=(o=(t=(n=this.useContent)==null?void 0:n.data)==null?void 0:t.httpRequests)!=null?o:{};Object.entries(e).forEach(([i,s])=>{if(s&&(!this.httpReqsData[i]||g())){const a=this.evalExpression(s);this.handleRequest({url:a,key:i})}})},emitStateUpdate(){g()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:this.contentState,ref:{name:this.model}}}))}}},Zt=["builder-content-id","builder-model"];function en(e,n,t,o,i,s){var c,d,u,m,p,b,E;const a=r.resolveComponent("render-content-styles"),l=r.resolveComponent("render-blocks");return s.useContent?(r.openBlock(),r.createElementBlock("div",{key:0,ref:"elementRef",onClick:n[0]||(n[0]=me=>s.onClick(me)),"builder-content-id":(c=s.useContent)==null?void 0:c.id,"builder-model":t.model},[s.shouldRenderContentStyles?(r.openBlock(),r.createBlock(a,{key:0,cssCode:(u=(d=s.useContent)==null?void 0:d.data)==null?void 0:u.cssCode,customFonts:(p=(m=s.useContent)==null?void 0:m.data)==null?void 0:p.customFonts},null,8,["cssCode","customFonts"])):r.createCommentVNode("",!0),(r.openBlock(),r.createBlock(l,{blocks:(E=(b=s.useContent)==null?void 0:b.data)==null?void 0:E.blocks,key:e.forceReRenderCount},null,8,["blocks"]))],8,Zt)):r.createCommentVNode("",!0)}const le=h(Qt,[["render",en]]),tn=Object.freeze(Object.defineProperty({__proto__:null,default:le},Symbol.toStringTag,{value:"Module"})),nn=()=>Promise.resolve().then(()=>require("./block-styles.4a2a7b8d.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./render-block/block-styles.vue",e),e}),on=()=>Promise.resolve().then(()=>require("./render-block.489f5bb0.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block/render-block.vue",e),e}),rn={name:"render-blocks",components:{RenderBlock:r.defineAsyncComponent(on),BlockStyles:r.defineAsyncComponent(nn)},props:["blocks","parent","path","styleProp"],inject:{builderContext:"BuilderContext"},computed:{className(){var e;return"builder-blocks"+((e=this.blocks)!=null&&e.length?"":" no-blocks")}},methods:{onClick(){var e,n;g()&&!((e=this.blocks)!=null&&e.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))},onMouseEnter(){var e,n;g()&&!((e=this.blocks)!=null&&e.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))},_classStringToObject(e){const n={};if(typeof e!="string")return n;const t=e.trim().split(/\s+/);for(const o of t)n[o]=!0;return n}}};const sn=["builder-path","builder-parent-id","dataSet"];function an(e,n,t,o,i,s){const a=r.resolveComponent("render-block"),l=r.resolveComponent("block-styles");return r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(s._classStringToObject(s.className+" div-7fq9d0i380")),"builder-path":t.path,"builder-parent-id":t.parent,dataSet:{class:s.className},style:r.normalizeStyle(t.styleProp),onClick:n[0]||(n[0]=c=>s.onClick()),onMouseenter:n[1]||(n[1]=c=>s.onMouseEnter())},[t.blocks?(r.openBlock(!0),r.createElementBlock(r.Fragment,{key:0},r.renderList(t.blocks,(c,d)=>(r.openBlock(),r.createBlock(a,{key:"render-block-"+c.id,block:c,context:s.builderContext},null,8,["block","context"]))),128)):r.createCommentVNode("",!0),t.blocks?(r.openBlock(!0),r.createElementBlock(r.Fragment,{key:1},r.renderList(t.blocks,(c,d)=>(r.openBlock(),r.createBlock(l,{key:"block-style-"+c.id,block:c,context:s.builderContext},null,8,["block","context"]))),128)):r.createCommentVNode("",!0)],46,sn)}const de=h(rn,[["render",an],["__scopeId","data-v-4f5f0a37"]]),ue=Object.freeze(Object.defineProperty({__proto__:null,default:de},Symbol.toStringTag,{value:"Module"})),V={};function cn(e){if(f()){Object.assign(V,e);const n={type:"builder.settingsChange",data:V};parent.postMessage(n,"*")}}exports.Button=ee;exports.Columns=L;exports.Fragment=ne;exports.Image=M;exports.Section=te;exports.Symbol=Z;exports.TARGET=k;exports.Text=z;exports.Video=H;exports._export_sfc=h;exports.components=B;exports.convertSearchParamsToQueryObject=J;exports.convertStyleMapToCSSArray=W;exports.createCssClass=be;exports.createRegisterComponentMessage=re;exports.evaluate=w;exports.fastClone=x;exports.getAllContent=Q;exports.getBuilderSearchParams=X;exports.getBuilderSearchParamsFromWindow=Y;exports.getContent=R;exports.getMaxWidthQueryForSize=fe;exports.getSizesForBreakpoints=N;exports.isEditing=g;exports.isPreviewing=oe;exports.normalizeSearchParams=T;exports.register=$;exports.registerComponent=Ot;exports.renderBlocks=de;exports.renderContent=le;exports.setEditorSettings=cn;exports.track=Jt;
|