@gem-sdk/components 12.0.0-staging.51 → 12.0.0-staging.53

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

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

package/dist/cjs/hero-banner/settings/HeroBanner.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var banner1Col=require("./configs/presets/banner-1-col.js"),banner1ColPreSalesPage=require("./configs/presets/banner-1-col-pre-sales-page.js"),bannerContentLeft=require("./configs/presets/banner-content-left.js"),bannerContentLeftPreSalesPage=require("./configs/presets/banner-content-left-pre-sales-page.js"),bannerContentRight=require("./configs/presets/banner-content-right.js"),bannerContentRightPreSalesPage=require("./configs/presets/banner-content-right-pre-sales-page.js"),bannerVideo=require("./configs/presets/banner-video.js"),bannerVideoPreSalesPage=require("./configs/presets/banner-video-pre-sales-page.js"),bannerParallax=require("./configs/presets/banner-parallax.js"),bannerParallaxPreSalesPage=require("./configs/presets/banner-parallax-pre-sales-page.js"),uiV1=require("./configs/ui-v1.js"),uiV2=require("./configs/ui-v2.js"),settings=require("./configs/settings.js");const config={tag:"HeroBanner",label:"Hero Banner",icon:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var banner1Col=require("./configs/presets/banner-1-col.js"),banner1ColPreSalesPage=require("./configs/presets/banner-1-col-pre-sales-page.js"),bannerContentLeft=require("./configs/presets/banner-content-left.js"),bannerContentLeftPreSalesPage=require("./configs/presets/banner-content-left-pre-sales-page.js"),bannerContentRight=require("./configs/presets/banner-content-right.js"),bannerContentRightPreSalesPage=require("./configs/presets/banner-content-right-pre-sales-page.js"),bannerVideo=require("./configs/presets/banner-video.js"),bannerVideoPreSalesPage=require("./configs/presets/banner-video-pre-sales-page.js"),bannerParallax=require("./configs/presets/banner-parallax.js"),bannerParallaxPreSalesPage=require("./configs/presets/banner-parallax-pre-sales-page.js"),uiV2=require("./configs/ui-v2.js"),settings=require("./configs/settings.js");const config={tag:"HeroBanner",label:"Hero Banner",icon:`
   <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M1.83301 34.6667C1.55687 34.6667 1.33301 34.4429 1.33301 34.1667V5.83337C1.33301 5.55723 1.55687 5.33337 1.83301 5.33337H38.1663C38.4425 5.33337 38.6663 5.55723 38.6663 5.83337V34.1667C38.6663 34.4429 38.4425 34.6667 38.1663 34.6667H1.83301ZM3.52909 32.4103H36.4703V7.58978H3.52909V32.4103ZM21.0977 17.7436H24.3055C24.7477 17.7436 24.9722 18.2755 24.6638 18.5924L14.5095 29.0257L18.9016 20H15.3089C14.9395 20 14.6976 19.6134 14.8593 19.2813L18.7648 11.2556C18.8485 11.0836 19.0231 10.9744 19.2144 10.9744H24.5694C24.966 10.9744 25.2047 11.4139 24.9889 11.7466L21.0977 17.7436Z" fill="currentColor"/>
   </svg>
-  `,settings:settings.SettingsV2,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,presets:[banner1Col.heroBanner1Col,banner1ColPreSalesPage.heroBanner1ColPreSalesPage,bannerContentLeft.heroBannerContentLeft,bannerContentLeftPreSalesPage.heroBannerContentLeftPreSalesPage,bannerContentRight.heroBannerContentRight,bannerContentRightPreSalesPage.heroBannerContentRightPreSalesPage,bannerVideo.heroBannerVideo,bannerVideoPreSalesPage.heroBannerVideoPreSalesPage,bannerParallax.heroBannerParallax,bannerParallaxPreSalesPage.heroBannerParallaxPreSalesPage],editorConfigs:{slots:{children:!0},placeholder:{notAppendTags:["MarqueeItem","Marquee"]}}};exports.default=config;
+  `,settings:settings.SettingsV2,ui:[],uiV2:uiV2.SettingUIV2,presets:[banner1Col.heroBanner1Col,banner1ColPreSalesPage.heroBanner1ColPreSalesPage,bannerContentLeft.heroBannerContentLeft,bannerContentLeftPreSalesPage.heroBannerContentLeftPreSalesPage,bannerContentRight.heroBannerContentRight,bannerContentRightPreSalesPage.heroBannerContentRightPreSalesPage,bannerVideo.heroBannerVideo,bannerVideoPreSalesPage.heroBannerVideoPreSalesPage,bannerParallax.heroBannerParallax,bannerParallaxPreSalesPage.heroBannerParallaxPreSalesPage],editorConfigs:{slots:{children:!0},placeholder:{notAppendTags:["MarqueeItem","Marquee"]}}};exports.default=config;

package/dist/cjs/hero-banner/settings/configs/translate.js

@@ -0,0 +1 @@
+"use strict";const HeroBanner={background:{id:"background",fields:["image.src","video","videoHtml5"]},alt:{id:"alt"},title:{id:"title"}};exports.HeroBanner=HeroBanner;

package/dist/cjs/icon/settings/Icon.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var uiV2=require("./configs/ui-v2.js"),uiV1=require("./configs/ui-v1.js"),settings=require("./configs/settings.js"),presets=require("./configs/presets.js");const config={tag:"Icon",label:"Icon",icon:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var uiV2=require("./configs/ui-v2.js"),settings=require("./configs/settings.js"),presets=require("./configs/presets.js");const config={tag:"Icon",label:"Icon",icon:`
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path fill-rule="evenodd" clip-rule="evenodd" d="M13.8255 2.7925C12.9604 1.28792 10.7896 1.28791 9.92446 2.7925L6.76725 8.2833C5.90475 9.7833 6.9875 11.6549 8.71779 11.6549H15.0322C16.7625 11.6549 17.8452 9.7833 16.9827 8.2833L13.8255 2.7925ZM11.2248 3.54021C11.5132 3.03868 12.2368 3.03868 12.5252 3.54021L15.6824 9.03101C15.9699 9.53101 15.609 10.1549 15.0322 10.1549H8.71779C8.14103 10.1549 7.78011 9.53101 8.06761 9.03101L11.2248 3.54021ZM12.375 17.3389C12.375 14.5775 14.6136 12.3389 17.375 12.3389C20.1364 12.3389 22.375 14.5775 22.375 17.3389C22.375 20.1004 20.1364 22.3389 17.375 22.3389C14.6136 22.3389 12.375 20.1004 12.375 17.3389ZM17.375 13.8389C15.442 13.8389 13.875 15.4059 13.875 17.3389C13.875 19.2719 15.442 20.8389 17.375 20.8389C19.308 20.8389 20.875 19.2719 20.875 17.3389C20.875 15.4059 19.308 13.8389 17.375 13.8389ZM1.625 14.8389C1.625 13.5963 2.63236 12.5889 3.875 12.5889H8.875C10.1176 12.5889 11.125 13.5963 11.125 14.8389V19.8389C11.125 21.0816 10.1176 22.0889 8.875 22.0889H3.875C2.63236 22.0889 1.625 21.0816 1.625 19.8389V14.8389ZM3.875 14.0889C3.46079 14.0889 3.125 14.4247 3.125 14.8389V19.8389C3.125 20.2532 3.46079 20.5889 3.875 20.5889H8.875C9.28921 20.5889 9.625 20.2532 9.625 19.8389V14.8389C9.625 14.4247 9.28921 14.0889 8.875 14.0889H3.875Z" fill="white"/>
   </svg>
 
-  `,settings:settings.IconSettings,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,presets:presets.IconPreset,rootOverride:{styles:{align:{desktop:"center"},globalSize:{desktop:{width:"24px",padding:{type:"custom"},isDropDownWidth:!0}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};exports.default=config;
+  `,settings:settings.IconSettings,ui:[],uiV2:uiV2.SettingUIV2,presets:presets.IconPreset,rootOverride:{styles:{align:{desktop:"center"},globalSize:{desktop:{width:"24px",padding:{type:"custom"},isDropDownWidth:!0}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};exports.default=config;

package/dist/cjs/icon-list/common/styles.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const filterStyles=e=>{let t=["--mb","--mb-mobile","--mb-tablet"];return t.forEach(t=>{delete e?.[t]}),e||{}},getContainerStyles=(e,t,o)=>{let{align:r,background:l,globalSize:s}=t||{},i=core.makeGlobalSize(s||{desktop:{width:"100%"}}),a={...e,...o?.advancedClasses,...i.width,...core.makeStyleResponsive("ta",r),...core.getStyleBackgroundByDevice(l,{liquid:o?.isLiquid}),...core.getGradientBgrStyleByDevice(l)};return o?.isLiquid?a:filterStyles(a)},getWrapperStyles=e=>{let{alignWrapper:t}=e||{};return{...core.makeStyleResponsive("jc",t)}},getItemStyles=e=>{let t=core.makeGlobalSize(e?.itemPadding);return{...t.padding,...core.getResponsiveStyleShadowWithoutState(e?.itemBoxShadow,"box-shadow",e?.itemBoxShadow),...core.composeRadiusResponsive(e?.itemRounded),...core.composeBorderResponsive(e?.itemBorder),...core.getGlobalColorResponsiveStyle("bgc",e?.itemBackgroundColor),...core.getGlobalColorResponsiveStyle("bgi",e?.itemBackgroundColor),...core.makeStyleResponsive("cg",e?.horizontalSpacing)}},getUlStyles=e=>({...core.makeStyleResponsive("gg",e?.verticalSpacing)});exports.getContainerStyles=getContainerStyles,exports.getItemStyles=getItemStyles,exports.getUlStyles=getUlStyles,exports.getWrapperStyles=getWrapperStyles;
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),translate=require("../settings/configs/translate.js");const filterStyles=e=>{let t=["--mb","--mb-mobile","--mb-tablet"];return t.forEach(t=>{delete e?.[t]}),e||{}},getContainerStyles=({style:e,styles:t,extraData:r,uid:o,type:s="React",pageContext:l})=>{let{align:i,background:a,globalSize:n}=t||{},c=core.makeGlobalSize(n||{desktop:{width:"100%"}}),g="Liquid"===s?helpers.getBackgroundTranslated({background:a,uid:o,enableTranslate:!!translate.IconList?.background?.id,pageContext:l,isTranslateVideo:!1}):a,d={...e,...r?.advancedClasses,...c.width,...core.makeStyleResponsive("ta",i),...core.getStyleBackgroundByDevice(g,{liquid:r?.isLiquid}),...core.getGradientBgrStyleByDevice(g)};return r?.isLiquid?d:filterStyles(d)},getWrapperStyles=e=>{let{alignWrapper:t}=e||{};return{...core.makeStyleResponsive("jc",t)}},getItemStyles=e=>{let t=core.makeGlobalSize(e?.itemPadding);return{...t.padding,...core.getResponsiveStyleShadowWithoutState(e?.itemBoxShadow,"box-shadow",e?.itemBoxShadow),...core.composeRadiusResponsive(e?.itemRounded),...core.composeBorderResponsive(e?.itemBorder),...core.getGlobalColorResponsiveStyle("bgc",e?.itemBackgroundColor),...core.getGlobalColorResponsiveStyle("bgi",e?.itemBackgroundColor),...core.makeStyleResponsive("cg",e?.horizontalSpacing)}},getUlStyles=e=>({...core.makeStyleResponsive("gg",e?.verticalSpacing)});exports.getContainerStyles=getContainerStyles,exports.getItemStyles=getItemStyles,exports.getUlStyles=getUlStyles,exports.getWrapperStyles=getWrapperStyles;

package/dist/cjs/icon-list/components/IconList.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"),React=require("react"),Head=require("next/head"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const IconList=({style:e,setting:s,children:t,styles:r,builderProps:l,advanced:a})=>{let{preload:i}=s||{},{background:m}=r??{},n=core.composeAdvanceStyle(a),c=system.createStyle(styles.getContainerStyles(e,r,{advancedClasses:n})),d=system.createClass(classes.getUlClasses(a?.cssClass)),o=system.createStyle(styles.getUlStyles(r)),u=system.createStyle(styles.getWrapperStyles(r)),x=system.createClass(classes.getWrapperClasses());return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[system.If(i,jsxRuntime.jsxs(Head,{children:[!!m?.desktop?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:m.desktop.image.src,as:"image"}),!!m?.tablet?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:m.tablet.image.src,as:"image"}),!!m?.mobile?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:m.mobile.image.src,as:"image"})]})),jsxRuntime.jsx("div",{className:x,style:u,children:jsxRuntime.jsx("div",{"data-id":l?.uid,style:c,children:system.If(core.isEmptyChildren(t),jsxRuntime.jsx("div",{children:"Icons not found"}),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("ul",{className:d,style:o,children:React.Children.map(core.filterToolbarPreview(t),(e,s)=>React.isValidElement(e)?jsxRuntime.jsx(e.type,{...e.props,parentUid:l?.uid,parentStyles:r,dataIndex:s}):null)}),core.filterToolbarPreview(t,!0)]}))})})]})};exports.default=IconList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),Head=require("next/head"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const IconList=({style:e,setting:s,children:t,styles:r,builderProps:a,advanced:l,pageContext:i})=>{let{preload:n}=s||{},{background:m}=r??{},c=core.composeAdvanceStyle(l),d=system.createStyle(styles.getContainerStyles({style:e,styles:r,type:"React",uid:a?.uid??"",pageContext:i,extraData:{advancedClasses:c}})),o=system.createClass(classes.getUlClasses(l?.cssClass)),u=system.createStyle(styles.getUlStyles(r)),x=system.createStyle(styles.getWrapperStyles(r)),y=system.createClass(classes.getWrapperClasses());return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[system.If(n,jsxRuntime.jsxs(Head,{children:[!!m?.desktop?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:m.desktop.image.src,as:"image"}),!!m?.tablet?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:m.tablet.image.src,as:"image"}),!!m?.mobile?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:m.mobile.image.src,as:"image"})]})),jsxRuntime.jsx("div",{className:y,style:x,children:jsxRuntime.jsx("div",{"data-id":a?.uid,style:d,children:system.If(core.isEmptyChildren(t),jsxRuntime.jsx("div",{children:"Icons not found"}),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("ul",{className:o,style:u,children:React.Children.map(core.filterToolbarPreview(t),(e,s)=>React.isValidElement(e)?jsxRuntime.jsx(e.type,{...e.props,parentUid:a?.uid,parentStyles:r,dataIndex:s}):null)}),core.filterToolbarPreview(t,!0)]}))})})]})};exports.default=IconList;

package/dist/cjs/icon-list/components/IconList.liquid.js

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const IconList=({builderProps:e,style:s,setting:t,rawChildren:r,styles:l,advanced:a})=>{let{preload:i}=t||{},{background:c}=l||{},o=core.composeAdvanceStyle(a),m=system.createStyle(styles.getContainerStyles(s,l,{advancedClasses:o,isLiquid:!0})),d=system.createClass(classes.getUlClasses(a?.cssClass)),y=system.createStyle(styles.getUlStyles(l)),n=system.createStyle(styles.getWrapperStyles(l)),p=system.createClass(classes.getWrapperClasses());return core.template`
-    ${system.If(!!i,`${system.If(!!c?.desktop?.image?.src,`<link rel="preload" href="${c?.desktop?.image?.src}" as="image" />`)}
-      ${system.If(!!c?.tablet?.image?.src,`<link rel="preload" href="${c?.tablet?.image?.src}" as="image" />`)}
-      ${system.If(!!c?.mobile?.image?.src,`<link rel="preload" href="${c?.mobile?.image?.src}" as="image" />`)}`)}
-    <div class="${p}" style="${n}">
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const IconList=({builderProps:e,style:s,setting:t,rawChildren:r,styles:a,advanced:l,pageContext:i})=>{let{preload:c}=t||{},{background:o}=a||{},d=core.composeAdvanceStyle(l),m=system.createStyle(styles.getContainerStyles({style:s,styles:a,type:"Liquid",uid:e?.uid??"",pageContext:i,extraData:{advancedClasses:d,isLiquid:!0}})),y=system.createClass(classes.getUlClasses(l?.cssClass)),n=system.createStyle(styles.getUlStyles(a)),p=system.createStyle(styles.getWrapperStyles(a)),u=system.createClass(classes.getWrapperClasses());return core.template`
+    ${system.If(!!c,`${system.If(!!o?.desktop?.image?.src,`<link rel="preload" href="${o?.desktop?.image?.src}" as="image" />`)}
+      ${system.If(!!o?.tablet?.image?.src,`<link rel="preload" href="${o?.tablet?.image?.src}" as="image" />`)}
+      ${system.If(!!o?.mobile?.image?.src,`<link rel="preload" href="${o?.mobile?.image?.src}" as="image" />`)}`)}
+    <div class="${u}" style="${p}">
     <div
       data-id="${e?.uid}"
        style="${m}">
      ${system.If(!r,core.template`<div>${helpers.getStaticLocale("IconList","icons_not_found")}</div>`)}
      ${system.If(!!r,core.template`<ul
-        class="${d}"
-        style="${y}"
+        class="${y}"
+        style="${n}"
         >
-        ${core.WrapRenderChildren({uid:e?.uid??"",customProps:r?.[0].customProps},r?.map((s,t)=>{if(s)return core.RenderChildren({...s,dataIndex:t,parentUid:e?.uid,parentStyles:l})}))}
+        ${core.WrapRenderChildren({uid:e?.uid??"",customProps:r?.[0].customProps},r?.map((s,t)=>{if(s)return core.RenderChildren({...s,dataIndex:t,parentUid:e?.uid,parentStyles:a})}))}
       </ul>`)}
   </div>
   </div>

package/dist/cjs/icon-list/index.js

@@ -1 +1 @@
-"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("react"),require("next/head"),require("@gem-sdk/system");var IconList$1=require("./settings/IconList.js"),IconListItem$1=require("./settings/IconListItem.js");const iconListSetting={IconList:IconList$1.default,IconListItem:IconListItem$1.default};exports.iconListSetting=iconListSetting;
+"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("react"),require("next/head"),require("@gem-sdk/system"),require("next/link");var IconList$1=require("./settings/IconList.js"),IconListItem$1=require("./settings/IconListItem.js");const iconListSetting={IconList:IconList$1.default,IconListItem:IconListItem$1.default};exports.iconListSetting=iconListSetting;

package/dist/cjs/icon-list/settings/IconList.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var items=require("./configs/items.js"),settings=require("./configs/settings.js"),uiV1=require("./configs/ui-v1.js"),uiV2=require("./configs/ui-v2.js");const config={tag:"IconList",label:"Advanced List",icon:`
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.or                 g/2000/svg">
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var items=require("./configs/items.js"),settings=require("./configs/settings.js"),uiV2=require("./configs/ui-v2.js");const config={tag:"IconList",label:"Advanced List",icon:`
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M10.75 3.72656C10.3358 3.72656 10 4.06235 10 4.47656C10 4.89078 10.3358 5.22656 10.75 5.22656L21.75 5.22656C22.1642 5.22656 22.5 4.89078 22.5 4.47656C22.5 4.06235 22.1642 3.72656 21.75 3.72656H10.75Z" fill="white"/>
   <path d="M10.75 8.72656C10.3358 8.72656 10 9.06235 10 9.47656C10 9.89078 10.3358 10.2266 10.75 10.2266L21.75 10.2266C22.1642 10.2266 22.5 9.89078 22.5 9.47657C22.5 9.06235 22.1642 8.72657 21.75 8.72657L10.75 8.72656Z" fill="white"/>
   <path d="M10 14.4767C10 14.0625 10.3358 13.7267 10.75 13.7267L21.75 13.7267C22.1642 13.7267 22.5 14.0625 22.5 14.4767C22.5 14.8909 22.1642 15.2267 21.75 15.2267L10.75 15.2267C10.3358 15.2267 10 14.8909 10 14.4767Z" fill="white"/>
@@ -8,7 +8,7 @@
   <path d="M8.66954 5.06642C8.85917 4.69816 8.71437 4.24591 8.34611 4.05627C7.97786 3.86664 7.5256 4.01144 7.33596 4.3797L4.54463 9.80029L2.85555 7.48937C2.61113 7.15496 2.14189 7.08201 1.80748 7.32643C1.47307 7.57086 1.40013 8.0401 1.64455 8.37451L3.57244 11.0122C4.12091 11.7625 5.2674 11.6732 5.69292 10.8468L8.66954 5.06642Z" fill="white"/>
   </svg>
 
-  `,settings:settings.IconListSettings,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,editorConfigs:{slots:{children:!1}},presets:[{id:"icon-list-ver1-1-text",name:"Advanced List",icon:{desktop:`
+  `,settings:settings.IconListSettings,ui:[],uiV2:uiV2.SettingUIV2,editorConfigs:{slots:{children:!1}},presets:[{id:"icon-list-ver1-1-text",name:"Advanced List",icon:{desktop:`
         <svg width="110" height="80" viewBox="0 0 110 80" fill="none" xmlns="http://www.w3.org/2000/svg">
           <path d="M13.1167 25.4997C12.415 25.4997 11.8127 25.3221 11.3098 24.967C10.8098 24.6091 10.4249 24.0934 10.155 23.4201C9.88796 22.744 9.75444 21.9301 9.75444 20.9784C9.75728 20.0267 9.89222 19.217 10.1593 18.5494C10.4292 17.879 10.8141 17.3676 11.3141 17.0153C11.8169 16.663 12.4178 16.4869 13.1167 16.4869C13.8155 16.4869 14.4164 16.663 14.9192 17.0153C15.4221 17.3676 15.807 17.879 16.074 18.5494C16.3439 19.2199 16.4789 20.0295 16.4789 20.9784C16.4789 21.9329 16.3439 22.7483 16.074 23.4244C15.807 24.0977 15.4221 24.6119 14.9192 24.967C14.4192 25.3221 13.8184 25.4997 13.1167 25.4997ZM13.1167 24.1659C13.6621 24.1659 14.0925 23.8974 14.4078 23.3605C14.726 22.8207 14.8851 22.0267 14.8851 20.9784C14.8851 20.2852 14.8127 19.7028 14.6678 19.2312C14.5229 18.7596 14.3184 18.4045 14.0542 18.1659C13.79 17.9244 13.4775 17.8037 13.1167 17.8037C12.574 17.8037 12.1451 18.0736 11.8297 18.6133C11.5144 19.1503 11.3553 19.9386 11.3525 20.9784C11.3496 21.6744 11.4192 22.2596 11.5613 22.7341C11.7061 23.2085 11.9107 23.5665 12.1749 23.8079C12.4391 24.0466 12.753 24.1659 13.1167 24.1659ZM21.4444 16.6062V25.3335H19.8635V18.1446H19.8123L17.7711 19.4486V17.9997L19.9402 16.6062H21.4444ZM24.1472 25.4272C23.8887 25.4272 23.6671 25.3363 23.4824 25.1545C23.2978 24.9727 23.2069 24.7511 23.2097 24.4897C23.2069 24.2341 23.2978 24.0153 23.4824 23.8335C23.6671 23.6517 23.8887 23.5608 24.1472 23.5608C24.3972 23.5608 24.6145 23.6517 24.7992 23.8335C24.9867 24.0153 25.0819 24.2341 25.0847 24.4897C25.0819 24.663 25.0364 24.8207 24.9483 24.9628C24.8631 25.1048 24.7495 25.2184 24.6074 25.3037C24.4682 25.3861 24.3148 25.4272 24.1472 25.4272Z" fill="#D6D6D6"/>
           <rect x="35" y="18.3335" width="67" height="6" rx="3" fill="#757575"/>

package/dist/cjs/icon-list/settings/configs/translate.js

@@ -0,0 +1 @@
+"use strict";const IconList={background:{id:"background",fields:["image.src"]}};exports.IconList=IconList;

package/dist/cjs/icon-list-hoz/settings/IconListHoz.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var uiV1=require("./configs/uiV1.js"),uiV2=require("./configs/uiV2.js"),settings=require("./configs/settings.js"),presets=require("./configs/presets.js");const config={tag:"IconListHoz",label:"Icon List",icon:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var uiV2=require("./configs/uiV2.js"),settings=require("./configs/settings.js"),presets=require("./configs/presets.js");const config={tag:"IconListHoz",label:"Icon List",icon:`
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M12 10.625C11.2406 10.625 10.625 11.2406 10.625 12C10.625 12.7594 11.2406 13.375 12 13.375C12.7594 13.375 13.375 12.7594 13.375 12C13.375 11.2406 12.7594 10.625 12 10.625ZM9.125 12C9.125 10.4122 10.4122 9.125 12 9.125C13.5878 9.125 14.875 10.4122 14.875 12C14.875 13.5878 13.5878 14.875 12 14.875C10.4122 14.875 9.125 13.5878 9.125 12Z" fill="white"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M19.625 10.6251C18.8656 10.6251 18.25 11.2407 18.25 12.0001C18.25 12.7595 18.8656 13.3751 19.625 13.3751C20.3844 13.3751 21 12.7595 21 12.0001C21 11.2407 20.3844 10.6251 19.625 10.6251ZM16.75 12.0001C16.75 10.4123 18.0372 9.12512 19.625 9.12512C21.2128 9.12512 22.5 10.4123 22.5 12.0001C22.5 13.5879 21.2128 14.8751 19.625 14.8751C18.0372 14.8751 16.75 13.5879 16.75 12.0001Z" fill="white"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.375 10.6251C3.61561 10.6251 3 11.2407 3 12.0001C3 12.7595 3.61561 13.3751 4.375 13.3751C5.13439 13.3751 5.75 12.7595 5.75 12.0001C5.75 11.2407 5.13439 10.6251 4.375 10.6251ZM1.5 12.0001C1.5 10.4123 2.78718 9.12512 4.375 9.12512C5.96282 9.12512 7.25 10.4123 7.25 12.0001C7.25 13.5879 5.96282 14.8751 4.375 14.8751C2.78718 14.8751 1.5 13.5879 1.5 12.0001Z" fill="white"/>
 </svg>
-  `,settings:settings.IconListHozSettings,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,presets:presets.IconListHozPreset,locales:{editor:{en:{icons_not_found:"Icons not found"}}},rootOverride:{advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};exports.default=config;
+  `,settings:settings.IconListHozSettings,ui:[],uiV2:uiV2.SettingUIV2,presets:presets.IconListHozPreset,locales:{editor:{en:{icons_not_found:"Icons not found"}}},rootOverride:{advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};exports.default=config;

package/dist/cjs/icon-list-v2/common/helpers.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),helpers=require("../../helpers.js");const composeIconWith=e=>({...e,desktop:e?.desktop??0,tablet:e?.tablet??e?.desktop??0,mobile:e?.mobile??e?.tablet??e?.desktop??0}),getTextIconNotFound=e=>"react"===e?"Icons not found":helpers.getStaticLocale("IconList","icons_not_found"),getTextIconTranslations=({setting:e,builderProps:t,pageContext:o,key:s,type:n})=>{let{childItem:c,translate:i}=e??{};return"react"===n?c?.[s]:helpers.getDynamicSourceLocales({val:c?.[s],uid:t?.uid,settingId:`childItem_${s}`,pageContext:o,translate:i,isReplaceLocationOrigin:!0})},getvalueMap=({setting:e})=>{let{childConfig:t,iconType:o,iconSvg:s}=e??{};return o&&"matching"!==o?"different"===o?t:void 0:Array(t?.length).fill(s)},composePostionIconList=(e,t,o)=>{let s={...o,desktop:o?.desktop??0,tablet:o?.tablet??o?.desktop??0,mobile:o?.mobile??o?.tablet??o?.desktop??0},n={};return core.DEVICES.forEach(o=>{core.composePositionLineHeight({compose:n,lineHeight:e,device:o,position:t,iconWidth:s})}),n};exports.composeIconWith=composeIconWith,exports.composePostionIconList=composePostionIconList,exports.getTextIconNotFound=getTextIconNotFound,exports.getTextIconTranslations=getTextIconTranslations,exports.getvalueMap=getvalueMap;
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),translate=require("../settings/configs/translate.js");const composeIconWith=e=>({...e,desktop:e?.desktop??0,tablet:e?.tablet??e?.desktop??0,mobile:e?.mobile??e?.tablet??e?.desktop??0}),getTextIconNotFound=e=>"react"===e?"Icons not found":helpers.getStaticLocale("IconList","icons_not_found"),getTextIconTranslations=({setting:e,builderProps:t,pageContext:o,key:s,type:n})=>{let{childItem:i}=e??{};return"react"===n?i?.[s]:helpers.getDynamicSourceLocales({val:i?.[s],uid:t?.uid,settingId:helpers.createSettingId({id:translate.IconListV2?.childItem?.id,index:s}),pageContext:o,isReplaceLocationOrigin:!0})},getvalueMap=({setting:e})=>{let{childConfig:t,iconType:o,iconSvg:s}=e??{};return o&&"matching"!==o?"different"===o?t:void 0:Array(t?.length).fill(s)},composePostionIconList=(e,t,o)=>{let s={...o,desktop:o?.desktop??0,tablet:o?.tablet??o?.desktop??0,mobile:o?.mobile??o?.tablet??o?.desktop??0},n={};return core.DEVICES.forEach(o=>{core.composePositionLineHeight({compose:n,lineHeight:e,device:o,position:t,iconWidth:s})}),n};exports.composeIconWith=composeIconWith,exports.composePostionIconList=composePostionIconList,exports.getTextIconNotFound=getTextIconNotFound,exports.getTextIconTranslations=getTextIconTranslations,exports.getvalueMap=getvalueMap;

package/dist/cjs/icon-list-v2/common/styles.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const filterStyles=e=>{let t=["--mb","--mb-mobile","--mb-tablet"];return t.forEach(t=>{delete e?.[t]}),e},getStyleContainerIconlistMain=({styles:e,style:t,type:o,advanced:l})=>{let{align:r}=e??{};return{...t="react"===o?filterStyles(t):t,...core.makeStyleResponsive("jc",r),...core.makeStyleResponsive("d",{desktop:l?.d?.desktop?"flex":"none",tablet:l?.d?.tablet?"flex":"none",mobile:l?.d?.mobile?"flex":"none"})}},getStyleWraplistIcon=({styles:e})=>{let{panelAlign:t,contentBoxPadding:o,contentBoxWidth:l,background:r,contentBoxBorder:s,contentBoxRounded:i,contentBoxShadow:n}=e??{};return{...core.composeBorderResponsive(s),...core.getResponsiveStyleShadowWithoutState(n,"box-shadow",n),...core.composeRadiusResponsive(i),...core.getStyleBackgroundByDevice(r),...core.getResponsiveStylePadding(o),...core.makeStyleResponsive("w",l),...core.makeStyleResponsive("jc",t),...core.getGradientBgrStyleByDevice(r,{desktop:!0,tablet:!0,mobile:!0})}},getStyleColListIcon=({styles:e})=>{let{verticalSpacing:t}=e??{};return{...core.makeStyleResponsive("rg",t)}},getStyleWrapItemIcon=({styles:e})=>{let{horizontalSpacing:t,position:o}=e??{};return{...core.makeStyleResponsive("cg",t),...core.makeStyleResponsive("ai",{...o,mobile:o?.mobile=="baseline"?"flex-start":o?.mobile})}},getStyleWrapIcon=({styles:e,setting:t})=>{let{iconBorder:o,backgroundColor:l,iconRounded:r}=e??{},{globalSize:s}=t??{},i=core.makeGlobalSize(s);return{...i.padding,...core.makeStyle({bs:o?.border,bw:o?.width,bc:core.getSingleColorVariable(o?.color),bg:core.getSingleColorVariable(l),bblr:r?.bblr,bbrr:r?.bbrr,btlr:r?.btlr,btrr:r?.btrr}),...core.makeStyleResponsive("top",{desktop:"unset",tablet:"unset",mobile:"unset"}),...core.makeStyleResponsive("pos",{desktop:"relative",tablet:"relative",mobile:"relative"})}},getStyleIcon=({styles:e,setting:t})=>{let{iconColor:o}=e||{},{iconWidth:l}=t??{};return{"--c":core.getSingleColorVariable(o),"--w":"100%","--h":"100%","--size-desktop":`${l?.desktop}px`,"--size-tablet":`${l?.tablet||l?.desktop}px`,"--size-mobile":`${l?.mobile||l?.tablet||l?.desktop}px`}},getStyleTypoText=({setting:e})=>({typo:e?.textTypo});exports.getStyleColListIcon=getStyleColListIcon,exports.getStyleContainerIconlistMain=getStyleContainerIconlistMain,exports.getStyleIcon=getStyleIcon,exports.getStyleTypoText=getStyleTypoText,exports.getStyleWrapIcon=getStyleWrapIcon,exports.getStyleWrapItemIcon=getStyleWrapItemIcon,exports.getStyleWraplistIcon=getStyleWraplistIcon;
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),translate=require("../settings/configs/translate.js");const filterStyles=e=>{let t=["--mb","--mb-mobile","--mb-tablet"];return t.forEach(t=>{delete e?.[t]}),e},getStyleContainerIconlistMain=({styles:e,style:t,type:o,advanced:l})=>{let{align:r}=e??{};return{...t="react"===o?filterStyles(t):t,...core.makeStyleResponsive("jc",r),...core.makeStyleResponsive("d",{desktop:l?.d?.desktop?"flex":"none",tablet:l?.d?.tablet?"flex":"none",mobile:l?.d?.mobile?"flex":"none"})}},getStyleWraplistIcon=({styles:e,uid:t,pageContext:o,type:l="React"})=>{let{panelAlign:r,contentBoxPadding:s,contentBoxWidth:n,background:a,contentBoxBorder:i,contentBoxRounded:c,contentBoxShadow:p}=e??{},b="Liquid"===l?helpers.getBackgroundTranslated({background:a,uid:t,enableTranslate:!!translate.IconListV2?.background?.id,pageContext:o,isTranslateVideo:!1}):a;return{...core.composeBorderResponsive(i),...core.getResponsiveStyleShadowWithoutState(p,"box-shadow",p),...core.composeRadiusResponsive(c),...core.getStyleBackgroundByDevice(b),...core.getResponsiveStylePadding(s),...core.makeStyleResponsive("w",n),...core.makeStyleResponsive("jc",r),...core.getGradientBgrStyleByDevice(b,{desktop:!0,tablet:!0,mobile:!0})}},getStyleColListIcon=({styles:e})=>{let{verticalSpacing:t}=e??{};return{...core.makeStyleResponsive("rg",t)}},getStyleWrapItemIcon=({styles:e})=>{let{horizontalSpacing:t,position:o}=e??{};return{...core.makeStyleResponsive("cg",t),...core.makeStyleResponsive("ai",{...o,mobile:o?.mobile=="baseline"?"flex-start":o?.mobile})}},getStyleWrapIcon=({styles:e,setting:t})=>{let{iconBorder:o,backgroundColor:l,iconRounded:r}=e??{},{globalSize:s}=t??{},n=core.makeGlobalSize(s);return{...n.padding,...core.makeStyle({bs:o?.border,bw:o?.width,bc:core.getSingleColorVariable(o?.color),bg:core.getSingleColorVariable(l),bblr:r?.bblr,bbrr:r?.bbrr,btlr:r?.btlr,btrr:r?.btrr}),...core.makeStyleResponsive("top",{desktop:"unset",tablet:"unset",mobile:"unset"}),...core.makeStyleResponsive("pos",{desktop:"relative",tablet:"relative",mobile:"relative"})}},getStyleIcon=({styles:e,setting:t})=>{let{iconColor:o}=e||{},{iconWidth:l}=t??{};return{"--c":core.getSingleColorVariable(o),"--w":"100%","--h":"100%","--size-desktop":`${l?.desktop}px`,"--size-tablet":`${l?.tablet||l?.desktop}px`,"--size-mobile":`${l?.mobile||l?.tablet||l?.desktop}px`}},getStyleTypoText=({setting:e})=>({typo:e?.textTypo});exports.getStyleColListIcon=getStyleColListIcon,exports.getStyleContainerIconlistMain=getStyleContainerIconlistMain,exports.getStyleIcon=getStyleIcon,exports.getStyleTypoText=getStyleTypoText,exports.getStyleWrapIcon=getStyleWrapIcon,exports.getStyleWrapItemIcon=getStyleWrapItemIcon,exports.getStyleWraplistIcon=getStyleWraplistIcon;

package/dist/cjs/icon-list-v2/components/IconList.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),useGetProductId=require("../../hooks/useGetProductId.js"),Text=require("../../text/components/Text.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers=require("../common/helpers.js"),useIconLineHeight=require("../hooks/useIconLineHeight.js");const IconListV2=e=>{let{builderProps:s,builderAttrs:t,style:l,setting:a,styles:r,pageContext:c,advanced:n}=e,i=system.createClass({[s?.uid??""]:!0}),o=system.createClass(classes.getClassWraplistIcon()),y=system.createClass(classes.getClassColListIcon()),m=system.createClass(classes.getClassWrapItemIcon({builderProps:s})),u=system.createClass(classes.getClassWrapIcon()),d=system.createClass(classes.getClassIcon()),p=system.createClass(classes.getClassTextItem({setting:a})),I=system.createStyle(styles.getStyleContainerIconlistMain({styles:r,style:l,type:"react",advanced:n})),x=system.createStyle(styles.getStyleWraplistIcon({styles:r})),g=system.createStyle(styles.getStyleColListIcon({styles:r})),h=system.createStyle(styles.getStyleIcon({styles:r,setting:a})),j=styles.getStyleTypoText({setting:a}),C=system.createAttr({...t}),S=helpers.getTextIconNotFound("react"),T=helpers.getvalueMap({setting:a}),{ref:v,lineHeight:L}=useIconLineHeight.useIconLineHeight({iconWidth:helpers.composeIconWith(a?.iconWidth)}),W=helpers.composePostionIconList(L,r?.position,a?.iconWidth),{refContainer:q,productID:R}=useGetProductId.useGetProductId(),N=system.createStyle({...styles.getStyleWrapIcon({styles:r,setting:a}),...W.content}),f=system.createStyle({...styles.getStyleWrapItemIcon({styles:r}),...W.wrapper});return jsxRuntime.jsx("div",{...C,...s,"data-id":s?.uid,style:I,className:i,ref:q,children:system.If(!T||!T.length,jsxRuntime.jsx("div",{children:S}),jsxRuntime.jsx("div",{className:o,style:x,children:jsxRuntime.jsx("div",{className:y,style:g,children:T?.map((e,t)=>{let l=helpers.getTextIconTranslations({setting:a,builderProps:s,pageContext:c,key:t,type:"react"});return jsxRuntime.jsxs("div",{"data-index":t,className:m,style:f,children:[jsxRuntime.jsx("div",{className:u,style:N,children:jsxRuntime.jsx("span",{style:h,className:d,dangerouslySetInnerHTML:{__html:e}})}),jsxRuntime.jsx(Text.default,{setting:{text:l?.toString(),htmlTag:"div",options:{useState:!0,uniqueId:`${s?.uid}-${t}-${R}`,productID:R,customClass:{wrapper:"gp-w-full"}}},styles:j,className:p,ref:v})]},t)})})}))})};exports.default=IconListV2;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),useGetProductId=require("../../hooks/useGetProductId.js"),Text=require("../../text/components/Text.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers=require("../common/helpers.js"),useIconLineHeight=require("../hooks/useIconLineHeight.js");const IconListV2=e=>{let{builderProps:s,builderAttrs:t,style:l,setting:a,styles:r,pageContext:c,advanced:i}=e,n=system.createClass({[s?.uid??""]:!0}),o=system.createClass(classes.getClassWraplistIcon()),y=system.createClass(classes.getClassColListIcon()),m=system.createClass(classes.getClassWrapItemIcon({builderProps:s})),u=system.createClass(classes.getClassWrapIcon()),d=system.createClass(classes.getClassIcon()),p=system.createClass(classes.getClassTextItem({setting:a})),I=system.createStyle(styles.getStyleContainerIconlistMain({styles:r,style:l,type:"react",advanced:i})),x=system.createStyle(styles.getStyleWraplistIcon({styles:r,uid:s?.uid??"",pageContext:c})),g=system.createStyle(styles.getStyleColListIcon({styles:r})),h=system.createStyle(styles.getStyleIcon({styles:r,setting:a})),j=styles.getStyleTypoText({setting:a}),C=system.createAttr({...t}),S=helpers.getTextIconNotFound("react"),T=helpers.getvalueMap({setting:a}),{ref:v,lineHeight:L}=useIconLineHeight.useIconLineHeight({iconWidth:helpers.composeIconWith(a?.iconWidth)}),W=helpers.composePostionIconList(L,r?.position,a?.iconWidth),{refContainer:q,productID:R}=useGetProductId.useGetProductId(),N=system.createStyle({...styles.getStyleWrapIcon({styles:r,setting:a}),...W.content}),f=system.createStyle({...styles.getStyleWrapItemIcon({styles:r}),...W.wrapper});return jsxRuntime.jsx("div",{...C,...s,"data-id":s?.uid,style:I,className:n,ref:q,children:system.If(!T||!T.length,jsxRuntime.jsx("div",{children:S}),jsxRuntime.jsx("div",{className:o,style:x,children:jsxRuntime.jsx("div",{className:y,style:g,children:T?.map((e,t)=>{let l=helpers.getTextIconTranslations({setting:a,builderProps:s,pageContext:c,key:t,type:"react"});return jsxRuntime.jsxs("div",{"data-index":t,className:m,style:f,children:[jsxRuntime.jsx("div",{className:u,style:N,children:jsxRuntime.jsx("span",{style:h,className:d,dangerouslySetInnerHTML:{__html:e}})}),jsxRuntime.jsx(Text.default,{setting:{text:l?.toString(),htmlTag:"div",options:{useState:!0,uniqueId:`${s?.uid}-${t}-${R}`,productID:R,customClass:{wrapper:"gp-w-full"}}},styles:j,className:p,ref:v})]},t)})})}))})};exports.default=IconListV2;

package/dist/cjs/icon-list-v2/components/IconList.liquid.js

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../helpers.js"),Text_liquid=require("../../text/components/Text.liquid.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers=require("../common/helpers.js");const IconListV2=e=>{let{builderProps:s,builderAttrs:t,style:l,setting:a,styles:r,pageContext:i}=e,c=s?.builderData?.advanced,o=system.createClass({[s?.uid??""]:!0}),y=system.createClass(classes.getClassWraplistIcon()),n=system.createClass(classes.getClassColListIcon()),p=system.createClass(classes.getClassWrapItemIcon({builderProps:s})),d=system.createClass(classes.getClassWrapIcon()),m=system.createClass(classes.getClassIcon()),g=system.createClass(classes.getClassTextItem({setting:a})),u=system.createStyle(styles.getStyleContainerIconlistMain({styles:r,style:l,type:"liquid",advanced:c})),$=system.createStyle(styles.getStyleWraplistIcon({styles:r})),S=system.createStyle(styles.getStyleColListIcon({styles:r})),I=system.createStyle(styles.getStyleWrapIcon({styles:r,setting:a})),v=system.createStyle(styles.getStyleWrapItemIcon({styles:r})),C=system.createStyle(styles.getStyleIcon({styles:r,setting:a})),h=styles.getStyleTypoText({setting:a}),q=system.createAttr({...t}),f=helpers.getTextIconNotFound("liquid"),x=helpers.getvalueMap({setting:a});return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../helpers.js"),Text_liquid=require("../../text/components/Text.liquid.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers=require("../common/helpers.js");const IconListV2=e=>{let{builderProps:s,builderAttrs:t,style:l,setting:a,styles:r,pageContext:i}=e,c=s?.builderData?.advanced,o=system.createClass({[s?.uid??""]:!0}),y=system.createClass(classes.getClassWraplistIcon()),n=system.createClass(classes.getClassColListIcon()),p=system.createClass(classes.getClassWrapItemIcon({builderProps:s})),d=system.createClass(classes.getClassWrapIcon()),g=system.createClass(classes.getClassIcon()),m=system.createClass(classes.getClassTextItem({setting:a})),u=system.createStyle(styles.getStyleContainerIconlistMain({styles:r,style:l,type:"liquid",advanced:c})),$=system.createStyle(styles.getStyleWraplistIcon({styles:r,uid:s?.uid??"",pageContext:i,type:"Liquid"})),S=system.createStyle(styles.getStyleColListIcon({styles:r,setting:a})),I=system.createStyle(styles.getStyleWrapIcon({styles:r,setting:a})),v=system.createStyle(styles.getStyleWrapItemIcon({styles:r})),C=system.createStyle(styles.getStyleIcon({styles:r,setting:a})),q=styles.getStyleTypoText({setting:a}),h=system.createAttr({...t}),x=helpers.getTextIconNotFound("liquid"),f=helpers.getvalueMap({setting:a});return core.template`
     {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
     <gp-icon-list
-      ${{...q}}
+      ${{...h}}
       ${{...s}}
       data-id="${s?.uid}"
       style="${u}"
       className="${o}"
       gp-data='${core.dataStringify({position:r?.position,iconWidth:a?.iconWidth}).replaceAll("'","&#039;")}'
     >
-      ${system.If(!x||!x.length,core.template`<div>${f}</div>`,core.template`
+      ${system.If(!f||!f.length,core.template`<div>${x}</div>`,core.template`
           <div class="${y}" style="${$}">
             <div class="${n}" style="${S}">
-              ${x?.map((e,t)=>{let l=helpers.getTextIconTranslations({setting:a,builderProps:s,pageContext:i,key:t,type:"liquid"});return core.template`
+              ${f?.map((e,t)=>{let l=helpers.getTextIconTranslations({setting:a,builderProps:s,pageContext:i,key:t,type:"liquid"});return core.template`
                     <div
                       key="${t}"
                       data-index="${t}"
@@ -20,13 +20,13 @@
                     >
                       <div class="${d}" style="${I}">
                         <span
-                          class="${m}"
+                          class="${g}"
                           style="${C}"
                         >
                           ${e}
                         </span>
                       </div>
-                      ${Text_liquid.default({setting:{text:l?.toString(),htmlTag:"div",options:{customClass:{wrapper:"gp-w-full"}},isForceValue:!0},styles:h,className:g})}
+                      ${Text_liquid.default({setting:{text:l?.toString(),htmlTag:"div",options:{customClass:{wrapper:"gp-w-full"}},isForceValue:!0},styles:q,className:m})}
                     </div>`}).join(" ")}
             </div>
           </div>`)}

package/dist/cjs/icon-list-v2/settings/IconList.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var settings=require("./configs/settings.js"),uiV1=require("./configs/ui-v1.js"),uiV2=require("./configs/ui-v2.js");const config={tag:"IconListV2",label:"Item List",icon:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var settings=require("./configs/settings.js"),uiV2=require("./configs/ui-v2.js");const config={tag:"IconListV2",label:"Item List",icon:`
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M10.75 3.72656C10.3358 3.72656 10 4.06235 10 4.47656C10 4.89078 10.3358 5.22656 10.75 5.22656L21.75 5.22656C22.1642 5.22656 22.5 4.89078 22.5 4.47656C22.5 4.06235 22.1642 3.72656 21.75 3.72656H10.75Z" fill="white"/>
   <path d="M10.75 8.72656C10.3358 8.72656 10 9.06235 10 9.47656C10 9.89078 10.3358 10.2266 10.75 10.2266L21.75 10.2266C22.1642 10.2266 22.5 9.89078 22.5 9.47657C22.5 9.06235 22.1642 8.72657 21.75 8.72657L10.75 8.72656Z" fill="white"/>
@@ -8,7 +8,7 @@
   <path d="M8.66954 5.06642C8.85917 4.69816 8.71437 4.24591 8.34611 4.05627C7.97786 3.86664 7.5256 4.01144 7.33596 4.3797L4.54463 9.80029L2.85555 7.48937C2.61113 7.15496 2.14189 7.08201 1.80748 7.32643C1.47307 7.57086 1.40013 8.0401 1.64455 8.37451L3.57244 11.0122C4.12091 11.7625 5.2674 11.6732 5.69292 10.8468L8.66954 5.06642Z" fill="white"/>
   </svg>
 
-  `,settings:settings.IconListSettings,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,editorConfigs:{slots:{children:!1},component:{validate:!0,excludeApplyStyle:!0}},presets:[{id:"icon-list-v2",name:"Item List",icon:{desktop:`
+  `,settings:settings.IconListSettings,ui:[],uiV2:uiV2.SettingUIV2,editorConfigs:{slots:{children:!1},component:{validate:!0,excludeApplyStyle:!0}},presets:[{id:"icon-list-v2",name:"Item List",icon:{desktop:`
         <svg width="110" height="80" viewBox="0 0 110 80" fill="none" xmlns="http://www.w3.org/2000/svg">
           <path fill-rule="evenodd" clip-rule="evenodd" d="M19.6348 17.7261C19.792 17.9121 19.7878 18.2089 19.6255 18.389L13.7118 24.9515C13.5531 25.1275 13.3012 25.1275 13.1425 24.9515L10.8745 22.4345C10.7122 22.2544 10.708 21.9576 10.8652 21.7717C11.0224 21.5857 11.2814 21.5809 11.4437 21.761L13.4272 23.9622L19.0563 17.7155C19.2186 17.5354 19.4776 17.5402 19.6348 17.7261Z" fill="#F9F9F9"/>
           <rect x="30" y="18.3335" width="72" height="6" rx="3" fill="#757575"/>

package/dist/cjs/icon-list-v2/settings/configs/settings.js

@@ -1 +1 @@
-"use strict";var items=require("./items.js");const IconListSettings=[{id:"setting",controls:[{id:"childItem",label:"Item management",type:"child-item",default:["Icon 1","Icon 2"],childTemplate:items.itemControlTemplate,isDisabledDuplicateIncrease:!0},{id:"translate",type:"input",default:"childItem"},{id:"textTypo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"#FEB91C"}},compoDefaultValue:{attrs:{color:"#FEB91C"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0,textShadow:!0}},{id:"iconSvg",type:"icon",label:"Icon Parent",hideInput:!0,info:"Choose from list or paste any SVG icon",default:'<svg data-name="check-circle-filled" height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508414807831544168"><path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z"></path></svg>'},{id:"iconWidth",type:"input:stepper",label:"Icon Width",devices:{desktop:{default:24}},min:0},{id:"childConfig",type:"child-icon",label:"",default:[,,,].fill('<svg height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508414807831544168"><path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z"></path></svg>')},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{padding:{type:"custom",top:"0px",bottom:"0px",left:"0px",right:"0px"}}}},hiddenShowMore:!0,hiddenSettings:["shape","width","height","gap"]},{id:"iconType",type:"option:illustration",enableTooltip:!0,label:"Icon type",options:[{label:"Matching icons",value:"matching",svgName:"gp-item-list-matching-icon"},{label:"Different icons",value:"different",svgName:"gp-item-list-different-icon"}],default:"matching"}]},{id:"style",controls:[{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"iconColor",type:"color-picker-v2",label:"Icon color",default:"text-1",compoDefaultValue:"text-1"},{id:"backgroundColor",type:"color-picker-v2",label:"Background color",default:"transparent",compoDefaultValue:"bg-1"},{id:"iconBorder",label:"Border",type:"border-v2",default:{},compoDefaultValue:{border:"solid",width:"1px 1px 1px 1px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"}},{id:"iconRounded",type:"corner-v2",label:"Border Radius",default:{radiusType:"none"},compoDefaultValue:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}},{id:"horizontalSpacing",label:"Horizontal Spacing",type:"input:slider",units:["px"],min:0,max:40,ignoreMax:!0,devices:{desktop:{default:"8px"}}},{id:"position",type:"option:illustration",enableTooltip:!0,label:"Position",options:[{label:"Align center",value:"center",type:"align-pos",svgName:"gp-align-position-center"},{label:"Align top",value:"baseline",type:"align-pos",svgName:"gp-align-position-top"}],devices:{desktop:{default:"center"},tablet:{default:"center"},mobile:{default:"center"}}},{id:"contentBoxWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"100%"}}},{id:"contentBoxPadding",label:"Padding",type:"padding-v2",devices:{desktop:{}},compoDefaultValue:{desktop:{default:{top:"16px",bottom:"16px",left:"16px",right:"16px"}}}},{id:"contentBoxBorder",label:"Border",type:"border",devices:{desktop:{default:{}}},compoDefaultValue:{desktop:{default:{border:"solid",width:"1px 1px 1px 1px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"}}}},{id:"contentBoxRounded",type:"corner-v2",label:"Border Radius",devices:{desktop:{default:{radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"contentBoxShadow",label:"Shadow",type:"shadow-v2",devices:{desktop:{default:{}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}},{id:"panelAlign",label:"Alignment",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:"align",label:"Alignment",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:"verticalSpacing",type:"input:slider",label:"Item gap",units:["px"],min:0,max:40,ignoreMax:!0,devices:{desktop:{default:"12px"}}}]}];exports.IconListSettings=IconListSettings;
+"use strict";var items=require("./items.js");const IconListSettings=[{id:"setting",controls:[{id:"childItem",label:"Item management",type:"child-item",default:["Icon 1","Icon 2"],childTemplate:items.itemControlTemplate,isDisabledDuplicateIncrease:!0},{id:"textTypo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"#FEB91C"}},compoDefaultValue:{attrs:{color:"#FEB91C"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0,textShadow:!0}},{id:"iconSvg",type:"icon",label:"Icon Parent",hideInput:!0,info:"Choose from list or paste any SVG icon",default:'<svg data-name="check-circle-filled" height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508414807831544168"><path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z"></path></svg>'},{id:"iconWidth",type:"input:stepper",label:"Icon Width",devices:{desktop:{default:24}},min:0},{id:"childConfig",type:"child-icon",label:"",default:[,,,].fill('<svg height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508414807831544168"><path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z"></path></svg>')},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{padding:{type:"custom",top:"0px",bottom:"0px",left:"0px",right:"0px"}}}},hiddenShowMore:!0,hiddenSettings:["shape","width","height","gap"]},{id:"iconType",type:"option:illustration",enableTooltip:!0,label:"Icon type",options:[{label:"Matching icons",value:"matching",svgName:"gp-item-list-matching-icon"},{label:"Different icons",value:"different",svgName:"gp-item-list-different-icon"}],default:"matching"}]},{id:"style",controls:[{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"iconColor",type:"color-picker-v2",label:"Icon color",default:"text-1",compoDefaultValue:"text-1"},{id:"backgroundColor",type:"color-picker-v2",label:"Background color",default:"transparent",compoDefaultValue:"bg-1"},{id:"iconBorder",label:"Border",type:"border-v2",default:{},compoDefaultValue:{border:"solid",width:"1px 1px 1px 1px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"}},{id:"iconRounded",type:"corner-v2",label:"Border Radius",default:{radiusType:"none"},compoDefaultValue:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}},{id:"horizontalSpacing",label:"Horizontal Spacing",type:"input:slider",units:["px"],min:0,max:40,ignoreMax:!0,devices:{desktop:{default:"8px"}}},{id:"position",type:"option:illustration",enableTooltip:!0,label:"Position",options:[{label:"Align center",value:"center",type:"align-pos",svgName:"gp-align-position-center"},{label:"Align top",value:"baseline",type:"align-pos",svgName:"gp-align-position-top"}],devices:{desktop:{default:"center"},tablet:{default:"center"},mobile:{default:"center"}}},{id:"contentBoxWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"100%"}}},{id:"contentBoxPadding",label:"Padding",type:"padding-v2",devices:{desktop:{}},compoDefaultValue:{desktop:{default:{top:"16px",bottom:"16px",left:"16px",right:"16px"}}}},{id:"contentBoxBorder",label:"Border",type:"border",devices:{desktop:{default:{}}},compoDefaultValue:{desktop:{default:{border:"solid",width:"1px 1px 1px 1px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"}}}},{id:"contentBoxRounded",type:"corner-v2",label:"Border Radius",devices:{desktop:{default:{radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"contentBoxShadow",label:"Shadow",type:"shadow-v2",devices:{desktop:{default:{}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}},{id:"panelAlign",label:"Alignment",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:"align",label:"Alignment",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:"verticalSpacing",type:"input:slider",label:"Item gap",units:["px"],min:0,max:40,ignoreMax:!0,devices:{desktop:{default:"12px"}}}]}];exports.IconListSettings=IconListSettings;

package/dist/cjs/icon-list-v2/settings/configs/translate.js

@@ -0,0 +1 @@
+"use strict";const IconListV2={childItem:{id:"childItem"},background:{id:"background",fields:["image.src"]}};exports.IconListV2=IconListV2;

package/dist/cjs/image/common/helpers.js

@@ -1,4 +1,4 @@
-"use strict";var core=require("@gem-sdk/core");const overwriteDefaultRadius=e=>{let t={...e},r=!0;return t&&Object.keys(t??{}).forEach(e=>{if("bblr"===e||"bbrr"===e||"btlr"===e||"btrr"===e){let i=t[e]??{};"0px"!==i&&(r=!1)}}),r?core.getCornerCSSFromGlobal(t):{}},getAspectRatio=({styles:e,setting:t})=>{let{srcSet:r,image:i}=t??{},{customAspectRadio:a,shape:o}=e??{},s={desktop:composeAspectRatio({device:"desktop",aspect:e?.aspectRatio,auto:t?.isAdaptive?r?.desktop:i,custom:a}),tablet:composeAspectRatio({device:"tablet",aspect:e?.aspectRatio,auto:t?.isAdaptive?r?.tablet:i,custom:a}),mobile:composeAspectRatio({device:"mobile",aspect:e?.aspectRatio,auto:t?.isAdaptive?r?.mobile:i,custom:a})};return o?core.getAspectRatioGlobalSize(o):s},composeAspectRatio=({device:e,aspect:t,custom:r,auto:i})=>{let a=t?.[e];return"auto"===a?i?.height?`${i.width}/${i.height}`:void 0:"custom"===a?r?.[e]?.height?`${r?.[e]?.width}/${r?.[e]?.height}`:void 0:a},getResponsiveObjectFit=({layout:e,isDisableObjectFit:t})=>t?{}:core.makeStyleResponsive("objf",e),getAspectRatioNextImage=({isDisableAspectStyle:e,aspectRatio:t,objectFits:r,width:i,height:a})=>{if(e)return{};let o={};return core.DEVICES.forEach(e=>{let s=`--objf${"desktop"!==e?`-${e}`:""}`,g=r?.[s]||r?.["--objf"];if(t?.[e]==="auto"&&"contain"===g){o[e]="auto";return}o[e]=t?.[e]!=="auto"&&t?.[e]?t[e]:`${i}/${a}`}),o},safeStringify=e=>JSON.stringify(e||{}).replace(/"/g,"&quot;"),shimmer=(e,t)=>`<svg width="${e}" height="${t}" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),translate=require("../settings/configs/translate.js");const overwriteDefaultRadius=e=>{let t={...e},r=!0;return t&&Object.keys(t??{}).forEach(e=>{if("bblr"===e||"bbrr"===e||"btlr"===e||"btrr"===e){let i=t[e]??{};"0px"!==i&&(r=!1)}}),r?core.getCornerCSSFromGlobal(t):{}},getAspectRatio=({styles:e,setting:t})=>{let{srcSet:r,image:i}=t??{},{customAspectRadio:a,shape:s}=e??{},l={desktop:composeAspectRatio({device:"desktop",aspect:e?.aspectRatio,auto:t?.isAdaptive?r?.desktop:i,custom:a}),tablet:composeAspectRatio({device:"tablet",aspect:e?.aspectRatio,auto:t?.isAdaptive?r?.tablet:i,custom:a}),mobile:composeAspectRatio({device:"mobile",aspect:e?.aspectRatio,auto:t?.isAdaptive?r?.mobile:i,custom:a})};return s?core.getAspectRatioGlobalSize(s):l},composeAspectRatio=({device:e,aspect:t,custom:r,auto:i})=>{let a=t?.[e];return"auto"===a?i?.height?`${i.width}/${i.height}`:void 0:"custom"===a?r?.[e]?.height?`${r?.[e]?.width}/${r?.[e]?.height}`:void 0:a},getResponsiveObjectFit=({layout:e,isDisableObjectFit:t})=>t?{}:core.makeStyleResponsive("objf",e),getAspectRatioNextImage=({isDisableAspectStyle:e,aspectRatio:t,objectFits:r,width:i,height:a})=>{if(e)return{};let s={};return core.DEVICES.forEach(e=>{let l=`--objf${"desktop"!==e?`-${e}`:""}`,o=r?.[l]||r?.["--objf"];if(t?.[e]==="auto"&&"contain"===o){s[e]="auto";return}s[e]=t?.[e]!=="auto"&&t?.[e]?t[e]:`${i}/${a}`}),s},safeStringify=e=>JSON.stringify(e||{}).replace(/"/g,"&quot;"),shimmer=(e,t)=>`<svg width="${e}" height="${t}" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <defs>
       <linearGradient id="g-${e}-${t}">
         <stop stop-color="rgba(51, 51, 51, 0)" offset="20%" />
@@ -9,4 +9,4 @@
     <rect width="${e}" height="${t}" fill="rgba(51, 51, 51, 0)" />
     <rect id="r" width="${e}" height="${t}" fill="url(#g-${e}-${t})" />
     <animate xlink:href="#r" attributeName="x" from="-${e}" to="${e}" dur="1s" repeatCount="indefinite"  />
-  </svg>`,toBase64=e=>"undefined"==typeof window?Buffer.from(e).toString("base64"):window.btoa(e),createBlurDataURL=(e,t)=>`data:image/svg+xml;base64,${toBase64(shimmer(e,t))}`,IMAGE_PLACEHOLDER="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",FALLBACK_IMAGE="https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",NEXT_IMAGE_CONFIG={DEFAULT_SIZES:"100vw",DEFAULT_ALT:"Alt image",DEFAULT_SRC:"https://cdn.shopify.com/s/files/1/2005/9307/files/placeholder-1.png?v=1751355990",DEFAULT_WIDTH_PROPS:800,DEFAULT_HEIGHT_PROPS:533},getAdaptiveImageData=e=>{let{srcSet:t,fallbackImg:r}=e,i=e=>{let{isLiquid:i}=e??{},a=getImageSrc(t?.desktop,"desktop",!i)||r||FALLBACK_IMAGE,o=getImageSrc(t?.tablet,"tablet",!i)||getImageSrc(t?.desktop,"tablet",!i)||r||FALLBACK_IMAGE,s=getImageSrc(t?.mobile,"mobile",!i)||getImageSrc(t?.tablet,"mobile",!i)||getImageSrc(t?.desktop,"mobile",!i)||r||FALLBACK_IMAGE;return{srcTablet:o,srcMobile:s,srcDesktop:a}};return{getDeviceSource:i}},getSrcSet=(e,t,r)=>e?getSrcSetLiquid(e,t):getSrcSetLink(r),isCannotResizeImage=e=>e.includes("webp")||e.includes("jfif")||e.includes(".svg")||e.includes(".tiff"),getSrcSetLiquid=(e,t)=>{let r=replaceBackupFileKeyFileContent(e);return isCannotResizeImage(e)?"FILE_CONTENT"==t?`{{ '${r}' | file_url }} 768w, {{ '${r}' | file_url }} 1024w, {{ '${r}' | file_url }} 1440w`:`{{ '${e}' | asset_url }} 768w, {{ '${e}' | asset_url }} 1024w, {{ '${e}' | asset_url }} 1440w`:"FILE_CONTENT"==t?`{{ '${r}' | file_img_url: '768x' }} 768w, {{ '${r}' | file_img_url: '1024x' }} 1024w, {{ '${r}' | file_img_url: 'master' }} 1440w`:`{{ '${e}' | asset_img_url: '768x' }} 768w, {{ '${e}' | asset_img_url: '1024x' }} 1024w, {{ '${e}' | asset_img_url: 'master' }} 1440w`},getSrcSetLink=e=>e,getImageSrc=(e,t,r)=>{if(e?.metafieldDefinitionKey)return getImageMetafieldDefinitionKey(e?.metafieldDefinitionKey);let i=e?.backupFilePath??e?.src??"";if(r)i=e?.src||"";else if(e?.backupFileKey){let t=getNewBackupFileKey(e.backupFileKey,e?.src??"");"THEME"!==e.storage&&e.storage?"FILE_CONTENT"===e.storage&&(i=`{{ "${replaceBackupFileKeyFileContent(t)}" | file_url }}`):i=`{{ "${t}" | asset_url }}`}if(t&&i?.includes("cdn.shopify"))switch(t){case"tablet":i=i?.replace(regexReplaceEndDot,"_1024x.");break;case"mobile":i=i?.replace(regexReplaceEndDot,"_768x.")}return i},getImageMetafieldDefinitionKey=e=>`{{${e} | file_url}}`,regexReplaceEndDot=/\.(?=[^.]*$)/,replaceBackupFileKeyFileContent=e=>e.replace(/\.jpeg|\.jfif/g,".jpg"),getNewBackupFileKey=(e,t)=>{let r=t?.match(/\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))/)?.[1];return r&&r!=e?r:e};function resizeImage(e,t){let r=e.match(/\.webp/g)?.length,i=replaceRegexLastMatch({str:e,reg:/_(pico|icon|thumb|small|compact|medium|large|grande|original|1024x1024|2048x2048|master)+\./g,newString:"."});if(r)return i;let a=replaceRegexLastMatch({str:i,reg:/\.jpg|\.png|\.gif|\.jpeg/g,newString:t,isAdd:!0});return a}const replaceRegexLastMatch=e=>{let t=e.str,r=e.str.match(e.reg)?.length;if(r){let i,a=1;for(;null!==(i=e.reg.exec(e.str));){if(a===r){let r=e.reg.lastIndex,a=r-i[0].length;e.isAdd&&(e.newString="_"+e.newString+i),t=t.slice(0,a)+e.newString+t.slice(r,t.length)}a++}}return t},getItemWidth=(e,t)=>{let r=getCurrentDevice(),i=t?.[r]||"auto";if(!i||"auto"===i||i.includes("%"))return e;let a=Number(i.replace("px",""));return a>e?e:Number(i.replace("px",""))},getImageWidthFollowByQuality=e=>{let{itemWidthParam:t,imageWidthSetting:r,qualityType:i,qualityPercent:a}=e,o=getCurrentDevice(),s=getItemWidth(t,r),g=core.getResponsiveValueByScreen(i,o,"finest"),l=core.getResponsiveValueByScreen(a,o,100);switch(g){case"finest":default:return"auto";case"high":return Math.round(1.5*s)||1;case"medium":return Math.round(s)||1;case"custom":return Math.round(s*(Number(l)/100))||1}},getWidthOfFeatureImageSetting=e=>{let t={desktop:"100%",tablet:"100%",mobile:"100%"};return core.DEVICES.forEach(r=>{let i=core.getResponsiveValueByScreen(e,r)?.width||"100%";t[r]=i}),t},getWidthOfImageListSetting=e=>{let t={desktop:"100%",tablet:"100%",mobile:"100%"};return core.DEVICES.forEach(r=>{let i=core.getResponsiveValueByScreen(e,r)?.width||"100%";t[r]=i}),t},getWidthOfListImageInDom=e=>{let t=document.querySelectorAll(`.gem-slider-item-${e}.gp-gallery-image-item`),r=0;return t.forEach(e=>{e.offsetWidth>r&&(r=e.offsetWidth)}),r},getWidthOfFeatureImageInDom=e=>{let t=document.querySelectorAll(`.gem-slider-item-${e}.gp-ft-image-item`),r=0;return t.forEach(e=>{e.offsetWidth>r&&(r=e.offsetWidth)}),r},handleSetSrcForProductImageList=e=>{let{shapeByLayout:t,qualityType:r,qualityPercent:i,builderPropUID:a}=e,o=document.querySelectorAll(`.gem-slider-item-${a}.gp-gallery-image-item`),s=getWidthOfImageListSetting(t),g=getWidthOfListImageInDom(a);o.forEach(e=>{handleSetSrcForGalleryImage({item:e,settingWidth:s,width:g,qualityType:r,qualityPercent:i})})},handleSetSrcForFeatureProductImage=e=>{let{ftShape:t,qualityType:r,qualityPercent:i,builderPropUID:a}=e,o=document.querySelectorAll(`.gem-slider-item-${a}.gp-ft-image-item`),s=getWidthOfFeatureImageSetting(t),g=getWidthOfFeatureImageInDom(a);o.forEach(e=>{handleSetSrcForGalleryImage({item:e,settingWidth:s,width:g,qualityType:r,qualityPercent:i})})},handleSetSrcForGalleryImage=e=>{let{item:t,settingWidth:r,width:i,qualityType:a,qualityPercent:o}=e,s=getCurrentDevice(),g=t.querySelector("img");if(g){let e=getImageWidthFollowByQuality({itemWidthParam:i,imageWidthSetting:r,qualityType:a,qualityPercent:o}),t=g.getAttribute("base-src");if(!t)return;let l=getImageSrcByQuality(e,t),c=getImageSrcSet(t,l,s);g.setAttribute("srcset",c)}},getImageSrcByQuality=(e,t)=>"auto"===e?t:resizeImage(t,`${e}x`),getImageSrcSet=(e,t,r)=>`${"mobile"===r&&e!==t?t:resizeImage(e,"768x")} 767w, ${"tablet"===r&&e!==t?t:resizeImage(e,"1024x")} 1023w, ${"desktop"===r&&e!==t?t:resizeImage(e,"1920x")} 1440w`,getCurrentDevice=()=>window.innerWidth<768?"mobile":window.innerWidth>=768&&window.innerWidth<1025?"tablet":"desktop";exports.FALLBACK_IMAGE=FALLBACK_IMAGE,exports.IMAGE_PLACEHOLDER="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",exports.NEXT_IMAGE_CONFIG=NEXT_IMAGE_CONFIG,exports.composeAspectRatio=composeAspectRatio,exports.createBlurDataURL=createBlurDataURL,exports.getAdaptiveImageData=getAdaptiveImageData,exports.getAspectRatio=getAspectRatio,exports.getAspectRatioNextImage=getAspectRatioNextImage,exports.getCurrentDevice=getCurrentDevice,exports.getImageSrc=getImageSrc,exports.getImageWidthFollowByQuality=getImageWidthFollowByQuality,exports.getNewBackupFileKey=getNewBackupFileKey,exports.getResponsiveObjectFit=getResponsiveObjectFit,exports.getSrcSet=getSrcSet,exports.handleSetSrcForFeatureProductImage=handleSetSrcForFeatureProductImage,exports.handleSetSrcForProductImageList=handleSetSrcForProductImageList,exports.isCannotResizeImage=isCannotResizeImage,exports.overwriteDefaultRadius=overwriteDefaultRadius,exports.regexReplaceEndDot=regexReplaceEndDot,exports.replaceBackupFileKeyFileContent=replaceBackupFileKeyFileContent,exports.resizeImage=resizeImage,exports.safeStringify=safeStringify,exports.shimmer=shimmer,exports.toBase64=toBase64;
+  </svg>`,toBase64=e=>"undefined"==typeof window?Buffer.from(e).toString("base64"):window.btoa(e),createBlurDataURL=(e,t)=>`data:image/svg+xml;base64,${toBase64(shimmer(e,t))}`,IMAGE_PLACEHOLDER="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",FALLBACK_IMAGE="https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",NEXT_IMAGE_CONFIG={DEFAULT_SIZES:"100vw",DEFAULT_ALT:"Alt image",DEFAULT_SRC:"https://cdn.shopify.com/s/files/1/2005/9307/files/placeholder-1.png?v=1751355990",DEFAULT_WIDTH_PROPS:800,DEFAULT_HEIGHT_PROPS:533},getAdaptiveImageData=e=>{let{srcSet:t,fallbackImg:r}=e,i=e=>{let{isLiquid:i}=e??{},a=getImageSrc(t?.desktop,"desktop",!i)||r||FALLBACK_IMAGE,s=getImageSrc(t?.tablet,"tablet",!i)||getImageSrc(t?.desktop,"tablet",!i)||r||FALLBACK_IMAGE,l=getImageSrc(t?.mobile,"mobile",!i)||getImageSrc(t?.tablet,"mobile",!i)||getImageSrc(t?.desktop,"mobile",!i)||r||FALLBACK_IMAGE;return{srcTablet:s,srcMobile:l,srcDesktop:a}};return{getDeviceSource:i}},getSettingTranslatedImageAndSeo=({setting:e,uid:t,pageContext:r})=>{if(!e||!translate.Image)return{};let i=core.cloneDeep(e);for(let e in i.srcSet){let a=i.srcSet[e];if(a&&a.src){let i=helpers.getDynamicSourceLocales({val:a.src,uid:t,settingId:translate.Image?.srcSet?.id?`${translate.Image.srcSet.id}_${e}_src`:"",pageContext:r});a.src=String(i)}}let a=helpers.getDynamicSourceLocales({val:i.alt,uid:t,settingId:helpers.createSettingId({id:translate.Image?.alt?.id}),pageContext:r});i.alt=String(a);let s=helpers.getDynamicSourceLocales({val:i.title,uid:t,settingId:helpers.createSettingId({id:translate.Image?.title?.id}),pageContext:r});return i.title=String(s),i},getSrcSet=(e,t,r)=>e?getSrcSetLiquid(e,t):getSrcSetLink(r),isCannotResizeImage=e=>e.includes("webp")||e.includes("jfif")||e.includes(".svg")||e.includes(".tiff"),getSrcSetLiquid=(e,t)=>{let r=replaceBackupFileKeyFileContent(e);return isCannotResizeImage(e)?"FILE_CONTENT"==t?`{{ '${r}' | file_url }} 768w, {{ '${r}' | file_url }} 1024w, {{ '${r}' | file_url }} 1440w`:`{{ '${e}' | asset_url }} 768w, {{ '${e}' | asset_url }} 1024w, {{ '${e}' | asset_url }} 1440w`:"FILE_CONTENT"==t?`{{ '${r}' | file_img_url: '768x' }} 768w, {{ '${r}' | file_img_url: '1024x' }} 1024w, {{ '${r}' | file_img_url: 'master' }} 1440w`:`{{ '${e}' | asset_img_url: '768x' }} 768w, {{ '${e}' | asset_img_url: '1024x' }} 1024w, {{ '${e}' | asset_img_url: 'master' }} 1440w`},getSrcSetLink=e=>e,getImageSrc=(e,t,r)=>{if(e?.metafieldDefinitionKey)return getImageMetafieldDefinitionKey(e?.metafieldDefinitionKey);let i=e?.backupFilePath??e?.src??"";if(r)i=e?.src||"";else{let t=e?.src??"";if(core.hasTranslatedLiquid(t))return t;if(e?.backupFileKey){let t=getNewBackupFileKey(e.backupFileKey,e?.src??"");"THEME"!==e.storage&&e.storage?"FILE_CONTENT"===e.storage&&(i=`{{ "${replaceBackupFileKeyFileContent(t)}" | file_url }}`):i=`{{ "${t}" | asset_url }}`}}if(t&&i?.includes("cdn.shopify"))switch(t){case"tablet":i=i?.replace(regexReplaceEndDot,"_1024x.");break;case"mobile":i=i?.replace(regexReplaceEndDot,"_768x.")}return i},getImageMetafieldDefinitionKey=e=>`{{${e} | file_url}}`,regexReplaceEndDot=/\.(?=[^.]*$)/,replaceBackupFileKeyFileContent=e=>e.replace(/\.jpeg|\.jfif/g,".jpg"),getNewBackupFileKey=(e,t)=>{let r=t?.match(/\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))/)?.[1];return r&&r!=e?r:e};function resizeImage(e,t){let r=e.match(/\.webp/g)?.length,i=replaceRegexLastMatch({str:e,reg:/_(pico|icon|thumb|small|compact|medium|large|grande|original|1024x1024|2048x2048|master)+\./g,newString:"."});if(r)return i;let a=replaceRegexLastMatch({str:i,reg:/\.jpg|\.png|\.gif|\.jpeg/g,newString:t,isAdd:!0});return a}const replaceRegexLastMatch=e=>{let t=e.str,r=e.str.match(e.reg)?.length;if(r){let i,a=1;for(;null!==(i=e.reg.exec(e.str));){if(a===r){let r=e.reg.lastIndex,a=r-i[0].length;e.isAdd&&(e.newString="_"+e.newString+i),t=t.slice(0,a)+e.newString+t.slice(r,t.length)}a++}}return t},getItemWidth=(e,t)=>{let r=getCurrentDevice(),i=t?.[r]||"auto";if(!i||"auto"===i||i.includes("%"))return e;let a=Number(i.replace("px",""));return a>e?e:Number(i.replace("px",""))},getImageWidthFollowByQuality=e=>{let{itemWidthParam:t,imageWidthSetting:r,qualityType:i,qualityPercent:a}=e,s=getCurrentDevice(),l=getItemWidth(t,r),o=core.getResponsiveValueByScreen(i,s,"finest"),g=core.getResponsiveValueByScreen(a,s,100);switch(o){case"finest":default:return"auto";case"high":return Math.round(1.5*l)||1;case"medium":return Math.round(l)||1;case"custom":return Math.round(l*(Number(g)/100))||1}},getWidthOfFeatureImageSetting=e=>{let t={desktop:"100%",tablet:"100%",mobile:"100%"};return core.DEVICES.forEach(r=>{let i=core.getResponsiveValueByScreen(e,r)?.width||"100%";t[r]=i}),t},getWidthOfImageListSetting=e=>{let t={desktop:"100%",tablet:"100%",mobile:"100%"};return core.DEVICES.forEach(r=>{let i=core.getResponsiveValueByScreen(e,r)?.width||"100%";t[r]=i}),t},getWidthOfListImageInDom=e=>{let t=document.querySelectorAll(`.gem-slider-item-${e}.gp-gallery-image-item`),r=0;return t.forEach(e=>{e.offsetWidth>r&&(r=e.offsetWidth)}),r},getWidthOfFeatureImageInDom=e=>{let t=document.querySelectorAll(`.gem-slider-item-${e}.gp-ft-image-item`),r=0;return t.forEach(e=>{e.offsetWidth>r&&(r=e.offsetWidth)}),r},handleSetSrcForProductImageList=e=>{let{shapeByLayout:t,qualityType:r,qualityPercent:i,builderPropUID:a}=e,s=document.querySelectorAll(`.gem-slider-item-${a}.gp-gallery-image-item`),l=getWidthOfImageListSetting(t),o=getWidthOfListImageInDom(a);s.forEach(e=>{handleSetSrcForGalleryImage({item:e,settingWidth:l,width:o,qualityType:r,qualityPercent:i})})},handleSetSrcForFeatureProductImage=e=>{let{ftShape:t,qualityType:r,qualityPercent:i,builderPropUID:a}=e,s=document.querySelectorAll(`.gem-slider-item-${a}.gp-ft-image-item`),l=getWidthOfFeatureImageSetting(t),o=getWidthOfFeatureImageInDom(a);s.forEach(e=>{handleSetSrcForGalleryImage({item:e,settingWidth:l,width:o,qualityType:r,qualityPercent:i})})},handleSetSrcForGalleryImage=e=>{let{item:t,settingWidth:r,width:i,qualityType:a,qualityPercent:s}=e,l=getCurrentDevice(),o=t.querySelector("img");if(o){let e=getImageWidthFollowByQuality({itemWidthParam:i,imageWidthSetting:r,qualityType:a,qualityPercent:s}),t=o.getAttribute("base-src");if(!t)return;let g=getImageSrcByQuality(e,t),c=getImageSrcSet(t,g,l);o.setAttribute("srcset",c)}},getImageSrcByQuality=(e,t)=>"auto"===e?t:resizeImage(t,`${e}x`),getImageSrcSet=(e,t,r)=>`${"mobile"===r&&e!==t?t:resizeImage(e,"768x")} 767w, ${"tablet"===r&&e!==t?t:resizeImage(e,"1024x")} 1023w, ${"desktop"===r&&e!==t?t:resizeImage(e,"1920x")} 1440w`,getCurrentDevice=()=>window.innerWidth<768?"mobile":window.innerWidth>=768&&window.innerWidth<1025?"tablet":"desktop";exports.FALLBACK_IMAGE=FALLBACK_IMAGE,exports.IMAGE_PLACEHOLDER="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",exports.NEXT_IMAGE_CONFIG=NEXT_IMAGE_CONFIG,exports.composeAspectRatio=composeAspectRatio,exports.createBlurDataURL=createBlurDataURL,exports.getAdaptiveImageData=getAdaptiveImageData,exports.getAspectRatio=getAspectRatio,exports.getAspectRatioNextImage=getAspectRatioNextImage,exports.getCurrentDevice=getCurrentDevice,exports.getImageSrc=getImageSrc,exports.getImageWidthFollowByQuality=getImageWidthFollowByQuality,exports.getNewBackupFileKey=getNewBackupFileKey,exports.getResponsiveObjectFit=getResponsiveObjectFit,exports.getSettingTranslatedImageAndSeo=getSettingTranslatedImageAndSeo,exports.getSrcSet=getSrcSet,exports.handleSetSrcForFeatureProductImage=handleSetSrcForFeatureProductImage,exports.handleSetSrcForProductImageList=handleSetSrcForProductImageList,exports.isCannotResizeImage=isCannotResizeImage,exports.overwriteDefaultRadius=overwriteDefaultRadius,exports.regexReplaceEndDot=regexReplaceEndDot,exports.replaceBackupFileKeyFileContent=replaceBackupFileKeyFileContent,exports.resizeImage=resizeImage,exports.safeStringify=safeStringify,exports.shimmer=shimmer,exports.toBase64=toBase64;

package/dist/cjs/image/components/Image.liquid.js

@@ -1,16 +1,16 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers=require("../../helpers.js"),AdaptiveImage_liquid=require("./AdaptiveImage.liquid.js"),NextImage_liquid=require("./NextImage.liquid.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),attrs=require("../common/attrs.js");const Image=({style:e,styles:s,setting:t,advanced:a,className:r,pageContext:l,builderAttrs:i,builderProps:m})=>{let{imageLink:y,isAdaptive:g,enableImageLink:u}=t??{},{enableLazyLoadImage:d}=l??{},{Wrapper:c,urlData:p}=helpers.getLinkData({defaultWrap:"div",setting:y,enableImageLink:u,isLiquid:!0}),o=system.createStyle(styles.getWrapperStyles(s)),q=system.createStyle(styles.getImageStyles(s,m)),n=system.createStyle(styles.getContainerStyles(e,s)),I=system.createClass(classes.getWrapperClasses()),A=system.createClass(classes.getImageClasses(r,s)),C=system.createClass(classes.getContainerClasses(m?.uid,a?.cssClass,s?.shape)),v=system.createAttr(attrs.getContainerAttrs(i,m?.uid)),$=attrs.getLinkWrapperAttrs({urlData:p,imageLink:y,title:t?.title,isLiquid:!0}),j=attrs.getAdaptiveImageAttrs({styles:s,setting:t,isLiquid:!0}),f=attrs.getNextImageAttrs({styles:s,setting:t}),x=attrs.getImageLiquidAttrs({pageContext:l,enableLazyLoadImage:d}),L=()=>system.If(g,AdaptiveImage_liquid.default({...x,...j,style:q,className:A}),NextImage_liquid.default({...x,...f,style:q,className:A})),N=()=>L();return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers$1=require("../../helpers.js"),AdaptiveImage_liquid=require("./AdaptiveImage.liquid.js"),NextImage_liquid=require("./NextImage.liquid.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),attrs=require("../common/attrs.js"),helpers=require("../common/helpers.js");const Image=({style:e,styles:s,setting:t,advanced:a,className:r,pageContext:l,builderAttrs:i,builderProps:m})=>{let g=helpers.getSettingTranslatedImageAndSeo({setting:t,uid:m?.uid,pageContext:l}),{imageLink:d,isAdaptive:u,enableImageLink:y}=g??{},{enableLazyLoadImage:c}=l??{},{Wrapper:p,urlData:n}=helpers$1.getLinkData({defaultWrap:"div",setting:d,enableImageLink:y,isLiquid:!0}),o=system.createStyle(styles.getWrapperStyles(s)),q=system.createStyle(styles.getImageStyles(s,m)),I=system.createStyle(styles.getContainerStyles(e,s)),A=system.createClass(classes.getWrapperClasses()),$=system.createClass(classes.getImageClasses(r,s)),C=system.createClass(classes.getContainerClasses(m?.uid,a?.cssClass,s?.shape)),v=system.createAttr(attrs.getContainerAttrs(i,m?.uid)),j=attrs.getLinkWrapperAttrs({urlData:n,imageLink:d,title:g?.title,isLiquid:!0}),S=attrs.getAdaptiveImageAttrs({styles:s,setting:g,isLiquid:!0}),h=attrs.getNextImageAttrs({styles:s,setting:g}),f=attrs.getImageLiquidAttrs({pageContext:l,enableLazyLoadImage:c}),x=()=>system.If(u,AdaptiveImage_liquid.default({...f,...S,style:q,className:$}),NextImage_liquid.default({...f,...h,style:q,className:$})),L=()=>x();return core.template`
     <div
       role="presentation"
       ${{...v}}
-      style="${n}"
+      style="${I}"
       class="${C}"
     >
-      <${c}
-        ${$}
+      <${p}
+        ${j}
         style="${o}"
-        class="${I}"
+        class="${A}"
       >
-        ${N()}
-      </${c}>
+        ${L()}
+      </${p}>
     </div>
   `};exports.default=Image;

package/dist/cjs/image/settings/Image.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var uiV2=require("./configs/ui-v2.js"),uiV1=require("./configs/ui-v1.js"),settings=require("./configs/settings.js"),presets=require("./configs/presets.js");const config={tag:"Image",label:"Image",icon:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var uiV2=require("./configs/ui-v2.js"),settings=require("./configs/settings.js"),presets=require("./configs/presets.js");const config={tag:"Image",label:"Image",icon:`
   <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M13.3337 14.6666C13.3337 16.1333 12.1337 17.3333 10.667 17.3333C9.20033 17.3333 8.00033 16.1333 8.00033 14.6666C8.00033 13.2 9.20033 12 10.667 12C12.1337 12 13.3337 13.2 13.3337 14.6666ZM27.3741 14.8404C26.9836 14.4499 26.3504 14.4499 25.9599 14.8404L16.667 24.1333L14.0346 21.6062C13.6442 21.2314 13.0267 21.2352 12.6409 21.6145L5.33366 28.8V9.33329H34.667V22.1333L27.3741 14.8404ZM34.667 30.6666H23.2003L18.5337 26L26.667 17.8666L34.667 25.8666V30.6666ZM7.33366 30.6666L13.467 24.6666L19.467 30.6666H7.33366ZM3.66699 6.66663C3.11471 6.66663 2.66699 7.11434 2.66699 7.66663V31.4666V32.3333C2.66699 32.8856 3.11471 33.3333 3.66699 33.3333H25.867H36.3337C36.8859 33.3333 37.3337 32.8856 37.3337 32.3333V30.6666V28.5333V24.8V7.66662C37.3337 7.11434 36.8859 6.66663 36.3337 6.66663H3.66699Z" fill="currentColor"/>
   </svg>
-  `,settings:settings.ImageSettings,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,presets:presets.ImagePreset,rootOverride:{advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};exports.default=config;
+  `,settings:settings.ImageSettings,ui:[],uiV2:uiV2.SettingUIV2,presets:presets.ImagePreset,rootOverride:{advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};exports.default=config;

package/dist/cjs/image/settings/configs/translate.js

@@ -0,0 +1 @@
+"use strict";const Image={srcSet:{id:"srcSet",fields:["src"]},alt:{id:"alt"},title:{id:"title"}};exports.Image=Image;

package/dist/cjs/image-comparison/common/attrs.js

@@ -1 +1 @@
-"use strict";const getLabelAttrs=({label:t="",positionId:e="left",componentUid:a})=>({label:t,positionId:e,uid:a}),getLabelLiquidAttrs=({translate:t,pageContext:e,translateLabel:a})=>({translate:t,pageContext:e,translateLabel:a}),getImagePlaceholderAttrs=({width:t=0,height:e=0})=>({src:"",width:t,height:e,"data-testid":"temp-image"}),getBaseImageAttrs=({src:t,title:e=""})=>({src:t,title:e}),getImageLiquidAttrs=({id:t,src:e,title:a="",priority:r=!1,isDisableObjectFit:s=!1,isDisableAspectStyle:g=!1})=>({...getBaseImageAttrs({src:e,title:a}),id:t,priority:r,isDisableObjectFit:s,isDisableAspectStyle:g}),getImageReactAttrs=({src:t,testId:e,width:a=0,height:r=0,title:s="",priority:g=!1})=>{let i=g?{fetchpriority:"high",loading:"eager"}:{loading:"lazy",fetchpriority:"low"},A=getBaseImageAttrs({src:t,title:s});return{...A,...i,width:a,height:r,"data-testid":e,"base-src":g?"":A.src}};exports.getBaseImageAttrs=getBaseImageAttrs,exports.getImageLiquidAttrs=getImageLiquidAttrs,exports.getImagePlaceholderAttrs=getImagePlaceholderAttrs,exports.getImageReactAttrs=getImageReactAttrs,exports.getLabelAttrs=getLabelAttrs,exports.getLabelLiquidAttrs=getLabelLiquidAttrs;
+"use strict";const getLabelAttrs=({label:t="",positionId:e="left",componentUid:a})=>({label:t,positionId:e,uid:a}),getLabelLiquidAttrs=({pageContext:t,translateLabel:e})=>({pageContext:t,translateLabel:e}),getImagePlaceholderAttrs=({width:t=0,height:e=0})=>({src:"",width:t,height:e,"data-testid":"temp-image"}),getBaseImageAttrs=({src:t,title:e=""})=>({src:t,title:e}),getImageLiquidAttrs=({id:t,src:e,title:a="",priority:r=!1,isDisableObjectFit:s=!1,isDisableAspectStyle:g=!1})=>({...getBaseImageAttrs({src:e,title:a}),id:t,priority:r,isDisableObjectFit:s,isDisableAspectStyle:g}),getImageReactAttrs=({src:t,testId:e,width:a=0,height:r=0,title:s="",priority:g=!1})=>{let i=g?{fetchpriority:"high",loading:"eager"}:{loading:"lazy",fetchpriority:"low"},A=getBaseImageAttrs({src:t,title:s});return{...A,...i,width:a,height:r,"data-testid":e,"base-src":g?"":A.src}};exports.getBaseImageAttrs=getBaseImageAttrs,exports.getImageLiquidAttrs=getImageLiquidAttrs,exports.getImagePlaceholderAttrs=getImagePlaceholderAttrs,exports.getImageReactAttrs=getImageReactAttrs,exports.getLabelAttrs=getLabelAttrs,exports.getLabelLiquidAttrs=getLabelLiquidAttrs;

package/dist/cjs/image-comparison/common/helpers.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),helpers=require("../../image/common/helpers.js");const getAspectRatioData=({styles:t,leftImage:e,rightImage:o})=>{let i=(e?.width??0)/(e?.height??1),a=(o?.width??0)/(o?.height??1),s=i<=a?`${e?.width??0}/${e?.height??1}`:`${o?.width??0}/${o?.height??1}`,r=i<=a?e:o,l=composeResponsiveAspectRatio({aspect:t?.aspectRatio,auto:r,custom:t?.customAspectRadio,defaultRatio:s});return{defaultRatio:s,responsiveAspectRatio:l}},composeResponsiveAspectRatio=({aspect:t,auto:e,custom:o,defaultRatio:i})=>({desktop:helpers.composeAspectRatio({device:"desktop",aspect:t,auto:e,custom:o})??i,tablet:helpers.composeAspectRatio({device:"tablet",aspect:t,auto:e,custom:o}),mobile:helpers.composeAspectRatio({device:"mobile",aspect:t,auto:e,custom:o})}),composeLabelPosition=({input:t,isHorizontal:e})=>{let{device:o,positionHoz:i,positionVer:a}=t,s=e?core.getResponsiveValueByScreen(i,o,"hoz-center"):core.getResponsiveValueByScreen(a,o,"ver-center"),r={topLeft:"50%",bottomRight:"auto"};return({"hoz-center":{topLeft:"50%",bottomRight:"auto"},top:{topLeft:"8px",bottomRight:"auto"},bottom:{topLeft:"auto",bottomRight:"8px"},"ver-center":{topLeft:"50%",bottomRight:"auto"},left:{topLeft:"8px",bottomRight:"auto"},right:{topLeft:"auto",bottomRight:"8px"}})[s]??r},getLabelPosition=({position:t,labelPositionHoz:e,labelPositionVer:o,isHorizontal:i})=>({desktop:composeLabelPosition({input:{device:"desktop",positionHoz:e,positionVer:o},isHorizontal:i})?.[t??"topLeft"],tablet:composeLabelPosition({input:{device:"tablet",positionHoz:e,positionVer:o},isHorizontal:i})?.[t??"topLeft"],mobile:composeLabelPosition({input:{device:"mobile",positionHoz:e,positionVer:o},isHorizontal:i})?.[t??"topLeft"]}),generateTranslateByDevices=({isHorizontal:t,labelPositionHoz:e,labelPositionVer:o})=>{let i=t?e:o,a={desktop:i?.desktop??"hoz-center",tablet:i?.tablet??i?.desktop??"hoz-center",mobile:i?.mobile??i?.tablet??i?.desktop??"hoz-center"},s={desktop:"translateX(0) translateY(0)",tablet:"translateX(0) translateY(0)",mobile:"translateX(0) translateY(0)"};for(let e in a){let o=a?.[e];o.includes("center")?s[e]=t?"translateX(0) translateY(-50%)":"translateX(-50%) translateY(0)":s[e]="translateX(0) translateY(0)"}return s},getSliderPositionPercentage=t=>{let e="string"==typeof t?parseInt(t??0):t;return(e??50)/100},FLEX_ALIGN={left:"start",center:"center",right:"end",justify:"start"},getData=t=>{let{handle:e=null,hover:o=!1,handleSize:i=40,leftImageAlt:a="",leftImageTitle:s="",leftImageCss:r={},leftImageLabel:l=null,rightImageAlt:p="",rightImageTitle:n="",rightImageCss:c={},rightImageLabel:g=null,sliderLineWidth:u=2,sliderLineColor:m="#ffffff",sliderPositionPercentage:b=.5,vertical:h=!1,componentUid:d="",styles:L={},leftImage:R,rightImage:f,enableLabel:y=!1,qualityType:S,qualityPercent:x}=t,P=!h,v=y&&!!l,A=y&&!!g,C=(R?.width??0)<(f?.width??0)?{...R}:{...f},I=t=>{let{isLiquid:e}=t??{};return e?helpers.getImageSrc(R):R?.src??""},k=t=>{let{isLiquid:e}=t??{};return e?helpers.getImageSrc(f):f?.src??""},{responsiveAspectRatio:D,defaultRatio:X}=getAspectRatioData({leftImage:R,rightImage:f,styles:L});return{styles:L,handle:e,hover:o,handleSize:i,leftImageAlt:a,leftImageTitle:s,leftImageCss:r,leftImageLabel:l,rightImageAlt:p,rightImageTitle:n,rightImageCss:c,rightImageLabel:g,sliderLineWidth:u,sliderLineColor:m,sliderPositionPercentage:b,vertical:h,componentUid:d,tempImage:C,aspectRatio:D,defaultRatio:X,isHorizontal:P,hasLeftLabel:v,hasRightLabel:A,qualityType:S,qualityPercent:x,getLeftImageSrc:I,getRightImageSrc:k}},getImageClipStyle=t=>{let{isHorizontal:e,containerWidth:o,containerHeight:i,sliderPosition:a,type:s}=t,r=e?o*a:i*a;return"left"===s?{clip:e?`rect(auto, ${r}px, auto, auto)`:`rect(auto, auto, ${r}px, auto)`}:{clip:e?`rect(auto, auto, auto, ${r}px)`:`rect(${r}px, auto, auto, auto)`}},getSliderPositionStyle=t=>{let{isHorizontal:e,containerWidth:o,containerHeight:i,sliderPosition:a,handleSize:s}=t,r=e?o*a:i*a,l=s/2;return{[e?"top":"left"]:0,[e?"left":"top"]:`${r-l}px`}},getLabelContainerStyles=t=>({...getImageClipStyle(t)}),getReactStyles=t=>({sliderPosition:getSliderPositionStyle(t),leftImageClip:getImageClipStyle({...t,type:"left"}),rightImageClip:getImageClipStyle({...t,type:"right"}),leftLabelContainer:getLabelContainerStyles({...t,type:"left"}),rightLabelContainer:getLabelContainerStyles({...t,type:"right"})});exports.FLEX_ALIGN=FLEX_ALIGN,exports.composeLabelPosition=composeLabelPosition,exports.composeResponsiveAspectRatio=composeResponsiveAspectRatio,exports.generateTranslateByDevices=generateTranslateByDevices,exports.getAspectRatioData=getAspectRatioData,exports.getData=getData,exports.getImageClipStyle=getImageClipStyle,exports.getLabelContainerStyles=getLabelContainerStyles,exports.getLabelPosition=getLabelPosition,exports.getReactStyles=getReactStyles,exports.getSliderPositionPercentage=getSliderPositionPercentage,exports.getSliderPositionStyle=getSliderPositionStyle;
+"use strict";var core=require("@gem-sdk/core"),helpers$1=require("../../image/common/helpers.js"),helpers=require("../../helpers.js"),translate=require("../settings/configs/translate.js");const getAspectRatioData=({styles:e,leftImage:t,rightImage:o})=>{let a=(t?.width??0)/(t?.height??1),i=(o?.width??0)/(o?.height??1),s=a<=i?`${t?.width??0}/${t?.height??1}`:`${o?.width??0}/${o?.height??1}`,r=a<=i?t:o,l=composeResponsiveAspectRatio({aspect:e?.aspectRatio,auto:r,custom:e?.customAspectRadio,defaultRatio:s});return{defaultRatio:s,responsiveAspectRatio:l}},composeResponsiveAspectRatio=({aspect:e,auto:t,custom:o,defaultRatio:a})=>({desktop:helpers$1.composeAspectRatio({device:"desktop",aspect:e,auto:t,custom:o})??a,tablet:helpers$1.composeAspectRatio({device:"tablet",aspect:e,auto:t,custom:o}),mobile:helpers$1.composeAspectRatio({device:"mobile",aspect:e,auto:t,custom:o})}),composeLabelPosition=({input:e,isHorizontal:t})=>{let{device:o,positionHoz:a,positionVer:i}=e,s=t?core.getResponsiveValueByScreen(a,o,"hoz-center"):core.getResponsiveValueByScreen(i,o,"ver-center"),r={topLeft:"50%",bottomRight:"auto"};return({"hoz-center":{topLeft:"50%",bottomRight:"auto"},top:{topLeft:"8px",bottomRight:"auto"},bottom:{topLeft:"auto",bottomRight:"8px"},"ver-center":{topLeft:"50%",bottomRight:"auto"},left:{topLeft:"8px",bottomRight:"auto"},right:{topLeft:"auto",bottomRight:"8px"}})[s]??r},getLabelPosition=({position:e,labelPositionHoz:t,labelPositionVer:o,isHorizontal:a})=>({desktop:composeLabelPosition({input:{device:"desktop",positionHoz:t,positionVer:o},isHorizontal:a})?.[e??"topLeft"],tablet:composeLabelPosition({input:{device:"tablet",positionHoz:t,positionVer:o},isHorizontal:a})?.[e??"topLeft"],mobile:composeLabelPosition({input:{device:"mobile",positionHoz:t,positionVer:o},isHorizontal:a})?.[e??"topLeft"]}),generateTranslateByDevices=({isHorizontal:e,labelPositionHoz:t,labelPositionVer:o})=>{let a=e?t:o,i={desktop:a?.desktop??"hoz-center",tablet:a?.tablet??a?.desktop??"hoz-center",mobile:a?.mobile??a?.tablet??a?.desktop??"hoz-center"},s={desktop:"translateX(0) translateY(0)",tablet:"translateX(0) translateY(0)",mobile:"translateX(0) translateY(0)"};for(let t in i){let o=i?.[t];o.includes("center")?s[t]=e?"translateX(0) translateY(-50%)":"translateX(-50%) translateY(0)":s[t]="translateX(0) translateY(0)"}return s},getSliderPositionPercentage=e=>{let t="string"==typeof e?parseInt(e??0):e;return(t??50)/100},FLEX_ALIGN={left:"start",center:"center",right:"end",justify:"start"},getData=e=>{let{handle:t=null,hover:o=!1,handleSize:a=40,leftImageAlt:i="",leftImageTitle:s="",leftImageCss:r={},leftImageLabel:l=null,rightImageAlt:n="",rightImageTitle:p="",rightImageCss:g={},rightImageLabel:c=null,sliderLineWidth:m=2,sliderLineColor:u="#ffffff",sliderPositionPercentage:d=.5,vertical:h=!1,componentUid:S="",styles:b={},leftImage:L,rightImage:f,enableLabel:y=!1,qualityType:R,qualityPercent:I}=e,v=!h,x=y&&!!l,C=y&&!!c,P=(L?.width??0)<(f?.width??0)?{...L}:{...f},A=e=>{let{isLiquid:t}=e??{};return t?helpers$1.getImageSrc(L):L?.src??""},$=e=>{let{isLiquid:t}=e??{};return t?helpers$1.getImageSrc(f):f?.src??""},{responsiveAspectRatio:D,defaultRatio:k}=getAspectRatioData({leftImage:L,rightImage:f,styles:b});return{styles:b,handle:t,hover:o,handleSize:a,leftImageAlt:i,leftImageTitle:s,leftImageCss:r,leftImageLabel:l,rightImageAlt:n,rightImageTitle:p,rightImageCss:g,rightImageLabel:c,sliderLineWidth:m,sliderLineColor:u,sliderPositionPercentage:d,vertical:h,componentUid:S,tempImage:P,aspectRatio:D,defaultRatio:k,isHorizontal:v,hasLeftLabel:x,hasRightLabel:C,qualityType:R,qualityPercent:I,getLeftImageSrc:A,getRightImageSrc:$}},getImageClipStyle=e=>{let{isHorizontal:t,containerWidth:o,containerHeight:a,sliderPosition:i,type:s}=e,r=t?o*i:a*i;return"left"===s?{clip:t?`rect(auto, ${r}px, auto, auto)`:`rect(auto, auto, ${r}px, auto)`}:{clip:t?`rect(auto, auto, auto, ${r}px)`:`rect(${r}px, auto, auto, auto)`}},getSliderPositionStyle=e=>{let{isHorizontal:t,containerWidth:o,containerHeight:a,sliderPosition:i,handleSize:s}=e,r=t?o*i:a*i,l=s/2;return{[t?"top":"left"]:0,[t?"left":"top"]:`${r-l}px`}},getLabelContainerStyles=e=>({...getImageClipStyle(e)}),getReactStyles=e=>({sliderPosition:getSliderPositionStyle(e),leftImageClip:getImageClipStyle({...e,type:"left"}),rightImageClip:getImageClipStyle({...e,type:"right"}),leftLabelContainer:getLabelContainerStyles({...e,type:"left"}),rightLabelContainer:getLabelContainerStyles({...e,type:"right"})}),getSettingTranslatedImageComparisonAndSeo=({setting:e,uid:t,pageContext:o})=>{if(!e)return;let a=core.cloneDeep(e);for(let e of["Left","Right"]){let i=`image${e}`,s=a[i];if(s?.src){let e=helpers.getDynamicSourceLocales({val:s.src,uid:t,settingId:translate.ImageComparison?.[i]?.id?`${translate.ImageComparison?.[i]?.id}_src`:"",pageContext:o});a[i].src=String(e)}let r=`alt${e}`,l=helpers.getDynamicSourceLocales({val:a[r],uid:t,settingId:helpers.createSettingId({id:translate.ImageComparison?.[r]?.id}),pageContext:o});a[r]=String(l);let n=`title${e}`,p=helpers.getDynamicSourceLocales({val:a[n],uid:t,settingId:helpers.createSettingId({id:translate.ImageComparison?.[n]?.id}),pageContext:o});a[n]=String(p)}return a};exports.FLEX_ALIGN=FLEX_ALIGN,exports.composeLabelPosition=composeLabelPosition,exports.composeResponsiveAspectRatio=composeResponsiveAspectRatio,exports.generateTranslateByDevices=generateTranslateByDevices,exports.getAspectRatioData=getAspectRatioData,exports.getData=getData,exports.getImageClipStyle=getImageClipStyle,exports.getLabelContainerStyles=getLabelContainerStyles,exports.getLabelPosition=getLabelPosition,exports.getReactStyles=getReactStyles,exports.getSettingTranslatedImageComparisonAndSeo=getSettingTranslatedImageComparisonAndSeo,exports.getSliderPositionPercentage=getSliderPositionPercentage,exports.getSliderPositionStyle=getSliderPositionStyle;

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

@@ -1,26 +1,26 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers$1=require("../../helpers.js"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),attrs=require("../common/attrs.js"),helpers=require("../common/helpers.js"),Label_liquid=require("./Label.liquid.js"),SlideHandle_liquid=require("./SlideHandle.liquid.js");const CompareImage=e=>{let{leftImage:t,rightImage:s,advanced:a,translate:l,builderData:r,pageContext:i,preload:y=!1,onSliderPositionChange:d}=e,{hover:m,styles:g,handle:c,handleSize:o,leftImageAlt:n,leftImageTitle:p,leftImageCss:S,leftImageLabel:u,rightImageAlt:h,rightImageTitle:L,rightImageCss:b,rightImageLabel:q,sliderLineWidth:$,sliderLineColor:f,sliderPositionPercentage:I,vertical:A,componentUid:C,tempImage:j,aspectRatio:_,defaultRatio:v,isHorizontal:w,hasLeftLabel:N,hasRightLabel:O,qualityType:x,qualityPercent:D,getLeftImageSrc:H,getRightImageSrc:P}=helpers.getData(e),W=H({isLiquid:!0}),z=P({isLiquid:!0}),E=system.createStyle({...styles.getOuterWrapperStyles(g)}),k=system.createStyle({...styles.getWrapperWidth({width:g?.width,leftImageWidth:t?.width,rightImageWidth:s?.width})}),F=system.createStyle({...styles.getContainerStyles({aspectRatio:_,builderData:r})}),G=system.createStyle({...styles.getLazyPlaceholderStyle(_)}),M=system.createStyle({...styles.getImageStyles({type:"right",props:e})}),R=system.createStyle({...styles.getImageStyles({type:"left",props:e})}),J=system.createStyle({...styles.getLabelStyles({styles:g,type:"left",isHorizontal:w})}),T=system.createStyle({...styles.getLabelStyles({styles:g,type:"right",isHorizontal:w})}),U=system.createStyle({...styles.getArrowStyles({type:"left"})}),V=system.createStyle({...styles.getArrowStyles({type:"right"})}),B=system.createStyle({...styles.getLineStyles({isHorizontal:w,sliderLineColor:f,sliderLineWidth:$})}),K=system.createStyle({...styles.getHandleStyles({handleSize:o,isHorizontal:w,sliderLineColor:f,sliderLineWidth:$})}),Q=system.createStyle({...styles.getHandleCustomStyles()}),X=system.createStyle({...styles.getSliderStyles({hover:m,handleSize:o,isHorizontal:w})}),Y=system.createClass({...classes.getOuterWrapperClasses(a?.cssClass)}),Z=system.createClass({...classes.getLabelClasses(g)}),ee=system.createClass({...classes.getLabelContainerClasses()}),et=attrs.getLabelAttrs({componentUid:C,positionId:"left",label:u??""}),es=attrs.getLabelAttrs({componentUid:C,positionId:"right",label:q??""}),ea=system.createAttr({...attrs.getImageLiquidAttrs({priority:y,src:z,title:L,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`right-image-${C}`})}),el=system.createAttr({...attrs.getImageLiquidAttrs({priority:y,src:W,title:p,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`left-image-${C}`})}),er=attrs.getLabelLiquidAttrs({translate:l,pageContext:i,translateLabel:"leftImageLabel"}),ei=attrs.getLabelLiquidAttrs({translate:l,pageContext:i,translateLabel:"rightImageLabel"}),ey=system.createAttr({...attrs.getImagePlaceholderAttrs({width:j?.width,height:j?.height})}),ed=system.createStateOrContext({hover:m,handle:c,vertical:A,leftImage:t,rightImage:s,handleSize:o,aspectRatio:_,defaultRatio:v,componentUid:C,leftImageCss:S,rightImageCss:b,sliderLineColor:f,sliderLineWidth:$,sliderPositionPercentage:I,onSliderPositionChange:d}),em=()=>core.template`
-      <img alt="" ${ey} style="${G}" />
-    `,eg=()=>NextImage_liquid.default({...ea,alt:h,style:M,setting:{qualityType:x,qualityPercent:D},enableLazyLoadImage:!y,isNotLazyload:y,customAttrs:{"data-testid":"right-image"}}),ec=()=>NextImage_liquid.default({...el,alt:n,style:R,setting:{qualityType:x,qualityPercent:D},enableLazyLoadImage:!y,isNotLazyload:y,customAttrs:{"data-testid":"left-image"}}),eo=()=>SlideHandle_liquid.default({componentUid:C,customHandle:c,lineStyles:B,sliderStyles:X,handleStyles:K,customHandleStyles:Q,leftArrowStyles:U,rightArrowStyles:V}),en=()=>Label_liquid.default({...et,...er,styles:g,childrenClass:Z,childrenStyle:J,containerClass:ee,containerStyle:{}}),ep=()=>Label_liquid.default({...es,...ei,styles:g,childrenClass:Z,childrenStyle:T,containerClass:ee,containerStyle:{}}),eS=()=>`${system.If(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-image-comparison-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-image-comparison-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`;return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers$1=require("../../helpers.js"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),attrs=require("../common/attrs.js"),helpers=require("../common/helpers.js"),Label_liquid=require("./Label.liquid.js"),SlideHandle_liquid=require("./SlideHandle.liquid.js");const CompareImage=e=>{let{leftImage:t,rightImage:s,advanced:a,builderData:l,pageContext:r,preload:i=!1,onSliderPositionChange:y}=e,{hover:d,styles:m,handle:g,handleSize:c,leftImageAlt:o,leftImageTitle:n,leftImageCss:p,leftImageLabel:S,rightImageAlt:u,rightImageTitle:h,rightImageCss:L,rightImageLabel:b,sliderLineWidth:q,sliderLineColor:$,sliderPositionPercentage:f,vertical:I,componentUid:A,tempImage:C,aspectRatio:j,defaultRatio:_,isHorizontal:v,hasLeftLabel:w,hasRightLabel:N,qualityType:O,qualityPercent:x,getLeftImageSrc:D,getRightImageSrc:H}=helpers.getData(e),P=D({isLiquid:!0}),W=H({isLiquid:!0}),z=system.createStyle({...styles.getOuterWrapperStyles(m)}),E=system.createStyle({...styles.getWrapperWidth({width:m?.width,leftImageWidth:t?.width,rightImageWidth:s?.width})}),k=system.createStyle({...styles.getContainerStyles({aspectRatio:j,builderData:l})}),F=system.createStyle({...styles.getLazyPlaceholderStyle(j)}),G=system.createStyle({...styles.getImageStyles({type:"right",props:e})}),M=system.createStyle({...styles.getImageStyles({type:"left",props:e})}),R=system.createStyle({...styles.getLabelStyles({styles:m,type:"left",isHorizontal:v})}),J=system.createStyle({...styles.getLabelStyles({styles:m,type:"right",isHorizontal:v})}),T=system.createStyle({...styles.getArrowStyles({type:"left"})}),U=system.createStyle({...styles.getArrowStyles({type:"right"})}),V=system.createStyle({...styles.getLineStyles({isHorizontal:v,sliderLineColor:$,sliderLineWidth:q})}),B=system.createStyle({...styles.getHandleStyles({handleSize:c,isHorizontal:v,sliderLineColor:$,sliderLineWidth:q})}),K=system.createStyle({...styles.getHandleCustomStyles()}),Q=system.createStyle({...styles.getSliderStyles({hover:d,handleSize:c,isHorizontal:v})}),X=system.createClass({...classes.getOuterWrapperClasses(a?.cssClass)}),Y=system.createClass({...classes.getLabelClasses(m)}),Z=system.createClass({...classes.getLabelContainerClasses()}),ee=attrs.getLabelAttrs({componentUid:A,positionId:"left",label:S??""}),et=attrs.getLabelAttrs({componentUid:A,positionId:"right",label:b??""}),es=system.createAttr({...attrs.getImageLiquidAttrs({priority:i,src:W,title:h,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`right-image-${A}`})}),ea=system.createAttr({...attrs.getImageLiquidAttrs({priority:i,src:P,title:n,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`left-image-${A}`})}),el=attrs.getLabelLiquidAttrs({pageContext:r,translateLabel:"leftImageLabel"}),er=attrs.getLabelLiquidAttrs({pageContext:r,translateLabel:"rightImageLabel"}),ei=system.createAttr({...attrs.getImagePlaceholderAttrs({width:C?.width,height:C?.height})}),ey=system.createStateOrContext({hover:d,handle:g,vertical:I,leftImage:t,rightImage:s,handleSize:c,aspectRatio:j,defaultRatio:_,componentUid:A,leftImageCss:p,rightImageCss:L,sliderLineColor:$,sliderLineWidth:q,sliderPositionPercentage:f,onSliderPositionChange:y}),ed=()=>core.template`
+      <img alt="" ${ei} style="${F}" />
+    `,em=()=>NextImage_liquid.default({...es,alt:u,style:G,setting:{qualityType:O,qualityPercent:x},enableLazyLoadImage:!i,isNotLazyload:i,customAttrs:{"data-testid":"right-image"}}),eg=()=>NextImage_liquid.default({...ea,alt:o,style:M,setting:{qualityType:O,qualityPercent:x},enableLazyLoadImage:!i,isNotLazyload:i,customAttrs:{"data-testid":"left-image"}}),ec=()=>SlideHandle_liquid.default({componentUid:A,customHandle:g,lineStyles:V,sliderStyles:Q,handleStyles:B,customHandleStyles:K,leftArrowStyles:T,rightArrowStyles:U}),eo=()=>Label_liquid.default({...ee,...el,styles:m,childrenClass:Y,childrenStyle:R,containerClass:Z,containerStyle:{}}),en=()=>Label_liquid.default({...et,...er,styles:m,childrenClass:Y,childrenStyle:J,containerClass:Z,containerStyle:{}}),ep=()=>`${system.If(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-image-comparison-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-image-comparison-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`;return core.template`
     <gp-image-comparison
-      data-id="${C}"
-      style="${E}"
-      class="${Y}"
-      gp-data='${JSON.stringify(ed)}'
+      data-id="${A}"
+      style="${z}"
+      class="${X}"
+      gp-data='${JSON.stringify(ey)}'
     >
-      <div id="img-comparison-wrapper-${C}" style="${k}">
+      <div id="img-comparison-wrapper-${A}" style="${E}">
         <div
-          id="img-comparison-container-${C}"
+          id="img-comparison-container-${A}"
           data-testid="container"
-          style="${F}"
+          style="${k}"
         >
+          ${ed()}
           ${em()}
           ${eg()}
           ${ec()}
-          ${eo()}
+          ${system.If(w,eo(),"")}
           ${system.If(N,en(),"")}
-          ${system.If(O,ep(),"")}
         </div>
       </div>
     </gp-image-comparison>
-    ${eS()}
+    ${ep()}
   `};exports.default=CompareImage;