@builder.io/sdk-vue 3.0.6 → 4.0.0
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-sU4SDpX0.js → awaiter-DlOqOX5z.js} +1 -1
- package/lib/browser/{awaiter-B_2yazFf.cjs → awaiter-vdgasK22.cjs} +1 -1
- package/lib/browser/block-styles-1zdZBD3_.js +84 -0
- package/lib/browser/block-styles-C2qOWXLT.cjs +1 -0
- package/lib/browser/{block-wrapper-cNFnfUiY.cjs → block-wrapper-KwNijOoq.cjs} +1 -1
- package/lib/browser/{block-wrapper-sJoVtUVt.js → block-wrapper-mWQd3eds.js} +3 -3
- package/lib/browser/blocks/video/video.vue.d.ts +3 -1
- package/lib/browser/{component-ref-Lo1xYT1R.cjs → component-ref-D8G8i0SU.cjs} +1 -1
- package/lib/browser/{component-ref-InYIqrKn.js → component-ref-fX9luBp4.js} +3 -3
- package/lib/browser/components/content-variants/content-variants.types.d.ts +2 -2
- package/lib/browser/components/content-variants/content-variants.vue.d.ts +3 -1
- package/lib/browser/constants/device-sizes.d.ts +3 -2
- package/lib/browser/constants/sdk-version.d.ts +1 -1
- package/lib/browser/{get-block-properties-CKOWhK-0.cjs → get-block-properties-GIlOh7KW.cjs} +1 -1
- package/lib/browser/{get-block-properties-aoErppFn.js → get-block-properties-skcPpF7F.js} +1 -1
- package/lib/browser/helpers/subscribe-to-editor.d.ts +13 -13
- package/lib/browser/{index-kfabrDm6.cjs → index--ZUFWfhP.cjs} +19 -19
- package/lib/browser/{index-B6NDWuX_.js → index-yHm9GN7F.js} +308 -247
- package/lib/browser/index.cjs +1 -1
- package/lib/browser/index.mjs +1 -1
- package/lib/browser/{repeated-block-KGwyg5jh.cjs → repeated-block-4rLodLPa.cjs} +1 -1
- package/lib/browser/{repeated-block-P2xyBE88.js → repeated-block-s8wpauxV.js} +2 -2
- package/lib/browser/scripts/init-editing.d.ts +3 -1
- package/lib/browser/types/builder-block.d.ts +0 -1
- package/lib/browser/types/builder-content.d.ts +1 -0
- package/lib/edge/{awaiter-fXaD_JAB.js → awaiter-2r6u2dJ4.js} +1 -1
- package/lib/edge/{awaiter-EmQONKEI.cjs → awaiter-bR9ekICW.cjs} +1 -1
- package/lib/edge/block-styles-d3KRk_ab.cjs +1 -0
- package/lib/edge/block-styles-qmawnL2_.js +83 -0
- package/lib/edge/{block-wrapper-eADCpP6y.cjs → block-wrapper-dj07vUo2.cjs} +1 -1
- package/lib/edge/{block-wrapper-0SD0oCxs.js → block-wrapper-ga1Q8gAe.js} +3 -3
- package/lib/edge/blocks/video/video.vue.d.ts +3 -1
- package/lib/edge/{component-ref-gyS-V1Pb.cjs → component-ref-APzUXbFO.cjs} +1 -1
- package/lib/edge/{component-ref-jFmm1Yr5.js → component-ref-kF7QYHtR.js} +3 -3
- package/lib/edge/components/content-variants/content-variants.types.d.ts +2 -2
- package/lib/edge/components/content-variants/content-variants.vue.d.ts +3 -1
- package/lib/edge/constants/device-sizes.d.ts +3 -2
- package/lib/edge/constants/sdk-version.d.ts +1 -1
- package/lib/edge/{get-block-properties-rOVHCadT.js → get-block-properties-8YAn4NDv.js} +1 -1
- package/lib/edge/{get-block-properties-uNDsnJ_q.cjs → get-block-properties-aIlaPST5.cjs} +1 -1
- package/lib/edge/helpers/subscribe-to-editor.d.ts +13 -13
- package/lib/edge/{index-L-qMWRJU.cjs → index-GUN3bmOV.cjs} +23 -23
- package/lib/edge/{index-NtpyQKYV.js → index-iGa536AK.js} +607 -546
- package/lib/edge/index.cjs +1 -1
- package/lib/edge/index.mjs +1 -1
- package/lib/{node/repeated-block-vtexff4h.cjs → edge/repeated-block-OzRUfzWW.cjs} +1 -1
- package/lib/edge/{repeated-block-sEp_7OeP.js → repeated-block-s8LkZB7_.js} +2 -2
- package/lib/edge/scripts/init-editing.d.ts +3 -1
- package/lib/edge/types/builder-block.d.ts +0 -1
- package/lib/edge/types/builder-content.d.ts +1 -0
- package/lib/node/{awaiter-vuOYJM0Z.js → awaiter-4f_ytnHK.js} +1 -1
- package/lib/node/{awaiter-2QzOhSsm.cjs → awaiter-OY9itOXx.cjs} +1 -1
- package/lib/node/block-styles-I8VnS9H0.cjs +1 -0
- package/lib/node/block-styles-jsefu77A.js +84 -0
- package/lib/node/{block-wrapper-lX2JGnCZ.cjs → block-wrapper-YGW0E_7i.cjs} +1 -1
- package/lib/node/{block-wrapper-QmVhjKN-.js → block-wrapper-cmV-hW0a.js} +3 -3
- package/lib/node/blocks/video/video.vue.d.ts +3 -1
- package/lib/node/{component-ref-I3kUaCp3.cjs → component-ref-U44S4K28.cjs} +1 -1
- package/lib/node/{component-ref-KxI6DtDP.js → component-ref-qbqVS7Se.js} +3 -3
- package/lib/node/components/content-variants/content-variants.types.d.ts +2 -2
- package/lib/node/components/content-variants/content-variants.vue.d.ts +3 -1
- package/lib/node/constants/device-sizes.d.ts +3 -2
- package/lib/node/constants/sdk-version.d.ts +1 -1
- package/lib/node/{get-block-properties-DkXAWgRI.cjs → get-block-properties-WcC5NqID.cjs} +1 -1
- package/lib/node/{get-block-properties-767HBW90.js → get-block-properties-g8gAwjx3.js} +1 -1
- package/lib/node/helpers/subscribe-to-editor.d.ts +13 -13
- package/lib/node/{index-2pJd7fhw.cjs → index-4E72ai__.cjs} +16 -16
- package/lib/node/{index-n5uLpvet.js → index-Izb0_b7V.js} +309 -248
- package/lib/node/index.cjs +1 -1
- package/lib/node/index.mjs +1 -1
- package/lib/node/{repeated-block-ldoaTwur.js → repeated-block-aLoVuYCX.js} +2 -2
- package/lib/{edge/repeated-block-LZ0_ayRt.cjs → node/repeated-block-xnbh1API.cjs} +1 -1
- package/lib/node/scripts/init-editing.d.ts +3 -1
- package/lib/node/types/builder-block.d.ts +0 -1
- package/lib/node/types/builder-content.d.ts +1 -0
- package/package.json +1 -1
- package/lib/browser/block-styles-K1JPlueX.js +0 -76
- package/lib/browser/block-styles-rosksv3P.cjs +0 -1
- package/lib/edge/block-styles-ET_8Qv_h.cjs +0 -1
- package/lib/edge/block-styles-V2TEosdx.js +0 -75
- package/lib/node/block-styles-ZraAZYMV.js +0 -76
- package/lib/node/block-styles-oEhFbcHe.cjs +0 -1
package/lib/node/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-4E72ai__.cjs"),t=require("./should-force-browser-runtime-in-node-1vTKsoso.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Fragment=e.Fragment;exports.Image=e.Image;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.getBuilderSearchParams=e.getBuilderSearchParams;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setClientUserAttributes=e.setClientUserAttributes;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;exports.isEditing=t.isEditing;
|
package/lib/node/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { l as t, i as a, j as r, C as i, m as o, F as n, I as c, S as g, k as l, T as m, V as u, x as d, o as C, v as p, y as f, z as h, q as x, n as B, r as E, s as S, p as b, u as k, t as y } from "./index-
|
|
1
|
+
import { l as t, i as a, j as r, C as i, m as o, F as n, I as c, S as g, k as l, T as m, V as u, x as d, o as C, v as p, y as f, z as h, q as x, n as B, r as E, s as S, p as b, u as k, t as y } from "./index-Izb0_b7V.js";
|
|
2
2
|
import { h as T } from "./should-force-browser-runtime-in-node-ikxWrCvn.js";
|
|
3
3
|
export {
|
|
4
4
|
t as Blocks,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as c, createBlock as p } from "vue";
|
|
2
|
-
import { i as s, d as l } from "./index-
|
|
3
|
-
const i = () => import("./index-
|
|
2
|
+
import { i as s, d as l } from "./index-Izb0_b7V.js";
|
|
3
|
+
const i = () => import("./index-Izb0_b7V.js").then((o) => o.D).then((o) => o.default).catch((o) => {
|
|
4
4
|
throw console.error(
|
|
5
5
|
"Error while attempting to dynamically import component Block at ../block.vue",
|
|
6
6
|
o
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-4E72ai__.cjs"),r=()=>Promise.resolve().then(()=>require("./index-4E72ai__.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,a,m,d){const n=o.resolveComponent("Block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const l=t._export_sfc(c,[["render",s]]);exports.default=l;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
export declare const registerInsertMenu: () => void;
|
|
2
|
-
export declare const setupBrowserForEditing: (options
|
|
2
|
+
export declare const setupBrowserForEditing: (options: {
|
|
3
|
+
modelName: string;
|
|
4
|
+
apiKey: string;
|
|
3
5
|
enrich?: boolean;
|
|
4
6
|
includeRefs?: boolean;
|
|
5
7
|
locale?: string;
|
package/package.json
CHANGED
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import "./style.css";
|
|
2
|
-
import { defineComponent as C, resolveComponent as g, openBlock as $, createBlock as v, createCommentVNode as B } from "vue";
|
|
3
|
-
import { _, T, c as h, g as w, a as l, b as k, d as I, e as N } from "./index-B6NDWuX_.js";
|
|
4
|
-
const z = C({
|
|
5
|
-
name: "block-styles",
|
|
6
|
-
components: { InlinedStyles: _ },
|
|
7
|
-
props: ["block", "context"],
|
|
8
|
-
data() {
|
|
9
|
-
return { TARGET: T };
|
|
10
|
-
},
|
|
11
|
-
computed: {
|
|
12
|
-
canShowBlock() {
|
|
13
|
-
const e = this.block;
|
|
14
|
-
return h(e.hide) ? !e.hide : h(e.show) ? e.show : !0;
|
|
15
|
-
},
|
|
16
|
-
css() {
|
|
17
|
-
var p, u, y;
|
|
18
|
-
const e = this.block, s = e.responsiveStyles, n = this.context.content, r = w(
|
|
19
|
-
((p = n == null ? void 0 : n.meta) == null ? void 0 : p.breakpoints) || {}
|
|
20
|
-
), c = s == null ? void 0 : s.large, i = s == null ? void 0 : s.medium, a = s == null ? void 0 : s.small, o = e.id;
|
|
21
|
-
if (!o)
|
|
22
|
-
return "";
|
|
23
|
-
const S = c ? l({
|
|
24
|
-
className: o,
|
|
25
|
-
styles: c
|
|
26
|
-
}) : "", f = i ? l({
|
|
27
|
-
className: o,
|
|
28
|
-
styles: i,
|
|
29
|
-
mediaQuery: k(
|
|
30
|
-
"medium",
|
|
31
|
-
r
|
|
32
|
-
)
|
|
33
|
-
}) : "", b = a ? l({
|
|
34
|
-
className: o,
|
|
35
|
-
styles: a,
|
|
36
|
-
mediaQuery: k(
|
|
37
|
-
"small",
|
|
38
|
-
r
|
|
39
|
-
)
|
|
40
|
-
}) : "", t = e.animations && e.animations.find((m) => m.trigger === "hover");
|
|
41
|
-
let d = "";
|
|
42
|
-
if (t) {
|
|
43
|
-
const m = ((y = (u = t.steps) == null ? void 0 : u[1]) == null ? void 0 : y.styles) || {};
|
|
44
|
-
d = l({
|
|
45
|
-
className: `${o}:hover`,
|
|
46
|
-
styles: {
|
|
47
|
-
...m,
|
|
48
|
-
transition: `all ${t.duration}s ${I(
|
|
49
|
-
t.easing
|
|
50
|
-
)}`,
|
|
51
|
-
transitionDelay: t.delay ? `${t.delay}s` : "0s"
|
|
52
|
-
}
|
|
53
|
-
}) || "";
|
|
54
|
-
}
|
|
55
|
-
return [
|
|
56
|
-
S,
|
|
57
|
-
f,
|
|
58
|
-
b,
|
|
59
|
-
d
|
|
60
|
-
].join(" ");
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
});
|
|
64
|
-
function A(e, s, n, r, c, i) {
|
|
65
|
-
const a = g("InlinedStyles");
|
|
66
|
-
return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? ($(), v(a, {
|
|
67
|
-
key: 0,
|
|
68
|
-
id: "builderio-block",
|
|
69
|
-
styles: e.css,
|
|
70
|
-
nonce: e.context.nonce
|
|
71
|
-
}, null, 8, ["styles", "nonce"])) : B("", !0);
|
|
72
|
-
}
|
|
73
|
-
const E = /* @__PURE__ */ N(z, [["render", A]]);
|
|
74
|
-
export {
|
|
75
|
-
E as default
|
|
76
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var v=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),s=require("./index-kfabrDm6.cjs"),f=l.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 y,p,h;const e=this.block,t=e.responsiveStyles,r=this.context.content,a=s.getSizesForBreakpoints(((y=r==null?void 0:r.meta)==null?void 0:y.breakpoints)||{}),i=t==null?void 0:t.large,d=t==null?void 0:t.medium,c=t==null?void 0:t.small,n=e.id;if(!n)return"";const S=i?s.createCssClass({className:n,styles:i}):"",k=d?s.createCssClass({className:n,styles:d,mediaQuery:s.getMaxWidthQueryForSize("medium",a)}):"",C=c?s.createCssClass({className:n,styles:c,mediaQuery:s.getMaxWidthQueryForSize("small",a)}):"",o=e.animations&&e.animations.find(m=>m.trigger==="hover");let u="";if(o){const m=((h=(p=o.steps)==null?void 0:p[1])==null?void 0:h.styles)||{};u=s.createCssClass({className:`${n}:hover`,styles:{...m,transition:`all ${o.duration}s ${s.camelToKebabCase(o.easing)}`,transitionDelay:o.delay?`${o.delay}s`:"0s"}})||""}return[S,k,C,u].join(" ")}}});function b(e,t,r,a,i,d){const c=l.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(l.openBlock(),l.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):l.createCommentVNode("",!0)}const g=s._export_sfc(f,[["render",b]]);exports.default=g;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),s=require("./index-L-qMWRJU.cjs"),f=l.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 y,p,h;const e=this.block,t=e.responsiveStyles,c=this.context.content,a=s.getSizesForBreakpoints(((y=c==null?void 0:c.meta)==null?void 0:y.breakpoints)||{}),i=t==null?void 0:t.large,d=t==null?void 0:t.medium,r=t==null?void 0:t.small,n=e.id;if(!n)return"";const S=i?s.createCssClass({className:n,styles:i}):"",k=d?s.createCssClass({className:n,styles:d,mediaQuery:s.getMaxWidthQueryForSize("medium",a)}):"",C=r?s.createCssClass({className:n,styles:r,mediaQuery:s.getMaxWidthQueryForSize("small",a)}):"",o=e.animations&&e.animations.find(m=>m.trigger==="hover");let u="";if(o){const m=((h=(p=o.steps)==null?void 0:p[1])==null?void 0:h.styles)||{};u=s.createCssClass({className:`${n}:hover`,styles:{...m,transition:`all ${o.duration}s ${s.camelToKebabCase(o.easing)}`,transitionDelay:o.delay?`${o.delay}s`:"0s"}})||""}return[S,k,C,u].join(" ")}}});function b(e,t,c,a,i,d){const r=l.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(l.openBlock(),l.createBlock(r,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):l.createCommentVNode("",!0)}const g=s._export_sfc(f,[["render",b]]);exports.default=g;
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import { defineComponent as C, resolveComponent as g, openBlock as $, createBlock as v, createCommentVNode as B } from "vue";
|
|
2
|
-
import { _, T, c as h, g as w, a as l, b as k, d as I, e as N } from "./index-NtpyQKYV.js";
|
|
3
|
-
const z = C({
|
|
4
|
-
name: "block-styles",
|
|
5
|
-
components: { InlinedStyles: _ },
|
|
6
|
-
props: ["block", "context"],
|
|
7
|
-
data() {
|
|
8
|
-
return { TARGET: T };
|
|
9
|
-
},
|
|
10
|
-
computed: {
|
|
11
|
-
canShowBlock() {
|
|
12
|
-
const e = this.block;
|
|
13
|
-
return h(e.hide) ? !e.hide : h(e.show) ? e.show : !0;
|
|
14
|
-
},
|
|
15
|
-
css() {
|
|
16
|
-
var p, u, y;
|
|
17
|
-
const e = this.block, s = e.responsiveStyles, n = this.context.content, c = w(
|
|
18
|
-
((p = n == null ? void 0 : n.meta) == null ? void 0 : p.breakpoints) || {}
|
|
19
|
-
), r = s == null ? void 0 : s.large, i = s == null ? void 0 : s.medium, a = s == null ? void 0 : s.small, o = e.id;
|
|
20
|
-
if (!o)
|
|
21
|
-
return "";
|
|
22
|
-
const S = r ? l({
|
|
23
|
-
className: o,
|
|
24
|
-
styles: r
|
|
25
|
-
}) : "", f = i ? l({
|
|
26
|
-
className: o,
|
|
27
|
-
styles: i,
|
|
28
|
-
mediaQuery: k(
|
|
29
|
-
"medium",
|
|
30
|
-
c
|
|
31
|
-
)
|
|
32
|
-
}) : "", b = a ? l({
|
|
33
|
-
className: o,
|
|
34
|
-
styles: a,
|
|
35
|
-
mediaQuery: k(
|
|
36
|
-
"small",
|
|
37
|
-
c
|
|
38
|
-
)
|
|
39
|
-
}) : "", t = e.animations && e.animations.find((m) => m.trigger === "hover");
|
|
40
|
-
let d = "";
|
|
41
|
-
if (t) {
|
|
42
|
-
const m = ((y = (u = t.steps) == null ? void 0 : u[1]) == null ? void 0 : y.styles) || {};
|
|
43
|
-
d = l({
|
|
44
|
-
className: `${o}:hover`,
|
|
45
|
-
styles: {
|
|
46
|
-
...m,
|
|
47
|
-
transition: `all ${t.duration}s ${I(
|
|
48
|
-
t.easing
|
|
49
|
-
)}`,
|
|
50
|
-
transitionDelay: t.delay ? `${t.delay}s` : "0s"
|
|
51
|
-
}
|
|
52
|
-
}) || "";
|
|
53
|
-
}
|
|
54
|
-
return [
|
|
55
|
-
S,
|
|
56
|
-
f,
|
|
57
|
-
b,
|
|
58
|
-
d
|
|
59
|
-
].join(" ");
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
});
|
|
63
|
-
function A(e, s, n, c, r, i) {
|
|
64
|
-
const a = g("InlinedStyles");
|
|
65
|
-
return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? ($(), v(a, {
|
|
66
|
-
key: 0,
|
|
67
|
-
id: "builderio-block",
|
|
68
|
-
styles: e.css,
|
|
69
|
-
nonce: e.context.nonce
|
|
70
|
-
}, null, 8, ["styles", "nonce"])) : B("", !0);
|
|
71
|
-
}
|
|
72
|
-
const D = /* @__PURE__ */ N(z, [["render", A]]);
|
|
73
|
-
export {
|
|
74
|
-
D as default
|
|
75
|
-
};
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import { defineComponent as C, resolveComponent as g, openBlock as $, createBlock as v, createCommentVNode as B } from "vue";
|
|
2
|
-
import { _, g as T, c as l, a as h, b as w, d as I } from "./index-n5uLpvet.js";
|
|
3
|
-
import { T as N, e as k } from "./should-force-browser-runtime-in-node-ikxWrCvn.js";
|
|
4
|
-
const z = C({
|
|
5
|
-
name: "block-styles",
|
|
6
|
-
components: { InlinedStyles: _ },
|
|
7
|
-
props: ["block", "context"],
|
|
8
|
-
data() {
|
|
9
|
-
return { TARGET: N };
|
|
10
|
-
},
|
|
11
|
-
computed: {
|
|
12
|
-
canShowBlock() {
|
|
13
|
-
const e = this.block;
|
|
14
|
-
return k(e.hide) ? !e.hide : k(e.show) ? e.show : !0;
|
|
15
|
-
},
|
|
16
|
-
css() {
|
|
17
|
-
var p, u, y;
|
|
18
|
-
const e = this.block, s = e.responsiveStyles, n = this.context.content, r = T(
|
|
19
|
-
((p = n == null ? void 0 : n.meta) == null ? void 0 : p.breakpoints) || {}
|
|
20
|
-
), c = s == null ? void 0 : s.large, i = s == null ? void 0 : s.medium, a = s == null ? void 0 : s.small, o = e.id;
|
|
21
|
-
if (!o)
|
|
22
|
-
return "";
|
|
23
|
-
const S = c ? l({
|
|
24
|
-
className: o,
|
|
25
|
-
styles: c
|
|
26
|
-
}) : "", f = i ? l({
|
|
27
|
-
className: o,
|
|
28
|
-
styles: i,
|
|
29
|
-
mediaQuery: h(
|
|
30
|
-
"medium",
|
|
31
|
-
r
|
|
32
|
-
)
|
|
33
|
-
}) : "", b = a ? l({
|
|
34
|
-
className: o,
|
|
35
|
-
styles: a,
|
|
36
|
-
mediaQuery: h(
|
|
37
|
-
"small",
|
|
38
|
-
r
|
|
39
|
-
)
|
|
40
|
-
}) : "", t = e.animations && e.animations.find((m) => m.trigger === "hover");
|
|
41
|
-
let d = "";
|
|
42
|
-
if (t) {
|
|
43
|
-
const m = ((y = (u = t.steps) == null ? void 0 : u[1]) == null ? void 0 : y.styles) || {};
|
|
44
|
-
d = l({
|
|
45
|
-
className: `${o}:hover`,
|
|
46
|
-
styles: {
|
|
47
|
-
...m,
|
|
48
|
-
transition: `all ${t.duration}s ${w(
|
|
49
|
-
t.easing
|
|
50
|
-
)}`,
|
|
51
|
-
transitionDelay: t.delay ? `${t.delay}s` : "0s"
|
|
52
|
-
}
|
|
53
|
-
}) || "";
|
|
54
|
-
}
|
|
55
|
-
return [
|
|
56
|
-
S,
|
|
57
|
-
f,
|
|
58
|
-
b,
|
|
59
|
-
d
|
|
60
|
-
].join(" ");
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
});
|
|
64
|
-
function A(e, s, n, r, c, i) {
|
|
65
|
-
const a = g("InlinedStyles");
|
|
66
|
-
return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? ($(), v(a, {
|
|
67
|
-
key: 0,
|
|
68
|
-
id: "builderio-block",
|
|
69
|
-
styles: e.css,
|
|
70
|
-
nonce: e.context.nonce
|
|
71
|
-
}, null, 8, ["styles", "nonce"])) : B("", !0);
|
|
72
|
-
}
|
|
73
|
-
const E = /* @__PURE__ */ I(z, [["render", A]]);
|
|
74
|
-
export {
|
|
75
|
-
E as default
|
|
76
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),t=require("./index-2pJd7fhw.cjs"),u=require("./should-force-browser-runtime-in-node-1vTKsoso.cjs"),b=r.defineComponent({name:"block-styles",components:{InlinedStyles:t._sfc_main},props:["block","context"],data(){return{TARGET:u.TARGET}},computed:{canShowBlock(){const e=this.block;return u.checkIsDefined(e.hide)?!e.hide:u.checkIsDefined(e.show)?e.show:!0},css(){var p,h,S;const e=this.block,s=e.responsiveStyles,c=this.context.content,a=t.getSizesForBreakpoints(((p=c==null?void 0:c.meta)==null?void 0:p.breakpoints)||{}),i=s==null?void 0:s.large,d=s==null?void 0:s.medium,l=s==null?void 0:s.small,n=e.id;if(!n)return"";const k=i?t.createCssClass({className:n,styles:i}):"",C=d?t.createCssClass({className:n,styles:d,mediaQuery:t.getMaxWidthQueryForSize("medium",a)}):"",f=l?t.createCssClass({className:n,styles:l,mediaQuery:t.getMaxWidthQueryForSize("small",a)}):"",o=e.animations&&e.animations.find(m=>m.trigger==="hover");let y="";if(o){const m=((S=(h=o.steps)==null?void 0:h[1])==null?void 0:S.styles)||{};y=t.createCssClass({className:`${n}:hover`,styles:{...m,transition:`all ${o.duration}s ${t.camelToKebabCase(o.easing)}`,transitionDelay:o.delay?`${o.delay}s`:"0s"}})||""}return[k,C,f,y].join(" ")}}});function g(e,s,c,a,i,d){const l=r.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(r.openBlock(),r.createBlock(l,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):r.createCommentVNode("",!0)}const v=t._export_sfc(b,[["render",g]]);exports.default=v;
|