@gem-sdk/components 3.0.0-pre-production.14 → 3.0.1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,22 @@
+import{template as e}from"@gem-sdk/core";import{getStyle as r}from"./common/styles.js";import{getClass as i}from"./common/classes.js";let CarouselItem=s=>{let{builderAttrs:d,index:m,children:a,id:o}=s,{carouselItemStyle:t,carouselItemInnerStyle:l}=r(s),{carouselItemClass:c,carouselItemInnerClass:u}=i(s);return e`
+    <div
+      ${{...d}}
+      id="${o}"
+      class="${c}"
+      style="${t}"
+      data-index="${m}"
+      grid-index="{{forloop.index}}"
+      external-id="{{media.external_id}}"
+      media-type="{{media.media_type}}"
+      media-poster="{{media.preview_image.src}}"
+      media-source-url="{{media.sources.first.url}}"
+      media-last-source-url="{{mediaSourceUrl}}"
+    >
+      <div
+        class="${u}"
+        style="${l}"
+      >
+      ${a}
+      </div>
+    </div>
+  `};export{CarouselItem as default};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/carousel/index.js

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

package/dist/esm/carousel/next.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,114 @@
+let CarouselPreset=[{id:"carousel",name:{en:"Carousel"},icon:{desktop:`
+        <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="96" height="48" rx="3" fill="#424242"/>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M13.8828 18.1302C14.0391 18.3037 14.0391 18.5851 13.8828 18.7587L10.9657 22L13.8828 25.2413C14.0391 25.4149 14.0391 25.6963 13.8828 25.8698C13.7266 26.0434 13.4734 26.0434 13.3172 25.8698L10.1172 22.3143C9.96095 22.1407 9.96095 21.8593 10.1172 21.6857L13.3172 18.1302C13.4734 17.9566 13.7266 17.9566 13.8828 18.1302Z" fill="#F9F9F9"/>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M82.1172 18.1302C82.2734 17.9566 82.5266 17.9566 82.6828 18.1302L85.8828 21.6857C86.0391 21.8593 86.0391 22.1407 85.8828 22.3143L82.6828 25.8698C82.5266 26.0434 82.2734 26.0434 82.1172 25.8698C81.9609 25.6963 81.9609 25.4149 82.1172 25.2413L85.0343 22L82.1172 18.7587C81.9609 18.5851 81.9609 18.3037 82.1172 18.1302Z" fill="#F9F9F9"/>
+        <circle cx="40" cy="38" r="2" fill="#F9F9F9"/>
+        <circle cx="48" cy="38" r="2" fill="#757575"/>
+        <circle cx="56" cy="38" r="2" fill="#757575"/>
+        </svg>
+      `},components:[{tag:"Carousel",label:"Carousel",settings:{childItem:["Item 1","Item 2","Item 3","Item 4"],itemNumber:{desktop:1,mobile:1}},styles:{sizeSetting:{desktop:{width:"100%"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]}]}]},{id:"carousel-4-col",name:{en:"Carousel"},icon:{desktop:`
+        <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="21" height="48" rx="3" fill="#424242"/>
+        <rect x="25" width="21" height="48" rx="3" fill="#424242"/>
+        <rect x="50" width="21" height="48" rx="3" fill="#424242"/>
+        <rect x="75" width="21" height="48" rx="3" fill="#424242"/>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M86.1172 20.1302C86.2734 19.9566 86.5266 19.9566 86.6828 20.1302L89.8828 23.6857C90.0391 23.8593 90.0391 24.1407 89.8828 24.3143L86.6828 27.8698C86.5266 28.0434 86.2734 28.0434 86.1172 27.8698C85.9609 27.6963 85.9609 27.4149 86.1172 27.2413L89.0343 24L86.1172 20.7587C85.9609 20.5851 85.9609 20.3037 86.1172 20.1302Z" fill="#F9F9F9"/>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M9.88284 20.1302C10.0391 20.3037 10.0391 20.5851 9.88284 20.7587L6.96569 24L9.88284 27.2413C10.0391 27.4149 10.0391 27.6963 9.88284 27.8698C9.72663 28.0434 9.47337 28.0434 9.31716 27.8698L6.11716 24.3143C5.96095 24.1407 5.96095 23.8593 6.11716 23.6857L9.31716 20.1302C9.47337 19.9566 9.72663 19.9566 9.88284 20.1302Z" fill="#F9F9F9"/>
+        </svg>
+      `},components:[{tag:"Carousel",label:"Carousel",settings:{childItem:["Item 1","Item 2","Item 3","Item 4"],itemNumber:{desktop:4,tablet:2,mobile:2},navigationStyle:{desktop:"outside"},dotStyle:{desktop:"outside"}},styles:{fullWidth:{desktop:!1,tablet:!1,mobile:!1},sizeSetting:{desktop:{width:"default"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]}]}]},{id:"carousel-sneak-1-side",name:{en:"Carousel"},icon:{desktop:`
+        <svg
+          width="118"
+          height="52"
+          viewBox="0 0 118 52"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <rect width="118" height="52" rx="3" fill="#212121" />
+          <rect x="8" y="8" width="70" height="36" rx="3" fill="#4A4A4A" />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M107.665 25.775C107.778 25.8993 107.778 26.1007 107.665 26.225L104.748 29.4068C104.634 29.5311 104.449 29.5311 104.335 29.4068C104.222 29.2825 104.222 29.0811 104.335 28.9568L107.046 26L104.335 23.0432C104.222 22.9189 104.222 22.7175 104.335 22.5932C104.449 22.4689 104.634 22.4689 104.748 22.5932L107.665 25.775Z"
+            fill="#F9F9F9"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M17.3354 26.225C17.2215 26.1007 17.2215 25.8993 17.3354 25.775L20.2521 22.5932C20.366 22.4689 20.5507 22.4689 20.6646 22.5932C20.7785 22.7175 20.7785 22.9189 20.6646 23.0432L17.9541 26L20.6646 28.9568C20.7785 29.0811 20.7785 29.2825 20.6646 29.4068C20.5507 29.5311 20.366 29.5311 20.2521 29.4068L17.3354 26.225Z"
+            fill="#F9F9F9"
+          />
+          <path
+            d="M82 11C82 9.34315 83.3431 8 85 8H117V44H85C83.3431 44 82 42.6569 82 41V11Z"
+            fill="url(#paint0_linear_1176_36442)"
+          />
+          <defs>
+            <linearGradient
+              id="paint0_linear_1176_36442"
+              x1="82"
+              y1="26"
+              x2="117"
+              y2="26"
+              gradientUnits="userSpaceOnUse"
+            >
+              <stop stop-color="#4A4A4A" />
+              <stop offset="1" stop-color="#212121" />
+            </linearGradient>
+          </defs>
+        </svg>
+      `},components:[{tag:"Carousel",label:"Carousel",settings:{childItem:["Item 1","Item 2"],itemNumber:{desktop:2,tablet:2,mobile:2},sneakPeak:{desktop:!0},sneakPeakType:{desktop:"forward"},dotStyle:{desktop:"outside"}},styles:{fullWidth:{desktop:!1,tablet:!1,mobile:!1},sizeSetting:{desktop:{width:"default"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]}]}]},{id:"carousel-sneak-2-side",name:{en:"Carousel"},icon:{desktop:`
+        <svg
+          width="118"
+          height="52"
+          viewBox="0 0 118 52"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <rect width="118" height="52" rx="3" fill="#212121" />
+          <path
+            d="M0 8H30C31.6569 8 33 9.34315 33 11V41C33 42.6569 31.6569 44 30 44H0V8Z"
+            fill="url(#paint0_linear_1240_26280)"
+          />
+          <rect x="37" y="8" width="44" height="36" rx="3" fill="#4A4A4A" />
+          <path
+            d="M85 11C85 9.34315 86.3431 8 88 8H118V44H88C86.3431 44 85 42.6569 85 41V11Z"
+            fill="url(#paint1_linear_1240_26280)"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M9.33543 26.225C9.22152 26.1007 9.22152 25.8993 9.33543 25.775L12.2521 22.5932C12.366 22.4689 12.5507 22.4689 12.6646 22.5932C12.7785 22.7175 12.7785 22.9189 12.6646 23.0432L9.95415 26L12.6646 28.9568C12.7785 29.0811 12.7785 29.2825 12.6646 29.4068C12.5507 29.5311 12.366 29.5311 12.2521 29.4068L9.33543 26.225Z"
+            fill="#F9F9F9"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M108.665 25.775C108.778 25.8993 108.778 26.1007 108.665 26.225L105.748 29.4068C105.634 29.5311 105.449 29.5311 105.335 29.4068C105.222 29.2825 105.222 29.0811 105.335 28.9568L108.046 26L105.335 23.0432C105.222 22.9189 105.222 22.7175 105.335 22.5932C105.449 22.4689 105.634 22.4689 105.748 22.5932L108.665 25.775Z"
+            fill="#F9F9F9"
+          />
+          <defs>
+            <linearGradient
+              id="paint0_linear_1240_26280"
+              x1="33.5103"
+              y1="26"
+              x2="2.48972e-07"
+              y2="26"
+              gradientUnits="userSpaceOnUse"
+            >
+              <stop stop-color="#4A4A4A" />
+              <stop offset="1" stop-color="#212121" />
+            </linearGradient>
+            <linearGradient
+              id="paint1_linear_1240_26280"
+              x1="84.4898"
+              y1="26"
+              x2="118"
+              y2="26"
+              gradientUnits="userSpaceOnUse"
+            >
+              <stop stop-color="#4A4A4A" />
+              <stop offset="1" stop-color="#212121" />
+            </linearGradient>
+          </defs>
+        </svg>
+      `},components:[{tag:"Carousel",label:"Carousel",settings:{childItem:["Item 1","Item 2","Item 3"],itemNumber:{desktop:3,tablet:2,mobile:2},sneakPeak:{desktop:!0},sneakPeakType:{desktop:"center"},dotStyle:{desktop:"outside"}},styles:{fullWidth:{desktop:!1,tablet:!1,mobile:!1},sizeSetting:{desktop:{width:"default"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]}]}]}];export{CarouselPreset};

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

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

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

