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

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

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

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

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

package/dist/esm/carousel-v3/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:a,builderProps:g,wrapperClass:i,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=a?.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]]=a?.vertical?.[t],l[e.flex1[t]]=a?.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=a?.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=a?.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=a?.vertical?.[t]?"minHeightNone":"minHeightFull",o=e[p][t];l[o]=!0}),l},w=l({...g?.uid&&{[g.uid]:!0},...i&&{[i]:!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(a?.vertical,"desktop"),"tablet:!gp-flex":e(a?.vertical,"tablet"),"mobile:!gp-flex":e(a?.vertical,"mobile"),...s()}),d=l({"gp-relative gp-overflow-hidden gp-flex gp-items-center gp-justify-between":!0,"!gp-h-full":f,...c(),...n()}),k=l({"gp-group/carousel gp-w-full gp-flex":!0,"!gp-flex-col":e(a?.vertical,"desktop"),"tablet:!flex-col":e(a?.vertical,"tablet"),"mobile:!flex-col":e(a?.vertical,"mobile"),...r&&{[r]:!0},...b?.cssClass&&{[b.cssClass]:!0}}),v=l({"gem-slider-wrapper gp-flex gp-content-start gp-h-full gp-select-none !gp-max-w-none":!0,[x]:!0,...m&&{[m]:!0},...u(),...h()});return{rootClassRender:k,wrapperClassRender:w,wrapperInnerClass:d,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:a,builderProps:g,wrapperClass:i,rootClass:r,advanced:b,fullHeight:f,slidesClass:m}=p,{sliderSelector:x}=t(p),c=l({...g?.uid&&{[g.uid]:!0},...i&&{[i]:!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(a?.vertical,"desktop"),"tablet:!gp-flex":e(a?.vertical,"tablet"),"mobile:!gp-flex":e(a?.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=a?.vertical?.[t]?"flex":"block",o=e[p][t];l[o]=!0}),l})()}),s=l({"gp-relative gp-overflow-hidden 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]]=a?.vertical?.[t],l[e.flex1[t]]=a?.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=a?.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(a?.vertical,"desktop"),"tablet:!flex-col":e(a?.vertical,"tablet"),"mobile:!flex-col":e(a?.vertical,"mobile"),...r&&{[r]:!0},...b?.cssClass&&{[b.cssClass]:!0}}),u=l({"gem-slider-wrapper gp-flex gp-content-start gp-h-full gp-select-none !gp-max-w-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=a?.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=a?.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-v3/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:p,styles:i,moveToIdx:s,isHiddenArrowWhenDisabled:d,renderByLayout:g,rootAttrs:m}=o,n=l??p?.uid,f=`gp-carousel-slider-${p?.uid}`,{enableAction:u={desktop:!0},navigationStyle:c,navigationEnable:k={desktop:!0}}=a??{},y=()=>{let t=a?.loop;return r.forEach(o=>{t={...t,[o]:!!e(u)&&t?.[o]}}),t},h=()=>{let t=c;return r.forEach(o=>{t={...t,[o]:e(k,o)?e(t,o):"none"}}),t},D=t({id:n,moveToIdx:s,isHiddenArrowWhenDisabled:d,setting:a,styles:i,renderByLayout:g,type:m?.type});return{loopConfig:y(),stateData:JSON.stringify(D).replaceAll("'","'"),uniqueComponentId:n,arrowShowConfig:h(),sliderSelector:f}};export{getData};
+import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createStateOrContext as t}from"@gem-sdk/system";let o=o=>{let r=["mobile","tablet","desktop"],{setting:l,rootId:p,builderProps:a,styles:i,moveToIdx:s,isHiddenArrowWhenDisabled:d,renderByLayout:m,rootAttrs:n}=o,f=p??a?.uid,g=`gp-carousel-slider-${a?.uid}`,{enableAction:u={desktop:!0},navigationStyle:c,navigationEnable:k={desktop:!0}}=l??{},y=t({id:f,moveToIdx:s,isHiddenArrowWhenDisabled:d,setting:l,styles:i,renderByLayout:m,type:n?.type});return{loopConfig:(()=>{let t=l?.loop;return r.forEach(o=>{t={...t,[o]:!!e(u)&&t?.[o]}}),t})(),stateData:JSON.stringify(y).replaceAll("'","'"),uniqueComponentId:f,arrowShowConfig:(()=>{let t=c;return r.forEach(o=>{t={...t,[o]:e(k,o)?e(t,o):"none"}}),t})(),sliderSelector:g}};export{o as getData};

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

