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

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

@@ -0,0 +1 @@
+"use strict";const 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}}}}]}];exports.HeadingSettings=HeadingSettings;

package/dist/cjs/heading/settings/configs/ui-v1.js

@@ -0,0 +1 @@
+"use strict";const 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"}}]}];exports.SettingUIV1=SettingUIV1;

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

@@ -0,0 +1 @@
+"use strict";const 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"}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/helpers.js

@@ -1,182 +1 @@
-'use strict';
-
-var constants = require('./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: constants.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;
-};
-
-exports.getAllHrefFromString = getAllHrefFromString;
-exports.getDynamicSourceLocales = getDynamicSourceLocales;
-exports.getInsertLinkData = getInsertLinkData;
-exports.getLinkDataConfigs = getLinkDataConfigs;
-exports.getSettingPreloadData = getSettingPreloadData;
-exports.getStaticLocale = getStaticLocale;
-exports.isHexTransparent = isHexTransparent;
-exports.isTransparentColor = isTransparentColor;
-exports.isTransparentRGBA = isTransparentRGBA;
-exports.replaceAllHrefFromString = replaceAllHrefFromString;
-exports.replaceLinkData = replaceLinkData;
-exports.youtubeShortsRegex = youtubeShortsRegex;
+"use strict";var core=require("@gem-sdk/core"),Link=require("./link/components/Link.js");const 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,getDynamicSourceLocales=({val:e,uid:t,settingId:r,isLiquid:i,pageContext:n,isCapitalize:l,defaultVal:o="",translate:s,isReplaceLocationOrigin:a,isReplaceMaxSize:c,isReplaceInventoryQuantity:p})=>{let g=new RegExp(/\{\{.*?\}\}|\{%.*?%\}/).test(e?.toString()??""),u=n?.isTranslateWithLocale?1e3:5e3;if(!s||!e?.toString().trim()||e.toString().length>u||g||n?.isPreviewing)return e??o;let h=`g${t}_${r}`,k=`section.settings.${h}`;return(n?.isTranslateWithLocale&&(k=`'sections.${n.sectionName}.${h}_html' | t`),a&&(k+=" | replace: '$locationOrigin', locationOrigin"),c&&(k+=" | replace: '$max_size', '10MB'"),p&&(k+=" | replace: '<$quantity$>', inventory_quantity | replace: '&lt;$quantity$&gt;', inventory_quantity"),l&&(k=`${k} | downcase`),i)?k:`{{ ${k} }}`},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:"],n=["product.url"],l=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=l&&!a.test(o)&&c.test(o),g=l&&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))||n.find(e=>o.includes(e))),h=g||p||u()||s||isLinkedToSalesPage(t?.type),k=h?"a":e,f={href:o,target:t?.target,...t?.noFollow&&{rel:"nofollow"}},y=h?f:l?{...f,type:r}:{type:r};return{Wrap:k,urlData:y,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:r,isLiquid:i=!1,enableImageLink:n=!1})=>{let l=["product.url"],o=["#","mailto:","tel:"],s=e?.link??"",a="/"===s,c=e?.link!==void 0&&""!==e.link,p=new RegExp(/^https?:\/\//i),g=c&&p.test(s),u=new RegExp(/^\/?(?:collections|pages|products|blogs|checkout|cart)\/?/i),h=c&&!p.test(s)&&u.test(s),k=()=>!!(l.find(e=>s.includes(e))||o.find(e=>s.startsWith(e))),f=n&&(g||h||k()||a||isLinkedToSalesPage(e?.type)),y=s;i&&(h||a)&&(y=e?.isTranslate?"$locationOrigin"+s:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+s);let d=f?i?"a":Link.default:r,x={href:y,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},m=f?x:c?{...x,type:t}:{type:t};return{Wrapper:d,urlData:m,shouldRenderLink:f}},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))}const getDisplayStyle=(e,t)=>{let r={};return core.DEVICES.forEach(i=>{r={...r,[`--d${"desktop"===i?"":`-${i}`}`]:`${e(i)?"none":t}`}}),r},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}const 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-","#");core.globalEvent.dispatch("onOpenDialog",{popupUId:t});return}e?.link?.startsWith("#")&&core.globalEvent.dispatch("onOpenDialog",{popupUId:e?.link})}};exports.checkIsOpenPopup=checkIsOpenPopup,exports.checkIsScrollToTop=checkIsScrollToTop,exports.convertUnitToNumber=convertUnitToNumber,exports.filterTruthyObject=filterTruthyObject,exports.filterTruthyStyles=filterTruthyStyles,exports.getAllHrefFromString=getAllHrefFromString,exports.getDisplayStyle=getDisplayStyle,exports.getDynamicSourceLocales=getDynamicSourceLocales,exports.getInsertLinkData=getInsertLinkData,exports.getLinkArticle=getLinkArticle,exports.getLinkData=getLinkData,exports.getSettingPreloadData=getSettingPreloadData,exports.getStaticLocale=getStaticLocale,exports.handleClickLink=handleClickLink,exports.isEmptyObject=isEmptyObject,exports.isHexTransparent=isHexTransparent,exports.isLinkedToSalesPage=isLinkedToSalesPage,exports.isTransparentColor=isTransparentColor,exports.isTransparentRGBA=isTransparentRGBA,exports.replaceAllHrefFromString=replaceAllHrefFromString,exports.replaceLinkData=replaceLinkData,exports.youtubeShortsRegex=youtubeShortsRegex;

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

