@gem-sdk/components 16.3.4 → 17.0.0-dev.100

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

@@ -1 +1 @@
-"use strict";var jsxRuntime=require("react/jsx-runtime"),React=require("react"),styles=require("./common/styles.js");function Swiper(e){let t=React.useRef(null),{children:r,totalSlides:s,onSwiperReset:i,onSwiperReady:n,sliderClass:c,sliderOrder:u,thumbsSwiper:a,...p}=e,[l,w]=React.useState(!1),o=React.useMemo(()=>a?{"thumbs-swiper":a}:{},[a]),f=styles.getStyleSwiperContainer(),d="object"==typeof e.autoplay&&null!==e.autoplay?e.autoplay.pauseOnMouseEnter:void 0,y=()=>{t.current?.swiper&&t.current.swiper.wrapperEl.style.setProperty("width",`${t.current.swiper.width}px`)};return React.useEffect(()=>{let e=async()=>{let e=await import("@gem-sdk/swiper/element/bundle");e.register(),await window.customElements.whenDefined("swiper-container"),w(!0)};e()},[]),React.useEffect(()=>{l&&t.current&&(Object.assign(t.current,p),t.current.initialize?.(),n?.(t.current.swiper),y())},[l]),React.useEffect(()=>{t.current?.swiper&&(t.current.swiper.destroy(!1,!1),Object.assign(t.current,p),t.current.initialize?.(),n(t.current.swiper),i())},[p.dir,p.loop,d,p.slidesPerView,n,i,p.spaceBetween,p.slidesOffsetBefore]),React.useEffect(()=>{let e=t.current;e&&(Object.assign(e,p),e.swiper?.update(),y())},[p]),React.useEffect(()=>{i()},[u,i]),React.useEffect(()=>{let e=t.current;if(!e)return;let r=()=>{y()};return e.addEventListener("swiperresize",r),()=>{e.removeEventListener("swiperresize",r)}},[]),jsxRuntime.jsx("swiper-container",{init:!1,ref:t,class:c,style:{...f,display:l?"block":"none"},...o,children:r})}exports.Swiper=Swiper;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./common/styles.js");require("@gem-sdk/swiper/element/bundle").register(),exports.Swiper=function(s){let i=r.useRef(null),{children:n,totalSlides:u,onSwiperReset:c,onSwiperReady:p,sliderClass:l,sliderOrder:w,thumbsSwiper:a,...f}=s,o=r.useMemo(()=>a?{"thumbs-swiper":a}:{},[a]),d=t.getStyleSwiperContainer(),m=r.useCallback(({width:e}={})=>{i.current?.swiper&&i.current.swiper.wrapperEl.style.setProperty("width",`${e??i.current.swiper.width}px`)},[]);return r.useEffect(()=>{let e=i.current;if(e)return Object.assign(e,f),e.initialize?.(),p?.(e.swiper),m(),e.swiper.on("resize",m),()=>{e.swiper.off("resize",m),c()}},[]),r.useEffect(()=>{let e=i.current,r=e?.swiper;e&&r&&!r.destroyed&&(Object.assign(e,f),r.update(),m())},[f]),r.useEffect(()=>{c()},[w,c]),e.jsx("swiper-container",{init:!1,ref:i,class:l,style:{...d},...o,children:n})};

package/dist/cjs/carousel-v3/components/swiper/SwiperSlide.js

@@ -1 +1 @@
-"use strict";var jsxRuntime=require("react/jsx-runtime"),styles=require("./common/styles.js");function SwiperSlide(e){let{children:r,className:i,dir:s,...t}=e,l=styles.getStyleSwiperSlider(e);return jsxRuntime.jsx("swiper-slide",{class:i,...t,style:l,dir:"ltr",children:r})}exports.SwiperSlide=SwiperSlide;
+"use strict";var e=require("react/jsx-runtime"),r=require("./common/styles.js");exports.SwiperSlide=function(i){let{children:s,className:t,dir:l,...c}=i,n=r.getStyleSwiperSlider(i);return e.jsx("swiper-slide",{class:t,...c,style:n,dir:"ltr",children:s})};

package/dist/cjs/carousel-v3/components/swiper/common/styles.js

@@ -1 +1 @@
-"use strict";var system=require("@gem-sdk/system");const getStyleSwiperSlider=e=>{let{dir:t,style:r}=e;return{"--h":"auto",...r,..."rtl"===t?{marginLeft:0}:{marginRight:0}}},getStyleSwiperContainer=()=>system.createStyle({overflow:"hidden",width:"100%"});exports.getStyleSwiperContainer=getStyleSwiperContainer,exports.getStyleSwiperSlider=getStyleSwiperSlider;
+"use strict";var e=require("@gem-sdk/system");exports.getStyleSwiperContainer=()=>e.createStyle({overflow:"hidden",width:"100%"}),exports.getStyleSwiperSlider=e=>{let{dir:t,style:r}=e;return{"--h":"auto",...r,..."rtl"===t?{marginLeft:0}:{marginRight:0}}};

package/dist/cjs/carousel-v3/hooks/useCarouseItem.js

@@ -1 +1 @@
-"use strict";const useCarouselItem=e=>{let{onClickItem:s,onMouseMove:t,onMouseOut:u,dispatchEventSelectSlide:r,index:o=0}=e,l=e=>{s&&s(e),r&&r(o)},a=e=>{t&&t(e)},m=e=>{u&&u(e)};return{handleClick:l,handleMouseMove:a,handleMouseOut:m}};exports.useCarouselItem=useCarouselItem;
+"use strict";exports.useCarouselItem=e=>{let{onClickItem:s,onMouseMove:t,onMouseOut:u,dispatchEventSelectSlide:l,index:o=0}=e;return{handleClick:e=>{s&&s(e),l&&l(o)},handleMouseMove:e=>{t&&t(e)},handleMouseOut:e=>{u&&u(e)}}};

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

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

package/dist/cjs/carousel-v3/hooks/useDotsSetting.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const useDotsSetting=e=>{let{loop:t,enabledSneakPeak:r,slideItemsPerPage:s=1,currentSlide:o=1,totalSlideItem:u,slideDuplicated:c}=e,n=core.useCurrentDevice(),i=core.getResponsiveValueByScreen(t,n,!1),g=e=>{let t=c&&u,n=t?o-u/2:o;return r||i?e===o||e===n:e===Math.ceil(o/s)};return{isLoop:i,checkIsActive:g}};exports.useDotsSetting=useDotsSetting;
+"use strict";var e=require("@gem-sdk/core");exports.useDotsSetting=t=>{let{loop:r,enabledSneakPeak:s,slideItemsPerPage:c=1,currentSlide:i=1,totalSlideItem:u,slideDuplicated:n}=t,o=e.useCurrentDevice(),v=e.getResponsiveValueByScreen(r,o,!1);return{isLoop:v,checkIsActive:e=>s||v?e===i||e===(n&&u?i-u/2:i):e===Math.ceil(i/c)}};

package/dist/cjs/carousel-v3/hooks/useTrackPreviewPause.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react");const useTrackPreviewPause=e=>{let r=React.useRef(void 0),[t,u]=React.useState(!1);return React.useEffect(()=>{if(!t){if(!r.current){r.current=JSON.stringify({isFirstPreviewClicked:t,runPreview:e});return}t||r.current===JSON.stringify({isFirstPreviewClicked:t,runPreview:e})||u(!0)}},[t,e]),{isFirstPreviewClicked:t}};exports.default=useTrackPreviewPause;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.default=r=>{let t=e.useRef(void 0),[u,i]=e.useState(!1);return e.useEffect(()=>{if(!u){if(!t.current){t.current=JSON.stringify({isFirstPreviewClicked:u,runPreview:r});return}u||t.current===JSON.stringify({isFirstPreviewClicked:u,runPreview:r})||i(!0)}},[u,r]),{isFirstPreviewClicked:u}};

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

