@gem-sdk/components 12.0.0-staging.8 → 12.0.0-staging.80

package/dist/esm/button/settings/configs/settings.js

@@ -1,4 +1,4 @@
-let ButtonSettings=[{id:"setting",controls:[{id:"label",label:"Text",type:"input",default:"<p>Button</p>"},{id:"translate",type:"input",default:"label"},{id:"enableBtnLink",type:"toggle",default:!1},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"btnLink",type:"pick-link",pickLinkLabel:"Button link",label:"Pick Link",default:{type:"open-page",link:"",target:"_self"},hiddenOptions:{"stay-on-page":!0}},{id:"iconGroup",type:"group",label:"Icon",controls:[{id:"iconVisible",label:"Icon Visible",type:"toggle",default:!1},{id:"iconSvg",label:"SVG Icon",type:"icon",default:`
+let ButtonSettings=[{id:"setting",controls:[{id:"label",label:"Text",type:"input",default:"<p>Button</p>"},{id:"enableBtnLink",type:"toggle",default:!1},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"btnLink",type:"pick-link",pickLinkLabel:"Button link",label:"Pick Link",default:{type:"open-page",link:"",target:"_self"},hiddenOptions:{"stay-on-page":!0}},{id:"iconGroup",type:"group",label:"Icon",controls:[{id:"iconVisible",label:"Icon Visible",type:"toggle",default:!1},{id:"iconSvg",label:"SVG Icon",type:"icon",default:`
               <svg height="20" width="20" data-name="star-filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817759863701864">
               <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg>
             `},{id:"iconAlign",label:"Icon Alignment",type:"option:value",options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"}]},{id:"htmlType",label:"HTML Type",type:"select",default:"button",options:[{label:"Open link, popup & scroll to",value:"button"},{label:"Clear form",value:"reset"},{label:"Submit form",value:"submit"}]},{id:"disabled",label:"Disabled",type:"toggle",default:!1},{id:"shouldClearSpace",label:"",type:"toggle",default:!1}]},{id:"style",controls:[{id:"borderBtnV2",type:"border-v2",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-3",isCustom:!0}},compoDefaultValue:{normal:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}},{id:"roundedBtnV2",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1},state:{normal:!0,hover:!0}},{id:"boxShadowBtn",type:"shadow-v2",compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"},enableGradient:!0},{id:"backgroundImage",type:"background-image",compoDefaultValue:{normal:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}},hover:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}}}},{id:"align",label:"Alignment",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:"left"}}},{id:"enableTextStyle",label:"",type:"toggle",default:!0},{id:"typo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-3"}},compoDefaultValue:{attrs:{color:"text-3"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"textColor",type:"color-picker-v2",default:{normal:"text-3"},compoDefaultValue:{normal:"text-3"},state:{hover:!0,normal:!0},enableGradient:!1},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"None"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"},{id:"dimensions1",type:"group",label:"Icon Dimension",controls:[{id:"iconSizeAuto",type:"toggle",label:"Icon Auto Size",default:!0},{id:"size",label:"Size Icon",type:"select",options:[{label:"Large",value:"1.2em"},{label:"Medium",value:"1em"},{label:"Small",value:"0.8em"}],devices:{desktop:{default:"1em"}}},{id:"iconDimension",type:"input:slider",label:"Size",hide:!0,min:0,max:100,step:1,units:["px","em","rem"],devices:{desktop:{default:"24px"}}}]},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]},{id:"iconSpacing",type:"input:slider",units:["px"],step:1,max:40,ignoreMax:!0,devices:{desktop:{default:"8px"}}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"gp-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"gp-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"gp-text-align-right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify",iconName:"gp-text-align-justify"}],devices:{desktop:{default:"left"}}}]}];export{ButtonSettings};

package/dist/esm/button/settings/configs/translate.js

@@ -0,0 +1 @@
+let Button={label:{id:"label"}};export{Button};

package/dist/esm/button/settings/configs/ui-v2.js

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:{en:"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Icon"},setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"<p>Button</p>"}}],options:{noRecordHistory:!0}}},{id:"typo",label:{en:"Basic"},setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover"},iconName:"polaris-check-hover",type:"combo",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},state:"hover",controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{type:"group",label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}},{label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{controls:[{label:{en:"Link"},setting:{id:"enableBtnLink"},options:{labelVariant:"primary",toggleStyle:"switch"}},{layout:"vertical",controlConfig:{id:"linkedToPreSalesPageBanner",type:"banner",message:"Pre-sales page elements with link should redirect to the Sales page."},conditionDisplay:'pageType === "GP_PRE_SALE_PAGE" && enableBtnLink == true'},{type:"control",layout:"vertical",conditionDisplay:"enableBtnLink == true",setting:{id:"btnLink"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(globalSize.width === "default" || (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
+let SettingUIV2=[{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:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",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:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}},{label:"Image",setting:{id:"backgroundImage",state:"normal"}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Position",setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Gap",setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{controls:[{label:"Text",setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"<p>Button</p>"}}],options:{noRecordHistory:!0}}},{id:"typo",label:"Basic",setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",iconName:"polaris-check-hover",type:"combo",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:"Hover",state:"hover",controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"hover"}},{label:"Image",setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:"Text",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}},{label:"Shadow",setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{controls:[{label:"Link",setting:{id:"enableBtnLink"},options:{labelVariant:"primary",toggleStyle:"switch"}},{layout:"vertical",controlConfig:{id:"linkedToPreSalesPageBanner",type:"banner",message:"Pre-sales page elements with link should redirect to the Sales page."},conditionDisplay:'pageType === "GP_PRE_SALE_PAGE" && enableBtnLink == true'},{type:"control",layout:"vertical",conditionDisplay:"enableBtnLink == true",setting:{id:"btnLink"}}]},{controls:[{label:"Align",conditionEnable:'!(globalSize.width === "default" || (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};

package/dist/esm/carousel/settings/Carousel.js

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

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

@@ -1,4 +1,4 @@
-let CarouselPreset=[{id:"carousel-outdated",name:{en:"Carousel"},icon:{desktop:`
+let CarouselPreset=[{id:"carousel-outdated",name:"Carousel",icon:{desktop:`
         <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
         <rect width="96" height="48" rx="3" fill="#424242"/>
         <path fill-rule="evenodd" clip-rule="evenodd" d="M13.8828 18.1302C14.0391 18.3037 14.0391 18.5851 13.8828 18.7587L10.9657 22L13.8828 25.2413C14.0391 25.4149 14.0391 25.6963 13.8828 25.8698C13.7266 26.0434 13.4734 26.0434 13.3172 25.8698L10.1172 22.3143C9.96095 22.1407 9.96095 21.8593 10.1172 21.6857L13.3172 18.1302C13.4734 17.9566 13.7266 17.9566 13.8828 18.1302Z" fill="#F9F9F9"/>
@@ -7,7 +7,7 @@ let CarouselPreset=[{id:"carousel-outdated",name:{en:"Carousel"},icon:{desktop:`
         <circle cx="48" cy="38" r="2" fill="#757575"/>
         <circle cx="56" cy="38" r="2" fill="#757575"/>
         </svg>
-      `},components:[{tag:"Carousel",label:"Carousel",settings:{childItem:["Item 1","Item 2","Item 3","Item 4"],itemNumber:{desktop:1,mobile:1}},styles:{sizeSetting:{desktop:{width:"100%"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]}]}]},{id:"carousel-4-col-outdated",name:{en:"Carousel"},icon:{desktop:`
+      `},components:[{tag:"Carousel",label:"Carousel",settings:{childItem:["Item 1","Item 2","Item 3","Item 4"],itemNumber:{desktop:1,mobile:1}},styles:{sizeSetting:{desktop:{width:"100%"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]}]}]},{id:"carousel-4-col-outdated",name:"Carousel",icon:{desktop:`
         <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
         <rect width="21" height="48" rx="3" fill="#424242"/>
         <rect x="25" width="21" height="48" rx="3" fill="#424242"/>
@@ -16,7 +16,7 @@ let CarouselPreset=[{id:"carousel-outdated",name:{en:"Carousel"},icon:{desktop:`
         <path fill-rule="evenodd" clip-rule="evenodd" d="M86.1172 20.1302C86.2734 19.9566 86.5266 19.9566 86.6828 20.1302L89.8828 23.6857C90.0391 23.8593 90.0391 24.1407 89.8828 24.3143L86.6828 27.8698C86.5266 28.0434 86.2734 28.0434 86.1172 27.8698C85.9609 27.6963 85.9609 27.4149 86.1172 27.2413L89.0343 24L86.1172 20.7587C85.9609 20.5851 85.9609 20.3037 86.1172 20.1302Z" fill="#F9F9F9"/>
         <path fill-rule="evenodd" clip-rule="evenodd" d="M9.88284 20.1302C10.0391 20.3037 10.0391 20.5851 9.88284 20.7587L6.96569 24L9.88284 27.2413C10.0391 27.4149 10.0391 27.6963 9.88284 27.8698C9.72663 28.0434 9.47337 28.0434 9.31716 27.8698L6.11716 24.3143C5.96095 24.1407 5.96095 23.8593 6.11716 23.6857L9.31716 20.1302C9.47337 19.9566 9.72663 19.9566 9.88284 20.1302Z" fill="#F9F9F9"/>
         </svg>
-      `},components:[{tag:"Carousel",label:"Carousel",settings:{childItem:["Item 1","Item 2","Item 3","Item 4"],itemNumber:{desktop:4,tablet:2,mobile:2},navigationStyle:{desktop:"outside"},dotStyle:{desktop:"outside"}},styles:{fullWidth:{desktop:!1,tablet:!1,mobile:!1},sizeSetting:{desktop:{width:"default"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]}]}]},{id:"carousel-sneak-1-side-outdated",name:{en:"Carousel"},icon:{desktop:`
+      `},components:[{tag:"Carousel",label:"Carousel",settings:{childItem:["Item 1","Item 2","Item 3","Item 4"],itemNumber:{desktop:4,tablet:2,mobile:2},navigationStyle:{desktop:"outside"},dotStyle:{desktop:"outside"}},styles:{fullWidth:{desktop:!1,tablet:!1,mobile:!1},sizeSetting:{desktop:{width:"default"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]}]}]},{id:"carousel-sneak-1-side-outdated",name:"Carousel",icon:{desktop:`
         <svg
           width="118"
           height="52"
@@ -56,7 +56,7 @@ let CarouselPreset=[{id:"carousel-outdated",name:{en:"Carousel"},icon:{desktop:`
             </linearGradient>
           </defs>
         </svg>
-      `},components:[{tag:"Carousel",label:"Carousel",settings:{childItem:["Item 1","Item 2"],itemNumber:{desktop:2,tablet:2,mobile:2},sneakPeak:{desktop:!0},sneakPeakType:{desktop:"forward"},dotStyle:{desktop:"outside"}},styles:{fullWidth:{desktop:!1,tablet:!1,mobile:!1},sizeSetting:{desktop:{width:"default"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]}]}]},{id:"carousel-sneak-2-side-outdated",name:{en:"Carousel"},icon:{desktop:`
+      `},components:[{tag:"Carousel",label:"Carousel",settings:{childItem:["Item 1","Item 2"],itemNumber:{desktop:2,tablet:2,mobile:2},sneakPeak:{desktop:!0},sneakPeakType:{desktop:"forward"},dotStyle:{desktop:"outside"}},styles:{fullWidth:{desktop:!1,tablet:!1,mobile:!1},sizeSetting:{desktop:{width:"default"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"CarouselItem",label:"Carousel Item",childrens:[]},{tag:"CarouselItem",label:"Carousel Item",childrens:[]}]}]},{id:"carousel-sneak-2-side-outdated",name:"Carousel",icon:{desktop:`
         <svg
           width="118"
           height="52"

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

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

package/dist/esm/carousel-v3/components/swiper/Swiper.js

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

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

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

package/dist/esm/carousel-v3/settings/Carousel.js

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

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

@@ -1,4 +1,4 @@
-let CarouselPreset=[{id:"carousel",name:{en:"Carousel"},icon:{desktop:`
+let CarouselPreset=[{id:"carousel",name:"Carousel",icon:{desktop:`
         <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
         <rect width="96" height="48" rx="3" fill="#424242"/>
         <path fill-rule="evenodd" clip-rule="evenodd" d="M13.8828 18.1302C14.0391 18.3037 14.0391 18.5851 13.8828 18.7587L10.9657 22L13.8828 25.2413C14.0391 25.4149 14.0391 25.6963 13.8828 25.8698C13.7266 26.0434 13.4734 26.0434 13.3172 25.8698L10.1172 22.3143C9.96095 22.1407 9.96095 21.8593 10.1172 21.6857L13.3172 18.1302C13.4734 17.9566 13.7266 17.9566 13.8828 18.1302Z" fill="#F9F9F9"/>
@@ -7,7 +7,7 @@ let CarouselPreset=[{id:"carousel",name:{en:"Carousel"},icon:{desktop:`
         <circle cx="48" cy="38" r="2" fill="#757575"/>
         <circle cx="56" cy="38" r="2" fill="#757575"/>
         </svg>
-      `},components:[{tag:"CarouselV3",label:"Carousel",settings:{childItem:["Item 1","Item 2","Item 3","Item 4"],itemNumber:{desktop:1,mobile:1}},styles:{sizeSetting:{desktop:{width:"100%"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]},{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]},{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]},{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]}]}]},{id:"carousel-4-col",name:{en:"Carousel"},icon:{desktop:`
+      `},components:[{tag:"CarouselV3",label:"Carousel",settings:{childItem:["Item 1","Item 2","Item 3","Item 4"],itemNumber:{desktop:1,mobile:1}},styles:{sizeSetting:{desktop:{width:"100%"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]},{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]},{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]},{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]}]}]},{id:"carousel-4-col",name:"Carousel",icon:{desktop:`
         <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
         <rect width="21" height="48" rx="3" fill="#424242"/>
         <rect x="25" width="21" height="48" rx="3" fill="#424242"/>
@@ -16,7 +16,7 @@ let CarouselPreset=[{id:"carousel",name:{en:"Carousel"},icon:{desktop:`
         <path fill-rule="evenodd" clip-rule="evenodd" d="M86.1172 20.1302C86.2734 19.9566 86.5266 19.9566 86.6828 20.1302L89.8828 23.6857C90.0391 23.8593 90.0391 24.1407 89.8828 24.3143L86.6828 27.8698C86.5266 28.0434 86.2734 28.0434 86.1172 27.8698C85.9609 27.6963 85.9609 27.4149 86.1172 27.2413L89.0343 24L86.1172 20.7587C85.9609 20.5851 85.9609 20.3037 86.1172 20.1302Z" fill="#F9F9F9"/>
         <path fill-rule="evenodd" clip-rule="evenodd" d="M9.88284 20.1302C10.0391 20.3037 10.0391 20.5851 9.88284 20.7587L6.96569 24L9.88284 27.2413C10.0391 27.4149 10.0391 27.6963 9.88284 27.8698C9.72663 28.0434 9.47337 28.0434 9.31716 27.8698L6.11716 24.3143C5.96095 24.1407 5.96095 23.8593 6.11716 23.6857L9.31716 20.1302C9.47337 19.9566 9.72663 19.9566 9.88284 20.1302Z" fill="#F9F9F9"/>
         </svg>
-      `},components:[{tag:"CarouselV3",label:"Carousel",settings:{childItem:["Item 1","Item 2","Item 3","Item 4"],itemNumber:{desktop:4,tablet:2,mobile:2},navigationStyle:{desktop:"outside"},dotStyle:{desktop:"outside"}},styles:{fullWidth:{desktop:!1,tablet:!1,mobile:!1},sizeSetting:{desktop:{width:"default"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]},{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]},{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]},{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]}]}]},{id:"carousel-sneak-1-side",name:{en:"Carousel"},icon:{desktop:`
+      `},components:[{tag:"CarouselV3",label:"Carousel",settings:{childItem:["Item 1","Item 2","Item 3","Item 4"],itemNumber:{desktop:4,tablet:2,mobile:2},navigationStyle:{desktop:"outside"},dotStyle:{desktop:"outside"}},styles:{fullWidth:{desktop:!1,tablet:!1,mobile:!1},sizeSetting:{desktop:{width:"default"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]},{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]},{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]},{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]}]}]},{id:"carousel-sneak-1-side",name:"Carousel",icon:{desktop:`
         <svg
           width="118"
           height="52"
@@ -56,7 +56,7 @@ let CarouselPreset=[{id:"carousel",name:{en:"Carousel"},icon:{desktop:`
             </linearGradient>
           </defs>
         </svg>
-      `},components:[{tag:"CarouselV3",label:"Carousel",settings:{childItem:["Item 1","Item 2"],itemNumber:{desktop:2,tablet:2,mobile:2},sneakPeak:{desktop:!0},sneakPeakType:{desktop:"forward"},dotStyle:{desktop:"outside"}},styles:{fullWidth:{desktop:!1,tablet:!1,mobile:!1},sizeSetting:{desktop:{width:"default"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]},{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]}]}]},{id:"carousel-sneak-2-side",name:{en:"Carousel"},icon:{desktop:`
+      `},components:[{tag:"CarouselV3",label:"Carousel",settings:{childItem:["Item 1","Item 2"],itemNumber:{desktop:2,tablet:2,mobile:2},sneakPeak:{desktop:!0},sneakPeakType:{desktop:"forward"},dotStyle:{desktop:"outside"}},styles:{fullWidth:{desktop:!1,tablet:!1,mobile:!1},sizeSetting:{desktop:{width:"default"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]},{tag:"CarouselItemV3",label:"Carousel Item",childrens:[]}]}]},{id:"carousel-sneak-2-side",name:"Carousel",icon:{desktop:`
         <svg
           width="118"
           height="52"

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

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

package/dist/esm/code/common/styles.js

@@ -1 +1 @@
-import{makeStyleResponsive as e,getStyleBackgroundByDevice as t}from"@gem-sdk/core";let getCodeStyle=(o,d,g)=>({...o,...e("ta",d?.align),...t(d?.background,{liquid:g})});export{getCodeStyle};
+import{makeStyleResponsive as e,getStyleBackgroundByDevice as t}from"@gem-sdk/core";import{getBackgroundTranslated as r}from"../../helpers.js";import{CSSCode as i}from"../settings/configs/translate.js";let getCodeStyle=({setting:o,style:a,isLiquid:l,uid:s,pageContext:n,type:d="React"})=>{let{background:g}=o??{},m="Liquid"===d?r({background:g,uid:s,enableTranslate:!!i?.background?.id,pageContext:n,isTranslateVideo:!1}):g;return{...a,...e("ta",o?.align),...t(m||g,{liquid:l})}};export{getCodeStyle};

package/dist/esm/code/components/CSSCode.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import a from"next/head";import m from"../hooks/useCSSCode.js";import{createStyle as s,createClass as i}from"@gem-sdk/system";import{getCodeStyle as l}from"../common/styles.js";import{getCodeClasses as d}from"../common/classes.js";let CSSCode=({setting:t,style:c,advanced:n,builderAttrs:g,builderProps:k,children:p})=>{let{editorData:u}=n,{handleDoubleClickCustomCode:h,htmlPlainText:b,mode:f}=m(n,t),C=s(l(c,t,!1)),S=i(d(k?.uid,"edit"!==f&&!u?.html,n?.cssClass));return e(r,{children:[o(a,{children:!!t?.preloadBgImage&&e(r,{children:[!!t?.background?.desktop?.image?.src&&o("link",{rel:"preload",href:t.background.desktop.image.src,as:"image"}),!!t?.background?.tablet?.image?.src&&o("link",{rel:"preload",href:t.background.tablet.image.src,as:"image"}),!!t?.background?.mobile?.image?.src&&o("link",{rel:"preload",href:t.background.mobile.image.src,as:"image"})]})}),e("div",{onClick:h,"aria-hidden":"true",style:C,...g,className:S,children:[o("div",{dangerouslySetInnerHTML:{__html:b||""}}),p]})]})};export{CSSCode as default};
+import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import a from"next/head";import i from"../hooks/useCSSCode.js";import{createStyle as s,createClass as m}from"@gem-sdk/system";import{getCodeStyle as d}from"../common/styles.js";import{getCodeClasses as t}from"../common/classes.js";let CSSCode=({setting:l,style:c,advanced:n,builderAttrs:g,builderProps:u,children:p,pageContext:k})=>{let{editorData:h}=n,{handleDoubleClickCustomCode:b,htmlPlainText:f,mode:C}=i(n,l),S=s(d({setting:l,style:c,isLiquid:!1,uid:u?.uid,pageContext:k??{},type:"React"})),y=m(t(u?.uid,"edit"!==C&&!h?.html,n?.cssClass));return e(r,{children:[o(a,{children:!!l?.preloadBgImage&&e(r,{children:[!!l?.background?.desktop?.image?.src&&o("link",{rel:"preload",href:l.background.desktop.image.src,as:"image"}),!!l?.background?.tablet?.image?.src&&o("link",{rel:"preload",href:l.background.tablet.image.src,as:"image"}),!!l?.background?.mobile?.image?.src&&o("link",{rel:"preload",href:l.background.mobile.image.src,as:"image"})]})}),e("div",{onClick:b,"aria-hidden":"true",style:S,...g,className:y,children:[o("div",{dangerouslySetInnerHTML:{__html:f||""}}),p]})]})};export{CSSCode as default};

package/dist/esm/code/components/CSSCode.liquid.js

@@ -1,12 +1,12 @@
-import{template as e,RenderIf as s}from"@gem-sdk/core";import{createStyle as r,createClass as m}from"@gem-sdk/system";import{getCodeStyle as a}from"../common/styles.js";import{getCodeClasses as i}from"../common/classes.js";let CSSCode=({setting:t,style:l,advanced:o,builderAttrs:d,builderProps:c})=>{let{background:g,preloadBgImage:p}=t??{},$=o?.editorData,f=$?.html?.trim(),k=r(a(l,t,!0)),n=m(i(c?.uid,!$?.html&&!g,o?.cssClass));return e`
-  ${s(!!p,`${s(!!g?.desktop?.image?.src,`<link rel="preload" href="${g?.desktop?.image?.src}" as="image" />`)}${s(!!g?.tablet?.image?.src,`<link rel="preload" href="${g?.tablet?.image?.src}" as="image" />`)}${s(!!g?.mobile?.image?.src,`<link rel="preload" href="${g?.mobile?.image?.src}" as="image" />`)}`)}
+import{template as e,RenderIf as s}from"@gem-sdk/core";import{createStyle as i,createClass as r}from"@gem-sdk/system";import{getCodeStyle as m}from"../common/styles.js";import{getCodeClasses as a}from"../common/classes.js";let CSSCode=({setting:t,style:o,advanced:l,builderAttrs:d,builderProps:c,pageContext:p})=>{let{background:g,preloadBgImage:$}=t??{},f=l?.editorData,k=f?.html?.trim(),u=i(m({setting:t,style:o,isLiquid:!0,uid:c?.uid,pageContext:p??{},type:"Liquid"})),n=r(a(c?.uid,!f?.html&&!g,l?.cssClass));return e`
+  ${s(!!$,`${s(!!g?.desktop?.image?.src,`<link rel="preload" href="${g?.desktop?.image?.src}" as="image" />`)}${s(!!g?.tablet?.image?.src,`<link rel="preload" href="${g?.tablet?.image?.src}" as="image" />`)}${s(!!g?.mobile?.image?.src,`<link rel="preload" href="${g?.mobile?.image?.src}" as="image" />`)}`)}
     <div
       ${{...d}}
-      style="${k}"
+      style="${u}"
       data-keep-class="true"
       class="${n}">
       <div>
-    ${f}
+    ${k}
     </div>
     </div>
   `};export{CSSCode as default};

package/dist/esm/code/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"next/head";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import t from"./settings/CSSCode.js";let codeSetting={CSSCode:t};export{codeSetting};
+import"react/jsx-runtime";import"next/head";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"next/link";import t from"./settings/CSSCode.js";let codeSetting={CSSCode:t};export{codeSetting};

package/dist/esm/code/settings/CSSCode.js

@@ -1,6 +1,6 @@
-import{SettingCode as o}from"./configs/settings.js";import{SettingUIV1 as t}from"./configs/ui-v1.js";import{SettingUIV2 as e}from"./configs/ui-v2.js";let config={tag:"CSSCode",label:"Custom Code",customLabel:"Custom Code",icon:`
+import{SettingCode as o}from"./configs/settings.js";import{SettingUIV2 as t}from"./configs/ui-v2.js";let config={tag:"CSSCode",label:"Custom Code",customLabel:"Custom Code",icon:`
   <svg width="40" viewBox="0 0 24 24"><path fill="currentColor" d="m24 12l-5.657 5.657l-1.414-1.414L21.172 12l-4.243-4.243l1.414-1.414L24 12zM2.828 12l4.243 4.243l-1.414 1.414L0 12l5.657-5.657L7.07 7.757L2.828 12zm6.96 9H7.66l6.552-18h2.128L9.788 21z"/></svg>
-  `,settings:o,ui:t,uiV2:e,editorConfigs:{sideBar:{tab:{style:{hide:!0}}}},init:[{tag:"CSSCode",settings:{editorData:{customLabel:"Custom Code"}}}],presets:[{id:"custom-code",name:{en:"Custom Code"},icon:{desktop:`
+  `,settings:o,ui:[],uiV2:t,editorConfigs:{sideBar:{tab:{style:{hide:!0}}}},init:[{tag:"CSSCode",settings:{editorData:{customLabel:"Custom Code"}}}],presets:[{id:"custom-code",name:"Custom Code",icon:{desktop:`
           <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M49.8847 14.3475C49.9413 13.9372 49.6542 13.5607 49.2436 13.5065C48.8329 13.4524 48.4541 13.7411 48.3975 14.1515L45.7077 33.6544C45.6511 34.0648 45.9381 34.4413 46.3488 34.4954C46.7594 34.5495 47.1382 34.2608 47.1948 33.8505L49.8847 14.3475ZM43.4983 18.4395C43.8079 18.7147 43.8357 19.1887 43.5606 19.4983L40.0035 23.5001L43.5606 27.5018C43.8357 27.8114 43.8079 28.2854 43.4983 28.5606C43.1887 28.8358 42.7146 28.8079 42.4394 28.4983L38.4394 23.9983C38.1869 23.7142 38.1869 23.286 38.4394 23.0018L42.4394 18.5018C42.7146 18.1922 43.1887 18.1643 43.4983 18.4395ZM52.5017 18.4395C52.8113 18.1643 53.2854 18.1922 53.5606 18.5018L57.5606 23.0018C57.8131 23.286 57.8131 23.7142 57.5606 23.9983L53.5606 28.4983C53.2854 28.8079 52.8113 28.8358 52.5017 28.5606C52.1921 28.2854 52.1643 27.8114 52.4394 27.5018L55.9965 23.5001L52.4394 19.4983C52.1643 19.1887 52.1921 18.7147 52.5017 18.4395Z" fill="#F9F9F9"/>
 </svg>

package/dist/esm/code/settings/configs/translate.js

@@ -0,0 +1 @@
+let CSSCode={background:{id:"background",fields:["image.src"]}};export{CSSCode};

package/dist/esm/code/settings/configs/ui-v2.js

@@ -1 +1 @@
-let SettingUIV2=[{messageConfig:{type:"info",message:'You can insert HTML, CSS, JavaScript or Liquid code <a class="text-white" target="_blank" href="https://help.gempages.net/articles/custom-code-element?utm_source=element-setting-tips#custom-code">Learn more</a>'}},{label:{en:"Custom code"},controls:[{setting:{id:"editorData"},label:{en:"Code"}}]},{controls:[{type:"control",setting:{id:"background"},label:{en:"Background"},options:{labelVariant:"primary"},layout:"vertical"}]},{label:{en:"Configuration"},controls:[{type:"control",setting:{id:"customLabel"},label:{en:"Name"}}]},{controls:[{label:{en:"Align"},type:"control",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{SettingUIV2};
+let SettingUIV2=[{messageConfig:{type:"info",message:'You can insert HTML, CSS, JavaScript or Liquid code <a class="text-white" target="_blank" href="https://help.gempages.net/articles/custom-code-element?utm_source=element-setting-tips#custom-code">Learn more</a>'}},{label:"Custom code",controls:[{setting:{id:"editorData"},label:"Code"}]},{controls:[{type:"control",setting:{id:"background"},label:"Background",options:{labelVariant:"primary"},layout:"vertical"}]},{label:"Configuration",controls:[{type:"control",setting:{id:"customLabel"},label:"Name"}]},{controls:[{label:"Align",type:"control",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{SettingUIV2};

package/dist/esm/collection/components/collection-description/common/helpers.js

@@ -1,3 +1,3 @@
-import"@gem-sdk/core";import{getDynamicSourceLocales as e}from"../../../../helpers.js";let getViewMoreText=({setting:t,builderProps:i,pageContext:s,type:L})=>"liquid"===L?e({val:t?.viewMoreText,uid:i?.uid,settingId:"viewMoreText",isLiquid:!0,pageContext:s,translate:t?.translate}):t?.viewMoreText,getViewLessText=({setting:t,builderProps:i,pageContext:s,type:L})=>"liquid"===L?e({val:t?.viewLessText,uid:i?.uid,settingId:"viewLessText",isLiquid:!0,pageContext:s,translate:t?.translate}):t?.viewLessText,DESCRIPTION_LINE_HEIGHT_DEFAULT=21,ICON_SVG=`<svg height="1em" width="1em" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM11 11L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071L11 11ZM21.7071 1.70711C22.0976 1.31658 22.0976 0.683417 21.7071 0.292893C21.3166 -0.0976311 20.6834 -0.0976311 20.2929 0.292893L21.7071 1.70711ZM0.292893 1.70711L10.2929 11.7071L11.7071 10.2929L1.70711 0.292893L0.292893 1.70711ZM11.7071 11.7071L21.7071 1.70711L20.2929 0.292893L10.2929 10.2929L11.7071 11.7071Z"
+import"@gem-sdk/core";import{getDynamicSourceLocales as e,createSettingId as i}from"../../../../helpers.js";import{CollectionDescription as t}from"../../../settings/collection-description/configs/translate.js";let getViewMoreText=({setting:s,builderProps:o,pageContext:L,type:r})=>"liquid"===r?e({val:s?.viewMoreText,uid:o?.uid,settingId:i({id:t?.viewMoreText?.id}),isLiquid:!0,pageContext:L??{}}):s?.viewMoreText,getViewLessText=({setting:s,builderProps:o,pageContext:L,type:r})=>"liquid"===r?e({val:s?.viewLessText,uid:o?.uid,settingId:i({id:t?.viewLessText?.id}),isLiquid:!0,pageContext:L??{}}):s?.viewLessText,DESCRIPTION_LINE_HEIGHT_DEFAULT=21,ICON_SVG=`<svg height="1em" width="1em" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM11 11L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071L11 11ZM21.7071 1.70711C22.0976 1.31658 22.0976 0.683417 21.7071 0.292893C21.3166 -0.0976311 20.6834 -0.0976311 20.2929 0.292893L21.7071 1.70711ZM0.292893 1.70711L10.2929 11.7071L11.7071 10.2929L1.70711 0.292893L0.292893 1.70711ZM11.7071 11.7071L21.7071 1.70711L20.2929 0.292893L10.2929 10.2929L11.7071 11.7071Z"
               fill="currentColor"/>
         </svg>`;export{DESCRIPTION_LINE_HEIGHT_DEFAULT,ICON_SVG,getViewLessText,getViewMoreText};

package/dist/esm/collection/components/collection-paginator/common/helpers.js

@@ -1,8 +1,8 @@
-import{makeStyle as e,template as t}from"@gem-sdk/core";import{getDynamicSourceLocales as a}from"../../../../helpers.js";import{customClass as r}from"./classes.js";import i from"html-react-parser";import{createClass as s,createStyle as o}from"@gem-sdk/system";import{getCustomStyle as n,getPaginatorStyle as l}from"./styles.js";let renderPaginatorItem=({setting:e,builderProps:t,pageContext:a},r)=>"liquid"===r?renderPaginatorLive({setting:e,builderProps:t,pageContext:a}):renderPaginatorEditor({setting:e,builderProps:t,pageContext:a}),renderPaginatorLive=({setting:e,builderProps:t,pageContext:a})=>{let r=getPreviousTextVal({setting:e,builderProps:t,pageContext:a},"liquid"),i=getNextTextVal({setting:e,builderProps:t,pageContext:a},"liquid"),s=e?.numberOfProducts||a?.numberOfProductOfProductList||0,o=s>0?s:4,n=e=>e?.replace(/"/g,'\\"')??"",l=`"${n(r??"")}"`,m=`"${n(i??"")}"`;return`
+import{makeStyle as e,template as t}from"@gem-sdk/core";import{getDynamicSourceLocales as a,createSettingId as r}from"../../../../helpers.js";import{customClass as i}from"./classes.js";import s from"html-react-parser";import{createClass as o,createStyle as n}from"@gem-sdk/system";import{getCustomStyle as l,getPaginatorStyle as m}from"./styles.js";import{CollectionPaginator as p}from"../../../settings/collection-paginator/configs/translate.js";let renderPaginatorItem=({setting:e,builderProps:t,pageContext:a},r)=>"liquid"===r?renderPaginatorLive({setting:e,builderProps:t,pageContext:a}):renderPaginatorEditor({setting:e,builderProps:t,pageContext:a}),renderPaginatorLive=({setting:e,builderProps:t,pageContext:a})=>{let r=getPreviousTextVal({setting:e,builderProps:t,pageContext:a},"liquid"),i=getNextTextVal({setting:e,builderProps:t,pageContext:a},"liquid"),s=e?.numberOfProducts||a?.numberOfProductOfProductList||0,o=s>0?s:4,n=e=>e?.replace(/"/g,'\\"')??"",l=`"${n(r??"")}"`,m=`"${n(i??"")}"`;return`
     {% paginate collection.products by ${o} %}
       {% assign previousText = ${a?.isPreviewing?l:r||'""'} %}
       {% assign nextText = ${a?.isPreviewing?m:i||'""'} %}
 
       {{ paginate | default_pagination: previous: previousText, next: nextText }}
     {% endpaginate %}
-  `},renderPaginatorEditor=({setting:t,builderProps:a,pageContext:m})=>{let{pageQuantity:p,typo:c,normalColor:g,activeColor:u}=t??{},d=[],x=parseInt(p??"0"),P=6;6>x&&(P=x-1);let y=P>1?P-1:0,f=getPreviousTextVal({setting:t,builderProps:a,pageContext:m},"react"),v=getNextTextVal({setting:t,builderProps:a,pageContext:m},"react"),I=s({...r("prev",g,t)}),T=s({...r("page",g,t)}),h=s({...r("deco",g,t)}),N=e=>s({...r("page",e===y?u:g,t)}),k=s({...r("deco",g,t)}),L=s({...r("page",g,t)}),$=s({...r("next",g,t)}),q=e=>o({...l(e===y,n(t),u)}),w=o({...n(t),...e({w:"auto"})}),z=o({...n(t)}),V=o({...n(t),...e({w:"auto"})});y>0&&d.push(createPaginatorItem({key:"prev",text:c?.attrs?.transform==="capitalize"?f?.toLocaleLowerCase():f,className:I,style:w})),y>2&&d.push(createPaginatorItem({key:1,text:1,className:T,style:z})),y>3&&d.push(createPaginatorItem({key:"deco",text:"...",className:h,style:z}));for(let e=Math.max(0,y-2);e<=Math.min(y+2,x-1);e++)d.push(createPaginatorItem({key:e+1,text:e+1,className:N(e),style:q(e)}));return y<x-4&&d.push(createPaginatorItem({key:"deco-2",text:"...",className:k,style:z})),y<x-3&&d.push(createPaginatorItem({key:x,text:x,className:L,style:z})),y!==x-1&&0!==x&&d.push(createPaginatorItem({key:"next",text:c?.attrs?.transform==="capitalize"?v?.toLocaleLowerCase():v,className:$,style:V})),d.map(e=>i(e))},createPaginatorItem=({key:e,text:a,className:r,style:i})=>t`<span key="${e}" className="${r}" style="${i}"> ${a} </span>`,getPreviousTextVal=({setting:e,builderProps:t,pageContext:r},i)=>{let{previousText:s,typo:o,translate:n}=e??{};return"liquid"===i?a({val:s,uid:t?.uid,settingId:"previousText",pageContext:r,isLiquid:!0,isCapitalize:o?.attrs?.transform==="capitalize",translate:n}).toString():s},getNextTextVal=({setting:e,builderProps:t,pageContext:r},i)=>{let{nextText:s,typo:o,translate:n}=e??{};return"liquid"===i?a({val:s,uid:t?.uid,settingId:"nextText",pageContext:r,isLiquid:!0,isCapitalize:o?.attrs?.transform==="capitalize",translate:n}).toString():s};export{renderPaginatorItem};
+  `},renderPaginatorEditor=({setting:t,builderProps:a,pageContext:r})=>{let{pageQuantity:p,typo:g,normalColor:c,activeColor:u}=t??{},d=[],x=parseInt(p??"0"),P=6;6>x&&(P=x-1);let y=P>1?P-1:0,f=getPreviousTextVal({setting:t,builderProps:a,pageContext:r},"react"),v=getNextTextVal({setting:t,builderProps:a,pageContext:r},"react"),I=o({...i("prev",c,t)}),T=o({...i("page",c,t)}),h=o({...i("deco",c,t)}),N=e=>o({...i("page",e===y?u:c,t)}),k=o({...i("deco",c,t)}),L=o({...i("page",c,t)}),$=o({...i("next",c,t)}),q=e=>n({...m(e===y,l(t),u)}),w=n({...l(t),...e({w:"auto"})}),z=n({...l(t)}),C=n({...l(t),...e({w:"auto"})});y>0&&d.push(createPaginatorItem({key:"prev",text:g?.attrs?.transform==="capitalize"?f?.toLocaleLowerCase():f,className:I,style:w})),y>2&&d.push(createPaginatorItem({key:1,text:1,className:T,style:z})),y>3&&d.push(createPaginatorItem({key:"deco",text:"...",className:h,style:z}));for(let e=Math.max(0,y-2);e<=Math.min(y+2,x-1);e++)d.push(createPaginatorItem({key:e+1,text:e+1,className:N(e),style:q(e)}));return y<x-4&&d.push(createPaginatorItem({key:"deco-2",text:"...",className:k,style:z})),y<x-3&&d.push(createPaginatorItem({key:x,text:x,className:L,style:z})),y!==x-1&&0!==x&&d.push(createPaginatorItem({key:"next",text:g?.attrs?.transform==="capitalize"?v?.toLocaleLowerCase():v,className:$,style:C})),d.map(e=>s(e))},createPaginatorItem=({key:e,text:a,className:r,style:i})=>t`<span key="${e}" className="${r}" style="${i}"> ${a} </span>`,getPreviousTextVal=({setting:e,builderProps:t,pageContext:i},s)=>{let{previousText:o,typo:n}=e??{};return"liquid"===s?a({val:o,uid:t?.uid,settingId:r({id:p?.previousText?.id}),pageContext:i??{},isLiquid:!0,isCapitalize:n?.attrs?.transform==="capitalize"}).toString():o},getNextTextVal=({setting:e,builderProps:t,pageContext:i},s)=>{let{nextText:o,typo:n}=e??{};return"liquid"===s?a({val:o,uid:t?.uid,settingId:r({id:p?.nextText?.id}),pageContext:i??{},isLiquid:!0,isCapitalize:n?.attrs?.transform==="capitalize"}).toString():o};export{renderPaginatorItem};

package/dist/esm/collection/components/collection-title/CollectionTitle.liquid.js

@@ -1,3 +1,3 @@
 import{template as t}from"@gem-sdk/core";import e from"../../../text/components/Text.liquid.js";import{If as o}from"@gem-sdk/system";let CollectionTitle=({setting:l,advanced:i})=>{let r=l?.typo?.attrs?.transform==="capitalize";return t`
-    ${e({styles:l,setting:{...l,text:`${o(r,"{{ collection.title | downcase }}","{{ collection.title }}")}`,excludeFlex:!0},advanced:i})}
+    ${e({styles:l,setting:{...l,text:`${o(r,"{{ collection.title | downcase }}","{{ collection.title }}")}`,excludeFlex:!0,isForceValue:!0},advanced:i})}
   `};export{CollectionTitle as default};

package/dist/esm/collection/components/collection-toolbar/common/helpers.js

@@ -1 +1 @@
-import{getDynamicSourceLocales as e}from"../../../../helpers.js";let getSortingTextDisplayVal=({setting:t,builderProps:a,pageContext:l},i)=>{let{sortingTextDisplay:n,translate:s}=t??{};return"react"==i?n:e({val:n,uid:a?.uid,settingId:"sortingTextDisplay",pageContext:l,translate:s})},getQuantityTextDisplayVal=({setting:t,builderProps:a,pageContext:l},i)=>{let{quantityTextDisplay:n,translate:s}=t??{};return"react"==i?n:e({val:n,uid:a?.uid,settingId:"quantityTextDisplay",isLiquid:!0,pageContext:l,translate:s})},SORT_OPTIONS=[{name:"Best selling",value:"best-selling"},{name:"Featured",value:"manual"},{name:"Alphabetically, A-Z",value:"title-ascending"},{name:"Alphabetically, Z-A",value:"title-descending"},{name:"Price, low to high",value:"price-ascending"},{name:"Price, high to low",value:"price-descending"},{name:"Date, new to old",value:"created-descending"},{name:"Date, old to new",value:"created-ascending"}],sortBy="manual";export{SORT_OPTIONS,getQuantityTextDisplayVal,getSortingTextDisplayVal,sortBy};
+import{getDynamicSourceLocales as e,createSettingId as t}from"../../../../helpers.js";import{CollectionToolbar as a}from"../../../settings/collection-toolbar/configs/translate.js";let getSortingTextDisplayVal=({setting:i,builderProps:l,pageContext:n},s)=>{let{sortingTextDisplay:r}=i??{};return"react"==s?r:e({val:r,uid:l?.uid,settingId:t({id:a?.sortingTextDisplay?.id}),pageContext:n??{}})},getQuantityTextDisplayVal=({setting:i,builderProps:l,pageContext:n},s)=>{let{quantityTextDisplay:r}=i??{};return"react"==s?r:e({val:r,uid:l?.uid,settingId:t({id:a?.quantityTextDisplay?.id}),isLiquid:!0,pageContext:n??{}})},SORT_OPTIONS=[{name:"Best selling",value:"best-selling"},{name:"Featured",value:"manual"},{name:"Alphabetically, A-Z",value:"title-ascending"},{name:"Alphabetically, Z-A",value:"title-descending"},{name:"Price, low to high",value:"price-ascending"},{name:"Price, high to low",value:"price-descending"},{name:"Date, new to old",value:"created-descending"},{name:"Date, old to new",value:"created-ascending"}],sortBy="manual";export{SORT_OPTIONS,getQuantityTextDisplayVal,getSortingTextDisplayVal,sortBy};

package/dist/esm/collection/settings/collection-banner/CollectionBanner.js

@@ -1,9 +1,9 @@
-import{CollectionBannerSettings as C}from"./configs/settings.js";import{SettingUIV1 as i}from"./configs/ui-v1.js";import{SettingUIV2 as e}from"./configs/ui-v2.js";let config={tag:"CollectionBanner",label:"Collection Banner",icon:`
+import{CollectionBannerSettings as C}from"./configs/settings.js";import{SettingUIV2 as e}from"./configs/ui-v2.js";let config={tag:"CollectionBanner",label:"Collection Banner",icon:`
     <svg width="22" height="16" viewBox="0 0 22 16" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 2.5C0.5 1.25736 1.50736 0.25 2.75 0.25H19.25C20.4926 0.25 21.5 1.25736 21.5 2.5V13.5C21.5 14.7426 20.4926 15.75 19.25 15.75H2.75C1.50736 15.75 0.5 14.7426 0.5 13.5V2.5ZM2.75 1.75C2.33579 1.75 2 2.08579 2 2.5V13.5C2 13.9142 2.33579 14.25 2.75 14.25H19.25C19.6642 14.25 20 13.9142 20 13.5V2.5C20 2.08579 19.6642 1.75 19.25 1.75H2.75Z" fill="white"/>
       <path d="M17.1431 6.33414H15.4344L17.3198 3.31799C17.4003 3.18792 17.3102 3.00041 17.1431 3H13.809C13.7161 3.00003 13.6294 3.06775 13.6069 3.15796L12.3566 8.15917C12.3413 8.2206 12.3556 8.28797 12.3946 8.33786C12.4335 8.38776 12.4954 8.41797 12.5587 8.41798H13.9528L12.7746 12.7386C12.7485 12.8341 12.7991 12.9422 12.8892 12.9833C12.9796 13.0227 13.093 12.9903 13.1489 12.9091L17.3165 6.65756C17.358 6.59481 17.3619 6.5104 17.3264 6.44407C17.2908 6.37775 17.2184 6.33428 17.1431 6.33414Z" fill="white"/>
     </svg>
-  `,settings:C,ui:i,uiV2:e,editorConfigs:{placeholder:{flowPage:"GP_COLLECTION"}},presets:[{id:"collection-banner",name:{en:"Collection Banner"},icon:{desktop:`
+  `,settings:C,ui:[],uiV2:e,editorConfigs:{placeholder:{flowPage:"GP_COLLECTION"}},presets:[{id:"collection-banner",name:"Collection Banner",icon:{desktop:`
           <svg width="94" height="48" viewBox="0 0 94 48" fill="none" xmlns="http://www.w3.org/2000/svg">
           <rect width="94" height="48" rx="3" fill="#424242"/>
           <path d="M27.2495 12H26.1926C26.1301 11.696 26.0208 11.429 25.8645 11.1989C25.7111 10.9688 25.5236 10.7756 25.302 10.6193C25.0833 10.4602 24.8404 10.3409 24.5733 10.2614C24.3063 10.1818 24.0279 10.142 23.7381 10.142C23.2097 10.142 22.731 10.2756 22.302 10.5426C21.8759 10.8097 21.5364 11.2031 21.2836 11.723C21.0336 12.2429 20.9086 12.8807 20.9086 13.6364C20.9086 14.392 21.0336 15.0298 21.2836 15.5497C21.5364 16.0696 21.8759 16.4631 22.302 16.7301C22.731 16.9972 23.2097 17.1307 23.7381 17.1307C24.0279 17.1307 24.3063 17.0909 24.5733 17.0114C24.8404 16.9318 25.0833 16.8139 25.302 16.6577C25.5236 16.4986 25.7111 16.304 25.8645 16.0739C26.0208 15.8409 26.1301 15.5739 26.1926 15.2727H27.2495C27.1699 15.7187 27.025 16.1179 26.8148 16.4702C26.6046 16.8224 26.3432 17.1222 26.0307 17.3693C25.7182 17.6136 25.3674 17.7997 24.9782 17.9276C24.5918 18.0554 24.1784 18.1193 23.7381 18.1193C22.9938 18.1193 22.3319 17.9375 21.7523 17.5739C21.1728 17.2102 20.7168 16.6932 20.3844 16.0227C20.052 15.3523 19.8858 14.5568 19.8858 13.6364C19.8858 12.7159 20.052 11.9205 20.3844 11.25C20.7168 10.5795 21.1728 10.0625 21.7523 9.69886C22.3319 9.33523 22.9938 9.15341 23.7381 9.15341C24.1784 9.15341 24.5918 9.21733 24.9782 9.34517C25.3674 9.47301 25.7182 9.66051 26.0307 9.90767C26.3432 10.152 26.6046 10.4503 26.8148 10.8026C27.025 11.152 27.1699 11.5511 27.2495 12ZM31.4799 18.1364C30.889 18.1364 30.3706 17.9957 29.9245 17.7145C29.4814 17.4332 29.1348 17.0398 28.8848 16.5341C28.6376 16.0284 28.514 15.4375 28.514 14.7614C28.514 14.0795 28.6376 13.4844 28.8848 12.9759C29.1348 12.4673 29.4814 12.0724 29.9245 11.7912C30.3706 11.5099 30.889 11.3693 31.4799 11.3693C32.0708 11.3693 32.5879 11.5099 33.0311 11.7912C33.4771 12.0724 33.8237 12.4673 34.0708 12.9759C34.3208 13.4844 34.4458 14.0795 34.4458 14.7614C34.4458 15.4375 34.3208 16.0284 34.0708 16.5341C33.8237 17.0398 33.4771 17.4332 33.0311 17.7145C32.5879 17.9957 32.0708 18.1364 31.4799 18.1364ZM31.4799 17.233C31.9288 17.233 32.2981 17.1179 32.5879 16.8878C32.8777 16.6577 33.0922 16.3551 33.2314 15.9801C33.3706 15.6051 33.4402 15.1989 33.4402 14.7614C33.4402 14.3239 33.3706 13.9162 33.2314 13.5384C33.0922 13.1605 32.8777 12.8551 32.5879 12.6222C32.2981 12.3892 31.9288 12.2727 31.4799 12.2727C31.0311 12.2727 30.6618 12.3892 30.372 12.6222C30.0822 12.8551 29.8677 13.1605 29.7285 13.5384C29.5893 13.9162 29.5197 14.3239 29.5197 14.7614C29.5197 15.1989 29.5893 15.6051 29.7285 15.9801C29.8677 16.3551 30.0822 16.6577 30.372 16.8878C30.6618 17.1179 31.0311 17.233 31.4799 17.233ZM36.9867 9.27273V18H35.981V9.27273H36.9867ZM39.8343 9.27273V18H38.8287V9.27273H39.8343ZM44.4206 18.1364C43.79 18.1364 43.2459 17.9972 42.7885 17.7188C42.334 17.4375 41.9831 17.0455 41.736 16.5426C41.4917 16.0369 41.3695 15.4489 41.3695 14.7784C41.3695 14.108 41.4917 13.517 41.736 13.0057C41.9831 12.4915 42.3269 12.0909 42.7672 11.804C43.2104 11.5142 43.7275 11.3693 44.3184 11.3693C44.6593 11.3693 44.9959 11.4261 45.3283 11.5398C45.6607 11.6534 45.9632 11.8381 46.236 12.0938C46.5087 12.3466 46.726 12.6818 46.888 13.0994C47.0499 13.517 47.1309 14.0312 47.1309 14.642V15.0682H42.0854V14.1989H46.1081C46.1081 13.8295 46.0343 13.5 45.8865 13.2102C45.7417 12.9205 45.5343 12.6918 45.2644 12.5241C44.9973 12.3565 44.682 12.2727 44.3184 12.2727C43.9178 12.2727 43.5712 12.3722 43.2786 12.571C42.9888 12.767 42.7658 13.0227 42.6096 13.3381C42.4533 13.6534 42.3752 13.9915 42.3752 14.3523V14.9318C42.3752 15.4261 42.4604 15.8452 42.6309 16.1889C42.8042 16.5298 43.0442 16.7898 43.351 16.9688C43.6578 17.1449 44.0144 17.233 44.4206 17.233C44.6848 17.233 44.9235 17.196 45.1365 17.1222C45.3525 17.0455 45.5385 16.9318 45.6948 16.7812C45.851 16.6278 45.9718 16.4375 46.057 16.2102L47.0286 16.483C46.9263 16.8125 46.7544 17.1023 46.513 17.3523C46.2715 17.5994 45.9732 17.7926 45.6181 17.9318C45.263 18.0682 44.8638 18.1364 44.4206 18.1364ZM51.3198 18.1364C50.7061 18.1364 50.1777 17.9915 49.7346 17.7017C49.2914 17.4119 48.9505 17.0128 48.7118 16.5043C48.4732 15.9957 48.3539 15.4148 48.3539 14.7614C48.3539 14.0966 48.476 13.5099 48.7203 13.0014C48.9675 12.4901 49.3113 12.0909 49.7516 11.804C50.1948 11.5142 50.7118 11.3693 51.3027 11.3693C51.763 11.3693 52.1777 11.4545 52.5471 11.625C52.9164 11.7955 53.2189 12.0341 53.4547 12.3409C53.6905 12.6477 53.8368 13.0057 53.8936 13.4148H52.888C52.8113 13.1165 52.6408 12.8523 52.3766 12.6222C52.1152 12.3892 51.763 12.2727 51.3198 12.2727C50.9277 12.2727 50.584 12.375 50.2885 12.5795C49.9959 12.7812 49.7672 13.0668 49.6025 13.4361C49.4405 13.8026 49.3596 14.233 49.3596 14.7273C49.3596 15.233 49.4391 15.6733 49.5982 16.0483C49.7601 16.4233 49.9874 16.7145 50.28 16.9219C50.5755 17.1293 50.9221 17.233 51.3198 17.233C51.5811 17.233 51.8184 17.1875 52.0314 17.0966C52.2445 17.0057 52.4249 16.875 52.5726 16.7045C52.7203 16.5341 52.8255 16.3295 52.888 16.0909H53.8936C53.8368 16.4773 53.6962 16.8253 53.4718 17.1349C53.2502 17.4418 52.9561 17.6861 52.5897 17.8679C52.226 18.0469 51.8027 18.1364 51.3198 18.1364ZM58.2104 11.4545V12.3068H54.8184V11.4545H58.2104ZM55.807 9.88636H56.8127V16.125C56.8127 16.4091 56.8539 16.6222 56.9363 16.7642C57.0215 16.9034 57.1294 16.9972 57.2601 17.0455C57.3936 17.0909 57.5343 17.1136 57.682 17.1136C57.7928 17.1136 57.8837 17.108 57.9547 17.0966C58.0257 17.0824 58.0826 17.071 58.1252 17.0625L58.3297 17.9659C58.2615 17.9915 58.1664 18.017 58.0442 18.0426C57.9221 18.071 57.7672 18.0852 57.5797 18.0852C57.2956 18.0852 57.0172 18.0241 56.7445 17.902C56.4746 17.7798 56.2502 17.5938 56.0712 17.3438C55.8951 17.0938 55.807 16.7784 55.807 16.3977V9.88636ZM59.7232 18V11.4545H60.7289V18H59.7232ZM60.2346 10.3636C60.0385 10.3636 59.8695 10.2969 59.7275 10.1634C59.5882 10.0298 59.5186 9.86932 59.5186 9.68182C59.5186 9.49432 59.5882 9.33381 59.7275 9.20028C59.8695 9.06676 60.0385 9 60.2346 9C60.4306 9 60.5982 9.06676 60.7374 9.20028C60.8794 9.33381 60.9505 9.49432 60.9505 9.68182C60.9505 9.86932 60.8794 10.0298 60.7374 10.1634C60.5982 10.2969 60.4306 10.3636 60.2346 10.3636ZM65.2299 18.1364C64.639 18.1364 64.1206 17.9957 63.6745 17.7145C63.2314 17.4332 62.8848 17.0398 62.6348 16.5341C62.3876 16.0284 62.264 15.4375 62.264 14.7614C62.264 14.0795 62.3876 13.4844 62.6348 12.9759C62.8848 12.4673 63.2314 12.0724 63.6745 11.7912C64.1206 11.5099 64.639 11.3693 65.2299 11.3693C65.8208 11.3693 66.3379 11.5099 66.7811 11.7912C67.2271 12.0724 67.5737 12.4673 67.8208 12.9759C68.0708 13.4844 68.1958 14.0795 68.1958 14.7614C68.1958 15.4375 68.0708 16.0284 67.8208 16.5341C67.5737 17.0398 67.2271 17.4332 66.7811 17.7145C66.3379 17.9957 65.8208 18.1364 65.2299 18.1364ZM65.2299 17.233C65.6788 17.233 66.0481 17.1179 66.3379 16.8878C66.6277 16.6577 66.8422 16.3551 66.9814 15.9801C67.1206 15.6051 67.1902 15.1989 67.1902 14.7614C67.1902 14.3239 67.1206 13.9162 66.9814 13.5384C66.8422 13.1605 66.6277 12.8551 66.3379 12.6222C66.0481 12.3892 65.6788 12.2727 65.2299 12.2727C64.7811 12.2727 64.4118 12.3892 64.122 12.6222C63.8322 12.8551 63.6177 13.1605 63.4785 13.5384C63.3393 13.9162 63.2697 14.3239 63.2697 14.7614C63.2697 15.1989 63.3393 15.6051 63.4785 15.9801C63.6177 16.3551 63.8322 16.6577 64.122 16.8878C64.4118 17.1179 64.7811 17.233 65.2299 17.233ZM70.7367 14.0625V18H69.731V11.4545H70.7026V12.4773H70.7878C70.9412 12.1449 71.1742 11.8778 71.4867 11.6761C71.7992 11.4716 72.2026 11.3693 72.6969 11.3693C73.1401 11.3693 73.5279 11.4602 73.8603 11.642C74.1926 11.821 74.4512 12.0938 74.6358 12.4602C74.8205 12.8239 74.9128 13.2841 74.9128 13.8409V18H73.9071V13.9091C73.9071 13.3949 73.7736 12.9943 73.5066 12.7074C73.2395 12.4176 72.873 12.2727 72.4071 12.2727C72.0861 12.2727 71.7992 12.3423 71.5463 12.4815C71.2963 12.6207 71.0989 12.8239 70.954 13.0909C70.8091 13.358 70.7367 13.6818 70.7367 14.0625ZM32.2816 29.2727V38H31.2248V29.2727H32.2816ZM34.2642 38V31.4545H35.2358V32.4773H35.321C35.4574 32.1278 35.6776 31.8565 35.9815 31.6634C36.2855 31.4673 36.6506 31.3693 37.0767 31.3693C37.5085 31.3693 37.8679 31.4673 38.1548 31.6634C38.4446 31.8565 38.6705 32.1278 38.8324 32.4773H38.9006C39.0682 32.1392 39.3196 31.8707 39.6548 31.6719C39.9901 31.4702 40.392 31.3693 40.8608 31.3693C41.446 31.3693 41.9247 31.5526 42.2969 31.919C42.669 32.2827 42.8551 32.8494 42.8551 33.6193V38H41.8494V33.6193C41.8494 33.1364 41.7173 32.7912 41.4531 32.5838C41.1889 32.3764 40.8778 32.2727 40.5199 32.2727C40.0597 32.2727 39.7031 32.4119 39.4503 32.6903C39.1974 32.9659 39.071 33.3153 39.071 33.7386V38H38.0483V33.517C38.0483 33.1449 37.9276 32.8452 37.6861 32.6179C37.4446 32.3878 37.1335 32.2727 36.7528 32.2727C36.4915 32.2727 36.2472 32.3423 36.0199 32.4815C35.7955 32.6207 35.6136 32.8139 35.4744 33.0611C35.3381 33.3054 35.2699 33.5881 35.2699 33.9091V38H34.2642ZM46.62 38.1534C46.2053 38.1534 45.8288 38.0753 45.4908 37.919C45.1527 37.7599 44.8842 37.5312 44.6854 37.233C44.4865 36.9318 44.3871 36.5682 44.3871 36.142C44.3871 35.767 44.4609 35.4631 44.6087 35.2301C44.7564 34.9943 44.9538 34.8097 45.201 34.6761C45.4482 34.5426 45.7209 34.4432 46.0192 34.3778C46.3203 34.3097 46.6229 34.2557 46.9268 34.2159C47.3246 34.1648 47.647 34.1264 47.8942 34.1009C48.1442 34.0724 48.326 34.0256 48.4396 33.9602C48.5561 33.8949 48.6143 33.7812 48.6143 33.6193V33.5852C48.6143 33.1648 48.4993 32.8381 48.2692 32.6051C48.0419 32.3722 47.6967 32.2557 47.2337 32.2557C46.7536 32.2557 46.3771 32.3608 46.1044 32.571C45.8317 32.7812 45.6399 33.0057 45.5291 33.2443L44.5746 32.9034C44.745 32.5057 44.9723 32.196 45.2564 31.9744C45.5433 31.75 45.8558 31.5937 46.1939 31.5057C46.5348 31.4148 46.87 31.3693 47.1996 31.3693C47.4098 31.3693 47.6513 31.3949 47.924 31.446C48.1996 31.4943 48.4652 31.5952 48.7209 31.7486C48.9794 31.902 49.1939 32.1335 49.3643 32.4432C49.5348 32.7528 49.62 33.1676 49.62 33.6875V38H48.6143V37.1136H48.5632C48.495 37.2557 48.3814 37.4077 48.2223 37.5696C48.0632 37.7315 47.8516 37.8693 47.5874 37.983C47.3232 38.0966 47.0007 38.1534 46.62 38.1534ZM46.7734 37.25C47.1712 37.25 47.5064 37.1719 47.7791 37.0156C48.0547 36.8594 48.2621 36.6577 48.4013 36.4105C48.5433 36.1634 48.6143 35.9034 48.6143 35.6307V34.7102C48.5717 34.7614 48.478 34.8082 48.3331 34.8509C48.1911 34.8906 48.0263 34.9261 47.8388 34.9574C47.6541 34.9858 47.4737 35.0114 47.2976 35.0341C47.1243 35.054 46.9837 35.071 46.8757 35.0852C46.6143 35.1193 46.37 35.1747 46.1428 35.2514C45.9183 35.3253 45.7365 35.4375 45.5973 35.5881C45.4609 35.7358 45.3928 35.9375 45.3928 36.1932C45.3928 36.5426 45.522 36.8068 45.7805 36.9858C46.0419 37.1619 46.3729 37.25 46.7734 37.25ZM54.0977 40.5909C53.6119 40.5909 53.1942 40.5284 52.8448 40.4034C52.4954 40.2812 52.2042 40.1193 51.9712 39.9176C51.7411 39.7188 51.5579 39.5057 51.4215 39.2784L52.2227 38.7159C52.3136 38.8352 52.4286 38.9716 52.5678 39.125C52.707 39.2812 52.8974 39.4162 53.1388 39.5298C53.3832 39.6463 53.7028 39.7045 54.0977 39.7045C54.6261 39.7045 55.0621 39.5767 55.4059 39.321C55.7496 39.0653 55.9215 38.6648 55.9215 38.1193V36.7898H55.8363C55.7624 36.9091 55.6573 37.0568 55.521 37.233C55.3874 37.4062 55.1942 37.5611 54.9414 37.6974C54.6914 37.831 54.3533 37.8977 53.9272 37.8977C53.3988 37.8977 52.9244 37.7727 52.5039 37.5227C52.0863 37.2727 51.7553 36.9091 51.511 36.4318C51.2695 35.9545 51.1488 35.375 51.1488 34.6932C51.1488 34.0227 51.2667 33.4389 51.5025 32.9418C51.7383 32.4418 52.0664 32.0554 52.4869 31.7827C52.9073 31.5071 53.3931 31.3693 53.9442 31.3693C54.3704 31.3693 54.7085 31.4403 54.9585 31.5824C55.2113 31.7216 55.4045 31.8807 55.538 32.0597C55.6744 32.2358 55.7795 32.3807 55.8533 32.4943H55.9556V31.4545H56.9272V38.1875C56.9272 38.75 56.7994 39.2074 56.5437 39.5597C56.2908 39.9148 55.9499 40.1747 55.521 40.3395C55.0948 40.5071 54.6204 40.5909 54.0977 40.5909ZM54.0636 36.9943C54.467 36.9943 54.8079 36.902 55.0863 36.7173C55.3647 36.5327 55.5763 36.267 55.7212 35.9205C55.8661 35.5739 55.9386 35.1591 55.9386 34.6761C55.9386 34.2045 55.8675 33.7884 55.7255 33.4276C55.5835 33.0668 55.3732 32.7841 55.0948 32.5795C54.8164 32.375 54.4727 32.2727 54.0636 32.2727C53.6374 32.2727 53.2823 32.3807 52.9982 32.5966C52.717 32.8125 52.5053 33.1023 52.3633 33.4659C52.2241 33.8295 52.1545 34.233 52.1545 34.6761C52.1545 35.1307 52.2255 35.5327 52.3675 35.8821C52.5124 36.2287 52.7255 36.5014 53.0067 36.7003C53.2908 36.8963 53.6431 36.9943 54.0636 36.9943ZM61.5124 38.1364C60.8817 38.1364 60.3377 37.9972 59.8803 37.7188C59.4258 37.4375 59.0749 37.0455 58.8278 36.5426C58.5835 36.0369 58.4613 35.4489 58.4613 34.7784C58.4613 34.108 58.5835 33.517 58.8278 33.0057C59.0749 32.4915 59.4187 32.0909 59.859 31.804C60.3022 31.5142 60.8192 31.3693 61.4102 31.3693C61.7511 31.3693 62.0877 31.4261 62.4201 31.5398C62.7525 31.6534 63.055 31.8381 63.3278 32.0938C63.6005 32.3466 63.8178 32.6818 63.9798 33.0994C64.1417 33.517 64.2227 34.0312 64.2227 34.642V35.0682H59.1772V34.1989H63.1999C63.1999 33.8295 63.1261 33.5 62.9783 33.2102C62.8335 32.9205 62.6261 32.6918 62.3562 32.5241C62.0891 32.3565 61.7738 32.2727 61.4102 32.2727C61.0096 32.2727 60.663 32.3722 60.3704 32.571C60.0806 32.767 59.8576 33.0227 59.7013 33.3381C59.5451 33.6534 59.467 33.9915 59.467 34.3523V34.9318C59.467 35.4261 59.5522 35.8452 59.7227 36.1889C59.896 36.5298 60.136 36.7898 60.4428 36.9688C60.7496 37.1449 61.1062 37.233 61.5124 37.233C61.7766 37.233 62.0153 37.196 62.2283 37.1222C62.4442 37.0455 62.6303 36.9318 62.7866 36.7812C62.9428 36.6278 63.0636 36.4375 63.1488 36.2102L64.1204 36.483C64.0181 36.8125 63.8462 37.1023 63.6048 37.3523C63.3633 37.5994 63.065 37.7926 62.7099 37.9318C62.3548 38.0682 61.9556 38.1364 61.5124 38.1364Z" fill="#F9F9F9"/>

package/dist/esm/collection/settings/collection-banner/configs/settings.js

@@ -11,4 +11,4 @@ let CollectionBannerSettings=[{id:"setting",controls:[{id:"layout",type:"layout"
               <path fill-rule="evenodd" clip-rule="evenodd" d="M5.08398 6C5.08398 6.82843 5.75556 7.5 6.58398 7.5H11.584C12.4124 7.5 13.084 6.82843 13.084 6V5C13.084 4.17157 12.4124 3.5 11.584 3.5L6.58398 3.5C5.75556 3.5 5.08398 4.17157 5.08398 5V6ZM6.58398 6.5C6.30784 6.5 6.08398 6.27614 6.08398 6V5C6.08398 4.72386 6.30784 4.5 6.58398 4.5L11.584 4.5C11.8601 4.5 12.084 4.72386 12.084 5V6C12.084 6.27614 11.8601 6.5 11.584 6.5H6.58398Z" fill="currentColor"/>
               <path fill-rule="evenodd" clip-rule="evenodd" d="M3.58398 12.5C2.75556 12.5 2.08398 11.8284 2.08398 11L2.08398 10C2.08398 9.17157 2.75556 8.5 3.58398 8.5H11.584C12.4124 8.5 13.084 9.17157 13.084 10V11C13.084 11.8284 12.4124 12.5 11.584 12.5L3.58398 12.5ZM3.08398 11C3.08398 11.2761 3.30784 11.5 3.58398 11.5L11.584 11.5C11.8601 11.5 12.084 11.2761 12.084 11V10C12.084 9.72386 11.8601 9.5 11.584 9.5L3.58398 9.5C3.30784 9.5 3.08398 9.72386 3.08398 10L3.08398 11Z" fill="currentColor"/>
               </svg>
-              `,iconName:"gp-justify-content-bottom"}],devices:{desktop:{default:"start"}}},{id:"verticalAlign",type:"option:value",options:[{label:"Start",value:"start",iconName:"gp-align-top",tooltip:"Align top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical",tooltip:"Align center"},{label:"End",value:"end",iconName:"gp-align-bottom",tooltip:"Align bottom"},{label:"Between",value:"space-between",tooltip:"Distribute vertical spacing",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"start"}}},{id:"content-dimension-group",type:"group",label:"Content Dimension",controls:[{id:"fixedMode",type:"toggle",default:!1},{id:"height",label:"Height",type:"input:unit",units:["px"],placeholder:"Auto",devices:{desktop:{default:"500px"}},info:"Full Width: To set Hero Banner full width, first you drag & drop a Section element from left sidebar, then make it full-width, after that you put your Hero Banner inside Section you have created."},{id:"contentPosition",label:"Content Position",type:"option:value",options:[{label:"Start",value:"top",tooltip:"Align top",iconName:"gp-align-top"},{label:"Center",value:"center",tooltip:"Align vertical center",iconName:"gp-align-center-vertical"},{label:"End",value:"bottom",tooltip:"Align bottom",iconName:"gp-align-bottom"}],default:"center"},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"width",type:"input:unit",label:"Width",min:0,units:["px"],devices:{desktop:{default:"1200px"}}},{id:"verticalGutter",type:"input:slider",units:["px"],min:0,max:120,ignoreMax:!0,label:"Spacing",devices:{desktop:{default:"32px"}}}]},{id:"image-info",label:"Image",type:"group",controls:[{id:"background",type:"collection-banner",ignoreReRender:!0,devices:{desktop:{default:{type:"image",image:{src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif",width:1920,height:900,hiddenSEO:!0,hiddenLCP:!0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"hoverEffect",label:"Hover effect",type:"option:value",options:[{label:"None",value:"none"},{label:"Zoom",value:"zoom"}],default:"none"},{id:"hoverScale",type:"input:slider",label:"Zoom Value",units:["%"],min:100,max:200,step:1,default:110,useOnlyUnitInit:!0,isNumber:!0},{id:"hoverDuration",type:"input:unit",label:"Zoom Time",min:0,units:["s"],default:"0.5",useOnlyUnitInit:!0,isNumber:!0}]},{id:"overlay",label:"Overlay",type:"group",controls:[{id:"overlayOpacity",label:"Opacity",type:"input:slider",min:0,max:100,units:["%"],step:1,default:{normal:"20%"},state:{normal:!0,hover:!0}},{id:"overlayColor",label:"Color",type:"color-picker-v2",default:{normal:"#121212"},state:{normal:!0,hover:!0}}]}]}];export{CollectionBannerSettings};
+              `,iconName:"gp-justify-content-bottom"}],devices:{desktop:{default:"start"}}},{id:"verticalAlign",type:"option:value",options:[{label:"Start",value:"start",iconName:"gp-align-top",tooltip:"Align top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical",tooltip:"Align center"},{label:"End",value:"end",iconName:"gp-align-bottom",tooltip:"Align bottom"},{label:"Between",value:"space-between",tooltip:"Distribute vertical spacing",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"start"}}},{id:"content-dimension-group",type:"group",label:"Content Dimension",controls:[{id:"fixedMode",type:"toggle",default:!1},{id:"height",label:"Height",type:"input:unit",units:["px"],placeholder:"Auto",devices:{desktop:{default:"500px"}},info:"Full Width: To set Hero Banner full width, first you drag & drop a Section element from left sidebar, then make it full-width, after that you put your Hero Banner inside Section you have created."},{id:"contentPosition",label:"Content Position",type:"option:value",options:[{label:"Left",value:"top",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"bottom",tooltip:"Align right",iconName:"gp-align-right"}],default:"center"},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"width",type:"input:unit",label:"Width",min:0,units:["px"],devices:{desktop:{default:"1200px"}}},{id:"verticalGutter",type:"input:slider",units:["px"],min:0,max:120,ignoreMax:!0,label:"Spacing",devices:{desktop:{default:"32px"}}}]},{id:"image-info",label:"Image",type:"group",controls:[{id:"background",type:"collection-banner",ignoreReRender:!0,devices:{desktop:{default:{type:"image",image:{src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif",width:1920,height:900,hiddenSEO:!0,hiddenLCP:!0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"hoverEffect",label:"Hover effect",type:"option:value",options:[{label:"None",value:"none"},{label:"Zoom",value:"zoom"}],default:"none"},{id:"hoverScale",type:"input:slider",label:"Zoom Value",units:["%"],min:100,max:200,step:1,default:110,useOnlyUnitInit:!0,isNumber:!0},{id:"hoverDuration",type:"input:unit",label:"Zoom Time",min:0,units:["s"],default:"0.5",useOnlyUnitInit:!0,isNumber:!0}]},{id:"overlay",label:"Overlay",type:"group",controls:[{id:"overlayOpacity",label:"Opacity",type:"input:slider",min:0,max:100,units:["%"],step:1,default:{normal:"20%"},state:{normal:!0,hover:!0}},{id:"overlayColor",label:"Color",type:"color-picker-v2",default:{normal:"#121212"},state:{normal:!0,hover:!0}}]}]}];export{CollectionBannerSettings};

package/dist/esm/collection/settings/collection-banner/configs/ui-v2.js

@@ -1 +1 @@
-let SettingUIV2=[{controls:[{setting:{id:"layout"},layout:"vertical",options:{fullWidth:!0}}]},{label:{en:"Column spacing"},conditionDisplay:"!!layout.cols && layout.cols.length > 1",controls:[{label:{en:"Column gap"},setting:{id:"verticalGutter"}}]},{label:{en:"Collection image"},controls:[{label:{en:"Image"},layout:"horizontal",setting:{id:"background"}},{type:"combo",comboType:"color",label:{en:"Overlay"},getValueFromSettingID:"overlayColor.normal",disableScrollbar:!0,compoDefaultValue:"#121212",popoverLabel:{en:"Overlay"},controls:[{label:{en:"color"},setting:{id:"overlayColor",state:"normal"}},{label:{en:"opacity"},setting:{id:"overlayOpacity",state:"normal"}}]}]},{label:{en:"Size"},controls:[{label:{en:"Fit height to content"},setting:{id:"fixedMode"}},{label:{en:"Height"},conditionDisplay:"fixedMode==false",setting:{id:"height"}}]},{label:{en:"Content"},controls:[{label:{en:"Content width"},setting:{id:"width"}},{label:{en:"Content align"},setting:{id:"contentPosition"}}]},{label:{en:"Effect"},controls:[{label:{en:"Hover effect"},setting:{id:"hoverEffect"}},{label:{en:"Zoom value"},conditionDisplay:'hoverEffect=="zoom"',setting:{id:"hoverScale"}},{label:{en:"Zoom time"},conditionDisplay:'hoverEffect=="zoom"',setting:{id:"hoverDuration"}}]},{label:{en:"Align column"},controls:[{label:{en:"Vertical"},setting:{id:"verticalAlign"},conditionDisplay:"!!layout.cols && layout.cols.length > 1"}]}];export{SettingUIV2};
+let SettingUIV2=[{controls:[{setting:{id:"layout"},layout:"vertical",options:{fullWidth:!0}}]},{label:"Column spacing",conditionDisplay:"!!layout.cols && layout.cols.length > 1",controls:[{label:"Column gap",setting:{id:"verticalGutter"}}]},{label:"Collection image",controls:[{label:"Image",layout:"horizontal",setting:{id:"background"}},{type:"combo",comboType:"color",label:"Overlay",getValueFromSettingID:"overlayColor.normal",disableScrollbar:!0,compoDefaultValue:"#121212",popoverLabel:"Overlay",controls:[{label:"color",setting:{id:"overlayColor",state:"normal"}},{label:"opacity",setting:{id:"overlayOpacity",state:"normal"}}]}]},{label:"Size",controls:[{label:"Fit height to content",setting:{id:"fixedMode"}},{label:"Height",conditionDisplay:"fixedMode==false",setting:{id:"height"}}]},{label:"Content",controls:[{label:"Content width",setting:{id:"width"}},{label:"Content align",setting:{id:"contentPosition"}}]},{label:"Effect",controls:[{label:"Hover effect",setting:{id:"hoverEffect"}},{label:"Zoom value",conditionDisplay:'hoverEffect=="zoom"',setting:{id:"hoverScale"}},{label:"Zoom time",conditionDisplay:'hoverEffect=="zoom"',setting:{id:"hoverDuration"}}]},{label:"Align column",controls:[{label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"!!layout.cols && layout.cols.length > 1"}]}];export{SettingUIV2};