@gem-sdk/components 17.0.0-dev.28 → 17.0.0-staging.5

package/dist/esm/product/components/product-list-v3/ProductListGridLayout.liquid.js

@@ -1,34 +1,34 @@
-import{RenderIf as t,template as i}from"@gem-sdk/core";import{getStyle as o}from"./common/styles.js";import{getClass as s}from"./common/classes.js";import{getAttr as r}from"./common/attrs.js";import d from"./ProductListGridItem.liquid.js";import{getStaticLocale as e}from"../../../helpers.js";let a=a=>{let{setting:n,builderProps:m,styles:c,productListId:p,productSrc:l}=a,{gridLayoutStyle:u}=o(a),{gridLayoutClass:f}=s(a),{productListAttr:g}=r(a),$=()=>i`
+import{template as t,RenderIf as i}from"@gem-sdk/core";import{getStyle as o}from"./common/styles.js";import{getClass as r}from"./common/classes.js";import{getAttr as s}from"./common/attrs.js";import d from"./ProductListGridItem.liquid.js";import{getStaticLocale as e}from"../../../helpers.js";let ProductListGridLayout=a=>{let{setting:n,builderProps:c,styles:m,productListId:u,productSrc:p}=a,{gridLayoutStyle:l}=o(a),{gridLayoutClass:f}=r(a),{productListAttr:g}=s(a),$=i=>t`
+      <gp-same-height
+        class="gp-contents"
+        style="visibility: hidden"
+        gp-data='${JSON.stringify({targetUid:c?.builderData?.childrens?.[0],slidesToShow:n?.slidesToShow,rowGap:m?.horizontalGutter})}'>
+        ${i}
+      </gp-same-height>
+    `,h=()=>t`
       {%- assign count = 0 -%}
       {%- for product in products limit: limit -%}
       {%- if product.id != empty -%}
       {%- assign count = count | plus: 1 -%}
       {%- assign variant = product.selected_or_first_available_variant -%}
-      {%- assign product_form_id = 'product-form-' | append: "${m?.uid}" | append: product.id -%}
+      {%- assign product_form_id = 'product-form-' | append: "${c?.uid}" | append: product.id -%}
         ${d({...a})}
       {%- endif -%}
       {% endfor %}
-      {%- if count == 0 and ${p?.length} == 0 -%}
-        {% if '${l}' == 'RelatedProduct' -%}
+      {%- if count == 0 and ${u?.length} == 0 -%}
+        {% if '${p}' == 'RelatedProduct' -%}
           <div>${e("ProductList","no_related_products")}</div>
         {% else %}
           <div>${e("ProductList","no_products_found")}</div>
         {%- endif -%}
       {%- endif -%}
-    `;return i`
+    `;return t`
     <div
       ${g}
-      style="${u}"
+      style="${l}"
       class="${f}"
     >
-      ${t(n?.sameHeight,i`
-      <gp-same-height
-        class="gp-contents"
-        style="visibility: hidden"
-        gp-data='${JSON.stringify({targetUid:m?.builderData?.childrens?.[0],slidesToShow:n?.slidesToShow,rowGap:c?.horizontalGutter})}'>
-        ${`${$()}`}
-      </gp-same-height>
-    `)}
-      ${t(!n?.sameHeight,i`${$()}`)}
+      ${i(n?.sameHeight,$(`${h()}`))}
+      ${i(!n?.sameHeight,t`${h()}`)}
     </div>
-  `};export{a as default};
+  `};export{ProductListGridLayout as default};

package/dist/esm/product/components/product-list-v3/common/attrs.js

@@ -1 +1 @@
-import{createAttr as t}from"@gem-sdk/system";let e=e=>{let{builderProps:o}=e,d=t({"items-repeat":!0,"data-id":o?.uid??""});return{productListAttr:d,getAttrProductItemEditor:e=>t({"data-component-type":"component","data-component-tag":"Product","data-component-label":"Product","data-component-no-setting":!0,"data-product-id":e?.replace("gid://shopify/Product/","")??""})}};export{e as getAttr};
+import{createAttr as t}from"@gem-sdk/system";let getAttr=e=>{let{builderProps:o}=e,a=t({"items-repeat":!0,"data-id":o?.uid??""}),d=e=>t({"data-component-type":"component","data-component-tag":"Product","data-component-label":"Product","data-component-no-setting":!0,"data-product-id":e?.replace("gid://shopify/Product/","")??""});return{productListAttr:a,getAttrProductItemEditor:d}};export{getAttr};

package/dist/esm/product/components/product-list-v3/common/classes.js

@@ -1 +1 @@
-import{createClass as e}from"@gem-sdk/system";let g=g=>{let{setting:t,className:s,builderProps:i,advanced:p,styles:r}=g,l=e({...s&&{[s]:!0},...p?.cssClass&&{[p.cssClass]:!0},"!gp-m-auto gp-grid gp-w-full":!0,"gp-grid-flow-row":t?.sameHeight}),a=e({"gp-relative gp-flex":!0,[`${i?.builderData?.uid}`]:!0}),d=e({"gp-contents":t?.sameHeight&&r?.layout==="grid"}),o=e({"gp-justify-center":!0,"gp-overflow-hidden":!t?.sameHeight}),m=e({"gp-contents [&>*>div]:gp-contents [&>*]:gp-grid-rows-[subgrid] [&>*]:gp-gap-y-0":t?.sameHeight&&r?.layout==="grid",[`gp-child-item-${i?.uid}`]:!0});return{gridLayoutClass:l,productItemClass:m,carouselClass:o,productListWrapClass:a,gpProductClass:d}};export{g as getClass};
+import{createClass as e}from"@gem-sdk/system";let getClass=g=>{let{setting:t,className:s,builderProps:i,advanced:p,styles:r}=g,l=e({...s&&{[s]:!0},...p?.cssClass&&{[p.cssClass]:!0},"!gp-m-auto gp-grid gp-w-full":!0,"gp-grid-flow-row":t?.sameHeight}),a=e({"gp-relative gp-flex":!0,[`${i?.builderData?.uid}`]:!0}),d=e({"gp-contents":t?.sameHeight&&r?.layout==="grid"}),o=e({"gp-justify-center":!0,"gp-overflow-hidden":!t?.sameHeight}),m=e({"gp-contents [&>*>div]:gp-contents [&>*]:gp-grid-rows-[subgrid] [&>*]:gp-gap-y-0":t?.sameHeight&&r?.layout==="grid",[`gp-child-item-${i?.uid}`]:!0});return{gridLayoutClass:l,productItemClass:m,carouselClass:o,productListWrapClass:a,gpProductClass:d}};export{getClass};

package/dist/esm/product/components/product-list-v3/common/helpers.js

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

package/dist/esm/product/components/product-list-v3/common/styles.js

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

package/dist/esm/product/components/product-price/ProductPrice.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as r,Fragment as o}from"react/jsx-runtime";import t from"../../../text/components/Text.js";import{createClass as i,createAttr as m}from"@gem-sdk/system";import{getWrapperClasses as s}from"./common/classes.js";import{getAttrs as p}from"./common/attrs.js";import{getTextProps as c}from"./common/helpers.js";import{useGpPrice as d}from"./hooks/useGpPrice.js";import{useEditorMode as l,useI18nStore as a,filterToolbarPreview as n}from"@gem-sdk/core";let f=f=>{let{style:h,children:g}=f,x=l(),{t:u}=a(),j="edit"===x,{elementRef:y,moneyFormatted:P,currentProductId:k,isNoComparePrice:N,isNoComparePriceILP:v,shouldHiddenComparePrice:b,emitNoDataSignal:C}=d(f),H=i(s(f)),I=m(p(f,{isILP:!j,productId:k,shouldHiddenComparePrice:b})),w=c(f,P);return e("div",{ref:y,...I,className:H,style:v?{visibility:"hidden",opacity:0,maxWidth:0,maxHeight:0}:h,"aria-hidden":"true",onClick:C,children:[N&&j?r(o,{children:r("div",{className:"gp-flex-col gp-flex gp-justify-between gp-p-2",children:r("p",{className:"gp-text-[#212121] gp-text-[12px] gp-leading-3 ",children:u("No compare price")})})}):e(o,{children:[r(t,{...w}),g]}),n(g,!0)]})};export{f as default};
+import{jsxs as e,jsx as r,Fragment as o}from"react/jsx-runtime";import t from"../../../text/components/Text.js";import{createClass as i,createAttr as m}from"@gem-sdk/system";import{getWrapperClasses as s}from"./common/classes.js";import{getAttrs as c}from"./common/attrs.js";import{getTextProps as p}from"./common/helpers.js";import{useGpPrice as d}from"./hooks/useGpPrice.js";import{useEditorMode as l,useI18nStore as a,filterToolbarPreview as n}from"@gem-sdk/core";let ProductPrice=f=>{let{style:h,children:g}=f,x=l(),{t:u}=a(),j="edit"===x,{elementRef:P,moneyFormatted:y,currentProductId:k,isNoComparePrice:N,isNoComparePriceILP:v,shouldHiddenComparePrice:b,emitNoDataSignal:C}=d(f),H=i(s(f)),I=m(c(f,{isILP:!j,productId:k,shouldHiddenComparePrice:b})),w=p(f,y),G={visibility:"hidden",opacity:0,maxWidth:0,maxHeight:0},L=v?G:h;return e("div",{ref:P,...I,className:H,style:L,"aria-hidden":"true",onClick:C,children:[N&&j?r(o,{children:r("div",{className:"gp-flex-col gp-flex gp-justify-between gp-p-2",children:r("p",{className:"gp-text-[#212121] gp-text-[12px] gp-leading-3 ",children:u("No compare price")})})}):e(o,{children:[r(t,{...w}),g]}),n(g,!0)]})};export{ProductPrice as default};

package/dist/esm/product/components/product-price/ProductPrice.liquid.js

