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

package/dist/cjs/article/components/ArticleList.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"),ChildrenDroppable=require("../../grid/components/ChildrenDroppable.js"),Loading=require("../../common/components/Loading.js"),React=require("react"),ArticleNotFound=require("./ArticleNotFound.js");const ArticleList=e=>{let t=core.useEditorMode(),{styles:i,setting:r,className:l,children:o,builderProps:a,advanced:n,builderAttrs:s}=e??{},{articleSetting:d,numberOfArticle:c}=r??{},{articleIds:u,articlePickType:m}=d??{},{border:g,rounded:p,hasBoxShadow:h,boxShadow:b}=n??{},x=core.composeAdvanceStyle({border:g,rounded:p,hasBoxShadow:h,boxShadow:b,"spacing-setting":n?.["spacing-setting"]}),y={first:u?.length||50,where:{baseIDIn:[...d?.articleIds??[]]},orderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"}},j={first:1,where:{baseID:d?.blogId},orderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"},articlesOrderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"}},[v,f]=React.useState(!0),R=core.useBlogsQuery("latest"===m?j:null,{revalidateOnMount:!0}),A=core.useArticlesQuery("manually"===m?y:null,{revalidateOnMount:!0}),S=R.data?.blogs?.edges?.[0]?.node,D="manually"===m?A.isLoading:R.isLoading,w="manually"===m?A.isValidating:R.isValidating,T="manually"===m?A.error:R.error,k=R?.data?.blogs?.edges?.[0]?.node,B="latest"===m?core.flattenConnection(k?.articles):core.flattenConnection(A?.data?.articles),P=(e,t)=>({...e??{},blog:{title:t?.title??"",handle:t?.handle??""}}),L="latest"===m?B?.filter((e,t)=>t<+(c||4)).map(e=>P(e,k)):"manually"===m&&d?.articleIds?.length?u?.map(e=>{let t=B?.find(t=>t?.baseID===e);return P(t,t?.blogs?.edges?.[0]?.node)}).filter(Boolean):B.filter((e,t)=>t<(d?.numOfSelectedArticles||4)).map(e=>P(e,e?.blogs?.edges?.[0]?.node));return L?.length||D||"edit"!=t?jsxRuntime.jsxs("div",{...s,className:a?.builderData?.uid,children:[w||D?jsxRuntime.jsx(Loading.default,{}):T?jsxRuntime.jsxs("div",{children:["Error: ",T?.message]}):L?.length?jsxRuntime.jsx(core.ArticleListProvider,{styles:{horizontalGutter:i?.horizontalGutter,verticalGutter:i?.verticalGutter,spacing:i?.spacing,width:i?.width,height:i?.height},settings:{slidesToShow:r?.slideToShow??{desktop:4,tablet:3,mobile:1}},articles:L,children:jsxRuntime.jsx("div",{"data-id":a?.uid,className:"gp-relative",children:jsxRuntime.jsx("div",{style:{...x,...core.makeStyleWithDefault("w",core.makeWidth(i?.width),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...core.makeStyleResponsive("rg",i?.horizontalGutter),...core.makeStyleResponsive("cg",i?.verticalGutter),...core.getStyleBackgroundByDevice(r?.background),...core.getGradientBgrStyleByDevice(r?.background),...core.makeStyleResponsive("gtc",{desktop:`repeat(${core.getResponsiveValueByScreen(r?.slideToShow,"desktop")}, minmax(0, 1fr))`,tablet:r?.slideToShow?.tablet&&`repeat(${core.getResponsiveValueByScreen(r?.slideToShow,"tablet")}, minmax(0, 1fr))`,mobile:r?.slideToShow?.mobile&&`repeat(${core.getResponsiveValueByScreen(r?.slideToShow,"mobile")}, minmax(0, 1fr))`})},className:core.cls(l,"gp-m-auto gp-grid gp-w-full"),children:L.map(e=>jsxRuntime.jsx(core.ArticleProvider,{article:e,readOnly:!0,children:jsxRuntime.jsx("div",{"data-component-type":"component","data-component-tag":"Article","data-component-label":"Article","data-component-no-setting":!0,"data-article-id":e?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:core.isEmptyChildren(o)?jsxRuntime.jsx(ChildrenDroppable.default,{}):o})},e?.id))})})}):jsxRuntime.jsx("div",{children:"Articles not found"}),core.filterToolbarPreview(o,!0)]}):v?jsxRuntime.jsxs("div",{...s,className:a?.builderData?.uid,children:[jsxRuntime.jsx(ArticleNotFound.default,{blogHandle:S?.handle,onClose:()=>f(!1),articlePickType:m??"manually",children:o}),core.filterToolbarPreview(o,!0)]}):null};exports.default=ArticleList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),ChildrenDroppable=require("../../grid/components/ChildrenDroppable.js"),Loading=require("../../common/components/Loading.js"),React=require("react"),ArticleNotFound=require("./ArticleNotFound.js");const ArticleList=e=>{let t=core.useEditorMode(),{styles:i,setting:r,className:l,children:o,builderProps:a,advanced:s,builderAttrs:n,style:d}=e??{},{articleSetting:c,numberOfArticle:u}=r??{},{articleIds:m,articlePickType:g}=c??{},{border:p,rounded:h,hasBoxShadow:b,boxShadow:y}=s??{},[x]=core.splitStyle(["pos","top","left","bottom","right","z","d"],d),j=core.composeAdvanceStyle({border:p,rounded:h,hasBoxShadow:b,boxShadow:y,"spacing-setting":s?.["spacing-setting"]}),v={first:m?.length||50,where:{baseIDIn:[...c?.articleIds??[]]},orderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"}},f={first:1,where:{baseID:c?.blogId},orderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"},articlesOrderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"}},[R,S]=React.useState(!0),A=core.useBlogsQuery("latest"===g?f:null,{revalidateOnMount:!0}),D=core.useArticlesQuery("manually"===g?v:null,{revalidateOnMount:!0}),w=A.data?.blogs?.edges?.[0]?.node,T="manually"===g?D.isLoading:A.isLoading,k="manually"===g?D.isValidating:A.isValidating,B="manually"===g?D.error:A.error,P=A?.data?.blogs?.edges?.[0]?.node,L="latest"===g?core.flattenConnection(P?.articles):core.flattenConnection(D?.data?.articles),C=(e,t)=>({...e??{},blog:{title:t?.title??"",handle:t?.handle??""}}),O="latest"===g?L?.filter((e,t)=>t<+(u||4)).map(e=>C(e,P)):"manually"===g&&c?.articleIds?.length?m?.map(e=>{let t=L?.find(t=>t?.baseID===e);return C(t,t?.blogs?.edges?.[0]?.node)}).filter(Boolean):L.filter((e,t)=>t<(c?.numOfSelectedArticles||4)).map(e=>C(e,e?.blogs?.edges?.[0]?.node));return O?.length||T||"edit"!=t?jsxRuntime.jsxs("div",{...n,className:a?.builderData?.uid,style:x,children:[k||T?jsxRuntime.jsx(Loading.default,{}):B?jsxRuntime.jsxs("div",{children:["Error: ",B?.message]}):O?.length?jsxRuntime.jsx(core.ArticleListProvider,{styles:{horizontalGutter:i?.horizontalGutter,verticalGutter:i?.verticalGutter,spacing:i?.spacing,width:i?.width,height:i?.height},settings:{slidesToShow:r?.slideToShow??{desktop:4,tablet:3,mobile:1}},articles:O,children:jsxRuntime.jsx("div",{"data-id":a?.uid,className:"gp-relative",children:jsxRuntime.jsx("div",{style:{...j,...core.makeStyleWithDefault("w",core.makeWidth(i?.width),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...core.makeStyleResponsive("rg",i?.horizontalGutter),...core.makeStyleResponsive("cg",i?.verticalGutter),...core.getStyleBackgroundByDevice(r?.background),...core.getGradientBgrStyleByDevice(r?.background),...core.makeStyleResponsive("gtc",{desktop:`repeat(${core.getResponsiveValueByScreen(r?.slideToShow,"desktop")}, minmax(0, 1fr))`,tablet:r?.slideToShow?.tablet&&`repeat(${core.getResponsiveValueByScreen(r?.slideToShow,"tablet")}, minmax(0, 1fr))`,mobile:r?.slideToShow?.mobile&&`repeat(${core.getResponsiveValueByScreen(r?.slideToShow,"mobile")}, minmax(0, 1fr))`})},className:core.cls(l,"gp-m-auto gp-grid gp-w-full"),children:O.map(e=>jsxRuntime.jsx(core.ArticleProvider,{article:e,readOnly:!0,children:jsxRuntime.jsx("div",{"data-component-type":"component","data-component-tag":"Article","data-component-label":"Article","data-component-no-setting":!0,"data-article-id":e?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:core.isEmptyChildren(o)?jsxRuntime.jsx(ChildrenDroppable.default,{}):o})},e?.id))})})}):jsxRuntime.jsx("div",{children:"Articles not found"}),core.filterToolbarPreview(o,!0)]}):R?jsxRuntime.jsxs("div",{...n,className:a?.builderData?.uid,children:[jsxRuntime.jsx(ArticleNotFound.default,{blogHandle:w?.handle,onClose:()=>S(!1),articlePickType:g??"manually",children:o}),core.filterToolbarPreview(o,!0)]}):null};exports.default=ArticleList;

package/dist/cjs/article/components/ArticleList.liquid.js

@@ -1,17 +1,18 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../common/helpers.js"),helpers=require("../../helpers.js");const ArticleList=e=>{let{styles:l,setting:t,className:i,children:a,builderProps:r,advanced:s}=e??{},{border:o,rounded:c,hasBoxShadow:n,boxShadow:g}=s??{},d=core.composeAdvanceStyle({border:o,rounded:c,hasBoxShadow:n,boxShadow:g,"spacing-setting":s?.["spacing-setting"]}),p=t?.articleSetting,m=t?.articleOrderBy??"UPDATED_AT_REVERSE",u=p?.articlePickType??"manually",y="manually"===u&&p?.articleHandles?.length?p?.articleHandles:[],b="manually"===u&&p?.articleBlogTitles?.length?p?.articleBlogTitles:[],h=p?.blogHandle??"",_=helpers.convertUnitToNumber(t?.numberOfArticle,4);return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../common/helpers.js"),helpers=require("../../helpers.js");const ArticleList=e=>{let{styles:l,setting:t,className:i,children:r,builderProps:a,advanced:s,style:o}=e??{},{border:c,rounded:n,hasBoxShadow:g,boxShadow:d}=s??{},[p]=core.splitStyle(["pos","top","left","bottom","right","z","d"],o),m=core.composeAdvanceStyle({border:c,rounded:n,hasBoxShadow:g,boxShadow:d,"spacing-setting":s?.["spacing-setting"]}),u=t?.articleSetting,y=t?.articleOrderBy??"UPDATED_AT_REVERSE",b=u?.articlePickType??"manually",h="manually"===b&&u?.articleHandles?.length?u?.articleHandles:[],S="manually"===b&&u?.articleBlogTitles?.length?u?.articleBlogTitles:[],_=u?.blogHandle??"",v=helpers.convertUnitToNumber(t?.numberOfArticle,4);return core.template`
     <div
-    data-id="${r?.uid}"
+    style="${p}"
+    data-id="${a?.uid}"
       items-repeat
     >
-      <div style="${{...d,...core.makeStyleWithDefault("w",core.makeWidth(l?.width),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...core.makeStyleResponsive("rg",l?.horizontalGutter),...core.makeStyleResponsive("cg",l?.verticalGutter),...core.getStyleBackgroundByDevice(t?.background),...core.getGradientBgrStyleByDevice(t?.background),...core.makeStyleResponsive("gtc",{desktop:`repeat(${core.getResponsiveValueByScreen(t?.slideToShow,"desktop")}, minmax(0, 1fr))`,tablet:t?.slideToShow?.tablet&&`repeat(${core.getResponsiveValueByScreen(t?.slideToShow,"tablet")}, minmax(0, 1fr))`,mobile:t?.slideToShow?.mobile&&`repeat(${core.getResponsiveValueByScreen(t?.slideToShow,"mobile")}, minmax(0, 1fr))`})}}"
+      <div style="${{...m,...core.makeStyleWithDefault("w",core.makeWidth(l?.width),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...core.makeStyleResponsive("rg",l?.horizontalGutter),...core.makeStyleResponsive("cg",l?.verticalGutter),...core.getStyleBackgroundByDevice(t?.background),...core.getGradientBgrStyleByDevice(t?.background),...core.makeStyleResponsive("gtc",{desktop:`repeat(${core.getResponsiveValueByScreen(t?.slideToShow,"desktop")}, minmax(0, 1fr))`,tablet:t?.slideToShow?.tablet&&`repeat(${core.getResponsiveValueByScreen(t?.slideToShow,"tablet")}, minmax(0, 1fr))`,mobile:t?.slideToShow?.mobile&&`repeat(${core.getResponsiveValueByScreen(t?.slideToShow,"mobile")}, minmax(0, 1fr))`})}}"
           class="${core.cls(i,"gp-grid !gp-m-auto gp-w-full",s?.cssClass)}"
         >
         {% liquid
-            assign articlePickType = '${u}'
-            assign articleHandles = '${y.toString()}'| split: ","
-            assign articleBlogTitle = "${helpers$1.convertSpecialCharacter(b.toString())}" | split: ","
-            assign limit = "${"manually"===u?p?.articleIds?.length:_}"
+            assign articlePickType = '${b}'
+            assign articleHandles = '${h.toString()}'| split: ","
+            assign articleBlogTitle = "${helpers$1.convertSpecialCharacter(S.toString())}" | split: ","
+            assign limit = "${"manually"===b?u?.articleIds?.length:v}"
             assign blogTitle = ''
             assign all_articles = null | sort
 
@@ -21,11 +22,11 @@
                 assign all_articles = all_articles | concat: articleByHandle
               endfor
             else
-              assign current_blog_handle = blogs['${h}']
+              assign current_blog_handle = blogs['${_}']
               if gp_enable_custom_dynamic_blog == true
                 assign current_blog_handle = blogs[blog.handle]
               endif
-              assign all_articles = current_blog_handle.articles | limit: limit | sort: "${m.replace("_REVERSE","").toLowerCase()}" ${m.includes("_REVERSE")?"| reverse":""}
+              assign all_articles = current_blog_handle.articles | limit: limit | sort: "${y.replace("_REVERSE","").toLowerCase()}" ${y.includes("_REVERSE")?"| reverse":""}
               assign blogTitle = current_blog_handle.title
             endif
 
@@ -34,7 +35,7 @@
           {% if articlePickType == 'manually' %}
               {% assign blogTitle = articleBlogTitle[forloop.index0] %}
           {% endif %}
-          <div>${a??""}</div>
+          <div>${r??""}</div>
         {% endfor %}
       </div>
     </div>

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/hero-banner/common/helpers.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),helpers=require("../../image/common/helpers.js"),constant=require("../../constant.js");const getContentPosition=(e,t,o)=>{let i={};return core.DEVICES.map(l=>{let n=core.getResponsiveValueByScreen(e,l),a=core.getResponsiveValueByScreen(t,l),r=core.getResponsiveValueByScreen(o,l);i={...i,[l]:1>=(n?.cols?.length||1)?a:r}}),i},getAspectRatioSettings=(e,t)=>{let o={desktop:e?.desktop?.width,tablet:e?.tablet?.width,mobile:e?.mobile?.width},i={desktop:e?.desktop?.height,tablet:e?.tablet?.height,mobile:e?.mobile?.height},l={desktop:t?.desktop==="custom"?`${core.getResponsiveValueByScreen(o,"desktop")}/${core.getResponsiveValueByScreen(i,"desktop")}`:t?.desktop==="cover"?"unset":t?.desktop,tablet:t?.tablet==="custom"?`${core.getResponsiveValueByScreen(o,"tablet")}/${core.getResponsiveValueByScreen(i,"tablet")}`:t?.tablet==="cover"?"unset":t?.tablet,mobile:t?.mobile==="custom"?`${core.getResponsiveValueByScreen(o,"mobile")}/${core.getResponsiveValueByScreen(i,"mobile")}`:t?.mobile==="cover"?"unset":t?.mobile};return l},getEnableBgImageByDevice=(e,t)=>{if(!core.getResponsiveValueByScreen(getBgImage(t),e))return!1;if(!t?.[e]){if("mobile"===e)return t?.tablet?.type==="image"||t?.desktop?.type==="image"&&!t?.tablet;if("tablet"===e)return t?.desktop?.type==="image"}return t?.[e]?.type==="image"},getBgImage=e=>{if(!e)return{};let t={desktop:e?.desktop?.image,tablet:e?.tablet?.image,mobile:e?.mobile?.image};return t},imagePlaceholder=e=>{let t=getBgImage(e);return{desktop:helpers.createBlurDataURL(t?.desktop?.width??0,t?.desktop?.height??0),tablet:helpers.createBlurDataURL(t?.tablet?.width??t?.desktop?.width??0,t?.tablet?.height??t?.desktop?.width??0),mobile:helpers.createBlurDataURL(t?.mobile?.width??t?.tablet?.width??t?.desktop?.width??0,t?.mobile?.height??t?.tablet?.height??t?.desktop?.width??0)}},getBgImageByScreen=(e,t,o,i)=>{if(!e)return"";let l=getBgImage(e),n=core.getResponsiveValueByScreen(e,t),a=o?`url(${imagePlaceholder(e)[t]})`:`url(${helpers.getImageSrc(core.getResponsiveValueByScreen(l,t),t,i)})`,r=n?.color?`, ${n.color}`:"";return n?.color?.includes(core.GRADIENT_BGR_KEY)&&n?.type==="image"?`${a}${r}`:n?.color?.includes(core.GRADIENT_BGR_KEY)&&n?.type!=="image"?`${n.color}`:n?.type==="image"?a:"url()"},getBackgroundImageHeroBanner=(e,t=!1,o=!1)=>{if(!e)return;let i={};return core.DEVICES.forEach(l=>{i={...i,[l]:getBgImageByScreen(e,l,t,o)}}),core.makeStyleResponsive("bgi",i)},getAttachmentDevice=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=e?.[o]?.attachment;t={...t,[o]:"fixed"===i?"fixed":"absolute"}}),t},horizontalAlign=(e,t,o)=>mapContentPositionToHorizontal(getContentPosition(e,t,o)),scrollToContentBanner=e=>e?.target?.closest("div.gp-hero-banner-row")?.scrollTo(0,0),getDataVideoHeroBannerResponsive=(e,t)=>{switch(e){case"desktop":if(t?.desktop?.type==="video")return{device:"desktop",data:t.desktop};break;case"tablet":if(t?.tablet?.type==="video")return{device:"tablet",data:t.tablet};if(!t?.tablet&&t?.desktop?.type==="video")return{device:"desktop",data:t.desktop};break;case"mobile":if(t?.mobile?.type==="video")return{device:"mobile",data:t.mobile};if(!t?.mobile&&t?.tablet?.type==="video")return{device:"tablet",data:t.tablet};if(!t?.mobile&&!t?.tablet?.type&&t?.desktop?.type==="video")return{device:"desktop",data:t.desktop}}},getVisibilityStyle=e=>e?Object.keys(e).filter(e=>["--d","--d-tablet","--d-mobile"].includes(e)).reduce((t,o)=>({...t,[o]:e?.[o]!=="none"?"flex":e?.[o]}),{}):{},getStyleAspectRatioHeroBannerCustom=(e,t,o)=>{let i=core.getAspectRatioGlobalSize(t),l=["desktop","mobile","tablet"];return l.forEach(l=>{let n=core.getResponsiveValueByScreen(t,l),a=!!getDataVideoHeroBannerResponsive(l,e),r=n?.shape,s=n?.height,g="original"===r&&"fit-content"!==s,p=g&&a;p&&(i={...i,[l]:"16/9"}),o&&o[l]&&getDataVideoHeroBannerResponsive(l,e)?.data?.videoType==="html5"&&(i={...i,[l]:o[l]})}),core.makeStyleResponsive("aspect",i)},mapContentPositionToHorizontal=e=>{let t={};for(let o in e)"top"===e[o]?t[o]="start":"bottom"===e[o]?t[o]="end":t[o]="center";return t},getDisplayStyleByFitContent=(e,t)=>{let o={desktop:"none",tablet:"none",mobile:"none"},i=["desktop","mobile","tablet"];return i.forEach(i=>{let l=core.getResponsiveValueByScreen(e,i),n=!!getDataVideoHeroBannerResponsive(i,t),a=l?.shape,r=l?.height,s="original"===a&&"fit-content"!==r&&!n;o={...o,[i]:s?"block":"none"}}),core.makeStyleResponsive("d",o)},getWidth=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=e?.[o];i&&(t={...t,[o]:"default"===i?"var(--g-ct-w, 1200px)":i})}),t},getPercentageVisible=(e,t)=>{let{top:o,height:i}=e,l=-i;if(o<l)return 0;if(o>t)return 100;let n=(o-l)/(t-l)*100;return Math.min(Math.max(n,0),100)},isScaleImage=({enableParallax:e=!1,attachment:t="scroll"})=>!!e||"fixed"===t,getHeightHeroBanner=(e,t)=>{let o={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let l=isScaleImage({enableParallax:t,attachment:e[i]?.attachment});o={...o,[i]:t?"150%":l?"100vh":"100%"}}),core.makeStyleResponsive("h",o)},getWidthHeroBanner=(e,t)=>{let o={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let l=isScaleImage({enableParallax:t,attachment:e[i]?.attachment});o={...o,[i]:l?"100vw":"100%"}}),core.makeStyleResponsive("w",o)},getTopHeroBanner=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{t={...t,[o]:e[o]?.attachment==="fixed"?"0px":""}}),core.makeStyleResponsive("top",t)},getStyleHeroBannerBg=(e,t)=>{let o=getHeightHeroBanner(e,t),i=getWidthHeroBanner(e,t),l=getTopHeroBanner(e);return{...o,...i,...l}},calcRounderClipPath=(e,t=0,o=0)=>{let i=t,l=t;if(t>o?i=o:l=o,e>=999){let t=e-i;return t>0?t:0}let n=e-l;return n>0?n:0},getClipPath=(e,t)=>{if(!t||!e)return"inset(0 0 0)";let[o,i,l,n]=e.split(" ").map(e=>parseInt(e??"0")),{btlr:a,btrr:r,bbrr:s,bblr:g}=t,p=calcRounderClipPath(parseInt(a??"0"),o,n),c=calcRounderClipPath(parseInt(r??"0"),o,i),b=calcRounderClipPath(parseInt(s??"0"),i,l),d=calcRounderClipPath(parseInt(g??"0"),l,n);return`inset(0 0 0 round ${p}px ${c}px ${b}px ${d}px)`},getClassAlignBanner=e=>({"!gp-self-start":"left"===e.desktop,"!gp-self-center":"center"===e.desktop,"!gp-self-end":"right"===e.desktop,"tablet:!gp-self-start":"left"===e.tablet,"tablet:!gp-self-center":"center"===e.tablet,"tablet:!gp-self-end":"right"===e.tablet,"mobile:!gp-self-start":"left"===e.mobile,"mobile:!gp-self-center":"center"===e.mobile,"mobile:!gp-self-end":"right"===e.mobile}),get1ColLayout=({device:e,settingLayoutRes:t,contentPosition1ColRes:o})=>{let i=t[e]?.cols??[],l=i.length<=1,n=o[e];if(!l||!n)return;let a=["space-between","top","center","bottom"];return a.includes(n)?n:void 0},getClassSpaceBetween=(e,t)=>{let o=getResponsiveSetting(e),i=getResponsiveSetting(t),l={desktop:get1ColLayout({device:"desktop",settingLayoutRes:o,contentPosition1ColRes:i}),tablet:get1ColLayout({device:"tablet",settingLayoutRes:o,contentPosition1ColRes:i}),mobile:get1ColLayout({device:"mobile",settingLayoutRes:o,contentPosition1ColRes:i})},n={"space-between":{desktop:"!gp-h-full !gp-content-stretch [&>*]:!gp-justify-between [&>*:nth-child(2)]:gp-absolute [&>*:nth-child(2)]:gp-hidden",tablet:"tablet:!gp-h-full tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-between tablet:[&>*:nth-child(2)]:gp-absolute tablet:[&>*:nth-child(2)]:gp-hidden",mobile:"mobile:!gp-h-full mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-between mobile:[&>*:nth-child(2)]:gp-absolute  mobile:[&>*:nth-child(2)]:gp-hidden"},top:{desktop:"!gp-content-stretch [&>*]:!gp-justify-start",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-start",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-start"},center:{desktop:"!gp-content-stretch [&>*]:!gp-justify-center",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-center",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-center"},bottom:{desktop:"!gp-content-stretch [&>*]:!gp-justify-end",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-end",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-end"}},a={};return core.DEVICES.forEach(e=>{let t=l[e],o=n?.[t]?.[e];a[o]=!0}),a},getClassSpaceBetweenLeftRight=e=>{let t=getResponsiveSetting(e),o=t?.desktop?.type=="left-distributed"||t?.desktop?.type=="right-distributed",i=t?.tablet?.type=="left-distributed"||t?.tablet?.type=="right-distributed",l=t?.mobile?.type=="left-distributed"||t?.mobile?.type=="right-distributed";return{"gp-h-full tablet:gp-h-auto mobile:gp-h-auto [&>*]:!gp-justify-between":o,"tablet:!gp-h-full tablet:[&>*]:!gp-justify-between mobile:gp-h-auto":i,"mobile:!gp-h-full mobile:[&>*]:!gp-justify-between":l,"mobile:!gp-h-auto":!l}},getClassForStretchContent=e=>{let t={desktop:"none",tablet:"none",mobile:"none"},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=core.getResponsiveValueByScreen(e,o);t={...t,[o]:i}}),core.cls("space-between"===t.desktop?"[&>*>*]:!gp-justify-between":"","space-between"===t.tablet?"tablet:[&>*>*]:!gp-justify-between ":`tablet:[&>*>*]:!gp-justify-${e?.tablet}`,"space-between"===t.mobile?"mobile:[&>*>*]:!gp-justify-between ":`mobile:[&>*>*]:!gp-justify-${e?.mobile}`)},getClassForContentByFitContent=(e,t)=>{let o={desktop:!1,tablet:!1,mobile:!1},i=["desktop","mobile","tablet"];return i.forEach(i=>{let l=core.getResponsiveValueByScreen(e,i),n=!!getDataVideoHeroBannerResponsive(i,t),a=l?.shape,r=l?.height,s="original"===a&&"fit-content"!==r;o={...o,[i]:s&&!n}}),core.cls(o.desktop?"!gp-absolute":"",o.tablet?"tablet:!gp-absolute":"tablet:!gp-relative",o.mobile?"mobile:!gp-absolute":"mobile:!gp-relative")},getClassContentPosition=e=>{let t={center:"center",top:"start",bottom:"end","space-between":"between"},o=e.desktop||"center",i=e.tablet||o,l=e.mobile||i;return{[`gp-justify-${t[o||"center"]}`]:!!o,[`tablet:gp-justify-${t[i||"center"]}`]:!!i,[`mobile:gp-justify-${t[l||"center"]}`]:!!l}},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}},showVideoType=e=>core.DEVICES.some(t=>{let o=core.getValueByDevice(e,t);return o?.type!=="color"&&o?.type!=="image"&&!!o&&(o?.videoType==="html5"&&o?.videoHtml5||o?.videoType==="youtube"&&o?.video)});function debounce(e,t){let o;return function(...i){clearTimeout(o),o=setTimeout(()=>e.apply(this,i),t)}}const fallbackImg="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJnLTE5MjAtOTAwIj4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjIwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjUwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjcwJSIgLz4KICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxyZWN0IHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjkwMCIgZmlsbD0icmdiYSg1MSwgNTEsIDUxLCAwKSIgLz4KICAgIDxyZWN0IGlkPSJyIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZy0xOTIwLTkwMCkiIC8+CiAgICA8YW5pbWF0ZSB4bGluazpocmVmPSIjciIgYXR0cmlidXRlTmFtZT0ieCIgZnJvbT0iLTE5MjAiIHRvPSIxOTIwIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgIC8+CiAgPC9zdmc+",getBannerLink=e=>{let t=e?.link;return t?.type==="go-to-sales-page"?{type:"go-to-sales-page",link:constant.HREF_TO_SALES_PAGE,target:"_self"}:t},formatHoverScale=e=>e?String(e).includes("%")?`${e}`:`${e}%`:"100%",opacityEnabledData=e=>{let{overlayColor:t,overlayOpacity:o}=e??{},i=!t?.normal||o?.normal=="0%"||!o?.normal;return{disableOpacity:i}},getOpacityHover=e=>{let{overlayOpacity:t}=e??{},o="number"!=typeof t?.hover||isNaN(t?.hover)?"string"==typeof t?.hover?`${parseInt(t?.hover)}%`:"":`${t?.hover}%`,i="number"!=typeof t?.normal||isNaN(t?.normal)?"string"==typeof t?.normal?`${parseInt(t?.normal)}%`:"0%":`${t?.normal}%`;return o||i};exports.debounce=debounce,exports.fallbackImg="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJnLTE5MjAtOTAwIj4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjIwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjUwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjcwJSIgLz4KICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxyZWN0IHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjkwMCIgZmlsbD0icmdiYSg1MSwgNTEsIDUxLCAwKSIgLz4KICAgIDxyZWN0IGlkPSJyIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZy0xOTIwLTkwMCkiIC8+CiAgICA8YW5pbWF0ZSB4bGluazpocmVmPSIjciIgYXR0cmlidXRlTmFtZT0ieCIgZnJvbT0iLTE5MjAiIHRvPSIxOTIwIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgIC8+CiAgPC9zdmc+",exports.formatHoverScale=formatHoverScale,exports.getAspectRatioSettings=getAspectRatioSettings,exports.getAttachmentDevice=getAttachmentDevice,exports.getBackgroundImageHeroBanner=getBackgroundImageHeroBanner,exports.getBannerLink=getBannerLink,exports.getBgImage=getBgImage,exports.getClassAlignBanner=getClassAlignBanner,exports.getClassContentPosition=getClassContentPosition,exports.getClassForContentByFitContent=getClassForContentByFitContent,exports.getClassForStretchContent=getClassForStretchContent,exports.getClassSpaceBetween=getClassSpaceBetween,exports.getClassSpaceBetweenLeftRight=getClassSpaceBetweenLeftRight,exports.getClipPath=getClipPath,exports.getContentPosition=getContentPosition,exports.getDataVideoHeroBannerResponsive=getDataVideoHeroBannerResponsive,exports.getDisplayStyleByFitContent=getDisplayStyleByFitContent,exports.getEnableBgImageByDevice=getEnableBgImageByDevice,exports.getOpacityHover=getOpacityHover,exports.getPercentageVisible=getPercentageVisible,exports.getResponsiveSetting=getResponsiveSetting,exports.getStyleAspectRatioHeroBannerCustom=getStyleAspectRatioHeroBannerCustom,exports.getStyleHeroBannerBg=getStyleHeroBannerBg,exports.getVisibilityStyle=getVisibilityStyle,exports.getWidth=getWidth,exports.horizontalAlign=horizontalAlign,exports.imagePlaceholder=imagePlaceholder,exports.isScaleImage=isScaleImage,exports.mapContentPositionToHorizontal=mapContentPositionToHorizontal,exports.opacityEnabledData=opacityEnabledData,exports.scrollToContentBanner=scrollToContentBanner,exports.showVideoType=showVideoType;
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../image/common/helpers.js"),constant=require("../../constant.js");const getContentPosition=(e,t,o)=>{let i={};return core.DEVICES.map(l=>{let n=core.getResponsiveValueByScreen(e,l),a=core.getResponsiveValueByScreen(t,l),r=core.getResponsiveValueByScreen(o,l);i={...i,[l]:1>=(n?.cols?.length||1)?a:r}}),i},getAspectRatioSettings=(e,t)=>{let o={desktop:e?.desktop?.width,tablet:e?.tablet?.width,mobile:e?.mobile?.width},i={desktop:e?.desktop?.height,tablet:e?.tablet?.height,mobile:e?.mobile?.height},l={desktop:t?.desktop==="custom"?`${core.getResponsiveValueByScreen(o,"desktop")}/${core.getResponsiveValueByScreen(i,"desktop")}`:t?.desktop==="cover"?"unset":t?.desktop,tablet:t?.tablet==="custom"?`${core.getResponsiveValueByScreen(o,"tablet")}/${core.getResponsiveValueByScreen(i,"tablet")}`:t?.tablet==="cover"?"unset":t?.tablet,mobile:t?.mobile==="custom"?`${core.getResponsiveValueByScreen(o,"mobile")}/${core.getResponsiveValueByScreen(i,"mobile")}`:t?.mobile==="cover"?"unset":t?.mobile};return l},getEnableBgImageByDevice=(e,t)=>{if(!core.getResponsiveValueByScreen(getBgImage(t),e))return!1;if(!t?.[e]){if("mobile"===e)return t?.tablet?.type==="image"||t?.desktop?.type==="image"&&!t?.tablet;if("tablet"===e)return t?.desktop?.type==="image"}return t?.[e]?.type==="image"},getBgImage=e=>{if(!e)return{};let t={desktop:e?.desktop?.image,tablet:e?.tablet?.image,mobile:e?.mobile?.image};return t},imagePlaceholder=e=>{let t=getBgImage(e);return{desktop:helpers.createBlurDataURL(t?.desktop?.width??0,t?.desktop?.height??0),tablet:helpers.createBlurDataURL(t?.tablet?.width??t?.desktop?.width??0,t?.tablet?.height??t?.desktop?.width??0),mobile:helpers.createBlurDataURL(t?.mobile?.width??t?.tablet?.width??t?.desktop?.width??0,t?.mobile?.height??t?.tablet?.height??t?.desktop?.width??0)}},getBgImageByScreen=(e,t,o,i)=>{if(!e)return"";let l=getBgImage(e),n=core.getResponsiveValueByScreen(e,t),a=o?`url(${imagePlaceholder(e)[t]})`:`url(${helpers.getImageSrc(core.getResponsiveValueByScreen(l,t),t,i)})`,r=n?.color?`, ${n.color}`:"";return n?.color?.includes(core.GRADIENT_BGR_KEY)&&n?.type==="image"?`${a}${r}`:n?.color?.includes(core.GRADIENT_BGR_KEY)&&n?.type!=="image"?`${n.color}`:n?.type==="image"?a:"url()"},getBackgroundImageHeroBanner=(e,t=!1,o=!1)=>{if(!e)return;let i={};return core.DEVICES.forEach(l=>{i={...i,[l]:getBgImageByScreen(e,l,t,o)}}),core.makeStyleResponsive("bgi",i)},getAttachmentDevice=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=e?.[o]?.attachment;t={...t,[o]:"fixed"===i?"fixed":"absolute"}}),t},horizontalAlign=(e,t,o)=>mapContentPositionToHorizontal(getContentPosition(e,t,o)),scrollToContentBanner=e=>e?.target?.closest("div.gp-hero-banner-row")?.scrollTo(0,0),getDataVideoHeroBannerResponsive=(e,t)=>{switch(e){case"desktop":if(t?.desktop?.type==="video")return{device:"desktop",data:t.desktop};break;case"tablet":if(t?.tablet?.type==="video")return{device:"tablet",data:t.tablet};if(!t?.tablet&&t?.desktop?.type==="video")return{device:"desktop",data:t.desktop};break;case"mobile":if(t?.mobile?.type==="video")return{device:"mobile",data:t.mobile};if(!t?.mobile&&t?.tablet?.type==="video")return{device:"tablet",data:t.tablet};if(!t?.mobile&&!t?.tablet?.type&&t?.desktop?.type==="video")return{device:"desktop",data:t.desktop}}},getVisibilityStyle=e=>e?Object.keys(e).filter(e=>["--d","--d-tablet","--d-mobile"].includes(e)).reduce((t,o)=>({...t,[o]:e?.[o]!=="none"?"flex":e?.[o]}),{}):{},getStyleAspectRatioHeroBannerCustom=(e,t,o)=>{let i=core.getAspectRatioGlobalSize(t),l=["desktop","mobile","tablet"];return l.forEach(l=>{let n=core.getResponsiveValueByScreen(t,l),a=!!getDataVideoHeroBannerResponsive(l,e),r=n?.shape,s=n?.height,g="original"===r&&"fit-content"!==s,p=g&&a;p&&(i={...i,[l]:"16/9"}),o&&o[l]&&getDataVideoHeroBannerResponsive(l,e)?.data?.videoType==="html5"&&(i={...i,[l]:o[l]})}),core.makeStyleResponsive("aspect",i)},mapContentPositionToHorizontal=e=>{let t={};for(let o in e)"top"===e[o]?t[o]="start":"bottom"===e[o]?t[o]="end":t[o]="center";return t},getDisplayStyleByFitContent=(e,t)=>{let o={desktop:"none",tablet:"none",mobile:"none"},i=["desktop","mobile","tablet"];return i.forEach(i=>{let l=core.getResponsiveValueByScreen(e,i),n=!!getDataVideoHeroBannerResponsive(i,t),a=l?.shape,r=l?.height,s="original"===a&&"fit-content"!==r&&!n;o={...o,[i]:s?"block":"none"}}),core.makeStyleResponsive("d",o)},getWidth=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=e?.[o];i&&(t={...t,[o]:"default"===i?"var(--g-ct-w, 1200px)":i})}),t},getPercentageVisible=(e,t)=>{let{top:o,height:i}=e,l=-i;if(o<l)return 0;if(o>t)return 100;let n=(o-l)/(t-l)*100;return Math.min(Math.max(n,0),100)},isScaleImage=({enableParallax:e=!1,attachment:t="scroll"})=>!!e||"fixed"===t,getHeightHeroBanner=(e,t)=>{let o={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let l=isScaleImage({enableParallax:t,attachment:e[i]?.attachment});o={...o,[i]:t?"150%":l?"100vh":"100%"}}),core.makeStyleResponsive("h",o)},getWidthHeroBanner=(e,t)=>{let o={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let l=isScaleImage({enableParallax:t,attachment:e[i]?.attachment});o={...o,[i]:l?"100vw":"100%"}}),core.makeStyleResponsive("w",o)},getTopHeroBanner=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{t={...t,[o]:e[o]?.attachment==="fixed"?"0px":""}}),core.makeStyleResponsive("top",t)},getStyleHeroBannerBg=(e,t)=>{let o=getHeightHeroBanner(e,t),i=getWidthHeroBanner(e,t),l=getTopHeroBanner(e);return{...o,...i,...l}},calcRounderClipPath=(e,t=0,o=0)=>{let i=t,l=t;if(t>o?i=o:l=o,e>=999){let t=e-i;return t>0?t:0}let n=e-l;return n>0?n:0},getClipPath=(e,t)=>{if(!t)return"";let[o,i,l,n]=(e??"0 0 0 0").split(" ").map(e=>parseInt(e??"0")||0),{btlr:a,btrr:r,bbrr:s,bblr:g}=t,p=calcRounderClipPath(parseInt(a??"0")||0,o,n),c=calcRounderClipPath(parseInt(r??"0")||0,o,i),b=calcRounderClipPath(parseInt(s??"0")||0,i,l),d=calcRounderClipPath(parseInt(g??"0")||0,l,n);return[p,c,b,d].every(e=>0===e)?"":`inset(0 0 0 round ${p}px ${c}px ${b}px ${d}px)`},getClassAlignBanner=e=>({"!gp-self-start":"left"===e.desktop,"!gp-self-center":"center"===e.desktop,"!gp-self-end":"right"===e.desktop,"tablet:!gp-self-start":"left"===e.tablet,"tablet:!gp-self-center":"center"===e.tablet,"tablet:!gp-self-end":"right"===e.tablet,"mobile:!gp-self-start":"left"===e.mobile,"mobile:!gp-self-center":"center"===e.mobile,"mobile:!gp-self-end":"right"===e.mobile}),get1ColLayout=({device:e,settingLayoutRes:t,contentPosition1ColRes:o})=>{let i=t[e]?.cols??[],l=i.length<=1,n=o[e];if(!l||!n)return;let a=["space-between","top","center","bottom"];return a.includes(n)?n:void 0},getClassSpaceBetween=(e,t)=>{let o=getResponsiveSetting(e),i=getResponsiveSetting(t),l={desktop:get1ColLayout({device:"desktop",settingLayoutRes:o,contentPosition1ColRes:i}),tablet:get1ColLayout({device:"tablet",settingLayoutRes:o,contentPosition1ColRes:i}),mobile:get1ColLayout({device:"mobile",settingLayoutRes:o,contentPosition1ColRes:i})},n={"space-between":{desktop:"!gp-h-full !gp-content-stretch [&>*]:!gp-justify-between [&>*:nth-child(2)]:gp-absolute [&>*:nth-child(2)]:gp-hidden",tablet:"tablet:!gp-h-full tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-between tablet:[&>*:nth-child(2)]:gp-absolute tablet:[&>*:nth-child(2)]:gp-hidden",mobile:"mobile:!gp-h-full mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-between mobile:[&>*:nth-child(2)]:gp-absolute  mobile:[&>*:nth-child(2)]:gp-hidden"},top:{desktop:"!gp-content-stretch [&>*]:!gp-justify-start",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-start",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-start"},center:{desktop:"!gp-content-stretch [&>*]:!gp-justify-center",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-center",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-center"},bottom:{desktop:"!gp-content-stretch [&>*]:!gp-justify-end",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-end",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-end"}},a={};return core.DEVICES.forEach(e=>{let t=l[e],o=n?.[t]?.[e];a[o]=!0}),a},getClassSpaceBetweenLeftRight=e=>{let t=getResponsiveSetting(e),o=t?.desktop?.type=="left-distributed"||t?.desktop?.type=="right-distributed",i=t?.tablet?.type=="left-distributed"||t?.tablet?.type=="right-distributed",l=t?.mobile?.type=="left-distributed"||t?.mobile?.type=="right-distributed";return{"gp-h-full tablet:gp-h-auto mobile:gp-h-auto [&>*]:!gp-justify-between":o,"tablet:!gp-h-full tablet:[&>*]:!gp-justify-between mobile:gp-h-auto":i,"mobile:!gp-h-full mobile:[&>*]:!gp-justify-between":l,"mobile:!gp-h-auto":!l}},getClassForStretchContent=e=>{let t={desktop:"none",tablet:"none",mobile:"none"},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=core.getResponsiveValueByScreen(e,o);t={...t,[o]:i}}),core.cls("space-between"===t.desktop?"[&>*>*]:!gp-justify-between":"","space-between"===t.tablet?"tablet:[&>*>*]:!gp-justify-between ":`tablet:[&>*>*]:!gp-justify-${e?.tablet}`,"space-between"===t.mobile?"mobile:[&>*>*]:!gp-justify-between ":`mobile:[&>*>*]:!gp-justify-${e?.mobile}`)},getClassForContentByFitContent=(e,t)=>{let o={desktop:!1,tablet:!1,mobile:!1},i=["desktop","mobile","tablet"];return i.forEach(i=>{let l=core.getResponsiveValueByScreen(e,i),n=!!getDataVideoHeroBannerResponsive(i,t),a=l?.shape,r=l?.height,s="original"===a&&"fit-content"!==r;o={...o,[i]:s&&!n}}),core.cls(o.desktop?"!gp-absolute":"",o.tablet?"tablet:!gp-absolute":"tablet:!gp-relative",o.mobile?"mobile:!gp-absolute":"mobile:!gp-relative")},getClassContentPosition=e=>{let t={center:"center",top:"start",bottom:"end","space-between":"between"},o=e.desktop||"center",i=e.tablet||o,l=e.mobile||i;return{[`gp-justify-${t[o||"center"]}`]:!!o,[`tablet:gp-justify-${t[i||"center"]}`]:!!i,[`mobile:gp-justify-${t[l||"center"]}`]:!!l}},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}},showVideoType=e=>core.DEVICES.some(t=>{let o=core.getValueByDevice(e,t);return o?.type!=="color"&&o?.type!=="image"&&!!o&&(o?.videoType==="html5"&&o?.videoHtml5||o?.videoType==="youtube"&&o?.video)});function debounce(e,t){let o;return function(...i){clearTimeout(o),o=setTimeout(()=>e.apply(this,i),t)}}const fallbackImg="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJnLTE5MjAtOTAwIj4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjIwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjUwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjcwJSIgLz4KICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxyZWN0IHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjkwMCIgZmlsbD0icmdiYSg1MSwgNTEsIDUxLCAwKSIgLz4KICAgIDxyZWN0IGlkPSJyIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZy0xOTIwLTkwMCkiIC8+CiAgICA8YW5pbWF0ZSB4bGluazpocmVmPSIjciIgYXR0cmlidXRlTmFtZT0ieCIgZnJvbT0iLTE5MjAiIHRvPSIxOTIwIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgIC8+CiAgPC9zdmc+",getBannerLink=e=>{let t=e?.link;return t?.type==="go-to-sales-page"?{type:"go-to-sales-page",link:constant.HREF_TO_SALES_PAGE,target:"_self"}:t},formatHoverScale=e=>e?String(e).includes("%")?`${e}`:`${e}%`:"100%",opacityEnabledData=e=>{let{overlayColor:t,overlayOpacity:o}=e??{},i=!t?.normal||o?.normal=="0%"||!o?.normal;return{disableOpacity:i}},getOpacityHover=e=>{let{overlayOpacity:t}=e??{},o="number"!=typeof t?.hover||isNaN(t?.hover)?"string"==typeof t?.hover?`${parseInt(t?.hover)}%`:"":`${t?.hover}%`,i="number"!=typeof t?.normal||isNaN(t?.normal)?"string"==typeof t?.normal?`${parseInt(t?.normal)}%`:"0%":`${t?.normal}%`;return o||i};exports.debounce=debounce,exports.fallbackImg="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJnLTE5MjAtOTAwIj4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjIwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjUwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjcwJSIgLz4KICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxyZWN0IHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjkwMCIgZmlsbD0icmdiYSg1MSwgNTEsIDUxLCAwKSIgLz4KICAgIDxyZWN0IGlkPSJyIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZy0xOTIwLTkwMCkiIC8+CiAgICA8YW5pbWF0ZSB4bGluazpocmVmPSIjciIgYXR0cmlidXRlTmFtZT0ieCIgZnJvbT0iLTE5MjAiIHRvPSIxOTIwIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgIC8+CiAgPC9zdmc+",exports.formatHoverScale=formatHoverScale,exports.getAspectRatioSettings=getAspectRatioSettings,exports.getAttachmentDevice=getAttachmentDevice,exports.getBackgroundImageHeroBanner=getBackgroundImageHeroBanner,exports.getBannerLink=getBannerLink,exports.getBgImage=getBgImage,exports.getClassAlignBanner=getClassAlignBanner,exports.getClassContentPosition=getClassContentPosition,exports.getClassForContentByFitContent=getClassForContentByFitContent,exports.getClassForStretchContent=getClassForStretchContent,exports.getClassSpaceBetween=getClassSpaceBetween,exports.getClassSpaceBetweenLeftRight=getClassSpaceBetweenLeftRight,exports.getClipPath=getClipPath,exports.getContentPosition=getContentPosition,exports.getDataVideoHeroBannerResponsive=getDataVideoHeroBannerResponsive,exports.getDisplayStyleByFitContent=getDisplayStyleByFitContent,exports.getEnableBgImageByDevice=getEnableBgImageByDevice,exports.getOpacityHover=getOpacityHover,exports.getPercentageVisible=getPercentageVisible,exports.getResponsiveSetting=getResponsiveSetting,exports.getStyleAspectRatioHeroBannerCustom=getStyleAspectRatioHeroBannerCustom,exports.getStyleHeroBannerBg=getStyleHeroBannerBg,exports.getVisibilityStyle=getVisibilityStyle,exports.getWidth=getWidth,exports.horizontalAlign=horizontalAlign,exports.imagePlaceholder=imagePlaceholder,exports.isScaleImage=isScaleImage,exports.mapContentPositionToHorizontal=mapContentPositionToHorizontal,exports.opacityEnabledData=opacityEnabledData,exports.scrollToContentBanner=scrollToContentBanner,exports.showVideoType=showVideoType;

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;