@gem-sdk/components 17.0.0-dev.13 → 17.0.0-dev.130

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/classes.js"),s=require("./common/styles.js"),r=require("./common/helpers.js"),l=require("@gem-sdk/system");exports.default=o=>{let{custom:a,left:u}=o,{isRenderCustomIcon:i}=r.getData(o),{buttonClass:c,buttonContentClass:m}=t.getClass(o),{buttonStyle:g,buttonContentStyle:n,innerBorderCss:p}=s.getStyle(o),y=l.If(i,a??"",`<svg
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/classes.js"),s=require("./common/styles.js"),r=require("./common/helpers.js"),l=require("@gem-sdk/system");exports.default=o=>{let{custom:a,left:i}=o,{isRenderCustomIcon:u}=r.getData(o),{buttonClass:c,buttonContentClass:m}=t.getClass({...o,isLiquid:!0}),{buttonStyle:d,buttonContentStyle:g,innerBorderCss:n}=s.getStyle(o),p=l.If(u,a??"",`<svg
       height="100%"
       width="100%"
       xmlns="http://www.w3.org/2000/svg"
@@ -6,21 +6,21 @@
       fill="currentColor"
     >
       <path d="M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z" />
-    </svg>`),d=e.template`
+    </svg>`),y=e.template`
     <div
       class="${m}"
-      style="${n}"
+      style="${g}"
     >
-        ${y||""}
+        ${p||""}
     </div>
   `;return e.template`
     <button
       type="button"
-      aria-label='Carousel ${u?"Back":"Next"} Arrow'
+      aria-label='Carousel ${i?"Back":"Next"} Arrow'
       class="${c}"
-      style="${g}"
+      style="${d}"
     >
