@builder.io/sdk-vue 0.13.0 → 0.13.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/browser/{block-styles.95322e45.cjs → block-styles.443192e0.cjs} +1 -1
- package/lib/browser/{block-styles.ff33fd4b.js → block-styles.f235a6b3.js} +1 -1
- package/lib/browser/{block-wrapper.7d0e7793.js → block-wrapper.0326cf92.js} +3 -3
- package/lib/browser/{block-wrapper.d4835276.cjs → block-wrapper.5c142781.cjs} +1 -1
- package/lib/browser/{component-ref.4e4b7361.cjs → component-ref.1182befe.cjs} +1 -1
- package/lib/browser/{component-ref.143e9809.js → component-ref.4425a615.js} +2 -2
- package/lib/browser/constants/sdk-version.d.ts +1 -1
- package/lib/browser/{get-block-properties.c5bf29c3.js → get-block-properties.73425f09.js} +1 -1
- package/lib/browser/{get-block-properties.9c1cb86f.cjs → get-block-properties.75a4033c.cjs} +1 -1
- package/lib/browser/helpers/preview-lru-cache/helpers.d.ts +1 -0
- package/lib/browser/helpers/preview-lru-cache/types.d.ts +1 -0
- package/lib/browser/{index.6105ce9d.js → index.5f9ed15d.js} +5 -5
- package/lib/browser/index.cjs +1 -1
- package/lib/browser/{index.17c22f00.cjs → index.ea2f8191.cjs} +2 -2
- package/lib/browser/index.js +1 -1
- package/lib/browser/{repeated-block.82e03a14.cjs → repeated-block.4b8c3ea0.cjs} +1 -1
- package/lib/browser/{repeated-block.a1f4da44.js → repeated-block.ea7178d4.js} +2 -2
- package/lib/edge/{block-styles.dedad881.cjs → block-styles.ae042612.cjs} +1 -1
- package/lib/edge/{block-styles.980d4720.js → block-styles.c430e392.js} +1 -1
- package/lib/edge/{block-wrapper.3328ff87.cjs → block-wrapper.53b24038.cjs} +1 -1
- package/lib/edge/{block-wrapper.ea83843c.js → block-wrapper.f04e7d06.js} +3 -3
- package/lib/edge/{component-ref.dd2232e8.cjs → component-ref.62a7f1bd.cjs} +1 -1
- package/lib/edge/{component-ref.430e2780.js → component-ref.ebab0bd9.js} +2 -2
- package/lib/edge/constants/sdk-version.d.ts +1 -1
- package/lib/{node/get-block-properties.f9553e82.js → edge/get-block-properties.3eea9a11.js} +1 -1
- package/lib/edge/{get-block-properties.3dc6a4c8.cjs → get-block-properties.ef38da5e.cjs} +1 -1
- package/lib/edge/helpers/preview-lru-cache/helpers.d.ts +1 -0
- package/lib/edge/helpers/preview-lru-cache/types.d.ts +1 -0
- package/lib/edge/{index.e6c1e751.cjs → index.6a49244b.cjs} +2 -2
- package/lib/edge/{index.929cb1ab.js → index.ae2d13a8.js} +5 -5
- package/lib/edge/index.cjs +1 -1
- package/lib/edge/index.js +1 -1
- package/lib/edge/{repeated-block.a29651d9.cjs → repeated-block.391f9aec.cjs} +1 -1
- package/lib/edge/{repeated-block.9f41c0bb.js → repeated-block.8c46a7c6.js} +2 -2
- package/lib/node/{block-styles.a2163b32.js → block-styles.5c506171.js} +1 -1
- package/lib/node/{block-styles.cfcb2ec6.cjs → block-styles.b0758e84.cjs} +1 -1
- package/lib/node/{block-wrapper.d68c9dc7.cjs → block-wrapper.4b4b32dd.cjs} +1 -1
- package/lib/node/{block-wrapper.3d368f8e.js → block-wrapper.779562b4.js} +3 -3
- package/lib/node/{component-ref.fef25d37.cjs → component-ref.471ae470.cjs} +1 -1
- package/lib/node/{component-ref.33a25b46.js → component-ref.616a1d7e.js} +2 -2
- package/lib/node/constants/sdk-version.d.ts +1 -1
- package/lib/node/{get-block-properties.e4be170c.cjs → get-block-properties.310a39f2.cjs} +1 -1
- package/lib/{edge/get-block-properties.81f46867.js → node/get-block-properties.5a8121c0.js} +1 -1
- package/lib/node/helpers/preview-lru-cache/helpers.d.ts +1 -0
- package/lib/node/helpers/preview-lru-cache/types.d.ts +1 -0
- package/lib/node/{index.c36d9d56.cjs → index.9cc8fd23.cjs} +3 -3
- package/lib/node/index.cjs +1 -1
- package/lib/node/{index.bd1be11c.js → index.f804c64d.js} +5 -5
- package/lib/node/index.js +1 -1
- package/lib/node/{repeated-block.ebbd1d8b.js → repeated-block.4fe417ba.js} +2 -2
- package/lib/node/{repeated-block.a78f5a2c.cjs → repeated-block.fc61b1ce.cjs} +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
var y=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),e=require("./index.
|
|
1
|
+
var y=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),e=require("./index.ea2f8191.cjs"),h=o.defineComponent({name:"block-styles",components:{InlinedStyles:e.InlinedStyles},props:["block","context"],data(){return{TARGET:e.TARGET}},computed:{canShowBlock(){const t=e.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0});return e.checkIsDefined(t.hide)?!t.hide:e.checkIsDefined(t.show)?t.show:!0},css(){var d;const t=e.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0}),s=t.responsiveStyles,n=this.context.content,r=e.getSizesForBreakpoints(((d=n==null?void 0:n.meta)==null?void 0:d.breakpoints)||{}),a=s==null?void 0:s.large,i=s==null?void 0:s.medium,c=s==null?void 0:s.small,l=t.id;if(!l)return"";const u=a?e.createCssClass({className:l,styles:a}):"",S=i?e.createCssClass({className:l,styles:i,mediaQuery:e.getMaxWidthQueryForSize("medium",r)}):"",m=c?e.createCssClass({className:l,styles:c,mediaQuery:e.getMaxWidthQueryForSize("small",r)}):"";return[u,S,m].join(" ")}}});function k(t,s,n,r,a,i){const c=o.resolveComponent("inlined-styles");return t.TARGET!=="reactNative"&&t.css&&t.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,styles:t.css},null,8,["styles"])):o.createCommentVNode("v-if",!0)}const p=e._export_sfc(h,[["render",k],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-styles.vue"]]);exports.default=p;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "./style.css";
|
|
2
2
|
import { defineComponent as k, resolveComponent as y, openBlock as f, createBlock as x, createCommentVNode as b } from "vue";
|
|
3
|
-
import { I as B, T as g, g as d, c as u, a as _, b as r, d as m, _ as v } from "./index.
|
|
3
|
+
import { I as B, T as g, g as d, c as u, a as _, b as r, d as m, _ as v } from "./index.5f9ed15d.js";
|
|
4
4
|
const C = k({
|
|
5
5
|
name: "block-styles",
|
|
6
6
|
components: { InlinedStyles: B },
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "./style.css";
|
|
2
2
|
import { defineComponent as o, defineAsyncComponent as r, resolveComponent as n, openBlock as a, createBlock as c, withCtx as p, renderSlot as i } from "vue";
|
|
3
|
-
import { g as s, a as l } from "./get-block-properties.
|
|
4
|
-
import { _ as m } from "./index.
|
|
5
|
-
const d = () => import("./index.
|
|
3
|
+
import { g as s, a as l } from "./get-block-properties.73425f09.js";
|
|
4
|
+
import { _ as m } from "./index.5f9ed15d.js";
|
|
5
|
+
const d = () => import("./index.5f9ed15d.js").then((e) => e.J).then((e) => e.default).catch((e) => {
|
|
6
6
|
throw console.error(
|
|
7
7
|
"Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",
|
|
8
8
|
e
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties.
|
|
1
|
+
var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties.75a4033c.cjs"),n=require("./index.ea2f8191.cjs"),c=()=>Promise.resolve().then(()=>require("./index.ea2f8191.cjs")).then(e=>e.dynamicRenderer).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",e),e}),a=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(c)},props:["Wrapper","block","context"],data(){return{getBlockActions:o.getBlockActions,getBlockProperties:o.getBlockProperties}}});function i(e,l,p,d,u,m){const r=t.resolveComponent("dynamic-renderer");return t.openBlock(),t.createBlock(r,{TagName:e.Wrapper,attributes:e.getBlockProperties({block:e.block,context:e.context}),actionAttributes:e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const s=n._export_sfc(a,[["render",i],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-wrapper.vue"]]);exports.default=s;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var C=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),c=require("./index.
|
|
1
|
+
var C=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),c=require("./index.ea2f8191.cjs"),a=require("./get-block-properties.75a4033c.cjs"),u=o.defineComponent({name:"interactive-element",props:["wrapperProps","includeBlockProps","block","context","Wrapper"],data(){return{getBlockActions:a.getBlockActions,getBlockProperties:a.getBlockProperties}}});function d(e,t,p,s,n,l){return o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({attributes:e.includeBlockProps?{...e.getBlockProperties({block:e.block,context:e.context}),...e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}:{}},e.wrapperProps),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const m=c._export_sfc(u,[["render",d],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/interactive-element.vue"]]),f=({componentOptions:e,builderBlock:t,context:p,componentRef:s,includeBlockProps:n,isInteractive:l,contextValue:i})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:t,context:i})}:{}};return l?{Wrapper:s,block:t,context:p,wrapperProps:e,includeBlockProps:n}:r},b=o.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:m},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(m):this.componentRef,getWrapperProps:f}}});function B(e,t,p,s,n,l){const i=o.resolveComponent("block");return e.componentRef?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.normalizeProps(o.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.blockChildren,(r,k)=>(o.openBlock(),o.createBlock(i,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):o.createCommentVNode("v-if",!0)}const g=c._export_sfc(b,[["render",B],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/component-ref/component-ref.vue"]]);exports.default=g;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./style.css";
|
|
2
2
|
import { defineComponent as m, openBlock as r, createBlock as i, resolveDynamicComponent as k, mergeProps as u, withCtx as d, renderSlot as v, resolveComponent as P, normalizeProps as g, createElementBlock as B, Fragment as $, renderList as h, createCommentVNode as w } from "vue";
|
|
3
|
-
import { _ as f, B as S, w as W } from "./index.
|
|
4
|
-
import { g as R, a as b } from "./get-block-properties.
|
|
3
|
+
import { _ as f, B as S, w as W } from "./index.5f9ed15d.js";
|
|
4
|
+
import { g as R, a as b } from "./get-block-properties.73425f09.js";
|
|
5
5
|
const I = m({
|
|
6
6
|
name: "interactive-element",
|
|
7
7
|
props: ["wrapperProps", "includeBlockProps", "block", "context", "Wrapper"],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const SDK_VERSION = "0.13.
|
|
1
|
+
export declare const SDK_VERSION = "0.13.1";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var v=require("./style.css");const s=require("./index.
|
|
1
|
+
var v=require("./style.css");const s=require("./index.ea2f8191.cjs"),i=e=>`v-on:${e.toLowerCase()}`,l=(e,t)=>r=>s.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1});function u(e){var o;const t={},r=(o=e.block.actions)!=null?o:{};for(const a in r){if(!r.hasOwnProperty(a))continue;const c=r[a];let n=i(a);if(e.stripPrefix)switch(s.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=l(c,e)}return t}function f({properties:e}){return e}const p=e=>({href:e.href});function d({block:e,context:t}){var o;const r={...p(e),...e.properties,"builder-id":e.id,style:s.getStyle({block:e,context:t}),[s.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return f({properties:r,context:t,block:e})}exports.getBlockActions=u;exports.getBlockProperties=d;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -546,22 +546,22 @@ const Ot = ({
|
|
|
546
546
|
},
|
|
547
547
|
block: o
|
|
548
548
|
}));
|
|
549
|
-
}, _t = () => import("./block-styles.
|
|
549
|
+
}, _t = () => import("./block-styles.f235a6b3.js").then((e) => e.default).catch((e) => {
|
|
550
550
|
throw console.error(
|
|
551
551
|
"Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
|
|
552
552
|
e
|
|
553
553
|
), e;
|
|
554
|
-
}), Lt = () => import("./block-wrapper.
|
|
554
|
+
}), Lt = () => import("./block-wrapper.0326cf92.js").then((e) => e.default).catch((e) => {
|
|
555
555
|
throw console.error(
|
|
556
556
|
"Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
|
|
557
557
|
e
|
|
558
558
|
), e;
|
|
559
|
-
}), Ft = () => import("./component-ref.
|
|
559
|
+
}), Ft = () => import("./component-ref.4425a615.js").then((e) => e.default).catch((e) => {
|
|
560
560
|
throw console.error(
|
|
561
561
|
"Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
|
|
562
562
|
e
|
|
563
563
|
), e;
|
|
564
|
-
}), Ht = () => import("./repeated-block.
|
|
564
|
+
}), Ht = () => import("./repeated-block.ea7178d4.js").then((e) => e.default).catch((e) => {
|
|
565
565
|
throw console.error(
|
|
566
566
|
"Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
|
|
567
567
|
e
|
|
@@ -2650,7 +2650,7 @@ function Ze(e, t) {
|
|
|
2650
2650
|
const n = new URL(t.origin), o = n.hostname;
|
|
2651
2651
|
return (e || Jo).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
|
|
2652
2652
|
}
|
|
2653
|
-
const Yo = "0.13.
|
|
2653
|
+
const Yo = "0.13.1", Se = {};
|
|
2654
2654
|
function Qo(e, t) {
|
|
2655
2655
|
let n = Se[e];
|
|
2656
2656
|
if (n || (n = Se[e] = []), n.push(t), y()) {
|
package/lib/browser/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var t=require("./style.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.
|
|
1
|
+
var t=require("./style.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.ea2f8191.cjs");require("vue");exports.Blocks=e.Blocks;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.Content;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._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
|
|
@@ -5,7 +5,7 @@ var pr=require("./style.css");const r=require("vue"),et=new Set(["area","base","
|
|
|
5
5
|
${o}
|
|
6
6
|
}`:o};function It({style:e}){return e}const $t=({block:e,context:t})=>ke(It({style:e.style||{},context:t,block:e}));function ke(e){switch(y){case"svelte":case"vue":case"solid":return ge(e).join(" ");case"qwik":case"reactNative":case"react":case"rsc":return e}}function Bt(e,t,n={}){let o,s,i,a=null,l=0;const c=function(){l=n.leading===!1?0:Date.now(),a=null,i=e.apply(o,s),a||(o=s=null)};return function(){const d=Date.now();!l&&n.leading===!1&&(l=d);const u=t-(d-l);return o=this,s=arguments,u<=0||u>t?(a&&(clearTimeout(a),a=null),l=d,i=e.apply(o,s),a||(o=s=null)):!a&&n.trailing!==!1&&(a=setTimeout(c,u)),i}}function I(e,...t){const n=Object(e);for(let o=1;o<arguments.length;o++){const s=arguments[o];if(s!=null)for(const i in s)Object.prototype.hasOwnProperty.call(s,i)&&(n[i]=s[i])}return n}const K=e=>e?e.replace(/([A-Z])/g,t=>`-${t[0].toLowerCase()}`):"";function Rt(e){for(const t of e)switch(t.trigger){case"pageLoad":ye(t);break;case"hover":Et(t);break;case"scrollInView":Pt(t);break}}function z(e){console.warn(`Cannot animate element: element with ID ${e} not found!`)}function q(e,t){const n=Tt(e),o=getComputedStyle(t),s=e.steps[0].styles,i=e.steps[e.steps.length-1].styles,a=[s,i];for(const l of a)for(const c of n)c in l||(l[c]=o[c])}function Tt(e){const t=[];for(const n of e.steps)for(const o in n.styles)t.indexOf(o)===-1&&t.push(o);return t}function ye(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){z(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{q(e,n),n.style.transition="none",n.style.transitionDelay="0",I(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"),I(n.style,e.steps[1].styles),setTimeout(()=>{n.style.transition="",n.style.transitionDelay=""},(e.delay||0)*1e3+e.duration*1e3+100)})})}function Et(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){z(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{q(e,n);const o=e.steps[0].styles,s=e.steps[1].styles;function i(){I(n.style,o)}function a(){I(n.style,s)}i(),n.addEventListener("mouseenter",a),n.addEventListener("mouseleave",i),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${K(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s")})})}function Pt(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){z(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{q(e,n);let o=!1,s=!1;function i(){!o&&l(n)?(o=!0,s=!0,setTimeout(()=>{I(n.style,e.steps[1].styles),e.repeat||document.removeEventListener("scroll",a),setTimeout(()=>{s=!1,e.repeat||(n.style.transition="",n.style.transitionDelay="")},(e.duration+(e.delay||0))*1e3+100)})):e.repeat&&o&&!s&&!l(n)&&(o=!1,I(n.style,e.steps[0].styles))}const a=Bt(i,200,{leading:!1});function l(u){const p=u.getBoundingClientRect(),m=window.innerHeight,k=(e.thresholdPercent||0)/100*m;return p.bottom>k&&p.top<m-k}const c=e.steps[0].styles;function d(){I(n.style,c)}d(),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}),i()})}const At=({block:e,context:t,registeredComponents:n})=>{var i;const o=(i=M({block:e,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context,shouldEvaluateBindings:!1}).component)==null?void 0:i.name;if(!o)return null;const s=n[o];if(s)return s;console.warn(`
|
|
7
7
|
Could not find a registered component named "${o}".
|
|
8
|
-
If you registered it, is the file that registered it imported by the file that needs to render it?`)},Vt=({block:e,context:t})=>{const{repeat:n,...o}=e;if(!(n!=null&&n.collection))return;const s=T({code:n.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context});if(!Array.isArray(s))return;const i=n.collection.split(".").pop(),a=n.itemName||(i?i+"Item":"item");return s.map((c,d)=>({context:{...t,localState:{...t.localState,$index:d,$item:c,[a]:c,[`$${a}Index`]:d}},block:o}))},xt=()=>Promise.resolve().then(()=>require("./block-styles.95322e45.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",e),e}),Nt=()=>Promise.resolve().then(()=>require("./block-wrapper.d4835276.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}),Wt=()=>Promise.resolve().then(()=>require("./component-ref.4e4b7361.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}),Ot=()=>Promise.resolve().then(()=>require("./repeated-block.82e03a14.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}),Ft=r.defineComponent({name:"block",components:{BlockStyles:r.defineAsyncComponent(xt),ComponentRef:r.defineAsyncComponent(Wt),RepeatedBlock:r.defineAsyncComponent(Ot),BlockWrapper:r.defineAsyncComponent(Nt)},props:["block","context","registeredComponents","linkComponent"],data(){return{childrenContext:this.context}},mounted(){const e=this.processedBlock.id,t=this.processedBlock.animations;t&&e&&Rt(t.filter(n=>n.trigger!=="hover").map(n=>({...n,elementId:e})))},computed:{blockComponent(){return At({block:this.block,context:this.context,registeredComponents:this.registeredComponents})},repeatItem(){return Vt({block:this.block,context:this.context})},processedBlock(){var e;return(e=this.block.repeat)!=null&&e.collection?this.block:M({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0})},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,o;if((n=this.block.repeat)!=null&&n.collection)return!!((o=this.repeatItem)!=null&&o.length);const e="hide"in this.processedBlock?this.processedBlock.hide:!1;return("show"in this.processedBlock?this.processedBlock.show:!0)&&!e},childrenWithoutParentComponent(){var t,n;return!((t=this.blockComponent)!=null&&t.component)&&!this.repeatItem?(n=this.processedBlock.children)!=null?n:[]:[]},componentRefProps(){var e,t,n,o,s,i,a,l,c;return{blockChildren:(e=this.processedBlock.children)!=null?e:[],componentRef:(t=this.blockComponent)==null?void 0:t.component,componentOptions:{...ct(this.processedBlock),builderContext:this.context,...((n=this.blockComponent)==null?void 0:n.name)==="Core:Button"||((o=this.blockComponent)==null?void 0:o.name)==="Symbol"||((s=this.blockComponent)==null?void 0:s.name)==="Columns"?{builderLinkComponent:this.linkComponent}:{},...((i=this.blockComponent)==null?void 0:i.name)==="Symbol"||((a=this.blockComponent)==null?void 0:a.name)==="Columns"?{builderComponents:this.registeredComponents}:{}},context:this.childrenContext,linkComponent:this.linkComponent,registeredComponents:this.registeredComponents,builderBlock:this.processedBlock,includeBlockProps:((l=this.blockComponent)==null?void 0:l.noWrap)===!0,isInteractive:!((c=this.blockComponent)!=null&&c.isRSC)}}}});function Ut(e,t,n,o,s,i){var p;const a=r.resolveComponent("block-styles"),l=r.resolveComponent("component-ref"),c=r.resolveComponent("block",!0),d=r.resolveComponent("block-wrapper"),u=r.resolveComponent("repeated-block");return e.canShowBlock?(r.openBlock(),r.createElementBlock(r.Fragment,{key:0},[r.createVNode(a,{block:e.block,context:e.context},null,8,["block","context"]),(p=e.blockComponent)!=null&&p.noWrap?(r.openBlock(),r.createBlock(l,{key:1,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"])):(r.openBlock(),r.createElementBlock(r.Fragment,{key:0},[e.repeatItem?(r.openBlock(!0),r.createElementBlock(r.Fragment,{key:1},r.renderList(e.repeatItem,(m,b)=>(r.openBlock(),r.createBlock(u,{key:b,repeatContext:m.context,block:m.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["repeatContext","block","registeredComponents","linkComponent"]))),128)):(r.openBlock(),r.createBlock(d,{key:0,Wrapper:e.Tag,block:e.processedBlock,context:e.context,linkComponent:e.linkComponent},{default:r.withCtx(()=>[r.createVNode(l,{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"]),(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(e.childrenWithoutParentComponent,(m,b)=>(r.openBlock(),r.createBlock(c,{key:m.id,block:m,context:e.childrenContext,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},8,["Wrapper","block","context","linkComponent"]))],64))],64)):r.createCommentVNode("v-if",!0)}const G=h(Ft,[["render",Ut],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/block.vue"]]),_t=Object.freeze(Object.defineProperty({__proto__:null,default:G},Symbol.toStringTag,{value:"Module"})),Lt=r.defineComponent({name:"builder-blocks-wrapper",props:["BlocksWrapper","blocks","parent","path","styleProp","BlocksWrapperProps"],computed:{className(){var e;return"builder-blocks"+((e=this.blocks)!=null&&e.length?"":" no-blocks")}},methods:{onClick(){var e,t;v()&&!((e=this.blocks)!=null&&e.length)&&((t=window.parent)==null||t.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))},onMouseEnter(){var e,t;v()&&!((e=this.blocks)!=null&&e.length)&&((t=window.parent)==null||t.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))}}});function Ht(e,t,n,o,s,i){return r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.BlocksWrapper),r.mergeProps({class:e.className+" component-1k2igrjdg3x","builder-path":e.path,"builder-parent-id":e.parent,style:e.styleProp,onClick:a=>e.onClick(),onMouseEnter:a=>e.onMouseEnter(),onKeyPress:a=>e.onClick()},{...e.BlocksWrapperProps}),{default:r.withCtx(()=>[r.renderSlot(e.$slots,"default",{},void 0,!0)]),_:3},16,["class","builder-path","builder-parent-id","style","onClick","onMouseEnter","onKeyPress"])}const jt=h(Lt,[["render",Ht],["__scopeId","data-v-1f8aab9f"],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks-wrapper.vue"]]),Dt=r.defineComponent({name:"builder-blocks",components:{BlocksWrapper:jt,Block:G},props:["blocks","parent","path","styleProp","context","linkComponent","registeredComponents"],inject:{builderContext:O.key,componentsContext:he.key}});function Mt(e,t,n,o,s,i){var c,d;const a=r.resolveComponent("block"),l=r.resolveComponent("blocks-wrapper");return r.openBlock(),r.createBlock(l,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,BlocksWrapper:(c=e.context)==null?void 0:c.BlocksWrapper,BlocksWrapperProps:(d=e.context)==null?void 0:d.BlocksWrapperProps},{default:r.withCtx(()=>[e.blocks?(r.openBlock(!0),r.createElementBlock(r.Fragment,{key:0},r.renderList(e.blocks,(u,p)=>(r.openBlock(),r.createBlock(a,{key:u.id,block:u,linkComponent:e.linkComponent,context:e.context||e.builderContext,registeredComponents:e.registeredComponents||e.componentsContext.registeredComponents},null,8,["block","linkComponent","context","registeredComponents"]))),128)):r.createCommentVNode("v-if",!0)]),_:1},8,["blocks","parent","path","styleProp","BlocksWrapper","BlocksWrapperProps"])}const A=h(Dt,[["render",Mt],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks.vue"]]),Kt=r.defineComponent({render(){return r.h("style",{id:this.id,innerHTML:this.styles})},name:"inlined-styles",props:["styles","id"]}),_=h(Kt,[["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-styles.vue"]]),Ce={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},zt=(e,t=Ce)=>`@media (max-width: ${t[e].max}px)`,ve=({small:e,medium:t})=>{const n=P(Ce);if(!e||!t)return n;const o=Math.floor(e/2);n.small={max:e,min:o,default:o+1};const s=n.small.max+1;n.medium={max:t,min:s,default:s+1};const i=n.medium.max+1;return n.large={max:2e3,min:i,default:i+1},n},qt=r.defineComponent({name:"builder-columns",components:{InlinedStyles:_,DynamicRenderer:D,Blocks:A},props:["js","space","columns","stackColumnsAt","reverseColumnsWhenStacked","builderContext","builderBlock","builderLinkComponent","builderComponents"],data(){return{gutterSize:typeof this.space=="number"?this.space||0:20,cols:this.columns||[],stackAt:this.stackColumnsAt||"tablet",flexDir:this.stackColumnsAt==="never"?"row":this.reverseColumnsWhenStacked?"column-reverse":"column",TARGET:y,getClassPropName:U,mapStyleObjToStrIfNeeded:ke}},computed:{columnsCssVars(){return{"--flex-dir":this.flexDir,"--flex-dir-tablet":this.getTabletStyle({stackedStyle:this.flexDir,desktopStyle:"row"})}},columnsStyles(){return`
|
|
8
|
+
If you registered it, is the file that registered it imported by the file that needs to render it?`)},Vt=({block:e,context:t})=>{const{repeat:n,...o}=e;if(!(n!=null&&n.collection))return;const s=T({code:n.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context});if(!Array.isArray(s))return;const i=n.collection.split(".").pop(),a=n.itemName||(i?i+"Item":"item");return s.map((c,d)=>({context:{...t,localState:{...t.localState,$index:d,$item:c,[a]:c,[`$${a}Index`]:d}},block:o}))},xt=()=>Promise.resolve().then(()=>require("./block-styles.443192e0.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",e),e}),Nt=()=>Promise.resolve().then(()=>require("./block-wrapper.5c142781.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}),Wt=()=>Promise.resolve().then(()=>require("./component-ref.1182befe.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}),Ot=()=>Promise.resolve().then(()=>require("./repeated-block.4b8c3ea0.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}),Ft=r.defineComponent({name:"block",components:{BlockStyles:r.defineAsyncComponent(xt),ComponentRef:r.defineAsyncComponent(Wt),RepeatedBlock:r.defineAsyncComponent(Ot),BlockWrapper:r.defineAsyncComponent(Nt)},props:["block","context","registeredComponents","linkComponent"],data(){return{childrenContext:this.context}},mounted(){const e=this.processedBlock.id,t=this.processedBlock.animations;t&&e&&Rt(t.filter(n=>n.trigger!=="hover").map(n=>({...n,elementId:e})))},computed:{blockComponent(){return At({block:this.block,context:this.context,registeredComponents:this.registeredComponents})},repeatItem(){return Vt({block:this.block,context:this.context})},processedBlock(){var e;return(e=this.block.repeat)!=null&&e.collection?this.block:M({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0})},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,o;if((n=this.block.repeat)!=null&&n.collection)return!!((o=this.repeatItem)!=null&&o.length);const e="hide"in this.processedBlock?this.processedBlock.hide:!1;return("show"in this.processedBlock?this.processedBlock.show:!0)&&!e},childrenWithoutParentComponent(){var t,n;return!((t=this.blockComponent)!=null&&t.component)&&!this.repeatItem?(n=this.processedBlock.children)!=null?n:[]:[]},componentRefProps(){var e,t,n,o,s,i,a,l,c;return{blockChildren:(e=this.processedBlock.children)!=null?e:[],componentRef:(t=this.blockComponent)==null?void 0:t.component,componentOptions:{...ct(this.processedBlock),builderContext:this.context,...((n=this.blockComponent)==null?void 0:n.name)==="Core:Button"||((o=this.blockComponent)==null?void 0:o.name)==="Symbol"||((s=this.blockComponent)==null?void 0:s.name)==="Columns"?{builderLinkComponent:this.linkComponent}:{},...((i=this.blockComponent)==null?void 0:i.name)==="Symbol"||((a=this.blockComponent)==null?void 0:a.name)==="Columns"?{builderComponents:this.registeredComponents}:{}},context:this.childrenContext,linkComponent:this.linkComponent,registeredComponents:this.registeredComponents,builderBlock:this.processedBlock,includeBlockProps:((l=this.blockComponent)==null?void 0:l.noWrap)===!0,isInteractive:!((c=this.blockComponent)!=null&&c.isRSC)}}}});function Ut(e,t,n,o,s,i){var p;const a=r.resolveComponent("block-styles"),l=r.resolveComponent("component-ref"),c=r.resolveComponent("block",!0),d=r.resolveComponent("block-wrapper"),u=r.resolveComponent("repeated-block");return e.canShowBlock?(r.openBlock(),r.createElementBlock(r.Fragment,{key:0},[r.createVNode(a,{block:e.block,context:e.context},null,8,["block","context"]),(p=e.blockComponent)!=null&&p.noWrap?(r.openBlock(),r.createBlock(l,{key:1,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"])):(r.openBlock(),r.createElementBlock(r.Fragment,{key:0},[e.repeatItem?(r.openBlock(!0),r.createElementBlock(r.Fragment,{key:1},r.renderList(e.repeatItem,(m,b)=>(r.openBlock(),r.createBlock(u,{key:b,repeatContext:m.context,block:m.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["repeatContext","block","registeredComponents","linkComponent"]))),128)):(r.openBlock(),r.createBlock(d,{key:0,Wrapper:e.Tag,block:e.processedBlock,context:e.context,linkComponent:e.linkComponent},{default:r.withCtx(()=>[r.createVNode(l,{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"]),(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(e.childrenWithoutParentComponent,(m,b)=>(r.openBlock(),r.createBlock(c,{key:m.id,block:m,context:e.childrenContext,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},8,["Wrapper","block","context","linkComponent"]))],64))],64)):r.createCommentVNode("v-if",!0)}const G=h(Ft,[["render",Ut],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/block.vue"]]),_t=Object.freeze(Object.defineProperty({__proto__:null,default:G},Symbol.toStringTag,{value:"Module"})),Lt=r.defineComponent({name:"builder-blocks-wrapper",props:["BlocksWrapper","blocks","parent","path","styleProp","BlocksWrapperProps"],computed:{className(){var e;return"builder-blocks"+((e=this.blocks)!=null&&e.length?"":" no-blocks")}},methods:{onClick(){var e,t;v()&&!((e=this.blocks)!=null&&e.length)&&((t=window.parent)==null||t.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))},onMouseEnter(){var e,t;v()&&!((e=this.blocks)!=null&&e.length)&&((t=window.parent)==null||t.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))}}});function Ht(e,t,n,o,s,i){return r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.BlocksWrapper),r.mergeProps({class:e.className+" component-1k2igrjdg3x","builder-path":e.path,"builder-parent-id":e.parent,style:e.styleProp,onClick:a=>e.onClick(),onMouseEnter:a=>e.onMouseEnter(),onKeyPress:a=>e.onClick()},{...e.BlocksWrapperProps}),{default:r.withCtx(()=>[r.renderSlot(e.$slots,"default",{},void 0,!0)]),_:3},16,["class","builder-path","builder-parent-id","style","onClick","onMouseEnter","onKeyPress"])}const jt=h(Lt,[["render",Ht],["__scopeId","data-v-1f8aab9f"],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks-wrapper.vue"]]),Dt=r.defineComponent({name:"builder-blocks",components:{BlocksWrapper:jt,Block:G},props:["blocks","parent","path","styleProp","context","linkComponent","registeredComponents"],inject:{builderContext:O.key,componentsContext:he.key}});function Mt(e,t,n,o,s,i){var c,d;const a=r.resolveComponent("block"),l=r.resolveComponent("blocks-wrapper");return r.openBlock(),r.createBlock(l,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,BlocksWrapper:(c=e.context)==null?void 0:c.BlocksWrapper,BlocksWrapperProps:(d=e.context)==null?void 0:d.BlocksWrapperProps},{default:r.withCtx(()=>[e.blocks?(r.openBlock(!0),r.createElementBlock(r.Fragment,{key:0},r.renderList(e.blocks,(u,p)=>(r.openBlock(),r.createBlock(a,{key:u.id,block:u,linkComponent:e.linkComponent,context:e.context||e.builderContext,registeredComponents:e.registeredComponents||e.componentsContext.registeredComponents},null,8,["block","linkComponent","context","registeredComponents"]))),128)):r.createCommentVNode("v-if",!0)]),_:1},8,["blocks","parent","path","styleProp","BlocksWrapper","BlocksWrapperProps"])}const A=h(Dt,[["render",Mt],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks.vue"]]),Kt=r.defineComponent({render(){return r.h("style",{id:this.id,innerHTML:this.styles})},name:"inlined-styles",props:["styles","id"]}),_=h(Kt,[["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-styles.vue"]]),Ce={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},zt=(e,t=Ce)=>`@media (max-width: ${t[e].max}px)`,ve=({small:e,medium:t})=>{const n=P(Ce);if(!e||!t)return n;const o=Math.floor(e/2);n.small={max:e,min:o,default:o+1};const s=n.small.max+1;n.medium={max:t,min:s,default:s+1};const i=n.medium.max+1;return n.large={max:2e3,min:i,default:i+1},n},qt=r.defineComponent({name:"builder-columns",components:{InlinedStyles:_,DynamicRenderer:D,Blocks:A},props:["js","space","columns","stackColumnsAt","reverseColumnsWhenStacked","builderContext","builderBlock","builderLinkComponent","builderComponents"],data(){return{gutterSize:typeof this.space=="number"?this.space||0:20,cols:this.columns||[],stackAt:this.stackColumnsAt||"tablet",flexDir:this.stackColumnsAt==="never"?"row":this.reverseColumnsWhenStacked?"column-reverse":"column",TARGET:y,getClassPropName:U,mapStyleObjToStrIfNeeded:ke}},computed:{columnsCssVars(){return{"--flex-dir":this.flexDir,"--flex-dir-tablet":this.getTabletStyle({stackedStyle:this.flexDir,desktopStyle:"row"})}},columnsStyles(){return`
|
|
9
9
|
@media (max-width: ${this.getWidthForBreakpointSize("medium")}px) {
|
|
10
10
|
.${this.builderBlock.id}-breakpoints {
|
|
11
11
|
flex-direction: var(--flex-dir-tablet);
|
|
@@ -128,7 +128,7 @@ var pr=require("./style.css");const r=require("vue"),et=new Set(["area","base","
|
|
|
128
128
|
)`,po=({contentId:e,variationId:t})=>`window.${Oe}(
|
|
129
129
|
"${t}", "${e}", ${Fe}
|
|
130
130
|
)`,mo=r.defineComponent({render(){return r.h("script",{id:this.id,innerHTML:this.scriptStr})},name:"inlined-script",props:["scriptStr","id"]}),Ue=h(mo,[["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-script.vue"]]);function ho(){return typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:globalThis}function fo(){const e=ho().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.
|
|
131
|
-
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 _e=fo();function W(e,t=null,n="."){return Object.keys(e).reduce((o,s)=>{const i=e[s],a=[t,s].filter(Boolean).join(n);return[typeof i=="object",i!==null,!(Array.isArray(i)&&i.length===0)].every(Boolean)?{...o,...W(i,a,n)}:{...o,[a]:i}},{})}const bo="v3",ie="builder.",go="options.",ko=e=>{const t={};return e.forEach((n,o)=>{t[o]=n}),t},Y=e=>{if(!e)return{};const t=Le(e),n={};return Object.keys(t).forEach(o=>{if(o.startsWith(ie)){const s=o.replace(ie,"").replace(go,"");n[s]=t[o]}}),n},yo=()=>{if(!f())return{};const e=new URLSearchParams(window.location.search);return Y(e)},Le=e=>e instanceof URLSearchParams?ko(e):e,ae=e=>typeof e=="number"&&!isNaN(e)&&e>=0,Q=e=>{let{noTraverse:t=!1}=e;const{limit:n=30,userAttributes:o,query:s,model:i,apiKey:a,includeRefs:l=!0,enrich:c,locale:d,apiVersion:u=bo,fields:p,omit:m,offset:b,cacheSeconds:k,staleCacheSeconds:$,sort:B,includeUnpublished:ee}=e;if(!a)throw new Error("Missing API key");if(!["v3"].includes(u))throw new Error(`Invalid apiVersion: expected 'v3', received '${u}'`);(e.limit===void 0||e.limit>1)&&!("noTraverse"in e)&&(t=!0);const C=new URL(`https://cdn.builder.io/api/${u}/content/${i}?apiKey=${a}&limit=${n}&noTraverse=${t}&includeRefs=${l}${d?`&locale=${d}`:""}${c?`&enrich=${c}`:""}`);if(C.searchParams.set("omit",m||"meta.componentsUsed"),p&&C.searchParams.set("fields",p),Number.isFinite(b)&&b>-1&&C.searchParams.set("offset",String(Math.floor(b))),typeof ee=="boolean"&&C.searchParams.set("includeUnpublished",String(ee)),k&&ae(k)&&C.searchParams.set("cacheSeconds",String(k)),$&&ae($)&&C.searchParams.set("staleCacheSeconds",String($)),B){const w=W({sort:B});for(const R in w)C.searchParams.set(R,JSON.stringify(w[R]))}const Ze={...yo(),...Le(e.options||{})},te=W(Ze);for(const w in te)C.searchParams.set(w,String(te[w]));if(o&&C.searchParams.set("userAttributes",JSON.stringify(o)),s){const w=W({query:s});for(const R in w)C.searchParams.set(R,JSON.stringify(w[R]))}return C},Co=e=>"results"in e;async function V(e){const t=await X({...e,limit:1});return t&&t[0]||null}const vo=V,So=async e=>{const t=Q(e);return await(await _e(t.href)).json()},He=async(e,t,n=Q(e))=>{const o=E(e.canTrack);if(n.search.includes("preview="),!o||!(f()||y==="reactNative"))return t.results;try{const s=[];for(const i of t.results)s.push(await gn({item:i,canTrack:o}));t.results=s}catch(s){g.error("Could not process A/B tests. ",s)}return t.results};async function X(e){try{const t=Q(e),n=await So(e);return Co(n)?He(e,n):(g.error("Error fetching data. ",{url:t,content:n,options:e}),null)}catch(t){return g.error("Error fetching data. ",t),null}}const wo=X;function je(){return!f()||v()?!1:Boolean(location.search.indexOf("builder.preview=")!==-1)}function Io(){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 De(){return Io().replace(/-/g,"")}const Me="builderSessionId",$o=async({canTrack:e})=>{if(!e)return;const t=await Re({name:Me,canTrack:e});if(S(t))return t;{const n=Bo();return Ro({id:n,canTrack:e}),n}},Bo=()=>De(),Ro=({id:e,canTrack:t})=>Te({name:Me,value:e,canTrack:t}),Ke=()=>f()&&typeof localStorage<"u"?localStorage:void 0,To=({key:e,canTrack:t})=>{var n;try{return t?(n=Ke())==null?void 0:n.getItem(e):void 0}catch(o){console.debug("[LocalStorage] GET error: ",o);return}},Eo=({key:e,canTrack:t,value:n})=>{var o;try{t&&((o=Ke())==null||o.setItem(e,n))}catch(s){console.debug("[LocalStorage] SET error: ",s)}},ze="builderVisitorId",Po=({canTrack:e})=>{if(!e)return;const t=To({key:ze,canTrack:e});if(S(t))return t;{const n=Ao();return Vo({id:n,canTrack:e}),n}},Ao=()=>De(),Vo=({id:e,canTrack:t})=>Eo({key:ze,value:e,canTrack:t}),xo=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await $o({canTrack:e}),n=Po({canTrack:e});return{sessionId:t,visitorId:n}},No=async({type:e,canTrack:t,apiKey:n,metadata:o,...s})=>({type:e,data:{...s,metadata:{url:location.href,...o},...await xo({canTrack:t}),userAttributes:fe(),ownerId:n}});async function j(e){if(!e.apiKey){g.error("Missing API key for track call. Please provide your API key.");return}if(!!e.canTrack&&!v()&&!!(f()||y==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await No(e)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(t=>{console.error("Failed to track: ",t)})}const Wo=e=>j({...e,canTrack:!0});function le(e){return Math.round(e*1e3)/1e3}const Oo=(e,t,n=!0)=>{if(!(e instanceof HTMLElement))return null;let o=n?e:e.parentElement;do{if(!o)return null;if(t(o))return o}while(o=o.parentElement);return null},Fo=e=>Oo(e,t=>{const n=t.getAttribute("builder-id")||t.id;return Boolean((n==null?void 0:n.indexOf("builder-"))===0)}),ce=({event:e,target:t})=>{const n=t.getBoundingClientRect(),o=e.clientX-n.left,s=e.clientY-n.top,i=le(o/n.width),a=le(s/n.height);return{x:i,y:a}},Uo=e=>{const t=e.target,n=t&&Fo(t),o=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:o||void 0,metadata:{targetOffset:t?ce({event:e,target:t}):void 0,builderTargetOffset:n?ce({event:e,target:n}):void 0,builderElementIndex:n&&o?[].slice.call(document.getElementsByClassName(o)).indexOf(n):void 0}}},_o=["*.beta.builder.io","beta.builder.io","builder.io","localhost","qa.builder.io"];function qe(e,t){const n=new URL(t.origin),o=n.hostname;return(e||_o).findIndex(s=>s.startsWith("*.")?o.endsWith(s.slice(1)):s===o)>-1}const Lo="0.13.0",de={};function Ge(e,t){let n=de[e];if(n||(n=de[e]=[]),n.push(t),f()){const o={type:"builder.register",data:{type:e,info:t}};try{parent.postMessage(o,"*"),parent!==window&&window.postMessage(o,"*")}catch(s){console.debug("Could not postmessage",s)}}}const Ho=()=>{Ge("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 ue=!1;const Je=(e={})=>{var t,n;ue||(ue=!0,f()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:y,version:Lo,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",o=>{var i,a;if(!qe(e.trustedHosts,o))return;const{data:s}=o;if(!!(s!=null&&s.type))switch(s.type){case"builder.evaluate":{const l=s.data.text,c=s.data.arguments||[],d=s.data.id,u=new Function(l);let p,m=null;try{p=u.apply(null,c)}catch(b){m=b}m?(i=window.parent)==null||i.postMessage({type:"builder.evaluateError",data:{id:d,error:m.message}},"*"):p&&typeof p.then=="function"?p.then(b=>{var k;(k=window.parent)==null||k.postMessage({type:"builder.evaluateResult",data:{id:d,result:b}},"*")}).catch(console.error):(a=window.parent)==null||a.postMessage({type:"builder.evaluateResult",data:{result:p,id:d}},"*");break}}})))},Ye=({model:e,trustedHosts:t,callbacks:n})=>o=>{if(!qe(t,o))return;const{data:s}=o;if(s)switch(s.type){case"builder.configureSdk":{n.configureSdk(s.data);break}case"builder.triggerAnimation":{n.animation(s.data);break}case"builder.contentUpdate":{const i=s.data,a=i.key||i.alias||i.entry||i.modelName,l=i.data;a===e&&n.contentUpdate(l);break}}},jo=(e,t,n)=>{if(!f)return g.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."),()=>{};Je();const o=Ye({callbacks:{contentUpdate:t,animation:()=>{},configureSdk:()=>{}},model:e,trustedHosts:n==null?void 0:n.trustedHosts});return window.addEventListener("message",o),()=>{window.removeEventListener("message",o)}},Do=r.defineComponent({name:"enable-editor",props:["builderContextSignal","contentWrapper","model","trustedHosts","context","canTrack","apiKey","locale","includeRefs","enrich","content","showContent","contentWrapperProps","data"],data(){return{forceReRenderCount:0,firstRender:!0,lastUpdated:0,shouldSendResetCookie:!1,ContentWrapper:this.contentWrapper||"div",httpReqsData:{},clicked:!1,builderContext:O}},provide(){const e=this;return{[O.key]:e.builderContextSignal}},mounted(){(()=>{var n,o;if(f()){if(v()&&this.$refs.elementRef&&this.$refs.elementRef.dispatchEvent(new CustomEvent("initeditingbldr")),this.builderContextSignal.content&&E(this.canTrack)){const i=(n=this.builderContextSignal.content)==null?void 0:n.testVariationId,a=(o=this.builderContextSignal.content)==null?void 0:o.id,l=this.apiKey;j({type:"impression",canTrack:!0,contentId:a,apiKey:l,variationId:i!==a?i:void 0})}je()&&this.$refs.elementRef&&this.$refs.elementRef.dispatchEvent(new CustomEvent("initpreviewingbldr"))}})(),(()=>{this.apiKey||g.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),this.evaluateJsCode(),this.runHttpRequests(),this.emitStateUpdate()})()},watch:{onUpdateHook0:{handler(){this.content&&this.mergeNewContent(this.content)},immediate:!0},onUpdateHook1:{handler(){},immediate:!0},onUpdateHook2:{handler(){this.evaluateJsCode()},immediate:!0},onUpdateHook3:{handler(){this.runHttpRequests()},immediate:!0},onUpdateHook4:{handler(){this.emitStateUpdate()},immediate:!0},onUpdateHook5:{handler(){this.data&&this.mergeNewRootState(this.data)},immediate:!0},onUpdateHook6:{handler(){this.locale&&this.mergeNewRootState({locale:this.locale})},immediate:!0}},unmounted(){f()&&(window.removeEventListener("message",this.processMessage),window.removeEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate))},computed:{onUpdateHook0(){return{0:this.content}},onUpdateHook1(){return{0:this.shouldSendResetCookie}},onUpdateHook2(){var e,t;return{0:(t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.jsCode}},onUpdateHook3(){var e,t;return{0:(t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.httpRequests}},onUpdateHook4(){return{0:this.builderContextSignal.rootState}},onUpdateHook5(){return{0:this.data}},onUpdateHook6(){return{0:this.locale}}},methods:{mergeNewRootState(e){var n,o;const t={...this.builderContextSignal.rootState,...e};this.builderContextSignal.rootSetState?(o=(n=this.builderContextSignal).rootSetState)==null||o.call(n,t):this.builderContextSignal.rootState=t},mergeNewContent(e){var n,o,s,i,a;const t={...this.builderContextSignal.content,...e,data:{...(n=this.builderContextSignal.content)==null?void 0:n.data,...e==null?void 0:e.data},meta:{...(o=this.builderContextSignal.content)==null?void 0:o.meta,...e==null?void 0:e.meta,breakpoints:((s=e==null?void 0:e.meta)==null?void 0:s.breakpoints)||((a=(i=this.builderContextSignal.content)==null?void 0:i.meta)==null?void 0:a.breakpoints)}};this.builderContextSignal.content=t},processMessage(e){return Ye({model:this.model,trustedHosts:this.trustedHosts,callbacks:{configureSdk:t=>{var s;const{breakpoints:n,contentId:o}=t;!o||o!==((s=this.builderContextSignal.content)==null?void 0:s.id)||n&&(this.mergeNewContent({meta:{breakpoints:n}}),this.forceReRenderCount=this.forceReRenderCount+1)},animation:t=>{ye(t)},contentUpdate:t=>{this.mergeNewContent(t),this.forceReRenderCount=this.forceReRenderCount+1}}})(e)},evaluateJsCode(){var t,n;const e=(n=(t=this.builderContextSignal.content)==null?void 0:t.data)==null?void 0:n.jsCode;e&&T({code:e,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.builderContextSignal.rootSetState})},onClick(e){var t,n;if(this.builderContextSignal.content){const o=(t=this.builderContextSignal.content)==null?void 0:t.testVariationId,s=(n=this.builderContextSignal.content)==null?void 0:n.id;j({type:"click",canTrack:E(this.canTrack),contentId:s,apiKey:this.apiKey,variationId:o!==s?o:void 0,...Uo(e),unique:!this.clicked})}this.clicked||(this.clicked=!0)},evalExpression(e){return e.replace(/{{([^}]+)}}/g,(t,n)=>T({code:n,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.builderContextSignal.rootSetState}))},handleRequest({url:e,key:t}){_e(e).then(n=>n.json()).then(n=>{var s,i;const o={...this.builderContextSignal.rootState,[t]:n};(i=(s=this.builderContextSignal).rootSetState)==null||i.call(s,o),this.httpReqsData[t]=!0}).catch(n=>{console.error("error fetching dynamic data",e,n)})},runHttpRequests(){var t,n,o;const e=(o=(n=(t=this.builderContextSignal.content)==null?void 0:t.data)==null?void 0:n.httpRequests)!=null?o:{};Object.entries(e).forEach(([s,i])=>{if(i&&(!this.httpReqsData[s]||v())){const a=this.evalExpression(i);this.handleRequest({url:a,key:s})}})},emitStateUpdate(){v()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:P(this.builderContextSignal.rootState),ref:{name:this.model}}}))},elementRef_onIniteditingbldr(e){this.forceReRenderCount=this.forceReRenderCount+1,window.addEventListener("message",this.processMessage),Ho(),Je({...this.locale?{locale:this.locale}:{},...this.includeRefs?{includeRefs:this.includeRefs}:{},...this.enrich?{enrich:this.enrich}:{},...this.trustedHosts?{trustedHosts:this.trustedHosts}:{}}),Object.values(this.builderContextSignal.componentInfos).forEach(t=>{var o;const n=Ne(t);(o=window.parent)==null||o.postMessage(n,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate)},elementRef_onInitpreviewingbldr(e){const t=new URL(location.href).searchParams,n=t.get("builder.preview"),o=t.get(`builder.preview.${n}`),s=t.get("apiKey")||t.get("builder.space");n===this.model&&s===this.apiKey&&(!this.content||o===this.content.id)&&V({model:this.model,apiKey:this.apiKey,apiVersion:this.builderContextSignal.apiVersion}).then(i=>{i&&this.mergeNewContent(i)})}}});function Mo(e,t,n,o,s,i){var a,l,c;return e.builderContextSignal.content?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.ContentWrapper),r.mergeProps({key:e.forceReRenderCount,ref:"elementRef",onClick:d=>e.onClick(d),"builder-content-id":(a=e.builderContextSignal.content)==null?void 0:a.id,"builder-model":e.model,class:`variant-${((l=e.content)==null?void 0:l.testVariationId)||((c=e.content)==null?void 0:c.id)}`,onIniteditingbldr:d=>e.elementRef_onIniteditingbldr(d),onInitpreviewingbldr:d=>e.elementRef_onInitpreviewingbldr(d)},{...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps}),{default:r.withCtx(()=>[r.renderSlot(e.$slots,"default")]),_:3},16,["onClick","builder-content-id","builder-model","class","onIniteditingbldr","onInitpreviewingbldr"])):r.createCommentVNode("v-if",!0)}const Ko=h(Do,[["render",Mo],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/enable-editor.vue"]]),zo=e=>{var i,a;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],o=(a=e.fileUrl)!=null?a:(i=e==null?void 0:e.files)==null?void 0:i.regular;let s="";if(o&&t&&n&&(s+=`
|
|
131
|
+
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 _e=fo();function W(e,t=null,n="."){return Object.keys(e).reduce((o,s)=>{const i=e[s],a=[t,s].filter(Boolean).join(n);return[typeof i=="object",i!==null,!(Array.isArray(i)&&i.length===0)].every(Boolean)?{...o,...W(i,a,n)}:{...o,[a]:i}},{})}const bo="v3",ie="builder.",go="options.",ko=e=>{const t={};return e.forEach((n,o)=>{t[o]=n}),t},Y=e=>{if(!e)return{};const t=Le(e),n={};return Object.keys(t).forEach(o=>{if(o.startsWith(ie)){const s=o.replace(ie,"").replace(go,"");n[s]=t[o]}}),n},yo=()=>{if(!f())return{};const e=new URLSearchParams(window.location.search);return Y(e)},Le=e=>e instanceof URLSearchParams?ko(e):e,ae=e=>typeof e=="number"&&!isNaN(e)&&e>=0,Q=e=>{let{noTraverse:t=!1}=e;const{limit:n=30,userAttributes:o,query:s,model:i,apiKey:a,includeRefs:l=!0,enrich:c,locale:d,apiVersion:u=bo,fields:p,omit:m,offset:b,cacheSeconds:k,staleCacheSeconds:$,sort:B,includeUnpublished:ee}=e;if(!a)throw new Error("Missing API key");if(!["v3"].includes(u))throw new Error(`Invalid apiVersion: expected 'v3', received '${u}'`);(e.limit===void 0||e.limit>1)&&!("noTraverse"in e)&&(t=!0);const C=new URL(`https://cdn.builder.io/api/${u}/content/${i}?apiKey=${a}&limit=${n}&noTraverse=${t}&includeRefs=${l}${d?`&locale=${d}`:""}${c?`&enrich=${c}`:""}`);if(C.searchParams.set("omit",m||"meta.componentsUsed"),p&&C.searchParams.set("fields",p),Number.isFinite(b)&&b>-1&&C.searchParams.set("offset",String(Math.floor(b))),typeof ee=="boolean"&&C.searchParams.set("includeUnpublished",String(ee)),k&&ae(k)&&C.searchParams.set("cacheSeconds",String(k)),$&&ae($)&&C.searchParams.set("staleCacheSeconds",String($)),B){const w=W({sort:B});for(const R in w)C.searchParams.set(R,JSON.stringify(w[R]))}const Ze={...yo(),...Le(e.options||{})},te=W(Ze);for(const w in te)C.searchParams.set(w,String(te[w]));if(o&&C.searchParams.set("userAttributes",JSON.stringify(o)),s){const w=W({query:s});for(const R in w)C.searchParams.set(R,JSON.stringify(w[R]))}return C},Co=e=>"results"in e;async function V(e){const t=await X({...e,limit:1});return t&&t[0]||null}const vo=V,So=async e=>{const t=Q(e);return await(await _e(t.href)).json()},He=async(e,t,n=Q(e))=>{const o=E(e.canTrack);if(n.search.includes("preview="),!o||!(f()||y==="reactNative"))return t.results;try{const s=[];for(const i of t.results)s.push(await gn({item:i,canTrack:o}));t.results=s}catch(s){g.error("Could not process A/B tests. ",s)}return t.results};async function X(e){try{const t=Q(e),n=await So(e);return Co(n)?He(e,n):(g.error("Error fetching data. ",{url:t,content:n,options:e}),null)}catch(t){return g.error("Error fetching data. ",t),null}}const wo=X;function je(){return!f()||v()?!1:Boolean(location.search.indexOf("builder.preview=")!==-1)}function Io(){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 De(){return Io().replace(/-/g,"")}const Me="builderSessionId",$o=async({canTrack:e})=>{if(!e)return;const t=await Re({name:Me,canTrack:e});if(S(t))return t;{const n=Bo();return Ro({id:n,canTrack:e}),n}},Bo=()=>De(),Ro=({id:e,canTrack:t})=>Te({name:Me,value:e,canTrack:t}),Ke=()=>f()&&typeof localStorage<"u"?localStorage:void 0,To=({key:e,canTrack:t})=>{var n;try{return t?(n=Ke())==null?void 0:n.getItem(e):void 0}catch(o){console.debug("[LocalStorage] GET error: ",o);return}},Eo=({key:e,canTrack:t,value:n})=>{var o;try{t&&((o=Ke())==null||o.setItem(e,n))}catch(s){console.debug("[LocalStorage] SET error: ",s)}},ze="builderVisitorId",Po=({canTrack:e})=>{if(!e)return;const t=To({key:ze,canTrack:e});if(S(t))return t;{const n=Ao();return Vo({id:n,canTrack:e}),n}},Ao=()=>De(),Vo=({id:e,canTrack:t})=>Eo({key:ze,value:e,canTrack:t}),xo=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await $o({canTrack:e}),n=Po({canTrack:e});return{sessionId:t,visitorId:n}},No=async({type:e,canTrack:t,apiKey:n,metadata:o,...s})=>({type:e,data:{...s,metadata:{url:location.href,...o},...await xo({canTrack:t}),userAttributes:fe(),ownerId:n}});async function j(e){if(!e.apiKey){g.error("Missing API key for track call. Please provide your API key.");return}if(!!e.canTrack&&!v()&&!!(f()||y==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await No(e)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(t=>{console.error("Failed to track: ",t)})}const Wo=e=>j({...e,canTrack:!0});function le(e){return Math.round(e*1e3)/1e3}const Oo=(e,t,n=!0)=>{if(!(e instanceof HTMLElement))return null;let o=n?e:e.parentElement;do{if(!o)return null;if(t(o))return o}while(o=o.parentElement);return null},Fo=e=>Oo(e,t=>{const n=t.getAttribute("builder-id")||t.id;return Boolean((n==null?void 0:n.indexOf("builder-"))===0)}),ce=({event:e,target:t})=>{const n=t.getBoundingClientRect(),o=e.clientX-n.left,s=e.clientY-n.top,i=le(o/n.width),a=le(s/n.height);return{x:i,y:a}},Uo=e=>{const t=e.target,n=t&&Fo(t),o=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:o||void 0,metadata:{targetOffset:t?ce({event:e,target:t}):void 0,builderTargetOffset:n?ce({event:e,target:n}):void 0,builderElementIndex:n&&o?[].slice.call(document.getElementsByClassName(o)).indexOf(n):void 0}}},_o=["*.beta.builder.io","beta.builder.io","builder.io","localhost","qa.builder.io"];function qe(e,t){const n=new URL(t.origin),o=n.hostname;return(e||_o).findIndex(s=>s.startsWith("*.")?o.endsWith(s.slice(1)):s===o)>-1}const Lo="0.13.1",de={};function Ge(e,t){let n=de[e];if(n||(n=de[e]=[]),n.push(t),f()){const o={type:"builder.register",data:{type:e,info:t}};try{parent.postMessage(o,"*"),parent!==window&&window.postMessage(o,"*")}catch(s){console.debug("Could not postmessage",s)}}}const Ho=()=>{Ge("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 ue=!1;const Je=(e={})=>{var t,n;ue||(ue=!0,f()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:y,version:Lo,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",o=>{var i,a;if(!qe(e.trustedHosts,o))return;const{data:s}=o;if(!!(s!=null&&s.type))switch(s.type){case"builder.evaluate":{const l=s.data.text,c=s.data.arguments||[],d=s.data.id,u=new Function(l);let p,m=null;try{p=u.apply(null,c)}catch(b){m=b}m?(i=window.parent)==null||i.postMessage({type:"builder.evaluateError",data:{id:d,error:m.message}},"*"):p&&typeof p.then=="function"?p.then(b=>{var k;(k=window.parent)==null||k.postMessage({type:"builder.evaluateResult",data:{id:d,result:b}},"*")}).catch(console.error):(a=window.parent)==null||a.postMessage({type:"builder.evaluateResult",data:{result:p,id:d}},"*");break}}})))},Ye=({model:e,trustedHosts:t,callbacks:n})=>o=>{if(!qe(t,o))return;const{data:s}=o;if(s)switch(s.type){case"builder.configureSdk":{n.configureSdk(s.data);break}case"builder.triggerAnimation":{n.animation(s.data);break}case"builder.contentUpdate":{const i=s.data,a=i.key||i.alias||i.entry||i.modelName,l=i.data;a===e&&n.contentUpdate(l);break}}},jo=(e,t,n)=>{if(!f)return g.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."),()=>{};Je();const o=Ye({callbacks:{contentUpdate:t,animation:()=>{},configureSdk:()=>{}},model:e,trustedHosts:n==null?void 0:n.trustedHosts});return window.addEventListener("message",o),()=>{window.removeEventListener("message",o)}},Do=r.defineComponent({name:"enable-editor",props:["builderContextSignal","contentWrapper","model","trustedHosts","context","canTrack","apiKey","locale","includeRefs","enrich","content","showContent","contentWrapperProps","data"],data(){return{forceReRenderCount:0,firstRender:!0,lastUpdated:0,shouldSendResetCookie:!1,ContentWrapper:this.contentWrapper||"div",httpReqsData:{},clicked:!1,builderContext:O}},provide(){const e=this;return{[O.key]:e.builderContextSignal}},mounted(){(()=>{var n,o;if(f()){if(v()&&this.$refs.elementRef&&this.$refs.elementRef.dispatchEvent(new CustomEvent("initeditingbldr")),this.builderContextSignal.content&&E(this.canTrack)){const i=(n=this.builderContextSignal.content)==null?void 0:n.testVariationId,a=(o=this.builderContextSignal.content)==null?void 0:o.id,l=this.apiKey;j({type:"impression",canTrack:!0,contentId:a,apiKey:l,variationId:i!==a?i:void 0})}je()&&this.$refs.elementRef&&this.$refs.elementRef.dispatchEvent(new CustomEvent("initpreviewingbldr"))}})(),(()=>{this.apiKey||g.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),this.evaluateJsCode(),this.runHttpRequests(),this.emitStateUpdate()})()},watch:{onUpdateHook0:{handler(){this.content&&this.mergeNewContent(this.content)},immediate:!0},onUpdateHook1:{handler(){},immediate:!0},onUpdateHook2:{handler(){this.evaluateJsCode()},immediate:!0},onUpdateHook3:{handler(){this.runHttpRequests()},immediate:!0},onUpdateHook4:{handler(){this.emitStateUpdate()},immediate:!0},onUpdateHook5:{handler(){this.data&&this.mergeNewRootState(this.data)},immediate:!0},onUpdateHook6:{handler(){this.locale&&this.mergeNewRootState({locale:this.locale})},immediate:!0}},unmounted(){f()&&(window.removeEventListener("message",this.processMessage),window.removeEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate))},computed:{onUpdateHook0(){return{0:this.content}},onUpdateHook1(){return{0:this.shouldSendResetCookie}},onUpdateHook2(){var e,t;return{0:(t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.jsCode}},onUpdateHook3(){var e,t;return{0:(t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.httpRequests}},onUpdateHook4(){return{0:this.builderContextSignal.rootState}},onUpdateHook5(){return{0:this.data}},onUpdateHook6(){return{0:this.locale}}},methods:{mergeNewRootState(e){var n,o;const t={...this.builderContextSignal.rootState,...e};this.builderContextSignal.rootSetState?(o=(n=this.builderContextSignal).rootSetState)==null||o.call(n,t):this.builderContextSignal.rootState=t},mergeNewContent(e){var n,o,s,i,a;const t={...this.builderContextSignal.content,...e,data:{...(n=this.builderContextSignal.content)==null?void 0:n.data,...e==null?void 0:e.data},meta:{...(o=this.builderContextSignal.content)==null?void 0:o.meta,...e==null?void 0:e.meta,breakpoints:((s=e==null?void 0:e.meta)==null?void 0:s.breakpoints)||((a=(i=this.builderContextSignal.content)==null?void 0:i.meta)==null?void 0:a.breakpoints)}};this.builderContextSignal.content=t},processMessage(e){return Ye({model:this.model,trustedHosts:this.trustedHosts,callbacks:{configureSdk:t=>{var s;const{breakpoints:n,contentId:o}=t;!o||o!==((s=this.builderContextSignal.content)==null?void 0:s.id)||n&&(this.mergeNewContent({meta:{breakpoints:n}}),this.forceReRenderCount=this.forceReRenderCount+1)},animation:t=>{ye(t)},contentUpdate:t=>{this.mergeNewContent(t),this.forceReRenderCount=this.forceReRenderCount+1}}})(e)},evaluateJsCode(){var t,n;const e=(n=(t=this.builderContextSignal.content)==null?void 0:t.data)==null?void 0:n.jsCode;e&&T({code:e,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.builderContextSignal.rootSetState})},onClick(e){var t,n;if(this.builderContextSignal.content){const o=(t=this.builderContextSignal.content)==null?void 0:t.testVariationId,s=(n=this.builderContextSignal.content)==null?void 0:n.id;j({type:"click",canTrack:E(this.canTrack),contentId:s,apiKey:this.apiKey,variationId:o!==s?o:void 0,...Uo(e),unique:!this.clicked})}this.clicked||(this.clicked=!0)},evalExpression(e){return e.replace(/{{([^}]+)}}/g,(t,n)=>T({code:n,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.builderContextSignal.rootSetState}))},handleRequest({url:e,key:t}){_e(e).then(n=>n.json()).then(n=>{var s,i;const o={...this.builderContextSignal.rootState,[t]:n};(i=(s=this.builderContextSignal).rootSetState)==null||i.call(s,o),this.httpReqsData[t]=!0}).catch(n=>{console.error("error fetching dynamic data",e,n)})},runHttpRequests(){var t,n,o;const e=(o=(n=(t=this.builderContextSignal.content)==null?void 0:t.data)==null?void 0:n.httpRequests)!=null?o:{};Object.entries(e).forEach(([s,i])=>{if(i&&(!this.httpReqsData[s]||v())){const a=this.evalExpression(i);this.handleRequest({url:a,key:s})}})},emitStateUpdate(){v()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:P(this.builderContextSignal.rootState),ref:{name:this.model}}}))},elementRef_onIniteditingbldr(e){this.forceReRenderCount=this.forceReRenderCount+1,window.addEventListener("message",this.processMessage),Ho(),Je({...this.locale?{locale:this.locale}:{},...this.includeRefs?{includeRefs:this.includeRefs}:{},...this.enrich?{enrich:this.enrich}:{},...this.trustedHosts?{trustedHosts:this.trustedHosts}:{}}),Object.values(this.builderContextSignal.componentInfos).forEach(t=>{var o;const n=Ne(t);(o=window.parent)==null||o.postMessage(n,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate)},elementRef_onInitpreviewingbldr(e){const t=new URL(location.href).searchParams,n=t.get("builder.preview"),o=t.get(`builder.preview.${n}`),s=t.get("apiKey")||t.get("builder.space");n===this.model&&s===this.apiKey&&(!this.content||o===this.content.id)&&V({model:this.model,apiKey:this.apiKey,apiVersion:this.builderContextSignal.apiVersion}).then(i=>{i&&this.mergeNewContent(i)})}}});function Mo(e,t,n,o,s,i){var a,l,c;return e.builderContextSignal.content?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.ContentWrapper),r.mergeProps({key:e.forceReRenderCount,ref:"elementRef",onClick:d=>e.onClick(d),"builder-content-id":(a=e.builderContextSignal.content)==null?void 0:a.id,"builder-model":e.model,class:`variant-${((l=e.content)==null?void 0:l.testVariationId)||((c=e.content)==null?void 0:c.id)}`,onIniteditingbldr:d=>e.elementRef_onIniteditingbldr(d),onInitpreviewingbldr:d=>e.elementRef_onInitpreviewingbldr(d)},{...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps}),{default:r.withCtx(()=>[r.renderSlot(e.$slots,"default")]),_:3},16,["onClick","builder-content-id","builder-model","class","onIniteditingbldr","onInitpreviewingbldr"])):r.createCommentVNode("v-if",!0)}const Ko=h(Do,[["render",Mo],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/enable-editor.vue"]]),zo=e=>{var i,a;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],o=(a=e.fileUrl)!=null?a:(i=e==null?void 0:e.files)==null?void 0:i.regular;let s="";if(o&&t&&n&&(s+=`
|
|
132
132
|
@font-face {
|
|
133
133
|
font-family: "${t}";
|
|
134
134
|
src: local("${n}"), url('${o}') format('woff2');
|
package/lib/browser/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "./style.css";
|
|
2
|
-
import { j as n, l as r, m as o, C as i, F as c, n as g, R as l, k as m, S as d, o as C, p, V as u, A as E, s as B, z as R, D as S, E as f, G as h, v as k, H as b, q as x, r as y, t as P, u as v, y as A, x as F } from "./index.
|
|
2
|
+
import { j as n, l as r, m as o, C as i, F as c, n as g, R as l, k as m, S as d, o as C, p, V as u, A as E, s as B, z as R, D as S, E as f, G as h, v as k, H as b, q as x, r as y, t as P, u as v, y as A, x as F } from "./index.5f9ed15d.js";
|
|
3
3
|
import "vue";
|
|
4
4
|
export {
|
|
5
5
|
n as Blocks,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var m=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index.ea2f8191.cjs"),r=()=>Promise.resolve().then(()=>require("./index.ea2f8191.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,a,d,k){const n=o.resolveComponent("block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const l=t._export_sfc(c,[["render",s],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/repeated-block.vue"]]);exports.default=l;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./style.css";
|
|
2
2
|
import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as c, createBlock as p } from "vue";
|
|
3
|
-
import { i as s, _ as l } from "./index.
|
|
4
|
-
const i = () => import("./index.
|
|
3
|
+
import { i as s, _ as l } from "./index.5f9ed15d.js";
|
|
4
|
+
const i = () => import("./index.5f9ed15d.js").then((e) => e.K).then((e) => e.default).catch((e) => {
|
|
5
5
|
throw console.error(
|
|
6
6
|
"Error while attempting to dynamically import component Block at ../block.vue",
|
|
7
7
|
e
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),e=require("./index.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),e=require("./index.6a49244b.cjs"),h=o.defineComponent({name:"block-styles",components:{InlinedStyles:e.InlinedStyles},props:["block","context"],data(){return{TARGET:e.TARGET}},computed:{canShowBlock(){const t=e.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0});return e.checkIsDefined(t.hide)?!t.hide:e.checkIsDefined(t.show)?t.show:!0},css(){var d;const t=e.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0}),s=t.responsiveStyles,n=this.context.content,r=e.getSizesForBreakpoints(((d=n==null?void 0:n.meta)==null?void 0:d.breakpoints)||{}),a=s==null?void 0:s.large,i=s==null?void 0:s.medium,c=s==null?void 0:s.small,l=t.id;if(!l)return"";const u=a?e.createCssClass({className:l,styles:a}):"",S=i?e.createCssClass({className:l,styles:i,mediaQuery:e.getMaxWidthQueryForSize("medium",r)}):"",m=c?e.createCssClass({className:l,styles:c,mediaQuery:e.getMaxWidthQueryForSize("small",r)}):"";return[u,S,m].join(" ")}}});function k(t,s,n,r,a,i){const c=o.resolveComponent("inlined-styles");return t.TARGET!=="reactNative"&&t.css&&t.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,styles:t.css},null,8,["styles"])):o.createCommentVNode("v-if",!0)}const p=e._export_sfc(h,[["render",k],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-styles.vue"]]);exports.default=p;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as k, resolveComponent as y, openBlock as f, createBlock as x, createCommentVNode as b } from "vue";
|
|
2
|
-
import { I as B, T as g, g as d, c as u, a as _, b as r, d as m, _ as v } from "./index.
|
|
2
|
+
import { I as B, T as g, g as d, c as u, a as _, b as r, d as m, _ as v } from "./index.ae2d13a8.js";
|
|
3
3
|
const C = k({
|
|
4
4
|
name: "block-styles",
|
|
5
5
|
components: { InlinedStyles: B },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties.ef38da5e.cjs"),n=require("./index.6a49244b.cjs"),c=()=>Promise.resolve().then(()=>require("./index.6a49244b.cjs")).then(e=>e.dynamicRenderer).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",e),e}),a=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(c)},props:["Wrapper","block","context"],data(){return{getBlockActions:o.getBlockActions,getBlockProperties:o.getBlockProperties}}});function i(e,l,p,d,u,m){const r=t.resolveComponent("dynamic-renderer");return t.openBlock(),t.createBlock(r,{TagName:e.Wrapper,attributes:e.getBlockProperties({block:e.block,context:e.context}),actionAttributes:e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const s=n._export_sfc(a,[["render",i],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-wrapper.vue"]]);exports.default=s;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as o, defineAsyncComponent as r, resolveComponent as n, openBlock as a, createBlock as c, withCtx as p, renderSlot as i } from "vue";
|
|
2
|
-
import { g as s, a as l } from "./get-block-properties.
|
|
3
|
-
import { _ as m } from "./index.
|
|
4
|
-
const d = () => import("./index.
|
|
2
|
+
import { g as s, a as l } from "./get-block-properties.3eea9a11.js";
|
|
3
|
+
import { _ as m } from "./index.ae2d13a8.js";
|
|
4
|
+
const d = () => import("./index.ae2d13a8.js").then((e) => e.J).then((e) => e.default).catch((e) => {
|
|
5
5
|
throw console.error(
|
|
6
6
|
"Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",
|
|
7
7
|
e
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),c=require("./index.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),c=require("./index.6a49244b.cjs"),a=require("./get-block-properties.ef38da5e.cjs"),u=o.defineComponent({name:"interactive-element",props:["wrapperProps","includeBlockProps","block","context","Wrapper"],data(){return{getBlockActions:a.getBlockActions,getBlockProperties:a.getBlockProperties}}});function d(e,t,p,s,n,l){return o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({attributes:e.includeBlockProps?{...e.getBlockProperties({block:e.block,context:e.context}),...e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}:{}},e.wrapperProps),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const k=c._export_sfc(u,[["render",d],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/interactive-element.vue"]]),b=({componentOptions:e,builderBlock:t,context:p,componentRef:s,includeBlockProps:n,isInteractive:l,contextValue:i})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:t,context:i})}:{}};return l?{Wrapper:s,block:t,context:p,wrapperProps:e,includeBlockProps:n}:r},f=o.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:k},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(k):this.componentRef,getWrapperProps:b}}});function B(e,t,p,s,n,l){const i=o.resolveComponent("block");return e.componentRef?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.normalizeProps(o.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.blockChildren,(r,m)=>(o.openBlock(),o.createBlock(i,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):o.createCommentVNode("v-if",!0)}const g=c._export_sfc(f,[["render",B],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/component-ref/component-ref.vue"]]);exports.default=g;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as m, openBlock as r, createBlock as i, resolveDynamicComponent as k, mergeProps as u, withCtx as d, renderSlot as v, resolveComponent as P, normalizeProps as g, createElementBlock as B, Fragment as $, renderList as h, createCommentVNode as w } from "vue";
|
|
2
|
-
import { _ as f, B as S, w as W } from "./index.
|
|
3
|
-
import { g as R, a as b } from "./get-block-properties.
|
|
2
|
+
import { _ as f, B as S, w as W } from "./index.ae2d13a8.js";
|
|
3
|
+
import { g as R, a as b } from "./get-block-properties.3eea9a11.js";
|
|
4
4
|
const I = m({
|
|
5
5
|
name: "interactive-element",
|
|
6
6
|
props: ["wrapperProps", "includeBlockProps", "block", "context", "Wrapper"],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const SDK_VERSION = "0.13.
|
|
1
|
+
export declare const SDK_VERSION = "0.13.1";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const s=require("./index.
|
|
1
|
+
"use strict";const s=require("./index.6a49244b.cjs"),i=e=>`v-on:${e.toLowerCase()}`,l=(e,t)=>r=>s.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1});function u(e){var o;const t={},r=(o=e.block.actions)!=null?o:{};for(const a in r){if(!r.hasOwnProperty(a))continue;const c=r[a];let n=i(a);if(e.stripPrefix)switch(s.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=l(c,e)}return t}function f({properties:e}){return e}const p=e=>({href:e.href});function d({block:e,context:t}){var o;const r={...p(e),...e.properties,"builder-id":e.id,style:s.getStyle({block:e,context:t}),[s.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return f({properties:r,context:t,block:e})}exports.getBlockActions=u;exports.getBlockProperties=d;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -25,7 +25,7 @@ theFunction();
|
|
|
25
25
|
${r}
|
|
26
26
|
}`:r};function ci({style:e}){return e}const pi=({block:e,context:t})=>Sr(ci({style:e.style||{},context:t,block:e}));function Sr(e){switch(Z){case"svelte":case"vue":case"solid":return Br(e).join(" ");case"qwik":case"reactNative":case"react":case"rsc":return e}}function di(e,t,n={}){let r,o,i,u=null,p=0;const h=function(){p=n.leading===!1?0:Date.now(),u=null,i=e.apply(r,o),u||(r=o=null)};return function(){const g=Date.now();!p&&n.leading===!1&&(p=g);const y=t-(g-p);return r=this,o=arguments,y<=0||y>t?(u&&(clearTimeout(u),u=null),p=g,i=e.apply(r,o),u||(r=o=null)):!u&&n.trailing!==!1&&(u=setTimeout(h,y)),i}}function ke(e,...t){const n=Object(e);for(let r=1;r<arguments.length;r++){const o=arguments[r];if(o!=null)for(const i in o)Object.prototype.hasOwnProperty.call(o,i)&&(n[i]=o[i])}return n}const pn=e=>e?e.replace(/([A-Z])/g,t=>`-${t[0].toLowerCase()}`):"";function hi(e){for(const t of e)switch(t.trigger){case"pageLoad":Fr(t);break;case"hover":mi(t);break;case"scrollInView":gi(t);break}}function dn(e){console.warn(`Cannot animate element: element with ID ${e} not found!`)}function hn(e,t){const n=fi(e),r=getComputedStyle(t),o=e.steps[0].styles,i=e.steps[e.steps.length-1].styles,u=[o,i];for(const p of u)for(const h of n)h in p||(p[h]=r[h])}function fi(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 Fr(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){dn(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{hn(e,n),n.style.transition="none",n.style.transitionDelay="0",ke(n.style,e.steps[0].styles),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${pn(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s"),ke(n.style,e.steps[1].styles),setTimeout(()=>{n.style.transition="",n.style.transitionDelay=""},(e.delay||0)*1e3+e.duration*1e3+100)})})}function mi(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){dn(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{hn(e,n);const r=e.steps[0].styles,o=e.steps[1].styles;function i(){ke(n.style,r)}function u(){ke(n.style,o)}i(),n.addEventListener("mouseenter",u),n.addEventListener("mouseleave",i),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${pn(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s")})})}function gi(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){dn(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{hn(e,n);let r=!1,o=!1;function i(){!r&&p(n)?(r=!0,o=!0,setTimeout(()=>{ke(n.style,e.steps[1].styles),e.repeat||document.removeEventListener("scroll",u),setTimeout(()=>{o=!1,e.repeat||(n.style.transition="",n.style.transitionDelay="")},(e.duration+(e.delay||0))*1e3+100)})):e.repeat&&r&&!o&&!p(n)&&(r=!1,ke(n.style,e.steps[0].styles))}const u=di(i,200,{leading:!1});function p(y){const A=y.getBoundingClientRect(),T=window.innerHeight,I=(e.thresholdPercent||0)/100*T;return A.bottom>I&&A.top<T-I}const h=e.steps[0].styles;function g(){ke(n.style,h)}g(),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${pn(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s")}),document.addEventListener("scroll",u,{capture:!0,passive:!0}),i()})}const yi=({block:e,context:t,registeredComponents:n})=>{var i;const r=(i=cn({block:e,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context,shouldEvaluateBindings:!1}).component)==null?void 0:i.name;if(!r)return null;const o=n[r];if(o)return o;console.warn(`
|
|
27
27
|
Could not find a registered component named "${r}".
|
|
28
|
-
If you registered it, is the file that registered it imported by the file that needs to render it?`)},vi=({block:e,context:t})=>{const{repeat:n,...r}=e;if(!(n!=null&&n.collection))return;const o=Ye({code:n.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context});if(!Array.isArray(o))return;const i=n.collection.split(".").pop(),u=n.itemName||(i?i+"Item":"item");return o.map((h,g)=>({context:{...t,localState:{...t.localState,$index:g,$item:h,[u]:h,[`$${u}Index`]:g}},block:r}))},Ci=()=>Promise.resolve().then(()=>require("./block-styles.dedad881.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",e),e}),Ai=()=>Promise.resolve().then(()=>require("./block-wrapper.3328ff87.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}),ki=()=>Promise.resolve().then(()=>require("./component-ref.dd2232e8.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}),bi=()=>Promise.resolve().then(()=>require("./repeated-block.a29651d9.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}),Ei=a.defineComponent({name:"block",components:{BlockStyles:a.defineAsyncComponent(Ci),ComponentRef:a.defineAsyncComponent(ki),RepeatedBlock:a.defineAsyncComponent(bi),BlockWrapper:a.defineAsyncComponent(Ai)},props:["block","context","registeredComponents","linkComponent"],data(){return{childrenContext:this.context}},mounted(){const e=this.processedBlock.id,t=this.processedBlock.animations;t&&e&&hi(t.filter(n=>n.trigger!=="hover").map(n=>({...n,elementId:e})))},computed:{blockComponent(){return yi({block:this.block,context:this.context,registeredComponents:this.registeredComponents})},repeatItem(){return vi({block:this.block,context:this.context})},processedBlock(){var e;return(e=this.block.repeat)!=null&&e.collection?this.block:cn({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0})},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,n;return!((t=this.blockComponent)!=null&&t.component)&&!this.repeatItem?(n=this.processedBlock.children)!=null?n:[]:[]},componentRefProps(){var e,t,n,r,o,i,u,p,h;return{blockChildren:(e=this.processedBlock.children)!=null?e:[],componentRef:(t=this.blockComponent)==null?void 0:t.component,componentOptions:{...Ro(this.processedBlock),builderContext:this.context,...((n=this.blockComponent)==null?void 0:n.name)==="Core:Button"||((r=this.blockComponent)==null?void 0:r.name)==="Symbol"||((o=this.blockComponent)==null?void 0:o.name)==="Columns"?{builderLinkComponent:this.linkComponent}:{},...((i=this.blockComponent)==null?void 0:i.name)==="Symbol"||((u=this.blockComponent)==null?void 0:u.name)==="Columns"?{builderComponents:this.registeredComponents}:{}},context:this.childrenContext,linkComponent:this.linkComponent,registeredComponents:this.registeredComponents,builderBlock:this.processedBlock,includeBlockProps:((p=this.blockComponent)==null?void 0:p.noWrap)===!0,isInteractive:!((h=this.blockComponent)!=null&&h.isRSC)}}}});function Bi(e,t,n,r,o,i){var A;const u=a.resolveComponent("block-styles"),p=a.resolveComponent("component-ref"),h=a.resolveComponent("block",!0),g=a.resolveComponent("block-wrapper"),y=a.resolveComponent("repeated-block");return e.canShowBlock?(a.openBlock(),a.createElementBlock(a.Fragment,{key:0},[a.createVNode(u,{block:e.block,context:e.context},null,8,["block","context"]),(A=e.blockComponent)!=null&&A.noWrap?(a.openBlock(),a.createBlock(p,{key:1,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"])):(a.openBlock(),a.createElementBlock(a.Fragment,{key:0},[e.repeatItem?(a.openBlock(!0),a.createElementBlock(a.Fragment,{key:1},a.renderList(e.repeatItem,(T,$)=>(a.openBlock(),a.createBlock(y,{key:$,repeatContext:T.context,block:T.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["repeatContext","block","registeredComponents","linkComponent"]))),128)):(a.openBlock(),a.createBlock(g,{key:0,Wrapper:e.Tag,block:e.processedBlock,context:e.context,linkComponent:e.linkComponent},{default:a.withCtx(()=>[a.createVNode(p,{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"]),(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.childrenWithoutParentComponent,(T,$)=>(a.openBlock(),a.createBlock(h,{key:T.id,block:T,context:e.childrenContext,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},8,["Wrapper","block","context","linkComponent"]))],64))],64)):a.createCommentVNode("v-if",!0)}const fn=j(Ei,[["render",Bi],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/block.vue"]]),Si=Object.freeze(Object.defineProperty({__proto__:null,default:fn},Symbol.toStringTag,{value:"Module"})),Fi=a.defineComponent({name:"builder-blocks-wrapper",props:["BlocksWrapper","blocks","parent","path","styleProp","BlocksWrapperProps"],computed:{className(){var e;return"builder-blocks"+((e=this.blocks)!=null&&e.length?"":" no-blocks")}},methods:{onClick(){var e,t;ne()&&!((e=this.blocks)!=null&&e.length)&&((t=window.parent)==null||t.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))},onMouseEnter(){var e,t;ne()&&!((e=this.blocks)!=null&&e.length)&&((t=window.parent)==null||t.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))}}});function wi(e,t,n,r,o,i){return a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.BlocksWrapper),a.mergeProps({class:e.className+" component-1k2igrjdg3x","builder-path":e.path,"builder-parent-id":e.parent,style:e.styleProp,onClick:u=>e.onClick(),onMouseEnter:u=>e.onMouseEnter(),onKeyPress:u=>e.onClick()},{...e.BlocksWrapperProps}),{default:a.withCtx(()=>[a.renderSlot(e.$slots,"default",{},void 0,!0)]),_:3},16,["class","builder-path","builder-parent-id","style","onClick","onMouseEnter","onKeyPress"])}const Di=j(Fi,[["render",wi],["__scopeId","data-v-1f8aab9f"],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks-wrapper.vue"]]),Ii=a.defineComponent({name:"builder-blocks",components:{BlocksWrapper:Di,Block:fn},props:["blocks","parent","path","styleProp","context","linkComponent","registeredComponents"],inject:{builderContext:mt.key,componentsContext:fr.key}});function xi(e,t,n,r,o,i){var h,g;const u=a.resolveComponent("block"),p=a.resolveComponent("blocks-wrapper");return a.openBlock(),a.createBlock(p,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,BlocksWrapper:(h=e.context)==null?void 0:h.BlocksWrapper,BlocksWrapperProps:(g=e.context)==null?void 0:g.BlocksWrapperProps},{default:a.withCtx(()=>[e.blocks?(a.openBlock(!0),a.createElementBlock(a.Fragment,{key:0},a.renderList(e.blocks,(y,A)=>(a.openBlock(),a.createBlock(u,{key:y.id,block:y,linkComponent:e.linkComponent,context:e.context||e.builderContext,registeredComponents:e.registeredComponents||e.componentsContext.registeredComponents},null,8,["block","linkComponent","context","registeredComponents"]))),128)):a.createCommentVNode("v-if",!0)]),_:1},8,["blocks","parent","path","styleProp","BlocksWrapper","BlocksWrapperProps"])}const nt=j(Ii,[["render",xi],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks.vue"]]),Ti=a.defineComponent({render(){return a.h("style",{id:this.id,innerHTML:this.styles})},name:"inlined-styles",props:["styles","id"]}),At=j(Ti,[["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-styles.vue"]]),wr={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},Ri=(e,t=wr)=>`@media (max-width: ${t[e].max}px)`,Dr=({small:e,medium:t})=>{const n=tt(wr);if(!e||!t)return n;const r=Math.floor(e/2);n.small={max:e,min:r,default:r+1};const o=n.small.max+1;n.medium={max:t,min:o,default:o+1};const i=n.medium.max+1;return n.large={max:2e3,min:i,default:i+1},n},Pi=a.defineComponent({name:"builder-columns",components:{InlinedStyles:At,DynamicRenderer:Yt,Blocks:nt},props:["js","space","columns","stackColumnsAt","reverseColumnsWhenStacked","builderContext","builderBlock","builderLinkComponent","builderComponents"],data(){return{gutterSize:typeof this.space=="number"?this.space||0:20,cols:this.columns||[],stackAt:this.stackColumnsAt||"tablet",flexDir:this.stackColumnsAt==="never"?"row":this.reverseColumnsWhenStacked?"column-reverse":"column",TARGET:Z,getClassPropName:yt,mapStyleObjToStrIfNeeded:Sr}},computed:{columnsCssVars(){return{"--flex-dir":this.flexDir,"--flex-dir-tablet":this.getTabletStyle({stackedStyle:this.flexDir,desktopStyle:"row"})}},columnsStyles(){return`
|
|
28
|
+
If you registered it, is the file that registered it imported by the file that needs to render it?`)},vi=({block:e,context:t})=>{const{repeat:n,...r}=e;if(!(n!=null&&n.collection))return;const o=Ye({code:n.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context});if(!Array.isArray(o))return;const i=n.collection.split(".").pop(),u=n.itemName||(i?i+"Item":"item");return o.map((h,g)=>({context:{...t,localState:{...t.localState,$index:g,$item:h,[u]:h,[`$${u}Index`]:g}},block:r}))},Ci=()=>Promise.resolve().then(()=>require("./block-styles.ae042612.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",e),e}),Ai=()=>Promise.resolve().then(()=>require("./block-wrapper.53b24038.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}),ki=()=>Promise.resolve().then(()=>require("./component-ref.62a7f1bd.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}),bi=()=>Promise.resolve().then(()=>require("./repeated-block.391f9aec.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}),Ei=a.defineComponent({name:"block",components:{BlockStyles:a.defineAsyncComponent(Ci),ComponentRef:a.defineAsyncComponent(ki),RepeatedBlock:a.defineAsyncComponent(bi),BlockWrapper:a.defineAsyncComponent(Ai)},props:["block","context","registeredComponents","linkComponent"],data(){return{childrenContext:this.context}},mounted(){const e=this.processedBlock.id,t=this.processedBlock.animations;t&&e&&hi(t.filter(n=>n.trigger!=="hover").map(n=>({...n,elementId:e})))},computed:{blockComponent(){return yi({block:this.block,context:this.context,registeredComponents:this.registeredComponents})},repeatItem(){return vi({block:this.block,context:this.context})},processedBlock(){var e;return(e=this.block.repeat)!=null&&e.collection?this.block:cn({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0})},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,n;return!((t=this.blockComponent)!=null&&t.component)&&!this.repeatItem?(n=this.processedBlock.children)!=null?n:[]:[]},componentRefProps(){var e,t,n,r,o,i,u,p,h;return{blockChildren:(e=this.processedBlock.children)!=null?e:[],componentRef:(t=this.blockComponent)==null?void 0:t.component,componentOptions:{...Ro(this.processedBlock),builderContext:this.context,...((n=this.blockComponent)==null?void 0:n.name)==="Core:Button"||((r=this.blockComponent)==null?void 0:r.name)==="Symbol"||((o=this.blockComponent)==null?void 0:o.name)==="Columns"?{builderLinkComponent:this.linkComponent}:{},...((i=this.blockComponent)==null?void 0:i.name)==="Symbol"||((u=this.blockComponent)==null?void 0:u.name)==="Columns"?{builderComponents:this.registeredComponents}:{}},context:this.childrenContext,linkComponent:this.linkComponent,registeredComponents:this.registeredComponents,builderBlock:this.processedBlock,includeBlockProps:((p=this.blockComponent)==null?void 0:p.noWrap)===!0,isInteractive:!((h=this.blockComponent)!=null&&h.isRSC)}}}});function Bi(e,t,n,r,o,i){var A;const u=a.resolveComponent("block-styles"),p=a.resolveComponent("component-ref"),h=a.resolveComponent("block",!0),g=a.resolveComponent("block-wrapper"),y=a.resolveComponent("repeated-block");return e.canShowBlock?(a.openBlock(),a.createElementBlock(a.Fragment,{key:0},[a.createVNode(u,{block:e.block,context:e.context},null,8,["block","context"]),(A=e.blockComponent)!=null&&A.noWrap?(a.openBlock(),a.createBlock(p,{key:1,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"])):(a.openBlock(),a.createElementBlock(a.Fragment,{key:0},[e.repeatItem?(a.openBlock(!0),a.createElementBlock(a.Fragment,{key:1},a.renderList(e.repeatItem,(T,$)=>(a.openBlock(),a.createBlock(y,{key:$,repeatContext:T.context,block:T.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["repeatContext","block","registeredComponents","linkComponent"]))),128)):(a.openBlock(),a.createBlock(g,{key:0,Wrapper:e.Tag,block:e.processedBlock,context:e.context,linkComponent:e.linkComponent},{default:a.withCtx(()=>[a.createVNode(p,{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"]),(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.childrenWithoutParentComponent,(T,$)=>(a.openBlock(),a.createBlock(h,{key:T.id,block:T,context:e.childrenContext,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},8,["Wrapper","block","context","linkComponent"]))],64))],64)):a.createCommentVNode("v-if",!0)}const fn=j(Ei,[["render",Bi],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/block.vue"]]),Si=Object.freeze(Object.defineProperty({__proto__:null,default:fn},Symbol.toStringTag,{value:"Module"})),Fi=a.defineComponent({name:"builder-blocks-wrapper",props:["BlocksWrapper","blocks","parent","path","styleProp","BlocksWrapperProps"],computed:{className(){var e;return"builder-blocks"+((e=this.blocks)!=null&&e.length?"":" no-blocks")}},methods:{onClick(){var e,t;ne()&&!((e=this.blocks)!=null&&e.length)&&((t=window.parent)==null||t.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))},onMouseEnter(){var e,t;ne()&&!((e=this.blocks)!=null&&e.length)&&((t=window.parent)==null||t.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))}}});function wi(e,t,n,r,o,i){return a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.BlocksWrapper),a.mergeProps({class:e.className+" component-1k2igrjdg3x","builder-path":e.path,"builder-parent-id":e.parent,style:e.styleProp,onClick:u=>e.onClick(),onMouseEnter:u=>e.onMouseEnter(),onKeyPress:u=>e.onClick()},{...e.BlocksWrapperProps}),{default:a.withCtx(()=>[a.renderSlot(e.$slots,"default",{},void 0,!0)]),_:3},16,["class","builder-path","builder-parent-id","style","onClick","onMouseEnter","onKeyPress"])}const Di=j(Fi,[["render",wi],["__scopeId","data-v-1f8aab9f"],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks-wrapper.vue"]]),Ii=a.defineComponent({name:"builder-blocks",components:{BlocksWrapper:Di,Block:fn},props:["blocks","parent","path","styleProp","context","linkComponent","registeredComponents"],inject:{builderContext:mt.key,componentsContext:fr.key}});function xi(e,t,n,r,o,i){var h,g;const u=a.resolveComponent("block"),p=a.resolveComponent("blocks-wrapper");return a.openBlock(),a.createBlock(p,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,BlocksWrapper:(h=e.context)==null?void 0:h.BlocksWrapper,BlocksWrapperProps:(g=e.context)==null?void 0:g.BlocksWrapperProps},{default:a.withCtx(()=>[e.blocks?(a.openBlock(!0),a.createElementBlock(a.Fragment,{key:0},a.renderList(e.blocks,(y,A)=>(a.openBlock(),a.createBlock(u,{key:y.id,block:y,linkComponent:e.linkComponent,context:e.context||e.builderContext,registeredComponents:e.registeredComponents||e.componentsContext.registeredComponents},null,8,["block","linkComponent","context","registeredComponents"]))),128)):a.createCommentVNode("v-if",!0)]),_:1},8,["blocks","parent","path","styleProp","BlocksWrapper","BlocksWrapperProps"])}const nt=j(Ii,[["render",xi],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks.vue"]]),Ti=a.defineComponent({render(){return a.h("style",{id:this.id,innerHTML:this.styles})},name:"inlined-styles",props:["styles","id"]}),At=j(Ti,[["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-styles.vue"]]),wr={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},Ri=(e,t=wr)=>`@media (max-width: ${t[e].max}px)`,Dr=({small:e,medium:t})=>{const n=tt(wr);if(!e||!t)return n;const r=Math.floor(e/2);n.small={max:e,min:r,default:r+1};const o=n.small.max+1;n.medium={max:t,min:o,default:o+1};const i=n.medium.max+1;return n.large={max:2e3,min:i,default:i+1},n},Pi=a.defineComponent({name:"builder-columns",components:{InlinedStyles:At,DynamicRenderer:Yt,Blocks:nt},props:["js","space","columns","stackColumnsAt","reverseColumnsWhenStacked","builderContext","builderBlock","builderLinkComponent","builderComponents"],data(){return{gutterSize:typeof this.space=="number"?this.space||0:20,cols:this.columns||[],stackAt:this.stackColumnsAt||"tablet",flexDir:this.stackColumnsAt==="never"?"row":this.reverseColumnsWhenStacked?"column-reverse":"column",TARGET:Z,getClassPropName:yt,mapStyleObjToStrIfNeeded:Sr}},computed:{columnsCssVars(){return{"--flex-dir":this.flexDir,"--flex-dir-tablet":this.getTabletStyle({stackedStyle:this.flexDir,desktopStyle:"row"})}},columnsStyles(){return`
|
|
29
29
|
@media (max-width: ${this.getWidthForBreakpointSize("medium")}px) {
|
|
30
30
|
.${this.builderBlock.id}-breakpoints {
|
|
31
31
|
flex-direction: var(--flex-dir-tablet);
|
|
@@ -148,7 +148,7 @@ theFunction();
|
|
|
148
148
|
)`,Js=({contentId:e,variationId:t})=>`window.${Lr}(
|
|
149
149
|
"${t}", "${e}", ${Hr}
|
|
150
150
|
)`,Ys=a.defineComponent({render(){return a.h("script",{id:this.id,innerHTML:this.scriptStr})},name:"inlined-script",props:["scriptStr","id"]}),Kr=j(Ys,[["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-script.vue"]]);function Zs(){return typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:globalThis}function Qs(){const e=Zs().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.
|
|
151
|
-
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 Gr=Qs();function ft(e,t=null,n="."){return Object.keys(e).reduce((r,o)=>{const i=e[o],u=[t,o].filter(Boolean).join(n);return[typeof i=="object",i!==null,!(Array.isArray(i)&&i.length===0)].every(Boolean)?{...r,...ft(i,u,n)}:{...r,[u]:i}},{})}const eu="v3",sr="builder.",tu="options.",nu=e=>{const t={};return e.forEach((n,r)=>{t[r]=n}),t},gn=e=>{if(!e)return{};const t=zr(e),n={};return Object.keys(t).forEach(r=>{if(r.startsWith(sr)){const o=r.replace(sr,"").replace(tu,"");n[o]=t[r]}}),n},ru=()=>{if(!L())return{};const e=new URLSearchParams(window.location.search);return gn(e)},zr=e=>e instanceof URLSearchParams?nu(e):e,ur=e=>typeof e=="number"&&!isNaN(e)&&e>=0,yn=e=>{let{noTraverse:t=!1}=e;const{limit:n=30,userAttributes:r,query:o,model:i,apiKey:u,includeRefs:p=!0,enrich:h,locale:g,apiVersion:y=eu,fields:A,omit:T,offset:$,cacheSeconds:I,staleCacheSeconds:O,sort:J,includeUnpublished:ye}=e;if(!u)throw new Error("Missing API key");if(!["v3"].includes(y))throw new Error(`Invalid apiVersion: expected 'v3', received '${y}'`);(e.limit===void 0||e.limit>1)&&!("noTraverse"in e)&&(t=!0);const E=new URL(`https://cdn.builder.io/api/${y}/content/${i}?apiKey=${u}&limit=${n}&noTraverse=${t}&includeRefs=${p}${g?`&locale=${g}`:""}${h?`&enrich=${h}`:""}`);if(E.searchParams.set("omit",T||"meta.componentsUsed"),A&&E.searchParams.set("fields",A),Number.isFinite($)&&$>-1&&E.searchParams.set("offset",String(Math.floor($))),typeof ye=="boolean"&&E.searchParams.set("includeUnpublished",String(ye)),I&&ur(I)&&E.searchParams.set("cacheSeconds",String(I)),O&&ur(O)&&E.searchParams.set("staleCacheSeconds",String(O)),J){const Q=ft({sort:J});for(const R in Q)E.searchParams.set(R,JSON.stringify(Q[R]))}const Re={...ru(),...zr(e.options||{})},Pe=ft(Re);for(const Q in Pe)E.searchParams.set(Q,String(Pe[Q]));if(r&&E.searchParams.set("userAttributes",JSON.stringify(r)),o){const Q=ft({query:o});for(const R in Q)E.searchParams.set(R,JSON.stringify(Q[R]))}return E},ou=e=>"results"in e;async function rt(e){const t=await vn({...e,limit:1});return t&&t[0]||null}const iu=rt,su=async e=>{const t=yn(e);return await(await Gr(t.href)).json()},Xr=async(e,t,n=yn(e))=>{const r=Ze(e.canTrack);if(n.search.includes("preview="),!r||!(L()||Z==="reactNative"))return t.results;try{const o=[];for(const i of t.results)o.push(await ns({item:i,canTrack:r}));t.results=o}catch(o){K.error("Could not process A/B tests. ",o)}return t.results};async function vn(e){try{const t=yn(e),n=await su(e);return ou(n)?Xr(e,n):(K.error("Error fetching data. ",{url:t,content:n,options:e}),null)}catch(t){return K.error("Error fetching data. ",t),null}}const uu=vn;function qr(){return!L()||ne()?!1:Boolean(location.search.indexOf("builder.preview=")!==-1)}function au(){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 Jr(){return au().replace(/-/g,"")}const Yr="builderSessionId",lu=async({canTrack:e})=>{if(!e)return;const t=await jr({name:Yr,canTrack:e});if(de(t))return t;{const n=cu();return pu({id:n,canTrack:e}),n}},cu=()=>Jr(),pu=({id:e,canTrack:t})=>$r({name:Yr,value:e,canTrack:t}),Zr=()=>L()&&typeof localStorage<"u"?localStorage:void 0,du=({key:e,canTrack:t})=>{var n;try{return t?(n=Zr())==null?void 0:n.getItem(e):void 0}catch(r){console.debug("[LocalStorage] GET error: ",r);return}},hu=({key:e,canTrack:t,value:n})=>{var r;try{t&&((r=Zr())==null||r.setItem(e,n))}catch(o){console.debug("[LocalStorage] SET error: ",o)}},Qr="builderVisitorId",fu=({canTrack:e})=>{if(!e)return;const t=du({key:Qr,canTrack:e});if(de(t))return t;{const n=mu();return gu({id:n,canTrack:e}),n}},mu=()=>Jr(),gu=({id:e,canTrack:t})=>hu({key:Qr,value:e,canTrack:t}),yu=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await lu({canTrack:e}),n=fu({canTrack:e});return{sessionId:t,visitorId:n}},vu=async({type:e,canTrack:t,apiKey:n,metadata:r,...o})=>({type:e,data:{...o,metadata:{url:location.href,...r},...await yu({canTrack:t}),userAttributes:mr(),ownerId:n}});async function Jt(e){if(!e.apiKey){K.error("Missing API key for track call. Please provide your API key.");return}if(!!e.canTrack&&!ne()&&!!(L()||Z==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await vu(e)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(t=>{console.error("Failed to track: ",t)})}const Cu=e=>Jt({...e,canTrack:!0});function ar(e){return Math.round(e*1e3)/1e3}const Au=(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},ku=e=>Au(e,t=>{const n=t.getAttribute("builder-id")||t.id;return Boolean((n==null?void 0:n.indexOf("builder-"))===0)}),lr=({event:e,target:t})=>{const n=t.getBoundingClientRect(),r=e.clientX-n.left,o=e.clientY-n.top,i=ar(r/n.width),u=ar(o/n.height);return{x:i,y:u}},bu=e=>{const t=e.target,n=t&&ku(t),r=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:r||void 0,metadata:{targetOffset:t?lr({event:e,target:t}):void 0,builderTargetOffset:n?lr({event:e,target:n}):void 0,builderElementIndex:n&&r?[].slice.call(document.getElementsByClassName(r)).indexOf(n):void 0}}},Eu=["*.beta.builder.io","beta.builder.io","builder.io","localhost","qa.builder.io"];function eo(e,t){const n=new URL(t.origin),r=n.hostname;return(e||Eu).findIndex(o=>o.startsWith("*.")?r.endsWith(o.slice(1)):o===r)>-1}const Bu="0.13.0",cr={};function to(e,t){let n=cr[e];if(n||(n=cr[e]=[]),n.push(t),L()){const r={type:"builder.register",data:{type:e,info:t}};try{parent.postMessage(r,"*"),parent!==window&&window.postMessage(r,"*")}catch(o){console.debug("Could not postmessage",o)}}}const Su=()=>{to("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 pr=!1;const no=(e={})=>{var t,n;pr||(pr=!0,L()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:Z,version:Bu,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",r=>{var i,u;if(!eo(e.trustedHosts,r))return;const{data:o}=r;if(!!(o!=null&&o.type))switch(o.type){case"builder.evaluate":{const p=o.data.text,h=o.data.arguments||[],g=o.data.id,y=new Function(p);let A,T=null;try{A=y.apply(null,h)}catch($){T=$}T?(i=window.parent)==null||i.postMessage({type:"builder.evaluateError",data:{id:g,error:T.message}},"*"):A&&typeof A.then=="function"?A.then($=>{var I;(I=window.parent)==null||I.postMessage({type:"builder.evaluateResult",data:{id:g,result:$}},"*")}).catch(console.error):(u=window.parent)==null||u.postMessage({type:"builder.evaluateResult",data:{result:A,id:g}},"*");break}}})))},ro=({model:e,trustedHosts:t,callbacks:n})=>r=>{if(!eo(t,r))return;const{data:o}=r;if(o)switch(o.type){case"builder.configureSdk":{n.configureSdk(o.data);break}case"builder.triggerAnimation":{n.animation(o.data);break}case"builder.contentUpdate":{const i=o.data,u=i.key||i.alias||i.entry||i.modelName,p=i.data;u===e&&n.contentUpdate(p);break}}},Fu=(e,t,n)=>{if(!L)return K.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."),()=>{};no();const r=ro({callbacks:{contentUpdate:t,animation:()=>{},configureSdk:()=>{}},model:e,trustedHosts:n==null?void 0:n.trustedHosts});return window.addEventListener("message",r),()=>{window.removeEventListener("message",r)}},wu=a.defineComponent({name:"enable-editor",props:["builderContextSignal","contentWrapper","model","trustedHosts","context","canTrack","apiKey","locale","includeRefs","enrich","content","showContent","contentWrapperProps","data"],data(){return{forceReRenderCount:0,firstRender:!0,lastUpdated:0,shouldSendResetCookie:!1,ContentWrapper:this.contentWrapper||"div",httpReqsData:{},clicked:!1,builderContext:mt}},provide(){const e=this;return{[mt.key]:e.builderContextSignal}},mounted(){(()=>{var n,r;if(L()){if(ne()&&this.$refs.elementRef&&this.$refs.elementRef.dispatchEvent(new CustomEvent("initeditingbldr")),this.builderContextSignal.content&&Ze(this.canTrack)){const i=(n=this.builderContextSignal.content)==null?void 0:n.testVariationId,u=(r=this.builderContextSignal.content)==null?void 0:r.id,p=this.apiKey;Jt({type:"impression",canTrack:!0,contentId:u,apiKey:p,variationId:i!==u?i:void 0})}qr()&&this.$refs.elementRef&&this.$refs.elementRef.dispatchEvent(new CustomEvent("initpreviewingbldr"))}})(),(()=>{this.apiKey||K.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),this.evaluateJsCode(),this.runHttpRequests(),this.emitStateUpdate()})()},watch:{onUpdateHook0:{handler(){this.content&&this.mergeNewContent(this.content)},immediate:!0},onUpdateHook1:{handler(){},immediate:!0},onUpdateHook2:{handler(){this.evaluateJsCode()},immediate:!0},onUpdateHook3:{handler(){this.runHttpRequests()},immediate:!0},onUpdateHook4:{handler(){this.emitStateUpdate()},immediate:!0},onUpdateHook5:{handler(){this.data&&this.mergeNewRootState(this.data)},immediate:!0},onUpdateHook6:{handler(){this.locale&&this.mergeNewRootState({locale:this.locale})},immediate:!0}},unmounted(){L()&&(window.removeEventListener("message",this.processMessage),window.removeEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate))},computed:{onUpdateHook0(){return{0:this.content}},onUpdateHook1(){return{0:this.shouldSendResetCookie}},onUpdateHook2(){var e,t;return{0:(t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.jsCode}},onUpdateHook3(){var e,t;return{0:(t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.httpRequests}},onUpdateHook4(){return{0:this.builderContextSignal.rootState}},onUpdateHook5(){return{0:this.data}},onUpdateHook6(){return{0:this.locale}}},methods:{mergeNewRootState(e){var n,r;const t={...this.builderContextSignal.rootState,...e};this.builderContextSignal.rootSetState?(r=(n=this.builderContextSignal).rootSetState)==null||r.call(n,t):this.builderContextSignal.rootState=t},mergeNewContent(e){var n,r,o,i,u;const t={...this.builderContextSignal.content,...e,data:{...(n=this.builderContextSignal.content)==null?void 0:n.data,...e==null?void 0:e.data},meta:{...(r=this.builderContextSignal.content)==null?void 0:r.meta,...e==null?void 0:e.meta,breakpoints:((o=e==null?void 0:e.meta)==null?void 0:o.breakpoints)||((u=(i=this.builderContextSignal.content)==null?void 0:i.meta)==null?void 0:u.breakpoints)}};this.builderContextSignal.content=t},processMessage(e){return ro({model:this.model,trustedHosts:this.trustedHosts,callbacks:{configureSdk:t=>{var o;const{breakpoints:n,contentId:r}=t;!r||r!==((o=this.builderContextSignal.content)==null?void 0:o.id)||n&&(this.mergeNewContent({meta:{breakpoints:n}}),this.forceReRenderCount=this.forceReRenderCount+1)},animation:t=>{Fr(t)},contentUpdate:t=>{this.mergeNewContent(t),this.forceReRenderCount=this.forceReRenderCount+1}}})(e)},evaluateJsCode(){var t,n;const e=(n=(t=this.builderContextSignal.content)==null?void 0:t.data)==null?void 0:n.jsCode;e&&Ye({code:e,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.builderContextSignal.rootSetState})},onClick(e){var t,n;if(this.builderContextSignal.content){const r=(t=this.builderContextSignal.content)==null?void 0:t.testVariationId,o=(n=this.builderContextSignal.content)==null?void 0:n.id;Jt({type:"click",canTrack:Ze(this.canTrack),contentId:o,apiKey:this.apiKey,variationId:r!==o?r:void 0,...bu(e),unique:!this.clicked})}this.clicked||(this.clicked=!0)},evalExpression(e){return e.replace(/{{([^}]+)}}/g,(t,n)=>Ye({code:n,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.builderContextSignal.rootSetState}))},handleRequest({url:e,key:t}){Gr(e).then(n=>n.json()).then(n=>{var o,i;const r={...this.builderContextSignal.rootState,[t]:n};(i=(o=this.builderContextSignal).rootSetState)==null||i.call(o,r),this.httpReqsData[t]=!0}).catch(n=>{console.error("error fetching dynamic data",e,n)})},runHttpRequests(){var t,n,r;const e=(r=(n=(t=this.builderContextSignal.content)==null?void 0:t.data)==null?void 0:n.httpRequests)!=null?r:{};Object.entries(e).forEach(([o,i])=>{if(i&&(!this.httpReqsData[o]||ne())){const u=this.evalExpression(i);this.handleRequest({url:u,key:o})}})},emitStateUpdate(){ne()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:tt(this.builderContextSignal.rootState),ref:{name:this.model}}}))},elementRef_onIniteditingbldr(e){this.forceReRenderCount=this.forceReRenderCount+1,window.addEventListener("message",this.processMessage),Su(),no({...this.locale?{locale:this.locale}:{},...this.includeRefs?{includeRefs:this.includeRefs}:{},...this.enrich?{enrich:this.enrich}:{},...this.trustedHosts?{trustedHosts:this.trustedHosts}:{}}),Object.values(this.builderContextSignal.componentInfos).forEach(t=>{var r;const n=_r(t);(r=window.parent)==null||r.postMessage(n,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate)},elementRef_onInitpreviewingbldr(e){const t=new URL(location.href).searchParams,n=t.get("builder.preview"),r=t.get(`builder.preview.${n}`),o=t.get("apiKey")||t.get("builder.space");n===this.model&&o===this.apiKey&&(!this.content||r===this.content.id)&&rt({model:this.model,apiKey:this.apiKey,apiVersion:this.builderContextSignal.apiVersion}).then(i=>{i&&this.mergeNewContent(i)})}}});function Du(e,t,n,r,o,i){var u,p,h;return e.builderContextSignal.content?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.ContentWrapper),a.mergeProps({key:e.forceReRenderCount,ref:"elementRef",onClick:g=>e.onClick(g),"builder-content-id":(u=e.builderContextSignal.content)==null?void 0:u.id,"builder-model":e.model,class:`variant-${((p=e.content)==null?void 0:p.testVariationId)||((h=e.content)==null?void 0:h.id)}`,onIniteditingbldr:g=>e.elementRef_onIniteditingbldr(g),onInitpreviewingbldr:g=>e.elementRef_onInitpreviewingbldr(g)},{...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps}),{default:a.withCtx(()=>[a.renderSlot(e.$slots,"default")]),_:3},16,["onClick","builder-content-id","builder-model","class","onIniteditingbldr","onInitpreviewingbldr"])):a.createCommentVNode("v-if",!0)}const Iu=j(wu,[["render",Du],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/enable-editor.vue"]]),xu=e=>{var i,u;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],r=(u=e.fileUrl)!=null?u:(i=e==null?void 0:e.files)==null?void 0:i.regular;let o="";if(r&&t&&n&&(o+=`
|
|
151
|
+
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 Gr=Qs();function ft(e,t=null,n="."){return Object.keys(e).reduce((r,o)=>{const i=e[o],u=[t,o].filter(Boolean).join(n);return[typeof i=="object",i!==null,!(Array.isArray(i)&&i.length===0)].every(Boolean)?{...r,...ft(i,u,n)}:{...r,[u]:i}},{})}const eu="v3",sr="builder.",tu="options.",nu=e=>{const t={};return e.forEach((n,r)=>{t[r]=n}),t},gn=e=>{if(!e)return{};const t=zr(e),n={};return Object.keys(t).forEach(r=>{if(r.startsWith(sr)){const o=r.replace(sr,"").replace(tu,"");n[o]=t[r]}}),n},ru=()=>{if(!L())return{};const e=new URLSearchParams(window.location.search);return gn(e)},zr=e=>e instanceof URLSearchParams?nu(e):e,ur=e=>typeof e=="number"&&!isNaN(e)&&e>=0,yn=e=>{let{noTraverse:t=!1}=e;const{limit:n=30,userAttributes:r,query:o,model:i,apiKey:u,includeRefs:p=!0,enrich:h,locale:g,apiVersion:y=eu,fields:A,omit:T,offset:$,cacheSeconds:I,staleCacheSeconds:O,sort:J,includeUnpublished:ye}=e;if(!u)throw new Error("Missing API key");if(!["v3"].includes(y))throw new Error(`Invalid apiVersion: expected 'v3', received '${y}'`);(e.limit===void 0||e.limit>1)&&!("noTraverse"in e)&&(t=!0);const E=new URL(`https://cdn.builder.io/api/${y}/content/${i}?apiKey=${u}&limit=${n}&noTraverse=${t}&includeRefs=${p}${g?`&locale=${g}`:""}${h?`&enrich=${h}`:""}`);if(E.searchParams.set("omit",T||"meta.componentsUsed"),A&&E.searchParams.set("fields",A),Number.isFinite($)&&$>-1&&E.searchParams.set("offset",String(Math.floor($))),typeof ye=="boolean"&&E.searchParams.set("includeUnpublished",String(ye)),I&&ur(I)&&E.searchParams.set("cacheSeconds",String(I)),O&&ur(O)&&E.searchParams.set("staleCacheSeconds",String(O)),J){const Q=ft({sort:J});for(const R in Q)E.searchParams.set(R,JSON.stringify(Q[R]))}const Re={...ru(),...zr(e.options||{})},Pe=ft(Re);for(const Q in Pe)E.searchParams.set(Q,String(Pe[Q]));if(r&&E.searchParams.set("userAttributes",JSON.stringify(r)),o){const Q=ft({query:o});for(const R in Q)E.searchParams.set(R,JSON.stringify(Q[R]))}return E},ou=e=>"results"in e;async function rt(e){const t=await vn({...e,limit:1});return t&&t[0]||null}const iu=rt,su=async e=>{const t=yn(e);return await(await Gr(t.href)).json()},Xr=async(e,t,n=yn(e))=>{const r=Ze(e.canTrack);if(n.search.includes("preview="),!r||!(L()||Z==="reactNative"))return t.results;try{const o=[];for(const i of t.results)o.push(await ns({item:i,canTrack:r}));t.results=o}catch(o){K.error("Could not process A/B tests. ",o)}return t.results};async function vn(e){try{const t=yn(e),n=await su(e);return ou(n)?Xr(e,n):(K.error("Error fetching data. ",{url:t,content:n,options:e}),null)}catch(t){return K.error("Error fetching data. ",t),null}}const uu=vn;function qr(){return!L()||ne()?!1:Boolean(location.search.indexOf("builder.preview=")!==-1)}function au(){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 Jr(){return au().replace(/-/g,"")}const Yr="builderSessionId",lu=async({canTrack:e})=>{if(!e)return;const t=await jr({name:Yr,canTrack:e});if(de(t))return t;{const n=cu();return pu({id:n,canTrack:e}),n}},cu=()=>Jr(),pu=({id:e,canTrack:t})=>$r({name:Yr,value:e,canTrack:t}),Zr=()=>L()&&typeof localStorage<"u"?localStorage:void 0,du=({key:e,canTrack:t})=>{var n;try{return t?(n=Zr())==null?void 0:n.getItem(e):void 0}catch(r){console.debug("[LocalStorage] GET error: ",r);return}},hu=({key:e,canTrack:t,value:n})=>{var r;try{t&&((r=Zr())==null||r.setItem(e,n))}catch(o){console.debug("[LocalStorage] SET error: ",o)}},Qr="builderVisitorId",fu=({canTrack:e})=>{if(!e)return;const t=du({key:Qr,canTrack:e});if(de(t))return t;{const n=mu();return gu({id:n,canTrack:e}),n}},mu=()=>Jr(),gu=({id:e,canTrack:t})=>hu({key:Qr,value:e,canTrack:t}),yu=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await lu({canTrack:e}),n=fu({canTrack:e});return{sessionId:t,visitorId:n}},vu=async({type:e,canTrack:t,apiKey:n,metadata:r,...o})=>({type:e,data:{...o,metadata:{url:location.href,...r},...await yu({canTrack:t}),userAttributes:mr(),ownerId:n}});async function Jt(e){if(!e.apiKey){K.error("Missing API key for track call. Please provide your API key.");return}if(!!e.canTrack&&!ne()&&!!(L()||Z==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await vu(e)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(t=>{console.error("Failed to track: ",t)})}const Cu=e=>Jt({...e,canTrack:!0});function ar(e){return Math.round(e*1e3)/1e3}const Au=(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},ku=e=>Au(e,t=>{const n=t.getAttribute("builder-id")||t.id;return Boolean((n==null?void 0:n.indexOf("builder-"))===0)}),lr=({event:e,target:t})=>{const n=t.getBoundingClientRect(),r=e.clientX-n.left,o=e.clientY-n.top,i=ar(r/n.width),u=ar(o/n.height);return{x:i,y:u}},bu=e=>{const t=e.target,n=t&&ku(t),r=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:r||void 0,metadata:{targetOffset:t?lr({event:e,target:t}):void 0,builderTargetOffset:n?lr({event:e,target:n}):void 0,builderElementIndex:n&&r?[].slice.call(document.getElementsByClassName(r)).indexOf(n):void 0}}},Eu=["*.beta.builder.io","beta.builder.io","builder.io","localhost","qa.builder.io"];function eo(e,t){const n=new URL(t.origin),r=n.hostname;return(e||Eu).findIndex(o=>o.startsWith("*.")?r.endsWith(o.slice(1)):o===r)>-1}const Bu="0.13.1",cr={};function to(e,t){let n=cr[e];if(n||(n=cr[e]=[]),n.push(t),L()){const r={type:"builder.register",data:{type:e,info:t}};try{parent.postMessage(r,"*"),parent!==window&&window.postMessage(r,"*")}catch(o){console.debug("Could not postmessage",o)}}}const Su=()=>{to("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 pr=!1;const no=(e={})=>{var t,n;pr||(pr=!0,L()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:Z,version:Bu,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",r=>{var i,u;if(!eo(e.trustedHosts,r))return;const{data:o}=r;if(!!(o!=null&&o.type))switch(o.type){case"builder.evaluate":{const p=o.data.text,h=o.data.arguments||[],g=o.data.id,y=new Function(p);let A,T=null;try{A=y.apply(null,h)}catch($){T=$}T?(i=window.parent)==null||i.postMessage({type:"builder.evaluateError",data:{id:g,error:T.message}},"*"):A&&typeof A.then=="function"?A.then($=>{var I;(I=window.parent)==null||I.postMessage({type:"builder.evaluateResult",data:{id:g,result:$}},"*")}).catch(console.error):(u=window.parent)==null||u.postMessage({type:"builder.evaluateResult",data:{result:A,id:g}},"*");break}}})))},ro=({model:e,trustedHosts:t,callbacks:n})=>r=>{if(!eo(t,r))return;const{data:o}=r;if(o)switch(o.type){case"builder.configureSdk":{n.configureSdk(o.data);break}case"builder.triggerAnimation":{n.animation(o.data);break}case"builder.contentUpdate":{const i=o.data,u=i.key||i.alias||i.entry||i.modelName,p=i.data;u===e&&n.contentUpdate(p);break}}},Fu=(e,t,n)=>{if(!L)return K.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."),()=>{};no();const r=ro({callbacks:{contentUpdate:t,animation:()=>{},configureSdk:()=>{}},model:e,trustedHosts:n==null?void 0:n.trustedHosts});return window.addEventListener("message",r),()=>{window.removeEventListener("message",r)}},wu=a.defineComponent({name:"enable-editor",props:["builderContextSignal","contentWrapper","model","trustedHosts","context","canTrack","apiKey","locale","includeRefs","enrich","content","showContent","contentWrapperProps","data"],data(){return{forceReRenderCount:0,firstRender:!0,lastUpdated:0,shouldSendResetCookie:!1,ContentWrapper:this.contentWrapper||"div",httpReqsData:{},clicked:!1,builderContext:mt}},provide(){const e=this;return{[mt.key]:e.builderContextSignal}},mounted(){(()=>{var n,r;if(L()){if(ne()&&this.$refs.elementRef&&this.$refs.elementRef.dispatchEvent(new CustomEvent("initeditingbldr")),this.builderContextSignal.content&&Ze(this.canTrack)){const i=(n=this.builderContextSignal.content)==null?void 0:n.testVariationId,u=(r=this.builderContextSignal.content)==null?void 0:r.id,p=this.apiKey;Jt({type:"impression",canTrack:!0,contentId:u,apiKey:p,variationId:i!==u?i:void 0})}qr()&&this.$refs.elementRef&&this.$refs.elementRef.dispatchEvent(new CustomEvent("initpreviewingbldr"))}})(),(()=>{this.apiKey||K.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),this.evaluateJsCode(),this.runHttpRequests(),this.emitStateUpdate()})()},watch:{onUpdateHook0:{handler(){this.content&&this.mergeNewContent(this.content)},immediate:!0},onUpdateHook1:{handler(){},immediate:!0},onUpdateHook2:{handler(){this.evaluateJsCode()},immediate:!0},onUpdateHook3:{handler(){this.runHttpRequests()},immediate:!0},onUpdateHook4:{handler(){this.emitStateUpdate()},immediate:!0},onUpdateHook5:{handler(){this.data&&this.mergeNewRootState(this.data)},immediate:!0},onUpdateHook6:{handler(){this.locale&&this.mergeNewRootState({locale:this.locale})},immediate:!0}},unmounted(){L()&&(window.removeEventListener("message",this.processMessage),window.removeEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate))},computed:{onUpdateHook0(){return{0:this.content}},onUpdateHook1(){return{0:this.shouldSendResetCookie}},onUpdateHook2(){var e,t;return{0:(t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.jsCode}},onUpdateHook3(){var e,t;return{0:(t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.httpRequests}},onUpdateHook4(){return{0:this.builderContextSignal.rootState}},onUpdateHook5(){return{0:this.data}},onUpdateHook6(){return{0:this.locale}}},methods:{mergeNewRootState(e){var n,r;const t={...this.builderContextSignal.rootState,...e};this.builderContextSignal.rootSetState?(r=(n=this.builderContextSignal).rootSetState)==null||r.call(n,t):this.builderContextSignal.rootState=t},mergeNewContent(e){var n,r,o,i,u;const t={...this.builderContextSignal.content,...e,data:{...(n=this.builderContextSignal.content)==null?void 0:n.data,...e==null?void 0:e.data},meta:{...(r=this.builderContextSignal.content)==null?void 0:r.meta,...e==null?void 0:e.meta,breakpoints:((o=e==null?void 0:e.meta)==null?void 0:o.breakpoints)||((u=(i=this.builderContextSignal.content)==null?void 0:i.meta)==null?void 0:u.breakpoints)}};this.builderContextSignal.content=t},processMessage(e){return ro({model:this.model,trustedHosts:this.trustedHosts,callbacks:{configureSdk:t=>{var o;const{breakpoints:n,contentId:r}=t;!r||r!==((o=this.builderContextSignal.content)==null?void 0:o.id)||n&&(this.mergeNewContent({meta:{breakpoints:n}}),this.forceReRenderCount=this.forceReRenderCount+1)},animation:t=>{Fr(t)},contentUpdate:t=>{this.mergeNewContent(t),this.forceReRenderCount=this.forceReRenderCount+1}}})(e)},evaluateJsCode(){var t,n;const e=(n=(t=this.builderContextSignal.content)==null?void 0:t.data)==null?void 0:n.jsCode;e&&Ye({code:e,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.builderContextSignal.rootSetState})},onClick(e){var t,n;if(this.builderContextSignal.content){const r=(t=this.builderContextSignal.content)==null?void 0:t.testVariationId,o=(n=this.builderContextSignal.content)==null?void 0:n.id;Jt({type:"click",canTrack:Ze(this.canTrack),contentId:o,apiKey:this.apiKey,variationId:r!==o?r:void 0,...bu(e),unique:!this.clicked})}this.clicked||(this.clicked=!0)},evalExpression(e){return e.replace(/{{([^}]+)}}/g,(t,n)=>Ye({code:n,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.builderContextSignal.rootSetState}))},handleRequest({url:e,key:t}){Gr(e).then(n=>n.json()).then(n=>{var o,i;const r={...this.builderContextSignal.rootState,[t]:n};(i=(o=this.builderContextSignal).rootSetState)==null||i.call(o,r),this.httpReqsData[t]=!0}).catch(n=>{console.error("error fetching dynamic data",e,n)})},runHttpRequests(){var t,n,r;const e=(r=(n=(t=this.builderContextSignal.content)==null?void 0:t.data)==null?void 0:n.httpRequests)!=null?r:{};Object.entries(e).forEach(([o,i])=>{if(i&&(!this.httpReqsData[o]||ne())){const u=this.evalExpression(i);this.handleRequest({url:u,key:o})}})},emitStateUpdate(){ne()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:tt(this.builderContextSignal.rootState),ref:{name:this.model}}}))},elementRef_onIniteditingbldr(e){this.forceReRenderCount=this.forceReRenderCount+1,window.addEventListener("message",this.processMessage),Su(),no({...this.locale?{locale:this.locale}:{},...this.includeRefs?{includeRefs:this.includeRefs}:{},...this.enrich?{enrich:this.enrich}:{},...this.trustedHosts?{trustedHosts:this.trustedHosts}:{}}),Object.values(this.builderContextSignal.componentInfos).forEach(t=>{var r;const n=_r(t);(r=window.parent)==null||r.postMessage(n,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate)},elementRef_onInitpreviewingbldr(e){const t=new URL(location.href).searchParams,n=t.get("builder.preview"),r=t.get(`builder.preview.${n}`),o=t.get("apiKey")||t.get("builder.space");n===this.model&&o===this.apiKey&&(!this.content||r===this.content.id)&&rt({model:this.model,apiKey:this.apiKey,apiVersion:this.builderContextSignal.apiVersion}).then(i=>{i&&this.mergeNewContent(i)})}}});function Du(e,t,n,r,o,i){var u,p,h;return e.builderContextSignal.content?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.ContentWrapper),a.mergeProps({key:e.forceReRenderCount,ref:"elementRef",onClick:g=>e.onClick(g),"builder-content-id":(u=e.builderContextSignal.content)==null?void 0:u.id,"builder-model":e.model,class:`variant-${((p=e.content)==null?void 0:p.testVariationId)||((h=e.content)==null?void 0:h.id)}`,onIniteditingbldr:g=>e.elementRef_onIniteditingbldr(g),onInitpreviewingbldr:g=>e.elementRef_onInitpreviewingbldr(g)},{...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps}),{default:a.withCtx(()=>[a.renderSlot(e.$slots,"default")]),_:3},16,["onClick","builder-content-id","builder-model","class","onIniteditingbldr","onInitpreviewingbldr"])):a.createCommentVNode("v-if",!0)}const Iu=j(wu,[["render",Du],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/enable-editor.vue"]]),xu=e=>{var i,u;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],r=(u=e.fileUrl)!=null?u:(i=e==null?void 0:e.files)==null?void 0:i.regular;let o="";if(r&&t&&n&&(o+=`
|
|
152
152
|
@font-face {
|
|
153
153
|
font-family: "${t}";
|
|
154
154
|
src: local("${n}"), url('${r}') format('woff2');
|
|
@@ -3018,22 +3018,22 @@ const ki = ({
|
|
|
3018
3018
|
},
|
|
3019
3019
|
block: r
|
|
3020
3020
|
}));
|
|
3021
|
-
}, Si = () => import("./block-styles.
|
|
3021
|
+
}, Si = () => import("./block-styles.c430e392.js").then((e) => e.default).catch((e) => {
|
|
3022
3022
|
throw console.error(
|
|
3023
3023
|
"Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
|
|
3024
3024
|
e
|
|
3025
3025
|
), e;
|
|
3026
|
-
}), Fi = () => import("./block-wrapper.
|
|
3026
|
+
}), Fi = () => import("./block-wrapper.f04e7d06.js").then((e) => e.default).catch((e) => {
|
|
3027
3027
|
throw console.error(
|
|
3028
3028
|
"Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
|
|
3029
3029
|
e
|
|
3030
3030
|
), e;
|
|
3031
|
-
}), wi = () => import("./component-ref.
|
|
3031
|
+
}), wi = () => import("./component-ref.ebab0bd9.js").then((e) => e.default).catch((e) => {
|
|
3032
3032
|
throw console.error(
|
|
3033
3033
|
"Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
|
|
3034
3034
|
e
|
|
3035
3035
|
), e;
|
|
3036
|
-
}), Bi = () => import("./repeated-block.
|
|
3036
|
+
}), Bi = () => import("./repeated-block.8c46a7c6.js").then((e) => e.default).catch((e) => {
|
|
3037
3037
|
throw console.error(
|
|
3038
3038
|
"Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
|
|
3039
3039
|
e
|
|
@@ -5122,7 +5122,7 @@ function so(e, t) {
|
|
|
5122
5122
|
const n = new URL(t.origin), r = n.hostname;
|
|
5123
5123
|
return (e || ju).findIndex((o) => o.startsWith("*.") ? r.endsWith(o.slice(1)) : o === r) > -1;
|
|
5124
5124
|
}
|
|
5125
|
-
const $u = "0.13.
|
|
5125
|
+
const $u = "0.13.1", br = {};
|
|
5126
5126
|
function Ou(e, t) {
|
|
5127
5127
|
let n = br[e];
|
|
5128
5128
|
if (n || (n = br[e] = []), n.push(t), z()) {
|
package/lib/edge/index.cjs
CHANGED
|
@@ -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.6a49244b.cjs");require("vue");exports.Blocks=e.Blocks;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.Content;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._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
|
package/lib/edge/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { j as a, l as n, m as r, C as o, F as i, n as c, R as g, k as l, S as m, o as d, p as C, V as u, A as p, s as E, z as B, D as R, E as S, G as f, v as h, H as k, q as b, r as x, t as y, u as P, y as v, x as A } from "./index.
|
|
1
|
+
import { j as a, l as n, m as r, C as o, F as i, n as c, R as g, k as l, S as m, o as d, p as C, V as u, A as p, s as E, z as B, D as R, E as S, G as f, v as h, H as k, q as b, r as x, t as y, u as P, y as v, x as A } from "./index.ae2d13a8.js";
|
|
2
2
|
import "vue";
|
|
3
3
|
export {
|
|
4
4
|
a as Blocks,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),n=require("./index.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),n=require("./index.6a49244b.cjs"),r=()=>Promise.resolve().then(()=>require("./index.6a49244b.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[n.BuilderContext.key]:e.store}}});function s(e,i,p,a,d,k){const t=o.resolveComponent("block");return o.openBlock(),o.createBlock(t,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const l=n._export_sfc(c,[["render",s],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/repeated-block.vue"]]);exports.default=l;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as c, createBlock as s } from "vue";
|
|
2
|
-
import { i as p, _ as l } from "./index.
|
|
3
|
-
const i = () => import("./index.
|
|
2
|
+
import { i as p, _ as l } from "./index.ae2d13a8.js";
|
|
3
|
+
const i = () => import("./index.ae2d13a8.js").then((e) => e.K).then((e) => e.default).catch((e) => {
|
|
4
4
|
throw console.error(
|
|
5
5
|
"Error while attempting to dynamically import component Block at ../block.vue",
|
|
6
6
|
e
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as k, resolveComponent as y, openBlock as f, createBlock as x, createCommentVNode as b } from "vue";
|
|
2
|
-
import { I as B, T as g, g as d, c as u, a as _, b as r, d as m, _ as v } from "./index.
|
|
2
|
+
import { I as B, T as g, g as d, c as u, a as _, b as r, d as m, _ as v } from "./index.f804c64d.js";
|
|
3
3
|
import "node:module";
|
|
4
4
|
const C = k({
|
|
5
5
|
name: "block-styles",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),e=require("./index.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),e=require("./index.9cc8fd23.cjs");require("node:module");const h=s.defineComponent({name:"block-styles",components:{InlinedStyles:e.InlinedStyles},props:["block","context"],data(){return{TARGET:e.TARGET}},computed:{canShowBlock(){const t=e.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0});return e.checkIsDefined(t.hide)?!t.hide:e.checkIsDefined(t.show)?t.show:!0},css(){var d;const t=e.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0}),o=t.responsiveStyles,n=this.context.content,r=e.getSizesForBreakpoints(((d=n==null?void 0:n.meta)==null?void 0:d.breakpoints)||{}),a=o==null?void 0:o.large,i=o==null?void 0:o.medium,c=o==null?void 0:o.small,l=t.id;if(!l)return"";const u=a?e.createCssClass({className:l,styles:a}):"",S=i?e.createCssClass({className:l,styles:i,mediaQuery:e.getMaxWidthQueryForSize("medium",r)}):"",m=c?e.createCssClass({className:l,styles:c,mediaQuery:e.getMaxWidthQueryForSize("small",r)}):"";return[u,S,m].join(" ")}}});function k(t,o,n,r,a,i){const c=s.resolveComponent("inlined-styles");return t.TARGET!=="reactNative"&&t.css&&t.canShowBlock?(s.openBlock(),s.createBlock(c,{key:0,styles:t.css},null,8,["styles"])):s.createCommentVNode("v-if",!0)}const p=e._export_sfc(h,[["render",k],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-styles.vue"]]);exports.default=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties.310a39f2.cjs"),n=require("./index.9cc8fd23.cjs");require("node:module");const c=()=>Promise.resolve().then(()=>require("./index.9cc8fd23.cjs")).then(e=>e.dynamicRenderer).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",e),e}),a=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(c)},props:["Wrapper","block","context"],data(){return{getBlockActions:o.getBlockActions,getBlockProperties:o.getBlockProperties}}});function i(e,l,p,d,u,m){const r=t.resolveComponent("dynamic-renderer");return t.openBlock(),t.createBlock(r,{TagName:e.Wrapper,attributes:e.getBlockProperties({block:e.block,context:e.context}),actionAttributes:e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const s=n._export_sfc(a,[["render",i],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-wrapper.vue"]]);exports.default=s;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defineComponent as o, defineAsyncComponent as r, resolveComponent as n, openBlock as a, createBlock as c, withCtx as p, renderSlot as i } from "vue";
|
|
2
|
-
import { g as s, a as l } from "./get-block-properties.
|
|
3
|
-
import { _ as m } from "./index.
|
|
2
|
+
import { g as s, a as l } from "./get-block-properties.5a8121c0.js";
|
|
3
|
+
import { _ as m } from "./index.f804c64d.js";
|
|
4
4
|
import "node:module";
|
|
5
|
-
const d = () => import("./index.
|
|
5
|
+
const d = () => import("./index.f804c64d.js").then((e) => e.J).then((e) => e.default).catch((e) => {
|
|
6
6
|
throw console.error(
|
|
7
7
|
"Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",
|
|
8
8
|
e
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),c=require("./index.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),c=require("./index.9cc8fd23.cjs"),a=require("./get-block-properties.310a39f2.cjs");require("node:module");const u=o.defineComponent({name:"interactive-element",props:["wrapperProps","includeBlockProps","block","context","Wrapper"],data(){return{getBlockActions:a.getBlockActions,getBlockProperties:a.getBlockProperties}}});function d(e,t,p,s,n,l){return o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({attributes:e.includeBlockProps?{...e.getBlockProperties({block:e.block,context:e.context}),...e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}:{}},e.wrapperProps),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const m=c._export_sfc(u,[["render",d],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/interactive-element.vue"]]),f=({componentOptions:e,builderBlock:t,context:p,componentRef:s,includeBlockProps:n,isInteractive:l,contextValue:i})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:t,context:i})}:{}};return l?{Wrapper:s,block:t,context:p,wrapperProps:e,includeBlockProps:n}:r},b=o.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:m},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(m):this.componentRef,getWrapperProps:f}}});function B(e,t,p,s,n,l){const i=o.resolveComponent("block");return e.componentRef?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.normalizeProps(o.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.blockChildren,(r,k)=>(o.openBlock(),o.createBlock(i,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):o.createCommentVNode("v-if",!0)}const g=c._export_sfc(b,[["render",B],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/component-ref/component-ref.vue"]]);exports.default=g;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as m, openBlock as r, createBlock as i, resolveDynamicComponent as k, mergeProps as u, withCtx as d, renderSlot as v, resolveComponent as P, normalizeProps as g, createElementBlock as B, Fragment as $, renderList as h, createCommentVNode as w } from "vue";
|
|
2
|
-
import { _ as f, B as S, w as W } from "./index.
|
|
3
|
-
import { g as R, a as b } from "./get-block-properties.
|
|
2
|
+
import { _ as f, B as S, w as W } from "./index.f804c64d.js";
|
|
3
|
+
import { g as R, a as b } from "./get-block-properties.5a8121c0.js";
|
|
4
4
|
import "node:module";
|
|
5
5
|
const I = m({
|
|
6
6
|
name: "interactive-element",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const SDK_VERSION = "0.13.
|
|
1
|
+
export declare const SDK_VERSION = "0.13.1";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const s=require("./index.
|
|
1
|
+
"use strict";const s=require("./index.9cc8fd23.cjs"),i=e=>`v-on:${e.toLowerCase()}`,l=(e,t)=>r=>s.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1});function u(e){var o;const t={},r=(o=e.block.actions)!=null?o:{};for(const a in r){if(!r.hasOwnProperty(a))continue;const c=r[a];let n=i(a);if(e.stripPrefix)switch(s.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=l(c,e)}return t}function f({properties:e}){return e}const d=e=>({href:e.href});function p({block:e,context:t}){var o;const r={...d(e),...e.properties,"builder-id":e.id,style:s.getStyle({block:e,context:t}),[s.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return f({properties:r,context:t,block:e})}exports.getBlockActions=u;exports.getBlockProperties=p;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const vue=require("vue"),node_module=require("node:module"),EMPTY_HTML_ELEMENTS=new Set(["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"]),isEmptyElement=e=>typeof e=="string"&&EMPTY_HTML_ELEMENTS.has(e.toLowerCase());function filterAttrs(e={},t,n){const o={};for(const r in e){if(!e[r]||n&&!r.startsWith(t))continue;const s=n?r.replace(t,""):r;o[s]=e[r]}return o}const _sfc_main$l=vue.defineComponent({name:"dynamic-renderer",props:["attributes","actionAttributes","TagName"],data(){return{isEmptyElement}}}),_export_sfc=(e,t)=>{const n=e.__vccOpts||e;for(const[o,r]of t)n[o]=r;return n};function _sfc_render$j(e,t,n,o,r,s){return e.isEmptyElement(e.TagName)?(vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(e.TagName),vue.mergeProps({key:1},e.attributes,vue.toHandlers(e.actionAttributes)),null,16)):(vue.openBlock(),vue.createElementBlock(vue.Fragment,{key:0},[typeof e.TagName=="string"?(vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(e.TagName),vue.mergeProps({key:0},e.attributes,vue.toHandlers(e.actionAttributes)),{default:vue.withCtx(()=>[vue.renderSlot(e.$slots,"default")]),_:3},16)):(vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(e.TagName),vue.mergeProps({key:1},e.attributes,vue.toHandlers(e.actionAttributes)),{default:vue.withCtx(()=>[vue.renderSlot(e.$slots,"default")]),_:3},16))],64))}const DynamicRenderer=_export_sfc(_sfc_main$l,[["render",_sfc_render$j],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/dynamic-renderer/dynamic-renderer.vue"]]),dynamicRenderer=Object.freeze(Object.defineProperty({__proto__:null,default:DynamicRenderer},Symbol.toStringTag,{value:"Module"})),TARGET="vue",getClassPropName=()=>{switch(TARGET){case"react":case"reactNative":case"rsc":return"className";case"svelte":case"vue":case"solid":case"qwik":return"class"}},_sfc_main$k=vue.defineComponent({name:"builder-button",components:{DynamicRenderer},props:["link","builderLinkComponent","attributes","openLinkInNewTab","text"],data(){return{getClassPropName,filterAttrs}}});function _sfc_render$i(e,t,n,o,r,s){const i=vue.resolveComponent("dynamic-renderer");return vue.openBlock(),vue.createBlock(i,{TagName:e.link?e.builderLinkComponent||"a":"button",attributes:{...e.filterAttrs(e.attributes,"v-on:",!1),[e.getClassPropName()]:`${e.link?"":"builder-button"} ${e.attributes[e.getClassPropName()]||""}`,...e.link?{href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}},actionAttributes:e.filterAttrs(e.attributes,"v-on:",!0)},{default:vue.withCtx(()=>[vue.createTextVNode(vue.toDisplayString(e.text),1)]),_:1},8,["TagName","attributes","actionAttributes"])}const Button=_export_sfc(_sfc_main$k,[["render",_sfc_render$i],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/button/button.vue"]]),key$1=Symbol(),BuilderContext={Builder:{content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{}},key:key$1},key=Symbol(),ComponentsContext={Components:{registeredComponents:{}},key};function getBlockComponentOptions(e){var t;return{...(t=e.component)==null?void 0:t.options,...e.options,builderBlock:e}}const MSG_PREFIX="[Builder.io]: ",logger={log:(...e)=>console.log(MSG_PREFIX,...e),error:(...e)=>console.error(MSG_PREFIX,...e),warn:(...e)=>console.warn(MSG_PREFIX,...e),debug:(...e)=>console.debug(MSG_PREFIX,...e)};function isBrowser(){return typeof window<"u"&&typeof document<"u"}function isIframe(){return isBrowser()&&window.self!==window.top}function isEditing(){return isIframe()&&(TARGET==="reactNative"||window.location.search.indexOf("builder.frameEditing=")!==-1)}const getLocation=()=>{if(isBrowser()){const e=new URL(location.href);return e.pathname===""&&(e.pathname="/"),e}else return console.warn("Cannot get location for tracking in non-browser environment"),null},getUserAgent=()=>typeof navigator=="object"&&navigator.userAgent||"",getUserAttributes=()=>{const e=getUserAgent(),t={Android(){return e.match(/Android/i)},BlackBerry(){return e.match(/BlackBerry/i)},iOS(){return e.match(/iPhone|iPod/i)},Opera(){return e.match(/Opera Mini/i)},Windows(){return e.match(/IEMobile/i)||e.match(/WPDesktop/i)},any(){return t.Android()||t.BlackBerry()||t.iOS()||t.Opera()||t.Windows()||TARGET==="reactNative"}},n=e.match(/Tablet|iPad/i),o=getLocation();return{urlPath:o==null?void 0:o.pathname,host:(o==null?void 0:o.host)||(o==null?void 0:o.hostname),device:n?"tablet":t.any()?"mobile":"desktop"}},getFunctionArguments=({builder:e,context:t,event:n,state:o})=>Object.entries({state:o,Builder:e,builder:e,context:t,event:n}),getBuilderGlobals=()=>({isEditing:isEditing(),isBrowser:isBrowser(),isServer:!isBrowser(),getUserAttributes:()=>getUserAttributes()}),parseCode=(e,{isExpression:t=!0})=>t&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e,runInBrowser=({code:e,builder:t,context:n,event:o,localState:r,rootSetState:s,rootState:i})=>{const a=getFunctionArguments({builder:t,context:n,event:o,state:flattenState({rootState:i,localState:r,rootSetState:s})});return new Function(...a.map(([l])=>l),e)(...a.map(([,l])=>l))};function flattenState({rootState:e,localState:t,rootSetState:n}){return new Proxy(e,{get:(o,r)=>{if(t&&r in t)return t[r];const s=o[r];return typeof s=="object"?flattenState({rootState:s,localState:void 0,rootSetState:n?i=>{o[r]=i,n(o)}:void 0}):s},set:(o,r,s)=>{if(t&&r in t)throw new Error("Writing to local state is not allowed as it is read-only.");return o[r]=s,n==null||n(o),!0}})}const fastClone=e=>JSON.parse(JSON.stringify(e)),set=(e,t,n)=>{if(Object(e)!==e)return e;const o=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return o.slice(0,-1).reduce((r,s,i)=>Object(r[s])===r[s]?r[s]:r[s]=Math.abs(Number(o[i+1]))>>0===+o[i+1]?[]:{},e)[o[o.length-1]]=n,e},noop=()=>{};let safeDynamicRequire=noop;try{safeDynamicRequire=node_module.createRequire(typeof document>"u"?new(require("url")).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("index.
|
|
1
|
+
"use strict";const vue=require("vue"),node_module=require("node:module"),EMPTY_HTML_ELEMENTS=new Set(["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"]),isEmptyElement=e=>typeof e=="string"&&EMPTY_HTML_ELEMENTS.has(e.toLowerCase());function filterAttrs(e={},t,n){const o={};for(const r in e){if(!e[r]||n&&!r.startsWith(t))continue;const s=n?r.replace(t,""):r;o[s]=e[r]}return o}const _sfc_main$l=vue.defineComponent({name:"dynamic-renderer",props:["attributes","actionAttributes","TagName"],data(){return{isEmptyElement}}}),_export_sfc=(e,t)=>{const n=e.__vccOpts||e;for(const[o,r]of t)n[o]=r;return n};function _sfc_render$j(e,t,n,o,r,s){return e.isEmptyElement(e.TagName)?(vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(e.TagName),vue.mergeProps({key:1},e.attributes,vue.toHandlers(e.actionAttributes)),null,16)):(vue.openBlock(),vue.createElementBlock(vue.Fragment,{key:0},[typeof e.TagName=="string"?(vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(e.TagName),vue.mergeProps({key:0},e.attributes,vue.toHandlers(e.actionAttributes)),{default:vue.withCtx(()=>[vue.renderSlot(e.$slots,"default")]),_:3},16)):(vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(e.TagName),vue.mergeProps({key:1},e.attributes,vue.toHandlers(e.actionAttributes)),{default:vue.withCtx(()=>[vue.renderSlot(e.$slots,"default")]),_:3},16))],64))}const DynamicRenderer=_export_sfc(_sfc_main$l,[["render",_sfc_render$j],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/dynamic-renderer/dynamic-renderer.vue"]]),dynamicRenderer=Object.freeze(Object.defineProperty({__proto__:null,default:DynamicRenderer},Symbol.toStringTag,{value:"Module"})),TARGET="vue",getClassPropName=()=>{switch(TARGET){case"react":case"reactNative":case"rsc":return"className";case"svelte":case"vue":case"solid":case"qwik":return"class"}},_sfc_main$k=vue.defineComponent({name:"builder-button",components:{DynamicRenderer},props:["link","builderLinkComponent","attributes","openLinkInNewTab","text"],data(){return{getClassPropName,filterAttrs}}});function _sfc_render$i(e,t,n,o,r,s){const i=vue.resolveComponent("dynamic-renderer");return vue.openBlock(),vue.createBlock(i,{TagName:e.link?e.builderLinkComponent||"a":"button",attributes:{...e.filterAttrs(e.attributes,"v-on:",!1),[e.getClassPropName()]:`${e.link?"":"builder-button"} ${e.attributes[e.getClassPropName()]||""}`,...e.link?{href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}},actionAttributes:e.filterAttrs(e.attributes,"v-on:",!0)},{default:vue.withCtx(()=>[vue.createTextVNode(vue.toDisplayString(e.text),1)]),_:1},8,["TagName","attributes","actionAttributes"])}const Button=_export_sfc(_sfc_main$k,[["render",_sfc_render$i],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/button/button.vue"]]),key$1=Symbol(),BuilderContext={Builder:{content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{}},key:key$1},key=Symbol(),ComponentsContext={Components:{registeredComponents:{}},key};function getBlockComponentOptions(e){var t;return{...(t=e.component)==null?void 0:t.options,...e.options,builderBlock:e}}const MSG_PREFIX="[Builder.io]: ",logger={log:(...e)=>console.log(MSG_PREFIX,...e),error:(...e)=>console.error(MSG_PREFIX,...e),warn:(...e)=>console.warn(MSG_PREFIX,...e),debug:(...e)=>console.debug(MSG_PREFIX,...e)};function isBrowser(){return typeof window<"u"&&typeof document<"u"}function isIframe(){return isBrowser()&&window.self!==window.top}function isEditing(){return isIframe()&&(TARGET==="reactNative"||window.location.search.indexOf("builder.frameEditing=")!==-1)}const getLocation=()=>{if(isBrowser()){const e=new URL(location.href);return e.pathname===""&&(e.pathname="/"),e}else return console.warn("Cannot get location for tracking in non-browser environment"),null},getUserAgent=()=>typeof navigator=="object"&&navigator.userAgent||"",getUserAttributes=()=>{const e=getUserAgent(),t={Android(){return e.match(/Android/i)},BlackBerry(){return e.match(/BlackBerry/i)},iOS(){return e.match(/iPhone|iPod/i)},Opera(){return e.match(/Opera Mini/i)},Windows(){return e.match(/IEMobile/i)||e.match(/WPDesktop/i)},any(){return t.Android()||t.BlackBerry()||t.iOS()||t.Opera()||t.Windows()||TARGET==="reactNative"}},n=e.match(/Tablet|iPad/i),o=getLocation();return{urlPath:o==null?void 0:o.pathname,host:(o==null?void 0:o.host)||(o==null?void 0:o.hostname),device:n?"tablet":t.any()?"mobile":"desktop"}},getFunctionArguments=({builder:e,context:t,event:n,state:o})=>Object.entries({state:o,Builder:e,builder:e,context:t,event:n}),getBuilderGlobals=()=>({isEditing:isEditing(),isBrowser:isBrowser(),isServer:!isBrowser(),getUserAttributes:()=>getUserAttributes()}),parseCode=(e,{isExpression:t=!0})=>t&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e,runInBrowser=({code:e,builder:t,context:n,event:o,localState:r,rootSetState:s,rootState:i})=>{const a=getFunctionArguments({builder:t,context:n,event:o,state:flattenState({rootState:i,localState:r,rootSetState:s})});return new Function(...a.map(([l])=>l),e)(...a.map(([,l])=>l))};function flattenState({rootState:e,localState:t,rootSetState:n}){return new Proxy(e,{get:(o,r)=>{if(t&&r in t)return t[r];const s=o[r];return typeof s=="object"?flattenState({rootState:s,localState:void 0,rootSetState:n?i=>{o[r]=i,n(o)}:void 0}):s},set:(o,r,s)=>{if(t&&r in t)throw new Error("Writing to local state is not allowed as it is read-only.");return o[r]=s,n==null||n(o),!0}})}const fastClone=e=>JSON.parse(JSON.stringify(e)),set=(e,t,n)=>{if(Object(e)!==e)return e;const o=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return o.slice(0,-1).reduce((r,s,i)=>Object(r[s])===r[s]?r[s]:r[s]=Math.abs(Number(o[i+1]))>>0===+o[i+1]?[]:{},e)[o[o.length-1]]=n,e},noop=()=>{};let safeDynamicRequire=noop;try{safeDynamicRequire=node_module.createRequire(typeof document>"u"?new(require("url")).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("index.9cc8fd23.cjs",document.baseURI).href)}catch(error){try{safeDynamicRequire=eval("require")}catch(e){}}const ivm=safeDynamicRequire("isolated-vm"),getSyncValName=e=>`bldr_${e}_sync`,BUILDER_SET_STATE_NAME="BUILDER_SET_STATE",INJECTED_IVM_GLOBAL="BUILDER_IVM",REF_TO_PROXY_FN=`
|
|
2
2
|
var refToProxy = (obj) => {
|
|
3
3
|
if (typeof obj !== 'object' || obj === null) {
|
|
4
4
|
return obj;
|
|
@@ -45,7 +45,7 @@ output;
|
|
|
45
45
|
${o}
|
|
46
46
|
}`:o};function transformStyleProperty({style:e}){return e}const getStyle=({block:e,context:t})=>mapStyleObjToStrIfNeeded(transformStyleProperty({style:e.style||{},context:t,block:e}));function mapStyleObjToStrIfNeeded(e){switch(TARGET){case"svelte":case"vue":case"solid":return convertStyleMapToCSSArray(e).join(" ");case"qwik":case"reactNative":case"react":case"rsc":return e}}function throttle(e,t,n={}){let o,r,s,i=null,a=0;const l=function(){a=n.leading===!1?0:Date.now(),i=null,s=e.apply(o,r),i||(o=r=null)};return function(){const c=Date.now();!a&&n.leading===!1&&(a=c);const u=t-(c-a);return o=this,r=arguments,u<=0||u>t?(i&&(clearTimeout(i),i=null),a=c,s=e.apply(o,r),i||(o=r=null)):!i&&n.trailing!==!1&&(i=setTimeout(l,u)),s}}function assign(e,...t){const n=Object(e);for(let o=1;o<arguments.length;o++){const r=arguments[o];if(r!=null)for(const s in r)Object.prototype.hasOwnProperty.call(r,s)&&(n[s]=r[s])}return n}const camelCaseToKebabCase=e=>e?e.replace(/([A-Z])/g,t=>`-${t[0].toLowerCase()}`):"";function bindAnimations(e){for(const t of e)switch(t.trigger){case"pageLoad":triggerAnimation(t);break;case"hover":bindHoverAnimation(t);break;case"scrollInView":bindScrollInViewAnimation(t);break}}function warnElementNotPresent(e){console.warn(`Cannot animate element: element with ID ${e} not found!`)}function augmentAnimation(e,t){const n=getAllStylesUsed(e),o=getComputedStyle(t),r=e.steps[0].styles,s=e.steps[e.steps.length-1].styles,i=[r,s];for(const a of i)for(const l of n)l in a||(a[l]=o[l])}function getAllStylesUsed(e){const t=[];for(const n of e.steps)for(const o in n.styles)t.indexOf(o)===-1&&t.push(o);return t}function triggerAnimation(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){warnElementNotPresent(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{augmentAnimation(e,n),n.style.transition="none",n.style.transitionDelay="0",assign(n.style,e.steps[0].styles),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${camelCaseToKebabCase(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s"),assign(n.style,e.steps[1].styles),setTimeout(()=>{n.style.transition="",n.style.transitionDelay=""},(e.delay||0)*1e3+e.duration*1e3+100)})})}function bindHoverAnimation(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){warnElementNotPresent(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{augmentAnimation(e,n);const o=e.steps[0].styles,r=e.steps[1].styles;function s(){assign(n.style,o)}function i(){assign(n.style,r)}s(),n.addEventListener("mouseenter",i),n.addEventListener("mouseleave",s),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${camelCaseToKebabCase(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s")})})}function bindScrollInViewAnimation(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){warnElementNotPresent(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{augmentAnimation(e,n);let o=!1,r=!1;function s(){!o&&a(n)?(o=!0,r=!0,setTimeout(()=>{assign(n.style,e.steps[1].styles),e.repeat||document.removeEventListener("scroll",i),setTimeout(()=>{r=!1,e.repeat||(n.style.transition="",n.style.transitionDelay="")},(e.duration+(e.delay||0))*1e3+100)})):e.repeat&&o&&!r&&!a(n)&&(o=!1,assign(n.style,e.steps[0].styles))}const i=throttle(s,200,{leading:!1});function a(u){const d=u.getBoundingClientRect(),p=window.innerHeight,f=(e.thresholdPercent||0)/100*p;return d.bottom>f&&d.top<p-f}const l=e.steps[0].styles;function c(){assign(n.style,l)}c(),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${camelCaseToKebabCase(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s")}),document.addEventListener("scroll",i,{capture:!0,passive:!0}),s()})}const getComponent=({block:e,context:t,registeredComponents:n})=>{var s;const o=(s=getProcessedBlock({block:e,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context,shouldEvaluateBindings:!1}).component)==null?void 0:s.name;if(!o)return null;const r=n[o];if(r)return r;console.warn(`
|
|
47
47
|
Could not find a registered component named "${o}".
|
|
48
|
-
If you registered it, is the file that registered it imported by the file that needs to render it?`)},getRepeatItemData=({block:e,context:t})=>{const{repeat:n,...o}=e;if(!(n!=null&&n.collection))return;const r=evaluate({code:n.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context});if(!Array.isArray(r))return;const s=n.collection.split(".").pop(),i=n.itemName||(s?s+"Item":"item");return r.map((l,c)=>({context:{...t,localState:{...t.localState,$index:c,$item:l,[i]:l,[`$${i}Index`]:c}},block:o}))},BlockStyles=()=>Promise.resolve().then(()=>require("./block-styles.cfcb2ec6.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",e),e}),BlockWrapper=()=>Promise.resolve().then(()=>require("./block-wrapper.d68c9dc7.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}),ComponentRef=()=>Promise.resolve().then(()=>require("./component-ref.fef25d37.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}),RepeatedBlock=()=>Promise.resolve().then(()=>require("./repeated-block.a78f5a2c.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}),_sfc_main$j=vue.defineComponent({name:"block",components:{BlockStyles:vue.defineAsyncComponent(BlockStyles),ComponentRef:vue.defineAsyncComponent(ComponentRef),RepeatedBlock:vue.defineAsyncComponent(RepeatedBlock),BlockWrapper:vue.defineAsyncComponent(BlockWrapper)},props:["block","context","registeredComponents","linkComponent"],data(){return{childrenContext:this.context}},mounted(){const e=this.processedBlock.id,t=this.processedBlock.animations;t&&e&&bindAnimations(t.filter(n=>n.trigger!=="hover").map(n=>({...n,elementId:e})))},computed:{blockComponent(){return getComponent({block:this.block,context:this.context,registeredComponents:this.registeredComponents})},repeatItem(){return getRepeatItemData({block:this.block,context:this.context})},processedBlock(){var e;return(e=this.block.repeat)!=null&&e.collection?this.block:getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0})},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,o;if((n=this.block.repeat)!=null&&n.collection)return!!((o=this.repeatItem)!=null&&o.length);const e="hide"in this.processedBlock?this.processedBlock.hide:!1;return("show"in this.processedBlock?this.processedBlock.show:!0)&&!e},childrenWithoutParentComponent(){var t,n;return!((t=this.blockComponent)!=null&&t.component)&&!this.repeatItem?(n=this.processedBlock.children)!=null?n:[]:[]},componentRefProps(){var e,t,n,o,r,s,i,a,l;return{blockChildren:(e=this.processedBlock.children)!=null?e:[],componentRef:(t=this.blockComponent)==null?void 0:t.component,componentOptions:{...getBlockComponentOptions(this.processedBlock),builderContext:this.context,...((n=this.blockComponent)==null?void 0:n.name)==="Core:Button"||((o=this.blockComponent)==null?void 0:o.name)==="Symbol"||((r=this.blockComponent)==null?void 0:r.name)==="Columns"?{builderLinkComponent:this.linkComponent}:{},...((s=this.blockComponent)==null?void 0:s.name)==="Symbol"||((i=this.blockComponent)==null?void 0:i.name)==="Columns"?{builderComponents:this.registeredComponents}:{}},context:this.childrenContext,linkComponent:this.linkComponent,registeredComponents:this.registeredComponents,builderBlock:this.processedBlock,includeBlockProps:((a=this.blockComponent)==null?void 0:a.noWrap)===!0,isInteractive:!((l=this.blockComponent)!=null&&l.isRSC)}}}});function _sfc_render$h(e,t,n,o,r,s){var d;const i=vue.resolveComponent("block-styles"),a=vue.resolveComponent("component-ref"),l=vue.resolveComponent("block",!0),c=vue.resolveComponent("block-wrapper"),u=vue.resolveComponent("repeated-block");return e.canShowBlock?(vue.openBlock(),vue.createElementBlock(vue.Fragment,{key:0},[vue.createVNode(i,{block:e.block,context:e.context},null,8,["block","context"]),(d=e.blockComponent)!=null&&d.noWrap?(vue.openBlock(),vue.createBlock(a,{key:1,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"])):(vue.openBlock(),vue.createElementBlock(vue.Fragment,{key:0},[e.repeatItem?(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,{key:1},vue.renderList(e.repeatItem,(p,m)=>(vue.openBlock(),vue.createBlock(u,{key:m,repeatContext:p.context,block:p.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["repeatContext","block","registeredComponents","linkComponent"]))),128)):(vue.openBlock(),vue.createBlock(c,{key:0,Wrapper:e.Tag,block:e.processedBlock,context:e.context,linkComponent:e.linkComponent},{default:vue.withCtx(()=>[vue.createVNode(a,{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"]),(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(e.childrenWithoutParentComponent,(p,m)=>(vue.openBlock(),vue.createBlock(l,{key:p.id,block:p,context:e.childrenContext,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},8,["Wrapper","block","context","linkComponent"]))],64))],64)):vue.createCommentVNode("v-if",!0)}const Block=_export_sfc(_sfc_main$j,[["render",_sfc_render$h],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/block.vue"]]),block=Object.freeze(Object.defineProperty({__proto__:null,default:Block},Symbol.toStringTag,{value:"Module"})),_sfc_main$i=vue.defineComponent({name:"builder-blocks-wrapper",props:["BlocksWrapper","blocks","parent","path","styleProp","BlocksWrapperProps"],computed:{className(){var e;return"builder-blocks"+((e=this.blocks)!=null&&e.length?"":" no-blocks")}},methods:{onClick(){var e,t;isEditing()&&!((e=this.blocks)!=null&&e.length)&&((t=window.parent)==null||t.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))},onMouseEnter(){var e,t;isEditing()&&!((e=this.blocks)!=null&&e.length)&&((t=window.parent)==null||t.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))}}}),blocksWrapper_vue_vue_type_style_index_0_scoped_1f8aab9f_lang="";function _sfc_render$g(e,t,n,o,r,s){return vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(e.BlocksWrapper),vue.mergeProps({class:e.className+" component-1k2igrjdg3x","builder-path":e.path,"builder-parent-id":e.parent,style:e.styleProp,onClick:i=>e.onClick(),onMouseEnter:i=>e.onMouseEnter(),onKeyPress:i=>e.onClick()},{...e.BlocksWrapperProps}),{default:vue.withCtx(()=>[vue.renderSlot(e.$slots,"default",{},void 0,!0)]),_:3},16,["class","builder-path","builder-parent-id","style","onClick","onMouseEnter","onKeyPress"])}const BlocksWrapper=_export_sfc(_sfc_main$i,[["render",_sfc_render$g],["__scopeId","data-v-1f8aab9f"],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks-wrapper.vue"]]),_sfc_main$h=vue.defineComponent({name:"builder-blocks",components:{BlocksWrapper,Block},props:["blocks","parent","path","styleProp","context","linkComponent","registeredComponents"],inject:{builderContext:BuilderContext.key,componentsContext:ComponentsContext.key}});function _sfc_render$f(e,t,n,o,r,s){var l,c;const i=vue.resolveComponent("block"),a=vue.resolveComponent("blocks-wrapper");return vue.openBlock(),vue.createBlock(a,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,BlocksWrapper:(l=e.context)==null?void 0:l.BlocksWrapper,BlocksWrapperProps:(c=e.context)==null?void 0:c.BlocksWrapperProps},{default:vue.withCtx(()=>[e.blocks?(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,{key:0},vue.renderList(e.blocks,(u,d)=>(vue.openBlock(),vue.createBlock(i,{key:u.id,block:u,linkComponent:e.linkComponent,context:e.context||e.builderContext,registeredComponents:e.registeredComponents||e.componentsContext.registeredComponents},null,8,["block","linkComponent","context","registeredComponents"]))),128)):vue.createCommentVNode("v-if",!0)]),_:1},8,["blocks","parent","path","styleProp","BlocksWrapper","BlocksWrapperProps"])}const Blocks=_export_sfc(_sfc_main$h,[["render",_sfc_render$f],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks.vue"]]),_sfc_main$g=vue.defineComponent({render(){return vue.h("style",{id:this.id,innerHTML:this.styles})},name:"inlined-styles",props:["styles","id"]}),InlinedStyles=_export_sfc(_sfc_main$g,[["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-styles.vue"]]),SIZES={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},getMaxWidthQueryForSize=(e,t=SIZES)=>`@media (max-width: ${t[e].max}px)`,getSizesForBreakpoints=({small:e,medium:t})=>{const n=fastClone(SIZES);if(!e||!t)return n;const o=Math.floor(e/2);n.small={max:e,min:o,default:o+1};const r=n.small.max+1;n.medium={max:t,min:r,default:r+1};const s=n.medium.max+1;return n.large={max:2e3,min:s,default:s+1},n},_sfc_main$f=vue.defineComponent({name:"builder-columns",components:{InlinedStyles,DynamicRenderer,Blocks},props:["js","space","columns","stackColumnsAt","reverseColumnsWhenStacked","builderContext","builderBlock","builderLinkComponent","builderComponents"],data(){return{gutterSize:typeof this.space=="number"?this.space||0:20,cols:this.columns||[],stackAt:this.stackColumnsAt||"tablet",flexDir:this.stackColumnsAt==="never"?"row":this.reverseColumnsWhenStacked?"column-reverse":"column",TARGET,getClassPropName,mapStyleObjToStrIfNeeded}},computed:{columnsCssVars(){return{"--flex-dir":this.flexDir,"--flex-dir-tablet":this.getTabletStyle({stackedStyle:this.flexDir,desktopStyle:"row"})}},columnsStyles(){return`
|
|
48
|
+
If you registered it, is the file that registered it imported by the file that needs to render it?`)},getRepeatItemData=({block:e,context:t})=>{const{repeat:n,...o}=e;if(!(n!=null&&n.collection))return;const r=evaluate({code:n.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context});if(!Array.isArray(r))return;const s=n.collection.split(".").pop(),i=n.itemName||(s?s+"Item":"item");return r.map((l,c)=>({context:{...t,localState:{...t.localState,$index:c,$item:l,[i]:l,[`$${i}Index`]:c}},block:o}))},BlockStyles=()=>Promise.resolve().then(()=>require("./block-styles.b0758e84.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",e),e}),BlockWrapper=()=>Promise.resolve().then(()=>require("./block-wrapper.4b4b32dd.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}),ComponentRef=()=>Promise.resolve().then(()=>require("./component-ref.471ae470.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}),RepeatedBlock=()=>Promise.resolve().then(()=>require("./repeated-block.fc61b1ce.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}),_sfc_main$j=vue.defineComponent({name:"block",components:{BlockStyles:vue.defineAsyncComponent(BlockStyles),ComponentRef:vue.defineAsyncComponent(ComponentRef),RepeatedBlock:vue.defineAsyncComponent(RepeatedBlock),BlockWrapper:vue.defineAsyncComponent(BlockWrapper)},props:["block","context","registeredComponents","linkComponent"],data(){return{childrenContext:this.context}},mounted(){const e=this.processedBlock.id,t=this.processedBlock.animations;t&&e&&bindAnimations(t.filter(n=>n.trigger!=="hover").map(n=>({...n,elementId:e})))},computed:{blockComponent(){return getComponent({block:this.block,context:this.context,registeredComponents:this.registeredComponents})},repeatItem(){return getRepeatItemData({block:this.block,context:this.context})},processedBlock(){var e;return(e=this.block.repeat)!=null&&e.collection?this.block:getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0})},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,o;if((n=this.block.repeat)!=null&&n.collection)return!!((o=this.repeatItem)!=null&&o.length);const e="hide"in this.processedBlock?this.processedBlock.hide:!1;return("show"in this.processedBlock?this.processedBlock.show:!0)&&!e},childrenWithoutParentComponent(){var t,n;return!((t=this.blockComponent)!=null&&t.component)&&!this.repeatItem?(n=this.processedBlock.children)!=null?n:[]:[]},componentRefProps(){var e,t,n,o,r,s,i,a,l;return{blockChildren:(e=this.processedBlock.children)!=null?e:[],componentRef:(t=this.blockComponent)==null?void 0:t.component,componentOptions:{...getBlockComponentOptions(this.processedBlock),builderContext:this.context,...((n=this.blockComponent)==null?void 0:n.name)==="Core:Button"||((o=this.blockComponent)==null?void 0:o.name)==="Symbol"||((r=this.blockComponent)==null?void 0:r.name)==="Columns"?{builderLinkComponent:this.linkComponent}:{},...((s=this.blockComponent)==null?void 0:s.name)==="Symbol"||((i=this.blockComponent)==null?void 0:i.name)==="Columns"?{builderComponents:this.registeredComponents}:{}},context:this.childrenContext,linkComponent:this.linkComponent,registeredComponents:this.registeredComponents,builderBlock:this.processedBlock,includeBlockProps:((a=this.blockComponent)==null?void 0:a.noWrap)===!0,isInteractive:!((l=this.blockComponent)!=null&&l.isRSC)}}}});function _sfc_render$h(e,t,n,o,r,s){var d;const i=vue.resolveComponent("block-styles"),a=vue.resolveComponent("component-ref"),l=vue.resolveComponent("block",!0),c=vue.resolveComponent("block-wrapper"),u=vue.resolveComponent("repeated-block");return e.canShowBlock?(vue.openBlock(),vue.createElementBlock(vue.Fragment,{key:0},[vue.createVNode(i,{block:e.block,context:e.context},null,8,["block","context"]),(d=e.blockComponent)!=null&&d.noWrap?(vue.openBlock(),vue.createBlock(a,{key:1,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"])):(vue.openBlock(),vue.createElementBlock(vue.Fragment,{key:0},[e.repeatItem?(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,{key:1},vue.renderList(e.repeatItem,(p,m)=>(vue.openBlock(),vue.createBlock(u,{key:m,repeatContext:p.context,block:p.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["repeatContext","block","registeredComponents","linkComponent"]))),128)):(vue.openBlock(),vue.createBlock(c,{key:0,Wrapper:e.Tag,block:e.processedBlock,context:e.context,linkComponent:e.linkComponent},{default:vue.withCtx(()=>[vue.createVNode(a,{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"]),(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(e.childrenWithoutParentComponent,(p,m)=>(vue.openBlock(),vue.createBlock(l,{key:p.id,block:p,context:e.childrenContext,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},8,["Wrapper","block","context","linkComponent"]))],64))],64)):vue.createCommentVNode("v-if",!0)}const Block=_export_sfc(_sfc_main$j,[["render",_sfc_render$h],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/block.vue"]]),block=Object.freeze(Object.defineProperty({__proto__:null,default:Block},Symbol.toStringTag,{value:"Module"})),_sfc_main$i=vue.defineComponent({name:"builder-blocks-wrapper",props:["BlocksWrapper","blocks","parent","path","styleProp","BlocksWrapperProps"],computed:{className(){var e;return"builder-blocks"+((e=this.blocks)!=null&&e.length?"":" no-blocks")}},methods:{onClick(){var e,t;isEditing()&&!((e=this.blocks)!=null&&e.length)&&((t=window.parent)==null||t.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))},onMouseEnter(){var e,t;isEditing()&&!((e=this.blocks)!=null&&e.length)&&((t=window.parent)==null||t.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))}}}),blocksWrapper_vue_vue_type_style_index_0_scoped_1f8aab9f_lang="";function _sfc_render$g(e,t,n,o,r,s){return vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(e.BlocksWrapper),vue.mergeProps({class:e.className+" component-1k2igrjdg3x","builder-path":e.path,"builder-parent-id":e.parent,style:e.styleProp,onClick:i=>e.onClick(),onMouseEnter:i=>e.onMouseEnter(),onKeyPress:i=>e.onClick()},{...e.BlocksWrapperProps}),{default:vue.withCtx(()=>[vue.renderSlot(e.$slots,"default",{},void 0,!0)]),_:3},16,["class","builder-path","builder-parent-id","style","onClick","onMouseEnter","onKeyPress"])}const BlocksWrapper=_export_sfc(_sfc_main$i,[["render",_sfc_render$g],["__scopeId","data-v-1f8aab9f"],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks-wrapper.vue"]]),_sfc_main$h=vue.defineComponent({name:"builder-blocks",components:{BlocksWrapper,Block},props:["blocks","parent","path","styleProp","context","linkComponent","registeredComponents"],inject:{builderContext:BuilderContext.key,componentsContext:ComponentsContext.key}});function _sfc_render$f(e,t,n,o,r,s){var l,c;const i=vue.resolveComponent("block"),a=vue.resolveComponent("blocks-wrapper");return vue.openBlock(),vue.createBlock(a,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,BlocksWrapper:(l=e.context)==null?void 0:l.BlocksWrapper,BlocksWrapperProps:(c=e.context)==null?void 0:c.BlocksWrapperProps},{default:vue.withCtx(()=>[e.blocks?(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,{key:0},vue.renderList(e.blocks,(u,d)=>(vue.openBlock(),vue.createBlock(i,{key:u.id,block:u,linkComponent:e.linkComponent,context:e.context||e.builderContext,registeredComponents:e.registeredComponents||e.componentsContext.registeredComponents},null,8,["block","linkComponent","context","registeredComponents"]))),128)):vue.createCommentVNode("v-if",!0)]),_:1},8,["blocks","parent","path","styleProp","BlocksWrapper","BlocksWrapperProps"])}const Blocks=_export_sfc(_sfc_main$h,[["render",_sfc_render$f],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks.vue"]]),_sfc_main$g=vue.defineComponent({render(){return vue.h("style",{id:this.id,innerHTML:this.styles})},name:"inlined-styles",props:["styles","id"]}),InlinedStyles=_export_sfc(_sfc_main$g,[["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-styles.vue"]]),SIZES={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},getMaxWidthQueryForSize=(e,t=SIZES)=>`@media (max-width: ${t[e].max}px)`,getSizesForBreakpoints=({small:e,medium:t})=>{const n=fastClone(SIZES);if(!e||!t)return n;const o=Math.floor(e/2);n.small={max:e,min:o,default:o+1};const r=n.small.max+1;n.medium={max:t,min:r,default:r+1};const s=n.medium.max+1;return n.large={max:2e3,min:s,default:s+1},n},_sfc_main$f=vue.defineComponent({name:"builder-columns",components:{InlinedStyles,DynamicRenderer,Blocks},props:["js","space","columns","stackColumnsAt","reverseColumnsWhenStacked","builderContext","builderBlock","builderLinkComponent","builderComponents"],data(){return{gutterSize:typeof this.space=="number"?this.space||0:20,cols:this.columns||[],stackAt:this.stackColumnsAt||"tablet",flexDir:this.stackColumnsAt==="never"?"row":this.reverseColumnsWhenStacked?"column-reverse":"column",TARGET,getClassPropName,mapStyleObjToStrIfNeeded}},computed:{columnsCssVars(){return{"--flex-dir":this.flexDir,"--flex-dir-tablet":this.getTabletStyle({stackedStyle:this.flexDir,desktopStyle:"row"})}},columnsStyles(){return`
|
|
49
49
|
@media (max-width: ${this.getWidthForBreakpointSize("medium")}px) {
|
|
50
50
|
.${this.builderBlock.id}-breakpoints {
|
|
51
51
|
flex-direction: var(--flex-dir-tablet);
|
|
@@ -168,7 +168,7 @@ output;
|
|
|
168
168
|
)`,getUpdateVariantVisibilityScript=({contentId:e,variationId:t})=>`window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME}(
|
|
169
169
|
"${t}", "${e}", ${isHydrationTarget}
|
|
170
170
|
)`,_sfc_main$5=vue.defineComponent({render(){return vue.h("script",{id:this.id,innerHTML:this.scriptStr})},name:"inlined-script",props:["scriptStr","id"]}),InlinedScript=_export_sfc(_sfc_main$5,[["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-script.vue"]]);function getGlobalThis(){return typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:globalThis}function getFetch(){const e=getGlobalThis().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.
|
|
171
|
-
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 fetch$1=getFetch();function flatten(e,t=null,n="."){return Object.keys(e).reduce((o,r)=>{const s=e[r],i=[t,r].filter(Boolean).join(n);return[typeof s=="object",s!==null,!(Array.isArray(s)&&s.length===0)].every(Boolean)?{...o,...flatten(s,i,n)}:{...o,[i]:s}},{})}const DEFAULT_API_VERSION="v3",BUILDER_SEARCHPARAMS_PREFIX="builder.",BUILDER_OPTIONS_PREFIX="options.",convertSearchParamsToQueryObject=e=>{const t={};return e.forEach((n,o)=>{t[o]=n}),t},getBuilderSearchParams=e=>{if(!e)return{};const t=normalizeSearchParams(e),n={};return Object.keys(t).forEach(o=>{if(o.startsWith(BUILDER_SEARCHPARAMS_PREFIX)){const r=o.replace(BUILDER_SEARCHPARAMS_PREFIX,"").replace(BUILDER_OPTIONS_PREFIX,"");n[r]=t[o]}}),n},getBuilderSearchParamsFromWindow=()=>{if(!isBrowser())return{};const e=new URLSearchParams(window.location.search);return getBuilderSearchParams(e)},normalizeSearchParams=e=>e instanceof URLSearchParams?convertSearchParamsToQueryObject(e):e,isPositiveNumber=e=>typeof e=="number"&&!isNaN(e)&&e>=0,generateContentUrl=e=>{let{noTraverse:t=!1}=e;const{limit:n=30,userAttributes:o,query:r,model:s,apiKey:i,includeRefs:a=!0,enrich:l,locale:c,apiVersion:u=DEFAULT_API_VERSION,fields:d,omit:p,offset:m,cacheSeconds:f,staleCacheSeconds:g,sort:k,includeUnpublished:y}=e;if(!i)throw new Error("Missing API key");if(!["v3"].includes(u))throw new Error(`Invalid apiVersion: expected 'v3', received '${u}'`);(e.limit===void 0||e.limit>1)&&!("noTraverse"in e)&&(t=!0);const h=new URL(`https://cdn.builder.io/api/${u}/content/${s}?apiKey=${i}&limit=${n}&noTraverse=${t}&includeRefs=${a}${c?`&locale=${c}`:""}${l?`&enrich=${l}`:""}`);if(h.searchParams.set("omit",p||"meta.componentsUsed"),d&&h.searchParams.set("fields",d),Number.isFinite(m)&&m>-1&&h.searchParams.set("offset",String(Math.floor(m))),typeof y=="boolean"&&h.searchParams.set("includeUnpublished",String(y)),f&&isPositiveNumber(f)&&h.searchParams.set("cacheSeconds",String(f)),g&&isPositiveNumber(g)&&h.searchParams.set("staleCacheSeconds",String(g)),k){const b=flatten({sort:k});for(const v in b)h.searchParams.set(v,JSON.stringify(b[v]))}const S={...getBuilderSearchParamsFromWindow(),...normalizeSearchParams(e.options||{})},C=flatten(S);for(const b in C)h.searchParams.set(b,String(C[b]));if(o&&h.searchParams.set("userAttributes",JSON.stringify(o)),r){const b=flatten({query:r});for(const v in b)h.searchParams.set(v,JSON.stringify(b[v]))}return h},checkContentHasResults=e=>"results"in e;async function fetchOneEntry(e){const t=await fetchEntries({...e,limit:1});return t&&t[0]||null}const getContent=fetchOneEntry,_fetchContent=async e=>{const t=generateContentUrl(e);return await(await fetch$1(t.href)).json()},_processContentResult=async(e,t,n=generateContentUrl(e))=>{const o=getDefaultCanTrack(e.canTrack);if(n.search.includes("preview="),!o||!(isBrowser()||TARGET==="reactNative"))return t.results;try{const r=[];for(const s of t.results)r.push(await handleABTesting({item:s,canTrack:o}));t.results=r}catch(r){logger.error("Could not process A/B tests. ",r)}return t.results};async function fetchEntries(e){try{const t=generateContentUrl(e),n=await _fetchContent(e);return checkContentHasResults(n)?_processContentResult(e,n):(logger.error("Error fetching data. ",{url:t,content:n,options:e}),null)}catch(t){return logger.error("Error fetching data. ",t),null}}const getAllContent=fetchEntries;function isPreviewing(){return!isBrowser()||isEditing()?!1:Boolean(location.search.indexOf("builder.preview=")!==-1)}function uuidv4(){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 uuid(){return uuidv4().replace(/-/g,"")}const SESSION_LOCAL_STORAGE_KEY="builderSessionId",getSessionId=async({canTrack:e})=>{if(!e)return;const t=await getCookie({name:SESSION_LOCAL_STORAGE_KEY,canTrack:e});if(checkIsDefined(t))return t;{const n=createSessionId();return setSessionId({id:n,canTrack:e}),n}},createSessionId=()=>uuid(),setSessionId=({id:e,canTrack:t})=>setCookie({name:SESSION_LOCAL_STORAGE_KEY,value:e,canTrack:t}),getLocalStorage=()=>isBrowser()&&typeof localStorage<"u"?localStorage:void 0,getLocalStorageItem=({key:e,canTrack:t})=>{var n;try{return t?(n=getLocalStorage())==null?void 0:n.getItem(e):void 0}catch(o){console.debug("[LocalStorage] GET error: ",o);return}},setLocalStorageItem=({key:e,canTrack:t,value:n})=>{var o;try{t&&((o=getLocalStorage())==null||o.setItem(e,n))}catch(r){console.debug("[LocalStorage] SET error: ",r)}},VISITOR_LOCAL_STORAGE_KEY="builderVisitorId",getVisitorId=({canTrack:e})=>{if(!e)return;const t=getLocalStorageItem({key:VISITOR_LOCAL_STORAGE_KEY,canTrack:e});if(checkIsDefined(t))return t;{const n=createVisitorId();return setVisitorId({id:n,canTrack:e}),n}},createVisitorId=()=>uuid(),setVisitorId=({id:e,canTrack:t})=>setLocalStorageItem({key:VISITOR_LOCAL_STORAGE_KEY,value:e,canTrack:t}),getTrackingEventData=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await getSessionId({canTrack:e}),n=getVisitorId({canTrack:e});return{sessionId:t,visitorId:n}},createEvent=async({type:e,canTrack:t,apiKey:n,metadata:o,...r})=>({type:e,data:{...r,metadata:{url:location.href,...o},...await getTrackingEventData({canTrack:t}),userAttributes:getUserAttributes(),ownerId:n}});async function _track(e){if(!e.apiKey){logger.error("Missing API key for track call. Please provide your API key.");return}if(!!e.canTrack&&!isEditing()&&!!(isBrowser()||TARGET==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await createEvent(e)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(t=>{console.error("Failed to track: ",t)})}const track=e=>_track({...e,canTrack:!0});function round(e){return Math.round(e*1e3)/1e3}const findParentElement=(e,t,n=!0)=>{if(!(e instanceof HTMLElement))return null;let o=n?e:e.parentElement;do{if(!o)return null;if(t(o))return o}while(o=o.parentElement);return null},findBuilderParent=e=>findParentElement(e,t=>{const n=t.getAttribute("builder-id")||t.id;return Boolean((n==null?void 0:n.indexOf("builder-"))===0)}),computeOffset=({event:e,target:t})=>{const n=t.getBoundingClientRect(),o=e.clientX-n.left,r=e.clientY-n.top,s=round(o/n.width),i=round(r/n.height);return{x:s,y:i}},getInteractionPropertiesForEvent=e=>{const t=e.target,n=t&&findBuilderParent(t),o=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:o||void 0,metadata:{targetOffset:t?computeOffset({event:e,target:t}):void 0,builderTargetOffset:n?computeOffset({event:e,target:n}):void 0,builderElementIndex:n&&o?[].slice.call(document.getElementsByClassName(o)).indexOf(n):void 0}}},DEFAULT_TRUSTED_HOSTS=["*.beta.builder.io","beta.builder.io","builder.io","localhost","qa.builder.io"];function isFromTrustedHost(e,t){const n=new URL(t.origin),o=n.hostname;return(e||DEFAULT_TRUSTED_HOSTS).findIndex(r=>r.startsWith("*.")?o.endsWith(r.slice(1)):r===o)>-1}const SDK_VERSION="0.13.0",registry={};function register(e,t){let n=registry[e];if(n||(n=registry[e]=[]),n.push(t),isBrowser()){const o={type:"builder.register",data:{type:e,info:t}};try{parent.postMessage(o,"*"),parent!==window&&window.postMessage(o,"*")}catch(r){console.debug("Could not postmessage",r)}}}const registerInsertMenu=()=>{register("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 isSetupForEditing=!1;const setupBrowserForEditing=(e={})=>{var t,n;isSetupForEditing||(isSetupForEditing=!0,isBrowser()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:TARGET,version:SDK_VERSION,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",o=>{var s,i;if(!isFromTrustedHost(e.trustedHosts,o))return;const{data:r}=o;if(!!(r!=null&&r.type))switch(r.type){case"builder.evaluate":{const a=r.data.text,l=r.data.arguments||[],c=r.data.id,u=new Function(a);let d,p=null;try{d=u.apply(null,l)}catch(m){p=m}p?(s=window.parent)==null||s.postMessage({type:"builder.evaluateError",data:{id:c,error:p.message}},"*"):d&&typeof d.then=="function"?d.then(m=>{var f;(f=window.parent)==null||f.postMessage({type:"builder.evaluateResult",data:{id:c,result:m}},"*")}).catch(console.error):(i=window.parent)==null||i.postMessage({type:"builder.evaluateResult",data:{result:d,id:c}},"*");break}}})))},createEditorListener=({model:e,trustedHosts:t,callbacks:n})=>o=>{if(!isFromTrustedHost(t,o))return;const{data:r}=o;if(r)switch(r.type){case"builder.configureSdk":{n.configureSdk(r.data);break}case"builder.triggerAnimation":{n.animation(r.data);break}case"builder.contentUpdate":{const s=r.data,i=s.key||s.alias||s.entry||s.modelName,a=s.data;i===e&&n.contentUpdate(a);break}}},subscribeToEditor=(e,t,n)=>{if(!isBrowser)return logger.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."),()=>{};setupBrowserForEditing();const o=createEditorListener({callbacks:{contentUpdate:t,animation:()=>{},configureSdk:()=>{}},model:e,trustedHosts:n==null?void 0:n.trustedHosts});return window.addEventListener("message",o),()=>{window.removeEventListener("message",o)}},_sfc_main$4=vue.defineComponent({name:"enable-editor",props:["builderContextSignal","contentWrapper","model","trustedHosts","context","canTrack","apiKey","locale","includeRefs","enrich","content","showContent","contentWrapperProps","data"],data(){return{forceReRenderCount:0,firstRender:!0,lastUpdated:0,shouldSendResetCookie:!1,ContentWrapper:this.contentWrapper||"div",httpReqsData:{},clicked:!1,builderContext:BuilderContext}},provide(){const e=this;return{[BuilderContext.key]:e.builderContextSignal}},mounted(){(()=>{var n,o;if(isBrowser()){if(isEditing()&&this.$refs.elementRef&&this.$refs.elementRef.dispatchEvent(new CustomEvent("initeditingbldr")),this.builderContextSignal.content&&getDefaultCanTrack(this.canTrack)){const s=(n=this.builderContextSignal.content)==null?void 0:n.testVariationId,i=(o=this.builderContextSignal.content)==null?void 0:o.id,a=this.apiKey;_track({type:"impression",canTrack:!0,contentId:i,apiKey:a,variationId:s!==i?s:void 0})}isPreviewing()&&this.$refs.elementRef&&this.$refs.elementRef.dispatchEvent(new CustomEvent("initpreviewingbldr"))}})(),(()=>{this.apiKey||logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),this.evaluateJsCode(),this.runHttpRequests(),this.emitStateUpdate()})()},watch:{onUpdateHook0:{handler(){this.content&&this.mergeNewContent(this.content)},immediate:!0},onUpdateHook1:{handler(){},immediate:!0},onUpdateHook2:{handler(){this.evaluateJsCode()},immediate:!0},onUpdateHook3:{handler(){this.runHttpRequests()},immediate:!0},onUpdateHook4:{handler(){this.emitStateUpdate()},immediate:!0},onUpdateHook5:{handler(){this.data&&this.mergeNewRootState(this.data)},immediate:!0},onUpdateHook6:{handler(){this.locale&&this.mergeNewRootState({locale:this.locale})},immediate:!0}},unmounted(){isBrowser()&&(window.removeEventListener("message",this.processMessage),window.removeEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate))},computed:{onUpdateHook0(){return{0:this.content}},onUpdateHook1(){return{0:this.shouldSendResetCookie}},onUpdateHook2(){var e,t;return{0:(t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.jsCode}},onUpdateHook3(){var e,t;return{0:(t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.httpRequests}},onUpdateHook4(){return{0:this.builderContextSignal.rootState}},onUpdateHook5(){return{0:this.data}},onUpdateHook6(){return{0:this.locale}}},methods:{mergeNewRootState(e){var n,o;const t={...this.builderContextSignal.rootState,...e};this.builderContextSignal.rootSetState?(o=(n=this.builderContextSignal).rootSetState)==null||o.call(n,t):this.builderContextSignal.rootState=t},mergeNewContent(e){var n,o,r,s,i;const t={...this.builderContextSignal.content,...e,data:{...(n=this.builderContextSignal.content)==null?void 0:n.data,...e==null?void 0:e.data},meta:{...(o=this.builderContextSignal.content)==null?void 0:o.meta,...e==null?void 0:e.meta,breakpoints:((r=e==null?void 0:e.meta)==null?void 0:r.breakpoints)||((i=(s=this.builderContextSignal.content)==null?void 0:s.meta)==null?void 0:i.breakpoints)}};this.builderContextSignal.content=t},processMessage(e){return createEditorListener({model:this.model,trustedHosts:this.trustedHosts,callbacks:{configureSdk:t=>{var r;const{breakpoints:n,contentId:o}=t;!o||o!==((r=this.builderContextSignal.content)==null?void 0:r.id)||n&&(this.mergeNewContent({meta:{breakpoints:n}}),this.forceReRenderCount=this.forceReRenderCount+1)},animation:t=>{triggerAnimation(t)},contentUpdate:t=>{this.mergeNewContent(t),this.forceReRenderCount=this.forceReRenderCount+1}}})(e)},evaluateJsCode(){var t,n;const e=(n=(t=this.builderContextSignal.content)==null?void 0:t.data)==null?void 0:n.jsCode;e&&evaluate({code:e,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.builderContextSignal.rootSetState})},onClick(e){var t,n;if(this.builderContextSignal.content){const o=(t=this.builderContextSignal.content)==null?void 0:t.testVariationId,r=(n=this.builderContextSignal.content)==null?void 0:n.id;_track({type:"click",canTrack:getDefaultCanTrack(this.canTrack),contentId:r,apiKey:this.apiKey,variationId:o!==r?o:void 0,...getInteractionPropertiesForEvent(e),unique:!this.clicked})}this.clicked||(this.clicked=!0)},evalExpression(e){return e.replace(/{{([^}]+)}}/g,(t,n)=>evaluate({code:n,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.builderContextSignal.rootSetState}))},handleRequest({url:e,key:t}){fetch$1(e).then(n=>n.json()).then(n=>{var r,s;const o={...this.builderContextSignal.rootState,[t]:n};(s=(r=this.builderContextSignal).rootSetState)==null||s.call(r,o),this.httpReqsData[t]=!0}).catch(n=>{console.error("error fetching dynamic data",e,n)})},runHttpRequests(){var t,n,o;const e=(o=(n=(t=this.builderContextSignal.content)==null?void 0:t.data)==null?void 0:n.httpRequests)!=null?o:{};Object.entries(e).forEach(([r,s])=>{if(s&&(!this.httpReqsData[r]||isEditing())){const i=this.evalExpression(s);this.handleRequest({url:i,key:r})}})},emitStateUpdate(){isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:fastClone(this.builderContextSignal.rootState),ref:{name:this.model}}}))},elementRef_onIniteditingbldr(e){this.forceReRenderCount=this.forceReRenderCount+1,window.addEventListener("message",this.processMessage),registerInsertMenu(),setupBrowserForEditing({...this.locale?{locale:this.locale}:{},...this.includeRefs?{includeRefs:this.includeRefs}:{},...this.enrich?{enrich:this.enrich}:{},...this.trustedHosts?{trustedHosts:this.trustedHosts}:{}}),Object.values(this.builderContextSignal.componentInfos).forEach(t=>{var o;const n=createRegisterComponentMessage(t);(o=window.parent)==null||o.postMessage(n,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate)},elementRef_onInitpreviewingbldr(e){const t=new URL(location.href).searchParams,n=t.get("builder.preview"),o=t.get(`builder.preview.${n}`),r=t.get("apiKey")||t.get("builder.space");n===this.model&&r===this.apiKey&&(!this.content||o===this.content.id)&&fetchOneEntry({model:this.model,apiKey:this.apiKey,apiVersion:this.builderContextSignal.apiVersion}).then(s=>{s&&this.mergeNewContent(s)})}}});function _sfc_render$4(e,t,n,o,r,s){var i,a,l;return e.builderContextSignal.content?(vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(e.ContentWrapper),vue.mergeProps({key:e.forceReRenderCount,ref:"elementRef",onClick:c=>e.onClick(c),"builder-content-id":(i=e.builderContextSignal.content)==null?void 0:i.id,"builder-model":e.model,class:`variant-${((a=e.content)==null?void 0:a.testVariationId)||((l=e.content)==null?void 0:l.id)}`,onIniteditingbldr:c=>e.elementRef_onIniteditingbldr(c),onInitpreviewingbldr:c=>e.elementRef_onInitpreviewingbldr(c)},{...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps}),{default:vue.withCtx(()=>[vue.renderSlot(e.$slots,"default")]),_:3},16,["onClick","builder-content-id","builder-model","class","onIniteditingbldr","onInitpreviewingbldr"])):vue.createCommentVNode("v-if",!0)}const EnableEditor=_export_sfc(_sfc_main$4,[["render",_sfc_render$4],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/enable-editor.vue"]]),getCssFromFont=e=>{var s,i;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],o=(i=e.fileUrl)!=null?i:(s=e==null?void 0:e.files)==null?void 0:s.regular;let r="";if(o&&t&&n&&(r+=`
|
|
171
|
+
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 fetch$1=getFetch();function flatten(e,t=null,n="."){return Object.keys(e).reduce((o,r)=>{const s=e[r],i=[t,r].filter(Boolean).join(n);return[typeof s=="object",s!==null,!(Array.isArray(s)&&s.length===0)].every(Boolean)?{...o,...flatten(s,i,n)}:{...o,[i]:s}},{})}const DEFAULT_API_VERSION="v3",BUILDER_SEARCHPARAMS_PREFIX="builder.",BUILDER_OPTIONS_PREFIX="options.",convertSearchParamsToQueryObject=e=>{const t={};return e.forEach((n,o)=>{t[o]=n}),t},getBuilderSearchParams=e=>{if(!e)return{};const t=normalizeSearchParams(e),n={};return Object.keys(t).forEach(o=>{if(o.startsWith(BUILDER_SEARCHPARAMS_PREFIX)){const r=o.replace(BUILDER_SEARCHPARAMS_PREFIX,"").replace(BUILDER_OPTIONS_PREFIX,"");n[r]=t[o]}}),n},getBuilderSearchParamsFromWindow=()=>{if(!isBrowser())return{};const e=new URLSearchParams(window.location.search);return getBuilderSearchParams(e)},normalizeSearchParams=e=>e instanceof URLSearchParams?convertSearchParamsToQueryObject(e):e,isPositiveNumber=e=>typeof e=="number"&&!isNaN(e)&&e>=0,generateContentUrl=e=>{let{noTraverse:t=!1}=e;const{limit:n=30,userAttributes:o,query:r,model:s,apiKey:i,includeRefs:a=!0,enrich:l,locale:c,apiVersion:u=DEFAULT_API_VERSION,fields:d,omit:p,offset:m,cacheSeconds:f,staleCacheSeconds:g,sort:k,includeUnpublished:y}=e;if(!i)throw new Error("Missing API key");if(!["v3"].includes(u))throw new Error(`Invalid apiVersion: expected 'v3', received '${u}'`);(e.limit===void 0||e.limit>1)&&!("noTraverse"in e)&&(t=!0);const h=new URL(`https://cdn.builder.io/api/${u}/content/${s}?apiKey=${i}&limit=${n}&noTraverse=${t}&includeRefs=${a}${c?`&locale=${c}`:""}${l?`&enrich=${l}`:""}`);if(h.searchParams.set("omit",p||"meta.componentsUsed"),d&&h.searchParams.set("fields",d),Number.isFinite(m)&&m>-1&&h.searchParams.set("offset",String(Math.floor(m))),typeof y=="boolean"&&h.searchParams.set("includeUnpublished",String(y)),f&&isPositiveNumber(f)&&h.searchParams.set("cacheSeconds",String(f)),g&&isPositiveNumber(g)&&h.searchParams.set("staleCacheSeconds",String(g)),k){const b=flatten({sort:k});for(const v in b)h.searchParams.set(v,JSON.stringify(b[v]))}const S={...getBuilderSearchParamsFromWindow(),...normalizeSearchParams(e.options||{})},C=flatten(S);for(const b in C)h.searchParams.set(b,String(C[b]));if(o&&h.searchParams.set("userAttributes",JSON.stringify(o)),r){const b=flatten({query:r});for(const v in b)h.searchParams.set(v,JSON.stringify(b[v]))}return h},checkContentHasResults=e=>"results"in e;async function fetchOneEntry(e){const t=await fetchEntries({...e,limit:1});return t&&t[0]||null}const getContent=fetchOneEntry,_fetchContent=async e=>{const t=generateContentUrl(e);return await(await fetch$1(t.href)).json()},_processContentResult=async(e,t,n=generateContentUrl(e))=>{const o=getDefaultCanTrack(e.canTrack);if(n.search.includes("preview="),!o||!(isBrowser()||TARGET==="reactNative"))return t.results;try{const r=[];for(const s of t.results)r.push(await handleABTesting({item:s,canTrack:o}));t.results=r}catch(r){logger.error("Could not process A/B tests. ",r)}return t.results};async function fetchEntries(e){try{const t=generateContentUrl(e),n=await _fetchContent(e);return checkContentHasResults(n)?_processContentResult(e,n):(logger.error("Error fetching data. ",{url:t,content:n,options:e}),null)}catch(t){return logger.error("Error fetching data. ",t),null}}const getAllContent=fetchEntries;function isPreviewing(){return!isBrowser()||isEditing()?!1:Boolean(location.search.indexOf("builder.preview=")!==-1)}function uuidv4(){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 uuid(){return uuidv4().replace(/-/g,"")}const SESSION_LOCAL_STORAGE_KEY="builderSessionId",getSessionId=async({canTrack:e})=>{if(!e)return;const t=await getCookie({name:SESSION_LOCAL_STORAGE_KEY,canTrack:e});if(checkIsDefined(t))return t;{const n=createSessionId();return setSessionId({id:n,canTrack:e}),n}},createSessionId=()=>uuid(),setSessionId=({id:e,canTrack:t})=>setCookie({name:SESSION_LOCAL_STORAGE_KEY,value:e,canTrack:t}),getLocalStorage=()=>isBrowser()&&typeof localStorage<"u"?localStorage:void 0,getLocalStorageItem=({key:e,canTrack:t})=>{var n;try{return t?(n=getLocalStorage())==null?void 0:n.getItem(e):void 0}catch(o){console.debug("[LocalStorage] GET error: ",o);return}},setLocalStorageItem=({key:e,canTrack:t,value:n})=>{var o;try{t&&((o=getLocalStorage())==null||o.setItem(e,n))}catch(r){console.debug("[LocalStorage] SET error: ",r)}},VISITOR_LOCAL_STORAGE_KEY="builderVisitorId",getVisitorId=({canTrack:e})=>{if(!e)return;const t=getLocalStorageItem({key:VISITOR_LOCAL_STORAGE_KEY,canTrack:e});if(checkIsDefined(t))return t;{const n=createVisitorId();return setVisitorId({id:n,canTrack:e}),n}},createVisitorId=()=>uuid(),setVisitorId=({id:e,canTrack:t})=>setLocalStorageItem({key:VISITOR_LOCAL_STORAGE_KEY,value:e,canTrack:t}),getTrackingEventData=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await getSessionId({canTrack:e}),n=getVisitorId({canTrack:e});return{sessionId:t,visitorId:n}},createEvent=async({type:e,canTrack:t,apiKey:n,metadata:o,...r})=>({type:e,data:{...r,metadata:{url:location.href,...o},...await getTrackingEventData({canTrack:t}),userAttributes:getUserAttributes(),ownerId:n}});async function _track(e){if(!e.apiKey){logger.error("Missing API key for track call. Please provide your API key.");return}if(!!e.canTrack&&!isEditing()&&!!(isBrowser()||TARGET==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await createEvent(e)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(t=>{console.error("Failed to track: ",t)})}const track=e=>_track({...e,canTrack:!0});function round(e){return Math.round(e*1e3)/1e3}const findParentElement=(e,t,n=!0)=>{if(!(e instanceof HTMLElement))return null;let o=n?e:e.parentElement;do{if(!o)return null;if(t(o))return o}while(o=o.parentElement);return null},findBuilderParent=e=>findParentElement(e,t=>{const n=t.getAttribute("builder-id")||t.id;return Boolean((n==null?void 0:n.indexOf("builder-"))===0)}),computeOffset=({event:e,target:t})=>{const n=t.getBoundingClientRect(),o=e.clientX-n.left,r=e.clientY-n.top,s=round(o/n.width),i=round(r/n.height);return{x:s,y:i}},getInteractionPropertiesForEvent=e=>{const t=e.target,n=t&&findBuilderParent(t),o=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:o||void 0,metadata:{targetOffset:t?computeOffset({event:e,target:t}):void 0,builderTargetOffset:n?computeOffset({event:e,target:n}):void 0,builderElementIndex:n&&o?[].slice.call(document.getElementsByClassName(o)).indexOf(n):void 0}}},DEFAULT_TRUSTED_HOSTS=["*.beta.builder.io","beta.builder.io","builder.io","localhost","qa.builder.io"];function isFromTrustedHost(e,t){const n=new URL(t.origin),o=n.hostname;return(e||DEFAULT_TRUSTED_HOSTS).findIndex(r=>r.startsWith("*.")?o.endsWith(r.slice(1)):r===o)>-1}const SDK_VERSION="0.13.1",registry={};function register(e,t){let n=registry[e];if(n||(n=registry[e]=[]),n.push(t),isBrowser()){const o={type:"builder.register",data:{type:e,info:t}};try{parent.postMessage(o,"*"),parent!==window&&window.postMessage(o,"*")}catch(r){console.debug("Could not postmessage",r)}}}const registerInsertMenu=()=>{register("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 isSetupForEditing=!1;const setupBrowserForEditing=(e={})=>{var t,n;isSetupForEditing||(isSetupForEditing=!0,isBrowser()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:TARGET,version:SDK_VERSION,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",o=>{var s,i;if(!isFromTrustedHost(e.trustedHosts,o))return;const{data:r}=o;if(!!(r!=null&&r.type))switch(r.type){case"builder.evaluate":{const a=r.data.text,l=r.data.arguments||[],c=r.data.id,u=new Function(a);let d,p=null;try{d=u.apply(null,l)}catch(m){p=m}p?(s=window.parent)==null||s.postMessage({type:"builder.evaluateError",data:{id:c,error:p.message}},"*"):d&&typeof d.then=="function"?d.then(m=>{var f;(f=window.parent)==null||f.postMessage({type:"builder.evaluateResult",data:{id:c,result:m}},"*")}).catch(console.error):(i=window.parent)==null||i.postMessage({type:"builder.evaluateResult",data:{result:d,id:c}},"*");break}}})))},createEditorListener=({model:e,trustedHosts:t,callbacks:n})=>o=>{if(!isFromTrustedHost(t,o))return;const{data:r}=o;if(r)switch(r.type){case"builder.configureSdk":{n.configureSdk(r.data);break}case"builder.triggerAnimation":{n.animation(r.data);break}case"builder.contentUpdate":{const s=r.data,i=s.key||s.alias||s.entry||s.modelName,a=s.data;i===e&&n.contentUpdate(a);break}}},subscribeToEditor=(e,t,n)=>{if(!isBrowser)return logger.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."),()=>{};setupBrowserForEditing();const o=createEditorListener({callbacks:{contentUpdate:t,animation:()=>{},configureSdk:()=>{}},model:e,trustedHosts:n==null?void 0:n.trustedHosts});return window.addEventListener("message",o),()=>{window.removeEventListener("message",o)}},_sfc_main$4=vue.defineComponent({name:"enable-editor",props:["builderContextSignal","contentWrapper","model","trustedHosts","context","canTrack","apiKey","locale","includeRefs","enrich","content","showContent","contentWrapperProps","data"],data(){return{forceReRenderCount:0,firstRender:!0,lastUpdated:0,shouldSendResetCookie:!1,ContentWrapper:this.contentWrapper||"div",httpReqsData:{},clicked:!1,builderContext:BuilderContext}},provide(){const e=this;return{[BuilderContext.key]:e.builderContextSignal}},mounted(){(()=>{var n,o;if(isBrowser()){if(isEditing()&&this.$refs.elementRef&&this.$refs.elementRef.dispatchEvent(new CustomEvent("initeditingbldr")),this.builderContextSignal.content&&getDefaultCanTrack(this.canTrack)){const s=(n=this.builderContextSignal.content)==null?void 0:n.testVariationId,i=(o=this.builderContextSignal.content)==null?void 0:o.id,a=this.apiKey;_track({type:"impression",canTrack:!0,contentId:i,apiKey:a,variationId:s!==i?s:void 0})}isPreviewing()&&this.$refs.elementRef&&this.$refs.elementRef.dispatchEvent(new CustomEvent("initpreviewingbldr"))}})(),(()=>{this.apiKey||logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),this.evaluateJsCode(),this.runHttpRequests(),this.emitStateUpdate()})()},watch:{onUpdateHook0:{handler(){this.content&&this.mergeNewContent(this.content)},immediate:!0},onUpdateHook1:{handler(){},immediate:!0},onUpdateHook2:{handler(){this.evaluateJsCode()},immediate:!0},onUpdateHook3:{handler(){this.runHttpRequests()},immediate:!0},onUpdateHook4:{handler(){this.emitStateUpdate()},immediate:!0},onUpdateHook5:{handler(){this.data&&this.mergeNewRootState(this.data)},immediate:!0},onUpdateHook6:{handler(){this.locale&&this.mergeNewRootState({locale:this.locale})},immediate:!0}},unmounted(){isBrowser()&&(window.removeEventListener("message",this.processMessage),window.removeEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate))},computed:{onUpdateHook0(){return{0:this.content}},onUpdateHook1(){return{0:this.shouldSendResetCookie}},onUpdateHook2(){var e,t;return{0:(t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.jsCode}},onUpdateHook3(){var e,t;return{0:(t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.httpRequests}},onUpdateHook4(){return{0:this.builderContextSignal.rootState}},onUpdateHook5(){return{0:this.data}},onUpdateHook6(){return{0:this.locale}}},methods:{mergeNewRootState(e){var n,o;const t={...this.builderContextSignal.rootState,...e};this.builderContextSignal.rootSetState?(o=(n=this.builderContextSignal).rootSetState)==null||o.call(n,t):this.builderContextSignal.rootState=t},mergeNewContent(e){var n,o,r,s,i;const t={...this.builderContextSignal.content,...e,data:{...(n=this.builderContextSignal.content)==null?void 0:n.data,...e==null?void 0:e.data},meta:{...(o=this.builderContextSignal.content)==null?void 0:o.meta,...e==null?void 0:e.meta,breakpoints:((r=e==null?void 0:e.meta)==null?void 0:r.breakpoints)||((i=(s=this.builderContextSignal.content)==null?void 0:s.meta)==null?void 0:i.breakpoints)}};this.builderContextSignal.content=t},processMessage(e){return createEditorListener({model:this.model,trustedHosts:this.trustedHosts,callbacks:{configureSdk:t=>{var r;const{breakpoints:n,contentId:o}=t;!o||o!==((r=this.builderContextSignal.content)==null?void 0:r.id)||n&&(this.mergeNewContent({meta:{breakpoints:n}}),this.forceReRenderCount=this.forceReRenderCount+1)},animation:t=>{triggerAnimation(t)},contentUpdate:t=>{this.mergeNewContent(t),this.forceReRenderCount=this.forceReRenderCount+1}}})(e)},evaluateJsCode(){var t,n;const e=(n=(t=this.builderContextSignal.content)==null?void 0:t.data)==null?void 0:n.jsCode;e&&evaluate({code:e,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.builderContextSignal.rootSetState})},onClick(e){var t,n;if(this.builderContextSignal.content){const o=(t=this.builderContextSignal.content)==null?void 0:t.testVariationId,r=(n=this.builderContextSignal.content)==null?void 0:n.id;_track({type:"click",canTrack:getDefaultCanTrack(this.canTrack),contentId:r,apiKey:this.apiKey,variationId:o!==r?o:void 0,...getInteractionPropertiesForEvent(e),unique:!this.clicked})}this.clicked||(this.clicked=!0)},evalExpression(e){return e.replace(/{{([^}]+)}}/g,(t,n)=>evaluate({code:n,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.builderContextSignal.rootSetState}))},handleRequest({url:e,key:t}){fetch$1(e).then(n=>n.json()).then(n=>{var r,s;const o={...this.builderContextSignal.rootState,[t]:n};(s=(r=this.builderContextSignal).rootSetState)==null||s.call(r,o),this.httpReqsData[t]=!0}).catch(n=>{console.error("error fetching dynamic data",e,n)})},runHttpRequests(){var t,n,o;const e=(o=(n=(t=this.builderContextSignal.content)==null?void 0:t.data)==null?void 0:n.httpRequests)!=null?o:{};Object.entries(e).forEach(([r,s])=>{if(s&&(!this.httpReqsData[r]||isEditing())){const i=this.evalExpression(s);this.handleRequest({url:i,key:r})}})},emitStateUpdate(){isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:fastClone(this.builderContextSignal.rootState),ref:{name:this.model}}}))},elementRef_onIniteditingbldr(e){this.forceReRenderCount=this.forceReRenderCount+1,window.addEventListener("message",this.processMessage),registerInsertMenu(),setupBrowserForEditing({...this.locale?{locale:this.locale}:{},...this.includeRefs?{includeRefs:this.includeRefs}:{},...this.enrich?{enrich:this.enrich}:{},...this.trustedHosts?{trustedHosts:this.trustedHosts}:{}}),Object.values(this.builderContextSignal.componentInfos).forEach(t=>{var o;const n=createRegisterComponentMessage(t);(o=window.parent)==null||o.postMessage(n,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate)},elementRef_onInitpreviewingbldr(e){const t=new URL(location.href).searchParams,n=t.get("builder.preview"),o=t.get(`builder.preview.${n}`),r=t.get("apiKey")||t.get("builder.space");n===this.model&&r===this.apiKey&&(!this.content||o===this.content.id)&&fetchOneEntry({model:this.model,apiKey:this.apiKey,apiVersion:this.builderContextSignal.apiVersion}).then(s=>{s&&this.mergeNewContent(s)})}}});function _sfc_render$4(e,t,n,o,r,s){var i,a,l;return e.builderContextSignal.content?(vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(e.ContentWrapper),vue.mergeProps({key:e.forceReRenderCount,ref:"elementRef",onClick:c=>e.onClick(c),"builder-content-id":(i=e.builderContextSignal.content)==null?void 0:i.id,"builder-model":e.model,class:`variant-${((a=e.content)==null?void 0:a.testVariationId)||((l=e.content)==null?void 0:l.id)}`,onIniteditingbldr:c=>e.elementRef_onIniteditingbldr(c),onInitpreviewingbldr:c=>e.elementRef_onInitpreviewingbldr(c)},{...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps}),{default:vue.withCtx(()=>[vue.renderSlot(e.$slots,"default")]),_:3},16,["onClick","builder-content-id","builder-model","class","onIniteditingbldr","onInitpreviewingbldr"])):vue.createCommentVNode("v-if",!0)}const EnableEditor=_export_sfc(_sfc_main$4,[["render",_sfc_render$4],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/enable-editor.vue"]]),getCssFromFont=e=>{var s,i;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],o=(i=e.fileUrl)!=null?i:(s=e==null?void 0:e.files)==null?void 0:s.regular;let r="";if(o&&t&&n&&(r+=`
|
|
172
172
|
@font-face {
|
|
173
173
|
font-family: "${t}";
|
|
174
174
|
src: local("${n}"), url('${o}') format('woff2');
|
package/lib/node/index.cjs
CHANGED
|
@@ -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.9cc8fd23.cjs");require("vue");require("node:module");exports.Blocks=e.Blocks;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.Content;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._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
|
|
@@ -647,22 +647,22 @@ const getComponent = ({
|
|
|
647
647
|
},
|
|
648
648
|
block: o
|
|
649
649
|
}));
|
|
650
|
-
}, BlockStyles = () => import("./block-styles.
|
|
650
|
+
}, BlockStyles = () => import("./block-styles.5c506171.js").then((e) => e.default).catch((e) => {
|
|
651
651
|
throw console.error(
|
|
652
652
|
"Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
|
|
653
653
|
e
|
|
654
654
|
), e;
|
|
655
|
-
}), BlockWrapper = () => import("./block-wrapper.
|
|
655
|
+
}), BlockWrapper = () => import("./block-wrapper.779562b4.js").then((e) => e.default).catch((e) => {
|
|
656
656
|
throw console.error(
|
|
657
657
|
"Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
|
|
658
658
|
e
|
|
659
659
|
), e;
|
|
660
|
-
}), ComponentRef = () => import("./component-ref.
|
|
660
|
+
}), ComponentRef = () => import("./component-ref.616a1d7e.js").then((e) => e.default).catch((e) => {
|
|
661
661
|
throw console.error(
|
|
662
662
|
"Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
|
|
663
663
|
e
|
|
664
664
|
), e;
|
|
665
|
-
}), RepeatedBlock = () => import("./repeated-block.
|
|
665
|
+
}), RepeatedBlock = () => import("./repeated-block.4fe417ba.js").then((e) => e.default).catch((e) => {
|
|
666
666
|
throw console.error(
|
|
667
667
|
"Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
|
|
668
668
|
e
|
|
@@ -2750,7 +2750,7 @@ function isFromTrustedHost(e, t) {
|
|
|
2750
2750
|
const n = new URL(t.origin), o = n.hostname;
|
|
2751
2751
|
return (e || DEFAULT_TRUSTED_HOSTS).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
|
|
2752
2752
|
}
|
|
2753
|
-
const SDK_VERSION = "0.13.
|
|
2753
|
+
const SDK_VERSION = "0.13.1", registry = {};
|
|
2754
2754
|
function register(e, t) {
|
|
2755
2755
|
let n = registry[e];
|
|
2756
2756
|
if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
|
package/lib/node/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { j as n, l as r, m as o, C as i, F as c, n as g, R as l, k as m, S as d, o as C, p, V as u, A as E, s as B, z as R, D as S, E as f, G as h, v as k, H as b, q as x, r as y, t as P, u as v, y as A, x as F } from "./index.
|
|
1
|
+
import { j as n, l as r, m as o, C as i, F as c, n as g, R as l, k as m, S as d, o as C, p, V as u, A as E, s as B, z as R, D as S, E as f, G as h, v as k, H as b, q as x, r as y, t as P, u as v, y as A, x as F } from "./index.f804c64d.js";
|
|
2
2
|
import "vue";
|
|
3
3
|
import "node:module";
|
|
4
4
|
export {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as c, createBlock as p } from "vue";
|
|
2
|
-
import { i as s, _ as l } from "./index.
|
|
2
|
+
import { i as s, _ as l } from "./index.f804c64d.js";
|
|
3
3
|
import "node:module";
|
|
4
|
-
const i = () => import("./index.
|
|
4
|
+
const i = () => import("./index.f804c64d.js").then((e) => e.K).then((e) => e.default).catch((e) => {
|
|
5
5
|
throw console.error(
|
|
6
6
|
"Error while attempting to dynamically import component Block at ../block.vue",
|
|
7
7
|
e
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),n=require("./index.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),n=require("./index.9cc8fd23.cjs");require("node:module");const r=()=>Promise.resolve().then(()=>require("./index.9cc8fd23.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[n.BuilderContext.key]:e.store}}});function s(e,i,p,d,u,k){const t=o.resolveComponent("block");return o.openBlock(),o.createBlock(t,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const l=n._export_sfc(c,[["render",s],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/repeated-block.vue"]]);exports.default=l;
|