@gem-sdk/components 12.0.0-dev.132 → 12.0.0-dev.138

package/dist/esm/carousel/components/root/common/classes.js

@@ -1 +1 @@
-import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createClass as l}from"@gem-sdk/system";import{getData as t}from"./helpers.js";let getClass=p=>{let o=["mobile","tablet","desktop"],{setting:i,builderProps:a,wrapperClass:g,rootClass:r,advanced:b,fullHeight:f,slidesClass:m}=p,{sliderSelector:x}=t(p),s=()=>{let e={flex:{desktop:"gp-flex",tablet:"tablet:gp-flex",mobile:"mobile:gp-flex"},block:{desktop:"gp-block",tablet:"tablet:gp-block",mobile:"mobile:gp-block"}},l={};return o.forEach(t=>{let p=i?.vertical?.[t]?"flex":"block",o=e[p][t];l[o]=!0}),l},c=()=>{let e={fullHeight:{desktop:"gp-h-full",tablet:"tablet:gp-h-full",mobile:"mobile:gp-h-full"},flex1:{desktop:"gp-flex-1",tablet:"tablet:gp-flex-1",mobile:"mobile:gp-flex-1"}},l={};return o.forEach(t=>{l[e.fullHeight[t]]=i?.vertical?.[t],l[e.flex1[t]]=i?.vertical?.[t]}),l},n=()=>{let e={flexCol:{desktop:"!gp-flex-col",tablet:"tablet:!gp-flex-col",mobile:"mobile:!gp-flex-col"},flexRow:{desktop:"!gp-flex-row",tablet:"tablet:!gp-flex-row",mobile:"mobile:!gp-flex-row"}},l={};return o.forEach(t=>{let p=i?.vertical?.[t]?"flexCol":"flexRow",o=e[p][t];l[o]=!0}),l},u=()=>{let e={wrap:{desktop:"!gp-flex-wrap",tablet:"tablet:!gp-flex-wrap",mobile:"mobile:!gp-flex-wrap"},nowrap:{desktop:"!gp-flex-nowrap",tablet:"tablet:!gp-flex-nowrap",mobile:"mobile:!gp-flex-nowrap"}},l={};return o.forEach(t=>{let p=i?.vertical?.[t]?"wrap":"nowrap",o=e[p][t];l[o]=!0}),l},h=()=>{let e={minHeightNone:{desktop:"!gp-min-h-0",tablet:"tablet:!gp-min-h-0",mobile:"mobile:!gp-min-h-0"},minHeightFull:{desktop:"!gp-min-h-full",tablet:"tablet:!gp-min-h-full",mobile:"mobile:!gp-min-h-full"}},l={};return o.forEach(t=>{let p=i?.vertical?.[t]?"minHeightNone":"minHeightFull",o=e[p][t];l[o]=!0}),l},d=l({...a?.uid&&{[a.uid]:!0},...g&&{[g]:!0},"gp-relative gp-my-0 tablet:gp-px-0 gp-max-w-full mobile:gp-px-0 gp-carousel-wrapper":!0,"!gp-flex":e(i?.vertical,"desktop"),"tablet:!gp-flex":e(i?.vertical,"tablet"),"mobile:!gp-flex":e(i?.vertical,"mobile"),...s()}),k=l({"gp-relative gp-flex gp-items-center gp-justify-between":!0,"!gp-h-full":f,...c(),...n()}),w=l({"gp-group/carousel gp-w-full gp-flex":!0,"!gp-flex-col":e(i?.vertical,"desktop"),"tablet:!flex-col":e(i?.vertical,"tablet"),"mobile:!flex-col":e(i?.vertical,"mobile"),...r&&{[r]:!0},...b?.cssClass&&{[b.cssClass]:!0}}),v=l({"gem-slider gp-h-full gp-overflow-hidden gp-select-none":!0,[x]:!0,...m&&{[m]:!0},...u(),...h()});return{rootClassRender:w,wrapperClassRender:d,wrapperInnerClass:k,sliderClass:v}};export{getClass};
+import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createClass as l}from"@gem-sdk/system";import{getData as t}from"./helpers.js";let p=p=>{let o=["mobile","tablet","desktop"],{setting:i,builderProps:a,wrapperClass:g,rootClass:r,advanced:b,fullHeight:f,slidesClass:m}=p,{sliderSelector:x}=t(p),c=l({...a?.uid&&{[a.uid]:!0},...g&&{[g]:!0},"gp-relative gp-my-0 tablet:gp-px-0 gp-max-w-full mobile:gp-px-0 gp-carousel-wrapper":!0,"!gp-flex":e(i?.vertical,"desktop"),"tablet:!gp-flex":e(i?.vertical,"tablet"),"mobile:!gp-flex":e(i?.vertical,"mobile"),...(()=>{let e={flex:{desktop:"gp-flex",tablet:"tablet:gp-flex",mobile:"mobile:gp-flex"},block:{desktop:"gp-block",tablet:"tablet:gp-block",mobile:"mobile:gp-block"}},l={};return o.forEach(t=>{let p=i?.vertical?.[t]?"flex":"block",o=e[p][t];l[o]=!0}),l})()}),s=l({"gp-relative gp-flex gp-items-center gp-justify-between":!0,"!gp-h-full":f,...(()=>{let e={fullHeight:{desktop:"gp-h-full",tablet:"tablet:gp-h-full",mobile:"mobile:gp-h-full"},flex1:{desktop:"gp-flex-1",tablet:"tablet:gp-flex-1",mobile:"mobile:gp-flex-1"}},l={};return o.forEach(t=>{l[e.fullHeight[t]]=i?.vertical?.[t],l[e.flex1[t]]=i?.vertical?.[t]}),l})(),...(()=>{let e={flexCol:{desktop:"!gp-flex-col",tablet:"tablet:!gp-flex-col",mobile:"mobile:!gp-flex-col"},flexRow:{desktop:"!gp-flex-row",tablet:"tablet:!gp-flex-row",mobile:"mobile:!gp-flex-row"}},l={};return o.forEach(t=>{let p=i?.vertical?.[t]?"flexCol":"flexRow",o=e[p][t];l[o]=!0}),l})()}),n=l({"gp-group/carousel gp-w-full gp-flex":!0,"!gp-flex-col":e(i?.vertical,"desktop"),"tablet:!flex-col":e(i?.vertical,"tablet"),"mobile:!flex-col":e(i?.vertical,"mobile"),...r&&{[r]:!0},...b?.cssClass&&{[b.cssClass]:!0}}),u=l({"gem-slider gp-h-full gp-overflow-hidden gp-select-none":!0,[x]:!0,...m&&{[m]:!0},...(()=>{let e={wrap:{desktop:"!gp-flex-wrap",tablet:"tablet:!gp-flex-wrap",mobile:"mobile:!gp-flex-wrap"},nowrap:{desktop:"!gp-flex-nowrap",tablet:"tablet:!gp-flex-nowrap",mobile:"mobile:!gp-flex-nowrap"}},l={};return o.forEach(t=>{let p=i?.vertical?.[t]?"wrap":"nowrap",o=e[p][t];l[o]=!0}),l})(),...(()=>{let e={minHeightNone:{desktop:"!gp-min-h-0",tablet:"tablet:!gp-min-h-0",mobile:"mobile:!gp-min-h-0"},minHeightFull:{desktop:"!gp-min-h-full",tablet:"tablet:!gp-min-h-full",mobile:"mobile:!gp-min-h-full"}},l={};return o.forEach(t=>{let p=i?.vertical?.[t]?"minHeightNone":"minHeightFull",o=e[p][t];l[o]=!0}),l})()});return{rootClassRender:n,wrapperClassRender:c,wrapperInnerClass:s,sliderClass:u}};export{p as getClass};

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

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

package/dist/esm/carousel/components/root/common/styles.js

