@gem-sdk/components 4.0.0-staging.1204 → 4.0.0-staging.1205

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

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

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

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../helpers.js");const getInitialWidthForCarouselItem=e=>{let s={};return core.DEVICES.forEach(a=>{if(!e?.vertical?.[a]){let a={...core.makeStyleResponsive("minw",core.makeWidth(getWidthForCarouselItem({spacing:e?.spacing,slidesToShow:e?.slidesToShow,sneakPeak:e?.sneakPeak,sneakPeakType:e?.sneakPeakType,sneakPeakOffsetCenter:e?.sneakPeakOffsetCenter,sneakPeakOffsetForward:e?.sneakPeakOffsetForward}))),...core.makeStyleResponsive("maxw",core.makeWidth(getWidthForCarouselItem({spacing:e?.spacing,slidesToShow:e?.slidesToShow,sneakPeak:e?.sneakPeak,sneakPeakType:e?.sneakPeakType,sneakPeakOffsetCenter:e?.sneakPeakOffsetCenter,sneakPeakOffsetForward:e?.sneakPeakOffsetForward})))};s={...s,...a}}}),s},getSlideToShow=e=>{let s={};return core.DEVICES.forEach(a=>{let r=core.getResponsiveValueByScreen(e.sneakPeak,a),o=r?"center"===core.getResponsiveValueByScreen(e.sneakPeakType,a)?core.getResponsiveValueByScreen(e.sneakPeakOffsetCenter,a)??0:core.getResponsiveValueByScreen(e.sneakPeakOffsetForward,a)??0:0,t=core.getResponsiveValueByScreen(e.slidesToShow,a)||1,n="center"===core.getResponsiveValueByScreen(e.sneakPeakType,a)?-2:-1;s[a]="auto"===t?t:t+o/100*n}),s},getWidthForCarouselItem=e=>{let s={};return core.DEVICES.forEach(a=>{let r=helpers.convertUnitToNumber(core.getResponsiveValueByScreen(e.spacing,a),44),o=core.getResponsiveValueByScreen(e.sneakPeak,a,!1),t=helpers.convertUnitToNumber(core.getResponsiveValueByScreen(o?getSlideToShow({slidesToShow:e?.slidesToShow,sneakPeak:e?.sneakPeak,sneakPeakType:e?.sneakPeakType,sneakPeakOffsetCenter:e?.sneakPeakOffsetCenter,sneakPeakOffsetForward:e?.sneakPeakOffsetForward}):e.slidesToShow,a),4);s={...s,[a]:`calc(100% / ${t} - ${(t-1)*r/t}px)`}}),s},DOT_CONTAINER_SELECTOR="gp-carousel-dot-container";exports.DOT_CONTAINER_SELECTOR="gp-carousel-dot-container",exports.getInitialWidthForCarouselItem=getInitialWidthForCarouselItem,exports.getSlideToShow=getSlideToShow,exports.getWidthForCarouselItem=getWidthForCarouselItem;

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

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

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

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

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

@@ -0,0 +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: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-v3/components/arrow/common/helpers.js

@@ -0,0 +1 @@
+"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-v3/components/arrow/common/styles.js

@@ -0,0 +1,33 @@
+"use strict";var system=require("@gem-sdk/system"),core=require("@gem-sdk/core"),helpers=require("./helpers.js");const getStyle=(e,o="liquid")=>{let{uid:r,vertical:s,showArrow:t,gapToEachSize:l,left: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(b.desktop)}
+      }
+      ${p?"."+p:""}.gp-carousel-arrow-${r}::before {
+        content: '';
+        height: 100%;
+        width: 100%;
+        position: absolute;
+        pointer-events: none;
+        z-index: 10;
+        ${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(b.tablet)}
+        }
+        ${p?"."+p:""}.gp-carousel-arrow-${r}::before {
+          ${core.composeBorderCss(C.tablet)}
+          ${core.composeCornerCss(b.tablet)}
+        }
+      }
+      @media only screen and (max-width: 768px) {
+        ${p?"."+p:""}.gp-carousel-arrow-${r} {
+          ${core.composeCornerCss(b.mobile)}
+        }
+        ${p?"."+p:""}.gp-carousel-arrow-${r}::before {
+          ${core.composeBorderCss(C.mobile)}
+          ${core.composeCornerCss(b.mobile)}
+        }
+      }
+    `;return{buttonStyle:V,buttonContentStyle:W,innerBorderCss:j}};exports.getStyle=getStyle;

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+"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-v3/components/dot/common/styles.js

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

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

@@ -0,0 +1,2 @@
+'use client';
+"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-v3/components/item/CarouselItem.liquid.js

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

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

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

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

@@ -0,0 +1 @@
+"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-v3/components/root/Carousel.js

@@ -0,0 +1,2 @@
+'use client';
+"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-v3/components/root/Carousel.liquid.js

@@ -0,0 +1,23 @@
+"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-v3-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$2.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-carousel-v3-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="${E}" class="${_}">
+      <div
+        ${s}
+        class="${A}"
+        style="${I}"
+      >
+        <div class="${D}" style="${b}">
+          ${G("prev")}
+          <div ${R} style="${P}">
+            <div class="${k}">
+              ${O()}
+            </div>
+          </div>
+          ${G("next")}
+        </div>
+        ${Dots_liquid.default({loop:C,showDots:n?.dot,dotStyle:n?.dotStyle,dotGapToCarousel:n?.dotGapToCarousel,dotSize:n?.dotSize,vertical:n?.vertical,uniqueComponentId:y,hiddenWhenOnlyOne:a})}
+      </div>
+    </gp-carousel>
+    ${c?`{% if ${c} %} ${x()} {% endif %}`:x()}
+
+  `};exports.default=Carousel;

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

