@gem-sdk/components 3.0.0 → 3.0.1-staging.1136

package/dist/cjs/product/components/product-list/ProductList.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../../helpers.js"),system=require("@gem-sdk/system"),ProductListCarouselLayout_liquid=require("./ProductListCarouselLayout.liquid.js"),ProductListGridLayout_liquid=require("./ProductListGridLayout.liquid.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),helpers=require("./common/helpers.js");const ProductList=e=>{let{setting:s,styles:t,pageContext:i}=e,r=i?.pageType==="GP_FUNNEL_PAGE";if(r)return"";let{hasRelatedExclude:d,relatedExcludeTrim:a,collectionID:o,isLatestProducts:c,isGrid:l,numberOfProducts:n,productListId:u,productListHandles:g,sortedBy:p,isReverse:f,productSrc:m,productNumber:P,isSorted:$,relatedTag:h}=helpers.getDataLiquid(e),y=()=>core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../../helpers.js"),system=require("@gem-sdk/system"),ProductListCarouselLayout_liquid=require("./ProductListCarouselLayout.liquid.js"),ProductListGridLayout_liquid=require("./ProductListGridLayout.liquid.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),helpers=require("./common/helpers.js");const ProductList=e=>{let{setting:s,styles:t,pageContext:i}=e,r=i?.pageType==="GP_FUNNEL_PAGE";if(r)return"";let{hasRelatedExclude:d,relatedExcludeTrim:a,collectionID:o,isLatestProducts:c,isGrid:l,numberOfProducts:n,productListId:u,productListHandles:g,sortedBy:p,isReverse:f,productSrc:m,productNumber:P,isSorted:$,relatedTag:h,collectionHandle:y}=helpers.getDataLiquid(e),_=()=>core.template`
     ${core.RenderIf("RelatedProduct"===m,`
         assign relatedTag = '${h}'
         assign assignProduct = product
@@ -95,7 +95,24 @@
           assign products = products
         endpaginate
       `)}
-  `,_=()=>core.template`
+  `,L=()=>{let e=y?`
+          assign target_collection = collections['${y}']
+          if target_collection == empty
+            for collection in collections
+              if collection.id == ${o}
+                assign target_collection = collection
+                break
+              endif
+            endfor
+          endif
+        `:`
+          for collection in collections
+            if collection.id == ${o}
+              assign target_collection = collection
+              break
+            endif
+          endfor
+        `;return core.template`
       {%- liquid
         assign productHandles = '${g.toString()}'| split: ','
         assign products = null
@@ -103,18 +120,14 @@
         assign productSrc = '${m}'
         assign c = 0
         assign limit = ${P??4}
+
         if request.page_type == 'collection' or preview_page_type == 'collection'
           assign target_collection = collection
           if target_collection == empty or target_collection == null
             if '${o.toLowerCase()}' == 'latest'
               assign target_collection = collections | sort: 'updated_at' ${f?"| reverse":""} | first
             else
-              for collection in collections
-                if collection.id == ${o}
-                  assign target_collection = collection
-                  break
-                endif
-              endfor
+              ${e}
             endif
           endif
           paginate target_collection.products by ${n||4}
@@ -122,7 +135,7 @@
           endpaginate
         else
           if productSrc == 'RelatedProduct'
-            ${y()}
+            ${_()}
           elsif productSrc == 'PickProduct'
             unless ${c}
               assign products = null | sort
@@ -142,12 +155,7 @@
             if '${o.toLowerCase()}' == 'latest'
               assign target_collection = collections | sort: 'updated_at' ${f?"| reverse":""} | first
             else
-              for collection in collections
-                if collection.id == ${o}
-                  assign target_collection = collection
-                  break
-                endif
-              endfor
+              ${e}
             endif
             paginate target_collection.products by ${n||4}
               assign products = target_collection.products ${$?p:""} ${f?"| reverse":""}
@@ -155,7 +163,7 @@
           endif
         endif
       -%}
-    `,{productListWrapStyle:L,productListContentStyle:v,productListWrapAlignStyle:E}=styles.getStyle(e),{productListWrapClass:S}=classes.getClass(e),k=()=>core.template`
+    `},{productListWrapStyle:v,productListContentStyle:E,productListWrapAlignStyle:S}=styles.getStyle(e),{productListWrapClass:k}=classes.getClass(e),b=()=>core.template`
     {%- if products == null -%}
     {%- if count == 0 and ${u.length} == 0 -%}
       {% if '${m}' == 'RelatedProduct' -%}
@@ -178,17 +186,17 @@
 
     ${core.RenderIf(!!t?.preloadBgImage,`${core.RenderIf(!!t?.backgroundImage?.desktop?.image?.src,`<link rel="preload" href="${t?.backgroundImage?.desktop?.image?.src}" as="image" />`)}${core.RenderIf(!!t?.backgroundImage?.tablet?.image?.src,`<link rel="preload" href="${t?.backgroundImage?.tablet?.image?.src}" as="image" />`)}${core.RenderIf(!!t?.backgroundImage?.mobile?.image?.src,`<link rel="preload" href="${t?.backgroundImage?.mobile?.image?.src}" as="image" />`)}`)}
     <div
-      class="${S}"
-      style="${L}"
+      class="${k}"
+      style="${v}"
     >
-      <div class='gp-flex gp-w-full' style="${E}">
+      <div class='gp-flex gp-w-full' style="${S}">
         <div
-          style="${v}"
+          style="${E}"
         >
           {%- assign gpBkProduct = product -%}
           {%- assign gpBkProducts = products -%}
-          ${_()}
-          ${k()}
+          ${L()}
+          ${b()}
           {%- assign product = gpBkProduct -%}
           {%- assign products = gpBkProducts -%}
         </div>

package/dist/cjs/product/components/product-list/ProductListCarouselItem.liquid.js

@@ -1,15 +1,15 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),classes=require("./common/classes.js");const ProductListItem=e=>{let{pageContext:t,children:o}=e,{productItemClass:a,gpProductClass:r}=classes.getClass(e);return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),classes=require("./common/classes.js");const ProductListItem=e=>{let{pageContext:t,children:n}=e,{productItemClass:o,gpProductClass:a}=classes.getClass(e);return core.template`
       <gp-product
-        gp-context='{"variantSelected": {{ variant | json | escape }}, "quantity": 1 ,  "formId": "{{ product_form_id }}"}'
+        gp-context='{"variantSelected": {{ variant | json | escape }}, "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "quantity": 1 ,  "formId": "{{ product_form_id }}"}'
         gp-data='{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }},"pageContext" : ${JSON.stringify(t)}}'
-        class="${r}"
+        class="${a}"
 
       >
-        {%- form 'product', product, id: product_form_id, class: 'form contents ${a}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
+        {%- form 'product', product, id: product_form_id, class: 'form contents ${o}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
         <input type="hidden" name="id" value="{{ variant.id }}" />
         <input type="hidden" min="1" name="quantity"  value="{{ quantity }}" />
         <button type="submit" onclick="return false;" style="display:none;"></button>
-          ${o}
+          ${n}
         {%- endform -%}
       </gp-product>
   `};exports.default=ProductListItem;

package/dist/cjs/product/components/product-list/ProductListGridItem.liquid.js

@@ -1,19 +1,19 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),classes=require("./common/classes.js"),styles=require("./common/styles.js");const ProductListItem=e=>{let{pageContext:t,rawChildren:o}=e,{productItemStyle:r}=styles.getStyle(e),{productItemClass:s,gpProductClass:a}=classes.getClass(e),n=()=>core.template`
-      ${o?.map((e,t)=>{if(e)return core.template`
-            ${core.RenderChildren({...e,index:t,style:{...e.style,...r}})}
-          `})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),classes=require("./common/classes.js");const ProductListItem=e=>{let{pageContext:t,rawChildren:n}=e,{productItemClass:o,gpProductClass:a}=classes.getClass(e),r=()=>core.template`
+      ${n?.map((e,t)=>{if(e)return core.template`
+            ${core.RenderChildren({...e,index:t})}
+          `}).join("")}
     `;return core.template`
       <gp-product
-        gp-context='{"variantSelected": {{ variant | json | escape }}, "quantity": 1 ,  "formId": "{{ product_form_id }}"}'
+        gp-context='{"variantSelected": {{ variant | json | escape }}, "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "quantity": 1 ,  "formId": "{{ product_form_id }}"}'
         gp-data='{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }},"pageContext" : ${JSON.stringify(t)}}'
         class="${a}"
 
       >
-        {%- form 'product', product, id: product_form_id, class: 'form contents ${s}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
+        {%- form 'product', product, id: product_form_id, class: 'form contents ${o}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
         <input type="hidden" name="id" value="{{ variant.id }}" />
         <input type="hidden" min="1" name="quantity"  value="{{ quantity }}" />
         <button type="submit" onclick="return false;" style="display:none;"></button>
-          ${n()}
+          ${r()}
         {%- endform -%}
       </gp-product>
   `};exports.default=ProductListItem;

package/dist/cjs/product/components/product-list/ProductListGridLayout.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),core=require("@gem-sdk/core"),ChildrenDroppable=require("../../../grid/components/ChildrenDroppable.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js");const ProductListGridLayout=e=>{let{children:r,productSortedById:t,generateGridRowArray:s,setting:i}=e,l=core.useEditorMode(),{gridLayoutStyle:a,productItemStyle:o}=styles.getStyle(e),{gridLayoutClass:c,productItemClass:d}=classes.getClass(e),{productListAttr:n,getAttrProductItemEditor:u}=attrs.getAttr(e);return jsxRuntime.jsx("div",{...n,style:a,className:c,children:t?.length?t?.map((e,t)=>jsxRuntime.jsx(core.ProductProvider,{product:e,readOnly:!0,children:jsxRuntime.jsx("div",{..."edit"===l?u(e?.baseID):{},className:d,style:{"--grchild":i?.sameHeight?s?.[t]?.gridRow:void 0,"--mbchild":s?.[t]?.marginBottom},children:core.isEmptyChildren(r)?jsxRuntime.jsx(ChildrenDroppable.default,{}):React.Children.map(r,e=>React.isValidElement(e)?React.createElement(e.type,{...e.props,parentStyle:o,key:e.key}):null)})},e?.baseID)):null})};exports.default=ProductListGridLayout;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),core=require("@gem-sdk/core"),ChildrenDroppable=require("../../../grid/components/ChildrenDroppable.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js");const ProductListGridLayout=e=>{let{children:r,productSortedById:t,generateGridRowArray:s,setting:i}=e,l=core.useEditorMode(),{gridLayoutStyle:a}=styles.getStyle(e),{gridLayoutClass:o,productItemClass:c}=classes.getClass(e),{productListAttr:d,getAttrProductItemEditor:n}=attrs.getAttr(e);return jsxRuntime.jsx("div",{...d,style:a,className:o,children:t?.length?t?.map((e,t)=>jsxRuntime.jsx(core.ProductProvider,{product:e,readOnly:!0,children:jsxRuntime.jsx("div",{..."edit"===l?n(e?.baseID):{},className:c,style:{"--grchild":i?.sameHeight?s?.[t]?.gridRow:void 0,"--mbchild":s?.[t]?.marginBottom},children:core.isEmptyChildren(r)?jsxRuntime.jsx(ChildrenDroppable.default,{}):React.Children.map(r,e=>React.isValidElement(e)?React.createElement(e.type,{...e.props,key:e.key}):null)})},e?.baseID)):null})};exports.default=ProductListGridLayout;

package/dist/cjs/product/components/product-list/common/helpers.js

@@ -1 +1 @@
-"use strict";var product=require("../../../helpers/product.js"),productFeaturedImage=require("../../product-images/common/productFeaturedImage.js"),helpers=require("../../../../carousel/components/dot/common/helpers.js");const getData=e=>{let{setting:t,styles:o}=e,r=t?.productSetting??{},d="RelatedProduct"===r.productSrc,c=helpers.getUpdatedDotStyle(t?.dot,t?.dotStyle),l={dotSize:{desktop:12},dotGapToCarousel:{desktop:16},arrowIconSize:{desktop:24},showWhenHover:!1,rtl:!1,...t};delete l.childItem;let u={...o,sizeSetting:{...product.getSizeSetting({adaptiveHeight:o?.adaptiveHeight,height:o?.height,fullWidth:{desktop:!0}})},spacing:o?.spacing};return delete u.backgroundColor,delete u.backgroundImage,{isRelatedProduct:d,productSetting:r,dotStyle:c,carouselConfigSetting:l,carouselConfigStyle:u}},getDataLiquid=e=>{let{setting:t,styles:o}=e,r=t?.productSetting,d=r?.relatedTag,c=r?.hasRelatedExclude,l=(d&&"collection"===d[0]?r?.relatedCollectionExclude:r?.relatedTagsExclude)??"",u=l?.split(",").map(e=>e.trim()).toString(),a=r?.productSrc??"Collection",i=r?.collectionId?.replace(PREFIX_COLLECTION_ID,"")??"latest",p=r?.productSrc==="PickProduct"&&r?.productIds?.length===0,s=o?.layout==="grid",n=productFeaturedImage.convertUnitToNumber(t?.numberOfProducts,4),g="PickProduct"===a&&r?.productIds?.length?r?.productIds.map(e=>e.replace(PREFIX_PRODUCT_ID,"")):[],I="PickProduct"===a&&r?.productHandles?.length?r?.productHandles:[],P=t?.orderBy&&t?.orderBy!=="none",h=(r?.productSrc==="Collection"||r?.productSrc==="DynamicCollection")&&P?t?.orderBy?.split("_"):"none",D=P&&h?.[0]==="TITLE"?"| sort: 'title'":"| sort: 'updated_at'",C=h?.[h.length-1]==="DESC",m=()=>"PickProduct"===a?p?4:r?.numOfSelectedProducts??4:n;return{hasRelatedExclude:c,relatedExcludeTrim:u,collectionID:i,isLatestProducts:p,isGrid:s,numberOfProducts:n,productListId:g,productListHandles:I,sortedBy:D,isReverse:C,productSrc:a,productSetting:r,isSorted:P,relatedTag:d,productNumber:m()}},PREFIX_COLLECTION_ID="gid://shopify/Collection/",PREFIX_PRODUCT_ID="gid://shopify/Product/";exports.PREFIX_COLLECTION_ID=PREFIX_COLLECTION_ID,exports.PREFIX_PRODUCT_ID=PREFIX_PRODUCT_ID,exports.getData=getData,exports.getDataLiquid=getDataLiquid;
+"use strict";var product=require("../../../helpers/product.js"),productFeaturedImage=require("../../product-images/common/productFeaturedImage.js"),helpers=require("../../../../carousel/components/dot/common/helpers.js");const getData=e=>{let{setting:t,styles:o}=e,r=t?.productSetting??{},d="RelatedProduct"===r.productSrc,c=helpers.getUpdatedDotStyle(t?.dot,t?.dotStyle),l={dotSize:{desktop:12},dotGapToCarousel:{desktop:16},arrowIconSize:{desktop:24},showWhenHover:!1,rtl:!1,...t};delete l.childItem;let a={...o,sizeSetting:{...product.getSizeSetting({adaptiveHeight:o?.adaptiveHeight,height:o?.height,fullWidth:{desktop:!0}})},spacing:o?.spacing};return delete a.backgroundColor,delete a.backgroundImage,{isRelatedProduct:d,productSetting:r,dotStyle:c,carouselConfigSetting:l,carouselConfigStyle:a}},getDataLiquid=e=>{let{setting:t,styles:o}=e,r=t?.productSetting,d=r?.relatedTag,c=r?.hasRelatedExclude,l=(d&&"collection"===d[0]?r?.relatedCollectionExclude:r?.relatedTagsExclude)??"",a=l?.split(",").map(e=>e.trim()).toString(),i=r?.productSrc??"Collection",u=r?.collectionId?.replace(PREFIX_COLLECTION_ID,"")??"latest",p=r?.productSrc==="PickProduct"&&r?.productIds?.length===0,n=o?.layout==="grid",s=productFeaturedImage.convertUnitToNumber(t?.numberOfProducts,4),g="PickProduct"===i&&r?.productIds?.length?r?.productIds.map(e=>e.replace(PREFIX_PRODUCT_ID,"")):[],I="PickProduct"===i&&r?.productHandles?.length?r?.productHandles:[],P=t?.orderBy&&t?.orderBy!=="none",h=(r?.productSrc==="Collection"||r?.productSrc==="DynamicCollection")&&P?t?.orderBy?.split("_"):"none",D=P&&h?.[0]==="TITLE"?"| sort: 'title'":"| sort: 'updated_at'",C=h?.[h.length-1]==="DESC",m=()=>"PickProduct"===i?p?4:r?.numOfSelectedProducts??4:s;return{hasRelatedExclude:c,relatedExcludeTrim:a,collectionID:u,isLatestProducts:p,isGrid:n,numberOfProducts:s,productListId:g,productListHandles:I,sortedBy:D,isReverse:C,productSrc:i,productSetting:r,isSorted:P,relatedTag:d,productNumber:m(),collectionHandle:r?.collectionHandle}},PREFIX_COLLECTION_ID="gid://shopify/Collection/",PREFIX_PRODUCT_ID="gid://shopify/Product/";exports.PREFIX_COLLECTION_ID=PREFIX_COLLECTION_ID,exports.PREFIX_PRODUCT_ID=PREFIX_PRODUCT_ID,exports.getData=getData,exports.getDataLiquid=getDataLiquid;

package/dist/cjs/product/components/product-list/common/styles.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers=require("../../../../grid/components/row/common/helpers.js"),helpers$1=require("../../../../carousel/common/helpers.js");const getStyle=e=>{let{setting:t,styles:o,style:r}=e,{background:s}=t??{},[l,a]=core.splitStyle(["pos","top","left","bottom","right","z","mb","mt","mb","ml","d"],r),c=core.makeGlobalSize(o?.itemPadding),i=system.createStyle({...l}),n=system.createStyle({...core.makeStyleResponsive("jc",o?.align||{desktop:"center"})}),d=system.createStyle({...a,...core.makeStyleResponsive("w",helpers.createStyleObject(o?.width).content),...core.getBgByDevice({backgroundColor:o?.backgroundColor,backgroundImage:o?.backgroundImage})}),m=system.createStyle({...!t?.sameHeight&&core.makeStyleResponsive("rg",o?.horizontalGutter),...core.makeStyleResponsive("cg",o?.verticalGutter),...core.makeStyleResponsive("gtc",{desktop:`repeat(${core.getResponsiveValueByScreen(t?.slidesToShow,"desktop")}, minmax(0, 1fr))`,tablet:t?.slidesToShow?.tablet&&`repeat(${core.getResponsiveValueByScreen(t?.slidesToShow,"tablet")}, minmax(0, 1fr))`,mobile:t?.slidesToShow?.mobile&&`repeat(${core.getResponsiveValueByScreen(t?.slidesToShow,"mobile")}, minmax(0, 1fr))`})}),S=system.createStyle({...helpers$1.getInitialWidthForCarouselItem({spacing:o?.spacing,slidesToShow:t?.slidesToShow})}),y={...c&&c.padding,...core.makeStyle({bs:o?.borderContent?.border,bw:o?.borderContent?.width,bc:core.getSingleColorVariable(o?.borderContent?.color)}),...core.getRadiusStyleActiveState({...o?.roundedContent,active:{...o?.roundedContent||{},radiusType:"custom"}}),...core.getStyleShadow({value:o?.carouselShadow,styleAppliedFor:"box-shadow",isEnableShadow:o?.hasActiveShadow}),...core.getStyleBackgroundByDevice(s),...core.getGradientBgrStyleByDevice(s,{desktop:!0,tablet:!0,mobile:!0})},g=system.createStyle({...y});return{gridLayoutStyle:m,carouselItemStyle:S,productListWrapStyle:i,productListContentStyle:d,productListWrapAlignStyle:n,productItemStyle:g}};exports.getStyle=getStyle;
+"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers=require("../../../../grid/components/row/common/helpers.js"),helpers$1=require("../../../../carousel/common/helpers.js");const getStyle=e=>{let{setting:t,styles:o,style:r}=e,{background:s}=t??{},[l,a]=core.splitStyle(["pos","top","left","bottom","right","z","mb","mt","mb","ml","mr","d"],r),c=core.makeGlobalSize(o?.itemPadding),i=system.createStyle({...l}),n=system.createStyle({...core.makeStyleResponsive("jc",o?.align||{desktop:"center"})}),d=system.createStyle({...a,...core.makeStyleResponsive("w",helpers.createStyleObject(o?.width).content),...core.getBgByDevice({backgroundColor:o?.backgroundColor,backgroundImage:o?.backgroundImage})}),m=system.createStyle({...!t?.sameHeight&&core.makeStyleResponsive("rg",o?.horizontalGutter),...core.makeStyleResponsive("cg",o?.verticalGutter),...core.makeStyleResponsive("gtc",{desktop:`repeat(${core.getResponsiveValueByScreen(t?.slidesToShow,"desktop")}, minmax(0, 1fr))`,tablet:t?.slidesToShow?.tablet&&`repeat(${core.getResponsiveValueByScreen(t?.slidesToShow,"tablet")}, minmax(0, 1fr))`,mobile:t?.slidesToShow?.mobile&&`repeat(${core.getResponsiveValueByScreen(t?.slidesToShow,"mobile")}, minmax(0, 1fr))`})}),S=system.createStyle({...helpers$1.getInitialWidthForCarouselItem({spacing:o?.spacing,slidesToShow:t?.slidesToShow})}),y={...c&&c.padding,...core.makeStyle({bs:o?.borderContent?.border,bw:o?.borderContent?.width,bc:core.getSingleColorVariable(o?.borderContent?.color)}),...core.getRadiusStyleActiveState({...o?.roundedContent,active:{...o?.roundedContent||{},radiusType:"custom"}}),...core.getStyleShadow({value:o?.carouselShadow,styleAppliedFor:"box-shadow",isEnableShadow:o?.hasActiveShadow}),...core.getStyleBackgroundByDevice(s),...core.getGradientBgrStyleByDevice(s,{desktop:!0,tablet:!0,mobile:!0})},g=system.createStyle({...y});return{gridLayoutStyle:m,carouselItemStyle:S,productListWrapStyle:i,productListContentStyle:d,productListWrapAlignStyle:n,productItemStyle:g}};exports.getStyle=getStyle;

package/dist/cjs/product/components/product-quantity/common/classes.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const getInputClasses=({styles:e,borderBtn:s,inputBackgroundColor:t,textColor:o,isDisabled:l})=>{let p="gp-flex gp-w-full gp-px-1 gp-min-w-[45px] gp-shrink-[99999] gp-appearance-none gp-items-center gp-text-center gp-outline-none focus-visible:gp-shadow-none focus-visible:gp-outline-none gp-transition-all gp-duration-150 hover:gp-text-black disabled:gp-cursor-not-allowed",r=core.composeTypographyClassName(e?.typo,e?.typography),a=core.handleConvertClassColor(s),g=core.getGlobalColorStateClass("bg",t),n=core.getGlobalColorStateClass("text",o);return a&&(p+=` ${a} `),r&&(p+=` ${r} `),g&&(p+=` ${g} `),n&&(p+=` ${n} `),l&&(p+="gp-cursor-not-allowed"),{...core.composeClasses(p)}},getButtonClass=({borderBtn:e,buttonBackgroundColor:s,iconColor:t,buttonSide:o,isDisabled:l})=>{let p=`gp-flex gp-aspect-square gp-h-full disabled:gp-cursor-not-allowed ${l?"gp-cursor-not-allowed":"gp-cursor-pointer"} gp-items-center gp-justify-center gp-outline-none ${"left"===o?"gp-minus":"gp-plus"} `,r=core.handleConvertClassColor(e),a=core.getGlobalColorStateClass("bg",s),g=core.getGlobalColorStateClass("text",t);return r&&(p+=` ${r} `),a&&(p+=` ${a} `),g&&(p+=` ${g} `),{...core.composeClasses(p)}},getContainerClasses=e=>({...core.composeClasses(`quantityClass gp-relative gp-inline-flex gp-h-12 gp-w-full gp-bg-transparent gp-transition-all gp-duration-150 data-[disabled=true]:gp-opacity-60 ${e??""}`)}),getWrapperClasses=()=>({...core.composeClasses("gp-inline-flex gp-w-full gp-overflow-hidden")}),getIconWrapperClasses=()=>({...core.composeClasses("gp-inline-flex gp-items-center gp-justify-center [&>*]:gp-h-full [&>*]:gp-w-full")});exports.getButtonClass=getButtonClass,exports.getContainerClasses=getContainerClasses,exports.getIconWrapperClasses=getIconWrapperClasses,exports.getInputClasses=getInputClasses,exports.getWrapperClasses=getWrapperClasses;
+"use strict";var core=require("@gem-sdk/core");const getInputClasses=({styles:e,borderBtn:s,inputBackgroundColor:t,textColor:o,isDisabled:l})=>{let r="gp-flex gp-w-full gp-shrink-[99999] gp-appearance-none gp-items-center gp-text-center gp-outline-none focus-visible:gp-shadow-none focus-visible:gp-outline-none gp-transition-all gp-duration-150 hover:gp-text-black disabled:gp-cursor-not-allowed",p=core.composeTypographyClassName(e?.typo,e?.typography),a=core.handleConvertClassColor(s),g=core.getGlobalColorStateClass("bg",t),n=core.getGlobalColorStateClass("text",o);return a&&(r+=` ${a} `),p&&(r+=` ${p} `),g&&(r+=` ${g} `),n&&(r+=` ${n} `),l&&(r+="gp-cursor-not-allowed"),{...core.composeClasses(r)}},getButtonClass=({borderBtn:e,buttonBackgroundColor:s,iconColor:t,buttonSide:o,isDisabled:l})=>{let r=`gp-flex gp-aspect-square gp-h-full disabled:gp-cursor-not-allowed ${l?"gp-cursor-not-allowed":"gp-cursor-pointer"} gp-items-center gp-justify-center gp-outline-none ${"left"===o?"gp-minus":"gp-plus"} `,p=core.handleConvertClassColor(e),a=core.getGlobalColorStateClass("bg",s),g=core.getGlobalColorStateClass("text",t);return p&&(r+=` ${p} `),a&&(r+=` ${a} `),g&&(r+=` ${g} `),{...core.composeClasses(r)}},getContainerClasses=e=>({...core.composeClasses(`quantityClass gp-relative gp-inline-flex gp-h-12 gp-w-full gp-bg-transparent gp-transition-all gp-duration-150 data-[disabled=true]:gp-opacity-60 ${e??""}`)}),getWrapperClasses=()=>({...core.composeClasses("gp-inline-flex gp-w-full gp-overflow-hidden")}),getIconWrapperClasses=()=>({...core.composeClasses("gp-inline-flex gp-items-center gp-justify-center [&>*]:gp-h-full [&>*]:gp-w-full")});exports.getButtonClass=getButtonClass,exports.getContainerClasses=getContainerClasses,exports.getIconWrapperClasses=getIconWrapperClasses,exports.getInputClasses=getInputClasses,exports.getWrapperClasses=getWrapperClasses;

package/dist/cjs/product/components/product-wrap/Product.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Row_liquid=require("../../../grid/components/row/Row.liquid.js"),system=require("@gem-sdk/system"),helpers$1=require("../../../helpers.js"),helpers=require("./common/helpers.js");const Product=e=>{let{children:t,setting:r,style:i,builderProps:a,rawChildren:d,advanced:o}=e,{isSyncProduct:s}=r??{},{rowSetting:c,rowStyles:n,formatVariantId:l,formatProductId:p,productStatus:u,preSelectedOptionIds:f,productHandle:g,advancedStyle:m}=helpers.getData(e),_=()=>core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Row_liquid=require("../../../grid/components/row/Row.liquid.js"),system=require("@gem-sdk/system"),helpers$1=require("../../../helpers.js"),helpers=require("./common/helpers.js");const Product=e=>{let{children:t,setting:r,style:i,builderProps:a,rawChildren:o,advanced:d}=e,{isSyncProduct:s}=r??{},{rowSetting:n,rowStyles:c,formatVariantId:l,formatProductId:p,productStatus:u,preSelectedOptionIds:f,productHandle:g,advancedStyle:m}=helpers.getData(e),_=()=>core.template`
       {%- liquid
         if request.page_type == 'product'
           if '${u}' == '${helpers.STATIC_PRODUCT_STATUS}'
@@ -56,10 +56,10 @@
           endif
         endif
       -%}
-    `,$=()=>core.template`
+    `,v=()=>core.template`
       {%- assign gpBkProduct = product -%}
       ${system.If(u==helpers.DYNAMIC_PRODUCT_STATUS,y(),_())}
-    `,v=()=>core.template`
+    `,$=()=>core.template`
       {%- assign initVariantId = ${l} -%}
       {%- assign product_form_id = 'product-form-' | append: "${a?.uid}" -%}
       ${l?"{%- assign variant = product.variants | where: 'id', initVariantId | first -%}":"{%- assign variant = product.selected_or_first_available_variant -%}"}
@@ -73,13 +73,13 @@
     `,S=()=>core.template`
       <div class="gp-text-center">${helpers$1.getStaticLocale("Product","product_not_found")}</div>
     `,I=()=>core.template`
-      ${v()}
+      ${$()}
       <gp-product
         data-uid="${a?.uid}"
         data-id="${a?.uid}"
         style="${m}"
-        class="${o?.cssClass}"
-        gp-context='{"productId": {{ product.id }}, "preSelectedOptionIds": [${f}], "isSyncProduct": "${s}", "variantSelected": {{ variant | json | escape }}, "inventoryQuantity": {{ variant.inventory_quantity }}, "quantity": 1, "formId": "{{ product_form_id }}" }'
+        class="${d?.cssClass}"
+        gp-context='{"productId": {{ product.id }}, "preSelectedOptionIds": [${f}], "isSyncProduct": "${s}", "variantSelected": {{ variant | json | escape }},  "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "inventoryQuantity": {{ variant.inventory_quantity }}, "quantity": 1, "formId": "{{ product_form_id }}" }'
         gp-data='{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }}}'
       >
         <product-form class="product-form">
@@ -87,13 +87,13 @@
             <input type="hidden" name="id" value="{{ variant.id }}" />
             <input type="hidden" name="quantity" value="{{ quantity }}" />
             <button type="submit" onclick="return false;" style="display:none;"></button>
-            ${Row_liquid.default({builderProps:{...a,uid:a?.uid,uidInteraction:`${a?.uid}-row`},style:i,styles:n,setting:c,children:t,rawChildren:d})}
+            ${Row_liquid.default({builderProps:{...a,uid:a?.uid,uidInteraction:`${a?.uid}-row`},style:i,styles:c,setting:n,children:t,rawChildren:o})}
           {%- endform -%}
         </product-form>
       </gp-product>
       {%- assign product = gpBkProduct -%}
     `;return core.template`
-    ${$()}
+    ${v()}
     ${system.LiquidIf("product != empty and product != null",I(),S())}
     ${core.RenderIf(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-product-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};exports.default=Product;

package/dist/cjs/product/settings/dynamic-checkout/configs/settings.js

@@ -1 +1 @@
-"use strict";const DynamicCheckoutSettings=[{id:"setting",note:'This button will be changed dynamically based on the third-party accelerated checkout method. <a class="no-underline text-primary-250" target="_blank" href="https://help.shopify.com/en/manual/online-store/dynamic-checkout">Learn more</a>',controls:[{id:"label",label:"Label",type:"input",default:"Buy it now"},{id:"enableHoverEffect",type:"toggle",default:!0}]},{id:"style",controls:[{id:"typo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1",attrs:{color:"text-3"}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"None"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"},enableGradient:!0},{id:"backgroundImage",type:"background-image",compoDefaultValue:{normal:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}},hover:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}}}},{id:"behavior-state",type:"behavior-state",controls:[{id:"backgroundColor",type:"colorpicker",label:"Background Color",default:{normal:"brand",hover:"highlight"},state:{hover:!0,normal:!0}},{id:"textColor",type:"color-picker-v2",default:{normal:"text-3"},state:{hover:!0,normal:!0},enableGradient:!1},{id:"borderBtnV2",type:"border-v2",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}},compoDefaultValue:{normal:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}},{id:"borderBtn",type:"border",label:"Border Style",default:{normal:{border:"none",isCustom:!0,position:"all",borderWidth:"1px",width:"1px 1px 1px 1px"}},state:{hover:!0,normal:!0}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1},state:{normal:!0,hover:!0}},{id:"boxShadowBtn",type:"shadow-v2",default:{normal:{}},compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"roundedBtnV2",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"},hover:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},{id:"roundedBtn",type:"radius-preset",label:"Border Radius",default:{normal:{radiusType:"none"}},state:{hover:!0,normal:!0}}]},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"button-dimensions",type:"group",label:"Dimensions",controls:[{id:"btnSpacing",label:"Inside space",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"width",type:"input:unit",label:"Width",emptyOnClear:!0,placeholder:"Auto",min:0,units:["px","%"],devices:{desktop:{default:void 0}}}]},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto","small","large","medium"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]}]}];exports.DynamicCheckoutSettings=DynamicCheckoutSettings;
+"use strict";const DynamicCheckoutSettings=[{id:"setting",note:'This button will be changed dynamically based on the third-party accelerated checkout method. <a class="no-underline text-primary-250" target="_blank" href="https://help.shopify.com/en/manual/online-store/dynamic-checkout">Learn more</a>',controls:[{id:"label",label:"Label",type:"input",default:"Buy it now"},{id:"enableHoverEffect",type:"toggle",default:!0}]},{id:"style",controls:[{id:"typo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1",attrs:{color:"text-3"}},compoDefaultValue:{attrs:{color:"text-3"}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"None"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"},enableGradient:!0},{id:"backgroundImage",type:"background-image",compoDefaultValue:{normal:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}},hover:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}}}},{id:"behavior-state",type:"behavior-state",controls:[{id:"backgroundColor",type:"colorpicker",label:"Background Color",default:{normal:"brand",hover:"highlight"},state:{hover:!0,normal:!0}},{id:"textColor",type:"color-picker-v2",default:{normal:"text-3"},compoDefaultValue:{normal:"text-3"},state:{hover:!0,normal:!0},enableGradient:!1},{id:"borderBtnV2",type:"border-v2",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}},compoDefaultValue:{normal:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}},{id:"borderBtn",type:"border",label:"Border Style",default:{normal:{border:"none",isCustom:!0,position:"all",borderWidth:"1px",width:"1px 1px 1px 1px"}},state:{hover:!0,normal:!0}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1},state:{normal:!0,hover:!0}},{id:"boxShadowBtn",type:"shadow-v2",default:{normal:{}},compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"roundedBtnV2",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"},hover:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},{id:"roundedBtn",type:"radius-preset",label:"Border Radius",default:{normal:{radiusType:"none"}},state:{hover:!0,normal:!0}}]},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"button-dimensions",type:"group",label:"Dimensions",controls:[{id:"btnSpacing",label:"Inside space",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"width",type:"input:unit",label:"Width",emptyOnClear:!0,placeholder:"Auto",min:0,units:["px","%"],devices:{desktop:{default:void 0}}}]},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto","small","large","medium"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]}]}];exports.DynamicCheckoutSettings=DynamicCheckoutSettings;

package/dist/cjs/product/settings/product/configs/product-presets/product-1-col.js

@@ -5,11 +5,11 @@
       <rect x="31" y="31" width="34" height="7" rx="3" fill="#424242"/>
       <rect x="36" y="41" width="24" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},styles:{fullWidth:{desktop:!1,tablet:!0,mobile:!0},width:{desktop:"600px"},verticalGutterMobile:{desktop:"32px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"},ftClickOpenLightBox:{desktop:"product-link"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-2"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},product1ColProductPage={id:"product-1-col-product-page",name:{en:"Product"},icon:{desktop:`
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},styles:{fullWidth:{desktop:!1,tablet:!0,mobile:!0},width:{desktop:"600px"},verticalGutterMobile:{desktop:"32px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"},ftClickOpenLightBox:{desktop:"product-link"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},product1ColProductPage={id:"product-1-col-product-page",name:{en:"Product"},icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="28" width="40" height="28" rx="3" fill="#424242"/>
       <path d="M40.5 8.26601L45.495 6.52875C45.495 6.52875 46.1024 7.94539 48.005 7.94539C49.9076 7.94539 50.5083 6.5 50.5083 6.5L55.5 8.26601L54.6692 12.6222H52.1642V20.5H43.825V12.6196H41.3325L40.5 8.26601Z" fill="#D6D6D6"/>
       <rect x="31" y="31" width="34" height="7" rx="3" fill="#424242"/>
       <rect x="36" y="41" width="24" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"dynamic",hasPreSelected:!0}},styles:{fullWidth:{desktop:!1,tablet:!0,mobile:!0},width:{desktop:"600px"},verticalGutterMobile:{desktop:"32px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"},ftClickOpenLightBox:{desktop:"product-link"}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-2"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]};exports.product1Col=product1Col,exports.product1ColProductPage=product1ColProductPage;
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"dynamic",hasPreSelected:!0}},styles:{fullWidth:{desktop:!1,tablet:!0,mobile:!0},width:{desktop:"600px"},verticalGutterMobile:{desktop:"32px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"},ftClickOpenLightBox:{desktop:"product-link"}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]};exports.product1Col=product1Col,exports.product1ColProductPage=product1ColProductPage;

