@sunrise-upc/sales-static-components 4.2.0 → 4.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.js +1 -1
- package/dist/cjs/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.js.map +1 -1
- package/dist/cjs/components/DeviceGallery/DeviceGalleryList.js +1 -1
- package/dist/cjs/components/DeviceGallery/DeviceGalleryList.js.map +1 -1
- package/dist/cjs/components/FalconButtonV3/FalconButtonV3.js +1 -1
- package/dist/cjs/components/FalconButtonV3/FalconButtonV3.js.map +1 -1
- package/dist/cjs/components/FalconDescription/FalconDescription.js +1 -1
- package/dist/cjs/components/FalconDescription/FalconDescription.js.map +1 -1
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.js +1 -1
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.js.map +1 -1
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.js.map +1 -1
- package/dist/cjs/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.js +1 -1
- package/dist/cjs/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.js.map +1 -1
- package/dist/cjs/components/FalconTitle/FalconTitle.js +1 -1
- package/dist/cjs/components/FalconTitle/FalconTitle.js.map +1 -1
- package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.css +47 -1
- package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.js +1 -1
- package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.js.map +1 -1
- package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.module.scss.css +47 -1
- package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.module.scss.js +1 -1
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.css +16 -0
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js +1 -1
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js.map +1 -1
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.module.scss.css +16 -0
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.module.scss.js +1 -1
- package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.css +13 -2
- package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js +1 -1
- package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js.map +1 -1
- package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonExpiredTimerRedefined.css +11 -0
- package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonTimerV2.module.scss.css +11 -0
- package/dist/cjs/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js +1 -1
- package/dist/cjs/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js.map +1 -1
- package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.js +1 -1
- package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.js.map +1 -1
- package/dist/cjs/components/StageTeaserV3/StageTeaserV3.js +1 -1
- package/dist/cjs/components/StageTeaserV3/StageTeaserV3.js.map +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/utils/AnalyticUtils.js +1 -1
- package/dist/cjs/utils/AnalyticUtils.js.map +1 -1
- package/dist/cjs/utils/storyblokEditable.js +2 -0
- package/dist/cjs/utils/storyblokEditable.js.map +1 -0
- package/dist/esm/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.js +1 -1
- package/dist/esm/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.js.map +1 -1
- package/dist/esm/components/DeviceGallery/DeviceGalleryList.js +1 -1
- package/dist/esm/components/DeviceGallery/DeviceGalleryList.js.map +1 -1
- package/dist/esm/components/FalconButtonV3/FalconButtonV3.js +1 -1
- package/dist/esm/components/FalconButtonV3/FalconButtonV3.js.map +1 -1
- package/dist/esm/components/FalconDescription/FalconDescription.js +1 -1
- package/dist/esm/components/FalconDescription/FalconDescription.js.map +1 -1
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.js +1 -1
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.js.map +1 -1
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.js.map +1 -1
- package/dist/esm/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.js +1 -1
- package/dist/esm/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.js +1 -1
- package/dist/esm/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.js.map +1 -1
- package/dist/esm/components/FalconTitle/FalconTitle.js +1 -1
- package/dist/esm/components/FalconTitle/FalconTitle.js.map +1 -1
- package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.css +47 -1
- package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.js +1 -1
- package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.js.map +1 -1
- package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.module.scss.css +47 -1
- package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.module.scss.js +1 -1
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.css +16 -0
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js +1 -1
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js.map +1 -1
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.module.scss.css +16 -0
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.module.scss.js +1 -1
- package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.css +13 -2
- package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js +1 -1
- package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js.map +1 -1
- package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonExpiredTimerRedefined.css +11 -0
- package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonTimerV2.module.scss.css +11 -0
- package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js +1 -1
- package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js.map +1 -1
- package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.js +1 -1
- package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.js.map +1 -1
- package/dist/esm/components/StageTeaserV3/StageTeaserV3.js +1 -1
- package/dist/esm/components/StageTeaserV3/StageTeaserV3.js.map +1 -1
- package/dist/esm/components/linecheck/LineCheckV2.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/utils/AnalyticUtils.js +1 -1
- package/dist/esm/utils/AnalyticUtils.js.map +1 -1
- package/dist/esm/utils/storyblokEditable.js +2 -0
- package/dist/esm/utils/storyblokEditable.js.map +1 -0
- package/dist/index.d.ts +68 -7
- package/dist/navigation.css +324 -324
- package/package.json +1 -1
package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import './InternetAndTvCardItem.css';
|
|
2
|
-
import{jsx as n,Fragment as o,jsxs as t}from"react/jsx-runtime";import e,{useRef as i,useState as l,useEffect as r}from"react";import a from"./InternetAndTvCardItem.module.scss.js";import d from"../../FalconTitle/FalconTitle.js";import s from"../../FalconDescription/FalconDescription.js";import c from"../../FalconButton/falconButton.js";import{resolveStoryblokLink as u}from"../../FalconMainNavigation/shared.js";import{getFalconGradientClass as v,checkLinkWithLang as m}from"../../../utils/StyleUtils.js";import{NONE as b,SVG as f,ICON as g,IMG as p,CENTER as k,LEFT as h}from"../../Constants.js";import{trackComponent as _,trackNewDatalayerEvent as
|
|
2
|
+
import{jsx as n,Fragment as o,jsxs as t}from"react/jsx-runtime";import e,{useRef as i,useState as l,useEffect as r}from"react";import a from"./InternetAndTvCardItem.module.scss.js";import d from"../../FalconTitle/FalconTitle.js";import s from"../../FalconDescription/FalconDescription.js";import c from"../../FalconButton/falconButton.js";import{resolveStoryblokLink as u}from"../../FalconMainNavigation/shared.js";import{getFalconGradientClass as v,checkLinkWithLang as m}from"../../../utils/StyleUtils.js";import{NONE as b,SVG as f,ICON as g,IMG as p,CENTER as k,LEFT as h,RIGHT as w}from"../../Constants.js";import{trackComponent as _,trackNewDatalayerEvent as y}from"../../../utils/AnalyticUtils.js";import{getStoryblokEditableProps as x}from"../../../utils/storyblokEditable.js";import{VIEWPROMOTION as j,INTERNETTVCARD as B,ALL as N,SUBTEASER as C,CMS as $,SELECTPROMOTION as A,LINK as E,CONTENT as L}from"../../../utils/AnalyticsConstants.js";const I={falconTitle:d,falconDescription:s},O=()=>{if("undefined"==typeof window)return"";const n=window.innerWidth;return n>=1440?"large-desktop":n>=1024?"desktop":n>=768?"tablet":n>0?"mobile":""},F=({content:d,metadata:s,index:F})=>{var S,T,D,U,P,z,J,W,q,G,M,R,H,K,Q,V;const X=i(null),[Y,Z]=l("#"),[nn,on]=l(O),tn="mobile"===nn?360:400,en=null===(S=d.asset)||void 0===S?void 0:S.filename,ln=v(d.gradient),rn=null===(D=null===(T=d.gradientBackgroundGlobal)||void 0===T?void 0:T.replace(/;\s*$/,""))||void 0===D?void 0:D.trim(),an=!!rn&&rn.toLowerCase()!==b,dn=d.gradient!==b&&!!ln,sn=an?"":dn?ln:"",cn=an?{background:rn}:void 0,un=(null==en?void 0:en.endsWith(f))?g:p,vn=d.defaultBackgroundColor&&d.defaultBackgroundColor!==b?d.defaultBackgroundColor:null===(U=d.backgroundColorPicker)||void 0===U?void 0:U.color,mn=n=>{var o,t,e,i;if(!n)return;const l=null!==(e=null===(t=null===(o=null==d?void 0:d.textBlok)||void 0===o?void 0:o[0])||void 0===t?void 0:t.text)&&void 0!==e?e:"";y(A,A,{banner_promotion_name:null!==(i=null==d?void 0:d.bannerPromotionName)&&void 0!==i?i:l,banner_source:$,banner_type:C,banner_location:null==d?void 0:d.bannerLocation,audience_name:N,promotion_objective:N,index:F?F+1:1})};if(r(()=>{const n=()=>on(O());return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]),r(()=>{var n,o,t;const e=null===(o=null===(n=null==d?void 0:d.textBlok)||void 0===n?void 0:n[0])||void 0===o?void 0:o.text;_(e||B,"",L,E),(null===(t=null==d?void 0:d.cardLink)||void 0===t?void 0:t.cached_url)?Z(m(u(s,d.cardLink))):Z("#")},[d,s]),r(()=>{const n=X.current;if(!n||"undefined"==typeof IntersectionObserver)return;const o=new IntersectionObserver(n=>{var o,t,e;const i=n[0],l=localStorage.getItem("analyticsUids");if(i.isIntersecting&&i.intersectionRatio>=.5&&!(null==l?void 0:l.includes(d._uid))){const n=null===(t=null===(o=null==d?void 0:d.textBlok)||void 0===o?void 0:o[0])||void 0===t?void 0:t.text;y(j,j,{banner_promotion_name:null!==(e=null==d?void 0:d.bannerPromotionName)&&void 0!==e?e:n,banner_source:$,banner_type:C,banner_location:null==d?void 0:d.bannerLocation,audience_name:N,promotion_objective:N,index:F?F+1:1}),localStorage.setItem("analyticsUids",JSON.stringify([...l?JSON.parse(l):[],d._uid]))}},{threshold:.5});return o.observe(n),()=>o.disconnect()},[d,F]),d.notToDisplay)return n(o,{});const bn=!(!(null===(P=null==d?void 0:d.cardLink)||void 0===P?void 0:P.cached_url)||"large-desktop"!==nn&&"desktop"!==nn||"undefined"!=typeof window&&(window.self!==window.top||window.location.search.includes("_storyblok")));return t("div",Object.assign({className:`${a.container} ${sn}`},x(d),{style:Object.assign({},null!=cn?cn:vn?{backgroundColor:vn}:{}),ref:X,children:[bn&&n("a",{href:Y,className:a["card-link-overlay"],onClick:()=>mn(!0),"aria-label":(null===(J=null===(z=null==d?void 0:d.textBlok)||void 0===z?void 0:z[0])||void 0===J?void 0:J.text)||B}),en&&un===p&&n("div",{className:a.gradient,children:n("img",{src:(fn=en,gn=tn,fn&&gn&&fn.includes("/f/")?`${fn}/m/${gn}x0/filters:format(webp):quality(80)`:fn),alt:(null===(W=d.asset)||void 0===W?void 0:W.alt)||"",title:(null===(q=d.asset)||void 0===q?void 0:q.title)||""})}),((null===(G=d.textBlok)||void 0===G?void 0:G.length)>0||en||(null===(M=d.button)||void 0===M?void 0:M.length)>0)&&t("div",{className:d.subElementsAlignment===k?a["align-center"]:d.subElementsAlignment===h?a["align-left"]:d.subElementsAlignment===w?a["align-right"]:a["align-left"],children:[en&&un===g&&n("div",{className:a.icon,children:n("img",{src:en,title:null===(R=d.asset)||void 0===R?void 0:R.title,alt:null===(H=d.asset)||void 0===H?void 0:H.alt,height:"48",width:"48"})}),(null===(K=d.textBlok)||void 0===K?void 0:K.length)>0&&n("div",{className:`${a["content-container"]} ${(null===(Q=d.button)||void 0===Q?void 0:Q.length)>0?a["content-button"]:""}`,"data-alignment":d.subElementsAlignment||"default-left",children:d.textBlok.map(n=>e.createElement(I[n.component],{content:Object.assign({},n),key:n._uid}))}),(null===(V=null==d?void 0:d.button)||void 0===V?void 0:V.length)>0&&n("div",{className:`${a.butn} ${a["button-variant"]}`,children:n(c,{content:d.button[0],eventAction:B,metadata:s,setButtonClicked:mn})})]})]}));var fn,gn};export{F as default};
|
|
3
3
|
//# sourceMappingURL=InternetAndTvCardItem.js.map
|
package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InternetAndTvCardItem.js","sources":["../../../../../../src/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.tsx"],"sourcesContent":[null],"names":["ComponentMap","falconTitle","FalconTitle","falconDescription","FalconDescription","getViewport","window","width","innerWidth","InternetAndTvCardItem","content","metadata","index","elementRef","useRef","urlPath","setUrlPath","useState","viewport","setViewport","imageWidth","imgSrc","_a","asset","filename","gradientStyle","getFalconGradientClass","gradient","normalizedGlobalGradient","_c","_b","gradientBackgroundGlobal","replace","trim","hasGlobalGradient","toLowerCase","NONE","hasGradientStyle","backgroundClass","backgroundInlineStyle","background","undefined","assetExt","endsWith","SVG","ICON","IMG","resolvedBackgroundColor","defaultBackgroundColor","_d","backgroundColorPicker","color","setButtonClicked","clicked","title","textBlok","text","trackNewDatalayerEvent","SELECTPROMOTION","banner_promotion_name","bannerPromotionName","banner_source","CMS","banner_type","SUBTEASER","banner_location","bannerLocation","audience_name","ALL","promotion_objective","useEffect","handleResize","addEventListener","removeEventListener","trackComponent","INTERNETTVCARD","CONTENT","LINK","cardLink","cached_url","checkLinkWithLang","resolveStoryblokLink","observedElement","current","IntersectionObserver","observer","entries","entry","trackedUids","localStorage","getItem","isIntersecting","intersectionRatio","includes","_uid","VIEWPROMOTION","setItem","JSON","stringify","parse","threshold","observe","disconnect","notToDisplay","_jsx","showCardLinkOverlay","_e","_jsxs","className","Styles","style","backgroundColor","ref","children","href","onClick","
|
|
1
|
+
{"version":3,"file":"InternetAndTvCardItem.js","sources":["../../../../../../src/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.tsx"],"sourcesContent":[null],"names":["ComponentMap","falconTitle","FalconTitle","falconDescription","FalconDescription","getViewport","window","width","innerWidth","InternetAndTvCardItem","content","metadata","index","elementRef","useRef","urlPath","setUrlPath","useState","viewport","setViewport","imageWidth","imgSrc","_a","asset","filename","gradientStyle","getFalconGradientClass","gradient","normalizedGlobalGradient","_c","_b","gradientBackgroundGlobal","replace","trim","hasGlobalGradient","toLowerCase","NONE","hasGradientStyle","backgroundClass","backgroundInlineStyle","background","undefined","assetExt","endsWith","SVG","ICON","IMG","resolvedBackgroundColor","defaultBackgroundColor","_d","backgroundColorPicker","color","setButtonClicked","clicked","title","textBlok","text","trackNewDatalayerEvent","SELECTPROMOTION","banner_promotion_name","bannerPromotionName","banner_source","CMS","banner_type","SUBTEASER","banner_location","bannerLocation","audience_name","ALL","promotion_objective","useEffect","handleResize","addEventListener","removeEventListener","trackComponent","INTERNETTVCARD","CONTENT","LINK","cardLink","cached_url","checkLinkWithLang","resolveStoryblokLink","observedElement","current","IntersectionObserver","observer","entries","entry","trackedUids","localStorage","getItem","isIntersecting","intersectionRatio","includes","_uid","VIEWPROMOTION","setItem","JSON","stringify","parse","threshold","observe","disconnect","notToDisplay","_jsx","showCardLinkOverlay","_e","self","top","location","search","_jsxs","Object","assign","className","Styles","getStoryblokEditableProps","style","backgroundColor","ref","children","href","onClick","_g","_f","src","source","alt","_h","_j","_k","length","_l","button","subElementsAlignment","CENTER","LEFT","RIGHT","_m","_o","height","_p","_q","map","result","React","createElement","component","key","_r","FalconButton","eventAction"],"mappings":"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"}
|
|
@@ -66,6 +66,22 @@
|
|
|
66
66
|
margin-bottom: 32px;
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
+
.InternetAndTvCardItem-module__align-left___MSJlT {
|
|
70
|
+
text-align: left;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.InternetAndTvCardItem-module__align-center___FOo5p {
|
|
74
|
+
text-align: center;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.InternetAndTvCardItem-module__align-center___FOo5p .InternetAndTvCardItem-module__content-container___csArX > div {
|
|
78
|
+
justify-content: center;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.InternetAndTvCardItem-module__align-right___Ydb7p {
|
|
82
|
+
text-align: right;
|
|
83
|
+
}
|
|
84
|
+
|
|
69
85
|
@media (max-width: 767px) {
|
|
70
86
|
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__content-container___csArX {
|
|
71
87
|
padding: 16px;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import './InternetAndTvCardItem.module.scss.css';
|
|
2
|
-
var n={container:"InternetAndTvCardItem-module__container___keo-F","card-link-overlay":"InternetAndTvCardItem-module__card-link-overlay___br0Gs","content-container":"InternetAndTvCardItem-module__content-container___csArX","content-button":"InternetAndTvCardItem-module__content-button___4o92r",icon:"InternetAndTvCardItem-module__icon___Apy8P",gradient:"InternetAndTvCardItem-module__gradient___Gvxzf",butn:"InternetAndTvCardItem-module__butn___1Q20a","button-variant":"InternetAndTvCardItem-module__button-variant___IkyfP"};export{n as default};
|
|
2
|
+
var n={container:"InternetAndTvCardItem-module__container___keo-F","card-link-overlay":"InternetAndTvCardItem-module__card-link-overlay___br0Gs","content-container":"InternetAndTvCardItem-module__content-container___csArX","content-button":"InternetAndTvCardItem-module__content-button___4o92r",icon:"InternetAndTvCardItem-module__icon___Apy8P",gradient:"InternetAndTvCardItem-module__gradient___Gvxzf",butn:"InternetAndTvCardItem-module__butn___1Q20a","button-variant":"InternetAndTvCardItem-module__button-variant___IkyfP","align-left":"InternetAndTvCardItem-module__align-left___MSJlT","align-center":"InternetAndTvCardItem-module__align-center___FOo5p","align-right":"InternetAndTvCardItem-module__align-right___Ydb7p"};export{n as default};
|
|
3
3
|
//# sourceMappingURL=InternetAndTvCardItem.module.scss.js.map
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
margin-left: -4px !important;
|
|
6
6
|
margin-right: 0 !important;
|
|
7
7
|
}
|
|
8
|
-
.timer-container {
|
|
8
|
+
.timer-wrap .timer-container {
|
|
9
9
|
min-width: fit-content;
|
|
10
10
|
}
|
|
11
11
|
.timer-message {
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
.timer-container {
|
|
35
|
+
.timer-wrap .timer-container {
|
|
36
36
|
color: black;
|
|
37
37
|
display: inline-block;
|
|
38
38
|
max-width: 100%;
|
|
@@ -89,12 +89,21 @@
|
|
|
89
89
|
}
|
|
90
90
|
|
|
91
91
|
.RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh {
|
|
92
|
+
box-sizing: border-box;
|
|
92
93
|
display: inline-block;
|
|
94
|
+
flex: 0 1 auto;
|
|
93
95
|
text-align: center;
|
|
94
96
|
padding: 0 6px;
|
|
97
|
+
width: auto;
|
|
95
98
|
min-width: 43px;
|
|
96
99
|
}
|
|
97
100
|
|
|
101
|
+
.RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh:first-child {
|
|
102
|
+
padding-left: 0;
|
|
103
|
+
padding-right: 0;
|
|
104
|
+
min-width: 36px;
|
|
105
|
+
}
|
|
106
|
+
|
|
98
107
|
.RibbonTimerV2-module__stage-teaser-ribbon-timer-value___0U5CT {
|
|
99
108
|
font-size: 24px;
|
|
100
109
|
font-weight: 700;
|
|
@@ -134,6 +143,8 @@
|
|
|
134
143
|
}
|
|
135
144
|
|
|
136
145
|
.RibbonTimerV2-module__slim-timer-element___pdiBB {
|
|
146
|
+
flex-basis: auto;
|
|
147
|
+
width: auto;
|
|
137
148
|
min-width: 36px;
|
|
138
149
|
}
|
|
139
150
|
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import './RibbonComponentTimer.css';
|
|
2
|
-
import{jsx as e,jsxs as l}from"react/jsx-runtime";import r,{
|
|
2
|
+
import{jsx as e,jsxs as l}from"react/jsx-runtime";import r,{useMemo as i,useState as n,useEffect as o}from"react";import{calculateDateTime as a}from"../utils.js";import{COLORWHITE as t,CENTER as s,LEFT as m,PRIMARYCOLORS as d}from"../../Constants.js";import u from"./RibbonExpiredTimerRedefined.js";import c from"./RibbonTimerV2.module.scss.js";var v=r.memo(({content:v,setTimerExpired:b,isSlimVersion:g=!1,className:h,useLegacyTimerClass:p=!0})=>{var $;const f=e=>{"function"==typeof b&&b(e)},N=i(()=>{var e;return a(new Date(null===(e=null==v?void 0:v.endTime)||void 0===e?void 0:e.replace(/-/g,"/")))},[null==v?void 0:v.endTime]),L=i(()=>{var e;return a(new Date(null===(e=null==v?void 0:v.startTime)||void 0===e?void 0:e.replace(/-/g,"/")))},[null==v?void 0:v.startTime]),T=i(()=>(null==v?void 0:v.colorChangeTime)&&a(new Date(v.colorChangeTime.replace(/-/g,"/"))),[null==v?void 0:v.colorChangeTime]),[C,y]=n(!1),k=!1!==(null==v?void 0:v.enableCounter),[x,j]=n(null!==($=null==v?void 0:v.timerColor)&&void 0!==$?$:""),[w,A]=n(!1),D=()=>{if(!k)return f(!0),null;const e=new Date;T&&!w&&e.getTime()>T.getTime()&&(j(d),A(!0)),e.getTime()>=L.getTime()&&!C&&y(!0);const l=N.getTime()-e.getTime();if(l>0&&C){const e=("0"+Math.floor(l/864e5)).slice(-2),r=("0"+Math.floor(l/36e5%24)).slice(-2),i=("0"+Math.floor(l/1e3/60%60)).slice(-2),n=("0"+Math.floor(l/1e3%60)).slice(-2);return f(!1),{days:e,hours:r,mins:i,sec:n}}return f(!0),null},I=(null==v?void 0:v.backgroundColor)&&(null==v?void 0:v.backgroundColorTransparency)&&Number(v.backgroundColorTransparency)>0?Number(v.backgroundColorTransparency)/100:0,M=I?(e=>{if(!e||"transparent"===e)return"transparent";const l=I,r=e.match(/rgba\((\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*([0-9.]+)\)/i);if(r){const[,e,i,n]=r;return`rgba(${e}, ${i}, ${n}, ${l})`}const i=e.match(/rgb\((\d+)\s*,\s*(\d+)\s*,\s*(\d+)\)/i);if(i){const[,e,r,n]=i;return`rgba(${e}, ${r}, ${n}, ${l})`}if(e.startsWith("#")){const r=e.replace("#",""),i=3===r.length,n=parseInt(i?r[0]+r[0]:r.slice(0,2),16),o=parseInt(i?r[1]+r[1]:r.slice(2,4),16),a=parseInt(i?r[2]+r[2]:r.slice(4,6),16);if(!Number.isNaN(n)&&!Number.isNaN(o)&&!Number.isNaN(a))return`rgba(${n}, ${o}, ${a}, ${l})`}return e})(null==v?void 0:v.backgroundColor):(null==v?void 0:v.backgroundColor)||"transparent",R={timerColor:x,backgroundColor:M,expiryLabel:null==v?void 0:v.expiryLabel,timerAlignment:null==v?void 0:v.timerAlignment,dayLabel:null==v?void 0:v.dayLabel,hourLabel:null==v?void 0:v.hourLabel,minuteLabel:null==v?void 0:v.minuteLabel,secondLabel:null==v?void 0:v.secondLabel,expiryLabelColor:null==v?void 0:v.expiryLabelColor},[E,V]=n(D());o(()=>{V(D());const e=setInterval(()=>{V(D())},1e3);return()=>{clearInterval(e)}},[]);const F=i(()=>{var e,l,r;return[{label:null!==(e=null==v?void 0:v.hourLabel)&&void 0!==e?e:"",value:null==E?void 0:E.hours},{label:null!==(l=null==v?void 0:v.minuteLabel)&&void 0!==l?l:"",value:null==E?void 0:E.mins},{label:null!==(r=null==v?void 0:v.secondLabel)&&void 0!==r?r:"",value:null==E?void 0:E.sec}]},[null==v?void 0:v.hourLabel,null==v?void 0:v.minuteLabel,null==v?void 0:v.secondLabel,E]);return e("div",{className:"timer-wrap",style:{textAlign:v.timerAlignment===s?"center":v.timerAlignment===m?"left":"right"},children:C&&e("div",{className:"timer-container",children:E?l("div",{className:`${p?"timer-section":""} ${null!=h?h:""} ${g?c["slim-timer-section"]:""}`.trim(),style:{color:(null==v?void 0:v.isDarkMode)?t:x,backgroundColor:M},children:[l("div",{className:` ${c["stage-teaser-ribbon-timer-element"]} transparent-element`,children:[l("div",{className:`${c["stage-teaser-ribbon-timer-value"]} ${g?c["slim-timer-value"]:""}`.trim(),children:[" ",null==E?void 0:E.days]}),e("div",{className:`${c["stage-teaser-ribbon-timer-label"]}`,children:null==v?void 0:v.dayLabel})]}),F.map((i,n)=>l(r.Fragment,{children:[e("div",{className:`${c["stage-teaser-ribbon-timer-colon"]} ${g?c["slim-timer-colon"]:""}`.trim(),children:":"}),l("div",{className:`${c["stage-teaser-ribbon-timer-element"]} ${g?c["slim-timer-element"]:""}`.trim(),children:[l("div",{className:`${c["stage-teaser-ribbon-timer-value"]} ${g?c["slim-timer-value"]:""}`.trim(),children:[" ",null==i?void 0:i.value]}),e("div",{className:`${c["stage-teaser-ribbon-timer-label"]}`,children:null==i?void 0:i.label})]})]},n))]}):e("div",{children:e(u,{content:R})})})})});export{v as default};
|
|
3
3
|
//# sourceMappingURL=RibbonComponentTimer.js.map
|
package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RibbonComponentTimer.js","sources":["../../../../../../src/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.tsx"],"sourcesContent":[null],"names":["RibbonComponentTimer","content","setTimerExpired","isSlimVersion","notifyTimerExpired","expired","expiry","calculateDateTime","Date","_a","endTime","replace","start","
|
|
1
|
+
{"version":3,"file":"RibbonComponentTimer.js","sources":["../../../../../../src/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.tsx"],"sourcesContent":[null],"names":["RibbonComponentTimer$1","React","memo","content","setTimerExpired","isSlimVersion","className","useLegacyTimerClass","notifyTimerExpired","expired","expiry","useMemo","calculateDateTime","Date","_a","endTime","replace","start","startTime","changeColor","colorChangeTime","startTimer","setStartTimer","useState","isCounterEnabled","enableCounter","timerContentColor","setTimerContentColor","timerColor","colorChanged","setColorChanged","calculateTime","today","getTime","PRIMARYCOLORS","difference","days","Math","floor","slice","hours","mins","sec","normalizedBackgroundTransparency","backgroundColor","backgroundColorTransparency","Number","rgbaBackgroundColor","color","alpha","rgbaMatch","match","r","g","b","rgbMatch","startsWith","hex","isShort","length","parseInt","isNaN","applyBackgroundTransparency","expiredTimer","expiryLabel","timerAlignment","dayLabel","hourLabel","minuteLabel","secondLabel","expiryLabelColor","timeLeft","setTimeLeft","useEffect","timer","setInterval","clearInterval","timeLeftArray","label","value","_b","_c","_jsx","style","textAlign","CENTER","LEFT","children","_jsxs","Styles","trim","isDarkMode","COLORWHITE","map","element","index","Fragment","RibbonExpiredTimerRedefined"],"mappings":"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"}
|
package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonExpiredTimerRedefined.css
CHANGED
|
@@ -20,12 +20,21 @@
|
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
.RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh {
|
|
23
|
+
box-sizing: border-box;
|
|
23
24
|
display: inline-block;
|
|
25
|
+
flex: 0 1 auto;
|
|
24
26
|
text-align: center;
|
|
25
27
|
padding: 0 6px;
|
|
28
|
+
width: auto;
|
|
26
29
|
min-width: 43px;
|
|
27
30
|
}
|
|
28
31
|
|
|
32
|
+
.RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh:first-child {
|
|
33
|
+
padding-left: 0;
|
|
34
|
+
padding-right: 0;
|
|
35
|
+
min-width: 36px;
|
|
36
|
+
}
|
|
37
|
+
|
|
29
38
|
.RibbonTimerV2-module__stage-teaser-ribbon-timer-value___0U5CT {
|
|
30
39
|
font-size: 24px;
|
|
31
40
|
font-weight: 700;
|
|
@@ -65,6 +74,8 @@
|
|
|
65
74
|
}
|
|
66
75
|
|
|
67
76
|
.RibbonTimerV2-module__slim-timer-element___pdiBB {
|
|
77
|
+
flex-basis: auto;
|
|
78
|
+
width: auto;
|
|
68
79
|
min-width: 36px;
|
|
69
80
|
}
|
|
70
81
|
|
package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonTimerV2.module.scss.css
CHANGED
|
@@ -20,12 +20,21 @@
|
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
.RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh {
|
|
23
|
+
box-sizing: border-box;
|
|
23
24
|
display: inline-block;
|
|
25
|
+
flex: 0 1 auto;
|
|
24
26
|
text-align: center;
|
|
25
27
|
padding: 0 6px;
|
|
28
|
+
width: auto;
|
|
26
29
|
min-width: 43px;
|
|
27
30
|
}
|
|
28
31
|
|
|
32
|
+
.RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh:first-child {
|
|
33
|
+
padding-left: 0;
|
|
34
|
+
padding-right: 0;
|
|
35
|
+
min-width: 36px;
|
|
36
|
+
}
|
|
37
|
+
|
|
29
38
|
.RibbonTimerV2-module__stage-teaser-ribbon-timer-value___0U5CT {
|
|
30
39
|
font-size: 24px;
|
|
31
40
|
font-weight: 700;
|
|
@@ -65,6 +74,8 @@
|
|
|
65
74
|
}
|
|
66
75
|
|
|
67
76
|
.RibbonTimerV2-module__slim-timer-element___pdiBB {
|
|
77
|
+
flex-basis: auto;
|
|
78
|
+
width: auto;
|
|
68
79
|
min-width: 36px;
|
|
69
80
|
}
|
|
70
81
|
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import './DoubleGridComponent.css';
|
|
2
|
-
import{jsxs as o,jsx as l}from"react/jsx-runtime";import i,{useRef as e,useState as n,useEffect as t,Suspense as d}from"react";import{getFalconBackgroundColorClassNew as r,getFalconGradientClass as a}from"../../../utils/StyleUtils.js";import{H1 as u,H2 as v,H3 as m,H4 as s,EXTRA as c,SEMIEXTRA as g}from"../../Constants.js";import b from"./DoubleGridComponent.module.scss.js";import{ALL as f,TEASER as p,CMS as h,VIEWPROMOTION as y,SELECTPROMOTION as C}from"../../../utils/AnalyticsConstants.js";import{trackNewDatalayerEvent as x}from"../../../utils/AnalyticUtils.js";import P from"../../ResponsiveRow/row.js";import I from"../EnergyLabelOverlay.js";import w from"../../FalconButtonV3/FalconButtonV3.js";import{resolveStageTeaserBackground as k}from"../backgroundPriority.js";const T=i.lazy(()=>import("../PromoBubble/index.js")),N=i.lazy(()=>import("../../RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js")),$=({content:$,isFullWidth:W,isSlimVersion:B,isFirstSlide:F,index:_,audienceName:j})=>{var L,E,M,S,D,R,G,H,z,A,O,U,V,q,J,K,Q,X,Y,Z,oo,lo,io,eo,no,to,ro,ao,uo;const vo=e(null),mo=Array.isArray(null==$?void 0:$.teaserButtonConfig)&&$.teaserButtonConfig.length>0,so=!mo,co=(null===(L=null==$?void 0:$.fullSlideLink)||void 0===L?void 0:L.cached_url)||"",go=["/en/","/de/","/it/","/fr/"].includes(co)?"":co,bo=(null==$?void 0:$.fullSlideLinkTarget)||"_self",fo=k({gradientBackgroundGlobal:null==$?void 0:$.gradientBackgroundGlobal,gradientBgColor:null==$?void 0:$.gradientBgColor,GenericBgColor:null==$?void 0:$.GenericBgColor,solidBgColor:null===(E=null==$?void 0:$.solidBgColor)||void 0===E?void 0:E.color}),po=(()=>{switch(fo.source){case"gradientBgColor":return a(fo.value||"");case"GenericBgColor":return r(fo.value||"");default:return""}})(),ho=(()=>{switch(fo.source){case"gradientBackgroundGlobal":return fo.value?{background:fo.value}:{};case"solidBgColor":return fo.value?{backgroundColor:fo.value}:{};default:return{}}})(),yo=(null==$?void 0:$.EnableTextBgColor)?null===(M=null==$?void 0:$.textbgcolor)||void 0===M?void 0:M.color:"",Co=o=>{var l;if(!o)return!1;const i=null===(l=o.split("?")[0].split(".").pop())||void 0===l?void 0:l.toLowerCase();return!!i&&["webp","jpg","jpeg","png","svg"].includes(i)},xo=(o,l,i)=>{if(!o||!l)return"";if(o.includes("/m/"))return o;if(o.split("?")[0].toLowerCase().endsWith(".svg"))return o;const e="undefined"!=typeof window&&window.devicePixelRatio>=2;return`${o}/m/${e?2*l:l}x${e?2*(i||0):i||0}/filters:format(webp):quality(${e?60:90})`},Po=o=>(null==$?void 0:$.autoImageResizing)?B?480:o<768?(null==$?void 0:$.mobileExtraContent)?200:250:550:0,Io=o=>{var l,i,e,n,t,d,r,a,u,v,m,s,c,g,b,f;if(o<768){const t=(null===(l=null==$?void 0:$.MobilePromoImage)||void 0===l?void 0:l.filename)||(null===(i=null==$?void 0:$.TabletPromoImage)||void 0===i?void 0:i.filename)||(null===(e=null==$?void 0:$.DesktopPromoImage)||void 0===e?void 0:e.filename)||(null===(n=null==$?void 0:$.WidePromoImage)||void 0===n?void 0:n.filename);return xo(t,320,Po(o))}if(o<=1024){const l=(null===(t=null==$?void 0:$.TabletPromoImage)||void 0===t?void 0:t.filename)||(null===(d=null==$?void 0:$.DesktopPromoImage)||void 0===d?void 0:d.filename)||(null===(r=null==$?void 0:$.MobilePromoImage)||void 0===r?void 0:r.filename)||(null===(a=null==$?void 0:$.WidePromoImage)||void 0===a?void 0:a.filename);return xo(l,330,Po(o))}if(o<=1920){const l=(null===(u=null==$?void 0:$.DesktopPromoImage)||void 0===u?void 0:u.filename)||(null===(v=null==$?void 0:$.TabletPromoImage)||void 0===v?void 0:v.filename)||(null===(m=null==$?void 0:$.MobilePromoImage)||void 0===m?void 0:m.filename)||(null===(s=null==$?void 0:$.WidePromoImage)||void 0===s?void 0:s.filename);return xo(l,480,Po(o))}{const l=(null===(c=null==$?void 0:$.WidePromoImage)||void 0===c?void 0:c.filename)||(null===(g=null==$?void 0:$.DesktopPromoImage)||void 0===g?void 0:g.filename)||(null===(b=null==$?void 0:$.TabletPromoImage)||void 0===b?void 0:b.filename)||(null===(f=null==$?void 0:$.MobilePromoImage)||void 0===f?void 0:f.filename);return xo(l,684,Po(o))}},[wo,ko]=n(!1),[To,No]=n(""),[$o,Wo]=n(""),[Bo,Fo]=n(!1),[_o,jo]=n(null),Lo=e(null),Eo=(o,l)=>{if(!l)return null;const i=(o=>{if(!o)return null;const l=o.match(/\/(\d+)x(\d+)\//);if(!l)return null;const i=Number(l[1]),e=Number(l[2]);return i&&e?{width:i,height:e}:null})(l);if(!(null==$?void 0:$.autoImageResizing))return i;const e=(o=>o<768?320:o<=1024?330:o<=1920?480:684)(o),n=Po(o);return n>0?{width:e,height:n}:(null==i?void 0:i.width)&&(null==i?void 0:i.height)?{width:e,height:Math.max(1,Math.round(e*i.height/i.width))}:i},Mo=()=>{null===Lo.current&&(Lo.current=window.requestAnimationFrame(()=>{Lo.current=null,(()=>{var o,l,i,e,n,t,d,r,a,u,v,m,s,c,g,b;const f=window.innerWidth;if(f<=767){const n=(null===(o=null==$?void 0:$.MobilePromoImage)||void 0===o?void 0:o.filename)||(null===(l=null==$?void 0:$.TabletPromoImage)||void 0===l?void 0:l.filename)||(null===(i=null==$?void 0:$.DesktopPromoImage)||void 0===i?void 0:i.filename)||(null===(e=null==$?void 0:$.WidePromoImage)||void 0===e?void 0:e.filename);ko(null==$?void 0:$.mobileImageFirst),Co(n)?(No(Io(f)||""),Wo(""),jo(Eo(f,n))):(No(""),Wo(n||""),jo(null))}else if(f>=768&&f<=1024){const o=(null===(n=null==$?void 0:$.TabletPromoImage)||void 0===n?void 0:n.filename)||(null===(t=null==$?void 0:$.DesktopPromoImage)||void 0===t?void 0:t.filename)||(null===(d=null==$?void 0:$.MobilePromoImage)||void 0===d?void 0:d.filename)||(null===(r=null==$?void 0:$.WidePromoImage)||void 0===r?void 0:r.filename);ko(null==$?void 0:$.tabletImageFirst),Co(o)?(No(Io(f)||""),Wo(""),jo(Eo(f,o))):(No(""),Wo(o||""),jo(null))}else if(f>=1920){const o=(null===(a=null==$?void 0:$.WidePromoImage)||void 0===a?void 0:a.filename)||(null===(u=null==$?void 0:$.DesktopPromoImage)||void 0===u?void 0:u.filename)||(null===(v=null==$?void 0:$.TabletPromoImage)||void 0===v?void 0:v.filename)||(null===(m=null==$?void 0:$.MobilePromoImage)||void 0===m?void 0:m.filename);ko(null==$?void 0:$.wideImageFirst),Co(o)?(No(Io(f)||""),Wo(""),jo(Eo(f,o))):(No(""),Wo(o||""),jo(null))}else if(f>=1025){const o=(null===(s=null==$?void 0:$.DesktopPromoImage)||void 0===s?void 0:s.filename)||(null===(c=null==$?void 0:$.WidePromoImage)||void 0===c?void 0:c.filename)||(null===(g=null==$?void 0:$.TabletPromoImage)||void 0===g?void 0:g.filename)||(null===(b=null==$?void 0:$.MobilePromoImage)||void 0===b?void 0:b.filename);ko(null==$?void 0:$.desktopImageFirst),Co(o)?(No(Io(f)||""),Wo(""),jo(Eo(f,o))):(No(""),Wo(o||""),jo(null))}})()}))};t(()=>(Mo(),window.addEventListener("resize",Mo),()=>{window.removeEventListener("resize",Mo),null!==Lo.current&&(window.cancelAnimationFrame(Lo.current),Lo.current=null)}),[]);const So=null===(S=null==$?void 0:$.textcolor)||void 0===S?void 0:S.color,Do=(null==$?void 0:$.PrimaryHeadingGradientFontColor)||(null==$?void 0:$.primaryHeadingGradientFontColor),Ro=(null==$?void 0:$.PrimaryHeadingFontColor)||(null==$?void 0:$.primaryHeadingFontColor),Go=Do||Ro||So,Ho="string"==typeof Go&&Go.includes("gradient("),zo={color:Ho?"transparent":Go,background:Ho?Go:void 0,WebkitBackgroundClip:Ho?"text":void 0,backgroundClip:Ho?"text":void 0,WebkitTextFillColor:Ho?"transparent":void 0,fontWeight:null!==(D=null==$?void 0:$.fontWeight)&&void 0!==D?D:700},Ao=(null==$?void 0:$.primaryHeadingFontWeight)||400,Oo=null===(A=null===(z=null===(H=null===(G=null===(R=null==$?void 0:$.mainheading)||void 0===R?void 0:R.content)||void 0===G?void 0:G[0])||void 0===H?void 0:H.content)||void 0===z?void 0:z[0])||void 0===A?void 0:A.text,Uo=!!(null===(U=null===(O=null==$?void 0:$.timer)||void 0===O?void 0:O[0])||void 0===U?void 0:U.backgroundColor)&&"transparent"!==(null===(q=null===(V=null==$?void 0:$.timer)||void 0===V?void 0:V[0])||void 0===q?void 0:q.backgroundColor);t(()=>{const o=new IntersectionObserver(l=>{var i,e;l[0].isIntersecting&&l[0].intersectionRatio>=.5&&!(null===(i=localStorage.getItem("analyticsUids"))||void 0===i?void 0:i.includes($._uid))&&(x(y,y,{banner_promotion_name:null!==(e=null==$?void 0:$.bannerPromotionName)&&void 0!==e?e:null==$?void 0:$.description,banner_source:h,banner_type:p,banner_location:null==$?void 0:$.bannerLocation,audience_name:j,promotion_objective:f,index:_}),localStorage.setItem("analyticsUids",JSON.stringify([...localStorage.getItem("analyticsUids")?JSON.parse(localStorage.getItem("analyticsUids")||""):[],$._uid])),vo.current&&o.observe(vo.current))},{threshold:.5});return vo.current&&o.observe(vo.current),()=>{o.disconnect()}},[]);const Vo=o=>{var l,i,e;x(C,C,{banner_promotion_name:null!==(e=null!==(i=null!==(l=null==o?void 0:o.bannerPromotionName)&&void 0!==l?l:null==o?void 0:o.buttonLabel)&&void 0!==i?i:null==$?void 0:$.bannerPromotionName)&&void 0!==e?e:null==$?void 0:$.description,banner_source:h,banner_type:p,audience_name:j,promotion_objective:f,banner_location:null==$?void 0:$.bannerLocation,index:_})},qo=()=>{go&&(Vo(),"_self"!==bo?window.open(go,bo,"noopener,noreferrer"):window.location.assign(go))},Jo=W?P:i.Fragment,Ko=null===(J=null==$?void 0:$.promoBubble)||void 0===J?void 0:J[0],Qo=o("div",{className:`d-flex ${b.rowWrapper} ${so?b.noCtasMobileCenter:""}`,children:[o("div",{className:`${wo?"order-1":"order-0"} ${b.leftColumn} ${wo?b.imageFirst:""} ${so?b.noCtasMobileCenter:""} col-md-6 ${W&&B?b.slimVersion:""} ${(null==$?void 0:$.mobileExtraContent)?b.mobileExtraContent:""}`,style:{backgroundColor:yo,borderRadius:W?"0":"8px"},children:[l("div",{className:b.topText,style:{color:So,fontWeight:Ao},children:null===(Z=null===(Y=null===(X=null===(Q=null===(K=null==$?void 0:$.primaryheading)||void 0===K?void 0:K.content)||void 0===Q?void 0:Q[0])||void 0===X?void 0:X.content)||void 0===Y?void 0:Y[0])||void 0===Z?void 0:Z.text}),l("div",{children:(null==$?void 0:$.mainText)===u?l("h1",{className:b.mainTextH1,style:zo,children:Oo}):(null==$?void 0:$.mainText)===v?l("h2",{className:b.mainTextH2,style:zo,children:Oo}):(null==$?void 0:$.mainText)===m?l("h3",{className:b.mainTextH3,style:zo,children:Oo}):(null==$?void 0:$.mainText)===s?l("h4",{className:b.mainTextH4,style:zo,children:Oo}):(null==$?void 0:$.mainText)===c?l("div",{className:b.mainTextExtra,style:zo,children:Oo}):(null==$?void 0:$.mainText)===g?l("div",{className:b.mainTextSemiExtra,style:zo,children:Oo}):l("div",{className:b.mainTextDisplay,style:zo,children:Oo})}),l("div",{className:b.bottomText,style:{color:So},children:null===(no=null===(eo=null===(io=null===(lo=null===(oo=null==$?void 0:$.secondaryheading)||void 0===oo?void 0:oo.content)||void 0===lo?void 0:lo[0])||void 0===io?void 0:io.content)||void 0===eo?void 0:eo[0])||void 0===no?void 0:no.text}),(null===(ro=null===(to=null==$?void 0:$.timer)||void 0===to?void 0:to[0])||void 0===ro?void 0:ro.enableCounter)&&!Bo&&l("div",{className:`${b.timerWrapper} text-center ${Uo?"":`${b.noPadding}`} ${(null==$?void 0:$.mobileExtraContent)?b.mobileExtraContent:""}`,children:l(d,{fallback:null,children:l(N,{content:null===(ao=null==$?void 0:$.timer)||void 0===ao?void 0:ao[0],setTimerExpired:Fo})})}),!Bo&&mo&&l("div",{className:`${b.btnSection} ${(null==$?void 0:$.noMobilePaddingForButtons)?b.noMobilePadding:""} `,children:null===(uo=null==$?void 0:$.teaserButtonConfig)||void 0===uo?void 0:uo.map((o,i)=>{var e,n,t;return l(w,{wrapperClassName:b.btnWrapper,href:`${(null===(e=null==o?void 0:o.buttonLink)||void 0===e?void 0:e.url)||0}`,target:null!==(n=null==$?void 0:$.target)&&void 0!==n?n:"",rel:"_blank"===(null==o?void 0:o.linkTarget)?"opener":"noopener",onClick:()=>Vo(o),buttonType:null==o?void 0:o.buttonType,label:null==o?void 0:o.buttonLabel,iconFilename:null===(t=null==o?void 0:o.buttonIcon)||void 0===t?void 0:t.filename,iconPosition:null==o?void 0:o.iconPosition},i)})})]}),o("div",{className:`${wo?"order-0":"order-1"} ${b.rightColumn} ${so?b.noCtasMobileCenter:""} col-md-6 ${(null==$?void 0:$.mobileExtraContent)?b.mobileExtraContent:""}`,children:[$o&&""!==$o?l("div",{className:b.videoWrapper,children:l("video",{autoPlay:!0,muted:!0,loop:!0,src:$o,className:b.videoElement})}):!To||$o&&""!==$o?null:l("img",{src:To,width:null==_o?void 0:_o.width,height:null==_o?void 0:_o.height,loading:"lazy",fetchPriority:F?"high":"auto",alt:Oo||"Stage teaser image",className:b.rightImage}),Ko?l(d,{fallback:null,children:l(T,{content:Ko})}):null,(null==$?void 0:$.energyLabel)?l(I,{energyLabel:null==$?void 0:$.energyLabel,energyLabelPosition:null==$?void 0:$.energyLabelPosition}):null]})]});return l("div",{className:`${b.container} ${W?b.fullWidth:""} ${B?b.slimVersion:""}`,ref:vo,children:l("div",{className:`${po?`${po} `:""}${b.contentWrapper} d-flex`,onClick:o=>{if(!go)return;o.target.closest("a, button, [role='button']")||qo()},onKeyDown:o=>{go&&("Enter"!==o.key&&" "!==o.key||(o.preventDefault(),qo()))},role:go?"link":void 0,tabIndex:go?0:void 0,style:Object.assign(Object.assign({},ho),{cursor:go?"pointer":void 0}),children:W?l("div",{className:b["double-grid-full-width-content"],children:Qo}):l(Jo,{children:Qo})})})};export{$ as default};
|
|
2
|
+
import{jsxs as o,jsx as l}from"react/jsx-runtime";import i,{useRef as n,useState as e,useEffect as t,Suspense as d}from"react";import{getFalconBackgroundColorClassNew as r,getFalconGradientClass as a}from"../../../utils/StyleUtils.js";import{H1 as u,H2 as v,H3 as s,H4 as m,EXTRA as c,SEMIEXTRA as g}from"../../Constants.js";import b from"./DoubleGridComponent.module.scss.js";import{ALL as f,TEASER as p,CMS as h,VIEWPROMOTION as y,SELECTPROMOTION as C}from"../../../utils/AnalyticsConstants.js";import{trackNewDatalayerEvent as w}from"../../../utils/AnalyticUtils.js";import x from"../../ResponsiveRow/row.js";import P from"../EnergyLabelOverlay.js";import I from"../../FalconButtonV3/FalconButtonV3.js";import{resolveStageTeaserBackground as k}from"../backgroundPriority.js";import{getStoryblokEditableProps as T}from"../../../utils/storyblokEditable.js";const j=i.lazy(()=>import("../PromoBubble/index.js")),N=i.lazy(()=>import("../../RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js")),$=T,W=({content:W,isFullWidth:B,isSlimVersion:_,isFirstSlide:F,index:E,audienceName:L})=>{var O,M,S,D,R,G,H,z,A,U,V,q,J,K,Q,X,Y,Z,oo,lo,io,no,eo,to,ro,ao,uo,vo,so;const mo=n(null),co=Array.isArray(null==W?void 0:W.teaserButtonConfig)&&W.teaserButtonConfig.length>0,go=!co,bo=(null===(O=null==W?void 0:W.fullSlideLink)||void 0===O?void 0:O.cached_url)||"",fo=["/en/","/de/","/it/","/fr/"].includes(bo)?"":bo,po=(null==W?void 0:W.fullSlideLinkTarget)||"_self",ho=k({gradientBackgroundGlobal:null==W?void 0:W.gradientBackgroundGlobal,gradientBgColor:null==W?void 0:W.gradientBgColor,GenericBgColor:null==W?void 0:W.GenericBgColor,solidBgColor:null===(M=null==W?void 0:W.solidBgColor)||void 0===M?void 0:M.color}),yo=(()=>{switch(ho.source){case"gradientBgColor":return a(ho.value||"");case"GenericBgColor":return r(ho.value||"");default:return""}})(),Co=(()=>{switch(ho.source){case"gradientBackgroundGlobal":return ho.value?{background:ho.value}:{};case"solidBgColor":return ho.value?{backgroundColor:ho.value}:{};default:return{}}})(),wo=(null==W?void 0:W.EnableTextBgColor)?null===(S=null==W?void 0:W.textbgcolor)||void 0===S?void 0:S.color:"",xo=o=>{var l;if(!o)return!1;const i=null===(l=o.split("?")[0].split(".").pop())||void 0===l?void 0:l.toLowerCase();return!!i&&["webp","jpg","jpeg","png","svg"].includes(i)},Po=(o,l,i)=>{if(!o||!l)return"";if(o.includes("/m/"))return o;if(o.split("?")[0].toLowerCase().endsWith(".svg"))return o;const n="undefined"!=typeof window&&window.devicePixelRatio>=2;return`${o}/m/${n?2*l:l}x${n?2*(i||0):i||0}/filters:format(webp):quality(${n?60:90})`},Io=o=>(null==W?void 0:W.autoImageResizing)?_?480:o<768?(null==W?void 0:W.mobileExtraContent)?200:250:550:0,ko=o=>{var l,i,n,e,t,d,r,a,u,v,s,m,c,g,b,f;if(o<768){const t=(null===(l=null==W?void 0:W.MobilePromoImage)||void 0===l?void 0:l.filename)||(null===(i=null==W?void 0:W.TabletPromoImage)||void 0===i?void 0:i.filename)||(null===(n=null==W?void 0:W.DesktopPromoImage)||void 0===n?void 0:n.filename)||(null===(e=null==W?void 0:W.WidePromoImage)||void 0===e?void 0:e.filename);return Po(t,320,Io(o))}if(o<=1024){const l=(null===(t=null==W?void 0:W.TabletPromoImage)||void 0===t?void 0:t.filename)||(null===(d=null==W?void 0:W.DesktopPromoImage)||void 0===d?void 0:d.filename)||(null===(r=null==W?void 0:W.MobilePromoImage)||void 0===r?void 0:r.filename)||(null===(a=null==W?void 0:W.WidePromoImage)||void 0===a?void 0:a.filename);return Po(l,330,Io(o))}if(o<=1920){const l=(null===(u=null==W?void 0:W.DesktopPromoImage)||void 0===u?void 0:u.filename)||(null===(v=null==W?void 0:W.TabletPromoImage)||void 0===v?void 0:v.filename)||(null===(s=null==W?void 0:W.MobilePromoImage)||void 0===s?void 0:s.filename)||(null===(m=null==W?void 0:W.WidePromoImage)||void 0===m?void 0:m.filename);return Po(l,480,Io(o))}{const l=(null===(c=null==W?void 0:W.WidePromoImage)||void 0===c?void 0:c.filename)||(null===(g=null==W?void 0:W.DesktopPromoImage)||void 0===g?void 0:g.filename)||(null===(b=null==W?void 0:W.TabletPromoImage)||void 0===b?void 0:b.filename)||(null===(f=null==W?void 0:W.MobilePromoImage)||void 0===f?void 0:f.filename);return Po(l,684,Io(o))}},[To,jo]=e(!1),[No,$o]=e(""),[Wo,Bo]=e(""),[_o,Fo]=e(!1),[Eo,Lo]=e(null),Oo=n(null),Mo=(o,l)=>{if(!l)return null;const i=(o=>{if(!o)return null;const l=o.match(/\/(\d+)x(\d+)\//);if(!l)return null;const i=Number(l[1]),n=Number(l[2]);return i&&n?{width:i,height:n}:null})(l);if(!(null==W?void 0:W.autoImageResizing))return i;const n=(o=>o<768?320:o<=1024?330:o<=1920?480:684)(o),e=Io(o);return e>0?{width:n,height:e}:(null==i?void 0:i.width)&&(null==i?void 0:i.height)?{width:n,height:Math.max(1,Math.round(n*i.height/i.width))}:i},So=()=>{null===Oo.current&&(Oo.current=window.requestAnimationFrame(()=>{Oo.current=null,(()=>{var o,l,i,n,e,t,d,r,a,u,v,s,m,c,g,b;const f=window.innerWidth;if(f<=767){const e=(null===(o=null==W?void 0:W.MobilePromoImage)||void 0===o?void 0:o.filename)||(null===(l=null==W?void 0:W.TabletPromoImage)||void 0===l?void 0:l.filename)||(null===(i=null==W?void 0:W.DesktopPromoImage)||void 0===i?void 0:i.filename)||(null===(n=null==W?void 0:W.WidePromoImage)||void 0===n?void 0:n.filename);jo(null==W?void 0:W.mobileImageFirst),xo(e)?($o(ko(f)||""),Bo(""),Lo(Mo(f,e))):($o(""),Bo(e||""),Lo(null))}else if(f>=768&&f<=1024){const o=(null===(e=null==W?void 0:W.TabletPromoImage)||void 0===e?void 0:e.filename)||(null===(t=null==W?void 0:W.DesktopPromoImage)||void 0===t?void 0:t.filename)||(null===(d=null==W?void 0:W.MobilePromoImage)||void 0===d?void 0:d.filename)||(null===(r=null==W?void 0:W.WidePromoImage)||void 0===r?void 0:r.filename);jo(null==W?void 0:W.tabletImageFirst),xo(o)?($o(ko(f)||""),Bo(""),Lo(Mo(f,o))):($o(""),Bo(o||""),Lo(null))}else if(f>=1920){const o=(null===(a=null==W?void 0:W.WidePromoImage)||void 0===a?void 0:a.filename)||(null===(u=null==W?void 0:W.DesktopPromoImage)||void 0===u?void 0:u.filename)||(null===(v=null==W?void 0:W.TabletPromoImage)||void 0===v?void 0:v.filename)||(null===(s=null==W?void 0:W.MobilePromoImage)||void 0===s?void 0:s.filename);jo(null==W?void 0:W.wideImageFirst),xo(o)?($o(ko(f)||""),Bo(""),Lo(Mo(f,o))):($o(""),Bo(o||""),Lo(null))}else if(f>=1025){const o=(null===(m=null==W?void 0:W.DesktopPromoImage)||void 0===m?void 0:m.filename)||(null===(c=null==W?void 0:W.WidePromoImage)||void 0===c?void 0:c.filename)||(null===(g=null==W?void 0:W.TabletPromoImage)||void 0===g?void 0:g.filename)||(null===(b=null==W?void 0:W.MobilePromoImage)||void 0===b?void 0:b.filename);jo(null==W?void 0:W.desktopImageFirst),xo(o)?($o(ko(f)||""),Bo(""),Lo(Mo(f,o))):($o(""),Bo(o||""),Lo(null))}})()}))};t(()=>(So(),window.addEventListener("resize",So),()=>{window.removeEventListener("resize",So),null!==Oo.current&&(window.cancelAnimationFrame(Oo.current),Oo.current=null)}),[]);const Do=null===(D=null==W?void 0:W.textcolor)||void 0===D?void 0:D.color,Ro=(null==W?void 0:W.PrimaryHeadingGradientFontColor)||(null==W?void 0:W.primaryHeadingGradientFontColor),Go=(null==W?void 0:W.PrimaryHeadingFontColor)||(null==W?void 0:W.primaryHeadingFontColor),Ho=Ro||Go||Do,zo="string"==typeof Ho&&Ho.includes("gradient("),Ao={color:zo?"transparent":Ho,background:zo?Ho:void 0,WebkitBackgroundClip:zo?"text":void 0,backgroundClip:zo?"text":void 0,WebkitTextFillColor:zo?"transparent":void 0,fontWeight:null!==(R=null==W?void 0:W.fontWeight)&&void 0!==R?R:700},Uo=(null==W?void 0:W.primaryHeadingFontWeight)||400,Vo=null===(U=null===(A=null===(z=null===(H=null===(G=null==W?void 0:W.mainheading)||void 0===G?void 0:G.content)||void 0===H?void 0:H[0])||void 0===z?void 0:z.content)||void 0===A?void 0:A[0])||void 0===U?void 0:U.text,qo=$(null==W?void 0:W.primaryheading),Jo=$(null==W?void 0:W.mainheading),Ko=$(null==W?void 0:W.secondaryheading),Qo=!!(null===(q=null===(V=null==W?void 0:W.timer)||void 0===V?void 0:V[0])||void 0===q?void 0:q.backgroundColor)&&"transparent"!==(null===(K=null===(J=null==W?void 0:W.timer)||void 0===J?void 0:J[0])||void 0===K?void 0:K.backgroundColor);t(()=>{const o=new IntersectionObserver(l=>{var i,n;l[0].isIntersecting&&l[0].intersectionRatio>=.5&&!(null===(i=localStorage.getItem("analyticsUids"))||void 0===i?void 0:i.includes(W._uid))&&(w(y,y,{banner_promotion_name:null!==(n=null==W?void 0:W.bannerPromotionName)&&void 0!==n?n:null==W?void 0:W.description,banner_source:h,banner_type:p,banner_location:null==W?void 0:W.bannerLocation,audience_name:L,promotion_objective:f,index:E}),localStorage.setItem("analyticsUids",JSON.stringify([...localStorage.getItem("analyticsUids")?JSON.parse(localStorage.getItem("analyticsUids")||""):[],W._uid])),mo.current&&o.observe(mo.current))},{threshold:.5});return mo.current&&o.observe(mo.current),()=>{o.disconnect()}},[]);const Xo=o=>{var l,i,n;w(C,C,{banner_promotion_name:null!==(n=null!==(i=null!==(l=null==o?void 0:o.bannerPromotionName)&&void 0!==l?l:null==o?void 0:o.buttonLabel)&&void 0!==i?i:null==W?void 0:W.bannerPromotionName)&&void 0!==n?n:null==W?void 0:W.description,banner_source:h,banner_type:p,audience_name:L,promotion_objective:f,banner_location:null==W?void 0:W.bannerLocation,index:E})},Yo=()=>{fo&&(Xo(),"_self"!==po?window.open(fo,po,"noopener,noreferrer"):window.location.assign(fo))},Zo=B?x:i.Fragment,ol=null===(Q=null==W?void 0:W.promoBubble)||void 0===Q?void 0:Q[0],ll=o("div",{className:`d-flex ${b.rowWrapper} ${go?b.noCtasMobileCenter:""}`,children:[o("div",{className:`${To?"order-1":"order-0"} ${b.leftColumn} ${To?b.imageFirst:""} ${go?b.noCtasMobileCenter:""} col-md-6 ${B&&_?b.slimVersion:""} ${(null==W?void 0:W.mobileExtraContent)?b.mobileExtraContent:""}`,style:{backgroundColor:wo,borderRadius:B?"0":"8px"},children:[l("div",Object.assign({className:b.topText},qo,{style:{color:Do,fontWeight:Uo},children:null===(lo=null===(oo=null===(Z=null===(Y=null===(X=null==W?void 0:W.primaryheading)||void 0===X?void 0:X.content)||void 0===Y?void 0:Y[0])||void 0===Z?void 0:Z.content)||void 0===oo?void 0:oo[0])||void 0===lo?void 0:lo.text})),l("div",{children:(null==W?void 0:W.mainText)===u?l("h1",Object.assign({className:b.mainTextH1},Jo,{style:Ao,children:Vo})):(null==W?void 0:W.mainText)===v?l("h2",Object.assign({className:b.mainTextH2},Jo,{style:Ao,children:Vo})):(null==W?void 0:W.mainText)===s?l("h3",Object.assign({className:b.mainTextH3},Jo,{style:Ao,children:Vo})):(null==W?void 0:W.mainText)===m?l("h4",Object.assign({className:b.mainTextH4},Jo,{style:Ao,children:Vo})):(null==W?void 0:W.mainText)===c?l("div",Object.assign({className:b.mainTextExtra},Jo,{style:Ao,children:Vo})):(null==W?void 0:W.mainText)===g?l("div",Object.assign({className:b.mainTextSemiExtra},Jo,{style:Ao,children:Vo})):l("div",Object.assign({className:b.mainTextDisplay},Jo,{style:Ao,children:Vo}))}),l("div",Object.assign({className:b.bottomText},Ko,{style:{color:Do},children:null===(ro=null===(to=null===(eo=null===(no=null===(io=null==W?void 0:W.secondaryheading)||void 0===io?void 0:io.content)||void 0===no?void 0:no[0])||void 0===eo?void 0:eo.content)||void 0===to?void 0:to[0])||void 0===ro?void 0:ro.text})),(null===(uo=null===(ao=null==W?void 0:W.timer)||void 0===ao?void 0:ao[0])||void 0===uo?void 0:uo.enableCounter)&&!_o&&l("div",{className:`${b.timerWrapper} text-center ${Qo?"":`${b.noPadding}`} ${(null==W?void 0:W.mobileExtraContent)?b.mobileExtraContent:""}`,children:l(d,{fallback:null,children:l(N,{content:null===(vo=null==W?void 0:W.timer)||void 0===vo?void 0:vo[0],setTimerExpired:Fo})})}),!_o&&co&&l("div",{className:`${b.btnSection} ${(null==W?void 0:W.noMobilePaddingForButtons)?b.noMobilePadding:""} `,children:null===(so=null==W?void 0:W.teaserButtonConfig)||void 0===so?void 0:so.map((o,i)=>{var n,e,t;return l(I,{wrapperClassName:b.btnWrapper,href:`${(null===(n=null==o?void 0:o.buttonLink)||void 0===n?void 0:n.url)||0}`,target:null!==(e=null==W?void 0:W.target)&&void 0!==e?e:"",rel:"_blank"===(null==o?void 0:o.linkTarget)?"opener":"noopener",onClick:()=>Xo(o),buttonType:null==o?void 0:o.buttonType,label:null==o?void 0:o.buttonLabel,iconFilename:null===(t=null==o?void 0:o.buttonIcon)||void 0===t?void 0:t.filename,iconPosition:null==o?void 0:o.iconPosition,editableContent:o},i)})})]}),o("div",{className:`${To?"order-0":"order-1"} ${b.rightColumn} ${go?b.noCtasMobileCenter:""} col-md-6 ${(null==W?void 0:W.mobileExtraContent)?b.mobileExtraContent:""}`,children:[Wo&&""!==Wo?l("div",{className:b.videoWrapper,children:l("video",{autoPlay:!0,muted:!0,loop:!0,src:Wo,className:b.videoElement})}):!No||Wo&&""!==Wo?null:l("img",{src:No,width:null==Eo?void 0:Eo.width,height:null==Eo?void 0:Eo.height,loading:"lazy",fetchPriority:F?"high":"auto",alt:Vo||"Stage teaser image",className:b.rightImage}),ol?l(d,{fallback:null,children:l(j,{content:ol})}):null,(null==W?void 0:W.energyLabel)?l(P,{energyLabel:null==W?void 0:W.energyLabel,energyLabelPosition:null==W?void 0:W.energyLabelPosition}):null]})]});return l("div",Object.assign({},T(W),{className:`${b.container} ${B?b.fullWidth:""} ${_?b.slimVersion:""}`,ref:mo,children:l("div",{className:`${yo?`${yo} `:""}${b.contentWrapper} d-flex`,onClick:o=>{if(!fo)return;if(window.self!==window.top||window.location.search.includes("_storyblok"))return;o.target.closest("a, button, [role='button']")||Yo()},onKeyDown:o=>{fo&&(window.self!==window.top||window.location.search.includes("_storyblok")||"Enter"!==o.key&&" "!==o.key||(o.preventDefault(),Yo()))},role:fo?"link":void 0,tabIndex:fo?0:void 0,style:Object.assign(Object.assign({},Co),{cursor:fo?"pointer":void 0}),children:B?l("div",{className:b["double-grid-full-width-content"],children:ll}):l(Zo,{children:ll})})}))};export{W as default};
|
|
3
3
|
//# sourceMappingURL=DoubleGridComponent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DoubleGridComponent.js","sources":["../../../../../../src/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.tsx"],"sourcesContent":[null],"names":["PromoBubble","React","lazy","import","RibbonComponentTimer","DoubleGridComponent","content","isFullWidth","isSlimVersion","isFirstSlide","index","audienceName","elementRef","useRef","hasTeaserButtons","Array","isArray","teaserButtonConfig","length","shouldCenterMobileWithoutCtas","rawFullSlideLink","_a","fullSlideLink","cached_url","includes","fullSlideLinkTarget","resolvedBackground","resolveStageTeaserBackground","gradientBackgroundGlobal","gradientBgColor","GenericBgColor","solidBgColor","_b","color","backgroundClass","source","getFalconGradientClass","value","getFalconBackgroundColorClassNew","backgroundStyle","background","backgroundColor","textBgColor","EnableTextBgColor","_c","textbgcolor","imageOrVideoConfig","asset","ext","split","pop","toLowerCase","toStoryblokResize","url","width","height","endsWith","isRetina","window","devicePixelRatio","getPromoImageHeight","viewportWidth","autoImageResizing","mobileExtraContent","getPromoImageForViewport","result","MobilePromoImage","filename","TabletPromoImage","DesktopPromoImage","_d","WidePromoImage","_e","_f","_g","_h","_j","_k","_l","_m","_o","_p","_q","_r","imageFirst","setImageFirst","useState","backgroundImage","setBackgroundImage","backgroundVideo","setBackgroundVideo","timerExpired","setTimerExpired","imageDimensions","setImageDimensions","rafIdRef","getResolvedImageDimensions","imageUrl","original","match","Number","getOriginalImageDimensions","getResizeWidthForViewport","configuredHeight","Math","max","round","handleResize","current","requestAnimationFrame","screenSize","innerWidth","candidate","mobileImageFirst","tabletImageFirst","wideImageFirst","desktopImageFirst","handleMediaResize","useEffect","addEventListener","removeEventListener","cancelAnimationFrame","textColor","textcolor","primaryHeadingGradientFontColor","PrimaryHeadingGradientFontColor","primaryHeadingFontColor","PrimaryHeadingFontColor","resolvedHeadlineFontColor","isGradientHeadlineFontColor","headlineStyle","undefined","WebkitBackgroundClip","backgroundClip","WebkitTextFillColor","fontWeight","primaryHeadingFontWeight","mainHeading","mainheading","text","hasTimerBackgroundColor","timer","observer","IntersectionObserver","entries","isIntersecting","intersectionRatio","localStorage","getItem","_uid","trackNewDatalayerEvent","VIEWPROMOTION","banner_promotion_name","bannerPromotionName","description","banner_source","CMS","banner_type","TEASER","banner_location","bannerLocation","audience_name","promotion_objective","ALL","setItem","JSON","stringify","parse","observe","threshold","disconnect","setButtonClicked","button","SELECTPROMOTION","buttonLabel","openFullSlideLink","open","location","assign","Wrapper","Row","Fragment","promoBubbleContent","promoBubble","contentJsx","_jsxs","className","Styles","rowWrapper","noCtasMobileCenter","children","leftColumn","slimVersion","style","borderRadius","_jsx","topText","_v","_u","_t","_s","primaryheading","mainText","H1","mainTextH1","H2","mainTextH2","H3","mainTextH3","H4","mainTextH4","EXTRA","mainTextExtra","SEMIEXTRA","mainTextSemiExtra","mainTextDisplay","bottomText","_0","_y","_x","_w","secondaryheading","_z","_2","_1","enableCounter","timerWrapper","noPadding","Suspense","fallback","_3","btnSection","noMobilePaddingForButtons","noMobilePadding","_4","map","item","FalconButtonV3","wrapperClassName","btnWrapper","href","buttonLink","target","rel","linkTarget","onClick","buttonType","label","iconFilename","buttonIcon","iconPosition","rightColumn","videoWrapper","autoPlay","muted","loop","src","videoElement","loading","fetchPriority","alt","rightImage","energyLabel","EnergyLabelOverlay","energyLabelPosition","container","fullWidth","ref","contentWrapper","event","closest","onKeyDown","key","preventDefault","role","tabIndex","Object","cursor"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DoubleGridComponent.js","sources":["../../../../../../src/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.tsx"],"sourcesContent":[null],"names":["PromoBubble","React","lazy","import","RibbonComponentTimer","getEditableProps","getStoryblokEditableProps","DoubleGridComponent","content","isFullWidth","isSlimVersion","isFirstSlide","index","audienceName","elementRef","useRef","hasTeaserButtons","Array","isArray","teaserButtonConfig","length","shouldCenterMobileWithoutCtas","rawFullSlideLink","_a","fullSlideLink","cached_url","includes","fullSlideLinkTarget","resolvedBackground","resolveStageTeaserBackground","gradientBackgroundGlobal","gradientBgColor","GenericBgColor","solidBgColor","_b","color","backgroundClass","source","getFalconGradientClass","value","getFalconBackgroundColorClassNew","backgroundStyle","background","backgroundColor","textBgColor","EnableTextBgColor","_c","textbgcolor","imageOrVideoConfig","asset","ext","split","pop","toLowerCase","toStoryblokResize","url","width","height","endsWith","isRetina","window","devicePixelRatio","getPromoImageHeight","viewportWidth","autoImageResizing","mobileExtraContent","getPromoImageForViewport","result","MobilePromoImage","filename","TabletPromoImage","DesktopPromoImage","_d","WidePromoImage","_e","_f","_g","_h","_j","_k","_l","_m","_o","_p","_q","_r","imageFirst","setImageFirst","useState","backgroundImage","setBackgroundImage","backgroundVideo","setBackgroundVideo","timerExpired","setTimerExpired","imageDimensions","setImageDimensions","rafIdRef","getResolvedImageDimensions","imageUrl","original","match","Number","getOriginalImageDimensions","getResizeWidthForViewport","configuredHeight","Math","max","round","handleResize","current","requestAnimationFrame","screenSize","innerWidth","candidate","mobileImageFirst","tabletImageFirst","wideImageFirst","desktopImageFirst","handleMediaResize","useEffect","addEventListener","removeEventListener","cancelAnimationFrame","textColor","textcolor","primaryHeadingGradientFontColor","PrimaryHeadingGradientFontColor","primaryHeadingFontColor","PrimaryHeadingFontColor","resolvedHeadlineFontColor","isGradientHeadlineFontColor","headlineStyle","undefined","WebkitBackgroundClip","backgroundClip","WebkitTextFillColor","fontWeight","primaryHeadingFontWeight","mainHeading","mainheading","text","overlineEditableProps","primaryheading","headlineEditableProps","bottomTextEditableProps","secondaryheading","hasTimerBackgroundColor","timer","observer","IntersectionObserver","entries","isIntersecting","intersectionRatio","localStorage","getItem","_uid","trackNewDatalayerEvent","VIEWPROMOTION","banner_promotion_name","bannerPromotionName","description","banner_source","CMS","banner_type","TEASER","banner_location","bannerLocation","audience_name","promotion_objective","ALL","setItem","JSON","stringify","parse","observe","threshold","disconnect","setButtonClicked","button","SELECTPROMOTION","buttonLabel","openFullSlideLink","open","location","assign","Wrapper","Row","Fragment","promoBubbleContent","promoBubble","contentJsx","_jsxs","className","Styles","rowWrapper","noCtasMobileCenter","children","leftColumn","slimVersion","style","borderRadius","_jsx","Object","topText","_v","_u","_t","_s","mainText","H1","mainTextH1","H2","mainTextH2","H3","mainTextH3","H4","mainTextH4","EXTRA","mainTextExtra","SEMIEXTRA","mainTextSemiExtra","mainTextDisplay","bottomText","_0","_y","_x","_w","_z","_2","_1","enableCounter","timerWrapper","noPadding","Suspense","fallback","_3","btnSection","noMobilePaddingForButtons","noMobilePadding","_4","map","item","FalconButtonV3","wrapperClassName","btnWrapper","href","buttonLink","target","rel","linkTarget","onClick","buttonType","label","iconFilename","buttonIcon","iconPosition","editableContent","rightColumn","videoWrapper","autoPlay","muted","loop","src","videoElement","loading","fetchPriority","alt","rightImage","energyLabel","EnergyLabelOverlay","energyLabelPosition","container","fullWidth","ref","contentWrapper","event","self","top","search","closest","onKeyDown","key","preventDefault","role","tabIndex","cursor"],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import './SingleGridComponent.css';
|
|
2
|
-
import{jsxs as i,Fragment as l,jsx as n}from"react/jsx-runtime";import e,{useRef as o,useState as d,useEffect as t,Suspense as r}from"react";import{viewport as a}from"../../RibbonComponent/utils.js";import{H1 as u,H2 as v,H3 as s,H4 as g,EXTRA as c,SEMIEXTRA as m}from"../../Constants.js";import h from"./SingleGridComponent.module.scss.js";import{ALL as b,TEASER as f,CMS as p,VIEWPROMOTION as y,SELECTPROMOTION as x}from"../../../utils/AnalyticsConstants.js";import{trackNewDatalayerEvent as w}from"../../../utils/AnalyticUtils.js";import $ from"../EnergyLabelOverlay.js";import{getFalconBackgroundColorClassNew as k,getFalconGradientClass as C}from"../../../utils/StyleUtils.js";import N from"../../FalconButtonV3/FalconButtonV3.js";import{resolveStageTeaserBackground as j}from"../backgroundPriority.js";const I=e.lazy(()=>import("../PromoBubble/index.js")),_=e.lazy(()=>import("../../RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js")),B=({content:B,isFullWidth:L,isSlimVersion:S,isFirstSlide:P,isSingleSlide:F,index:G,audienceName:T})=>{var W,R,z,O,U,A,E,H,V,q,D,J,M,K,Q,X,Y,Z,ii,li,ni,ei,oi,di,ti,ri,ai,ui,vi,si,gi,ci,mi,hi,bi,fi,pi,yi,xi;const wi=o(null),$i=(null===(W=null==B?void 0:B.fullSlideLink)||void 0===W?void 0:W.url)||(null===(R=null==B?void 0:B.fullSlideLink)||void 0===R?void 0:R.cached_url)||"",ki=["/en/","/de/","/it/","/fr/"].includes($i)?"":$i,Ci=(null==B?void 0:B.fullSlideLinkTarget)||"_self",Ni=j({gradientBackgroundGlobal:null==B?void 0:B.gradientBackgroundGlobal,gradientBgColor:null==B?void 0:B.gradientBgColor,GenericBgColor:null==B?void 0:B.GenericBgColor,solidBgColor:null===(z=null==B?void 0:B.solidBgColor)||void 0===z?void 0:z.color}),ji=(()=>{switch(Ni.source){case"gradientBgColor":return C(Ni.value||"");case"GenericBgColor":return k(Ni.value||"");default:return""}})(),Ii=(()=>{switch(Ni.source){case"gradientBackgroundGlobal":return Ni.value?{background:Ni.value}:{};case"solidBgColor":return Ni.value?{backgroundColor:Ni.value}:{};default:return{}}})(),[_i,Bi]=d(!1),[Li,Si]=d(""),[Pi,Fi]=d(""),[Gi,Ti]=d(null),Wi=a(),Ri="mobile"===Wi,zi=null===(H=null===(E=null===(A=null===(U=null===(O=null==B?void 0:B.primaryheading)||void 0===O?void 0:O.content)||void 0===U?void 0:U[0])||void 0===A?void 0:A.content)||void 0===E?void 0:E[0])||void 0===H?void 0:H.text,Oi=null===(M=null===(J=null===(D=null===(q=null===(V=null==B?void 0:B.mainheading)||void 0===V?void 0:V.content)||void 0===q?void 0:q[0])||void 0===D?void 0:D.content)||void 0===J?void 0:J[0])||void 0===M?void 0:M.text,Ui=null===(Z=null===(Y=null===(X=null===(Q=null===(K=null==B?void 0:B.secondaryheading)||void 0===K?void 0:K.content)||void 0===Q?void 0:Q[0])||void 0===X?void 0:X.content)||void 0===Y?void 0:Y[0])||void 0===Z?void 0:Z.text,Ai=null===(ii=null==B?void 0:B.textcolor)||void 0===ii?void 0:ii.color,Ei=(null==B?void 0:B.PrimaryHeadingGradientFontColor)||(null==B?void 0:B.primaryHeadingGradientFontColor),Hi=(null==B?void 0:B.PrimaryHeadingFontColor)||(null==B?void 0:B.primaryHeadingFontColor),Vi=Ei||Hi||Ai,qi="string"==typeof Vi&&Vi.includes("gradient("),Di=(null==B?void 0:B.primaryHeadingFontWeight)||500,Ji=null!==(li=null==B?void 0:B.fontWeight)&&void 0!==li?li:700,Mi=null==B?void 0:B.mainText,Ki=Ri?"center":"left"===(null==B?void 0:B.textposition)?"flex-start":"right"===(null==B?void 0:B.textposition)?"flex-end":"center",Qi=Ri?"center":"left"===(null==B?void 0:B.textposition)?"left":"right"===(null==B?void 0:B.textposition)?"right":"center",Xi=Ri?"top"===(null==B?void 0:B.verticaltextpostion)?"flex-start":"bottom"===(null==B?void 0:B.verticaltextpostion)?"flex-end":"center":"center",Yi=void 0===(null==B?void 0:B.singleGridTextWidth)||null===(null==B?void 0:B.singleGridTextWidth)||""===(null==B?void 0:B.singleGridTextWidth)?"100%":`${null==B?void 0:B.singleGridTextWidth}%`,Zi="mobile"===Wi?"100%":Yi,il="100%"!==Zi?"right"===(null==B?void 0:B.textposition)?{marginLeft:"auto"}:"center"===(null==B?void 0:B.textposition)?{marginLeft:"auto",marginRight:"auto"}:void 0:void 0,ll=Object.assign({width:Zi,color:qi?"transparent":Vi,background:qi?Vi:void 0,WebkitBackgroundClip:qi?"text":void 0,backgroundClip:qi?"text":void 0,WebkitTextFillColor:qi?"transparent":void 0,fontWeight:Ji},il),nl=Object.assign({width:Zi},il),el={color:Ai,alignItems:Ki,textAlign:Qi},ol=Boolean(F),dl=o(null),tl=()=>{null===dl.current&&(dl.current=window.requestAnimationFrame(()=>{dl.current=null,gl()}))};t(()=>(tl(),window.addEventListener("resize",tl),()=>{window.removeEventListener("resize",tl),null!==dl.current&&(window.cancelAnimationFrame(dl.current),dl.current=null)}),[]),t(()=>{const i=new IntersectionObserver(i=>{var l,n;i[0].isIntersecting&&i[0].intersectionRatio>=.5&&!(null===(l=localStorage.getItem("analyticsUids"))||void 0===l?void 0:l.includes(B._uid))&&(w(y,y,{banner_promotion_name:null!==(n=null==B?void 0:B.bannerPromotionName)&&void 0!==n?n:null==B?void 0:B.description,banner_source:p,banner_type:f,banner_location:null==B?void 0:B.bannerLocation,audience_name:T,promotion_objective:b,index:G}),localStorage.setItem("analyticsUids",JSON.stringify([...localStorage.getItem("analyticsUids")?JSON.parse(localStorage.getItem("analyticsUids")||""):[],B._uid])))},{threshold:.5});return wi.current&&i.observe(wi.current),()=>{i.disconnect()}},[]);const rl=i=>{var l,n,e;w(x,x,{banner_promotion_name:null!==(e=null!==(n=null!==(l=null==i?void 0:i.bannerPromotionName)&&void 0!==l?l:null==i?void 0:i.buttonLabel)&&void 0!==n?n:null==B?void 0:B.bannerPromotionName)&&void 0!==e?e:null==B?void 0:B.description,banner_source:p,banner_type:f,audience_name:T,promotion_objective:b,banner_location:null==B?void 0:B.bannerLocation,index:G})},al=()=>{ki&&(rl(),"_self"!==Ci?window.open(ki,Ci,"noopener,noreferrer"):window.location.assign(ki))},ul=()=>(null==B?void 0:B.autoImageResizing)?S?480:550:0,vl=i=>i<768?320:i<1024?660:i<1920?960:L?2500:1368,sl=(i,l)=>{if(!l)return null;const n=(i=>{if(!i)return null;const l=i.match(/\/(\d+)x(\d+)\//);if(!l)return null;const n=Number(l[1]),e=Number(l[2]);return n&&e?{width:n,height:e}:null})(l);if(!ol&&!(null==B?void 0:B.autoImageResizing))return n;const e=vl(i),o=ul();return o>0?{width:e,height:o}:(null==n?void 0:n.width)&&(null==n?void 0:n.height)?{width:e,height:Math.max(1,Math.round(e*n.height/n.width))}:n},gl=()=>{const i=window.innerWidth,l=(i=>{var l,n,e,o,d,t,r,a,u,v,s,g,c,m,h,b;return i<768?(null===(l=null==B?void 0:B.mobileImage)||void 0===l?void 0:l.filename)||(null===(n=null==B?void 0:B.tabImage)||void 0===n?void 0:n.filename)||(null===(e=null==B?void 0:B.desktopimage)||void 0===e?void 0:e.filename)||(null===(o=null==B?void 0:B.wideImage)||void 0===o?void 0:o.filename):i<1024?(null===(d=null==B?void 0:B.tabImage)||void 0===d?void 0:d.filename)||(null===(t=null==B?void 0:B.desktopimage)||void 0===t?void 0:t.filename)||(null===(r=null==B?void 0:B.mobileImage)||void 0===r?void 0:r.filename)||(null===(a=null==B?void 0:B.wideImage)||void 0===a?void 0:a.filename):i<1920?(null===(u=null==B?void 0:B.desktopimage)||void 0===u?void 0:u.filename)||(null===(v=null==B?void 0:B.tabImage)||void 0===v?void 0:v.filename)||(null===(s=null==B?void 0:B.wideImage)||void 0===s?void 0:s.filename)||(null===(g=null==B?void 0:B.mobileImage)||void 0===g?void 0:g.filename):(null===(c=null==B?void 0:B.wideImage)||void 0===c?void 0:c.filename)||(null===(m=null==B?void 0:B.desktopimage)||void 0===m?void 0:m.filename)||(null===(h=null==B?void 0:B.tabImage)||void 0===h?void 0:h.filename)||(null===(b=null==B?void 0:B.mobileImage)||void 0===b?void 0:b.filename)})(i);if((i=>{const l=i&&i.split(".").pop();return!(!l||!["webp","jpg","jpeg","png"].includes(l))})(l)){const n=((i,l,n)=>{if(!i||!l)return"";if(i.includes("/m/"))return i;const e="undefined"!=typeof window&&window.devicePixelRatio>=2;return`${i}/m/${e?2*l:l}x${e?2*(n||0):n||0}/filters:format(webp):quality(${e?60:90})`})(l,vl(i),ul())||l||"";n===Li&&""===Pi||(Si(n),Fi(""));const e=sl(i,l);Ti(i=>(null==i?void 0:i.width)===(null==e?void 0:e.width)&&(null==i?void 0:i.height)===(null==e?void 0:e.height)?i:e)}else{const i=l||"";i===Pi&&""===Li||(Si(""),Fi(i)),Ti(null)}},cl=!!(null===(ei=null===(ni=null==B?void 0:B.timer)||void 0===ni?void 0:ni[0])||void 0===ei?void 0:ei.backgroundColor)&&"transparent"!==(null===(di=null===(oi=null==B?void 0:B.timer)||void 0===oi?void 0:oi[0])||void 0===di?void 0:di.backgroundColor),ml=null===(ti=null==B?void 0:B.promoBubble)||void 0===ti?void 0:ti[0],hl=i(l,{children:[n("div",{className:`${h["single-grid-text-container"]} ${ol?h["single-grid-content"]:""}`,style:{justifyContent:ol&&Ri?Xi:void 0},children:n("div",{children:i("div",{style:el,children:[zi&&n("div",{className:`${h["single-grid-overline"]}`,style:{fontWeight:Di},children:zi}),Oi&&(Mi===u?n("h1",{className:`${h["single-grid-headline"]} ${h["single-grid-headline-h1"]}`,style:ll,children:Oi}):Mi===v?n("h2",{className:`${h["single-grid-headline"]} ${h["single-grid-headline-h2"]}`,style:ll,children:Oi}):Mi===s?n("h3",{className:`${h["single-grid-headline"]} ${h["single-grid-headline-h3"]}`,style:ll,children:Oi}):Mi===g?n("h4",{className:`${h["single-grid-headline"]} ${h["single-grid-headline-h4"]}`,style:ll,children:Oi}):n("div",Mi===c?{className:`${h["single-grid-headline"]} ${h["single-grid-headline-extra"]}`,style:ll,children:Oi}:Mi===m?{className:`${h["single-grid-headline"]} ${h["single-grid-headline-semiextra"]}`,style:ll,children:Oi}:{className:`${h["single-grid-headline"]} ${h["single-grid-headline-display"]}`,style:ll,children:Oi})),Ui&&n("div",{className:`${h["single-grid-text"]}`,style:nl,children:Ui})]})})}),(null===(ai=null===(ri=null==B?void 0:B.timer)||void 0===ri?void 0:ri[0])||void 0===ai?void 0:ai.enableCounter)&&!_i&&n("div",{className:`${h["single-grid-timer"]} ${cl?"":`${h.noPadding}`}`,style:{justifyContent:Ki},children:n(r,{fallback:null,children:n(_,{content:null===(ui=null==B?void 0:B.timer)||void 0===ui?void 0:ui[0],setTimerExpired:Bi})})}),!_i&&n("div",{className:`${"mobile"!==Wi?"d-flex":""} ${ol?h["single-grid-buttons"]:""}`,style:{justifyContent:Ki},children:null===(vi=null==B?void 0:B.teaserButtonConfig)||void 0===vi?void 0:vi.map((i,l)=>{var e,o,d;return n(N,{wrapperClassName:`${h["single-grid-btn-section"]} ${"flex-end"===Ki&&"mobile"!==Wi&&h["single-grid-btn-right"]}`,href:`${(null===(e=null==i?void 0:i.buttonLink)||void 0===e?void 0:e.url)||0}`,target:null!==(o=null==B?void 0:B.target)&&void 0!==o?o:"",rel:"_blank"===(null==i?void 0:i.linkTarget)?"opener":"noopener",onClick:()=>rl(i),buttonType:null==i?void 0:i.buttonType,label:null==i?void 0:i.buttonLabel,iconFilename:null===(d=null==i?void 0:i.buttonIcon)||void 0===d?void 0:d.filename,iconPosition:null==i?void 0:i.iconPosition},l)})})]});return n(e.Fragment,{children:n("div",{className:`${h["single-grid"]} ${L?h.fullWidth:""}`,ref:wi,children:i("div",{className:`${h["single-grid-background-img"]} ${S?h["slim-version"]:""} ${ol?h["single-slide-mode"]:""} ${ji}`,onClick:i=>{if(!ki)return;i.target.closest("a, button, [role='button']")||al()},onKeyDown:i=>{ki&&("Enter"!==i.key&&" "!==i.key||(i.preventDefault(),al()))},role:ki?"link":void 0,tabIndex:ki?0:void 0,style:Object.assign(Object.assign({},Ii),{borderRadius:L?"0":"8px",justifyContent:ol?void 0:Xi,cursor:ki?"pointer":void 0}),children:[Li&&""===Pi&&ol&&n("div",{className:`${h["single-grid-background-img-element-wrapper"]} ${L?h["single-grid-background-img-cover"]:""}`,children:n("img",{src:Li,width:null==Gi?void 0:Gi.width,height:null==Gi?void 0:Gi.height,loading:"lazy",fetchPriority:P?"high":"auto",alt:(null===(hi=null===(mi=null===(ci=null===(gi=null===(si=null==B?void 0:B.mainheading)||void 0===si?void 0:si.content)||void 0===gi?void 0:gi[0])||void 0===ci?void 0:ci.content)||void 0===mi?void 0:mi[0])||void 0===hi?void 0:hi.text)||"Stage teaser image",className:h["single-grid-background-img-element"]})}),Li&&""===Pi&&!ol&&n("img",{src:Li,loading:"lazy",fetchPriority:P?"high":"auto",alt:(null===(xi=null===(yi=null===(pi=null===(fi=null===(bi=null==B?void 0:B.mainheading)||void 0===bi?void 0:bi.content)||void 0===fi?void 0:fi[0])||void 0===pi?void 0:pi.content)||void 0===yi?void 0:yi[0])||void 0===xi?void 0:xi.text)||"Stage teaser image",className:`${h["single-grid-background-img-element"]} ${L?h["single-grid-background-img-cover"]:""}`}),""!==Pi&&n("video",{autoPlay:!0,muted:!0,loop:!0,src:Pi,className:h["single-grid-background-img-element"]}),(null==B?void 0:B.energyLabel)?n($,{energyLabel:null==B?void 0:B.energyLabel,energyLabelPosition:null==B?void 0:B.energyLabelPosition}):null,i(l,{children:[ml?n(r,{fallback:null,children:n(I,{content:ml})}):null,hl]})]})})})};export{B as default};
|
|
2
|
+
import{jsxs as i,Fragment as n,jsx as l}from"react/jsx-runtime";import e,{useRef as o,useState as t,useEffect as d,Suspense as r}from"react";import{viewport as a}from"../../RibbonComponent/utils.js";import{H1 as u,H2 as s,H3 as v,H4 as g,EXTRA as c,SEMIEXTRA as m}from"../../Constants.js";import h from"./SingleGridComponent.module.scss.js";import{ALL as b,TEASER as f,CMS as p,VIEWPROMOTION as y,SELECTPROMOTION as w}from"../../../utils/AnalyticsConstants.js";import{trackNewDatalayerEvent as x}from"../../../utils/AnalyticUtils.js";import $ from"../EnergyLabelOverlay.js";import{getFalconBackgroundColorClassNew as k,getFalconGradientClass as C}from"../../../utils/StyleUtils.js";import j from"../../FalconButtonV3/FalconButtonV3.js";import{resolveStageTeaserBackground as N}from"../backgroundPriority.js";import{getStoryblokEditableProps as I}from"../../../utils/storyblokEditable.js";const _=e.lazy(()=>import("../PromoBubble/index.js")),B=e.lazy(()=>import("../../RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js")),L=I,O=({content:O,isFullWidth:S,isSlimVersion:P,isFirstSlide:F,isSingleSlide:G,index:T,audienceName:W})=>{var R,z,E,U,A,H,V,q,D,J,M,K,Q,X,Y,Z,ii,ni,li,ei,oi,ti,di,ri,ai,ui,si,vi,gi,ci,mi,hi,bi,fi,pi,yi,wi,xi,$i;const ki=o(null),Ci=(null===(R=null==O?void 0:O.fullSlideLink)||void 0===R?void 0:R.url)||(null===(z=null==O?void 0:O.fullSlideLink)||void 0===z?void 0:z.cached_url)||"",ji=["/en/","/de/","/it/","/fr/"].includes(Ci)?"":Ci,Ni=(null==O?void 0:O.fullSlideLinkTarget)||"_self",Ii=N({gradientBackgroundGlobal:null==O?void 0:O.gradientBackgroundGlobal,gradientBgColor:null==O?void 0:O.gradientBgColor,GenericBgColor:null==O?void 0:O.GenericBgColor,solidBgColor:null===(E=null==O?void 0:O.solidBgColor)||void 0===E?void 0:E.color}),_i=(()=>{switch(Ii.source){case"gradientBgColor":return C(Ii.value||"");case"GenericBgColor":return k(Ii.value||"");default:return""}})(),Bi=(()=>{switch(Ii.source){case"gradientBackgroundGlobal":return Ii.value?{background:Ii.value}:{};case"solidBgColor":return Ii.value?{backgroundColor:Ii.value}:{};default:return{}}})(),[Li,Oi]=t(!1),[Si,Pi]=t(""),[Fi,Gi]=t(""),[Ti,Wi]=t(null),Ri=a(),zi="mobile"===Ri,Ei=null===(q=null===(V=null===(H=null===(A=null===(U=null==O?void 0:O.primaryheading)||void 0===U?void 0:U.content)||void 0===A?void 0:A[0])||void 0===H?void 0:H.content)||void 0===V?void 0:V[0])||void 0===q?void 0:q.text,Ui=null===(Q=null===(K=null===(M=null===(J=null===(D=null==O?void 0:O.mainheading)||void 0===D?void 0:D.content)||void 0===J?void 0:J[0])||void 0===M?void 0:M.content)||void 0===K?void 0:K[0])||void 0===Q?void 0:Q.text,Ai=null===(ni=null===(ii=null===(Z=null===(Y=null===(X=null==O?void 0:O.secondaryheading)||void 0===X?void 0:X.content)||void 0===Y?void 0:Y[0])||void 0===Z?void 0:Z.content)||void 0===ii?void 0:ii[0])||void 0===ni?void 0:ni.text,Hi=null===(li=null==O?void 0:O.textcolor)||void 0===li?void 0:li.color,Vi=(null==O?void 0:O.PrimaryHeadingGradientFontColor)||(null==O?void 0:O.primaryHeadingGradientFontColor),qi=(null==O?void 0:O.PrimaryHeadingFontColor)||(null==O?void 0:O.primaryHeadingFontColor),Di=Vi||qi||Hi,Ji="string"==typeof Di&&Di.includes("gradient("),Mi=(null==O?void 0:O.primaryHeadingFontWeight)||500,Ki=null!==(ei=null==O?void 0:O.fontWeight)&&void 0!==ei?ei:700,Qi=null==O?void 0:O.mainText,Xi=zi?"center":"left"===(null==O?void 0:O.textposition)?"flex-start":"right"===(null==O?void 0:O.textposition)?"flex-end":"center",Yi=zi?"center":"left"===(null==O?void 0:O.textposition)?"left":"right"===(null==O?void 0:O.textposition)?"right":"center",Zi=zi?"top"===(null==O?void 0:O.verticaltextpostion)?"flex-start":"bottom"===(null==O?void 0:O.verticaltextpostion)?"flex-end":"center":"center",nn=void 0===(null==O?void 0:O.singleGridTextWidth)||null===(null==O?void 0:O.singleGridTextWidth)||""===(null==O?void 0:O.singleGridTextWidth)?"100%":`${null==O?void 0:O.singleGridTextWidth}%`,ln="mobile"===Ri?"100%":nn,en="100%"!==ln?"right"===(null==O?void 0:O.textposition)?{marginLeft:"auto"}:"center"===(null==O?void 0:O.textposition)?{marginLeft:"auto",marginRight:"auto"}:void 0:void 0,on=Object.assign({width:ln,color:Ji?"transparent":Di,background:Ji?Di:void 0,WebkitBackgroundClip:Ji?"text":void 0,backgroundClip:Ji?"text":void 0,WebkitTextFillColor:Ji?"transparent":void 0,fontWeight:Ki},en),tn=Object.assign({width:ln},en),dn={color:Hi,alignItems:Xi,textAlign:Yi},rn=Boolean(G),an=o(null),un=()=>{null===an.current&&(an.current=window.requestAnimationFrame(()=>{an.current=null,hn()}))};d(()=>(un(),window.addEventListener("resize",un),()=>{window.removeEventListener("resize",un),null!==an.current&&(window.cancelAnimationFrame(an.current),an.current=null)}),[]),d(()=>{const i=new IntersectionObserver(i=>{var n,l;i[0].isIntersecting&&i[0].intersectionRatio>=.5&&!(null===(n=localStorage.getItem("analyticsUids"))||void 0===n?void 0:n.includes(O._uid))&&(x(y,y,{banner_promotion_name:null!==(l=null==O?void 0:O.bannerPromotionName)&&void 0!==l?l:null==O?void 0:O.description,banner_source:p,banner_type:f,banner_location:null==O?void 0:O.bannerLocation,audience_name:W,promotion_objective:b,index:T}),localStorage.setItem("analyticsUids",JSON.stringify([...localStorage.getItem("analyticsUids")?JSON.parse(localStorage.getItem("analyticsUids")||""):[],O._uid])))},{threshold:.5});return ki.current&&i.observe(ki.current),()=>{i.disconnect()}},[]);const sn=i=>{var n,l,e;x(w,w,{banner_promotion_name:null!==(e=null!==(l=null!==(n=null==i?void 0:i.bannerPromotionName)&&void 0!==n?n:null==i?void 0:i.buttonLabel)&&void 0!==l?l:null==O?void 0:O.bannerPromotionName)&&void 0!==e?e:null==O?void 0:O.description,banner_source:p,banner_type:f,audience_name:W,promotion_objective:b,banner_location:null==O?void 0:O.bannerLocation,index:T})},vn=()=>{ji&&(sn(),"_self"!==Ni?window.open(ji,Ni,"noopener,noreferrer"):window.location.assign(ji))},gn=()=>(null==O?void 0:O.autoImageResizing)?P?480:550:0,cn=i=>i<768?320:i<1024?660:i<1920?960:S?2500:1368,mn=(i,n)=>{if(!n)return null;const l=(i=>{if(!i)return null;const n=i.match(/\/(\d+)x(\d+)\//);if(!n)return null;const l=Number(n[1]),e=Number(n[2]);return l&&e?{width:l,height:e}:null})(n);if(!rn&&!(null==O?void 0:O.autoImageResizing))return l;const e=cn(i),o=gn();return o>0?{width:e,height:o}:(null==l?void 0:l.width)&&(null==l?void 0:l.height)?{width:e,height:Math.max(1,Math.round(e*l.height/l.width))}:l},hn=()=>{const i=window.innerWidth,n=(i=>{var n,l,e,o,t,d,r,a,u,s,v,g,c,m,h,b;return i<768?(null===(n=null==O?void 0:O.mobileImage)||void 0===n?void 0:n.filename)||(null===(l=null==O?void 0:O.tabImage)||void 0===l?void 0:l.filename)||(null===(e=null==O?void 0:O.desktopimage)||void 0===e?void 0:e.filename)||(null===(o=null==O?void 0:O.wideImage)||void 0===o?void 0:o.filename):i<1024?(null===(t=null==O?void 0:O.tabImage)||void 0===t?void 0:t.filename)||(null===(d=null==O?void 0:O.desktopimage)||void 0===d?void 0:d.filename)||(null===(r=null==O?void 0:O.mobileImage)||void 0===r?void 0:r.filename)||(null===(a=null==O?void 0:O.wideImage)||void 0===a?void 0:a.filename):i<1920?(null===(u=null==O?void 0:O.desktopimage)||void 0===u?void 0:u.filename)||(null===(s=null==O?void 0:O.tabImage)||void 0===s?void 0:s.filename)||(null===(v=null==O?void 0:O.wideImage)||void 0===v?void 0:v.filename)||(null===(g=null==O?void 0:O.mobileImage)||void 0===g?void 0:g.filename):(null===(c=null==O?void 0:O.wideImage)||void 0===c?void 0:c.filename)||(null===(m=null==O?void 0:O.desktopimage)||void 0===m?void 0:m.filename)||(null===(h=null==O?void 0:O.tabImage)||void 0===h?void 0:h.filename)||(null===(b=null==O?void 0:O.mobileImage)||void 0===b?void 0:b.filename)})(i);if((i=>{const n=i&&i.split(".").pop();return!(!n||!["webp","jpg","jpeg","png"].includes(n))})(n)){const l=((i,n,l)=>{if(!i||!n)return"";if(i.includes("/m/"))return i;const e="undefined"!=typeof window&&window.devicePixelRatio>=2;return`${i}/m/${e?2*n:n}x${e?2*(l||0):l||0}/filters:format(webp):quality(${e?60:90})`})(n,cn(i),gn())||n||"";l===Si&&""===Fi||(Pi(l),Gi(""));const e=mn(i,n);Wi(i=>(null==i?void 0:i.width)===(null==e?void 0:e.width)&&(null==i?void 0:i.height)===(null==e?void 0:e.height)?i:e)}else{const i=n||"";i===Fi&&""===Si||(Pi(""),Gi(i)),Wi(null)}},bn=!!(null===(ti=null===(oi=null==O?void 0:O.timer)||void 0===oi?void 0:oi[0])||void 0===ti?void 0:ti.backgroundColor)&&"transparent"!==(null===(ri=null===(di=null==O?void 0:O.timer)||void 0===di?void 0:di[0])||void 0===ri?void 0:ri.backgroundColor),fn=null===(ai=null==O?void 0:O.promoBubble)||void 0===ai?void 0:ai[0],pn=L(null==O?void 0:O.primaryheading),yn=L(null==O?void 0:O.mainheading),wn=L(null==O?void 0:O.secondaryheading),xn=i(n,{children:[l("div",{className:`${h["single-grid-text-container"]} ${rn?h["single-grid-content"]:""}`,style:{justifyContent:rn&&zi?Zi:void 0},children:l("div",{children:i("div",{style:dn,children:[Ei&&l("div",Object.assign({className:`${h["single-grid-overline"]}`},pn,{style:{fontWeight:Mi},children:Ei})),Ui&&(Qi===u?l("h1",Object.assign({className:`${h["single-grid-headline"]} ${h["single-grid-headline-h1"]}`},yn,{style:on,children:Ui})):Qi===s?l("h2",Object.assign({className:`${h["single-grid-headline"]} ${h["single-grid-headline-h2"]}`},yn,{style:on,children:Ui})):Qi===v?l("h3",Object.assign({className:`${h["single-grid-headline"]} ${h["single-grid-headline-h3"]}`},yn,{style:on,children:Ui})):Qi===g?l("h4",Object.assign({className:`${h["single-grid-headline"]} ${h["single-grid-headline-h4"]}`},yn,{style:on,children:Ui})):l("div",Qi===c?Object.assign({className:`${h["single-grid-headline"]} ${h["single-grid-headline-extra"]}`},yn,{style:on,children:Ui}):Qi===m?Object.assign({className:`${h["single-grid-headline"]} ${h["single-grid-headline-semiextra"]}`},yn,{style:on,children:Ui}):Object.assign({className:`${h["single-grid-headline"]} ${h["single-grid-headline-display"]}`},yn,{style:on,children:Ui}))),Ai&&l("div",Object.assign({className:`${h["single-grid-text"]}`},wn,{style:tn,children:Ai}))]})})}),(null===(si=null===(ui=null==O?void 0:O.timer)||void 0===ui?void 0:ui[0])||void 0===si?void 0:si.enableCounter)&&!Li&&l("div",{className:`${h["single-grid-timer"]} ${bn?"":`${h.noPadding}`}`,style:{justifyContent:Xi},children:l(r,{fallback:null,children:l(B,{content:null===(vi=null==O?void 0:O.timer)||void 0===vi?void 0:vi[0],setTimerExpired:Oi})})}),!Li&&l("div",{className:`${"mobile"!==Ri?"d-flex":""} ${rn?h["single-grid-buttons"]:""}`,style:{justifyContent:Xi},children:null===(gi=null==O?void 0:O.teaserButtonConfig)||void 0===gi?void 0:gi.map((i,n)=>{var e,o,t;return l(j,{wrapperClassName:`${h["single-grid-btn-section"]} ${"flex-end"===Xi&&"mobile"!==Ri&&h["single-grid-btn-right"]}`,href:`${(null===(e=null==i?void 0:i.buttonLink)||void 0===e?void 0:e.url)||0}`,target:null!==(o=null==O?void 0:O.target)&&void 0!==o?o:"",rel:"_blank"===(null==i?void 0:i.linkTarget)?"opener":"noopener",onClick:()=>sn(i),buttonType:null==i?void 0:i.buttonType,label:null==i?void 0:i.buttonLabel,iconFilename:null===(t=null==i?void 0:i.buttonIcon)||void 0===t?void 0:t.filename,iconPosition:null==i?void 0:i.iconPosition,editableContent:i},n)})})]});return l(e.Fragment,{children:l("div",Object.assign({},I(O),{className:`${h["single-grid"]} ${S?h.fullWidth:""}`,ref:ki,children:i("div",{className:`${h["single-grid-background-img"]} ${P?h["slim-version"]:""} ${rn?h["single-slide-mode"]:""} ${_i}`,onClick:i=>{if(!ji)return;if(window.self!==window.top||window.location.search.includes("_storyblok"))return;i.target.closest("a, button, [role='button']")||vn()},onKeyDown:i=>{ji&&(window.self!==window.top||window.location.search.includes("_storyblok")||"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),vn()))},role:ji?"link":void 0,tabIndex:ji?0:void 0,style:Object.assign(Object.assign({},Bi),{borderRadius:S?"0":"8px",justifyContent:rn?void 0:Zi,cursor:ji?"pointer":void 0}),children:[Si&&""===Fi&&rn&&l("div",{className:`${h["single-grid-background-img-element-wrapper"]} ${S?h["single-grid-background-img-cover"]:""}`,children:l("img",{src:Si,width:null==Ti?void 0:Ti.width,height:null==Ti?void 0:Ti.height,loading:"lazy",fetchPriority:F?"high":"auto",alt:(null===(fi=null===(bi=null===(hi=null===(mi=null===(ci=null==O?void 0:O.mainheading)||void 0===ci?void 0:ci.content)||void 0===mi?void 0:mi[0])||void 0===hi?void 0:hi.content)||void 0===bi?void 0:bi[0])||void 0===fi?void 0:fi.text)||"Stage teaser image",className:h["single-grid-background-img-element"]})}),Si&&""===Fi&&!rn&&l("img",{src:Si,loading:"lazy",fetchPriority:F?"high":"auto",alt:(null===($i=null===(xi=null===(wi=null===(yi=null===(pi=null==O?void 0:O.mainheading)||void 0===pi?void 0:pi.content)||void 0===yi?void 0:yi[0])||void 0===wi?void 0:wi.content)||void 0===xi?void 0:xi[0])||void 0===$i?void 0:$i.text)||"Stage teaser image",className:`${h["single-grid-background-img-element"]} ${S?h["single-grid-background-img-cover"]:""}`}),""!==Fi&&l("video",{autoPlay:!0,muted:!0,loop:!0,src:Fi,className:h["single-grid-background-img-element"]}),(null==O?void 0:O.energyLabel)?l($,{energyLabel:null==O?void 0:O.energyLabel,energyLabelPosition:null==O?void 0:O.energyLabelPosition}):null,i(n,{children:[fn?l(r,{fallback:null,children:l(_,{content:fn})}):null,xn]})]})}))})};export{O as default};
|
|
3
3
|
//# sourceMappingURL=SingleGridComponent.js.map
|