@gem-sdk/components 4.0.0-staging.1194 → 4.0.0-staging.1195

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 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:o,showArrow:a,vertical:c}=e,n="gp-carousel-arrow-"+p,u=helpers.getResponsiveSetting(a||{}),f=g?"gp-carousel-action-back gem-slider-previous":"gp-carousel-action-next gem-slider-next",v=system.createClass({"gp-z-1 gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 before:gp-left-0 before:gp-top-0":!0,[n]:!0,...s&&{[s]:!0},...r&&{[r]:!0},...t&&{[t]:!0},...f&&{[f]:!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":o,...helpers.getClassArrowDisplay(u)}}),h=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:v,buttonContentClass:h}};exports.getClass=getClass;

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||(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 core=require("@gem-sdk/core");const getResponsiveSetting=e=>{let t=e.desktop,o=e.tablet?e.tablet:t,i=e.mobile?e.mobile:o;return{desktop:t,tablet:o,mobile:i}},getArrowPositionStyle=({vertical:e,arrowType:t,gapToEachSize:o,left:i})=>{let l={};return core.DEVICES.forEach(a=>{let r=core.getResponsiveValueByScreen(e,a,!1),s="desktop"===a?"":`-${a}`;r?(l[`top${s}`]="inside"===t[a]&&i?o+"px":"initial",l[`left${s}`]=i?"initial":"",l[`bottom${s}`]="inside"!==t[a]||i?"initial":o+"px",l[`right${s}`]=i?"":"initial"):(i?(l[`left${s}`]="inside"===t[a]?o+"px":"3px",l[`right${s}`]="initial"):(l[`right${s}`]="inside"===t[a]?o+"px":"3px",l[`left${s}`]="initial"),l[`top${s}`]=i?"initial":"",l[`bottom${s}`]=i?"":"initial")}),l},getClassArrowRotate=(e,t)=>{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 core.DEVICES.forEach(l=>{let a=core.getResponsiveValueByScreen(t,l,!1),r=a?"vertical":"horizontal",s=e?"left":"right",p=i[r][s][l];o[p]=!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(i=>{let l=e[i];l||(l="none");let a=t[l][i];o[a]=!0}),o},getArrowDisplayStyle=e=>{let t={};return core.DEVICES.forEach(o=>{let i=core.getResponsiveValueByScreen(e,o,"none");t={...t,[o]:"none"===i?"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:i}=e,l=t(i),a=t(o),r={};return core.DEVICES.forEach(e=>{l[e]?l[e]&&a[e]?r[e]="inside":r[e]="outside":r[e]="none"}),{...e,navigationStyle:r}}return e},getData=e=>{let t=!!e.custom&&""!==e.custom;return{isRenderCustomIcon:t}},getResponsiveSizeValue=(e,t,o)=>{for(let i of({mobile:["mobile","tablet","desktop"],tablet:["tablet","desktop"],desktop:["desktop"]})[t]){let t=e?.[i]?.[o];if(void 0!==t)return""===t?"auto":t}return"auto"},getResponsiveWidth=e=>({"--w":getResponsiveSizeValue(e,"desktop","width"),"--w-tablet":getResponsiveSizeValue(e,"tablet","width"),"--w-mobile":getResponsiveSizeValue(e,"mobile","width")}),getResponsiveHeight=e=>({"--h":getResponsiveSizeValue(e,"desktop","height"),"--h-tablet":getResponsiveSizeValue(e,"tablet","height"),"--h-mobile":getResponsiveSizeValue(e,"mobile","height")});exports.getArrowDisplayStyle=getArrowDisplayStyle,exports.getArrowPositionStyle=getArrowPositionStyle,exports.getClassArrowDisplay=getClassArrowDisplay,exports.getClassArrowRotate=getClassArrowRotate,exports.getData=getData,exports.getResponsiveHeight=getResponsiveHeight,exports.getResponsiveSetting=getResponsiveSetting,exports.getResponsiveWidth=getResponsiveWidth,exports.mappingNavigationCarousel=mappingNavigationCarousel;

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

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

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 core=require("@gem-sdk/core");const getData=e=>{let{hiddenWhenOnlyOne:t,slideDuplicated:r}=e,o=t=>{let{enabledSneakPeak:o,totalSlideItem:a=0,numberOfFullWidthShow:l=0,slideItemsPerPage:n=0}=e,c=0;return Array.from({length:c=t?r?a/2:a:o?a-l+1:Math.ceil(a/n)},(e,t)=>t)},a=e=>t&&e?.length<2;return{checkHidden:a,getDotItems:o}},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;

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 jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core");require("react"),require("@gem-sdk/system");var SwiperSlide=require("../swiper/SwiperSlide.js"),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,parentSettings:i,builderProps:t}=e,{handleClick:l,handleMouseMove:u,handleMouseOut:o}=useCarouseItem.useCarouselItem(e),{indexKey:a}=e,d=t?.uid?`${t?.uid}-${a}`:a,m=core.useEditorMode(),{carouselItemStyle:n,carouselItemInnerStyle:c}=styles.getStyle(e,m),{carouselItemClass:p,carouselItemInnerClass:j}=classes.getClass(e);return jsxRuntime.jsx(SwiperSlide.SwiperSlide,{...r,"aria-hidden":!0,className:p,style:n,onClick:l,onMouseMove:u,onMouseLeave:o,dir:i?.rtl?"rtl":"ltr","data-carousel-item-key":d,children:jsxRuntime.jsx("div",{className:j,style:c,children:core.isEmptyChildren(s)?jsxRuntime.jsx(ChildrenDroppable.default,{}):s})})};exports.default=CarouselItem;

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

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

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

@@ -1,15 +1,17 @@
-"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:o,styles:t,isHiddenArrowWhenDisabled:l=!0,hiddenDotWhenOnlyOne:a,rootId:i,rawChildren:d,conditionAppendJs:c}=e,n=helpers.mappingNavigationCarousel(e.setting),u={...e,setting:n},{arrowButtonSize:p,arrowBackgroundColor:$,arrowGapToEachSide:g="16",roundedArrow:h,arrowIconSize:m,arrowCustomColor:v,arrowBorder:S,arrowShadow:w,showWhenHover:q}=n??{},{uniqueComponentId:y,loopConfig:C,arrowShowConfig:f,stateData:j}=helpers$1.getData(u),{rootClassRender:_,wrapperClassRender:A,wrapperInnerClass:D,sliderClass:k}=classes.getClass(u),{rootStyleRender:P,wrapperStyleRender:E,wrapperInnerStyle:I,sliderStyle:b}=styles.getStyle(u),{rootAttrRender:z,sliderAttr:R}=attrs.getAttr(u),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:o?.uid,componentId:y,custom:n?.arrowCustom??"",showArrow:f,arrowButtonSize:p||{},arrowIconSize:m||{},arrowBackgroundColor:$??"",arrowCustomColor:v,gapToEachSize:g,showWhenHover:q,arrowBorder:S||{},arrowCorner:h||{},arrowShadow:w||{},left:!r,onClick:e=>{e.stopPropagation()},vertical:n?.vertical,isHiddenWhenDisabled:l,rootId:i})},O=()=>core.template`
+"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:o,styles:t,isHiddenArrowWhenDisabled:l=!0,hiddenDotWhenOnlyOne:a,rootId:i,rawChildren:d,conditionAppendJs:c}=e,n=helpers.mappingNavigationCarousel(e.setting),u={...e,setting:n},{arrowButtonSize:p,arrowBackgroundColor:$,arrowGapToEachSide:g="16",roundedArrow:v,arrowIconSize:h,arrowCustomColor:m,arrowBorder:S,arrowShadow:w,showWhenHover:q}=n??{},{uniqueComponentId:y,loopConfig:C,arrowShowConfig:f,stateData:j}=helpers$1.getData(u),{rootClassRender:_,wrapperClassRender:A,wrapperInnerClass:D,sliderClass:k}=classes.getClass(u),{sliderWrapperStyle:P,rootStyleRender:E,wrapperStyleRender:I,wrapperInnerStyle:b}=styles.getStyle(u),{rootAttrRender:z,sliderAttr:R}=attrs.getAttr(u),x=()=>core.RenderIf(core.isLocalEnv,`<script ${helpers$2.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-carousel-v2-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$2.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-carousel-v2-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),G=e=>{let r="next"===e;return Arrow_liquid.default({uid:o?.uid,componentId:y,custom:n?.arrowCustom??"",showArrow:f,arrowButtonSize:p||{},arrowIconSize:h||{},arrowBackgroundColor:$??"",arrowCustomColor:m,gapToEachSize:g,showWhenHover:q,arrowBorder:S||{},arrowCorner:v||{},arrowShadow:w||{},left:!r,onClick:e=>{e.stopPropagation()},vertical:n?.vertical,isHiddenWhenDisabled:l,rootId:i})},O=()=>core.template`
     ${d?.length?core.WrapRenderChildren({uid:o?.uid??"",customProps:d[0]?.customProps},d.map((e,r)=>{if(e)return core.template`${core.RenderChildren({...e,index:r,parentSettings:n,parentStyle:t,background:n?.background,parentUid:o?.uid})}`})):r??`<div>${helpers$2.getStaticLocale("Carousel","no_slider")}</div>`}`;return core.template`
-    <gp-carousel gp-data='${j}' ${z} style="${P}" class="${_}">
+    <gp-carousel gp-data='${j}' ${z} style="${E}" class="${_}">
       <div
         ${s}
         class="${A}"
-        style="${E}"
+        style="${I}"
       >
-        <div class="${D}" style="${I}">
+        <div class="${D}" style="${b}">
           ${G("prev")}
-          <div ${R} class="${k}" style="${b}">
-            ${O()}
+          <div ${R} style="${P}">
+            <div class="${k}">
+              ${O()}
+            </div>
           </div>
           ${G("next")}
         </div>

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 system=require("@gem-sdk/system"),helpers=require("./helpers.js");const getAttr=t=>{let{rootAttrs:e,builderProps:r,rootId:s}=t,{uniqueComponentId:i}=helpers.getData(t),a=system.createAttr({"data-id":`${r?.uid}`,id:`gp-root-carousel-${i}`,...e}),l=system.createAttr({...(r?.uid||s)&&{id:`gp-carousel-${i}`},dir:t.setting?.rtl?"rtl":"ltr"});return{rootAttrRender:a,sliderAttr:l}};exports.getAttr=getAttr;

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 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:p,wrapperClass:o,rootClass:r,advanced:a,fullHeight:s,slidesClass:g}=e,{sliderSelector:i}=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"}},p={};return l.forEach(l=>{let o=t?.vertical?.[l]?"flex":"block",r=e[o][l];p[r]=!0}),p},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"}},p={};return l.forEach(l=>{p[e.fullHeight[l]]=t?.vertical?.[l],p[e.flex1[l]]=t?.vertical?.[l]}),p},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"}},p={};return l.forEach(l=>{let o=t?.vertical?.[l]?"flexCol":"flexRow",r=e[o][l];p[r]=!0}),p},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"}},p={};return l.forEach(l=>{let o=t?.vertical?.[l]?"wrap":"nowrap",r=e[o][l];p[r]=!0}),p},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"}},p={};return l.forEach(l=>{let o=t?.vertical?.[l]?"minHeightNone":"minHeightFull",r=e[o][l];p[r]=!0}),p},x=system.createClass({...p?.uid&&{[p.uid]:!0},...o&&{[o]:!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-overflow-hidden 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-wrapper gp-flex gp-content-start gp-h-full gp-select-none":!0,[i]:!0,...g&&{[g]:!0},...m(),...n()});return{rootClassRender:h,wrapperClassRender:x,wrapperInnerClass:u,sliderClass:v}};exports.getClass=getClass;

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 core=require("@gem-sdk/core"),system=require("@gem-sdk/system");const getStyle=e=>{let{styles:t,setting:r,style:o,rootStyles:l}=e,{arrowGapToEachSide:a="16"}=r??{},c=core.makeStyleResponsive("h",core.getHeightByShapeGlobalSize(t?.sizeSetting)),s=core.makeStyleWithDefault("w",core.getWidthByShapeGlobalSize(t?.sizeSetting,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),g=system.createStyle({...o,...c,...s,...core.getBgByDevice({backgroundColor:t?.backgroundColor,backgroundImage:t?.backgroundImage})}),i=system.createStyle({...core.makeContainerWidthOrHeight({vertical:r?.vertical,dotStyle:r?.dotStyle}),gap:a+"px"}),y=system.createStyle({...core.makeStyleResponsive("jc",t?.align),...l}),S=system.createStyle({...s,...c}),m=system.createStyle({overflow:"hidden",flex:1,width:"100%",height:"100%"});return{rootStyleRender:y,wrapperStyleRender:g,wrapperInnerStyle:i,sliderStyle:S,sliderWrapperStyle:m}};exports.getStyle=getStyle;

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

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

package/dist/cjs/carousel/components/swiper/SwiperSlide.js

@@ -0,0 +1 @@
+"use strict";var jsxRuntime=require("react/jsx-runtime"),styles=require("./common/styles.js");function SwiperSlide(e){let{children:s,className:i,dir:r,...t}=e,l=styles.getStyleSwiperSlider(e);return jsxRuntime.jsx("swiper-slide",{class:i,...t,style:l,children:s})}exports.SwiperSlide=SwiperSlide;

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

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

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

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

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("react"),require("@gem-sdk/core"),require("@gem-sdk/system"),require("next/link");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;

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";const CAROUSEL_ANIMATION={EASE_IN:{value:"ease-in",formula:a=>a*a*a},EASE_OUT:{value:"ease-out",formula:a=>1-Math.pow(1-a,3)},EASE_IN_OUT:{value:"ease-in-out",formula:a=>a<.5?4*a*a*a:1-Math.pow(-2*a+2,3)/2},DEFAULT:{value:"default",formula:a=>1+--a*a*a*a*a}};exports.CAROUSEL_ANIMATION=CAROUSEL_ANIMATION;

package/dist/cjs/product/components/product-images-v2/ProductImagesV2.liquid.js

@@ -9,7 +9,7 @@
       "collectionUrl": {{ collection.url | json | escape }},
       "collection": {{ collection | json | escape}}
     }
