import{a as B,C as $,k as w,r as t,c as y,S as E,U as f,R as T}from"./customComponents-8Hj9M-RR.js";import{C as Q,N as R,K as j,a3 as A,E as G}from"./vendor-BGtMsOoo.js";import"./index-CRze-aDK.js";const I=Q({name:"block-styles",components:{InlinedStyles:$},props:["block","context"],data(){return{TARGET:T}},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=w(((s=a==null?void 0:a.meta)==null?void 0:s.breakpoints)||{}),N=!!((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 S=v?t({className:l,styles:v}):"",x=p?t({className:l,styles:p,mediaQuery:y("medium",m)}):"",C=k?t({className:l,styles:k,mediaQuery:y("small",m)}):"",g=h&&N?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 ${E(n.easing)}`,transitionDelay:n.delay?`${n.delay}s`:"0s"}})||""}return[S,x,C,g,b].join(" ")}}});function D(s,i,r,c,d,o){const e=R("InlinedStyles");return s.TARGET!=="reactNative"&&s.css&&s.canShowBlock?(G(),j(e,{key:0,id:"builderio-block",styles:s.css,nonce:s.context.nonce},null,8,["styles","nonce"])):A("",!0)}const V=B(I,[["render",D]]);export{V as default};
//# sourceMappingURL=block-styles-lH0YkYH7-Bi74Hiey.js.map
