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

package/dist/cjs/helpers.js

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

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

@@ -1 +1 @@
-"use strict";function t(t,a,e){return a in t?Object.defineProperty(t,a,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[a]=e,t}Object.defineProperty(exports,"__esModule",{value:!0});class a{static getInstance(){return a.instance||(a.instance=new a),a.instance}register(t){this.callbacks.add(t),null===this.animationFrameId&&this.start()}unregister(t){this.callbacks.delete(t),0===this.callbacks.size&&null!==this.animationFrameId&&this.stop()}start(){let t=()=>{this.callbacks.forEach(t=>t()),this.animationFrameId=requestAnimationFrame(t)};this.animationFrameId=requestAnimationFrame(t)}stop(){null!==this.animationFrameId&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null)}constructor(){t(this,"callbacks",new Set),t(this,"animationFrameId",null)}}t(a,"instance",void 0);var e=a.getInstance();exports.default=e;
+"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

@@ -1 +1 @@
-"use strict";exports.getAttr=({uid:t})=>({"data-id":t}),exports.getAttrLink=()=>({"data-hero-banner-link":"true","aria-label":"Hero banner link"});
+"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

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

@@ -1 +1 @@
-"use strict";exports.DEFAULT_CLIP_PATH="inset(0px)",exports.VIDEO_IFRAME_SCALE="1.04";
+"use strict";const DEFAULT_CLIP_PATH="inset(0px)",VIDEO_IFRAME_SCALE="1.04";exports.DEFAULT_CLIP_PATH="inset(0px)",exports.VIDEO_IFRAME_SCALE="1.04";

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

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),t=require("../../image/common/helpers.js"),o=require("../../constant.js"),r=require("./const.js");const l=(t,o,r)=>{let l={};return e.DEVICES.map(i=>{let s=e.getResponsiveValueByScreen(t,i),a=e.getResponsiveValueByScreen(o,i),n=e.getResponsiveValueByScreen(r,i);l={...l,[i]:1>=(s?.cols?.length||1)?a:n}}),l},i=e=>{if(!e)return{};let t={desktop:e?.desktop?.image,tablet:e?.tablet?.image,mobile:e?.mobile?.image};return t},s=e=>{let o=i(e);return{desktop:t.createBlurDataURL(o?.desktop?.width??0,o?.desktop?.height??0),tablet:t.createBlurDataURL(o?.tablet?.width??o?.desktop?.width??0,o?.tablet?.height??o?.desktop?.width??0),mobile:t.createBlurDataURL(o?.mobile?.width??o?.tablet?.width??o?.desktop?.width??0,o?.mobile?.height??o?.tablet?.height??o?.desktop?.width??0)}},a=(o,r,l,a)=>{if(!o)return"";let n=i(o),p=e.getResponsiveValueByScreen(o,r),b=l?`url(${s(o)[r]})`:`url(${t.getImageSrc(e.getResponsiveValueByScreen(n,r),r,a)})`,g=p?.color?`, ${p.color}`:"";return p?.color?.includes(e.GRADIENT_BGR_KEY)&&p?.type==="image"?`${b}${g}`:p?.color?.includes(e.GRADIENT_BGR_KEY)&&p?.type!=="image"?`${p.color}`:p?.type==="image"?b:"url()"},n=(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}}},p=(e,t)=>{if(!e)return t;let o=e?.shapeVideo;return"custom"===o?e?.shapeValue||t:void 0!==o?o:e?.shapeValue??t},b=({shapeByDevice:e,fallbackRatio:t,device:o,currentResult:r})=>{let l=p(e,t);return l?{...r,[o]:l}:r},g=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},c=(e,t)=>{if(!e)return;if(!t)return e.shapeValue;let o=e.shapeVideo;return"custom"===o?e.shapeValue:o},u=(t,o)=>{let r=!1,l=e.DEVICES.reduce((l,i)=>{let s=e.getResponsiveValueByScreen(t,i),a=e.getResponsiveValueByScreen(o,i),n=c(s,a?.type==="video");return n&&(l[i]=n,r=!0),l},{});return{aspectRatio:r?l:void 0}},d=(t,o,r)=>e.DEVICES.reduce((l,i)=>{let s=e.getValueByDevice(t,i),a=s?.type==="video"?s?.videoType:void 0,n=e.getValueByDevice(o,i),p=r?.[i];return p&&"youtube"===a&&"cover"!==n&&(l[i]=p),l},{}),m=({enableParallax:e=!1,attachment:t="scroll"})=>!!e||"fixed"===t,y=(t,o)=>{let r={};return["desktop","mobile","tablet"].forEach(l=>{let i=e.getResponsiveValueByScreen(t,l),s=i?.type==="image"&&o,a=m({enableParallax:s,attachment:t[l]?.attachment});r={...r,[l]:s?"150%":a?"100vh":"100%"}}),e.makeStyleResponsive("h",r)},h=(t,o)=>{let r={};return["desktop","mobile","tablet"].forEach(l=>{let i=e.getResponsiveValueByScreen(t,l),s=i?.type==="image"&&o,a=m({enableParallax:s,attachment:t[l]?.attachment});r={...r,[l]:a?"100vw":"100%"}}),e.makeStyleResponsive("w",r)},f=t=>{let o={};return["desktop","mobile","tablet"].forEach(e=>{o={...o,[e]:t[e]?.attachment==="fixed"?"0px":""}}),e.makeStyleResponsive("top",o)},I=(e,t=0,o=0)=>{let r=t,l=t;if(t>o?r=o:l=o,e>=999){let t=e-r;return t>0?t:0}let i=e-l;return i>0?i:0},v=({device:e,settingLayoutRes:t,contentPosition1ColRes:o})=>{let r=t[e]?.cols??[],l=r.length<=1,i=o[e];if(l&&i)return["space-between","top","center","bottom"].includes(i)?i:void 0},k=e=>{let t=e.desktop,o=e.tablet?e.tablet:t,r=e.mobile?e.mobile:o;return{desktop:t,tablet:o,mobile:r}},S=(t,o)=>{if(!t||!o)return 16/9;let r=e.getResponsiveValueByScreen(t,o),l=r?.videoCustomRatio;if(l?.width&&l?.height){let e=Number(l.width),t=Number(l.height);if(e>0&&t>0)return e/t}return 16/9},x=e=>{switch(e){case"top":default:return{top:"0%",transform:`translate(-50%, 0%) scale(${r.VIDEO_IFRAME_SCALE})`};case"bottom":return{top:"100%",transform:`translate(-50%, -100%) scale(${r.VIDEO_IFRAME_SCALE})`};case"center":return{top:"50%",transform:`translate(-50%, -50%) scale(${r.VIDEO_IFRAME_SCALE})`}}};exports.collectAspectRatioByDevice=u,exports.collectYoutubeAspectRatio=d,exports.debounce=function(e,t){let o;return function(...r){clearTimeout(o),o=setTimeout(()=>e.apply(this,r),t)}},exports.fallbackImg="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJnLTE5MjAtOTAwIj4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjIwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjUwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjcwJSIgLz4KICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxyZWN0IHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjkwMCIgZmlsbD0icmdiYSg1MSwgNTEsIDUxLCAwKSIgLz4KICAgIDxyZWN0IGlkPSJyIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZy0xOTIwLTkwMCkiIC8+CiAgICA8YW5pbWF0ZSB4bGluazpocmVmPSIjciIgYXR0cmlidXRlTmFtZT0ieCIgZnJvbT0iLTE5MjAiIHRvPSIxOTIwIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgIC8+CiAgPC9zdmc+",exports.formatHoverScale=e=>e?String(e).includes("%")?`${e}`:`${e}%`:"100%",exports.getAspectRatio=(e,t)=>{let{aspectRatio:o}=u(e,t);return o},exports.getAttachmentDevice=e=>{let t={};return["desktop","mobile","tablet"].forEach(o=>{let r=e?.[o]?.attachment;t={...t,[o]:"fixed"===r?"fixed":"absolute"}}),t},exports.getBackgroundImageHeroBanner=(t,o=!1,r=!1)=>{if(!t)return;let l={};return e.DEVICES.forEach(e=>{l={...l,[e]:a(t,e,o,r)}}),e.makeStyleResponsive("bgi",l)},exports.getBannerLink=e=>{let t=e?.link;return t?.type==="go-to-sales-page"?{type:"go-to-sales-page",link:o.HREF_TO_SALES_PAGE,target:"_self"}:t},exports.getBgImage=i,exports.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}),exports.getClassContentPosition=e=>{let t={center:"center",top:"start",bottom:"end","space-between":"between"},o=e.desktop||"center",r=e.tablet||o,l=e.mobile||r;return{[`gp-justify-${t[o]}`]:!0,[`tablet:gp-justify-${t[r]}`]:!0,[`mobile:gp-justify-${t[l]}`]:!0}},exports.getClassForContentByFitContent=(t,o)=>{let r={desktop:!1,tablet:!1,mobile:!1};return["desktop","mobile","tablet"].forEach(l=>{let i=e.getResponsiveValueByScreen(t,l),s=!!n(l,o),a=i?.shape,p=i?.height;r={...r,[l]:"original"===a&&"fit-content"!==p&&!s}}),e.cls(r.desktop?"!gp-absolute":"",r.tablet?"tablet:!gp-absolute":"tablet:!gp-relative",r.mobile?"mobile:!gp-absolute":"mobile:!gp-relative")},exports.getClassForStretchContent=t=>{let o={desktop:"none",tablet:"none",mobile:"none"};return["desktop","mobile","tablet"].forEach(r=>{let l=e.getResponsiveValueByScreen(t,r);o={...o,[r]:l}}),e.cls("space-between"===o.desktop?"[&>*>*]:!gp-justify-between":"","space-between"===o.tablet?"tablet:[&>*>*]:!gp-justify-between ":`tablet:[&>*>*]:!gp-justify-${t?.tablet}`,"space-between"===o.mobile?"mobile:[&>*>*]:!gp-justify-between ":`mobile:[&>*>*]:!gp-justify-${t?.mobile}`)},exports.getClassSpaceBetween=(t,o)=>{let r=k(t),l=k(o),i={desktop:v({device:"desktop",settingLayoutRes:r,contentPosition1ColRes:l}),tablet:v({device:"tablet",settingLayoutRes:r,contentPosition1ColRes:l}),mobile:v({device:"mobile",settingLayoutRes:r,contentPosition1ColRes:l})},s={"space-between":{desktop:"!gp-h-full !gp-content-stretch [&>*]:!gp-justify-between [&>*:nth-child(2)]:gp-absolute [&>*:nth-child(2)]:gp-hidden",tablet:"tablet:!gp-h-full tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-between tablet:[&>*:nth-child(2)]:gp-absolute tablet:[&>*:nth-child(2)]:gp-hidden",mobile:"mobile:!gp-h-full mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-between mobile:[&>*:nth-child(2)]:gp-absolute  mobile:[&>*:nth-child(2)]:gp-hidden"},top:{desktop:"!gp-content-stretch [&>*]:!gp-justify-start",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-start",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-start"},center:{desktop:"!gp-content-stretch [&>*]:!gp-justify-center",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-center",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-center"},bottom:{desktop:"!gp-content-stretch [&>*]:!gp-justify-end",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-end",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-end"}},a={};return e.DEVICES.forEach(e=>{let t=i[e],o=s?.[t]?.[e];a[o]=!0}),a},exports.getClassSpaceBetweenLeftRight=e=>{let t=k(e),o=t?.desktop?.type=="left-distributed"||t?.desktop?.type=="right-distributed",r=t?.tablet?.type=="left-distributed"||t?.tablet?.type=="right-distributed",l=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":r,"mobile:!gp-h-full mobile:[&>*]:!gp-justify-between":l,"mobile:!gp-h-auto":!l}},exports.getClipPath=(e,t)=>{if(!t)return`${r.DEFAULT_CLIP_PATH}`;let[o,l,i,s]=(e??"0 0 0 0").split(" ").map(e=>parseInt(e??"0")||0),{btlr:a,btrr:n,bbrr:p,bblr:b}=t,g=I(parseInt(a??"0")||0,o,s),c=I(parseInt(n??"0")||0,o,l),u=I(parseInt(p??"0")||0,l,i),d=I(parseInt(b??"0")||0,i,s);return[g,c,u,d].every(e=>0===e)?`${r.DEFAULT_CLIP_PATH}`:`inset(0 0 0 round ${g}px ${c}px ${u}px ${d}px)`},exports.getContainerRatio=e=>{if(!e)return 0;let{width:t,height:o}=e.getBoundingClientRect();return t&&o?t/o:0},exports.getContentPosition=l,exports.getDataVideoHeroBannerResponsive=n,exports.getDisplayStyleByFitContent=(t,o)=>{let r={desktop:"none",tablet:"none",mobile:"none"};return["desktop","mobile","tablet"].forEach(l=>{let i=e.getResponsiveValueByScreen(t,l),s=!!n(l,o),a=i?.shape,p=i?.height;r={...r,[l]:"original"!==a||"fit-content"===p||s?"none":"block"}}),e.makeStyleResponsive("d",r)},exports.getEnableBgImageByDevice=(t,o)=>{if(!e.getResponsiveValueByScreen(i(o),t))return!1;if(!o?.[t]){if("mobile"===t)return o?.tablet?.type==="image"||o?.desktop?.type==="image"&&!o?.tablet;if("tablet"===t)return o?.desktop?.type==="image"}return o?.[t]?.type==="image"},exports.getOpacityHover=e=>{let{overlayOpacity:t}=e??{},o="number"!=typeof t?.hover||isNaN(t?.hover)?"string"==typeof t?.hover?`${parseInt(t?.hover)}%`:"":`${t?.hover}%`,r="number"!=typeof t?.normal||isNaN(t?.normal)?"string"==typeof t?.normal?`${parseInt(t?.normal)}%`:"0%":`${t?.normal}%`;return o||r},exports.getPercentageVisible=(e,t)=>{let{top:o,height:r}=e,l=-r;return o<l?0:o>t?100:Math.min(Math.max((o-l)/(t-l)*100,0),100)},exports.getResponsiveSetting=k,exports.getStyleAspectRatioHeroBannerCustom=(t,o)=>{let r=e.getAspectRatioGlobalSize(o);return["desktop","mobile","tablet"].forEach(l=>{let i=e.getResponsiveValueByScreen(o,l),s=!!n(l,t);s&&(r=b({shapeByDevice:i,fallbackRatio:"auto",device:l,currentResult:r}))}),e.makeStyleResponsive("aspect",r)},exports.getStyleHeroBannerBg=(e,t)=>{let o=y(e,t),r=h(e,t),l=f(e);return{...o,...r,...l}},exports.getVideoAspectRatio=S,exports.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]}),{}):{},exports.getWidth=e=>{let t={};return["desktop","mobile","tablet"].forEach(o=>{let r=e?.[o];r&&(t={...t,[o]:"default"===r?"var(--g-ct-w, 1200px)":r})}),t},exports.getYoutubeAspectRatio=(e,t,o)=>{let r=d(e,t,o);return Object.keys(r).length?r:void 0},exports.horizontalAlign=(e,t,o)=>g(l(e,t,o)),exports.imagePlaceholder=s,exports.isScaleImage=m,exports.mapContentPositionToHorizontal=g,exports.opacityEnabledData=e=>{let{overlayColor:t,overlayOpacity:o}=e??{},r=!t?.normal||o?.normal=="0%"||!o?.normal;return{disableOpacity:r}},exports.resetVideoIframeStyle=e=>{e&&(e.style.removeProperty("width"),e.style.removeProperty("height"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("transform"),e.style.removeProperty("position"))},exports.resetVideoWrapperStyle=e=>{e.style.removeProperty("position"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("width"),e.style.removeProperty("height")},exports.scrollToContentBanner=e=>e?.target?.closest("div.gp-hero-banner-row")?.scrollTo(0,0),exports.setVideoIframeAlign=(e,t)=>{if(!e)return;let o=x(t);e.style.top=o.top,e.style.transform=o.transform},exports.setVideoWrapperStyle=e=>{Object.assign(e.style,{position:"absolute",top:"0",left:"0",width:"100%",height:"100%"})},exports.showVideoType=t=>e.DEVICES.some(o=>{let r=e.getValueByDevice(t,o);return r?.type!=="color"&&r?.type!=="image"&&!!r&&(r?.videoType==="html5"&&r?.videoHtml5||r?.videoType==="youtube"&&r?.video)}),exports.updateVideoIframeSize=({iframeEl:t,containerRatio:o,videoObjectFit:l,background:i,currentDevice:s,isYoutubeVideoMigrated:a})=>{let n,p;let b=S(i,s),g=e.getResponsiveValueByScreen(i,s);if(!t||!o)return;let c=g?.videoAlign||"top",u=x(c);if("contain"===l){Object.assign(t.style,{position:"absolute",top:"50%",left:"50%",width:"100%",height:"100%",maxWidth:"none",transform:`translate(-50%, -50%) scale(${r.VIDEO_IFRAME_SCALE})`});return}o>=b?(n=100,p=o/b*100):(p=100,n=b/o*100),Object.assign(t.style,{position:"absolute",top:u.top,left:"50%",width:a?"500%":`${n}%`,height:a?"100%":`${p}%`,maxWidth:"none",transform:u.transform})};
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../image/common/helpers.js"),constant=require("../../constant.js"),_const=require("./const.js");const getContentPosition=(e,t,o)=>{let i={};return core.DEVICES.map(r=>{let a=core.getResponsiveValueByScreen(e,r),l=core.getResponsiveValueByScreen(t,r),n=core.getResponsiveValueByScreen(o,r);i={...i,[r]:1>=(a?.cols?.length||1)?l:n}}),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,i)=>{if(!e)return"";let r=getBgImage(e),a=core.getResponsiveValueByScreen(e,t),l=o?`url(${imagePlaceholder(e)[t]})`:`url(${helpers.getImageSrc(core.getResponsiveValueByScreen(r,t),t,i)})`,n=a?.color?`, ${a.color}`:"";return a?.color?.includes(core.GRADIENT_BGR_KEY)&&a?.type==="image"?`${l}${n}`:a?.color?.includes(core.GRADIENT_BGR_KEY)&&a?.type!=="image"?`${a.color}`:a?.type==="image"?l:"url()"},getBackgroundImageHeroBanner=(e,t=!1,o=!1)=>{if(!e)return;let i={};return core.DEVICES.forEach(r=>{i={...i,[r]:getBgImageByScreen(e,r,t,o)}}),core.makeStyleResponsive("bgi",i)},getAttachmentDevice=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=e?.[o]?.attachment;t={...t,[o]:"fixed"===i?"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]}),{}):{},getVideoRatioFromSizeSetting=(e,t)=>{if(!e)return t;let o=e?.shapeVideo;return"custom"===o?e?.shapeValue||t:void 0!==o?o:e?.shapeValue??t},applyVideoRatioForDevice=({shapeByDevice:e,fallbackRatio:t,device:o,currentResult:i})=>{let r=getVideoRatioFromSizeSetting(e,t);return r?{...i,[o]:r}:i},getStyleAspectRatioHeroBannerCustom=(e,t)=>{let o=core.getAspectRatioGlobalSize(t),i=["desktop","mobile","tablet"];return i.forEach(i=>{let r=core.getResponsiveValueByScreen(t,i),a=!!getDataVideoHeroBannerResponsive(i,e);a&&(o=applyVideoRatioForDevice({shapeByDevice:r,fallbackRatio:"auto",device:i,currentResult:o}))}),core.makeStyleResponsive("aspect",o)},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"},i=["desktop","mobile","tablet"];return i.forEach(i=>{let r=core.getResponsiveValueByScreen(e,i),a=!!getDataVideoHeroBannerResponsive(i,t),l=r?.shape,n=r?.height,s="original"===l&&"fit-content"!==n&&!a;o={...o,[i]:s?"block":"none"}}),core.makeStyleResponsive("d",o)},getAspectRatioCandidate=(e,t)=>{if(!e)return;if(!t)return e.shapeValue;let o=e.shapeVideo;return"custom"===o?e.shapeValue:o},collectAspectRatioByDevice=(e,t)=>{let o=!1,i=core.DEVICES.reduce((i,r)=>{let a=core.getResponsiveValueByScreen(e,r),l=core.getResponsiveValueByScreen(t,r),n=getAspectRatioCandidate(a,l?.type==="video");return n&&(i[r]=n,o=!0),i},{});return{aspectRatio:o?i:void 0}},collectYoutubeAspectRatio=(e,t,o)=>core.DEVICES.reduce((i,r)=>{let a=core.getValueByDevice(e,r),l=a?.type==="video"?a?.videoType:void 0,n=core.getValueByDevice(t,r),s=o?.[r];return s&&"youtube"===l&&"cover"!==n&&(i[r]=s),i},{}),getAspectRatio=(e,t)=>{let{aspectRatio:o}=collectAspectRatioByDevice(e,t);return o},getYoutubeAspectRatio=(e,t,o)=>{let i=collectYoutubeAspectRatio(e,t,o);return Object.keys(i).length?i:void 0},getWidth=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=e?.[o];i&&(t={...t,[o]:"default"===i?"var(--g-ct-w, 1200px)":i})}),t},getPercentageVisible=(e,t)=>{let{top:o,height:i}=e,r=-i;if(o<r)return 0;if(o>t)return 100;let a=(o-r)/(t-r)*100;return Math.min(Math.max(a,0),100)},isScaleImage=({enableParallax:e=!1,attachment:t="scroll"})=>!!e||"fixed"===t,getHeightHeroBanner=(e,t)=>{let o={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let r=core.getResponsiveValueByScreen(e,i),a=r?.type==="image"&&t,l=isScaleImage({enableParallax:a,attachment:e[i]?.attachment});o={...o,[i]:a?"150%":l?"100vh":"100%"}}),core.makeStyleResponsive("h",o)},getWidthHeroBanner=(e,t)=>{let o={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let r=core.getResponsiveValueByScreen(e,i),a=r?.type==="image"&&t,l=isScaleImage({enableParallax:a,attachment:e[i]?.attachment});o={...o,[i]:l?"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),i=getWidthHeroBanner(e,t),r=getTopHeroBanner(e);return{...o,...i,...r}},calcRounderClipPath=(e,t=0,o=0)=>{let i=t,r=t;if(t>o?i=o:r=o,e>=999){let t=e-i;return t>0?t:0}let a=e-r;return a>0?a:0},getClipPath=(e,t)=>{if(!t)return`${_const.DEFAULT_CLIP_PATH}`;let[o,i,r,a]=(e??"0 0 0 0").split(" ").map(e=>parseInt(e??"0")||0),{btlr:l,btrr:n,bbrr:s,bblr:p}=t,g=calcRounderClipPath(parseInt(l??"0")||0,o,a),c=calcRounderClipPath(parseInt(n??"0")||0,o,i),b=calcRounderClipPath(parseInt(s??"0")||0,i,r),d=calcRounderClipPath(parseInt(p??"0")||0,r,a);return[g,c,b,d].every(e=>0===e)?`${_const.DEFAULT_CLIP_PATH}`:`inset(0 0 0 round ${g}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}),get1ColLayout=({device:e,settingLayoutRes:t,contentPosition1ColRes:o})=>{let i=t[e]?.cols??[],r=i.length<=1,a=o[e];if(!r||!a)return;let l=["space-between","top","center","bottom"];return l.includes(a)?a:void 0},getClassSpaceBetween=(e,t)=>{let o=getResponsiveSetting(e),i=getResponsiveSetting(t),r={desktop:get1ColLayout({device:"desktop",settingLayoutRes:o,contentPosition1ColRes:i}),tablet:get1ColLayout({device:"tablet",settingLayoutRes:o,contentPosition1ColRes:i}),mobile:get1ColLayout({device:"mobile",settingLayoutRes:o,contentPosition1ColRes:i})},a={"space-between":{desktop:"!gp-h-full !gp-content-stretch [&>*]:!gp-justify-between [&>*:nth-child(2)]:gp-absolute [&>*:nth-child(2)]:gp-hidden",tablet:"tablet:!gp-h-full tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-between tablet:[&>*:nth-child(2)]:gp-absolute tablet:[&>*:nth-child(2)]:gp-hidden",mobile:"mobile:!gp-h-full mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-between mobile:[&>*:nth-child(2)]:gp-absolute  mobile:[&>*:nth-child(2)]:gp-hidden"},top:{desktop:"!gp-content-stretch [&>*]:!gp-justify-start",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-start",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-start"},center:{desktop:"!gp-content-stretch [&>*]:!gp-justify-center",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-center",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-center"},bottom:{desktop:"!gp-content-stretch [&>*]:!gp-justify-end",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-end",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-end"}},l={};return core.DEVICES.forEach(e=>{let t=r[e],o=a?.[t]?.[e];l[o]=!0}),l},getClassSpaceBetweenLeftRight=e=>{let t=getResponsiveSetting(e),o=t?.desktop?.type=="left-distributed"||t?.desktop?.type=="right-distributed",i=t?.tablet?.type=="left-distributed"||t?.tablet?.type=="right-distributed",r=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":i,"mobile:!gp-h-full mobile:[&>*]:!gp-justify-between":r,"mobile:!gp-h-auto":!r}},getClassForStretchContent=e=>{let t={desktop:"none",tablet:"none",mobile:"none"},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=core.getResponsiveValueByScreen(e,o);t={...t,[o]:i}}),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},i=["desktop","mobile","tablet"];return i.forEach(i=>{let r=core.getResponsiveValueByScreen(e,i),a=!!getDataVideoHeroBannerResponsive(i,t),l=r?.shape,n=r?.height,s="original"===l&&"fit-content"!==n;o={...o,[i]:s&&!a}}),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",i=e.tablet||o,r=e.mobile||i;return{[`gp-justify-${t[o||"center"]}`]:!!o,[`tablet:gp-justify-${t[i||"center"]}`]:!!i,[`mobile:gp-justify-${t[r||"center"]}`]:!!r}},getResponsiveSetting=e=>{let t=e.desktop,o=e.tablet?e.tablet:t,i=e.mobile?e.mobile:o;return{desktop:t,tablet:o,mobile:i}},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(...i){clearTimeout(o),o=setTimeout(()=>e.apply(this,i),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}=e??{},i=!t?.normal||o?.normal=="0%"||!o?.normal;return{disableOpacity:i}},getOpacityHover=e=>{let{overlayOpacity:t}=e??{},o="number"!=typeof t?.hover||isNaN(t?.hover)?"string"==typeof t?.hover?`${parseInt(t?.hover)}%`:"":`${t?.hover}%`,i="number"!=typeof t?.normal||isNaN(t?.normal)?"string"==typeof t?.normal?`${parseInt(t?.normal)}%`:"0%":`${t?.normal}%`;return o||i},getVideoAspectRatio=(e,t)=>{if(!e||!t)return 16/9;let o=core.getResponsiveValueByScreen(e,t),i=o?.videoCustomRatio;if(i?.width&&i?.height){let e=Number(i.width),t=Number(i.height);if(e>0&&t>0)return e/t}return 16/9},resetVideoIframeStyle=e=>{e&&(e.style.removeProperty("width"),e.style.removeProperty("height"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("transform"),e.style.removeProperty("position"))},setVideoWrapperStyle=e=>{Object.assign(e.style,{position:"absolute",top:"0",left:"0",width:"100%",height:"100%"})},resetVideoWrapperStyle=e=>{e.style.removeProperty("position"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("width"),e.style.removeProperty("height")},getContainerRatio=e=>{if(!e)return 0;let{width:t,height:o}=e.getBoundingClientRect();return t&&o?t/o:0},getVideoAlignStyles=e=>{switch(e){case"top":default:return{top:"0%",transform:`translate(-50%, 0%) scale(${_const.VIDEO_IFRAME_SCALE})`};case"bottom":return{top:"100%",transform:`translate(-50%, -100%) scale(${_const.VIDEO_IFRAME_SCALE})`};case"center":return{top:"50%",transform:`translate(-50%, -50%) scale(${_const.VIDEO_IFRAME_SCALE})`}}},setVideoIframeAlign=(e,t)=>{if(!e)return;let o=getVideoAlignStyles(t);e.style.top=o.top,e.style.transform=o.transform},updateVideoIframeSize=({iframeEl:e,containerRatio:t,videoObjectFit:o,background:i,currentDevice:r,isYoutubeVideoMigrated:a})=>{let l,n;let s=getVideoAspectRatio(i,r),p=core.getResponsiveValueByScreen(i,r);if(!e||!t)return;let g=p?.videoAlign||"top",c=getVideoAlignStyles(g);if("contain"===o){Object.assign(e.style,{position:"absolute",top:"50%",left:"50%",width:"100%",height:"100%",maxWidth:"none",transform:`translate(-50%, -50%) scale(${_const.VIDEO_IFRAME_SCALE})`});return}t>=s?(l=100,n=t/s*100):(n=100,l=s/t*100),Object.assign(e.style,{position:"absolute",top:c.top,left:"50%",width:a?"500%":`${l}%`,height:a?"100%":`${n}%`,maxWidth:"none",transform:c.transform})};exports.collectAspectRatioByDevice=collectAspectRatioByDevice,exports.collectYoutubeAspectRatio=collectYoutubeAspectRatio,exports.debounce=debounce,exports.fallbackImg="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJnLTE5MjAtOTAwIj4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjIwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjUwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjcwJSIgLz4KICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxyZWN0IHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjkwMCIgZmlsbD0icmdiYSg1MSwgNTEsIDUxLCAwKSIgLz4KICAgIDxyZWN0IGlkPSJyIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZy0xOTIwLTkwMCkiIC8+CiAgICA8YW5pbWF0ZSB4bGluazpocmVmPSIjciIgYXR0cmlidXRlTmFtZT0ieCIgZnJvbT0iLTE5MjAiIHRvPSIxOTIwIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgIC8+CiAgPC9zdmc+",exports.formatHoverScale=formatHoverScale,exports.getAspectRatio=getAspectRatio,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.getContainerRatio=getContainerRatio,exports.getContentPosition=getContentPosition,exports.getDataVideoHeroBannerResponsive=getDataVideoHeroBannerResponsive,exports.getDisplayStyleByFitContent=getDisplayStyleByFitContent,exports.getEnableBgImageByDevice=getEnableBgImageByDevice,exports.getOpacityHover=getOpacityHover,exports.getPercentageVisible=getPercentageVisible,exports.getResponsiveSetting=getResponsiveSetting,exports.getStyleAspectRatioHeroBannerCustom=getStyleAspectRatioHeroBannerCustom,exports.getStyleHeroBannerBg=getStyleHeroBannerBg,exports.getVideoAspectRatio=getVideoAspectRatio,exports.getVisibilityStyle=getVisibilityStyle,exports.getWidth=getWidth,exports.getYoutubeAspectRatio=getYoutubeAspectRatio,exports.horizontalAlign=horizontalAlign,exports.imagePlaceholder=imagePlaceholder,exports.isScaleImage=isScaleImage,exports.mapContentPositionToHorizontal=mapContentPositionToHorizontal,exports.opacityEnabledData=opacityEnabledData,exports.resetVideoIframeStyle=resetVideoIframeStyle,exports.resetVideoWrapperStyle=resetVideoWrapperStyle,exports.scrollToContentBanner=scrollToContentBanner,exports.setVideoIframeAlign=setVideoIframeAlign,exports.setVideoWrapperStyle=setVideoWrapperStyle,exports.showVideoType=showVideoType,exports.updateVideoIframeSize=updateVideoIframeSize;

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

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),t=require("./helpers.js");function l(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>void 0!==e||""===e))}const o=t=>{if(t)return{desktop:e.getValueByDevice(t,"desktop"),tablet:e.getValueByDevice(t,"tablet"),mobile:e.getValueByDevice(t,"mobile")}},r=t=>{if(!t)return;let l={};return e.DEVICES.forEach(o=>{let r=e.getResponsiveValueByScreen(t,o),a=r?.videoAlign;l[o]=a||"top"}),Object.keys(l).length>0?l:void 0};exports.getAdaptiveStyle=o=>{let{sizeSetting:r,background:a}=o??{},i={...t.getDisplayStyleByFitContent(r,a),...e.makeStyleResponsive("h",e.getHeightByShapeGlobalSize(r)),...e.makeStyleWithDefault("w",e.getWidthByShapeGlobalSize(r,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"})};return l(i)},exports.getBackgroundStyle=(o,r,a)=>{let{hoverEffectScale:i,background:n,hoverEffectDuration:s}=o??{},g=`${parseFloat(`${s}`)??.5}s`,p={...t.getStyleHeroBannerBg(t.getResponsiveSetting(n||{}),r),...e.getStyleBackgroundByDevice(n,{ignoreBgAttachment:!0,ignoreBackgroundImage:!0}),"--duration":g,"--scale":t.formatHoverScale(i),...e.makeStyleResponsive("pos",t.getAttachmentDevice(n)),transform:a,transition:`transform ${g} cubic-bezier(0,0,0,1)`};return l(p)},exports.getContainBackgroundStyle=e=>{let{borderBg:o,cornerBg:r}=e??{},a={"clip-path":t.getClipPath(o?.width,r)};return l(a)},exports.getContainerStyle=o=>{let{sizeSetting:r,background:a,borderBg:i,cornerBg:n,shadowBg:s,hasActiveShadow:g}=o??{},p={...e.makeStyleResponsive("h",e.getHeightByShapeGlobalSize(r)),...t.getStyleAspectRatioHeroBannerCustom(a,r),...e.makeStyle({bs:i?.border??i?.border,bw:i?.width??i?.width,bc:e.getSingleColorVariable(i?.color)}),...e.getRadiusStyleActiveState({...n,active:{...n||{},radiusType:"custom"}}),...a?{...e.getStyleBgColor(a)}:{},...e.getStyleShadow({value:s,styleAppliedFor:"box-shadow",isEnableShadow:g})};return l(p)},exports.getHtml5VideoStyle=(t,a,i)=>{let n=o(a),s=r(i),g={...e.makeStyleResponsive("aspect",t),...n?e.makeStyleResponsive("objf",n):{},...s?e.makeStyleResponsive("objp",s):{}};return l(g)},exports.getOverlayStyle=o=>{let{overlayColor:r,overlayOpacity:a,hoverEffect:i}=o??{},{disableOpacity:n}=t.opacityEnabledData(o),s="number"!=typeof a?.normal||isNaN(a?.normal)?"string"==typeof a?.normal?`${parseInt(a?.normal)}%`:"0%":`${a?.normal}%`,g=e.makeStyleState("op",{normal:s,hover:t.getOpacityHover(o)}),p=e.getGlobalColorStateStyle("bgc",{...r,hover:r?.hover||r?.normal});n&&(delete p?.["--bgc"],delete g?.["--op"]),i||(delete p?.["--hvr-bgc"],delete g?.["--hvr-op"]);let y={...p,...g,"--top":"0","--left":"0"};return l(y)},exports.getRowStyle=t=>{let{contentPadding:o}=t??{},r={...e.getResponsiveStylePadding(o)};return l(r)},exports.getStyle=(o,r,a)=>{let{sizeSetting:i}=o??{},n={...a,...t.getVisibilityStyle(a),...e.makeStyleWithDefault("w",e.getWidthByShapeGlobalSize(i,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...e.makeStyleResponsive("h",e.getHeightByShapeGlobalSize(i))};return l(n)},exports.getYoutubeIframeStyle=(t,r)=>{let a=o(r),i={...e.makeStyleResponsive("aspect",t),...a?e.makeStyleResponsive("objf",a):{},"pointer-events":"none"};return l(i)};
+"use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>void 0!==e||""===e))}const getStyle=(e,t,r)=>{let{sizeSetting:l}=e??{},o={...r,...helpers.getVisibilityStyle(r),...core.makeStyleWithDefault("w",core.getWidthByShapeGlobalSize(l,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...core.makeStyleResponsive("h",core.getHeightByShapeGlobalSize(l))};return filterTruthyStyles(o)},getContainerStyle=e=>{let{sizeSetting:t,background:r,borderBg:l,cornerBg:o,shadowBg:i,hasActiveShadow:a}=e??{},s={...core.makeStyleResponsive("h",core.getHeightByShapeGlobalSize(t)),...helpers.getStyleAspectRatioHeroBannerCustom(r,t),...core.makeStyle({bs:l?.border??l?.border,bw:l?.width??l?.width,bc:core.getSingleColorVariable(l?.color)}),...core.getRadiusStyleActiveState({...o,active:{...o||{},radiusType:"custom"}}),...r?{...core.getStyleBgColor(r)}:{},...core.getStyleShadow({value:i,styleAppliedFor:"box-shadow",isEnableShadow:a})};return filterTruthyStyles(s)},getOverlayStyle=e=>{let{overlayColor:t,overlayOpacity:r,hoverEffect:l}=e??{},{disableOpacity:o}=helpers.opacityEnabledData(e),i="number"!=typeof r?.normal||isNaN(r?.normal)?"string"==typeof r?.normal?`${parseInt(r?.normal)}%`:"0%":`${r?.normal}%`,a=core.makeStyleState("op",{normal:i,hover:helpers.getOpacityHover(e)}),s=core.getGlobalColorStateStyle("bgc",{...t,hover:t?.hover||t?.normal});o&&(delete s?.["--bgc"],delete a?.["--op"]),l||(delete s?.["--hvr-bgc"],delete a?.["--hvr-op"]);let y={...s,...a,"--top":"0","--left":"0"};return filterTruthyStyles(y)},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"})};return filterTruthyStyles(l)},getBackgroundStyle=(e,t,r)=>{let{hoverEffectScale:l,background:o,hoverEffectDuration:i}=e??{},a=`${parseFloat(`${i}`)??.5}s`,s={...helpers.getStyleHeroBannerBg(helpers.getResponsiveSetting(o||{}),t),...core.getStyleBackgroundByDevice(o,{ignoreBgAttachment:!0,ignoreBackgroundImage:!0}),"--duration":a,"--scale":helpers.formatHoverScale(l),...core.makeStyleResponsive("pos",helpers.getAttachmentDevice(o)),transform:r,transition:`transform ${a} cubic-bezier(0,0,0,1)`};return filterTruthyStyles(s)},getContainBackgroundStyle=e=>{let{borderBg:t,cornerBg:r}=e??{},l={"clip-path":helpers.getClipPath(t?.width,r)};return filterTruthyStyles(l)},mapVideoObjectFit=e=>{if(e)return{desktop:core.getValueByDevice(e,"desktop"),tablet:core.getValueByDevice(e,"tablet"),mobile:core.getValueByDevice(e,"mobile")}},mapVideoAlignResponsive=e=>{if(!e)return;let t={};return core.DEVICES.forEach(r=>{let l=core.getResponsiveValueByScreen(e,r),o=l?.videoAlign;t[r]=o||"top"}),Object.keys(t).length>0?t:void 0},getHtml5VideoStyle=(e,t,r)=>{let l=mapVideoObjectFit(t),o=mapVideoAlignResponsive(r),i={...core.makeStyleResponsive("aspect",e),...l?core.makeStyleResponsive("objf",l):{},...o?core.makeStyleResponsive("objp",o):{}};return filterTruthyStyles(i)},getYoutubeIframeStyle=(e,t)=>{let r=mapVideoObjectFit(t),l={...core.makeStyleResponsive("aspect",e),...r?core.makeStyleResponsive("objf",r):{},"pointer-events":"none"};return filterTruthyStyles(l)};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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@gem-sdk/core"),r=require("../common/helpers.js");exports.default=({videoType:i,sizeSetting:o,background:u,videoObjectFit:n,heroBannerWrapperRef:s,isYoutubeVideoMigrated:a})=>{let l=t.useCurrentDevice(),f=e.useRef(null),m=e.useMemo(()=>r.getAspectRatio(o,u),[o,u]),c=e.useMemo(()=>r.getYoutubeAspectRatio(u,n,m),[u,n,m]),d=r.getResponsiveSetting(n||{}),y=t.getResponsiveValueByScreen(d,l),v=t.getResponsiveValueByScreen(u,l),p=v?.loop;return e.useEffect(()=>{if("youtube"!==i)return;let e=f.current;if(!e)return;let o=e?.querySelector("iframe");if(!o)return;let n=t.getResponsiveValueByScreen(u,l),s=n?.videoAlign;r.setVideoIframeAlign(o,s)},[u,l,i]),e.useEffect(()=>{let e=f.current,t=s?.current,o=()=>e?.querySelector("iframe"),n=i=>{let n=i||e;if(!n)return;let s=n.querySelector("iframe");r.updateVideoIframeSize({iframeEl:s||o(),containerRatio:r.getContainerRatio(t),videoObjectFit:y||"cover",background:u,currentDevice:l,isYoutubeVideoMigrated:a})},m=e=>{let t=e.detail?.iframe;if(t){let e=t.closest("article"),r=e?.parentElement;setTimeout(()=>{n(r)},50)}};if(t&&t.addEventListener("youtube-iframe-ready",m),!e)return()=>{t&&t.removeEventListener("youtube-iframe-ready",m)};if("youtube"!==i){let i=o();return i&&r.resetVideoIframeStyle(i),r.resetVideoWrapperStyle(e),()=>{t&&t.removeEventListener("youtube-iframe-ready",m)}}r.setVideoWrapperStyle(e),o()&&(window.requestAnimationFrame(()=>n()),setTimeout(()=>{n()},100));let c=window.ResizeObserver;if(!c)return()=>{t&&t.removeEventListener("youtube-iframe-ready",m)};let d=new c(()=>n());return t&&d.observe(t),()=>{if(d.disconnect(),t&&t.removeEventListener("youtube-iframe-ready",m),e){let t=o();t&&r.resetVideoIframeStyle(t),r.resetVideoWrapperStyle(e)}}},[i,y,l,m,p]),{youtubeIframeWrapperRef:f,resolvedAspectRatio:m,youtubeAspectRatio:c}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),core=require("@gem-sdk/core"),helpers=require("../common/helpers.js");const useHeroBannerItem=({videoType:e,sizeSetting:r,background:t,videoObjectFit:i,heroBannerWrapperRef:o,isYoutubeVideoMigrated:s})=>{let u=core.useCurrentDevice(),n=React.useRef(null),a=React.useMemo(()=>helpers.getAspectRatio(r,t),[r,t]),l=React.useMemo(()=>helpers.getYoutubeAspectRatio(t,i,a),[t,i,a]),c=helpers.getResponsiveSetting(i||{}),p=core.getResponsiveValueByScreen(c,u),f=core.getResponsiveValueByScreen(t,u),m=f?.loop;return React.useEffect(()=>{if("youtube"!==e)return;let r=n.current;if(!r)return;let i=()=>r?.querySelector("iframe"),o=i();if(!o)return;let s=core.getResponsiveValueByScreen(t,u),a=s?.videoAlign;helpers.setVideoIframeAlign(o,a)},[t,u,e]),React.useEffect(()=>{let r=n.current,i=o?.current,a=()=>r?.querySelector("iframe"),l=e=>{let o=e||r;if(!o)return;let n=o.querySelector("iframe");helpers.updateVideoIframeSize({iframeEl:n||a(),containerRatio:helpers.getContainerRatio(i),videoObjectFit:p||"cover",background:t,currentDevice:u,isYoutubeVideoMigrated:s})},c=e=>{let r=e.detail?.iframe;if(r){let e=r.closest("article"),t=e?.parentElement;setTimeout(()=>{l(t)},50)}};if(i&&i.addEventListener("youtube-iframe-ready",c),!r)return()=>{i&&i.removeEventListener("youtube-iframe-ready",c)};if("youtube"!==e){let e=a();return e&&helpers.resetVideoIframeStyle(e),helpers.resetVideoWrapperStyle(r),()=>{i&&i.removeEventListener("youtube-iframe-ready",c)}}helpers.setVideoWrapperStyle(r),a()&&(window.requestAnimationFrame(()=>l()),setTimeout(()=>{l()},100));let f=window.ResizeObserver;if(!f)return()=>{i&&i.removeEventListener("youtube-iframe-ready",c)};let m=new f(()=>l());return i&&m.observe(i),()=>{if(m.disconnect(),i&&i.removeEventListener("youtube-iframe-ready",c),r){let e=a();e&&helpers.resetVideoIframeStyle(e),helpers.resetVideoWrapperStyle(r)}}},[e,p,u,a,m]),{youtubeIframeWrapperRef:n,resolvedAspectRatio:a,youtubeAspectRatio:l}};exports.default=useHeroBannerItem;

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

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

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

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

@@ -1 +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 e=require("./settings/HeroBanner.js");const r={HeroBanner:e.default};exports.bannerSetting=r;
+"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

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

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./configs/presets/banner-1-col.js"),r=require("./configs/presets/banner-1-col-pre-sales-page.js"),n=require("./configs/presets/banner-content-left.js"),s=require("./configs/presets/banner-content-left-pre-sales-page.js"),a=require("./configs/presets/banner-content-right.js"),t=require("./configs/presets/banner-content-right-pre-sales-page.js"),o=require("./configs/presets/banner-video.js"),i=require("./configs/presets/banner-video-pre-sales-page.js"),l=require("./configs/presets/banner-parallax.js"),g=require("./configs/presets/banner-parallax-pre-sales-page.js"),p=require("./configs/ui-v2.js"),c=require("./configs/settings.js");const u={tag:"HeroBanner",label:"Hero Banner",icon:`
+"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"),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:c.SettingsV2,ui:[],uiV2:p.SettingUIV2,presets:[e.heroBanner1Col,r.heroBanner1ColPreSalesPage,n.heroBannerContentLeft,s.heroBannerContentLeftPreSalesPage,a.heroBannerContentRight,t.heroBannerContentRightPreSalesPage,o.heroBannerVideo,i.heroBannerVideoPreSalesPage,l.heroBannerParallax,g.heroBannerParallaxPreSalesPage],editorConfigs:{slots:{children:!0},placeholder:{notAppendTags:["MarqueeItem","Marquee"]}}};exports.default=u;
+  `,settings:settings.SettingsV2,ui:[],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

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

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

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

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

@@ -1,4 +1,4 @@
-"use strict";const t={id:"hero-banner-content-right-pre-sales-page",name:"Hero Banner",icon:{desktop:`
+"use strict";const heroBannerContentRightPreSalesPage={id:"hero-banner-content-right-pre-sales-page",name:"Hero Banner",icon:{desktop:`
       <svg
         width="96"
         height="48"
@@ -23,4 +23,4 @@
           </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=t;
+    `},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;