@gem-sdk/components 12.0.0-dev.133 → 12.0.0-dev.139

package/dist/cjs/carousel/components/arrow/Arrow.js

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

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js"),system=require("@gem-sdk/system");const Arrow=e=>{let{custom:s,left:t}=e,{isRenderCustomIcon:r}=helpers.getData(e),{buttonClass:l,buttonContentClass:o}=classes.getClass(e),{buttonStyle:a,buttonContentStyle:c,innerBorderCss:u}=styles.getStyle(e),i=system.If(r,s??"",`<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: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
       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>`),m=core.template`
+    </svg>`),d=e.template`
     <div
-      class="${o}"
-      style="${c}"
+      class="${m}"
+      style="${n}"
     >
-        ${i||""}
+        ${y||""}
     </div>
-  `;return core.template`
+  `;return e.template`
     <button
       type="button"
-      aria-label='Carousel ${t?"Back":"Next"} Arrow'
-      class="${l}"
-      style="${a}"
+      aria-label='Carousel ${u?"Back":"Next"} Arrow'
+      class="${c}"
+      style="${g}"
     >
-      <style type="text/css">${u}</style>
-      ${m}
+      <style type="text/css">${p}</style>
+      ${d}
     </button>
-  `};exports.default=Arrow;
+  `};

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

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

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const getResponsiveSetting=e=>{let t=e.desktop,o=e.tablet?e.tablet:t,l=e.mobile?e.mobile:o;return{desktop:t,tablet:o,mobile:l}},getArrowPositionStyle=({vertical:e,arrowType:t,gapToEachSize:o,left:l})=>{let i={};return core.DEVICES.forEach(r=>{let a=core.getResponsiveValueByScreen(e,r,!1),p="desktop"===r?"":`-${r}`;a?(i[`top${p}`]="inside"===t[r]&&l?o+"px":"initial",i[`left${p}`]=l?"initial":"",i[`bottom${p}`]="inside"!==t[r]||l?"initial":o+"px",i[`right${p}`]=l?"":"initial"):(l?(i[`left${p}`]="inside"===t[r]?o+"px":"3px",i[`right${p}`]="initial"):(i[`right${p}`]="inside"===t[r]?o+"px":"3px",i[`left${p}`]="initial"),i[`top${p}`]=l?"initial":"",i[`bottom${p}`]=l?"":"initial")}),i},getClassArrowRotate=(e,t)=>{let o={},l={vertical:{left:{desktop:"gp-rotate-[-90deg]",tablet:"tablet:gp-rotate-[-90deg]",mobile:"mobile:gp-rotate-[-90deg]"},right:{desktop:"gp-rotate-90",tablet:"tablet:gp-rotate-90",mobile:"mobile:gp-rotate-90"}},horizontal:{left:{desktop:"gp-rotate-180",tablet:"tablet:gp-rotate-180",mobile:"mobile:gp-rotate-180"},right:{desktop:"gp-rotate-0",tablet:"tablet:gp-rotate-0",mobile:"mobile:gp-rotate-0"}}};return core.DEVICES.forEach(i=>{let r=core.getResponsiveValueByScreen(t,i,!1),a=r?"vertical":"horizontal",p=e?"left":"right",s=l[a][p][i];o[s]=!0}),o},getClassArrowDisplay=e=>{let t={inside:{desktop:"!gp-flex !gp-absolute gp-z-2",tablet:"tablet:!gp-flex tablet:!gp-absolute tablet:gp-z-2",mobile:"mobile:!gp-flex mobile:!gp-absolute mobile:gp-z-2"},outside:{desktop:"!gp-flex !gp-relative",tablet:"tablet:!gp-flex tablet:!gp-relative",mobile:"mobile:!gp-flex mobile:!gp-relative"},none:{desktop:"!gp-hidden",tablet:"tablet:!gp-hidden",mobile:"mobile:!gp-hidden"}},o={};return core.DEVICES.forEach(l=>{let i=e?.[l];i&&t[i]||(i="none");let r=t[i][l];o[r]=!0}),o},getArrowDisplayStyle=e=>{let t={};return core.DEVICES.forEach(o=>{let l=core.getResponsiveValueByScreen(e,o,"none");t={...t,[o]:"none"===l?"none":"flex"}}),t},mappingNavigationCarousel=e=>{let t=e=>{let t={...e},o=core.DEVICES.filter(e=>!Object.keys(t).includes(e));return o.forEach(e=>{"tablet"===e&&(t[e]=t.desktop),"mobile"===e&&(t[e]=t.tablet)}),t};if(e?.layout==="vertical"){let{controlOverContent:o,arrow:l}=e,i=t(l),r=t(o),a={};return core.DEVICES.forEach(e=>{i[e]?i[e]&&r[e]?a[e]="inside":a[e]="outside":a[e]="none"}),{...e,navigationStyle:a}}return e},getData=e=>{let t=!!e.custom&&""!==e.custom;return{isRenderCustomIcon:t}};exports.getArrowDisplayStyle=getArrowDisplayStyle,exports.getArrowPositionStyle=getArrowPositionStyle,exports.getClassArrowDisplay=getClassArrowDisplay,exports.getClassArrowRotate=getClassArrowRotate,exports.getData=getData,exports.getResponsiveSetting=getResponsiveSetting,exports.mappingNavigationCarousel=mappingNavigationCarousel;
+"use strict";var e=require("@gem-sdk/core");exports.getArrowDisplayStyle=t=>{let l={};return e.DEVICES.forEach(o=>{let i=e.getResponsiveValueByScreen(t,o,"none");l={...l,[o]:"none"===i?"none":"flex"}}),l},exports.getArrowPositionStyle=({vertical:t,arrowType:l,gapToEachSize:o,left:i})=>{let r={};return e.DEVICES.forEach(a=>{let p=e.getResponsiveValueByScreen(t,a,!1),g="desktop"===a?"":`-${a}`;p?(r[`top${g}`]="inside"===l[a]&&i?o+"px":"initial",r[`left${g}`]=i?"initial":"",r[`bottom${g}`]="inside"!==l[a]||i?"initial":o+"px",r[`right${g}`]=i?"":"initial"):(i?(r[`left${g}`]="inside"===l[a]?o+"px":"3px",r[`right${g}`]="initial"):(r[`right${g}`]="inside"===l[a]?o+"px":"3px",r[`left${g}`]="initial"),r[`top${g}`]=i?"initial":"",r[`bottom${g}`]=i?"":"initial")}),r},exports.getClassArrowDisplay=t=>{let l={inside:{desktop:"!gp-flex !gp-absolute gp-z-2",tablet:"tablet:!gp-flex tablet:!gp-absolute tablet:gp-z-2",mobile:"mobile:!gp-flex mobile:!gp-absolute mobile:gp-z-2"},outside:{desktop:"!gp-flex !gp-relative",tablet:"tablet:!gp-flex tablet:!gp-relative",mobile:"mobile:!gp-flex mobile:!gp-relative"},none:{desktop:"!gp-hidden",tablet:"tablet:!gp-hidden",mobile:"mobile:!gp-hidden"}},o={};return e.DEVICES.forEach(e=>{let i=t?.[e];i&&l[i]||(i="none");let r=l[i][e];o[r]=!0}),o},exports.getClassArrowRotate=(t,l)=>{let o={},i={vertical:{left:{desktop:"gp-rotate-[-90deg]",tablet:"tablet:gp-rotate-[-90deg]",mobile:"mobile:gp-rotate-[-90deg]"},right:{desktop:"gp-rotate-90",tablet:"tablet:gp-rotate-90",mobile:"mobile:gp-rotate-90"}},horizontal:{left:{desktop:"gp-rotate-180",tablet:"tablet:gp-rotate-180",mobile:"mobile:gp-rotate-180"},right:{desktop:"gp-rotate-0",tablet:"tablet:gp-rotate-0",mobile:"mobile:gp-rotate-0"}}};return e.DEVICES.forEach(r=>{let a=e.getResponsiveValueByScreen(l,r,!1),p=i[a?"vertical":"horizontal"][t?"left":"right"][r];o[p]=!0}),o},exports.getData=e=>{let t=!!e.custom&&""!==e.custom;return{isRenderCustomIcon:t}},exports.getResponsiveSetting=e=>{let t=e.desktop,l=e.tablet?e.tablet:t,o=e.mobile?e.mobile:l;return{desktop:t,tablet:l,mobile:o}},exports.mappingNavigationCarousel=t=>{let l=t=>{let l={...t},o=e.DEVICES.filter(e=>!Object.keys(l).includes(e));return o.forEach(e=>{"tablet"===e&&(l[e]=l.desktop),"mobile"===e&&(l[e]=l.tablet)}),l};if(t?.layout==="vertical"){let{controlOverContent:o,arrow:i}=t,r=l(i),a=l(o),p={};return e.DEVICES.forEach(e=>{r[e]?r[e]&&a[e]?p[e]="inside":p[e]="outside":p[e]="none"}),{...t,navigationStyle:p}}return t};

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

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

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

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