-      <style type="text/css">${p}</style>
-      ${d}
+      <style type="text/css">${n}</style>
+      ${y}
     </button>
   `};

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

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

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

@@ -1,33 +1,33 @@
-"use strict";var e=require("@gem-sdk/system"),o=require("@gem-sdk/core"),t=require("./helpers.js");exports.getStyle=(s,r="liquid")=>{let{uid:a,vertical:i,showArrow:l,gapToEachSize:n,left:p,arrowBackgroundColor:g,arrowButtonSize:c,rootId:d,arrowBorder:m,arrowCorner:S,arrowCustomColor:$,arrowIconSize:y,arrowShadow:C}=s,b=o.makeStyle({bg:o.getSingleColorVariable(g)}),h=o.makeStyle({c:o.getSingleColorVariable($)}),u=o.getResponsiveStyleShadowWithoutState(C,"box-shadow",C),w=t.getResponsiveSetting(m||{}),v=t.getResponsiveSetting(S||{}),k=o.getPaddingGlobalSize(c),R=t.getResponsiveSetting(y||{}),x=t.getResponsiveSetting(l||{}),q=o.makeStyle({v:"hidden"}),f=t.getResponsiveWidth(c),z=t.getResponsiveHeight(c),B=o.makeStyleResponsive("w",R,"px"),A=o.makeStyleResponsive("h",R,"px"),P=o.makeStyleResponsive("d",t.getArrowDisplayStyle(x)),V=o.makeStyle(t.getArrowPositionStyle({vertical:i,arrowType:x,gapToEachSize:n??"",left:!!p})),W={...b,...P,...V,...f,...z,...k,...u,..."liquid"===r?q:{}},j={...h,...B,...A},D="react"===r?e.createStyleReact(W):e.createStyle(W),E="react"===r?e.createStyleReact(j):e.createStyle(j),G=`
-      ${d?"."+d:""}.gp-carousel-arrow-${a} {
-        ${o.composeCornerCss(v.desktop)}
+"use strict";var e=require("@gem-sdk/system"),t=require("@gem-sdk/core"),o=require("./helpers.js");exports.getStyle=(s,r="liquid")=>{let{uid:i,vertical:n,showArrow:a,gapToEachSize:l,left:p,arrowBackgroundColor:d,arrowButtonSize:g,rootId:m,arrowBorder:c,arrowCorner:S,arrowCustomColor:y,arrowIconSize:C,arrowShadow:$}=s,b=t.makeStyle({bg:t.getSingleColorVariable(d)}),h=t.makeStyle({c:t.getSingleColorVariable(y)}),v=t.getResponsiveStyleShadowWithoutState($,"box-shadow",$),k=o.getResponsiveSetting(c||{}),R=o.getResponsiveSetting(S||{}),u=t.getPaddingGlobalSize(g),w=o.getResponsiveSetting(C||{}),x=o.getResponsiveSetting(a||{}),q=t.makeStyle({v:"hidden"}),f=o.getResponsiveWidth(g),z=o.getResponsiveHeight(g),B=t.makeStyleResponsive("w",w,"px"),A=t.makeStyleResponsive("h",w,"px"),P=t.makeStyleResponsive("d",o.getArrowDisplayStyle(x)),V=t.makeStyle(o.getArrowPositionStyle({vertical:n,arrowType:x,gapToEachSize:l??"",left:!!p})),W={...b,...P,...V,...f,...z,...u,...v,..."liquid"===r?q:{}},j={...h,...B,...A},D="react"===r?e.createStyleReact(W):e.createStyle(W),E="react"===r?e.createStyleReact(j):e.createStyle(j),G=`button${m?"."+m:""}.gp-carousel-arrow-${i}`,H=`
+      ${G} {
+        ${t.composeCornerCss(R.desktop)}
       }
-      ${d?"."+d:""}.gp-carousel-arrow-${a}::before {
+      ${G}::before {
         content: '';
         height: 100%;
         width: 100%;
         position: absolute;
         pointer-events: none;
         z-index: 10;
-        ${o.composeBorderCss(w.desktop)}
-        ${o.composeCornerCss(v.desktop)}
+        ${t.composeBorderCss(k.desktop)}
+        ${t.composeCornerCss(R.desktop)}
       }
       @media only screen and (max-width: 1024px) and (min-width: 768px) {
-        ${d?"."+d:""}.gp-carousel-arrow-${a} {
-          ${o.composeCornerCss(v.tablet)}
+        ${G} {
+          ${t.composeCornerCss(R.tablet)}
         }
-        ${d?"."+d:""}.gp-carousel-arrow-${a}::before {
-          ${o.composeBorderCss(w.tablet)}
-          ${o.composeCornerCss(v.tablet)}
+        ${G}::before {
+          ${t.composeBorderCss(k.tablet)}
+          ${t.composeCornerCss(R.tablet)}
         }
       }
       @media only screen and (max-width: 768px) {
-        ${d?"."+d:""}.gp-carousel-arrow-${a} {
-          ${o.composeCornerCss(v.mobile)}
+        ${G} {
+          ${t.composeCornerCss(R.mobile)}
         }
-        ${d?"."+d:""}.gp-carousel-arrow-${a}::before {
-          ${o.composeBorderCss(w.mobile)}
-          ${o.composeCornerCss(v.mobile)}
+        ${G}::before {
+          ${t.composeBorderCss(k.mobile)}
+          ${t.composeCornerCss(R.mobile)}
         }
       }
-    `;return{buttonStyle:D,buttonContentStyle:E,innerBorderCss:G}};
+    `;return{buttonStyle:D,buttonContentStyle:E,innerBorderCss:H}};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),s=require("@gem-sdk/system"),t=require("../../../helpers.js"),r=require("./common/classes.js"),a=require("./common/helpers.js"),u=require("./common/styles.js"),i=require("./icons/DynamicCheckoutBlack.liquid.js"),l=require("./icons/DynamicCheckoutPurple.liquid.js"),o=require("./icons/DynamicCheckoutWhite.liquid.js"),c=require("./icons/ExpressCheckoutBlack.liquid.js"),p=require("./icons/ExpressCheckoutPurple.liquid.js"),n=require("./icons/ExpressCheckoutWhite.liquid.js");exports.default=({style:d,styles:h,setting:y,className:k,builderAttrs:g})=>{let q=a.getSPButton({styles:h,buttons:{DynamicCheckoutBlack:i.default({}),DynamicCheckoutPurple:l.default({}),DynamicCheckoutWhite:o.default({}),ExpressCheckoutBlack:c.default({}),ExpressCheckoutPurple:p.default({}),ExpressCheckoutWhite:n.default({})}}),m=s.createStyle({...u.getButtonWrapperStyles(d,h)}),C=s.createClass({...r.getButtonClasses()}),f=s.createClass({...r.getButtonWrapperClasses(k)}),j=s.createAttr({disabled:!1,"aria-label":"Buy with Shop Pay"}),S=s.createStateOrContext({setting:JSON.stringify(y),shop_url:"{{shop.url}}"});return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),s=require("@gem-sdk/system"),t=require("../../../helpers.js"),r=require("./common/classes.js"),a=require("./common/helpers.js"),i=require("./common/styles.js"),u=require("./icons/DynamicCheckoutBlack.liquid.js"),l=require("./icons/DynamicCheckoutPurple.liquid.js"),c=require("./icons/DynamicCheckoutWhite.liquid.js"),o=require("./icons/ExpressCheckoutBlack.liquid.js"),p=require("./icons/ExpressCheckoutPurple.liquid.js"),n=require("./icons/ExpressCheckoutWhite.liquid.js");exports.default=({style:d,styles:h,setting:y,className:k,builderAttrs:g})=>{let q=a.getSPButton({styles:h,buttons:{DynamicCheckoutBlack:u.default({}),DynamicCheckoutPurple:l.default({}),DynamicCheckoutWhite:c.default({}),ExpressCheckoutBlack:o.default({}),ExpressCheckoutPurple:p.default({}),ExpressCheckoutWhite:n.default({})}}),m=s.createStyle({...i.getButtonWrapperStyles(d,h)}),C=s.createClass({...r.getButtonClasses()}),f=s.createClass({...r.getButtonWrapperClasses(k)}),j=s.createAttr({disabled:!1,"aria-label":"Buy with Shop Pay"}),S=s.createStateOrContext({setting:JSON.stringify(y),shop_url:"{{shop.url}}"});return e.template`
     <gp-shop-pay-button
       ${{...g}}
       style="${m}"
       class="${f}"
-      gp-data='${S}'
     >
+      <script gp-data type="application/json">${S}</script>
       <button
         ${{...j}}
         class="${C}"

package/dist/cjs/cart/index.js

@@ -1 +1 @@
-"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube"),require("../image/components/AdaptiveImage.js");var e=require("./components/shop-pay-button/ShopPayButton.js"),t=require("./settings/Cart.js"),r=require("./settings/CartLinePrice.js"),i=require("./settings/CartLineVariant.js"),s=require("./settings/CartList.js"),a=require("./settings/CartLineImage.js"),u=require("./settings/CartTotalPrice.js"),n=require("./settings/CartTotalItem.js"),o=require("./settings/CartCheckout.js"),C=require("./settings/DiscountInput.js"),q=require("./settings/CartDiscount.js"),g=require("./settings/CartOrderNote.js"),d=require("./settings/CartLineAttribute.js"),l=require("./settings/CouponList.js"),c=require("./settings/ShopPayButton.js");const j={Cart:t.default,CartList:s.default,CartLinePrice:r.default,CartLineVariant:i.default,CartLineImage:a.default,CartTotalPrice:u.default,CartTotalItem:n.default,CartCheckout:o.default,DiscountInput:C.default,CartDiscount:q.default,CartOrderNote:g.default,CartLineAttribute:d.default,CouponList:l.default,ShopPayButton:c.default};exports.ShopPayButton=e.default,exports.cartSetting=j;
+"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube"),require("../grid/components/section/lazyload/lazyInteractionTrigger.js"),require("../image/components/AdaptiveImage.js");var e=require("./components/shop-pay-button/ShopPayButton.js"),t=require("./settings/Cart.js"),r=require("./settings/CartLinePrice.js"),i=require("./settings/CartLineVariant.js"),s=require("./settings/CartList.js"),a=require("./settings/CartLineImage.js"),u=require("./settings/CartTotalPrice.js"),n=require("./settings/CartTotalItem.js"),o=require("./settings/CartCheckout.js"),C=require("./settings/DiscountInput.js"),g=require("./settings/CartDiscount.js"),q=require("./settings/CartOrderNote.js"),d=require("./settings/CartLineAttribute.js"),l=require("./settings/CouponList.js"),c=require("./settings/ShopPayButton.js");const j={Cart:t.default,CartList:s.default,CartLinePrice:r.default,CartLineVariant:i.default,CartLineImage:a.default,CartTotalPrice:u.default,CartTotalItem:n.default,CartCheckout:o.default,DiscountInput:C.default,CartDiscount:g.default,CartOrderNote:q.default,CartLineAttribute:d.default,CouponList:l.default,ShopPayButton:c.default};exports.ShopPayButton=e.default,exports.cartSetting=j;

