@gem-sdk/components 19.1.0-staging.8 → 20.0.0

package/dist/cjs/third-party/settings/SeoantTrustBadgesIcon/uiV2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=[{controls:[{setting:{id:"install"},layout:"vertical"}]},{controls:[{type:"combo",label:"Badge ID",iconName:"polaris-text-block",getValueFromSettingID:"BadgeId",isHideClear:!0,popoverLabel:"Badge ID",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"BadgeId"}}]}]},{controls:[{setting:{id:"openApp"},layout:"vertical"}]},{controls:[{label:"Align",setting:{id:"align"}}]}];
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=[{controls:[{setting:{id:"install"},layout:"vertical"}]},{controls:[{type:"combo",label:"Badge ID",iconName:"polaris-text-block",getValueFromSettingID:"BadgeId",isHideClear:!0,popoverLabel:"Badge ID",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"BadgeId"}}]}]},{controls:[{label:"Align",setting:{id:"align"}}]}];

package/dist/cjs/third-party/settings/ShopifyForms/uiV2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=[{controls:[{setting:{id:"install"},layout:"vertical"}]},{controls:[{type:"combo",label:"Form ID",iconName:"polaris-text-block",getValueFromSettingID:"formId",isHideClear:!0,popoverLabel:"Form ID",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"formId"}}]}]},{controls:[{setting:{id:"openApp"},layout:"vertical"}]},{controls:[{label:"Align",setting:{id:"align"}}]}];
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=[{controls:[{setting:{id:"install"},layout:"vertical"}]},{controls:[{type:"combo",label:"Form ID",iconName:"polaris-text-block",getValueFromSettingID:"formId",isHideClear:!0,popoverLabel:"Form ID",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"formId"}}]}]},{controls:[{label:"Align",setting:{id:"align"}}]}];

package/dist/cjs/third-party/settings/SkioSubscriptionsYcS20/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../configs/SkioSubscriptionsYcS20.js"),t=require("./uiV2.js"),l=require("../../common/helpers.js");const i={tag:e.default.tag,label:e.default.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/8dd0dfb789ffd9e447e7eb98210ccde7/icon/CNW2qO36iIQDEAE=.png?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:e.default.id,name:e.default.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../configs/SkioSubscriptionsYcS20.js"),t=require("./uiV2.js");const l={tag:e.default.tag,label:e.default.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/8dd0dfb789ffd9e447e7eb98210ccde7/icon/CNW2qO36iIQDEAE=.png?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:e.default.id,name:e.default.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
         <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/8dd0dfb789ffd9e447e7eb98210ccde7/icon/CNW2qO36iIQDEAE=.png?width=22&height=22">
         <span class="preset-item-title">Skio Subscriptions (YC S20)</span>
-      </div>`},components:[{tag:e.default.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"App Block",value:"app-block"}],default:"app-block"},{id:"sellingPlanId",type:"input",default:""},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:l.get3rdPartyInstallLink({handle:"skio-subscriptions-app"}),appName:e.default.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"https://admin.shopify.com/?redirect=/apps/8dd0dfb789ffd9e447e7eb98210ccde7",appName:e.default.label},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]}],ui:[],uiV2:t.default};exports.default=i;
+      </div>`},components:[{tag:e.default.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"App Block",value:"app-block"}],default:"app-block"},{id:"sellingPlanId",type:"input",default:""},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:"",appName:e.default.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"",appName:e.default.label},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]}],ui:[],uiV2:t.default};exports.default=l;

package/dist/cjs/third-party/settings/SproutPlantTreesGrowSales/index.js

@@ -1,4 +1,4 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../configs/SproutPlantTreesGrowSales.js"),t=require("./uiV2.js"),a=require("../../common/helpers.js");const l={tag:e.default.tag,label:e.default.label,icon:'<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/864c36881d230c8394a4183ce5904daa/icon/CKWWhLbF0_YCEAE=.png?width=22&height=22">',editorConfigs:{component:{isThirdParty:!0}},presets:[{id:e.default.id,name:e.default.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
         <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/864c36881d230c8394a4183ce5904daa/icon/CKWWhLbF0_YCEAE=.png?width=22&height=22">
         <span class="preset-item-title">Sprout: Plant Trees Grow Sales</span>