@@ -1 +1 @@
-import{makeStyleResponsive as t,getHeightByShapeGlobalSize as e,makeStyleWithDefault as o,getWidthByShapeGlobalSize as r,getBgByDevice as g,makeContainerWidthOrHeight as l,getResponsiveValueByScreen as a}from"@gem-sdk/core";import{createStyle as c}from"@gem-sdk/system";let getStyle=i=>{let d=["mobile","tablet","desktop"],{styles:m,setting:p,style:s,rootStyles:k}=i,{arrowGapToEachSide:n="16"}=p??{},b=t("h",e(m?.sizeSetting)),u=o("w",r(m?.sizeSetting,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),S=()=>{let t={};return d.forEach(e=>{let o=a(p?.vertical,e),r=a(m?.spacing,e),g=o?`--rg${"desktop"!==e?`-${e}`:""}`:`--cg${"desktop"!==e?`-${e}`:""}`;t={...t,[g]:`${r??0}px`}}),t},y=c({...s,...b,...u,...g({backgroundColor:m?.backgroundColor,backgroundImage:m?.backgroundImage})}),$=c({...l({vertical:p?.vertical,dotStyle:p?.dotStyle}),gap:n+"px"}),w=c({...t("jc",m?.align),...k}),f=c({...S()});return{rootStyleRender:w,wrapperStyleRender:y,wrapperInnerStyle:$,sliderStyle:f}};export{getStyle};
+import{makeStyleResponsive as t,getHeightByShapeGlobalSize as e,makeStyleWithDefault as o,getWidthByShapeGlobalSize as r,getBgByDevice as g,makeContainerWidthOrHeight as l,getResponsiveValueByScreen as a}from"@gem-sdk/core";import{createStyle as c}from"@gem-sdk/system";let i=i=>{let d=["mobile","tablet","desktop"],{styles:m,setting:p,style:s,rootStyles:k}=i,{arrowGapToEachSide:n="16"}=p??{},b=t("h",e(m?.sizeSetting)),u=o("w",r(m?.sizeSetting,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),S=c({...s,...b,...u,...g({backgroundColor:m?.backgroundColor,backgroundImage:m?.backgroundImage})}),$=c({...l({vertical:p?.vertical,dotStyle:p?.dotStyle}),gap:n+"px"}),w=c({...t("jc",m?.align),...k}),y=c({...(()=>{let t={};return d.forEach(e=>{let o=a(p?.vertical,e),r=a(m?.spacing,e),g=o?`--rg${"desktop"!==e?`-${e}`:""}`:`--cg${"desktop"!==e?`-${e}`:""}`;t={...t,[g]:`${r??0}px`}}),t})()});return{rootStyleRender:w,wrapperStyleRender:S,wrapperInnerStyle:$,sliderStyle:y}};export{i as getStyle};

package/dist/esm/carousel/hooks/useCarouseItem.js

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

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

@@ -1 +1 @@
-import{useKeenSlider as e}from"@gem-sdk/keen-slider/react";import{useState as t,useRef as r,useCallback as a,useMemo as n,useImperativeHandle as l,useEffect as o}from"react";import{useCurrentDevice as i,useEditorMode as s,useInteraction as u,DEVICES as d,getResponsiveValueByScreen as m}from"@gem-sdk/core";import{getData as c}from"../components/root/common/helpers.js";import p from"./useTrackPreviewPause.js";import{AutoPlayPlugin as k}from"../plugins/auto-play.js";import{CAROUSEL_ANIMATION as f,DEFAULT_PLAY_SPEED as g,AnimationPlugin as v}from"../plugins/animation.js";import{MutationPlugin as b}from"../plugins/mutation.js";import{FixSliderMoveBackwards as y}from"../plugins/fix-slider-move-backward.js";let useCarousel=(h,E)=>{let S;let{builderProps:x,moveToIdx:T,styles:P,setting:w,isHiddenArrowWhenDisabled:A=!0,elmRef:I,onChangeActive:N,onLoaded:O,onUpdated:_,onCreated:U,onClickArrow:M,onHandleChangeSlideByInteraction:j}=h,{loop:C,navigationEnable:F={desktop:!0},navigationStyle:D}=w??{},[$,L]=t(!1),[R,V]=t(0),[W,q]=t(0),[H,z]=t(w?.defaultCurrentSlider??0),[B,G]=t(!1),[J,K]=t(),{sliderSelector:Q}=c(h),X=r(),Y=r(!1),Z=r(T??0),ee=i(),et=s(),{isFirstPreviewClicked:er}=p(w?.runPreview),{onListener:ea,saveToElementInteractionData:en,getInteractionPreviousData:el,trigger:eo}=u(),ei=a(()=>{if(!w?.slidesToShow)return null;let e={};return d.forEach(t=>{let r=m(w?.slidesToShow,t);e[t]=r?"auto"===r?4:Math.floor(r):0}),e},[w?.slidesToShow]),es=a(()=>{if(!w?.slidesToShow)return null;let e={};return d.forEach(t=>{let r=m(w?.slidesToShow,t);e[t]=r?"auto"===r?4:r:0}),e},[w?.slidesToShow]),eu=n(()=>{let e=es();if(e)return e;let t={};return d.forEach(e=>{let r=m(w?.sneakPeak,e),a=r?"center"===m(w?.sneakPeakType,e)?m(w?.sneakPeakOffsetCenter,e)??0:m(w?.sneakPeakOffsetForward,e)??0:0,n="center"===m(w?.sneakPeakType,e)?-2:-1,l=m(w?.itemNumber,e);"object"==typeof a&&(a=0),t[e]="number"==typeof l?l+a/100*n:"auto"}),t},[es,w?.itemNumber,w?.sneakPeak,w?.sneakPeakOffsetCenter,w?.sneakPeakOffsetForward,w?.sneakPeakType]),ed=n(()=>{let e=ei();return e||w?.itemNumber},[ei,w?.itemNumber]),em=a(e=>{let t="center"===m(w?.sneakPeakType,e)?2:1;return"number"==typeof m(ed,e,4)?m(ed,e,4)-t:void 0},[w?.sneakPeakType,ed]),ec=n(()=>e=>{let t="center"===m(w?.sneakPeakType,e)&&m(w?.sneakPeak,e)?"center":"auto";return t},[w?.sneakPeak,w?.sneakPeakType]),ep=n(()=>e=>{if("center"!==ec(e))return{};let t=w?.childItem?.length||1,r=Number(m(eu,e,1))||2;w?.sneakPeak?.[ee]&&(r=Math.trunc(Number(em(e))));let a=t-r,n=m(C,e,!1);return n?{max:void 0}:{max:a}},[w?.childItem,eu,ec,C,ee,w?.sneakPeak,em]),ek=()=>{let e=document.querySelectorAll(`.${Q}`);e&&e.forEach(e=>{e?.style.removeProperty("--cg"),e?.style.removeProperty("--cg-tablet"),e?.style.removeProperty("--cg-mobile"),e?.style.removeProperty("--rg"),e?.style.removeProperty("--rg-tablet"),e?.style.removeProperty("--rg-mobile")})},[ef,eg]=e({selector:`.gem-slider-item-${x?.uid}`,optionsChanged:e=>{e?.track?.details?.maxIdx===1/0?L(!0):L(!1),V(Math.ceil(e.slides.length)),q(e?.track?.details?.maxIdx)},defaultAnimation:{duration:P?.playSpeed===0?1:P?.playSpeed??500,easing:e=>{switch(w?.animationMode){case f.EASE_IN.value:return f.EASE_IN.formula(e);case f.EASE_OUT.value:return f.EASE_OUT.formula(e);case f.EASE_IN_OUT.value:return f.EASE_IN_OUT.formula(e);default:return f.DEFAULT.formula(e)}}},dragSpeed:2,renderMode:"precision",mode:"snap",loop:m(C,"desktop",!1),vertical:m(w?.vertical,"desktop"),rtl:w?.rtl,breakpoints:{"(max-width: 9999px)":{slides:{perView:m(eu,"desktop",4)??1,spacing:m(P?.spacing,"desktop"),origin:ec("desktop"),numberOfFullWidthShow:em("desktop")},loop:m(C,"desktop",!1),vertical:m(w?.vertical,"desktop"),drag:m("edit"==et?{desktop:!1}:w?.enableDrag,"desktop"),initial:T??0,range:ep("desktop")},"(max-width: 1024px)":{slides:{perView:m(eu,"tablet",4),spacing:m(P?.spacing,"tablet"),origin:ec("tablet"),numberOfFullWidthShow:em("tablet")},loop:m(C,"tablet",!1),vertical:m(w?.vertical,"tablet"),drag:m("edit"==et?{tablet:!1}:w?.enableDrag,"tablet"),initial:T||0,range:ep("tablet")},"(max-width: 767px)":{slides:{perView:m(eu,"mobile",4),spacing:m(P?.spacing,"mobile"),origin:ec("mobile"),numberOfFullWidthShow:em("mobile")},loop:m(C,"mobile",!1),vertical:m(w?.vertical,"mobile"),drag:m("edit"==et?{mobile:!1}:w?.enableDrag,"mobile"),initial:T??0,range:ep("mobile")}},slideChanged:e=>{z(e.track.details.rel),Z.current=e.track.details.rel,N&&N(e.track.details.rel)},created:e=>{G(!0),K(e),z(e.track?.details?.rel??0),U&&U(e),ek()},updated:e=>{O&&O(!0),_&&_(e)},autoplay:{delay:(w?.autoplayTimeout??1)*1e3,pauseOnHover:w?.pauseOnHover,enable:"edit"===et?!!er&&w?.runPreview&&w?.autoplay:w?.autoplay},animation:{type:w?.animationMode,speed:P?.playSpeed===0?1:P?.playSpeed??500},dragStarted:e=>{e.container.style.cursor="grabbing"},dragEnded:e=>{e.container.style.cursor="auto"},animationStarted:e=>{Y.current?e.options.defaultAnimation={duration:g,easing:e=>f.DEFAULT.formula(e)}:Y.current=!0},animationEnded:e=>{Y.current=!1,e.options.defaultAnimation={duration:P?.playSpeed===0?1:P?.playSpeed??500,easing(e){switch(w?.animationMode){case f.EASE_IN.value:return f.EASE_IN.formula(e);case f.EASE_OUT.value:return f.EASE_OUT.formula(e);case f.EASE_IN_OUT.value:return f.EASE_IN_OUT.formula(e);default:return f.EASE_IN.formula(e)}}}}},[b,k,v,y]),ev=n(()=>B&&!!R&&eg.current&&m(w?.dot,ee),[eg,B,w?.dot,R,ee]),eb=n(()=>{let e=m(F,ee),t=m(D,ee);return B&&eg.current&&e&&"none"!==t},[ee,eg,B,F,D]),ey=()=>{let e="auto"===m(eu,ee,1)?1:m(eu,ee,1);return e??1},eh=e=>{let t=e*ey();return t>=R-ey()&&(t=R-ey()),t},eE=(e,t)=>{let r=w?.sneakPeak?.[ee]?e:t?e:eh(e);eg.current?.moveToIdx(r),Z.current=r},eS=e=>{"next"===e?eg.current?.next():eg.current?.prev(),M&&(S&&clearTimeout(S),S=setTimeout(()=>M&&M(),500))};l(E,()=>({nextSlideInteraction:ew,previousSlideInteraction:eA,moveToSlideInteraction:eI}));let ex=e=>{eo({event:"gp:rollback:select-slide",selector:`[data-id="${x?.uid}"]`,element:I?.current}),eo({event:"gp:select-slide",selector:`[data-id="${x?.uid}"]`,data:e,element:I?.current})},eT=e=>{eg.current?.moveToIdx(e),j&&j(e)},eP=(e,t)=>{let{key:r,data:a,isRollback:n,element:l}=e,o=Math.max(eg.current?.track?.details?.rel??0,0);if(n&&void 0===a)return;if(n){if("specific"===t){let{previousData:e}=el(l,r);eT(Number(e))}else{let e="next"===t?o-1:o+1;eT(e)}return}let i="specific"===t?Math.max(Z.current,0):o;en(l,r,i.toString());let s="specific"===t?Number(a):"next"===t?o+1:o-1;eT(s)},ew=e=>{eP(e,"next")},eA=e=>{eP(e,"previous")},eI=e=>{eP(e,"specific")};return o(()=>{let e=`[data-id="${x?.uid}"]`;ea({event:"gp:change-next-slide",selector:e,elementRef:X},e=>{let{data:t,isRollback:r,uniqueStorageKey:a}=e||{};ew({element:X.current,data:t,isRollback:r,key:a})}),ea({event:"gp:change-previous-slide",selector:e,elementRef:X},e=>{let{data:t,isRollback:r,uniqueStorageKey:a}=e||{};eA({element:X.current,data:t,isRollback:r,key:a})}),ea({event:"gp:change-image-step",selector:e,elementRef:X},e=>{let{data:t,isRollback:r,uniqueStorageKey:a}=e||{};eI({element:X.current,data:t,isRollback:r,key:a})}),ea({event:"gp:change-index-slide",selector:e},t=>{let r=document.querySelector(e),{data:a,isRollback:n,uniqueStorageKey:l}=t||{};eI({element:r,data:a,isRollback:n,key:l})})},[]),o(()=>{eg.current?.update(eg.current?.options)},[eg,w]),o(()=>{let e=e=>{if(x?.uid!==e?.detail.componentUid)return;let t=eg?.current?.track.details.maxIdx,r=e?.detail.index||0;t&&r>t&&(r=t),eg.current?.moveToIdx(r),Z.current=r};return window.addEventListener("move-to-idx",e),()=>window.removeEventListener("move-to-idx",e)},[eg,x?.uid]),o(()=>{"number"==typeof T&&(Z.current=T,eg?.current?.moveToIdx(T))},[eg,T,A]),{isInfinity:$,totalSlideItem:R,slideMaxIndex:W,currentSlide:H,loaded:B,slider:J,previousIndex:Z,localRef:X,instanceRef:eg,showNavigation:eb,isRenderDots:ev,sliderRef:ef,handleDotClick:eE,getItemsPerPage:ey,handleNextAndPrevSlide:eS,dispatchEventSelectSlide:ex,getNumberOfFullWidthShow:em}};export{useCarousel};
+import{useKeenSlider as e}from"@gem-sdk/keen-slider/react";import{useState as t,useRef as r,useCallback as a,useMemo as n,useImperativeHandle as l,useEffect as i}from"react";import{useCurrentDevice as o,useEditorMode as d,useInteraction as s,DEVICES as u,getResponsiveValueByScreen as m}from"@gem-sdk/core";import{getData as c}from"../components/root/common/helpers.js";import p from"./useTrackPreviewPause.js";import{AutoPlayPlugin as k}from"../plugins/auto-play.js";import{CAROUSEL_ANIMATION as f,DEFAULT_PLAY_SPEED as g,AnimationPlugin as v}from"../plugins/animation.js";import{MutationPlugin as b}from"../plugins/mutation.js";import{FixSliderMoveBackwards as y}from"../plugins/fix-slider-move-backward.js";let h=(h,S)=>{let E;let{builderProps:x,moveToIdx:T,styles:P,setting:w,isHiddenArrowWhenDisabled:A=!0,elmRef:I,onChangeActive:N,onLoaded:O,onUpdated:_,onCreated:U,onClickArrow:M,onHandleChangeSlideByInteraction:j}=h,{loop:C,navigationEnable:F={desktop:!0},navigationStyle:D}=w??{},[$,L]=t(!1),[R,V]=t(0),[W,q]=t(0),[H,z]=t(w?.defaultCurrentSlider??0),[B,G]=t(!1),[J,K]=t(),{sliderSelector:Q}=c(h),X=r(),Y=r(!1),Z=r(T??0),ee=o(),et=d(),{isFirstPreviewClicked:er}=p(w?.runPreview),{onListener:ea,saveToElementInteractionData:en,getInteractionPreviousData:el,trigger:ei}=s(),eo=a(()=>{if(!w?.slidesToShow)return null;let e={};return u.forEach(t=>{let r=m(w?.slidesToShow,t);e[t]=r?"auto"===r?4:Math.floor(r):0}),e},[w?.slidesToShow]),ed=a(()=>{if(!w?.slidesToShow)return null;let e={};return u.forEach(t=>{let r=m(w?.slidesToShow,t);e[t]=r?"auto"===r?4:r:0}),e},[w?.slidesToShow]),es=n(()=>{let e=ed();if(e)return e;let t={};return u.forEach(e=>{let r=m(w?.sneakPeak,e),a=r?"center"===m(w?.sneakPeakType,e)?m(w?.sneakPeakOffsetCenter,e)??0:m(w?.sneakPeakOffsetForward,e)??0:0,n="center"===m(w?.sneakPeakType,e)?-2:-1,l=m(w?.itemNumber,e);"object"==typeof a&&(a=0),t[e]="number"==typeof l?l+a/100*n:"auto"}),t},[ed,w?.itemNumber,w?.sneakPeak,w?.sneakPeakOffsetCenter,w?.sneakPeakOffsetForward,w?.sneakPeakType]),eu=n(()=>{let e=eo();return e||w?.itemNumber},[eo,w?.itemNumber]),em=a(e=>{let t="center"===m(w?.sneakPeakType,e)?2:1;return"number"==typeof m(eu,e,4)?m(eu,e,4)-t:void 0},[w?.sneakPeakType,eu]),ec=n(()=>e=>{let t="center"===m(w?.sneakPeakType,e)&&m(w?.sneakPeak,e)?"center":"auto";return t},[w?.sneakPeak,w?.sneakPeakType]),ep=n(()=>e=>{if("center"!==ec(e))return{};let t=w?.childItem?.length||1,r=Number(m(es,e,1))||2;w?.sneakPeak?.[ee]&&(r=Math.trunc(Number(em(e))));let a=t-r,n=m(C,e,!1);return n?{max:void 0}:{max:a}},[w?.childItem,es,ec,C,ee,w?.sneakPeak,em]),ek=()=>{let e=document.querySelectorAll(`.${Q}`);e&&e.forEach(e=>{e?.style.removeProperty("--cg"),e?.style.removeProperty("--cg-tablet"),e?.style.removeProperty("--cg-mobile"),e?.style.removeProperty("--rg"),e?.style.removeProperty("--rg-tablet"),e?.style.removeProperty("--rg-mobile")})},[ef,eg]=e({selector:`.gem-slider-item-${x?.uid}`,optionsChanged:e=>{e?.track?.details?.maxIdx===1/0?L(!0):L(!1),V(Math.ceil(e.slides.length)),q(e?.track?.details?.maxIdx)},defaultAnimation:{duration:P?.playSpeed===0?1:P?.playSpeed??500,easing:e=>{switch(w?.animationMode){case f.EASE_IN.value:return f.EASE_IN.formula(e);case f.EASE_OUT.value:return f.EASE_OUT.formula(e);case f.EASE_IN_OUT.value:return f.EASE_IN_OUT.formula(e);default:return f.DEFAULT.formula(e)}}},dragSpeed:2,renderMode:"precision",mode:"snap",loop:m(C,"desktop",!1),vertical:m(w?.vertical,"desktop"),rtl:w?.rtl,breakpoints:{"(max-width: 9999px)":{slides:{perView:m(es,"desktop",4)??1,spacing:m(P?.spacing,"desktop"),origin:ec("desktop"),numberOfFullWidthShow:em("desktop")},loop:m(C,"desktop",!1),vertical:m(w?.vertical,"desktop"),drag:m("edit"==et?{desktop:!1}:w?.enableDrag,"desktop"),initial:T??0,range:ep("desktop")},"(max-width: 1024px)":{slides:{perView:m(es,"tablet",4),spacing:m(P?.spacing,"tablet"),origin:ec("tablet"),numberOfFullWidthShow:em("tablet")},loop:m(C,"tablet",!1),vertical:m(w?.vertical,"tablet"),drag:m("edit"==et?{tablet:!1}:w?.enableDrag,"tablet"),initial:T||0,range:ep("tablet")},"(max-width: 767px)":{slides:{perView:m(es,"mobile",4),spacing:m(P?.spacing,"mobile"),origin:ec("mobile"),numberOfFullWidthShow:em("mobile")},loop:m(C,"mobile",!1),vertical:m(w?.vertical,"mobile"),drag:m("edit"==et?{mobile:!1}:w?.enableDrag,"mobile"),initial:T??0,range:ep("mobile")}},slideChanged:e=>{z(e.track.details.rel),Z.current=e.track.details.rel,N&&N(e.track.details.rel)},created:e=>{G(!0),K(e),z(e.track?.details?.rel??0),U&&U(e),ek()},updated:e=>{O&&O(!0),_&&_(e)},autoplay:{delay:(w?.autoplayTimeout??1)*1e3,pauseOnHover:w?.pauseOnHover,enable:"edit"===et?!!er&&w?.runPreview&&w?.autoplay:w?.autoplay},animation:{type:w?.animationMode,speed:P?.playSpeed===0?1:P?.playSpeed??500},dragStarted:e=>{e.container.style.cursor="grabbing"},dragEnded:e=>{e.container.style.cursor="auto"},animationStarted:e=>{Y.current?e.options.defaultAnimation={duration:g,easing:e=>f.DEFAULT.formula(e)}:Y.current=!0},animationEnded:e=>{Y.current=!1,e.options.defaultAnimation={duration:P?.playSpeed===0?1:P?.playSpeed??500,easing(e){switch(w?.animationMode){case f.EASE_IN.value:return f.EASE_IN.formula(e);case f.EASE_OUT.value:return f.EASE_OUT.formula(e);case f.EASE_IN_OUT.value:return f.EASE_IN_OUT.formula(e);default:return f.EASE_IN.formula(e)}}}}},[b,k,v,y]),ev=n(()=>B&&!!R&&eg.current&&m(w?.dot,ee),[eg,B,w?.dot,R,ee]),eb=n(()=>{let e=m(F,ee),t=m(D,ee);return B&&eg.current&&e&&"none"!==t},[ee,eg,B,F,D]),ey=()=>{let e="auto"===m(es,ee,1)?1:m(es,ee,1);return e??1},eh=e=>{let t=e*ey();return t>=R-ey()&&(t=R-ey()),t};l(S,()=>({nextSlideInteraction:ex,previousSlideInteraction:eT,moveToSlideInteraction:eP}));let eS=e=>{eg.current?.moveToIdx(e),j&&j(e)},eE=(e,t)=>{let{key:r,data:a,isRollback:n,element:l}=e,i=Math.max(eg.current?.track?.details?.rel??0,0);if(n&&void 0===a)return;if(n){if("specific"===t){let{previousData:e}=el(l,r);eS(Number(e))}else eS("next"===t?i-1:i+1);return}let o="specific"===t?Math.max(Z.current,0):i;en(l,r,o.toString());let d="specific"===t?Number(a):"next"===t?i+1:i-1;eS(d)},ex=e=>{eE(e,"next")},eT=e=>{eE(e,"previous")},eP=e=>{eE(e,"specific")};return i(()=>{let e=`[data-id="${x?.uid}"]`;ea({event:"gp:change-next-slide",selector:e,elementRef:X},e=>{let{data:t,isRollback:r,uniqueStorageKey:a}=e||{};ex({element:X.current,data:t,isRollback:r,key:a})}),ea({event:"gp:change-previous-slide",selector:e,elementRef:X},e=>{let{data:t,isRollback:r,uniqueStorageKey:a}=e||{};eT({element:X.current,data:t,isRollback:r,key:a})}),ea({event:"gp:change-image-step",selector:e,elementRef:X},e=>{let{data:t,isRollback:r,uniqueStorageKey:a}=e||{};eP({element:X.current,data:t,isRollback:r,key:a})}),ea({event:"gp:change-index-slide",selector:e},t=>{let r=document.querySelector(e),{data:a,isRollback:n,uniqueStorageKey:l}=t||{};eP({element:r,data:a,isRollback:n,key:l})})},[]),i(()=>{eg.current?.update(eg.current?.options)},[eg,w]),i(()=>{let e=e=>{if(x?.uid!==e?.detail.componentUid)return;let t=eg?.current?.track.details.maxIdx,r=e?.detail.index||0;t&&r>t&&(r=t),eg.current?.moveToIdx(r),Z.current=r};return window.addEventListener("move-to-idx",e),()=>window.removeEventListener("move-to-idx",e)},[eg,x?.uid]),i(()=>{"number"==typeof T&&(Z.current=T,eg?.current?.moveToIdx(T))},[eg,T,A]),{isInfinity:$,totalSlideItem:R,slideMaxIndex:W,currentSlide:H,loaded:B,slider:J,previousIndex:Z,localRef:X,instanceRef:eg,showNavigation:eb,isRenderDots:ev,sliderRef:ef,handleDotClick:(e,t)=>{let r=w?.sneakPeak?.[ee]?e:t?e:eh(e);eg.current?.moveToIdx(r),Z.current=r},getItemsPerPage:ey,handleNextAndPrevSlide:e=>{"next"===e?eg.current?.next():eg.current?.prev(),M&&(E&&clearTimeout(E),E=setTimeout(()=>M&&M(),500))},dispatchEventSelectSlide:e=>{ei({event:"gp:rollback:select-slide",selector:`[data-id="${x?.uid}"]`,element:I?.current}),ei({event:"gp:select-slide",selector:`[data-id="${x?.uid}"]`,data:e,element:I?.current})},getNumberOfFullWidthShow:em}};export{h as useCarousel};

package/dist/esm/carousel/hooks/useDotsSetting.js

@@ -1 +1 @@
-import{useCurrentDevice as t,getResponsiveValueByScreen as e}from"@gem-sdk/core";let useDotsSetting=o=>{let{loop:r,enabledSneakPeak:s,slideItemsPerPage:i=1,currentSlide:g=1}=o,l=t(),m=e(r,l,!1),n=t=>s?t===g:t===(m?g:Math.ceil(g/i));return{isLoop:m,checkIsActive:n}};export{useDotsSetting};
+import{useCurrentDevice as e,getResponsiveValueByScreen as t}from"@gem-sdk/core";let r=r=>{let{loop:c,enabledSneakPeak:o,slideItemsPerPage:i=1,currentSlide:s=1}=r,l=e(),m=t(c,l,!1);return{isLoop:m,checkIsActive:e=>o?e===s:e===(m?s:Math.ceil(s/i))}};export{r as useDotsSetting};

package/dist/esm/carousel/hooks/useTrackPreviewPause.js

@@ -1 +1 @@
-import{useRef as r,useState as e,useEffect as t}from"react";let useTrackPreviewPause=i=>{let u=r(void 0),[a,n]=e(!1);return t(()=>{if(!a){if(!u.current){u.current=JSON.stringify({isFirstPreviewClicked:a,runPreview:i});return}a||u.current===JSON.stringify({isFirstPreviewClicked:a,runPreview:i})||n(!0)}},[a,i]),{isFirstPreviewClicked:a}};export{useTrackPreviewPause as default};
+import{useRef as r,useState as e,useEffect as t}from"react";let i=i=>{let u=r(void 0),[n,f]=e(!1);return t(()=>{if(!n){if(!u.current){u.current=JSON.stringify({isFirstPreviewClicked:n,runPreview:i});return}n||u.current===JSON.stringify({isFirstPreviewClicked:n,runPreview:i})||f(!0)}},[n,i]),{isFirstPreviewClicked:n}};export{i as default};

package/dist/esm/carousel/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"next/link";import"@gem-sdk/keen-slider/react";import e from"./settings/Carousel.js";import t from"./settings/CarouselItem.js";let carouselSetting={Carousel:e,CarouselItem:t};export{carouselSetting};
+import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"next/link";import"@gem-sdk/keen-slider/react";import e from"./settings/Carousel.js";import t from"./settings/CarouselItem.js";let r={Carousel:e,CarouselItem:t};export{r as carouselSetting};

package/dist/esm/carousel/next.js

@@ -1 +1 @@
-import o from"next/dynamic";import e from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let Carousel=o(()=>import("./components/root/Carousel.js"),{loading:e}),CarouselItem=o(()=>import("./components/item/CarouselItem.js"),{loading:e});var carousel={Carousel,CarouselItem};export{carousel as default};
+import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let m=o(()=>import("./components/root/Carousel.js"),{loading:t}),r=o(()=>import("./components/item/CarouselItem.js"),{loading:t});var e={Carousel:m,CarouselItem:r};export{e as default};

package/dist/esm/carousel/plugins/animation.js

@@ -1 +1 @@
-let CAROUSEL_ANIMATION={EASE_IN:{value:"ease-in",formula:i=>i*i*i},EASE_OUT:{value:"ease-out",formula:i=>1-Math.pow(1-i,3)},EASE_IN_OUT:{value:"ease-in-out",formula:i=>i<.5?4*i*i*i:1-Math.pow(-2*i+2,3)/2},DEFAULT:{value:"default",formula:i=>1+--i*i*i*i*i}},DEFAULT_PLAY_SPEED=500,AnimationPlugin=i=>{let o;let a=i.options.animation??{};i.on("beforeOptionsChanged",n=>{clearTimeout(o),o=setTimeout(()=>{n.options.animation&&JSON.stringify(n.options.animation)!==JSON.stringify(a)&&(a=n.options.animation,i.update(n.options))},200)})};export{AnimationPlugin,CAROUSEL_ANIMATION,DEFAULT_PLAY_SPEED,AnimationPlugin as default};
+let o={EASE_IN:{value:"ease-in",formula:o=>o*o*o},EASE_OUT:{value:"ease-out",formula:o=>1-Math.pow(1-o,3)},EASE_IN_OUT:{value:"ease-in-out",formula:o=>o<.5?4*o*o*o:1-Math.pow(-2*o+2,3)/2},DEFAULT:{value:"default",formula:o=>1+--o*o*o*o*o}},a=500,i=o=>{let a;let i=o.options.animation??{};o.on("beforeOptionsChanged",t=>{clearTimeout(a),a=setTimeout(()=>{t.options.animation&&JSON.stringify(t.options.animation)!==JSON.stringify(i)&&(i=t.options.animation,o.update(t.options))},200)})};export{i as AnimationPlugin,o as CAROUSEL_ANIMATION,a as DEFAULT_PLAY_SPEED,i as default};

package/dist/esm/carousel/plugins/auto-play.js

@@ -1 +1 @@
-let AutoPlayPlugin=e=>{let n,o=e.options.autoplay??{},t=!1,r=!1,a=null,i=e?.container?.closest('[data-component-type="component"]')?.querySelector(".carousel-dots");function s(e){e.forEach(e=>{(r=e.isIntersecting)?v():c()})}function u(){!a&&e.container&&(a=new IntersectionObserver(s,{root:null,threshold:0})).observe(e.container)}function c(){clearTimeout(n)}function v(){c(),n=setTimeout(()=>{!t&&o.enable&&r&&e.next()},o.delay??2e3)}function d(){t=!0,c()}function l(){t=!1,v()}e.on("created",()=>{i?.addEventListener("mouseover",d),i?.addEventListener("mouseout",l),o.pauseOnHover&&e.container&&(e.container.addEventListener("mouseover",d),e.container.addEventListener("mouseout",l)),o.enable&&(u(),v())}),e.on("dragStarted",c),e.on("animationEnded",v),e.on("updated",e=>{(o=e.options?.autoplay??{}).enable&&(u(),v())}),e.on("optionsChanged",n=>{n.options.autoplay?.pauseOnHover!==o.pauseOnHover&&e.container&&(n.options.autoplay?.pauseOnHover?(e.container.addEventListener("mouseover",d),e.container.addEventListener("mouseout",l)):(e.container.removeEventListener("mouseover",d),e.container.removeEventListener("mouseout",l),t=!1)),(o=n.options.autoplay??{}).enable&&(u(),v())}),e.on("destroyed",()=>{e.container&&(e.container.removeEventListener("mouseover",d),e.container.removeEventListener("mouseout",l)),i?.removeEventListener("mouseover",d),i?.removeEventListener("mouseout",l),c(),a&&(a.disconnect(),a=null)})};export{AutoPlayPlugin};
+let e=e=>{let n,o=e.options.autoplay??{},t=!1,r=!1,a=null,i=e?.container?.closest('[data-component-type="component"]')?.querySelector(".carousel-dots");function s(e){e.forEach(e=>{(r=e.isIntersecting)?v():c()})}function u(){!a&&e.container&&(a=new IntersectionObserver(s,{root:null,threshold:0})).observe(e.container)}function c(){clearTimeout(n)}function v(){c(),n=setTimeout(()=>{!t&&o.enable&&r&&e.next()},o.delay??2e3)}function d(){t=!0,c()}function l(){t=!1,v()}e.on("created",()=>{i?.addEventListener("mouseover",d),i?.addEventListener("mouseout",l),o.pauseOnHover&&e.container&&(e.container.addEventListener("mouseover",d),e.container.addEventListener("mouseout",l)),o.enable&&(u(),v())}),e.on("dragStarted",c),e.on("animationEnded",v),e.on("updated",e=>{(o=e.options?.autoplay??{}).enable&&(u(),v())}),e.on("optionsChanged",n=>{n.options.autoplay?.pauseOnHover!==o.pauseOnHover&&e.container&&(n.options.autoplay?.pauseOnHover?(e.container.addEventListener("mouseover",d),e.container.addEventListener("mouseout",l)):(e.container.removeEventListener("mouseover",d),e.container.removeEventListener("mouseout",l),t=!1)),(o=n.options.autoplay??{}).enable&&(u(),v())}),e.on("destroyed",()=>{e.container&&(e.container.removeEventListener("mouseover",d),e.container.removeEventListener("mouseout",l)),i?.removeEventListener("mouseover",d),i?.removeEventListener("mouseout",l),c(),a&&(a.disconnect(),a=null)})};export{e as AutoPlayPlugin};

package/dist/esm/carousel/plugins/fix-slider-move-backward.js

@@ -1 +1 @@
-let FixSliderMoveBackwards=e=>{e.on("animationEnded",e=>{let{rel:a,progress:d}=e.track.details;0===a&&0!==d&&e.moveToIdx(0,!0,{duration:0})})};export{FixSliderMoveBackwards};
+let e=e=>{e.on("animationEnded",e=>{let{rel:a,progress:d}=e.track.details;0===a&&0!==d&&e.moveToIdx(0,!0,{duration:0})})};export{e as FixSliderMoveBackwards};

package/dist/esm/carousel/plugins/mutation.js

@@ -1 +1 @@
-let MutationPlugin=e=>{let t=new MutationObserver(t=>{t.forEach(()=>{e.update()})}),i={childList:!0},n=new ResizeObserver(function(){o(e),e.update()}),o=e=>{if(e.options.vertical){r(e);return}s(e)},r=e=>{e.slides.forEach(e=>{e.style.maxWidth="",e.style.minWidth=""})},s=e=>{e.slides.forEach(e=>{e.style.maxHeight="",e.style.minHeight=""})};e.on("created",()=>{n.observe(e.container),t.observe(e.container,i)}),e.on("destroyed",()=>{n.unobserve(e.container),t.disconnect()})};export{MutationPlugin};
+let e=e=>{let t=new MutationObserver(t=>{t.forEach(()=>{e.update()})}),i={childList:!0},n=new ResizeObserver(function(){o(e),e.update()}),o=e=>{if(e.options.vertical){r(e);return}s(e)},r=e=>{e.slides.forEach(e=>{e.style.maxWidth="",e.style.minWidth=""})},s=e=>{e.slides.forEach(e=>{e.style.maxHeight="",e.style.minHeight=""})};e.on("created",()=>{n.observe(e.container),t.observe(e.container,i)}),e.on("destroyed",()=>{n.unobserve(e.container),t.disconnect()})};export{e as MutationPlugin};

package/dist/esm/carousel/settings/Carousel.js

@@ -1,5 +1,5 @@
-import{CarouselSettingsV2 as e}from"./configs/settings-v2.js";import{SettingUIV2 as o}from"./configs/ui-v2.js";import{CarouselPreset as i}from"./configs/presets.js";let config={tag:"Carousel",label:"Carousel",icon:`
+import{CarouselSettingsV2 as e}from"./configs/settings-v2.js";import{SettingUIV2 as o}from"./configs/ui-v2.js";import{CarouselPreset as i}from"./configs/presets.js";let s={tag:"Carousel",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:e,ui:[],uiV2:o,presets:i,editorConfigs:{slots:{children:!1},placeholder:{notAppendTags:["MarqueeItem","Marquee"]}},locales:{editor:{en:{no_slider:"No Slider"}}}};export{config as default};
+  `,settings:e,ui:[],uiV2:o,presets:i,editorConfigs:{slots:{children:!1},placeholder:{notAppendTags:["MarqueeItem","Marquee"]}},locales:{editor:{en:{no_slider:"No Slider"}}}};export{s as default};

package/dist/esm/carousel/settings/CarouselItem.js

@@ -1 +1 @@
-let config={tag:"CarouselItem",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}}};export{config as default};
+let e={tag:"CarouselItem",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}}};export{e as default};