package/dist/cjs/code/common/styles.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),r=require("../../helpers.js"),t=require("../settings/configs/translate.js");exports.getCodeStyle=({setting:a,style:s,isLiquid:i,uid:n,pageContext:l,type:d="React"})=>{let{background:g}=a??{},o="Liquid"===d?r.getBackgroundTranslated({background:g,uid:n,enableTranslate:!!t.CSSCode?.background?.id,pageContext:l,isTranslateVideo:!1}):g;return{...s,...e.makeStyleResponsive("ta",a?.align),...e.getStyleBackgroundByDevice(o||g,{liquid:i})}};
+"use strict";var e=require("@gem-sdk/core"),t=require("../../helpers.js"),r=require("../settings/configs/translate.js");exports.getCodeStyle=({setting:a,style:i,isLiquid:s,uid:l,pageContext:n,type:d="React"})=>{let{background:g}=a??{},o="Liquid"===d?t.getBackgroundTranslated({background:g,uid:l,enableTranslate:!!r.CSSCode?.background?.id,pageContext:n,isTranslateVideo:!1})??g:g,u={...e.getStyleBackgroundByDevice(o,{liquid:s}),...e.getGradientBgrStyleByDevice(o,{desktop:!0,tablet:!0,mobile:!0})};return{...i,...e.makeStyleResponsive("ta",a?.align),...u}};

