import{v as B,u as E,E as R,R as t,A as y,a as $,K as f,c as w}from"./customComponents-twZNGYGk.js";import{K as T,S as C,P as Q,a7 as j,M as G}from"./vendor-bSWkQivH.js";import"./index-Dqv5IkpS.js";const I=T({name:"block-styles",components:{InlinedStyles:E},props:["block","context"],data(){return{TARGET:w}},computed:{canShowBlock(){const s=this.block;return f(s.hide)?!s.hide:f(s.show)?s.show:!0},css(){var s,i,r,c,d;const o=this.block,e=o.responsiveStyles,a=this.context.content,m=R(((s=a==null?void 0:a.meta)==null?void 0:s.breakpoints)||{}),x=!!((r=(i=a==null?void 0:a.meta)==null?void 0:i.breakpoints)!=null&&r.xsmall),v=e==null?void 0:e.large,p=e==null?void 0:e.medium,k=e==null?void 0:e.small,h=e==null?void 0:e.xsmall,l=o.id;if(!l)return"";const N=v?t({className:l,styles:v}):"",S=p?t({className:l,styles:p,mediaQuery:y("medium",m)}):"",g=k?t({className:l,styles:k,mediaQuery:y("small",m)}):"",A=h&&x?t({className:l,styles:h,mediaQuery:y("xsmall",m)}):"",n=o.animations&&o.animations.find(u=>u.trigger==="hover");let b="";if(n){const u=((d=(c=n.steps)==null?void 0:c[1])==null?void 0:d.styles)||{};b=t({className:`${l}:hover`,styles:{...u,transition:`all ${n.duration}s ${$(n.easing)}`,transitionDelay:n.delay?`${n.delay}s`:"0s"}})||""}return[N,S,g,A,b].join(" ")}}});function K(s,i,r,c,d,o){const e=C("InlinedStyles");return s.TARGET!=="reactNative"&&s.css&&s.canShowBlock?(G(),Q(e,{key:0,id:"builderio-block",styles:s.css,nonce:s.context.nonce},null,8,["styles","nonce"])):j("",!0)}const P=B(I,[["render",K]]);export{P as default};
//# sourceMappingURL=block-styles-9_PWytNG-DJUxML5D.js.map
