@builder.io/sdk-vue 4.2.1 → 4.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/browser/{awaiter-522m_tb0.js → awaiter-QkoC16ei.js} +1 -1
- package/lib/browser/{awaiter-xp9lcSxP.cjs → awaiter-dVEzPIfa.cjs} +1 -1
- package/lib/browser/{block-wrapper-9mehIM9T.cjs → block-wrapper-BOi64ZSf.cjs} +1 -1
- package/lib/browser/{block-wrapper-26klNOq9.js → block-wrapper-LGlUvVpu.js} +3 -3
- package/lib/browser/blocks/form/form/form.vue.d.ts +1 -0
- package/lib/browser/blocks/img/img.vue.d.ts +9 -2
- package/lib/browser/blocks/symbol/symbol.types.d.ts +1 -2
- package/lib/browser/blocks/symbol/symbol.vue.d.ts +1 -0
- package/lib/browser/blocks/tabs/tabs.vue.d.ts +1 -0
- package/lib/browser/component-ref-Jt8NZQKY.cjs +1 -0
- package/lib/browser/{component-ref-IrVdrKrT.js → component-ref-tMh8EWjb.js} +68 -57
- package/lib/browser/components/awaiter.types.d.ts +7 -0
- package/lib/browser/components/block/components/component-ref/component-ref.vue.d.ts +1 -6
- package/lib/browser/components/block/components/interactive-element.vue.d.ts +6 -3
- package/lib/browser/components/block/components/live-edit-block-styles.vue.d.ts +19 -0
- package/lib/browser/components/block/components/style-wrapper.vue.d.ts +15 -0
- package/lib/browser/components/content/components/enable-editor.vue.d.ts +6 -2
- package/lib/browser/components/live-edit.vue.d.ts +17 -0
- package/lib/browser/constants/sdk-version.d.ts +1 -1
- package/lib/browser/find-block-4FksmtpZ.js +30 -0
- package/lib/browser/find-block-FHyxDYzT.cjs +1 -0
- package/lib/browser/{get-block-properties-QnM_YrNk.js → get-block-properties-Ahsh8p5y.js} +8 -8
- package/lib/browser/{get-block-properties-OKep411k.cjs → get-block-properties-NuVrGQN_.cjs} +1 -1
- package/lib/browser/helpers/find-block.d.ts +18 -0
- package/lib/browser/helpers/subscribe-to-editor.d.ts +3 -2
- package/lib/browser/{index-dDcL7IfY.js → index-EtzQVBnH.js} +635 -569
- package/lib/browser/index-jbLVGF3d.cjs +334 -0
- package/lib/browser/index.cjs +1 -1
- package/lib/browser/index.mjs +11 -11
- package/lib/browser/live-edit-h_5MH287.cjs +1 -0
- package/lib/browser/live-edit-rw2-UX9h.js +32 -0
- package/lib/browser/{repeated-block-nKx_42cr.cjs → repeated-block-DP1NryZH.cjs} +1 -1
- package/lib/browser/{repeated-block-iOBHvqGU.js → repeated-block-WP795fea.js} +2 -2
- package/lib/browser/style-wrapper-OLuHp-wg.js +210 -0
- package/lib/browser/style-wrapper-_FKH2e4u.cjs +1 -0
- package/lib/browser/style.css +1 -1
- package/lib/edge/{awaiter-1mRIGpV6.cjs → awaiter-AB81htE9.cjs} +1 -1
- package/lib/edge/{awaiter-inDvpJQO.js → awaiter-G2IZpq8y.js} +1 -1
- package/lib/{node/block-wrapper-02ftlAfU.cjs → edge/block-wrapper-3KMmt5za.cjs} +1 -1
- package/lib/edge/{block-wrapper-SsRgbO8V.js → block-wrapper-hc1D57Il.js} +3 -3
- package/lib/edge/blocks/form/form/form.vue.d.ts +1 -0
- package/lib/edge/blocks/img/img.vue.d.ts +9 -2
- package/lib/edge/blocks/symbol/symbol.types.d.ts +1 -2
- package/lib/edge/blocks/symbol/symbol.vue.d.ts +1 -0
- package/lib/edge/blocks/tabs/tabs.vue.d.ts +1 -0
- package/lib/edge/component-ref-1l1Dc15N.cjs +1 -0
- package/lib/edge/{component-ref-xNhbKfn9.js → component-ref-__eNmb_i.js} +68 -57
- package/lib/edge/components/awaiter.types.d.ts +7 -0
- package/lib/edge/components/block/components/component-ref/component-ref.vue.d.ts +1 -6
- package/lib/edge/components/block/components/interactive-element.vue.d.ts +6 -3
- package/lib/edge/components/block/components/live-edit-block-styles.vue.d.ts +19 -0
- package/lib/edge/components/block/components/style-wrapper.vue.d.ts +15 -0
- package/lib/edge/components/content/components/enable-editor.vue.d.ts +6 -2
- package/lib/edge/components/live-edit.vue.d.ts +17 -0
- package/lib/edge/constants/sdk-version.d.ts +1 -1
- package/lib/edge/find-block-3Ig0kVVe.js +29 -0
- package/lib/edge/find-block-FREohLcp.cjs +1 -0
- package/lib/edge/{get-block-properties-YBHD-kyN.js → get-block-properties-IlO7VcTG.js} +10 -10
- package/lib/edge/{get-block-properties-gqcOodFf.cjs → get-block-properties-YofIFdQl.cjs} +1 -1
- package/lib/edge/helpers/find-block.d.ts +18 -0
- package/lib/edge/helpers/subscribe-to-editor.d.ts +3 -2
- package/lib/edge/{index-KuatB8ic.cjs → index-UFKf4DGh.cjs} +27 -27
- package/lib/edge/{index-hzqKkVuy.js → index-pedBdruj.js} +880 -814
- package/lib/edge/index.cjs +1 -1
- package/lib/edge/index.mjs +11 -11
- package/lib/edge/live-edit-bP5Bdb_I.cjs +1 -0
- package/lib/edge/live-edit-mkwzJ3KQ.js +31 -0
- package/lib/{node/repeated-block-pKrhMIDV.cjs → edge/repeated-block-eV-zFRwn.cjs} +1 -1
- package/lib/{node/repeated-block-dhWJ0p4C.js → edge/repeated-block-i0HNWVX0.js} +2 -2
- package/lib/edge/style-wrapper-QrUxYNMa.cjs +1 -0
- package/lib/edge/style-wrapper-mI3PSijR.js +209 -0
- package/lib/edge/style.css +1 -1
- package/lib/node/{awaiter-xwpDFIvR.cjs → awaiter-GsCK0Rmm.cjs} +1 -1
- package/lib/node/{awaiter-VENdQO6n.js → awaiter-vsM2I4ci.js} +2 -2
- package/lib/node/{block-wrapper-YFKoP-Sr.js → block-wrapper-HC1GKPg-.js} +5 -5
- package/lib/{edge/block-wrapper-1wOAQ8jv.cjs → node/block-wrapper-VVk0Gqbc.cjs} +1 -1
- package/lib/node/blocks/form/form/form.vue.d.ts +1 -0
- package/lib/node/blocks/img/img.vue.d.ts +9 -2
- package/lib/node/blocks/symbol/symbol.types.d.ts +1 -2
- package/lib/node/blocks/symbol/symbol.vue.d.ts +1 -0
- package/lib/node/blocks/tabs/tabs.vue.d.ts +1 -0
- package/lib/node/component-ref-SsJCZYlF.cjs +1 -0
- package/lib/node/{component-ref-CL-UB2rM.js → component-ref-bqN5ZiyT.js} +70 -58
- package/lib/node/components/awaiter.types.d.ts +7 -0
- package/lib/node/components/block/components/component-ref/component-ref.vue.d.ts +1 -6
- package/lib/node/components/block/components/interactive-element.vue.d.ts +6 -3
- package/lib/node/components/block/components/live-edit-block-styles.vue.d.ts +19 -0
- package/lib/node/components/block/components/style-wrapper.vue.d.ts +15 -0
- package/lib/node/components/content/components/enable-editor.vue.d.ts +6 -2
- package/lib/node/components/live-edit.vue.d.ts +17 -0
- package/lib/node/constants/sdk-version.d.ts +1 -1
- package/lib/node/find-block-3Ig0kVVe.js +29 -0
- package/lib/node/find-block-FREohLcp.cjs +1 -0
- package/lib/node/{get-block-properties-5a2c_5xR.cjs → get-block-properties--0kf0kc1.cjs} +1 -1
- package/lib/node/{get-block-properties-LchfO6Kb.js → get-block-properties-4dl07r5f.js} +1 -1
- package/lib/node/helpers/find-block.d.ts +18 -0
- package/lib/node/helpers/subscribe-to-editor.d.ts +3 -2
- package/lib/node/index-9ZnpkpZ8.cjs +334 -0
- package/lib/node/{index-HR8y_fPw.js → index-BtCfIIfO.js} +600 -534
- package/lib/node/index.cjs +1 -1
- package/lib/node/index.mjs +8 -8
- package/lib/node/live-edit-dkMPrQFh.js +31 -0
- package/lib/node/live-edit-k5C1gkl6.cjs +1 -0
- package/lib/{edge/repeated-block-E4-2V2fe.js → node/repeated-block-FOLLYnPQ.js} +2 -2
- package/lib/{edge/repeated-block-6mZ2NJ7W.cjs → node/repeated-block-pPsNH7xs.cjs} +1 -1
- package/lib/node/style-wrapper-CbrJHZiI.cjs +1 -0
- package/lib/node/style-wrapper-bEfbvdLX.js +210 -0
- package/lib/node/style.css +1 -1
- package/package.json +1 -1
- package/lib/browser/block-styles-4ljhsSUM.js +0 -84
- package/lib/browser/block-styles-NDMRfO-4.cjs +0 -1
- package/lib/browser/component-ref-B8JFh8hq.cjs +0 -1
- package/lib/browser/index-Sn06h7cl.cjs +0 -334
- package/lib/edge/block-styles-NdwXUvb8.js +0 -83
- package/lib/edge/block-styles-gtNLlF4k.cjs +0 -1
- package/lib/edge/component-ref-aeV7uVzT.cjs +0 -1
- package/lib/node/block-styles-8bE2sgtd.cjs +0 -1
- package/lib/node/block-styles-8zkB2lOv.js +0 -84
- package/lib/node/component-ref-U-rcbsRh.cjs +0 -1
- package/lib/node/index-SDqfr0zQ.cjs +0 -334
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { defineComponent as _, resolveComponent as x, openBlock as T, createBlock as w, createCommentVNode as I } from "vue";
|
|
2
|
-
import { _ as N, T as Q, c as C, g as z, a, b as m, d as A, e as D } from "./index-hzqKkVuy.js";
|
|
3
|
-
const E = _({
|
|
4
|
-
name: "block-styles",
|
|
5
|
-
components: { InlinedStyles: N },
|
|
6
|
-
props: ["block", "context"],
|
|
7
|
-
data() {
|
|
8
|
-
return { TARGET: Q };
|
|
9
|
-
},
|
|
10
|
-
computed: {
|
|
11
|
-
canShowBlock() {
|
|
12
|
-
const e = this.block;
|
|
13
|
-
return C(e.hide) ? !e.hide : C(e.show) ? e.show : !0;
|
|
14
|
-
},
|
|
15
|
-
css() {
|
|
16
|
-
var S, k, h, f, b;
|
|
17
|
-
const e = this.block, s = e.responsiveStyles, t = this.context.content, l = z(
|
|
18
|
-
((S = t == null ? void 0 : t.meta) == null ? void 0 : S.breakpoints) || {}
|
|
19
|
-
), d = !!((h = (k = t == null ? void 0 : t.meta) == null ? void 0 : k.breakpoints) != null && h.xsmall), c = s == null ? void 0 : s.large, r = s == null ? void 0 : s.medium, p = s == null ? void 0 : s.small, y = s == null ? void 0 : s.xsmall, o = e.id;
|
|
20
|
-
if (!o)
|
|
21
|
-
return "";
|
|
22
|
-
const B = c ? a({
|
|
23
|
-
className: o,
|
|
24
|
-
styles: c
|
|
25
|
-
}) : "", g = r ? a({
|
|
26
|
-
className: o,
|
|
27
|
-
styles: r,
|
|
28
|
-
mediaQuery: m(
|
|
29
|
-
"medium",
|
|
30
|
-
l
|
|
31
|
-
)
|
|
32
|
-
}) : "", $ = p ? a({
|
|
33
|
-
className: o,
|
|
34
|
-
styles: p,
|
|
35
|
-
mediaQuery: m(
|
|
36
|
-
"small",
|
|
37
|
-
l
|
|
38
|
-
)
|
|
39
|
-
}) : "", v = y && d ? a({
|
|
40
|
-
className: o,
|
|
41
|
-
styles: y,
|
|
42
|
-
mediaQuery: m(
|
|
43
|
-
"xsmall",
|
|
44
|
-
l
|
|
45
|
-
)
|
|
46
|
-
}) : "", n = e.animations && e.animations.find((i) => i.trigger === "hover");
|
|
47
|
-
let u = "";
|
|
48
|
-
if (n) {
|
|
49
|
-
const i = ((b = (f = n.steps) == null ? void 0 : f[1]) == null ? void 0 : b.styles) || {};
|
|
50
|
-
u = a({
|
|
51
|
-
className: `${o}:hover`,
|
|
52
|
-
styles: {
|
|
53
|
-
...i,
|
|
54
|
-
transition: `all ${n.duration}s ${A(
|
|
55
|
-
n.easing
|
|
56
|
-
)}`,
|
|
57
|
-
transitionDelay: n.delay ? `${n.delay}s` : "0s"
|
|
58
|
-
}
|
|
59
|
-
}) || "";
|
|
60
|
-
}
|
|
61
|
-
return [
|
|
62
|
-
B,
|
|
63
|
-
g,
|
|
64
|
-
$,
|
|
65
|
-
v,
|
|
66
|
-
u
|
|
67
|
-
].join(" ");
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
});
|
|
71
|
-
function F(e, s, t, l, d, c) {
|
|
72
|
-
const r = x("InlinedStyles");
|
|
73
|
-
return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (T(), w(r, {
|
|
74
|
-
key: 0,
|
|
75
|
-
id: "builderio-block",
|
|
76
|
-
styles: e.css,
|
|
77
|
-
nonce: e.context.nonce
|
|
78
|
-
}, null, 8, ["styles", "nonce"])) : I("", !0);
|
|
79
|
-
}
|
|
80
|
-
const W = /* @__PURE__ */ D(E, [["render", F]]);
|
|
81
|
-
export {
|
|
82
|
-
W as default
|
|
83
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),s=require("./index-KuatB8ic.cjs"),x=a.defineComponent({name:"block-styles",components:{InlinedStyles:s._sfc_main},props:["block","context"],data(){return{TARGET:s.TARGET}},computed:{canShowBlock(){const e=this.block;return s.checkIsDefined(e.hide)?!e.hide:s.checkIsDefined(e.show)?e.show:!0},css(){var S,h,k,C,f;const e=this.block,t=e.responsiveStyles,o=this.context.content,r=s.getSizesForBreakpoints(((S=o==null?void 0:o.meta)==null?void 0:S.breakpoints)||{}),d=!!((k=(h=o==null?void 0:o.meta)==null?void 0:h.breakpoints)!=null&&k.xsmall),i=t==null?void 0:t.large,c=t==null?void 0:t.medium,u=t==null?void 0:t.small,y=t==null?void 0:t.xsmall,n=e.id;if(!n)return"";const b=i?s.createCssClass({className:n,styles:i}):"",g=c?s.createCssClass({className:n,styles:c,mediaQuery:s.getMaxWidthQueryForSize("medium",r)}):"",v=u?s.createCssClass({className:n,styles:u,mediaQuery:s.getMaxWidthQueryForSize("small",r)}):"",B=y&&d?s.createCssClass({className:n,styles:y,mediaQuery:s.getMaxWidthQueryForSize("xsmall",r)}):"",l=e.animations&&e.animations.find(m=>m.trigger==="hover");let p="";if(l){const m=((f=(C=l.steps)==null?void 0:C[1])==null?void 0:f.styles)||{};p=s.createCssClass({className:`${n}:hover`,styles:{...m,transition:`all ${l.duration}s ${s.camelToKebabCase(l.easing)}`,transitionDelay:l.delay?`${l.delay}s`:"0s"}})||""}return[b,g,v,B,p].join(" ")}}});function T(e,t,o,r,d,i){const c=a.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(a.openBlock(),a.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):a.createCommentVNode("",!0)}const $=s._export_sfc(x,[["render",T]]);exports.default=$;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),s=require("./index-KuatB8ic.cjs"),l=require("./get-block-properties-gqcOodFf.cjs"),u=()=>Promise.resolve().then(()=>require("./awaiter-1mRIGpV6.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",e),e}),k=t.defineComponent({name:"interactive-element",components:{Awaiter:t.defineAsyncComponent(u)},props:["wrapperProps","block","includeBlockProps","context","Wrapper"],data(){return{forceRenderCount:0}},watch:{onUpdateHook0:{handler(){},immediate:!0}},computed:{attributes(){return this.includeBlockProps?{...l.getBlockProperties({block:this.block,context:this.context}),...l.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context})}:{}},targetWrapperProps(){return{...this.wrapperProps,...Object.keys(this.attributes).length>0?{attributes:this.attributes}:{}}},onUpdateHook0(){var e,o;return{0:this.wrapperProps,1:(o=(e=this.block)==null?void 0:e.component)==null?void 0:o.options}}}});function h(e,o,a,c,r,i){const n=t.resolveComponent("Awaiter");return e.Wrapper.load?(t.openBlock(),t.createBlock(n,{key:0,load:e.Wrapper.load,fallback:e.Wrapper.fallback,props:e.wrapperProps,attributes:e.attributes},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["load","fallback","props","attributes"])):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.normalizeProps(t.mergeProps({key:1},e.targetWrapperProps)),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16))}const m=s._export_sfc(k,[["render",h]]),f=({componentOptions:e,builderBlock:o,context:a,componentRef:c,includeBlockProps:r,isInteractive:i,contextValue:n})=>{const p={...e,...r?{attributes:l.getBlockProperties({block:o,context:n})}:{}};return i?{Wrapper:c,block:o,context:a,wrapperProps:e,includeBlockProps:r}:p},b=t.defineComponent({name:"component-ref",components:{Block:s.Block,InteractiveElement:m},props:["componentOptions","blockChildren","isInteractive","componentRef","builderBlock","context","linkComponent","includeBlockProps","registeredComponents"],data(){return{shouldUpdate:!1,Wrapper:this.isInteractive?s.wrapComponentRef(m):this.componentRef,getWrapperProps:f}},watch:{onUpdateHook0:{handler(){},immediate:!0}},computed:{onUpdateHook0(){return{0:this.componentOptions,1:this.blockChildren}}}});function C(e,o,a,c,r,i){const n=t.resolveComponent("Block");return e.componentRef?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.normalizeProps(t.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.blockChildren,(p,d)=>(t.openBlock(),t.createBlock(n,{key:p.id,block:p,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const P=s._export_sfc(b,[["render",C]]);exports.default=P;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),t=require("./index-SDqfr0zQ.cjs"),m=require("./should-force-browser-runtime-in-node-1vTKsoso.cjs"),T=a.defineComponent({name:"block-styles",components:{InlinedStyles:t._sfc_main},props:["block","context"],data(){return{TARGET:m.TARGET}},computed:{canShowBlock(){const e=this.block;return m.checkIsDefined(e.hide)?!e.hide:m.checkIsDefined(e.show)?e.show:!0},css(){var h,k,C,f,b;const e=this.block,s=e.responsiveStyles,o=this.context.content,r=t.getSizesForBreakpoints(((h=o==null?void 0:o.meta)==null?void 0:h.breakpoints)||{}),u=!!((C=(k=o==null?void 0:o.meta)==null?void 0:k.breakpoints)!=null&&C.xsmall),i=s==null?void 0:s.large,c=s==null?void 0:s.medium,y=s==null?void 0:s.small,p=s==null?void 0:s.xsmall,n=e.id;if(!n)return"";const g=i?t.createCssClass({className:n,styles:i}):"",B=c?t.createCssClass({className:n,styles:c,mediaQuery:t.getMaxWidthQueryForSize("medium",r)}):"",v=y?t.createCssClass({className:n,styles:y,mediaQuery:t.getMaxWidthQueryForSize("small",r)}):"",x=p&&u?t.createCssClass({className:n,styles:p,mediaQuery:t.getMaxWidthQueryForSize("xsmall",r)}):"",l=e.animations&&e.animations.find(d=>d.trigger==="hover");let S="";if(l){const d=((b=(f=l.steps)==null?void 0:f[1])==null?void 0:b.styles)||{};S=t.createCssClass({className:`${n}:hover`,styles:{...d,transition:`all ${l.duration}s ${t.camelToKebabCase(l.easing)}`,transitionDelay:l.delay?`${l.delay}s`:"0s"}})||""}return[g,B,v,x,S].join(" ")}}});function $(e,s,o,r,u,i){const c=a.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(a.openBlock(),a.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):a.createCommentVNode("",!0)}const _=t._export_sfc(T,[["render",$]]);exports.default=_;
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import { defineComponent as _, resolveComponent as x, openBlock as T, createBlock as w, createCommentVNode as I } from "vue";
|
|
2
|
-
import { _ as N, g as Q, c as a, a as m, b as z, d as A } from "./index-HR8y_fPw.js";
|
|
3
|
-
import { T as D, e as C } from "./should-force-browser-runtime-in-node-ikxWrCvn.js";
|
|
4
|
-
const E = _({
|
|
5
|
-
name: "block-styles",
|
|
6
|
-
components: { InlinedStyles: N },
|
|
7
|
-
props: ["block", "context"],
|
|
8
|
-
data() {
|
|
9
|
-
return { TARGET: D };
|
|
10
|
-
},
|
|
11
|
-
computed: {
|
|
12
|
-
canShowBlock() {
|
|
13
|
-
const e = this.block;
|
|
14
|
-
return C(e.hide) ? !e.hide : C(e.show) ? e.show : !0;
|
|
15
|
-
},
|
|
16
|
-
css() {
|
|
17
|
-
var S, k, h, f, b;
|
|
18
|
-
const e = this.block, s = e.responsiveStyles, t = this.context.content, l = Q(
|
|
19
|
-
((S = t == null ? void 0 : t.meta) == null ? void 0 : S.breakpoints) || {}
|
|
20
|
-
), d = !!((h = (k = t == null ? void 0 : t.meta) == null ? void 0 : k.breakpoints) != null && h.xsmall), c = s == null ? void 0 : s.large, r = s == null ? void 0 : s.medium, p = s == null ? void 0 : s.small, y = s == null ? void 0 : s.xsmall, o = e.id;
|
|
21
|
-
if (!o)
|
|
22
|
-
return "";
|
|
23
|
-
const B = c ? a({
|
|
24
|
-
className: o,
|
|
25
|
-
styles: c
|
|
26
|
-
}) : "", g = r ? a({
|
|
27
|
-
className: o,
|
|
28
|
-
styles: r,
|
|
29
|
-
mediaQuery: m(
|
|
30
|
-
"medium",
|
|
31
|
-
l
|
|
32
|
-
)
|
|
33
|
-
}) : "", $ = p ? a({
|
|
34
|
-
className: o,
|
|
35
|
-
styles: p,
|
|
36
|
-
mediaQuery: m(
|
|
37
|
-
"small",
|
|
38
|
-
l
|
|
39
|
-
)
|
|
40
|
-
}) : "", v = y && d ? a({
|
|
41
|
-
className: o,
|
|
42
|
-
styles: y,
|
|
43
|
-
mediaQuery: m(
|
|
44
|
-
"xsmall",
|
|
45
|
-
l
|
|
46
|
-
)
|
|
47
|
-
}) : "", n = e.animations && e.animations.find((i) => i.trigger === "hover");
|
|
48
|
-
let u = "";
|
|
49
|
-
if (n) {
|
|
50
|
-
const i = ((b = (f = n.steps) == null ? void 0 : f[1]) == null ? void 0 : b.styles) || {};
|
|
51
|
-
u = a({
|
|
52
|
-
className: `${o}:hover`,
|
|
53
|
-
styles: {
|
|
54
|
-
...i,
|
|
55
|
-
transition: `all ${n.duration}s ${z(
|
|
56
|
-
n.easing
|
|
57
|
-
)}`,
|
|
58
|
-
transitionDelay: n.delay ? `${n.delay}s` : "0s"
|
|
59
|
-
}
|
|
60
|
-
}) || "";
|
|
61
|
-
}
|
|
62
|
-
return [
|
|
63
|
-
B,
|
|
64
|
-
g,
|
|
65
|
-
$,
|
|
66
|
-
v,
|
|
67
|
-
u
|
|
68
|
-
].join(" ");
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
});
|
|
72
|
-
function F(e, s, t, l, d, c) {
|
|
73
|
-
const r = x("InlinedStyles");
|
|
74
|
-
return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (T(), w(r, {
|
|
75
|
-
key: 0,
|
|
76
|
-
id: "builderio-block",
|
|
77
|
-
styles: e.css,
|
|
78
|
-
nonce: e.context.nonce
|
|
79
|
-
}, null, 8, ["styles", "nonce"])) : I("", !0);
|
|
80
|
-
}
|
|
81
|
-
const j = /* @__PURE__ */ A(E, [["render", F]]);
|
|
82
|
-
export {
|
|
83
|
-
j as default
|
|
84
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),s=require("./index-SDqfr0zQ.cjs"),l=require("./get-block-properties-5a2c_5xR.cjs"),u=()=>Promise.resolve().then(()=>require("./awaiter-xwpDFIvR.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",e),e}),k=t.defineComponent({name:"interactive-element",components:{Awaiter:t.defineAsyncComponent(u)},props:["wrapperProps","block","includeBlockProps","context","Wrapper"],data(){return{forceRenderCount:0}},watch:{onUpdateHook0:{handler(){},immediate:!0}},computed:{attributes(){return this.includeBlockProps?{...l.getBlockProperties({block:this.block,context:this.context}),...l.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context})}:{}},targetWrapperProps(){return{...this.wrapperProps,...Object.keys(this.attributes).length>0?{attributes:this.attributes}:{}}},onUpdateHook0(){var e,o;return{0:this.wrapperProps,1:(o=(e=this.block)==null?void 0:e.component)==null?void 0:o.options}}}});function h(e,o,a,c,r,i){const n=t.resolveComponent("Awaiter");return e.Wrapper.load?(t.openBlock(),t.createBlock(n,{key:0,load:e.Wrapper.load,fallback:e.Wrapper.fallback,props:e.wrapperProps,attributes:e.attributes},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["load","fallback","props","attributes"])):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.normalizeProps(t.mergeProps({key:1},e.targetWrapperProps)),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16))}const m=s._export_sfc(k,[["render",h]]),f=({componentOptions:e,builderBlock:o,context:a,componentRef:c,includeBlockProps:r,isInteractive:i,contextValue:n})=>{const p={...e,...r?{attributes:l.getBlockProperties({block:o,context:n})}:{}};return i?{Wrapper:c,block:o,context:a,wrapperProps:e,includeBlockProps:r}:p},b=t.defineComponent({name:"component-ref",components:{Block:s.Block,InteractiveElement:m},props:["componentOptions","blockChildren","isInteractive","componentRef","builderBlock","context","linkComponent","includeBlockProps","registeredComponents"],data(){return{shouldUpdate:!1,Wrapper:this.isInteractive?s.wrapComponentRef(m):this.componentRef,getWrapperProps:f}},watch:{onUpdateHook0:{handler(){},immediate:!0}},computed:{onUpdateHook0(){return{0:this.componentOptions,1:this.blockChildren}}}});function C(e,o,a,c,r,i){const n=t.resolveComponent("Block");return e.componentRef?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.normalizeProps(t.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.blockChildren,(p,d)=>(t.openBlock(),t.createBlock(n,{key:p.id,block:p,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const P=s._export_sfc(b,[["render",C]]);exports.default=P;
|