@gem-sdk/components 3.0.0-pre-production.14 → 3.0.1

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

@@ -0,0 +1,4 @@
+let HeaderSettings=[{id:"setting",controls:[{id:"breakpoint",label:"Breakpoint",type:"select",hideOnMode:{mobileOnly:!0},options:[{label:"From desktop and smaller",subTitle:"Display menu icon for desktop, tablet and mobile",value:"desktop"},{label:"From tablet and smaller",subTitle:"Display menu icon for tablet and mobile",value:"tablet"},{label:"Only mobile",subTitle:"Display menu icon for only mobile",value:"mobile"}],default:"mobile"},{id:"itemEnableHoverEffect",type:"toggle",default:!1},{id:"enableDropdownHoverEffect",type:"toggle",default:!1},{id:"cardEnableHoverEffect",type:"toggle",default:!1},{id:"menu",label:"Menu",type:"menu",default:{ROOT:{id:"ROOT",title:"Root",childrens:["1","2","3"]},1:{id:"1",title:"Menu 1",link:"",childrens:["13","14"]},2:{id:"2",title:"Menu 2",link:"",childrens:["6","7","8"]},6:{id:"6",title:"Sub Menu 2.1",childrens:[]},7:{id:"7",title:"Sub Menu 2.2",childrens:["10","11"]},8:{id:"8",title:"Sub Menu 2.3",childrens:["12"]},9:{id:"9",title:"Sub Menu 2.4",childrens:[]},10:{id:"10",title:"Sub Menu 2.2.1",childrens:[]},11:{id:"11",title:"Sub Menu 2.2.2",childrens:[]},12:{id:"12",title:"Sub Menu 2.3.1",childrens:[]},3:{id:"3",title:"Menu 3",link:"",childrens:[]},13:{id:"13",title:"Sub Menu 1.1",link:"",childrens:[]},14:{id:"14",title:"Sub Menu 1.2",link:"",childrens:[]}}},{type:"group",label:"Logo",id:"logo-group",controls:[{id:"logo",label:"Logo",type:"image-select",devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:800,height:533}}}},{id:"logoAspectRatio",type:"select",label:"Aspect Ratio",options:[{label:"Auto",value:"auto"},{label:"1:1",value:"1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"auto"}}},{id:"customAspectRadio",type:"ratio",min:1,devices:{desktop:{default:{width:"1",height:"1"}}},hide:!0},{id:"layout",type:"select",label:"Object Fit",options:[{label:"Fill",value:"fill"},{label:"Cover",value:"cover"},{label:"Contain",value:"contain"},{label:"None",value:"none"},{label:"Scale down",value:"scale-down"}],devices:{desktop:{default:"contain"}}},{id:"logoWidth",label:"Width",type:"input:unit",units:["px","%"],devices:{desktop:{default:"80px"}}}]},{id:"arrow",label:"Arrow Icon",type:"icon",default:`<svg data-name="chevron down" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.57576 6.77583C4.81007 6.54152 5.18997 6.54152 5.42429 6.77583L8.20002 9.55157L10.9758 6.77583C11.2101 6.54152 11.59 6.54152 11.8243 6.77583C12.0586 7.01015 12.0586 7.39005 11.8243 7.62436L8.62429 10.8244C8.38997 11.0587 8.01007 11.0587 7.77576 10.8244L4.57576 7.62436C4.34145 7.39005 4.34145 7.01015 4.57576 6.77583Z" fill="currentColor"/>
+</svg>
+`},{id:"cart-setting",type:"group",label:"Cart Setting",controls:[{id:"cartIcon",label:"Cart Icon",type:"icon",default:'<svg data-name="cart" width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path></svg>'}]}]},{id:"style",controls:[{id:"height",label:"Height",type:"input:unit",units:["px"],devices:{desktop:{default:"60px"}}},{id:"typography",label:"Typography",type:"typography",default:{type:"paragraph-1"}},{id:"typo",label:"Text styles",type:"typography-v2",default:{type:"paragraph-1"},hiddenSetting:{textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"background-group",label:"Background",type:"group",controls:[{id:"headerBg",type:"color-picker-v2",label:"Header",devices:{desktop:{default:"#FFFFFF"}}},{id:"menuBg",type:"color-picker-v2",label:"Menu",info:"Dropdown and collapse menu background color",compoDefaultValue:{desktop:{default:"#FFFFFF"}},devices:{desktop:{default:"#FFFFFF"}}}]},{id:"color-state",type:"behavior-state",controls:[{id:"textColor",label:"Text Color",type:"color-picker-v2",state:{normal:!0,hover:!0},default:{normal:"text-1"},compoDefaultValue:{hover:"text-2"}},{id:"menuTextColor",label:"Menu Text Color",type:"color-picker-v2",state:{normal:!0,hover:!0},compoDefaultValue:{normal:"text-1",hover:"text-2"},default:{normal:"text-1"}},{id:"cartIconColor",type:"color-picker-v2",label:"Cart Icon Color",state:{normal:!0,hover:!0},default:{normal:"text-1"},compoDefaultValue:{hover:"text-2"}}]}]}];export{HeaderSettings};

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

@@ -0,0 +1 @@
+let SettingUIV1=[{type:"control",label:{en:"Breakpoint"},setting:{id:"breakpoint"}},{type:"control",label:{en:"Menu"},setting:{id:"menu"}},{type:"group",label:{en:"Logo"},controls:[{type:"control",label:{en:"Logo"},layout:"vertical",setting:{id:"logo"}},{type:"control",label:{en:"Aspect Ratio"},setting:{id:"logoAspectRatio"}},{type:"control",condition:'logoAspectRatio == "custom"',setting:{id:"customAspectRadio"}},{type:"control",label:{en:"Object Fit"},setting:{id:"layout"}},{type:"control",label:{en:"Width"},setting:{id:"logoWidth"}}]},{type:"group",label:{en:"Arrow Icon"},controls:[{type:"control",setting:{id:"arrow"},layout:"vertical"}]},{type:"group",label:{en:"Cart Setting"},controls:[{type:"control",setting:{id:"cartIcon"},layout:"vertical"}]},{label:{en:"Height"},type:"control",setting:{id:"height"}},{type:"group",label:{en:"Text"},controls:[{type:"control",layout:"vertical",setting:{id:"typo"}}]},{type:"group",label:{en:"Background"},controls:[{type:"control",label:{en:"Header"},setting:{id:"headerBg"}},{type:"control",label:{en:"Menu"},setting:{id:"menuBg"}}]},{type:"group",label:{en:"Interaction states"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Text Color"},setting:{id:"textColor",state:"normal"}},{type:"control",label:{en:"Menu Text Color"},setting:{id:"menuTextColor",state:"normal"}},{type:"control",label:{en:"Cart Icon Color"},setting:{id:"cartIconColor",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Text Color"},setting:{id:"textColor",state:"hover"}},{type:"control",label:{en:"Menu Text Color"},setting:{id:"menuTextColor",state:"hover"}},{type:"control",label:{en:"Cart Icon Color"},setting:{id:"cartIconColor",state:"hover"}}]}]}]}];export{SettingUIV1};

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

@@ -0,0 +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};

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

@@ -0,0 +1,2 @@
+'use client';
+import{jsx as e}from"react/jsx-runtime";import{useMemo as t}from"react";import r from"../../text/components/Text.js";let Heading=({setting:a={},styles:n={},builderAttrs:s,style:l,builderProps:u,advanced:c,children:i})=>{let o=t(()=>{switch(a.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"}},[a.htmlTag]);return e(r,{builderProps:u,builderAttrs:s,advanced:c,style:l,styles:n,setting:{text:a.text,htmlTag:o,globalSize:a.globalSize,background:a.background},children:i})};export{Heading as default};

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

@@ -0,0 +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};

package/dist/esm/heading/index.js

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

package/dist/esm/heading/next.js

@@ -1,12 +1 @@
-import dynamic from 'next/dynamic';
-import Loading from '../common/components/Loading.js';
-import 'react/jsx-runtime';
-
-const Heading = dynamic(()=>import('./Heading.js'), {
-    loading: Loading
-});
-var heading = {
-    Heading
-};
-
-export { heading as default };
+import o from"next/dynamic";import e from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let Heading=o(()=>import("./components/Heading.js"),{loading:e});var heading={Heading};export{heading as default};

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

@@ -0,0 +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:`
+  <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};

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

@@ -0,0 +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">
+        <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

@@ -0,0 +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-1"}}},{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/ui-v1.js

@@ -0,0 +1 @@
+let SettingUIV1=[{type:"control",label:{en:"Text"},setting:{id:"typo"},layout:"vertical"},{type:"control",label:{en:"Text align"},setting:{id:"textAlign"}},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSize.width !== '100%'",options:{label:"large"},setting:{id:"align"}},{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"},{type:"group",label:{en:"SEO"},controls:[{type:"control",label:{en:"HTML tag"},setting:{id:"htmlTag"}}]}];export{SettingUIV1};

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

@@ -0,0 +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};

package/dist/esm/helpers.js

@@ -1,169 +1 @@
-import { HREF_TO_SALES_PAGE } from './constants.js';
-
-const isTransparentColor = (str)=>{
-    if (!str) return false;
-    if (str.startsWith('#')) {
-        return isHexTransparent(str);
-    } else if (str.startsWith('rgb')) {
-        return isTransparentRGBA(str);
-    } else if (str == 'transparent') {
-        return true;
-    } else {
-        return false;
-    }
-};
-const isTransparentRGBA = (rgbStr)=>{
-    const colorArray = rgbStr.replace(/\s/g, '').match(/^rgba?\((\d+),(\d+),(\d+),?([^,\s)]+)?/i)?.map(Number).filter((x)=>!isNaN(x)) ?? [
-        0,
-        0,
-        0,
-        1
-    ];
-    if (colorArray[colorArray.length - 1] === 0) return true;
-    return false;
-};
-const isHexTransparent = (hex)=>{
-    let alpha = false, hVal = hex.slice(hex.startsWith('#') ? 1 : 0);
-    if (hVal.length === 3) hVal = [
-        ...hVal
-    ].map((x)=>x + x).join('');
-    else if (hVal.length === 8) alpha = true;
-    const h = parseInt(hVal, 16);
-    const a = alpha ? h & 0x000000ff : undefined;
-    if (a === 0) return true;
-    return Boolean(a);
-};
-const youtubeShortsRegex = /^(?:https?:\/\/)?(?:www\.)?youtube\.com\/shorts\/([^"&?/\s]{11})$/i;
-const getDynamicSourceLocales = ({ val, uid, settingId, isLiquid, pageContext, defaultVal = '', translate, isReplaceLocationOrigin, isReplaceInventoryQuantity })=>{
-    const hasLiquidInValue = new RegExp(/\{\{.*?\}\}|\{%.*?%\}/).test(val?.toString() ?? '');
-    const translateLimit = pageContext?.isTranslateWithLocale ? 1000 : 5000;
-    if (!translate || !val?.toString().trim() || val.toString().length > translateLimit || hasLiquidInValue || pageContext?.isPreviewing) return val ?? defaultVal;
-    const translateKey = `g${uid}_${settingId}`;
-    let locale = `section.settings.${translateKey}`;
-    if (pageContext?.isTranslateWithLocale) {
-        locale = `"sections.${pageContext.sectionName}.${translateKey}_html" | t`;
-    }
-    if (isReplaceLocationOrigin) {
-        locale += ` | replace: '$locationOrigin', locationOrigin`;
-    }
-    if (isReplaceInventoryQuantity) {
-        locale += ` | replace: '<$quantity$>', inventory_quantity | replace: '&lt;$quantity$&gt;', inventory_quantity`;
-    }
-    if (isLiquid) return locale;
-    return `{{ ${locale} }}`;
-};
-const getStaticLocale = (tag, key)=>{
-    return `{{ "gempages.${tag}.${key}" | t }}`;
-};
-const getSettingPreloadData = (disabledValue, enabledValue)=>{
-    return `{% if section.settings.section_preload == "false" %}${disabledValue} ${enabledValue ? `{% else %}${enabledValue}` : ''}{% endif %}`;
-};
-const getHttpUrl = (link)=>{
-    if (!link) return '';
-    return link.match(/^https?:\/\//i) ? link : `http://${link}`;
-};
-const getInsertLinkData = (defaultWrap, setting, htmlType)=>{
-    const URL_START_WITH = [
-        '#',
-        'mailto:',
-        'tel:'
-    ];
-    const URL_INCLUDES = [
-        'product.url'
-    ];
-    const isHyperlink = setting?.link !== undefined && setting.link !== '';
-    let urlHref = setting?.link ?? '';
-    const isHomePageHref = urlHref === '/';
-    const regexHttp = new RegExp(/^(?:https?:\/\/)?[\w.-]+\.[a-z]{2,}/i);
-    const regexPageType = new RegExp(/^\/?(?:collections|pages|products|blogs|checkout|cart)\/?/i);
-    const isShopifyDomain = isHyperlink && !regexHttp.test(urlHref) && regexPageType.test(urlHref);
-    const isDomain = isHyperlink && regexHttp.test(urlHref);
-    if (isShopifyDomain || isHomePageHref) {
-        if (setting?.isTranslate) {
-            urlHref = '$locationOrigin' + urlHref;
-        } else {
-            urlHref = "{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}" + urlHref;
-        }
-    }
-    if (isDomain) urlHref = getHttpUrl(urlHref);
-    const isLink = ()=>{
-        if (URL_START_WITH.find((el)=>urlHref.startsWith(el))) return true;
-        if (URL_INCLUDES.find((el)=>urlHref.includes(el))) return true;
-        return false;
-    };
-    const shouldRenderLink = isDomain || isShopifyDomain || isLink() || isHomePageHref;
-    const Wrap = shouldRenderLink ? 'a' : defaultWrap;
-    const urlData = shouldRenderLink ? {
-        href: urlHref,
-        target: setting?.target
-    } : isHyperlink ? {
-        href: urlHref,
-        target: setting?.target,
-        type: htmlType
-    } : {
-        type: htmlType
-    };
-    return {
-        Wrap,
-        urlData,
-        shouldRenderLink
-    };
-};
-const getLinkDataConfigs = (insertLinkDataParams, isGoToSalesPage)=>{
-    if (isGoToSalesPage) {
-        return {
-            Wrap: 'a',
-            urlData: {
-                href: HREF_TO_SALES_PAGE,
-                target: '_self'
-            },
-            shouldRenderLink: true
-        };
-    }
-    const { defaultWrap, setting, htmlType } = insertLinkDataParams;
-    return getInsertLinkData(defaultWrap, setting, htmlType);
-};
-const replaceLinkData = (text, isTranslate)=>{
-    const regex = /<a\s[^>]*>.*?<\/a>/;
-    if (text && regex.test(text)) {
-        const regex = // eslint-disable-next-line regexp/no-super-linear-backtracking, regexp/no-unused-capturing-group
-        /<a\s+(?:[^>]*?\s+)?href=["']([^"']*)["'](?:\s+[^>]*?)?(?:target=["']([^"']*)["'])?.*?>.*?<\/a>/gi;
-        let newText = text.toString();
-        let match;
-        while((match = regex.exec(newText)) !== null){
-            const href = match[1];
-            const { urlData } = getInsertLinkData('', {
-                link: href,
-                isTranslate
-            });
-            newText = newText.replace(match[0], match[0].replace(/(href=['"])([^'"]*)(['"])/i, `$1${urlData.href}$3`));
-        }
-        return newText;
-    }
-    return text;
-};
-const getAllHrefFromString = (htmlString)=>{
-    if (!htmlString) return [];
-    const regex = /href="([^"]*)"/g;
-    const hrefs = [];
-    let match;
-    while((match = regex.exec(htmlString)) !== null){
-        match[1] && hrefs.push(match[1]);
-    }
-    return hrefs;
-};
-const replaceAllHrefFromString = (htmlString, hrefs)=>{
-    if (!htmlString) return '';
-    const regex = /href="([^"]*)"/g;
-    let match;
-    let i = 0;
-    while((match = regex.exec(htmlString)) !== null){
-        if (match[1]) {
-            htmlString = htmlString.replace(match[1], hrefs[i] ?? '');
-            i++;
-        }
-    }
-    return htmlString;
-};
-
-export { getAllHrefFromString, getDynamicSourceLocales, getInsertLinkData, getLinkDataConfigs, getSettingPreloadData, getStaticLocale, isHexTransparent, isTransparentColor, isTransparentRGBA, replaceAllHrefFromString, replaceLinkData, youtubeShortsRegex };
+import{DEVICES as e,globalEvent as t}from"@gem-sdk/core";import r from"./link/components/Link.js";let 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:e,uid:t,settingId:r,isLiquid:i,pageContext:l,isCapitalize:n,defaultVal:o="",translate:s,isReplaceLocationOrigin:a,isReplaceMaxSize:c,isReplaceInventoryQuantity:p})=>{let g=new RegExp(/\{\{.*?\}\}|\{%.*?%\}/).test(e?.toString()??""),u=l?.isTranslateWithLocale?1e3:5e3;if(!s||!e?.toString().trim()||e.toString().length>u||g||l?.isPreviewing)return e??o;let h=`g${t}_${r}`,f=`section.settings.${h}`;return(l?.isTranslateWithLocale&&(f=`'sections.${l.sectionName}.${h}_html' | t`),a&&(f+=" | replace: '$locationOrigin', locationOrigin"),c&&(f+=" | replace: '$max_size', '10MB'"),p&&(f+=" | replace: '<$quantity$>', inventory_quantity | replace: '&lt;$quantity$&gt;', inventory_quantity"),n&&(f=`${f} | downcase`),i)?f:`{{ ${f} }}`},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}`:"",getInsertLinkData=(e,t,r)=>{let i=["#","mailto:","tel:"],l=["product.url"],n=t?.link!==void 0&&""!==t.link,o=t?.link??"",s="/"===o,a=new RegExp(/^(?:https?:\/\/)?[\w.-]+\.[a-z]{2,}/i),c=new RegExp(/^\/?(?:collections|pages|products|blogs|checkout|cart)\/?/i),p=n&&!a.test(o)&&c.test(o),g=n&&a.test(o);(p||s)&&(o=t?.isTranslate?"$locationOrigin"+o:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+o),g&&(o=getHttpUrl(o));let u=()=>!!(i.find(e=>o.startsWith(e))||l.find(e=>o.includes(e))),h=g||p||u()||s||isLinkedToSalesPage(t?.type),f=h?"a":e,k={href:o,target:t?.target,...t?.noFollow&&{rel:"nofollow"}},m=h?k:n?{...k,type:r}:{type:r};return{Wrap:f,urlData:m,shouldRenderLink:h}},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:i,isLiquid:l=!1,enableImageLink:n=!1})=>{let o=["product.url"],s=["#","mailto:","tel:"],a=e?.link??"",c="/"===a,p=e?.link!==void 0&&""!==e.link,g=new RegExp(/^https?:\/\//i),u=p&&g.test(a),h=new RegExp(/^\/?(?:collections|pages|products|blogs|checkout|cart)\/?/i),f=p&&!g.test(a)&&h.test(a),k=()=>!!(o.find(e=>a.includes(e))||s.find(e=>a.startsWith(e))),m=n&&(u||f||k()||c||isLinkedToSalesPage(e?.type)),d=a;l&&(f||c)&&(d=e?.isTranslate?"$locationOrigin"+a:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+a);let y=m?l?"a":r:i,T={href:d,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},$=m?T:p?{...T,type:t}:{type:t};return{Wrapper:y,urlData:$,shouldRenderLink:m}},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=(t,r)=>{let i={};return e.forEach(e=>{i={...i,[`--d${"desktop"===e?"":`-${e}`}`]:`${t(e)?"none":r}`}}),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,r)=>{if("edit"!==r){if(checkIsScrollToTop(e)){window.scrollTo({top:0,behavior:"smooth"});return}if(checkIsOpenPopup(e)){let r=e?.link?.replace("#el-","#");t.dispatch("onOpenDialog",{popupUId:r});return}e?.link?.startsWith("#")&&t.dispatch("onOpenDialog",{popupUId:e?.link})}};export{checkIsOpenPopup,checkIsScrollToTop,convertUnitToNumber,filterTruthyObject,filterTruthyStyles,getAllHrefFromString,getDisplayStyle,getDynamicSourceLocales,getInsertLinkData,getLinkArticle,getLinkData,getSettingPreloadData,getStaticLocale,handleClickLink,isEmptyObject,isHexTransparent,isLinkedToSalesPage,isTransparentColor,isTransparentRGBA,replaceAllHrefFromString,replaceLinkData,youtubeShortsRegex};

package/dist/esm/hero-banner/common/animation-manager.js

@@ -0,0 +1 @@
+function _define_property(a,n,i){return n in a?Object.defineProperty(a,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[n]=i,a}class AnimationManager{static getInstance(){return AnimationManager.instance||(AnimationManager.instance=new AnimationManager),AnimationManager.instance}register(a){this.callbacks.add(a),null===this.animationFrameId&&this.start()}unregister(a){this.callbacks.delete(a),0===this.callbacks.size&&null!==this.animationFrameId&&this.stop()}start(){let a=()=>{this.callbacks.forEach(a=>a()),this.animationFrameId=requestAnimationFrame(a)};this.animationFrameId=requestAnimationFrame(a)}stop(){null!==this.animationFrameId&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null)}constructor(){_define_property(this,"callbacks",new Set),_define_property(this,"animationFrameId",null)}}_define_property(AnimationManager,"instance",void 0);var AnimationManager$1=AnimationManager.getInstance();export{AnimationManager$1 as default};

package/dist/esm/hero-banner/common/attrs.js

@@ -0,0 +1 @@
+let getAttr=({uid:t})=>({"data-id":t}),getAttrLink=()=>({"data-hero-banner-link":"true","aria-label":"Hero banner link"});export{getAttr,getAttrLink};

package/dist/esm/hero-banner/common/classes.js

@@ -0,0 +1 @@
+import{getGlobalColorStateClass as e,getValueByDevice as s}from"@gem-sdk/core";import{getClassAlignBanner as o,getResponsiveSetting as l,getClassContentPosition as a,getContentPosition as t,getClassForContentByFitContent as g,getClassForStretchContent as p,opacityEnabledData as r,getClassSpaceBetween as n,getClassSpaceBetweenLeftRight as i}from"./helpers.js";function composeClasses(e){return e.split(" ").reduce((e,s)=>(e[s]=!0,e),{})}let getClasses=({setting:e,builderProps:s,advancedCssClass:a})=>{let t="gp-group/hero gp-flex gp-w-full gp-flex-col gp-self-center gp-transition-colors gp-duration-200 gp-ease-in-out";return a&&(t+=` ${a}`),{...s?.uid&&{[s.uid]:!0},...composeClasses(t),...o(l(e?.alignBanner||{}))}},getLinkClasses=()=>({...composeClasses("gp-cursor-pointer gp-h-full")}),getContainerClasses=(e,s)=>({...composeClasses("gp-relative gp-flex gp-w-full gp-flex-col gp-items-center gp-overflow-hidden hero-banner-container"),...a(t(e?.layout,s?.contentPosition1Col,s?.contentPosition2Col)||{})}),getOverlayClasses=s=>{let{overlayColor:o}=s??{},l="gp-absolute gp-inset-0 gp-left-[var(--left)] gp-top-[var(--top)] gp-z-1 gp-transition-all gp-duration-300 ",{disableHoverOpacity:a,disableOpacity:t}=r(s);return a||(l+=" group-hover/hero:gp-bg-[color:var(--hvr-bgc,_var(--bgc))] group-hover/hero:gp-opacity-[var(--hvr-op,_var(--op))]"),e("bg",o,t,a)&&(l+=` ${e("bg",o,t,a)}`),composeClasses(l)},getRowClasses=(e,s)=>{let{sizeSetting:o,background:l}=e??{},{verticalAlign:a}=s??{},t=g(o,l),r=p(a),u=n(s?.layout||{},e?.contentPosition1Col||{},e?.contentPosition2Col||{}),c=i(s?.layout||{}),C=`gp-hero-banner-row ${t}  ${r}`;return{...composeClasses(C),...u,...c}},getAdaptiveClasses=()=>composeClasses("adaptive-hero-banner"),getAdaptivePictureClasses=()=>composeClasses("gp-w-full"),getBackgroundClasses=(e,s)=>{let o="hero-banner-bg gp-hero-banner-image-background hero-banner-bg-parallax";return s&&(o+=" gp_lazybg"),e&&(o+=" gp-duration-[var(--duration)] group-hover/hero:gp-scale-[var(--scale)] gp-transition-transform"),composeClasses(o)},getContainBackgroundClasses=()=>composeClasses("gp-hero-banner-bg gp-absolute gp-overflow-hidden gp-w-full gp-h-full top-0 left-0"),getHtml5VideoClasses=(e,o=!1)=>{let l="gp-relative",a=s(e,"tablet"),t=s(e,"mobile");return o&&(l+=" gp-hidden"),a&&(l+=" tablet:gp-h-full tablet:gp-object-cover"),t&&(l+=" mobile:gp-h-full mobile:gp-object-cover"),composeClasses(l)},getWrapperYoutubeClasses=()=>composeClasses("gp-pb-[56.25%] gp-h-full gp-w-full !gp-max-w-none gp-pointer-events-none"),getIframeYoutubeClasses=()=>composeClasses("!gp-w-[500%] !gp-ml-[-200%] !gp-h-full !gp-max-w-none gp-scale-[104%]"),getLazyBackgroundClasses=e=>{let s="gp-absolute gp-top-0 gp-invisible gp-w-full gp_lazyload gp-h-full gp_lazyforbg";return"tablet"===e&&(s+=" gp_lazybg_tl"),"mobile"===e&&(s+=" gp_lazybg_mb"),composeClasses(s)};export{getAdaptiveClasses,getAdaptivePictureClasses,getBackgroundClasses,getClasses,getContainBackgroundClasses,getContainerClasses,getHtml5VideoClasses,getIframeYoutubeClasses,getLazyBackgroundClasses,getLinkClasses,getOverlayClasses,getRowClasses,getWrapperYoutubeClasses};

package/dist/esm/hero-banner/common/helpers.js

@@ -0,0 +1 @@
+import{getResponsiveValueByScreen as e,getAspectRatioGlobalSize as t,makeStyleResponsive as l,DEVICES as o,getValueByDevice as i,GRADIENT_BGR_KEY as n,cls as a}from"@gem-sdk/core";import{getImageSrc as r,createBlurDataURL as s}from"../../image/common/helpers.js";import{HREF_TO_SALES_PAGE as g}from"../../constant.js";let getContentPosition=(t,l,i)=>{let n={};return o.map(o=>{let a=e(t,o),r=e(l,o),s=e(i,o);n={...n,[o]:1>=(a?.cols?.length||1)?r:s}}),n},getAspectRatioSettings=(t,l)=>{let o={desktop:t?.desktop?.width,tablet:t?.tablet?.width,mobile:t?.mobile?.width},i={desktop:t?.desktop?.height,tablet:t?.tablet?.height,mobile:t?.mobile?.height},n={desktop:l?.desktop==="custom"?`${e(o,"desktop")}/${e(i,"desktop")}`:l?.desktop==="cover"?"unset":l?.desktop,tablet:l?.tablet==="custom"?`${e(o,"tablet")}/${e(i,"tablet")}`:l?.tablet==="cover"?"unset":l?.tablet,mobile:l?.mobile==="custom"?`${e(o,"mobile")}/${e(i,"mobile")}`:l?.mobile==="cover"?"unset":l?.mobile};return n},getEnableBgImageByDevice=(t,l)=>{if(!e(getBgImage(l),t))return!1;if(!l?.[t]){if("mobile"===t)return l?.tablet?.type==="image"||l?.desktop?.type==="image"&&!l?.tablet;if("tablet"===t)return l?.desktop?.type==="image"}return l?.[t]?.type==="image"},getBgImage=e=>{if(!e)return{};let t={desktop:e?.desktop?.image,tablet:e?.tablet?.image,mobile:e?.mobile?.image};return t},imagePlaceholder=e=>{let t=getBgImage(e);return{desktop:s(t?.desktop?.width??0,t?.desktop?.height??0),tablet:s(t?.tablet?.width??t?.desktop?.width??0,t?.tablet?.height??t?.desktop?.width??0),mobile:s(t?.mobile?.width??t?.tablet?.width??t?.desktop?.width??0,t?.mobile?.height??t?.tablet?.height??t?.desktop?.width??0)}},getBgImageByScreen=(t,l,o,i)=>{if(!t)return"";let a=getBgImage(t),s=e(t,l),g=o?`url(${imagePlaceholder(t)[l]})`:`url(${r(e(a,l),l,i)})`,p=s?.color?`, ${s.color}`:"";return s?.color?.includes(n)&&s?.type==="image"?`${g}${p}`:s?.color?.includes(n)&&s?.type!=="image"?`${s.color}`:s?.type==="image"?g:"url()"},getBackgroundImageHeroBanner=(e,t=!1,i=!1)=>{if(!e)return;let n={};return o.forEach(l=>{n={...n,[l]:getBgImageByScreen(e,l,t,i)}}),l("bgi",n)},getAttachmentDevice=e=>{let t={},l=["desktop","mobile","tablet"];return l.forEach(l=>{let o=e?.[l]?.attachment;t={...t,[l]:"fixed"===o?"fixed":"absolute"}}),t},horizontalAlign=(e,t,l)=>mapContentPositionToHorizontal(getContentPosition(e,t,l)),scrollToContentBanner=e=>e?.target?.closest("div.gp-hero-banner-row")?.scrollTo(0,0),getDataVideoHeroBannerResponsive=(e,t)=>{switch(e){case"desktop":if(t?.desktop?.type==="video")return{device:"desktop",data:t.desktop};break;case"tablet":if(t?.tablet?.type==="video")return{device:"tablet",data:t.tablet};if(!t?.tablet&&t?.desktop?.type==="video")return{device:"desktop",data:t.desktop};break;case"mobile":if(t?.mobile?.type==="video")return{device:"mobile",data:t.mobile};if(!t?.mobile&&t?.tablet?.type==="video")return{device:"tablet",data:t.tablet};if(!t?.mobile&&!t?.tablet?.type&&t?.desktop?.type==="video")return{device:"desktop",data:t.desktop}}},getVisibilityStyle=e=>e?Object.keys(e).filter(e=>["--d","--d-tablet","--d-mobile"].includes(e)).reduce((t,l)=>({...t,[l]:e?.[l]!=="none"?"flex":e?.[l]}),{}):{},getStyleAspectRatioHeroBannerCustom=(o,i,n)=>{let a=t(i),r=["desktop","mobile","tablet"];return r.forEach(t=>{let l=e(i,t),r=!!getDataVideoHeroBannerResponsive(t,o),s=l?.shape,g=l?.height,p="original"===s&&"fit-content"!==g,b=p&&r;b&&(a={...a,[t]:"16/9"}),n&&n[t]&&getDataVideoHeroBannerResponsive(t,o)?.data?.videoType==="html5"&&(a={...a,[t]:n[t]})}),l("aspect",a)},mapContentPositionToHorizontal=e=>{let t={};for(let l in e)"top"===e[l]?t[l]="start":"bottom"===e[l]?t[l]="end":t[l]="center";return t},getDisplayStyleByFitContent=(t,o)=>{let i={desktop:"none",tablet:"none",mobile:"none"},n=["desktop","mobile","tablet"];return n.forEach(l=>{let n=e(t,l),a=!!getDataVideoHeroBannerResponsive(l,o),r=n?.shape,s=n?.height,g="original"===r&&"fit-content"!==s&&!a;i={...i,[l]:g?"block":"none"}}),l("d",i)},getWidth=e=>{let t={},l=["desktop","mobile","tablet"];return l.forEach(l=>{let o=e?.[l];o&&(t={...t,[l]:"default"===o?"var(--g-ct-w, 1200px)":o})}),t},getPercentageVisible=(e,t)=>{let{top:l,height:o}=e,i=-o;if(l<i)return 0;if(l>t)return 100;let n=(l-i)/(t-i)*100;return Math.min(Math.max(n,0),100)},isScaleImage=({enableParallax:e=!1,attachment:t="scroll"})=>!!e||"fixed"===t,getHeightHeroBanner=(e,t)=>{let o={},i=["desktop","mobile","tablet"];return i.forEach(l=>{let i=isScaleImage({enableParallax:t,attachment:e[l]?.attachment});o={...o,[l]:t?"150%":i?"100vh":"100%"}}),l("h",o)},getWidthHeroBanner=(e,t)=>{let o={},i=["desktop","mobile","tablet"];return i.forEach(l=>{let i=isScaleImage({enableParallax:t,attachment:e[l]?.attachment});o={...o,[l]:i?"100vw":"100%"}}),l("w",o)},getTopHeroBanner=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(l=>{t={...t,[l]:e[l]?.attachment==="fixed"?"0px":""}}),l("top",t)},getStyleHeroBannerBg=(e,t)=>{let l=getHeightHeroBanner(e,t),o=getWidthHeroBanner(e,t),i=getTopHeroBanner(e);return{...l,...o,...i}},calcRounderClipPath=(e,t=0,l=0)=>{let o=t,i=t;if(t>l?o=l:i=l,e>=999){let t=e-o;return t>0?t:0}let n=e-i;return n>0?n:0},getClipPath=(e,t)=>{if(!t||!e)return"inset(0 0 0)";let[l,o,i,n]=e.split(" ").map(e=>parseInt(e??"0")),{btlr:a,btrr:r,bbrr:s,bblr:g}=t,p=calcRounderClipPath(parseInt(a??"0"),l,n),b=calcRounderClipPath(parseInt(r??"0"),l,o),c=calcRounderClipPath(parseInt(s??"0"),o,i),d=calcRounderClipPath(parseInt(g??"0"),i,n);return`inset(0 0 0 round ${p}px ${b}px ${c}px ${d}px)`},getClassAlignBanner=e=>({"!gp-self-start":"left"===e.desktop,"!gp-self-center":"center"===e.desktop,"!gp-self-end":"right"===e.desktop,"tablet:!gp-self-start":"left"===e.tablet,"tablet:!gp-self-center":"center"===e.tablet,"tablet:!gp-self-end":"right"===e.tablet,"mobile:!gp-self-start":"left"===e.mobile,"mobile:!gp-self-center":"center"===e.mobile,"mobile:!gp-self-end":"right"===e.mobile}),getClassSpaceBetween=(e,t,l)=>{let o=getResponsiveSetting(e),i=getResponsiveSetting(t),n=getResponsiveSetting(l),a=1>=(o?.desktop?.cols?.length||1)?i.desktop:n.desktop,r=1>=(o?.tablet?.cols?.length||1)?i.tablet:n.tablet,s=1>=(o?.mobile?.cols?.length||1)?i.mobile:n.mobile;return{"!gp-h-full !gp-content-stretch [&>*]:!gp-justify-between [&>*:nth-child(2)]:gp-absolute [&>*:nth-child(2)]:gp-hidden":o.desktop?.cols?.length===1&&"space-between"===a,"!gp-content-stretch [&>*]:!gp-justify-start":o.desktop?.cols?.length===1&&"top"===a,"tablet:!gp-h-full tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-between tablet:[&>*:nth-child(2)]:gp-absolute [&>*:nth-child(2)]:gp-hidden":o.tablet?.cols?.length===1&&"space-between"===r,"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-start":o.tablet?.cols?.length===1&&"top"===r,"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-center":o.tablet?.cols?.length===1&&"center"===r,"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-end":o.tablet?.cols?.length===1&&"bottom"===r,"mobile:!gp-h-full mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-between mobile:[&>*:nth-child(2)]:gp-absolute [&>*:nth-child(2)]:gp-hidden":o.mobile?.cols?.length===1&&"space-between"===s,"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-start":o.mobile?.cols?.length===1&&"top"===s,"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-center":o.mobile?.cols?.length===1&&"center"===s,"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-end":o.mobile?.cols?.length===1&&"bottom"===s}},getClassSpaceBetweenLeftRight=e=>{let t=getResponsiveSetting(e),l=t?.desktop?.type=="left-distributed"||t?.desktop?.type=="right-distributed",o=t?.tablet?.type=="left-distributed"||t?.tablet?.type=="right-distributed",i=t?.mobile?.type=="left-distributed"||t?.mobile?.type=="right-distributed";return{"gp-h-full tablet:gp-h-auto mobile:gp-h-auto [&>*]:!gp-justify-between":l,"tablet:!gp-h-full tablet:[&>*]:!gp-justify-between mobile:gp-h-auto":o,"mobile:!gp-h-full mobile:[&>*]:!gp-justify-between":i,"mobile:!gp-h-auto":!i}},getClassForStretchContent=t=>{let l={desktop:"none",tablet:"none",mobile:"none"},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=e(t,o);l={...l,[o]:i}}),a("space-between"===l.desktop?"[&>*>*]:!gp-justify-between":"","space-between"===l.tablet?"tablet:[&>*>*]:!gp-justify-between ":`tablet:[&>*>*]:!gp-justify-${t?.tablet}`,"space-between"===l.mobile?"mobile:[&>*>*]:!gp-justify-between ":`mobile:[&>*>*]:!gp-justify-${t?.mobile}`)},getClassForContentByFitContent=(t,l)=>{let o={desktop:!1,tablet:!1,mobile:!1},i=["desktop","mobile","tablet"];return i.forEach(i=>{let n=e(t,i),a=!!getDataVideoHeroBannerResponsive(i,l),r=n?.shape,s=n?.height,g="original"===r&&"fit-content"!==s;o={...o,[i]:g&&!a}}),a(o.desktop?"!gp-absolute":"",o.tablet?"tablet:!gp-absolute":"tablet:!gp-relative",o.mobile?"mobile:!gp-absolute":"mobile:!gp-relative")},getClassContentPosition=e=>{let t={center:"center",top:"start",bottom:"end","space-between":"between"},l=e.desktop||"center",o=e.tablet||l,i=e.mobile||o;return{[`gp-justify-${t[l||"center"]}`]:!!l,[`tablet:gp-justify-${t[o||"center"]}`]:!!o,[`mobile:gp-justify-${t[i||"center"]}`]:!!i}},getResponsiveSetting=e=>{let t=e.desktop,l=e.tablet?e.tablet:t,o=e.mobile?e.mobile:l;return{desktop:t,tablet:l,mobile:o}},showVideoType=e=>o.some(t=>{let l=i(e,t);return l?.type!=="color"&&l?.type!=="image"&&!!l&&(l?.videoType==="html5"&&l?.videoHtml5||l?.videoType==="youtube"&&l?.video)});function debounce(e,t){let l;return function(...o){clearTimeout(l),l=setTimeout(()=>e.apply(this,o),t)}}let fallbackImg="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJnLTE5MjAtOTAwIj4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjIwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjUwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjcwJSIgLz4KICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxyZWN0IHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjkwMCIgZmlsbD0icmdiYSg1MSwgNTEsIDUxLCAwKSIgLz4KICAgIDxyZWN0IGlkPSJyIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZy0xOTIwLTkwMCkiIC8+CiAgICA8YW5pbWF0ZSB4bGluazpocmVmPSIjciIgYXR0cmlidXRlTmFtZT0ieCIgZnJvbT0iLTE5MjAiIHRvPSIxOTIwIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgIC8+CiAgPC9zdmc+",getBannerLink=e=>{let t=e?.link;return t?.type==="go-to-sales-page"?{type:"go-to-sales-page",link:g,target:"_self"}:t},formatHoverScale=e=>e?String(e).includes("%")?`${e}`:`${e}%`:"100%",opacityEnabledData=e=>{let{overlayColor:t,overlayOpacity:l,hoverEffect:o}=e??{},i=!t?.normal||l?.normal=="0%"||!l?.normal,n=!o;return{disableOpacity:i,disableHoverOpacity:n}};export{debounce,fallbackImg,formatHoverScale,getAspectRatioSettings,getAttachmentDevice,getBackgroundImageHeroBanner,getBannerLink,getBgImage,getClassAlignBanner,getClassContentPosition,getClassForContentByFitContent,getClassForStretchContent,getClassSpaceBetween,getClassSpaceBetweenLeftRight,getClipPath,getContentPosition,getDataVideoHeroBannerResponsive,getDisplayStyleByFitContent,getEnableBgImageByDevice,getPercentageVisible,getResponsiveSetting,getStyleAspectRatioHeroBannerCustom,getStyleHeroBannerBg,getVisibilityStyle,getWidth,horizontalAlign,imagePlaceholder,isScaleImage,mapContentPositionToHorizontal,opacityEnabledData,scrollToContentBanner,showVideoType};

package/dist/esm/hero-banner/common/styles.js

@@ -0,0 +1 @@
+import{makeStyleWithDefault as e,getWidthByShapeGlobalSize as t,makeStyleResponsive as r,getHeightByShapeGlobalSize as l,makeStyle as o,getSingleColorVariable as i,getRadiusStyleActiveState as n,getStyleBgColor as y,getStyleShadow as g,makeStyleState as a,getGlobalColorStateStyle as u,getResponsiveStylePadding as s,getStyleBackgroundByDevice as c}from"@gem-sdk/core";import{getVisibilityStyle as S,getStyleAspectRatioHeroBannerCustom as h,getAspectRatioSettings as d,getDisplayStyleByFitContent as p,getStyleHeroBannerBg as b,formatHoverScale as f,getAttachmentDevice as m,getClipPath as w,opacityEnabledData as v,getResponsiveSetting as T}from"./helpers.js";function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let getStyle=(o,i,n)=>{let{sizeSetting:y,background:g}=o??{},{ratioOptions:a,aspectRatio:u}=i??{},s={...n,...S(n),...e("w",t(y,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...h(g,y,d(a,u)),...r("h",l(y))};return filterTruthyStyles(s)},getContainerStyle=(e,t)=>{let{sizeSetting:a,background:u,borderBg:s,cornerBg:c,shadowBg:S,hasActiveShadow:p}=e??{},{ratioOptions:b,aspectRatio:f}=t??{},m={...r("h",l(a)),...h(u,a,d(b,f)),...o({bs:s?.border??s?.border,bw:s?.width??s?.width,bc:i(s?.color)}),...n({...c,active:{...c||{},radiusType:"custom"}}),...u?{...y(u)}:{},...g({value:S,styleAppliedFor:"box-shadow",isEnableShadow:p})};return filterTruthyStyles(m)},getOverlayStyle=e=>{let{overlayColor:t,overlayOpacity:r}=e??{},l=a("op",{...r,hover:r?.hover||r?.normal}),{disableOpacity:o,disableHoverOpacity:i}=v(e),n=u("bgc",{...t,hover:t?.hover||t?.normal});o&&(delete n?.["--bgc"],delete l?.["--op"]),i&&(delete n?.["--hvr-bgc"],delete l?.["--hvr-op"]);let y={...n,...l,"--top":"0","--left":"0"};return filterTruthyStyles(y)},getRowStyle=e=>{let{contentPadding:t}=e??{},r={...s(t)};return filterTruthyStyles(r)},getAdaptiveStyle=o=>{let{sizeSetting:i,background:n}=o??{},y={...p(i,n),...r("h",l(i)),...e("w",t(i,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),"--op":0,"--z":-1};return filterTruthyStyles(y)},getBackgroundStyle=(e,t,l)=>{let{hoverEffectScale:o,background:i,hoverEffectDuration:n}=e??{},y={...b(T(i||{}),t),...c(i,{ignoreBgAttachment:!0,ignoreBackgroundImage:!0}),"--duration":`${parseInt(`${n}`)??0}s`,"--scale":f(o),...r("pos",m(i)),transform:l,transition:"transform 300ms cubic-bezier(0,0,0,1)"};return filterTruthyStyles(y)},getContainBackgroundStyle=e=>{let{borderBg:t,cornerBg:r}=e??{},l={"clip-path":w(t?.width,r)};return filterTruthyStyles(l)},getHtml5VideoStyle=e=>{let t={...r("aspect",e)};return filterTruthyStyles(t)},getYoutubeIframeStyle=e=>{let t={...r("aspect",e),"pointer-event":"none"};return filterTruthyStyles(t)};export{getAdaptiveStyle,getBackgroundStyle,getContainBackgroundStyle,getContainerStyle,getHtml5VideoStyle,getOverlayStyle,getRowStyle,getStyle,getYoutubeIframeStyle};

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

@@ -0,0 +1,2 @@
+'use client';
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"./HeroBannerItem.js";import{getAttr as s,getAttrLink as m}from"../common/attrs.js";import{getStyle as t}from"../common/styles.js";import{getClasses as n,getLinkClasses as i}from"../common/classes.js";import{createAttr as a,createStyle as l,createClass as d,If as c}from"@gem-sdk/system";import{useEditorMode as f,useCurrentDevice as p,filterToolbarPreview as u}from"@gem-sdk/core";import{getBannerLink as h}from"../common/helpers.js";import{useHeroBanner as j}from"../hooks/useHeroBanner.js";let HeroBanner=y=>{let{builderAttrs:g,builderProps:k,setting:v,styles:C,style:H,children:B,advanced:b,enableLazyLoadImage:w=!0}=y,L=f(),{enableLink:R}=v??{},x=h(v),{cssClass:I}=b??{},M=p(),{elementRef:N,transform:V,onMouseEnterParallax:z,onMouseLeaveParallax:E,dataVideo:P,bgRef:S,isShowVideoHtml5:q,openLinkBanner:A,layoutResponsive:D}=j(C,v,M),F=!!x?.link&&R&&"edit"!==L,G=a({...s({uid:k?.uid||""})}),J=a({...m()}),K=l({...t(C,v,H)}),O=d({...n({setting:v,builderProps:k,advancedCssClass:I})}),Q=d({...i()}),T=()=>r(o,{setting:v,styles:C,children:B,rawChildren:y.rawChildren,builderProps:k,enableLazyLoadImage:w,elementRef:N,transform:V,dataVideo:P,layoutResponsive:D,bgRef:S,isShowVideoHtml5:q});return e("div",{...g,...G,className:O,style:K,onMouseEnter:z,onMouseLeave:E,children:[c(!F,T()),c(F,r("div",{...J,"aria-hidden":"true",onClick:A,className:Q,children:T()})),u(B,!0)]})};export{HeroBanner as default};

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

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

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

@@ -0,0 +1,2 @@
+'use client';
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useMemo as t}from"react";import{useEditorMode as r,filterToolbarPreview as l,getAspectRatioGlobalSize as s}from"@gem-sdk/core";import a from"../../grid/components/row/Row.js";import{createStyle as i,createClass as m}from"@gem-sdk/system";import n from"../../image/components/AdaptiveImage.js";import p from"../../video/components/HTML5Embed.js";import{getContainerStyle as d,getOverlayStyle as c,getRowStyle as y,getAdaptiveStyle as f,getBackgroundStyle as u,getContainBackgroundStyle as v,getYoutubeIframeStyle as b,getHtml5VideoStyle as h}from"../common/styles.js";import{getContainerClasses as g,getOverlayClasses as j,getRowClasses as N,getAdaptivePictureClasses as k,getAdaptiveClasses as H,getBackgroundClasses as w,getContainBackgroundClasses as I,getHtml5VideoClasses as T,getWrapperYoutubeClasses as B,getIframeYoutubeClasses as C}from"../common/classes.js";import{getAspectRatioSettings as L,getBackgroundImageHeroBanner as z,showVideoType as R,horizontalAlign as E,getWidth as x,scrollToContentBanner as A,getBgImage as O,fallbackImg as V}from"../common/helpers.js";import $ from"../../video/components/LiteYouTubeEmbed.js";import{getYoutubeVideoId as M,youtubeVideoRegex as S}from"../../video/common/helpers.js";let HeroBannerItem=W=>{r();let{setting:Y,styles:q,children:D,elementRef:F,transform:G,dataVideo:J,bgRef:K,isShowVideoHtml5:P,layoutResponsive:Q}=W,{layout:U,verticalAlign:X,enableParallax:Z,alt:_,title:ee}=Y??{},{background:eo,overlayColor:et,verticalGutter:er,sizeSetting:el,contentWidth:es,hoverEffect:ea,contentPosition1Col:ei,contentPosition2Col:em}=q??{},en=L(Y?.ratioOptions,Y?.aspectRatio),ep=i({...d(q,Y)}),ed=m({...g(Y,q)}),ec=i({...c(q)}),ey=m({...j(q)}),ef=i({...y(q)}),eu=m({...N(q,Y)}),ev=i({...f(q)}),eb=m({...k()}),eh=m({...H()}),eg=m({...w(ea,!1)}),ej=i({...z(eo,!1,!0),...u(q,Z,G)}),eN=m({...I()}),ek=i({...v(q)}),eH=m({...T(Y?.aspectRatio,!P)}),ew=i({...b(en)}),eI=i({...h(en)}),eT=m({...B()}),eB=m({...C()}),eC=t(()=>{if(!R(eo))return;if(J?.videoType==="html5"&&!J.videoHtml5||J?.videoType==="youtube"&&!J.video)return null;if(J?.type==="video"&&J?.videoType==="html5"&&J?.videoHtml5)return e(p,{muted:!0,loop:J?.loop,controls:!1,autoplay:!0,src:J?.videoHtml5||"",title:"Video",style:eI,className:eH});let o=J?.video??"",t=M(o),r=J?.loop?1:0,l=`&loop=${r}&playlist=${t}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(J?.type==="video"&&J?.videoType==="youtube"&&t&&S.test(o))return e($,{id:t,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:l,adNetwork:!1,noCookie:!0,muted:!0,lazy:J?.lazyLoad??!0,style:ew,wrapperClass:eT,iframeClass:eB})},[J,eo,eH,eB,eT,ew,eI]);return o("div",{className:ed,style:ep,children:[o("div",{ref:F,"aria-label":"Background Image",role:"banner",className:eN,style:ek,children:[e("div",{ref:K,className:eg,style:ej,children:eC}),!!et&&e("div",{"aria-label":"Overlay",role:"banner",className:ey,style:ec})]}),e(a,{className:eu,style:ef,setting:{layout:U,horizontalAlign:E(U,ei,em),verticalAlign:X},styles:{verticalGutter:er,width:x(es),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},hiddenEmptyCol:Q?.cols?.length===1,onBlur:e=>A(e),children:l(D)}),e(n,{pictureClass:eb,srcSet:O(eo),className:eh,aspectRatio:s(el),style:ev,alt:_,title:ee,enableLazyLoadImage:!1,fallbackImg:V})]})};export{HeroBannerItem as default};

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

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