@@ -0,0 +1 @@
+"use strict";function _define_property(a,n,e){return n in a?Object.defineProperty(a,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):a[n]=e,a}Object.defineProperty(exports,"__esModule",{value:!0});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();exports.default=AnimationManager$1;

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

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

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

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");function composeClasses(e){return e.split(" ").reduce((e,s)=>(e[s]=!0,e),{})}const getClasses=({setting:e,builderProps:s,advancedCssClass:t})=>{let o="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 t&&(o+=` ${t}`),{...s?.uid&&{[s.uid]:!0},...composeClasses(o),...helpers.getClassAlignBanner(helpers.getResponsiveSetting(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"),...helpers.getClassContentPosition(helpers.getContentPosition(e?.layout,s?.contentPosition1Col,s?.contentPosition2Col)||{})}),getOverlayClasses=e=>{let{overlayColor:s}=e??{},t="gp-absolute gp-inset-0 gp-left-[var(--left)] gp-top-[var(--top)] gp-z-1 gp-transition-all gp-duration-300 ",{disableHoverOpacity:o,disableOpacity:l}=helpers.opacityEnabledData(e);return o||(t+=" group-hover/hero:gp-bg-[color:var(--hvr-bgc,_var(--bgc))] group-hover/hero:gp-opacity-[var(--hvr-op,_var(--op))]"),core.getGlobalColorStateClass("bg",s,l,o)&&(t+=` ${core.getGlobalColorStateClass("bg",s,l,o)}`),composeClasses(t)},getRowClasses=(e,s)=>{let{sizeSetting:t,background:o}=e??{},{verticalAlign:l}=s??{},a=helpers.getClassForContentByFitContent(t,o),r=helpers.getClassForStretchContent(l),g=helpers.getClassSpaceBetween(s?.layout||{},e?.contentPosition1Col||{},e?.contentPosition2Col||{}),p=helpers.getClassSpaceBetweenLeftRight(s?.layout||{}),n=`gp-hero-banner-row ${a}  ${r}`;return{...composeClasses(n),...g,...p}},getAdaptiveClasses=()=>composeClasses("adaptive-hero-banner"),getAdaptivePictureClasses=()=>composeClasses("gp-w-full"),getBackgroundClasses=(e,s)=>{let t="hero-banner-bg gp-hero-banner-image-background hero-banner-bg-parallax";return s&&(t+=" gp_lazybg"),e&&(t+=" gp-duration-[var(--duration)] group-hover/hero:gp-scale-[var(--scale)] gp-transition-transform"),composeClasses(t)},getContainBackgroundClasses=()=>composeClasses("gp-hero-banner-bg gp-absolute gp-overflow-hidden gp-w-full gp-h-full top-0 left-0"),getHtml5VideoClasses=(e,s=!1)=>{let t="gp-relative",o=core.getValueByDevice(e,"tablet"),l=core.getValueByDevice(e,"mobile");return s&&(t+=" gp-hidden"),o&&(t+=" tablet:gp-h-full tablet:gp-object-cover"),l&&(t+=" mobile:gp-h-full mobile:gp-object-cover"),composeClasses(t)},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)};exports.getAdaptiveClasses=getAdaptiveClasses,exports.getAdaptivePictureClasses=getAdaptivePictureClasses,exports.getBackgroundClasses=getBackgroundClasses,exports.getClasses=getClasses,exports.getContainBackgroundClasses=getContainBackgroundClasses,exports.getContainerClasses=getContainerClasses,exports.getHtml5VideoClasses=getHtml5VideoClasses,exports.getIframeYoutubeClasses=getIframeYoutubeClasses,exports.getLazyBackgroundClasses=getLazyBackgroundClasses,exports.getLinkClasses=getLinkClasses,exports.getOverlayClasses=getOverlayClasses,exports.getRowClasses=getRowClasses,exports.getWrapperYoutubeClasses=getWrapperYoutubeClasses;

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

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

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

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

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

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),HeroBannerItem=require("./HeroBannerItem.js"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),system=require("@gem-sdk/system"),core=require("@gem-sdk/core"),helpers=require("../common/helpers.js"),useHeroBanner=require("../hooks/useHeroBanner.js");const HeroBanner=e=>{let{builderAttrs:s,builderProps:r,setting:t,styles:a,style:n,children:o,advanced:i,enableLazyLoadImage:l=!0}=e,u=core.useEditorMode(),{enableLink:m}=t??{},c=helpers.getBannerLink(t),{cssClass:d}=i??{},y=core.useCurrentDevice(),{elementRef:j,transform:g,onMouseEnterParallax:h,onMouseLeaveParallax:x,dataVideo:B,bgRef:C,isShowVideoHtml5:H,openLinkBanner:f,layoutResponsive:q}=useHeroBanner.useHeroBanner(a,t,y),v=!!c?.link&&m&&"edit"!==u,k=system.createAttr({...attrs.getAttr({uid:r?.uid||""})}),p=system.createAttr({...attrs.getAttrLink()}),R=system.createStyle({...styles.getStyle(a,t,n)}),I=system.createClass({...classes.getClasses({setting:t,builderProps:r,advancedCssClass:d})}),L=system.createClass({...classes.getLinkClasses()}),b=()=>jsxRuntime.jsx(HeroBannerItem.default,{setting:t,styles:a,children:o,rawChildren:e.rawChildren,builderProps:r,enableLazyLoadImage:l,elementRef:j,transform:g,dataVideo:B,layoutResponsive:q,bgRef:C,isShowVideoHtml5:H});return jsxRuntime.jsxs("div",{...s,...k,className:I,style:R,onMouseEnter:h,onMouseLeave:x,children:[system.If(!v,b()),system.If(v,jsxRuntime.jsx("div",{...p,"aria-hidden":"true",onClick:f,className:L,children:b()})),core.filterToolbarPreview(o,!0)]})};exports.default=HeroBanner;

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

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var HeroBannerItem_liquid=require("./HeroBannerItem.liquid.js"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),system=require("@gem-sdk/system"),core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),helpers$1=require("../common/helpers.js");const HeroBanner=e=>{let{builderAttrs:s,builderProps:t,setting:r,styles:a,style:l,children:n,advanced:o,pageContext:i}=e,{enableLazyLoadImage:c}=i??{},{enableLink:d}=r??{},p=helpers$1.getBannerLink(r),{cssClass:u}=o??{},{urlData:m}=helpers.getInsertLinkData("",p),g=system.createStateOrContext({background:helpers$1.getResponsiveSetting(a?.background||{}),uid:t?.uid,enableParallax:Number(r?.speedParallax||0)>0,speedParallax:Number(r?.speedParallax)||0,hoverEffect:a?.hoverEffect,hoverEffectScale:a?.hoverEffectScale,layout:r?.layout,contentPosition1Col:a?.contentPosition1Col,contentPosition2Col:a?.contentPosition2Col,aspectRatio:r?.aspectRatio,target:m?.target??"_blank",href:m?.href??"",linkType:p?.type??""}),y=!!p?.link&&d,h=system.createAttr({...attrs.getAttr({uid:t?.uid||""})}),f=system.createAttr(attrs.getAttrLink()),$=system.createStyle({...styles.getStyle(a,r,l)}),v=system.createClass({...classes.getClasses({setting:r,builderProps:t,advancedCssClass:u})}),S=system.createClass({...classes.getLinkClasses()}),k=()=>HeroBannerItem_liquid.default({setting:r,styles:a,children:n,enableLazyLoadImage:c,rawChildren:e.rawChildren,builderProps:t});return core.template`
+      <gp-hero-banner
+        ${{...s}}
+        ${{...h}}
+        class="${v}"
+        style="${$}"
+        gp-data='${core.dataStringify(g)}'
+      >
+        ${system.If(!y,k())}
+        ${system.If(y,core.template`
+          <div
+            ${{...f}}
+            aria-hidden="true"
+            class="${S}"
+          >
+            ${k()}
+          </div>`)}
+      </gp-hero-banner>
+       ${core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-hero-banner-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-hero-banner-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>
+`)}
+  `};exports.default=HeroBanner;

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

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),core=require("@gem-sdk/core"),Row=require("../../grid/components/row/Row.js"),system=require("@gem-sdk/system"),AdaptiveImage=require("../../image/components/AdaptiveImage.js"),HTML5Embed=require("../../video/components/HTML5Embed.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js"),LiteYouTubeEmbed=require("../../video/components/LiteYouTubeEmbed.js"),helpers$1=require("../../video/common/helpers.js");const HeroBannerItem=e=>{core.useEditorMode();let{enableLazyLoadImage:s,setting:t,styles:l,children:a,elementRef:r,transform:o,dataVideo:i,bgRef:m,isShowVideoHtml5:c,layoutResponsive:n}=e,{layout:y,verticalAlign:d,enableParallax:u,alt:p,title:g}=t??{},{background:b,overlayColor:v,verticalGutter:C,sizeSetting:h,contentWidth:j,hoverEffect:R,contentPosition1Col:f,contentPosition2Col:x}=l??{},S=!(b?.desktop?.preload||b?.tablet?.preload||b?.mobile?.preload)&&s&&!1,k=helpers.getAspectRatioSettings(t?.ratioOptions,t?.aspectRatio),I=system.createStyle({...styles.getContainerStyle(l,t)}),B=system.createClass({...classes.getContainerClasses(t,l)}),T=system.createStyle({...styles.getOverlayStyle(l)}),q=system.createClass({...classes.getOverlayClasses(l)}),w=system.createStyle({...styles.getRowStyle(l)}),H=system.createClass({...classes.getRowClasses(l,t)}),A=system.createStyle({...styles.getAdaptiveStyle(l)}),L=system.createClass({...classes.getAdaptivePictureClasses()}),E=system.createClass({...classes.getAdaptiveClasses()}),N=system.createClass({...classes.getBackgroundClasses(R,S)}),V=system.createStyle({...helpers.getBackgroundImageHeroBanner(b,S,!0),...styles.getBackgroundStyle(l,u,o)}),Y=system.createClass({...classes.getContainBackgroundClasses()}),z=system.createStyle({...styles.getContainBackgroundStyle(l)}),M=system.createClass({...classes.getHtml5VideoClasses(t?.aspectRatio,!c)}),O=system.createStyle({...styles.getYoutubeIframeStyle(k)}),$=system.createStyle({...styles.getHtml5VideoStyle(k)}),P=system.createClass({...classes.getWrapperYoutubeClasses()}),W=system.createClass({...classes.getIframeYoutubeClasses()}),_=React.useMemo(()=>{if(!helpers.showVideoType(b))return;if(i?.videoType==="html5"&&!i.videoHtml5||i?.videoType==="youtube"&&!i.video)return null;if(i?.type==="video"&&i?.videoType==="html5"&&i?.videoHtml5)return jsxRuntime.jsx(HTML5Embed.default,{muted:!0,loop:i?.loop,controls:!1,autoplay:!0,src:i?.videoHtml5||"",title:"Video",style:$,className:M});let e=i?.video??"",s=helpers$1.getYoutubeVideoId(e),t=i?.loop?1:0,l=`&loop=${t}&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(i?.type==="video"&&i?.videoType==="youtube"&&s&&helpers$1.youtubeVideoRegex.test(e))return jsxRuntime.jsx(LiteYouTubeEmbed.default,{id:s,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:l,adNetwork:!1,noCookie:!0,muted:!0,lazy:i?.lazyLoad??!0,style:O,wrapperClass:P,iframeClass:W})},[i,b,M,W,P,O,$]);return jsxRuntime.jsxs("div",{className:B,style:I,children:[jsxRuntime.jsxs("div",{ref:r,"aria-label":"Background Image",role:"banner",className:Y,style:z,children:[jsxRuntime.jsx("div",{ref:m,className:N,style:V,children:_}),!!v&&jsxRuntime.jsx("div",{"aria-label":"Overlay",role:"banner",className:q,style:T})]}),jsxRuntime.jsx(Row.default,{className:H,style:w,setting:{layout:y,horizontalAlign:helpers.horizontalAlign(y,f,x),verticalAlign:d},styles:{verticalGutter:C,width:helpers.getWidth(j),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},hiddenEmptyCol:n?.cols?.length===1,onBlur:e=>helpers.scrollToContentBanner(e),children:core.filterToolbarPreview(a)}),jsxRuntime.jsx(AdaptiveImage.default,{pictureClass:L,srcSet:helpers.getBgImage(b),className:E,aspectRatio:core.getAspectRatioGlobalSize(h),style:A,alt:p,title:g,enableLazyLoadImage:S,fallbackImg:helpers.fallbackImg})]})};exports.default=HeroBannerItem;

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

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var Row_liquid=require("../../grid/components/row/Row.liquid.js"),core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),AdaptiveImage_liquid=require("../../image/components/AdaptiveImage.liquid.js"),HTML5Embed_liquid=require("../../video/components/HTML5Embed.liquid.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js"),helpers$1=require("../../image/common/helpers.js"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),LiteYouTubeEmbed_liquid=require("../../video/components/LiteYouTubeEmbed.liquid.js"),helpers$3=require("../../video/common/helpers.js"),helpers$2=require("../../grid/components/row/common/helpers.js");const HeroBannerItem=e=>{let{enableLazyLoadImage:s,setting:t,styles:l,children:a,builderProps:r,rawChildren:i}=e,{layout:o,verticalAlign:d,enableParallax:m,alt:c,title:u}=t??{},{background:y,overlayColor:p,verticalGutter:n,sizeSetting:g,contentWidth:b,hoverEffect:C,contentPosition1Col:h,contentPosition2Col:v}=l??{},q=!(y?.desktop?.preload||y?.tablet?.preload||y?.mobile?.preload)&&s,S=helpers.getAspectRatioSettings(t?.ratioOptions,t?.aspectRatio),I=helpers.getResponsiveSetting(y||{}).desktop,f=system.createStyle({...styles.getContainerStyle(l,t)}),$=system.createClass({...classes.getContainerClasses(t,l)}),k=system.createStyle({...styles.getOverlayStyle(l)}),B=system.createClass({...classes.getOverlayClasses(l)}),j=system.createStyle({...styles.getRowStyle(l)}),R=system.createClass({...classes.getRowClasses(l,t)}),w=system.createStyle({...styles.getAdaptiveStyle(l)}),_=system.createClass({...classes.getAdaptivePictureClasses()}),A=system.createClass({...classes.getAdaptiveClasses()}),H=system.createClass({...classes.getBackgroundClasses(C,q)}),L=system.createStyle({...helpers.getBackgroundImageHeroBanner(y,q,!1),...styles.getBackgroundStyle(l,m,"")}),V=system.createClass({...classes.getContainBackgroundClasses()}),E=system.createStyle({...styles.getContainBackgroundStyle(l)}),N=system.createClass({...classes.getHtml5VideoClasses(t?.aspectRatio,!1)}),T=system.createStyle({...styles.getYoutubeIframeStyle(S)}),z=system.createClass({...classes.getWrapperYoutubeClasses()}),Y=system.createStyle({...styles.getHtml5VideoStyle(S)}),x=system.createClass({...classes.getIframeYoutubeClasses()}),O=e=>system.createClass({...classes.getLazyBackgroundClasses(e)}),M=()=>{if(!(y?.desktop?.preload||y?.tablet?.preload||y?.mobile?.preload))return core.DEVICES.map(e=>system.If(helpers.getEnableBgImageByDevice(e,y),NextImage_liquid.default({src:helpers$1.getImageSrc(core.getResponsiveValueByScreen(helpers.getBgImage(y),e),e),alt:c,title:u,className:O(e),isDisableAspectStyle:!0,enableLazyLoadImage:s}))).join("")},D=()=>{if(!helpers.showVideoType(y))return;if(helpers$2.isRenderHtmlVideo(y))return HTML5Embed_liquid.default({uid:r?.uid,muted:!0,loop:I?.loop,controls:!1,autoplay:!0,src:I?.videoHtml5||"",title:"Video",style:Y,className:N});let e=I?.video??"",s=helpers$3.getYoutubeVideoId(e),t=`&loop=false&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(I?.type==="video"&&I?.videoType==="youtube"&&s&&helpers$3.youtubeVideoRegex.test(e))return LiteYouTubeEmbed_liquid.default({uid:r?.uid,id:s,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:t,adNetwork:!1,noCookie:!0,muted:!0,lazy:I?.lazyLoad??!0,preload:!0,style:T,wrapperClass:z,iframeClass:x})};return core.template`
+  <div class="${$}" style="${f}">
+      <div
+        aria-label="Background Image"
+        role="banner"
+        class="${V}"
+        style="${E}"
+      >
+        <div class="${H}" style="${L}">
+          ${M()}
+          ${D()}
+        </div>
+        ${system.If(!!p,core.template`<div aria-label="Overlay" role="banner" class="${B}" style="${k}"> </div>`)}
+      </div>
+      ${Row_liquid.default({className:R,style:j,setting:{layout:o,horizontalAlign:helpers.horizontalAlign(o,h,v),verticalAlign:d},styles:{verticalGutter:n,width:helpers.getWidth(b),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},children:a,rawChildren:i})}
+        ${AdaptiveImage_liquid.default({pictureClass:_,srcSet:helpers.getBgImage(y),className:A,aspectRatio:core.getAspectRatioGlobalSize(g),style:w,alt:c,title:u,enableLazyLoadImage:q,fallbackImg:helpers.fallbackImg})}
+  </div>
+`};exports.default=HeroBannerItem;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),core=require("@gem-sdk/core"),useTranslateValue=require("./useTranslateValue.js"),useIntersectionObserver=require("./useIntersectionObserver.js"),helpers=require("../common/helpers.js"),animationManager=require("../common/animation-manager.js");const useHeroBanner=(e,t,r)=>{let{hoverEffect:a,hoverEffectScale:n,background:s}=e||{},{link:u}=t||{},l=Number(t?.speedParallax)||0,[i,o]=React.useState(0),[c,g]=React.useState(null),[d,m]=React.useState(null),[p,R]=React.useState(""),f=React.useRef(null),[v,B]=useIntersectionObserver.default(),{translateValue:b}=useTranslateValue.useTranslateValue({containerBoundingClientRect:c,backgroundBoundingClientRect:d,speed:l}),x=core.getResponsiveValueByScreen(t?.layout,r),M=helpers.getResponsiveSetting(s||{}),q=Number(t?.speedParallax||0)>0&&M[r]?.type==="image",y=()=>{a&&q&&R(`${p} scale(${n||"100%"})`)},S=()=>{a&&q&&R(`translateY(${b}px)`)},V=e=>{u?.link&&!e?.srcElement?.closest("a")&&window.open(u?.link,u.target)};React.useEffect(()=>{q?R(`translateY(${b}px)`):R("")},[b,q]);let j=React.useCallback(()=>{if(!q||0===l||!B)return;let e=Number(window.scrollY.toFixed(0));i!==e&&(g(v?.current?v?.current?.getBoundingClientRect():null),m(f?.current?f?.current?.getBoundingClientRect():null),o(e))},[i,B,q,l,v,f]),H=core.getBgVideoByDevice(s,r),T=React.useMemo(()=>!!(H?.videoHtml5&&"html5"===H.videoType),[H]);return React.useEffect(()=>(animationManager.default.register(j),()=>{animationManager.default.unregister(j)}),[j]),React.useEffect(()=>(animationManager.default.register(j),()=>{animationManager.default.unregister(j)}),[j]),{onMouseEnterParallax:y,onMouseLeaveParallax:S,bgRef:f,transform:p,elementRef:v,dataVideo:H,isShowVideoHtml5:T,openLinkBanner:V,layoutResponsive:x}};exports.default=useHeroBanner,exports.useHeroBanner=useHeroBanner;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react");const useIntersectionObserver=(e={})=>{let[t,r]=React.useState(!1),s=React.useRef(null);return React.useEffect(()=>{let t=new IntersectionObserver(e=>{let[t]=e;t&&(t.isIntersecting?r(!0):r(!1))},{...e}),{current:n}=s;return n&&t.observe(n),()=>{n&&t.unobserve(n)}},[e]),[s,t]};exports.default=useIntersectionObserver;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),useWindowSize=require("./useWindowSize.js"),helpers=require("../common/helpers.js");const useTranslateValue=({containerBoundingClientRect:e,backgroundBoundingClientRect:t,speed:s=1})=>{let[r,a]=React.useState(0),[u,l]=React.useState(0),{height:i}=useWindowSize.default();return React.useEffect(()=>{t&&e&&a(t.height-e.height)},[e,t]),React.useEffect(()=>{if(!e||!t||!i)return;let a=helpers.getPercentageVisible(t,i),u=a/100*r-r/2;l(-(u*s*1))},[r,i,e,t,s]),{translateValue:u}};exports.default=useTranslateValue,exports.useTranslateValue=useTranslateValue;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),helpers=require("../common/helpers.js");const useWindowSize=()=>{let[e,t]=React.useState(null),[r,i]=React.useState(null),n=()=>{t(window.innerHeight),i(window.innerWidth)},s=helpers.debounce(n,200);return React.useEffect(()=>(s(),window.addEventListener("resize",s),()=>{window.removeEventListener("resize",s)}),[s]),{height:e,width:r}};exports.default=useWindowSize;

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

@@ -0,0 +1 @@
+"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube"),require("../image/components/AdaptiveImage.js"),require("./common/animation-manager.js");var HeroBanner$1=require("./settings/HeroBanner.js");const bannerSetting={HeroBanner:HeroBanner$1.default};exports.bannerSetting=bannerSetting;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const HeroBanner=dynamic(()=>Promise.resolve().then(function(){return require("./components/HeroBanner.js")}),{loading:Loading.default});var banner={HeroBanner};exports.default=banner;

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

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var banner1Col=require("./configs/presets/banner-1-col.js"),banner1ColPreSalesPage=require("./configs/presets/banner-1-col-pre-sales-page.js"),bannerContentLeft=require("./configs/presets/banner-content-left.js"),bannerContentLeftPreSalesPage=require("./configs/presets/banner-content-left-pre-sales-page.js"),bannerContentRight=require("./configs/presets/banner-content-right.js"),bannerContentRightPreSalesPage=require("./configs/presets/banner-content-right-pre-sales-page.js"),bannerVideo=require("./configs/presets/banner-video.js"),bannerVideoPreSalesPage=require("./configs/presets/banner-video-pre-sales-page.js"),bannerParallax=require("./configs/presets/banner-parallax.js"),bannerParallaxPreSalesPage=require("./configs/presets/banner-parallax-pre-sales-page.js"),uiV1=require("./configs/ui-v1.js"),uiV2=require("./configs/ui-v2.js"),settings=require("./configs/settings.js");const 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:settings.SettingsV2,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,presets:[banner1Col.heroBanner1Col,banner1ColPreSalesPage.heroBanner1ColPreSalesPage,bannerContentLeft.heroBannerContentLeft,bannerContentLeftPreSalesPage.heroBannerContentLeftPreSalesPage,bannerContentRight.heroBannerContentRight,bannerContentRightPreSalesPage.heroBannerContentRightPreSalesPage,bannerVideo.heroBannerVideo,bannerVideoPreSalesPage.heroBannerVideoPreSalesPage,bannerParallax.heroBannerParallax,bannerParallaxPreSalesPage.heroBannerParallaxPreSalesPage],editorConfigs:{slots:{children:!0},placeholder:{notAppendTags:["MarqueeItem","Marquee"]}}};exports.default=config;

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

@@ -0,0 +1,18 @@
+"use strict";const 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"}}}]}]}]};exports.heroBanner1ColPreSalesPage=heroBanner1ColPreSalesPage;

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

@@ -0,0 +1,18 @@
+"use strict";const 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"}}}]}]}]};exports.heroBanner1Col=heroBanner1Col;

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

@@ -0,0 +1,17 @@
+"use strict";const 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:[]}]}]};exports.heroBannerContentLeftPreSalesPage=heroBannerContentLeftPreSalesPage;

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

@@ -0,0 +1,17 @@
+"use strict";const 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:[]}]}]};exports.heroBannerContentLeft=heroBannerContentLeft;

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

@@ -0,0 +1,26 @@
+"use strict";const 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:[]}]}]};exports.heroBannerContentRightPreSalesPage=heroBannerContentRightPreSalesPage;

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

@@ -0,0 +1,26 @@
+"use strict";const heroBannerContentRight={id:"hero-banner-content-right",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"}}},styles:{contentWidth:{desktop:"1200px"},sizeSetting:{desktop:{shape:"original",width:"100%"},mobile:{shape:"custom",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:[]}]}]};exports.heroBannerContentRight=heroBannerContentRight;

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

@@ -0,0 +1,16 @@
+"use strict";const heroBannerParallaxPreSalesPage={id:"hero-banner-parallax-pre-sales-page",name:{en:"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"/>
+<ellipse cx="5" cy="24.5" rx="11" ry="11.5" fill="#5E5E5E"/>
+<path d="M-4.39892 61.8234L13.5988 40.4906C14.2081 39.767 14.9611 39.1816 15.8088 38.7727C16.6564 38.3638 17.5796 38.1406 18.5181 38.1175C19.4566 38.0944 20.3894 38.272 21.2556 38.6387C22.1219 39.0055 22.902 39.5531 23.5453 40.2459L31.9609 49.2989L64.858 9.43075C65.502 8.64956 66.3116 8.02551 67.2264 7.60499C68.1413 7.18447 69.138 6.9783 70.1423 7.00181C71.1467 7.02532 72.1329 7.2779 73.0276 7.74078C73.9223 8.20366 74.7026 8.86493 75.3103 9.67543L114.641 62.0866C115.393 63.0913 115.853 64.2887 115.97 65.5441C116.087 66.7994 115.856 68.063 115.303 69.1926C114.751 70.3222 113.897 71.2732 112.84 71.9384C111.783 72.6037 110.564 72.957 109.319 72.9585L0.685989 73C-0.591779 72.9995 -1.84266 72.6281 -2.91866 71.9299C-3.99467 71.2317 -4.85077 70.2358 -5.38568 69.06C-5.92059 67.8843 -6.11193 66.5779 -5.93706 65.2955C-5.76219 64.0131 -5.22843 62.8082 -4.39892 61.8234Z" fill="#5E5E5E"/>
+<rect x="36" y="21" width="22" height="6" rx="3" fill="#F9F9F9"/>
+</g>
+<defs>
+<clipPath id="clip0_21157_36120">
+<rect width="96" height="48" rx="3" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+
+    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[12],display:"fill"}},enableParallax:!0,speedParallax:.6,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"}}}]}]}]};exports.heroBannerParallaxPreSalesPage=heroBannerParallaxPreSalesPage;