@builder.io/sdk-vue
Version:
Builder.io SDK for Vue
2 lines (1 loc) • 1.86 kB
JavaScript
;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=_;