@@ -1 +1 @@
-"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("@gem-sdk/system"),require("next/link");var Carousel$1=require("./settings/Carousel.js"),CarouselItem$1=require("./settings/CarouselItem.js");const carouselSettingV3={CarouselV3:Carousel$1.default,CarouselItemV3:CarouselItem$1.default};exports.carouselSettingV3=carouselSettingV3;
+"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("@gem-sdk/system"),require("next/link"),require("./components/swiper/Swiper.js");var e=require("./settings/Carousel.js"),r=require("./settings/CarouselItem.js");const s={CarouselV3:e.default,CarouselItemV3:r.default};exports.carouselSettingV3=s;

package/dist/cjs/carousel-v3/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const CarouselV3=dynamic(()=>Promise.resolve().then(function(){return require("./components/root/Carousel.js")}),{loading:Loading.default}),CarouselItemV3=dynamic(()=>Promise.resolve().then(function(){return require("./components/item/CarouselItem.js")}),{loading:Loading.default});var carouselV3={CarouselV3,CarouselItemV3};exports.default=carouselV3;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const o=e(()=>Promise.resolve().then(function(){return require("./components/root/Carousel.js")}),{loading:r.default}),t=e(()=>Promise.resolve().then(function(){return require("./components/item/CarouselItem.js")}),{loading:r.default});exports.default={CarouselV3:o,CarouselItemV3:t};

package/dist/cjs/carousel-v3/plugins/animation.js

@@ -1 +1 @@
-"use strict";const CAROUSEL_ANIMATION={EASE_IN:{value:"ease-in",formula:a=>a*a*a},EASE_OUT:{value:"ease-out",formula:a=>1-Math.pow(1-a,3)},EASE_IN_OUT:{value:"ease-in-out",formula:a=>a<.5?4*a*a*a:1-Math.pow(-2*a+2,3)/2},DEFAULT:{value:"default",formula:a=>1+--a*a*a*a*a}};exports.CAROUSEL_ANIMATION=CAROUSEL_ANIMATION;
+"use strict";exports.CAROUSEL_ANIMATION={EASE_IN:{value:"ease-in"},EASE_OUT:{value:"ease-out"},EASE_IN_OUT:{value:"ease-in-out"}};

package/dist/cjs/carousel-v3/settings/Carousel.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var settingsV2=require("./configs/settings-v2.js"),uiV2=require("./configs/ui-v2.js"),presets=require("./configs/presets.js");const config={tag:"CarouselV3",label:"Carousel",icon:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./configs/settings-v2.js"),s=require("./configs/ui-v2.js"),t=require("./configs/presets.js");const i={tag:"CarouselV3",label:"Carousel",icon:`
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M4.96586 7.25C4.96586 6.14543 5.86129 5.25 6.96586 5.25H17.0346C18.1391 5.25 19.0346 6.14543 19.0346 7.25V16.7484C19.0346 17.853 18.1391 18.7484 17.0346 18.7484H6.96586C5.86129 18.7484 4.96586 17.853 4.96586 16.7484V7.25ZM9.36039 6.25H6.96586C6.41357 6.25 5.96586 6.69772 5.96586 7.25V16.7484C5.96586 17.3007 6.41357 17.7484 6.96586 17.7484H9.36039L9.36039 6.25ZM10.3604 17.7484V6.25H14.1455V17.7484H10.3604ZM15.1455 17.7484H17.0346C17.5869 17.7484 18.0346 17.3007 18.0346 16.7484V7.25C18.0346 6.69771 17.5869 6.25 17.0346 6.25H15.1455V17.7484ZM3.31666 10.5447C3.51708 10.7346 3.52555 11.0511 3.33558 11.2515L2.61349 12.0133L3.33449 12.7691C3.52509 12.969 3.51762 13.2854 3.31781 13.4761C3.118 13.6667 2.8015 13.6592 2.6109 13.4594L1.693 12.4971C1.43561 12.2273 1.43493 11.803 1.69148 11.5324L2.60981 10.5636C2.79978 10.3632 3.11625 10.3547 3.31666 10.5447ZM20.6827 10.5458C20.8825 10.3552 21.199 10.3627 21.3896 10.5625L22.3075 11.5247C22.5649 11.7946 22.5656 12.2188 22.309 12.4894L21.3907 13.4583C21.2007 13.6587 20.8843 13.6672 20.6839 13.4772C20.4834 13.2872 20.475 12.9707 20.6649 12.7703L21.387 12.0085L20.666 11.2527C20.4754 11.0529 20.4829 10.7364 20.6827 10.5458ZM21.5839 12.215C21.5838 12.2149 21.584 12.2151 21.5839 12.215V12.215Z" fill="white"/>
   </svg>
-  `,settings:settingsV2.CarouselSettingsV2,ui:[],uiV2:uiV2.SettingUIV2,presets:presets.CarouselPreset,editorConfigs:{slots:{children:!1},placeholder:{notAppendTags:["MarqueeItem","Marquee"]}},locales:{editor:{en:{no_slider:"No Slider"}}}};exports.default=config;
+  `,settings:e.CarouselSettingsV2,ui:[],uiV2:s.SettingUIV2,presets:t.CarouselPreset,editorConfigs:{slots:{children:!1},placeholder:{notAppendTags:["MarqueeItem","Marquee"]}},locales:{editor:{en:{no_slider:"No Slider"}}}};exports.default=i;

package/dist/cjs/carousel-v3/settings/CarouselItem.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const config={tag:"CarouselItemV3",label:"Carousel Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0,notAppendLeftRight:!0}}};exports.default=config;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={tag:"CarouselItemV3",label:"Carousel Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0,notAppendLeftRight:!0}}};

package/dist/cjs/carousel-v3/settings/configs/presets.js

@@ -1,4 +1,4 @@
-"use strict";const CarouselPreset=[{id:"carousel",name:"Carousel",icon:{desktop:`
+"use strict";const e=[{id:"carousel",name:"Carousel",icon:{desktop:`
         <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
         <rect width="96" height="48" rx="3" fill="#424242"/>
         <path fill-rule="evenodd" clip-rule="evenodd" d="M13.8828 18.1302C14.0391 18.3037 14.0391 18.5851 13.8828 18.7587L10.9657 22L13.8828 25.2413C14.0391 25.4149 14.0391 25.6963 13.8828 25.8698C13.7266 26.0434 13.4734 26.0434 13.3172 25.8698L10.1172 22.3143C9.96095 22.1407 9.96095 21.8593 10.1172 21.6857L13.3172 18.1302C13.4734 17.9566 13.7266 17.9566 13.8828 18.1302Z" fill="#F9F9F9"/>
@@ -111,4 +111,4 @@
             </linearGradient>
           </defs>
         </svg>
-      `},components:[{tag:"CarouselV3",label:"Carousel",settings:{childItem:["Item 1","Item 2","Item 3"],itemNumber:{desktop:3,tablet:2,mobile:2},sneakPeak:{desktop:!0},sneakPeakType:{desktop:"center"},dotStyle:{desktop:"outside"}},styles:{fullWidth:{desktop:!1,tablet:!1,mobile:!1},sizeSetting:{desktop:{width:"default"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]},{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]},{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]}]}]}];exports.CarouselPreset=CarouselPreset;
+      `},components:[{tag:"CarouselV3",label:"Carousel",settings:{childItem:["Item 1","Item 2","Item 3"],itemNumber:{desktop:3,tablet:2,mobile:2},sneakPeak:{desktop:!0},sneakPeakType:{desktop:"center"},dotStyle:{desktop:"outside"}},styles:{fullWidth:{desktop:!1,tablet:!1,mobile:!1},sizeSetting:{desktop:{width:"default"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]},{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]},{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]}]}]}];exports.CarouselPreset=e;

package/dist/cjs/carousel-v3/settings/configs/settings-v2.js