package/dist/cjs/carousel/components/dot/Dots.liquid.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),system=require("@gem-sdk/system"),helpers=require("./common/helpers.js");const Dots=e=>{let s=core.getResponsiveValueByScreen(e.loop,"desktop",!1),{checkHidden:t,getDotItems:r}=helpers.getData(e),o=r(s),{dotClass:l}=classes.getDotClass(e),{dotStyle:c}=styles.getDotStyle(e);return core.template`
-    ${system.If(!t(o),core.template`
-        <div class="${l}" style="${c}">
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),s=require("./common/classes.js"),t=require("./common/styles.js"),r=require("@gem-sdk/system"),o=require("./common/helpers.js");exports.default=l=>{let m=e.getResponsiveValueByScreen(l.loop,"desktop",!1),{checkHidden:a,getDotItems:i}=o.getData(l),u=i(m),{dotClass:c}=s.getDotClass(l),{dotStyle:d}=t.getDotStyle(l);return e.template`
+    ${r.If(!a(u),e.template`
+        <div class="${c}" style="${d}">
           <!-- item render by js -->
         </div>
       `)}
-  `};exports.default=Dots;
+  `};

package/dist/cjs/carousel/components/dot/common/classes.js

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

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

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

package/dist/cjs/carousel/components/dot/common/styles.js

@@ -1 +1 @@
-"use strict";var system=require("@gem-sdk/system"),core=require("@gem-sdk/core");const getDotStyle=(e,t)=>{let{dotStyle:r,dotGapToCarousel:o,vertical:s,showDots:c}=e,l="react"===t,y=()=>{let e={};return core.DEVICES.forEach(t=>{let o=core.getResponsiveValueByScreen(r,t),s=core.getResponsiveValueByScreen(c,t),l="desktop"===t?"":`${t}`;e[`--d${0===l.length?"":"-"+l}`]=o&&"none"!==o&&s?"flex":"none"}),e},n={...core.makeDotGapToCarouselStyle(r,o,s),...y()},a=l?system.createStyleReact(n):system.createStyle(n);return{dotStyle:a}};exports.getDotStyle=getDotStyle;
+"use strict";var e=require("@gem-sdk/system"),t=require("@gem-sdk/core");exports.getDotStyle=(r,l)=>{let{dotStyle:o,dotGapToCarousel:s,vertical:a,showDots:n}=r,c={...t.makeDotGapToCarouselStyle(o,s,a),...(()=>{let e={};return t.DEVICES.forEach(r=>{let l=t.getResponsiveValueByScreen(o,r),s=t.getResponsiveValueByScreen(n,r),a="desktop"===r?"":`${r}`;e[`--d${0===a.length?"":"-"+a}`]=l&&"none"!==l&&s?"flex":"none"}),e})()},u="react"===l?e.createStyleReact(c):e.createStyle(c);return{dotStyle:u}};

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),useCarouseItem=require("../../hooks/useCarouseItem.js"),ChildrenDroppable=require("../../../grid/components/ChildrenDroppable.js");const CarouselItem=e=>{let{children:s,builderAttrs:r}=e,{handleClick:t,handleMouseMove:o,handleMouseOut:l}=useCarouseItem.useCarouselItem(e),{carouselItemStyle:u,carouselItemInnerStyle:i}=styles.getStyle(e),{carouselItemClass:a,carouselItemInnerClass:n}=classes.getClass(e);return jsxRuntime.jsx("div",{...r,"aria-hidden":!0,className:a,style:u,onClick:t,onMouseMove:o,onMouseLeave:l,children:jsxRuntime.jsx("div",{className:n,style:i,children:core.isEmptyChildren(s)?jsxRuntime.jsx(ChildrenDroppable.default,{}):s})})};exports.default=CarouselItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),r=require("./common/styles.js"),o=require("./common/classes.js"),t=require("../../hooks/useCarouseItem.js"),i=require("../../../grid/components/ChildrenDroppable.js");exports.default=l=>{let{children:u,builderAttrs:a}=l,{handleClick:n,handleMouseMove:d,handleMouseOut:c}=t.useCarouselItem(l),{carouselItemStyle:m,carouselItemInnerStyle:j}=r.getStyle(l),{carouselItemClass:p,carouselItemInnerClass:h}=o.getClass(l);return e.jsx("div",{...a,"aria-hidden":!0,className:p,style:m,onClick:n,onMouseMove:d,onMouseLeave:c,children:e.jsx("div",{className:h,style:j,children:s.isEmptyChildren(u)?e.jsx(i.default,{}):u})})};

package/dist/cjs/carousel/components/item/CarouselItem.liquid.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),styles=require("./common/styles.js"),classes=require("./common/classes.js");const CarouselItem=e=>{let{builderAttrs:s,index:r,children:t,id:i}=e,{carouselItemStyle:a,carouselItemInnerStyle:l}=styles.getStyle(e),{carouselItemClass:d,carouselItemInnerClass:o}=classes.getClass(e);return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),r=require("./common/styles.js"),i=require("./common/classes.js");exports.default=s=>{let{builderAttrs:d,index:t,children:a,id:l}=s,{carouselItemStyle:m,carouselItemInnerStyle:o}=r.getStyle(s),{carouselItemClass:u,carouselItemInnerClass:c}=i.getClass(s);return e.template`
     <div