-      </div>`},components:[{tag:e.default.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Badge",value:"badge"},{label:"Impact Banner",value:"impact-banner"}],default:"badge"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:a.get3rdPartyInstallLink({handle:"sprout-plant-trees-grow-sales"}),appName:e.default.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"https://admin.shopify.com/?redirect=/apps/864c36881d230c8394a4183ce5904daa",appName:e.default.label},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]}],ui:[],uiV2:t.default};exports.default=l;
+      </div>`},components:[{tag:e.default.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Badge",value:"badge"},{label:"Impact Banner",value:"impact-banner"}],default:"badge"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:a.get3rdPartyInstallLink({handle:"sprout-plant-trees-grow-sales"}),appName:e.default.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"",appName:e.default.label},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]}],ui:[],uiV2:t.default};exports.default=l;

package/dist/cjs/third-party/settings/TrustshopProductReviews/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../configs/TrustshopProductReviews.js"),t=require("./uiV2.js"),l=require("../../common/helpers.js");const i={tag:e.default.tag,label:e.default.label,icon:'<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/97bd740ed0597c4d5220e15ae930308d/icon/CKub0pnr1okDEAE=.png?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:e.default.id,name:e.default.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../configs/TrustshopProductReviews.js"),t=require("./uiV2.js");const l={tag:e.default.tag,label:e.default.label,icon:'<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/97bd740ed0597c4d5220e15ae930308d/icon/CKub0pnr1okDEAE=.png?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:e.default.id,name:e.default.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
         <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/97bd740ed0597c4d5220e15ae930308d/icon/CKub0pnr1okDEAE=.png?width=22&height=22">
         <span class="preset-item-title">TrustShop: Product Reviews</span>
-      </div>`},components:[{tag:e.default.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"productHandle",type:"product-handle",hide:!0},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Widget Product Rating",value:"widget-product-rating"},{label:"All Reviews",value:"all-reviews"},{label:"Widget Box",value:"widget-box"},{label:"Review Testimonial",value:"review-testimonial"}],default:"widget-product-rating"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:l.get3rdPartyInstallLink({handle:"trustshop-product-reviews"}),appName:e.default.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"https://admin.shopify.com/?redirect=/apps/97bd740ed0597c4d5220e15ae930308d",appName:e.default.label},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]}],ui:[],uiV2:t.default};exports.default=i;
+      </div>`},components:[{tag:e.default.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"productHandle",type:"product-handle",hide:!0},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Widget Product Rating",value:"widget-product-rating"},{label:"All Reviews",value:"all-reviews"},{label:"Widget Box",value:"widget-box"},{label:"Review Testimonial",value:"review-testimonial"}],default:"widget-product-rating"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:"",appName:e.default.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"",appName:e.default.label},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]}],ui:[],uiV2:t.default};exports.default=l;

package/dist/cjs/third-party/settings/WcWishlistBackInStock/index.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../configs/WcWishlistBackInStock.js"),t=require("./uiV2.js"),i=require("../../common/helpers.js");const l={tag:e.default.tag,label:e.default.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:"wishlist-collection",name:e.default.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../configs/WcWishlistBackInStock.js"),t=require("./uiV2.js");const i={tag:e.default.tag,label:e.default.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:"wishlist-collection",name:e.default.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
         <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22">
         <span class="preset-item-title">WC Wishlist & Back in Stock</span>
       </div>`},components:[{tag:e.default.tag,settings:{widgetType:"wishlist-collection-block"}}]},{id:"wishlist-product",name:e.default.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
         <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22">
         <span class="preset-item-title">WC Wishlist & Back in Stock</span>
-      </div>`},components:[{tag:e.default.tag,settings:{widgetType:"wishlist-bis-block"}}]}],settings:[{id:"setting",controls:[{id:"widgetType",label:"Choose widget",type:"select",default:"wishlist-bis-block",options:[{label:"Back in Stock Product",value:"wishlist-bis-block",hideOnPage:["ARTICLE","BLOG","COLLECTION","GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC","STATIC"]},{label:"Wishlist Product",value:"wishlist-block",hideOnPage:["ARTICLE","BLOG","COLLECTION","GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC","STATIC"]},{label:"Wishlist Collection",value:"wishlist-collection-block",hideOnPage:["ARTICLE","BLOG","PRODUCT","GP_ARTICLE","GP_BLOG","GP_PRODUCT","GP_INDEX","GP_STATIC","STATIC"]},{label:"Back in Stock Collection",value:"wishlist-bis-collection",hideOnPage:["ARTICLE","BLOG","PRODUCT","GP_ARTICLE","GP_BLOG","GP_PRODUCT","GP_INDEX","GP_STATIC","STATIC"]}]},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:i.get3rdPartyInstallLink({handle:"wc-wishlist-back-in-stock"}),appName:e.default.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"https://admin.shopify.com/?redirect=/apps/6c6bdd5180d0848b68f89d106476f116",appName:e.default.label},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]}],ui:[],uiV2:t.default};exports.default=l;
+      </div>`},components:[{tag:e.default.tag,settings:{widgetType:"wishlist-bis-block"}}]}],settings:[{id:"setting",controls:[{id:"widgetType",label:"Choose widget",type:"select",default:"wishlist-bis-block",options:[{label:"Back in Stock Product",value:"wishlist-bis-block",hideOnPage:["ARTICLE","BLOG","COLLECTION","GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC","STATIC"]},{label:"Wishlist Product",value:"wishlist-block",hideOnPage:["ARTICLE","BLOG","COLLECTION","GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC","STATIC"]},{label:"Wishlist Collection",value:"wishlist-collection-block",hideOnPage:["ARTICLE","BLOG","PRODUCT","GP_ARTICLE","GP_BLOG","GP_PRODUCT","GP_INDEX","GP_STATIC","STATIC"]},{label:"Back in Stock Collection",value:"wishlist-bis-collection",hideOnPage:["ARTICLE","BLOG","PRODUCT","GP_ARTICLE","GP_BLOG","GP_PRODUCT","GP_INDEX","GP_STATIC","STATIC"]}]},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:"https://apps.shopify.com/wishlist-club?utm_source=gempages",appName:e.default.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"",appName:e.default.label},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]}],ui:[],uiV2:t.default};exports.default=i;

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

@@ -1,13 +1,12 @@
-"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,pageContext:$}=c,{iframeSrc:v}=r.getVimeoParams(c),S=!p,b=c.thumbnail,h=s.createStateOrContext({id:m,thumbnail:u,lazy:p,iframeSrc:v,title:o,autoplay:g,muted:n,style:c?.vimeoStyleIframe||"",translatedVideoUrl:f}),C=s.createStyle({...l.getIframeVimeoStyle(d)}),j=s.createStyle({...l.getArticleVimeoStyle(d,"")}),I=s.createClass({...a.getArticleVimeoClasses(b,d)}),V=s.createClass({...a.getImageVimeoClasses(S)}),q=s.createClass({...a.getButtonVimeoClasses(S)}),w=s.createClass({...a.getIframeVimeoClasses()});return e.template`
-    <gp-lite-vimeo-embed>
-      <script gp-data type="application/json">${JSON.stringify(h)}</script>
+"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:m,id:o,lazy:p,aspectRatio:d,autoplay:g,muted:n,thumbnailLink:u,poster:y,translatedVideoUrl:f,pageContext:$}=c,{iframeSrc:v}=r.getVimeoParams(c),S=!p,b=c.thumbnail,h=s.createStateOrContext({id:o,thumbnail:u,lazy:p,iframeSrc:v,title:m,autoplay:g,muted:n,style:c?.vimeoStyleIframe||"",translatedVideoUrl:f}),C=s.createStyle({...l.getIframeVimeoStyle(d)}),I=s.createStyle({...l.getArticleVimeoStyle(d,"")}),V=s.createClass({...a.getArticleVimeoClasses(b,d)}),j=s.createClass({...a.getImageVimeoClasses(S)}),q=s.createClass({...a.getButtonVimeoClasses(S)}),w=s.createClass({...a.getIframeVimeoClasses()});return e.template`
+    <gp-lite-vimeo-embed gp-data='${JSON.stringify(h)}'>
       <article
         aria-hidden