-  `,p=system.createAttr({"section-id":"{{section.id}}","data-id":`${i?.uid}`}),{isOnlyFeatureAllDevices:m,isRenderGalleryGrid:n}=common.getConditionRenderGalleryImages(u?.position,s?.type),g=n?{}:system.createAttr({"data-only-image":system.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:y,productImagesGalleryClasses:f}=getProductImagesClassName.getProductImagesClassName(e),I=system.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),$=system.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:h,wrapContainerStyleOnlyOneImage:S,galleryImageStyle:q}=getProductImagesStyles.getProductImagesStyles(u),C=productGallery.getShapeByLayout({shape:u.shape,shapeForBottom:u.shapeForBottom,shapeFor1Col:u.shapeFor1Col,shapeFor2Col:u.shapeFor2Col,shapeForFtOnly:u.shapeForFtOnly,shapeForInsideBottom:u.shapeForInsideBottom??productGallery.sizeSettingDefaultForNewLayout,shapeForInside:u.shapeForInside??productGallery.sizeSettingDefaultForNewLayout},u.position),G=common.getStyleInsideLayout(u.position,C,u?.spacing),v=()=>core.template`
+  `,p=system.createAttr({"section-id":"{{section.id}}","data-id":`${i?.uid}`}),{isOnlyFeatureAllDevices:m,isRenderGalleryGrid:n}=common.getConditionRenderGalleryImages(u?.position,s?.type),g=n?{}:system.createAttr({"data-only-image":system.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:y,productImagesGalleryClasses:f}=getProductImagesClassName.getProductImagesClassName(e),I=system.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),$=system.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:h,wrapContainerStyleOnlyOneImage:S,galleryImageStyle:q}=getProductImagesStyles.getProductImagesStyles(u),v=productGallery.getShapeByLayout({shape:u.shape,shapeForBottom:u.shapeForBottom,shapeFor1Col:u.shapeFor1Col,shapeFor2Col:u.shapeFor2Col,shapeForFtOnly:u.shapeForFtOnly,shapeForInsideBottom:u.shapeForInsideBottom??productGallery.sizeSettingDefaultForNewLayout,shapeForInside:u.shapeForInside??productGallery.sizeSettingDefaultForNewLayout},u.position),C=common.getStyleInsideLayout(u.position,v,u?.spacing),G=()=>core.template`
       ${core.WrapRenderChildren({uid:i?.uid||"",customProps:o?.[0].customProps},o?.map(e=>{if(e)return core.template`${core.RenderChildren({...e,isInsideProductImage:!0,imageData:{imageShape:r?.ftShape,imageAlign:r?.align,imageLayout:r?.position},dotData:{dotSize:s?.ftDotSize,dotGapToCarousel:s?.ftDotGapToCarousel,dotStyle:s?.ftDotStyle}})}`}))}
     `,j=()=>core.template`
       <div
@@ -18,7 +18,7 @@
         ${{...g}}
       >
         ${system.LiquidIf("product.media.size > 1",GalleryCarousel_liquid.default({builderPropUID:`gp-gallery-${i?.uid}`,...u,enableLazyLoadImage:d}))}
-        ${system.If(n,GalleryGrid_liquid.default({builderPropUID:i?.uid,wrapperStyle:{...G},children:v(),...u,enableLazyLoadImage:d}))}
+        ${system.If(n,GalleryGrid_liquid.default({builderPropUID:i?.uid,wrapperStyle:{...C},children:G(),...u,enableLazyLoadImage:d}))}
       </div>
     `,P=()=>s?.borderActive?.border!=="none";return core.template`
   ${system.If(P(),system.LiquidIf("product.media.size > 1",`<style>${getBorderActiveCss.getBorderActiveCss({settings:u,uid:i?.uid,type:"Liquid"})}</style>`),"")}
