@gem-sdk/components 8.0.0-staging.27 → 8.0.0-staging.29
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.
- package/dist/cjs/carousel-v3/hooks/useCarousel.js +1 -1
- package/dist/cjs/collection/components/collection-banner/CollectionBanner.js +1 -1
- package/dist/cjs/collection/components/collection-banner/CollectionBanner.liquid.js +7 -9
- package/dist/cjs/hero-banner/components/HeroBannerItem.js +1 -1
- package/dist/cjs/hero-banner/components/HeroBannerItem.liquid.js +4 -6
- package/dist/cjs/product/components/product-images-v3/common/attrs.js +1 -1
- package/dist/esm/carousel-v3/hooks/useCarousel.js +1 -1
- package/dist/esm/collection/components/collection-banner/CollectionBanner.js +1 -1
- package/dist/esm/collection/components/collection-banner/CollectionBanner.liquid.js +8 -10
- package/dist/esm/hero-banner/components/HeroBannerItem.js +1 -1
- package/dist/esm/hero-banner/components/HeroBannerItem.liquid.js +5 -7
- package/dist/esm/product/components/product-images-v3/common/attrs.js +1 -1
- package/package.json +1 -1
|
@@ -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:
|
|
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/100*a:"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=e*W();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,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Row=require("../../../grid/components/row/Row.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js"),Link=require("../../../link/components/Link.js");const CollectionBanner=({builderAttrs:e,builderProps:s,setting:t,style:l,children:r,advanced:a})=>{let n=core.useCollection(),{isPreviewSharePageMode:i,isEditMode:
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Row=require("../../../grid/components/row/Row.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js"),Link=require("../../../link/components/Link.js");const CollectionBanner=({builderAttrs:e,builderProps:s,setting:t,style:l,children:r,advanced:a})=>{let n=core.useCollection(),{isPreviewSharePageMode:i,isEditMode:c}=core.useRenderMode(),{link:o,layout:m,width:u,verticalGutter:y,verticalAlign:d,horizontalAlign:g}=t??{};helpers.updateBackroundImageSrc({setting:t,collectionSrc:n?.collectionMedia?.src});let j=system.createClass({...classes.getClassContainerBanner({builderProps:s,setting:t,advanced:a})}),C=system.createClass({...classes.getClassContainerBackgoundImage({setting:t})}),x=system.createClass({...classes.getClassOverlayBanner({setting:t})}),k=system.createClass({...classes.getClassLinkBanner()}),p=system.createStyle({...styles.getDimension({setting:t,style:l})}),R=system.createStyle({...styles.getStyleOverlay({setting:t})}),h=system.createStyle({...styles.getStyleContainerBackgoundImage({setting:t,hasCollectionImage:!1})}),q=!!o?.link&&!c&&!i;return jsxRuntime.jsxs("div",{...e,className:j,style:p,children:[jsxRuntime.jsx("div",{className:C,style:h}),jsxRuntime.jsx("div",{"aria-label":"Overlay",className:x,style:R}),system.If(q,jsxRuntime.jsx(Link.default,{setting:{href:o?.link,target:o?.target},className:k})),jsxRuntime.jsx(Row.default,{setting:{layout:m,horizontalAlign:g,verticalAlign:d},styles:{verticalGutter:y,width:u,fullWidth:{desktop:!1,tablet:!1,mobile:!1}},style:l,children:r})]})};exports.default=CollectionBanner;
|
|
@@ -1,19 +1,17 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Row_liquid=require("../../../grid/components/row/Row.liquid.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js");const CollectionBanner=({builderAttrs:e,builderProps:s,setting:l,style:t,children:a,rawChildren:r,advanced:
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Row_liquid=require("../../../grid/components/row/Row.liquid.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js");const CollectionBanner=({builderAttrs:e,builderProps:s,setting:l,style:t,children:a,rawChildren:r,advanced:i})=>{let{link:c,layout:o,width:n,verticalGutter:m,horizontalAlign:y,verticalAlign:d}=l??{};helpers.updateBackroundImageSrc({setting:l,collectionSrc:`{% if collection.image %} {{ collection.image.src | image_url}} {% else %} ${helpers.defaultImageUrl} {% endif %}`});let g=system.createClass({...classes.getClassContainerBanner({builderProps:s,setting:l,advanced:i})}),u=system.createClass({...classes.getClassContainerBackgoundImage({setting:l})}),C=system.createClass({...classes.getClassOverlayBanner({setting:l})}),$=system.createClass({...classes.getClassLinkBanner()}),p=system.createStyle({...styles.getDimension({setting:l,style:t})}),v=system.createStyle({...styles.getStyleOverlay({setting:l})}),f=system.createStyle({...styles.getStyleContainerBackgoundImage({setting:l,hasCollectionImage:!1})});return core.template`
|
|
3
3
|
<div ${{...e}} class="${g}" style="${p}">
|
|
4
4
|
<div
|
|
5
|
-
aria-label="Background Image"
|
|
6
|
-
role="banner"
|
|
7
5
|
class="${u}"
|
|
8
|
-
style="${
|
|
6
|
+
style="${f}"
|
|
9
7
|
>
|
|
10
8
|
</div>
|
|
11
|
-
<div aria-label="Overlay"
|
|
12
|
-
${core.RenderIf(!!
|
|
13
|
-
href="${
|
|
14
|
-
target="${
|
|
9
|
+
<div aria-label="Overlay" class="${C}" style="${v}"> </div>
|
|
10
|
+
${core.RenderIf(!!c?.link,`<a
|
|
11
|
+
href="${c?.link}"
|
|
12
|
+
target="${c?.target}"
|
|
15
13
|
class="${$}"
|
|
16
14
|
> </a>`)}
|
|
17
|
-
${Row_liquid.default({setting:{layout:o,horizontalAlign:y,verticalAlign:d},styles:{verticalGutter:m,width:
|
|
15
|
+
${Row_liquid.default({setting:{layout:o,horizontalAlign:y,verticalAlign:d},styles:{verticalGutter:m,width:n,fullWidth:{desktop:!1,tablet:!1,mobile:!1}},style:t,children:a,rawChildren:r})}
|
|
18
16
|
</div>
|
|
19
17
|
`};exports.default=CollectionBanner;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"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:
|
|
2
|
+
"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;
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
"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:
|
|
1
|
+
"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`
|
|
2
2
|
<div class="${R}" style="${$}">
|
|
3
3
|
<div
|
|
4
|
-
aria-label="Background Image"
|
|
5
|
-
role="banner"
|
|
6
4
|
class="${E}"
|
|
7
5
|
style="${L}"
|
|
8
6
|
>
|
|
@@ -10,9 +8,9 @@
|
|
|
10
8
|
${M()}
|
|
11
9
|
${P()}
|
|
12
10
|
</div>
|
|
13
|
-
${system.If(!!
|
|
11
|
+
${system.If(!!p,core.template`<div aria-label="Overlay" class="${B}" style="${j}"> </div>`)}
|
|
14
12
|
</div>
|
|
15
|
-
${Row_liquid.default({className:_,style:k,setting:{layout:o,horizontalAlign:helpers.horizontalAlign(o,v,b),verticalAlign:c},styles:{verticalGutter:
|
|
16
|
-
${AdaptiveImage_liquid.default({pictureClass:w,srcSet:helpers.getBgImage(
|
|
13
|
+
${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})}
|
|
14
|
+
${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})}
|
|
17
15
|
</div>
|
|
18
16
|
`};exports.default=HeroBannerItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var core=require("@gem-sdk/core"),productGallery=require("./productGallery.js"),productFeaturedImage=require("./productFeaturedImage.js");const DEVICES=["desktop","mobile","tablet"],getGalleryCarouselSettingAttr=o=>{let t={desktop:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"desktop"),tablet:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"tablet"),mobile:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"mobile")},e=DEVICES.reduce((t,e)=>(o.navigationPosition?.[e]&&(t[e]="none"!==o.navigationPosition[e]),t),{});return{...o?.loop&&{loop:o.loop},itemNumber:{desktop:"auto",tablet:"auto",mobile:"auto"},dot:{desktop:!1,tablet:!1,mobile:!1},dotStyle:productGallery.getDotStyleConfig(),controlOverContent:t,...o?.dragToScroll&&{enableDrag:{desktop:o.dragToScroll,tablet:o.dragToScroll,mobile:o.dragToScroll}},vertical:productGallery.getCarouselVerticalConfigByPosition(o.position),...o?.arrowIcon&&{arrowCustom:o.arrowIcon},arrowIconSize:o.arrowIconSize||{desktop:24},...o?.arrowIconColor&&{arrowCustomColor:o.arrowIconColor},...o?.arrowNavColor&&{arrowBackgroundColor:o.arrowNavColor},...o?.arrowNavBorder&&{arrowBorder:{desktop:o.arrowNavBorder}},...o?.arrowNavRadius&&{roundedArrow:{desktop:o.arrowNavRadius}},...o?.arrowNavShadow&&{arrowShadow:{desktop:o.arrowNavShadow}},arrowGapToEachSide:"16",navigationStyle:o.navigationPosition,navigationEnable:e,arrowButtonSize:{desktop:{width:o.arrowNavSize?.width,height:o.arrowNavSize?.height,padding:o.arrowNavSize?.padding}},animationMode:o?.ftAnimationMode,enableAction:{desktop:!0}}},getFeaturedCarouselSettingAttr=o=>{let t={desktop:"inside"===core.getResponsiveValueByScreen(o.ftNavigationPosition,"desktop"),tablet:"inside"===core.getResponsiveValueByScreen(o.ftNavigationPosition,"tablet"),mobile:"inside"===core.getResponsiveValueByScreen(o.ftNavigationPosition,"mobile")},e=DEVICES.reduce((t,e)=>(o.ftNavigationPosition?.[e]&&(t[e]="none"!==o.ftNavigationPosition[e]),t),{});return{...o?.ftLoop&&{loop:o.ftLoop},itemNumber:{desktop:1},dot:productGallery.getAllowDotConfig(),dotStyle:productFeaturedImage.getDotStyleForOnlyFeaturedImage({position:o.position,dotStyle:o.ftDotStyle}),dotSize:o.ftDotSize??{desktop:12},dotGapToCarousel:o.ftDotGapToCarousel??{desktop:16},dotColor:o.ftDotColor??{desktop:"bg-1"},dotActiveColor:o.ftDotActiveColor??{desktop:"line-3"},controlOverContent:t,...o?.ftDragToScroll&&{enableDrag:{desktop:o.ftDragToScroll,tablet:o.ftDragToScroll,mobile:o.ftDragToScroll}},...o?.ftArrowIcon&&{arrowCustom:o.ftArrowIcon},arrowIconSize:o.ftArrowIconSize||{desktop:24},...o?.ftArrowIconColor&&{arrowCustomColor:o.ftArrowIconColor},...o?.ftArrowNavColor&&{arrowBackgroundColor:o.ftArrowNavColor},...o?.ftArrowNavBorder&&{arrowBorder:{desktop:o.ftArrowNavBorder}},...o?.ftArrowNavRadius&&{roundedArrow:{desktop:o.ftArrowNavRadius}},...o?.ftArrowNavShadow&&{arrowShadow:{desktop:o.ftArrowNavShadow}},
|
|
1
|
+
"use strict";var core=require("@gem-sdk/core"),productGallery=require("./productGallery.js"),productFeaturedImage=require("./productFeaturedImage.js");const DEVICES=["desktop","mobile","tablet"],getGalleryCarouselSettingAttr=o=>{let t={desktop:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"desktop"),tablet:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"tablet"),mobile:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"mobile")},e=DEVICES.reduce((t,e)=>(o.navigationPosition?.[e]&&(t[e]="none"!==o.navigationPosition[e]),t),{});return{...o?.loop&&{loop:o.loop},itemNumber:{desktop:"auto",tablet:"auto",mobile:"auto"},dot:{desktop:!1,tablet:!1,mobile:!1},dotStyle:productGallery.getDotStyleConfig(),controlOverContent:t,...o?.dragToScroll&&{enableDrag:{desktop:o.dragToScroll,tablet:o.dragToScroll,mobile:o.dragToScroll}},vertical:productGallery.getCarouselVerticalConfigByPosition(o.position),...o?.arrowIcon&&{arrowCustom:o.arrowIcon},arrowIconSize:o.arrowIconSize||{desktop:24},...o?.arrowIconColor&&{arrowCustomColor:o.arrowIconColor},...o?.arrowNavColor&&{arrowBackgroundColor:o.arrowNavColor},...o?.arrowNavBorder&&{arrowBorder:{desktop:o.arrowNavBorder}},...o?.arrowNavRadius&&{roundedArrow:{desktop:o.arrowNavRadius}},...o?.arrowNavShadow&&{arrowShadow:{desktop:o.arrowNavShadow}},arrowGapToEachSide:"16",navigationStyle:o.navigationPosition,navigationEnable:e,arrowButtonSize:{desktop:{width:o.arrowNavSize?.width,height:o.arrowNavSize?.height,padding:o.arrowNavSize?.padding}},animationMode:o?.ftAnimationMode,enableAction:{desktop:!0}}},getFeaturedCarouselSettingAttr=o=>{let t={desktop:"inside"===core.getResponsiveValueByScreen(o.ftNavigationPosition,"desktop"),tablet:"inside"===core.getResponsiveValueByScreen(o.ftNavigationPosition,"tablet"),mobile:"inside"===core.getResponsiveValueByScreen(o.ftNavigationPosition,"mobile")},e=DEVICES.reduce((t,e)=>(o.ftNavigationPosition?.[e]&&(t[e]="none"!==o.ftNavigationPosition[e]),t),{});return{...o?.ftLoop&&{loop:o.ftLoop},itemNumber:{desktop:1},dot:productGallery.getAllowDotConfig(),dotStyle:productFeaturedImage.getDotStyleForOnlyFeaturedImage({position:o.position,dotStyle:o.ftDotStyle}),dotSize:o.ftDotSize??{desktop:12},dotGapToCarousel:o.ftDotGapToCarousel??{desktop:16},dotColor:o.ftDotColor??{desktop:"bg-1"},dotActiveColor:o.ftDotActiveColor??{desktop:"line-3"},controlOverContent:t,...o?.ftDragToScroll&&{enableDrag:{desktop:o.ftDragToScroll,tablet:o.ftDragToScroll,mobile:o.ftDragToScroll}},...o?.ftArrowIcon&&{arrowCustom:o.ftArrowIcon},arrowIconSize:o.ftArrowIconSize||{desktop:24},...o?.ftArrowIconColor&&{arrowCustomColor:o.ftArrowIconColor},...o?.ftArrowNavColor&&{arrowBackgroundColor:o.ftArrowNavColor},...o?.ftArrowNavBorder&&{arrowBorder:{desktop:o.ftArrowNavBorder}},...o?.ftArrowNavRadius&&{roundedArrow:{desktop:o.ftArrowNavRadius}},...o?.ftArrowNavShadow&&{arrowShadow:{desktop:o.ftArrowNavShadow}},arrowGapToEachSide:"16",animationMode:o?.ftAnimationMode,...o?.ftNavigationPosition&&{navigationStyle:o.ftNavigationPosition},navigationEnable:e,arrowButtonSize:{desktop:{width:o.ftArrowNavSize?.width,height:o.ftArrowNavSize?.height,padding:o.ftArrowNavSize?.padding}},enableAction:{desktop:!0}}};exports.getFeaturedCarouselSettingAttr=getFeaturedCarouselSettingAttr,exports.getGalleryCarouselSettingAttr=getGalleryCarouselSettingAttr;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useState as e,useRef as t,useMemo as r,useCallback as i,useImperativeHandle as n,useEffect as a}from"react";import{useCurrentDevice as l,useEditorMode as s,useInteraction as o,getResponsiveValueByScreen as u,DEVICES as d}from"@gem-sdk/core";import p from"./useTrackPreviewPause.js";let useCarousel=(f,m,c,k)=>{let h;let{builderProps:
|
|
1
|
+
import{useState as e,useRef as t,useMemo as r,useCallback as i,useImperativeHandle as n,useEffect as a}from"react";import{useCurrentDevice as l,useEditorMode as s,useInteraction as o,getResponsiveValueByScreen as u,DEVICES as d}from"@gem-sdk/core";import p from"./useTrackPreviewPause.js";let useCarousel=(f,m,c,k)=>{let h;let{builderProps:b,moveToIdx:y,styles:P,setting:g,isHiddenArrowWhenDisabled:w=!0,elmRef:T,isEnableCheckHasScrollableContent:v,onClickArrow:N,onHandleChangeSlideByInteraction:x,onChangeActive:S}=f,[C,O]=e(!0),[E,L]=e(!0),[M,I]=e(!1),{loop:z,navigationEnable:V={desktop:!0},navigationStyle:B}=g??{},[j,F]=e(k),[H,R]=e(g?.defaultCurrentSlider??0),{isFirstPreviewClicked:$}=p(g?.runPreview),A=t(),D=t(y??0),q=l(),U=s(),{onListener:W,saveToElementInteractionData:G,getInteractionPreviousData:J,trigger:K}=o(),Q=r(()=>u(z,q,!1),[z,q]),X=i(()=>{if(!g?.slidesToShow)return null;let e={};return d.forEach(t=>{let r=u(g?.slidesToShow,t);e[t]=r?"auto"===r?4:Math.floor(r):0}),e},[g?.slidesToShow]),Y=i(()=>{if(!g?.slidesToShow)return null;let e={};return d.forEach(t=>{let r=u(g?.slidesToShow,t);e[t]=r?"auto"===r?4:r:0}),e},[g?.slidesToShow]),Z=r(()=>{let e=Y();if(e)return e;let t={};return d.forEach(e=>{let r=u(g?.sneakPeak,e),i=r?"center"===u(g?.sneakPeakType,e)?u(g?.sneakPeakOffsetCenter,e)??0:u(g?.sneakPeakOffsetForward,e)??0:0,n="center"===u(g?.sneakPeakType,e)?-2:-1,a=u(g?.itemNumber,e);t[e]="number"==typeof a?a+i/100*n:"auto"}),t},[Y,g?.itemNumber,g?.sneakPeak,g?.sneakPeakOffsetCenter,g?.sneakPeakOffsetForward,g?.sneakPeakType]),_=r(()=>{let e=u(Z,q),t=u(z,q,!1);return t&&Number(e??0)>k||!t&&Number(e??0)>=k},[Z,q,z,k]),ee=r(()=>{let e=u(V,q),t=u(B,q);return c&&e&&"none"!==t&&C&&!_},[V,q,B,c,C,_]),et=r(()=>{let e=X();return e||g?.itemNumber},[X,g?.itemNumber]),er=i(e=>{let t="center"===u(g?.sneakPeakType,e)?2:1;return"number"==typeof u(et,e,4)?u(et,e,4)-t:void 0},[g?.sneakPeakType,et]),ei=()=>{let e="auto"===u(Z,q,1)?1:u(Z,q,1);return e??1},en=e=>{let t=e*ei();return t>=j-ei()&&(t=j-ei()),t},ea=e=>{let t="edit"===U?{[e]:!1}:g?.enableDrag;return u(t,e)},el=(e,t)=>{let r=g?.sneakPeak?.[q]?e:t?e:en(e);if(t){if(k<em){c?.slideTo(r);return}if(c?.realIndex===r)return;if(r===Number(c?.realIndex)+1||0===r&&c?.realIndex===k-1)return c?.slideNext();if(r===Number(c?.realIndex)-1||r===k-1&&c?.realIndex===0)return c?.slidePrev();let e="center"===u(g?.sneakPeakType,q)&&"number"==typeof u(g?.itemNumber,q)&&Number(u(g?.itemNumber,q))%2==0;e?c?.slideToLoopCenterSneakPeek(r):c?.slideToLoop(r)}else c?.slideTo(r);D.current=r};n(m,()=>({nextSlideInteraction:ed,previousSlideInteraction:ep,moveToSlideInteraction:ef,getSwiper:()=>c}));let es=e=>{K({event:"gp:rollback:select-slide",selector:`[data-id="${b?.uid}"]`,element:T?.current}),K({event:"gp:select-slide",selector:`[data-id="${b?.uid}"]`,data:e,element:T?.current})},eo=e=>{c?.slideTo(e),x&&x(e)},eu=(e,t)=>{let{key:r,data:i,isRollback:n,element:a}=e,l=Math.max(c?.activeIndex??0,0);if(n&&void 0===i)return;if(n){if("specific"===t){let{previousData:e}=J(a,r);eo(Number(e))}else{let e="next"===t?l-1:l+1;eo(e)}return}let s="specific"===t?Math.max(D.current,0):l;G(a,r,s.toString());let o="specific"===t?Number(i):"next"===t?l+1:l-1;eo(o)},ed=e=>{eu(e,"next")},ep=e=>{eu(e,"previous")},ef=e=>{eu(e,"specific")},em=ei(),ec=r(()=>!!j&&c&&u(g?.dot,q)&&!_&&k>1,[j,c,g?.dot,q,_,k]),ek=u(g?.vertical,q,!1)?"vertical":"horizontal",eh=r(()=>{let e=u(z,q,!1),t=c?.width??0,r={0:"mobile",768:"tablet",1025:"desktop"},i=Number(Object.entries(r).find(([,e])=>e===q)?.[0]??1025),n=Object.entries(r).reduce((r,[i,n])=>{if(!r)return;let a=Number(i),l=u(g?.sneakPeak,n,!1),s=l&&"center"===u(g?.sneakPeakType,n),o=u(g?.itemNumber,n),d=s&&"number"==typeof o,p=ea(n),f=d?(t-t/em*(o-2))/2:0,m=d&&e?j:g?.initialSlide||y||0,c={allowTouchMove:p,slidesOffsetBefore:f,slidesOffsetAfter:f,initialSlide:m};return r[a]=c,r},{}),a="center"===u(g?.sneakPeakType,q)&&"number"==typeof u(g?.itemNumber,q)&&Number(u(g?.itemNumber,q))>1;return{speed:P?.playSpeed??500,dir:g?.rtl?"rtl":"ltr",spaceBetween:u(P?.spacing,q)||0,loop:e,slidesPerView:"auto"===u(Z,q,1)?"auto":em,direction:ek,breakpoints:n,isSneakPeekCenter:a,slidesOffsetBefore:n?.[i]?.slidesOffsetBefore,thumbs:{slideThumbActiveClass:"gem-slider-item-active"},loopPreventsSliding:!1,autoplay:{delay:(g?.autoplayTimeout??1)*1e3,pauseOnMouseEnter:g?.pauseOnHover,stopOnLastSlide:!e}}},[P?.playSpeed,g?.rtl,P?.spacing,q,z,em,g?.sneakPeakType,g?.pauseOnHover,g?.autoplayTimeout,c?.width,j]),eb=i(e=>{let t=c&&c.params?.slidesPerView,r=t?c?.slidesPerViewDynamic():1;if(e<=1)return!1;let i="auto"===eh.slidesPerView?r:eh.slidesPerView;if(!Q||e<Number(i)||!C)return!1;let n=u(g?.sneakPeak,q,!1),a=n&&"center"===u(g?.sneakPeakType,q),l=Number.isNaN(Number(i))?1:Math.ceil(Number(i));a&&l%2==0&&(l+=1);let s=a?Math.max(1,Math.ceil(l/2)):1;return e<l+s},[c,eh.slidesPerView,Q,C,g?.sneakPeak,g?.sneakPeakType,q]);a(()=>{let e=`[data-id="${b?.uid}"]`;W({event:"gp:change-next-slide",selector:e,elementRef:A},e=>{let{data:t,isRollback:r,uniqueStorageKey:i}=e||{};ed({element:A.current,data:t,isRollback:r,key:i})}),W({event:"gp:change-previous-slide",selector:e,elementRef:A},e=>{let{data:t,isRollback:r,uniqueStorageKey:i}=e||{};ep({element:A.current,data:t,isRollback:r,key:i})}),W({event:"gp:change-image-step",selector:e,elementRef:A},e=>{let{data:t,isRollback:r,uniqueStorageKey:i}=e||{};ef({element:A.current,data:t,isRollback:r,key:i})}),W({event:"gp:change-index-slide",selector:e},t=>{let r=document.querySelector(e),{data:i,isRollback:n,uniqueStorageKey:a}=t||{};ef({element:r,data:i,isRollback:n,key:a})})},[]),a(()=>{F(k)},[k]);let ey=e=>{"next"===e?c?.slideNext():c?.slidePrev(),N&&(h&&clearTimeout(h),h=setTimeout(()=>N&&N(),500))};return a(()=>{if("number"==typeof y){if(D.current=y,c?.params?.loop){c?.slideToLoop(y);return}c?.slideTo(y)}},[c,y,w]),a(()=>{if(!c)return;let e=()=>{F(c.slides.length)},t=()=>{S&&S(c.realIndex)},r=()=>{R(c.realIndex),L(c?.translate===0),I(c?.translate<=c?.maxTranslate())};return c.on("transitionEnd",r),c.on("slideChange",e),c.on("slideChangeTransitionStart",t),()=>{c?.off("slideChange",e),c?.off("slideChangeTransitionStart",t),c?.off("transitionEnd",r)}},[eh.loop,c]),a(()=>{c?.wrapperEl&&(c.wrapperEl.style.transitionTimingFunction=g?.animationMode??"ease")},[c,g?.animationMode]),a(()=>{if(c&&c.autoplay){let e="edit"===U?!!$&&g?.runPreview&&g?.autoplay:g?.autoplay;e?c.autoplay.start():c.autoplay.stop()}},[c,g?.autoplay,U,$,g?.runPreview]),a(()=>{let e=e=>{if(b?.uid!==e?.detail.componentUid)return;let t=e?.detail.index||0;c?.slideToLoop(t)};return window.addEventListener("move-to-idx",e),()=>window.removeEventListener("move-to-idx",e)},[c,b?.uid]),a(()=>{if(!c)return;let e=c.el;e?.classList?.remove("swiper-horizontal","swiper-vertical");let t=u(g?.vertical,q)?"swiper-vertical":"swiper-horizontal";e?.classList?.add(t),c?.slides?.forEach(e=>{e.style.width="",e.style.height=""}),c?.update()},[q,g?.vertical,c,c?.params]),a(()=>{if(!c||!v)return;let e=()=>{let e=c?.slides?.slice(0,k)||[],t=Number(eh?.spaceBetween||0),r=e.reduce((e,t)=>e+t.offsetHeight,0)+t*(e.length-1),i=e.reduce((e,t)=>e+t.offsetWidth,0)+t*(e.length-1),n=c.params?.direction==="horizontal"?i>(c.width||0):r>(c.height||0);O(n)};return e(),c.on("resize",e),c.on("update",e),c.on("slidesLengthChange",e),c.on("orientationchange",e),()=>{c.off("resize",e),c.off("update",e),c.off("slidesLengthChange",e),c.off("orientationchange",e)}},[c]),{isInfinity:Q,sliderSettings:eh,totalSlideItem:j,currentSlide:H,localRef:A,isRenderDots:ec,showNavigation:ee,isScrollToStart:E,isScrollToEnd:M,handleDotClick:el,getItemsPerPage:ei,handleNextAndPrevSlide:ey,dispatchEventSelectSlide:es,getNumberOfFullWidthShow:er,setCurrentSlide:R,shouldDuplicateSlides:eb,setIsScrollToStart:L,setIsScrollToEnd:I,isHideNavigation:_}};export{useCarousel};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useCollection as
|
|
2
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useCollection as t,useRenderMode as l}from"@gem-sdk/core";import s from"../../../grid/components/row/Row.js";import{createClass as r,createStyle as m,If as i}from"@gem-sdk/system";import{getClassContainerBanner as n,getClassContainerBackgoundImage as a,getClassOverlayBanner as c,getClassLinkBanner as p}from"./common/classes.js";import{getDimension as d,getStyleOverlay as f,getStyleContainerBackgoundImage as g}from"./common/styles.js";import{updateBackroundImageSrc as y}from"./common/helpers.js";import k from"../../../link/components/Link.js";let CollectionBanner=({builderAttrs:h,builderProps:j,setting:u,style:v,children:N,advanced:b})=>{let C=t(),{isPreviewSharePageMode:w,isEditMode:x}=l(),{link:B,layout:I,width:L,verticalGutter:M,verticalAlign:O,horizontalAlign:R}=u??{};y({setting:u,collectionSrc:C?.collectionMedia?.src});let S=r({...n({builderProps:j,setting:u,advanced:b})}),W=r({...a({setting:u})}),q=r({...c({setting:u})}),z=r({...p()}),A=m({...d({setting:u,style:v})}),D=m({...f({setting:u})}),E=m({...g({setting:u,hasCollectionImage:!1})}),F=!!B?.link&&!x&&!w;return e("div",{...h,className:S,style:A,children:[o("div",{className:W,style:E}),o("div",{"aria-label":"Overlay",className:q,style:D}),i(F,o(k,{setting:{href:B?.link,target:B?.target},className:z})),o(s,{setting:{layout:I,horizontalAlign:R,verticalAlign:O},styles:{verticalGutter:M,width:L,fullWidth:{desktop:!1,tablet:!1,mobile:!1}},style:v,children:N})]})};export{CollectionBanner as default};
|
|
@@ -1,19 +1,17 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{template as e,RenderIf as l}from"@gem-sdk/core";import o from"../../../grid/components/row/Row.liquid.js";import{createClass as
|
|
3
|
-
<div ${{...
|
|
2
|
+
import{template as e,RenderIf as l}from"@gem-sdk/core";import o from"../../../grid/components/row/Row.liquid.js";import{createClass as t,createStyle as s}from"@gem-sdk/system";import{getClassContainerBanner as i,getClassContainerBackgoundImage as r,getClassOverlayBanner as m,getClassLinkBanner as a}from"./common/classes.js";import{getDimension as c,getStyleOverlay as n,getStyleContainerBackgoundImage as d}from"./common/styles.js";import{updateBackroundImageSrc as $,defaultImageUrl as f}from"./common/helpers.js";let CollectionBanner=({builderAttrs:g,builderProps:p,setting:v,style:y,children:k,rawChildren:u,advanced:h})=>{let{link:j,layout:b,width:C,verticalGutter:w,horizontalAlign:B,verticalAlign:q}=v??{};$({setting:v,collectionSrc:`{% if collection.image %} {{ collection.image.src | image_url}} {% else %} ${f} {% endif %}`});let x=t({...i({builderProps:p,setting:v,advanced:h})}),I=t({...r({setting:v})}),O=t({...m({setting:v})}),R=t({...a()}),S=s({...c({setting:v,style:y})}),W=s({...n({setting:v})}),_=s({...d({setting:v,hasCollectionImage:!1})});return e`
|
|
3
|
+
<div ${{...g}} class="${x}" style="${S}">
|
|
4
4
|
<div
|
|
5
|
-
|
|
6
|
-
role="banner"
|
|
7
|
-
class="${x}"
|
|
5
|
+
class="${I}"
|
|
8
6
|
style="${_}"
|
|
9
7
|
>
|
|
10
8
|
</div>
|
|
11
|
-
<div aria-label="Overlay"
|
|
12
|
-
${l(!!
|
|
13
|
-
href="${
|
|
14
|
-
target="${
|
|
9
|
+
<div aria-label="Overlay" class="${O}" style="${W}"> </div>
|
|
10
|
+
${l(!!j?.link,`<a
|
|
11
|
+
href="${j?.link}"
|
|
12
|
+
target="${j?.target}"
|
|
15
13
|
class="${R}"
|
|
16
14
|
> </a>`)}
|
|
17
|
-
${o({setting:{layout:
|
|
15
|
+
${o({setting:{layout:b,horizontalAlign:B,verticalAlign:q},styles:{verticalGutter:w,width:C,fullWidth:{desktop:!1,tablet:!1,mobile:!1}},style:y,children:k,rawChildren:u})}
|
|
18
16
|
</div>
|
|
19
17
|
`};export{CollectionBanner as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useMemo as t}from"react";import{useEditorMode as
|
|
2
|
+
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useMemo as t}from"react";import{useEditorMode as s,filterToolbarPreview as l,getAspectRatioGlobalSize as r}from"@gem-sdk/core";import i from"../../grid/components/row/Row.js";import{createStyle as m,createClass as a}from"@gem-sdk/system";import p from"../../image/components/AdaptiveImage.js";import d from"../../video/components/HTML5Embed.js";import{getContainerStyle as n,getOverlayStyle as c,getRowStyle as y,getAdaptiveStyle as f,getBackgroundStyle as u,getContainBackgroundStyle as v,getYoutubeIframeStyle as h,getHtml5VideoStyle as b}from"../common/styles.js";import{getContainerClasses as g,getOverlayClasses as j,getRowClasses as N,getAdaptivePictureClasses as H,getAdaptiveClasses as k,getBackgroundClasses as w,getContainBackgroundClasses as T,getHtml5VideoClasses as C,getWrapperYoutubeClasses as I,getIframeYoutubeClasses as L}from"../common/classes.js";import{getAspectRatioSettings as z,getBackgroundImageHeroBanner as B,showVideoType as R,horizontalAlign as E,getWidth as x,scrollToContentBanner as A,getBgImage as O,fallbackImg as V}from"../common/helpers.js";import $ from"../../video/components/LiteYouTubeEmbed.js";import{getYoutubeVideoId as M,youtubeVideoRegex as S}from"../../video/common/helpers.js";let HeroBannerItem=W=>{s();let{setting:Y,styles:q,children:D,elementRef:F,transform:G,dataVideo:J,bgRef:K,isShowVideoHtml5:P,layoutResponsive:Q}=W,{layout:U,verticalAlign:X,enableParallax:Z,alt:_,title:ee}=Y??{},{background:eo,overlayColor:et,verticalGutter:es,sizeSetting:el,contentWidth:er,hoverEffect:ei,contentPosition1Col:em,contentPosition2Col:ea}=q??{},ep=z(Y?.ratioOptions,Y?.aspectRatio),ed=m({...n(q,Y)}),en=a({...g(Y,q)}),ec=m({...c(q)}),ey=a({...j(q)}),ef=m({...y(q)}),eu=a({...N(q,Y)}),ev=m({...f(q)}),eh=a({...H()}),eb=a({...k()}),eg=a({...w(ei,!1)}),ej=m({...B(eo,!1,!0),...u(q,Z,G)}),eN=a({...T()}),eH=m({...v(q)}),ek=a({...C(Y?.aspectRatio,!P)}),ew=m({...h(ep)}),eT=m({...b(ep)}),eC=a({...I()}),eI=a({...L()}),eL=t(()=>{if(!R(eo))return;if(J?.videoType==="html5"&&!J.videoHtml5||J?.videoType==="youtube"&&!J.video)return null;if(J?.type==="video"&&J?.videoType==="html5"&&J?.videoHtml5)return e(d,{muted:!0,loop:J?.loop,controls:!1,autoplay:!0,src:J?.videoHtml5||"",title:"Video",style:eT,className:ek});let o=J?.video??"",t=M(o),s=J?.loop?1:0,l=`&loop=${s}&playlist=${t}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(J?.type==="video"&&J?.videoType==="youtube"&&t&&S.test(o))return e($,{id:t,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:l,adNetwork:!1,noCookie:!0,muted:!0,lazy:J?.lazyLoad??!0,style:ew,wrapperClass:eC,iframeClass:eI})},[J,eo,ek,eI,eC,ew,eT]);return o("div",{className:en,style:ed,children:[o("div",{ref:F,className:eN,style:eH,children:[e("div",{ref:K,className:eg,style:ej,children:eL}),!!et&&e("div",{"aria-label":"Overlay",className:ey,style:ec})]}),e(i,{className:eu,style:ef,setting:{layout:U,horizontalAlign:E(U,em,ea),verticalAlign:X},styles:{verticalGutter:es,width:x(er),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},hiddenEmptyCol:Q?.cols?.length===1,onBlur:e=>A(e),children:l(D)}),e(p,{pictureClass:eh,srcSet:O(eo),className:eb,aspectRatio:r(el),style:ev,alt:_,title:ee,enableLazyLoadImage:!1,fallbackImg:V})]})};export{HeroBannerItem as default};
|
|
@@ -1,18 +1,16 @@
|
|
|
1
|
-
import e from"../../grid/components/row/Row.liquid.js";import{template as o,getAspectRatioGlobalSize as s,DEVICES as t,getResponsiveValueByScreen as i}from"@gem-sdk/core";import{createStyle as r,createClass as m,If as
|
|
1
|
+
import e from"../../grid/components/row/Row.liquid.js";import{template as o,getAspectRatioGlobalSize as s,DEVICES as t,getResponsiveValueByScreen as i}from"@gem-sdk/core";import{createStyle as r,createClass as m,If as l}from"@gem-sdk/system";import a from"../../image/components/AdaptiveImage.liquid.js";import p from"../../video/components/HTML5Embed.liquid.js";import{getContainerStyle as d,getOverlayStyle as n,getRowStyle as c,getAdaptiveStyle as u,getBackgroundStyle as f,getContainBackgroundStyle as y,getYoutubeIframeStyle as v,getHtml5VideoStyle as j}from"../common/styles.js";import{getContainerClasses as $,getOverlayClasses as g,getRowClasses as b,getAdaptivePictureClasses as h,getAdaptiveClasses as w,getBackgroundClasses as k,getContainBackgroundClasses as N,getHtml5VideoClasses as q,getWrapperYoutubeClasses as H,getIframeYoutubeClasses as C,getLazyBackgroundClasses as I}from"../common/classes.js";import{getAspectRatioSettings as R,getBackgroundImageHeroBanner as z,horizontalAlign as A,getWidth as B,getBgImage as L,fallbackImg as T,getEnableBgImageByDevice as x,showVideoType as E,getResponsiveSetting as O}from"../common/helpers.js";import{getImageSrc as S}from"../../image/common/helpers.js";import V from"../../image/components/NextImage.liquid.js";import D from"../../video/components/LiteYouTubeEmbed.liquid.js";import{getYoutubeVideoId as M,youtubeVideoRegex as W}from"../../video/common/helpers.js";import{isRenderHtmlVideo as Y}from"../../grid/components/row/common/helpers.js";import{PRIORITY_LOAD_ATTRS as F}from"../../image/constants.js";let HeroBannerItem=G=>{let{enableLazyLoadImage:J=!0,setting:K,styles:P,children:Q,builderProps:U,rawChildren:X}=G,{layout:Z,verticalAlign:_,enableParallax:ee,alt:eo,title:es,preload:et}=K??{},{background:ei,overlayColor:er,verticalGutter:em,sizeSetting:el,contentWidth:ea,hoverEffect:ep,contentPosition1Col:ed,contentPosition2Col:en}=P??{},ec=!et&&J,eu=R(K?.ratioOptions,K?.aspectRatio),ef=O(ei||{}).desktop,ey=r({...d(P,K)}),ev=m({...$(K,P)}),ej=r({...n(P)}),e$=m({...g(P)}),eg=r({...c(P)}),eb=m({...b(P,K)}),eh=r({...u(P)}),ew=m({...h()}),ek=m({...w()}),eN=m({...k(ep,ec)}),eq=r({...z(ei,ec,!1),...f(P,ee,"")}),eH=m({...N()}),eC=r({...y(P)}),eI=m({...q(K?.aspectRatio,!1)}),eR=r({...v(eu)}),ez=m({...H()}),eA=r({...j(eu)}),eB=m({...C()}),eL=e=>m({...I(e)}),eT=()=>{if(!et)return t.map(e=>l(x(e,ei),V({src:S(i(L(ei),e),e),alt:eo,title:es,className:eL(e),isDisableAspectStyle:!0,enableLazyLoadImage:J}))).join("")},ex=()=>{if(!E(ei))return;if(Y(ei))return p({uid:U?.uid,muted:!0,loop:ef?.loop,controls:!1,autoplay:!0,src:ef?.videoHtml5||"",title:"Video",style:eA,className:eI});let e=ef?.video??"",o=M(e),s=`&loop=false&playlist=${o}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(ef?.type==="video"&&ef?.videoType==="youtube"&&o&&W.test(e))return D({uid:U?.uid,id:o,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:s,adNetwork:!1,noCookie:!0,muted:!0,lazy:ef?.lazyLoad??!0,preload:!0,style:eR,wrapperClass:ez,iframeClass:eB})};return o`
|
|
2
2
|
<div class="${ev}" style="${ey}">
|
|
3
3
|
<div
|
|
4
|
-
aria-label="Background Image"
|
|
5
|
-
role="banner"
|
|
6
4
|
class="${eH}"
|
|
7
|
-
style="${
|
|
5
|
+
style="${eC}"
|
|
8
6
|
>
|
|
9
7
|
<div class="${eN}" style="${eq}">
|
|
10
8
|
${eT()}
|
|
11
9
|
${ex()}
|
|
12
10
|
</div>
|
|
13
|
-
${
|
|
11
|
+
${l(!!er,o`<div aria-label="Overlay" class="${e$}" style="${ej}"> </div>`)}
|
|
14
12
|
</div>
|
|
15
|
-
${e({className:eb,style:
|
|
16
|
-
${
|
|
13
|
+
${e({className:eb,style:eg,setting:{layout:Z,horizontalAlign:A(Z,ed,en),verticalAlign:_},styles:{verticalGutter:em,width:B(ea),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},children:Q,rawChildren:X})}
|
|
14
|
+
${a({pictureClass:ew,srcSet:L(ei),className:ek,...et&&F,aspectRatio:s(el),style:eh,alt:eo,title:es,enableLazyLoadImage:J,fallbackImg:T})}
|
|
17
15
|
</div>
|
|
18
16
|
`};export{HeroBannerItem as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{getResponsiveValueByScreen as o}from"@gem-sdk/core";import{getDotStyleConfig as t,getCarouselVerticalConfigByPosition as r,getAllowDotConfig as a}from"./productGallery.js";import{getDotStyleForOnlyFeaturedImage as e}from"./productFeaturedImage.js";let DEVICES=["desktop","mobile","tablet"],getGalleryCarouselSettingAttr=a=>{let e={desktop:"inside"===o(a.navigationPosition,"desktop"),tablet:"inside"===o(a.navigationPosition,"tablet"),mobile:"inside"===o(a.navigationPosition,"mobile")},i=DEVICES.reduce((o,t)=>(a.navigationPosition?.[t]&&(o[t]="none"!==a.navigationPosition[t]),o),{});return{...a?.loop&&{loop:a.loop},itemNumber:{desktop:"auto",tablet:"auto",mobile:"auto"},dot:{desktop:!1,tablet:!1,mobile:!1},dotStyle:t(),controlOverContent:e,...a?.dragToScroll&&{enableDrag:{desktop:a.dragToScroll,tablet:a.dragToScroll,mobile:a.dragToScroll}},vertical:r(a.position),...a?.arrowIcon&&{arrowCustom:a.arrowIcon},arrowIconSize:a.arrowIconSize||{desktop:24},...a?.arrowIconColor&&{arrowCustomColor:a.arrowIconColor},...a?.arrowNavColor&&{arrowBackgroundColor:a.arrowNavColor},...a?.arrowNavBorder&&{arrowBorder:{desktop:a.arrowNavBorder}},...a?.arrowNavRadius&&{roundedArrow:{desktop:a.arrowNavRadius}},...a?.arrowNavShadow&&{arrowShadow:{desktop:a.arrowNavShadow}},arrowGapToEachSide:"16",navigationStyle:a.navigationPosition,navigationEnable:i,arrowButtonSize:{desktop:{width:a.arrowNavSize?.width,height:a.arrowNavSize?.height,padding:a.arrowNavSize?.padding}},animationMode:a?.ftAnimationMode,enableAction:{desktop:!0}}},getFeaturedCarouselSettingAttr=t=>{let r={desktop:"inside"===o(t.ftNavigationPosition,"desktop"),tablet:"inside"===o(t.ftNavigationPosition,"tablet"),mobile:"inside"===o(t.ftNavigationPosition,"mobile")},i=DEVICES.reduce((o,r)=>(t.ftNavigationPosition?.[r]&&(o[r]="none"!==t.ftNavigationPosition[r]),o),{});return{...t?.ftLoop&&{loop:t.ftLoop},itemNumber:{desktop:1},dot:a(),dotStyle:e({position:t.position,dotStyle:t.ftDotStyle}),dotSize:t.ftDotSize??{desktop:12},dotGapToCarousel:t.ftDotGapToCarousel??{desktop:16},dotColor:t.ftDotColor??{desktop:"bg-1"},dotActiveColor:t.ftDotActiveColor??{desktop:"line-3"},controlOverContent:r,...t?.ftDragToScroll&&{enableDrag:{desktop:t.ftDragToScroll,tablet:t.ftDragToScroll,mobile:t.ftDragToScroll}},...t?.ftArrowIcon&&{arrowCustom:t.ftArrowIcon},arrowIconSize:t.ftArrowIconSize||{desktop:24},...t?.ftArrowIconColor&&{arrowCustomColor:t.ftArrowIconColor},...t?.ftArrowNavColor&&{arrowBackgroundColor:t.ftArrowNavColor},...t?.ftArrowNavBorder&&{arrowBorder:{desktop:t.ftArrowNavBorder}},...t?.ftArrowNavRadius&&{roundedArrow:{desktop:t.ftArrowNavRadius}},...t?.ftArrowNavShadow&&{arrowShadow:{desktop:t.ftArrowNavShadow}},
|
|
1
|
+
import{getResponsiveValueByScreen as o}from"@gem-sdk/core";import{getDotStyleConfig as t,getCarouselVerticalConfigByPosition as r,getAllowDotConfig as a}from"./productGallery.js";import{getDotStyleForOnlyFeaturedImage as e}from"./productFeaturedImage.js";let DEVICES=["desktop","mobile","tablet"],getGalleryCarouselSettingAttr=a=>{let e={desktop:"inside"===o(a.navigationPosition,"desktop"),tablet:"inside"===o(a.navigationPosition,"tablet"),mobile:"inside"===o(a.navigationPosition,"mobile")},i=DEVICES.reduce((o,t)=>(a.navigationPosition?.[t]&&(o[t]="none"!==a.navigationPosition[t]),o),{});return{...a?.loop&&{loop:a.loop},itemNumber:{desktop:"auto",tablet:"auto",mobile:"auto"},dot:{desktop:!1,tablet:!1,mobile:!1},dotStyle:t(),controlOverContent:e,...a?.dragToScroll&&{enableDrag:{desktop:a.dragToScroll,tablet:a.dragToScroll,mobile:a.dragToScroll}},vertical:r(a.position),...a?.arrowIcon&&{arrowCustom:a.arrowIcon},arrowIconSize:a.arrowIconSize||{desktop:24},...a?.arrowIconColor&&{arrowCustomColor:a.arrowIconColor},...a?.arrowNavColor&&{arrowBackgroundColor:a.arrowNavColor},...a?.arrowNavBorder&&{arrowBorder:{desktop:a.arrowNavBorder}},...a?.arrowNavRadius&&{roundedArrow:{desktop:a.arrowNavRadius}},...a?.arrowNavShadow&&{arrowShadow:{desktop:a.arrowNavShadow}},arrowGapToEachSide:"16",navigationStyle:a.navigationPosition,navigationEnable:i,arrowButtonSize:{desktop:{width:a.arrowNavSize?.width,height:a.arrowNavSize?.height,padding:a.arrowNavSize?.padding}},animationMode:a?.ftAnimationMode,enableAction:{desktop:!0}}},getFeaturedCarouselSettingAttr=t=>{let r={desktop:"inside"===o(t.ftNavigationPosition,"desktop"),tablet:"inside"===o(t.ftNavigationPosition,"tablet"),mobile:"inside"===o(t.ftNavigationPosition,"mobile")},i=DEVICES.reduce((o,r)=>(t.ftNavigationPosition?.[r]&&(o[r]="none"!==t.ftNavigationPosition[r]),o),{});return{...t?.ftLoop&&{loop:t.ftLoop},itemNumber:{desktop:1},dot:a(),dotStyle:e({position:t.position,dotStyle:t.ftDotStyle}),dotSize:t.ftDotSize??{desktop:12},dotGapToCarousel:t.ftDotGapToCarousel??{desktop:16},dotColor:t.ftDotColor??{desktop:"bg-1"},dotActiveColor:t.ftDotActiveColor??{desktop:"line-3"},controlOverContent:r,...t?.ftDragToScroll&&{enableDrag:{desktop:t.ftDragToScroll,tablet:t.ftDragToScroll,mobile:t.ftDragToScroll}},...t?.ftArrowIcon&&{arrowCustom:t.ftArrowIcon},arrowIconSize:t.ftArrowIconSize||{desktop:24},...t?.ftArrowIconColor&&{arrowCustomColor:t.ftArrowIconColor},...t?.ftArrowNavColor&&{arrowBackgroundColor:t.ftArrowNavColor},...t?.ftArrowNavBorder&&{arrowBorder:{desktop:t.ftArrowNavBorder}},...t?.ftArrowNavRadius&&{roundedArrow:{desktop:t.ftArrowNavRadius}},...t?.ftArrowNavShadow&&{arrowShadow:{desktop:t.ftArrowNavShadow}},arrowGapToEachSide:"16",animationMode:t?.ftAnimationMode,...t?.ftNavigationPosition&&{navigationStyle:t.ftNavigationPosition},navigationEnable:i,arrowButtonSize:{desktop:{width:t.ftArrowNavSize?.width,height:t.ftArrowNavSize?.height,padding:t.ftArrowNavSize?.padding}},enableAction:{desktop:!0}}};export{getFeaturedCarouselSettingAttr,getGalleryCarouselSettingAttr};
|