@builder.io/sdk-vue 0.11.1 → 0.11.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/browser/{block-wrapper.7f48d4fe.js → block-wrapper.166db2f3.js} +2 -2
- package/lib/browser/block-wrapper.c7230ad9.cjs +1 -0
- package/lib/{edge/component-ref.d68927ae.js → browser/component-ref.10189e21.js} +2 -2
- package/lib/browser/component-ref.1ce72666.cjs +1 -0
- package/lib/browser/constants/sdk-version.d.ts +1 -1
- package/lib/browser/get-block-actions.8886d821.cjs +1 -0
- package/lib/browser/{get-block-actions.c6593feb.js → get-block-actions.cf32df43.js} +1 -1
- package/lib/browser/{index.aa209acd.cjs → index.12ba04ce.cjs} +7 -7
- package/lib/browser/{index.81d49325.js → index.523c82d0.js} +61 -61
- package/lib/browser/index.cjs +1 -1
- package/lib/browser/index.js +1 -1
- package/lib/browser/repeated-block.a0ed3abf.cjs +1 -0
- package/lib/{edge/repeated-block.c411bac0.js → browser/repeated-block.b8d63262.js} +2 -2
- package/lib/edge/block-wrapper.15cada1a.cjs +1 -0
- package/lib/edge/block-wrapper.ca1e4088.js +54 -0
- package/lib/edge/component-ref.8713bd04.cjs +1 -0
- package/lib/{node/component-ref.130474d3.js → edge/component-ref.b20baf4e.js} +10 -12
- package/lib/edge/constants/sdk-version.d.ts +1 -1
- package/lib/edge/{get-block-actions.4fc76296.js → get-block-actions.01191962.js} +8 -9
- package/lib/edge/get-block-actions.3e82e320.cjs +1 -0
- package/lib/edge/{index.e790fe96.cjs → index.0db08bf0.cjs} +8 -8
- package/lib/edge/{index.382b8dbf.js → index.75e7a27c.js} +203 -204
- package/lib/edge/index.cjs +1 -1
- package/lib/edge/index.js +26 -27
- package/lib/edge/repeated-block.c831f250.cjs +1 -0
- package/lib/{node/repeated-block.2c78eba4.js → edge/repeated-block.d5c52934.js} +6 -8
- package/lib/{browser/block-wrapper.24616a36.cjs → node/block-wrapper.225409d6.cjs} +1 -1
- package/lib/{edge/block-wrapper.f4a95bbc.js → node/block-wrapper.90336157.js} +3 -3
- package/lib/{edge/component-ref.27cab64c.cjs → node/component-ref.2e739af9.cjs} +1 -1
- package/lib/{browser/component-ref.882caae9.js → node/component-ref.a61e19d0.js} +3 -3
- package/lib/node/constants/sdk-version.d.ts +1 -1
- package/lib/node/{get-block-actions.3fb3fc2a.js → get-block-actions.93573479.js} +8 -9
- package/lib/node/get-block-actions.f91cf957.cjs +1 -0
- package/lib/node/{index.356c6953.cjs → index.c2ecfe73.cjs} +4 -4
- package/lib/node/index.cjs +1 -1
- package/lib/node/{index.cc3260e1.js → index.e41a8ad1.js} +5 -6
- package/lib/node/index.js +23 -24
- package/lib/{edge/repeated-block.ffceb5bb.cjs → node/repeated-block.088dd1eb.cjs} +1 -1
- package/lib/{browser/repeated-block.cca0a723.js → node/repeated-block.7c2934b2.js} +3 -3
- package/nuxt.js +10 -0
- package/package.json +11 -2
- package/lib/browser/component-ref.6a1f9724.cjs +0 -1
- package/lib/browser/get-block-actions.db148a56.cjs +0 -1
- package/lib/browser/repeated-block.83d2cfa3.cjs +0 -1
- package/lib/edge/block-wrapper.3c4203ff.cjs +0 -1
- package/lib/edge/get-block-actions.c7759664.cjs +0 -1
- package/lib/node/block-wrapper.1d4009cf.cjs +0 -1
- package/lib/node/block-wrapper.f2c88f1b.js +0 -56
- package/lib/node/component-ref.065ff556.cjs +0 -1
- package/lib/node/get-block-actions.ca43c4fe.cjs +0 -1
- package/lib/node/repeated-block.4c468fb3.cjs +0 -1
package/lib/edge/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.0db08bf0.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.track=e.track;
|
package/lib/edge/index.js
CHANGED
|
@@ -1,30 +1,29 @@
|
|
|
1
|
-
import "./
|
|
2
|
-
import { d as n, g as r, h as o, C as i, F as g, I as c, R as l, f as m, S as d, i as C, j as p, V as u, n as f, m as h, x as B, o as R, p as S, q as k, u as E, t as x, k as P, l as v, r as y, s as F, v as I } from "./index.382b8dbf.js";
|
|
1
|
+
import { d as a, g as n, h as r, C as o, F as i, I as g, R as c, f as l, S as m, i as d, j as C, V as p, n as u, m as f, x as h, o as B, p as R, q as S, u as k, t as E, k as x, l as P, r as v, s as y, v as F } from "./index.75e7a27c.js";
|
|
3
2
|
import "vue";
|
|
4
3
|
export {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
4
|
+
a as Blocks,
|
|
5
|
+
n as Button,
|
|
6
|
+
r as Columns,
|
|
7
|
+
o as Content,
|
|
8
|
+
i as Fragment,
|
|
9
|
+
g as Image,
|
|
10
|
+
c as RenderBlocks,
|
|
11
|
+
l as RenderContent,
|
|
12
|
+
m as Section,
|
|
13
|
+
d as Symbol,
|
|
14
|
+
C as Text,
|
|
15
|
+
p as Video,
|
|
16
|
+
u as _processContentResult,
|
|
17
|
+
f as createRegisterComponentMessage,
|
|
18
|
+
h as fetchBuilderProps,
|
|
19
|
+
B as fetchEntries,
|
|
20
|
+
R as fetchOneEntry,
|
|
21
|
+
S as getAllContent,
|
|
22
|
+
k as getBuilderSearchParams,
|
|
23
|
+
E as getContent,
|
|
24
|
+
x as isEditing,
|
|
25
|
+
P as isPreviewing,
|
|
26
|
+
v as register,
|
|
27
|
+
y as setEditorSettings,
|
|
28
|
+
F as track
|
|
30
29
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index.0db08bf0.cjs"),r=()=>Promise.resolve().then(()=>require("./index.0db08bf0.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"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,d,u,a){const n=o.resolveComponent("block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents},null,8,["block","context","registeredComponents"])}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,15 +1,13 @@
|
|
|
1
|
-
import "./style.css";
|
|
2
1
|
import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as c, createBlock as s } from "vue";
|
|
3
|
-
import { b as p, _ as l } from "./index.
|
|
4
|
-
import
|
|
5
|
-
const i = () => import("./index.cc3260e1.js").then((e) => e.y).then((e) => e.default).catch((e) => {
|
|
2
|
+
import { b as p, _ as l } from "./index.75e7a27c.js";
|
|
3
|
+
const a = () => import("./index.75e7a27c.js").then((e) => e.y).then((e) => e.default).catch((e) => {
|
|
6
4
|
throw console.error(
|
|
7
5
|
"Error while attempting to dynamically import component Block at ../block.vue",
|
|
8
6
|
e
|
|
9
7
|
), e;
|
|
10
|
-
}),
|
|
8
|
+
}), i = t({
|
|
11
9
|
name: "repeated-block",
|
|
12
|
-
components: { Block: n(
|
|
10
|
+
components: { Block: n(a) },
|
|
13
11
|
props: ["repeatContext", "block", "registeredComponents"],
|
|
14
12
|
data() {
|
|
15
13
|
return { store: this.repeatContext };
|
|
@@ -29,7 +27,7 @@ function m(e, d, k, u, b, f) {
|
|
|
29
27
|
registeredComponents: e.registeredComponents
|
|
30
28
|
}, null, 8, ["block", "context", "registeredComponents"]);
|
|
31
29
|
}
|
|
32
|
-
const
|
|
30
|
+
const C = /* @__PURE__ */ l(i, [["render", m], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/repeated-block.vue"]]);
|
|
33
31
|
export {
|
|
34
|
-
|
|
32
|
+
C as default
|
|
35
33
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./get-block-actions.f91cf957.cjs"),r=require("./index.c2ecfe73.cjs");require("node:module");const n=o.defineComponent({name:"block-wrapper",props:["Wrapper","block","context","hasChildren"],data(){return{getBlockActions:t.getBlockActions,getBlockProperties:t.getBlockProperties}}});function c(e,a,s,p,i,k){return e.hasChildren?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({key:0},e.getBlockProperties({block:e.block,context:e.context}),o.toHandlers(e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0}))),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},16)):(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({key:1},e.getBlockProperties({block:e.block,context:e.context}),o.toHandlers(e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0}))),null,16))}const l=r._export_sfc(n,[["render",c],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-wrapper.vue"]]);exports.default=l;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import "./style.css";
|
|
2
1
|
import { defineComponent as l, openBlock as o, createBlock as t, resolveDynamicComponent as r, mergeProps as n, toHandlers as a, withCtx as c, renderSlot as p } from "vue";
|
|
3
|
-
import { g as s, a as k } from "./get-block-actions.
|
|
4
|
-
import { _ as i } from "./index.
|
|
2
|
+
import { g as s, a as k } from "./get-block-actions.93573479.js";
|
|
3
|
+
import { _ as i } from "./index.e41a8ad1.js";
|
|
4
|
+
import "node:module";
|
|
5
5
|
const u = l({
|
|
6
6
|
name: "block-wrapper",
|
|
7
7
|
props: ["Wrapper", "block", "context", "hasChildren"],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),n=require("./index.c2ecfe73.cjs"),k=require("./get-block-actions.f91cf957.cjs");require("node:module");const d=o.defineComponent({name:"interactive-element",props:["wrapperProps","includeBlockProps","block","context","Wrapper"],data(){return{getBlockActions:k.getBlockActions,getBlockProperties:k.getBlockProperties}}});function b(e,r,l,s,c,p){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 u=n._export_sfc(d,[["render",b],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/interactive-element.vue"]]),f=({componentOptions:e,builderBlock:r,context:l,componentRef:s,includeBlockProps:c,isInteractive:p,contextValue:i})=>{const a={...e,...c?{attributes:k.getBlockProperties({block:r,context:i})}:{}};return p?{Wrapper:s,block:r,context:l,wrapperProps:e,includeBlockProps:c}:a},B=o.defineComponent({name:"component-ref",components:{Block:n.Block,BlockStyles:n.BlockStyles,InteractiveElement:u},props:["isInteractive","componentRef","componentOptions","builderBlock","context","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?n.wrapComponentRef(u):this.componentRef,getWrapperProps:f}}});function g(e,r,l,s,c,p){const i=o.resolveComponent("block"),a=o.resolveComponent("block-styles");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,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.blockChildren,(t,m)=>(o.openBlock(),o.createBlock(i,{key:"block-"+t.id,block:t,context:e.context,registeredComponents:e.registeredComponents},null,8,["block","context","registeredComponents"]))),128)),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.blockChildren,(t,m)=>(o.openBlock(),o.createBlock(a,{key:"block-style-"+t.id,block:t,context:e.context},null,8,["block","context"]))),128))]),_:1},16)):o.createCommentVNode("v-if",!0)}const v=n._export_sfc(B,[["render",g],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/component-ref/component-ref.vue"]]);exports.default=v;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import "./style.css";
|
|
2
1
|
import { defineComponent as f, openBlock as t, createBlock as c, resolveDynamicComponent as v, mergeProps as B, withCtx as P, renderSlot as S, resolveComponent as m, normalizeProps as h, createElementBlock as u, Fragment as k, renderList as d, createCommentVNode as w } from "vue";
|
|
3
|
-
import { _ as g, B as y, a as W, w as R } from "./index.
|
|
4
|
-
import { g as I, a as C } from "./get-block-actions.
|
|
2
|
+
import { _ as g, B as y, a as W, w as R } from "./index.e41a8ad1.js";
|
|
3
|
+
import { g as I, a as C } from "./get-block-actions.93573479.js";
|
|
4
|
+
import "node:module";
|
|
5
5
|
const E = f({
|
|
6
6
|
name: "interactive-element",
|
|
7
7
|
props: ["wrapperProps", "includeBlockProps", "block", "context", "Wrapper"],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const SDK_VERSION = "0.11.
|
|
1
|
+
export declare const SDK_VERSION = "0.11.2";
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import "./
|
|
2
|
-
import { T as n, c as i, e as l } from "./index.cc3260e1.js";
|
|
1
|
+
import { T as n, c as i, e as l } from "./index.e41a8ad1.js";
|
|
3
2
|
function u(e) {
|
|
4
3
|
const t = {};
|
|
5
4
|
if (typeof e != "string")
|
|
@@ -17,7 +16,7 @@ function f({
|
|
|
17
16
|
const v = (e) => ({
|
|
18
17
|
href: e.href
|
|
19
18
|
});
|
|
20
|
-
function
|
|
19
|
+
function y({
|
|
21
20
|
block: e,
|
|
22
21
|
context: t
|
|
23
22
|
}) {
|
|
@@ -48,7 +47,7 @@ function S(e) {
|
|
|
48
47
|
return e;
|
|
49
48
|
}
|
|
50
49
|
}
|
|
51
|
-
const
|
|
50
|
+
const d = (e) => `v-on:${e.toLowerCase()}`, p = (e, t) => (r) => l({
|
|
52
51
|
code: e,
|
|
53
52
|
context: t.context,
|
|
54
53
|
localState: t.localState,
|
|
@@ -57,14 +56,14 @@ const p = (e) => `v-on:${e.toLowerCase()}`, d = (e, t) => (r) => l({
|
|
|
57
56
|
event: r,
|
|
58
57
|
isExpression: !1
|
|
59
58
|
});
|
|
60
|
-
function
|
|
59
|
+
function g(e) {
|
|
61
60
|
var s;
|
|
62
61
|
const t = {}, r = (s = e.block.actions) != null ? s : {};
|
|
63
62
|
for (const o in r) {
|
|
64
63
|
if (!r.hasOwnProperty(o))
|
|
65
64
|
continue;
|
|
66
65
|
const c = r[o];
|
|
67
|
-
let a =
|
|
66
|
+
let a = d(o);
|
|
68
67
|
if (e.stripPrefix)
|
|
69
68
|
switch (n) {
|
|
70
69
|
case "vue":
|
|
@@ -74,11 +73,11 @@ function x(e) {
|
|
|
74
73
|
a = a.replace("on:", "");
|
|
75
74
|
break;
|
|
76
75
|
}
|
|
77
|
-
t[a] =
|
|
76
|
+
t[a] = p(c, e);
|
|
78
77
|
}
|
|
79
78
|
return t;
|
|
80
79
|
}
|
|
81
80
|
export {
|
|
82
|
-
|
|
83
|
-
|
|
81
|
+
y as a,
|
|
82
|
+
g
|
|
84
83
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const n=require("./index.c2ecfe73.cjs");function i(e){const t={};if(typeof e!="string")return t;const r=e.trim().split(/\\s+/);for(const s of r)t[s]=!0;return t}function l({properties:e}){return e.class=i(e.class),e}const u=e=>({href:e.href});function f({block:e,context:t}){var s;const r={...u(e),...e.properties,"builder-id":e.id,style:e.style?v(e.style):void 0,class:[e.id,"builder-block",e.class,(s=e.properties)==null?void 0:s.class].filter(Boolean).join(" ")};return l({properties:r,context:t,block:e})}function v(e){switch(n.TARGET){case"svelte":case"vue":case"solid":return n.convertStyleMapToCSSArray(e).join(" ");case"qwik":case"reactNative":case"react":case"rsc":return e}}const d=e=>`v-on:${e.toLowerCase()}`,S=(e,t)=>r=>n.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1});function p(e){var s;const t={},r=(s=e.block.actions)!=null?s:{};for(const o in r){if(!r.hasOwnProperty(o))continue;const a=r[o];let c=d(o);if(e.stripPrefix)switch(n.TARGET){case"vue":c=c.replace("v-on:","");break;case"svelte":c=c.replace("on:","");break}t[c]=S(a,e)}return t}exports.getBlockActions=p;exports.getBlockProperties=f;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";const vue=require("vue"),node_module=require("node:module");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$k=vue.defineComponent({name:"builder-button",props:["attributes","text","link","openLinkInNewTab"],data(){return{filterAttrs}},methods:{_classStringToObject(e){const t={};if(typeof e!="string")return t;const n=e.trim().split(/\s+/);for(const o of n)t[o]=!0;return t}}}),button_vue_vue_type_style_index_0_scoped_becdf225_lang="",_export_sfc=(e,t)=>{const n=e.__vccOpts||e;for(const[o,r]of t)n[o]=r;return n},_hoisted_1$6=["href","target"];function _sfc_render$i(e,t,n,o,r,s){return e.link?(vue.openBlock(),vue.createElementBlock("a",vue.mergeProps({key:0,href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"button"},e.filterAttrs(e.attributes,"v-on:",!1),vue.toHandlers(e.filterAttrs(e.attributes,"v-on:",!0),!0)),vue.toDisplayString(e.text),17,_hoisted_1$6)):(vue.openBlock(),vue.createElementBlock("button",vue.mergeProps({key:1,style:e.attributes.style,class:e._classStringToObject(e.attributes.class+" button-21azgz5avex")},e.filterAttrs(e.attributes,"v-on:",!1),vue.toHandlers(e.filterAttrs(e.attributes,"v-on:",!0),!0)),vue.toDisplayString(e.text),17))}const Button=_export_sfc(_sfc_main$k,[["render",_sfc_render$i],["__scopeId","data-v-becdf225"],["__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 TARGET="vue",camelToKebabCase=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),checkIsDefined=e=>e!=null,convertStyleMapToCSSArray=e=>Object.entries(e).map(([n,o])=>{if(typeof o=="string")return`${camelToKebabCase(n)}: ${o};`}).filter(checkIsDefined),convertStyleMapToCSS=e=>convertStyleMapToCSSArray(e).join(`
|
|
2
2
|
`),createCssClass=({mediaQuery:e,className:t,styles:n})=>{const o=`.${t} {
|
|
3
3
|
${convertStyleMapToCSS(n)}
|
|
4
4
|
}`;return e?`${e} {
|
|
5
5
|
${o}
|
|
6
|
-
}`:o},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()&&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(i,r,s)});return new Function(...a.map(([c])=>c),e)(...a.map(([,c])=>c))};function flattenState(e,t,n){if(e===t)throw new Error("rootState === localState");return new Proxy(e,{get:(o,r)=>t&&r in t?t[r]:e[r],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 e[r]=s,n==null||n(e),!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.
|
|
6
|
+
}`:o},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(i,r,s)});return new Function(...a.map(([c])=>c),e)(...a.map(([,c])=>c))};function flattenState(e,t,n){if(e===t)throw new Error("rootState === localState");return new Proxy(e,{get:(o,r)=>t&&r in t?t[r]:e[r],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 e[r]=s,n==null||n(e),!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.c2ecfe73.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=`
|
|
7
7
|
var refToProxy = (obj) => {
|
|
8
8
|
if (typeof obj !== 'object' || obj === null) {
|
|
9
9
|
return obj;
|
|
@@ -45,7 +45,7 @@ if (typeof output === 'object' && output !== null) {
|
|
|
45
45
|
output;
|
|
46
46
|
`},getIsolateContext=()=>new ivm.Isolate({memoryLimit:128}).createContextSync(),runInNode=({code:e,builder:t,context:n,event:o,localState:r,rootSetState:s,rootState:i})=>{const a=fastClone({...i,...r}),c=getFunctionArguments({builder:t,context:n,event:o,state:a}),l=getIsolateContext(),u=l.global;u.setSync("global",u.derefInto()),u.setSync("log",function(...m){console.log(...m)}),u.setSync(BUILDER_SET_STATE_NAME,function(m,f){set(i,m,f),s==null||s(i)}),c.forEach(([m,f])=>{const g=typeof f=="object"?new ivm.Reference(m==="builder"?{...f,getUserAttributes:()=>f.getUserAttributes()}:f):null;u.setSync(getSyncValName(m),g)}),u.setSync(INJECTED_IVM_GLOBAL,ivm);const d=processCode({code:e,args:c}),p=l.evalSync(d);try{return JSON.parse(p)}catch{return p}},chooseBrowserOrServerEval=e=>isBrowser()?runInBrowser(e):runInNode(e);function evaluate({code:e,context:t,localState:n,rootState:o,rootSetState:r,event:s,isExpression:i=!0}){if(e===""){logger.warn("Skipping evaluation of empty code block.");return}const a={code:parseCode(e,{isExpression:i}),builder:getBuilderGlobals(),context:t,event:s,rootSetState:r,rootState:o,localState:n};try{return chooseBrowserOrServerEval(a)}catch(c){logger.error("Failed code evaluation: "+c.message,{code:e});return}}function transformBlock(e){return e}const evaluateBindings=({block:e,context:t,localState:n,rootState:o,rootSetState:r})=>{if(!e.bindings)return e;const s=fastClone(e),i={...s,properties:{...s.properties},actions:{...s.actions}};for(const a in e.bindings){const c=e.bindings[a],l=evaluate({code:c,localState:n,rootState:o,rootSetState:r,context:t});set(i,a,l)}return i};function getProcessedBlock({block:e,context:t,shouldEvaluateBindings:n,localState:o,rootState:r,rootSetState:s}){const i=e;return n?evaluateBindings({block:i,localState:o,rootState:r,rootSetState:s,context:t}):i}const EMPTY_HTML_ELEMENTS=["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"],isEmptyHtmlElement=e=>typeof e=="string"&&EMPTY_HTML_ELEMENTS.includes(e.toLowerCase()),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((c,l)=>({context:{...t,localState:{...t.localState,$index:l,$item:c,[i]:c,[`$${i}Index`]:l}},block:o}))},BlockStyles$1=()=>Promise.resolve().then(()=>blockStyles).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.1d4009cf.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.065ff556.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.4c468fb3.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:{ComponentRef:vue.defineAsyncComponent(ComponentRef),BlockWrapper:vue.defineAsyncComponent(BlockWrapper),RepeatedBlock:vue.defineAsyncComponent(RepeatedBlock),BlockStyles:vue.defineAsyncComponent(BlockStyles$1)},props:["block","context","registeredComponents"],data(){return{childrenContext:this.context,isEmptyHtmlElement}},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(){return 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;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)==="Symbol"||((o=this.blockComponent)==null?void 0:o.name)==="Columns"?{builderComponents:this.registeredComponents}:{}},context:this.childrenContext,registeredComponents:this.registeredComponents,builderBlock:this.processedBlock,includeBlockProps:((r=this.blockComponent)==null?void 0:r.noWrap)===!0,isInteractive:!((s=this.blockComponent)!=null&&s.isRSC)}}}});function _sfc_render$h(e,t,n,o,r,s){var d;const i=vue.resolveComponent("block-wrapper"),a=vue.resolveComponent("repeated-block"),c=vue.resolveComponent("component-ref"),l=vue.resolveComponent("block",!0),u=vue.resolveComponent("block-styles");return e.canShowBlock?(vue.openBlock(),vue.createElementBlock(vue.Fragment,{key:0},[(d=e.blockComponent)!=null&&d.noWrap?(vue.openBlock(),vue.createBlock(c,{key:1,componentRef:e.componentRefProps.componentRef,componentOptions:e.componentRefProps.componentOptions,blockChildren:e.componentRefProps.blockChildren,context:e.componentRefProps.context,registeredComponents:e.componentRefProps.registeredComponents,builderBlock:e.componentRefProps.builderBlock,includeBlockProps:e.componentRefProps.includeBlockProps,isInteractive:e.componentRefProps.isInteractive},null,8,["componentRef","componentOptions","blockChildren","context","registeredComponents","builderBlock","includeBlockProps","isInteractive"])):(vue.openBlock(),vue.createElementBlock(vue.Fragment,{key:0},[e.isEmptyHtmlElement(e.Tag)?(vue.openBlock(),vue.createBlock(i,{key:0,Wrapper:e.Tag,block:e.processedBlock,context:e.context,hasChildren:!1},null,8,["Wrapper","block","context"])):vue.createCommentVNode("v-if",!0),!e.isEmptyHtmlElement(e.Tag)&&e.repeatItem?(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,{key:1},vue.renderList(e.repeatItem,(p,m)=>(vue.openBlock(),vue.createBlock(a,{key:m,repeatContext:p.context,block:p.block,registeredComponents:e.registeredComponents},null,8,["repeatContext","block","registeredComponents"]))),128)):vue.createCommentVNode("v-if",!0),!e.isEmptyHtmlElement(e.Tag)&&!e.repeatItem?(vue.openBlock(),vue.createBlock(i,{key:2,Wrapper:e.Tag,block:e.processedBlock,context:e.context,hasChildren:!0},{default:vue.withCtx(()=>[vue.createVNode(c,{componentRef:e.componentRefProps.componentRef,componentOptions:e.componentRefProps.componentOptions,blockChildren:e.componentRefProps.blockChildren,context:e.componentRefProps.context,registeredComponents:e.componentRefProps.registeredComponents,builderBlock:e.componentRefProps.builderBlock,includeBlockProps:e.componentRefProps.includeBlockProps,isInteractive:e.componentRefProps.isInteractive},null,8,["componentRef","componentOptions","blockChildren","context","registeredComponents","builderBlock","includeBlockProps","isInteractive"]),(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(e.childrenWithoutParentComponent,(p,m)=>(vue.openBlock(),vue.createBlock(l,{key:"block-"+p.id,block:p,context:e.childrenContext,registeredComponents:e.registeredComponents},null,8,["block","context","registeredComponents"]))),128)),(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(e.childrenWithoutParentComponent,(p,m)=>(vue.openBlock(),vue.createBlock(u,{key:"block-style-"+p.id,block:p,context:e.childrenContext},null,8,["block","context"]))),128))]),_:1},8,["Wrapper","block","context"])):vue.createCommentVNode("v-if",!0)],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"})),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$i=vue.defineComponent({render(){return vue.h("style",{id:this.id,innerHTML:this.styles})},name:"inlined-styles",props:["styles","id"]}),InlinedStyles=_export_sfc(_sfc_main$i,[["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-styles.vue"]]),_sfc_main$h=vue.defineComponent({name:"block-styles",components:{InlinedStyles},props:["block","context"],data(){return{TARGET}},computed:{canShowBlock(){const e=getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0});return checkIsDefined(e.hide)?!e.hide:checkIsDefined(e.show)?e.show:!0},css(){var d;const e=getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0}),t=e.responsiveStyles,n=this.context.content,o=getSizesForBreakpoints(((d=n==null?void 0:n.meta)==null?void 0:d.breakpoints)||{}),r=t==null?void 0:t.large,s=t==null?void 0:t.medium,i=t==null?void 0:t.small,a=e.id;if(!a)return"";const c=r?createCssClass({className:a,styles:r}):"",l=s?createCssClass({className:a,styles:s,mediaQuery:getMaxWidthQueryForSize("medium",o)}):"",u=i?createCssClass({className:a,styles:i,mediaQuery:getMaxWidthQueryForSize("small",o)}):"";return[c,l,u].join(" ")}}});function _sfc_render$g(e,t,n,o,r,s){const i=vue.resolveComponent("inlined-styles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(vue.openBlock(),vue.createBlock(i,{key:0,styles:e.css},null,8,["styles"])):vue.createCommentVNode("v-if",!0)}const BlockStyles=_export_sfc(_sfc_main$h,[["render",_sfc_render$g],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-styles.vue"]]),blockStyles=Object.freeze(Object.defineProperty({__proto__:null,default:BlockStyles},Symbol.toStringTag,{value:"Module"})),_sfc_main$g=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}},"*"))},_classStringToObject(e){const t={};if(typeof e!="string")return t;const n=e.trim().split(/\s+/);for(const o of n)t[o]=!0;return t}}}),blocksWrapper_vue_vue_type_style_index_0_scoped_1f8aab9f_lang="";function _sfc_render$f(e,t,n,o,r,s){return vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(e.BlocksWrapper),vue.mergeProps({class:e._classStringToObject(e.className+" component-178o76acnws"),"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$g,[["render",_sfc_render$f],["__scopeId","data-v-1f8aab9f"],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks-wrapper.vue"]]),_sfc_main$f=vue.defineComponent({name:"builder-blocks",components:{BlocksWrapper,Block,BlockStyles},props:["blocks","parent","path","styleProp","context","registeredComponents"],inject:{builderContext:BuilderContext.key,componentsContext:ComponentsContext.key}});function _sfc_render$e(e,t,n,o,r,s){var l,u;const i=vue.resolveComponent("block"),a=vue.resolveComponent("block-styles"),c=vue.resolveComponent("blocks-wrapper");return vue.openBlock(),vue.createBlock(c,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,BlocksWrapper:(l=e.context)==null?void 0:l.BlocksWrapper,BlocksWrapperProps:(u=e.context)==null?void 0:u.BlocksWrapperProps},{default:vue.withCtx(()=>[e.blocks?(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,{key:0},vue.renderList(e.blocks,(d,p)=>(vue.openBlock(),vue.createBlock(i,{key:"render-block-"+d.id,block:d,context:e.context||e.builderContext,registeredComponents:e.registeredComponents||e.componentsContext.registeredComponents},null,8,["block","context","registeredComponents"]))),128)):vue.createCommentVNode("v-if",!0),e.blocks?(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,{key:1},vue.renderList(e.blocks,(d,p)=>(vue.openBlock(),vue.createBlock(a,{key:"block-style-"+d.id,block:d,context:e.context||e.builderContext},null,8,["block","context"]))),128)):vue.createCommentVNode("v-if",!0)]),_:1},8,["blocks","parent","path","styleProp","BlocksWrapper","BlocksWrapperProps"])}const Blocks=_export_sfc(_sfc_main$f,[["render",_sfc_render$e],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks.vue"]]),_sfc_main$e=vue.defineComponent({name:"builder-columns",components:{InlinedStyles,Blocks},props:["js","space","columns","stackColumnsAt","reverseColumnsWhenStacked","builderContext","builderBlock","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}},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((c,l)=>({context:{...t,localState:{...t.localState,$index:l,$item:c,[i]:c,[`$${i}Index`]:l}},block:o}))},BlockStyles$1=()=>Promise.resolve().then(()=>blockStyles).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.225409d6.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.2e739af9.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.088dd1eb.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:{ComponentRef:vue.defineAsyncComponent(ComponentRef),BlockWrapper:vue.defineAsyncComponent(BlockWrapper),RepeatedBlock:vue.defineAsyncComponent(RepeatedBlock),BlockStyles:vue.defineAsyncComponent(BlockStyles$1)},props:["block","context","registeredComponents"],data(){return{childrenContext:this.context,isEmptyHtmlElement}},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(){return 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;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)==="Symbol"||((o=this.blockComponent)==null?void 0:o.name)==="Columns"?{builderComponents:this.registeredComponents}:{}},context:this.childrenContext,registeredComponents:this.registeredComponents,builderBlock:this.processedBlock,includeBlockProps:((r=this.blockComponent)==null?void 0:r.noWrap)===!0,isInteractive:!((s=this.blockComponent)!=null&&s.isRSC)}}}});function _sfc_render$h(e,t,n,o,r,s){var d;const i=vue.resolveComponent("block-wrapper"),a=vue.resolveComponent("repeated-block"),c=vue.resolveComponent("component-ref"),l=vue.resolveComponent("block",!0),u=vue.resolveComponent("block-styles");return e.canShowBlock?(vue.openBlock(),vue.createElementBlock(vue.Fragment,{key:0},[(d=e.blockComponent)!=null&&d.noWrap?(vue.openBlock(),vue.createBlock(c,{key:1,componentRef:e.componentRefProps.componentRef,componentOptions:e.componentRefProps.componentOptions,blockChildren:e.componentRefProps.blockChildren,context:e.componentRefProps.context,registeredComponents:e.componentRefProps.registeredComponents,builderBlock:e.componentRefProps.builderBlock,includeBlockProps:e.componentRefProps.includeBlockProps,isInteractive:e.componentRefProps.isInteractive},null,8,["componentRef","componentOptions","blockChildren","context","registeredComponents","builderBlock","includeBlockProps","isInteractive"])):(vue.openBlock(),vue.createElementBlock(vue.Fragment,{key:0},[e.isEmptyHtmlElement(e.Tag)?(vue.openBlock(),vue.createBlock(i,{key:0,Wrapper:e.Tag,block:e.processedBlock,context:e.context,hasChildren:!1},null,8,["Wrapper","block","context"])):vue.createCommentVNode("v-if",!0),!e.isEmptyHtmlElement(e.Tag)&&e.repeatItem?(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,{key:1},vue.renderList(e.repeatItem,(p,m)=>(vue.openBlock(),vue.createBlock(a,{key:m,repeatContext:p.context,block:p.block,registeredComponents:e.registeredComponents},null,8,["repeatContext","block","registeredComponents"]))),128)):vue.createCommentVNode("v-if",!0),!e.isEmptyHtmlElement(e.Tag)&&!e.repeatItem?(vue.openBlock(),vue.createBlock(i,{key:2,Wrapper:e.Tag,block:e.processedBlock,context:e.context,hasChildren:!0},{default:vue.withCtx(()=>[vue.createVNode(c,{componentRef:e.componentRefProps.componentRef,componentOptions:e.componentRefProps.componentOptions,blockChildren:e.componentRefProps.blockChildren,context:e.componentRefProps.context,registeredComponents:e.componentRefProps.registeredComponents,builderBlock:e.componentRefProps.builderBlock,includeBlockProps:e.componentRefProps.includeBlockProps,isInteractive:e.componentRefProps.isInteractive},null,8,["componentRef","componentOptions","blockChildren","context","registeredComponents","builderBlock","includeBlockProps","isInteractive"]),(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(e.childrenWithoutParentComponent,(p,m)=>(vue.openBlock(),vue.createBlock(l,{key:"block-"+p.id,block:p,context:e.childrenContext,registeredComponents:e.registeredComponents},null,8,["block","context","registeredComponents"]))),128)),(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(e.childrenWithoutParentComponent,(p,m)=>(vue.openBlock(),vue.createBlock(u,{key:"block-style-"+p.id,block:p,context:e.childrenContext},null,8,["block","context"]))),128))]),_:1},8,["Wrapper","block","context"])):vue.createCommentVNode("v-if",!0)],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"})),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$i=vue.defineComponent({render(){return vue.h("style",{id:this.id,innerHTML:this.styles})},name:"inlined-styles",props:["styles","id"]}),InlinedStyles=_export_sfc(_sfc_main$i,[["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-styles.vue"]]),_sfc_main$h=vue.defineComponent({name:"block-styles",components:{InlinedStyles},props:["block","context"],data(){return{TARGET}},computed:{canShowBlock(){const e=getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0});return checkIsDefined(e.hide)?!e.hide:checkIsDefined(e.show)?e.show:!0},css(){var d;const e=getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0}),t=e.responsiveStyles,n=this.context.content,o=getSizesForBreakpoints(((d=n==null?void 0:n.meta)==null?void 0:d.breakpoints)||{}),r=t==null?void 0:t.large,s=t==null?void 0:t.medium,i=t==null?void 0:t.small,a=e.id;if(!a)return"";const c=r?createCssClass({className:a,styles:r}):"",l=s?createCssClass({className:a,styles:s,mediaQuery:getMaxWidthQueryForSize("medium",o)}):"",u=i?createCssClass({className:a,styles:i,mediaQuery:getMaxWidthQueryForSize("small",o)}):"";return[c,l,u].join(" ")}}});function _sfc_render$g(e,t,n,o,r,s){const i=vue.resolveComponent("inlined-styles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(vue.openBlock(),vue.createBlock(i,{key:0,styles:e.css},null,8,["styles"])):vue.createCommentVNode("v-if",!0)}const BlockStyles=_export_sfc(_sfc_main$h,[["render",_sfc_render$g],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-styles.vue"]]),blockStyles=Object.freeze(Object.defineProperty({__proto__:null,default:BlockStyles},Symbol.toStringTag,{value:"Module"})),_sfc_main$g=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}},"*"))},_classStringToObject(e){const t={};if(typeof e!="string")return t;const n=e.trim().split(/\s+/);for(const o of n)t[o]=!0;return t}}}),blocksWrapper_vue_vue_type_style_index_0_scoped_1f8aab9f_lang="";function _sfc_render$f(e,t,n,o,r,s){return vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(e.BlocksWrapper),vue.mergeProps({class:e._classStringToObject(e.className+" component-178o76acnws"),"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$g,[["render",_sfc_render$f],["__scopeId","data-v-1f8aab9f"],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks-wrapper.vue"]]),_sfc_main$f=vue.defineComponent({name:"builder-blocks",components:{BlocksWrapper,Block,BlockStyles},props:["blocks","parent","path","styleProp","context","registeredComponents"],inject:{builderContext:BuilderContext.key,componentsContext:ComponentsContext.key}});function _sfc_render$e(e,t,n,o,r,s){var l,u;const i=vue.resolveComponent("block"),a=vue.resolveComponent("block-styles"),c=vue.resolveComponent("blocks-wrapper");return vue.openBlock(),vue.createBlock(c,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,BlocksWrapper:(l=e.context)==null?void 0:l.BlocksWrapper,BlocksWrapperProps:(u=e.context)==null?void 0:u.BlocksWrapperProps},{default:vue.withCtx(()=>[e.blocks?(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,{key:0},vue.renderList(e.blocks,(d,p)=>(vue.openBlock(),vue.createBlock(i,{key:"render-block-"+d.id,block:d,context:e.context||e.builderContext,registeredComponents:e.registeredComponents||e.componentsContext.registeredComponents},null,8,["block","context","registeredComponents"]))),128)):vue.createCommentVNode("v-if",!0),e.blocks?(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,{key:1},vue.renderList(e.blocks,(d,p)=>(vue.openBlock(),vue.createBlock(a,{key:"block-style-"+d.id,block:d,context:e.context||e.builderContext},null,8,["block","context"]))),128)):vue.createCommentVNode("v-if",!0)]),_:1},8,["blocks","parent","path","styleProp","BlocksWrapper","BlocksWrapperProps"])}const Blocks=_export_sfc(_sfc_main$f,[["render",_sfc_render$e],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks.vue"]]),_sfc_main$e=vue.defineComponent({name:"builder-columns",components:{InlinedStyles,Blocks},props:["js","space","columns","stackColumnsAt","reverseColumnsWhenStacked","builderContext","builderBlock","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}},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:c,locale:l,apiVersion:u=DEFAULT_API_VERSION,fields:d,omit:p,offset:m,cacheSeconds:f,staleCacheSeconds:g,sort:v,includeUnpublished:y}=e;if(!i)throw new Error("Missing API key");if(!["v2","v3"].includes(u))throw new Error(`Invalid apiVersion: expected 'v2' or '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}${l?`&locale=${l}`:""}${c?`&enrich=${c}`:""}`);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)),v){const b=flatten({sort:v});for(const k in b)h.searchParams.set(k,JSON.stringify(b[k]))}const C={...getBuilderSearchParamsFromWindow(),...normalizeSearchParams(e.options||{})},S=flatten(C);for(const b in S)h.searchParams.set(b,String(S[b]));if(o&&h.searchParams.set("userAttributes",JSON.stringify(o)),r){const b=flatten({query:r});for(const k in b)h.searchParams.set(k,JSON.stringify(b[k]))}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}}},SDK_VERSION="0.11.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",({data:o})=>{var r,s;if(!!(o!=null&&o.type))switch(o.type){case"builder.evaluate":{const i=o.data.text,a=o.data.arguments||[],c=o.data.id,l=new Function(i);let u,d=null;try{u=l.apply(null,a)}catch(p){d=p}d?(r=window.parent)==null||r.postMessage({type:"builder.evaluateError",data:{id:c,error:d.message}},"*"):u&&typeof u.then=="function"?u.then(p=>{var m;(m=window.parent)==null||m.postMessage({type:"builder.evaluateResult",data:{id:c,result:p}},"*")}).catch(console.error):(s=window.parent)==null||s.postMessage({type:"builder.evaluateResult",data:{result:u,id:c}},"*");break}}})))},_sfc_main$4=vue.defineComponent({name:"enable-editor",props:["builderContextSignal","contentWrapper","model","context","canTrack","apiKey","locale","includeRefs","enrich","content","showContent","contentWrapperProps"],data(){return{forceReRenderCount: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}},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,1:this.builderContextSignal.rootState}},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}}},methods:{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){var n;const{data:t}=e;if(t)switch(t.type){case"builder.configureSdk":{const o=t.data,{breakpoints:r,contentId:s}=o;if(!s||s!==((n=this.builderContextSignal.content)==null?void 0:n.id))return;r&&this.mergeNewContent({meta:{breakpoints:r}}),this.forceReRenderCount=this.forceReRenderCount+1;break}case"builder.contentUpdate":{const o=t.data,r=o.key||o.alias||o.entry||o.modelName,s=o.data;r===this.model&&(this.mergeNewContent(s),this.forceReRenderCount=this.forceReRenderCount+1);break}}},evaluateJsCode(){var 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}:{}}),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)})},_classStringToObject(e){const t={};if(typeof e!="string")return t;const n=e.trim().split(/\s+/);for(const o of n)t[o]=!0;return t}}});function _sfc_render$4(e,t,n,o,r,s){var i,a,c;return e.builderContextSignal.content?(vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(e.ContentWrapper),vue.mergeProps({key:e.forceReRenderCount,ref:"elementRef",onClick:l=>e.onClick(l),"builder-content-id":(i=e.builderContextSignal.content)==null?void 0:i.id,"builder-model":e.model,class:e._classStringToObject(`variant-${((a=e.content)==null?void 0:a.testVariationId)||((c=e.content)==null?void 0:c.id)}`),onIniteditingbldr:l=>e.elementRef_onIniteditingbldr(l),onInitpreviewingbldr:l=>e.elementRef_onInitpreviewingbldr(l)},{...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:c,locale:l,apiVersion:u=DEFAULT_API_VERSION,fields:d,omit:p,offset:m,cacheSeconds:f,staleCacheSeconds:g,sort:v,includeUnpublished:y}=e;if(!i)throw new Error("Missing API key");if(!["v2","v3"].includes(u))throw new Error(`Invalid apiVersion: expected 'v2' or '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}${l?`&locale=${l}`:""}${c?`&enrich=${c}`:""}`);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)),v){const b=flatten({sort:v});for(const k in b)h.searchParams.set(k,JSON.stringify(b[k]))}const C={...getBuilderSearchParamsFromWindow(),...normalizeSearchParams(e.options||{})},S=flatten(C);for(const b in S)h.searchParams.set(b,String(S[b]));if(o&&h.searchParams.set("userAttributes",JSON.stringify(o)),r){const b=flatten({query:r});for(const k in b)h.searchParams.set(k,JSON.stringify(b[k]))}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}}},SDK_VERSION="0.11.2",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",({data:o})=>{var r,s;if(!!(o!=null&&o.type))switch(o.type){case"builder.evaluate":{const i=o.data.text,a=o.data.arguments||[],c=o.data.id,l=new Function(i);let u,d=null;try{u=l.apply(null,a)}catch(p){d=p}d?(r=window.parent)==null||r.postMessage({type:"builder.evaluateError",data:{id:c,error:d.message}},"*"):u&&typeof u.then=="function"?u.then(p=>{var m;(m=window.parent)==null||m.postMessage({type:"builder.evaluateResult",data:{id:c,result:p}},"*")}).catch(console.error):(s=window.parent)==null||s.postMessage({type:"builder.evaluateResult",data:{result:u,id:c}},"*");break}}})))},_sfc_main$4=vue.defineComponent({name:"enable-editor",props:["builderContextSignal","contentWrapper","model","context","canTrack","apiKey","locale","includeRefs","enrich","content","showContent","contentWrapperProps"],data(){return{forceReRenderCount: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}},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,1:this.builderContextSignal.rootState}},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}}},methods:{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){var n;const{data:t}=e;if(t)switch(t.type){case"builder.configureSdk":{const o=t.data,{breakpoints:r,contentId:s}=o;if(!s||s!==((n=this.builderContextSignal.content)==null?void 0:n.id))return;r&&this.mergeNewContent({meta:{breakpoints:r}}),this.forceReRenderCount=this.forceReRenderCount+1;break}case"builder.contentUpdate":{const o=t.data,r=o.key||o.alias||o.entry||o.modelName,s=o.data;r===this.model&&(this.mergeNewContent(s),this.forceReRenderCount=this.forceReRenderCount+1);break}}},evaluateJsCode(){var 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}:{}}),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)})},_classStringToObject(e){const t={};if(typeof e!="string")return t;const n=e.trim().split(/\s+/);for(const o of n)t[o]=!0;return t}}});function _sfc_render$4(e,t,n,o,r,s){var i,a,c;return e.builderContextSignal.content?(vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(e.ContentWrapper),vue.mergeProps({key:e.forceReRenderCount,ref:"elementRef",onClick:l=>e.onClick(l),"builder-content-id":(i=e.builderContextSignal.content)==null?void 0:i.id,"builder-model":e.model,class:e._classStringToObject(`variant-${((a=e.content)==null?void 0:a.testVariationId)||((c=e.content)==null?void 0:c.id)}`),onIniteditingbldr:l=>e.elementRef_onIniteditingbldr(l),onInitpreviewingbldr:l=>e.elementRef_onInitpreviewingbldr(l)},{...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";
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.c2ecfe73.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.track=e.track;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import "./style.css";
|
|
2
1
|
import { defineComponent, openBlock, createElementBlock, mergeProps, toHandlers, toDisplayString, defineAsyncComponent, resolveComponent, Fragment as Fragment$1, createBlock, createCommentVNode, renderList, withCtx, createVNode, h, resolveDynamicComponent, renderSlot, createElementVNode, normalizeStyle, normalizeClass, markRaw } from "vue";
|
|
3
2
|
import { createRequire } from "node:module";
|
|
4
3
|
function filterAttrs(e = {}, t, n) {
|
|
@@ -102,7 +101,7 @@ function isIframe() {
|
|
|
102
101
|
return isBrowser() && window.self !== window.top;
|
|
103
102
|
}
|
|
104
103
|
function isEditing() {
|
|
105
|
-
return isIframe() && window.location.search.indexOf("builder.frameEditing=") !== -1;
|
|
104
|
+
return isIframe() && (TARGET === "reactNative" || window.location.search.indexOf("builder.frameEditing=") !== -1);
|
|
106
105
|
}
|
|
107
106
|
const getLocation = () => {
|
|
108
107
|
if (isBrowser()) {
|
|
@@ -431,17 +430,17 @@ const EMPTY_HTML_ELEMENTS = ["area", "base", "br", "col", "embed", "hr", "img",
|
|
|
431
430
|
"Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
|
|
432
431
|
e
|
|
433
432
|
), e;
|
|
434
|
-
}), BlockWrapper = () => import("./block-wrapper.
|
|
433
|
+
}), BlockWrapper = () => import("./block-wrapper.90336157.js").then((e) => e.default).catch((e) => {
|
|
435
434
|
throw console.error(
|
|
436
435
|
"Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
|
|
437
436
|
e
|
|
438
437
|
), e;
|
|
439
|
-
}), ComponentRef = () => import("./component-ref.
|
|
438
|
+
}), ComponentRef = () => import("./component-ref.a61e19d0.js").then((e) => e.default).catch((e) => {
|
|
440
439
|
throw console.error(
|
|
441
440
|
"Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
|
|
442
441
|
e
|
|
443
442
|
), e;
|
|
444
|
-
}), RepeatedBlock = () => import("./repeated-block.
|
|
443
|
+
}), RepeatedBlock = () => import("./repeated-block.7c2934b2.js").then((e) => e.default).catch((e) => {
|
|
445
444
|
throw console.error(
|
|
446
445
|
"Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
|
|
447
446
|
e
|
|
@@ -2573,7 +2572,7 @@ const findParentElement = (e, t, n = !0) => {
|
|
|
2573
2572
|
builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
|
|
2574
2573
|
}
|
|
2575
2574
|
};
|
|
2576
|
-
}, SDK_VERSION = "0.11.
|
|
2575
|
+
}, SDK_VERSION = "0.11.2", registry = {};
|
|
2577
2576
|
function register(e, t) {
|
|
2578
2577
|
let n = registry[e];
|
|
2579
2578
|
if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
|
package/lib/node/index.js
CHANGED
|
@@ -1,31 +1,30 @@
|
|
|
1
|
-
import "./
|
|
2
|
-
import { d as r, g as o, h as i, C as g, F as m, I as c, R as l, f as d, S as p, i as C, j as u, V as f, n as h, m as B, x as R, o as S, p as k, q as E, u as x, t as P, k as v, l as y, r as F, s as I, v as V } from "./index.cc3260e1.js";
|
|
1
|
+
import { d as n, g as r, h as o, C as i, F as g, I as c, R as l, f as m, S as d, i as C, j as p, V as u, n as f, m as h, x as B, o as R, p as S, q as k, u as E, t as x, k as P, l as v, r as y, s as F, v as I } from "./index.e41a8ad1.js";
|
|
3
2
|
import "vue";
|
|
4
3
|
import "node:module";
|
|
5
4
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
n as Blocks,
|
|
6
|
+
r as Button,
|
|
7
|
+
o as Columns,
|
|
8
|
+
i as Content,
|
|
9
|
+
g as Fragment,
|
|
11
10
|
c as Image,
|
|
12
11
|
l as RenderBlocks,
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
m as RenderContent,
|
|
13
|
+
d as Section,
|
|
15
14
|
C as Symbol,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
15
|
+
p as Text,
|
|
16
|
+
u as Video,
|
|
17
|
+
f as _processContentResult,
|
|
18
|
+
h as createRegisterComponentMessage,
|
|
19
|
+
B as fetchBuilderProps,
|
|
20
|
+
R as fetchEntries,
|
|
21
|
+
S as fetchOneEntry,
|
|
22
|
+
k as getAllContent,
|
|
23
|
+
E as getBuilderSearchParams,
|
|
24
|
+
x as getContent,
|
|
25
|
+
P as isEditing,
|
|
26
|
+
v as isPreviewing,
|
|
27
|
+
y as register,
|
|
28
|
+
F as setEditorSettings,
|
|
29
|
+
I as track
|
|
31
30
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index.c2ecfe73.cjs");require("node:module");const r=()=>Promise.resolve().then(()=>require("./index.c2ecfe73.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"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,d,u,a){const n=o.resolveComponent("block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents},null,8,["block","context","registeredComponents"])}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
|
-
import "./style.css";
|
|
2
1
|
import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as c, createBlock as s } from "vue";
|
|
3
|
-
import { b as p, _ as l } from "./index.
|
|
4
|
-
|
|
2
|
+
import { b as p, _ as l } from "./index.e41a8ad1.js";
|
|
3
|
+
import "node:module";
|
|
4
|
+
const a = () => import("./index.e41a8ad1.js").then((e) => e.y).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
|
package/nuxt.js
ADDED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@builder.io/sdk-vue",
|
|
3
3
|
"description": "Builder.io SDK for Vue",
|
|
4
|
-
"version": "0.11.
|
|
4
|
+
"version": "0.11.2",
|
|
5
5
|
"main": "./lib/node/index.cjs",
|
|
6
6
|
"module": "./lib/node/index.js",
|
|
7
7
|
"type": "module",
|
|
@@ -13,9 +13,18 @@
|
|
|
13
13
|
},
|
|
14
14
|
"files": [
|
|
15
15
|
"lib",
|
|
16
|
-
"
|
|
16
|
+
"nuxt.js"
|
|
17
|
+
],
|
|
18
|
+
"sideEffects": [
|
|
19
|
+
"./lib/browser/style.css",
|
|
20
|
+
"./lib/node/style.css",
|
|
21
|
+
"./lib/edge/style.css",
|
|
22
|
+
"./lib/browser/index.js",
|
|
23
|
+
"./lib/browser/index.cjs"
|
|
17
24
|
],
|
|
18
25
|
"exports": {
|
|
26
|
+
"./css": "./lib/browser/style.css",
|
|
27
|
+
"./nuxt": "./nuxt.js",
|
|
19
28
|
".": {
|
|
20
29
|
"node": {
|
|
21
30
|
"import": "./lib/node/index.js",
|