package/dist/cjs/product/settings/product/configs/product-presets/product-2-col.js

@@ -8,7 +8,7 @@
       <rect x="64" width="28" height="7" rx="3" fill="#424242"/>
       <rect x="64" y="11" width="14" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"left",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-2"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},product2ColProductPage={id:"product-2-col-product-page",name:{en:"Product"},icon:{desktop:`
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"left",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},product2ColProductPage={id:"product-2-col-product-page",name:{en:"Product"},icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="10" width="10" height="10" rx="3" transform="rotate(90 10 0)" fill="#424242"/>
       <rect x="10" y="12" width="10" height="10" rx="3" transform="rotate(90 10 12)" fill="#424242"/>
@@ -18,4 +18,4 @@
       <rect x="64" width="28" height="7" rx="3" fill="#424242"/>
       <rect x="64" y="11" width="14" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"dynamic",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"left",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-2"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]};exports.product2Col=product2Col,exports.product2ColProductPage=product2ColProductPage;
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"dynamic",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"left",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]};exports.product2Col=product2Col,exports.product2ColProductPage=product2ColProductPage;

package/dist/cjs/product/settings/product/configs/product-presets/product-default.js

@@ -9,7 +9,7 @@
       <rect x="57" width="32" height="7" rx="3" fill="#424242"/>
       <rect x="57" y="11" width="18" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-2"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},productDynamicProductPage={id:"product-product-page",name:{en:"Product"},icon:{desktop:`
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},productDynamicProductPage={id:"product-product-page",name:{en:"Product"},icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="7" width="46" height="34" rx="3" fill="#424242"/>
       <path d="M22.5 11.766L27.495 10.0288C27.495 10.0288 28.1024 11.4454 30.005 11.4454C31.9076 11.4454 32.5083 10 32.5083 10L37.5 11.766L36.6692 16.1222H34.1642V24H25.825V16.1196H23.3325L22.5 11.766Z" fill="#F9F9F9"/>
@@ -20,4 +20,4 @@
       <rect x="57" width="32" height="7" rx="3" fill="#424242"/>
       <rect x="57" y="11" width="18" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"dynamic",hasPreSelected:!0}},styles:{verticalGutter:{desktop:"var(--g-s-2xl)"}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"var(--g-s-s)"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-2"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]};exports.productDefault=productDefault,exports.productDynamicProductPage=productDynamicProductPage;
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"dynamic",hasPreSelected:!0}},styles:{verticalGutter:{desktop:"var(--g-s-2xl)"}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"var(--g-s-s)"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]};exports.productDefault=productDefault,exports.productDynamicProductPage=productDynamicProductPage;

