@gem-sdk/components 17.0.0-dev.9 → 17.0.0-dev.92

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

@@ -1 +1 @@
-import{ImageListNavigation as i}from"./ui/ImageListNavigation.js";import{FeatureNavigation as o}from"./ui/FeatureNavigation.js";import{FeatureDots as t}from"./ui/FeatureDots.js";let e='((type == "slider" || position == "left" || position == "right") && position !== "one-col" && position != "two-col")',l='(["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position))',n=[{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:l,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"}},{...t,conditionDisplay:`${l} && position === "only-feature"`},{...o,conditionDisplay:`${l}`}],moreSettings:{type:"collapse",controls:[{label:"Corner",setting:{id:"ftCorner"}},{type:"combo",label:"Hover action",conditionDisplay:l,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:l,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",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,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",conditionDisplay:'["bottom-center", "left", "right", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Display condition",conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:"Default item",setting:{id:"preDisplay"}}]},{label:"Optimize LCP",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:" ",conditionDisplay:'qualityType == "custom" && preload === false',setting:{id:"qualityPercent"}}]},{controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary"}}]}];export{n as SettingUIV2};
+import{ImageListNavigation as i}from"./ui/ImageListNavigation.js";import{FeatureNavigation as o}from"./ui/FeatureNavigation.js";import{FeatureDots as t}from"./ui/FeatureDots.js";let 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,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"}},{...t,hiddenOnMobile:!0,conditionDisplay:`${n} && position === "only-feature"`},{...o,hiddenOnMobile:!0,conditionDisplay:`${n}`}],moreSettings:{type:"collapse",controls:[{label:"Corner",hiddenOnMobile:!0,setting:{id:"ftCorner"}},{type:"combo",label:"Hover action",conditionDisplay:n,hiddenOnMobile:!0,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",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,hiddenOnMobile:!0,conditionDisplay:e}],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")',hiddenOnMobile:!0,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",conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:"Default item",setting:{id:"preDisplay"}}]},{label:"Optimize LCP",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:" ",conditionDisplay:'qualityType == "custom" && preload === false',setting:{id:"qualityPercent"}}]},{hiddenOnMobile:!0,controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary"}}]}];export{l as SettingUIV2};

package/dist/esm/product/settings/product-image-v3/configs/setting-v2/ProductFeatureImage.js

@@ -1,2 +1,2 @@
 import{CAROUSEL_ANIMATION as e}from"../../../../../carousel-v3/plugins/animation.js";let t=e=>({desktop:{default:e}}),l=[{id:"hoverEffect",label:"Hover Effect",type:"select",hide:!0,hideOnMode:{mobileOnly:!0},options:[{title:"Zoom",value:"zoom"},{title:"Show other image",value:"other"}],default:"none"},{id:"zoomType",type:"option:value",label:"Zoom Type",hide:!0,default:"default",hideOnMode:{mobileOnly:!0},options:[{label:"Default",value:"default"},{label:"Glasses",value:"glasses"}]},{id:"zoom",type:"input:slider",label:"Zoom Value",min:100,max:200,step:10,default:150,units:["%"],showDefaultUnit:!0,useOnlyUnitInit:!0,isNumber:!0},{id:"otherImage",label:"Other image",type:"dropdown:input",isNumber:!0,isIndexValue:!0,displayOptions:[{label:"Image 1",value:1},{label:"Image 2",value:2},{label:"Image 3",value:3},{label:"Image 4",value:4},{label:"Last image",value:"Last image"}],default:1},{id:"ftClickOpenLightBox",label:"Click Effect",type:"select",options:[{title:"Open gallery",value:"popup"},{title:"Open product",value:"product-link"}],devices:t("none")},{id:"ftClickOpenNewTab",type:"option:value",options:[{label:"Yes",value:!0},{label:"No",value:!1}],default:!1},{id:"ftNavigationPosition",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:t("none")},{id:"ftLoop",type:"toggle",devices:t(!0)},{id:"ftPauseOnHover",label:"Pause On Hover",type:"toggle",hide:!0,default:!0},{id:"ftAnimationSpeed",label:"Slide speed",type:"input:slider",useOnlyUnitInit:!0,min:100,max:5e3,step:50,units:["ms"],showDefaultUnit:!0,isNumber:!0,default:500},{id:"ftAnimationMode",label:"Animation",type:"select",default:e.EASE_OUT.value,options:[{label:"Ease in",value:e.EASE_IN.value},{label:"Ease out",value:e.EASE_OUT.value},{label:"Ease in out",value:e.EASE_IN_OUT.value}]},{id:"ftArrowIcon",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:"ftArrowIconColor",label:"Icon color",type:"color-picker-v2",default:"text-1"},{id:"ftArrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:16}}},{id:"ftDragToScroll",label:"Drag to scroll",type:"toggle",hide:!0,default:!0},{id:"ftArrowNavColor",label:"Nav. color",type:"color-picker-v2",default:"bg-3",compoDefaultValue:"bg-3"},{id:"ftArrowNavSize",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:"ftArrowNavBorder",label:"Nav. border",type:"border",compoDefaultValue:{color:"line-3",borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},{id:"ftArrowNavRadius",label:"Nav. corner",type:"radius-preset",default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}},{id:"ftArrowNavShadow",type:"shadow-v2"},{id:"ftDotStyle",label:"Dot style",type:"option:illustration",enableTooltip:!0,options:[{label:"None",value:"none",type:"carousel-dot",hide:!0},{label:"Inside",value:"inside",type:"carousel-dot",svgName:"gp-carousel-dot-inside"},{label:"Outside",value:"outside",type:"carousel-dot",svgName:"gp-carousel-dot-outside"}],devices:{desktop:{default:"none"}}},{id:"ftDotSize",label:"Dots size",type:"input:stepper",min:1,devices:{desktop:{default:16}}},{id:"ftDotGapToCarousel",label:"Gap to carousel",type:"input:slider",min:0,max:80,isNumber:!0,ignoreMax:!0,devices:{desktop:{default:16}}},{id:"ftDotColor",label:"Dot color",type:"color-picker-v2",devices:{desktop:{default:"#121212"}}},{id:"ftDotActiveColor",label:"Dot color active",type:"color-picker-v2",devices:{desktop:{default:"#FFFFFF"}}}],a=[{id:"typeDisplay",type:"select",options:[{title:"All images",value:"all-images"},{title:"Select manually",value:"select-manual"}],default:"all-images"},{id:"preDisplay",type:"select",label:"Pre-display",default:"1st-available-variant",options:[{title:"1st available variant",value:"1st-available-variant"},{title:"1st image",value:"1st-images"},{title:"1st video",value:"1st-video"},{title:"1st 3D model",value:"1st-3d-mode"}]}],i=[{id:"ftShape",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:"ftLayout",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:t("cover")},{id:"ftCorner",type:"radius-preset",label:"Corner",default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},state:{hover:!0,normal:!0}}];export{l as productFeatureImageSetting,i as productFeatureImageStyle,a as productSelectDisplaySetting};
+              <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:"ftArrowIconColor",label:"Icon color",type:"color-picker-v2",default:"text-1"},{id:"ftArrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:16}}},{id:"ftDragToScroll",label:"Drag to scroll",type:"toggle",hide:!0,default:!0},{id:"ftArrowNavColor",label:"Nav. color",type:"color-picker-v2",default:"bg-3",compoDefaultValue:"bg-3"},{id:"ftArrowNavSize",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:"ftArrowNavBorder",label:"Nav. border",type:"border",compoDefaultValue:{color:"line-3",borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},{id:"ftArrowNavRadius",label:"Nav. corner",type:"radius-preset",default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}},{id:"ftArrowNavShadow",type:"shadow-v2"},{id:"ftDotStyle",label:"Dot style",type:"option:illustration",enableTooltip:!0,options:[{label:"None",value:"none",type:"carousel-dot",hide:!0},{label:"Inside",value:"inside",type:"carousel-dot",svgName:"gp-carousel-dot-inside"},{label:"Outside",value:"outside",type:"carousel-dot",svgName:"gp-carousel-dot-outside"}],devices:{desktop:{default:"none"}}},{id:"ftDotSize",label:"Dots size",type:"input:stepper",min:1,devices:{desktop:{default:12}}},{id:"ftDotGapToCarousel",label:"Gap to carousel",type:"input:slider",min:0,max:80,isNumber:!0,ignoreMax:!0,devices:{desktop:{default:16}}},{id:"ftDotColor",label:"Dot color",type:"color-picker-v2",devices:{desktop:{default:"bg-1"}}},{id:"ftDotActiveColor",label:"Dot color active",type:"color-picker-v2",devices:{desktop:{default:"line-3"}}}],a=[{id:"typeDisplay",type:"select",options:[{title:"All images",value:"all-images"},{title:"Select manually",value:"select-manual"}],default:"all-images"},{id:"preDisplay",type:"select",label:"Pre-display",default:"1st-available-variant",options:[{title:"1st available variant",value:"1st-available-variant"},{title:"1st image",value:"1st-images"},{title:"1st video",value:"1st-video"},{title:"1st 3D model",value:"1st-3d-mode"}]}],i=[{id:"ftShape",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:"ftLayout",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:t("cover")},{id:"ftCorner",type:"radius-preset",label:"Corner",default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},state:{hover:!0,normal:!0}}];export{l as productFeatureImageSetting,i as productFeatureImageStyle,a as productSelectDisplaySetting};

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

@@ -1,2 +1,2 @@
-let 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}}];export{i as productGalleryImageSetting,t as productGalleryImageStyle};
+let 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}}];export{i as productGalleryImageSetting,t as productGalleryImageStyle};

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

