@gem-sdk/components 17.0.0-dev.113 → 17.0.0-dev.115

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

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

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

@@ -80,8 +80,8 @@
         style="${q}"
         class="${p?.cssClass}"
         gp-context='{"productId": {{ product.id }}, "preSelectedOptionIds": [${S}], "isSyncProduct": "${u}", "hasPreSelected": ${g}, "variantSelected": {{ variant | json | escape }},  "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "inventoryQuantity": {{ variant.inventory_quantity | default: 0 }}, "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 }}}'
       >
+        <script gp-data type="application/json">{"variantSelected": {{ variant | json }}, "quantity": 1, "productUrl":{{ product.url | json }}, "productHandle":{{ product.handle | json }}, "collectionUrl": {{ collection.url | json }}, "collectionHandle": {{ collection.handle | json }}}</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 e=require("@gem-sdk/core"),t=require("../../helpers.js"),s=require("@gem-sdk/system"),a=require("../common/styles.js"),r=require("../common/classes.js");exports.default=({children:i,builderAttrs:d,setting:l,style:n,builderProps:o,advanced:c,pageContext:p})=>{let{width:g,position:m,display:u,preloadBgImage:y,background:$,isScrollToTop:k}=l??{},f=c?.d,S=s.createStyle({...e.makeStyleResponsive("w",g),...a.getContainerStyles({position:m,display:u})}),b=s.createStyle(a.getContentStyles({setting:l,style:n,uid:o?.uid,pageContext:p??{},type:"Liquid"})),v=s.createClass(r.getContainerClasses({uid:o?.uid,isScrollToTop:k,cssClass:c?.cssClass,isLiquid:!0})),C=s.createStateOrContext({uid:o?.uid,setting:{display:{desktop:u?.desktop,tablet:u?.tablet??u?.desktop,mobile:u?.mobile??u?.tablet??u?.desktop}},advanced:{d:f}}),R=`.drawer-page-content {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../helpers.js"),s=require("@gem-sdk/system"),a=require("../common/styles.js"),r=require("../common/classes.js");exports.default=({children:i,builderAttrs:l,setting:d,style:n,builderProps:o,advanced:p,pageContext:c})=>{let{width:g,position:m,display:y,preloadBgImage:u,background:$,isScrollToTop:k}=d??{},f=p?.d,S=s.createStyle({...e.makeStyleResponsive("w",g),...a.getContainerStyles({position:m,display:y})}),b=s.createStyle(a.getContentStyles({setting:d,style:n,uid:o?.uid,pageContext:c??{},type:"Liquid"})),v=s.createClass(r.getContainerClasses({uid:o?.uid,isScrollToTop:k,cssClass:p?.cssClass,isLiquid:!0})),C=s.createStateOrContext({uid:o?.uid,setting:{display:{desktop:y?.desktop,tablet:y?.tablet??y?.desktop,mobile:y?.mobile??y?.tablet??y?.desktop}},advanced:{d:f}}),R=`.drawer-page-content {
        transform: none !important;
       -webkit-transform: none !important;
   }`;return e.template`
-    ${e.RenderIf(!!y,`${e.RenderIf(!!$?.desktop?.image?.src,`<link rel="preload" href="${$?.desktop?.image?.src}" as="image" />`)}${e.RenderIf(!!$?.tablet?.image?.src,`<link rel="preload" href="${$?.tablet?.image?.src}" as="image" />`)}${e.RenderIf(!!$?.mobile?.image?.src,`<link rel="preload" href="${$?.mobile?.image?.src}" as="image" />`)}`)}
+    ${e.RenderIf(!!u,`${e.RenderIf(!!$?.desktop?.image?.src,`<link rel="preload" href="${$?.desktop?.image?.src}" as="image" />`)}${e.RenderIf(!!$?.tablet?.image?.src,`<link rel="preload" href="${$?.tablet?.image?.src}" as="image" />`)}${e.RenderIf(!!$?.mobile?.image?.src,`<link rel="preload" href="${$?.mobile?.image?.src}" as="image" />`)}`)}
     <gp-sticky
-    data-id="${o?.uid}"
-      gp-data='${JSON.stringify(C)}'
       id="${o?.uid}"
       data-id="${o?.uid}"
       class="${v} ${t.getSettingPreloadData("gps-lazy")}"
       style="${S}"
     >
+      <script gp-data type="application/json">${JSON.stringify(C)}</script>
       <style>${R}</style>
-      <div ${{...d}} style="${{...b}}">
+      <div ${{...l}} style="${{...b}}">
         ${i}
       </div>
     </gp-sticky>

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

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

package/dist/cjs/text/components/Text.liquid.js

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("@gem-sdk/system"),s=require("../common/attrs.js"),r=require("../common/styles.js"),l=require("../common/classes.js"),a=require("../common/helpers.js");exports.default=({id:i,styles:o,builderAttrs:c,style:n,setting:u,advanced:y,builderProps:g,className:d,isText:p,pageContext:m,translateSetting:$,elementAttrs:x})=>{let{htmlTag:q="div",excludeFlex:C}=u??{},v=t.createAttr({...i&&{id:i},...s.getAttr({uid:g?.uidInteraction??g?.uid??""}),...c}),j=t.createAttr({...s.getTextAttr(),...x}),S=t.createStyle({...r.getStyle(o,n)}),T=t.createStyle({...r.getContainerStyle(o,u)}),A=t.createStyle({...r.getTextStyle({styles:o,setting:u,builderProps:g,pageContext:m??{},type:"Liquid"})}),f=t.createClass({...l.getClasses({setting:u,advanced:y,builderProps:g})}),_=t.createClass({"gp-flex":!C}),h=t.createClass({...l.getTextClasses({styles:o,setting:u,className:d}),...p&&{"gp-text":!0}}),k=a.getDisplayText({type:"Liquid",styles:o,setting:u,builderProps:g,pageContext:m??{},translateSetting:$}),L=t.createContent(k);return e.template`
     {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
     <div ${{...v}}
-        class="${f}"
-        style="${S}"
-      >
+      class="${f}"
+      style="${S}"
+    >
       <div class="${_}" style="${T}">
         <${q}
           ${{...j}}

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

@@ -1,14 +1,15 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../helpers.js"),s=require("@gem-sdk/system"),a=require("../common/classes.js"),l=require("../common/styles.js"),r=require("../common/helpers.js"),i=require("../../image/components/NextImage.liquid.js");exports.default=m=>{let{title:o,id:c,lazy:d,aspectRatio:g,autoplay:p,muted:n,thumbnailLink:u,poster:y,translatedVideoUrl:f}=m,{iframeSrc:$}=r.getVimeoParams(m),b=!d,v=m.thumbnail,S=s.createStateOrContext({id:c,thumbnail:u,lazy:d,iframeSrc:$,title:o,autoplay:p,muted:n,style:m?.vimeoStyleIframe||"",translatedVideoUrl:f}),h=s.createStyle({...l.getIframeVimeoStyle(g)}),C=s.createStyle({...l.getArticleVimeoStyle(g,"")}),I=s.createClass({...a.getArticleVimeoClasses(v,g)}),V=s.createClass({...a.getImageVimeoClasses(b)}),j=s.createClass({...a.getButtonVimeoClasses(b)}),q=s.createClass({...a.getIframeVimeoClasses()});return e.template`
-    <gp-lite-vimeo-embed gp-data='${JSON.stringify(S)}'>
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../helpers.js"),s=require("@gem-sdk/system"),a=require("../common/classes.js"),l=require("../common/styles.js"),r=require("../common/helpers.js"),i=require("../../image/components/NextImage.liquid.js");exports.default=c=>{let{title:o,id:m,lazy:p,aspectRatio:d,autoplay:g,muted:n,thumbnailLink:u,poster:y,translatedVideoUrl:f}=c,{iframeSrc:$}=r.getVimeoParams(c),b=!p,v=c.thumbnail,S=s.createStateOrContext({id:m,thumbnail:u,lazy:p,iframeSrc:$,title:o,autoplay:g,muted:n,style:c?.vimeoStyleIframe||"",translatedVideoUrl:f}),h=s.createStyle({...l.getIframeVimeoStyle(d)}),C=s.createStyle({...l.getArticleVimeoStyle(d,"")}),I=s.createClass({...a.getArticleVimeoClasses(v,d)}),j=s.createClass({...a.getImageVimeoClasses(b)}),V=s.createClass({...a.getButtonVimeoClasses(b)}),q=s.createClass({...a.getIframeVimeoClasses()});return e.template`
+    <gp-lite-vimeo-embed>
+      <script gp-data type="application/json">${JSON.stringify(S)}</script>
       <article
         aria-hidden
         class="${I}"
         data-title="${o}"
         style="${C}"
       >
-      ${i.default({src:v,alt:y?.altText,title:y?.imageTitle,className:V,isDisableAspectStyle:!0,enableLazyLoadImage:!0,priority:y?.preload,height:y?.height,width:y?.width})}
+      ${i.default({src:v,alt:y?.altText,title:y?.imageTitle,className:j,isDisableAspectStyle:!0,enableLazyLoadImage:!0,priority:y?.preload,height:y?.height,width:y?.width})}
          ${s.If(!b,e.template`
-          <button type="button" class="${j}" aria-label="Play">
+          <button type="button" class="${V}" aria-label="Play">
           <svg class="gp-w-5 gp-text-white" viewBox="0 0 24 24">
             <path
               fill="currentColor"

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

@@ -1,9 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../image/components/NextImage.liquid.js"),a=require("../../helpers.js"),s=require("@gem-sdk/system"),l=require("../common/classes.js"),r=require("../common/styles.js"),i=require("../common/helpers.js");exports.default=o=>{let{style:u,iframeClass:c,wrapperClass:d,title:p,poster:m,translatedVideoUrl:g,autoplay:n}=o,y=`gp-video-${o.uid}`,{posterUrl:b,iframeSrc:f}=i.getYoutubeParams(o),$=!!o.thumbnail,C=m?.preload,S=s.createStateOrContext({lazy:o.lazy,hasThumbnail:$,style:u,title:p,iframeSrc:f,translatedVideoUrl:g,autoplay:n}),v=!o.lazy&&(!$||!!o.autoplay),h=s.createClass({...l.getButtonYoutubeClasses(v)}),j=s.createClass({...l.getImageYoutubeClasses()}),q=s.createClass({...l.getArticleYoutubeClasses(C||!1,d)}),I=s.createClass({...l.getIframeYoutubeClasses(c)}),Y=s.createStyle({...r.getIframeYoutubeStyle(u)}),x=s.createStyle({...r.getArticleYoutubeStyle(u,b)}),z=s.createClass({...l.getYoutubeContentClasses()});return e.template`
-    <gp-lite-youtube-embed gp-data='${JSON.stringify(S)}'>
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../image/components/NextImage.liquid.js"),a=require("../../helpers.js"),s=require("@gem-sdk/system"),l=require("../common/classes.js"),r=require("../common/styles.js"),i=require("../common/helpers.js");exports.default=o=>{let{style:u,iframeClass:c,wrapperClass:p,title:d,poster:m,translatedVideoUrl:n,autoplay:g}=o,y=`gp-video-${o.uid}`,{posterUrl:b,iframeSrc:f}=i.getYoutubeParams(o),$=!!o.thumbnail,C=m?.preload,S=s.createStateOrContext({lazy:o.lazy,hasThumbnail:$,style:u,title:d,iframeSrc:f,translatedVideoUrl:n,autoplay:g}),v=!o.lazy&&(!$||!!o.autoplay),h=s.createClass({...l.getButtonYoutubeClasses(v)}),j=s.createClass({...l.getImageYoutubeClasses()}),q=s.createClass({...l.getArticleYoutubeClasses(C||!1,p)}),I=s.createClass({...l.getIframeYoutubeClasses(c)}),Y=s.createStyle({...r.getIframeYoutubeStyle(u)}),x=s.createStyle({...r.getArticleYoutubeStyle(u,b)}),z=s.createClass({...l.getYoutubeContentClasses()});return e.template`
+    <gp-lite-youtube-embed>
+      <script gp-data type="application/json">${JSON.stringify(S)}</script>
       <article
         aria-hidden
         class="${q}"
-        data-title="${p}"
+        data-title="${d}"
         style="${x}"
       >
         ${t.default({id:y,src:b,alt:m?.altText,title:m?.imageTitle,priority:m?.preload,enableLazyLoadImage:!0,className:j,isDisableAspectStyle:!0,isNotLazyload:m?.preload})}
@@ -21,7 +22,7 @@
       id="player-wrapper-${o.uid}"
       class="${I}"
       style="${Y}"
-      title="${p}"
+      title="${d}"
       frameborder="0"
       allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
       allowfullscreen

package/dist/esm/accordion/components/Accordion.liquid.js

@@ -1,17 +1,16 @@
-import{makeStyleResponsive as s,template as t,WrapRenderChildren as e,RenderChildren as i,RenderIf as r,isLocalEnv as o,baseAssetURL as c}from"@gem-sdk/core";import{getDynamicSourceLocales as a,createSettingId as d,getSettingPreloadData as l}from"../../helpers.js";import{createStateOrContext as p,createClass as n,createStyle as m,createAttr as f}from"@gem-sdk/system";import{getDataState as g}from"../common/helpers.js";import{getContainerStyles as u}from"../common/styles.js";import{getContainerClasses as $,extendClasses as y}from"../common/classes.js";import{Accordion as v}from"../settings/configs/translate.js";let j=({rawChildren:j,setting:S,styles:h,builderProps:A,pageContext:k,advanced:x,style:C,builderAttrs:E})=>{let{align:I}=h??{},{childItem:P,activeKey:z}=S??{},{uidState:G,settingState:N,stylesState:O,accordions:T}=g({setting:S,styles:h,builderProps:A},j),_=p({uid:G,setting:N,styles:{...O}}),J=n($(x?.cssClass)),K=m({...u(C,h)}),M=f({...E,"data-id":A?.uid??""}),R=m({...s("jc",I)}),U=n({"gp-flex":!0}),V=n(y());return t`
-    <gp-accordion ${M} class="${J}" style="${K}"
-      gp-data='${JSON.stringify(_).replaceAll("'","&#039;")}'
-        >
-        <div class=" ${V}"></div>
-      ${e({uid:A?.uid??"",customProps:j?.[0].customProps},j?.map((s,e)=>{if(s){let r=a({val:P?.[e],uid:A?.uid,settingId:d({id:v?.childItem?.id,index:e}),pageContext:k??{},isCapitalize:S?.titleTypo?.attrs?.transform==="capitalize"});return t`
+import{makeStyleResponsive as s,template as t,WrapRenderChildren as i,RenderChildren as e,RenderIf as r,isLocalEnv as o,baseAssetURL as c}from"@gem-sdk/core";import{getDynamicSourceLocales as a,createSettingId as d,getSettingPreloadData as p}from"../../helpers.js";import{createStateOrContext as l,createClass as n,createStyle as m,createAttr as f}from"@gem-sdk/system";import{getDataState as g}from"../common/helpers.js";import{getContainerStyles as u}from"../common/styles.js";import{getContainerClasses as $,extendClasses as y}from"../common/classes.js";import{Accordion as v}from"../settings/configs/translate.js";let j=({rawChildren:j,setting:S,styles:h,builderProps:A,pageContext:k,advanced:x,style:C,builderAttrs:E})=>{let{align:I}=h??{},{childItem:P,activeKey:z}=S??{},{uidState:G,settingState:N,stylesState:O,accordions:T}=g({setting:S,styles:h,builderProps:A},j),_=l({uid:G,setting:N,styles:{...O}}),J=n($(x?.cssClass)),K=m({...u(C,h)}),M=f({...E,"data-id":A?.uid??""}),R=m({...s("jc",I)}),U=n({"gp-flex":!0}),V=n(y());return t`
+    <gp-accordion ${M} class="${J}" style="${K}">
+      <script gp-data type="application/json">${JSON.stringify(_).replaceAll("'","&#039;")}</script>
+      <div class=" ${V}"></div>
+      ${i({uid:A?.uid??"",customProps:j?.[0].customProps},j?.map((s,i)=>{if(s){let r=a({val:P?.[i],uid:A?.uid,settingId:d({id:v?.childItem?.id,index:i}),pageContext:k??{},isCapitalize:S?.titleTypo?.attrs?.transform==="capitalize"});return t`
           <div class="${U}" style="${R}">
-            ${i({...s,index:e,title:r,accordions:T,parentSetting:S,parentStyle:h,parentUid:A?.uid,childrenIcon:S?.childConfig?.[e],activeKey:z})}
+            ${e({...s,index:i,title:r,accordions:T,parentSetting:S,parentStyle:h,parentUid:A?.uid,childrenIcon:S?.childConfig?.[i],activeKey:z})}
           </div>
             `}}))}
     </gp-accordion>
     ${r(o,`
-    <script ${l('class="gps-link" delay',"src")}="{{ 'gp-accordion-v7-5.js' | asset_url }}"
+    <script ${p('class="gps-link" delay',"src")}="{{ 'gp-accordion-v7-5.js' | asset_url }}"
       defer="defer"></script>`,`
-    <script ${l('class="gps-link" delay',"src")}="${c}/assets-v2/gp-accordion-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>
+    <script ${p('class="gps-link" delay',"src")}="${c}/assets-v2/gp-accordion-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>
     `)}
   `};export{j as default};

package/dist/esm/button/components/Button.liquid.js

@@ -1,31 +1,31 @@
-import{dataStringify as s,isLocalEnv as t,baseAssetURL as e,template as i}from"@gem-sdk/core";import{createStyle as o,createClass as r,createAttr as a,createStateOrContext as l,Liquid as d,If as n}from"@gem-sdk/system";import{getButtonAttributes as m}from"../common/attrs.js";import{getButtonStyles as p,getTypoStyles as c,getButtonIconStyles as u,getButtonWrapperStyles as $}from"../common/styles.js";import{getButtonClasses as g,getButtonIconClasses as f,getButtonLabelClasses as b,getButtonWrapperClasses as L,getButtonContentWrapperClasses as y,getButtonContainerClasses as j}from"../common/classes.js";import{getSettingPreloadData as v}from"../../helpers.js";import q from"./ButtonIcon.liquid.js";import k from"./ButtonLabel.liquid.js";import S from"./ButtonLoadingIndicator.liquid.js";import{getData as h,getInsertLinkData as E}from"../common/helpers.js";let x=x=>{let{advanced:B,className:C,nodePrice:I,customAttrs:T,styles:A={},setting:G={},builderProps:H,wrapClassName:M="",translateSetting:_,isForceValue:N,pageContext:O}=x,{iconSvg:P,btnLink:R,htmlType:V,disabled:w,enableBtnLink:z,shouldClearSpace:D,disabledLoading:F=!0}=G,{enableTextStyle:J=!0}=A,{customCss:K,wrapStyle:Q,restStyle:U,dataState:W,dataIdAttr:X,isShowIcon:Y,isScrollToElement:Z,getArialLabel:ss,getLabelToDisplay:st,checkIsShowLabel:se,checkIsEditableLabel:si}=h(x),{HTMLTag:so,urlData:sr,shouldRenderLink:sa}=E({enableBtnLink:z,htmlType:V,setting:R,defaultTag:"button",isLiquid:!0}),sl=o({...p(A,G?.enableHoverEffect)}),sd=o({...c(A)}),sn=o({...c(A),...u(A,G)}),sm=o({...$(U,A)}),sp=r({...g({styles:A,className:C,shouldRenderLink:sa,uid:H?.uid,advanced:B})}),sc=r({...f(st({isLiquid:!0,translateSetting:_,isForceValue:N,pageContext:O??{}}),D,J)}),su=r({...b(A,si({isLiquid:!0}))}),s$=r({...L(M,C,B?.cssClass)}),sg=r({...y(G)}),sf=r({...j()}),sb=a({...m({disabled:w,dataState:W,dataId:X,arialLabel:ss({isLiquid:!0})})}),sL=l({btnLink:G?.btnLink});return d(i`
+import{isLocalEnv as s,baseAssetURL as t,template as i}from"@gem-sdk/core";import{createStyle as e,createClass as o,createAttr as r,createStateOrContext as l,Liquid as a,If as n}from"@gem-sdk/system";import{getButtonAttributes as p}from"../common/attrs.js";import{getButtonStyles as d,getTypoStyles as m,getButtonIconStyles as c,getButtonWrapperStyles as g}from"../common/styles.js";import{getButtonClasses as u,getButtonIconClasses as $,getButtonLabelClasses as f,getButtonWrapperClasses as y,getButtonContentWrapperClasses as b,getButtonContainerClasses as L}from"../common/classes.js";import{getSettingPreloadData as j}from"../../helpers.js";import v from"./ButtonIcon.liquid.js";import q from"./ButtonLabel.liquid.js";import S from"./ButtonLoadingIndicator.liquid.js";import{getData as k,getInsertLinkData as h}from"../common/helpers.js";let E=E=>{let{advanced:x,className:B,nodePrice:C,customAttrs:I,styles:T={},setting:A={},builderProps:G,wrapClassName:H="",translateSetting:M,isForceValue:N,pageContext:O}=E,{iconSvg:_,btnLink:J,htmlType:P,disabled:R,enableBtnLink:V,shouldClearSpace:w,disabledLoading:z=!0}=A,{enableTextStyle:D=!0}=T,{customCss:F,wrapStyle:K,restStyle:Q,dataState:U,dataIdAttr:W,isShowIcon:X,isScrollToElement:Y,getArialLabel:Z,getLabelToDisplay:ss,checkIsShowLabel:st,checkIsEditableLabel:si}=k(E),{HTMLTag:se,urlData:so,shouldRenderLink:sr}=h({enableBtnLink:V,htmlType:P,setting:J,defaultTag:"button",isLiquid:!0}),sl=e({...d(T,A?.enableHoverEffect)}),sa=e({...m(T)}),sn=e({...m(T),...c(T,A)}),sp=e({...g(Q,T)}),sd=o({...u({styles:T,className:B,shouldRenderLink:sr,uid:G?.uid,advanced:x})}),sm=o({...$(ss({isLiquid:!0,translateSetting:M,isForceValue:N,pageContext:O??{}}),w,D)}),sc=o({...f(T,si({isLiquid:!0}))}),sg=o({...y(H,B,x?.cssClass)}),su=o({...b(A)}),s$=o({...L()}),sf=r({...p({disabled:R,dataState:U,dataId:W,arialLabel:Z({isLiquid:!0})})}),sy=l({btnLink:A?.btnLink});return a(i`
     <gp-button
-      gp-data='${s(sL)}'
-      style="${{...Q}}"
-      class="${sf}"
+      style="${{...K}}"
+      class="${s$}"
     >
-      <div style="${sm}" class="${s$}">
-        <style>${K}</style>
-        ${n(Z,`<a
+      <script gp-data type="application/json">${JSON.stringify(sy).replaceAll("'","&#039;")}</script>
+      <div style="${sp}" class="${sg}">
+        <style>${F}</style>
+        ${n(Y,`<a
             class="gp-trigger-button-link gp-hidden"
-            href=${sr.href}
-            target=${sr.target}
+            href=${so.href}
+            target=${so.target}
           ></a>`)}
-        <${so}
-          ${{...sb}}
-          ${{...T}}
-          ${{...sr}}
+        <${se}
+          ${{...sf}}
+          ${{...I}}
+          ${{...so}}
           style="${sl}"
-          class="${sp}"
+          class="${sd}"
         >
-        ${n(!F,S(),"")}
-        <div class="${sg}">
-          ${n(Y,q({iconSvg:P??"",styles:sn,classes:sc}))}
-          ${n(J&&se({isLiquid:!0,translateSetting:_,isForceValue:N,pageContext:O??{}}),k({label:st({isLiquid:!0,translateSetting:_,isForceValue:N,pageContext:O??{}}),styles:sd,classes:su}))}
+        ${n(!z,S(),"")}
+        <div class="${su}">
+          ${n(X,v({iconSvg:_??"",styles:sn,classes:sm}))}
+          ${n(D&&st({isLiquid:!0,translateSetting:M,isForceValue:N,pageContext:O??{}}),q({label:ss({isLiquid:!0,translateSetting:M,isForceValue:N,pageContext:O??{}}),styles:sa,classes:sc}))}
         </div>
-        ${n(!!I,I?.toString()??"","")}
-        </${so}>
+        ${n(!!C,C?.toString()??"","")}
+        </${se}>
       </div>
-      ${n(t,`<script ${v('class="gps-link" delay',"src")}="{{ 'gp-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${v('class="gps-link" delay',"src")}="${e}/assets-v2/gp-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+      ${n(s,`<script ${j('class="gps-link" delay',"src")}="{{ 'gp-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${j('class="gps-link" delay',"src")}="${t}/assets-v2/gp-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
     </gp-button>
-  `)};export{x as default};
+  `)};export{E as default};

package/dist/esm/carousel/components/root/Carousel.liquid.js

@@ -1,5 +1,6 @@
-import{template as o,WrapRenderChildren as r,RenderChildren as e,RenderIf as s,isLocalEnv as t,baseAssetURL as a}from"@gem-sdk/core";import i from"../arrow/Arrow.liquid.js";import l from"../dot/Dots.liquid.js";import{mappingNavigationCarousel as d}from"../arrow/common/helpers.js";import{getData as m}from"./common/helpers.js";import{getClass as p}from"./common/classes.js";import{getStyle as n}from"./common/styles.js";import{getAttr as c}from"./common/attrs.js";import{getStaticLocale as u,getSettingPreloadData as $}from"../../../helpers.js";let f=f=>{let{children:v,builderAttrs:w,builderProps:g,styles:h,isHiddenArrowWhenDisabled:S=!0,hiddenDotWhenOnlyOne:y,rootId:j,rawChildren:C,conditionAppendJs:k}=f,E=d(f.setting),I={...f,setting:E},{arrowButtonSize:A,arrowBackgroundColor:G,arrowGapToEachSide:T="16",roundedArrow:b,arrowIconSize:q,arrowCustomColor:x,arrowBorder:z,arrowShadow:B,showWhenHover:D}=E??{},{uniqueComponentId:O,loopConfig:P,arrowShowConfig:W,stateData:_}=m(I),{rootClassRender:H,wrapperClassRender:M,wrapperInnerClass:N,sliderClass:R}=p(I),{rootStyleRender:U,wrapperStyleRender:V,wrapperInnerStyle:F,sliderStyle:J}=n(I),{rootAttrRender:K,sliderAttr:L}=c(I),Q=()=>s(t,`<script ${$('class="gps-link" delay',"src")}="{{ 'gp-carousel-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${$('class="gps-link" delay',"src")}="${a}/assets-v2/gp-carousel-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),X=o=>i({uid:g?.uid,componentId:O,custom:E?.arrowCustom??"",showArrow:W,arrowButtonSize:A||{},arrowIconSize:q||{},arrowBackgroundColor:G??"",arrowCustomColor:x,gapToEachSize:T,showWhenHover:D,arrowBorder:z||{},arrowCorner:b||{},arrowShadow:B||{},left:"next"!==o,vertical:E?.vertical,isHiddenWhenDisabled:S,rootId:j});return o`
-    <gp-carousel gp-data='${_}' ${K} style="${U}" class="${H}">
+import{template as o,WrapRenderChildren as r,RenderChildren as s,RenderIf as e,isLocalEnv as t,baseAssetURL as i}from"@gem-sdk/core";import a from"../arrow/Arrow.liquid.js";import l from"../dot/Dots.liquid.js";import{mappingNavigationCarousel as d}from"../arrow/common/helpers.js";import{getData as p}from"./common/helpers.js";import{getClass as c}from"./common/classes.js";import{getStyle as n}from"./common/styles.js";import{getAttr as m}from"./common/attrs.js";import{getStaticLocale as u,getSettingPreloadData as $}from"../../../helpers.js";let f=f=>{let{children:v,builderAttrs:w,builderProps:g,styles:h,isHiddenArrowWhenDisabled:S=!0,hiddenDotWhenOnlyOne:y,rootId:j,rawChildren:C,conditionAppendJs:k}=f,E=d(f.setting),I={...f,setting:E},{arrowButtonSize:A,arrowBackgroundColor:G,arrowGapToEachSide:T="16",roundedArrow:b,arrowIconSize:q,arrowCustomColor:x,arrowBorder:z,arrowShadow:B,showWhenHover:D}=E??{},{uniqueComponentId:O,loopConfig:P,arrowShowConfig:W,stateData:_}=p(I),{rootClassRender:H,wrapperClassRender:M,wrapperInnerClass:N,sliderClass:R}=c(I),{rootStyleRender:U,wrapperStyleRender:V,wrapperInnerStyle:F,sliderStyle:J}=n(I),{rootAttrRender:K,sliderAttr:L}=m(I),Q=()=>e(t,`<script ${$('class="gps-link" delay',"src")}="{{ 'gp-carousel-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${$('class="gps-link" delay',"src")}="${i}/assets-v2/gp-carousel-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),X=o=>a({uid:g?.uid,componentId:O,custom:E?.arrowCustom??"",showArrow:W,arrowButtonSize:A||{},arrowIconSize:q||{},arrowBackgroundColor:G??"",arrowCustomColor:x,gapToEachSize:T,showWhenHover:D,arrowBorder:z||{},arrowCorner:b||{},arrowShadow:B||{},left:"next"!==o,vertical:E?.vertical,isHiddenWhenDisabled:S,rootId:j});return o`
+    <gp-carousel ${K} style="${U}" class="${H}">
+      <script gp-data type="application/json">${_}</script>
       <div
         ${w}
         class="${M}"
@@ -9,7 +10,7 @@ import{template as o,WrapRenderChildren as r,RenderChildren as e,RenderIf as s,i
           ${X("prev")}
           <div ${L} class="${R}" style="${J}">
             ${o`
-    ${C?.length?r({uid:g?.uid??"",customProps:C[0]?.customProps},C.map((r,s)=>{if(r)return o`${e({...r,index:s,parentSettings:E,parentStyle:h,background:E?.background,parentUid:g?.uid})}`})):v??`<div>${u("Carousel","no_slider")}</div>`}`}
+    ${C?.length?r({uid:g?.uid??"",customProps:C[0]?.customProps},C.map((r,e)=>{if(r)return o`${s({...r,index:e,parentSettings:E,parentStyle:h,background:E?.background,parentUid:g?.uid})}`})):v??`<div>${u("Carousel","no_slider")}</div>`}`}
           </div>
           ${X("next")}
         </div>

package/dist/esm/carousel-v3/components/root/Carousel.liquid.js

@@ -1,5 +1,6 @@
-import{template as o,WrapRenderChildren as r,RenderChildren as s,RenderIf as e,isLocalEnv as t,baseAssetURL as i}from"@gem-sdk/core";import a from"../arrow/Arrow.liquid.js";import l from"../dot/Dots.liquid.js";import{mappingNavigationCarousel as d}from"../arrow/common/helpers.js";import{getData as p}from"./common/helpers.js";import{getClass as n}from"./common/classes.js";import{getStyle as m}from"./common/styles.js";import{getAttr as c}from"./common/attrs.js";import{getStaticLocale as u,getSettingPreloadData as $}from"../../../helpers.js";let v=v=>{let{children:f,builderAttrs:g,builderProps:w,styles:h,isHiddenArrowWhenDisabled:S=!0,hiddenDotWhenOnlyOne:y,rootId:C,rawChildren:j,conditionAppendJs:k,productBadgeLiquid:E}=v,I=d(v.setting),A={...v,setting:I},{arrowButtonSize:G,arrowBackgroundColor:P,arrowGapToEachSide:T="16",roundedArrow:b,arrowIconSize:q,arrowCustomColor:x,arrowBorder:z,arrowShadow:B,showWhenHover:D}=I??{},{uniqueComponentId:O,loopConfig:W,arrowShowConfig:_,stateData:H}=p(A),{rootClassRender:M,wrapperClassRender:N,wrapperInnerClass:R,sliderClass:U}=n(A),{sliderWrapperStyle:V,rootStyleRender:F,wrapperStyleRender:J,wrapperInnerStyle:K}=m(A),{rootAttrRender:L,sliderAttr:Q}=c(A),X=()=>e(t,`<script ${$('class="gps-link" delay',"src")}="{{ 'gp-carousel-v3-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${$('class="gps-link" delay',"src")}="${i}/assets-v2/gp-carousel-v3-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),Y=o=>a({uid:w?.uid,componentId:O,custom:I?.arrowCustom??"",showArrow:_,arrowButtonSize:G||{},arrowIconSize:q||{},arrowBackgroundColor:P??"",arrowCustomColor:x,gapToEachSize:T,showWhenHover:D,arrowBorder:z||{},arrowCorner:b||{},arrowShadow:B||{},left:"next"!==o,onClick:o=>{o.stopPropagation()},vertical:I?.vertical,isHiddenWhenDisabled:S,rootId:C});return o`
-    <gp-carousel-v3 gp-data='${H}' ${L} style="${F}" class="${M}">
+import{template as o,WrapRenderChildren as r,RenderChildren as s,RenderIf as e,isLocalEnv as t,baseAssetURL as i}from"@gem-sdk/core";import a from"../arrow/Arrow.liquid.js";import l from"../dot/Dots.liquid.js";import{mappingNavigationCarousel as d}from"../arrow/common/helpers.js";import{getData as p}from"./common/helpers.js";import{getClass as n}from"./common/classes.js";import{getStyle as c}from"./common/styles.js";import{getAttr as m}from"./common/attrs.js";import{getStaticLocale as u,getSettingPreloadData as $}from"../../../helpers.js";let v=v=>{let{children:f,builderAttrs:g,builderProps:w,styles:h,isHiddenArrowWhenDisabled:S=!0,hiddenDotWhenOnlyOne:y,rootId:j,rawChildren:C,conditionAppendJs:k,productBadgeLiquid:E}=v,I=d(v.setting),A={...v,setting:I},{arrowButtonSize:G,arrowBackgroundColor:P,arrowGapToEachSide:T="16",roundedArrow:b,arrowIconSize:q,arrowCustomColor:x,arrowBorder:z,arrowShadow:B,showWhenHover:D}=I??{},{uniqueComponentId:O,loopConfig:W,arrowShowConfig:_,stateData:H}=p(A),{rootClassRender:M,wrapperClassRender:N,wrapperInnerClass:R,sliderClass:U}=n(A),{sliderWrapperStyle:V,rootStyleRender:F,wrapperStyleRender:J,wrapperInnerStyle:K}=c(A),{rootAttrRender:L,sliderAttr:Q}=m(A),X=()=>e(t,`<script ${$('class="gps-link" delay',"src")}="{{ 'gp-carousel-v3-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${$('class="gps-link" delay',"src")}="${i}/assets-v2/gp-carousel-v3-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),Y=o=>a({uid:w?.uid,componentId:O,custom:I?.arrowCustom??"",showArrow:_,arrowButtonSize:G||{},arrowIconSize:q||{},arrowBackgroundColor:P??"",arrowCustomColor:x,gapToEachSize:T,showWhenHover:D,arrowBorder:z||{},arrowCorner:b||{},arrowShadow:B||{},left:"next"!==o,onClick:o=>{o.stopPropagation()},vertical:I?.vertical,isHiddenWhenDisabled:S,rootId:j});return o`
+    <gp-carousel-v3 ${L} style="${F}" class="${M}">
+      <script gp-data type="application/json">${H}</script>
       <div
         ${g}
         class="${N}"
@@ -11,7 +12,7 @@ import{template as o,WrapRenderChildren as r,RenderChildren as s,RenderIf as e,i
           <div ${Q} style="${V}">
             <div class="${U}">
               ${o`
-    ${j?.length?r({uid:w?.uid??"",customProps:j[0]?.customProps},j.map((r,e)=>{if(r)return o`${s({...r,index:e,parentSettings:I,parentStyle:h,background:I?.background,parentUid:w?.uid})}`})):f??`<div>${u("Carousel","no_slider")}</div>`}`}
+    ${C?.length?r({uid:w?.uid??"",customProps:C[0]?.customProps},C.map((r,e)=>{if(r)return o`${s({...r,index:e,parentSettings:I,parentStyle:h,background:I?.background,parentUid:w?.uid})}`})):f??`<div>${u("Carousel","no_slider")}</div>`}`}
             </div>
           </div>
           ${Y("next")}

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

@@ -1,10 +1,10 @@
-import{isLocalEnv as s,baseAssetURL as o,template 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 d from"./icons/DynamicCheckoutWhite.liquid.js";import f from"./icons/ExpressCheckoutBlack.liquid.js";import y from"./icons/ExpressCheckoutPurple.liquid.js";import j from"./icons/ExpressCheckoutWhite.liquid.js";let C=({style:C,styles:g,setting:$,className:E,builderAttrs:b})=>{let S=a({styles:g,buttons:{DynamicCheckoutBlack:n({}),DynamicCheckoutPurple:k({}),DynamicCheckoutWhite:d({}),ExpressCheckoutBlack:f({}),ExpressCheckoutPurple:y({}),ExpressCheckoutWhite:j({})}}),x=e({...h(C,g)}),P=r({...l()}),q=r({...u(E)}),B=i({disabled:!1,"aria-label":"Buy with Shop Pay"}),D=p({setting:JSON.stringify($),shop_url:"{{shop.url}}"});return t`
+import{isLocalEnv as s,baseAssetURL as o,template 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 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 C=({style:C,styles:g,setting:$,className:E,builderAttrs:b})=>{let S=u({styles:g,buttons:{DynamicCheckoutBlack:h({}),DynamicCheckoutPurple:k({}),DynamicCheckoutWhite:y({}),ExpressCheckoutBlack:d({}),ExpressCheckoutPurple:f({}),ExpressCheckoutWhite:j({})}}),x=e({...n(C,g)}),P=i({...l()}),q=i({...a(E)}),B=r({disabled:!1,"aria-label":"Buy with Shop Pay"}),D=p({setting:JSON.stringify($),shop_url:"{{shop.url}}"});return t`
     <gp-shop-pay-button
       ${{...b}}
       style="${x}"
       class="${q}"
-      gp-data='${D}'
     >
+      <script gp-data type="application/json">${D}</script>
       <button
         ${{...B}}
         class="${P}"

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

@@ -1,20 +1,19 @@
-import{makeStyleResponsive as e,makeLineClamp as s,template as i,baseAssetURL as t,isLocalEnv as l}from"@gem-sdk/core";import{getSettingPreloadData as o}from"../../../helpers.js";import{getDefaultStyleCollectionDes as n,getStyleDefaultViewMore as r,getStaticCss as c}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 M=({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()),G=a({...n({setting:M}),...e("line-clamp",s(M?.lineClamp,M?.hasLineClamp))}),N=a({...r(M)}),O=h({setting:M,builderProps:E,pageContext:I,type:"liquid"}),_=j({setting:M,builderProps:E,pageContext:I,type:"liquid"}),D=m({"data-id":`${E?.uid}`,"view-more-text":`${I?.isPreviewing?_:`{{${_}}}`}`,"view-less-text":`${I?.isPreviewing?O:`{{${O}}}`}`}),J=m({"data-gp-text":""}),{gpDescriptionCss:R,textDescriptionCss:z}=c(),B=$({setting:{lineClamp:M?.lineClamp,hasLineClamp:M?.hasLineClamp,viewMoreText:_,viewLessText:O,enableViewMoreIcon:M?.enableViewMoreIcon},textStyle:G});return d(!1,"",g(i`
+import{makeStyleResponsive as e,makeLineClamp as i,template as s,baseAssetURL as t,isLocalEnv 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 M=({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()),G=a({...n({setting:M}),...e("line-clamp",i(M?.lineClamp,M?.hasLineClamp))}),N=a({...p(M)}),O=S({setting:M,builderProps:E,pageContext:I,type:"liquid"}),_=h({setting:M,builderProps:E,pageContext:I,type:"liquid"}),D=m({"data-id":`${E?.uid}`,"view-more-text":`${I?.isPreviewing?_:`{{${_}}}`}`,"view-less-text":`${I?.isPreviewing?O:`{{${O}}}`}`}),J=m({"data-gp-text":""}),{gpDescriptionCss:R,textDescriptionCss:z}=c(),B=$({setting:{lineClamp:M?.lineClamp,hasLineClamp:M?.hasLineClamp,viewMoreText:_,viewLessText:O,enableViewMoreIcon:M?.enableViewMoreIcon},textStyle:G});return d(!1,"",g(s`
     <gp-collection-description
       ${D}
       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>",i`<div ${J} class="${L}" style="${G}">
+      ${v("collection","<p>Collection not found</p>",s`<div ${J} class="${L}" style="${G}">
           {{collection.description}}
         </div>
-        ${y("collection.description != blank",i`<button type="button" class="${P}" style="${N}">
+        ${f("collection.description != blank",s`<button type="button" class="${P}" style="${N}">
           <span class="${T}">
             ${d(I?.isPreviewing,_?.toString()||"",`{{${_}}}`)}
           </span>
-          ${d(M?.enableViewMoreIcon,i`<span class="${A}">${x}</span>`," ")}
+          ${d(M?.enableViewMoreIcon,s`<span class="${A}">${x}</span>`," ")}
           </button>`)}`)}
     </gp-collection-description>
     ${(()=>{let e=l?"{{ 'gp-collection-description-v7-5.js' | asset_url }}":`${t}/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>`})()}

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

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

package/dist/esm/countdown-timer/components/Countdown.liquid.js

@@ -1,30 +1,31 @@
-import{template as e,RenderIf as t,isLocalEnv as s,baseAssetURL as i}from"@gem-sdk/core";import r from"../../text/components/Text.liquid.js";import{getInsertLinkData as o,getSettingPreloadData as l}from"../../helpers.js";import{createStateOrContext as d,createStyle as a,createClass as n,createAttr as c,If as u}from"@gem-sdk/system";import{getAttr as m,getAttrHref as p}from"../common/attrs.js";import{getDateStyle as $,getTextFrontStyle as y,getTextBackStyle as f,getWrapperStyle as g,getContainStyle as x}from"../common/styles.js";import{getTextFrontClasses as w,getWrapperClasses as b,getContentClasses as h,getLinkClasses as v,getDateClasses as j,getTextBackClasses as k}from"../common/classes.js";import{Countdown as S}from"../settings/configs/translate.js";let L=L=>{let{setting:A,styles:C,builderProps:E,advanced:N,pageContext:F}=L,{labelTypo:I,numTypo:P,numTypography:q,labelTypography:G,enableLabelTextStyle:O}=C??{},{weekLabel:T,dayLabel:V,hourLabel:_,minuteLabel:J,secondLabel:M,enableWeek:R,enableDay:z,enableHour:B,enableMinute:D,enableSecond:H,redirectUrl:K,autoHideWhenTimeout:Q}=A??{},U=!!K?.link,{urlData:W}=o("",K),X=d({...A,...E}),Y=a({...$(C)}),Z=e=>n({...j(e)}),ee=n({...w(C)}),et=a({...y(C)}),es=a({...f(C)}),ei=e=>n({...k(C,e)}),er=c({...m({uid:E?.uid||""})}),eo=c({...p({uid:W.href||""})}),el=a({...g(C)}),ed=n({...b(N?.cssClass)}),ea=n({...h({isLiquid:!0,autoHideWhenTimeout:Q})}),en=a({...x(C)}),ec=(t,s,i)=>{let o=i&&i in S?S[i]?.id:void 0;return e`
+import{template as t,RenderIf as e,isLocalEnv as s,baseAssetURL as i}from"@gem-sdk/core";import r from"../../text/components/Text.liquid.js";import{getInsertLinkData as o,getSettingPreloadData as l}from"../../helpers.js";import{createStateOrContext as a,createStyle as d,createClass as n,createAttr as c,If as p}from"@gem-sdk/system";import{getAttr as u,getAttrHref as m}from"../common/attrs.js";import{getDateStyle as $,getTextFrontStyle as y,getTextBackStyle as f,getWrapperStyle as g,getContainStyle as x}from"../common/styles.js";import{getTextFrontClasses as w,getWrapperClasses as b,getContentClasses as h,getLinkClasses as j,getDateClasses as v,getTextBackClasses as k}from"../common/classes.js";import{Countdown as S}from"../settings/configs/translate.js";let L=L=>{let{setting:A,styles:C,builderProps:E,advanced:N,pageContext:F}=L,{labelTypo:I,numTypo:P,numTypography:q,labelTypography:G,enableLabelTextStyle:O}=C??{},{weekLabel:T,dayLabel:V,hourLabel:_,minuteLabel:J,secondLabel:M,enableWeek:R,enableDay:z,enableHour:B,enableMinute:D,enableSecond:H,redirectUrl:K,autoHideWhenTimeout:Q}=A??{},U=!!K?.link,{urlData:W}=o("",K),X=a({...A,...E}),Y=d({...$(C)}),Z=t=>n({...v(t)}),tt=n({...w(C)}),te=d({...y(C)}),ts=d({...f(C)}),ti=t=>n({...k(C,t)}),tr=c({...u({uid:E?.uid||""})}),to=c({...m({uid:W.href||""})}),tl=d({...g(C)}),ta=n({...b(N?.cssClass)}),td=n({...h({isLiquid:!0,autoHideWhenTimeout:Q})}),tn=d({...x(C)}),tc=(e,s,i)=>{let o=i&&i in S?S[i]?.id:void 0;return t`
     <div style="${Y}" class="${Z(s)}">
-    ${r({styles:{typography:q,typo:P},setting:{...A,text:"00",excludeFlex:!0,isForceValue:!0},style:et,className:ee,builderAttrs:{id:t},builderProps:{...E,uid:E?.uid,uidInteraction:`${E?.uid}-text`}})}
-    ${u(!!O,e`
-         ${r({styles:{typography:G,typo:I},setting:{...A,text:s,excludeFlex:!0},translateSetting:o,style:es,className:ei(s),builderProps:{...E,uid:E?.uid,uidInteraction:`${E?.uid}-text`},pageContext:F})}
+    ${r({styles:{typography:q,typo:P},setting:{...A,text:"00",excludeFlex:!0,isForceValue:!0},style:te,className:tt,builderAttrs:{id:e},builderProps:{...E,uid:E?.uid,uidInteraction:`${E?.uid}-text`}})}
+    ${p(!!O,t`
+         ${r({styles:{typography:G,typo:I},setting:{...A,text:s,excludeFlex:!0},translateSetting:o,style:ts,className:ti(s),builderProps:{...E,uid:E?.uid,uidInteraction:`${E?.uid}-text`},pageContext:F})}
     `)}
     </div>
-    `},eu=n({...v()});return e`
+    `},tp=n({...j()});return t`
     <gp-countdown-timer
-        ${{...er}}
-        ${{...eo}}
-        class="${ed}"
-        style="${el}"
-        gp-data='${JSON.stringify(X).replaceAll("'","&#039;")}'>
-        <div id="section-countdown" class="${ea}" style="${en}">
-        ${u(U,`<a
+      ${{...tr}}
+      ${{...to}}
+      class="${ta}"
+      style="${tl}"
+    >
+      <script gp-data type="application/json">${JSON.stringify(X).replaceAll("'","&#039;")}</script>
+      <div id="section-countdown" class="${td}" style="${tn}">
+        ${p(U,`<a
             href="${W.href}"
             target="${W?.target}"
             aria-label="Countdown link"
-            class="${eu}"
+            class="${tp}"
           > </a>`)}
-          ${u(R,ec("week",T,"weekLabel"))}
-          ${u(z,ec("day",V,"dayLabel"))}
-          ${u(B,ec("hour",_,"hourLabel"))}
-          ${u(D,ec("minute",J,"minuteLabel"))}
-          ${u(H,ec("second",M,"secondLabel"))}
+        ${p(R,tc("week",T,"weekLabel"))}
+        ${p(z,tc("day",V,"dayLabel"))}
+        ${p(B,tc("hour",_,"hourLabel"))}
+        ${p(D,tc("minute",J,"minuteLabel"))}
+        ${p(H,tc("second",M,"secondLabel"))}
       </div>
-     </gp-countdown-timer>
-    ${t(s,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-countdown-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${i}/assets-v2/gp-countdown-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    </gp-countdown-timer>
+    ${e(s,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-countdown-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${i}/assets-v2/gp-countdown-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{L as default};