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

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

@@ -1 +1 @@
-import{ImageListNavigation as e}from"./ui/ImageListNavigation.js";import{FeatureNavigation as i}from"./ui/FeatureNavigation.js";import{FeatureDots as t}from"./ui/FeatureDots.js";let showGallerySliderSetting='((type == "slider" || position == "left" || position == "right") && position !== "one-col" && position != "two-col")',showFeaturedImage='(["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position))',showGalleryHoverAction='(position == "one-col" || position == "two-col")',showImageListSetting='(position !== "only-feature")',SettingUIV2=[{label:{en:"Layout"},controls:[{layout:"vertical",setting:{id:"position"},options:{isComboLayout:!0},controls:[{label:{en:"Ratio"},type:"control",setting:{id:"ratioLayout"},layout:"vertical",conditionDisplay:'position == "left"'},{label:{en:"Ratio"},type:"control",setting:{id:"ratioLayoutRight"},layout:"vertical",conditionDisplay:'position == "right"'}]}]},{label:{en:"Featured image"},conditionDisplay:showFeaturedImage,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:{en:"Image scale"},setting:{id:"ftLayout"}},{...t,conditionDisplay:`${showFeaturedImage} && position === "only-feature"`},{...i,conditionDisplay:`${showFeaturedImage}`}],moreSettings:{type:"collapse",controls:[{label:{en:"Corner"},setting:{id:"ftCorner"}},{type:"combo",label:{en:"Hover action"},conditionDisplay:showFeaturedImage,iconName:"gp-trigger-action-hover",getValueFromSettingID:"hoverEffect",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:{en:"When hover"},setting:{id:"hoverEffect"}},{label:{en:"Zoom type"},conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoomType"}},{label:{en:"Zoom value"},conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoom"}},{label:{en:"Other image"},conditionDisplay:'hoverEffect == "other"',setting:{id:"otherImage"}}]},{type:"combo",label:{en:"Click action"},iconName:"gp-trigger-action-click",conditionDisplay:showFeaturedImage,getValueFromSettingID:"ftClickOpenLightBox",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"popup",controls:[{label:{en:"After click"},setting:{id:"ftClickOpenLightBox"}},{label:{en:"Open new tab"},setting:{id:"ftClickOpenNewTab"},conditionDisplay:'ftClickOpenLightBox === "product-link"'}]},{type:"control",label:{en:"Slide speed"},setting:{id:"ftAnimationSpeed"}},{type:"control",label:{en:"Animation"},setting:{id:"ftAnimationMode"}},{label:{en:"Drag / swipe"},setting:{id:"ftDragToScroll"}},{label:{en:"Infinity loop"},setting:{id:"ftLoop"}}]}},{label:{en:"Image list"},conditionDisplay:'(position !== "only-feature")',controls:[{label:{en:"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:{en:"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:{en:"Image scale"},setting:{id:"layout"}},{...e,conditionDisplay:showGallerySliderSetting}],moreSettings:{type:"collapse",controls:[{label:{en:"Corner"},setting:{id:"corner"}},{label:{en:"Active border"},conditionDisplay:'!["one-col", "two-col"].includes(position)',setting:{id:"borderActive"}},{type:"combo",label:{en:"Hover action"},conditionDisplay:'(position == "one-col" || position == "two-col")',iconName:"gp-trigger-action-hover",getValueFromSettingID:"galleryHoverEffect",defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:{en:"When hover"},setting:{id:"galleryHoverEffect"},conditionDisplay:'galleryHoverEffect == "none"'},{label:{en:"Zoom type"},conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoomType"}},{label:{en:"Zoom value"},conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoom"}},{label:{en:"Other image"},conditionDisplay:'galleryHoverEffect == "other"',setting:{id:"otherImage"}}]},{label:{en:"Click action"},setting:{id:"clickOpenLightBox"}},{conditionDisplay:showGallerySliderSetting,label:{en:"Drag / swipe"},setting:{id:"dragToScroll"}},{conditionDisplay:showGallerySliderSetting,label:{en:"Infinity loop"},setting:{id:"loop"}}]}},{label:{en:"Item spacing"},conditionDisplay:'["bottom-center", "left", "right", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:{en:"Gap"},setting:{id:"spacing"}}]},{label:{en:"Display condition"},controls:[{conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',label:{en:"Default item"},setting:{id:"preDisplay"}},{label:{en:"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:{en:"Optimize LCP"},controls:[{label:{en:"Preload"},conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',setting:{id:"preload"}},{label:{en:"Quality"},setting:{id:"qualityType"},conditionDisplay:"preload === false"},{layout:"horizontal",label:{en:"Quality"},conditionDisplay:'qualityType == "custom" && preload === false',setting:{id:"qualityPercent"}}]},{controls:[{label:{en:"Align"},setting:{id:"align"},options:{labelVariant:"primary"}}]}];export{SettingUIV2};
+import{ImageListNavigation as e}from"./ui/ImageListNavigation.js";import{FeatureNavigation as i}from"./ui/FeatureNavigation.js";import{FeatureDots as t}from"./ui/FeatureDots.js";let showGallerySliderSetting='((type == "slider" || position == "left" || position == "right") && position !== "one-col" && position != "two-col")',showFeaturedImage='(["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position))',showGalleryHoverAction='(position == "one-col" || position == "two-col")',showImageListSetting='(position !== "only-feature")',SettingUIV2=[{label:{en:"Layout"},controls:[{layout:"vertical",setting:{id:"position"},options:{isComboLayout:!0},controls:[{label:{en:"Ratio"},type:"control",setting:{id:"ratioLayout"},layout:"vertical",conditionDisplay:'position == "left"'},{label:{en:"Ratio"},type:"control",setting:{id:"ratioLayoutRight"},layout:"vertical",conditionDisplay:'position == "right"'}]}]},{label:{en:"Featured image"},conditionDisplay:showFeaturedImage,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:{en:"Image scale"},setting:{id:"ftLayout"}},{...t,conditionDisplay:`${showFeaturedImage} && position === "only-feature"`},{...i,conditionDisplay:`${showFeaturedImage}`}],moreSettings:{type:"collapse",controls:[{label:{en:"Corner"},setting:{id:"ftCorner"}},{type:"combo",label:{en:"Hover action"},conditionDisplay:showFeaturedImage,iconName:"gp-trigger-action-hover",getValueFromSettingID:"hoverEffect",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:{en:"When hover"},setting:{id:"hoverEffect"}},{label:{en:"Zoom type"},conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoomType"}},{label:{en:"Zoom value"},conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoom"}},{label:{en:"Other image"},conditionDisplay:'hoverEffect == "other"',setting:{id:"otherImage"}}]},{type:"combo",label:{en:"Click action"},iconName:"gp-trigger-action-click",conditionDisplay:showFeaturedImage,getValueFromSettingID:"ftClickOpenLightBox",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"popup",controls:[{label:{en:"After click"},setting:{id:"ftClickOpenLightBox"}},{label:{en:"Open new tab"},setting:{id:"ftClickOpenNewTab"},conditionDisplay:'ftClickOpenLightBox === "product-link"'}]},{type:"control",label:{en:"Slide speed"},setting:{id:"ftAnimationSpeed"}},{type:"control",label:{en:"Animation"},setting:{id:"ftAnimationMode"}},{label:{en:"Drag / swipe"},setting:{id:"ftDragToScroll"}},{label:{en:"Infinity loop"},setting:{id:"ftLoop"}}]}},{label:{en:"Image list"},conditionDisplay:'(position !== "only-feature")',controls:[{label:{en:"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:{en:"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:{en:"Image scale"},setting:{id:"layout"}},{...e,conditionDisplay:showGallerySliderSetting}],moreSettings:{type:"collapse",controls:[{label:{en:"Corner"},setting:{id:"corner"}},{label:{en:"Active border"},conditionDisplay:'!["one-col", "two-col"].includes(position)',setting:{id:"borderActive"}},{type:"combo",label:{en:"Hover action"},conditionDisplay:'(position == "one-col" || position == "two-col")',iconName:"gp-trigger-action-hover",getValueFromSettingID:"galleryHoverEffect",defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:{en:"When hover"},setting:{id:"galleryHoverEffect"},conditionDisplay:'galleryHoverEffect == "none"'},{label:{en:"Zoom type"},conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoomType"}},{label:{en:"Zoom value"},conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoom"}},{label:{en:"Other image"},conditionDisplay:'galleryHoverEffect == "other"',setting:{id:"otherImage"}}]},{label:{en:"Click action"},setting:{id:"clickOpenLightBox"}},{conditionDisplay:showGallerySliderSetting,label:{en:"Drag / swipe"},setting:{id:"dragToScroll"}},{conditionDisplay:showGallerySliderSetting,label:{en:"Infinity loop"},setting:{id:"loop"}}]}},{label:{en:"Item spacing"},conditionDisplay:'["bottom-center", "left", "right", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:{en:"Gap"},setting:{id:"spacing"}}]},{label:{en:"Display condition"},controls:[{conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',label:{en:"Default item"},setting:{id:"preDisplay"}},{label:{en:"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:{en:"Optimize LCP"},controls:[{label:{en:"Preload"},conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',setting:{id:"preload"}},{label:{en:"Quality"},setting:{id:"qualityType"},conditionDisplay:"preload === false"},{layout:"horizontal",label:{en:"Quality"},conditionDisplay:'qualityType == "custom" && preload === false',setting:{id:"qualityPercent"}}]},{controls:[{label:{en:"Align"},setting:{id:"align"},options:{labelVariant:"primary"}}]}];export{SettingUIV2};

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

@@ -1 +1 @@
-let SettingUIV1=[{type:"control",label:{en:"Select product list"},setting:{id:"productSetting"},layout:"vertical"},{type:"group",label:{en:"Products per row"},controls:[{type:"control",label:{en:"Number"},setting:{id:"slidesToShow"}}]},{type:"group",label:{en:"Number of products"},condition:"productSetting.productSrc === 'RelatedProduct' || !!productSetting && productSetting.productSrc !== 'PickProduct'",controls:[{type:"control",label:{en:"Number"},setting:{id:"numberOfProducts"}}]},{type:"control",label:{en:"Layout"},options:{label:"large"},setting:{id:"layout"}},{type:"group",label:{en:"Slider settings"},condition:"layout === 'slider'",controls:[{type:"control",label:{en:"Drag to scroll"},setting:{id:"dragToScroll"}},{type:"control",label:{en:"Infinity loop"},setting:{id:"loop"}},{type:"control",label:{en:"Autoplay"},setting:{id:"autoplay"}},{type:"control",label:{en:"Pause On Hover"},setting:{id:"pauseOnHover"},condition:"autoplay == true"},{type:"control",label:{en:"Timeout(s)"},setting:{id:"autoplayTimeout"},condition:"autoplay == true"},{type:"control",label:{en:"Dots"},setting:{id:"dot"}},{condition:"dot === true",type:"control",label:{en:"Dot color"},setting:{id:"dotColor"}},{condition:"dot === true",type:"control",label:{en:"Dot color active"},setting:{id:"dotActiveColor"}},{type:"control",label:{en:"Arrows next & previous"},setting:{id:"arrow"}},{condition:"arrow === true",type:"control",label:{en:"Position"},setting:{id:"controlOverContent"}},{condition:"arrow === true",type:"control",layout:"vertical",setting:{id:"arrowCustom"}},{condition:"arrow === true",type:"control",label:{en:"Icon color"},setting:{id:"arrowCustomColor"}},{type:"control",label:{en:"Item spacing"},setting:{id:"spacing"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{type:"control",label:{en:"Width"},condition:"fullWidth === false",setting:{id:"width"}},{type:"control",label:{en:"Fit height to content"},condition:'layout === "slider"',setting:{id:"adaptiveHeight"}},{type:"control",label:{en:"Height"},condition:'layout === "slider" && adaptiveHeight === false',setting:{id:"height"}},{type:"control",condition:"layout === 'grid'",options:{tooltip:{icon:"info-line-16",content:"Note: this might not work properly on Safari for iOS versions below 17",iconClass:"text-[#757575] hover:text-[#F9F9F9]"}},label:{en:"Same height"},setting:{id:"sameHeight"}}]},{type:"group",label:{en:"Grid"},condition:"layout === 'grid'",controls:[{type:"control",label:{en:"Row gap"},setting:{id:"horizontalGutter"}},{type:"control",label:{en:"Column gap"},setting:{id:"verticalGutter"}}]}];export{SettingUIV1};
+let SettingUIV1=[{type:"control",label:{en:"Select product list"},setting:{id:"productSetting"},layout:"vertical"},{type:"group",label:{en:"Products per row"},controls:[{type:"control",label:{en:"Number"},setting:{id:"slidesToShow"}}]},{type:"group",label:{en:"Number of products"},condition:"productSetting?.productSrc === 'RelatedProduct' || !!productSetting && productSetting?.productSrc !== 'PickProduct'",controls:[{type:"control",label:{en:"Number"},setting:{id:"numberOfProducts"}}]},{type:"control",label:{en:"Layout"},options:{label:"large"},setting:{id:"layout"}},{type:"group",label:{en:"Slider settings"},condition:"layout === 'slider'",controls:[{type:"control",label:{en:"Drag to scroll"},setting:{id:"dragToScroll"}},{type:"control",label:{en:"Infinity loop"},setting:{id:"loop"}},{type:"control",label:{en:"Autoplay"},setting:{id:"autoplay"}},{type:"control",label:{en:"Pause On Hover"},setting:{id:"pauseOnHover"},condition:"autoplay == true"},{type:"control",label:{en:"Timeout(s)"},setting:{id:"autoplayTimeout"},condition:"autoplay == true"},{type:"control",label:{en:"Dots"},setting:{id:"dot"}},{condition:"dot === true",type:"control",label:{en:"Dot color"},setting:{id:"dotColor"}},{condition:"dot === true",type:"control",label:{en:"Dot color active"},setting:{id:"dotActiveColor"}},{type:"control",label:{en:"Arrows next & previous"},setting:{id:"arrow"}},{condition:"arrow === true",type:"control",label:{en:"Position"},setting:{id:"controlOverContent"}},{condition:"arrow === true",type:"control",layout:"vertical",setting:{id:"arrowCustom"}},{condition:"arrow === true",type:"control",label:{en:"Icon color"},setting:{id:"arrowCustomColor"}},{type:"control",label:{en:"Item spacing"},setting:{id:"spacing"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{type:"control",label:{en:"Width"},condition:"fullWidth === false",setting:{id:"width"}},{type:"control",label:{en:"Fit height to content"},condition:'layout === "slider"',setting:{id:"adaptiveHeight"}},{type:"control",label:{en:"Height"},condition:'layout === "slider" && adaptiveHeight === false',setting:{id:"height"}},{type:"control",condition:"layout === 'grid'",options:{tooltip:{icon:"info-line-16",content:"Note: this might not work properly on Safari for iOS versions below 17",iconClass:"text-[#757575] hover:text-[#F9F9F9]"}},label:{en:"Same height"},setting:{id:"sameHeight"}}]},{type:"group",label:{en:"Grid"},condition:"layout === 'grid'",controls:[{type:"control",label:{en:"Row gap"},setting:{id:"horizontalGutter"}},{type:"control",label:{en:"Column gap"},setting:{id:"verticalGutter"}}]}];export{SettingUIV1};

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

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

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

@@ -1 +1 @@
-let SettingUIV1=[{type:"control",label:{en:"Select product list"},setting:{id:"productSetting"},layout:"vertical"},{type:"group",label:{en:"Products per row"},controls:[{type:"control",label:{en:"Number"},setting:{id:"slidesToShow"}}]},{type:"group",label:{en:"Number of products"},condition:"productSetting.productSrc === 'RelatedProduct' || !!productSetting && productSetting.productSrc !== 'PickProduct'",controls:[{type:"control",label:{en:"Number"},setting:{id:"numberOfProducts"}}]},{type:"control",label:{en:"Layout"},options:{label:"large"},setting:{id:"layout"}},{type:"group",label:{en:"Slider settings"},condition:"layout === 'slider'",controls:[{type:"control",label:{en:"Drag to scroll"},setting:{id:"dragToScroll"}},{type:"control",label:{en:"Infinity loop"},setting:{id:"loop"}},{type:"control",label:{en:"Autoplay"},setting:{id:"autoplay"}},{type:"control",label:{en:"Pause On Hover"},setting:{id:"pauseOnHover"},condition:"autoplay == true"},{type:"control",label:{en:"Timeout(s)"},setting:{id:"autoplayTimeout"},condition:"autoplay == true"},{type:"control",label:{en:"Dots"},setting:{id:"dot"}},{condition:"dot === true",type:"control",label:{en:"Dot color"},setting:{id:"dotColor"}},{condition:"dot === true",type:"control",label:{en:"Dot color active"},setting:{id:"dotActiveColor"}},{type:"control",label:{en:"Arrows next & previous"},setting:{id:"arrow"}},{condition:"arrow === true",type:"control",label:{en:"Position"},setting:{id:"controlOverContent"}},{condition:"arrow === true",type:"control",layout:"vertical",setting:{id:"arrowCustom"}},{condition:"arrow === true",type:"control",label:{en:"Icon color"},setting:{id:"arrowCustomColor"}},{type:"control",label:{en:"Item spacing"},setting:{id:"spacing"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{type:"control",label:{en:"Width"},condition:"fullWidth === false",setting:{id:"width"}},{type:"control",label:{en:"Fit height to content"},condition:'layout === "slider"',setting:{id:"adaptiveHeight"}},{type:"control",label:{en:"Height"},condition:'layout === "slider" && adaptiveHeight === false',setting:{id:"height"}},{type:"control",condition:"layout === 'grid'",options:{tooltip:{icon:"info-line-16",content:"Note: this might not work properly on Safari for iOS versions below 17",iconClass:"text-[#757575] hover:text-[#F9F9F9]"}},label:{en:"Same height"},setting:{id:"sameHeight"}}]},{type:"group",label:{en:"Grid"},condition:"layout === 'grid'",controls:[{type:"control",label:{en:"Row gap"},setting:{id:"horizontalGutter"}},{type:"control",label:{en:"Column gap"},setting:{id:"verticalGutter"}}]}];export{SettingUIV1};
+let SettingUIV1=[{type:"control",label:{en:"Select product list"},setting:{id:"productSetting"},layout:"vertical"},{type:"group",label:{en:"Products per row"},controls:[{type:"control",label:{en:"Number"},setting:{id:"slidesToShow"}}]},{type:"group",label:{en:"Number of products"},condition:"productSetting?.productSrc === 'RelatedProduct' || !!productSetting && productSetting?.productSrc !== 'PickProduct'",controls:[{type:"control",label:{en:"Number"},setting:{id:"numberOfProducts"}}]},{type:"control",label:{en:"Layout"},options:{label:"large"},setting:{id:"layout"}},{type:"group",label:{en:"Slider settings"},condition:"layout === 'slider'",controls:[{type:"control",label:{en:"Drag to scroll"},setting:{id:"dragToScroll"}},{type:"control",label:{en:"Infinity loop"},setting:{id:"loop"}},{type:"control",label:{en:"Autoplay"},setting:{id:"autoplay"}},{type:"control",label:{en:"Pause On Hover"},setting:{id:"pauseOnHover"},condition:"autoplay == true"},{type:"control",label:{en:"Timeout(s)"},setting:{id:"autoplayTimeout"},condition:"autoplay == true"},{type:"control",label:{en:"Dots"},setting:{id:"dot"}},{condition:"dot === true",type:"control",label:{en:"Dot color"},setting:{id:"dotColor"}},{condition:"dot === true",type:"control",label:{en:"Dot color active"},setting:{id:"dotActiveColor"}},{type:"control",label:{en:"Arrows next & previous"},setting:{id:"arrow"}},{condition:"arrow === true",type:"control",label:{en:"Position"},setting:{id:"controlOverContent"}},{condition:"arrow === true",type:"control",layout:"vertical",setting:{id:"arrowCustom"}},{condition:"arrow === true",type:"control",label:{en:"Icon color"},setting:{id:"arrowCustomColor"}},{type:"control",label:{en:"Item spacing"},setting:{id:"spacing"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{type:"control",label:{en:"Width"},condition:"fullWidth === false",setting:{id:"width"}},{type:"control",label:{en:"Fit height to content"},condition:'layout === "slider"',setting:{id:"adaptiveHeight"}},{type:"control",label:{en:"Height"},condition:'layout === "slider" && adaptiveHeight === false',setting:{id:"height"}},{type:"control",condition:"layout === 'grid'",options:{tooltip:{icon:"info-line-16",content:"Note: this might not work properly on Safari for iOS versions below 17",iconClass:"text-[#757575] hover:text-[#F9F9F9]"}},label:{en:"Same height"},setting:{id:"sameHeight"}}]},{type:"group",label:{en:"Grid"},condition:"layout === 'grid'",controls:[{type:"control",label:{en:"Row gap"},setting:{id:"horizontalGutter"}},{type:"control",label:{en:"Column gap"},setting:{id:"verticalGutter"}}]}];export{SettingUIV1};

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

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

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

@@ -1 +1 @@
-let SettingUIV1=[{type:"group",label:{en:"Field"},controls:[{type:"control",label:{en:"Field name"},setting:{id:"name"}},{type:"control",label:{en:"Type"},setting:{id:"type"}},{type:"control",label:{en:"Required"},setting:{id:"required"},condition:'type !== "hidden"'},{type:"control",label:{en:"Number only"},condition:'["text", "textarea"].includes(type)',setting:{id:"numberOnly"}},{type:"control",condition:'numberOnly === false && ["text", "textarea"].includes(type)',label:{en:"Min character(s)"},setting:{id:"minChar"}},{type:"control",condition:'numberOnly === false && ["text", "textarea"].includes(type)',label:{en:"Max character(s)"},setting:{id:"maxChar"}},{type:"control",condition:'numberOnly === true && ["text", "textarea"].includes(type)',label:{en:"Min number value"},setting:{id:"minNumber"}},{type:"control",condition:'numberOnly === true && ["text", "textarea"].includes(type)',label:{en:"Max number value"},setting:{id:"maxNumber"}}]},{type:"group",label:{en:"Value"},condition:'type === "hidden"',controls:[{type:"control",label:{en:"Content"},setting:{id:"valueHidden"},options:{tooltip:{icon:"info-line-16",content:"This information will be submitted to Shopify together with order.",iconClass:"text-[#757575] hover:text-[#F9F9F9]",containerClass:"w-[218px] whitespace-normal"}}}]},{type:"control",label:{en:"Option management"},layout:"vertical",condition:'["dropdown", "radio", "checkbox"].includes(type)',setting:{id:"childItem"}},{type:"group",label:{en:"Size"},condition:'type !== "hidden"',controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{type:"control",condition:"fullWidth == false",label:{en:"Width"},setting:{id:"width"}},{type:"control",label:{en:"Height"},setting:{id:"height"}},{type:"control",label:{en:"Item spacing"},setting:{id:"spacing"},condition:'["radio", "checkbox"].includes(type)'}]},{type:"group",condition:'type !== "hidden"',controls:[{type:"group",label:{en:"Input states"},condition:'["text", "textarea", "email"].includes(type)',options:{label:"large",removeSpacing:!0}},{type:"group",label:{en:"Option content states"},condition:'!["text", "textarea", "email"].includes(type)',options:{label:"large",removeSpacing:!0,labelSpacing:"small"}},{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Text color"},setting:{id:"valueTextColor",state:"normal"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",label:{en:"Text color"},setting:{id:"specialValueTextColor",state:"normal"},condition:'["radio", "checkbox"].includes(type)'},{type:"control",label:{en:"Background color"},setting:{id:"valueBgColor",state:"normal"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderInput",state:"normal"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",label:{en:"Corner"},setting:{id:"borderRadius",state:"normal"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",label:{en:"Shadow"},setting:{id:"hasShadowInput",state:"normal"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",condition:'hasShadowInput.normal == true && ["text", "textarea", "email", "dropdown"].includes(type)',setting:{id:"shadowInput",state:"normal"},layout:"vertical"}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Text color"},setting:{id:"valueTextColor",state:"hover"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",label:{en:"Text color"},setting:{id:"specialValueTextColor",state:"hover"},condition:'["radio", "checkbox"].includes(type)'},{type:"control",label:{en:"Background color"},condition:'["text", "textarea", "email", "dropdown"].includes(type)',setting:{id:"valueBgColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderInput",state:"hover"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",label:{en:"Corner"},setting:{id:"borderRadius",state:"hover"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",label:{en:"Shadow"},setting:{id:"hasShadowInput",state:"hover"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",condition:'hasShadowInput.hover == true && ["text", "textarea", "email", "dropdown"].includes(type)',setting:{id:"shadowInput",state:"hover"},layout:"vertical"}]},{type:"group",label:{en:"Focus"},controls:[{type:"control",label:{en:"Text color"},setting:{id:"valueTextColor",state:"focus"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",label:{en:"Background color"},setting:{id:"valueBgColor",state:"focus"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderInput",state:"focus"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",label:{en:"Corner"},setting:{id:"borderRadius",state:"focus"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",label:{en:"Shadow"},setting:{id:"hasShadowInput",state:"focus"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",condition:'hasShadowInput.focus == true && ["text", "textarea", "email", "dropdown"].includes(type)',setting:{id:"shadowInput",state:"focus"},layout:"vertical"}]},{type:"group",label:{en:"Active"},controls:[{type:"control",label:{en:"Text color"},setting:{id:"specialValueTextColor",state:"active"},condition:'["radio", "checkbox"].includes(type)'}]}]}]},{type:"group",label:{en:"Label text"},condition:'type !== "hidden"',controls:[{type:"control",label:{en:"Content"},setting:{id:"label"}},{type:"control",setting:{id:"labelTypo"},layout:"vertical"}]},{type:"group",condition:'type !== "hidden"',controls:[{type:"group",label:{en:"Input value text"},condition:'["text", "textarea", "email"].includes(type)',options:{removeSpacing:!0,label:"large"}},{type:"group",label:{en:"Option content text"},condition:'!["text", "textarea", "email"].includes(type)',options:{removeSpacing:!0,label:"large"}},{type:"control",condition:'["text", "textarea", "email"].includes(type)',label:{en:"Placeholder"},setting:{id:"placeholder"}},{type:"control",setting:{id:"valueTypo"},layout:"vertical"}]},{type:"control",condition:'fullWidth == false && ["text", "textarea", "email", "checkbox", "radio","dropdown"].includes(type)',label:{en:"Align"},options:{label:"large"},setting:{id:"textAlign"}},{type:"group",label:{en:"Error message"},controls:[{type:"control",setting:{id:"invalidNumberMessage"},label:{en:"Invalid number"},condition:"numberOnly === true"},{type:"control",setting:{id:"invalidEmailMessage"},label:{en:"Invalid email"},condition:'type === "email"'},{type:"control",setting:{id:"requiredMessage"},label:{en:"Missing required"},condition:"required === true"},{type:"control",setting:{id:"invalidLengthMessage"},label:{en:"Invalid length"}}]}];export{SettingUIV1};
+let SettingUIV1=[{type:"group",label:{en:"Field"},controls:[{type:"control",label:{en:"Field name"},setting:{id:"name"}},{type:"control",label:{en:"Type"},setting:{id:"type"}},{type:"control",label:{en:"Required"},setting:{id:"required"},condition:'type !== "hidden"'},{type:"control",label:{en:"Number only"},condition:'["text", "textarea"].includes(type)',setting:{id:"numberOnly"}},{type:"control",condition:'numberOnly === false && ["text", "textarea"].includes(type)',label:{en:"Min character(s)"},setting:{id:"minChar"}},{type:"control",condition:'numberOnly === false && ["text", "textarea"].includes(type)',label:{en:"Max character(s)"},setting:{id:"maxChar"}},{type:"control",condition:'numberOnly === true && ["text", "textarea"].includes(type)',label:{en:"Min number value"},setting:{id:"minNumber"}},{type:"control",condition:'numberOnly === true && ["text", "textarea"].includes(type)',label:{en:"Max number value"},setting:{id:"maxNumber"}}]},{type:"group",label:{en:"Value"},condition:'type === "hidden"',controls:[{type:"control",label:{en:"Content"},setting:{id:"valueHidden"},options:{tooltip:{icon:"info-line-16",content:"This information will be submitted to Shopify together with order.",iconClass:"text-[#757575] hover:text-[#F9F9F9]",containerClass:"w-[218px] whitespace-normal"}}}]},{type:"control",label:{en:"Option management"},layout:"vertical",condition:'["dropdown", "radio", "checkbox"].includes(type)',setting:{id:"childItem"}},{type:"group",label:{en:"Size"},condition:'type !== "hidden"',controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{type:"control",condition:"fullWidth == false",label:{en:"Width"},setting:{id:"width"}},{type:"control",label:{en:"Height"},setting:{id:"height"}},{type:"control",label:{en:"Item spacing"},setting:{id:"spacing"},condition:'["radio", "checkbox"].includes(type)'}]},{type:"group",condition:'type !== "hidden"',controls:[{type:"group",label:{en:"Input states"},condition:'["text", "textarea", "email"].includes(type)',options:{label:"large",removeSpacing:!0}},{type:"group",label:{en:"Option content states"},condition:'!["text", "textarea", "email"].includes(type)',options:{label:"large",removeSpacing:!0,labelSpacing:"small"}},{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Text color"},setting:{id:"valueTextColor",state:"normal"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",label:{en:"Text color"},setting:{id:"specialValueTextColor",state:"normal"},condition:'["radio", "checkbox"].includes(type)'},{type:"control",label:{en:"Background color"},setting:{id:"valueBgColor",state:"normal"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderInput",state:"normal"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",label:{en:"Corner"},setting:{id:"borderRadius",state:"normal"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",label:{en:"Shadow"},setting:{id:"hasShadowInput",state:"normal"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",condition:'hasShadowInput?.normal == true && ["text", "textarea", "email", "dropdown"].includes(type)',setting:{id:"shadowInput",state:"normal"},layout:"vertical"}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Text color"},setting:{id:"valueTextColor",state:"hover"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",label:{en:"Text color"},setting:{id:"specialValueTextColor",state:"hover"},condition:'["radio", "checkbox"].includes(type)'},{type:"control",label:{en:"Background color"},condition:'["text", "textarea", "email", "dropdown"].includes(type)',setting:{id:"valueBgColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderInput",state:"hover"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",label:{en:"Corner"},setting:{id:"borderRadius",state:"hover"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",label:{en:"Shadow"},setting:{id:"hasShadowInput",state:"hover"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",condition:'hasShadowInput?.hover == true && ["text", "textarea", "email", "dropdown"].includes(type)',setting:{id:"shadowInput",state:"hover"},layout:"vertical"}]},{type:"group",label:{en:"Focus"},controls:[{type:"control",label:{en:"Text color"},setting:{id:"valueTextColor",state:"focus"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",label:{en:"Background color"},setting:{id:"valueBgColor",state:"focus"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderInput",state:"focus"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",label:{en:"Corner"},setting:{id:"borderRadius",state:"focus"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",label:{en:"Shadow"},setting:{id:"hasShadowInput",state:"focus"},condition:'["text", "textarea", "email", "dropdown"].includes(type)'},{type:"control",condition:'hasShadowInput?.focus == true && ["text", "textarea", "email", "dropdown"].includes(type)',setting:{id:"shadowInput",state:"focus"},layout:"vertical"}]},{type:"group",label:{en:"Active"},controls:[{type:"control",label:{en:"Text color"},setting:{id:"specialValueTextColor",state:"active"},condition:'["radio", "checkbox"].includes(type)'}]}]}]},{type:"group",label:{en:"Label text"},condition:'type !== "hidden"',controls:[{type:"control",label:{en:"Content"},setting:{id:"label"}},{type:"control",setting:{id:"labelTypo"},layout:"vertical"}]},{type:"group",condition:'type !== "hidden"',controls:[{type:"group",label:{en:"Input value text"},condition:'["text", "textarea", "email"].includes(type)',options:{removeSpacing:!0,label:"large"}},{type:"group",label:{en:"Option content text"},condition:'!["text", "textarea", "email"].includes(type)',options:{removeSpacing:!0,label:"large"}},{type:"control",condition:'["text", "textarea", "email"].includes(type)',label:{en:"Placeholder"},setting:{id:"placeholder"}},{type:"control",setting:{id:"valueTypo"},layout:"vertical"}]},{type:"control",condition:'fullWidth == false && ["text", "textarea", "email", "checkbox", "radio","dropdown"].includes(type)',label:{en:"Align"},options:{label:"large"},setting:{id:"textAlign"}},{type:"group",label:{en:"Error message"},controls:[{type:"control",setting:{id:"invalidNumberMessage"},label:{en:"Invalid number"},condition:"numberOnly === true"},{type:"control",setting:{id:"invalidEmailMessage"},label:{en:"Invalid email"},condition:'type === "email"'},{type:"control",setting:{id:"requiredMessage"},label:{en:"Missing required"},condition:"required === true"},{type:"control",setting:{id:"invalidLengthMessage"},label:{en:"Invalid length"}}]}];export{SettingUIV1};

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

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"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:{en:"Option management"},conditionDisplay:'["dropdown", "radio", "checkbox"].includes(type)',controls:[{label:{en:"Options"},setting:{id:"childItem"}}]},{label:{en:"Size"},conditionDisplay:'type !== "hidden"',controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Icon & text gap"},conditionDisplay:'["radio", "checkbox"].includes(type)',setting:{id:"spacing"}}]},{label:{en:"Background"},conditionDisplay:'type !== "hidden"',controls:[{label:{en:"Color"},setting:{id:"valueBgColor",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Border"},setting:{id:"borderInput",state:"normal"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"normal"}},{label:{en:"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:{en:"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:{en:"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:{en:"Input text style"},conditionDisplay:'["text", "textarea", "email"].includes(type)',controls:[{type:"combo",label:{en:"Placeholder"},popoverLabel:{en:"Placeholder"},iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{label:{en:"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:{en:"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:{en:"Label"},setting:{id:"isDisplayLabel"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"isDisplayLabel !== false",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"label",isHideClear:!0,label:{en:"Content"},controls:[{label:{en:"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:{en:"Hover effect"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"hover"}},{label:{en:"Border"},setting:{id:"borderInput",state:"hover"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"hover"}},{label:{en:"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:{en:"Hover effect"},conditionDisplay:'["radio", "checkbox"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"hover"}}]},{label:{en:"Focus effect"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"focus"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"focus"}},{label:{en:"Border"},setting:{id:"borderInput",state:"focus"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"focus"}},{label:{en:"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:{en:"Active effect"},conditionDisplay:'["checkbox", "radio"].includes(type)',controls:[{label:{en:"Text color"},setting:{id:"valueTextColor",state:"active"}}]},{label:{en:"Configuration"},controls:[{label:{en:"Field name"},type:"combo",isHideClear:!0,getValueFromSettingID:"name",iconName:"polaris-text-block",compoDefaultValue:"Customer Request",controls:[{label:{en:"Content"},setting:{id:"name"},layout:"vertical"}]},{label:{en:"Required"},conditionDisplay:'type !== "hidden"',setting:{id:"required"}},{label:{en:"Number only"},conditionDisplay:'["text", "textarea"].includes(type)',setting:{id:"numberOnly"}},{label:{en:"Min character"},conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"minChar"}},{label:{en:"Max character"},conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"maxChar"}},{label:{en:"Min number"},conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"minNumber"}},{label:{en:"Max number"},conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"maxNumber"}},{label:{en:"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:{en:"Error message"},conditionDisplay:'["text", "textarea", "email"].includes(type) || (["checkbox", "radio", "dropdown"].includes(type) && required)',controls:[{type:"combo",conditionDisplay:'["text", "textarea"].includes(type)',label:{en:"Invalid length"},iconName:"polaris-text-block",getValueFromSettingID:"invalidLengthMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidLengthMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'["text", "textarea"].includes(type) && numberOnly === true',label:{en:"Invalid number"},iconName:"polaris-text-block",getValueFromSettingID:"invalidNumberMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidNumberMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type === "email"',label:{en:"Invalid email"},iconName:"polaris-text-block",getValueFromSettingID:"invalidEmailMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidEmailMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type !== "hidden" && required === true',label:{en:"Missing required"},iconName:"polaris-text-block",getValueFromSettingID:"requiredMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"requiredMessage"},layout:"vertical"}]}]},{controls:[{label:{en:"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{SettingUIV2};
+let SettingUIV2=[{label:{en:"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:{en:"Option management"},conditionDisplay:'["dropdown", "radio", "checkbox"].includes(type)',controls:[{label:{en:"Options"},setting:{id:"childItem"}}]},{label:{en:"Size"},conditionDisplay:'type !== "hidden"',controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Icon & text gap"},conditionDisplay:'["radio", "checkbox"].includes(type)',setting:{id:"spacing"}}]},{label:{en:"Background"},conditionDisplay:'type !== "hidden"',controls:[{label:{en:"Color"},setting:{id:"valueBgColor",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Border"},setting:{id:"borderInput",state:"normal"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"normal"}},{label:{en:"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:{en:"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:{en:"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:{en:"Input text style"},conditionDisplay:'["text", "textarea", "email"].includes(type)',controls:[{type:"combo",label:{en:"Placeholder"},popoverLabel:{en:"Placeholder"},iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{label:{en:"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:{en:"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:{en:"Label"},setting:{id:"isDisplayLabel"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"isDisplayLabel !== false",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"label",isHideClear:!0,label:{en:"Content"},controls:[{label:{en:"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:{en:"Hover effect"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"hover"}},{label:{en:"Border"},setting:{id:"borderInput",state:"hover"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"hover"}},{label:{en:"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:{en:"Hover effect"},conditionDisplay:'["radio", "checkbox"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"hover"}}]},{label:{en:"Focus effect"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"focus"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"focus"}},{label:{en:"Border"},setting:{id:"borderInput",state:"focus"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"focus"}},{label:{en:"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:{en:"Active effect"},conditionDisplay:'["checkbox", "radio"].includes(type)',controls:[{label:{en:"Text color"},setting:{id:"valueTextColor",state:"active"}}]},{label:{en:"Configuration"},controls:[{label:{en:"Field name"},type:"combo",isHideClear:!0,getValueFromSettingID:"name",iconName:"polaris-text-block",compoDefaultValue:"Customer Request",controls:[{label:{en:"Content"},setting:{id:"name"},layout:"vertical"}]},{label:{en:"Required"},conditionDisplay:'type !== "hidden"',setting:{id:"required"}},{label:{en:"Number only"},conditionDisplay:'["text", "textarea"].includes(type)',setting:{id:"numberOnly"}},{label:{en:"Min character"},conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"minChar"}},{label:{en:"Max character"},conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"maxChar"}},{label:{en:"Min number"},conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"minNumber"}},{label:{en:"Max number"},conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"maxNumber"}},{label:{en:"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:{en:"Error message"},conditionDisplay:'["text", "textarea", "email"].includes(type) || (["checkbox", "radio", "dropdown"].includes(type) && required)',controls:[{type:"combo",conditionDisplay:'["text", "textarea"].includes(type)',label:{en:"Invalid length"},iconName:"polaris-text-block",getValueFromSettingID:"invalidLengthMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidLengthMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'["text", "textarea"].includes(type) && numberOnly === true',label:{en:"Invalid number"},iconName:"polaris-text-block",getValueFromSettingID:"invalidNumberMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidNumberMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type === "email"',label:{en:"Invalid email"},iconName:"polaris-text-block",getValueFromSettingID:"invalidEmailMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidEmailMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type !== "hidden" && required === true',label:{en:"Missing required"},iconName:"polaris-text-block",getValueFromSettingID:"requiredMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"requiredMessage"},layout:"vertical"}]}]},{controls:[{label:{en:"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{SettingUIV2};

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

@@ -1 +1 @@
-let SettingUIV1=[{type:"group",label:{en:"Variants settings"},controls:[{type:"control",label:{en:"Type"},setting:{id:"optionType"}},{type:"control",label:{en:"Options price"},setting:{id:"price"},condition:"optionType == 'groupOption'"},{type:"control",label:{en:"Sold out style"},setting:{id:"soldOutStyle"}}]},{type:"control",condition:"false",layout:"vertical",label:{en:"Variant style"},setting:{id:"showAsSwatches"}},{type:"control",condition:"optionType == 'singleOption'",layout:"vertical",label:{en:"Variant style"},setting:{id:"variantPresets"}},{type:"group",condition:"optionType === 'groupOption'",layout:"vertical",label:{en:"Variant style"},controls:[{type:"control",label:{en:""},setting:{id:"hasOnlyDefaultVariant"},layout:"vertical",condition:"hasOnlyDefaultVariant === true"},{type:"control",label:{en:"Width"},setting:{id:"combineWidth"},condition:"hasOnlyDefaultVariant === false"},{type:"control",label:{en:"Height"},setting:{id:"combineHeight"},condition:"hasOnlyDefaultVariant === false"},{type:"tab",label:{en:"States"},isMoreSetting:!0,condition:"hasOnlyDefaultVariant === false",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"optionBgColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"optionTextColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"optionBorder",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"optionRounded",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"optionHasShadow",state:"normal"}},{type:"control",label:{en:""},condition:"optionHasShadow.normal === true",layout:"vertical",setting:{id:"optionShadow",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"optionBgColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"optionTextColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"optionBorder",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"optionRounded",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"optionHasShadow",state:"hover"}},{type:"control",label:{en:""},condition:"optionHasShadow.hover === true",layout:"vertical",setting:{id:"optionShadow",state:"hover"}}]},{type:"group",label:{en:"Active"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"optionBgColor",state:"active"}},{type:"control",label:{en:"Text color"},setting:{id:"optionTextColor",state:"active"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"optionBorder",state:"active"}},{type:"control",label:{en:"Corner"},setting:{id:"optionRounded",state:"active"}},{type:"control",label:{en:"Shadow"},setting:{id:"optionHasShadow",state:"active"}},{type:"control",label:{en:""},layout:"vertical",condition:"optionHasShadow.active === true",setting:{id:"optionShadow",state:"active"}}]}]}]},{type:"group",label:{en:""},condition:"optionType !== 'groupOption'",controls:[{type:"control",label:{en:"Title"},setting:{id:"label"},options:{label:"large",styleControl:{width:"auto"}}},{type:"control",setting:{id:"labelTypo"},layout:"vertical"},{type:"control",condition:"label == true",setting:{id:"labelTypography"},layout:"vertical"},{type:"control",condition:"label == true",label:{en:"Arrangement"},setting:{id:"layout"}},{type:"control",condition:"label == true",label:{en:"Gap"},setting:{id:"labelGap"}}]},{type:"group",label:{en:"Option value text"},controls:[{type:"control",setting:{id:"optionTypography"},layout:"vertical"},{type:"control",setting:{id:"optionTypo"},layout:"vertical"}]},{type:"group",label:{en:""},controls:[{type:"control",label:{en:"Pre-selected option"},setting:{id:"hasPreSelected"},options:{label:"large",styleControl:{width:"auto"}}},{type:"control",condition:"hasPreSelected == true",layout:"vertical",setting:{id:"selectVariantDefault"},options:{styleControl:{"max-width":"100%"}}},{type:"control",condition:"hasPreSelected == false",label:{en:"Blank option text"},setting:{id:"blankText"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{type:"control",label:{en:"Width"},condition:"fullWidth == false",setting:{id:"width"}},{type:"control",label:{en:"Spacing"},setting:{id:"marginBottom"}}]},{type:"control",label:{en:"Align"},setting:{id:"align"},options:{label:"large"}}];export{SettingUIV1};
+let SettingUIV1=[{type:"group",label:{en:"Variants settings"},controls:[{type:"control",label:{en:"Type"},setting:{id:"optionType"}},{type:"control",label:{en:"Options price"},setting:{id:"price"},condition:"optionType == 'groupOption'"},{type:"control",label:{en:"Sold out style"},setting:{id:"soldOutStyle"}}]},{type:"control",condition:"false",layout:"vertical",label:{en:"Variant style"},setting:{id:"showAsSwatches"}},{type:"control",condition:"optionType == 'singleOption'",layout:"vertical",label:{en:"Variant style"},setting:{id:"variantPresets"}},{type:"group",condition:"optionType === 'groupOption'",layout:"vertical",label:{en:"Variant style"},controls:[{type:"control",label:{en:""},setting:{id:"hasOnlyDefaultVariant"},layout:"vertical",condition:"hasOnlyDefaultVariant === true"},{type:"control",label:{en:"Width"},setting:{id:"combineWidth"},condition:"hasOnlyDefaultVariant === false"},{type:"control",label:{en:"Height"},setting:{id:"combineHeight"},condition:"hasOnlyDefaultVariant === false"},{type:"tab",label:{en:"States"},isMoreSetting:!0,condition:"hasOnlyDefaultVariant === false",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"optionBgColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"optionTextColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"optionBorder",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"optionRounded",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"optionHasShadow",state:"normal"}},{type:"control",label:{en:""},condition:"optionHasShadow?.normal === true",layout:"vertical",setting:{id:"optionShadow",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"optionBgColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"optionTextColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"optionBorder",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"optionRounded",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"optionHasShadow",state:"hover"}},{type:"control",label:{en:""},condition:"optionHasShadow?.hover === true",layout:"vertical",setting:{id:"optionShadow",state:"hover"}}]},{type:"group",label:{en:"Active"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"optionBgColor",state:"active"}},{type:"control",label:{en:"Text color"},setting:{id:"optionTextColor",state:"active"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"optionBorder",state:"active"}},{type:"control",label:{en:"Corner"},setting:{id:"optionRounded",state:"active"}},{type:"control",label:{en:"Shadow"},setting:{id:"optionHasShadow",state:"active"}},{type:"control",label:{en:""},layout:"vertical",condition:"optionHasShadow?.active === true",setting:{id:"optionShadow",state:"active"}}]}]}]},{type:"group",label:{en:""},condition:"optionType !== 'groupOption'",controls:[{type:"control",label:{en:"Title"},setting:{id:"label"},options:{label:"large",styleControl:{width:"auto"}}},{type:"control",setting:{id:"labelTypo"},layout:"vertical"},{type:"control",condition:"label == true",setting:{id:"labelTypography"},layout:"vertical"},{type:"control",condition:"label == true",label:{en:"Arrangement"},setting:{id:"layout"}},{type:"control",condition:"label == true",label:{en:"Gap"},setting:{id:"labelGap"}}]},{type:"group",label:{en:"Option value text"},controls:[{type:"control",setting:{id:"optionTypography"},layout:"vertical"},{type:"control",setting:{id:"optionTypo"},layout:"vertical"}]},{type:"group",label:{en:""},controls:[{type:"control",label:{en:"Pre-selected option"},setting:{id:"hasPreSelected"},options:{label:"large",styleControl:{width:"auto"}}},{type:"control",condition:"hasPreSelected == true",layout:"vertical",setting:{id:"selectVariantDefault"},options:{styleControl:{"max-width":"100%"}}},{type:"control",condition:"hasPreSelected == false",label:{en:"Blank option text"},setting:{id:"blankText"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{type:"control",label:{en:"Width"},condition:"fullWidth == false",setting:{id:"width"}},{type:"control",label:{en:"Spacing"},setting:{id:"marginBottom"}}]},{type:"control",label:{en:"Align"},setting:{id:"align"},options:{label:"large"}}];export{SettingUIV1};

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

@@ -1 +1 @@
-let SettingUIV2=[{controls:[{label:{en:"Type"},setting:{id:"optionType"},options:{labelVariant:"primary"}}]},{controls:[{label:{en:"Product source"},controlConfig:{id:"gp-to-product",type:"product-source"},layout:"vertical",options:{labelVariant:"primary"}}]},{label:{en:"Option gap"},conditionDisplay:"optionType === 'singleOption'",controls:[{label:{en:"Gap"},setting:{id:"marginBottom"}}]},{conditionDisplay:"optionType !== 'groupOption'",controls:[{label:{en:"Option title"},setting:{id:"label"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"label == true",label:{en:"Position"},setting:{id:"layout"}},{conditionDisplay:"label == true",label:{en:"Gap"},setting:{id:"labelGap"}},{conditionDisplay:"label == true",label:{en:"Text style"},setting:{id:"labelTypo"}}]},{conditionDisplay:"optionType === 'singleOption'",controls:[{layout:"vertical",setting:{id:"variantPresets"}}]},{label:{en:"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:{en:"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:{en:"Option style"},conditionDisplay:"optionType === 'groupOption'",controls:[{label:{en:"Width"},setting:{id:"combineWidth"}},{label:{en:"Height"},setting:{id:"combineHeight"}},{label:{en:"Background"},setting:{id:"optionBgColor",state:"normal"}},{label:{en:"Border"},setting:{id:"optionBorder",state:"normal"}},{label:{en:"Corner"},setting:{id:"optionRounded",state:"normal"}},{label:{en:"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:{en:"Hover effect"},conditionDisplay:"optionType === 'groupOption'",controls:[{label:{en:"Background"},setting:{id:"optionBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"optionTextColor",state:"hover"}},{label:{en:"Border"},setting:{id:"optionBorder",state:"hover"}},{label:{en:"Corner"},setting:{id:"optionRounded",state:"hover"}},{label:{en:"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:{en:"Sold out style"},controls:[{label:{en:"Type"},setting:{id:"soldOutStyle"}}]},{label:{en:"Size"},controls:[{label:{en:"Width"},setting:{id:"width"}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display option"},controls:[{layout:"vertical",setting:{id:"selectVariantDefault"}},{conditionDisplay:"productSetting?.hasPreSelected === false || (productSetting?.hasPreSelected === undefined && hasPreSelected == false)",label:{en:"Placeholder"},setting:{id:"blankText"}},{conditionDisplay:"optionType === 'groupOption'",label:{en:"Variant price"},setting:{id:"price"}}]},{controls:[{label:{en:"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{SettingUIV2};
+let SettingUIV2=[{controls:[{label:{en:"Type"},setting:{id:"optionType"},options:{labelVariant:"primary"}}]},{controls:[{label:{en:"Product source"},controlConfig:{id:"gp-to-product",type:"product-source"},layout:"vertical",options:{labelVariant:"primary"}}]},{label:{en:"Option gap"},conditionDisplay:"optionType === 'singleOption'",controls:[{label:{en:"Gap"},setting:{id:"marginBottom"}}]},{conditionDisplay:"optionType !== 'groupOption'",controls:[{label:{en:"Option title"},setting:{id:"label"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"label == true",label:{en:"Position"},setting:{id:"layout"}},{conditionDisplay:"label == true",label:{en:"Gap"},setting:{id:"labelGap"}},{conditionDisplay:"label == true",label:{en:"Text style"},setting:{id:"labelTypo"}}]},{conditionDisplay:"optionType === 'singleOption'",controls:[{layout:"vertical",setting:{id:"variantPresets"}}]},{label:{en:"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:{en:"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:{en:"Option style"},conditionDisplay:"optionType === 'groupOption'",controls:[{label:{en:"Width"},setting:{id:"combineWidth"}},{label:{en:"Height"},setting:{id:"combineHeight"}},{label:{en:"Background"},setting:{id:"optionBgColor",state:"normal"}},{label:{en:"Border"},setting:{id:"optionBorder",state:"normal"}},{label:{en:"Corner"},setting:{id:"optionRounded",state:"normal"}},{label:{en:"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:{en:"Hover effect"},conditionDisplay:"optionType === 'groupOption'",controls:[{label:{en:"Background"},setting:{id:"optionBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"optionTextColor",state:"hover"}},{label:{en:"Border"},setting:{id:"optionBorder",state:"hover"}},{label:{en:"Corner"},setting:{id:"optionRounded",state:"hover"}},{label:{en:"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:{en:"Sold out style"},controls:[{label:{en:"Type"},setting:{id:"soldOutStyle"}}]},{label:{en:"Size"},controls:[{label:{en:"Width"},setting:{id:"width"}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow?.normal?.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow?.normal?.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display option"},controls:[{layout:"vertical",setting:{id:"selectVariantDefault"}},{conditionDisplay:"productSetting?.hasPreSelected === false || (productSetting?.hasPreSelected === undefined && hasPreSelected == false)",label:{en:"Placeholder"},setting:{id:"blankText"}},{conditionDisplay:"optionType === 'groupOption'",label:{en:"Variant price"},setting:{id:"price"}}]},{controls:[{label:{en:"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{SettingUIV2};

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

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

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

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

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

@@ -1 +1 @@
-import{makeStyle as t,getStyleBackgroundByDevice as e,getGradientImageBgrStyleByDevice as l}from"@gem-sdk/core";import"react/jsx-runtime";import"react";import{ELEMENT_Z_INDEX as i}from"../../common/const.js";let getCSSPosition=t=>"top"==t?"sticky":"fixed",getDisplayStyle=(t,e,l)=>{let i={[`--top${t}`]:"auto",[`--${l+t}`]:"0",[`--pos${t}`]:getCSSPosition(l)};switch(e){case"after-first-cart-button":i[`--d${t}`]="none";break;case"always":i[`--d${t}`]="block"}return i},displayConditionStyle=(t,e)=>({...getDisplayStyle("",t?.desktop,e?.desktop),...getDisplayStyle("-tablet",t?.tablet??t?.desktop,e?.tablet??e?.desktop),...getDisplayStyle("-mobile",t?.mobile??t?.tablet??t?.desktop,e?.mobile??e?.tablet??e?.desktop)}),getCSSAlignByDevice=(t,e)=>({[`--left${e}`]:"top"==t?"0":"50%",[`--t${e}`]:"top"==t?"unset":"translateX(-50%)"}),getCSSAlign=t=>({...getCSSAlignByDevice(t?.desktop,""),...getCSSAlignByDevice(t?.tablet??t?.desktop,"-tablet"),...getCSSAlignByDevice(t?.mobile??t?.tablet??t?.desktop,"-mobile")}),getContainerStyles=t=>{let{position:e,display:l}=t;return{margin:"0 auto",...getCSSAlign(e),...displayConditionStyle(l,e),"z-index":i.STICKY}},getContentStyles=i=>{let{style:o,background:p}=i;return{...t({m:"0 auto"}),...getStylePadding(o),...filterStyles(o),...e(p),...l(p)}},getStylePadding=t=>{let e=["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"],l={};return e.forEach(e=>{t?.[e]&&(l[e]=t[e])}),l},filterStyles=t=>{let e={...t},l=["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"];return l.forEach(t=>{delete e?.[t]}),e};export{displayConditionStyle,filterStyles,getContainerStyles,getContentStyles,getDisplayStyle,getStylePadding};
+import{makeStyle as t,getStyleBackgroundByDevice as e,getGradientImageBgrStyleByDevice as l}from"@gem-sdk/core";import"react/jsx-runtime";import"react";import{ELEMENT_Z_INDEX as i}from"../../common/const.js";import{getBackgroundTranslated as o}from"../../helpers.js";let getCSSPosition=t=>"top"==t?"sticky":"fixed",getDisplayStyle=(t,e,l)=>{let i={[`--top${t}`]:"auto",[`--${l+t}`]:"0",[`--pos${t}`]:getCSSPosition(l)};switch(e){case"after-first-cart-button":i[`--d${t}`]="none";break;case"always":i[`--d${t}`]="block"}return i},displayConditionStyle=(t,e)=>({...getDisplayStyle("",t?.desktop,e?.desktop),...getDisplayStyle("-tablet",t?.tablet??t?.desktop,e?.tablet??e?.desktop),...getDisplayStyle("-mobile",t?.mobile??t?.tablet??t?.desktop,e?.mobile??e?.tablet??e?.desktop)}),getCSSAlignByDevice=(t,e)=>({[`--left${e}`]:"top"==t?"0":"50%",[`--t${e}`]:"top"==t?"unset":"translateX(-50%)"}),getCSSAlign=t=>({...getCSSAlignByDevice(t?.desktop,""),...getCSSAlignByDevice(t?.tablet??t?.desktop,"-tablet"),...getCSSAlignByDevice(t?.mobile??t?.tablet??t?.desktop,"-mobile")}),getContainerStyles=t=>{let{position:e,display:l}=t;return{margin:"0 auto",...getCSSAlign(e),...displayConditionStyle(l,e),"z-index":i.STICKY}},getContentStyles=({setting:i,style:p,uid:a,pageContext:r,type:s="React"})=>{let{background:n,translate:b}=i||{},S="Liquid"===s?o({background:n,uid:a,translate:b,pageContext:r,isTranslateVideo:!1}):n;return{...t({m:"0 auto"}),...getStylePadding(p),...filterStyles(p),...e(S||n),...l(S||n)}},getStylePadding=t=>{let e=["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"],l={};return e.forEach(e=>{t?.[e]&&(l[e]=t[e])}),l},filterStyles=t=>{let e={...t},l=["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"];return l.forEach(t=>{delete e?.[t]}),e};export{displayConditionStyle,filterStyles,getContainerStyles,getContentStyles,getDisplayStyle,getStylePadding};

package/dist/esm/sticky/components/Sticky.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,Fragment as r,jsx as i}from"react/jsx-runtime";import{useEditorMode as s,isEmptyChildren as m}from"@gem-sdk/core";import o from"next/head";import t from"../../grid/components/ChildrenDroppable.js";import"react";import{ELEMENT_Z_INDEX as a}from"../../common/const.js";import l from"../hooks/useSticky.js";import{createStyle as d,createClass as c}from"@gem-sdk/system";import{getContentStyles as n}from"../common/styles.js";import{getContainerClasses as p}from"../common/classes.js";let Sticky=({children:f,builderAttrs:g,setting:k,style:h,builderProps:u,advanced:y})=>{let j=s(),{background:b,preloadBgImage:x,width:C,isScrollToTop:S}=k??{},{positionStyle:v,displayStyle:I,makeDisplaySettingStyles:q,getCSSAlign:z,w:D}=l(k),K=d({margin:"0 auto",...I,...z,...v,zIndex:a.STICKY,..."edit"!==j&&q}),L=d(n({width:C,style:h,background:b})),N=c(p({uid:u?.uid,isScrollToTop:S,cssClass:y?.cssClass,isLiquid:!1}));return e(r,{children:[!!x&&e(o,{children:[!!b?.desktop?.image?.src&&i("link",{rel:"preload",href:b.desktop.image.src,as:"image"}),!!b?.tablet?.image?.src&&i("link",{rel:"preload",href:b.tablet.image.src,as:"image"}),!!b?.mobile?.image?.src&&i("link",{rel:"preload",href:b.mobile.image.src,as:"image"})]}),i("div",{className:N,id:u?.uid,style:{...D,...K},children:i("div",{...g,"data-id":u?.uid,style:L,children:m(f)?i(t,{}):f})})]})};export{Sticky as default};
+import{jsxs as e,Fragment as i,jsx as r}from"react/jsx-runtime";import{useEditorMode as s,isEmptyChildren as m}from"@gem-sdk/core";import o from"next/head";import t from"../../grid/components/ChildrenDroppable.js";import"react";import{ELEMENT_Z_INDEX as a}from"../../common/const.js";import d from"../hooks/useSticky.js";import{createStyle as l,createClass as c}from"@gem-sdk/system";import{getContentStyles as n}from"../common/styles.js";import{getContainerClasses as p}from"../common/classes.js";let Sticky=({children:g,builderAttrs:f,setting:u,style:k,builderProps:h,advanced:y,pageContext:j})=>{let b=s(),{background:x,preloadBgImage:C,isScrollToTop:S}=u??{},{positionStyle:v,displayStyle:I,makeDisplaySettingStyles:q,getCSSAlign:z,w:D}=d(u),K=l({margin:"0 auto",...I,...z,...v,zIndex:a.STICKY,..."edit"!==b&&q}),L=l(n({setting:u,style:k,uid:h?.uid,pageContext:j})),N=c(p({uid:h?.uid,isScrollToTop:S,cssClass:y?.cssClass,isLiquid:!1}));return e(i,{children:[!!C&&e(o,{children:[!!x?.desktop?.image?.src&&r("link",{rel:"preload",href:x.desktop.image.src,as:"image"}),!!x?.tablet?.image?.src&&r("link",{rel:"preload",href:x.tablet.image.src,as:"image"}),!!x?.mobile?.image?.src&&r("link",{rel:"preload",href:x.mobile.image.src,as:"image"})]}),r("div",{className:N,id:h?.uid,style:{...D,...K},children:r("div",{...f,"data-id":h?.uid,style:L,children:m(g)?r(t,{}):g})})]})};export{Sticky as default};

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

@@ -1,20 +1,20 @@
-import{makeStyleResponsive as s,template as e,RenderIf as t,isLocalEnv as i,baseAssetURL as r}from"@gem-sdk/core";import{getSettingPreloadData as a}from"../../helpers.js";import{createStyle as d,createClass as l,createStateOrContext as o}from"@gem-sdk/system";import{getContainerStyles as m,getContentStyles as p}from"../common/styles.js";import{getContainerClasses as c}from"../common/classes.js";let Sticky=({children:g,builderAttrs:$,setting:n,style:k,builderProps:f,advanced:y})=>{let{width:u,position:b,display:S,preloadBgImage:v,background:h,isScrollToTop:j}=n??{},E=y?.d,w=d({...s("w",u),...m({position:b,style:k,display:S})}),A=d(p({width:u,style:k,background:h})),C=l(c({uid:f?.uid,isScrollToTop:j,cssClass:y?.cssClass,isLiquid:!0})),G=o({uid:f?.uid,setting:{display:{desktop:S?.desktop,tablet:S?.tablet??S?.desktop,mobile:S?.mobile??S?.tablet??S?.desktop}},advanced:{d:E}}),N=`.drawer-page-content {
+import{makeStyleResponsive as s,template as e,RenderIf as t,isLocalEnv as i,baseAssetURL as a}from"@gem-sdk/core";import{getSettingPreloadData as r}from"../../helpers.js";import{createStyle as d,createClass as l,createStateOrContext as o}from"@gem-sdk/system";import{getContainerStyles as m,getContentStyles as p}from"../common/styles.js";import{getContainerClasses as c}from"../common/classes.js";let Sticky=({children:g,builderAttrs:n,setting:$,style:k,builderProps:f,advanced:y,pageContext:u})=>{let{width:b,position:S,display:v,preloadBgImage:h,background:j,isScrollToTop:E}=$??{},w=y?.d,C=d({...s("w",b),...m({position:S,style:k,display:v})}),x=d(p({setting:$,style:k,uid:f?.uid,pageContext:u})),A=l(c({uid:f?.uid,isScrollToTop:E,cssClass:y?.cssClass,isLiquid:!0})),G=o({uid:f?.uid,setting:{display:{desktop:v?.desktop,tablet:v?.tablet??v?.desktop,mobile:v?.mobile??v?.tablet??v?.desktop}},advanced:{d:w}}),N=`.drawer-page-content {
        transform: none !important;
       -webkit-transform: none !important;
   }`;return e`
-    ${t(!!v,`${t(!!h?.desktop?.image?.src,`<link rel="preload" href="${h?.desktop?.image?.src}" as="image" />`)}${t(!!h?.tablet?.image?.src,`<link rel="preload" href="${h?.tablet?.image?.src}" as="image" />`)}${t(!!h?.mobile?.image?.src,`<link rel="preload" href="${h?.mobile?.image?.src}" as="image" />`)}`)}
+    ${t(!!h,`${t(!!j?.desktop?.image?.src,`<link rel="preload" href="${j?.desktop?.image?.src}" as="image" />`)}${t(!!j?.tablet?.image?.src,`<link rel="preload" href="${j?.tablet?.image?.src}" as="image" />`)}${t(!!j?.mobile?.image?.src,`<link rel="preload" href="${j?.mobile?.image?.src}" as="image" />`)}`)}
     <gp-sticky
     data-id="${f?.uid}"
       gp-data='${JSON.stringify(G)}'
       id="${f?.uid}"
       data-id="${f?.uid}"
-      class="${C} ${a("gps-lazy")}"
-      style="${w}"
+      class="${A} ${r("gps-lazy")}"
+      style="${C}"
     >
       <style>${N}</style>
-      <div ${{...$}} style="${{...A}}">
+      <div ${{...n}} style="${{...x}}">
         ${g}
       </div>
     </gp-sticky>
-    ${t(i,`<script ${a('class="gps-link" delay',"src")}="{{ 'gp-sticky-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${a('class="gps-link" delay',"src")}="${r}/assets-v2/gp-sticky-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    ${t(i,`<script ${r('class="gps-link" delay',"src")}="{{ 'gp-sticky-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${r('class="gps-link" delay',"src")}="${a}/assets-v2/gp-sticky-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{Sticky as default};

package/dist/esm/sticky/index.js

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

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

@@ -1 +1 @@
-let StickySettings=[{id:"setting",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"width",type:"input:unit-width",label:"Width",min:0,units:["px","%"],devices:{desktop:{default:"100%"}}},{id:"background",type:"background",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"#FFFFFF",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"preloadBgImage",type:"toggle",label:"Preload Image",default:!1},{id:"position",label:"Position",type:"layout-segment",iconViewBox:"0 0 64 48",enableItemBackground:!0,options:[{label:"Bottom",value:"bottom",type:"sticky-position"},{label:"Top",value:"top",type:"sticky-position"}],devices:{desktop:{default:"bottom"}}},{id:"display",label:"Display",type:"sticky-display",devices:{desktop:{default:"always"}}},{id:"isScrollToTop",type:"toggle",default:!1}]}];export{StickySettings};
+let StickySettings=[{id:"setting",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"width",type:"input:unit-width",label:"Width",min:0,units:["px","%"],devices:{desktop:{default:"100%"}}},{id:"background",type:"background",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"#FFFFFF",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"translate",type:"input",default:[{id:"background",fields:["image.src"]}]},{id:"preloadBgImage",type:"toggle",label:"Preload Image",default:!1},{id:"position",label:"Position",type:"layout-segment",iconViewBox:"0 0 64 48",enableItemBackground:!0,options:[{label:"Bottom",value:"bottom",type:"sticky-position"},{label:"Top",value:"top",type:"sticky-position"}],devices:{desktop:{default:"bottom"}}},{id:"display",label:"Display",type:"sticky-display",devices:{desktop:{default:"always"}}},{id:"isScrollToTop",type:"toggle",default:!1}]}];export{StickySettings};

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

@@ -1 +1 @@
-let SettingUIV1=[{type:"group",label:{en:"Display"},controls:[{type:"control",label:{en:""},layout:"vertical",setting:{id:"display"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{condition:"fullWidth === false",type:"control",setting:{id:"width"},label:{en:"Width"},layout:"horizontal"}]},{type:"group",controls:[{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"},{label:{en:"Preload"},type:"control",setting:{id:"preloadBgImage"},condition:'background.type == "image"'}]},{type:"control",label:{en:"Position"},options:{label:"large"},setting:{id:"position"}}];export{SettingUIV1};
+let SettingUIV1=[{type:"group",label:{en:"Display"},controls:[{type:"control",label:{en:""},layout:"vertical",setting:{id:"display"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{condition:"fullWidth === false",type:"control",setting:{id:"width"},label:{en:"Width"},layout:"horizontal"}]},{type:"group",controls:[{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"},{label:{en:"Preload"},type:"control",setting:{id:"preloadBgImage"},condition:'background?.type == "image"'}]},{type:"control",label:{en:"Position"},options:{label:"large"},setting:{id:"position"}}];export{SettingUIV1};

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

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Layout"},controls:[{setting:{id:"position"},layout:"vertical"}]},{label:{en:"Size"},controls:[{setting:{id:"width"},label:{en:"Width"}},{label:{en:"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:{en:"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:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display option"},controls:[{label:{en:"Condition"},setting:{id:"display"}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:{en:"Layout"},controls:[{setting:{id:"position"},layout:"vertical"}]},{label:{en:"Size"},controls:[{setting:{id:"width"},label:{en:"Width"}},{label:{en:"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:{en:"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:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow?.normal?.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow?.normal?.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display option"},controls:[{label:{en:"Condition"},setting:{id:"display"}}]}];export{SettingUIV2};

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

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Layout"},controls:[{layout:"vertical",setting:{id:"position"}}]},{label:{en:"Tabs"},controls:[{label:{en:"Order"},setting:{id:"childItem"},controlConfig:{id:"childItem",type:"child-item",labelItem:"tab",labelPopover:{en:"Tab management"}}},{label:{en:"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:{en:"Width"},setting:{id:"panelWidth"}}],moreSettings:{type:"collapse",controls:[{id:"Width",label:{en:"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:{en:"Background"},setting:{id:"labelBgColor",state:"normal"}},{label:{en:"Border"},setting:{id:"borderTab",state:"normal"}},{conditionDisplay:'position == "top" && panelWidth != "100%"',label:{en:"Tabs align"},setting:{id:"panelAlign"}},{conditionDisplay:'position != "top" && labelWidth != "100%"',label:{en:"Tabs align"},setting:{id:"panelAlignVertical"}},{label:{en:"Hover effect"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Tabs hover effect"},controls:[{label:{en:"Text color"},setting:{id:"labelColor",state:"hover"}},{label:{en:"Background"},setting:{id:"labelBgColor",state:"hover"}},{label:{en:"Border"},setting:{id:"borderTab",state:"hover"}}]},{label:{en:"Active state"},type:"combo",setting:{id:"enableActiveEffect"},iconName:"polaris-status-active",fixedValue:"Styled",state:"active",popoverLabel:{en:"Tabs active state"},controls:[{label:{en:"Text color"},setting:{id:"labelColor",state:"active"}},{label:{en:"Background"},setting:{id:"labelBgColor",state:"active"}},{label:{en:"Border"},setting:{id:"borderTab",state:"active"}}]}]}},{label:{en:"Size"},controls:[{id:"containWidth",label:{en:"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:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display option"},controls:[{label:{en:"Default active"},setting:{id:"activeKey"}}]},{controls:[{label:{en:"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{SettingUIV2};
+let SettingUIV2=[{label:{en:"Layout"},controls:[{layout:"vertical",setting:{id:"position"}}]},{label:{en:"Tabs"},controls:[{label:{en:"Order"},setting:{id:"childItem"},controlConfig:{id:"childItem",type:"child-item",labelItem:"tab",labelPopover:{en:"Tab management"}}},{label:{en:"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:{en:"Width"},setting:{id:"panelWidth"}}],moreSettings:{type:"collapse",controls:[{id:"Width",label:{en:"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:{en:"Background"},setting:{id:"labelBgColor",state:"normal"}},{label:{en:"Border"},setting:{id:"borderTab",state:"normal"}},{conditionDisplay:'position == "top" && panelWidth != "100%"',label:{en:"Tabs align"},setting:{id:"panelAlign"}},{conditionDisplay:'position != "top" && labelWidth != "100%"',label:{en:"Tabs align"},setting:{id:"panelAlignVertical"}},{label:{en:"Hover effect"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Tabs hover effect"},controls:[{label:{en:"Text color"},setting:{id:"labelColor",state:"hover"}},{label:{en:"Background"},setting:{id:"labelBgColor",state:"hover"}},{label:{en:"Border"},setting:{id:"borderTab",state:"hover"}}]},{label:{en:"Active state"},type:"combo",setting:{id:"enableActiveEffect"},iconName:"polaris-status-active",fixedValue:"Styled",state:"active",popoverLabel:{en:"Tabs active state"},controls:[{label:{en:"Text color"},setting:{id:"labelColor",state:"active"}},{label:{en:"Background"},setting:{id:"labelBgColor",state:"active"}},{label:{en:"Border"},setting:{id:"borderTab",state:"active"}}]}]}},{label:{en:"Size"},controls:[{id:"containWidth",label:{en:"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:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow?.normal?.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow?.normal?.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display option"},controls:[{label:{en:"Default active"},setting:{id:"activeKey"}}]},{controls:[{label:{en:"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{SettingUIV2};

package/dist/esm/text/common/helpers.js

@@ -1 +1 @@
-import{replaceLinkData as t,getDynamicSourceLocales as e}from"../../helpers.js";import"@gem-sdk/core";let formatThickness=t=>t?"number"==typeof t?t+"px":"string"!=typeof t||t.includes("px")?t:t+"px":"auto",getDisplayText=({type:a,styles:r,setting:i,builderProps:o,pageContext:s})=>{let{text:n,isForceValue:l}=i??{},p="",g=["Heading","Text"].includes(o?.builderData?.tag??"")&&!s?.isPreviewing,c=t(n?.toString()),d=r?.typo?.attrs?.transform==="capitalize";return"React"===a?p=d?n?.toString().toLocaleLowerCase():n?.toString():l?p=c:i?.translate?(p=e({val:n,uid:o?.uid,settingId:i?.translate,pageContext:s,isCapitalize:d,translate:i.translate,isReplaceLocationOrigin:g}))==n&&(p=c):p=d?c?.toString().toLocaleLowerCase():c,p};export{formatThickness,getDisplayText};
+import{replaceLinkData as t,hasTranslateIdInSetting as e,getDynamicSourceLocales as i}from"../../helpers.js";import"@gem-sdk/core";let formatThickness=t=>t?"number"==typeof t?t+"px":"string"!=typeof t||t.includes("px")?t:t+"px":"auto",getDisplayText=({type:r,styles:a,setting:o,builderProps:s,pageContext:n})=>{let{text:l,isForceValue:p}=o??{},g="",c=["Heading","Text"].includes(s?.builderData?.tag??"")&&!n?.isPreviewing,u=t(l?.toString()),x=a?.typo?.attrs?.transform==="capitalize";return"React"===r?g=x?l?.toString().toLocaleLowerCase():l?.toString():p?g=u:e("text",o?.translate)?(g=i({val:l,uid:s?.uid,settingId:"text",pageContext:n,isCapitalize:x,translate:"true",isReplaceLocationOrigin:c}))==l&&(g=u):g=x?u?.toString().toLocaleLowerCase():u,g};export{formatThickness,getDisplayText};

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

@@ -1 +1 @@
-import{makeStyle as e,makeStyleResponsive as t,makeGlobalSize as r,getSingleColorVariable as o,composeBorderResponsive as l,composeRadiusResponsive as i,getResponsiveStyleShadowWithoutState as n,getStyleShadow as a,makeLineClamp as d,getGlobalColorStyle as y,getGlobalColorStateStyle as h,composeTypographyStyle as s,getStyleBackgroundByDevice as p,getGradientBgrStyleByDevice as c,filterHoverVariables as u}from"@gem-sdk/core";import{formatThickness as g}from"./helpers.js";function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let getStyle=(r,o)=>{let l={...e({mr:r?.spacing,mb:r?.spacing}),...t("ta",r?.align),...o,"--dynamic-source-color":"#F4F4F4"};return filterTruthyStyles(l)},getContainerStyle=(e,r)=>{let{tagWidth:o}=r??{},l={...t("jc",e?.align),...o};return filterTruthyStyles(l)},getTextStyle=(S,w)=>{let m=r(w?.globalSize),b=[S?.lineThrough&&"line-through",S?.typo?.attrs?.underline&&"underline"].filter(Boolean),f={...m?.width?.["--w"]?m.width:{"--w":"100%"},...e({tdc:o(S?.lineColor?.normal),tdt:g(S?.thickness)}),...l(S?.shapeBorder),...i(S?.shapeRounded),...n(S?.shapeBoxShadow,"box-shadow",S?.shapeBoxShadow),...a({value:S?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:S?.typo?.custom?.hasShadowText}),...t("ta",S?.textAlign),...t("line-clamp",d(S?.lineClamp,S?.hasLineClamp)),...S?.textColor?y(S.textColor):h("c",S?.color),...s(S?.typo,S?.typography),"word-break":"break-word",...p(w?.background),...m.padding,...c(w?.background,{desktop:!0,tablet:!0,mobile:!0}),overflow:"hidden",...S?.opacityPrice&&{opacity:`${S?.opacityPrice}%`},...e({tdl:b.join(" ")})};return S?.enableHoverEffect?filterTruthyStyles(f):u(f)},getTextStyleInline=e=>{let t={...s(e?.typo),"word-break":"break-word",overflow:"hidden"};return filterTruthyStyles(t)};export{getContainerStyle,getStyle,getTextStyle,getTextStyleInline};
+import{makeStyle as e,makeStyleResponsive as t,makeGlobalSize as r,getSingleColorVariable as o,composeBorderResponsive as l,composeRadiusResponsive as i,getResponsiveStyleShadowWithoutState as a,getStyleShadow as n,makeLineClamp as d,getGlobalColorStyle as s,getGlobalColorStateStyle as h,composeTypographyStyle as y,getStyleBackgroundByDevice as p,getGradientBgrStyleByDevice as c,filterHoverVariables as u}from"@gem-sdk/core";import{formatThickness as g}from"./helpers.js";import{getBackgroundTranslated as S}from"../../helpers.js";function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let getStyle=(r,o)=>{let l={...e({mr:r?.spacing,mb:r?.spacing}),...t("ta",r?.align),...o,"--dynamic-source-color":"#F4F4F4"};return filterTruthyStyles(l)},getContainerStyle=(e,r)=>{let{tagWidth:o}=r??{},l={...t("jc",e?.align),...o};return filterTruthyStyles(l)},getTextStyle=({styles:m,setting:w,builderProps:f,pageContext:b,type:x="React"})=>{let T=w?.background;"Liquid"===x&&(T=S({background:T,uid:f?.uid,translate:w?.translate,pageContext:b,isTranslateVideo:!1}));let k=r(w?.globalSize),C=[m?.lineThrough&&"line-through",m?.typo?.attrs?.underline&&"underline"].filter(Boolean),j={...k?.width?.["--w"]?k.width:{"--w":"100%"},...e({tdc:o(m?.lineColor?.normal),tdt:g(m?.thickness)}),...l(m?.shapeBorder),...i(m?.shapeRounded),...a(m?.shapeBoxShadow,"box-shadow",m?.shapeBoxShadow),...n({value:m?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:m?.typo?.custom?.hasShadowText}),...t("ta",m?.textAlign),...t("line-clamp",d(m?.lineClamp,m?.hasLineClamp)),...m?.textColor?s(m.textColor):h("c",m?.color),...y(m?.typo,m?.typography),"word-break":"break-word",...p(T),...k.padding,...c(T,{desktop:!0,tablet:!0,mobile:!0}),overflow:"hidden",...m?.opacityPrice&&{opacity:`${m?.opacityPrice}%`},...e({tdl:C.join(" ")})};return m?.enableHoverEffect?filterTruthyStyles(j):u(j)},getTextStyleInline=e=>{let t={...y(e?.typo),"word-break":"break-word",overflow:"hidden"};return filterTruthyStyles(t)};export{getContainerStyle,getStyle,getTextStyle,getTextStyleInline};

package/dist/esm/text/components/Text.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRenderMode as r}from"@gem-sdk/core";import{forwardRef as m}from"react";import{createAttr as o,createStyleReact as s,createClass as a,createContent as l}from"@gem-sdk/system";import{getAttr as i,getTextAttr as n}from"../common/attrs.js";import{getStyle as c,getContainerStyle as p,getTextStyle as d}from"../common/styles.js";import{getClasses as f,getContainerClasses as u,getTextClasses as y}from"../common/classes.js";import{getDisplayText as g}from"../common/helpers.js";let Text=m(({styles:m,builderAttrs:h,style:j,setting:v,advanced:x,builderProps:D,className:T,children:N,disableEdit:k,...S},_)=>{let{isEditMode:E,isPreviewSharePageMode:H}=r(),{htmlTag:I="div",options:L}=v??{},M=o({...i({uid:D?.uid||""})}),R=o({...n(L)}),b=s({...c(m,j)}),q=s({...p(m,v)}),w=s({...d(m,v)}),z=a({...f({setting:v,advanced:x,builderProps:D})}),A=a({...u({setting:v})}),B=a({...y({styles:m,setting:v,className:T,isEdit:E||H,disableEdit:k})}),C=g({type:"React",styles:m,setting:v,builderProps:D}),F=l(C);return e("div",{...M,...S,...h,style:b,className:z,children:[t("div",{className:A,style:{...q},children:t(I,{ref:_,...R,className:B,onDragStart:e=>e.preventDefault(),onDrop:e=>e.preventDefault(),style:{...w},dangerouslySetInnerHTML:{__html:F}})}),N]})});export{Text as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRenderMode as r}from"@gem-sdk/core";import{forwardRef as m}from"react";import{createAttr as o,createStyleReact as s,createClass as a,createContent as l}from"@gem-sdk/system";import{getAttr as i,getTextAttr as n}from"../common/attrs.js";import{getStyle as c,getContainerStyle as p,getTextStyle as d}from"../common/styles.js";import{getClasses as f,getContainerClasses as u,getTextClasses as y}from"../common/classes.js";import{getDisplayText as g}from"../common/helpers.js";let Text=m(({styles:m,builderAttrs:h,style:j,setting:v,advanced:x,builderProps:D,className:T,children:N,disableEdit:k,...S},_)=>{let{isEditMode:E,isPreviewSharePageMode:H}=r(),{htmlTag:I="div",options:L}=v??{},M=o({...i({uid:D?.uid||""})}),R=o({...n(L)}),b=s({...c(m,j)}),q=s({...p(m,v)}),w=s({...d({styles:m,setting:v,builderProps:D})}),z=a({...f({setting:v,advanced:x,builderProps:D})}),A=a({...u({setting:v})}),B=a({...y({styles:m,setting:v,className:T,isEdit:E||H,disableEdit:k})}),C=g({type:"React",styles:m,setting:v,builderProps:D}),F=l(C);return e("div",{...M,...S,...h,style:b,className:z,children:[t("div",{className:A,style:{...q},children:t(I,{ref:_,...R,className:B,onDragStart:e=>e.preventDefault(),onDrop:e=>e.preventDefault(),style:{...w},dangerouslySetInnerHTML:{__html:F}})}),N]})});export{Text as default};

package/dist/esm/text/components/Text.liquid.js

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