package/dist/cjs/collection/components/collection-description/CollectionDescription.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("./common/styles.js"),r=require("./common/classes.js"),l=require("@gem-sdk/system"),a=require("./common/helpers.js"),i=require("../../hooks/useDescription.js");exports.default=({setting:o,builderProps:n,pageContext:c,advanced:m})=>{let{isPreviewSharePageMode:d}=s.useRenderMode(),u=s.useCollection(),{ref:C,open:p,isShowViewMore:g,handleToggleShowMore:y,hasLineClamp:x}=i.useGpDescription(o),h=u?.descriptionHtml,j=l.createClass(r.getClassContainerCollectionDes({setting:o})),S=l.createClass(r.getClassEmptyCollectionDes()),M=l.createClass(r.getClassButtonViewMore({setting:o})),I=l.createClass(r.getDescriptionClasses({advanced:m})),f=l.createClass({...r.getShowMoreIconClasses(),...p?{"gp-rotate-180":!0}:{}}),_=l.createClass(r.getShowMoreTextClasses()),v=l.createClass(r.getClassPreBuilt()),D=l.createStyle({...t.getDefaultStyleCollectionDes({setting:o}),...p?{}:s.makeStyleResponsive("line-clamp",s.makeLineClamp(o?.lineClamp,o?.hasLineClamp))}),N=l.createStyle({...t.getStyleDefaultViewMore(o)}),q=a.getViewLessText({setting:o,builderProps:n,pageContext:c,type:"react"}),w=a.getViewMoreText({setting:o,builderProps:n,pageContext:c,type:"react"}),T=l.createAttr({"data-id":`${n?.uid}`}),k=l.createAttr({"data-gp-text":""}),{gpDescriptionCss:L,textDescriptionCss:V}=t.getStaticCss(),H=d?"":e.jsx("div",{className:S,dangerouslySetInnerHTML:{__html:"This collection does not have a description"}});return e.jsx(e.Fragment,{children:l.If(!h,H,e.jsxs("div",{...T,className:I,children:[e.jsx("style",{children:V}),e.jsx("style",{children:L}),e.jsx("div",{className:v}),e.jsx("div",{ref:C,className:j,style:D,dangerouslySetInnerHTML:{__html:u?.descriptionHtml??""},...k}),l.If(x&&g,e.jsxs("button",{type:"button",className:M,style:N,onClick:y,children:[e.jsx("span",{className:_,children:l.If(p,q?.toString()??"",w?.toString()??"")}),l.If(o?.enableViewMoreIcon,e.jsx("span",{className:f,dangerouslySetInnerHTML:{__html:a.ICON_SVG}}),"")]}),"")]}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("./common/styles.js"),r=require("./common/classes.js"),l=require("@gem-sdk/system"),a=require("./common/helpers.js"),i=require("../../hooks/useDescription.js");exports.default=({setting:o,builderProps:n,pageContext:c,advanced:m})=>{let{isPreviewSharePageMode:d}=s.useRenderMode(),u=s.useCollection(),{ref:C,open:p,isShowViewMore:g,handleToggleShowMore:y,hasLineClamp:x}=i.useGpDescription(o),h=s.t("This collection does not have a description"),j=u?.descriptionHtml,S=l.createClass(r.getClassContainerCollectionDes({setting:o})),M=l.createClass(r.getClassEmptyCollectionDes()),I=l.createClass(r.getClassButtonViewMore({setting:o})),f=l.createClass(r.getDescriptionClasses({advanced:m})),_=l.createClass({...r.getShowMoreIconClasses(),...p?{"gp-rotate-180":!0}:{}}),v=l.createClass(r.getShowMoreTextClasses()),D=l.createClass(r.getClassPreBuilt()),N=l.createStyle({...t.getDefaultStyleCollectionDes({setting:o}),...p?{}:s.makeStyleResponsive("line-clamp",s.makeLineClamp(o?.lineClamp,o?.hasLineClamp))}),q=l.createStyle({...t.getStyleDefaultViewMore(o)}),w=a.getViewLessText({setting:o,builderProps:n,pageContext:c,type:"react"}),T=a.getViewMoreText({setting:o,builderProps:n,pageContext:c,type:"react"}),k=l.createAttr({"data-id":`${n?.uid}`}),L=l.createAttr({"data-gp-text":""}),{gpDescriptionCss:V,textDescriptionCss:H}=t.getStaticCss(),b=d?"":e.jsx("div",{className:M,dangerouslySetInnerHTML:{__html:h}});return e.jsx(e.Fragment,{children:l.If(!j,b,e.jsxs("div",{...k,className:f,children:[e.jsx("style",{children:H}),e.jsx("style",{children:V}),e.jsx("div",{className:D}),e.jsx("div",{ref:C,className:S,style:N,dangerouslySetInnerHTML:{__html:u?.descriptionHtml??""},...L}),l.If(x&&g,e.jsxs("button",{type:"button",className:I,style:q,onClick:y,children:[e.jsx("span",{className:v,children:l.If(p,w?.toString()??"",T?.toString()??"")}),l.If(o?.enableViewMoreIcon,e.jsx("span",{className:_,dangerouslySetInnerHTML:{__html:a.ICON_SVG}}),"")]}),"")]}))})};

package/dist/cjs/collection/components/collection-description/CollectionDescription.liquid.js

@@ -1,20 +1,19 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("./common/styles.js"),l=require("@gem-sdk/system"),i=require("./common/classes.js"),a=require("./common/helpers.js");exports.default=({setting:r,advanced:o,builderProps:n,pageContext:c})=>{let p=l.createClass(i.getClassContainerCollectionDes({setting:r})),d=l.createClass(i.getClassButtonViewMore({setting:r})),g=l.createClass(i.getDescriptionClasses({advanced:o})),$=l.createClass(i.getShowMoreIconClasses()),u=l.createClass(i.getShowMoreTextClasses()),C=l.createClass(i.getClassPreBuilt()),m=l.createStyle({...s.getDefaultStyleCollectionDes({setting:r}),...e.makeStyleResponsive("line-clamp",e.makeLineClamp(r?.lineClamp,r?.hasLineClamp))}),v=l.createStyle({...s.getStyleDefaultViewMore(r)}),y=a.getViewLessText({setting:r,builderProps:n,pageContext:c,type:"liquid"}),S=a.getViewMoreText({setting:r,builderProps:n,pageContext:c,type:"liquid"}),w=l.createAttr({"data-id":`${n?.uid}`,"view-more-text":`${c?.isPreviewing?S:`{{${S}}}`}`,"view-less-text":`${c?.isPreviewing?y:`{{${y}}}`}`}),f=l.createAttr({"data-gp-text":""}),{gpDescriptionCss:q,textDescriptionCss:x}=s.getStaticCss(),L=l.createStateOrContext({setting:{lineClamp:r?.lineClamp,hasLineClamp:r?.hasLineClamp,viewMoreText:S,viewLessText:y,enableViewMoreIcon:r?.enableViewMoreIcon},textStyle:m});return l.If(!1,"",l.Liquid(e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("./common/styles.js"),i=require("@gem-sdk/system"),l=require("./common/classes.js"),a=require("./common/helpers.js");exports.default=({setting:r,advanced:o,builderProps:n,pageContext:c})=>{let p=i.createClass(l.getClassContainerCollectionDes({setting:r})),d=i.createClass(l.getClassButtonViewMore({setting:r})),g=i.createClass(l.getDescriptionClasses({advanced:o})),$=i.createClass(l.getShowMoreIconClasses()),u=i.createClass(l.getShowMoreTextClasses()),C=i.createClass(l.getClassPreBuilt()),m=i.createStyle({...s.getDefaultStyleCollectionDes({setting:r}),...e.makeStyleResponsive("line-clamp",e.makeLineClamp(r?.lineClamp,r?.hasLineClamp))}),v=i.createStyle({...s.getStyleDefaultViewMore(r)}),y=a.getViewLessText({setting:r,builderProps:n,pageContext:c,type:"liquid"}),S=a.getViewMoreText({setting:r,builderProps:n,pageContext:c,type:"liquid"}),w=i.createAttr({"data-id":`${n?.uid}`,"view-more-text":`${c?.isPreviewing?S:`{{${S}}}`}`,"view-less-text":`${c?.isPreviewing?y:`{{${y}}}`}`}),f=i.createAttr({"data-gp-text":""}),{gpDescriptionCss:q,textDescriptionCss:x}=s.getStaticCss(),L=i.createStateOrContext({setting:{lineClamp:r?.lineClamp,hasLineClamp:r?.hasLineClamp,viewMoreText:S,viewLessText:y,enableViewMoreIcon:r?.enableViewMoreIcon},textStyle:m});return i.If(!1,"",i.Liquid(e.template`
     <gp-collection-description
       ${w}
       class="${g}"
-      gp-data='${JSON.stringify(L).replaceAll("'","&#039;")}'
     >
-      <style>${x}</style>
-      <style>${q}</style>
+      <script gp-data type="application/json">${JSON.stringify(L).replaceAll("'","&#039;")}</script>
+      <style>${x}${q}</style>
       <div class="${C}" ></div>
-      ${l.LiquidUnless("collection","<p>Collection not found</p>",e.template`<div ${f} class="${p}" style="${m}">
+      ${i.LiquidUnless("collection","<p>Collection not found</p>",e.template`<div ${f} class="${p}" style="${m}">
           {{collection.description}}
         </div>
-        ${l.LiquidIf("collection.description != blank",e.template`<button type="button" class="${d}" style="${v}">
+        ${i.LiquidIf("collection.description != blank",e.template`<button type="button" class="${d}" style="${v}">
           <span class="${u}">
-            ${l.If(c?.isPreviewing,S?.toString()||"",`{{${S}}}`)}
+            ${i.If(c?.isPreviewing,S?.toString()||"",`{{${S}}}`)}
           </span>
-          ${l.If(r?.enableViewMoreIcon,e.template`<span class="${$}">${a.ICON_SVG}</span>`," ")}
+          ${i.If(r?.enableViewMoreIcon,e.template`<span class="${$}">${a.ICON_SVG}</span>`," ")}
           </button>`)}`)}
     </gp-collection-description>
     ${(()=>{let s=e.isLocalEnv?"{{ 'gp-collection-description-v7-5.js' | asset_url }}":`${e.baseAssetURL}/assets-v2/gp-collection-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="${s}" defer="defer"></script>`})()}

package/dist/cjs/collection/components/collection-paginator/CollectionPaginator.liquid.js

@@ -1,7 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("./common/helpers.js"),l=require("./common/classes.js"),a=require("@gem-sdk/system");exports.default=({setting:r,builderProps:o,pageContext:i})=>{let{typographyPaginator:c,activeColor:p,align:g,typo:d,normalColor:n}=r??{},S=a.createStyle({...e.composeTypographyStyle(d,c)}),C=a.createStyle({normalColorClass:e.getGlobalColorClass("text",n),activeColorClass:e.getGlobalColorClass("text",p),normalColorStyle:e.getGlobalColorCSSProp(n)??"",activeColorStyle:e.getGlobalColorCSSProp(p)??""}),u=a.createClass({...l.customClass("",void 0,r)}),m={...C,customStyle:S,addedClass:u},y=s.renderPaginatorItem({setting:r,builderProps:o,pageContext:i},"liquid"),v=a.createClass({...l.getPaginatorWrapperClass()}),$=a.createClass({...l.getPaginatorClass()}),f=a.createStyle({...e.makeStyleResponsive("ta",g),...m.customStyle}),P=a.createStateOrContext({setting:r,styleSetting:m,uid:o?.uid});return e.template`
-    <gp-collection-paginator gp-data='${JSON.stringify(P).replaceAll("'","&#039;")}' id="${o?.uid}" >
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("./common/helpers.js"),l=require("./common/classes.js"),a=require("@gem-sdk/system");exports.default=({setting:r,builderProps:o,pageContext:i})=>{let{typographyPaginator:c,activeColor:p,align:n,typo:g,normalColor:d}=r??{},S=a.createStyle({...e.composeTypographyStyle(g,c)}),C=a.createStyle({normalColorClass:e.getGlobalColorClass("text",d),activeColorClass:e.getGlobalColorClass("text",p),normalColorStyle:e.getGlobalColorCSSProp(d)??"",activeColorStyle:e.getGlobalColorCSSProp(p)??""}),u=a.createClass({...l.customClass("",void 0,r)}),y={...C,customStyle:S,addedClass:u},m=s.renderPaginatorItem({setting:r,builderProps:o,pageContext:i},"liquid"),v=a.createClass({...l.getPaginatorWrapperClass()}),$=a.createClass({...l.getPaginatorClass()}),f=a.createStyle({...e.makeStyleResponsive("ta",n),...y.customStyle}),P=a.createStateOrContext({setting:r,styleSetting:y,uid:o?.uid});return e.template`
+    <gp-collection-paginator id="${o?.uid}">
+    <script gp-data type="application/json">${JSON.stringify(P).replaceAll("'","&#039;")}</script>
       <div class="${$}" style="${f}">
-        <div class="${v}">${y}</div>
+        <div class="${v}">${m}</div>
       </div>
     </gp-collection-paginator>
     ${e.RenderIf(e.isLocalEnv,`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-collection-paginator-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-collection-paginator-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}

package/dist/cjs/collection/components/collection-toolbar/CollectionToolbar.liquid.js

@@ -3,8 +3,8 @@
       class="${p}"
       style="${v}"
       id="${i?.uid}"
-      gp-data='${JSON.stringify(_)}'
     >
+      <script gp-data type="application/json">${JSON.stringify(_)}</script>
       <div class="${d}" style="${b}" >
         <div class="${u}">
           <select id="sorting" class="${g}" style="${$}" >

package/dist/cjs/collection/index.js

@@ -1 +1 @@
-"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("react"),require("@gem-sdk/system"),require("next/link"),require("next/head"),require("next/image"),require("react-youtube"),require("html-react-parser");var e=require("./settings/collection-title/CollectionTitle.js"),t=require("./settings/collection-banner/CollectionBanner.js"),i=require("./settings/collection-description/CollectionDescription.js"),r=require("./settings/collection-toolbar/CollectionToolbar.js"),o=require("./settings/collection-paginator/CollectionPaginator.js");const l={CollectionTitle:e.default,CollectionBanner:t.default,CollectionDescription:i.default,CollectionToolbar:r.default,CollectionPaginator:o.default};exports.collectionSetting=l;
+"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("react"),require("@gem-sdk/system"),require("next/link"),require("next/head"),require("next/image"),require("react-youtube"),require("../grid/components/section/lazyload/lazyInteractionTrigger.js"),require("html-react-parser");var e=require("./settings/collection-title/CollectionTitle.js"),t=require("./settings/collection-banner/CollectionBanner.js"),i=require("./settings/collection-description/CollectionDescription.js"),r=require("./settings/collection-toolbar/CollectionToolbar.js"),o=require("./settings/collection-paginator/CollectionPaginator.js");const l={CollectionTitle:e.default,CollectionBanner:t.default,CollectionDescription:i.default,CollectionToolbar:r.default,CollectionPaginator:o.default};exports.collectionSetting=l;

package/dist/cjs/collection/settings/collection-banner/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{controls:[{setting:{id:"layout"},layout:"vertical",options:{fullWidth:!0}}]},{label:"Column spacing",conditionDisplay:"!!layout.cols && layout.cols.length > 1",controls:[{label:"Column gap",setting:{id:"verticalGutter"}}]},{label:"Collection image",controls:[{label:"Image",layout:"horizontal",setting:{id:"background"}},{type:"combo",comboType:"color",label:"Overlay",getValueFromSettingID:"overlayColor.normal",disableScrollbar:!0,compoDefaultValue:"#121212",popoverLabel:"Overlay",controls:[{label:"color",setting:{id:"overlayColor",state:"normal"}},{label:"opacity",setting:{id:"overlayOpacity",state:"normal"}}]}]},{label:"Size",controls:[{label:"Fit height to content",setting:{id:"fixedMode"}},{label:"Height",conditionDisplay:"fixedMode==false",setting:{id:"height"}}]},{label:"Content",controls:[{label:"Content width",setting:{id:"width"}},{label:"Content align",setting:{id:"contentPosition"}}]},{label:"Effect",controls:[{label:"Hover effect",setting:{id:"hoverEffect"}},{label:"Zoom value",conditionDisplay:'hoverEffect=="zoom"',setting:{id:"hoverScale"}},{label:"Zoom time",conditionDisplay:'hoverEffect=="zoom"',setting:{id:"hoverDuration"}}]},{label:"Align column",controls:[{label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"!!layout.cols && layout.cols.length > 1"}]}];
+"use strict";exports.SettingUIV2=[{hiddenOnMobile:!0,controls:[{setting:{id:"layout"},layout:"vertical",options:{fullWidth:!0}}]},{label:"Column spacing",hiddenOnMobile:!0,conditionDisplay:"!!layout.cols && layout.cols.length > 1",controls:[{label:"Column gap",setting:{id:"verticalGutter"}}]},{label:"Collection image",hiddenOnMobile:!0,controls:[{label:"Image",layout:"horizontal",setting:{id:"background"}},{type:"combo",comboType:"color",label:"Overlay",getValueFromSettingID:"overlayColor.normal",disableScrollbar:!0,compoDefaultValue:"#121212",popoverLabel:"Overlay",controls:[{label:"color",setting:{id:"overlayColor",state:"normal"}},{label:"opacity",setting:{id:"overlayOpacity",state:"normal"}}]}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Fit height to content",setting:{id:"fixedMode"}},{label:"Height",conditionDisplay:"fixedMode==false",setting:{id:"height"}}]},{label:"Content",hiddenOnMobile:!0,controls:[{label:"Content width",setting:{id:"width"}},{label:"Content align",setting:{id:"contentPosition"}}]},{label:"Effect",hiddenOnMobile:!0,controls:[{label:"Hover effect",setting:{id:"hoverEffect"}},{label:"Zoom value",conditionDisplay:'hoverEffect=="zoom"',setting:{id:"hoverScale"}},{label:"Zoom time",conditionDisplay:'hoverEffect=="zoom"',setting:{id:"hoverDuration"}}]},{label:"Align column",hiddenOnMobile:!0,controls:[{label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"!!layout.cols && layout.cols.length > 1"}]}];

package/dist/cjs/collection/settings/collection-description/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Text style",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"View more button",setting:{id:"hasLineClamp"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Text color",setting:{id:"showMoreColor"},conditionDisplay:"hasLineClamp == true"},{label:"Max lines",setting:{id:"lineClamp"},conditionDisplay:"hasLineClamp == true"},{type:"combo",label:"Show more label",iconName:"polaris-text-block",getValueFromSettingID:"viewMoreText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Show more",popoverLabel:"Show more label",controls:[{layout:"vertical",label:"Content",setting:{id:"viewMoreText"}}],conditionDisplay:"hasLineClamp == true"},{type:"combo",label:"Show less label",iconName:"polaris-text-block",getValueFromSettingID:"viewLessText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Show less",popoverLabel:"Show less label",controls:[{layout:"vertical",label:"Content",setting:{id:"viewLessText"}}],conditionDisplay:"hasLineClamp == true"},{label:"Icon",setting:{id:"enableViewMoreIcon"},conditionDisplay:"hasLineClamp == true"}]}];
+"use strict";exports.SettingUIV2=[{label:"Text style",hiddenOnMobile:!0,controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{hiddenOnMobile:!0,controls:[{label:"View more button",setting:{id:"hasLineClamp"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Text color",setting:{id:"showMoreColor"},conditionDisplay:"hasLineClamp == true"},{label:"Max lines",setting:{id:"lineClamp"},conditionDisplay:"hasLineClamp == true"},{type:"combo",label:"Show more label",iconName:"polaris-text-block",getValueFromSettingID:"viewMoreText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Show more",popoverLabel:"Show more label",controls:[{layout:"vertical",label:"Content",setting:{id:"viewMoreText"}}],conditionDisplay:"hasLineClamp == true"},{type:"combo",label:"Show less label",iconName:"polaris-text-block",getValueFromSettingID:"viewLessText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Show less",popoverLabel:"Show less label",controls:[{layout:"vertical",label:"Content",setting:{id:"viewLessText"}}],conditionDisplay:"hasLineClamp == true"},{label:"Icon",setting:{id:"enableViewMoreIcon"},conditionDisplay:"hasLineClamp == true"}]}];

package/dist/cjs/collection/settings/collection-paginator/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Display",controls:[{label:"Layout",setting:{id:"layout"}},{conditionDisplay:'layout != "simple"',label:"Button shape",setting:{id:"buttonShape"}},{conditionDisplay:'layout != "simple"',label:"Button size",setting:{id:"buttonSizeNumber"}},{label:"Item spacing",setting:{id:"itemSpacing"}}]},{label:"Preview mode",controls:[{label:"Page quantity",setting:{id:"pageQuantity"}}]},{label:"Button Content",controls:[{type:"combo",label:"Previous",iconName:"polaris-text-block",getValueFromSettingID:"previousText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"PREVIOUS",popoverLabel:"Previous",controls:[{layout:"vertical",label:"Content",setting:{id:"previousText"}}]},{type:"combo",label:"Next",iconName:"polaris-text-block",getValueFromSettingID:"nextText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"NEXT",popoverLabel:"Next",controls:[{layout:"vertical",label:"Content",setting:{id:"nextText"}}]}]},{label:"Text style",controls:[{setting:{id:"typo"},layout:"vertical",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"normalColor"}]},controlChangeTrigger:{settings:[{action:{controlId:"normalColor",valueFromField:"attrs.color",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"Active effect",controls:[{label:"Text color",setting:{id:"activeColor"}}]},{controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];
+"use strict";exports.SettingUIV2=[{label:"Display",hiddenOnMobile:!0,controls:[{label:"Layout",setting:{id:"layout"}},{conditionDisplay:'layout != "simple"',label:"Button shape",setting:{id:"buttonShape"}},{conditionDisplay:'layout != "simple"',label:"Button size",setting:{id:"buttonSizeNumber"}},{label:"Item spacing",setting:{id:"itemSpacing"}}]},{label:"Preview mode",hiddenOnMobile:!0,controls:[{label:"Page quantity",setting:{id:"pageQuantity"}}]},{label:"Button Content",hiddenOnMobile:!0,controls:[{type:"combo",label:"Previous",iconName:"polaris-text-block",getValueFromSettingID:"previousText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"PREVIOUS",popoverLabel:"Previous",controls:[{layout:"vertical",label:"Content",setting:{id:"previousText"}}]},{type:"combo",label:"Next",iconName:"polaris-text-block",getValueFromSettingID:"nextText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"NEXT",popoverLabel:"Next",controls:[{layout:"vertical",label:"Content",setting:{id:"nextText"}}]}]},{label:"Text style",hiddenOnMobile:!0,controls:[{setting:{id:"typo"},layout:"vertical",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"normalColor"}]},controlChangeTrigger:{settings:[{action:{controlId:"normalColor",valueFromField:"attrs.color",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"Active effect",hiddenOnMobile:!0,controls:[{label:"Text color",setting:{id:"activeColor"}}]},{hiddenOnMobile:!0,controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];

package/dist/cjs/collection/settings/collection-title/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Text style",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"SEO",controls:[{label:"HTML tag",setting:{id:"htmlTag"}}]}];
+"use strict";exports.SettingUIV2=[{label:"Text style",hiddenOnMobile:!0,controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"SEO",hiddenOnMobile:!0,controls:[{label:"HTML tag",setting:{id:"htmlTag"}}]}];

package/dist/cjs/collection/settings/collection-toolbar/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Option text",controls:[{type:"combo",label:"Display",iconName:"polaris-text-block",getValueFromSettingID:"sortingTextDisplay",isHideClear:!0,controls:[{label:"Sorting display",setting:{id:"sortingTextDisplay"}}]},{setting:{id:"typoSorting"},layout:"vertical"}]},{controls:[{label:"Quantity text",setting:{id:"displayQuantity"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"combo",label:"Display",iconName:"polaris-text-block",getValueFromSettingID:"quantityTextDisplay",isHideClear:!0,controls:[{label:"Quantity text",setting:{id:"quantityTextDisplay"}}],conditionDisplay:"displayQuantity == true"},{setting:{id:"typoQuantity"},layout:"vertical",conditionDisplay:"displayQuantity == true"}]},{label:"Size",controls:[{label:"Width",setting:{id:"width"}},{label:"Height",setting:{id:"height"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];
+"use strict";exports.SettingUIV2=[{label:"Option text",hiddenOnMobile:!0,controls:[{type:"combo",label:"Display",iconName:"polaris-text-block",getValueFromSettingID:"sortingTextDisplay",isHideClear:!0,controls:[{label:"Sorting display",setting:{id:"sortingTextDisplay"}}]},{setting:{id:"typoSorting"},layout:"vertical"}]},{hiddenOnMobile:!0,controls:[{label:"Quantity text",setting:{id:"displayQuantity"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"combo",label:"Display",iconName:"polaris-text-block",getValueFromSettingID:"quantityTextDisplay",isHideClear:!0,controls:[{label:"Quantity text",setting:{id:"quantityTextDisplay"}}],conditionDisplay:"displayQuantity == true"},{setting:{id:"typoQuantity"},layout:"vertical",conditionDisplay:"displayQuantity == true"}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",setting:{id:"width"}},{label:"Height",setting:{id:"height"}}]},{hiddenOnMobile:!0,controls:[{label:"Align",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];