@@ -0,0 +1 @@
+let SettingUIV1=[{type:"group",label:{en:"Display"},controls:[{type:"control",setting:{id:"itemNumber"}},{type:"control",label:{en:"Items spacing"},setting:{id:"spacing"},condition:"itemNumber >= 2"},{type:"control",label:{en:"Sneak peek"},setting:{id:"sneakPeak"},condition:"itemNumber >= 2"},{type:"control",condition:"sneakPeak == true",setting:{id:"sneakPeakType"}},{type:"control",condition:'sneakPeak == true && sneakPeakType == "forward"',setting:{id:"sneakPeakOffsetForward"}},{type:"control",condition:'sneakPeak == true && sneakPeakType == "center"',setting:{id:"sneakPeakOffsetCenter"}}]},{type:"group",label:{en:"Item management"},controls:[{type:"control",layout:"vertical",setting:{id:"childItem"}}]},{type:"group",label:{en:"Navigation"},controls:[{type:"control",setting:{id:"navigationStyle"}},{condition:'navigationStyle !== "none"',type:"control",label:{en:"Icon"},setting:{id:"arrowCustom"}},{condition:'navigationStyle !== "none"',type:"control",label:{en:"Icon size"},setting:{id:"arrowIconSize"}},{condition:'navigationStyle !== "none"',type:"control",label:{en:"Icon color"},setting:{id:"arrowCustomColor"},isMoreSetting:!0},{type:"control",condition:'navigationStyle !== "none"',setting:{id:"arrowButtonSize"},layout:"vertical",isMoreSetting:!0},{type:"control",condition:'navigationStyle !== "none"',label:{en:"Background color"},setting:{id:"arrowBackgroundColor"},isMoreSetting:!0},{type:"control",condition:'navigationStyle !== "none"',options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"arrowBorder"},isMoreSetting:!0},{type:"control",condition:'navigationStyle !== "none"',label:{en:"Corner"},setting:{id:"roundedArrow"},isMoreSetting:!0},{type:"control",condition:'navigationStyle !== "none"',label:{en:"Gap to each side"},setting:{id:"arrowGapToEachSide"},isMoreSetting:!0},{type:"control",condition:'navigationStyle !== "none"',label:{en:"Only show when hover"},setting:{id:"showWhenHover"},isMoreSetting:!0}]},{type:"group",label:{en:"Dots"},controls:[{type:"control",setting:{id:"dotStyle"}},{condition:'dotStyle !== "none"',type:"control",label:{en:"Active color"},setting:{id:"dotActiveColor"}},{condition:'dotStyle !== "none"',type:"control",label:{en:"Inactive color"},setting:{id:"dotColor"}},{condition:'dotStyle !== "none"',type:"control",label:{en:"Dots size"},setting:{id:"dotSize"},isMoreSetting:!0},{condition:'dotStyle !== "none"',type:"control",label:{en:"Gap to carousel"},setting:{id:"dotGapToCarousel"},isMoreSetting:!0}]},{type:"group",label:{en:"Interaction"},controls:[{type:"control",label:{en:"Direction"},setting:{id:"rtl"}},{type:"control",label:{en:"Autoplay"},setting:{id:"autoplay"}},{type:"control",label:{en:"Time out"},setting:{id:"autoplayTimeout"},condition:"autoplay === true"},{type:"control",label:{en:"Pause On Hover"},setting:{id:"pauseOnHover"},condition:"autoplay == true"},{type:"control",setting:{id:"runPreview"},condition:"autoplay === true"},{type:"control",label:{en:"Drag to scroll"},setting:{id:"enableDrag"}},{type:"control",label:{en:"Infinity loop"},setting:{id:"loop"}},{type:"control",label:{en:"Slide speed"},setting:{id:"playSpeed"},isMoreSetting:!0},{type:"control",label:{en:"Animation"},setting:{id:"animationMode"},isMoreSetting:!0}]},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"sizeSetting"},layout:"vertical"},{type:"control",setting:{id:"itemPadding"},isMoreSetting:!0,options:{noGap:!0}}]},{type:"group",label:{en:"Shape"},controls:[{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderContent"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedContent"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasActiveShadow"}},{type:"control",setting:{id:"carouselShadow"},layout:"vertical",condition:"hasActiveShadow === true"}]},{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"},{type:"control",label:{en:"Align"},setting:{id:"align"},options:{label:"large"}}];export{SettingUIV1};

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

@@ -0,0 +1 @@
+let carouselNavigationSettings={controls:[{label:{en:"Navigation"},setting:{id:"navigationEnable"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"navigationEnable === true",label:{en:"Position"},setting:{id:"navigationStyle"}},{conditionDisplay:"navigationEnable === true",label:{en:"Icon"},setting:{id:"arrowCustom"}},{conditionDisplay:"navigationEnable === true",label:{en:"Icon size"},setting:{id:"arrowIconSize"}},{conditionDisplay:"navigationEnable === true",label:{en:"Icon color"},setting:{id:"arrowCustomColor"}}],moreSettings:{controls:[{type:"combo",conditionDisplay:"navigationEnable === true",label:{en:"Button size"},fixedValue:"Edit",iconName:"polaris-measurement-size",isHideClear:!0,controls:[{setting:{id:"arrowButtonSize"},layout:"vertical"},{label:{en:"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:{en:"Background"},setting:{id:"arrowBackgroundColor"}},{conditionDisplay:"navigationEnable === true",label:{en:"Border"},setting:{id:"arrowBorder"}},{conditionDisplay:"navigationEnable === true",label:{en:"Corner"},setting:{id:"roundedArrow"}},{conditionDisplay:"navigationEnable === true",label:{en:"Shadow"},setting:{id:"arrowShadow"}},{conditionDisplay:"navigationEnable === true",label:{en:"Gap to edge"},setting:{id:"arrowGapToEachSide"}},{conditionDisplay:"navigationEnable === true",label:{en:"Show on hover"},setting:{id:"showWhenHover"}}]}},carouselDotsSettings={controls:[{label:{en:"Dots"},setting:{id:"dot"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"dot === true",label:{en:"Position"},setting:{id:"dotStyle"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:{en:"Active color"},setting:{id:"dotActiveColor"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:{en:"Inactive color"},setting:{id:"dotColor"},options:{hiddenSwitchDeviceIcon:!0}}],moreSettings:{controls:[{conditionDisplay:"dot === true",label:{en:"Dots size"},setting:{id:"dotSize"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:{en:"Gap to edge"},setting:{id:"dotGapToCarousel"},options:{hiddenSwitchDeviceIcon:!0}}]}},carouselEffectsSettings={label:{en:"Slide effect"},controls:[{label:{en:"Autoplay"},setting:{id:"autoplay"}},{label:{en:"Delay"},setting:{id:"autoplayTimeout"},conditionDisplay:"autoplay === true"},{label:{en:"Pause On Hover"},setting:{id:"pauseOnHover"},conditionDisplay:"autoplay == true"},{label:{en:"Slide direction"},setting:{id:"rtl"}},{label:{en:"Infinity loop"},setting:{id:"loop"}},{label:{en:"Drag / swipe"},setting:{id:"enableDrag"}}],moreSettings:{controls:[{label:{en:"Slide speed"},setting:{id:"playSpeed"}},{label:{en:"Animation"},setting:{id:"animationMode"}},{setting:{id:"runPreview"},layout:"vertical",conditionDisplay:"autoplay === true"}]}},SettingUIV2=[{label:{en:"Items per slide"},controls:[{setting:{id:"itemNumber"},layout:"vertical",popoverLabel:{en:"Items per slide"}}]},{label:{en:"Display"},controls:[{label:{en:"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:{en:"style"},setting:{id:"sneakPeakType"}},{conditionDisplay:'sneakPeakType == "forward"',label:{en:"Ratio"},setting:{id:"sneakPeakOffsetForward"}},{conditionDisplay:'sneakPeakType == "center"',label:{en:"Ratio"},setting:{id:"sneakPeakOffsetCenter"}}]}]},{label:{en:"Item management"},controls:[{label:{en:"Order"},setting:{id:"childItem"}}]},{label:{en:"Item spacing"},controls:[{label:{en:"Gap"},setting:{id:"spacing"}}]},{label:{en:"Item style"},controls:[{label:{en:"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:{en:"Background"},setting:{id:"background"}}],moreSettings:{controls:[{label:{en:"Border"},setting:{id:"borderContent"}},{label:{en:"Corner"},setting:{id:"roundedContent"}},{label:{en:"Shadow"},setting:{id:"carouselShadow"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"carouselShadow.enable === true",source:["carouselShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"carouselShadow.enable === false",source:["carouselShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]}},carouselNavigationSettings,carouselDotsSettings,carouselEffectsSettings,{label:{en:"Size"},controls:[{id:"Width",label:{en:"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:{en:"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:{en:"Padding"},conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"slider-padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColor"}},{label:{en:"Image"},setting:{id:"backgroundImage"}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"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:{en:"Align"},options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2,carouselDotsSettings,carouselEffectsSettings,carouselNavigationSettings};

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

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

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

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