@gem-sdk/components 19.0.0-staging.6 → 19.0.0-staging.61

package/dist/esm/carousel-v3/components/arrow/Arrow.liquid.js

@@ -1,4 +1,4 @@
-import{template as t}from"@gem-sdk/core";import{getClass as s}from"./common/classes.js";import{getStyle as o}from"./common/styles.js";import{getData as e}from"./common/helpers.js";import{If as r}from"@gem-sdk/system";let l=l=>{let{custom:m,left:i}=l,{isRenderCustomIcon:a}=e(l),{buttonClass:p,buttonContentClass:c}=s(l),{buttonStyle:n,buttonContentStyle:w,innerBorderCss:y}=o(l),$=r(a,m??"",`<svg
+import{template as t}from"@gem-sdk/core";import{getClass as s}from"./common/classes.js";import{getStyle as o}from"./common/styles.js";import{getData as e}from"./common/helpers.js";import{If as r}from"@gem-sdk/system";let l=l=>{let{custom:m,left:i}=l,{isRenderCustomIcon:a}=e(l),{buttonClass:p,buttonContentClass:c}=s({...l,isLiquid:!0}),{buttonStyle:n,buttonContentStyle:d,innerBorderCss:u}=o(l),w=r(a,m??"",`<svg
       height="100%"
       width="100%"
       xmlns="http://www.w3.org/2000/svg"
@@ -6,12 +6,12 @@ import{template as t}from"@gem-sdk/core";import{getClass as s}from"./common/clas
       fill="currentColor"
     >
       <path d="M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z" />
-    </svg>`),d=t`
+    </svg>`),y=t`
     <div
       class="${c}"
-      style="${w}"
+      style="${d}"
     >
-        ${$||""}
+        ${w||""}
     </div>
   `;return t`
     <button
@@ -20,7 +20,7 @@ import{template as t}from"@gem-sdk/core";import{getClass as s}from"./common/clas
       class="${p}"
       style="${n}"
     >
-      <style type="text/css">${y}</style>
-      ${d}
+      <style type="text/css">${u}</style>
+      ${y}
     </button>
   `};export{l as default};

package/dist/esm/carousel-v3/components/arrow/common/classes.js

@@ -1 +1 @@
-import{createClass as e}from"@gem-sdk/system";import{getClassArrowDisplay as r,getClassArrowRotate as g,getResponsiveSetting as p}from"./helpers.js";let t=t=>{let{className:s,componentId:o,rootId:i,left:l,uid:n,isHiddenWhenDisabled:u,disabled:c,showWhenHover:a,showArrow:f,vertical:m}=t,v=p(f||{}),b=l?"gp-carousel-action-back gem-slider-previous":"gp-carousel-action-next gem-slider-next",d=e({"gp-z-1 gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 before:gp-left-0 before:gp-top-0":!0,["gp-carousel-arrow-"+n]:!0,...s&&{[s]:!0},...o&&{[o]:!0},...i&&{[i]:!0},[b]:!0,...{"gp-invisible":u&&c,"gp-cursor-default gp-text-gray-300":c,"gp-cursor-pointer gp-text-gray-500":!c,"!gp-invisible group-hover/carousel:!gp-visible":a,...r(v)}}),x=e({"gp-flex gp-items-center gp-justify-center [&>svg]:gp-h-full [&>svg]:gp-w-full":!0,...g(!!l,m)});return{buttonClass:d,buttonContentClass:x}};export{t as getClass};
+import{createClass as e}from"@gem-sdk/system";import{getClassArrowDisplay as r,getClassArrowRotate as g,getResponsiveSetting as p}from"./helpers.js";let t=t=>{let{className:s,componentId:o,rootId:i,left:l,uid:c,isHiddenWhenDisabled:n,disabled:u,showWhenHover:a,showArrow:f,vertical:m,isLiquid:v=!1}=t,b=p(f||{}),d=l?"gp-carousel-action-back gem-slider-previous":"gp-carousel-action-next gem-slider-next",x=`gp-invisible ${v?"":"gp-opacity-0"}`,y=e({"gp-z-2 gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 before:gp-left-0 before:gp-top-0":!0,["gp-carousel-arrow-"+c]:!0,...s&&{[s]:!0},...o&&{[o]:!0},...i&&{[i]:!0},[d]:!0,...{[x]:n&&u,"gp-cursor-default gp-text-gray-300":u,"gp-cursor-pointer gp-text-gray-500":!u,"!gp-invisible group-hover/carousel:!gp-visible":a,...r(b)}}),h=e({"gp-flex gp-items-center gp-justify-center [&>svg]:gp-h-full [&>svg]:gp-w-full":!0,...g(!!l,m)});return{buttonClass:y,buttonContentClass:h}};export{t as getClass};

package/dist/esm/carousel-v3/components/dot/common/helpers.js

@@ -1 +1 @@
-import{DEVICES as e,getResponsiveValueByScreen as t}from"@gem-sdk/core";let r=e=>{let{hiddenWhenOnlyOne:t,slideDuplicated:r}=e;return{checkHidden:e=>t&&e?.length<2,getDotItems:t=>{let{enabledSneakPeak:l,totalSlideItem:o=0,numberOfFullWidthShow:n=0,slideItemsPerPage:a=0}=e;return Array.from({length:t?r?o/2:o:l?o-n+1:Math.ceil(o/a)},(e,t)=>t)}}},l=(r,l)=>{let o={};return e.forEach(e=>{let n=t(r,e),a=t(l,e);o={...o,[e]:n?a:"none"}}),o};export{r as getData,l as getUpdatedDotStyle};
+import{DEVICES as e,getResponsiveValueByScreen as t}from"@gem-sdk/core";let r=e=>{let{hiddenWhenOnlyOne:t,slideDuplicated:r}=e;return{checkHidden:e=>t&&e?.length<2,getDotItems:t=>{let{enabledSneakPeak:l,totalSlideItem:n=0,numberOfFullWidthShow:o=0,slideItemsPerPage:a=0}=e;return Array.from({length:t?r?n/2:n:l?Math.min(n-o+1,n):Math.ceil(n/a)},(e,t)=>t)}}},l=(r,l)=>{let n={};return e.forEach(e=>{let o=t(r,e),a=t(l,e);n={...n,[e]:o?a:"none"}}),n};export{r as getData,l as getUpdatedDotStyle};

package/dist/esm/carousel-v3/components/item/CarouselItem.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{useEditorMode as r,isEmptyChildren as o}from"@gem-sdk/core";import"react";import"@gem-sdk/system";import{SwiperSlide as s}from"../swiper/SwiperSlide.js";import{getStyle as m}from"./common/styles.js";import{getClass as t}from"./common/classes.js";import{useCarouselItem as i}from"../../hooks/useCarouseItem.js";import l from"../../../grid/components/ChildrenDroppable.js";let a=a=>{let{children:d,builderAttrs:p,parentSettings:c,builderProps:n}=a,{handleClick:u,handleMouseMove:f,handleMouseOut:j}=i(a),{indexKey:h}=a,k=n?.uid?`${n?.uid}-${h}`:h,y=r(),{carouselItemStyle:C,carouselItemInnerStyle:g}=m(a,y),{carouselItemClass:v,carouselItemInnerClass:M}=t(a);return e(s,{...p,"aria-hidden":!0,className:v,style:C,onClick:u,onMouseMove:f,onMouseLeave:j,dir:c?.rtl?"rtl":"ltr","data-carousel-item-key":k,children:e("div",{className:M,style:g,children:o(d)?e(l,{}):d})})};export{a as default};
+import{jsx as e}from"react/jsx-runtime";import{useEditorMode as r,isEmptyChildren as o}from"@gem-sdk/core";import"../swiper/Swiper.js";import{SwiperSlide as s}from"../swiper/SwiperSlide.js";import{getStyle as m}from"./common/styles.js";import{getClass as i}from"./common/classes.js";import{useCarouselItem as t}from"../../hooks/useCarouseItem.js";import l from"../../../grid/components/ChildrenDroppable.js";let a=a=>{let{children:p,builderAttrs:d,parentSettings:n,builderProps:c}=a,{handleClick:u,handleMouseMove:f,handleMouseOut:j}=t(a),{indexKey:h}=a,k=c?.uid?`${c?.uid}-${h}`:h,w=r(),{carouselItemStyle:y,carouselItemInnerStyle:C}=m(a,w),{carouselItemClass:v,carouselItemInnerClass:M}=i(a);return e(s,{...d,"aria-hidden":!0,className:v,style:y,onClick:u,onMouseMove:f,onMouseLeave:j,dir:n?.rtl?"rtl":"ltr","data-carousel-item-key":k,children:e("div",{className:M,style:C,children:o(p)?e(l,{}):p})})};export{a as default};

package/dist/esm/carousel-v3/components/root/Carousel.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{forwardRef as t,Children as i,useState as l,useRef as n,useMemo as s,useCallback as a,isValidElement as d,cloneElement as m,createElement as p}from"react";import{filterToolbarPreview as c,useCurrentDevice as u,isEmptyChildren as h}from"@gem-sdk/core";import{mappingNavigationCarousel as S}from"../arrow/common/helpers.js";import{useCarousel as v}from"../../hooks/useCarousel.js";import{getData as w}from"./common/helpers.js";import{getClass as f}from"./common/classes.js";import{getStyle as k}from"./common/styles.js";import{getAttr as y}from"./common/attrs.js";import C from"../arrow/Arrow.js";import g from"../dot/Dots.js";import{Swiper as j}from"../swiper/Swiper.js";import"@gem-sdk/system";let b=t((t,b)=>{let{children:$,builderAttrs:O,builderProps:P,styles:A,isHiddenArrowWhenDisabled:D=!0,hiddenDotWhenOnlyOne:I,elmRef:x,isEnableCheckHasScrollableContent:z,onSwiperReady:T}=t,B=S(t.setting),N={...t,setting:B},R=i.count(c($))??0,[W,E]=l(null),{arrowButtonSize:H,arrowBackgroundColor:G,arrowGapToEachSide:F="16",roundedArrow:K,arrowIconSize:U,arrowCustomColor:q,arrowBorder:J,arrowShadow:L,showWhenHover:M}=B??{},Q=n({prevOrder:"",prevContent:"",version:0}),V=s(()=>{let e=B?.childItem||[],r=e.join("|"),o=[...e].sort().join("|"),t=Q.current;return t.prevOrder&&t.prevContent&&o===t.prevContent&&r!==t.prevOrder&&t.version++,t.prevOrder=r,t.prevContent=o,`reorder-${t.version}`},[B?.childItem]),{isInfinity:X,localRef:Y,sliderSettings:Z,totalSlideItem:_,currentSlide:ee,isRenderDots:er,showNavigation:eo,isScrollToStart:et,isScrollToEnd:ei,handleDotClick:el,getItemsPerPage:en,handleNextAndPrevSlide:es,dispatchEventSelectSlide:ea,getNumberOfFullWidthShow:ed,setCurrentSlide:em,shouldDuplicateSlides:ep,setIsScrollToStart:ec,setIsScrollToEnd:eu}=v(N,b,W,R),{loopConfig:eh,arrowShowConfig:eS}=w(N),{rootClassRender:ev,wrapperClassRender:ew,wrapperInnerClass:ef,sliderClass:ek}=f(N),{rootStyleRender:ey,wrapperStyleRender:eC,wrapperInnerStyle:eg}=k(N),{rootAttrRender:ej,sliderAttr:eb}=y(N),e$=u(),eO=B?.sneakPeak?.[e$],eP=r=>{let o="next"===r;if(R<=1)return null;let i=o?!X&&W?.isEnd:!X&&W?.isBeginning;return e(C,{uid:P?.uid,custom:B?.arrowCustom??"",showArrow:eS,arrowButtonSize:H||{},arrowIconSize:U||{},arrowBackgroundColor:G||"",arrowCustomColor:q,gapToEachSize:F,showWhenHover:M,arrowBorder:J||{},arrowCorner:K||{},arrowShadow:L||{},onClick:e=>{e.stopPropagation(),es(r)},left:!o,disabled:z?o?!X&&ei:!X&&et:i,vertical:B?.vertical,isHiddenWhenDisabled:D,rootId:t?.parentClass})},eA=a(e=>{E(e),T?.(e)},[]),eD=a(()=>{t?.isDisableResetSlide||(em(0),ec(!0),eu(!1))},[t?.isDisableResetSlide,em,eu,ec]),eI=i.toArray(c($)).filter(d),ex=ep(R),ez=ex?2*R:R,eT=s(()=>{if(!ex)return eI;let e=eI.map((e,r)=>{if(!d(e))return e;let o=e.key,t=o?`${o}-duplicate-${r}`:`duplicate-${r}`;return m(e,{...e.props||{},key:t})});return[...eI,...e]},[ex,eI]),eB=s(()=>{let e=i.toArray($),r=e[0];return d(r)?r.key:""},[$]),eN=s(()=>`${R}-${V}-${eT.length}-${Z?.direction}-${eB}`,[R,V,eT.length,Z?.direction,eB]);return e("div",{ref:x,...ej,className:ev,style:ey,children:r("div",{ref:Y,...O,className:ew,style:eC,children:[r("div",{className:ef,style:eg,children:[eo&&eP("prev"),p(j,{...eb,...Z,sliderClass:ek,thumbsSwiper:t?.thumbsSwiper,onSwiperReady:eA,totalSlides:_,key:eN,sliderOrder:V,onSwiperReset:eD},h($)?e("div",{children:"No Slider"}):e(o,{children:eT.map((e,r)=>{if(!d(e))return null;let o=e.props??{};return p(e.type,{...o,key:e.key,indexKey:r.toString(),parentSettings:B,parentStyle:A,background:B?.background,parentUid:P?.uid,dispatchEventSelectSlide:ea})})})),eo&&eP("next")]}),er&&e(g,{dotStyle:B?.dotStyle,dotGapToCarousel:B?.dotGapToCarousel,vertical:B?.vertical,showDots:B?.dot,slideItemsPerPage:en(),enabledSneakPeak:eO,dotColor:B?.dotColor,dotActiveColor:B?.dotActiveColor,dotSize:B?.dotSize,sneakPeakType:B?.sneakPeakType,totalSlideItem:ez,hiddenWhenOnlyOne:I,currentSlide:ee,loop:eh,numberOfFullWidthShow:ed(e$),onHandleClick:el,slideDuplicated:ex}),c($,!0)]})})});export{b as default};
+import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{forwardRef as t,Children as i,useState as n,useRef as l,useMemo as s,useCallback as a,isValidElement as d,cloneElement as p,createElement as m}from"react";import{filterToolbarPreview as c,useCurrentDevice as u,isEmptyChildren as h}from"@gem-sdk/core";import{mappingNavigationCarousel as k}from"../arrow/common/helpers.js";import{useCarousel as S}from"../../hooks/useCarousel.js";import{getData as v}from"./common/helpers.js";import{getClass as f}from"./common/classes.js";import{getStyle as w}from"./common/styles.js";import{getAttr as y}from"./common/attrs.js";import C from"../arrow/Arrow.js";import g from"../dot/Dots.js";import{Swiper as j}from"../swiper/Swiper.js";import"@gem-sdk/system";let P=t((t,P)=>{let{children:b,builderAttrs:O,builderProps:A,styles:I,isHiddenArrowWhenDisabled:x=!0,hiddenDotWhenOnlyOne:z,elmRef:T,isEnableCheckHasScrollableContent:D,onSwiperReady:N}=t,W=k(t.setting),$={...t,setting:W},B=i.count(c(b))??0,[H,E]=n(null),{arrowButtonSize:G,arrowBackgroundColor:R,arrowGapToEachSide:F="16",roundedArrow:K,arrowIconSize:U,arrowCustomColor:q,arrowBorder:J,arrowShadow:L,showWhenHover:M}=W??{},Q=l({prevOrder:"",prevContent:"",version:0}),V=s(()=>{let e=W?.childItem||[],r=e.join("|"),o=[...e].sort().join("|"),t=Q.current;return t.prevOrder&&t.prevContent&&o===t.prevContent&&r!==t.prevOrder&&t.version++,t.prevOrder=r,t.prevContent=o,`reorder-${t.version}`},[W?.childItem]),{isInfinity:X,localRef:Y,sliderSettings:Z,sneakPeak:_,totalSlideItem:ee,currentSlide:er,isRenderDots:eo,isNavigationEnabled:et,isNavigationVisible:ei,isScrollToStart:en,isScrollToEnd:el,handleDotClick:es,getItemsPerPage:ea,handleNextAndPrevSlide:ed,dispatchEventSelectSlide:ep,getNumberOfFullWidthShow:em,shouldDuplicateSlides:ec,swiperIsBeginning:eu,swiperIsEnd:eh,handleSwiperReset:ek}=S($,P,H,B),{loopConfig:eS,arrowShowConfig:ev}=v($),{rootClassRender:ef,wrapperClassRender:ew,wrapperInnerClass:ey,sliderClass:eC}=f($),{rootStyleRender:eg,wrapperStyleRender:ej,wrapperInnerStyle:eP}=w($),{rootAttrRender:eb,sliderAttr:eO}=y($),eA=u(),eI=W?.sneakPeak?.[eA],ex=(r,o)=>{let i="next"===r;return!o||B<=1?null:e(C,{uid:A?.uid,custom:W?.arrowCustom??"",showArrow:ev,arrowButtonSize:G||{},arrowIconSize:U||{},arrowBackgroundColor:R||"",arrowCustomColor:q,gapToEachSize:F,showWhenHover:M,arrowBorder:J||{},arrowCorner:K||{},arrowShadow:L||{},onClick:e=>{e.stopPropagation(),ed(r)},left:!i,disabled:!ei||!X&&(i?D?el:eh:D?en:eu),vertical:W?.vertical,isHiddenWhenDisabled:x,rootId:t?.parentClass})},ez=a(e=>{E(e),N?.(e)},[]),eT=i.toArray(c(b)).filter(d),eD=ec(B),eN=eD?2*B:B,eW=s(()=>{if(!eD)return eT;let e=eT.map((e,r)=>{if(!d(e))return e;let o=e.key,t=o?`${o}-duplicate-${r}`:`duplicate-${r}`;return p(e,{...e.props||{},key:t})});return[...eT,...e]},[eD,eT]),e$=s(()=>{let e=i.toArray(b),r=e[0];return d(r)?r.key:""},[b]),eB=Z.autoplay?"on":"off",eH=s(()=>{let e=[B,V,eW.length,e$,Z.dir,Z.loop,Z.direction,Z.isSneakPeekCenter,_,eB];return e.join("-")},[B,V,eW.length,e$,Z.dir,Z.loop,Z.direction,Z.isSneakPeekCenter,_,eB]);return e("div",{ref:T,...eb,className:ef,style:eg,children:r("div",{ref:Y,...O,className:ew,style:ej,children:[r("div",{className:ey,style:eP,children:[ex("prev",et),m(j,{...eO,...Z,sliderClass:eC,thumbsSwiper:t?.thumbsSwiper,onSwiperReady:ez,totalSlides:ee,key:eH,sliderOrder:V,onSwiperReset:ek},h(b)?e("div",{children:"No Slider"}):e(o,{children:eW.map((e,r)=>{if(!d(e))return null;let o=e.props??{};return m(e.type,{...o,key:e.key,indexKey:r.toString(),parentSettings:W,parentStyle:I,background:W?.background,parentUid:A?.uid,dispatchEventSelectSlide:ep})})})),ex("next",et)]}),eo&&e(g,{dotStyle:W?.dotStyle,dotGapToCarousel:W?.dotGapToCarousel,vertical:W?.vertical,showDots:W?.dot,slideItemsPerPage:ea(),enabledSneakPeak:eI,dotColor:W?.dotColor,dotActiveColor:W?.dotActiveColor,dotSize:W?.dotSize,sneakPeakType:W?.sneakPeakType,totalSlideItem:eN,hiddenWhenOnlyOne:z,currentSlide:er,loop:eS,numberOfFullWidthShow:em(eA),onHandleClick:es,slideDuplicated:eD}),c(b,!0)]})})});export{P as default};

package/dist/esm/carousel-v3/components/root/Carousel.liquid.js

@@ -1,7 +1,7 @@
-import{template as o,WrapRenderChildren as r,RenderChildren as e,RenderIf as s,isLocalEnv as t,baseAssetURL as i}from"@gem-sdk/core";import a from"../arrow/Arrow.liquid.js";import d from"../dot/Dots.liquid.js";import{mappingNavigationCarousel as l}from"../arrow/common/helpers.js";import{getData as m}from"./common/helpers.js";import{getClass as p}from"./common/classes.js";import{getStyle as n}from"./common/styles.js";import{getAttr as c}from"./common/attrs.js";import{getStaticLocale as u,getSettingPreloadData as $}from"../../../helpers.js";let v=v=>{let{children:f,builderAttrs:w,builderProps:g,styles:h,isHiddenArrowWhenDisabled:S=!0,hiddenDotWhenOnlyOne:y,rootId:j,rawChildren:C,conditionAppendJs:k,productBadgeLiquid:E}=v,I=l(v.setting),A={...v,setting:I},{arrowButtonSize:G,arrowBackgroundColor:T,arrowGapToEachSide:b="16",roundedArrow:q,arrowIconSize:x,arrowCustomColor:z,arrowBorder:B,arrowShadow:D,showWhenHover:O}=I??{},{uniqueComponentId:P,loopConfig:W,arrowShowConfig:_,stateData:H}=m(A),{rootClassRender:M,wrapperClassRender:N,wrapperInnerClass:R,sliderClass:U}=p(A),{sliderWrapperStyle:V,rootStyleRender:F,wrapperStyleRender:J,wrapperInnerStyle:K}=n(A),{rootAttrRender:L,sliderAttr:Q}=c(A),X=()=>s(t,`<script ${$('class="gps-link" delay',"src")}="{{ 'gp-carousel-v3-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${$('class="gps-link" delay',"src")}="${i}/assets-v2/gp-carousel-v3-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),Y=o=>a({uid:g?.uid,componentId:P,custom:I?.arrowCustom??"",showArrow:_,arrowButtonSize:G||{},arrowIconSize:x||{},arrowBackgroundColor:T??"",arrowCustomColor:z,gapToEachSize:b,showWhenHover:O,arrowBorder:B||{},arrowCorner:q||{},arrowShadow:D||{},left:"next"!==o,vertical:I?.vertical,isHiddenWhenDisabled:S,rootId:j});return o`
+import{template as o,WrapRenderChildren as r,RenderChildren as s,RenderIf as e,isLocalEnv as t,baseAssetURL as i}from"@gem-sdk/core";import a from"../arrow/Arrow.liquid.js";import l from"../dot/Dots.liquid.js";import{mappingNavigationCarousel as d}from"../arrow/common/helpers.js";import{getData as p}from"./common/helpers.js";import{getClass as n}from"./common/classes.js";import{getStyle as m}from"./common/styles.js";import{getAttr as c}from"./common/attrs.js";import{getStaticLocale as u,getSettingPreloadData as $}from"../../../helpers.js";let v=v=>{let{children:f,builderAttrs:g,builderProps:w,styles:h,isHiddenArrowWhenDisabled:S=!0,hiddenDotWhenOnlyOne:y,rootId:C,rawChildren:j,conditionAppendJs:k,productBadgeLiquid:E}=v,I=d(v.setting),A={...v,setting:I},{arrowButtonSize:G,arrowBackgroundColor:P,arrowGapToEachSide:T="16",roundedArrow:b,arrowIconSize:q,arrowCustomColor:x,arrowBorder:z,arrowShadow:B,showWhenHover:D}=I??{},{uniqueComponentId:O,loopConfig:W,arrowShowConfig:_,stateData:H}=p(A),{rootClassRender:M,wrapperClassRender:N,wrapperInnerClass:R,sliderClass:U}=n(A),{sliderWrapperStyle:V,rootStyleRender:F,wrapperStyleRender:J,wrapperInnerStyle:K}=m(A),{rootAttrRender:L,sliderAttr:Q}=c(A),X=()=>e(t,`<script ${$('class="gps-link" delay',"src")}="{{ 'gp-carousel-v3-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${$('class="gps-link" delay',"src")}="${i}/assets-v2/gp-carousel-v3-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),Y=o=>a({uid:w?.uid,componentId:O,custom:I?.arrowCustom??"",showArrow:_,arrowButtonSize:G||{},arrowIconSize:q||{},arrowBackgroundColor:P??"",arrowCustomColor:x,gapToEachSize:T,showWhenHover:D,arrowBorder:z||{},arrowCorner:b||{},arrowShadow:B||{},left:"next"!==o,onClick:o=>{o.stopPropagation()},vertical:I?.vertical,isHiddenWhenDisabled:S,rootId:C});return o`
     <gp-carousel-v3 gp-data='${H}' ${L} style="${F}" class="${M}">
       <div
-        ${w}
+        ${g}
         class="${N}"
         style="${J}"
       >
@@ -11,12 +11,12 @@ import{template as o,WrapRenderChildren as r,RenderChildren as e,RenderIf as s,i
           <div ${Q} style="${V}">
             <div class="${U}">
               ${o`