@@ -1,3 +1,3 @@
-"use strict";var animation=require("../../plugins/animation.js");const CarouselSettingsV2Setting=[{id:"itemNumber",label:"",type:"carousel-layout-selector",devices:{desktop:{default:4}}},{id:"sneakPeak",label:"Sneak peek",type:"sneak-peak",devices:{desktop:{default:!1}}},{id:"sneakPeakType",label:"",type:"sneak-peak-type",itemPerRow:2,iconViewBox:"0 0 118 52",enableItemBackground:!0,enableTooltip:!0,options:[{value:"forward",type:"sneak-peak-offset"},{value:"center",type:"sneak-peak-offset"}],devices:{desktop:{default:"forward"}}},{id:"sneakPeakOffsetForward",label:"Ratio",type:"input:slider",min:1,max:100,showDefaultUnit:!0,isNumber:!0,units:["%"],devices:{desktop:{default:50}}},{id:"sneakPeakOffsetCenter",label:"Ratio",type:"input:slider",min:1,max:100,showDefaultUnit:!0,isNumber:!0,units:["%"],devices:{desktop:{default:50}}},{id:"childItem",label:"Item management",type:"child-item",default:["Item 1","Item 2","Item 3","Item 4","Item 5","Item 6"]},{id:"vertical",label:"Vertical layout",type:"toggle",devices:{desktop:{default:!1}}},{id:"controlOverContent",label:"Next & previous position",type:"segment",options:[{label:"Inside",value:!0},{label:"Outside",value:!1}],devices:{desktop:{default:!0}}},{id:"dot",label:"Dots",type:"toggle",devices:{desktop:{default:!0}}},{id:"dotStyle",label:"Dot style",type:"option:illustration",iconViewBox:"0 0 77 48",enableItemBackground:!0,enableTooltip:!0,options:[{label:"Inside",value:"inside",type:"carousel-dot",svgName:"gp-carousel-dot-inside"},{label:"Outside",value:"outside",type:"carousel-dot",svgName:"gp-carousel-dot-outside"}],devices:{desktop:{default:"inside"}}},{id:"dotSize",label:"Dots size",type:"input:stepper",min:1,devices:{desktop:{default:12}}},{id:"dotGapToCarousel",label:"Gap to carousel",type:"input:slider",min:0,max:120,ignoreMax:!0,devices:{desktop:{default:16}}},{id:"dotColor",label:"Dot color",type:"color-picker-v2",devices:{desktop:{default:"bg-1"}},compoDefaultValue:{desktop:{default:"bg-1"}}},{id:"dotActiveColor",label:"Dot color active",type:"color-picker-v2",devices:{desktop:{default:"line-3"}},compoDefaultValue:{desktop:{default:"line-3"}}},{id:"navigationEnable",type:"toggle",devices:{desktop:{default:!0}}},{id:"navigationStyle",type:"option:illustration",iconViewBox:"0 0 77 48",enableItemBackground:!0,label:"Navigation style",enableTooltip:!0,options:[{label:"Outside",value:"outside",type:"slide-control",svgName:"gp-slide-control-outside"},{label:"Inside",value:"inside",type:"slide-control",svgName:"gp-slide-control-inside"}],devices:{desktop:{default:"inside"}}},{id:"arrowCustom",type:"icon",isHideClear:!0,default:`<svg height="20" width="20" data-name="caret-right-regular" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508418455613473128">
-      <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg>
-    `},{id:"arrowCustomColor",label:"Icon color",type:"color-picker-v2",default:"#121212",compoDefaultValue:"#121212"},{id:"arrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:24}}},{id:"arrowButtonSize",type:"size-setting",label:"",devices:{desktop:{default:{shapeValue:"1/1",shapeLinked:!0,width:void 0,height:void 0,padding:{linked:!0,type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}},lockShapeValue:!0,hiddenShowMore:!0,hiddenSettings:["gap","proportion","padding"],settingConfig:{width:{name:"Width",units:["px"],displayOptions:["small","medium","large"],sizeConfig:{small:"24px",medium:"32px",large:"40px"}},height:{name:"Height",units:["px"],displayOptions:["small","medium","large","full-height"],sizeConfig:{small:"24px",medium:"32px",large:"40px",full:"100%"}},padding:{paddingConfig:{small:{vertical:"2px",horizontal:"2px"},medium:{vertical:"4px",horizontal:"4px"},large:{vertical:"8px",horizontal:"8px"}}}},sizePaddingInput:"small"},{id:"arrowBackgroundColor",label:"Background Color",type:"color-picker-v2",default:"transparent",compoDefaultValue:"bg-2"},{id:"arrowBorder",type:"border-v2",label:"Border",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!0}}},compoDefaultValue:{desktop:{default:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}}},{id:"arrowShadow",type:"shadow-v2",devices:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}},{id:"roundedArrow",type:"corner-v2",label:"Border Radius",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}}}},{id:"arrowGapToEachSide",label:"Gap to each side",type:"input:slider",min:0,max:120,ignoreMax:!0,default:"16"},{id:"showWhenHover",label:"Only show when hover",type:"toggle",default:!1},{id:"rtl",label:"Direction",type:"option:value",options:[{value:!1,iconName:"polaris-arrow-left",label:"Right to left"},{value:!0,label:"Left to right",iconName:"polaris-arrow-right"}],default:!1},{id:"autoplay",label:"Autoplay",type:"toggle",default:!1},{id:"autoplayTimeout",label:"Time out",type:"input:slider",min:1,max:4,step:.1,default:2,units:["s"],isNumber:!0,showDefaultUnit:!0,ignoreMax:!0},{id:"pauseOnHover",label:"Pause On Hover",type:"toggle",default:!0,hide:!0},{id:"runPreview",type:"play-pause",hideLabel:!0,default:!1},{id:"enableDrag",label:"Drag to scroll",type:"toggle",devices:{desktop:{default:!0}}},{id:"loop",label:"Infinity loop",type:"toggle",devices:{desktop:{default:!1}}},{id:"animationMode",label:"Animation",type:"select",default:animation.CAROUSEL_ANIMATION.EASE_IN.value,options:[{label:"Ease in",value:animation.CAROUSEL_ANIMATION.EASE_IN.value},{label:"Ease out",value:animation.CAROUSEL_ANIMATION.EASE_OUT.value},{label:"Ease in & out",value:animation.CAROUSEL_ANIMATION.EASE_IN_OUT.value}]},{id:"background",type:"background-media-combo",devices:{desktop:{default:{type:"color",color:void 0,image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"bg-2",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"label",label:"Option Label",type:"toggle",default:!0}],CarouselSettingsV2Style=[{id:"backgroundColor",type:"color-picker-v2",devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:"#DDDDDD"}},enableGradient:!0},{id:"backgroundImage",type:"background-image",devices:{desktop:{default:{}}},compoDefaultValue:{desktop:{default:{image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0},repeat:"no-repeat",size:"cover",position:{x:50,y:50},attachment:"scroll",preload:!1}}}},{id:"playSpeed",label:"Slide speed",type:"input:slider",useOnlyUnitInit:!0,min:100,max:5e3,step:50,units:["ms"],showDefaultUnit:!0,isNumber:!0,default:500},{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shapeLinked:!1,width:"default",height:"auto"}}},settingConfig:{width:{displayOptions:["full","default"],name:"Width"},height:{displayOptions:["auto","small","medium","large"],name:"Height",sizeConfig:{small:"300px",medium:"500px",large:"700px"}}},hiddenSettings:["padding","gap","shape"]},{id:"align",label:"Align",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:"borderContent",type:"border-v2",label:"Border",default:{borderType:"none",border:"none",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"line-3",isCustom:!0},compoDefaultValue:{width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"line-3",border:"solid"}},{id:"roundedContent",type:"corner-v2",label:"Corner",default:{radiusType:"none"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"carouselShadow",type:"shadow-v2",label:"Button Shadow",default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!1},compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}},{id:"spacing",label:"Items spacing",type:"input:slider",fallbackValue:"0",min:0,max:80,ignoreMax:!0,devices:{desktop:{default:16}}},{id:"itemPadding",type:"size-setting",devices:{desktop:{default:{padding:{}}}},hiddenSettings:["shape","gap","width","height"],hiddenShowMore:!0}],CarouselSettingsV2=[{id:"setting",controls:CarouselSettingsV2Setting},{id:"style",controls:CarouselSettingsV2Style}];exports.CarouselSettingsV2=CarouselSettingsV2,exports.CarouselSettingsV2Setting=CarouselSettingsV2Setting,exports.CarouselSettingsV2Style=CarouselSettingsV2Style;
+"use strict";var e=require("../../plugins/animation.js");const t=[{id:"itemNumber",label:"",type:"carousel-layout-selector",devices:{desktop:{default:4}}},{id:"sneakPeak",label:"Sneak peek",type:"sneak-peak",devices:{desktop:{default:!1}}},{id:"sneakPeakType",label:"",type:"sneak-peak-type",itemPerRow:2,iconViewBox:"0 0 118 52",enableItemBackground:!0,enableTooltip:!0,options:[{value:"forward",type:"sneak-peak-offset"},{value:"center",type:"sneak-peak-offset"}],devices:{desktop:{default:"forward"}}},{id:"sneakPeakOffsetForward",label:"Ratio",type:"input:slider",min:1,max:100,showDefaultUnit:!0,isNumber:!0,units:["%"],devices:{desktop:{default:50}}},{id:"sneakPeakOffsetCenter",label:"Ratio",type:"input:slider",min:1,max:100,showDefaultUnit:!0,isNumber:!0,units:["%"],devices:{desktop:{default:50}}},{id:"childItem",label:"Item management",type:"child-item",default:["Item 1","Item 2","Item 3","Item 4","Item 5","Item 6"]},{id:"vertical",label:"Vertical layout",type:"toggle",devices:{desktop:{default:!1}}},{id:"controlOverContent",label:"Next & previous position",type:"segment",options:[{label:"Inside",value:!0},{label:"Outside",value:!1}],devices:{desktop:{default:!0}}},{id:"dot",label:"Dots",type:"toggle",devices:{desktop:{default:!0}}},{id:"dotStyle",label:"Dot style",type:"option:illustration",iconViewBox:"0 0 77 48",enableItemBackground:!0,enableTooltip:!0,options:[{label:"Inside",value:"inside",type:"carousel-dot",svgName:"gp-carousel-dot-inside"},{label:"Outside",value:"outside",type:"carousel-dot",svgName:"gp-carousel-dot-outside"}],devices:{desktop:{default:"inside"}}},{id:"dotSize",label:"Dots size",type:"input:stepper",min:1,devices:{desktop:{default:12}}},{id:"dotGapToCarousel",label:"Gap to carousel",type:"input:slider",min:0,max:120,ignoreMax:!0,devices:{desktop:{default:16}}},{id:"dotColor",label:"Dot color",type:"color-picker-v2",devices:{desktop:{default:"bg-1"}},compoDefaultValue:{desktop:{default:"bg-1"}}},{id:"dotActiveColor",label:"Dot color active",type:"color-picker-v2",devices:{desktop:{default:"line-3"}},compoDefaultValue:{desktop:{default:"line-3"}}},{id:"navigationEnable",type:"toggle",devices:{desktop:{default:!0}}},{id:"navigationStyle",type:"option:illustration",iconViewBox:"0 0 77 48",enableItemBackground:!0,label:"Navigation style",enableTooltip:!0,options:[{label:"Outside",value:"outside",type:"slide-control",svgName:"gp-slide-control-outside"},{label:"Inside",value:"inside",type:"slide-control",svgName:"gp-slide-control-inside"}],devices:{desktop:{default:"inside"}}},{id:"arrowCustom",type:"icon",isHideClear:!0,default:`<svg height="20" width="20" data-name="caret-right-bold" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817562042106216">
+      <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z"></path></svg>
+    `},{id:"arrowCustomColor",label:"Icon color",type:"color-picker-v2",default:"text-1",compoDefaultValue:"text-1"},{id:"arrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:16}}},{id:"arrowButtonSize",type:"size-setting",label:"",devices:{desktop:{default:{shapeValue:"1/1",shapeLinked:!0,width:void 0,height:void 0,padding:{linked:!0,type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}},lockShapeValue:!0,hiddenShowMore:!0,hiddenSettings:["gap","proportion","padding"],settingConfig:{width:{name:"Width",units:["px"],displayOptions:["small","medium","large"],sizeConfig:{small:"24px",medium:"32px",large:"40px"}},height:{name:"Height",units:["px"],displayOptions:["small","medium","large","full-height"],sizeConfig:{small:"24px",medium:"32px",large:"40px",full:"100%"}},padding:{paddingConfig:{small:{vertical:"2px",horizontal:"2px"},medium:{vertical:"4px",horizontal:"4px"},large:{vertical:"8px",horizontal:"8px"}}}},sizePaddingInput:"small"},{id:"arrowBackgroundColor",label:"Background Color",type:"color-picker-v2",default:"transparent",compoDefaultValue:"bg-2"},{id:"arrowBorder",type:"border-v2",label:"Border",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!0}}},compoDefaultValue:{desktop:{default:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}}},{id:"arrowShadow",type:"shadow-v2",devices:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}},{id:"roundedArrow",type:"corner-v2",label:"Border Radius",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}}}},{id:"arrowGapToEachSide",label:"Gap to each side",type:"input:slider",min:0,max:120,ignoreMax:!0,default:"16"},{id:"showWhenHover",label:"Only show when hover",type:"toggle",default:!1},{id:"rtl",label:"Direction",type:"option:value",options:[{value:!1,iconName:"polaris-arrow-left",label:"Right to left"},{value:!0,label:"Left to right",iconName:"polaris-arrow-right"}],default:!1},{id:"autoplay",label:"Autoplay",type:"toggle",default:!1},{id:"autoplayTimeout",label:"Time out",type:"input:slider",min:1,max:4,step:.1,default:2,units:["s"],isNumber:!0,showDefaultUnit:!0,ignoreMax:!0},{id:"pauseOnHover",label:"Pause On Hover",type:"toggle",default:!0,hide:!0},{id:"runPreview",type:"play-pause",hideLabel:!0,default:!1},{id:"enableDrag",label:"Drag to scroll",type:"toggle",devices:{desktop:{default:!0}}},{id:"loop",label:"Infinity loop",type:"toggle",devices:{desktop:{default:!1}}},{id:"animationMode",label:"Animation",type:"select",default:e.CAROUSEL_ANIMATION.EASE_IN.value,options:[{label:"Ease in",value:e.CAROUSEL_ANIMATION.EASE_IN.value},{label:"Ease out",value:e.CAROUSEL_ANIMATION.EASE_OUT.value},{label:"Ease in & out",value:e.CAROUSEL_ANIMATION.EASE_IN_OUT.value}]},{id:"background",type:"background-media-combo",devices:{desktop:{default:{type:"color",color:void 0,image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"bg-2",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"label",label:"Option Label",type:"toggle",default:!0}],l=[{id:"backgroundColor",type:"color-picker-v2",devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:"#DDDDDD"}},enableGradient:!0},{id:"backgroundImage",type:"background-image",devices:{desktop:{default:{}}},compoDefaultValue:{desktop:{default:{image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0},repeat:"no-repeat",size:"cover",position:{x:50,y:50},attachment:"scroll",preload:!1}}}},{id:"playSpeed",label:"Slide speed",type:"input:slider",useOnlyUnitInit:!0,min:100,max:5e3,step:50,units:["ms"],showDefaultUnit:!0,isNumber:!0,default:500},{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shapeLinked:!1,width:"default",height:"auto"}}},settingConfig:{width:{displayOptions:["full","default"],name:"Width"},height:{displayOptions:["auto","small","medium","large"],name:"Height",sizeConfig:{small:"300px",medium:"500px",large:"700px"}}},hiddenSettings:["padding","gap","shape"]},{id:"align",label:"Align",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:"borderContent",type:"border-v2",label:"Border",default:{borderType:"none",border:"none",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"line-3",isCustom:!0},compoDefaultValue:{width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"line-3",border:"solid"}},{id:"roundedContent",type:"corner-v2",label:"Corner",default:{radiusType:"none"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"carouselShadow",type:"shadow-v2",label:"Button Shadow",default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!1},compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}},{id:"spacing",label:"Items spacing",type:"input:slider",fallbackValue:"0",min:0,max:80,ignoreMax:!0,devices:{desktop:{default:16}}},{id:"itemPadding",type:"size-setting",devices:{desktop:{default:{padding:{}}}},hiddenSettings:["shape","gap","width","height"],hiddenShowMore:!0}],a=[{id:"setting",controls:t},{id:"style",controls:l}];exports.CarouselSettingsV2=a,exports.CarouselSettingsV2Setting=t,exports.CarouselSettingsV2Style=l;

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

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

package/dist/cjs/cart/components/Cart.js

@@ -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");const Cart=({setting:e,styles:t,builderAttrs:s,builderProps:r,className:i,style:l})=>{let{data:n}=core.useCartData(),{openCart:a}=core.useCartUI(),o=core.useFormatMoney(n?.totalPrice??0,!1),c=React.useMemo(()=>n?.lineItems.reduce((e,t)=>e+t.quantity,0)??0,[n?.lineItems]),g=core.getGlobalColorStateStyle("c",t?.iconColor),p=e?.enableHoverEffect?g:core.filterHoverVariables(g);return jsxRuntime.jsx("div",{...s,"data-id":r?.uid,"aria-hidden":!0,style:l,className:core.cls("gp-relative gp-inline-block",r?.uid,i),onClick:a,children:jsxRuntime.jsxs("div",{className:"gp-flex gp-cursor-pointer gp-items-center gp-gap-4",children:[jsxRuntime.jsxs("div",{className:core.cls("gp-relative",core.getGlobalColorStateClass("text",t?.iconColor)),style:p,children:[e?.svgIcon?jsxRuntime.jsx("span",{className:"gp-flex gp-h-8 gp-w-8 gp-items-center gp-justify-center [&_>_svg]:gp-h-8 [&_>_svg]:gp-w-8",dangerouslySetInnerHTML:{__html:e.svgIcon}}):jsxRuntime.jsx("span",{className:"gp-flex gp-h-8 gp-w-8 gp-items-center gp-justify-center [&_>_svg]:gp-h-8 [&_>_svg]:gp-w-8",children:jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"2",children:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"})})}),jsxRuntime.jsx("span",{className:"gp-absolute -gp-right-2 -gp-top-1 gp-inline-flex gp-aspect-square gp-w-5 gp-animate-bounce gp-items-center gp-justify-center gp-rounded-full gp-bg-g-brand gp-text-xs gp-font-semibold gp-text-white",children:c})]}),!e?.iconOnly&&jsxRuntime.jsxs("div",{className:"gp-flex gp-flex-col",children:[jsxRuntime.jsx("span",{className:"gp-font-semibold",children:e?.label}),jsxRuntime.jsx("div",{children:jsxRuntime.jsxs("span",{"aria-label":"Total item","data-testid":"cart-total",children:[c," items - ",o]})})]})]})})};exports.default=Cart;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("@gem-sdk/core");exports.default=({setting:l,styles:r,builderAttrs:a,builderProps:i,className:n,style:g})=>{let{data:o}=t.useCartData(),{openCart:p}=t.useCartUI(),c=t.useFormatMoney(o?.totalPrice??0,!1),d=s.useMemo(()=>o?.lineItems.reduce((e,s)=>e+s.quantity,0)??0,[o?.lineItems]),u=t.getGlobalColorStateStyle("c",r?.iconColor),m=l?.enableHoverEffect?u:t.filterHoverVariables(u);return e.jsx("div",{...a,"data-id":i?.uid,"aria-hidden":!0,style:g,className:t.cls("gp-relative gp-inline-block",i?.uid,n),onClick:p,children:e.jsxs("div",{className:"gp-flex gp-cursor-pointer gp-items-center gp-gap-4",children:[e.jsxs("div",{className:t.cls("gp-relative",t.getGlobalColorStateClass("text",r?.iconColor)),style:m,children:[l?.svgIcon?e.jsx("span",{className:"gp-flex gp-h-8 gp-w-8 gp-items-center gp-justify-center [&_>_svg]:gp-h-8 [&_>_svg]:gp-w-8",dangerouslySetInnerHTML:{__html:l.svgIcon}}):e.jsx("span",{className:"gp-flex gp-h-8 gp-w-8 gp-items-center gp-justify-center [&_>_svg]:gp-h-8 [&_>_svg]:gp-w-8",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"2",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"})})}),e.jsx("span",{className:"gp-absolute -gp-right-2 -gp-top-1 gp-inline-flex gp-aspect-square gp-w-5 gp-animate-bounce gp-items-center gp-justify-center gp-rounded-full gp-bg-g-brand gp-text-xs gp-font-semibold gp-text-white",children:d})]}),!l?.iconOnly&&e.jsxs("div",{className:"gp-flex gp-flex-col",children:[e.jsx("span",{className:"gp-font-semibold",children:l?.label}),e.jsx("div",{children:e.jsxs("span",{"aria-label":"Total item","data-testid":"cart-total",children:[d," items - ",c]})})]})]})})};

package/dist/cjs/cart/components/CartCheckout.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core");const CartCheckout=()=>{let{data:e}=core.useCartData();return jsxRuntime.jsx("a",{href:e?.checkoutUrl,target:"_blank",rel:"noreferrer",children:"Checkout"})};exports.default=CartCheckout;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/core");exports.default=()=>{let{data:t}=r.useCartData();return e.jsx("a",{href:t?.checkoutUrl,target:"_blank",rel:"noreferrer",children:"Checkout"})};

package/dist/cjs/cart/components/CartDiscount.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime");const CartDiscount=()=>jsxRuntime.jsx("span",{children:"Comming soon"});exports.default=CartDiscount;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=()=>e.jsx("span",{children:"Comming soon"});

package/dist/cjs/cart/components/CartLineAttribute.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Text=require("../../text/components/Text.js");const CartLineAttribute=({styles:e,className:t,style:r,builderProps:s})=>{let i=core.useCartLine();return jsxRuntime.jsx("ul",{"data-id":s?.uid,className:t,style:{...r,"--ai":"center"},children:i?.options?.map(t=>jsxRuntime.jsx("li",{children:jsxRuntime.jsx(Text.default,{styles:e,setting:{htmlTag:"span",text:`${t.name}: ${t.value}`,excludeFlex:!0}})},`${t.name}-${t.value}`))})};exports.default=CartLineAttribute;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),r=require("../../text/components/Text.js");exports.default=({styles:s,className:a,style:l,builderProps:u})=>{let i=t.useCartLine();return e.jsx("ul",{"data-id":u?.uid,className:a,style:{...l,"--ai":"center"},children:i?.options?.map(t=>e.jsx("li",{children:e.jsx(r.default,{styles:s,setting:{htmlTag:"span",text:`${t.name}: ${t.value}`,excludeFlex:!0}})},`${t.name}-${t.value}`))})};

package/dist/cjs/cart/components/CartLineImage.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Image=require("../../image/components/Image.js");const CartLineImage=({className:e,style:t,setting:r={},styles:a={},builderProps:o})=>{let s=core.useCartLine(),i=s.variant?.image?.url,m=s.variant?.image?.altText??"Image Not Found",c=s.variant?.image?.width??400,n=s.variant?.image?.height??400;return jsxRuntime.jsx("div",{className:core.cls("gp-text-center",e),style:t,children:jsxRuntime.jsx(Image.default,{setting:{alt:m,image:{src:i,width:c,height:n}},builderProps:o,styles:{aspectRatio:a.aspectRatio,customAspectRadio:a.customAspectRadio,roundedImg:a.roundedImg,layout:a.layout},className:core.cls("gp-transition-transform",{"hover:gp-scale-110":r?.hoverEffect==="zoom","hover:gp-rotate-6":r?.hoverEffect==="rotate","hover:gp-blur-sm":r?.hoverEffect==="blur"})})})};exports.default=CartLineImage;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),r=require("../../image/components/Image.js");exports.default=({className:a,style:o,setting:s={},styles:i={},builderProps:u})=>{let c=t.useCartLine(),m=c.variant?.image?.url,l=c.variant?.image?.altText??"Image Not Found",n=c.variant?.image?.width??400,g=c.variant?.image?.height??400;return e.jsx("div",{className:t.cls("gp-text-center",a),style:o,children:e.jsx(r.default,{setting:{alt:l,image:{src:m,width:n,height:g}},builderProps:u,styles:{aspectRatio:i.aspectRatio,customAspectRadio:i.customAspectRadio,roundedImg:i.roundedImg,layout:i.layout},className:t.cls("gp-transition-transform",{"hover:gp-scale-110":s?.hoverEffect==="zoom","hover:gp-rotate-6":s?.hoverEffect==="rotate","hover:gp-blur-sm":s?.hoverEffect==="blur"})})})};

package/dist/cjs/cart/components/CartLinePrice.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Text=require("../../text/components/Text.js"),React=require("react");const CartLinePrice=({setting:e,styles:r,builderProps:t})=>{let c=core.useCartLine(),i=c.variant?.price??0,s=c.variant?.price??0,a=React.useMemo(()=>e?.priceType==="compare"?s:i>0?i:s,[i,e?.priceType,s]),u=core.useFormatMoney(a,!1);return(e?.priceType!=="compare"||i)&&a?jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(Text.default,{styles:r,setting:{text:u,excludeFlex:!0},builderProps:t,className:core.cls({"gp-line-through":e?.priceType==="compare"})})}):null};exports.default=CartLinePrice;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),t=require("../../text/components/Text.js"),i=require("react");exports.default=({setting:c,styles:p,builderProps:s})=>{let a=r.useCartLine(),u=a.variant?.price??0,o=a.variant?.price??0,l=i.useMemo(()=>c?.priceType==="compare"?o:u>0?u:o,[u,c?.priceType,o]),n=r.useFormatMoney(l,!1);return(c?.priceType!=="compare"||u)&&l?e.jsx(e.Fragment,{children:e.jsx(t.default,{styles:p,setting:{text:n,excludeFlex:!0},builderProps:s,className:r.cls({"gp-line-through":c?.priceType==="compare"})})}):null};

package/dist/cjs/cart/components/CartLineVariant.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Text=require("../../text/components/Text.js");const CartLineVariant=({styles:e,style:t,className:r,builderProps:i})=>{let n=core.useCartLine();return jsxRuntime.jsx("ul",{style:t,className:r,"data-id":i?.uid,children:n?.options?.map(t=>jsxRuntime.jsx("li",{children:jsxRuntime.jsx(Text.default,{styles:e,setting:{htmlTag:"span",text:n?.variant.name,excludeFlex:!0}})},`${t.name}-${t.value}`))})};exports.default=CartLineVariant;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),r=require("../../text/components/Text.js");exports.default=({styles:a,style:s,className:i,builderProps:u})=>{let n=t.useCartLine();return e.jsx("ul",{style:s,className:i,"data-id":u?.uid,children:n?.options?.map(t=>e.jsx("li",{children:e.jsx(r.default,{styles:a,setting:{htmlTag:"span",text:n?.variant.name,excludeFlex:!0}})},`${t.name}-${t.value}`))})};

package/dist/cjs/cart/components/CartList.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime");require("react");var core=require("@gem-sdk/core");require("next/head");var ChildrenDroppable=require("../../grid/components/ChildrenDroppable.js");require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube");var Col=require("../../grid/components/col/Col.js");const CartList=({builderProps:e,advanced:r,setting:i,styles:t,children:s,...n})=>{let{data:u,error:a}=core.useCartData();return jsxRuntime.jsx("div",{"data-id":e?.uid,...n,children:a?jsxRuntime.jsxs("div",{children:["Error: ",a.message]}):u?jsxRuntime.jsx(Col.default,{styles:t,children:u.lineItems.map(e=>e?jsxRuntime.jsx(core.CartLineProvider,{line:e,children:core.isEmptyChildren(s)?jsxRuntime.jsx(ChildrenDroppable.default,{}):s},e.id):null)}):jsxRuntime.jsx("div",{children:"Cart Empty"})})};exports.default=CartList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("@gem-sdk/core");require("next/head");var i=require("../../grid/components/ChildrenDroppable.js");require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube"),require("../../grid/components/section/lazyload/lazyInteractionTrigger.js");var t=require("../../grid/components/col/Col.js");exports.default=({builderProps:s,advanced:a,setting:d,styles:n,children:l,...u})=>{let{data:o,error:c}=r.useCartData();return e.jsx("div",{"data-id":s?.uid,...u,children:c?e.jsxs("div",{children:["Error: ",c.message]}):o?e.jsx(t.default,{styles:n,children:o.lineItems.map(t=>t?e.jsx(r.CartLineProvider,{line:t,children:r.isEmptyChildren(l)?e.jsx(i.default,{}):l},t.id):null)}):e.jsx("div",{children:"Cart Empty"})})};

package/dist/cjs/cart/components/CartOrderNote.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react");const CartOrderNote=({setting:e,builderProps:r})=>{let t=React.useRef(null),u=React.useRef(null),a=React.useRef(new AbortController),l=React.useCallback(e=>{alert(e)},[]),n=e=>{a.current.signal.aborted&&(a.current=new AbortController),l(e.target.value)},o=()=>{u.current&&(a.current.signal.aborted||a.current.abort(),clearTimeout(u.current)),u.current=setTimeout(()=>{a.current=new AbortController,l(t.current?.value??"")},e?.debounce??1e3)},c=e?.triggerUpdate==="blur"?{onBlur:n}:{onChange:o};return jsxRuntime.jsx("textarea",{placeholder:e?.placeholder,"data-id":r?.uid,ref:t,className:"gp-w-full gp-rounded gp-border gp-p-4",...c})};exports.default=CartOrderNote;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");exports.default=({setting:t,builderProps:u})=>{let l=r.useRef(null),a=r.useRef(null),n=r.useRef(new AbortController),o=r.useCallback(e=>{alert(e)},[]),c=t?.triggerUpdate==="blur"?{onBlur:e=>{n.current.signal.aborted&&(n.current=new AbortController),o(e.target.value)}}:{onChange:()=>{a.current&&(n.current.signal.aborted||n.current.abort(),clearTimeout(a.current)),a.current=setTimeout(()=>{n.current=new AbortController,o(l.current?.value??"")},t?.debounce??1e3)}};return e.jsx("textarea",{placeholder:t?.placeholder,"data-id":u?.uid,ref:l,className:"gp-w-full gp-rounded gp-border gp-p-4",...c})};

package/dist/cjs/cart/components/CartTotalItem.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Text=require("../../text/components/Text.js");const CartTotalItem=({styles:e,builderProps:t})=>{let{data:r}=core.useCartData(),s=r?.lineItems.reduce((e,t)=>e+t.quantity,0);return jsxRuntime.jsx(Text.default,{builderProps:t,styles:e,setting:{text:s}})};exports.default=CartTotalItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),r=require("../../text/components/Text.js");exports.default=({styles:s,builderProps:u})=>{let{data:i}=t.useCartData(),a=i?.lineItems.reduce((e,t)=>e+t.quantity,0);return e.jsx(r.default,{builderProps:u,styles:s,setting:{text:a}})};

package/dist/cjs/cart/components/CartTotalPrice.js

@@ -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"),Text=require("../../text/components/Text.js");const CartTotalPrice=({setting:e,styles:r,builderProps:t})=>{let{data:c}=core.useCartData(),u=React.useMemo(()=>{switch(e?.priceType){case"tax":default:return{value:c?.totalPrice,currency:c?.currency};case"duty":return{value:c?.lineItemsSubtotalPrice,currency:c?.currency};case"subtotal":return{value:c?.subtotalPrice,currency:c?.currency}}},[c?.currency,c?.lineItemsSubtotalPrice,c?.subtotalPrice,c?.totalPrice,e?.priceType]),a=core.useFormatMoney(u.value||0,!1);return u?jsxRuntime.jsx(Text.default,{builderProps:t,styles:r,setting:{text:a,excludeFlex:!0}}):null};exports.default=CartTotalPrice;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("@gem-sdk/core"),u=require("../../text/components/Text.js");exports.default=({setting:c,styles:a,builderProps:s})=>{let{data:l}=t.useCartData(),i=r.useMemo(()=>{switch(c?.priceType){case"tax":default:return{value:l?.totalPrice,currency:l?.currency};case"duty":return{value:l?.lineItemsSubtotalPrice,currency:l?.currency};case"subtotal":return{value:l?.subtotalPrice,currency:l?.currency}}},[l?.currency,l?.lineItemsSubtotalPrice,l?.subtotalPrice,l?.totalPrice,c?.priceType]),n=t.useFormatMoney(i.value||0,!1);return i?e.jsx(u.default,{builderProps:s,styles:a,setting:{text:n,excludeFlex:!0}}):null};

package/dist/cjs/cart/components/CheckoutNow.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),Button=require("../../button/components/Button.js");const CheckoutNow=({setting:e,builderAttrs:t,builderProps:n,style:o,styles:i,className:r})=>{let{data:c}=core.useCartData(),u=React.useRef(null),d=(t,n)=>{if(e?.openMode==="popup"){let e=void 0!==window.screenLeft?window.screenLeft:window.screenX,o=void 0!==window.screenTop?window.screenTop:window.screenY,i=window.innerWidth?window.innerWidth:document.documentElement.clientWidth?document.documentElement.clientWidth:screen.width,r=window.innerHeight?window.innerHeight:document.documentElement.clientHeight?document.documentElement.clientHeight:screen.height,d=i/window.screen.availWidth,s=(i-t)/2/d+e,l=(r-n)/2/d+o;u.current=window.open(c?.checkoutUrl,"checkout",`scrollbars=yes, width=${t/d}, height=${n/d}, top=${l}, left=${s}`),u.current?.focus()}else c?.checkoutUrl&&window.open(c?.checkoutUrl)};return jsxRuntime.jsx(Button.default,{builderAttrs:t,builderProps:n,onClick:()=>d(600,600),style:o,className:r,setting:{label:e?.label},styles:i})};exports.default=CheckoutNow;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),n=require("react"),i=require("../../button/components/Button.js");exports.default=({setting:o,builderAttrs:r,builderProps:c,style:d,styles:l,className:s})=>{let{data:u}=t.useCartData(),w=n.useRef(null),h=(e,t)=>{if(o?.openMode==="popup"){let n=void 0!==window.screenLeft?window.screenLeft:window.screenX,i=void 0!==window.screenTop?window.screenTop:window.screenY,o=window.innerWidth?window.innerWidth:document.documentElement.clientWidth?document.documentElement.clientWidth:screen.width,r=window.innerHeight?window.innerHeight:document.documentElement.clientHeight?document.documentElement.clientHeight:screen.height,c=o/window.screen.availWidth,d=(o-e)/2/c+n,l=(r-t)/2/c+i;w.current=window.open(u?.checkoutUrl,"checkout",`scrollbars=yes, width=${e/c}, height=${t/c}, top=${l}, left=${d}`),w.current?.focus()}else u?.checkoutUrl&&window.open(u?.checkoutUrl)};return e.jsx(i.default,{builderAttrs:r,builderProps:c,onClick:()=>h(600,600),style:d,className:s,setting:{label:o?.label},styles:l})};