@@ -0,0 +1 @@
+"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-v3/components/root/common/classes.js

@@ -0,0 +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: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-v3/components/root/common/helpers.js

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

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

@@ -0,0 +1 @@
+"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-v3/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-v3/hooks/useCarouseItem.js

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

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

@@ -0,0 +1 @@
+"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=>{let t=r&&r.params?.slidesPerView,s=t?r?.slidesPerViewDynamic():1;if(e<=1)return!1;let a="auto"===ea.slidesPerView?s:ea.slidesPerView;if(!D||e<Number(a)||!v)return!1;let n=core.getResponsiveValueByScreen(l?.sneakPeak,C,!1),i=n&&"center"===core.getResponsiveValueByScreen(l?.sneakPeakType,C),o=Number.isNaN(Number(a))?1:Math.ceil(Number(a));i&&o%2==0&&(o+=1);let u=i?Math.max(1,Math.ceil(o/2)):1;return e<o+u},[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-v3/hooks/useDotsSetting.js

@@ -0,0 +1 @@
+"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-v3/hooks/useTrackPreviewPause.js

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

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

@@ -0,0 +1 @@
+"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 carouselSettingV3={CarouselV3:Carousel$1.default,CarouselItemV3:CarouselItem$1.default};exports.carouselSettingV3=carouselSettingV3;

package/dist/cjs/{carousel → carousel-v3}/next.js

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

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

@@ -0,0 +1 @@
+"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/carousel-v3/settings/Carousel.js

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

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

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

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

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

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

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

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

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

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

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

