import{makeGlobalSize as e,makeStyleResponsive as t,getStyleBackgroundByDevice as i,getGradientBgrStyleByDevice as r,getResponsiveStyleShadowWithoutState as l,composeRadiusResponsive as o,composeBorderResponsive as a,getGlobalColorResponsiveStyle as s}from"@gem-sdk/core";import{getBackgroundTranslated as d}from"../../helpers.js";import{IconList as n}from"../settings/configs/translate.js";let filterStyles=e=>{let t=["--mb","--mb-mobile","--mb-tablet"];return t.forEach(t=>{delete e?.[t]}),e||{}},getContainerStyles=({style:l,styles:o,extraData:a,uid:s,type:g="React",pageContext:m})=>{let{align:c,background:p,globalSize:S}=o||{},u=e(S||{desktop:{width:"100%"}}),b="Liquid"===g?d({background:p,uid:s,enableTranslate:!!n?.background?.id,pageContext:m??{},isTranslateVideo:!1}):p,y={...l,...a?.advancedClasses,...u.width,...t("ta",c),...i(b,{liquid:a?.isLiquid}),...r(b)};return a?.isLiquid?y:filterStyles(y)},getWrapperStyles=e=>{let{alignWrapper:i}=e||{};return{...t("jc",i)}},getItemStyles=i=>{let r=e(i?.itemPadding);return{...r.padding,...l(i?.itemBoxShadow,"box-shadow",i?.itemBoxShadow),...o(i?.itemRounded),...a(i?.itemBorder),...s("bgc",i?.itemBackgroundColor),...s("bgi",i?.itemBackgroundColor),...t("cg",i?.horizontalSpacing)}},getUlStyles=e=>({...t("gg",e?.verticalSpacing)});export{getContainerStyles,getItemStyles,getUlStyles,getWrapperStyles};
