@gem-sdk/components 12.0.0-dev.28 → 12.0.0-dev.30

package/dist/cjs/product/components/product-images-v2/ProductImagesV2.liquid.js

@@ -4,21 +4,21 @@
       "pageContext": ${JSON.stringify(l)},
       "setting":${JSON.stringify(s)},
       "styles":${JSON.stringify(r)},
-      "productUrl":{{product.url | json | escape}},
-      "product":{{product | json | escape}},
-      "collectionUrl": {{ collection.url | json | escape }},
-      "collection": {{ collection | json | escape}}
+      "productUrl":{{product.url | json }},
+      "product":{{product | json }},
+      "collectionUrl": {{ collection.url | json }},
+      "collection": {{ collection | json }}
     }
-  `,p=system.createAttr({"section-id":"{{section.id}}","data-id":`${i?.uid}`}),{isOnlyFeatureAllDevices:m,isRenderGalleryGrid:n}=common.getConditionRenderGalleryImages(u?.position,s?.type),g=n?{}:system.createAttr({"data-only-image":system.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:y,productImagesGalleryClasses:f}=getProductImagesClassName.getProductImagesClassName(e),I=system.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),$=system.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:h,wrapContainerStyleOnlyOneImage:S,galleryImageStyle:q}=getProductImagesStyles.getProductImagesStyles(u),C=productGallery.getShapeByLayout({shape:u.shape,shapeForBottom:u.shapeForBottom,shapeFor1Col:u.shapeFor1Col,shapeFor2Col:u.shapeFor2Col,shapeForFtOnly:u.shapeForFtOnly,shapeForInsideBottom:u.shapeForInsideBottom??productGallery.sizeSettingDefaultForNewLayout,shapeForInside:u.shapeForInside??productGallery.sizeSettingDefaultForNewLayout},u.position),G=common.getStyleInsideLayout(u.position,C,u?.spacing),v=()=>core.template`
+  `,p=system.createAttr({"section-id":"{{section.id}}","data-id":`${i?.uid}`}),{isOnlyFeatureAllDevices:m,isRenderGalleryGrid:n}=common.getConditionRenderGalleryImages(u?.position,s?.type),g=n?{}:system.createAttr({"data-only-image":system.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:y,productImagesGalleryClasses:f}=getProductImagesClassName.getProductImagesClassName(e),I=system.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),$=system.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:h,wrapContainerStyleOnlyOneImage:S,galleryImageStyle:q}=getProductImagesStyles.getProductImagesStyles(u),C=productGallery.getShapeByLayout({shape:u.shape,shapeForBottom:u.shapeForBottom,shapeFor1Col:u.shapeFor1Col,shapeFor2Col:u.shapeFor2Col,shapeForFtOnly:u.shapeForFtOnly,shapeForInsideBottom:u.shapeForInsideBottom??productGallery.sizeSettingDefaultForNewLayout,shapeForInside:u.shapeForInside??productGallery.sizeSettingDefaultForNewLayout},u.position),G=common.getStyleInsideLayout(u.position,C,u?.spacing),j=()=>core.template`
       ${core.WrapRenderChildren({uid:i?.uid||"",customProps:o?.[0].customProps},o?.map(e=>{if(e)return core.template`${core.RenderChildren({...e,isInsideProductImage:!0,imageData:{imageShape:r?.ftShape,imageAlign:r?.align,imageLayout:r?.position},dotData:{dotSize:s?.ftDotSize,dotGapToCarousel:s?.ftDotGapToCarousel,dotStyle:s?.ftDotStyle}})}`}))}
-    `,j=()=>core.template`
+    `,v=()=>core.template`
       <div
         class="${f}"
         style="${_function.getStyleOfObject(q)}"
         ${{...g}}
       >
         ${system.LiquidIf("product.media.size > 1",GalleryCarousel_liquid.default({builderPropUID:`gp-gallery-${i?.uid}`,...u,enableLazyLoadImage:d}))}
-        ${system.If(n,GalleryGrid_liquid.default({builderPropUID:i?.uid,wrapperStyle:{...G},children:v(),...u,enableLazyLoadImage:d}))}
+        ${system.If(n,GalleryGrid_liquid.default({builderPropUID:i?.uid,wrapperStyle:{...G},children:j(),...u,enableLazyLoadImage:d}))}
       </div>
     `,P=()=>s?.borderActive?.border!=="none";return core.template`
   ${system.If(P(),system.LiquidIf("product.media.size > 1",`<style>${getBorderActiveCss.getBorderActiveCss({settings:u,uid:i?.uid,type:"Liquid"})}</style>`),"")}
@@ -27,17 +27,17 @@
     ${system.LiquidIf("variant != null and variant.featured_image != null","{% assign featured_image = variant.featured_image %}")}
   `)}
     <gp-product-images
-      gp-data='${c}'
       ${{...p}}
       style="${{...a}}"
       class="${y}"
     >
+      <script gp-data type="application/json">${c}</script>
       <div
         class="${system.LiquidIf("product.media.size > 1",`${I}`,`${$}`)}"
         style="${system.LiquidIf("product.media.size > 1",_function.getStyleOfObject(h),_function.getStyleOfObject(S))}"
       >
-        ${FeatureImageWithGallery_liquid.default({builderPropUID:`gp-carousel-${i?.uid}`,...u,children:v(),enableLazyLoadImage:d})}
-        ${system.If(!m,j())}
+        ${FeatureImageWithGallery_liquid.default({builderPropUID:`gp-carousel-${i?.uid}`,...u,children:j(),enableLazyLoadImage:d})}
+        ${system.If(!m,v())}
       </div>
     </gp-product-images>
     ${system.If(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-images-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-product-images-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}

package/dist/cjs/product/components/product-images-v3/ProductImagesV3.liquid.js

@@ -4,10 +4,10 @@
       "pageContext": ${JSON.stringify(l)},
       "setting":${JSON.stringify(s)},
       "styles":${JSON.stringify(r)},
-      "productUrl":{{product.url | json | escape}},
-      "product":{{product | json | escape}},
-      "collectionUrl": {{ collection.url | json | escape }},
-      "collection": {{ collection | json | escape}}
+      "productUrl":{{product.url | json }},
+      "product":{{ product | json }},
+      "collectionUrl": {{ collection.url | json }},
+      "collection": {{ collection | json }}
     }
   `,p=system.createAttr({"section-id":"{{section.id}}","data-id":`${i?.uid}`}),{isOnlyFeatureAllDevices:m,isRenderGalleryGrid:n}=common.getConditionRenderGalleryImages(u?.position,s?.type),g=n?{}:system.createAttr({"data-only-image":system.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:y,productImagesGalleryClasses:f}=getProductImagesClassName.getProductImagesClassName(e),I=system.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),$=system.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:h,wrapContainerStyleOnlyOneImage:S,galleryImageStyle:q}=getProductImagesStyles.getProductImagesStyles(u),v=productGallery.getShapeByLayout({shape:u.shape,shapeForBottom:u.shapeForBottom,shapeFor1Col:u.shapeFor1Col,shapeFor2Col:u.shapeFor2Col,shapeForFtOnly:u.shapeForFtOnly,shapeForInsideBottom:u.shapeForInsideBottom??productGallery.sizeSettingDefaultForNewLayout,shapeForInside:u.shapeForInside??productGallery.sizeSettingDefaultForNewLayout},u.position),C=common.getStyleInsideLayout(u.position,v,u?.spacing),G=()=>core.template`
       ${core.WrapRenderChildren({uid:i?.uid||"",customProps:o?.[0].customProps},o?.map(e=>{if(e)return core.template`${core.RenderChildren({...e,isInsideProductImage:!0,imageData:{imageShape:r?.ftShape,imageAlign:r?.align,imageLayout:r?.position},dotData:{dotSize:s?.ftDotSize,dotGapToCarousel:s?.ftDotGapToCarousel,dotStyle:s?.ftDotStyle}})}`}))}
@@ -27,11 +27,11 @@
     ${system.LiquidIf("variant != null and variant.featured_image != null","{% assign featured_image = variant.featured_image %}")}
   `)}
     <gp-product-images-v3
