npm - @gem-sdk/components - Versions diffs - 17.0.0-dev.28 → 17.0.0-staging.5 - Mend

@gem-sdk/components 17.0.0-dev.28 → 17.0.0-staging.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4391) hide show

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

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

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

	@@ -1 +1 @@
1	- "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;
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;

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

	@@ -1 +1 @@
1	- "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/100o}),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;
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/100n}),s},getWidthForCarouselItem=e=>{let s={};return core.DEVICES.forEach(a=>{let r=helpers.convertUnitToNumber(core.getResponsiveValueByScreen(e.spacing,a),44),o=core.getResponsiveValueByScreen(e.sneakPeak,a,!1),t=helpers.convertUnitToNumber(core.getResponsiveValueByScreen(o?getSlideToShow({slidesToShow:e?.slidesToShow,sneakPeak:e?.sneakPeak,sneakPeakType:e?.sneakPeakType,sneakPeakOffsetCenter:e?.sneakPeakOffsetCenter,sneakPeakOffsetForward:e?.sneakPeakOffsetForward}):e.slidesToShow,a),4);s={...s,[a]:`calc(100% / ${t} - ${(t-1)r/t}px)`}}),s},DOT_CONTAINER_SELECTOR="gp-carousel-dot-container";exports.DOT_CONTAINER_SELECTOR="gp-carousel-dot-container",exports.getInitialWidthForCarouselItem=getInitialWidthForCarouselItem,exports.getSlideToShow=getSlideToShow,exports.getWidthForCarouselItem=getWidthForCarouselItem;

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- "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};
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;

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

@@ -1,33 +1,33 @@
-"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)}
+"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)}
       }
-      ${d?"."+d:""}.gp-carousel-arrow-${a}::before {
+      ${p?"."+p:""}.gp-carousel-arrow-${r}::before {
         content: '';
         height: 100%;
         width: 100%;
         position: absolute;
         pointer-events: none;
         z-index: 10;
-        ${o.composeBorderCss(w.desktop)}
-        ${o.composeCornerCss(v.desktop)}
+        ${core.composeBorderCss(C.desktop)}
+        ${core.composeCornerCss(b.desktop)}
       }
       @media only screen and (max-width: 1024px) and (min-width: 768px) {
-        ${d?"."+d:""}.gp-carousel-arrow-${a} {
-          ${o.composeCornerCss(v.tablet)}
+        ${p?"."+p:""}.gp-carousel-arrow-${r} {
+          ${core.composeCornerCss(b.tablet)}
         }
-        ${d?"."+d:""}.gp-carousel-arrow-${a}::before {
-          ${o.composeBorderCss(w.tablet)}
-          ${o.composeCornerCss(v.tablet)}
+        ${p?"."+p:""}.gp-carousel-arrow-${r}::before {
+          ${core.composeBorderCss(C.tablet)}
+          ${core.composeCornerCss(b.tablet)}
         }
       }
       @media only screen and (max-width: 768px) {
-        ${d?"."+d:""}.gp-carousel-arrow-${a} {
-          ${o.composeCornerCss(v.mobile)}
+        ${p?"."+p:""}.gp-carousel-arrow-${r} {
+          ${core.composeCornerCss(b.mobile)}
         }
-        ${d?"."+d:""}.gp-carousel-arrow-${a}::before {
-          ${o.composeBorderCss(w.mobile)}
-          ${o.composeCornerCss(v.mobile)}
+        ${p?"."+p:""}.gp-carousel-arrow-${r}::before {
+          ${core.composeBorderCss(C.mobile)}
+          ${core.composeCornerCss(b.mobile)}
         }
       }
-    `;return{buttonStyle:D,buttonContentStyle:E,innerBorderCss:G}};
+    `;return{buttonStyle:V,buttonContentStyle:W,innerBorderCss:j}};exports.getStyle=getStyle;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- "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}};
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;

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

@@ -1,2 +1,2 @@
 'use client';
-"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:D="16",roundedArrow:T,arrowIconSize:A,arrowCustomColor:I,arrowBorder:N,arrowShadow:R,showWhenHover:z}=f??{},M=r.useRef({prevOrder:"",prevContent:"",version:0}),B=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:V,localRef:W,sliderSettings:$,totalSlideItem:H,currentSlide:F,isRenderDots:G,showNavigation:_,isScrollToStart:J,isScrollToEnd:K,handleDotClick:U,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,t)=>{let o="next"===r;if(q<=1)return null;let i=o?!V&&x?.isEnd:!V&&x?.isBeginning;return e.jsx(d.default,{uid:C?.uid,custom:f?.arrowCustom??"",showArrow:ei,arrowButtonSize:P||{},arrowIconSize:A||{},arrowBackgroundColor:O||"",arrowCustomColor:I,gapToEachSize:D,showWhenHover:z,arrowBorder:N||{},arrowCorner:T||{},arrowShadow:R||{},onClick:e=>{e.stopPropagation(),Q(r)},left:!o,disabled:g?o?!V&&K||!t:!V&&J||!t:i,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=JSON.stringify($.autoplay),eq=r.useMemo(()=>{let e=[q,B,ej.length,ef,$.dir,$.loop,$.virtual,$.direction,eb];return e.join("-")},[q,B,ej.length,ef,$.dir,$.loop,$.virtual,$.direction,eb]);return e.jsx("div",{ref:k,...ep,className:el,style:ed,children:e.jsxs("div",{ref:W,...h,className:es,style:eu,children:[e.jsxs("div",{className:en,style:ec,children:[eC("prev",!!_),r.createElement(c.Swiper,{...em,...$,sliderClass:ea,thumbsSwiper:p?.thumbsSwiper,onSwiperReady:eS,totalSlides:H,key:eq,sliderOrder:B,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:U,slideDuplicated:ek}),t.filterToolbarPreview(v,!0)]})})});exports.default=p;
+"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;

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

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

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

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

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

	@@ -1 +1 @@
1	- "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}};
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;

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

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

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

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

package/dist/cjs/carousel-v3/components/swiper/Swiper.js CHANGED Viewed

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

package/dist/cjs/carousel-v3/components/swiper/SwiperSlide.js CHANGED Viewed

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

package/dist/cjs/carousel-v3/components/swiper/common/styles.js CHANGED Viewed

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