@gem-sdk/components 16.0.2 → 16.0.4

package/dist/cjs/image-comparison/components/ImageComparison.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js"),CompareImage=require("./CompareImage.js");const ImageComparison=({setting:e,styles:a,builderProps:s,advanced:t,...r})=>{let{imageLeft:l,altLeft:i,titleLeft:m,imageRight:o,altRight:g,titleRight:n,direction:c,defaultPercentage:d,leftImageLabel:p,rightImageLabel:u,sliderLineWidth:I,hoverToSlide:h,enableLabel:j,preload:f,enableSEOLeft:v,enableSEORight:y}=e??{},C=system.createClass(classes.getImageComparisonWrapperClasses()),x=system.createStyleReact(classes.getImageComparisonWrapperStyles());return jsxRuntime.jsx("div",{style:x,className:C,"data-allow-active-on-mousemove":!0,children:jsxRuntime.jsx(CompareImage.default,{...r,styles:a,preload:f,advanced:t,leftImage:l,leftImageAlt:v?i:"",leftImageTitle:v?m:"",rightImage:o,rightImageAlt:y?g:"",rightImageTitle:y?n:"",leftImageLabel:p??"Before",rightImageLabel:u??"After",sliderLineWidth:I,sliderPositionPercentage:helpers.getSliderPositionPercentage(d),vertical:"vertical"===c,hover:h,enableLabel:j,componentUid:s?.uid,builderData:s?.builderData})})};exports.default=ImageComparison;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js"),CompareImage=require("./CompareImage.js");const ImageComparison=({setting:e,styles:a,builderProps:s,advanced:t,...r})=>{let{imageLeft:l,altLeft:i,titleLeft:m,imageRight:o,altRight:g,titleRight:n,direction:c,defaultPercentage:p,leftImageLabel:d,rightImageLabel:u,sliderLineWidth:I,hoverToSlide:C,enableLabel:h,preload:j,enableSEOLeft:x,enableSEORight:f}=e??{},v=system.createClass(classes.getImageComparisonWrapperClasses()),y=system.createStyleReact(classes.getImageComparisonWrapperStyles());return jsxRuntime.jsx("div",{style:y,className:v,"data-allow-active-on-mousemove":!0,children:jsxRuntime.jsx(CompareImage.default,{...r,styles:a,preload:j,advanced:t,leftImage:l,leftImageAlt:x?i:"",leftImageTitle:x?m:"",rightImage:o,rightImageAlt:f?g:"",rightImageTitle:f?n:"",leftImageLabel:d??"Before",rightImageLabel:u??"After",sliderLineWidth:I,sliderPositionPercentage:helpers.getSliderPositionPercentage(p),vertical:"vertical"===c,hover:C,enableLabel:h,componentUid:s?.uid,builderData:s?.builderData,pageContext:r.pageContext??{}})})};exports.default=ImageComparison;

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

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js"),CompareImage_liquid=require("./CompareImage.liquid.js");const ImageComparison=({setting:e,styles:a,builderProps:r,advanced:t,pageContext:s,...i})=>{let l=helpers.getSettingTranslatedImageComparisonAndSeo({setting:e,uid:r?.uid,pageContext:s??{}}),{imageLeft:m,altLeft:o,titleLeft:g,imageRight:d,altRight:n,titleRight:p,direction:c,defaultPercentage:u,leftImageLabel:I,rightImageLabel:y,sliderLineWidth:C,hoverToSlide:h,enableLabel:q,preload:f,qualityType:b,qualityPercent:v,enableSEOLeft:P,enableSEORight:S}=l??{},j=system.createClass(classes.getImageComparisonWrapperClasses()),A=system.createStyle(classes.getImageComparisonWrapperStyles());return core.template`
-    <div class="${j}" style="${A}">
-      ${CompareImage_liquid.default({...i,styles:a,preload:f,advanced:t,leftImage:m,leftImageAlt:P?o:"",leftImageTitle:P?g:"",rightImage:d,rightImageAlt:S?n:"",rightImageTitle:S?p:"",leftImageLabel:I??"Before",rightImageLabel:y??"After",sliderLineWidth:C,sliderPositionPercentage:helpers.getSliderPositionPercentage(u),vertical:"vertical"===c,hover:h,enableLabel:q,qualityType:b,qualityPercent:v,componentUid:r?.uid??"",builderData:r?.builderData})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js"),CompareImage_liquid=require("./CompareImage.liquid.js");const ImageComparison=({setting:e,styles:t,builderProps:a,advanced:r,pageContext:s,...i})=>{let l=helpers.getSettingTranslatedImageComparisonAndSeo({setting:e,uid:a?.uid,pageContext:s??{}}),{imageLeft:m,altLeft:o,titleLeft:g,imageRight:n,altRight:p,titleRight:d,direction:c,defaultPercentage:u,leftImageLabel:I,rightImageLabel:C,sliderLineWidth:y,hoverToSlide:h,enableLabel:q,preload:f,qualityType:b,qualityPercent:v,enableSEOLeft:P,enableSEORight:S}=l??{},j=system.createClass(classes.getImageComparisonWrapperClasses()),x=system.createStyle(classes.getImageComparisonWrapperStyles());return core.template`
+    <div class="${j}" style="${x}">
+      ${CompareImage_liquid.default({...i,styles:t,preload:f,advanced:r,leftImage:m,leftImageAlt:P?o:"",leftImageTitle:P?g:"",rightImage:n,rightImageAlt:S?p:"",rightImageTitle:S?d:"",leftImageLabel:I??"Before",rightImageLabel:C??"After",sliderLineWidth:y,sliderPositionPercentage:helpers.getSliderPositionPercentage(u),vertical:"vertical"===c,hover:h,enableLabel:q,qualityType:b,qualityPercent:v,componentUid:a?.uid??"",builderData:a?.builderData,pageContext:s??{}})}
     </div>
   `};exports.default=ImageComparison;

package/dist/cjs/product/components/dynamic-checkout/Button.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers=require("../../../helpers.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),translate=require("../../../button/settings/configs/translate.js");const Button=({setting:e,advanced:t,styles:s,pageContext:a,builderProps:i,className:l=""})=>{let r=helpers.getDynamicSourceLocales({pageContext:a??{},settingId:helpers.createSettingId({id:translate.Button?.label?.id}),val:e?.label,uid:i?.uid}),n=system.createClass({...!!l&&{[l]:!0},...classes.getButtonClasses({styles:s,uid:i?.uid})}),o=styles.getButtonStyles({styles:s,uid:i?.uid}),d=system.createStateOrContext({setting:{label:e?.label},totalVariant:"{{total_combinations}}"});return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers=require("../../../helpers.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js");const Button=({setting:s,advanced:e,styles:t,builderProps:a,className:i=""})=>{let l=system.createClass({...!!i&&{[i]:!0},...classes.getButtonClasses({styles:t,uid:a?.uid})}),r=styles.getButtonStyles({styles:t,uid:a?.uid}),o=system.createStateOrContext({setting:{label:s?.label},totalVariant:"{{total_combinations}}"});return core.template`
     ${system.Liquid("{%- assign total_combinations = 1 -%}")}
     ${system.LiquidFor("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
     ${system.Liquid(`
@@ -7,13 +7,13 @@
         assign supported_payment_methods = shop.enabled_payment_types
       -%}
     `)}
-    <gp-product-dynamic data-id="${i?.uid}" data-translate-label='${r}' class="${t?.cssClass}" gp-data='${JSON.stringify(d).replaceAll("'","&#039;")}
+    <gp-product-dynamic data-id="${a?.uid}" data-translate-label='${s?.label}' class="${e?.cssClass}" gp-data='${JSON.stringify(o).replaceAll("'","&#039;")}
     '>
-    <div class="${n}">
+    <div class="${l}">
         {{ form | payment_button }}
     </div>
     {% style %}
-      ${o}
+      ${r}
     {% endstyle %}
     </gp-product-dynamic>
     ${system.If(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-dynamic-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-product-dynamic-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}

package/dist/esm/image-comparison/components/ImageComparison.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{createClass as a,createStyleReact as t}from"@gem-sdk/system";import{getImageComparisonWrapperClasses as m,getImageComparisonWrapperStyles as r}from"../common/classes.js";import{getSliderPositionPercentage as o}from"../common/helpers.js";import l from"./CompareImage.js";let ImageComparison=({setting:i,styles:s,builderProps:g,advanced:d,...n})=>{let{imageLeft:c,altLeft:f,titleLeft:p,imageRight:I,altRight:h,titleRight:u,direction:v,defaultPercentage:b,leftImageLabel:j,rightImageLabel:L,sliderLineWidth:y,hoverToSlide:A,enableLabel:C,preload:x,enableSEOLeft:D,enableSEORight:P}=i??{},T=a(m()),k=t(r());return e("div",{style:k,className:T,"data-allow-active-on-mousemove":!0,children:e(l,{...n,styles:s,preload:x,advanced:d,leftImage:c,leftImageAlt:D?f:"",leftImageTitle:D?p:"",rightImage:I,rightImageAlt:P?h:"",rightImageTitle:P?u:"",leftImageLabel:j??"Before",rightImageLabel:L??"After",sliderLineWidth:y,sliderPositionPercentage:o(b),vertical:"vertical"===v,hover:A,enableLabel:C,componentUid:g?.uid,builderData:g?.builderData})})};export{ImageComparison as default};
+import{jsx as e}from"react/jsx-runtime";import{createClass as t,createStyleReact as a}from"@gem-sdk/system";import{getImageComparisonWrapperClasses as m,getImageComparisonWrapperStyles as r}from"../common/classes.js";import{getSliderPositionPercentage as o}from"../common/helpers.js";import l from"./CompareImage.js";let ImageComparison=({setting:i,styles:s,builderProps:g,advanced:n,...d})=>{let{imageLeft:p,altLeft:c,titleLeft:f,imageRight:I,altRight:h,titleRight:u,direction:v,defaultPercentage:b,leftImageLabel:C,rightImageLabel:j,sliderLineWidth:x,hoverToSlide:L,enableLabel:y,preload:A,enableSEOLeft:D,enableSEORight:P}=i??{},T=t(m()),k=a(r());return e("div",{style:k,className:T,"data-allow-active-on-mousemove":!0,children:e(l,{...d,styles:s,preload:A,advanced:n,leftImage:p,leftImageAlt:D?c:"",leftImageTitle:D?f:"",rightImage:I,rightImageAlt:P?h:"",rightImageTitle:P?u:"",leftImageLabel:C??"Before",rightImageLabel:j??"After",sliderLineWidth:x,sliderPositionPercentage:o(b),vertical:"vertical"===v,hover:L,enableLabel:y,componentUid:g?.uid,builderData:g?.builderData,pageContext:d.pageContext??{}})})};export{ImageComparison as default};

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

@@ -1,5 +1,5 @@
-import{template as e}from"@gem-sdk/core";import{createClass as t,createStyle as i}from"@gem-sdk/system";import{getImageComparisonWrapperClasses as r,getImageComparisonWrapperStyles as a}from"../common/classes.js";import{getSettingTranslatedImageComparisonAndSeo as m,getSliderPositionPercentage as l}from"../common/helpers.js";import o from"./CompareImage.liquid.js";let ImageComparison=({setting:s,styles:g,builderProps:d,advanced:n,pageContext:p,...f})=>{let I=m({setting:s,uid:d?.uid,pageContext:p??{}}),{imageLeft:c,altLeft:u,titleLeft:h,imageRight:b,altRight:v,titleRight:y,direction:C,defaultPercentage:L,leftImageLabel:j,rightImageLabel:q,sliderLineWidth:A,hoverToSlide:P,enableLabel:T,preload:$,qualityType:k,qualityPercent:x,enableSEOLeft:D,enableSEORight:B}=I??{},U=t(r()),W=i(a());return e`
+import{template as e}from"@gem-sdk/core";import{createClass as t,createStyle as a}from"@gem-sdk/system";import{getImageComparisonWrapperClasses as i,getImageComparisonWrapperStyles as r}from"../common/classes.js";import{getSettingTranslatedImageComparisonAndSeo as m,getSliderPositionPercentage as o}from"../common/helpers.js";import l from"./CompareImage.liquid.js";let ImageComparison=({setting:g,styles:s,builderProps:d,advanced:n,pageContext:p,...f})=>{let I=m({setting:g,uid:d?.uid,pageContext:p??{}}),{imageLeft:c,altLeft:u,titleLeft:h,imageRight:b,altRight:v,titleRight:y,direction:C,defaultPercentage:L,leftImageLabel:j,rightImageLabel:q,sliderLineWidth:x,hoverToSlide:A,enableLabel:P,preload:T,qualityType:$,qualityPercent:k,enableSEOLeft:D,enableSEORight:B}=I??{},U=t(i()),W=a(r());return e`
     <div class="${U}" style="${W}">
-      ${o({...f,styles:g,preload:$,advanced:n,leftImage:c,leftImageAlt:D?u:"",leftImageTitle:D?h:"",rightImage:b,rightImageAlt:B?v:"",rightImageTitle:B?y:"",leftImageLabel:j??"Before",rightImageLabel:q??"After",sliderLineWidth:A,sliderPositionPercentage:l(L),vertical:"vertical"===C,hover:P,enableLabel:T,qualityType:k,qualityPercent:x,componentUid:d?.uid??"",builderData:d?.builderData})}
+      ${l({...f,styles:s,preload:T,advanced:n,leftImage:c,leftImageAlt:D?u:"",leftImageTitle:D?h:"",rightImage:b,rightImageAlt:B?v:"",rightImageTitle:B?y:"",leftImageLabel:j??"Before",rightImageLabel:q??"After",sliderLineWidth:x,sliderPositionPercentage:o(L),vertical:"vertical"===C,hover:A,enableLabel:P,qualityType:$,qualityPercent:k,componentUid:d?.uid??"",builderData:d?.builderData,pageContext:p??{}})}
     </div>
   `};export{ImageComparison as default};

package/dist/esm/product/components/dynamic-checkout/Button.liquid.js

@@ -1,4 +1,4 @@
-import{template as t,isLocalEnv as s,baseAssetURL as a}from"@gem-sdk/core";import{createClass as i,createStateOrContext as e,Liquid as o,LiquidFor as n,If as l}from"@gem-sdk/system";import{getDynamicSourceLocales as r,createSettingId as d,getSettingPreloadData as p}from"../../../helpers.js";import{getButtonClasses as m}from"./common/classes.js";import{getButtonStyles as c}from"./common/styles.js";import{Button as u}from"../../../button/settings/configs/translate.js";let Button=({setting:g,advanced:y,styles:f,pageContext:_,builderProps:$,className:b=""})=>{let v=r({pageContext:_??{},settingId:d({id:u?.label?.id}),val:g?.label,uid:$?.uid}),j=i({...!!b&&{[b]:!0},...m({styles:f,uid:$?.uid})}),S=c({styles:f,uid:$?.uid}),h=e({setting:{label:g?.label},totalVariant:"{{total_combinations}}"});return t`
+import{template as t,isLocalEnv as s,baseAssetURL as a}from"@gem-sdk/core";import{createClass as i,createStateOrContext as e,Liquid as o,LiquidFor as n,If as l}from"@gem-sdk/system";import{getSettingPreloadData as r}from"../../../helpers.js";import{getButtonClasses as d}from"./common/classes.js";import{getButtonStyles as p}from"./common/styles.js";let Button=({setting:m,advanced:c,styles:u,builderProps:y,className:g=""})=>{let _=i({...!!g&&{[g]:!0},...d({styles:u,uid:y?.uid})}),f=p({styles:u,uid:y?.uid}),$=e({setting:{label:m?.label},totalVariant:"{{total_combinations}}"});return t`
     ${o("{%- assign total_combinations = 1 -%}")}
     ${n("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
     ${o(`
@@ -7,14 +7,14 @@ import{template as t,isLocalEnv as s,baseAssetURL as a}from"@gem-sdk/core";impor
         assign supported_payment_methods = shop.enabled_payment_types
       -%}
     `)}
-    <gp-product-dynamic data-id="${$?.uid}" data-translate-label='${v}' class="${y?.cssClass}" gp-data='${JSON.stringify(h).replaceAll("'","&#039;")}
+    <gp-product-dynamic data-id="${y?.uid}" data-translate-label='${m?.label}' class="${c?.cssClass}" gp-data='${JSON.stringify($).replaceAll("'","&#039;")}
     '>
-    <div class="${j}">
+    <div class="${_}">
         {{ form | payment_button }}
     </div>
     {% style %}
-      ${S}
+      ${f}
     {% endstyle %}
     </gp-product-dynamic>
-    ${l(s,`<script ${p('class="gps-link" delay',"src")}="{{ 'gp-product-dynamic-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${p('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-dynamic-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    ${l(s,`<script ${r('class="gps-link" delay',"src")}="{{ 'gp-product-dynamic-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${r('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-dynamic-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{Button as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "16.0.2",
+  "version": "16.0.4",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",