@@ -26,7 +26,7 @@
     {% assign featured_image = product.featured_image %}
     ${system.LiquidIf("variant != null and variant.featured_image != null","{% assign featured_image = variant.featured_image %}")}
   `)}
-    <gp-product-images
+    <gp-product-images-v3
       gp-data='${c}'
       ${{...p}}
       style="${{...a}}"
@@ -36,9 +36,9 @@
         class="${system.LiquidIf("product.media.size > 1",`${I}`,`${$}`)}"
         style="${system.LiquidIf("product.media.size > 1",_function.getStyleOfObject(h),_function.getStyleOfObject(S))}"
       >
-        ${FeatureImageWithGallery_liquid.default({builderPropUID:`gp-carousel-${i?.uid}`,...u,children:v(),enableLazyLoadImage:d})}
+        ${FeatureImageWithGallery_liquid.default({builderPropUID:`gp-carousel-${i?.uid}`,...u,children:G(),enableLazyLoadImage:d})}
         ${system.If(!m,j())}
       </div>
-    </gp-product-images>
-    ${system.If(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-images-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-product-images-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    </gp-product-images-v3>
+    ${system.If(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-images-v3-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-product-images-v3-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};exports.default=ProductImages;

package/dist/cjs/product/components/product-images-v2/common/attrs.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),productGallery=require("./productGallery.js"),productFeaturedImage=require("./productFeaturedImage.js");const DEVICES=["desktop","mobile","tablet"],getGalleryCarouselSettingAttr=o=>{let e=productGallery.getShapeByLayout({shape:o.shape,shapeForBottom:o.shapeForBottom,shapeFor1Col:o.shapeFor1Col,shapeFor2Col:o.shapeFor2Col,shapeForFtOnly:o.shapeForFtOnly,shapeForInsideBottom:o.shapeForInsideBottom,shapeForInside:o.shapeForInside},o.position),t=productGallery.getSliderPerShowConfig(e,o.position),r={desktop:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"desktop"),tablet:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"tablet"),mobile:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"mobile")},a=DEVICES.reduce((e,t)=>(o.navigationPosition?.[t]&&(e[t]="none"!==o.navigationPosition[t]),e),{});return{...o?.loop&&{loop:o.loop},itemNumber:t,dot:{desktop:!1,tablet:!1,mobile:!1},dotStyle:productGallery.getDotStyleConfig(),controlOverContent:r,...o?.dragToScroll&&{enableDrag:{desktop:o.dragToScroll,tablet:o.dragToScroll,mobile:o.dragToScroll}},vertical:productGallery.getCarouselVerticalConfigByPosition(o.position),...o?.arrowIcon&&{arrowCustom:o.arrowIcon},arrowIconSize:o.arrowIconSize||{desktop:24},...o?.arrowIconColor&&{arrowCustomColor:o.arrowIconColor},...o?.arrowNavColor&&{arrowBackgroundColor:o.arrowNavColor},...o?.arrowNavBorder&&{arrowBorder:{desktop:o.arrowNavBorder}},...o?.arrowNavRadius&&{roundedArrow:{desktop:o.arrowNavRadius}},...o?.arrowNavShadow&&{arrowShadow:{desktop:o.arrowNavShadow}},sneakPeakType:{desktop:"center"},arrowGapToEachSide:"16",navigationStyle:o.navigationPosition,navigationEnable:a,arrowButtonSize:{desktop:{width:void 0,height:void 0}},animationMode:o?.ftAnimationMode,enableAction:{desktop:!0}}},getFeaturedCarouselSettingAttr=o=>{let e={desktop:"inside"===core.getResponsiveValueByScreen(o.ftNavigationPosition,"desktop"),tablet:"inside"===core.getResponsiveValueByScreen(o.ftNavigationPosition,"tablet"),mobile:"inside"===core.getResponsiveValueByScreen(o.ftNavigationPosition,"mobile")},t=DEVICES.reduce((e,t)=>(o.ftNavigationPosition?.[t]&&(e[t]="none"!==o.ftNavigationPosition[t]),e),{});return{...o?.ftLoop&&{loop:o.ftLoop},itemNumber:{desktop:1},dot:productGallery.getAllowDotConfig(),dotStyle:productFeaturedImage.getDotStyleForOnlyFeaturedImage({position:o.position,dotStyle:o.ftDotStyle}),dotSize:o.ftDotSize??{desktop:12},dotGapToCarousel:o.ftDotGapToCarousel??{desktop:16},dotColor:o.ftDotColor??{desktop:"bg-1"},dotActiveColor:o.ftDotActiveColor??{desktop:"line-3"},controlOverContent:e,...o?.ftDragToScroll&&{enableDrag:{desktop:o.ftDragToScroll,tablet:o.ftDragToScroll,mobile:o.ftDragToScroll}},...o?.ftArrowIcon&&{arrowCustom:o.ftArrowIcon},arrowIconSize:o.ftArrowIconSize||{desktop:24},...o?.ftArrowIconColor&&{arrowCustomColor:o.ftArrowIconColor},...o?.ftArrowNavColor&&{arrowBackgroundColor:o.ftArrowNavColor},...o?.ftArrowNavBorder&&{arrowBorder:{desktop:o.ftArrowNavBorder}},...o?.ftArrowNavRadius&&{roundedArrow:{desktop:o.ftArrowNavRadius}},...o?.ftArrowNavShadow&&{arrowShadow:{desktop:o.ftArrowNavShadow}},sneakPeakType:{desktop:"center"},arrowGapToEachSide:"16",animationMode:o?.ftAnimationMode,...o?.ftNavigationPosition&&{navigationStyle:o.ftNavigationPosition},navigationEnable:t,arrowButtonSize:{desktop:{width:void 0,height:void 0}},enableAction:{desktop:!0}}};exports.getFeaturedCarouselSettingAttr=getFeaturedCarouselSettingAttr,exports.getGalleryCarouselSettingAttr=getGalleryCarouselSettingAttr;
+"use strict";var core=require("@gem-sdk/core"),productGallery=require("./productGallery.js"),productFeaturedImage=require("./productFeaturedImage.js");const DEVICES=["desktop","mobile","tablet"],getGalleryCarouselSettingAttr=o=>{let t={desktop:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"desktop"),tablet:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"tablet"),mobile:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"mobile")},e=DEVICES.reduce((t,e)=>(o.navigationPosition?.[e]&&(t[e]="none"!==o.navigationPosition[e]),t),{});return{...o?.loop&&{loop:o.loop},itemNumber:{desktop:"auto",tablet:"auto",mobile:"auto"},dot:{desktop:!1,tablet:!1,mobile:!1},dotStyle:productGallery.getDotStyleConfig(),controlOverContent:t,...o?.dragToScroll&&{enableDrag:{desktop:o.dragToScroll,tablet:o.dragToScroll,mobile:o.dragToScroll}},vertical:productGallery.getCarouselVerticalConfigByPosition(o.position),...o?.arrowIcon&&{arrowCustom:o.arrowIcon},arrowIconSize:o.arrowIconSize||{desktop:24},...o?.arrowIconColor&&{arrowCustomColor:o.arrowIconColor},...o?.arrowNavColor&&{arrowBackgroundColor:o.arrowNavColor},...o?.arrowNavBorder&&{arrowBorder:{desktop:o.arrowNavBorder}},...o?.arrowNavRadius&&{roundedArrow:{desktop:o.arrowNavRadius}},...o?.arrowNavShadow&&{arrowShadow:{desktop:o.arrowNavShadow}},arrowGapToEachSide:"16",navigationStyle:o.navigationPosition,navigationEnable:e,arrowButtonSize:{desktop:{width:void 0,height:void 0}},animationMode:o?.ftAnimationMode,enableAction:{desktop:!0}}},getFeaturedCarouselSettingAttr=o=>{let t={desktop:"inside"===core.getResponsiveValueByScreen(o.ftNavigationPosition,"desktop"),tablet:"inside"===core.getResponsiveValueByScreen(o.ftNavigationPosition,"tablet"),mobile:"inside"===core.getResponsiveValueByScreen(o.ftNavigationPosition,"mobile")},e=DEVICES.reduce((t,e)=>(o.ftNavigationPosition?.[e]&&(t[e]="none"!==o.ftNavigationPosition[e]),t),{});return{...o?.ftLoop&&{loop:o.ftLoop},itemNumber:{desktop:1},dot:productGallery.getAllowDotConfig(),dotStyle:productFeaturedImage.getDotStyleForOnlyFeaturedImage({position:o.position,dotStyle:o.ftDotStyle}),dotSize:o.ftDotSize??{desktop:12},dotGapToCarousel:o.ftDotGapToCarousel??{desktop:16},dotColor:o.ftDotColor??{desktop:"bg-1"},dotActiveColor:o.ftDotActiveColor??{desktop:"line-3"},controlOverContent:t,...o?.ftDragToScroll&&{enableDrag:{desktop:o.ftDragToScroll,tablet:o.ftDragToScroll,mobile:o.ftDragToScroll}},...o?.ftArrowIcon&&{arrowCustom:o.ftArrowIcon},arrowIconSize:o.ftArrowIconSize||{desktop:24},...o?.ftArrowIconColor&&{arrowCustomColor:o.ftArrowIconColor},...o?.ftArrowNavColor&&{arrowBackgroundColor:o.ftArrowNavColor},...o?.ftArrowNavBorder&&{arrowBorder:{desktop:o.ftArrowNavBorder}},...o?.ftArrowNavRadius&&{roundedArrow:{desktop:o.ftArrowNavRadius}},...o?.ftArrowNavShadow&&{arrowShadow:{desktop:o.ftArrowNavShadow}},sneakPeakType:{desktop:"center"},arrowGapToEachSide:"16",animationMode:o?.ftAnimationMode,...o?.ftNavigationPosition&&{navigationStyle:o.ftNavigationPosition},navigationEnable:e,arrowButtonSize:{desktop:{width:void 0,height:void 0}},enableAction:{desktop:!0}}};exports.getFeaturedCarouselSettingAttr=getFeaturedCarouselSettingAttr,exports.getGalleryCarouselSettingAttr=getGalleryCarouselSettingAttr;

package/dist/cjs/product/components/product-images-v2/common/classes.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");function composeClasses(e){return e.split(" ").reduce((e,s)=>(e[s]=!0,e),{})}const getWrapperClasses=({extraClass:e,isAddOverFlowClass:s=!1})=>{let l="gp-relative gp-w-full";return e&&(l+=` ${e}`),s&&(l+=" gp-overflow-hidden"),composeClasses(l)},getGalleryWrapperClasses=({extraClass:e})=>{let s="gallery-wrapper gp-product-images-gallery gp-flex gp-overflow-hidden gp-max-w-full gp-max-h-full data-[only-image=true]:gp-hidden";return e&&(s+=` ${e}`),composeClasses(s)},getGalleryGridWrapperClasses=({extraClass:e})=>{let s="product-feature-image grid-gallery gp-flex !gp-h-fit gp-w-full gp-flex-wrap scrollbar-track:gp-rounded-2xl scrollbar-thumb:gp-rounded-2xl scrollbar-thumb:gp-bg-gray-400";return e&&(s+=` ${e}`),composeClasses(s)},getFtImageWithGalleryClasses=({extraClass:e})=>{let s="gp-flex !gp-h-fit gp-relative gp-overflow-hidden";return e&&(s+=` ${e}`),composeClasses(s)},getImageGalleryWrapperClasses=({extraClass:e})=>{let s="gp-flex gp-h-fit gp-max-w-full gp-overflow-hidden";return e&&(s+=` ${e}`),composeClasses(s)},getFeaturedImageCarouselClasses=({extraClass:e})=>{let s="`gp-flex-1 gp-w-full gp-feature-image-carousel";return e&&(s+=` ${e}`),composeClasses(s)},getFeaturedImageClasses=({setting:e,extraClass:s})=>{let l=s??"";return core.DEVICES.forEach(s=>{let r=core.getResponsiveValueByScreen(e?.ftNavigationPosition,s),a="desktop"!==s?`${s}:`:"";"outside"===r?l+=` ${a}gp-px-[16px]`:l+=` ${a}gp-px-0`}),composeClasses(l)},getFeaturedImageGalleryClasses=({settings:e,extraClass:s})=>{let l=s??"gp-flex-1 gp-w-full carousel-gallery";return core.DEVICES.forEach(s=>{let r=core.getResponsiveValueByScreen(e?.navigationPosition,s),a=core.getResponsiveValueByScreen(e?.type,s),t=core.getResponsiveValueByScreen(e?.position,s),p="desktop"!==s?`${s}:`:"";"outside"===r&&"slider"===a&&["bottom-center"].includes(t||"")?l+=` ${p}gp-px-[16px]`:l+=` ${p}gp-px-0`}),composeClasses(l)},getGalleryItemClasses=({extraClass:e})=>{let s="gp-image-item gp-flex gp-items-center gp-justify-center gp-group gp-relative gp-overflow-hidden gp-cursor-pointer data-[outline=deactive]:after:!gp-border-transparent";return e&&(s+=` ${e}`),composeClasses(s)},getFeaturedCarouselItemClasses=({extraClass:e})=>{let s="gp-group gp-z-0 gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline";return e&&(s+=` ${e}`),composeClasses(s)};exports.getFeaturedCarouselItemClasses=getFeaturedCarouselItemClasses,exports.getFeaturedImageCarouselClasses=getFeaturedImageCarouselClasses,exports.getFeaturedImageClasses=getFeaturedImageClasses,exports.getFeaturedImageGalleryClasses=getFeaturedImageGalleryClasses,exports.getFtImageWithGalleryClasses=getFtImageWithGalleryClasses,exports.getGalleryGridWrapperClasses=getGalleryGridWrapperClasses,exports.getGalleryItemClasses=getGalleryItemClasses,exports.getGalleryWrapperClasses=getGalleryWrapperClasses,exports.getImageGalleryWrapperClasses=getImageGalleryWrapperClasses,exports.getWrapperClasses=getWrapperClasses;
+"use strict";var core=require("@gem-sdk/core");function composeClasses(e){return e.split(" ").reduce((e,s)=>(e[s]=!0,e),{})}const getWrapperClasses=({extraClass:e,isAddOverFlowClass:s=!1})=>{let l="gp-relative gp-w-full";return e&&(l+=` ${e}`),s&&(l+=" gp-overflow-hidden"),composeClasses(l)},getGalleryWrapperClasses=({extraClass:e})=>{let s="gallery-wrapper gp-product-images-gallery gp-flex gp-overflow-hidden gp-max-w-full gp-max-h-full data-[only-image=true]:gp-hidden";return e&&(s+=` ${e}`),composeClasses(s)},getGalleryGridWrapperClasses=({extraClass:e})=>{let s="product-feature-image grid-gallery gp-flex !gp-h-fit gp-w-full gp-flex-wrap scrollbar-track:gp-rounded-2xl scrollbar-thumb:gp-rounded-2xl scrollbar-thumb:gp-bg-gray-400 gp-z-1";return e&&(s+=` ${e}`),composeClasses(s)},getFtImageWithGalleryClasses=({extraClass:e})=>{let s="gp-flex !gp-h-fit gp-relative gp-overflow-hidden";return e&&(s+=` ${e}`),composeClasses(s)},getImageGalleryWrapperClasses=({extraClass:e})=>{let s="gp-flex gp-h-fit gp-max-w-full gp-overflow-hidden";return e&&(s+=` ${e}`),composeClasses(s)},getFeaturedImageCarouselClasses=({extraClass:e})=>{let s="`gp-flex-1 gp-w-full gp-feature-image-carousel";return e&&(s+=` ${e}`),composeClasses(s)},getFeaturedImageClasses=({setting:e,extraClass:s})=>{let l=s??"";return core.DEVICES.forEach(s=>{let r=core.getResponsiveValueByScreen(e?.ftNavigationPosition,s),a="desktop"!==s?`${s}:`:"";"outside"===r?l+=` ${a}gp-px-[16px]`:l+=` ${a}gp-px-0`}),composeClasses(l)},getFeaturedImageGalleryClasses=({settings:e,extraClass:s})=>{let l=s??"gp-flex-1 gp-w-full carousel-gallery";return core.DEVICES.forEach(s=>{let r=core.getResponsiveValueByScreen(e?.navigationPosition,s),a=core.getResponsiveValueByScreen(e?.type,s),t=core.getResponsiveValueByScreen(e?.position,s),g="desktop"!==s?`${s}:`:"";"outside"===r&&"slider"===a&&["bottom-center"].includes(t||"")?l+=` ${g}gp-px-[16px]`:l+=` ${g}gp-px-0`}),composeClasses(l)},getGalleryItemClasses=({extraClass:e})=>{let s="gp-image-item gp-flex gp-items-center gp-justify-center gp-group gp-relative gp-overflow-hidden gp-cursor-pointer";return e&&(s+=` ${e}`),composeClasses(s)},getFeaturedCarouselItemClasses=({extraClass:e})=>{let s="gp-group gp-z-0 gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline";return e&&(s+=` ${e}`),composeClasses(s)};exports.getFeaturedCarouselItemClasses=getFeaturedCarouselItemClasses,exports.getFeaturedImageCarouselClasses=getFeaturedImageCarouselClasses,exports.getFeaturedImageClasses=getFeaturedImageClasses,exports.getFeaturedImageGalleryClasses=getFeaturedImageGalleryClasses,exports.getFtImageWithGalleryClasses=getFtImageWithGalleryClasses,exports.getGalleryGridWrapperClasses=getGalleryGridWrapperClasses,exports.getGalleryItemClasses=getGalleryItemClasses,exports.getGalleryWrapperClasses=getGalleryWrapperClasses,exports.getImageGalleryWrapperClasses=getImageGalleryWrapperClasses,exports.getWrapperClasses=getWrapperClasses;

