npm - @gem-sdk/components - Versions diffs - 11.2.5 → 12.0.0-dev.24 - Mend

@gem-sdk/components 11.2.5 → 12.0.0-dev.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (106) hide show

package/dist/cjs/carousel-v3/hooks/useCarousel.js CHANGED Viewed

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

package/dist/cjs/countdown-timer/common/helpers.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";const convertTime=(e,t)=>{let a=timeOffset(e);return{week:a.weeks,day:t.enableWeek?a.days:a.totalDays,hour:t.enableDay?a.hours:a.totalHours,minute:t.enableHour\|\|t.enableDay\|\|t.enableWeek?a.minutes:a.totalMinutes,second:t.enableMinute\|\|t.enableHour\|\|t.enableDay\|\|t.enableWeek?a.seconds:a.totalSeconds}},timeOffset=e=>({seconds:e%60,minutes:Math.floor(e/60)%60,hours:Math.floor(e/60/60)%24,days:Math.floor(e/60/60/24)%7,weeks:Math.floor(e/60/60/24/7),months:Math.floor(e/60/60/24/30.4368),totalDays:Math.floor(e/60/60/24),totalHours:Math.floor(e/60/60),totalMinutes:Math.floor(e/60),totalSeconds:e}),formatTime=e=>Number.isNaN(e)\|\|0===e?"00":e<10?`0${e}`:e,calculateTime=e=>{let t=new Date().getTime();e\|\|(e=getEndTime(0,3,0));let a=Math.ceil((e-t)/1e3);return a>0?a:0},getEndTime=(e,t,a)=>{let r=new Date,n=new Date;return r.setDate(n.getDate()+e),r.setHours(n.getHours()+t),r.setMinutes(n.getMinutes()+a),r.setSeconds(n.getSeconds()),r.getTime()},daily=(e,t,a)=>{let r=new Date,n=to24HrTime(`${e}:${t} ${a}`);e=n.hours,t=n.mins;let s=new Date(r.getFullYear(),r.getMonth(),r.getDate(),e,t).getTime(),o=s-r.getTime();return o<0&&(o+=864e5),Math.ceil(o/1e3)},standard=(e,t)=>calculateTime(getStandardEndtime(e,t)),~~getStandardEndtime~~=(e~~,t)~~=>{let a=~~0,r=new Date~~(e);if(~~void 0!=~~t&&~~""!=~~t~~&&((a~~=parseInt(t)?parseInt(t)~~:parseInt~~(~~t.slice~~(3)))~~\|\|0~~===a)){let e=new Date().getTimezoneOffset();r=new Date(r.getTime()-6e4e-36e5a)}return r.getTime()},evergreen=e=>{let{days:t,hours:a,mins:r,seconds:n=0}=e;return(t??0)86400+(a??0)3600+(r??0)60+(n??0)},refreshAfterFinish=(e,t)=>{let a=new Date().getTime(),r=(86400t.days+3600t.hours+60t.mins)*1e3,n=(a-e)%r;return Math.ceil((r-n)/1e3)},to24HrTime=e=>{let[t,a,r]=e.toLowerCase().match(/\d+\|[a-z]+/g)\|\|[],n=`${Number(t)%12+("am"==r?0:12)}:${a}`.split(":");return{hours:parseInt(n[0]?n[0]:"0"),mins:parseInt(n[1]?n[1]:"0")}};exports.calculateTime=calculateTime,exports.convertTime=convertTime,exports.daily=daily,exports.evergreen=evergreen,exports.formatTime=formatTime,exports.getEndTime=getEndTime,exports.getStandardEndtime=getStandardEndtime,exports.refreshAfterFinish=refreshAfterFinish,exports.standard=standard;
1	+ "use strict";const convertTime=(e,t)=>{let r=timeOffset(e);return{week:r.weeks,day:t.enableWeek?r.days:r.totalDays,hour:t.enableDay?r.hours:r.totalHours,minute:t.enableHour\|\|t.enableDay\|\|t.enableWeek?r.minutes:r.totalMinutes,second:t.enableMinute\|\|t.enableHour\|\|t.enableDay\|\|t.enableWeek?r.seconds:r.totalSeconds}},timeOffset=e=>({seconds:e%60,minutes:Math.floor(e/60)%60,hours:Math.floor(e/60/60)%24,days:Math.floor(e/60/60/24)%7,weeks:Math.floor(e/60/60/24/7),months:Math.floor(e/60/60/24/30.4368),totalDays:Math.floor(e/60/60/24),totalHours:Math.floor(e/60/60),totalMinutes:Math.floor(e/60),totalSeconds:e}),formatTime=e=>Number.isNaN(e)\|\|0===e?"00":e<10?`0${e}`:e,calculateTime=e=>{let t=new Date().getTime();e\|\|(e=getEndTime(0,3,0));let r=Math.ceil((e-t)/1e3);return r>0?r:0},getEndTime=(e,t,r)=>{let a=new Date,n=new Date;return a.setDate(n.getDate()+e),a.setHours(n.getHours()+t),a.setMinutes(n.getMinutes()+r),a.setSeconds(n.getSeconds()),a.getTime()},daily=(e,t,r)=>{let a=new Date,n=to24HrTime(`${e}:${t} ${r}`);e=n.hours,t=n.mins;let s=new Date(a.getFullYear(),a.getMonth(),a.getDate(),e,t).getTime(),o=s-a.getTime();return o<0&&(o+=864e5),Math.ceil(o/1e3)},standard=(e,t,r)=>calculateTime(getStandardEndtime(e,t,r)),parseTimezoneOffset=e=>{let t=e?.match(/([+-]\d{2}):(\d{2})$/);if(t?.[1]&&t?.[2]){let e=parseInt(t[1]),r=parseInt(t[2]),a=60e+(e>=0?r:-r);return-a}let r=e?.match(/GMT([+-])(\d{2})(\d{2})/);if(r?.[1]&&r?.[2]&&r?.[3]){let e="+"===r[1]?-1:1,t=parseInt(r[2])e,a=parseInt(r[3])e;return 60t+a}return null},handleDateUTCFormat=(e,t)=>{let r=new Date().getTimezoneOffset();return(e=new Date(e.getTime()-6e4r-36e5t)).getTime()},handleDateGMTFormat=({endTime:e,timezoneNumber:t,standardType:r})=>{let a=new Date(e);if("specific-time-zone"===r){let r="string"==typeof e?parseTimezoneOffset(e):null,n=-(60t);return r?a.getTime()-(r-n)6e4:a.getTime()}let n=new Date().getTimezoneOffset(),s="string"==typeof e?parseTimezoneOffset(e):null;return s?a.getTime()+(n-s)6e4:a.getTime()},getStandardEndtime=(e,t,r)=>{if(!e)return 0;let a=new Date(e),n=0;n=t&&parseInt(t)?parseInt(t):parseInt(t.slice(3));let s="number"==typeof e\|\|"string"==typeof e&&e.includes("Z");return s?handleDateUTCFormat(a,n):handleDateGMTFormat({endTime:e,timezoneNumber:n,standardType:r})},evergreen=e=>{let{days:t,hours:r,mins:a,seconds:n=0}=e;return(t??0)86400+(r??0)3600+(a??0)60+(n??0)},refreshAfterFinish=(e,t)=>{let r=new Date().getTime(),a=(86400t.days+3600t.hours+60t.mins)1e3,n=(r-e)%a;return Math.ceil((a-n)/1e3)},to24HrTime=e=>{let[t,r,a]=e.toLowerCase().match(/\d+\|[a-z]+/g)\|\|[],n=`${Number(t)%12+("am"==a?0:12)}:${r}`.split(":");return{hours:parseInt(n[0]?n[0]:"0"),mins:parseInt(n[1]?n[1]:"0")}};exports.calculateTime=calculateTime,exports.convertTime=convertTime,exports.daily=daily,exports.evergreen=evergreen,exports.formatTime=formatTime,exports.getEndTime=getEndTime,exports.getStandardEndtime=getStandardEndtime,exports.refreshAfterFinish=refreshAfterFinish,exports.standard=standard;

package/dist/cjs/countdown-timer/hooks/useCountDownTimer.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),useTimeLeft=require("./useTimeLeft.js"),React=require("react"),helpers=require("../common/helpers.js"),common=require("../../product/components/product-variants/common/common.js");const useCountDownTimer=(e,r)=>{let t=React.useRef(null),{trigger:n}=core.useInteraction(),{timerDaily:o,timerEverygreen:i,dateStandard:u,behaviour:s,redirectUrl:a,timeZone:c,~~enableDay~~:m,~~enableHour~~:l,~~enableMinute~~:d,~~enableSecond~~:p,~~enableWeek~~:b,autoHideWhenTimeout:f}=e??{},g="evergreen"===s&&!f&&e?.loopAfterFinish,v=useTimeLeft.default({timerDaily:o,timerEverygreen:i,dateStandard:u,behaviour:s,loopAfterFinish:g,redirectUrl:a,timeZone:c}),{week:h,day:T,hour:j,minute:q,second:y}=helpers.convertTime(v,{enableWeek:b,enableDay:m,enableHour:l,enableMinute:d,enableSecond:p});common.useTransition(e=>{e!==v&&O(v)},[v]);let O=e=>{let o=t.current,i=new Map(Object.entries(JSON.parse(o?.getAttribute("gp-interaction-counter")??"{}")));i.size<=0\|\|i.forEach((t,u)=>{e!==Number(u)\|\|(n({event:"gp:countdown-timer",selector:`[data-id="${r?.uid}"]`,element:o,data:Number(u)}),g\|\|(i.delete(u),o.setAttribute("gp-interaction-counter",JSON.stringify(Object.fromEntries(i)))))})};return{week:h,day:T,hour:j,minute:q,second:y,timeLeft:v,ref:t}};exports.default=useCountDownTimer;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),useTimeLeft=require("./useTimeLeft.js"),React=require("react"),helpers=require("../common/helpers.js"),common=require("../../product/components/product-variants/common/common.js");const useCountDownTimer=(e,r)=>{let t=React.useRef(null),{trigger:n}=core.useInteraction(),{timerDaily:o,timerEverygreen:i,dateStandard:u,behaviour:s,redirectUrl:a,timeZone:c,standardType:m,enableDay:l,enableHour:d,enableMinute:p,enableSecond:b,enableWeek:f,autoHideWhenTimeout:g}=e??{},v="evergreen"===s&&!g&&e?.loopAfterFinish,T=useTimeLeft.default({timerDaily:o,timerEverygreen:i,dateStandard:u,behaviour:s,loopAfterFinish:v,redirectUrl:a,timeZone:c,standardType:m}),{week:h,day:j,hour:y,minute:q,second:O}=helpers.convertTime(T,{enableWeek:f,enableDay:l,enableHour:d,enableMinute:p,enableSecond:b});common.useTransition(e=>{e!==T&&w(T)},[T]);let w=e=>{let o=t.current,i=new Map(Object.entries(JSON.parse(o?.getAttribute("gp-interaction-counter")??"{}")));i.size<=0\|\|i.forEach((t,u)=>{e!==Number(u)\|\|(n({event:"gp:countdown-timer",selector:`[data-id="${r?.uid}"]`,element:o,data:Number(u)}),v\|\|(i.delete(u),o.setAttribute("gp-interaction-counter",JSON.stringify(Object.fromEntries(i)))))})};return{week:h,day:j,hour:y,minute:q,second:O,timeLeft:T,ref:t}};exports.default=useCountDownTimer;