@@ -1,11 +1,11 @@
-import{dataStringify as r,template as e,baseAssetURL as o,isLocalEnv as s}from"@gem-sdk/core";import{getSettingPreloadData as p}from"../../../helpers.js";import t from"../../../text/components/Text.liquid.js";import{createClass as c,createAttr as m,createStateOrContext as i,Liquid as l}from"@gem-sdk/system";import{getWrapperClasses as a}from"./common/classes.js";import{getAttrs as d}from"./common/attrs.js";import{getTextProps as u}from"./common/helpers.js";let n=n=>{let{style:f,setting:y,builderProps:$,pageContext:h}=n,g=c(a(n)),j=m(d(n)),P=u(n),_=i({priceType:y?.priceType,uid:$?.uid,locale:"{{shop.locale}}",currency:"{{shop.currency}}",moneyFormat:`{{ ${h?.showPriceCurrency?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}`});return l(e`
+import{template as r,dataStringify as e,isLocalEnv as o,baseAssetURL as s}from"@gem-sdk/core";import{getSettingPreloadData as c}from"../../../helpers.js";import t from"../../../text/components/Text.liquid.js";import{createClass as p,createAttr as m,createStateOrContext as i,Liquid as l}from"@gem-sdk/system";import{getWrapperClasses as a}from"./common/classes.js";import{getAttrs as u}from"./common/attrs.js";import{getTextProps as d}from"./common/helpers.js";let ProductPrice=n=>{let{style:f,setting:y,builderProps:$,pageContext:h}=n,g=p(a(n)),P=m(u(n)),j=d(n),_=i({priceType:y?.priceType,uid:$?.uid,locale:"{{shop.locale}}",currency:"{{shop.currency}}",moneyFormat:`{{ ${h?.showPriceCurrency?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}`}),S=()=>{let r=o?"{{ 'gp-product-price-v7-5.js' | asset_url }}":`${s}/assets-v2/gp-product-price-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${c('class="gps-link" delay',"src")}="${r}" defer="defer"></script>`};return l(r`
       <gp-product-price
-        ${j}
+        ${P}
         class="${g}"
         style="${f}"
-        gp-data='${r(_)}'
+        gp-data='${e(_)}'
       >
-        ${t({...P})}
+        ${t({...j,isForceValue:!0})}
       </gp-product-price>
-      ${(()=>{let r=s?"{{ 'gp-product-price-v7-5.js' | asset_url }}":`${o}/assets-v2/gp-product-price-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${p('class="gps-link" delay',"src")}="${r}" defer="defer"></script>`})()}
-  `)};export{n as ProductPrice,n as default};
+      ${S()}
+  `)};export{ProductPrice,ProductPrice as default};

package/dist/esm/product/components/product-price/common/attrs.js

@@ -1 +1 @@
-import{filterTruthyObject as e}from"../../../../helpers.js";let t=(t,{isILP:r,productId:a,shouldHiddenComparePrice:i}={})=>{let{builderAttrs:d,setting:p,builderProps:n}=t,c=p?.priceType==="compare";return e({...d,id:`shopify-text-element-${n?.uid}`,"data-id":n?.uid,"data-product-id":a,"data-hidden":!!c&&(r?String(i):"{% if variant.compare_at_price > variant.price and variant.compare_at_price >= 0 %}false{% else %}true{% endif %}")})};export{t as getAttrs};
+import{filterTruthyObject as e}from"../../../../helpers.js";let getAttrs=(t,{isILP:r,productId:a,shouldHiddenComparePrice:i}={})=>{let{builderAttrs:d,setting:p,builderProps:n}=t,c=p?.priceType==="compare",o=()=>!!c&&(r?String(i):"{% if variant.compare_at_price > variant.price and variant.compare_at_price >= 0 %}false{% else %}true{% endif %}");return e({...d,id:`shopify-text-element-${n?.uid}`,"data-id":n?.uid,"data-product-id":a,"data-hidden":o()})};export{getAttrs};

package/dist/esm/product/components/product-price/common/classes.js

@@ -1 +1 @@
-let e=e=>{let{builderProps:s,classNames:t,advanced:a}=e;return{"gp-product-price group-data-[state=loading]:gp-invisible data-[hidden=true]:!gp-hidden":!0,...s?.uid&&{[s.uid]:!0},...a?.cssClass&&{[a.cssClass]:!0},...t&&{[t]:!0}}};export{e as getWrapperClasses};
+let getWrapperClasses=e=>{let{builderProps:s,classNames:a,advanced:t}=e;return{"gp-product-price group-data-[state=loading]:gp-invisible data-[hidden=true]:!gp-hidden":!0,...s?.uid&&{[s.uid]:!0},...t?.cssClass&&{[t.cssClass]:!0},...a&&{[a]:!0}}};export{getWrapperClasses};

package/dist/esm/product/components/product-price/common/helpers.js

@@ -1,11 +1,11 @@
-import{getGlobalColorClass as e,cls as r}from"@gem-sdk/core";let i=(i,o)=>{let{setting:c,styles:n,builderProps:t,classNames:p,pageContext:a}=i,l=c?.priceType==="compare",m=e("decoration",n?.lineColor);return{id:`p-price-${t?.uid}`,styles:{...n,lineThrough:l&&n?.lineThrough,lineColor:{normal:n?.lineColor},opacity:c?.opacityPrice},setting:{text:o??`${l?`
+import{getGlobalColorClass as e,cls as r}from"@gem-sdk/core";let getTextProps=(i,o)=>{let{setting:c,styles:t,builderProps:n,classNames:p,pageContext:a}=i,l=c?.priceType==="compare",m=e("decoration",t?.lineColor),y=()=>`
       {% if variant.compare_at_price  %}
         {{ variant.compare_at_price | ${a?.showPriceCurrency?"money_with_currency":"money"}}}
       {% else %}
 
       {% endif %}
-    `:`
+    `,s=()=>`
      {% if variant.price %}
        {{ variant.price | ${a?.showPriceCurrency?"money_with_currency":"money"}}}
      {% endif %}
-   `}`,excludeFlex:!0},className:r("gp-price",{"gp-money":!l,"gp-product-compare-price":l},m,p)}};export{i as getTextProps};
+   `;return{id:`p-price-${n?.uid}`,styles:{...t,lineThrough:l&&t?.lineThrough,lineColor:{normal:t?.lineColor},opacity:c?.opacityPrice},setting:{text:o??`${l?y():s()}`,excludeFlex:!0},className:r("gp-price",{"gp-money":!l,"gp-product-compare-price":l},m,p)}};export{getTextProps};

package/dist/esm/product/components/product-price/hooks/useGpPrice.js

@@ -1 +1 @@
-import{useRef as e,useMemo as t}from"react";import{useTransition as r}from"../../product-variants/common/common.js";import{useEditorMode as c,useQuantity as i,useCurrentVariant as a,useProductBundleDiscount as o,convertDecimalToNumber as n,useInteraction as u,useProduct as p,useShopStore as d,useFormatMoney as l}from"@gem-sdk/core";let m=m=>{let{setting:s,builderProps:g}=m,b=e(null),h=c(),{quantity:y,hasUpdatePrice:P}=i(),v=a(),{useProductCompareAtPrice:f}=o(),w=m["bundle-item"],V=n(v?.price)??0,k=n(v?.salePrice)??0,q=s?.priceType==="compare",{trigger:C}=u(),N=p(),T=N?.baseID?.replace("gid://shopify/Product/",""),x=d(e=>e.showPriceCurrency),D=t(()=>w?.quantity?w.quantity:P&&y||1,[y,P,w?.quantity]),E=t(()=>{let e=Number(w?.discountValue);return w?.discountType==="percentage"?V*D*e/100:e},[w?.discountType,w?.discountValue,V,D]),I=t(()=>w?.discountValue?f?(k||V)*D:V*D:k*D,[w?.discountValue,V,D,k,f]),$=t(()=>{let e=V*D;return q?I:E?Math.max(0,e-E):e},[V,D,E,I,q]),j=t(()=>!!q&&(!(k>V)||!(k>=0)),[q,k,V]),G=(e,t)=>{C({event:"price"===t?"gp:rollback:price-change":"gp:rollback:compare-price-change",selector:`[data-id="${g?.uid}"]`,element:b.current}),C({event:"price"===t?"gp:price-change":"gp:compare-price-change",data:e,selector:`[data-id="${g?.uid}"]`,element:b.current})};r(e=>{e!==V&&G(V,"price")},[V]),r(e=>{e!==k&&G(k,"compare")},[k]);let L=l($??0,x||!1),M=q&&!$;return{elementRef:b,moneyFormatted:L,currentProductId:T,isNoComparePrice:M,isNoComparePriceILP:"edit"!==h&&M,emitNoDataSignal:()=>{if("edit"!==h)return;let e=new CustomEvent("editor:product-source-no-data-warning",{bubbles:!0,detail:{uid:g?.uid,value:!$&&q,tag:"ProductPrice"}});window.dispatchEvent(e)},shouldHiddenComparePrice:j}};export{m as useGpPrice};
+import{useRef as e,useMemo as r}from"react";import{useTransition as t}from"../../product-variants/common/common.js";import{useEditorMode as c,useQuantity as i,useCurrentVariant as a,useProductBundleDiscount as n,convertDecimalToNumber as o,useInteraction as u,useProduct as p,useShopStore as d,useFormatMoney as l}from"@gem-sdk/core";let useGpPrice=m=>{let{setting:s,builderProps:g}=m,b=e(null),h=c(),{quantity:y,hasUpdatePrice:P}=i(),v=a(),{useProductCompareAtPrice:f}=n(),w=m["bundle-item"],V=o(v?.price)??0,k=o(v?.salePrice)??0,q=s?.priceType==="compare",{trigger:T}=u(),x=p(),C=x?.baseID?.replace("gid://shopify/Product/",""),E=d(e=>e.showPriceCurrency),G=r(()=>w?.quantity?w.quantity:P&&y||1,[y,P,w?.quantity]),$=r(()=>{let e=Number(w?.discountValue);return w?.discountType==="percentage"?V*G*e/100:e},[w?.discountType,w?.discountValue,V,G]),j=r(()=>w?.discountValue?f?(k||V)*G:V*G:k*G,[w?.discountValue,V,G,k,f]),D=r(()=>{let e=V*G;return q?j:$?Math.max(0,e-$):e},[V,G,$,j,q]),I=r(()=>!!q&&(!(k>V)||!(k>=0)),[q,k,V]),M=(e,r)=>{T({event:"price"===r?"gp:rollback:price-change":"gp:rollback:compare-price-change",selector:`[data-id="${g?.uid}"]`,element:b.current}),T({event:"price"===r?"gp:price-change":"gp:compare-price-change",data:e,selector:`[data-id="${g?.uid}"]`,element:b.current})};t(e=>{e!==V&&M(V,"price")},[V]),t(e=>{e!==k&&M(k,"compare")},[k]);let N=()=>{if("edit"!==h)return;let e=new CustomEvent("editor:product-source-no-data-warning",{bubbles:!0,detail:{uid:g?.uid,value:!D&&q,tag:"ProductPrice"}});window.dispatchEvent(e)},z=l(D??0,E||!1),A=q&&!D,B="edit"!==h&&A;return{elementRef:b,moneyFormatted:z,currentProductId:C,isNoComparePrice:A,isNoComparePriceILP:B,emitNoDataSignal:N,shouldHiddenComparePrice:I}};export{useGpPrice};

package/dist/esm/product/components/product-properties/ProductProperties.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useUniqProductID as r,useProductStore as o,usePrevious as a,useProduct as l,useInteraction as i,validateEmail as s}from"@gem-sdk/core";import{useState as d,useRef as n,useCallback as c,useEffect as m,useMemo as u}from"react";import p from"./property-choice/ProductPropertyChoice.js";import g from"./property-input/ProductPropertyInput.js";import h from"./property-select/ProductPropertySelect.js";import{createAttr as f,createStyle as v,createClass as y}from"@gem-sdk/system";import{getLabelContent as C}from"./common/helpers.js";import{getWrapperStyles as w,getLabelStyles as P,getLabelContentStyles as b,getWrapperErrorMessageStyles as x}from"./common/styles.js";import{getWrapperTSXAttrs as j}from"./common/attrs.js";import{getLabelClasses as k,getWrapperErrorMessageClasses as N}from"./common/classes.js";let $=({setting:$,styles:I,builderProps:M})=>{let{name:S,label:V,type:Z,required:L,minChar:R,maxChar:q,numberOnly:B,minNumber:D,maxNumber:E,childItem:F,requiredMessage:O,invalidEmailMessage:z,invalidLengthMessage:A,invalidNumberMessage:G}=$??{},{isDisplayLabel:H=!0}=I??{},J=r(),K=o(e=>e.updateProperty),Q=o(e=>e.addProperty),T=o(e=>e.isSubmit),[U,W]=d(""),[X,Y]=d(!1),[_,ee]=d([]),et=a(S),er=l(),eo=n(null),{trigger:ea}=i(),el=c((e,t)=>{ea({event:"gp:rollback:option-selected",selector:`[data-id="${M?.uid}"`,element:t}),ea({event:"gp:option-selected",data:e,selector:`[data-id="${M?.uid}"`,element:t})},[M?.uid,ea]),ei=c(e=>{if(window.interactionLoaded){e();return}window.addEventListener("gp:flow-actions-loaded",()=>{e()})},[]);m(()=>{if("dropdown"===Z){let e=eo.current?.querySelector("select")?.value;ei(()=>{el(e,eo.current)})}},[el,ei,Z]),m(()=>{S&&(et?K(et,{key:S,value:U,required:L}):Q({key:S,value:"",required:L}))},[Q,et,K,S,L,U]);let es=c(e=>{let t=e?.length??0;return!L&&0===t||(B?(Number(D)||0)<=Number(e)&&Number(t)<=(Number(E)||0):(R??0)<=t&&t<=(q??0))},[q,E,R,D,B,L]),ed=c(e=>L&&!e?{message:O}:B&&e&&!/^\d+$/.test(e)?{message:G}:es(e)?void 0:{message:A},[es,B,L,O,A,G]),en=c(e=>{if(!e?.trim()||!s(e))return{message:z}},[z]),ec=c(e=>{if(!e?.trim()&&L)return{message:O}},[L,O]),em=c(e=>{if(L&&(!e||e.length<=0))return{message:O}},[L,O]),eu=e=>{if(Y(!0),"checkbox"===Z){let t=[];ee(t=e.target.checked?[..._,e.target.value]:_.filter(t=>t!==e.target.value)),el(t,eo.current),K(e.target.name,{value:t.join(", ")})}else W(e.target.value),el(e.target.value,eo.current),K(e.target.name,{value:e.target.value})},ep=u(()=>{let e=(()=>{switch(Z){case"email":return en(U);case"checkbox":return em(_);case"radio":case"dropdown":return ec(U);default:return ed(U)}})()?.message,t=void 0!==U&&""!==U,r=!T&&!X||!e;return{isValid:r,isRequired:t,message:e}},[U,T,X,Z,en,em,_,ec,ed]),eg=er?.baseID?.replace("gid://shopify/Product/",""),eh=f({...j(M?.uid,eg)}),ef=v({...w(I)}),ev=v({...P(I)}),ey=y({...k(I)}),eC=v({...b()}),ew=C($),eP=y({...N(),"gp-hidden":ep.isValid}),eb=v({...x(I)});return e("div",{...eh,style:ef,id:`shopify-text-element-${M?.uid}`,ref:eo,children:[H&&t("div",{children:e("label",{htmlFor:`${J}-${S}`,className:ey,style:ev,children:[V,t("span",{style:eC,children:ew})]})}),e("div",{children:["dropdown"===Z&&t(h,{setting:{...$,handleChangeOption:e=>{Y(!0),W(e.target.value),el(e.target.value,eo.current),K(e.target.name,{value:e.target.value})}},styles:I}),("checkbox"===Z||"radio"===Z)&&t(p,{setting:{...$,childItem:F,name:S,handleChange:eu},currentProductId:eg,styles:I,defaultName:M?.uid}),("text"===Z||"textarea"===Z||"email"===Z||"hidden"===Z)&&t(g,{setting:{...$,handleChange:eu,validationData:ep},styles:I}),e("div",{className:eP,style:eb,children:[t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM8 10.5C7.58579 10.5 7.25 10.8358 7.25 11.25C7.25 11.6642 7.58579 12 8 12C8.41421 12 8.75 11.6642 8.75 11.25C8.75 10.8358 8.41421 10.5 8 10.5ZM8.5 4C8.5 3.72386 8.27614 3.5 8 3.5C7.72386 3.5 7.5 3.72386 7.5 4V9C7.5 9.27614 7.72386 9.5 8 9.5C8.27614 9.5 8.5 9.27614 8.5 9V4Z",fill:"currentColor"})}),t("span",{className:"gp-pl-1",children:ep.message})]})]})]})};export{$ as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useUniqProductID as r,useProductStore as o,usePrevious as l,useProduct as a,useInteraction as i,validateEmail as s}from"@gem-sdk/core";import{useState as d,useRef as n,useCallback as c,useEffect as m,useMemo as u}from"react";import p from"./property-choice/ProductPropertyChoice.js";import g from"./property-input/ProductPropertyInput.js";import f from"./property-select/ProductPropertySelect.js";import{createAttr as h,createStyle as v,createClass as y}from"@gem-sdk/system";import{getLabelContent as w}from"./common/helpers.js";import{getWrapperStyles as C,getLabelStyles as P,getLabelContentStyles as b,getWrapperErrorMessageStyles as x}from"./common/styles.js";import{getWrapperTSXAttrs as j}from"./common/attrs.js";import{getLabelClasses as k,getWrapperErrorMessageClasses as N}from"./common/classes.js";let ProductProperties=({setting:$,styles:I,builderProps:M})=>{let{name:S,label:V,type:Z,required:L,minChar:R,maxChar:q,numberOnly:B,minNumber:D,maxNumber:E,childItem:F,requiredMessage:z,invalidEmailMessage:A,invalidLengthMessage:G,invalidNumberMessage:H}=$??{},{isDisplayLabel:J=!0}=I??{},K=r(),O=o(e=>e.updateProperty),Q=o(e=>e.addProperty),T=o(e=>e.isSubmit),[U,W]=d(""),[X,Y]=d(!1),[_,ee]=d([]),et=l(S),er=a(),eo=n(null),{trigger:el}=i(),ea=c((e,t)=>{el({event:"gp:rollback:option-selected",selector:`[data-id="${M?.uid}"`,element:t}),el({event:"gp:option-selected",data:e,selector:`[data-id="${M?.uid}"`,element:t})},[M?.uid,el]),ei=c(e=>{if(window.interactionLoaded){e();return}window.addEventListener("gp:flow-actions-loaded",()=>{e()})},[]);m(()=>{if("dropdown"===Z){let e=eo.current?.querySelector("select")?.value;ei(()=>{ea(e,eo.current)})}},[ea,ei,Z]),m(()=>{S&&(et?O(et,{key:S,value:U,required:L}):Q({key:S,value:"",required:L}))},[Q,et,O,S,L,U]);let es=c(e=>{let t=e?.length??0;return!L&&0===t||(B?(Number(D)||0)<=Number(e)&&Number(t)<=(Number(E)||0):(R??0)<=t&&t<=(q??0))},[q,E,R,D,B,L]),ed=c(e=>L&&!e?{message:z}:B&&e&&!/^\d+$/.test(e)?{message:H}:es(e)?void 0:{message:G},[es,B,L,z,G,H]),en=c(e=>{if(!e?.trim()||!s(e))return{message:A}},[A]),ec=c(e=>{if(!e?.trim()&&L)return{message:z}},[L,z]),em=c(e=>{if(L&&(!e||e.length<=0))return{message:z}},[L,z]),eu=e=>{if(Y(!0),"checkbox"===Z){let t=[];ee(t=e.target.checked?[..._,e.target.value]:_.filter(t=>t!==e.target.value)),ea(t,eo.current),O(e.target.name,{value:t.join(", ")})}else W(e.target.value),ea(e.target.value,eo.current),O(e.target.name,{value:e.target.value})},ep=e=>{Y(!0),W(e.target.value),ea(e.target.value,eo.current),O(e.target.name,{value:e.target.value})},eg=u(()=>{let e=()=>{switch(Z){case"email":return en(U);case"checkbox":return em(_);case"radio":case"dropdown":return ec(U);default:return ed(U)}},t=e()?.message,r=void 0!==U&&""!==U,o=!T&&!X||!t;return{isValid:o,isRequired:r,message:t}},[U,T,X,Z,en,em,_,ec,ed]),ef=er?.baseID?.replace("gid://shopify/Product/",""),eh=h({...j(M?.uid,ef)}),ev=v({...C(I)}),ey=v({...P(I)}),ew=y({...k(I)}),eC=v({...b()}),eP=w($),eb=y({...N(),"gp-hidden":eg.isValid}),ex=v({...x(I)});return e("div",{...eh,style:ev,id:`shopify-text-element-${M?.uid}`,ref:eo,children:[J&&t("div",{children:e("label",{htmlFor:`${K}-${S}`,className:ew,style:ey,children:[V,t("span",{style:eC,children:eP})]})}),e("div",{children:["dropdown"===Z&&t(f,{setting:{...$,handleChangeOption:ep},styles:I}),("checkbox"===Z||"radio"===Z)&&t(p,{setting:{...$,childItem:F,name:S,handleChange:eu},currentProductId:ef,styles:I,defaultName:M?.uid}),("text"===Z||"textarea"===Z||"email"===Z||"hidden"===Z)&&t(g,{setting:{...$,handleChange:eu,validationData:eg},styles:I}),e("div",{className:eb,style:ex,children:[t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM8 10.5C7.58579 10.5 7.25 10.8358 7.25 11.25C7.25 11.6642 7.58579 12 8 12C8.41421 12 8.75 11.6642 8.75 11.25C8.75 10.8358 8.41421 10.5 8 10.5ZM8.5 4C8.5 3.72386 8.27614 3.5 8 3.5C7.72386 3.5 7.5 3.72386 7.5 4V9C7.5 9.27614 7.72386 9.5 8 9.5C8.27614 9.5 8.5 9.27614 8.5 9V4Z",fill:"currentColor"})}),t("span",{className:"gp-pl-1",children:eg.message})]})]})]})};export{ProductProperties as default};

package/dist/esm/product/components/product-properties/ProductProperties.liquid.js

@@ -1,8 +1,8 @@
-import{composeClasses as e,RenderIf as r,template as t,isLocalEnv as o,baseAssetURL as s}from"@gem-sdk/core";import p from"./property-choice/ProductPropertyChoice.liquid.js";import l from"./property-input/ProductPropertyInput.liquid.js";import i from"./property-select/ProductPropertySelect.liquid.js";import{getSettingPreloadData as d}from"../../../helpers.js";import{createAttr as c,createStyle as m,createClass as a}from"@gem-sdk/system";import{getContents as n,getLabelContent as u}from"./common/helpers.js";import{getWrapperLiquidAttrs as $,getWrapperErrorMessageAttrs as y}from"./common/attrs.js";import{getWrapperStyles as f,getLabelStyles as g,getLabelContentStyles as C,getWrapperErrorMessageStyles as h}from"./common/styles.js";import{getLabelClasses as v,getLiquidTagClasses as j,getLabelWrapperClasses as P,getWrapperErrorMessageClasses as x}from"./common/classes.js";let w=({setting:w,styles:S,builderProps:k,advanced:E,pageContext:M})=>{let{name:b,type:q,childItem:V}=w??{},{isDisplayLabel:Z=!0}=S??{};w&&!b&&(w.name="Property");let A=k?.uid,{displayLabel:G}=n({uniqId:A,pageContext:M??{},setting:w}),I=c({...$({uniqId:A,pageContext:M??{},setting:w})}),_=m({...f(S)}),B=m({...g(S)}),F=a({...v(S)}),N=a({...j(w)}),O=a({...P(E)}),R=m({...C()}),T=u(w),z=a({...x(),...e("data-[hidden=true]:gp-hidden")}),D=m({...h(S)}),H=c({...y()});return t`
+import{composeClasses as r,template as e,RenderIf as t,isLocalEnv as o,baseAssetURL as s}from"@gem-sdk/core";import p from"./property-choice/ProductPropertyChoice.liquid.js";import l from"./property-input/ProductPropertyInput.liquid.js";import i from"./property-select/ProductPropertySelect.liquid.js";import{getSettingPreloadData as d}from"../../../helpers.js";import{createAttr as c,createStyle as m,createClass as a}from"@gem-sdk/system";import{getContents as n,getLabelContent as u}from"./common/helpers.js";import{getWrapperLiquidAttrs as $,getWrapperErrorMessageAttrs as y}from"./common/attrs.js";import{getWrapperStyles as f,getLabelStyles as g,getLabelContentStyles as C,getWrapperErrorMessageStyles as h}from"./common/styles.js";import{getLabelClasses as v,getLiquidTagClasses as P,getLabelWrapperClasses as j,getWrapperErrorMessageClasses as x}from"./common/classes.js";let ProductProperties=({setting:w,styles:S,builderProps:k,advanced:E,pageContext:M})=>{let{name:b,type:q,childItem:V}=w??{},{isDisplayLabel:Z=!0}=S??{};w&&!b&&(w.name="Property");let A=k?.uid,{displayLabel:G}=n({uniqId:A,pageContext:M??{},setting:w}),I=c({...$({uniqId:A,pageContext:M??{},setting:w})}),_=m({...f(S)}),B=m({...g(S)}),F=a({...v(S)}),N=a({...P(w)}),O=a({...j(E)}),R=m({...C()}),T=u(w),z=a({...x(),...r("data-[hidden=true]:gp-hidden")}),D=m({...h(S)}),H=c({...y()});return e`
     <gp-product-property ${{...I}} class="${N}"
       style="${_}"
     >
-      ${r(Z,t`<div class="${O}">
+      ${t(Z,e`<div class="${O}">
         <label htmlFor="${A}-${b}" class="${F}" style="${B}">
           ${G}
           <span style="${R}">${T}</span>
@@ -10,9 +10,9 @@ import{composeClasses as e,RenderIf as r,template as t,isLocalEnv as o,baseAsset
       </div>`)}
 
       <div>
-        ${r("dropdown"===q,i({setting:w,styles:S,builderProps:k,pageContext:M}))}
-        ${r("checkbox"===q||"radio"===q,p({setting:{...w,childItem:V,name:b},styles:S,builderProps:k,pageContext:M}))}
-        ${r("text"===q||"textarea"===q||"email"===q||"hidden"===q,l({setting:w,styles:S,builderProps:k,pageContext:M}))}
+        ${t("dropdown"===q,i({setting:w,styles:S,builderProps:k,pageContext:M}))}
+        ${t("checkbox"===q||"radio"===q,p({setting:{...w,childItem:V,name:b},styles:S,builderProps:k,pageContext:M}))}
+        ${t("text"===q||"textarea"===q||"email"===q||"hidden"===q,l({setting:w,styles:S,builderProps:k,pageContext:M}))}
         <div
           ${{...H}}
           class="${z}"
@@ -36,4 +36,4 @@ import{composeClasses as e,RenderIf as r,template as t,isLocalEnv as o,baseAsset
         </div>
       </div>
     </gp-product-property>
-    ${r(o,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-product-property-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${s}/assets-v2/gp-product-property-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`};export{w as default};
+    ${t(o,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-product-property-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${s}/assets-v2/gp-product-property-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`};export{ProductProperties as default};

package/dist/esm/product/components/product-properties/common/attrs.js

@@ -1 +1 @@
-import{getContents as e}from"./helpers.js";let t=({uniqId:t,pageContext:a,setting:r})=>{let{invalidNumberMessageDisplay:i,invalidEmailMessageDisplay:s,requiredMessageDisplay:d,invalidLengthMessageDisplay:l}=e({uniqId:t,pageContext:a,setting:r});return{"data-id":t??"","data-invalid":!1,"data-gp-setting":JSON.stringify(r).replaceAll('"',"""),"data-translate-setting":JSON.stringify({requiredMessage:d,invalidEmailMessage:s,invalidLengthMessage:l,invalidNumberMessage:i}).replaceAll('"',""")}},a=(e,t)=>({"data-product-id":t??"","data-id":e??""}),r=()=>({"data-slot-type":"message","data-hidden":"true"});export{r as getWrapperErrorMessageAttrs,t as getWrapperLiquidAttrs,a as getWrapperTSXAttrs};
+import{getContents as e}from"./helpers.js";let getWrapperLiquidAttrs=({uniqId:t,pageContext:r,setting:a})=>{let{invalidNumberMessageDisplay:s,invalidEmailMessageDisplay:i,requiredMessageDisplay:d,invalidLengthMessageDisplay:p}=e({uniqId:t,pageContext:r,setting:a});return{"data-id":t??"","data-invalid":!1,"data-gp-setting":JSON.stringify(a).replaceAll('"',"""),"data-translate-setting":JSON.stringify({requiredMessage:d,invalidEmailMessage:i,invalidLengthMessage:p,invalidNumberMessage:s}).replaceAll('"',""")}},getWrapperTSXAttrs=(e,t)=>({"data-product-id":t??"","data-id":e??""}),getWrapperErrorMessageAttrs=()=>({"data-slot-type":"message","data-hidden":"true"});export{getWrapperErrorMessageAttrs,getWrapperLiquidAttrs,getWrapperTSXAttrs};

package/dist/esm/product/components/product-properties/common/classes.js

@@ -1 +1 @@
-import{composeTypographyClassName as e,getGlobalColorClass as r,composeClasses as s}from"@gem-sdk/core";let t=e=>{let{type:r}=e??{};return{...s(`gp-block gp-group gp-property_${r}`)}},g=t=>{let{labelBgColor:g,labelTextColor:p,labelTypography:l,labelTypo:a}=t??{},o=e(a,l),x=r("bg",g),m=r("text",p);return{...s(o),...s(x),...s(m)}},p=e=>({...s(e?.cssClass)}),l=()=>({...s("gp-flex gp-flex-row gp-items-center gp-pt-1 gp-text-sm gp-text-g-error")});export{g as getLabelClasses,p as getLabelWrapperClasses,t as getLiquidTagClasses,l as getWrapperErrorMessageClasses};
+import{composeClasses as e,composeTypographyClassName as s,getGlobalColorClass as r}from"@gem-sdk/core";let getLiquidTagClasses=s=>{let{type:r}=s??{};return{...e(`gp-block gp-group gp-property_${r}`)}},getLabelClasses=g=>{let{labelBgColor:t,labelTextColor:p,labelTypography:a,labelTypo:l}=g??{},o=s(l,a),C=r("bg",t),b=r("text",p);return{...e(o),...e(C),...e(b)}},getLabelWrapperClasses=s=>({...e(s?.cssClass)}),getWrapperErrorMessageClasses=()=>({...e("gp-flex gp-flex-row gp-items-center gp-pt-1 gp-text-sm gp-text-g-error")});export{getLabelClasses,getLabelWrapperClasses,getLiquidTagClasses,getWrapperErrorMessageClasses};

package/dist/esm/product/components/product-properties/common/helpers.js

@@ -1 +1 @@
-import{getDynamicSourceLocales as e,createSettingId as i}from"../../../../helpers.js";import{ProductProperties as t}from"../../../settings/product-properties/configs/translate.js";let d=({uniqId:d,pageContext:s,setting:n})=>{let{label:a,invalidNumberMessage:l,invalidEmailMessage:r,requiredMessage:g,invalidLengthMessage:o}=n??{},u=e({val:a,uid:d,settingId:i({id:t?.label?.id}),pageContext:s}),v=e({val:l,uid:d,settingId:i({id:t?.invalidNumberMessage?.id}),pageContext:s}),p=e({val:r,uid:d,settingId:i({id:t?.invalidEmailMessage?.id}),pageContext:s}),m=e({val:g,uid:d,settingId:i({id:t?.requiredMessage?.id}),pageContext:s}),I=e({val:o,uid:d,settingId:i({id:t?.invalidLengthMessage?.id}),pageContext:s});return{displayLabel:u,invalidNumberMessageDisplay:v,invalidEmailMessageDisplay:p,requiredMessageDisplay:m,invalidLengthMessageDisplay:I}},s=e=>{let{label:i,required:t}=e??{};return t&&i?" *":""};export{d as getContents,s as getLabelContent};
+import{getDynamicSourceLocales as e,createSettingId as t}from"../../../../helpers.js";import{ProductProperties as i}from"../../../settings/product-properties/configs/translate.js";let getContents=({uniqId:d,pageContext:s,setting:n})=>{let{label:a,invalidNumberMessage:l,invalidEmailMessage:r,requiredMessage:g,invalidLengthMessage:o}=n??{},u=e({val:a,uid:d,settingId:t({id:i?.label?.id}),pageContext:s}),v=e({val:l,uid:d,settingId:t({id:i?.invalidNumberMessage?.id}),pageContext:s}),p=e({val:r,uid:d,settingId:t({id:i?.invalidEmailMessage?.id}),pageContext:s}),m=e({val:g,uid:d,settingId:t({id:i?.requiredMessage?.id}),pageContext:s}),I=e({val:o,uid:d,settingId:t({id:i?.invalidLengthMessage?.id}),pageContext:s});return{displayLabel:u,invalidNumberMessageDisplay:v,invalidEmailMessageDisplay:p,requiredMessageDisplay:m,invalidLengthMessageDisplay:I}},getLabelContent=e=>{let{label:t,required:i}=e??{};return i&&t?" *":""};export{getContents,getLabelContent};

package/dist/esm/product/components/product-properties/common/styles.js

@@ -1 +1 @@
-import{makeStyleResponsive as e,composeTypographyStyle as t,getGlobalColorClass as r,makeStyle as l}from"@gem-sdk/core";let o=t=>{let{textAlign:r}=t??{};return{...e("ta",r)}},a=e=>{let{labelBgColor:o,labelTextColor:a,labelTypography:g,labelTypo:s}=e??{},n=t(s,g),p=r("bg",o),b=r("text",a);return{...l({bg:""===p?o:void 0,c:""===b?a:void 0,tt:e?.labelTransform}),...n}},g=()=>({...l({c:"red"}),"":""}),s=t=>{let{textAlign:r}=t??{};return{...e("jc",r)}};export{g as getLabelContentStyles,a as getLabelStyles,s as getWrapperErrorMessageStyles,o as getWrapperStyles};
+import{makeStyleResponsive as e,composeTypographyStyle as t,getGlobalColorClass as r,makeStyle as l}from"@gem-sdk/core";let getWrapperStyles=t=>{let{textAlign:r}=t??{};return{...e("ta",r)}},getLabelStyles=e=>{let{labelBgColor:s,labelTextColor:a,labelTypography:g,labelTypo:o}=e??{},p=t(o,g),n=r("bg",s),y=r("text",a);return{...l({bg:""===n?s:void 0,c:""===y?a:void 0,tt:e?.labelTransform}),...p}},getLabelContentStyles=()=>({...l({c:"red"}),"":""}),getWrapperErrorMessageStyles=t=>{let{textAlign:r}=t??{};return{...e("jc",r)}};export{getLabelContentStyles,getLabelStyles,getWrapperErrorMessageStyles,getWrapperStyles};

package/dist/esm/product/components/product-properties/property-choice/ProductPropertyChoice.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useUniqProductID as o}from"@gem-sdk/core";import{getPPCWrapperClasses as t,getPPCLabelClasses as s,getPPCWrapperClassesMain as m}from"./common/getProductPropertiesChoiceClasses.js";import{getPPCWrapperStyles as i,getPPCContainerStyles as l,getPPCLabelStyles as c,getPPCInputStyles as a}from"./common/getProductPropertiesChoiceStyles.js";import{getPPCInlineStyleChoice as n}from"./common/getProductPropertiesChoiceInlineCss.js";import{createClass as d,createStyle as p}from"@gem-sdk/system";let h=({setting:h,styles:u,defaultName:y,currentProductId:P})=>{let $=o(),{name:f,type:C,handleChange:g,childItem:j}=h??{},{valueTextColor:v}=u??{},N=`${(f||y)??""}-${P}`,k=n(y,v),x=d({...t()}),b=d({...s(u)}),F=p({...i(u)}),I=d({...m()}),S=p({...l(u)}),q=p({...c(u)}),w=p({...a(u)});return e("div",{style:F,className:I,children:[r("style",{children:k}),j?.map((o,t)=>e("div",{style:S,className:x,children:[r("input",{type:C,id:`${$}-${N}-${t}`,name:N,value:o,style:w,onChange:g}),r("label",{htmlFor:`${$}-${N}-${t}`,className:b,style:q,children:o})]},t))]})};export{h as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useUniqProductID as o}from"@gem-sdk/core";import{getPPCWrapperClasses as t,getPPCLabelClasses as s,getPPCWrapperClassesMain as m}from"./common/getProductPropertiesChoiceClasses.js";import{getPPCWrapperStyles as i,getPPCContainerStyles as c,getPPCLabelStyles as l,getPPCInputStyles as a}from"./common/getProductPropertiesChoiceStyles.js";import{getPPCInlineStyleChoice as d}from"./common/getProductPropertiesChoiceInlineCss.js";import{createClass as n,createStyle as p}from"@gem-sdk/system";let ProductPropertyChoice=({setting:h,styles:u,defaultName:y,currentProductId:P})=>{let C=o(),{name:$,type:f,handleChange:g,childItem:j}=h??{},{valueTextColor:v}=u??{},N=`${($||y)??""}-${P}`,k=d(y,v),x=n({...t()}),b=n({...s(u)}),F=p({...i(u)}),I=n({...m()}),S=p({...c(u)}),q=p({...l(u)}),w=p({...a(u)});return e("div",{style:F,className:I,children:[r("style",{children:k}),j?.map((o,t)=>e("div",{style:S,className:x,children:[r("input",{type:f,id:`${C}-${N}-${t}`,name:N,value:o,style:w,onChange:g}),r("label",{htmlFor:`${C}-${N}-${t}`,className:b,style:q,children:o})]},t))]})};export{ProductPropertyChoice as default};

package/dist/esm/product/components/product-properties/property-choice/ProductPropertyChoice.liquid.js

@@ -1,19 +1,19 @@
-import{makeStyleResponsive as e,makeWidth as t,template as o}from"@gem-sdk/core";import{getPPCInlineStyleChoice as r}from"./common/getProductPropertiesChoiceInlineCss.js";import{getDynamicSourceLocales as s,createSettingId as i}from"../../../../helpers.js";import{createClass as m,createStyle as l,createAttr as p}from"@gem-sdk/system";import{getPPCWrapperClasses as c,getPPCLabelClasses as d,getPPCWrapperClassesMain as $}from"./common/getProductPropertiesChoiceClasses.js";import{getPPCContainerStyles as a,getPPCLabelStyles as n,getPPCInputStyles as u}from"./common/getProductPropertiesChoiceStyles.js";import{getPPCInputAttrs as f}from"./common/getProductPropertiesChoiceAttrs.js";import{ProductProperties as g}from"../../../settings/product-properties/configs/translate.js";let y=({setting:y,styles:P,builderProps:h,pageContext:C,attributes:j})=>{let v=h?.uid,{name:b,type:k,childItem:x}=y??{},{valueTextColor:I,fullWidth:_,width:w}=P??{},A=e("w",t(w,_)),S=`properties[${b}]`,q=r(v,I),z=m({...c()}),B=m({...d(P)}),D=l({...a(P)}),E=m({...$()}),F=l({...n(P)}),G=p({...f(j)}),H=l({...u(P)});return o`<div style="${{...A}}" class="${E}">
+import{makeStyleResponsive as e,makeWidth as o,template as t}from"@gem-sdk/core";import{getPPCInlineStyleChoice as r}from"./common/getProductPropertiesChoiceInlineCss.js";import{getDynamicSourceLocales as s,createSettingId as i}from"../../../../helpers.js";import{createClass as m,createStyle as c,createAttr as p}from"@gem-sdk/system";import{getPPCWrapperClasses as l,getPPCLabelClasses as d,getPPCWrapperClassesMain as $}from"./common/getProductPropertiesChoiceClasses.js";import{getPPCContainerStyles as a,getPPCLabelStyles as n,getPPCInputStyles as u}from"./common/getProductPropertiesChoiceStyles.js";import{getPPCInputAttrs as f}from"./common/getProductPropertiesChoiceAttrs.js";import{ProductProperties as P}from"../../../settings/product-properties/configs/translate.js";let ProductPropertyChoice=({setting:y,styles:g,builderProps:h,pageContext:C,attributes:j})=>{let v=h?.uid,{name:b,type:k,childItem:x}=y??{},{valueTextColor:I,fullWidth:_,width:w}=g??{},A=e("w",o(w,_)),S=`properties[${b}]`,q=r(v,I),z=m({...l()}),B=m({...d(g)}),D=c({...a(g)}),E=m({...$()}),F=c({...n(g)}),G=p({...f(j)}),H=c({...u(g)});return t`<div style="${{...A}}" class="${E}">
       <style>${q}</style>
 
-      ${x?.map((e,t)=>{let r=s({val:e,uid:v,settingId:i({id:g?.childItem?.id,index:t}),pageContext:C??{}});return o`
+      ${x?.map((e,o)=>{let r=s({val:e,uid:v,settingId:i({id:P?.childItem?.id,index:o}),pageContext:C??{}});return t`
             <div class="${z}" style="${D}">
               <input
                 ${{...G}}
                 type="${k}"
-                id="${v}-${b}-${t}"
+                id="${v}-${b}-${o}"
                 name="${"radio"===k||"checkbox"===k?S:`${S}[]`}"
                 value="${r}"
                 style="${H}"
                 form="{{ product_form_id }}"
               />
               <label
-                for="${v}-${b}-${t}"
+                for="${v}-${b}-${o}"
                 class="${B}"
                 style="${F}"
               >
@@ -21,4 +21,4 @@ import{makeStyleResponsive as e,makeWidth as t,template as o}from"@gem-sdk/core"
               </label>
             </div>`}).join("")}
       </div>
-  `};export{y as default};
+  `};export{ProductPropertyChoice as default};

package/dist/esm/product/components/product-properties/property-choice/common/getProductPropertiesChoiceAttrs.js

@@ -1 +1 @@
-let t=t=>({"data-id":t?.dataId??"","data-slot-type":"input"});export{t as getPPCInputAttrs};
+let getPPCInputAttrs=t=>({"data-id":t?.dataId??"","data-slot-type":"input"});export{getPPCInputAttrs};

package/dist/esm/product/components/product-properties/property-choice/common/getProductPropertiesChoiceClasses.js

@@ -1 +1 @@
-import{composeClasses as e,composeTypographyClassName as p,getGlobalColorStateResponsiveClass as r,getGlobalColorStateClass as t}from"@gem-sdk/core";let s=()=>e("gp-flex gp-items-center"),g=()=>e("gp-inline-block"),l=s=>{let{valueTextColor:g,valueBgColor:l,valueTypo:a,valueTypography:n}=s??{},o=p(a,n);return{...e("gp-p-2 gp-outline-none gp-break-words"),...e(t("text",g)),...e(r("bg",l)),...e(o)}};export{l as getPPCLabelClasses,s as getPPCWrapperClasses,g as getPPCWrapperClassesMain};
+import{composeClasses as e,composeTypographyClassName as s,getGlobalColorStateClass as p,getGlobalColorStateResponsiveClass as r}from"@gem-sdk/core";let getPPCWrapperClasses=()=>e("gp-flex gp-items-center"),getPPCWrapperClassesMain=()=>e("gp-inline-block"),getPPCLabelClasses=t=>{let{valueTextColor:a,valueBgColor:g,valueTypo:l,valueTypography:C}=t??{},P=s(l,C);return{...e("gp-p-2 gp-outline-none gp-break-words"),...e(p("text",a)),...e(r("bg",g)),...e(P)}};export{getPPCLabelClasses,getPPCWrapperClasses,getPPCWrapperClassesMain};

package/dist/esm/product/components/product-properties/property-choice/common/getProductPropertiesChoiceInlineCss.js

@@ -1,6 +1,6 @@
-import{getSingleColorVariable as e}from"@gem-sdk/core";let t=(t,o)=>{let r=o?.active||o?.normal;return r&&t?`
+import{getSingleColorVariable as e}from"@gem-sdk/core";let getPPCInlineStyleChoice=(t,l)=>{let o=l?.active||l?.normal;return o&&t?`
       .${t} {
         input:checked + label {
-          color: ${e(r)} !important;
+          color: ${e(o)} !important;
         }
-      }`:""};export{t as getPPCInlineStyleChoice};
+      }`:""};export{getPPCInlineStyleChoice};

package/dist/esm/product/components/product-properties/property-choice/common/getProductPropertiesChoiceStyles.js

@@ -1 +1 @@
-import{makeStyleResponsive as e,makeWidth as t,composeTypographyStyle as r,getGlobalColorStateStyle as l,getGlobalColorStateResponsiveStyle as P}from"@gem-sdk/core";let n=r=>{let{width:l,fullWidth:P}=r??{};return e("w",t(l,P))},g=t=>{let{height:r}=t??{};return r?e("h",r):{}},o=e=>{let{valueBgColor:t,valueTextColor:n,valueTypography:g,valueTypo:o}=e??{},p=r(o,g);return{...P("bg",t),...l("c",n),...p}},p=e=>{let{spacing:t}=e??{};return{"--mr":t}};export{g as getPPCContainerStyles,p as getPPCInputStyles,o as getPPCLabelStyles,n as getPPCWrapperStyles};
+import{makeStyleResponsive as e,makeWidth as t,composeTypographyStyle as r,getGlobalColorStateResponsiveStyle as P,getGlobalColorStateStyle as l}from"@gem-sdk/core";let getPPCWrapperStyles=r=>{let{width:P,fullWidth:l}=r??{};return e("w",t(P,l))},getPPCContainerStyles=t=>{let{height:r}=t??{};return r?e("h",r):{}},getPPCLabelStyles=e=>{let{valueBgColor:t,valueTextColor:g,valueTypography:n,valueTypo:C}=e??{},s=r(C,n);return{...P("bg",t),...l("c",g),...s}},getPPCInputStyles=e=>{let{spacing:t}=e??{};return{"--mr":t}};export{getPPCContainerStyles,getPPCInputStyles,getPPCLabelStyles,getPPCWrapperStyles};

package/dist/esm/product/components/product-properties/property-input/ProductPropertyInput.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{useUniqProductID as r,composeClasses as t,makeStyle as m}from"@gem-sdk/core";import{createClass as o,createStyle as s}from"@gem-sdk/system";import{useMemo as a}from"react";import{getElementContent as n}from"./common/helpers.js";import{getClasses as d}from"./common/classes.js";import{getStyles as i}from"./common/styles.js";let c=({setting:c,styles:l})=>{let p=r(),{name:u,type:f,placeholder:h,required:g,handleChange:y,label:x,validationData:j}=c??{},$=a(()=>{switch(f){case"textarea":case"hidden":return"textarea";default:return"input"}},[f]),k=a(()=>"hidden"===f,[f]),L=`${h}${h&&g&&!x?" *":""}`,P=o({...d(l),...t("hidden"===f?"gp-cursor-default":"")}),b=s({...i(l),...j?.isValid||"hidden"===f?{}:m({bc:"#F44336"})}),{elementType:q,elementValue:v,minLength:w,maxLength:C}=n(c);return e($,{id:`${p}-${u}`,type:q,value:v,placeholder:L,name:u,readOnly:k,className:P,style:b,required:g,minLength:w,maxLength:C,onChange:y})};export{c as default};
+import{jsx as e}from"react/jsx-runtime";import{useUniqProductID as r,composeClasses as t,makeStyle as o}from"@gem-sdk/core";import{createClass as m,createStyle as s}from"@gem-sdk/system";import{useMemo as a}from"react";import{getElementContent as n}from"./common/helpers.js";import{getClasses as d}from"./common/classes.js";import{getStyles as i}from"./common/styles.js";let ProductPropertyInput=({setting:p,styles:c})=>{let l=r(),{name:u,type:f,placeholder:h,required:y,handleChange:g,label:x,validationData:j}=p??{},P=a(()=>{switch(f){case"textarea":case"hidden":return"textarea";default:return"input"}},[f]),$=a(()=>"hidden"===f,[f]),k=`${h}${h&&y&&!x?" *":""}`,I=m({...d(c),...t("hidden"===f?"gp-cursor-default":"")}),L=s({...i(c),...j?.isValid||"hidden"===f?{}:o({bc:"#F44336"})}),{elementType:b,elementValue:q,minLength:v,maxLength:w}=n(p);return e(P,{id:`${l}-${u}`,type:b,value:q,placeholder:k,name:u,readOnly:$,className:I,style:L,required:y,minLength:v,maxLength:w,onChange:g})};export{ProductPropertyInput as default};

package/dist/esm/product/components/product-properties/property-input/ProductPropertyInput.liquid.js

@@ -1,15 +1,15 @@
-import{composeClasses as r,template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as t,createSettingId as o}from"../../../../helpers.js";import{createClass as m,createStyle as s,createAttr as p}from"@gem-sdk/system";import{getClasses as a}from"./common/classes.js";import{getStyles as i}from"./common/styles.js";import{getElementContent as n}from"./common/helpers.js";import{getInputAttrs as d}from"./common/attrs.js";import{ProductProperties as l}from"../../../settings/product-properties/configs/translate.js";let u=({setting:u,styles:$,builderProps:c,pageContext:f,attributes:g})=>{let{name:h,type:j,placeholder:x,required:y,minChar:b,maxChar:v,label:C}=u??{minChar:Number,maxChar:Number},k="textarea"===j?"textarea":"input",I=t({val:x,uid:c?.uid,settingId:o({id:l?.placeholder?.id}),pageContext:f??{}}),N=`${I}${x&&y&&!C?" *":""}`,P=m({...a($),...r("gp-shadow-none group-data-[invalid=true]:gp-border-[#F44336]")}),_=s({...i($)}),{elementValue:q}=n(u),w=p({...d(g)});return e`
-    <${k}
+import{composeClasses as r,template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as t,createSettingId as o}from"../../../../helpers.js";import{createClass as m,createStyle as s,createAttr as p}from"@gem-sdk/system";import{getClasses as a}from"./common/classes.js";import{getStyles as i}from"./common/styles.js";import{getElementContent as n}from"./common/helpers.js";import{getInputAttrs as u}from"./common/attrs.js";import{ProductProperties as d}from"../../../settings/product-properties/configs/translate.js";let ProductPropertyInput=({setting:l,styles:$,builderProps:c,pageContext:f,attributes:g})=>{let{name:h,type:b,placeholder:x,required:j,minChar:y,maxChar:N,label:P}=l??{minChar:Number,maxChar:Number,minNumber:Number,maxNumber:Number},v="textarea"===b?"textarea":"input",C=t({val:x,uid:c?.uid,settingId:o({id:d?.placeholder?.id}),pageContext:f??{}}),I=`${C}${x&&j&&!P?" *":""}`,k=m({...a($),...r("gp-shadow-none group-data-[invalid=true]:gp-border-[#F44336]")}),_=s({...i($)}),{elementValue:q}=n(l),w=p({...u(g)});return e`
+    <${v}
       ${{...w}}
-      type="${j}"
-      placeholder="${N}"
+      type="${b}"
+      placeholder="${I}"
       name="properties[${h}]"
       form="{{ product_form_id }}"
       value="${q}"
-      class="${P}"
+      class="${k}"
       style="${_}"
-      ${y?`required="${y}"`:""}
-      minlength="${b}"
-      maxlength="${v}"
-    ></${k}>
-    `};export{u as default};
+      ${j?`required="${j}"`:""}
+      minlength="${y}"
+      maxlength="${N}"
+    ></${v}>
+    `};export{ProductPropertyInput as default};

package/dist/esm/product/components/product-properties/property-input/common/attrs.js

@@ -1 +1 @@
-let t=t=>({"data-id":t?.dataId??"","data-slot-type":"input"});export{t as getInputAttrs};
+let getInputAttrs=t=>({"data-id":t?.dataId??"","data-slot-type":"input"});export{getInputAttrs};

package/dist/esm/product/components/product-properties/property-input/common/classes.js

@@ -1 +1 @@
-import{composeTypographyClassName as e,composeClasses as t,handleConvertClassColor as o,getGlobalColorStateResponsiveClass as r,getGlobalColorStateClass as g}from"@gem-sdk/core";let p=p=>{let{valueBgColor:s,valueTextColor:l,borderInput:m,valueTypography:n,valueTypo:x}=p??{},u=e(x,n);return{...t("gemx-border-focus gp-px-4 gp-py-2 gp-outline-none"),...t(g("text",l)),...t(r("bg",s)),...t(u),...t(o(m))}};export{p as getClasses};
+import{composeTypographyClassName as e,composeClasses as t,getGlobalColorStateClass as g,getGlobalColorStateResponsiveClass as o,handleConvertClassColor as r}from"@gem-sdk/core";let getClasses=s=>{let{valueBgColor:p,valueTextColor:l,borderInput:m,valueTypography:n,valueTypo:x}=s??{},u=e(x,n);return{...t("gemx-border-focus gp-px-4 gp-py-2 gp-outline-none"),...t(g("text",l)),...t(o("bg",p)),...t(u),...t(r(m))}};export{getClasses};

package/dist/esm/product/components/product-properties/property-input/common/helpers.js

@@ -1 +1 @@
-let e=e=>{let{type:t,valueHidden:n,minChar:d,maxChar:a}=e??{};return{elementType:"hidden"===t?"textarea":t,elementValue:"hidden"===t?n:void 0,minLength:["text","textarea"].includes(t)?d:void 0,maxLength:["text","textarea"].includes(t)?a:void 0}};export{e as getElementContent};
+let getElementContent=e=>{let{type:t,valueHidden:n,minChar:d,maxChar:l}=e??{};return{elementType:"hidden"===t?"textarea":t,elementValue:"hidden"===t?n:void 0,minLength:["text","textarea"].includes(t)?d:void 0,maxLength:["text","textarea"].includes(t)?l:void 0}};export{getElementContent};

package/dist/esm/product/components/product-properties/property-input/common/styles.js

@@ -1 +1 @@
-import{composeTypographyStyle as o,makeStyleResponsive as c,makeWidth as e,getGlobalColorStateResponsiveStyle as t,getGlobalColorStateStyle as s,getStyleShadowState as g,composeRadius as r,handleConvertBorderColor as b,handleConvertBorderWidth as f,handleConvertBorderStyle as u}from"@gem-sdk/core";let l=l=>{let{valueBgColor:m,valueTextColor:d,valueTypo:h,valueTypography:p,fullWidth:w,width:x,height:a,borderInput:i,borderRadius:k,hasShadowInput:n,shadowInput:y}=l??{},S=o(h,p),j=c("w",e(x,w)),q=a?c("h",a):{},v=t("bg",m);v["--focus-bg"]||(v["--focus-bg"]=v["--bg"]);let z=s("c",d);return z["--focus-c"]||(z["--focus-c"]=z["--c"]),{...j,...u(i),...f(i),...b(i),...v,...z,...q,...r(k),...g(y,"box-shadow",n),...S}};export{l as getStyles};
+import{composeTypographyStyle as e,makeStyleResponsive as o,makeWidth as t,getGlobalColorStateResponsiveStyle as c,getGlobalColorStateStyle as s,handleConvertBorderStyle as g,handleConvertBorderWidth as r,handleConvertBorderColor as b,composeRadius as f,getStyleShadowState as l}from"@gem-sdk/core";let getStyles=u=>{let{valueBgColor:m,valueTextColor:d,valueTypo:h,valueTypography:p,fullWidth:w,width:x,height:y,borderInput:S,borderRadius:a,hasShadowInput:i,shadowInput:k}=u??{},n=e(h,p),j=o("w",t(x,w)),q=y?o("h",y):{},v=c("bg",m);v["--focus-bg"]||(v["--focus-bg"]=v["--bg"]);let z=s("c",d);return z["--focus-c"]||(z["--focus-c"]=z["--c"]),{...j,...g(S),...r(S),...b(S),...v,...z,...q,...f(a),...l(k,"box-shadow",i),...n}};export{getStyles};

package/dist/esm/product/components/product-properties/property-select/ProductPropertySelect.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{useUniqProductID as m}from"@gem-sdk/core";import{createClass as o,createStyle as r}from"@gem-sdk/system";import{getSelectClasses as t}from"./common/classes.js";import{getSelectStyles as s,getOptionStyles as l}from"./common/styles.js";let c=({setting:c,styles:a})=>{let i=m(),{name:n,handleChangeOption:p,childItem:d}=c??{},f=o({...t(a)}),u=r({...s(a)}),y=r({...l(a)});return e("select",{name:n,id:`${i}-${n}`,className:f,style:u,onChange:p,children:d?.map((m,o)=>e("option",{value:m,style:y,children:m},o))})};export{c as default};
+import{jsx as e}from"react/jsx-runtime";import{useUniqProductID as r}from"@gem-sdk/core";import{createClass as t,createStyle as o}from"@gem-sdk/system";import{getSelectClasses as m}from"./common/classes.js";import{getSelectStyles as s,getOptionStyles as l}from"./common/styles.js";let ProductPropertySelect=({setting:c,styles:a})=>{let i=r(),{name:n,handleChangeOption:p,childItem:d}=c??{},f=t({...m(a)}),u=o({...s(a)}),y=o({...l(a)});return e("select",{name:n,id:`${i}-${n}`,className:f,style:u,onChange:p,children:d?.map((r,t)=>e("option",{value:r,style:y,children:r},t))})};export{ProductPropertySelect as default};

package/dist/esm/product/components/product-properties/property-select/ProductPropertySelect.liquid.js

@@ -1,17 +1,17 @@
-import{composeClasses as t,template as o}from"@gem-sdk/core";import{getDynamicSourceLocales as e,createSettingId as r}from"../../../../helpers.js";import{createAttr as s,createClass as m,createStyle as i}from"@gem-sdk/system";import{getSelectAttrs as p}from"./common/attrs.js";import{getSelectStyles as l,getOptionStyles as n}from"./common/styles.js";import{getSelectClasses as d}from"./common/classes.js";import{ProductProperties as c}from"../../../settings/product-properties/configs/translate.js";let a=({setting:a,styles:f,builderProps:$,pageContext:u,attributes:g})=>{let j=$?.uid,{name:y,childItem:h}=a??{},k=s({...p(a,g)}),v=m({...d(f),...t("gp-shadow-none")}),x=i({...l(f)}),I=i({...n(f)});return o`
+import{composeClasses as t,template as o}from"@gem-sdk/core";import{getDynamicSourceLocales as e,createSettingId as r}from"../../../../helpers.js";import{createAttr as s,createClass as m,createStyle as i}from"@gem-sdk/system";import{getSelectAttrs as p}from"./common/attrs.js";import{getSelectStyles as l,getOptionStyles as c}from"./common/styles.js";import{getSelectClasses as d}from"./common/classes.js";import{ProductProperties as n}from"../../../settings/product-properties/configs/translate.js";let ProductPropertySelect=({setting:a,styles:f,builderProps:u,pageContext:$,attributes:g})=>{let j=u?.uid,{name:y,childItem:P}=a??{},h=s({...p(a,g)}),k=m({...d(f),...t("gp-shadow-none")}),v=i({...l(f)}),x=i({...c(f)});return o`
     <select
-      ${{...k}}
+      ${{...h}}
       name="properties[${y}]"
       id="${j}-${y}"
-      class="${v}"
+      class="${k}"
       form="{{ product_form_id }}"
-      style="${x}"
+      style="${v}"
     >
-      ${h?.map((t,s)=>{let m=e({val:t,uid:j,settingId:r({id:c?.childItem?.id,index:s}),pageContext:u??{}});return o`
+      ${P?.map((t,s)=>{let m=e({val:t,uid:j,settingId:r({id:n?.childItem?.id,index:s}),pageContext:$??{}});return o`
             <option
               value="${m}"
-              style="${I}"
+              style="${x}"
             >
               ${m}
             </option>`}).join("")}
-    </select>`};export{a as default};
+    </select>`};export{ProductPropertySelect as default};

package/dist/esm/product/components/product-properties/property-select/common/attrs.js

@@ -1 +1 @@
-let t=(t,a)=>{let{name:e}=t??{};return{"aria-label":e??"","data-id":a?.dataId??"","data-slot-type":"input"}};export{t as getSelectAttrs};
+let getSelectAttrs=(t,e)=>{let{name:a}=t??{};return{"aria-label":a??"","data-id":e?.dataId??"","data-slot-type":"input"}};export{getSelectAttrs};

package/dist/esm/product/components/product-properties/property-select/common/classes.js

@@ -1 +1 @@
-import{composeTypographyClassName as e,composeClasses as t,getGlobalColorStateResponsiveClass as r,getGlobalColorStateClass as g}from"@gem-sdk/core";let o=o=>{let{valueBgColor:p,valueTextColor:l,valueTypography:n,valueTypo:s}=o??{},c=e(s,n);return{...t("gp-truncate gp-p-2 gp-outline-none"),...t(g("text",l)),...t(r("bg",p)),...t(c)}};export{o as getSelectClasses};
+import{composeTypographyClassName as e,composeClasses as t,getGlobalColorStateClass as g,getGlobalColorStateResponsiveClass as l}from"@gem-sdk/core";let getSelectClasses=r=>{let{valueBgColor:s,valueTextColor:o,valueTypography:p,valueTypo:n}=r??{},c=e(n,p);return{...t("gp-truncate gp-p-2 gp-outline-none"),...t(g("text",o)),...t(l("bg",s)),...t(c)}};export{getSelectClasses};

package/dist/esm/product/components/product-properties/property-select/common/styles.js

@@ -1 +1 @@
-import{makeStyleResponsive as e,makeWidth as b,getGlobalColorStateStyle as t,getGlobalColorStateResponsiveStyle as o,getStyleShadowState as g,composeRadius as c,handleConvertBorderColor as l,handleConvertBorderWidth as s,handleConvertBorderStyle as r}from"@gem-sdk/core";import{filterTruthyObject as f}from"../../../../../helpers.js";let u=f=>{let{fullWidth:u,width:m,height:i,borderInput:a,borderRadius:p,hasShadowInput:h,shadowInput:n,valueBgColor:S,valueTextColor:d}=f??{},w=e("w",b(m,u)),x=i?e("h",i):{};return{...w,...x,...r(a),...s(a),...l(a),...c(p),...g(n,"box-shadow",h),...o("bg",S),...t("c",d)}},m=e=>{let{valueBgColor:b,valueTextColor:g}=e??{},c=o("bg",b),l=t("c",g),s={"--c":l["--focus-c"]?l["--focus-c"]:l["--c"],"--bg":c["--focus-bg"]?c["--focus-bg"]:c["--bg"],"--bg-tablet":c["--focus-bg-tablet"]?c["--focus-bg-tablet"]:c["--bg-tablet"],"--bg-mobile":c["--focus-bg-mobile"]?c["--focus-bg-mobile"]:c["--bg-mobile"]};return f(s)};export{m as getOptionStyles,u as getSelectStyles};
+import{makeStyleResponsive as e,makeWidth as t,handleConvertBorderStyle as b,handleConvertBorderWidth as o,handleConvertBorderColor as g,composeRadius as l,getStyleShadowState as c,getGlobalColorStateResponsiveStyle as s,getGlobalColorStateStyle as r}from"@gem-sdk/core";import{filterTruthyObject as f}from"../../../../../helpers.js";let getSelectStyles=f=>{let{fullWidth:u,width:m,height:i,borderInput:p,borderRadius:S,hasShadowInput:a,shadowInput:n,valueBgColor:y,valueTextColor:h}=f??{},d=e("w",t(m,u)),w=i?e("h",i):{};return{...d,...w,...b(p),...o(p),...g(p),...l(S),...c(n,"box-shadow",a),...s("bg",y),...r("c",h)}},getOptionStyles=e=>{let{valueBgColor:t,valueTextColor:b}=e??{},o=s("bg",t),g=r("c",b),l={"--c":g["--focus-c"]?g["--focus-c"]:g["--c"],"--bg":o["--focus-bg"]?o["--focus-bg"]:o["--bg"],"--bg-tablet":o["--focus-bg-tablet"]?o["--focus-bg-tablet"]:o["--bg-tablet"],"--bg-mobile":o["--focus-bg-mobile"]?o["--focus-bg-mobile"]:o["--bg-mobile"]};return f(l)};export{getOptionStyles,getSelectStyles};

package/dist/esm/product/components/product-quantity/ProductQuantity.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useCurrentVariant as s,useQuantity as o}from"@gem-sdk/core";import{createAttr as l,createClass as n,createStyle as r,If as a}from"@gem-sdk/system";import{useProductQuantity as i}from"./hooks/useProductQuantity.js";import{getContainerAttrs as m,getInputAttr as u,getButtonAttrs as c}from"./common/attrs.js";import{getContainerClasses as d,getWrapperClasses as y,getInputClasses as b,getButtonClass as f,getIconWrapperClasses as p}from"./common/classes.js";import{getContainerStyles as h,getWrapperStyles as g,getInputStyle as N,getButtonStyle as S}from"./common/styles.js";import{getIconWidth as j,getMinusIcon as v,getPlusIcon as B}from"./common/helpers.js";let H=H=>{let{setting:k={},styles:C={},builderProps:D,advanced:_}=H,Q=s(),{quantity:x}=o(),{isInStock:I,ref:L,onClickIncrement:M,onClickDecrement:P,onChangeInput:T,onFocusInput:F}=i(H),{plusIcon:V,minusIcon:q}=k,w=k.defaultQtyValue||1,{inputHeight:z,buttonBackgroundColor:A,backgroundColor:E,iconColor:G,inputBackgroundColor:J,textColor:K,align:O,borderBtn:R,buttonWidth:U,iconSizeCustom:W,corner:X}=C,Y=k?.hasButton,Z=l({...m({isDisabled:!I,uid:D?.uid||""})}),$=n({...d(_?.cssClass)}),tt=r({...h({align:O,inputHeight:z})}),te=n({...y()}),ts=r({...g({backgroundColor:E,styles:C})}),to=l({...u({hasButton:Y,quantity:x,currentVariant:Q,defaultQty:w})}),tl=n({...b({styles:C,borderBtn:R,inputBackgroundColor:J,textColor:K,isDisabled:!I})}),tn=r({...N(H)}),tr=n({...f({borderBtn:R,buttonBackgroundColor:A,iconColor:G,buttonSide:"left",isDisabled:!I})}),ta=r({...S({borderBtn:R,buttonWidth:U,buttonBackgroundColor:A,iconColor:G,corner:X,enableHoverButton:k?.enableHoverButton})}),ti=l({...c({buttonSide:"left"})}),tm=n({...f({borderBtn:R,buttonBackgroundColor:A,iconColor:G,buttonSide:"right",isDisabled:!I})}),tu=r({...S({borderBtn:R,buttonWidth:U,buttonBackgroundColor:A,iconColor:G,corner:X,flipStyle:!0,enableHoverButton:k?.enableHoverButton})}),tc=l({...c({buttonSide:"right"})}),td=n({...p()}),ty=r({...j(W)});return t("div",{ref:L,...Z,className:$,style:tt,children:e("div",{className:te,style:ts,children:[a(Y,t("button",{...ti,onClick:P,className:tr,style:ta,children:t("span",{className:td,style:ty,dangerouslySetInnerHTML:{__html:v(q)}})})),t("input",{...to,className:tl,style:tn,onChange:t=>T(t),onFocus:t=>F(t)}),a(Y,t("button",{...tc,onClick:M,className:tm,style:tu,children:t("span",{className:td,style:ty,dangerouslySetInnerHTML:{__html:B(V)}})}))]})})};export{H as default};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useCurrentVariant as s,useQuantity as o}from"@gem-sdk/core";import{createAttr as l,createClass as n,createStyle as r,If as a}from"@gem-sdk/system";import{useProductQuantity as i}from"./hooks/useProductQuantity.js";import{getContainerAttrs as m,getInputAttr as u,getButtonAttrs as c}from"./common/attrs.js";import{getContainerClasses as d,getWrapperClasses as y,getInputClasses as b,getButtonClass as f,getIconWrapperClasses as p}from"./common/classes.js";import{getContainerStyles as h,getWrapperStyles as g,getInputStyle as N,getButtonStyle as S}from"./common/styles.js";import{getIconWidth as j,getMinusIcon as v,getPlusIcon as B}from"./common/helpers.js";let ProductQuantity=H=>{let{setting:k={},styles:C={},builderProps:D,advanced:Q}=H,_=s(),{quantity:P}=o(),{isInStock:x,ref:I,onClickIncrement:L,onClickDecrement:M,onChangeInput:T,onFocusInput:F}=i(H),{plusIcon:V,minusIcon:q}=k,w=k.defaultQtyValue||1,{inputHeight:z,buttonBackgroundColor:A,backgroundColor:E,iconColor:G,inputBackgroundColor:J,textColor:K,align:O,borderBtn:R,buttonWidth:U,iconSizeCustom:W,corner:X}=C,Y=k?.hasButton,Z=l({...m({isDisabled:!x,uid:D?.uid||""})}),$=n({...d(Q?.cssClass)}),tt=r({...h({align:O,inputHeight:z})}),te=n({...y()}),ts=r({...g({backgroundColor:E,styles:C})}),to=l({...u({hasButton:Y,quantity:P,currentVariant:_,defaultQty:w})}),tl=n({...b({styles:C,borderBtn:R,inputBackgroundColor:J,textColor:K,isDisabled:!x})}),tn=r({...N(H)}),tr=n({...f({borderBtn:R,buttonBackgroundColor:A,iconColor:G,buttonSide:"left",isDisabled:!x})}),ta=r({...S({borderBtn:R,buttonWidth:U,buttonBackgroundColor:A,iconColor:G,corner:X,enableHoverButton:k?.enableHoverButton})}),ti=l({...c({buttonSide:"left"})}),tm=n({...f({borderBtn:R,buttonBackgroundColor:A,iconColor:G,buttonSide:"right",isDisabled:!x})}),tu=r({...S({borderBtn:R,buttonWidth:U,buttonBackgroundColor:A,iconColor:G,corner:X,flipStyle:!0,enableHoverButton:k?.enableHoverButton})}),tc=l({...c({buttonSide:"right"})}),td=n({...p()}),ty=r({...j(W)});return t("div",{ref:I,...Z,className:$,style:tt,children:e("div",{className:te,style:ts,children:[a(Y,t("button",{...ti,onClick:M,className:tr,style:ta,children:t("span",{className:td,style:ty,dangerouslySetInnerHTML:{__html:v(q)}})})),t("input",{...to,className:tl,style:tn,onChange:t=>T(t),onFocus:t=>F(t)}),a(Y,t("button",{...tc,onClick:L,className:tm,style:tu,children:t("span",{className:td,style:ty,dangerouslySetInnerHTML:{__html:B(V)}})}))]})})};export{ProductQuantity as default};

package/dist/esm/product/components/product-quantity/ProductQuantity.liquid.js

@@ -1,16 +1,16 @@
-import{RenderIf as t,template as s,isLocalEnv as e,baseAssetURL as a}from"@gem-sdk/core";import{getSettingPreloadData as i}from"../../../helpers.js";import{createAttr as l,createClass as r,createStyle as o}from"@gem-sdk/system";import{getContainerAttrs as n,getInputAttr as d,getButtonAttrs as u}from"./common/attrs.js";import{getContainerClasses as p,getWrapperClasses as c,getInputClasses as f,getButtonClass as m,getIconWrapperClasses as $}from"./common/classes.js";import{getContainerStyles as b,getWrapperStyles as y,getInputStyle as v,getButtonStyle as g}from"./common/styles.js";import{getIconWidth as S,getMinusIcon as _,getPlusIcon as h}from"./common/helpers.js";let j=({setting:j={},styles:q={},advanced:B,builderProps:k})=>{let{plusIcon:E,minusIcon:H,updatePrice:A}=j,G=j.defaultQtyValue??1,{inputHeight:L,buttonBackgroundColor:M,iconColor:P,inputBackgroundColor:Q,textColor:V,align:x,borderBtn:C,buttonWidth:D,iconSizeCustom:I,corner:N,backgroundColor:O,dividerColor:R,dividerStroke:T}=q,w=j?.hasButton,z=l({...n({uid:k?.uid||"",isDisableByLiquid:!0})}),F=r({...p(B?.cssClass)}),J=o({...b({align:x,inputHeight:L})}),K=r({...c()}),U=o({...y({backgroundColor:O,styles:q})}),W=l({...d({isLiquid:!0,hasButton:w,defaultQty:G})}),X=r({...f({styles:q,borderBtn:C,inputBackgroundColor:Q,textColor:V})}),Y=o({...v({setting:j,styles:{...q,borderBtn:C,inputBackgroundColor:Q,textColor:V,dividerColor:R,dividerStroke:T}})}),Z=r({...m({borderBtn:C,buttonBackgroundColor:M,iconColor:P,buttonSide:"left"})}),tt=o({...g({borderBtn:C,buttonWidth:D,buttonBackgroundColor:M,iconColor:P,corner:N,enableHoverButton:j?.enableHoverButton})}),ts=l({...u({buttonSide:"left"})}),te=r({...m({borderBtn:C,buttonBackgroundColor:M,iconColor:P,buttonSide:"right"})}),ta=o({...g({borderBtn:C,buttonWidth:D,buttonBackgroundColor:M,iconColor:P,corner:N,flipStyle:!0,enableHoverButton:j?.enableHoverButton})}),ti=l({...u({buttonSide:"right"})}),tl=r({...$()}),tr=S(I);return s`
+import{template as t,RenderIf as s,isLocalEnv as e,baseAssetURL as a}from"@gem-sdk/core";import{getSettingPreloadData as i}from"../../../helpers.js";import{createAttr as l,createClass as r,createStyle as o}from"@gem-sdk/system";import{getContainerAttrs as n,getInputAttr as u,getButtonAttrs as d}from"./common/attrs.js";import{getContainerClasses as c,getWrapperClasses as p,getInputClasses as f,getButtonClass as m,getIconWrapperClasses as $}from"./common/classes.js";import{getContainerStyles as b,getWrapperStyles as y,getInputStyle as v,getButtonStyle as g}from"./common/styles.js";import{getIconWidth as S,getMinusIcon as _,getPlusIcon as h}from"./common/helpers.js";let ProductQuantity=({setting:j={},styles:q={},advanced:B,builderProps:k})=>{let{plusIcon:E,minusIcon:H,updatePrice:P}=j,Q=j.defaultQtyValue??1,{inputHeight:A,buttonBackgroundColor:G,iconColor:L,inputBackgroundColor:M,textColor:V,align:x,borderBtn:C,buttonWidth:D,iconSizeCustom:I,corner:N,backgroundColor:O,dividerColor:R,dividerStroke:T}=q,w=j?.hasButton,z=l({...n({uid:k?.uid||"",isDisableByLiquid:!0})}),F=r({...c(B?.cssClass)}),J=o({...b({align:x,inputHeight:A})}),K=r({...p()}),U=o({...y({backgroundColor:O,styles:q})}),W=l({...u({isLiquid:!0,hasButton:w,defaultQty:Q})}),X=r({...f({styles:q,borderBtn:C,inputBackgroundColor:M,textColor:V})}),Y=o({...v({setting:j,styles:{...q,borderBtn:C,inputBackgroundColor:M,textColor:V,dividerColor:R,dividerStroke:T}})}),Z=r({...m({borderBtn:C,buttonBackgroundColor:G,iconColor:L,buttonSide:"left"})}),tt=o({...g({borderBtn:C,buttonWidth:D,buttonBackgroundColor:G,iconColor:L,corner:N,enableHoverButton:j?.enableHoverButton})}),ts=l({...d({buttonSide:"left"})}),te=r({...m({borderBtn:C,buttonBackgroundColor:G,iconColor:L,buttonSide:"right"})}),ta=o({...g({borderBtn:C,buttonWidth:D,buttonBackgroundColor:G,iconColor:L,corner:N,flipStyle:!0,enableHoverButton:j?.enableHoverButton})}),ti=l({...d({buttonSide:"right"})}),tl=r({...$()}),tr=S(I);return t`
     {%- liquid
       assign current_variant = product.selected_or_first_available_variant
       assign available = current_variant.available | default: false
     -%}
       <gp-product-quantity
         ${{...z}}
-        data-price="${A}"
+        data-price="${P}"
         class="${F}"
         style="${J}"
       >
         <div class="${K}" style="${U}">
-          ${t(w,s`
+          ${s(w,t`
               <button
               {% if available == false %} disabled {% endif %}
                ${{...ts}}
@@ -31,7 +31,7 @@ import{RenderIf as t,template as s,isLocalEnv as e,baseAssetURL as a}from"@gem-s
             inputMode="numeric"
           />
 
-          ${t(w,s`
+          ${s(w,t`
             <button
               {% if available == false %} disabled {% endif %}
               ${{...ti}}
@@ -45,4 +45,4 @@ import{RenderIf as t,template as s,isLocalEnv as e,baseAssetURL as a}from"@gem-s
           `)}
           </div>
         </gp-product-quantity>
-      ${t(e,`<script ${i('class="gps-link" delay',"src")}="{{ 'gp-product-quantity-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${i('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-quantity-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`};export{j as default};
+      ${s(e,`<script ${i('class="gps-link" delay',"src")}="{{ 'gp-product-quantity-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${i('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-quantity-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`};export{ProductQuantity as default};

package/dist/esm/product/components/product-quantity/common/attrs.js

@@ -1 +1 @@
-let t=({uid:t,isDisabled:e=!0,isDisableByLiquid:a})=>({"data-id":t,"data-disabled":a?"{%- if available -%} false {%- else -%} true {%- endif -%}":e}),e=({buttonSide:t})=>({title:"left"===t?"Decrement":"Increment","aria-label":"left"===t?"decrement":"increment",type:"button"}),a=({isLiquid:t,hasButton:e,quantity:a,currentVariant:n,defaultQty:r})=>{let i={};return n?.manageInventory&&(i.max=t?"{{ current_variant.quantity_rule.max }}":n?.inventoryQuantity??1),{type:e?"text":"number",name:"quantity",step:1,min:1,"aria-label":"quantity",inputMode:"numeric",quantity:t?"current_variant.quantity":a??0,autocomplete:"off",value:a??r??1,...i}};export{e as getButtonAttrs,t as getContainerAttrs,a as getInputAttr};
+let getContainerAttrs=({uid:t,isDisabled:e=!0,isDisableByLiquid:n})=>({"data-id":t,"data-disabled":n?"{%- if available -%} false {%- else -%} true {%- endif -%}":e}),getButtonAttrs=({buttonSide:t})=>({title:"left"===t?"Decrement":"Increment","aria-label":"left"===t?"decrement":"increment",type:"button"}),getInputAttr=({isLiquid:t,hasButton:e,quantity:n,currentVariant:a,defaultQty:r})=>{let i={};return a?.manageInventory&&(i.max=t?"{{ current_variant.quantity_rule.max }}":a?.inventoryQuantity??1),{type:e?"text":"number",name:"quantity",step:1,min:1,"aria-label":"quantity",inputMode:"numeric",quantity:t?"current_variant.quantity":n??0,autocomplete:"off",value:n??r??1,...i}};export{getButtonAttrs,getContainerAttrs,getInputAttr};

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

@@ -1 +1 @@
-import{composeClasses as e,composeTypographyClassName as t,handleConvertClassColor as p,getGlobalColorStateClass as l}from"@gem-sdk/core";let g=({styles:g,borderBtn:n,inputBackgroundColor:r,textColor:s,isDisabled:o})=>{let a="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",i=t(g?.typo,g?.typography),u=p(n),c=l("bg",r),f=l("text",s);return u&&(a+=` ${u} `),i&&(a+=` ${i} `),c&&(a+=` ${c} `),f&&(a+=` ${f} `),o&&(a+="gp-cursor-not-allowed"),{...e(a)}},n=({borderBtn:t,buttonBackgroundColor:g,iconColor:n,buttonSide:r,isDisabled:s})=>{let o=`gp-flex gp-aspect-square gp-h-full disabled:gp-cursor-not-allowed ${s?"gp-cursor-not-allowed":"gp-cursor-pointer"} gp-items-center gp-justify-center gp-outline-none ${"left"===r?"gp-minus":"gp-plus"} `,a=p(t),i=l("bg",g),u=l("text",n);return a&&(o+=` ${a} `),i&&(o+=` ${i} `),u&&(o+=` ${u} `),{...e(o)}},r=t=>({...e(`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 ${t??""}`)}),s=()=>({...e("gp-inline-flex gp-w-full gp-overflow-hidden")}),o=()=>({...e("gp-inline-flex gp-items-center gp-justify-center [&>*]:gp-h-full [&>*]:gp-w-full")});export{n as getButtonClass,r as getContainerClasses,o as getIconWrapperClasses,g as getInputClasses,s as getWrapperClasses};
+import{composeTypographyClassName as e,handleConvertClassColor as t,getGlobalColorStateClass as p,composeClasses as l}from"@gem-sdk/core";let getInputClasses=({styles:s,borderBtn:g,inputBackgroundColor:n,textColor:r,isDisabled:a})=>{let o="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",i=e(s?.typo,s?.typography),u=t(g),c=p("bg",n),f=p("text",r);return u&&(o+=` ${u} `),i&&(o+=` ${i} `),c&&(o+=` ${c} `),f&&(o+=` ${f} `),a&&(o+="gp-cursor-not-allowed"),{...l(o)}},getButtonClass=({borderBtn:e,buttonBackgroundColor:s,iconColor:g,buttonSide:n,isDisabled:r})=>{let a=`gp-flex gp-aspect-square gp-h-full disabled:gp-cursor-not-allowed ${r?"gp-cursor-not-allowed":"gp-cursor-pointer"} gp-items-center gp-justify-center gp-outline-none ${"left"===n?"gp-minus":"gp-plus"} `,o=t(e),i=p("bg",s),u=p("text",g);return o&&(a+=` ${o} `),i&&(a+=` ${i} `),u&&(a+=` ${u} `),{...l(a)}},getContainerClasses=e=>({...l(`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=()=>({...l("gp-inline-flex gp-w-full gp-overflow-hidden")}),getIconWrapperClasses=()=>({...l("gp-inline-flex gp-items-center gp-justify-center [&>*]:gp-h-full [&>*]:gp-w-full")});export{getButtonClass,getContainerClasses,getIconWrapperClasses,getInputClasses,getWrapperClasses};