package/dist/cjs/product/components/product-images-v2/common/getBorderActiveCss.js

@@ -1,4 +1,4 @@
-"use strict";var core=require("@gem-sdk/core");const getBorderActiveCss=({settings:e,uid:t,type:r})=>{let i="Liquid"===r?`.gem-slider-item-${t}-{{product.id}}.gp-gallery-image-item::after, .gem-slider-item-gp-gallery-${t}-{{product.id}}.gp-gallery-image-item::after`:`.gem-slider-item-active.gem-slider-item-${t}.gp-gallery-image-item::after`;return`
+"use strict";var core=require("@gem-sdk/core");const getBorderActiveCss=({settings:e,uid:t,type:r})=>{let i="Liquid"===r?`.gem-slider-item-${t}-{{product.id}}.gp-gallery-image-item::after, .gem-slider-item-gp-gallery-${t}-{{product.id}}.gp-gallery-image-item.gem-slider-item-active::after`:`.gem-slider-item-active.gem-slider-item-${t}.gp-gallery-image-item::after`;return`
     ${i} {
       content: "";
       height: 100%;
@@ -13,4 +13,8 @@
     .gem-slider-item-${t}-{{product.id}}.gp-gallery-image-item[data-outline=active]:after, .gem-slider-item-gp-gallery-${t}-{{product.id}}.gp-gallery-image-item[data-outline=active]:after {
       pointer-events: none;
     }
+    .gem-slider-item-${t}-{{product.id}}.gp-gallery-image-item[data-outline=none]:after{
+        pointer-events: none;
+        border-color: transparent !important;
+    }
   `};exports.getBorderActiveCss=getBorderActiveCss;

package/dist/cjs/product/components/product-images-v2/common/productFeaturedImage.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const isFeatureMedia=e=>!!e&&["EXTERNAL_VIDEO","MODEL_3D","VIDEO"].includes(e),getZoomLenClass=()=>"!gp-flex gp-absolute gp-opacity-0 gp-h-[150px] gp-w-[150px] gp-cursor-none gp-rounded-full gp-bg-no-repeat gp-shadow-glasses gp-bg-white gp-pointer-events-none",getZoomImageClass=()=>"gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white gp-pointer-events-none",getDotStyleForOnlyFeaturedImage=e=>{let o={};return core.DEVICES.forEach(t=>{let r=core.getResponsiveValueByScreen(e.position,t),s=core.getResponsiveValueByScreen(e.dotStyle,t);o={...o,[t]:"only-feature"===r?s:"none"}}),o},checkRenderFeaturedCarousel=e=>{let o=["desktop","mobile","tablet"],t=!1;return o.forEach(o=>{let r=checkShowCarousel(e,o);checkShowCarousel(e,o)&&(t=r)}),t},checkShowCarousel=(e,o)=>"only-feature"!==core.getResponsiveValueByScreen(e.position,o)||"none"!==core.getResponsiveValueByScreen(e.ftNavigationPosition,o)||"none"!==core.getResponsiveValueByScreen(e.ftDotStyle,o)||!0===core.getResponsiveValueByScreen(e.ftLoop,o)||!0===e.ftDragToScroll;exports.checkRenderFeaturedCarousel=checkRenderFeaturedCarousel,exports.getDotStyleForOnlyFeaturedImage=getDotStyleForOnlyFeaturedImage,exports.getZoomImageClass=getZoomImageClass,exports.getZoomLenClass=getZoomLenClass,exports.isFeatureMedia=isFeatureMedia;
+"use strict";var core=require("@gem-sdk/core");const isFeatureMedia=e=>!!e&&["EXTERNAL_VIDEO","MODEL_3D","VIDEO"].includes(e),getZoomLenClass=()=>"!gp-flex gp-absolute gp-opacity-0 gp-h-[150px] gp-w-[150px] gp-cursor-none gp-rounded-full gp-bg-no-repeat gp-shadow-glasses gp-bg-white gp-pointer-events-none",getZoomImageClass=()=>"gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white gp-pointer-events-none",getDotStyleForOnlyFeaturedImage=e=>{let o={};return core.DEVICES.forEach(t=>{let r=core.getResponsiveValueByScreen(e.position,t),s=core.getResponsiveValueByScreen(e.dotStyle,t);o={...o,[t]:"only-feature"===r?s:"none"}}),o},getVideoHeight=e=>{if(!e)return null;let o={};return Object.keys(e).forEach(t=>{let r=e[t];r&&(o[t]="cover"===r?"100%":"auto")}),core.makeStyleResponsive("h",o)},checkRenderFeaturedCarousel=e=>{let o=["desktop","mobile","tablet"],t=!1;return o.forEach(o=>{let r=checkShowCarousel(e,o);checkShowCarousel(e,o)&&(t=r)}),t},checkShowCarousel=(e,o)=>"only-feature"!==core.getResponsiveValueByScreen(e.position,o)||"none"!==core.getResponsiveValueByScreen(e.ftNavigationPosition,o)||"none"!==core.getResponsiveValueByScreen(e.ftDotStyle,o)||!0===core.getResponsiveValueByScreen(e.ftLoop,o)||!0===e.ftDragToScroll;exports.checkRenderFeaturedCarousel=checkRenderFeaturedCarousel,exports.getDotStyleForOnlyFeaturedImage=getDotStyleForOnlyFeaturedImage,exports.getVideoHeight=getVideoHeight,exports.getZoomImageClass=getZoomImageClass,exports.getZoomLenClass=getZoomLenClass,exports.isFeatureMedia=isFeatureMedia;

package/dist/cjs/product/components/product-images-v2/common/productGallery.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),common=require("./common.js"),productFeaturedImage=require("../../product-images/common/productFeaturedImage.js");const getZoomDisplay=e=>common.getDisplayStyle(t=>!core.getResponsiveValueByScreen(e,t),"flex"),HORIZONTAL_LAYOUT=["right","left","inside-left","inside-right"],sizeSettingDefaultForNewLayout={desktop:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}},getCarouselVerticalConfigByPosition=e=>{let t=["desktop","mobile","tablet"],o={};return t.forEach(t=>{let i=core.getResponsiveValueByScreen(e,t),r=HORIZONTAL_LAYOUT.includes(i);o=r?{...o,[t]:!0}:{...o,[t]:!1}}),o},getMinHeightByPosition=(e,t)=>{let o=["desktop","mobile","tablet"],i=getCarouselVerticalConfigByPosition(e),r={};return o.forEach(e=>{let o=core.getResponsiveValueByScreen(t,e),s="desktop"===e?"":`${e}:`;r[`${s}!gp-min-h-0`]=!!i[e]&&"outside"===o,r[`${s}!gp-min-h-full`]=!(i[e]&&"outside"===o)}),core.cls({...r})},getEditorMinHeightClass=(e,t,o)=>{let i=getCarouselVerticalConfigByPosition(t),r=core.getResponsiveValueByScreen(o,e);return i[e]&&"outside"===r?"!gp-min-h-0":"!gp-min-h-full"},getAllowDotConfig=()=>({desktop:!0,tablet:!0,mobile:!0}),getDotStyleConfig=()=>({desktop:"none",tablet:"none",mobile:"none"}),getSettingWidthForGridItem=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=core.getResponsiveValueByScreen(e.shapeByLayout,o)?.width,r=core.getResponsiveValueByScreen(e.itemSpacing,o),s=0;i?.includes("%")&&(s=100/parseInt(i)),t={...t,[o]:s?`calc(${i} - ${r} * ${s-1} / ${s})`:i}}),t},getSettingWidthForCarouselItem=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=core.getResponsiveValueByScreen(e.position,o),r="bottom-center"===i,s=core.getResponsiveValueByScreen(e.shapeByLayout,o)?.width;t={...t,[o]:r&&s?.includes("px")?s:"100%"}}),t},getSettingMinWidthForCarouselItem=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=core.getResponsiveValueByScreen(e.position,o),r=productFeaturedImage.convertUnitToNumber(core.getResponsiveValueByScreen(e.spacing,o),5),s="bottom-center"===i||"inside-bottom"===i,a=core.getResponsiveValueByScreen(e.shapeByLayout,o)?.width,n="100%";if(s){let e=100/productFeaturedImage.convertUnitToNumber(a,20);n=a?.includes("px")?a:a?.includes("%")?`calc(${a} - ${(e-1)*r/e}px)`:"100%"}t={...t,[o]:n}}),t},checkDisplayGalleryByWidth=e=>{let t={desktop:!0,tablet:!0,mobile:!0},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=core.getResponsiveValueByScreen(e.shapeByLayout,o)?.width??"100%",r=0!==parseInt(i);t={...t,[o]:r}}),t},getSliderPerShowConfig=(e,t)=>{let o={desktop:"auto",tablet:"auto",mobile:"auto"},i=["desktop","mobile","tablet"];return i.forEach(i=>{let r=core.getResponsiveValueByScreen(t,i),s="bottom-center"===r||"inside-bottom"===r,a=core.getResponsiveValueByScreen(e,i)?.width,n="auto";a?.includes("%")&&(n=100>parseInt(a)?100/parseInt(a):"auto"),o={...o,[i]:s?n:"auto"}}),o},getShapeByLayout=(e,t)=>{let o={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let r=core.getResponsiveValueByScreen(t,i);switch(r){case"bottom-center":case"bottom-left":o={...o,[i]:core.getResponsiveValueByScreen(e.shapeForBottom,i)};break;case"inside-bottom":o={...o,[i]:core.getResponsiveValueByScreen(e.shapeForInsideBottom??sizeSettingDefaultForNewLayout,i)};break;case"left":case"right":o={...o,[i]:core.getResponsiveValueByScreen(e.shape,i)};break;case"inside-left":case"inside-right":o={...o,[i]:core.getResponsiveValueByScreen(e.shapeForInside??sizeSettingDefaultForNewLayout,i)};break;case"only-feature":o={...o,[i]:core.getResponsiveValueByScreen(e.shapeForFtOnly,i)};break;case"one-col":o={...o,[i]:core.getResponsiveValueByScreen(e.shapeFor1Col,i)};break;case"two-col":o={...o,[i]:core.getResponsiveValueByScreen(e.shapeFor2Col,i)}}}),o};exports.HORIZONTAL_LAYOUT=HORIZONTAL_LAYOUT,exports.checkDisplayGalleryByWidth=checkDisplayGalleryByWidth,exports.getAllowDotConfig=getAllowDotConfig,exports.getCarouselVerticalConfigByPosition=getCarouselVerticalConfigByPosition,exports.getDotStyleConfig=getDotStyleConfig,exports.getEditorMinHeightClass=getEditorMinHeightClass,exports.getMinHeightByPosition=getMinHeightByPosition,exports.getSettingMinWidthForCarouselItem=getSettingMinWidthForCarouselItem,exports.getSettingWidthForCarouselItem=getSettingWidthForCarouselItem,exports.getSettingWidthForGridItem=getSettingWidthForGridItem,exports.getShapeByLayout=getShapeByLayout,exports.getSliderPerShowConfig=getSliderPerShowConfig,exports.getZoomDisplay=getZoomDisplay,exports.sizeSettingDefaultForNewLayout=sizeSettingDefaultForNewLayout;
+"use strict";var core=require("@gem-sdk/core"),common=require("./common.js"),productFeaturedImage=require("../../product-images/common/productFeaturedImage.js");const getZoomDisplay=e=>common.getDisplayStyle(t=>!core.getResponsiveValueByScreen(e,t),"flex"),HORIZONTAL_LAYOUT=["right","left","inside-left","inside-right"],sizeSettingDefaultForNewLayout={desktop:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}},getCarouselVerticalConfigByPosition=e=>{let t=["desktop","mobile","tablet"],o={};return t.forEach(t=>{let i=core.getResponsiveValueByScreen(e,t),r=HORIZONTAL_LAYOUT.includes(i);o=r?{...o,[t]:!0}:{...o,[t]:!1}}),o},getMinHeightByPosition=(e,t)=>{let o=["desktop","mobile","tablet"],i=getCarouselVerticalConfigByPosition(e),r={};return o.forEach(e=>{let o=core.getResponsiveValueByScreen(t,e),s="desktop"===e?"":`${e}:`;r[`${s}!gp-min-h-0`]=!!i[e]&&"outside"===o,r[`${s}!gp-min-h-full`]=!(i[e]&&"outside"===o)}),core.cls({...r})},getEditorMinHeightClass=(e,t,o)=>{let i=getCarouselVerticalConfigByPosition(t),r=core.getResponsiveValueByScreen(o,e);return i[e]&&"outside"===r?"!gp-min-h-0":"!gp-min-h-full"},getAllowDotConfig=()=>({desktop:!0,tablet:!0,mobile:!0}),getDotStyleConfig=()=>({desktop:"none",tablet:"none",mobile:"none"}),getSettingWidthForGridItem=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=core.getResponsiveValueByScreen(e.shapeByLayout,o)?.width,r=core.getResponsiveValueByScreen(e.itemSpacing,o),s=0;i?.includes("%")&&(s=100/parseInt(i)),t={...t,[o]:s?`calc(${i} - ${r} * ${s-1} / ${s})`:i}}),t},getSettingWidthForCarouselItem=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=core.getResponsiveValueByScreen(e.position,o),r="bottom-center"===i,s=core.getResponsiveValueByScreen(e.shapeByLayout,o)?.width;t={...t,[o]:r&&s?.includes("px")?s:"100%"}}),t},getSettingMinWidthForCarouselItem=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=core.getResponsiveValueByScreen(e.position,o),r=productFeaturedImage.convertUnitToNumber(core.getResponsiveValueByScreen(e.spacing,o),5),s="bottom-center"===i||"inside-bottom"===i,a=core.getResponsiveValueByScreen(e.shapeByLayout,o)?.width,n="100%";if(s){let e=100/productFeaturedImage.convertUnitToNumber(a,20);n=a?.includes("px")?a:a?.includes("%")?`calc(${a} - ${(e-1)*r/e}px)`:"100%"}t={...t,[o]:n}}),t},checkDisplayGalleryByWidth=e=>{let t={desktop:!0,tablet:!0,mobile:!0},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=core.getResponsiveValueByScreen(e.shapeByLayout,o)?.width??"100%",r=0!==parseInt(i);t={...t,[o]:r}}),t},getShapeByLayout=(e,t)=>{let o={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let r=core.getResponsiveValueByScreen(t,i);switch(r){case"bottom-center":case"bottom-left":o={...o,[i]:core.getResponsiveValueByScreen(e.shapeForBottom,i)};break;case"inside-bottom":o={...o,[i]:core.getResponsiveValueByScreen(e.shapeForInsideBottom??sizeSettingDefaultForNewLayout,i)};break;case"left":case"right":o={...o,[i]:core.getResponsiveValueByScreen(e.shape,i)};break;case"inside-left":case"inside-right":o={...o,[i]:core.getResponsiveValueByScreen(e.shapeForInside??sizeSettingDefaultForNewLayout,i)};break;case"only-feature":o={...o,[i]:core.getResponsiveValueByScreen(e.shapeForFtOnly,i)};break;case"one-col":o={...o,[i]:core.getResponsiveValueByScreen(e.shapeFor1Col,i)};break;case"two-col":o={...o,[i]:core.getResponsiveValueByScreen(e.shapeFor2Col,i)}}}),o};exports.HORIZONTAL_LAYOUT=HORIZONTAL_LAYOUT,exports.checkDisplayGalleryByWidth=checkDisplayGalleryByWidth,exports.getAllowDotConfig=getAllowDotConfig,exports.getCarouselVerticalConfigByPosition=getCarouselVerticalConfigByPosition,exports.getDotStyleConfig=getDotStyleConfig,exports.getEditorMinHeightClass=getEditorMinHeightClass,exports.getMinHeightByPosition=getMinHeightByPosition,exports.getSettingMinWidthForCarouselItem=getSettingMinWidthForCarouselItem,exports.getSettingWidthForCarouselItem=getSettingWidthForCarouselItem,exports.getSettingWidthForGridItem=getSettingWidthForGridItem,exports.getShapeByLayout=getShapeByLayout,exports.getZoomDisplay=getZoomDisplay,exports.sizeSettingDefaultForNewLayout=sizeSettingDefaultForNewLayout;

package/dist/cjs/product/components/product-images-v2/common/styles.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),common=require("./common.js"),productGallery=require("./productGallery.js");const DEVICES=["desktop","mobile","tablet"];function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}const getWrapContainerStyle=(e,t)=>{let o=common.getStyleGridLayout({position:e.position,ratioLayout:e.ratioLayout,ratioLayoutRight:e.ratioLayoutRight,isHiddenGalleryImages:!!t}),r={"--gtc":"minmax(0, 12fr)"},a={...t?r:o,...core.makeStyleResponsive("gg",e?.spacing)};return filterTruthyStyles(a)},getFeatureImageStyle=(e,{enableOrder:t,enableDisplay:o})=>{let r=()=>common.getDisplayStyle(t=>!["bottom-center","left","right","only-feature","inside-bottom","inside-left","inside-right"].includes(core.getResponsiveValueByScreen(e?.position,t)||""),"flex"),a=common.getStyleGridOrderForFeature({position:e?.position}),l={...core.makeStyleResponsive("jc",e?.align),...t&&{...a},...o&&{...r()}};return filterTruthyStyles(l)},getGalleryImageStyle=(e,t)=>{let o=common.getStyleGridOrderForGallery({position:e.position}),r=()=>{let o={},r=t??0;return DEVICES.forEach(t=>{let a=core.getResponsiveValueByScreen(e?.position,t),l=["left","right"].includes(a),i=core.getResponsiveValueByScreen(e?.spacing,t),s=["inside-left","inside-right"].includes(a),n=common.convertSpacingForIndisdeLayout(i),p=`calc(${r}px - ${n})`;o={...o,[t]:l?r+"px":s?p:"auto"}}),o},a=productGallery.getShapeByLayout({shape:e.shape,shapeForBottom:e.shapeForBottom,shapeFor1Col:e.shapeFor1Col,shapeFor2Col:e.shapeFor2Col,shapeForFtOnly:e.shapeForFtOnly,shapeForInsideBottom:e.shapeForInsideBottom??productGallery.sizeSettingDefaultForNewLayout,shapeForInside:e.shapeForInside??productGallery.sizeSettingDefaultForNewLayout},e.position),l=common.getStyleInsideLayout(e.position,a,e?.spacing),i={...core.makeStyleResponsive("h",core.makeHeight(r())),...core.makeStyleResponsive("jc",e?.align),...o,...l};return filterTruthyStyles(i)},getGalleryGridStyle=(e,t)=>{let o=productGallery.getShapeByLayout({shape:e.shape,shapeForBottom:e.shapeForBottom,shapeFor1Col:e.shapeFor1Col,shapeFor2Col:e.shapeFor2Col,shapeForFtOnly:e.shapeForFtOnly,shapeForInsideBottom:e.shapeForInsideBottom,shapeForInside:e.shapeForInside},e.position),r=()=>{let t=(e,t,o)=>{let r=core.getResponsiveValueByScreen(t,o),a=core.getResponsiveValueByScreen(e,o),l="slider"!==a&&("bottom-center"===r||"inside-bottom"===r),i=["one-col","two-col"].includes(r||"");return l||i},r=productGallery.checkDisplayGalleryByWidth({shapeByLayout:o}),a={desktop:r.desktop&&t(e.type,e.position,"desktop"),tablet:r.tablet&&t(e.type,e.position,"tablet"),mobile:r.mobile&&t(e.type,e.position,"mobile")};return common.getDisplayStyle(e=>!a[e],"flex")},a={...r(),...core.makeStyleResponsive("cg",e?.itemSpacing),...core.makeStyleResponsive("rg",e?.itemSpacing),...core.makeStyleResponsive("jc",e?.align),...t};return filterTruthyStyles(a)},getGalleryGridItemStyle=e=>{let t=productGallery.getShapeByLayout({shape:e.shape,shapeForBottom:e.shapeForBottom,shapeFor1Col:e.shapeFor1Col,shapeFor2Col:e.shapeFor2Col,shapeForFtOnly:e.shapeForFtOnly,shapeForInsideBottom:e.shapeForInsideBottom,shapeForInside:e.shapeForInside},e.position),o=core.getHeightByShapeGlobalSize(t),r=productGallery.getSettingWidthForGridItem({shapeByLayout:t,itemSpacing:e.itemSpacing}),a={"max-width":"100%","outline-color":"var(--g-c-brand, brand)",...core.makeStyleResponsive("h",core.makeHeight(o)),...core.makeStyleResponsive("w",core.makeWidth(r)),...core.composeRadius({normal:e.corner})};return filterTruthyStyles(a)},getFeatureImageCarouselItemStyle=e=>{let t=core.getHeightByShapeGlobalSize(e.ftShape),o={"max-width":"100%","outline-color":"var(--g-c-brand, brand)",...core.composeRadius({normal:e?.ftCorner}),...core.makeStyleResponsive("h",core.makeHeight(t))};return filterTruthyStyles(o)},getGalleryCarouselStyle=e=>{let t=productGallery.getShapeByLayout({shape:e.shape,shapeForBottom:e.shapeForBottom,shapeFor1Col:e.shapeFor1Col,shapeFor2Col:e.shapeFor2Col,shapeForFtOnly:e.shapeForFtOnly,shapeForInsideBottom:e.shapeForInsideBottom,shapeForInside:e.shapeForInside},e.position),o=o=>{let r=core.getResponsiveValueByScreen(e?.position,o),a="bottom-center"===r||"inside-bottom"===r,l="inside-left"===r||"inside-right"===r||"left"===r||"right"===r,i=core.getResponsiveValueByScreen(t,o);return a||l||!i?.width?"100%":i.width},r={spacing:common.convertSpacing(e?.itemSpacing),sizeSetting:{desktop:{width:o("desktop"),height:"100%"},tablet:{width:o("tablet"),height:"100%"},mobile:{width:o("mobile"),height:"100%"}}};return filterTruthyStyles(r)},getGalleryCarouselItemStyle=e=>{let t=productGallery.getShapeByLayout({shape:e.shape,shapeForBottom:e.shapeForBottom,shapeFor1Col:e.shapeFor1Col,shapeFor2Col:e.shapeFor2Col,shapeForFtOnly:e.shapeForFtOnly,shapeForInsideBottom:e.shapeForInsideBottom,shapeForInside:e.shapeForInside},e.position),o=core.makeStyleResponsive("minw",core.makeWidth(productGallery.getSettingMinWidthForCarouselItem({shapeByLayout:t,position:e.position,spacing:e.itemSpacing}))),r=core.makeStyleResponsive("maxw",core.makeWidth(productGallery.getSettingMinWidthForCarouselItem({shapeByLayout:t,position:e.position,spacing:e.itemSpacing}))),a=core.makeStyleResponsive("w",core.makeWidth(productGallery.getSettingWidthForCarouselItem({shapeByLayout:t,position:e.position}))),l=core.makeStyleResponsive("h",core.makeHeight(core.getHeightByShapeGlobalSize(t))),i={"outline-color":"var(--g-c-brand, brand)",...o,...r,...a,...l,...core.composeRadius({normal:e.corner})};return filterTruthyStyles(i)},getFeaturedImageCarouselStyle=e=>{let t=t=>{let o=core.getResponsiveValueByScreen(e.ftShape,t);return o?.width??"100%"},o={playSpeed:e?.ftAnimationSpeed,sizeSetting:{desktop:{width:t("desktop"),height:"auto"},tablet:{width:t("tablet"),height:"auto"},mobile:{width:t("mobile"),height:"auto"}},align:{desktop:core.getResponsiveValueByScreen(e?.align,"desktop"),tablet:core.getResponsiveValueByScreen(e?.align,"tablet"),mobile:core.getResponsiveValueByScreen(e?.align,"mobile")}};return filterTruthyStyles(o)},getFeaturedImageOnlyOneImageStyle=({setting:e,options:t})=>{let o=core.getHeightByShapeGlobalSize(e?.ftShape),r={...core.makeStyleWithDefault("w",core.getWidthByShapeGlobalSize(e?.ftShape,!1,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...t?.enableRadius&&core.composeRadius({normal:e?.ftCorner}),...t?.enableHeight&&core.makeStyleResponsive("h",core.makeHeight(o))};return filterTruthyStyles(r)};exports.getFeatureImageCarouselItemStyle=getFeatureImageCarouselItemStyle,exports.getFeatureImageStyle=getFeatureImageStyle,exports.getFeaturedImageCarouselStyle=getFeaturedImageCarouselStyle,exports.getFeaturedImageOnlyOneImageStyle=getFeaturedImageOnlyOneImageStyle,exports.getGalleryCarouselItemStyle=getGalleryCarouselItemStyle,exports.getGalleryCarouselStyle=getGalleryCarouselStyle,exports.getGalleryGridItemStyle=getGalleryGridItemStyle,exports.getGalleryGridStyle=getGalleryGridStyle,exports.getGalleryImageStyle=getGalleryImageStyle,exports.getWrapContainerStyle=getWrapContainerStyle;
+"use strict";var core=require("@gem-sdk/core"),common=require("./common.js"),productGallery=require("./productGallery.js");const DEVICES=["desktop","mobile","tablet"];function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}const getWrapContainerStyle=(e,t)=>{let o=common.getStyleGridLayout({position:e.position,ratioLayout:e.ratioLayout,ratioLayoutRight:e.ratioLayoutRight,isHiddenGalleryImages:!!t}),r={"--gtc":"minmax(0, 12fr)"},a={...t?r:o,...core.makeStyleResponsive("gg",e?.spacing)};return filterTruthyStyles(a)},getFeatureImageStyle=(e,{enableOrder:t,enableDisplay:o})=>{let r=()=>common.getDisplayStyle(t=>!["bottom-center","left","right","only-feature","inside-bottom","inside-left","inside-right"].includes(core.getResponsiveValueByScreen(e?.position,t)||""),"flex"),a=common.getStyleGridOrderForFeature({position:e?.position}),l={...core.makeStyleResponsive("jc",e?.align),...t&&{...a},...o&&{...r()}};return filterTruthyStyles(l)},getGalleryImageStyle=(e,t)=>{let o=common.getStyleGridOrderForGallery({position:e.position}),r=()=>{let o={},r=t??0;return DEVICES.forEach(t=>{let a=core.getResponsiveValueByScreen(e?.position,t),l=["left","right"].includes(a),i=core.getResponsiveValueByScreen(e?.spacing,t),s=["inside-left","inside-right"].includes(a),n=common.convertSpacingForIndisdeLayout(i),p=`calc(${r}px - ${n})`;o={...o,[t]:l?r+"px":s?p:"auto"}}),o},a=productGallery.getShapeByLayout({shape:e.shape,shapeForBottom:e.shapeForBottom,shapeFor1Col:e.shapeFor1Col,shapeFor2Col:e.shapeFor2Col,shapeForFtOnly:e.shapeForFtOnly,shapeForInsideBottom:e.shapeForInsideBottom??productGallery.sizeSettingDefaultForNewLayout,shapeForInside:e.shapeForInside??productGallery.sizeSettingDefaultForNewLayout},e.position),l=common.getStyleInsideLayout(e.position,a,e?.spacing),i={...core.makeStyleResponsive("h",core.makeHeight(r())),...core.makeStyleResponsive("jc",e?.align),...o,...l};return filterTruthyStyles(i)},getGalleryGridStyle=(e,t)=>{let o=productGallery.getShapeByLayout({shape:e.shape,shapeForBottom:e.shapeForBottom,shapeFor1Col:e.shapeFor1Col,shapeFor2Col:e.shapeFor2Col,shapeForFtOnly:e.shapeForFtOnly,shapeForInsideBottom:e.shapeForInsideBottom,shapeForInside:e.shapeForInside},e.position),r=()=>{let t=(e,t,o)=>{let r=core.getResponsiveValueByScreen(t,o),a=core.getResponsiveValueByScreen(e,o),l="slider"!==a&&("bottom-center"===r||"inside-bottom"===r),i=["one-col","two-col"].includes(r||"");return l||i},r=productGallery.checkDisplayGalleryByWidth({shapeByLayout:o}),a={desktop:r.desktop&&t(e.type,e.position,"desktop"),tablet:r.tablet&&t(e.type,e.position,"tablet"),mobile:r.mobile&&t(e.type,e.position,"mobile")};return common.getDisplayStyle(e=>!a[e],"flex")},a={...r(),...core.makeStyleResponsive("cg",e?.itemSpacing),...core.makeStyleResponsive("rg",e?.itemSpacing),...core.makeStyleResponsive("jc",e?.align),...t};return filterTruthyStyles(a)},getGalleryGridItemStyle=e=>{let t=productGallery.getShapeByLayout({shape:e.shape,shapeForBottom:e.shapeForBottom,shapeFor1Col:e.shapeFor1Col,shapeFor2Col:e.shapeFor2Col,shapeForFtOnly:e.shapeForFtOnly,shapeForInsideBottom:e.shapeForInsideBottom,shapeForInside:e.shapeForInside},e.position),o=core.getHeightByShapeGlobalSize(t),r=productGallery.getSettingWidthForGridItem({shapeByLayout:t,itemSpacing:e.itemSpacing}),a={"max-width":"100%","outline-color":"var(--g-c-brand, brand)",...core.makeStyleResponsive("h",core.makeHeight(o)),...core.makeStyleResponsive("w",core.makeWidth(r)),...core.composeRadius({normal:e.corner})};return filterTruthyStyles(a)},getFeatureImageCarouselItemStyle=e=>{let t=core.getHeightByShapeGlobalSize(e.ftShape),o={"max-width":"100%","outline-color":"var(--g-c-brand, brand)",...core.composeRadius({normal:e?.ftCorner}),...core.makeStyleResponsive("h",core.makeHeight(t))};return filterTruthyStyles(o)},getGalleryCarouselStyle=e=>{let t=productGallery.getShapeByLayout({shape:e.shape,shapeForBottom:e.shapeForBottom,shapeFor1Col:e.shapeFor1Col,shapeFor2Col:e.shapeFor2Col,shapeForFtOnly:e.shapeForFtOnly,shapeForInsideBottom:e.shapeForInsideBottom,shapeForInside:e.shapeForInside},e.position),o=o=>{let r=core.getResponsiveValueByScreen(e?.position,o),a="bottom-center"===r||"inside-bottom"===r,l="inside-left"===r||"inside-right"===r||"left"===r||"right"===r,i=core.getResponsiveValueByScreen(t,o);return a||l||!i?.width?"100%":i.width},r={spacing:common.convertSpacing(e?.itemSpacing),sizeSetting:{desktop:{width:o("desktop"),height:"100%"},tablet:{width:o("tablet"),height:"100%"},mobile:{width:o("mobile"),height:"100%"}}};return filterTruthyStyles(r)},getGalleryCarouselItemStyle=e=>{let t=productGallery.getShapeByLayout({shape:e.shape,shapeForBottom:e.shapeForBottom,shapeFor1Col:e.shapeFor1Col,shapeFor2Col:e.shapeFor2Col,shapeForFtOnly:e.shapeForFtOnly,shapeForInsideBottom:e.shapeForInsideBottom,shapeForInside:e.shapeForInside},e.position),o=core.makeStyleResponsive("minw",core.makeWidth(productGallery.getSettingMinWidthForCarouselItem({shapeByLayout:t,position:e.position,spacing:e.itemSpacing}))),r=core.makeStyleResponsive("maxw",core.makeWidth(productGallery.getSettingMinWidthForCarouselItem({shapeByLayout:t,position:e.position,spacing:e.itemSpacing}))),a=core.makeStyleResponsive("w",core.makeWidth(productGallery.getSettingWidthForCarouselItem({shapeByLayout:t,position:e.position}))),l=core.makeStyleResponsive("h",core.makeHeight(core.getHeightByShapeGlobalSize(t))),i={"outline-color":"var(--g-c-brand, brand)",...o,...r,...a,...l,...core.composeRadius({normal:e.corner})};return filterTruthyStyles(i)},getFeaturedImageCarouselStyle=e=>{let t=t=>{let o=core.getResponsiveValueByScreen(e.ftShape,t);return o?.width??"100%"},o={playSpeed:e?.ftAnimationSpeed,sizeSetting:{desktop:{width:t("desktop"),height:"auto"},tablet:{width:t("tablet"),height:"auto"},mobile:{width:t("mobile"),height:"auto"}},align:{desktop:core.getResponsiveValueByScreen(e?.align,"desktop"),tablet:core.getResponsiveValueByScreen(e?.align,"tablet"),mobile:core.getResponsiveValueByScreen(e?.align,"mobile")},spacing:{desktop:6,tablet:6,mobile:6}};return filterTruthyStyles(o)},getFeaturedImageOnlyOneImageStyle=({setting:e,options:t})=>{let o=core.getHeightByShapeGlobalSize(e?.ftShape),r={...core.makeStyleWithDefault("w",core.getWidthByShapeGlobalSize(e?.ftShape,!1,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...t?.enableRadius&&core.composeRadius({normal:e?.ftCorner}),...t?.enableHeight&&core.makeStyleResponsive("h",core.makeHeight(o))};return filterTruthyStyles(r)};exports.getFeatureImageCarouselItemStyle=getFeatureImageCarouselItemStyle,exports.getFeatureImageStyle=getFeatureImageStyle,exports.getFeaturedImageCarouselStyle=getFeaturedImageCarouselStyle,exports.getFeaturedImageOnlyOneImageStyle=getFeaturedImageOnlyOneImageStyle,exports.getGalleryCarouselItemStyle=getGalleryCarouselItemStyle,exports.getGalleryCarouselStyle=getGalleryCarouselStyle,exports.getGalleryGridItemStyle=getGalleryGridItemStyle,exports.getGalleryGridStyle=getGalleryGridStyle,exports.getGalleryImageStyle=getGalleryImageStyle,exports.getWrapContainerStyle=getWrapContainerStyle;

package/dist/cjs/product/components/product-images-v2/components/child/ProductFeaturedImageCarousel.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),core=require("@gem-sdk/core"),hoverAction=require("../../common/hoverAction.js"),getProductImagesStyles=require("../../composables/getProductImagesStyles.js"),getProductImagesClassName=require("../../composables/getProductImagesClassName.js"),getProductImagesAttr=require("../../composables/getProductImagesAttr.js"),system=require("@gem-sdk/system"),styles=require("../../common/styles.js"),Carousel=require("../../../../../carousel/components/root/Carousel.js"),CarouselItem=require("../../../../../carousel/components/item/CarouselItem.js"),ProductFeaturedImageOnly=require("./ProductFeaturedImageOnly.js"),useProductFeaturedImageCarousel=require("../../hooks/useProductFeaturedImageCarousel.js");const ProductFeaturedImageCarousel=e=>{let{productImages:t,imgRef:s,onHandleClick:r,onClickArrow:o,onHandleLoaded:a,onHandleUpdateActiveIndex:u,builderPropUID:l,builderPropsClass:d,children:i,parentUid:n,...m}=e,{ref:c,imageActive:g,imageActiveIndex:I,imageShowWhenHover:h,enableOpenLightBox:j,filteredProductImages:y,isRenderFeatureCarousel:C,genRandomKey:P,getAspectRatioFinal:p,emitUpdateActiveIndex:v}=useProductFeaturedImageCarousel.useProductFeaturedImageCarousel(e),x=core.useCurrentDevice(),{galleryItemClasses:f,featureImageOnlyOneImageClasses:R}=getProductImagesClassName.getProductImagesClassName(m),{featuredImageCarouselStyle:A,featureImageCarouselItemStyle:M}=getProductImagesStyles.getProductImagesStyles(m),q=system.createStyle({...styles.getFeaturedImageOnlyOneImageStyle({setting:m,options:{enableRadius:!0,enableHeight:!0}})}),{featuredImageCarouselSettingAttrs:F}=getProductImagesAttr.getProductImagesAttr(m);return jsxRuntime.jsx("div",{ref:c,"data-slot":"children",className:"product-feature-image",children:C?jsxRuntime.jsxs(Carousel.default,{parentClass:d,elmRef:s,setting:F,styles:A,builderProps:{uid:l},isHiddenArrowWhenDisabled:!0,onLoaded:e=>a&&a(e),onChangeActive:e=>v(e),onClickArrow:()=>o&&o(P()),moveToIdx:I,disableMarginAuto:!0,onHandleChangeSlideByInteraction:e=>{let t=y?.length??0,s=e>=t?0:e;r(y?.[s]?.id??"",j)},children:[i,y?.map(e=>jsxRuntime.jsx(CarouselItem.default,{contentType:"productImage",className:f("gp-ft-image-item !gp-min-w-full !gp-max-w-full"),onClickItem:()=>{let t=core.getResponsiveValueByScreen(m?.ftClickOpenLightBox,x);"none"!==t&&r(e?.id??"",j)},style:M,onMouseMove:e=>hoverAction.handleMouseMove(e,m),onMouseOut:e=>hoverAction.handleMouseOut(e),children:jsxRuntime.jsx(ProductFeaturedImageOnly.default,{image:e,imageShowWhenHover:h,setting:m,aspectRatio:p()})},e?.id))]}):jsxRuntime.jsx("div",{ref:s,className:"gp-flex gp-w-full",style:{...core.makeStyleResponsive("jc",m?.align)},"data-id":l,children:jsxRuntime.jsx("div",{"aria-hidden":"true",className:R,style:q,onMouseMove:e=>hoverAction.handleMouseMove(e,m),onMouseOut:e=>hoverAction.handleMouseOut(e),onBlur:()=>void 0,onClick:()=>{r(g?.id??"",j)},children:jsxRuntime.jsx(ProductFeaturedImageOnly.default,{image:g,imageShowWhenHover:h,setting:m,aspectRatio:p(g)})})})})};var ProductFeaturedImageCarousel$1=React.memo(ProductFeaturedImageCarousel);exports.default=ProductFeaturedImageCarousel$1;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),core=require("@gem-sdk/core"),hoverAction=require("../../common/hoverAction.js"),getProductImagesStyles=require("../../composables/getProductImagesStyles.js"),getProductImagesClassName=require("../../composables/getProductImagesClassName.js"),getProductImagesAttr=require("../../composables/getProductImagesAttr.js"),system=require("@gem-sdk/system"),styles=require("../../common/styles.js"),Carousel=require("../../../../../carousel/components/root/Carousel.js"),CarouselItem=require("../../../../../carousel/components/item/CarouselItem.js"),ProductFeaturedImageOnly=require("./ProductFeaturedImageOnly.js"),useProductFeaturedImageCarousel=require("../../hooks/useProductFeaturedImageCarousel.js");const ProductFeaturedImageCarousel=React.forwardRef((e,t)=>{let{productImages:r,imgRef:s,onHandleClick:a,onClickArrow:o,onHandleLoaded:u,onHandleUpdateActiveIndex:l,swiperUpdateTrigger:i,builderPropUID:d,builderPropsClass:n,children:c,parentUid:m,...g}=e,I=React.useRef(null),{ref:p,imageActive:h,imageActiveIndex:j,imageShowWhenHover:y,enableOpenLightBox:C,filteredProductImages:P,isRenderFeatureCarousel:v,genRandomKey:x,getAspectRatioFinal:f,emitUpdateActiveIndex:R}=useProductFeaturedImageCarousel.useProductFeaturedImageCarousel(e);React.useImperativeHandle(t,()=>({getSwiper:()=>I.current?.getSwiper()||null}));let A=core.useCurrentDevice(),{galleryItemClasses:M,featureImageOnlyOneImageClasses:S}=getProductImagesClassName.getProductImagesClassName(g),{featuredImageCarouselStyle:q,featureImageCarouselItemStyle:F}=getProductImagesStyles.getProductImagesStyles(g),O=system.createStyle({...styles.getFeaturedImageOnlyOneImageStyle({setting:g,options:{enableRadius:!0,enableHeight:!0}})}),{featuredImageCarouselSettingAttrs:w}=getProductImagesAttr.getProductImagesAttr(g);return jsxRuntime.jsx("div",{ref:p,"data-slot":"children",className:"product-feature-image",children:v?jsxRuntime.jsxs(Carousel.default,{ref:I,parentClass:n,elmRef:s,setting:w,styles:q,builderProps:{uid:d},isHiddenArrowWhenDisabled:!0,onLoaded:e=>u&&u(e),onChangeActive:e=>R(e),onClickArrow:()=>o&&o(x()),moveToIdx:j,disableMarginAuto:!0,thumbsSwiper:`#gp-carousel-${d}-carousel`,onHandleChangeSlideByInteraction:e=>{let t=P?.length??0,r=e>=t?0:e;a(P?.[r]?.id??"",C)},children:[c,P?.map(e=>jsxRuntime.jsx(CarouselItem.default,{contentType:"productImage",className:M("gp-ft-image-item !gp-min-w-full !gp-max-w-full"),onClickItem:()=>{let t=core.getResponsiveValueByScreen(g?.ftClickOpenLightBox,A);"none"!==t&&a(e?.id??"",C)},style:F,onMouseMove:e=>hoverAction.handleMouseMove(e,g),onMouseOut:e=>hoverAction.handleMouseOut(e),children:jsxRuntime.jsx(ProductFeaturedImageOnly.default,{image:e,imageShowWhenHover:y,setting:g,aspectRatio:f()})},e?.id))]}):jsxRuntime.jsx("div",{ref:s,className:"gp-flex gp-w-full",style:{...core.makeStyleResponsive("jc",g?.align)},"data-id":d,children:jsxRuntime.jsx("div",{"aria-hidden":"true",className:S,style:O,onMouseMove:e=>hoverAction.handleMouseMove(e,g),onMouseOut:e=>hoverAction.handleMouseOut(e),onBlur:()=>void 0,onClick:()=>{a(h?.id??"",C)},children:jsxRuntime.jsx(ProductFeaturedImageOnly.default,{image:h,imageShowWhenHover:y,setting:g,aspectRatio:f(h)})})})})});var ProductFeaturedImageCarousel$1=React.memo(ProductFeaturedImageCarousel);exports.default=ProductFeaturedImageCarousel$1;

package/dist/cjs/product/components/product-images-v2/components/child/ProductGalleryGrid.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),common=require("../../common/common.js"),NextImage=require("../../../../../image/components/NextImage.js"),ButtonOpenLightBox=require("../lightbox/ButtonOpenLightBox.js"),MediaIcon=require("./MediaIcon.js"),productFeaturedImage=require("../../common/productFeaturedImage.js"),hoverAction=require("../../common/hoverAction.js"),getProductImagesClassName=require("../../composables/getProductImagesClassName.js"),getProductImagesStyles=require("../../composables/getProductImagesStyles.js"),useProductGalleryGrid=require("../../hooks/useProductGalleryGrid.js");const ProductGalleryGrid=e=>{let{builderPropUID:t,productImages:o,onHandleClick:r,activeIndexFormFeatureImage:a,children:s,isHiddenInteraction:i,...c}=e,{isDisplay:u,shapeByLayout:l,imageActiveIndex:d,enableOpenLightBox:m,isEnableBorderActive:n,filteredProductImages:g}=useProductGalleryGrid.useProductGalleryGrid(e),y=core.useCurrentDevice(),{galleryGridWrapperClasses:p,galleryItemClasses:h}=getProductImagesClassName.getProductImagesClassName(c),{galleryGridStyles:x,galleryGridItemStyles:j}=getProductImagesStyles.getProductImagesStyles(c);return jsxRuntime.jsx(jsxRuntime.Fragment,{children:u&&jsxRuntime.jsxs("div",{"data-slot":"children","data-id":t,className:p,style:x,"gp-data-hidden":`${i}`,children:[g?.map((e,o)=>{let a=o===d,s=productFeaturedImage.isFeatureMedia(e.contentType)?e.previewImage:e.src;return jsxRuntime.jsxs("div",{"aria-hidden":!0,className:h(`gem-slider-item-${t}
-                  ${a&&n?"gem-slider-item-active":""}`),onClick:()=>r(e?.id||"",m),style:j,onMouseMove:e=>hoverAction.handleMouseMove(e,{hoverEffect:c.galleryHoverEffect,zoom:c.galleryZoom,zoomType:c.galleryZoomType}),onMouseOut:e=>hoverAction.handleMouseOut(e),"data-border":a&&c?.borderActive?"active":"deactive",children:[jsxRuntime.jsx(NextImage.default,{src:s,width:e?.width,height:e?.height,alt:e?.alt,setting:{aspectRatio:common.getAspectRatio(l),layout:c?.layout},style:{width:"100%",height:"100%"}},e?.id),jsxRuntime.jsx(MediaIcon.default,{contentType:e?.contentType||""}),c?.galleryHoverEffect!=="none"&&!productFeaturedImage.isFeatureMedia(e?.contentType)&&jsxRuntime.jsx(NextImage.default,{src:s,width:e?.width,height:e?.height,alt:e?.alt,setting:{layout:c.layout,aspectRatio:common.getAspectRatio(l)},className:core.cls("hover-image !gp-max-w-none",productFeaturedImage.getZoomImageClass())}),c?.galleryHoverEffect=="zoom"&&c?.galleryZoomType=="glasses"&&["one-col","two-col"].includes(core.getResponsiveValueByScreen(c.position,y)||"")&&!productFeaturedImage.isFeatureMedia(e?.contentType)&&jsxRuntime.jsx("div",{className:core.cls(productFeaturedImage.getZoomLenClass(),"room-len"),style:{...core.makeStyle({bgi:`url("${e?.src}")`})}}),core.getResponsiveValueByScreen(c?.clickOpenLightBox,y)&&jsxRuntime.jsx(ButtonOpenLightBox.default,{})]},e?.id)}),s]})})};var ProductGalleryGrid$1=React.memo(ProductGalleryGrid);exports.default=ProductGalleryGrid$1;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),common=require("../../common/common.js"),NextImage=require("../../../../../image/components/NextImage.js"),ButtonOpenLightBox=require("../lightbox/ButtonOpenLightBox.js"),MediaIcon=require("./MediaIcon.js"),productFeaturedImage=require("../../common/productFeaturedImage.js"),hoverAction=require("../../common/hoverAction.js"),getProductImagesClassName=require("../../composables/getProductImagesClassName.js"),getProductImagesStyles=require("../../composables/getProductImagesStyles.js"),useProductGalleryGrid=require("../../hooks/useProductGalleryGrid.js");const ProductGalleryGrid=e=>{let{builderPropUID:t,productImages:o,onHandleClick:r,activeIndexFromFeatureImage:a,children:s,isHiddenInteraction:i,...c}=e,{isDisplay:l,shapeByLayout:u,imageActiveIndex:d,enableOpenLightBox:m,isEnableBorderActive:n,filteredProductImages:g}=useProductGalleryGrid.useProductGalleryGrid(e),y=core.useCurrentDevice(),{galleryGridWrapperClasses:p,galleryItemClasses:h}=getProductImagesClassName.getProductImagesClassName(c),{galleryGridStyles:x,galleryGridItemStyles:j}=getProductImagesStyles.getProductImagesStyles(c);return jsxRuntime.jsx(jsxRuntime.Fragment,{children:l&&jsxRuntime.jsxs("div",{"data-slot":"children","data-id":t,className:p,style:x,"gp-data-hidden":`${i}`,children:[g?.map((e,o)=>{let a=o===d,s=productFeaturedImage.isFeatureMedia(e.contentType)?e.previewImage:e.src;return jsxRuntime.jsxs("div",{"aria-hidden":!0,className:h(`gp-gallery-image-item gem-slider-item-${t}
+                  ${a&&n?"gem-slider-item-active":""}`),onClick:()=>r(e?.id||"",m),style:j,onMouseMove:e=>hoverAction.handleMouseMove(e,{hoverEffect:c.galleryHoverEffect,zoom:c.galleryZoom,zoomType:c.galleryZoomType}),onMouseOut:e=>hoverAction.handleMouseOut(e),"data-border":a&&c?.borderActive?"active":"deactive",children:[jsxRuntime.jsx(NextImage.default,{src:s,width:e?.width,height:e?.height,alt:e?.alt,setting:{aspectRatio:common.getAspectRatio(u),layout:c?.layout},style:{width:"100%",height:"100%"}},e?.id),jsxRuntime.jsx(MediaIcon.default,{contentType:e?.contentType||""}),c?.galleryHoverEffect!=="none"&&!productFeaturedImage.isFeatureMedia(e?.contentType)&&jsxRuntime.jsx(NextImage.default,{src:s,width:e?.width,height:e?.height,alt:e?.alt,setting:{layout:c.layout,aspectRatio:common.getAspectRatio(u)},className:core.cls("hover-image !gp-max-w-none",productFeaturedImage.getZoomImageClass())}),c?.galleryHoverEffect=="zoom"&&c?.galleryZoomType=="glasses"&&["one-col","two-col"].includes(core.getResponsiveValueByScreen(c.position,y)||"")&&!productFeaturedImage.isFeatureMedia(e?.contentType)&&jsxRuntime.jsx("div",{className:core.cls(productFeaturedImage.getZoomLenClass(),"room-len"),style:{...core.makeStyle({bgi:`url("${e?.src}")`})}}),core.getResponsiveValueByScreen(c?.clickOpenLightBox,y)&&jsxRuntime.jsx(ButtonOpenLightBox.default,{})]},e?.id)}),s]})})};var ProductGalleryGrid$1=React.memo(ProductGalleryGrid);exports.default=ProductGalleryGrid$1;

