@gem-sdk/components 8.0.0-dev.32 → 8.0.0-dev.34

package/dist/cjs/collection/components/collection-banner/CollectionBanner.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Row=require("../../../grid/components/row/Row.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js"),Link=require("../../../link/components/Link.js");const CollectionBanner=({builderAttrs:e,builderProps:s,setting:t,style:l,children:r,advanced:a})=>{let n=core.useCollection(),{isPreviewSharePageMode:i,isEditMode:o}=core.useRenderMode(),{link:c,layout:m,width:u,verticalGutter:y,verticalAlign:d,horizontalAlign:g}=t??{};helpers.updateBackroundImageSrc({setting:t,collectionSrc:n?.collectionMedia?.src});let j=system.createClass({...classes.getClassContainerBanner({builderProps:s,setting:t,advanced:a})}),C=system.createClass({...classes.getClassContainerBackgoundImage({setting:t})}),k=system.createClass({...classes.getClassOverlayBanner({setting:t})}),x=system.createClass({...classes.getClassLinkBanner()}),p=system.createStyle({...styles.getDimension({setting:t,style:l})}),R=system.createStyle({...styles.getStyleOverlay({setting:t})}),B=system.createStyle({...styles.getStyleContainerBackgoundImage({setting:t,hasCollectionImage:!1})}),h=!!c?.link&&!o&&!i;return jsxRuntime.jsxs("div",{...e,className:j,style:p,children:[jsxRuntime.jsx("div",{"aria-label":"Background Image",role:"banner",className:C,style:B}),jsxRuntime.jsx("div",{"aria-label":"Overlay",role:"banner",className:k,style:R}),system.If(h,jsxRuntime.jsx(Link.default,{setting:{href:c?.link,target:c?.target},className:x})),jsxRuntime.jsx(Row.default,{setting:{layout:m,horizontalAlign:g,verticalAlign:d},styles:{verticalGutter:y,width:u,fullWidth:{desktop:!1,tablet:!1,mobile:!1}},style:l,children:r})]})};exports.default=CollectionBanner;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Row=require("../../../grid/components/row/Row.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js"),Link=require("../../../link/components/Link.js");const CollectionBanner=({builderAttrs:e,builderProps:s,setting:t,style:l,children:a,advanced:r})=>{let n=core.useCollection(),{isPreviewSharePageMode:i,isEditMode:c}=core.useRenderMode(),{link:o,layout:m,width:u,verticalGutter:y,verticalAlign:d,horizontalAlign:g}=t??{};helpers.updateBackroundImageSrc({setting:t,collectionSrc:n?.collectionMedia?.src});let j=system.createClass({...classes.getClassContainerBanner({builderProps:s,setting:t,advanced:r})}),C=system.createClass({...classes.getClassContainerBackgoundImage({setting:t})}),k=system.createClass({...classes.getClassOverlayBanner({setting:t})}),x=system.createClass({...classes.getClassLinkBanner()}),p=system.createStyle({...styles.getDimension({setting:t,style:l})}),R=system.createStyle({...styles.getStyleOverlay({setting:t})}),B=system.createStyle({...styles.getStyleContainerBackgoundImage({setting:t,hasCollectionImage:!1})}),h=!!o?.link&&!c&&!i;return jsxRuntime.jsxs("div",{...e,className:j,style:p,children:[jsxRuntime.jsx("div",{"aria-label":"Background Image",className:C,style:B}),jsxRuntime.jsx("div",{"aria-label":"Overlay",className:k,style:R}),system.If(h,jsxRuntime.jsx(Link.default,{setting:{href:o?.link,target:o?.target},className:x})),jsxRuntime.jsx(Row.default,{setting:{layout:m,horizontalAlign:g,verticalAlign:d},styles:{verticalGutter:y,width:u,fullWidth:{desktop:!1,tablet:!1,mobile:!1}},style:l,children:a})]})};exports.default=CollectionBanner;

package/dist/cjs/collection/components/collection-banner/CollectionBanner.liquid.js

