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

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

@@ -1,4 +1,4 @@
-"use strict";const CarouselPreset=[{id:"carousel-outdated",name:"Carousel",icon:{desktop:`
+"use strict";const e=[{id:"carousel-outdated",name:"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"/>
@@ -111,4 +111,4 @@
             </linearGradient>
           </defs>
         </svg>
-      `},components:[{tag:"Carousel",label:"Carousel",settings:{childItem:["Item 1","Item 2","Item 3"],itemNumber:{desktop:3,tablet:2,mobile:2},sneakPeak:{desktop:!0},sneakPeakType:{desktop:"center"},dotStyle:{desktop:"outside"}},styles:{fullWidth:{desktop:!1,tablet:!1,mobile:!1},sizeSetting:{desktop:{width:"default"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]}]}]}];exports.CarouselPreset=CarouselPreset;
+      `},components:[{tag:"Carousel",label:"Carousel",settings:{childItem:["Item 1","Item 2","Item 3"],itemNumber:{desktop:3,tablet:2,mobile:2},sneakPeak:{desktop:!0},sneakPeakType:{desktop:"center"},dotStyle:{desktop:"outside"}},styles:{fullWidth:{desktop:!1,tablet:!1,mobile:!1},sizeSetting:{desktop:{width:"default"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]}]}]}];exports.CarouselPreset=e;

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">
+"use strict";var e=require("../../plugins/animation.js");const t=[{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}}}}},{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:e.CAROUSEL_ANIMATION.EASE_IN.value,options:[{label:"Ease in",value:e.CAROUSEL_ANIMATION.EASE_IN.value},{label:"Ease out",value:e.CAROUSEL_ANIMATION.EASE_OUT.value},{label:"Ease in & out",value:e.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}],l=[{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}],a=[{id:"setting",controls:t},{id:"style",controls:l}];exports.CarouselSettingsV2=a,exports.CarouselSettingsV2Setting=t,exports.CarouselSettingsV2Style=l;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core");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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/core");require("react"),require("@gem-sdk/system");var s=require("../swiper/SwiperSlide.js"),i=require("./common/styles.js"),t=require("./common/classes.js"),l=require("../../hooks/useCarouseItem.js"),u=require("../../../grid/components/ChildrenDroppable.js");exports.default=o=>{let{children:a,builderAttrs:d,parentSettings:c,builderProps:m}=o,{handleClick:n,handleMouseMove:j,handleMouseOut:p}=l.useCarouselItem(o),{indexKey:q}=o,y=m?.uid?`${m?.uid}-${q}`:q,h=r.useEditorMode(),{carouselItemStyle:v,carouselItemInnerStyle:x}=i.getStyle(o,h),{carouselItemClass:C,carouselItemInnerClass:g}=t.getClass(o);return e.jsx(s.SwiperSlide,{...d,"aria-hidden":!0,className:C,style:v,onClick:n,onMouseMove:j,onMouseLeave:p,dir:c?.rtl?"rtl":"ltr","data-carousel-item-key":y,children:e.jsx("div",{className:g,style:x,children:r.isEmptyChildren(a)?e.jsx(u.default,{}):a})})};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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