@gem-sdk/components 2.0.0-staging.981 → 2.0.0-staging.982

package/dist/cjs/article/settings/configs/article-read-more/ui-v2.js

@@ -1 +1 @@
-"use strict";const SettingUIV2=[{label:{en:"Style"},controls:[{setting:{id:"readMoreType"},layout:"vertical"}]},{label:{en:"Size"},conditionDisplay:"readMoreType !== 'text'",controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeBtn",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"Height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeBtn",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSizeBtn",field:"padding"},compoDefaultValue:{default:{top:"12px",right:"24px",bottom:"12px",left:"24px",linked:!1}}}}]},{label:{en:"Size"},conditionDisplay:"readMoreType == 'text'",controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeText",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSizeText",field:"padding"},compoDefaultValue:{default:{top:"12px",right:"24px",bottom:"12px",left:"24px",linked:!1}}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical",conditionDisplay:"readMoreType === 'text'"},{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"},conditionDisplay:"readMoreType != 'text'"},{label:{en:"Image"},setting:{id:"backgroundImage",state:"normal"},conditionDisplay:"readMoreType != 'text'"}]},{label:{en:"Shape"},conditionDisplay:"readMoreType != 'text'",controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Icon"},setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"},conditionDisplay:"readMoreType != 'text'"},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true  && readMoreType != 'text'"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},conditionDisplay:"readMoreType !== 'text'",options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"Read more"}},{condition:"enableTextStyle === true",source:["enableTextStyle","label","shouldClearSpace"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:"enableTextStyle === false",source:["enableTextStyle","shouldClearSpace"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!0}}],options:{noRecordHistory:!0}}},{id:"typo",label:{en:"Basic"},setting:{id:"typoBtn"},conditionDisplay:"readMoreType !== 'text' && enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}},layout:"vertical"}]},{label:{en:"Text"},conditionDisplay:"readMoreType == 'text'",controls:[{label:{en:"Content"},getValueFromSettingID:"label",iconName:"gp-prefix",type:"combo",conditionDisplay:"readMoreType === 'text'",defaultValueWhenClear:"",compoDefaultValue:"Read more",controls:[{label:{en:"Content"},type:"control",setting:{id:"label"},layout:"vertical",defaultValueWhenClear:""}]},{id:"typo",label:{en:"Basic"},setting:{id:"typoText"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColorTextState",state:"normal"},{field:"attrs.textAlign",settingId:"alignText"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"alignText",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"textColorTextState",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:"readMoreType !== 'text'",controls:[{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{type:"group",label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{label:{en:"Effect"},conditionDisplay:"readMoreType == 'text'",controls:[{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffectText"},popoverLabel:{en:"Hover"},controls:[{label:{en:"Text color"},setting:{id:"textColorTextState",state:"hover"}}]}]},{controls:[{label:{en:"Align"},setting:{id:"alignBtn"},conditionDisplay:"readMoreType !== 'text'",conditionEnable:"globalSizeBtn.width !== '100%'",options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]},{controls:[{label:{en:"Align"},setting:{id:"alignText"},conditionDisplay:"readMoreType == 'text'",conditionEnable:"globalSizeText.width !== '100%'",options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;
+"use strict";const SettingUIV2=[{label:{en:"Style"},controls:[{setting:{id:"readMoreType"},layout:"vertical"}]},{label:{en:"Size"},conditionDisplay:"readMoreType !== 'text'",controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeBtn",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"Height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeBtn",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSizeBtn",field:"padding"},compoDefaultValue:{default:{top:"12px",right:"24px",bottom:"12px",left:"24px",linked:!1}}}}]},{label:{en:"Size"},conditionDisplay:"readMoreType == 'text'",controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeText",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSizeText",field:"padding"},compoDefaultValue:{default:{top:"12px",right:"24px",bottom:"12px",left:"24px",linked:!1}}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical",conditionDisplay:"readMoreType === 'text'"},{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"},conditionDisplay:"readMoreType != 'text'"},{label:{en:"Image"},setting:{id:"backgroundImage",state:"normal"},conditionDisplay:"readMoreType != 'text'"}]},{label:{en:"Shape"},conditionDisplay:"readMoreType != 'text'",controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Icon"},setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"},conditionDisplay:"readMoreType != 'text'"},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true  && readMoreType != 'text'"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},conditionDisplay:"readMoreType !== 'text'",options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"Read more"}},{condition:"enableTextStyle === true",source:["enableTextStyle","label","shouldClearSpace"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:"enableTextStyle === false",source:["enableTextStyle","shouldClearSpace"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!0}}],options:{noRecordHistory:!0}}},{id:"typo",label:{en:"Basic"},setting:{id:"typoBtn"},conditionDisplay:"readMoreType !== 'text' && enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}},layout:"vertical"}]},{label:{en:"Text"},conditionDisplay:"readMoreType == 'text'",controls:[{label:{en:"Content"},getValueFromSettingID:"label",iconName:"gp-prefix",type:"combo",conditionDisplay:"readMoreType === 'text'",defaultValueWhenClear:"",compoDefaultValue:"Read more",controls:[{label:{en:"Content"},type:"control",setting:{id:"label"},layout:"vertical",defaultValueWhenClear:""}]},{id:"typo",label:{en:"Basic"},setting:{id:"typoText"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColorTextState",state:"normal"},{field:"attrs.textAlign",settingId:"alignText"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"alignText",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"textColorTextState",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:"readMoreType !== 'text'",controls:[{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{type:"group",label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{label:{en:"Effect"},conditionDisplay:"readMoreType == 'text'",controls:[{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffectText"},popoverLabel:{en:"Hover"},controls:[{label:{en:"Text color"},setting:{id:"textColorTextState",state:"hover"}}]}]},{controls:[{label:{en:"Align"},setting:{id:"alignBtn"},conditionDisplay:"readMoreType !== 'text'",conditionEnable:"globalSizeBtn.width !== '100%'",options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]},{controls:[{label:{en:"Align"},setting:{id:"alignText"},conditionDisplay:"readMoreType == 'text'",conditionEnable:"globalSizeText.width !== '100%'",options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/hero-banner/common/styles.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}const getStyle=(e,t,r)=>{let{sizeSetting:l,background:o}=e??{},{ratioOptions:i,aspectRatio:a}=t??{},s={...r,...helpers.getVisibilityStyle(r),...core.makeStyleResponsive("h",core.getHeightByShapeGlobalSize(l)),...core.makeStyleWithDefault("w",core.getWidthByShapeGlobalSize(l,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...helpers.getStyleAspectRatioHeroBannerCustom(o,l,helpers.getAspectRatioSettings(i,a))};return filterTruthyStyles(s)},getContainerStyle=(e,t)=>{let{sizeSetting:r,background:l,borderBg:o,cornerBg:i,shadowBg:a,hasActiveShadow:s}=e??{},{ratioOptions:y,aspectRatio:g}=t??{},S={...core.makeStyleResponsive("h",core.getHeightByShapeGlobalSize(r)),...helpers.getStyleAspectRatioHeroBannerCustom(l,r,helpers.getAspectRatioSettings(y,g)),...core.makeStyle({bs:o?.border??o?.border,bw:o?.width??o?.width,bc:core.getSingleColorVariable(o?.color)}),...core.getRadiusStyleActiveState({...i,active:{...i||{},radiusType:"custom"}}),...core.getStyleShadow({value:a,styleAppliedFor:"box-shadow",isEnableShadow:s})};return filterTruthyStyles(S)},getOverlayStyle=e=>{let{overlayColor:t,overlayOpacity:r}=e??{},l=core.getGlobalColorStateStyle("bgc",t),o=core.makeStyleState("op",r),{disableOpacity:i,disableHoverOpacity:a}=helpers.opacityEnabledData(e);i&&(delete l?.["--bgc"],delete o?.["--op"]),a&&(delete l?.["--hvr-bgc"],delete o?.["--hvr-op"]);let s={...l,...o,"--top":"0","--left":"0"};return filterTruthyStyles(s)},getRowStyle=e=>{let{contentPadding:t}=e??{},r={...core.getResponsiveStylePadding(t)};return filterTruthyStyles(r)},getAdaptiveStyle=e=>{let{sizeSetting:t,background:r}=e??{},l={...helpers.getDisplayStyleByFitContent(t,r),...core.makeStyleResponsive("h",core.getHeightByShapeGlobalSize(t)),...core.makeStyleWithDefault("w",core.getWidthByShapeGlobalSize(t,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),"--op":0,"--z":-1};return filterTruthyStyles(l)},getBackgroundStyle=(e,t,r)=>{let{hoverEffectScale:l,background:o,hoverEffectDuration:i}=e??{},a={...helpers.getStyleHeroBannerBg(helpers.getResponsiveSetting(o||{}),t),...core.getStyleBackgroundByDevice(o,{ignoreBgAttachment:!0,ignoreBackgroundImage:!0}),"--duration":`${i??0}s`,"--scale":helpers.formatHoverScale(l),...core.makeStyleResponsive("pos",helpers.getAttachmentDevice(o)),transform:r,transition:"transform 300ms cubic-bezier(0,0,0,1)"};return filterTruthyStyles(a)},getContainBackgroundStyle=e=>{let{borderBg:t,cornerBg:r}=e??{},l={"clip-path":helpers.getClipPath(t?.width,r)};return filterTruthyStyles(l)},getHtml5VideoStyle=e=>{let t={...core.makeStyleResponsive("aspect",e)};return filterTruthyStyles(t)},getYoutubeIframeStyle=e=>{let t={...core.makeStyleResponsive("aspect",e),"pointer-event":"none"};return filterTruthyStyles(t)};exports.getAdaptiveStyle=getAdaptiveStyle,exports.getBackgroundStyle=getBackgroundStyle,exports.getContainBackgroundStyle=getContainBackgroundStyle,exports.getContainerStyle=getContainerStyle,exports.getHtml5VideoStyle=getHtml5VideoStyle,exports.getOverlayStyle=getOverlayStyle,exports.getRowStyle=getRowStyle,exports.getStyle=getStyle,exports.getYoutubeIframeStyle=getYoutubeIframeStyle;
+"use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}const getStyle=(e,t,r)=>{let{sizeSetting:l,background:o}=e??{},{ratioOptions:i,aspectRatio:a}=t??{},s={...r,...helpers.getVisibilityStyle(r),...core.makeStyleResponsive("h",core.getHeightByShapeGlobalSize(l)),...core.makeStyleWithDefault("w",core.getWidthByShapeGlobalSize(l,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...helpers.getStyleAspectRatioHeroBannerCustom(o,l,helpers.getAspectRatioSettings(i,a))};return filterTruthyStyles(s)},getContainerStyle=(e,t)=>{let{sizeSetting:r,background:l,borderBg:o,cornerBg:i,shadowBg:a,hasActiveShadow:s}=e??{},{ratioOptions:y,aspectRatio:g}=t??{},S={...helpers.getStyleAspectRatioHeroBannerCustom(l,r,helpers.getAspectRatioSettings(y,g)),...core.makeStyle({bs:o?.border??o?.border,bw:o?.width??o?.width,bc:core.getSingleColorVariable(o?.color)}),...core.getRadiusStyleActiveState({...i,active:{...i||{},radiusType:"custom"}}),...core.getStyleShadow({value:a,styleAppliedFor:"box-shadow",isEnableShadow:s})};return filterTruthyStyles(S)},getOverlayStyle=e=>{let{overlayColor:t,overlayOpacity:r}=e??{},l=core.getGlobalColorStateStyle("bgc",t),o=core.makeStyleState("op",r),{disableOpacity:i,disableHoverOpacity:a}=helpers.opacityEnabledData(e);i&&(delete l?.["--bgc"],delete o?.["--op"]),a&&(delete l?.["--hvr-bgc"],delete o?.["--hvr-op"]);let s={...l,...o,"--top":"0","--left":"0"};return filterTruthyStyles(s)},getRowStyle=e=>{let{contentPadding:t}=e??{},r={...core.getResponsiveStylePadding(t)};return filterTruthyStyles(r)},getAdaptiveStyle=e=>{let{sizeSetting:t,background:r}=e??{},l={...helpers.getDisplayStyleByFitContent(t,r),...core.makeStyleResponsive("h",core.getHeightByShapeGlobalSize(t)),...core.makeStyleWithDefault("w",core.getWidthByShapeGlobalSize(t,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),"--op":0,"--z":-1};return filterTruthyStyles(l)},getBackgroundStyle=(e,t,r)=>{let{hoverEffectScale:l,background:o,hoverEffectDuration:i}=e??{},a={...helpers.getStyleHeroBannerBg(helpers.getResponsiveSetting(o||{}),t),...core.getStyleBackgroundByDevice(o,{ignoreBgAttachment:!0,ignoreBackgroundImage:!0}),"--duration":`${i??0}s`,"--scale":helpers.formatHoverScale(l),...core.makeStyleResponsive("pos",helpers.getAttachmentDevice(o)),transform:r,transition:"transform 300ms cubic-bezier(0,0,0,1)"};return filterTruthyStyles(a)},getContainBackgroundStyle=e=>{let{borderBg:t,cornerBg:r}=e??{},l={"clip-path":helpers.getClipPath(t?.width,r)};return filterTruthyStyles(l)},getHtml5VideoStyle=e=>{let t={...core.makeStyleResponsive("aspect",e)};return filterTruthyStyles(t)},getYoutubeIframeStyle=e=>{let t={...core.makeStyleResponsive("aspect",e),"pointer-event":"none"};return filterTruthyStyles(t)};exports.getAdaptiveStyle=getAdaptiveStyle,exports.getBackgroundStyle=getBackgroundStyle,exports.getContainBackgroundStyle=getContainBackgroundStyle,exports.getContainerStyle=getContainerStyle,exports.getHtml5VideoStyle=getHtml5VideoStyle,exports.getOverlayStyle=getOverlayStyle,exports.getRowStyle=getRowStyle,exports.getStyle=getStyle,exports.getYoutubeIframeStyle=getYoutubeIframeStyle;

package/dist/esm/article/settings/configs/article-read-more/ui-v2.js

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Style"},controls:[{setting:{id:"readMoreType"},layout:"vertical"}]},{label:{en:"Size"},conditionDisplay:"readMoreType !== 'text'",controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeBtn",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"Height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeBtn",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSizeBtn",field:"padding"},compoDefaultValue:{default:{top:"12px",right:"24px",bottom:"12px",left:"24px",linked:!1}}}}]},{label:{en:"Size"},conditionDisplay:"readMoreType == 'text'",controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeText",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSizeText",field:"padding"},compoDefaultValue:{default:{top:"12px",right:"24px",bottom:"12px",left:"24px",linked:!1}}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical",conditionDisplay:"readMoreType === 'text'"},{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"},conditionDisplay:"readMoreType != 'text'"},{label:{en:"Image"},setting:{id:"backgroundImage",state:"normal"},conditionDisplay:"readMoreType != 'text'"}]},{label:{en:"Shape"},conditionDisplay:"readMoreType != 'text'",controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Icon"},setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"},conditionDisplay:"readMoreType != 'text'"},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true  && readMoreType != 'text'"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},conditionDisplay:"readMoreType !== 'text'",options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"Read more"}},{condition:"enableTextStyle === true",source:["enableTextStyle","label","shouldClearSpace"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:"enableTextStyle === false",source:["enableTextStyle","shouldClearSpace"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!0}}],options:{noRecordHistory:!0}}},{id:"typo",label:{en:"Basic"},setting:{id:"typoBtn"},conditionDisplay:"readMoreType !== 'text' && enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}},layout:"vertical"}]},{label:{en:"Text"},conditionDisplay:"readMoreType == 'text'",controls:[{label:{en:"Content"},getValueFromSettingID:"label",iconName:"gp-prefix",type:"combo",conditionDisplay:"readMoreType === 'text'",defaultValueWhenClear:"",compoDefaultValue:"Read more",controls:[{label:{en:"Content"},type:"control",setting:{id:"label"},layout:"vertical",defaultValueWhenClear:""}]},{id:"typo",label:{en:"Basic"},setting:{id:"typoText"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColorTextState",state:"normal"},{field:"attrs.textAlign",settingId:"alignText"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"alignText",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"textColorTextState",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:"readMoreType !== 'text'",controls:[{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{type:"group",label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{label:{en:"Effect"},conditionDisplay:"readMoreType == 'text'",controls:[{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffectText"},popoverLabel:{en:"Hover"},controls:[{label:{en:"Text color"},setting:{id:"textColorTextState",state:"hover"}}]}]},{controls:[{label:{en:"Align"},setting:{id:"alignBtn"},conditionDisplay:"readMoreType !== 'text'",conditionEnable:"globalSizeBtn.width !== '100%'",options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]},{controls:[{label:{en:"Align"},setting:{id:"alignText"},conditionDisplay:"readMoreType == 'text'",conditionEnable:"globalSizeText.width !== '100%'",options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:{en:"Style"},controls:[{setting:{id:"readMoreType"},layout:"vertical"}]},{label:{en:"Size"},conditionDisplay:"readMoreType !== 'text'",controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeBtn",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"Height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeBtn",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSizeBtn",field:"padding"},compoDefaultValue:{default:{top:"12px",right:"24px",bottom:"12px",left:"24px",linked:!1}}}}]},{label:{en:"Size"},conditionDisplay:"readMoreType == 'text'",controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeText",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSizeText",field:"padding"},compoDefaultValue:{default:{top:"12px",right:"24px",bottom:"12px",left:"24px",linked:!1}}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical",conditionDisplay:"readMoreType === 'text'"},{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"},conditionDisplay:"readMoreType != 'text'"},{label:{en:"Image"},setting:{id:"backgroundImage",state:"normal"},conditionDisplay:"readMoreType != 'text'"}]},{label:{en:"Shape"},conditionDisplay:"readMoreType != 'text'",controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Icon"},setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"},conditionDisplay:"readMoreType != 'text'"},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true  && readMoreType != 'text'"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},conditionDisplay:"readMoreType !== 'text'",options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"Read more"}},{condition:"enableTextStyle === true",source:["enableTextStyle","label","shouldClearSpace"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:"enableTextStyle === false",source:["enableTextStyle","shouldClearSpace"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!0}}],options:{noRecordHistory:!0}}},{id:"typo",label:{en:"Basic"},setting:{id:"typoBtn"},conditionDisplay:"readMoreType !== 'text' && enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}},layout:"vertical"}]},{label:{en:"Text"},conditionDisplay:"readMoreType == 'text'",controls:[{label:{en:"Content"},getValueFromSettingID:"label",iconName:"gp-prefix",type:"combo",conditionDisplay:"readMoreType === 'text'",defaultValueWhenClear:"",compoDefaultValue:"Read more",controls:[{label:{en:"Content"},type:"control",setting:{id:"label"},layout:"vertical",defaultValueWhenClear:""}]},{id:"typo",label:{en:"Basic"},setting:{id:"typoText"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColorTextState",state:"normal"},{field:"attrs.textAlign",settingId:"alignText"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"alignText",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"textColorTextState",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:"readMoreType !== 'text'",controls:[{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{type:"group",label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{label:{en:"Effect"},conditionDisplay:"readMoreType == 'text'",controls:[{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffectText"},popoverLabel:{en:"Hover"},controls:[{label:{en:"Text color"},setting:{id:"textColorTextState",state:"hover"}}]}]},{controls:[{label:{en:"Align"},setting:{id:"alignBtn"},conditionDisplay:"readMoreType !== 'text'",conditionEnable:"globalSizeBtn.width !== '100%'",options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]},{controls:[{label:{en:"Align"},setting:{id:"alignText"},conditionDisplay:"readMoreType == 'text'",conditionEnable:"globalSizeText.width !== '100%'",options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};

package/dist/esm/hero-banner/common/styles.js

@@ -1 +1 @@
-import{makeStyleResponsive as t,getHeightByShapeGlobalSize as e,makeStyleWithDefault as r,getWidthByShapeGlobalSize as l,makeStyle as o,getSingleColorVariable as i,getRadiusStyleActiveState as y,getStyleShadow as n,getGlobalColorStateStyle as g,makeStyleState as u,getResponsiveStylePadding as a,getStyleBackgroundByDevice as s}from"@gem-sdk/core";import{getVisibilityStyle as c,getStyleAspectRatioHeroBannerCustom as S,getAspectRatioSettings as d,getDisplayStyleByFitContent as h,getStyleHeroBannerBg as p,formatHoverScale as b,getAttachmentDevice as f,getClipPath as m,opacityEnabledData as w,getResponsiveSetting as T}from"./helpers.js";function filterTruthyStyles(t){return Object.fromEntries(Object.entries(t||{}).filter(([,t])=>!!t))}let getStyle=(o,i,y)=>{let{sizeSetting:n,background:g}=o??{},{ratioOptions:u,aspectRatio:a}=i??{},s={...y,...c(y),...t("h",e(n)),...r("w",l(n,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...S(g,n,d(u,a))};return filterTruthyStyles(s)},getContainerStyle=(r,l)=>{let{sizeSetting:g,background:u,borderBg:a,cornerBg:s,shadowBg:c,hasActiveShadow:h}=r??{},{ratioOptions:p,aspectRatio:b}=l??{},f={...t("h",e(g)),...S(u,g,d(p,b)),...o({bs:a?.border??a?.border,bw:a?.width??a?.width,bc:i(a?.color)}),...y({...s,active:{...s||{},radiusType:"custom"}}),...n({value:c,styleAppliedFor:"box-shadow",isEnableShadow:h})};return filterTruthyStyles(f)},getOverlayStyle=t=>{let{overlayColor:e,overlayOpacity:r}=t??{},l=g("bgc",e),o=u("op",r),{disableOpacity:i,disableHoverOpacity:y}=w(t);i&&(delete l?.["--bgc"],delete o?.["--op"]),y&&(delete l?.["--hvr-bgc"],delete o?.["--hvr-op"]);let n={...l,...o,"--top":"0","--left":"0"};return filterTruthyStyles(n)},getRowStyle=t=>{let{contentPadding:e}=t??{},r={...a(e)};return filterTruthyStyles(r)},getAdaptiveStyle=o=>{let{sizeSetting:i,background:y}=o??{},n={...h(i,y),...t("h",e(i)),...r("w",l(i,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),"--op":0,"--z":-1};return filterTruthyStyles(n)},getBackgroundStyle=(e,r,l)=>{let{hoverEffectScale:o,background:i,hoverEffectDuration:y}=e??{},n={...p(T(i||{}),r),...s(i,{ignoreBgAttachment:!0,ignoreBackgroundImage:!0}),"--duration":`${y??0}s`,"--scale":b(o),...t("pos",f(i)),transform:l,transition:"transform 300ms cubic-bezier(0,0,0,1)"};return filterTruthyStyles(n)},getContainBackgroundStyle=t=>{let{borderBg:e,cornerBg:r}=t??{},l={"clip-path":m(e?.width,r)};return filterTruthyStyles(l)},getHtml5VideoStyle=e=>{let r={...t("aspect",e)};return filterTruthyStyles(r)},getYoutubeIframeStyle=e=>{let r={...t("aspect",e),"pointer-event":"none"};return filterTruthyStyles(r)};export{getAdaptiveStyle,getBackgroundStyle,getContainBackgroundStyle,getContainerStyle,getHtml5VideoStyle,getOverlayStyle,getRowStyle,getStyle,getYoutubeIframeStyle};
+import{makeStyleResponsive as t,getHeightByShapeGlobalSize as e,makeStyleWithDefault as r,getWidthByShapeGlobalSize as l,makeStyle as o,getSingleColorVariable as i,getRadiusStyleActiveState as y,getStyleShadow as n,getGlobalColorStateStyle as g,makeStyleState as u,getResponsiveStylePadding as a,getStyleBackgroundByDevice as s}from"@gem-sdk/core";import{getVisibilityStyle as c,getStyleAspectRatioHeroBannerCustom as S,getAspectRatioSettings as d,getDisplayStyleByFitContent as h,getStyleHeroBannerBg as p,formatHoverScale as b,getAttachmentDevice as f,getClipPath as m,opacityEnabledData as w,getResponsiveSetting as T}from"./helpers.js";function filterTruthyStyles(t){return Object.fromEntries(Object.entries(t||{}).filter(([,t])=>!!t))}let getStyle=(o,i,y)=>{let{sizeSetting:n,background:g}=o??{},{ratioOptions:u,aspectRatio:a}=i??{},s={...y,...c(y),...t("h",e(n)),...r("w",l(n,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...S(g,n,d(u,a))};return filterTruthyStyles(s)},getContainerStyle=(t,e)=>{let{sizeSetting:r,background:l,borderBg:g,cornerBg:u,shadowBg:a,hasActiveShadow:s}=t??{},{ratioOptions:c,aspectRatio:h}=e??{},p={...S(l,r,d(c,h)),...o({bs:g?.border??g?.border,bw:g?.width??g?.width,bc:i(g?.color)}),...y({...u,active:{...u||{},radiusType:"custom"}}),...n({value:a,styleAppliedFor:"box-shadow",isEnableShadow:s})};return filterTruthyStyles(p)},getOverlayStyle=t=>{let{overlayColor:e,overlayOpacity:r}=t??{},l=g("bgc",e),o=u("op",r),{disableOpacity:i,disableHoverOpacity:y}=w(t);i&&(delete l?.["--bgc"],delete o?.["--op"]),y&&(delete l?.["--hvr-bgc"],delete o?.["--hvr-op"]);let n={...l,...o,"--top":"0","--left":"0"};return filterTruthyStyles(n)},getRowStyle=t=>{let{contentPadding:e}=t??{},r={...a(e)};return filterTruthyStyles(r)},getAdaptiveStyle=o=>{let{sizeSetting:i,background:y}=o??{},n={...h(i,y),...t("h",e(i)),...r("w",l(i,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),"--op":0,"--z":-1};return filterTruthyStyles(n)},getBackgroundStyle=(e,r,l)=>{let{hoverEffectScale:o,background:i,hoverEffectDuration:y}=e??{},n={...p(T(i||{}),r),...s(i,{ignoreBgAttachment:!0,ignoreBackgroundImage:!0}),"--duration":`${y??0}s`,"--scale":b(o),...t("pos",f(i)),transform:l,transition:"transform 300ms cubic-bezier(0,0,0,1)"};return filterTruthyStyles(n)},getContainBackgroundStyle=t=>{let{borderBg:e,cornerBg:r}=t??{},l={"clip-path":m(e?.width,r)};return filterTruthyStyles(l)},getHtml5VideoStyle=e=>{let r={...t("aspect",e)};return filterTruthyStyles(r)},getYoutubeIframeStyle=e=>{let r={...t("aspect",e),"pointer-event":"none"};return filterTruthyStyles(r)};export{getAdaptiveStyle,getBackgroundStyle,getContainBackgroundStyle,getContainerStyle,getHtml5VideoStyle,getOverlayStyle,getRowStyle,getStyle,getYoutubeIframeStyle};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "2.0.0-staging.981",
+  "version": "2.0.0-staging.982",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -25,7 +25,7 @@
     "scan-all-text": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/scan-all-text && node ./scripts/scan-all-text"
   },
   "devDependencies": {
-    "@gem-sdk/core": "2.0.0-staging.974",
+    "@gem-sdk/core": "2.0.0-staging.982",
     "@gem-sdk/styles": "2.0.0-staging.886",
     "@gem-sdk/system": "2.0.0-staging.711",
     "tsup": "^8.5.0",