package/dist/esm/hero-banner/hooks/useHeroBanner.js

@@ -0,0 +1 @@
+import{useState as e,useRef as r,useEffect as t,useCallback as n,useMemo as l}from"react";import{getResponsiveValueByScreen as o,getBgVideoByDevice as s}from"@gem-sdk/core";import{useTranslateValue as a}from"./useTranslateValue.js";import i from"./useIntersectionObserver.js";import{getResponsiveSetting as m}from"../common/helpers.js";import u from"../common/animation-manager.js";let useHeroBanner=(p,c,d)=>{let{hoverEffect:g,hoverEffectScale:f,background:x}=p||{},{link:B}=c||{},b=Number(c?.speedParallax)||0,[j,w]=e(0),[H,$]=e(null),[k,v]=e(null),[y,N]=e(""),Y=r(null),[h,C]=i(),{translateValue:P}=a({containerBoundingClientRect:H,backgroundBoundingClientRect:k,speed:b}),R=o(c?.layout,d),T=m(x||{}),E=Number(c?.speedParallax||0)>0&&T[d]?.type==="image",F=()=>{g&&E&&N(`${y} scale(${f||"100%"})`)},I=()=>{g&&E&&N(`translateY(${P}px)`)},O=e=>{B?.link&&!e?.srcElement?.closest("a")&&window.open(B?.link,B.target)};t(()=>{E?N(`translateY(${P}px)`):N("")},[P,E]);let V=n(()=>{if(!E||0===b||!C)return;let e=Number(window.scrollY.toFixed(0));j!==e&&($(h?.current?h?.current?.getBoundingClientRect():null),v(Y?.current?Y?.current?.getBoundingClientRect():null),w(e))},[j,C,E,b,h,Y]),q=s(x,d),z=l(()=>!!(q?.videoHtml5&&"html5"===q.videoType),[q]);return t(()=>(u.register(V),()=>{u.unregister(V)}),[V]),t(()=>(u.register(V),()=>{u.unregister(V)}),[V]),{onMouseEnterParallax:F,onMouseLeaveParallax:I,bgRef:Y,transform:y,elementRef:h,dataVideo:q,isShowVideoHtml5:z,openLinkBanner:O,layoutResponsive:R}};export{useHeroBanner as default,useHeroBanner};

