@gem-sdk/components 17.0.0-dev.14 → 17.0.0-dev.140

package/dist/cjs/product/settings/product-image-v3/configs/setting-v2/ProductGalleryImage.js

@@ -1,2 +1,2 @@
-"use strict";const e=e=>({desktop:{default:e}}),i=[{id:"type",label:"Gallery Type",type:"segment",hide:!0,options:[{label:"Slide",value:"slider"},{label:"All",value:"images"}],devices:e("slider")},{id:"galleryHoverEffect",label:"Hover Effect",type:"select",hide:!0,hideOnMode:{mobileOnly:!0},options:[{title:"None",value:"none"},{title:"Zoom",value:"zoom"}],default:"none"},{id:"galleryZoomType",type:"select",label:"Zoom Type",hide:!0,default:"default",hideOnMode:{mobileOnly:!0},options:[{title:"Default",value:"default"},{title:"Glasses",value:"glasses"}]},{id:"galleryZoom",type:"input:slider",label:"Zoom Value",min:100,max:200,step:10,default:150,units:["%"],useOnlyUnitInit:!0,isNumber:!0},{id:"clickOpenLightBox",label:"Large view in pop-up",type:"select",options:[{label:"View in featured",value:!1},{label:"Open Gallery",value:!0}],devices:e(!1)},{id:"borderActive",label:"Active border",type:"border",default:{borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"},compoDefaultValue:{borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"}},{id:"navigationPosition",label:"Navigation",type:"option:illustration",enableTooltip:!0,options:[{label:"No navigation",value:"none",type:"slide-control",hide:!0},{label:"Outside",value:"outside",type:"slide-control",svgName:"gp-slide-control-outside"},{label:"Inside",value:"inside",type:"slide-control",svgName:"gp-slide-control-inside"}],devices:e("inside")},{id:"loop",type:"toggle",devices:e(!0)},{id:"pauseOnHover",label:"Pause On Hover",type:"toggle",hide:!0,default:!0},{id:"speed",type:"input:slider",label:"Speed (s)",hide:!0,min:0,max:60,step:1,default:1},{id:"arrowIcon",type:"icon",hide:!0,label:"Custom Arrow",info:"Choose from list or paste any SVG icon",default:`<svg height="20" width="20" data-name="caret-right-regular" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 256 256" fill="currentColor" data-id="508418455613473128">
-              <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z" /></svg>`},{id:"arrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:24}}},{id:"arrowIconColor",label:"Icon color",type:"color-picker-v2",default:"text-1"},{id:"dragToScroll",label:"Drag to scroll",type:"toggle",hide:!0,default:!0},{id:"arrowNavColor",label:"Nav. color",type:"color-picker-v2",default:"bg-3",compoDefaultValue:"bg-3"},{id:"arrowNavSize",type:"size-setting",settingConfig:{width:{name:"Width",units:["px"],displayOptions:["auto"]},height:{name:"Height",units:["px"],displayOptions:["auto"]}},default:{width:"Auto",height:"Auto",padding:{top:"12px",bottom:"12px",left:"12px",right:"12px"},shapeLinked:!0,shape:"square",shapeValue:"1/1"},hiddenSettings:["gap","padding","proportion"]},{id:"arrowNavBorder",label:"Nav. border",type:"border",default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},{id:"arrowNavRadius",label:"Nav. corner",type:"radius-preset",default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}},{id:"arrowNavShadow",type:"shadow-v2",default:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90,enable:!1}}],t=[{id:"shape",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"shapeForFtOnly",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"shapeForBottom",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeForInsideBottom",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeForInside",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeFor2Col",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"50%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"25%",medium:"33%",large:"50%"}}},hiddenSettings:["padding","gap"]},{id:"shapeFor1Col",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"25%",medium:"33%",large:"50%"}}},hiddenSettings:["padding","gap"]},{id:"layout",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],devices:e("cover")},{id:"itemSpacing",label:"Gallery Item Spacing",type:"input:slider",units:["px"],devices:{desktop:{default:"8px"}}},{id:"corner",type:"radius-preset",label:"Corner",default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},state:{hover:!0,normal:!0}}];exports.productGalleryImageSetting=i,exports.productGalleryImageStyle=t;
+"use strict";const e=e=>({desktop:{default:e}}),i=[{id:"type",label:"Gallery Type",type:"segment",hide:!0,options:[{label:"Slide",value:"slider"},{label:"All",value:"images"}],devices:e("slider")},{id:"galleryHoverEffect",label:"Hover Effect",type:"select",hide:!0,hideOnMode:{mobileOnly:!0},options:[{title:"None",value:"none"},{title:"Zoom",value:"zoom"}],default:"none"},{id:"galleryZoomType",type:"select",label:"Zoom Type",hide:!0,default:"default",hideOnMode:{mobileOnly:!0},options:[{title:"Default",value:"default"},{title:"Glasses",value:"glasses"}]},{id:"galleryZoom",type:"input:slider",label:"Zoom Value",min:100,max:200,step:10,default:150,units:["%"],useOnlyUnitInit:!0,isNumber:!0},{id:"clickOpenLightBox",label:"Large view in pop-up",type:"select",options:[{label:"View in featured",value:!1},{label:"Open Gallery",value:!0}],devices:e(!1)},{id:"borderActive",label:"Active border",type:"border",default:{borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"},compoDefaultValue:{borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"}},{id:"navigationPosition",label:"Navigation",type:"option:illustration",enableTooltip:!0,options:[{label:"No navigation",value:"none",type:"slide-control",hide:!0},{label:"Outside",value:"outside",type:"slide-control",svgName:"gp-slide-control-outside"},{label:"Inside",value:"inside",type:"slide-control",svgName:"gp-slide-control-inside"}],devices:e("inside")},{id:"loop",type:"toggle",devices:e(!0)},{id:"pauseOnHover",label:"Pause On Hover",type:"toggle",hide:!0,default:!0},{id:"speed",type:"input:slider",label:"Speed (s)",hide:!0,min:0,max:60,step:1,default:1},{id:"arrowIcon",type:"icon",hide:!0,label:"Custom Arrow",info:"Choose from list or paste any SVG icon",default:`<svg height="20px" width="20px" data-name="caret-right-bold" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817562042106216">
+    <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z"></path></svg>`},{id:"arrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:16}}},{id:"arrowIconColor",label:"Icon color",type:"color-picker-v2",default:"text-1"},{id:"dragToScroll",label:"Drag to scroll",type:"toggle",hide:!0,default:!0},{id:"arrowNavColor",label:"Nav. color",type:"color-picker-v2",default:"bg-3",compoDefaultValue:"bg-3"},{id:"arrowNavSize",type:"size-setting",settingConfig:{width:{name:"Width",units:["px"],displayOptions:["auto"]},height:{name:"Height",units:["px"],displayOptions:["auto"]}},default:{width:"Auto",height:"Auto",padding:{top:"12px",bottom:"12px",left:"12px",right:"12px"},shapeLinked:!0,shape:"square",shapeValue:"1/1"},hiddenSettings:["gap","padding","proportion"]},{id:"arrowNavBorder",label:"Nav. border",type:"border",default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},{id:"arrowNavRadius",label:"Nav. corner",type:"radius-preset",default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}},{id:"arrowNavShadow",type:"shadow-v2",default:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90,enable:!1}}],t=[{id:"shape",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"shapeForFtOnly",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"shapeForBottom",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeForInsideBottom",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeForInside",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeFor2Col",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"50%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"25%",medium:"33%",large:"50%"}}},hiddenSettings:["padding","gap"]},{id:"shapeFor1Col",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"25%",medium:"33%",large:"50%"}}},hiddenSettings:["padding","gap"]},{id:"layout",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],devices:e("cover")},{id:"itemSpacing",label:"Gallery Item Spacing",type:"input:slider",units:["px"],devices:{desktop:{default:"8px"}}},{id:"corner",type:"radius-preset",label:"Corner",default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},state:{hover:!0,normal:!0}}];exports.productGalleryImageSetting=i,exports.productGalleryImageStyle=t;

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

@@ -1 +1 @@
-"use strict";var i=require("./ui/ImageListNavigation.js"),t=require("./ui/FeatureNavigation.js"),o=require("./ui/FeatureDots.js");const e='((type == "slider" || position == "left" || position == "right") && position !== "one-col" && position != "two-col")',n='(["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position))',l=[{label:"Layout",controls:[{layout:"vertical",setting:{id:"position"},options:{isComboLayout:!0},controls:[{label:"Ratio",type:"control",setting:{id:"ratioLayout"},layout:"vertical",conditionDisplay:'position == "left"'},{label:"Ratio",type:"control",setting:{id:"ratioLayoutRight"},layout:"vertical",conditionDisplay:'position == "right"'}]}]},{label:"Featured image",conditionDisplay:n,hiddenOnMobile:!0,controls:[{setting:{id:"ftShape"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"ftShape.shape === 'original'",source:["ftShape"],action:{controlId:"ftLayout",newValue:"contain",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{conditionDisplay:"ftShape.shape !== 'original'",label:"Image scale",setting:{id:"ftLayout"}},{...o.FeatureDots,conditionDisplay:`${n} && position === "only-feature"`},{...t.FeatureNavigation,conditionDisplay:`${n}`}],moreSettings:{type:"collapse",controls:[{label:"Corner",setting:{id:"ftCorner"}},{type:"combo",label:"Hover action",conditionDisplay:n,iconName:"gp-trigger-action-hover",getValueFromSettingID:"hoverEffect",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:"When hover",setting:{id:"hoverEffect"}},{label:"Zoom type",conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoomType"}},{label:"Zoom value",conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoom"}},{label:"Other image",conditionDisplay:'hoverEffect == "other"',setting:{id:"otherImage"}}]},{type:"combo",label:"Click action",iconName:"gp-trigger-action-click",conditionDisplay:n,getValueFromSettingID:"ftClickOpenLightBox",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"popup",controls:[{label:"After click",setting:{id:"ftClickOpenLightBox"}},{label:"Open new tab",setting:{id:"ftClickOpenNewTab"},conditionDisplay:'ftClickOpenLightBox === "product-link"'}]},{type:"control",label:"Slide speed",setting:{id:"ftAnimationSpeed"}},{type:"control",label:"Animation",setting:{id:"ftAnimationMode"}},{label:"Drag / swipe",setting:{id:"ftDragToScroll"}},{label:"Infinity loop",setting:{id:"ftLoop"}}]}},{label:"Image list",hiddenOnMobile:!0,conditionDisplay:'(position !== "only-feature")',controls:[{label:"Display",conditionDisplay:'position === "bottom-center" || position === "bottom-left" || position === "inside-bottom"',setting:{id:"type"}},{setting:{id:"shape"},layout:"vertical",conditionDisplay:'["left", "right"].includes(position)'},{setting:{id:"shapeForBottom"},layout:"vertical",conditionDisplay:'["bottom-left", "bottom-center"].includes(position)'},{setting:{id:"shapeForInsideBottom"},layout:"vertical",conditionDisplay:'["inside-bottom"].includes(position)'},{setting:{id:"shapeForInside"},layout:"vertical",conditionDisplay:'["inside-left", "inside-right"].includes(position)'},{setting:{id:"shapeForFtOnly"},layout:"vertical",conditionDisplay:'position == "only-feature"'},{setting:{id:"shapeFor2Col"},layout:"vertical",conditionDisplay:'position == "two-col"'},{setting:{id:"shapeFor1Col"},layout:"vertical",conditionDisplay:'position == "one-col"'},{label:"Image gap",setting:{id:"itemSpacing"}},{conditionDisplay:"(position == 'one-col' && shapeFor1Col.shape !== 'original') || (position == 'two-col' && shapeFor2Col.shape !== 'original') || (position == 'only-feature' && shapeForFtOnly.shape !== 'original') || ([\"inside-left\", \"inside-right\"].includes(position) && shapeForInside.shape !== 'original') || ([\"inside-bottom\"].includes(position) && shapeForInsideBottom.shape !== 'original') || ([\"bottom-left\", \"bottom-center\"].includes(position) && shapeForBottom.shape !== 'original') || ([\"left\", \"right\"].includes(position) && shape.shape !== 'original')",label:"Image scale",setting:{id:"layout"}},{...i.ImageListNavigation,conditionDisplay:e}],moreSettings:{type:"collapse",controls:[{label:"Corner",setting:{id:"corner"}},{label:"Active border",conditionDisplay:'!["one-col", "two-col"].includes(position)',setting:{id:"borderActive"}},{type:"combo",label:"Hover action",conditionDisplay:'(position == "one-col" || position == "two-col")',iconName:"gp-trigger-action-hover",getValueFromSettingID:"galleryHoverEffect",defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:"When hover",setting:{id:"galleryHoverEffect"},conditionDisplay:'galleryHoverEffect == "none"'},{label:"Zoom type",conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoomType"}},{label:"Zoom value",conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoom"}},{label:"Other image",conditionDisplay:'galleryHoverEffect == "other"',setting:{id:"otherImage"}}]},{label:"Click action",setting:{id:"clickOpenLightBox"}},{conditionDisplay:e,label:"Drag / swipe",setting:{id:"dragToScroll"}},{conditionDisplay:e,label:"Infinity loop",setting:{id:"loop"}}]}},{label:"Item spacing",hiddenOnMobile:!0,conditionDisplay:'["bottom-center", "left", "right", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Display condition",hiddenOnMobile:!0,controls:[{conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',label:"Default item",setting:{id:"preDisplay"}},{label:"Image list",setting:{id:"filterByVariant"}}],messageConfig:{type:"info",message:'Image list can display based on the selected variants. <a class="text-white" target="_blank" href="https://gempages.co/display-selected-variant">How to setup</a>'}},{label:"Optimize LCP",hiddenOnMobile:!0,controls:[{label:"Preload",conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',setting:{id:"preload"}},{label:"Quality",setting:{id:"qualityType"},conditionDisplay:"preload === false"},{layout:"horizontal",label:"Quality",conditionDisplay:'qualityType == "custom" && preload === false',setting:{id:"qualityPercent"}}]},{hiddenOnMobile:!0,controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary"}}]}];exports.SettingUIV2=l;
+"use strict";var i=require("./ui/ImageListNavigation.js"),e=require("./ui/FeatureNavigation.js"),o=require("./ui/FeatureDots.js");const t='((type == "slider" || position == "left" || position == "right") && position !== "one-col" && position != "two-col")',n='(["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position))',l=[{label:"Layout",controls:[{layout:"vertical",setting:{id:"position"},options:{isComboLayout:!0},controls:[{label:"Ratio",type:"control",setting:{id:"ratioLayout"},layout:"vertical",conditionDisplay:'position == "left"'},{label:"Ratio",type:"control",setting:{id:"ratioLayoutRight"},layout:"vertical",conditionDisplay:'position == "right"'}]}]},{label:"Featured image",conditionDisplay:n,controls:[{setting:{id:"ftShape"},hiddenOnMobile:!0,layout:"vertical",controlChangeTrigger:{settings:[{condition:"ftShape.shape === 'original'",source:["ftShape"],action:{controlId:"ftLayout",newValue:"contain",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{conditionDisplay:"ftShape.shape !== 'original'",label:"Image scale",setting:{id:"ftLayout"}},{...o.FeatureDots,hiddenOnMobile:!0,conditionDisplay:`${n} && position === "only-feature"`},{...e.FeatureNavigation,hiddenOnMobile:!0,conditionDisplay:`${n}`}],moreSettings:{type:"collapse",controls:[{label:"Corner",setting:{id:"ftCorner"},hiddenOnMobile:!0},{type:"combo",label:"Hover action",conditionDisplay:n,iconName:"gp-trigger-action-hover",getValueFromSettingID:"hoverEffect",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"zoom",hiddenOnMobile:!0,controls:[{label:"When hover",setting:{id:"hoverEffect"}},{label:"Zoom type",conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoomType"}},{label:"Zoom value",conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoom"}},{label:"Other image",conditionDisplay:'hoverEffect == "other"',setting:{id:"otherImage"}}]},{type:"combo",label:"Click action",hiddenOnMobile:!0,iconName:"gp-trigger-action-click",conditionDisplay:n,getValueFromSettingID:"ftClickOpenLightBox",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"popup",controls:[{label:"After click",setting:{id:"ftClickOpenLightBox"}},{label:"Open new tab",setting:{id:"ftClickOpenNewTab"},conditionDisplay:'ftClickOpenLightBox === "product-link"'}]},{type:"control",label:"Slide speed",setting:{id:"ftAnimationSpeed"}},{type:"control",label:"Animation",setting:{id:"ftAnimationMode"}},{label:"Drag / swipe",setting:{id:"ftDragToScroll"}},{label:"Infinity loop",setting:{id:"ftLoop"}}]}},{label:"Image list",conditionDisplay:'(position !== "only-feature")',controls:[{label:"Display",hiddenOnMobile:!0,conditionDisplay:'position === "bottom-center" || position === "bottom-left" || position === "inside-bottom"',setting:{id:"type"}},{setting:{id:"shape"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'["left", "right"].includes(position)'},{setting:{id:"shapeForBottom"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'["bottom-left", "bottom-center"].includes(position)'},{setting:{id:"shapeForInsideBottom"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'["inside-bottom"].includes(position)'},{setting:{id:"shapeForInside"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'["inside-left", "inside-right"].includes(position)'},{setting:{id:"shapeForFtOnly"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'position == "only-feature"'},{setting:{id:"shapeFor2Col"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'position == "two-col"'},{setting:{id:"shapeFor1Col"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'position == "one-col"'},{label:"Image gap",setting:{id:"itemSpacing"}},{conditionDisplay:"(position == 'one-col' && shapeFor1Col.shape !== 'original') || (position == 'two-col' && shapeFor2Col.shape !== 'original') || (position == 'only-feature' && shapeForFtOnly.shape !== 'original') || ([\"inside-left\", \"inside-right\"].includes(position) && shapeForInside.shape !== 'original') || ([\"inside-bottom\"].includes(position) && shapeForInsideBottom.shape !== 'original') || ([\"bottom-left\", \"bottom-center\"].includes(position) && shapeForBottom.shape !== 'original') || ([\"left\", \"right\"].includes(position) && shape.shape !== 'original')",label:"Image scale",setting:{id:"layout"}},{...i.ImageListNavigation,hiddenOnMobile:!0,conditionDisplay:t}],moreSettings:{type:"collapse",controls:[{label:"Corner",hiddenOnMobile:!0,setting:{id:"corner"}},{label:"Active border",hiddenOnMobile:!0,conditionDisplay:'!["one-col", "two-col"].includes(position)',setting:{id:"borderActive"}},{type:"combo",label:"Hover action",conditionDisplay:'(position == "one-col" || position == "two-col")',iconName:"gp-trigger-action-hover",getValueFromSettingID:"galleryHoverEffect",defaultValueWhenClear:"none",hiddenOnMobile:!0,compoDefaultValue:"zoom",controls:[{label:"When hover",setting:{id:"galleryHoverEffect"},conditionDisplay:'galleryHoverEffect == "none"'},{label:"Zoom type",conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoomType"}},{label:"Zoom value",conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoom"}},{label:"Other image",conditionDisplay:'galleryHoverEffect == "other"',setting:{id:"otherImage"}}]},{label:"Click action",setting:{id:"clickOpenLightBox"}},{conditionDisplay:t,label:"Drag / swipe",setting:{id:"dragToScroll"}},{conditionDisplay:t,label:"Infinity loop",setting:{id:"loop"}}]}},{label:"Item spacing",hiddenOnMobile:!0,conditionDisplay:'["bottom-center", "left", "right", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Display condition",controls:[{conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',label:"Default item",setting:{id:"preDisplay"}},{label:"Image list",setting:{id:"filterByVariant"}}],messageConfig:{type:"info",message:'Image list can display based on the selected variants. <a class="text-white" target="_blank" href="https://gempages.co/display-selected-variant">How to setup</a>'}},{label:"Optimize LCP",conditionDisplay:'pageType !== "STATIC"',controls:[{label:"Preload",conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',setting:{id:"preload"}},{label:"Quality",setting:{id:"qualityType"},conditionDisplay:"preload === false"},{layout:"horizontal",label:"Quality",conditionDisplay:'qualityType == "custom" && preload === false',setting:{id:"qualityPercent"}}]},{hiddenOnMobile:!0,controls:[{label:"Align",conditionEnable:'!(parseInt(ftShape.width) >= 100 && ftShape.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=l;

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/product/settings/product-properties/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Type",controls:[{setting:{id:"type"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"required",newValue:!1,groupType:"setting",controlType:"style"},condition:"type === 'hidden'",source:["required","type"]}],options:{noRecordHistory:!0}}}]},{label:"Option management",conditionDisplay:'["dropdown", "radio", "checkbox"].includes(type)',controls:[{label:"Options",setting:{id:"childItem"}}]},{label:"Size",conditionDisplay:'type !== "hidden"',controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"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:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Icon & text gap",conditionDisplay:'["radio", "checkbox"].includes(type)',setting:{id:"spacing"}}]},{label:"Background",conditionDisplay:'type !== "hidden"',controls:[{label:"Color",setting:{id:"valueBgColor",state:"normal"}}]},{label:"Shape",conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:"Border",setting:{id:"borderInput",state:"normal"}},{label:"Corner",setting:{id:"borderRadius",state:"normal"}},{label:"Shadow",setting:{id:"shadowInput",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasShadowInput",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.normal.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"shadowInput.normal.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Checkbox item",conditionDisplay:'type === "checkbox"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Radio item",conditionDisplay:'type === "radio"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Input text style",conditionDisplay:'["text", "textarea", "email"].includes(type)',controls:[{type:"combo",label:"Placeholder",popoverLabel:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{label:"Content",setting:{id:"placeholder"},layout:"vertical"}]},{setting:{id:"valueTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Text style",conditionDisplay:'type === "dropdown"',controls:[{setting:{id:"valueTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'type !== "hidden"',controls:[{label:"Label",setting:{id:"isDisplayLabel"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"isDisplayLabel !== false",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"label",isHideClear:!0,label:"Content",controls:[{label:"Content",setting:{id:"label"},layout:"vertical"}]},{conditionDisplay:"isDisplayLabel !== false",setting:{id:"labelTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Hover effect",conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:"Background",setting:{id:"valueBgColor",state:"hover"}},{label:"Text color",setting:{id:"valueTextColor",state:"hover"}},{label:"Border",setting:{id:"borderInput",state:"hover"}},{label:"Corner",setting:{id:"borderRadius",state:"hover"}},{label:"Shadow",setting:{id:"shadowInput",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasShadowInput",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.hover.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"shadowInput.hover.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Hover effect",conditionDisplay:'["radio", "checkbox"].includes(type)',controls:[{label:"Background",setting:{id:"valueBgColor",state:"hover"}},{label:"Text color",setting:{id:"valueTextColor",state:"hover"}}]},{label:"Focus effect",conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:"Background",setting:{id:"valueBgColor",state:"focus"}},{label:"Text color",setting:{id:"valueTextColor",state:"focus"}},{label:"Border",setting:{id:"borderInput",state:"focus"}},{label:"Corner",setting:{id:"borderRadius",state:"focus"}},{label:"Shadow",setting:{id:"shadowInput",state:"focus"},options:{updateFields:[{field:"focus.enable",settingId:"hasShadowInput",state:"focus"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.focus.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!0}},{condition:"shadowInput.focus.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Active effect",conditionDisplay:'["checkbox", "radio"].includes(type)',controls:[{label:"Text color",setting:{id:"valueTextColor",state:"active"}}]},{label:"Configuration",controls:[{label:"Field name",type:"combo",isHideClear:!0,getValueFromSettingID:"name",iconName:"polaris-text-block",compoDefaultValue:"Customer Request",controls:[{label:"Content",setting:{id:"name"},layout:"vertical"}]},{label:"Required",conditionDisplay:'type !== "hidden"',setting:{id:"required"}},{label:"Number only",conditionDisplay:'["text", "textarea"].includes(type)',setting:{id:"numberOnly"}},{label:"Min character",conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"minChar"}},{label:"Max character",conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"maxChar"}},{label:"Min number",conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"minNumber"}},{label:"Max number",conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"maxNumber"}},{label:"Predefine value",type:"combo",isHideClear:!0,conditionDisplay:'type === "hidden"',iconName:"polaris-text-block",getValueFromSettingID:"valueHidden",compoDefaultValue:"Potential Lead",controls:[{setting:{id:"valueHidden"},layout:"vertical"}]}]},{label:"Error message",conditionDisplay:'["text", "textarea", "email"].includes(type) || (["checkbox", "radio", "dropdown"].includes(type) && required)',controls:[{type:"combo",conditionDisplay:'["text", "textarea"].includes(type)',label:"Invalid length",iconName:"polaris-text-block",getValueFromSettingID:"invalidLengthMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"invalidLengthMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'["text", "textarea"].includes(type) && numberOnly === true',label:"Invalid number",iconName:"polaris-text-block",getValueFromSettingID:"invalidNumberMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"invalidNumberMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type === "email"',label:"Invalid email",iconName:"polaris-text-block",getValueFromSettingID:"invalidEmailMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"invalidEmailMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type !== "hidden" && required === true',label:"Missing required",iconName:"polaris-text-block",getValueFromSettingID:"requiredMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"requiredMessage"},layout:"vertical"}]}]},{controls:[{label:"Align",conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"textAlign"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];
+"use strict";exports.SettingUIV2=[{label:"Type",controls:[{setting:{id:"type"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"required",newValue:!1,groupType:"setting",controlType:"style"},condition:"type === 'hidden'",source:["required","type"]}],options:{noRecordHistory:!0}}}]},{label:"Option management",hiddenOnMobile:!0,conditionDisplay:'["dropdown", "radio", "checkbox"].includes(type)',controls:[{label:"Options",setting:{id:"childItem"}}]},{label:"Size",hiddenOnMobile:!0,conditionDisplay:'type !== "hidden"',controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"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:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Icon & text gap",conditionDisplay:'["radio", "checkbox"].includes(type)',setting:{id:"spacing"}}]},{label:"Background",hiddenOnMobile:!0,conditionDisplay:'type !== "hidden"',controls:[{label:"Color",setting:{id:"valueBgColor",state:"normal"}}]},{label:"Shape",hiddenOnMobile:!0,conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:"Border",setting:{id:"borderInput",state:"normal"}},{label:"Corner",setting:{id:"borderRadius",state:"normal"}},{label:"Shadow",setting:{id:"shadowInput",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasShadowInput",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.normal.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"shadowInput.normal.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Checkbox item",hiddenOnMobile:!0,conditionDisplay:'type === "checkbox"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Radio item",hiddenOnMobile:!0,conditionDisplay:'type === "radio"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Input text style",hiddenOnMobile:!0,conditionDisplay:'["text", "textarea", "email"].includes(type)',controls:[{type:"combo",label:"Placeholder",popoverLabel:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{label:"Content",setting:{id:"placeholder"},layout:"vertical"}]},{setting:{id:"valueTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Text style",hiddenOnMobile:!0,conditionDisplay:'type === "dropdown"',controls:[{setting:{id:"valueTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'type !== "hidden"',hiddenOnMobile:!0,controls:[{label:"Label",setting:{id:"isDisplayLabel"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"isDisplayLabel !== false",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"label",isHideClear:!0,label:"Content",controls:[{label:"Content",setting:{id:"label"},layout:"vertical"}]},{conditionDisplay:"isDisplayLabel !== false",setting:{id:"labelTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Hover effect",hiddenOnMobile:!0,conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:"Background",setting:{id:"valueBgColor",state:"hover"}},{label:"Text color",setting:{id:"valueTextColor",state:"hover"}},{label:"Border",setting:{id:"borderInput",state:"hover"}},{label:"Corner",setting:{id:"borderRadius",state:"hover"}},{label:"Shadow",setting:{id:"shadowInput",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasShadowInput",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.hover.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"shadowInput.hover.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Hover effect",hiddenOnMobile:!0,conditionDisplay:'["radio", "checkbox"].includes(type)',controls:[{label:"Background",setting:{id:"valueBgColor",state:"hover"}},{label:"Text color",setting:{id:"valueTextColor",state:"hover"}}]},{label:"Focus effect",hiddenOnMobile:!0,conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:"Background",setting:{id:"valueBgColor",state:"focus"}},{label:"Text color",setting:{id:"valueTextColor",state:"focus"}},{label:"Border",setting:{id:"borderInput",state:"focus"}},{label:"Corner",setting:{id:"borderRadius",state:"focus"}},{label:"Shadow",setting:{id:"shadowInput",state:"focus"},options:{updateFields:[{field:"focus.enable",settingId:"hasShadowInput",state:"focus"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.focus.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!0}},{condition:"shadowInput.focus.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Active effect",hiddenOnMobile:!0,conditionDisplay:'["checkbox", "radio"].includes(type)',controls:[{label:"Text color",setting:{id:"valueTextColor",state:"active"}}]},{label:"Configuration",controls:[{label:"Field name",type:"combo",isHideClear:!0,getValueFromSettingID:"name",iconName:"polaris-text-block",compoDefaultValue:"Customer Request",controls:[{label:"Content",setting:{id:"name"},layout:"vertical"}]},{label:"Required",conditionDisplay:'type !== "hidden"',setting:{id:"required"}},{label:"Number only",conditionDisplay:'["text", "textarea"].includes(type)',setting:{id:"numberOnly"}},{label:"Min character",conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"minChar"}},{label:"Max character",conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"maxChar"}},{label:"Min number",conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"minNumber"}},{label:"Max number",conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"maxNumber"}},{label:"Predefine value",type:"combo",isHideClear:!0,conditionDisplay:'type === "hidden"',iconName:"polaris-text-block",getValueFromSettingID:"valueHidden",compoDefaultValue:"Potential Lead",controls:[{setting:{id:"valueHidden"},layout:"vertical"}]}]},{label:"Error message",hiddenOnMobile:!0,conditionDisplay:'["text", "textarea", "email"].includes(type) || (["checkbox", "radio", "dropdown"].includes(type) && required)',controls:[{type:"combo",conditionDisplay:'["text", "textarea"].includes(type)',label:"Invalid length",iconName:"polaris-text-block",getValueFromSettingID:"invalidLengthMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"invalidLengthMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'["text", "textarea"].includes(type) && numberOnly === true',label:"Invalid number",iconName:"polaris-text-block",getValueFromSettingID:"invalidNumberMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"invalidNumberMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type === "email"',label:"Invalid email",iconName:"polaris-text-block",getValueFromSettingID:"invalidEmailMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"invalidEmailMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type !== "hidden" && required === true',label:"Missing required",iconName:"polaris-text-block",getValueFromSettingID:"requiredMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"requiredMessage"},layout:"vertical"}]}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"textAlign"},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-quantity/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{controls:[{label:"Button",setting:{id:"hasButton"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Width",setting:{id:"buttonWidth"},conditionDisplay:"hasButton === true"},{label:"Background",setting:{id:"buttonBackgroundColor",state:"normal"},conditionDisplay:"hasButton === true"},{label:"Plus icon",setting:{id:"plusIcon"},conditionDisplay:"hasButton === true"},{label:"Minus icon",setting:{id:"minusIcon"},conditionDisplay:"hasButton === true"},{label:"Icon color",setting:{id:"iconColor",state:"normal"},conditionDisplay:"hasButton === true"}],moreSettings:{type:"collapse",controls:[{label:"Icon size",setting:{id:"iconSizeCustom"},conditionDisplay:"hasButton === true"},{label:"Border",setting:{id:"borderBtn",state:"normal"},conditionDisplay:"hasButton === true"},{label:"Corner",setting:{id:"corner",state:"normal"},conditionDisplay:"hasButton === true"},{label:"Hover",type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",setting:{id:"enableHoverButton"},popoverLabel:"Hover effect",state:"hover",conditionDisplay:"hasButton === true",controls:[{label:"Background",setting:{id:"buttonBackgroundColor",state:"hover"},compoDefaultValue:{default:"highlight"}},{label:"Icon color",setting:{id:"iconColor",state:"hover"}},{label:"Border",setting:{id:"borderBtn",state:"hover"}},{label:"Corner",setting:{id:"corner",state:"hover"}}]}]}},{label:"Input",controls:[{label:"Background",setting:{id:"inputBackgroundColor",state:"normal"}},{label:"Text style",setting:{id:"typo"},options:{updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}},{label:"Divider",type:"combo",conditionDisplay:"hasButton === true",comboType:"color",getValueFromSettingID:"dividerColor.normal",compoDefaultValue:"line-3",controls:[{label:"Color",setting:{id:"dividerColor",state:"normal"}},{label:"Thickness",setting:{id:"dividerStroke",state:"normal"}}]},{label:"Border",setting:{id:"inputBorder",state:"normal"},conditionDisplay:"hasButton === false"},{label:"Hover",type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",popoverLabel:"Hover effect",setting:{id:"enableHoverInput"},state:"hover",controls:[{label:"Background",setting:{id:"inputBackgroundColor",state:"hover"}},{label:"Text color",setting:{id:"textColor",state:"hover"}},{label:"Divider color",setting:{id:"dividerColor",state:"hover"},conditionDisplay:"hasButton === true"},{label:"Divider thickness",setting:{id:"dividerStroke",state:"hover"},conditionDisplay:"hasButton === true"},{label:"Border",setting:{id:"inputBorder",state:"hover"},conditionDisplay:"hasButton === false"}]}]},{label:"Size",controls:[{label:"Width",setting:{id:"quantityWidth"}},{label:"Height",setting:{id:"inputHeight"}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeShadow"}}]},{label:"Display condition",controls:[{label:"Default quantity",setting:{id:"defaultQtyValue"}},{label:"Update price",setting:{id:"updatePrice"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(quantityWidth) >= 100 && quantityWidth?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];
+"use strict";exports.SettingUIV2=[{controls:[{label:"Button",setting:{id:"hasButton"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Width",hiddenOnMobile:!0,setting:{id:"buttonWidth"},conditionDisplay:"hasButton === true"},{label:"Background",setting:{id:"buttonBackgroundColor",state:"normal"},conditionDisplay:"hasButton === true"},{label:"Plus icon",setting:{id:"plusIcon"},conditionDisplay:"hasButton === true"},{label:"Minus icon",setting:{id:"minusIcon"},conditionDisplay:"hasButton === true"},{label:"Icon color",setting:{id:"iconColor",state:"normal"},conditionDisplay:"hasButton === true"}],moreSettings:{type:"collapse",controls:[{label:"Icon size",setting:{id:"iconSizeCustom"},conditionDisplay:"hasButton === true"},{label:"Border",hiddenOnMobile:!0,setting:{id:"borderBtn",state:"normal"},conditionDisplay:"hasButton === true"},{label:"Corner",hiddenOnMobile:!0,setting:{id:"corner",state:"normal"},conditionDisplay:"hasButton === true"},{label:"Hover",hiddenOnMobile:!0,type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",setting:{id:"enableHoverButton"},popoverLabel:"Hover effect",state:"hover",conditionDisplay:"hasButton === true",controls:[{label:"Background",setting:{id:"buttonBackgroundColor",state:"hover"},compoDefaultValue:{default:"highlight"}},{label:"Icon color",setting:{id:"iconColor",state:"hover"}},{label:"Border",setting:{id:"borderBtn",state:"hover"}},{label:"Corner",setting:{id:"corner",state:"hover"}}]}]}},{label:"Input",controls:[{label:"Background",setting:{id:"inputBackgroundColor",state:"normal"}},{label:"Text style",setting:{id:"typo"},options:{updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}},{label:"Divider",hiddenOnMobile:!0,type:"combo",conditionDisplay:"hasButton === true",comboType:"color",getValueFromSettingID:"dividerColor.normal",compoDefaultValue:"line-3",controls:[{label:"Color",setting:{id:"dividerColor",state:"normal"}},{label:"Thickness",setting:{id:"dividerStroke",state:"normal"}}]},{label:"Border",hiddenOnMobile:!0,setting:{id:"inputBorder",state:"normal"},conditionDisplay:"hasButton === false"},{label:"Hover",hiddenOnMobile:!0,type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",popoverLabel:"Hover effect",setting:{id:"enableHoverInput"},state:"hover",controls:[{label:"Background",setting:{id:"inputBackgroundColor",state:"hover"}},{label:"Text color",setting:{id:"textColor",state:"hover"}},{label:"Divider color",setting:{id:"dividerColor",state:"hover"},conditionDisplay:"hasButton === true"},{label:"Divider thickness",setting:{id:"dividerStroke",state:"hover"},conditionDisplay:"hasButton === true"},{label:"Border",setting:{id:"inputBorder",state:"hover"},conditionDisplay:"hasButton === false"}]}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",setting:{id:"quantityWidth"}},{label:"Height",setting:{id:"inputHeight"}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeShadow"}}]},{label:"Display condition",controls:[{label:"Default quantity",setting:{id:"defaultQtyValue"}},{label:"Update price",setting:{id:"updatePrice"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(parseInt(quantityWidth) >= 100 && quantityWidth?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];

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

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Text style",controls:[{type:"control",setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"color",state:"normal"},{field:"attrs.textAlign",settingId:"textAlign"}]},controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"color",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",controls:[{type:"combo",setting:{id:"enableHoverEffect"},label:"Hover",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Color",state:"hover",controls:[{label:"Text color",setting:{id:"color",state:"hover"}}]}]},{label:"Display option",controls:[{label:"Max line",setting:{id:"hasLineClamp"}},{label:"Number of lines",setting:{id:"lineClamp"},conditionDisplay:"hasLineClamp == true"}]},{controls:[{label:"Product link",setting:{id:"linkProduct"},options:{labelVariant:"primary",toggleStyle:"switch"}}]},{label:"SEO",controls:[{type:"control",label:"HTML tag",setting:{id:"htmlTag"}}]}];
+"use strict";exports.SettingUIV2=[{label:"Text style",controls:[{type:"control",setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"color",state:"normal"},{field:"attrs.textAlign",settingId:"textAlign"}]},controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"color",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",hiddenOnMobile:!0,controls:[{type:"combo",setting:{id:"enableHoverEffect"},label:"Hover",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Color",state:"hover",controls:[{label:"Text color",setting:{id:"color",state:"hover"}}]}]},{label:"Display option",controls:[{label:"Max line",setting:{id:"hasLineClamp"}},{label:"Number of lines",setting:{id:"lineClamp"},conditionDisplay:"hasLineClamp == true"}]},{controls:[{label:"Product link",setting:{id:"linkProduct"},options:{labelVariant:"primary",toggleStyle:"switch"}}]},{label:"SEO",controls:[{type:"control",label:"HTML tag",setting:{id:"htmlTag"}}]}];

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

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{controls:[{label:"Type",setting:{id:"optionType"},options:{labelVariant:"primary"}}]},{controls:[{label:"Product source",controlConfig:{id:"gp-to-product",type:"product-source"},layout:"vertical",options:{labelVariant:"primary"}}]},{label:"Option gap",conditionDisplay:"optionType === 'singleOption'",controls:[{label:"Gap",setting:{id:"marginBottom"}}]},{conditionDisplay:"optionType !== 'groupOption'",controls:[{label:"Option title",setting:{id:"label"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"label == true",label:"Position",setting:{id:"layout"}},{conditionDisplay:"label == true",label:"Gap",setting:{id:"labelGap"}},{conditionDisplay:"label == true",label:"Text style",setting:{id:"labelTypo"}}]},{conditionDisplay:"optionType === 'singleOption'",controls:[{layout:"vertical",setting:{id:"variantPresets"}}]},{label:"Option value text",conditionDisplay:"optionType === 'singleOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",controlConfig:{id:"optionTypo",type:"typography-v2",hiddenSetting:{color:!0,textAlign:!0,textShadow:!0}}}]},{label:"Text style",conditionDisplay:"optionType === 'groupOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"optionTextColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"optionTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Option style",conditionDisplay:"optionType === 'groupOption'",controls:[{label:"Width",setting:{id:"combineWidth"}},{label:"Height",setting:{id:"combineHeight"}},{label:"Background",setting:{id:"optionBgColor",state:"normal"}},{label:"Border",setting:{id:"optionBorder",state:"normal"}},{label:"Corner",setting:{id:"optionRounded",state:"normal"}},{label:"Shadow",setting:{id:"optionShadow",state:"active"},options:{updateFields:[{field:"active.enable",settingId:"optionHasShadow",state:"active"}]},controlChangeTrigger:{settings:[{condition:"optionShadow.active.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!0}},{condition:"optionShadow.active.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Hover effect",conditionDisplay:"optionType === 'groupOption'",controls:[{label:"Background",setting:{id:"optionBgColor",state:"hover"}},{label:"Text color",setting:{id:"optionTextColor",state:"hover"}},{label:"Border",setting:{id:"optionBorder",state:"hover"}},{label:"Corner",setting:{id:"optionRounded",state:"hover"}},{label:"Shadow",setting:{id:"optionShadow",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"optionHasShadow",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"optionShadow.hover.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!0}},{condition:"optionShadow.hover.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Sold out style",controls:[{label:"Type",setting:{id:"soldOutStyle"}}]},{label:"Size",controls:[{label:"Width",setting:{id:"width"}}]},{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:"Display option",controls:[{layout:"vertical",setting:{id:"selectVariantDefault"}},{conditionDisplay:"productSetting?.hasPreSelected === false || (productSetting?.hasPreSelected === undefined && hasPreSelected == false)",label:"Placeholder",setting:{id:"blankText"}},{conditionDisplay:"optionType === 'groupOption'",label:"Variant price",setting:{id:"price"}}]},{controls:[{label:"Align",conditionEnable:'optionType === "singleOption" || (optionType === "groupOption" && !(parseInt(combineWidth) >= 100 && combineWidth?.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=[{controls:[{label:"Type",setting:{id:"optionType"},options:{labelVariant:"primary"}}]},{controls:[{label:"Product source",controlConfig:{id:"gp-to-product",type:"product-source"},layout:"vertical",options:{labelVariant:"primary"}}]},{label:"Option gap",conditionDisplay:"optionType === 'singleOption'",controls:[{label:"Gap",setting:{id:"marginBottom"}}]},{conditionDisplay:"optionType !== 'groupOption'",controls:[{label:"Option title",setting:{id:"label"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"label == true",label:"Position",setting:{id:"layout"}},{conditionDisplay:"label == true",label:"Gap",setting:{id:"labelGap"}},{conditionDisplay:"label == true",label:"Text style",setting:{id:"labelTypo"}}]},{conditionDisplay:"optionType === 'singleOption'",controls:[{layout:"vertical",setting:{id:"variantPresets"}}]},{label:"Option value text",conditionDisplay:"optionType === 'singleOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",controlConfig:{id:"optionTypo",type:"typography-v2",hiddenSetting:{color:!0,textAlign:!0,textShadow:!0}}}]},{label:"Text style",conditionDisplay:"optionType === 'groupOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"optionTextColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"optionTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Option style",conditionDisplay:"optionType === 'groupOption'",controls:[{label:"Width",hiddenOnMobile:!0,setting:{id:"combineWidth"}},{label:"Height",hiddenOnMobile:!0,setting:{id:"combineHeight"}},{label:"Background",setting:{id:"optionBgColor",state:"normal"}},{label:"Border",hiddenOnMobile:!0,setting:{id:"optionBorder",state:"normal"}},{label:"Corner",hiddenOnMobile:!0,setting:{id:"optionRounded",state:"normal"}},{label:"Shadow",hiddenOnMobile:!0,setting:{id:"optionShadow",state:"active"},options:{updateFields:[{field:"active.enable",settingId:"optionHasShadow",state:"active"}]},controlChangeTrigger:{settings:[{condition:"optionShadow.active.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!0}},{condition:"optionShadow.active.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Hover effect",hiddenOnMobile:!0,conditionDisplay:"optionType === 'groupOption'",controls:[{label:"Background",setting:{id:"optionBgColor",state:"hover"}},{label:"Text color",setting:{id:"optionTextColor",state:"hover"}},{label:"Border",setting:{id:"optionBorder",state:"hover"}},{label:"Corner",setting:{id:"optionRounded",state:"hover"}},{label:"Shadow",setting:{id:"optionShadow",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"optionHasShadow",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"optionShadow.hover.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!0}},{condition:"optionShadow.hover.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Sold out style",controls:[{label:"Type",setting:{id:"soldOutStyle"}}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",setting:{id:"width"}}]},{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:"Display option",controls:[{layout:"vertical",setting:{id:"selectVariantDefault"}},{conditionDisplay:"productSetting?.hasPreSelected === false || (productSetting?.hasPreSelected === undefined && hasPreSelected == false)",label:"Placeholder",setting:{id:"blankText"}},{conditionDisplay:"optionType === 'groupOption'",label:"Variant price",setting:{id:"price"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'optionType === "singleOption" || (optionType === "groupOption" && !(parseInt(combineWidth) >= 100 && combineWidth?.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-vendor/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Text style",controls:[{type:"combo",label:"Label",iconName:"polaris-text-block",getValueFromSettingID:"label",compoDefaultValue:"Vendor: ",popoverLabel:"Vendor label",controls:[{label:"Prefix",setting:{id:"label"},options:{labelAlign:"top"}}]},{type:"control",setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"color",state:"normal"},{field:"attrs.textAlign",settingId:"textAlign"}]},controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"color",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",controls:[{label:"Hover",iconName:"polaris-check-hover",type:"combo",setting:{id:"enableHoverEffect"},fixedValue:"Styled",popoverLabel:"Hover",state:"hover",controls:[{label:"Text color",setting:{id:"color",state:"hover"}},{label:"Underline",setting:{id:"underlineLink",state:"hover"}}]}]},{controls:[{label:"Collection link",setting:{id:"url"},options:{labelVariant:"primary",toggleStyle:"switch"},help:{content:"Click to open a collection page with<br> all products from the same vendor."}},{label:"Open new tab",setting:{id:"openIn"},conditionDisplay:"url == true"}]},{label:"SEO",controls:[{type:"control",label:"HTML tag",setting:{id:"htmlTag"}}]}];
+"use strict";exports.SettingUIV2=[{label:"Text style",controls:[{type:"combo",label:"Label",iconName:"polaris-text-block",getValueFromSettingID:"label",compoDefaultValue:"Vendor: ",popoverLabel:"Vendor label",controls:[{label:"Prefix",setting:{id:"label"},options:{labelAlign:"top"}}]},{type:"control",setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"color",state:"normal"},{field:"attrs.textAlign",settingId:"textAlign"}]},controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"color",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",hiddenOnMobile:!0,controls:[{label:"Hover",iconName:"polaris-check-hover",type:"combo",setting:{id:"enableHoverEffect"},fixedValue:"Styled",popoverLabel:"Hover",state:"hover",controls:[{label:"Text color",setting:{id:"color",state:"hover"}},{label:"Underline",setting:{id:"underlineLink",state:"hover"}}]}]},{controls:[{label:"Collection link",setting:{id:"url"},options:{labelVariant:"primary",toggleStyle:"switch"},help:{content:"Click to open a collection page with<br> all products from the same vendor."}},{label:"Open new tab",setting:{id:"openIn"},conditionDisplay:"url == true"}]},{label:"SEO",controls:[{type:"control",label:"HTML tag",setting:{id:"htmlTag"}}]}];

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

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{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:"Full",value:"100%",showValue:!0},{label:"Fit content",value:"Auto",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:"Image",setting:{id:"backgroundImage",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:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Position",setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Gap",setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{controls:[{label:"Text",setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"<p>View more</p>"}}],options:{noRecordHistory:!0}}},{id:"typo",label:"Basic",setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Hover",setting:{id:"enableHoverEffect"},state:"hover",controls:[{label:"Background",type:"group",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"hover"}},{label:"Image",setting:{id:"backgroundImage",state:"hover"}}]},{label:"Text",type:"group",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{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:"Redirect to",controls:[{label:"New tab",setting:{id:"redirectNewTab"}}]},{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:"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:"Full",value:"100%",showValue:!0},{label:"Fit content",value:"Auto",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:"Image",setting:{id:"backgroundImage",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:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Position",setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Gap",setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{controls:[{label:"Text",setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"<p>View more</p>"}}],options:{noRecordHistory:!0}}},{id:"typo",label:"Basic",setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Hover",setting:{id:"enableHoverEffect"},state:"hover",controls:[{label:"Background",type:"group",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"hover"}},{label:"Image",setting:{id:"backgroundImage",state:"hover"}}]},{label:"Text",type:"group",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{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:"Redirect to",controls:[{label:"New tab",setting:{id:"redirectNewTab"}}]},{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/sticky/common/classes.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core");exports.getContainerClasses=t=>{let{uid:s,isScrollToTop:r,cssClass:n,isLiquid:o}=t,p=r&&o?"!gp-pointer-events-none [&_gp-button_button]:!gp-pointer-events-auto":"";return e.composeClasses(`sticky-wrapper ${p} ${s} ${n}`)};
+"use strict";var e=require("@gem-sdk/core");exports.getContainerClasses=t=>{let{uid:s,isScrollToTop:r,cssClass:n,isLiquid:o}=t,p=r&&o?"!gp-pointer-events-none [&_gp-button_.gp-button-base]:!gp-pointer-events-auto":"";return e.composeClasses(`sticky-wrapper ${p} ${s} ${n}`)};

package/dist/cjs/sticky/components/Sticky.liquid.js

@@ -1,18 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../helpers.js"),s=require("@gem-sdk/system"),a=require("../common/styles.js"),r=require("../common/classes.js");exports.default=({children:i,builderAttrs:d,setting:l,style:n,builderProps:o,advanced:c,pageContext:p})=>{let{width:g,position:m,display:u,preloadBgImage:y,background:$,isScrollToTop:k}=l??{},f=c?.d,S=s.createStyle({...e.makeStyleResponsive("w",g),...a.getContainerStyles({position:m,display:u})}),b=s.createStyle(a.getContentStyles({setting:l,style:n,uid:o?.uid,pageContext:p??{},type:"Liquid"})),v=s.createClass(r.getContainerClasses({uid:o?.uid,isScrollToTop:k,cssClass:c?.cssClass,isLiquid:!0})),C=s.createStateOrContext({uid:o?.uid,setting:{display:{desktop:u?.desktop,tablet:u?.tablet??u?.desktop,mobile:u?.mobile??u?.tablet??u?.desktop}},advanced:{d:f}}),R=`.drawer-page-content {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../helpers.js"),s=require("@gem-sdk/system"),a=require("../common/styles.js"),r=require("../common/classes.js");exports.default=({children:i,builderAttrs:l,setting:d,style:n,builderProps:o,advanced:p,pageContext:c})=>{let{width:g,position:m,display:y,preloadBgImage:u,background:$,isScrollToTop:k}=d??{},f=p?.d,S=s.createStyle({...e.makeStyleResponsive("w",g),...a.getContainerStyles({position:m,display:y})}),b=s.createStyle(a.getContentStyles({setting:d,style:n,uid:o?.uid,pageContext:c??{},type:"Liquid"})),v=s.createClass(r.getContainerClasses({uid:o?.uid,isScrollToTop:k,cssClass:p?.cssClass,isLiquid:!0})),C=s.createStateOrContext({uid:o?.uid,setting:{display:{desktop:y?.desktop,tablet:y?.tablet??y?.desktop,mobile:y?.mobile??y?.tablet??y?.desktop}},advanced:{d:f}}),R=`.drawer-page-content {
        transform: none !important;
       -webkit-transform: none !important;
   }`;return e.template`
-    ${e.RenderIf(!!y,`${e.RenderIf(!!$?.desktop?.image?.src,`<link rel="preload" href="${$?.desktop?.image?.src}" as="image" />`)}${e.RenderIf(!!$?.tablet?.image?.src,`<link rel="preload" href="${$?.tablet?.image?.src}" as="image" />`)}${e.RenderIf(!!$?.mobile?.image?.src,`<link rel="preload" href="${$?.mobile?.image?.src}" as="image" />`)}`)}
+    ${e.RenderIf(!!u,`${e.RenderIf(!!$?.desktop?.image?.src,`<link rel="preload" href="${$?.desktop?.image?.src}" as="image" />`)}${e.RenderIf(!!$?.tablet?.image?.src,`<link rel="preload" href="${$?.tablet?.image?.src}" as="image" />`)}${e.RenderIf(!!$?.mobile?.image?.src,`<link rel="preload" href="${$?.mobile?.image?.src}" as="image" />`)}`)}
     <gp-sticky
-    data-id="${o?.uid}"
-      gp-data='${JSON.stringify(C)}'
       id="${o?.uid}"
       data-id="${o?.uid}"
       class="${v} ${t.getSettingPreloadData("gps-lazy")}"
       style="${S}"
     >
+      <script gp-data type="application/json">${JSON.stringify(C)}</script>
       <style>${R}</style>
-      <div ${{...d}} style="${{...b}}">
+      <div ${{...l}} style="${{...b}}">
         ${i}
       </div>
     </gp-sticky>

package/dist/cjs/sticky/hooks/useSticky.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("react");exports.default=o=>{let{width:s,position:l}=o??{},{desktop:r,tablet:i,mobile:b}=o?.display||{},p=e.makeStyleResponsive("w",s),a=e.usePageStore(e=>"interaction"===e.sidebarMode),u=e.useCurrentDevice(),[d,n]=t.useState(!1),m=e.useStickyStore(e=>e.getFirstVisibleElement(u)),k=(e,t)=>({[`--left${t}`]:"top"==e?"0":"50%",[`--t${t}`]:"top"==e?"unset":"translateX(-50%)"}),c=t.useMemo(()=>({...k(l?.desktop,""),...k(l?.tablet??l?.desktop,"-tablet"),...k(l?.mobile??l?.tablet??l?.desktop,"-mobile")}),[l?.desktop,l?.mobile,l?.tablet]),f=t.useMemo(()=>{if(a&&l?.[u]==="top")return"40px"},[u,a,l]),x=t.useMemo(()=>{let e=e=>"after-first-cart-button"!==e||d?"block":"none";return{"--d":e(r),"--d-tablet":e(i??r),"--d-mobile":e(b??i??r)}},[r,i,b,d]),M=t.useMemo(()=>({"--top":f??"auto","--top-tablet":f??"auto","--top-mobile":f??"auto",[`--${l?.desktop}`]:f??"0px",[`--${l?.tablet??l?.desktop}-tablet`]:f??"0px",[`--${l?.mobile??l?.tablet??l?.desktop}-mobile`]:f??"0px"}),[f,l?.desktop,l?.mobile,l?.tablet]),v=e=>"top"==e?"sticky":"fixed",g=t.useMemo(()=>({"--pos":v(l?.desktop),"--pos-tablet":v(l?.tablet??l?.desktop),"--pos-mobile":v(l?.mobile??l?.tablet??l?.desktop)}),[l?.desktop,l?.mobile,l?.tablet]);return t.useEffect(()=>{if(!m)return;let e=new IntersectionObserver(([e])=>{e&&n(e.isIntersecting||e.boundingClientRect.top<=0)});return e.observe(m),()=>e.disconnect()},[m]),t.useEffect(()=>{n(!1)},[u]),{w:p,displayStyle:M,positionStyle:g,getCSSAlign:c,makeDisplaySettingStyles:x}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("react");exports.default=o=>{let{width:s,position:l}=o??{},{desktop:i,tablet:r,mobile:b}=o?.display||{},n=e.makeStyleResponsive("w",s),p=e.usePageStore(e=>"interaction"===e.sidebarMode),a=e.useCurrentDevice(),[u,d]=t.useState(!1),m=e.useStickyStore(e=>e.getFirstVisibleElement(a)),c=(e,t)=>({[`--left${t}`]:"top"==e?"0":"50%",[`--t${t}`]:"top"==e?"unset":"translateX(-50%)"}),k=t.useMemo(()=>({...c(l?.desktop,""),...c(l?.tablet??l?.desktop,"-tablet"),...c(l?.mobile??l?.tablet??l?.desktop,"-mobile")}),[l?.desktop,l?.mobile,l?.tablet]),f=t.useMemo(()=>{if(p&&l?.[a]==="top")return"40px"},[a,p,l]),g=t.useMemo(()=>{let e=e=>"after-first-cart-button"!==e||u?"block":"none";return{"--d":e(i),"--d-tablet":e(r??i),"--d-mobile":e(b??r??i)}},[i,r,b,u]),v=t.useMemo(()=>({"--top":f??"auto","--top-tablet":f??"auto","--top-mobile":f??"auto",[`--${l?.desktop}`]:f??"0px",[`--${l?.tablet??l?.desktop}-tablet`]:f??"0px",[`--${l?.mobile??l?.tablet??l?.desktop}-mobile`]:f??"0px"}),[f,l?.desktop,l?.mobile,l?.tablet]),x=e=>"top"==e?"sticky":"fixed",M=t.useMemo(()=>({"--pos":x(l?.desktop),"--pos-tablet":x(l?.tablet??l?.desktop),"--pos-mobile":x(l?.mobile??l?.tablet??l?.desktop)}),[l?.desktop,l?.mobile,l?.tablet]);return t.useEffect(()=>{if(!m)return;let e=new IntersectionObserver(([e])=>{if(!e)return;let t=e.isIntersecting,o=e.boundingClientRect.top<=0;d(t||o)});e.observe(m);let t=null,o=new ResizeObserver(()=>{t&&clearTimeout(t),t=setTimeout(()=>{let e=m.getBoundingClientRect(),t=e.top<window.innerHeight&&e.bottom>0,o=e.top<=0;d(t||o)},100)});return o.observe(m),()=>{e.disconnect(),o.disconnect(),t&&clearTimeout(t)}},[m]),{w:n,displayStyle:v,positionStyle:M,getCSSAlign:k,makeDisplaySettingStyles:g}};

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

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Layout",controls:[{setting:{id:"position"},layout:"vertical"}]},{label:"Size",controls:[{setting:{id:"width"},label:"Width"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{type:"custom",top:"16px",bottom:"16px",left:"24px",right:"24px"}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"setting",controlType:"setting",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}}}]},{label:"Display option",controls:[{label:"Condition",setting:{id:"display"}}]}];
+"use strict";exports.SettingUIV2=[{label:"Layout",controls:[{setting:{id:"position"},layout:"vertical"}]},{label:"Size",hiddenOnMobile:!0,controls:[{setting:{id:"width"},label:"Width"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{type:"custom",top:"16px",bottom:"16px",left:"24px",right:"24px"}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"setting",controlType:"setting",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}}}]},{label:"Display option",controls:[{label:"Condition",setting:{id:"display"}}]}];

package/dist/cjs/stock-counter/common/classes.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core");exports.getContainerClasses=s=>{let{progressBarPosition:o="bottom"}=s??{},t="bottom"===o;return{...e.composeClasses("gp-inline-block gp-flex"),"gp-flex-col":t,"gp-flex-col-reverse":!t}},exports.getIconClasses=()=>({...e.composeClasses("[&>svg]:!gp-h-[var(--w)] [&>svg]:!gp-w-auto tablet:[&>svg]:!gp-h-[var(--w-tablet)] mobile:[&>svg]:!gp-h-[var(--w-mobile)]")}),exports.getLiquidTagClasses=s=>({...e.composeClasses("gp-product-stock-counter data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...e.composeClasses(s?.cssClass)}),exports.getOuterIconClasses=()=>({...e.composeClasses("gp-shrink-0 ")}),exports.getProgressBarClasses=s=>{let{effect:o}=s??{},t=o?e.composeClasses("before:gp-absolute before:gp-left-0 before:gp-h-full before:gp-w-full before:gp-animate-shift before:gp-content-[''] before:gp-bg-stock-counter-animate before:gp-bg-[length:60px_100%] before:gp-shadow-stock-counter"):{};return{...e.composeClasses("gp-sc-progress-bar gp-relative gp-w-full -gp-scale-100 !gp-bg-[length:200%] gp-mt-2"),...t}},exports.getTextClasses=s=>{let{typo:o}=s??{},t=e.composeTypographyClassName(o,s?.typography);return{...e.composeClasses(t)}},exports.getWrapperClasses=(s,o)=>{let{hiddenCounterWhenOutOfStock:t}=s??{};return{...e.composeClasses("gp-flex"),"gp-opacity-50":o&&t}},exports.getWrapperIconClasses=s=>{let{iconPosition:o="left"}=s??{};return{...e.composeClasses("gp-flex gp-items-baseline gp-gap-x-1"),"gp-flex-row":"left"===o,"gp-flex-row-reverse gp-justify-end":"right"===o}};
+"use strict";var e=require("@gem-sdk/core");exports.getContainerClasses=s=>{let{progressBarPosition:o="bottom"}=s??{},p="bottom"===o;return{...e.composeClasses("gp-inline-block gp-flex"),"gp-flex-col":p,"gp-flex-col-reverse":!p}},exports.getIconClasses=()=>({...e.composeClasses("[&>svg]:!gp-h-[var(--w)] [&>svg]:!gp-w-auto tablet:[&>svg]:!gp-h-[var(--w-tablet)] mobile:[&>svg]:!gp-h-[var(--w-mobile)]")}),exports.getLiquidTagClasses=s=>({...e.composeClasses("gp-product-stock-counter data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...e.composeClasses(s?.cssClass)}),exports.getOuterIconClasses=()=>({...e.composeClasses("gp-shrink-0 ")}),exports.getProgressBarClasses=s=>{let{effect:o}=s??{},p=o?e.composeClasses("before:gp-absolute before:gp-left-0 before:gp-h-full before:gp-w-full before:gp-animate-shift before:gp-content-[''] before:gp-bg-stock-counter-animate before:gp-bg-[length:60px_100%] before:gp-shadow-stock-counter"):{};return{...e.composeClasses("gp-sc-progress-bar gp-relative gp-w-full -gp-scale-100 !gp-bg-[length:200%] gp-mt-2"),...p}},exports.getTextClasses=s=>{let{typo:o}=s??{},p=e.composeTypographyClassName(o,s?.typography);return{...e.composeClasses(p),"!gp-whitespace-normal gp-min-w-4":!0}},exports.getWrapperClasses=(s,o)=>{let{hiddenCounterWhenOutOfStock:p}=s??{};return{...e.composeClasses("gp-flex"),"gp-opacity-50":o&&p}},exports.getWrapperIconClasses=s=>{let{iconPosition:o="left"}=s??{};return{...e.composeClasses("gp-flex gp-items-baseline gp-gap-x-1"),"gp-flex-row":"left"===o,"gp-flex-row-reverse gp-justify-end":"right"===o}};

package/dist/cjs/stock-counter/components/StockCounter.liquid.js

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../helpers.js"),s=require("../common/helpers.js"),a=require("../common/classes.js"),i=require("../common/styles.js"),r=require("../common/attrs.js"),l=require("@gem-sdk/system"),c=require("../settings/configs/translate.js");exports.default=({setting:o,styles:d,style:n,advanced:g,builderProps:u,pageContext:p})=>{let{borderRadius:$}=d??{},{showIcon:y,icon:S,oosIcon:v,layout:m="full",template:C,outOfStockMessage:I,continueSelling:k,unlimitedQuantityMessage:f}=o??{},q=s.getInlineCss(u?.uid,$),L=t.getDynamicSourceLocales({val:C,uid:u?.uid,settingId:t.createSettingId({id:c.StockCounter?.template?.id}),pageContext:p,isReplaceInventoryQuantity:!0}),b=t.getDynamicSourceLocales({val:I,uid:u?.uid,settingId:t.createSettingId({id:c.StockCounter?.outOfStockMessage?.id}),pageContext:p}),O=t.getDynamicSourceLocales({val:k,uid:u?.uid,settingId:t.createSettingId({id:c.StockCounter?.continueSelling?.id}),pageContext:p}),A=t.getDynamicSourceLocales({val:f,uid:u?.uid,settingId:t.createSettingId({id:c.StockCounter?.unlimitedQuantityMessage?.id}),pageContext:p}),_=l.createAttr({...r.getLiquidTagAttrs(u,o,d)}),j=l.createClass({...e.composeClasses("gp-stock-counter-progress gp-mt-2 data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...a.getProgressBarClasses(d)}),D=l.createStyle({...i.getProgressBarStyles(d,o)}),T=l.createStyle({...i.getContainerStyles(d)}),x=l.createClass({...a.getContainerClasses(o)}),P=l.createClass({...a.getLiquidTagClasses(g)}),R=l.createStyle({...n}),h=l.createStyle({...i.getWrapperStyles(d)}),E=s.getLiquidInitData(o,d),V=s.getLiquidTextContent({templateStringDisplay:L,outOfStockMessageDisplay:b,continueSellingDisplay:O,unlimitedQuantityMessageDisplay:A}),M=l.createClass({...a.getWrapperIconClasses(o)}),B=l.createClass({...e.composeClasses("gp-stock-counter-icon data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...a.getIconClasses(),...a.getOuterIconClasses()}),W=l.createClass({...a.getWrapperClasses(o)}),G=e=>l.createStyle({...i.getIconStyles(d,o,e)}),Q=({isOutOfStockIcon:e,isVisible:t})=>l.createAttr({...r.getIconAttrs(e,t)}),N=l.createAttr({...r.getLiquidProgressBarAttrs()}),U=l.createClass({...a.getTextClasses(d),...e.composeClasses("gp-stock-counter-mark")}),w=e=>l.createStyle({...i.getTextStyles(d,e)}),z=l.createAttr({...r.getLiquidTextAttrs()}),F=s.getTextDisplayData({templateStringDisplay:L,outOfStockMessageDisplay:b,continueSellingDisplay:O,unlimitedQuantityMessageDisplay:A},d);return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../helpers.js"),s=require("../common/helpers.js"),a=require("../common/classes.js"),i=require("../common/styles.js"),r=require("../common/attrs.js"),l=require("@gem-sdk/system"),c=require("../settings/configs/translate.js");exports.default=({setting:o,styles:d,style:n,advanced:u,builderProps:g,pageContext:p})=>{let{borderRadius:$}=d??{},{showIcon:y,icon:S,oosIcon:v,layout:m="full",template:C,outOfStockMessage:I,continueSelling:k,unlimitedQuantityMessage:f}=o??{},q=s.getInlineCss(g?.uid,$),L=t.getDynamicSourceLocales({val:C,uid:g?.uid,settingId:t.createSettingId({id:c.StockCounter?.template?.id}),pageContext:p,isReplaceInventoryQuantity:!0}),b=t.getDynamicSourceLocales({val:I,uid:g?.uid,settingId:t.createSettingId({id:c.StockCounter?.outOfStockMessage?.id}),pageContext:p}),O=t.getDynamicSourceLocales({val:k,uid:g?.uid,settingId:t.createSettingId({id:c.StockCounter?.continueSelling?.id}),pageContext:p}),A=t.getDynamicSourceLocales({val:f,uid:g?.uid,settingId:t.createSettingId({id:c.StockCounter?.unlimitedQuantityMessage?.id}),pageContext:p}),T=l.createAttr({...r.getLiquidTagAttrs(g,o,d)}),x=l.createClass({...e.composeClasses("gp-stock-counter-progress gp-mt-2 data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...a.getProgressBarClasses(d)}),_=l.createStyle({...i.getProgressBarStyles(d,o)}),j=l.createStyle({...i.getContainerStyles(d)}),D=l.createClass({...a.getContainerClasses(o)}),P=l.createClass({...a.getLiquidTagClasses(u)}),R=l.createStyle({...n}),h=l.createStyle({...i.getWrapperStyles(d)}),E=s.getLiquidInitData(o,d),V=s.getLiquidTextContent({templateStringDisplay:L,outOfStockMessageDisplay:b,continueSellingDisplay:O,unlimitedQuantityMessageDisplay:A}),M=l.createClass({...a.getWrapperIconClasses(o)}),B=l.createClass({...e.composeClasses("gp-stock-counter-icon data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...a.getIconClasses(),...a.getOuterIconClasses()}),W=l.createClass({...a.getWrapperClasses(o)}),G=e=>l.createStyle({...i.getIconStyles(d,o,e)}),Q=({isOutOfStockIcon:e,isVisible:t})=>l.createAttr({...r.getIconAttrs(e,t)}),N=l.createAttr({...r.getLiquidProgressBarAttrs()}),U=l.createClass({...a.getTextClasses(d),...e.composeClasses("gp-stock-counter-mark")}),w=e=>l.createStyle({...i.getTextStyles(d,e)}),z=l.createAttr({...r.getLiquidTextAttrs()}),F=s.getTextDisplayData({templateStringDisplay:L,outOfStockMessageDisplay:b,continueSellingDisplay:O,unlimitedQuantityMessageDisplay:A},d);return e.template`
     ${E}
-    <gp-product-stock-counter ${{..._}} class="${P}"
+    <gp-product-stock-counter ${{...T}} class="${P}"
       style="${R}">
       <div class="${W}" style="${h}">
       <style>${q}</style>
         <div
-          class="${x}"
-          style="${T}"
+          class="${D}"
+          style="${j}"
         >
           <div class="${M}">
             ${e.RenderIf(y,e.template`
@@ -40,19 +40,22 @@
                 </div>`)}
             `)}
             ${F}
+            {% capture liquidTextContent %}
+              ${V}
+            {% endcapture %}
             ${e.RenderIf("progress-bar"!==m,e.template`
               ${l.LiquidIf("is_out_of_stock",e.template`<p
                 ${{...z}}
                 class="${U}"
                 style="${w(!0)}"
               >
-                ${V}
+                {{ liquidTextContent }}
               </p>`,e.template`<p
                 ${{...z}}
                 class="${U}"
                 style="${w(!1)}"
               >
-                ${V}
+                {{ liquidTextContent }}
               </p>`)}
               `)}
 
@@ -60,8 +63,8 @@
 
           <div
             ${{...N}}
-            style="${D}"
-            class="${j}"
+            style="${_}"
+            class="${x}"
           ></div>
         </div>
         </div>

package/dist/cjs/stock-counter/settings/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"layout",controls:[{setting:{id:"layout"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"displayProgressBar",newValue:!0,groupType:"style",controlType:"style"},source:["layout"],condition:"layout !== 'icon-and-text' && layout !== 'text-only'"},{action:{controlId:"displayProgressBar",newValue:!1,groupType:"style",controlType:"style"},source:["layout"],condition:"layout === 'icon-and-text' || layout === 'text-only'"},{action:{controlId:"showIcon",newValue:!0,groupType:"setting",controlType:"setting"},source:["layout"],condition:"layout === 'full' || layout === 'icon-and-text'"},{action:{controlId:"showIcon",newValue:!1,groupType:"setting",controlType:"setting"},source:["layout"],condition:"layout === 'text-and-progress-bar' || layout === 'progress-bar' || layout === 'text-only'"}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Progress bar",setting:{id:"displayProgressBar"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"displayProgressBar == true",label:"Percentage left",setting:{id:"remainingPercentage"}},{conditionDisplay:"displayProgressBar == true",label:"Color",setting:{id:"color"}},{conditionDisplay:"displayProgressBar == true",label:"Effect",setting:{id:"effect"}}],moreSettings:{type:"collapse",controls:[{conditionDisplay:"displayProgressBar == true",label:"Height",setting:{id:"progressBarHeight"}},{conditionDisplay:"displayProgressBar == true",label:"Position",setting:{id:"progressBarPosition"}},{conditionDisplay:"displayProgressBar == true",label:"Corner",setting:{id:"borderRadius"}}]}},{controls:[{label:"Icon",setting:{id:"showIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",conditionDisplay:"showIcon == true",setting:{id:"icon"},layout:"horizontal"},{label:"Size",conditionDisplay:"showIcon == true",setting:{id:"iconSize"},layout:"horizontal"},{conditionDisplay:"showIcon == true",label:"Color",setting:{id:"iconColor"}},{label:"Position",conditionDisplay:"showIcon == true",setting:{id:"iconPosition"},layout:"horizontal"}]},{label:"Size",controls:[{label:"Width",setting:{id:"width"}}]},{label:"Text",controls:[{label:"Content",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"template",isHideClear:!0,controls:[{label:"Content",setting:{id:"template"},layout:"vertical"}]},{setting:{id:"typo"},layout:"vertical"}]},{label:"Out of stock state",controls:[{label:"Action",setting:{id:"hiddenCounterWhenOutOfStock"}},{label:"Icon",setting:{id:"oosIcon"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Content",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"outOfStockMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"outOfStockMessage"},layout:"vertical"}],conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Icon color",setting:{id:"oosIconColor"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Text color",setting:{id:"oosTextColor"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"}]},{label:"Message",controls:[{label:"Sell when OOS",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"continueSelling",isHideClear:!0,popoverLabel:"Out of stock sell",controls:[{label:"Content",setting:{id:"continueSelling"},layout:"vertical"}]},{label:"Unlimited stock",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"unlimitedQuantityMessage",isHideClear:!0,popoverLabel:"Unlimited quantity",controls:[{label:"Content",setting:{id:"unlimitedQuantityMessage"},layout:"vertical"}]}]},{label:"Display option",controls:[{label:"Display",setting:{id:"displayByDefault"}},{label:"Stock",conditionDisplay:"displayByDefault == false",setting:{id:"scarcityThreshold"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"alignment"},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:"layout"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"displayProgressBar",newValue:!0,groupType:"style",controlType:"style"},source:["layout"],condition:"layout !== 'icon-and-text' && layout !== 'text-only'"},{action:{controlId:"displayProgressBar",newValue:!1,groupType:"style",controlType:"style"},source:["layout"],condition:"layout === 'icon-and-text' || layout === 'text-only'"},{action:{controlId:"showIcon",newValue:!0,groupType:"setting",controlType:"setting"},source:["layout"],condition:"layout === 'full' || layout === 'icon-and-text'"},{action:{controlId:"showIcon",newValue:!1,groupType:"setting",controlType:"setting"},source:["layout"],condition:"layout === 'text-and-progress-bar' || layout === 'progress-bar' || layout === 'text-only'"}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Progress bar",setting:{id:"displayProgressBar"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"displayProgressBar == true",label:"Percentage left",setting:{id:"remainingPercentage"}},{conditionDisplay:"displayProgressBar == true",label:"Color",setting:{id:"color"}},{conditionDisplay:"displayProgressBar == true",label:"Effect",setting:{id:"effect"}}],moreSettings:{type:"collapse",controls:[{conditionDisplay:"displayProgressBar == true",label:"Height",setting:{id:"progressBarHeight"}},{conditionDisplay:"displayProgressBar == true",label:"Position",setting:{id:"progressBarPosition"}},{conditionDisplay:"displayProgressBar == true",hiddenOnMobile:!0,label:"Corner",setting:{id:"borderRadius"}}]}},{hiddenOnMobile:!0,controls:[{label:"Icon",setting:{id:"showIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",conditionDisplay:"showIcon == true",setting:{id:"icon"},layout:"horizontal"},{label:"Size",conditionDisplay:"showIcon == true",setting:{id:"iconSize"},layout:"horizontal"},{conditionDisplay:"showIcon == true",label:"Color",setting:{id:"iconColor"}},{label:"Position",conditionDisplay:"showIcon == true",setting:{id:"iconPosition"},layout:"horizontal"}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",setting:{id:"width"}}]},{label:"Text",controls:[{label:"Content",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"template",isHideClear:!0,controls:[{label:"Content",setting:{id:"template"},layout:"vertical"}]},{setting:{id:"typo"},layout:"vertical"}]},{label:"Out of stock state",controls:[{label:"Action",setting:{id:"hiddenCounterWhenOutOfStock"}},{label:"Icon",setting:{id:"oosIcon"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Content",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"outOfStockMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"outOfStockMessage"},layout:"vertical"}],conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Icon color",setting:{id:"oosIconColor"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Text color",setting:{id:"oosTextColor"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"}]},{label:"Message",controls:[{label:"Sell when OOS",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"continueSelling",isHideClear:!0,popoverLabel:"Out of stock sell",controls:[{label:"Content",setting:{id:"continueSelling"},layout:"vertical"}]},{label:"Unlimited stock",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"unlimitedQuantityMessage",isHideClear:!0,popoverLabel:"Unlimited quantity",controls:[{label:"Content",setting:{id:"unlimitedQuantityMessage"},layout:"vertical"}]}]},{label:"Display option",controls:[{label:"Display",setting:{id:"displayByDefault"}},{label:"Stock",conditionDisplay:"displayByDefault == false",setting:{id:"scarcityThreshold"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"alignment"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];

package/dist/cjs/tab/components/Tabs.liquid.js

@@ -1,12 +1,13 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../helpers.js"),s=require("@gem-sdk/system"),a=require("../common/attrs.js"),l=require("../../text/components/Text.liquid.js"),i=require("../settings/configs/translate.js"),r=require("../common/styles.js"),c=require("../common/classes.js");exports.default=d=>{let{builderProps:n,style:p,setting:o,advanced:g,rawChildren:u}=d;delete o?.labelTypoV2?.attrs?.color;let{cssClass:y}=g??{},{panelWidth:C,childItem:m,labelAlign:v,labelTypo:$,labelTypoV2:S}=o??{},b=s.createStateOrContext({setting:o,builderProps:n}),h=void 0;o&&!o?.labelWidth&&(o.labelWidth={desktop:"200px"});let x=s.createAttr({...a.getAttr({uid:n?.uid||""})}),T=s.createStyle({...r.getStyleWrapper({setting:o,style:p,uid:n?.uid,pageContext:d.pageContext??{},type:"Liquid"})}),f=s.createClass({...c.getClassesWrapper({builderProps:n,advancedCssClass:y})}),q=s.createClass({...c.getContainClasses({setting:o})}),A=c.getStyleTagClasses({panelWidth:C,builderProps:n}),j=s.createClass({...c.getTabParentListClasses()}),I=s.createStyle({...r.getTabParentListStyle(o)}),L=s.createClass({...c.getTabListClasses({setting:o})}),P=s.createStyle({...r.getTabListStyle(o)}),k=e=>s.createClass({...c.getItemClasses({setting:o,isNotLiquid:!1,isActive:e,currentDevice:h})}),K=e=>s.createStyle({...r.getItemStyle(o,e)}),W=s.createClass({...c.getWrapperContentClasses()}),E=s.createClass({...c.getContainContentClasses()}),R=s.createStyle({...r.getContainContentStyle()}),N=s.createAttr({...a.getAttrContent({uid:n?.uid||""})}),O=s.createClass({...c.getTextClasses()});return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../helpers.js"),s=require("@gem-sdk/system"),a=require("../common/attrs.js"),l=require("../../text/components/Text.liquid.js"),i=require("../settings/configs/translate.js"),r=require("../common/styles.js"),c=require("../common/classes.js");exports.default=d=>{let{builderProps:n,style:p,setting:o,advanced:g,rawChildren:y}=d;delete o?.labelTypoV2?.attrs?.color;let{cssClass:u}=g??{},{panelWidth:C,childItem:m,labelAlign:v,labelTypo:$,labelTypoV2:S}=o??{},b=s.createStateOrContext({setting:o,builderProps:n}),h=void 0;o&&!o?.labelWidth&&(o.labelWidth={desktop:"200px"});let x=s.createAttr({...a.getAttr({uid:n?.uid||""})}),T=s.createStyle({...r.getStyleWrapper({setting:o,style:p,uid:n?.uid,pageContext:d.pageContext??{},type:"Liquid"})}),f=s.createClass({...c.getClassesWrapper({builderProps:n,advancedCssClass:u})}),j=s.createClass({...c.getContainClasses({setting:o})}),q=c.getStyleTagClasses({panelWidth:C,builderProps:n}),A=s.createClass({...c.getTabParentListClasses()}),I=s.createStyle({...r.getTabParentListStyle(o)}),L=s.createClass({...c.getTabListClasses({setting:o})}),P=s.createStyle({...r.getTabListStyle(o)}),k=e=>s.createClass({...c.getItemClasses({setting:o,isNotLiquid:!1,isActive:e,currentDevice:h})}),K=e=>s.createStyle({...r.getItemStyle(o,e)}),W=s.createClass({...c.getWrapperContentClasses()}),E=s.createClass({...c.getContainContentClasses()}),R=s.createStyle({...r.getContainContentStyle()}),N=s.createAttr({...a.getAttrContent({uid:n?.uid||""})}),O=s.createClass({...c.getTextClasses()});return e.template`
     <gp-tab
       ${{...x}}
       style="${T}"
       class="${f}"
-      gp-data='${JSON.stringify(b)?.replaceAll("'","&#039;")}'>
-        <style>${A}</style>
-        <div class="${q}">
-          <div class="${j}" style="${I}">
+    >
+      <script gp-data type="application/json">${JSON.stringify(b)?.replaceAll("'","&#039;")}</script>
+        <style>${q}</style>
+        <div class="${j}">
+          <div class="${A}" style="${I}">
             <ul class="${L}" style="${P}">
               ${m?.map(e=>e?.replaceAll("'","&#039;"))?.map((s,a)=>{let r=(o?.activeKey??0)<0||(o?.activeKey??0)>=(o?.childItem??[]).length?0===a:a===o?.activeKey,c=t.getDynamicSourceLocales({val:s,uid:n?.uid,settingId:t.createSettingId({id:i.Tabs?.childItem?.id,index:a}),pageContext:d.pageContext??{},isCapitalize:o?.labelTypoV2?.attrs?.transform==="capitalize"});return e.template`
       <li
@@ -27,7 +28,7 @@
               class="${E}"
               style="${R}"
             >
-              ${e.WrapRenderChildren({uid:n?.uid||"",customProps:u?.[0].customProps},u?.map((t,s)=>{let a=(o?.activeKey??0)<0||(o?.activeKey??0)>=(o?.childItem??[]).length?0===s:s===o?.activeKey;return t?e.template`${e.RenderChildren({...t,parentUid:n?.uid,isActive:a})}`:""}))}
+              ${e.WrapRenderChildren({uid:n?.uid||"",customProps:y?.[0].customProps},y?.map((t,s)=>{let a=(o?.activeKey??0)<0||(o?.activeKey??0)>=(o?.childItem??[]).length?0===s:s===o?.activeKey;return t?e.template`${e.RenderChildren({...t,parentUid:n?.uid,isActive:a})}`:""}))}
             </div>
           </div>
         </div>

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/text/components/Text.liquid.js

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("@gem-sdk/system"),s=require("../common/attrs.js"),r=require("../common/styles.js"),l=require("../common/classes.js"),a=require("../common/helpers.js");exports.default=({id:i,styles:o,builderAttrs:c,style:n,setting:u,advanced:y,builderProps:g,className:d,isText:p,pageContext:m,translateSetting:$,elementAttrs:x})=>{let{htmlTag:q="div",excludeFlex:C}=u??{},v=t.createAttr({...i&&{id:i},...s.getAttr({uid:g?.uidInteraction??g?.uid??""}),...c}),j=t.createAttr({...s.getTextAttr(),...x}),S=t.createStyle({...r.getStyle(o,n)}),T=t.createStyle({...r.getContainerStyle(o,u)}),A=t.createStyle({...r.getTextStyle({styles:o,setting:u,builderProps:g,pageContext:m??{},type:"Liquid"})}),f=t.createClass({...l.getClasses({setting:u,advanced:y,builderProps:g})}),_=t.createClass({"gp-flex":!C}),h=t.createClass({...l.getTextClasses({styles:o,setting:u,className:d}),...p&&{"gp-text":!0}}),k=a.getDisplayText({type:"Liquid",styles:o,setting:u,builderProps:g,pageContext:m??{},translateSetting:$}),L=t.createContent(k);return e.template`
     {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
     <div ${{...v}}
-        class="${f}"
-        style="${S}"
-      >
+      class="${f}"
+      style="${S}"
+    >
       <div class="${_}" style="${T}">
         <${q}
           ${{...j}}

package/dist/cjs/text/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const t=e(()=>Promise.resolve().then(function(){return require("./components/Text.js")}),{loading:r.default});exports.default={Text:t};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e={Text:require("./components/Text.js").default};exports.default=e;