package/dist/cjs/product/components/product-images-v2/components/feature-gallery/FeatureImageWithGallery.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),GalleryCarousel=require("../gallery-carousel/GalleryCarousel.js"),ProductGalleryGrid=require("../child/ProductGalleryGrid.js"),ProductFeaturedImageCarousel=require("../child/ProductFeaturedImageCarousel.js"),getProductImagesStyles=require("../../composables/getProductImagesStyles.js"),getProductImagesClassName=require("../../composables/getProductImagesClassName.js"),useFeatureImageWithGallery=require("../../hooks/useFeatureImageWithGallery.js");const FeatureImageWithGallery=e=>{let{setting:r,styles:a,builderProps:t,gallery:s,onHandleClickImage:l,priorityFeatureImage:u,children:i,noDataChildren:d}=e,o={...r,...a},{isShowCarousel:m,featureImageHeight:c,featureWrapperImage:g,onClickFeatureArrow:n,activeIndexFromFeatureImage:I,setOnClickFeatureArrow:j,onHandleLoadedFeatureImage:p,setActiveIndexFromFeatureImage:y}=useFeatureImageWithGallery.useFeatureImageWithGallery(e);if(s?.[0]?.id==="noImageError")return jsxRuntime.jsx(jsxRuntime.Fragment,{children:d});let{ftImageGalleryClasses:x,imageGalleryWrapperClasses:P}=getProductImagesClassName.getProductImagesClassName(e),{wrapperFeaturedImageStyle:C,featureImageStyle:F,galleryImageStyle:h}=getProductImagesStyles.getProductImagesStyles(o,{gallery:s,featureImageHeight:c});return jsxRuntime.jsxs("div",{className:core.cls("gp-grid gp-w-full gp-relative"),style:C,children:[jsxRuntime.jsx("div",{className:x,style:F,children:jsxRuntime.jsx(ProductFeaturedImageCarousel.default,{imgRef:g,productImages:s,...o,onHandleClick:(e,r)=>l(e||"",r),onHandleLoaded:p,onHandleUpdateActiveIndex:y,onClickArrow:e=>j(e),builderPropUID:t?.uid,builderPropsClass:`gp-product-images-feature-${t?.uid}`,children:i})}),s.length>1&&jsxRuntime.jsx("div",{className:P,style:h,children:m?jsxRuntime.jsx(GalleryCarousel.default,{productImages:s,position:o?.position,...o,builderPropUID:t?.uid,onHandleClick:(e,r)=>l(e||"",r),activeIndexFormFeatureImage:I,priorityFeatureImage:u,onClickFeatureArrow:n,builderPropsClass:`gp-product-images-gallery-${t?.uid}`}):jsxRuntime.jsx(ProductGalleryGrid.default,{productImages:s,...o,builderPropUID:t?.uid,onHandleClick:(e,r)=>l(e||"",r),activeIndexFormFeatureImage:I,isHiddenInteraction:!0})})]})};exports.default=FeatureImageWithGallery;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),GalleryCarousel=require("../gallery-carousel/GalleryCarousel.js"),ProductGalleryGrid=require("../child/ProductGalleryGrid.js"),ProductFeaturedImageCarousel=require("../child/ProductFeaturedImageCarousel.js"),getProductImagesStyles=require("../../composables/getProductImagesStyles.js"),getProductImagesClassName=require("../../composables/getProductImagesClassName.js"),useFeatureImageWithGallery=require("../../hooks/useFeatureImageWithGallery.js");const FeatureImageWithGallery=e=>{let{setting:r,styles:t,builderProps:a,gallery:s,onHandleClickImage:u,priorityFeatureImage:l,children:i,noDataChildren:d}=e,o=React.useRef(null),c=core.useCurrentDevice(),m=React.useCallback(e=>{if(!o.current)return;let r=o.current.getSwiper();r&&r.thumbs.swiper?.realIndex===void 0&&e&&(r.thumbs.swiper=e,r.thumbs.init(),r.thumbs.update(!0),r.update())},[]),n={...r,...t},{isShowCarousel:g,featureImageHeight:I,featureWrapperImage:p,onClickFeatureArrow:y,activeIndexFromFeatureImage:j,setOnClickFeatureArrow:x,onHandleLoadedFeatureImage:P,setActiveIndexFromFeatureImage:h}=useFeatureImageWithGallery.useFeatureImageWithGallery(e);if(s?.[0]?.id==="noImageError")return jsxRuntime.jsx(jsxRuntime.Fragment,{children:d});let{ftImageGalleryClasses:C,imageGalleryWrapperClasses:F}=getProductImagesClassName.getProductImagesClassName(e),{wrapperFeaturedImageStyle:G,featureImageStyle:R,galleryImageStyle:b}=getProductImagesStyles.getProductImagesStyles(n,{gallery:s,featureImageHeight:I}),f=JSON.stringify(n?.position)+c+g;return jsxRuntime.jsxs("div",{className:core.cls("gp-grid gp-w-full gp-relative"),style:G,children:[jsxRuntime.jsx("div",{className:C,style:R,children:jsxRuntime.jsx(ProductFeaturedImageCarousel.default,{ref:o,imgRef:p,productImages:s,...n,onHandleClick:(e,r)=>u(e||"",r),onHandleLoaded:P,onHandleUpdateActiveIndex:h,onClickArrow:e=>x(e),builderPropUID:a?.uid,builderPropsClass:`gp-product-images-feature-${a?.uid}`,children:i})}),s.length>1&&jsxRuntime.jsx("div",{className:F,style:b,children:g?jsxRuntime.jsx(GalleryCarousel.default,{productImages:s,position:n?.position,...n,builderPropUID:a?.uid,onHandleClick:(e,r)=>u(e||"",r),onSwiperReady:m,activeIndexFormFeatureImage:j,priorityFeatureImage:l,onClickFeatureArrow:y,builderPropsClass:`gp-product-images-gallery-${a?.uid}`}):jsxRuntime.jsx(ProductGalleryGrid.default,{productImages:s,...n,builderPropUID:a?.uid,onHandleClick:(e,r)=>u(e||"",r),activeIndexFromFeatureImage:j,isHiddenInteraction:!0})})]},f)};exports.default=FeatureImageWithGallery;