@gem-sdk/components 3.0.17 → 3.0.19
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/common/styles.js +1 -1
- package/dist/cjs/hero-banner/components/HeroBanner.liquid.js +5 -5
- package/dist/cjs/product/components/dynamic-checkout/common/styles.js +4 -4
- package/dist/cjs/product/components/product-badge/utils/renderBadgeLiquid.js +1 -1
- package/dist/cjs/product/settings/product-list/configs/presets.js +2 -2
- package/dist/esm/button/common/styles.js +1 -1
- package/dist/esm/hero-banner/components/HeroBanner.liquid.js +2 -2
- package/dist/esm/product/components/dynamic-checkout/common/styles.js +10 -10
- package/dist/esm/product/components/product-badge/utils/renderBadgeLiquid.js +1 -1
- package/dist/esm/product/settings/product-list/configs/presets.js +2 -2
- package/package.json +2 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var core=require("@gem-sdk/core");const getButtonWrapperStyles=(e,t)=>({...e,...core.makeStyleResponsive("ta",t?.align)}),getButtonStyles=(e,t)=>{let o={...getSizeStyles(e),...getRadiusStyles(e),...getShadowStyles(e),...getBackgroundStyles(e),...getTypographyStyles(e).textColorStyle,...getTypographyStyles(e).withoutTextColorStyles};return t?o:core.filterHoverVariables(o)},getButtonIconStyles=(e,t)=>({...getIconSpacingStyle(e,t),"--height-desktop":`${e?.size?.desktop}`,"--height-tablet":`${e?.size?.desktop||e?.size?.tablet}`,"--height-mobile":`${e?.size?.mobile||e?.size?.tablet||e?.size?.desktop}`}),ignoreStateNoneValue=(obj,condition)=>Object.entries(obj).reduce((acc,[key,value])=>((!["hover","focus","normal","active"].includes(key)||eval(condition))&&(acc[key]=value),acc),{}),getShadowStyles=e=>{let{boxShadowBtn:t,hasBoxShadowBtn:o}=e||{},r=ignoreStateNoneValue(t||{},"value?.type !== undefined ");return{...core.getStyleShadowState(r,"box-shadow",o)}},getRadiusStyles=e=>{let t=ignoreStateNoneValue(e?.roundedBtnV2||{},"value?.radiusType !== undefined");return core.composeRadius(t)},getIconSpacingStyle=(e,t)=>{let o=e?.iconSpacing||{desktop:"8px"};return t?.iconAlign==="left"?core.makeStyleResponsive("mr",o):core.makeStyleResponsive("ml",o)},getSizeStyles=e=>{let t=core.makeGlobalSize(e?.globalSize);return{...t.width,...t.height,...t.padding}},getTypographyStyles=e=>{let t=core.composeTypographyStyle(e?.typo,e?.typography),o={"--c":t?.["--c"]},r={...t};return delete r["--c"],{textColorStyle:{"--hvr-c":core.getColor(e?.textColor?.hover),...o},withoutTextColorStyles:r}},getTypoStyles=e=>({...getTypographyStyles(e).withoutTextColorStyles,...core.getStyleShadow({styleAppliedFor:"text-shadow",value:e?.typo?.custom?.textShadow,isEnableShadow:e?.typo?.custom?.hasShadowText}),"word-break":"break-word"}),getBgImageUrl=(e,t)=>{let{backgroundImage:o,backgroundColorV2:r}=e||{},s=o?.[t],a=r?.[t];if(!s&&!a)return"";let l=`url(${s?.image?.src})`,n=a?`, ${a}`:"";return a?.includes?.(core.GRADIENT_BGR_KEY)&&s?.image?.src?`${l}${n}`:a?.includes?.(core.GRADIENT_BGR_KEY)&&!s?.image?.src?a:s?.image?.src?l:""},getBackgroundImageSource=e=>{let t={normal:getBgImageUrl(e,"normal"),hover:getBgImageUrl(e,"hover")};return core.makeStyleState("bgi",t)},getBackgroundStyles=e=>{let{backgroundColorV2:t,backgroundImage:o}=e||{},r={...o,hover:o?.hover?.image?o?.hover:o?.normal},s={...t,hover:t?.hover||t?.normal};return{...core.getStyleBackgroundImage(r,{ignoreBackgroundImage:!0}),...getBackgroundImageSource({backgroundImage:r,backgroundColorV2:s}),...core.getGlobalColorStateStyle("bg",s)}},getCustomCssStyles=({styles:e,uid:t,builderAttrs:o,enableHoverEffect:r})=>{if(!t)return"";let{borderBtnV2:s,roundedBtnV2:a}=e??{},l=ignoreStateNoneValue(s||{},"value?.border !== undefined"),n=ignoreStateNoneValue(a||{},"value?.radiusType !== undefined"),g=generateBorderCornerStyles({uid:t,borderBtn:l,roundedBtn:n,builderAttrs:o,enableHoverEffect:r});return`
|
|
1
|
+
"use strict";var core=require("@gem-sdk/core");const getButtonWrapperStyles=(e,t)=>({...e,...core.makeStyleResponsive("ta",t?.align)}),getButtonStyles=(e,t)=>{let o={...getSizeStyles(e),...getRadiusStyles(e),...getShadowStyles(e),...getBackgroundStyles(e),...getTypographyStyles(e).textColorStyle,...getTypographyStyles(e).withoutTextColorStyles};return t?o:core.filterHoverVariables(o)},getButtonIconStyles=(e,t)=>({...getIconSpacingStyle(e,t),"--height-desktop":`${e?.size?.desktop}`,"--height-tablet":`${e?.size?.desktop||e?.size?.tablet}`,"--height-mobile":`${e?.size?.mobile||e?.size?.tablet||e?.size?.desktop}`}),ignoreStateNoneValue=(obj,condition)=>Object.entries(obj).reduce((acc,[key,value])=>((!["hover","focus","normal","active"].includes(key)||eval(condition))&&(acc[key]=value),acc),{}),getShadowStyles=e=>{let{boxShadowBtn:t,hasBoxShadowBtn:o}=e||{},r=ignoreStateNoneValue(t||{},"value?.type !== undefined ");return{...core.getStyleShadowState(r,"box-shadow",o)}},getRadiusStyles=e=>{let t=ignoreStateNoneValue(e?.roundedBtnV2||{},"value?.radiusType !== undefined");return core.composeRadius(t,["normal","hover"])},getIconSpacingStyle=(e,t)=>{let o=e?.iconSpacing||{desktop:"8px"};return t?.iconAlign==="left"?core.makeStyleResponsive("mr",o):core.makeStyleResponsive("ml",o)},getSizeStyles=e=>{let t=core.makeGlobalSize(e?.globalSize);return{...t.width,...t.height,...t.padding}},getTypographyStyles=e=>{let t=core.composeTypographyStyle(e?.typo,e?.typography),o={"--c":t?.["--c"]},r={...t};return delete r["--c"],{textColorStyle:{"--hvr-c":core.getColor(e?.textColor?.hover),...o},withoutTextColorStyles:r}},getTypoStyles=e=>({...getTypographyStyles(e).withoutTextColorStyles,...core.getStyleShadow({styleAppliedFor:"text-shadow",value:e?.typo?.custom?.textShadow,isEnableShadow:e?.typo?.custom?.hasShadowText}),"word-break":"break-word"}),getBgImageUrl=(e,t)=>{let{backgroundImage:o,backgroundColorV2:r}=e||{},s=o?.[t],a=r?.[t];if(!s&&!a)return"";let l=`url(${s?.image?.src})`,n=a?`, ${a}`:"";return a?.includes?.(core.GRADIENT_BGR_KEY)&&s?.image?.src?`${l}${n}`:a?.includes?.(core.GRADIENT_BGR_KEY)&&!s?.image?.src?a:s?.image?.src?l:""},getBackgroundImageSource=e=>{let t={normal:getBgImageUrl(e,"normal"),hover:getBgImageUrl(e,"hover")};return core.makeStyleState("bgi",t)},getBackgroundStyles=e=>{let{backgroundColorV2:t,backgroundImage:o}=e||{},r={...o,hover:o?.hover?.image?o?.hover:o?.normal},s={...t,hover:t?.hover||t?.normal};return{...core.getStyleBackgroundImage(r,{ignoreBackgroundImage:!0}),...getBackgroundImageSource({backgroundImage:r,backgroundColorV2:s}),...core.getGlobalColorStateStyle("bg",s)}},getCustomCssStyles=({styles:e,uid:t,builderAttrs:o,enableHoverEffect:r})=>{if(!t)return"";let{borderBtnV2:s,roundedBtnV2:a}=e??{},l=ignoreStateNoneValue(s||{},"value?.border !== undefined"),n=ignoreStateNoneValue(a||{},"value?.radiusType !== undefined"),g=generateBorderCornerStyles({uid:t,borderBtn:l,roundedBtn:n,builderAttrs:o,enableHoverEffect:r});return`
|
|
2
2
|
${g.normalStyles}
|
|
3
3
|
${g.hoverStyles}
|
|
4
4
|
`.trim()},generateBorderCornerStyles=({uid:e,borderBtn:t,roundedBtn:o,builderAttrs:r,enableHoverEffect:s})=>{let a=r?.["data-component-tag"],l=({styleObj:e,state:t})=>{if(e)return e?.[t]},n=l({styleObj:t,state:"normal"}),g=l({styleObj:s?t:void 0,state:"hover"}),d=l({styleObj:o,state:"normal"}),i=l({styleObj:o,state:"hover"}),u=`
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var HeroBannerItem_liquid=require("./HeroBannerItem.liquid.js"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),system=require("@gem-sdk/system"),core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),helpers$1=require("../common/helpers.js");const HeroBanner=e=>{let{builderAttrs:s,builderProps:t,setting:r,styles:a,style:l,children:n,advanced:o,pageContext:i}=e,{enableLazyLoadImage:c}=i??{},{enableLink:d}=r??{},p=helpers$1.getBannerLink(r),{cssClass:u}=o??{},{urlData:m}=helpers.getInsertLinkData("",p),g=system.createStateOrContext({background:helpers$1.getResponsiveSetting(a?.background||{}),uid:t?.uid,enableParallax:Number(r?.speedParallax||0)>0,speedParallax:Number(r?.speedParallax)||0,hoverEffect:a?.hoverEffect,hoverEffectScale:a?.hoverEffectScale,layout:r?.layout,contentPosition1Col:a?.contentPosition1Col,contentPosition2Col:a?.contentPosition2Col,aspectRatio:r?.aspectRatio,target:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var HeroBannerItem_liquid=require("./HeroBannerItem.liquid.js"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),system=require("@gem-sdk/system"),core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),helpers$1=require("../common/helpers.js");const HeroBanner=e=>{let{builderAttrs:s,builderProps:t,setting:r,styles:a,style:l,children:n,advanced:o,pageContext:i}=e,{enableLazyLoadImage:c}=i??{},{enableLink:d}=r??{},p=helpers$1.getBannerLink(r),{cssClass:u}=o??{},{urlData:m}=helpers.getInsertLinkData("",p),g=system.createStateOrContext({background:helpers$1.getResponsiveSetting(a?.background||{}),uid:t?.uid,enableParallax:Number(r?.speedParallax||0)>0,speedParallax:Number(r?.speedParallax)||0,hoverEffect:a?.hoverEffect,hoverEffectScale:a?.hoverEffectScale,layout:r?.layout,contentPosition1Col:a?.contentPosition1Col,contentPosition2Col:a?.contentPosition2Col,aspectRatio:r?.aspectRatio,target:p?.target??"_self",href:m?.href??"",linkType:p?.type??""}),y=!!p?.link&&d,f=system.createAttr({...attrs.getAttr({uid:t?.uid||""})}),h=system.createAttr(attrs.getAttrLink()),$=system.createStyle({...styles.getStyle(a,r,l)}),v=system.createClass({...classes.getClasses({setting:r,builderProps:t,advancedCssClass:u})}),S=system.createClass({...classes.getLinkClasses()}),C=()=>HeroBannerItem_liquid.default({setting:r,styles:a,children:n,enableLazyLoadImage:c,rawChildren:e.rawChildren,builderProps:t});return core.template`
|
|
2
2
|
<gp-hero-banner
|
|
3
3
|
${{...s}}
|
|
4
|
-
${{...
|
|
4
|
+
${{...f}}
|
|
5
5
|
class="${v}"
|
|
6
6
|
style="${$}"
|
|
7
7
|
gp-data='${core.dataStringify(g)}'
|
|
8
8
|
>
|
|
9
|
-
${system.If(!y,
|
|
9
|
+
${system.If(!y,C())}
|
|
10
10
|
${system.If(y,core.template`
|
|
11
11
|
<div
|
|
12
|
-
${{...
|
|
12
|
+
${{...h}}
|
|
13
13
|
aria-hidden="true"
|
|
14
14
|
class="${S}"
|
|
15
15
|
>
|
|
16
|
-
${
|
|
16
|
+
${C()}
|
|
17
17
|
</div>`)}
|
|
18
18
|
</gp-hero-banner>
|
|
19
19
|
${core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-hero-banner-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-hero-banner-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
padding-bottom: ${n.bottom?`${n.bottom} !important;`:""};
|
|
7
7
|
padding-left: ${n.left?`${n.left} !important;`:""};
|
|
8
8
|
padding-right: ${n.right?`${n.right} !important;`:""};
|
|
9
|
-
`},composeFontSize=o=>o?`font-size: ${o} !important;`:"",composeLineHeight=o=>o?`line-height: ${o} !important;`:"",composeTextAlign=o=>`${o?`text-align: ${o} !important;`:""}`,composeBackgroundStyle=(o,t)=>!o||t?.forceIgnore?"":"string"==typeof o&&o.includes("linear-gradient")?`background-image: ${o};`:`background-color: ${core.getSingleColorVariable(o)};`,getDeviceStyles=({uid:o,device:t,styles:e,composeGlobalSize:n})
|
|
9
|
+
`},composeFontSize=o=>o?`font-size: ${o} !important;`:"",composeLineHeight=o=>o?`line-height: ${o} !important;`:"",composeTextAlign=o=>`${o?`text-align: ${o} !important;`:""}`,composeBackgroundStyle=(o,t)=>!o||t?.forceIgnore?"":"string"==typeof o&&o.includes("linear-gradient")?`background-image: ${o};`:`background-color: ${core.getSingleColorVariable(o)};`,getDeviceStyles=({uid:o,device:t,styles:e,composeGlobalSize:n})=>{let{backgroundColorV2:r,backgroundImage:a}=e||{},d={...a,hover:a?.hover?.image?a?.hover:a?.normal},i={...r,hover:r?.hover||r?.normal};return`
|
|
10
10
|
.wrap__button--unbranded__${o} {
|
|
11
11
|
${composeTextAlign(e?.align?.[t])}
|
|
12
12
|
}
|
|
@@ -49,11 +49,11 @@
|
|
|
49
49
|
${e?.backgroundImage?.hover||e?.backgroundColorV2?.hover?"background-image : unset;":""}
|
|
50
50
|
${e?.borderBtnV2?.hover?.borderType!=="none"?core.composeBorderCss(e?.borderBtnV2?.hover):""}
|
|
51
51
|
${e?.roundedBtnV2?.hover?.radiusType!=="none"?core.composeCornerCss(e?.roundedBtnV2?.hover):""}
|
|
52
|
-
${
|
|
53
|
-
${
|
|
52
|
+
${i?.hover?composeBackgroundStyle(i?.hover,{forceIgnore:!!d?.hover?.image?.src}):""}
|
|
53
|
+
${d?.hover?.image?.src?core.composeBackgroundImageCss(d,{device:t,state:"hover"}):""}
|
|
54
54
|
${core.composeShadowCss({boxShadowValue:e?.boxShadowBtn?.hover,hasBoxShadow:e?.boxShadowBtn?.hover?.type!=="none",important:!0})||""}
|
|
55
55
|
}
|
|
56
|
-
|
|
56
|
+
`},getButtonStyles=({styles:o,uid:t})=>{let e={width:core.getWidthHeightGlobalSize("width",o?.globalSize),height:core.getWidthHeightGlobalSize("height",o?.globalSize),padding:core.getPaddingGlobalSize(o?.globalSize)},n=`
|
|
57
57
|
.wrap__button--unbranded__${t} .shopify-payment-button {
|
|
58
58
|
display: inline-block;
|
|
59
59
|
min-height: unset !important;
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
{% assign priceSave = salePrice | minus: price %}
|
|
19
19
|
{% assign isDiscountContent = ${i} %}
|
|
20
20
|
{% assign isTextBadge = ${n} %}
|
|
21
|
-
{% if priceSave <= 0 or isDiscountContent == false or isTextBadge == false
|
|
21
|
+
{% if priceSave <= 0 or isDiscountContent == false or isTextBadge == false %}
|
|
22
22
|
{% assign isShow = false %}
|
|
23
23
|
{% endif %}
|
|
24
24
|
{% if isShow %}
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
<rect x="66.6665" y="33" width="29.3333" height="6" rx="3" fill="#494949"/>
|
|
14
14
|
<rect x="72.333" y="42" width="18" height="6" rx="3" fill="#494949"/>
|
|
15
15
|
</svg>
|
|
16
|
-
`},components:[{tag:"ProductList",label:"Product List",settings:{columns:{desktop:4,tablet:2,mobile:1},dot:{desktop:!1}},advanced:{"spacing-setting":{padding:{top:"var(--g-s-s)",bottom:"var(--g-s-s)"}}},childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[12],display:"fill"}},sameHeightSubgridContainer:!0},styles:{verticalGutter:{desktop:"var(--g-s-2xl)"}},advanced:{
|
|
16
|
+
`},components:[{tag:"ProductList",label:"Product List",settings:{columns:{desktop:4,tablet:2,mobile:1},dot:{desktop:!1}},advanced:{"spacing-setting":{padding:{top:"var(--g-s-s)",bottom:"var(--g-s-s)"}}},childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[12],display:"fill"}},sameHeightSubgridContainer:!0},styles:{verticalGutter:{desktop:"var(--g-s-2xl)"}},advanced:{border:{desktop:{normal:{border:"none",borderLabel:"Style 1",borderType:"style-1",color:"line-1",isCustom:!1,width:"1px 1px 1px 1px"}}}},childrens:[{tag:"Col",label:"Block",settings:{fullHeight:!0,allowSameHeight:!0},styles:{justifyContent:{desktop:"normal"},alignItem:{desktop:"normal"},order:{desktop:0}},childrens:[{tag:"ProductImagesV2",label:"Product Images",settings:{ftClickOpenLightBox:{desktop:"product-link"},ftLoop:{desktop:!1},ftDragToScroll:!1},styles:{position:{desktop:"only-feature",mobile:"only-feature"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductTitle",label:"Product Title",settings:{htmlTag:"h2"},styles:{typo:{type:"subheading-1"},textAlign:{desktop:"left"},hasLineClamp:{desktop:!0},lineClamp:{desktop:2},color:{normal:"text-1"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},transform:"default"},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}}},styles:{verticalGutter:{desktop:"16px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},fullWidth:{desktop:!0},width:{desktop:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",label:"Block",settings:{},styles:{justifyContent:{desktop:"center"},alignItem:{desktop:"normal"},order:{desktop:0}},advanced:{},childrens:[{tag:"ProductPrice",label:"Product Price",settings:{priceType:"regular"},styles:{typo:{type:"paragraph-1"},color:{normal:"text-1"},lineColor:"highlight",textAlign:{desktop:"left"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},lineThrough:!0,thickness:1},advanced:{}}]},{tag:"Col",label:"Block",settings:{},styles:{justifyContent:{desktop:"center"},alignItem:{desktop:"normal"},order:{desktop:0}},advanced:{},childrens:[{tag:"ProductPrice",label:"Product Price",settings:{priceType:"compare"},styles:{typo:{type:"paragraph-1"},color:{normal:"text-2"},lineColor:"text-2",textAlign:{desktop:"left"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},lineThrough:!0,thickness:1},advanced:{}}]}]},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",label:"Product Cart Button",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{actionEffect:"open-cart-drawer",label:"Add to cart",outOfStockLabel:"Out Of Stock",successMessage:"Add product to cart successfully",errorMessage:"Cannot add product to cart",iconVisible:!1,iconSvg:'<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M448 128.001H362.667C362.667 69.1207 314.88 21.334 256 21.334C197.12 21.334 149.333 69.1207 149.333 128.001H64V469.334H448V128.001ZM256 64.0007C291.413 64.0007 320 92.5873 320 128.001H192C192 92.5873 220.587 64.0007 256 64.0007ZM256 277.334C197.12 277.334 149.333 229.547 149.333 170.667H192C192 206.081 220.587 234.667 256 234.667C291.413 234.667 320 206.081 320 170.667H362.667C362.667 229.547 314.88 277.334 256 277.334Z" /></svg>',iconAlign:"left"},styles:{globalSize:{desktop:{width:"100%"}},enableIcon:!0,enablePrice:!1,enableSeparator:!1}}]}]}]}]},{id:"related-product",name:{en:"Related Products"},icon:{desktop:`
|
|
17
17
|
<svg width="126" height="80" viewBox="0 0 126 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
18
18
|
<g clip-path="url(#clip0_19807_27615)">
|
|
19
19
|
<path d="M0 0H126V80H0V0Z" fill="#212121"/>
|
|
@@ -34,4 +34,4 @@
|
|
|
34
34
|
</clipPath>
|
|
35
35
|
</defs>
|
|
36
36
|
</svg>
|
|
37
|
-
`},components:[{tag:"ProductList",label:"Product List",settings:{productSetting:{productSrc:"RelatedProduct"},columns:{desktop:4,tablet:2,mobile:1},dot:{desktop:!1}},advanced:{"spacing-setting":{padding:{top:"var(--g-s-s)",bottom:"var(--g-s-s)"}}},childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[12],display:"fill"}}},styles:{verticalGutter:{desktop:"var(--g-s-2xl)"}},advanced:{
|
|
37
|
+
`},components:[{tag:"ProductList",label:"Product List",settings:{productSetting:{productSrc:"RelatedProduct"},columns:{desktop:4,tablet:2,mobile:1},dot:{desktop:!1}},advanced:{"spacing-setting":{padding:{top:"var(--g-s-s)",bottom:"var(--g-s-s)"}}},childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[12],display:"fill"}}},styles:{verticalGutter:{desktop:"var(--g-s-2xl)"}},advanced:{border:{desktop:{normal:{border:"none",borderLabel:"Style 1",borderType:"style-1",color:"line-1",isCustom:!1,width:"1px 1px 1px 1px"}}}},childrens:[{tag:"Col",label:"Block",settings:{fullHeight:!0},styles:{justifyContent:{desktop:"normal"},alignItem:{desktop:"normal"},order:{desktop:0}},childrens:[{tag:"ProductImagesV2",label:"Product Images",settings:{ftClickOpenLightBox:{desktop:"product-link"},ftLoop:{desktop:!1},ftDragToScroll:!1},styles:{position:{desktop:"only-feature",mobile:"only-feature"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductTitle",label:"Product Title",settings:{htmlTag:"h2"},styles:{typo:{type:"subheading-1"},textAlign:{desktop:"left"},hasLineClamp:{desktop:!0},lineClamp:{desktop:2},color:{normal:"text-1"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},transform:"default"},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}}},styles:{verticalGutter:{desktop:"16px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},fullWidth:{desktop:!0},width:{desktop:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",label:"Block",settings:{},styles:{justifyContent:{desktop:"center"},alignItem:{desktop:"normal"},order:{desktop:0}},advanced:{},childrens:[{tag:"ProductPrice",label:"Product Price",settings:{priceType:"regular"},styles:{priceType:"regular",typo:{type:"paragraph-1"},color:{normal:"text-1"},lineColor:"highlight",textAlign:{desktop:"left"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},lineThrough:!0,thickness:1},advanced:{}}]},{tag:"Col",label:"Block",settings:{},styles:{justifyContent:{desktop:"center"},alignItem:{desktop:"normal"},order:{desktop:0}},advanced:{},childrens:[{tag:"ProductPrice",label:"Product Price",settings:{priceType:"compare"},styles:{typo:{type:"paragraph-1"},color:{normal:"text-2"},lineColor:"text-2",textAlign:{desktop:"left"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},lineThrough:!0,thickness:1},advanced:{}}]}]},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",label:"Product Cart Button",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{actionEffect:"open-cart-drawer",label:"Add to cart",outOfStockLabel:"Out Of Stock",successMessage:"Add product to cart successfully",errorMessage:"Cannot add product to cart",iconVisible:!1,iconSvg:'<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M448 128.001H362.667C362.667 69.1207 314.88 21.334 256 21.334C197.12 21.334 149.333 69.1207 149.333 128.001H64V469.334H448V128.001ZM256 64.0007C291.413 64.0007 320 92.5873 320 128.001H192C192 92.5873 220.587 64.0007 256 64.0007ZM256 277.334C197.12 277.334 149.333 229.547 149.333 170.667H192C192 206.081 220.587 234.667 256 234.667C291.413 234.667 320 206.081 320 170.667H362.667C362.667 229.547 314.88 277.334 256 277.334Z" /></svg>',iconAlign:"left"},styles:{globalSize:{desktop:{width:"100%"}},enableIcon:!0,enablePrice:!1,enableSeparator:!1}}]}]}]}],rootOverride:{label:"Related Products"}}];exports.ProductListPreset=ProductListPreset;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{makeStyleResponsive,filterHoverVariables,getStyleShadowState,composeRadius,makeGlobalSize,composeTypographyStyle,getColor,getStyleShadow,getStyleBackgroundImage,getGlobalColorStateStyle,makeStyleState,composeBorderCss,composeCornerCss,GRADIENT_BGR_KEY}from"@gem-sdk/core";let getButtonWrapperStyles=(e,t)=>({...e,...makeStyleResponsive("ta",t?.align)}),getButtonStyles=(e,t)=>{let o={...getSizeStyles(e),...getRadiusStyles(e),...getShadowStyles(e),...getBackgroundStyles(e),...getTypographyStyles(e).textColorStyle,...getTypographyStyles(e).withoutTextColorStyles};return t?o:filterHoverVariables(o)},getButtonIconStyles=(e,t)=>({...getIconSpacingStyle(e,t),"--height-desktop":`${e?.size?.desktop}`,"--height-tablet":`${e?.size?.desktop||e?.size?.tablet}`,"--height-mobile":`${e?.size?.mobile||e?.size?.tablet||e?.size?.desktop}`}),ignoreStateNoneValue=(obj,condition)=>Object.entries(obj).reduce((acc,[key,value])=>((!["hover","focus","normal","active"].includes(key)||eval(condition))&&(acc[key]=value),acc),{}),getShadowStyles=e=>{let{boxShadowBtn:t,hasBoxShadowBtn:o}=e||{},r=ignoreStateNoneValue(t||{},"value?.type !== undefined ");return{...getStyleShadowState(r,"box-shadow",o)}},getRadiusStyles=e=>{let t=ignoreStateNoneValue(e?.roundedBtnV2||{},"value?.radiusType !== undefined");return composeRadius(t)},getIconSpacingStyle=(e,t)=>{let o=e?.iconSpacing||{desktop:"8px"};return t?.iconAlign==="left"?makeStyleResponsive("mr",o):makeStyleResponsive("ml",o)},getSizeStyles=e=>{let t=makeGlobalSize(e?.globalSize);return{...t.width,...t.height,...t.padding}},getTypographyStyles=e=>{let t=composeTypographyStyle(e?.typo,e?.typography),o={"--c":t?.["--c"]},r={...t};return delete r["--c"],{textColorStyle:{"--hvr-c":getColor(e?.textColor?.hover),...o},withoutTextColorStyles:r}},getTypoStyles=e=>({...getTypographyStyles(e).withoutTextColorStyles,...getStyleShadow({styleAppliedFor:"text-shadow",value:e?.typo?.custom?.textShadow,isEnableShadow:e?.typo?.custom?.hasShadowText}),"word-break":"break-word"}),getBgImageUrl=(e,t)=>{let{backgroundImage:o,backgroundColorV2:r}=e||{},a=o?.[t],n=r?.[t];if(!a&&!n)return"";let l=`url(${a?.image?.src})`,s=n?`, ${n}`:"";return n?.includes?.(GRADIENT_BGR_KEY)&&a?.image?.src?`${l}${s}`:n?.includes?.(GRADIENT_BGR_KEY)&&!a?.image?.src?n:a?.image?.src?l:""},getBackgroundImageSource=e=>{let t={normal:getBgImageUrl(e,"normal"),hover:getBgImageUrl(e,"hover")};return makeStyleState("bgi",t)},getBackgroundStyles=e=>{let{backgroundColorV2:t,backgroundImage:o}=e||{},r={...o,hover:o?.hover?.image?o?.hover:o?.normal},a={...t,hover:t?.hover||t?.normal};return{...getStyleBackgroundImage(r,{ignoreBackgroundImage:!0}),...getBackgroundImageSource({backgroundImage:r,backgroundColorV2:a}),...getGlobalColorStateStyle("bg",a)}},getCustomCssStyles=({styles:e,uid:t,builderAttrs:o,enableHoverEffect:r})=>{if(!t)return"";let{borderBtnV2:a,roundedBtnV2:n}=e??{},l=ignoreStateNoneValue(a||{},"value?.border !== undefined"),s=ignoreStateNoneValue(n||{},"value?.radiusType !== undefined"),g=generateBorderCornerStyles({uid:t,borderBtn:l,roundedBtn:s,builderAttrs:o,enableHoverEffect:r});return`
|
|
1
|
+
import{makeStyleResponsive,filterHoverVariables,getStyleShadowState,composeRadius,makeGlobalSize,composeTypographyStyle,getColor,getStyleShadow,getStyleBackgroundImage,getGlobalColorStateStyle,makeStyleState,composeBorderCss,composeCornerCss,GRADIENT_BGR_KEY}from"@gem-sdk/core";let getButtonWrapperStyles=(e,t)=>({...e,...makeStyleResponsive("ta",t?.align)}),getButtonStyles=(e,t)=>{let o={...getSizeStyles(e),...getRadiusStyles(e),...getShadowStyles(e),...getBackgroundStyles(e),...getTypographyStyles(e).textColorStyle,...getTypographyStyles(e).withoutTextColorStyles};return t?o:filterHoverVariables(o)},getButtonIconStyles=(e,t)=>({...getIconSpacingStyle(e,t),"--height-desktop":`${e?.size?.desktop}`,"--height-tablet":`${e?.size?.desktop||e?.size?.tablet}`,"--height-mobile":`${e?.size?.mobile||e?.size?.tablet||e?.size?.desktop}`}),ignoreStateNoneValue=(obj,condition)=>Object.entries(obj).reduce((acc,[key,value])=>((!["hover","focus","normal","active"].includes(key)||eval(condition))&&(acc[key]=value),acc),{}),getShadowStyles=e=>{let{boxShadowBtn:t,hasBoxShadowBtn:o}=e||{},r=ignoreStateNoneValue(t||{},"value?.type !== undefined ");return{...getStyleShadowState(r,"box-shadow",o)}},getRadiusStyles=e=>{let t=ignoreStateNoneValue(e?.roundedBtnV2||{},"value?.radiusType !== undefined");return composeRadius(t,["normal","hover"])},getIconSpacingStyle=(e,t)=>{let o=e?.iconSpacing||{desktop:"8px"};return t?.iconAlign==="left"?makeStyleResponsive("mr",o):makeStyleResponsive("ml",o)},getSizeStyles=e=>{let t=makeGlobalSize(e?.globalSize);return{...t.width,...t.height,...t.padding}},getTypographyStyles=e=>{let t=composeTypographyStyle(e?.typo,e?.typography),o={"--c":t?.["--c"]},r={...t};return delete r["--c"],{textColorStyle:{"--hvr-c":getColor(e?.textColor?.hover),...o},withoutTextColorStyles:r}},getTypoStyles=e=>({...getTypographyStyles(e).withoutTextColorStyles,...getStyleShadow({styleAppliedFor:"text-shadow",value:e?.typo?.custom?.textShadow,isEnableShadow:e?.typo?.custom?.hasShadowText}),"word-break":"break-word"}),getBgImageUrl=(e,t)=>{let{backgroundImage:o,backgroundColorV2:r}=e||{},a=o?.[t],n=r?.[t];if(!a&&!n)return"";let l=`url(${a?.image?.src})`,s=n?`, ${n}`:"";return n?.includes?.(GRADIENT_BGR_KEY)&&a?.image?.src?`${l}${s}`:n?.includes?.(GRADIENT_BGR_KEY)&&!a?.image?.src?n:a?.image?.src?l:""},getBackgroundImageSource=e=>{let t={normal:getBgImageUrl(e,"normal"),hover:getBgImageUrl(e,"hover")};return makeStyleState("bgi",t)},getBackgroundStyles=e=>{let{backgroundColorV2:t,backgroundImage:o}=e||{},r={...o,hover:o?.hover?.image?o?.hover:o?.normal},a={...t,hover:t?.hover||t?.normal};return{...getStyleBackgroundImage(r,{ignoreBackgroundImage:!0}),...getBackgroundImageSource({backgroundImage:r,backgroundColorV2:a}),...getGlobalColorStateStyle("bg",a)}},getCustomCssStyles=({styles:e,uid:t,builderAttrs:o,enableHoverEffect:r})=>{if(!t)return"";let{borderBtnV2:a,roundedBtnV2:n}=e??{},l=ignoreStateNoneValue(a||{},"value?.border !== undefined"),s=ignoreStateNoneValue(n||{},"value?.radiusType !== undefined"),g=generateBorderCornerStyles({uid:t,borderBtn:l,roundedBtn:s,builderAttrs:o,enableHoverEffect:r});return`
|
|
2
2
|
${g.normalStyles}
|
|
3
3
|
${g.hoverStyles}
|
|
4
4
|
`.trim()},generateBorderCornerStyles=({uid:e,borderBtn:t,roundedBtn:o,builderAttrs:r,enableHoverEffect:a})=>{let n=r?.["data-component-tag"],l=({styleObj:e,state:t})=>{if(e)return e?.[t]},s=l({styleObj:t,state:"normal"}),g=l({styleObj:a?t:void 0,state:"hover"}),d=l({styleObj:o,state:"normal"}),i=l({styleObj:o,state:"hover"}),u=`
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import e from"./HeroBannerItem.liquid.js";import{getAttr as r,getAttrLink as o}from"../common/attrs.js";import{getStyle as s}from"../common/styles.js";import{getClasses as
|
|
1
|
+
import e from"./HeroBannerItem.liquid.js";import{getAttr as r,getAttrLink as o}from"../common/attrs.js";import{getStyle as s}from"../common/styles.js";import{getClasses as t,getLinkClasses as a}from"../common/classes.js";import{createStateOrContext as l,createAttr as n,createStyle as i,createClass as c,If as m}from"@gem-sdk/system";import{template as p,dataStringify as d,RenderIf as f,isLocalEnv as h,baseAssetURL as u}from"@gem-sdk/core";import{getInsertLinkData as $,getSettingPreloadData as g}from"../../helpers.js";import{getResponsiveSetting as v,getBannerLink as b}from"../common/helpers.js";let HeroBanner=y=>{let{builderAttrs:P,builderProps:j,setting:k,styles:C,style:E,children:S,advanced:x,pageContext:B}=y,{enableLazyLoadImage:H}=B??{},{enableLink:N}=k??{},R=b(k),{cssClass:_}=x??{},{urlData:w}=$("",R),A=l({background:v(C?.background||{}),uid:j?.uid,enableParallax:Number(k?.speedParallax||0)>0,speedParallax:Number(k?.speedParallax)||0,hoverEffect:C?.hoverEffect,hoverEffectScale:C?.hoverEffectScale,layout:k?.layout,contentPosition1Col:C?.contentPosition1Col,contentPosition2Col:C?.contentPosition2Col,aspectRatio:k?.aspectRatio,target:R?.target??"_self",href:w?.href??"",linkType:R?.type??""}),G=!!R?.link&&N,I=n({...r({uid:j?.uid||""})}),T=n(o()),q=i({...s(C,k,E)}),M=c({...t({setting:k,builderProps:j,advancedCssClass:_})}),O=c({...a()}),V=()=>e({setting:k,styles:C,children:S,enableLazyLoadImage:H,rawChildren:y.rawChildren,builderProps:j});return p`
|
|
2
2
|
<gp-hero-banner
|
|
3
|
-
${{...
|
|
3
|
+
${{...P}}
|
|
4
4
|
${{...I}}
|
|
5
5
|
class="${M}"
|
|
6
6
|
style="${q}"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{getWidthHeightGlobalSize as t,getPaddingGlobalSize as o,composeShadowCss as n,composeCornerCss as e,composeTypographyV2Css as a,composeTextHoverColorCss as r,composeBorderCss as
|
|
1
|
+
import{getWidthHeightGlobalSize as t,getPaddingGlobalSize as o,composeShadowCss as n,composeCornerCss as e,composeTypographyV2Css as a,composeTextHoverColorCss as r,composeBorderCss as i,composeBackgroundImageCss as d,getSingleColorVariable as p}from"@gem-sdk/core";let composeSize=(t,o,n=!0)=>`
|
|
2
2
|
${t?`width: ${t}${n?"!important;":""};`:""}
|
|
3
3
|
${o?`height: ${o}${n?"!important;":""};`:""}
|
|
4
4
|
`,composeSpacing=(t,o)=>{let n=t&&"desktop"!==t?`-${t}`:"",e={top:o[`--pt${n}`],bottom:o[`--pb${n}`],left:o[`--pl${n}`],right:o[`--pr${n}`]};return`
|
|
@@ -6,7 +6,7 @@ import{getWidthHeightGlobalSize as t,getPaddingGlobalSize as o,composeShadowCss
|
|
|
6
6
|
padding-bottom: ${e.bottom?`${e.bottom} !important;`:""};
|
|
7
7
|
padding-left: ${e.left?`${e.left} !important;`:""};
|
|
8
8
|
padding-right: ${e.right?`${e.right} !important;`:""};
|
|
9
|
-
`},composeFontSize=t=>t?`font-size: ${t} !important;`:"",composeLineHeight=t=>t?`line-height: ${t} !important;`:"",composeTextAlign=t=>`${t?`text-align: ${t} !important;`:""}`,composeBackgroundStyle=(t,o)=>!t||o?.forceIgnore?"":"string"==typeof t&&t.includes("linear-gradient")?`background-image: ${t};`:`background-color: ${p(t)};`,getDeviceStyles=({uid:t,device:o,styles:p,composeGlobalSize:b}
|
|
9
|
+
`},composeFontSize=t=>t?`font-size: ${t} !important;`:"",composeLineHeight=t=>t?`line-height: ${t} !important;`:"",composeTextAlign=t=>`${t?`text-align: ${t} !important;`:""}`,composeBackgroundStyle=(t,o)=>!t||o?.forceIgnore?"":"string"==typeof t&&t.includes("linear-gradient")?`background-image: ${t};`:`background-color: ${p(t)};`,getDeviceStyles=({uid:t,device:o,styles:p,composeGlobalSize:u})=>{let{backgroundColorV2:b,backgroundImage:h}=p||{},m={...h,hover:h?.hover?.image?h?.hover:h?.normal},s={...b,hover:b?.hover||b?.normal};return`
|
|
10
10
|
.wrap__button--unbranded__${t} {
|
|
11
11
|
${composeTextAlign(p?.align?.[o])}
|
|
12
12
|
}
|
|
@@ -22,8 +22,8 @@ import{getWidthHeightGlobalSize as t,getPaddingGlobalSize as o,composeShadowCss
|
|
|
22
22
|
${composeLineHeight(p?.typo?.custom?.lineHeight?.[o])}
|
|
23
23
|
${composeFontSize(p?.typo?.custom?.fontSize?.[o])}
|
|
24
24
|
`:""}
|
|
25
|
-
${composeSpacing(o,
|
|
26
|
-
${composeSize(
|
|
25
|
+
${composeSpacing(o,u.padding)}
|
|
26
|
+
${composeSize(u.width[o]||"auto",u.height[o]||"auto",!1)}
|
|
27
27
|
${n({boxShadowValue:p?.boxShadowBtn?.normal,hasBoxShadow:p?.hasBoxShadowBtn?.normal})||""}
|
|
28
28
|
${e(p?.roundedBtnV2?.normal,!0)}
|
|
29
29
|
${"desktop"===o?a(p?.typo,!0):""}
|
|
@@ -36,10 +36,10 @@ import{getWidthHeightGlobalSize as t,getPaddingGlobalSize as o,composeShadowCss
|
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
.wrap__button--unbranded__${t} .shopify-payment-button .shopify-payment-button__button--unbranded::before {
|
|
39
|
-
${
|
|
39
|
+
${i(p?.borderBtnV2?.normal)}
|
|
40
40
|
${e(p?.roundedBtnV2?.normal)}
|
|
41
41
|
${composeBackgroundStyle(p?.backgroundColorV2?.normal,{forceIgnore:!!p?.backgroundImage?.normal?.image})}
|
|
42
|
-
${
|
|
42
|
+
${d(p?.backgroundImage,{device:o,state:"normal"})}
|
|
43
43
|
${n({boxShadowValue:p?.boxShadowBtn?.normal,hasBoxShadow:p?.hasBoxShadowBtn?.normal})||""}
|
|
44
44
|
|
|
45
45
|
|
|
@@ -47,13 +47,13 @@ import{getWidthHeightGlobalSize as t,getPaddingGlobalSize as o,composeShadowCss
|
|
|
47
47
|
|
|
48
48
|
.wrap__button--unbranded__${t} .shopify-payment-button .shopify-payment-button__button--unbranded:hover::before {
|
|
49
49
|
${p?.backgroundImage?.hover||p?.backgroundColorV2?.hover?"background-image : unset;":""}
|
|
50
|
-
${p?.borderBtnV2?.hover?.borderType!=="none"?
|
|
50
|
+
${p?.borderBtnV2?.hover?.borderType!=="none"?i(p?.borderBtnV2?.hover):""}
|
|
51
51
|
${p?.roundedBtnV2?.hover?.radiusType!=="none"?e(p?.roundedBtnV2?.hover):""}
|
|
52
|
-
${
|
|
53
|
-
${
|
|
52
|
+
${s?.hover?composeBackgroundStyle(s?.hover,{forceIgnore:!!m?.hover?.image?.src}):""}
|
|
53
|
+
${m?.hover?.image?.src?d(m,{device:o,state:"hover"}):""}
|
|
54
54
|
${n({boxShadowValue:p?.boxShadowBtn?.hover,hasBoxShadow:p?.boxShadowBtn?.hover?.type!=="none",important:!0})||""}
|
|
55
55
|
}
|
|
56
|
-
|
|
56
|
+
`},getButtonStyles=({styles:n,uid:e})=>{let a={width:t("width",n?.globalSize),height:t("height",n?.globalSize),padding:o(n?.globalSize)},r=`
|
|
57
57
|
.wrap__button--unbranded__${e} .shopify-payment-button {
|
|
58
58
|
display: inline-block;
|
|
59
59
|
min-height: unset !important;
|
|
@@ -18,7 +18,7 @@ import{CompareType as e}from"../types.js";let getMinValueForInventory=i=>i===e.A
|
|
|
18
18
|
{% assign priceSave = salePrice | minus: price %}
|
|
19
19
|
{% assign isDiscountContent = ${i} %}
|
|
20
20
|
{% assign isTextBadge = ${n} %}
|
|
21
|
-
{% if priceSave <= 0 or isDiscountContent == false or isTextBadge == false
|
|
21
|
+
{% if priceSave <= 0 or isDiscountContent == false or isTextBadge == false %}
|
|
22
22
|
{% assign isShow = false %}
|
|
23
23
|
{% endif %}
|
|
24
24
|
{% if isShow %}
|
|
@@ -13,7 +13,7 @@ let ProductListPreset=[{id:"product-list",name:{en:"Product List"},icon:{desktop
|
|
|
13
13
|
<rect x="66.6665" y="33" width="29.3333" height="6" rx="3" fill="#494949"/>
|
|
14
14
|
<rect x="72.333" y="42" width="18" height="6" rx="3" fill="#494949"/>
|
|
15
15
|
</svg>
|
|
16
|
-
`},components:[{tag:"ProductList",label:"Product List",settings:{columns:{desktop:4,tablet:2,mobile:1},dot:{desktop:!1}},advanced:{"spacing-setting":{padding:{top:"var(--g-s-s)",bottom:"var(--g-s-s)"}}},childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[12],display:"fill"}},sameHeightSubgridContainer:!0},styles:{verticalGutter:{desktop:"var(--g-s-2xl)"}},advanced:{
|
|
16
|
+
`},components:[{tag:"ProductList",label:"Product List",settings:{columns:{desktop:4,tablet:2,mobile:1},dot:{desktop:!1}},advanced:{"spacing-setting":{padding:{top:"var(--g-s-s)",bottom:"var(--g-s-s)"}}},childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[12],display:"fill"}},sameHeightSubgridContainer:!0},styles:{verticalGutter:{desktop:"var(--g-s-2xl)"}},advanced:{border:{desktop:{normal:{border:"none",borderLabel:"Style 1",borderType:"style-1",color:"line-1",isCustom:!1,width:"1px 1px 1px 1px"}}}},childrens:[{tag:"Col",label:"Block",settings:{fullHeight:!0,allowSameHeight:!0},styles:{justifyContent:{desktop:"normal"},alignItem:{desktop:"normal"},order:{desktop:0}},childrens:[{tag:"ProductImagesV2",label:"Product Images",settings:{ftClickOpenLightBox:{desktop:"product-link"},ftLoop:{desktop:!1},ftDragToScroll:!1},styles:{position:{desktop:"only-feature",mobile:"only-feature"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductTitle",label:"Product Title",settings:{htmlTag:"h2"},styles:{typo:{type:"subheading-1"},textAlign:{desktop:"left"},hasLineClamp:{desktop:!0},lineClamp:{desktop:2},color:{normal:"text-1"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},transform:"default"},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}}},styles:{verticalGutter:{desktop:"16px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},fullWidth:{desktop:!0},width:{desktop:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",label:"Block",settings:{},styles:{justifyContent:{desktop:"center"},alignItem:{desktop:"normal"},order:{desktop:0}},advanced:{},childrens:[{tag:"ProductPrice",label:"Product Price",settings:{priceType:"regular"},styles:{typo:{type:"paragraph-1"},color:{normal:"text-1"},lineColor:"highlight",textAlign:{desktop:"left"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},lineThrough:!0,thickness:1},advanced:{}}]},{tag:"Col",label:"Block",settings:{},styles:{justifyContent:{desktop:"center"},alignItem:{desktop:"normal"},order:{desktop:0}},advanced:{},childrens:[{tag:"ProductPrice",label:"Product Price",settings:{priceType:"compare"},styles:{typo:{type:"paragraph-1"},color:{normal:"text-2"},lineColor:"text-2",textAlign:{desktop:"left"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},lineThrough:!0,thickness:1},advanced:{}}]}]},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",label:"Product Cart Button",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{actionEffect:"open-cart-drawer",label:"Add to cart",outOfStockLabel:"Out Of Stock",successMessage:"Add product to cart successfully",errorMessage:"Cannot add product to cart",iconVisible:!1,iconSvg:'<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M448 128.001H362.667C362.667 69.1207 314.88 21.334 256 21.334C197.12 21.334 149.333 69.1207 149.333 128.001H64V469.334H448V128.001ZM256 64.0007C291.413 64.0007 320 92.5873 320 128.001H192C192 92.5873 220.587 64.0007 256 64.0007ZM256 277.334C197.12 277.334 149.333 229.547 149.333 170.667H192C192 206.081 220.587 234.667 256 234.667C291.413 234.667 320 206.081 320 170.667H362.667C362.667 229.547 314.88 277.334 256 277.334Z" /></svg>',iconAlign:"left"},styles:{globalSize:{desktop:{width:"100%"}},enableIcon:!0,enablePrice:!1,enableSeparator:!1}}]}]}]}]},{id:"related-product",name:{en:"Related Products"},icon:{desktop:`
|
|
17
17
|
<svg width="126" height="80" viewBox="0 0 126 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
18
18
|
<g clip-path="url(#clip0_19807_27615)">
|
|
19
19
|
<path d="M0 0H126V80H0V0Z" fill="#212121"/>
|
|
@@ -34,4 +34,4 @@ let ProductListPreset=[{id:"product-list",name:{en:"Product List"},icon:{desktop
|
|
|
34
34
|
</clipPath>
|
|
35
35
|
</defs>
|
|
36
36
|
</svg>
|
|
37
|
-
`},components:[{tag:"ProductList",label:"Product List",settings:{productSetting:{productSrc:"RelatedProduct"},columns:{desktop:4,tablet:2,mobile:1},dot:{desktop:!1}},advanced:{"spacing-setting":{padding:{top:"var(--g-s-s)",bottom:"var(--g-s-s)"}}},childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[12],display:"fill"}}},styles:{verticalGutter:{desktop:"var(--g-s-2xl)"}},advanced:{
|
|
37
|
+
`},components:[{tag:"ProductList",label:"Product List",settings:{productSetting:{productSrc:"RelatedProduct"},columns:{desktop:4,tablet:2,mobile:1},dot:{desktop:!1}},advanced:{"spacing-setting":{padding:{top:"var(--g-s-s)",bottom:"var(--g-s-s)"}}},childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[12],display:"fill"}}},styles:{verticalGutter:{desktop:"var(--g-s-2xl)"}},advanced:{border:{desktop:{normal:{border:"none",borderLabel:"Style 1",borderType:"style-1",color:"line-1",isCustom:!1,width:"1px 1px 1px 1px"}}}},childrens:[{tag:"Col",label:"Block",settings:{fullHeight:!0},styles:{justifyContent:{desktop:"normal"},alignItem:{desktop:"normal"},order:{desktop:0}},childrens:[{tag:"ProductImagesV2",label:"Product Images",settings:{ftClickOpenLightBox:{desktop:"product-link"},ftLoop:{desktop:!1},ftDragToScroll:!1},styles:{position:{desktop:"only-feature",mobile:"only-feature"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductTitle",label:"Product Title",settings:{htmlTag:"h2"},styles:{typo:{type:"subheading-1"},textAlign:{desktop:"left"},hasLineClamp:{desktop:!0},lineClamp:{desktop:2},color:{normal:"text-1"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},transform:"default"},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}}},styles:{verticalGutter:{desktop:"16px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},fullWidth:{desktop:!0},width:{desktop:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",label:"Block",settings:{},styles:{justifyContent:{desktop:"center"},alignItem:{desktop:"normal"},order:{desktop:0}},advanced:{},childrens:[{tag:"ProductPrice",label:"Product Price",settings:{priceType:"regular"},styles:{priceType:"regular",typo:{type:"paragraph-1"},color:{normal:"text-1"},lineColor:"highlight",textAlign:{desktop:"left"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},lineThrough:!0,thickness:1},advanced:{}}]},{tag:"Col",label:"Block",settings:{},styles:{justifyContent:{desktop:"center"},alignItem:{desktop:"normal"},order:{desktop:0}},advanced:{},childrens:[{tag:"ProductPrice",label:"Product Price",settings:{priceType:"compare"},styles:{typo:{type:"paragraph-1"},color:{normal:"text-2"},lineColor:"text-2",textAlign:{desktop:"left"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},lineThrough:!0,thickness:1},advanced:{}}]}]},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",label:"Product Cart Button",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{actionEffect:"open-cart-drawer",label:"Add to cart",outOfStockLabel:"Out Of Stock",successMessage:"Add product to cart successfully",errorMessage:"Cannot add product to cart",iconVisible:!1,iconSvg:'<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M448 128.001H362.667C362.667 69.1207 314.88 21.334 256 21.334C197.12 21.334 149.333 69.1207 149.333 128.001H64V469.334H448V128.001ZM256 64.0007C291.413 64.0007 320 92.5873 320 128.001H192C192 92.5873 220.587 64.0007 256 64.0007ZM256 277.334C197.12 277.334 149.333 229.547 149.333 170.667H192C192 206.081 220.587 234.667 256 234.667C291.413 234.667 320 206.081 320 170.667H362.667C362.667 229.547 314.88 277.334 256 277.334Z" /></svg>',iconAlign:"left"},styles:{globalSize:{desktop:{width:"100%"}},enableIcon:!0,enablePrice:!1,enableSeparator:!1}}]}]}]}],rootOverride:{label:"Related Products"}}];export{ProductListPreset};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gem-sdk/components",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.19",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"scan-all-text": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/scan-all-text && node ./scripts/scan-all-text"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@gem-sdk/core": "3.0.
|
|
28
|
+
"@gem-sdk/core": "3.0.19",
|
|
29
29
|
"@gem-sdk/styles": "3.0.0",
|
|
30
30
|
"@gem-sdk/system": "3.0.0",
|
|
31
31
|
"tsup": "^8.5.0",
|