@@ -1,19 +1,18 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Row_liquid=require("../../../grid/components/row/Row.liquid.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js");const CollectionBanner=({builderAttrs:e,builderProps:s,setting:l,style:t,children:a,rawChildren:r,advanced:n})=>{let{link:i,layout:o,width:c,verticalGutter:m,horizontalAlign:y,verticalAlign:d}=l??{};helpers.updateBackroundImageSrc({setting:l,collectionSrc:`{% if collection.image %} {{ collection.image.src | image_url}}  {% else %} ${helpers.defaultImageUrl} {% endif  %}`});let g=system.createClass({...classes.getClassContainerBanner({builderProps:s,setting:l,advanced:n})}),u=system.createClass({...classes.getClassContainerBackgoundImage({setting:l})}),C=system.createClass({...classes.getClassOverlayBanner({setting:l})}),$=system.createClass({...classes.getClassLinkBanner()}),p=system.createStyle({...styles.getDimension({setting:l,style:t})}),v=system.createStyle({...styles.getStyleOverlay({setting:l})}),k=system.createStyle({...styles.getStyleContainerBackgoundImage({setting:l,hasCollectionImage:!1})});return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Row_liquid=require("../../../grid/components/row/Row.liquid.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js");const CollectionBanner=({builderAttrs:e,builderProps:s,setting:l,style:t,children:a,rawChildren:r,advanced:i})=>{let{link:c,layout:o,width:n,verticalGutter:m,horizontalAlign:y,verticalAlign:d}=l??{};helpers.updateBackroundImageSrc({setting:l,collectionSrc:`{% if collection.image %} {{ collection.image.src | image_url}}  {% else %} ${helpers.defaultImageUrl} {% endif  %}`});let g=system.createClass({...classes.getClassContainerBanner({builderProps:s,setting:l,advanced:i})}),u=system.createClass({...classes.getClassContainerBackgoundImage({setting:l})}),C=system.createClass({...classes.getClassOverlayBanner({setting:l})}),$=system.createClass({...classes.getClassLinkBanner()}),p=system.createStyle({...styles.getDimension({setting:l,style:t})}),v=system.createStyle({...styles.getStyleOverlay({setting:l})}),k=system.createStyle({...styles.getStyleContainerBackgoundImage({setting:l,hasCollectionImage:!1})});return core.template`
     <div ${{...e}} class="${g}" style="${p}">
       <div
         aria-label="Background Image"
-        role="banner"
         class="${u}"
         style="${k}"
       >
       </div>
-      <div aria-label="Overlay" role="banner" class="${C}" style="${v}"> </div>
-      ${core.RenderIf(!!i?.link,`<a
-          href="${i?.link}"
-          target="${i?.target}"
+      <div aria-label="Overlay" class="${C}" style="${v}"> </div>
+      ${core.RenderIf(!!c?.link,`<a
+          href="${c?.link}"
+          target="${c?.target}"
           class="${$}"
         > </a>`)}
-      ${Row_liquid.default({setting:{layout:o,horizontalAlign:y,verticalAlign:d},styles:{verticalGutter:m,width:c,fullWidth:{desktop:!1,tablet:!1,mobile:!1}},style:t,children:a,rawChildren:r})}
+      ${Row_liquid.default({setting:{layout:o,horizontalAlign:y,verticalAlign:d},styles:{verticalGutter:m,width:n,fullWidth:{desktop:!1,tablet:!1,mobile:!1}},style:t,children:a,rawChildren:r})}
     </div>
   `};exports.default=CollectionBanner;

package/dist/cjs/hero-banner/components/HeroBannerItem.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),core=require("@gem-sdk/core"),Row=require("../../grid/components/row/Row.js"),system=require("@gem-sdk/system"),AdaptiveImage=require("../../image/components/AdaptiveImage.js"),HTML5Embed=require("../../video/components/HTML5Embed.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js"),LiteYouTubeEmbed=require("../../video/components/LiteYouTubeEmbed.js"),helpers$1=require("../../video/common/helpers.js");const HeroBannerItem=e=>{core.useEditorMode();let{setting:s,styles:t,children:l,elementRef:a,transform:r,dataVideo:o,bgRef:i,isShowVideoHtml5:m,layoutResponsive:c}=e,{layout:n,verticalAlign:y,enableParallax:d,alt:u,title:p}=s??{},{background:g,overlayColor:v,verticalGutter:C,sizeSetting:b,contentWidth:h,hoverEffect:j,contentPosition1Col:R,contentPosition2Col:f}=t??{},x=helpers.getAspectRatioSettings(s?.ratioOptions,s?.aspectRatio),S=system.createStyle({...styles.getContainerStyle(t,s)}),I=system.createClass({...classes.getContainerClasses(s,t)}),k=system.createStyle({...styles.getOverlayStyle(t)}),B=system.createClass({...classes.getOverlayClasses(t)}),T=system.createStyle({...styles.getRowStyle(t)}),q=system.createClass({...classes.getRowClasses(t,s)}),w=system.createStyle({...styles.getAdaptiveStyle(t)}),H=system.createClass({...classes.getAdaptivePictureClasses()}),A=system.createClass({...classes.getAdaptiveClasses()}),L=system.createClass({...classes.getBackgroundClasses(j,!1)}),E=system.createStyle({...helpers.getBackgroundImageHeroBanner(g,!1,!0),...styles.getBackgroundStyle(t,d,r)}),N=system.createClass({...classes.getContainBackgroundClasses()}),V=system.createStyle({...styles.getContainBackgroundStyle(t)}),Y=system.createClass({...classes.getHtml5VideoClasses(s?.aspectRatio,!m)}),z=system.createStyle({...styles.getYoutubeIframeStyle(x)}),M=system.createStyle({...styles.getHtml5VideoStyle(x)}),O=system.createClass({...classes.getWrapperYoutubeClasses()}),$=system.createClass({...classes.getIframeYoutubeClasses()}),P=React.useMemo(()=>{if(!helpers.showVideoType(g))return;if(o?.videoType==="html5"&&!o.videoHtml5||o?.videoType==="youtube"&&!o.video)return null;if(o?.type==="video"&&o?.videoType==="html5"&&o?.videoHtml5)return jsxRuntime.jsx(HTML5Embed.default,{muted:!0,loop:o?.loop,controls:!1,autoplay:!0,src:o?.videoHtml5||"",title:"Video",style:M,className:Y});let e=o?.video??"",s=helpers$1.getYoutubeVideoId(e),t=o?.loop?1:0,l=`&loop=${t}&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(o?.type==="video"&&o?.videoType==="youtube"&&s&&helpers$1.youtubeVideoRegex.test(e))return jsxRuntime.jsx(LiteYouTubeEmbed.default,{id:s,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:l,adNetwork:!1,noCookie:!0,muted:!0,lazy:o?.lazyLoad??!0,style:z,wrapperClass:O,iframeClass:$})},[o,g,Y,$,O,z,M]);return jsxRuntime.jsxs("div",{className:I,style:S,children:[jsxRuntime.jsxs("div",{ref:a,"aria-label":"Background Image",role:"banner",className:N,style:V,children:[jsxRuntime.jsx("div",{ref:i,className:L,style:E,children:P}),!!v&&jsxRuntime.jsx("div",{"aria-label":"Overlay",role:"banner",className:B,style:k})]}),jsxRuntime.jsx(Row.default,{className:q,style:T,setting:{layout:n,horizontalAlign:helpers.horizontalAlign(n,R,f),verticalAlign:y},styles:{verticalGutter:C,width:helpers.getWidth(h),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},hiddenEmptyCol:c?.cols?.length===1,onBlur:e=>helpers.scrollToContentBanner(e),children:core.filterToolbarPreview(l)}),jsxRuntime.jsx(AdaptiveImage.default,{pictureClass:H,srcSet:helpers.getBgImage(g),className:A,aspectRatio:core.getAspectRatioGlobalSize(b),style:w,alt:u,title:p,enableLazyLoadImage:!1,fallbackImg:helpers.fallbackImg})]})};exports.default=HeroBannerItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),core=require("@gem-sdk/core"),Row=require("../../grid/components/row/Row.js"),system=require("@gem-sdk/system"),AdaptiveImage=require("../../image/components/AdaptiveImage.js"),HTML5Embed=require("../../video/components/HTML5Embed.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js"),LiteYouTubeEmbed=require("../../video/components/LiteYouTubeEmbed.js"),helpers$1=require("../../video/common/helpers.js");const HeroBannerItem=e=>{core.useEditorMode();let{setting:s,styles:t,children:l,elementRef:a,transform:r,dataVideo:o,bgRef:i,isShowVideoHtml5:m,layoutResponsive:c}=e,{layout:y,verticalAlign:n,enableParallax:d,alt:u,title:p}=s??{},{background:g,overlayColor:v,verticalGutter:C,sizeSetting:h,contentWidth:j,hoverEffect:b,contentPosition1Col:R,contentPosition2Col:f}=t??{},x=helpers.getAspectRatioSettings(s?.ratioOptions,s?.aspectRatio),S=system.createStyle({...styles.getContainerStyle(t,s)}),I=system.createClass({...classes.getContainerClasses(s,t)}),k=system.createStyle({...styles.getOverlayStyle(t)}),B=system.createClass({...classes.getOverlayClasses(t)}),T=system.createStyle({...styles.getRowStyle(t)}),q=system.createClass({...classes.getRowClasses(t,s)}),w=system.createStyle({...styles.getAdaptiveStyle(t)}),H=system.createClass({...classes.getAdaptivePictureClasses()}),A=system.createClass({...classes.getAdaptiveClasses()}),L=system.createClass({...classes.getBackgroundClasses(b,!1)}),E=system.createStyle({...helpers.getBackgroundImageHeroBanner(g,!1,!0),...styles.getBackgroundStyle(t,d,r)}),N=system.createClass({...classes.getContainBackgroundClasses()}),V=system.createStyle({...styles.getContainBackgroundStyle(t)}),Y=system.createClass({...classes.getHtml5VideoClasses(s?.aspectRatio,!m)}),z=system.createStyle({...styles.getYoutubeIframeStyle(x)}),M=system.createStyle({...styles.getHtml5VideoStyle(x)}),O=system.createClass({...classes.getWrapperYoutubeClasses()}),$=system.createClass({...classes.getIframeYoutubeClasses()}),P=React.useMemo(()=>{if(!helpers.showVideoType(g))return;if(o?.videoType==="html5"&&!o.videoHtml5||o?.videoType==="youtube"&&!o.video)return null;if(o?.type==="video"&&o?.videoType==="html5"&&o?.videoHtml5)return jsxRuntime.jsx(HTML5Embed.default,{muted:!0,loop:o?.loop,controls:!1,autoplay:!0,src:o?.videoHtml5||"",title:"Video",style:M,className:Y});let e=o?.video??"",s=helpers$1.getYoutubeVideoId(e),t=o?.loop?1:0,l=`&loop=${t}&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(o?.type==="video"&&o?.videoType==="youtube"&&s&&helpers$1.youtubeVideoRegex.test(e))return jsxRuntime.jsx(LiteYouTubeEmbed.default,{id:s,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:l,adNetwork:!1,noCookie:!0,muted:!0,lazy:o?.lazyLoad??!0,style:z,wrapperClass:O,iframeClass:$})},[o,g,Y,$,O,z,M]);return jsxRuntime.jsxs("div",{className:I,style:S,children:[jsxRuntime.jsxs("div",{ref:a,"aria-label":"Background Image",className:N,style:V,children:[jsxRuntime.jsx("div",{ref:i,className:L,style:E,children:P}),!!v&&jsxRuntime.jsx("div",{"aria-label":"Overlay",className:B,style:k})]}),jsxRuntime.jsx(Row.default,{className:q,style:T,setting:{layout:y,horizontalAlign:helpers.horizontalAlign(y,R,f),verticalAlign:n},styles:{verticalGutter:C,width:helpers.getWidth(j),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},hiddenEmptyCol:c?.cols?.length===1,onBlur:e=>helpers.scrollToContentBanner(e),children:core.filterToolbarPreview(l)}),jsxRuntime.jsx(AdaptiveImage.default,{pictureClass:H,srcSet:helpers.getBgImage(g),className:A,aspectRatio:core.getAspectRatioGlobalSize(h),style:w,alt:u,title:p,enableLazyLoadImage:!1,fallbackImg:helpers.fallbackImg})]})};exports.default=HeroBannerItem;

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

@@ -1,8 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var Row_liquid=require("../../grid/components/row/Row.liquid.js"),core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),AdaptiveImage_liquid=require("../../image/components/AdaptiveImage.liquid.js"),HTML5Embed_liquid=require("../../video/components/HTML5Embed.liquid.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js"),helpers$1=require("../../image/common/helpers.js"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),LiteYouTubeEmbed_liquid=require("../../video/components/LiteYouTubeEmbed.liquid.js"),helpers$3=require("../../video/common/helpers.js"),helpers$2=require("../../grid/components/row/common/helpers.js"),constants=require("../../image/constants.js");const HeroBannerItem=e=>{let{enableLazyLoadImage:s=!0,setting:t,styles:l,children:a,builderProps:r,rawChildren:i}=e,{layout:o,verticalAlign:c,enableParallax:m,alt:d,title:u,preload:n}=t??{},{background:y,overlayColor:g,verticalGutter:p,sizeSetting:C,contentWidth:h,hoverEffect:q,contentPosition1Col:v,contentPosition2Col:b}=l??{},S=!n&&s,I=helpers.getAspectRatioSettings(t?.ratioOptions,t?.aspectRatio),f=helpers.getResponsiveSetting(y||{}).desktop,$=system.createStyle({...styles.getContainerStyle(l,t)}),R=system.createClass({...classes.getContainerClasses(t,l)}),B=system.createStyle({...styles.getOverlayStyle(l)}),j=system.createClass({...classes.getOverlayClasses(l)}),k=system.createStyle({...styles.getRowStyle(l)}),_=system.createClass({...classes.getRowClasses(l,t)}),A=system.createStyle({...styles.getAdaptiveStyle(l)}),w=system.createClass({...classes.getAdaptivePictureClasses()}),H=system.createClass({...classes.getAdaptiveClasses()}),T=system.createClass({...classes.getBackgroundClasses(q,S)}),V=system.createStyle({...helpers.getBackgroundImageHeroBanner(y,S,!1),...styles.getBackgroundStyle(l,m,"")}),E=system.createClass({...classes.getContainBackgroundClasses()}),L=system.createStyle({...styles.getContainBackgroundStyle(l)}),N=system.createClass({...classes.getHtml5VideoClasses(t?.aspectRatio,!1)}),Y=system.createStyle({...styles.getYoutubeIframeStyle(I)}),O=system.createClass({...classes.getWrapperYoutubeClasses()}),x=system.createStyle({...styles.getHtml5VideoStyle(I)}),z=system.createClass({...classes.getIframeYoutubeClasses()}),D=e=>system.createClass({...classes.getLazyBackgroundClasses(e)}),M=()=>{if(!n)return core.DEVICES.map(e=>system.If(helpers.getEnableBgImageByDevice(e,y),NextImage_liquid.default({src:helpers$1.getImageSrc(core.getResponsiveValueByScreen(helpers.getBgImage(y),e),e),alt:d,title:u,className:D(e),isDisableAspectStyle:!0,enableLazyLoadImage:s}))).join("")},P=()=>{if(!helpers.showVideoType(y))return;if(helpers$2.isRenderHtmlVideo(y))return HTML5Embed_liquid.default({uid:r?.uid,muted:!0,loop:f?.loop,controls:!1,autoplay:!0,src:f?.videoHtml5||"",title:"Video",style:x,className:N});let e=f?.video??"",s=helpers$3.getYoutubeVideoId(e),t=`&loop=false&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(f?.type==="video"&&f?.videoType==="youtube"&&s&&helpers$3.youtubeVideoRegex.test(e))return LiteYouTubeEmbed_liquid.default({uid:r?.uid,id:s,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:t,adNetwork:!1,noCookie:!0,muted:!0,lazy:f?.lazyLoad??!0,preload:!0,style:Y,wrapperClass:O,iframeClass:z})};return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var Row_liquid=require("../../grid/components/row/Row.liquid.js"),core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),AdaptiveImage_liquid=require("../../image/components/AdaptiveImage.liquid.js"),HTML5Embed_liquid=require("../../video/components/HTML5Embed.liquid.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js"),helpers$1=require("../../image/common/helpers.js"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),LiteYouTubeEmbed_liquid=require("../../video/components/LiteYouTubeEmbed.liquid.js"),helpers$3=require("../../video/common/helpers.js"),helpers$2=require("../../grid/components/row/common/helpers.js"),constants=require("../../image/constants.js");const HeroBannerItem=e=>{let{enableLazyLoadImage:s=!0,setting:t,styles:l,children:a,builderProps:r,rawChildren:i}=e,{layout:o,verticalAlign:c,enableParallax:m,alt:d,title:u,preload:y}=t??{},{background:n,overlayColor:g,verticalGutter:p,sizeSetting:C,contentWidth:h,hoverEffect:q,contentPosition1Col:v,contentPosition2Col:b}=l??{},S=!y&&s,I=helpers.getAspectRatioSettings(t?.ratioOptions,t?.aspectRatio),f=helpers.getResponsiveSetting(n||{}).desktop,$=system.createStyle({...styles.getContainerStyle(l,t)}),R=system.createClass({...classes.getContainerClasses(t,l)}),B=system.createStyle({...styles.getOverlayStyle(l)}),j=system.createClass({...classes.getOverlayClasses(l)}),k=system.createStyle({...styles.getRowStyle(l)}),_=system.createClass({...classes.getRowClasses(l,t)}),A=system.createStyle({...styles.getAdaptiveStyle(l)}),w=system.createClass({...classes.getAdaptivePictureClasses()}),H=system.createClass({...classes.getAdaptiveClasses()}),T=system.createClass({...classes.getBackgroundClasses(q,S)}),V=system.createStyle({...helpers.getBackgroundImageHeroBanner(n,S,!1),...styles.getBackgroundStyle(l,m,"")}),E=system.createClass({...classes.getContainBackgroundClasses()}),L=system.createStyle({...styles.getContainBackgroundStyle(l)}),N=system.createClass({...classes.getHtml5VideoClasses(t?.aspectRatio,!1)}),Y=system.createStyle({...styles.getYoutubeIframeStyle(I)}),O=system.createClass({...classes.getWrapperYoutubeClasses()}),x=system.createStyle({...styles.getHtml5VideoStyle(I)}),z=system.createClass({...classes.getIframeYoutubeClasses()}),D=e=>system.createClass({...classes.getLazyBackgroundClasses(e)}),M=()=>{if(!y)return core.DEVICES.map(e=>system.If(helpers.getEnableBgImageByDevice(e,n),NextImage_liquid.default({src:helpers$1.getImageSrc(core.getResponsiveValueByScreen(helpers.getBgImage(n),e),e),alt:d,title:u,className:D(e),isDisableAspectStyle:!0,enableLazyLoadImage:s}))).join("")},P=()=>{if(!helpers.showVideoType(n))return;if(helpers$2.isRenderHtmlVideo(n))return HTML5Embed_liquid.default({uid:r?.uid,muted:!0,loop:f?.loop,controls:!1,autoplay:!0,src:f?.videoHtml5||"",title:"Video",style:x,className:N});let e=f?.video??"",s=helpers$3.getYoutubeVideoId(e),t=`&loop=false&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(f?.type==="video"&&f?.videoType==="youtube"&&s&&helpers$3.youtubeVideoRegex.test(e))return LiteYouTubeEmbed_liquid.default({uid:r?.uid,id:s,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:t,adNetwork:!1,noCookie:!0,muted:!0,lazy:f?.lazyLoad??!0,preload:!0,style:Y,wrapperClass:O,iframeClass:z})};return core.template`
   <div class="${R}" style="${$}">
       <div
         aria-label="Background Image"
-        role="banner"
         class="${E}"
         style="${L}"
       >
@@ -10,9 +9,9 @@
           ${M()}
           ${P()}
         </div>
-        ${system.If(!!g,core.template`<div aria-label="Overlay" role="banner" class="${j}" style="${B}"> </div>`)}
+        ${system.If(!!g,core.template`<div aria-label="Overlay" class="${j}" style="${B}"> </div>`)}
       </div>
       ${Row_liquid.default({className:_,style:k,setting:{layout:o,horizontalAlign:helpers.horizontalAlign(o,v,b),verticalAlign:c},styles:{verticalGutter:p,width:helpers.getWidth(h),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},children:a,rawChildren:i})}
-        ${AdaptiveImage_liquid.default({pictureClass:w,srcSet:helpers.getBgImage(y),className:H,...n&&constants.PRIORITY_LOAD_ATTRS,aspectRatio:core.getAspectRatioGlobalSize(C),style:A,alt:d,title:u,enableLazyLoadImage:s,fallbackImg:helpers.fallbackImg})}
+        ${AdaptiveImage_liquid.default({pictureClass:w,srcSet:helpers.getBgImage(n),className:H,...y&&constants.PRIORITY_LOAD_ATTRS,aspectRatio:core.getAspectRatioGlobalSize(C),style:A,alt:d,title:u,enableLazyLoadImage:s,fallbackImg:helpers.fallbackImg})}
   </div>
 `};exports.default=HeroBannerItem;

package/dist/cjs/product/components/product-button/AddToCartButton.liquid.js

@@ -1 +1 @@
-"use strict";var system=require("@gem-sdk/system"),data=require("./common/data.js"),classes=require("./common/classes.js"),ProductButtonPrice_liquid=require("./ProductButtonPrice.liquid.js"),Button_liquid=require("../../../button/components/Button.liquid.js");const AddToCartButton=t=>{let{pageContext:e,...s}=t,{styles:a,setting:d,advanced:u,builderProps:i,builderAttrs:r}=s,{buttonStyle:n,buttonStyles:o,getButtonSettings:l}=data.getAddToCartButtonData(s),c=system.createClass(classes.getAddToCartButtonClasses({isLiquid:!0})),m=l({isLiquid:!0}),q=ProductButtonPrice_liquid.default({setting:d,styles:a});return Button_liquid.default({style:n,advanced:u,nodePrice:q,styles:o,setting:m,className:c,wrapClassName:"{% unless variant.available %} !gp-hidden {% endunless %}",builderProps:i,builderAttrs:r,customAttrs:{name:"add","gp-data-hidden":"{% unless variant.available %}true{% endunless %}"},pageContext:e})};exports.AddToCartButton=AddToCartButton;
+"use strict";var system=require("@gem-sdk/system"),data=require("./common/data.js"),classes=require("./common/classes.js"),ProductButtonPrice_liquid=require("./ProductButtonPrice.liquid.js"),Button_liquid=require("../../../button/components/Button.liquid.js");const AddToCartButton=t=>{let{pageContext:e,...s}=t,{styles:a,setting:d,advanced:u,builderProps:i,builderAttrs:r}=s,{buttonStyle:n,buttonStyles:o,getButtonSettings:l}=data.getAddToCartButtonData(s),c=system.createClass(classes.getAddToCartButtonClasses({isLiquid:!0})),m=l({isLiquid:!0}),q=ProductButtonPrice_liquid.default({setting:d,styles:a,pageContext:e});return Button_liquid.default({style:n,advanced:u,nodePrice:q,styles:o,setting:m,className:c,wrapClassName:"{% unless variant.available %} !gp-hidden {% endunless %}",builderProps:i,builderAttrs:r,customAttrs:{name:"add","gp-data-hidden":"{% unless variant.available %}true{% endunless %}"},pageContext:e})};exports.AddToCartButton=AddToCartButton;

package/dist/cjs/product/components/product-button/PriceComponent.liquid.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var system=require("@gem-sdk/system"),ProductPrice_liquid=require("../product-price/ProductPrice.liquid.js"),classes=require("./common/classes.js");const PriceComponent=({priceType:e,settings:s})=>{let{lineThrough:r,typo:t,opacityPrice:c}=s,i=system.createClass(classes.getProductPriceClasses());return ProductPrice_liquid.ProductPrice({setting:{priceType:e},styles:{typo:t,lineThrough:r,opacityPrice:c},classNames:i})};exports.default=PriceComponent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var system=require("@gem-sdk/system"),ProductPrice_liquid=require("../product-price/ProductPrice.liquid.js"),classes=require("./common/classes.js");const PriceComponent=({priceType:e,settings:s,pageContext:r})=>{let{lineThrough:t,typo:c,opacityPrice:i}=s,o=system.createClass(classes.getProductPriceClasses());return ProductPrice_liquid.ProductPrice({setting:{priceType:e},styles:{typo:c,lineThrough:t,opacityPrice:i},classNames:o,pageContext:r})};exports.default=PriceComponent;

package/dist/cjs/product/components/product-button/ProductButtonPrice.liquid.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var types=require("./types.js"),helpers=require("./common/helpers.js"),PriceLayout_liquid=require("./PriceLayout.liquid.js"),PriceComponent_liquid=require("./PriceComponent.liquid.js"),constants=require("./common/constants.js");const ProductButtonPrice=({setting:e,styles:r})=>{let t=()=>PriceComponent_liquid.default({priceType:types.PriceType.Regular,settings:helpers.getRenderRegularPriceSettings(e)}),i=()=>PriceComponent_liquid.default({priceType:types.PriceType.Compare,settings:helpers.getRenderComparePriceSettings(e)}),s=()=>{if(!e?.priceLayout)return[t];switch(e?.priceLayout){case constants.PRICE_LAYOUT.PRICE_ONLY:return[t];case constants.PRICE_LAYOUT.PRICE_BEFORE:return[t,i];case constants.PRICE_LAYOUT.PRICE_AFTER:return[i,t];default:return[t,i]}},o=s();return PriceLayout_liquid.default({components:o,separator:e?.separator,showPrice:!!r?.enablePrice,showSeparator:!!r?.enableSeparator})};exports.default=ProductButtonPrice;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var types=require("./types.js"),helpers=require("./common/helpers.js"),PriceLayout_liquid=require("./PriceLayout.liquid.js"),PriceComponent_liquid=require("./PriceComponent.liquid.js"),constants=require("./common/constants.js");const ProductButtonPrice=({setting:e,styles:r,pageContext:t})=>{let i=()=>PriceComponent_liquid.default({priceType:types.PriceType.Regular,settings:helpers.getRenderRegularPriceSettings(e),pageContext:t}),s=()=>PriceComponent_liquid.default({priceType:types.PriceType.Compare,settings:helpers.getRenderComparePriceSettings(e),pageContext:t}),o=()=>{if(!e?.priceLayout)return[i];switch(e?.priceLayout){case constants.PRICE_LAYOUT.PRICE_ONLY:return[i];case constants.PRICE_LAYOUT.PRICE_BEFORE:return[i,s];case constants.PRICE_LAYOUT.PRICE_AFTER:return[s,i];default:return[i,s]}},n=o();return PriceLayout_liquid.default({components:n,separator:e?.separator,showPrice:!!r?.enablePrice,showSeparator:!!r?.enableSeparator})};exports.default=ProductButtonPrice;

package/dist/cjs/product/components/product-button/SoldOutButton.liquid.js

@@ -1 +1 @@
-"use strict";var system=require("@gem-sdk/system"),data=require("./common/data.js"),ProductButtonPrice_liquid=require("./ProductButtonPrice.liquid.js"),classes=require("./common/classes.js"),Button_liquid=require("../../../button/components/Button.liquid.js");const SoldOutButton=t=>{let{pageContext:e,...s}=t,{styles:u,setting:i,advanced:a,builderProps:d,builderAttrs:o}=s,{buttonStyle:l,buttonStyles:r,buttonSettings:n}=data.getSoldOutButtonData(s),c=system.createClass(classes.getSoldOutButtonClasses({isLiquid:!0})),m=ProductButtonPrice_liquid.default({setting:i,styles:u});return Button_liquid.default({advanced:a,style:l,styles:r,nodePrice:m,setting:n,className:c,wrapClassName:"{% if variant.available %} !gp-hidden {% endif %}",builderAttrs:o,builderProps:{...d,uidTranslate:d?.uid,uid:`${d?.uid}-sold-out`},pageContext:e,isUseTranslatedValue:!1,dataId:`${d?.uid}-sold-out`,customAttrs:{"gp-data-hidden":"{% if variant.available %}true{% endif %}"}})};exports.SoldOutButton=SoldOutButton;
+"use strict";var system=require("@gem-sdk/system"),data=require("./common/data.js"),ProductButtonPrice_liquid=require("./ProductButtonPrice.liquid.js"),classes=require("./common/classes.js"),Button_liquid=require("../../../button/components/Button.liquid.js");const SoldOutButton=t=>{let{pageContext:e,...s}=t,{styles:u,setting:i,advanced:a,builderProps:d,builderAttrs:o}=s,{buttonStyle:l,buttonStyles:r,buttonSettings:n}=data.getSoldOutButtonData(s),c=system.createClass(classes.getSoldOutButtonClasses({isLiquid:!0})),m=ProductButtonPrice_liquid.default({setting:i,styles:u,pageContext:e});return Button_liquid.default({advanced:a,style:l,styles:r,nodePrice:m,setting:n,className:c,wrapClassName:"{% if variant.available %} !gp-hidden {% endif %}",builderAttrs:o,builderProps:{...d,uidTranslate:d?.uid,uid:`${d?.uid}-sold-out`},pageContext:e,isUseTranslatedValue:!1,dataId:`${d?.uid}-sold-out`,customAttrs:{"gp-data-hidden":"{% if variant.available %}true{% endif %}"}})};exports.SoldOutButton=SoldOutButton;

package/dist/cjs/product/components/product-price/ProductPrice.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Text=require("../../../text/components/Text.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js"),helpers=require("./common/helpers.js"),useGpPrice=require("./hooks/useGpPrice.js"),core=require("@gem-sdk/core");const ProductPrice=e=>{let{style:s,children:r}=e,t=core.useEditorMode(),i="edit"===t,{elementRef:c,moneyFormatted:u,currentProductId:a,isNoComparePrice:m,isNoComparePriceILP:o,emitNoDataSignal:l}=useGpPrice.useGpPrice(e),n=system.createClass(classes.getWrapperClasses(e)),x=system.createAttr(attrs.getAttrs(e,a)),p=helpers.getTextProps(e,u),d={visibility:"hidden",opacity:0,maxWidth:0,maxHeight:0},j=o?d:s;return jsxRuntime.jsxs("div",{ref:c,...x,className:n,style:j,"aria-hidden":"true",onClick:l,children:[m&&i?jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx("div",{className:"gp-flex-col gp-flex gp-justify-between gp-p-2",children:jsxRuntime.jsx("p",{className:"gp-text-[#212121] gp-text-[12px] gp-leading-3 ",children:"No compare price"})})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Text.default,{...p}),r]}),core.filterToolbarPreview(r,!0)]})};exports.default=ProductPrice;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Text=require("../../../text/components/Text.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js"),helpers=require("./common/helpers.js"),useGpPrice=require("./hooks/useGpPrice.js"),core=require("@gem-sdk/core");const ProductPrice=e=>{let{style:s,children:r}=e,t=core.useEditorMode(),i="edit"===t,{elementRef:c,moneyFormatted:u,currentProductId:o,isNoComparePrice:a,isNoComparePriceILP:m,shouldHiddenComparePrice:l,emitNoDataSignal:n}=useGpPrice.useGpPrice(e),x=system.createClass(classes.getWrapperClasses(e)),d=system.createAttr(attrs.getAttrs(e,{isILP:!i,productId:o,shouldHiddenComparePrice:l})),p=helpers.getTextProps(e,u),j={visibility:"hidden",opacity:0,maxWidth:0,maxHeight:0},g=m?j:s;return jsxRuntime.jsxs("div",{ref:c,...d,className:x,style:g,"aria-hidden":"true",onClick:n,children:[a&&i?jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx("div",{className:"gp-flex-col gp-flex gp-justify-between gp-p-2",children:jsxRuntime.jsx("p",{className:"gp-text-[#212121] gp-text-[12px] gp-leading-3 ",children:"No compare price"})})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Text.default,{...p}),r]}),core.filterToolbarPreview(r,!0)]})};exports.default=ProductPrice;

package/dist/cjs/product/components/product-price/common/attrs.js

@@ -1 +1 @@
-"use strict";var helpers=require("../../../../helpers.js");const getAttrs=(e,t)=>{let{builderAttrs:r,setting:a,builderProps:i}=e,p=a?.priceType==="compare";return helpers.filterTruthyObject({...r,id:`shopify-text-element-${i?.uid}`,"data-id":i?.uid,"data-product-id":t,"data-hidden":!!p&&"{% if variant.compare_at_price > variant.price and variant.compare_at_price >= 0 %}false{% else %}true{% endif %}"})};exports.getAttrs=getAttrs;
+"use strict";var helpers=require("../../../../helpers.js");const getAttrs=(e,{isILP:t,productId:r,shouldHiddenComparePrice:a}={})=>{let{builderAttrs:i,setting:p,builderProps:s}=e,d=p?.priceType==="compare",c=()=>!!d&&(t?String(a):"{% if variant.compare_at_price > variant.price and variant.compare_at_price >= 0 %}false{% else %}true{% endif %}");return helpers.filterTruthyObject({...i,id:`shopify-text-element-${s?.uid}`,"data-id":s?.uid,"data-product-id":r,"data-hidden":c()})};exports.getAttrs=getAttrs;

package/dist/cjs/product/components/product-price/hooks/useGpPrice.js

@@ -1 +1 @@
-"use strict";var React=require("react"),common=require("../../product-variants/common/common.js"),core=require("@gem-sdk/core");const useGpPrice=e=>{let{setting:r,builderProps:c}=e,t=React.useRef(null),o=core.useEditorMode(),{quantity:u,hasUpdatePrice:i}=core.useQuantity(),a=core.useCurrentVariant(),{useProductCompareAtPrice:n}=core.useProductBundleDiscount(),s=e["bundle-item"],d=core.convertDecimalToNumber(a?.price)??0,p=core.convertDecimalToNumber(a?.salePrice)??0,m=r?.priceType==="compare",{trigger:l}=core.useInteraction(),g=core.useProduct(),b=g?.baseID?.replace("gid://shopify/Product/",""),y=core.useShopStore(e=>e.showPriceCurrency),P=React.useMemo(()=>s?.quantity?s.quantity:i&&u||1,[u,i,s?.quantity]),h=React.useMemo(()=>{let e=Number(s?.discountValue);return s?.discountType==="percentage"?d*P*e/100:e},[s?.discountType,s?.discountValue,d,P]),v=React.useMemo(()=>s?.discountValue?n?(p||d)*P:d*P:p*P,[s?.discountValue,d,P,p,n]),M=React.useMemo(()=>{let e=d*P;return m?v:h?Math.max(0,e-h):e},[d,P,h,v,m]),R=(e,r)=>{l({event:"price"===r?"gp:rollback:price-change":"gp:rollback:compare-price-change",selector:`[data-id="${c?.uid}"]`,element:t.current}),l({event:"price"===r?"gp:price-change":"gp:compare-price-change",data:e,selector:`[data-id="${c?.uid}"]`,element:t.current})};common.useTransition(e=>{e!==d&&R(d,"price")},[d]),common.useTransition(e=>{e!==p&&R(p,"compare")},[p]);let T=()=>{if("edit"!==o)return;let e=new CustomEvent("editor:product-source-no-data-warning",{bubbles:!0,detail:{uid:c?.uid,value:!M&&m,tag:"ProductPrice"}});window.dispatchEvent(e)},q=core.useFormatMoney(M??0,y||!1),w=m&&!M,V="edit"!==o&&w;return{elementRef:t,moneyFormatted:q,currentProductId:b,isNoComparePrice:w,isNoComparePriceILP:V,emitNoDataSignal:T}};exports.useGpPrice=useGpPrice;
+"use strict";var React=require("react"),common=require("../../product-variants/common/common.js"),core=require("@gem-sdk/core");const useGpPrice=e=>{let{setting:r,builderProps:c}=e,t=React.useRef(null),o=core.useEditorMode(),{quantity:u,hasUpdatePrice:i}=core.useQuantity(),a=core.useCurrentVariant(),{useProductCompareAtPrice:n}=core.useProductBundleDiscount(),s=e["bundle-item"],d=core.convertDecimalToNumber(a?.price)??0,m=core.convertDecimalToNumber(a?.salePrice)??0,p=r?.priceType==="compare",{trigger:l}=core.useInteraction(),g=core.useProduct(),b=g?.baseID?.replace("gid://shopify/Product/",""),y=core.useShopStore(e=>e.showPriceCurrency),P=React.useMemo(()=>s?.quantity?s.quantity:i&&u||1,[u,i,s?.quantity]),h=React.useMemo(()=>{let e=Number(s?.discountValue);return s?.discountType==="percentage"?d*P*e/100:e},[s?.discountType,s?.discountValue,d,P]),v=React.useMemo(()=>s?.discountValue?n?(m||d)*P:d*P:m*P,[s?.discountValue,d,P,m,n]),M=React.useMemo(()=>{let e=d*P;return p?v:h?Math.max(0,e-h):e},[d,P,h,v,p]),R=React.useMemo(()=>!!p&&(!(m>d)||!(m>=0)),[p,m,d]),T=(e,r)=>{l({event:"price"===r?"gp:rollback:price-change":"gp:rollback:compare-price-change",selector:`[data-id="${c?.uid}"]`,element:t.current}),l({event:"price"===r?"gp:price-change":"gp:compare-price-change",data:e,selector:`[data-id="${c?.uid}"]`,element:t.current})};common.useTransition(e=>{e!==d&&T(d,"price")},[d]),common.useTransition(e=>{e!==m&&T(m,"compare")},[m]);let q=()=>{if("edit"!==o)return;let e=new CustomEvent("editor:product-source-no-data-warning",{bubbles:!0,detail:{uid:c?.uid,value:!M&&p,tag:"ProductPrice"}});window.dispatchEvent(e)},w=core.useFormatMoney(M??0,y||!1),V=p&&!M,D="edit"!==o&&V;return{elementRef:t,moneyFormatted:w,currentProductId:b,isNoComparePrice:V,isNoComparePriceILP:D,emitNoDataSignal:q,shouldHiddenComparePrice:R}};exports.useGpPrice=useGpPrice;

package/dist/cjs/product/settings/product-variant/configs/presets.js

@@ -14,7 +14,7 @@
         </clipPath>
         </defs>
         </svg>
-      `},components:[{tag:"ProductVariants",settings:{showAsSwatches:!0},styles:{optionBgColor:{normal:"#FFFFFF"},optionTextColor:{normal:"text-1"},optionRounded:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{id:"product-variant",name:{en:"Product Variants"},icon:{desktop:`
+      `},components:[{tag:"ProductVariants",settings:{showAsSwatches:!0},styles:{optionBgColor:{normal:"#FFFFFF"},optionTextColor:{normal:"text-2"},optionRounded:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{id:"product-variant",name:{en:"Product Variants"},icon:{desktop:`
         <svg width="96" height="40" viewBox="0 0 96 40" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M4.94585 5.54545C4.90323 5.18561 4.73041 4.90625 4.42738 4.70739C4.12435 4.50852 3.75266 4.40909 3.31232 4.40909C2.99035 4.40909 2.70863 4.46117 2.46715 4.56534C2.22804 4.66951 2.04102 4.81274 1.90607 4.99503C1.7735 5.17732 1.70721 5.38447 1.70721 5.61648C1.70721 5.81061 1.75337 5.97751 1.8457 6.11719C1.9404 6.2545 2.06114 6.36932 2.20792 6.46165C2.3547 6.55161 2.50858 6.62618 2.66957 6.68537C2.83055 6.74219 2.97852 6.78835 3.11346 6.82386L3.8521 7.02273C4.04149 7.07244 4.25219 7.1411 4.4842 7.22869C4.71857 7.31629 4.94229 7.43584 5.15536 7.58736C5.3708 7.73651 5.54835 7.92827 5.68803 8.16264C5.82771 8.39702 5.89755 8.68466 5.89755 9.02557C5.89755 9.41856 5.79457 9.77367 5.5886 10.0909C5.385 10.4081 5.08671 10.6603 4.69371 10.8473C4.30309 11.0343 3.82842 11.1278 3.26971 11.1278C2.74888 11.1278 2.29788 11.0438 1.91673 10.8757C1.53794 10.7076 1.23964 10.4732 1.02184 10.1726C0.806404 9.87192 0.684482 9.52273 0.656072 9.125H1.56516C1.58884 9.39962 1.68117 9.62689 1.84215 9.80682C2.0055 9.98437 2.21147 10.117 2.46005 10.2045C2.711 10.2898 2.98088 10.3324 3.26971 10.3324C3.60588 10.3324 3.90773 10.2779 4.17525 10.169C4.44277 10.0578 4.65465 9.90388 4.8109 9.70739C4.96715 9.50852 5.04528 9.27652 5.04528 9.01136C5.04528 8.76989 4.97781 8.57339 4.84286 8.42188C4.70792 8.27036 4.53036 8.14725 4.31019 8.05256C4.09002 7.95786 3.8521 7.875 3.59641 7.80398L2.70153 7.5483C2.13335 7.38494 1.68353 7.15175 1.3521 6.84872C1.02066 6.54569 0.854936 6.14915 0.854936 5.65909C0.854936 5.25189 0.965021 4.89678 1.18519 4.59375C1.40773 4.28835 1.70603 4.05161 2.08008 3.88352C2.4565 3.71307 2.87672 3.62784 3.34073 3.62784C3.80948 3.62784 4.22615 3.71188 4.59073 3.87997C4.95532 4.04569 5.24414 4.27296 5.45721 4.56179C5.67264 4.85062 5.78628 5.1785 5.79812 5.54545H4.94585ZM7.23189 11V5.54545H8.06996V11H7.23189ZM7.65803 4.63636C7.49467 4.63636 7.35381 4.58073 7.23544 4.46946C7.11944 4.35819 7.06143 4.22443 7.06143 4.06818C7.06143 3.91193 7.11944 3.77817 7.23544 3.6669C7.35381 3.55563 7.49467 3.5 7.65803 3.5C7.82138 3.5 7.96106 3.55563 8.07706 3.6669C8.19543 3.77817 8.25462 3.91193 8.25462 4.06818C8.25462 4.22443 8.19543 4.35819 8.07706 4.46946C7.96106 4.58073 7.82138 4.63636 7.65803 4.63636ZM9.44869 11V10.3608L12.5453 6.38352V6.3267H9.54812V5.54545H13.6248V6.21307L10.6135 10.1619V10.2188H13.7243V11H9.44869ZM17.1458 11.1136C16.6202 11.1136 16.1668 10.9976 15.7857 10.7656C15.4069 10.5312 15.1145 10.2045 14.9086 9.78551C14.705 9.36411 14.6032 8.87405 14.6032 8.31534C14.6032 7.75663 14.705 7.2642 14.9086 6.83807C15.1145 6.40956 15.401 6.07576 15.7679 5.83665C16.1373 5.59517 16.5681 5.47443 17.0605 5.47443C17.3446 5.47443 17.6252 5.52178 17.9022 5.61648C18.1792 5.71117 18.4313 5.86506 18.6586 6.07812C18.8858 6.28883 19.0669 6.56818 19.2019 6.91619C19.3368 7.2642 19.4043 7.69271 19.4043 8.2017V8.55682H15.1998V7.83239H18.552C18.552 7.52462 18.4905 7.25 18.3674 7.00852C18.2466 6.76705 18.0738 6.57647 17.8489 6.43679C17.6264 6.29711 17.3636 6.22727 17.0605 6.22727C16.7267 6.22727 16.4379 6.31013 16.1941 6.47585C15.9526 6.6392 15.7667 6.85227 15.6365 7.11506C15.5063 7.37784 15.4412 7.65956 15.4412 7.96023V8.44318C15.4412 8.85511 15.5123 9.20431 15.6543 9.49077C15.7987 9.77486 15.9988 9.99148 16.2544 10.1406C16.5101 10.2874 16.8072 10.3608 17.1458 10.3608C17.3659 10.3608 17.5648 10.33 17.7424 10.2685C17.9223 10.2045 18.0774 10.1098 18.2076 9.98438C18.3378 9.85653 18.4384 9.69792 18.5094 9.50852L19.3191 9.7358C19.2338 10.0104 19.0906 10.2519 18.8894 10.4602C18.6882 10.6662 18.4396 10.8272 18.1436 10.9432C17.8477 11.0568 17.5151 11.1136 17.1458 11.1136Z" fill="#D6D6D6"/>
         <path d="M13.1695 28.0455C13.1269 27.6856 12.954 27.4062 12.651 27.2074C12.348 27.0085 11.9763 26.9091 11.536 26.9091C11.214 26.9091 10.9323 26.9612 10.6908 27.0653C10.4517 27.1695 10.2646 27.3127 10.1297 27.495C9.99713 27.6773 9.93084 27.8845 9.93084 28.1165C9.93084 28.3106 9.97701 28.4775 10.0693 28.6172C10.164 28.7545 10.2848 28.8693 10.4316 28.9616C10.5783 29.0516 10.7322 29.1262 10.8932 29.1854C11.0542 29.2422 11.2021 29.2884 11.3371 29.3239L12.0757 29.5227C12.2651 29.5724 12.4758 29.6411 12.7078 29.7287C12.9422 29.8163 13.1659 29.9358 13.379 30.0874C13.5944 30.2365 13.772 30.4283 13.9117 30.6626C14.0513 30.897 14.1212 31.1847 14.1212 31.5256C14.1212 31.9186 14.0182 32.2737 13.8122 32.5909C13.6086 32.9081 13.3103 33.1603 12.9173 33.3473C12.5267 33.5343 12.0521 33.6278 11.4933 33.6278C10.9725 33.6278 10.5215 33.5438 10.1404 33.3757C9.76157 33.2076 9.46328 32.9732 9.24547 32.6726C9.03004 32.3719 8.90811 32.0227 8.87971 31.625H9.7888C9.81247 31.8996 9.9048 32.1269 10.0658 32.3068C10.2291 32.4844 10.4351 32.617 10.6837 32.7045C10.9346 32.7898 11.2045 32.8324 11.4933 32.8324C11.8295 32.8324 12.1314 32.7779 12.3989 32.669C12.6664 32.5578 12.8783 32.4039 13.0345 32.2074C13.1908 32.0085 13.2689 31.7765 13.2689 31.5114C13.2689 31.2699 13.2014 31.0734 13.0665 30.9219C12.9316 30.7704 12.754 30.6473 12.5338 30.5526C12.3137 30.4579 12.0757 30.375 11.82 30.304L10.9252 30.0483C10.357 29.8849 9.90717 29.6518 9.57573 29.3487C9.24429 29.0457 9.07857 28.6491 9.07857 28.1591C9.07857 27.7519 9.18865 27.3968 9.40882 27.0938C9.63136 26.7884 9.92966 26.5516 10.3037 26.3835C10.6801 26.2131 11.1003 26.1278 11.5644 26.1278C12.0331 26.1278 12.4498 26.2119 12.8144 26.38C13.1789 26.5457 13.4678 26.773 13.6808 27.0618C13.8963 27.3506 14.0099 27.6785 14.0218 28.0455H13.1695Z" fill="#AAABAC"/>

package/dist/cjs/product/settings/product-variant/configs/settings.js

@@ -1 +1 @@
-"use strict";var rectangleList=require("../swatches-style-config/rectangle-list.js"),color=require("../swatches-style-config/color.js"),image=require("../swatches-style-config/image.js"),imageShopify=require("../swatches-style-config/image-shopify.js"),dropdown=require("../swatches-style-config/dropdown.js");const ProductVariantSettings=[{id:"setting",controls:[{id:"variantsOption",type:"group",label:"Variants Options",controls:[{id:"optionType",label:"Option Label",type:"select",default:"singleOption",options:[{label:"Separated",value:"singleOption"},{label:"Combine",value:"groupOption"}]},{id:"label",label:"Option Label",type:"toggle",default:!0},{id:"optionAlign",label:"Alignment",type:"segment",devices:{desktop:{default:"left"}},options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}]},{id:"price",label:"Option Price",type:"option:value",hide:!0,default:!0,options:[{value:!0,label:"Yes"},{value:!1,label:"No"}]},{id:"showAsSwatches",label:"Use Option Swatches",type:"swatchesLink",hide:!0,default:!0,hyperlinkInfo:{beforeText:"Go to ",hyperlinkText:"Manage Swatches",afterText:" to configure options display as swatches",modal:"manage_swatches"}},{id:"combineFullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"combineWidth",type:"input:unit",label:"Width",placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"combineHeight",type:"input:unit",label:"Height",placeholder:"Auto",min:0,units:["px"],default:"45px"},{id:"variantPresets",label:"Use Option Swatches",type:"variant:presets",default:[{optionName:"base",optionType:"rectangle_list",presets:{...color.colorPresetConfig,...rectangleList.rectangleListPresetConfig,...image.imagePresetConfig,...imageShopify.imageShopifyPresetConfig,...dropdown.dropdownPresetConfig}}],hyperlinkInfo:{modal:"manage_swatches"}},{id:"soldOutStyle",type:"select",default:"line",options:[{label:"None",value:"none"},{label:"Unclickable",value:"disable"},{label:"Cross-out",value:"line",icon:"gp-cross-out-one-line"}]}]},{id:"options",type:"group",label:"Options",controls:[{id:"layout",label:"Layout",type:"option:illustration",iconViewBox:"0 0 66 45",enableItemBackground:!0,devices:{desktop:{default:"vertical"}},options:[{label:"Vertical",value:"vertical",type:"arrange",svgName:"gp-arrange-vertical"},{label:"Horizontal",value:"horizontal",type:"arrange",svgName:"gp-arrange-horizontal"}]},{id:"column",label:"Column",type:"select",devices:{desktop:{default:1}},options:[{label:"1 column",value:1},{label:"2 columns",value:2},{label:"3 columns",value:3},{label:"4 columns",value:4}]}]},{id:"variantDisplay",type:"group",label:"Variant Display",controls:[{id:"hasPreSelected",type:"toggle",label:"hasPreSelected",default:!0},{id:"selectVariantDefault",type:"select-variant",label:"Select Default Variant",hide:!0}]},{id:"blankText",label:"Blank Option Text",type:"input",hide:!0,default:"Please select an option"},{id:"hasOnlyDefaultVariant",label:"Blank Option Text",type:"variant:default",hide:!0,default:!1}]},{id:"style",controls:[{id:"dimension",type:"group",label:"Variants Dimension",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"width",type:"input:unit",label:"Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"optionSpacing",label:"Option Spacing",type:"input:unit",units:["px"],placeholder:"Auto",default:"30px"},{id:"labelGap",label:"Gap",type:"input:slider",units:["px"],ignoreMax:!0,max:40,default:"8px"}]},{id:"swatchDimension",type:"group",label:"Swatch Dimension",controls:[{id:"swatchAutoWidth",label:"Auto Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"swatchWidth",type:"input:unit",label:"Width",placeholder:"Auto Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"80px"}}},{id:"swatchHeight",type:"input:unit",label:"Height",placeholder:"Auto Height",min:0,units:["px"],devices:{desktop:{default:"45px"}}},{id:"swatchSpacing",label:"Swatch Spacing",type:"input:unit",units:["px"],placeholder:"Auto",default:"var(--g-s-m)"},{id:"marginBottom",label:"Margin Bottom",type:"input:slider",units:["px"],ignoreMax:!0,max:40,devices:{desktop:{default:"16px"}}}]},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"labelGroup",type:"group",label:"Label",controls:[{id:"labelTypo",type:"typography-combo",label:"Typography",default:{type:"paragraph-2",attrs:{color:"text-1",bold:!0},custom:{fontFamily:"Assistant",letterSpacing:{desktop:"0.6px"}}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"labelColor",type:"color-picker-v2",label:"Text Color",default:"text-1"}]},{id:"labelGroup",type:"group",label:"Option Value",controls:[{id:"optionTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-2"},compoDefaultValue:{attrs:{color:"text-1"}},hiddenSetting:{},ignoreReRender:!0}]},{id:"behavior-state",type:"behavior-state",label:"Option Value",controls:[{id:"optionBgColor",type:"color-picker-v2",label:"Background Color",default:{normal:"#FFFFFF"},compoDefaultValue:{normal:"#FFFFFF",hover:"highlight",active:"highlight"},state:{active:!0,hover:!0,normal:!0}},{id:"optionTextColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-1"},compoDefaultValue:{normal:"text-1"},state:{active:!0,hover:!0,normal:!0}},{id:"optionBorder",type:"border",label:"Border",default:{normal:{borderType:"style-2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"2px 2px 2px 2px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},compoDefaultValue:{normal:{borderType:"style-2",border:"solid",color:"line-2"}}},{id:"optionRounded",type:"radius-preset",label:"Border Radius",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},{id:"optionHasShadow",type:"toggle",default:{normal:!1}},{id:"optionShadow",type:"shadow-v2",label:"Shadow",default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.20)",angle:45,enable:!1}},compoDefaultValue:{normal:{type:"shadow-1",enable:!0,distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.20)",angle:45}}}]},{id:"dropdownItemWidth",type:"segment",label:"Dropdown Width",devices:{desktop:{default:"fill"},mobile:{default:"fill"},tablet:{default:"fill"}},options:[{label:"Fill",value:"fill"},{label:"Fixed",value:"fixed"}]},{id:"fixedDropdownWidth",type:"input:unit",label:"Fixed Width",units:["px","%"],devices:{desktop:{default:"240px"},mobile:{default:"240px"},tablet:{default:"240px"}}},{id:"swatchItemWidth",type:"segment",label:"Swatch Width",devices:{desktop:{default:"auto"}},options:[{label:"Fill",value:"auto"},{label:"Fixed",value:"fixed"}]},{id:"fixedDropdownWidth",type:"input:unit",label:"Fixed Width",units:["px","%"],devices:{desktop:{default:"240px"}}}]}];exports.ProductVariantSettings=ProductVariantSettings;
+"use strict";var rectangleList=require("../swatches-style-config/rectangle-list.js"),color=require("../swatches-style-config/color.js"),image=require("../swatches-style-config/image.js"),imageShopify=require("../swatches-style-config/image-shopify.js"),dropdown=require("../swatches-style-config/dropdown.js");const ProductVariantSettings=[{id:"setting",controls:[{id:"variantsOption",type:"group",label:"Variants Options",controls:[{id:"optionType",label:"Option Label",type:"select",default:"singleOption",options:[{label:"Separated",value:"singleOption"},{label:"Combine",value:"groupOption"}]},{id:"label",label:"Option Label",type:"toggle",default:!0},{id:"optionAlign",label:"Alignment",type:"segment",devices:{desktop:{default:"left"}},options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}]},{id:"price",label:"Option Price",type:"option:value",hide:!0,default:!0,options:[{value:!0,label:"Yes"},{value:!1,label:"No"}]},{id:"showAsSwatches",label:"Use Option Swatches",type:"swatchesLink",hide:!0,default:!0,hyperlinkInfo:{beforeText:"Go to ",hyperlinkText:"Manage Swatches",afterText:" to configure options display as swatches",modal:"manage_swatches"}},{id:"combineFullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"combineWidth",type:"input:unit",label:"Width",placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"combineHeight",type:"input:unit",label:"Height",placeholder:"Auto",min:0,units:["px"],default:"45px"},{id:"variantPresets",label:"Use Option Swatches",type:"variant:presets",default:[{optionName:"base",optionType:"rectangle_list",presets:{...color.colorPresetConfig,...rectangleList.rectangleListPresetConfig,...image.imagePresetConfig,...imageShopify.imageShopifyPresetConfig,...dropdown.dropdownPresetConfig}}],hyperlinkInfo:{modal:"manage_swatches"}},{id:"soldOutStyle",type:"select",default:"line",options:[{label:"None",value:"none"},{label:"Unclickable",value:"disable"},{label:"Cross-out",value:"line",icon:"gp-cross-out-one-line"}]}]},{id:"options",type:"group",label:"Options",controls:[{id:"layout",label:"Layout",type:"option:illustration",iconViewBox:"0 0 66 45",enableItemBackground:!0,devices:{desktop:{default:"vertical"}},options:[{label:"Vertical",value:"vertical",type:"arrange",svgName:"gp-arrange-vertical"},{label:"Horizontal",value:"horizontal",type:"arrange",svgName:"gp-arrange-horizontal"}]},{id:"column",label:"Column",type:"select",devices:{desktop:{default:1}},options:[{label:"1 column",value:1},{label:"2 columns",value:2},{label:"3 columns",value:3},{label:"4 columns",value:4}]}]},{id:"variantDisplay",type:"group",label:"Variant Display",controls:[{id:"hasPreSelected",type:"toggle",label:"hasPreSelected",default:!0},{id:"selectVariantDefault",type:"select-variant",label:"Select Default Variant",hide:!0}]},{id:"blankText",label:"Blank Option Text",type:"input",hide:!0,default:"Please select an option"},{id:"hasOnlyDefaultVariant",label:"Blank Option Text",type:"variant:default",hide:!0,default:!1}]},{id:"style",controls:[{id:"dimension",type:"group",label:"Variants Dimension",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"width",type:"input:unit",label:"Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"optionSpacing",label:"Option Spacing",type:"input:unit",units:["px"],placeholder:"Auto",default:"30px"},{id:"labelGap",label:"Gap",type:"input:slider",units:["px"],ignoreMax:!0,max:40,default:"8px"}]},{id:"swatchDimension",type:"group",label:"Swatch Dimension",controls:[{id:"swatchAutoWidth",label:"Auto Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"swatchWidth",type:"input:unit",label:"Width",placeholder:"Auto Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"80px"}}},{id:"swatchHeight",type:"input:unit",label:"Height",placeholder:"Auto Height",min:0,units:["px"],devices:{desktop:{default:"45px"}}},{id:"swatchSpacing",label:"Swatch Spacing",type:"input:unit",units:["px"],placeholder:"Auto",default:"var(--g-s-m)"},{id:"marginBottom",label:"Margin Bottom",type:"input:slider",units:["px"],ignoreMax:!0,max:40,devices:{desktop:{default:"16px"}}}]},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"labelGroup",type:"group",label:"Label",controls:[{id:"labelTypo",type:"typography-combo",label:"Typography",default:{type:"paragraph-2",attrs:{color:"text-1",bold:!0}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"labelColor",type:"color-picker-v2",label:"Text Color",default:"text-1"}]},{id:"labelGroup",type:"group",label:"Option Value",controls:[{id:"optionTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-2"},compoDefaultValue:{attrs:{color:"text-2"}},hiddenSetting:{},ignoreReRender:!0}]},{id:"behavior-state",type:"behavior-state",label:"Option Value",controls:[{id:"optionBgColor",type:"color-picker-v2",label:"Background Color",default:{normal:"#FFFFFF"},compoDefaultValue:{normal:"#FFFFFF",hover:"highlight",active:"highlight"},state:{active:!0,hover:!0,normal:!0}},{id:"optionTextColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-2"},compoDefaultValue:{normal:"text-2"},state:{active:!0,hover:!0,normal:!0}},{id:"optionBorder",type:"border",label:"Border",default:{normal:{borderType:"style-2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"2px 2px 2px 2px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},compoDefaultValue:{normal:{borderType:"style-2",border:"solid",color:"line-2"}}},{id:"optionRounded",type:"radius-preset",label:"Border Radius",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},{id:"optionHasShadow",type:"toggle",default:{normal:!1}},{id:"optionShadow",type:"shadow-v2",label:"Shadow",default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.20)",angle:45,enable:!1}},compoDefaultValue:{normal:{type:"shadow-1",enable:!0,distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.20)",angle:45}}}]},{id:"dropdownItemWidth",type:"segment",label:"Dropdown Width",devices:{desktop:{default:"fill"},mobile:{default:"fill"},tablet:{default:"fill"}},options:[{label:"Fill",value:"fill"},{label:"Fixed",value:"fixed"}]},{id:"fixedDropdownWidth",type:"input:unit",label:"Fixed Width",units:["px","%"],devices:{desktop:{default:"240px"},mobile:{default:"240px"},tablet:{default:"240px"}}},{id:"swatchItemWidth",type:"segment",label:"Swatch Width",devices:{desktop:{default:"auto"}},options:[{label:"Fill",value:"auto"},{label:"Fixed",value:"fixed"}]},{id:"fixedDropdownWidth",type:"input:unit",label:"Fixed Width",units:["px","%"],devices:{desktop:{default:"240px"}}}]}];exports.ProductVariantSettings=ProductVariantSettings;

package/dist/esm/collection/components/collection-banner/CollectionBanner.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useCollection as l,useRenderMode as r}from"@gem-sdk/core";import t from"../../../grid/components/row/Row.js";import{createClass as s,createStyle as m,If as a}from"@gem-sdk/system";import{getClassContainerBanner as i,getClassContainerBackgoundImage as n,getClassOverlayBanner as c,getClassLinkBanner as d}from"./common/classes.js";import{getDimension as p,getStyleOverlay as f,getStyleContainerBackgoundImage as g}from"./common/styles.js";import{updateBackroundImageSrc as k}from"./common/helpers.js";import y from"../../../link/components/Link.js";let CollectionBanner=({builderAttrs:b,builderProps:h,setting:j,style:u,children:v,advanced:N})=>{let B=l(),{isPreviewSharePageMode:C,isEditMode:w}=r(),{link:x,layout:I,width:L,verticalGutter:M,verticalAlign:O,horizontalAlign:R}=j??{};k({setting:j,collectionSrc:B?.collectionMedia?.src});let S=s({...i({builderProps:h,setting:j,advanced:N})}),W=s({...n({setting:j})}),q=s({...c({setting:j})}),z=s({...d()}),A=m({...p({setting:j,style:u})}),D=m({...f({setting:j})}),E=m({...g({setting:j,hasCollectionImage:!1})}),F=!!x?.link&&!w&&!C;return e("div",{...b,className:S,style:A,children:[o("div",{"aria-label":"Background Image",role:"banner",className:W,style:E}),o("div",{"aria-label":"Overlay",role:"banner",className:q,style:D}),a(F,o(y,{setting:{href:x?.link,target:x?.target},className:z})),o(t,{setting:{layout:I,horizontalAlign:R,verticalAlign:O},styles:{verticalGutter:M,width:L,fullWidth:{desktop:!1,tablet:!1,mobile:!1}},style:u,children:v})]})};export{CollectionBanner as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useCollection as t,useRenderMode as l}from"@gem-sdk/core";import r from"../../../grid/components/row/Row.js";import{createClass as s,createStyle as m,If as i}from"@gem-sdk/system";import{getClassContainerBanner as a,getClassContainerBackgoundImage as n,getClassOverlayBanner as c,getClassLinkBanner as d}from"./common/classes.js";import{getDimension as p,getStyleOverlay as f,getStyleContainerBackgoundImage as g}from"./common/styles.js";import{updateBackroundImageSrc as k}from"./common/helpers.js";import y from"../../../link/components/Link.js";let CollectionBanner=({builderAttrs:h,builderProps:j,setting:u,style:b,children:v,advanced:N})=>{let B=t(),{isPreviewSharePageMode:C,isEditMode:w}=l(),{link:x,layout:I,width:L,verticalGutter:M,verticalAlign:O,horizontalAlign:R}=u??{};k({setting:u,collectionSrc:B?.collectionMedia?.src});let S=s({...a({builderProps:j,setting:u,advanced:N})}),W=s({...n({setting:u})}),q=s({...c({setting:u})}),z=s({...d()}),A=m({...p({setting:u,style:b})}),D=m({...f({setting:u})}),E=m({...g({setting:u,hasCollectionImage:!1})}),F=!!x?.link&&!w&&!C;return e("div",{...h,className:S,style:A,children:[o("div",{"aria-label":"Background Image",className:W,style:E}),o("div",{"aria-label":"Overlay",className:q,style:D}),i(F,o(y,{setting:{href:x?.link,target:x?.target},className:z})),o(r,{setting:{layout:I,horizontalAlign:R,verticalAlign:O},styles:{verticalGutter:M,width:L,fullWidth:{desktop:!1,tablet:!1,mobile:!1}},style:b,children:v})]})};export{CollectionBanner as default};

package/dist/esm/collection/components/collection-banner/CollectionBanner.liquid.js

@@ -1,19 +1,18 @@
 'use client';
-import{template as e,RenderIf as l}from"@gem-sdk/core";import o from"../../../grid/components/row/Row.liquid.js";import{createClass as r,createStyle as t}from"@gem-sdk/system";import{getClassContainerBanner as s,getClassContainerBackgoundImage as i,getClassOverlayBanner as a,getClassLinkBanner as m}from"./common/classes.js";import{getDimension as n,getStyleOverlay as c,getStyleContainerBackgoundImage as d}from"./common/styles.js";import{updateBackroundImageSrc as $,defaultImageUrl as g}from"./common/helpers.js";let CollectionBanner=({builderAttrs:f,builderProps:p,setting:v,style:y,children:b,rawChildren:k,advanced:u})=>{let{link:h,layout:j,width:B,verticalGutter:C,horizontalAlign:w,verticalAlign:I}=v??{};$({setting:v,collectionSrc:`{% if collection.image %} {{ collection.image.src | image_url}}  {% else %} ${g} {% endif  %}`});let q=r({...s({builderProps:p,setting:v,advanced:u})}),x=r({...i({setting:v})}),O=r({...a({setting:v})}),R=r({...m()}),S=t({...n({setting:v,style:y})}),W=t({...c({setting:v})}),_=t({...d({setting:v,hasCollectionImage:!1})});return e`
+import{template as e,RenderIf as l}from"@gem-sdk/core";import o from"../../../grid/components/row/Row.liquid.js";import{createClass as t,createStyle as s}from"@gem-sdk/system";import{getClassContainerBanner as i,getClassContainerBackgoundImage as r,getClassOverlayBanner as a,getClassLinkBanner as m}from"./common/classes.js";import{getDimension as c,getStyleOverlay as n,getStyleContainerBackgoundImage as d}from"./common/styles.js";import{updateBackroundImageSrc as $,defaultImageUrl as g}from"./common/helpers.js";let CollectionBanner=({builderAttrs:f,builderProps:p,setting:v,style:y,children:k,rawChildren:u,advanced:b})=>{let{link:h,layout:j,width:B,verticalGutter:C,horizontalAlign:w,verticalAlign:I}=v??{};$({setting:v,collectionSrc:`{% if collection.image %} {{ collection.image.src | image_url}}  {% else %} ${g} {% endif  %}`});let q=t({...i({builderProps:p,setting:v,advanced:b})}),x=t({...r({setting:v})}),O=t({...a({setting:v})}),R=t({...m()}),S=s({...c({setting:v,style:y})}),W=s({...n({setting:v})}),_=s({...d({setting:v,hasCollectionImage:!1})});return e`
     <div ${{...f}} class="${q}" style="${S}">
       <div
         aria-label="Background Image"
-        role="banner"
         class="${x}"
         style="${_}"
       >
       </div>
-      <div aria-label="Overlay" role="banner" class="${O}" style="${W}"> </div>
+      <div aria-label="Overlay" class="${O}" style="${W}"> </div>
       ${l(!!h?.link,`<a
           href="${h?.link}"
           target="${h?.target}"
           class="${R}"
         > </a>`)}
-      ${o({setting:{layout:j,horizontalAlign:w,verticalAlign:I},styles:{verticalGutter:C,width:B,fullWidth:{desktop:!1,tablet:!1,mobile:!1}},style:y,children:b,rawChildren:k})}
+      ${o({setting:{layout:j,horizontalAlign:w,verticalAlign:I},styles:{verticalGutter:C,width:B,fullWidth:{desktop:!1,tablet:!1,mobile:!1}},style:y,children:k,rawChildren:u})}
     </div>
   `};export{CollectionBanner as default};

package/dist/esm/hero-banner/components/HeroBannerItem.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useMemo as t}from"react";import{useEditorMode as r,filterToolbarPreview as l,getAspectRatioGlobalSize as s}from"@gem-sdk/core";import a from"../../grid/components/row/Row.js";import{createStyle as i,createClass as m}from"@gem-sdk/system";import n from"../../image/components/AdaptiveImage.js";import p from"../../video/components/HTML5Embed.js";import{getContainerStyle as d,getOverlayStyle as c,getRowStyle as y,getAdaptiveStyle as f,getBackgroundStyle as u,getContainBackgroundStyle as v,getYoutubeIframeStyle as b,getHtml5VideoStyle as h}from"../common/styles.js";import{getContainerClasses as g,getOverlayClasses as j,getRowClasses as N,getAdaptivePictureClasses as k,getAdaptiveClasses as H,getBackgroundClasses as w,getContainBackgroundClasses as I,getHtml5VideoClasses as T,getWrapperYoutubeClasses as B,getIframeYoutubeClasses as C}from"../common/classes.js";import{getAspectRatioSettings as L,getBackgroundImageHeroBanner as z,showVideoType as R,horizontalAlign as E,getWidth as x,scrollToContentBanner as A,getBgImage as O,fallbackImg as V}from"../common/helpers.js";import $ from"../../video/components/LiteYouTubeEmbed.js";import{getYoutubeVideoId as M,youtubeVideoRegex as S}from"../../video/common/helpers.js";let HeroBannerItem=W=>{r();let{setting:Y,styles:q,children:D,elementRef:F,transform:G,dataVideo:J,bgRef:K,isShowVideoHtml5:P,layoutResponsive:Q}=W,{layout:U,verticalAlign:X,enableParallax:Z,alt:_,title:ee}=Y??{},{background:eo,overlayColor:et,verticalGutter:er,sizeSetting:el,contentWidth:es,hoverEffect:ea,contentPosition1Col:ei,contentPosition2Col:em}=q??{},en=L(Y?.ratioOptions,Y?.aspectRatio),ep=i({...d(q,Y)}),ed=m({...g(Y,q)}),ec=i({...c(q)}),ey=m({...j(q)}),ef=i({...y(q)}),eu=m({...N(q,Y)}),ev=i({...f(q)}),eb=m({...k()}),eh=m({...H()}),eg=m({...w(ea,!1)}),ej=i({...z(eo,!1,!0),...u(q,Z,G)}),eN=m({...I()}),ek=i({...v(q)}),eH=m({...T(Y?.aspectRatio,!P)}),ew=i({...b(en)}),eI=i({...h(en)}),eT=m({...B()}),eB=m({...C()}),eC=t(()=>{if(!R(eo))return;if(J?.videoType==="html5"&&!J.videoHtml5||J?.videoType==="youtube"&&!J.video)return null;if(J?.type==="video"&&J?.videoType==="html5"&&J?.videoHtml5)return e(p,{muted:!0,loop:J?.loop,controls:!1,autoplay:!0,src:J?.videoHtml5||"",title:"Video",style:eI,className:eH});let o=J?.video??"",t=M(o),r=J?.loop?1:0,l=`&loop=${r}&playlist=${t}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(J?.type==="video"&&J?.videoType==="youtube"&&t&&S.test(o))return e($,{id:t,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:l,adNetwork:!1,noCookie:!0,muted:!0,lazy:J?.lazyLoad??!0,style:ew,wrapperClass:eT,iframeClass:eB})},[J,eo,eH,eB,eT,ew,eI]);return o("div",{className:ed,style:ep,children:[o("div",{ref:F,"aria-label":"Background Image",role:"banner",className:eN,style:ek,children:[e("div",{ref:K,className:eg,style:ej,children:eC}),!!et&&e("div",{"aria-label":"Overlay",role:"banner",className:ey,style:ec})]}),e(a,{className:eu,style:ef,setting:{layout:U,horizontalAlign:E(U,ei,em),verticalAlign:X},styles:{verticalGutter:er,width:x(es),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},hiddenEmptyCol:Q?.cols?.length===1,onBlur:e=>A(e),children:l(D)}),e(n,{pictureClass:eb,srcSet:O(eo),className:eh,aspectRatio:s(el),style:ev,alt:_,title:ee,enableLazyLoadImage:!1,fallbackImg:V})]})};export{HeroBannerItem as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useMemo as t}from"react";import{useEditorMode as l,filterToolbarPreview as r,getAspectRatioGlobalSize as s}from"@gem-sdk/core";import i from"../../grid/components/row/Row.js";import{createStyle as a,createClass as m}from"@gem-sdk/system";import p from"../../image/components/AdaptiveImage.js";import d from"../../video/components/HTML5Embed.js";import{getContainerStyle as n,getOverlayStyle as c,getRowStyle as y,getAdaptiveStyle as f,getBackgroundStyle as u,getContainBackgroundStyle as v,getYoutubeIframeStyle as h,getHtml5VideoStyle as b}from"../common/styles.js";import{getContainerClasses as g,getOverlayClasses as j,getRowClasses as N,getAdaptivePictureClasses as k,getAdaptiveClasses as H,getBackgroundClasses as w,getContainBackgroundClasses as I,getHtml5VideoClasses as T,getWrapperYoutubeClasses as B,getIframeYoutubeClasses as C}from"../common/classes.js";import{getAspectRatioSettings as L,getBackgroundImageHeroBanner as z,showVideoType as R,horizontalAlign as E,getWidth as x,scrollToContentBanner as A,getBgImage as O,fallbackImg as V}from"../common/helpers.js";import $ from"../../video/components/LiteYouTubeEmbed.js";import{getYoutubeVideoId as M,youtubeVideoRegex as S}from"../../video/common/helpers.js";let HeroBannerItem=W=>{l();let{setting:Y,styles:q,children:D,elementRef:F,transform:G,dataVideo:J,bgRef:K,isShowVideoHtml5:P,layoutResponsive:Q}=W,{layout:U,verticalAlign:X,enableParallax:Z,alt:_,title:ee}=Y??{},{background:eo,overlayColor:et,verticalGutter:el,sizeSetting:er,contentWidth:es,hoverEffect:ei,contentPosition1Col:ea,contentPosition2Col:em}=q??{},ep=L(Y?.ratioOptions,Y?.aspectRatio),ed=a({...n(q,Y)}),en=m({...g(Y,q)}),ec=a({...c(q)}),ey=m({...j(q)}),ef=a({...y(q)}),eu=m({...N(q,Y)}),ev=a({...f(q)}),eh=m({...k()}),eb=m({...H()}),eg=m({...w(ei,!1)}),ej=a({...z(eo,!1,!0),...u(q,Z,G)}),eN=m({...I()}),ek=a({...v(q)}),eH=m({...T(Y?.aspectRatio,!P)}),ew=a({...h(ep)}),eI=a({...b(ep)}),eT=m({...B()}),eB=m({...C()}),eC=t(()=>{if(!R(eo))return;if(J?.videoType==="html5"&&!J.videoHtml5||J?.videoType==="youtube"&&!J.video)return null;if(J?.type==="video"&&J?.videoType==="html5"&&J?.videoHtml5)return e(d,{muted:!0,loop:J?.loop,controls:!1,autoplay:!0,src:J?.videoHtml5||"",title:"Video",style:eI,className:eH});let o=J?.video??"",t=M(o),l=J?.loop?1:0,r=`&loop=${l}&playlist=${t}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(J?.type==="video"&&J?.videoType==="youtube"&&t&&S.test(o))return e($,{id:t,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:r,adNetwork:!1,noCookie:!0,muted:!0,lazy:J?.lazyLoad??!0,style:ew,wrapperClass:eT,iframeClass:eB})},[J,eo,eH,eB,eT,ew,eI]);return o("div",{className:en,style:ed,children:[o("div",{ref:F,"aria-label":"Background Image",className:eN,style:ek,children:[e("div",{ref:K,className:eg,style:ej,children:eC}),!!et&&e("div",{"aria-label":"Overlay",className:ey,style:ec})]}),e(i,{className:eu,style:ef,setting:{layout:U,horizontalAlign:E(U,ea,em),verticalAlign:X},styles:{verticalGutter:el,width:x(es),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},hiddenEmptyCol:Q?.cols?.length===1,onBlur:e=>A(e),children:r(D)}),e(p,{pictureClass:eh,srcSet:O(eo),className:eb,aspectRatio:s(er),style:ev,alt:_,title:ee,enableLazyLoadImage:!1,fallbackImg:V})]})};export{HeroBannerItem as default};

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

@@ -1,8 +1,7 @@
-import e from"../../grid/components/row/Row.liquid.js";import{template as o,getAspectRatioGlobalSize as s,DEVICES as t,getResponsiveValueByScreen as i}from"@gem-sdk/core";import{createStyle as r,createClass as m,If as a}from"@gem-sdk/system";import l from"../../image/components/AdaptiveImage.liquid.js";import p from"../../video/components/HTML5Embed.liquid.js";import{getContainerStyle as n,getOverlayStyle as d,getRowStyle as c,getAdaptiveStyle as u,getBackgroundStyle as f,getContainBackgroundStyle as y,getYoutubeIframeStyle as v,getHtml5VideoStyle as g}from"../common/styles.js";import{getContainerClasses as j,getOverlayClasses as $,getRowClasses as b,getAdaptivePictureClasses as h,getAdaptiveClasses as k,getBackgroundClasses as w,getContainBackgroundClasses as N,getHtml5VideoClasses as q,getWrapperYoutubeClasses as H,getIframeYoutubeClasses as I,getLazyBackgroundClasses as B}from"../common/classes.js";import{getAspectRatioSettings as C,getBackgroundImageHeroBanner as R,horizontalAlign as z,getWidth as A,getBgImage as L,fallbackImg as T,getEnableBgImageByDevice as x,showVideoType as E,getResponsiveSetting as O}from"../common/helpers.js";import{getImageSrc as S}from"../../image/common/helpers.js";import V from"../../image/components/NextImage.liquid.js";import D from"../../video/components/LiteYouTubeEmbed.liquid.js";import{getYoutubeVideoId as M,youtubeVideoRegex as W}from"../../video/common/helpers.js";import{isRenderHtmlVideo as Y}from"../../grid/components/row/common/helpers.js";import{PRIORITY_LOAD_ATTRS as F}from"../../image/constants.js";let HeroBannerItem=G=>{let{enableLazyLoadImage:J=!0,setting:K,styles:P,children:Q,builderProps:U,rawChildren:X}=G,{layout:Z,verticalAlign:_,enableParallax:ee,alt:eo,title:es,preload:et}=K??{},{background:ei,overlayColor:er,verticalGutter:em,sizeSetting:ea,contentWidth:el,hoverEffect:ep,contentPosition1Col:en,contentPosition2Col:ed}=P??{},ec=!et&&J,eu=C(K?.ratioOptions,K?.aspectRatio),ef=O(ei||{}).desktop,ey=r({...n(P,K)}),ev=m({...j(K,P)}),eg=r({...d(P)}),ej=m({...$(P)}),e$=r({...c(P)}),eb=m({...b(P,K)}),eh=r({...u(P)}),ek=m({...h()}),ew=m({...k()}),eN=m({...w(ep,ec)}),eq=r({...R(ei,ec,!1),...f(P,ee,"")}),eH=m({...N()}),eI=r({...y(P)}),eB=m({...q(K?.aspectRatio,!1)}),eC=r({...v(eu)}),eR=m({...H()}),ez=r({...g(eu)}),eA=m({...I()}),eL=e=>m({...B(e)}),eT=()=>{if(!et)return t.map(e=>a(x(e,ei),V({src:S(i(L(ei),e),e),alt:eo,title:es,className:eL(e),isDisableAspectStyle:!0,enableLazyLoadImage:J}))).join("")},ex=()=>{if(!E(ei))return;if(Y(ei))return p({uid:U?.uid,muted:!0,loop:ef?.loop,controls:!1,autoplay:!0,src:ef?.videoHtml5||"",title:"Video",style:ez,className:eB});let e=ef?.video??"",o=M(e),s=`&loop=false&playlist=${o}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(ef?.type==="video"&&ef?.videoType==="youtube"&&o&&W.test(e))return D({uid:U?.uid,id:o,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:s,adNetwork:!1,noCookie:!0,muted:!0,lazy:ef?.lazyLoad??!0,preload:!0,style:eC,wrapperClass:eR,iframeClass:eA})};return o`
+import e from"../../grid/components/row/Row.liquid.js";import{template as o,getAspectRatioGlobalSize as s,DEVICES as t,getResponsiveValueByScreen as i}from"@gem-sdk/core";import{createStyle as r,createClass as m,If as a}from"@gem-sdk/system";import l from"../../image/components/AdaptiveImage.liquid.js";import p from"../../video/components/HTML5Embed.liquid.js";import{getContainerStyle as d,getOverlayStyle as n,getRowStyle as c,getAdaptiveStyle as u,getBackgroundStyle as f,getContainBackgroundStyle as y,getYoutubeIframeStyle as v,getHtml5VideoStyle as g}from"../common/styles.js";import{getContainerClasses as j,getOverlayClasses as $,getRowClasses as b,getAdaptivePictureClasses as h,getAdaptiveClasses as k,getBackgroundClasses as w,getContainBackgroundClasses as N,getHtml5VideoClasses as q,getWrapperYoutubeClasses as H,getIframeYoutubeClasses as I,getLazyBackgroundClasses as B}from"../common/classes.js";import{getAspectRatioSettings as C,getBackgroundImageHeroBanner as R,horizontalAlign as z,getWidth as A,getBgImage as L,fallbackImg as T,getEnableBgImageByDevice as x,showVideoType as E,getResponsiveSetting as O}from"../common/helpers.js";import{getImageSrc as S}from"../../image/common/helpers.js";import V from"../../image/components/NextImage.liquid.js";import D from"../../video/components/LiteYouTubeEmbed.liquid.js";import{getYoutubeVideoId as M,youtubeVideoRegex as W}from"../../video/common/helpers.js";import{isRenderHtmlVideo as Y}from"../../grid/components/row/common/helpers.js";import{PRIORITY_LOAD_ATTRS as F}from"../../image/constants.js";let HeroBannerItem=G=>{let{enableLazyLoadImage:J=!0,setting:K,styles:P,children:Q,builderProps:U,rawChildren:X}=G,{layout:Z,verticalAlign:_,enableParallax:ee,alt:eo,title:es,preload:et}=K??{},{background:ei,overlayColor:er,verticalGutter:em,sizeSetting:ea,contentWidth:el,hoverEffect:ep,contentPosition1Col:ed,contentPosition2Col:en}=P??{},ec=!et&&J,eu=C(K?.ratioOptions,K?.aspectRatio),ef=O(ei||{}).desktop,ey=r({...d(P,K)}),ev=m({...j(K,P)}),eg=r({...n(P)}),ej=m({...$(P)}),e$=r({...c(P)}),eb=m({...b(P,K)}),eh=r({...u(P)}),ek=m({...h()}),ew=m({...k()}),eN=m({...w(ep,ec)}),eq=r({...R(ei,ec,!1),...f(P,ee,"")}),eH=m({...N()}),eI=r({...y(P)}),eB=m({...q(K?.aspectRatio,!1)}),eC=r({...v(eu)}),eR=m({...H()}),ez=r({...g(eu)}),eA=m({...I()}),eL=e=>m({...B(e)}),eT=()=>{if(!et)return t.map(e=>a(x(e,ei),V({src:S(i(L(ei),e),e),alt:eo,title:es,className:eL(e),isDisableAspectStyle:!0,enableLazyLoadImage:J}))).join("")},ex=()=>{if(!E(ei))return;if(Y(ei))return p({uid:U?.uid,muted:!0,loop:ef?.loop,controls:!1,autoplay:!0,src:ef?.videoHtml5||"",title:"Video",style:ez,className:eB});let e=ef?.video??"",o=M(e),s=`&loop=false&playlist=${o}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(ef?.type==="video"&&ef?.videoType==="youtube"&&o&&W.test(e))return D({uid:U?.uid,id:o,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:s,adNetwork:!1,noCookie:!0,muted:!0,lazy:ef?.lazyLoad??!0,preload:!0,style:eC,wrapperClass:eR,iframeClass:eA})};return o`
   <div class="${ev}" style="${ey}">
       <div
         aria-label="Background Image"
-        role="banner"
         class="${eH}"
         style="${eI}"
       >
@@ -10,9 +9,9 @@ import e from"../../grid/components/row/Row.liquid.js";import{template as o,getA
           ${eT()}
           ${ex()}
         </div>
-        ${a(!!er,o`<div aria-label="Overlay" role="banner" class="${ej}" style="${eg}"> </div>`)}
+        ${a(!!er,o`<div aria-label="Overlay" class="${ej}" style="${eg}"> </div>`)}
       </div>
-      ${e({className:eb,style:e$,setting:{layout:Z,horizontalAlign:z(Z,en,ed),verticalAlign:_},styles:{verticalGutter:em,width:A(el),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},children:Q,rawChildren:X})}
+      ${e({className:eb,style:e$,setting:{layout:Z,horizontalAlign:z(Z,ed,en),verticalAlign:_},styles:{verticalGutter:em,width:A(el),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},children:Q,rawChildren:X})}
         ${l({pictureClass:ek,srcSet:L(ei),className:ew,...et&&F,aspectRatio:s(ea),style:eh,alt:eo,title:es,enableLazyLoadImage:J,fallbackImg:T})}
   </div>
 `};export{HeroBannerItem as default};

package/dist/esm/product/components/product-button/AddToCartButton.liquid.js

@@ -1 +1 @@
-import{createClass as t}from"@gem-sdk/system";import{getAddToCartButtonData as s}from"./common/data.js";import{getAddToCartButtonClasses as e}from"./common/classes.js";import o from"./ProductButtonPrice.liquid.js";import r from"../../../button/components/Button.liquid.js";let AddToCartButton=a=>{let{pageContext:i,...d}=a,{styles:n,setting:m,advanced:l,builderProps:u,builderAttrs:p}=d,{buttonStyle:c,buttonStyles:b,getButtonSettings:f}=s(d),v=t(e({isLiquid:!0})),g=f({isLiquid:!0}),j=o({setting:m,styles:n});return r({style:c,advanced:l,nodePrice:j,styles:b,setting:g,className:v,wrapClassName:"{% unless variant.available %} !gp-hidden {% endunless %}",builderProps:u,builderAttrs:p,customAttrs:{name:"add","gp-data-hidden":"{% unless variant.available %}true{% endunless %}"},pageContext:i})};export{AddToCartButton};
+import{createClass as t}from"@gem-sdk/system";import{getAddToCartButtonData as s}from"./common/data.js";import{getAddToCartButtonClasses as e}from"./common/classes.js";import o from"./ProductButtonPrice.liquid.js";import r from"../../../button/components/Button.liquid.js";let AddToCartButton=a=>{let{pageContext:i,...d}=a,{styles:n,setting:m,advanced:l,builderProps:u,builderAttrs:p}=d,{buttonStyle:c,buttonStyles:b,getButtonSettings:f}=s(d),v=t(e({isLiquid:!0})),g=f({isLiquid:!0}),j=o({setting:m,styles:n,pageContext:i});return r({style:c,advanced:l,nodePrice:j,styles:b,setting:g,className:v,wrapClassName:"{% unless variant.available %} !gp-hidden {% endunless %}",builderProps:u,builderAttrs:p,customAttrs:{name:"add","gp-data-hidden":"{% unless variant.available %}true{% endunless %}"},pageContext:i})};export{AddToCartButton};

package/dist/esm/product/components/product-button/PriceComponent.liquid.js

@@ -1 +1 @@
-import{createClass as e}from"@gem-sdk/system";import{ProductPrice as t}from"../product-price/ProductPrice.liquid.js";import{getProductPriceClasses as o}from"./common/classes.js";let PriceComponent=({priceType:r,settings:s})=>{let{lineThrough:m,typo:i,opacityPrice:c}=s,p=e(o());return t({setting:{priceType:r},styles:{typo:i,lineThrough:m,opacityPrice:c},classNames:p})};export{PriceComponent as default};
+import{createClass as e}from"@gem-sdk/system";import{ProductPrice as t}from"../product-price/ProductPrice.liquid.js";import{getProductPriceClasses as o}from"./common/classes.js";let PriceComponent=({priceType:r,settings:s,pageContext:m})=>{let{lineThrough:i,typo:c,opacityPrice:p}=s,l=e(o());return t({setting:{priceType:r},styles:{typo:c,lineThrough:i,opacityPrice:p},classNames:l,pageContext:m})};export{PriceComponent as default};

package/dist/esm/product/components/product-button/ProductButtonPrice.liquid.js

@@ -1,2 +1,2 @@
 'use client';
-import{PriceType as r}from"./types.js";import{getRenderRegularPriceSettings as e,getRenderComparePriceSettings as t}from"./common/helpers.js";import o from"./PriceLayout.liquid.js";import i from"./PriceComponent.liquid.js";import{PRICE_LAYOUT as a}from"./common/constants.js";let ProductButtonPrice=({setting:s,styles:p})=>{let c=()=>i({priceType:r.Regular,settings:e(s)}),n=()=>i({priceType:r.Compare,settings:t(s)}),u=()=>{if(!s?.priceLayout)return[c];switch(s?.priceLayout){case a.PRICE_ONLY:return[c];case a.PRICE_BEFORE:return[c,n];case a.PRICE_AFTER:return[n,c];default:return[c,n]}},m=u();return o({components:m,separator:s?.separator,showPrice:!!p?.enablePrice,showSeparator:!!p?.enableSeparator})};export{ProductButtonPrice as default};
+import{PriceType as r}from"./types.js";import{getRenderRegularPriceSettings as e,getRenderComparePriceSettings as t}from"./common/helpers.js";import o from"./PriceLayout.liquid.js";import i from"./PriceComponent.liquid.js";import{PRICE_LAYOUT as a}from"./common/constants.js";let ProductButtonPrice=({setting:s,styles:p,pageContext:c})=>{let n=()=>i({priceType:r.Regular,settings:e(s),pageContext:c}),u=()=>i({priceType:r.Compare,settings:t(s),pageContext:c}),m=()=>{if(!s?.priceLayout)return[n];switch(s?.priceLayout){case a.PRICE_ONLY:return[n];case a.PRICE_BEFORE:return[n,u];case a.PRICE_AFTER:return[u,n];default:return[n,u]}},P=m();return o({components:P,separator:s?.separator,showPrice:!!p?.enablePrice,showSeparator:!!p?.enableSeparator})};export{ProductButtonPrice as default};

package/dist/esm/product/components/product-button/SoldOutButton.liquid.js

@@ -1 +1 @@
-import{createClass as t}from"@gem-sdk/system";import{getSoldOutButtonData as i}from"./common/data.js";import o from"./ProductButtonPrice.liquid.js";import{getSoldOutButtonClasses as d}from"./common/classes.js";import e from"../../../button/components/Button.liquid.js";let SoldOutButton=s=>{let{pageContext:a,...r}=s,{styles:u,setting:l,advanced:n,builderProps:m,builderAttrs:p}=r,{buttonStyle:c,buttonStyles:f,buttonSettings:b}=i(r),v=t(d({isLiquid:!0})),g=o({setting:l,styles:u});return e({advanced:n,style:c,styles:f,nodePrice:g,setting:b,className:v,wrapClassName:"{% if variant.available %} !gp-hidden {% endif %}",builderAttrs:p,builderProps:{...m,uidTranslate:m?.uid,uid:`${m?.uid}-sold-out`},pageContext:a,isUseTranslatedValue:!1,dataId:`${m?.uid}-sold-out`,customAttrs:{"gp-data-hidden":"{% if variant.available %}true{% endif %}"}})};export{SoldOutButton};
+import{createClass as t}from"@gem-sdk/system";import{getSoldOutButtonData as i}from"./common/data.js";import o from"./ProductButtonPrice.liquid.js";import{getSoldOutButtonClasses as d}from"./common/classes.js";import e from"../../../button/components/Button.liquid.js";let SoldOutButton=s=>{let{pageContext:a,...r}=s,{styles:u,setting:l,advanced:n,builderProps:m,builderAttrs:p}=r,{buttonStyle:c,buttonStyles:f,buttonSettings:b}=i(r),v=t(d({isLiquid:!0})),g=o({setting:l,styles:u,pageContext:a});return e({advanced:n,style:c,styles:f,nodePrice:g,setting:b,className:v,wrapClassName:"{% if variant.available %} !gp-hidden {% endif %}",builderAttrs:p,builderProps:{...m,uidTranslate:m?.uid,uid:`${m?.uid}-sold-out`},pageContext:a,isUseTranslatedValue:!1,dataId:`${m?.uid}-sold-out`,customAttrs:{"gp-data-hidden":"{% if variant.available %}true{% endif %}"}})};export{SoldOutButton};

package/dist/esm/product/components/product-price/ProductPrice.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as r,Fragment as t}from"react/jsx-runtime";import o from"../../../text/components/Text.js";import{createClass as i,createAttr as m}from"@gem-sdk/system";import{getWrapperClasses as s}from"./common/classes.js";import{getAttrs as c}from"./common/attrs.js";import{getTextProps as p}from"./common/helpers.js";import{useGpPrice as l}from"./hooks/useGpPrice.js";import{useEditorMode as d,filterToolbarPreview as a}from"@gem-sdk/core";let ProductPrice=n=>{let{style:f,children:g}=n,h=d(),x="edit"===h,{elementRef:u,moneyFormatted:j,currentProductId:y,isNoComparePrice:P,isNoComparePriceILP:k,emitNoDataSignal:N}=l(n),v=i(s(n)),b=m(c(n,y)),w=p(n,j),C={visibility:"hidden",opacity:0,maxWidth:0,maxHeight:0},G=k?C:f;return e("div",{ref:u,...b,className:v,style:G,"aria-hidden":"true",onClick:N,children:[P&&x?r(t,{children:r("div",{className:"gp-flex-col gp-flex gp-justify-between gp-p-2",children:r("p",{className:"gp-text-[#212121] gp-text-[12px] gp-leading-3 ",children:"No compare price"})})}):e(t,{children:[r(o,{...w}),g]}),a(g,!0)]})};export{ProductPrice as default};
+import{jsxs as e,jsx as r,Fragment as o}from"react/jsx-runtime";import t from"../../../text/components/Text.js";import{createClass as i,createAttr as m}from"@gem-sdk/system";import{getWrapperClasses as s}from"./common/classes.js";import{getAttrs as c}from"./common/attrs.js";import{getTextProps as p}from"./common/helpers.js";import{useGpPrice as d}from"./hooks/useGpPrice.js";import{useEditorMode as l,filterToolbarPreview as a}from"@gem-sdk/core";let ProductPrice=n=>{let{style:f,children:h}=n,g=l(),x="edit"===g,{elementRef:u,moneyFormatted:j,currentProductId:P,isNoComparePrice:y,isNoComparePriceILP:k,shouldHiddenComparePrice:N,emitNoDataSignal:v}=d(n),b=i(s(n)),C=m(c(n,{isILP:!x,productId:P,shouldHiddenComparePrice:N})),H=p(n,j),I={visibility:"hidden",opacity:0,maxWidth:0,maxHeight:0},w=k?I:f;return e("div",{ref:u,...C,className:b,style:w,"aria-hidden":"true",onClick:v,children:[y&&x?r(o,{children:r("div",{className:"gp-flex-col gp-flex gp-justify-between gp-p-2",children:r("p",{className:"gp-text-[#212121] gp-text-[12px] gp-leading-3 ",children:"No compare price"})})}):e(o,{children:[r(t,{...H}),h]}),a(h,!0)]})};export{ProductPrice as default};

package/dist/esm/product/components/product-price/common/attrs.js

@@ -1 +1 @@
-import{filterTruthyObject as e}from"../../../../helpers.js";let getAttrs=(t,r)=>{let{builderAttrs:a,setting:i,builderProps:d}=t,p=i?.priceType==="compare";return e({...a,id:`shopify-text-element-${d?.uid}`,"data-id":d?.uid,"data-product-id":r,"data-hidden":!!p&&"{% if variant.compare_at_price > variant.price and variant.compare_at_price >= 0 %}false{% else %}true{% endif %}"})};export{getAttrs};
+import{filterTruthyObject as e}from"../../../../helpers.js";let getAttrs=(t,{isILP:r,productId:a,shouldHiddenComparePrice:i}={})=>{let{builderAttrs:d,setting:p,builderProps:n}=t,c=p?.priceType==="compare",o=()=>!!c&&(r?String(i):"{% if variant.compare_at_price > variant.price and variant.compare_at_price >= 0 %}false{% else %}true{% endif %}");return e({...d,id:`shopify-text-element-${n?.uid}`,"data-id":n?.uid,"data-product-id":a,"data-hidden":o()})};export{getAttrs};

package/dist/esm/product/components/product-price/hooks/useGpPrice.js

@@ -1 +1 @@
-import{useRef as e,useMemo as r}from"react";import{useTransition as t}from"../../product-variants/common/common.js";import{useEditorMode as c,useQuantity as i,useCurrentVariant as a,useProductBundleDiscount as n,convertDecimalToNumber as o,useInteraction as u,useProduct as p,useShopStore as d,useFormatMoney as l}from"@gem-sdk/core";let useGpPrice=m=>{let{setting:s,builderProps:g}=m,b=e(null),h=c(),{quantity:y,hasUpdatePrice:P}=i(),v=a(),{useProductCompareAtPrice:f}=n(),w=m["bundle-item"],V=o(v?.price)??0,k=o(v?.salePrice)??0,q=s?.priceType==="compare",{trigger:T}=u(),x=p(),C=x?.baseID?.replace("gid://shopify/Product/",""),E=d(e=>e.showPriceCurrency),G=r(()=>w?.quantity?w.quantity:P&&y||1,[y,P,w?.quantity]),$=r(()=>{let e=Number(w?.discountValue);return w?.discountType==="percentage"?V*G*e/100:e},[w?.discountType,w?.discountValue,V,G]),j=r(()=>w?.discountValue?f?(k||V)*G:V*G:k*G,[w?.discountValue,V,G,k,f]),D=r(()=>{let e=V*G;return q?j:$?Math.max(0,e-$):e},[V,G,$,j,q]),I=(e,r)=>{T({event:"price"===r?"gp:rollback:price-change":"gp:rollback:compare-price-change",selector:`[data-id="${g?.uid}"]`,element:b.current}),T({event:"price"===r?"gp:price-change":"gp:compare-price-change",data:e,selector:`[data-id="${g?.uid}"]`,element:b.current})};t(e=>{e!==V&&I(V,"price")},[V]),t(e=>{e!==k&&I(k,"compare")},[k]);let M=()=>{if("edit"!==h)return;let e=new CustomEvent("editor:product-source-no-data-warning",{bubbles:!0,detail:{uid:g?.uid,value:!D&&q,tag:"ProductPrice"}});window.dispatchEvent(e)},N=l(D??0,E||!1),z=q&&!D,A="edit"!==h&&z;return{elementRef:b,moneyFormatted:N,currentProductId:C,isNoComparePrice:z,isNoComparePriceILP:A,emitNoDataSignal:M}};export{useGpPrice};
+import{useRef as e,useMemo as r}from"react";import{useTransition as t}from"../../product-variants/common/common.js";import{useEditorMode as c,useQuantity as i,useCurrentVariant as a,useProductBundleDiscount as n,convertDecimalToNumber as o,useInteraction as u,useProduct as p,useShopStore as d,useFormatMoney as l}from"@gem-sdk/core";let useGpPrice=m=>{let{setting:s,builderProps:g}=m,b=e(null),h=c(),{quantity:y,hasUpdatePrice:P}=i(),v=a(),{useProductCompareAtPrice:f}=n(),w=m["bundle-item"],V=o(v?.price)??0,k=o(v?.salePrice)??0,q=s?.priceType==="compare",{trigger:T}=u(),x=p(),C=x?.baseID?.replace("gid://shopify/Product/",""),E=d(e=>e.showPriceCurrency),G=r(()=>w?.quantity?w.quantity:P&&y||1,[y,P,w?.quantity]),$=r(()=>{let e=Number(w?.discountValue);return w?.discountType==="percentage"?V*G*e/100:e},[w?.discountType,w?.discountValue,V,G]),j=r(()=>w?.discountValue?f?(k||V)*G:V*G:k*G,[w?.discountValue,V,G,k,f]),D=r(()=>{let e=V*G;return q?j:$?Math.max(0,e-$):e},[V,G,$,j,q]),I=r(()=>!!q&&(!(k>V)||!(k>=0)),[q,k,V]),M=(e,r)=>{T({event:"price"===r?"gp:rollback:price-change":"gp:rollback:compare-price-change",selector:`[data-id="${g?.uid}"]`,element:b.current}),T({event:"price"===r?"gp:price-change":"gp:compare-price-change",data:e,selector:`[data-id="${g?.uid}"]`,element:b.current})};t(e=>{e!==V&&M(V,"price")},[V]),t(e=>{e!==k&&M(k,"compare")},[k]);let N=()=>{if("edit"!==h)return;let e=new CustomEvent("editor:product-source-no-data-warning",{bubbles:!0,detail:{uid:g?.uid,value:!D&&q,tag:"ProductPrice"}});window.dispatchEvent(e)},z=l(D??0,E||!1),A=q&&!D,B="edit"!==h&&A;return{elementRef:b,moneyFormatted:z,currentProductId:C,isNoComparePrice:A,isNoComparePriceILP:B,emitNoDataSignal:N,shouldHiddenComparePrice:I}};export{useGpPrice};

package/dist/esm/product/settings/product-variant/configs/presets.js

@@ -14,7 +14,7 @@ import{rectangleListPresetConfig as C}from"../swatches-style-config/rectangle-li
         </clipPath>
         </defs>
         </svg>
-      `},components:[{tag:"ProductVariants",settings:{showAsSwatches:!0},styles:{optionBgColor:{normal:"#FFFFFF"},optionTextColor:{normal:"text-1"},optionRounded:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{id:"product-variant",name:{en:"Product Variants"},icon:{desktop:`
+      `},components:[{tag:"ProductVariants",settings:{showAsSwatches:!0},styles:{optionBgColor:{normal:"#FFFFFF"},optionTextColor:{normal:"text-2"},optionRounded:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{id:"product-variant",name:{en:"Product Variants"},icon:{desktop:`
         <svg width="96" height="40" viewBox="0 0 96 40" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M4.94585 5.54545C4.90323 5.18561 4.73041 4.90625 4.42738 4.70739C4.12435 4.50852 3.75266 4.40909 3.31232 4.40909C2.99035 4.40909 2.70863 4.46117 2.46715 4.56534C2.22804 4.66951 2.04102 4.81274 1.90607 4.99503C1.7735 5.17732 1.70721 5.38447 1.70721 5.61648C1.70721 5.81061 1.75337 5.97751 1.8457 6.11719C1.9404 6.2545 2.06114 6.36932 2.20792 6.46165C2.3547 6.55161 2.50858 6.62618 2.66957 6.68537C2.83055 6.74219 2.97852 6.78835 3.11346 6.82386L3.8521 7.02273C4.04149 7.07244 4.25219 7.1411 4.4842 7.22869C4.71857 7.31629 4.94229 7.43584 5.15536 7.58736C5.3708 7.73651 5.54835 7.92827 5.68803 8.16264C5.82771 8.39702 5.89755 8.68466 5.89755 9.02557C5.89755 9.41856 5.79457 9.77367 5.5886 10.0909C5.385 10.4081 5.08671 10.6603 4.69371 10.8473C4.30309 11.0343 3.82842 11.1278 3.26971 11.1278C2.74888 11.1278 2.29788 11.0438 1.91673 10.8757C1.53794 10.7076 1.23964 10.4732 1.02184 10.1726C0.806404 9.87192 0.684482 9.52273 0.656072 9.125H1.56516C1.58884 9.39962 1.68117 9.62689 1.84215 9.80682C2.0055 9.98437 2.21147 10.117 2.46005 10.2045C2.711 10.2898 2.98088 10.3324 3.26971 10.3324C3.60588 10.3324 3.90773 10.2779 4.17525 10.169C4.44277 10.0578 4.65465 9.90388 4.8109 9.70739C4.96715 9.50852 5.04528 9.27652 5.04528 9.01136C5.04528 8.76989 4.97781 8.57339 4.84286 8.42188C4.70792 8.27036 4.53036 8.14725 4.31019 8.05256C4.09002 7.95786 3.8521 7.875 3.59641 7.80398L2.70153 7.5483C2.13335 7.38494 1.68353 7.15175 1.3521 6.84872C1.02066 6.54569 0.854936 6.14915 0.854936 5.65909C0.854936 5.25189 0.965021 4.89678 1.18519 4.59375C1.40773 4.28835 1.70603 4.05161 2.08008 3.88352C2.4565 3.71307 2.87672 3.62784 3.34073 3.62784C3.80948 3.62784 4.22615 3.71188 4.59073 3.87997C4.95532 4.04569 5.24414 4.27296 5.45721 4.56179C5.67264 4.85062 5.78628 5.1785 5.79812 5.54545H4.94585ZM7.23189 11V5.54545H8.06996V11H7.23189ZM7.65803 4.63636C7.49467 4.63636 7.35381 4.58073 7.23544 4.46946C7.11944 4.35819 7.06143 4.22443 7.06143 4.06818C7.06143 3.91193 7.11944 3.77817 7.23544 3.6669C7.35381 3.55563 7.49467 3.5 7.65803 3.5C7.82138 3.5 7.96106 3.55563 8.07706 3.6669C8.19543 3.77817 8.25462 3.91193 8.25462 4.06818C8.25462 4.22443 8.19543 4.35819 8.07706 4.46946C7.96106 4.58073 7.82138 4.63636 7.65803 4.63636ZM9.44869 11V10.3608L12.5453 6.38352V6.3267H9.54812V5.54545H13.6248V6.21307L10.6135 10.1619V10.2188H13.7243V11H9.44869ZM17.1458 11.1136C16.6202 11.1136 16.1668 10.9976 15.7857 10.7656C15.4069 10.5312 15.1145 10.2045 14.9086 9.78551C14.705 9.36411 14.6032 8.87405 14.6032 8.31534C14.6032 7.75663 14.705 7.2642 14.9086 6.83807C15.1145 6.40956 15.401 6.07576 15.7679 5.83665C16.1373 5.59517 16.5681 5.47443 17.0605 5.47443C17.3446 5.47443 17.6252 5.52178 17.9022 5.61648C18.1792 5.71117 18.4313 5.86506 18.6586 6.07812C18.8858 6.28883 19.0669 6.56818 19.2019 6.91619C19.3368 7.2642 19.4043 7.69271 19.4043 8.2017V8.55682H15.1998V7.83239H18.552C18.552 7.52462 18.4905 7.25 18.3674 7.00852C18.2466 6.76705 18.0738 6.57647 17.8489 6.43679C17.6264 6.29711 17.3636 6.22727 17.0605 6.22727C16.7267 6.22727 16.4379 6.31013 16.1941 6.47585C15.9526 6.6392 15.7667 6.85227 15.6365 7.11506C15.5063 7.37784 15.4412 7.65956 15.4412 7.96023V8.44318C15.4412 8.85511 15.5123 9.20431 15.6543 9.49077C15.7987 9.77486 15.9988 9.99148 16.2544 10.1406C16.5101 10.2874 16.8072 10.3608 17.1458 10.3608C17.3659 10.3608 17.5648 10.33 17.7424 10.2685C17.9223 10.2045 18.0774 10.1098 18.2076 9.98438C18.3378 9.85653 18.4384 9.69792 18.5094 9.50852L19.3191 9.7358C19.2338 10.0104 19.0906 10.2519 18.8894 10.4602C18.6882 10.6662 18.4396 10.8272 18.1436 10.9432C17.8477 11.0568 17.5151 11.1136 17.1458 11.1136Z" fill="#D6D6D6"/>
         <path d="M13.1695 28.0455C13.1269 27.6856 12.954 27.4062 12.651 27.2074C12.348 27.0085 11.9763 26.9091 11.536 26.9091C11.214 26.9091 10.9323 26.9612 10.6908 27.0653C10.4517 27.1695 10.2646 27.3127 10.1297 27.495C9.99713 27.6773 9.93084 27.8845 9.93084 28.1165C9.93084 28.3106 9.97701 28.4775 10.0693 28.6172C10.164 28.7545 10.2848 28.8693 10.4316 28.9616C10.5783 29.0516 10.7322 29.1262 10.8932 29.1854C11.0542 29.2422 11.2021 29.2884 11.3371 29.3239L12.0757 29.5227C12.2651 29.5724 12.4758 29.6411 12.7078 29.7287C12.9422 29.8163 13.1659 29.9358 13.379 30.0874C13.5944 30.2365 13.772 30.4283 13.9117 30.6626C14.0513 30.897 14.1212 31.1847 14.1212 31.5256C14.1212 31.9186 14.0182 32.2737 13.8122 32.5909C13.6086 32.9081 13.3103 33.1603 12.9173 33.3473C12.5267 33.5343 12.0521 33.6278 11.4933 33.6278C10.9725 33.6278 10.5215 33.5438 10.1404 33.3757C9.76157 33.2076 9.46328 32.9732 9.24547 32.6726C9.03004 32.3719 8.90811 32.0227 8.87971 31.625H9.7888C9.81247 31.8996 9.9048 32.1269 10.0658 32.3068C10.2291 32.4844 10.4351 32.617 10.6837 32.7045C10.9346 32.7898 11.2045 32.8324 11.4933 32.8324C11.8295 32.8324 12.1314 32.7779 12.3989 32.669C12.6664 32.5578 12.8783 32.4039 13.0345 32.2074C13.1908 32.0085 13.2689 31.7765 13.2689 31.5114C13.2689 31.2699 13.2014 31.0734 13.0665 30.9219C12.9316 30.7704 12.754 30.6473 12.5338 30.5526C12.3137 30.4579 12.0757 30.375 11.82 30.304L10.9252 30.0483C10.357 29.8849 9.90717 29.6518 9.57573 29.3487C9.24429 29.0457 9.07857 28.6491 9.07857 28.1591C9.07857 27.7519 9.18865 27.3968 9.40882 27.0938C9.63136 26.7884 9.92966 26.5516 10.3037 26.3835C10.6801 26.2131 11.1003 26.1278 11.5644 26.1278C12.0331 26.1278 12.4498 26.2119 12.8144 26.38C13.1789 26.5457 13.4678 26.773 13.6808 27.0618C13.8963 27.3506 14.0099 27.6785 14.0218 28.0455H13.1695Z" fill="#AAABAC"/>

package/dist/esm/product/settings/product-variant/configs/settings.js

@@ -1 +1 @@
-import{rectangleListPresetConfig as e}from"../swatches-style-config/rectangle-list.js";import{colorPresetConfig as t}from"../swatches-style-config/color.js";import{imagePresetConfig as l}from"../swatches-style-config/image.js";import{imageShopifyPresetConfig as a}from"../swatches-style-config/image-shopify.js";import{dropdownPresetConfig as i}from"../swatches-style-config/dropdown.js";let ProductVariantSettings=[{id:"setting",controls:[{id:"variantsOption",type:"group",label:"Variants Options",controls:[{id:"optionType",label:"Option Label",type:"select",default:"singleOption",options:[{label:"Separated",value:"singleOption"},{label:"Combine",value:"groupOption"}]},{id:"label",label:"Option Label",type:"toggle",default:!0},{id:"optionAlign",label:"Alignment",type:"segment",devices:{desktop:{default:"left"}},options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}]},{id:"price",label:"Option Price",type:"option:value",hide:!0,default:!0,options:[{value:!0,label:"Yes"},{value:!1,label:"No"}]},{id:"showAsSwatches",label:"Use Option Swatches",type:"swatchesLink",hide:!0,default:!0,hyperlinkInfo:{beforeText:"Go to ",hyperlinkText:"Manage Swatches",afterText:" to configure options display as swatches",modal:"manage_swatches"}},{id:"combineFullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"combineWidth",type:"input:unit",label:"Width",placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"combineHeight",type:"input:unit",label:"Height",placeholder:"Auto",min:0,units:["px"],default:"45px"},{id:"variantPresets",label:"Use Option Swatches",type:"variant:presets",default:[{optionName:"base",optionType:"rectangle_list",presets:{...t,...e,...l,...a,...i}}],hyperlinkInfo:{modal:"manage_swatches"}},{id:"soldOutStyle",type:"select",default:"line",options:[{label:"None",value:"none"},{label:"Unclickable",value:"disable"},{label:"Cross-out",value:"line",icon:"gp-cross-out-one-line"}]}]},{id:"options",type:"group",label:"Options",controls:[{id:"layout",label:"Layout",type:"option:illustration",iconViewBox:"0 0 66 45",enableItemBackground:!0,devices:{desktop:{default:"vertical"}},options:[{label:"Vertical",value:"vertical",type:"arrange",svgName:"gp-arrange-vertical"},{label:"Horizontal",value:"horizontal",type:"arrange",svgName:"gp-arrange-horizontal"}]},{id:"column",label:"Column",type:"select",devices:{desktop:{default:1}},options:[{label:"1 column",value:1},{label:"2 columns",value:2},{label:"3 columns",value:3},{label:"4 columns",value:4}]}]},{id:"variantDisplay",type:"group",label:"Variant Display",controls:[{id:"hasPreSelected",type:"toggle",label:"hasPreSelected",default:!0},{id:"selectVariantDefault",type:"select-variant",label:"Select Default Variant",hide:!0}]},{id:"blankText",label:"Blank Option Text",type:"input",hide:!0,default:"Please select an option"},{id:"hasOnlyDefaultVariant",label:"Blank Option Text",type:"variant:default",hide:!0,default:!1}]},{id:"style",controls:[{id:"dimension",type:"group",label:"Variants Dimension",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"width",type:"input:unit",label:"Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"optionSpacing",label:"Option Spacing",type:"input:unit",units:["px"],placeholder:"Auto",default:"30px"},{id:"labelGap",label:"Gap",type:"input:slider",units:["px"],ignoreMax:!0,max:40,default:"8px"}]},{id:"swatchDimension",type:"group",label:"Swatch Dimension",controls:[{id:"swatchAutoWidth",label:"Auto Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"swatchWidth",type:"input:unit",label:"Width",placeholder:"Auto Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"80px"}}},{id:"swatchHeight",type:"input:unit",label:"Height",placeholder:"Auto Height",min:0,units:["px"],devices:{desktop:{default:"45px"}}},{id:"swatchSpacing",label:"Swatch Spacing",type:"input:unit",units:["px"],placeholder:"Auto",default:"var(--g-s-m)"},{id:"marginBottom",label:"Margin Bottom",type:"input:slider",units:["px"],ignoreMax:!0,max:40,devices:{desktop:{default:"16px"}}}]},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"labelGroup",type:"group",label:"Label",controls:[{id:"labelTypo",type:"typography-combo",label:"Typography",default:{type:"paragraph-2",attrs:{color:"text-1",bold:!0},custom:{fontFamily:"Assistant",letterSpacing:{desktop:"0.6px"}}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"labelColor",type:"color-picker-v2",label:"Text Color",default:"text-1"}]},{id:"labelGroup",type:"group",label:"Option Value",controls:[{id:"optionTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-2"},compoDefaultValue:{attrs:{color:"text-1"}},hiddenSetting:{},ignoreReRender:!0}]},{id:"behavior-state",type:"behavior-state",label:"Option Value",controls:[{id:"optionBgColor",type:"color-picker-v2",label:"Background Color",default:{normal:"#FFFFFF"},compoDefaultValue:{normal:"#FFFFFF",hover:"highlight",active:"highlight"},state:{active:!0,hover:!0,normal:!0}},{id:"optionTextColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-1"},compoDefaultValue:{normal:"text-1"},state:{active:!0,hover:!0,normal:!0}},{id:"optionBorder",type:"border",label:"Border",default:{normal:{borderType:"style-2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"2px 2px 2px 2px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},compoDefaultValue:{normal:{borderType:"style-2",border:"solid",color:"line-2"}}},{id:"optionRounded",type:"radius-preset",label:"Border Radius",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},{id:"optionHasShadow",type:"toggle",default:{normal:!1}},{id:"optionShadow",type:"shadow-v2",label:"Shadow",default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.20)",angle:45,enable:!1}},compoDefaultValue:{normal:{type:"shadow-1",enable:!0,distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.20)",angle:45}}}]},{id:"dropdownItemWidth",type:"segment",label:"Dropdown Width",devices:{desktop:{default:"fill"},mobile:{default:"fill"},tablet:{default:"fill"}},options:[{label:"Fill",value:"fill"},{label:"Fixed",value:"fixed"}]},{id:"fixedDropdownWidth",type:"input:unit",label:"Fixed Width",units:["px","%"],devices:{desktop:{default:"240px"},mobile:{default:"240px"},tablet:{default:"240px"}}},{id:"swatchItemWidth",type:"segment",label:"Swatch Width",devices:{desktop:{default:"auto"}},options:[{label:"Fill",value:"auto"},{label:"Fixed",value:"fixed"}]},{id:"fixedDropdownWidth",type:"input:unit",label:"Fixed Width",units:["px","%"],devices:{desktop:{default:"240px"}}}]}];export{ProductVariantSettings};
+import{rectangleListPresetConfig as e}from"../swatches-style-config/rectangle-list.js";import{colorPresetConfig as t}from"../swatches-style-config/color.js";import{imagePresetConfig as l}from"../swatches-style-config/image.js";import{imageShopifyPresetConfig as a}from"../swatches-style-config/image-shopify.js";import{dropdownPresetConfig as i}from"../swatches-style-config/dropdown.js";let ProductVariantSettings=[{id:"setting",controls:[{id:"variantsOption",type:"group",label:"Variants Options",controls:[{id:"optionType",label:"Option Label",type:"select",default:"singleOption",options:[{label:"Separated",value:"singleOption"},{label:"Combine",value:"groupOption"}]},{id:"label",label:"Option Label",type:"toggle",default:!0},{id:"optionAlign",label:"Alignment",type:"segment",devices:{desktop:{default:"left"}},options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}]},{id:"price",label:"Option Price",type:"option:value",hide:!0,default:!0,options:[{value:!0,label:"Yes"},{value:!1,label:"No"}]},{id:"showAsSwatches",label:"Use Option Swatches",type:"swatchesLink",hide:!0,default:!0,hyperlinkInfo:{beforeText:"Go to ",hyperlinkText:"Manage Swatches",afterText:" to configure options display as swatches",modal:"manage_swatches"}},{id:"combineFullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"combineWidth",type:"input:unit",label:"Width",placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"combineHeight",type:"input:unit",label:"Height",placeholder:"Auto",min:0,units:["px"],default:"45px"},{id:"variantPresets",label:"Use Option Swatches",type:"variant:presets",default:[{optionName:"base",optionType:"rectangle_list",presets:{...t,...e,...l,...a,...i}}],hyperlinkInfo:{modal:"manage_swatches"}},{id:"soldOutStyle",type:"select",default:"line",options:[{label:"None",value:"none"},{label:"Unclickable",value:"disable"},{label:"Cross-out",value:"line",icon:"gp-cross-out-one-line"}]}]},{id:"options",type:"group",label:"Options",controls:[{id:"layout",label:"Layout",type:"option:illustration",iconViewBox:"0 0 66 45",enableItemBackground:!0,devices:{desktop:{default:"vertical"}},options:[{label:"Vertical",value:"vertical",type:"arrange",svgName:"gp-arrange-vertical"},{label:"Horizontal",value:"horizontal",type:"arrange",svgName:"gp-arrange-horizontal"}]},{id:"column",label:"Column",type:"select",devices:{desktop:{default:1}},options:[{label:"1 column",value:1},{label:"2 columns",value:2},{label:"3 columns",value:3},{label:"4 columns",value:4}]}]},{id:"variantDisplay",type:"group",label:"Variant Display",controls:[{id:"hasPreSelected",type:"toggle",label:"hasPreSelected",default:!0},{id:"selectVariantDefault",type:"select-variant",label:"Select Default Variant",hide:!0}]},{id:"blankText",label:"Blank Option Text",type:"input",hide:!0,default:"Please select an option"},{id:"hasOnlyDefaultVariant",label:"Blank Option Text",type:"variant:default",hide:!0,default:!1}]},{id:"style",controls:[{id:"dimension",type:"group",label:"Variants Dimension",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"width",type:"input:unit",label:"Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"optionSpacing",label:"Option Spacing",type:"input:unit",units:["px"],placeholder:"Auto",default:"30px"},{id:"labelGap",label:"Gap",type:"input:slider",units:["px"],ignoreMax:!0,max:40,default:"8px"}]},{id:"swatchDimension",type:"group",label:"Swatch Dimension",controls:[{id:"swatchAutoWidth",label:"Auto Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"swatchWidth",type:"input:unit",label:"Width",placeholder:"Auto Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"80px"}}},{id:"swatchHeight",type:"input:unit",label:"Height",placeholder:"Auto Height",min:0,units:["px"],devices:{desktop:{default:"45px"}}},{id:"swatchSpacing",label:"Swatch Spacing",type:"input:unit",units:["px"],placeholder:"Auto",default:"var(--g-s-m)"},{id:"marginBottom",label:"Margin Bottom",type:"input:slider",units:["px"],ignoreMax:!0,max:40,devices:{desktop:{default:"16px"}}}]},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"labelGroup",type:"group",label:"Label",controls:[{id:"labelTypo",type:"typography-combo",label:"Typography",default:{type:"paragraph-2",attrs:{color:"text-1",bold:!0}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"labelColor",type:"color-picker-v2",label:"Text Color",default:"text-1"}]},{id:"labelGroup",type:"group",label:"Option Value",controls:[{id:"optionTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-2"},compoDefaultValue:{attrs:{color:"text-2"}},hiddenSetting:{},ignoreReRender:!0}]},{id:"behavior-state",type:"behavior-state",label:"Option Value",controls:[{id:"optionBgColor",type:"color-picker-v2",label:"Background Color",default:{normal:"#FFFFFF"},compoDefaultValue:{normal:"#FFFFFF",hover:"highlight",active:"highlight"},state:{active:!0,hover:!0,normal:!0}},{id:"optionTextColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-2"},compoDefaultValue:{normal:"text-2"},state:{active:!0,hover:!0,normal:!0}},{id:"optionBorder",type:"border",label:"Border",default:{normal:{borderType:"style-2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"2px 2px 2px 2px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},compoDefaultValue:{normal:{borderType:"style-2",border:"solid",color:"line-2"}}},{id:"optionRounded",type:"radius-preset",label:"Border Radius",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},{id:"optionHasShadow",type:"toggle",default:{normal:!1}},{id:"optionShadow",type:"shadow-v2",label:"Shadow",default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.20)",angle:45,enable:!1}},compoDefaultValue:{normal:{type:"shadow-1",enable:!0,distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.20)",angle:45}}}]},{id:"dropdownItemWidth",type:"segment",label:"Dropdown Width",devices:{desktop:{default:"fill"},mobile:{default:"fill"},tablet:{default:"fill"}},options:[{label:"Fill",value:"fill"},{label:"Fixed",value:"fixed"}]},{id:"fixedDropdownWidth",type:"input:unit",label:"Fixed Width",units:["px","%"],devices:{desktop:{default:"240px"},mobile:{default:"240px"},tablet:{default:"240px"}}},{id:"swatchItemWidth",type:"segment",label:"Swatch Width",devices:{desktop:{default:"auto"}},options:[{label:"Fill",value:"auto"},{label:"Fixed",value:"fixed"}]},{id:"fixedDropdownWidth",type:"input:unit",label:"Fixed Width",units:["px","%"],devices:{desktop:{default:"240px"}}}]}];export{ProductVariantSettings};

package/package.json

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