package/dist/cjs/countdown-timer/hooks/useTimeLeft.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),core=require("@gem-sdk/core"),helpers=require("../common/helpers.js");const useTimeLeft=e=>{let r=core.useEditorMode(),{timerDaily:t,behaviour:s,timerEverygreen:n,loopAfterFinish:a,redirectUrl:i,timeZone:u,dateStandard:c}=e,l=React.useMemo(()=>{switch(s){case"daily":return helpers.daily(t.hours,t.mins,t.format);case"evergreen":return helpers.evergreen(n);case"standard":return helpers.standard(c,u);default:return 0}},[s,c,u,t.format,t.hours,t.mins,n.endTime]),[o,h]=React.useState(l),f=React.useRef(),d=React.useCallback(()=>h(e=>e<=0?(i.link&&"#"!==i.link&&"edit"!==r&&window.open(i.link,i.target),isLoopAfterFinish(a,s))?evergreenRefreshAfterFinish(n):(clearInterval(f.current),0):e-1),[s,a,r,i.link,i.target,n]);return React.useEffect(()=>{let e=isLoopAfterFinish(a,s);return e&&(clearInterval(f.current),h(evergreenRefreshAfterFinish(n)),f.current=setInterval(d,1e3)),l<=0&&!e&&(clearInterval(f.current),h(0)),l>0&&(clearInterval(f.current),h(l),f.current=setInterval(d,1e3)),()=>{clearInterval(f.current)}},[s,d,l,a,n]),o},isLoopAfterFinish=(e,r)=>e&&"evergreen"===r,evergreenRefreshAfterFinish=e=>helpers.refreshAfterFinish(e.endTime,{days:e.days,hours:e.hours,mins:e.mins});exports.default=useTimeLeft;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),core=require("@gem-sdk/core"),helpers=require("../common/helpers.js");const useTimeLeft=e=>{let r=core.useEditorMode(),{timerDaily:t,behaviour:s,timerEverygreen:n,loopAfterFinish:a,redirectUrl:i,timeZone:u,dateStandard:c,standardType:l}=e,o=React.useMemo(()=>{switch(s){case"daily":return helpers.daily(t.hours,t.mins,t.format);case"evergreen":return helpers.evergreen(n);case"standard":return helpers.standard(c,u,l);default:return 0}},[s,c,u,l,t.format,t.hours,t.mins,n.endTime]),[h,f]=React.useState(o),d=React.useRef(),v=React.useCallback(()=>f(e=>e<=0?(i.link&&"#"!==i.link&&"edit"!==r&&window.open(i.link,i.target),isLoopAfterFinish(a,s))?evergreenRefreshAfterFinish(n):(clearInterval(d.current),0):e-1),[s,a,r,i.link,i.target,n]);return React.useEffect(()=>{let e=isLoopAfterFinish(a,s);return e&&(clearInterval(d.current),f(evergreenRefreshAfterFinish(n)),d.current=setInterval(v,1e3)),o<=0&&!e&&(clearInterval(d.current),f(0)),o>0&&(clearInterval(d.current),f(o),d.current=setInterval(v,1e3)),()=>{clearInterval(d.current)}},[s,v,o,a,n]),h},isLoopAfterFinish=(e,r)=>e&&"evergreen"===r,evergreenRefreshAfterFinish=e=>helpers.refreshAfterFinish(e.endTime,{days:e.days,hours:e.hours,mins:e.mins});exports.default=useTimeLeft;

package/dist/cjs/countdown-timer/settings/Countdown.js CHANGED Viewed

