@gem-sdk/components 19.1.0-staging.5 → 19.1.0-staging.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/button/components/Button.liquid.js +6 -6
- package/dist/cjs/carousel/components/root/common/helpers.js +1 -1
- package/dist/cjs/carousel-v3/components/root/common/helpers.js +1 -1
- package/dist/cjs/countdown-timer/components/Countdown.liquid.js +3 -3
- package/dist/cjs/form/components/form-dropdown/FormDropdown.liquid.js +1 -1
- package/dist/cjs/grid/components/row/common/helpers.js +1 -1
- package/dist/cjs/icon-list-v2/components/IconList.liquid.js +5 -5
- package/dist/cjs/product/components/product-badge/ProductBadge.liquid.js +1 -1
- package/dist/cjs/product/components/product-button/ProductButton.liquid.js +1 -1
- package/dist/cjs/product/components/product-description/ProductDescription.liquid.js +1 -1
- package/dist/cjs/product/components/product-variants/ProductVariants.liquid.js +6 -6
- package/dist/esm/button/components/Button.liquid.js +4 -4
- package/dist/esm/carousel/components/root/common/helpers.js +1 -1
- package/dist/esm/carousel-v3/components/root/common/helpers.js +1 -1
- package/dist/esm/countdown-timer/components/Countdown.liquid.js +5 -5
- package/dist/esm/form/components/form-dropdown/FormDropdown.liquid.js +5 -5
- package/dist/esm/grid/components/row/common/helpers.js +1 -1
- package/dist/esm/icon-list-v2/components/IconList.liquid.js +8 -8
- package/dist/esm/product/components/product-badge/ProductBadge.liquid.js +2 -2
- package/dist/esm/product/components/product-button/ProductButton.liquid.js +5 -5
- package/dist/esm/product/components/product-description/ProductDescription.liquid.js +3 -3
- package/dist/esm/product/components/product-variants/ProductVariants.liquid.js +8 -8
- package/package.json +1 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("@gem-sdk/system"),s=require("../common/attrs.js"),a=require("../common/styles.js"),r=require("../common/classes.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("@gem-sdk/system"),s=require("../common/attrs.js"),a=require("../common/styles.js"),r=require("../common/classes.js"),i=require("../../helpers.js"),l=require("./ButtonIcon.liquid.js"),n=require("./ButtonLabel.liquid.js"),o=require("./ButtonLoadingIndicator.liquid.js"),u=require("../common/helpers.js");exports.default=c=>{let{advanced:g,className:d,nodePrice:p,customAttrs:y,styles:$={},setting:f={},builderProps:q,wrapClassName:S="",translateSetting:C,isForceValue:L,pageContext:b}=c,{iconSvg:m,btnLink:v,htmlType:B,disabled:I,enableBtnLink:j,shouldClearSpace:k,disabledLoading:h=!0}=f,{enableTextStyle:x=!0}=$,{customCss:E,wrapStyle:T,restStyle:A,dataState:D,dataIdAttr:O,isShowIcon:P,isScrollToElement:_,getArialLabel:M,getLabelToDisplay:W,checkIsShowLabel:G,checkIsEditableLabel:H}=u.getData(c),{HTMLTag:N,urlData:R,shouldRenderLink:J}=u.getInsertLinkData({enableBtnLink:j,htmlType:B,setting:v,defaultTag:"button",isLiquid:!0}),U=t.createStyle({...a.getButtonStyles($,f?.enableHoverEffect)}),V=t.createStyle({...a.getTypoStyles($)}),w=t.createStyle({...a.getTypoStyles($),...a.getButtonIconStyles($,f)}),z=t.createStyle({...a.getButtonWrapperStyles(A,$)}),F=t.createClass({...r.getButtonClasses({styles:$,className:d,shouldRenderLink:J,uid:q?.uid,advanced:g})}),K=t.createClass({...r.getButtonIconClasses(W({isLiquid:!0,translateSetting:C,isForceValue:L,pageContext:b??{}}),k,x)}),Q=t.createClass({...r.getButtonLabelClasses($,H({isLiquid:!0}))}),X=t.createClass({...r.getButtonWrapperClasses(S,d,g?.cssClass)}),Y=t.createClass({...r.getButtonContentWrapperClasses(f)}),Z=t.createClass({...r.getButtonContainerClasses()}),ee=t.createAttr({...s.getButtonAttributes({disabled:I,dataState:D,dataId:O,arialLabel:M({isLiquid:!0})})}),et=t.createStateOrContext({btnLink:f?.btnLink});return t.Liquid(e.template`
|
|
2
2
|
<gp-button
|
|
3
|
-
style="${{...
|
|
3
|
+
style="${{...T}}"
|
|
4
4
|
class="${Z}"
|
|
5
5
|
>
|
|
6
|
-
<script gp-data type="application/json">${JSON.stringify(et)
|
|
6
|
+
<script gp-data type="application/json">${JSON.stringify(et)}</script>
|
|
7
7
|
<div style="${z}" class="${X}">
|
|
8
|
-
<style>${
|
|
8
|
+
<style>${E}</style>
|
|
9
9
|
${t.If(_,`<a
|
|
10
10
|
class="gp-trigger-button-link gp-hidden"
|
|
11
11
|
href=${R.href}
|
|
@@ -20,12 +20,12 @@
|
|
|
20
20
|
>
|
|
21
21
|
${t.If(!h,o.default(),"")}
|
|
22
22
|
<div class="${Y}">
|
|
23
|
-
${t.If(P,
|
|
23
|
+
${t.If(P,l.default({iconSvg:m??"",styles:w,classes:K}))}
|
|
24
24
|
${t.If(x&&G({isLiquid:!0,translateSetting:C,isForceValue:L,pageContext:b??{}}),n.default({label:W({isLiquid:!0,translateSetting:C,isForceValue:L,pageContext:b??{}}),styles:V,classes:Q}))}
|
|
25
25
|
</div>
|
|
26
26
|
${t.If(!!p,p?.toString()??"","")}
|
|
27
27
|
</${N}>
|
|
28
28
|
</div>
|
|
29
|
-
${t.If(e.isLocalEnv,`<script ${
|
|
29
|
+
${t.If(e.isLocalEnv,`<script ${i.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${i.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
|
|
30
30
|
</gp-button>
|
|
31
31
|
`)};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@gem-sdk/core"),t=require("@gem-sdk/system");exports.getData=r=>{let o=["mobile","tablet","desktop"],{setting:s,rootId:a,builderProps:i,styles:
|
|
1
|
+
"use strict";var e=require("@gem-sdk/core"),t=require("@gem-sdk/system");exports.getData=r=>{let o=["mobile","tablet","desktop"],{setting:s,rootId:a,builderProps:i,styles:n,moveToIdx:l,isHiddenArrowWhenDisabled:u}=r,g=a??i?.uid,p=`gp-carousel-slider-${i?.uid}`,{enableAction:c={desktop:!0},navigationStyle:d,navigationEnable:S={desktop:!0}}=s??{},f=t.createStateOrContext({id:g,moveToIdx:l,isHiddenArrowWhenDisabled:u,setting:s,styles:n});return{loopConfig:(()=>{let t=s?.loop;return o.forEach(r=>{t={...t,[r]:!!e.getResponsiveValueByScreen(c)&&t?.[r]}}),t})(),stateData:JSON.stringify(f),uniqueComponentId:g,arrowShowConfig:(()=>{let t=d;return o.forEach(r=>{t={...t,[r]:e.getResponsiveValueByScreen(S,r)?e.getResponsiveValueByScreen(t,r):"none"}}),t})(),sliderSelector:p}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@gem-sdk/core"),t=require("@gem-sdk/system");exports.getData=r=>{let o=["mobile","tablet","desktop"],{setting:s,rootId:a,builderProps:
|
|
1
|
+
"use strict";var e=require("@gem-sdk/core"),t=require("@gem-sdk/system");exports.getData=r=>{let o=["mobile","tablet","desktop"],{setting:s,rootId:a,builderProps:i,styles:n,moveToIdx:l,isHiddenArrowWhenDisabled:u,shouldInitByLayout:c,carouselType:g="carousel"}=r,p=a??i?.uid,d=`gp-carousel-slider-${i?.uid}`,{enableAction:S={desktop:!0},navigationStyle:f,navigationEnable:k={desktop:!0}}=s??{},y=t.createStateOrContext({id:p,moveToIdx:l,isHiddenArrowWhenDisabled:u,setting:s,styles:n,shouldInitByLayout:c,carouselType:g});return{loopConfig:(()=>{let t=s?.loop;return o.forEach(r=>{t={...t,[r]:!!e.getResponsiveValueByScreen(S)&&t?.[r]}}),t})(),stateData:JSON.stringify(y),uniqueComponentId:p,arrowShowConfig:(()=>{let t=f;return o.forEach(r=>{t={...t,[r]:e.getResponsiveValueByScreen(k,r)?e.getResponsiveValueByScreen(t,r):"none"}}),t})(),sliderSelector:d}};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../text/components/Text.liquid.js"),s=require("../../helpers.js"),a=require("@gem-sdk/system"),r=require("../common/attrs.js"),l=require("../common/styles.js"),i=require("../common/classes.js"),n=require("../settings/configs/translate.js");exports.default=c=>{let{setting:o,styles:d,builderProps:u,advanced:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../text/components/Text.liquid.js"),s=require("../../helpers.js"),a=require("@gem-sdk/system"),r=require("../common/attrs.js"),l=require("../common/styles.js"),i=require("../common/classes.js"),n=require("../settings/configs/translate.js");exports.default=c=>{let{setting:o,styles:d,builderProps:u,advanced:g,pageContext:p}=c,{labelTypo:y,numTypo:$,numTypography:f,labelTypography:m,enableLabelTextStyle:S}=d??{},{weekLabel:C,dayLabel:x,hourLabel:k,minuteLabel:v,secondLabel:I,enableWeek:b,enableDay:j,enableHour:q,enableMinute:w,enableSecond:L,redirectUrl:h,autoHideWhenTimeout:A}=o??{},P=!!h?.link,{urlData:T}=s.getInsertLinkData("",h),D=a.createStateOrContext({...o,...u}),E=a.createStyle({...l.getDateStyle(d)}),F=e=>a.createClass({...i.getDateClasses(e)}),N=a.createClass({...i.getTextFrontClasses(d)}),O=a.createStyle({...l.getTextFrontStyle(d)}),_=a.createStyle({...l.getTextBackStyle(d)}),R=e=>a.createClass({...i.getTextBackClasses(d,e)}),B=a.createAttr({...r.getAttr({uid:u?.uid||""})}),G=a.createAttr({...r.getAttrHref({uid:T.href||""})}),M=a.createStyle({...l.getWrapperStyle(d)}),V=a.createClass({...i.getWrapperClasses(g?.cssClass)}),W=a.createClass({...i.getContentClasses({isLiquid:!0,autoHideWhenTimeout:A})}),H=a.createStyle({...l.getContainStyle(d)}),J=(s,r,l)=>{let i=l&&l in n.Countdown?n.Countdown[l]?.id:void 0;return e.template`
|
|
2
2
|
<div style="${E}" class="${F(r)}">
|
|
3
3
|
${t.default({styles:{typography:f,typo:$},setting:{...o,text:"00",excludeFlex:!0,isForceValue:!0},style:O,className:N,builderAttrs:{id:s},builderProps:{...u,uid:u?.uid,uidInteraction:`${u?.uid}-text`}})}
|
|
4
4
|
${a.If(!!S,e.template`
|
|
5
|
-
${t.default({styles:{typography:m,typo:y},setting:{...o,text:r,excludeFlex:!0},translateSetting:i,style:_,className:R(r),builderProps:{...u,uid:u?.uid,uidInteraction:`${u?.uid}-text`},pageContext:
|
|
5
|
+
${t.default({styles:{typography:m,typo:y},setting:{...o,text:r,excludeFlex:!0},translateSetting:i,style:_,className:R(r),builderProps:{...u,uid:u?.uid,uidInteraction:`${u?.uid}-text`},pageContext:p})}
|
|
6
6
|
`)}
|
|
7
7
|
</div>
|
|
8
8
|
`},U=a.createClass({...i.getLinkClasses()});return e.template`
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
class="${V}"
|
|
13
13
|
style="${M}"
|
|
14
14
|
>
|
|
15
|
-
<script gp-data type="application/json">${JSON.stringify(D)
|
|
15
|
+
<script gp-data type="application/json">${JSON.stringify(D)}</script>
|
|
16
16
|
<div id="section-countdown" class="${W}" style="${H}">
|
|
17
17
|
${a.If(P,`<a
|
|
18
18
|
href="${T.href}"
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
${s.If(u,"required")}
|
|
12
12
|
name="${c}"
|
|
13
13
|
>
|
|
14
|
-
<script gp-data type="application/json">${JSON.stringify(i)
|
|
14
|
+
<script gp-data type="application/json">${JSON.stringify(i)}</script>
|
|
15
15
|
${s.If(!Number(i?.defaultOption),`<option class="gp-hidden" value="" disabled selected>
|
|
16
16
|
${i?.placeholder}
|
|
17
17
|
</option>`)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@gem-sdk/core"),t=require("@gem-sdk/system");const r=e=>{let t=e.desktop,r=e.tablet?e.tablet:t,p=e.mobile?e.mobile:r;return{desktop:t,tablet:r,mobile:p}},p={desktop:"1200px",tablet:"100%",mobile:"100%"},a=(e,t)=>t?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:t?.[e]==="default"?{contentWidth:`var(--g-ct-w, ${p[e]})`,wrapperWidth:`calc(var(--g-ct-w, ${p[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:t?.[e]!==void 0?{contentWidth:t?.[e],wrapperWidth:`calc(${t?.[e]} + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:{contentWidth:void 0,wrapperWidth:`calc(var(--g-ct-w, ${p[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"};function d(e,t){if(!e||!t)return{};let r={};return["normal","hover","active"].forEach(p=>{let a=e?.[p],d=t?.[p];a&&d&&(r[p]=function(e,t){if(!e||!t)return{};let r=("string"==typeof e?e.split(" "):[]).map(e=>parseInt(e,10)||0),p=Object.fromEntries(["btrr","bblr","bbrr","btlr"].map((e,p)=>[e,Math.max(0,(parseInt(t[e]??"0",10)||0)-(r[p]||0))+"px"]));return{...p,radiusType:t.radiusType}}(a.width,d))}),r}exports.checkHasBackgroundVideo=t=>e.DEVICES.some(r=>{let p=e.getValueByDevice(t,r);return!!p&&(p?.videoType==="html5"&&p?.videoHtml5||p?.videoType==="youtube"&&p?.video)}),exports.createStyleObject=e=>{let t=a("desktop",e),r=a("tablet",e),p=a("mobile",e);return{content:{desktop:t.contentWidth,tablet:r.contentWidth,mobile:p.contentWidth},wrapper:{desktop:t.wrapperWidth,tablet:r.wrapperWidth,mobile:p.wrapperWidth},padding:{desktop:t.wrapperPadding,tablet:r.wrapperPadding,mobile:p.wrapperPadding}}},exports.getData=(r,p)=>{let{builderProps:a}=r,d=t.createStateOrContext({background:p,uid:a?.uid});return{stateData:e.dataStringify(d)
|
|
1
|
+
"use strict";var e=require("@gem-sdk/core"),t=require("@gem-sdk/system");const r=e=>{let t=e.desktop,r=e.tablet?e.tablet:t,p=e.mobile?e.mobile:r;return{desktop:t,tablet:r,mobile:p}},p={desktop:"1200px",tablet:"100%",mobile:"100%"},a=(e,t)=>t?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:t?.[e]==="default"?{contentWidth:`var(--g-ct-w, ${p[e]})`,wrapperWidth:`calc(var(--g-ct-w, ${p[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:t?.[e]!==void 0?{contentWidth:t?.[e],wrapperWidth:`calc(${t?.[e]} + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:{contentWidth:void 0,wrapperWidth:`calc(var(--g-ct-w, ${p[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"};function d(e,t){if(!e||!t)return{};let r={};return["normal","hover","active"].forEach(p=>{let a=e?.[p],d=t?.[p];a&&d&&(r[p]=function(e,t){if(!e||!t)return{};let r=("string"==typeof e?e.split(" "):[]).map(e=>parseInt(e,10)||0),p=Object.fromEntries(["btrr","bblr","bbrr","btlr"].map((e,p)=>[e,Math.max(0,(parseInt(t[e]??"0",10)||0)-(r[p]||0))+"px"]));return{...p,radiusType:t.radiusType}}(a.width,d))}),r}exports.checkHasBackgroundVideo=t=>e.DEVICES.some(r=>{let p=e.getValueByDevice(t,r);return!!p&&(p?.videoType==="html5"&&p?.videoHtml5||p?.videoType==="youtube"&&p?.video)}),exports.createStyleObject=e=>{let t=a("desktop",e),r=a("tablet",e),p=a("mobile",e);return{content:{desktop:t.contentWidth,tablet:r.contentWidth,mobile:p.contentWidth},wrapper:{desktop:t.wrapperWidth,tablet:r.wrapperWidth,mobile:p.wrapperWidth},padding:{desktop:t.wrapperPadding,tablet:r.wrapperPadding,mobile:p.wrapperPadding}}},exports.getData=(r,p)=>{let{builderProps:a}=r,d=t.createStateOrContext({background:p,uid:a?.uid});return{stateData:e.dataStringify(d)}},exports.getInnerRadiusExcludeBorder=function(e,t){return{desktop:d(e?.desktop,t?.desktop),tablet:d(e?.tablet??e?.desktop,t?.tablet??t?.desktop),mobile:d(e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop)}},exports.isRenderHtmlVideo=e=>{let t=r(e||{}),p=t.desktop?.videoType,a=t.tablet?.videoType,d=t.mobile?.videoType;return"html5"==p||"html5"==a||"html5"==d},exports.isRenderYoutubeVideo=e=>{let t=r(e||{}),p=t.desktop?.videoType,a=t.tablet?.videoType,d=t.mobile?.videoType;return"youtube"==p||"youtube"==a||"youtube"==d};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../helpers.js"),s=require("../../text/components/Text.liquid.js"),l=require("@gem-sdk/system"),a=require("../common/classes.js"),i=require("../common/styles.js"),r=require("../common/helpers.js");exports.default=c=>{let{builderProps:o,builderAttrs:n,style:p,setting:d,styles:g,pageContext:y}=c,u=o?.builderData?.advanced,$=l.createClass({[o?.uid??""]:!0}),m=l.createClass(a.getClassWraplistIcon()),S=l.createClass(a.getClassColListIcon()),v=l.createClass(a.getClassWrapItemIcon({builderProps:o})),I=l.createClass(a.getClassWrapIcon()),C=l.createClass(a.getClassIcon()),q=l.createClass(a.getClassTextItem({setting:d})),f=l.createStyle(i.getStyleContainerIconlistMain({styles:g,style:p,type:"liquid",advanced:u})),j=l.createStyle(i.getStyleWraplistIcon({styles:g,uid:o?.uid??"",pageContext:y,type:"Liquid"})),x=l.createStyle(i.getStyleColListIcon({styles:g})),T=l.createStyle(i.getStyleWrapIcon({styles:g,setting:d})),W=l.createStyle(i.getStyleWrapItemIcon({styles:g})),h=l.createStyle(i.getStyleIcon({styles:g,setting:d})),k=i.getStyleTypoText({setting:d}),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../helpers.js"),s=require("../../text/components/Text.liquid.js"),l=require("@gem-sdk/system"),a=require("../common/classes.js"),i=require("../common/styles.js"),r=require("../common/helpers.js");exports.default=c=>{let{builderProps:o,builderAttrs:n,style:p,setting:d,styles:g,pageContext:y}=c,u=o?.builderData?.advanced,$=l.createClass({[o?.uid??""]:!0}),m=l.createClass(a.getClassWraplistIcon()),S=l.createClass(a.getClassColListIcon()),v=l.createClass(a.getClassWrapItemIcon({builderProps:o})),I=l.createClass(a.getClassWrapIcon()),C=l.createClass(a.getClassIcon()),q=l.createClass(a.getClassTextItem({setting:d})),f=l.createStyle(i.getStyleContainerIconlistMain({styles:g,style:p,type:"liquid",advanced:u})),j=l.createStyle(i.getStyleWraplistIcon({styles:g,uid:o?.uid??"",pageContext:y,type:"Liquid"})),x=l.createStyle(i.getStyleColListIcon({styles:g})),T=l.createStyle(i.getStyleWrapIcon({styles:g,setting:d})),W=l.createStyle(i.getStyleWrapItemIcon({styles:g})),h=l.createStyle(i.getStyleIcon({styles:g,setting:d})),k=i.getStyleTypoText({setting:d}),E=l.createAttr({...n}),L=r.getTextIconNotFound("liquid"),_=r.getvalueMap({setting:d});return e.template`
|
|
2
2
|
{% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
|
|
3
3
|
<gp-icon-list
|
|
4
|
-
${{...
|
|
4
|
+
${{...E}}
|
|
5
5
|
${{...o}}
|
|
6
6
|
data-id="${o?.uid}"
|
|
7
7
|
style="${f}"
|
|
8
8
|
className="${$}"
|
|
9
9
|
>
|
|
10
|
-
<script gp-data type="application/json">${e.dataStringify({position:g?.position,iconWidth:d?.iconWidth})
|
|
11
|
-
${l.If(!
|
|
10
|
+
<script gp-data type="application/json">${e.dataStringify({position:g?.position,iconWidth:d?.iconWidth})}</script>
|
|
11
|
+
${l.If(!_||!_.length,e.template`<div>${L}</div>`,e.template`
|
|
12
12
|
<div class="${m}" style="${j}">
|
|
13
13
|
<div class="${S}" style="${x}">
|
|
14
|
-
${
|
|
14
|
+
${_?.map((t,l)=>{let a=r.getTextIconTranslations({setting:d,builderProps:o,pageContext:y,key:l,type:"liquid"});return e.template`
|
|
15
15
|
<div
|
|
16
16
|
key="${l}"
|
|
17
17
|
data-index="${l}"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("./utils/generateLiquidContent.js"),a=require("./utils/renderBadgeLiquid.js"),r=require("@gem-sdk/system"),i=require("./constants.js"),n=require("./common/styles.js"),c=require("./common/classes.js"),l=require("./common/attrs.js"),d=require("./utils/common.js"),p=require("../../settings/product-badge/configs/translate.js");exports.default=o=>{let{styles:u,setting:g,builderProps:y,pageContext:m}=o,C=g?.shape!=="image",S=C&&g?.displayContent?.trim()==="",v=d.checkDiscountContentProductBadge(g?.displayContent),$=r.createClass({...c.getContainerClasses({isInstant:!1,props:o})}),j=r.createStyle({...n.getContainerStyle(o,i.IS_LIQUID)}),q=r.createClass({...c.getWrapperClasses(o)}),I=r.createClass({...c.getSubWrapperClass(o)}),P=r.createStyle({...n.getSubWrapperStyle({props:o})}),f=r.createAttr({...l.getSubWrapperAttrs(o)}),D=n.getContentStyleInternal(o),A=r.createClass({...c.getTextContainerClasses()}),T=r.createAttr({...l.getContainerAttrs(o)}),b=r.createClass({...c.getTextWrapperClasses()}),L=r.createStyle({...n.getTextBadgeWrapperStyles({setting:g,styles:u})}),x=r.createClass({...c.getTextContentClasses(u)}),V=r.createStyle({...n.getTextContentStyle({setting:g,styles:u})}),_=r.createAttr({...l.getTextContentAttrs()}),h=r.createClass({...c.getImageContainerClasses()}),B=r.createStyle({...n.getImageContainerStyles({setting:g,styles:u})}),W=r.createClass({...c.getImageClasses()}),k=r.createAttr({...l.getImageAttr({setting:g})}),E=r.createStateOrContext({minPrice:"{{ minPriceValue | replace: '\"', '\\\"' | escape }}",variantIDs:'{{ product.variants | map: "id" | json | escape }}',variantInventoryQuantities:'{{ product.variants | map: "inventory_quantity" | json | escape }}',amountDiscount:"{{amountDiscountValue | replace: '\"', '\\\"' | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:JSON.parse(JSON.stringify(g?.displayTrigger)
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("./utils/generateLiquidContent.js"),a=require("./utils/renderBadgeLiquid.js"),r=require("@gem-sdk/system"),i=require("./constants.js"),n=require("./common/styles.js"),c=require("./common/classes.js"),l=require("./common/attrs.js"),d=require("./utils/common.js"),p=require("../../settings/product-badge/configs/translate.js");exports.default=o=>{let{styles:u,setting:g,builderProps:y,pageContext:m}=o,C=g?.shape!=="image",S=C&&g?.displayContent?.trim()==="",v=d.checkDiscountContentProductBadge(g?.displayContent),$=r.createClass({...c.getContainerClasses({isInstant:!1,props:o})}),j=r.createStyle({...n.getContainerStyle(o,i.IS_LIQUID)}),q=r.createClass({...c.getWrapperClasses(o)}),I=r.createClass({...c.getSubWrapperClass(o)}),P=r.createStyle({...n.getSubWrapperStyle({props:o})}),f=r.createAttr({...l.getSubWrapperAttrs(o)}),D=n.getContentStyleInternal(o),A=r.createClass({...c.getTextContainerClasses()}),T=r.createAttr({...l.getContainerAttrs(o)}),b=r.createClass({...c.getTextWrapperClasses()}),L=r.createStyle({...n.getTextBadgeWrapperStyles({setting:g,styles:u})}),x=r.createClass({...c.getTextContentClasses(u)}),V=r.createStyle({...n.getTextContentStyle({setting:g,styles:u})}),_=r.createAttr({...l.getTextContentAttrs()}),h=r.createClass({...c.getImageContainerClasses()}),B=r.createStyle({...n.getImageContainerStyles({setting:g,styles:u})}),W=r.createClass({...c.getImageClasses()}),k=r.createAttr({...l.getImageAttr({setting:g})}),E=r.createStateOrContext({minPrice:"{{ minPriceValue | replace: '\"', '\\\"' | escape }}",variantIDs:'{{ product.variants | map: "id" | json | escape }}',variantInventoryQuantities:'{{ product.variants | map: "inventory_quantity" | json | escape }}',amountDiscount:"{{amountDiscountValue | replace: '\"', '\\\"' | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:JSON.parse(JSON.stringify(g?.displayTrigger)),uid:o.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:C,isSettingSameHeightProductList:"{{ isSettingSameHeightProductList }}"}),{displayContent:O}=g??{},K=t.getDynamicSourceLocales({val:O?.trim(),uid:y?.uid,settingId:p.ProductBadge?.displayContent?.id,isLiquid:!0,pageContext:m});return e.template`
|
|
2
2
|
{% if product %}
|
|
3
3
|
${s.generateBadgeContent(K,m?.isPreviewing)}
|
|
4
4
|
${a.renderBadgeInFirstTime(g?.displayTrigger,!S,v)}
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
gp-success-message="${h}"
|
|
19
19
|
data-variant-selection-required-message="${v}"
|
|
20
20
|
>
|
|
21
|
-
<script gp-data type="application/json">${JSON.stringify(_)
|
|
21
|
+
<script gp-data type="application/json">${JSON.stringify(_)}</script>
|
|
22
22
|
${n.AddToCartButton({...l,style:y})}
|
|
23
23
|
${o.SoldOutButton({...l,style:y,label:S})}
|
|
24
24
|
</gp-product-button>
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
data-view-more-text="${M}"
|
|
6
6
|
data-view-less-text="${P}"
|
|
7
7
|
>
|
|
8
|
-
<script gp-data type="application/json">${e.dataStringify(k)
|
|
8
|
+
<script gp-data type="application/json">${e.dataStringify(k)}</script>
|
|
9
9
|
<style>${h}${b}</style>
|
|
10
10
|
<div class="${q}" ></div>
|
|
11
11
|
${s.LiquidUnless("product","<p>Product not found</p>",e.template`<${$} ${w} class="${S}" style="${L}">
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
"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"),
|
|
2
|
-
${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:
|
|
3
|
-
${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(
|
|
1
|
+
"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:C}=j??{},E=S?.d??$,{uid:T}=y??{},A=()=>{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`
|
|
2
|
+
${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:T,name:"{{option.name | escape}}",value:{label:"{{value | escape}}"},checked:C?"{%- if option.selected_value == value -%}true{% else %}false{%- endif -%}":"false",optionPosition:"rootForloop",typeOfOption:o,activeClass:C?"{%- if option.selected_value == value -%}option-item-active{%- endif -%}":"",...h,...W,swatchAutoWidth:A(),optionTypo:b,isRenderDefault:a}))}
|
|
3
|
+
${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:T,hasPreSelected:C,cssClass:S?.cssClass})),Z=r.createStyle(l.getWrapperStyle(q)),ee=r.createClass({"gp-flex gp-flex-col !gp-ml-0":!0});return e.template`
|
|
4
4
|
${r.Liquid("{%- assign total_combinations = 1 -%}")}
|
|
5
5
|
${r.LiquidFor("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
|
|
6
6
|
<gp-product-variants ${X}>
|
|
7
7
|
<script gp-data type="application/json">
|
|
8
8
|
{
|
|
9
|
-
"setting":${JSON.stringify(W)
|
|
9
|
+
"setting":${JSON.stringify(W)},
|
|
10
10
|
"styles":${JSON.stringify(h)},
|
|
11
11
|
"variants":{{product.variants | json}},
|
|
12
12
|
"optionsWithValues": {{product.options_with_values | json}},
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"productId": {{product.id | json }},
|
|
18
18
|
"productUrl": {{product.url | json }},
|
|
19
19
|
"productHandle": {{product.handle | json }},
|
|
20
|
-
"displayState": ${JSON.stringify(
|
|
20
|
+
"displayState": ${JSON.stringify(E)},
|
|
21
21
|
"totalVariantCombinations": {{total_combinations}},
|
|
22
22
|
"firstAvailableVariant": {{product.selected_or_first_available_variant | json }}
|
|
23
23
|
}
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
{%- assign selectedValue = variant.option3 -%}
|
|
92
92
|
{%- endif -%}
|
|
93
93
|
`)}
|
|
94
|
-
${r.If(!
|
|
94
|
+
${r.If(!C,r.Liquid("{%- assign selectedValue = null -%}"),"")}
|
|
95
95
|
${r.If(N,e.template`
|
|
96
96
|
${r.LiquidIf("shop.metafields.GEMPAGES.swatchesJSONFormat and shop.metafields.GEMPAGES.swatchesJSONFormat != blank",g.renderOptionValuesNewFormatSwatches(J),_.renderOptionValuesOld(J))}
|
|
97
97
|
`,M({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
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
|
|
1
|
+
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`
|
|
2
2
|
<gp-button
|
|
3
3
|
style="${{...K}}"
|
|
4
4
|
class="${s$}"
|
|
5
5
|
>
|
|
6
|
-
<script gp-data type="application/json">${JSON.stringify(sy)
|
|
6
|
+
<script gp-data type="application/json">${JSON.stringify(sy)}</script>
|
|
7
7
|
<div style="${sp}" class="${sg}">
|
|
8
8
|
<style>${F}</style>
|
|
9
9
|
${n(Y,`<a
|
|
@@ -15,13 +15,13 @@ import{isLocalEnv as s,baseAssetURL as t,template as i}from"@gem-sdk/core";impor
|
|
|
15
15
|
${{...sf}}
|
|
16
16
|
${{...I}}
|
|
17
17
|
${{...so}}
|
|
18
|
-
style="${
|
|
18
|
+
style="${sa}"
|
|
19
19
|
class="${sd}"
|
|
20
20
|
>
|
|
21
21
|
${n(!z,S(),"")}
|
|
22
22
|
<div class="${su}">
|
|
23
23
|
${n(X,v({iconSvg:_??"",styles:sn,classes:sm}))}
|
|
24
|
-
${n(D&&st({isLiquid:!0,translateSetting:M,isForceValue:N,pageContext:O??{}}),q({label:ss({isLiquid:!0,translateSetting:M,isForceValue:N,pageContext:O??{}}),styles:
|
|
24
|
+
${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}))}
|
|
25
25
|
</div>
|
|
26
26
|
${n(!!C,C?.toString()??"","")}
|
|
27
27
|
</${se}>
|
|
@@ -1 +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:
|
|
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};
|
|
@@ -1 +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:
|
|
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};
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import{template as t,RenderIf as e,isLocalEnv as s,baseAssetURL as i}from"@gem-sdk/core";import
|
|
1
|
+
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`
|
|
2
2
|
<div style="${Y}" class="${Z(s)}">
|
|
3
|
-
${
|
|
3
|
+
${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`}})}
|
|
4
4
|
${p(!!O,t`
|
|
5
|
-
${
|
|
5
|
+
${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})}
|
|
6
6
|
`)}
|
|
7
7
|
</div>
|
|
8
8
|
`},tp=n({...j()});return t`
|
|
9
9
|
<gp-countdown-timer
|
|
10
|
-
${{...tr}}
|
|
11
10
|
${{...to}}
|
|
11
|
+
${{...tr}}
|
|
12
12
|
class="${ta}"
|
|
13
13
|
style="${tl}"
|
|
14
14
|
>
|
|
15
|
-
<script gp-data type="application/json">${JSON.stringify(X)
|
|
15
|
+
<script gp-data type="application/json">${JSON.stringify(X)}</script>
|
|
16
16
|
<div id="section-countdown" class="${td}" style="${tn}">
|
|
17
17
|
${p(U,`<a
|
|
18
18
|
href="${W.href}"
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
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)}),
|
|
1
|
+
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`
|
|
2
2
|
<gp-form-dropdown
|
|
3
3
|
data-id="${y?.uid}"
|
|
4
|
-
class="${
|
|
4
|
+
class="${x}"
|
|
5
5
|
style="${k}"
|
|
6
6
|
>
|
|
7
7
|
<select
|
|
8
8
|
type="email"
|
|
9
|
-
class="${
|
|
9
|
+
class="${A}"
|
|
10
10
|
style="${E}"
|
|
11
11
|
${a(O,"required")}
|
|
12
12
|
name="${h}"
|
|
13
13
|
>
|
|
14
|
-
<script gp-data type="application/json">${JSON.stringify(j)
|
|
14
|
+
<script gp-data type="application/json">${JSON.stringify(j)}</script>
|
|
15
15
|
${a(!Number(j?.defaultOption),`<option class="gp-hidden" value="" disabled selected>
|
|
16
16
|
${j?.placeholder}
|
|
17
17
|
</option>`)}
|
|
18
18
|
${b?.map(s=>e`
|
|
19
19
|
<option
|
|
20
20
|
value="${s}"
|
|
21
|
-
style="${
|
|
21
|
+
style="${I}"
|
|
22
22
|
${a(!!Number(j?.defaultOption),`selected: ${s===b[Number(j?.defaultOption)-1]}`)}
|
|
23
23
|
>
|
|
24
24
|
${s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{DEVICES as
|
|
1
|
+
import{DEVICES as t,getValueByDevice as e,dataStringify as r}from"@gem-sdk/core";import{createStateOrContext as p}from"@gem-sdk/system";let d=t=>{let e=t.desktop,r=t.tablet?t.tablet:e,p=t.mobile?t.mobile:r;return{desktop:e,tablet:r,mobile:p}},o={desktop:"1200px",tablet:"100%",mobile:"100%"},a=(t,e)=>e?.[t]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:e?.[t]==="default"?{contentWidth:`var(--g-ct-w, ${o[t]})`,wrapperWidth:`calc(var(--g-ct-w, ${o[t]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:e?.[t]!==void 0?{contentWidth:e?.[t],wrapperWidth:`calc(${e?.[t]} + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:{contentWidth:void 0,wrapperWidth:`calc(var(--g-ct-w, ${o[t]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"},i=t=>{let e=a("desktop",t),r=a("tablet",t),p=a("mobile",t);return{content:{desktop:e.contentWidth,tablet:r.contentWidth,mobile:p.contentWidth},wrapper:{desktop:e.wrapperWidth,tablet:r.wrapperWidth,mobile:p.wrapperWidth},padding:{desktop:e.wrapperPadding,tablet:r.wrapperPadding,mobile:p.wrapperPadding}}},l=(t,e)=>{let{builderProps:d}=t,o=p({background:e,uid:d?.uid});return{stateData:r(o)}};function n(t,e){if(!t||!e)return{};let r={};return["normal","hover","active"].forEach(p=>{let d=t?.[p],o=e?.[p];d&&o&&(r[p]=function(t,e){if(!t||!e)return{};let r=("string"==typeof t?t.split(" "):[]).map(t=>parseInt(t,10)||0),p=Object.fromEntries(["btrr","bblr","bbrr","btlr"].map((t,p)=>[t,Math.max(0,(parseInt(e[t]??"0",10)||0)-(r[p]||0))+"px"]));return{...p,radiusType:e.radiusType}}(d.width,o))}),r}function b(t,e){return{desktop:n(t?.desktop,e?.desktop),tablet:n(t?.tablet??t?.desktop,e?.tablet??e?.desktop),mobile:n(t?.mobile??t?.tablet??t?.desktop,e?.mobile??e?.tablet??e?.desktop)}}let c=r=>t.some(t=>{let p=e(r,t);return!!p&&(p?.videoType==="html5"&&p?.videoHtml5||p?.videoType==="youtube"&&p?.video)}),u=t=>{let e=d(t||{}),r=e.desktop?.videoType,p=e.tablet?.videoType,o=e.mobile?.videoType;return"html5"==r||"html5"==p||"html5"==o},s=t=>{let e=d(t||{}),r=e.desktop?.videoType,p=e.tablet?.videoType,o=e.mobile?.videoType;return"youtube"==r||"youtube"==p||"youtube"==o};export{c as checkHasBackgroundVideo,i as createStyleObject,l as getData,b as getInnerRadiusExcludeBorder,u as isRenderHtmlVideo,s as isRenderYoutubeVideo};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import{dataStringify as s,template as i,RenderIf as t,isLocalEnv as e,baseAssetURL as
|
|
1
|
+
import{dataStringify as s,template as i,RenderIf as t,isLocalEnv as e,baseAssetURL as o}from"@gem-sdk/core";import{getSettingPreloadData as l}from"../../helpers.js";import r from"../../text/components/Text.liquid.js";import{createClass as p,createStyle as a,createAttr as d,If as n}from"@gem-sdk/system";import{getClassWraplistIcon as c,getClassColListIcon as m,getClassWrapItemIcon as $,getClassWrapIcon as u,getClassIcon as g,getClassTextItem as v}from"../common/classes.js";import{getStyleContainerIconlistMain as y,getStyleWraplistIcon as f,getStyleColListIcon as j,getStyleWrapIcon as h,getStyleWrapItemIcon as q,getStyleIcon as x,getStyleTypoText as S}from"../common/styles.js";import{getvalueMap as k,getTextIconTranslations as E,getTextIconNotFound as N}from"../common/helpers.js";let T=T=>{let{builderProps:V,builderAttrs:_,style:w,setting:A,styles:C,pageContext:G}=T,I=V?.builderData?.advanced,L=p({[V?.uid??""]:!0}),O=p(c()),W=p(m()),b=p($({builderProps:V})),D=p(u()),F=p(g()),M=p(v({setting:A})),P=a(y({styles:C,style:w,type:"liquid",advanced:I})),R=a(f({styles:C,uid:V?.uid??"",pageContext:G,type:"Liquid"})),z=a(j({styles:C})),B=a(h({styles:C,setting:A})),H=a(q({styles:C})),J=a(x({styles:C,setting:A})),K=S({setting:A}),Q=d({..._}),U=N("liquid"),X=k({setting:A});return i`
|
|
2
2
|
{% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
|
|
3
3
|
<gp-icon-list
|
|
4
4
|
${{...Q}}
|
|
5
|
-
${{...
|
|
6
|
-
data-id="${
|
|
5
|
+
${{...V}}
|
|
6
|
+
data-id="${V?.uid}"
|
|
7
7
|
style="${P}"
|
|
8
8
|
className="${L}"
|
|
9
9
|
>
|
|
10
|
-
<script gp-data type="application/json">${s({position:C?.position,iconWidth:
|
|
11
|
-
${
|
|
10
|
+
<script gp-data type="application/json">${s({position:C?.position,iconWidth:A?.iconWidth})}</script>
|
|
11
|
+
${n(!X||!X.length,i`<div>${U}</div>`,i`
|
|
12
12
|
<div class="${O}" style="${R}">
|
|
13
13
|
<div class="${W}" style="${z}">
|
|
14
|
-
${X?.map((s,t)=>{let e=E({setting:
|
|
14
|
+
${X?.map((s,t)=>{let e=E({setting:A,builderProps:V,pageContext:G,key:t,type:"liquid"});return i`
|
|
15
15
|
<div
|
|
16
16
|
key="${t}"
|
|
17
17
|
data-index="${t}"
|
|
@@ -31,5 +31,5 @@ import{dataStringify as s,template as i,RenderIf as t,isLocalEnv as e,baseAssetU
|
|
|
31
31
|
</div>
|
|
32
32
|
</div>`)}
|
|
33
33
|
</gp-icon-list>
|
|
34
|
-
${t(e,`<script ${
|
|
35
|
-
`};export{
|
|
34
|
+
${t(e,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-icon-list-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${o}/assets-v2/gp-icon-list-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
|
|
35
|
+
`};export{T as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{sanitizeLiquid as e,dataStringify as t,RenderIf as s,template as i,isLocalEnv as r,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as o,getSettingPreloadData as c}from"../../../helpers.js";import{generateBadgeContent as n}from"./utils/generateLiquidContent.js";import{renderBadgeInFirstTime as p}from"./utils/renderBadgeLiquid.js";import{createClass as d,createStyle as l,createAttr as u,createStateOrContext as m}from"@gem-sdk/system";import{IS_LIQUID as g}from"./constants.js";import{getContainerStyle as y,getSubWrapperStyle as $,getContentStyleInternal as v,getTextBadgeWrapperStyles as f,getTextContentStyle as j,getImageContainerStyles as P}from"./common/styles.js";import{getContainerClasses as S,getWrapperClasses as D,getSubWrapperClass as V,getTextContainerClasses as b,getTextWrapperClasses as h,getTextContentClasses as C,getImageContainerClasses as I,getImageClasses as L}from"./common/classes.js";import{getSubWrapperAttrs as T,getContainerAttrs as k,getTextContentAttrs as q,getImageAttr as
|
|
1
|
+
import{sanitizeLiquid as e,dataStringify as t,RenderIf as s,template as i,isLocalEnv as r,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as o,getSettingPreloadData as c}from"../../../helpers.js";import{generateBadgeContent as n}from"./utils/generateLiquidContent.js";import{renderBadgeInFirstTime as p}from"./utils/renderBadgeLiquid.js";import{createClass as d,createStyle as l,createAttr as u,createStateOrContext as m}from"@gem-sdk/system";import{IS_LIQUID as g}from"./constants.js";import{getContainerStyle as y,getSubWrapperStyle as $,getContentStyleInternal as v,getTextBadgeWrapperStyles as f,getTextContentStyle as j,getImageContainerStyles as P}from"./common/styles.js";import{getContainerClasses as S,getWrapperClasses as D,getSubWrapperClass as V,getTextContainerClasses as b,getTextWrapperClasses as h,getTextContentClasses as C,getImageContainerClasses as I,getImageClasses as L}from"./common/classes.js";import{getSubWrapperAttrs as T,getContainerAttrs as k,getTextContentAttrs as q,getImageAttr as E}from"./common/attrs.js";import{checkDiscountContentProductBadge as K}from"./utils/common.js";import{ProductBadge as N}from"../../settings/product-badge/configs/translate.js";let _=_=>{let{styles:A,setting:B,builderProps:O,pageContext:Q}=_,w=B?.shape!=="image",G=w&&B?.displayContent?.trim()==="",H=K(B?.displayContent),J=d({...S({isInstant:!1,props:_})}),x=l({...y(_,g)}),M=d({...D(_)}),R=d({...V(_)}),Y=l({...$({props:_})}),z=u({...T(_)}),F=v(_),U=d({...b()}),W=u({...k(_)}),X=d({...h()}),Z=l({...f({setting:B,styles:A})}),ee=d({...C(A)}),et=l({...j({setting:B,styles:A})}),es=u({...q()}),ei=d({...I()}),er=l({...P({setting:B,styles:A})}),ea=d({...L()}),eo=u({...E({setting:B})}),ec=m({minPrice:"{{ minPriceValue | replace: '\"', '\\\"' | escape }}",variantIDs:'{{ product.variants | map: "id" | json | escape }}',variantInventoryQuantities:'{{ product.variants | map: "inventory_quantity" | json | escape }}',amountDiscount:"{{amountDiscountValue | replace: '\"', '\\\"' | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:JSON.parse(JSON.stringify(B?.displayTrigger)),uid:_.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:w,isSettingSameHeightProductList:"{{ isSettingSameHeightProductList }}"}),{displayContent:en}=B??{},ep=o({val:en?.trim(),uid:O?.uid,settingId:N?.displayContent?.id,isLiquid:!0,pageContext:Q});return i`
|
|
2
2
|
{% if product %}
|
|
3
3
|
${n(ep,Q?.isPreviewing)}
|
|
4
4
|
${p(B?.displayTrigger,!G,H)}
|
|
@@ -36,4 +36,4 @@ import{sanitizeLiquid as e,dataStringify as t,RenderIf as s,template as i,isLoca
|
|
|
36
36
|
</gp-product-badge>
|
|
37
37
|
${s(r,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-product-badge-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-badge-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
|
|
38
38
|
{% endif %}
|
|
39
|
-
`};export{
|
|
39
|
+
`};export{_ as default};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{getSplitStyle as t}from"./common/styles.js";import{getGPProductButtonState as e,escapeSingleQuoteForAttr as s}from"./common/helpers.js";import{template as r,isLocalEnv as a,baseAssetURL as o}from"@gem-sdk/core";import{createStateOrContext as i,Liquid as n,LiquidFor as
|
|
1
|
+
import{getSplitStyle as t}from"./common/styles.js";import{getGPProductButtonState as e,escapeSingleQuoteForAttr as s}from"./common/helpers.js";import{template as r,isLocalEnv as a,baseAssetURL as o}from"@gem-sdk/core";import{createStateOrContext as i,Liquid as n,LiquidFor as p,If as l}from"@gem-sdk/system";import{getInsertLinkData as c,getSettingPreloadData as u}from"../../../helpers.js";import{getButtonDynamicSourceLocales as d}from"./helpers/getButtonDynamicSourceLocales.js";import{SoldOutButton as m}from"./SoldOutButton.liquid.js";import{AddToCartButton as g}from"./AddToCartButton.liquid.js";let f=f=>{let{setting:$,builderProps:y,style:b,styles:v,pageContext:_}=f,{wrapStyle:h,restStyle:S}=t(b),{outOfStockButtonLabel:j,unavailableButtonLabel:q,variantSelectionRequiredMessage:k,successMessage:E,errorMessage:M}=d({setting:$,pageContext:_,builderProps:y}),{urlData:A}=c("",$?.actionEffect==="open-cart-drawer"?{link:"/cart",target:"_self"}:$?.customURL),B=i(e({styles:v,setting:$})),G=s(E??$?.successMessage),P=s(M??$?.errorMessage),w=s(k??$?.variantSelectionRequiredMessage);return r`
|
|
2
2
|
${n("{%- assign total_combinations = 1 -%}")}
|
|
3
|
-
${
|
|
3
|
+
${p("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
|
|
4
4
|
{%- liquid
|
|
5
5
|
assign inventory_quantity = variant.inventory_quantity | default: 0
|
|
6
6
|
assign is_in_stock = variant.available
|
|
@@ -8,7 +8,7 @@ import{getSplitStyle as t}from"./common/styles.js";import{getGPProductButtonStat
|
|
|
8
8
|
<gp-product-button
|
|
9
9
|
style="${h}"
|
|
10
10
|
gp-data-wrapper="true"
|
|
11
|
-
gp-href="${
|
|
11
|
+
gp-href="${A.href}"
|
|
12
12
|
class="gp-product-button"
|
|
13
13
|
gp-label-out-of-stock="${j}"
|
|
14
14
|
gp-label-unavailable="${q}"
|
|
@@ -18,9 +18,9 @@ import{getSplitStyle as t}from"./common/styles.js";import{getGPProductButtonStat
|
|
|
18
18
|
gp-success-message="${G}"
|
|
19
19
|
data-variant-selection-required-message="${k}"
|
|
20
20
|
>
|
|
21
|
-
<script gp-data type="application/json">${JSON.stringify(B)
|
|
21
|
+
<script gp-data type="application/json">${JSON.stringify(B)}</script>
|
|
22
22
|
${g({...f,style:S})}
|
|
23
23
|
${m({...f,style:S,label:j})}
|
|
24
24
|
</gp-product-button>
|
|
25
|
-
${
|
|
25
|
+
${l(a,`<script ${u('class="gps-link" delay',"src")}="{{ 'gp-product-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${u('class="gps-link" delay',"src")}="${o}/assets-v2/gp-product-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
|
|
26
26
|
`};export{f as default};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import{makeStyleResponsive as
|
|
1
|
+
import{makeStyleResponsive as t,makeLineClamp as e,dataStringify as s,template as i,baseAssetURL as o,isLocalEnv as p}from"@gem-sdk/core";import{getDynamicSourceLocales as r,createSettingId as a,getSettingPreloadData as n}from"../../../helpers.js";import{createClass as d,createStyle as c,createAttr as l,createStateOrContext as m,LiquidIf as $,Liquid as u,LiquidUnless as g,If as v}from"@gem-sdk/system";import{getClasses as f,getButtonClasses as x,getClassPreBuilt as w}from"./common/classes.js";import{getTextStyle as h,getButtonStyle as y,getStaticCss as C}from"./common/styles.js";import{ICON_SVG as j}from"./common/helpers.js";import{ProductDescription as b}from"../../settings/product-description/configs/translate.js";let M=M=>{let{setting:S,advanced:I,builderProps:L,pageContext:T}=M,{htmlTag:k,viewMoreText:E,viewLessText:P}=S??{},V="html"===k?"div":"p",A=d({"gp-product-description":!0,[I?.cssClass]:!0}),D=d(f({setting:S,isLiquid:!0})),G=d(x({setting:S})),_=d({"gp-show-more-text":!0}),q=d({"gp-show-more-icon gp-ml-1":!0}),H=c({...h({setting:S,renderMaxHeight:!0}),...t("line-clamp",e(S?.lineClamp,S?.hasLineClamp))}),N=d(w()),O=c(y({setting:S})),R=l({"data-id":`${L?.uid}`}),z=l({"data-gp-text":""}),{textDescriptionCss:B,gpDescriptionCss:F}=C(),J="product.description == blank",K=r({val:E,uid:L?.uid,settingId:a({id:b?.viewMoreText?.id}),pageContext:T??{}}),Q=r({val:P,uid:L?.uid,settingId:a({id:b?.viewLessText?.id}),pageContext:T??{}}),U=m({setting:{lineClamp:S?.lineClamp,hasLineClamp:S?.hasLineClamp,viewMoreText:K,viewLessText:Q,enableViewMoreIcon:S?.enableViewMoreIcon},textStyle:H});return $(J,"",u(i`
|
|
2
2
|
<gp-product-description
|
|
3
3
|
${R}
|
|
4
4
|
class="${A}"
|
|
5
5
|
data-view-more-text="${K}"
|
|
6
6
|
data-view-less-text="${Q}"
|
|
7
7
|
>
|
|
8
|
-
<script gp-data type="application/json">${s(U)
|
|
8
|
+
<script gp-data type="application/json">${s(U)}</script>
|
|
9
9
|
<style>${B}${F}</style>
|
|
10
10
|
<div class="${N}" ></div>
|
|
11
11
|
${g("product","<p>Product not found</p>",i`<${V} ${z} class="${D}" style="${H}">
|
|
@@ -19,5 +19,5 @@ import{makeStyleResponsive as e,makeLineClamp as t,dataStringify as s,template a
|
|
|
19
19
|
</button>`)}`)}
|
|
20
20
|
</gp-product-description>
|
|
21
21
|
|
|
22
|
-
${(()=>{let
|
|
22
|
+
${(()=>{let t=p?"{{ 'gp-product-description-v7-5.js' | asset_url }}":`${o}/assets-v2/gp-product-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${n('class="gps-link" delay',"src")}="${t}" defer="defer"></script>`})()}
|
|
23
23
|
`))};export{M as default};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import{template as t,baseAssetURL as
|
|
2
|
-
${f("value in values",a({id:"{{option.name | escape | handleize}}-{{value | escape | handleize}}",variantKey:"{{option.name | escape}}-{{option.position}}-{{ forloop.index }}",showAsSwatches:R,uid:U,name:"{{option.name | escape}}",value:{label:"{{value | escape}}"},checked:K?"{%- if option.selected_value == value -%}true{% else %}false{%- endif -%}":"false",optionPosition:"rootForloop",typeOfOption:
|
|
3
|
-
${$(
|
|
1
|
+
import{template as t,baseAssetURL as i,isLocalEnv as o,DEVICES as e,getResponsiveValueByScreen as s}from"@gem-sdk/core";import n from"../../../text/components/Text.liquid.js";import a from"./components/variants/index.liquid.js";import r from"./components/dropdown-swatches/Dropdown.liquid.js";import p from"./components/dropdown-group/DropdownGroup.liquid.js";import{getSettingPreloadData as l}from"../../../helpers.js";import{mappingVariantStyles as d}from"./utils/mappingVariantStyles.js";import{createClass as m,createStyle as c,createAttr as u,Liquid as v,LiquidFor as f,LiquidIf as $,If as g}from"@gem-sdk/system";import{getAttrs as _}from"./common/main/getAttr.js";import{getVariantOptionGroupStyle as h,getWrapperStyle as y}from"./common/main/styles.js";import{getVariantOptionGroupClass as j,getWrapDropdownClass as w}from"./common/main/classes.js";import{getTextVariantTitleData as b,getDropdownGroupData as S}from"./common/main/getData.js";import{getWrapVariantOptionClass as P}from"./common/variants/classes.js";import{getStyleOfObject as O}from"../../helpers/function.js";import{getMarginBottomStyle as x}from"./common/variants/styles.js";import{PRODUCT_VARIANT_OPTION_MINW_STYLE as V}from"./common/const.js";import{renderOptionValuesNewFormatSwatches as N}from"./OptionVariantsNewFormat.liquid.js";import{renderOptionValuesOld as q}from"./OptionVariantsOldFormat.liquid.js";let A={desktop:!0,tablet:!0,mobile:!0},D=D=>{let{builderProps:E,styles:T,setting:k,advanced:F}=D,{align:G,swatchItemWidth:z,dropdownItemWidth:C,swatchSpacing:J,optionTypo:I,marginBottom:M}=T??{},{label:W,optionType:L,showAsSwatches:R,layout:H,hasPreSelected:K}=k??{},Q=F?.d??A,{uid:U}=E??{},B=()=>{let t={};return e.forEach(i=>{let o=s(z,i);t[i]="auto"===o}),t},X=()=>{let t={};return e.forEach(i=>{t[i]=C?.[i]==="fill"}),t},Y=k?.variantPresets?d(k?.variantPresets,T):[],Z=Y?.map(t=>(t.presets={[t.optionType]:t.presets[t.optionType]},t)),tt={...k,variantPresets:Z},ti=t=>{let i={"'":"'",'"':"""},o=t;for(let e in i)t.indexOf(e)>=0&&(o=o.replaceAll(e,i[e]));return o},to=({showDropdown:i,isRenderDefault:o,typeOfOption:e})=>t`
|
|
2
|
+
${f("value in values",a({id:"{{option.name | escape | handleize}}-{{value | escape | handleize}}",variantKey:"{{option.name | escape}}-{{option.position}}-{{ forloop.index }}",showAsSwatches:R,uid:U,name:"{{option.name | escape}}",value:{label:"{{value | escape}}"},checked:K?"{%- if option.selected_value == value -%}true{% else %}false{%- endif -%}":"false",optionPosition:"rootForloop",typeOfOption:e,activeClass:K?"{%- if option.selected_value == value -%}option-item-active{%- endif -%}":"",...T,...tt,swatchAutoWidth:B(),optionTypo:I,isRenderDefault:o}))}
|
|
3
|
+
${$(i?'type == "dropdown"':"false",r({...T,...tt,swatchAutoWidth:X(),optionTypo:I}))}`,te=k?.variantPresets?.map(t=>({name:ti(t.optionName),type:t.optionType})).map(t=>`${t.name}($1)${t.type}`).join("($2)").toString(),ts={renderVariantItem:to,variantPresetsLiquid:te??""},tn=m(j(G)),ta=c(h(J,J)),tr=b(D,"Liquid"),tp=m(P(H,G)),tl=m(w(G)),td=S(D),tm=u(_({uid:U,hasPreSelected:K,cssClass:F?.cssClass})),tc=c(y(D)),tu=m({"gp-flex gp-flex-col !gp-ml-0":!0});return t`
|
|
4
4
|
${v("{%- assign total_combinations = 1 -%}")}
|
|
5
5
|
${f("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
|
|
6
6
|
<gp-product-variants ${tm}>
|
|
7
7
|
<script gp-data type="application/json">
|
|
8
8
|
{
|
|
9
|
-
"setting":${JSON.stringify(tt)
|
|
9
|
+
"setting":${JSON.stringify(tt)},
|
|
10
10
|
"styles":${JSON.stringify(T)},
|
|
11
11
|
"variants":{{product.variants | json}},
|
|
12
12
|
"optionsWithValues": {{product.options_with_values | json}},
|
|
@@ -34,7 +34,7 @@ import{template as t,baseAssetURL as e,isLocalEnv as i,DEVICES as o,getResponsiv
|
|
|
34
34
|
${p(td)}
|
|
35
35
|
</div>
|
|
36
36
|
`,t`
|
|
37
|
-
${v(`{%- assign presets = "${k?.variantPresets?.map(t=>`${
|
|
37
|
+
${v(`{%- assign presets = "${k?.variantPresets?.map(t=>`${ti(t.optionName)}($2)${t.optionType}`).join("($1)")}" | split: '($1)' -%}`)}
|
|
38
38
|
${v(`{% assign hiddenPresetOptions = "${k?.variantPresets?.filter(t=>!!t?.hide)?.map(t=>t.optionName).join(",")}" | split: ',' %}`)}
|
|
39
39
|
|
|
40
40
|
${v(`{% assign all_option_names = options | map: 'name' %}
|
|
@@ -93,13 +93,13 @@ import{template as t,baseAssetURL as e,isLocalEnv as i,DEVICES as o,getResponsiv
|
|
|
93
93
|
`)}
|
|
94
94
|
${g(!K,v("{%- assign selectedValue = null -%}"),"")}
|
|
95
95
|
${g(R,t`
|
|
96
|
-
${$("shop.metafields.GEMPAGES.swatchesJSONFormat and shop.metafields.GEMPAGES.swatchesJSONFormat != blank",N(ts),
|
|
97
|
-
`,
|
|
96
|
+
${$("shop.metafields.GEMPAGES.swatchesJSONFormat and shop.metafields.GEMPAGES.swatchesJSONFormat != blank",N(ts),q(ts))}
|
|
97
|
+
`,to({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
|
|
98
98
|
</div>
|
|
99
99
|
</div>`)}
|
|
100
100
|
`)}
|
|
101
101
|
</div>`)}
|
|
102
102
|
</gp-product-variants>
|
|
103
103
|
|
|
104
|
-
${(()=>{let t=
|
|
104
|
+
${(()=>{let t=o?"{{ 'gp-product-variant-v7-5.js' | asset_url }}":`${i}/assets-v2/gp-product-variant-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${l('class="gps-link" delay',"src")}="${t}" defer="defer"></script>`})()}
|
|
105
105
|
`};export{D as default};
|