package/dist/cjs/cart/components/CouponList.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime");const CouponList=()=>jsxRuntime.jsx("div",{children:jsxRuntime.jsx("span",{children:"Comming soon"})});exports.default=CouponList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=()=>e.jsx("div",{children:e.jsx("span",{children:"Comming soon"})});

package/dist/cjs/cart/components/DiscountInput.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime");const DiscountInput=({setting:e,builderProps:t})=>jsxRuntime.jsxs("div",{className:"gp-flex","data-id":t?.uid,children:[jsxRuntime.jsx("input",{placeholder:e?.placeholder,className:"gp-flex-1 gp-rounded-l gp-border gp-px-4 gp-py-3 gp-outline-none"}),jsxRuntime.jsx("button",{className:"gp-inline-flex gp-items-center gp-justify-center gp-rounded-r gp-border-0 gp-border-none gp-px-4 gp-transition-all gp-duration-150 gp-ease-in-out",type:"button",onClick:()=>{alert("Comming soon")},children:e?.label})]});exports.default=DiscountInput;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=({setting:r,builderProps:p})=>e.jsxs("div",{className:"gp-flex","data-id":p?.uid,children:[e.jsx("input",{placeholder:r?.placeholder,className:"gp-flex-1 gp-rounded-l gp-border gp-px-4 gp-py-3 gp-outline-none"}),e.jsx("button",{className:"gp-inline-flex gp-items-center gp-justify-center gp-rounded-r gp-border-0 gp-border-none gp-px-4 gp-transition-all gp-duration-150 gp-ease-in-out",type:"button",onClick:()=>{alert("Comming soon")},children:r?.label})]});