-        class="${I}"
-        data-title="${o}"
-        style="${j}"
+        class="${V}"
+        data-title="${m}"
+        style="${I}"
       >
-      ${i.default({src:b,alt:y?.altText,title:y?.imageTitle,className:V,isDisableAspectStyle:!0,pageContext:$,priority:y?.preload,height:y?.height,width:y?.width})}
+      ${i.default({src:b,alt:y?.altText,title:y?.imageTitle,className:j,isDisableAspectStyle:!0,pageContext:$,priority:y?.preload,height:y?.height,width:y?.width})}
          ${s.If(!S,e.template`
           <button type="button" class="${q}" aria-label="Play">
           <svg class="gp-w-5 gp-text-white" viewBox="0 0 24 24">
@@ -20,7 +19,7 @@
         ${s.If(S,e.template`
           <iframe
             style="${C}"
-            title="${o}"
+            title="${m}"
             frameborder="0"
             allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
             allowfullscreen

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

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

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

@@ -1,16 +1,17 @@
-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`
+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`
           <div class="${U}" style="${R}">
-            ${e({...s,index:i,title:r,accordions:T,parentSetting:S,parentStyle:h,parentUid:A?.uid,childrenIcon:S?.childConfig?.[i],activeKey:z})}
+            ${i({...s,index:e,title:r,accordions:T,parentSetting:S,parentStyle:h,parentUid:A?.uid,childrenIcon:S?.childConfig?.[e],activeKey:z})}
           </div>
             `}}))}
     </gp-accordion>
     ${r(o,`
-    <script ${p('class="gps-link" delay',"src")}="{{ 'gp-accordion-v7-5.js' | asset_url }}"
+    <script ${l('class="gps-link" delay',"src")}="{{ 'gp-accordion-v7-5.js' | asset_url }}"
       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>
+    <script ${l('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{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 a,Liquid as l,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}),sa=e({...d(T,A?.enableHoverEffect)}),sl=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=a({btnLink:A?.btnLink});return l(i`
+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`
     <gp-button
-      style="${{...K}}"
-      class="${s$}"
+      gp-data='${s(sL)}'
+      style="${{...Q}}"
+      class="${sf}"
     >
-      <script gp-data type="application/json">${JSON.stringify(sy)}</script>
-      <div style="${sp}" class="${sg}">
-        <style>${F}</style>
-        ${n(Y,`<a
+      <div style="${sm}" class="${s$}">
+        <style>${K}</style>
+        ${n(Z,`<a
             class="gp-trigger-button-link gp-hidden"
-            href=${so.href}
-            target=${so.target}
+            href=${sr.href}
+            target=${sr.target}
           ></a>`)}
-        <${se}
-          ${{...sf}}
-          ${{...I}}
-          ${{...so}}
-          style="${sa}"
-          class="${sd}"
+        <${so}
+          ${{...sb}}
+          ${{...T}}
+          ${{...sr}}
+          style="${sl}"
+          class="${sp}"
         >
-        ${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:sl,classes:sc}))}
+        ${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}))}
         </div>
