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

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 | 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}}
+        }
+      </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-wrap/Product.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Row_liquid=require("../../../grid/components/row/Row.liquid.js"),system=require("@gem-sdk/system"),helpers$1=require("../../../helpers.js"),helpers=require("./common/helpers.js");const Product=e=>{let{children:t,setting:r,style:i,builderProps:a,rawChildren:o,advanced:d}=e,{isSyncProduct:s,productSetting:n}=r??{},c=n?.hasPreSelected??!1,{rowSetting:l,rowStyles:p,formatVariantId:u,formatProductId:f,productStatus:g,preSelectedOptionIds:m,productHandle:_,advancedStyle:y}=helpers.getData(e),v=()=>core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Row_liquid=require("../../../grid/components/row/Row.liquid.js"),system=require("@gem-sdk/system"),helpers$1=require("../../../helpers.js"),helpers=require("./common/helpers.js");const Product=e=>{let{children:t,setting:r,style:i,builderProps:a,rawChildren:o,advanced:s}=e,{isSyncProduct:d,productSetting:n}=r??{},c=n?.hasPreSelected??!1,{rowSetting:l,rowStyles:p,formatVariantId:u,formatProductId:f,productStatus:g,preSelectedOptionIds:m,productHandle:_,advancedStyle:y}=helpers.getData(e),v=()=>core.template`
       {%- liquid
         if request.page_type == 'product'
           if '${g}' == '${helpers.STATIC_PRODUCT_STATUS}'
@@ -78,10 +78,10 @@
         data-uid="${a?.uid}"
         data-id="${a?.uid}"
         style="${y}"
-        class="${d?.cssClass}"
-        gp-context='{"productId": {{ product.id }}, "preSelectedOptionIds": [${m}], "isSyncProduct": "${s}", "hasPreSelected": ${c}, "variantSelected": {{ variant | json | escape }},  "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "inventoryQuantity": {{ variant.inventory_quantity }}, "quantity": 1, "formId": "{{ product_form_id }}" }'
-        gp-data='{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }}}'
+        class="${s?.cssClass}"
+        gp-context='{"productId": {{ product.id }}, "preSelectedOptionIds": [${m}], "isSyncProduct": "${d}", "hasPreSelected": ${c}, "variantSelected": {{ variant | json | escape }},  "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "inventoryQuantity": {{ variant.inventory_quantity }}, "quantity": 1, "formId": "{{ product_form_id }}" }'
       >
+        <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 }}}</script>
         <product-form class="product-form">
           {%- form 'product', product, id: product_form_id, class: 'form contents', data-type: 'add-to-cart-form', autocomplete: 'off'  -%}
             <input type="hidden" name="id" value="{{ variant.id }}" />

package/dist/cjs/sticky/components/Sticky.liquid.js

@@ -1,18 +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"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const Sticky=({children:e,builderAttrs:s,setting:t,style:r,builderProps:a,advanced:i,pageContext:l})=>{let{width:d,position:o,display:c,preloadBgImage:n,background:p,isScrollToTop:g}=t??{},m=i?.d,y=system.createStyle({...core.makeStyleResponsive("w",d),...styles.getContainerStyles({position:o,style:r,display:c})}),$=system.createStyle(styles.getContentStyles({setting:t,style:r,uid:a?.uid,pageContext:l})),k=system.createClass(classes.getContainerClasses({uid:a?.uid,isScrollToTop:g,cssClass:i?.cssClass,isLiquid:!0})),u=system.createStateOrContext({uid:a?.uid,setting:{display:{desktop:c?.desktop,tablet:c?.tablet??c?.desktop,mobile:c?.mobile??c?.tablet??c?.desktop}},advanced:{d:m}}),f=`.drawer-page-content {
+"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");const Sticky=({children:e,builderAttrs:s,setting:t,style:r,builderProps:a,advanced:i,pageContext:l})=>{let{width:o,position:c,display:d,preloadBgImage:n,background:p,isScrollToTop:g}=t??{},m=i?.d,y=system.createStyle({...core.makeStyleResponsive("w",o),...styles.getContainerStyles({position:c,style:r,display:d})}),k=system.createStyle(styles.getContentStyles({setting:t,style:r,uid:a?.uid,pageContext:l})),$=system.createClass(classes.getContainerClasses({uid:a?.uid,isScrollToTop:g,cssClass:i?.cssClass,isLiquid:!0})),u=system.createStateOrContext({uid:a?.uid,setting:{display:{desktop:d?.desktop,tablet:d?.tablet??d?.desktop,mobile:d?.mobile??d?.tablet??d?.desktop}},advanced:{d:m}}),f=`.drawer-page-content {
        transform: none !important;
       -webkit-transform: none !important;
   }`;return core.template`
     ${core.RenderIf(!!n,`${core.RenderIf(!!p?.desktop?.image?.src,`<link rel="preload" href="${p?.desktop?.image?.src}" as="image" />`)}${core.RenderIf(!!p?.tablet?.image?.src,`<link rel="preload" href="${p?.tablet?.image?.src}" as="image" />`)}${core.RenderIf(!!p?.mobile?.image?.src,`<link rel="preload" href="${p?.mobile?.image?.src}" as="image" />`)}`)}
     <gp-sticky
-    data-id="${a?.uid}"
-      gp-data='${JSON.stringify(u)}'
       id="${a?.uid}"
       data-id="${a?.uid}"
-      class="${k} ${helpers.getSettingPreloadData("gps-lazy")}"
+      class="${$} ${helpers.getSettingPreloadData("gps-lazy")}"
       style="${y}"
     >
+      <script gp-data type="application/json">${JSON.stringify(u)}</script>
       <style>${f}</style>
-      <div ${{...s}} style="${{...$}}">
+      <div ${{...s}} style="${{...k}}">
         ${e}
       </div>
     </gp-sticky>

package/dist/cjs/tab/components/Tabs.liquid.js

@@ -1,4 +1,4 @@
-"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"),Text_liquid=require("../../text/components/Text.liquid.js"),translate=require("../settings/configs/translate.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const Tabs=e=>{let{builderProps:s,style:t,setting:a,advanced:l,rawChildren:r}=e;delete a?.labelTypoV2?.attrs?.color;let{cssClass:i}=l??{},{panelWidth:c,childItem:d,labelAlign:y,labelTypo:n,labelTypoV2:o}=a??{},p=system.createStateOrContext({setting:a,builderProps:s}),g=void 0;a&&!a?.labelWidth&&(a.labelWidth={desktop:"200px"});let m=system.createAttr({...attrs.getAttr({uid:s?.uid||""})}),u=system.createStyle({...styles.getStyleWrapper({setting:a,style:t,uid:s?.uid,pageContext:e.pageContext,type:"Liquid"})}),C=system.createClass({...classes.getClassesWrapper({builderProps:s,advancedCssClass:i})}),v=system.createClass({...classes.getContainClasses({setting:a})}),$=classes.getStyleTagClasses({panelWidth:c,builderProps:s}),S=system.createClass({...classes.getTabParentListClasses()}),h=system.createStyle({...styles.getTabParentListStyle(a)}),b=system.createClass({...classes.getTabListClasses({setting:a})}),x=system.createStyle({...styles.getTabListStyle(a)}),T=e=>system.createClass({...classes.getItemClasses({setting:a,isNotLiquid:!1,isActive:e,currentDevice:g})}),q=e=>system.createStyle({...styles.getItemStyle(a,e)}),f=system.createClass({...classes.getWrapperContentClasses()}),A=system.createClass({...classes.getContainContentClasses()}),j=system.createStyle({...styles.getContainContentStyle()}),I=system.createAttr({...attrs.getAttrContent({uid:s?.uid||""})}),L=system.createClass({...classes.getTextClasses()}),P=()=>d?.map(e=>e?.replaceAll("'","&#039;"))?.map((t,l)=>{let r=(a?.activeKey??0)<0||(a?.activeKey??0)>=(a?.childItem??[]).length?0===l:l===a?.activeKey,i=helpers.getDynamicSourceLocales({val:t,uid:s?.uid,settingId:helpers.createSettingId({id:translate.Tabs?.childItem?.id,index:l}),pageContext:e.pageContext,isCapitalize:a?.labelTypoV2?.attrs?.transform==="capitalize"});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"),Text_liquid=require("../../text/components/Text.liquid.js"),translate=require("../settings/configs/translate.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const Tabs=e=>{let{builderProps:s,style:t,setting:a,advanced:l,rawChildren:r}=e;delete a?.labelTypoV2?.attrs?.color;let{cssClass:i}=l??{},{panelWidth:c,childItem:d,labelAlign:y,labelTypo:n,labelTypoV2:o}=a??{},p=system.createStateOrContext({setting:a,builderProps:s}),g=void 0;a&&!a?.labelWidth&&(a.labelWidth={desktop:"200px"});let m=system.createAttr({...attrs.getAttr({uid:s?.uid||""})}),u=system.createStyle({...styles.getStyleWrapper({setting:a,style:t,uid:s?.uid,pageContext:e.pageContext,type:"Liquid"})}),C=system.createClass({...classes.getClassesWrapper({builderProps:s,advancedCssClass:i})}),v=system.createClass({...classes.getContainClasses({setting:a})}),$=classes.getStyleTagClasses({panelWidth:c,builderProps:s}),S=system.createClass({...classes.getTabParentListClasses()}),h=system.createStyle({...styles.getTabParentListStyle(a)}),b=system.createClass({...classes.getTabListClasses({setting:a})}),x=system.createStyle({...styles.getTabListStyle(a)}),T=e=>system.createClass({...classes.getItemClasses({setting:a,isNotLiquid:!1,isActive:e,currentDevice:g})}),q=e=>system.createStyle({...styles.getItemStyle(a,e)}),f=system.createClass({...classes.getWrapperContentClasses()}),j=system.createClass({...classes.getContainContentClasses()}),A=system.createStyle({...styles.getContainContentStyle()}),I=system.createAttr({...attrs.getAttrContent({uid:s?.uid||""})}),L=system.createClass({...classes.getTextClasses()}),P=()=>d?.map(e=>e?.replaceAll("'","&#039;"))?.map((t,l)=>{let r=(a?.activeKey??0)<0||(a?.activeKey??0)>=(a?.childItem??[]).length?0===l:l===a?.activeKey,i=helpers.getDynamicSourceLocales({val:t,uid:s?.uid,settingId:helpers.createSettingId({id:translate.Tabs?.childItem?.id,index:l}),pageContext:e.pageContext,isCapitalize:a?.labelTypoV2?.attrs?.transform==="capitalize"});return core.template`
       <li
         aria-hidden
         class="${T(r)}"
@@ -13,7 +13,8 @@
       ${{...m}}
       style="${u}"
       class="${C}"
-      gp-data='${JSON.stringify(p)?.replaceAll("'","&#039;")}'>
+    >
+      <script gp-data type="application/json">${JSON.stringify(p)?.replaceAll("'","&#039;")}</script>
         <style>${$}</style>
         <div class="${v}">
           <div class="${S}" style="${h}">
@@ -24,8 +25,8 @@
           <div class="${f}">
             <div
               ${{...I}}
-              class="${A}"
-              style="${j}"
+              class="${j}"
+              style="${A}"
             >
               ${k()}
             </div>

package/dist/cjs/video/components/LiteVimeoEmbed.liquid.js

@@ -1,12 +1,13 @@
-"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"),NextImage_liquid=require("../../image/components/NextImage.liquid.js");const LiteVimeoEmbed=e=>{let{title:s,id:t,lazy:l,aspectRatio:a,autoplay:r,muted:i,thumbnailLink:m,poster:c,translatedVideoUrl:o}=e,{iframeSrc:p}=helpers$1.getVimeoParams(e),d=!l,g=e.thumbnail,y=system.createStateOrContext({id:t,thumbnail:m,lazy:l,iframeSrc:p,title:s,autoplay:r,muted:i,style:e?.vimeoStyleIframe||"",translatedVideoUrl:o}),n=system.createStyle({...styles.getIframeVimeoStyle(a)}),u=system.createStyle({...styles.getArticleVimeoStyle(a,"")}),f=system.createClass({...classes.getArticleVimeoClasses(g,a)}),h=system.createClass({...classes.getImageVimeoClasses(d)}),$=system.createClass({...classes.getButtonVimeoClasses(d)}),b=system.createClass({...classes.getIframeVimeoClasses()});return core.template`
-    <gp-lite-vimeo-embed gp-data='${JSON.stringify(y)}'>
+"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"),NextImage_liquid=require("../../image/components/NextImage.liquid.js");const LiteVimeoEmbed=e=>{let{title:s,id:t,lazy:l,aspectRatio:a,autoplay:r,muted:i,thumbnailLink:m,poster:c,translatedVideoUrl:o}=e,{iframeSrc:p}=helpers$1.getVimeoParams(e),d=!l,y=e.thumbnail,g=system.createStateOrContext({id:t,thumbnail:m,lazy:l,iframeSrc:p,title:s,autoplay:r,muted:i,style:e?.vimeoStyleIframe||"",translatedVideoUrl:o}),n=system.createStyle({...styles.getIframeVimeoStyle(a)}),u=system.createStyle({...styles.getArticleVimeoStyle(a,"")}),f=system.createClass({...classes.getArticleVimeoClasses(y,a)}),h=system.createClass({...classes.getImageVimeoClasses(d)}),$=system.createClass({...classes.getButtonVimeoClasses(d)}),b=system.createClass({...classes.getIframeVimeoClasses()});return core.template`
+    <gp-lite-vimeo-embed>
+      <script gp-data type="application/json">${JSON.stringify(g)}</script>
       <article
         aria-hidden
         class="${f}"
         data-title="${s}"
         style="${u}"
       >
-      ${NextImage_liquid.default({src:g,alt:c?.altText,title:c?.imageTitle,className:h,isDisableAspectStyle:!0,enableLazyLoadImage:!0,priority:c?.preload,height:c?.height,width:c?.width})}
+      ${NextImage_liquid.default({src:y,alt:c?.altText,title:c?.imageTitle,className:h,isDisableAspectStyle:!0,enableLazyLoadImage:!0,priority:c?.preload,height:c?.height,width:c?.width})}
          ${system.If(!d,core.template`
           <button type="button" class="${$}" aria-label="Play">
           <svg class="gp-w-5 gp-text-white" viewBox="0 0 24 24">

package/dist/cjs/video/components/LiteYouTubeEmbed.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),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");const LiteYouTubeEmbed=e=>{let{style:s,iframeClass:t,wrapperClass:a,title:l,poster:r,translatedVideoUrl:i}=e,o=`gp-video-${e.uid}`,{posterUrl:c,iframeSrc:u}=helpers$1.getYoutubeParams(e),d=r?.preload,m=system.createStateOrContext({lazy:e.lazy,style:s,title:l,iframeSrc:u,translatedVideoUrl:i}),p=!e.lazy,y=system.createClass({...classes.getButtonYoutubeClasses(p)}),g=system.createClass({...classes.getImageYoutubeClasses()}),n=system.createClass({...classes.getArticleYoutubeClasses(d||!1,a)}),b=system.createClass({...classes.getIframeYoutubeClasses(t)}),f=system.createStyle({...styles.getIframeYoutubeStyle(s)}),$=system.createStyle({...styles.getArticleYoutubeStyle(s,c)}),C=system.createClass({...classes.getYoutubeContentClasses()}),h=()=>{let s=core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),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");const LiteYouTubeEmbed=e=>{let{style:s,iframeClass:t,wrapperClass:a,title:l,poster:r,translatedVideoUrl:i}=e,o=`gp-video-${e.uid}`,{posterUrl:c,iframeSrc:u}=helpers$1.getYoutubeParams(e),p=r?.preload,d=system.createStateOrContext({lazy:e.lazy,style:s,title:l,iframeSrc:u,translatedVideoUrl:i}),m=!e.lazy,y=system.createClass({...classes.getButtonYoutubeClasses(m)}),g=system.createClass({...classes.getImageYoutubeClasses()}),n=system.createClass({...classes.getArticleYoutubeClasses(p||!1,a)}),b=system.createClass({...classes.getIframeYoutubeClasses(t)}),f=system.createStyle({...styles.getIframeYoutubeStyle(s)}),$=system.createStyle({...styles.getArticleYoutubeStyle(s,c)}),C=system.createClass({...classes.getYoutubeContentClasses()}),h=()=>{let s=core.template`
     <iframe
       id="player-wrapper-${e.uid}"
       class="${b}"
@@ -12,7 +12,8 @@
   `;return e.isHeroBanner?core.template`
         <div class="${C}">${s}</div>
       `:s};return core.template`
-    <gp-lite-youtube-embed gp-data='${JSON.stringify(m)}'>
+    <gp-lite-youtube-embed>
+      <script gp-data type="application/json">${JSON.stringify(d)}</script>
       <article
         aria-hidden
         class="${n}"
@@ -29,7 +30,7 @@
             <path d="M 45,24 27,14 27,34" fill="#fff"></path>
           </svg>
         </button>
-        ${system.If(p,h())}
+        ${system.If(m,h())}
       </article>
     </gp-lite-youtube-embed>
     ${core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-lite-youtube-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-lite-youtube-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}

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

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

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

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

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

@@ -1,10 +1,10 @@
-import{template as s,isLocalEnv as o,baseAssetURL as t}from"@gem-sdk/core";import{createStyle as e,createClass as r,createAttr as i,createStateOrContext as p,If as c}from"@gem-sdk/system";import{getSettingPreloadData as m}from"../../../helpers.js";import{getButtonClasses as l,getButtonWrapperClasses as u}from"./common/classes.js";import{getSPButton as a}from"./common/helpers.js";import{getButtonWrapperStyles as h}from"./common/styles.js";import n from"./icons/DynamicCheckoutBlack.liquid.js";import k from"./icons/DynamicCheckoutPurple.liquid.js";import y from"./icons/DynamicCheckoutWhite.liquid.js";import d from"./icons/ExpressCheckoutBlack.liquid.js";import f from"./icons/ExpressCheckoutPurple.liquid.js";import j from"./icons/ExpressCheckoutWhite.liquid.js";let ShopPayButton=({style:C,styles:g,setting:$,className:E,builderAttrs:b})=>{let S=a({styles:g,buttons:{DynamicCheckoutBlack:n({}),DynamicCheckoutPurple:k({}),DynamicCheckoutWhite:y({}),ExpressCheckoutBlack:d({}),ExpressCheckoutPurple:f({}),ExpressCheckoutWhite:j({})}}),P=e({...h(C,g)}),x=r({...l()}),B=r({...u(E)}),q=i({disabled:!1,"aria-label":"Buy with Shop Pay"}),D=p({setting:JSON.stringify($),shop_url:"{{shop.url}}"});return s`
+import{template as s,isLocalEnv as o,baseAssetURL as t}from"@gem-sdk/core";import{createStyle as e,createClass as i,createAttr as r,createStateOrContext as p,If as c}from"@gem-sdk/system";import{getSettingPreloadData as m}from"../../../helpers.js";import{getButtonClasses as l,getButtonWrapperClasses as a}from"./common/classes.js";import{getSPButton as u}from"./common/helpers.js";import{getButtonWrapperStyles as n}from"./common/styles.js";import h from"./icons/DynamicCheckoutBlack.liquid.js";import y from"./icons/DynamicCheckoutPurple.liquid.js";import k from"./icons/DynamicCheckoutWhite.liquid.js";import d from"./icons/ExpressCheckoutBlack.liquid.js";import f from"./icons/ExpressCheckoutPurple.liquid.js";import j from"./icons/ExpressCheckoutWhite.liquid.js";let ShopPayButton=({style:C,styles:g,setting:$,className:E,builderAttrs:b})=>{let S=u({styles:g,buttons:{DynamicCheckoutBlack:h({}),DynamicCheckoutPurple:y({}),DynamicCheckoutWhite:k({}),ExpressCheckoutBlack:d({}),ExpressCheckoutPurple:f({}),ExpressCheckoutWhite:j({})}}),P=e({...n(C,g)}),x=i({...l()}),B=i({...a(E)}),q=r({disabled:!1,"aria-label":"Buy with Shop Pay"}),D=p({setting:JSON.stringify($),shop_url:"{{shop.url}}"});return s`
     <gp-shop-pay-button
       ${{...b}}
       style="${P}"
       class="${B}"
-      gp-data='${D}'
     >
+      <script gp-data type="application/json">${D}</script>
       <button
         ${{...q}}
         class="${x}"

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

@@ -1,16 +1,15 @@
-import{makeStyleResponsive as e,makeLineClamp as i,template as s,isLocalEnv as t,baseAssetURL as l}from"@gem-sdk/core";import{getSettingPreloadData as o}from"../../../helpers.js";import{getDefaultStyleCollectionDes as n,getStyleDefaultViewMore as c,getStaticCss as r}from"./common/styles.js";import{createClass as p,createStyle as a,createAttr as m,createStateOrContext as $,If as d,Liquid as g,LiquidUnless as v,LiquidIf as y}from"@gem-sdk/system";import{getClassContainerCollectionDes as f,getClassButtonViewMore as u,getDescriptionClasses as w,getShowMoreIconClasses as C,getShowMoreTextClasses as b,getClassPreBuilt as S}from"./common/classes.js";import{getViewLessText as h,getViewMoreText as j,ICON_SVG as x}from"./common/helpers.js";let CollectionDescription=({setting:M,advanced:k,builderProps:E,pageContext:I})=>{let L=p(f({setting:M})),P=p(u({setting:M})),V=p(w({advanced:k})),A=p(C()),T=p(b()),q=p(S()),D=a({...n({setting:M}),...e("line-clamp",i(M?.lineClamp,M?.hasLineClamp))}),G=a({...c(M)}),N=h({setting:M,builderProps:E,pageContext:I,type:"liquid"}),O=j({setting:M,builderProps:E,pageContext:I,type:"liquid"}),_=m({"data-id":`${E?.uid}`,"view-more-text":`${I?.isPreviewing?O:`{{${O}}}`}`,"view-less-text":`${I?.isPreviewing?N:`{{${N}}}`}`}),J=m({"data-gp-text":""}),{gpDescriptionCss:R,textDescriptionCss:z}=r(),B=$({setting:{lineClamp:M?.lineClamp,hasLineClamp:M?.hasLineClamp,viewMoreText:O,viewLessText:N,enableViewMoreIcon:M?.enableViewMoreIcon},textStyle:D}),F=()=>{let e=t?"{{ 'gp-collection-description-v7-5.js' | asset_url }}":`${l}/assets-v2/gp-collection-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${o('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return d(!1,"",g(s`
+import{makeStyleResponsive as e,makeLineClamp as i,template as s,isLocalEnv as t,baseAssetURL as l}from"@gem-sdk/core";import{getSettingPreloadData as o}from"../../../helpers.js";import{getDefaultStyleCollectionDes as n,getStyleDefaultViewMore as p,getStaticCss as c}from"./common/styles.js";import{createClass as r,createStyle as a,createAttr as m,createStateOrContext as $,If as d,Liquid as g,LiquidUnless as v,LiquidIf as f}from"@gem-sdk/system";import{getClassContainerCollectionDes as y,getClassButtonViewMore as u,getDescriptionClasses as w,getShowMoreIconClasses as C,getShowMoreTextClasses as b,getClassPreBuilt as j}from"./common/classes.js";import{getViewLessText as S,getViewMoreText as h,ICON_SVG as x}from"./common/helpers.js";let CollectionDescription=({setting:M,advanced:k,builderProps:E,pageContext:I})=>{let L=r(y({setting:M})),P=r(u({setting:M})),V=r(w({advanced:k})),A=r(C()),T=r(b()),q=r(j()),D=a({...n({setting:M}),...e("line-clamp",i(M?.lineClamp,M?.hasLineClamp))}),G=a({...p(M)}),N=S({setting:M,builderProps:E,pageContext:I,type:"liquid"}),O=h({setting:M,builderProps:E,pageContext:I,type:"liquid"}),_=m({"data-id":`${E?.uid}`,"view-more-text":`${I?.isPreviewing?O:`{{${O}}}`}`,"view-less-text":`${I?.isPreviewing?N:`{{${N}}}`}`}),J=m({"data-gp-text":""}),{gpDescriptionCss:R,textDescriptionCss:z}=c(),B=$({setting:{lineClamp:M?.lineClamp,hasLineClamp:M?.hasLineClamp,viewMoreText:O,viewLessText:N,enableViewMoreIcon:M?.enableViewMoreIcon},textStyle:D}),F=()=>{let e=t?"{{ 'gp-collection-description-v7-5.js' | asset_url }}":`${l}/assets-v2/gp-collection-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${o('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return d(!1,"",g(s`
     <gp-collection-description
       ${_}
       class="${V}"
-      gp-data='${JSON.stringify(B).replaceAll("'","&#039;")}'
     >
-      <style>${z}</style>
-      <style>${R}</style>
+      <script gp-data type="application/json">${JSON.stringify(B).replaceAll("'","&#039;")}</script>
+      <style>${z}${R}</style>
       <div class="${q}" ></div>
       ${v("collection","<p>Collection not found</p>",s`<div ${J} class="${L}" style="${D}">
           {{collection.description}}
         </div>
-        ${y("collection.description != blank",s`<button type="button" class="${P}" style="${G}">
+        ${f("collection.description != blank",s`<button type="button" class="${P}" style="${G}">
           <span class="${T}">
             ${d(I?.isPreviewing,O?.toString()||"",`{{${O}}}`)}
           </span>

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

@@ -1,8 +1,9 @@
-import{composeTypographyStyle as o,getGlobalColorClass as s,getGlobalColorCSSProp as t,makeStyleResponsive as e,template as l,RenderIf as r,isLocalEnv as i,baseAssetURL as a}from"@gem-sdk/core";import{getSettingPreloadData as c}from"../../../helpers.js";import{renderPaginatorItem as p}from"./common/helpers.js";import{customClass as m,getPaginatorWrapperClass as d,getPaginatorClass as n}from"./common/classes.js";import{createStyle as g,createClass as f,createStateOrContext as v}from"@gem-sdk/system";let CollectionPaginator=({setting:S,builderProps:$,pageContext:u})=>{let{typographyPaginator:y,activeColor:C,align:j,typo:k,normalColor:E}=S??{},h=g({...o(k,y)}),x=g({normalColorClass:s("text",E),activeColorClass:s("text",C),normalColorStyle:t(E)??"",activeColorStyle:t(C)??""}),A=f({...m("",void 0,S)}),P={...x,customStyle:h,addedClass:A},G=p({setting:S,builderProps:$,pageContext:u},"liquid"),N=f({...d()}),O=f({...n()}),_=g({...e("ta",j),...P.customStyle}),q=v({setting:S,styleSetting:P,uid:$?.uid});return l`
-    <gp-collection-paginator gp-data='${JSON.stringify(q).replaceAll("'","&#039;")}' id="${$?.uid}" >
+import{composeTypographyStyle as o,getGlobalColorClass as t,getGlobalColorCSSProp as s,makeStyleResponsive as e,template as l,RenderIf as i,isLocalEnv as r,baseAssetURL as a}from"@gem-sdk/core";import{getSettingPreloadData as c}from"../../../helpers.js";import{renderPaginatorItem as p}from"./common/helpers.js";import{customClass as m,getPaginatorWrapperClass as n,getPaginatorClass as d}from"./common/classes.js";import{createStyle as g,createClass as f,createStateOrContext as v}from"@gem-sdk/system";let CollectionPaginator=({setting:y,builderProps:S,pageContext:$})=>{let{typographyPaginator:u,activeColor:C,align:j,typo:k,normalColor:E}=y??{},h=g({...o(k,u)}),x=g({normalColorClass:t("text",E),activeColorClass:t("text",C),normalColorStyle:s(E)??"",activeColorStyle:s(C)??""}),A=f({...m("",void 0,y)}),P={...x,customStyle:h,addedClass:A},G=p({setting:y,builderProps:S,pageContext:$},"liquid"),N=f({...n()}),O=f({...d()}),_=g({...e("ta",j),...P.customStyle}),q=v({setting:y,styleSetting:P,uid:S?.uid});return l`
+    <gp-collection-paginator id="${S?.uid}">
+    <script gp-data type="application/json">${JSON.stringify(q).replaceAll("'","&#039;")}</script>
       <div class="${O}" style="${_}">
         <div class="${N}">${G}</div>
       </div>
     </gp-collection-paginator>
-    ${r(i,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-collection-paginator-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${a}/assets-v2/gp-collection-paginator-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    ${i(r,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-collection-paginator-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${a}/assets-v2/gp-collection-paginator-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{CollectionPaginator as default};

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

@@ -1,10 +1,10 @@
-import{template as o,RenderIf as s,isLocalEnv as t,baseAssetURL as e}from"@gem-sdk/core";import{getSettingPreloadData as l}from"../../../helpers.js";import{createClass as i,createStyle as n,createStateOrContext as r,LiquidIf as c}from"@gem-sdk/system";import{getClassContainer as a,getClassToolbarWrapper as p,getClassToolbarSortWrapper as d,getClassSelect as m,getClassToolbarWrapperQuantity as u}from"./common/classes.js";import{getStyleCollectionToolbar as f,getStyleToolbarWrapper as $,getStyleSelect as y,getStyleToolbarWrapperQuantity as g}from"./common/styles.js";import{getSortingTextDisplayVal as v,getQuantityTextDisplayVal as b}from"./common/helpers.js";let CollectionToolbar=({setting:_,builderProps:S,pageContext:j})=>{let{displayQuantity:k}=_??{},q=i({...a()}),T=i({...p()}),C=i({...d()}),E=i({...m(_)}),h=i({...u(_)}),x=i({"gp-flex-1":!0}),A=n({...f(_)}),G=n({...$(_)}),N=n({...y(_)}),O=n({...g(_)}),I=v({setting:_,builderProps:S,pageContext:j},"liquid"),J=b({setting:_,builderProps:S,pageContext:j},"liquid"),M=r({uid:S?.uid});return o`
+import{template as o,RenderIf as s,isLocalEnv as t,baseAssetURL as e}from"@gem-sdk/core";import{getSettingPreloadData as i}from"../../../helpers.js";import{createClass as l,createStyle as n,createStateOrContext as r,LiquidIf as c}from"@gem-sdk/system";import{getClassContainer as p,getClassToolbarWrapper as a,getClassToolbarSortWrapper as d,getClassSelect as m,getClassToolbarWrapperQuantity as u}from"./common/classes.js";import{getStyleCollectionToolbar as f,getStyleToolbarWrapper as y,getStyleSelect as $,getStyleToolbarWrapperQuantity as g}from"./common/styles.js";import{getSortingTextDisplayVal as v,getQuantityTextDisplayVal as b}from"./common/helpers.js";let CollectionToolbar=({setting:_,builderProps:j,pageContext:S})=>{let{displayQuantity:k}=_??{},q=l({...p()}),T=l({...a()}),C=l({...d()}),E=l({...m(_)}),h=l({...u(_)}),x=l({"gp-flex-1":!0}),A=n({...f(_)}),G=n({...y(_)}),N=n({...$(_)}),O=n({...g(_)}),I=v({setting:_,builderProps:j,pageContext:S},"liquid"),J=b({setting:_,builderProps:j,pageContext:S},"liquid"),M=r({uid:j?.uid});return o`
     <gp-collection-toolbar
       class="${q}"
       style="${A}"
-      id="${S?.uid}"
-      gp-data='${JSON.stringify(M)}'
+      id="${j?.uid}"
     >
+      <script gp-data type="application/json">${JSON.stringify(M)}</script>
       <div class="${T}" style="${G}" >
         <div class="${C}">
           <select id="sorting" class="${E}" style="${N}" >
@@ -38,5 +38,5 @@ import{template as o,RenderIf as s,isLocalEnv as t,baseAssetURL as e}from"@gem-s
         <div class="${x}">&nbsp;</div>
       </div>
     </gp-collection-toolbar>
-    ${s(t,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-collection-toolbar-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${e}/assets-v2/gp-collection-toolbar-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    ${s(t,`<script ${i('class="gps-link" delay',"src")}="{{ 'gp-collection-toolbar-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${i('class="gps-link" delay',"src")}="${e}/assets-v2/gp-collection-toolbar-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{CollectionToolbar as default};

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

@@ -1,35 +1,35 @@
-import{template as s,dataStringify as i,RenderIf as t,isLocalEnv as e,baseAssetURL as l}from"@gem-sdk/core";import{getSettingPreloadData as o}from"../../helpers.js";import r from"../../text/components/Text.liquid.js";import{createClass as a,createStyle as d,createAttr as p,If as n}from"@gem-sdk/system";import{getClassWraplistIcon as c,getClassColListIcon as m,getClassWrapItemIcon as $,getClassWrapIcon as u,getClassIcon as g,getClassTextItem as v}from"../common/classes.js";import{getStyleContainerIconlistMain as y,getStyleWraplistIcon as f,getStyleColListIcon as j,getStyleWrapIcon as h,getStyleWrapItemIcon as q,getStyleIcon as x,getStyleTypoText as S}from"../common/styles.js";import{getvalueMap as k,getTextIconTranslations as E,getTextIconNotFound as V}from"../common/helpers.js";let IconListV2=A=>{let{builderProps:I,builderAttrs:L,style:N,setting:T,styles:_,pageContext:w}=A,C=I?.builderData?.advanced,G=a({[I?.uid??""]:!0}),O=a(c()),W=a(m()),b=a($({builderProps:I})),D=a(u()),F=a(g()),M=a(v({setting:T})),P=d(y({styles:_,style:N,type:"liquid",advanced:C})),R=d(f({styles:_,uid:I?.uid??"",pageContext:w,type:"Liquid"})),z=d(j({styles:_,setting:T})),B=d(h({styles:_,setting:T})),H=d(q({styles:_})),J=d(x({styles:_,setting:T})),K=S({setting:T}),Q=p({...L}),U=V("liquid"),X=k({setting:T});return s`
+import{template as s,dataStringify as i,RenderIf as t,isLocalEnv as e,baseAssetURL as o}from"@gem-sdk/core";import{getSettingPreloadData as l}from"../../helpers.js";import r from"../../text/components/Text.liquid.js";import{createClass as p,createStyle as a,createAttr as d,If as n}from"@gem-sdk/system";import{getClassWraplistIcon as c,getClassColListIcon as m,getClassWrapItemIcon as $,getClassWrapIcon as u,getClassIcon as g,getClassTextItem as y}from"../common/classes.js";import{getStyleContainerIconlistMain as v,getStyleWraplistIcon as f,getStyleColListIcon as j,getStyleWrapIcon as h,getStyleWrapItemIcon as S,getStyleIcon as q,getStyleTypoText as x}from"../common/styles.js";import{getvalueMap as k,getTextIconTranslations as E,getTextIconNotFound as N}from"../common/helpers.js";let IconListV2=V=>{let{builderProps:A,builderAttrs:I,style:L,setting:O,styles:T,pageContext:_}=V,w=A?.builderData?.advanced,C=p({[A?.uid??""]:!0}),G=p(c()),W=p(m()),b=p($({builderProps:A})),D=p(u()),F=p(g()),J=p(y({setting:O})),M=a(v({styles:T,style:L,type:"liquid",advanced:w})),P=a(f({styles:T,uid:A?.uid??"",pageContext:_,type:"Liquid"})),R=a(j({styles:T,setting:O})),z=a(h({styles:T,setting:O})),B=a(S({styles:T})),H=a(q({styles:T,setting:O})),K=x({setting:O}),Q=d({...I}),U=N("liquid"),X=k({setting:O});return s`
     {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
     <gp-icon-list
       ${{...Q}}
-      ${{...I}}
-      data-id="${I?.uid}"
-      style="${P}"
-      className="${G}"
-      gp-data='${i({position:_?.position,iconWidth:T?.iconWidth}).replaceAll("'","&#039;")}'
+      ${{...A}}
+      data-id="${A?.uid}"
+      style="${M}"
+      className="${C}"
     >
+      <script gp-data type="application/json">${JSON.stringify(i({position:T?.position,iconWidth:O?.iconWidth}).replaceAll("'","&#039;"))}</script>
       ${n(!X||!X.length,s`<div>${U}</div>`,s`
-          <div class="${O}" style="${R}">
-            <div class="${W}" style="${z}">
-              ${X?.map((i,t)=>{let e=E({setting:T,builderProps:I,pageContext:w,key:t,type:"liquid"});return s`
+          <div class="${G}" style="${P}">
+            <div class="${W}" style="${R}">
+              ${X?.map((i,t)=>{let e=E({setting:O,builderProps:A,pageContext:_,key:t,type:"liquid"});return s`
                     <div
                       key="${t}"
                       data-index="${t}"
                       class="${b}"
-                      style="${H}"
+                      style="${B}"
                     >
-                      <div class="${D}" style="${B}">
+                      <div class="${D}" style="${z}">
                         <span
                           class="${F}"
-                          style="${J}"
+                          style="${H}"
                         >
                           ${i}
                         </span>
                       </div>
-                      ${r({setting:{text:e?.toString(),htmlTag:"div",options:{customClass:{wrapper:"gp-w-full"}},isForceValue:!0},styles:K,className:M})}
+                      ${r({setting:{text:e?.toString(),htmlTag:"div",options:{customClass:{wrapper:"gp-w-full"}},isForceValue:!0},styles:K,className:J})}
                     </div>`}).join(" ")}
             </div>
           </div>`)}
     </gp-icon-list>
-    ${t(e,`<script ${o('class="gps-link" delay',"src")}="{{ 'gp-icon-list-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${o('class="gps-link" delay',"src")}="${l}/assets-v2/gp-icon-list-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    ${t(e,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-icon-list-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${o}/assets-v2/gp-icon-list-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{IconListV2 as default};

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

@@ -1,12 +1,12 @@
-import{template as t,isLocalEnv as e,baseAssetURL as i}from"@gem-sdk/core";import{createStyle as s,createClass as a,createAttr as r,createStateOrContext as l,If as o}from"@gem-sdk/system";import{getSettingPreloadData as m}from"../../helpers.js";import d from"../../image/components/NextImage.liquid.js";import{getOuterWrapperStyles as p,getWrapperWidth as g,getContainerStyles as c,getLazyPlaceholderStyle as n,getImageStyles as y,getLabelStyles as h,getArrowStyles as f,getLineStyles as $,getHandleStyles as b,getHandleCustomStyles as L,getSliderStyles as S}from"../common/styles.js";import{getOuterWrapperClasses as j,getLabelClasses as I,getLabelContainerClasses as u}from"../common/classes.js";import{getImageLiquidAttrs as v,getImagePlaceholderAttrs as w,getLabelAttrs as C,getLabelLiquidAttrs as A}from"../common/attrs.js";import{getData as q}from"../common/helpers.js";import N from"./Label.liquid.js";import k from"./SlideHandle.liquid.js";let CompareImage=z=>{let{leftImage:D,rightImage:E,advanced:O,translate:x,builderData:F,pageContext:G,preload:H=!1,onSliderPositionChange:W}=z,{hover:_,styles:J,handle:M,handleSize:P,leftImageAlt:R,leftImageTitle:T,leftImageCss:V,leftImageLabel:B,rightImageAlt:K,rightImageTitle:Q,rightImageCss:U,rightImageLabel:X,sliderLineWidth:Y,sliderLineColor:Z,sliderPositionPercentage:tt,vertical:te,componentUid:ti,tempImage:ts,aspectRatio:ta,defaultRatio:tr,isHorizontal:tl,hasLeftLabel:to,hasRightLabel:tm,qualityType:td,qualityPercent:tp,getLeftImageSrc:tg,getRightImageSrc:tc}=q(z),tn=tg({isLiquid:!0}),ty=tc({isLiquid:!0}),th=s({...p(J)}),tf=s({...g({width:J?.width,leftImageWidth:D?.width,rightImageWidth:E?.width})}),t$=s({...c({aspectRatio:ta,builderData:F})}),tb=s({...n(ta)}),tL=s({...y({type:"right",props:z})}),tS=s({...y({type:"left",props:z})}),tj=s({...h({styles:J,type:"left",isHorizontal:tl})}),tI=s({...h({styles:J,type:"right",isHorizontal:tl})}),tu=s({...f({type:"left"})}),tv=s({...f({type:"right"})}),tw=s({...$({isHorizontal:tl,sliderLineColor:Z,sliderLineWidth:Y})}),tC=s({...b({handleSize:P,isHorizontal:tl,sliderLineColor:Z,sliderLineWidth:Y})}),tA=s({...L()}),tq=s({...S({hover:_,handleSize:P,isHorizontal:tl})}),tN=a({...j(O?.cssClass)}),tk=a({...I(J)}),tz=a({...u()}),tD=C({componentUid:ti,positionId:"left",label:B??""}),tE=C({componentUid:ti,positionId:"right",label:X??""}),tO=r({...v({priority:H,src:ty,title:Q,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`right-image-${ti}`})}),tx=r({...v({priority:H,src:tn,title:T,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`left-image-${ti}`})}),tF=A({translate:x,pageContext:G,translateLabel:"leftImageLabel"}),tG=A({translate:x,pageContext:G,translateLabel:"rightImageLabel"}),tH=r({...w({width:ts?.width,height:ts?.height})}),tW=l({hover:_,handle:M,vertical:te,leftImage:D,rightImage:E,handleSize:P,aspectRatio:ta,defaultRatio:tr,componentUid:ti,leftImageCss:V,rightImageCss:U,sliderLineColor:Z,sliderLineWidth:Y,sliderPositionPercentage:tt,onSliderPositionChange:W}),t_=()=>t`
+import{template as t,isLocalEnv as e,baseAssetURL as i}from"@gem-sdk/core";import{createStyle as s,createClass as a,createAttr as r,createStateOrContext as l,If as o}from"@gem-sdk/system";import{getSettingPreloadData as m}from"../../helpers.js";import d from"../../image/components/NextImage.liquid.js";import{getOuterWrapperStyles as p,getWrapperWidth as c,getContainerStyles as n,getLazyPlaceholderStyle as g,getImageStyles as y,getLabelStyles as h,getArrowStyles as f,getLineStyles as $,getHandleStyles as b,getHandleCustomStyles as j,getSliderStyles as L}from"../common/styles.js";import{getOuterWrapperClasses as S,getLabelClasses as I,getLabelContainerClasses as u}from"../common/classes.js";import{getImageLiquidAttrs as v,getImagePlaceholderAttrs as w,getLabelAttrs as C,getLabelLiquidAttrs as A}from"../common/attrs.js";import{getData as q}from"../common/helpers.js";import N from"./Label.liquid.js";import k from"./SlideHandle.liquid.js";let CompareImage=z=>{let{leftImage:D,rightImage:E,advanced:O,translate:x,builderData:F,pageContext:G,preload:H=!1,onSliderPositionChange:W}=z,{hover:_,styles:J,handle:M,handleSize:P,leftImageAlt:R,leftImageTitle:T,leftImageCss:V,leftImageLabel:B,rightImageAlt:K,rightImageTitle:Q,rightImageCss:U,rightImageLabel:X,sliderLineWidth:Y,sliderLineColor:Z,sliderPositionPercentage:tt,vertical:te,componentUid:ti,tempImage:ts,aspectRatio:ta,defaultRatio:tr,isHorizontal:tl,hasLeftLabel:to,hasRightLabel:tm,qualityType:td,qualityPercent:tp,getLeftImageSrc:tc,getRightImageSrc:tn}=q(z),tg=tc({isLiquid:!0}),ty=tn({isLiquid:!0}),th=s({...p(J)}),tf=s({...c({width:J?.width,leftImageWidth:D?.width,rightImageWidth:E?.width})}),t$=s({...n({aspectRatio:ta,builderData:F})}),tb=s({...g(ta)}),tj=s({...y({type:"right",props:z})}),tL=s({...y({type:"left",props:z})}),tS=s({...h({styles:J,type:"left",isHorizontal:tl})}),tI=s({...h({styles:J,type:"right",isHorizontal:tl})}),tu=s({...f({type:"left"})}),tv=s({...f({type:"right"})}),tw=s({...$({isHorizontal:tl,sliderLineColor:Z,sliderLineWidth:Y})}),tC=s({...b({handleSize:P,isHorizontal:tl,sliderLineColor:Z,sliderLineWidth:Y})}),tA=s({...j()}),tq=s({...L({hover:_,handleSize:P,isHorizontal:tl})}),tN=a({...S(O?.cssClass)}),tk=a({...I(J)}),tz=a({...u()}),tD=C({componentUid:ti,positionId:"left",label:B??""}),tE=C({componentUid:ti,positionId:"right",label:X??""}),tO=r({...v({priority:H,src:ty,title:Q,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`right-image-${ti}`})}),tx=r({...v({priority:H,src:tg,title:T,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`left-image-${ti}`})}),tF=A({translate:x,pageContext:G,translateLabel:"leftImageLabel"}),tG=A({translate:x,pageContext:G,translateLabel:"rightImageLabel"}),tH=r({...w({width:ts?.width,height:ts?.height})}),tW=l({hover:_,handle:M,vertical:te,leftImage:D,rightImage:E,handleSize:P,aspectRatio:ta,defaultRatio:tr,componentUid:ti,leftImageCss:V,rightImageCss:U,sliderLineColor:Z,sliderLineWidth:Y,sliderPositionPercentage:tt,onSliderPositionChange:W}),t_=()=>t`
       <img alt="" ${tH} style="${tb}" />
-    `,tJ=()=>d({...tO,alt:K,style:tL,setting:{qualityType:td,qualityPercent:tp},enableLazyLoadImage:!H,isNotLazyload:H,customAttrs:{"data-testid":"right-image"}}),tM=()=>d({...tx,alt:R,style:tS,setting:{qualityType:td,qualityPercent:tp},enableLazyLoadImage:!H,isNotLazyload:H,customAttrs:{"data-testid":"left-image"}}),tP=()=>k({componentUid:ti,customHandle:M,lineStyles:tw,sliderStyles:tq,handleStyles:tC,customHandleStyles:tA,leftArrowStyles:tu,rightArrowStyles:tv}),tR=()=>N({...tD,...tF,styles:J,childrenClass:tk,childrenStyle:tj,containerClass:tz,containerStyle:{}}),tT=()=>N({...tE,...tG,styles:J,childrenClass:tk,childrenStyle:tI,containerClass:tz,containerStyle:{}}),tV=()=>`${o(e,`<script ${m('class="gps-link" delay',"src")}="{{ 'gp-image-comparison-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${m('class="gps-link" delay',"src")}="${i}/assets-v2/gp-image-comparison-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`;return t`
+    `,tJ=()=>d({...tO,alt:K,style:tj,setting:{qualityType:td,qualityPercent:tp},enableLazyLoadImage:!H,isNotLazyload:H,customAttrs:{"data-testid":"right-image"}}),tM=()=>d({...tx,alt:R,style:tL,setting:{qualityType:td,qualityPercent:tp},enableLazyLoadImage:!H,isNotLazyload:H,customAttrs:{"data-testid":"left-image"}}),tP=()=>k({componentUid:ti,customHandle:M,lineStyles:tw,sliderStyles:tq,handleStyles:tC,customHandleStyles:tA,leftArrowStyles:tu,rightArrowStyles:tv}),tR=()=>N({...tD,...tF,styles:J,childrenClass:tk,childrenStyle:tS,containerClass:tz,containerStyle:{}}),tT=()=>N({...tE,...tG,styles:J,childrenClass:tk,childrenStyle:tI,containerClass:tz,containerStyle:{}}),tV=()=>`${o(e,`<script ${m('class="gps-link" delay',"src")}="{{ 'gp-image-comparison-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${m('class="gps-link" delay',"src")}="${i}/assets-v2/gp-image-comparison-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`;return t`
     <gp-image-comparison
       data-id="${ti}"
       style="${th}"
       class="${tN}"
-      gp-data='${JSON.stringify(tW)}'
     >
+      <script gp-data type="application/json">${JSON.stringify(tW)}</script>
       <div id="img-comparison-wrapper-${ti}" style="${tf}">
         <div
           id="img-comparison-container-${ti}"

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

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

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

@@ -1,7 +1,6 @@
-import{template as e,RenderIf as s,isLocalEnv as i,baseAssetURL as l}from"@gem-sdk/core";import{getSettingPreloadData as r}from"../../../helpers.js";import{createClass as d,createStyle as t,createAttr as o,createStateOrContext as a,If as c}from"@gem-sdk/system";import{createLayoutClasses as v,createTypoClasses as f,createPreviewClasses as m,createPreviewItemClasses as p,createPreviewRemoveClasses as $,createMessageClasses as n,createContentWidthClasses as u,createInputClasses as g,composeClasses as y,createWrapContainerClasses as b,createIconContentClasses as j}from"./common/classes.js";import{createLayoutStyles as E,createTypoStyles as H,createMessageStyles as F,createContainerStyles as S,createWrapContentWidthStyles as h,createContentWithStyles as k,createIconContainerStyles as q,createIconContentStyles as w}from"./common/style.js";import{getInputAttr as O}from"./common/attr.js";import{removeHoverStyles as x,getDisplayText as R}from"./common/helpers.js";let FileUpload=({setting:I,styles:P,builderProps:U,pageContext:C})=>{let J=d(v(I,U?.uid)),L=t({...x(E(I,P),P?.enableHoverEffect)}),N=d(f(P)),V=t({...x(H(P),P?.enableHoverEffect)}),_=d(m()),z=d(p()),A=d($()),B=d(n()),D=t(F()),G=d(u()),K=d(g()),M=d(y("gp-flex gp-items-center")),Q=o({...O(I?.isRequired,I?.numberOfFiles)}),T=t({...x(S(P?.align,P?.textColor),P?.enableHoverEffect)}),W=t({...x(h(I),P?.enableHoverEffect)}),X=d(b(U?.uid)),Y=t({...x(k(I,P),P?.enableHoverEffect)}),Z=t({...x(q(I),P?.enableHoverEffect)}),ee=d(j()),es=t({...x(w(I,P),P?.enableHoverEffect)}),ei=R("Liquid",{uid:U?.uid,setting:I,styles:P,pageContext:C}),el=a({settings:{isShowPreviewImage:I?.isShowPreviewImage,numberOfFiles:I?.numberOfFiles,isRequired:I?.isRequired}});return e`
-  <gp-file-upload
-    gp-data='${JSON.stringify(el)}'
-  >
+import{template as e,RenderIf as s,isLocalEnv as i,baseAssetURL as l}from"@gem-sdk/core";import{getSettingPreloadData as r}from"../../../helpers.js";import{createClass as t,createStyle as d,createAttr as o,createStateOrContext as a,If as c}from"@gem-sdk/system";import{createLayoutClasses as v,createTypoClasses as f,createPreviewClasses as p,createPreviewItemClasses as m,createPreviewRemoveClasses as $,createMessageClasses as n,createContentWidthClasses as u,createInputClasses as g,composeClasses as y,createWrapContainerClasses as b,createIconContentClasses as j}from"./common/classes.js";import{createLayoutStyles as E,createTypoStyles as H,createMessageStyles as F,createContainerStyles as S,createWrapContentWidthStyles as h,createContentWithStyles as k,createIconContainerStyles as q,createIconContentStyles as w}from"./common/style.js";import{getInputAttr as O}from"./common/attr.js";import{removeHoverStyles as x,getDisplayText as R}from"./common/helpers.js";let FileUpload=({setting:I,styles:P,builderProps:U,pageContext:C})=>{let J=t(v(I,U?.uid)),L=d({...x(E(I,P),P?.enableHoverEffect)}),N=t(f(P)),V=d({...x(H(P),P?.enableHoverEffect)}),_=t(p()),z=t(m()),A=t($()),B=t(n()),D=d(F()),G=t(u()),K=t(g()),M=t(y("gp-flex gp-items-center")),Q=o({...O(I?.isRequired,I?.numberOfFiles)}),T=d({...x(S(P?.align,P?.textColor),P?.enableHoverEffect)}),W=d({...x(h(I),P?.enableHoverEffect)}),X=t(b(U?.uid)),Y=d({...x(k(I,P),P?.enableHoverEffect)}),Z=d({...x(q(I),P?.enableHoverEffect)}),ee=t(j()),es=d({...x(w(I,P),P?.enableHoverEffect)}),ei=R("Liquid",{uid:U?.uid,setting:I,styles:P,pageContext:C}),el=a({settings:{isShowPreviewImage:I?.isShowPreviewImage,numberOfFiles:I?.numberOfFiles,isRequired:I?.isRequired}});return e`
+  <gp-file-upload>
+  <script gp-data type="application/json">${JSON.stringify(el)}</script>
   <div class="${X}" style="${T}">
     <input ${Q} class="${K}">
     <div class="${M}" style="${W}">

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

@@ -1,14 +1,14 @@
-import{template as e,dataStringify as t,sanitizeLiquid as s,RenderIf as i,isLocalEnv as r,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as c,getSettingPreloadData as o}from"../../../helpers.js";import{generateBadgeContent as d}from"./utils/generateLiquidContent.js";import{renderBadgeInFirstTime as n}from"./utils/renderBadgeLiquid.js";import{createClass as p,createStyle as l,createAttr as u,createStateOrContext as m}from"@gem-sdk/system";import{IS_LIQUID as g}from"./constants.js";import{getContainerStyle as y,getSubWrapperStyle as $,getContentStyleInternal as v,getTextBadgeWrapperStyles as f,getTextContentStyle as j,getImageContainerStyles as P}from"./common/styles.js";import{getContainerClasses as D,getWrapperClasses as V,getSubWrapperClass as S,getTextContainerClasses as b,getTextWrapperClasses as I,getTextContentClasses as T,getImageContainerClasses as k,getImageClasses as q}from"./common/classes.js";import{getSubWrapperAttrs as A,getContainerAttrs as B,getTextContentAttrs as C,getImageAttr as E}from"./common/attrs.js";import{ProductBadge as K}from"../../settings/product-badge/configs/translate.js";let ProductBadge=_=>{let{styles:h,setting:L,builderProps:N,pageContext:O}=_,Q=L?.shape!=="image",w=Q&&L?.displayContent?.trim()==="",G=p({...D({isInstant:!1,props:_})}),J=l({...y(_,g)}),x=p({...V(_)}),M=p({...S(_)}),R=l({...$({props:_})}),Y=u({...A(_)}),z=v(_),F=p({...b()}),H=u({...B(_)}),U=p({...I()}),W=l({...f({setting:L,styles:h})}),X=p({...T(h)}),Z=l({...j({setting:L,styles:h})}),ee=u({...C()}),et=p({...k()}),es=l({...P({setting:L,styles:h})}),ei=p({...q()}),er=u({...E({setting:L})}),ea=m({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(L?.displayTrigger).replaceAll("'","'")),uid:_.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:Q}),{displayContent:ec}=L??{},eo=c({val:ec?.trim(),uid:N?.uid,settingId:K?.displayContent?.id,isLiquid:!0,pageContext:O});return e`
+import{template as e,sanitizeLiquid as t,dataStringify as s,RenderIf as i,isLocalEnv as r,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as c,getSettingPreloadData as o}from"../../../helpers.js";import{generateBadgeContent as p}from"./utils/generateLiquidContent.js";import{renderBadgeInFirstTime as n}from"./utils/renderBadgeLiquid.js";import{createClass as d,createStyle as l,createAttr as u,createStateOrContext as m}from"@gem-sdk/system";import{IS_LIQUID as g}from"./constants.js";import{getContainerStyle as y,getSubWrapperStyle as $,getContentStyleInternal as v,getTextBadgeWrapperStyles as f,getTextContentStyle as j,getImageContainerStyles as P}from"./common/styles.js";import{getContainerClasses as D,getWrapperClasses as V,getSubWrapperClass as S,getTextContainerClasses as b,getTextWrapperClasses as I,getTextContentClasses as T,getImageContainerClasses as k,getImageClasses as q}from"./common/classes.js";import{getSubWrapperAttrs as A,getContainerAttrs as B,getTextContentAttrs as C,getImageAttr as E}from"./common/attrs.js";import{ProductBadge as K}from"../../settings/product-badge/configs/translate.js";let ProductBadge=_=>{let{styles:h,setting:L,builderProps:N,pageContext:O}=_,Q=L?.shape!=="image",w=Q&&L?.displayContent?.trim()==="",G=d({...D({isInstant:!1,props:_})}),J=l({...y(_,g)}),x=d({...V(_)}),M=d({...S(_)}),R=l({...$({props:_})}),Y=u({...A(_)}),z=v(_),F=d({...b()}),H=u({...B(_)}),U=d({...I()}),W=l({...f({setting:L,styles:h})}),X=d({...T(h)}),Z=l({...j({setting:L,styles:h})}),ee=u({...C()}),et=d({...k()}),es=l({...P({setting:L,styles:h})}),ei=d({...q()}),er=u({...E({setting:L})}),ea=m({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(L?.displayTrigger).replaceAll("'","'")),uid:_.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:Q}),{displayContent:ec}=L??{},eo=c({val:ec?.trim(),uid:N?.uid,settingId:K?.displayContent?.id,isLiquid:!0,pageContext:O});return e`
     {% if product %}
-      ${d(eo,O?.isPreviewing)}
+      ${p(eo,O?.isPreviewing)}
       ${n(L?.displayTrigger,!w)}
       <gp-product-badge
         ${{...H}}
-        gp-data='${t(ea)}'
         class="${G}"
         style="${J}"
-        data-display-content="${O?.isPreviewing?eo:s(`{{${eo}}}`)}"
+        data-display-content="${O?.isPreviewing?eo:t(`{{${eo}}}`)}"
       >
+        <script gp-data type="application/json">${s(ea)}</script>
         <div class="${x}">
           <div
             ${{...Y}}