package/dist/cjs/cart/components/shop-pay-button/ShopPayButton.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),system=require("@gem-sdk/system"),dynamic=require("next/dynamic"),classes=require("./common/classes.js"),helpers=require("./common/helpers.js"),styles=require("./common/styles.js"),useShopPayButton=require("../../hooks/useShopPayButton.js");const DynamicCheckoutBlack=dynamic(()=>Promise.resolve().then(function(){return require("./icons/DynamicCheckoutBlack.js")})),DynamicCheckoutPurple=dynamic(()=>Promise.resolve().then(function(){return require("./icons/DynamicCheckoutPurple.js")})),DynamicCheckoutWhite=dynamic(()=>Promise.resolve().then(function(){return require("./icons/DynamicCheckoutWhite.js")})),ExpressCheckoutBlack=dynamic(()=>Promise.resolve().then(function(){return require("./icons/ExpressCheckoutBlack.js")})),ExpressCheckoutPurple=dynamic(()=>Promise.resolve().then(function(){return require("./icons/ExpressCheckoutPurple.js")})),ExpressCheckoutWhite=dynamic(()=>Promise.resolve().then(function(){return require("./icons/ExpressCheckoutWhite.js")})),ShopPayButton=({style:e,styles:s,setting:t,className:r,builderAttrs:n})=>{let{variants:u,storeUrl:o,handleOnPay:i}=useShopPayButton.useShopPayButton(t);if(!o)return jsxRuntime.jsx("div",{...n,children:"URL Not Found"});let c=helpers.getSPButton({styles:s,buttons:{DynamicCheckoutBlack,DynamicCheckoutPurple,DynamicCheckoutWhite,ExpressCheckoutBlack,ExpressCheckoutPurple,ExpressCheckoutWhite}}),a=system.createStyle({...styles.getButtonWrapperStyles(e,s)}),l=system.createClass({...classes.getButtonClasses()}),h=system.createClass({...classes.getButtonWrapperClasses(r)}),m=system.createAttr({disabled:!u?.length,"aria-label":"Buy with Shop Pay"});return jsxRuntime.jsx("div",{...n,style:a,className:h,children:jsxRuntime.jsx("button",{...m,className:l,onClick:()=>i({inputWidth:600,inputHeight:600}),children:jsxRuntime.jsx(c,{})})})};exports.default=ShopPayButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/system"),t=require("next/dynamic"),s=require("./common/classes.js"),n=require("./common/helpers.js"),o=require("./common/styles.js"),i=require("../../hooks/useShopPayButton.js");const u=t(()=>Promise.resolve().then(function(){return require("./icons/DynamicCheckoutBlack.js")})),c=t(()=>Promise.resolve().then(function(){return require("./icons/DynamicCheckoutPurple.js")})),l=t(()=>Promise.resolve().then(function(){return require("./icons/DynamicCheckoutWhite.js")})),a=t(()=>Promise.resolve().then(function(){return require("./icons/ExpressCheckoutBlack.js")})),h=t(()=>Promise.resolve().then(function(){return require("./icons/ExpressCheckoutPurple.js")})),m=t(()=>Promise.resolve().then(function(){return require("./icons/ExpressCheckoutWhite.js")}));exports.default=({style:t,styles:p,setting:j,className:y,builderAttrs:d})=>{let{variants:q,storeUrl:P,handleOnPay:k}=i.useShopPayButton(j);if(!P)return e.jsx("div",{...d,children:"URL Not Found"});let x=n.getSPButton({styles:p,buttons:{DynamicCheckoutBlack:u,DynamicCheckoutPurple:c,DynamicCheckoutWhite:l,ExpressCheckoutBlack:a,ExpressCheckoutPurple:h,ExpressCheckoutWhite:m}}),C=r.createStyle({...o.getButtonWrapperStyles(t,p)}),v=r.createClass({...s.getButtonClasses()}),f=r.createClass({...s.getButtonWrapperClasses(y)}),B=r.createAttr({disabled:!q?.length,"aria-label":"Buy with Shop Pay"});return e.jsx("div",{...d,style:C,className:f,children:e.jsx("button",{...B,className:v,onClick:()=>k({inputWidth:600,inputHeight:600}),children:e.jsx(x,{})})})};