package/dist/esm/carousel/settings/configs/presets.js

@@ -1,4 +1,4 @@
-let CarouselPreset=[{id:"carousel-outdated",name:"Carousel",icon:{desktop:`
+let e=[{id:"carousel-outdated",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 @@ let CarouselPreset=[{id:"carousel-outdated",name:"Carousel",icon:{desktop:`
             </linearGradient>
           </defs>
         </svg>
-      `},components:[{tag:"Carousel",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:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]}]}]}];export{CarouselPreset};
+      `},components:[{tag:"Carousel",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:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]}]}]}];export{e as CarouselPreset};

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

@@ -1,3 +1,3 @@
-import{CAROUSEL_ANIMATION as e}from"../../plugins/animation.js";let 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">
+import{CAROUSEL_ANIMATION as e}from"../../plugins/animation.js";let 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-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:!0}}},{id:"animationMode",label:"Animation",type:"select",default:e.EASE_IN.value,options:[{label:"Ease in",value:e.EASE_IN.value},{label:"Ease out",value:e.EASE_OUT.value},{label:"Ease in & out",value:e.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}}}}},{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}];export{CarouselSettingsV2,CarouselSettingsV2Setting,CarouselSettingsV2Style};
+    `},{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:!0}}},{id:"animationMode",label:"Animation",type:"select",default:e.EASE_IN.value,options:[{label:"Ease in",value:e.EASE_IN.value},{label:"Ease out",value:e.EASE_OUT.value},{label:"Ease in & out",value:e.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}}}}},{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}];export{a as CarouselSettingsV2,t as CarouselSettingsV2Setting,l as CarouselSettingsV2Style};

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

@@ -1 +1 @@
-let 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"}}]}];export{SettingUIV2,carouselDotsSettings,carouselEffectsSettings,carouselNavigationSettings};
+let e={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={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",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}}}]}},e,t,i,{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"}}]}];export{o as SettingUIV2,t as carouselDotsSettings,i as carouselEffectsSettings,e as carouselNavigationSettings};

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

@@ -1 +1 @@
-import{DEVICES as e,makeStyleResponsive as a,makeWidth as s,getResponsiveValueByScreen as t}from"@gem-sdk/core";import{convertUnitToNumber as k}from"../../helpers.js";let getInitialWidthForCarouselItem=t=>{let k={};return e.forEach(e=>{if(!t?.vertical?.[e]){let e={...a("minw",s(getWidthForCarouselItem({spacing:t?.spacing,slidesToShow:t?.slidesToShow,sneakPeak:t?.sneakPeak,sneakPeakType:t?.sneakPeakType,sneakPeakOffsetCenter:t?.sneakPeakOffsetCenter,sneakPeakOffsetForward:t?.sneakPeakOffsetForward}))),...a("maxw",s(getWidthForCarouselItem({spacing:t?.spacing,slidesToShow:t?.slidesToShow,sneakPeak:t?.sneakPeak,sneakPeakType:t?.sneakPeakType,sneakPeakOffsetCenter:t?.sneakPeakOffsetCenter,sneakPeakOffsetForward:t?.sneakPeakOffsetForward})))};k={...k,...e}}}),k},getSlideToShow=a=>{let s={};return e.forEach(e=>{let k=t(a.sneakPeak,e),o=k?"center"===t(a.sneakPeakType,e)?t(a.sneakPeakOffsetCenter,e)??0:t(a.sneakPeakOffsetForward,e)??0:0,r=t(a.slidesToShow,e)||1,n="center"===t(a.sneakPeakType,e)?-2:-1;s[e]="auto"===r?r:r+o/100*n}),s},getWidthForCarouselItem=a=>{let s={};return e.forEach(e=>{let o=k(t(a.spacing,e),44),r=t(a.sneakPeak,e,!1),n=k(t(r?getSlideToShow({slidesToShow:a?.slidesToShow,sneakPeak:a?.sneakPeak,sneakPeakType:a?.sneakPeakType,sneakPeakOffsetCenter:a?.sneakPeakOffsetCenter,sneakPeakOffsetForward:a?.sneakPeakOffsetForward}):a.slidesToShow,e),4);s={...s,[e]:`calc(100% / ${n} - ${(n-1)*o/n}px)`}}),s},DOT_CONTAINER_SELECTOR="gp-carousel-dot-container";export{DOT_CONTAINER_SELECTOR,getInitialWidthForCarouselItem,getSlideToShow,getWidthForCarouselItem};
+import{DEVICES as e,makeStyleResponsive as a,makeWidth as s,getResponsiveValueByScreen as k}from"@gem-sdk/core";import{convertUnitToNumber as n}from"../../helpers.js";let t=k=>{let n={};return e.forEach(e=>{if(!k?.vertical?.[e]){let e={...a("minw",s(o({spacing:k?.spacing,slidesToShow:k?.slidesToShow,sneakPeak:k?.sneakPeak,sneakPeakType:k?.sneakPeakType,sneakPeakOffsetCenter:k?.sneakPeakOffsetCenter,sneakPeakOffsetForward:k?.sneakPeakOffsetForward}))),...a("maxw",s(o({spacing:k?.spacing,slidesToShow:k?.slidesToShow,sneakPeak:k?.sneakPeak,sneakPeakType:k?.sneakPeakType,sneakPeakOffsetCenter:k?.sneakPeakOffsetCenter,sneakPeakOffsetForward:k?.sneakPeakOffsetForward})))};n={...n,...e}}}),n},r=a=>{let s={};return e.forEach(e=>{let n=k(a.sneakPeak,e),t=n?"center"===k(a.sneakPeakType,e)?k(a.sneakPeakOffsetCenter,e)??0:k(a.sneakPeakOffsetForward,e)??0:0,r=k(a.slidesToShow,e)||1,o="center"===k(a.sneakPeakType,e)?-2:-1;s[e]="auto"===r?r:r+t/100*o}),s},o=a=>{let s={};return e.forEach(e=>{let t=n(k(a.spacing,e),44),o=k(a.sneakPeak,e,!1),f=n(k(o?r({slidesToShow:a?.slidesToShow,sneakPeak:a?.sneakPeak,sneakPeakType:a?.sneakPeakType,sneakPeakOffsetCenter:a?.sneakPeakOffsetCenter,sneakPeakOffsetForward:a?.sneakPeakOffsetForward}):a.slidesToShow,e),4);s={...s,[e]:`calc(100% / ${f} - ${(f-1)*t/f}px)`}}),s},f="gp-carousel-dot-container";export{f as DOT_CONTAINER_SELECTOR,t as getInitialWidthForCarouselItem,r as getSlideToShow,o as getWidthForCarouselItem};

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

@@ -1,5 +1,5 @@
 'use client';
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{getClass as r}from"./common/classes.js";import{getStyle as o}from"./common/styles.js";import{getData as s}from"./common/helpers.js";import{If as l}from"@gem-sdk/system";let Arrow=m=>{let{custom:a,left:n,onClick:i}=m,{isRenderCustomIcon:c}=s(m),{buttonClass:p,buttonContentClass:h}=r(m),{buttonStyle:u,buttonContentStyle:w,innerBorderCss:y}=o(m,"react"),d=l(c,a??"",`<svg
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{getClass as r}from"./common/classes.js";import{getStyle as s}from"./common/styles.js";import{getData as o}from"./common/helpers.js";import{If as l}from"@gem-sdk/system";let m=m=>{let{custom:a,left:n,onClick:i}=m,{isRenderCustomIcon:c}=o(m),{buttonClass:p,buttonContentClass:h}=r(m),{buttonStyle:u,buttonContentStyle:y,innerBorderCss:d}=s(m,"react"),g=l(c,a??"",`<svg
       height="100%"
       width="100%"
       xmlns="http://www.w3.org/2000/svg"
@@ -7,4 +7,4 @@ import{jsxs as t,jsx as e}from"react/jsx-runtime";import{getClass as r}from"./co
       fill="currentColor"
     >
       <path d="M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z" />
-    </svg>`),g=e("div",{className:h,style:w,dangerouslySetInnerHTML:{__html:d||""}});return t("button",{type:"button","aria-label":`Carousel ${n?"Back":"Next"} Arrow`,className:p,style:u,onClick:i,children:[e("style",{type:"text/css",dangerouslySetInnerHTML:{__html:y}}),g]})};export{Arrow as default};
+    </svg>`),w=e("div",{className:h,style:y,dangerouslySetInnerHTML:{__html:g||""}});return t("button",{type:"button","aria-label":`Carousel ${n?"Back":"Next"} Arrow`,className:p,style:u,onClick:i,children:[e("style",{type:"text/css",dangerouslySetInnerHTML:{__html:d}}),w]})};export{m as default};

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

@@ -1,4 +1,4 @@
-import{template as t}from"@gem-sdk/core";import{getClass as o}from"./common/classes.js";import{getStyle as s}from"./common/styles.js";import{getData as r}from"./common/helpers.js";import{If as e}from"@gem-sdk/system";let Arrow=l=>{let{custom:m,left:i}=l,{isRenderCustomIcon:a}=r(l),{buttonClass:p,buttonContentClass:c}=o(l),{buttonStyle:n,buttonContentStyle:w,innerBorderCss:y}=s(l),$=e(a,m??"",`<svg
+import{template as t}from"@gem-sdk/core";import{getClass as s}from"./common/classes.js";import{getStyle as o}from"./common/styles.js";import{getData as e}from"./common/helpers.js";import{If as r}from"@gem-sdk/system";let l=l=>{let{custom:m,left:i}=l,{isRenderCustomIcon:a}=e(l),{buttonClass:p,buttonContentClass:c}=s(l),{buttonStyle:n,buttonContentStyle:w,innerBorderCss:y}=o(l),$=r(a,m??"",`<svg
       height="100%"
       width="100%"
       xmlns="http://www.w3.org/2000/svg"
@@ -23,4 +23,4 @@ import{template as t}from"@gem-sdk/core";import{getClass as o}from"./common/clas
       <style type="text/css">${y}</style>
       ${d}
     </button>
-  `};export{Arrow as default};
+  `};export{l as default};

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

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

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

@@ -1 +1 @@
-import{DEVICES as e,getResponsiveValueByScreen as t}from"@gem-sdk/core";let getResponsiveSetting=e=>{let t=e.desktop,i=e.tablet?e.tablet:t,l=e.mobile?e.mobile:i;return{desktop:t,tablet:i,mobile:l}},getArrowPositionStyle=({vertical:i,arrowType:l,gapToEachSize:o,left:a})=>{let r={};return e.forEach(e=>{let p=t(i,e,!1),g="desktop"===e?"":`-${e}`;p?(r[`top${g}`]="inside"===l[e]&&a?o+"px":"initial",r[`left${g}`]=a?"initial":"",r[`bottom${g}`]="inside"!==l[e]||a?"initial":o+"px",r[`right${g}`]=a?"":"initial"):(a?(r[`left${g}`]="inside"===l[e]?o+"px":"3px",r[`right${g}`]="initial"):(r[`right${g}`]="inside"===l[e]?o+"px":"3px",r[`left${g}`]="initial"),r[`top${g}`]=a?"initial":"",r[`bottom${g}`]=a?"":"initial")}),r},getClassArrowRotate=(i,l)=>{let o={},a={vertical:{left:{desktop:"gp-rotate-[-90deg]",tablet:"tablet:gp-rotate-[-90deg]",mobile:"mobile:gp-rotate-[-90deg]"},right:{desktop:"gp-rotate-90",tablet:"tablet:gp-rotate-90",mobile:"mobile:gp-rotate-90"}},horizontal:{left:{desktop:"gp-rotate-180",tablet:"tablet:gp-rotate-180",mobile:"mobile:gp-rotate-180"},right:{desktop:"gp-rotate-0",tablet:"tablet:gp-rotate-0",mobile:"mobile:gp-rotate-0"}}};return e.forEach(e=>{let r=t(l,e,!1),p=r?"vertical":"horizontal",g=i?"left":"right",s=a[p][g][e];o[s]=!0}),o},getClassArrowDisplay=t=>{let i={inside:{desktop:"!gp-flex !gp-absolute gp-z-2",tablet:"tablet:!gp-flex tablet:!gp-absolute tablet:gp-z-2",mobile:"mobile:!gp-flex mobile:!gp-absolute mobile:gp-z-2"},outside:{desktop:"!gp-flex !gp-relative",tablet:"tablet:!gp-flex tablet:!gp-relative",mobile:"mobile:!gp-flex mobile:!gp-relative"},none:{desktop:"!gp-hidden",tablet:"tablet:!gp-hidden",mobile:"mobile:!gp-hidden"}},l={};return e.forEach(e=>{let o=t?.[e];o&&i[o]||(o="none");let a=i[o][e];l[a]=!0}),l},getArrowDisplayStyle=i=>{let l={};return e.forEach(e=>{let o=t(i,e,"none");l={...l,[e]:"none"===o?"none":"flex"}}),l},mappingNavigationCarousel=t=>{let i=t=>{let i={...t},l=e.filter(e=>!Object.keys(i).includes(e));return l.forEach(e=>{"tablet"===e&&(i[e]=i.desktop),"mobile"===e&&(i[e]=i.tablet)}),i};if(t?.layout==="vertical"){let{controlOverContent:l,arrow:o}=t,a=i(o),r=i(l),p={};return e.forEach(e=>{a[e]?a[e]&&r[e]?p[e]="inside":p[e]="outside":p[e]="none"}),{...t,navigationStyle:p}}return t},getData=e=>{let t=!!e.custom&&""!==e.custom;return{isRenderCustomIcon:t}},getResponsiveSizeValue=(e,t,i)=>{for(let l of({mobile:["mobile","tablet","desktop"],tablet:["tablet","desktop"],desktop:["desktop"]})[t]){let t=e?.[l]?.[i];if(void 0!==t)return""===t?"auto":t}return"auto"},getResponsiveWidth=e=>({"--w":getResponsiveSizeValue(e,"desktop","width"),"--w-tablet":getResponsiveSizeValue(e,"tablet","width"),"--w-mobile":getResponsiveSizeValue(e,"mobile","width")}),getResponsiveHeight=e=>({"--h":getResponsiveSizeValue(e,"desktop","height"),"--h-tablet":getResponsiveSizeValue(e,"tablet","height"),"--h-mobile":getResponsiveSizeValue(e,"mobile","height")});export{getArrowDisplayStyle,getArrowPositionStyle,getClassArrowDisplay,getClassArrowRotate,getData,getResponsiveHeight,getResponsiveSetting,getResponsiveWidth,mappingNavigationCarousel};
+import{DEVICES as t,getResponsiveValueByScreen as e}from"@gem-sdk/core";let l=t=>{let e=t.desktop,l=t.tablet?t.tablet:e,i=t.mobile?t.mobile:l;return{desktop:e,tablet:l,mobile:i}},i=({vertical:l,arrowType:i,gapToEachSize:o,left:a})=>{let r={};return t.forEach(t=>{let p=e(l,t,!1),b="desktop"===t?"":`-${t}`;p?(r[`top${b}`]="inside"===i[t]&&a?o+"px":"initial",r[`left${b}`]=a?"initial":"",r[`bottom${b}`]="inside"!==i[t]||a?"initial":o+"px",r[`right${b}`]=a?"":"initial"):(a?(r[`left${b}`]="inside"===i[t]?o+"px":"3px",r[`right${b}`]="initial"):(r[`right${b}`]="inside"===i[t]?o+"px":"3px",r[`left${b}`]="initial"),r[`top${b}`]=a?"initial":"",r[`bottom${b}`]=a?"":"initial")}),r},o=(l,i)=>{let o={},a={vertical:{left:{desktop:"gp-rotate-[-90deg]",tablet:"tablet:gp-rotate-[-90deg]",mobile:"mobile:gp-rotate-[-90deg]"},right:{desktop:"gp-rotate-90",tablet:"tablet:gp-rotate-90",mobile:"mobile:gp-rotate-90"}},horizontal:{left:{desktop:"gp-rotate-180",tablet:"tablet:gp-rotate-180",mobile:"mobile:gp-rotate-180"},right:{desktop:"gp-rotate-0",tablet:"tablet:gp-rotate-0",mobile:"mobile:gp-rotate-0"}}};return t.forEach(t=>{let r=e(i,t,!1),p=a[r?"vertical":"horizontal"][l?"left":"right"][t];o[p]=!0}),o},a=e=>{let l={inside:{desktop:"!gp-flex !gp-absolute gp-z-2",tablet:"tablet:!gp-flex tablet:!gp-absolute tablet:gp-z-2",mobile:"mobile:!gp-flex mobile:!gp-absolute mobile:gp-z-2"},outside:{desktop:"!gp-flex !gp-relative",tablet:"tablet:!gp-flex tablet:!gp-relative",mobile:"mobile:!gp-flex mobile:!gp-relative"},none:{desktop:"!gp-hidden",tablet:"tablet:!gp-hidden",mobile:"mobile:!gp-hidden"}},i={};return t.forEach(t=>{let o=e?.[t];o&&l[o]||(o="none");let a=l[o][t];i[a]=!0}),i},r=l=>{let i={};return t.forEach(t=>{let o=e(l,t,"none");i={...i,[t]:"none"===o?"none":"flex"}}),i},p=e=>{let l=e=>{let l={...e},i=t.filter(t=>!Object.keys(l).includes(t));return i.forEach(t=>{"tablet"===t&&(l[t]=l.desktop),"mobile"===t&&(l[t]=l.tablet)}),l};if(e?.layout==="vertical"){let{controlOverContent:i,arrow:o}=e,a=l(o),r=l(i),p={};return t.forEach(t=>{a[t]?a[t]&&r[t]?p[t]="inside":p[t]="outside":p[t]="none"}),{...e,navigationStyle:p}}return e},b=t=>{let e=!!t.custom&&""!==t.custom;return{isRenderCustomIcon:e}},g=(t,e,l)=>{for(let i of({mobile:["mobile","tablet","desktop"],tablet:["tablet","desktop"],desktop:["desktop"]})[e]){let e=t?.[i]?.[l];if(void 0!==e)return""===e?"auto":e}return"auto"},n=t=>({"--w":g(t,"desktop","width"),"--w-tablet":g(t,"tablet","width"),"--w-mobile":g(t,"mobile","width")}),s=t=>({"--h":g(t,"desktop","height"),"--h-tablet":g(t,"tablet","height"),"--h-mobile":g(t,"mobile","height")});export{r as getArrowDisplayStyle,i as getArrowPositionStyle,a as getClassArrowDisplay,o as getClassArrowRotate,b as getData,s as getResponsiveHeight,l as getResponsiveSetting,n as getResponsiveWidth,p as mappingNavigationCarousel};

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

@@ -1,8 +1,8 @@
-import{createStyleReact as e,createStyle as o}from"@gem-sdk/system";import{makeStyle as r,getSingleColorVariable as t,getResponsiveStyleShadowWithoutState as a,getPaddingGlobalSize as i,makeStyleResponsive as l,composeCornerCss as p,composeBorderCss as d}from"@gem-sdk/core";import{getResponsiveWidth as s,getResponsiveHeight as $,getArrowDisplayStyle as n,getArrowPositionStyle as m,getResponsiveSetting as c}from"./helpers.js";let getStyle=(g,b="liquid")=>{let{uid:w,vertical:h,showArrow:u,gapToEachSize:x,left:f,arrowBackgroundColor:k,arrowButtonSize:y,rootId:S,arrowBorder:q,arrowCorner:v,arrowCustomColor:z,arrowIconSize:j,arrowShadow:E}=g,T=r({bg:t(k)}),A=r({c:t(z)}),B=a(E,"box-shadow",E),C=c(q||{}),D=c(v||{}),F=i(y),G=c(j||{}),H=c(u||{}),I=r({v:"hidden"}),J=s(y),K=$(y),L=l("w",G,"px"),M=l("h",G,"px"),N=l("d",n(H)),O=r(m({vertical:h,arrowType:H,gapToEachSize:x??"",left:!!f})),P={...T,...N,...O,...J,...K,...F,...B,..."liquid"===b?I:{}},Q={...A,...L,...M},R="react"===b?e(P):o(P),U="react"===b?e(Q):o(Q),V=`
-      ${S?"."+S:""}.gp-carousel-arrow-${w} {
+import{createStyleReact as e,createStyle as o}from"@gem-sdk/system";import{makeStyle as r,getSingleColorVariable as t,getResponsiveStyleShadowWithoutState as a,getPaddingGlobalSize as i,makeStyleResponsive as l,composeCornerCss as p,composeBorderCss as d}from"@gem-sdk/core";import{getResponsiveWidth as s,getResponsiveHeight as $,getArrowDisplayStyle as n,getArrowPositionStyle as m,getResponsiveSetting as c}from"./helpers.js";let b=(b,g="liquid")=>{let{uid:w,vertical:h,showArrow:u,gapToEachSize:x,left:f,arrowBackgroundColor:k,arrowButtonSize:y,rootId:q,arrowBorder:v,arrowCorner:z,arrowCustomColor:S,arrowIconSize:j,arrowShadow:E}=b,T=r({bg:t(k)}),A=r({c:t(S)}),B=a(E,"box-shadow",E),C=c(v||{}),D=c(z||{}),F=i(y),G=c(j||{}),H=c(u||{}),I=r({v:"hidden"}),J=s(y),K=$(y),L=l("w",G,"px"),M=l("h",G,"px"),N=l("d",n(H)),O=r(m({vertical:h,arrowType:H,gapToEachSize:x??"",left:!!f})),P={...T,...N,...O,...J,...K,...F,...B,..."liquid"===g?I:{}},Q={...A,...L,...M},R="react"===g?e(P):o(P),U="react"===g?e(Q):o(Q),V=`
+      ${q?"."+q:""}.gp-carousel-arrow-${w} {
         ${p(D.desktop)}
       }
-      ${S?"."+S:""}.gp-carousel-arrow-${w}::before {
+      ${q?"."+q:""}.gp-carousel-arrow-${w}::before {
         content: '';
         height: 100%;
         width: 100%;
@@ -13,21 +13,21 @@ import{createStyleReact as e,createStyle as o}from"@gem-sdk/system";import{makeS
         ${p(D.desktop)}
       }
       @media only screen and (max-width: 1024px) and (min-width: 768px) {
-        ${S?"."+S:""}.gp-carousel-arrow-${w} {
+        ${q?"."+q:""}.gp-carousel-arrow-${w} {
           ${p(D.tablet)}
         }
-        ${S?"."+S:""}.gp-carousel-arrow-${w}::before {
+        ${q?"."+q:""}.gp-carousel-arrow-${w}::before {
           ${d(C.tablet)}
           ${p(D.tablet)}
         }
       }
       @media only screen and (max-width: 768px) {
-        ${S?"."+S:""}.gp-carousel-arrow-${w} {
+        ${q?"."+q:""}.gp-carousel-arrow-${w} {
           ${p(D.mobile)}
         }
-        ${S?"."+S:""}.gp-carousel-arrow-${w}::before {
+        ${q?"."+q:""}.gp-carousel-arrow-${w}::before {
           ${d(C.mobile)}
           ${p(D.mobile)}
         }
       }
-    `;return{buttonStyle:R,buttonContentStyle:U,innerBorderCss:V}};export{getStyle};
+    `;return{buttonStyle:R,buttonContentStyle:U,innerBorderCss:V}};export{b as getStyle};

package/dist/esm/carousel-v3/components/dot/Dots.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as o}from"react/jsx-runtime";import{makeStyleResponsive as t,getGlobalColorResponsiveStyle as r,cls as s}from"@gem-sdk/core";import{getData as m}from"./common/helpers.js";import{getDotClass as l}from"./common/classes.js";import{getDotStyle as i}from"./common/styles.js";import{useDotsSetting as a}from"../../hooks/useDotsSetting.js";import{If as c}from"@gem-sdk/system";let Dots=p=>{let{onHandleClick:d,dotSize:n,dotActiveColor:g,dotColor:f}=p,{isLoop:u,checkIsActive:h}=a(p),{checkHidden:j,getDotItems:b}=m(p),k=b(u),{dotClass:y}=l(p),{dotStyle:D}=i(p,"react"),v=()=>e(o,{children:k?.map(o=>{let m=h(o);return e("button",{"aria-label":"Dot",onClick:()=>{d&&d(o,u)},style:{...t("w",n,"px"),...m?r("bg",g):r("bg",f)},className:s("gp-aspect-square gp-w-3 gp-rounded-full gp-shadow-md",{"gem-slider-dot-active":m,"gem-slider-dot-inactive":!m})},o)})});return e(o,{children:c(!j(k),e("div",{className:y,style:D,children:v()}))})};export{Dots as default};
+import{jsx as e,Fragment as o}from"react/jsx-runtime";import{cls as t,getGlobalColorResponsiveStyle as r,makeStyleResponsive as s}from"@gem-sdk/core";import{getData as m}from"./common/helpers.js";import{getDotClass as l}from"./common/classes.js";import{getDotStyle as i}from"./common/styles.js";import{useDotsSetting as a}from"../../hooks/useDotsSetting.js";import{If as c}from"@gem-sdk/system";let p=p=>{let{onHandleClick:d,dotSize:n,dotActiveColor:g,dotColor:f}=p,{isLoop:u,checkIsActive:h}=a(p),{checkHidden:j,getDotItems:b}=m(p),k=b(u),{dotClass:y}=l(p),{dotStyle:v}=i(p,"react");return e(o,{children:c(!j(k),e("div",{className:y,style:v,children:e(o,{children:k?.map(o=>{let m=h(o);return e("button",{"aria-label":"Dot",onClick:()=>{d&&d(o,u)},style:{...s("w",n,"px"),...m?r("bg",g):r("bg",f)},className:t("gp-aspect-square gp-w-3 gp-rounded-full gp-shadow-md",{"gem-slider-dot-active":m,"gem-slider-dot-inactive":!m})},o)})})}))})};export{p as default};

package/dist/esm/carousel-v3/components/dot/Dots.liquid.js

@@ -1,7 +1,7 @@
-import{getResponsiveValueByScreen as o,template as s}from"@gem-sdk/core";import{getDotClass as m}from"./common/classes.js";import{getDotStyle as e}from"./common/styles.js";import{If as r}from"@gem-sdk/system";import{getData as t}from"./common/helpers.js";let Dots=l=>{let p=o(l.loop,"desktop",!1),{checkHidden:i,getDotItems:d}=t(l),c=d(p),{dotClass:f}=m(l),{dotStyle:n}=e(l);return s`
-    ${r(!i(c),s`
+import{getResponsiveValueByScreen as o,template as m}from"@gem-sdk/core";import{getDotClass as s}from"./common/classes.js";import{getDotStyle as e}from"./common/styles.js";import{If as r}from"@gem-sdk/system";import{getData as t}from"./common/helpers.js";let l=l=>{let p=o(l.loop,"desktop",!1),{checkHidden:i,getDotItems:d}=t(l),c=d(p),{dotClass:f}=s(l),{dotStyle:n}=e(l);return m`
+    ${r(!i(c),m`
         <div class="${f}" style="${n}">
           <!-- item render by js -->
         </div>
       `)}
-  `};export{Dots as default};
+  `};export{l as default};

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

@@ -1 +1 @@
-import{DEVICES as t,getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createClass as l}from"@gem-sdk/system";import{DOT_CONTAINER_SELECTOR as o}from"../../../common/helpers.js";let getDotClass=p=>{let{dotStyle:g,vertical:i,className:b,uniqueComponentId:m}=p,a=()=>{let l={},o={inside:{desktop:"gp-absolute",tablet:"tablet:gp-absolute",mobile:"mobile:gp-absolute"},outside:{desktop:"gp-static",tablet:"tablet:gp-static",mobile:"mobile:gp-static"}},p={vertical:{desktop:"gp-flex-col gp-ml-2 gp-w-fit gp-h-full",tablet:"tablet:gp-flex-col tablet:gp-ml-2 tablet:gp-w-fit tablet:gp-h-full",mobile:"mobile:gp-flex-col mobile:gp-ml-2 mobile:gp-w-fit mobile:gp-h-full"},horizontal:{desktop:"gp-flex-row gp-left-0 gp-right-0",tablet:"tablet:gp-flex-row tablet:gp-left-0 tablet:gp-right-0",mobile:"mobile:gp-flex-row mobile:gp-left-0 mobile:gp-right-0"}};return t.forEach(t=>{let b=e(g,t),m=e(i,t),a="inside"===b?"inside":"outside",r=m?"vertical":"horizontal",s=o[a][t],f=p[r][t];l[s]=!0,l[f]=!0}),l},r=l({[`${o} ${o}-${m}`]:!0,"gp-z-2 gp-flex gp-flex-1 gp-items-center gp-justify-center gp-gap-2 gp-text-center":!0,...b&&{[b]:!0},...a()});return{dotClass:r}};export{getDotClass};
+import{DEVICES as t,getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createClass as l}from"@gem-sdk/system";import{DOT_CONTAINER_SELECTOR as o}from"../../../common/helpers.js";let p=p=>{let{dotStyle:g,vertical:i,className:b,uniqueComponentId:m}=p,r=l({[`${o} ${o}-${m}`]:!0,"gp-z-2 gp-flex gp-flex-1 gp-items-center gp-justify-center gp-gap-2 gp-text-center":!0,...b&&{[b]:!0},...(()=>{let l={},o={inside:{desktop:"gp-absolute",tablet:"tablet:gp-absolute",mobile:"mobile:gp-absolute"},outside:{desktop:"gp-static",tablet:"tablet:gp-static",mobile:"mobile:gp-static"}},p={vertical:{desktop:"gp-flex-col gp-ml-2 gp-w-fit gp-h-full",tablet:"tablet:gp-flex-col tablet:gp-ml-2 tablet:gp-w-fit tablet:gp-h-full",mobile:"mobile:gp-flex-col mobile:gp-ml-2 mobile:gp-w-fit mobile:gp-h-full"},horizontal:{desktop:"gp-flex-row gp-left-0 gp-right-0",tablet:"tablet:gp-flex-row tablet:gp-left-0 tablet:gp-right-0",mobile:"mobile:gp-flex-row mobile:gp-left-0 mobile:gp-right-0"}};return t.forEach(t=>{let b=e(g,t),m=e(i,t),r=o["inside"===b?"inside":"outside"][t],a=p[m?"vertical":"horizontal"][t];l[r]=!0,l[a]=!0}),l})()});return{dotClass:r}};export{p as getDotClass};

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

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

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

@@ -1 +1 @@
-import{createStyleReact as e,createStyle as t}from"@gem-sdk/system";import{makeDotGapToCarouselStyle as o,DEVICES as r,getResponsiveValueByScreen as l}from"@gem-sdk/core";let getDotStyle=(m,n)=>{let{dotStyle:d,dotGapToCarousel:g,vertical:s,showDots:f}=m,p="react"===n,y=()=>{let e={};return r.forEach(t=>{let o=l(d,t),r=l(f,t),m="desktop"===t?"":`${t}`;e[`--d${0===m.length?"":"-"+m}`]=o&&"none"!==o&&r?"flex":"none"}),e},c={...o(d,g,s),...y()},k=p?e(c):t(c);return{dotStyle:k}};export{getDotStyle};
+import{createStyleReact as e,createStyle as t}from"@gem-sdk/system";import{makeDotGapToCarouselStyle as o,DEVICES as r,getResponsiveValueByScreen as l}from"@gem-sdk/core";let m=(m,n)=>{let{dotStyle:d,dotGapToCarousel:s,vertical:f,showDots:g}=m,p={...o(d,s,f),...(()=>{let e={};return r.forEach(t=>{let o=l(d,t),r=l(g,t),m="desktop"===t?"":`${t}`;e[`--d${0===m.length?"":"-"+m}`]=o&&"none"!==o&&r?"flex":"none"}),e})()},c="react"===n?e(p):t(p);return{dotStyle:c}};export{m as getDotStyle};

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

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

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

@@ -1,4 +1,4 @@
-import{template as e}from"@gem-sdk/core";import{getStyle as r}from"./common/styles.js";import{getClass as i}from"./common/classes.js";let CarouselItem=d=>{let{builderAttrs:s,index:m,children:a,id:o}=d,{carouselItemStyle:t,carouselItemInnerStyle:l}=r(d),{carouselItemClass:c,carouselItemInnerClass:u}=i(d);return e`
+import{template as e}from"@gem-sdk/core";import{getStyle as r}from"./common/styles.js";import{getClass as i}from"./common/classes.js";let d=d=>{let{builderAttrs:s,index:m,children:a,id:o}=d,{carouselItemStyle:t,carouselItemInnerStyle:l}=r(d),{carouselItemClass:c,carouselItemInnerClass:u}=i(d);return e`
     <div
       ${{...s}}
       id="${o}"
@@ -20,4 +20,4 @@ import{template as e}from"@gem-sdk/core";import{getStyle as r}from"./common/styl
       ${a}
       </div>
     </div>
-  `};export{CarouselItem as default};
+  `};export{d as default};

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

@@ -1 +1 @@
-import{createClass as e}from"@gem-sdk/system";let getClass=l=>{let{parentId:t,parentUid:g,builderProps:i,className:m}=l,s=e({"gem-slider-item gp-w-full":!0,[`gem-slider-item-${t||g}`]:!0,...g&&{[`gp-child-item-${g}`]:!0},...i?.uid&&{[i?.uid]:!0},...m&&{[m]:!0}}),r=e({"gp-w-full gp-h-full":!0});return{carouselItemClass:s,carouselItemInnerClass:r}};export{getClass};
+import{createClass as e}from"@gem-sdk/system";let l=l=>{let{parentId:t,parentUid:i,builderProps:m,className:g}=l,r=e({"gem-slider-item gp-w-full":!0,[`gem-slider-item-${t||i}`]:!0,...i&&{[`gp-child-item-${i}`]:!0},...m?.uid&&{[m?.uid]:!0},...g&&{[g]:!0}}),s=e({"gp-w-full gp-h-full":!0});return{carouselItemClass:r,carouselItemInnerClass:s}};export{l as getClass};

package/dist/esm/carousel-v3/components/item/common/styles.js

@@ -1 +1 @@
-import{makeGlobalSize as e,DEVICES as t,getResponsiveValueByScreen as r,getStyleBackgroundByDevice as o,getGradientBgrStyleByDevice as a,getStyleShadow as s,makeStyle as n,getSingleColorVariable as d,getRadiusStyleActiveState as i}from"@gem-sdk/core";import{createStyle as l}from"@gem-sdk/system";import{getInitialWidthForCarouselItem as k}from"../../../common/helpers.js";let getStyle=(m,p)=>{let{style:c,contentType:u,parentStyle:f,parentSettings:b,background:g,customStyle:h}=m,w=e(f?.itemPadding),P=t.reduce((e,t)=>{if("edit"===p)return{};let o=b?.rtl,a=o?"ml":"mr",s=r(f?.spacing,t);return s?{...e,[`--${a}${"desktop"!==t?`-${t}`:""}`]:s+"px"}:{...e}},{}),y=()=>{let e=["--radius"];return(e.forEach(e=>{delete c?.[e]}),"productImage"===u)?c:{...c,...n({bs:f?.borderContent?.border,bw:f?.borderContent?.width,bc:d(f?.borderContent?.color)}),...i({...f?.roundedContent,active:{...f?.roundedContent||{},radiusType:"custom"}})}},C={...h,...w&&w.padding,...k({spacing:f?.spacing,slidesToShow:b?.itemNumber??b?.slidesToShow,sneakPeak:b?.sneakPeak,sneakPeakType:b?.sneakPeakType,sneakPeakOffsetCenter:b?.sneakPeakOffsetCenter,sneakPeakOffsetForward:b?.sneakPeakOffsetForward,vertical:b?.vertical}),...o(g),...a(g,{desktop:!0,tablet:!0,mobile:!0})},S=l({...s({value:f?.carouselShadow,styleAppliedFor:"box-shadow",isEnableShadow:f?.hasActiveShadow})}),v=l({...C,...y(),...P});return{carouselItemStyle:v,carouselItemInnerStyle:S}};export{getStyle};
+import{makeGlobalSize as e,DEVICES as t,getResponsiveValueByScreen as r,getGradientBgrStyleByDevice as o,getStyleBackgroundByDevice as a,getStyleShadow as s,getRadiusStyleActiveState as d,makeStyle as n,getSingleColorVariable as i}from"@gem-sdk/core";import{createStyle as k}from"@gem-sdk/system";import{getInitialWidthForCarouselItem as l}from"../../../common/helpers.js";let m=(m,p)=>{let{style:c,contentType:f,parentStyle:u,parentSettings:b,background:h,customStyle:w}=m,g=e(u?.itemPadding),P=t.reduce((e,t)=>{if("edit"===p)return{};let o=b?.rtl,a=r(u?.spacing,t);return a?{...e,[`--${o?"ml":"mr"}${"desktop"!==t?`-${t}`:""}`]:a+"px"}:{...e}},{}),C={...w,...g&&g.padding,...l({spacing:u?.spacing,slidesToShow:b?.itemNumber??b?.slidesToShow,sneakPeak:b?.sneakPeak,sneakPeakType:b?.sneakPeakType,sneakPeakOffsetCenter:b?.sneakPeakOffsetCenter,sneakPeakOffsetForward:b?.sneakPeakOffsetForward,vertical:b?.vertical}),...a(h),...o(h,{desktop:!0,tablet:!0,mobile:!0})},y=k({...s({value:u?.carouselShadow,styleAppliedFor:"box-shadow",isEnableShadow:u?.hasActiveShadow})}),S=k({...C,...(["--radius"].forEach(e=>{delete c?.[e]}),"productImage"===f)?c:{...c,...n({bs:u?.borderContent?.border,bw:u?.borderContent?.width,bc:i(u?.borderContent?.color)}),...d({...u?.roundedContent,active:{...u?.roundedContent||{},radiusType:"custom"}})},...P});return{carouselItemStyle:S,carouselItemInnerStyle:y}};export{m as getStyle};

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

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