-        ${n(!!C,C?.toString()??"","")}
-        </${se}>
+        ${n(!!I,I?.toString()??"","")}
+        </${so}>
       </div>
-      ${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>`)}
+      ${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>`)}
     </gp-button>
-  `)};export{E as default};
+  `)};export{x as default};

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

@@ -1,6 +1,5 @@
-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>
+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}">
       <div
         ${w}
         class="${M}"
@@ -10,7 +9,7 @@ import{template as o,WrapRenderChildren as r,RenderChildren as s,RenderIf as e,i
           ${X("prev")}
           <div ${L} class="${R}" style="${J}">
             ${o`
-    ${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>`}`}
+    ${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>`}`}
           </div>
           ${X("next")}
         </div>

package/dist/esm/carousel/components/root/common/helpers.js

@@ -1 +1 @@
-import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createStateOrContext as o}from"@gem-sdk/system";let t=t=>{let r=["mobile","tablet","desktop"],{setting:i,rootId:s,builderProps:a,styles:l,moveToIdx:d,isHiddenArrowWhenDisabled:p}=t,m=s??a?.uid,n=`gp-carousel-slider-${a?.uid}`,{enableAction:f={desktop:!0},navigationStyle:g,navigationEnable:u={desktop:!0}}=i??{},k=o({id:m,moveToIdx:d,isHiddenArrowWhenDisabled:p,setting:i,styles:l});return{loopConfig:(()=>{let o=i?.loop;return r.forEach(t=>{o={...o,[t]:!!e(f)&&o?.[t]}}),o})(),stateData:JSON.stringify(k),uniqueComponentId:m,arrowShowConfig:(()=>{let o=g;return r.forEach(t=>{o={...o,[t]:e(u,t)?e(o,t):"none"}}),o})(),sliderSelector:n}};export{t as getData};
+import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createStateOrContext as o}from"@gem-sdk/system";let t=t=>{let r=["mobile","tablet","desktop"],{setting:l,rootId:a,builderProps:i,styles:s,moveToIdx:p,isHiddenArrowWhenDisabled:d}=t,m=a??i?.uid,n=`gp-carousel-slider-${i?.uid}`,{enableAction:f={desktop:!0},navigationStyle:g,navigationEnable:u={desktop:!0}}=l??{},c=o({id:m,moveToIdx:p,isHiddenArrowWhenDisabled:d,setting:l,styles:s});return{loopConfig:(()=>{let o=l?.loop;return r.forEach(t=>{o={...o,[t]:!!e(f)&&o?.[t]}}),o})(),stateData:JSON.stringify(c).replaceAll("'","'"),uniqueComponentId:m,arrowShowConfig:(()=>{let o=g;return r.forEach(t=>{o={...o,[t]:e(u,t)?e(o,t):"none"}}),o})(),sliderSelector:n}};export{t as getData};

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

@@ -1,6 +1,5 @@
-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>
+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}">
       <div
         ${g}
         class="${N}"
@@ -12,7 +11,7 @@ import{template as o,WrapRenderChildren as r,RenderChildren as s,RenderIf as e,i
           <div ${Q} style="${V}">
             <div class="${U}">
               ${o`