package/dist/esm/hero-banner/hooks/useIntersectionObserver.js

@@ -0,0 +1 @@
+import{useState as e,useRef as r,useEffect as t}from"react";let useIntersectionObserver=(n={})=>{let[s,o]=e(!1),u=r(null);return t(()=>{let e=new IntersectionObserver(e=>{let[r]=e;r&&(r.isIntersecting?o(!0):o(!1))},{...n}),{current:r}=u;return r&&e.observe(r),()=>{r&&e.unobserve(r)}},[n]),[u,s]};export{useIntersectionObserver as default};

package/dist/esm/hero-banner/hooks/useTranslateValue.js

@@ -0,0 +1 @@
+import{useState as e,useEffect as r}from"react";import t from"./useWindowSize.js";import{getPercentageVisible as a}from"../common/helpers.js";let useTranslateValue=({containerBoundingClientRect:l,backgroundBoundingClientRect:s,speed:o=1})=>{let[u,i]=e(0),[m,n]=e(0),{height:f}=t();return r(()=>{s&&l&&i(s.height-l.height)},[l,s]),r(()=>{if(!l||!s||!f)return;let e=a(s,f),r=e/100*u-u/2;n(-(r*o*1))},[u,f,l,s,o]),{translateValue:m}};export{useTranslateValue as default,useTranslateValue};

