@gem-sdk/components 3.0.18 → 3.0.19

package/dist/cjs/button/common/styles.js

@@ -1,4 +1,4 @@
-"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`
+"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`
       ${g.normalStyles}
       ${g.hoverStyles}
     `.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=`

package/dist/cjs/hero-banner/components/HeroBanner.liquid.js

@@ -1,19 +1,19 @@
-"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:m?.target??"_blank",href:m?.href??"",linkType:p?.type??""}),y=!!p?.link&&d,h=system.createAttr({...attrs.getAttr({uid:t?.uid||""})}),f=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()}),k=()=>HeroBannerItem_liquid.default({setting:r,styles:a,children:n,enableLazyLoadImage:c,rawChildren:e.rawChildren,builderProps:t});return core.template`
+"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`
       <gp-hero-banner
         ${{...s}}
-        ${{...h}}
+        ${{...f}}
         class="${v}"
         style="${$}"
         gp-data='${core.dataStringify(g)}'
       >
-        ${system.If(!y,k())}
+        ${system.If(!y,C())}
         ${system.If(y,core.template`
           <div
-            ${{...f}}
+            ${{...h}}
             aria-hidden="true"
             class="${S}"
           >
-            ${k()}
+            ${C()}
           </div>`)}
       </gp-hero-banner>
        ${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>

package/dist/cjs/product/components/dynamic-checkout/common/styles.js

@@ -6,7 +6,7 @@
     padding-bottom: ${n.bottom?`${n.bottom} !important;`:""};
     padding-left: ${n.left?`${n.left} !important;`:""};
     padding-right: ${n.right?`${n.right} !important;`:""};
-  `},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})=>`
+  `},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`
     .wrap__button--unbranded__${o} {
       ${composeTextAlign(e?.align?.[t])}
     }
@@ -49,11 +49,11 @@
       ${e?.backgroundImage?.hover||e?.backgroundColorV2?.hover?"background-image : unset;":""}
       ${e?.borderBtnV2?.hover?.borderType!=="none"?core.composeBorderCss(e?.borderBtnV2?.hover):""}
       ${e?.roundedBtnV2?.hover?.radiusType!=="none"?core.composeCornerCss(e?.roundedBtnV2?.hover):""}
-      ${e?.backgroundColorV2?.hover?composeBackgroundStyle(e?.backgroundColorV2?.hover,{forceIgnore:!!e?.backgroundImage?.hover?.image}):""}
-      ${e?.backgroundImage?.hover?core.composeBackgroundImageCss(e?.backgroundImage,{device:t,state:"hover"}):""}
+      ${i?.hover?composeBackgroundStyle(i?.hover,{forceIgnore:!!d?.hover?.image?.src}):""}
+      ${d?.hover?.image?.src?core.composeBackgroundImageCss(d,{device:t,state:"hover"}):""}
       ${core.composeShadowCss({boxShadowValue:e?.boxShadowBtn?.hover,hasBoxShadow:e?.boxShadowBtn?.hover?.type!=="none",important:!0})||""}
     }
-  `,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=`
+  `},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=`
     .wrap__button--unbranded__${t} .shopify-payment-button {
       display: inline-block;
       min-height: unset !important;

package/dist/cjs/product/components/product-badge/utils/renderBadgeLiquid.js

@@ -18,7 +18,7 @@
   {% assign priceSave = salePrice | minus: price %}
   {% assign isDiscountContent = ${i} %}
   {% assign isTextBadge = ${n} %}
-  {% if priceSave <= 0 or isDiscountContent == false or isTextBadge == false or variant.inventory_management == nil %}
+  {% if priceSave <= 0 or isDiscountContent == false or isTextBadge == false %}
     {% assign isShow = false %}
   {% endif %}
   {% if isShow %}

package/dist/esm/button/common/styles.js

@@ -1,4 +1,4 @@
-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`
+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`
       ${g.normalStyles}
       ${g.hoverStyles}
     `.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=`

package/dist/esm/hero-banner/components/HeroBanner.liquid.js

@@ -1,6 +1,6 @@
-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 a,getLinkClasses as t}from"../common/classes.js";import{createStateOrContext as n,createAttr as l,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=k=>{let{builderAttrs:y,builderProps:P,setting:j,styles:C,style:E,children:S,advanced:x,pageContext:B}=k,{enableLazyLoadImage:H}=B??{},{enableLink:N}=j??{},R=b(j),{cssClass:_}=x??{},{urlData:w}=$("",R),A=n({background:v(C?.background||{}),uid:P?.uid,enableParallax:Number(j?.speedParallax||0)>0,speedParallax:Number(j?.speedParallax)||0,hoverEffect:C?.hoverEffect,hoverEffectScale:C?.hoverEffectScale,layout:j?.layout,contentPosition1Col:C?.contentPosition1Col,contentPosition2Col:C?.contentPosition2Col,aspectRatio:j?.aspectRatio,target:w?.target??"_blank",href:w?.href??"",linkType:R?.type??""}),G=!!R?.link&&N,I=l({...r({uid:P?.uid||""})}),T=l(o()),q=i({...s(C,j,E)}),M=c({...a({setting:j,builderProps:P,advancedCssClass:_})}),O=c({...t()}),V=()=>e({setting:j,styles:C,children:S,enableLazyLoadImage:H,rawChildren:k.rawChildren,builderProps:P});return p`
+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`
       <gp-hero-banner
-        ${{...y}}
+        ${{...P}}
         ${{...I}}
         class="${M}"
         style="${q}"

package/dist/esm/product/components/dynamic-checkout/common/styles.js

@@ -1,4 +1,4 @@
-import{getWidthHeightGlobalSize as t,getPaddingGlobalSize as o,composeShadowCss as n,composeCornerCss as e,composeTypographyV2Css as a,composeTextHoverColorCss as r,composeBorderCss as d,composeBackgroundImageCss as i,getSingleColorVariable as p}from"@gem-sdk/core";let composeSize=(t,o,n=!0)=>`
+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)=>`
     ${t?`width: ${t}${n?"!important;":""};`:""}
     ${o?`height: ${o}${n?"!important;":""};`:""}
   `,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
     padding-bottom: ${e.bottom?`${e.bottom} !important;`:""};
     padding-left: ${e.left?`${e.left} !important;`:""};
     padding-right: ${e.right?`${e.right} !important;`:""};
-  `},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})=>`
+  `},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`
     .wrap__button--unbranded__${t} {
       ${composeTextAlign(p?.align?.[o])}
     }
@@ -22,8 +22,8 @@ import{getWidthHeightGlobalSize as t,getPaddingGlobalSize as o,composeShadowCss
         ${composeLineHeight(p?.typo?.custom?.lineHeight?.[o])}
         ${composeFontSize(p?.typo?.custom?.fontSize?.[o])}
       `:""}