-    ${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>`}`}
+    ${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>`}`}
             </div>
           </div>
           ${Y("next")}

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

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

package/dist/esm/carousel-v3/components/root/common/helpers.js

@@ -1 +1 @@
-import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createStateOrContext as o}from"@gem-sdk/system";let t=t=>{let r=["mobile","tablet","desktop"],{setting:s,rootId:a,builderProps:i,styles:l,moveToIdx:d,isHiddenArrowWhenDisabled:p,shouldInitByLayout:m,carouselType:n="carousel"}=t,f=a??i?.uid,g=`gp-carousel-slider-${i?.uid}`,{enableAction:u={desktop:!0},navigationStyle:c,navigationEnable:k={desktop:!0}}=s??{},h=o({id:f,moveToIdx:d,isHiddenArrowWhenDisabled:p,setting:s,styles:l,shouldInitByLayout:m,carouselType:n});return{loopConfig:(()=>{let o=s?.loop;return r.forEach(t=>{o={...o,[t]:!!e(u)&&o?.[t]}}),o})(),stateData:JSON.stringify(h),uniqueComponentId:f,arrowShowConfig:(()=>{let o=c;return r.forEach(t=>{o={...o,[t]:e(k,t)?e(o,t):"none"}}),o})(),sliderSelector:g}};export{t as getData};
+import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createStateOrContext as o}from"@gem-sdk/system";let t=t=>{let r=["mobile","tablet","desktop"],{setting:l,rootId:a,builderProps:s,styles:i,moveToIdx:p,isHiddenArrowWhenDisabled:d,shouldInitByLayout:m,carouselType:n="carousel"}=t,f=a??s?.uid,g=`gp-carousel-slider-${s?.uid}`,{enableAction:u={desktop:!0},navigationStyle:c,navigationEnable:k={desktop:!0}}=l??{},h=o({id:f,moveToIdx:p,isHiddenArrowWhenDisabled:d,setting:l,styles:i,shouldInitByLayout:m,carouselType:n});return{loopConfig:(()=>{let o=l?.loop;return r.forEach(t=>{o={...o,[t]:!!e(u)&&o?.[t]}}),o})(),stateData:JSON.stringify(h).replaceAll("'","'"),uniqueComponentId:f,arrowShowConfig:(()=>{let o=c;return r.forEach(t=>{o={...o,[t]:e(k,t)?e(o,t):"none"}}),o})(),sliderSelector:g}};export{t as getData};

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 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`
+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`
     <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,19 +1,20 @@