-      gp-data='${c}'
       ${{...p}}
       style="${{...a}}"
       class="${y}"
     >
+      <script gp-data type="application/json">${c}</script>
       <div
         class="${system.LiquidIf("product.media.size > 1",`${I}`,`${$}`)}"
         style="${system.LiquidIf("product.media.size > 1",_function.getStyleOfObject(h),_function.getStyleOfObject(S))}"

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

@@ -1,10 +1,9 @@
-"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`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),classes=require("./common/classes.js");const ProductListItem=t=>{let{pageContext:e,children:n}=t,{productItemClass:o,gpProductClass:a}=classes.getClass(t);return core.template`
       <gp-product
         gp-context='{"variantSelected": {{ variant | json | escape }}, "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "quantity": 1 , "inventoryQuantity": {{ variant.inventory_quantity }},  "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}"
-
       >
+        <script gp-data type="application/json">{"variantSelected": {{ variant | json }}, "quantity": 1, "productUrl":{{ product.url | json }}, "productHandle":{{ product.handle | json }}, "collectionUrl": {{ collection.url | json }}, "collectionHandle": {{ collection.handle | json }},"pageContext" : ${JSON.stringify(e)}}</script>
         {%- 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 }}" />

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

@@ -1,19 +1,18 @@
-"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})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),classes=require("./common/classes.js");const ProductListItem=t=>{let{pageContext:e,rawChildren:n}=t,{productItemClass:o,gpProductClass:r}=classes.getClass(t),a=()=>core.template`
+      ${n?.map((t,e)=>{if(t)return core.template`
+            ${core.RenderChildren({...t,index:e})}
           `}).join("")}
     `;return core.template`
       <gp-product
         gp-context='{"variantSelected": {{ variant | json | escape }}, "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "quantity": 1 , "inventoryQuantity": {{ variant.inventory_quantity }},  "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}"
-
+        class="${r}"
       >
+        <script gp-data type="application/json">{"variantSelected": {{ variant | json }}, "quantity": 1, "productUrl":{{ product.url | json }}, "productHandle":{{ product.handle | json }}, "collectionUrl": {{ collection.url | json }}, "collectionHandle": {{ collection.handle | json }},"pageContext" : ${JSON.stringify(e)}}</script>
         {%- 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>
-          ${r()}
+          ${a()}
         {%- endform -%}
       </gp-product>
   `};exports.default=ProductListItem;

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

@@ -1,8 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js"),ProductListGridItem_liquid=require("./ProductListGridItem.liquid.js"),helpers=require("../../../helpers.js");const ProductListGridLayout=e=>{let{setting:t,builderProps:s,styles:r,productListId:i,productSrc:d}=e,{gridLayoutStyle:o}=styles.getStyle(e),{gridLayoutClass:a}=classes.getClass(e),{productListAttr:c}=attrs.getAttr(e),l=e=>core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js"),ProductListGridItem_liquid=require("./ProductListGridItem.liquid.js"),helpers=require("../../../helpers.js");const ProductListGridLayout=e=>{let{setting:t,builderProps:s,styles:i,productListId:r,productSrc:o}=e,{gridLayoutStyle:d}=styles.getStyle(e),{gridLayoutClass:a}=classes.getClass(e),{productListAttr:c}=attrs.getAttr(e),l=e=>core.template`
       <gp-same-height
         class="gp-contents"
         style="visibility: hidden"
-        gp-data='${JSON.stringify({targetUid:s?.builderData?.childrens?.[0],slidesToShow:t?.slidesToShow,rowGap:r?.horizontalGutter})}'>
+      >
+        <script gp-data type="application/json">${JSON.stringify({targetUid:s?.builderData?.childrens?.[0],slidesToShow:t?.slidesToShow,rowGap:i?.horizontalGutter})}
+        </script>
         ${e}
       </gp-same-height>
     `,u=()=>core.template`
@@ -15,8 +17,8 @@
         ${ProductListGridItem_liquid.default({...e})}
       {%- endif -%}
       {% endfor %}
-      {%- if count == 0 and ${i?.length} == 0 -%}
-        {% if '${d}' == 'RelatedProduct' -%}
+      {%- if count == 0 and ${r?.length} == 0 -%}
+        {% if '${o}' == 'RelatedProduct' -%}
           <div>${helpers.getStaticLocale("ProductList","no_related_products")}</div>
         {% else %}
           <div>${helpers.getStaticLocale("ProductList","no_products_found")}</div>
@@ -25,7 +27,7 @@
     `;return core.template`
     <div
       ${c}
-      style="${o}"
+      style="${d}"
       class="${a}"
     >
       ${core.RenderIf(t?.sameHeight,l(`${u()}`))}

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

@@ -1,10 +1,9 @@
-"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`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),classes=require("./common/classes.js");const ProductListItem=t=>{let{pageContext:e,children:n}=t,{productItemClass:o,gpProductClass:a}=classes.getClass(t);return core.template`
       <gp-product
         gp-context='{"variantSelected": {{ variant | json | escape }}, "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "quantity": 1 ,"inventoryQuantity": {{ variant.inventory_quantity }},  "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}"
-
       >
+        <script gp-data type="application/json">{"variantSelected": {{ variant | json }}, "quantity": 1, "productUrl":{{ product.url | json }}, "productHandle":{{ product.handle | json }}, "collectionUrl": {{ collection.url | json }}, "collectionHandle": {{ collection.handle | json }},"pageContext" : ${JSON.stringify(e)}}</script>
         {%- 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 }}" />

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