@@ -1 +1 @@
-import{makeStyleResponsive as t,getHeightByShapeGlobalSize as e,makeStyleWithDefault as o,getWidthByShapeGlobalSize as i,getBgByDevice as r,makeContainerWidthOrHeight as g}from"@gem-sdk/core";import{createStyle as n}from"@gem-sdk/system";let getStyle=a=>{let{styles:d,setting:l,style:c,rootStyles:s}=a,{arrowGapToEachSide:m="16"}=l??{},u=t("h",e(d?.sizeSetting)),k=o("w",i(d?.sizeSetting,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),b=n({...c,...!a?.isProductList&&u,...k,...r({backgroundColor:d?.backgroundColor,backgroundImage:d?.backgroundImage})}),p=n({...g({vertical:l?.vertical,dotStyle:l?.dotStyle}),gap:m+"px"}),w=n({...t("jc",d?.align),...s,...!!a?.isProductList&&u}),S=n({...k,...u}),f=n({overflow:"hidden",flex:1,width:"100%",height:"100%","transition-timing-function":l?.animationMode??"ease"});return{rootStyleRender:w,wrapperStyleRender:b,wrapperInnerStyle:p,sliderStyle:S,sliderWrapperStyle:f}};export{getStyle};
+import{makeStyleResponsive as t,getHeightByShapeGlobalSize as e,makeStyleWithDefault as o,getWidthByShapeGlobalSize as i,getBgByDevice as r,makeContainerWidthOrHeight as g}from"@gem-sdk/core";import{createStyle as n}from"@gem-sdk/system";let a=a=>{let{styles:d,setting:c,style:l,rootStyles:s}=a,{arrowGapToEachSide:m="16"}=c??{},u=t("h",e(d?.sizeSetting)),k=o("w",i(d?.sizeSetting,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),b=n({...l,...!a?.isProductList&&u,...k,...r({backgroundColor:d?.backgroundColor,backgroundImage:d?.backgroundImage})}),p=n({...g({vertical:c?.vertical,dotStyle:c?.dotStyle}),gap:m+"px"}),w=n({...t("jc",d?.align),...s,...!!a?.isProductList&&u}),f=n({...k,...u}),h=n({overflow:"hidden",flex:1,width:"100%",height:"100%","transition-timing-function":c?.animationMode??"ease"});return{rootStyleRender:w,wrapperStyleRender:b,wrapperInnerStyle:p,sliderStyle:f,sliderWrapperStyle:h}};export{a as getStyle};

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

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

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

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import{getStyleSwiperSlider as e}from"./common/styles.js";function SwiperSlide(i){let{children:t,className:l,dir:s,...o}=i,m=e(i);return r("swiper-slide",{class:l,...o,style:m,dir:"ltr",children:t})}export{SwiperSlide};
+import{jsx as r}from"react/jsx-runtime";import{getStyleSwiperSlider as e}from"./common/styles.js";function t(t){let{children:i,className:s,dir:l,...o}=t,m=e(t);return r("swiper-slide",{class:s,...o,style:m,dir:"ltr",children:i})}export{t as SwiperSlide};

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

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

package/dist/esm/carousel-v3/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-v3/hooks/useCarousel.js

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

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

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

package/dist/esm/carousel-v3/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-v3/index.js

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

package/dist/esm/carousel-v3/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 CarouselV3=o(()=>import("./components/root/Carousel.js"),{loading:e}),CarouselItemV3=o(()=>import("./components/item/CarouselItem.js"),{loading:e});var carouselV3={CarouselV3,CarouselItemV3};export{carouselV3 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={CarouselV3:m,CarouselItemV3:r};export{e as default};

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

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

package/dist/esm/carousel-v3/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:"CarouselV3",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:"CarouselV3",label:"Carousel",icon:`
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M4.96586 7.25C4.96586 6.14543 5.86129 5.25 6.96586 5.25H17.0346C18.1391 5.25 19.0346 6.14543 19.0346 7.25V16.7484C19.0346 17.853 18.1391 18.7484 17.0346 18.7484H6.96586C5.86129 18.7484 4.96586 17.853 4.96586 16.7484V7.25ZM9.36039 6.25H6.96586C6.41357 6.25 5.96586 6.69772 5.96586 7.25V16.7484C5.96586 17.3007 6.41357 17.7484 6.96586 17.7484H9.36039L9.36039 6.25ZM10.3604 17.7484V6.25H14.1455V17.7484H10.3604ZM15.1455 17.7484H17.0346C17.5869 17.7484 18.0346 17.3007 18.0346 16.7484V7.25C18.0346 6.69771 17.5869 6.25 17.0346 6.25H15.1455V17.7484ZM3.31666 10.5447C3.51708 10.7346 3.52555 11.0511 3.33558 11.2515L2.61349 12.0133L3.33449 12.7691C3.52509 12.969 3.51762 13.2854 3.31781 13.4761C3.118 13.6667 2.8015 13.6592 2.6109 13.4594L1.693 12.4971C1.43561 12.2273 1.43493 11.803 1.69148 11.5324L2.60981 10.5636C2.79978 10.3632 3.11625 10.3547 3.31666 10.5447ZM20.6827 10.5458C20.8825 10.3552 21.199 10.3627 21.3896 10.5625L22.3075 11.5247C22.5649 11.7946 22.5656 12.2188 22.309 12.4894L21.3907 13.4583C21.2007 13.6587 20.8843 13.6672 20.6839 13.4772C20.4834 13.2872 20.475 12.9707 20.6649 12.7703L21.387 12.0085L20.666 11.2527C20.4754 11.0529 20.4829 10.7364 20.6827 10.5458ZM21.5839 12.215C21.5838 12.2149 21.584 12.2151 21.5839 12.215V12.215Z" fill="white"/>
   </svg>
-  `,settings: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-v3/settings/CarouselItem.js

@@ -1 +1 @@
-let config={tag:"CarouselItemV3",label:"Carousel Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0,notAppendLeftRight:!0}}};export{config as default};
+let e={tag:"CarouselItemV3",label:"Carousel Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0,notAppendLeftRight:!0}}};export{e as default};

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

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

package/dist/esm/carousel-v3/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:!1}}},{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},repeat:"no-repeat",size:"cover",position:{x:50,y:50},attachment:"scroll",preload:!1}}}},{id:"playSpeed",label:"Slide speed",type:"input:slider",useOnlyUnitInit:!0,min:100,max:5e3,step:50,units:["ms"],showDefaultUnit:!0,isNumber:!0,default:500},{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shapeLinked:!1,width:"default",height:"auto"}}},settingConfig:{width:{displayOptions:["full","default"],name:"Width"},height:{displayOptions:["auto","small","medium","large"],name:"Height",sizeConfig:{small:"300px",medium:"500px",large:"700px"}}},hiddenSettings:["padding","gap","shape"]},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}},{id:"borderContent",type:"border-v2",label:"Border",default:{borderType:"none",border:"none",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"line-3",isCustom:!0},compoDefaultValue:{width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"line-3",border:"solid"}},{id:"roundedContent",type:"corner-v2",label:"Corner",default:{radiusType:"none"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"carouselShadow",type:"shadow-v2",label:"Button Shadow",default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!1},compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}},{id:"spacing",label:"Items spacing",type:"input:slider",fallbackValue:"0",min:0,max:80,ignoreMax:!0,devices:{desktop:{default:16}}},{id:"itemPadding",type:"size-setting",devices:{desktop:{default:{padding:{}}}},hiddenSettings:["shape","gap","width","height"],hiddenShowMore:!0}],CarouselSettingsV2=[{id:"setting",controls:CarouselSettingsV2Setting},{id:"style",controls:CarouselSettingsV2Style}];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:!1}}},{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},repeat:"no-repeat",size:"cover",position:{x:50,y:50},attachment:"scroll",preload:!1}}}},{id:"playSpeed",label:"Slide speed",type:"input:slider",useOnlyUnitInit:!0,min:100,max:5e3,step:50,units:["ms"],showDefaultUnit:!0,isNumber:!0,default:500},{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shapeLinked:!1,width:"default",height:"auto"}}},settingConfig:{width:{displayOptions:["full","default"],name:"Width"},height:{displayOptions:["auto","small","medium","large"],name:"Height",sizeConfig:{small:"300px",medium:"500px",large:"700px"}}},hiddenSettings:["padding","gap","shape"]},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}},{id:"borderContent",type:"border-v2",label:"Border",default:{borderType:"none",border:"none",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"line-3",isCustom:!0},compoDefaultValue:{width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"line-3",border:"solid"}},{id:"roundedContent",type:"corner-v2",label:"Corner",default:{radiusType:"none"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"carouselShadow",type:"shadow-v2",label:"Button Shadow",default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!1},compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}},{id:"spacing",label:"Items spacing",type:"input:slider",fallbackValue:"0",min:0,max:80,ignoreMax:!0,devices:{desktop:{default:16}}},{id:"itemPadding",type:"size-setting",devices:{desktop:{default:{padding:{}}}},hiddenSettings:["shape","gap","width","height"],hiddenShowMore:!0}],a=[{id:"setting",controls:t},{id:"style",controls:l}];export{a as CarouselSettingsV2,t as CarouselSettingsV2Setting,l as CarouselSettingsV2Style};

