@gem-sdk/components 12.0.0-dev.132 → 12.0.0-dev.138

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

@@ -1 +1 @@
-import{makeStyleResponsive as t,usePageStore as e,useCurrentDevice as o}from"@gem-sdk/core";import{useMemo as l}from"react";let useSticky=p=>{let{width:a,position:s}=p??{},b=t("w",a),d=e(t=>"interaction"===t.sidebarMode),i=o(),k=(t,e)=>({[`--left${e}`]:"top"==t?"0":"50%",[`--t${e}`]:"top"==t?"unset":"translateX(-50%)"}),m=l(()=>({...k(s?.desktop,""),...k(s?.tablet??s?.desktop,"-tablet"),...k(s?.mobile??s?.tablet??s?.desktop,"-mobile")}),[s?.desktop,s?.mobile,s?.tablet]),r=l(()=>{if(d&&s?.[i]==="top")return"40px"},[i,d,s]),y=l(()=>({"--d":(p?.display?.desktop,"block"),"--d-tablet":(p?.display?.tablet??p?.display?.desktop,"block"),"--d-mobile":(p?.display?.mobile??p?.display?.tablet??p?.display?.desktop,"block")}),[p?.display?.desktop,p?.display?.mobile,p?.display?.tablet]),c=l(()=>({"--top":r??"auto","--top-tablet":r??"auto","--top-mobile":r??"auto",[`--${s?.desktop}`]:r??"0px",[`--${s?.tablet??s?.desktop}-tablet`]:r??"0px",[`--${s?.mobile??s?.tablet??s?.desktop}-mobile`]:r??"0px"}),[r,s?.desktop,s?.mobile,s?.tablet]),u=t=>"top"==t?"sticky":"fixed",f=l(()=>({"--pos":u(s?.desktop),"--pos-tablet":u(s?.tablet??s?.desktop),"--pos-mobile":u(s?.mobile??s?.tablet??s?.desktop)}),[s?.desktop,s?.mobile,s?.tablet]);return{w:b,displayStyle:c,positionStyle:f,getCSSAlign:m,makeDisplaySettingStyles:y}};export{useSticky as default};
+import{makeStyleResponsive as t,usePageStore as e,useCurrentDevice as o}from"@gem-sdk/core";import{useMemo as l}from"react";let p=p=>{let{width:a,position:s}=p??{},b=t("w",a),d=e(t=>"interaction"===t.sidebarMode),i=o(),k=(t,e)=>({[`--left${e}`]:"top"==t?"0":"50%",[`--t${e}`]:"top"==t?"unset":"translateX(-50%)"}),m=l(()=>({...k(s?.desktop,""),...k(s?.tablet??s?.desktop,"-tablet"),...k(s?.mobile??s?.tablet??s?.desktop,"-mobile")}),[s?.desktop,s?.mobile,s?.tablet]),r=l(()=>{if(d&&s?.[i]==="top")return"40px"},[i,d,s]),y=l(()=>({"--d":(p?.display?.desktop,"block"),"--d-tablet":(p?.display?.tablet??p?.display?.desktop,"block"),"--d-mobile":(p?.display?.mobile??p?.display?.tablet??p?.display?.desktop,"block")}),[p?.display?.desktop,p?.display?.mobile,p?.display?.tablet]),c=l(()=>({"--top":r??"auto","--top-tablet":r??"auto","--top-mobile":r??"auto",[`--${s?.desktop}`]:r??"0px",[`--${s?.tablet??s?.desktop}-tablet`]:r??"0px",[`--${s?.mobile??s?.tablet??s?.desktop}-mobile`]:r??"0px"}),[r,s?.desktop,s?.mobile,s?.tablet]),u=t=>"top"==t?"sticky":"fixed",f=l(()=>({"--pos":u(s?.desktop),"--pos-tablet":u(s?.tablet??s?.desktop),"--pos-mobile":u(s?.mobile??s?.tablet??s?.desktop)}),[s?.desktop,s?.mobile,s?.tablet]);return{w:b,displayStyle:c,positionStyle:f,getCSSAlign:m,makeDisplaySettingStyles:y}};export{p 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"next/link";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 e={Sticky:t};export{e as stickySetting};

package/dist/esm/sticky/next.js

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

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

@@ -1 +1 @@
-import{StickyPreset as t,StickyPresetProduct as i,StickyPresetScrollToTop as s}from"./configs/presets.js";import{StickySettings as o}from"./configs/settings.js";import{SettingUIV2 as e}from"./configs/ui-v2.js";import{StickySettingsV2 as n}from"./configs/settings-v2.js";let config={tag:"Sticky",label:"Sticky",icon:"",settings:o,settingsV2:n,ui:[],uiV2:e,presets:[t,i,s],editorConfigs:{slots:{children:!0},toolbar:{parent:!0},placeholder:{notAppendTags:["Sticky","Section"]}}};export{config as default};
+import{StickyPreset as t,StickyPresetProduct as s,StickyPresetScrollToTop as i}from"./configs/presets.js";import{StickySettings as o}from"./configs/settings.js";import{SettingUIV2 as e}from"./configs/ui-v2.js";import{StickySettingsV2 as n}from"./configs/settings-v2.js";let r={tag:"Sticky",label:"Sticky",icon:"",settings:o,settingsV2:n,ui:[],uiV2:e,presets:[t,s,i],editorConfigs:{slots:{children:!0},toolbar:{parent:!0},placeholder:{notAppendTags:["Sticky","Section"]}}};export{r as default};

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

@@ -1,4 +1,4 @@
-let StickyPreset={id:"sticky",name:"Sticky Add to Cart",icon:{desktop:`
+let t={id:"sticky",name:"Sticky Add to Cart",icon:{desktop:`
       <svg width="96" height="56" viewBox="0 0 96 56" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path d="M4.75 3C4.75 1.75736 5.75736 0.75 7 0.75H89C90.2426 0.75 91.25 1.75736 91.25 3V53C91.25 54.2426 90.2426 55.25 89 55.25H7C5.75736 55.25 4.75 54.2426 4.75 53V3Z" stroke="#5E5E5E" stroke-width="1.5"/>
       <path d="M0 31C0 29.3431 1.34315 28 3 28H93C94.6569 28 96 29.3431 96 31V53C96 54.6569 94.6569 56 93 56H3C1.34315 56 0 54.6569 0 53V31Z" fill="#5E5E5E"/>
@@ -9,7 +9,7 @@ let StickyPreset={id:"sticky",name:"Sticky Add to Cart",icon:{desktop:`
       <circle cx="64.2674" cy="46.5138" r="1.15512" fill="white"/>
       <circle cx="69.5565" cy="46.5138" r="1.15512" fill="white"/>
       </svg>
-		`},components:[{tag:"Sticky",label:"Sticky",settings:{width:{desktop:"100%"}},advanced:{hasBoxShadow:{desktop:{normal:!0}},boxShadow:{desktop:{normal:{type:"shadow-2",distance:"12px",blur:"12px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Product",label:"Product",settings:{layout:{desktop:{cols:[4,8],display:"fill"},mobile:{cols:[12]}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"},isSyncProduct:!0},styles:{verticalGutter:{desktop:"8px"},verticalGutterMobile:{desktop:"0px"},fullWidth:{desktop:!1}},advanced:{"spacing-setting":{desktop:{margin:{},padding:{left:"4px",right:"4px",top:"4px",bottom:"4px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px",tablet:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1},border:{desktop:{normal:{borderType:"none",border:"solid",borderWidth:"0px",width:"0px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}}},op:{desktop:"100%"}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductImagesV2",label:"Product Images",settings:{hoverEffect:"none"},styles:{position:{desktop:"only-feature",mobile:"only-feature"},ftShape:{desktop:{shape:"square",shapeValue:"1/1",width:"32px",height:void 0}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductTitle",label:"Product Title",settings:{htmlTag:"h1",linkProduct:!1},styles:{typo:{type:"subheading-3",custom:{fontSize:{desktop:"16px"},fontWeight:"400",lineHeight:"24px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},textAlign:{desktop:"left"},hasLineClamp:{desktop:!0},lineClamp:{desktop:1},color:{normal:"text-2"},hasTextShadow:{normal:!1,hover:!1},textShadow:{normal:{type:"shadow-1"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}},{tag:"ProductPrice",label:"Product Price",settings:{priceType:"regular"},styles:{typo:{type:"subheading-2",default:{type:"subheading-2"},custom:{fontSize:{desktop:"14px"},fontWeight:"400",lineHeight:"20px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},lineThrough:!0,thickness:1,lineColor:"text-1",color:{normal:"text-2"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]},{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,3,3],display:"fill"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px",tablet:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductVariants",label:"Product Variants & Swatches",settings:{optionType:"groupOption",label:!0,optionAlign:{desktop:"left"},price:!0,showAsSwatches:!0,combineFullWidth:{desktop:!0},combineWidth:{desktop:"400px"},combineHeight:"40px",variantPresets:[{optionName:"base",optionType:"rectangle_list",presets:{color:{width:{desktop:"45px",tablet:"45px",mobile:"45px"},height:"45px",spacing:"16px"},rectangle_list:{width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px",spacing:"16px"},image:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},image_shopify:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},dropdown:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px"}}}],soldOutMark:!0,layout:{desktop:"vertical"},column:{desktop:1},hasPreSelected:!0,blankText:"Please select an option"},styles:{fullWidth:{desktop:!0},width:{desktop:"400px"},optionSpacing:"30px",labelGap:"8px",swatchAutoWidth:{desktop:!0},swatchWidth:{desktop:"80px"},swatchHeight:{desktop:"40px"},swatchSpacing:"var(--g-s-m)",marginBottom:{desktop:"var(--g-s-xl)",mobile:"var(--g-s-xl)"},align:{desktop:"left"},labelTypo:{type:"paragraph-2",attrs:{color:"text-1",bold:!0}},labelColor:"text-2",optionTypo:{type:"paragraph-2"},optionBgColor:{normal:"bg-3",hover:"bg-3",active:"bg-3"},optionTextColor:{normal:"text-2",hover:"text-2",active:"text-2"},optionBorder:{normal:{borderType:"style-2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"2px 2px 2px 2px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"custom"},hover:{radiusType:"none"},active:{radiusType:"none"}},optionHasShadow:{normal:!1},optionShadow:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},dropdownItemWidth:{desktop:"fill",mobile:"fill",tablet:"fill"},fixedDropdownWidth:{desktop:"240px"},swatchItemWidth:{desktop:"auto"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductQuantity",label:"Product Quantity",settings:{hasButton:!0,enableHoverButton:!0},styles:{inputHeight:{desktop:"40px"},buttonWidth:{desktop:"40px"},iconSizeCustom:{desktop:"20px"},typo:{type:"paragraph-2",attrs:{color:"text-1"}},align:{desktop:"left"},inputBackgroundColor:"bg-3",textColor:"text-2",buttonBackgroundColor:{normal:"bg-3"},iconColor:{normal:"text-2"},borderBtn:{normal:{},hover:{borderType:"style-3",border:"solid",width:"1px 1px 1px 1px",color:"line-3",isCustom:!1}},corner:{desktop:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductButton",label:"Product Cart Button",settings:{label:"Add to cart",outOfStockLabel:"Out of stock",actionEffect:"open-cart-drawer",customURL:{link:"/cart",target:"_self"},successMessage:"Add product to cart successfully",errorMessage:"Cannot add product to cart",buttonLayout:"cart-only",iconAlign:"left",errorType:"built-in"},styles:{backgroundColor:{normal:"brand",hover:"highlight"},textColor:{normal:"text-3"},borderBtn:{normal:{border:"solid",color:"#121212",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"},hover:{border:"solid",color:"#4D4D4D",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"}},hasBoxShadowBtn:{normal:!1,hover:!1},boxShadowBtn:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},roundedBtnV2:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}},align:{desktop:"left"},typo:{type:"paragraph-1"},transform:"default",btnSpacing:{type:"medium"},fullWidth:{desktop:!0},iconSizeAuto:!0,size:{desktop:"1em"},iconDimension:{desktop:"24px"},spacing:"8px",successTypo:{type:"paragraph-2"},successColor:"success",errorTypo:{type:"paragraph-2"},errorColor:"error",isCustomOutOfStock:!1,oosBackground:"brand",oosTextColor:"text-3",oosBorder:{normal:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,borderWidth:"0px",width:"0px 0px 0px 0px"}},oosEnableShadow:!1,oosShadow:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90},oosRounded:{radiusType:"none"},globalSize:{desktop:{width:"100%"}},enableIcon:!1,enablePrice:!1,enableSeparator:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]}]}]}]}],toolbarActiveConfig:{tag:"Product",path:0}},StickyPresetScrollToTop={id:"sticky-scroll-to-top",name:"Sticky Back to top",icon:{desktop:`
+		`},components:[{tag:"Sticky",label:"Sticky",settings:{width:{desktop:"100%"}},advanced:{hasBoxShadow:{desktop:{normal:!0}},boxShadow:{desktop:{normal:{type:"shadow-2",distance:"12px",blur:"12px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Product",label:"Product",settings:{layout:{desktop:{cols:[4,8],display:"fill"},mobile:{cols:[12]}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"},isSyncProduct:!0},styles:{verticalGutter:{desktop:"8px"},verticalGutterMobile:{desktop:"0px"},fullWidth:{desktop:!1}},advanced:{"spacing-setting":{desktop:{margin:{},padding:{left:"4px",right:"4px",top:"4px",bottom:"4px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px",tablet:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1},border:{desktop:{normal:{borderType:"none",border:"solid",borderWidth:"0px",width:"0px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}}},op:{desktop:"100%"}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductImagesV2",label:"Product Images",settings:{hoverEffect:"none"},styles:{position:{desktop:"only-feature",mobile:"only-feature"},ftShape:{desktop:{shape:"square",shapeValue:"1/1",width:"32px",height:void 0}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductTitle",label:"Product Title",settings:{htmlTag:"h1",linkProduct:!1},styles:{typo:{type:"subheading-3",custom:{fontSize:{desktop:"16px"},fontWeight:"400",lineHeight:"24px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},textAlign:{desktop:"left"},hasLineClamp:{desktop:!0},lineClamp:{desktop:1},color:{normal:"text-2"},hasTextShadow:{normal:!1,hover:!1},textShadow:{normal:{type:"shadow-1"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}},{tag:"ProductPrice",label:"Product Price",settings:{priceType:"regular"},styles:{typo:{type:"subheading-2",default:{type:"subheading-2"},custom:{fontSize:{desktop:"14px"},fontWeight:"400",lineHeight:"20px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},lineThrough:!0,thickness:1,lineColor:"text-1",color:{normal:"text-2"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]},{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,3,3],display:"fill"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px",tablet:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductVariants",label:"Product Variants & Swatches",settings:{optionType:"groupOption",label:!0,optionAlign:{desktop:"left"},price:!0,showAsSwatches:!0,combineFullWidth:{desktop:!0},combineWidth:{desktop:"400px"},combineHeight:"40px",variantPresets:[{optionName:"base",optionType:"rectangle_list",presets:{color:{width:{desktop:"45px",tablet:"45px",mobile:"45px"},height:"45px",spacing:"16px"},rectangle_list:{width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px",spacing:"16px"},image:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},image_shopify:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},dropdown:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px"}}}],soldOutMark:!0,layout:{desktop:"vertical"},column:{desktop:1},hasPreSelected:!0,blankText:"Please select an option"},styles:{fullWidth:{desktop:!0},width:{desktop:"400px"},optionSpacing:"30px",labelGap:"8px",swatchAutoWidth:{desktop:!0},swatchWidth:{desktop:"80px"},swatchHeight:{desktop:"40px"},swatchSpacing:"var(--g-s-m)",marginBottom:{desktop:"var(--g-s-xl)",mobile:"var(--g-s-xl)"},align:{desktop:"left"},labelTypo:{type:"paragraph-2",attrs:{color:"text-1",bold:!0}},labelColor:"text-2",optionTypo:{type:"paragraph-2"},optionBgColor:{normal:"bg-3",hover:"bg-3",active:"bg-3"},optionTextColor:{normal:"text-2",hover:"text-2",active:"text-2"},optionBorder:{normal:{borderType:"style-2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"2px 2px 2px 2px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"custom"},hover:{radiusType:"none"},active:{radiusType:"none"}},optionHasShadow:{normal:!1},optionShadow:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},dropdownItemWidth:{desktop:"fill",mobile:"fill",tablet:"fill"},fixedDropdownWidth:{desktop:"240px"},swatchItemWidth:{desktop:"auto"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductQuantity",label:"Product Quantity",settings:{hasButton:!0,enableHoverButton:!0},styles:{inputHeight:{desktop:"40px"},buttonWidth:{desktop:"40px"},iconSizeCustom:{desktop:"20px"},typo:{type:"paragraph-2",attrs:{color:"text-1"}},align:{desktop:"left"},inputBackgroundColor:"bg-3",textColor:"text-2",buttonBackgroundColor:{normal:"bg-3"},iconColor:{normal:"text-2"},borderBtn:{normal:{},hover:{borderType:"style-3",border:"solid",width:"1px 1px 1px 1px",color:"line-3",isCustom:!1}},corner:{desktop:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductButton",label:"Product Cart Button",settings:{label:"Add to cart",outOfStockLabel:"Out of stock",actionEffect:"open-cart-drawer",customURL:{link:"/cart",target:"_self"},successMessage:"Add product to cart successfully",errorMessage:"Cannot add product to cart",buttonLayout:"cart-only",iconAlign:"left",errorType:"built-in"},styles:{backgroundColor:{normal:"brand",hover:"highlight"},textColor:{normal:"text-3"},borderBtn:{normal:{border:"solid",color:"#121212",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"},hover:{border:"solid",color:"#4D4D4D",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"}},hasBoxShadowBtn:{normal:!1,hover:!1},boxShadowBtn:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},roundedBtnV2:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}},align:{desktop:"left"},typo:{type:"paragraph-1"},transform:"default",btnSpacing:{type:"medium"},fullWidth:{desktop:!0},iconSizeAuto:!0,size:{desktop:"1em"},iconDimension:{desktop:"24px"},spacing:"8px",successTypo:{type:"paragraph-2"},successColor:"success",errorTypo:{type:"paragraph-2"},errorColor:"error",isCustomOutOfStock:!1,oosBackground:"brand",oosTextColor:"text-3",oosBorder:{normal:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,borderWidth:"0px",width:"0px 0px 0px 0px"}},oosEnableShadow:!1,oosShadow:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90},oosRounded:{radiusType:"none"},globalSize:{desktop:{width:"100%"}},enableIcon:!1,enablePrice:!1,enableSeparator:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]}]}]}]}],toolbarActiveConfig:{tag:"Product",path:0}},o={id:"sticky-scroll-to-top",name:"Sticky Back to top",icon:{desktop:`
     <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <rect width="40" height="40" rx="20" fill="#424242"/>
     <path d="M13.6001 14C13.6001 13.5581 13.9583 13.2 14.4001 13.2H25.6001C26.0419 13.2 26.4001 13.5581 26.4001 14C26.4001 14.4418 26.0419 14.8 25.6001 14.8H14.4001C13.9583 14.8 13.6001 14.4418 13.6001 14Z" fill="#F9F9F9"/>
@@ -17,7 +17,7 @@ let StickyPreset={id:"sticky",name:"Sticky Add to Cart",icon:{desktop:`
     <path fill-rule="evenodd" clip-rule="evenodd" d="M19.4342 15.8342C19.7466 15.5217 20.2532 15.5217 20.5656 15.8342L25.3656 20.6342C25.678 20.9466 25.678 21.4531 25.3656 21.7655C25.0532 22.078 24.5466 22.078 24.2342 21.7655L19.9999 17.5312L15.7656 21.7655C15.4532 22.078 14.9466 22.078 14.6342 21.7655C14.3218 21.4531 14.3218 20.9466 14.6342 20.6342L19.4342 15.8342Z" fill="#F9F9F9"/>
     </svg>    
 		`},components:[{tag:"Sticky",label:"Sticky",settings:{fullWidth:{desktop:!1,mobile:!0,tablet:!0},position:{desktop:"bottom"},preloadBgImage:!1,width:{desktop:"100%"},background:{desktop:{type:"color",color:"",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},isScrollToTop:!0},advanced:{"spacing-setting":{desktop:{padding:{type:"custom",top:"16px",bottom:"16px",left:"24px",right:"24px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Button",label:"Button",settings:{enableBtnLink:!0,btnLink:{type:"scroll-to",link:"#scroll-to-top",selectedTab:"scrollToList",target:"_self",title:"Section"},disabled:!1,htmlType:"button",iconAlign:"left",iconSvg:`<svg height="20px" width="20px" data-name="arrow-line-up-bold" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor">
-              <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M208.49,143.51a12,12,0,0,1-17,17L140,109V224a12,12,0,0,1-24,0V109L64.49,160.49a12,12,0,0,1-17-17l72-72a12,12,0,0,1,17,0ZM216,28H40a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24Z"></path></svg>`,iconVisible:!0,label:"",shouldClearSpace:!0},styles:{enableTextStyle:!1,align:{desktop:"right"},backgroundColor:{normal:"brand",hover:"highlight"},borderBtnV2:{normal:{border:"none",borderType:"none",borderWidth:"1px",isCustom:!1,width:"1px 1px 1px 1px"}},boxShadowBtnV2:{normal:{angle:90,blur:"12px",color:"rgba(0, 0, 0, 0.20)",distance:"4px",spread:"0px",type:"shadow-1"}},btnSpacing:{type:"medium"},fullWidth:{desktop:!1},globalSize:{desktop:{gap:"",height:"Auto",padding:{bottom:"12px",left:"12px",linked:!0,right:"12px",top:"12px",type:"custom"},width:"Auto"},mobile:{gap:"",height:"Auto",padding:{bottom:"12px",left:"12px",linked:!0,right:"12px",top:"12px",type:"custom"},width:"Auto"}},hasBoxShadowBtn:{hover:!1,normal:!1},iconDimension:{desktop:"24px"},iconSizeAuto:!0,roundedBtnV2:{normal:{btrr:"99999px",bblr:"99999px",bbrr:"99999px",btlr:"99999px",radiusType:"circle"}},size:{desktop:"1em"},spacing:"8px",textColor:{normal:"text-3"},transform:"default",typo:{custom:{fontFamily:"Assistant",fontSize:{desktop:"24px",mobile:"14px",tablet:"14px"},fontStyle:"normal",fontWeight:"400",letterSpacing:{desktop:"0.6px"},lineHeight:{desktop:"140%",mobile:"140%",tablet:"140%"}},type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{},padding:{},link:!1}}}}]}]}]},StickyPresetProduct={id:"sticky-product",name:"Sticky Add to Cart",icon:{desktop:`
+              <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M208.49,143.51a12,12,0,0,1-17,17L140,109V224a12,12,0,0,1-24,0V109L64.49,160.49a12,12,0,0,1-17-17l72-72a12,12,0,0,1,17,0ZM216,28H40a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24Z"></path></svg>`,iconVisible:!0,label:"",shouldClearSpace:!0},styles:{enableTextStyle:!1,align:{desktop:"right"},backgroundColor:{normal:"brand",hover:"highlight"},borderBtnV2:{normal:{border:"none",borderType:"none",borderWidth:"1px",isCustom:!1,width:"1px 1px 1px 1px"}},boxShadowBtnV2:{normal:{angle:90,blur:"12px",color:"rgba(0, 0, 0, 0.20)",distance:"4px",spread:"0px",type:"shadow-1"}},btnSpacing:{type:"medium"},fullWidth:{desktop:!1},globalSize:{desktop:{gap:"",height:"Auto",padding:{bottom:"12px",left:"12px",linked:!0,right:"12px",top:"12px",type:"custom"},width:"Auto"},mobile:{gap:"",height:"Auto",padding:{bottom:"12px",left:"12px",linked:!0,right:"12px",top:"12px",type:"custom"},width:"Auto"}},hasBoxShadowBtn:{hover:!1,normal:!1},iconDimension:{desktop:"24px"},iconSizeAuto:!0,roundedBtnV2:{normal:{btrr:"99999px",bblr:"99999px",bbrr:"99999px",btlr:"99999px",radiusType:"circle"}},size:{desktop:"1em"},spacing:"8px",textColor:{normal:"text-3"},transform:"default",typo:{custom:{fontFamily:"Assistant",fontSize:{desktop:"24px",mobile:"14px",tablet:"14px"},fontStyle:"normal",fontWeight:"400",letterSpacing:{desktop:"0.6px"},lineHeight:{desktop:"140%",mobile:"140%",tablet:"140%"}},type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{},padding:{},link:!1}}}}]}]}]},e={id:"sticky-product",name:"Sticky Add to Cart",icon:{desktop:`
       <svg width="96" height="56" viewBox="0 0 96 56" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path d="M4.75 3C4.75 1.75736 5.75736 0.75 7 0.75H89C90.2426 0.75 91.25 1.75736 91.25 3V53C91.25 54.2426 90.2426 55.25 89 55.25H7C5.75736 55.25 4.75 54.2426 4.75 53V3Z" stroke="#5E5E5E" stroke-width="1.5"/>
       <path d="M0 31C0 29.3431 1.34315 28 3 28H93C94.6569 28 96 29.3431 96 31V53C96 54.6569 94.6569 56 93 56H3C1.34315 56 0 54.6569 0 53V31Z" fill="#5E5E5E"/>
@@ -28,4 +28,4 @@ let StickyPreset={id:"sticky",name:"Sticky Add to Cart",icon:{desktop:`
       <circle cx="64.2674" cy="46.5138" r="1.15512" fill="white"/>
       <circle cx="69.5565" cy="46.5138" r="1.15512" fill="white"/>
       </svg>
-		`},components:[{tag:"Sticky",label:"Sticky",advanced:{hasBoxShadow:{desktop:{normal:!0}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"0px",blur:"10px",spread:"0px",color:"rgba(0, 0, 0, 0.1)",angle:90}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Product",label:"Product",settings:{productSetting:{productStatus:"dynamic"},layout:{desktop:{cols:[4,8],display:"fill"},mobile:{cols:[12]}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"},isSyncProduct:!0},styles:{verticalGutter:{desktop:"8px",tablet:"8px"},verticalGutterMobile:{desktop:"0px"},fullWidth:{desktop:!1}},advanced:{"spacing-setting":{desktop:{margin:{},padding:{left:"4px",right:"4px",top:"4px",bottom:"4px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px",tablet:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1},border:{desktop:{normal:{borderType:"none",border:"solid",borderWidth:"0px",width:"0px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}}},op:{desktop:"100%"}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductImagesV2",label:"Product Images",settings:{hoverEffect:"none"},styles:{position:{desktop:"only-feature",mobile:"only-feature"},ftShape:{desktop:{shape:"square",shapeValue:"1/1",width:"32px",height:void 0}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductTitle",label:"Product Title",settings:{htmlTag:"h1",linkProduct:!1},styles:{typo:{type:"subheading-3",custom:{fontSize:{desktop:"18px",tablet:"18px",mobile:"18px"},fontWeight:"400",lineHeight:"24px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},textAlign:{desktop:"left"},hasLineClamp:{desktop:!0},lineClamp:{desktop:1},color:{normal:"text-2"},hasTextShadow:{normal:!1,hover:!1},textShadow:{normal:{type:"shadow-1"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}},{tag:"ProductPrice",label:"Product Price",settings:{priceType:"regular"},styles:{typo:{type:"subheading-2",default:{type:"subheading-2"},custom:{fontSize:{desktop:"14px"},fontWeight:"400",lineHeight:"20px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},lineThrough:!0,thickness:1,lineColor:"text-1",color:{normal:"text-2"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]},{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,3,3],display:"fill"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductVariants",label:"Product Variants & Swatches",settings:{optionType:"groupOption",label:!0,optionAlign:{desktop:"left"},price:!0,showAsSwatches:!0,combineFullWidth:{desktop:!0},combineWidth:{desktop:"400px"},combineHeight:"40px",variantPresets:[{optionName:"base",optionType:"rectangle_list",presets:{color:{width:{desktop:"45px",tablet:"45px",mobile:"45px"},height:"45px",spacing:"16px"},rectangle_list:{width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px",spacing:"16px"},image:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},image_shopify:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},dropdown:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px"}}}],soldOutMark:!0,layout:{desktop:"vertical"},column:{desktop:1},hasPreSelected:!0,blankText:"Please select an option"},styles:{fullWidth:{desktop:!0},width:{desktop:"400px"},optionSpacing:"30px",labelGap:"8px",swatchAutoWidth:{desktop:!0},swatchWidth:{desktop:"80px"},swatchHeight:{desktop:"40px"},swatchSpacing:"var(--g-s-m)",marginBottom:{desktop:"var(--g-s-xl)",mobile:"var(--g-s-xl)"},align:{desktop:"left"},labelTypo:{type:"paragraph-2",attrs:{color:"text-1",bold:!0}},labelColor:"text-2",optionTypo:{type:"paragraph-2"},optionBgColor:{normal:"bg-3",hover:"bg-3",active:"bg-3"},optionTextColor:{normal:"text-2",hover:"text-2",active:"text-2"},optionBorder:{normal:{borderType:"style-2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"2px 2px 2px 2px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"custom"},hover:{radiusType:"none"},active:{radiusType:"none"}},optionHasShadow:{normal:!1},optionShadow:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},dropdownItemWidth:{desktop:"fill",mobile:"fill",tablet:"fill"},fixedDropdownWidth:{desktop:"240px"},swatchItemWidth:{desktop:"auto"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductQuantity",label:"Product Quantity",settings:{hasButton:!0,enableHoverButton:!0},styles:{inputHeight:{desktop:"40px"},buttonWidth:{desktop:"40px"},iconSizeCustom:{desktop:"20px"},typo:{type:"paragraph-2",attrs:{color:"text-1"}},align:{desktop:"left"},inputBackgroundColor:"bg-3",textColor:"text-2",buttonBackgroundColor:{normal:"bg-3"},iconColor:{normal:"text-2"},borderBtn:{normal:{},hover:{borderType:"style-3",border:"solid",width:"1px 1px 1px 1px",color:"line-3",isCustom:!1}},corner:{desktop:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}}}},advanced:{rounded:{desktop:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"none"}}},"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductButton",label:"Product Cart Button",settings:{label:"Add to cart",outOfStockLabel:"Out of stock",actionEffect:"open-cart-drawer",customURL:{link:"/cart",target:"_self"},successMessage:"Add product to cart successfully",errorMessage:"Cannot add product to cart",buttonLayout:"cart-only",iconAlign:"left",errorType:"built-in"},styles:{backgroundColor:{normal:"brand",hover:"highlight"},backgroundColorV2:{normal:"brand",hover:"highlight"},textColor:{normal:"text-3"},borderBtn:{normal:{border:"solid",color:"#121212",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"},hover:{border:"solid",color:"#4D4D4D",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"}},hasBoxShadowBtn:{normal:!1,hover:!1},boxShadowBtn:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},roundedBtnV2:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}},align:{desktop:"left"},typo:{type:"paragraph-1"},transform:"default",btnSpacing:{type:"medium"},fullWidth:{desktop:!0},iconSizeAuto:!0,size:{desktop:"1em"},iconDimension:{desktop:"24px"},spacing:"8px",successTypo:{type:"paragraph-2"},successColor:"success",errorTypo:{type:"paragraph-2"},errorColor:"error",isCustomOutOfStock:!1,oosBackground:"brand",oosTextColor:"text-3",oosBorder:{normal:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,borderWidth:"0px",width:"0px 0px 0px 0px"}},oosEnableShadow:!1,oosShadow:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90},oosRounded:{radiusType:"none"},globalSize:{desktop:{width:"100%"}},enableIcon:!1,enablePrice:!1,enableSeparator:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]}]}]}]}],toolbarActiveConfig:{tag:"Product",path:0}};export{StickyPreset,StickyPresetProduct,StickyPresetScrollToTop};
+		`},components:[{tag:"Sticky",label:"Sticky",advanced:{hasBoxShadow:{desktop:{normal:!0}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"0px",blur:"10px",spread:"0px",color:"rgba(0, 0, 0, 0.1)",angle:90}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Product",label:"Product",settings:{productSetting:{productStatus:"dynamic"},layout:{desktop:{cols:[4,8],display:"fill"},mobile:{cols:[12]}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"},isSyncProduct:!0},styles:{verticalGutter:{desktop:"8px",tablet:"8px"},verticalGutterMobile:{desktop:"0px"},fullWidth:{desktop:!1}},advanced:{"spacing-setting":{desktop:{margin:{},padding:{left:"4px",right:"4px",top:"4px",bottom:"4px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px",tablet:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1},border:{desktop:{normal:{borderType:"none",border:"solid",borderWidth:"0px",width:"0px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}}},op:{desktop:"100%"}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductImagesV2",label:"Product Images",settings:{hoverEffect:"none"},styles:{position:{desktop:"only-feature",mobile:"only-feature"},ftShape:{desktop:{shape:"square",shapeValue:"1/1",width:"32px",height:void 0}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductTitle",label:"Product Title",settings:{htmlTag:"h1",linkProduct:!1},styles:{typo:{type:"subheading-3",custom:{fontSize:{desktop:"18px",tablet:"18px",mobile:"18px"},fontWeight:"400",lineHeight:"24px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},textAlign:{desktop:"left"},hasLineClamp:{desktop:!0},lineClamp:{desktop:1},color:{normal:"text-2"},hasTextShadow:{normal:!1,hover:!1},textShadow:{normal:{type:"shadow-1"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}},{tag:"ProductPrice",label:"Product Price",settings:{priceType:"regular"},styles:{typo:{type:"subheading-2",default:{type:"subheading-2"},custom:{fontSize:{desktop:"14px"},fontWeight:"400",lineHeight:"20px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},lineThrough:!0,thickness:1,lineColor:"text-1",color:{normal:"text-2"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]},{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,3,3],display:"fill"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductVariants",label:"Product Variants & Swatches",settings:{optionType:"groupOption",label:!0,optionAlign:{desktop:"left"},price:!0,showAsSwatches:!0,combineFullWidth:{desktop:!0},combineWidth:{desktop:"400px"},combineHeight:"40px",variantPresets:[{optionName:"base",optionType:"rectangle_list",presets:{color:{width:{desktop:"45px",tablet:"45px",mobile:"45px"},height:"45px",spacing:"16px"},rectangle_list:{width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px",spacing:"16px"},image:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},image_shopify:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},dropdown:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px"}}}],soldOutMark:!0,layout:{desktop:"vertical"},column:{desktop:1},hasPreSelected:!0,blankText:"Please select an option"},styles:{fullWidth:{desktop:!0},width:{desktop:"400px"},optionSpacing:"30px",labelGap:"8px",swatchAutoWidth:{desktop:!0},swatchWidth:{desktop:"80px"},swatchHeight:{desktop:"40px"},swatchSpacing:"var(--g-s-m)",marginBottom:{desktop:"var(--g-s-xl)",mobile:"var(--g-s-xl)"},align:{desktop:"left"},labelTypo:{type:"paragraph-2",attrs:{color:"text-1",bold:!0}},labelColor:"text-2",optionTypo:{type:"paragraph-2"},optionBgColor:{normal:"bg-3",hover:"bg-3",active:"bg-3"},optionTextColor:{normal:"text-2",hover:"text-2",active:"text-2"},optionBorder:{normal:{borderType:"style-2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"2px 2px 2px 2px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"custom"},hover:{radiusType:"none"},active:{radiusType:"none"}},optionHasShadow:{normal:!1},optionShadow:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},dropdownItemWidth:{desktop:"fill",mobile:"fill",tablet:"fill"},fixedDropdownWidth:{desktop:"240px"},swatchItemWidth:{desktop:"auto"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductQuantity",label:"Product Quantity",settings:{hasButton:!0,enableHoverButton:!0},styles:{inputHeight:{desktop:"40px"},buttonWidth:{desktop:"40px"},iconSizeCustom:{desktop:"20px"},typo:{type:"paragraph-2",attrs:{color:"text-1"}},align:{desktop:"left"},inputBackgroundColor:"bg-3",textColor:"text-2",buttonBackgroundColor:{normal:"bg-3"},iconColor:{normal:"text-2"},borderBtn:{normal:{},hover:{borderType:"style-3",border:"solid",width:"1px 1px 1px 1px",color:"line-3",isCustom:!1}},corner:{desktop:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}}}},advanced:{rounded:{desktop:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"none"}}},"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductButton",label:"Product Cart Button",settings:{label:"Add to cart",outOfStockLabel:"Out of stock",actionEffect:"open-cart-drawer",customURL:{link:"/cart",target:"_self"},successMessage:"Add product to cart successfully",errorMessage:"Cannot add product to cart",buttonLayout:"cart-only",iconAlign:"left",errorType:"built-in"},styles:{backgroundColor:{normal:"brand",hover:"highlight"},backgroundColorV2:{normal:"brand",hover:"highlight"},textColor:{normal:"text-3"},borderBtn:{normal:{border:"solid",color:"#121212",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"},hover:{border:"solid",color:"#4D4D4D",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"}},hasBoxShadowBtn:{normal:!1,hover:!1},boxShadowBtn:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},roundedBtnV2:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}},align:{desktop:"left"},typo:{type:"paragraph-1"},transform:"default",btnSpacing:{type:"medium"},fullWidth:{desktop:!0},iconSizeAuto:!0,size:{desktop:"1em"},iconDimension:{desktop:"24px"},spacing:"8px",successTypo:{type:"paragraph-2"},successColor:"success",errorTypo:{type:"paragraph-2"},errorColor:"error",isCustomOutOfStock:!1,oosBackground:"brand",oosTextColor:"text-3",oosBorder:{normal:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,borderWidth:"0px",width:"0px 0px 0px 0px"}},oosEnableShadow:!1,oosShadow:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90},oosRounded:{radiusType:"none"},globalSize:{desktop:{width:"100%"}},enableIcon:!1,enablePrice:!1,enableSeparator:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]}]}]}]}],toolbarActiveConfig:{tag:"Product",path:0}};export{t as StickyPreset,e as StickyPresetProduct,o as StickyPresetScrollToTop};

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

@@ -1 +1 @@
-let StickySettingsV2=[{id:"setting",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,isRowWith:!0,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]},{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#dddddd",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,loop:!0}}}},{id:"preloadBgImage",type:"toggle",label:"Preload Image",default:!1},{id:"position",label:"Layout",type:"layout-selector",iconViewBox:"0 0 76 48",itemPerRow:2,itemSpacing:"large",enableItemBackground:!0,enableItemOpacity:!0,options:[{label:"Bottom",value:"bottom",iconName:"gp-sticky-position-bottom"},{label:"Top",value:"top",iconName:"gp-sticky-position-top"}],devices:{desktop:{default:"bottom"}}},{id:"display",label:"Display",type:"select",devices:{desktop:{default:"always"}},options:[{label:"Always show",value:"always"},{label:"After first cart button",value:"after-first-cart-button"}]},{id:"isScrollToTop",type:"toggle",default:!1}]}];export{StickySettingsV2};
+let e=[{id:"setting",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,isRowWith:!0,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]},{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#dddddd",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,loop:!0}}}},{id:"preloadBgImage",type:"toggle",label:"Preload Image",default:!1},{id:"position",label:"Layout",type:"layout-selector",iconViewBox:"0 0 76 48",itemPerRow:2,itemSpacing:"large",enableItemBackground:!0,enableItemOpacity:!0,options:[{label:"Bottom",value:"bottom",iconName:"gp-sticky-position-bottom"},{label:"Top",value:"top",iconName:"gp-sticky-position-top"}],devices:{desktop:{default:"bottom"}}},{id:"display",label:"Display",type:"select",devices:{desktop:{default:"always"}},options:[{label:"Always show",value:"always"},{label:"After first cart button",value:"after-first-cart-button"}]},{id:"isScrollToTop",type:"toggle",default:!1}]}];export{e as StickySettingsV2};

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 e=[{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{e as StickySettings};

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

@@ -1 +1 @@
-let Sticky={background:{id:"background",fields:["image.src"]}};export{Sticky};
+let c={background:{id:"background",fields:["image.src"]}};export{c as Sticky};

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

@@ -1 +1 @@
-let SettingUIV2=[{label:"Layout",controls:[{setting:{id:"position"},layout:"vertical"}]},{label:"Size",controls:[{setting:{id:"width"},label:"Width"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{type:"custom",top:"16px",bottom:"16px",left:"24px",right:"24px"}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Display option",controls:[{label:"Condition",setting:{id:"display"}}]}];export{SettingUIV2};
+let o=[{label:"Layout",controls:[{setting:{id:"position"},layout:"vertical"}]},{label:"Size",controls:[{setting:{id:"width"},label:"Width"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{type:"custom",top:"16px",bottom:"16px",left:"24px",right:"24px"}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Display option",controls:[{label:"Condition",setting:{id:"display"}}]}];export{o as SettingUIV2};

package/dist/esm/stock-counter/common/attrs.js

@@ -1 +1 @@
-let getLiquidTagAttrs=(t,e,a)=>{let{displayByDefault:s,scarcityThreshold:r=0,template:i,outOfStockMessage:o,continueSelling:d,unlimitedQuantityMessage:l,hiddenCounterWhenOutOfStock:g}=e??{},{displayProgressBar:p,textColor:c,oosTextColor:u,typo:A}=a??{},n=c||"brand",y=A?.attrs?.color;return{"data-id":t?.uid??"","data-visible":"{{ should_display }}","data-policy":"{{ variant_policy_list | escape }}","gp-setting":JSON.stringify({displayByDefault:s,displayProgressBar:p,scarcityThreshold:r,template:i,outOfStockMessage:o,continueSelling:d,unlimitedQuantityMessage:l,color:n,hiddenCounterWhenOutOfStock:g,oosTextColor:u,typoColor:y}).replaceAll('"',""")}},getLiquidProgressBarAttrs=()=>({"data-slot-type":"progress-bar","data-visible":"{{ show_progress_bar }}"}),getLiquidTextAttrs=()=>({"data-slot-type":"message"}),getWrapperAttrs=t=>({"data-id":t?.uid??""}),getIconAttrs=(t,e)=>({"data-slot-type":t?"oos-icon":"has-stock-icon","data-visible":e?"true":"false"});export{getIconAttrs,getLiquidProgressBarAttrs,getLiquidTagAttrs,getLiquidTextAttrs,getWrapperAttrs};
+let t=(t,a,e)=>{let{displayByDefault:s,scarcityThreshold:r=0,template:i,outOfStockMessage:l,continueSelling:o,unlimitedQuantityMessage:d,hiddenCounterWhenOutOfStock:p}=a??{},{displayProgressBar:g,textColor:c,oosTextColor:n,typo:u}=e??{},y=u?.attrs?.color;return{"data-id":t?.uid??"","data-visible":"{{ should_display }}","data-policy":"{{ variant_policy_list | escape }}","gp-setting":JSON.stringify({displayByDefault:s,displayProgressBar:g,scarcityThreshold:r,template:i,outOfStockMessage:l,continueSelling:o,unlimitedQuantityMessage:d,color:c||"brand",hiddenCounterWhenOutOfStock:p,oosTextColor:n,typoColor:y}).replaceAll('"',""")}},a=()=>({"data-slot-type":"progress-bar","data-visible":"{{ show_progress_bar }}"}),e=()=>({"data-slot-type":"message"}),s=t=>({"data-id":t?.uid??""}),r=(t,a)=>({"data-slot-type":t?"oos-icon":"has-stock-icon","data-visible":a?"true":"false"});export{r as getIconAttrs,a as getLiquidProgressBarAttrs,t as getLiquidTagAttrs,e as getLiquidTextAttrs,s as getWrapperAttrs};

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

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

package/dist/esm/stock-counter/common/helpers.js

@@ -1,21 +1,21 @@
-let QUANTITY_SOURCE={AUTO:"auto",MANUAL:"manual"},OUT_OF_STOCK={SHOW:"show",HIDE:"hide"},DEFAULT_QUANTITY_TEMPLATE="%number%",DEFAULT_HIGHLIGHT_TAG="mark",NO_PRODUCT_LEFT=0,DEFAULT_SCARCITY_THRESHOLD=12,DEFAULT_REMAINING_QUANTITY=12,DEFAULT_REMAINING_PERCENT=20,MIN_REMAINING_QUANTITY=0,MIN_REMAINING_PERCENT=10,MAX_REMAINING_PERCENT=100,DEFAULT_RANGE_STEP=10,DEFAULT_FONT_SIZE=20,DEFAULT_PROGRESS_BAR_HEIGHT=10,MIN_PROGRESS_BAR_HEIGHT=5,MAX_PROGRESS_BAR_HEIGHT=20,CONTINUE_SELLING_WHEN_OUT_OF_STOCK="CONTINUE",getLiquidTextContent=e=>{let{templateStringDisplay:t,outOfStockMessageDisplay:a,continueSellingDisplay:i,unlimitedQuantityMessageDisplay:n}=e??{};return`{% if inventory_management == null and inventory_quantity <= 0 %}
+let e={AUTO:"auto",MANUAL:"manual"},a={SHOW:"show",HIDE:"hide"},i="%number%",t="mark",n=0,r=12,s=12,l=20,o=0,_=10,d=100,g=10,u=20,p=10,y=5,v=20,T="CONTINUE",c=e=>{let{templateStringDisplay:a,outOfStockMessageDisplay:i,continueSellingDisplay:t,unlimitedQuantityMessageDisplay:n}=e??{};return`{% if inventory_management == null and inventory_quantity <= 0 %}
                     ${n}
                   {% elsif available == false %}
-                    ${a}
-                  {% elsif available and inventory_policy == '${CONTINUE_SELLING_WHEN_OUT_OF_STOCK.toLowerCase()}' and inventory_quantity <= 0 %}
                     ${i}
-                  {% else %}
+                  {% elsif available and inventory_policy == '${T.toLowerCase()}' and inventory_quantity <= 0 %}
                     ${t}
-                  {% endif %}`},getLiquidInitData=(e,t)=>{let{scarcityThreshold:a=0,hiddenCounterWhenOutOfStock:i,displayByDefault:n}=e??{},{displayProgressBar:_}=t??{},r=!!a&&a>0;return`{%- liquid
+                  {% else %}
+                    ${a}
+                  {% endif %}`},f=(e,a)=>{let{scarcityThreshold:i=0,hiddenCounterWhenOutOfStock:t,displayByDefault:n}=e??{},{displayProgressBar:r}=a??{},s=!!i&&i>0;return`{%- liquid
       assign current_variant = variant
       assign available = current_variant.available | default: false
       assign inventory_management = current_variant.inventory_management | default: null
       assign inventory_policy = current_variant.inventory_policy | default: 'deny'
       assign inventory_quantity = current_variant.inventory_quantity | default: 0
-      assign scarcityThreshold = ${r}
+      assign scarcityThreshold = ${s}
       assign check_display = ${!!n}
 
-      if inventory_management != null and available == false and inventory_quantity <= 0 and inventory_policy != '${CONTINUE_SELLING_WHEN_OUT_OF_STOCK.toLowerCase()}'
+      if inventory_management != null and available == false and inventory_quantity <= 0 and inventory_policy != '${T.toLowerCase()}'
         assign is_out_of_stock = true
         else
         assign is_out_of_stock = false
@@ -23,17 +23,17 @@ let QUANTITY_SOURCE={AUTO:"auto",MANUAL:"manual"},OUT_OF_STOCK={SHOW:"show",HIDE
 
       if check_display == true
         assign should_display = true
-      elsif ${r} and inventory_quantity >= 0 and inventory_quantity < ${a}
+      elsif ${s} and inventory_quantity >= 0 and inventory_quantity < ${i}
         assign should_display = true
       else
         assign should_display = false
       endif
 
-      if ${!0===i} and available == false
+      if ${!0===t} and available == false
         assign should_display = false
       endif
 
-      if ${!0===_} and available
+      if ${!0===r} and available
         assign show_progress_bar = true
       else
         assign show_progress_bar = false
@@ -46,26 +46,26 @@ let QUANTITY_SOURCE={AUTO:"auto",MANUAL:"manual"},OUT_OF_STOCK={SHOW:"show",HIDE
         "{{ variant.id }}_management":"{{ variant.inventory_management }}"{% if forloop.last == false %},{% endif %}
         {% endfor %}
       }
-    {% endcapture %}`},getTextDisplayData=(e,t)=>{let{templateStringDisplay:a,outOfStockMessageDisplay:i,continueSellingDisplay:n,unlimitedQuantityMessageDisplay:_}=e??{},{textColor:r}=t??{},s=r||"brand";return`
-    <div class="gp-hidden gp-text-white gp-py-1 gp-px-2 gp-mr-1 gp-inline-block gp-my-[1px] gp-text-g-${s} gp-bg-g-${s}" >
-      <div id="template">${a}</div>
-      <div id="out-of-stock-message">${i}</div>
+    {% endcapture %}`},$=(e,a)=>{let{templateStringDisplay:i,outOfStockMessageDisplay:t,continueSellingDisplay:n,unlimitedQuantityMessageDisplay:r}=e??{},{textColor:s}=a??{},l=s||"brand";return`
+    <div class="gp-hidden gp-text-white gp-py-1 gp-px-2 gp-mr-1 gp-inline-block gp-my-[1px] gp-text-g-${l} gp-bg-g-${l}" >
+      <div id="template">${i}</div>
+      <div id="out-of-stock-message">${t}</div>
       <div id="continue-selling">${n}</div>
-      <div id="unlimited-quantity-message">${_}</div>
-    </div>`},getInlineCss=(e,t)=>{let a=getBorderRadius(t);if(e)return`
+      <div id="unlimited-quantity-message">${r}</div>
+    </div>`},b=(e,a)=>{let i=E(a);if(e)return`
       [data-id="${e}"]  {
           .gp-sc-progress-bar{
-            ${a}
+            ${i}
           }
           .gp-sc-progress-bar:before{
-            ${a}
+            ${i}
           }
-      }`},getBorderRadius=e=>`
+      }`},E=e=>`
   border-top-left-radius: ${e?.bbrr??"0px"};
   border-top-right-radius: ${e?.bblr??"0px"};
   border-bottom-left-radius: ${e?.btrr??"0px"};
-  border-bottom-right-radius: ${e?.btlr??"0px"};`,transformHighlighTag=(e,t)=>{if(!e.includes(`<${DEFAULT_HIGHLIGHT_TAG}>`))return e;let a="gp-text-white gp-py-1 gp-px-2 gp-mr-1 gp-inline-block gp-my-[1px]",i=`<${DEFAULT_HIGHLIGHT_TAG}>`;return i=t.includes("#")?`
-      <${DEFAULT_HIGHLIGHT_TAG} class='${a}' style='background-color: ${t}'>
+  border-bottom-right-radius: ${e?.btlr??"0px"};`,m=(e,a)=>{if(!e.includes(`<${t}>`))return e;let i="gp-text-white gp-py-1 gp-px-2 gp-mr-1 gp-inline-block gp-my-[1px]",n=`<${t}>`;return n=a.includes("#")?`
+      <${t} class='${i}' style='background-color: ${a}'>
     `:`
-      <${DEFAULT_HIGHLIGHT_TAG} class='${a} gp-bg-g-${t}'>
-    `,e.replaceAll(`<${DEFAULT_HIGHLIGHT_TAG}>`,i)},transformNumberTag=(e,t,a)=>{if(!e.includes(DEFAULT_QUANTITY_TEMPLATE))return e;let i="";return i=t.includes("#")?`<span style='--c: ${t}'><$quantity$></span>`:`<span class='gp-text-g-${t}'><$quantity$></span>`,a&&(i=i.replace("<$quantity$>",a.toString())),e.replaceAll(DEFAULT_QUANTITY_TEMPLATE,i)},convertSizeToWidth=e=>{let t={};return e["--size"]&&(t["--w"]=e["--size"]),e["--size-tablet"]&&(t["--w-tablet"]=e["--size-tablet"]),e["--size-mobile"]&&(t["--w-mobile"]=e["--size-mobile"]),t};export{CONTINUE_SELLING_WHEN_OUT_OF_STOCK,DEFAULT_FONT_SIZE,DEFAULT_HIGHLIGHT_TAG,DEFAULT_PROGRESS_BAR_HEIGHT,DEFAULT_QUANTITY_TEMPLATE,DEFAULT_RANGE_STEP,DEFAULT_REMAINING_PERCENT,DEFAULT_REMAINING_QUANTITY,DEFAULT_SCARCITY_THRESHOLD,MAX_PROGRESS_BAR_HEIGHT,MAX_REMAINING_PERCENT,MIN_PROGRESS_BAR_HEIGHT,MIN_REMAINING_PERCENT,MIN_REMAINING_QUANTITY,NO_PRODUCT_LEFT,OUT_OF_STOCK,QUANTITY_SOURCE,convertSizeToWidth,getInlineCss,getLiquidInitData,getLiquidTextContent,getTextDisplayData,transformHighlighTag,transformNumberTag};
+      <${t} class='${i} gp-bg-g-${a}'>
+    `,e.replaceAll(`<${t}>`,n)},A=(e,a,t)=>{if(!e.includes(i))return e;let n="";return n=a.includes("#")?`<span style='--c: ${a}'><$quantity$></span>`:`<span class='gp-text-g-${a}'><$quantity$></span>`,t&&(n=n.replace("<$quantity$>",t.toString())),e.replaceAll(i,n)},N=e=>{let a={};return e["--size"]&&(a["--w"]=e["--size"]),e["--size-tablet"]&&(a["--w-tablet"]=e["--size-tablet"]),e["--size-mobile"]&&(a["--w-mobile"]=e["--size-mobile"]),a};export{T as CONTINUE_SELLING_WHEN_OUT_OF_STOCK,u as DEFAULT_FONT_SIZE,t as DEFAULT_HIGHLIGHT_TAG,p as DEFAULT_PROGRESS_BAR_HEIGHT,i as DEFAULT_QUANTITY_TEMPLATE,g as DEFAULT_RANGE_STEP,l as DEFAULT_REMAINING_PERCENT,s as DEFAULT_REMAINING_QUANTITY,r as DEFAULT_SCARCITY_THRESHOLD,v as MAX_PROGRESS_BAR_HEIGHT,d as MAX_REMAINING_PERCENT,y as MIN_PROGRESS_BAR_HEIGHT,_ as MIN_REMAINING_PERCENT,o as MIN_REMAINING_QUANTITY,n as NO_PRODUCT_LEFT,a as OUT_OF_STOCK,e as QUANTITY_SOURCE,N as convertSizeToWidth,b as getInlineCss,f as getLiquidInitData,c as getLiquidTextContent,$ as getTextDisplayData,m as transformHighlighTag,A as transformNumberTag};

package/dist/esm/stock-counter/common/styles.js

@@ -1 +1 @@
-import{makeStyleResponsive as e,makeWidth as t,makeStyle as r,getSingleColorVariable as o,composeTypographyStyle as s,getStyleShadow as l,genVariable as n,getShortName as a,composeTypographyV2 as p}from"@gem-sdk/core";import{convertSizeToWidth as g}from"./helpers.js";let getProgressBarStyles=(s,l)=>{let n;let{progressBarHeight:a,color:p}=s??{},{remainingPercentage:g}=l??{};return a&&(n=Object.fromEntries(Object.entries(a).map(([e,t])=>[e,Number((t+"").replace("px",""))]))),{...e("h",t(n),"px"),...r({bg:"linear-gradient(90deg, #eee 50%, transparent 50%)",bgc:o(p),bgp:`${parseInt(String(g||0))}% center`})}},getContainerStyles=s=>{let{width:l,textColor:n}=s??{};return{...e("w",t(l)),...r({c:o(n)})}},getWrapperStyles=t=>{let{alignment:r}=t??{};return{...e("jc",r)}},getIconStyles=(e,t,s)=>{let{iconColor:l,oosIconColor:n}=e??{};return{...r({c:o(s?n:l)}),...getIconSize(e,t)}},getTextStyles=(e,t)=>{let{typo:r,oosTextColor:o}=e??{},n={...r,attrs:{...r?.attrs,color:t?o:r?.attrs?.color}},a=s(n,e?.typography);return{...a,...l({value:r?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:r?.custom?.hasShadowText})}};function getIconSize(o,s){let{typo:l}=o??{},{iconSize:c}=s??{};if(c?.desktop)return{...e("w",t(c),"px")};let i=l&&!l.custom?n(a(`typography-${l.type}-fontSize`)):void 0,S=l&&l.custom?g(p(l.custom)):{};return i?r({w:i}):S}export{getContainerStyles,getIconStyles,getProgressBarStyles,getTextStyles,getWrapperStyles};
+import{makeStyle as t,getSingleColorVariable as e,makeStyleResponsive as r,makeWidth as o,composeTypographyStyle as s,getStyleShadow as l,genVariable as n,getShortName as a,composeTypographyV2 as p}from"@gem-sdk/core";import{convertSizeToWidth as c}from"./helpers.js";let g=(s,l)=>{let n;let{progressBarHeight:a,color:p}=s??{},{remainingPercentage:c}=l??{};return a&&(n=Object.fromEntries(Object.entries(a).map(([t,e])=>[t,Number((e+"").replace("px",""))]))),{...r("h",o(n),"px"),...t({bg:"linear-gradient(90deg, #eee 50%, transparent 50%)",bgc:e(p),bgp:`${parseInt(String(c||0))}% center`})}},u=s=>{let{width:l,textColor:n}=s??{};return{...r("w",o(l)),...t({c:e(n)})}},i=t=>{let{alignment:e}=t??{};return{...r("jc",e)}},m=(s,l,g)=>{let{iconColor:u,oosIconColor:i}=s??{};return{...t({c:e(g?i:u)}),...function(e,s){let{typo:l}=e??{},{iconSize:g}=s??{};if(g?.desktop)return{...r("w",o(g),"px")};let u=l&&!l.custom?n(a(`typography-${l.type}-fontSize`)):void 0,i=l&&l.custom?c(p(l.custom)):{};return u?t({w:u}):i}(s,l)}},y=(t,e)=>{let{typo:r,oosTextColor:o}=t??{},n={...r,attrs:{...r?.attrs,color:e?o:r?.attrs?.color}},a=s(n,t?.typography);return{...a,...l({value:r?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:r?.custom?.hasShadowText})}};export{u as getContainerStyles,m as getIconStyles,g as getProgressBarStyles,y as getTextStyles,i as getWrapperStyles};

package/dist/esm/stock-counter/components/StockCounter.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useRef as t,useEffect as o}from"react";import{useStockCounterInteraction as r}from"../hooks/useStockCounterInteraction.js";import{createClass as l,createStyle as m,createAttr as n}from"@gem-sdk/system";import{useStockCounter as a}from"../hooks/useStockCounter.js";import{getInlineCss as i}from"../common/helpers.js";import{getProgressBarClasses as c,getContainerClasses as d,getWrapperIconClasses as u,getIconClasses as p,getOuterIconClasses as f,getTextClasses as y,getWrapperClasses as h}from"../common/classes.js";import{getProgressBarStyles as N,getContainerStyles as S,getWrapperStyles as k,getIconStyles as _,getTextStyles as j}from"../common/styles.js";import{getWrapperAttrs as I,getIconAttrs as g}from"../common/attrs.js";let StockCounter=({setting:v,styles:C,builderProps:H})=>{let{displayProgressBar:L,borderRadius:M}=C??{},{showIcon:O,icon:T,layout:b="full",oosIcon:x}=v??{},{outputMessage:V,isOutOfStock:q,inventoryQuantity:w,shouldHideCounter:z}=a(v,C),A=t(null),{dispatchStockCounterInteraction:B}=r({element:A,uid:H?.uid}),D=i(H?.uid,M),E=!1!==L&&!q,F="progress-bar"!==b,G=l({...c(C)}),J=m({...N(C,v)}),K=m({...S(C)}),P=l({...d(v)}),Q=m({...k(C)}),R=l({...u(v)}),U=l({...p()}),W=l({...f()}),X=e=>m({..._(C,v,e)}),Y=({isOutOfStockIcon:e,isVisible:s})=>n({...g(e,s)}),Z=l({...y(C)}),$=e=>m({...j(C,e)}),ee=l({...h(v,q)}),es=n({...I(H)});return(o(()=>{B(w)},[w]),z)?null:e("div",{...es,style:Q,ref:A,className:ee,children:[s("style",{children:D}),e("div",{className:P,style:K,children:[e("div",{className:R,children:[O&&(q?s("div",{...Y({isOutOfStockIcon:q,isVisible:q}),style:X(!0),className:W,children:s("span",{className:U,dangerouslySetInnerHTML:{__html:x||""}})}):s("div",{...Y({isOutOfStockIcon:!q,isVisible:!q}),style:X(!1),className:W,children:s("span",{className:U,dangerouslySetInnerHTML:{__html:T||""}})})),F&&(q?s("p",{dangerouslySetInnerHTML:{__html:V()},className:Z,style:$(!0)}):s("p",{dangerouslySetInnerHTML:{__html:V()},className:Z,style:$(!1)}))]}),E&&s("div",{style:J,className:G})]})]})};export{StockCounter as default};
+import{jsxs as s,jsx as e}from"react/jsx-runtime";import{useRef as t,useEffect as r}from"react";import{useStockCounterInteraction as l}from"../hooks/useStockCounterInteraction.js";import{createClass as o,createStyle as m,createAttr as n}from"@gem-sdk/system";import{useStockCounter as a}from"../hooks/useStockCounter.js";import{getInlineCss as i}from"../common/helpers.js";import{getProgressBarClasses as c,getContainerClasses as d,getWrapperIconClasses as u,getIconClasses as p,getOuterIconClasses as f,getTextClasses as y,getWrapperClasses as h}from"../common/classes.js";import{getProgressBarStyles as N,getContainerStyles as S,getWrapperStyles as k,getIconStyles as _,getTextStyles as j}from"../common/styles.js";import{getWrapperAttrs as I,getIconAttrs as g}from"../common/attrs.js";let v=({setting:v,styles:H,builderProps:L})=>{let{displayProgressBar:M,borderRadius:O}=H??{},{showIcon:T,icon:b,layout:C="full",oosIcon:x}=v??{},{outputMessage:V,isOutOfStock:q,inventoryQuantity:w,shouldHideCounter:z}=a(v,H),A=t(null),{dispatchStockCounterInteraction:B}=l({element:A,uid:L?.uid}),D=i(L?.uid,O),E=!1!==M&&!q,F=o({...c(H)}),G=m({...N(H,v)}),J=m({...S(H)}),K=o({...d(v)}),P=m({...k(H)}),Q=o({...u(v)}),R=o({...p()}),U=o({...f()}),W=s=>m({..._(H,v,s)}),X=({isOutOfStockIcon:s,isVisible:e})=>n({...g(s,e)}),Y=o({...y(H)}),Z=s=>m({...j(H,s)}),$=o({...h(v,q)}),ss=n({...I(L)});return(r(()=>{B(w)},[w]),z)?null:s("div",{...ss,style:P,ref:A,className:$,children:[e("style",{children:D}),s("div",{className:K,style:J,children:[s("div",{className:Q,children:[T&&(q?e("div",{...X({isOutOfStockIcon:q,isVisible:q}),style:W(!0),className:U,children:e("span",{className:R,dangerouslySetInnerHTML:{__html:x||""}})}):e("div",{...X({isOutOfStockIcon:!q,isVisible:!q}),style:W(!1),className:U,children:e("span",{className:R,dangerouslySetInnerHTML:{__html:b||""}})})),"progress-bar"!==C&&(q?e("p",{dangerouslySetInnerHTML:{__html:V()},className:Y,style:Z(!0)}):e("p",{dangerouslySetInnerHTML:{__html:V()},className:Y,style:Z(!1)}))]}),E&&e("div",{style:G,className:F})]})]})};export{v as default};

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

@@ -1,70 +1,70 @@
-import{composeClasses as s,template as t,RenderIf as i,isLocalEnv as e,baseAssetURL as o}from"@gem-sdk/core";import{getDynamicSourceLocales as l,createSettingId as c,getSettingPreloadData as d}from"../../helpers.js";import{getInlineCss as r,getLiquidInitData as a,getLiquidTextContent as $,getTextDisplayData as p}from"../common/helpers.js";import{getProgressBarClasses as u,getContainerClasses as n,getLiquidTagClasses as m,getWrapperIconClasses as v,getIconClasses as g,getOuterIconClasses as f,getWrapperClasses as k,getTextClasses as y}from"../common/classes.js";import{getProgressBarStyles as S,getContainerStyles as b,getWrapperStyles as I,getIconStyles as O,getTextStyles as j}from"../common/styles.js";import{getLiquidTagAttrs as _,getLiquidProgressBarAttrs as h,getLiquidTextAttrs as V,getIconAttrs as E}from"../common/attrs.js";import{createAttr as C,createClass as M,createStyle as A,LiquidIf as G}from"@gem-sdk/system";import{StockCounter as Q}from"../settings/configs/translate.js";let StockCounter=({setting:R,styles:x,style:N,advanced:P,builderProps:T,pageContext:q})=>{let{borderRadius:w}=x??{},{showIcon:z,icon:B,oosIcon:D,layout:F="full",template:H,outOfStockMessage:J,continueSelling:K,unlimitedQuantityMessage:L}=R??{},U=r(T?.uid,w),W="progress-bar"!==F,X=l({val:H,uid:T?.uid,settingId:c({id:Q?.template?.id}),pageContext:q,isReplaceInventoryQuantity:!0}),Y=l({val:J,uid:T?.uid,settingId:c({id:Q?.outOfStockMessage?.id}),pageContext:q}),Z=l({val:K,uid:T?.uid,settingId:c({id:Q?.continueSelling?.id}),pageContext:q}),ss=l({val:L,uid:T?.uid,settingId:c({id:Q?.unlimitedQuantityMessage?.id}),pageContext:q}),st=C({..._(T,R,x)}),si=M({...s("gp-stock-counter-progress gp-mt-2 data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...u(x)}),se=A({...S(x,R)}),so=A({...b(x)}),sl=M({...n(R)}),sc=M({...m(P)}),sd=A({...N}),sr=A({...I(x)}),sa=a(R,x),s$=$({templateStringDisplay:X,outOfStockMessageDisplay:Y,continueSellingDisplay:Z,unlimitedQuantityMessageDisplay:ss}),sp=M({...v(R)}),su=M({...s("gp-stock-counter-icon data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...g(),...f()}),sn=M({...k(R)}),sm=s=>A({...O(x,R,s)}),sv=({isOutOfStockIcon:s,isVisible:t})=>C({...E(s,t)}),sg=C({...h()}),sf=M({...y(x),...s("gp-stock-counter-mark")}),sk=s=>A({...j(x,s)}),sy=C({...V()}),sS=p({templateStringDisplay:X,outOfStockMessageDisplay:Y,continueSellingDisplay:Z,unlimitedQuantityMessageDisplay:ss},x);return t`
-    ${sa}
-    <gp-product-stock-counter ${{...st}} class="${sc}"
-      style="${sd}">
-      <div class="${sn}" style="${sr}">
+import{composeClasses as s,RenderIf as t,template as i,isLocalEnv as e,baseAssetURL as o}from"@gem-sdk/core";import{getDynamicSourceLocales as l,createSettingId as c,getSettingPreloadData as d}from"../../helpers.js";import{getLiquidInitData as r,getInlineCss as a,getTextDisplayData as $,getLiquidTextContent as p}from"../common/helpers.js";import{getProgressBarClasses as u,getContainerClasses as n,getLiquidTagClasses as m,getWrapperIconClasses as v,getOuterIconClasses as g,getIconClasses as f,getWrapperClasses as k,getTextClasses as y}from"../common/classes.js";import{getProgressBarStyles as S,getContainerStyles as b,getWrapperStyles as I,getIconStyles as O,getTextStyles as j}from"../common/styles.js";import{getLiquidTagAttrs as _,getLiquidProgressBarAttrs as h,getLiquidTextAttrs as V,getIconAttrs as E}from"../common/attrs.js";import{createAttr as M,createClass as A,createStyle as C,LiquidIf as G}from"@gem-sdk/system";import{StockCounter as Q}from"../settings/configs/translate.js";let R=({setting:R,styles:x,style:N,advanced:P,builderProps:T,pageContext:q})=>{let{borderRadius:w}=x??{},{showIcon:z,icon:B,oosIcon:D,layout:F="full",template:H,outOfStockMessage:J,continueSelling:K,unlimitedQuantityMessage:L}=R??{},U=a(T?.uid,w),W=l({val:H,uid:T?.uid,settingId:c({id:Q?.template?.id}),pageContext:q,isReplaceInventoryQuantity:!0}),X=l({val:J,uid:T?.uid,settingId:c({id:Q?.outOfStockMessage?.id}),pageContext:q}),Y=l({val:K,uid:T?.uid,settingId:c({id:Q?.continueSelling?.id}),pageContext:q}),Z=l({val:L,uid:T?.uid,settingId:c({id:Q?.unlimitedQuantityMessage?.id}),pageContext:q}),ss=M({..._(T,R,x)}),st=A({...s("gp-stock-counter-progress gp-mt-2 data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...u(x)}),si=C({...S(x,R)}),se=C({...b(x)}),so=A({...n(R)}),sl=A({...m(P)}),sc=C({...N}),sd=C({...I(x)}),sr=r(R,x),sa=p({templateStringDisplay:W,outOfStockMessageDisplay:X,continueSellingDisplay:Y,unlimitedQuantityMessageDisplay:Z}),s$=A({...v(R)}),sp=A({...s("gp-stock-counter-icon data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...f(),...g()}),su=A({...k(R)}),sn=s=>C({...O(x,R,s)}),sm=({isOutOfStockIcon:s,isVisible:t})=>M({...E(s,t)}),sv=M({...h()}),sg=A({...y(x),...s("gp-stock-counter-mark")}),sf=s=>C({...j(x,s)}),sk=M({...V()}),sy=$({templateStringDisplay:W,outOfStockMessageDisplay:X,continueSellingDisplay:Y,unlimitedQuantityMessageDisplay:Z},x);return i`
+    ${sr}
+    <gp-product-stock-counter ${{...ss}} class="${sl}"
+      style="${sc}">
+      <div class="${su}" style="${sd}">
       <style>${U}</style>
         <div
-          class="${sl}"
-          style="${so}"
+          class="${so}"
+          style="${se}"
         >
-          <div class="${sp}">
-            ${i(z,t`
-              ${G("is_out_of_stock",t`<div
-                    ${{...sv({isOutOfStockIcon:!0,isVisible:!0})}}
-                    class="${su}"
-                    style="${sm(!0)}"
+          <div class="${s$}">
+            ${t(z,i`
+              ${G("is_out_of_stock",i`<div
+                    ${{...sm({isOutOfStockIcon:!0,isVisible:!0})}}
+                    class="${sp}"
+                    style="${sn(!0)}"
                   >
                     ${D}
                   </div>
               <div
-                    ${{...sv({isOutOfStockIcon:!1,isVisible:!1})}}
+                    ${{...sm({isOutOfStockIcon:!1,isVisible:!1})}}
                      data-slot-type="false"
-                    class="${su}"
-                    style="${sm(!1)}"
+                    class="${sp}"
+                    style="${sn(!1)}"
                 >
                   ${B}
-                </div>`,t` <div
-                    ${{...sv({isOutOfStockIcon:!0,isVisible:!1})}}
-                    class="${su}"
-                    style="${sm(!0)}"
+                </div>`,i` <div
+                    ${{...sm({isOutOfStockIcon:!0,isVisible:!1})}}
+                    class="${sp}"
+                    style="${sn(!0)}"
                 >
                   ${D}
               </div>
               <div
-                    ${{...sv({isOutOfStockIcon:!1,isVisible:!0})}}
-                    class="${su}"
-                    style="${sm(!1)}"
+                    ${{...sm({isOutOfStockIcon:!1,isVisible:!0})}}
+                    class="${sp}"
+                    style="${sn(!1)}"
                 >
                   ${B}
                 </div>`)}
             `)}
-            ${sS}
-            ${i(W,t`
-              ${G("is_out_of_stock",t`<p
-                ${{...sy}}
-                class="${sf}"
-                style="${sk(!0)}"
+            ${sy}
+            ${t("progress-bar"!==F,i`
+              ${G("is_out_of_stock",i`<p
+                ${{...sk}}
+                class="${sg}"
+                style="${sf(!0)}"
               >
-                ${s$}
-              </p>`,t`<p
-                ${{...sy}}
-                class="${sf}"
-                style="${sk(!1)}"
+                ${sa}
+              </p>`,i`<p
+                ${{...sk}}
+                class="${sg}"
+                style="${sf(!1)}"
               >
-                ${s$}
+                ${sa}
               </p>`)}
               `)}
 
           </div>
 
           <div
-            ${{...sg}}
-            style="${se}"
-            class="${si}"
+            ${{...sv}}
+            style="${si}"
+            class="${st}"
           ></div>
         </div>
         </div>
       </gp-product-stock-counter>
-      ${i(e,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-product-stock-counter-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${o}/assets-v2/gp-product-stock-counter-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `};export{StockCounter as default};
+      ${t(e,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-product-stock-counter-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${o}/assets-v2/gp-product-stock-counter-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};export{R as default};

package/dist/esm/stock-counter/hooks/useStockCounter.js

@@ -1 +1 @@
-import{useEditorMode as t,useCurrentVariant as e}from"@gem-sdk/core";import{useMemo as r}from"react";import{NO_PRODUCT_LEFT as o,CONTINUE_SELLING_WHEN_OUT_OF_STOCK as n,transformHighlighTag as i,transformNumberTag as u}from"../common/helpers.js";let useStockCounter=(a,c)=>{let l=t(),{template:s,outOfStockMessage:y,continueSelling:d,unlimitedQuantityMessage:m}=a??{},{textColor:f}=c??{},h=f||"brand",p=e(),k=r(()=>Number(p?p.inventoryQuantity:0),[p]),C=!p||p.manageInventory,O=p?p.inventoryPolicy:"deny",S=C&&k<=o&&O!==n,v=O===n&&k<=o,b=!C&&m;function g(){return b?i(m,h):S?i(y||"",h):v?i(d||"",h):i(u(s||"",h,k),h)}let B=()=>{let t=c?.typo?.attrs?.transform==="capitalize";return t?g()?.toLocaleLowerCase():g()},D=r(()=>{if("edit"===l)return!1;let t=!a?.displayByDefault&&k>=(a?.scarcityThreshold??0),e=a?.hiddenCounterWhenOutOfStock&&S;return t||e},[k,S,l,a?.displayByDefault,a?.hiddenCounterWhenOutOfStock,a?.scarcityThreshold]);return{outputMessage:B,isOutOfStock:S,inventoryQuantity:k,shouldHideCounter:D}};export{useStockCounter};
+import{useEditorMode as t,useCurrentVariant as e}from"@gem-sdk/core";import{useMemo as r}from"react";import{NO_PRODUCT_LEFT as o,CONTINUE_SELLING_WHEN_OUT_OF_STOCK as n,transformHighlighTag as a,transformNumberTag as i}from"../common/helpers.js";let u=(u,l)=>{let s=t(),{template:c,outOfStockMessage:y,continueSelling:d,unlimitedQuantityMessage:m}=u??{},{textColor:f}=l??{},p=f||"brand",h=e(),k=r(()=>Number(h?h.inventoryQuantity:0),[h]),C=!h||h.manageInventory,O=h?h.inventoryPolicy:"deny",g=C&&k<=o&&O!==n,v=O===n&&k<=o,S=!C&&m;function b(){return S?a(m,p):g?a(y||"",p):v?a(d||"",p):a(i(c||"",p,k),p)}let B=r(()=>{if("edit"===s)return!1;let t=!u?.displayByDefault&&k>=(u?.scarcityThreshold??0),e=u?.hiddenCounterWhenOutOfStock&&g;return t||e},[k,g,s,u?.displayByDefault,u?.hiddenCounterWhenOutOfStock,u?.scarcityThreshold]);return{outputMessage:()=>{let t=l?.typo?.attrs?.transform==="capitalize";return t?b()?.toLocaleLowerCase():b()},isOutOfStock:g,inventoryQuantity:k,shouldHideCounter:B}};export{u as useStockCounter};

package/dist/esm/stock-counter/hooks/useStockCounterInteraction.js

@@ -1 +1 @@
-import{useInteraction as e}from"@gem-sdk/core";let useStockCounterInteraction=t=>{let{uid:o,element:n}=t,{trigger:r}=e(),c=e=>{r({event:"gp:rollback:stock-change",selector:`[data-id="${o}"]`,element:n?.current}),r({event:"gp:rollback:out-of-stock",selector:`[data-id="${o}"]`,element:n?.current}),r({event:"gp:out-of-stock",selector:`[data-id="${o}"]`,data:e,element:n?.current})},a=e=>{r({event:"gp:rollback:stock-change",selector:`[data-id="${o}"]`,element:n?.current}),r({event:"gp:rollback:out-of-stock",selector:`[data-id="${o}"]`,element:n?.current}),r({event:"gp:stock-change",selector:`[data-id="${o}"]`,data:e,element:n?.current})},l=(e=0)=>{e<=0?c(e):a(e)},d=(e=0)=>{let t=()=>{l(e),window.removeEventListener("gp:flow-actions-loaded",t)};window.interactionLoaded?l(e):window.addEventListener("gp:flow-actions-loaded",t)};return{dispatchStockCounterInteraction:d}};export{useStockCounterInteraction};
+import{useInteraction as e}from"@gem-sdk/core";let t=t=>{let{uid:o,element:n}=t,{trigger:r}=e(),c=e=>{r({event:"gp:rollback:stock-change",selector:`[data-id="${o}"]`,element:n?.current}),r({event:"gp:rollback:out-of-stock",selector:`[data-id="${o}"]`,element:n?.current}),r({event:"gp:out-of-stock",selector:`[data-id="${o}"]`,data:e,element:n?.current})},a=e=>{r({event:"gp:rollback:stock-change",selector:`[data-id="${o}"]`,element:n?.current}),r({event:"gp:rollback:out-of-stock",selector:`[data-id="${o}"]`,element:n?.current}),r({event:"gp:stock-change",selector:`[data-id="${o}"]`,data:e,element:n?.current})},d=(e=0)=>{e<=0?c(e):a(e)};return{dispatchStockCounterInteraction:(e=0)=>{let t=()=>{d(e),window.removeEventListener("gp:flow-actions-loaded",t)};window.interactionLoaded?d(e):window.addEventListener("gp:flow-actions-loaded",t)}}};export{t as useStockCounterInteraction};

package/dist/esm/stock-counter/index.js

@@ -1 +1 @@
-import t from"./settings/StockCounter.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"@gem-sdk/system";let stockCounterSetting={StockCounter:t};export{stockCounterSetting};
+import t from"./settings/StockCounter.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"@gem-sdk/system";let e={StockCounter:t};export{e as stockCounterSetting};

package/dist/esm/stock-counter/next.js

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

package/dist/esm/stock-counter/settings/StockCounter.js

@@ -1,5 +1,5 @@
-import{StockCounterSettingsV2 as o}from"./configs/settings-v2.js";import{SettingUIV2 as t}from"./configs/ui-v2.js";import{StockCounterPreset as e}from"./configs/presets.js";let config={tag:"StockCounter",label:"Stock Counter",icon:`
+import{StockCounterSettingsV2 as o}from"./configs/settings-v2.js";import{SettingUIV2 as t}from"./configs/ui-v2.js";import{StockCounterPreset as e}from"./configs/presets.js";let C={tag:"StockCounter",label:"Stock Counter",icon:`
     <svg width="32" height="32" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M33.3905 11.2545C33.1953 11.4498 32.8787 11.4498 32.6834 11.2545L29.8643 8.43541C29.6691 8.24014 29.6691 7.92356 29.8643 7.7283L30.9203 6.67231C31.1156 6.47705 31.4322 6.47705 31.6274 6.67231L34.4465 9.49139C34.6418 9.68666 34.6418 10.0032 34.4465 10.1985L33.3905 11.2545ZM15.7838 4.68533C15.7838 4.96148 16.0077 5.18534 16.2838 5.18534H22.84C23.1161 5.18534 23.34 4.96148 23.34 4.68534V3.16663C23.34 2.89048 23.1161 2.66663 22.84 2.66663H16.2838C16.0077 2.66663 15.7838 2.89048 15.7838 3.16663V4.68533ZM28.3774 28.6093L20.8212 21.0532V10.3487C26.4883 10.9784 30.8961 15.7639 30.8961 21.5569C30.8961 24.2016 30.0145 26.7203 28.3774 28.6093ZM8.22769 21.5569C8.22769 15.7639 12.6354 10.9784 18.3025 10.3487V21.7724C18.3025 22.0376 18.4079 22.292 18.5954 22.4795L26.6143 30.4984C24.7252 32.0096 22.2065 33.0171 19.5619 33.0171C13.2651 32.8911 8.22769 27.8537 8.22769 21.5569ZM19.5619 7.70404C11.8798 7.70404 5.70898 13.8749 5.70898 21.5569C5.70898 29.239 11.8798 35.4098 19.5619 35.4098C27.2439 35.4098 33.4148 29.239 33.4148 21.5569C33.4148 13.8749 27.2439 7.70404 19.5619 7.70404Z" fill="currentColor"/>
     </svg>
-  `,settings:o,ui:[],uiV2:t,editorConfigs:{placeholder:{flowTag:["Product"]}},presets:e,locales:{editor:{en:{let_buy_now:"<mark>HURRY!</mark> LET BUY NOW"}}}};export{config as default};
+  `,settings:o,ui:[],uiV2:t,editorConfigs:{placeholder:{flowTag:["Product"]}},presets:e,locales:{editor:{en:{let_buy_now:"<mark>HURRY!</mark> LET BUY NOW"}}}};export{C as default};

package/dist/esm/stock-counter/settings/configs/presets.js

@@ -1,4 +1,4 @@
-let StockCounterPreset=[{id:"product-stock-counter",name:"Stock Counter",icon:{desktop:`
+let C=[{id:"product-stock-counter",name:"Stock Counter",icon:{desktop:`
         <svg width="97" height="48" viewBox="0 0 97 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M1.07049 28V19.2727H2.12731V23.1591H6.78072V19.2727H7.83754V28H6.78072V24.0966H2.12731V28H1.07049ZM13.9419 25.3239V21.4545H14.9476V28H13.9419V26.892H13.8738C13.7203 27.2244 13.4817 27.5071 13.1578 27.7401C12.834 27.9702 12.4249 28.0852 11.9306 28.0852C11.5215 28.0852 11.1578 27.9957 10.8397 27.8168C10.5215 27.6349 10.2715 27.3622 10.0897 26.9986C9.90785 26.6321 9.81694 26.1705 9.81694 25.6136V21.4545H10.8226V25.5455C10.8226 26.0227 10.9561 26.4034 11.2232 26.6875C11.4931 26.9716 11.8368 27.1136 12.2544 27.1136C12.5044 27.1136 12.7587 27.0497 13.0172 26.9219C13.2786 26.794 13.4973 26.598 13.6735 26.3338C13.8525 26.0696 13.9419 25.733 13.9419 25.3239ZM16.7896 28V21.4545H17.7612V22.4432H17.8294C17.9487 22.1193 18.1646 21.8565 18.4771 21.6548C18.7896 21.4531 19.1419 21.3523 19.5339 21.3523C19.6078 21.3523 19.7001 21.3537 19.8109 21.3565C19.9217 21.3594 20.0055 21.3636 20.0623 21.3693V22.392C20.0282 22.3835 19.9501 22.3707 19.8279 22.3537C19.7086 22.3338 19.5822 22.3239 19.4487 22.3239C19.1305 22.3239 18.8464 22.3906 18.5964 22.5241C18.3493 22.6548 18.1532 22.8366 18.0083 23.0696C17.8663 23.2997 17.7953 23.5625 17.7953 23.858V28H16.7896ZM21.2544 28V21.4545H22.226V22.4432H22.2942C22.4135 22.1193 22.6294 21.8565 22.9419 21.6548C23.2544 21.4531 23.6067 21.3523 23.9988 21.3523C24.0726 21.3523 24.165 21.3537 24.2757 21.3565C24.3865 21.3594 24.4703 21.3636 24.5272 21.3693V22.392C24.4931 22.3835 24.415 22.3707 24.2928 22.3537C24.1735 22.3338 24.0471 22.3239 23.9135 22.3239C23.5953 22.3239 23.3113 22.3906 23.0613 22.5241C22.8141 22.6548 22.6181 22.8366 22.4732 23.0696C22.3311 23.2997 22.2601 23.5625 22.2601 23.858V28H21.2544ZM26.5662 30.4545C26.3958 30.4545 26.2438 30.4403 26.1103 30.4119C25.9767 30.3864 25.8844 30.3608 25.8333 30.3352L26.089 29.4489C26.3333 29.5114 26.5492 29.5341 26.7367 29.517C26.9242 29.5 27.0904 29.4162 27.2353 29.2656C27.383 29.1179 27.5179 28.8778 27.6401 28.5455L27.8276 28.0341L25.4071 21.4545H26.498L28.3049 26.6705H28.373L30.1799 21.4545H31.2708L28.4924 28.9545C28.3674 29.2926 28.2125 29.5724 28.0279 29.794C27.8432 30.0185 27.6287 30.1847 27.3844 30.2926C27.1429 30.4006 26.8702 30.4545 26.5662 30.4545ZM33.9277 19.2727L33.8425 25.5455H32.8539L32.7686 19.2727H33.9277ZM33.3482 28.0682C33.138 28.0682 32.9576 27.9929 32.807 27.8423C32.6564 27.6918 32.5811 27.5114 32.5811 27.3011C32.5811 27.0909 32.6564 26.9105 32.807 26.7599C32.9576 26.6094 33.138 26.5341 33.3482 26.5341C33.5584 26.5341 33.7388 26.6094 33.8894 26.7599C34.04 26.9105 34.1152 27.0909 34.1152 27.3011C34.1152 27.4403 34.0797 27.5682 34.0087 27.6847C33.9405 27.8011 33.8482 27.8949 33.7317 27.9659C33.6181 28.0341 33.4902 28.0682 33.3482 28.0682ZM46.813 23.6364C46.813 24.5568 46.6468 25.3523 46.3145 26.0227C45.9821 26.6932 45.5261 27.2102 44.9466 27.5739C44.367 27.9375 43.7051 28.1193 42.9608 28.1193C42.2164 28.1193 41.5545 27.9375 40.975 27.5739C40.3954 27.2102 39.9395 26.6932 39.6071 26.0227C39.2747 25.3523 39.1085 24.5568 39.1085 23.6364C39.1085 22.7159 39.2747 21.9205 39.6071 21.25C39.9395 20.5795 40.3954 20.0625 40.975 19.6989C41.5545 19.3352 42.2164 19.1534 42.9608 19.1534C43.7051 19.1534 44.367 19.3352 44.9466 19.6989C45.5261 20.0625 45.9821 20.5795 46.3145 21.25C46.6468 21.9205 46.813 22.7159 46.813 23.6364ZM45.7903 23.6364C45.7903 22.8807 45.6639 22.2429 45.411 21.723C45.161 21.2031 44.8216 20.8097 44.3926 20.5426C43.9664 20.2756 43.4892 20.142 42.9608 20.142C42.4324 20.142 41.9537 20.2756 41.5247 20.5426C41.0985 20.8097 40.7591 21.2031 40.5062 21.723C40.2562 22.2429 40.1312 22.8807 40.1312 23.6364C40.1312 24.392 40.2562 25.0298 40.5062 25.5497C40.7591 26.0696 41.0985 26.4631 41.5247 26.7301C41.9537 26.9972 42.4324 27.1307 42.9608 27.1307C43.4892 27.1307 43.9664 26.9972 44.3926 26.7301C44.8216 26.4631 45.161 26.0696 45.411 25.5497C45.6639 25.0298 45.7903 24.392 45.7903 23.6364ZM49.4593 24.0625V28H48.4537V21.4545H49.4252V22.4773H49.5105C49.6639 22.1449 49.8968 21.8778 50.2093 21.6761C50.5218 21.4716 50.9252 21.3693 51.4196 21.3693C51.8627 21.3693 52.2505 21.4602 52.5829 21.642C52.9153 21.821 53.1738 22.0938 53.3585 22.4602C53.5431 22.8239 53.6355 23.2841 53.6355 23.8409V28H52.6298V23.9091C52.6298 23.3949 52.4963 22.9943 52.2292 22.7074C51.9622 22.4176 51.5957 22.2727 51.1298 22.2727C50.8088 22.2727 50.5218 22.3423 50.269 22.4815C50.019 22.6207 49.8216 22.8239 49.6767 23.0909C49.5318 23.358 49.4593 23.6818 49.4593 24.0625ZM56.4789 19.2727V28H55.4732V19.2727H56.4789ZM58.9686 30.4545C58.7981 30.4545 58.6461 30.4403 58.5126 30.4119C58.3791 30.3864 58.2868 30.3608 58.2356 30.3352L58.4913 29.4489C58.7356 29.5114 58.9515 29.5341 59.139 29.517C59.3265 29.5 59.4927 29.4162 59.6376 29.2656C59.7853 29.1179 59.9203 28.8778 60.0424 28.5455L60.2299 28.0341L57.8095 21.4545H58.9004L60.7072 26.6705H60.7754L62.5822 21.4545H63.6731L60.8947 28.9545C60.7697 29.2926 60.6149 29.5724 60.4302 29.794C60.2456 30.0185 60.0311 30.1847 59.7868 30.2926C59.5453 30.4006 59.2725 30.4545 58.9686 30.4545ZM71.3074 28.1193C70.7449 28.1193 70.2434 28.0227 69.8031 27.8295C69.3656 27.6364 69.0176 27.3679 68.7591 27.0241C68.5034 26.6776 68.3642 26.2756 68.3414 25.8182H69.4153C69.438 26.0994 69.5346 26.3423 69.7051 26.5469C69.8755 26.7486 70.0985 26.9048 70.3741 27.0156C70.6497 27.1264 70.9551 27.1818 71.2903 27.1818C71.6653 27.1818 71.9977 27.1165 72.2875 26.9858C72.5772 26.8551 72.8045 26.6733 72.9693 26.4403C73.1341 26.2074 73.2164 25.9375 73.2164 25.6307C73.2164 25.3097 73.1369 25.027 72.9778 24.7827C72.8187 24.5355 72.5858 24.3423 72.2789 24.2031C71.9721 24.0639 71.5971 23.9943 71.1539 23.9943H70.4551V23.0568H71.1539C71.5005 23.0568 71.8045 22.9943 72.0659 22.8693C72.3301 22.7443 72.536 22.5682 72.6838 22.3409C72.8343 22.1136 72.9096 21.8466 72.9096 21.5398C72.9096 21.2443 72.8443 20.9872 72.7136 20.7685C72.5829 20.5497 72.3983 20.3793 72.1596 20.2571C71.9238 20.1349 71.6454 20.0739 71.3244 20.0739C71.0233 20.0739 70.7392 20.1293 70.4721 20.2401C70.2079 20.348 69.992 20.5057 69.8244 20.7131C69.6568 20.9176 69.5659 21.1648 69.5517 21.4545H68.5289C68.546 20.9972 68.6838 20.5966 68.9423 20.2528C69.2008 19.9062 69.5389 19.6364 69.9565 19.4432C70.377 19.25 70.8386 19.1534 71.3414 19.1534C71.8812 19.1534 72.3443 19.2628 72.7306 19.4815C73.117 19.6974 73.4139 19.983 73.6213 20.3381C73.8287 20.6932 73.9324 21.0767 73.9324 21.4886C73.9324 21.9801 73.8031 22.3991 73.5446 22.7457C73.2889 23.0923 72.9409 23.3324 72.5005 23.4659V23.5341C73.0517 23.625 73.4821 23.8594 73.7917 24.2372C74.1014 24.6122 74.2562 25.0767 74.2562 25.6307C74.2562 26.1051 74.127 26.5312 73.8684 26.9091C73.6127 27.2841 73.2633 27.5795 72.8201 27.7955C72.377 28.0114 71.8727 28.1193 71.3074 28.1193ZM80.3968 19.2727V28H79.3912V19.2727H80.3968ZM84.9831 28.1364C84.3525 28.1364 83.8084 27.9972 83.351 27.7188C82.8965 27.4375 82.5456 27.0455 82.2985 26.5426C82.0542 26.0369 81.932 25.4489 81.932 24.7784C81.932 24.108 82.0542 23.517 82.2985 23.0057C82.5456 22.4915 82.8894 22.0909 83.3297 21.804C83.7729 21.5142 84.29 21.3693 84.8809 21.3693C85.2218 21.3693 85.5584 21.4261 85.8908 21.5398C86.2232 21.6534 86.5257 21.8381 86.7985 22.0938C87.0712 22.3466 87.2885 22.6818 87.4505 23.0994C87.6124 23.517 87.6934 24.0312 87.6934 24.642V25.0682H82.6479V24.1989H86.6706C86.6706 23.8295 86.5968 23.5 86.449 23.2102C86.3042 22.9205 86.0968 22.6918 85.8269 22.5241C85.5598 22.3565 85.2445 22.2727 84.8809 22.2727C84.4803 22.2727 84.1337 22.3722 83.8411 22.571C83.5513 22.767 83.3283 23.0227 83.1721 23.3381C83.0158 23.6534 82.9377 23.9915 82.9377 24.3523V24.9318C82.9377 25.4261 83.0229 25.8452 83.1934 26.1889C83.3667 26.5298 83.6067 26.7898 83.9135 26.9688C84.2203 27.1449 84.5769 27.233 84.9831 27.233C85.2473 27.233 85.486 27.196 85.699 27.1222C85.915 27.0455 86.101 26.9318 86.2573 26.7812C86.4135 26.6278 86.5343 26.4375 86.6195 26.2102L87.5911 26.483C87.4888 26.8125 87.3169 27.1023 87.0755 27.3523C86.834 27.5994 86.5357 27.7926 86.1806 27.9318C85.8255 28.0682 85.4263 28.1364 84.9831 28.1364ZM92.138 21.4545V22.3068H88.6096V21.4545H92.138ZM89.6664 28V20.5511C89.6664 20.1761 89.7544 19.8636 89.9306 19.6136C90.1067 19.3636 90.3354 19.1761 90.6167 19.0511C90.8979 18.9261 91.1948 18.8636 91.5073 18.8636C91.7544 18.8636 91.9561 18.8835 92.1124 18.9233C92.2686 18.9631 92.3851 19 92.4618 19.0341L92.1721 19.9034C92.1209 19.8864 92.0499 19.8651 91.959 19.8395C91.8709 19.8139 91.7544 19.8011 91.6096 19.8011C91.2772 19.8011 91.0371 19.8849 90.8894 20.0526C90.7445 20.2202 90.6721 20.4659 90.6721 20.7898V28H89.6664ZM96.394 21.4545V22.3068H93.002V21.4545H96.394ZM93.9906 19.8864H94.9963V26.125C94.9963 26.4091 95.0375 26.6222 95.1199 26.7642C95.2051 26.9034 95.313 26.9972 95.4437 27.0455C95.5772 27.0909 95.7179 27.1136 95.8656 27.1136C95.9764 27.1136 96.0673 27.108 96.1383 27.0966C96.2093 27.0824 96.2662 27.071 96.3088 27.0625L96.5133 27.9659C96.4451 27.9915 96.35 28.017 96.2278 28.0426C96.1056 28.071 95.9508 28.0852 95.7633 28.0852C95.4792 28.0852 95.2008 28.0241 94.9281 27.902C94.6582 27.7798 94.4338 27.5938 94.2548 27.3438C94.0787 27.0938 93.9906 26.7784 93.9906 26.3977V19.8864Z" fill="#AAAAAA"/>
 </svg>
@@ -8,4 +8,4 @@ let StockCounterPreset=[{id:"product-stock-counter",name:"Stock Counter",icon:{d
 <rect x="0.5" y="34" width="97" height="4" rx="2" fill="#424242"/>
 <rect x="0.5" y="34" width="44" height="4" rx="2" fill="#AAAAAA"/>
 </svg>
-        `},components:[{tag:"StockCounter",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{cssPlaceholder:".{{rootClassName}} mark{\r\n\r\ncolor: #ffffff !important;\r\n\r\nbackground: #4D4D4D !important;\r\n\r\n}\r\n\r\n.{{rootClassName}} span{\r\n\r\ncolor: #4D4D4D !important;\r\n\r\n}"}}}]}];export{StockCounterPreset};
+        `},components:[{tag:"StockCounter",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{cssPlaceholder:".{{rootClassName}} mark{\r\n\r\ncolor: #ffffff !important;\r\n\r\nbackground: #4D4D4D !important;\r\n\r\n}\r\n\r\n.{{rootClassName}} span{\r\n\r\ncolor: #4D4D4D !important;\r\n\r\n}"}}}]}];export{C as StockCounterPreset};