package/dist/cjs/product/settings/product-badge/configs/settings.js

@@ -1 +1 @@
-"use strict";const triggerBadgeDefault=[{triggerEvent:"inventory_status",type:"in_stock",quantityType:"exact_or_above",from:"1",to:"15",priority:0,conditionType:"exact_or_above"}],ProductBadgeSettings=[{id:"setting",controls:[{id:"displayTrigger",type:"display-trigger-badge",default:triggerBadgeDefault},{id:"content",type:"group",controls:[{id:"image",type:"image",label:"Pick Image",default:{src:"https://cdn.shopify.com/s/files/1/0697/6182/7064/files/gempages_523190969722471488-fc9fecb6-26b8-4836-b417-2dfb9ea43bd5.png?v=1723733677"}},{id:"shape",type:"badge-style",label:"Content",iconViewBox:"0 0 80 48",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",default:"horizontal_rectangle",options:[{value:"image",label:"Image",type:"badge-layout",iconName:"gp-product-badge-image"},{value:"horizontal_rectangle",label:"Text horizontal",type:"badge-layout",iconName:"gp-product-badge-horizontal-rectangle"},{value:"ribbon",label:"Text corner 1",type:"badge-layout",iconName:"gp-product-badge-ribbon"},{value:"ribbon_2",label:"Text ribbon 1",type:"badge-layout",iconName:"gp-product-badge-ribbon-2"},{value:"triangle",label:"Text corner 2",type:"badge-layout",iconName:"gp-product-badge-triangle"},{value:"ribbon_3",label:"Text ribbon 2",type:"badge-layout",iconName:"gp-product-badge-ribbon-3"},{value:"vertical_rectangle",label:"Text vertical",type:"badge-layout",iconName:"gp-product-badge-vertical-rectangle"},{value:"star",label:"Text star",type:"badge-layout",iconName:"gp-product-badge-star"},{value:"square",label:"Text square",type:"badge-layout",iconName:"gp-product-badge-square"}]},{id:"displayContent",type:"textarea",default:"Sale {percent_discount} off",minHeight:72,inputClass:"!pr-36",autoHeight:!0,showPlusBtn:!0,isFocusToBottom:!0,defaultRows:1,suggestContents:[{message:"{percent_discount}",eg:"E.g: Save 20%"},{message:"{amount_discount}",eg:"E.g: Save $20"},{message:"{min_price}",eg:"E.g: Start from $20"},{message:"{inventory_quantity}",eg:"E.g: Only 3 items left",tooltip:`Only work with product enable “Track inventory”`}]},{id:"contentBanner",type:"banner",message:`{inventory_quantity} Only work with product enable “Track inventory”`,closable:!0},{id:"translate",type:"input",default:"displayContent"},{id:"contentType",label:"Shape",type:"input",default:"text"}]},{id:"positionWithImage",type:"input",default:"outside"}]},{id:"style",controls:[{id:"typo",type:"typography-v2",ignoreReRender:!0,default:{type:"paragraph-1",attrs:{color:"#EAEAEA"}},hiddenSetting:{textAlign:!0}},{id:"position",type:"custom-position",ignoreValue:["center"],devices:{desktop:{default:{placement:"top-left",topGap:"0",leftGap:"0",bottomGap:"0",rightGap:"0"}}}},{id:"badgeColorV2",type:"color-picker-v2",devices:{desktop:{default:"#C62A33"}},enableGradient:!0,compoDefaultValue:{desktop:{default:"#C62A33"}}},{id:"textColor",type:"background-color-picker",label:"Text color",mode:"solid",default:"text-3"},{id:"wrapperBorder",type:"border"},{id:"textBadgeBorder",type:"border-v2",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-3",isCustom:!0}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}}},{id:"imageBadgeBorder",type:"border-v2",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-1",isCustom:!0}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-1",width:"1px",borderWidth:"1px"}}}},{id:"textBadgeCorner",type:"corner-v2",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"imageBadgeCorner",type:"corner-v2",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"hasShadow",type:"toggle",default:!1},{id:"textSizeV2",type:"size-setting",hiddenShowMore:!0,disableShapeLinkedTooltip:"The ratio is locked to ensure the badge shape displays correctly",devices:{desktop:{default:{width:"auto",height:"auto",shapeLinked:!1,disableShapeLinked:!0,hiddenShape:!0,shape:"custom",padding:{top:"8px",bottom:"8px",left:"12px",right:"12px"}}}},settingConfig:{width:{displayOptions:["auto"]},height:{displayOptions:["auto"]}},hiddenSettings:["gap","proportion","padding"]},{id:"imageSizeV2",type:"size-setting",hiddenShowMore:!0,disableShapeLinkedTooltip:"The ratio is locked to ensure the badge shape displays correctly",devices:{desktop:{default:{width:"20%",height:"auto",shapeLinked:!0,hiddenShape:!1,shape:"original",disableShapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto","small","large","medium"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["gap","padding","proportion"]},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"textBadgeShadow",type:"shadow-v2",devices:{desktop:{default:{}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}},{id:"imageBadgeShadow",type:"shadow-v2",devices:{desktop:{}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}}]}];exports.ProductBadgeSettings=ProductBadgeSettings;
+"use strict";const triggerBadgeDefault=[{triggerEvent:"inventory_status",type:"in_stock",quantityType:"exact_or_above",from:"1",to:"15",priority:0,conditionType:"exact_or_above"}],ProductBadgeSettings=[{id:"setting",controls:[{id:"displayTrigger",type:"display-trigger-badge",default:triggerBadgeDefault},{id:"content",type:"group",controls:[{id:"image",type:"image",label:"Pick Image",default:{src:"https://cdn.shopify.com/s/files/1/0697/6182/7064/files/gempages_523190969722471488-fc9fecb6-26b8-4836-b417-2dfb9ea43bd5.png?v=1723733677"}},{id:"shape",type:"badge-style",label:"Content",iconViewBox:"0 0 80 48",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",default:"horizontal_rectangle",options:[{value:"image",label:"Image",type:"badge-layout",iconName:"gp-product-badge-image"},{value:"horizontal_rectangle",label:"Text horizontal",type:"badge-layout",iconName:"gp-product-badge-horizontal-rectangle"},{value:"ribbon",label:"Text corner 1",type:"badge-layout",iconName:"gp-product-badge-ribbon"},{value:"ribbon_2",label:"Text ribbon 1",type:"badge-layout",iconName:"gp-product-badge-ribbon-2"},{value:"triangle",label:"Text corner 2",type:"badge-layout",iconName:"gp-product-badge-triangle"},{value:"ribbon_3",label:"Text ribbon 2",type:"badge-layout",iconName:"gp-product-badge-ribbon-3"},{value:"vertical_rectangle",label:"Text vertical",type:"badge-layout",iconName:"gp-product-badge-vertical-rectangle"},{value:"star",label:"Text star",type:"badge-layout",iconName:"gp-product-badge-star"},{value:"square",label:"Text square",type:"badge-layout",iconName:"gp-product-badge-square"}]},{id:"displayContent",type:"textarea",default:"Sale {percent_discount} off",minHeight:72,inputClass:"!pr-36",autoHeight:!0,showPlusBtn:!0,isFocusToBottom:!0,defaultRows:1,suggestContents:[{message:"{percent_discount}",eg:"E.g: Save 20%"},{message:"{amount_discount}",eg:"E.g: Save $20"},{message:"{min_price}",eg:"E.g: Start from $20"},{message:"{inventory_quantity}",eg:"E.g: Only 3 items left",tooltip:`Only work with product enable “Track inventory”`}]},{id:"contentBanner",type:"banner",message:`{inventory_quantity} Only work with product enable “Track inventory”`,closable:!0},{id:"translate",type:"input",default:"displayContent"},{id:"contentType",label:"Shape",type:"input",default:"text"}]},{id:"positionWithImage",type:"input",default:"outside"}]},{id:"style",controls:[{id:"typo",type:"typography-v2",ignoreReRender:!0,default:{type:"paragraph-1",attrs:{color:"#EAEAEA"}},compoDefaultValue:{attrs:{color:"#EAEAEA"}},hiddenSetting:{textAlign:!0}},{id:"position",type:"custom-position",ignoreValue:["center"],devices:{desktop:{default:{placement:"top-left",topGap:"0",leftGap:"0",bottomGap:"0",rightGap:"0"}}}},{id:"badgeColorV2",type:"color-picker-v2",devices:{desktop:{default:"#C62A33"}},enableGradient:!0,compoDefaultValue:{desktop:{default:"#C62A33"}}},{id:"textColor",type:"background-color-picker",label:"Text color",mode:"solid",default:"text-3"},{id:"wrapperBorder",type:"border"},{id:"textBadgeBorder",type:"border-v2",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-3",isCustom:!0}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}}},{id:"imageBadgeBorder",type:"border-v2",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-1",isCustom:!0}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-1",width:"1px",borderWidth:"1px"}}}},{id:"textBadgeCorner",type:"corner-v2",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"imageBadgeCorner",type:"corner-v2",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"hasShadow",type:"toggle",default:!1},{id:"textSizeV2",type:"size-setting",hiddenShowMore:!0,disableShapeLinkedTooltip:"The ratio is locked to ensure the badge shape displays correctly",devices:{desktop:{default:{width:"auto",height:"auto",shapeLinked:!1,disableShapeLinked:!0,hiddenShape:!0,shape:"custom",padding:{top:"8px",bottom:"8px",left:"12px",right:"12px"}}}},settingConfig:{width:{displayOptions:["auto"]},height:{displayOptions:["auto"]}},hiddenSettings:["gap","proportion","padding"]},{id:"imageSizeV2",type:"size-setting",hiddenShowMore:!0,disableShapeLinkedTooltip:"The ratio is locked to ensure the badge shape displays correctly",devices:{desktop:{default:{width:"20%",height:"auto",shapeLinked:!0,hiddenShape:!1,shape:"original",disableShapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto","small","large","medium"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["gap","padding","proportion"]},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"textBadgeShadow",type:"shadow-v2",devices:{desktop:{default:{}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}},{id:"imageBadgeShadow",type:"shadow-v2",devices:{desktop:{}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}}]}];exports.ProductBadgeSettings=ProductBadgeSettings;

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

@@ -1,3 +1,3 @@
 "use strict";const ProductButtonSettings=[{id:"setting",controls:[{id:"buttonLayoutGroup",type:"group",controls:[{id:"buttonLayout",label:"Layout",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,itemSpacing:"large",itemPerRow:1,default:"cart-icon",options:[{value:"cart-full",iconName:"gp-product-button-cart-full-layout"},{value:"cart-price",iconName:"gp-product-button-cart-price-layout"},{value:"cart-only",iconName:"gp-product-button-cart-only-layout"},{value:"cart-price-icon",iconName:"gp-product-button-price-icon-layout"},{value:"cart-icon",iconName:"gp-product-button-cart-item-layout"}]},{id:"priceTypo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-3"}},hiddenSetting:{color:!0,textAlign:!0},ignoreReRender:!0},{id:"compareAtPriceTypo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-3"}},hiddenSetting:{color:!0,textAlign:!0},ignoreReRender:!0},{id:"opacityPrice",type:"input:slider",step:1,min:0,max:100,ignoreMax:!0,default:50}]},{id:"priceLayout",type:"option:illustration",enableTooltip:!1,label:"Layout",options:[{value:"price-only",type:"image",svgName:"gp-product-button-price-only-layout"},{value:"price-before",type:"image",svgName:"gp-product-button-price-before-layout"},{value:"price-after",type:"image",svgName:"gp-product-button-price-after-layout"}],default:"price-only"},{id:"button-text-group",type:"group",label:"Product Button",controls:[{id:"label",type:"input",label:"Button Text",default:"Add to cart"},{id:"translate",type:"input",default:"label,outOfStockLabel,unavailableLabel,variantSelectionRequiredMessage"},{id:"outOfStockLabel",type:"input",label:"Out Of Stock Message",clearButton:!1,default:"Out of stock"},{id:"unavailableLabel",type:"input",label:"Unavailable",default:"Unavailable"},{id:"actionEffect",label:"After Add To Cart Action",type:"select",options:[{title:"Keep shopping",value:"continue-shopping"},{title:"Go to checkout",value:"buy-now"},{title:"Open cart",value:"open-cart-drawer"},{title:"Open page",value:"go-to-url"}],default:"open-cart-drawer"},{id:"customURL",label:"Custom URL",type:"pick-link",default:{link:"/cart",target:"_self"},isHiddenOpenLinkSelect:!0,hide:!0},{id:"enableMessage",type:"toggle",default:!0},{id:"successMessage",type:"textarea",label:"Success",minHeight:58,default:"Add product to cart successfully",autoHeight:!0},{id:"errorMessage",type:"textarea",label:"Error",minHeight:58,default:"Cannot add product to cart",autoHeight:!0},{id:"variantSelectionRequiredMessage",type:"textarea",label:"Error Message",minHeight:78,default:"Please select a variant to add product to cart",autoHeight:!0}]},{id:"group-icon",type:"group",label:"Icon",controls:[{id:"iconSvg",label:"SVG icon",type:"icon",hide:!0,default:`<svg height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508414779109605736">
             <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M233.21,56.31A12,12,0,0,0,224,52H66L60.53,21.85A12,12,0,0,0,48.73,12H24a12,12,0,0,0,0,24H38.71L63.62,173a28,28,0,0,0,4.07,10.21A32,32,0,1,0,123,196h34a32,32,0,1,0,31-24H91.17a4,4,0,0,1-3.93-3.28L84.92,156H196.1a28,28,0,0,0,27.55-23l12.16-66.86A12,12,0,0,0,233.21,56.31ZM100,204a8,8,0,1,1-8-8A8,8,0,0,1,100,204Zm88,8a8,8,0,1,1,8-8A8,8,0,0,1,188,212Zm12-83.28A4,4,0,0,1,196.1,132H80.56L70.38,76H209.62Z"></path></svg>`,compoDefaultValue:`<svg height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508414779109605736">
-            <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M233.21,56.31A12,12,0,0,0,224,52H66L60.53,21.85A12,12,0,0,0,48.73,12H24a12,12,0,0,0,0,24H38.71L63.62,173a28,28,0,0,0,4.07,10.21A32,32,0,1,0,123,196h34a32,32,0,1,0,31-24H91.17a4,4,0,0,1-3.93-3.28L84.92,156H196.1a28,28,0,0,0,27.55-23l12.16-66.86A12,12,0,0,0,233.21,56.31ZM100,204a8,8,0,1,1-8-8A8,8,0,0,1,100,204Zm88,8a8,8,0,1,1,8-8A8,8,0,0,1,188,212Zm12-83.28A4,4,0,0,1,196.1,132H80.56L70.38,76H209.62Z"></path></svg>`},{id:"iconAlign",label:"Icon Alignment",type:"option:value",hide:!0,options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"}]},{id:"errorType",type:"option:value",options:[{value:"built-in",label:"Shopify",tooltip:"Show default error message from Shopify"},{value:"custom",label:"Custom",tooltip:"Customize error message"}],default:"built-in"},{id:"shouldClearSpace",label:"",type:"toggle",default:!1},{id:"separator",label:"Separator",type:"option:value",options:[{value:"horizontal-line",iconName:"gp-product-button-horizontal-line-separator"},{value:"dot",iconName:"gp-product-button-dot-separator"},{value:"vertical-line",iconName:"gp-product-button-vertical-line-separator"}],default:"horizontal-line"},{id:"enableHoverEffect",label:"",type:"toggle",default:!0}]},{id:"style",controls:[{id:"iconSpacing",type:"input:slider",units:["px"],step:1,min:0,max:40,ignoreMax:!0,devices:{desktop:{default:"8px"}}},{id:"behavior-state",type:"behavior-state",controls:[{id:"backgroundColor",type:"colorpicker",label:"Background Color",default:{normal:"brand",hover:"highlight"},state:{hover:!0,normal:!0}},{id:"textColor",type:"color-picker-v2",default:{normal:"text-3"},state:{hover:!0,normal:!0},enableGradient:!1},{id:"borderBtn",type:"border",label:"Border Style",default:{normal:{border:"none",isCustom:!0,position:"all",borderWidth:"1px",width:"1px 1px 1px 1px"}},state:{hover:!0,normal:!0}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1},state:{normal:!0,hover:!0}},{id:"roundedBtn",type:"radius-preset",label:"Border Radius",default:{normal:{radiusType:"none"}},state:{hover:!0,normal:!0}}]},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"},enableGradient:!0},{id:"boxShadowBtn",type:"shadow-v2",default:{normal:{}},compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"roundedBtnV2",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"},hover:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},{id:"borderBtnV2",type:"border-v2",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}},compoDefaultValue:{normal:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}},{id:"oosBackgroundV2",type:"color-picker-v2",default:{normal:"#B7B7B7"},compoDefaultValue:{normal:"#B7B7B7"},enableGradient:!0},{id:"oosTextColorV2",type:"color-picker-v2",default:{normal:"text-3"},compoDefaultValue:{normal:"text-3"}},{id:"oosBorderV2",type:"border-v2"},{id:"oosEnableShadow",type:"toggle",label:"Enable Button Shadow",default:!1,hide:!0},{id:"oosShadow",type:"shadow-v2",compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}},{id:"oosRoundedV2",label:"Border Radius",type:"corner-v2",compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"typo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1",attrs:{color:"text-3"}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"enableIcon",type:"toggle",default:!0},{id:"enablePrice",type:"toggle",default:!1},{id:"enableSeparator",type:"toggle",default:!1},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",title:"None"},{value:"capitalize",title:"Capitalize"},{value:"uppercase",title:"Uppercase"},{value:"lowercase",title:"Lowercase"}],default:"default"},{id:"button-dimensions",type:"group",label:"Dimensions",controls:[{id:"btnSpacing",label:"Inside space",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"width",type:"input:unit",label:"Width",emptyOnClear:!0,min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}}]},{id:"icon-dimensions",type:"group",label:"Icon Dimension",hide:!0,controls:[{id:"iconSizeAuto",type:"toggle",label:"Auto Size",default:!0},{id:"size",label:"Size Icon",type:"select",options:[{title:"Large",value:"1.2em"},{title:"medium",value:"1em"},{title:"Small",value:"0.8em"}],devices:{desktop:{default:"1em"}}},{id:"iconDimension",type:"input:slider",label:"Size",hide:!0,min:0,max:100,step:1,units:["px","em","rem"],devices:{desktop:{default:"24px"}}}]},{id:"success-group",type:"group",label:"Success Message",controls:[{id:"successTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-2",attrs:{color:"success"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"successColor",type:"colorpicker",label:"Text Color",default:"success"}]},{id:"error-group",type:"group",label:"Error Message",controls:[{id:"errorTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-2",attrs:{color:"error"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"errorColor",type:"colorpicker",label:"Text Color",default:"error"}]},{id:"outofstock-group",type:"group",label:"Out of Stock",controls:[{id:"isCustomOutOfStock",label:"Custom Style",type:"toggle",default:!1},{id:"oosBackground",type:"colorpicker",label:"Background Color",default:"brand",hide:!0},{id:"oosTextColor",type:"colorpicker",label:"Text Color",default:"text-3",hide:!0},{id:"oosIconColor",type:"colorpicker",label:"Text Color",default:"text-3",hide:!0},{id:"oosBorder",type:"border",label:"Border Style",default:{normal:{borderType:"none",border:"none",isCustom:!1,borderWidth:"1px",width:"1px 1px 1px 1px"}},hide:!0},{id:"oosRounded",type:"radius-preset",label:"Border Radius",default:{radiusType:"none"},hide:!0}]},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto"]},height:{displayOptions:["auto"]}},hiddenSettings:["shape","gap"]}]}];exports.ProductButtonSettings=ProductButtonSettings;
+            <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M233.21,56.31A12,12,0,0,0,224,52H66L60.53,21.85A12,12,0,0,0,48.73,12H24a12,12,0,0,0,0,24H38.71L63.62,173a28,28,0,0,0,4.07,10.21A32,32,0,1,0,123,196h34a32,32,0,1,0,31-24H91.17a4,4,0,0,1-3.93-3.28L84.92,156H196.1a28,28,0,0,0,27.55-23l12.16-66.86A12,12,0,0,0,233.21,56.31ZM100,204a8,8,0,1,1-8-8A8,8,0,0,1,100,204Zm88,8a8,8,0,1,1,8-8A8,8,0,0,1,188,212Zm12-83.28A4,4,0,0,1,196.1,132H80.56L70.38,76H209.62Z"></path></svg>`},{id:"iconAlign",label:"Icon Alignment",type:"option:value",hide:!0,options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"}]},{id:"errorType",type:"option:value",options:[{value:"built-in",label:"Shopify",tooltip:"Show default error message from Shopify"},{value:"custom",label:"Custom",tooltip:"Customize error message"}],default:"built-in"},{id:"shouldClearSpace",label:"",type:"toggle",default:!1},{id:"separator",label:"Separator",type:"option:value",options:[{value:"horizontal-line",iconName:"gp-product-button-horizontal-line-separator"},{value:"dot",iconName:"gp-product-button-dot-separator"},{value:"vertical-line",iconName:"gp-product-button-vertical-line-separator"}],default:"horizontal-line"},{id:"enableHoverEffect",label:"",type:"toggle",default:!0}]},{id:"style",controls:[{id:"iconSpacing",type:"input:slider",units:["px"],step:1,min:0,max:40,ignoreMax:!0,devices:{desktop:{default:"8px"}}},{id:"behavior-state",type:"behavior-state",controls:[{id:"backgroundColor",type:"colorpicker",label:"Background Color",default:{normal:"brand",hover:"highlight"},state:{hover:!0,normal:!0}},{id:"textColor",type:"color-picker-v2",default:{normal:"text-3"},compoDefaultValue:{normal:"text-3"},state:{hover:!0,normal:!0},enableGradient:!1},{id:"borderBtn",type:"border",label:"Border Style",default:{normal:{border:"none",isCustom:!0,position:"all",borderWidth:"1px",width:"1px 1px 1px 1px"}},state:{hover:!0,normal:!0}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1},state:{normal:!0,hover:!0}},{id:"roundedBtn",type:"radius-preset",label:"Border Radius",default:{normal:{radiusType:"none"}},state:{hover:!0,normal:!0}}]},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"},enableGradient:!0},{id:"boxShadowBtn",type:"shadow-v2",default:{normal:{}},compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"roundedBtnV2",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"},hover:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},{id:"borderBtnV2",type:"border-v2",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}},compoDefaultValue:{normal:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}},{id:"oosBackgroundV2",type:"color-picker-v2",default:{normal:"#B7B7B7"},compoDefaultValue:{normal:"#B7B7B7"},enableGradient:!0},{id:"oosTextColorV2",type:"color-picker-v2",default:{normal:"text-3"},compoDefaultValue:{normal:"text-3"}},{id:"oosBorderV2",type:"border-v2"},{id:"oosEnableShadow",type:"toggle",label:"Enable Button Shadow",default:!1,hide:!0},{id:"oosShadow",type:"shadow-v2",compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}},{id:"oosRoundedV2",label:"Border Radius",type:"corner-v2",compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"typo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1",attrs:{color:"text-3"}},compoDefaultValue:{attrs:{color:"text-3"}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"enableIcon",type:"toggle",default:!0},{id:"enablePrice",type:"toggle",default:!1},{id:"enableSeparator",type:"toggle",default:!1},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",title:"None"},{value:"capitalize",title:"Capitalize"},{value:"uppercase",title:"Uppercase"},{value:"lowercase",title:"Lowercase"}],default:"default"},{id:"button-dimensions",type:"group",label:"Dimensions",controls:[{id:"btnSpacing",label:"Inside space",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"width",type:"input:unit",label:"Width",emptyOnClear:!0,min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}}]},{id:"icon-dimensions",type:"group",label:"Icon Dimension",hide:!0,controls:[{id:"iconSizeAuto",type:"toggle",label:"Auto Size",default:!0},{id:"size",label:"Size Icon",type:"select",options:[{title:"Large",value:"1.2em"},{title:"medium",value:"1em"},{title:"Small",value:"0.8em"}],devices:{desktop:{default:"1em"}}},{id:"iconDimension",type:"input:slider",label:"Size",hide:!0,min:0,max:100,step:1,units:["px","em","rem"],devices:{desktop:{default:"24px"}}}]},{id:"success-group",type:"group",label:"Success Message",controls:[{id:"successTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-2",attrs:{color:"success"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"successColor",type:"colorpicker",label:"Text Color",default:"success"}]},{id:"error-group",type:"group",label:"Error Message",controls:[{id:"errorTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-2",attrs:{color:"error"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"errorColor",type:"colorpicker",label:"Text Color",default:"error"}]},{id:"outofstock-group",type:"group",label:"Out of Stock",controls:[{id:"isCustomOutOfStock",label:"Custom Style",type:"toggle",default:!1},{id:"oosBackground",type:"colorpicker",label:"Background Color",default:"brand",hide:!0},{id:"oosTextColor",type:"colorpicker",label:"Text Color",default:"text-3",hide:!0},{id:"oosIconColor",type:"colorpicker",label:"Text Color",default:"text-3",hide:!0},{id:"oosBorder",type:"border",label:"Border Style",default:{normal:{borderType:"none",border:"none",isCustom:!1,borderWidth:"1px",width:"1px 1px 1px 1px"}},hide:!0},{id:"oosRounded",type:"radius-preset",label:"Border Radius",default:{radiusType:"none"},hide:!0}]},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto"]},height:{displayOptions:["auto"]}},hiddenSettings:["shape","gap"]}]}];exports.ProductButtonSettings=ProductButtonSettings;

