@gem-sdk/components 17.0.0-dev.49 → 17.0.0-dev.51

package/dist/cjs/breadcrumb/settings/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Separator icon",controls:[{label:"Icon",setting:{id:"iconSvg"}},{label:"Color",setting:{id:"color"}},{label:"Size",setting:{id:"iconWidth"}}]},{label:"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:"Item spacing",controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Size",controls:[{label:"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:"Background",controls:[{label:"Color",controlConfig:{id:"background-color",type:"color-picker-v2",linkWithSetting:{name:"background",field:"color"},compoDefaultValue:{desktop:{default:"#ffffff"}}}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Effect",controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Hover",setting:{id:"enableHoverEffect"},state:"hover",controls:[{label:"Text color",setting:{id:"labelColor",state:"hover"}},{label:"Font weight",setting:{id:"fontWeight",state:"hover"}}]},{label:"Active",type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",popoverLabel:"Active",setting:{id:"enableActiveEffect"},state:"active",controls:[{label:"Text color",setting:{id:"labelColor",state:"active"}},{label:"Font weight",setting:{id:"fontWeight",state:"active"}}]}]},{label:"Display option",controls:[{label:"Hide active page",setting:{id:"hideCurrentPage"}}]},{controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];
+"use strict";exports.SettingUIV2=[{label:"Separator icon",controls:[{label:"Icon",setting:{id:"iconSvg"}},{label:"Color",setting:{id:"color"}},{label:"Size",setting:{id:"iconWidth"}}]},{label:"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:"Item spacing",controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"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:"Background",controls:[{label:"Color",controlConfig:{id:"background-color",type:"color-picker-v2",linkWithSetting:{name:"background",field:"color"},compoDefaultValue:{desktop:{default:"#ffffff"}}}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Effect",hiddenOnMobile:!0,controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Hover",setting:{id:"enableHoverEffect"},state:"hover",controls:[{label:"Text color",setting:{id:"labelColor",state:"hover"}},{label:"Font weight",setting:{id:"fontWeight",state:"hover"}}]},{label:"Active",type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",popoverLabel:"Active",setting:{id:"enableActiveEffect"},state:"active",controls:[{label:"Text color",setting:{id:"labelColor",state:"active"}},{label:"Font weight",setting:{id:"fontWeight",state:"active"}}]}]},{label:"Display option",controls:[{label:"Hide active page",setting:{id:"hideCurrentPage"}}]},{controls:[{hiddenOnMobile:!0,label:"Align",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];

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

@@ -1 +1 @@
-"use strict";const e={controls:[{label:"Navigation",setting:{id:"navigationEnable"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"navigationEnable === true",label:"Position",setting:{id:"navigationStyle"}},{conditionDisplay:"navigationEnable === true",label:"Icon",setting:{id:"arrowCustom"}},{conditionDisplay:"navigationEnable === true",label:"Icon size",setting:{id:"arrowIconSize"}},{conditionDisplay:"navigationEnable === true",label:"Icon color",setting:{id:"arrowCustomColor"}}],moreSettings:{controls:[{type:"combo",conditionDisplay:"navigationEnable === true",label:"Button size",fixedValue:"Edit",iconName:"polaris-measurement-size",isHideClear:!0,controls:[{setting:{id:"arrowButtonSize"},layout:"vertical"},{label:"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:"Background",setting:{id:"arrowBackgroundColor"}},{conditionDisplay:"navigationEnable === true",label:"Border",setting:{id:"arrowBorder"}},{conditionDisplay:"navigationEnable === true",label:"Corner",setting:{id:"roundedArrow"}},{conditionDisplay:"navigationEnable === true",label:"Shadow",setting:{id:"arrowShadow"}},{conditionDisplay:"navigationEnable === true",label:"Gap to edge",setting:{id:"arrowGapToEachSide"}},{conditionDisplay:"navigationEnable === true",label:"Show on hover",setting:{id:"showWhenHover"}}]}},t={controls:[{label:"Dots",setting:{id:"dot"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"dot === true",label:"Position",setting:{id:"dotStyle"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Active color",setting:{id:"dotActiveColor"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Inactive color",setting:{id:"dotColor"},options:{hiddenSwitchDeviceIcon:!0}}],moreSettings:{controls:[{conditionDisplay:"dot === true",label:"Dots size",setting:{id:"dotSize"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Gap to edge",setting:{id:"dotGapToCarousel"},options:{hiddenSwitchDeviceIcon:!0}}]}},i={label:"Slide effect",controls:[{label:"Autoplay",setting:{id:"autoplay"}},{label:"Delay",setting:{id:"autoplayTimeout"},conditionDisplay:"autoplay === true"},{label:"Pause On Hover",setting:{id:"pauseOnHover"},conditionDisplay:"autoplay == true"},{label:"Slide direction",setting:{id:"rtl"}},{label:"Infinity loop",setting:{id:"loop"}},{label:"Drag / swipe",setting:{id:"enableDrag"}}],moreSettings:{controls:[{label:"Slide speed",setting:{id:"playSpeed"}},{label:"Animation",setting:{id:"animationMode"}},{setting:{id:"runPreview"},layout:"vertical",conditionDisplay:"autoplay === true"}]}},o=[{label:"Items per slide",controls:[{setting:{id:"itemNumber"},layout:"vertical",popoverLabel:"Items per slide"}]},{label:"Display",controls:[{label:"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:"style",setting:{id:"sneakPeakType"}},{conditionDisplay:'sneakPeakType == "forward"',label:"Ratio",setting:{id:"sneakPeakOffsetForward"}},{conditionDisplay:'sneakPeakType == "center"',label:"Ratio",setting:{id:"sneakPeakOffsetCenter"}}]}]},{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Item style",controls:[{label:"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:"Background",setting:{id:"background"}}],moreSettings:{controls:[{label:"Border",setting:{id:"borderContent"}},{label:"Corner",setting:{id:"roundedContent"}},{label:"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}}}]}},e,t,i,{label:"Size",controls:[{id:"Width",label:"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:"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:"Padding",conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"slider-padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}},{label:"Image",setting:{id:"backgroundImage"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Align",options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=o,exports.carouselDotsSettings=t,exports.carouselEffectsSettings=i,exports.carouselNavigationSettings=e;
+"use strict";const e={hiddenOnMobile:!0,controls:[{label:"Navigation",setting:{id:"navigationEnable"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"navigationEnable === true",label:"Position",setting:{id:"navigationStyle"}},{conditionDisplay:"navigationEnable === true",label:"Icon",setting:{id:"arrowCustom"}},{conditionDisplay:"navigationEnable === true",label:"Icon size",setting:{id:"arrowIconSize"}},{conditionDisplay:"navigationEnable === true",label:"Icon color",setting:{id:"arrowCustomColor"}}],moreSettings:{controls:[{type:"combo",conditionDisplay:"navigationEnable === true",label:"Button size",fixedValue:"Edit",iconName:"polaris-measurement-size",isHideClear:!0,controls:[{setting:{id:"arrowButtonSize"},layout:"vertical"},{label:"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:"Background",setting:{id:"arrowBackgroundColor"}},{conditionDisplay:"navigationEnable === true",label:"Border",setting:{id:"arrowBorder"}},{conditionDisplay:"navigationEnable === true",label:"Corner",setting:{id:"roundedArrow"}},{conditionDisplay:"navigationEnable === true",label:"Shadow",setting:{id:"arrowShadow"}},{conditionDisplay:"navigationEnable === true",label:"Gap to edge",setting:{id:"arrowGapToEachSide"}},{conditionDisplay:"navigationEnable === true",label:"Show on hover",setting:{id:"showWhenHover"}}]}},t={hiddenOnMobile:!0,controls:[{label:"Dots",setting:{id:"dot"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"dot === true",label:"Position",setting:{id:"dotStyle"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Active color",setting:{id:"dotActiveColor"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Inactive color",setting:{id:"dotColor"},options:{hiddenSwitchDeviceIcon:!0}}],moreSettings:{controls:[{conditionDisplay:"dot === true",label:"Dots size",setting:{id:"dotSize"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Gap to edge",setting:{id:"dotGapToCarousel"},options:{hiddenSwitchDeviceIcon:!0}}]}},i={label:"Slide effect",controls:[{label:"Autoplay",setting:{id:"autoplay"}},{label:"Delay",setting:{id:"autoplayTimeout"},conditionDisplay:"autoplay === true"},{label:"Pause On Hover",setting:{id:"pauseOnHover"},conditionDisplay:"autoplay == true"},{label:"Slide direction",setting:{id:"rtl"}},{label:"Infinity loop",setting:{id:"loop"}},{label:"Drag / swipe",setting:{id:"enableDrag"}}],moreSettings:{controls:[{label:"Slide speed",setting:{id:"playSpeed"}},{label:"Animation",setting:{id:"animationMode"}},{setting:{id:"runPreview"},layout:"vertical",conditionDisplay:"autoplay === true"}]}},o=[{label:"Items per slide",hiddenOnMobile:!0,controls:[{setting:{id:"itemNumber"},layout:"vertical",popoverLabel:"Items per slide"}]},{label:"Display",hiddenOnMobile:!0,controls:[{label:"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:"style",setting:{id:"sneakPeakType"}},{conditionDisplay:'sneakPeakType == "forward"',label:"Ratio",setting:{id:"sneakPeakOffsetForward"}},{conditionDisplay:'sneakPeakType == "center"',label:"Ratio",setting:{id:"sneakPeakOffsetCenter"}}]}]},{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Item style",hiddenOnMobile:!0,controls:[{label:"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:"Background",setting:{id:"background"}}],moreSettings:{controls:[{label:"Border",setting:{id:"borderContent"}},{label:"Corner",setting:{id:"roundedContent"}},{label:"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}}}]}},e,t,i,{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"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:"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:"Padding",conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"slider-padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}},{label:"Image",setting:{id:"backgroundImage"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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"},hiddenOnMobile:!0,label:"Align",options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=o,exports.carouselDotsSettings=t,exports.carouselEffectsSettings=i,exports.carouselNavigationSettings=e;

package/dist/cjs/marquee/settings/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"itemSpacing"}}]},{label:"Item style",controls:[{setting:{id:"itemWidthType"},label:"Max width"},{label:"Custom width",setting:{id:"itemMaxWidth"},conditionDisplay:'itemWidthType == "CUSTOM"'}],moreSettings:{type:"collapse",controls:[{label:"Background",setting:{id:"itemBackgroundColor"}},{label:"Border",setting:{id:"itemBorderStyle"}},{label:"Corner",setting:{id:"itemCorner"}},{label:"Shadow",setting:{id:"itemShadow"},options:{updateFields:[{field:"enable",settingId:"hasItemShadow"}]},controlChangeTrigger:{settings:[{condition:"itemShadow.enable === true",source:["itemShadow","hasItemShadow"],action:{controlId:"hasItemShadow",groupType:"setting",controlType:"setting",newValue:!0}},{condition:"itemShadow.enable === false",source:["itemShadow","hasItemShadow"],action:{controlId:"hasItemShadow",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]}},{controls:[{label:"Separator",setting:{id:"isShowIconSeparator"},options:{labelVariant:"primary",toggleStyle:"switch"}},{setting:{id:"iconSeparatorSvg"},conditionDisplay:"isShowIconSeparator == true",label:"Icon"},{label:"Icon size",setting:{id:"iconSeparatorSize"},conditionDisplay:"isShowIconSeparator == true"},{label:"Icon color",setting:{id:"iconSeparatorColor"},conditionDisplay:"isShowIconSeparator == true"}]},{label:"Marquee effect",controls:[{label:"Direction",setting:{id:"direction"}},{label:"Stop on hover",setting:{id:"stopOnHover"}},{label:"Speed",setting:{id:"speed"}},{setting:{id:"isPreview"},layout:"vertical"}]},{label:"Size",controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"sizeSetting",field:"width"}}},{label:"Height",controlConfig:{id:"height",type:"dropdown:input",inputType:"number",units:["px"],linkWithSetting:{name:"sizeSetting",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"32px",showValue:!0},{label:"Medium",value:"48px",showValue:!0},{label:"Large",value:"64px",showValue:!0}]}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{desktop:{default:{padding:{type:"custom",top:"16px",bottom:"16px",left:"0px",right:"0px"}}}}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:[{label:"Align",conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];
+"use strict";exports.SettingUIV2=[{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"itemSpacing"}}]},{label:"Item style",hiddenOnMobile:!0,controls:[{setting:{id:"itemWidthType"},label:"Max width"},{label:"Custom width",setting:{id:"itemMaxWidth"},conditionDisplay:'itemWidthType == "CUSTOM"'}],moreSettings:{type:"collapse",controls:[{label:"Background",setting:{id:"itemBackgroundColor"}},{label:"Border",setting:{id:"itemBorderStyle"}},{label:"Corner",setting:{id:"itemCorner"}},{label:"Shadow",setting:{id:"itemShadow"},options:{updateFields:[{field:"enable",settingId:"hasItemShadow"}]},controlChangeTrigger:{settings:[{condition:"itemShadow.enable === true",source:["itemShadow","hasItemShadow"],action:{controlId:"hasItemShadow",groupType:"setting",controlType:"setting",newValue:!0}},{condition:"itemShadow.enable === false",source:["itemShadow","hasItemShadow"],action:{controlId:"hasItemShadow",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]}},{controls:[{label:"Separator",setting:{id:"isShowIconSeparator"},options:{labelVariant:"primary",toggleStyle:"switch"}},{setting:{id:"iconSeparatorSvg"},conditionDisplay:"isShowIconSeparator == true",label:"Icon"},{label:"Icon size",setting:{id:"iconSeparatorSize"},conditionDisplay:"isShowIconSeparator == true"},{label:"Icon color",setting:{id:"iconSeparatorColor"},conditionDisplay:"isShowIconSeparator == true"}]},{label:"Marquee effect",controls:[{label:"Direction",setting:{id:"direction"}},{label:"Stop on hover",setting:{id:"stopOnHover"}},{label:"Speed",setting:{id:"speed"}},{setting:{id:"isPreview"},layout:"vertical"}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"sizeSetting",field:"width"}}},{label:"Height",controlConfig:{id:"height",type:"dropdown:input",inputType:"number",units:["px"],linkWithSetting:{name:"sizeSetting",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"32px",showValue:!0},{label:"Medium",value:"48px",showValue:!0},{label:"Large",value:"64px",showValue:!0}]}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{desktop:{default:{padding:{type:"custom",top:"16px",bottom:"16px",left:"0px",right:"0px"}}}}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];

package/dist/cjs/product/components/product-images-v3/common/productFeaturedImage.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core");const t=(t,o)=>"only-feature"!==e.getResponsiveValueByScreen(t.position,o)||"none"!==e.getResponsiveValueByScreen(t.ftNavigationPosition,o)||"none"!==e.getResponsiveValueByScreen(t.ftDotStyle,o)||!0===e.getResponsiveValueByScreen(t.ftLoop,o)||!0===t.ftDragToScroll;exports.checkRenderFeaturedCarousel=e=>{let o=!1;return["desktop","mobile","tablet"].forEach(n=>{let r=t(e,n);t(e,n)&&(o=r)}),o},exports.getDotStyleForOnlyFeaturedImage=t=>{let o={};return e.DEVICES.forEach(n=>{let r=e.getResponsiveValueByScreen(t.position,n),s=e.getResponsiveValueByScreen(t.dotStyle,n);o={...o,[n]:"only-feature"===r?s:"none"}}),o},exports.getVideoHeight=t=>{if(!t)return null;let o={};return Object.keys(t).forEach(e=>{let n=t[e];n&&(o[e]="cover"===n?"100%":"auto")}),e.makeStyleResponsive("h",o)},exports.getZoomImageClass=()=>"gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white gp-pointer-events-none",exports.getZoomLenClass=()=>"!gp-flex gp-absolute gp-opacity-0 gp-h-[150px] gp-w-[150px] gp-cursor-none gp-rounded-full gp-bg-no-repeat gp-shadow-glasses gp-bg-white gp-pointer-events-none",exports.isFeatureMedia=e=>!!e&&["EXTERNAL_VIDEO","MODEL_3D","VIDEO"].includes(e);
+"use strict";var e=require("@gem-sdk/core");const t=(t,o)=>"only-feature"!==e.getResponsiveValueByScreen(t.position,o)||"none"!==e.getResponsiveValueByScreen(t.ftNavigationPosition,o)||"none"!==e.getResponsiveValueByScreen(t.ftDotStyle,o)||!0===e.getResponsiveValueByScreen(t.ftLoop,o)||!0===t.ftDragToScroll;exports.checkRenderFeaturedCarousel=e=>{let o=!1;return["desktop","mobile","tablet"].forEach(n=>{let s=t(e,n);t(e,n)&&(o=s)}),o},exports.getDotStyleForOnlyFeaturedImage=t=>{let o={};return e.DEVICES.forEach(n=>{let s=e.getResponsiveValueByScreen(t.position,n),r=e.getResponsiveValueByScreen(t.dotStyle,n);o={...o,[n]:"only-feature"===s?r:"none"}}),o},exports.getVideoHeight=({ftLayout:t,ftShape:o})=>{if(!t)return null;let n={};return Object.keys(t).forEach(s=>{let r=t[s],p=e.getResponsiveValueByScreen(o,s),g=p?.shape==="original";r&&(n[s]=g||"cover"===r?"100%":"auto")}),e.makeStyleResponsive("h",n)},exports.getZoomImageClass=()=>"gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white gp-pointer-events-none",exports.getZoomLenClass=()=>"!gp-flex gp-absolute gp-opacity-0 gp-h-[150px] gp-w-[150px] gp-cursor-none gp-rounded-full gp-bg-no-repeat gp-shadow-glasses gp-bg-white gp-pointer-events-none",exports.isFeatureMedia=e=>!!e&&["EXTERNAL_VIDEO","MODEL_3D","VIDEO"].includes(e);

package/dist/cjs/product/components/product-images-v3/components/feature-gallery/FeatureImageWithGallery.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),i=require("../../common/common.js"),a=require("../../common/productFeaturedImage.js"),t=require("../../../../../video/components/HTML5Embed.liquid.js"),r=require("../../../../../image/components/Modal3d.liquid.js"),s=require("../../../../../image/components/NextImage.liquid.js"),d=require("../../../../../image/components/Video.liquid.js"),u=require("../../../../helpers/function.js"),o=require("../../composables/getProductImagesStyles.js"),l=require("../../composables/getProductImagesClassName.js"),g=require("../../composables/getProductImagesAttr.js"),c=require("@gem-sdk/system"),n=require("../../../../../carousel-v3/components/root/Carousel.liquid.js"),m=require("../../../../../carousel-v3/components/item/CarouselItem.liquid.js");exports.default=({builderPropUID:p,children:f,enableLazyLoadImage:y,...h})=>{let{featuredImageCarouselClasses:I,galleryItemClasses:q,featuredCarouselItemClasses:b}=l.getProductImagesClassName({...h,builderProps:{uid:p}}),{featuredImageCarouselStyle:v,featureImageStyle:M,featureImageCarouselOnlyOneImageStyle:_,featureImageOnlyOneImageStyle:w,featureImageCarouselItemStyle:$}=o.getProductImagesStyles(h),{featuredImageCarouselSettingAttrs:L}=g.getProductImagesAttr(h),S=i.getAspectRatio(h.ftShape),x=c.If("other"==h.hoverEffect,c.LiquidIf("product.media.size > 1","group-hover:gp-opacity-0")),j=()=>`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),i=require("../../common/common.js"),a=require("../../common/productFeaturedImage.js"),t=require("../../../../../video/components/HTML5Embed.liquid.js"),r=require("../../../../../image/components/Modal3d.liquid.js"),d=require("../../../../../image/components/NextImage.liquid.js"),s=require("../../../../../image/components/Video.liquid.js"),u=require("../../../../helpers/function.js"),o=require("../../composables/getProductImagesStyles.js"),l=require("../../composables/getProductImagesClassName.js"),g=require("../../composables/getProductImagesAttr.js"),p=require("@gem-sdk/system"),m=require("../../../../../carousel-v3/components/root/Carousel.liquid.js"),c=require("../../../../../carousel-v3/components/item/CarouselItem.liquid.js");exports.default=({builderPropUID:n,children:f,enableLazyLoadImage:h,...y})=>{let{featuredImageCarouselClasses:I,galleryItemClasses:q,featuredCarouselItemClasses:v}=l.getProductImagesClassName({...y,builderProps:{uid:n}}),{featuredImageCarouselStyle:M,featureImageStyle:_,featureImageCarouselOnlyOneImageStyle:b,featureImageOnlyOneImageStyle:w,featureImageCarouselItemStyle:$}=o.getProductImagesStyles(y),{featuredImageCarouselSettingAttrs:L}=g.getProductImagesAttr(y),S=i.getAspectRatio(y.ftShape),x=p.If("other"==y.hoverEffect,p.LiquidIf("product.media.size > 1","group-hover:gp-opacity-0")),j=()=>`
     {% case featureMedia.media_type %}
       {% when 'image' %}
         ${R()}
@@ -13,57 +13,58 @@
       {% else %}
         ${k()}
     {% endcase %}
-    `,O=()=>r.default({src:c.LiquidIf("featureMedia.sources.first.url contains '.glb'","{{ featureMedia.sources.first.url }}","{{featureMedia.sources.last.url}}"),alt:"{{featureMedia.preview_image.alt}}",poster:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,arStatus:"not-presenting",style:{width:"100%"},aspectRatio:S}),z=()=>d.default({src:"{{mediaSourceVideo}}",alt:"{{featureMedia.alt | escape}}",autoplay:!1,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"},aspectRatio:S}),P=()=>{let i=c.createStyle({...a.getVideoHeight(h?.ftLayout),...e.makeStyleResponsive("objf",h?.ftLayout)}),r=c.createStyle({...a.getVideoHeight(h?.ftLayout)});return t.default({src:"{{mediaSourceVideo}}",title:"{{featureMedia.alt | escape}}",autoplay:!1,controls:!0,thumbnail:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",isCheckLoaded:!0,wrapperStyles:r,poster:{altText:"{{featureMedia.alt | escape}}"},style:{width:"100%","max-height":"100%",...i},className:"gp-invisible"})},R=()=>e.template`
+    `,O=()=>r.default({src:p.LiquidIf("featureMedia.sources.first.url contains '.glb'","{{ featureMedia.sources.first.url }}","{{featureMedia.sources.last.url}}"),alt:"{{featureMedia.preview_image.alt}}",poster:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,arStatus:"not-presenting",style:{width:"100%"},aspectRatio:S}),z=()=>s.default({src:"{{mediaSourceVideo}}",alt:"{{featureMedia.alt | escape}}",autoplay:!1,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"},aspectRatio:S}),P=()=>{let i=p.createStyle({...a.getVideoHeight({ftLayout:y?.ftLayout,ftShape:y?.ftShape}),...e.makeStyleResponsive("objf",y?.ftLayout)}),r=p.createStyle({...a.getVideoHeight({ftLayout:y?.ftLayout,ftShape:y?.ftShape})});return t.default({src:"{{mediaSourceVideo}}",title:"{{featureMedia.alt | escape}}",autoplay:!1,controls:!0,thumbnail:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",isCheckLoaded:!0,wrapperStyles:r,poster:{altText:"{{featureMedia.alt | escape}}"},style:{width:"100%","max-height":"100%",...i},className:"gp-invisible"})},R=()=>e.template`
       ${C(e.cls("gp-w-full gp-transition-opacity",x,"{{shouldHidden}}"))}
-      ${c.If(h?.hoverEffect!=="none",`<div class="${e.cls("zoom-element !gp-max-w-none",a.getZoomImageClass())}">
+      ${p.If(y?.hoverEffect!=="none",`<div class="${e.cls("zoom-element !gp-max-w-none",a.getZoomImageClass())}">
             ${C("image-zoom",!0)}
           </div>`," ")}
-      ${c.If(h?.hoverEffect=="zoom"&&h?.zoomType=="glasses",`<div class="${e.cls("zoom-lens-element",a.getZoomLenClass())}" style="opacity: 0; background-image: url('{{ featureMedia.src | img_url: "1024x1024"}}')"></div>`," ")}
+      ${p.If(y?.hoverEffect=="zoom"&&y?.zoomType=="glasses",`<div class="${e.cls("zoom-lens-element",a.getZoomLenClass())}" style="opacity: 0; background-image: url('{{ featureMedia.src | img_url: "1024x1024"}}')"></div>`," ")}
     `,C=(a,t)=>e.template`
     {% assign src = featureMedia.src %}
-    ${c.If(t&&"other"==h.hoverEffect,`{% assign media_length = product.media | size %}
-      {% assign other_image_index = ${h.otherImage} | plus: 0 %}
+    ${p.If(t&&"other"==y.hoverEffect,`{% assign media_length = product.media | size %}
+      {% assign other_image_index = ${y.otherImage} | plus: 0 %}
       {% if other_image_index >= media_length %}
         {% assign other_image_index = media_length | minus: 1 %}
       {% endif %}
       {% assign otherImage = product.media[other_image_index] %}
-      ${c.LiquidIf("otherImage.media_type != 'image'","{% assign src = otherImage.preview_image.src %}","{% assign src = otherImage.src %}")}
+      ${p.LiquidIf("otherImage.media_type != 'image'","{% assign src = otherImage.preview_image.src %}","{% assign src = otherImage.src %}")}
     `)}
-    ${s.default({srcIsLiquidCode:!0,src:c.LiquidIf("src != null",i.getSrcImage("src"),"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif"),id:c.LiquidIf("featureMedia != null","{{featureMedia.id}}"),width:"{{featureMedia.width}}",height:"{{featureMedia.height}}",alt:"{{featureMedia.alt | escape}}",srcset:`${i.getSrcImage("src")}`,baseSrc:"{{src | image_url}}",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:h?.ftLayout,aspectRatio:S,qualityType:h?.qualityType,qualityPercent:h?.qualityPercent},priority:h?.preload,className:`gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none ${a??""}`,enableLazyLoadImage:y})}`,k=()=>e.template`
-    ${s.default({srcIsLiquidCode:!0,src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:"No Image",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:h?.ftLayout,aspectRatio:S,qualityType:h?.qualityType,qualityPercent:h?.qualityPercent},priority:h?.preload,className:"gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none",enableLazyLoadImage:y})}`,T=i.getPaddingBottomByShapeSetting(h.ftShape),N=a.checkRenderFeaturedCarousel(h),W="gp-featured-image-wrapper",A=c.LiquidIf("product.media.size > 0",`{% assign largestRatio = 0 %}
-      ${c.LiquidFor("featureMedia in product.media",`
-          {% assign height = featureMedia.height | times: 1.0 %}
-          {% assign width = featureMedia.width | times: 1.0 %}
+    ${d.default({srcIsLiquidCode:!0,src:p.LiquidIf("src != null",i.getSrcImage("src"),"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif"),id:p.LiquidIf("featureMedia != null","{{featureMedia.id}}"),width:"{{featureMedia.width}}",height:"{{featureMedia.height}}",alt:"{{featureMedia.alt | escape}}",srcset:`${i.getSrcImage("src")}`,baseSrc:"{{src | image_url}}",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:y?.ftLayout,aspectRatio:S,qualityType:y?.qualityType,qualityPercent:y?.qualityPercent},priority:y?.preload,className:`gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none ${a??""}`,enableLazyLoadImage:h})}`,k=()=>e.template`
+    ${d.default({srcIsLiquidCode:!0,src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:"No Image",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:y?.ftLayout,aspectRatio:S,qualityType:y?.qualityType,qualityPercent:y?.qualityPercent},priority:y?.preload,className:"gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none",enableLazyLoadImage:h})}`,T=i.getPaddingBottomByShapeSetting(y.ftShape),N=a.checkRenderFeaturedCarousel(y),W="gp-featured-image-wrapper",A=p.LiquidIf("product.media.size > 0",`{% assign largestRatio = 0 %}
+      ${p.LiquidFor("featureMedia in product.media",`
+          ${p.LiquidIf("featureMedia.media_type == 'video' and featureMedia.preview_image",`{% assign height = featureMedia.preview_image.height | times: 1.0 %}
+            {% assign width = featureMedia.preview_image.width | times: 1.0 %}`,`{% assign height = featureMedia.height | times: 1.0 %}
+            {% assign width = featureMedia.width | times: 1.0 %}`)}
           {% assign ratio = height | divided_by: width %}
-          ${c.LiquidIf("ratio > largestRatio","{% assign largestRatio = ratio %}")}
+          ${p.LiquidIf("ratio > largestRatio","{% assign largestRatio = ratio %}")}
         `)}
-      ${c.LiquidFor("featureMedia in product.media",`${c.LiquidIf("featureMedia.media_type == 'image'",`${c.LiquidFor("image in product.images",c.LiquidIf("image.src == featureMedia.src","{% assign imageID = image.id %}{% break %}"))}`,"{% assign imageID = '' %}")}
+      ${p.LiquidFor("featureMedia in product.media",`${p.LiquidIf("featureMedia.media_type == 'image'",`${p.LiquidFor("image in product.images",p.LiquidIf("image.src == featureMedia.src","{% assign imageID = image.id %}{% break %}"))}`,"{% assign imageID = '' %}")}
         
-    ${c.Liquid(`{% assign productImageWidth = 0 %}
+    ${p.Liquid(`{% assign productImageWidth = 0 %}
     {% case featureMedia.media_type %}
       {% when 'image' %}
         {% assign productImageWidth = featureMedia.width %}
       {% else %}
         {% assign productImageWidth = featureMedia.preview_image.width %}
     {% endcase %}`)}
-    ${m.default({id:"{{section.id}}-{{imageID}}",contentType:"productImage",className:`${q("gp-ft-image-item !gp-min-w-full !gp-max-w-full ")}`,parentId:`ft-${p}-{{section.id}}-{{product.id}}`,style:$,customStyle:{width:"{{productImageWidth}}px"},children:`
+    ${c.default({id:"{{section.id}}-{{imageID}}",contentType:"productImage",className:`${q("gp-ft-image-item !gp-min-w-full !gp-max-w-full ")}`,parentId:`ft-${n}-{{section.id}}-{{product.id}}`,style:$,customStyle:{width:"{{productImageWidth}}px"},children:`
       <div
-        class="gp-w-full gp-relative ${c.LiquidIf("featureMedia == null or featureMedia.media_type == 'image'","{{ 'gp-h-0' }}","{{ 'gp-h-full !gp-pb-0' }}")}"
-        style="${u.getStyleOfObject(e.makeStyleResponsive("pb",T))} ${c.LiquidIf("featureMedia.media_type == 'video' or featureMedia.media_type == 'external_video'","{{ 'display: flex; align-items: center; justify-content: center' }}")}"
+        class="gp-w-full gp-relative ${p.LiquidIf("featureMedia == null or featureMedia.media_type == 'image'","{{ 'gp-h-0' }}","{{ 'gp-h-full !gp-pb-0' }}")}"
+        style="${u.getStyleOfObject(e.makeStyleResponsive("pb",T))} ${p.LiquidIf("featureMedia.media_type == 'video' or featureMedia.media_type == 'external_video'","{{ 'display: flex; align-items: center; justify-content: center' }}")}"
       >
         ${j()}
       </div>
       `})}`)}
-    `,s.default({src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:"480",height:"480",alt:"no image",priority:h?.preload,setting:{layout:h?.ftLayout,aspectRatio:S,qualityType:h?.qualityType,qualityPercent:h?.qualityPercent},style:{height:"100%"},className:"gp-w-full featured-image-only !gp-rounded-none",customLazyload:!0,enableLazyLoadImage:y}));return c.Liquid(`
+    `,d.default({src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:"480",height:"480",alt:"no image",priority:y?.preload,setting:{layout:y?.ftLayout,aspectRatio:S,qualityType:y?.qualityType,qualityPercent:y?.qualityPercent},style:{height:"100%"},className:"gp-w-full featured-image-only !gp-rounded-none",customLazyload:!0,enableLazyLoadImage:h}));return p.Liquid(`
     {% capture featureImageOnlyOne %}
-      ${c.Liquid(`
+      ${p.Liquid(`
         {% assign featureMedia = variant.featured_media %}
         {% unless featureMedia %}
         {% assign featureMedia = product.featured_media %}
         {% endunless %}
-        ${c.LiquidIf("product.media.size > 1",(()=>{switch(h?.preDisplay){case"1st-images":return`
+        ${p.LiquidIf("product.media.size > 1",(()=>{switch(y?.preDisplay){case"1st-images":return`
           {% assign featureMedia = product.media.first %}
-        `;case"1st-3d-mode":return c.LiquidFor("media in product.media",c.LiquidIf("media.media_type == 'model'","{% assign featureMedia = media %}{% break %}"));case"1st-video":return c.LiquidFor("media in product.media",c.LiquidIf("media.media_type == 'video' or media.media_type == 'external_video'","{% assign featureMedia = media %}{% break %}"));default:return`
+        `;case"1st-3d-mode":return p.LiquidFor("media in product.media",p.LiquidIf("media.media_type == 'model'","{% assign featureMedia = media %}{% break %}"));case"1st-video":return p.LiquidFor("media in product.media",p.LiquidIf("media.media_type == 'video' or media.media_type == 'external_video'","{% assign featureMedia = media %}{% break %}"));default:return`
           {% assign featureMedia = variant.featured_media %}
           {% unless featureMedia %}
           {% assign featureMedia = product.featured_media %}
@@ -73,7 +74,7 @@
         {% assign height = featureMedia.height | times: 1.0 %}
         {% assign width = featureMedia.width | times: 1.0 %}
         {% assign ratio = height | divided_by: width %}
-        ${c.LiquidIf("ratio > largestRatio","{% assign largestRatio = ratio %}")}
+        ${p.LiquidIf("ratio > largestRatio","{% assign largestRatio = ratio %}")}
         {% assign productImageWidth = 0 %}
         {% case featureMedia.media_type %}
           {% when 'image' %}
@@ -81,10 +82,10 @@
           {% else %}
             {% assign productImageWidth = featureMedia.preview_image.width %}
         {% endcase %}
-        ${c.LiquidIf("featureMedia == null","{% assign productImageWidth = 1600 %}")}
+        ${p.LiquidIf("featureMedia == null","{% assign productImageWidth = 1600 %}")}
         <div
           class='gp-feature-image-carousel gp-feature-image-only'
-          style="${u.getStyleOfObject(M)}"
+          style="${u.getStyleOfObject(_)}"
         >
           <div
             class="gp-relative"
@@ -95,12 +96,12 @@
               type="gp-feature-image-only"
               product-id="{{product.id}}"
               product-media="{{product.media.size}}"
-              class="${b(W)}"
-              style="${u.getStyleOfObject(_)}"
+              class="${v(W)}"
+              style="${u.getStyleOfObject(b)}"
             >
               <div
-                class="gp-w-full gp-relative ${c.LiquidIf("featureMedia == null or featureMedia.media_type == 'image'","{{ 'gp-h-0' }}","{{ 'gp-h-full !gp-pb-0' }}")}"
-                style="${u.getStyleOfObject(e.makeStyleResponsive("pb",T))} ${c.LiquidIf("featureMedia.media_type == 'video' or featureMedia.media_type == 'external_video'","{{ 'display: flex; align-items: center; justify-content: center' }}")}"
+                class="gp-w-full gp-relative ${p.LiquidIf("featureMedia == null or featureMedia.media_type == 'image'","{{ 'gp-h-0' }}","{{ 'gp-h-full !gp-pb-0' }}")}"
+                style="${u.getStyleOfObject(e.makeStyleResponsive("pb",T))} ${p.LiquidIf("featureMedia.media_type == 'video' or featureMedia.media_type == 'external_video'","{{ 'display: flex; align-items: center; justify-content: center' }}")}"
               >
                 ${j()}
               </div>
@@ -109,10 +110,10 @@
         </div>
       `)}
     {% endcapture %}
-    ${c.LiquidIf("product.media.size > 1",`
-        ${c.If(N,`
-      ${n.default({builderProps:{uid:p},rootId:`ft-${p}-{{section.id}}-{{product.id}}`,conditionAppendJs:"product.media.size > 1",wrapperClass:W,rootClass:`${I}`,rootAttrs:{type:"gp-feature-image-carousel","product-id":"{{product.id}}","product-media":"{{product.media.size}}"},isHiddenArrowWhenDisabled:!0,setting:L,rootStyles:M,styles:v,style:{playSpeed:600},disableMarginAuto:!0,children:A,productBadgeLiquid:f||"",carouselType:"feature_image"})}
+    ${p.LiquidIf("product.media.size > 1",`
+        ${p.If(N,`
+      ${m.default({builderProps:{uid:n},rootId:`ft-${n}-{{section.id}}-{{product.id}}`,conditionAppendJs:"product.media.size > 1",wrapperClass:W,rootClass:`${I}`,rootAttrs:{type:"gp-feature-image-carousel","product-id":"{{product.id}}","product-media":"{{product.media.size}}"},isHiddenArrowWhenDisabled:!0,setting:L,rootStyles:_,styles:M,style:{playSpeed:600},disableMarginAuto:!0,children:A,productBadgeLiquid:f||"",carouselType:"feature_image"})}
     `," ")}
-        ${c.If(!N,"{{ featureImageOnlyOne }}"," ")}
+        ${p.If(!N,"{{ featureImageOnlyOne }}"," ")}
       `,"{{ featureImageOnlyOne }}")}
   `)};

package/dist/cjs/product/settings/product/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Layout",controls:[{setting:{id:"layout"},layout:"vertical"}]},{label:"Product source",controls:[{setting:{id:"productSetting"},layout:"vertical"}]},{label:"Column spacing",conditionDisplay:'pageType !== "POST_PURCHASE" && childrens > 1',controls:[{label:"Gap",setting:{id:"verticalGutter"},conditionDisplay:"layout.cols.length > 1"},{setting:{id:"verticalGutterMobile"},label:"Gap",conditionDisplay:"layout.cols.length === 1"},{label:"Gap",setting:{id:"columnGap"},conditionDisplay:'!!layout.cols && layout.cols.length > 1 && pageType == "POST_PURCHASE"'}]},{label:"Size",controls:[{setting:{id:"width"},label:"Width",layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Display option",controls:[{layout:"vertical",setting:{id:"selectVariantDefault"}},{label:"Condition",controlConfig:{id:"condition",type:"select",options:[{label:"Link variants, quantity <br> between same products",value:!0,svgIcon:"gp-sync-product-on"},{label:"Unlink variants, quantity <br> between same products",value:!1,svgIcon:"gp-sync-product-off"}],linkWithSetting:{name:"isSyncProduct"}}}]},{label:"Align",conditionDisplay:"pageType != \"POST_PURCHASE\" && (layout.display === 'fit' || (!!layout.cols && layout.cols.length > 1))",controls:[{id:"verticalAlign",label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"!!layout.cols && layout.cols.length > 1"},{id:"horizontalAlign",label:"Horizontal",setting:{id:"horizontalAlign"},conditionDisplay:"layout.display == 'fit'",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]}];
+"use strict";exports.SettingUIV2=[{label:"Layout",controls:[{setting:{id:"layout"},layout:"vertical"}]},{label:"Product source",controls:[{setting:{id:"productSetting"},layout:"vertical"}]},{label:"Column spacing",hiddenOnMobile:!0,conditionDisplay:'pageType !== "POST_PURCHASE" && childrens > 1',controls:[{label:"Gap",setting:{id:"verticalGutter"},conditionDisplay:"layout.cols.length > 1"},{setting:{id:"verticalGutterMobile"},label:"Gap",conditionDisplay:"layout.cols.length === 1"},{label:"Gap",setting:{id:"columnGap"},conditionDisplay:'!!layout.cols && layout.cols.length > 1 && pageType == "POST_PURCHASE"'}]},{label:"Size",hiddenOnMobile:!0,controls:[{setting:{id:"width"},label:"Width",layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Display option",controls:[{layout:"vertical",setting:{id:"selectVariantDefault"}},{label:"Condition",controlConfig:{id:"condition",type:"select",options:[{label:"Link variants, quantity <br> between same products",value:!0,svgIcon:"gp-sync-product-on"},{label:"Unlink variants, quantity <br> between same products",value:!1,svgIcon:"gp-sync-product-off"}],linkWithSetting:{name:"isSyncProduct"}}}]},{label:"Align",hiddenOnMobile:!0,conditionDisplay:"pageType != \"POST_PURCHASE\" && (layout.display === 'fit' || (!!layout.cols && layout.cols.length > 1))",controls:[{id:"verticalAlign",label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"!!layout.cols && layout.cols.length > 1"},{id:"horizontalAlign",label:"Horizontal",setting:{id:"horizontalAlign"},conditionDisplay:"layout.display == 'fit'",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]}];

package/dist/cjs/product/settings/product-button/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Layout",controls:[{setting:{id:"buttonLayout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-before"}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-only"}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-only"}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Size",controls:[{id:"Width",label:"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:"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:"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:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"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:"Icon",setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"control",setting:{id:"iconSvg"},label:"Icon",conditionDisplay:"enableIcon === true"},{type:"control",label:"Position",setting:{id:"iconAlign"},conditionDisplay:"enableIcon === true"},{type:"control",label:"Gap",setting:{id:"iconSpacing"},conditionDisplay:"enableIcon === true"}]},{label:"Text",controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",fixedValue:"Add to cart",getValueFromSettingID:"label",isHideClear:!0,controls:[{label:"Content",setting:{id:"label"}}]},{setting:{id:"typo"},layout:"vertical",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}}}]},{controls:[{label:"Separator",setting:{id:"enableSeparator"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",conditionDisplay:"enableSeparator === true",setting:{id:"separator"}}]},{controls:[{label:"Price",setting:{id:"enablePrice"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Layout",conditionDisplay:"enablePrice === true",setting:{id:"priceLayout"},layout:"vertical"},{label:"Product price",conditionDisplay:"enablePrice === true",type:"combo",fixedValue:"Edit",iconName:"polaris-text-title",popoverLabel:"Product price text style",isHideClear:!0,controls:[{layout:"vertical",setting:{id:"priceTypo"}}]},{label:"Compare-at",conditionDisplay:'enablePrice === true && priceLayout !== "price-only"',type:"combo",fixedValue:"Edit",iconName:"polaris-text-title",popoverLabel:"Compare-at text style",isHideClear:!0,controls:[{setting:{id:"opacityPrice"},label:"Opacity"},{layout:"vertical",setting:{id:"compareAtPriceTypo"}}]}]},{label:"Effect",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",setting:{id:"enableHoverEffect"},popoverLabel:"Hover",controls:[{label:"Background",type:"group",controls:[{label:"Background",setting:{id:"backgroundColorV2",state:"hover"}}]},{label:"Text",type:"group",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"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:"Shadow",setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{label:"Out of stock state",controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",fixedValue:"Out of stock",getValueFromSettingID:"outOfStockLabel",isHideClear:!0,controls:[{label:"Content",setting:{id:"outOfStockLabel"}}]},{label:"Background",setting:{id:"oosBackgroundV2",state:"normal"}},{label:"Text color",setting:{id:"oosTextColorV2",state:"normal"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}],moreSettings:{type:"collapse",controls:[{label:"Border",setting:{id:"oosBorderV2",state:"normal"}},{label:"Corner",setting:{id:"oosRoundedV2",state:"normal"}},{label:"Shadow",setting:{id:"oosShadow"},options:{updateFields:[{field:"enable",settingId:"oosEnableShadow"}]},controlChangeTrigger:{settings:[{condition:"oosShadow.enable === true",source:["oosShadow","oosEnableShadow"],action:{controlId:"oosEnableShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"oosShadow.enable === false",source:["oosShadow","oosEnableShadow"],action:{controlId:"oosEnableShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]}},{label:"Redirect to",controls:[{type:"control",label:"After click",setting:{id:"actionEffect"}},{type:"control",conditionDisplay:"actionEffect === 'go-to-url'",layout:"vertical",setting:{id:"customURL"}},{label:"Message",conditionDisplay:"actionEffect === 'continue-shopping'",setting:{id:"enableMessage"}},{label:"Success",conditionDisplay:"enableMessage === true && actionEffect === 'continue-shopping'",type:"combo",getValueFromSettingID:"successMessage",compoDefaultValue:"Add product to cart successfully",iconName:"polaris-check-circle",isHideClear:!0,popoverLabel:"Success message",controls:[{label:"Content",options:{labelAlign:"top"},setting:{id:"successMessage"}},{layout:"vertical",setting:{id:"successTypo"}}]},{label:"Error",conditionDisplay:"enableMessage === true && actionEffect === 'continue-shopping'",type:"combo",fixedValue:"Edit",iconName:"polaris-alert-bubble",getValueFromSettingID:"errorMessage",compoDefaultValue:"Cannot add product to cart",isHideClear:!0,popoverLabel:"Error message",controls:[{label:"Source",setting:{id:"errorType"}},{label:"Add failed",options:{labelAlign:"top"},conditionDisplay:"errorType === 'custom'",setting:{id:"errorMessage"}},{label:"Not select variant",options:{labelAlign:"top"},conditionDisplay:"errorType === 'custom'",setting:{id:"variantSelectionRequiredMessage"}},{layout:"vertical",setting:{id:"errorTypo"}}]}]},{controls:[{label:"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"}}]}];
+"use strict";exports.SettingUIV2=[{label:"Layout",controls:[{setting:{id:"buttonLayout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-before"}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-only"}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-only"}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"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:"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:"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:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}}]},{label:"Shape",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"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:"Icon",setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"control",setting:{id:"iconSvg"},label:"Icon",conditionDisplay:"enableIcon === true"},{type:"control",label:"Position",setting:{id:"iconAlign"},conditionDisplay:"enableIcon === true"},{type:"control",label:"Gap",setting:{id:"iconSpacing"},conditionDisplay:"enableIcon === true"}]},{label:"Text",controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",fixedValue:"Add to cart",getValueFromSettingID:"label",isHideClear:!0,controls:[{label:"Content",setting:{id:"label"}}]},{setting:{id:"typo"},layout:"vertical",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}}}]},{controls:[{label:"Separator",setting:{id:"enableSeparator"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",conditionDisplay:"enableSeparator === true",setting:{id:"separator"}}]},{controls:[{label:"Price",setting:{id:"enablePrice"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Layout",conditionDisplay:"enablePrice === true",setting:{id:"priceLayout"},layout:"vertical"},{label:"Product price",hiddenOnMobile:!0,conditionDisplay:"enablePrice === true",type:"combo",fixedValue:"Edit",iconName:"polaris-text-title",popoverLabel:"Product price text style",isHideClear:!0,controls:[{layout:"vertical",setting:{id:"priceTypo"}}]},{label:"Compare-at",hiddenOnMobile:!0,conditionDisplay:'enablePrice === true && priceLayout !== "price-only"',type:"combo",fixedValue:"Edit",iconName:"polaris-text-title",popoverLabel:"Compare-at text style",isHideClear:!0,controls:[{setting:{id:"opacityPrice"},label:"Opacity"},{layout:"vertical",setting:{id:"compareAtPriceTypo"}}]}]},{label:"Effect",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",setting:{id:"enableHoverEffect"},popoverLabel:"Hover",controls:[{label:"Background",type:"group",controls:[{label:"Background",setting:{id:"backgroundColorV2",state:"hover"}}]},{label:"Text",type:"group",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"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:"Shadow",setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{label:"Out of stock state",hiddenOnMobile:!0,controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",fixedValue:"Out of stock",getValueFromSettingID:"outOfStockLabel",isHideClear:!0,controls:[{label:"Content",setting:{id:"outOfStockLabel"}}]},{label:"Background",setting:{id:"oosBackgroundV2",state:"normal"}},{label:"Text color",setting:{id:"oosTextColorV2",state:"normal"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}],moreSettings:{type:"collapse",controls:[{label:"Border",setting:{id:"oosBorderV2",state:"normal"}},{label:"Corner",setting:{id:"oosRoundedV2",state:"normal"}},{label:"Shadow",setting:{id:"oosShadow"},options:{updateFields:[{field:"enable",settingId:"oosEnableShadow"}]},controlChangeTrigger:{settings:[{condition:"oosShadow.enable === true",source:["oosShadow","oosEnableShadow"],action:{controlId:"oosEnableShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"oosShadow.enable === false",source:["oosShadow","oosEnableShadow"],action:{controlId:"oosEnableShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]}},{label:"Redirect to",controls:[{type:"control",label:"After click",setting:{id:"actionEffect"}},{type:"control",conditionDisplay:"actionEffect === 'go-to-url'",layout:"vertical",setting:{id:"customURL"}},{label:"Message",conditionDisplay:"actionEffect === 'continue-shopping'",setting:{id:"enableMessage"}},{label:"Success",conditionDisplay:"enableMessage === true && actionEffect === 'continue-shopping'",type:"combo",getValueFromSettingID:"successMessage",compoDefaultValue:"Add product to cart successfully",iconName:"polaris-check-circle",isHideClear:!0,popoverLabel:"Success message",controls:[{label:"Content",options:{labelAlign:"top"},setting:{id:"successMessage"}},{layout:"vertical",setting:{id:"successTypo"}}]},{label:"Error",conditionDisplay:"enableMessage === true && actionEffect === 'continue-shopping'",type:"combo",fixedValue:"Edit",iconName:"polaris-alert-bubble",getValueFromSettingID:"errorMessage",compoDefaultValue:"Cannot add product to cart",isHideClear:!0,popoverLabel:"Error message",controls:[{label:"Source",setting:{id:"errorType"}},{label:"Add failed",options:{labelAlign:"top"},conditionDisplay:"errorType === 'custom'",setting:{id:"errorMessage"}},{label:"Not select variant",options:{labelAlign:"top"},conditionDisplay:"errorType === 'custom'",setting:{id:"variantSelectionRequiredMessage"}},{layout:"vertical",setting:{id:"errorTypo"}}]}]},{controls:[{label:"Align",hiddenOnMobile:!0,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"}}]}];

package/dist/cjs/product/settings/product-list/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";var o=require("../../../../carousel/settings/configs/ui-v2.js");const t=[{controls:[{label:"Layout",layout:"vertical",options:{labelVariant:"primary"},setting:{id:"layout"}}]},{label:"Product source",controls:[{setting:{id:"productSetting"},layout:"vertical"}]},{label:"Display",controls:[{label:"Products",conditionDisplay:"productSetting.productSrc === 'RelatedProduct' || !!productSetting && productSetting.productSrc !== 'PickProduct'",setting:{id:"numberOfProducts"}},{label:"Columns",setting:{id:"slidesToShow"}}]},{label:"Item spacing",controls:[{label:"Columns gap",conditionDisplay:"layout === 'slider'",setting:{id:"spacing"}},{label:"Columns gap",conditionDisplay:"layout === 'grid'",setting:{id:"verticalGutter"}},{label:"Rows gap",conditionDisplay:"layout === 'grid'",setting:{id:"horizontalGutter"}}]},{label:"Item style",controls:[{conditionDisplay:"layout !== 'slider'",label:"Height",setting:{id:"sameHeight"}}]},{conditionDisplay:"layout === 'slider'",...o.carouselNavigationSettings},{conditionDisplay:"layout === 'slider'",...o.carouselDotsSettings},{conditionDisplay:"layout === 'slider'",...o.carouselEffectsSettings},{label:"Size",controls:[{label:"Width",setting:{id:"width"}},{conditionDisplay:"layout === 'slider'",label:"Height",setting:{id:"height"}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}},{label:"Image",setting:{id:"backgroundImage"},options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:[{label:"Align",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=t;
+"use strict";var o=require("../../../../carousel/settings/configs/ui-v2.js");const e=[{controls:[{label:"Layout",layout:"vertical",options:{labelVariant:"primary"},setting:{id:"layout"}}]},{label:"Product source",controls:[{setting:{id:"productSetting"},layout:"vertical"}]},{label:"Display",controls:[{label:"Products",conditionDisplay:"productSetting.productSrc === 'RelatedProduct' || !!productSetting && productSetting.productSrc !== 'PickProduct'",setting:{id:"numberOfProducts"}},{label:"Columns",setting:{id:"slidesToShow"}}]},{label:"Item spacing",hiddenOnMobile:!0,controls:[{label:"Columns gap",conditionDisplay:"layout === 'slider'",setting:{id:"spacing"}},{label:"Columns gap",conditionDisplay:"layout === 'grid'",setting:{id:"verticalGutter"}},{label:"Rows gap",conditionDisplay:"layout === 'grid'",setting:{id:"horizontalGutter"}}]},{label:"Item style",hiddenOnMobile:!0,controls:[{conditionDisplay:"layout !== 'slider'",label:"Height",setting:{id:"sameHeight"}}]},{conditionDisplay:"layout === 'slider'",hiddenOnMobile:!0,...o.carouselNavigationSettings},{conditionDisplay:"layout === 'slider'",hiddenOnMobile:!0,...o.carouselDotsSettings},{conditionDisplay:"layout === 'slider'",...o.carouselEffectsSettings},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",setting:{id:"width"}},{conditionDisplay:"layout === 'slider'",label:"Height",setting:{id:"height"}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}},{label:"Image",setting:{id:"backgroundImage"},options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=e;

package/dist/cjs/product/settings/product-list-v3/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";var o=require("../../../../carousel-v3/settings/configs/ui-v2.js");const t=[{controls:[{label:"Layout",layout:"vertical",options:{labelVariant:"primary"},setting:{id:"layout"}}]},{label:"Product source",controls:[{setting:{id:"productSetting"},layout:"vertical"}]},{label:"Display",controls:[{label:"Products",conditionDisplay:"productSetting.productSrc === 'RelatedProduct' || !!productSetting && productSetting.productSrc !== 'PickProduct'",setting:{id:"numberOfProducts"}},{label:"Columns",setting:{id:"slidesToShow"}}]},{label:"Item spacing",controls:[{label:"Columns gap",conditionDisplay:"layout === 'slider'",setting:{id:"spacing"}},{label:"Columns gap",conditionDisplay:"layout === 'grid'",setting:{id:"verticalGutter"}},{label:"Rows gap",conditionDisplay:"layout === 'grid'",setting:{id:"horizontalGutter"}}]},{label:"Item style",controls:[{conditionDisplay:"layout !== 'slider'",label:"Height",setting:{id:"sameHeight"}}]},{conditionDisplay:"layout === 'slider'",...o.carouselNavigationSettings},{conditionDisplay:"layout === 'slider'",...o.carouselDotsSettings},{conditionDisplay:"layout === 'slider'",...o.carouselEffectsSettings},{label:"Size",controls:[{label:"Width",setting:{id:"width"}},{conditionDisplay:"layout === 'slider'",label:"Height",setting:{id:"height"}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}},{label:"Image",setting:{id:"backgroundImage"},options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:[{label:"Align",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=t;
+"use strict";var o=require("../../../../carousel-v3/settings/configs/ui-v2.js");const e=[{controls:[{label:"Layout",layout:"vertical",options:{labelVariant:"primary"},setting:{id:"layout"}}]},{label:"Product source",controls:[{setting:{id:"productSetting"},layout:"vertical"}]},{label:"Display",controls:[{label:"Products",conditionDisplay:"productSetting.productSrc === 'RelatedProduct' || !!productSetting && productSetting.productSrc !== 'PickProduct'",setting:{id:"numberOfProducts"}},{label:"Columns",setting:{id:"slidesToShow"}}]},{label:"Item spacing",hiddenOnMobile:!0,controls:[{label:"Columns gap",conditionDisplay:"layout === 'slider'",setting:{id:"spacing"}},{label:"Columns gap",conditionDisplay:"layout === 'grid'",setting:{id:"verticalGutter"}},{label:"Rows gap",conditionDisplay:"layout === 'grid'",setting:{id:"horizontalGutter"}}]},{label:"Item style",hiddenOnMobile:!0,controls:[{conditionDisplay:"layout !== 'slider'",label:"Height",setting:{id:"sameHeight"}}]},{conditionDisplay:"layout === 'slider'",hiddenOnMobile:!0,...o.carouselNavigationSettings},{conditionDisplay:"layout === 'slider'",hiddenOnMobile:!0,...o.carouselDotsSettings},{conditionDisplay:"layout === 'slider'",...o.carouselEffectsSettings},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",setting:{id:"width"}},{conditionDisplay:"layout === 'slider'",label:"Height",setting:{id:"height"}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}},{label:"Image",setting:{id:"backgroundImage"},options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=e;

package/dist/cjs/tab/settings/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Layout",controls:[{layout:"vertical",setting:{id:"position"}}]},{label:"Tabs",controls:[{label:"Order",setting:{id:"childItem"},controlConfig:{id:"childItem",type:"child-item",labelItem:"tab",labelPopover:"Tab management"}},{label:"Text",type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"labelTypoV2.type",isTypoValue:!0,isHideClear:!0,controls:[{layout:"vertical",setting:{id:"labelTypoV2"},options:{updateFields:[{field:"attrs.textAlign",settingId:"labelAlign"},{field:"attrs.color",settingId:"labelColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"labelAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}},{action:{controlId:"labelColor",valueFromField:"attrs.color",groupType:"setting",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'position == "top"',label:"Width",setting:{id:"panelWidth"}}],moreSettings:{type:"collapse",controls:[{id:"Width",label:"Width",conditionDisplay:'position != "top"',controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"labelWidth"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Background",setting:{id:"labelBgColor",state:"normal"}},{label:"Border",setting:{id:"borderTab",state:"normal"}},{conditionDisplay:'position == "top" && panelWidth != "100%"',label:"Tabs align",setting:{id:"panelAlign"}},{conditionDisplay:'position != "top" && labelWidth != "100%"',label:"Tabs align",setting:{id:"panelAlignVertical"}},{label:"Hover effect",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",setting:{id:"enableHoverEffect"},popoverLabel:"Tabs hover effect",controls:[{label:"Text color",setting:{id:"labelColor",state:"hover"}},{label:"Background",setting:{id:"labelBgColor",state:"hover"}},{label:"Border",setting:{id:"borderTab",state:"hover"}}]},{label:"Active state",type:"combo",setting:{id:"enableActiveEffect"},iconName:"polaris-status-active",fixedValue:"Styled",state:"active",popoverLabel:"Tabs active state",controls:[{label:"Text color",setting:{id:"labelColor",state:"active"}},{label:"Background",setting:{id:"labelBgColor",state:"active"}},{label:"Border",setting:{id:"borderTab",state:"active"}}]}]}},{label:"Size",controls:[{id:"containWidth",label:"Width",controlConfig:{id:"containWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"containWidth"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Display option",controls:[{label:"Default active",setting:{id:"activeKey"}}]},{controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionEnable:'!(parseInt(containWidth) >= 100 && containWidth?.includes("%"))'}]}];
+"use strict";exports.SettingUIV2=[{label:"Layout",controls:[{layout:"vertical",setting:{id:"position"}}]},{label:"Tabs",controls:[{label:"Order",setting:{id:"childItem"},controlConfig:{id:"childItem",type:"child-item",labelItem:"tab",labelPopover:"Tab management"}},{label:"Text",type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"labelTypoV2.type",isTypoValue:!0,isHideClear:!0,controls:[{layout:"vertical",setting:{id:"labelTypoV2"},options:{updateFields:[{field:"attrs.textAlign",settingId:"labelAlign"},{field:"attrs.color",settingId:"labelColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"labelAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}},{action:{controlId:"labelColor",valueFromField:"attrs.color",groupType:"setting",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'position == "top"',label:"Width",hiddenOnMobile:!0,setting:{id:"panelWidth"}}],moreSettings:{type:"collapse",controls:[{id:"Width",hiddenOnMobile:!0,label:"Width",conditionDisplay:'position != "top"',controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"labelWidth"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Background",hiddenOnMobile:!0,setting:{id:"labelBgColor",state:"normal"}},{label:"Border",hiddenOnMobile:!0,setting:{id:"borderTab",state:"normal"}},{conditionDisplay:'position == "top" && panelWidth != "100%"',label:"Tabs align",hiddenOnMobile:!0,setting:{id:"panelAlign"}},{conditionDisplay:'position != "top" && labelWidth != "100%"',label:"Tabs align",hiddenOnMobile:!0,setting:{id:"panelAlignVertical"}},{label:"Hover effect",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",hiddenOnMobile:!0,setting:{id:"enableHoverEffect"},popoverLabel:"Tabs hover effect",controls:[{label:"Text color",setting:{id:"labelColor",state:"hover"}},{label:"Background",setting:{id:"labelBgColor",state:"hover"}},{label:"Border",setting:{id:"borderTab",state:"hover"}}]},{label:"Active state",hiddenOnMobile:!0,type:"combo",setting:{id:"enableActiveEffect"},iconName:"polaris-status-active",fixedValue:"Styled",state:"active",popoverLabel:"Tabs active state",controls:[{label:"Text color",setting:{id:"labelColor",state:"active"}},{label:"Background",setting:{id:"labelBgColor",state:"active"}},{label:"Border",setting:{id:"borderTab",state:"active"}}]}]}},{label:"Size",hiddenOnMobile:!0,controls:[{id:"containWidth",label:"Width",controlConfig:{id:"containWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"containWidth"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Display option",controls:[{label:"Default active",setting:{id:"activeKey"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionEnable:'!(parseInt(containWidth) >= 100 && containWidth?.includes("%"))'}]}];

package/dist/cjs/third-party/components/WcWishlistBackInStock.liquid.js

@@ -1 +1,19 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../common/helpers.js");exports.default=({setting:r,advanced:s})=>{let{align:t,appBlockId:o}=r??{};return e.getLiquidForAppBlock(o,t,`${s?.cssClass??""} !gp-block`)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@gem-sdk/core");exports.default=({setting:i,advanced:d})=>{let{align:a,widgetType:s}=i??{};return t.template`
+    <div
+      class="${d?.cssClass}"
+      style="${{...t.makeStyleResponsive("ta",a)}}"
+    >
+      {% assign widget = '${s}' %}
+      {% case widget %}
+        {% when "wishlist-bis-block" %}
+          <div class="wc_wl_bis_btn" data-product_id="{{ product.id }}" data-variant_id="{{ product.variants[0].id }}"></div>
+          <script  type="application/ld+json" id="wc_wl_bis">{{ product | json }}</script>
+        {% when "wishlist-block" %}
+          <div class="th_prd_wl_btn" data-product_id="{{ product.id }}" data-variant_id="{{product.variants[0].id }}"></div>
+        {% when "wishlist-collection-block" %}
+          <div class="th_wl_col_btn" data-product_id="{{ product.id }}" data-variant_id="{{ product.variants[0].id }}"></div>
+        {% when "wishlist-bis-collection" %}
+          <div class="wc_wl_bis_btn wc_bis_auto_setup" data-product_id="{{ product.id }}" data-variant_id="{{ product.variants[0].id }}"></div>
+      {% endcase %}
+    </div>
+  `};

package/dist/cjs/third-party/configs/WcWishlistBackInStock.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={id:"wc-wishlist-back-in-stock",label:"WC Wishlist & Back in Stock",logoUrl:"https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22",tag:"WcWishlistBackInStock"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={label:"WC Wishlist & Back in Stock",logoUrl:"https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22",tag:"WcWishlistBackInStock"};

package/dist/cjs/third-party/settings/WcWishlistBackInStock/index.js

@@ -1,4 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../configs/WcWishlistBackInStock.js"),l=require("./uiV2.js");const t={tag:e.default.tag,label:e.default.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:e.default.id,name:e.default.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../configs/WcWishlistBackInStock.js"),t=require("./uiV2.js");const i={tag:e.default.tag,label:e.default.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:"wishlist-collection",name:e.default.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
         <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22">
         <span class="preset-item-title">WC Wishlist & Back in Stock</span>
-      </div>`},components:[{tag:e.default.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Back in Stock Product",value:"wishlist-bis-block",hideOnPage:["ARTICLE","BLOG","COLLECTION","GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC","STATIC"]},{label:"Wishlist Product",value:"wishlist-block",hideOnPage:["ARTICLE","BLOG","COLLECTION","GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC","STATIC"]},{label:"Wishlist Collection",value:"wishlist-collection-block",hideOnPage:["ARTICLE","BLOG","PRODUCT","GP_ARTICLE","GP_BLOG","GP_PRODUCT","GP_INDEX","GP_STATIC","STATIC"]},{label:"Back in Stock Collection",value:"wishlist-bis-collection",hideOnPage:["ARTICLE","BLOG","PRODUCT","GP_ARTICLE","GP_BLOG","GP_PRODUCT","GP_INDEX","GP_STATIC","STATIC"]}],default:"wishlist-bis-block"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:"https://apps.shopify.com/wishlist-club?utm_source=gempages",appName:e.default.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"",appName:e.default.label},{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"}}}]}],ui:[],uiV2:l.default};exports.default=t;
+      </div>`},components:[{tag:e.default.tag,settings:{widgetType:"wishlist-collection-block"}}]},{id:"wishlist-product",name:e.default.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
+        <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22">
+        <span class="preset-item-title">WC Wishlist & Back in Stock</span>
+      </div>`},components:[{tag:e.default.tag,settings:{widgetType:"wishlist-bis-block"}}]}],settings:[{id:"setting",controls:[{id:"widgetType",label:"Choose widget",type:"select",default:"wishlist-bis-block",options:[{label:"Back in Stock Product",value:"wishlist-bis-block",hideOnPage:["ARTICLE","BLOG","COLLECTION","GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC","STATIC"]},{label:"Wishlist Product",value:"wishlist-block",hideOnPage:["ARTICLE","BLOG","COLLECTION","GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC","STATIC"]},{label:"Wishlist Collection",value:"wishlist-collection-block",hideOnPage:["ARTICLE","BLOG","PRODUCT","GP_ARTICLE","GP_BLOG","GP_PRODUCT","GP_INDEX","GP_STATIC","STATIC"]},{label:"Back in Stock Collection",value:"wishlist-bis-collection",hideOnPage:["ARTICLE","BLOG","PRODUCT","GP_ARTICLE","GP_BLOG","GP_PRODUCT","GP_INDEX","GP_STATIC","STATIC"]}]},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:"https://apps.shopify.com/wishlist-club?utm_source=gempages",appName:e.default.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"",appName:e.default.label},{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"}}}]}],ui:[],uiV2:t.default};exports.default=i;

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

@@ -1 +1 @@
-let e=[{label:"Separator icon",controls:[{label:"Icon",setting:{id:"iconSvg"}},{label:"Color",setting:{id:"color"}},{label:"Size",setting:{id:"iconWidth"}}]},{label:"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:"Item spacing",controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Size",controls:[{label:"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:"Background",controls:[{label:"Color",controlConfig:{id:"background-color",type:"color-picker-v2",linkWithSetting:{name:"background",field:"color"},compoDefaultValue:{desktop:{default:"#ffffff"}}}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Effect",controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Hover",setting:{id:"enableHoverEffect"},state:"hover",controls:[{label:"Text color",setting:{id:"labelColor",state:"hover"}},{label:"Font weight",setting:{id:"fontWeight",state:"hover"}}]},{label:"Active",type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",popoverLabel:"Active",setting:{id:"enableActiveEffect"},state:"active",controls:[{label:"Text color",setting:{id:"labelColor",state:"active"}},{label:"Font weight",setting:{id:"fontWeight",state:"active"}}]}]},{label:"Display option",controls:[{label:"Hide active page",setting:{id:"hideCurrentPage"}}]},{controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{e as SettingUIV2};
+let e=[{label:"Separator icon",controls:[{label:"Icon",setting:{id:"iconSvg"}},{label:"Color",setting:{id:"color"}},{label:"Size",setting:{id:"iconWidth"}}]},{label:"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:"Item spacing",controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"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:"Background",controls:[{label:"Color",controlConfig:{id:"background-color",type:"color-picker-v2",linkWithSetting:{name:"background",field:"color"},compoDefaultValue:{desktop:{default:"#ffffff"}}}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Effect",hiddenOnMobile:!0,controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Hover",setting:{id:"enableHoverEffect"},state:"hover",controls:[{label:"Text color",setting:{id:"labelColor",state:"hover"}},{label:"Font weight",setting:{id:"fontWeight",state:"hover"}}]},{label:"Active",type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",popoverLabel:"Active",setting:{id:"enableActiveEffect"},state:"active",controls:[{label:"Text color",setting:{id:"labelColor",state:"active"}},{label:"Font weight",setting:{id:"fontWeight",state:"active"}}]}]},{label:"Display option",controls:[{label:"Hide active page",setting:{id:"hideCurrentPage"}}]},{controls:[{hiddenOnMobile:!0,label:"Align",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{e as SettingUIV2};

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

@@ -1 +1 @@
-let e={controls:[{label:"Navigation",setting:{id:"navigationEnable"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"navigationEnable === true",label:"Position",setting:{id:"navigationStyle"}},{conditionDisplay:"navigationEnable === true",label:"Icon",setting:{id:"arrowCustom"}},{conditionDisplay:"navigationEnable === true",label:"Icon size",setting:{id:"arrowIconSize"}},{conditionDisplay:"navigationEnable === true",label:"Icon color",setting:{id:"arrowCustomColor"}}],moreSettings:{controls:[{type:"combo",conditionDisplay:"navigationEnable === true",label:"Button size",fixedValue:"Edit",iconName:"polaris-measurement-size",isHideClear:!0,controls:[{setting:{id:"arrowButtonSize"},layout:"vertical"},{label:"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:"Background",setting:{id:"arrowBackgroundColor"}},{conditionDisplay:"navigationEnable === true",label:"Border",setting:{id:"arrowBorder"}},{conditionDisplay:"navigationEnable === true",label:"Corner",setting:{id:"roundedArrow"}},{conditionDisplay:"navigationEnable === true",label:"Shadow",setting:{id:"arrowShadow"}},{conditionDisplay:"navigationEnable === true",label:"Gap to edge",setting:{id:"arrowGapToEachSide"}},{conditionDisplay:"navigationEnable === true",label:"Show on hover",setting:{id:"showWhenHover"}}]}},t={controls:[{label:"Dots",setting:{id:"dot"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"dot === true",label:"Position",setting:{id:"dotStyle"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Active color",setting:{id:"dotActiveColor"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Inactive color",setting:{id:"dotColor"},options:{hiddenSwitchDeviceIcon:!0}}],moreSettings:{controls:[{conditionDisplay:"dot === true",label:"Dots size",setting:{id:"dotSize"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Gap to edge",setting:{id:"dotGapToCarousel"},options:{hiddenSwitchDeviceIcon:!0}}]}},i={label:"Slide effect",controls:[{label:"Autoplay",setting:{id:"autoplay"}},{label:"Delay",setting:{id:"autoplayTimeout"},conditionDisplay:"autoplay === true"},{label:"Pause On Hover",setting:{id:"pauseOnHover"},conditionDisplay:"autoplay == true"},{label:"Slide direction",setting:{id:"rtl"}},{label:"Infinity loop",setting:{id:"loop"}},{label:"Drag / swipe",setting:{id:"enableDrag"}}],moreSettings:{controls:[{label:"Slide speed",setting:{id:"playSpeed"}},{label:"Animation",setting:{id:"animationMode"}},{setting:{id:"runPreview"},layout:"vertical",conditionDisplay:"autoplay === true"}]}},o=[{label:"Items per slide",controls:[{setting:{id:"itemNumber"},layout:"vertical",popoverLabel:"Items per slide"}]},{label:"Display",controls:[{label:"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:"style",setting:{id:"sneakPeakType"}},{conditionDisplay:'sneakPeakType == "forward"',label:"Ratio",setting:{id:"sneakPeakOffsetForward"}},{conditionDisplay:'sneakPeakType == "center"',label:"Ratio",setting:{id:"sneakPeakOffsetCenter"}}]}]},{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Item style",controls:[{label:"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:"Background",setting:{id:"background"}}],moreSettings:{controls:[{label:"Border",setting:{id:"borderContent"}},{label:"Corner",setting:{id:"roundedContent"}},{label:"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}}}]}},e,t,i,{label:"Size",controls:[{id:"Width",label:"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:"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:"Padding",conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"slider-padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}},{label:"Image",setting:{id:"backgroundImage"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Align",options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{o as SettingUIV2,t as carouselDotsSettings,i as carouselEffectsSettings,e as carouselNavigationSettings};
+let e={hiddenOnMobile:!0,controls:[{label:"Navigation",setting:{id:"navigationEnable"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"navigationEnable === true",label:"Position",setting:{id:"navigationStyle"}},{conditionDisplay:"navigationEnable === true",label:"Icon",setting:{id:"arrowCustom"}},{conditionDisplay:"navigationEnable === true",label:"Icon size",setting:{id:"arrowIconSize"}},{conditionDisplay:"navigationEnable === true",label:"Icon color",setting:{id:"arrowCustomColor"}}],moreSettings:{controls:[{type:"combo",conditionDisplay:"navigationEnable === true",label:"Button size",fixedValue:"Edit",iconName:"polaris-measurement-size",isHideClear:!0,controls:[{setting:{id:"arrowButtonSize"},layout:"vertical"},{label:"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:"Background",setting:{id:"arrowBackgroundColor"}},{conditionDisplay:"navigationEnable === true",label:"Border",setting:{id:"arrowBorder"}},{conditionDisplay:"navigationEnable === true",label:"Corner",setting:{id:"roundedArrow"}},{conditionDisplay:"navigationEnable === true",label:"Shadow",setting:{id:"arrowShadow"}},{conditionDisplay:"navigationEnable === true",label:"Gap to edge",setting:{id:"arrowGapToEachSide"}},{conditionDisplay:"navigationEnable === true",label:"Show on hover",setting:{id:"showWhenHover"}}]}},t={hiddenOnMobile:!0,controls:[{label:"Dots",setting:{id:"dot"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"dot === true",label:"Position",setting:{id:"dotStyle"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Active color",setting:{id:"dotActiveColor"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Inactive color",setting:{id:"dotColor"},options:{hiddenSwitchDeviceIcon:!0}}],moreSettings:{controls:[{conditionDisplay:"dot === true",label:"Dots size",setting:{id:"dotSize"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Gap to edge",setting:{id:"dotGapToCarousel"},options:{hiddenSwitchDeviceIcon:!0}}]}},i={label:"Slide effect",controls:[{label:"Autoplay",setting:{id:"autoplay"}},{label:"Delay",setting:{id:"autoplayTimeout"},conditionDisplay:"autoplay === true"},{label:"Pause On Hover",setting:{id:"pauseOnHover"},conditionDisplay:"autoplay == true"},{label:"Slide direction",setting:{id:"rtl"}},{label:"Infinity loop",setting:{id:"loop"}},{label:"Drag / swipe",setting:{id:"enableDrag"}}],moreSettings:{controls:[{label:"Slide speed",setting:{id:"playSpeed"}},{label:"Animation",setting:{id:"animationMode"}},{setting:{id:"runPreview"},layout:"vertical",conditionDisplay:"autoplay === true"}]}},o=[{label:"Items per slide",hiddenOnMobile:!0,controls:[{setting:{id:"itemNumber"},layout:"vertical",popoverLabel:"Items per slide"}]},{label:"Display",hiddenOnMobile:!0,controls:[{label:"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:"style",setting:{id:"sneakPeakType"}},{conditionDisplay:'sneakPeakType == "forward"',label:"Ratio",setting:{id:"sneakPeakOffsetForward"}},{conditionDisplay:'sneakPeakType == "center"',label:"Ratio",setting:{id:"sneakPeakOffsetCenter"}}]}]},{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Item style",hiddenOnMobile:!0,controls:[{label:"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:"Background",setting:{id:"background"}}],moreSettings:{controls:[{label:"Border",setting:{id:"borderContent"}},{label:"Corner",setting:{id:"roundedContent"}},{label:"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}}}]}},e,t,i,{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"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:"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:"Padding",conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"slider-padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}},{label:"Image",setting:{id:"backgroundImage"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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"},hiddenOnMobile:!0,label:"Align",options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{o as SettingUIV2,t as carouselDotsSettings,i as carouselEffectsSettings,e as carouselNavigationSettings};

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

@@ -1 +1 @@
-let e=[{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"itemSpacing"}}]},{label:"Item style",controls:[{setting:{id:"itemWidthType"},label:"Max width"},{label:"Custom width",setting:{id:"itemMaxWidth"},conditionDisplay:'itemWidthType == "CUSTOM"'}],moreSettings:{type:"collapse",controls:[{label:"Background",setting:{id:"itemBackgroundColor"}},{label:"Border",setting:{id:"itemBorderStyle"}},{label:"Corner",setting:{id:"itemCorner"}},{label:"Shadow",setting:{id:"itemShadow"},options:{updateFields:[{field:"enable",settingId:"hasItemShadow"}]},controlChangeTrigger:{settings:[{condition:"itemShadow.enable === true",source:["itemShadow","hasItemShadow"],action:{controlId:"hasItemShadow",groupType:"setting",controlType:"setting",newValue:!0}},{condition:"itemShadow.enable === false",source:["itemShadow","hasItemShadow"],action:{controlId:"hasItemShadow",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]}},{controls:[{label:"Separator",setting:{id:"isShowIconSeparator"},options:{labelVariant:"primary",toggleStyle:"switch"}},{setting:{id:"iconSeparatorSvg"},conditionDisplay:"isShowIconSeparator == true",label:"Icon"},{label:"Icon size",setting:{id:"iconSeparatorSize"},conditionDisplay:"isShowIconSeparator == true"},{label:"Icon color",setting:{id:"iconSeparatorColor"},conditionDisplay:"isShowIconSeparator == true"}]},{label:"Marquee effect",controls:[{label:"Direction",setting:{id:"direction"}},{label:"Stop on hover",setting:{id:"stopOnHover"}},{label:"Speed",setting:{id:"speed"}},{setting:{id:"isPreview"},layout:"vertical"}]},{label:"Size",controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"sizeSetting",field:"width"}}},{label:"Height",controlConfig:{id:"height",type:"dropdown:input",inputType:"number",units:["px"],linkWithSetting:{name:"sizeSetting",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"32px",showValue:!0},{label:"Medium",value:"48px",showValue:!0},{label:"Large",value:"64px",showValue:!0}]}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{desktop:{default:{padding:{type:"custom",top:"16px",bottom:"16px",left:"0px",right:"0px"}}}}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:[{label:"Align",conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.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{e as SettingUIV2};
+let e=[{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"itemSpacing"}}]},{label:"Item style",hiddenOnMobile:!0,controls:[{setting:{id:"itemWidthType"},label:"Max width"},{label:"Custom width",setting:{id:"itemMaxWidth"},conditionDisplay:'itemWidthType == "CUSTOM"'}],moreSettings:{type:"collapse",controls:[{label:"Background",setting:{id:"itemBackgroundColor"}},{label:"Border",setting:{id:"itemBorderStyle"}},{label:"Corner",setting:{id:"itemCorner"}},{label:"Shadow",setting:{id:"itemShadow"},options:{updateFields:[{field:"enable",settingId:"hasItemShadow"}]},controlChangeTrigger:{settings:[{condition:"itemShadow.enable === true",source:["itemShadow","hasItemShadow"],action:{controlId:"hasItemShadow",groupType:"setting",controlType:"setting",newValue:!0}},{condition:"itemShadow.enable === false",source:["itemShadow","hasItemShadow"],action:{controlId:"hasItemShadow",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]}},{controls:[{label:"Separator",setting:{id:"isShowIconSeparator"},options:{labelVariant:"primary",toggleStyle:"switch"}},{setting:{id:"iconSeparatorSvg"},conditionDisplay:"isShowIconSeparator == true",label:"Icon"},{label:"Icon size",setting:{id:"iconSeparatorSize"},conditionDisplay:"isShowIconSeparator == true"},{label:"Icon color",setting:{id:"iconSeparatorColor"},conditionDisplay:"isShowIconSeparator == true"}]},{label:"Marquee effect",controls:[{label:"Direction",setting:{id:"direction"}},{label:"Stop on hover",setting:{id:"stopOnHover"}},{label:"Speed",setting:{id:"speed"}},{setting:{id:"isPreview"},layout:"vertical"}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"sizeSetting",field:"width"}}},{label:"Height",controlConfig:{id:"height",type:"dropdown:input",inputType:"number",units:["px"],linkWithSetting:{name:"sizeSetting",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"32px",showValue:!0},{label:"Medium",value:"48px",showValue:!0},{label:"Large",value:"64px",showValue:!0}]}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{desktop:{default:{padding:{type:"custom",top:"16px",bottom:"16px",left:"0px",right:"0px"}}}}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.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{e as SettingUIV2};

package/dist/esm/product/components/product-images-v3/common/productFeaturedImage.js

@@ -1 +1 @@
-import{getResponsiveValueByScreen as e,DEVICES as t,makeStyleResponsive as o}from"@gem-sdk/core";let n=e=>!!e&&["EXTERNAL_VIDEO","MODEL_3D","VIDEO"].includes(e),p=()=>"!gp-flex gp-absolute gp-opacity-0 gp-h-[150px] gp-w-[150px] gp-cursor-none gp-rounded-full gp-bg-no-repeat gp-shadow-glasses gp-bg-white gp-pointer-events-none",r=()=>"gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white gp-pointer-events-none",g=o=>{let n={};return t.forEach(t=>{let p=e(o.position,t),r=e(o.dotStyle,t);n={...n,[t]:"only-feature"===p?r:"none"}}),n},l=e=>{if(!e)return null;let t={};return Object.keys(e).forEach(o=>{let n=e[o];n&&(t[o]="cover"===n?"100%":"auto")}),o("h",t)},a=e=>{let t=!1;return["desktop","mobile","tablet"].forEach(o=>{let n=i(e,o);i(e,o)&&(t=n)}),t},i=(t,o)=>"only-feature"!==e(t.position,o)||"none"!==e(t.ftNavigationPosition,o)||"none"!==e(t.ftDotStyle,o)||!0===e(t.ftLoop,o)||!0===t.ftDragToScroll;export{a as checkRenderFeaturedCarousel,g as getDotStyleForOnlyFeaturedImage,l as getVideoHeight,r as getZoomImageClass,p as getZoomLenClass,n as isFeatureMedia};
+import{getResponsiveValueByScreen as e,DEVICES as t,makeStyleResponsive as o}from"@gem-sdk/core";let n=e=>!!e&&["EXTERNAL_VIDEO","MODEL_3D","VIDEO"].includes(e),p=()=>"!gp-flex gp-absolute gp-opacity-0 gp-h-[150px] gp-w-[150px] gp-cursor-none gp-rounded-full gp-bg-no-repeat gp-shadow-glasses gp-bg-white gp-pointer-events-none",r=()=>"gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white gp-pointer-events-none",g=o=>{let n={};return t.forEach(t=>{let p=e(o.position,t),r=e(o.dotStyle,t);n={...n,[t]:"only-feature"===p?r:"none"}}),n},l=({ftLayout:t,ftShape:n})=>{if(!t)return null;let p={};return Object.keys(t).forEach(o=>{let r=t[o],g=e(n,o),l=g?.shape==="original";r&&(p[o]=l||"cover"===r?"100%":"auto")}),o("h",p)},a=e=>{let t=!1;return["desktop","mobile","tablet"].forEach(o=>{let n=i(e,o);i(e,o)&&(t=n)}),t},i=(t,o)=>"only-feature"!==e(t.position,o)||"none"!==e(t.ftNavigationPosition,o)||"none"!==e(t.ftDotStyle,o)||!0===e(t.ftLoop,o)||!0===t.ftDragToScroll;export{a as checkRenderFeaturedCarousel,g as getDotStyleForOnlyFeaturedImage,l as getVideoHeight,r as getZoomImageClass,p as getZoomLenClass,n as isFeatureMedia};

package/dist/esm/product/components/product-images-v3/components/feature-gallery/FeatureImageWithGallery.liquid.js

@@ -1,4 +1,4 @@
-import{makeStyleResponsive as e,cls as a,template as i}from"@gem-sdk/core";import{getAspectRatio as t,getPaddingBottomByShapeSetting as r,getSrcImage as s}from"../../common/common.js";import{checkRenderFeaturedCarousel as d,getZoomImageClass as o,getZoomLenClass as u,getVideoHeight as l}from"../../common/productFeaturedImage.js";import m from"../../../../../video/components/HTML5Embed.liquid.js";import p from"../../../../../image/components/Modal3d.liquid.js";import g from"../../../../../image/components/NextImage.liquid.js";import n from"../../../../../image/components/Video.liquid.js";import{getStyleOfObject as c}from"../../../../helpers/function.js";import{getProductImagesStyles as f}from"../../composables/getProductImagesStyles.js";import{getProductImagesClassName as h}from"../../composables/getProductImagesClassName.js";import{getProductImagesAttr as y}from"../../composables/getProductImagesAttr.js";import{If as M,LiquidIf as _,LiquidFor as b,Liquid as v,createStyle as w}from"@gem-sdk/system";import $ from"../../../../../carousel-v3/components/root/Carousel.liquid.js";import I from"../../../../../carousel-v3/components/item/CarouselItem.liquid.js";let x=({builderPropUID:x,children:q,enableLazyLoadImage:z,...j})=>{let{featuredImageCarouselClasses:S,galleryItemClasses:L,featuredCarouselItemClasses:P}=h({...j,builderProps:{uid:x}}),{featuredImageCarouselStyle:R,featureImageStyle:T,featureImageCarouselOnlyOneImageStyle:W,featureImageOnlyOneImageStyle:C,featureImageCarouselItemStyle:N}=f(j),{featuredImageCarouselSettingAttrs:k}=y(j),E=t(j.ftShape),O=M("other"==j.hoverEffect,_("product.media.size > 1","group-hover:gp-opacity-0")),A=()=>`
+import{makeStyleResponsive as e,cls as a,template as i}from"@gem-sdk/core";import{getAspectRatio as t,getPaddingBottomByShapeSetting as r,getSrcImage as s}from"../../common/common.js";import{checkRenderFeaturedCarousel as d,getZoomImageClass as o,getZoomLenClass as u,getVideoHeight as m}from"../../common/productFeaturedImage.js";import l from"../../../../../video/components/HTML5Embed.liquid.js";import p from"../../../../../image/components/Modal3d.liquid.js";import g from"../../../../../image/components/NextImage.liquid.js";import n from"../../../../../image/components/Video.liquid.js";import{getStyleOfObject as c}from"../../../../helpers/function.js";import{getProductImagesStyles as f}from"../../composables/getProductImagesStyles.js";import{getProductImagesClassName as h}from"../../composables/getProductImagesClassName.js";import{getProductImagesAttr as y}from"../../composables/getProductImagesAttr.js";import{If as M,LiquidIf as _,LiquidFor as w,Liquid as v,createStyle as b}from"@gem-sdk/system";import $ from"../../../../../carousel-v3/components/root/Carousel.liquid.js";import I from"../../../../../carousel-v3/components/item/CarouselItem.liquid.js";let x=({builderPropUID:x,children:q,enableLazyLoadImage:S,...z})=>{let{featuredImageCarouselClasses:j,galleryItemClasses:L,featuredCarouselItemClasses:P}=h({...z,builderProps:{uid:x}}),{featuredImageCarouselStyle:R,featureImageStyle:T,featureImageCarouselOnlyOneImageStyle:W,featureImageOnlyOneImageStyle:C,featureImageCarouselItemStyle:N}=f(z),{featuredImageCarouselSettingAttrs:k}=y(z),E=t(z.ftShape),O=M("other"==z.hoverEffect,_("product.media.size > 1","group-hover:gp-opacity-0")),A=()=>`
     {% case featureMedia.media_type %}
       {% when 'image' %}
         ${F()}
@@ -13,31 +13,32 @@ import{makeStyleResponsive as e,cls as a,template as i}from"@gem-sdk/core";impor
       {% else %}
         ${G()}
     {% endcase %}
-    `,D=()=>p({src:_("featureMedia.sources.first.url contains '.glb'","{{ featureMedia.sources.first.url }}","{{featureMedia.sources.last.url}}"),alt:"{{featureMedia.preview_image.alt}}",poster:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,arStatus:"not-presenting",style:{width:"100%"},aspectRatio:E}),V=()=>n({src:"{{mediaSourceVideo}}",alt:"{{featureMedia.alt | escape}}",autoplay:!1,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"},aspectRatio:E}),H=()=>{let a=w({...l(j?.ftLayout),...e("objf",j?.ftLayout)}),i=w({...l(j?.ftLayout)});return m({src:"{{mediaSourceVideo}}",title:"{{featureMedia.alt | escape}}",autoplay:!1,controls:!0,thumbnail:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",isCheckLoaded:!0,wrapperStyles:i,poster:{altText:"{{featureMedia.alt | escape}}"},style:{width:"100%","max-height":"100%",...a},className:"gp-invisible"})},F=()=>i`
+    `,D=()=>p({src:_("featureMedia.sources.first.url contains '.glb'","{{ featureMedia.sources.first.url }}","{{featureMedia.sources.last.url}}"),alt:"{{featureMedia.preview_image.alt}}",poster:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,arStatus:"not-presenting",style:{width:"100%"},aspectRatio:E}),V=()=>n({src:"{{mediaSourceVideo}}",alt:"{{featureMedia.alt | escape}}",autoplay:!1,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"},aspectRatio:E}),H=()=>{let a=b({...m({ftLayout:z?.ftLayout,ftShape:z?.ftShape}),...e("objf",z?.ftLayout)}),i=b({...m({ftLayout:z?.ftLayout,ftShape:z?.ftShape})});return l({src:"{{mediaSourceVideo}}",title:"{{featureMedia.alt | escape}}",autoplay:!1,controls:!0,thumbnail:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",isCheckLoaded:!0,wrapperStyles:i,poster:{altText:"{{featureMedia.alt | escape}}"},style:{width:"100%","max-height":"100%",...a},className:"gp-invisible"})},F=()=>i`
       ${B(a("gp-w-full gp-transition-opacity",O,"{{shouldHidden}}"))}
-      ${M(j?.hoverEffect!=="none",`<div class="${a("zoom-element !gp-max-w-none",o())}">
+      ${M(z?.hoverEffect!=="none",`<div class="${a("zoom-element !gp-max-w-none",o())}">
             ${B("image-zoom",!0)}
           </div>`," ")}
-      ${M(j?.hoverEffect=="zoom"&&j?.zoomType=="glasses",`<div class="${a("zoom-lens-element",u())}" style="opacity: 0; background-image: url('{{ featureMedia.src | img_url: "1024x1024"}}')"></div>`," ")}
+      ${M(z?.hoverEffect=="zoom"&&z?.zoomType=="glasses",`<div class="${a("zoom-lens-element",u())}" style="opacity: 0; background-image: url('{{ featureMedia.src | img_url: "1024x1024"}}')"></div>`," ")}
     `,B=(e,a)=>i`
     {% assign src = featureMedia.src %}
-    ${M(a&&"other"==j.hoverEffect,`{% assign media_length = product.media | size %}
-      {% assign other_image_index = ${j.otherImage} | plus: 0 %}
+    ${M(a&&"other"==z.hoverEffect,`{% assign media_length = product.media | size %}
+      {% assign other_image_index = ${z.otherImage} | plus: 0 %}
       {% if other_image_index >= media_length %}
         {% assign other_image_index = media_length | minus: 1 %}
       {% endif %}
       {% assign otherImage = product.media[other_image_index] %}
       ${_("otherImage.media_type != 'image'","{% assign src = otherImage.preview_image.src %}","{% assign src = otherImage.src %}")}
     `)}
-    ${g({srcIsLiquidCode:!0,src:_("src != null",s("src"),"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif"),id:_("featureMedia != null","{{featureMedia.id}}"),width:"{{featureMedia.width}}",height:"{{featureMedia.height}}",alt:"{{featureMedia.alt | escape}}",srcset:`${s("src")}`,baseSrc:"{{src | image_url}}",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:j?.ftLayout,aspectRatio:E,qualityType:j?.qualityType,qualityPercent:j?.qualityPercent},priority:j?.preload,className:`gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none ${e??""}`,enableLazyLoadImage:z})}`,G=()=>i`
-    ${g({srcIsLiquidCode:!0,src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:"No Image",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:j?.ftLayout,aspectRatio:E,qualityType:j?.qualityType,qualityPercent:j?.qualityPercent},priority:j?.preload,className:"gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none",enableLazyLoadImage:z})}`,J=r(j.ftShape),K=d(j),Q="gp-featured-image-wrapper",U=_("product.media.size > 0",`{% assign largestRatio = 0 %}
-      ${b("featureMedia in product.media",`
-          {% assign height = featureMedia.height | times: 1.0 %}
-          {% assign width = featureMedia.width | times: 1.0 %}
+    ${g({srcIsLiquidCode:!0,src:_("src != null",s("src"),"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif"),id:_("featureMedia != null","{{featureMedia.id}}"),width:"{{featureMedia.width}}",height:"{{featureMedia.height}}",alt:"{{featureMedia.alt | escape}}",srcset:`${s("src")}`,baseSrc:"{{src | image_url}}",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:z?.ftLayout,aspectRatio:E,qualityType:z?.qualityType,qualityPercent:z?.qualityPercent},priority:z?.preload,className:`gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none ${e??""}`,enableLazyLoadImage:S})}`,G=()=>i`
+    ${g({srcIsLiquidCode:!0,src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:"No Image",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:z?.ftLayout,aspectRatio:E,qualityType:z?.qualityType,qualityPercent:z?.qualityPercent},priority:z?.preload,className:"gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none",enableLazyLoadImage:S})}`,J=r(z.ftShape),K=d(z),Q="gp-featured-image-wrapper",U=_("product.media.size > 0",`{% assign largestRatio = 0 %}
+      ${w("featureMedia in product.media",`
+          ${_("featureMedia.media_type == 'video' and featureMedia.preview_image",`{% assign height = featureMedia.preview_image.height | times: 1.0 %}
+            {% assign width = featureMedia.preview_image.width | times: 1.0 %}`,`{% assign height = featureMedia.height | times: 1.0 %}
+            {% assign width = featureMedia.width | times: 1.0 %}`)}
           {% assign ratio = height | divided_by: width %}
           ${_("ratio > largestRatio","{% assign largestRatio = ratio %}")}
         `)}
-      ${b("featureMedia in product.media",`${_("featureMedia.media_type == 'image'",`${b("image in product.images",_("image.src == featureMedia.src","{% assign imageID = image.id %}{% break %}"))}`,"{% assign imageID = '' %}")}
+      ${w("featureMedia in product.media",`${_("featureMedia.media_type == 'image'",`${w("image in product.images",_("image.src == featureMedia.src","{% assign imageID = image.id %}{% break %}"))}`,"{% assign imageID = '' %}")}
         
     ${v(`{% assign productImageWidth = 0 %}
     {% case featureMedia.media_type %}
@@ -54,16 +55,16 @@ import{makeStyleResponsive as e,cls as a,template as i}from"@gem-sdk/core";impor
         ${A()}
       </div>
       `})}`)}
-    `,g({src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:"480",height:"480",alt:"no image",priority:j?.preload,setting:{layout:j?.ftLayout,aspectRatio:E,qualityType:j?.qualityType,qualityPercent:j?.qualityPercent},style:{height:"100%"},className:"gp-w-full featured-image-only !gp-rounded-none",customLazyload:!0,enableLazyLoadImage:z}));return v(`
+    `,g({src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:"480",height:"480",alt:"no image",priority:z?.preload,setting:{layout:z?.ftLayout,aspectRatio:E,qualityType:z?.qualityType,qualityPercent:z?.qualityPercent},style:{height:"100%"},className:"gp-w-full featured-image-only !gp-rounded-none",customLazyload:!0,enableLazyLoadImage:S}));return v(`
     {% capture featureImageOnlyOne %}
       ${v(`
         {% assign featureMedia = variant.featured_media %}
         {% unless featureMedia %}
         {% assign featureMedia = product.featured_media %}
         {% endunless %}
-        ${_("product.media.size > 1",(()=>{switch(j?.preDisplay){case"1st-images":return`
+        ${_("product.media.size > 1",(()=>{switch(z?.preDisplay){case"1st-images":return`
           {% assign featureMedia = product.media.first %}
-        `;case"1st-3d-mode":return b("media in product.media",_("media.media_type == 'model'","{% assign featureMedia = media %}{% break %}"));case"1st-video":return b("media in product.media",_("media.media_type == 'video' or media.media_type == 'external_video'","{% assign featureMedia = media %}{% break %}"));default:return`
+        `;case"1st-3d-mode":return w("media in product.media",_("media.media_type == 'model'","{% assign featureMedia = media %}{% break %}"));case"1st-video":return w("media in product.media",_("media.media_type == 'video' or media.media_type == 'external_video'","{% assign featureMedia = media %}{% break %}"));default:return`
           {% assign featureMedia = variant.featured_media %}
           {% unless featureMedia %}
           {% assign featureMedia = product.featured_media %}
@@ -111,7 +112,7 @@ import{makeStyleResponsive as e,cls as a,template as i}from"@gem-sdk/core";impor
     {% endcapture %}
     ${_("product.media.size > 1",`
         ${M(K,`
-      ${$({builderProps:{uid:x},rootId:`ft-${x}-{{section.id}}-{{product.id}}`,conditionAppendJs:"product.media.size > 1",wrapperClass:Q,rootClass:`${S}`,rootAttrs:{type:"gp-feature-image-carousel","product-id":"{{product.id}}","product-media":"{{product.media.size}}"},isHiddenArrowWhenDisabled:!0,setting:k,rootStyles:T,styles:R,style:{playSpeed:600},disableMarginAuto:!0,children:U,productBadgeLiquid:q||"",carouselType:"feature_image"})}
+      ${$({builderProps:{uid:x},rootId:`ft-${x}-{{section.id}}-{{product.id}}`,conditionAppendJs:"product.media.size > 1",wrapperClass:Q,rootClass:`${j}`,rootAttrs:{type:"gp-feature-image-carousel","product-id":"{{product.id}}","product-media":"{{product.media.size}}"},isHiddenArrowWhenDisabled:!0,setting:k,rootStyles:T,styles:R,style:{playSpeed:600},disableMarginAuto:!0,children:U,productBadgeLiquid:q||"",carouselType:"feature_image"})}
     `," ")}
         ${M(!K,"{{ featureImageOnlyOne }}"," ")}
       `,"{{ featureImageOnlyOne }}")}

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

@@ -1 +1 @@
-let o=[{label:"Layout",controls:[{setting:{id:"layout"},layout:"vertical"}]},{label:"Product source",controls:[{setting:{id:"productSetting"},layout:"vertical"}]},{label:"Column spacing",conditionDisplay:'pageType !== "POST_PURCHASE" && childrens > 1',controls:[{label:"Gap",setting:{id:"verticalGutter"},conditionDisplay:"layout.cols.length > 1"},{setting:{id:"verticalGutterMobile"},label:"Gap",conditionDisplay:"layout.cols.length === 1"},{label:"Gap",setting:{id:"columnGap"},conditionDisplay:'!!layout.cols && layout.cols.length > 1 && pageType == "POST_PURCHASE"'}]},{label:"Size",controls:[{setting:{id:"width"},label:"Width",layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Display option",controls:[{layout:"vertical",setting:{id:"selectVariantDefault"}},{label:"Condition",controlConfig:{id:"condition",type:"select",options:[{label:"Link variants, quantity <br> between same products",value:!0,svgIcon:"gp-sync-product-on"},{label:"Unlink variants, quantity <br> between same products",value:!1,svgIcon:"gp-sync-product-off"}],linkWithSetting:{name:"isSyncProduct"}}}]},{label:"Align",conditionDisplay:"pageType != \"POST_PURCHASE\" && (layout.display === 'fit' || (!!layout.cols && layout.cols.length > 1))",controls:[{id:"verticalAlign",label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"!!layout.cols && layout.cols.length > 1"},{id:"horizontalAlign",label:"Horizontal",setting:{id:"horizontalAlign"},conditionDisplay:"layout.display == 'fit'",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]}];export{o as SettingUIV2};
+let o=[{label:"Layout",controls:[{setting:{id:"layout"},layout:"vertical"}]},{label:"Product source",controls:[{setting:{id:"productSetting"},layout:"vertical"}]},{label:"Column spacing",hiddenOnMobile:!0,conditionDisplay:'pageType !== "POST_PURCHASE" && childrens > 1',controls:[{label:"Gap",setting:{id:"verticalGutter"},conditionDisplay:"layout.cols.length > 1"},{setting:{id:"verticalGutterMobile"},label:"Gap",conditionDisplay:"layout.cols.length === 1"},{label:"Gap",setting:{id:"columnGap"},conditionDisplay:'!!layout.cols && layout.cols.length > 1 && pageType == "POST_PURCHASE"'}]},{label:"Size",hiddenOnMobile:!0,controls:[{setting:{id:"width"},label:"Width",layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Display option",controls:[{layout:"vertical",setting:{id:"selectVariantDefault"}},{label:"Condition",controlConfig:{id:"condition",type:"select",options:[{label:"Link variants, quantity <br> between same products",value:!0,svgIcon:"gp-sync-product-on"},{label:"Unlink variants, quantity <br> between same products",value:!1,svgIcon:"gp-sync-product-off"}],linkWithSetting:{name:"isSyncProduct"}}}]},{label:"Align",hiddenOnMobile:!0,conditionDisplay:"pageType != \"POST_PURCHASE\" && (layout.display === 'fit' || (!!layout.cols && layout.cols.length > 1))",controls:[{id:"verticalAlign",label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"!!layout.cols && layout.cols.length > 1"},{id:"horizontalAlign",label:"Horizontal",setting:{id:"horizontalAlign"},conditionDisplay:"layout.display == 'fit'",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]}];export{o as SettingUIV2};

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

@@ -1 +1 @@
-let o=[{label:"Layout",controls:[{setting:{id:"buttonLayout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-before"}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-only"}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-only"}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Size",controls:[{id:"Width",label:"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:"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:"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:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"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:"Icon",setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"control",setting:{id:"iconSvg"},label:"Icon",conditionDisplay:"enableIcon === true"},{type:"control",label:"Position",setting:{id:"iconAlign"},conditionDisplay:"enableIcon === true"},{type:"control",label:"Gap",setting:{id:"iconSpacing"},conditionDisplay:"enableIcon === true"}]},{label:"Text",controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",fixedValue:"Add to cart",getValueFromSettingID:"label",isHideClear:!0,controls:[{label:"Content",setting:{id:"label"}}]},{setting:{id:"typo"},layout:"vertical",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}}}]},{controls:[{label:"Separator",setting:{id:"enableSeparator"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",conditionDisplay:"enableSeparator === true",setting:{id:"separator"}}]},{controls:[{label:"Price",setting:{id:"enablePrice"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Layout",conditionDisplay:"enablePrice === true",setting:{id:"priceLayout"},layout:"vertical"},{label:"Product price",conditionDisplay:"enablePrice === true",type:"combo",fixedValue:"Edit",iconName:"polaris-text-title",popoverLabel:"Product price text style",isHideClear:!0,controls:[{layout:"vertical",setting:{id:"priceTypo"}}]},{label:"Compare-at",conditionDisplay:'enablePrice === true && priceLayout !== "price-only"',type:"combo",fixedValue:"Edit",iconName:"polaris-text-title",popoverLabel:"Compare-at text style",isHideClear:!0,controls:[{setting:{id:"opacityPrice"},label:"Opacity"},{layout:"vertical",setting:{id:"compareAtPriceTypo"}}]}]},{label:"Effect",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",setting:{id:"enableHoverEffect"},popoverLabel:"Hover",controls:[{label:"Background",type:"group",controls:[{label:"Background",setting:{id:"backgroundColorV2",state:"hover"}}]},{label:"Text",type:"group",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"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:"Shadow",setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{label:"Out of stock state",controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",fixedValue:"Out of stock",getValueFromSettingID:"outOfStockLabel",isHideClear:!0,controls:[{label:"Content",setting:{id:"outOfStockLabel"}}]},{label:"Background",setting:{id:"oosBackgroundV2",state:"normal"}},{label:"Text color",setting:{id:"oosTextColorV2",state:"normal"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}],moreSettings:{type:"collapse",controls:[{label:"Border",setting:{id:"oosBorderV2",state:"normal"}},{label:"Corner",setting:{id:"oosRoundedV2",state:"normal"}},{label:"Shadow",setting:{id:"oosShadow"},options:{updateFields:[{field:"enable",settingId:"oosEnableShadow"}]},controlChangeTrigger:{settings:[{condition:"oosShadow.enable === true",source:["oosShadow","oosEnableShadow"],action:{controlId:"oosEnableShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"oosShadow.enable === false",source:["oosShadow","oosEnableShadow"],action:{controlId:"oosEnableShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]}},{label:"Redirect to",controls:[{type:"control",label:"After click",setting:{id:"actionEffect"}},{type:"control",conditionDisplay:"actionEffect === 'go-to-url'",layout:"vertical",setting:{id:"customURL"}},{label:"Message",conditionDisplay:"actionEffect === 'continue-shopping'",setting:{id:"enableMessage"}},{label:"Success",conditionDisplay:"enableMessage === true && actionEffect === 'continue-shopping'",type:"combo",getValueFromSettingID:"successMessage",compoDefaultValue:"Add product to cart successfully",iconName:"polaris-check-circle",isHideClear:!0,popoverLabel:"Success message",controls:[{label:"Content",options:{labelAlign:"top"},setting:{id:"successMessage"}},{layout:"vertical",setting:{id:"successTypo"}}]},{label:"Error",conditionDisplay:"enableMessage === true && actionEffect === 'continue-shopping'",type:"combo",fixedValue:"Edit",iconName:"polaris-alert-bubble",getValueFromSettingID:"errorMessage",compoDefaultValue:"Cannot add product to cart",isHideClear:!0,popoverLabel:"Error message",controls:[{label:"Source",setting:{id:"errorType"}},{label:"Add failed",options:{labelAlign:"top"},conditionDisplay:"errorType === 'custom'",setting:{id:"errorMessage"}},{label:"Not select variant",options:{labelAlign:"top"},conditionDisplay:"errorType === 'custom'",setting:{id:"variantSelectionRequiredMessage"}},{layout:"vertical",setting:{id:"errorTypo"}}]}]},{controls:[{label:"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{o as SettingUIV2};
+let o=[{label:"Layout",controls:[{setting:{id:"buttonLayout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-before"}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-only"}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-only"}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"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:"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:"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:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}}]},{label:"Shape",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"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:"Icon",setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"control",setting:{id:"iconSvg"},label:"Icon",conditionDisplay:"enableIcon === true"},{type:"control",label:"Position",setting:{id:"iconAlign"},conditionDisplay:"enableIcon === true"},{type:"control",label:"Gap",setting:{id:"iconSpacing"},conditionDisplay:"enableIcon === true"}]},{label:"Text",controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",fixedValue:"Add to cart",getValueFromSettingID:"label",isHideClear:!0,controls:[{label:"Content",setting:{id:"label"}}]},{setting:{id:"typo"},layout:"vertical",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}}}]},{controls:[{label:"Separator",setting:{id:"enableSeparator"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",conditionDisplay:"enableSeparator === true",setting:{id:"separator"}}]},{controls:[{label:"Price",setting:{id:"enablePrice"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Layout",conditionDisplay:"enablePrice === true",setting:{id:"priceLayout"},layout:"vertical"},{label:"Product price",hiddenOnMobile:!0,conditionDisplay:"enablePrice === true",type:"combo",fixedValue:"Edit",iconName:"polaris-text-title",popoverLabel:"Product price text style",isHideClear:!0,controls:[{layout:"vertical",setting:{id:"priceTypo"}}]},{label:"Compare-at",hiddenOnMobile:!0,conditionDisplay:'enablePrice === true && priceLayout !== "price-only"',type:"combo",fixedValue:"Edit",iconName:"polaris-text-title",popoverLabel:"Compare-at text style",isHideClear:!0,controls:[{setting:{id:"opacityPrice"},label:"Opacity"},{layout:"vertical",setting:{id:"compareAtPriceTypo"}}]}]},{label:"Effect",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",setting:{id:"enableHoverEffect"},popoverLabel:"Hover",controls:[{label:"Background",type:"group",controls:[{label:"Background",setting:{id:"backgroundColorV2",state:"hover"}}]},{label:"Text",type:"group",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"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:"Shadow",setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{label:"Out of stock state",hiddenOnMobile:!0,controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",fixedValue:"Out of stock",getValueFromSettingID:"outOfStockLabel",isHideClear:!0,controls:[{label:"Content",setting:{id:"outOfStockLabel"}}]},{label:"Background",setting:{id:"oosBackgroundV2",state:"normal"}},{label:"Text color",setting:{id:"oosTextColorV2",state:"normal"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}],moreSettings:{type:"collapse",controls:[{label:"Border",setting:{id:"oosBorderV2",state:"normal"}},{label:"Corner",setting:{id:"oosRoundedV2",state:"normal"}},{label:"Shadow",setting:{id:"oosShadow"},options:{updateFields:[{field:"enable",settingId:"oosEnableShadow"}]},controlChangeTrigger:{settings:[{condition:"oosShadow.enable === true",source:["oosShadow","oosEnableShadow"],action:{controlId:"oosEnableShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"oosShadow.enable === false",source:["oosShadow","oosEnableShadow"],action:{controlId:"oosEnableShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]}},{label:"Redirect to",controls:[{type:"control",label:"After click",setting:{id:"actionEffect"}},{type:"control",conditionDisplay:"actionEffect === 'go-to-url'",layout:"vertical",setting:{id:"customURL"}},{label:"Message",conditionDisplay:"actionEffect === 'continue-shopping'",setting:{id:"enableMessage"}},{label:"Success",conditionDisplay:"enableMessage === true && actionEffect === 'continue-shopping'",type:"combo",getValueFromSettingID:"successMessage",compoDefaultValue:"Add product to cart successfully",iconName:"polaris-check-circle",isHideClear:!0,popoverLabel:"Success message",controls:[{label:"Content",options:{labelAlign:"top"},setting:{id:"successMessage"}},{layout:"vertical",setting:{id:"successTypo"}}]},{label:"Error",conditionDisplay:"enableMessage === true && actionEffect === 'continue-shopping'",type:"combo",fixedValue:"Edit",iconName:"polaris-alert-bubble",getValueFromSettingID:"errorMessage",compoDefaultValue:"Cannot add product to cart",isHideClear:!0,popoverLabel:"Error message",controls:[{label:"Source",setting:{id:"errorType"}},{label:"Add failed",options:{labelAlign:"top"},conditionDisplay:"errorType === 'custom'",setting:{id:"errorMessage"}},{label:"Not select variant",options:{labelAlign:"top"},conditionDisplay:"errorType === 'custom'",setting:{id:"variantSelectionRequiredMessage"}},{layout:"vertical",setting:{id:"errorTypo"}}]}]},{controls:[{label:"Align",hiddenOnMobile:!0,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{o as SettingUIV2};

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

@@ -1 +1 @@
-import{carouselNavigationSettings as o,carouselDotsSettings as t,carouselEffectsSettings as e}from"../../../../carousel/settings/configs/ui-v2.js";let i=[{controls:[{label:"Layout",layout:"vertical",options:{labelVariant:"primary"},setting:{id:"layout"}}]},{label:"Product source",controls:[{setting:{id:"productSetting"},layout:"vertical"}]},{label:"Display",controls:[{label:"Products",conditionDisplay:"productSetting.productSrc === 'RelatedProduct' || !!productSetting && productSetting.productSrc !== 'PickProduct'",setting:{id:"numberOfProducts"}},{label:"Columns",setting:{id:"slidesToShow"}}]},{label:"Item spacing",controls:[{label:"Columns gap",conditionDisplay:"layout === 'slider'",setting:{id:"spacing"}},{label:"Columns gap",conditionDisplay:"layout === 'grid'",setting:{id:"verticalGutter"}},{label:"Rows gap",conditionDisplay:"layout === 'grid'",setting:{id:"horizontalGutter"}}]},{label:"Item style",controls:[{conditionDisplay:"layout !== 'slider'",label:"Height",setting:{id:"sameHeight"}}]},{conditionDisplay:"layout === 'slider'",...o},{conditionDisplay:"layout === 'slider'",...t},{conditionDisplay:"layout === 'slider'",...e},{label:"Size",controls:[{label:"Width",setting:{id:"width"}},{conditionDisplay:"layout === 'slider'",label:"Height",setting:{id:"height"}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}},{label:"Image",setting:{id:"backgroundImage"},options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:[{label:"Align",conditionEnable:'!(parseInt(width) >= 100 && 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{i as SettingUIV2};
+import{carouselNavigationSettings as o,carouselDotsSettings as e,carouselEffectsSettings as t}from"../../../../carousel/settings/configs/ui-v2.js";let i=[{controls:[{label:"Layout",layout:"vertical",options:{labelVariant:"primary"},setting:{id:"layout"}}]},{label:"Product source",controls:[{setting:{id:"productSetting"},layout:"vertical"}]},{label:"Display",controls:[{label:"Products",conditionDisplay:"productSetting.productSrc === 'RelatedProduct' || !!productSetting && productSetting.productSrc !== 'PickProduct'",setting:{id:"numberOfProducts"}},{label:"Columns",setting:{id:"slidesToShow"}}]},{label:"Item spacing",hiddenOnMobile:!0,controls:[{label:"Columns gap",conditionDisplay:"layout === 'slider'",setting:{id:"spacing"}},{label:"Columns gap",conditionDisplay:"layout === 'grid'",setting:{id:"verticalGutter"}},{label:"Rows gap",conditionDisplay:"layout === 'grid'",setting:{id:"horizontalGutter"}}]},{label:"Item style",hiddenOnMobile:!0,controls:[{conditionDisplay:"layout !== 'slider'",label:"Height",setting:{id:"sameHeight"}}]},{conditionDisplay:"layout === 'slider'",hiddenOnMobile:!0,...o},{conditionDisplay:"layout === 'slider'",hiddenOnMobile:!0,...e},{conditionDisplay:"layout === 'slider'",...t},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",setting:{id:"width"}},{conditionDisplay:"layout === 'slider'",label:"Height",setting:{id:"height"}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}},{label:"Image",setting:{id:"backgroundImage"},options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(parseInt(width) >= 100 && 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{i as SettingUIV2};

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

@@ -1 +1 @@
-import{carouselNavigationSettings as o,carouselDotsSettings as t,carouselEffectsSettings as e}from"../../../../carousel-v3/settings/configs/ui-v2.js";let i=[{controls:[{label:"Layout",layout:"vertical",options:{labelVariant:"primary"},setting:{id:"layout"}}]},{label:"Product source",controls:[{setting:{id:"productSetting"},layout:"vertical"}]},{label:"Display",controls:[{label:"Products",conditionDisplay:"productSetting.productSrc === 'RelatedProduct' || !!productSetting && productSetting.productSrc !== 'PickProduct'",setting:{id:"numberOfProducts"}},{label:"Columns",setting:{id:"slidesToShow"}}]},{label:"Item spacing",controls:[{label:"Columns gap",conditionDisplay:"layout === 'slider'",setting:{id:"spacing"}},{label:"Columns gap",conditionDisplay:"layout === 'grid'",setting:{id:"verticalGutter"}},{label:"Rows gap",conditionDisplay:"layout === 'grid'",setting:{id:"horizontalGutter"}}]},{label:"Item style",controls:[{conditionDisplay:"layout !== 'slider'",label:"Height",setting:{id:"sameHeight"}}]},{conditionDisplay:"layout === 'slider'",...o},{conditionDisplay:"layout === 'slider'",...t},{conditionDisplay:"layout === 'slider'",...e},{label:"Size",controls:[{label:"Width",setting:{id:"width"}},{conditionDisplay:"layout === 'slider'",label:"Height",setting:{id:"height"}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}},{label:"Image",setting:{id:"backgroundImage"},options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:[{label:"Align",conditionEnable:'!(parseInt(width) >= 100 && 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{i as SettingUIV2};
+import{carouselNavigationSettings as o,carouselDotsSettings as e,carouselEffectsSettings as t}from"../../../../carousel-v3/settings/configs/ui-v2.js";let i=[{controls:[{label:"Layout",layout:"vertical",options:{labelVariant:"primary"},setting:{id:"layout"}}]},{label:"Product source",controls:[{setting:{id:"productSetting"},layout:"vertical"}]},{label:"Display",controls:[{label:"Products",conditionDisplay:"productSetting.productSrc === 'RelatedProduct' || !!productSetting && productSetting.productSrc !== 'PickProduct'",setting:{id:"numberOfProducts"}},{label:"Columns",setting:{id:"slidesToShow"}}]},{label:"Item spacing",hiddenOnMobile:!0,controls:[{label:"Columns gap",conditionDisplay:"layout === 'slider'",setting:{id:"spacing"}},{label:"Columns gap",conditionDisplay:"layout === 'grid'",setting:{id:"verticalGutter"}},{label:"Rows gap",conditionDisplay:"layout === 'grid'",setting:{id:"horizontalGutter"}}]},{label:"Item style",hiddenOnMobile:!0,controls:[{conditionDisplay:"layout !== 'slider'",label:"Height",setting:{id:"sameHeight"}}]},{conditionDisplay:"layout === 'slider'",hiddenOnMobile:!0,...o},{conditionDisplay:"layout === 'slider'",hiddenOnMobile:!0,...e},{conditionDisplay:"layout === 'slider'",...t},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",setting:{id:"width"}},{conditionDisplay:"layout === 'slider'",label:"Height",setting:{id:"height"}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}},{label:"Image",setting:{id:"backgroundImage"},options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(parseInt(width) >= 100 && 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{i as SettingUIV2};

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

@@ -1 +1 @@
-let e=[{label:"Layout",controls:[{layout:"vertical",setting:{id:"position"}}]},{label:"Tabs",controls:[{label:"Order",setting:{id:"childItem"},controlConfig:{id:"childItem",type:"child-item",labelItem:"tab",labelPopover:"Tab management"}},{label:"Text",type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"labelTypoV2.type",isTypoValue:!0,isHideClear:!0,controls:[{layout:"vertical",setting:{id:"labelTypoV2"},options:{updateFields:[{field:"attrs.textAlign",settingId:"labelAlign"},{field:"attrs.color",settingId:"labelColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"labelAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}},{action:{controlId:"labelColor",valueFromField:"attrs.color",groupType:"setting",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'position == "top"',label:"Width",setting:{id:"panelWidth"}}],moreSettings:{type:"collapse",controls:[{id:"Width",label:"Width",conditionDisplay:'position != "top"',controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"labelWidth"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Background",setting:{id:"labelBgColor",state:"normal"}},{label:"Border",setting:{id:"borderTab",state:"normal"}},{conditionDisplay:'position == "top" && panelWidth != "100%"',label:"Tabs align",setting:{id:"panelAlign"}},{conditionDisplay:'position != "top" && labelWidth != "100%"',label:"Tabs align",setting:{id:"panelAlignVertical"}},{label:"Hover effect",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",setting:{id:"enableHoverEffect"},popoverLabel:"Tabs hover effect",controls:[{label:"Text color",setting:{id:"labelColor",state:"hover"}},{label:"Background",setting:{id:"labelBgColor",state:"hover"}},{label:"Border",setting:{id:"borderTab",state:"hover"}}]},{label:"Active state",type:"combo",setting:{id:"enableActiveEffect"},iconName:"polaris-status-active",fixedValue:"Styled",state:"active",popoverLabel:"Tabs active state",controls:[{label:"Text color",setting:{id:"labelColor",state:"active"}},{label:"Background",setting:{id:"labelBgColor",state:"active"}},{label:"Border",setting:{id:"borderTab",state:"active"}}]}]}},{label:"Size",controls:[{id:"containWidth",label:"Width",controlConfig:{id:"containWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"containWidth"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Display option",controls:[{label:"Default active",setting:{id:"activeKey"}}]},{controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionEnable:'!(parseInt(containWidth) >= 100 && containWidth?.includes("%"))'}]}];export{e as SettingUIV2};
+let e=[{label:"Layout",controls:[{layout:"vertical",setting:{id:"position"}}]},{label:"Tabs",controls:[{label:"Order",setting:{id:"childItem"},controlConfig:{id:"childItem",type:"child-item",labelItem:"tab",labelPopover:"Tab management"}},{label:"Text",type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"labelTypoV2.type",isTypoValue:!0,isHideClear:!0,controls:[{layout:"vertical",setting:{id:"labelTypoV2"},options:{updateFields:[{field:"attrs.textAlign",settingId:"labelAlign"},{field:"attrs.color",settingId:"labelColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"labelAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}},{action:{controlId:"labelColor",valueFromField:"attrs.color",groupType:"setting",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'position == "top"',label:"Width",hiddenOnMobile:!0,setting:{id:"panelWidth"}}],moreSettings:{type:"collapse",controls:[{id:"Width",hiddenOnMobile:!0,label:"Width",conditionDisplay:'position != "top"',controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"labelWidth"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Background",hiddenOnMobile:!0,setting:{id:"labelBgColor",state:"normal"}},{label:"Border",hiddenOnMobile:!0,setting:{id:"borderTab",state:"normal"}},{conditionDisplay:'position == "top" && panelWidth != "100%"',label:"Tabs align",hiddenOnMobile:!0,setting:{id:"panelAlign"}},{conditionDisplay:'position != "top" && labelWidth != "100%"',label:"Tabs align",hiddenOnMobile:!0,setting:{id:"panelAlignVertical"}},{label:"Hover effect",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",hiddenOnMobile:!0,setting:{id:"enableHoverEffect"},popoverLabel:"Tabs hover effect",controls:[{label:"Text color",setting:{id:"labelColor",state:"hover"}},{label:"Background",setting:{id:"labelBgColor",state:"hover"}},{label:"Border",setting:{id:"borderTab",state:"hover"}}]},{label:"Active state",hiddenOnMobile:!0,type:"combo",setting:{id:"enableActiveEffect"},iconName:"polaris-status-active",fixedValue:"Styled",state:"active",popoverLabel:"Tabs active state",controls:[{label:"Text color",setting:{id:"labelColor",state:"active"}},{label:"Background",setting:{id:"labelBgColor",state:"active"}},{label:"Border",setting:{id:"borderTab",state:"active"}}]}]}},{label:"Size",hiddenOnMobile:!0,controls:[{id:"containWidth",label:"Width",controlConfig:{id:"containWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"containWidth"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Display option",controls:[{label:"Default active",setting:{id:"activeKey"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionEnable:'!(parseInt(containWidth) >= 100 && containWidth?.includes("%"))'}]}];export{e as SettingUIV2};

package/dist/esm/third-party/components/WcWishlistBackInStock.liquid.js

@@ -1 +1,19 @@
-import{getLiquidForAppBlock as s}from"../common/helpers.js";let t=({setting:t,advanced:e})=>{let{align:l,appBlockId:o}=t??{};return s(o,l,`${e?.cssClass??""} !gp-block`)};export{t as default};
+import{makeStyleResponsive as i,template as t}from"@gem-sdk/core";let d=({setting:d,advanced:a})=>{let{align:s,widgetType:c}=d??{};return t`
+    <div
+      class="${a?.cssClass}"
+      style="${{...i("ta",s)}}"
+    >
+      {% assign widget = '${c}' %}
+      {% case widget %}
+        {% when "wishlist-bis-block" %}
+          <div class="wc_wl_bis_btn" data-product_id="{{ product.id }}" data-variant_id="{{ product.variants[0].id }}"></div>
+          <script  type="application/ld+json" id="wc_wl_bis">{{ product | json }}</script>
+        {% when "wishlist-block" %}
+          <div class="th_prd_wl_btn" data-product_id="{{ product.id }}" data-variant_id="{{product.variants[0].id }}"></div>
+        {% when "wishlist-collection-block" %}
+          <div class="th_wl_col_btn" data-product_id="{{ product.id }}" data-variant_id="{{ product.variants[0].id }}"></div>
+        {% when "wishlist-bis-collection" %}
+          <div class="wc_wl_bis_btn wc_bis_auto_setup" data-product_id="{{ product.id }}" data-variant_id="{{ product.variants[0].id }}"></div>
+      {% endcase %}
+    </div>
+  `};export{d as default};

package/dist/esm/third-party/configs/WcWishlistBackInStock.js

@@ -1 +1 @@
-var i={id:"wc-wishlist-back-in-stock",label:"WC Wishlist & Back in Stock",logoUrl:"https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22",tag:"WcWishlistBackInStock"};export{i as default};
+var i={label:"WC Wishlist & Back in Stock",logoUrl:"https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22",tag:"WcWishlistBackInStock"};export{i as default};

package/dist/esm/third-party/settings/WcWishlistBackInStock/index.js

@@ -1,4 +1,7 @@
-import e from"../../configs/WcWishlistBackInStock.js";import i from"./uiV2.js";let l={tag:e.tag,label:e.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:e.id,name:e.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
+import e from"../../configs/WcWishlistBackInStock.js";import i from"./uiV2.js";let t={tag:e.tag,label:e.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:"wishlist-collection",name:e.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
         <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22">
         <span class="preset-item-title">WC Wishlist & Back in Stock</span>
-      </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Back in Stock Product",value:"wishlist-bis-block",hideOnPage:["ARTICLE","BLOG","COLLECTION","GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC","STATIC"]},{label:"Wishlist Product",value:"wishlist-block",hideOnPage:["ARTICLE","BLOG","COLLECTION","GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC","STATIC"]},{label:"Wishlist Collection",value:"wishlist-collection-block",hideOnPage:["ARTICLE","BLOG","PRODUCT","GP_ARTICLE","GP_BLOG","GP_PRODUCT","GP_INDEX","GP_STATIC","STATIC"]},{label:"Back in Stock Collection",value:"wishlist-bis-collection",hideOnPage:["ARTICLE","BLOG","PRODUCT","GP_ARTICLE","GP_BLOG","GP_PRODUCT","GP_INDEX","GP_STATIC","STATIC"]}],default:"wishlist-bis-block"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:"https://apps.shopify.com/wishlist-club?utm_source=gempages",appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"",appName:e.label},{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"}}}]}],ui:[],uiV2:i};export{l as default};
+      </div>`},components:[{tag:e.tag,settings:{widgetType:"wishlist-collection-block"}}]},{id:"wishlist-product",name:e.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
+        <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22">
+        <span class="preset-item-title">WC Wishlist & Back in Stock</span>
+      </div>`},components:[{tag:e.tag,settings:{widgetType:"wishlist-bis-block"}}]}],settings:[{id:"setting",controls:[{id:"widgetType",label:"Choose widget",type:"select",default:"wishlist-bis-block",options:[{label:"Back in Stock Product",value:"wishlist-bis-block",hideOnPage:["ARTICLE","BLOG","COLLECTION","GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC","STATIC"]},{label:"Wishlist Product",value:"wishlist-block",hideOnPage:["ARTICLE","BLOG","COLLECTION","GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC","STATIC"]},{label:"Wishlist Collection",value:"wishlist-collection-block",hideOnPage:["ARTICLE","BLOG","PRODUCT","GP_ARTICLE","GP_BLOG","GP_PRODUCT","GP_INDEX","GP_STATIC","STATIC"]},{label:"Back in Stock Collection",value:"wishlist-bis-collection",hideOnPage:["ARTICLE","BLOG","PRODUCT","GP_ARTICLE","GP_BLOG","GP_PRODUCT","GP_INDEX","GP_STATIC","STATIC"]}]},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:"https://apps.shopify.com/wishlist-club?utm_source=gempages",appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"",appName:e.label},{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"}}}]}],ui:[],uiV2:i};export{t as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "17.0.0-dev.49",
+  "version": "17.0.0-dev.51",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -26,7 +26,7 @@
     "i18n:extract": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/translate/extract-texts-to-locales.js && node ./scripts/translate/en-keys-usage.js"
   },
   "devDependencies": {
-    "@gem-sdk/core": "17.0.0-dev.49",
+    "@gem-sdk/core": "17.0.0-dev.50",
     "@gem-sdk/styles": "17.0.0-dev.38",
     "@gem-sdk/system": "17.0.0-dev.38",
     "@types/react-transition-group": "^4.4.12",