package/dist/esm/carousel-v3/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,popoverLabel:"Button size",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",popoverLabel:"Sneak peek",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,popoverLabel:"Button size",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",popoverLabel:"Sneak peek",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/cart/components/Cart.js

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

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as r}from"react/jsx-runtime";import{useCartData as e}from"@gem-sdk/core";let CartCheckout=()=>{let{data:t}=e();return r("a",{href:t?.checkoutUrl,target:"_blank",rel:"noreferrer",children:"Checkout"})};export{CartCheckout as default};
+import{jsx as r}from"react/jsx-runtime";import{useCartData as e}from"@gem-sdk/core";let t=()=>{let{data:t}=e();return r("a",{href:t?.checkoutUrl,target:"_blank",rel:"noreferrer",children:"Checkout"})};export{t as default};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t}from"react/jsx-runtime";let CartDiscount=()=>t("span",{children:"Comming soon"});export{CartDiscount as default};
+import{jsx as t}from"react/jsx-runtime";let o=()=>t("span",{children:"Comming soon"});export{o as default};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{useCartLine as t}from"@gem-sdk/core";import r from"../../text/components/Text.js";let CartLineAttribute=({styles:a,className:i,style:l,builderProps:m})=>{let n=t();return e("ul",{"data-id":m?.uid,className:i,style:{...l,"--ai":"center"},children:n?.options?.map(t=>e("li",{children:e(r,{styles:a,setting:{htmlTag:"span",text:`${t.name}: ${t.value}`,excludeFlex:!0}})},`${t.name}-${t.value}`))})};export{CartLineAttribute as default};
+import{jsx as e}from"react/jsx-runtime";import{useCartLine as t}from"@gem-sdk/core";import r from"../../text/components/Text.js";let a=({styles:a,className:i,style:l,builderProps:m})=>{let n=t();return e("ul",{"data-id":m?.uid,className:i,style:{...l,"--ai":"center"},children:n?.options?.map(t=>e("li",{children:e(r,{styles:a,setting:{htmlTag:"span",text:`${t.name}: ${t.value}`,excludeFlex:!0}})},`${t.name}-${t.value}`))})};export{a as default};

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

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

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

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

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t}from"react/jsx-runtime";import{useCartLine as e}from"@gem-sdk/core";import a from"../../text/components/Text.js";let CartLineVariant=({styles:r,style:i,className:n,builderProps:m})=>{let o=e();return t("ul",{style:i,className:n,"data-id":m?.uid,children:o?.options?.map(e=>t("li",{children:t(a,{styles:r,setting:{htmlTag:"span",text:o?.variant.name,excludeFlex:!0}})},`${e.name}-${e.value}`))})};export{CartLineVariant as default};
+import{jsx as t}from"react/jsx-runtime";import{useCartLine as e}from"@gem-sdk/core";import r from"../../text/components/Text.js";let a=({styles:a,style:i,className:n,builderProps:m})=>{let o=e();return t("ul",{style:i,className:n,"data-id":m?.uid,children:o?.options?.map(e=>t("li",{children:t(r,{styles:a,setting:{htmlTag:"span",text:o?.variant.name,excludeFlex:!0}})},`${e.name}-${e.value}`))})};export{a as default};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as r,jsxs as t}from"react/jsx-runtime";import"react";import{useCartData as e,CartLineProvider as i,isEmptyChildren as m}from"@gem-sdk/core";import"next/head";import o from"../../grid/components/ChildrenDroppable.js";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import d from"../../grid/components/col/Col.js";let CartList=({builderProps:n,advanced:l,setting:p,styles:a,children:s,...c})=>{let{data:h,error:u}=e();return r("div",{"data-id":n?.uid,...c,children:u?t("div",{children:["Error: ",u.message]}):h?r(d,{styles:a,children:h.lineItems.map(t=>t?r(i,{line:t,children:m(s)?r(o,{}):s},t.id):null)}):r("div",{children:"Cart Empty"})})};export{CartList as default};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import"react";import{useCartData as t,CartLineProvider as i,isEmptyChildren as m}from"@gem-sdk/core";import"next/head";import o from"../../grid/components/ChildrenDroppable.js";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import d from"../../grid/components/col/Col.js";let n=({builderProps:n,advanced:l,setting:p,styles:a,children:s,...c})=>{let{data:h,error:u}=t();return r("div",{"data-id":n?.uid,...c,children:u?e("div",{children:["Error: ",u.message]}):h?r(d,{styles:a,children:h.lineItems.map(e=>e?r(i,{line:e,children:m(s)?r(o,{}):s},e.id):null)}):r("div",{children:"Cart Empty"})})};export{n as default};

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

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

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t}from"react/jsx-runtime";import{useCartData as e}from"@gem-sdk/core";import r from"../../text/components/Text.js";let CartTotalItem=({styles:o,builderProps:m})=>{let{data:s}=e(),a=s?.lineItems.reduce((t,e)=>t+e.quantity,0);return t(r,{builderProps:m,styles:o,setting:{text:a}})};export{CartTotalItem as default};
+import{jsx as t}from"react/jsx-runtime";import{useCartData as e}from"@gem-sdk/core";import r from"../../text/components/Text.js";let o=({styles:o,builderProps:m})=>{let{data:s}=e(),i=s?.lineItems.reduce((t,e)=>t+e.quantity,0);return t(r,{builderProps:m,styles:o,setting:{text:i}})};export{o as default};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{useMemo as r}from"react";import{useCartData as t,useFormatMoney as c}from"@gem-sdk/core";import u from"../../text/components/Text.js";let CartTotalPrice=({setting:l,styles:a,builderProps:o})=>{let{data:i}=t(),n=r(()=>{switch(l?.priceType){case"tax":default:return{value:i?.totalPrice,currency:i?.currency};case"duty":return{value:i?.lineItemsSubtotalPrice,currency:i?.currency};case"subtotal":return{value:i?.subtotalPrice,currency:i?.currency}}},[i?.currency,i?.lineItemsSubtotalPrice,i?.subtotalPrice,i?.totalPrice,l?.priceType]),s=c(n.value||0,!1);return n?e(u,{builderProps:o,styles:a,setting:{text:s,excludeFlex:!0}}):null};export{CartTotalPrice as default};
+import{jsx as e}from"react/jsx-runtime";import{useMemo as r}from"react";import{useCartData as t,useFormatMoney as c}from"@gem-sdk/core";import u from"../../text/components/Text.js";let l=({setting:l,styles:a,builderProps:o})=>{let{data:i}=t(),n=r(()=>{switch(l?.priceType){case"tax":default:return{value:i?.totalPrice,currency:i?.currency};case"duty":return{value:i?.lineItemsSubtotalPrice,currency:i?.currency};case"subtotal":return{value:i?.subtotalPrice,currency:i?.currency}}},[i?.currency,i?.lineItemsSubtotalPrice,i?.subtotalPrice,i?.totalPrice,l?.priceType]),s=c(n.value||0,!1);return n?e(u,{builderProps:o,styles:a,setting:{text:s,excludeFlex:!0}}):null};export{l as default};

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

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

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as o}from"react/jsx-runtime";let CouponList=()=>o("div",{children:o("span",{children:"Comming soon"})});export{CouponList as default};
+import{jsx as o}from"react/jsx-runtime";let e=()=>o("div",{children:o("span",{children:"Comming soon"})});export{e as default};

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

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

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

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

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