@@ -1,19 +1,18 @@
-"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})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),classes=require("./common/classes.js");const ProductListItem=t=>{let{pageContext:e,rawChildren:n}=t,{productItemClass:o,gpProductClass:r}=classes.getClass(t),a=()=>core.template`
+      ${n?.map((t,e)=>{if(t)return core.template`
+            ${core.RenderChildren({...t,index:e})}
           `}).join("")}
     `;return core.template`
       <gp-product
         gp-context='{"variantSelected": {{ variant | json | escape }}, "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "quantity": 1 ,"inventoryQuantity": {{ variant.inventory_quantity }},  "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}"
-
+        class="${r}"
       >
+        <script gp-data type="application/json">{"variantSelected": {{ variant | json }}, "quantity": 1, "productUrl":{{ product.url | json }}, "productHandle":{{ product.handle | json }}, "collectionUrl": {{ collection.url | json }}, "collectionHandle": {{ collection.handle | json }},"pageContext" : ${JSON.stringify(e)}}</script>
         {%- 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>
-          ${r()}
+          ${a()}
         {%- endform -%}
       </gp-product>
   `};exports.default=ProductListItem;

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

@@ -1,8 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js"),ProductListGridItem_liquid=require("./ProductListGridItem.liquid.js"),helpers=require("../../../helpers.js");const ProductListGridLayout=e=>{let{setting:t,builderProps:s,styles:r,productListId:i,productSrc:d}=e,{gridLayoutStyle:o}=styles.getStyle(e),{gridLayoutClass:a}=classes.getClass(e),{productListAttr:c}=attrs.getAttr(e),l=e=>core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js"),ProductListGridItem_liquid=require("./ProductListGridItem.liquid.js"),helpers=require("../../../helpers.js");const ProductListGridLayout=e=>{let{setting:t,builderProps:s,styles:i,productListId:r,productSrc:o}=e,{gridLayoutStyle:d}=styles.getStyle(e),{gridLayoutClass:a}=classes.getClass(e),{productListAttr:c}=attrs.getAttr(e),l=e=>core.template`
       <gp-same-height
         class="gp-contents"
         style="visibility: hidden"
-        gp-data='${JSON.stringify({targetUid:s?.builderData?.childrens?.[0],slidesToShow:t?.slidesToShow,rowGap:r?.horizontalGutter})}'>
+      >
+        <script gp-data type="application/json">${JSON.stringify({targetUid:s?.builderData?.childrens?.[0],slidesToShow:t?.slidesToShow,rowGap:i?.horizontalGutter})}
+        </script>
         ${e}
       </gp-same-height>
     `,u=()=>core.template`
@@ -15,8 +17,8 @@
         ${ProductListGridItem_liquid.default({...e})}
       {%- endif -%}
       {% endfor %}
-      {%- if count == 0 and ${i?.length} == 0 -%}
-        {% if '${d}' == 'RelatedProduct' -%}
+      {%- if count == 0 and ${r?.length} == 0 -%}
+        {% if '${o}' == 'RelatedProduct' -%}
           <div>${helpers.getStaticLocale("ProductList","no_related_products")}</div>
         {% else %}
           <div>${helpers.getStaticLocale("ProductList","no_products_found")}</div>
@@ -25,7 +27,7 @@
     `;return core.template`
     <div
       ${c}
-      style="${o}"
+      style="${d}"
       class="${a}"
     >
       ${core.RenderIf(t?.sameHeight,l(`${u()}`))}

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

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../../helpers.js"),Text_liquid=require("../../../text/components/Text.liquid.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js"),helpers=require("./common/helpers.js");const ProductPrice=e=>{let{style:r,setting:s,builderProps:t,pageContext:c}=e,o=system.createClass(classes.getWrapperClasses(e)),p=system.createAttr(attrs.getAttrs(e)),a=helpers.getTextProps(e),i=system.createStateOrContext({priceType:s?.priceType,uid:t?.uid,locale:"{{shop.locale}}",currency:"{{shop.currency}}",moneyFormat:`{{ ${c?.showPriceCurrency?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}`}),l=()=>{let e=core.isLocalEnv?"{{ 'gp-product-price-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-price-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return system.Liquid(core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../../helpers.js"),Text_liquid=require("../../../text/components/Text.liquid.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js"),helpers=require("./common/helpers.js");const ProductPrice=e=>{let{style:r,setting:s,builderProps:t,pageContext:c}=e,o=system.createClass(classes.getWrapperClasses(e)),p=system.createAttr(attrs.getAttrs(e)),i=helpers.getTextProps(e),a=system.createStateOrContext({priceType:s?.priceType,uid:t?.uid,locale:"{{shop.locale}}",currency:"{{shop.currency}}",moneyFormat:`{{ ${c?.showPriceCurrency?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}`}),l=()=>{let e=core.isLocalEnv?"{{ 'gp-product-price-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-price-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return system.Liquid(core.template`
       <gp-product-price
         ${p}
         class="${o}"
         style="${r}"
-        gp-data='${core.dataStringify(i)}'
       >
-        ${Text_liquid.default(a)}
+        <script gp-data type="application/json">${core.dataStringify(a)}</script>
+        ${Text_liquid.default({...i,isForceValue:!0})}
       </gp-product-price>
       ${l()}
   `)};exports.ProductPrice=ProductPrice,exports.default=ProductPrice;

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

@@ -1,22 +1,22 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),ProductPropertyChoice_liquid=require("./property-choice/ProductPropertyChoice.liquid.js"),ProductPropertyInput_liquid=require("./property-input/ProductPropertyInput.liquid.js"),ProductPropertySelect_liquid=require("./property-select/ProductPropertySelect.liquid.js"),helpers$1=require("../../../helpers.js"),system=require("@gem-sdk/system"),helpers=require("./common/helpers.js"),attrs=require("./common/attrs.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js");const ProductProperties=({setting:e,styles:s,builderProps:t,advanced:r,pageContext:l})=>{let{name:a,type:o,childItem:p,translate:c}=e??{},{isDisplayLabel:d=!0}=s??{};e&&!a&&(e.name="Property");let i=t?.uid,{displayLabel:u}=helpers.getContents(i,l,e),y=system.createAttr({...attrs.getWrapperLiquidAttrs(i,l,e)}),n=system.createStyle({...styles.getWrapperStyles(s)}),g=system.createStyle({...styles.getLabelStyles(s)}),m=system.createClass({...classes.getLabelClasses(s)}),C=system.createClass({...classes.getLiquidTagClasses(e)}),P=system.createClass({...classes.getLabelWrapperClasses(r)}),$=system.createStyle({...styles.getLabelContentStyles()}),h=helpers.getLabelContent(e),q=system.createClass({...classes.getWrapperErrorMessageClasses(),...core.composeClasses("data-[hidden=true]:gp-hidden")}),v=system.createStyle({...styles.getWrapperErrorMessageStyles(s)}),f=system.createAttr({...attrs.getWrapperErrorMessageAttrs()});return core.template`
-    <gp-product-property ${{...y}} class="${C}"
-      style="${n}"
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),ProductPropertyChoice_liquid=require("./property-choice/ProductPropertyChoice.liquid.js"),ProductPropertyInput_liquid=require("./property-input/ProductPropertyInput.liquid.js"),ProductPropertySelect_liquid=require("./property-select/ProductPropertySelect.liquid.js"),helpers$1=require("../../../helpers.js"),system=require("@gem-sdk/system"),helpers=require("./common/helpers.js"),attrs=require("./common/attrs.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js");const ProductProperties=({setting:e,styles:s,builderProps:t,advanced:r,pageContext:l})=>{let{name:a,type:o,childItem:p}=e??{},{isDisplayLabel:c=!0}=s??{};e&&!a&&(e.name="Property");let d=t?.uid,{displayLabel:i}=helpers.getContents(d,l,e),u=system.createAttr({...attrs.getWrapperLiquidAttrs(d,l,e)}),y=system.createStyle({...styles.getWrapperStyles(s)}),n=system.createStyle({...styles.getLabelStyles(s)}),g=system.createClass({...classes.getLabelClasses(s)}),m=system.createClass({...classes.getLiquidTagClasses(e)}),C=system.createClass({...classes.getLabelWrapperClasses(r)}),P=system.createStyle({...styles.getLabelContentStyles()}),$=helpers.getLabelContent(e),h=system.createClass({...classes.getWrapperErrorMessageClasses(),...core.composeClasses("data-[hidden=true]:gp-hidden")}),q=system.createStyle({...styles.getWrapperErrorMessageStyles(s)}),v=system.createAttr({...attrs.getWrapperErrorMessageAttrs()});return core.template`
+    <gp-product-property ${{...u}} class="${m}"
+      style="${y}"
     >
-      ${core.RenderIf(d,core.template`<div class="${P}">
-        <label htmlFor="${i}-${a}" class="${m}" style="${g}">
-          ${u}
-          <span style="${$}">${h}</span>
+      ${core.RenderIf(c,core.template`<div class="${C}">
+        <label htmlFor="${d}-${a}" class="${g}" style="${n}">
+          ${i}
+          <span style="${P}">${$}</span>
         </label>
       </div>`)}
 
       <div>
         ${core.RenderIf("dropdown"===o,ProductPropertySelect_liquid.default({setting:e,styles:s,builderProps:t,pageContext:l}))}
-        ${core.RenderIf("checkbox"===o||"radio"===o,ProductPropertyChoice_liquid.default({setting:{...e,childItem:p,name:a,translate:c},styles:s,builderProps:t,pageContext:l}))}
+        ${core.RenderIf("checkbox"===o||"radio"===o,ProductPropertyChoice_liquid.default({setting:{...e,childItem:p,name:a},styles:s,builderProps:t,pageContext:l}))}
         ${core.RenderIf("text"===o||"textarea"===o||"email"===o||"hidden"===o,ProductPropertyInput_liquid.default({setting:e,styles:s,builderProps:t,pageContext:l}))}
         <div
-          ${{...f}}
-          class="${q}"
-          style="${v}"
+          ${{...v}}
+          class="${h}"
+          style="${q}"
         >
           <svg
             width="16"

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

@@ -1 +1 @@
-"use strict";var helpers=require("../../../../helpers.js");const getContents=(e,t,s)=>{let{label:n,translate:a,invalidNumberMessage:l,invalidEmailMessage:i,requiredMessage:r,invalidLengthMessage:g}=s??{},o=helpers.getDynamicSourceLocales({val:n,uid:e,settingId:"label",pageContext:t,translate:a}),c=helpers.getDynamicSourceLocales({val:l,uid:e,settingId:"invalidNumberMessage",pageContext:t,translate:a}),u=helpers.getDynamicSourceLocales({val:i,uid:e,settingId:"invalidEmailMessage",pageContext:t,translate:a}),d=helpers.getDynamicSourceLocales({val:r,uid:e,settingId:"requiredMessage",pageContext:t,translate:a}),p=helpers.getDynamicSourceLocales({val:g,uid:e,settingId:"invalidLengthMessage",pageContext:t,translate:a});return{displayLabel:o,invalidNumberMessageDisplay:c,invalidEmailMessageDisplay:u,requiredMessageDisplay:d,invalidLengthMessageDisplay:p}},getLabelContent=e=>{let{label:t,required:s}=e??{};return s&&t?" *":""};exports.getContents=getContents,exports.getLabelContent=getLabelContent;
+"use strict";var helpers=require("../../../../helpers.js"),translate=require("../../../settings/product-properties/configs/translate.js");const getContents=(e,t,r)=>{let{label:s,invalidNumberMessage:i,invalidEmailMessage:a,requiredMessage:n,invalidLengthMessage:l}=r??{},d=helpers.getDynamicSourceLocales({val:s,uid:e,settingId:helpers.createSettingId({id:translate.ProductProperties?.label?.id}),pageContext:t}),o=helpers.getDynamicSourceLocales({val:i,uid:e,settingId:helpers.createSettingId({id:translate.ProductProperties?.invalidNumberMessage?.id}),pageContext:t}),c=helpers.getDynamicSourceLocales({val:a,uid:e,settingId:helpers.createSettingId({id:translate.ProductProperties?.invalidEmailMessage?.id}),pageContext:t}),g=helpers.getDynamicSourceLocales({val:n,uid:e,settingId:helpers.createSettingId({id:translate.ProductProperties?.requiredMessage?.id}),pageContext:t}),u=helpers.getDynamicSourceLocales({val:l,uid:e,settingId:helpers.createSettingId({id:translate.ProductProperties?.invalidLengthMessage?.id}),pageContext:t});return{displayLabel:d,invalidNumberMessageDisplay:o,invalidEmailMessageDisplay:c,requiredMessageDisplay:g,invalidLengthMessageDisplay:u}},getLabelContent=e=>{let{label:t,required:r}=e??{};return r&&t?" *":""};exports.getContents=getContents,exports.getLabelContent=getLabelContent;

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

@@ -1,23 +1,23 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),getProductPropertiesChoiceInlineCss=require("./common/getProductPropertiesChoiceInlineCss.js"),helpers=require("../../../../helpers.js"),system=require("@gem-sdk/system"),getProductPropertiesChoiceClasses=require("./common/getProductPropertiesChoiceClasses.js"),getProductPropertiesChoiceStyles=require("./common/getProductPropertiesChoiceStyles.js"),getProductPropertiesChoiceAttrs=require("./common/getProductPropertiesChoiceAttrs.js");const ProductPropertyChoice=({setting:e,styles:t,builderProps:s,pageContext:r,attributes:o})=>{let c=s?.uid,{name:i,type:l,childItem:P,translate:a}=e??{},{valueTextColor:C,fullWidth:p,width:u}=t??{},d=core.makeStyleResponsive("w",core.makeWidth(u,p)),y=`properties[${i}]`,m=getProductPropertiesChoiceInlineCss.getPPCInlineStyleChoice(c,C),g=system.createClass({...getProductPropertiesChoiceClasses.getPPCWrapperClasses()}),n=system.createClass({...getProductPropertiesChoiceClasses.getPPCLabelClasses(t)}),h=system.createStyle({...getProductPropertiesChoiceStyles.getPPCContainerStyles(t)}),$=system.createClass({...getProductPropertiesChoiceClasses.getPPCWrapperClassesMain()}),S=system.createStyle({...getProductPropertiesChoiceStyles.getPPCLabelStyles(t)}),v=system.createAttr({...getProductPropertiesChoiceAttrs.getPPCInputAttrs(o)}),I=system.createStyle({...getProductPropertiesChoiceStyles.getPPCInputStyles(t)});return core.template`<div style="${{...d}}" class="${$}">
-      <style>${m}</style>
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),getProductPropertiesChoiceInlineCss=require("./common/getProductPropertiesChoiceInlineCss.js"),helpers=require("../../../../helpers.js"),system=require("@gem-sdk/system"),getProductPropertiesChoiceClasses=require("./common/getProductPropertiesChoiceClasses.js"),getProductPropertiesChoiceStyles=require("./common/getProductPropertiesChoiceStyles.js"),getProductPropertiesChoiceAttrs=require("./common/getProductPropertiesChoiceAttrs.js"),translate=require("../../../settings/product-properties/configs/translate.js");const ProductPropertyChoice=({setting:e,styles:t,builderProps:r,pageContext:s,attributes:o})=>{let i=r?.uid,{name:c,type:l,childItem:P}=e??{},{valueTextColor:a,fullWidth:p,width:u}=t??{},C=core.makeStyleResponsive("w",core.makeWidth(u,p)),d=`properties[${c}]`,n=getProductPropertiesChoiceInlineCss.getPPCInlineStyleChoice(i,a),y=system.createClass({...getProductPropertiesChoiceClasses.getPPCWrapperClasses()}),g=system.createClass({...getProductPropertiesChoiceClasses.getPPCLabelClasses(t)}),m=system.createStyle({...getProductPropertiesChoiceStyles.getPPCContainerStyles(t)}),h=system.createClass({...getProductPropertiesChoiceClasses.getPPCWrapperClassesMain()}),$=system.createStyle({...getProductPropertiesChoiceStyles.getPPCLabelStyles(t)}),S=system.createAttr({...getProductPropertiesChoiceAttrs.getPPCInputAttrs(o)}),v=system.createStyle({...getProductPropertiesChoiceStyles.getPPCInputStyles(t)});return core.template`<div style="${{...C}}" class="${h}">
+      <style>${n}</style>
 
-      ${P?.map((e,t)=>{let s=helpers.getDynamicSourceLocales({val:e,uid:c,settingId:`childItem_${t}`,pageContext:r,translate:a});return core.template`
-            <div class="${g}" style="${h}">
+      ${P?.map((e,t)=>{let r=helpers.getDynamicSourceLocales({val:e,uid:i,settingId:helpers.createSettingId({id:translate.ProductProperties?.childItem?.id,index:t}),pageContext:s});return core.template`
+            <div class="${y}" style="${m}">
               <input
-                ${{...v}}
+                ${{...S}}
                 type="${l}"
-                id="${c}-${i}-${t}"
-                name="${"radio"===l||"checkbox"===l?y:`${y}[]`}"
-                value="${s}"
-                style="${I}"
+                id="${i}-${c}-${t}"
+                name="${"radio"===l||"checkbox"===l?d:`${d}[]`}"
+                value="${r}"
+                style="${v}"
                 form="{{ product_form_id }}"
               />
               <label
-                for="${c}-${i}-${t}"
-                class="${n}"
-                style="${S}"
+                for="${i}-${c}-${t}"
+                class="${g}"
+                style="${$}"
               >
-                ${s}
+                ${r}
               </label>
             </div>`}).join("")}
       </div>

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

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

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

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../../helpers.js"),system=require("@gem-sdk/system"),attrs=require("./common/attrs.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js");const ProductPropertySelect=({setting:e,styles:s,builderProps:t,pageContext:r,attributes:l})=>{let o=t?.uid,{name:c,childItem:a,translate:m}=e??{},y=system.createAttr({...attrs.getSelectAttrs(e,l)}),i=system.createClass({...classes.getSelectClasses(s),...core.composeClasses("gp-shadow-none")}),p=system.createStyle({...styles.getSelectStyles(s)}),u=system.createStyle({...styles.getOptionStyles(s)});return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../../helpers.js"),system=require("@gem-sdk/system"),attrs=require("./common/attrs.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../../settings/product-properties/configs/translate.js");const ProductPropertySelect=({setting:e,styles:t,builderProps:s,pageContext:r,attributes:l})=>{let o=s?.uid,{name:c,childItem:a}=e??{},i=system.createAttr({...attrs.getSelectAttrs(e,l)}),p=system.createClass({...classes.getSelectClasses(t),...core.composeClasses("gp-shadow-none")}),m=system.createStyle({...styles.getSelectStyles(t)}),n=system.createStyle({...styles.getOptionStyles(t)});return core.template`
     <select
-      ${{...y}}
+      ${{...i}}
       name="properties[${c}]"
       id="${o}-${c}"
-      class="${i}"
+      class="${p}"
       form="{{ product_form_id }}"
-      style="${p}"
+      style="${m}"
     >
-      ${a?.map((e,s)=>{let t=helpers.getDynamicSourceLocales({val:e,uid:o,settingId:`childItem_${s}`,pageContext:r,translate:m});return core.template`
+      ${a?.map((e,t)=>{let s=helpers.getDynamicSourceLocales({val:e,uid:o,settingId:helpers.createSettingId({id:translate.ProductProperties?.childItem?.id,index:t}),pageContext:r});return core.template`
             <option
-              value="${t}"
-              style="${u}"
+              value="${s}"
+              style="${n}"
             >
-              ${t}
+              ${s}
             </option>`}).join("")}
     </select>`};exports.default=ProductPropertySelect;

package/dist/cjs/product/components/product-sku/Sku.liquid.js

@@ -1,6 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),Text_liquid=require("../../../text/components/Text.liquid.js"),system=require("@gem-sdk/system");const ProductSku=({setting:e,styles:t,advanced:s,builderProps:r})=>{let a=t?.typo?.attrs?.transform==="capitalize",l=e?.label&&e.label.trim().length?`${a?e.label.toString().toLocaleLowerCase():e.label}`:"";t?.disableHoverColor&&delete t.underlineLink;let u=()=>{let e=core.isLocalEnv?"{{ 'gp-product-sku-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-sku-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),Text_liquid=require("../../../text/components/Text.liquid.js"),system=require("@gem-sdk/system");const ProductSku=({setting:e,styles:t,advanced:s,builderProps:r})=>{let a=t?.typo?.attrs?.transform==="capitalize",l=e?.label&&e.label.trim().length?`${a?e.label.toString().toLocaleLowerCase():e.label}`:"";t?.disableHoverColor&&delete t.underlineLink;let i=()=>{let e=core.isLocalEnv?"{{ 'gp-product-sku-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-sku-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return core.template`
     ${system.LiquidUnless("product","<p>Product not found</p>",`{% assign currentVariant = product.selected_or_first_available_variant %}
-      <gp-product-sku gp-data='${JSON.stringify({label:l})}'>
+      <gp-product-sku>
+        <script gp-data type="application/json">${JSON.stringify({label:l})}</script>
         ${Text_liquid.default({styles:t,setting:{...e,text:`${system.LiquidIf("currentVariant.sku.size > 0 ",`${l} ${system.If(a,"{{ currentVariant.sku | downcase }}","{{ currentVariant.sku }}")}`)}`,excludeFlex:!0,isForceValue:!0},advanced:s,builderProps:r,className:"gp-product-sku"})}
       </gp-product-sku>
-      ${u()}`)}`};exports.default=ProductSku;
+      ${i()}`)}`};exports.default=ProductSku;

package/dist/cjs/product/components/product-title/ProductTitle.liquid.js

@@ -1,8 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),Text_liquid=require("../../../text/components/Text.liquid.js"),system=require("@gem-sdk/system"),helpers$1=require("./common/helpers.js");const ProductTitle=e=>{let{setting:t,builderProps:r}=e,s=`<p>${helpers.getStaticLocale("ProductTitle","product_not_found")}</p>`,l=()=>Text_liquid.default(helpers$1.getTextProps(e)),i=system.createAttr({href:"{{ product.url }}",title:"{{ product.title }}"}),o=t?.linkProduct,c=system.createClass({"gp-product-title-link-wrapper":!0}),p=system.createStateOrContext({setting:{linkProduct:t?.linkProduct},uid:r?.uid}),u=()=>{let e=core.isLocalEnv?"{{ 'gp-product-title-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-title-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return system.LiquidUnless("product",`${s}`,core.template`
-      <gp-product-title
-        gp-data='${core.dataStringify(p)}'
-      >
-        ${system.If(o,core.template`<a ${i} class="${c}">
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),Text_liquid=require("../../../text/components/Text.liquid.js"),system=require("@gem-sdk/system"),helpers$1=require("./common/helpers.js");const ProductTitle=e=>{let{setting:t,builderProps:r}=e,s=`<p>${helpers.getStaticLocale("ProductTitle","product_not_found")}</p>`,l=()=>Text_liquid.default(helpers$1.getTextProps(e)),i=system.createAttr({href:"{{ product.url }}",title:"{{ product.title }}"}),p=t?.linkProduct,c=system.createClass({"gp-product-title-link-wrapper":!0}),o=system.createStateOrContext({setting:{linkProduct:t?.linkProduct},uid:r?.uid}),u=()=>{let e=core.isLocalEnv?"{{ 'gp-product-title-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-title-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return system.LiquidUnless("product",`${s}`,core.template`
+      <gp-product-title>
+        <script gp-data type="application/json">${core.dataStringify(o)}</script>
+        ${system.If(p,core.template`<a ${i} class="${c}">
             ${l()}
             </a>`,core.template`${l()}`)}
       </gp-product-title>

package/dist/cjs/product/components/product-variants/ProductVariants.liquid.js

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Text_liquid=require("../../../text/components/Text.liquid.js"),index_liquid=require("./components/variants/index.liquid.js"),Dropdown_liquid=require("./components/dropdown-swatches/Dropdown.liquid.js"),DropdownGroup_liquid=require("./components/dropdown-group/DropdownGroup.liquid.js"),helpers=require("../../../helpers.js"),mappingVariantStyles=require("./utils/mappingVariantStyles.js"),system=require("@gem-sdk/system"),getAttr=require("./common/main/getAttr.js"),styles=require("./common/main/styles.js"),classes=require("./common/main/classes.js"),getData=require("./common/main/getData.js"),classes$1=require("./common/variants/classes.js"),_function=require("../../helpers/function.js"),styles$1=require("./common/variants/styles.js"),OptionVariantsNewFormat_liquid=require("./OptionVariantsNewFormat.liquid.js"),OptionVariantsOldFormat_liquid=require("./OptionVariantsOldFormat.liquid.js");const DEFAULT_ADVANCED_DISPLAY_SETTING={desktop:!0,tablet:!0,mobile:!0},ProductVariants=e=>{let{builderProps:t,styles:s,setting:i,advanced:a}=e,{align:o,swatchItemWidth:n,dropdownItemWidth:r,swatchSpacing:l,optionTypo:p,marginBottom:d}=s??{},{label:u,optionType:m,showAsSwatches:c,layout:y,hasPreSelected:v}=i??{},g=a?.d??DEFAULT_ADVANCED_DISPLAY_SETTING,{uid:_}=t??{},f="groupOption"===m,q=()=>{let e={};return core.DEVICES.forEach(t=>{let s=core.getResponsiveValueByScreen(n,t);e[t]="auto"===s}),e},$=()=>{let e={};return core.DEVICES.forEach(t=>{e[t]=r?.[t]==="fill"}),e},h=i?.variantPresets?mappingVariantStyles.mappingVariantStyles(i?.variantPresets,s):[],S=h?.map(e=>({...e,presets:{[e.optionType]:e.presets[e.optionType]}})),w={...i,variantPresets:S},L=e=>{let t={"'":"'",'"':"""},s=e;for(let i in t)e.indexOf(i)>=0&&(s=s.replaceAll(i,t[i]));return s},j=()=>i?.variantPresets?.map(e=>`${L(e.optionName)}($2)${e.optionType}`).join("($1)"),O=()=>i?.variantPresets?.filter(e=>!!e?.hide)?.map(e=>e.optionName).join(","),V=({showDropdown:e,isRenderDefault:t,typeOfOption:i})=>core.template`
-    ${system.LiquidFor("value in values",index_liquid.default({id:"{{option.name | escape}}-{{value | escape}}",variantKey:"{{option.name | escape}}-{{option.position}}-{{ forloop.index }}",showAsSwatches:c,uid:_,name:"{{option.name | escape}}",value:{label:"{{value | escape}}"},checked:v?"{%- if option.selected_value == value -%}true{% else %}false{%- endif -%}":"false",optionPosition:"rootForloop",typeOfOption:i,activeClass:v?"{%- if option.selected_value == value -%}option-item-active{%- endif -%}":"",...s,...w,swatchAutoWidth:q(),optionTypo:p,isRenderDefault:t}))}
-      ${system.LiquidIf(e?'type == "dropdown"':"false",Dropdown_liquid.default({...s,...w,swatchAutoWidth:$(),optionTypo:p}))}`,D=i?.variantPresets?.map(e=>({name:L(e.optionName),type:e.optionType})).map(e=>`${e.name}($1)${e.type}`).join("($2)").toString(),A={renderVariantItem:V,variantPresetsLiquid:D??""},b=system.createClass(classes.getVariantOptionGroupClass(o)),P=system.createStyle(styles.getVariantOptionGroupStyle(l,l)),E=getData.getTextVariantTitleData(e,"Liquid"),x=system.createClass(classes$1.getWrapVariantOptionClass(y,o)),N=()=>core.template`
-      ${system.Liquid(`{%- assign presets = "${j()}" | split: '($1)' -%}`)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Text_liquid=require("../../../text/components/Text.liquid.js"),index_liquid=require("./components/variants/index.liquid.js"),Dropdown_liquid=require("./components/dropdown-swatches/Dropdown.liquid.js"),DropdownGroup_liquid=require("./components/dropdown-group/DropdownGroup.liquid.js"),helpers=require("../../../helpers.js"),mappingVariantStyles=require("./utils/mappingVariantStyles.js"),system=require("@gem-sdk/system"),getAttr=require("./common/main/getAttr.js"),styles=require("./common/main/styles.js"),classes=require("./common/main/classes.js"),getData=require("./common/main/getData.js"),classes$1=require("./common/variants/classes.js"),_function=require("../../helpers/function.js"),styles$1=require("./common/variants/styles.js"),OptionVariantsNewFormat_liquid=require("./OptionVariantsNewFormat.liquid.js"),OptionVariantsOldFormat_liquid=require("./OptionVariantsOldFormat.liquid.js");const DEFAULT_ADVANCED_DISPLAY_SETTING={desktop:!0,tablet:!0,mobile:!0},ProductVariants=e=>{let{builderProps:t,styles:s,setting:i,advanced:a}=e,{align:o,swatchItemWidth:n,dropdownItemWidth:r,swatchSpacing:l,optionTypo:p,marginBottom:d}=s??{},{label:u,optionType:m,showAsSwatches:c,layout:y,hasPreSelected:v}=i??{},g=a?.d??DEFAULT_ADVANCED_DISPLAY_SETTING,{uid:_}=t??{},f="groupOption"===m,q=()=>{let e={};return core.DEVICES.forEach(t=>{let s=core.getResponsiveValueByScreen(n,t);e[t]="auto"===s}),e},$=()=>{let e={};return core.DEVICES.forEach(t=>{e[t]=r?.[t]==="fill"}),e},h=i?.variantPresets?mappingVariantStyles.mappingVariantStyles(i?.variantPresets,s):[],S=h?.map(e=>({...e,presets:{[e.optionType]:e.presets[e.optionType]}})),j={...i,variantPresets:S},w=e=>{let t={"'":"'",'"':"""},s=e;for(let i in t)e.indexOf(i)>=0&&(s=s.replaceAll(i,t[i]));return s},L=()=>i?.variantPresets?.map(e=>`${w(e.optionName)}($2)${e.optionType}`).join("($1)"),O=()=>i?.variantPresets?.filter(e=>!!e?.hide)?.map(e=>e.optionName).join(","),V=({showDropdown:e,isRenderDefault:t,typeOfOption:i})=>core.template`
+    ${system.LiquidFor("value in values",index_liquid.default({id:"{{option.name | escape}}-{{value | escape}}",variantKey:"{{option.name | escape}}-{{option.position}}-{{ forloop.index }}",showAsSwatches:c,uid:_,name:"{{option.name | escape}}",value:{label:"{{value | escape}}"},checked:v?"{%- if option.selected_value == value -%}true{% else %}false{%- endif -%}":"false",optionPosition:"rootForloop",typeOfOption:i,activeClass:v?"{%- if option.selected_value == value -%}option-item-active{%- endif -%}":"",...s,...j,swatchAutoWidth:q(),optionTypo:p,isRenderDefault:t}))}
+      ${system.LiquidIf(e?'type == "dropdown"':"false",Dropdown_liquid.default({...s,...j,swatchAutoWidth:$(),optionTypo:p}))}`,D=i?.variantPresets?.map(e=>({name:w(e.optionName),type:e.optionType})).map(e=>`${e.name}($1)${e.type}`).join("($2)").toString(),A={renderVariantItem:V,variantPresetsLiquid:D??""},b=system.createClass(classes.getVariantOptionGroupClass(o)),P=system.createStyle(styles.getVariantOptionGroupStyle(l,l)),E=getData.getTextVariantTitleData(e,"Liquid"),x=system.createClass(classes$1.getWrapVariantOptionClass(y,o)),N=()=>core.template`
+      ${system.Liquid(`{%- assign presets = "${L()}" | split: '($1)' -%}`)}
       ${system.Liquid(`{% assign hiddenPresetOptions = "${O()}" | split: ',' %}`)}
-      
+
       ${system.Liquid(`{% assign all_option_names = options | map: 'name' %}
       {% assign filtered_options_string = '' %}
       {% assign delimiter = '||' %}
-      
+
       {% for item_name in all_option_names %}
         {% assign is_excluded = false %}
         {% for exclude_name in hiddenPresetOptions %}
@@ -15,7 +15,7 @@
             {% assign is_excluded = true %}
           {% endif %}
         {% endfor %}
-        
+
         {% unless is_excluded %}
           {% if filtered_options_string == '' %}
             {% assign filtered_options_string = item_name %}
@@ -24,11 +24,11 @@
           {% endif %}
         {% endunless %}
       {% endfor %}
-      
+
       {% assign filtered_options_array = filtered_options_string | split: delimiter %}`)}
-      
+
       ${system.Liquid("{% assign last_option_name = filtered_options_array | last %}")}
-      
+
       ${system.LiquidFor("option in options",`
         <div
         option-name="{{option.name | escape}}"
@@ -71,25 +71,25 @@
     `,G=system.createAttr(getAttr.getAttrs({uid:_,hasPreSelected:v,cssClass:a?.cssClass})),k=system.createStyle(styles.getWrapperStyle(e)),W=system.createClass({"gp-flex gp-flex-col !gp-ml-0":!0}),J=()=>{let e=core.isLocalEnv?"{{ 'gp-product-variant-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-variant-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return core.template`
     ${system.Liquid("{%- assign total_combinations = 1 -%}")}
     ${system.LiquidFor("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
-    <gp-product-variants
-      ${G}
-      gp-data='{
-        "setting":${JSON.stringify(w)?.replaceAll("'","&#039;")},
-        "styles":${JSON.stringify(s)},
-        "variants":{{product.variants | json | escape}},
-        "optionsWithValues": {{product.options_with_values | json | escape}},
-        "variantSelected": {{ variant | json | escape }},
-        "variantInventoryQuantity": {{product.variants | map: 'inventory_quantity' | json | escape}},
-        "variantInventoryPolicy": {{product.variants | map: 'inventory_policy' | json | escape}},
-        "moneyFormat": {{shop.money_format | json | escape}},
-        "productId": {{product.id | json | escape}},
-        "productUrl": {{product.url | json | escape}},
-        "productHandle": {{product.handle | json | escape}},
-        "displayState": ${JSON.stringify(g)},
-        "totalVariantCombinations": {{total_combinations}},
-        "firstAvailableVariant": {{product.selected_or_first_available_variant | json | escape}}
-      }
-    '>
+    <gp-product-variants ${G}>
+      <script gp-data type="application/json">
+        {
+          "setting":${JSON.stringify(j)?.replaceAll("'","&#039;")},
+          "styles":${JSON.stringify(s)},
+          "variants":{{product.variants | json}},
+          "optionsWithValues": {{product.options_with_values | json}},
+          "variantSelected": {{ variant | json }},
+          "variantInventoryQuantity": {{product.variants | map: 'inventory_quantity' | json }},
+          "variantInventoryPolicy": {{product.variants | map: 'inventory_policy' | json }},
+          "moneyFormat": {{shop.money_format | json }},
+          "productId": {{product.id | json }},
+          "productUrl": {{product.url | json }},
+          "productHandle": {{product.handle | json }},
+          "displayState": ${JSON.stringify(g)},
+          "totalVariantCombinations": {{total_combinations}},
+          "firstAvailableVariant": {{product.selected_or_first_available_variant | json }}
+        }
+      </script>
       <div class="gp-hidden" style="--hvr-shadow: none; --hvr-shadow-tablet: none; --hvr-shadow-mobile: none"></div>
       ${system.Liquid("{%- assign options = product.options_with_values -%}")}
       ${system.Liquid("{%- assign variants = product.variants -%}")}

package/dist/cjs/product/components/product-vendor/Vendor.liquid.js

@@ -5,10 +5,10 @@
       {% assign encoded_product_vendor = product.vendor | url_encode %}
       ${e?.url?`
         <a href="/collections/vendors?q={{ encoded_product_vendor }}" title="{{ encoded_product_vendor }}" target="${"new-tab"===e.openIn?"_blank":"_self"}">
-        ${Text_liquid.default({styles:t,setting:{...e,text:`${o} {{ product.vendor }}`,excludeFlex:!0},advanced:d,builderProps:r})}
+        ${Text_liquid.default({styles:t,setting:{...e,text:`${o} {{ product.vendor }}`,excludeFlex:!0,isForceValue:!0},advanced:d,builderProps:r})}
         </a>
       `:`
-        ${Text_liquid.default({styles:t,setting:{...e,text:`${o} {{ product.vendor }}`,excludeFlex:!0},advanced:d,builderProps:r})}
+        ${Text_liquid.default({styles:t,setting:{...e,text:`${o} {{ product.vendor }}`,excludeFlex:!0,isForceValue:!0},advanced:d,builderProps:r})}
       `}
     {%- endunless -%}
   `};exports.default=ProductVendor;

package/dist/cjs/product/components/product-view-more/ProductViewMore.liquid.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var system=require("@gem-sdk/system"),styles=require("./common/styles.js"),helpers$1=require("../../../helpers.js"),Button_liquid=require("../../../button/components/Button.liquid.js"),core=require("@gem-sdk/core"),helpers=require("./common/helpers.js");const ProductViewMore=({style:e,styles:s,setting:t,advanced:r,builderProps:o,builderAttrs:i,pageContext:l})=>core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var system=require("@gem-sdk/system"),styles=require("./common/styles.js"),helpers$1=require("../../../helpers.js"),Button_liquid=require("../../../button/components/Button.liquid.js"),core=require("@gem-sdk/core"),helpers=require("./common/helpers.js"),translate=require("../../settings/product-view-more/configs/translate.js");const ProductViewMore=({style:e,styles:t,setting:s,advanced:r,builderProps:o,builderAttrs:i,pageContext:l})=>core.template`
     <gp-product-view-more>
-      ${Button_liquid.default({styles:s,advanced:r,builderProps:o,builderAttrs:i,setting:{...helpers.getButtonSettings(t),...helpers.getButtonLiquidSettings(t,l)},style:{...styles.getButtonStyle(e,s)},pageContext:l,className:"btn-view-more"})}
+      ${Button_liquid.default({translateSetting:translate.ProductViewMore?.label?.id,styles:t,advanced:r,builderProps:o,builderAttrs:i,setting:{...helpers.getButtonSettings(s),...helpers.getButtonLiquidSettings(s,l)},style:{...styles.getButtonStyle(e,t)},pageContext:l,className:"btn-view-more"})}
       ${system.If(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-view-more-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-product-view-more-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
     </gp-product-view-more>
   `;exports.default=ProductViewMore;