@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.
Files changed (82) hide show
  1. package/lib/browser/{awaiter-sU4SDpX0.js → awaiter-DlOqOX5z.js} +1 -1
  2. package/lib/browser/{awaiter-B_2yazFf.cjs → awaiter-vdgasK22.cjs} +1 -1
  3. package/lib/browser/block-styles-1zdZBD3_.js +84 -0
  4. package/lib/browser/block-styles-C2qOWXLT.cjs +1 -0
  5. package/lib/browser/{block-wrapper-cNFnfUiY.cjs → block-wrapper-KwNijOoq.cjs} +1 -1
  6. package/lib/browser/{block-wrapper-sJoVtUVt.js → block-wrapper-mWQd3eds.js} +3 -3
  7. package/lib/browser/blocks/video/video.vue.d.ts +3 -1
  8. package/lib/browser/{component-ref-Lo1xYT1R.cjs → component-ref-D8G8i0SU.cjs} +1 -1
  9. package/lib/browser/{component-ref-InYIqrKn.js → component-ref-fX9luBp4.js} +3 -3
  10. package/lib/browser/components/content-variants/content-variants.types.d.ts +2 -2
  11. package/lib/browser/components/content-variants/content-variants.vue.d.ts +3 -1
  12. package/lib/browser/constants/device-sizes.d.ts +3 -2
  13. package/lib/browser/constants/sdk-version.d.ts +1 -1
  14. package/lib/browser/{get-block-properties-CKOWhK-0.cjs → get-block-properties-GIlOh7KW.cjs} +1 -1
  15. package/lib/browser/{get-block-properties-aoErppFn.js → get-block-properties-skcPpF7F.js} +1 -1
  16. package/lib/browser/helpers/subscribe-to-editor.d.ts +13 -13
  17. package/lib/browser/{index-kfabrDm6.cjs → index--ZUFWfhP.cjs} +19 -19
  18. package/lib/browser/{index-B6NDWuX_.js → index-yHm9GN7F.js} +308 -247
  19. package/lib/browser/index.cjs +1 -1
  20. package/lib/browser/index.mjs +1 -1
  21. package/lib/browser/{repeated-block-KGwyg5jh.cjs → repeated-block-4rLodLPa.cjs} +1 -1
  22. package/lib/browser/{repeated-block-P2xyBE88.js → repeated-block-s8wpauxV.js} +2 -2
  23. package/lib/browser/scripts/init-editing.d.ts +3 -1
  24. package/lib/browser/types/builder-block.d.ts +0 -1
  25. package/lib/browser/types/builder-content.d.ts +1 -0
  26. package/lib/edge/{awaiter-fXaD_JAB.js → awaiter-2r6u2dJ4.js} +1 -1
  27. package/lib/edge/{awaiter-EmQONKEI.cjs → awaiter-bR9ekICW.cjs} +1 -1
  28. package/lib/edge/block-styles-d3KRk_ab.cjs +1 -0
  29. package/lib/edge/block-styles-qmawnL2_.js +83 -0
  30. package/lib/edge/{block-wrapper-eADCpP6y.cjs → block-wrapper-dj07vUo2.cjs} +1 -1
  31. package/lib/edge/{block-wrapper-0SD0oCxs.js → block-wrapper-ga1Q8gAe.js} +3 -3
  32. package/lib/edge/blocks/video/video.vue.d.ts +3 -1
  33. package/lib/edge/{component-ref-gyS-V1Pb.cjs → component-ref-APzUXbFO.cjs} +1 -1
  34. package/lib/edge/{component-ref-jFmm1Yr5.js → component-ref-kF7QYHtR.js} +3 -3
  35. package/lib/edge/components/content-variants/content-variants.types.d.ts +2 -2
  36. package/lib/edge/components/content-variants/content-variants.vue.d.ts +3 -1
  37. package/lib/edge/constants/device-sizes.d.ts +3 -2
  38. package/lib/edge/constants/sdk-version.d.ts +1 -1
  39. package/lib/edge/{get-block-properties-rOVHCadT.js → get-block-properties-8YAn4NDv.js} +1 -1
  40. package/lib/edge/{get-block-properties-uNDsnJ_q.cjs → get-block-properties-aIlaPST5.cjs} +1 -1
  41. package/lib/edge/helpers/subscribe-to-editor.d.ts +13 -13
  42. package/lib/edge/{index-L-qMWRJU.cjs → index-GUN3bmOV.cjs} +23 -23
  43. package/lib/edge/{index-NtpyQKYV.js → index-iGa536AK.js} +607 -546
  44. package/lib/edge/index.cjs +1 -1
  45. package/lib/edge/index.mjs +1 -1
  46. package/lib/{node/repeated-block-vtexff4h.cjs → edge/repeated-block-OzRUfzWW.cjs} +1 -1
  47. package/lib/edge/{repeated-block-sEp_7OeP.js → repeated-block-s8LkZB7_.js} +2 -2
  48. package/lib/edge/scripts/init-editing.d.ts +3 -1
  49. package/lib/edge/types/builder-block.d.ts +0 -1
  50. package/lib/edge/types/builder-content.d.ts +1 -0
  51. package/lib/node/{awaiter-vuOYJM0Z.js → awaiter-4f_ytnHK.js} +1 -1
  52. package/lib/node/{awaiter-2QzOhSsm.cjs → awaiter-OY9itOXx.cjs} +1 -1
  53. package/lib/node/block-styles-I8VnS9H0.cjs +1 -0
  54. package/lib/node/block-styles-jsefu77A.js +84 -0
  55. package/lib/node/{block-wrapper-lX2JGnCZ.cjs → block-wrapper-YGW0E_7i.cjs} +1 -1
  56. package/lib/node/{block-wrapper-QmVhjKN-.js → block-wrapper-cmV-hW0a.js} +3 -3
  57. package/lib/node/blocks/video/video.vue.d.ts +3 -1
  58. package/lib/node/{component-ref-I3kUaCp3.cjs → component-ref-U44S4K28.cjs} +1 -1
  59. package/lib/node/{component-ref-KxI6DtDP.js → component-ref-qbqVS7Se.js} +3 -3
  60. package/lib/node/components/content-variants/content-variants.types.d.ts +2 -2
  61. package/lib/node/components/content-variants/content-variants.vue.d.ts +3 -1
  62. package/lib/node/constants/device-sizes.d.ts +3 -2
  63. package/lib/node/constants/sdk-version.d.ts +1 -1
  64. package/lib/node/{get-block-properties-DkXAWgRI.cjs → get-block-properties-WcC5NqID.cjs} +1 -1
  65. package/lib/node/{get-block-properties-767HBW90.js → get-block-properties-g8gAwjx3.js} +1 -1
  66. package/lib/node/helpers/subscribe-to-editor.d.ts +13 -13
  67. package/lib/node/{index-2pJd7fhw.cjs → index-4E72ai__.cjs} +16 -16
  68. package/lib/node/{index-n5uLpvet.js → index-Izb0_b7V.js} +309 -248
  69. package/lib/node/index.cjs +1 -1
  70. package/lib/node/index.mjs +1 -1
  71. package/lib/node/{repeated-block-ldoaTwur.js → repeated-block-aLoVuYCX.js} +2 -2
  72. package/lib/{edge/repeated-block-LZ0_ayRt.cjs → node/repeated-block-xnbh1API.cjs} +1 -1
  73. package/lib/node/scripts/init-editing.d.ts +3 -1
  74. package/lib/node/types/builder-block.d.ts +0 -1
  75. package/lib/node/types/builder-content.d.ts +1 -0
  76. package/package.json +1 -1
  77. package/lib/browser/block-styles-K1JPlueX.js +0 -76
  78. package/lib/browser/block-styles-rosksv3P.cjs +0 -1
  79. package/lib/edge/block-styles-ET_8Qv_h.cjs +0 -1
  80. package/lib/edge/block-styles-V2TEosdx.js +0 -75
  81. package/lib/node/block-styles-ZraAZYMV.js +0 -76
  82. package/lib/node/block-styles-oEhFbcHe.cjs +0 -1
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-2pJd7fhw.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;
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;
@@ -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-n5uLpvet.js";
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-n5uLpvet.js";
3
- const i = () => import("./index-n5uLpvet.js").then((o) => o.D).then((o) => o.default).catch((o) => {
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-L-qMWRJU.cjs"),r=()=>Promise.resolve().then(()=>require("./index-L-qMWRJU.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
+ "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;
@@ -37,7 +37,6 @@ export interface BuilderBlock {
37
37
  large?: Partial<CSSStyleDeclaration>;
38
38
  medium?: Partial<CSSStyleDeclaration>;
39
39
  small?: Partial<CSSStyleDeclaration>;
40
- /** @deprecated */
41
40
  xsmall?: Partial<CSSStyleDeclaration>;
42
41
  };
43
42
  component?: {
@@ -2,6 +2,7 @@ import type { BuilderBlock } from './builder-block';
2
2
  import type { Input } from './input';
3
3
  import type { Nullable } from './typescript';
4
4
  export interface Breakpoints {
5
+ xsmall?: number;
5
6
  small: number;
6
7
  medium: number;
7
8
  }
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": "3.0.6",
4
+ "version": "4.0.0",
5
5
  "main": "./lib/node/index.cjs",
6
6
  "module": "./lib/node/index.mjs",
7
7
  "type": "module",
@@ -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;