@gem-sdk/components 8.0.0-dev.121 → 8.0.0-dev.122

package/dist/cjs/carousel-v3/components/swiper/Swiper.js

@@ -1 +1 @@
-"use strict";var jsxRuntime=require("react/jsx-runtime"),React=require("react"),styles=require("./common/styles.js");function Swiper(e){let t=React.useRef(null),{children:r,totalSlides:s,onSwiperReset:i,onSwiperReady:n,sliderClass:c,sliderOrder:u,thumbsSwiper:a,...p}=e,[l,w]=React.useState(!1),o=React.useMemo(()=>a?{"thumbs-swiper":a}:{},[a]),f=styles.getStyleSwiperContainer(),d="object"==typeof e.autoplay&&null!==e.autoplay?e.autoplay.pauseOnMouseEnter:void 0,y=()=>{t.current?.swiper&&t.current.swiper.wrapperEl.style.setProperty("width",`${t.current.swiper.width}px`)};return React.useEffect(()=>{let e=async()=>{let e=await import("@gem-sdk/swiper/element/bundle");e.register(),await window.customElements.whenDefined("swiper-container"),w(!0)};e()},[]),React.useEffect(()=>{l&&(Object.assign(t.current,p),t.current.initialize(),n?.(t.current.swiper),y())},[l]),React.useEffect(()=>{t.current?.swiper&&(t.current.swiper.destroy(!1,!1),Object.assign(t.current,p),t.current.initialize(),n(t.current.swiper),i())},[p.dir,p.loop,d,p.slidesPerView,n,i,p.spaceBetween,p.slidesOffsetBefore]),React.useEffect(()=>{let e=t.current;e&&(Object.assign(e,p),e.swiper?.update(),y())},[p]),React.useEffect(()=>{i()},[u,i]),React.useEffect(()=>{let e=t.current;if(!e)return;let r=()=>{y()};return e.addEventListener("swiperresize",r),()=>{e.removeEventListener("swiperresize",r)}},[]),jsxRuntime.jsx("swiper-container",{init:!1,ref:t,class:c,style:{...f,display:l?"block":"none"},...o,children:r})}exports.Swiper=Swiper;
+"use strict";var jsxRuntime=require("react/jsx-runtime"),React=require("react"),core=require("@gem-sdk/core"),styles=require("./common/styles.js");function Swiper(e){let t=React.useRef(null),{children:r,totalSlides:s,onSwiperReset:i,onSwiperReady:n,sliderClass:c,sliderOrder:u,thumbsSwiper:a,...p}=e,[l,o]=React.useState(!1),{isEditMode:w}=core.useRenderMode(),f=React.useMemo(()=>a?{"thumbs-swiper":a}:{},[a]),d=React.useMemo(()=>styles.getStyleSwiperContainer({isEditMode:w,loaded:l}),[w,l]),m="object"==typeof e.autoplay&&null!==e.autoplay?e.autoplay.pauseOnMouseEnter:void 0,R=()=>{t.current?.swiper&&t.current.swiper.wrapperEl.style.setProperty("width",`${t.current.swiper.width}px`)};return React.useEffect(()=>{let e=async()=>{let e=await import("@gem-sdk/swiper/element/bundle");e.register(),await window.customElements.whenDefined("swiper-container"),o(!0)};e()},[]),React.useEffect(()=>{l&&(Object.assign(t.current,p),t.current.initialize(),n?.(t.current.swiper),R())},[l]),React.useEffect(()=>{t.current?.swiper&&(t.current.swiper.destroy(!1,!1),Object.assign(t.current,p),t.current.initialize(),n(t.current.swiper),i())},[p.dir,p.loop,m,p.slidesPerView,n,i,p.spaceBetween,p.slidesOffsetBefore]),React.useEffect(()=>{let e=t.current;e&&(Object.assign(e,p),e.swiper?.update(),R())},[p]),React.useEffect(()=>{i()},[u,i]),React.useEffect(()=>{let e=t.current;if(!e)return;let r=()=>{R()};return e.addEventListener("swiperresize",r),()=>{e.removeEventListener("swiperresize",r)}},[]),jsxRuntime.jsx("swiper-container",{init:!1,ref:t,class:c,style:d,...f,children:r})}exports.Swiper=Swiper;

package/dist/cjs/carousel-v3/components/swiper/common/styles.js

@@ -1 +1 @@
-"use strict";var system=require("@gem-sdk/system");const getStyleSwiperSlider=e=>{let{dir:t,style:r}=e;return{"--h":"auto",...r,..."rtl"===t?{marginLeft:0}:{marginRight:0}}},getStyleSwiperContainer=()=>system.createStyle({overflow:"hidden",width:"100%"});exports.getStyleSwiperContainer=getStyleSwiperContainer,exports.getStyleSwiperSlider=getStyleSwiperSlider;
+"use strict";var system=require("@gem-sdk/system");const getStyleSwiperSlider=e=>{let{dir:t,style:r}=e;return{"--h":"auto",...r,..."rtl"===t?{marginLeft:0}:{marginRight:0}}},getStyleSwiperContainer=({isEditMode:e,loaded:t})=>system.createStyle({overflow:"hidden",width:"100%",display:!e||t?"block":"none"});exports.getStyleSwiperContainer=getStyleSwiperContainer,exports.getStyleSwiperSlider=getStyleSwiperSlider;

package/dist/cjs/cart/components/shop-pay-button/ShopPayButton.liquid.js

@@ -3,8 +3,8 @@
       ${{...r}}
       style="${l}"
       class="${a}"
-      gp-data='${p}'
     >
+      <script gp-data type="application/json">${p}</script>
       <button
         ${{...o}}
         class="${c}"

package/dist/cjs/collection/components/collection-description/CollectionDescription.liquid.js

@@ -2,10 +2,9 @@
     <gp-collection-description
       ${$}
       class="${a}"
-      gp-data='${JSON.stringify(v).replaceAll("'","&#039;")}'
     >
