import{getGlobalColorResponsiveStyle as e,makeStyle as t,makeStyleResponsive as r,makeWidth as o,composeRadius as n,getResponsiveStylePadding as l,getGradientBgrStyleByDevice as i,getStyleBackgroundByDevice as s}from"@gem-sdk/core";import{pointerEventStyle as m,getDisplayStyle as a,heightStyle as p,getBorderStyle as c,getWrapperDialogStyle as d,removeHeightPercentForContent as g,getInnerStyle as u}from"./helpers.js";import"react/jsx-runtime";import"react";import{ELEMENT_Z_INDEX as b}from"../../common/const.js";import{getWidth as f}from"../../hero-banner/common/helpers.js";import{getBackgroundTranslated as y}from"../../helpers.js";import{Dialog as S}from"../settings/configs/translate.js";function h(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let j=e=>{let t={"--d":e?.desktop?"contents":"none","--d-tablet":e?.tablet?"contents":"none","--d-mobile":e?.mobile?"contents":"none"};return h(t)},k=()=>{let e={"z-index":b.DIALOG};return h(e)},C=e=>{let t={...m(e)};return h(t)},O=(r,o,n)=>{let l={...t({op:0==Number(r)?"0":(Number(r)||0)/100}),...e("bgc",{desktop:o}),...a(n)};return h(l)},x=({style:e,width:t,height:n,fullScreen:l})=>{let i={...d(e),...c(e),...a(e),...r("w",o(t,l)),...p(l,n)};return h(i)},B=t=>{let{btnBg:o,btnRounded:i,btnColor:s,btnPadding:m,btnWidth:a,btnHeight:p}=t??{},c=a?r("w",f(a)):{},d=p?r("h",f(p)):{},g={...c,...d,...e("c",{desktop:s}),...e("bgc",{desktop:o}),...l(m),...n({normal:i})};return h(g)},v=e=>{let t={};return e&&(t={"--height-icon":`${e}`}),h(t)},w=({setting:e,style:t,uid:r,pageContext:o,type:n="React"})=>{let{fullScreen:l,height:m,background:a}=e??{},c="Liquid"===n?y({background:a,uid:r,enableTranslate:!!S?.background?.id,pageContext:o,isTranslateVideo:!1}):a,d={...u(t),...g(p(l,m)),"border-radius":"inherit",...s(c),...i(c,{desktop:!0,tablet:!0,mobile:!0})};return h(d)};export{C as getBackdropStyle,w as getBodyContentStyle,B as getButtonContentStyle,k as getContainStyle,x as getDialogContentStyle,O as getOverlayStyle,v as getSvgContentStyle,j as getWrapperStyle};