-    ${C?.length?r({uid:g?.uid??"",customProps:C[0]?.customProps},C.map((r,s)=>{if(r)return o`${e({...r,index:s,parentSettings:I,parentStyle:h,background:I?.background,parentUid:g?.uid})}`})):f??`<div>${u("Carousel","no_slider")}</div>`}`}
+    ${j?.length?r({uid:w?.uid??"",customProps:j[0]?.customProps},j.map((r,e)=>{if(r)return o`${s({...r,index:e,parentSettings:I,parentStyle:h,background:I?.background,parentUid:w?.uid})}`})):f??`<div>${u("Carousel","no_slider")}</div>`}`}
             </div>
           </div>
           ${Y("next")}
         </div>
-        ${d({loop:W,showDots:I?.dot,dotStyle:I?.dotStyle,dotGapToCarousel:I?.dotGapToCarousel,vertical:I?.vertical,uniqueComponentId:P,hiddenWhenOnlyOne:y})}
+        ${l({loop:W,showDots:I?.dot,dotStyle:I?.dotStyle,dotGapToCarousel:I?.dotGapToCarousel,vertical:I?.vertical,uniqueComponentId:O,hiddenWhenOnlyOne:y})}
       </div>
     </gp-carousel-v3>
     ${k?`{% if ${k} %} ${X()} {% endif %}`:X()}