@@ -6,4 +6,4 @@
         <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path opacity="0.96" d="M6.66797 28.1193C6.02592 28.1193 5.47905 27.9446 5.02734 27.5952C4.57564 27.2429 4.23047 26.733 3.99183 26.0653C3.7532 25.3949 3.63388 24.5852 3.63388 23.6364C3.63388 22.6932 3.7532 21.8878 3.99183 21.2202C4.23331 20.5497 4.5799 20.0384 5.03161 19.6861C5.48615 19.331 6.03161 19.1534 6.66797 19.1534C7.30433 19.1534 7.84837 19.331 8.30007 19.6861C8.75462 20.0384 9.10121 20.5497 9.33984 21.2202C9.58132 21.8878 9.70206 22.6932 9.70206 23.6364C9.70206 24.5852 9.58274 25.3949 9.34411 26.0653C9.10547 26.733 8.7603 27.2429 8.30859 27.5952C7.85689 27.9446 7.31001 28.1193 6.66797 28.1193ZM6.66797 27.1818C7.30433 27.1818 7.79865 26.875 8.15092 26.2614C8.5032 25.6477 8.67933 24.7727 8.67933 23.6364C8.67933 22.8807 8.59837 22.2372 8.43643 21.706C8.27734 21.1747 8.04723 20.7699 7.74609 20.4915C7.4478 20.2131 7.08842 20.0739 6.66797 20.0739C6.03729 20.0739 5.54439 20.3849 5.18928 21.0071C4.83416 21.6264 4.65661 22.5028 4.65661 23.6364C4.65661 24.392 4.73615 25.0341 4.89524 25.5625C5.05433 26.0909 5.28303 26.4929 5.58132 26.7685C5.88246 27.044 6.24467 27.1818 6.66797 27.1818ZM14.168 28.1193C13.5259 28.1193 12.979 27.9446 12.5273 27.5952C12.0756 27.2429 11.7305 26.733 11.4918 26.0653C11.2532 25.3949 11.1339 24.5852 11.1339 23.6364C11.1339 22.6932 11.2532 21.8878 11.4918 21.2202C11.7333 20.5497 12.0799 20.0384 12.5316 19.6861C12.9862 19.331 13.5316 19.1534 14.168 19.1534C14.8043 19.1534 15.3484 19.331 15.8001 19.6861C16.2546 20.0384 16.6012 20.5497 16.8398 21.2202C17.0813 21.8878 17.2021 22.6932 17.2021 23.6364C17.2021 24.5852 17.0827 25.3949 16.8441 26.0653C16.6055 26.733 16.2603 27.2429 15.8086 27.5952C15.3569 27.9446 14.81 28.1193 14.168 28.1193ZM14.168 27.1818C14.8043 27.1818 15.2987 26.875 15.6509 26.2614C16.0032 25.6477 16.1793 24.7727 16.1793 23.6364C16.1793 22.8807 16.0984 22.2372 15.9364 21.706C15.7773 21.1747 15.5472 20.7699 15.2461 20.4915C14.9478 20.2131 14.5884 20.0739 14.168 20.0739C13.5373 20.0739 13.0444 20.3849 12.6893 21.0071C12.3342 21.6264 12.1566 22.5028 12.1566 23.6364C12.1566 24.392 12.2362 25.0341 12.3952 25.5625C12.5543 26.0909 12.783 26.4929 13.0813 26.7685C13.3825 27.044 13.7447 27.1818 14.168 27.1818ZM22.9464 26.8835C22.7362 26.8835 22.5558 26.8082 22.4052 26.6577C22.2546 26.5071 22.1793 26.3267 22.1793 26.1165C22.1793 25.9062 22.2546 25.7259 22.4052 25.5753C22.5558 25.4247 22.7362 25.3494 22.9464 25.3494C23.1566 25.3494 23.337 25.4247 23.4876 25.5753C23.6381 25.7259 23.7134 25.9062 23.7134 26.1165C23.7134 26.2557 23.6779 26.3835 23.6069 26.5C23.5387 26.6165 23.4464 26.7102 23.3299 26.7812C23.2163 26.8494 23.0884 26.8835 22.9464 26.8835ZM22.9464 22.4688C22.7362 22.4688 22.5558 22.3935 22.4052 22.2429C22.2546 22.0923 22.1793 21.9119 22.1793 21.7017C22.1793 21.4915 22.2546 21.3111 22.4052 21.1605C22.5558 21.0099 22.7362 20.9347 22.9464 20.9347C23.1566 20.9347 23.337 21.0099 23.4876 21.1605C23.6381 21.3111 23.7134 21.4915 23.7134 21.7017C23.7134 21.8409 23.6779 21.9688 23.6069 22.0852C23.5387 22.2017 23.4464 22.2955 23.3299 22.3665C23.2163 22.4347 23.0884 22.4688 22.9464 22.4688ZM31.7227 28.1193C31.0806 28.1193 30.5337 27.9446 30.082 27.5952C29.6303 27.2429 29.2852 26.733 29.0465 26.0653C28.8079 25.3949 28.6886 24.5852 28.6886 23.6364C28.6886 22.6932 28.8079 21.8878 29.0465 21.2202C29.288 20.5497 29.6346 20.0384 30.0863 19.6861C30.5408 19.331 31.0863 19.1534 31.7227 19.1534C32.359 19.1534 32.9031 19.331 33.3548 19.6861C33.8093 20.0384 34.1559 20.5497 34.3945 21.2202C34.636 21.8878 34.7567 22.6932 34.7567 23.6364C34.7567 24.5852 34.6374 25.3949 34.3988 26.0653C34.1602 26.733 33.815 27.2429 33.3633 27.5952C32.9116 27.9446 32.3647 28.1193 31.7227 28.1193ZM31.7227 27.1818C32.359 27.1818 32.8533 26.875 33.2056 26.2614C33.5579 25.6477 33.734 24.7727 33.734 23.6364C33.734 22.8807 33.6531 22.2372 33.4911 21.706C33.332 21.1747 33.1019 20.7699 32.8008 20.4915C32.5025 20.2131 32.1431 20.0739 31.7227 20.0739C31.092 20.0739 30.5991 20.3849 30.244 21.0071C29.8888 21.6264 29.7113 22.5028 29.7113 23.6364C29.7113 24.392 29.7908 25.0341 29.9499 25.5625C30.109 26.0909 30.3377 26.4929 30.636 26.7685C30.9371 27.044 31.2994 27.1818 31.7227 27.1818ZM39.2227 28.1193C38.5806 28.1193 38.0337 27.9446 37.582 27.5952C37.1303 27.2429 36.7852 26.733 36.5465 26.0653C36.3079 25.3949 36.1886 24.5852 36.1886 23.6364C36.1886 22.6932 36.3079 21.8878 36.5465 21.2202C36.788 20.5497 37.1346 20.0384 37.5863 19.6861C38.0408 19.331 38.5863 19.1534 39.2227 19.1534C39.859 19.1534 40.4031 19.331 40.8548 19.6861C41.3093 20.0384 41.6559 20.5497 41.8945 21.2202C42.136 21.8878 42.2567 22.6932 42.2567 23.6364C42.2567 24.5852 42.1374 25.3949 41.8988 26.0653C41.6602 26.733 41.315 27.2429 40.8633 27.5952C40.4116 27.9446 39.8647 28.1193 39.2227 28.1193ZM39.2227 27.1818C39.859 27.1818 40.3533 26.875 40.7056 26.2614C41.0579 25.6477 41.234 24.7727 41.234 23.6364C41.234 22.8807 41.1531 22.2372 40.9911 21.706C40.832 21.1747 40.6019 20.7699 40.3008 20.4915C40.0025 20.2131 39.6431 20.0739 39.2227 20.0739C38.592 20.0739 38.0991 20.3849 37.744 21.0071C37.3888 21.6264 37.2113 22.5028 37.2113 23.6364C37.2113 24.392 37.2908 25.0341 37.4499 25.5625C37.609 26.0909 37.8377 26.4929 38.136 26.7685C38.4371 27.044 38.7994 27.1818 39.2227 27.1818ZM48.0011 26.8835C47.7908 26.8835 47.6104 26.8082 47.4599 26.6577C47.3093 26.5071 47.234 26.3267 47.234 26.1165C47.234 25.9062 47.3093 25.7259 47.4599 25.5753C47.6104 25.4247 47.7908 25.3494 48.0011 25.3494C48.2113 25.3494 48.3917 25.4247 48.5423 25.5753C48.6928 25.7259 48.7681 25.9062 48.7681 26.1165C48.7681 26.2557 48.7326 26.3835 48.6616 26.5C48.5934 26.6165 48.5011 26.7102 48.3846 26.7812C48.271 26.8494 48.1431 26.8835 48.0011 26.8835ZM48.0011 22.4688C47.7908 22.4688 47.6104 22.3935 47.4599 22.2429C47.3093 22.0923 47.234 21.9119 47.234 21.7017C47.234 21.4915 47.3093 21.3111 47.4599 21.1605C47.6104 21.0099 47.7908 20.9347 48.0011 20.9347C48.2113 20.9347 48.3917 21.0099 48.5423 21.1605C48.6928 21.3111 48.7681 21.4915 48.7681 21.7017C48.7681 21.8409 48.7326 21.9688 48.6616 22.0852C48.5934 22.2017 48.5011 22.2955 48.3846 22.3665C48.271 22.4347 48.1431 22.4688 48.0011 22.4688ZM56.7773 28.1193C56.1353 28.1193 55.5884 27.9446 55.1367 27.5952C54.685 27.2429 54.3398 26.733 54.1012 26.0653C53.8626 25.3949 53.7433 24.5852 53.7433 23.6364C53.7433 22.6932 53.8626 21.8878 54.1012 21.2202C54.3427 20.5497 54.6893 20.0384 55.141 19.6861C55.5955 19.331 56.141 19.1534 56.7773 19.1534C57.4137 19.1534 57.9577 19.331 58.4094 19.6861C58.864 20.0384 59.2106 20.5497 59.4492 21.2202C59.6907 21.8878 59.8114 22.6932 59.8114 23.6364C59.8114 24.5852 59.6921 25.3949 59.4535 26.0653C59.2148 26.733 58.8697 27.2429 58.418 27.5952C57.9663 27.9446 57.4194 28.1193 56.7773 28.1193ZM56.7773 27.1818C57.4137 27.1818 57.908 26.875 58.2603 26.2614C58.6126 25.6477 58.7887 24.7727 58.7887 23.6364C58.7887 22.8807 58.7077 22.2372 58.5458 21.706C58.3867 21.1747 58.1566 20.7699 57.8555 20.4915C57.5572 20.2131 57.1978 20.0739 56.7773 20.0739C56.1467 20.0739 55.6538 20.3849 55.2987 21.0071C54.9435 21.6264 54.766 22.5028 54.766 23.6364C54.766 24.392 54.8455 25.0341 55.0046 25.5625C55.1637 26.0909 55.3924 26.4929 55.6907 26.7685C55.9918 27.044 56.354 27.1818 56.7773 27.1818ZM64.2773 28.1193C63.6353 28.1193 63.0884 27.9446 62.6367 27.5952C62.185 27.2429 61.8398 26.733 61.6012 26.0653C61.3626 25.3949 61.2433 24.5852 61.2433 23.6364C61.2433 22.6932 61.3626 21.8878 61.6012 21.2202C61.8427 20.5497 62.1893 20.0384 62.641 19.6861C63.0955 19.331 63.641 19.1534 64.2773 19.1534C64.9137 19.1534 65.4577 19.331 65.9094 19.6861C66.364 20.0384 66.7106 20.5497 66.9492 21.2202C67.1907 21.8878 67.3114 22.6932 67.3114 23.6364C67.3114 24.5852 67.1921 25.3949 66.9535 26.0653C66.7148 26.733 66.3697 27.2429 65.918 27.5952C65.4663 27.9446 64.9194 28.1193 64.2773 28.1193ZM64.2773 27.1818C64.9137 27.1818 65.408 26.875 65.7603 26.2614C66.1126 25.6477 66.2887 24.7727 66.2887 23.6364C66.2887 22.8807 66.2077 22.2372 66.0458 21.706C65.8867 21.1747 65.6566 20.7699 65.3555 20.4915C65.0572 20.2131 64.6978 20.0739 64.2773 20.0739C63.6467 20.0739 63.1538 20.3849 62.7987 21.0071C62.4435 21.6264 62.266 22.5028 62.266 23.6364C62.266 24.392 62.3455 25.0341 62.5046 25.5625C62.6637 26.0909 62.8924 26.4929 63.1907 26.7685C63.4918 27.044 63.854 27.1818 64.2773 27.1818ZM73.0558 26.8835C72.8455 26.8835 72.6651 26.8082 72.5146 26.6577C72.364 26.5071 72.2887 26.3267 72.2887 26.1165C72.2887 25.9062 72.364 25.7259 72.5146 25.5753C72.6651 25.4247 72.8455 25.3494 73.0558 25.3494C73.266 25.3494 73.4464 25.4247 73.5969 25.5753C73.7475 25.7259 73.8228 25.9062 73.8228 26.1165C73.8228 26.2557 73.7873 26.3835 73.7163 26.5C73.6481 26.6165 73.5558 26.7102 73.4393 26.7812C73.3256 26.8494 73.1978 26.8835 73.0558 26.8835ZM73.0558 22.4688C72.8455 22.4688 72.6651 22.3935 72.5146 22.2429C72.364 22.0923 72.2887 21.9119 72.2887 21.7017C72.2887 21.4915 72.364 21.3111 72.5146 21.1605C72.6651 21.0099 72.8455 20.9347 73.0558 20.9347C73.266 20.9347 73.4464 21.0099 73.5969 21.1605C73.7475 21.3111 73.8228 21.4915 73.8228 21.7017C73.8228 21.8409 73.7873 21.9688 73.7163 22.0852C73.6481 22.2017 73.5558 22.2955 73.4393 22.3665C73.3256 22.4347 73.1978 22.4688 73.0558 22.4688ZM81.832 28.1193C81.19 28.1193 80.6431 27.9446 80.1914 27.5952C79.7397 27.2429 79.3945 26.733 79.1559 26.0653C78.9173 25.3949 78.7979 24.5852 78.7979 23.6364C78.7979 22.6932 78.9173 21.8878 79.1559 21.2202C79.3974 20.5497 79.744 20.0384 80.1957 19.6861C80.6502 19.331 81.1957 19.1534 81.832 19.1534C82.4684 19.1534 83.0124 19.331 83.4641 19.6861C83.9187 20.0384 84.2653 20.5497 84.5039 21.2202C84.7454 21.8878 84.8661 22.6932 84.8661 23.6364C84.8661 24.5852 84.7468 25.3949 84.5082 26.0653C84.2695 26.733 83.9244 27.2429 83.4727 27.5952C83.021 27.9446 82.4741 28.1193 81.832 28.1193ZM81.832 27.1818C82.4684 27.1818 82.9627 26.875 83.315 26.2614C83.6673 25.6477 83.8434 24.7727 83.8434 23.6364C83.8434 22.8807 83.7624 22.2372 83.6005 21.706C83.4414 21.1747 83.2113 20.7699 82.9102 20.4915C82.6119 20.2131 82.2525 20.0739 81.832 20.0739C81.2013 20.0739 80.7085 20.3849 80.3533 21.0071C79.9982 21.6264 79.8207 22.5028 79.8207 23.6364C79.8207 24.392 79.9002 25.0341 80.0593 25.5625C80.2184 26.0909 80.4471 26.4929 80.7454 26.7685C81.0465 27.044 81.4087 27.1818 81.832 27.1818ZM89.332 28.1193C88.69 28.1193 88.1431 27.9446 87.6914 27.5952C87.2397 27.2429 86.8945 26.733 86.6559 26.0653C86.4173 25.3949 86.2979 24.5852 86.2979 23.6364C86.2979 22.6932 86.4173 21.8878 86.6559 21.2202C86.8974 20.5497 87.244 20.0384 87.6957 19.6861C88.1502 19.331 88.6957 19.1534 89.332 19.1534C89.9684 19.1534 90.5124 19.331 90.9641 19.6861C91.4187 20.0384 91.7653 20.5497 92.0039 21.2202C92.2454 21.8878 92.3661 22.6932 92.3661 23.6364C92.3661 24.5852 92.2468 25.3949 92.0082 26.0653C91.7695 26.733 91.4244 27.2429 90.9727 27.5952C90.521 27.9446 89.9741 28.1193 89.332 28.1193ZM89.332 27.1818C89.9684 27.1818 90.4627 26.875 90.815 26.2614C91.1673 25.6477 91.3434 24.7727 91.3434 23.6364C91.3434 22.8807 91.2624 22.2372 91.1005 21.706C90.9414 21.1747 90.7113 20.7699 90.4102 20.4915C90.1119 20.2131 89.7525 20.0739 89.332 20.0739C88.7013 20.0739 88.2085 20.3849 87.8533 21.0071C87.4982 21.6264 87.3207 22.5028 87.3207 23.6364C87.3207 24.392 87.4002 25.0341 87.5593 25.5625C87.7184 26.0909 87.9471 26.4929 88.2454 26.7685C88.5465 27.044 88.9087 27.1818 89.332 27.1818Z" fill="#F9F9F9"/>
         </svg>
-        `},components:[{tag:"Countdown",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]}]};exports.default=config;
+        `},components:[{tag:"Countdown",settings:{standardType:"specific-time-zone"},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]}]};exports.default=config;