-      ${composeSpacing(o,b.padding)}
-      ${composeSize(b.width[o]||"auto",b.height[o]||"auto",!1)}
+      ${composeSpacing(o,u.padding)}
+      ${composeSize(u.width[o]||"auto",u.height[o]||"auto",!1)}
       ${n({boxShadowValue:p?.boxShadowBtn?.normal,hasBoxShadow:p?.hasBoxShadowBtn?.normal})||""}
       ${e(p?.roundedBtnV2?.normal,!0)}
       ${"desktop"===o?a(p?.typo,!0):""}
@@ -36,10 +36,10 @@ import{getWidthHeightGlobalSize as t,getPaddingGlobalSize as o,composeShadowCss
     }
 
     .wrap__button--unbranded__${t} .shopify-payment-button .shopify-payment-button__button--unbranded::before {
-      ${d(p?.borderBtnV2?.normal)}
+      ${i(p?.borderBtnV2?.normal)}
       ${e(p?.roundedBtnV2?.normal)}
       ${composeBackgroundStyle(p?.backgroundColorV2?.normal,{forceIgnore:!!p?.backgroundImage?.normal?.image})}
-      ${i(p?.backgroundImage,{device:o,state:"normal"})}
+      ${d(p?.backgroundImage,{device:o,state:"normal"})}
       ${n({boxShadowValue:p?.boxShadowBtn?.normal,hasBoxShadow:p?.hasBoxShadowBtn?.normal})||""}
 
 
@@ -47,13 +47,13 @@ import{getWidthHeightGlobalSize as t,getPaddingGlobalSize as o,composeShadowCss
 
     .wrap__button--unbranded__${t} .shopify-payment-button .shopify-payment-button__button--unbranded:hover::before {
       ${p?.backgroundImage?.hover||p?.backgroundColorV2?.hover?"background-image : unset;":""}
-      ${p?.borderBtnV2?.hover?.borderType!=="none"?d(p?.borderBtnV2?.hover):""}
+      ${p?.borderBtnV2?.hover?.borderType!=="none"?i(p?.borderBtnV2?.hover):""}
       ${p?.roundedBtnV2?.hover?.radiusType!=="none"?e(p?.roundedBtnV2?.hover):""}
-      ${p?.backgroundColorV2?.hover?composeBackgroundStyle(p?.backgroundColorV2?.hover,{forceIgnore:!!p?.backgroundImage?.hover?.image}):""}
-      ${p?.backgroundImage?.hover?i(p?.backgroundImage,{device:o,state:"hover"}):""}
+      ${s?.hover?composeBackgroundStyle(s?.hover,{forceIgnore:!!m?.hover?.image?.src}):""}
+      ${m?.hover?.image?.src?d(m,{device:o,state:"hover"}):""}
       ${n({boxShadowValue:p?.boxShadowBtn?.hover,hasBoxShadow:p?.boxShadowBtn?.hover?.type!=="none",important:!0})||""}
     }
-  `,getButtonStyles=({styles:n,uid:e})=>{let a={width:t("width",n?.globalSize),height:t("height",n?.globalSize),padding:o(n?.globalSize)},r=`
+  `},getButtonStyles=({styles:n,uid:e})=>{let a={width:t("width",n?.globalSize),height:t("height",n?.globalSize),padding:o(n?.globalSize)},r=`
     .wrap__button--unbranded__${e} .shopify-payment-button {
       display: inline-block;
       min-height: unset !important;

package/dist/esm/product/components/product-badge/utils/renderBadgeLiquid.js

@@ -18,7 +18,7 @@ import{CompareType as e}from"../types.js";let getMinValueForInventory=i=>i===e.A
   {% assign priceSave = salePrice | minus: price %}
   {% assign isDiscountContent = ${i} %}
   {% assign isTextBadge = ${n} %}
-  {% if priceSave <= 0 or isDiscountContent == false or isTextBadge == false or variant.inventory_management == nil %}
+  {% if priceSave <= 0 or isDiscountContent == false or isTextBadge == false %}
     {% assign isShow = false %}
   {% endif %}
   {% if isShow %}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "3.0.18",
+  "version": "3.0.19",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -25,7 +25,7 @@
     "scan-all-text": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/scan-all-text && node ./scripts/scan-all-text"
   },
   "devDependencies": {
-    "@gem-sdk/core": "3.0.17",
+    "@gem-sdk/core": "3.0.19",
     "@gem-sdk/styles": "3.0.0",
     "@gem-sdk/system": "3.0.0",
     "tsup": "^8.5.0",