@gem-sdk/components 19.0.0-staging.8 → 19.1.0-dev.0

package/dist/cjs/collection/components/collection-paginator/CollectionPaginator.liquid.js

@@ -1,7 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("./common/helpers.js"),l=require("./common/classes.js"),a=require("@gem-sdk/system");exports.default=({setting:r,builderProps:o,pageContext:i})=>{let{typographyPaginator:c,activeColor:p,align:g,typo:d,normalColor:n}=r??{},S=a.createStyle({...e.composeTypographyStyle(d,c)}),C=a.createStyle({normalColorClass:e.getGlobalColorClass("text",n),activeColorClass:e.getGlobalColorClass("text",p),normalColorStyle:e.getGlobalColorCSSProp(n)??"",activeColorStyle:e.getGlobalColorCSSProp(p)??""}),u=a.createClass({...l.customClass("",void 0,r)}),m={...C,customStyle:S,addedClass:u},y=s.renderPaginatorItem({setting:r,builderProps:o,pageContext:i},"liquid"),v=a.createClass({...l.getPaginatorWrapperClass()}),$=a.createClass({...l.getPaginatorClass()}),f=a.createStyle({...e.makeStyleResponsive("ta",g),...m.customStyle}),P=a.createStateOrContext({setting:r,styleSetting:m,uid:o?.uid});return e.template`
-    <gp-collection-paginator gp-data='${JSON.stringify(P).replaceAll("'","&#039;")}' id="${o?.uid}" >
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("./common/helpers.js"),l=require("./common/classes.js"),a=require("@gem-sdk/system");exports.default=({setting:r,builderProps:o,pageContext:i})=>{let{typographyPaginator:c,activeColor:p,align:n,typo:g,normalColor:d}=r??{},S=a.createStyle({...e.composeTypographyStyle(g,c)}),C=a.createStyle({normalColorClass:e.getGlobalColorClass("text",d),activeColorClass:e.getGlobalColorClass("text",p),normalColorStyle:e.getGlobalColorCSSProp(d)??"",activeColorStyle:e.getGlobalColorCSSProp(p)??""}),u=a.createClass({...l.customClass("",void 0,r)}),y={...C,customStyle:S,addedClass:u},m=s.renderPaginatorItem({setting:r,builderProps:o,pageContext:i},"liquid"),v=a.createClass({...l.getPaginatorWrapperClass()}),$=a.createClass({...l.getPaginatorClass()}),f=a.createStyle({...e.makeStyleResponsive("ta",n),...y.customStyle}),P=a.createStateOrContext({setting:r,styleSetting:y,uid:o?.uid});return e.template`
+    <gp-collection-paginator id="${o?.uid}">
+    <script gp-data type="application/json">${JSON.stringify(P).replaceAll("'","&#039;")}</script>
       <div class="${$}" style="${f}">
-        <div class="${v}">${y}</div>
+        <div class="${v}">${m}</div>
       </div>
     </gp-collection-paginator>
     ${e.RenderIf(e.isLocalEnv,`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-collection-paginator-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-collection-paginator-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}

package/dist/cjs/collection/components/collection-toolbar/CollectionToolbar.liquid.js

@@ -3,8 +3,8 @@
       class="${p}"
       style="${v}"
       id="${i?.uid}"
-      gp-data='${JSON.stringify(_)}'
     >
+      <script gp-data type="application/json">${JSON.stringify(_)}</script>
       <div class="${d}" style="${b}" >
         <div class="${u}">
           <select id="sorting" class="${g}" style="${$}" >

package/dist/cjs/countdown-timer/components/Countdown.liquid.js

@@ -1,30 +1,31 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../text/components/Text.liquid.js"),s=require("../../helpers.js"),a=require("@gem-sdk/system"),r=require("../common/attrs.js"),l=require("../common/styles.js"),i=require("../common/classes.js"),n=require("../settings/configs/translate.js");exports.default=c=>{let{setting:d,styles:o,builderProps:u,advanced:g,pageContext:p}=c,{labelTypo:y,numTypo:$,numTypography:f,labelTypography:m,enableLabelTextStyle:S}=o??{},{weekLabel:C,dayLabel:x,hourLabel:k,minuteLabel:v,secondLabel:I,enableWeek:b,enableDay:q,enableHour:w,enableMinute:L,enableSecond:h,redirectUrl:j,autoHideWhenTimeout:A}=d??{},P=!!j?.link,{urlData:T}=s.getInsertLinkData("",j),D=a.createStateOrContext({...d,...u}),E=a.createStyle({...l.getDateStyle(o)}),F=e=>a.createClass({...i.getDateClasses(e)}),N=a.createClass({...i.getTextFrontClasses(o)}),O=a.createStyle({...l.getTextFrontStyle(o)}),_=a.createStyle({...l.getTextBackStyle(o)}),R=e=>a.createClass({...i.getTextBackClasses(o,e)}),B=a.createAttr({...r.getAttr({uid:u?.uid||""})}),G=a.createAttr({...r.getAttrHref({uid:T.href||""})}),M=a.createStyle({...l.getWrapperStyle(o)}),V=a.createClass({...i.getWrapperClasses(g?.cssClass)}),W=a.createClass({...i.getContentClasses({isLiquid:!0,autoHideWhenTimeout:A})}),H=a.createStyle({...l.getContainStyle(o)}),J=(s,r,l)=>{let i=l&&l in n.Countdown?n.Countdown[l]?.id:void 0;return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../text/components/Text.liquid.js"),s=require("../../helpers.js"),a=require("@gem-sdk/system"),r=require("../common/attrs.js"),l=require("../common/styles.js"),i=require("../common/classes.js"),n=require("../settings/configs/translate.js");exports.default=c=>{let{setting:o,styles:d,builderProps:u,advanced:p,pageContext:g}=c,{labelTypo:y,numTypo:$,numTypography:f,labelTypography:m,enableLabelTextStyle:S}=d??{},{weekLabel:C,dayLabel:x,hourLabel:k,minuteLabel:v,secondLabel:I,enableWeek:b,enableDay:j,enableHour:q,enableMinute:w,enableSecond:L,redirectUrl:h,autoHideWhenTimeout:A}=o??{},P=!!h?.link,{urlData:T}=s.getInsertLinkData("",h),D=a.createStateOrContext({...o,...u}),E=a.createStyle({...l.getDateStyle(d)}),F=e=>a.createClass({...i.getDateClasses(e)}),N=a.createClass({...i.getTextFrontClasses(d)}),O=a.createStyle({...l.getTextFrontStyle(d)}),_=a.createStyle({...l.getTextBackStyle(d)}),R=e=>a.createClass({...i.getTextBackClasses(d,e)}),B=a.createAttr({...r.getAttr({uid:u?.uid||""})}),G=a.createAttr({...r.getAttrHref({uid:T.href||""})}),M=a.createStyle({...l.getWrapperStyle(d)}),V=a.createClass({...i.getWrapperClasses(p?.cssClass)}),W=a.createClass({...i.getContentClasses({isLiquid:!0,autoHideWhenTimeout:A})}),H=a.createStyle({...l.getContainStyle(d)}),J=(s,r,l)=>{let i=l&&l in n.Countdown?n.Countdown[l]?.id:void 0;return e.template`
     <div style="${E}" class="${F(r)}">
-    ${t.default({styles:{typography:f,typo:$},setting:{...d,text:"00",excludeFlex:!0,isForceValue:!0},style:O,className:N,builderAttrs:{id:s},builderProps:{...u,uid:u?.uid,uidInteraction:`${u?.uid}-text`}})}
+    ${t.default({styles:{typography:f,typo:$},setting:{...o,text:"00",excludeFlex:!0,isForceValue:!0},style:O,className:N,builderAttrs:{id:s},builderProps:{...u,uid:u?.uid,uidInteraction:`${u?.uid}-text`}})}
     ${a.If(!!S,e.template`
-         ${t.default({styles:{typography:m,typo:y},setting:{...d,text:r,excludeFlex:!0},translateSetting:i,style:_,className:R(r),builderProps:{...u,uid:u?.uid,uidInteraction:`${u?.uid}-text`},pageContext:p})}
+         ${t.default({styles:{typography:m,typo:y},setting:{...o,text:r,excludeFlex:!0},translateSetting:i,style:_,className:R(r),builderProps:{...u,uid:u?.uid,uidInteraction:`${u?.uid}-text`},pageContext:g})}
     `)}
     </div>
     `},U=a.createClass({...i.getLinkClasses()});return e.template`
     <gp-countdown-timer
-        ${{...B}}
-        ${{...G}}
-        class="${V}"
-        style="${M}"
-        gp-data='${JSON.stringify(D).replaceAll("'","&#039;")}'>
-        <div id="section-countdown" class="${W}" style="${H}">
+      ${{...B}}
+      ${{...G}}
+      class="${V}"
+      style="${M}"
+    >
+      <script gp-data type="application/json">${JSON.stringify(D).replaceAll("'","&#039;")}</script>
+      <div id="section-countdown" class="${W}" style="${H}">
         ${a.If(P,`<a
             href="${T.href}"
             target="${T?.target}"
             aria-label="Countdown link"
             class="${U}"
           > </a>`)}
-          ${a.If(b,J("week",C,"weekLabel"))}
-          ${a.If(q,J("day",x,"dayLabel"))}
-          ${a.If(w,J("hour",k,"hourLabel"))}
-          ${a.If(L,J("minute",v,"minuteLabel"))}
-          ${a.If(h,J("second",I,"secondLabel"))}
+        ${a.If(b,J("week",C,"weekLabel"))}
+        ${a.If(j,J("day",x,"dayLabel"))}
+        ${a.If(q,J("hour",k,"hourLabel"))}
+        ${a.If(w,J("minute",v,"minuteLabel"))}
+        ${a.If(L,J("second",I,"secondLabel"))}
       </div>
-     </gp-countdown-timer>
+    </gp-countdown-timer>
     ${e.RenderIf(e.isLocalEnv,`<script ${s.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-countdown-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${s.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-countdown-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};

package/dist/cjs/estimate-delivery/common/helpers.js

@@ -1 +1 @@
-"use strict";var e=require("../../text/components/TextInline.js"),t=require("../../helpers.js"),a=require("@gem-sdk/system"),r=require("./styles.js"),s=require("../settings/configs/translate.js");const u=e=>e?"number"==typeof e?e:Number(e.split("days")[0]):0,l=e=>{let t=new Date(Date.now()),a=u(e?.estimateTime),r=u(e?.minEstimate),s=u(e?.maxEstimate),l=e?.typeFormat==="Custom"?e?.customFormat:e?.typeFormat;if(!l)return"";if(e?.typeEstimate===o.SPECIFIC){let e=`${m(y(a),l)}`;return e}m(t);let n=`${m(y(r),l)} - ${m(y(s),l)}`;return n},n=e=>{switch(e?.htmlTag){case 1:return"h1";case 2:return"h2";case 3:return"h3";case 4:return"h4";case 5:return"h5";case 6:return"h6";default:return"div"}},i=({type:u,styles:n,setting:i,builderProps:o,pageContext:m})=>{let y="React"===u,d=a.createClass({"estimate-date-main":!0}),c=y||m?.isPreviewing?i?.customText:t.getDynamicSourceLocales({val:i?.customText,uid:o?.uid,settingId:t.createSettingId({id:s.EstimateDate?.customText?.id}),pageContext:m??{},isCapitalize:n?.typo?.attrs?.transform==="capitalize"}).toString();return`${i?.enableCustomText===!1?"":e.default({styles:r.getStyleEstimateDate(n,"typoCustom"),setting:{text:c},elementAttrs:{debugText:JSON.stringify({pageContext:m,setting:i,isReact:y,builderProps:o,textWithTranslate:c}).replaceAll("'","'")}})} ${e.default({styles:r.getStyleEstimateDate(n,"typoDate"),setting:{text:l(i)},className:d})}`},o={SPECIFIC:"specific",RANGE:"range"},m=(e,t="%B %d, %Y")=>{let a=e.getMonth()+1,r=e.getDate(),s=e.getFullYear(),u=[{type:"%a",value:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"][e.getDay()]},{type:"%A",value:["Sunday","Monday","Tueday","Wednesday","Thursday","Friday","Saturday"][e.getDay()]},{type:"%d",value:r.toString().padStart(2,"0")},{type:"%b",value:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][a-1]},{type:"%B",value:["January","February","March","April","May","June","July","August","September","October","November","December"][a-1]},{type:"%m",value:a.toString().padStart(2,"0")},{type:"%y",value:s.toString().slice(-2)},{type:"%Y",value:s},{type:"%sf",value:function(e){let t=Math.floor(e/10)%10,a=e%10;return 1===a&&1!==t?"st":2===a&&1!==t?"nd":3===a&&1!==t?"rd":"th"}(r)}];return u.forEach(e=>{t=t.replaceAll(e?.type,e?.value?.toString()||"")}),t},y=e=>{let t=new Date,a=new Date(t);return a.setDate(t.getDate()+Number(e)),a};exports.ESTIMATE_DAYS=o,exports.OUT_OF_STOCK={SHOW:"show",HIDE:"hide"},exports.getDayFormat=m,exports.getFutureDay=y,exports.getNewSetting=({type:e,styles:t,setting:a,builderProps:r,pageContext:s})=>{let u="React"===e,l=i({type:e,styles:t,setting:a,builderProps:r,pageContext:s});return{text:l,htmlTag:n(a),globalSize:a?.globalSize,background:a?.background,...!u&&{isForceValue:!0}}},exports.listFormatDate=()=>{let e=new Date(Date.now());return{FORMAT_1:{Label:m(e,"%b %d"),value:"%b %d"},FORMAT_2:{Label:m(e,"%b %d, %Y"),value:"%b %d, %Y"},FORMAT_3:{Label:m(e,"%a, %b %d"),value:"%a, %b %d"},FORMAT_4:{Label:m(e,"%d/%m/%Y"),value:"%d/%m/%Y"},FORMAT_5:{Label:m(e,"%Y/%m/%d"),value:"%Y/%m/%d"},FORMAT_6:{Label:"Custom"}}};
+"use strict";var e=require("../../text/components/TextInline.js"),t=require("../../helpers.js"),a=require("@gem-sdk/system"),r=require("./styles.js"),s=require("../settings/configs/translate.js");const u=e=>e?"number"==typeof e?e:Number(e.split("days")[0]):0,l=e=>{let t=new Date(Date.now()),a=u(e?.estimateTime),r=u(e?.minEstimate),s=u(e?.maxEstimate),l=e?.typeFormat==="Custom"?e?.customFormat:e?.typeFormat;if(!l)return"";if(e?.typeEstimate===o.SPECIFIC){let e=`${m(y(a),l)}`;return e}m(t);let n=`${m(y(r),l)} - ${m(y(s),l)}`;return n},n=e=>{switch(e?.htmlTag){case 1:return"h1";case 2:return"h2";case 3:return"h3";case 4:return"h4";case 5:return"h5";case 6:return"h6";default:return"div"}},i=({type:u,styles:n,setting:i,builderProps:o,pageContext:m})=>{let y="React"===u,d=a.createClass({"estimate-date-main":!0}),c=y||m?.isPreviewing?i?.customText:t.getDynamicSourceLocales({val:i?.customText,uid:o?.uid,settingId:t.createSettingId({id:s.EstimateDate?.customText?.id}),pageContext:m??{},isCapitalize:n?.typo?.attrs?.transform==="capitalize"}).toString();return`${i?.enableCustomText===!1?"":e.default({styles:r.getStyleEstimateDate(n,"typoCustom"),setting:{text:c},elementAttrs:{debugText:JSON.stringify({pageContext:m,setting:i,isReact:y,builderProps:o,textWithTranslate:c}).replaceAll("'","'")}})} ${e.default({styles:r.getStyleEstimateDate(n,"typoDate"),setting:{text:l(i)},className:d})}`},o={SPECIFIC:"specific",RANGE:"range"},m=(e,t="%B %d, %Y")=>{let a=e.getMonth()+1,r=e.getDate(),s=e.getFullYear(),u=[{type:"%a",value:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"][e.getDay()]},{type:"%A",value:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][e.getDay()]},{type:"%d",value:r.toString().padStart(2,"0")},{type:"%b",value:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][a-1]},{type:"%B",value:["January","February","March","April","May","June","July","August","September","October","November","December"][a-1]},{type:"%m",value:a.toString().padStart(2,"0")},{type:"%y",value:s.toString().slice(-2)},{type:"%Y",value:s},{type:"%sf",value:function(e){let t=Math.floor(e/10)%10,a=e%10;return 1===a&&1!==t?"st":2===a&&1!==t?"nd":3===a&&1!==t?"rd":"th"}(r)}];return u.forEach(e=>{t=t.replaceAll(e?.type,e?.value?.toString()||"")}),t},y=e=>{let t=new Date,a=new Date(t);return a.setDate(t.getDate()+Number(e)),a};exports.ESTIMATE_DAYS=o,exports.OUT_OF_STOCK={SHOW:"show",HIDE:"hide"},exports.getDayFormat=m,exports.getFutureDay=y,exports.getNewSetting=({type:e,styles:t,setting:a,builderProps:r,pageContext:s})=>{let u="React"===e,l=i({type:e,styles:t,setting:a,builderProps:r,pageContext:s});return{text:l,htmlTag:n(a),globalSize:a?.globalSize,background:a?.background,...!u&&{isForceValue:!0}}},exports.listFormatDate=()=>{let e=new Date(Date.now());return{FORMAT_1:{Label:m(e,"%b %d"),value:"%b %d"},FORMAT_2:{Label:m(e,"%b %d, %Y"),value:"%b %d, %Y"},FORMAT_3:{Label:m(e,"%a, %b %d"),value:"%a, %b %d"},FORMAT_4:{Label:m(e,"%d/%m/%Y"),value:"%d/%m/%Y"},FORMAT_5:{Label:m(e,"%Y/%m/%d"),value:"%Y/%m/%d"},FORMAT_6:{Label:"Custom"}}};

package/dist/cjs/grid/components/row/Row.liquid.js

@@ -1,15 +1,20 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),r=require("../../../helpers.js"),s=require("../../../video/components/HTML5Embed.liquid.js"),t=require("@gem-sdk/system"),a=require("../../../video/common/helpers.js"),i=require("../../../video/components/LiteYouTubeEmbed.liquid.js"),o=require("./common/attrs.js"),l=require("../../settings/configs/row/translate.js"),d=require("./common/classes.js"),n=require("./common/styles.js"),p=require("./common/helpers.js"),u=require("../../../hero-banner/common/helpers.js");exports.default=c=>{let{styles:g,setting:m,rawChildren:$,builderProps:f}=c,{isSection:y}=m??{},{background:k}=g??{},v=y?"section":"div",q=r.getBackgroundTranslated({background:k,uid:f?.uid,enableTranslate:!!l.Row?.background?.id,pageContext:c.pageContext??{}}),{stateData:b}=p.getData(c,q),{rowStyle:j,backgroundBoxStyle:h,embedVideoStyle:R,sectionStyle:w}=n.getRowStyle({rowProps:c,type:"Liquid",translatedBackground:q}),{rowAttr:I}=o.getAttr(c),{rowClass:C,backgroundBoxClass:S,backgroundBoxInnerClass:V,sectionClass:P,wrapperYoutubeClasses:E,iframeYoutubeClasses:L}=d.getClass(c),T=t.createClass({[C]:!0}),A=()=>{if(!p.checkHasBackgroundVideo(k))return;let r=u.getResponsiveSetting(k||{});if(p.isRenderHtmlVideo(k))return s.default({uid:f?.uid,muted:!0,loop:r.desktop?.loop,controls:!1,autoplay:!0,src:"",title:"Video",className:"gp-relative",style:R});if(p.isRenderYoutubeVideo(k)){let s=r?.desktop?.video??"",t=a.getYoutubeVideoId(s)||"",o=e.hasTranslatedLiquid(s),l=`&loop=false&playlist=${t}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return i.default({uid:f?.uid,id:t,autoplay:!0,title:"Video",translatedVideoUrl:o?s:"",controls:!1,params:l,adNetwork:!1,noCookie:!0,muted:!0,lazy:r?.desktop?.lazyLoad??!0,style:R,wrapperClass:E,iframeClass:L})}},_=e.template`
-    <gp-row gp-data='${b}' ${{...I}} class="${T}" style="${j()}">
-      ${t.If(!!A(),e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),r=require("../../../video/components/HTML5Embed.liquid.js"),s=require("@gem-sdk/system"),a=require("../../../video/common/helpers.js"),o=require("../../../video/components/LiteYouTubeEmbed.liquid.js"),i=require("./common/attrs.js"),l=require("../../settings/configs/row/translate.js"),d=require("./common/classes.js"),n=require("./common/styles.js"),p=require("./common/helpers.js"),u=require("../../../hero-banner/common/helpers.js");exports.default=c=>{let{styles:g,setting:m,rawChildren:$,builderProps:f}=c,{isSection:y}=m??{},{background:k}=g??{},v=y?"section":"div",j=t.getBackgroundTranslated({background:k,uid:f?.uid,enableTranslate:!!l.Row?.background?.id,pageContext:c.pageContext??{}}),{stateData:q}=p.getData(c,j),{rowStyle:b,backgroundBoxStyle:h,embedVideoStyle:R,sectionStyle:C}=n.getRowStyle({rowProps:c,type:"Liquid",translatedBackground:j}),{rowAttr:w}=i.getAttr(c),{rowClass:I,backgroundBoxClass:S,backgroundBoxInnerClass:V,sectionClass:x,wrapperYoutubeClasses:P,iframeYoutubeClasses:E}=d.getClass(c),L=s.createClass({[I]:!0}),T=()=>{if(!p.checkHasBackgroundVideo(k))return;let t=u.getResponsiveSetting(k||{});if(p.isRenderHtmlVideo(k))return r.default({uid:f?.uid,muted:!0,loop:t.desktop?.loop,controls:!1,autoplay:!0,src:"",title:"Video",className:"gp-relative",style:R,pageContext:c.pageContext});if(p.isRenderYoutubeVideo(k)){let r=t?.desktop?.video??"",s=a.getYoutubeVideoId(r)||"",i=e.hasTranslatedLiquid(r),l=`&loop=false&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return o.default({uid:f?.uid,id:s,autoplay:!0,title:"Video",translatedVideoUrl:i?r:"",controls:!1,params:l,adNetwork:!1,noCookie:!0,muted:!0,lazy:t?.desktop?.lazyLoad??!0,style:R,wrapperClass:P,iframeClass:E,pageContext:c.pageContext})}},A=e.template`
+    <gp-row
+      ${{...w}}
+      class="${L}"
+      style="${b()}"
+    >
+      <script gp-data type="application/json">${q}</script>
+      ${s.If(!!T(),e.template`
           <div class="${S}" style="${h}">
-            <div class="${V}">${A()}</div>
+            <div class="${V}">${T()}</div>
           </div>
         `)}
 
-      ${e.WrapRenderChildren({uid:f?.uid||"",customProps:$?.[0].customProps},$?.map(r=>{if(r)return e.RenderChildren({...r,order:m?.order,layout:m?.layout,justifyContent:m?.verticalAlign})}))}
+      ${e.WrapRenderChildren({uid:f?.uid||"",customProps:$?.[0].customProps},$?.map(t=>{if(t)return e.RenderChildren({...t,order:m?.order,layout:m?.layout,justifyContent:m?.verticalAlign})}))}
 
       ${(()=>{if(p.checkHasBackgroundVideo(k))return e.template`
-      ${e.RenderIf(e.isLocalEnv,`<script ${r.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-row-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${r.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-row-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+      ${e.RenderIf(e.isLocalEnv,`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-row-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-row-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
     `})()}
     </gp-row>
   `;return e.template`
@@ -17,12 +22,12 @@
 
     ${e.RenderIf(!!y,"{% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}")}
 
-    ${t.If(y,e.template`
+    ${s.If(y,e.template`
         <${v}
-          class="${P} ${y?r.getSettingPreloadData("gps-lazy"):""}"
-          style="${w}"
+          class="${x} ${y?t.getSettingPreloadData("gps-lazy"):""}"
+          style="${C}"
         >
-          ${_}
+          ${A}
         </${v}>
-      `,e.template`${_}`)}
+      `,e.template`${A}`)}
   `};

package/dist/cjs/hero-banner/common/classes.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),t=require("./helpers.js");function r(e){return e.split(" ").reduce((e,t)=>(e[t]=!0,e),{})}const o=e=>{let{overlayColor:r}=e??{},o=r?.hover||r?.normal;return o&&"transparent"!==o&&"0%"!=t.getOpacityHover(e)};exports.enableTransitionHover=o,exports.getAdaptiveClasses=()=>r("adaptive-hero-banner"),exports.getAdaptivePictureClasses=()=>r("gp-w-full gp-invisible -gp-z-1"),exports.getBackgroundClasses=(e,t)=>{let o="hero-banner-bg gp-hero-banner-image-background hero-banner-bg-parallax";return t&&(o+=" gp_lazybg"),e&&(o+=" gp-duration-[var(--duration)] group-hover/hero:gp-scale-[var(--scale)] gp-transition-transform"),r(o)},exports.getClasses=({setting:e,builderProps:o,advancedCssClass:l})=>{let g="gp-group/hero gp-flex gp-w-full gp-flex-col gp-self-center gp-transition-colors gp-duration-200 gp-ease-in-out";return l&&(g+=` ${l}`),{...o?.uid&&{[o.uid]:!0},...r(g),...t.getClassAlignBanner(t.getResponsiveSetting(e?.alignBanner||{}))}},exports.getContainBackgroundClasses=()=>r("gp-hero-banner-bg gp-absolute gp-overflow-hidden gp-w-full gp-h-full top-0 left-0"),exports.getContainerClasses=(e,o)=>({...r("gp-relative gp-flex gp-w-full gp-flex-col gp-items-center gp-overflow-hidden hero-banner-container"),...t.getClassContentPosition(t.getContentPosition(e?.layout,o?.contentPosition1Col,o?.contentPosition2Col)||{})}),exports.getHtml5VideoClasses=(e=!1)=>{let t="gp-relative gp-h-full";return e&&(t+=" gp-hidden"),r(t)},exports.getIframeYoutubeClasses=()=>r("gp-inset-0 gp-w-full gp-bg-black gp-h-full !gp-max-w-none"),exports.getLazyBackgroundClasses=e=>{let t="gp-absolute gp-top-0 gp-invisible gp-w-full gp_lazyload gp-h-full gp_lazyforbg";return"tablet"===e&&(t+=" gp_lazybg_tl"),"mobile"===e&&(t+=" gp_lazybg_mb"),r(t)},exports.getLinkClasses=()=>({...r("gp-cursor-pointer gp-h-full")}),exports.getOverlayClasses=l=>{let{overlayColor:g,hoverEffect:a}=l??{},{disableOpacity:n}=t.opacityEnabledData(l),s="gp-absolute gp-inset-0 gp-left-[var(--left)] gp-top-[var(--top)]";return o(l)&&(s+=" gp-transition-all gp-duration-300"),a&&(s+=" group-hover/hero:gp-bg-[color:var(--hvr-bgc,_var(--bgc))] group-hover/hero:gp-opacity-[var(--hvr-op,_var(--op))]"),e.getGlobalColorStateClass("bg",g,n,!a)&&(s+=` ${e.getGlobalColorStateClass("bg",g,n,!a)}`),r(s)},exports.getRowClasses=(e,o)=>{let{sizeSetting:l,background:g}=e??{},{verticalAlign:a}=o??{},n=t.getClassForContentByFitContent(l,g),s=t.getClassForStretchContent(a),p=t.getClassSpaceBetween(o?.layout||{},e?.contentPosition1Col||{}),i=t.getClassSpaceBetweenLeftRight(o?.layout||{}),u=`gp-hero-banner-row ${n}  ${s}`;return{...r(u),...p,...i}},exports.getWrapperYoutubeClasses=e=>{let t="gp-h-full gp-w-full !gp-max-w-none gp-pointer-events-none";return e&&(t+=" gp-pb-[56.25%]"),r(t)};
+"use strict";var e=require("@gem-sdk/core"),t=require("./helpers.js");function r(e){return e.split(" ").reduce((e,t)=>(e[t]=!0,e),{})}const o=e=>{let{overlayColor:r}=e??{},o=r?.hover||r?.normal;return o&&"transparent"!==o&&"0%"!=t.getOpacityHover(e)};exports.enableTransitionHover=o,exports.getAdaptiveClasses=()=>r("adaptive-hero-banner"),exports.getAdaptivePictureClasses=()=>r("gp-w-full gp-invisible -gp-z-1"),exports.getBackgroundClasses=(e,t)=>{let o="hero-banner-bg gp-hero-banner-image-background hero-banner-bg-parallax";return t&&(o+=" gp_lazybg"),e&&(o+=" gp-duration-[var(--duration)] group-hover/hero:gp-scale-[var(--scale)] gp-transition-transform"),r(o)},exports.getClasses=({setting:e,builderProps:o,advancedCssClass:l})=>{let g="gp-group/hero gp-flex gp-w-full gp-flex-col gp-self-center gp-transition-colors gp-duration-200 gp-ease-in-out";return l&&(g+=` ${l}`),{...o?.uid&&{[o.uid]:!0},...r(g),...t.getClassAlignBanner(t.getResponsiveSetting(e?.alignBanner||{}))}},exports.getContainBackgroundClasses=()=>r("gp-hero-banner-bg gp-absolute gp-overflow-hidden gp-w-full gp-h-full top-0 left-0"),exports.getContainerClasses=(e,o)=>({...r("gp-relative gp-flex gp-w-full gp-flex-col gp-items-center gp-overflow-hidden hero-banner-container"),...t.getClassContentPosition(t.getContentPosition(e?.layout,o?.contentPosition1Col,o?.contentPosition2Col)||{})}),exports.getHtml5VideoClasses=(e=!1)=>{let t="gp-relative gp-h-full";return e&&(t+=" gp-hidden"),r(t)},exports.getIframeYoutubeClasses=()=>r("gp-inset-0 gp-w-full gp-bg-black gp-h-full !gp-max-w-none"),exports.getLazyBackgroundClasses=e=>{let t="gp-absolute gp-top-0 gp-invisible gp-w-full gp-h-full gp_lazyforbg";return"tablet"===e&&(t+=" gp_lazybg_tl"),"mobile"===e&&(t+=" gp_lazybg_mb"),r(t)},exports.getLinkClasses=()=>({...r("gp-cursor-pointer gp-h-full")}),exports.getOverlayClasses=l=>{let{overlayColor:g,hoverEffect:n}=l??{},{disableOpacity:a}=t.opacityEnabledData(l),s="gp-absolute gp-inset-0 gp-left-[var(--left)] gp-top-[var(--top)]";return o(l)&&(s+=" gp-transition-all gp-duration-300"),n&&(s+=" group-hover/hero:gp-bg-[color:var(--hvr-bgc,_var(--bgc))] group-hover/hero:gp-opacity-[var(--hvr-op,_var(--op))]"),e.getGlobalColorStateClass("bg",g,a,!n)&&(s+=` ${e.getGlobalColorStateClass("bg",g,a,!n)}`),r(s)},exports.getRowClasses=(e,o)=>{let{sizeSetting:l,background:g}=e??{},{verticalAlign:n}=o??{},a=t.getClassForContentByFitContent(l,g),s=t.getClassForStretchContent(n),p=t.getClassSpaceBetween(o?.layout||{},e?.contentPosition1Col||{}),i=t.getClassSpaceBetweenLeftRight(o?.layout||{}),u=`gp-hero-banner-row ${a}  ${s}`;return{...r(u),...p,...i}},exports.getWrapperYoutubeClasses=e=>{let t="gp-h-full gp-w-full !gp-max-w-none gp-pointer-events-none";return e&&(t+=" gp-pb-[56.25%]"),r(t)};

package/dist/cjs/hero-banner/common/helpers.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),t=require("../../image/common/helpers.js"),o=require("../../constant.js"),r=require("./const.js");const l=(t,o,r)=>{let l={};return e.DEVICES.map(i=>{let s=e.getResponsiveValueByScreen(t,i),a=e.getResponsiveValueByScreen(o,i),n=e.getResponsiveValueByScreen(r,i);l={...l,[i]:1>=(s?.cols?.length||1)?a:n}}),l},i=e=>{if(!e)return{};let t={desktop:e?.desktop?.image,tablet:e?.tablet?.image,mobile:e?.mobile?.image};return t},s=e=>{let o=i(e);return{desktop:t.createBlurDataURL(o?.desktop?.width??0,o?.desktop?.height??0),tablet:t.createBlurDataURL(o?.tablet?.width??o?.desktop?.width??0,o?.tablet?.height??o?.desktop?.width??0),mobile:t.createBlurDataURL(o?.mobile?.width??o?.tablet?.width??o?.desktop?.width??0,o?.mobile?.height??o?.tablet?.height??o?.desktop?.width??0)}},a=(o,r,l,a)=>{if(!o)return"";let n=i(o),p=e.getResponsiveValueByScreen(o,r),b=l?`url(${s(o)[r]})`:`url(${t.getImageSrc(e.getResponsiveValueByScreen(n,r),r,a)})`,g=p?.color?`, ${p.color}`:"";return p?.color?.includes(e.GRADIENT_BGR_KEY)&&p?.type==="image"?`${b}${g}`:p?.color?.includes(e.GRADIENT_BGR_KEY)&&p?.type!=="image"?`${p.color}`:p?.type==="image"?b:"url()"},n=(e,t)=>{switch(e){case"desktop":if(t?.desktop?.type==="video")return{device:"desktop",data:t.desktop};break;case"tablet":if(t?.tablet?.type==="video")return{device:"tablet",data:t.tablet};if(!t?.tablet&&t?.desktop?.type==="video")return{device:"desktop",data:t.desktop};break;case"mobile":if(t?.mobile?.type==="video")return{device:"mobile",data:t.mobile};if(!t?.mobile&&t?.tablet?.type==="video")return{device:"tablet",data:t.tablet};if(!t?.mobile&&!t?.tablet?.type&&t?.desktop?.type==="video")return{device:"desktop",data:t.desktop}}},p=(e,t)=>{if(!e)return t;let o=e?.shapeVideo;return"custom"===o?e?.shapeValue||t:void 0!==o?o:e?.shapeValue??t},b=({shapeByDevice:e,fallbackRatio:t,device:o,currentResult:r})=>{let l=p(e,t);return l?{...r,[o]:l}:r},g=e=>{let t={};for(let o in e)"top"===e[o]?t[o]="start":"bottom"===e[o]?t[o]="end":t[o]="center";return t},c=(e,t)=>{if(!e)return;if(!t)return e.shapeValue;let o=e.shapeVideo;return"custom"===o?e.shapeValue:o},u=(t,o)=>{let r=!1,l=e.DEVICES.reduce((l,i)=>{let s=e.getResponsiveValueByScreen(t,i),a=e.getResponsiveValueByScreen(o,i),n=c(s,a?.type==="video");return n&&(l[i]=n,r=!0),l},{});return{aspectRatio:r?l:void 0}},d=(t,o,r)=>e.DEVICES.reduce((l,i)=>{let s=e.getValueByDevice(t,i),a=s?.type==="video"?s?.videoType:void 0,n=e.getValueByDevice(o,i),p=r?.[i];return p&&"youtube"===a&&"cover"!==n&&(l[i]=p),l},{}),m=({enableParallax:e=!1,attachment:t="scroll"})=>!!e||"fixed"===t,y=(t,o)=>{let r={};return["desktop","mobile","tablet"].forEach(l=>{let i=e.getResponsiveValueByScreen(t,l),s=i?.type==="image"&&o,a=m({enableParallax:s,attachment:t[l]?.attachment});r={...r,[l]:s?"150%":a?"100vh":"100%"}}),e.makeStyleResponsive("h",r)},h=(t,o)=>{let r={};return["desktop","mobile","tablet"].forEach(l=>{let i=e.getResponsiveValueByScreen(t,l),s=i?.type==="image"&&o,a=m({enableParallax:s,attachment:t[l]?.attachment});r={...r,[l]:a?"100vw":"100%"}}),e.makeStyleResponsive("w",r)},f=t=>{let o={};return["desktop","mobile","tablet"].forEach(e=>{o={...o,[e]:t[e]?.attachment==="fixed"?"0px":""}}),e.makeStyleResponsive("top",o)},I=(e,t=0,o=0)=>{let r=t,l=t;if(t>o?r=o:l=o,e>=999){let t=e-r;return t>0?t:0}let i=e-l;return i>0?i:0},v=({device:e,settingLayoutRes:t,contentPosition1ColRes:o})=>{let r=t[e]?.cols??[],l=r.length<=1,i=o[e];if(l&&i)return["space-between","top","center","bottom"].includes(i)?i:void 0},k=e=>{let t=e.desktop,o=e.tablet?e.tablet:t,r=e.mobile?e.mobile:o;return{desktop:t,tablet:o,mobile:r}},S=(t,o)=>{if(!t||!o)return 16/9;let r=e.getResponsiveValueByScreen(t,o),l=r?.videoCustomRatio;if(l?.width&&l?.height){let e=Number(l.width),t=Number(l.height);if(e>0&&t>0)return e/t}return 16/9},x=e=>{switch(e){case"top":default:return{top:"0%",transform:`translate(-50%, 0%) scale(${r.VIDEO_IFRAME_SCALE})`};case"bottom":return{top:"100%",transform:`translate(-50%, -100%) scale(${r.VIDEO_IFRAME_SCALE})`};case"center":return{top:"50%",transform:`translate(-50%, -50%) scale(${r.VIDEO_IFRAME_SCALE})`}}};exports.collectAspectRatioByDevice=u,exports.collectYoutubeAspectRatio=d,exports.debounce=function(e,t){let o;return function(...r){clearTimeout(o),o=setTimeout(()=>e.apply(this,r),t)}},exports.fallbackImg="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJnLTE5MjAtOTAwIj4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjIwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjUwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjcwJSIgLz4KICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxyZWN0IHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjkwMCIgZmlsbD0icmdiYSg1MSwgNTEsIDUxLCAwKSIgLz4KICAgIDxyZWN0IGlkPSJyIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZy0xOTIwLTkwMCkiIC8+CiAgICA8YW5pbWF0ZSB4bGluazpocmVmPSIjciIgYXR0cmlidXRlTmFtZT0ieCIgZnJvbT0iLTE5MjAiIHRvPSIxOTIwIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgIC8+CiAgPC9zdmc+",exports.formatHoverScale=e=>e?String(e).includes("%")?`${e}`:`${e}%`:"100%",exports.getAspectRatio=(e,t)=>{let{aspectRatio:o}=u(e,t);return o},exports.getAttachmentDevice=e=>{let t={};return["desktop","mobile","tablet"].forEach(o=>{let r=e?.[o]?.attachment;t={...t,[o]:"fixed"===r?"fixed":"absolute"}}),t},exports.getBackgroundImageHeroBanner=(t,o=!1,r=!1)=>{if(!t)return;let l={};return e.DEVICES.forEach(e=>{l={...l,[e]:a(t,e,o,r)}}),e.makeStyleResponsive("bgi",l)},exports.getBannerLink=e=>{let t=e?.link;return t?.type==="go-to-sales-page"?{type:"go-to-sales-page",link:o.HREF_TO_SALES_PAGE,target:"_self"}:t},exports.getBgImage=i,exports.getClassAlignBanner=e=>({"!gp-self-start":"left"===e.desktop,"!gp-self-center":"center"===e.desktop,"!gp-self-end":"right"===e.desktop,"tablet:!gp-self-start":"left"===e.tablet,"tablet:!gp-self-center":"center"===e.tablet,"tablet:!gp-self-end":"right"===e.tablet,"mobile:!gp-self-start":"left"===e.mobile,"mobile:!gp-self-center":"center"===e.mobile,"mobile:!gp-self-end":"right"===e.mobile}),exports.getClassContentPosition=e=>{let t={center:"center",top:"start",bottom:"end","space-between":"between"},o=e.desktop||"center",r=e.tablet||o,l=e.mobile||r;return{[`gp-justify-${t[o]}`]:!0,[`tablet:gp-justify-${t[r]}`]:!0,[`mobile:gp-justify-${t[l]}`]:!0}},exports.getClassForContentByFitContent=(t,o)=>{let r={desktop:!1,tablet:!1,mobile:!1};return["desktop","mobile","tablet"].forEach(l=>{let i=e.getResponsiveValueByScreen(t,l),s=!!n(l,o),a=i?.shape,p=i?.height;r={...r,[l]:"original"===a&&"fit-content"!==p&&!s}}),e.cls(r.desktop?"!gp-absolute":"",r.tablet?"tablet:!gp-absolute":"tablet:!gp-relative",r.mobile?"mobile:!gp-absolute":"mobile:!gp-relative")},exports.getClassForStretchContent=t=>{let o={desktop:"none",tablet:"none",mobile:"none"};return["desktop","mobile","tablet"].forEach(r=>{let l=e.getResponsiveValueByScreen(t,r);o={...o,[r]:l}}),e.cls("space-between"===o.desktop?"[&>*>*]:!gp-justify-between":"","space-between"===o.tablet?"tablet:[&>*>*]:!gp-justify-between ":`tablet:[&>*>*]:!gp-justify-${t?.tablet}`,"space-between"===o.mobile?"mobile:[&>*>*]:!gp-justify-between ":`mobile:[&>*>*]:!gp-justify-${t?.mobile}`)},exports.getClassSpaceBetween=(t,o)=>{let r=k(t),l=k(o),i={desktop:v({device:"desktop",settingLayoutRes:r,contentPosition1ColRes:l}),tablet:v({device:"tablet",settingLayoutRes:r,contentPosition1ColRes:l}),mobile:v({device:"mobile",settingLayoutRes:r,contentPosition1ColRes:l})},s={"space-between":{desktop:"!gp-h-full !gp-content-stretch [&>*]:!gp-justify-between [&>*:nth-child(2)]:gp-absolute [&>*:nth-child(2)]:gp-hidden",tablet:"tablet:!gp-h-full tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-between tablet:[&>*:nth-child(2)]:gp-absolute tablet:[&>*:nth-child(2)]:gp-hidden",mobile:"mobile:!gp-h-full mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-between mobile:[&>*:nth-child(2)]:gp-absolute  mobile:[&>*:nth-child(2)]:gp-hidden"},top:{desktop:"!gp-content-stretch [&>*]:!gp-justify-start",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-start",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-start"},center:{desktop:"!gp-content-stretch [&>*]:!gp-justify-center",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-center",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-center"},bottom:{desktop:"!gp-content-stretch [&>*]:!gp-justify-end",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-end",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-end"}},a={};return e.DEVICES.forEach(e=>{let t=i[e],o=s?.[t]?.[e];a[o]=!0}),a},exports.getClassSpaceBetweenLeftRight=e=>{let t=k(e),o=t?.desktop?.type=="left-distributed"||t?.desktop?.type=="right-distributed",r=t?.tablet?.type=="left-distributed"||t?.tablet?.type=="right-distributed",l=t?.mobile?.type=="left-distributed"||t?.mobile?.type=="right-distributed";return{"gp-h-full tablet:gp-h-auto mobile:gp-h-auto [&>*]:!gp-justify-between":o,"tablet:!gp-h-full tablet:[&>*]:!gp-justify-between mobile:gp-h-auto":r,"mobile:!gp-h-full mobile:[&>*]:!gp-justify-between":l,"mobile:!gp-h-auto":!l}},exports.getClipPath=(e,t)=>{if(!t)return`${r.DEFAULT_CLIP_PATH}`;let[o,l,i,s]=(e??"0 0 0 0").split(" ").map(e=>parseInt(e??"0")||0),{btlr:a,btrr:n,bbrr:p,bblr:b}=t,g=I(parseInt(a??"0")||0,o,s),c=I(parseInt(n??"0")||0,o,l),u=I(parseInt(p??"0")||0,l,i),d=I(parseInt(b??"0")||0,i,s);return[g,c,u,d].every(e=>0===e)?`${r.DEFAULT_CLIP_PATH}`:`inset(0 0 0 round ${g}px ${c}px ${u}px ${d}px)`},exports.getContainerRatio=e=>{if(!e)return 0;let{width:t,height:o}=e.getBoundingClientRect();return t&&o?t/o:0},exports.getContentPosition=l,exports.getDataVideoHeroBannerResponsive=n,exports.getDisplayStyleByFitContent=(t,o)=>{let r={desktop:"none",tablet:"none",mobile:"none"};return["desktop","mobile","tablet"].forEach(l=>{let i=e.getResponsiveValueByScreen(t,l),s=!!n(l,o),a=i?.shape,p=i?.height;r={...r,[l]:"original"!==a||"fit-content"===p||s?"none":"block"}}),e.makeStyleResponsive("d",r)},exports.getEnableBgImageByDevice=(t,o)=>{if(!e.getResponsiveValueByScreen(i(o),t))return!1;if(!o?.[t]){if("mobile"===t)return o?.tablet?.type==="image"||o?.desktop?.type==="image"&&!o?.tablet;if("tablet"===t)return o?.desktop?.type==="image"}return o?.[t]?.type==="image"},exports.getOpacityHover=e=>{let{overlayOpacity:t}=e??{},o="number"!=typeof t?.hover||isNaN(t?.hover)?"string"==typeof t?.hover?`${parseInt(t?.hover)}%`:"":`${t?.hover}%`,r="number"!=typeof t?.normal||isNaN(t?.normal)?"string"==typeof t?.normal?`${parseInt(t?.normal)}%`:"0%":`${t?.normal}%`;return o||r},exports.getPercentageVisible=(e,t)=>{let{top:o,height:r}=e,l=-r;return o<l?0:o>t?100:Math.min(Math.max((o-l)/(t-l)*100,0),100)},exports.getResponsiveSetting=k,exports.getStyleAspectRatioHeroBannerCustom=(t,o)=>{let r=e.getAspectRatioGlobalSize(o);return["desktop","mobile","tablet"].forEach(l=>{let i=e.getResponsiveValueByScreen(o,l),s=!!n(l,t);s&&(r=b({shapeByDevice:i,fallbackRatio:"auto",device:l,currentResult:r}))}),e.makeStyleResponsive("aspect",r)},exports.getStyleHeroBannerBg=(e,t)=>{let o=y(e,t),r=h(e,t),l=f(e);return{...o,...r,...l}},exports.getVideoAspectRatio=S,exports.getVisibilityStyle=e=>e?Object.keys(e).filter(e=>["--d","--d-tablet","--d-mobile"].includes(e)).reduce((t,o)=>({...t,[o]:e?.[o]!=="none"?"flex":e?.[o]}),{}):{},exports.getWidth=e=>{let t={};return["desktop","mobile","tablet"].forEach(o=>{let r=e?.[o];r&&(t={...t,[o]:"default"===r?"var(--g-ct-w, 1200px)":r})}),t},exports.getYoutubeAspectRatio=(e,t,o)=>{let r=d(e,t,o);return Object.keys(r).length?r:void 0},exports.horizontalAlign=(e,t,o)=>g(l(e,t,o)),exports.imagePlaceholder=s,exports.isScaleImage=m,exports.mapContentPositionToHorizontal=g,exports.opacityEnabledData=e=>{let{overlayColor:t,overlayOpacity:o}=e??{},r=!t?.normal||o?.normal=="0%"||!o?.normal;return{disableOpacity:r}},exports.resetVideoIframeStyle=e=>{e&&(e.style.removeProperty("width"),e.style.removeProperty("height"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("transform"),e.style.removeProperty("position"))},exports.resetVideoWrapperStyle=e=>{e.style.removeProperty("position"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("width"),e.style.removeProperty("height")},exports.scrollToContentBanner=e=>e?.target?.closest("div.gp-hero-banner-row")?.scrollTo(0,0),exports.setVideoIframeAlign=(e,t)=>{if(!e)return;let o=x(t);e.style.top=o.top,e.style.transform=o.transform},exports.setVideoWrapperStyle=e=>{Object.assign(e.style,{position:"absolute",top:"0",left:"0",width:"100%",height:"100%"})},exports.showVideoType=t=>e.DEVICES.some(o=>{let r=e.getValueByDevice(t,o);return r?.type!=="color"&&r?.type!=="image"&&!!r&&(r?.videoType==="html5"&&r?.videoHtml5||r?.videoType==="youtube"&&r?.video)}),exports.updateVideoIframeSize=({iframeEl:t,containerRatio:o,videoObjectFit:l,background:i,currentDevice:s,isYoutubeVideoMigrated:a})=>{let n,p;let b=S(i,s),g=e.getResponsiveValueByScreen(i,s);if(!t||!o)return;let c=g?.videoAlign||"top",u=x(c);if("contain"===l){Object.assign(t.style,{position:"absolute",top:"50%",left:"50%",width:"100%",height:"100%",maxWidth:"none",transform:`translate(-50%, -50%) scale(${r.VIDEO_IFRAME_SCALE})`});return}o>=b?(n=100,p=o/b*100):(p=100,n=b/o*100),Object.assign(t.style,{position:"absolute",top:u.top,left:"50%",width:a?"500%":`${n}%`,height:a?"100%":`${p}%`,maxWidth:"none",transform:u.transform})};
+"use strict";var e=require("@gem-sdk/core"),t=require("../../image/common/helpers.js"),o=require("../../constant.js"),r=require("./const.js");const l=(t,o,r)=>{let l={};return e.DEVICES.map(i=>{let s=e.getResponsiveValueByScreen(t,i),a=e.getResponsiveValueByScreen(o,i),n=e.getResponsiveValueByScreen(r,i);l={...l,[i]:1>=(s?.cols?.length||1)?a:n}}),l},i=e=>{if(!e)return{};let t={desktop:e?.desktop?.image,tablet:e?.tablet?.image,mobile:e?.mobile?.image};return t},s=e=>{let o=i(e);return{desktop:t.createBlurDataURL(o?.desktop?.width??0,o?.desktop?.height??0),tablet:t.createBlurDataURL(o?.tablet?.width??o?.desktop?.width??0,o?.tablet?.height??o?.desktop?.width??0),mobile:t.createBlurDataURL(o?.mobile?.width??o?.tablet?.width??o?.desktop?.width??0,o?.mobile?.height??o?.tablet?.height??o?.desktop?.width??0)}},a=(o,r,l,a)=>{if(!o)return"";let n=i(o),p=e.getResponsiveValueByScreen(o,r),b=l?`url(${s(o)[r]})`:`url(${t.getImageSrc(e.getResponsiveValueByScreen(n,r),r,a)})`,g=p?.color?`, ${p.color}`:"";return p?.color?.includes(e.GRADIENT_BGR_KEY)&&p?.type==="image"?`${b}${g}`:p?.color?.includes(e.GRADIENT_BGR_KEY)&&p?.type!=="image"?`${p.color}`:p?.type==="image"?b:"url()"},n=(e,t)=>{switch(e){case"desktop":if(t?.desktop?.type==="video")return{device:"desktop",data:t.desktop};break;case"tablet":if(t?.tablet?.type==="video")return{device:"tablet",data:t.tablet};if(!t?.tablet&&t?.desktop?.type==="video")return{device:"desktop",data:t.desktop};break;case"mobile":if(t?.mobile?.type==="video")return{device:"mobile",data:t.mobile};if(!t?.mobile&&t?.tablet?.type==="video")return{device:"tablet",data:t.tablet};if(!t?.mobile&&!t?.tablet?.type&&t?.desktop?.type==="video")return{device:"desktop",data:t.desktop}}},p=(e,t)=>{if(!e)return t;let o=e?.shapeVideo;return"custom"===o?e?.shapeValue||t:void 0!==o?o:e?.shapeValue??t},b=({shapeByDevice:e,fallbackRatio:t,device:o,currentResult:r})=>{let l=p(e,t);return l?{...r,[o]:l}:r},g=e=>{let t={};for(let o in e)"top"===e[o]?t[o]="start":"bottom"===e[o]?t[o]="end":t[o]="center";return t},c=(e,t)=>{if(!e)return;if(!t)return e.shapeValue;let o=e.shapeVideo;return"custom"===o?e.shapeValue:o},u=(t,o)=>{let r=!1,l=e.DEVICES.reduce((l,i)=>{let s=e.getResponsiveValueByScreen(t,i),a=e.getResponsiveValueByScreen(o,i),n=c(s,a?.type==="video");return n&&(l[i]=n,r=!0),l},{});return{aspectRatio:r?l:void 0}},d=(t,o,r)=>e.DEVICES.reduce((l,i)=>{let s=e.getValueByDevice(t,i),a=s?.type==="video"?s?.videoType:void 0,n=e.getValueByDevice(o,i),p=r?.[i];return p&&"youtube"===a&&"cover"!==n&&(l[i]=p),l},{}),m=({enableParallax:e=!1,attachment:t="scroll"})=>!!e||"fixed"===t,y=(t,o)=>{let r={};return["desktop","mobile","tablet"].forEach(l=>{let i=e.getResponsiveValueByScreen(t,l),s=i?.type==="image"&&o,a=m({enableParallax:s,attachment:t[l]?.attachment});r={...r,[l]:s?"150%":a?"100vh":"100%"}}),e.makeStyleResponsive("h",r)},h=(t,o)=>{let r={};return["desktop","mobile","tablet"].forEach(l=>{let i=e.getResponsiveValueByScreen(t,l),s=i?.type==="image"&&o,a=m({enableParallax:s,attachment:t[l]?.attachment});r={...r,[l]:a?"100vw":"100%"}}),e.makeStyleResponsive("w",r)},f=t=>{let o={};return["desktop","mobile","tablet"].forEach(e=>{o={...o,[e]:t[e]?.attachment==="fixed"?"0px":""}}),e.makeStyleResponsive("top",o)},I=(e,t=0,o=0)=>{let r=t,l=t;if(t>o?r=o:l=o,e>=999){let t=e-r;return t>0?t:0}let i=e-l;return i>0?i:0},v=({device:e,settingLayoutRes:t,contentPosition1ColRes:o})=>{let r=t[e]?.cols??[],l=r.length<=1,i=o[e];if(l&&i)return["space-between","top","center","bottom"].includes(i)?i:void 0},k=e=>{let t=e.desktop,o=e.tablet?e.tablet:t,r=e.mobile?e.mobile:o;return{desktop:t,tablet:o,mobile:r}},S=(t,o)=>{if(!t||!o)return 16/9;let r=e.getResponsiveValueByScreen(t,o),l=r?.videoCustomRatio;if(l?.width&&l?.height){let e=Number(l.width),t=Number(l.height);if(e>0&&t>0)return e/t}return 16/9},x=e=>{switch(e){case"top":default:return{top:"0%",transform:`translate(-50%, 0%) scale(${r.VIDEO_IFRAME_SCALE})`};case"bottom":return{top:"100%",transform:`translate(-50%, -100%) scale(${r.VIDEO_IFRAME_SCALE})`};case"center":return{top:"50%",transform:`translate(-50%, -50%) scale(${r.VIDEO_IFRAME_SCALE})`}}};exports.collectAspectRatioByDevice=u,exports.collectYoutubeAspectRatio=d,exports.debounce=function(e,t){let o;return function(...r){clearTimeout(o),o=setTimeout(()=>e.apply(this,r),t)}},exports.fallbackImg="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJnLTE5MjAtOTAwIj4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjIwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjUwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjcwJSIgLz4KICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxyZWN0IHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjkwMCIgZmlsbD0icmdiYSg1MSwgNTEsIDUxLCAwKSIgLz4KICAgIDxyZWN0IGlkPSJyIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZy0xOTIwLTkwMCkiIC8+CiAgICA8YW5pbWF0ZSB4bGluazpocmVmPSIjciIgYXR0cmlidXRlTmFtZT0ieCIgZnJvbT0iLTE5MjAiIHRvPSIxOTIwIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgIC8+CiAgPC9zdmc+",exports.formatHoverScale=e=>e?String(e).includes("%")?`${e}`:`${e}%`:"100%",exports.getAspectRatio=(e,t)=>{let{aspectRatio:o}=u(e,t);return o},exports.getAttachmentDevice=e=>{let t={};return["desktop","mobile","tablet"].forEach(o=>{let r=e?.[o]?.attachment;t={...t,[o]:"fixed"===r?"fixed":"absolute"}}),t},exports.getBackgroundImageHeroBanner=(t,o=!1,r=!1)=>{if(!t)return;let l={};return e.DEVICES.forEach(e=>{l={...l,[e]:a(t,e,o,r)}}),e.makeStyleResponsive("bgi",l)},exports.getBannerLink=e=>{let t=e?.link;return t?.type==="go-to-sales-page"?{type:"go-to-sales-page",link:o.HREF_TO_SALES_PAGE,target:"_self"}:t},exports.getBgImage=i,exports.getClassAlignBanner=e=>({"!gp-self-start":"left"===e.desktop,"!gp-self-center":"center"===e.desktop,"!gp-self-end":"right"===e.desktop,"tablet:!gp-self-start":"left"===e.tablet,"tablet:!gp-self-center":"center"===e.tablet,"tablet:!gp-self-end":"right"===e.tablet,"mobile:!gp-self-start":"left"===e.mobile,"mobile:!gp-self-center":"center"===e.mobile,"mobile:!gp-self-end":"right"===e.mobile}),exports.getClassContentPosition=e=>{let t={center:"center",top:"start",bottom:"end","space-between":"between"},o=e.desktop||"center",r=e.tablet||o,l=e.mobile||r;return{[`gp-justify-${t[o]}`]:!0,[`tablet:gp-justify-${t[r]}`]:!0,[`mobile:gp-justify-${t[l]}`]:!0}},exports.getClassForContentByFitContent=(t,o)=>{let r={desktop:!1,tablet:!1,mobile:!1};return["desktop","mobile","tablet"].forEach(l=>{let i=e.getResponsiveValueByScreen(t,l),s=!!n(l,o),a=i?.shape,p=i?.height;r={...r,[l]:"original"===a&&"fit-content"!==p&&!s}}),e.cls(r.desktop?"!gp-absolute":"",r.tablet?"tablet:!gp-absolute":"tablet:!gp-relative",r.mobile?"mobile:!gp-absolute":"mobile:!gp-relative")},exports.getClassForStretchContent=t=>{let o={desktop:"none",tablet:"none",mobile:"none"};return["desktop","mobile","tablet"].forEach(r=>{let l=e.getResponsiveValueByScreen(t,r);o={...o,[r]:l}}),e.cls("space-between"===o.desktop?"[&>*>*]:!gp-justify-between":"","space-between"===o.tablet?"tablet:[&>*>*]:!gp-justify-between ":`tablet:[&>*>*]:!gp-justify-${t?.tablet}`,"space-between"===o.mobile?"mobile:[&>*>*]:!gp-justify-between ":`mobile:[&>*>*]:!gp-justify-${t?.mobile}`)},exports.getClassSpaceBetween=(t,o)=>{let r=k(t),l=k(o),i={desktop:v({device:"desktop",settingLayoutRes:r,contentPosition1ColRes:l}),tablet:v({device:"tablet",settingLayoutRes:r,contentPosition1ColRes:l}),mobile:v({device:"mobile",settingLayoutRes:r,contentPosition1ColRes:l})},s={"space-between":{desktop:"!gp-h-full !gp-content-stretch [&>*]:!gp-justify-between [&>*:nth-child(3)]:gp-absolute [&>*:nth-child(3)]:gp-hidden",tablet:"tablet:!gp-h-full tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-between tablet:[&>*:nth-child(3)]:gp-absolute tablet:[&>*:nth-child(3)]:gp-hidden",mobile:"mobile:!gp-h-full mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-between mobile:[&>*:nth-child(3)]:gp-absolute  mobile:[&>*:nth-child(3)]:gp-hidden"},top:{desktop:"!gp-content-stretch [&>*]:!gp-justify-start",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-start",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-start"},center:{desktop:"!gp-content-stretch [&>*]:!gp-justify-center",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-center",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-center"},bottom:{desktop:"!gp-content-stretch [&>*]:!gp-justify-end",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-end",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-end"}},a={};return e.DEVICES.forEach(e=>{let t=i[e],o=s?.[t]?.[e];a[o]=!0}),a},exports.getClassSpaceBetweenLeftRight=e=>{let t=k(e),o=t?.desktop?.type=="left-distributed"||t?.desktop?.type=="right-distributed",r=t?.tablet?.type=="left-distributed"||t?.tablet?.type=="right-distributed",l=t?.mobile?.type=="left-distributed"||t?.mobile?.type=="right-distributed";return{"gp-h-full tablet:gp-h-auto mobile:gp-h-auto [&>*]:!gp-justify-between":o,"tablet:!gp-h-full tablet:[&>*]:!gp-justify-between mobile:gp-h-auto":r,"mobile:!gp-h-full mobile:[&>*]:!gp-justify-between":l,"mobile:!gp-h-auto":!l}},exports.getClipPath=(e,t)=>{if(!t)return`${r.DEFAULT_CLIP_PATH}`;let[o,l,i,s]=(e??"0 0 0 0").split(" ").map(e=>parseInt(e??"0")||0),{btlr:a,btrr:n,bbrr:p,bblr:b}=t,g=I(parseInt(a??"0")||0,o,s),c=I(parseInt(n??"0")||0,o,l),u=I(parseInt(p??"0")||0,l,i),d=I(parseInt(b??"0")||0,i,s);return[g,c,u,d].every(e=>0===e)?`${r.DEFAULT_CLIP_PATH}`:`inset(0 0 0 round ${g}px ${c}px ${u}px ${d}px)`},exports.getContainerRatio=e=>{if(!e)return 0;let{width:t,height:o}=e.getBoundingClientRect();return t&&o?t/o:0},exports.getContentPosition=l,exports.getDataVideoHeroBannerResponsive=n,exports.getDisplayStyleByFitContent=(t,o)=>{let r={desktop:"none",tablet:"none",mobile:"none"};return["desktop","mobile","tablet"].forEach(l=>{let i=e.getResponsiveValueByScreen(t,l),s=!!n(l,o),a=i?.shape,p=i?.height;r={...r,[l]:"original"!==a||"fit-content"===p||s?"none":"block"}}),e.makeStyleResponsive("d",r)},exports.getEnableBgImageByDevice=(t,o)=>{if(!e.getResponsiveValueByScreen(i(o),t))return!1;if(!o?.[t]){if("mobile"===t)return o?.tablet?.type==="image"||o?.desktop?.type==="image"&&!o?.tablet;if("tablet"===t)return o?.desktop?.type==="image"}return o?.[t]?.type==="image"},exports.getOpacityHover=e=>{let{overlayOpacity:t}=e??{},o="number"!=typeof t?.hover||isNaN(t?.hover)?"string"==typeof t?.hover?`${parseInt(t?.hover)}%`:"":`${t?.hover}%`,r="number"!=typeof t?.normal||isNaN(t?.normal)?"string"==typeof t?.normal?`${parseInt(t?.normal)}%`:"0%":`${t?.normal}%`;return o||r},exports.getPercentageVisible=(e,t)=>{let{top:o,height:r}=e,l=-r;return o<l?0:o>t?100:Math.min(Math.max((o-l)/(t-l)*100,0),100)},exports.getResponsiveSetting=k,exports.getStyleAspectRatioHeroBannerCustom=(t,o)=>{let r=e.getAspectRatioGlobalSize(o);return["desktop","mobile","tablet"].forEach(l=>{let i=e.getResponsiveValueByScreen(o,l),s=!!n(l,t);s&&(r=b({shapeByDevice:i,fallbackRatio:"auto",device:l,currentResult:r}))}),e.makeStyleResponsive("aspect",r)},exports.getStyleHeroBannerBg=(e,t)=>{let o=y(e,t),r=h(e,t),l=f(e);return{...o,...r,...l}},exports.getVideoAspectRatio=S,exports.getVisibilityStyle=e=>e?Object.keys(e).filter(e=>["--d","--d-tablet","--d-mobile"].includes(e)).reduce((t,o)=>({...t,[o]:e?.[o]!=="none"?"flex":e?.[o]}),{}):{},exports.getWidth=e=>{let t={};return["desktop","mobile","tablet"].forEach(o=>{let r=e?.[o];r&&(t={...t,[o]:"default"===r?"var(--g-ct-w, 1200px)":r})}),t},exports.getYoutubeAspectRatio=(e,t,o)=>{let r=d(e,t,o);return Object.keys(r).length?r:void 0},exports.horizontalAlign=(e,t,o)=>g(l(e,t,o)),exports.imagePlaceholder=s,exports.isScaleImage=m,exports.mapContentPositionToHorizontal=g,exports.opacityEnabledData=e=>{let{overlayColor:t,overlayOpacity:o}=e??{},r=!t?.normal||o?.normal=="0%"||!o?.normal;return{disableOpacity:r}},exports.resetVideoIframeStyle=e=>{e&&(e.style.removeProperty("width"),e.style.removeProperty("height"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("transform"),e.style.removeProperty("position"))},exports.resetVideoWrapperStyle=e=>{e.style.removeProperty("position"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("width"),e.style.removeProperty("height")},exports.scrollToContentBanner=e=>e?.target?.closest("div.gp-hero-banner-row")?.scrollTo(0,0),exports.setVideoIframeAlign=(e,t)=>{if(!e)return;let o=x(t);e.style.top=o.top,e.style.transform=o.transform},exports.setVideoWrapperStyle=e=>{Object.assign(e.style,{position:"absolute",top:"0",left:"0",width:"100%",height:"100%"})},exports.showVideoType=t=>e.DEVICES.some(o=>{let r=e.getValueByDevice(t,o);return r?.type!=="color"&&r?.type!=="image"&&!!r&&(r?.videoType==="html5"&&r?.videoHtml5||r?.videoType==="youtube"&&r?.video)}),exports.updateVideoIframeSize=({iframeEl:t,containerRatio:o,videoObjectFit:l,background:i,currentDevice:s,isYoutubeVideoMigrated:a})=>{let n,p;let b=S(i,s),g=e.getResponsiveValueByScreen(i,s);if(!t||!o)return;let c=g?.videoAlign||"top",u=x(c);if("contain"===l){Object.assign(t.style,{position:"absolute",top:"50%",left:"50%",width:"100%",height:"100%",maxWidth:"none",transform:`translate(-50%, -50%) scale(${r.VIDEO_IFRAME_SCALE})`});return}o>=b?(n=100,p=o/b*100):(p=100,n=b/o*100),Object.assign(t.style,{position:"absolute",top:u.top,left:"50%",width:a?"500%":`${n}%`,height:a?"100%":`${p}%`,maxWidth:"none",transform:u.transform})};

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./HeroBannerItem.js"),s=require("../common/attrs.js"),t=require("../common/styles.js"),a=require("../common/classes.js"),i=require("@gem-sdk/system"),n=require("@gem-sdk/core"),l=require("../common/helpers.js"),o=require("../hooks/useHeroBanner.js"),u=require("react");exports.default=d=>{let{builderAttrs:c,builderProps:m,setting:f,styles:g,style:j,children:h,advanced:q,enableLazyLoadImage:y=!0}=d,{isEditMode:C,isPreviewSharePageMode:v}=n.useRenderMode(),{enableLink:k}=f??{},p=l.getBannerLink(f),{cssClass:x}=q??{},L=n.useCurrentDevice(),{elementRef:R,transform:b,onMouseEnterParallax:w,onMouseLeaveParallax:A,dataVideo:B,bgRef:I,isShowVideoHtml5:M,openLinkBanner:H,layoutResponsive:P}=o.default(g,f,L),S=u.useRef(null),N=!!p?.link&&k&&!C&&!v,V=i.createAttr({...s.getAttr({uid:m?.uid||""})}),_=i.createAttr({...s.getAttrLink()}),z=i.createStyle({...t.getStyle(g,f,j)}),D=i.createClass({...a.getClasses({setting:f,builderProps:m,advancedCssClass:x})}),E=i.createClass({...a.getLinkClasses()}),O=()=>e.jsx(r.default,{setting:f,styles:g,children:h,rawChildren:d.rawChildren,builderProps:m,enableLazyLoadImage:y,elementRef:R,transform:b,dataVideo:B,layoutResponsive:P,bgRef:I,isShowVideoHtml5:M,heroBannerWrapperRef:S});return e.jsxs("div",{ref:S,...c,...V,className:D,style:z,onMouseEnter:w,onMouseLeave:A,children:[i.If(!N,O()),i.If(N,e.jsx("div",{..._,"aria-hidden":"true",onClick:H,className:E,children:O()})),n.filterToolbarPreview(h,!0)]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./HeroBannerItem.js"),s=require("../common/attrs.js"),t=require("../common/styles.js"),a=require("../common/classes.js"),i=require("@gem-sdk/system"),n=require("@gem-sdk/core"),l=require("../common/helpers.js"),o=require("../hooks/useHeroBanner.js"),u=require("react");exports.default=d=>{let{builderAttrs:c,builderProps:m,setting:f,styles:g,style:j,children:C,advanced:h,pageContext:q}=d,{isEditMode:p,isPreviewSharePageMode:v}=n.useRenderMode(),{enableLink:y}=f??{},k=l.getBannerLink(f),{cssClass:x}=h??{},R=n.useCurrentDevice(),{elementRef:b,transform:w,onMouseEnterParallax:A,onMouseLeaveParallax:B,dataVideo:L,bgRef:M,isShowVideoHtml5:H,openLinkBanner:I,layoutResponsive:P}=o.default(g,f,R),S=u.useRef(null),N=!!k?.link&&y&&!p&&!v,V=i.createAttr({...s.getAttr({uid:m?.uid||""})}),_=i.createAttr({...s.getAttrLink()}),D=i.createStyle({...t.getStyle(g,f,j)}),E=i.createClass({...a.getClasses({setting:f,builderProps:m,advancedCssClass:x})}),O=i.createClass({...a.getLinkClasses()}),T=()=>e.jsx(r.default,{setting:f,styles:g,children:C,rawChildren:d.rawChildren,builderProps:m,pageContext:q,elementRef:b,transform:w,dataVideo:L,layoutResponsive:P,bgRef:M,isShowVideoHtml5:H,heroBannerWrapperRef:S});return e.jsxs("div",{ref:S,...c,...V,className:E,style:D,onMouseEnter:A,onMouseLeave:B,children:[i.If(!N,T()),i.If(N,e.jsx("div",{..._,"aria-hidden":"true",onClick:I,className:O,children:T()})),n.filterToolbarPreview(C,!0)]})};

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

@@ -1,19 +1,19 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./HeroBannerItem.liquid.js"),t=require("../common/attrs.js"),r=require("../common/styles.js"),s=require("../common/classes.js"),a=require("@gem-sdk/system"),i=require("@gem-sdk/core"),n=require("../../helpers.js"),o=require("../common/helpers.js"),l=require("../settings/configs/translate.js");exports.default=d=>{let{builderAttrs:c,builderProps:g,setting:u,styles:p,style:f,children:v,advanced:b,pageContext:h}=d,{enableLazyLoadImage:S}=h??{},{enableLink:m,enableParallax:k}=u??{},y=n.getBackgroundTranslated({background:p?.background,uid:g?.uid,enableTranslate:!!l.HeroBanner?.background?.id,pageContext:h??{},isTranslateVideo:!0}),C=o.getBannerLink(u),{cssClass:$}=b??{},{urlData:j}=n.getInsertLinkData("",C),P=a.createStateOrContext({background:o.getResponsiveSetting(y||{}),uid:g?.uid,enableParallax:k&&Number(u?.speedParallax||0)>0,speedParallax:Number(u?.speedParallax)||0,hoverEffect:p?.hoverEffect,hoverEffectScale:p?.hoverEffectScale,layout:u?.layout,contentPosition1Col:p?.contentPosition1Col,contentPosition2Col:p?.contentPosition2Col,aspectRatio:u?.aspectRatio,sizeSetting:o.getResponsiveSetting(p?.sizeSetting||{}),videoObjectFit:o.getResponsiveSetting(p?.videoObjectFit||{}),target:C?.target??"_self",href:j?.href??"",linkType:C?.type??"",hoverEffectDuration:p?.hoverEffectDuration,isYoutubeVideoMigrated:u?.isYoutubeVideoMigrated}),E=!!C?.link&&m,q=a.createAttr({...t.getAttr({uid:g?.uid||""})}),x=a.createAttr(t.getAttrLink()),R=a.createStyle({...r.getStyle(p,u,f)}),A=a.createClass({...s.getClasses({setting:u,builderProps:g,advancedCssClass:$})}),I=a.createClass({...s.getLinkClasses()}),L=()=>e.default({setting:u,translatedBackground:y,styles:p,children:v,enableLazyLoadImage:S,rawChildren:d.rawChildren,builderProps:g,pageContext:h});return i.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./HeroBannerItem.liquid.js"),t=require("../common/attrs.js"),r=require("../common/styles.js"),s=require("../common/classes.js"),a=require("@gem-sdk/system"),i=require("@gem-sdk/core"),n=require("../../helpers.js"),o=require("../common/helpers.js"),l=require("../settings/configs/translate.js");exports.default=c=>{let{builderAttrs:d,builderProps:g,setting:u,styles:p,style:f,children:v,advanced:b,pageContext:h}=c,{enableLink:S,enableParallax:m}=u??{},k=n.getBackgroundTranslated({background:p?.background,uid:g?.uid,enableTranslate:!!l.HeroBanner?.background?.id,pageContext:h??{},isTranslateVideo:!0}),y=o.getBannerLink(u),{cssClass:C}=b??{},{urlData:$}=n.getInsertLinkData("",y),j=a.createStateOrContext({background:o.getResponsiveSetting(k||{}),uid:g?.uid,enableParallax:m&&Number(u?.speedParallax||0)>0,speedParallax:Number(u?.speedParallax)||0,hoverEffect:p?.hoverEffect,hoverEffectScale:p?.hoverEffectScale,layout:u?.layout,contentPosition1Col:p?.contentPosition1Col,contentPosition2Col:p?.contentPosition2Col,aspectRatio:u?.aspectRatio,sizeSetting:o.getResponsiveSetting(p?.sizeSetting||{}),videoObjectFit:o.getResponsiveSetting(p?.videoObjectFit||{}),target:y?.target??"_self",href:$?.href??"",linkType:y?.type??"",hoverEffectDuration:p?.hoverEffectDuration,isYoutubeVideoMigrated:u?.isYoutubeVideoMigrated}),P=!!y?.link&&S,E=a.createAttr({...t.getAttr({uid:g?.uid||""})}),q=a.createAttr(t.getAttrLink()),x=a.createStyle({...r.getStyle(p,u,f)}),R=a.createClass({...s.getClasses({setting:u,builderProps:g,advancedCssClass:C})}),A=a.createClass({...s.getLinkClasses()}),I=()=>e.default({setting:u,translatedBackground:k,styles:p,children:v,rawChildren:c.rawChildren,builderProps:g,pageContext:h});return i.template`
       <gp-hero-banner
-        ${{...c}}
-        ${{...q}}
-        class="${A}"
-        style="${R}"
-        gp-data='${i.dataStringify(P)}'
+        ${{...d}}
+        ${{...E}}
+        class="${R}"
+        style="${x}"
       >
-        ${a.If(!E,L())}
-        ${a.If(E,i.template`
+        <script gp-data type="application/json">${i.dataStringify(j)}</script>
+        ${a.If(!P,I())}
+        ${a.If(P,i.template`
           <div
-            ${{...x}}
+            ${{...q}}
             aria-hidden="true"
-            class="${I}"
+            class="${A}"
           >
-            ${L()}
+            ${I()}
           </div>`)}
       </gp-hero-banner>
        ${i.RenderIf(i.isLocalEnv,`<script ${n.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-hero-banner-v2-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${n.getSettingPreloadData('class="gps-link" delay',"src")}="${i.baseAssetURL}/assets-v2/gp-hero-banner-v2-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>

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

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

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

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

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

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

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

@@ -1 +1 @@
-"use strict";var e=require("../../constant.js"),t=require("./helpers.js"),r=require("@gem-sdk/system"),a=require("../../helpers.js"),s=require("../constants.js");exports.getAdaptiveImageAttrs=({styles:e,setting:r,mode:i,isLiquid:l})=>{let{alt:g,srcSet:o,priority:c,qualityPercent:p,qualityType:n,title:u}=r??{},A=t.getAspectRatio({styles:e,setting:r}),E=o?.desktop?.backupFileKey?t.getNewBackupFileKey(o?.desktop?.backupFileKey??"",o?.desktop?.src??""):"",_=l?t.getImageSrc({src:o?.desktop?.src,backupFileKey:E,backupFilePath:o?.desktop?.backupFilePath,storage:o?.desktop?.storage}):o?.desktop?.src??"",y=c?{}:{"base-src":_??"","quality-type":t.safeStringify(n),"quality-percent":t.safeStringify(p)};return{pictureClass:"gp-contents",...g&&{alt:g},...u&&{title:u},...o&&{srcSet:o},...c&&s.PRIORITY_LOAD_ATTRS,...y,...e?.objectFit&&{layout:e.objectFit},onClick:()=>{a.handleClickLink(r?.imageLink,i)},aspectRatio:A}},exports.getContainerAttrs=(e,t)=>({...e,...t&&{"data-id":t}}),exports.getImageLiquidAttrs=({pageContext:e,enableLazyLoadImage:t=!1})=>({...e&&{pageContext:e},...t&&{enableLazyLoadImage:t}}),exports.getLinkWrapperAttrs=({urlData:t,imageLink:r,title:a,isLiquid:s=!1})=>{let i=s?{...t,...r?.noFollow&&{rel:"nofollow"},title:a}:{setting:t,title:a};return r?.type!=="go-to-sales-page"?r?.link?i:{}:s?{href:e.HREF_TO_SALES_PAGE,target:"_self"}:{setting:{href:e.HREF_TO_SALES_PAGE,target:"_self"}}},exports.getNextImageAttrs=({styles:e,setting:r})=>{let{objectFit:a}=e??{},{vw:s,alt:i,title:l,quality:g,priority:o,isNotLazyload:c,qualityType:p,qualityPercent:n}=r??{},u=t.getAspectRatio({styles:e,setting:r});return{...r?.image,...s&&{vw:s},...i&&{alt:i},...l&&{title:l},...g&&{quality:g},...o&&{priority:o},isNotLazyload:c,setting:{aspectRatio:u,layout:a,qualityType:p,qualityPercent:n}}},exports.getNextImageLiquidAttrs=e=>{let{srcset:a,setting:s,storage:i,baseSrc:l,priority:g,customAttrs:o,width:c=2237,height:p=1678,isNotLazyload:n,backupFileKey:u,backupFilePath:A,srcIsLiquidCode:E,enableLazyLoadImage:_,alt:y=t.NEXT_IMAGE_CONFIG.DEFAULT_ALT,title:F,src:I=t.NEXT_IMAGE_CONFIG.DEFAULT_SRC,sizes:d=t.NEXT_IMAGE_CONFIG.DEFAULT_SIZES}=e,T=!n&&_&&!g;return r.createAttr({...o,...(()=>{let{qualityPercent:e,qualityType:r}=s??{},a=!g&&r&&e?{"quality-type":t.safeStringify(r),"quality-percent":t.safeStringify(e)}:{"quality-type":"","quality-percent":""};return{...y&&{alt:y},...F&&{title:F},width:c,height:p,draggable:"false",...a}})(),...(()=>{let e=u?t.getNewBackupFileKey(u??"",I):"",r=E?l:t.getImageSrc({src:I,backupFileKey:e,backupFilePath:A,storage:i}),s=E?I:t.getSrcSet(e??"",i??"THEME",I),o={sizes:"100vw",src:t.createBlurDataURL(c,p),...r&&!g?{"base-src":r}:{},...r?{"data-src":r}:{},...s?{"data-srcset":s}:{}},n={sizes:d,src:r??"",isNotLazyload:"true",srcset:a??"",...r&&!g?{"base-src":r}:{},...g?{loading:"eager",fetchpriority:"high"}:{loading:"lazy"}};return{"data-sizes":"auto",...T?o:n}})()})},exports.getNextImageReactAttrs=e=>{let{width:a=t.NEXT_IMAGE_CONFIG.DEFAULT_WIDTH_PROPS,height:s=t.NEXT_IMAGE_CONFIG.DEFAULT_HEIGHT_PROPS,quality:i,priority:l,isNotLazyload:g,enableLazyLoadImage:o,base64:c=t.IMAGE_PLACEHOLDER,alt:p=t.NEXT_IMAGE_CONFIG.DEFAULT_ALT,title:n,src:u=t.NEXT_IMAGE_CONFIG.DEFAULT_SRC}=e,A=!g&&o&&!l,E=r.createAttr((()=>{let e={loading:"lazy",placeholder:"blur",...c&&{blurDataURL:c}};return{...A?e:{loading:"eager",fetchpriority:"high"}}})());return{src:u,alt:p,title:n,width:a,height:s,quality:i,...E}};
+"use strict";var e=require("../../constant.js"),t=require("./helpers.js"),r=require("@gem-sdk/system"),a=require("../../helpers.js"),s=require("../constants.js");exports.getAdaptiveImageAttrs=({styles:e,setting:r,mode:i,isLiquid:l})=>{let{alt:g,srcSet:o,priority:c,qualityPercent:p,qualityType:n,title:u}=r??{},A=t.getAspectRatio({styles:e,setting:r}),E=o?.desktop?.backupFileKey?t.getNewBackupFileKey(o?.desktop?.backupFileKey??"",o?.desktop?.src??""):"",_=l?t.getImageSrc({src:o?.desktop?.src,backupFileKey:E,backupFilePath:o?.desktop?.backupFilePath,storage:o?.desktop?.storage}):o?.desktop?.src??"",y=c?{}:{"base-src":_??"","quality-type":t.safeStringify(n),"quality-percent":t.safeStringify(p)};return{pictureClass:"gp-contents",...g&&{alt:g},...u&&{title:u},...o&&{srcSet:o},...c&&s.PRIORITY_LOAD_ATTRS,...y,...e?.objectFit&&{layout:e.objectFit},onClick:()=>{a.handleClickLink(r?.imageLink,i)},aspectRatio:A}},exports.getContainerAttrs=(e,t)=>({...e,...t&&{"data-id":t}}),exports.getImageLiquidAttrs=({pageContext:e})=>({...e&&{pageContext:e}}),exports.getLinkWrapperAttrs=({urlData:t,imageLink:r,title:a,isLiquid:s=!1})=>{let i=s?{...t,...r?.noFollow&&{rel:"nofollow"},title:a}:{setting:t,title:a};return r?.type!=="go-to-sales-page"?r?.link?i:{}:s?{href:e.HREF_TO_SALES_PAGE,target:"_self"}:{setting:{href:e.HREF_TO_SALES_PAGE,target:"_self"}}},exports.getNextImageAttrs=({styles:e,setting:r})=>{let{objectFit:a}=e??{},{vw:s,alt:i,title:l,quality:g,priority:o,isNotLazyload:c,qualityType:p,qualityPercent:n}=r??{},u=t.getAspectRatio({styles:e,setting:r});return{...r?.image,...s&&{vw:s},...i&&{alt:i},...l&&{title:l},...g&&{quality:g},...o&&{priority:o},isNotLazyload:c,setting:{aspectRatio:u,layout:a,qualityType:p,qualityPercent:n}}},exports.getNextImageLiquidAttrs=e=>{let{srcset:a,setting:s,storage:i,baseSrc:l,priority:g,customAttrs:o,width:c=2237,height:p=1678,isNotLazyload:n,backupFileKey:u,backupFilePath:A,srcIsLiquidCode:E,pageContext:_,alt:y=t.NEXT_IMAGE_CONFIG.DEFAULT_ALT,title:I,src:F=t.NEXT_IMAGE_CONFIG.DEFAULT_SRC,sizes:d=t.NEXT_IMAGE_CONFIG.DEFAULT_SIZES}=e,L=!n&&(_?.enableLazyLoadImage??!0)&&!g;return r.createAttr({...o,...(()=>{let{qualityPercent:e,qualityType:r}=s??{},a=!g&&r&&e?{"quality-type":t.safeStringify(r),"quality-percent":t.safeStringify(e)}:{"quality-type":"","quality-percent":""};return{...y&&{alt:y},...I&&{title:I},width:c,height:p,draggable:"false",...a}})(),...(()=>{let e=u?t.getNewBackupFileKey(u??"",F):"",r=E?l:t.getImageSrc({src:F,backupFileKey:e,backupFilePath:A,storage:i}),s=E?F:t.getSrcSet(e??"",i??"THEME",F),o={sizes:"100vw",src:t.createBlurDataURL(c,p),...r&&!g?{"base-src":r}:{},...r?{"data-src":r}:{},...s?{"data-srcset":s}:{}},n={sizes:d,src:r??"",isNotLazyload:"true",srcset:a??"",...r&&!g?{"base-src":r}:{},...g?{loading:"eager",fetchpriority:"high"}:{loading:"lazy"}};return{"data-sizes":"auto",...L?o:n}})()})},exports.getNextImageReactAttrs=e=>{let{width:a=t.NEXT_IMAGE_CONFIG.DEFAULT_WIDTH_PROPS,height:s=t.NEXT_IMAGE_CONFIG.DEFAULT_HEIGHT_PROPS,quality:i,priority:l,isNotLazyload:g,pageContext:o,base64:c=t.IMAGE_PLACEHOLDER,alt:p=t.NEXT_IMAGE_CONFIG.DEFAULT_ALT,title:n,src:u=t.NEXT_IMAGE_CONFIG.DEFAULT_SRC}=e,A=!g&&(o?.enableLazyLoadImage??!0)&&!l,E=r.createAttr((()=>{let e={loading:"lazy",placeholder:"blur",...c&&{blurDataURL:c}};return{...A?e:{loading:"eager",fetchpriority:"high"}}})());return{src:u,alt:p,title:n,width:a,height:s,quality:i,...E}};

package/dist/cjs/image/components/AdaptiveImage.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../common/helpers.js"),t=require("@gem-sdk/system"),a=require("../common/classes.js"),r=require("../common/styles.js");const c=c=>{let{alt:l,style:i,srcSet:d,layout:m,priority:o,className:u,aspectRatio:g,borderRadius:p,pictureClass:n,enableLazyLoadImage:x,...y}=c,{getDeviceSource:A}=s.getAdaptiveImageData(c),{srcTablet:j,srcMobile:h}=A(),L=t.createAttr({loading:o?"eager":"lazy",src:d?.desktop?.src||s.FALLBACK_IMAGE}),v=t.createStyleReact({...r.getAdaptivePictureStyles()}),E=t.createStyle({...r.getAdaptiveImageStyles({layout:m,aspectRatio:g,borderRadius:p}),...i}),I=t.createClass({...a.getAdaptiveImageClasses({className:u,hasLazyLoad:!o&&x})});return e.jsx(e.Fragment,{children:e.jsxs("picture",{style:v,className:n,children:[e.jsxs(e.Fragment,{children:[h&&e.jsx("source",{media:"(max-width: 767px)",srcSet:x?s.IMAGE_PLACEHOLDER:h}),j&&e.jsx("source",{media:"(max-width: 1024px)",srcSet:x?s.IMAGE_PLACEHOLDER:j})]}),e.jsx("img",{...y,...L,alt:l,width:"100%",style:E,className:I,draggable:"false"})]})})};c.defaultProps={layout:{desktop:"cover"}},exports.default=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("../common/helpers.js"),s=require("@gem-sdk/system"),t=require("../common/classes.js"),r=require("../common/styles.js");const l=l=>{let{alt:c,style:d,srcSet:i,layout:m,priority:o,className:g,aspectRatio:u,borderRadius:n,pictureClass:y,pageContext:p,...L}=l,{getDeviceSource:x}=a.getAdaptiveImageData(l),{srcTablet:A,srcMobile:j}=x(),I=s.createAttr({loading:o?"eager":"lazy",src:i?.desktop?.src||a.FALLBACK_IMAGE}),h=s.createStyleReact({...r.getAdaptivePictureStyles()}),v=s.createStyle({...r.getAdaptiveImageStyles({layout:m,aspectRatio:u,borderRadius:n}),...d}),E=s.createClass({...t.getAdaptiveImageClasses({className:g,hasLazyLoad:!o&&p?.enableLazyLoadImage})});return e.jsx(e.Fragment,{children:e.jsxs("picture",{style:h,className:y,children:[e.jsxs(e.Fragment,{children:[j&&e.jsx("source",{media:"(max-width: 767px)",srcSet:p?.enableLazyLoadImage?a.IMAGE_PLACEHOLDER:j}),A&&e.jsx("source",{media:"(max-width: 1024px)",srcSet:p?.enableLazyLoadImage?a.IMAGE_PLACEHOLDER:A})]}),e.jsx("img",{...L,...I,alt:c,width:"100%",style:v,className:E,draggable:"false"})]})})};l.defaultProps={layout:{desktop:"cover"}},exports.default=l;

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

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("@gem-sdk/system"),a=require("../common/classes.js"),s=require("../common/helpers.js"),r=require("../common/styles.js");exports.default=i=>{let{alt:d,style:l,layout:c,srcSet:h,priority:o,className:m,aspectRatio:p,pageContext:u,pictureClass:g,borderRadius:$,enableLazyLoadImage:y=!0,...w}=i,{getDeviceSource:k}=s.getAdaptiveImageData(i),{srcDesktop:b,srcTablet:L,srcMobile:n}=k({isLiquid:!0}),q=t.createAttr({src:y&&!o?s.createBlurDataURL(h?.desktop?.width??0,h?.desktop?.height??0):b,"data-src":b}),v=t.createStyle({...r.getAdaptivePictureStyles()}),x=t.createStyle({...r.getAdaptiveImageStyles({layout:c,aspectRatio:p,borderRadius:$}),...l}),S=t.createClass({...a.getAdaptiveImageClasses({className:m,hasLazyLoad:!o&&y,hasForceLoad:u?.isOptimizePlan})});return e.template`
-    <picture style="${v}" class="${g}">
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("@gem-sdk/system"),a=require("../common/classes.js"),s=require("../common/helpers.js"),r=require("../common/styles.js");exports.default=i=>{let{alt:d,style:l,layout:c,srcSet:o,priority:m,className:h,aspectRatio:p,pageContext:g,pictureClass:u,borderRadius:L,...$}=i,{getDeviceSource:y}=s.getAdaptiveImageData(i),{srcDesktop:b,srcTablet:n,srcMobile:w}=y({isLiquid:!0}),k=t.createAttr({src:g?.enableLazyLoadImage&&!m?s.createBlurDataURL(o?.desktop?.width??0,o?.desktop?.height??0):b,"data-src":b}),I=t.createStyle({...r.getAdaptivePictureStyles()}),q=t.createStyle({...r.getAdaptiveImageStyles({layout:c,aspectRatio:p,borderRadius:L}),...l}),v=t.createClass({...a.getAdaptiveImageClasses({className:h,hasLazyLoad:!m&&g?.enableLazyLoadImage,hasForceLoad:g?.isOptimizePlan})});return e.template`
+    <picture style="${I}" class="${u}">
       ${e.template`
-      ${n?`<source media="(max-width: 767px)" data-srcSet="${n}" srcset="${y&&!o?s.createBlurDataURL(h?.mobile?.width??h?.tablet?.width??h?.desktop?.width??0,h?.mobile?.height??h?.tablet?.height??h?.desktop?.height??0):n}" />`:""}
-      ${L?`<source media="(max-width: 1024px)" data-srcSet="${L}" srcset="${y&&!o?s.createBlurDataURL(h?.tablet?.width??h?.desktop?.width??0,h?.tablet?.height??h?.desktop?.height??0):L}" />`:""}
+      ${w?`<source media="(max-width: 767px)" data-srcSet="${w}" srcset="${g?.enableLazyLoadImage&&!m?s.createBlurDataURL(o?.mobile?.width??o?.tablet?.width??o?.desktop?.width??0,o?.mobile?.height??o?.tablet?.height??o?.desktop?.height??0):w}" />`:""}
+      ${n?`<source media="(max-width: 1024px)" data-srcSet="${n}" srcset="${g?.enableLazyLoadImage&&!m?s.createBlurDataURL(o?.tablet?.width??o?.desktop?.width??0,o?.tablet?.height??o?.desktop?.height??0):n}" />`:""}
     `}
       ${e.template`
       <img
-        ${{...w}}
-        ${{...q}}
+        ${{...$}}
+        ${{...k}}
         alt="${d}"
         width="100%"
-        style="${x}"
-        class="${S}"
+        style="${q}"
+        class="${v}"
       />
     `}
     </picture>

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

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

package/dist/cjs/image/components/NextImage.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("next/image"),t=require("@gem-sdk/system"),r=require("../common/classes.js"),a=require("../common/styles.js"),m=require("../common/attrs.js");exports.default=i=>{let{style:l,imgRef:c,setting:u,priority:o,className:g,width:x,height:j,isNotLazyload:n,isDisableAspectStyle:y,enableLazyLoadImage:q=!0}=i,d=t.createStyle({...l,...a.getNextImageStyles({width:x,height:j,setting:u,isDisableAspectStyle:y,isDisableObjectFit:!1})}),N=t.createClass({...r.getNextImageClasses({className:g,hasLazyLoad:!n&&q&&!o})}),b=m.getNextImageReactAttrs(i);return e.jsx(s,{ref:c,...b,style:d,className:N})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("next/image"),s=require("@gem-sdk/system"),r=require("../common/classes.js"),a=require("../common/styles.js"),m=require("../common/attrs.js");exports.default=l=>{let{style:i,imgRef:c,setting:u,priority:o,className:g,width:n,height:x,isNotLazyload:j,isDisableAspectStyle:y,pageContext:q}=l,d=!j&&(q?.enableLazyLoadImage??!0)&&!o,b=s.createStyle({...i,...a.getNextImageStyles({width:n,height:x,setting:u,isDisableAspectStyle:y,isDisableObjectFit:!1})}),I=s.createClass({...r.getNextImageClasses({className:g,hasLazyLoad:d})}),N=m.getNextImageReactAttrs(l);return e.jsx(t,{ref:c,...N,style:b,className:I})};

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

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),s=require("@gem-sdk/system"),t=require("../common/classes.js"),r=require("../common/styles.js"),a=require("../common/attrs.js");exports.default=i=>{let{style:m,setting:l,priority:o,className:u,pageContext:c,width:d,height:g,customLazyload:n,isDisableObjectFit:y,isDisableAspectStyle:p,enableLazyLoadImage:q=!0}=i,x=s.createStyle({...m,...r.getNextImageStyles({width:d,height:g,setting:l,isDisableObjectFit:y,isDisableAspectStyle:p})}),j=s.createClass({...t.getNextImageClasses({className:u,hasLazyLoad:!n&&q&&!o,isOptimizePlan:c?.isOptimizePlan})}),$=a.getNextImageLiquidAttrs(i);return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),s=require("@gem-sdk/system"),t=require("../common/classes.js"),r=require("../common/styles.js"),a=require("../common/attrs.js");exports.default=i=>{let{style:m,setting:l,priority:o,className:u,pageContext:c,width:g,height:d,customLazyload:n,isDisableObjectFit:y,isDisableAspectStyle:p}=i,q=!n&&(c?.enableLazyLoadImage??!0)&&!o,x=s.createStyle({...m,...r.getNextImageStyles({width:g,height:d,setting:l,isDisableObjectFit:y,isDisableAspectStyle:p})}),j=s.createClass({...t.getNextImageClasses({className:u,hasLazyLoad:q,isOptimizePlan:c?.isOptimizePlan})}),I=a.getNextImageLiquidAttrs(i);return e.template`
     <img
-      ${$}
+      ${I}
       id="${i?.id}"
       style="${x}"
       class="${j}"