package/dist/cjs/countdown-timer/settings/configs/setting.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var helpers=require("../../common/helpers.js");const CountdownSettings=[{id:"setting",controls:[{id:"countdownSettings",label:"Countdown Settings",type:"group",controls:[{id:"segment",type:"group",controls:[{id:"behaviour",label:"Type",type:"select",default:"standard",options:[{label:"End at",value:"standard"},{label:"Auto-renew",value:"daily"},{label:"Manual",value:"evergreen"}]},{id:"dateStandard",label:"Date",type:"dateTimePicker",default:helpers.getEndTime(7,0,0)},{id:"timeZone",label:"Time Zone",type:"select",options:[{value:"UTC-12",label:"UTC-12"},{value:"UTC-11",label:"UTC-11"},{value:"UTC-10",label:"UTC-10"},{value:"UTC-9:30",label:"UTC-9:30"},{value:"UTC-9",label:"UTC-9"},{value:"UTC-8",label:"UTC-8"},{value:"UTC-7",label:"UTC-7"},{value:"UTC-6",label:"UTC-6"},{value:"UTC-5",label:"UTC-5"},{value:"UTC-4",label:"UTC-4"},{value:"UTC-3",label:"UTC-3"},{value:"UTC-2:30",label:"UTC-2:30"},{value:"UTC-2",label:"UTC-2"},{value:"UTC-1",label:"UTC-1"},{value:"UTC+0",label:"UTC+0"},{value:"UTC+1",label:"UTC+1"},{value:"UTC+2",label:"UTC+2"},{value:"UTC+3",label:"UTC+3"},{value:"UTC+3:30",label:"UTC+3:30"},{value:"UTC+4",label:"UTC+4"},{value:"UTC+4:30",label:"UTC+4:30"},{value:"UTC+5",label:"UTC+5"},{value:"UTC+5:30",label:"UTC+5:30"},{value:"UTC+5:45",label:"UTC+5:45"},{value:"UTC+6",label:"UTC+6"},{value:"UTC+6:30",label:"UTC+6:30"},{value:"UTC+7",label:"UTC+7"},{value:"UTC+8",label:"UTC+8"},{value:"UTC+8:45",label:"UTC+8:45"},{value:"UTC+9",label:"UTC+9"},{value:"UTC+9:30",label:"UTC+9:30"},{value:"UTC+10",label:"UTC+10"},{value:"UTC+10:30",label:"UTC+10:30"},{value:"UTC+11",label:"UTC+11"},{value:"UTC+12",label:"UTC+12"},{value:"UTC+12:45",label:"UTC+12:45"}],default:"UTC-4"},{id:"timerDaily",type:"countdown:daily",default:{hours:10,mins:0,format:"am"}},{id:"timerEverygreen",type:"countdown:evergreen",default:{days:0,hours:3,mins:0,endTime:new Date().getTime()+108e5,startTime:new Date().getTime()}}]},{id:"loopAfterFinish",label:"Loop (refresh after finish)",type:"toggle",default:!0},{id:"autoHideWhenTimeout",label:"Auto Hide when timeout",type:"toggle",info:"The countdown will automatically hide after it finishes instead of showing 0 value.",default:!1}]},{id:"countdownLabel",type:"group",label:"Label",controls:[{id:"enableDay",label:"Day",type:"option:value",default:!0,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"dayLabel",label:"Label",type:"input",default:"Day",hide:!1},{id:"enableHour",label:"Hour",type:"option:value",default:!0,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"hourLabel",label:"Label",type:"input",default:"Hour",hide:!1},{id:"enableMinute",label:"Minute",type:"option:value",default:!0,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"minuteLabel",label:"Label",type:"input",default:"Minute",hide:!1},{id:"enableSecond",label:"Second",type:"option:value",default:!0,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"secondLabel",label:"Label",type:"input",default:"Second",hide:!1},{id:"enableWeek",label:"Week",type:"option:value",default:!1,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"weekLabel",label:"Label",type:"input",default:"Week",hide:!1}]},{id:"translate",type:"input",default:"dayLabel,hourLabel,minuteLabel,secondLabel,weekLabel"},{id:"redirectUrl",type:"pick-link",customLabel:{en:"Action"},default:{type:"stay-on-page",link:"",target:"_self"}}]},{id:"style",controls:[{id:"enableLabelTextStyle",label:"",type:"toggle",default:!0},{id:"textNumberGroup",label:"Text Number",type:"group",controls:[{id:"numTypo",type:"typography-v2",label:"Typography",default:{type:"subheading-2",attrs:{color:"text-2",bold:!0}},compoDefaultValue:{attrs:{color:"text-2"}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"colorNumber",type:"colorpicker",label:"Color",default:"text-2"}]},{id:"textLabel",label:"Text Label",type:"group",controls:[{id:"labelTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-2",attrs:{color:"text-1"}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"colorLabel",type:"colorpicker",label:"Color",default:"text-2"}]},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}},{id:"padding",type:"padding-v2",devices:{desktop:{default:{padding:{type:"custom",top:"12px",left:"24px",bottom:"12px",right:"24px"}}}},compoDefaultValue:{desktop:{default:{padding:{type:"custom",top:"12px",left:"24px",bottom:"12px",right:"24px"}}}}},{id:"itemSettingGroup",type:"group",label:"Item Settings",controls:[{id:"backgroundItemColor",type:"color-picker-v2",label:"Background Color",default:"bg-2"},{id:"verticalGap",label:"Vertical Gap",type:"input:slider",min:0,max:120,ignoreMax:!0,units:["px"],default:"8px"},{id:"horizontalGap",label:"Horizontal Gap",type:"input:slider",min:0,max:120,ignoreMax:!0,units:["px"],default:"16px"},{id:"itemPadding",label:"Padding",type:"padding-v2",devices:{desktop:{default:{top:"8px",bottom:"8px",left:"24px",right:"24px"}}},compoDefaultValue:{desktop:{default:{top:"8px",bottom:"8px",left:"24px",right:"24px"}}}}]},{id:"behavior-state",type:"behavior-state",label:"Behavior State",controls:[{id:"borderState",type:"border",label:"Border",emptyOnClear:!0,default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},compoDefaultValue:{normal:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}},state:{hover:!0,normal:!0}},{id:"roundedState",type:"radius-preset",label:"Border Radius",default:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}},state:{hover:!0,normal:!0}}]}]}];exports.CountdownSettings=CountdownSettings;
1	+ "use strict";var helpers=require("../../common/helpers.js");const CountdownSettings=[{id:"setting",controls:[{id:"countdownSettings",label:"Countdown Settings",type:"group",controls:[{id:"segment",type:"group",controls:[{id:"behaviour",label:"Type",type:"select",default:"standard",options:[{label:"End at",value:"standard"},{label:"Auto-renew",value:"daily"},{label:"Manual",value:"evergreen"}]},{id:"dateStandard",label:"Date",type:"dateTimePicker",default:helpers.getEndTime(7,0,0)},{id:"timeZone",label:"Time Zone",type:"select",options:[{value:"UTC-12",label:"UTC-12"},{value:"UTC-11",label:"UTC-11"},{value:"UTC-10",label:"UTC-10"},{value:"UTC-9:30",label:"UTC-9:30"},{value:"UTC-9",label:"UTC-9"},{value:"UTC-8",label:"UTC-8"},{value:"UTC-7",label:"UTC-7"},{value:"UTC-6",label:"UTC-6"},{value:"UTC-5",label:"UTC-5"},{value:"UTC-4",label:"UTC-4"},{value:"UTC-3",label:"UTC-3"},{value:"UTC-2:30",label:"UTC-2:30"},{value:"UTC-2",label:"UTC-2"},{value:"UTC-1",label:"UTC-1"},{value:"UTC+0",label:"UTC+0"},{value:"UTC+1",label:"UTC+1"},{value:"UTC+2",label:"UTC+2"},{value:"UTC+3",label:"UTC+3"},{value:"UTC+3:30",label:"UTC+3:30"},{value:"UTC+4",label:"UTC+4"},{value:"UTC+4:30",label:"UTC+4:30"},{value:"UTC+5",label:"UTC+5"},{value:"UTC+5:30",label:"UTC+5:30"},{value:"UTC+5:45",label:"UTC+5:45"},{value:"UTC+6",label:"UTC+6"},{value:"UTC+6:30",label:"UTC+6:30"},{value:"UTC+7",label:"UTC+7"},{value:"UTC+8",label:"UTC+8"},{value:"UTC+8:45",label:"UTC+8:45"},{value:"UTC+9",label:"UTC+9"},{value:"UTC+9:30",label:"UTC+9:30"},{value:"UTC+10",label:"UTC+10"},{value:"UTC+10:30",label:"UTC+10:30"},{value:"UTC+11",label:"UTC+11"},{value:"UTC+12",label:"UTC+12"},{value:"UTC+12:45",label:"UTC+12:45"}],default:"UTC-4"},{id:"standardType",label:"Apply",type:"select",options:[{value:"specific-time-zone",label:"Based on a specific time zone"},{value:"all-time-zones",label:"Across all time zones"}],default:"all-time-zones"},{id:"timerDaily",type:"countdown:daily",default:{hours:10,mins:0,format:"am"}},{id:"timerEverygreen",type:"countdown:evergreen",default:{days:0,hours:3,mins:0,endTime:new Date().getTime()+108e5,startTime:new Date().getTime()}}]},{id:"loopAfterFinish",label:"Loop (refresh after finish)",type:"toggle",default:!0},{id:"autoHideWhenTimeout",label:"Auto Hide when timeout",type:"toggle",info:"The countdown will automatically hide after it finishes instead of showing 0 value.",default:!1}]},{id:"countdownLabel",type:"group",label:"Label",controls:[{id:"enableDay",label:"Day",type:"option:value",default:!0,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"dayLabel",label:"Label",type:"input",default:"Day",hide:!1},{id:"enableHour",label:"Hour",type:"option:value",default:!0,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"hourLabel",label:"Label",type:"input",default:"Hour",hide:!1},{id:"enableMinute",label:"Minute",type:"option:value",default:!0,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"minuteLabel",label:"Label",type:"input",default:"Minute",hide:!1},{id:"enableSecond",label:"Second",type:"option:value",default:!0,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"secondLabel",label:"Label",type:"input",default:"Second",hide:!1},{id:"enableWeek",label:"Week",type:"option:value",default:!1,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"weekLabel",label:"Label",type:"input",default:"Week",hide:!1}]},{id:"translate",type:"input",default:"dayLabel,hourLabel,minuteLabel,secondLabel,weekLabel"},{id:"redirectUrl",type:"pick-link",customLabel:{en:"Action"},default:{type:"stay-on-page",link:"",target:"_self"}}]},{id:"style",controls:[{id:"enableLabelTextStyle",label:"",type:"toggle",default:!0},{id:"textNumberGroup",label:"Text Number",type:"group",controls:[{id:"numTypo",type:"typography-v2",label:"Typography",default:{type:"subheading-2",attrs:{color:"text-2",bold:!0}},compoDefaultValue:{attrs:{color:"text-2"}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"colorNumber",type:"colorpicker",label:"Color",default:"text-2"}]},{id:"textLabel",label:"Text Label",type:"group",controls:[{id:"labelTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-2",attrs:{color:"text-1"}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"colorLabel",type:"colorpicker",label:"Color",default:"text-2"}]},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}},{id:"padding",type:"padding-v2",devices:{desktop:{default:{padding:{type:"custom",top:"12px",left:"24px",bottom:"12px",right:"24px"}}}},compoDefaultValue:{desktop:{default:{padding:{type:"custom",top:"12px",left:"24px",bottom:"12px",right:"24px"}}}}},{id:"itemSettingGroup",type:"group",label:"Item Settings",controls:[{id:"backgroundItemColor",type:"color-picker-v2",label:"Background Color",default:"bg-2"},{id:"verticalGap",label:"Vertical Gap",type:"input:slider",min:0,max:120,ignoreMax:!0,units:["px"],default:"8px"},{id:"horizontalGap",label:"Horizontal Gap",type:"input:slider",min:0,max:120,ignoreMax:!0,units:["px"],default:"16px"},{id:"itemPadding",label:"Padding",type:"padding-v2",devices:{desktop:{default:{top:"8px",bottom:"8px",left:"24px",right:"24px"}}},compoDefaultValue:{desktop:{default:{top:"8px",bottom:"8px",left:"24px",right:"24px"}}}}]},{id:"behavior-state",type:"behavior-state",label:"Behavior State",controls:[{id:"borderState",type:"border",label:"Border",emptyOnClear:!0,default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},compoDefaultValue:{normal:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}},state:{hover:!0,normal:!0}},{id:"roundedState",type:"radius-preset",label:"Border Radius",default:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}},state:{hover:!0,normal:!0}}]}]}];exports.CountdownSettings=CountdownSettings;