package/dist/cjs/cart/components/shop-pay-button/ShopPayButton.liquid.js

@@ -1,16 +1,16 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers$1=require("../../../helpers.js"),classes=require("./common/classes.js"),helpers=require("./common/helpers.js"),styles=require("./common/styles.js"),DynamicCheckoutBlack_liquid=require("./icons/DynamicCheckoutBlack.liquid.js"),DynamicCheckoutPurple_liquid=require("./icons/DynamicCheckoutPurple.liquid.js"),DynamicCheckoutWhite_liquid=require("./icons/DynamicCheckoutWhite.liquid.js"),ExpressCheckoutBlack_liquid=require("./icons/ExpressCheckoutBlack.liquid.js"),ExpressCheckoutPurple_liquid=require("./icons/ExpressCheckoutPurple.liquid.js"),ExpressCheckoutWhite_liquid=require("./icons/ExpressCheckoutWhite.liquid.js");const ShopPayButton=({style:e,styles:s,setting:t,className:i,builderAttrs:r})=>{let u=helpers.getSPButton({styles:s,buttons:{DynamicCheckoutBlack:DynamicCheckoutBlack_liquid.default({}),DynamicCheckoutPurple:DynamicCheckoutPurple_liquid.default({}),DynamicCheckoutWhite:DynamicCheckoutWhite_liquid.default({}),ExpressCheckoutBlack:ExpressCheckoutBlack_liquid.default({}),ExpressCheckoutPurple:ExpressCheckoutPurple_liquid.default({}),ExpressCheckoutWhite:ExpressCheckoutWhite_liquid.default({})}}),l=system.createStyle({...styles.getButtonWrapperStyles(e,s)}),c=system.createClass({...classes.getButtonClasses()}),a=system.createClass({...classes.getButtonWrapperClasses(i)}),o=system.createAttr({disabled:!1,"aria-label":"Buy with Shop Pay"}),p=system.createStateOrContext({setting:JSON.stringify(t),shop_url:"{{shop.url}}"});return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),s=require("@gem-sdk/system"),t=require("../../../helpers.js"),r=require("./common/classes.js"),a=require("./common/helpers.js"),u=require("./common/styles.js"),i=require("./icons/DynamicCheckoutBlack.liquid.js"),l=require("./icons/DynamicCheckoutPurple.liquid.js"),o=require("./icons/DynamicCheckoutWhite.liquid.js"),c=require("./icons/ExpressCheckoutBlack.liquid.js"),p=require("./icons/ExpressCheckoutPurple.liquid.js"),n=require("./icons/ExpressCheckoutWhite.liquid.js");exports.default=({style:d,styles:h,setting:y,className:k,builderAttrs:g})=>{let q=a.getSPButton({styles:h,buttons:{DynamicCheckoutBlack:i.default({}),DynamicCheckoutPurple:l.default({}),DynamicCheckoutWhite:o.default({}),ExpressCheckoutBlack:c.default({}),ExpressCheckoutPurple:p.default({}),ExpressCheckoutWhite:n.default({})}}),m=s.createStyle({...u.getButtonWrapperStyles(d,h)}),C=s.createClass({...r.getButtonClasses()}),f=s.createClass({...r.getButtonWrapperClasses(k)}),j=s.createAttr({disabled:!1,"aria-label":"Buy with Shop Pay"}),S=s.createStateOrContext({setting:JSON.stringify(y),shop_url:"{{shop.url}}"});return e.template`
     <gp-shop-pay-button
-      ${{...r}}
-      style="${l}"
-      class="${a}"
-      gp-data='${p}'
+      ${{...g}}
+      style="${m}"
+      class="${f}"
+      gp-data='${S}'
     >
       <button
-        ${{...o}}
-        class="${c}"
+        ${{...j}}
+        class="${C}"
       >
-        ${u}
+        ${q}
       </button>
     </gp-shop-pay-button>
-    ${system.If(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-shop-pay-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-shop-pay-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `};exports.default=ShopPayButton;
+    ${s.If(e.isLocalEnv,`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-shop-pay-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-shop-pay-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};

package/dist/cjs/cart/components/shop-pay-button/common/classes.js

@@ -1 +1 @@
-"use strict";const getButtonWrapperClasses=s=>({...s&&{[s]:!0},"gp-flex":!0}),getButtonClasses=()=>({"disabled:gp-cursor-not-allowed disabled:gp-opacity-50 gp-shop-button":!0});exports.getButtonClasses=getButtonClasses,exports.getButtonWrapperClasses=getButtonWrapperClasses;
+"use strict";exports.getButtonClasses=()=>({"disabled:gp-cursor-not-allowed disabled:gp-opacity-50 gp-shop-button":!0}),exports.getButtonWrapperClasses=s=>({...s&&{[s]:!0},"gp-flex":!0});

package/dist/cjs/cart/components/shop-pay-button/common/helpers.js

@@ -1 +1 @@
-"use strict";const getSPButton=({styles:t,buttons:r})=>{let{DynamicCheckoutBlack:e,DynamicCheckoutWhite:o,DynamicCheckoutPurple:l,ExpressCheckoutBlack:c,ExpressCheckoutWhite:n,ExpressCheckoutPurple:g}=r;return t?.type==="dynamic"?"black"===t.color?e:"purple"===t.color?l:o:t?.color==="black"?c:t?.color==="purple"?g:n},getIdFromGid=t=>{if(t)return t.split("/").at(-1)},getStoreUrl=t=>{if(t)try{let r=new URL(t);return r.origin}catch{return}};exports.getIdFromGid=getIdFromGid,exports.getSPButton=getSPButton,exports.getStoreUrl=getStoreUrl;
+"use strict";exports.getIdFromGid=r=>{if(r)return r.split("/").at(-1)},exports.getSPButton=({styles:r,buttons:t})=>{let{DynamicCheckoutBlack:e,DynamicCheckoutWhite:o,DynamicCheckoutPurple:l,ExpressCheckoutBlack:c,ExpressCheckoutWhite:p,ExpressCheckoutPurple:i}=t;return r?.type==="dynamic"?"black"===r.color?e:"purple"===r.color?l:o:r?.color==="black"?c:r?.color==="purple"?i:p},exports.getStoreUrl=r=>{if(r)try{let t=new URL(r);return t.origin}catch{return}};

package/dist/cjs/cart/components/shop-pay-button/common/styles.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const getButtonWrapperStyles=(e,t)=>({...e,...core.makeStyleResponsive("jc",t?.align)});exports.getButtonWrapperStyles=getButtonWrapperStyles;
+"use strict";var e=require("@gem-sdk/core");exports.getButtonWrapperStyles=(r,t)=>({...r,...e.makeStyleResponsive("jc",t?.align)});

package/dist/cjs/cart/components/shop-pay-button/icons/BaseIcon.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime");const BaseIcon=({children:e,...s})=>jsxRuntime.jsx("svg",{fill:"none",xmlns:"http://www.w3.org/2000/svg",...s,children:e});exports.default=BaseIcon;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=({children:r,...t})=>e.jsx("svg",{fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:r});

package/dist/cjs/cart/components/shop-pay-button/icons/BaseIcon.liquid.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core");const BaseIcon=({children:e,...s})=>core.template`
-   <svg fill="none" xmlns="http://www.w3.org/2000/svg" ${{...s}}>
-   ${e}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core");exports.default=({children:t,...r})=>e.template`
+   <svg fill="none" xmlns="http://www.w3.org/2000/svg" ${{...r}}>
+   ${t}
  </svg>
-   `;exports.default=BaseIcon;
+   `;