package/dist/esm/carousel-v3/components/root/CarouselEmbla.liquid.js

@@ -0,0 +1,24 @@
+import{template as o,WrapRenderChildren as r,RenderChildren as e,RenderIf as s,isLocalEnv as t,baseAssetURL as a}from"@gem-sdk/core";import i from"../arrow/Arrow.liquid.js";import l from"../dot/Dots.liquid.js";import{mappingNavigationCarousel as d}from"../arrow/common/helpers.js";import{getData as m}from"./common/helpers.js";import{getClass as p}from"./common/classes.js";import{getStyle as n}from"./common/styles.js";import{getAttr as c}from"./common/attrs.js";import{getStaticLocale as u,getSettingPreloadData as $}from"../../../helpers.js";let v=v=>{let{children:f,builderAttrs:g,builderProps:w,styles:h,isHiddenArrowWhenDisabled:S=!0,hiddenDotWhenOnlyOne:y,rootId:C,rawChildren:j,conditionAppendJs:k,productBadgeLiquid:b}=v,E=d(v.setting),I={...v,setting:E},{arrowButtonSize:A,arrowBackgroundColor:G,arrowGapToEachSide:P="16",roundedArrow:T,arrowIconSize:q,arrowCustomColor:x,arrowBorder:z,arrowShadow:B,showWhenHover:D}=E??{},{uniqueComponentId:O,loopConfig:W,arrowShowConfig:_,stateData:H}=m(I),{rootClassRender:M,wrapperClassRender:N,wrapperInnerClass:R,sliderClass:U}=p(I),{sliderWrapperStyle:V,rootStyleRender:F,wrapperStyleRender:J,wrapperInnerStyle:K}=n(I),{rootAttrRender:L,sliderAttr:Q}=c(I),X=()=>s(t,`<script ${$('class="gps-link" delay',"src")}="{{ 'gp-carousel-v3-embla-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${$('class="gps-link" delay',"src")}="${a}/assets-v2/gp-carousel-v3-embla-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),Y=o=>i({uid:w?.uid,componentId:O,custom:E?.arrowCustom??"",showArrow:_,arrowButtonSize:A||{},arrowIconSize:q||{},arrowBackgroundColor:G??"",arrowCustomColor:x,gapToEachSize:P,showWhenHover:D,arrowBorder:z||{},arrowCorner:T||{},arrowShadow:B||{},left:"next"!==o,onClick:o=>{o.stopPropagation()},vertical:E?.vertical,isHiddenWhenDisabled:S,rootId:C});return o`
+    <gp-carousel-v3 gp-data='${H}' ${L} style="${F}" class="${M}">
+      <div
+        ${g}
+        class="${N}"
+        style="${J}"
+      >
+        <div class="${R}" style="${K}">
+          ${b??""}
+          ${Y("prev")}
+          <div ${Q} style="${V}">
+            <div class="${U}">
+              ${o`
+    ${j?.length?r({uid:w?.uid??"",customProps:j[0]?.customProps},j.map((r,s)=>{if(r)return o`${e({...r,index:s,parentSettings:E,parentStyle:h,background:E?.background,parentUid:w?.uid})}`})):f??`<div>${u("Carousel","no_slider")}</div>`}`}
+            </div>
+          </div>
+          ${Y("next")}
+        </div>
+        ${l({loop:W,showDots:E?.dot,dotStyle:E?.dotStyle,dotGapToCarousel:E?.dotGapToCarousel,vertical:E?.vertical,uniqueComponentId:O,hiddenWhenOnlyOne:y})}
+      </div>
+    </gp-carousel-v3>
+    ${k?`{% if ${k} %} ${X()} {% endif %}`:X()}
+
+  `};export{v as default};

package/dist/esm/carousel-v3/components/root/common/attrs.js

@@ -1 +1 @@
-import{createAttr as t}from"@gem-sdk/system";import{getData as r}from"./helpers.js";let e=e=>{let{rootAttrs:i,builderProps:o,rootId:d}=e,{uniqueComponentId:l}=r(e),s=t({"data-id":`${o?.uid}`,id:`gp-root-carousel-${l}`,...i}),m=t({...(o?.uid||d)&&{id:`gp-carousel-${l}`},dir:e.setting?.rtl?"rtl":"ltr"});return{rootAttrRender:s,sliderAttr:m}};export{e as getAttr};
+import{createAttr as t}from"@gem-sdk/system";import{getData as r}from"./helpers.js";import{getCarouselElementId as o}from"../../../common/selectors.js";let e=e=>{let{rootAttrs:i,builderProps:m,rootId:s}=e,{uniqueComponentId:d}=r(e),l=m?.uid||s?o(d??""):void 0,p=t({"data-id":`${m?.uid}`,id:`gp-root-carousel-${d}`,...i}),g=t({...l&&{id:l},dir:e.setting?.rtl?"rtl":"ltr"});return{rootAttrRender:p,sliderAttr:g}};export{e as getAttr};

package/dist/esm/carousel-v3/components/root/common/helpers.js

@@ -1 +1 @@
-import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createStateOrContext as o}from"@gem-sdk/system";let t=t=>{let r=["mobile","tablet","desktop"],{setting:l,rootId:a,builderProps:i,styles:s,moveToIdx:p,isHiddenArrowWhenDisabled:d}=t,m=a??i?.uid,n=`gp-carousel-slider-${i?.uid}`,{enableAction:f={desktop:!0},navigationStyle:g,navigationEnable:u={desktop:!0}}=l??{},c=o({id:m,moveToIdx:p,isHiddenArrowWhenDisabled:d,setting:l,styles:s});return{loopConfig:(()=>{let o=l?.loop;return r.forEach(t=>{o={...o,[t]:!!e(f)&&o?.[t]}}),o})(),stateData:JSON.stringify(c).replaceAll("'","'"),uniqueComponentId:m,arrowShowConfig:(()=>{let o=g;return r.forEach(t=>{o={...o,[t]:e(u,t)?e(o,t):"none"}}),o})(),sliderSelector:n}};export{t as getData};
+import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createStateOrContext as o}from"@gem-sdk/system";let t=t=>{let r=["mobile","tablet","desktop"],{setting:l,rootId:a,builderProps:s,styles:i,moveToIdx:p,isHiddenArrowWhenDisabled:d,shouldInitByLayout:m,carouselType:n="carousel"}=t,f=a??s?.uid,g=`gp-carousel-slider-${s?.uid}`,{enableAction:u={desktop:!0},navigationStyle:c,navigationEnable:k={desktop:!0}}=l??{},h=o({id:f,moveToIdx:p,isHiddenArrowWhenDisabled:d,setting:l,styles:i,shouldInitByLayout:m,carouselType:n});return{loopConfig:(()=>{let o=l?.loop;return r.forEach(t=>{o={...o,[t]:!!e(u)&&o?.[t]}}),o})(),stateData:JSON.stringify(h).replaceAll("'","'"),uniqueComponentId:f,arrowShowConfig:(()=>{let o=c;return r.forEach(t=>{o={...o,[t]:e(k,t)?e(o,t):"none"}}),o})(),sliderSelector:g}};export{t as getData};

package/dist/esm/carousel-v3/components/swiper/Swiper.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useRef as r,useState as t,useMemo as i,useEffect as n}from"react";import{getStyleSwiperContainer as s}from"./common/styles.js";function p(p){let c=r(null),{children:o,totalSlides:u,onSwiperReset:l,onSwiperReady:a,sliderClass:w,sliderOrder:d,thumbsSwiper:m,...f}=p,[y,b]=t(!1),j=i(()=>m?{"thumbs-swiper":m}:{},[m]),g=s(),h="object"==typeof p.autoplay&&null!==p.autoplay?p.autoplay.pauseOnMouseEnter:void 0,E=()=>{c.current?.swiper&&c.current.swiper.wrapperEl.style.setProperty("width",`${c.current.swiper.width}px`)};return n(()=>{let e=async()=>{let e=await import("@gem-sdk/swiper/element/bundle");e.register(),await window.customElements.whenDefined("swiper-container"),b(!0)};e()},[]),n(()=>{y&&c.current&&(Object.assign(c.current,f),c.current.initialize?.(),a?.(c.current.swiper),E())},[y]),n(()=>{c.current?.swiper&&(c.current.swiper.destroy(!1,!1),Object.assign(c.current,f),c.current.initialize?.(),a(c.current.swiper),l())},[f.dir,f.loop,h,f.slidesPerView,a,l,f.spaceBetween,f.slidesOffsetBefore]),n(()=>{let e=c.current;e&&(Object.assign(e,f),e.swiper?.update(),E())},[f]),n(()=>{l()},[d,l]),n(()=>{let e=c.current;if(!e)return;let r=()=>{E()};return e.addEventListener("swiperresize",r),()=>{e.removeEventListener("swiperresize",r)}},[]),e("swiper-container",{init:!1,ref:c,class:w,style:{...g,display:y?"block":"none"},...j,children:o})}export{p as Swiper};
+import{jsx as e}from"react/jsx-runtime";import{useRef as r,useMemo as t,useCallback as n,useEffect as i}from"react";import{getStyleSwiperContainer as s}from"./common/styles.js";import{register as l}from"@gem-sdk/swiper/element/bundle";function c(l){let c=r(null),u=r(null),{children:o,totalSlides:p,onSwiperReset:m,onSwiperReady:w,sliderClass:a,sliderOrder:d,thumbsSwiper:f,...y}=l,b=t(()=>f?{"thumbs-swiper":f}:{},[f]),h=s(),z=(e,r)=>{if(!e?.wrapperEl)return!1;let t=e.el,n=r||e.width||t?.clientWidth||t?.parentElement?.clientWidth||0;return!(n<=0)&&(e.wrapperEl.style.setProperty("width",`${n}px`),!0)},O=n(({width:e}={})=>{!z(c.current?.swiper,e)&&"undefined"!=typeof window&&c.current&&(u.current&&cancelAnimationFrame(u.current),u.current=window.requestAnimationFrame(()=>{u.current=null,z(c.current?.swiper,e)}))},[]);return i(()=>{let e;let r=c.current;if(!r)return;let t="function"==typeof r.closest&&!!r.closest("swiper-slide");Object.assign(r,{...y,...t&&{nested:!0}}),r.initialize?.(),w?.(r.swiper),O(),r.swiper?.on?.("resize",O);let n=r.parentElement;return n&&"undefined"!=typeof ResizeObserver&&(e=new ResizeObserver(()=>{let e=c.current?.swiper;e&&!(e.width>0)&&(O(),e.update?.())})).observe(n),()=>{r.swiper?.off?.("resize",O),e?.disconnect(),m(),u.current&&(cancelAnimationFrame(u.current),u.current=null)}},[]),i(()=>{let e=c.current,r=e?.swiper;e&&r&&!r.destroyed&&(Object.assign(e,y),r.update(),O())},[JSON.stringify(y)]),i(()=>{m()},[d,m]),e("swiper-container",{init:!1,ref:c,class:a,style:{...h},...b,children:o})}l();export{c as Swiper};

package/dist/esm/carousel-v3/hooks/useCarousel.js

@@ -1 +1 @@
-import{useState as e,useRef as t,useMemo as r,useCallback as i,useImperativeHandle as n,useEffect as a}from"react";import{useCurrentDevice as l,useEditorMode as s,useInteraction as o,getResponsiveValueByScreen as u,DEVICES as d}from"@gem-sdk/core";import p from"./useTrackPreviewPause.js";let f=(f,m,c,k)=>{let h;let{builderProps:b,moveToIdx:P,styles:y,setting:g,isHiddenArrowWhenDisabled:v=!0,elmRef:w,isEnableCheckHasScrollableContent:T,onClickArrow:N,onHandleChangeSlideByInteraction:x,onChangeActive:S}=f,[C,O]=e(!0),[E,L]=e(!0),[M,I]=e(!1),{loop:z,navigationEnable:V={desktop:!0},navigationStyle:B}=g??{},[j,A]=e(k),[D,F]=e(g?.defaultCurrentSlider??0),{isFirstPreviewClicked:H}=p(g?.runPreview),R=t(),$=t(P??0),q=l(),U=s(),{onListener:W,saveToElementInteractionData:G,getInteractionPreviousData:J,trigger:K}=o(),Q=r(()=>u(z,q,!1),[z,q]),X=i(()=>{if(!g?.slidesToShow)return null;let e={};return d.forEach(t=>{let r=u(g?.slidesToShow,t);e[t]=r?"auto"===r?4:Math.floor(r):0}),e},[g?.slidesToShow]),Y=i(()=>{if(!g?.slidesToShow)return null;let e={};return d.forEach(t=>{let r=u(g?.slidesToShow,t);e[t]=r?"auto"===r?4:r:0}),e},[g?.slidesToShow]),Z=r(()=>{let e=Y();if(e)return e;let t={};return d.forEach(e=>{let r=u(g?.sneakPeak,e),i=r?"center"===u(g?.sneakPeakType,e)?u(g?.sneakPeakOffsetCenter,e)??0:u(g?.sneakPeakOffsetForward,e)??0:0,n="center"===u(g?.sneakPeakType,e)?-2:-1,a=u(g?.itemNumber,e);t[e]="number"==typeof a?a+i/100*n:"auto"}),t},[Y,g?.itemNumber,g?.sneakPeak,g?.sneakPeakOffsetCenter,g?.sneakPeakOffsetForward,g?.sneakPeakType]),_=r(()=>{let e=u(Z,q),t=u(z,q,!1);return t&&Number(e??0)>k||!t&&Number(e??0)>=k},[Z,q,z,k]),ee=r(()=>{let e=u(V,q),t=u(B,q);return c&&e&&"none"!==t&&C&&!_},[V,q,B,c,C,_]),et=r(()=>{let e=X();return e||g?.itemNumber},[X,g?.itemNumber]),er=i(e=>{let t="center"===u(g?.sneakPeakType,e)?2:1;return"number"==typeof u(et,e,4)?u(et,e,4)-t:void 0},[g?.sneakPeakType,et]),ei=()=>{let e="auto"===u(Z,q,1)?1:u(Z,q,1);return e??1},en=e=>{let t=e*ei();return t>=j-ei()&&(t=j-ei()),t},ea=e=>{let t="edit"===U?{[e]:!1}:g?.enableDrag;return u(t,e)};n(m,()=>({nextSlideInteraction:eo,previousSlideInteraction:eu,moveToSlideInteraction:ed,getSwiper:()=>c}));let el=e=>{c?.slideTo(e),x&&x(e)},es=(e,t)=>{let{key:r,data:i,isRollback:n,element:a}=e,l=Math.max(c?.activeIndex??0,0);if(n&&void 0===i)return;if(n){if("specific"===t){let{previousData:e}=J(a,r);el(Number(e))}else el("next"===t?l-1:l+1);return}let s="specific"===t?Math.max($.current,0):l;G(a,r,s.toString());let o="specific"===t?Number(i):"next"===t?l+1:l-1;el(o)},eo=e=>{es(e,"next")},eu=e=>{es(e,"previous")},ed=e=>{es(e,"specific")},ep=ei(),ef=r(()=>!!j&&c&&u(g?.dot,q)&&!_&&k>1,[j,c,g?.dot,q,_,k]),em=u(g?.vertical,q,!1)?"vertical":"horizontal",ec=e=>{let{swiperWidth:t,slidesPerView:r,itemNumberByDevice:i,centeredSlides:n}=e;if(!n||!i)return 0;let a=t/r,l=(Number(i)-2)/2-1;return-(a/2+l*a)},ek=r(()=>{let e=u(z,q,!1),t=c?.width??0,r={0:"mobile",768:"tablet",1025:"desktop"},i=Number(Object.entries(r).find(([,e])=>e===q)?.[0]??1025),n=Object.entries(r).reduce((e,[r,i])=>{if(!e)return;let n=Number(r),a=u(g?.sneakPeak,i,!1),l=a&&"center"===u(g?.sneakPeakType,i),s=u(g?.itemNumber,i),o=ea(i),d=ec({swiperWidth:t,slidesPerView:ep,itemNumberByDevice:s,centeredSlides:l}),p=g?.initialSlide||P||0;return e[n]={allowTouchMove:o,slidesOffsetBefore:d,slidesOffsetAfter:d,initialSlide:p,centeredSlides:l},e},{}),a="center"===u(g?.sneakPeakType,q)&&"number"==typeof u(g?.itemNumber,q)&&Number(u(g?.itemNumber,q))>1;return{speed:y?.playSpeed??500,dir:g?.rtl?"rtl":"ltr",spaceBetween:u(y?.spacing,q)||0,loop:e,slidesPerView:"auto"===u(Z,q,1)?"auto":ep,direction:em,breakpoints:n,isSneakPeekCenter:a,slidesOffsetBefore:n?.[i]?.slidesOffsetBefore,thumbs:{slideThumbActiveClass:"gem-slider-item-active"},loopPreventsSliding:!1,autoplay:{delay:(g?.autoplayTimeout??1)*1e3,pauseOnMouseEnter:g?.pauseOnHover,stopOnLastSlide:!e}}},[y?.playSpeed,g?.rtl,y?.spacing,q,z,ep,g?.sneakPeakType,g?.pauseOnHover,g?.autoplayTimeout,c?.width,j]),eh=i(e=>{let t=c&&c.params?.slidesPerView,r=t?c?.slidesPerViewDynamic():1;if(e<=1)return!1;let i="auto"===ek.slidesPerView?r:ek.slidesPerView;if(!Q||e<Number(i)||!C)return!1;let n=u(g?.sneakPeak,q,!1),a=n&&"center"===u(g?.sneakPeakType,q),l=Number.isNaN(Number(i))?1:Math.ceil(Number(i));a&&l%2==0&&(l+=1);let s=a?Math.max(1,Math.ceil(l/2)):1;return e<l+s},[c,ek.slidesPerView,Q,C,g?.sneakPeak,g?.sneakPeakType,q]);return a(()=>{let e=`[data-id="${b?.uid}"]`;W({event:"gp:change-next-slide",selector:e,elementRef:R},e=>{let{data:t,isRollback:r,uniqueStorageKey:i}=e||{};eo({element:R.current,data:t,isRollback:r,key:i})}),W({event:"gp:change-previous-slide",selector:e,elementRef:R},e=>{let{data:t,isRollback:r,uniqueStorageKey:i}=e||{};eu({element:R.current,data:t,isRollback:r,key:i})}),W({event:"gp:change-image-step",selector:e,elementRef:R},e=>{let{data:t,isRollback:r,uniqueStorageKey:i}=e||{};ed({element:R.current,data:t,isRollback:r,key:i})}),W({event:"gp:change-index-slide",selector:e},t=>{let r=document.querySelector(e),{data:i,isRollback:n,uniqueStorageKey:a}=t||{};ed({element:r,data:i,isRollback:n,key:a})})},[]),a(()=>{A(k)},[k]),a(()=>{if("number"==typeof P){if($.current=P,c?.params?.loop){c?.slideToLoop(P);return}c?.slideTo(P)}},[c,P,v]),a(()=>{if(!c)return;let e=()=>{A(c.slides.length)},t=()=>{S&&S(c.realIndex)},r=()=>{F(c.realIndex),L(c?.translate===0),I(c?.translate<=c?.maxTranslate())};return c.on("transitionEnd",r),c.on("slideChange",e),c.on("slideChangeTransitionStart",t),()=>{c?.off("slideChange",e),c?.off("slideChangeTransitionStart",t),c?.off("transitionEnd",r)}},[ek.loop,c]),a(()=>{c?.wrapperEl&&(c.wrapperEl.style.transitionTimingFunction=g?.animationMode??"ease")},[c,g?.animationMode]),a(()=>{if(c&&c.autoplay){let e="edit"===U?!!H&&g?.runPreview&&g?.autoplay:g?.autoplay;e?c.autoplay.start():c.autoplay.stop()}},[c,g?.autoplay,U,H,g?.runPreview]),a(()=>{let e=e=>{if(b?.uid!==e?.detail.componentUid)return;let t=e?.detail.index||0;c?.slideToLoop(t)};return window.addEventListener("move-to-idx",e),()=>window.removeEventListener("move-to-idx",e)},[c,b?.uid]),a(()=>{if(!c)return;let e=c.el;e?.classList?.remove("swiper-horizontal","swiper-vertical");let t=u(g?.vertical,q)?"swiper-vertical":"swiper-horizontal";e?.classList?.add(t),c?.slides?.forEach(e=>{e.style.width="",e.style.height=""}),c?.update()},[q,g?.vertical,c,c?.params]),a(()=>{if(!c||!T)return;let e=()=>{let e=c?.slides?.slice(0,k)||[],t=Number(ek?.spaceBetween||0),r=e.reduce((e,t)=>e+t.offsetHeight,0)+t*(e.length-1),i=e.reduce((e,t)=>e+t.offsetWidth,0)+t*(e.length-1),n=c.params?.direction==="horizontal"?i>(c.width||0):r>(c.height||0);O(n)};return e(),c.on("resize",e),c.on("update",e),c.on("slidesLengthChange",e),c.on("orientationchange",e),()=>{c.off("resize",e),c.off("update",e),c.off("slidesLengthChange",e),c.off("orientationchange",e)}},[c]),{isInfinity:Q,sliderSettings:ek,totalSlideItem:j,currentSlide:D,localRef:R,isRenderDots:ef,showNavigation:ee,isScrollToStart:E,isScrollToEnd:M,handleDotClick:(e,t)=>{let r=g?.sneakPeak?.[q]?e:t?e:en(e);if(t){if(k<ep){c?.slideTo(r);return}if(c?.realIndex===r)return;if(r===Number(c?.realIndex)+1||0===r&&c?.realIndex===k-1)return c?.slideNext();if(r===Number(c?.realIndex)-1||r===k-1&&c?.realIndex===0)return c?.slidePrev();let e="center"===u(g?.sneakPeakType,q)&&"number"==typeof u(g?.itemNumber,q)&&Number(u(g?.itemNumber,q))%2==0;e?c?.slideToLoopCenterSneakPeek(r):c?.slideToLoop(r)}else c?.slideTo(r);$.current=r},getItemsPerPage:ei,handleNextAndPrevSlide:e=>{"next"===e?c?.slideNext():c?.slidePrev(),N&&(h&&clearTimeout(h),h=setTimeout(()=>N&&N(),500))},dispatchEventSelectSlide:e=>{K({event:"gp:rollback:select-slide",selector:`[data-id="${b?.uid}"]`,element:w?.current}),K({event:"gp:select-slide",selector:`[data-id="${b?.uid}"]`,data:e,element:w?.current})},getNumberOfFullWidthShow:er,setCurrentSlide:F,shouldDuplicateSlides:eh,setIsScrollToStart:L,setIsScrollToEnd:I,isHideNavigation:_}};export{f as useCarousel};
+import{useState as e,useRef as t,useMemo as r,useCallback as n,useImperativeHandle as a,useEffect as i}from"react";import{useCurrentDevice as l,useEditorMode as s,useInteraction as o,getResponsiveValueByScreen as d,DEVICES as u}from"@gem-sdk/core";import p from"./useTrackPreviewPause.js";let m=(m,f,c,k)=>{let h;let{builderProps:P,moveToIdx:w,styles:y,setting:b,isHiddenArrowWhenDisabled:g=!0,elmRef:v,isEnableCheckHasScrollableContent:T,isDisableResetSlide:N,onClickArrow:x,onHandleChangeSlideByInteraction:S,onChangeActive:E}=m,[O,C]=e(!0),[M,I]=e(!0),[L,z]=e(!1),[B,A]=e(!0),[F,V]=e(!1),{loop:R,navigationEnable:$={desktop:!0},navigationStyle:D}=b??{},[j,H]=e(k),[q,G]=e(b?.defaultCurrentSlider??0),{isFirstPreviewClicked:U}=p(b?.runPreview),W=t(),J=t(w??0),K=l(),Q=s(),{onListener:X,saveToElementInteractionData:Y,getInteractionPreviousData:Z,trigger:_}=o(),ee=r(()=>d(R,K,!1),[R,K]),et=n(()=>{if(!b?.slidesToShow)return null;let e={};return u.forEach(t=>{let r=d(b?.slidesToShow,t);e[t]=r?"auto"===r?4:Math.floor(r):0}),e},[b?.slidesToShow]),er=n(()=>{if(!b?.slidesToShow)return null;let e={};return u.forEach(t=>{let r=d(b?.slidesToShow,t);e[t]=r?"auto"===r?4:r:0}),e},[b?.slidesToShow]),en=r(()=>{let e=er();if(e)return e;let t={};return u.forEach(e=>{let r=d(b?.sneakPeak,e),n=r?"center"===d(b?.sneakPeakType,e)?d(b?.sneakPeakOffsetCenter,e)??0:d(b?.sneakPeakOffsetForward,e)??0:0,a="center"===d(b?.sneakPeakType,e)?-2:-1,i=d(b?.itemNumber,e);t[e]="number"==typeof i?i+n/100*a:"auto"}),t},[er,b?.itemNumber,b?.sneakPeak,b?.sneakPeakOffsetCenter,b?.sneakPeakOffsetForward,b?.sneakPeakType]),ea=r(()=>{let e=d(en,K),t=d(R,K,!1);return t&&Number(e??0)>k||!t&&Number(e??0)>=k},[en,K,R,k]),ei=r(()=>{let e=d($,K),t=d(D,K);return e&&"none"!==t},[$,K,D]),el=r(()=>!!c&&O&&!ea,[c,O,ea]),es=r(()=>{let e=et();return e||b?.itemNumber},[et,b?.itemNumber]),eo=n(e=>{let t="center"===d(b?.sneakPeakType,e)?2:1;return"number"==typeof d(es,e,4)?d(es,e,4)-t:void 0},[b?.sneakPeakType,es]),ed=()=>{let e="auto"===d(en,K,1)?1:d(en,K,1);return e??1},eu=n(()=>{let e=d(en,K,1),t=eo(K)??1,r=d(b?.sneakPeak,K,!1);return Array.from({length:Math.max(ee?k:r?Math.min(k-t+1,k):"auto"===e?0:Math.ceil(k/Number(e)),0)},(e,t)=>t)},[k,en,K,eo,b?.sneakPeak,ee]),ep=e=>{let t=e*ed();return t>=j-ed()&&(t=j-ed()),t},em=e=>{let t="edit"===Q?{[e]:!1}:b?.enableDrag;return d(t,e)};a(f,()=>({nextSlideInteraction:ek,previousSlideInteraction:eh,moveToSlideInteraction:eP,getSwiper:()=>c}));let ef=e=>{c?.slideTo(e),S&&S(e)},ec=(e,t)=>{let{key:r,data:n,isRollback:a,element:i}=e,l=Math.max(c?.activeIndex??0,0);if(a&&void 0===n)return;if(a){if("specific"===t){let{previousData:e}=Z(i,r);ef(Number(e))}else ef("next"===t?l-1:l+1);return}let s="specific"===t?Math.max(J.current,0):l;Y(i,r,s.toString());let o="specific"===t?Number(n):"next"===t?l+1:l-1;ef(o)},ek=e=>{ec(e,"next")},eh=e=>{ec(e,"previous")},eP=e=>{ec(e,"specific")},ew=ed(),ey=r(()=>!!j&&c&&d(b?.dot,K)&&!ea&&k>1,[j,c,b?.dot,K,ea,k]),eb=d(b?.vertical,K,!1)?"vertical":"horizontal",eg=r(()=>d(b?.sneakPeak,K,!1)&&"center"===d(b?.sneakPeakType,K)&&"number"==typeof d(b?.itemNumber,K)&&Number(d(b?.itemNumber,K))>1,[b?.sneakPeak,b?.sneakPeakType,b?.itemNumber,K]),ev=e=>{let{swiperWidth:t,slidesPerView:r,itemNumberByDevice:n,centeredSlides:a}=e;if(!a||!n)return 0;let i=t/r,l=(Number(n)-2)/2-1;return-(i/2+l*i)},eT=r(()=>{let e=d(R,K,!1),t=c?.width??0,r={0:"mobile",768:"tablet",1025:"desktop"},n=Number(Object.entries(r).find(([,e])=>e===K)?.[0]??1025),a=Object.entries(r).reduce((e,[r,n])=>{if(!e)return;let a=Number(r),i=d(b?.sneakPeak,n,!1),l=i&&"center"===d(b?.sneakPeakType,n),s=d(b?.itemNumber,n),o=em(n),u=ev({swiperWidth:t,slidesPerView:ew,itemNumberByDevice:s,centeredSlides:l}),p=b?.initialSlide||w||0;return e[a]={allowTouchMove:o,slidesOffsetBefore:u,slidesOffsetAfter:u,initialSlide:p,centeredSlides:l},e},{}),i=d(b?.sneakPeak,K,!1)&&"center"===d(b?.sneakPeakType,K)&&"number"==typeof d(b?.itemNumber,K)&&Number(d(b?.itemNumber,K))>1;return{speed:y?.playSpeed??500,dir:b?.rtl?"rtl":"ltr",spaceBetween:d(y?.spacing,K)||0,loop:e,slidesPerView:"auto"===d(en,K,1)?"auto":ew,direction:eb,breakpoints:a,isSneakPeekCenter:i,slidesOffsetBefore:a?.[n]?.slidesOffsetBefore,thumbs:{slideThumbActiveClass:"gem-slider-item-active"},loopPreventsSliding:!1,touchStartPreventDefault:!1,autoplay:!!b?.autoplay&&{delay:(b?.autoplayTimeout??1)*1e3,pauseOnMouseEnter:b?.pauseOnHover,stopOnLastSlide:!e}}},[b?.autoplay,y?.playSpeed,b?.rtl,y?.spacing,K,R,ew,b?.sneakPeakType,b?.pauseOnHover,b?.autoplayTimeout,c?.width,j]),eN=d(b?.sneakPeak,K),ex=n(e=>{let t=c&&c.params?.slidesPerView,r=t?c?.slidesPerViewDynamic():1;if(e<=1)return!1;let n="auto"===eT.slidesPerView?r:eT.slidesPerView;if(!ee||e<Number(n)||!O)return!1;let a=d(b?.sneakPeak,K,!1),i=a&&"center"===d(b?.sneakPeakType,K),l=Number.isNaN(Number(n))?1:Math.ceil(Number(n));i&&l%2==0&&(l+=1);let s=i?Math.max(1,Math.ceil(l/2)):1;return e<l+s},[c,eT.slidesPerView,ee,O,b?.sneakPeak,b?.sneakPeakType,K]);i(()=>{let e=`[data-id="${P?.uid}"]`;X({event:"gp:change-next-slide",selector:e,elementRef:W},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e||{};ek({element:W.current,data:t,isRollback:r,key:n})}),X({event:"gp:change-previous-slide",selector:e,elementRef:W},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e||{};eh({element:W.current,data:t,isRollback:r,key:n})}),X({event:"gp:change-image-step",selector:e,elementRef:W},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e||{};eP({element:W.current,data:t,isRollback:r,key:n})}),X({event:"gp:change-index-slide",selector:e},t=>{let r=document.querySelector(e),{data:n,isRollback:a,uniqueStorageKey:i}=t||{};eP({element:r,data:n,isRollback:a,key:i})})},[]),i(()=>{H(k)},[k]);let eS=n(()=>{N||(G(0),I(!0),z(!1),A(!0),V(!1))},[N]);i(()=>{if("number"==typeof w){if(J.current=w,c?.params?.loop){c?.slideToLoop(w);return}c?.slideTo(w)}},[c,w,g]);let eE=n(()=>{let e=d(b?.loop,K,!1);if(!c)return;if(!eg||e){c.allowSlideNext=!0,c.allowSlidePrev=!0;return}let t=eu().length;if(!t){c.allowSlideNext=!0,c.allowSlidePrev=!0;return}let r=c.snapIndex>=t-1;c.isEnd=r,c.allowSlideNext=!r,c.allowSlidePrev=!0},[c,b?.loop,K,eg,eu]);return i(()=>{if(!c)return;let e=()=>{H(c.slides.length),eE(),A(c.isBeginning),V(c.isEnd)},t=()=>{E&&E(c.realIndex)},r=()=>{let e=d(b?.loop,K,!1);eg&&!e&&(c.allowSlideNext=!0,c.allowSlidePrev=!0)},n=()=>{let e=d(b?.loop,K,!1);if(eg&&!e){let e=eu().length,t=e-1,r=c.rtlTranslate?c.snapGrid[t]:-c.snapGrid[t];if(e&&Number.isFinite(r)){let e=c.rtlTranslate?c.translate>r:c.translate<r;e&&(c.allowSlideNext=!0,c.slideTo(t,0,!1))}}eE()},a=()=>{let e=d(b?.sneakPeak,K,!1)&&"center"!==d(b?.sneakPeakType,K);G(!ee&&e?c.snapIndex:c.realIndex),A(c.isBeginning),V(c.isEnd),I(c?.translate===0),z(c?.translate<=c?.maxTranslate())};return c.on("transitionEnd",a),c.on("slideChange",e),c.on("slideChangeTransitionStart",t),c.on("touchStart",r),c.on("touchEnd",n),()=>{c?.off("slideChange",e),c?.off("slideChangeTransitionStart",t),c?.off("transitionEnd",a),c?.off("touchStart",r),c?.off("touchEnd",n)}},[eT.loop,c,eE,ee,K,b?.sneakPeak,b?.sneakPeakType,b?.loop,eg]),i(()=>{if(!c)return;let e=eg?eu().length:0;e>0&&c.snapIndex>=e&&c.slideTo(e-1,0),eE(),A(c.isBeginning),V(c.isEnd)},[ea,c,en,eg,eu,eE]),i(()=>{c?.wrapperEl&&(c.wrapperEl.style.transitionTimingFunction=b?.animationMode??"ease")},[c,b?.animationMode]),i(()=>{if(c&&c.autoplay){let e="edit"===Q?!!U&&b?.runPreview&&b?.autoplay:b?.autoplay;e?c.autoplay.start():c.autoplay.stop()}},[c,b?.autoplay,Q,U,b?.runPreview]),i(()=>{let e=e=>{if(P?.uid!==e?.detail.componentUid)return;let t=e?.detail.index||0;c?.slideToLoop(t)};return window.addEventListener("move-to-idx",e),()=>window.removeEventListener("move-to-idx",e)},[c,P?.uid]),i(()=>{if(!c)return;let e=c.el;e?.classList?.remove("swiper-horizontal","swiper-vertical");let t=d(b?.vertical,K)?"swiper-vertical":"swiper-horizontal";e?.classList?.add(t),c?.slides?.forEach(e=>{e.style.width="",e.style.height=""}),c?.update(),c?.wrapperEl&&c.width&&c.wrapperEl.style.setProperty("width",`${c.width}px`)},[K,b?.vertical,c,c?.params,y?.sizeSetting,D]),i(()=>{let e;let t=c?.el;if(!t||"undefined"==typeof ResizeObserver)return;let r=new ResizeObserver(()=>{cancelAnimationFrame(e),e=requestAnimationFrame(()=>{!c.destroyed&&(c.update(),c.wrapperEl&&c.width&&c.wrapperEl.style.setProperty("width",`${c.width}px`))})});return r.observe(t),()=>{cancelAnimationFrame(e),r.disconnect()}},[c]),i(()=>{if(!c||!T)return;let e=()=>{let e=c?.slides?.slice(0,k)||[],t=Number(eT?.spaceBetween||0),r=e.reduce((e,t)=>e+t.offsetHeight,0)+t*(e.length-1),n=e.reduce((e,t)=>e+t.offsetWidth,0)+t*(e.length-1),a=c.params?.direction==="horizontal"?n>(c.width||0):r>(c.height||0);C(a)};return e(),c.on("resize",e),c.on("update",e),c.on("slidesLengthChange",e),c.on("orientationchange",e),()=>{c.off("resize",e),c.off("update",e),c.off("slidesLengthChange",e),c.off("orientationchange",e)}},[c]),{isInfinity:ee,sliderSettings:eT,totalSlideItem:j,currentSlide:q,localRef:W,isRenderDots:ey,isNavigationEnabled:ei,isNavigationVisible:el,isScrollToStart:M,isScrollToEnd:L,handleDotClick:(e,t)=>{let r=b?.sneakPeak?.[K]?e:t?e:ep(e);if(t){if(k<ew){c?.slideTo(r);return}if(c?.realIndex===r)return;if(r===Number(c?.realIndex)+1||0===r&&c?.realIndex===k-1)return c?.slideNext();if(r===Number(c?.realIndex)-1||r===k-1&&c?.realIndex===0)return c?.slidePrev();let e=d(b?.sneakPeak,K,!1)&&"center"===d(b?.sneakPeakType,K)&&"number"==typeof d(b?.itemNumber,K)&&Number(d(b?.itemNumber,K))%2==0;e?c?.slideToLoopCenterSneakPeek(r):c?.slideToLoop(r)}else c?.slideTo(r);J.current=r},getItemsPerPage:ed,handleNextAndPrevSlide:e=>{"next"===e?c?.slideNext():c?.slidePrev(),x&&(h&&clearTimeout(h),h=setTimeout(()=>x&&x(),500))},dispatchEventSelectSlide:e=>{_({event:"gp:rollback:select-slide",selector:`[data-id="${P?.uid}"]`,element:v?.current}),_({event:"gp:select-slide",selector:`[data-id="${P?.uid}"]`,data:e,element:v?.current})},getNumberOfFullWidthShow:eo,shouldDuplicateSlides:ex,isHideNavigation:ea,sneakPeak:eN,swiperIsBeginning:B,swiperIsEnd:F,handleSwiperReset:eS}};export{m as useCarousel};

package/dist/esm/carousel-v3/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"@gem-sdk/system";import"next/link";import t from"./settings/Carousel.js";import e from"./settings/CarouselItem.js";let r={CarouselV3:t,CarouselItemV3:e};export{r as carouselSettingV3};
+import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"@gem-sdk/system";import"next/link";import"./components/swiper/Swiper.js";import t from"./settings/Carousel.js";import e from"./settings/CarouselItem.js";let r={CarouselV3:t,CarouselItemV3:e};export{r as carouselSettingV3};

package/dist/esm/carousel-v3/settings/configs/ui-v2.js

@@ -1 +1 @@
-let e={hiddenOnMobile:!0,controls:[{label:"Navigation",setting:{id:"navigationEnable"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"navigationEnable === true",label:"Position",setting:{id:"navigationStyle"}},{conditionDisplay:"navigationEnable === true",label:"Icon",setting:{id:"arrowCustom"}},{conditionDisplay:"navigationEnable === true",label:"Icon size",setting:{id:"arrowIconSize"}},{conditionDisplay:"navigationEnable === true",label:"Icon color",setting:{id:"arrowCustomColor"}}],moreSettings:{controls:[{type:"combo",conditionDisplay:"navigationEnable === true",label:"Button size",fixedValue:"Edit",iconName:"polaris-measurement-size",isHideClear:!0,controls:[{setting:{id:"arrowButtonSize"},layout:"vertical"},{label:"Padding",controlConfig:{id:"arrow-button-padding",type:"padding-v2",linkWithSetting:{name:"arrowButtonSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px",linked:!1}}}}}]},{conditionDisplay:"navigationEnable === true",label:"Background",setting:{id:"arrowBackgroundColor"}},{conditionDisplay:"navigationEnable === true",label:"Border",setting:{id:"arrowBorder"}},{conditionDisplay:"navigationEnable === true",label:"Corner",setting:{id:"roundedArrow"}},{conditionDisplay:"navigationEnable === true",label:"Shadow",setting:{id:"arrowShadow"}},{conditionDisplay:"navigationEnable === true",label:"Gap to edge",setting:{id:"arrowGapToEachSide"}},{conditionDisplay:"navigationEnable === true",label:"Show on hover",setting:{id:"showWhenHover"}}]}},t={hiddenOnMobile:!0,controls:[{label:"Dots",setting:{id:"dot"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"dot === true",label:"Position",setting:{id:"dotStyle"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Active color",setting:{id:"dotActiveColor"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Inactive color",setting:{id:"dotColor"},options:{hiddenSwitchDeviceIcon:!0}}],moreSettings:{controls:[{conditionDisplay:"dot === true",label:"Dots size",setting:{id:"dotSize"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Gap to edge",setting:{id:"dotGapToCarousel"},options:{hiddenSwitchDeviceIcon:!0}}]}},i={label:"Slide effect",controls:[{label:"Autoplay",setting:{id:"autoplay"}},{label:"Delay",setting:{id:"autoplayTimeout"},conditionDisplay:"autoplay === true"},{label:"Pause On Hover",setting:{id:"pauseOnHover"},conditionDisplay:"autoplay == true"},{label:"Slide direction",setting:{id:"rtl"}},{label:"Infinity loop",setting:{id:"loop"}},{label:"Drag / swipe",setting:{id:"enableDrag"}}],moreSettings:{controls:[{label:"Slide speed",setting:{id:"playSpeed"}},{label:"Animation",setting:{id:"animationMode"}},{setting:{id:"runPreview"},layout:"vertical",conditionDisplay:"autoplay === true"}]}},o=[{label:"Items per slide",hiddenOnMobile:!0,controls:[{setting:{id:"itemNumber"},layout:"vertical",popoverLabel:"Items per slide"}]},{label:"Display",hiddenOnMobile:!0,controls:[{label:"Sneak peek",type:"combo",setting:{id:"sneakPeak"},fixedValue:"Styled",iconName:"gp-sneak-peek-left",conditionEnable:"itemNumber > 1",options:{disableMessage:"Sneak peek doesn't work <br> with 1-column layout"},controls:[{layout:"vertical",label:"style",setting:{id:"sneakPeakType"}},{conditionDisplay:'sneakPeakType == "forward"',label:"Ratio",setting:{id:"sneakPeakOffsetForward"}},{conditionDisplay:'sneakPeakType == "center"',label:"Ratio",setting:{id:"sneakPeakOffsetCenter"}}]}]},{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Item style",hiddenOnMobile:!0,controls:[{label:"Padding",controlConfig:{id:"itemPadding",type:"padding-v2",linkWithSetting:{name:"itemPadding",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}}},{label:"Background",setting:{id:"background"}}],moreSettings:{controls:[{label:"Border",setting:{id:"borderContent"}},{label:"Corner",setting:{id:"roundedContent"}},{label:"Shadow",setting:{id:"carouselShadow"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"carouselShadow.enable === true",source:["carouselShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"carouselShadow.enable === false",source:["carouselShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]}},e,t,i,{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"sizeSetting",field:"width"},displayOptions:[{label:"Default",value:"default",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"sizeSetting",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"slider-padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}},{label:"Image",setting:{id:"backgroundImage"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.width?.includes("%"))',setting:{id:"align"},hiddenOnMobile:!0,label:"Align",options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{o as SettingUIV2,t as carouselDotsSettings,i as carouselEffectsSettings,e as carouselNavigationSettings};
+let e={hiddenOnMobile:!0,controls:[{label:"Navigation",setting:{id:"navigationEnable"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"navigationEnable === true",label:"Position",setting:{id:"navigationStyle"}},{conditionDisplay:"navigationEnable === true",label:"Icon",setting:{id:"arrowCustom"}},{conditionDisplay:"navigationEnable === true",label:"Icon size",setting:{id:"arrowIconSize"}},{conditionDisplay:"navigationEnable === true",label:"Icon color",setting:{id:"arrowCustomColor"}}],moreSettings:{controls:[{type:"combo",conditionDisplay:"navigationEnable === true",label:"Button size",fixedValue:"Edit",iconName:"polaris-measurement-size",isHideClear:!0,controls:[{setting:{id:"arrowButtonSize"},layout:"vertical"},{label:"Padding",controlConfig:{id:"arrow-button-padding",type:"padding-v2",linkWithSetting:{name:"arrowButtonSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px",linked:!1}}}}}]},{conditionDisplay:"navigationEnable === true",label:"Background",setting:{id:"arrowBackgroundColor"}},{conditionDisplay:"navigationEnable === true",label:"Border",setting:{id:"arrowBorder"}},{conditionDisplay:"navigationEnable === true",label:"Corner",setting:{id:"roundedArrow"}},{conditionDisplay:"navigationEnable === true",label:"Shadow",setting:{id:"arrowShadow"}},{conditionDisplay:"navigationEnable === true",label:"Gap to edge",setting:{id:"arrowGapToEachSide"}},{conditionDisplay:"navigationEnable === true",label:"Show on hover",setting:{id:"showWhenHover"}}]}},t={hiddenOnMobile:!0,controls:[{label:"Dots",setting:{id:"dot"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"dot === true",label:"Position",setting:{id:"dotStyle"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Active color",setting:{id:"dotActiveColor"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Inactive color",setting:{id:"dotColor"},options:{hiddenSwitchDeviceIcon:!0}}],moreSettings:{controls:[{conditionDisplay:"dot === true",label:"Dots size",setting:{id:"dotSize"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Gap to edge",setting:{id:"dotGapToCarousel"},options:{hiddenSwitchDeviceIcon:!0}}]}},i={label:"Slide effect",controls:[{label:"Autoplay",setting:{id:"autoplay"}},{label:"Delay",setting:{id:"autoplayTimeout"},conditionDisplay:"autoplay === true"},{label:"Pause On Hover",setting:{id:"pauseOnHover"},conditionDisplay:"autoplay == true"},{label:"Slide direction",setting:{id:"rtl"}},{label:"Infinity loop",setting:{id:"loop"}},{label:"Drag / swipe",setting:{id:"enableDrag"}}],moreSettings:{controls:[{label:"Slide speed",setting:{id:"playSpeed"}},{label:"Animation",setting:{id:"animationMode"}},{setting:{id:"runPreview"},layout:"vertical",conditionDisplay:"autoplay === true"}]}},o=[{label:"Items per slide",hiddenOnMobile:!0,controls:[{setting:{id:"itemNumber"},layout:"vertical",popoverLabel:"Items per slide",controlChangeTrigger:{settings:[{condition:"itemNumber === 1",source:["itemNumber"],action:{controlId:"sneakPeak",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Display",hiddenOnMobile:!0,controls:[{label:"Sneak peek",type:"combo",setting:{id:"sneakPeak"},fixedValue:"Styled",iconName:"gp-sneak-peek-left",conditionEnable:"itemNumber > 1",options:{disableMessage:"Sneak peek doesn't work <br> with 1-column layout"},controls:[{layout:"vertical",label:"style",setting:{id:"sneakPeakType"}},{conditionDisplay:'sneakPeakType == "forward"',label:"Ratio",setting:{id:"sneakPeakOffsetForward"}},{conditionDisplay:'sneakPeakType == "center"',label:"Ratio",setting:{id:"sneakPeakOffsetCenter"}}]}]},{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Item style",hiddenOnMobile:!0,controls:[{label:"Padding",controlConfig:{id:"itemPadding",type:"padding-v2",linkWithSetting:{name:"itemPadding",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}}},{label:"Background",setting:{id:"background"}}],moreSettings:{controls:[{label:"Border",setting:{id:"borderContent"}},{label:"Corner",setting:{id:"roundedContent"}},{label:"Shadow",setting:{id:"carouselShadow"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"carouselShadow.enable === true",source:["carouselShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"carouselShadow.enable === false",source:["carouselShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]}},e,t,i,{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"sizeSetting",field:"width"},displayOptions:[{label:"Default",value:"default",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"sizeSetting",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"slider-padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}},{label:"Image",setting:{id:"backgroundImage"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.width?.includes("%"))',setting:{id:"align"},hiddenOnMobile:!0,label:"Align",options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{o as SettingUIV2,t as carouselDotsSettings,i as carouselEffectsSettings,e as carouselNavigationSettings};

package/dist/esm/code/common/helpers.js

@@ -0,0 +1 @@
+let e=e=>{let t=document.createElement("div");t.innerHTML=e;let r=t.querySelector("embed, img, input, picture, video");return!r&&!t?.textContent?.trim()},t=e=>e.replace(/<script\b[\s\S]*?<\/script\s*>/gi,"").replace(/<script\b[^>]*\/>/gi,"");export{e as checkIsEmpty,t as removeScriptTags};

package/dist/esm/code/hooks/useCSSCode.js

@@ -1,11 +1,5 @@
-import{useEditorMode as e}from"@gem-sdk/core";import{useCallback as t,useMemo as p}from"react";let l=["SCRIPT"],s=["EMBED","IMG","INPUT","PICTURE","VIDEO"],n=(n,a)=>{let o=e(),{editorData:i}=n||{},{customLabel:r}=a||{},g=t((e,t,p)=>`
+import{useEditorMode as t}from"@gem-sdk/core";import{useMemo as e}from"react";import{removeScriptTags as p,checkIsEmpty as o}from"../common/helpers.js";let s=(s,l)=>{let r=t(),{editorData:a}=s||{},{customLabel:i}=l||{},m=e(()=>`
       <p class="gp-text-center gp-text-sm gp-py-4 gp-leading-6 gp-text-light-500 gp-flex gp-flex-col gp-gap-[4px]">
-       <span>${r||"Custom Code"}</span>
-        ${e||t||p?'<span class="gp-text-[#676767] gp-text-12 gp-leading-5">Publish the page to see the content.</span>':""}
-      </p>`,[r]),c=(e,t)=>{let p=document.createElement("div");p.innerHTML=e;let n=p.childNodes,a=!1,o=!0;if(n.length>0){n.forEach(e=>{l.includes(e?.tagName)&&(a=!0,e?.remove())});let e=p.childNodes;e.forEach(e=>{if(s.includes(e?.tagName))o=!1;else if(e?.nodeName!=="#comment"){let t=e?.textContent?.trim();t&&(o=!1)}})}return o&&(o=!p?.textContent?.trim()),t&&(a=!0),{empty:o,hasScript:a}},d=p(()=>{if("edit"===o){let{empty:e,hasScript:t}=c(i?.html||"",i?.javascript||"");if(t)return`
-        <div class="gp-py-4 gp-font-[sans-serif] gp-flex gp-flex-col gp-gap-[4px]" >
-          <p class="gp-text-center gp-text-sm  gp-leading-[21px] gp-text-[#676767] ">
-            Publish the page to see the content.
-          </p>
-        </div>
-        `;if(e)return g(i?.css||"",i?.javascript||"",i?.html||"")}return i?.html?.trim()},[o,i?.html,i?.javascript,i?.css,g]);return{mode:o,htmlPlainText:d,handleDoubleClickCustomCode:e=>{if(2===e.detail){let e=new CustomEvent("editor:toolbar:open-custom-code",{bubbles:!0});window.dispatchEvent(e)}}}};export{n as default};
+       <span>${i||"Custom Code"}</span>
+       ${a?.css||a?.javascript||a?.html?'<span class="gp-text-[#676767] gp-text-12 gp-leading-5" data-test="publish-hint">Publish the page to see the content.</span>':""}
+      </p>`,[i]),n=e(()=>{if("edit"===r){let t=p(a?.html||""),e=o(t);return e?m:t.trim()}return a?.html?.trim()},[r,a?.html,m]);return{mode:r,htmlPlainText:n,handleDoubleClickCustomCode:t=>{if(2===t.detail){let t=new CustomEvent("editor:toolbar:open-custom-code",{bubbles:!0});window.dispatchEvent(t)}}}};export{s as default};

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

@@ -1 +1 @@
-import e from"../../text/components/TextInline.js";import{getDynamicSourceLocales as t,createSettingId as a}from"../../helpers.js";import{createClass as r}from"@gem-sdk/system";import{getStyleEstimateDate as u}from"./styles.js";import{EstimateDate as l}from"../settings/configs/translate.js";let n=e=>e?"number"==typeof e?e:Number(e.split("days")[0]):0,s=e=>{let t=new Date(Date.now()),a=n(e?.estimateTime),r=n(e?.minEstimate),u=n(e?.maxEstimate),l=e?.typeFormat==="Custom"?e?.customFormat:e?.typeFormat;if(!l)return"";if(e?.typeEstimate===d.SPECIFIC){let e=`${p(g(a),l)}`;return e}p(t);let s=`${p(g(r),l)} - ${p(g(u),l)}`;return s},i=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"}},o=({type:e,styles:t,setting:a,builderProps:r,pageContext:u})=>{let l="React"===e,n=m({type:e,styles:t,setting:a,builderProps:r,pageContext:u});return{text:n,htmlTag:i(a),globalSize:a?.globalSize,background:a?.background,...!l&&{isForceValue:!0}}},m=({type:n,styles:i,setting:o,builderProps:m,pageContext:y})=>{let d="React"===n,p=r({"estimate-date-main":!0}),g=d||y?.isPreviewing?o?.customText:t({val:o?.customText,uid:m?.uid,settingId:a({id:l?.customText?.id}),pageContext:y??{},isCapitalize:i?.typo?.attrs?.transform==="capitalize"}).toString();return`${o?.enableCustomText===!1?"":e({styles:u(i,"typoCustom"),setting:{text:g},elementAttrs:{debugText:JSON.stringify({pageContext:y,setting:o,isReact:d,builderProps:m,textWithTranslate:g}).replaceAll("'","'")}})} ${e({styles:u(i,"typoDate"),setting:{text:s(o)},className:p})}`},y={SHOW:"show",HIDE:"hide"},d={SPECIFIC:"specific",RANGE:"range"},p=(e,t="%B %d, %Y")=>{let a=e.getMonth()+1,r=e.getDate(),u=e.getFullYear(),l=[{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:u.toString().slice(-2)},{type:"%Y",value:u},{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 l.forEach(e=>{t=t.replaceAll(e?.type,e?.value?.toString()||"")}),t},g=e=>{let t=new Date,a=new Date(t);return a.setDate(t.getDate()+Number(e)),a},c=()=>{let e=new Date(Date.now());return{FORMAT_1:{Label:p(e,"%b %d"),value:"%b %d"},FORMAT_2:{Label:p(e,"%b %d, %Y"),value:"%b %d, %Y"},FORMAT_3:{Label:p(e,"%a, %b %d"),value:"%a, %b %d"},FORMAT_4:{Label:p(e,"%d/%m/%Y"),value:"%d/%m/%Y"},FORMAT_5:{Label:p(e,"%Y/%m/%d"),value:"%Y/%m/%d"},FORMAT_6:{Label:"Custom"}}};export{d as ESTIMATE_DAYS,y as OUT_OF_STOCK,p as getDayFormat,g as getFutureDay,o as getNewSetting,c as listFormatDate};
+import e from"../../text/components/TextInline.js";import{getDynamicSourceLocales as t,createSettingId as a}from"../../helpers.js";import{createClass as r}from"@gem-sdk/system";import{getStyleEstimateDate as u}from"./styles.js";import{EstimateDate as l}from"../settings/configs/translate.js";let s=e=>e?"number"==typeof e?e:Number(e.split("days")[0]):0,n=e=>{let t=new Date(Date.now()),a=s(e?.estimateTime),r=s(e?.minEstimate),u=s(e?.maxEstimate),l=e?.typeFormat==="Custom"?e?.customFormat:e?.typeFormat;if(!l)return"";if(e?.typeEstimate===d.SPECIFIC){let e=`${p(g(a),l)}`;return e}p(t);let n=`${p(g(r),l)} - ${p(g(u),l)}`;return n},i=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"}},o=({type:e,styles:t,setting:a,builderProps:r,pageContext:u})=>{let l="React"===e,s=m({type:e,styles:t,setting:a,builderProps:r,pageContext:u});return{text:s,htmlTag:i(a),globalSize:a?.globalSize,background:a?.background,...!l&&{isForceValue:!0}}},m=({type:s,styles:i,setting:o,builderProps:m,pageContext:y})=>{let d="React"===s,p=r({"estimate-date-main":!0}),g=d||y?.isPreviewing?o?.customText:t({val:o?.customText,uid:m?.uid,settingId:a({id:l?.customText?.id}),pageContext:y??{},isCapitalize:i?.typo?.attrs?.transform==="capitalize"}).toString();return`${o?.enableCustomText===!1?"":e({styles:u(i,"typoCustom"),setting:{text:g},elementAttrs:{debugText:JSON.stringify({pageContext:y,setting:o,isReact:d,builderProps:m,textWithTranslate:g}).replaceAll("'","'")}})} ${e({styles:u(i,"typoDate"),setting:{text:n(o)},className:p})}`},y={SHOW:"show",HIDE:"hide"},d={SPECIFIC:"specific",RANGE:"range"},p=(e,t="%B %d, %Y")=>{let a=e.getMonth()+1,r=e.getDate(),u=e.getFullYear(),l=[{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:u.toString().slice(-2)},{type:"%Y",value:u},{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 l.forEach(e=>{t=t.replaceAll(e?.type,e?.value?.toString()||"")}),t},g=e=>{let t=new Date,a=new Date(t);return a.setDate(t.getDate()+Number(e)),a},c=()=>{let e=new Date(Date.now());return{FORMAT_1:{Label:p(e,"%b %d"),value:"%b %d"},FORMAT_2:{Label:p(e,"%b %d, %Y"),value:"%b %d, %Y"},FORMAT_3:{Label:p(e,"%a, %b %d"),value:"%a, %b %d"},FORMAT_4:{Label:p(e,"%d/%m/%Y"),value:"%d/%m/%Y"},FORMAT_5:{Label:p(e,"%Y/%m/%d"),value:"%Y/%m/%d"},FORMAT_6:{Label:"Custom"}}};export{d as ESTIMATE_DAYS,y as OUT_OF_STOCK,p as getDayFormat,g as getFutureDay,o as getNewSetting,c as listFormatDate};

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

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

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

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

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

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

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

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

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

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

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

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

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

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