package/dist/cjs/countdown-timer/settings/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";const SettingUIV2=[{label:{en:"Countdown time"},controls:[{label:{en:"Type"},setting:{id:"behaviour"}},{conditionDisplay:'behaviour === "standard"',label:{en:"Date"},setting:{id:"dateStandard"}},{conditionDisplay:'behaviour === "standard"',label:{en:"Time zone"},setting:{id:"timeZone"}},{conditionDisplay:'behaviour === "daily"',setting:{id:"timerDaily"},layout:"vertical"},{conditionDisplay:'behaviour === "evergreen"',setting:{id:"timerEverygreen"},layout:"vertical"}]},{label:{en:"Item management"},controls:[{type:"combo",label:{en:"Items"},fixedValue:"5 items",iconName:"polaris-list-bulleted",popoverLabel:{en:"Item management"},isHideClear:!0,controls:[{label:{en:"Week"},setting:{id:"enableWeek"}},{label:{en:"Week caption"},conditionDisplay:"enableWeek === true",setting:{id:"weekLabel"}},{label:{en:"Day"},setting:{id:"enableDay"}},{label:{en:"Day caption"},conditionDisplay:"enableDay === true",setting:{id:"dayLabel"}},{label:{en:"Hour"},setting:{id:"enableHour"}},{label:{en:"Hour caption"},conditionDisplay:"enableHour === true",setting:{id:"hourLabel"}},{label:{en:"Minute"},setting:{id:"enableMinute"}},{label:{en:"Minute caption"},conditionDisplay:"enableMinute === true",setting:{id:"minuteLabel"}},{label:{en:"Second"},setting:{id:"enableSecond"}},{label:{en:"Second caption"},conditionDisplay:"enableSecond === true",setting:{id:"secondLabel"}}]}]},{label:{en:"Item style"},controls:[{label:{en:"Item gap"},setting:{id:"verticalGap"}},{label:{en:"Padding"},setting:{id:"itemPadding"}},{label:{en:"Background"},setting:{id:"backgroundItemColor"}},{label:{en:"Border"},setting:{id:"borderState",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedState",state:"normal"}}]},{label:{en:"Time"},controls:[{label:{en:"Item style"},type:"combo",popoverLabel:{en:"Time text style"},iconName:"polaris-text-title",getValueFromSettingID:"numTypo.type",isHideClear:!0,isTypoValue:!0,controls:[{setting:{id:"numTypo"},layout:"vertical"}]}]},{controls:[{label:{en:"Caption"},setting:{id:"enableLabelTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Text style"},popoverLabel:{en:"Caption text style"},conditionDisplay:"enableLabelTextStyle == true",type:"combo",iconName:"polaris-text-title",isHideClear:!0,getValueFromSettingID:"labelTypo.type",isTypoValue:!0,controls:[{setting:{id:"labelTypo"},layout:"vertical"}]}]},{label:{en:"Item spacing"},controls:[{label:{en:"gap"},setting:{id:"horizontalGap"}}]},{label:{en:"Size"},controls:[{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"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}}}]},{label:{en:"After expired"},controls:[{label:{en:"Hide timer"},setting:{id:"autoHideWhenTimeout"}},{conditionDisplay:'behaviour === "evergreen" && autoHideWhenTimeout === false',label:{en:"Loop"},setting:{id:"loopAfterFinish"}},{setting:{id:"redirectUrl"},layout:"vertical"}]},{controls:[{label:{en:"Align"},setting:{id:"textAlign"},options:{labelVariant:"primary",fullWidth:!0}}]}];exports.SettingUIV2=SettingUIV2;
1	+ "use strict";const SettingUIV2=[{label:{en:"Countdown time"},controls:[{label:{en:"Type"},setting:{id:"behaviour"}},{label:{en:"Apply"},setting:{id:"standardType"},conditionDisplay:'behaviour == "standard"'},{conditionDisplay:'behaviour === "standard"',label:{en:"Date"},setting:{id:"dateStandard"}},{conditionDisplay:'behaviour === "standard" && standardType != "all-time-zones"',label:{en:"Time zone"},setting:{id:"timeZone"}},{conditionDisplay:'behaviour === "daily"',setting:{id:"timerDaily"},layout:"vertical"},{conditionDisplay:'behaviour === "evergreen"',setting:{id:"timerEverygreen"},layout:"vertical"}]},{label:{en:"Item management"},controls:[{type:"combo",label:{en:"Items"},fixedValue:"5 items",iconName:"polaris-list-bulleted",popoverLabel:{en:"Item management"},isHideClear:!0,controls:[{label:{en:"Week"},setting:{id:"enableWeek"}},{label:{en:"Week caption"},conditionDisplay:"enableWeek === true",setting:{id:"weekLabel"}},{label:{en:"Day"},setting:{id:"enableDay"}},{label:{en:"Day caption"},conditionDisplay:"enableDay === true",setting:{id:"dayLabel"}},{label:{en:"Hour"},setting:{id:"enableHour"}},{label:{en:"Hour caption"},conditionDisplay:"enableHour === true",setting:{id:"hourLabel"}},{label:{en:"Minute"},setting:{id:"enableMinute"}},{label:{en:"Minute caption"},conditionDisplay:"enableMinute === true",setting:{id:"minuteLabel"}},{label:{en:"Second"},setting:{id:"enableSecond"}},{label:{en:"Second caption"},conditionDisplay:"enableSecond === true",setting:{id:"secondLabel"}}]}]},{label:{en:"Item style"},controls:[{label:{en:"Item gap"},setting:{id:"verticalGap"}},{label:{en:"Padding"},setting:{id:"itemPadding"}},{label:{en:"Background"},setting:{id:"backgroundItemColor"}},{label:{en:"Border"},setting:{id:"borderState",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedState",state:"normal"}}]},{label:{en:"Time"},controls:[{label:{en:"Item style"},type:"combo",popoverLabel:{en:"Time text style"},iconName:"polaris-text-title",getValueFromSettingID:"numTypo.type",isHideClear:!0,isTypoValue:!0,controls:[{setting:{id:"numTypo"},layout:"vertical"}]}]},{controls:[{label:{en:"Caption"},setting:{id:"enableLabelTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Text style"},popoverLabel:{en:"Caption text style"},conditionDisplay:"enableLabelTextStyle == true",type:"combo",iconName:"polaris-text-title",isHideClear:!0,getValueFromSettingID:"labelTypo.type",isTypoValue:!0,controls:[{setting:{id:"labelTypo"},layout:"vertical"}]}]},{label:{en:"Item spacing"},controls:[{label:{en:"gap"},setting:{id:"horizontalGap"}}]},{label:{en:"Size"},controls:[{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"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}}}]},{label:{en:"After expired"},controls:[{label:{en:"Hide timer"},setting:{id:"autoHideWhenTimeout"}},{conditionDisplay:'behaviour === "evergreen" && autoHideWhenTimeout === false',label:{en:"Loop"},setting:{id:"loopAfterFinish"}},{setting:{id:"redirectUrl"},layout:"vertical"}]},{controls:[{label:{en:"Align"},setting:{id:"textAlign"},options:{labelVariant:"primary",fullWidth:!0}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/helpers.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var core=require("@gem-sdk/core"),Link=require("./link/components/Link.js");const REGEX_PAGE_TYPE=new RegExp(/^\/?(?:collections\|pages\|products\|blogs\|checkout\|cart\|policies)\/?/i),isShopifyDomain=(e,t)=>{let r=new RegExp(/^https?:\/\//i);return e&&!r.test(t)&&REGEX_PAGE_TYPE.test(t)},getLinkArticle=(e,t)=>"scroll-to"==e?t?.link:"{{article.url}}",isTransparentColor=e=>!!e&&(e.startsWith("#")?isHexTransparent(e):e.startsWith("rgb")?isTransparentRGBA(e):"transparent"==e),isTransparentRGBA=e=>{let t=e.replace(/\s/g,"").match(/^rgba?\((\d+),(\d+),(\d+),?([^,\s)]+)?/i)?.map(Number).filter(e=>!isNaN(e))??[0,0,0,1];return 0===t[t.length-1]},isHexTransparent=e=>{let t=!1,r=e.slice(e.startsWith("#")?1:0);3===r.length?r=[...r].map(e=>e+e).join(""):8===r.length&&(t=!0);let i=parseInt(r,16),o=t?255&i:void 0;return 0===o\|\|!!o},youtubeShortsRegex=/^(?:https?:\/\/)?(?:www\.)?youtube\.com\/shorts\/([^"&?/\s]{11})$/i,getDynamicSourceLocales=({val:e,uid:t,settingId:r,isLiquid:i,pageContext:o,isCapitalize:n,defaultVal:l="",translate:s,isReplaceLocationOrigin:a,isReplaceMaxSize:p,isReplaceInventoryQuantity:c})=>{let g=new RegExp(/\{\{.?\}\}\|\{%.?%\}/).test(e?.toString()??""),u=o?.isTranslateWithLocale?1e3:5e3;if(!s\|\|!e?.toString().trim()\|\|e.toString().length>u\|\|g\|\|o?.isPreviewing)return e??l;let h=`g${t}_${r}`,f=`section.settings.${h}`;return(o?.isTranslateWithLocale&&(f=`'sections.${o.sectionName}.${h}_html' \| t`),a&&(f+=" \| replace: '$locationOrigin', locationOrigin"),p&&(f+=" \| replace: '$max_size', '10MB'"),c&&(f+=" \| replace: '<$quantity$>', inventory_quantity \| replace: '<$quantity$>', inventory_quantity"),n&&(f=`${f} \| downcase`),i)?f:`{{ ${f} }}`},getStaticLocale=(e,t)=>`{{ 'gempages.${e}.${t}' \| t }}`,getSettingPreloadData=(e,t)=>`{% if section.settings.section_preload == "false" %}${e} ${t?`{% else %}${t}`:""}{% endif %}`,getHttpUrl=e=>e?e.match(/^https?:\/\//i)?e:`http://${e}`:"";function normalizeMailto(e){if(e.startsWith("mailto:")){let[t,r]=e.split("?");if(r){let i=r.replace(/\+/g,"%20");e=`${t}?${i}`}}return e}const getInsertLinkData=(e,t,r)=>{let i=["#","mailto:","tel:"],o=["product.url"],n=t?.link!==void 0&&""!==t.link,l=t?.link??"",s="/"===l,a=new RegExp(/^(?:https?:\/\/)?[\w.-]+\.[a-z]{2,}/i),p=n&&a.test(l);p&&(l=getHttpUrl(l)),n~~&&l~~.toLowerCase().startsWith("mailto:")&&l.includes("+")&&(l=normalizeMailto(l));let c=()=>!!(i.find(e=>l.startsWith(e))\|\|o.find(e=>l.includes(e))),g=p\|\|isShopifyDomain(n,l)\|\|c()\|\|s\|\|isLinkedToSalesPage(t?.type);(isShopifyDomain(n,l)\|\|s)&&(l=t?.isTranslate?"$locationOrigin"+l:"{{ request.origin }}{{ routes.root_url \| split: '/' \| join: '/' }}"+l);let u=g?t?.isLiquid?"a":Link.default:e,h={href:l,target:t?.target,...t?.noFollow&&{rel:"nofollow"}},f=g?h:n?{...h,type:r}:{type:r};return{Wrap:u,urlData:f,shouldRenderLink:g}},isLinkedToSalesPage=e=>"go-to-sales-page"===e,checkIsScrollToTop=e=>e?.type==="scroll-to"&&e?.link==="#scroll-to-top",checkIsOpenPopup=e=>e?.type==="open-popup"&&e?.link?.startsWith("#el-"),getLinkData=({setting:e,htmlType:t,defaultWrap:r,isLiquid:i=!1,enableImageLink:o=!1})=>{let n=["product.url"],l=["#","mailto:","tel:"],s=e?.link??"",a="/"===s,p=e?.link!==void 0&&""!==e.link,c=new RegExp(/^https?:\/\//i),g=p&&c.test(s);p&&s.toLowerCase().startsWith("mailto:")&&s.includes("+")&&(s=normalizeMailto(s));let u=()=>!!(n.find(e=>s.includes(e))\|\|l.find(e=>s.startsWith(e))),h=o&&(g\|\|isShopifyDomain(p,s)\|\|u()\|\|a\|\|isLinkedToSalesPage(e?.type)),f=s;i&&(isShopifyDomain(p,s)\|\|a)&&(f=e?.isTranslate?"$locationOrigin"+s:"{{ request.origin }}{{ routes.root_url \| split: '/' \| join: '/' }}"+s);let k=h?i?"a":Link.default:r,m={href:f,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},y=h?m:p?{...m,type:t}:{type:t};return{Wrapper:k,urlData:y,shouldRenderLink:h}},replaceLinkData=(e,t)=>{let r=/<a\s[^>]>.?<\/a>/;if(e&&r.test(e)){let r;let i=/<a\s+(?:[^>]?\s+)?href=["']([^"'])["'](?:\s+[^>]?)?(?:target=["']([^"'])["'])?.?>.?<\/a>/gi,o=e.toString();for(;null!==(r=i.exec(o));){let e=r[1],{urlData:i}=getInsertLinkData("",{link:e,isTranslate:t});o=o.replace(r[0],r[0].replace(/(href=['"])([^'"])(['"])/i,`$1${i.href}$3`))}return o}return e};function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e\|\|{}).filter(([,e])=>!!e))}function filterTruthyObject(e){return Object.fromEntries(Object.entries(e\|\|{}).filter(([,e])=>!!e))}const getDisplayStyle=(e,t)=>{let r={};return core.DEVICES.forEach(i=>{r={...r,[`--d${"desktop"===i?"":`-${i}`}`]:`${e(i)?"none":t}`}}),r},convertUnitToNumber=(e,t)=>{if(!e)return t;if("number"==typeof e)return e;let r="string"==typeof e?e.replaceAll("px","").replaceAll("%","").replaceAll("rem","").replaceAll("em",""):t;return isNaN(Number(r))?t:Number(r)},getAllHrefFromString=e=>{let t;if(!e)return[];let r=/href="([^"])"/g,i=[];for(;null!==(t=r.exec(e));)t[1]&&i.push(t[1]);return i},replaceAllHrefFromString=(e,t)=>{let r;if(!e)return"";let i=/href="([^"])"/g,o=0;for(;null!==(r=i.exec(e));)r[1]&&(e=e.replace(r[1],t[o]??""),o++);return e};function isEmptyObject(e){return 0===Object.keys(e).length&&"object"==typeof e}const handleClickLink=(e,t)=>{if("edit"!==t){if(checkIsScrollToTop(e)){window.scrollTo({top:0,behavior:"smooth"});return}if(checkIsOpenPopup(e)){let t=e?.link?.replace("#el-","#");core.globalEvent.dispatch("onOpenDialog",{popupUId:t});return}e?.link?.startsWith("#")&&core.globalEvent.dispatch("onOpenDialog",{popupUId:e?.link})}}~~,safeSvgIcon=e=>e?e.replace(/\s(\r\n\|\n\|\r)\s*/g,"").replace(/\\/g,"\\\\").replace(/"/g,'\\"'):""~~;exports.REGEX_PAGE_TYPE=REGEX_PAGE_TYPE,exports.checkIsOpenPopup=checkIsOpenPopup,exports.checkIsScrollToTop=checkIsScrollToTop,exports.convertUnitToNumber=convertUnitToNumber,exports.filterTruthyObject=filterTruthyObject,exports.filterTruthyStyles=filterTruthyStyles,exports.getAllHrefFromString=getAllHrefFromString,exports.getDisplayStyle=getDisplayStyle,exports.getDynamicSourceLocales=getDynamicSourceLocales,exports.getInsertLinkData=getInsertLinkData,exports.getLinkArticle=getLinkArticle,exports.getLinkData=getLinkData,exports.getSettingPreloadData=getSettingPreloadData,exports.getStaticLocale=getStaticLocale,exports.handleClickLink=handleClickLink,exports.isEmptyObject=isEmptyObject,exports.isHexTransparent=isHexTransparent,exports.isLinkedToSalesPage=isLinkedToSalesPage,exports.isShopifyDomain=isShopifyDomain,exports.isTransparentColor=isTransparentColor,exports.isTransparentRGBA=isTransparentRGBA,exports.normalizeMailto=normalizeMailto,exports.replaceAllHrefFromString=replaceAllHrefFromString,exports.replaceLinkData=replaceLinkData,exports.~~safeSvgIcon=safeSvgIcon,exports.~~youtubeShortsRegex=youtubeShortsRegex;
1	+ "use strict";var core=require("@gem-sdk/core"),Link=require("./link/components/Link.js");const REGEX_PAGE_TYPE=new RegExp(/^\/?(?:collections\|pages\|products\|blogs\|checkout\|cart\|policies)\/?/i),isShopifyDomain=(e,t)=>{let r=new RegExp(/^https?:\/\//i);return e&&!r.test(t)&&REGEX_PAGE_TYPE.test(t)},getLinkArticle=(e,t)=>"scroll-to"==e?t?.link:"{{article.url}}",isTransparentColor=e=>!!e&&(e.startsWith("#")?isHexTransparent(e):e.startsWith("rgb")?isTransparentRGBA(e):"transparent"==e),isTransparentRGBA=e=>{let t=e.replace(/\s/g,"").match(/^rgba?\((\d+),(\d+),(\d+),?([^,\s)]+)?/i)?.map(Number).filter(e=>!isNaN(e))??[0,0,0,1];return 0===t[t.length-1]},isHexTransparent=e=>{let t=!1,r=e.slice(e.startsWith("#")?1:0);3===r.length?r=[...r].map(e=>e+e).join(""):8===r.length&&(t=!0);let i=parseInt(r,16),o=t?255&i:void 0;return 0===o\|\|!!o},youtubeShortsRegex=/^(?:https?:\/\/)?(?:www\.)?youtube\.com\/shorts\/([^"&?/\s]{11})$/i,getDynamicSourceLocales=({val:e,uid:t,settingId:r,isLiquid:i,pageContext:o,isCapitalize:l,defaultVal:n="",translate:s,isReplaceLocationOrigin:a,isReplaceMaxSize:p,isReplaceInventoryQuantity:c})=>{let g=new RegExp(/\{\{.?\}\}\|\{%.?%\}/).test(e?.toString()??""),u=o?.isTranslateWithLocale?1e3:5e3;if(!s\|\|!e?.toString().trim()\|\|e.toString().length>u\|\|g\|\|o?.isPreviewing)return e??n;let h=`g${t}_${r}`,f=`section.settings.${h}`;return(o?.isTranslateWithLocale&&(f=`'sections.${o.sectionName}.${h}_html' \| t`),a&&(f+=" \| replace: '$locationOrigin', locationOrigin"),p&&(f+=" \| replace: '$max_size', '10MB'"),c&&(f+=" \| replace: '<$quantity$>', inventory_quantity \| replace: '<$quantity$>', inventory_quantity"),l&&(f=`${f} \| downcase`),i)?f:`{{ ${f} }}`},getStaticLocale=(e,t)=>`{{ 'gempages.${e}.${t}' \| t }}`,getSettingPreloadData=(e,t)=>`{% if section.settings.section_preload == "false" %}${e} ${t?`{% else %}${t}`:""}{% endif %}`,getHttpUrl=e=>e?e.match(/^https?:\/\//i)?e:`http://${e}`:"";function normalizeMailto(e){if(e.startsWith("mailto:")){let[t,r]=e.split("?");if(r){let i=r.replace(/\+/g,"%20");e=`${t}?${i}`}}return e}const getInsertLinkData=(e,t,r)=>{let i=["#","mailto:","tel:"],o=["product.url"],l=t?.link!==void 0&&""!==t.link,n=t?.link??"",s="/"===n,a=new RegExp(/^(?:https?:\/\/)?[\w.-]+\.[a-z]{2,}/i),p=l&&a.test(n);p&&(n=getHttpUrl(n)),l&&n.toLowerCase().startsWith("mailto:")&&n.includes("+")&&(n=normalizeMailto(n));let c=()=>!!(i.find(e=>n.startsWith(e))\|\|o.find(e=>n.includes(e))),g=p\|\|isShopifyDomain(l,n)\|\|c()\|\|s\|\|isLinkedToSalesPage(t?.type);(isShopifyDomain(l,n)\|\|s)&&(n=t?.isTranslate?"$locationOrigin"+n:"{{ request.origin }}{{ routes.root_url \| split: '/' \| join: '/' }}"+n);let u=g?t?.isLiquid?"a":Link.default:e,h={href:n,target:t?.target,...t?.noFollow&&{rel:"nofollow"}},f=g?h:l?{...h,type:r}:{type:r};return{Wrap:u,urlData:f,shouldRenderLink:g}},isLinkedToSalesPage=e=>"go-to-sales-page"===e,checkIsScrollToTop=e=>e?.type==="scroll-to"&&e?.link==="#scroll-to-top",checkIsOpenPopup=e=>e?.type==="open-popup"&&e?.link?.startsWith("#el-"),getLinkData=({setting:e,htmlType:t,defaultWrap:r,isLiquid:i=!1,enableImageLink:o=!1})=>{let l=["product.url"],n=["#","mailto:","tel:"],s=e?.link??"",a="/"===s,p=e?.link!==void 0&&""!==e.link,c=new RegExp(/^https?:\/\//i),g=p&&c.test(s);p&&s.toLowerCase().startsWith("mailto:")&&s.includes("+")&&(s=normalizeMailto(s));let u=()=>!!(l.find(e=>s.includes(e))\|\|n.find(e=>s.startsWith(e))),h=o&&(g\|\|isShopifyDomain(p,s)\|\|u()\|\|a\|\|isLinkedToSalesPage(e?.type)),f=s;i&&(isShopifyDomain(p,s)\|\|a)&&(f=e?.isTranslate?"$locationOrigin"+s:"{{ request.origin }}{{ routes.root_url \| split: '/' \| join: '/' }}"+s);let k=h?i?"a":Link.default:r,m={href:f,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},y=h?m:p?{...m,type:t}:{type:t};return{Wrapper:k,urlData:y,shouldRenderLink:h}},replaceLinkData=(e,t)=>{let r=/<a\s[^>]>.?<\/a>/;if(e&&r.test(e)){let r;let i=/<a\s+(?:[^>]?\s+)?href=["']([^"'])["'](?:\s+[^>]?)?(?:target=["']([^"'])["'])?.?>.?<\/a>/gi,o=e.toString();for(;null!==(r=i.exec(o));){let e=r[1],{urlData:i}=getInsertLinkData("",{link:e,isTranslate:t});o=o.replace(r[0],r[0].replace(/(href=['"])([^'"])(['"])/i,`$1${i.href}$3`))}return o}return e};function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e\|\|{}).filter(([,e])=>!!e))}function filterTruthyObject(e){return Object.fromEntries(Object.entries(e\|\|{}).filter(([,e])=>!!e))}const getDisplayStyle=(e,t)=>{let r={};return core.DEVICES.forEach(i=>{r={...r,[`--d${"desktop"===i?"":`-${i}`}`]:`${e(i)?"none":t}`}}),r},convertUnitToNumber=(e,t)=>{if(!e)return t;if("number"==typeof e)return e;let r="string"==typeof e?e.replaceAll("px","").replaceAll("%","").replaceAll("rem","").replaceAll("em",""):t;return isNaN(Number(r))?t:Number(r)},getAllHrefFromString=e=>{let t;if(!e)return[];let r=/href="([^"])"/g,i=[];for(;null!==(t=r.exec(e));)t[1]&&i.push(t[1]);return i},replaceAllHrefFromString=(e,t)=>{let r;if(!e)return"";let i=/href="([^"]*)"/g,o=0;for(;null!==(r=i.exec(e));)r[1]&&(e=e.replace(r[1],t[o]??""),o++);return e};function isEmptyObject(e){return 0===Object.keys(e).length&&"object"==typeof e}const handleClickLink=(e,t)=>{if("edit"!==t){if(checkIsScrollToTop(e)){window.scrollTo({top:0,behavior:"smooth"});return}if(checkIsOpenPopup(e)){let t=e?.link?.replace("#el-","#");core.globalEvent.dispatch("onOpenDialog",{popupUId:t});return}e?.link?.startsWith("#")&&core.globalEvent.dispatch("onOpenDialog",{popupUId:e?.link})}};exports.REGEX_PAGE_TYPE=REGEX_PAGE_TYPE,exports.checkIsOpenPopup=checkIsOpenPopup,exports.checkIsScrollToTop=checkIsScrollToTop,exports.convertUnitToNumber=convertUnitToNumber,exports.filterTruthyObject=filterTruthyObject,exports.filterTruthyStyles=filterTruthyStyles,exports.getAllHrefFromString=getAllHrefFromString,exports.getDisplayStyle=getDisplayStyle,exports.getDynamicSourceLocales=getDynamicSourceLocales,exports.getInsertLinkData=getInsertLinkData,exports.getLinkArticle=getLinkArticle,exports.getLinkData=getLinkData,exports.getSettingPreloadData=getSettingPreloadData,exports.getStaticLocale=getStaticLocale,exports.handleClickLink=handleClickLink,exports.isEmptyObject=isEmptyObject,exports.isHexTransparent=isHexTransparent,exports.isLinkedToSalesPage=isLinkedToSalesPage,exports.isShopifyDomain=isShopifyDomain,exports.isTransparentColor=isTransparentColor,exports.isTransparentRGBA=isTransparentRGBA,exports.normalizeMailto=normalizeMailto,exports.replaceAllHrefFromString=replaceAllHrefFromString,exports.replaceLinkData=replaceLinkData,exports.youtubeShortsRegex=youtubeShortsRegex;

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

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

package/dist/cjs/hero-banner/common/const.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";const DEFAULT_CLIP_PATH="inset(0px)";exports.DEFAULT_CLIP_PATH="inset(0px)";
1	+ "use strict";const DEFAULT_CLIP_PATH="inset(0px)",VIDEO_IFRAME_SCALE="1.04";exports.DEFAULT_CLIP_PATH="inset(0px)",exports.VIDEO_IFRAME_SCALE="1.04";

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

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

package/dist/cjs/hero-banner/common/styles.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e\|\|{}).filter(([,e])=>void 0!==e\|\|""===e))}const getStyle=(e,t,r)=>{let{sizeSetting:l~~,background:o~~}=e??{},~~{ratioOptions:a,aspectRatio:i}~~=~~t??~~{~~},s={~~...r,...helpers.getVisibilityStyle(r),...core.makeStyleWithDefault("w",core.getWidthByShapeGlobalSize(l,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...~~helpers.getStyleAspectRatioHeroBannerCustom(o,l,helpers.getAspectRatioSettings(a,i)),...~~core.makeStyleResponsive("h",core.getHeightByShapeGlobalSize(l))};return filterTruthyStyles(s)},getContainerStyle=(e~~,t)~~=>{let{sizeSetting:r,background:l,borderBg:o,cornerBg:a,shadowBg:i,hasActiveShadow:s}=e??{},~~{ratioOptions:y,aspectRatio:g}~~=~~t??~~{~~},n={~~...core.makeStyleResponsive("h",core.getHeightByShapeGlobalSize(r)),...helpers.getStyleAspectRatioHeroBannerCustom(l,r,~~helpers.getAspectRatioSettings(y,g~~)),...core.makeStyle({bs:o?.border??o?.border,bw:o?.width??o?.width,bc:core.getSingleColorVariable(o?.color)}),...core.getRadiusStyleActiveState({...a,active:{...a\|\|{},radiusType:"custom"}}),...l?{...core.getStyleBgColor(l)}:{},...core.getStyleShadow({value:i,styleAppliedFor:"box-shadow",isEnableShadow:s})};return filterTruthyStyles(n)},getOverlayStyle=e=>{let{overlayColor:t,overlayOpacity:r,hoverEffect:l}=e??{},{disableOpacity:o}=helpers.opacityEnabledData(e),a="number"!=typeof r?.normal\|\|isNaN(r?.normal)?"string"==typeof r?.normal?`${parseInt(r?.normal)}%`:"0%":`${r?.normal}%`,i=core.makeStyleState("op",{normal:a,hover:helpers.getOpacityHover(e)}),s=core.getGlobalColorStateStyle("bgc",{...t,hover:t?.hover\|\|t?.normal});o&&(delete s?.["--bgc"],delete i?.["--op"]),l\|\|(delete s?.["--hvr-bgc"],delete i?.["--hvr-op"]);let y={...s,...i,"--top":"0","--left":"0"};return filterTruthyStyles(y)},getRowStyle=e=>{let{contentPadding:t}=e??{},r={...core.getResponsiveStylePadding(t)};return filterTruthyStyles(r)},getAdaptiveStyle=e=>{let{sizeSetting:t,background:r}=e??{},l={...helpers.getDisplayStyleByFitContent(t,r),...core.makeStyleResponsive("h",core.getHeightByShapeGlobalSize(t)),...core.makeStyleWithDefault("w",core.getWidthByShapeGlobalSize(t,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"})};return filterTruthyStyles(l)},getBackgroundStyle=(e,t,r)=>{let{hoverEffectScale:l,background:o,hoverEffectDuration:a}=e??{},i=`${parseFloat(`${a}`)??.5}s`,s={...helpers.getStyleHeroBannerBg(helpers.getResponsiveSetting(o\|\|{}),t),...core.getStyleBackgroundByDevice(o,{ignoreBgAttachment:!0,ignoreBackgroundImage:!0}),"--duration":i,"--scale":helpers.formatHoverScale(l),...core.makeStyleResponsive("pos",helpers.getAttachmentDevice(o)),transform:r,transition:`transform ${i} cubic-bezier(0,0,0,1)`};return filterTruthyStyles(s)},getContainBackgroundStyle=e=>{let{borderBg:t,cornerBg:r}=e??{},l={"clip-path":helpers.getClipPath(t?.width,r)};return filterTruthyStyles(l)},getHtml5VideoStyle=e=>{let t={...core.makeStyleResponsive("aspect",e)};return filterTruthyStyles(t)},getYoutubeIframeStyle=e=>{let t={...core.makeStyleResponsive("aspect",e),"pointer-~~event~~":"none"};return filterTruthyStyles(t)};exports.getAdaptiveStyle=getAdaptiveStyle,exports.getBackgroundStyle=getBackgroundStyle,exports.getContainBackgroundStyle=getContainBackgroundStyle,exports.getContainerStyle=getContainerStyle,exports.getHtml5VideoStyle=getHtml5VideoStyle,exports.getOverlayStyle=getOverlayStyle,exports.getRowStyle=getRowStyle,exports.getStyle=getStyle,exports.getYoutubeIframeStyle=getYoutubeIframeStyle;
1	+ "use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e\|\|{}).filter(([,e])=>void 0!==e\|\|""===e))}const getStyle=(e,t,r)=>{let{sizeSetting:l}=e??{},o={...r,...helpers.getVisibilityStyle(r),...core.makeStyleWithDefault("w",core.getWidthByShapeGlobalSize(l,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...core.makeStyleResponsive("h",core.getHeightByShapeGlobalSize(l))};return filterTruthyStyles(o)},getContainerStyle=e=>{let{sizeSetting:t,background:r,borderBg:l,cornerBg:o,shadowBg:i,hasActiveShadow:a}=e??{},s={...core.makeStyleResponsive("h",core.getHeightByShapeGlobalSize(t)),...helpers.getStyleAspectRatioHeroBannerCustom(r,t),...core.makeStyle({bs:l?.border??l?.border,bw:l?.width??l?.width,bc:core.getSingleColorVariable(l?.color)}),...core.getRadiusStyleActiveState({...o,active:{...o\|\|{},radiusType:"custom"}}),...r?{...core.getStyleBgColor(r)}:{},...core.getStyleShadow({value:i,styleAppliedFor:"box-shadow",isEnableShadow:a})};return filterTruthyStyles(s)},getOverlayStyle=e=>{let{overlayColor:t,overlayOpacity:r,hoverEffect:l}=e??{},{disableOpacity:o}=helpers.opacityEnabledData(e),i="number"!=typeof r?.normal\|\|isNaN(r?.normal)?"string"==typeof r?.normal?`${parseInt(r?.normal)}%`:"0%":`${r?.normal}%`,a=core.makeStyleState("op",{normal:i,hover:helpers.getOpacityHover(e)}),s=core.getGlobalColorStateStyle("bgc",{...t,hover:t?.hover\|\|t?.normal});o&&(delete s?.["--bgc"],delete a?.["--op"]),l\|\|(delete s?.["--hvr-bgc"],delete a?.["--hvr-op"]);let y={...s,...a,"--top":"0","--left":"0"};return filterTruthyStyles(y)},getRowStyle=e=>{let{contentPadding:t}=e??{},r={...core.getResponsiveStylePadding(t)};return filterTruthyStyles(r)},getAdaptiveStyle=e=>{let{sizeSetting:t,background:r}=e??{},l={...helpers.getDisplayStyleByFitContent(t,r),...core.makeStyleResponsive("h",core.getHeightByShapeGlobalSize(t)),...core.makeStyleWithDefault("w",core.getWidthByShapeGlobalSize(t,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"})};return filterTruthyStyles(l)},getBackgroundStyle=(e,t,r)=>{let{hoverEffectScale:l,background:o,hoverEffectDuration:i}=e??{},a=`${parseFloat(`${i}`)??.5}s`,s={...helpers.getStyleHeroBannerBg(helpers.getResponsiveSetting(o\|\|{}),t),...core.getStyleBackgroundByDevice(o,{ignoreBgAttachment:!0,ignoreBackgroundImage:!0}),"--duration":a,"--scale":helpers.formatHoverScale(l),...core.makeStyleResponsive("pos",helpers.getAttachmentDevice(o)),transform:r,transition:`transform ${a} cubic-bezier(0,0,0,1)`};return filterTruthyStyles(s)},getContainBackgroundStyle=e=>{let{borderBg:t,cornerBg:r}=e??{},l={"clip-path":helpers.getClipPath(t?.width,r)};return filterTruthyStyles(l)},mapVideoObjectFit=e=>{if(e)return{desktop:core.getValueByDevice(e,"desktop"),tablet:core.getValueByDevice(e,"tablet"),mobile:core.getValueByDevice(e,"mobile")}},mapVideoAlignResponsive=e=>{if(!e)return;let t={};return core.DEVICES.forEach(r=>{let l=core.getResponsiveValueByScreen(e,r),o=l?.videoAlign;t[r]=o\|\|"top"}),Object.keys(t).length>0?t:void 0},getHtml5VideoStyle=(e,t,r)=>{let l=mapVideoObjectFit(t),o=mapVideoAlignResponsive(r),i={...core.makeStyleResponsive("aspect",e),...l?core.makeStyleResponsive("objf",l):{},...o?core.makeStyleResponsive("objp",o):{}};return filterTruthyStyles(i)},getYoutubeIframeStyle=(e,t)=>{let r=mapVideoObjectFit(t),l={...core.makeStyleResponsive("aspect",e),...r?core.makeStyleResponsive("objf",r):{},"pointer-events":"none"};return filterTruthyStyles(l)};exports.getAdaptiveStyle=getAdaptiveStyle,exports.getBackgroundStyle=getBackgroundStyle,exports.getContainBackgroundStyle=getContainBackgroundStyle,exports.getContainerStyle=getContainerStyle,exports.getHtml5VideoStyle=getHtml5VideoStyle,exports.getOverlayStyle=getOverlayStyle,exports.getRowStyle=getRowStyle,exports.getStyle=getStyle,exports.getYoutubeIframeStyle=getYoutubeIframeStyle;

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

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

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

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

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

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

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

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

package/dist/cjs/hero-banner/hooks/useHeroBanner.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),core=require("@gem-sdk/core"),useTranslateValue=require("./useTranslateValue.js"),useIntersectionObserver=require("./useIntersectionObserver.js"),helpers=require("../common/helpers.js"),animationManager=require("../common/animation-manager.js");const useHeroBanner=(e,t,r)=>{let{hoverEffect:a,hoverEffectScale:n,background:s}=e\|\|{},{link:u}=t\|\|{},l=Number(t?.speedParallax)\|\|0,[i,o]=React.useState(0),[c,g]=React.useState(null),[d,m]=React.useState(null),[p,R]=React.useState(""),f=React.useRef(null),[v,B]=useIntersectionObserver.default(),{translateValue:b}=useTranslateValue.useTranslateValue({containerBoundingClientRect:c,backgroundBoundingClientRect:d,speed:l}),x=core.getResponsiveValueByScreen(t?.layout,r),M=helpers.getResponsiveSetting(s\|\|{}),q=Number(t?.speedParallax\|\|0)>0&&M[r]?.type==="image",y=()=>{a&&q&&R(`${p} scale(${n\|\|"100%"})`)},S=()=>{a&&q&&R(`translateY(${b}px)`)},V=e=>{u?.link&&!e?.srcElement?.closest("a")&&window.open(u?.link,u.target)};React.useEffect(()=>{q?R(`translateY(${b}px)`):R("")},[b,q]);let j=React.useCallback(()=>{if(!q\|\|0===l\|\|!B)return;let e=Number(window.scrollY.toFixed(0));i!==e&&(g(v?.current?v?.current?.getBoundingClientRect():null),m(f?.current?f?.current?.getBoundingClientRect():null),o(e))},[i,B,~~q,l,~~v,f]),H=core.getBgVideoByDevice(s,r),T=React.useMemo(()=>!!(H?.videoHtml5&&"html5"===H.videoType),[H]);return React.useEffect(()=>(animationManager.default.register(j),()=>{animationManager.default.unregister(j)}),[j]),React.useEffect(()=>(animationManager.default.register(j),()=>{animationManager.default.unregister(j)}),[j]),{onMouseEnterParallax:y,onMouseLeaveParallax:S,bgRef:f,transform:p,elementRef:v,dataVideo:H,isShowVideoHtml5:T,openLinkBanner:V,layoutResponsive:x}};exports.default=useHeroBanner,exports.useHeroBanner=useHeroBanner;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),core=require("@gem-sdk/core"),useTranslateValue=require("./useTranslateValue.js"),useIntersectionObserver=require("./useIntersectionObserver.js"),helpers=require("../common/helpers.js"),animationManager=require("../common/animation-manager.js");const useHeroBanner=(e,t,r)=>{let{hoverEffect:a,hoverEffectScale:n,background:s}=e\|\|{},{link:u,enableParallax:l}=t\|\|{},i=Number(t?.speedParallax)\|\|0,[o,c]=React.useState(0),[g,d]=React.useState(null),[m,p]=React.useState(null),[R,f]=React.useState(""),v=React.useRef(null),[B,b]=useIntersectionObserver.default(),{translateValue:x}=useTranslateValue.useTranslateValue({containerBoundingClientRect:g,backgroundBoundingClientRect:m,speed:i}),M=core.getResponsiveValueByScreen(t?.layout,r),q=helpers.getResponsiveSetting(s\|\|{}),y=l&&Number(t?.speedParallax\|\|0)>0&&q[r]?.type==="image"\|\|!1,S=()=>{a&&y&&f(`${R} scale(${n\|\|"100%"})`)},V=()=>{a&&y&&f(`translateY(${x}px)`)},j=e=>{u?.link&&!e?.srcElement?.closest("a")&&window.open(u?.link,u.target)};React.useEffect(()=>{y?f(`translateY(${x}px)`):f("")},[x,y]);let H=React.useCallback(()=>{if(!y\|\|0===i\|\|!b)return;let e=Number(window.scrollY.toFixed(0));o!==e&&(d(B?.current?B?.current?.getBoundingClientRect():null),p(v?.current?v?.current?.getBoundingClientRect():null),c(e))},[o,b,y,i,B,v]),T=core.getBgVideoByDevice(s,r),h=React.useMemo(()=>!!(T?.videoHtml5&&"html5"===T.videoType),[T]);return React.useEffect(()=>(animationManager.default.register(H),()=>{animationManager.default.unregister(H)}),[H]),React.useEffect(()=>(animationManager.default.register(H),()=>{animationManager.default.unregister(H)}),[H]),{onMouseEnterParallax:S,onMouseLeaveParallax:V,bgRef:v,transform:R,elementRef:B,dataVideo:T,isShowVideoHtml5:h,openLinkBanner:j,layoutResponsive:M}};exports.default=useHeroBanner,exports.useHeroBanner=useHeroBanner;

package/dist/cjs/hero-banner/hooks/useHeroBannerItem.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),core=require("@gem-sdk/core"),helpers=require("../common/helpers.js");const useHeroBannerItem=({videoType:e,sizeSetting:r,background:t,videoObjectFit:i,heroBannerWrapperRef:o,isYoutubeVideoMigrated:s})=>{let u=core.useCurrentDevice(),n=React.useRef(null),a=React.useMemo(()=>helpers.getAspectRatio(r,t),[r,t]),l=React.useMemo(()=>helpers.getYoutubeAspectRatio(t,i,a),[t,i,a]),c=helpers.getResponsiveSetting(i||{}),p=core.getResponsiveValueByScreen(c,u),f=core.getResponsiveValueByScreen(t,u),m=f?.loop;return React.useEffect(()=>{if("youtube"!==e)return;let r=n.current;if(!r)return;let i=()=>r?.querySelector("iframe"),o=i();if(!o)return;let s=core.getResponsiveValueByScreen(t,u),a=s?.videoAlign;helpers.setVideoIframeAlign(o,a)},[t,u,e]),React.useEffect(()=>{let r=n.current,i=o?.current,a=()=>r?.querySelector("iframe"),l=e=>{let o=e||r;if(!o)return;let n=o.querySelector("iframe");helpers.updateVideoIframeSize({iframeEl:n||a(),containerRatio:helpers.getContainerRatio(i),videoObjectFit:p||"cover",background:t,currentDevice:u,isYoutubeVideoMigrated:s})},c=e=>{let r=e.detail?.iframe;if(r){let e=r.closest("article"),t=e?.parentElement;setTimeout(()=>{l(t)},50)}};if(i&&i.addEventListener("youtube-iframe-ready",c),!r)return()=>{i&&i.removeEventListener("youtube-iframe-ready",c)};if("youtube"!==e){let e=a();return e&&helpers.resetVideoIframeStyle(e),helpers.resetVideoWrapperStyle(r),()=>{i&&i.removeEventListener("youtube-iframe-ready",c)}}helpers.setVideoWrapperStyle(r),a()&&(window.requestAnimationFrame(()=>l()),setTimeout(()=>{l()},100));let f=window.ResizeObserver;if(!f)return()=>{i&&i.removeEventListener("youtube-iframe-ready",c)};let m=new f(()=>l());return i&&m.observe(i),()=>{if(m.disconnect(),i&&i.removeEventListener("youtube-iframe-ready",c),r){let e=a();e&&helpers.resetVideoIframeStyle(e),helpers.resetVideoWrapperStyle(r)}}},[e,p,u,a,m]),{youtubeIframeWrapperRef:n,resolvedAspectRatio:a,youtubeAspectRatio:l}};exports.default=useHeroBannerItem;

package/dist/cjs/hero-banner/settings/configs/presets/banner-video-pre-sales-page.js CHANGED Viewed

@@ -12,4 +12,4 @@
     </clipPath>
     </defs>
     </svg>
-    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[12],display:"fill"}},link:{type:"go-to-sales-page"}},styles:{contentWidth:{desktop:"1200px"},background:{desktop:{type:"video",image:{src:"",width:1920,height:900},videoType:"html5",video:"https://www.youtube.com/watch?v=drIt4RH_kyQ",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4"}}},childrens:[{tag:"Col",childrens:[{tag:"Heading",settings:{text:"Click here to edit heading"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"This is your text block. Click to edit and make it your own. Share your product's story<br/>                  or services offered. Get creative and make it yours!"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Button",settings:{label:"Get started"},styles:{align:{desktop:"center"}}}]}]}]};exports.heroBannerVideoPreSalesPage=heroBannerVideoPreSalesPage;
+    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[12],display:"fill"}},link:{type:"go-to-sales-page"}},styles:{contentWidth:{desktop:"1200px"},sizeSetting:{desktop:{shapeVideo:"16/9",enableVideoShape:!0}},background:{desktop:{type:"video",image:{src:"",width:1920,height:900},videoType:"html5",video:"https://www.youtube.com/watch?v=drIt4RH_kyQ",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4"}}},childrens:[{tag:"Col",childrens:[{tag:"Heading",settings:{text:"Click here to edit heading"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"This is your text block. Click to edit and make it your own. Share your product's story<br/>                  or services offered. Get creative and make it yours!"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Button",settings:{label:"Get started"},styles:{align:{desktop:"center"}}}]}]}]};exports.heroBannerVideoPreSalesPage=heroBannerVideoPreSalesPage;

package/dist/cjs/hero-banner/settings/configs/presets/banner-video.js CHANGED Viewed

@@ -12,4 +12,4 @@
     </clipPath>
     </defs>
     </svg>
-    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[12],display:"fill"}}},styles:{contentWidth:{desktop:"1200px"},sizeSetting:{desktop:{shape:"original",width:"100%"},mobile:{shape:"original",width:"100%"}},background:{desktop:{type:"video",image:{src:"",width:1920,height:900},videoType:"youtube",video:"https://www.youtube.com/watch?v=drIt4RH_kyQ",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4"}}},childrens:[{tag:"Col",childrens:[{tag:"Heading",settings:{text:"Click here to edit heading"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"This is your text block. Click to edit and make it your own. Share your product's story<br/>                  or services offered. Get creative and make it yours!"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Button",settings:{label:"Get started"},styles:{align:{desktop:"center"}}}]}]}]};exports.heroBannerVideo=heroBannerVideo;
+    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[12],display:"fill"}}},styles:{contentWidth:{desktop:"1200px"},sizeSetting:{desktop:{shape:"original",width:"100%",shapeVideo:"16/9",enableVideoShape:!0},mobile:{shape:"original",width:"100%",shapeVideo:"16/9",enableVideoShape:!0}},background:{desktop:{type:"video",image:{src:"",width:1920,height:900},videoType:"youtube",video:"https://www.youtube.com/watch?v=NfASaHFN1zg",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4"}}},childrens:[{tag:"Col",childrens:[{tag:"Heading",settings:{text:"Click here to edit heading"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"This is your text block. Click to edit and make it your own. Share your product's story<br/>                  or services offered. Get creative and make it yours!"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Button",settings:{label:"Get started"},styles:{align:{desktop:"center"}}}]}]}]};exports.heroBannerVideo=heroBannerVideo;