@gem-sdk/components 8.0.0-dev.54 → 8.0.0-dev.64

package/dist/esm/article/settings/configs/article-image/ui-v1.js

@@ -1 +1 @@
-let SettingUIV1=[{type:"control",label:{en:"After click"},setting:{id:"linkArticle"},options:{label:"large",hideOnPages:["STATIC"]}},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"shape"},layout:"vertical"},{type:"control",condition:"shape.shape !== 'original'",label:{en:"Image scale"},setting:{id:"objectFit"}}]},{type:"control",label:{en:"Align"},options:{label:"large"},setting:{id:"align"}},{type:"group",label:{en:"SEO"},controls:[{type:"control",label:{en:"Alt text"},setting:{id:"alt"},layout:"vertical"},{type:"control",label:{en:"Image title"},setting:{id:"title"},layout:"vertical"}]}];export{SettingUIV1};
+let SettingUIV1=[{type:"control",label:{en:"After click"},setting:{id:"linkArticle"},options:{label:"large",hideOnPages:["STATIC"]}},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"shape"},layout:"vertical"},{type:"control",condition:"shape?.shape !== 'original'",label:{en:"Image scale"},setting:{id:"objectFit"}}]},{type:"control",label:{en:"Align"},options:{label:"large"},setting:{id:"align"}},{type:"group",label:{en:"SEO"},controls:[{type:"control",label:{en:"Alt text"},setting:{id:"alt"},layout:"vertical"},{type:"control",label:{en:"Image title"},setting:{id:"title"},layout:"vertical"}]}];export{SettingUIV1};

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

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Image"},conditionDisplay:"shape.shape !== 'original'",controls:[{label:{en:"Image scale"},setting:{id:"objectFit"}}]},{label:{en:"Size"},controls:[{setting:{id:"shape"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border",type:"border-v2",linkWithSetting:{name:"wrapperBorder"}}},{label:{en:"Corner"},controlConfig:{id:"corner",type:"corner-v2",linkWithSetting:{name:"borderRadius"}}},{label:{en:"Shadow"},setting:{id:"shadow"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"shadow.enable === true",source:["shadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"shadow.enable === false",source:["shadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Link"},setting:{id:"enableLink"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"control",conditionDisplay:"enableLink == true",setting:{id:"linkArticle"},label:{en:"After click"}},{label:{en:"Open new tab"},setting:{id:"openNewTab"},conditionDisplay:"enableLink === true && linkArticle === 'go-to-article'"},{type:"control",conditionDisplay:"linkArticle === 'scroll-to' && enableLink == true",layout:"vertical",setting:{id:"customURL"}}]},{label:{en:"SEO"},controls:[{type:"combo",label:{en:"Alt text"},iconName:"polaris-text-block",getValueFromSettingID:"alt",compoDefaultValue:"Describes the appearance of the image",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"alt"},layout:"vertical"}]},{type:"combo",label:{en:"Image title"},iconName:"polaris-text-block",getValueFromSettingID:"title",compoDefaultValue:"Title",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"title"},layout:"vertical"}]}]},{label:{en:"Optimize LCP"},controls:[{label:{en:"Preload"},setting:{id:"priority"}},{label:{en:"Quality"},conditionDisplay:"priority === false",setting:{id:"qualityType"}},{layout:"horizontal",label:{en:"Quality"},conditionDisplay:'qualityType == "custom" && priority === false',setting:{id:"qualityPercent"}}]},{controls:[{label:{en:"Align"},setting:{id:"align"},conditionEnable:"shape.width !== '100%'",options:{labelVariant:"primary",fullWidth:!0,disableMessage:"This option is disabled because the width is set to 100%"}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:{en:"Image"},conditionDisplay:"shape.shape !== 'original'",controls:[{label:{en:"Image scale"},setting:{id:"objectFit"}}]},{label:{en:"Size"},controls:[{setting:{id:"shape"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border",type:"border-v2",linkWithSetting:{name:"wrapperBorder"}}},{label:{en:"Corner"},controlConfig:{id:"corner",type:"corner-v2",linkWithSetting:{name:"borderRadius"}}},{label:{en:"Shadow"},setting:{id:"shadow"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"shadow?.enable === true",source:["shadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"shadow?.enable === false",source:["shadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Link"},setting:{id:"enableLink"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"control",conditionDisplay:"enableLink == true",setting:{id:"linkArticle"},label:{en:"After click"}},{label:{en:"Open new tab"},setting:{id:"openNewTab"},conditionDisplay:"enableLink === true && linkArticle === 'go-to-article'"},{type:"control",conditionDisplay:"linkArticle === 'scroll-to' && enableLink == true",layout:"vertical",setting:{id:"customURL"}}]},{label:{en:"SEO"},controls:[{type:"combo",label:{en:"Alt text"},iconName:"polaris-text-block",getValueFromSettingID:"alt",compoDefaultValue:"Describes the appearance of the image",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"alt"},layout:"vertical"}]},{type:"combo",label:{en:"Image title"},iconName:"polaris-text-block",getValueFromSettingID:"title",compoDefaultValue:"Title",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"title"},layout:"vertical"}]}]},{label:{en:"Optimize LCP"},controls:[{label:{en:"Preload"},setting:{id:"priority"}},{label:{en:"Quality"},conditionDisplay:"priority === false",setting:{id:"qualityType"}},{layout:"horizontal",label:{en:"Quality"},conditionDisplay:'qualityType == "custom" && priority === false',setting:{id:"qualityPercent"}}]},{controls:[{label:{en:"Align"},setting:{id:"align"},conditionEnable:"shape.width !== '100%'",options:{labelVariant:"primary",fullWidth:!0,disableMessage:"This option is disabled because the width is set to 100%"}}]}];export{SettingUIV2};

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

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Article source"},controls:[{setting:{id:"articleSetting"},layout:"vertical"}]},{label:{en:"Display"},controls:[{label:{en:"Columns"},setting:{id:"slideToShow"}},{label:{en:"Sort by"},conditionDisplay:'articleSetting && articleSetting.articlePickType !== "manually"',setting:{id:"articleOrderBy"},help:{content:"Publish this page to view the correct order on live store"}}]},{label:{en:"Number of article"},controls:[{label:{en:"Number"},conditionDisplay:'articleSetting && articleSetting.articlePickType !== "manually"',setting:{id:"numberOfArticle"}}]},{label:{en:"Item spacing"},controls:[{label:{en:"Columns gap"},setting:{id:"verticalGutter"}},{label:{en:"Rows gap"},setting:{id:"horizontalGutter"}}]},{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"4px",left:"16px",bottom:"4px",right:"16px"}}}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:{en:"Article source"},controls:[{setting:{id:"articleSetting"},layout:"vertical"}]},{label:{en:"Display"},controls:[{label:{en:"Columns"},setting:{id:"slideToShow"}},{label:{en:"Sort by"},conditionDisplay:'articleSetting && articleSetting.articlePickType !== "manually"',setting:{id:"articleOrderBy"},help:{content:"Publish this page to view the correct order on live store"}}]},{label:{en:"Number of article"},controls:[{label:{en:"Number"},conditionDisplay:'articleSetting && articleSetting.articlePickType !== "manually"',setting:{id:"numberOfArticle"}}]},{label:{en:"Item spacing"},controls:[{label:{en:"Columns gap"},setting:{id:"verticalGutter"}},{label:{en:"Rows gap"},setting:{id:"horizontalGutter"}}]},{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"4px",left:"16px",bottom:"4px",right:"16px"}}}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow?.normal?.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow?.normal?.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]}];export{SettingUIV2};

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

@@ -1 +1 @@
-let SettingUIV1=[{type:"group",label:{en:"Button"},controls:[{type:"control",label:{en:"Type"},setting:{id:"readMoreType"}},{type:"control",label:{en:"Content"},setting:{id:"label"}}]},{type:"group",condition:"readMoreType == 'button'",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSizeBtn"},layout:"vertical"}]},{type:"group",condition:"readMoreType == 'button'",controls:[{type:"control",label:{en:"Icon"},options:{label:"large"},setting:{id:"iconVisible"}},{type:"group",condition:"iconVisible == true",controls:[{type:"control",layout:"vertical",setting:{id:"iconSvg"}},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"},options:{styleWrapper:{marginBottom:"0 !important"}}}]}]},{type:"group",condition:"readMoreType == 'button'",label:{en:"Text"},controls:[{type:"control",setting:{id:"typoBtn"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSizeBtn.width !== '100%' && readMoreType == 'button'",options:{label:"large"},setting:{id:"alignBtn"}},{type:"group",label:{en:"States"},options:{labelSpacing:"small"},condition:"readMoreType == 'button'",controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},condition:"readMoreType == 'button'",setting:{id:"backgroundColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"textColorBtnState",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},condition:"readMoreType == 'button'",setting:{id:"borderBtn",state:"normal"}},{type:"control",label:{en:"Corner"},condition:"readMoreType == 'button'",setting:{id:"roundedBtn",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},condition:"readMoreType == 'button'",setting:{id:"backgroundColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"textColorBtnState",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},condition:"readMoreType == 'button'",setting:{id:"borderBtn",state:"hover"}},{type:"control",label:{en:"Corner"},condition:"readMoreType == 'button'",setting:{id:"roundedBtn",state:"hover"}}]}]}]},{type:"group",label:{en:"States"},condition:"readMoreType == 'text'",options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Text color"},setting:{id:"textColorTextState",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Text color"},setting:{id:"textColorTextState",state:"hover"}}]}]}]},{type:"control",label:{en:"Text"},condition:"readMoreType == 'text'",setting:{id:"typoText"},layout:"vertical"},{type:"group",condition:"readMoreType == 'text'",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSizeText"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSizeText.width !== '100%' && readMoreType == 'text'",options:{label:"large"},setting:{id:"alignText"}},{type:"control",condition:"readMoreType == 'text'",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"}];export{SettingUIV1};
+let SettingUIV1=[{type:"group",label:{en:"Button"},controls:[{type:"control",label:{en:"Type"},setting:{id:"readMoreType"}},{type:"control",label:{en:"Content"},setting:{id:"label"}}]},{type:"group",condition:"readMoreType == 'button'",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSizeBtn"},layout:"vertical"}]},{type:"group",condition:"readMoreType == 'button'",controls:[{type:"control",label:{en:"Icon"},options:{label:"large"},setting:{id:"iconVisible"}},{type:"group",condition:"iconVisible == true",controls:[{type:"control",layout:"vertical",setting:{id:"iconSvg"}},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"},options:{styleWrapper:{marginBottom:"0 !important"}}}]}]},{type:"group",condition:"readMoreType == 'button'",label:{en:"Text"},controls:[{type:"control",setting:{id:"typoBtn"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSizeBtn?.width !== '100%' && readMoreType == 'button'",options:{label:"large"},setting:{id:"alignBtn"}},{type:"group",label:{en:"States"},options:{labelSpacing:"small"},condition:"readMoreType == 'button'",controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},condition:"readMoreType == 'button'",setting:{id:"backgroundColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"textColorBtnState",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},condition:"readMoreType == 'button'",setting:{id:"borderBtn",state:"normal"}},{type:"control",label:{en:"Corner"},condition:"readMoreType == 'button'",setting:{id:"roundedBtn",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},condition:"readMoreType == 'button'",setting:{id:"backgroundColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"textColorBtnState",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},condition:"readMoreType == 'button'",setting:{id:"borderBtn",state:"hover"}},{type:"control",label:{en:"Corner"},condition:"readMoreType == 'button'",setting:{id:"roundedBtn",state:"hover"}}]}]}]},{type:"group",label:{en:"States"},condition:"readMoreType == 'text'",options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Text color"},setting:{id:"textColorTextState",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Text color"},setting:{id:"textColorTextState",state:"hover"}}]}]}]},{type:"control",label:{en:"Text"},condition:"readMoreType == 'text'",setting:{id:"typoText"},layout:"vertical"},{type:"group",condition:"readMoreType == 'text'",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSizeText"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSizeText?.width !== '100%' && readMoreType == 'text'",options:{label:"large"},setting:{id:"alignText"}},{type:"control",condition:"readMoreType == 'text'",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"}];export{SettingUIV1};

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:"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};
+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/breadcrumb/settings/configs/ui-v2.js

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Separator icon"},controls:[{label:{en:"Icon"},setting:{id:"iconSvg"}},{label:{en:"Color"},setting:{id:"color"}},{label:{en:"Size"},setting:{id:"iconWidth"}}]},{label:{en:"Text style"},controls:[{setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"labelColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"labelColor",valueFromField:"attrs.color",groupType:"setting",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Item spacing"},controls:[{label:{en:"Gap"},setting:{id:"spacing"}}]},{label:{en:"Size"},controls:[{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"4px",bottom:"4px",left:"16px",right:"16px"}}}}}]},{label:{en:"Background"},controls:[{label:{en:"Color"},controlConfig:{id:"background-color",type:"color-picker-v2",linkWithSetting:{name:"background",field:"color"},compoDefaultValue:{desktop:{default:"#ffffff"}}}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:{en:"Hover"},setting:{id:"enableHoverEffect"},state:"hover",controls:[{label:{en:"Text color"},setting:{id:"labelColor",state:"hover"}},{label:{en:"Font weight"},setting:{id:"fontWeight",state:"hover"}}]},{label:{en:"Active"},type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",popoverLabel:{en:"Active"},setting:{id:"enableActiveEffect"},state:"active",controls:[{label:{en:"Text color"},setting:{id:"labelColor",state:"active"}},{label:{en:"Font weight"},setting:{id:"fontWeight",state:"active"}}]}]},{label:{en:"Display option"},controls:[{label:{en:"Hide active page"},setting:{id:"hideCurrentPage"}}]},{controls:[{label:{en:"Align"},setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:{en:"Separator icon"},controls:[{label:{en:"Icon"},setting:{id:"iconSvg"}},{label:{en:"Color"},setting:{id:"color"}},{label:{en:"Size"},setting:{id:"iconWidth"}}]},{label:{en:"Text style"},controls:[{setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"labelColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"labelColor",valueFromField:"attrs.color",groupType:"setting",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Item spacing"},controls:[{label:{en:"Gap"},setting:{id:"spacing"}}]},{label:{en:"Size"},controls:[{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"4px",bottom:"4px",left:"16px",right:"16px"}}}}}]},{label:{en:"Background"},controls:[{label:{en:"Color"},controlConfig:{id:"background-color",type:"color-picker-v2",linkWithSetting:{name:"background",field:"color"},compoDefaultValue:{desktop:{default:"#ffffff"}}}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow?.normal?.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow?.normal?.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:{en:"Hover"},setting:{id:"enableHoverEffect"},state:"hover",controls:[{label:{en:"Text color"},setting:{id:"labelColor",state:"hover"}},{label:{en:"Font weight"},setting:{id:"fontWeight",state:"hover"}}]},{label:{en:"Active"},type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",popoverLabel:{en:"Active"},setting:{id:"enableActiveEffect"},state:"active",controls:[{label:{en:"Text color"},setting:{id:"labelColor",state:"active"}},{label:{en:"Font weight"},setting:{id:"fontWeight",state:"active"}}]}]},{label:{en:"Display option"},controls:[{label:{en:"Hide active page"},setting:{id:"hideCurrentPage"}}]},{controls:[{label:{en:"Align"},setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{SettingUIV2};

package/dist/esm/button/settings/configs/ui-v1.js

@@ -1 +1 @@
-let SettingUIV1=[{type:"group",controls:[{type:"control",label:{en:"Icon"},options:{label:"large"},setting:{id:"iconVisible"}},{type:"group",condition:"iconVisible == true",controls:[{type:"control",layout:"vertical",setting:{id:"iconSvg"}},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"},options:{styleWrapper:{marginBottom:"0 !important"}}}]}]},{type:"control",label:{en:"Insert link"},layout:"vertical",setting:{id:"btnLink"}},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"group",label:{en:"States"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"normal"}},{type:"group",condition:"hasBoxShadowBtn.normal == true",controls:[{type:"control",layout:"vertical",setting:{id:"boxShadowBtn",state:"normal"}}]}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"}},{type:"group",condition:"hasBoxShadowBtn.hover == true",controls:[{type:"control",setting:{id:"boxShadowBtn",state:"hover"},layout:"vertical"}]}]}]}]},{type:"group",label:{en:"Text"},controls:[{type:"control",setting:{id:"typo"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSize.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];export{SettingUIV1};
+let SettingUIV1=[{type:"group",controls:[{type:"control",label:{en:"Icon"},options:{label:"large"},setting:{id:"iconVisible"}},{type:"group",condition:"iconVisible == true",controls:[{type:"control",layout:"vertical",setting:{id:"iconSvg"}},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"},options:{styleWrapper:{marginBottom:"0 !important"}}}]}]},{type:"control",label:{en:"Insert link"},layout:"vertical",setting:{id:"btnLink"}},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"group",label:{en:"States"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"normal"}},{type:"group",condition:"hasBoxShadowBtn?.normal == true",controls:[{type:"control",layout:"vertical",setting:{id:"boxShadowBtn",state:"normal"}}]}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"}},{type:"group",condition:"hasBoxShadowBtn?.hover == true",controls:[{type:"control",setting:{id:"boxShadowBtn",state:"hover"},layout:"vertical"}]}]}]}]},{type:"group",label:{en:"Text"},controls:[{type:"control",setting:{id:"typo"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSize?.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];export{SettingUIV1};

package/dist/esm/button/settings/configs/ui-v2.js

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"globalSize",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,fallbackValue:"Auto",linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:{en:"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'pageType != "POST_PURCHASE"',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"}},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"<p>Button</p>"}}],options:{noRecordHistory:!0}}},{id:"typo",label:{en:"Basic"},setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover"},iconName:"polaris-check-hover",type:"combo",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},state:"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:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{controls:[{label:{en:"Link"},setting:{id:"enableBtnLink"},options:{labelVariant:"primary",toggleStyle:"switch"}},{layout:"vertical",controlConfig:{id:"linkedToPreSalesPageBanner",type:"banner",message:"Pre-sales page elements with link should redirect to the Sales page."},conditionDisplay:'pageType === "GP_PRE_SALE_PAGE" && enableBtnLink == true'},{type:"control",layout:"vertical",conditionDisplay:"enableBtnLink == true",setting:{id:"btnLink"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(globalSize.width === "default" || (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},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:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"globalSize",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,fallbackValue:"Auto",linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:{en:"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'pageType != "POST_PURCHASE"',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"}},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"<p>Button</p>"}}],options:{noRecordHistory:!0}}},{id:"typo",label:{en:"Basic"},setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover"},iconName:"polaris-check-hover",type:"combo",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},state:"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:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{controls:[{label:{en:"Link"},setting:{id:"enableBtnLink"},options:{labelVariant:"primary",toggleStyle:"switch"}},{layout:"vertical",controlConfig:{id:"linkedToPreSalesPageBanner",type:"banner",message:"Pre-sales page elements with link should redirect to the Sales page."},conditionDisplay:'pageType === "GP_PRE_SALE_PAGE" && enableBtnLink == true'},{type:"control",layout:"vertical",conditionDisplay:"enableBtnLink == true",setting:{id:"btnLink"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(globalSize.width === "default" || (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};

package/dist/esm/carousel/settings/configs/ui-v2.js

@@ -1 +1 @@
-let carouselNavigationSettings={controls:[{label:{en:"Navigation"},setting:{id:"navigationEnable"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"navigationEnable === true",label:{en:"Position"},setting:{id:"navigationStyle"}},{conditionDisplay:"navigationEnable === true",label:{en:"Icon"},setting:{id:"arrowCustom"}},{conditionDisplay:"navigationEnable === true",label:{en:"Icon size"},setting:{id:"arrowIconSize"}},{conditionDisplay:"navigationEnable === true",label:{en:"Icon color"},setting:{id:"arrowCustomColor"}}],moreSettings:{controls:[{type:"combo",conditionDisplay:"navigationEnable === true",label:{en:"Button size"},fixedValue:"Edit",iconName:"polaris-measurement-size",isHideClear:!0,controls:[{setting:{id:"arrowButtonSize"},layout:"vertical"},{label:{en:"Padding"},controlConfig:{id:"arrow-button-padding",type:"padding-v2",linkWithSetting:{name:"arrowButtonSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px",linked:!1}}}}}]},{conditionDisplay:"navigationEnable === true",label:{en:"Background"},setting:{id:"arrowBackgroundColor"}},{conditionDisplay:"navigationEnable === true",label:{en:"Border"},setting:{id:"arrowBorder"}},{conditionDisplay:"navigationEnable === true",label:{en:"Corner"},setting:{id:"roundedArrow"}},{conditionDisplay:"navigationEnable === true",label:{en:"Shadow"},setting:{id:"arrowShadow"}},{conditionDisplay:"navigationEnable === true",label:{en:"Gap to edge"},setting:{id:"arrowGapToEachSide"}},{conditionDisplay:"navigationEnable === true",label:{en:"Show on hover"},setting:{id:"showWhenHover"}}]}},carouselDotsSettings={controls:[{label:{en:"Dots"},setting:{id:"dot"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"dot === true",label:{en:"Position"},setting:{id:"dotStyle"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:{en:"Active color"},setting:{id:"dotActiveColor"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:{en:"Inactive color"},setting:{id:"dotColor"},options:{hiddenSwitchDeviceIcon:!0}}],moreSettings:{controls:[{conditionDisplay:"dot === true",label:{en:"Dots size"},setting:{id:"dotSize"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:{en:"Gap to edge"},setting:{id:"dotGapToCarousel"},options:{hiddenSwitchDeviceIcon:!0}}]}},carouselEffectsSettings={label:{en:"Slide effect"},controls:[{label:{en:"Autoplay"},setting:{id:"autoplay"}},{label:{en:"Delay"},setting:{id:"autoplayTimeout"},conditionDisplay:"autoplay === true"},{label:{en:"Pause On Hover"},setting:{id:"pauseOnHover"},conditionDisplay:"autoplay == true"},{label:{en:"Slide direction"},setting:{id:"rtl"}},{label:{en:"Infinity loop"},setting:{id:"loop"}},{label:{en:"Drag / swipe"},setting:{id:"enableDrag"}}],moreSettings:{controls:[{label:{en:"Slide speed"},setting:{id:"playSpeed"}},{label:{en:"Animation"},setting:{id:"animationMode"}},{setting:{id:"runPreview"},layout:"vertical",conditionDisplay:"autoplay === true"}]}},SettingUIV2=[{label:{en:"Items per slide"},controls:[{setting:{id:"itemNumber"},layout:"vertical",popoverLabel:{en:"Items per slide"}}]},{label:{en:"Display"},controls:[{label:{en:"Sneak peek"},type:"combo",setting:{id:"sneakPeak"},fixedValue:"Styled",iconName:"gp-sneak-peek-left",conditionEnable:"itemNumber > 1",options:{disableMessage:"Sneak peek doesn't work <br> with 1-column layout"},controls:[{layout:"vertical",label:{en:"style"},setting:{id:"sneakPeakType"}},{conditionDisplay:'sneakPeakType == "forward"',label:{en:"Ratio"},setting:{id:"sneakPeakOffsetForward"}},{conditionDisplay:'sneakPeakType == "center"',label:{en:"Ratio"},setting:{id:"sneakPeakOffsetCenter"}}]}]},{label:{en:"Item management"},controls:[{label:{en:"Order"},setting:{id:"childItem"}}]},{label:{en:"Item spacing"},controls:[{label:{en:"Gap"},setting:{id:"spacing"}}]},{label:{en:"Item style"},controls:[{label:{en:"Padding"},controlConfig:{id:"itemPadding",type:"padding-v2",linkWithSetting:{name:"itemPadding",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}}},{label:{en:"Background"},setting:{id:"background"}}],moreSettings:{controls:[{label:{en:"Border"},setting:{id:"borderContent"}},{label:{en:"Corner"},setting:{id:"roundedContent"}},{label:{en:"Shadow"},setting:{id:"carouselShadow"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"carouselShadow.enable === true",source:["carouselShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"carouselShadow.enable === false",source:["carouselShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]}},carouselNavigationSettings,carouselDotsSettings,carouselEffectsSettings,{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"sizeSetting",field:"width"},displayOptions:[{label:"Default",value:"default",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,fallbackValue:"Auto",linkWithSetting:{name:"sizeSetting",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"slider-padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColor"}},{label:{en:"Image"},setting:{id:"backgroundImage"}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.width?.includes("%"))',setting:{id:"align"},label:{en:"Align"},options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2,carouselDotsSettings,carouselEffectsSettings,carouselNavigationSettings};
+let carouselNavigationSettings={controls:[{label:{en:"Navigation"},setting:{id:"navigationEnable"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"navigationEnable === true",label:{en:"Position"},setting:{id:"navigationStyle"}},{conditionDisplay:"navigationEnable === true",label:{en:"Icon"},setting:{id:"arrowCustom"}},{conditionDisplay:"navigationEnable === true",label:{en:"Icon size"},setting:{id:"arrowIconSize"}},{conditionDisplay:"navigationEnable === true",label:{en:"Icon color"},setting:{id:"arrowCustomColor"}}],moreSettings:{controls:[{type:"combo",conditionDisplay:"navigationEnable === true",label:{en:"Button size"},fixedValue:"Edit",iconName:"polaris-measurement-size",isHideClear:!0,controls:[{setting:{id:"arrowButtonSize"},layout:"vertical"},{label:{en:"Padding"},controlConfig:{id:"arrow-button-padding",type:"padding-v2",linkWithSetting:{name:"arrowButtonSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px",linked:!1}}}}}]},{conditionDisplay:"navigationEnable === true",label:{en:"Background"},setting:{id:"arrowBackgroundColor"}},{conditionDisplay:"navigationEnable === true",label:{en:"Border"},setting:{id:"arrowBorder"}},{conditionDisplay:"navigationEnable === true",label:{en:"Corner"},setting:{id:"roundedArrow"}},{conditionDisplay:"navigationEnable === true",label:{en:"Shadow"},setting:{id:"arrowShadow"}},{conditionDisplay:"navigationEnable === true",label:{en:"Gap to edge"},setting:{id:"arrowGapToEachSide"}},{conditionDisplay:"navigationEnable === true",label:{en:"Show on hover"},setting:{id:"showWhenHover"}}]}},carouselDotsSettings={controls:[{label:{en:"Dots"},setting:{id:"dot"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"dot === true",label:{en:"Position"},setting:{id:"dotStyle"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:{en:"Active color"},setting:{id:"dotActiveColor"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:{en:"Inactive color"},setting:{id:"dotColor"},options:{hiddenSwitchDeviceIcon:!0}}],moreSettings:{controls:[{conditionDisplay:"dot === true",label:{en:"Dots size"},setting:{id:"dotSize"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:{en:"Gap to edge"},setting:{id:"dotGapToCarousel"},options:{hiddenSwitchDeviceIcon:!0}}]}},carouselEffectsSettings={label:{en:"Slide effect"},controls:[{label:{en:"Autoplay"},setting:{id:"autoplay"}},{label:{en:"Delay"},setting:{id:"autoplayTimeout"},conditionDisplay:"autoplay === true"},{label:{en:"Pause On Hover"},setting:{id:"pauseOnHover"},conditionDisplay:"autoplay == true"},{label:{en:"Slide direction"},setting:{id:"rtl"}},{label:{en:"Infinity loop"},setting:{id:"loop"}},{label:{en:"Drag / swipe"},setting:{id:"enableDrag"}}],moreSettings:{controls:[{label:{en:"Slide speed"},setting:{id:"playSpeed"}},{label:{en:"Animation"},setting:{id:"animationMode"}},{setting:{id:"runPreview"},layout:"vertical",conditionDisplay:"autoplay === true"}]}},SettingUIV2=[{label:{en:"Items per slide"},controls:[{setting:{id:"itemNumber"},layout:"vertical",popoverLabel:{en:"Items per slide"}}]},{label:{en:"Display"},controls:[{label:{en:"Sneak peek"},type:"combo",setting:{id:"sneakPeak"},fixedValue:"Styled",iconName:"gp-sneak-peek-left",conditionEnable:"itemNumber > 1",options:{disableMessage:"Sneak peek doesn't work <br> with 1-column layout"},controls:[{layout:"vertical",label:{en:"style"},setting:{id:"sneakPeakType"}},{conditionDisplay:'sneakPeakType == "forward"',label:{en:"Ratio"},setting:{id:"sneakPeakOffsetForward"}},{conditionDisplay:'sneakPeakType == "center"',label:{en:"Ratio"},setting:{id:"sneakPeakOffsetCenter"}}]}]},{label:{en:"Item management"},controls:[{label:{en:"Order"},setting:{id:"childItem"}}]},{label:{en:"Item spacing"},controls:[{label:{en:"Gap"},setting:{id:"spacing"}}]},{label:{en:"Item style"},controls:[{label:{en:"Padding"},controlConfig:{id:"itemPadding",type:"padding-v2",linkWithSetting:{name:"itemPadding",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}}},{label:{en:"Background"},setting:{id:"background"}}],moreSettings:{controls:[{label:{en:"Border"},setting:{id:"borderContent"}},{label:{en:"Corner"},setting:{id:"roundedContent"}},{label:{en:"Shadow"},setting:{id:"carouselShadow"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"carouselShadow?.enable === true",source:["carouselShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"carouselShadow?.enable === false",source:["carouselShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]}},carouselNavigationSettings,carouselDotsSettings,carouselEffectsSettings,{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"sizeSetting",field:"width"},displayOptions:[{label:"Default",value:"default",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,fallbackValue:"Auto",linkWithSetting:{name:"sizeSetting",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"slider-padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColor"}},{label:{en:"Image"},setting:{id:"backgroundImage"}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow?.normal?.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow?.normal?.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.width?.includes("%"))',setting:{id:"align"},label:{en:"Align"},options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2,carouselDotsSettings,carouselEffectsSettings,carouselNavigationSettings};

package/dist/esm/carousel-v3/settings/configs/ui-v2.js

@@ -1 +1 @@
-let carouselNavigationSettings={controls:[{label:{en:"Navigation"},setting:{id:"navigationEnable"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"navigationEnable === true",label:{en:"Position"},setting:{id:"navigationStyle"}},{conditionDisplay:"navigationEnable === true",label:{en:"Icon"},setting:{id:"arrowCustom"}},{conditionDisplay:"navigationEnable === true",label:{en:"Icon size"},setting:{id:"arrowIconSize"}},{conditionDisplay:"navigationEnable === true",label:{en:"Icon color"},setting:{id:"arrowCustomColor"}}],moreSettings:{controls:[{type:"combo",conditionDisplay:"navigationEnable === true",label:{en:"Button size"},fixedValue:"Edit",iconName:"polaris-measurement-size",isHideClear:!0,controls:[{setting:{id:"arrowButtonSize"},layout:"vertical"},{label:{en:"Padding"},controlConfig:{id:"arrow-button-padding",type:"padding-v2",linkWithSetting:{name:"arrowButtonSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px",linked:!1}}}}}]},{conditionDisplay:"navigationEnable === true",label:{en:"Background"},setting:{id:"arrowBackgroundColor"}},{conditionDisplay:"navigationEnable === true",label:{en:"Border"},setting:{id:"arrowBorder"}},{conditionDisplay:"navigationEnable === true",label:{en:"Corner"},setting:{id:"roundedArrow"}},{conditionDisplay:"navigationEnable === true",label:{en:"Shadow"},setting:{id:"arrowShadow"}},{conditionDisplay:"navigationEnable === true",label:{en:"Gap to edge"},setting:{id:"arrowGapToEachSide"}},{conditionDisplay:"navigationEnable === true",label:{en:"Show on hover"},setting:{id:"showWhenHover"}}]}},carouselDotsSettings={controls:[{label:{en:"Dots"},setting:{id:"dot"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"dot === true",label:{en:"Position"},setting:{id:"dotStyle"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:{en:"Active color"},setting:{id:"dotActiveColor"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:{en:"Inactive color"},setting:{id:"dotColor"},options:{hiddenSwitchDeviceIcon:!0}}],moreSettings:{controls:[{conditionDisplay:"dot === true",label:{en:"Dots size"},setting:{id:"dotSize"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:{en:"Gap to edge"},setting:{id:"dotGapToCarousel"},options:{hiddenSwitchDeviceIcon:!0}}]}},carouselEffectsSettings={label:{en:"Slide effect"},controls:[{label:{en:"Autoplay"},setting:{id:"autoplay"}},{label:{en:"Delay"},setting:{id:"autoplayTimeout"},conditionDisplay:"autoplay === true"},{label:{en:"Pause On Hover"},setting:{id:"pauseOnHover"},conditionDisplay:"autoplay == true"},{label:{en:"Slide direction"},setting:{id:"rtl"}},{label:{en:"Infinity loop"},setting:{id:"loop"}},{label:{en:"Drag / swipe"},setting:{id:"enableDrag"}}],moreSettings:{controls:[{label:{en:"Slide speed"},setting:{id:"playSpeed"}},{label:{en:"Animation"},setting:{id:"animationMode"}},{setting:{id:"runPreview"},layout:"vertical",conditionDisplay:"autoplay === true"}]}},SettingUIV2=[{label:{en:"Items per slide"},controls:[{setting:{id:"itemNumber"},layout:"vertical",popoverLabel:{en:"Items per slide"}}]},{label:{en:"Display"},controls:[{label:{en:"Sneak peek"},type:"combo",setting:{id:"sneakPeak"},fixedValue:"Styled",iconName:"gp-sneak-peek-left",conditionEnable:"itemNumber > 1",options:{disableMessage:"Sneak peek doesn't work <br> with 1-column layout"},controls:[{layout:"vertical",label:{en:"style"},setting:{id:"sneakPeakType"}},{conditionDisplay:'sneakPeakType == "forward"',label:{en:"Ratio"},setting:{id:"sneakPeakOffsetForward"}},{conditionDisplay:'sneakPeakType == "center"',label:{en:"Ratio"},setting:{id:"sneakPeakOffsetCenter"}}]}]},{label:{en:"Item management"},controls:[{label:{en:"Order"},setting:{id:"childItem"}}]},{label:{en:"Item spacing"},controls:[{label:{en:"Gap"},setting:{id:"spacing"}}]},{label:{en:"Item style"},controls:[{label:{en:"Padding"},controlConfig:{id:"itemPadding",type:"padding-v2",linkWithSetting:{name:"itemPadding",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}}},{label:{en:"Background"},setting:{id:"background"}}],moreSettings:{controls:[{label:{en:"Border"},setting:{id:"borderContent"}},{label:{en:"Corner"},setting:{id:"roundedContent"}},{label:{en:"Shadow"},setting:{id:"carouselShadow"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"carouselShadow.enable === true",source:["carouselShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"carouselShadow.enable === false",source:["carouselShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]}},carouselNavigationSettings,carouselDotsSettings,carouselEffectsSettings,{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"sizeSetting",field:"width"},displayOptions:[{label:"Default",value:"default",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,fallbackValue:"Auto",linkWithSetting:{name:"sizeSetting",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"slider-padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColor"}},{label:{en:"Image"},setting:{id:"backgroundImage"}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.width?.includes("%"))',setting:{id:"align"},label:{en:"Align"},options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2,carouselDotsSettings,carouselEffectsSettings,carouselNavigationSettings};
+let carouselNavigationSettings={controls:[{label:{en:"Navigation"},setting:{id:"navigationEnable"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"navigationEnable === true",label:{en:"Position"},setting:{id:"navigationStyle"}},{conditionDisplay:"navigationEnable === true",label:{en:"Icon"},setting:{id:"arrowCustom"}},{conditionDisplay:"navigationEnable === true",label:{en:"Icon size"},setting:{id:"arrowIconSize"}},{conditionDisplay:"navigationEnable === true",label:{en:"Icon color"},setting:{id:"arrowCustomColor"}}],moreSettings:{controls:[{type:"combo",conditionDisplay:"navigationEnable === true",label:{en:"Button size"},fixedValue:"Edit",iconName:"polaris-measurement-size",isHideClear:!0,controls:[{setting:{id:"arrowButtonSize"},layout:"vertical"},{label:{en:"Padding"},controlConfig:{id:"arrow-button-padding",type:"padding-v2",linkWithSetting:{name:"arrowButtonSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px",linked:!1}}}}}]},{conditionDisplay:"navigationEnable === true",label:{en:"Background"},setting:{id:"arrowBackgroundColor"}},{conditionDisplay:"navigationEnable === true",label:{en:"Border"},setting:{id:"arrowBorder"}},{conditionDisplay:"navigationEnable === true",label:{en:"Corner"},setting:{id:"roundedArrow"}},{conditionDisplay:"navigationEnable === true",label:{en:"Shadow"},setting:{id:"arrowShadow"}},{conditionDisplay:"navigationEnable === true",label:{en:"Gap to edge"},setting:{id:"arrowGapToEachSide"}},{conditionDisplay:"navigationEnable === true",label:{en:"Show on hover"},setting:{id:"showWhenHover"}}]}},carouselDotsSettings={controls:[{label:{en:"Dots"},setting:{id:"dot"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"dot === true",label:{en:"Position"},setting:{id:"dotStyle"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:{en:"Active color"},setting:{id:"dotActiveColor"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:{en:"Inactive color"},setting:{id:"dotColor"},options:{hiddenSwitchDeviceIcon:!0}}],moreSettings:{controls:[{conditionDisplay:"dot === true",label:{en:"Dots size"},setting:{id:"dotSize"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:{en:"Gap to edge"},setting:{id:"dotGapToCarousel"},options:{hiddenSwitchDeviceIcon:!0}}]}},carouselEffectsSettings={label:{en:"Slide effect"},controls:[{label:{en:"Autoplay"},setting:{id:"autoplay"}},{label:{en:"Delay"},setting:{id:"autoplayTimeout"},conditionDisplay:"autoplay === true"},{label:{en:"Pause On Hover"},setting:{id:"pauseOnHover"},conditionDisplay:"autoplay == true"},{label:{en:"Slide direction"},setting:{id:"rtl"}},{label:{en:"Infinity loop"},setting:{id:"loop"}},{label:{en:"Drag / swipe"},setting:{id:"enableDrag"}}],moreSettings:{controls:[{label:{en:"Slide speed"},setting:{id:"playSpeed"}},{label:{en:"Animation"},setting:{id:"animationMode"}},{setting:{id:"runPreview"},layout:"vertical",conditionDisplay:"autoplay === true"}]}},SettingUIV2=[{label:{en:"Items per slide"},controls:[{setting:{id:"itemNumber"},layout:"vertical",popoverLabel:{en:"Items per slide"}}]},{label:{en:"Display"},controls:[{label:{en:"Sneak peek"},type:"combo",setting:{id:"sneakPeak"},fixedValue:"Styled",iconName:"gp-sneak-peek-left",conditionEnable:"itemNumber > 1",options:{disableMessage:"Sneak peek doesn't work <br> with 1-column layout"},controls:[{layout:"vertical",label:{en:"style"},setting:{id:"sneakPeakType"}},{conditionDisplay:'sneakPeakType == "forward"',label:{en:"Ratio"},setting:{id:"sneakPeakOffsetForward"}},{conditionDisplay:'sneakPeakType == "center"',label:{en:"Ratio"},setting:{id:"sneakPeakOffsetCenter"}}]}]},{label:{en:"Item management"},controls:[{label:{en:"Order"},setting:{id:"childItem"}}]},{label:{en:"Item spacing"},controls:[{label:{en:"Gap"},setting:{id:"spacing"}}]},{label:{en:"Item style"},controls:[{label:{en:"Padding"},controlConfig:{id:"itemPadding",type:"padding-v2",linkWithSetting:{name:"itemPadding",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}}},{label:{en:"Background"},setting:{id:"background"}}],moreSettings:{controls:[{label:{en:"Border"},setting:{id:"borderContent"}},{label:{en:"Corner"},setting:{id:"roundedContent"}},{label:{en:"Shadow"},setting:{id:"carouselShadow"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"carouselShadow?.enable === true",source:["carouselShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"carouselShadow?.enable === false",source:["carouselShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]}},carouselNavigationSettings,carouselDotsSettings,carouselEffectsSettings,{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"sizeSetting",field:"width"},displayOptions:[{label:"Default",value:"default",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,fallbackValue:"Auto",linkWithSetting:{name:"sizeSetting",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"slider-padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColor"}},{label:{en:"Image"},setting:{id:"backgroundImage"}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow?.normal?.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow?.normal?.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.width?.includes("%"))',setting:{id:"align"},label:{en:"Align"},options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2,carouselDotsSettings,carouselEffectsSettings,carouselNavigationSettings};

package/dist/esm/code/common/styles.js

@@ -1 +1 @@
-import{makeStyleResponsive as e,getStyleBackgroundByDevice as t}from"@gem-sdk/core";let getCodeStyle=(o,d,g)=>({...o,...e("ta",d?.align),...t(d?.background,{liquid:g})});export{getCodeStyle};
+import{makeStyleResponsive as e,getStyleBackgroundByDevice as t}from"@gem-sdk/core";import{getBackgroundTranslated as r}from"../../helpers.js";let getCodeStyle=({setting:l,style:a,isLiquid:i,uid:o,pageContext:s,type:d="React"})=>{let{background:m}=l??{},n="Liquid"===d?r({background:m,uid:o,translate:l?.translate,pageContext:s,isTranslateVideo:!1}):m;return{...a,...e("ta",l?.align),...t(n||m,{liquid:i})}};export{getCodeStyle};

package/dist/esm/code/components/CSSCode.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import a from"next/head";import m from"../hooks/useCSSCode.js";import{createStyle as s,createClass as i}from"@gem-sdk/system";import{getCodeStyle as l}from"../common/styles.js";import{getCodeClasses as d}from"../common/classes.js";let CSSCode=({setting:t,style:c,advanced:n,builderAttrs:g,builderProps:k,children:p})=>{let{editorData:u}=n,{handleDoubleClickCustomCode:h,htmlPlainText:b,mode:f}=m(n,t),C=s(l(c,t,!1)),S=i(d(k?.uid,"edit"!==f&&!u?.html,n?.cssClass));return e(r,{children:[o(a,{children:!!t?.preloadBgImage&&e(r,{children:[!!t?.background?.desktop?.image?.src&&o("link",{rel:"preload",href:t.background.desktop.image.src,as:"image"}),!!t?.background?.tablet?.image?.src&&o("link",{rel:"preload",href:t.background.tablet.image.src,as:"image"}),!!t?.background?.mobile?.image?.src&&o("link",{rel:"preload",href:t.background.mobile.image.src,as:"image"})]})}),e("div",{onClick:h,"aria-hidden":"true",style:C,...g,className:S,children:[o("div",{dangerouslySetInnerHTML:{__html:b||""}}),p]})]})};export{CSSCode as default};
+import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import a from"next/head";import i from"../hooks/useCSSCode.js";import{createStyle as s,createClass as m}from"@gem-sdk/system";import{getCodeStyle as d}from"../common/styles.js";import{getCodeClasses as t}from"../common/classes.js";let CSSCode=({setting:l,style:c,advanced:n,builderAttrs:g,builderProps:u,children:p,pageContext:k})=>{let{editorData:h}=n,{handleDoubleClickCustomCode:b,htmlPlainText:f,mode:C}=i(n,l),S=s(d({setting:l,style:c,isLiquid:!1,uid:u?.uid,pageContext:k,type:"React"})),y=m(t(u?.uid,"edit"!==C&&!h?.html,n?.cssClass));return e(r,{children:[o(a,{children:!!l?.preloadBgImage&&e(r,{children:[!!l?.background?.desktop?.image?.src&&o("link",{rel:"preload",href:l.background.desktop.image.src,as:"image"}),!!l?.background?.tablet?.image?.src&&o("link",{rel:"preload",href:l.background.tablet.image.src,as:"image"}),!!l?.background?.mobile?.image?.src&&o("link",{rel:"preload",href:l.background.mobile.image.src,as:"image"})]})}),e("div",{onClick:b,"aria-hidden":"true",style:S,...g,className:y,children:[o("div",{dangerouslySetInnerHTML:{__html:f||""}}),p]})]})};export{CSSCode as default};

package/dist/esm/code/components/CSSCode.liquid.js

@@ -1,12 +1,12 @@
-import{template as e,RenderIf as s}from"@gem-sdk/core";import{createStyle as r,createClass as m}from"@gem-sdk/system";import{getCodeStyle as a}from"../common/styles.js";import{getCodeClasses as i}from"../common/classes.js";let CSSCode=({setting:t,style:l,advanced:o,builderAttrs:d,builderProps:c})=>{let{background:g,preloadBgImage:p}=t??{},$=o?.editorData,f=$?.html?.trim(),k=r(a(l,t,!0)),n=m(i(c?.uid,!$?.html&&!g,o?.cssClass));return e`
-  ${s(!!p,`${s(!!g?.desktop?.image?.src,`<link rel="preload" href="${g?.desktop?.image?.src}" as="image" />`)}${s(!!g?.tablet?.image?.src,`<link rel="preload" href="${g?.tablet?.image?.src}" as="image" />`)}${s(!!g?.mobile?.image?.src,`<link rel="preload" href="${g?.mobile?.image?.src}" as="image" />`)}`)}
+import{template as e,RenderIf as s}from"@gem-sdk/core";import{createStyle as i,createClass as r}from"@gem-sdk/system";import{getCodeStyle as m}from"../common/styles.js";import{getCodeClasses as a}from"../common/classes.js";let CSSCode=({setting:t,style:o,advanced:l,builderAttrs:d,builderProps:c,pageContext:p})=>{let{background:g,preloadBgImage:$}=t??{},f=l?.editorData,k=f?.html?.trim(),u=i(m({setting:t,style:o,isLiquid:!0,uid:c?.uid,pageContext:p,type:"Liquid"})),n=r(a(c?.uid,!f?.html&&!g,l?.cssClass));return e`
+  ${s(!!$,`${s(!!g?.desktop?.image?.src,`<link rel="preload" href="${g?.desktop?.image?.src}" as="image" />`)}${s(!!g?.tablet?.image?.src,`<link rel="preload" href="${g?.tablet?.image?.src}" as="image" />`)}${s(!!g?.mobile?.image?.src,`<link rel="preload" href="${g?.mobile?.image?.src}" as="image" />`)}`)}
     <div
       ${{...d}}
-      style="${k}"
+      style="${u}"
       data-keep-class="true"
       class="${n}">
       <div>
-    ${f}
+    ${k}
     </div>
     </div>
   `};export{CSSCode as default};

package/dist/esm/code/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"next/head";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import t from"./settings/CSSCode.js";let codeSetting={CSSCode:t};export{codeSetting};
+import"react/jsx-runtime";import"next/head";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"next/link";import t from"./settings/CSSCode.js";let codeSetting={CSSCode:t};export{codeSetting};

package/dist/esm/code/settings/configs/settings.js

@@ -1 +1 @@
-let SettingCode=[{id:"setting",controls:[{id:"customLabel",type:"input",default:"Custom code",isUpdateCustomLabel:!0},{id:"editorData",type:"customCodeEditor"},{id:"speedParallax",type:"customCodeEditor"},{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"bg-1",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1}}}},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]},{id:"style",controls:[]}];export{SettingCode};
+let SettingCode=[{id:"setting",controls:[{id:"customLabel",type:"input",default:"Custom code",isUpdateCustomLabel:!0},{id:"editorData",type:"customCodeEditor"},{id:"speedParallax",type:"customCodeEditor"},{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"bg-1",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1}}}},{id:"translate",type:"input",default:[{id:"background",fields:["image.src"]}]},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]},{id:"style",controls:[]}];export{SettingCode};

package/dist/esm/code/settings/configs/ui-v1.js

@@ -1 +1 @@
-let SettingUIV1=[{type:"control",setting:{id:"editorData"},layout:"vertical"},{type:"group",controls:[{type:"control",setting:{id:"background"},label:{en:"Background"},layout:"vertical",options:{styleLabel:{marginBottom:"4px"}}},{label:{en:"Preload"},type:"control",setting:{id:"preloadBgImage"},condition:'background.type == "image"'}]},{type:"control",label:{en:"Align"},setting:{id:"align"}}];export{SettingUIV1};
+let SettingUIV1=[{type:"control",setting:{id:"editorData"},layout:"vertical"},{type:"group",controls:[{type:"control",setting:{id:"background"},label:{en:"Background"},layout:"vertical",options:{styleLabel:{marginBottom:"4px"}}},{label:{en:"Preload"},type:"control",setting:{id:"preloadBgImage"},condition:'background?.type == "image"'}]},{type:"control",label:{en:"Align"},setting:{id:"align"}}];export{SettingUIV1};

package/dist/esm/collection/settings/collection-banner/configs/ui-v1.js

@@ -1 +1 @@
-let SettingUIV1=[{type:"control",label:{en:"Layout"},setting:{id:"layout"},layout:"vertical"},{type:"group",label:{en:"Align"},condition:"layout.display !== 'fill' || (layout.display === 'fill' && !!layout.cols && layout.cols.length > 1)",controls:[{type:"control",label:{en:"Vertical"},setting:{id:"verticalAlign"},condition:"!!layout.cols && layout.cols.length > 1"},{type:"control",label:{en:"Horizontal"},condition:"layout.display !== 'fill'",setting:{id:"horizontalAlign"}}]},{type:"group",label:{en:"Collection Banner"},options:{labelSpacing:"small"},controls:[{type:"control",label:{en:"Image"},layout:"vertical",setting:{id:"background"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Fit height to content"},options:{info:"near"},setting:{id:"fixedMode"}},{type:"control",label:{en:"Height"},condition:"fixedMode==false",setting:{id:"height"}},{type:"control",label:{en:"Content width"},setting:{id:"width"}},{type:"control",label:{en:"Column gap"},setting:{id:"verticalGutter"},condition:"!!layout.cols && layout.cols.length > 1"},{type:"control",label:{en:"Content align"},setting:{id:"contentPosition"}}]},{type:"group",label:{en:"Overlay"},controls:[{type:"control",label:{en:"Color"},setting:{id:"overlayColor",state:"normal"}},{type:"control",label:{en:"Opacity"},setting:{id:"overlayOpacity",state:"normal"}}]},{type:"group",label:{en:"Effect"},controls:[{type:"control",label:{en:"Hover effect"},setting:{id:"hoverEffect"}},{type:"control",label:{en:"Zoom value"},condition:'hoverEffect=="zoom"',setting:{id:"hoverScale"}},{type:"control",label:{en:"Zoom time"},condition:'hoverEffect=="zoom"',setting:{id:"hoverDuration"}}]}];export{SettingUIV1};
+let SettingUIV1=[{type:"control",label:{en:"Layout"},setting:{id:"layout"},layout:"vertical"},{type:"group",label:{en:"Align"},condition:"layout?.display !== 'fill' || (layout?.display === 'fill' && !!layout?.cols && layout?.cols?.length > 1)",controls:[{type:"control",label:{en:"Vertical"},setting:{id:"verticalAlign"},condition:"!!layout?.cols && layout?.cols?.length > 1"},{type:"control",label:{en:"Horizontal"},condition:"layout?.display !== 'fill'",setting:{id:"horizontalAlign"}}]},{type:"group",label:{en:"Collection Banner"},options:{labelSpacing:"small"},controls:[{type:"control",label:{en:"Image"},layout:"vertical",setting:{id:"background"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Fit height to content"},options:{info:"near"},setting:{id:"fixedMode"}},{type:"control",label:{en:"Height"},condition:"fixedMode==false",setting:{id:"height"}},{type:"control",label:{en:"Content width"},setting:{id:"width"}},{type:"control",label:{en:"Column gap"},setting:{id:"verticalGutter"},condition:"!!layout?.cols && layout?.cols?.length > 1"},{type:"control",label:{en:"Content align"},setting:{id:"contentPosition"}}]},{type:"group",label:{en:"Overlay"},controls:[{type:"control",label:{en:"Color"},setting:{id:"overlayColor",state:"normal"}},{type:"control",label:{en:"Opacity"},setting:{id:"overlayOpacity",state:"normal"}}]},{type:"group",label:{en:"Effect"},controls:[{type:"control",label:{en:"Hover effect"},setting:{id:"hoverEffect"}},{type:"control",label:{en:"Zoom value"},condition:'hoverEffect=="zoom"',setting:{id:"hoverScale"}},{type:"control",label:{en:"Zoom time"},condition:'hoverEffect=="zoom"',setting:{id:"hoverDuration"}}]}];export{SettingUIV1};

package/dist/esm/countdown-timer/components/Countdown.liquid.js

@@ -1,30 +1,30 @@
-import{template as e,RenderIf as t,isLocalEnv as s,baseAssetURL as r}from"@gem-sdk/core";import o from"../../text/components/Text.liquid.js";import{getInsertLinkData as i,getSettingPreloadData as l}from"../../helpers.js";import{createStateOrContext as d,createStyle as a,createClass as n,createAttr as c,If as u}from"@gem-sdk/system";import{getAttr as m,getAttrHref as p}from"../common/attrs.js";import{getDateStyle as $,getTextFrontStyle as y,getTextBackStyle as f,getWrapperStyle as g,getContainStyle as x}from"../common/styles.js";import{getTextFrontClasses as w,getWrapperClasses as b,getContentClasses as h,getLinkClasses as k,getDateClasses as v,getTextBackClasses as j}from"../common/classes.js";let Countdown=L=>{let{setting:S,styles:A,builderProps:C,advanced:E,pageContext:N}=L,{labelTypo:I,numTypo:P,numTypography:q,labelTypography:F,enableLabelTextStyle:G}=A??{},{weekLabel:O,dayLabel:T,hourLabel:_,minuteLabel:J,secondLabel:M,enableWeek:R,enableDay:V,enableHour:z,enableMinute:B,enableSecond:D,redirectUrl:H,translate:K,autoHideWhenTimeout:Q}=S??{},U=!!H?.link,{urlData:W}=i("",H),X=d({...S,...C}),Y=a({...$(A)}),Z=e=>n({...v(e)}),ee=n({...w(A)}),et=a({...y(A)}),es=a({...f(A)}),er=e=>n({...j(A,e)}),eo=c({...m({uid:C?.uid||""})}),ei=c({...p({uid:W.href||""})}),el=a({...g(A)}),ed=n({...b(E?.cssClass)}),ea=n({...h({isLiquid:!0,autoHideWhenTimeout:Q})}),en=a({...x(A)}),ec=(t,s,r)=>e`
-    <div style="${Y}" class="${Z(s)}">
-    ${o({styles:{typography:q,typo:P},setting:{...S,text:"00",excludeFlex:!0,translate:""},style:et,className:ee,builderAttrs:{id:t},builderProps:{...C,uid:C?.uid,uidInteraction:`${C?.uid}-text`}})}
-    ${u(!!G,e`
-         ${o({styles:{typography:F,typo:I},setting:{...S,text:s,excludeFlex:!0,translate:r},style:es,className:er(s),builderProps:{...C,uid:C?.uid,uidInteraction:`${C?.uid}-text`},pageContext:N})}
+import{template as e,RenderIf as t,isLocalEnv as s,baseAssetURL as r}from"@gem-sdk/core";import o from"../../text/components/Text.liquid.js";import{getInsertLinkData as i,getSettingPreloadData as l}from"../../helpers.js";import{createStateOrContext as a,createStyle as d,createClass as n,createAttr as c,If as m}from"@gem-sdk/system";import{getAttr as u,getAttrHref as p}from"../common/attrs.js";import{getDateStyle as $,getTextFrontStyle as y,getTextBackStyle as f,getWrapperStyle as g,getContainStyle as x}from"../common/styles.js";import{getTextFrontClasses as h,getWrapperClasses as w,getContentClasses as b,getLinkClasses as k,getDateClasses as v,getTextBackClasses as j}from"../common/classes.js";import{useMemo as L}from"react";let Countdown=S=>{let{setting:A,styles:C,builderProps:E,advanced:N,pageContext:I}=S,{labelTypo:P,numTypo:q,numTypography:F,labelTypography:G,enableLabelTextStyle:O}=C??{},{weekLabel:T,dayLabel:_,hourLabel:J,minuteLabel:M,secondLabel:R,enableWeek:V,enableDay:z,enableHour:B,enableMinute:D,enableSecond:H,redirectUrl:K,translate:Q,autoHideWhenTimeout:U}=A??{},W=!!K?.link,{urlData:X}=i("",K),Y=a({...A,...E}),Z=d({...$(C)}),ee=e=>n({...v(e)}),et=n({...h(C)}),es=d({...y(C)}),er=d({...f(C)}),eo=e=>n({...j(C,e)}),ei=c({...u({uid:E?.uid||""})}),el=c({...p({uid:X.href||""})}),ea=d({...g(C)}),ed=n({...w(N?.cssClass)}),en=n({...b({isLiquid:!0,autoHideWhenTimeout:U})}),ec=d({...x(C)}),em=L(()=>!!Q&&0!==Q.length,[Q]),eu=(t,s,r)=>e`
+    <div style="${Z}" class="${ee(s)}">
+    ${o({styles:{typography:F,typo:q},setting:{...A,text:"00",excludeFlex:!0,translate:[]},style:es,className:et,builderAttrs:{id:t},builderProps:{...E,uid:E?.uid,uidInteraction:`${E?.uid}-text`}})}
+    ${m(!!O,e`
+         ${o({styles:{typography:G,typo:P},setting:{...A,text:s,excludeFlex:!0,translate:r},style:er,className:eo(s),builderProps:{...E,uid:E?.uid,uidInteraction:`${E?.uid}-text`},pageContext:I})}
     `)}
     </div>
-    `,eu=n({...k()}),em=()=>t(s,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-countdown-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${r}/assets-v2/gp-countdown-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return e`
+    `,ep=n({...k()}),e$=()=>t(s,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-countdown-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${r}/assets-v2/gp-countdown-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return e`
     <gp-countdown-timer
-        ${{...eo}}
         ${{...ei}}
+        ${{...el}}
         class="${ed}"
-        style="${el}"
-        gp-data='${JSON.stringify(X).replaceAll("'","&#039;")}'>
-        <div id="section-countdown" class="${ea}" style="${en}">
-          ${u(U,`<a
-              href="${W.href}"
-              target="${W?.target}"
+        style="${ea}"
+        gp-data='${JSON.stringify(Y).replaceAll("'","&#039;")}'>
+        <div id="section-countdown" class="${en}" style="${ec}">
+          ${m(W,`<a
+              href="${X.href}"
+              target="${X?.target}"
               aria-label="Countdown link"
-              class="${eu}"
+              class="${ep}"
             > </a>`)}
-          ${u(R,ec("week",O,K?"weekLabel":""))}
-          ${u(V,ec("day",T,K?"dayLabel":""))}
-          ${u(z,ec("hour",_,K?"hourLabel":""))}
-          ${u(B,ec("minute",J,K?"minuteLabel":""))}
-          ${u(D,ec("second",M,K?"secondLabel":""))}
+          ${m(V,eu("week",T,em?"weekLabel":""))}
+          ${m(z,eu("day",_,em?"dayLabel":""))}
+          ${m(B,eu("hour",J,em?"hourLabel":""))}
+          ${m(D,eu("minute",M,em?"minuteLabel":""))}
+          ${m(H,eu("second",R,em?"secondLabel":""))}
         </div>
      </gp-countdown-timer>
-    ${em()}
+    ${e$()}
   `};export{Countdown as default};

package/dist/esm/countdown-timer/settings/configs/ui-v2.js

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Countdown time"},controls:[{label:{en:"Type"},setting:{id:"behaviour"}},{conditionDisplay:'behaviour === "standard"',label:{en:"Date"},setting:{id:"dateStandard"}},{label:{en:"Local time"},setting:{id:"localTime"},help:{content:"Countdown ends at visitor’s local time"},conditionDisplay:'behaviour == "standard"'},{conditionDisplay:'behaviour === "standard" && localTime == false',label:{en:"Time zone"},setting:{id:"timeZone"}},{conditionDisplay:'behaviour === "daily"',setting:{id:"timerDaily"},layout:"vertical"},{conditionDisplay:'behaviour === "evergreen"',setting:{id:"timerEverygreen"},layout:"vertical"}]},{label:{en:"Item management"},controls:[{type:"combo",label:{en:"Items"},fixedValue:"5 items",iconName:"polaris-list-bulleted",popoverLabel:{en:"Item management"},isHideClear:!0,controls:[{label:{en:"Week"},setting:{id:"enableWeek"}},{label:{en:"Week caption"},conditionDisplay:"enableWeek === true",setting:{id:"weekLabel"}},{label:{en:"Day"},setting:{id:"enableDay"}},{label:{en:"Day caption"},conditionDisplay:"enableDay === true",setting:{id:"dayLabel"}},{label:{en:"Hour"},setting:{id:"enableHour"}},{label:{en:"Hour caption"},conditionDisplay:"enableHour === true",setting:{id:"hourLabel"}},{label:{en:"Minute"},setting:{id:"enableMinute"}},{label:{en:"Minute caption"},conditionDisplay:"enableMinute === true",setting:{id:"minuteLabel"}},{label:{en:"Second"},setting:{id:"enableSecond"}},{label:{en:"Second caption"},conditionDisplay:"enableSecond === true",setting:{id:"secondLabel"}}]}]},{label:{en:"Item style"},controls:[{label:{en:"Item gap"},setting:{id:"verticalGap"}},{label:{en:"Padding"},setting:{id:"itemPadding"}},{label:{en:"Background"},setting:{id:"backgroundItemColor"}},{label:{en:"Border"},setting:{id:"borderState",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedState",state:"normal"}}]},{label:{en:"Time"},controls:[{label:{en:"Item style"},type:"combo",popoverLabel:{en:"Time text style"},iconName:"polaris-text-title",getValueFromSettingID:"numTypo.type",isHideClear:!0,isTypoValue:!0,controls:[{setting:{id:"numTypo"},layout:"vertical"}]}]},{controls:[{label:{en:"Caption"},setting:{id:"enableLabelTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Text style"},popoverLabel:{en:"Caption text style"},conditionDisplay:"enableLabelTextStyle == true",type:"combo",iconName:"polaris-text-title",isHideClear:!0,getValueFromSettingID:"labelTypo.type",isTypoValue:!0,controls:[{setting:{id:"labelTypo"},layout:"vertical"}]}]},{label:{en:"Item spacing"},controls:[{label:{en:"gap"},setting:{id:"horizontalGap"}}]},{label:{en:"Size"},controls:[{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"After expired"},controls:[{label:{en:"Hide timer"},setting:{id:"autoHideWhenTimeout"}},{conditionDisplay:'behaviour === "evergreen" && autoHideWhenTimeout === false',label:{en:"Loop"},setting:{id:"loopAfterFinish"}},{setting:{id:"redirectUrl"},layout:"vertical"}]},{controls:[{label:{en:"Align"},setting:{id:"textAlign"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:{en:"Countdown time"},controls:[{label:{en:"Type"},setting:{id:"behaviour"}},{conditionDisplay:'behaviour === "standard"',label:{en:"Date"},setting:{id:"dateStandard"}},{label:{en:"Local time"},setting:{id:"localTime"},help:{content:"Countdown ends at visitor’s local time"},conditionDisplay:'behaviour == "standard"'},{conditionDisplay:'behaviour === "standard" && localTime == false',label:{en:"Time zone"},setting:{id:"timeZone"}},{conditionDisplay:'behaviour === "daily"',setting:{id:"timerDaily"},layout:"vertical"},{conditionDisplay:'behaviour === "evergreen"',setting:{id:"timerEverygreen"},layout:"vertical"}]},{label:{en:"Item management"},controls:[{type:"combo",label:{en:"Items"},fixedValue:"5 items",iconName:"polaris-list-bulleted",popoverLabel:{en:"Item management"},isHideClear:!0,controls:[{label:{en:"Week"},setting:{id:"enableWeek"}},{label:{en:"Week caption"},conditionDisplay:"enableWeek === true",setting:{id:"weekLabel"}},{label:{en:"Day"},setting:{id:"enableDay"}},{label:{en:"Day caption"},conditionDisplay:"enableDay === true",setting:{id:"dayLabel"}},{label:{en:"Hour"},setting:{id:"enableHour"}},{label:{en:"Hour caption"},conditionDisplay:"enableHour === true",setting:{id:"hourLabel"}},{label:{en:"Minute"},setting:{id:"enableMinute"}},{label:{en:"Minute caption"},conditionDisplay:"enableMinute === true",setting:{id:"minuteLabel"}},{label:{en:"Second"},setting:{id:"enableSecond"}},{label:{en:"Second caption"},conditionDisplay:"enableSecond === true",setting:{id:"secondLabel"}}]}]},{label:{en:"Item style"},controls:[{label:{en:"Item gap"},setting:{id:"verticalGap"}},{label:{en:"Padding"},setting:{id:"itemPadding"}},{label:{en:"Background"},setting:{id:"backgroundItemColor"}},{label:{en:"Border"},setting:{id:"borderState",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedState",state:"normal"}}]},{label:{en:"Time"},controls:[{label:{en:"Item style"},type:"combo",popoverLabel:{en:"Time text style"},iconName:"polaris-text-title",getValueFromSettingID:"numTypo.type",isHideClear:!0,isTypoValue:!0,controls:[{setting:{id:"numTypo"},layout:"vertical"}]}]},{controls:[{label:{en:"Caption"},setting:{id:"enableLabelTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Text style"},popoverLabel:{en:"Caption text style"},conditionDisplay:"enableLabelTextStyle == true",type:"combo",iconName:"polaris-text-title",isHideClear:!0,getValueFromSettingID:"labelTypo.type",isTypoValue:!0,controls:[{setting:{id:"labelTypo"},layout:"vertical"}]}]},{label:{en:"Item spacing"},controls:[{label:{en:"gap"},setting:{id:"horizontalGap"}}]},{label:{en:"Size"},controls:[{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow?.normal?.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow?.normal?.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"After expired"},controls:[{label:{en:"Hide timer"},setting:{id:"autoHideWhenTimeout"}},{conditionDisplay:'behaviour === "evergreen" && autoHideWhenTimeout === false',label:{en:"Loop"},setting:{id:"loopAfterFinish"}},{setting:{id:"redirectUrl"},layout:"vertical"}]},{controls:[{label:{en:"Align"},setting:{id:"textAlign"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{SettingUIV2};

package/dist/esm/coupon/settings/configs/ui-v1.js

@@ -1 +1 @@
-let SettingUIV1=[{type:"group",label:{en:"Coupon code"},controls:[{type:"control",label:{en:"Copied code"},setting:{id:"copyContent"}}]},{type:"group",label:{en:"Content"},controls:[{type:"control",label:{en:"Default"},setting:{id:"defaultLabel"}},{type:"control",label:{en:"After click"},setting:{id:"clickedLabel"}}]},{type:"group",label:{en:"Layout"},controls:[{type:"control",setting:{id:"couponLayout"},layout:"vertical"}]},{type:"group",label:{en:"Icon"},condition:'couponLayout == "icon"',controls:[{type:"control",setting:{id:"iconSvg"},layout:"vertical"},{type:"control",label:{en:"Icon position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"group",label:{en:"States"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"normal"}},{condition:"hasBoxShadowBtn.normal == true",type:"control",layout:"vertical",setting:{id:"boxShadowBtn",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"}},{condition:"hasBoxShadowBtn.hover == true",type:"control",layout:"vertical",setting:{id:"boxShadowBtn",state:"hover"}}]},{type:"group",label:{en:"Clicked"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"active"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"active"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"active"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"active"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"active"}},{condition:"hasBoxShadowBtn.active == true",type:"control",layout:"vertical",setting:{id:"boxShadowBtn",state:"active"}}]}]}]},{type:"group",label:{en:"Text"},controls:[{type:"control",layout:"vertical",setting:{id:"typo"}}]},{type:"control",label:{en:"Align"},condition:"globalSize.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];export{SettingUIV1};
+let SettingUIV1=[{type:"group",label:{en:"Coupon code"},controls:[{type:"control",label:{en:"Copied code"},setting:{id:"copyContent"}}]},{type:"group",label:{en:"Content"},controls:[{type:"control",label:{en:"Default"},setting:{id:"defaultLabel"}},{type:"control",label:{en:"After click"},setting:{id:"clickedLabel"}}]},{type:"group",label:{en:"Layout"},controls:[{type:"control",setting:{id:"couponLayout"},layout:"vertical"}]},{type:"group",label:{en:"Icon"},condition:'couponLayout == "icon"',controls:[{type:"control",setting:{id:"iconSvg"},layout:"vertical"},{type:"control",label:{en:"Icon position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"group",label:{en:"States"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"normal"}},{condition:"hasBoxShadowBtn?.normal == true",type:"control",layout:"vertical",setting:{id:"boxShadowBtn",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"}},{condition:"hasBoxShadowBtn?.hover == true",type:"control",layout:"vertical",setting:{id:"boxShadowBtn",state:"hover"}}]},{type:"group",label:{en:"Clicked"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"active"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"active"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"active"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"active"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"active"}},{condition:"hasBoxShadowBtn?.active == true",type:"control",layout:"vertical",setting:{id:"boxShadowBtn",state:"active"}}]}]}]},{type:"group",label:{en:"Text"},controls:[{type:"control",layout:"vertical",setting:{id:"typo"}}]},{type:"control",label:{en:"Align"},condition:"globalSize?.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];export{SettingUIV1};

package/dist/esm/coupon/settings/configs/ui-v2.js

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Layout"},controls:[{type:"control",setting:{id:"couponLayout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"couponLayout === 'icon'",source:["couponLayout","iconVisible"],action:{controlId:"iconVisible",groupType:"setting",controlType:"setting",newValue:!0}},{condition:"couponLayout === 'none'",source:["couponLayout","iconVisible"],action:{controlId:"iconVisible",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Coupon code"},controls:[{type:"combo",label:{en:"Code"},iconName:"polaris-text-block",getValueFromSettingID:"copyContent",isHideClear:!0,compoDefaultValue:"GEMPAGES30",popoverLabel:{en:"Code"},controls:[{label:{en:"Content"},options:{fullWidth:!0},layout:"vertical",setting:{id:"copyContent"}}]}]},{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",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:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"}}]},{label:{en:"Shape"},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:"iconVisible == true",type:"control",setting:{id:"iconSvg"},label:{en:"Icon"}},{conditionDisplay:"iconVisible == true",type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{conditionDisplay:"iconVisible == true",type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"}}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"combo",label:{en:"Content"},iconName:"polaris-text-block",getValueFromSettingID:"defaultLabel",isHideClear:!0,conditionDisplay:"enableTextStyle == true",compoDefaultValue:"Copy",popoverLabel:{en:"Content"},controls:[{label:{en:"Content"},options:{fullWidth:!0},layout:"vertical",setting:{id:"defaultLabel"}}]},{type:"control",layout:"vertical",setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{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}}}]},{label:{en:"Effect"},controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},state:"hover",controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Color"},setting:{id:"textColor",state:"hover"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}]},{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:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]},{label:{en:"Clicked"},type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",setting:{id:"enableActiveEffect"},popoverLabel:{en:"Clicked"},state:"active",controls:[{type:"group",label:{en:"Content"},controls:[{label:{en:"After click"},setting:{id:"clickedLabel"}}]},{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"active"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Color"},setting:{id:"textColor",state:"active"}}]},{type:"group",label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"active"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"active"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"active"},options:{updateFields:[{field:"active.enable",settingId:"hasBoxShadowBtn",state:"active"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.active.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"active",newValue:!0}},{condition:"boxShadowBtn.active.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}},{label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"active"},conditionDisplay:"false"}]}]}]},{conditionDisplay:"globalSize.width !== '100%'",controls:[{label:{en:"Align"},type:"control",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:{en:"Layout"},controls:[{type:"control",setting:{id:"couponLayout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"couponLayout === 'icon'",source:["couponLayout","iconVisible"],action:{controlId:"iconVisible",groupType:"setting",controlType:"setting",newValue:!0}},{condition:"couponLayout === 'none'",source:["couponLayout","iconVisible"],action:{controlId:"iconVisible",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Coupon code"},controls:[{type:"combo",label:{en:"Code"},iconName:"polaris-text-block",getValueFromSettingID:"copyContent",isHideClear:!0,compoDefaultValue:"GEMPAGES30",popoverLabel:{en:"Code"},controls:[{label:{en:"Content"},options:{fullWidth:!0},layout:"vertical",setting:{id:"copyContent"}}]}]},{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",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:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"}}]},{label:{en:"Shape"},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:"iconVisible == true",type:"control",setting:{id:"iconSvg"},label:{en:"Icon"}},{conditionDisplay:"iconVisible == true",type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{conditionDisplay:"iconVisible == true",type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"}}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"combo",label:{en:"Content"},iconName:"polaris-text-block",getValueFromSettingID:"defaultLabel",isHideClear:!0,conditionDisplay:"enableTextStyle == true",compoDefaultValue:"Copy",popoverLabel:{en:"Content"},controls:[{label:{en:"Content"},options:{fullWidth:!0},layout:"vertical",setting:{id:"defaultLabel"}}]},{type:"control",layout:"vertical",setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{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}}}]},{label:{en:"Effect"},controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},state:"hover",controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Color"},setting:{id:"textColor",state:"hover"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}]},{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:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]},{label:{en:"Clicked"},type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",setting:{id:"enableActiveEffect"},popoverLabel:{en:"Clicked"},state:"active",controls:[{type:"group",label:{en:"Content"},controls:[{label:{en:"After click"},setting:{id:"clickedLabel"}}]},{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"active"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Color"},setting:{id:"textColor",state:"active"}}]},{type:"group",label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"active"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"active"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"active"},options:{updateFields:[{field:"active.enable",settingId:"hasBoxShadowBtn",state:"active"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn?.active?.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"active",newValue:!0}},{condition:"boxShadowBtn?.active?.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}},{label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"active"},conditionDisplay:"false"}]}]}]},{conditionDisplay:"globalSize.width !== '100%'",controls:[{label:{en:"Align"},type:"control",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{SettingUIV2};

package/dist/esm/dialog/common/styles.js

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

package/dist/esm/dialog/components/Dialog.js

@@ -1,4 +1,4 @@
 'use client';
-import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useEditorMode as o,isEmptyChildren as s,filterToolbarPreview as t}from"@gem-sdk/core";import a from"../../grid/components/ChildrenDroppable.js";import{createAttr as i,createStyle as r,createClass as m,If as n}from"@gem-sdk/system";import{getAttr as c,getAttrContainer as d,getAttrOverlay as p,getAttrClose as f}from"../common/attrs.js";import{getWrapperStyle as g,getContainStyle as y,getBackdropStyle as u,getOverlayStyle as b,getDialogContentStyle as h,getButtonContentStyle as v,getSvgContentStyle as j,getBodyContentStyle as N}from"../common/styles.js";import{getContainClasses as k,getBackdropClasses as C,getOverlayClasses as D,getDialogContentClasses as L,getHeadContentClasses as x,getButtonContentClasses as B,getSvgContentClasses as I,getBodyContentClasses as S}from"../common/classes.js";import w from"../../button/components/ButtonIcon.js";import{useDialog as z}from"../hooks/useDialog.js";let Dialog=E=>{let{setting:M,children:q,builderProps:A,style:F,advanced:G,builderAttrs:H}=E,J=G?.d,{name:K,fullScreen:O,width:P,height:Q,position:R,overlayColor:T,overlayOpacity:U,iconSize:V,closeButtonPosition:W,iconSvg:X}=M??{},Y=o(),{ref:Z,overlay:$,handleClickOverlay:_,closeModal:ee,open:el,dialogId:eo}=z(M,A,"edit"===Y),es="edit"!==Y,et=i({...c({uid:A?.uid||""})}),ea=r({...g(J)}),ei=m({...k(G?.cssClass,U,T)}),er=i({...d({uid:eo||""})}),em=r({...y()}),en=m({...C(R)}),ec=r({...u(F)}),ed=i({...p()}),ep=m({...D()}),ef=r({...b(U,T,F)}),eg=r({...h({style:F,width:P,height:Q,fullScreen:O})}),ey=m({...L({setting:M,enableEffect:el,isILP:es})}),eu=i({...f()}),eb=m({...x()}),eh=r({...v(M)}),ev=m({...B(W)}),ej=r({...j(V)}),eN=m({...I()}),ek=r({...N(M,F)}),eC=m({...S()});return e("div",{...et,style:ea,children:(el||"edit"!==Y)&&e("dialog",{ref:Z,open:el,"aria-label":K,...er,className:ei,style:em,children:l("div",{"aria-label":"Backdrop",className:en,style:ec,children:[n(!!T,e("div",{ref:$,...ed,className:ep,style:ef,onClick:_,"aria-hidden":!0})),e("span",{className:eb}),l("div",{role:"dialog","aria-label":"Dialog content",...H,className:ey,style:eg,children:[e("button",{...eu,type:"button",tabIndex:-1,className:ev,style:eh,onClick:ee,children:e(w,{iconSvg:X??`<svg viewBox="0 0 12 12" fill="currentColor" style={svgContentStyle}>
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useEditorMode as o,isEmptyChildren as s,filterToolbarPreview as t}from"@gem-sdk/core";import a from"../../grid/components/ChildrenDroppable.js";import{createAttr as i,createStyle as r,createClass as m,If as n}from"@gem-sdk/system";import{getAttr as d,getAttrContainer as c,getAttrOverlay as p,getAttrClose as f}from"../common/attrs.js";import{getWrapperStyle as g,getContainStyle as u,getBackdropStyle as y,getOverlayStyle as b,getDialogContentStyle as h,getButtonContentStyle as v,getSvgContentStyle as j,getBodyContentStyle as C}from"../common/styles.js";import{getContainClasses as N,getBackdropClasses as k,getOverlayClasses as D,getDialogContentClasses as x,getHeadContentClasses as L,getButtonContentClasses as B,getSvgContentClasses as I,getBodyContentClasses as S}from"../common/classes.js";import w from"../../button/components/ButtonIcon.js";import{useDialog as z}from"../hooks/useDialog.js";let Dialog=E=>{let{setting:M,children:q,builderProps:A,style:F,advanced:G,builderAttrs:H,pageContext:J}=E,K=G?.d,{name:O,fullScreen:P,width:Q,height:R,position:T,overlayColor:U,overlayOpacity:V,iconSize:W,closeButtonPosition:X,iconSvg:Y}=M??{},Z=o(),{ref:$,overlay:_,handleClickOverlay:ee,closeModal:el,open:eo,dialogId:es}=z(M,A,"edit"===Z),et="edit"!==Z,ea=i({...d({uid:A?.uid||""})}),ei=r({...g(K)}),er=m({...N(G?.cssClass,V,U)}),em=i({...c({uid:es||""})}),en=r({...u()}),ed=m({...k(T)}),ec=r({...y(F)}),ep=i({...p()}),ef=m({...D()}),eg=r({...b(V,U,F)}),eu=r({...h({style:F,width:Q,height:R,fullScreen:P})}),ey=m({...x({setting:M,enableEffect:eo,isILP:et})}),eb=i({...f()}),eh=m({...L()}),ev=r({...v(M)}),ej=m({...B(X)}),eC=r({...j(W)}),eN=m({...I()}),ek=r({...C({setting:M,style:F,uid:A?.uid,pageContext:J})}),eD=m({...S()});return e("div",{...ea,style:ei,children:(eo||"edit"!==Z)&&e("dialog",{ref:$,open:eo,"aria-label":O,...em,className:er,style:en,children:l("div",{"aria-label":"Backdrop",className:ed,style:ec,children:[n(!!U,e("div",{ref:_,...ep,className:ef,style:eg,onClick:ee,"aria-hidden":!0})),e("span",{className:eh}),l("div",{role:"dialog","aria-label":"Dialog content",...H,className:ey,style:eu,children:[e("button",{...eb,type:"button",tabIndex:-1,className:ej,style:ev,onClick:el,children:e(w,{iconSvg:Y??`<svg viewBox="0 0 12 12" fill="currentColor" style={svgContentStyle}>
                   <path d="M7.1,6l4.5,4.5l-1.1,1.1L6,7.1l-4.5,4.5l-1.1-1.1L4.9,6L0.5,1.5l1.1-1.1L6,4.9l4.5-4.5l1.1,1.1L7.1,6z"></path>
-                </svg>`,styles:ej,classes:eN})}),e("div",{"aria-label":"Dialog body",style:ek,className:eC,children:s(q)?e(a,{}):t(q)}),t(q,!0)]})]})})})};export{Dialog as default};
+                </svg>`,styles:eC,classes:eN})}),e("div",{"aria-label":"Dialog body",style:ek,className:eD,children:s(q)?e(a,{}):t(q)}),t(q,!0)]})]})})})};export{Dialog as default};