package/dist/cjs/product/settings/product-description/configs/settings.js

@@ -1 +1 @@
-"use strict";const ProductDescriptionSettings=[{id:"setting",controls:[{id:"htmlTag",label:"Content Type",type:"option:value",options:[{value:"html",label:"Description HTML"},{value:"plaintext",label:"PlainText"}],default:"html"},{id:"hasLineClamp",label:"Enable View More",type:"toggle",devices:{desktop:{default:!0}}},{id:"lineClamp",label:"Maximum Row(s) To Show",type:"input:stepper",min:1,hide:!0,disableDecimal:!0,devices:{desktop:{default:3}}},{id:"viewMoreText",label:"View More Text",type:"input",default:"Show more",hide:!0},{id:"viewLessText",label:"View Less Text",type:"input",default:"Show less",hide:!0},{id:"translate",type:"input",default:"viewMoreText,viewLessText"},{id:"enableViewMoreIcon",label:"Enable Icon",type:"toggle",default:!0,hide:!0},{id:"typo",type:"typography-v2",ignoreReRender:!0,default:{type:"paragraph-1",attrs:{color:"text-2"}}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left"},{label:"Center",value:"center",type:"text",tooltip:"Align center"},{label:"Right",value:"right",type:"text",tooltip:"Align right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify"}],devices:{desktop:{default:"left"}}},{id:"color",type:"color-picker-v2",default:"text-2"},{id:"showMoreColor",type:"color-picker-v2",default:"text-2"}]}];exports.ProductDescriptionSettings=ProductDescriptionSettings;
+"use strict";const ProductDescriptionSettings=[{id:"setting",controls:[{id:"htmlTag",label:"Content Type",type:"option:value",options:[{value:"html",label:"Description HTML"},{value:"plaintext",label:"PlainText"}],default:"html"},{id:"hasLineClamp",label:"Enable View More",type:"toggle",devices:{desktop:{default:!0}}},{id:"lineClamp",label:"Maximum Row(s) To Show",type:"input:stepper",min:1,hide:!0,disableDecimal:!0,devices:{desktop:{default:3}}},{id:"viewMoreText",label:"View More Text",type:"input",default:"Show more",hide:!0},{id:"viewLessText",label:"View Less Text",type:"input",default:"Show less",hide:!0},{id:"translate",type:"input",default:"viewMoreText,viewLessText"},{id:"enableViewMoreIcon",label:"Enable Icon",type:"toggle",default:!0,hide:!0},{id:"typo",type:"typography-v2",ignoreReRender:!0,default:{type:"paragraph-1",attrs:{color:"text-1"}}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left"},{label:"Center",value:"center",type:"text",tooltip:"Align center"},{label:"Right",value:"right",type:"text",tooltip:"Align right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify"}],devices:{desktop:{default:"left"}}},{id:"color",type:"color-picker-v2",default:"text-2"},{id:"showMoreColor",type:"color-picker-v2",default:"text-1",compoDefaultValue:"text-1"}]}];exports.ProductDescriptionSettings=ProductDescriptionSettings;

package/dist/cjs/product/settings/product-list/configs/presets.js

@@ -13,7 +13,7 @@
           <rect x="66.6665" y="33" width="29.3333" height="6" rx="3" fill="#494949"/>
           <rect x="72.333" y="42" width="18" height="6" rx="3" fill="#494949"/>
           </svg>
-        `},components:[{tag:"ProductList",label:"Product List",settings:{columns:{desktop:4,tablet:2,mobile:1},dot:{desktop:!1}},advanced:{"spacing-setting":{padding:{top:"var(--g-s-s)",bottom:"var(--g-s-s)"}}},childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[12],display:"fill"}},sameHeightSubgridContainer:!0},styles:{verticalGutter:{desktop:"var(--g-s-2xl)"}},advanced:{"spacing-setting":{padding:{top:"var(--g-s-s)",left:"var(--g-s-s)",right:"var(--g-s-s)",bottom:"var(--g-s-s)"}},border:{desktop:{normal:{border:"none",borderLabel:"Style 1",borderType:"style-1",color:"line-1",isCustom:!1,width:"1px 1px 1px 1px"}}}},childrens:[{tag:"Col",label:"Block",settings:{fullHeight:!0,allowSameHeight:!0},styles:{justifyContent:{desktop:"normal"},alignItem:{desktop:"normal"},order:{desktop:0}},childrens:[{tag:"ProductImagesV2",label:"Product Images",settings:{ftClickOpenLightBox:{desktop:"product-link"},ftLoop:{desktop:!1},ftDragToScroll:!1},styles:{position:{desktop:"only-feature",mobile:"only-feature"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductTitle",label:"Product Title",settings:{htmlTag:"h2"},styles:{typo:{type:"subheading-1"},textAlign:{desktop:"left"},hasLineClamp:{desktop:!0},lineClamp:{desktop:2},color:{normal:"text-1"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},transform:"default"},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}}},styles:{verticalGutter:{desktop:"16px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},fullWidth:{desktop:!0},width:{desktop:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",label:"Block",settings:{},styles:{justifyContent:{desktop:"center"},alignItem:{desktop:"normal"},order:{desktop:0}},advanced:{},childrens:[{tag:"ProductPrice",label:"Product Price",settings:{priceType:"regular"},styles:{typo:{type:"paragraph-1"},color:{normal:"text-1"},lineColor:"highlight",textAlign:{desktop:"left"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},lineThrough:!0,thickness:1},advanced:{}}]},{tag:"Col",label:"Block",settings:{},styles:{justifyContent:{desktop:"center"},alignItem:{desktop:"normal"},order:{desktop:0}},advanced:{},childrens:[{tag:"ProductPrice",label:"Product Price",settings:{priceType:"compare"},styles:{typo:{type:"paragraph-1"},color:{normal:"text-2"},lineColor:"text-2",textAlign:{desktop:"left"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},lineThrough:!0,thickness:1},advanced:{}}]}]},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",label:"Product Cart Button",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{actionEffect:"open-cart-drawer",label:"Add to cart",outOfStockLabel:"Out Of Stock",successMessage:"Add product to cart successfully",errorMessage:"Cannot add product to cart",iconVisible:!1,iconSvg:'<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M448 128.001H362.667C362.667 69.1207 314.88 21.334 256 21.334C197.12 21.334 149.333 69.1207 149.333 128.001H64V469.334H448V128.001ZM256 64.0007C291.413 64.0007 320 92.5873 320 128.001H192C192 92.5873 220.587 64.0007 256 64.0007ZM256 277.334C197.12 277.334 149.333 229.547 149.333 170.667H192C192 206.081 220.587 234.667 256 234.667C291.413 234.667 320 206.081 320 170.667H362.667C362.667 229.547 314.88 277.334 256 277.334Z" /></svg>',iconAlign:"left"},styles:{globalSize:{desktop:{width:"100%"}},enableIcon:!0,enablePrice:!1,enableSeparator:!1}}]}]}]}]},{id:"related-product",name:{en:"Related Products"},icon:{desktop:`
+        `},components:[{tag:"ProductList",label:"Product List",settings:{columns:{desktop:4,tablet:2,mobile:1},dot:{desktop:!1}},advanced:{"spacing-setting":{padding:{top:"var(--g-s-s)",bottom:"var(--g-s-s)"}}},childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[12],display:"fill"}},sameHeightSubgridContainer:!0},styles:{verticalGutter:{desktop:"var(--g-s-2xl)"}},advanced:{border:{desktop:{normal:{border:"none",borderLabel:"Style 1",borderType:"style-1",color:"line-1",isCustom:!1,width:"1px 1px 1px 1px"}}}},childrens:[{tag:"Col",label:"Block",settings:{fullHeight:!0,allowSameHeight:!0},styles:{justifyContent:{desktop:"normal"},alignItem:{desktop:"normal"},order:{desktop:0}},childrens:[{tag:"ProductImagesV2",label:"Product Images",settings:{ftClickOpenLightBox:{desktop:"product-link"},ftLoop:{desktop:!1},ftDragToScroll:!1},styles:{position:{desktop:"only-feature",mobile:"only-feature"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductTitle",label:"Product Title",settings:{htmlTag:"h2"},styles:{typo:{type:"subheading-1"},textAlign:{desktop:"left"},hasLineClamp:{desktop:!0},lineClamp:{desktop:2},color:{normal:"text-1"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},transform:"default"},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}}},styles:{verticalGutter:{desktop:"16px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},fullWidth:{desktop:!0},width:{desktop:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",label:"Block",settings:{},styles:{justifyContent:{desktop:"center"},alignItem:{desktop:"normal"},order:{desktop:0}},advanced:{},childrens:[{tag:"ProductPrice",label:"Product Price",settings:{priceType:"regular"},styles:{typo:{type:"paragraph-1"},color:{normal:"text-1"},lineColor:"highlight",textAlign:{desktop:"left"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},lineThrough:!0,thickness:1},advanced:{}}]},{tag:"Col",label:"Block",settings:{},styles:{justifyContent:{desktop:"center"},alignItem:{desktop:"normal"},order:{desktop:0}},advanced:{},childrens:[{tag:"ProductPrice",label:"Product Price",settings:{priceType:"compare"},styles:{typo:{type:"paragraph-1"},color:{normal:"text-2"},lineColor:"text-2",textAlign:{desktop:"left"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},lineThrough:!0,thickness:1},advanced:{}}]}]},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",label:"Product Cart Button",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{actionEffect:"open-cart-drawer",label:"Add to cart",outOfStockLabel:"Out Of Stock",successMessage:"Add product to cart successfully",errorMessage:"Cannot add product to cart",iconVisible:!1,iconSvg:'<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M448 128.001H362.667C362.667 69.1207 314.88 21.334 256 21.334C197.12 21.334 149.333 69.1207 149.333 128.001H64V469.334H448V128.001ZM256 64.0007C291.413 64.0007 320 92.5873 320 128.001H192C192 92.5873 220.587 64.0007 256 64.0007ZM256 277.334C197.12 277.334 149.333 229.547 149.333 170.667H192C192 206.081 220.587 234.667 256 234.667C291.413 234.667 320 206.081 320 170.667H362.667C362.667 229.547 314.88 277.334 256 277.334Z" /></svg>',iconAlign:"left"},styles:{globalSize:{desktop:{width:"100%"}},enableIcon:!0,enablePrice:!1,enableSeparator:!1}}]}]}]}]},{id:"related-product",name:{en:"Related Products"},icon:{desktop:`
         <svg width="126" height="80" viewBox="0 0 126 80" fill="none" xmlns="http://www.w3.org/2000/svg">
         <g clip-path="url(#clip0_19807_27615)">
         <path d="M0 0H126V80H0V0Z" fill="#212121"/>
@@ -34,4 +34,4 @@
         </clipPath>
         </defs>
         </svg>        
-        `},components:[{tag:"ProductList",label:"Product List",settings:{productSetting:{productSrc:"RelatedProduct"},columns:{desktop:4,tablet:2,mobile:1},dot:{desktop:!1}},advanced:{"spacing-setting":{padding:{top:"var(--g-s-s)",bottom:"var(--g-s-s)"}}},childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[12],display:"fill"}}},styles:{verticalGutter:{desktop:"var(--g-s-2xl)"}},advanced:{"spacing-setting":{padding:{top:"var(--g-s-s)",left:"var(--g-s-s)",right:"var(--g-s-s)",bottom:"var(--g-s-s)"}},border:{desktop:{normal:{border:"none",borderLabel:"Style 1",borderType:"style-1",color:"line-1",isCustom:!1,width:"1px 1px 1px 1px"}}}},childrens:[{tag:"Col",label:"Block",settings:{fullHeight:!0},styles:{justifyContent:{desktop:"normal"},alignItem:{desktop:"normal"},order:{desktop:0}},childrens:[{tag:"ProductImagesV2",label:"Product Images",settings:{ftClickOpenLightBox:{desktop:"product-link"},ftLoop:{desktop:!1},ftDragToScroll:!1},styles:{position:{desktop:"only-feature",mobile:"only-feature"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductTitle",label:"Product Title",settings:{htmlTag:"h2"},styles:{typo:{type:"subheading-1"},textAlign:{desktop:"left"},hasLineClamp:{desktop:!0},lineClamp:{desktop:2},color:{normal:"text-1"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},transform:"default"},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}}},styles:{verticalGutter:{desktop:"16px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},fullWidth:{desktop:!0},width:{desktop:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",label:"Block",settings:{},styles:{justifyContent:{desktop:"center"},alignItem:{desktop:"normal"},order:{desktop:0}},advanced:{},childrens:[{tag:"ProductPrice",label:"Product Price",settings:{priceType:"regular"},styles:{priceType:"regular",typo:{type:"paragraph-1"},color:{normal:"text-1"},lineColor:"highlight",textAlign:{desktop:"left"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},lineThrough:!0,thickness:1},advanced:{}}]},{tag:"Col",label:"Block",settings:{},styles:{justifyContent:{desktop:"center"},alignItem:{desktop:"normal"},order:{desktop:0}},advanced:{},childrens:[{tag:"ProductPrice",label:"Product Price",settings:{priceType:"compare"},styles:{typo:{type:"paragraph-1"},color:{normal:"text-2"},lineColor:"text-2",textAlign:{desktop:"left"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},lineThrough:!0,thickness:1},advanced:{}}]}]},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",label:"Product Cart Button",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{actionEffect:"open-cart-drawer",label:"Add to cart",outOfStockLabel:"Out Of Stock",successMessage:"Add product to cart successfully",errorMessage:"Cannot add product to cart",iconVisible:!1,iconSvg:'<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M448 128.001H362.667C362.667 69.1207 314.88 21.334 256 21.334C197.12 21.334 149.333 69.1207 149.333 128.001H64V469.334H448V128.001ZM256 64.0007C291.413 64.0007 320 92.5873 320 128.001H192C192 92.5873 220.587 64.0007 256 64.0007ZM256 277.334C197.12 277.334 149.333 229.547 149.333 170.667H192C192 206.081 220.587 234.667 256 234.667C291.413 234.667 320 206.081 320 170.667H362.667C362.667 229.547 314.88 277.334 256 277.334Z" /></svg>',iconAlign:"left"},styles:{globalSize:{desktop:{width:"100%"}},enableIcon:!0,enablePrice:!1,enableSeparator:!1}}]}]}]}],rootOverride:{label:"Related Products"}}];exports.ProductListPreset=ProductListPreset;
+        `},components:[{tag:"ProductList",label:"Product List",settings:{productSetting:{productSrc:"RelatedProduct"},columns:{desktop:4,tablet:2,mobile:1},dot:{desktop:!1}},advanced:{"spacing-setting":{padding:{top:"var(--g-s-s)",bottom:"var(--g-s-s)"}}},childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[12],display:"fill"}}},styles:{verticalGutter:{desktop:"var(--g-s-2xl)"}},advanced:{border:{desktop:{normal:{border:"none",borderLabel:"Style 1",borderType:"style-1",color:"line-1",isCustom:!1,width:"1px 1px 1px 1px"}}}},childrens:[{tag:"Col",label:"Block",settings:{fullHeight:!0},styles:{justifyContent:{desktop:"normal"},alignItem:{desktop:"normal"},order:{desktop:0}},childrens:[{tag:"ProductImagesV2",label:"Product Images",settings:{ftClickOpenLightBox:{desktop:"product-link"},ftLoop:{desktop:!1},ftDragToScroll:!1},styles:{position:{desktop:"only-feature",mobile:"only-feature"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductTitle",label:"Product Title",settings:{htmlTag:"h2"},styles:{typo:{type:"subheading-1"},textAlign:{desktop:"left"},hasLineClamp:{desktop:!0},lineClamp:{desktop:2},color:{normal:"text-1"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},transform:"default"},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}}},styles:{verticalGutter:{desktop:"16px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},fullWidth:{desktop:!0},width:{desktop:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",label:"Block",settings:{},styles:{justifyContent:{desktop:"center"},alignItem:{desktop:"normal"},order:{desktop:0}},advanced:{},childrens:[{tag:"ProductPrice",label:"Product Price",settings:{priceType:"regular"},styles:{priceType:"regular",typo:{type:"paragraph-1"},color:{normal:"text-1"},lineColor:"highlight",textAlign:{desktop:"left"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},lineThrough:!0,thickness:1},advanced:{}}]},{tag:"Col",label:"Block",settings:{},styles:{justifyContent:{desktop:"center"},alignItem:{desktop:"normal"},order:{desktop:0}},advanced:{},childrens:[{tag:"ProductPrice",label:"Product Price",settings:{priceType:"compare"},styles:{typo:{type:"paragraph-1"},color:{normal:"text-2"},lineColor:"text-2",textAlign:{desktop:"left"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},lineThrough:!0,thickness:1},advanced:{}}]}]},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",label:"Product Cart Button",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{actionEffect:"open-cart-drawer",label:"Add to cart",outOfStockLabel:"Out Of Stock",successMessage:"Add product to cart successfully",errorMessage:"Cannot add product to cart",iconVisible:!1,iconSvg:'<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M448 128.001H362.667C362.667 69.1207 314.88 21.334 256 21.334C197.12 21.334 149.333 69.1207 149.333 128.001H64V469.334H448V128.001ZM256 64.0007C291.413 64.0007 320 92.5873 320 128.001H192C192 92.5873 220.587 64.0007 256 64.0007ZM256 277.334C197.12 277.334 149.333 229.547 149.333 170.667H192C192 206.081 220.587 234.667 256 234.667C291.413 234.667 320 206.081 320 170.667H362.667C362.667 229.547 314.88 277.334 256 277.334Z" /></svg>',iconAlign:"left"},styles:{globalSize:{desktop:{width:"100%"}},enableIcon:!0,enablePrice:!1,enableSeparator:!1}}]}]}]}],rootOverride:{label:"Related Products"}}];exports.ProductListPreset=ProductListPreset;