-      ${{...s}}
-      id="${i}"
-      class="${d}"
-      style="${a}"
-      data-index="${r}"
+      ${{...d}}
+      id="${l}"
+      class="${u}"
+      style="${m}"
+      data-index="${t}"
       grid-index="{{forloop.index}}"
       external-id="{{media.external_id}}"
       media-type="{{media.media_type}}"
@@ -13,10 +13,10 @@
       media-last-source-url="{{mediaSourceUrl}}"
     >
       <div
-        class="${o}"
-        style="${l}"
+        class="${c}"
+        style="${o}"
       >
-      ${t}
+      ${a}
       </div>
     </div>
-  `};exports.default=CarouselItem;
+  `};

package/dist/cjs/carousel/components/item/common/classes.js

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

package/dist/cjs/carousel/components/item/common/styles.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers=require("../../../common/helpers.js");const getStyle=e=>{let{style:t,contentType:r,parentStyle:a,parentSettings:o,background:s,customStyle:l}=e,n=core.makeGlobalSize(a?.itemPadding),d=()=>{let e=["--radius"];return(e.forEach(e=>{delete t?.[e]}),"productImage"===r)?t:{...t,...core.makeStyle({bs:a?.borderContent?.border,bw:a?.borderContent?.width,bc:core.getSingleColorVariable(a?.borderContent?.color)}),...core.getRadiusStyleActiveState({...a?.roundedContent,active:{...a?.roundedContent||{},radiusType:"custom"}})}},i={...l,...n&&n.padding,...helpers.getInitialWidthForCarouselItem({spacing:a?.spacing,slidesToShow:o?.itemNumber??o?.slidesToShow,sneakPeak:o?.sneakPeak,sneakPeakType:o?.sneakPeakType,sneakPeakOffsetCenter:o?.sneakPeakOffsetCenter,sneakPeakOffsetForward:o?.sneakPeakOffsetForward,vertical:o?.vertical}),...core.getStyleBackgroundByDevice(s),...core.getGradientBgrStyleByDevice(s,{desktop:!0,tablet:!0,mobile:!0})},c=system.createStyle({...core.getStyleShadow({value:a?.carouselShadow,styleAppliedFor:"box-shadow",isEnableShadow:a?.hasActiveShadow})}),k=system.createStyle({...i,...d()});return{carouselItemStyle:k,carouselItemInnerStyle:c}};exports.getStyle=getStyle;
+"use strict";var e=require("@gem-sdk/core"),t=require("@gem-sdk/system"),a=require("../../../common/helpers.js");exports.getStyle=r=>{let{style:o,contentType:s,parentStyle:d,parentSettings:i,background:n,customStyle:l}=r,k=e.makeGlobalSize(d?.itemPadding),c={...l,...k&&k.padding,...a.getInitialWidthForCarouselItem({spacing:d?.spacing,slidesToShow:i?.itemNumber??i?.slidesToShow,sneakPeak:i?.sneakPeak,sneakPeakType:i?.sneakPeakType,sneakPeakOffsetCenter:i?.sneakPeakOffsetCenter,sneakPeakOffsetForward:i?.sneakPeakOffsetForward,vertical:i?.vertical}),...e.getStyleBackgroundByDevice(n),...e.getGradientBgrStyleByDevice(n,{desktop:!0,tablet:!0,mobile:!0})},g=t.createStyle({...e.getStyleShadow({value:d?.carouselShadow,styleAppliedFor:"box-shadow",isEnableShadow:d?.hasActiveShadow})}),u=t.createStyle({...c,...(["--radius"].forEach(e=>{delete o?.[e]}),"productImage"===s)?o:{...o,...e.makeStyle({bs:d?.borderContent?.border,bw:d?.borderContent?.width,bc:e.getSingleColorVariable(d?.borderContent?.color)}),...e.getRadiusStyleActiveState({...d?.roundedContent,active:{...d?.roundedContent||{},radiusType:"custom"}})}});return{carouselItemStyle:u,carouselItemInnerStyle:g}};

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),Dots=require("../dot/Dots.js"),Arrow=require("../arrow/Arrow.js"),helpers=require("../arrow/common/helpers.js"),useCarousel=require("../../hooks/useCarousel.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),attrs=require("./common/attrs.js"),helpers$1=require("./common/helpers.js");const Carousel=React.forwardRef((e,r)=>{let{children:s,builderAttrs:t,builderProps:o,styles:a,isHiddenArrowWhenDisabled:l=!0,hiddenDotWhenOnlyOne:i,elmRef:n}=e,d=helpers.mappingNavigationCarousel(e.setting),u={...e,setting:d},{arrowButtonSize:c,arrowBackgroundColor:m,arrowGapToEachSide:j="16",roundedArrow:p,arrowIconSize:h,arrowCustomColor:x,arrowBorder:C,arrowShadow:w,showWhenHover:v}=d??{},{totalSlideItem:S,isInfinity:k,slider:y,currentSlide:g,localRef:R,showNavigation:f,isRenderDots:b,slideMaxIndex:q,handleDotClick:P,getItemsPerPage:A,sliderRef:D,handleNextAndPrevSlide:T,dispatchEventSelectSlide:N,getNumberOfFullWidthShow:z}=useCarousel.useCarousel(u,r),{loopConfig:E,arrowShowConfig:I}=helpers$1.getData(u),{rootClassRender:O,wrapperClassRender:W,wrapperInnerClass:B,sliderClass:H}=classes.getClass(u),{rootStyleRender:F,wrapperStyleRender:G,wrapperInnerStyle:$}=styles.getStyle(u),{rootAttrRender:_,sliderAttr:M}=attrs.getAttr(u),U=core.useCurrentDevice(),V=d?.sneakPeak?.[U],J=r=>{let s="next"===r,t=s?!k&&y?.track?.details?.abs===q:!k&&y?.track?.details?.abs===0;return jsxRuntime.jsx(Arrow.default,{uid:o?.uid,custom:d?.arrowCustom??"",showArrow:I,arrowButtonSize:c||{},arrowIconSize:h||{},arrowBackgroundColor:m||"",arrowCustomColor:x,gapToEachSize:j,showWhenHover:v,arrowBorder:C||{},arrowCorner:p||{},arrowShadow:w||{},onClick:e=>{e.stopPropagation(),T(r)},left:!s,disabled:t,vertical:d?.vertical,isHiddenWhenDisabled:l,rootId:e?.parentClass})},K=()=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:core.isEmptyChildren(s)?jsxRuntime.jsx("div",{children:"No Slider"}):React.Children.map(core.filterToolbarPreview(s),(e,r)=>React.isValidElement(e)?jsxRuntime.jsx(e.type,{...e.props,index:r,parentSettings:d,parentStyle:a,background:d?.background,parentUid:o?.uid,dispatchEventSelectSlide:N}):null)});return jsxRuntime.jsx("div",{ref:n,..._,className:O,style:F,children:jsxRuntime.jsxs("div",{ref:R,...t,className:W,style:G,children:[jsxRuntime.jsxs("div",{className:B,style:$,children:[f&&J("prev"),jsxRuntime.jsx("div",{ref:D,...M,className:H,children:K()}),f&&J("next")]}),b&&jsxRuntime.jsx(Dots.default,{showDots:d?.dot,dotStyle:d?.dotStyle,totalSlideItem:S,slideItemsPerPage:A(),currentSlide:g,enabledSneakPeak:V,vertical:d?.vertical,loop:E,dotColor:d?.dotColor,dotGapToCarousel:d?.dotGapToCarousel,dotSize:d?.dotSize,dotActiveColor:d?.dotActiveColor,hiddenWhenOnlyOne:i,sneakPeakType:d?.sneakPeakType,numberOfFullWidthShow:z(U),onHandleClick:P}),core.filterToolbarPreview(s,!0)]})})});exports.default=Carousel;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),o=require("react"),t=require("../dot/Dots.js"),s=require("../arrow/Arrow.js"),a=require("../arrow/common/helpers.js"),l=require("../../hooks/useCarousel.js"),i=require("./common/classes.js"),d=require("./common/styles.js"),n=require("./common/attrs.js"),u=require("./common/helpers.js");const c=o.forwardRef((c,m)=>{let{children:p,builderAttrs:h,builderProps:C,styles:v,isHiddenArrowWhenDisabled:w=!0,hiddenDotWhenOnlyOne:j,elmRef:S}=c,k=a.mappingNavigationCarousel(c.setting),g={...c,setting:k},{arrowButtonSize:x,arrowBackgroundColor:y,arrowGapToEachSide:f="16",roundedArrow:b,arrowIconSize:q,arrowCustomColor:P,arrowBorder:T,arrowShadow:N,showWhenHover:z}=k??{},{totalSlideItem:A,isInfinity:D,slider:E,currentSlide:I,localRef:O,showNavigation:W,isRenderDots:B,slideMaxIndex:H,handleDotClick:F,getItemsPerPage:G,sliderRef:_,handleNextAndPrevSlide:M,dispatchEventSelectSlide:R,getNumberOfFullWidthShow:U}=l.useCarousel(g,m),{loopConfig:V,arrowShowConfig:J}=u.getData(g),{rootClassRender:K,wrapperClassRender:L,wrapperInnerClass:Q,sliderClass:X}=i.getClass(g),{rootStyleRender:Y,wrapperStyleRender:Z,wrapperInnerStyle:$}=d.getStyle(g),{rootAttrRender:ee,sliderAttr:er}=n.getAttr(g),eo=r.useCurrentDevice(),et=k?.sneakPeak?.[eo],es=r=>{let o="next"===r,t=o?!D&&E?.track?.details?.abs===H:!D&&E?.track?.details?.abs===0;return e.jsx(s.default,{uid:C?.uid,custom:k?.arrowCustom??"",showArrow:J,arrowButtonSize:x||{},arrowIconSize:q||{},arrowBackgroundColor:y||"",arrowCustomColor:P,gapToEachSize:f,showWhenHover:z,arrowBorder:T||{},arrowCorner:b||{},arrowShadow:N||{},onClick:e=>{e.stopPropagation(),M(r)},left:!o,disabled:t,vertical:k?.vertical,isHiddenWhenDisabled:w,rootId:c?.parentClass})};return e.jsx("div",{ref:S,...ee,className:K,style:Y,children:e.jsxs("div",{ref:O,...h,className:L,style:Z,children:[e.jsxs("div",{className:Q,style:$,children:[W&&es("prev"),e.jsx("div",{ref:_,...er,className:X,children:e.jsx(e.Fragment,{children:r.isEmptyChildren(p)?e.jsx("div",{children:"No Slider"}):o.Children.map(r.filterToolbarPreview(p),(r,t)=>o.isValidElement(r)?e.jsx(r.type,{...r.props,index:t,parentSettings:k,parentStyle:v,background:k?.background,parentUid:C?.uid,dispatchEventSelectSlide:R}):null)})}),W&&es("next")]}),B&&e.jsx(t.default,{showDots:k?.dot,dotStyle:k?.dotStyle,totalSlideItem:A,slideItemsPerPage:G(),currentSlide:I,enabledSneakPeak:et,vertical:k?.vertical,loop:V,dotColor:k?.dotColor,dotGapToCarousel:k?.dotGapToCarousel,dotSize:k?.dotSize,dotActiveColor:k?.dotActiveColor,hiddenWhenOnlyOne:j,sneakPeakType:k?.sneakPeakType,numberOfFullWidthShow:U(eo),onHandleClick:F}),r.filterToolbarPreview(p,!0)]})})});exports.default=c;

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

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

package/dist/cjs/carousel/components/root/common/attrs.js

@@ -1 +1 @@
-"use strict";var system=require("@gem-sdk/system"),helpers=require("./helpers.js");const getAttr=e=>{let{rootAttrs:t,builderProps:r,rootId:s}=e,{uniqueComponentId:a}=helpers.getData(e),i=system.createAttr({"data-id":`${r?.uid}`,id:`gp-root-carousel-${a}`,...t}),u=system.createAttr({...(r?.uid||s)&&{id:`gp-carousel-${a}`}});return{rootAttrRender:i,sliderAttr:u}};exports.getAttr=getAttr;
+"use strict";var e=require("@gem-sdk/system"),t=require("./helpers.js");exports.getAttr=r=>{let{rootAttrs:s,builderProps:a,rootId:i}=r,{uniqueComponentId:u}=t.getData(r),d=e.createAttr({"data-id":`${a?.uid}`,id:`gp-root-carousel-${u}`,...s}),c=e.createAttr({...(a?.uid||i)&&{id:`gp-carousel-${u}`}});return{rootAttrRender:d,sliderAttr:c}};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/cjs/carousel/index.js

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

package/dist/cjs/carousel/next.js

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

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

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

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

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

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

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

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

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

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

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

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

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