import{makeStyleResponsive as t,getHeightByShapeGlobalSize as e,makeStyleWithDefault as o,getWidthByShapeGlobalSize as i,getBgByDevice as r,makeContainerWidthOrHeight as g}from"@gem-sdk/core";import{createStyle as n}from"@gem-sdk/system";let a=a=>{let{styles:d,setting:c,style:l,rootStyles:s}=a,{arrowGapToEachSide:m="16"}=c??{},u=t("h",e(d?.sizeSetting)),k=o("w",i(d?.sizeSetting,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),b=n({...l,...!a?.isProductList&&u,...k,...r({backgroundColor:d?.backgroundColor,backgroundImage:d?.backgroundImage})}),p=n({...g({vertical:c?.vertical,dotStyle:c?.dotStyle}),gap:m+"px"}),w=n({...t("jc",d?.align),...s,...!!a?.isProductList&&u}),f=n({...k,...u}),h=n({overflow:"hidden",flex:1,width:"100%",height:"100%","transition-timing-function":c?.animationMode??"ease"});return{rootStyleRender:w,wrapperStyleRender:b,wrapperInnerStyle:p,sliderStyle:f,sliderWrapperStyle:h}};export{a as getStyle};