@@ -1,16 +1,16 @@
-import{template as s,isLocalEnv as o,baseAssetURL as t}from"@gem-sdk/core";import{createStyle as e,createClass as i,createAttr as r,createStateOrContext as p,If as c}from"@gem-sdk/system";import{getSettingPreloadData as m}from"../../../helpers.js";import{getButtonClasses as l,getButtonWrapperClasses as a}from"./common/classes.js";import{getSPButton as u}from"./common/helpers.js";import{getButtonWrapperStyles as n}from"./common/styles.js";import h from"./icons/DynamicCheckoutBlack.liquid.js";import y from"./icons/DynamicCheckoutPurple.liquid.js";import k from"./icons/DynamicCheckoutWhite.liquid.js";import d from"./icons/ExpressCheckoutBlack.liquid.js";import f from"./icons/ExpressCheckoutPurple.liquid.js";import j from"./icons/ExpressCheckoutWhite.liquid.js";let ShopPayButton=({style:C,styles:g,setting:$,className:E,builderAttrs:b})=>{let S=u({styles:g,buttons:{DynamicCheckoutBlack:h({}),DynamicCheckoutPurple:y({}),DynamicCheckoutWhite:k({}),ExpressCheckoutBlack:d({}),ExpressCheckoutPurple:f({}),ExpressCheckoutWhite:j({})}}),P=e({...n(C,g)}),x=i({...l()}),B=i({...a(E)}),q=r({disabled:!1,"aria-label":"Buy with Shop Pay"}),D=p({setting:JSON.stringify($),shop_url:"{{shop.url}}"});return s`
+import{isLocalEnv as s,baseAssetURL as o,template as t}from"@gem-sdk/core";import{createStyle as e,createClass as i,createAttr as r,createStateOrContext as p,If as c}from"@gem-sdk/system";import{getSettingPreloadData as m}from"../../../helpers.js";import{getButtonClasses as l,getButtonWrapperClasses as a}from"./common/classes.js";import{getSPButton as u}from"./common/helpers.js";import{getButtonWrapperStyles as n}from"./common/styles.js";import h from"./icons/DynamicCheckoutBlack.liquid.js";import k from"./icons/DynamicCheckoutPurple.liquid.js";import y from"./icons/DynamicCheckoutWhite.liquid.js";import d from"./icons/ExpressCheckoutBlack.liquid.js";import f from"./icons/ExpressCheckoutPurple.liquid.js";import j from"./icons/ExpressCheckoutWhite.liquid.js";let C=({style:C,styles:g,setting:$,className:E,builderAttrs:b})=>{let S=u({styles:g,buttons:{DynamicCheckoutBlack:h({}),DynamicCheckoutPurple:k({}),DynamicCheckoutWhite:y({}),ExpressCheckoutBlack:d({}),ExpressCheckoutPurple:f({}),ExpressCheckoutWhite:j({})}}),x=e({...n(C,g)}),P=i({...l()}),q=i({...a(E)}),B=r({disabled:!1,"aria-label":"Buy with Shop Pay"}),D=p({setting:JSON.stringify($),shop_url:"{{shop.url}}"});return t`
     <gp-shop-pay-button
       ${{...b}}
-      style="${P}"
-      class="${B}"
+      style="${x}"
+      class="${q}"
     >
       <script gp-data type="application/json">${D}</script>
       <button
-        ${{...q}}
-        class="${x}"
+        ${{...B}}
+        class="${P}"
       >
         ${S}
       </button>
     </gp-shop-pay-button>
-    ${c(o,`<script ${m('class="gps-link" delay',"src")}="{{ 'gp-shop-pay-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${m('class="gps-link" delay',"src")}="${t}/assets-v2/gp-shop-pay-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `};export{ShopPayButton as default};
+    ${c(s,`<script ${m('class="gps-link" delay',"src")}="{{ 'gp-shop-pay-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${m('class="gps-link" delay',"src")}="${o}/assets-v2/gp-shop-pay-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};export{C as default};

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

@@ -1 +1 @@
-let getButtonWrapperClasses=t=>({...t&&{[t]:!0},"gp-flex":!0}),getButtonClasses=()=>({"disabled:gp-cursor-not-allowed disabled:gp-opacity-50 gp-shop-button":!0});export{getButtonClasses,getButtonWrapperClasses};
+let t=t=>({...t&&{[t]:!0},"gp-flex":!0}),e=()=>({"disabled:gp-cursor-not-allowed disabled:gp-opacity-50 gp-shop-button":!0});export{e as getButtonClasses,t as getButtonWrapperClasses};

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

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

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

@@ -1 +1 @@
-import{makeStyleResponsive as t}from"@gem-sdk/core";let getButtonWrapperStyles=(e,r)=>({...e,...t("jc",r?.align)});export{getButtonWrapperStyles};
+import{makeStyleResponsive as e}from"@gem-sdk/core";let t=(t,r)=>({...t,...e("jc",r?.align)});export{t as getButtonWrapperStyles};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";let BaseIcon=({children:t,...n})=>e("svg",{fill:"none",xmlns:"http://www.w3.org/2000/svg",...n,children:t});export{BaseIcon as default};
+import{jsx as e}from"react/jsx-runtime";let t=({children:t,...r})=>e("svg",{fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:t});export{t as default};

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

@@ -1,5 +1,5 @@
-import{template as e}from"@gem-sdk/core";let BaseIcon=({children:o,...s})=>e`
+import{template as e}from"@gem-sdk/core";let o=({children:o,...s})=>e`
    <svg fill="none" xmlns="http://www.w3.org/2000/svg" ${{...s}}>
    ${o}
  </svg>
-   `;export{BaseIcon as default};
+   `;export{o as default};