package/dist/esm/hero-banner/hooks/useWindowSize.js

@@ -0,0 +1 @@
+import{useState as e,useEffect as i}from"react";import{debounce as n}from"../common/helpers.js";let useWindowSize=()=>{let[r,t]=e(null),[o,d]=e(null),w=()=>{t(window.innerHeight),d(window.innerWidth)},s=n(w,200);return i(()=>(s(),window.addEventListener("resize",s),()=>{window.removeEventListener("resize",s)}),[s]),{height:r,width:o}};export{useWindowSize as default};

package/dist/esm/hero-banner/index.js

@@ -0,0 +1 @@
+import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../image/components/AdaptiveImage.js";import"./common/animation-manager.js";import t from"./settings/HeroBanner.js";let bannerSetting={HeroBanner:t};export{bannerSetting};

package/dist/esm/hero-banner/next.js

@@ -0,0 +1 @@
+import r from"next/dynamic";import o from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let HeroBanner=r(()=>import("./components/HeroBanner.js"),{loading:o});var banner={HeroBanner};export{banner as default};

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

@@ -0,0 +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:`
+  <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};

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

@@ -0,0 +1,18 @@
+let heroBanner1ColPreSalesPage={id:"hero-banner-1-col-pre-sales-page",name:{en:"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"/>
+      <g opacity="0.2">
+      <ellipse cx="2" cy="1.5" rx="11" ry="11.5" fill="#757575"/>
+      <path d="M0.601075 61.8234L18.5988 40.4906C19.2081 39.767 19.9611 39.1816 20.8088 38.7727C21.6564 38.3638 22.5796 38.1406 23.5181 38.1175C24.4566 38.0944 25.3894 38.272 26.2556 38.6387C27.1219 39.0055 27.902 39.5531 28.5453 40.2459L36.9609 49.2989L69.858 9.43075C70.502 8.64956 71.3116 8.02551 72.2264 7.60499C73.1413 7.18447 74.138 6.9783 75.1423 7.00181C76.1467 7.02532 77.1329 7.2779 78.0276 7.74078C78.9223 8.20366 79.7026 8.86493 80.3103 9.67543L119.641 62.0866C120.393 63.0913 120.853 64.2887 120.97 65.5441C121.087 66.7994 120.856 68.063 120.303 69.1926C119.751 70.3222 118.897 71.2732 117.84 71.9384C116.783 72.6037 115.564 72.957 114.319 72.9585L5.68599 73C4.40822 72.9995 3.15734 72.6281 2.08134 71.9299C1.00533 71.2317 0.149232 70.2358 -0.38568 69.06C-0.920592 67.8843 -1.11193 66.5779 -0.937061 65.2955C-0.762191 64.0131 -0.22843 62.8082 0.601075 61.8234Z" fill="#757575"/>
+      </g>
+      <rect x="29" y="26" width="36" height="6" rx="3" fill="#D6D6D6"/>
+      <rect x="36" y="16" width="22" height="6" rx="3" fill="#D6D6D6"/>
+      </g>
+      <defs>
+      <clipPath id="clip0_1706_4280">
+      <rect width="94" height="48" rx="3" fill="white"/>
+      </clipPath>
+      </defs>
+      </svg>
+    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[12],display:"fill"}},link:{type:"go-to-sales-page"}},styles:{contentWidth:{desktop:"1200px"},sizeSetting:{desktop:{shape:"custom",widthHeightLinked:!1,width:"100%",height:"600px"},mobile:{shape:"custom",widthHeightLinked:!1,width:"1200px",height:"600px"}}},childrens:[{tag:"Col",childrens:[{tag:"Heading",settings:{text:"Click here to edit heading"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"This is your text block. Click to edit and make it your own. Share your product's story<br/>                  or services offered. Get creative and make it yours!"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Button",settings:{label:"Get started"},styles:{align:{desktop:"center"}}}]}]}]};export{heroBanner1ColPreSalesPage};

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

@@ -0,0 +1,18 @@
+let heroBanner1Col={id:"hero-banner-1-col",name:{en:"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"/>
+      <g opacity="0.2">
+      <ellipse cx="2" cy="1.5" rx="11" ry="11.5" fill="#757575"/>
+      <path d="M0.601075 61.8234L18.5988 40.4906C19.2081 39.767 19.9611 39.1816 20.8088 38.7727C21.6564 38.3638 22.5796 38.1406 23.5181 38.1175C24.4566 38.0944 25.3894 38.272 26.2556 38.6387C27.1219 39.0055 27.902 39.5531 28.5453 40.2459L36.9609 49.2989L69.858 9.43075C70.502 8.64956 71.3116 8.02551 72.2264 7.60499C73.1413 7.18447 74.138 6.9783 75.1423 7.00181C76.1467 7.02532 77.1329 7.2779 78.0276 7.74078C78.9223 8.20366 79.7026 8.86493 80.3103 9.67543L119.641 62.0866C120.393 63.0913 120.853 64.2887 120.97 65.5441C121.087 66.7994 120.856 68.063 120.303 69.1926C119.751 70.3222 118.897 71.2732 117.84 71.9384C116.783 72.6037 115.564 72.957 114.319 72.9585L5.68599 73C4.40822 72.9995 3.15734 72.6281 2.08134 71.9299C1.00533 71.2317 0.149232 70.2358 -0.38568 69.06C-0.920592 67.8843 -1.11193 66.5779 -0.937061 65.2955C-0.762191 64.0131 -0.22843 62.8082 0.601075 61.8234Z" fill="#757575"/>
+      </g>
+      <rect x="29" y="26" width="36" height="6" rx="3" fill="#D6D6D6"/>
+      <rect x="36" y="16" width="22" height="6" rx="3" fill="#D6D6D6"/>
+      </g>
+      <defs>
+      <clipPath id="clip0_1706_4280">
+      <rect width="94" height="48" rx="3" fill="white"/>
+      </clipPath>
+      </defs>
+      </svg>
+    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[12],display:"fill"}}},styles:{contentWidth:{desktop:"1200px"},sizeSetting:{desktop:{shape:"custom",widthHeightLinked:!1,width:"100%",height:"600px"},mobile:{shape:"custom",widthHeightLinked:!1,width:"100%",height:"600px"}}},childrens:[{tag:"Col",childrens:[{tag:"Heading",settings:{text:"Click here to edit heading"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"This is your text block. Click to edit and make it your own. Share your product's story<br/>                  or services offered. Get creative and make it yours!"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Button",settings:{label:"Get started"},styles:{align:{desktop:"center"}}}]}]}]};export{heroBanner1Col};

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

@@ -0,0 +1,17 @@
+let heroBannerContentLeftPreSalesPage={id:"hero-banner-content-left-pre-sales-page",name:{en:"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"/>
+    <g opacity="0.2">
+    <path d="M1.60108 61.8234L19.5988 40.4906C20.2081 39.767 20.9611 39.1816 21.8088 38.7727C22.6564 38.3638 23.5796 38.1406 24.5181 38.1175C25.4566 38.0944 26.3894 38.272 27.2556 38.6387C28.1219 39.0055 28.902 39.5531 29.5453 40.2459L37.9609 49.2989L70.858 9.43075C71.502 8.64956 72.3116 8.02551 73.2264 7.60499C74.1413 7.18447 75.138 6.9783 76.1423 7.00181C77.1467 7.02532 78.1329 7.2779 79.0276 7.74078C79.9223 8.20366 80.7026 8.86493 81.3103 9.67543L120.641 62.0866C121.393 63.0913 121.853 64.2887 121.97 65.5441C122.087 66.7994 121.856 68.063 121.303 69.1926C120.751 70.3222 119.897 71.2732 118.84 71.9384C117.783 72.6037 116.564 72.957 115.319 72.9585L6.68599 73C5.40822 72.9995 4.15734 72.6281 3.08134 71.9299C2.00533 71.2317 1.14923 70.2358 0.61432 69.06C0.0794076 67.8843 -0.111931 66.5779 0.0629387 65.2955C0.237809 64.0131 0.77157 62.8082 1.60108 61.8234Z" fill="#D6D6D6"/>
+    </g>
+    <rect x="10" y="15" width="32" height="7" rx="3" fill="#D6D6D6"/>
+    <rect x="10" y="26" width="21" height="7" rx="3" fill="#D6D6D6"/>
+    </g>
+    <defs>
+    <clipPath id="clip0_2825_116">
+    <rect width="96" height="48" rx="3" fill="white"/>
+    </clipPath>
+    </defs>
+    </svg>
+    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},link:{type:"go-to-sales-page"}},styles:{contentWidth:{desktop:"1200px"},sizeSetting:{desktop:{shape:"original",widthHeightLinked:!1,width:"100%",height:"600px"},mobile:{shape:"custom",widthHeightLinked:!1,width:"100%",height:"auto"}}},childrens:[{tag:"Col",styles:{order:{desktop:0}},childrens:[{tag:"Heading",settings:{text:"Click here to edit heading"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"This is your text block. Click to edit and make it your own. Share your<br/>                      product's story or services offered. Get creative and make it yours!"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Button",settings:{label:"Get started"},styles:{align:{desktop:"center"}}}]},{tag:"Col",styles:{order:{desktop:1}},childrens:[]}]}]};export{heroBannerContentLeftPreSalesPage};

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

@@ -0,0 +1,17 @@
+let heroBannerContentLeft={id:"hero-banner-content-left",name:{en:"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"/>
+    <g opacity="0.2">
+    <path d="M1.60108 61.8234L19.5988 40.4906C20.2081 39.767 20.9611 39.1816 21.8088 38.7727C22.6564 38.3638 23.5796 38.1406 24.5181 38.1175C25.4566 38.0944 26.3894 38.272 27.2556 38.6387C28.1219 39.0055 28.902 39.5531 29.5453 40.2459L37.9609 49.2989L70.858 9.43075C71.502 8.64956 72.3116 8.02551 73.2264 7.60499C74.1413 7.18447 75.138 6.9783 76.1423 7.00181C77.1467 7.02532 78.1329 7.2779 79.0276 7.74078C79.9223 8.20366 80.7026 8.86493 81.3103 9.67543L120.641 62.0866C121.393 63.0913 121.853 64.2887 121.97 65.5441C122.087 66.7994 121.856 68.063 121.303 69.1926C120.751 70.3222 119.897 71.2732 118.84 71.9384C117.783 72.6037 116.564 72.957 115.319 72.9585L6.68599 73C5.40822 72.9995 4.15734 72.6281 3.08134 71.9299C2.00533 71.2317 1.14923 70.2358 0.61432 69.06C0.0794076 67.8843 -0.111931 66.5779 0.0629387 65.2955C0.237809 64.0131 0.77157 62.8082 1.60108 61.8234Z" fill="#D6D6D6"/>
+    </g>
+    <rect x="10" y="15" width="32" height="7" rx="3" fill="#D6D6D6"/>
+    <rect x="10" y="26" width="21" height="7" rx="3" fill="#D6D6D6"/>
+    </g>
+    <defs>
+    <clipPath id="clip0_2825_116">
+    <rect width="96" height="48" rx="3" fill="white"/>
+    </clipPath>
+    </defs>
+    </svg>
+    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}}},styles:{contentWidth:{desktop:"1200px"},sizeSetting:{desktop:{shape:"original",width:"100%"},mobile:{shape:"custom",widthHeightLinked:!1,width:"100%",height:"fit-content"}}},childrens:[{tag:"Col",styles:{order:{desktop:0}},childrens:[{tag:"Heading",settings:{text:"Click here to edit heading"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"This is your text block. Click to edit and make it your own. Share your<br/>                      product's story or services offered. Get creative and make it yours!"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Button",settings:{label:"Get started"},styles:{align:{desktop:"center"}}}]},{tag:"Col",styles:{order:{desktop:1}},childrens:[]}]}]};export{heroBannerContentLeft};

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

@@ -0,0 +1,26 @@
+let heroBannerContentRightPreSalesPage={id:"hero-banner-content-right-pre-sales-page",name:{en:"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_2430_3506)">
+          <rect width="96" height="48" rx="3" fill="#424242" />
+          <g opacity="0.2">
+            <path
+              d="M94.3989 61.8234L76.4012 40.4906C75.7919 39.767 75.0389 39.1816 74.1912 38.7727C73.3436 38.3638 72.4204 38.1406 71.4819 38.1175C70.5434 38.0944 69.6106 38.272 68.7444 38.6387C67.8781 39.0055 67.098 39.5531 66.4547 40.2459L58.0391 49.2989L25.142 9.43075C24.498 8.64956 23.6884 8.02551 22.7736 7.60499C21.8587 7.18447 20.862 6.9783 19.8577 7.00181C18.8533 7.02532 17.8671 7.2779 16.9724 7.74078C16.0777 8.20366 15.2974 8.86493 14.6897 9.67543L-24.6409 62.0866C-25.3929 63.0913 -25.8533 64.2887 -25.9703 65.5441C-26.0874 66.7994 -25.8564 68.063 -25.3035 69.1926C-24.7505 70.3222 -23.8975 71.2732 -22.8403 71.9384C-21.783 72.6037 -20.5636 72.957 -19.3191 72.9585L89.314 73C90.5918 72.9995 91.8427 72.6281 92.9187 71.9299C93.9947 71.2317 94.8508 70.2358 95.3857 69.06C95.9206 67.8843 96.1119 66.5779 95.9371 65.2955C95.7622 64.0131 95.2284 62.8082 94.3989 61.8234Z"
+              fill="#D6D6D6"
+            />
+          </g>
+          <rect x="54" y="15" width="32" height="7" rx="3" fill="#D6D6D6" />
+          <rect x="54" y="26" width="21" height="7" rx="3" fill="#D6D6D6" />
+        </g>
+        <defs>
+          <clipPath id="clip0_2430_3506">
+            <rect width="96" height="48" rx="3" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},link:{type:"go-to-sales-page"}},styles:{contentWidth:{desktop:"1200px"},sizeSetting:{desktop:{shape:"original",widthHeightLinked:!1,width:"100%",height:"600px"},mobile:{shape:"original",widthHeightLinked:!0,width:"100%"}}},childrens:[{tag:"Col",styles:{order:{desktop:1}},childrens:[{tag:"Heading",settings:{text:"Click here to edit heading"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"This is your text block. Click to edit and make it your own. Share your<br/>                      product's story or services offered. Get creative and make it yours!"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Button",settings:{label:"Get started"},styles:{align:{desktop:"center"}}}]},{tag:"Col",styles:{order:{desktop:0}},childrens:[]}]}]};export{heroBannerContentRightPreSalesPage};