@@ -1 +1 @@
-import{ImageListNavigation as i}from"./ui/ImageListNavigation.js";import{FeatureNavigation as t}from"./ui/FeatureNavigation.js";import{FeatureDots as o}from"./ui/FeatureDots.js";let 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,conditionDisplay:`${n} && position === "only-feature"`},{...t,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,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"}}]}];export{l as SettingUIV2};
+import{ImageListNavigation as i}from"./ui/ImageListNavigation.js";import{FeatureNavigation as o}from"./ui/FeatureNavigation.js";import{FeatureDots as t}from"./ui/FeatureDots.js";let 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,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"}},{...t,hiddenOnMobile:!0,conditionDisplay:`${n} && position === "only-feature"`},{...o,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,hiddenOnMobile:!0,conditionDisplay:e}],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: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",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",setting:{id:"align"},options:{labelVariant:"primary"}}]}];export{l as SettingUIV2};

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

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

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

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

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

@@ -1 +1 @@
-let e=[{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"}}]}];export{e as SettingUIV2};
+let e=[{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"}}]}];export{e as SettingUIV2};

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

@@ -1 +1 @@
-let t=[{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%"}}]}];export{t as SettingUIV2};
+let t=[{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%"}}]}];export{t as SettingUIV2};

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

@@ -1 +1 @@
-let t=[{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"}}]}];export{t as SettingUIV2};
+let t=[{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"}}]}];export{t as SettingUIV2};

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

@@ -1 +1 @@
-let o=[{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"}}]}];export{o as SettingUIV2};
+let o=[{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"}}]}];export{o as SettingUIV2};

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

@@ -1 +1 @@
-let e=[{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"}}]}];export{e as SettingUIV2};
+let e=[{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"}}]}];export{e as SettingUIV2};

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

@@ -1 +1 @@
-let e=[{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"}}]}];export{e as SettingUIV2};
+let e=[{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"}}]}];export{e as SettingUIV2};

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

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

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

@@ -1 +1 @@
-let o=[{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"}}]}];export{o as SettingUIV2};
+let o=[{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"}}]}];export{o as SettingUIV2};

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

@@ -1 +1 @@
-let t=[{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"}}]}];export{t as SettingUIV2};
+let t=[{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"}}]}];export{t as SettingUIV2};

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

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

package/dist/esm/text/next.js

@@ -1 +1 @@
-import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let m=o(()=>import("./components/Text.js"),{loading:t});var r={Text:m};export{r as default};
+import t from"./components/Text.js";var e={Text:t};export{e as default};

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

@@ -1 +1 @@
-let t=[{label:"Text style",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},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:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"16px",right:"16px",bottom:"16px",left:"16px",linked:!1}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeBoxShadow"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{t as SettingUIV2};
+let e=[{label:"Text style",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},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:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"16px",right:"16px",bottom:"16px",left:"16px",linked:!1}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeBoxShadow"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{e as SettingUIV2};

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

@@ -1,7 +1,7 @@
-import{makeStyleResponsive as t,template as a}from"@gem-sdk/core";let d=({setting:d,advanced:s})=>{let{align:i}=d??{};return a`
+import{makeStyleResponsive as t,template as d}from"@gem-sdk/core";let r=({setting:r,advanced:p})=>{let{align:c}=r??{};return d`
     <div
-      class="${s?.cssClass}"
-      style="${{...t("ta",i)}}"
+      class="${p?.cssClass}"
+      style="${{...t("ta",c)}}"
     >
       <div
       data-current-variant-id='{{ product.selected_or_first_available_variant.id }}'
@@ -10,5 +10,12 @@ import{makeStyleResponsive as t,template as a}from"@gem-sdk/core";let d=({settin
       class='bs-subscription-widget-block'
       data-product='{{ product | json | escape }}'
     ></div>
+    <script>
+      window.BS_SELECTORS = {
+        price: "gp-product-price[data-product-id='{{ product.id }}'] .gp-price.gp-money",
+        compare_at_price:
+          "gp-product-price[data-product-id='{{ product.id }}'] .gp-product-compare-price",
+      };
+    </script>
     </div>
-  `};export{d as default};
+  `};export{r as default};

package/dist/esm/third-party/components/EssentPreorderBackInStock.js

@@ -0,0 +1,2 @@
+'use client';
+import{jsx as r}from"react/jsx-runtime";import{makeStyleResponsive as e}from"@gem-sdk/core";import o from"./ThirdPartyPreview.js";import t from"../configs/EssentPreorderBackInStock.js";let s=({setting:s})=>r("div",{style:{...e("ta",s?.align)},children:r("div",{className:"gp-p-2",children:r(o,{setting:{label:"Essent Preorder Back in Stock",iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${t.logoUrl}">`}})})});export{s as default};

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

@@ -0,0 +1,8 @@
+import{makeStyleResponsive as e,template as s}from"@gem-sdk/core";let t=({setting:t,advanced:r})=>{let{align:a}=t??{};return s`
+    <div
+      class="${r?.cssClass}"
+      style="${{...e("ta",a)}}"
+    >
+      <div class="essential-preorder-gp-button-placement"></div>
+    </div>
+  `};export{t as default};

package/dist/esm/third-party/components/SubscribfySubscriptionsApp.js

@@ -0,0 +1,2 @@
+'use client';
+import{jsx as r,Fragment as i}from"react/jsx-runtime";import{makeStyleResponsive as p}from"@gem-sdk/core";import s from"./ThirdPartyPreview.js";import o from"../configs/SubscribfySubscriptionsApp.js";let e=()=>r(i,{children:r("div",{className:"gp-p-2",children:r(s,{setting:{label:"Subscribfy Subscriptions App",iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${o.logoUrl}">`}})})}),t=({setting:i})=>r("div",{style:{...p("ta",i?.align)},children:r(e,{})});export{t as default};

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

@@ -0,0 +1 @@
+import{getLiquidForAppBlock as s}from"../common/helpers.js";let r=({setting:r,advanced:e})=>{let{align:t,appBlockId:o}=r??{};return s(o,t,e?.cssClass)};export{r as default};

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

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