@gem-sdk/components 15.0.6 → 16.0.1

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

@@ -1,4 +1,4 @@
-let HeaderPreset=[{id:"instant-header",name:{en:"Header"},icon:{desktop:`
+let HeaderPreset=[{id:"instant-header",name:"Header",icon:{desktop:`
       <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M5.875 17.7183H8.625V26.3325H5.875V17.7183Z" fill="#D6D6D6"/>
         <path d="M31.375 17.7183H34.125V26.3325H31.375V17.7183Z" fill="#D6D6D6"/>

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

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Logo"},controls:[{label:{en:"Image"},type:"combo",getValueFromSettingID:"logo.src",comboType:"image",isHideClear:!0,popoverLabel:{en:"Image"},controls:[{type:"control",label:{en:"Source"},layout:"vertical",options:{labelVariant:"primary"},setting:{id:"logo"}},{type:"control",label:{en:"Aspect Ratio"},setting:{id:"logoAspectRatio"}},{type:"control",conditionDisplay:'logoAspectRatio == "custom"',setting:{id:"customAspectRadio"}},{type:"control",label:{en:"Object Fit"},setting:{id:"layout"}}]},{id:"Width",label:{en:"Width"},setting:{id:"logoWidth"},layout:"horizontal"}]},{label:{en:"Menu management"},controls:[{id:"menu",label:{en:"Order"},setting:{id:"menu"}}]},{label:{en:"Menu item style"},controls:[{label:{en:"Text style"},type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"typo.type",isTypoValue:!0,isHideClear:!0,controls:[{setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Icon"},setting:{id:"arrow"}},{label:{en:"Hover"},type:"combo",fixedValue:"Styled",state:"hover",iconName:"polaris-check-hover",setting:{id:"itemEnableHoverEffect"},popoverLabel:{en:"Hover"},controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{label:{en:"Dropdown"},type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",isHideClear:!0,help:{content:"Dropdown menu appears when hovering on a menu item"},popoverLabel:{en:"Dropdown menu"},controls:[{label:{en:"Text color"},popoverLabel:{en:"Text color"},setting:{id:"menuTextColor",state:"normal"}},{label:{en:"Background"},popoverLabel:{en:"Background"},setting:{id:"menuBg"}},{label:{en:"Hover"},type:"combo",fixedValue:"Styled",state:"hover",iconName:"polaris-check-hover",setting:{id:"enableDropdownHoverEffect"},popoverLabel:{en:"Hover"},controls:[{label:{en:"Text color"},setting:{id:"menuTextColor",state:"hover"}}]}]}]},{label:{en:"Cart"},controls:[{label:{en:"Icon"},setting:{id:"cartIcon"}},{label:{en:"Icon color"},setting:{id:"cartIconColor",state:"normal"}},{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"cardEnableHoverEffect"},popoverLabel:{en:"Hover"},controls:[{label:{en:"Icon color"},setting:{id:"cartIconColor",state:"hover"}}]}]},{label:{en:"Size"},controls:[{id:"height",label:{en:"Height"},setting:{id:"height"},controlConfig:{id:"height",type:"dropdown:input",units:["px"],displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding",cn:"填充",es:"Relleno"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background"},controls:[{id:"headerBg",label:{en:"Color"},setting:{id:"headerBg"},layout:"horizontal"}]},{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}}}]},{label:{en:"Display condition"},controls:[{id:"breakpoint",label:{en:"Menu icon"},setting:{id:"breakpoint"}},{layout:"vertical",controlConfig:{id:"showMenuIconBanner",type:"banner",message:"The devices that will show menu icon.",closable:!0}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:"Logo",controls:[{label:"Image",type:"combo",getValueFromSettingID:"logo.src",comboType:"image",isHideClear:!0,popoverLabel:"Image",controls:[{type:"control",label:"Source",layout:"vertical",options:{labelVariant:"primary"},setting:{id:"logo"}},{type:"control",label:"Aspect Ratio",setting:{id:"logoAspectRatio"}},{type:"control",conditionDisplay:'logoAspectRatio == "custom"',setting:{id:"customAspectRadio"}},{type:"control",label:"Object Fit",setting:{id:"layout"}}]},{id:"Width",label:"Width",setting:{id:"logoWidth"},layout:"horizontal"}]},{label:"Menu management",controls:[{id:"menu",label:"Order",setting:{id:"menu"}}]},{label:"Menu item style",controls:[{label:"Text style",type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"typo.type",isTypoValue:!0,isHideClear:!0,controls:[{setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Icon",setting:{id:"arrow"}},{label:"Hover",type:"combo",fixedValue:"Styled",state:"hover",iconName:"polaris-check-hover",setting:{id:"itemEnableHoverEffect"},popoverLabel:"Hover",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{label:"Dropdown",type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",isHideClear:!0,help:{content:"Dropdown menu appears when hovering on a menu item"},popoverLabel:"Dropdown menu",controls:[{label:"Text color",popoverLabel:"Text color",setting:{id:"menuTextColor",state:"normal"}},{label:"Background",popoverLabel:"Background",setting:{id:"menuBg"}},{label:"Hover",type:"combo",fixedValue:"Styled",state:"hover",iconName:"polaris-check-hover",setting:{id:"enableDropdownHoverEffect"},popoverLabel:"Hover",controls:[{label:"Text color",setting:{id:"menuTextColor",state:"hover"}}]}]}]},{label:"Cart",controls:[{label:"Icon",setting:{id:"cartIcon"}},{label:"Icon color",setting:{id:"cartIconColor",state:"normal"}},{label:"Hover",type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"cardEnableHoverEffect"},popoverLabel:"Hover",controls:[{label:"Icon color",setting:{id:"cartIconColor",state:"hover"}}]}]},{label:"Size",controls:[{id:"height",label:"Height",setting:{id:"height"},controlConfig:{id:"height",type:"dropdown:input",units:["px"],displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{id:"headerBg",label:"Color",setting:{id:"headerBg"},layout:"horizontal"}]},{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}}}]},{label:"Display condition",controls:[{id:"breakpoint",label:"Menu icon",setting:{id:"breakpoint"}},{layout:"vertical",controlConfig:{id:"showMenuIconBanner",type:"banner",message:"The devices that will show menu icon.",closable:!0}}]}];export{SettingUIV2};

package/dist/esm/heading/components/Heading.liquid.js

@@ -1 +1 @@
-import e from"../../text/components/Text.liquid.js";let Heading=({styles:t,builderAttrs:r,style:a,setting:n={},advanced:l,builderProps:s,isText:u,className:c,pageContext:i,...g})=>{let h=()=>{switch(n.htmlTag){case 1:return"h1";case 2:return"h2";case 3:return"h3";case 4:return"h4";case 5:return"h5";case 6:return"h6";default:return"div"}},o={htmlTag:h(),text:n.text,translate:n.translate,globalSize:n.globalSize,background:n.background};return e({styles:t,builderAttrs:r,style:a,setting:o,advanced:l,builderProps:s,className:c,isText:u,pageContext:i,...g})};export{Heading as default};
+import e from"../../text/components/Text.liquid.js";let Heading=({styles:t,builderAttrs:r,style:a,setting:n={},advanced:u,builderProps:l,isText:s,className:c,pageContext:i,...g})=>{let h=()=>{switch(n.htmlTag){case 1:return"h1";case 2:return"h2";case 3:return"h3";case 4:return"h4";case 5:return"h5";case 6:return"h6";default:return"div"}},o={htmlTag:h(),text:n.text,globalSize:n.globalSize,background:n.background};return e({styles:t,builderAttrs:r,style:a,setting:o,advanced:u,builderProps:l,className:c,isText:s,pageContext:i,...g})};export{Heading as default};

package/dist/esm/heading/settings/Heading.js

@@ -1,5 +1,5 @@
-import{SettingUIV2 as t}from"./configs/ui-v2.js";import{SettingUIV1 as i}from"./configs/ui-v1.js";import{HeadingPreset as s}from"./configs/presets.js";import{HeadingSettings as e}from"./configs/settings.js";let config={tag:"Heading",label:"Heading",icon:`
+import{SettingUIV2 as t}from"./configs/ui-v2.js";import{HeadingPreset as i}from"./configs/presets.js";import{HeadingSettings as e}from"./configs/settings.js";let config={tag:"Heading",label:"Heading",icon:`
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M15.6 2.09659C15.6 1.7671 15.8518 1.5 16.1625 1.5H20.4375C20.7482 1.5 21 1.7671 21 2.09659V2.8125C21 3.14199 20.7482 3.40909 20.4375 3.40909H20.4172C20.2902 3.46746 20.1489 3.5 20 3.5H19.2051V20.5H20C20.1489 20.5 20.2902 20.5325 20.4172 20.5909H20.4375C20.7482 20.5909 21 20.858 21 21.1875V21.9034C21 22.2329 20.7482 22.5 20.4375 22.5H16.1625C15.8518 22.5 15.6 22.2329 15.6 21.9034V21.1875C15.6 20.858 15.8518 20.5909 16.1625 20.5909H16.1873C16.3143 20.5325 16.4556 20.5 16.6045 20.5H17.4V12H6.6V20.5H7.39551C7.54441 20.5 7.68571 20.5325 7.81268 20.5909H7.8375C8.14816 20.5909 8.4 20.858 8.4 21.1875V21.9034C8.4 22.2329 8.14816 22.5 7.8375 22.5H3.5625C3.25184 22.5 3 22.2329 3 21.9034V21.1875C3 20.858 3.25184 20.5909 3.5625 20.5909H3.58282C3.7098 20.5325 3.8511 20.5 4 20.5H4.79863L4.79863 3.5H4C3.8511 3.5 3.7098 3.46746 3.58282 3.40909H3.5625C3.25184 3.40909 3 3.14199 3 2.8125V2.09659C3 1.7671 3.25184 1.5 3.5625 1.5H7.8375C8.14816 1.5 8.4 1.7671 8.4 2.09659V2.8125C8.4 3.14199 8.14816 3.40909 7.8375 3.40909H7.81269C7.68571 3.46746 7.54441 3.5 7.39551 3.5H6.6V9.98779H17.4V3.5H16.6045C16.4556 3.5 16.3143 3.46746 16.1873 3.40909H16.1625C15.8518 3.40909 15.6 3.14199 15.6 2.8125V2.09659Z" fill="white"/>
   </svg>
-  `,settings:e,ui:i,uiV2:t,presets:s,rootOverride:{styles:{align:{desktop:"center"}},settings:{globalSize:{desktop:{width:"default",padding:{type:"custom"},gap:""}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};export{config as default};
+  `,settings:e,ui:[],uiV2:t,presets:i,rootOverride:{styles:{align:{desktop:"center"}},settings:{globalSize:{desktop:{width:"default",padding:{type:"custom"},gap:""}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};export{config as default};

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

@@ -1,3 +1,3 @@
-let HeadingPreset=[{id:"heading",name:{en:"Heading"},icon:{desktop:`<svg width="24" height="23" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+let HeadingPreset=[{id:"heading",name:"Heading",icon:{desktop:`<svg width="24" height="23" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M0.609375 23V20.5938L3.09375 20.125V3.14062L0.609375 2.67188V0.25H9.51562V2.67188L7.03125 3.14062V10.2344H16.9844V3.14062L14.5 2.67188V0.25H16.9844H20.9062H23.3906V2.67188L20.9062 3.14062V20.125L23.3906 20.5938V23H14.5V20.5938L16.9844 20.125V13.2969H7.03125V20.125L9.51562 20.5938V23H0.609375Z" fill="#D6D6D6"/>
         </svg>`},components:[{tag:"Heading",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]}];export{HeadingPreset};

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

@@ -1 +1 @@
-let HeadingSettings=[{id:"setting",controls:[{id:"text",label:"Content",type:"texteditor",options:["bold","italic","underline","foreColor","createlink"],default:"Your heading text goes here"},{id:"translate",type:"input",default:"text"},{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:1,title:"H1"},{value:2,title:"H2"},{value:3,title:"H3"},{value:4,title:"H4"},{value:5,title:"H5"},{value:6,title:"H6"},{value:0,title:"Div"}],default:2},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",padding:{type:"custom"}}}},settingConfig:{width:{displayOptions:["full","auto","default"]},padding:{paddingConfig:{small:{vertical:"4px",horizontal:"4px"},medium:{vertical:"8px",horizontal:"8px"},large:{vertical:"16px",horizontal:"16px"},custom:{vertical:"0px",horizontal:"0px"}}}},hiddenSettings:["shape","height","gap"]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!1,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,video:"https://youtu.be/KOxfzBp72uk",videoHtml5:"https://media.w3.org/2010/05/sintel/trailer.mp4",videoType:"youtube",loop:!0}}}}]},{id:"style",controls:[{id:"typo",type:"typography-v2",ignoreReRender:!0,default:{type:"heading-1",attrs:{color:"text-2"}},compoDefaultValue:{attrs:{color:"text-2"}}},{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"}}},{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:"shapeBorder",type:"border-v2",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}}},{id:"shapeRounded",type:"corner-v2",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"shapeBoxShadow",type:"shadow-v2",devices:{desktop:{default:{enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}}]}];export{HeadingSettings};
+let HeadingSettings=[{id:"setting",controls:[{id:"text",label:"Content",type:"texteditor",options:["bold","italic","underline","foreColor","createlink"],default:"Your heading text goes here"},{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:1,title:"H1"},{value:2,title:"H2"},{value:3,title:"H3"},{value:4,title:"H4"},{value:5,title:"H5"},{value:6,title:"H6"},{value:0,title:"Div"}],default:2},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",padding:{type:"custom"}}}},settingConfig:{width:{displayOptions:["full","auto","default"]},padding:{paddingConfig:{small:{vertical:"4px",horizontal:"4px"},medium:{vertical:"8px",horizontal:"8px"},large:{vertical:"16px",horizontal:"16px"},custom:{vertical:"0px",horizontal:"0px"}}}},hiddenSettings:["shape","height","gap"]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!1,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,video:"https://youtu.be/KOxfzBp72uk",videoHtml5:"https://media.w3.org/2010/05/sintel/trailer.mp4",videoType:"youtube",loop:!0}}}}]},{id:"style",controls:[{id:"typo",type:"typography-v2",ignoreReRender:!0,default:{type:"heading-1",attrs:{color:"text-2"}},compoDefaultValue:{attrs:{color:"text-2"}}},{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"}}},{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:"shapeBorder",type:"border-v2",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}}},{id:"shapeRounded",type:"corner-v2",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"shapeBoxShadow",type:"shadow-v2",devices:{desktop:{default:{enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}}]}];export{HeadingSettings};

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

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

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

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Text style"},controls:[{id:"typo",label:{en:"Basic"},setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"16px",right:"16px",bottom:"16px",left:"16px",linked:!1}}}}]},{label:{en:"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"shapeBorder"}},{label:{en:"Corner"},setting:{id:"shapeRounded"}},{label:{en:"Shadow"},setting:{id:"shapeBoxShadow"}}]},{label:{en:"SEO"},controls:[{type:"control",label:{en:"HTML tag"},setting:{id:"htmlTag"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(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:"Text style",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"16px",right:"16px",bottom:"16px",left:"16px",linked:!1}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeBoxShadow"}}]},{label:"SEO",controls:[{type:"control",label:"HTML tag",setting:{id:"htmlTag"}}]},{controls:[{label:"Align",conditionEnable:'!(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/helpers.js

@@ -1 +1 @@
-import{getThemeSectionTranslateKey as e,replaceOuterTagContent as t,DEVICES as r,globalEvent as i,SectionMode as l}from"@gem-sdk/core";import n from"./link/components/Link.js";let REGEX_PAGE_TYPE=new RegExp(/^\/?(?:collections|pages|products|blogs|checkout|cart|policies)\/?/i),isShopifyDomain=(e,t)=>{let r=new RegExp(/^https?:\/\//i);return e&&!r.test(t)&&REGEX_PAGE_TYPE.test(t)},getLinkArticle=(e,t)=>"scroll-to"==e?t?.link:"{{article.url}}",isTransparentColor=e=>!!e&&(e.startsWith("#")?isHexTransparent(e):e.startsWith("rgb")?isTransparentRGBA(e):"transparent"==e),isTransparentRGBA=e=>{let t=e.replace(/\s/g,"").match(/^rgba?\((\d+),(\d+),(\d+),?([^,\s)]+)?/i)?.map(Number).filter(e=>!isNaN(e))??[0,0,0,1];return 0===t[t.length-1]},isHexTransparent=e=>{let t=!1,r=e.slice(e.startsWith("#")?1:0);3===r.length?r=[...r].map(e=>e+e).join(""):8===r.length&&(t=!0);let i=parseInt(r,16),l=t?255&i:void 0;return 0===l||!!l},youtubeShortsRegex=/^(?:https?:\/\/)?(?:www\.)?youtube\.com\/shorts\/([^"&?/\s]{11})$/i,getDynamicSourceLocales=({val:r,uid:i,settingId:n,isLiquid:o,pageContext:a,isCapitalize:s,defaultVal:p="",translate:c,isReplaceLocationOrigin:g,isReplaceMaxSize:u,isReplaceInventoryQuantity:f})=>{let h;let m=new RegExp(/\{\{.*?\}\}|\{%.*?%\}/).test(r?.toString()??""),k=a?.mode===l.GLOBAL,y=a?.schema??"",d=a?.isTranslateWithLocale?1e3:5e3;if(!c||!r?.toString().trim()||r.toString().length>d||m||a?.isPreviewing)return r??p;let S=`section.settings.${h=k?e({uid:i,settingId:n,schema:y,value:r?.toString()??p??""}):`g${i}_${n}`}`;return(a?.isTranslateWithLocale&&(S=`'sections.${a.sectionName}.${h}_html' | t`),g&&(S+=" | replace: '$locationOrigin', locationOrigin"),u&&(S+=" | replace: '$max_size', '10MB'"),f&&(S+=" | replace: '<$quantity$>', inventory_quantity | replace: '&lt;$quantity$&gt;', inventory_quantity"),s&&(S=`${S} | downcase`),o)?S:k?t(r?.toString()??p??"",void 0,`{{ ${S} }}`):`{{ ${S} }}`},getStaticLocale=(e,t)=>`{{ 'gempages.${e}.${t}' | t }}`,getSettingPreloadData=(e,t)=>`{% if section.settings.section_preload == "false" %}${e} ${t?`{% else %}${t}`:""}{% endif %}`,getHttpUrl=e=>e?e.match(/^https?:\/\//i)?e:`http://${e}`:"";function normalizeMailto(e){if(e.startsWith("mailto:")){let[t,r]=e.split("?");if(r){let i=r.replace(/\+/g,"%20");e=`${t}?${i}`}}return e}let getInsertLinkData=(e,t,r)=>{let i=["#","mailto:","tel:"],l=["product.url"],o=t?.link!==void 0&&""!==t.link,a=t?.link??"",s="/"===a,p=new RegExp(/^(?:https?:\/\/)?[\w.-]+\.[a-z]{2,}/i),c=o&&p.test(a);c&&(a=getHttpUrl(a)),o&&a.toLowerCase().startsWith("mailto:")&&a.includes("+")&&(a=normalizeMailto(a));let g=()=>!!(i.find(e=>a.startsWith(e))||l.find(e=>a.includes(e))),u=c||isShopifyDomain(o,a)||g()||s||isLinkedToSalesPage(t?.type);(isShopifyDomain(o,a)||s)&&(a=t?.isTranslate?"$locationOrigin"+a:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+a);let f=u?t?.isLiquid?"a":n:e,h={href:a,target:t?.target,...t?.noFollow&&{rel:"nofollow"}},m=u?h:o?{...h,type:r}:{type:r};return{Wrap:f,urlData:m,shouldRenderLink:u}},isLinkedToSalesPage=e=>"go-to-sales-page"===e,checkIsScrollToTop=e=>e?.type==="scroll-to"&&e?.link==="#scroll-to-top",checkIsOpenPopup=e=>e?.type==="open-popup"&&e?.link?.startsWith("#el-"),getLinkData=({setting:e,htmlType:t,defaultWrap:r,isLiquid:i=!1,enableImageLink:l=!1})=>{let o=["product.url"],a=["#","mailto:","tel:"],s=e?.link??"",p="/"===s,c=e?.link!==void 0&&""!==e.link,g=new RegExp(/^https?:\/\//i),u=c&&g.test(s);c&&s.toLowerCase().startsWith("mailto:")&&s.includes("+")&&(s=normalizeMailto(s));let f=()=>!!(o.find(e=>s.includes(e))||a.find(e=>s.startsWith(e))),h=l&&(u||isShopifyDomain(c,s)||f()||p||isLinkedToSalesPage(e?.type)),m=s;i&&(isShopifyDomain(c,s)||p)&&(m=e?.isTranslate?"$locationOrigin"+s:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+s);let k=h?i?"a":n:r,y={href:m,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},d=h?y:c?{...y,type:t}:{type:t};return{Wrapper:k,urlData:d,shouldRenderLink:h}},replaceLinkData=(e,t)=>{let r=/<a\s[^>]*>.*?<\/a>/;if(e&&r.test(e)){let r;let i=/<a\s+(?:[^>]*?\s+)?href=["']([^"']*)["'](?:\s+[^>]*?)?(?:target=["']([^"']*)["'])?.*?>.*?<\/a>/gi,l=e.toString();for(;null!==(r=i.exec(l));){let e=r[1],{urlData:i}=getInsertLinkData("",{link:e,isTranslate:t});l=l.replace(r[0],r[0].replace(/(href=['"])([^'"]*)(['"])/i,`$1${i.href}$3`))}return l}return e};function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}function filterTruthyObject(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let getDisplayStyle=(e,t)=>{let i={};return r.forEach(r=>{i={...i,[`--d${"desktop"===r?"":`-${r}`}`]:`${e(r)?"none":t}`}}),i},convertUnitToNumber=(e,t)=>{if(!e)return t;if("number"==typeof e)return e;let r="string"==typeof e?e.replaceAll("px","").replaceAll("%","").replaceAll("rem","").replaceAll("em",""):t;return isNaN(Number(r))?t:Number(r)},getAllHrefFromString=e=>{let t;if(!e)return[];let r=/href="([^"]*)"/g,i=[];for(;null!==(t=r.exec(e));)t[1]&&i.push(t[1]);return i},replaceAllHrefFromString=(e,t)=>{let r;if(!e)return"";let i=/href="([^"]*)"/g,l=0;for(;null!==(r=i.exec(e));)r[1]&&(e=e.replace(r[1],t[l]??""),l++);return e};function isEmptyObject(e){return 0===Object.keys(e).length&&"object"==typeof e}let handleClickLink=(e,t)=>{if("edit"!==t){if(checkIsScrollToTop(e)){window.scrollTo({top:0,behavior:"smooth"});return}if(checkIsOpenPopup(e)){let t=e?.link?.replace("#el-","#");i.dispatch("onOpenDialog",{popupUId:t});return}e?.link?.startsWith("#")&&i.dispatch("onOpenDialog",{popupUId:e?.link})}},filterPageContext=e=>{if(!e)return;let{schema:t,mode:r,...i}=e;return i};export{REGEX_PAGE_TYPE,checkIsOpenPopup,checkIsScrollToTop,convertUnitToNumber,filterPageContext,filterTruthyObject,filterTruthyStyles,getAllHrefFromString,getDisplayStyle,getDynamicSourceLocales,getInsertLinkData,getLinkArticle,getLinkData,getSettingPreloadData,getStaticLocale,handleClickLink,isEmptyObject,isHexTransparent,isLinkedToSalesPage,isShopifyDomain,isTransparentColor,isTransparentRGBA,normalizeMailto,replaceAllHrefFromString,replaceLinkData,youtubeShortsRegex};
+import{getThemeSectionTranslateKey as e,replaceOuterTagContent as t,DEVICES as r,globalEvent as i,cloneDeep as n,SectionMode as l}from"@gem-sdk/core";import o from"./link/components/Link.js";import{HeroBanner as a}from"./hero-banner/settings/configs/translate.js";let REGEX_PAGE_TYPE=new RegExp(/^\/?(?:collections|pages|products|blogs|checkout|cart|policies)\/?/i),isShopifyDomain=(e,t)=>{let r=new RegExp(/^https?:\/\//i);return e&&!r.test(t)&&REGEX_PAGE_TYPE.test(t)},getLinkArticle=(e,t)=>"scroll-to"==e?t?.link:"{{article.url}}",isTransparentColor=e=>!!e&&(e.startsWith("#")?isHexTransparent(e):e.startsWith("rgb")?isTransparentRGBA(e):"transparent"==e),isTransparentRGBA=e=>{let t=e.replace(/\s/g,"").match(/^rgba?\((\d+),(\d+),(\d+),?([^,\s)]+)?/i)?.map(Number).filter(e=>!isNaN(e))??[0,0,0,1];return 0===t[t.length-1]},isHexTransparent=e=>{let t=!1,r=e.slice(e.startsWith("#")?1:0);3===r.length?r=[...r].map(e=>e+e).join(""):8===r.length&&(t=!0);let i=parseInt(r,16),n=t?255&i:void 0;return 0===n||!!n},youtubeShortsRegex=/^(?:https?:\/\/)?(?:www\.)?youtube\.com\/shorts\/([^"&?/\s]{11})$/i,createTranslateKey=(e,t)=>`g${e}_${t}`,createSettingId=({id:e,index:t,suffix:r})=>e?"number"==typeof t&&t>=0?`${e}_${t}`:r?`${e}_${r}`:e:"",getDynamicSourceLocales=({val:r,uid:i,settingId:n,isLiquid:o,pageContext:a,isCapitalize:s,defaultVal:c="",isReplaceLocationOrigin:g,isReplaceMaxSize:p,isReplaceInventoryQuantity:u})=>{let f;let d=new RegExp(/\{\{.*?\}\}|\{%.*?%\}/).test(r?.toString()??""),m=a?.mode===l.GLOBAL,h=a?.schema??"",y=a?.isTranslateWithLocale?1e3:5e3;if(!n||!r?.toString().trim()||r.toString().length>y||d||a?.isPreviewing)return r??c;let S=`section.settings.${f=m?e({uid:i,settingId:n,schema:h,value:r?.toString()??c??""}):createTranslateKey(i,n)}`;return(a?.isTranslateWithLocale&&(S=`'sections.${a.sectionName}.${f}_html' | t`),g&&(S+=" | replace: '$locationOrigin', locationOrigin"),p&&(S+=" | replace: '$max_size', '10MB'"),u&&(S+=" | replace: '<$quantity$>', inventory_quantity | replace: '&lt;$quantity$&gt;', inventory_quantity"),s&&(S=`${S} | downcase`),o)?S:m?t(r?.toString()??c??"",void 0,`{{ ${S} }}`):`{{ ${S} }}`},getStaticLocale=(e,t)=>`{{ 'gempages.${e}.${t}' | t }}`,getSettingPreloadData=(e,t)=>`{% if section.settings.section_preload == "false" %}${e} ${t?`{% else %}${t}`:""}{% endif %}`,getHttpUrl=e=>e?e.match(/^https?:\/\//i)?e:`http://${e}`:"";function normalizeMailto(e){if(e.startsWith("mailto:")){let[t,r]=e.split("?");if(r){let i=r.replace(/\+/g,"%20");e=`${t}?${i}`}}return e}let getInsertLinkData=(e,t,r)=>{let i=["#","mailto:","tel:"],n=["product.url"],l=t?.link!==void 0&&""!==t.link,a=t?.link??"",s="/"===a,c=new RegExp(/^(?:https?:\/\/)?[\w.-]+\.[a-z]{2,}/i),g=l&&c.test(a);g&&(a=getHttpUrl(a)),l&&a.toLowerCase().startsWith("mailto:")&&a.includes("+")&&(a=normalizeMailto(a));let p=()=>!!(i.find(e=>a.startsWith(e))||n.find(e=>a.includes(e))),u=g||isShopifyDomain(l,a)||p()||s||isLinkedToSalesPage(t?.type);(isShopifyDomain(l,a)||s)&&(a=t?.isTranslate?"$locationOrigin"+a:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+a);let f=u?t?.isLiquid?"a":o:e,d={href:a,target:t?.target,...t?.noFollow&&{rel:"nofollow"}},m=u?d:l?{...d,type:r}:{type:r};return{Wrap:f,urlData:m,shouldRenderLink:u}},isLinkedToSalesPage=e=>"go-to-sales-page"===e,checkIsScrollToTop=e=>e?.type==="scroll-to"&&e?.link==="#scroll-to-top",checkIsOpenPopup=e=>e?.type==="open-popup"&&e?.link?.startsWith("#el-"),getLinkData=({setting:e,htmlType:t,defaultWrap:r,isLiquid:i=!1,enableImageLink:n=!1})=>{let l=["product.url"],a=["#","mailto:","tel:"],s=e?.link??"",c="/"===s,g=e?.link!==void 0&&""!==e.link,p=new RegExp(/^https?:\/\//i),u=g&&p.test(s);g&&s.toLowerCase().startsWith("mailto:")&&s.includes("+")&&(s=normalizeMailto(s));let f=()=>!!(l.find(e=>s.includes(e))||a.find(e=>s.startsWith(e))),d=n&&(u||isShopifyDomain(g,s)||f()||c||isLinkedToSalesPage(e?.type)),m=s;i&&(isShopifyDomain(g,s)||c)&&(m=e?.isTranslate?"$locationOrigin"+s:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+s);let h=d?i?"a":o:r,y={href:m,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},S=d?y:g?{...y,type:t}:{type:t};return{Wrapper:h,urlData:S,shouldRenderLink:d}},replaceLinkData=(e,t)=>{let r=/<a\s[^>]*>.*?<\/a>/;if(e&&r.test(e)){let r;let i=/<a\s+(?:[^>]*?\s+)?href=["']([^"']*)["'](?:\s+[^>]*?)?(?:target=["']([^"']*)["'])?.*?>.*?<\/a>/gi,n=e.toString();for(;null!==(r=i.exec(n));){let e=r[1],{urlData:i}=getInsertLinkData("",{link:e,isTranslate:t});n=n.replace(r[0],r[0].replace(/(href=['"])([^'"]*)(['"])/i,`$1${i.href}$3`))}return n}return e};function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}function filterTruthyObject(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let getDisplayStyle=(e,t)=>{let i={};return r.forEach(r=>{i={...i,[`--d${"desktop"===r?"":`-${r}`}`]:`${e(r)?"none":t}`}}),i},convertUnitToNumber=(e,t)=>{if(!e)return t;if("number"==typeof e)return e;let r="string"==typeof e?e.replaceAll("px","").replaceAll("%","").replaceAll("rem","").replaceAll("em",""):t;return isNaN(Number(r))?t:Number(r)},getAllHrefFromString=e=>{let t;if(!e)return[];let r=/href="([^"]*)"/g,i=[];for(;null!==(t=r.exec(e));)t[1]&&i.push(t[1]);return i},replaceAllHrefFromString=(e,t)=>{let r;if(!e)return"";let i=/href="([^"]*)"/g,n=0;for(;null!==(r=i.exec(e));)r[1]&&(e=e.replace(r[1],t[n]??""),n++);return e};function isEmptyObject(e){return 0===Object.keys(e).length&&"object"==typeof e}let handleClickLink=(e,t)=>{if("edit"!==t){if(checkIsScrollToTop(e)){window.scrollTo({top:0,behavior:"smooth"});return}if(checkIsOpenPopup(e)){let t=e?.link?.replace("#el-","#");i.dispatch("onOpenDialog",{popupUId:t});return}e?.link?.startsWith("#")&&i.dispatch("onOpenDialog",{popupUId:e?.link})}},getSeoTranslated=({valueTranslate:e,uid:t,settingId:r,pageContext:i})=>{if(!t||!a?.[r]?.id)return e;let n=getDynamicSourceLocales({val:e,settingId:createSettingId({id:a?.[r]?.id}),uid:t,pageContext:i});return null!=n?String(n):e},getBackgroundTranslated=({background:e,enableTranslate:t,uid:r,pageContext:i,isTranslateVideo:l=!0})=>{if(!e)return{};if(!t||!r||i?.isPreviewing)return e;let o=n(e);for(let e in o){let t=o[e];if(t){if(t.image?.src){let n=getDynamicSourceLocales({val:t.image.src,uid:r,settingId:createSettingId({id:"background",suffix:`${e}_image_src`}),pageContext:i});t.image.src=String(n)}if(l){if("youtube"===t.videoType&&t.video){let n=getDynamicSourceLocales({val:t.video,uid:r,settingId:createSettingId({id:"background",suffix:`${e}_video`}),pageContext:i});t.video=String(n)}if("html5"===t.videoType&&t.videoHtml5){let n=getDynamicSourceLocales({val:t.videoHtml5,uid:r,settingId:createSettingId({id:"background",suffix:`${e}_videoHtml5`}),pageContext:i});t.videoHtml5=String(n)}}}}return o},extractProductID=e=>e.replace("gid://shopify/Product/",""),filterPageContext=e=>{if(!e)return;let{schema:t,mode:r,...i}=e;return i};export{REGEX_PAGE_TYPE,checkIsOpenPopup,checkIsScrollToTop,convertUnitToNumber,createSettingId,createTranslateKey,extractProductID,filterPageContext,filterTruthyObject,filterTruthyStyles,getAllHrefFromString,getBackgroundTranslated,getDisplayStyle,getDynamicSourceLocales,getInsertLinkData,getLinkArticle,getLinkData,getSeoTranslated,getSettingPreloadData,getStaticLocale,handleClickLink,isEmptyObject,isHexTransparent,isLinkedToSalesPage,isShopifyDomain,isTransparentColor,isTransparentRGBA,normalizeMailto,replaceAllHrefFromString,replaceLinkData,youtubeShortsRegex};

package/dist/esm/hero-banner/components/HeroBanner.liquid.js

@@ -1,21 +1,21 @@
-import e from"./HeroBannerItem.liquid.js";import{getAttr as r,getAttrLink as t}from"../common/attrs.js";import{getStyle as o}from"../common/styles.js";import{getClasses as s,getLinkClasses as a}from"../common/classes.js";import{createStateOrContext as i,createAttr as n,createStyle as l,createClass as c,If as d}from"@gem-sdk/system";import{template as m,dataStringify as p,RenderIf as f,isLocalEnv as u,baseAssetURL as h}from"@gem-sdk/core";import{getInsertLinkData as g,getSettingPreloadData as v}from"../../helpers.js";import{getResponsiveSetting as $,getBannerLink as b}from"../common/helpers.js";let HeroBanner=j=>{let{builderAttrs:E,builderProps:y,setting:P,styles:S,style:k,children:C,advanced:x,pageContext:B}=j,{enableLazyLoadImage:H}=B??{},{enableLink:M,enableParallax:N}=P??{},O=b(P),{cssClass:R}=x??{},{urlData:V}=g("",O),_=i({background:$(S?.background||{}),uid:y?.uid,enableParallax:N&&Number(P?.speedParallax||0)>0,speedParallax:Number(P?.speedParallax)||0,hoverEffect:S?.hoverEffect,hoverEffectScale:S?.hoverEffectScale,layout:P?.layout,contentPosition1Col:S?.contentPosition1Col,contentPosition2Col:S?.contentPosition2Col,aspectRatio:P?.aspectRatio,sizeSetting:$(S?.sizeSetting||{}),videoObjectFit:$(S?.videoObjectFit||{}),target:O?.target??"_self",href:V?.href??"",linkType:O?.type??"",hoverEffectDuration:S?.hoverEffectDuration,isYoutubeVideoMigrated:P?.isYoutubeVideoMigrated}),w=!!O?.link&&M,z=n({...r({uid:y?.uid||""})}),A=n(t()),D=l({...o(S,P,k)}),F=c({...s({setting:P,builderProps:y,advancedCssClass:R})}),G=c({...a()}),I=()=>e({setting:P,styles:S,children:C,enableLazyLoadImage:H,rawChildren:j.rawChildren,builderProps:y});return m`
+import e from"./HeroBannerItem.liquid.js";import{getAttr as r,getAttrLink as t}from"../common/attrs.js";import{getStyle as o}from"../common/styles.js";import{getClasses as a,getLinkClasses as s}from"../common/classes.js";import{createStateOrContext as i,createAttr as n,createStyle as l,createClass as d,If as c}from"@gem-sdk/system";import{template as m,dataStringify as p,RenderIf as f,isLocalEnv as u,baseAssetURL as g}from"@gem-sdk/core";import{getBackgroundTranslated as h,getInsertLinkData as v,getSettingPreloadData as b}from"../../helpers.js";import{getResponsiveSetting as $,getBannerLink as j}from"../common/helpers.js";import{HeroBanner as k}from"../settings/configs/translate.js";let HeroBanner=E=>{let{builderAttrs:y,builderProps:C,setting:P,styles:S,style:x,children:B,advanced:H,pageContext:T}=E,{enableLazyLoadImage:V}=T??{},{enableLink:M,enableParallax:N}=P??{},O=h({background:S?.background,uid:C?.uid,enableTranslate:!!k?.background?.id,pageContext:T??{},isTranslateVideo:!0}),R=j(P),{cssClass:_}=H??{},{urlData:w}=v("",R),z=i({background:$(O||{}),uid:C?.uid,enableParallax:N&&Number(P?.speedParallax||0)>0,speedParallax:Number(P?.speedParallax)||0,hoverEffect:S?.hoverEffect,hoverEffectScale:S?.hoverEffectScale,layout:P?.layout,contentPosition1Col:S?.contentPosition1Col,contentPosition2Col:S?.contentPosition2Col,aspectRatio:P?.aspectRatio,sizeSetting:$(S?.sizeSetting||{}),videoObjectFit:$(S?.videoObjectFit||{}),target:R?.target??"_self",href:w?.href??"",linkType:R?.type??"",hoverEffectDuration:S?.hoverEffectDuration,isYoutubeVideoMigrated:P?.isYoutubeVideoMigrated}),A=!!R?.link&&M,D=n({...r({uid:C?.uid||""})}),F=n(t()),G=l({...o(S,P,x)}),I=d({...a({setting:P,builderProps:C,advancedCssClass:_})}),Y=d({...s()}),q=()=>e({setting:P,translatedBackground:O,styles:S,children:B,enableLazyLoadImage:V,rawChildren:E.rawChildren,builderProps:C,pageContext:T});return m`
       <gp-hero-banner
-        ${{...E}}
-        ${{...z}}
-        class="${F}"
-        style="${D}"
-        gp-data='${p(_)}'
+        ${{...y}}
+        ${{...D}}
+        class="${I}"
+        style="${G}"
+        gp-data='${p(z)}'
       >
-        ${d(!w,I())}
-        ${d(w,m`
+        ${c(!A,q())}
+        ${c(A,m`
           <div
-            ${{...A}}
+            ${{...F}}
             aria-hidden="true"
-            class="${G}"
+            class="${Y}"
           >
-            ${I()}
+            ${q()}
           </div>`)}
       </gp-hero-banner>
-       ${f(u,`<script ${v('class="gps-link" delay',"src")}="{{ 'gp-hero-banner-v2-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${v('class="gps-link" delay',"src")}="${h}/assets-v2/gp-hero-banner-v2-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>
+       ${f(u,`<script ${b('class="gps-link" delay',"src")}="{{ 'gp-hero-banner-v2-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${b('class="gps-link" delay',"src")}="${g}/assets-v2/gp-hero-banner-v2-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>
 `)}
   `};export{HeroBanner as default};

package/dist/esm/hero-banner/components/HeroBannerItem.liquid.js

@@ -1,16 +1,16 @@
-import{template as e,getAspectRatioGlobalSize as o,DEVICES as s,getResponsiveValueByScreen as t}from"@gem-sdk/core";import i from"../../grid/components/row/Row.liquid.js";import{createStyle as m,createClass as r,If as l}from"@gem-sdk/system";import a from"../../image/components/AdaptiveImage.liquid.js";import p from"../../video/components/HTML5Embed.liquid.js";import{getContainerStyle as d,getOverlayStyle as n,getRowStyle as c,getAdaptiveStyle as u,getBackgroundStyle as f,getContainBackgroundStyle as y,getYoutubeIframeStyle as v,getHtml5VideoStyle as j}from"../common/styles.js";import{getContainerClasses as $,getOverlayClasses as g,getRowClasses as b,getAdaptivePictureClasses as h,getAdaptiveClasses as w,getBackgroundClasses as k,getContainBackgroundClasses as N,getHtml5VideoClasses as q,getWrapperYoutubeClasses as H,getIframeYoutubeClasses as C,getLazyBackgroundClasses as I}from"../common/classes.js";import{getAspectRatio as z,getYoutubeAspectRatio as A,getBackgroundImageHeroBanner as B,horizontalAlign as L,getWidth as T,getBgImage as x,fallbackImg as E,getEnableBgImageByDevice as R,showVideoType as S,getResponsiveSetting as V}from"../common/helpers.js";import{getImageSrc as D}from"../../image/common/helpers.js";import M from"../../image/components/NextImage.liquid.js";import O from"../../video/components/LiteYouTubeEmbed.liquid.js";import{getYoutubeVideoId as W,youtubeVideoRegex as Y}from"../../video/common/helpers.js";import{isRenderHtmlVideo as F}from"../../grid/components/row/common/helpers.js";import{PRIORITY_LOAD_ATTRS as G}from"../../image/constants.js";let HeroBannerItem=J=>{let{enableLazyLoadImage:K=!0,setting:P,styles:Q,children:U,builderProps:X,rawChildren:Z}=J,{layout:_,verticalAlign:ee,enableParallax:eo,alt:es,title:et,preload:ei,isYoutubeVideoMigrated:em}=P??{},{background:er,overlayColor:el,verticalGutter:ea,sizeSetting:ep,contentWidth:ed,hoverEffect:en,contentPosition1Col:ec,contentPosition2Col:eu,videoObjectFit:ef}=Q??{},ey=!ei&&K,ev=z(ep,er),ej=A(er,ef,ev),e$=V(er||{}),eg=e$.desktop,eb=m({...d(Q)}),eh=r({...$(P,Q)}),ew=m({...n(Q)}),ek=r({...g(Q)}),eN=m({...c(Q)}),eq=r({...b(Q,P)}),eH=m({...u(Q)}),eC=r({...h()}),eI=r({...w()}),ez=r({...k(en,ey)}),eA=m({...B(er,ey,!1),...f(Q,eo,"")}),eB=r({...N()}),eL=m({...y(Q)}),eT=r({...q(!1)}),ex=m({...v(ej,ef)}),eE=r({...H(em)}),eR=m({...j(ev,ef,er)}),eS=r({...C()}),eV=e=>r({...I(e)}),eD=()=>{if(!ei)return s.map(e=>l(R(e,er),M({src:D(t(x(er),e),e),alt:es,title:et,className:eV(e),isDisableAspectStyle:!0,enableLazyLoadImage:K}))).join("")},eM=()=>{if(!S(er))return;if(F(er))return p({uid:X?.uid,muted:!0,loop:eg?.loop,controls:!1,autoplay:!0,src:eg?.videoHtml5||"",title:"Video",style:eR,className:eT});let e=eg?.video??"",o=W(e),s=`&loop=false&playlist=${o}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(eg?.type==="video"&&eg?.videoType==="youtube"&&o&&Y.test(e))return O({uid:X?.uid,id:o,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:s,adNetwork:!1,noCookie:!0,muted:!0,lazy:eg?.lazyLoad??!0,preload:!0,style:ex,wrapperClass:eE,iframeClass:eS})};return e`
-  <div class="${eh}" style="${eb}">
+import{template as e,getAspectRatioGlobalSize as t,DEVICES as o,getResponsiveValueByScreen as s,hasTranslatedLiquid as i}from"@gem-sdk/core";import l from"../../grid/components/row/Row.liquid.js";import{createStyle as r,createClass as a,If as m}from"@gem-sdk/system";import d from"../../image/components/AdaptiveImage.liquid.js";import n from"../../video/components/HTML5Embed.liquid.js";import{getContainerStyle as p,getOverlayStyle as u,getRowStyle as c,getAdaptiveStyle as f,getBackgroundStyle as v,getContainBackgroundStyle as y,getYoutubeIframeStyle as g,getHtml5VideoStyle as j}from"../common/styles.js";import{getContainerClasses as $,getOverlayClasses as b,getRowClasses as h,getAdaptivePictureClasses as C,getAdaptiveClasses as I,getBackgroundClasses as w,getContainBackgroundClasses as T,getHtml5VideoClasses as k,getWrapperYoutubeClasses as x,getIframeYoutubeClasses as N,getLazyBackgroundClasses as q}from"../common/classes.js";import{getAspectRatio as H,getYoutubeAspectRatio as z,getBackgroundImageHeroBanner as A,horizontalAlign as B,getWidth as L,getBgImage as V,fallbackImg as E,getEnableBgImageByDevice as R,showVideoType as S,getResponsiveSetting as D}from"../common/helpers.js";import{getImageSrc as M}from"../../image/common/helpers.js";import O from"../../image/components/NextImage.liquid.js";import U from"../../video/components/LiteYouTubeEmbed.liquid.js";import{getYoutubeVideoId as W,youtubeVideoRegex as Y}from"../../video/common/helpers.js";import{isRenderHtmlVideo as F}from"../../grid/components/row/common/helpers.js";import{PRIORITY_LOAD_ATTRS as G}from"../../image/constants.js";import{getSeoTranslated as J}from"../../helpers.js";let HeroBannerItem=K=>{let{enableLazyLoadImage:P=!0,translatedBackground:Q,setting:X,styles:Z,children:_,builderProps:ee,rawChildren:et,pageContext:eo}=K,{layout:es,verticalAlign:ei,enableParallax:el,alt:er,title:ea,preload:em,isYoutubeVideoMigrated:ed}=X??{},{background:en,overlayColor:ep,verticalGutter:eu,sizeSetting:ec,contentWidth:ef,hoverEffect:ev,contentPosition1Col:ey,contentPosition2Col:eg,videoObjectFit:ej}=Z??{},e$=!em&&P,eb=H(ec,en),eh=z(en,ej,eb),eC=D(Q||{}),eI=eC.desktop,ew=r({...p(Z)}),eT=a({...$(X,Z)}),ek=r({...u(Z)}),ex=a({...b(Z)}),eN=r({...c(Z)}),eq=a({...h(Z,X)}),eH=r({...f(Z)}),ez=a({...C()}),eA=a({...I()}),eB=a({...w(ev,e$)}),eL=r({...A(Q,e$,!1),...v(Z,el,"")}),eV=a({...T()}),eE=r({...y(Z)}),eR=a({...k(!1)}),eS=r({...g(eh,ej)}),eD=a({...x(ed)}),eM=r({...j(eb,ej,en)}),eO=a({...N()}),eU=e=>a({...q(e)}),eW=()=>{if(!em)return o.map(e=>m(R(e,Q),O({src:M(s(V(Q),e),e),alt:J({valueTranslate:er,uid:ee?.uid,settingId:"alt",pageContext:eo??{}}),title:J({valueTranslate:ea,uid:ee?.uid,settingId:"title",pageContext:eo??{}}),className:eU(e),isDisableAspectStyle:!0,enableLazyLoadImage:P}))).join("")},eY=()=>{if(!S(en))return;if(F(en))return n({uid:ee?.uid,muted:!0,loop:eI?.loop,controls:!1,autoplay:!0,src:eI?.videoHtml5||"",title:"Video",style:eM,className:eR});let e=eI?.video??"",t=W(e),o=`&loop=false&playlist=${t}&showinfo=0&rel=0&fs=0&enablejsapi=1`,s=i(e);if(eI?.type==="video"&&eI?.videoType==="youtube"&&t&&Y.test(e)||s)return U({uid:ee?.uid,id:t??"",translatedVideoUrl:s?e:"",isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:o,adNetwork:!1,noCookie:!0,muted:!0,lazy:eI?.lazyLoad??!0,preload:!0,style:eS,wrapperClass:eD,iframeClass:eO})};return e`
+  <div class="${eT}" style="${ew}">
       <div
-        class="${eB}"
-        style="${eL}"
+        class="${eV}"
+        style="${eE}"
       >
-        <div class="${ez}" style="${eA}">
-          ${eD()}
-          ${eM()}
+        <div class="${eB}" style="${eL}">
+          ${eW()}
+          ${eY()}
         </div>
-        ${l(!!el,e`<div aria-label="Overlay" class="${ek}" style="${ew}"> </div>`)}
+        ${m(!!ep,e`<div aria-label="Overlay" class="${ex}" style="${ek}"> </div>`)}
       </div>
-      ${i({className:eq,style:eN,setting:{layout:_,horizontalAlign:L(_,ec,eu),verticalAlign:ee},styles:{verticalGutter:ea,width:T(ed),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},children:U,rawChildren:Z})}
-        ${a({pictureClass:eC,srcSet:x(er),className:eI,...ei&&G,aspectRatio:o(ep),style:eH,alt:es,title:et,enableLazyLoadImage:K,fallbackImg:E})}
+      ${l({className:eq,style:eN,setting:{layout:es,horizontalAlign:B(es,ey,eg),verticalAlign:ei},styles:{verticalGutter:eu,width:L(ef),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},children:_,rawChildren:et})}
+        ${d({pictureClass:ez,srcSet:V(Q),className:eA,...em&&G,aspectRatio:t(ec),style:eH,alt:J({valueTranslate:er,uid:ee?.uid,settingId:"alt",pageContext:eo??{}}),title:J({valueTranslate:ea,uid:ee?.uid,settingId:"title",pageContext:eo??{}}),enableLazyLoadImage:P,fallbackImg:E})}
   </div>
 `};export{HeroBannerItem as default};

package/dist/esm/hero-banner/settings/HeroBanner.js

@@ -1,5 +1,5 @@
-import{heroBanner1Col as e}from"./configs/presets/banner-1-col.js";import{heroBanner1ColPreSalesPage as r}from"./configs/presets/banner-1-col-pre-sales-page.js";import{heroBannerContentLeft as s}from"./configs/presets/banner-content-left.js";import{heroBannerContentLeftPreSalesPage as o}from"./configs/presets/banner-content-left-pre-sales-page.js";import{heroBannerContentRight as n}from"./configs/presets/banner-content-right.js";import{heroBannerContentRightPreSalesPage as t}from"./configs/presets/banner-content-right-pre-sales-page.js";import{heroBannerVideo as i}from"./configs/presets/banner-video.js";import{heroBannerVideoPreSalesPage as p}from"./configs/presets/banner-video-pre-sales-page.js";import{heroBannerParallax as a}from"./configs/presets/banner-parallax.js";import{heroBannerParallaxPreSalesPage as f}from"./configs/presets/banner-parallax-pre-sales-page.js";import{SettingUIV1 as g}from"./configs/ui-v1.js";import{SettingUIV2 as l}from"./configs/ui-v2.js";import{SettingsV2 as m}from"./configs/settings.js";let config={tag:"HeroBanner",label:"Hero Banner",icon:`
+import{heroBanner1Col as e}from"./configs/presets/banner-1-col.js";import{heroBanner1ColPreSalesPage as r}from"./configs/presets/banner-1-col-pre-sales-page.js";import{heroBannerContentLeft as s}from"./configs/presets/banner-content-left.js";import{heroBannerContentLeftPreSalesPage as o}from"./configs/presets/banner-content-left-pre-sales-page.js";import{heroBannerContentRight as n}from"./configs/presets/banner-content-right.js";import{heroBannerContentRightPreSalesPage as t}from"./configs/presets/banner-content-right-pre-sales-page.js";import{heroBannerVideo as i}from"./configs/presets/banner-video.js";import{heroBannerVideoPreSalesPage as p}from"./configs/presets/banner-video-pre-sales-page.js";import{heroBannerParallax as a}from"./configs/presets/banner-parallax.js";import{heroBannerParallaxPreSalesPage as f}from"./configs/presets/banner-parallax-pre-sales-page.js";import{SettingUIV2 as l}from"./configs/ui-v2.js";import{SettingsV2 as g}from"./configs/settings.js";let config={tag:"HeroBanner",label:"Hero Banner",icon:`
   <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M1.83301 34.6667C1.55687 34.6667 1.33301 34.4429 1.33301 34.1667V5.83337C1.33301 5.55723 1.55687 5.33337 1.83301 5.33337H38.1663C38.4425 5.33337 38.6663 5.55723 38.6663 5.83337V34.1667C38.6663 34.4429 38.4425 34.6667 38.1663 34.6667H1.83301ZM3.52909 32.4103H36.4703V7.58978H3.52909V32.4103ZM21.0977 17.7436H24.3055C24.7477 17.7436 24.9722 18.2755 24.6638 18.5924L14.5095 29.0257L18.9016 20H15.3089C14.9395 20 14.6976 19.6134 14.8593 19.2813L18.7648 11.2556C18.8485 11.0836 19.0231 10.9744 19.2144 10.9744H24.5694C24.966 10.9744 25.2047 11.4139 24.9889 11.7466L21.0977 17.7436Z" fill="currentColor"/>
   </svg>
-  `,settings:m,ui:g,uiV2:l,presets:[e,r,s,o,n,t,i,p,a,f],editorConfigs:{slots:{children:!0},placeholder:{notAppendTags:["MarqueeItem","Marquee"]}}};export{config as default};
+  `,settings:g,ui:[],uiV2:l,presets:[e,r,s,o,n,t,i,p,a,f],editorConfigs:{slots:{children:!0},placeholder:{notAppendTags:["MarqueeItem","Marquee"]}}};export{config as default};

package/dist/esm/hero-banner/settings/configs/presets/banner-1-col-pre-sales-page.js

@@ -1,4 +1,4 @@
-let heroBanner1ColPreSalesPage={id:"hero-banner-1-col-pre-sales-page",name:{en:"Hero Banner"},icon:{desktop:`
+let heroBanner1ColPreSalesPage={id:"hero-banner-1-col-pre-sales-page",name:"Hero Banner",icon:{desktop:`
       <svg width="94" height="48" viewBox="0 0 94 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <g clip-path="url(#clip0_1706_4280)">
       <rect width="94" height="48" rx="3" fill="#424242"/>

package/dist/esm/hero-banner/settings/configs/presets/banner-1-col.js

@@ -1,4 +1,4 @@
-let heroBanner1Col={id:"hero-banner-1-col",name:{en:"Hero Banner"},icon:{desktop:`
+let heroBanner1Col={id:"hero-banner-1-col",name:"Hero Banner",icon:{desktop:`
       <svg width="94" height="48" viewBox="0 0 94 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <g clip-path="url(#clip0_1706_4280)">
       <rect width="94" height="48" rx="3" fill="#424242"/>

package/dist/esm/hero-banner/settings/configs/presets/banner-content-left-pre-sales-page.js

@@ -1,4 +1,4 @@
-let heroBannerContentLeftPreSalesPage={id:"hero-banner-content-left-pre-sales-page",name:{en:"Hero Banner"},icon:{desktop:`
+let heroBannerContentLeftPreSalesPage={id:"hero-banner-content-left-pre-sales-page",name:"Hero Banner",icon:{desktop:`
     <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
     <g clip-path="url(#clip0_2825_116)">
     <rect width="96" height="48" rx="3" fill="#424242"/>

package/dist/esm/hero-banner/settings/configs/presets/banner-content-left.js

@@ -1,4 +1,4 @@
-let heroBannerContentLeft={id:"hero-banner-content-left",name:{en:"Hero Banner"},icon:{desktop:`
+let heroBannerContentLeft={id:"hero-banner-content-left",name:"Hero Banner",icon:{desktop:`
     <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
     <g clip-path="url(#clip0_2825_116)">
     <rect width="96" height="48" rx="3" fill="#424242"/>

package/dist/esm/hero-banner/settings/configs/presets/banner-content-right-pre-sales-page.js

@@ -1,4 +1,4 @@
-let heroBannerContentRightPreSalesPage={id:"hero-banner-content-right-pre-sales-page",name:{en:"Hero Banner"},icon:{desktop:`
+let heroBannerContentRightPreSalesPage={id:"hero-banner-content-right-pre-sales-page",name:"Hero Banner",icon:{desktop:`
       <svg
         width="96"
         height="48"

package/dist/esm/hero-banner/settings/configs/presets/banner-content-right.js

@@ -1,4 +1,4 @@
-let heroBannerContentRight={id:"hero-banner-content-right",name:{en:"Hero Banner"},icon:{desktop:`
+let heroBannerContentRight={id:"hero-banner-content-right",name:"Hero Banner",icon:{desktop:`
       <svg
         width="96"
         height="48"

package/dist/esm/hero-banner/settings/configs/presets/banner-parallax-pre-sales-page.js

@@ -1,4 +1,4 @@
-let heroBannerParallaxPreSalesPage={id:"hero-banner-parallax-pre-sales-page",name:{en:"Hero Banner Parallax"},icon:{desktop:`
+let heroBannerParallaxPreSalesPage={id:"hero-banner-parallax-pre-sales-page",name:"Hero Banner Parallax",icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_21157_36120)">
 <rect width="96" height="48" rx="3" fill="#424242"/>

package/dist/esm/hero-banner/settings/configs/presets/banner-parallax.js

@@ -1,4 +1,4 @@
-let heroBannerParallax={id:"hero-banner-parallax",name:{en:"Hero Banner Parallax"},icon:{desktop:`
+let heroBannerParallax={id:"hero-banner-parallax",name:"Hero Banner Parallax",icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_21157_36120)">
 <rect width="96" height="48" rx="3" fill="#424242"/>

package/dist/esm/hero-banner/settings/configs/presets/banner-video-pre-sales-page.js

@@ -1,4 +1,4 @@
-let heroBannerVideoPreSalesPage={id:"hero-banner-video-pre-sales-page",name:{en:"Video Banner"},icon:{desktop:`
+let heroBannerVideoPreSalesPage={id:"hero-banner-video-pre-sales-page",name:"Video Banner",icon:{desktop:`
     <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
     <g clip-path="url(#clip0_12567_1327)">
     <rect width="96" height="48" rx="3" fill="#424242"/>

package/dist/esm/hero-banner/settings/configs/presets/banner-video.js

@@ -1,4 +1,4 @@
-let heroBannerVideo={id:"hero-banner-video",name:{en:"Video Banner"},icon:{desktop:`
+let heroBannerVideo={id:"hero-banner-video",name:"Video Banner",icon:{desktop:`
     <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
     <g clip-path="url(#clip0_12567_1327)">
     <rect width="96" height="48" rx="3" fill="#424242"/>

package/dist/esm/hero-banner/settings/configs/translate.js

@@ -0,0 +1 @@
+let HeroBanner={background:{id:"background",fields:["image.src","video","videoHtml5"]},alt:{id:"alt"},title:{id:"title"}};export{HeroBanner};

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

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Layout"},controls:[{setting:{id:"layout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"layout.cols.length == 1 &&  layout.type === 'center-top'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"top"}},{condition:"layout.cols.length == 1 &&  layout.type === 'center'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"center"}},{condition:"layout.cols.length == 1 &&  layout.type === 'center-bottom'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"bottom"}},{condition:"layout.cols.length == 1 &&  layout.type === 'center-distributed'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"space-between"}},{condition:"layout.cols.length > 1 && ( layout.type === 'left-distributed' || layout.type === 'right-distributed')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"space-between"}},{condition:"layout.cols.length > 1 && ( layout.type === 'left-top' || layout.type === 'right-top')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"top"}},{condition:"layout.cols.length > 1 && ( layout.type === 'right' || layout.type === 'left')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"center"}},{condition:"layout.cols.length > 1 && ( layout.type === 'left-bottom' || layout.type === 'right-bottom')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"bottom"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},options:{updateFields:[{field:"preload",settingId:"preload"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{condition:"!background.image.src",source:["background"],action:{controlId:"sizeSetting",newValue:{shapeLinked:!1},valueIfNull:{width:"100%",height:"fit-content"},groupType:"style",controlType:"size-setting"}},{condition:'background.type == "video"',source:["background"],action:{controlId:"sizeSetting",newValue:{enableVideoShape:!0},valueIfNull:{enableVideoShape:!0},groupType:"style",controlType:"size-setting"}},{condition:'!!background.image.src && background.type == "image" && sizeSetting.height == "fit-content"',source:["background","sizeSetting"],action:{controlId:"sizeSetting",newValue:{shape:"original",height:""},valueIfNull:{shape:"original"},groupType:"style",controlType:"size-setting"}},{condition:'background.type != "video"',source:["background"],action:{controlId:"sizeSetting",newValue:{enableVideoShape:!1},valueIfNull:{enableVideoShape:!1},groupType:"style",controlType:"size-setting"}}],options:{noRecordHistory:!0,enableTriggerWhenChangeDevice:!0}},layout:"vertical"}],moreSettings:{type:"collapse",controls:[{label:{en:"Overlay"},type:"combo",comboType:"color",getValueFromSettingID:"overlayColor.normal",compoDefaultValue:"#121212",controls:[{setting:{id:"overlayColor",state:"normal"},label:{en:"Color"}},{setting:{id:"overlayOpacity",state:"normal"},label:{en:"Opacity"}}]}]}},{label:{en:"Size"},controls:[{setting:{id:"sizeSetting"},layout:"vertical"},{label:{en:"Scale"},setting:{id:"videoObjectFit"},conditionDisplay:'background.type == "video"'}]},{label:{en:"Content"},controls:[{id:"contentWidth",label:{en:"Width"},controlConfig:{id:"contentWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0},{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},setting:{id:"contentPadding"}},{label:{en:"Align"},setting:{id:"verticalAlign"},conditionEnable:'layout.cols.length > 1 && layout.type != "right-distributed" && layout.type != "left-distributed"'}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBg"}},{label:{en:"Corner"},setting:{id:"cornerBg"}},{label:{en:"Shadow"},setting:{id:"shadowBg"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"shadowBg.enable === true",source:["shadowBg","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"shadowBg.enable === false",source:["shadowBg","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},controls:[{type:"combo",fixedValue:"Effect",iconName:"polaris-check-clicked",label:{en:"Hover effect"},setting:{id:"hoverEffect"},controlChangeTrigger:{settings:[{condition:"hoverEffect == true",source:["hoverEffect","hoverEffectScale"],action:{controlId:"hoverEffectScale",groupType:"style",controlType:"style",newValue:"120%"}},{condition:"hoverEffect == true",source:["hoverEffect","hoverEffectDuration"],action:{controlId:"hoverEffectDuration",groupType:"style",controlType:"style",newValue:"0.5s"}}],options:{noRecordHistory:!0}},defaultValueWhenClear:!1,state:"hover",controls:[{label:{en:"Overlay"},type:"combo",comboType:"color",getValueFromSettingID:"overlayColor.hover",defaultValueWhenClear:"transparent",compoDefaultValue:"#121212",controls:[{setting:{id:"overlayOpacity",state:"hover"},label:{en:"Opacity"}},{setting:{id:"overlayColor",state:"hover"},controlChangeTrigger:{settings:[{condition:"overlayColor.hover == 'transparent'",source:["overlayColor","overlayOpacity"],action:{controlId:"overlayOpacity",groupType:"style",controlType:"style",state:"hover",newValue:"20%"}}],options:{noRecordHistory:!0}},compoDefaultValue:"#121212",label:{en:"Color"}}]},{label:{en:"Scale"},type:"combo",iconName:"polaris-maximize",getValueFromSettingID:"hoverEffectScale",defaultValueWhenClear:"100%",compoDefaultValue:"120%",controls:[{label:{en:"Scale"},setting:{id:"hoverEffectScale"},defaultValueWhenClear:"100%"},{type:"control",label:{en:"Time"},setting:{id:"hoverEffectDuration"}}]}]},{type:"combo",fixedValue:"Enabled",iconName:"polaris-parallax-effect",label:{en:"Parallax scroll"},setting:{id:"enableParallax"},conditionDisplay:'background.type == "image"',defaultValueWhenClear:!1,controls:[{setting:{id:"contentBanner"},layout:"vertical"},{label:{en:"Speed"},setting:{id:"speedParallax"}}]}]},{controls:[{label:{en:"Link"},setting:{id:"enableLink"},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" && enableLink == true'},{conditionDisplay:"enableLink == true",setting:{id:"link"},layout:"vertical"}]},{label:{en:"SEO"},controls:[{type:"combo",label:{en:"Image alt text"},iconName:"polaris-text-block",getValueFromSettingID:"alt",compoDefaultValue:"Describes the appearance of the image",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"alt"},layout:"vertical"}]},{type:"combo",label:{en:"Image title"},iconName:"polaris-text-block",getValueFromSettingID:"title",compoDefaultValue:"Title",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"title"},layout:"vertical"}]}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.width?.includes("%"))',setting:{id:"alignBanner"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:"Layout",controls:[{setting:{id:"layout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"layout.cols.length == 1 &&  layout.type === 'center-top'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"top"}},{condition:"layout.cols.length == 1 &&  layout.type === 'center'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"center"}},{condition:"layout.cols.length == 1 &&  layout.type === 'center-bottom'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"bottom"}},{condition:"layout.cols.length == 1 &&  layout.type === 'center-distributed'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"space-between"}},{condition:"layout.cols.length > 1 && ( layout.type === 'left-distributed' || layout.type === 'right-distributed')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"space-between"}},{condition:"layout.cols.length > 1 && ( layout.type === 'left-top' || layout.type === 'right-top')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"top"}},{condition:"layout.cols.length > 1 && ( layout.type === 'right' || layout.type === 'left')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"center"}},{condition:"layout.cols.length > 1 && ( layout.type === 'left-bottom' || layout.type === 'right-bottom')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"bottom"}}],options:{noRecordHistory:!0}}}]},{label:"Background",controls:[{setting:{id:"background"},options:{updateFields:[{field:"preload",settingId:"preload"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{condition:"!background.image.src",source:["background"],action:{controlId:"sizeSetting",newValue:{shapeLinked:!1},valueIfNull:{width:"100%",height:"fit-content"},groupType:"style",controlType:"size-setting"}},{condition:'background.type == "video"',source:["background"],action:{controlId:"sizeSetting",newValue:{enableVideoShape:!0},valueIfNull:{enableVideoShape:!0},groupType:"style",controlType:"size-setting"}},{condition:'!!background.image.src && background.type == "image" && sizeSetting.height == "fit-content"',source:["background","sizeSetting"],action:{controlId:"sizeSetting",newValue:{shape:"original",height:""},valueIfNull:{shape:"original"},groupType:"style",controlType:"size-setting"}},{condition:'background.type != "video"',source:["background"],action:{controlId:"sizeSetting",newValue:{enableVideoShape:!1},valueIfNull:{enableVideoShape:!1},groupType:"style",controlType:"size-setting"}}],options:{noRecordHistory:!0,enableTriggerWhenChangeDevice:!0}},layout:"vertical"}],moreSettings:{type:"collapse",controls:[{label:"Overlay",type:"combo",comboType:"color",getValueFromSettingID:"overlayColor.normal",compoDefaultValue:"#121212",controls:[{setting:{id:"overlayColor",state:"normal"},label:"Color"},{setting:{id:"overlayOpacity",state:"normal"},label:"Opacity"}]}]}},{label:"Size",controls:[{setting:{id:"sizeSetting"},layout:"vertical"},{label:"Scale",setting:{id:"videoObjectFit"},conditionDisplay:'background.type == "video"'}]},{label:"Content",controls:[{id:"contentWidth",label:"Width",controlConfig:{id:"contentWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0},{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",setting:{id:"contentPadding"}},{label:"Align",setting:{id:"verticalAlign"},conditionEnable:'layout.cols.length > 1 && layout.type != "right-distributed" && layout.type != "left-distributed"'}]},{label:"Shape",controls:[{label:"Border",setting:{id:"borderBg"}},{label:"Corner",setting:{id:"cornerBg"}},{label:"Shadow",setting:{id:"shadowBg"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"shadowBg.enable === true",source:["shadowBg","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"shadowBg.enable === false",source:["shadowBg","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Effect",controls:[{type:"combo",fixedValue:"Effect",iconName:"polaris-check-clicked",label:"Hover effect",setting:{id:"hoverEffect"},controlChangeTrigger:{settings:[{condition:"hoverEffect == true",source:["hoverEffect","hoverEffectScale"],action:{controlId:"hoverEffectScale",groupType:"style",controlType:"style",newValue:"120%"}},{condition:"hoverEffect == true",source:["hoverEffect","hoverEffectDuration"],action:{controlId:"hoverEffectDuration",groupType:"style",controlType:"style",newValue:"0.5s"}}],options:{noRecordHistory:!0}},defaultValueWhenClear:!1,state:"hover",controls:[{label:"Overlay",type:"combo",comboType:"color",getValueFromSettingID:"overlayColor.hover",defaultValueWhenClear:"transparent",compoDefaultValue:"#121212",controls:[{setting:{id:"overlayOpacity",state:"hover"},label:"Opacity"},{setting:{id:"overlayColor",state:"hover"},controlChangeTrigger:{settings:[{condition:"overlayColor.hover == 'transparent'",source:["overlayColor","overlayOpacity"],action:{controlId:"overlayOpacity",groupType:"style",controlType:"style",state:"hover",newValue:"20%"}}],options:{noRecordHistory:!0}},compoDefaultValue:"#121212",label:"Color"}]},{label:"Scale",type:"combo",iconName:"polaris-maximize",getValueFromSettingID:"hoverEffectScale",defaultValueWhenClear:"100%",compoDefaultValue:"120%",controls:[{label:"Scale",setting:{id:"hoverEffectScale"},defaultValueWhenClear:"100%"},{type:"control",label:"Time",setting:{id:"hoverEffectDuration"}}]}]},{type:"combo",fixedValue:"Enabled",iconName:"polaris-parallax-effect",label:"Parallax scroll",setting:{id:"enableParallax"},conditionDisplay:'background.type == "image"',defaultValueWhenClear:!1,controls:[{setting:{id:"contentBanner"},layout:"vertical"},{label:"Speed",setting:{id:"speedParallax"}}]}]},{controls:[{label:"Link",setting:{id:"enableLink"},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" && enableLink == true'},{conditionDisplay:"enableLink == true",setting:{id:"link"},layout:"vertical"}]},{label:"SEO",controls:[{type:"combo",label:"Image alt text",iconName:"polaris-text-block",getValueFromSettingID:"alt",compoDefaultValue:"Describes the appearance of the image",isHideClear:!0,controls:[{label:"Content",setting:{id:"alt"},layout:"vertical"}]},{type:"combo",label:"Image title",iconName:"polaris-text-block",getValueFromSettingID:"title",compoDefaultValue:"Title",isHideClear:!0,controls:[{label:"Content",setting:{id:"title"},layout:"vertical"}]}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.width?.includes("%"))',setting:{id:"alignBanner"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};

package/dist/esm/icon/settings/Icon.js

@@ -1,6 +1,6 @@
-import{SettingUIV2 as i}from"./configs/ui-v2.js";import{SettingUIV1 as o}from"./configs/ui-v1.js";import{IconSettings as t}from"./configs/settings.js";import{IconPreset as e}from"./configs/presets.js";let config={tag:"Icon",label:"Icon",icon:`
+import{SettingUIV2 as t}from"./configs/ui-v2.js";import{IconSettings as e}from"./configs/settings.js";import{IconPreset as i}from"./configs/presets.js";let config={tag:"Icon",label:"Icon",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="M13.8255 2.7925C12.9604 1.28792 10.7896 1.28791 9.92446 2.7925L6.76725 8.2833C5.90475 9.7833 6.9875 11.6549 8.71779 11.6549H15.0322C16.7625 11.6549 17.8452 9.7833 16.9827 8.2833L13.8255 2.7925ZM11.2248 3.54021C11.5132 3.03868 12.2368 3.03868 12.5252 3.54021L15.6824 9.03101C15.9699 9.53101 15.609 10.1549 15.0322 10.1549H8.71779C8.14103 10.1549 7.78011 9.53101 8.06761 9.03101L11.2248 3.54021ZM12.375 17.3389C12.375 14.5775 14.6136 12.3389 17.375 12.3389C20.1364 12.3389 22.375 14.5775 22.375 17.3389C22.375 20.1004 20.1364 22.3389 17.375 22.3389C14.6136 22.3389 12.375 20.1004 12.375 17.3389ZM17.375 13.8389C15.442 13.8389 13.875 15.4059 13.875 17.3389C13.875 19.2719 15.442 20.8389 17.375 20.8389C19.308 20.8389 20.875 19.2719 20.875 17.3389C20.875 15.4059 19.308 13.8389 17.375 13.8389ZM1.625 14.8389C1.625 13.5963 2.63236 12.5889 3.875 12.5889H8.875C10.1176 12.5889 11.125 13.5963 11.125 14.8389V19.8389C11.125 21.0816 10.1176 22.0889 8.875 22.0889H3.875C2.63236 22.0889 1.625 21.0816 1.625 19.8389V14.8389ZM3.875 14.0889C3.46079 14.0889 3.125 14.4247 3.125 14.8389V19.8389C3.125 20.2532 3.46079 20.5889 3.875 20.5889H8.875C9.28921 20.5889 9.625 20.2532 9.625 19.8389V14.8389C9.625 14.4247 9.28921 14.0889 8.875 14.0889H3.875Z" fill="white"/>
   </svg>
 
-  `,settings:t,ui:o,uiV2:i,presets:e,rootOverride:{styles:{align:{desktop:"center"},globalSize:{desktop:{width:"24px",padding:{type:"custom"},isDropDownWidth:!0}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};export{config as default};
+  `,settings:e,ui:[],uiV2:t,presets:i,rootOverride:{styles:{align:{desktop:"center"},globalSize:{desktop:{width:"24px",padding:{type:"custom"},isDropDownWidth:!0}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};export{config as default};

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

@@ -1,8 +1,8 @@
-let IconPreset=[{id:"icon",name:{en:"Icon"},icon:{desktop:`
+let IconPreset=[{id:"icon",name:"Icon",icon:{desktop:`
           <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
           <path d="M47.283 7.62515C47.5764 7.03055 48.4243 7.03055 48.7177 7.62515L52.251 14.7844C52.3676 15.0205 52.5928 15.1842 52.8534 15.222L60.7541 16.3701C61.4102 16.4654 61.6722 17.2718 61.1974 17.7346L55.4804 23.3073C55.2919 23.4911 55.2059 23.7559 55.2504 24.0154L56.6 31.8842C56.7121 32.5377 56.0261 33.0361 55.4392 32.7275L48.3726 29.0124C48.1396 28.8899 47.8611 28.8898 47.6281 29.0124L40.5615 32.7275C39.9746 33.0361 39.2886 32.5377 39.4007 31.8842L40.7503 24.0154C40.7948 23.7559 40.7088 23.4911 40.5202 23.3073L34.8033 17.7346C34.3284 17.2718 34.5904 16.4654 35.2466 16.3701L43.1473 15.222C43.4079 15.1842 43.6331 15.0205 43.7497 14.7844L47.283 7.62515Z" fill="#D6D6D6"/>
           </svg>
-        `},components:[{tag:"Icon",advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}],rootOverride:{styles:{align:{desktop:"center"}}}},{id:"icon-pre-sales-page",name:{en:"Icon"},icon:{desktop:`
+        `},components:[{tag:"Icon",advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}],rootOverride:{styles:{align:{desktop:"center"}}}},{id:"icon-pre-sales-page",name:"Icon",icon:{desktop:`
           <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
           <path d="M47.283 7.62515C47.5764 7.03055 48.4243 7.03055 48.7177 7.62515L52.251 14.7844C52.3676 15.0205 52.5928 15.1842 52.8534 15.222L60.7541 16.3701C61.4102 16.4654 61.6722 17.2718 61.1974 17.7346L55.4804 23.3073C55.2919 23.4911 55.2059 23.7559 55.2504 24.0154L56.6 31.8842C56.7121 32.5377 56.0261 33.0361 55.4392 32.7275L48.3726 29.0124C48.1396 28.8899 47.8611 28.8898 47.6281 29.0124L40.5615 32.7275C39.9746 33.0361 39.2886 32.5377 39.4007 31.8842L40.7503 24.0154C40.7948 23.7559 40.7088 23.4911 40.5202 23.3073L34.8033 17.7346C34.3284 17.2718 34.5904 16.4654 35.2466 16.3701L43.1473 15.222C43.4079 15.1842 43.6331 15.0205 43.7497 14.7844L47.283 7.62515Z" fill="#D6D6D6"/>
           </svg>

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

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Icon"},controls:[{label:{en:"Choose"},setting:{id:"iconSvg"}},{label:{en:"Color"},setting:{id:"color",state:"normal"}},{label:{en:"Size"},controlConfig:{id:"width",type:"input:stepper",includeUnit:"px",linkWithSetting:{name:"globalSize",field:"width"}}},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"16px",right:"16px",bottom:"16px",left:"16px",linked:!1}}}}]},{label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"bgColor",state:"normal"}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"iconBorder",state:"normal"}},{label:{en:"Corner"},setting:{id:"iconRounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"iconShadow"}}]},{controls:[{label:{en:"Link"},setting:{id:"iconLinkEnable"},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" && iconLinkEnable == true'},{conditionDisplay:"iconLinkEnable == true",layout:"vertical",setting:{id:"iconLink"}}]},{controls:[{label:{en:"Align"},setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:"Icon",controls:[{label:"Choose",setting:{id:"iconSvg"}},{label:"Color",setting:{id:"color",state:"normal"}},{label:"Size",controlConfig:{id:"width",type:"input:stepper",includeUnit:"px",linkWithSetting:{name:"globalSize",field:"width"}}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"16px",right:"16px",bottom:"16px",left:"16px",linked:!1}}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"bgColor",state:"normal"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"iconBorder",state:"normal"}},{label:"Corner",setting:{id:"iconRounded",state:"normal"}},{label:"Shadow",setting:{id:"iconShadow"}}]},{controls:[{label:"Link",setting:{id:"iconLinkEnable"},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" && iconLinkEnable == true'},{conditionDisplay:"iconLinkEnable == true",layout:"vertical",setting:{id:"iconLink"}}]},{controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{SettingUIV2};

package/dist/esm/icon-list/common/styles.js

@@ -1 +1 @@
-import{makeGlobalSize as e,makeStyleResponsive as t,getStyleBackgroundByDevice as i,getGradientBgrStyleByDevice as r,getResponsiveStyleShadowWithoutState as l,composeRadiusResponsive as o,composeBorderResponsive as d,getGlobalColorResponsiveStyle as a}from"@gem-sdk/core";let filterStyles=e=>{let t=["--mb","--mb-mobile","--mb-tablet"];return t.forEach(t=>{delete e?.[t]}),e||{}},getContainerStyles=(l,o,d)=>{let{align:a,background:g,globalSize:s}=o||{},n=e(s||{desktop:{width:"100%"}}),m={...l,...d?.advancedClasses,...n.width,...t("ta",a),...i(g,{liquid:d?.isLiquid}),...r(g)};return d?.isLiquid?m:filterStyles(m)},getWrapperStyles=e=>{let{alignWrapper:i}=e||{};return{...t("jc",i)}},getItemStyles=i=>{let r=e(i?.itemPadding);return{...r.padding,...l(i?.itemBoxShadow,"box-shadow",i?.itemBoxShadow),...o(i?.itemRounded),...d(i?.itemBorder),...a("bgc",i?.itemBackgroundColor),...a("bgi",i?.itemBackgroundColor),...t("cg",i?.horizontalSpacing)}},getUlStyles=e=>({...t("gg",e?.verticalSpacing)});export{getContainerStyles,getItemStyles,getUlStyles,getWrapperStyles};
+import{makeGlobalSize as e,makeStyleResponsive as t,getStyleBackgroundByDevice as i,getGradientBgrStyleByDevice as r,getResponsiveStyleShadowWithoutState as l,composeRadiusResponsive as o,composeBorderResponsive as a,getGlobalColorResponsiveStyle as s}from"@gem-sdk/core";import{getBackgroundTranslated as d}from"../../helpers.js";import{IconList as n}from"../settings/configs/translate.js";let filterStyles=e=>{let t=["--mb","--mb-mobile","--mb-tablet"];return t.forEach(t=>{delete e?.[t]}),e||{}},getContainerStyles=({style:l,styles:o,extraData:a,uid:s,type:g="React",pageContext:m})=>{let{align:c,background:p,globalSize:S}=o||{},u=e(S||{desktop:{width:"100%"}}),b="Liquid"===g?d({background:p,uid:s,enableTranslate:!!n?.background?.id,pageContext:m??{},isTranslateVideo:!1}):p,y={...l,...a?.advancedClasses,...u.width,...t("ta",c),...i(b,{liquid:a?.isLiquid}),...r(b)};return a?.isLiquid?y:filterStyles(y)},getWrapperStyles=e=>{let{alignWrapper:i}=e||{};return{...t("jc",i)}},getItemStyles=i=>{let r=e(i?.itemPadding);return{...r.padding,...l(i?.itemBoxShadow,"box-shadow",i?.itemBoxShadow),...o(i?.itemRounded),...a(i?.itemBorder),...s("bgc",i?.itemBackgroundColor),...s("bgi",i?.itemBackgroundColor),...t("cg",i?.horizontalSpacing)}},getUlStyles=e=>({...t("gg",e?.verticalSpacing)});export{getContainerStyles,getItemStyles,getUlStyles,getWrapperStyles};

package/dist/esm/icon-list/components/IconList.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,Fragment as r,jsx as s}from"react/jsx-runtime";import{composeAdvanceStyle as a,isEmptyChildren as i,filterToolbarPreview as l}from"@gem-sdk/core";import{Children as m,isValidElement as t}from"react";import o from"next/head";import{createStyle as d,createClass as c,If as n}from"@gem-sdk/system";import{getContainerStyles as p,getUlStyles as f,getWrapperStyles as g}from"../common/styles.js";import{getUlClasses as h,getWrapperClasses as u}from"../common/classes.js";let IconList=({style:k,setting:y,children:b,styles:v,builderProps:x,advanced:I})=>{let{preload:j}=y||{},{background:C}=v??{},L=a(I),N=d(p(k,v,{advancedClasses:L})),S=c(h(I?.cssClass)),U=d(f(v)),q=d(g(v)),w=c(u());return e(r,{children:[n(j,e(o,{children:[!!C?.desktop?.image?.src&&s("link",{rel:"preload",href:C.desktop.image.src,as:"image"}),!!C?.tablet?.image?.src&&s("link",{rel:"preload",href:C.tablet.image.src,as:"image"}),!!C?.mobile?.image?.src&&s("link",{rel:"preload",href:C.mobile.image.src,as:"image"})]})),s("div",{className:w,style:q,children:s("div",{"data-id":x?.uid,style:N,children:n(i(b),s("div",{children:"Icons not found"}),e(r,{children:[s("ul",{className:S,style:U,children:m.map(l(b),(e,r)=>t(e)?s(e.type,{...e.props,parentUid:x?.uid,parentStyles:v,dataIndex:r}):null)}),l(b,!0)]}))})})]})};export{IconList as default};
+import{jsxs as e,Fragment as r,jsx as a}from"react/jsx-runtime";import{composeAdvanceStyle as s,isEmptyChildren as t,filterToolbarPreview as i}from"@gem-sdk/core";import{Children as l,isValidElement as m}from"react";import o from"next/head";import{createStyle as d,createClass as c,If as n}from"@gem-sdk/system";import{getContainerStyles as p,getUlStyles as f,getWrapperStyles as g}from"../common/styles.js";import{getUlClasses as h,getWrapperClasses as u}from"../common/classes.js";let IconList=({style:y,setting:k,children:x,styles:b,builderProps:v,advanced:I,pageContext:j})=>{let{preload:C}=k||{},{background:L}=b??{},N=s(I),D=d(p({style:y,styles:b,type:"React",uid:v?.uid??"",pageContext:j,extraData:{advancedClasses:N}})),R=c(h(I?.cssClass)),S=d(f(b)),U=d(g(b)),q=c(u());return e(r,{children:[n(C,e(o,{children:[!!L?.desktop?.image?.src&&a("link",{rel:"preload",href:L.desktop.image.src,as:"image"}),!!L?.tablet?.image?.src&&a("link",{rel:"preload",href:L.tablet.image.src,as:"image"}),!!L?.mobile?.image?.src&&a("link",{rel:"preload",href:L.mobile.image.src,as:"image"})]})),a("div",{className:q,style:U,children:a("div",{"data-id":v?.uid,style:D,children:n(t(x),a("div",{children:"Icons not found"}),e(r,{children:[a("ul",{className:R,style:S,children:l.map(i(x),(e,r)=>m(e)?a(e.type,{...e.props,parentUid:v?.uid,parentStyles:b,dataIndex:r}):null)}),i(x,!0)]}))})})]})};export{IconList as default};

package/dist/esm/icon-list/components/IconList.liquid.js

@@ -1,17 +1,17 @@
-import{composeAdvanceStyle as s,template as e,WrapRenderChildren as i,RenderChildren as r}from"@gem-sdk/core";import{getStaticLocale as a}from"../../helpers.js";import{createStyle as o,createClass as t,If as m}from"@gem-sdk/system";import{getContainerStyles as l,getUlStyles as d,getWrapperStyles as c}from"../common/styles.js";import{getUlClasses as n,getWrapperClasses as p}from"../common/classes.js";let IconList=({builderProps:$,style:u,setting:f,rawChildren:g,styles:k,advanced:v})=>{let{preload:y}=f||{},{background:b}=k||{},h=s(v),I=o(l(u,k,{advancedClasses:h,isLiquid:!0})),L=t(n(v?.cssClass)),j=o(d(k)),x=o(c(k)),C=t(p());return e`
-    ${m(!!y,`${m(!!b?.desktop?.image?.src,`<link rel="preload" href="${b?.desktop?.image?.src}" as="image" />`)}
+import{composeAdvanceStyle as e,template as s,WrapRenderChildren as i,RenderChildren as t}from"@gem-sdk/core";import{getStaticLocale as a}from"../../helpers.js";import{createStyle as r,createClass as o,If as m}from"@gem-sdk/system";import{getContainerStyles as d,getUlStyles as l,getWrapperStyles as c}from"../common/styles.js";import{getUlClasses as p,getWrapperClasses as n}from"../common/classes.js";let IconList=({builderProps:$,style:u,setting:g,rawChildren:f,styles:k,advanced:v,pageContext:y})=>{let{preload:L}=g||{},{background:b}=k||{},h=e(v),x=r(d({style:u,styles:k,type:"Liquid",uid:$?.uid??"",pageContext:y,extraData:{advancedClasses:h,isLiquid:!0}})),I=o(p(v?.cssClass)),j=r(l(k)),C=r(c(k)),q=o(n());return s`
+    ${m(!!L,`${m(!!b?.desktop?.image?.src,`<link rel="preload" href="${b?.desktop?.image?.src}" as="image" />`)}
       ${m(!!b?.tablet?.image?.src,`<link rel="preload" href="${b?.tablet?.image?.src}" as="image" />`)}
       ${m(!!b?.mobile?.image?.src,`<link rel="preload" href="${b?.mobile?.image?.src}" as="image" />`)}`)}
-    <div class="${C}" style="${x}">
+    <div class="${q}" style="${C}">
     <div
       data-id="${$?.uid}"
-       style="${I}">
-     ${m(!g,e`<div>${a("IconList","icons_not_found")}</div>`)}
-     ${m(!!g,e`<ul
-        class="${L}"
+       style="${x}">
+     ${m(!f,s`<div>${a("IconList","icons_not_found")}</div>`)}
+     ${m(!!f,s`<ul
+        class="${I}"
         style="${j}"
         >
-        ${i({uid:$?.uid??"",customProps:g?.[0].customProps},g?.map((s,e)=>{if(s)return r({...s,dataIndex:e,parentUid:$?.uid,parentStyles:k})}))}
+        ${i({uid:$?.uid??"",customProps:f?.[0].customProps},f?.map((e,s)=>{if(e)return t({...e,dataIndex:s,parentUid:$?.uid,parentStyles:k})}))}
       </ul>`)}
   </div>
   </div>

package/dist/esm/icon-list/index.js

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

package/dist/esm/icon-list/settings/IconList.js

@@ -1,5 +1,5 @@
-import{itemChildrenTemplateText as C,itemChildrenTemplateImage as t}from"./configs/items.js";import{IconListSettings as i}from"./configs/settings.js";import{SettingUIV1 as e}from"./configs/ui-v1.js";import{SettingUIV2 as l}from"./configs/ui-v2.js";let config={tag:"IconList",label:"Advanced List",icon:`
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.or                 g/2000/svg">
+import{itemChildrenTemplateText as C,itemChildrenTemplateImage as t}from"./configs/items.js";import{IconListSettings as i}from"./configs/settings.js";import{SettingUIV2 as e}from"./configs/ui-v2.js";let config={tag:"IconList",label:"Advanced List",icon:`
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M10.75 3.72656C10.3358 3.72656 10 4.06235 10 4.47656C10 4.89078 10.3358 5.22656 10.75 5.22656L21.75 5.22656C22.1642 5.22656 22.5 4.89078 22.5 4.47656C22.5 4.06235 22.1642 3.72656 21.75 3.72656H10.75Z" fill="white"/>
   <path d="M10.75 8.72656C10.3358 8.72656 10 9.06235 10 9.47656C10 9.89078 10.3358 10.2266 10.75 10.2266L21.75 10.2266C22.1642 10.2266 22.5 9.89078 22.5 9.47657C22.5 9.06235 22.1642 8.72657 21.75 8.72657L10.75 8.72656Z" fill="white"/>
   <path d="M10 14.4767C10 14.0625 10.3358 13.7267 10.75 13.7267L21.75 13.7267C22.1642 13.7267 22.5 14.0625 22.5 14.4767C22.5 14.8909 22.1642 15.2267 21.75 15.2267L10.75 15.2267C10.3358 15.2267 10 14.8909 10 14.4767Z" fill="white"/>
@@ -8,7 +8,7 @@ import{itemChildrenTemplateText as C,itemChildrenTemplateImage as t}from"./confi
   <path d="M8.66954 5.06642C8.85917 4.69816 8.71437 4.24591 8.34611 4.05627C7.97786 3.86664 7.5256 4.01144 7.33596 4.3797L4.54463 9.80029L2.85555 7.48937C2.61113 7.15496 2.14189 7.08201 1.80748 7.32643C1.47307 7.57086 1.40013 8.0401 1.64455 8.37451L3.57244 11.0122C4.12091 11.7625 5.2674 11.6732 5.69292 10.8468L8.66954 5.06642Z" fill="white"/>
   </svg>
 
-  `,settings:i,ui:e,uiV2:l,editorConfigs:{slots:{children:!1}},presets:[{id:"icon-list-ver1-1-text",name:{en:"Advanced List"},icon:{desktop:`
+  `,settings:i,ui:[],uiV2:e,editorConfigs:{slots:{children:!1}},presets:[{id:"icon-list-ver1-1-text",name:"Advanced List",icon:{desktop:`
         <svg width="110" height="80" viewBox="0 0 110 80" fill="none" xmlns="http://www.w3.org/2000/svg">
           <path d="M13.1167 25.4997C12.415 25.4997 11.8127 25.3221 11.3098 24.967C10.8098 24.6091 10.4249 24.0934 10.155 23.4201C9.88796 22.744 9.75444 21.9301 9.75444 20.9784C9.75728 20.0267 9.89222 19.217 10.1593 18.5494C10.4292 17.879 10.8141 17.3676 11.3141 17.0153C11.8169 16.663 12.4178 16.4869 13.1167 16.4869C13.8155 16.4869 14.4164 16.663 14.9192 17.0153C15.4221 17.3676 15.807 17.879 16.074 18.5494C16.3439 19.2199 16.4789 20.0295 16.4789 20.9784C16.4789 21.9329 16.3439 22.7483 16.074 23.4244C15.807 24.0977 15.4221 24.6119 14.9192 24.967C14.4192 25.3221 13.8184 25.4997 13.1167 25.4997ZM13.1167 24.1659C13.6621 24.1659 14.0925 23.8974 14.4078 23.3605C14.726 22.8207 14.8851 22.0267 14.8851 20.9784C14.8851 20.2852 14.8127 19.7028 14.6678 19.2312C14.5229 18.7596 14.3184 18.4045 14.0542 18.1659C13.79 17.9244 13.4775 17.8037 13.1167 17.8037C12.574 17.8037 12.1451 18.0736 11.8297 18.6133C11.5144 19.1503 11.3553 19.9386 11.3525 20.9784C11.3496 21.6744 11.4192 22.2596 11.5613 22.7341C11.7061 23.2085 11.9107 23.5665 12.1749 23.8079C12.4391 24.0466 12.753 24.1659 13.1167 24.1659ZM21.4444 16.6062V25.3335H19.8635V18.1446H19.8123L17.7711 19.4486V17.9997L19.9402 16.6062H21.4444ZM24.1472 25.4272C23.8887 25.4272 23.6671 25.3363 23.4824 25.1545C23.2978 24.9727 23.2069 24.7511 23.2097 24.4897C23.2069 24.2341 23.2978 24.0153 23.4824 23.8335C23.6671 23.6517 23.8887 23.5608 24.1472 23.5608C24.3972 23.5608 24.6145 23.6517 24.7992 23.8335C24.9867 24.0153 25.0819 24.2341 25.0847 24.4897C25.0819 24.663 25.0364 24.8207 24.9483 24.9628C24.8631 25.1048 24.7495 25.2184 24.6074 25.3037C24.4682 25.3861 24.3148 25.4272 24.1472 25.4272Z" fill="#D6D6D6"/>
           <rect x="35" y="18.3335" width="67" height="6" rx="3" fill="#757575"/>
@@ -17,7 +17,7 @@ import{itemChildrenTemplateText as C,itemChildrenTemplateImage as t}from"./confi
           <path d="M12.4799 62.8332C11.7782 62.8332 11.176 62.6556 10.6731 62.3005C10.1731 61.9426 9.78817 61.4269 9.51829 60.7536C9.25124 60.0775 9.11772 59.2636 9.11772 58.3119C9.12056 57.3602 9.2555 56.5505 9.52255 55.8829C9.79244 55.2124 10.1774 54.7011 10.6774 54.3488C11.1802 53.9965 11.7811 53.8204 12.4799 53.8204C13.1788 53.8204 13.7797 53.9965 14.2825 54.3488C14.7853 54.7011 15.1703 55.2124 15.4373 55.8829C15.7072 56.5534 15.8422 57.363 15.8422 58.3119C15.8422 59.2664 15.7072 60.0818 15.4373 60.7579C15.1703 61.4312 14.7853 61.9454 14.2825 62.3005C13.7825 62.6556 13.1816 62.8332 12.4799 62.8332ZM12.4799 61.4994C13.0254 61.4994 13.4558 61.2309 13.7711 60.694C14.0893 60.1542 14.2484 59.3602 14.2484 58.3119C14.2484 57.6187 14.176 57.0363 14.0311 56.5647C13.8862 56.0931 13.6816 55.738 13.4174 55.4994C13.1532 55.2579 12.8407 55.1372 12.4799 55.1372C11.9373 55.1372 11.5083 55.407 11.193 55.9468C10.8777 56.4838 10.7186 57.2721 10.7157 58.3119C10.7129 59.0079 10.7825 59.5931 10.9245 60.0676C11.0694 60.542 11.274 60.8999 11.5382 61.1414C11.8024 61.3801 12.1163 61.4994 12.4799 61.4994ZM20.3901 62.7863C19.7765 62.7863 19.231 62.6812 18.7537 62.471C18.2793 62.2607 17.9043 61.9681 17.6287 61.5931C17.3532 61.2181 17.2069 60.7849 17.1898 60.2934H18.7921C18.8063 60.5292 18.8844 60.7352 19.0265 60.9113C19.1685 61.0846 19.3574 61.2195 19.5932 61.3161C19.829 61.4127 20.0932 61.461 20.3858 61.461C20.6983 61.461 20.9753 61.407 21.2168 61.2991C21.4583 61.1883 21.6472 61.0349 21.7836 60.8389C21.9199 60.6428 21.9867 60.417 21.9838 60.1613C21.9867 59.8971 21.9185 59.6642 21.7793 59.4624C21.6401 59.2607 21.4384 59.1031 21.1742 58.9894C20.9128 58.8758 20.5975 58.819 20.2282 58.819H19.4569V57.6002H20.2282C20.5321 57.6002 20.7978 57.5477 21.025 57.4426C21.2551 57.3374 21.4355 57.1897 21.5662 56.9994C21.6969 56.8062 21.7608 56.5832 21.758 56.3303C21.7608 56.0832 21.7054 55.8687 21.5918 55.6869C21.481 55.5022 21.3233 55.3588 21.1188 55.2565C20.9171 55.1542 20.6799 55.1031 20.4071 55.1031C20.1401 55.1031 19.8929 55.1514 19.6657 55.248C19.4384 55.3445 19.2551 55.4823 19.1159 55.6613C18.9767 55.8374 18.9029 56.0477 18.8944 56.292H17.373C17.3844 55.8034 17.525 55.3744 17.7949 55.0051C18.0676 54.6329 18.4313 54.3431 18.8858 54.1357C19.3404 53.9255 19.8503 53.8204 20.4157 53.8204C20.998 53.8204 21.5037 53.9298 21.9327 54.1485C22.3645 54.3644 22.6983 54.6556 22.9341 55.0221C23.1699 55.3886 23.2878 55.7934 23.2878 56.2366C23.2907 56.7281 23.1458 57.14 22.8532 57.4724C22.5634 57.8048 22.1827 58.0221 21.7111 58.1244V58.1926C22.3248 58.2778 22.7949 58.5051 23.1216 58.8744C23.4512 59.2409 23.6145 59.6968 23.6117 60.2423C23.6117 60.7309 23.4725 61.1684 23.1941 61.5548C22.9185 61.9383 22.5378 62.2394 22.052 62.4582C21.5691 62.6769 21.0151 62.7863 20.3901 62.7863ZM25.7839 62.7607C25.5254 62.7607 25.3038 62.6698 25.1191 62.488C24.9345 62.3062 24.8436 62.0846 24.8464 61.8232C24.8436 61.5676 24.9345 61.3488 25.1191 61.167C25.3038 60.9852 25.5254 60.8943 25.7839 60.8943C26.0339 60.8943 26.2512 60.9852 26.4359 61.167C26.6234 61.3488 26.7186 61.5676 26.7214 61.8232C26.7186 61.9965 26.6731 62.1542 26.585 62.2963C26.4998 62.4383 26.3862 62.5519 26.2441 62.6372C26.1049 62.7195 25.9515 62.7607 25.7839 62.7607Z" fill="#D6D6D6"/>
           <rect x="36" y="55.667" width="66" height="6" rx="3" fill="#757575"/>
         </svg>
-        `},components:[{tag:"IconList",settings:{childItem:["Item 1","Item 2","Item 3"],presetId:"icon-list-ver1-1-text"},styles:{horizontalSpacing:{desktop:"8px"},verticalSpacing:{desktop:"24px"}},advanced:{hasBoxShadow:{desktop:{normal:!0}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"0px",blur:"10px",spread:"0px",color:"rgba(0, 0, 0, 0.1)",angle:90}}},"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[C("01."),C("02."),C("03.")]}]},{id:"icon-list-ver1-2-image",name:{en:"Advanced List"},icon:{desktop:`
+        `},components:[{tag:"IconList",settings:{childItem:["Item 1","Item 2","Item 3"],presetId:"icon-list-ver1-1-text"},styles:{horizontalSpacing:{desktop:"8px"},verticalSpacing:{desktop:"24px"}},advanced:{hasBoxShadow:{desktop:{normal:!0}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"0px",blur:"10px",spread:"0px",color:"rgba(0, 0, 0, 0.1)",angle:90}}},"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[C("01."),C("02."),C("03.")]}]},{id:"icon-list-ver1-2-image",name:"Advanced List",icon:{desktop:`
         <svg width="94" height="52" viewBox="0 0 94 52" fill="none" xmlns="http://www.w3.org/2000/svg">
           <path fill-rule="evenodd" clip-rule="evenodd" d="M2.37143 2C1.61401 2 1 2.56284 1 3.25714V11.7429C1 12.4372 1.61401 13 2.37143 13H11.6286C12.386 13 13 12.4372 13 11.7429V3.25714C13 2.56284 12.386 2 11.6286 2H2.37143ZM8.1183 6.15319C8.30346 6.15319 8.4769 6.23527 8.58237 6.37418L11.3949 10.0783C11.5121 10.2319 11.5238 10.4318 11.4277 10.5981C11.3316 10.7644 11.1394 10.8675 10.9308 10.8675H3.0558C2.84018 10.8675 2.6433 10.7559 2.54955 10.5813C2.4558 10.4066 2.48158 10.1982 2.61752 10.0467L4.11752 8.36301C4.22299 8.24305 4.38705 8.1736 4.5558 8.1736C4.72455 8.1736 4.88627 8.24305 4.99408 8.36301L5.61518 9.05963L7.65424 6.37418C7.75737 6.23527 7.93315 6.15319 8.1183 6.15319ZM4.4138 5.85731C4.20282 6.04676 3.91667 6.15319 3.6183 6.15319C3.31994 6.15319 3.03379 6.04676 2.82281 5.85731C2.61183 5.66786 2.4933 5.41091 2.4933 5.14299C2.4933 4.87507 2.61183 4.61812 2.82281 4.42867C3.03379 4.23922 3.31994 4.13278 3.6183 4.13278C3.91667 4.13278 4.20282 4.23922 4.4138 4.42867C4.62478 4.61812 4.7433 4.87507 4.7433 5.14299C4.7433 5.41091 4.62478 5.66786 4.4138 5.85731Z" fill="#D6D6D6"/>
           <rect x="22" y="4.33325" width="72" height="6" rx="3" fill="#757575"/>

package/dist/esm/icon-list/settings/configs/translate.js

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