-      <style>${u}</style>
-      <style>${C}</style>
+      <script gp-data type="application/json">${JSON.stringify(v).replaceAll("'","&#039;")}</script>
+      <style>${u}${C}</style>
       <div class="${n}" ></div>
       ${system.LiquidUnless("collection","<p>Collection not found</p>",core.template`<div ${g} class="${i}" style="${p}">
           {{collection.description}}

package/dist/cjs/collection/components/collection-paginator/CollectionPaginator.liquid.js

@@ -1,7 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../../helpers.js"),helpers=require("./common/helpers.js"),classes=require("./common/classes.js"),system=require("@gem-sdk/system");const CollectionPaginator=({setting:e,builderProps:s,pageContext:t})=>{let{typographyPaginator:r,activeColor:l,align:o,typo:a,normalColor:c}=e??{},i=system.createStyle({...core.composeTypographyStyle(a,r)}),p=system.createStyle({normalColorClass:core.getGlobalColorClass("text",c),activeColorClass:core.getGlobalColorClass("text",l),normalColorStyle:core.getGlobalColorCSSProp(c)??"",activeColorStyle:core.getGlobalColorCSSProp(l)??""}),n=system.createClass({...classes.customClass("",void 0,e)}),g={...p,customStyle:i,addedClass:n},d=helpers.renderPaginatorItem({setting:e,builderProps:s,pageContext:t},"liquid"),m=system.createClass({...classes.getPaginatorWrapperClass()}),y=system.createClass({...classes.getPaginatorClass()}),C=system.createStyle({...core.makeStyleResponsive("ta",o),...g.customStyle}),S=system.createStateOrContext({setting:e,styleSetting:g,uid:s?.uid});return core.template`
-    <gp-collection-paginator gp-data='${JSON.stringify(S).replaceAll("'","&#039;")}' id="${s?.uid}" >
-      <div class="${y}" style="${C}">
-        <div class="${m}">${d}</div>
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../../helpers.js"),helpers=require("./common/helpers.js"),classes=require("./common/classes.js"),system=require("@gem-sdk/system");const CollectionPaginator=({setting:e,builderProps:s,pageContext:t})=>{let{typographyPaginator:r,activeColor:l,align:o,typo:a,normalColor:c}=e??{},i=system.createStyle({...core.composeTypographyStyle(a,r)}),p=system.createStyle({normalColorClass:core.getGlobalColorClass("text",c),activeColorClass:core.getGlobalColorClass("text",l),normalColorStyle:core.getGlobalColorCSSProp(c)??"",activeColorStyle:core.getGlobalColorCSSProp(l)??""}),n=system.createClass({...classes.customClass("",void 0,e)}),g={...p,customStyle:i,addedClass:n},d=helpers.renderPaginatorItem({setting:e,builderProps:s,pageContext:t},"liquid"),y=system.createClass({...classes.getPaginatorWrapperClass()}),m=system.createClass({...classes.getPaginatorClass()}),C=system.createStyle({...core.makeStyleResponsive("ta",o),...g.customStyle}),S=system.createStateOrContext({setting:e,styleSetting:g,uid:s?.uid});return core.template`
+    <gp-collection-paginator id="${s?.uid}">
+    <script gp-data type="application/json">${JSON.stringify(S).replaceAll("'","&#039;")}</script>
+      <div class="${m}" style="${C}">
+        <div class="${y}">${d}</div>
       </div>
     </gp-collection-paginator>
     ${core.RenderIf(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-collection-paginator-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-collection-paginator-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}

package/dist/cjs/collection/components/collection-toolbar/CollectionToolbar.liquid.js

@@ -3,8 +3,8 @@
       class="${o}"
       style="${p}"
       id="${s?.uid}"
-      gp-data='${JSON.stringify($)}'
     >
+      <script gp-data type="application/json">${JSON.stringify($)}</script>
       <div class="${a}" style="${y}" >
         <div class="${r}">
           <select id="sorting" class="${i}" style="${d}" >

package/dist/cjs/icon-list-v2/components/IconList.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../helpers.js"),Text_liquid=require("../../text/components/Text.liquid.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers=require("../common/helpers.js");const IconListV2=e=>{let{builderProps:s,builderAttrs:t,style:l,setting:a,styles:r,pageContext:i}=e,c=s?.builderData?.advanced,o=system.createClass({[s?.uid??""]:!0}),y=system.createClass(classes.getClassWraplistIcon()),n=system.createClass(classes.getClassColListIcon()),p=system.createClass(classes.getClassWrapItemIcon({builderProps:s})),d=system.createClass(classes.getClassWrapIcon()),g=system.createClass(classes.getClassIcon()),m=system.createClass(classes.getClassTextItem({setting:a})),u=system.createStyle(styles.getStyleContainerIconlistMain({styles:r,style:l,type:"liquid",advanced:c})),$=system.createStyle(styles.getStyleWraplistIcon({styles:r,uid:s?.uid??"",pageContext:i,type:"Liquid"})),S=system.createStyle(styles.getStyleColListIcon({styles:r,setting:a})),I=system.createStyle(styles.getStyleWrapIcon({styles:r,setting:a})),v=system.createStyle(styles.getStyleWrapItemIcon({styles:r})),C=system.createStyle(styles.getStyleIcon({styles:r,setting:a})),q=styles.getStyleTypoText({setting:a}),h=system.createAttr({...t}),x=helpers.getTextIconNotFound("liquid"),f=helpers.getvalueMap({setting:a});return 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"),styles=require("../common/styles.js"),helpers=require("../common/helpers.js");const IconListV2=e=>{let{builderProps:s,builderAttrs:t,style:l,setting:a,styles:i,pageContext:r}=e,c=s?.builderData?.advanced,o=system.createClass({[s?.uid??""]:!0}),n=system.createClass(classes.getClassWraplistIcon()),y=system.createClass(classes.getClassColListIcon()),p=system.createClass(classes.getClassWrapItemIcon({builderProps:s})),d=system.createClass(classes.getClassWrapIcon()),g=system.createClass(classes.getClassIcon()),m=system.createClass(classes.getClassTextItem({setting:a})),u=system.createStyle(styles.getStyleContainerIconlistMain({styles:i,style:l,type:"liquid",advanced:c})),$=system.createStyle(styles.getStyleWraplistIcon({styles:i,uid:s?.uid??"",pageContext:r,type:"Liquid"})),S=system.createStyle(styles.getStyleColListIcon({styles:i,setting:a})),I=system.createStyle(styles.getStyleWrapIcon({styles:i,setting:a})),v=system.createStyle(styles.getStyleWrapItemIcon({styles:i})),C=system.createStyle(styles.getStyleIcon({styles:i,setting:a})),q=styles.getStyleTypoText({setting:a}),h=system.createAttr({...t}),f=helpers.getTextIconNotFound("liquid"),x=helpers.getvalueMap({setting:a});return core.template`
     {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
     <gp-icon-list
       ${{...h}}
@@ -6,12 +6,12 @@
       data-id="${s?.uid}"
       style="${u}"
       className="${o}"
-      gp-data='${core.dataStringify({position:r?.position,iconWidth:a?.iconWidth}).replaceAll("'","&#039;")}'
     >
-      ${system.If(!f||!f.length,core.template`<div>${x}</div>`,core.template`
-          <div class="${y}" style="${$}">
-            <div class="${n}" style="${S}">
-              ${f?.map((e,t)=>{let l=helpers.getTextIconTranslations({setting:a,builderProps:s,pageContext:i,key:t,type:"liquid"});return core.template`
+      <script gp-data type="application/json">${JSON.stringify(core.dataStringify({position:i?.position,iconWidth:a?.iconWidth}).replaceAll("'","&#039;"))}</script>
+      ${system.If(!x||!x.length,core.template`<div>${f}</div>`,core.template`
+          <div class="${n}" style="${$}">
+            <div class="${y}" style="${S}">
+              ${x?.map((e,t)=>{let l=helpers.getTextIconTranslations({setting:a,builderProps:s,pageContext:r,key:t,type:"liquid"});return core.template`
                     <div
                       key="${t}"
                       data-index="${t}"

package/dist/cjs/image-comparison/components/CompareImage.liquid.js

@@ -1,21 +1,21 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers$1=require("../../helpers.js"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),attrs=require("../common/attrs.js"),helpers=require("../common/helpers.js"),Label_liquid=require("./Label.liquid.js"),SlideHandle_liquid=require("./SlideHandle.liquid.js");const CompareImage=e=>{let{leftImage:t,rightImage:s,advanced:a,translate:l,builderData:r,pageContext:i,preload:y=!1,onSliderPositionChange:d}=e,{hover:m,styles:g,handle:c,handleSize:o,leftImageAlt:n,leftImageTitle:p,leftImageCss:S,leftImageLabel:u,rightImageAlt:h,rightImageTitle:L,rightImageCss:b,rightImageLabel:q,sliderLineWidth:$,sliderLineColor:f,sliderPositionPercentage:I,vertical:A,componentUid:C,tempImage:j,aspectRatio:_,defaultRatio:v,isHorizontal:w,hasLeftLabel:N,hasRightLabel:O,qualityType:x,qualityPercent:D,getLeftImageSrc:H,getRightImageSrc:P}=helpers.getData(e),W=H({isLiquid:!0}),z=P({isLiquid:!0}),E=system.createStyle({...styles.getOuterWrapperStyles(g)}),k=system.createStyle({...styles.getWrapperWidth({width:g?.width,leftImageWidth:t?.width,rightImageWidth:s?.width})}),F=system.createStyle({...styles.getContainerStyles({aspectRatio:_,builderData:r})}),G=system.createStyle({...styles.getLazyPlaceholderStyle(_)}),M=system.createStyle({...styles.getImageStyles({type:"right",props:e})}),R=system.createStyle({...styles.getImageStyles({type:"left",props:e})}),J=system.createStyle({...styles.getLabelStyles({styles:g,type:"left",isHorizontal:w})}),T=system.createStyle({...styles.getLabelStyles({styles:g,type:"right",isHorizontal:w})}),U=system.createStyle({...styles.getArrowStyles({type:"left"})}),V=system.createStyle({...styles.getArrowStyles({type:"right"})}),B=system.createStyle({...styles.getLineStyles({isHorizontal:w,sliderLineColor:f,sliderLineWidth:$})}),K=system.createStyle({...styles.getHandleStyles({handleSize:o,isHorizontal:w,sliderLineColor:f,sliderLineWidth:$})}),Q=system.createStyle({...styles.getHandleCustomStyles()}),X=system.createStyle({...styles.getSliderStyles({hover:m,handleSize:o,isHorizontal:w})}),Y=system.createClass({...classes.getOuterWrapperClasses(a?.cssClass)}),Z=system.createClass({...classes.getLabelClasses(g)}),ee=system.createClass({...classes.getLabelContainerClasses()}),et=attrs.getLabelAttrs({componentUid:C,positionId:"left",label:u??""}),es=attrs.getLabelAttrs({componentUid:C,positionId:"right",label:q??""}),ea=system.createAttr({...attrs.getImageLiquidAttrs({priority:y,src:z,title:L,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`right-image-${C}`})}),el=system.createAttr({...attrs.getImageLiquidAttrs({priority:y,src:W,title:p,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`left-image-${C}`})}),er=attrs.getLabelLiquidAttrs({translate:l,pageContext:i,translateLabel:"leftImageLabel"}),ei=attrs.getLabelLiquidAttrs({translate:l,pageContext:i,translateLabel:"rightImageLabel"}),ey=system.createAttr({...attrs.getImagePlaceholderAttrs({width:j?.width,height:j?.height})}),ed=system.createStateOrContext({hover:m,handle:c,vertical:A,leftImage:t,rightImage:s,handleSize:o,aspectRatio:_,defaultRatio:v,componentUid:C,leftImageCss:S,rightImageCss:b,sliderLineColor:f,sliderLineWidth:$,sliderPositionPercentage:I,onSliderPositionChange:d}),em=()=>core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers$1=require("../../helpers.js"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),attrs=require("../common/attrs.js"),helpers=require("../common/helpers.js"),Label_liquid=require("./Label.liquid.js"),SlideHandle_liquid=require("./SlideHandle.liquid.js");const CompareImage=e=>{let{leftImage:t,rightImage:s,advanced:a,translate:l,builderData:i,pageContext:r,preload:y=!1,onSliderPositionChange:d}=e,{hover:c,styles:m,handle:g,handleSize:o,leftImageAlt:n,leftImageTitle:p,leftImageCss:S,leftImageLabel:u,rightImageAlt:h,rightImageTitle:L,rightImageCss:b,rightImageLabel:q,sliderLineWidth:$,sliderLineColor:f,sliderPositionPercentage:I,vertical:A,componentUid:C,tempImage:j,aspectRatio:_,defaultRatio:v,isHorizontal:w,hasLeftLabel:N,hasRightLabel:O,qualityType:x,qualityPercent:D,getLeftImageSrc:H,getRightImageSrc:P}=helpers.getData(e),W=H({isLiquid:!0}),z=P({isLiquid:!0}),E=system.createStyle({...styles.getOuterWrapperStyles(m)}),k=system.createStyle({...styles.getWrapperWidth({width:m?.width,leftImageWidth:t?.width,rightImageWidth:s?.width})}),F=system.createStyle({...styles.getContainerStyles({aspectRatio:_,builderData:i})}),G=system.createStyle({...styles.getLazyPlaceholderStyle(_)}),M=system.createStyle({...styles.getImageStyles({type:"right",props:e})}),R=system.createStyle({...styles.getImageStyles({type:"left",props:e})}),J=system.createStyle({...styles.getLabelStyles({styles:m,type:"left",isHorizontal:w})}),T=system.createStyle({...styles.getLabelStyles({styles:m,type:"right",isHorizontal:w})}),U=system.createStyle({...styles.getArrowStyles({type:"left"})}),V=system.createStyle({...styles.getArrowStyles({type:"right"})}),B=system.createStyle({...styles.getLineStyles({isHorizontal:w,sliderLineColor:f,sliderLineWidth:$})}),K=system.createStyle({...styles.getHandleStyles({handleSize:o,isHorizontal:w,sliderLineColor:f,sliderLineWidth:$})}),Q=system.createStyle({...styles.getHandleCustomStyles()}),X=system.createStyle({...styles.getSliderStyles({hover:c,handleSize:o,isHorizontal:w})}),Y=system.createClass({...classes.getOuterWrapperClasses(a?.cssClass)}),Z=system.createClass({...classes.getLabelClasses(m)}),ee=system.createClass({...classes.getLabelContainerClasses()}),et=attrs.getLabelAttrs({componentUid:C,positionId:"left",label:u??""}),es=attrs.getLabelAttrs({componentUid:C,positionId:"right",label:q??""}),ea=system.createAttr({...attrs.getImageLiquidAttrs({priority:y,src:z,title:L,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`right-image-${C}`})}),el=system.createAttr({...attrs.getImageLiquidAttrs({priority:y,src:W,title:p,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`left-image-${C}`})}),ei=attrs.getLabelLiquidAttrs({translate:l,pageContext:r,translateLabel:"leftImageLabel"}),er=attrs.getLabelLiquidAttrs({translate:l,pageContext:r,translateLabel:"rightImageLabel"}),ey=system.createAttr({...attrs.getImagePlaceholderAttrs({width:j?.width,height:j?.height})}),ed=system.createStateOrContext({hover:c,handle:g,vertical:A,leftImage:t,rightImage:s,handleSize:o,aspectRatio:_,defaultRatio:v,componentUid:C,leftImageCss:S,rightImageCss:b,sliderLineColor:f,sliderLineWidth:$,sliderPositionPercentage:I,onSliderPositionChange:d}),ec=()=>core.template`
       <img alt="" ${ey} style="${G}" />
-    `,eg=()=>NextImage_liquid.default({...ea,alt:h,style:M,setting:{qualityType:x,qualityPercent:D},enableLazyLoadImage:!y,isNotLazyload:y,customAttrs:{"data-testid":"right-image"}}),ec=()=>NextImage_liquid.default({...el,alt:n,style:R,setting:{qualityType:x,qualityPercent:D},enableLazyLoadImage:!y,isNotLazyload:y,customAttrs:{"data-testid":"left-image"}}),eo=()=>SlideHandle_liquid.default({componentUid:C,customHandle:c,lineStyles:B,sliderStyles:X,handleStyles:K,customHandleStyles:Q,leftArrowStyles:U,rightArrowStyles:V}),en=()=>Label_liquid.default({...et,...er,styles:g,childrenClass:Z,childrenStyle:J,containerClass:ee,containerStyle:{}}),ep=()=>Label_liquid.default({...es,...ei,styles:g,childrenClass:Z,childrenStyle:T,containerClass:ee,containerStyle:{}}),eS=()=>`${system.If(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-image-comparison-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-image-comparison-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`;return core.template`
+    `,em=()=>NextImage_liquid.default({...ea,alt:h,style:M,setting:{qualityType:x,qualityPercent:D},enableLazyLoadImage:!y,isNotLazyload:y,customAttrs:{"data-testid":"right-image"}}),eg=()=>NextImage_liquid.default({...el,alt:n,style:R,setting:{qualityType:x,qualityPercent:D},enableLazyLoadImage:!y,isNotLazyload:y,customAttrs:{"data-testid":"left-image"}}),eo=()=>SlideHandle_liquid.default({componentUid:C,customHandle:g,lineStyles:B,sliderStyles:X,handleStyles:K,customHandleStyles:Q,leftArrowStyles:U,rightArrowStyles:V}),en=()=>Label_liquid.default({...et,...ei,styles:m,childrenClass:Z,childrenStyle:J,containerClass:ee,containerStyle:{}}),ep=()=>Label_liquid.default({...es,...er,styles:m,childrenClass:Z,childrenStyle:T,containerClass:ee,containerStyle:{}}),eS=()=>`${system.If(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-image-comparison-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-image-comparison-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`;return core.template`
     <gp-image-comparison
       data-id="${C}"
       style="${E}"
       class="${Y}"
-      gp-data='${JSON.stringify(ed)}'
     >
+      <script gp-data type="application/json">${JSON.stringify(ed)}</script>
       <div id="img-comparison-wrapper-${C}" style="${k}">
         <div
           id="img-comparison-container-${C}"
           data-testid="container"
           style="${F}"
         >
+          ${ec()}
           ${em()}
           ${eg()}
-          ${ec()}
           ${eo()}
           ${system.If(N,en(),"")}
           ${system.If(O,ep(),"")}

package/dist/cjs/marquee/components/Marquee.liquid.js

@@ -1,28 +1,28 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),MarqueeBase_liquid=require("./MarqueeBase.liquid.js"),helpers=require("../common/helpers.js"),helpers$1=require("../../helpers.js"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const Marquee=({children:e,style:s,builderAttrs:t,rawChildren:r,advanced:a,...l})=>{let{styles:i,setting:c,builderProps:o}=l,{iconSeparatorColor:d,backgroundColor:n}=i||{},{iconSeparatorSvg:u,isShowIconSeparator:m}=c||{},y=r.length,{isFullWidth:p,getIsFullWidthValue:g}=helpers.useMarqueeLiquidStyles(c,i),{styleHeight:C,styleWidth:S,getWidthForWrapperItem:q,getHeightOfIconSeparatorSize:v,getWidthOfIconSeparatorSize:$,getIconPosition:h,getItemPaddingRightSpacingValue:M,getWidthForItem:f}=styles.getMarqueeStyles({itemSize:y,setting:c,styles:i}),j=()=>({desktop:g("desktop"),tablet:g("tablet"),mobile:g("mobile")}),I=system.createClass(classes.getAlignClasses),B=system.createStyle(styles.getAlignStyles(i)),F=system.createStyle(styles.getContentStyles({style:s,backgroundColor:n,styleWidth:S,styleHeight:C})),b=system.createClass(classes.getContentClasses),k=system.createClass(classes.getWrapperClasses(o?.uid)),w=system.createClass(classes.getFastMarqueeContentClasses),O=system.createClass(classes.getFastMarqueeClasses),R=system.createClass(classes.getFastMarqueeContentChildrenClasses(p)),_=e=>system.createStyle(styles.getFastMarqueeChildrenIconStyles({index:e,itemSize:y,iconSeparatorColor:d,getHeightOfIconSeparatorSize:v,getWidthOfIconSeparatorSize:$,getIconPosition:h})),A=system.createClass(classes.getFastMarqueeChildrenIconClasses),E=e=>system.createStyle({...M(e),"text-wrap":"wrap",...q()}),x=system.createStyle(f()),P=system.createStateOrContext({setting:{...c,iconSeparatorSvg:helpers$1.safeSvgIcon(c?.iconSeparatorSvg),uid:o?.uid},styles:i}),L=()=>core.RenderIf(core.isLocalEnv,'<script src="{{ \'gp-marquee-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${core.baseAssetURL}/assets-v2/gp-marquee-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),MarqueeBase_liquid=require("./MarqueeBase.liquid.js"),helpers=require("../common/helpers.js"),helpers$1=require("../../helpers.js"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const Marquee=({children:e,style:s,builderAttrs:t,rawChildren:r,advanced:a,...l})=>{let{styles:i,setting:c,builderProps:o}=l,{iconSeparatorColor:d,backgroundColor:n}=i||{},{iconSeparatorSvg:u,isShowIconSeparator:m}=c||{},p=r.length,{isFullWidth:y,getIsFullWidthValue:g}=helpers.useMarqueeLiquidStyles(c,i),{styleHeight:C,styleWidth:S,getWidthForWrapperItem:q,getHeightOfIconSeparatorSize:v,getWidthOfIconSeparatorSize:$,getIconPosition:h,getItemPaddingRightSpacingValue:M,getWidthForItem:f}=styles.getMarqueeStyles({itemSize:p,setting:c,styles:i}),j=()=>({desktop:g("desktop"),tablet:g("tablet"),mobile:g("mobile")}),I=system.createClass(classes.getAlignClasses),B=system.createStyle(styles.getAlignStyles(i)),F=system.createStyle(styles.getContentStyles({style:s,backgroundColor:n,styleWidth:S,styleHeight:C})),b=system.createClass(classes.getContentClasses),k=system.createClass(classes.getWrapperClasses(o?.uid)),w=system.createClass(classes.getFastMarqueeContentClasses),O=system.createClass(classes.getFastMarqueeClasses),R=system.createClass(classes.getFastMarqueeContentChildrenClasses(y)),_=e=>system.createStyle(styles.getFastMarqueeChildrenIconStyles({index:e,itemSize:p,iconSeparatorColor:d,getHeightOfIconSeparatorSize:v,getWidthOfIconSeparatorSize:$,getIconPosition:h})),A=system.createClass(classes.getFastMarqueeChildrenIconClasses),E=e=>system.createStyle({...M(e),"text-wrap":"wrap",...q()}),x=system.createStyle(f()),P=system.createStateOrContext({setting:{...c,iconSeparatorSvg:helpers$1.safeSvgIcon(c?.iconSeparatorSvg),uid:o?.uid},styles:i}),L=()=>core.RenderIf(core.isLocalEnv,'<script src="{{ \'gp-marquee-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${core.baseAssetURL}/assets-v2/gp-marquee-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return core.template`
   ${L()}
-  <gp-marquee data-id="${o?.uid}" gp-data='${JSON.stringify(P)}'
-   class="${core.cls(o?.uid,a?.cssClass)}">
-   <div class="${I}" style="${B}">
+  <gp-marquee data-id="${o?.uid}" class="${core.cls(o?.uid,a?.cssClass)}">
+    <script gp-data type="application/json">${JSON.stringify(P)}</script>
+    <div class="${I}" style="${B}">
       <div class="${b}" style="${F}">
-         <div class="${k}">
+        <div class="${k}">
             <div class="${O}">
-               ${MarqueeBase_liquid.default({speed:l.setting?.speed,autoFill:!0,direction:l.setting?.direction,play:(l.setting?.speed??0)>0,pauseOnHover:l.setting?.stopOnHover,isFullWidthResponsive:j(),children:`
-               <div class="${w}">
+              ${MarqueeBase_liquid.default({speed:l.setting?.speed,autoFill:!0,direction:l.setting?.direction,play:(l.setting?.speed??0)>0,pauseOnHover:l.setting?.stopOnHover,isFullWidthResponsive:j(),children:`
+                  <div class="${w}">
                   ${r?.length?core.WrapRenderChildren({uid:o?.uid??"",customProps:r[0]?.customProps},r.map((e,s)=>{if(e)return core.template`
-                  <div class="${R}"
-                     style="${E(s)}">
-                     ${core.RenderChildren({...e,index:s,itemBorderStyle:i?.itemBorderStyle,itemCorner:i?.itemCorner,itemBackgroundColor:i?.itemBackgroundColor,hasItemShadow:c?.hasItemShadow,itemShadow:i?.itemShadow,itemStyles:x})}
-                     ${system.If(!!(m&&u),core.template`<span style="${_(s)}"
-                        class="${A}">
-                        ${u}
-                     </span>`)}
+                              <div class="${R}"
+                                style="${E(s)}">
+                                ${core.RenderChildren({...e,index:s,itemBorderStyle:i?.itemBorderStyle,itemCorner:i?.itemCorner,itemBackgroundColor:i?.itemBackgroundColor,hasItemShadow:c?.hasItemShadow,itemShadow:i?.itemShadow,itemStyles:x})}
+                                ${system.If(!!(m&&u),core.template`<span style="${_(s)}"
+                                    class="${A}">
+                                    ${u}
+                                </span>`)}
+                              </div>
+                              `})):e}
                   </div>
-                  `})):e}
-               </div>
-               `})}
+                `})}
             </div>
-         </div>
+        </div>
       </div>
-   </div>
-</gp-marquee>
+    </div>
+  </gp-marquee>
 `};exports.default=Marquee;

package/dist/cjs/product/components/file-upload/UploadFile.liquid.js

@@ -1,7 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../../helpers.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),style=require("./common/style.js"),attr=require("./common/attr.js"),helpers=require("./common/helpers.js");const FileUpload=({setting:e,styles:s,builderProps:t,pageContext:l})=>{let r=system.createClass(classes.createLayoutClasses(e,t?.uid)),a=system.createStyle({...helpers.removeHoverStyles(style.createLayoutStyles(e,s),s?.enableHoverEffect)}),c=system.createClass(classes.createTypoClasses(s)),i=system.createStyle({...helpers.removeHoverStyles(style.createTypoStyles(s),s?.enableHoverEffect)}),o=system.createClass(classes.createPreviewClasses()),y=system.createClass(classes.createPreviewItemClasses()),v=system.createClass(classes.createPreviewRemoveClasses()),d=system.createClass(classes.createMessageClasses()),n=system.createStyle(style.createMessageStyles()),m=system.createClass(classes.createContentWidthClasses()),p=system.createClass(classes.createInputClasses()),u=system.createClass(classes.composeClasses("gp-flex gp-items-center")),C=system.createAttr({...attr.getInputAttr(e?.isRequired,e?.numberOfFiles)}),$=system.createStyle({...helpers.removeHoverStyles(style.createContainerStyles(s?.align,s?.textColor),s?.enableHoverEffect)}),f=system.createStyle({...helpers.removeHoverStyles(style.createWrapContentWidthStyles(e),s?.enableHoverEffect)}),S=system.createClass(classes.createWrapContainerClasses(t?.uid)),g=system.createStyle({...helpers.removeHoverStyles(style.createContentWithStyles(e,s),s?.enableHoverEffect)}),h=system.createStyle({...helpers.removeHoverStyles(style.createIconContainerStyles(e),s?.enableHoverEffect)}),H=system.createClass(classes.createIconContentClasses()),b=system.createStyle({...helpers.removeHoverStyles(style.createIconContentStyles(e,s),s?.enableHoverEffect)}),q=helpers.getDisplayText("Liquid",{uid:t?.uid,setting:e,styles:s,pageContext:l}),I=system.createStateOrContext({settings:{isShowPreviewImage:e?.isShowPreviewImage,numberOfFiles:e?.numberOfFiles,isRequired:e?.isRequired}});return core.template`
-  <gp-file-upload
-    gp-data='${JSON.stringify(I)}'
-  >
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../../helpers.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),style=require("./common/style.js"),attr=require("./common/attr.js"),helpers=require("./common/helpers.js");const FileUpload=({setting:e,styles:s,builderProps:t,pageContext:l})=>{let r=system.createClass(classes.createLayoutClasses(e,t?.uid)),a=system.createStyle({...helpers.removeHoverStyles(style.createLayoutStyles(e,s),s?.enableHoverEffect)}),c=system.createClass(classes.createTypoClasses(s)),i=system.createStyle({...helpers.removeHoverStyles(style.createTypoStyles(s),s?.enableHoverEffect)}),o=system.createClass(classes.createPreviewClasses()),y=system.createClass(classes.createPreviewItemClasses()),v=system.createClass(classes.createPreviewRemoveClasses()),n=system.createClass(classes.createMessageClasses()),d=system.createStyle(style.createMessageStyles()),m=system.createClass(classes.createContentWidthClasses()),p=system.createClass(classes.createInputClasses()),u=system.createClass(classes.composeClasses("gp-flex gp-items-center")),C=system.createAttr({...attr.getInputAttr(e?.isRequired,e?.numberOfFiles)}),$=system.createStyle({...helpers.removeHoverStyles(style.createContainerStyles(s?.align,s?.textColor),s?.enableHoverEffect)}),f=system.createStyle({...helpers.removeHoverStyles(style.createWrapContentWidthStyles(e),s?.enableHoverEffect)}),S=system.createClass(classes.createWrapContainerClasses(t?.uid)),g=system.createStyle({...helpers.removeHoverStyles(style.createContentWithStyles(e,s),s?.enableHoverEffect)}),h=system.createStyle({...helpers.removeHoverStyles(style.createIconContainerStyles(e),s?.enableHoverEffect)}),H=system.createClass(classes.createIconContentClasses()),b=system.createStyle({...helpers.removeHoverStyles(style.createIconContentStyles(e,s),s?.enableHoverEffect)}),q=helpers.getDisplayText("Liquid",{uid:t?.uid,setting:e,styles:s,pageContext:l}),I=system.createStateOrContext({settings:{isShowPreviewImage:e?.isShowPreviewImage,numberOfFiles:e?.numberOfFiles,isRequired:e?.isRequired}});return core.template`
+  <gp-file-upload>
+  <script gp-data type="application/json">${JSON.stringify(I)}</script>
   <div class="${S}" style="${$}">
     <input ${C} class="${p}">
     <div class="${u}" style="${f}">
@@ -26,7 +25,7 @@
     <div class="${v}"></div>
     </div>
   </div>
-  <div class="${d}" style="${n}"></div>
+  <div class="${n}" style="${d}"></div>
   </gp-file-upload>
 
   ${core.RenderIf(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-file-upload-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-file-upload-v7-5.js" defer="defer"></script>`)}

package/dist/cjs/product/components/product-badge/ProductBadge.liquid.js

@@ -1,21 +1,21 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),generateLiquidContent=require("./utils/generateLiquidContent.js"),renderBadgeLiquid=require("./utils/renderBadgeLiquid.js"),system=require("@gem-sdk/system"),constants=require("./constants.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js"),translate=require("../../settings/product-badge/configs/translate.js");const ProductBadge=e=>{let{styles:t,setting:s,builderProps:a,pageContext:r}=e,i=s?.shape!=="image",n=i&&s?.displayContent?.trim()==="",l=system.createClass({...classes.getContainerClasses({isInstant:!1,props:e})}),c=system.createStyle({...styles.getContainerStyle(e,constants.IS_LIQUID)}),d=system.createClass({...classes.getWrapperClasses(e)}),o=system.createClass({...classes.getSubWrapperClass(e)}),p=system.createStyle({...styles.getSubWrapperStyle({props:e})}),u=system.createAttr({...attrs.getSubWrapperAttrs(e)}),y=styles.getContentStyleInternal(e),g=system.createClass({...classes.getTextContainerClasses()}),m=system.createAttr({...attrs.getContainerAttrs(e)}),C=system.createClass({...classes.getTextWrapperClasses()}),v=system.createStyle({...styles.getTextBadgeWrapperStyles({setting:s,styles:t})}),$=system.createClass({...classes.getTextContentClasses(t)}),S=system.createStyle({...styles.getTextContentStyle({setting:s,styles:t})}),q=system.createAttr({...attrs.getTextContentAttrs()}),I=system.createClass({...classes.getImageContainerClasses()}),f=system.createStyle({...styles.getImageContainerStyles({setting:s,styles:t})}),j=system.createClass({...classes.getImageClasses()}),P=system.createAttr({...attrs.getImageAttr({setting:s})}),A=system.createStateOrContext({minPrice:"{{ minPriceValue | replace: '\"', '\\\"' | escape }}",variantIDs:'{{  product.variants | map: "id" | json | escape }}',variantInventoryQuantities:'{{ product.variants | map: "inventory_quantity" | json | escape }}',amountDiscount:"{{amountDiscountValue | replace: '\"', '\\\"' | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:JSON.parse(JSON.stringify(s?.displayTrigger).replaceAll("'","'")),uid:e.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:i}),{displayContent:D}=s??{},L=helpers.getDynamicSourceLocales({val:D?.trim(),uid:a?.uid,settingId:translate.ProductBadge?.displayContent?.id,isLiquid:!0,pageContext:r});return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),generateLiquidContent=require("./utils/generateLiquidContent.js"),renderBadgeLiquid=require("./utils/renderBadgeLiquid.js"),system=require("@gem-sdk/system"),constants=require("./constants.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js"),translate=require("../../settings/product-badge/configs/translate.js");const ProductBadge=e=>{let{styles:t,setting:s,builderProps:a,pageContext:r}=e,i=s?.shape!=="image",n=i&&s?.displayContent?.trim()==="",c=system.createClass({...classes.getContainerClasses({isInstant:!1,props:e})}),l=system.createStyle({...styles.getContainerStyle(e,constants.IS_LIQUID)}),d=system.createClass({...classes.getWrapperClasses(e)}),o=system.createClass({...classes.getSubWrapperClass(e)}),p=system.createStyle({...styles.getSubWrapperStyle({props:e})}),y=system.createAttr({...attrs.getSubWrapperAttrs(e)}),u=styles.getContentStyleInternal(e),g=system.createClass({...classes.getTextContainerClasses()}),m=system.createAttr({...attrs.getContainerAttrs(e)}),C=system.createClass({...classes.getTextWrapperClasses()}),v=system.createStyle({...styles.getTextBadgeWrapperStyles({setting:s,styles:t})}),$=system.createClass({...classes.getTextContentClasses(t)}),S=system.createStyle({...styles.getTextContentStyle({setting:s,styles:t})}),q=system.createAttr({...attrs.getTextContentAttrs()}),I=system.createClass({...classes.getImageContainerClasses()}),j=system.createStyle({...styles.getImageContainerStyles({setting:s,styles:t})}),f=system.createClass({...classes.getImageClasses()}),P=system.createAttr({...attrs.getImageAttr({setting:s})}),A=system.createStateOrContext({minPrice:"{{ minPriceValue | replace: '\"', '\\\"' | escape }}",variantIDs:'{{  product.variants | map: "id" | json | escape }}',variantInventoryQuantities:'{{ product.variants | map: "inventory_quantity" | json | escape }}',amountDiscount:"{{amountDiscountValue | replace: '\"', '\\\"' | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:JSON.parse(JSON.stringify(s?.displayTrigger).replaceAll("'","'")),uid:e.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:i}),{displayContent:D}=s??{},L=helpers.getDynamicSourceLocales({val:D?.trim(),uid:a?.uid,settingId:translate.ProductBadge?.displayContent?.id,isLiquid:!0,pageContext:r});return core.template`
     {% if product %}
       ${generateLiquidContent.generateBadgeContent(L,r?.isPreviewing)}
       ${renderBadgeLiquid.renderBadgeInFirstTime(s?.displayTrigger,!n)}
       <gp-product-badge
         ${{...m}}
-        gp-data='${core.dataStringify(A)}'
-        class="${l}"
-        style="${c}"
+        class="${c}"
+        style="${l}"
         data-display-content="${r?.isPreviewing?L:core.sanitizeLiquid(`{{${L}}}`)}"
       >
+        <script gp-data type="application/json">${core.dataStringify(A)}</script>
         <div class="${d}">
           <div
-            ${{...u}}
+            ${{...y}}
             class="${o}"
             style="${p}"
           >
-            <style>${y}</style>
+            <style>${u}</style>
             ${core.RenderIf(i,core.template`
                 <div class="${g}">
                   <div
@@ -28,8 +28,8 @@
                       style="${S}"
                     >{{ content | replace: percentDiscountKey, percentDiscountValue | replace: amountDiscountKey, amountDiscountValue | replace: inventoryQuantityKey, inventoryQuantityValue | replace: minPriceKey, minPriceValue }}</pre>
                   </div>
-                </div>`,core.template`<div class="${I}" style="${f}">
-                  <img ${{...P}} class="${j}" alt="" />
+                </div>`,core.template`<div class="${I}" style="${j}">
+                  <img ${{...P}} class="${f}" alt="" />
                 </div>`)}
           </div>
         </div>

package/dist/cjs/product/components/product-bundle/ProductBundleDiscount.liquid.js

@@ -1,8 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),ProductBundleDiscountChildrenItem_liquid=require("./ProductBundleDiscountChildrenItem.liquid.js");const ProductBundleDiscount=({rawChildren:e,setting:t,styles:s,advanced:r,style:d})=>{let a=t?.hasPreSelectItem?t?.selectItemDefault??0:-1,i=e=>a===e,l=(r,d)=>ProductBundleDiscountChildrenItem_liquid.default({index:d,rawChildrenItem:e?.[d],setting:t,styles:s,isSelected:i(d),bundleItem:r}),u=system.createStyle(styles.getSizeSettings(s)?.gap),c=system.createClass(classes.getContainerClasses(t,r?.cssClass)),n=system.createStyle(styles.getContainerStyles(u,s,d)),o=system.createStateOrContext({styles:s,settings:{useProductCompareAtPrice:t?.useProductCompareAtPrice,selectItemDefault:t?.selectItemDefault,hideNoDiscountItem:t?.hideNoDiscountItem,hasPreSelectItem:t?.hasPreSelectItem,iconItemColor:t?.iconItemColor}}),p=()=>core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-bundle-discount-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-product-bundle-discount-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);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"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),ProductBundleDiscountChildrenItem_liquid=require("./ProductBundleDiscountChildrenItem.liquid.js");const ProductBundleDiscount=({rawChildren:e,setting:t,styles:s,advanced:r,style:d})=>{let i=t?.hasPreSelectItem?t?.selectItemDefault??0:-1,a=e=>i===e,l=(r,d)=>ProductBundleDiscountChildrenItem_liquid.default({index:d,rawChildrenItem:e?.[d],setting:t,styles:s,isSelected:a(d),bundleItem:r}),c=system.createStyle(styles.getSizeSettings(s)?.gap),n=system.createClass(classes.getContainerClasses(t,r?.cssClass)),o=system.createStyle(styles.getContainerStyles(c,s,d)),u=system.createStateOrContext({styles:s,settings:{useProductCompareAtPrice:t?.useProductCompareAtPrice,selectItemDefault:t?.selectItemDefault,hideNoDiscountItem:t?.hideNoDiscountItem,hasPreSelectItem:t?.hasPreSelectItem,iconItemColor:t?.iconItemColor}}),p=()=>core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-bundle-discount-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-product-bundle-discount-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return core.template`
     <gp-product-bundle-discount
-      gp-data='${JSON.stringify(o)}'
-      style="${n}"
-      class="${c}">
+      style="${o}"
+      class="${n}"
+    >
+      <script gp-data type="application/json">${JSON.stringify(u)}</script>
       ${system.Liquid(`
         {%- assign gempages_product_bundle = product.metafields.gp_discount.gp_discount_selected_products -%}
         {%  assign productBundleItem = gempages_product_bundle | split: '($1)'  %}

package/dist/cjs/product/components/product-description/ProductDescription.liquid.js

@@ -1,15 +1,14 @@
-"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"),translate=require("../../settings/product-description/configs/translate.js");const ProductDescription=e=>{let{setting:s,advanced:t,builderProps:r,pageContext:a}=e,{htmlTag:i,viewMoreText:l,viewLessText:c}=s??{},o="html"===i?"div":"p",n=system.createClass({"gp-product-description":!0,[t?.cssClass]:!0}),p=system.createClass(classes.getClasses({setting:s,isLiquid:!0})),d=system.createClass(classes.getButtonClasses({setting:s})),m=system.createClass({"gp-show-more-text":!0}),u=system.createClass({"gp-show-more-icon gp-ml-1":!0}),y=system.createStyle({...styles.getTextStyle({setting:s,renderMaxHeight:!0}),...core.makeStyleResponsive("line-clamp",core.makeLineClamp(s?.lineClamp,s?.hasLineClamp))}),g=system.createClass(classes.getClassPreBuilt()),$=system.createStyle(styles.getButtonStyle({setting:s})),v=system.createAttr({"data-id":`${r?.uid}`}),S=system.createAttr({"data-gp-text":""}),{textDescriptionCss:C,gpDescriptionCss:h}=styles.getStaticCss(),L="product.description == blank",x=()=>{let e=core.isLocalEnv?"{{ 'gp-product-description-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`},w=system.createStateOrContext({setting:{lineClamp:s?.lineClamp,hasLineClamp:s?.hasLineClamp,viewMoreText:s?.viewMoreText,viewLessText:s?.viewLessText,enableViewMoreIcon:s?.enableViewMoreIcon},textStyle:y}),q=helpers.getDynamicSourceLocales({val:l,uid:r?.uid,settingId:helpers.createSettingId({id:translate.ProductDescription?.viewMoreText?.id}),pageContext:a}),I=helpers.getDynamicSourceLocales({val:c,uid:r?.uid,settingId:helpers.createSettingId({id:translate.ProductDescription?.viewLessText?.id}),pageContext:a});return system.LiquidIf(L,"",system.Liquid(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"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers$1=require("./common/helpers.js"),translate=require("../../settings/product-description/configs/translate.js");const ProductDescription=e=>{let{setting:s,advanced:t,builderProps:r,pageContext:a}=e,{htmlTag:i,viewMoreText:l,viewLessText:c}=s??{},o="html"===i?"div":"p",p=system.createClass({"gp-product-description":!0,[t?.cssClass]:!0}),n=system.createClass(classes.getClasses({setting:s,isLiquid:!0})),d=system.createClass(classes.getButtonClasses({setting:s})),m=system.createClass({"gp-show-more-text":!0}),u=system.createClass({"gp-show-more-icon gp-ml-1":!0}),y=system.createStyle({...styles.getTextStyle({setting:s,renderMaxHeight:!0}),...core.makeStyleResponsive("line-clamp",core.makeLineClamp(s?.lineClamp,s?.hasLineClamp))}),g=system.createClass(classes.getClassPreBuilt()),$=system.createStyle(styles.getButtonStyle({setting:s})),v=system.createAttr({"data-id":`${r?.uid}`}),S=system.createAttr({"data-gp-text":""}),{textDescriptionCss:C,gpDescriptionCss:h}=styles.getStaticCss(),L="product.description == blank",x=()=>{let e=core.isLocalEnv?"{{ 'gp-product-description-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`},w=system.createStateOrContext({setting:{lineClamp:s?.lineClamp,hasLineClamp:s?.hasLineClamp,viewMoreText:s?.viewMoreText,viewLessText:s?.viewLessText,enableViewMoreIcon:s?.enableViewMoreIcon},textStyle:y}),q=helpers.getDynamicSourceLocales({val:l,uid:r?.uid,settingId:helpers.createSettingId({id:translate.ProductDescription?.viewMoreText?.id}),pageContext:a}),I=helpers.getDynamicSourceLocales({val:c,uid:r?.uid,settingId:helpers.createSettingId({id:translate.ProductDescription?.viewLessText?.id}),pageContext:a});return system.LiquidIf(L,"",system.Liquid(core.template`
     <gp-product-description
       ${v}
-      class="${n}"
-      gp-data='${core.dataStringify(w).replaceAll("'","&#039;")}'
+      class="${p}"
       data-view-more-text="${q}"
       data-view-less-text="${I}"
     >
-      <style>${C}</style>
-      <style>${h}</style>
+      <script gp-data type="application/json">${core.dataStringify(w).replaceAll("'","&#039;")}</script>
+      <style>${C}${h}</style>
       <div class="${g}" ></div>
-      ${system.LiquidUnless("product","<p>Product not found</p>",core.template`<${o} ${S} class="${p}" style="${y}">
+      ${system.LiquidUnless("product","<p>Product not found</p>",core.template`<${o} ${S} class="${n}" style="${y}">
           {{product.description}}
         </${o}>
         ${system.LiquidUnless(L,core.template`<button type="button" class="${d}" style="${$}">

package/dist/cjs/product/components/product-discount-tag/ProductDiscountTag.liquid.js

@@ -1,24 +1,24 @@
-"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"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),translate=require("../../settings/product-discount-tag/configs/translate.js");const ProductTag=({setting:e,styles:s,builderProps:t,advanced:a,pageContext:i})=>{let{customContent:r}=e??{},n=e?.moneyWithCurrentFormat?"money_with_currency":"money",c=translate.ProductTag?.customContent?.id?helpers.getDynamicSourceLocales({val:r?.prefix,uid:t?.uid,settingId:helpers.createSettingId({id:translate.ProductTag.customContent.id,suffix:"prefix"}),isLiquid:!0,pageContext:i}):r?.prefix,l=translate.ProductTag?.customContent?.id?helpers.getDynamicSourceLocales({val:r?.suffix,uid:t?.uid,settingId:helpers.createSettingId({id:translate.ProductTag.customContent.id,suffix:"suffix"}),isLiquid:!0,pageContext:i}):r?.suffix,p=system.createStyle(styles.getRootClass(s)),d=system.createStyle(styles.getWrapperTextStyle(s)),o=system.createStyle(styles.getContainerStyle(s)),u=system.createClass(classes.getWrapperTextClass(s)),g=system.createClass(classes.getContainerClass()),y=system.createClass(classes.getProductTagClass(a)),f=r?.unit==="percentage",m=()=>{let e=core.isLocalEnv?"{{ 'gp-product-tag-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-tag-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"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),translate=require("../../settings/product-discount-tag/configs/translate.js");const ProductTag=({setting:e,styles:s,builderProps:t,advanced:a,pageContext:i})=>{let{customContent:r}=e??{},c=e?.moneyWithCurrentFormat?"money_with_currency":"money",n=translate.ProductTag?.customContent?.id?helpers.getDynamicSourceLocales({val:r?.prefix,uid:t?.uid,settingId:helpers.createSettingId({id:translate.ProductTag.customContent.id,suffix:"prefix"}),isLiquid:!0,pageContext:i}):r?.prefix,p=translate.ProductTag?.customContent?.id?helpers.getDynamicSourceLocales({val:r?.suffix,uid:t?.uid,settingId:helpers.createSettingId({id:translate.ProductTag.customContent.id,suffix:"suffix"}),isLiquid:!0,pageContext:i}):r?.suffix,l=system.createStyle(styles.getRootClass(s)),d=system.createStyle(styles.getWrapperTextStyle(s)),o=system.createStyle(styles.getContainerStyle(s)),u=system.createClass(classes.getWrapperTextClass(s)),g=system.createClass(classes.getContainerClass()),y=system.createClass(classes.getProductTagClass(a)),f=r?.unit==="percentage",m=()=>{let e=core.isLocalEnv?"{{ 'gp-product-tag-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-tag-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`
     {% liquid
       assign price = variant.price | times: 1.0
       assign salePrice = variant.compare_at_price | times: 1.0
       assign priceSave = salePrice | minus: price
-      assign prefixVal = ${i?.isPreviewing?JSON.stringify(c):c}
-      assign suffixVal = ${i?.isPreviewing?JSON.stringify(l):l}
+      assign prefixVal = ${i?.isPreviewing?JSON.stringify(n):n}
+      assign suffixVal = ${i?.isPreviewing?JSON.stringify(p):p}
     %}
-    ${system.LiquidIf("salePrice == null or price == null",system.Liquid(`{% assign pricePercentage = prefixVal ${system.If(f,"| append: ' 0% '",`| ${n} | append: ' '`)} | append: suffixVal %}`),`${system.If(f,`{% assign salePercent = priceSave | divided_by: salePrice | times: 100  | round %}
-          {% assign pricePercentage = prefixVal | append: ' ' | append: salePercent | append: '% ' | append: suffixVal %}`,system.LiquidIf("priceSave > 0",`{% assign priceSaveMoney = priceSave | ${n} %}
-           {% assign pricePercentage = prefixVal | append: ' ' | append: priceSaveMoney | append: ' ' | append: suffixVal %}`,`{% assign priceSaveMoney = 0 | ${n} %}
+    ${system.LiquidIf("salePrice == null or price == null",system.Liquid(`{% assign pricePercentage = prefixVal ${system.If(f,"| append: ' 0% '",`| ${c} | append: ' '`)} | append: suffixVal %}`),`${system.If(f,`{% assign salePercent = priceSave | divided_by: salePrice | times: 100  | round %}
+          {% assign pricePercentage = prefixVal | append: ' ' | append: salePercent | append: '% ' | append: suffixVal %}`,system.LiquidIf("priceSave > 0",`{% assign priceSaveMoney = priceSave | ${c} %}
+           {% assign pricePercentage = prefixVal | append: ' ' | append: priceSaveMoney | append: ' ' | append: suffixVal %}`,`{% assign priceSaveMoney = 0 | ${c} %}
            {% assign pricePercentage = prefixVal | append: ' ' | append: priceSaveMoney | append: ' ' | append: suffixVal %}`))}`)}
 
     <gp-product-tag
       class="${y}"
-      style="${p}"
+      style="${l}"
       data-id="${t?.uid}"
       data-disabled="${system.LiquidIf(`${system.If(f,"salePercent","priceSave")} > 0`,"false","true")}"
-      gp-data='{"setting":${JSON.stringify(e).replaceAll("'","&#039;")}, "id": "${t?.uid}", "locale": "{{shop.locale}}", "currency": "{{shop.currency}}", "moneyFormat": "{{ ${e?.moneyWithCurrentFormat?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}"}'
       price-save="{{priceSave}}"
     >
+      <script gp-data type="application/json">{"setting":${JSON.stringify(e).replaceAll("'","&#039;")}, "id": "${t?.uid}", "locale": "{{shop.locale}}", "currency": "{{shop.currency}}", "moneyFormat": "{{ ${e?.moneyWithCurrentFormat?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}"}'</script>
       <div class="${g}" style="${o}">
         <div class="${u}" style="${d}">
           ${Text_liquid.default({styles:s,id:`p-tag-${t?.uid}`,setting:{...e,translate:"",text:"{{ pricePercentage }}",excludeFlex:!0}})}

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 | 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(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

@@ -5,10 +5,9 @@
     `;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 | 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)}}</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/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 | 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(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

@@ -5,10 +5,9 @@
     `;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 | 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)}}</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/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-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;