-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`
+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`
     <gp-collection-description
       ${D}
       class="${V}"
+      gp-data='${JSON.stringify(B).replaceAll("'","&#039;")}'
     >
-      <script gp-data type="application/json">${JSON.stringify(B).replaceAll("'","&#039;")}</script>
-      <style>${z}${R}</style>
+      <style>${z}</style>
+      <style>${R}</style>
       <div class="${q}" ></div>
-      ${v("collection","<p>Collection not found</p>",s`<div ${J} class="${L}" style="${G}">
+      ${v("collection","<p>Collection not found</p>",i`<div ${J} class="${L}" style="${G}">
           {{collection.description}}
         </div>
-        ${f("collection.description != blank",s`<button type="button" class="${P}" style="${N}">
+        ${y("collection.description != blank",i`<button type="button" class="${P}" style="${N}">
           <span class="${T}">
             ${d(I?.isPreviewing,_?.toString()||"",`{{${_}}}`)}
           </span>
-          ${d(M?.enableViewMoreIcon,s`<span class="${A}">${x}</span>`," ")}
+          ${d(M?.enableViewMoreIcon,i`<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,9 +1,8 @@
-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>
+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}" >
       <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{y as default};
+  `};export{S 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 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`
+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`
     <gp-collection-toolbar
       class="${q}"
       style="${A}"
-      id="${j?.uid}"
+      id="${S?.uid}"
+      gp-data='${JSON.stringify(M)}'
     >
-      <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,31 +1,30 @@
-import{template as t,RenderIf as e,isLocalEnv as s,baseAssetURL as i}from"@gem-sdk/core";import o from"../../text/components/Text.liquid.js";import{getInsertLinkData as r,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:C,styles:E,builderProps:N,advanced:A,pageContext:F}=L,{labelTypo:I,numTypo:P,numTypography:q,labelTypography:G,enableLabelTextStyle:O}=E??{},{weekLabel:T,dayLabel:V,hourLabel:_,minuteLabel:J,secondLabel:M,enableWeek:R,enableDay:z,enableHour:B,enableMinute:D,enableSecond:H,redirectUrl:K,autoHideWhenTimeout:Q}=C??{},U=!!K?.link,{urlData:W}=r("",K),X=a({...C,...N}),Y=d({...$(E)}),Z=t=>n({...v(t)}),tt=n({...w(E)}),te=d({...y(E)}),ts=d({...f(E)}),ti=t=>n({...k(E,t)}),to=c({...u({uid:N?.uid||""})}),tr=c({...m({uid:W.href||""})}),tl=d({...g(E)}),ta=n({...b(A?.cssClass)}),td=n({...h({isLiquid:!0,autoHideWhenTimeout:Q})}),tn=d({...x(E)}),tc=(e,s,i)=>{let r=i&&i in S?S[i]?.id:void 0;return t`
+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`
     <div style="${Y}" class="${Z(s)}">
-    ${o({styles:{typography:q,typo:P},setting:{...C,text:"00",excludeFlex:!0,isForceValue:!0},style:te,className:tt,builderAttrs:{id:e},builderProps:{...N,uid:N?.uid,uidInteraction:`${N?.uid}-text`}})}
-    ${p(!!O,t`
-         ${o({styles:{typography:G,typo:I},setting:{...C,text:s,excludeFlex:!0},translateSetting:r,style:ts,className:ti(s),builderProps:{...N,uid:N?.uid,uidInteraction:`${N?.uid}-text`},pageContext:F})}
+    ${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})}
     `)}
     </div>
-    `},tp=n({...j()});return t`
+    `},eu=n({...v()});return e`
     <gp-countdown-timer
-      ${{...to}}
-      ${{...tr}}
-      class="${ta}"
-      style="${tl}"
-    >
-      <script gp-data type="application/json">${JSON.stringify(X)}</script>
-      <div id="section-countdown" class="${td}" style="${tn}">
-        ${p(U,`<a
+        ${{...er}}
+        ${{...eo}}
+        class="${ed}"
+        style="${el}"
+        gp-data='${JSON.stringify(X).replaceAll("'","&#039;")}'>
+        <div id="section-countdown" class="${ea}" style="${en}">
+        ${u(U,`<a
             href="${W.href}"
             target="${W?.target}"
             aria-label="Countdown link"
-            class="${tp}"
+            class="${eu}"
           > </a>`)}
-        ${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"))}
+          ${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"))}
       </div>
-    </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>`)}
+     </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>`)}
   `};export{L as default};

package/dist/esm/form/components/form-dropdown/FormDropdown.liquid.js

@@ -1,29 +1,29 @@
-import{template as e,RenderIf as s,isLocalEnv as o,baseAssetURL as t}from"@gem-sdk/core";import{getDynamicSourceLocales as r,createSettingId as p,getSettingPreloadData as d}from"../../../helpers.js";import{createStyle as i,createClass as l,If as a}from"@gem-sdk/system";import{composeContainerStyles as m,getAppendTypoStyleFirstTime as n,composeFormDropdownStyles as c,getStyleOption as f}from"./common/styles.js";import{composeContainerClasses as $,composeFormDropdownClasses as g}from"./common/classes.js";import{FormDropdown as u}from"../../settings/form-dropdown/configs/translate.js";let y=({builderProps:y,setting:j,advanced:v,pageContext:w,styles:S})=>{let{name:h,childItem:N,required:O}=j??{},b=N?.map((e,s)=>r({val:e,uid:y?.uid,settingId:p({id:u?.childItem?.id,index:s}),pageContext:w??{}})),k=i(m(v,j)),E=i({...c(v,j,S),...n(j)}),I=i(f(j)),x=l($(v,y)),A=l(g(j));return e`
+import{template as e,RenderIf as s,isLocalEnv as o,baseAssetURL as r}from"@gem-sdk/core";import{getDynamicSourceLocales as t,createSettingId as d,getSettingPreloadData as p}from"../../../helpers.js";import{createStyle as l,createClass as i,If as m}from"@gem-sdk/system";import{composeContainerStyles as a,getAppendTypoStyleFirstTime as n,composeFormDropdownStyles as c,getStyleOption as f}from"./common/styles.js";import{composeContainerClasses as $,composeFormDropdownClasses as g}from"./common/classes.js";import{FormDropdown as u}from"../../settings/form-dropdown/configs/translate.js";let y=({builderProps:y,setting:j,advanced:v,pageContext:w,styles:S})=>{let{name:h,childItem:N,required:O}=j??{},b=N?.map((e,s)=>t({val:e,uid:y?.uid,settingId:d({id:u?.childItem?.id,index:s}),pageContext:w??{}})),k=l(a(v,j)),E=l({...c(v,j,S),...n(j)}),A=l(f(j)),I=i($(v,y)),x=i(g(j));return e`
     <gp-form-dropdown
       data-id="${y?.uid}"
-      class="${x}"
+      class="${I}"
       style="${k}"
     >
       <select
         type="email"
-        class="${A}"
+        class="${x}"
         style="${E}"
-        ${a(O,"required")}
+        ${m(O,"required")}
         name="${h}"
+        gp-data='${JSON.stringify(j).replaceAll("'","&#039;")}'
       >
-        <script gp-data type="application/json">${JSON.stringify(j)}</script>
-        ${a(!Number(j?.defaultOption),`<option class="gp-hidden" value="" disabled selected>
+        ${m(!Number(j?.defaultOption),`<option class="gp-hidden" value="" disabled selected>
             ${j?.placeholder}
           </option>`)}
         ${b?.map(s=>e`
             <option
               value="${s}"
-              style="${I}"
-              ${a(!!Number(j?.defaultOption),`selected: ${s===b[Number(j?.defaultOption)-1]}`)}
+              style="${A}"
+              ${m(!!Number(j?.defaultOption),`selected: ${s===b[Number(j?.defaultOption)-1]}`)}
             >
               ${s}
             </option>`).join("")}
       </select>
     </gp-form-dropdown>
-    ${s(o,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-form-dropdown-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${t}/assets-v2/gp-form-dropdown-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    ${s(o,`<script ${p('class="gps-link" delay',"src")}="{{ 'gp-form-dropdown-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${p('class="gps-link" delay',"src")}="${r}/assets-v2/gp-form-dropdown-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{y as default};