package/dist/cjs/grid/components/row/common/helpers.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers=require("../../../../carousel/components/arrow/common/helpers.js");const defaultWidth={desktop:"1200px",tablet:"100%",mobile:"100%"},getStyleByDevice=(e,t)=>t?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:t?.[e]==="default"?{contentWidth:`var(--g-ct-w, ${defaultWidth[e]})`,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:t?.[e]!==void 0?{contentWidth:t?.[e],wrapperWidth:`calc(${t?.[e]} + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:{contentWidth:void 0,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"},createStyleObject=e=>{let t=getStyleByDevice("desktop",e),r=getStyleByDevice("tablet",e),d=getStyleByDevice("mobile",e);return{content:{desktop:t.contentWidth,tablet:r.contentWidth,mobile:d.contentWidth},wrapper:{desktop:t.wrapperWidth,tablet:r.wrapperWidth,mobile:d.wrapperWidth},padding:{desktop:t.wrapperPadding,tablet:r.wrapperPadding,mobile:d.wrapperPadding}}},getData=e=>{let{styles:t,builderProps:r}=e,d=system.createStateOrContext({background:t?.background,uid:r?.uid});return{stateData:core.dataStringify(d).replaceAll("'","'")}};function reduceRadiusForState(e,t){if(!e||!t)return{};let r=("string"==typeof e?e.split(" "):[]).map(e=>parseInt(e,10)||0),d=Object.fromEntries(["btrr","bblr","bbrr","btlr"].map((e,d)=>[e,Math.max(0,(parseInt(t[e]??"0",10)||0)-(r[d]||0))+"px"]));return{...d,radiusType:t.radiusType}}function reduceBorderRadiusForDevice(e,t){if(!e||!t)return{};let r={};return["normal","hover","active"].forEach(d=>{let o=e?.[d],i=t?.[d];o&&i&&(r[d]=reduceRadiusForState(o.width,i))}),r}function getInnerRadiusExcludeBorder(e,t){return{desktop:reduceBorderRadiusForDevice(e?.desktop,t?.desktop),tablet:reduceBorderRadiusForDevice(e?.tablet??e?.desktop,t?.tablet??t?.desktop),mobile:reduceBorderRadiusForDevice(e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop)}}const checkHasBackgroundVideo=e=>core.DEVICES.some(t=>{let r=core.getValueByDevice(e,t);return!!r&&(r?.videoType==="html5"&&r?.videoHtml5||r?.videoType==="youtube"&&r?.video)}),isRenderHtmlVideo=e=>{let t=helpers.getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,o=t.mobile?.videoType;return"html5"==r||"html5"==d||"html5"==o},isRenderYoutubeVideo=e=>{let t=helpers.getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,o=t.mobile?.videoType;return"youtube"==r||"youtube"==d||"youtube"==o};exports.checkHasBackgroundVideo=checkHasBackgroundVideo,exports.createStyleObject=createStyleObject,exports.getData=getData,exports.getInnerRadiusExcludeBorder=getInnerRadiusExcludeBorder,exports.isRenderHtmlVideo=isRenderHtmlVideo,exports.isRenderYoutubeVideo=isRenderYoutubeVideo;
+"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system");const getResponsiveSetting=e=>{let t=e.desktop,r=e.tablet?e.tablet:t,d=e.mobile?e.mobile:r;return{desktop:t,tablet:r,mobile:d}},defaultWidth={desktop:"1200px",tablet:"100%",mobile:"100%"},getStyleByDevice=(e,t)=>t?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:t?.[e]==="default"?{contentWidth:`var(--g-ct-w, ${defaultWidth[e]})`,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:t?.[e]!==void 0?{contentWidth:t?.[e],wrapperWidth:`calc(${t?.[e]} + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:{contentWidth:void 0,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"},createStyleObject=e=>{let t=getStyleByDevice("desktop",e),r=getStyleByDevice("tablet",e),d=getStyleByDevice("mobile",e);return{content:{desktop:t.contentWidth,tablet:r.contentWidth,mobile:d.contentWidth},wrapper:{desktop:t.wrapperWidth,tablet:r.wrapperWidth,mobile:d.wrapperWidth},padding:{desktop:t.wrapperPadding,tablet:r.wrapperPadding,mobile:d.wrapperPadding}}},getData=e=>{let{styles:t,builderProps:r}=e,d=system.createStateOrContext({background:t?.background,uid:r?.uid});return{stateData:core.dataStringify(d).replaceAll("'","'")}};function reduceRadiusForState(e,t){if(!e||!t)return{};let r=("string"==typeof e?e.split(" "):[]).map(e=>parseInt(e,10)||0),d=Object.fromEntries(["btrr","bblr","bbrr","btlr"].map((e,d)=>[e,Math.max(0,(parseInt(t[e]??"0",10)||0)-(r[d]||0))+"px"]));return{...d,radiusType:t.radiusType}}function reduceBorderRadiusForDevice(e,t){if(!e||!t)return{};let r={};return["normal","hover","active"].forEach(d=>{let i=e?.[d],o=t?.[d];i&&o&&(r[d]=reduceRadiusForState(i.width,o))}),r}function getInnerRadiusExcludeBorder(e,t){return{desktop:reduceBorderRadiusForDevice(e?.desktop,t?.desktop),tablet:reduceBorderRadiusForDevice(e?.tablet??e?.desktop,t?.tablet??t?.desktop),mobile:reduceBorderRadiusForDevice(e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop)}}const checkHasBackgroundVideo=e=>core.DEVICES.some(t=>{let r=core.getValueByDevice(e,t);return!!r&&(r?.videoType==="html5"&&r?.videoHtml5||r?.videoType==="youtube"&&r?.video)}),isRenderHtmlVideo=e=>{let t=getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,i=t.mobile?.videoType;return"html5"==r||"html5"==d||"html5"==i},isRenderYoutubeVideo=e=>{let t=getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,i=t.mobile?.videoType;return"youtube"==r||"youtube"==d||"youtube"==i};exports.checkHasBackgroundVideo=checkHasBackgroundVideo,exports.createStyleObject=createStyleObject,exports.getData=getData,exports.getInnerRadiusExcludeBorder=getInnerRadiusExcludeBorder,exports.isRenderHtmlVideo=isRenderHtmlVideo,exports.isRenderYoutubeVideo=isRenderYoutubeVideo;