@sunrise-upc/sales-static-components 4.3.0 → 4.3.2
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/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/FalconTitle/FalconTitle.js +1 -1
- package/dist/cjs/components/FalconTitle/FalconTitle.js.map +1 -1
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.css +30 -3
- 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 +30 -3
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.module.scss.js +1 -1
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.css +5 -4
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.js +1 -1
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.js.map +1 -1
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.module.scss.css +5 -4
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardsArrows.css +5 -4
- package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.css +22 -2
- package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.js +1 -1
- package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.js.map +1 -1
- package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.module.scss.css +22 -2
- package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.module.scss.js +1 -1
- 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.css +3 -3
- 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/SingleGrid/SingleGridComponent.module.scss.css +3 -3
- package/dist/cjs/components/StageTeaserV3/StageTeaserV3.js +1 -1
- package/dist/cjs/components/StageTeaserV3/StageTeaserV3.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/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/FalconTitle/FalconTitle.js +1 -1
- package/dist/esm/components/FalconTitle/FalconTitle.js.map +1 -1
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.css +30 -3
- 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 +30 -3
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.module.scss.js +1 -1
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.css +5 -4
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.js +1 -1
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.js.map +1 -1
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.module.scss.css +5 -4
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCardsArrows.css +5 -4
- package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.css +22 -2
- package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.js +1 -1
- package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.js.map +1 -1
- package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.module.scss.css +22 -2
- package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.module.scss.js +1 -1
- 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.css +3 -3
- 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/SingleGrid/SingleGridComponent.module.scss.css +3 -3
- package/dist/esm/components/StageTeaserV3/StageTeaserV3.js +1 -1
- package/dist/esm/components/StageTeaserV3/StageTeaserV3.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 +7 -1
- package/package.json +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import './FalconButtonV3.css';
|
|
2
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import a from"./FalconButtonV3.module.scss.js";const
|
|
2
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{getStoryblokEditableProps as t}from"../../utils/storyblokEditable.js";import a from"./FalconButtonV3.module.scss.js";const n=e=>(e||"").trim().toLowerCase().replace(/[\s_]+/g,"-").replace(/-+/g,"-"),o=e=>{switch(n(e)){case"primary-v1":default:return a.button;case"secondary-v1":return`${a.button} ${a.secondaryV1}`;case"secondary-v4":return`${a.button} ${a.secondaryV4}`;case"secondary-dark":return`${a.button} ${a.secondaryDark}`;case"primary-dark-v1":return`${a.button} ${a.primaryDarkV1}`;case"primary-dark-v2":return`${a.button} ${a.primaryDarkV2}`;case"secondary-v5":return`${a.button} ${a.secondaryV5}`;case"secondary-white":return`${a.button} ${a.secondaryWhite}`;case"secondary-red":return`${a.button} ${a.secondaryRed}`;case"primary-white-v1":return`${a.button} ${a.primaryWhiteV1}`}},s=({href:s,label:i,buttonType:c,isSlim:d,disabled:l,target:u,rel:m,onClick:y,iconFilename:$,iconPosition:b,wrapperClassName:p,buttonClassName:h,iconClassName:f,editableContent:v})=>{const g=n(c||"").startsWith("secondary"),k=[o(c||""),d?a.slimButton:"",d&&g?a.slimButtonSecondary:"",l?a.disabled:"",h||""].filter(Boolean).join(" "),w=$&&"before"===b,C=$&&"after"===b,N=`${a.icon} ${f||""}`.trim();return e("div",Object.assign({className:p},t(v),{children:e("a",{href:l?void 0:s,target:null!=u?u:"",rel:m,onClick:e=>{if(l)return e.preventDefault(),void e.stopPropagation();null==y||y(e)},"aria-disabled":l||void 0,tabIndex:l?-1:void 0,children:r("div",{className:k,children:[w&&e("img",{className:`${N} ${a.beforeIcon}`,src:$,alt:"",width:19,height:19,decoding:"async"}),i,C&&e("img",{className:`${N} ${a.afterIcon}`,src:$,alt:"",width:19,height:19,decoding:"async"})]})})}))};export{s as default,o as getFalconButtonClass};
|
|
3
3
|
//# sourceMappingURL=FalconButtonV3.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FalconButtonV3.js","sources":["../../../../../src/components/FalconButtonV3/FalconButtonV3.tsx"],"sourcesContent":[null],"names":["normalizeButtonType","type","trim","toLowerCase","replace","getFalconButtonClass","Styles","button","secondaryV1","secondaryV4","secondaryDark","primaryDarkV1","primaryDarkV2","secondaryV5","secondaryWhite","secondaryRed","primaryWhiteV1","FalconButtonV3","href","label","buttonType","isSlim","disabled","target","rel","onClick","iconFilename","iconPosition","wrapperClassName","buttonClassName","iconClassName","isSecondaryButton","startsWith","buttonClass","slimButton","slimButtonSecondary","filter","Boolean","join","shouldShowBeforeIcon","shouldShowAfterIcon","iconBaseClass","icon","_jsx","className","children","undefined","event","preventDefault","stopPropagation","tabIndex","_jsxs","beforeIcon","src","alt","width","height","decoding","afterIcon"],"mappings":"
|
|
1
|
+
{"version":3,"file":"FalconButtonV3.js","sources":["../../../../../src/components/FalconButtonV3/FalconButtonV3.tsx"],"sourcesContent":[null],"names":["normalizeButtonType","type","trim","toLowerCase","replace","getFalconButtonClass","Styles","button","secondaryV1","secondaryV4","secondaryDark","primaryDarkV1","primaryDarkV2","secondaryV5","secondaryWhite","secondaryRed","primaryWhiteV1","FalconButtonV3","href","label","buttonType","isSlim","disabled","target","rel","onClick","iconFilename","iconPosition","wrapperClassName","buttonClassName","iconClassName","editableContent","isSecondaryButton","startsWith","buttonClass","slimButton","slimButtonSecondary","filter","Boolean","join","shouldShowBeforeIcon","shouldShowAfterIcon","iconBaseClass","icon","_jsx","Object","assign","className","getStoryblokEditableProps","children","undefined","event","preventDefault","stopPropagation","tabIndex","_jsxs","beforeIcon","src","alt","width","height","decoding","afterIcon"],"mappings":"8KAIA,MAAMA,EAAuBC,IAC1BA,GAAQ,IACNC,OACAC,cACAC,QAAQ,UAAW,KACnBA,QAAQ,MAAO,KAEPC,EAAwBJ,IACnC,OAAQD,EAAoBC,IAC1B,IAAK,aA8BL,QACE,OAAOK,EAAOC,OA5BhB,IAAK,eACH,MAAO,GAAGD,EAAOC,UAAUD,EAAOE,cAEpC,IAAK,eACH,MAAO,GAAGF,EAAOC,UAAUD,EAAOG,cAEpC,IAAK,iBACH,MAAO,GAAGH,EAAOC,UAAUD,EAAOI,gBAEpC,IAAK,kBACH,MAAO,GAAGJ,EAAOC,UAAUD,EAAOK,gBAEpC,IAAK,kBACH,MAAO,GAAGL,EAAOC,UAAUD,EAAOM,gBAEpC,IAAK,eACH,MAAO,GAAGN,EAAOC,UAAUD,EAAOO,cAEpC,IAAK,kBACH,MAAO,GAAGP,EAAOC,UAAUD,EAAOQ,iBAEpC,IAAK,gBACH,MAAO,GAAGR,EAAOC,UAAUD,EAAOS,eAEpC,IAAK,mBACH,MAAO,GAAGT,EAAOC,UAAUD,EAAOU,mBAwBlCC,EAAiB,EACrBC,OACAC,QACAC,aACAC,SACAC,WACAC,SACAC,MACAC,UACAC,eACAC,eACAC,mBACAC,kBACAC,gBACAC,sBAEA,MAAMC,EAAoBhC,EAAoBoB,GAAc,IAAIa,WAAW,aACrEC,EAAc,CAClB7B,EAAqBe,GAAc,IACnCC,EAASf,EAAO6B,WAAa,GAC7Bd,GAAUW,EAAoB1B,EAAO8B,oBAAsB,GAC3Dd,EAAWhB,EAAOgB,SAAW,GAC7BO,GAAmB,IAElBQ,OAAOC,SACPC,KAAK,KACFC,EAAuBd,GAAiC,WAAjBC,EACvCc,EAAsBf,GAAiC,UAAjBC,EACtCe,EAAgB,GAAGpC,EAAOqC,QAAQb,GAAiB,KAAK5B,OAW9D,OACE0C,EAAA,MAAAC,OAAAC,OAAA,CACEC,UAAWnB,GACPoB,EAA0BjB,GAAgB,CAAAkB,SAE9CL,EAAA,IAAA,CACE1B,KAAMI,OAAW4B,EAAYhC,EAC7BK,OAAQA,QAAAA,EAAU,GAClBC,IAAKA,EACLC,QAlB2D0B,IAC/D,GAAI7B,EAGF,OAFA6B,EAAMC,sBACND,EAAME,kBAGR5B,SAAAA,EAAU0B,IAYc,gBACL7B,QAAY4B,EAC3BI,SAAUhC,GAAW,OAAK4B,WAE1BK,EAAA,MAAA,CAAKR,UAAWb,EAAWe,SAAA,CACxBT,GACCI,SACEG,UAAW,GAAGL,KAAiBpC,EAAOkD,aACtCC,IAAK/B,EACLgC,IAAI,GACJC,MAAO,GACPC,OAAQ,GACRC,SAAS,UAGZ1C,EACAsB,GACCG,EAAA,MAAA,CACEG,UAAW,GAAGL,KAAiBpC,EAAOwD,YACtCL,IAAK/B,EACLgC,IAAI,GACJC,MAAO,GACPC,OAAQ,GACRC,SAAS"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as l,Fragment as i,jsxs as o}from"react/jsx-runtime";import{getFalconColorsClass as n}from"../../utils/StyleUtils.js";import{NONE as t}from"../Constants.js";import e from"../RichText/richText.js";const
|
|
1
|
+
import{jsx as l,Fragment as i,jsxs as o}from"react/jsx-runtime";import{getFalconColorsClass as n}from"../../utils/StyleUtils.js";import{NONE as t}from"../Constants.js";import e from"../RichText/richText.js";import{getStoryblokEditableProps as d}from"../../utils/storyblokEditable.js";const r=({content:r})=>{var c,v;const u=n(null==r?void 0:r.textColor),s=(null==r?void 0:r.position)||(null==r?void 0:r.textElementPosition)||"center",a=d(r);return l("div",Object.assign({},a,{children:l(i,{children:o("div",{className:`d-inline-flex align-${s}`,children:[(null==r?void 0:r.icon)&&(null==r?void 0:r.icon.filename)&&l("img",{src:(null==r?void 0:r.icon)&&(null==r?void 0:r.icon.filename),alt:(null==r?void 0:r.icon)&&(null==r?void 0:r.icon.alt),title:(null==r?void 0:r.icon)&&(null==r?void 0:r.icon.title),height:24,width:24}),(null==r?void 0:r.text)&&l("div",{className:`${(null==r?void 0:r.icon)&&(null===(c=null==r?void 0:r.icon)||void 0===c?void 0:c.filename)} ${(null==r?void 0:r.textColor)&&(null==r?void 0:r.textColor)!=t?u:""}`,style:Object.assign({},(null==r?void 0:r.textColor)&&(null==r?void 0:r.textColor)===t?{color:null===(v=null==r?void 0:r.textColorPicker)||void 0===v?void 0:v.color}:{}),children:o(e,{content:null==r?void 0:r.text,trackngLabel:null==r?void 0:r.trackngLabel,children:[" ",null==r?void 0:r.text]})})]})})}))};export{r as default};
|
|
2
2
|
//# sourceMappingURL=FalconDescription.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FalconDescription.js","sources":["../../../../../src/components/FalconDescription/FalconDescription.tsx"],"sourcesContent":[null],"names":["FalconDescription","content","titleStyle","getFalconColorsClass","textColor","
|
|
1
|
+
{"version":3,"file":"FalconDescription.js","sources":["../../../../../src/components/FalconDescription/FalconDescription.tsx"],"sourcesContent":[null],"names":["FalconDescription","content","titleStyle","getFalconColorsClass","textColor","position","textElementPosition","editableProps","getStoryblokEditableProps","_jsx","children","_jsxs","className","icon","filename","src","alt","title","height","width","text","_a","NONE","style","Object","assign","color","textColorPicker","_b","RichText","trackngLabel"],"mappings":"4RAkBA,MAAMA,EAA8B,EAAEC,sBACpC,MAAMC,EAAaC,EAAqBF,aAAO,EAAPA,EAASG,WAC3CC,GAAWJ,aAAO,EAAPA,EAASI,YAAYJ,aAAO,EAAPA,EAASK,sBAAuB,SAChEC,EAAgBC,EAA0BP,GAChD,OACEQ,yBAASF,EAAa,CAAAG,SACpBD,cACEE,EAAA,MAAA,CAAKC,UAAW,uBAA4BP,eACzCJ,aAAO,EAAPA,EAASY,QAAQZ,eAAAA,EAASY,KAAKC,WAC9BL,SACEM,KAAKd,aAAO,EAAPA,EAASY,QAAQZ,aAAO,EAAPA,EAASY,KAAKC,UACpCE,KAAKf,aAAO,EAAPA,EAASY,QAAQZ,aAAO,EAAPA,EAASY,KAAKG,KACpCC,OAAOhB,aAAO,EAAPA,EAASY,QAAQZ,aAAO,EAAPA,EAASY,KAAKI,OACtCC,OAAQ,GACRC,MAAO,MAIVlB,eAAAA,EAASmB,OACRX,EAAA,MAAA,CACEG,UAAW,IAAGX,aAAO,EAAPA,EAASY,QAAqB,UAAbZ,aAAO,EAAPA,EAASY,YAAI,IAAAQ,OAAA,EAAAA,EAAEP,cAAYb,eAAAA,EAASG,aAAaH,eAAAA,EAASG,YAAakB,EAAOpB,EAAa,KAE1HqB,MAAKC,OAAAC,OAAA,CAAA,GACCxB,aAAO,EAAPA,EAASG,aAAaH,eAAAA,EAASG,aAAckB,EAC7C,CAAEI,MAA+B,UAAxBzB,aAAO,EAAPA,EAAS0B,uBAAe,IAAAC,OAAA,EAAAA,EAAEF,OACnC,CAAA,YAGNf,EAACkB,GAAS5B,QAASA,aAAO,EAAPA,EAASmB,KAAMU,aAAc7B,eAAAA,EAAS6B,aAAYpB,SAAA,CAAA,IAAIT,aAAO,EAAPA,EAASmB"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import './FalconTitle.css';
|
|
2
|
-
import{jsx as l,jsxs as
|
|
2
|
+
import{jsx as l,jsxs as t}from"react/jsx-runtime";import{getFalconColorsClass as e}from"../../utils/StyleUtils.js";import{NONE as i,H1 as o,H2 as n,H3 as s,H4 as r}from"../Constants.js";import d from"./FalconTitle.module.scss.js";import a from"../ResponsiveRow/row.js";import{getStoryblokEditableProps as c}from"../../utils/storyblokEditable.js";const u=({content:u})=>{var v;const m=e(null==u?void 0:u.textColor),h=(null==u?void 0:u.textColor)&&(null==u?void 0:u.textColor)!=i?m:"",g=(null==u?void 0:u.textColor)&&(null==u?void 0:u.textColor)===i?{color:null===(v=null==u?void 0:u.textColorPicker)||void 0===v?void 0:v.color}:{},y=(null==u?void 0:u.position)||"center",j=Object.assign(Object.assign({},g),{textAlign:y}),x=c(u),b=()=>{var e;return(null===(e=null==u?void 0:u.icon)||void 0===e?void 0:e.filename)?t("div",{style:{display:"flex",alignItems:"center",justifyContent:y},children:[l("img",{src:u.icon.filename,height:24,width:24,alt:"",style:{marginRight:"8px"}}),u.text]}):null==u?void 0:u.text};return l("div",Object.assign({},x,{children:l(a,{children:(null==u?void 0:u.headingStyle)&&(null==u?void 0:u.text)&&(null==u?void 0:u.headingStyle)===o?l("h1",{className:h,style:Object.assign({},j),children:b()}):(null==u?void 0:u.headingStyle)===n?l("h2",{className:`${h}`,style:Object.assign({},j),children:b()}):(null==u?void 0:u.headingStyle)===s?l("h3",{className:h,style:Object.assign({},j),children:b()}):(null==u?void 0:u.headingStyle)===r?l("h4",{className:h,style:Object.assign({},j),children:b()}):l("div",{className:d.dbold,style:Object.assign({},j),children:b()})})}))};export{u as default};
|
|
3
3
|
//# sourceMappingURL=FalconTitle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FalconTitle.js","sources":["../../../../../src/components/FalconTitle/FalconTitle.tsx"],"sourcesContent":[null],"names":["FalconTitle","content","titleStyle","getFalconColorsClass","textColor","titleClassname","NONE","titleColor","color","textColorPicker","_a","
|
|
1
|
+
{"version":3,"file":"FalconTitle.js","sources":["../../../../../src/components/FalconTitle/FalconTitle.tsx"],"sourcesContent":[null],"names":["FalconTitle","content","titleStyle","getFalconColorsClass","textColor","titleClassname","NONE","titleColor","color","textColorPicker","_a","position","titleAlignment","textAlign","editableProps","getStoryblokEditableProps","updatedData","icon","filename","_jsxs","style","display","alignItems","justifyContent","children","_jsx","src","height","width","alt","marginRight","text","Object","assign","Row","headingStyle","H1","className","H2","H3","H4","Styles"],"mappings":"0VAiBA,MAAMA,EAAuB,EAAGC,oBAC9B,MAAMC,EAAaC,EAAqBF,aAAO,EAAPA,EAASG,WAC3CC,GAAiBJ,aAAO,EAAPA,EAASG,aAAaH,aAAO,EAAPA,EAASG,YAAaE,EAAOJ,EAAa,GACjFK,GACJN,aAAO,EAAPA,EAASG,aAAaH,aAAO,EAAPA,EAASG,aAAcE,EACzC,CAAEE,MAA+B,UAAxBP,aAAO,EAAPA,EAASQ,uBAAe,IAAAC,OAAA,EAAAA,EAAEF,OACnC,CAAA,EACAG,GAAsBV,aAAO,EAAPA,EAASU,WAAY,SAC3CC,iCACDL,GAAU,CACbM,UAAWF,IAEPG,EAAgBC,EAA0Bd,GACtCe,EAAc,WAClB,OAAkB,QAAbN,EAAAT,aAAO,EAAPA,EAASgB,YAAI,IAAAP,OAAA,EAAAA,EAAEQ,UAGlBC,EAAA,MAAA,CAAKC,MAAO,CAAEC,QAAS,OAAQC,WAAY,SAAUC,eAAgBZ,GAAUa,SAAA,CAC7EC,EAAA,MAAA,CACEC,IAAKzB,EAAQgB,KAAKC,SAClBS,OAAQ,GACRC,MAAO,GACPC,IAAI,GACJT,MAAO,CAAEU,YAAa,SAEvB7B,EAAQ8B,QAXwB9B,eAAAA,EAAS8B,MAepD,OACEN,EAAA,MAAAO,OAAAC,OAAA,CAAA,EAASnB,EAAa,CAAAU,SACpBC,EAACS,EAAG,CAAAV,UACDvB,aAAO,EAAPA,EAASkC,gBAAgBlC,aAAO,EAAPA,EAAS8B,QAAQ9B,aAAO,EAAPA,EAASkC,gBAAiBC,EACnEX,EAAA,KAAA,CACEY,UAAWhC,EACXe,MAAKY,OAAAC,OAAA,CAAA,EACArB,YAGLI,OAEAf,aAAO,EAAPA,EAASkC,gBAAiBG,EAC5Bb,QACEY,UAAW,GAAGhC,IACde,uBACKR,GAAcY,SAGlBR,OAEDf,aAAO,EAAPA,EAASkC,gBAAiBI,EAC5Bd,QACEY,UAAWhC,EACXe,MAAKY,OAAAC,OAAA,CAAA,EACArB,YAGJI,OAEDf,aAAO,EAAPA,EAASkC,gBAAiBK,EAC5Bf,EAAA,KAAA,CACEY,UAAWhC,EACXe,MAAKY,OAAAC,OAAA,CAAA,EACArB,GAAcY,SAGjBR,MAGJS,EAAA,MAAA,CACEY,UAAWI,EAAc,MACzBrB,MAAKY,OAAAC,OAAA,CAAA,EACArB,GAAcY,SAGjBR"}
|
package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.css
CHANGED
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
padding: 24px 32px 32px 32px;
|
|
24
24
|
}
|
|
25
25
|
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__content-button___4o92r {
|
|
26
|
-
margin-bottom:
|
|
26
|
+
margin-bottom: 54px;
|
|
27
27
|
}
|
|
28
28
|
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__alignment___7XvOl {
|
|
29
29
|
display: flex;
|
|
@@ -53,6 +53,7 @@
|
|
|
53
53
|
height: 100%;
|
|
54
54
|
}
|
|
55
55
|
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__butn___1Q20a {
|
|
56
|
+
pointer-events: none;
|
|
56
57
|
padding: 0 8px;
|
|
57
58
|
max-width: 100%;
|
|
58
59
|
width: max-content;
|
|
@@ -65,18 +66,42 @@
|
|
|
65
66
|
padding-right: 32px;
|
|
66
67
|
margin-bottom: 32px;
|
|
67
68
|
}
|
|
69
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__butn-container___URLqm {
|
|
70
|
+
width: 100%;
|
|
71
|
+
}
|
|
72
|
+
.InternetAndTvCardItem-module__container___keo-F .falcon-secondary-button-v4 {
|
|
73
|
+
padding-left: 0;
|
|
74
|
+
padding-right: 0;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.InternetAndTvCardItem-module__align-left___MSJlT {
|
|
78
|
+
text-align: left;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.InternetAndTvCardItem-module__align-center___FOo5p {
|
|
82
|
+
text-align: center;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.InternetAndTvCardItem-module__align-center___FOo5p .InternetAndTvCardItem-module__content-container___csArX > div {
|
|
86
|
+
justify-content: center;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.InternetAndTvCardItem-module__align-right___Ydb7p {
|
|
90
|
+
text-align: right;
|
|
91
|
+
}
|
|
68
92
|
|
|
69
93
|
@media (max-width: 767px) {
|
|
70
94
|
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__content-container___csArX {
|
|
71
95
|
padding: 16px;
|
|
72
96
|
}
|
|
73
97
|
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__content-button___4o92r {
|
|
74
|
-
margin-bottom:
|
|
98
|
+
margin-bottom: 60px;
|
|
75
99
|
}
|
|
76
100
|
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__icon___Apy8P {
|
|
77
101
|
padding: 16px 16px 0 16px;
|
|
78
102
|
}
|
|
79
103
|
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__butn___1Q20a {
|
|
104
|
+
pointer-events: none;
|
|
80
105
|
padding: 0 0;
|
|
81
106
|
}
|
|
82
107
|
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__button-variant___IkyfP {
|
|
@@ -86,11 +111,13 @@
|
|
|
86
111
|
bottom: 10px;
|
|
87
112
|
}
|
|
88
113
|
.InternetAndTvCardItem-module__container___keo-F .falcon-secondary-button-v4 {
|
|
114
|
+
padding-left: 0;
|
|
115
|
+
padding-right: 0;
|
|
89
116
|
padding-bottom: 12px;
|
|
90
117
|
}
|
|
91
118
|
}
|
|
92
119
|
@media (max-width: 380px) {
|
|
93
120
|
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__content-button___4o92r {
|
|
94
|
-
margin-bottom:
|
|
121
|
+
margin-bottom: 60px;
|
|
95
122
|
}
|
|
96
123
|
}
|
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
|
|
2
|
+
import{jsx as n,Fragment as t,jsxs as o}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 g,ICON as f,IMG as p,CENTER as k,LEFT as h,RIGHT as w}from"../../Constants.js";import{trackComponent as _,trackNewDatalayerEvent as j}from"../../../utils/AnalyticUtils.js";import{getStoryblokEditableProps as x}from"../../../utils/storyblokEditable.js";import{VIEWPROMOTION as y,INTERNETTVCARD as B,ALL as A,SUBTEASER as N,CMS as C,SELECTPROMOTION as E,LINK as O,CONTENT as $}from"../../../utils/AnalyticsConstants.js";const L={falconTitle:d,falconDescription:s},I=()=>{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,P,U,z,J,W,q,G,M,R,H,K,Q,V,X;const Y=i(null),[Z,nn]=l("#"),[tn,on]=l(I),en="mobile"===tn?360:400,ln=null===(S=d.asset)||void 0===S?void 0:S.filename,rn=v(d.gradient),an=null===(D=null===(T=d.gradientBackgroundGlobal)||void 0===T?void 0:T.replace(/;\s*$/,""))||void 0===D?void 0:D.trim(),dn=!!an&&an.toLowerCase()!==b,sn=d.gradient!==b&&!!rn,cn=dn?"":sn?rn:"",un=dn?{background:an}:void 0,vn=(null==ln?void 0:ln.endsWith(g))?f:p,mn=d.defaultBackgroundColor&&d.defaultBackgroundColor!==b?d.defaultBackgroundColor:null===(P=d.backgroundColorPicker)||void 0===P?void 0:P.color,bn=n=>{var t,o,e,i;if(!n)return;const l=null!==(e=null===(o=null===(t=null==d?void 0:d.textBlok)||void 0===t?void 0:t[0])||void 0===o?void 0:o.text)&&void 0!==e?e:"";j(E,E,{banner_promotion_name:null!==(i=null==d?void 0:d.bannerPromotionName)&&void 0!==i?i:l,banner_source:C,banner_type:N,banner_location:null==d?void 0:d.bannerLocation,audience_name:A,promotion_objective:A,index:F?F+1:1})};if(r(()=>{const n=()=>on(I());return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]),r(()=>{var n,t,o;const e=null===(t=null===(n=null==d?void 0:d.textBlok)||void 0===n?void 0:n[0])||void 0===t?void 0:t.text;_(e||B,"",$,O),(null===(o=null==d?void 0:d.cardLink)||void 0===o?void 0:o.cached_url)?nn(m(u(s,d.cardLink))):nn("#")},[d,s]),r(()=>{const n=Y.current;if(!n||"undefined"==typeof IntersectionObserver)return;const t=new IntersectionObserver(n=>{var t,o,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===(o=null===(t=null==d?void 0:d.textBlok)||void 0===t?void 0:t[0])||void 0===o?void 0:o.text;j(y,y,{banner_promotion_name:null!==(e=null==d?void 0:d.bannerPromotionName)&&void 0!==e?e:n,banner_source:C,banner_type:N,banner_location:null==d?void 0:d.bannerLocation,audience_name:A,promotion_objective:A,index:F?F+1:1}),localStorage.setItem("analyticsUids",JSON.stringify([...l?JSON.parse(l):[],d._uid]))}},{threshold:.5});return t.observe(n),()=>t.disconnect()},[d,F]),d.notToDisplay)return n(t,{});const gn=!(!(null===(U=null==d?void 0:d.cardLink)||void 0===U?void 0:U.cached_url)||"large-desktop"!==tn&&"desktop"!==tn||"undefined"!=typeof window&&(window.self!==window.top||window.location.search.includes("_storyblok")));return o("div",Object.assign({className:`${a.container} ${cn}`},x(d),{style:Object.assign({},null!=un?un:mn?{backgroundColor:mn}:{}),ref:Y,children:[gn&&n("a",{href:Z,className:a["card-link-overlay"],onClick:()=>bn(!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}),ln&&vn===p&&n("div",{className:a.gradient,children:n("img",{src:(fn=ln,pn=en,fn&&pn&&fn.includes("/f/")?`${fn}/m/${pn}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||ln||(null===(M=d.button)||void 0===M?void 0:M.length)>0)&&o("div",{className:d.subElementsAlignment===k?a["align-center"]:d.subElementsAlignment===h?a["align-left"]:d.subElementsAlignment===w?a["align-right"]:a["align-center"],children:[ln&&vn===f&&n("div",{className:a.icon,children:n("img",{src:ln,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-center",children:d.textBlok.map(n=>e.createElement(L[n.component],{content:Object.assign(Object.assign({},n),{position:n.position||d.subElementsAlignment||n.textElementPosition}),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"]} ${a["butn-container"]}`,children:n(c,{content:Object.assign(Object.assign({},d.button[0]),{buttonAlignment:d.subElementsAlignment||(null===(X=d.button[0])||void 0===X?void 0:X.buttonAlignment)}),eventAction:B,metadata:s,setButtonClicked:bn})})]})]}));var fn,pn};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","position","textElementPosition","key","_r","FalconButton","buttonAlignment","_s","eventAction"],"mappings":"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"}
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
padding: 24px 32px 32px 32px;
|
|
24
24
|
}
|
|
25
25
|
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__content-button___4o92r {
|
|
26
|
-
margin-bottom:
|
|
26
|
+
margin-bottom: 54px;
|
|
27
27
|
}
|
|
28
28
|
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__alignment___7XvOl {
|
|
29
29
|
display: flex;
|
|
@@ -53,6 +53,7 @@
|
|
|
53
53
|
height: 100%;
|
|
54
54
|
}
|
|
55
55
|
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__butn___1Q20a {
|
|
56
|
+
pointer-events: none;
|
|
56
57
|
padding: 0 8px;
|
|
57
58
|
max-width: 100%;
|
|
58
59
|
width: max-content;
|
|
@@ -65,18 +66,42 @@
|
|
|
65
66
|
padding-right: 32px;
|
|
66
67
|
margin-bottom: 32px;
|
|
67
68
|
}
|
|
69
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__butn-container___URLqm {
|
|
70
|
+
width: 100%;
|
|
71
|
+
}
|
|
72
|
+
.InternetAndTvCardItem-module__container___keo-F .falcon-secondary-button-v4 {
|
|
73
|
+
padding-left: 0;
|
|
74
|
+
padding-right: 0;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.InternetAndTvCardItem-module__align-left___MSJlT {
|
|
78
|
+
text-align: left;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.InternetAndTvCardItem-module__align-center___FOo5p {
|
|
82
|
+
text-align: center;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.InternetAndTvCardItem-module__align-center___FOo5p .InternetAndTvCardItem-module__content-container___csArX > div {
|
|
86
|
+
justify-content: center;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.InternetAndTvCardItem-module__align-right___Ydb7p {
|
|
90
|
+
text-align: right;
|
|
91
|
+
}
|
|
68
92
|
|
|
69
93
|
@media (max-width: 767px) {
|
|
70
94
|
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__content-container___csArX {
|
|
71
95
|
padding: 16px;
|
|
72
96
|
}
|
|
73
97
|
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__content-button___4o92r {
|
|
74
|
-
margin-bottom:
|
|
98
|
+
margin-bottom: 60px;
|
|
75
99
|
}
|
|
76
100
|
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__icon___Apy8P {
|
|
77
101
|
padding: 16px 16px 0 16px;
|
|
78
102
|
}
|
|
79
103
|
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__butn___1Q20a {
|
|
104
|
+
pointer-events: none;
|
|
80
105
|
padding: 0 0;
|
|
81
106
|
}
|
|
82
107
|
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__button-variant___IkyfP {
|
|
@@ -86,11 +111,13 @@
|
|
|
86
111
|
bottom: 10px;
|
|
87
112
|
}
|
|
88
113
|
.InternetAndTvCardItem-module__container___keo-F .falcon-secondary-button-v4 {
|
|
114
|
+
padding-left: 0;
|
|
115
|
+
padding-right: 0;
|
|
89
116
|
padding-bottom: 12px;
|
|
90
117
|
}
|
|
91
118
|
}
|
|
92
119
|
@media (max-width: 380px) {
|
|
93
120
|
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__content-button___4o92r {
|
|
94
|
-
margin-bottom:
|
|
121
|
+
margin-bottom: 60px;
|
|
95
122
|
}
|
|
96
123
|
}
|
|
@@ -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","butn-container":"InternetAndTvCardItem-module__butn-container___URLqm","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
|
|
@@ -24,9 +24,6 @@
|
|
|
24
24
|
.InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__text-container___Cn75V .InternetAndTvCards-module__btn___R7oKm {
|
|
25
25
|
padding-top: 24px;
|
|
26
26
|
}
|
|
27
|
-
.InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__text-container___Cn75V h2 {
|
|
28
|
-
font-weight: 500;
|
|
29
|
-
}
|
|
30
27
|
.InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__text-container___Cn75V .InternetAndTvCards-module__overline___5Sf8f {
|
|
31
28
|
font-size: 18px;
|
|
32
29
|
line-height: 24px;
|
|
@@ -71,7 +68,8 @@
|
|
|
71
68
|
position: relative;
|
|
72
69
|
}
|
|
73
70
|
.InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
|
|
74
|
-
overflow:
|
|
71
|
+
overflow-x: clip !important;
|
|
72
|
+
overflow-y: visible !important;
|
|
75
73
|
padding-bottom: 16px;
|
|
76
74
|
}
|
|
77
75
|
@media (max-width: 767px) {
|
|
@@ -94,6 +92,9 @@
|
|
|
94
92
|
background: #da291c;
|
|
95
93
|
opacity: 1;
|
|
96
94
|
}
|
|
95
|
+
.InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper-wrapper {
|
|
96
|
+
align-items: stretch;
|
|
97
|
+
}
|
|
97
98
|
.InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper:not(.has-controls) {
|
|
98
99
|
padding-bottom: 16px;
|
|
99
100
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import './InternetAndTvCards.css';
|
|
2
|
-
import{jsxs as e,jsx as n,Fragment as i}from"react/jsx-runtime";import{useState as o,useRef as
|
|
2
|
+
import{jsxs as e,jsx as n,Fragment as i}from"react/jsx-runtime";import{useState as o,useRef as t,useEffect as r}from"react";import{Swiper as l,SwiperSlide as d}from"swiper/react";import{Pagination as s}from"swiper/modules";import"swiper/css";import"swiper/css/pagination";import a from"./InternetAndTvCards.module.scss.js";import c from"./InternetAndTvCardItem/InternetAndTvCardItem.js";import{LeftArrow as m,RightArrow as v}from"./InternetAndTvCardsArrows.js";import u from"../ResponsiveRow/row.js";import p from"../Spacer/spacer.js";import h from"../FalconButton/falconButton.js";import w from"../FalconDescription/FalconDescription.js";import{getFalconGradientClass as g,getFalconColorsClass as b}from"../../utils/StyleUtils.js";import{COLLG4 as C,COLLG6 as f,COLLG3 as N,NONE as j,H1 as $,H2 as k,H3 as I,STACK as S}from"../Constants.js";const B=e=>"undefined"==typeof window?1:window.innerWidth>=1440?e:window.innerWidth>=1024?3:window.innerWidth>=768?2:1,x=({content:x,metadata:R})=>{var T,y,P,V,A,E,O,F,D,L;const W="2"===x.cardsInRow?2:"3"===x.cardsInRow?3:4,[_,z]=o([]),[G,M]=o(()=>B(W)),U=t(null),[q,H]=o(!0),[J,K]=o(!1);r(()=>{const e=((null==x?void 0:x.Cards)||[]).filter(e=>!e.notToDisplay);z(e)},[null==x?void 0:x.Cards]);const Q=_.length>G,X=Q&&(!0===x.loopSlides||"true"===x.loopSlides);r(()=>{const e=()=>M(B(W));return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[W]);const Y=e=>{H(e.isBeginning),K(e.isEnd)},Z=()=>{var e;return null===(e=U.current)||void 0===e?void 0:e.slidePrev()},ee=()=>{var e;return null===(e=U.current)||void 0===e?void 0:e.slideNext()},ne="2"===x.cardsInRow&&2===x.Cards.length?C:"2"===x.cardsInRow&&x.Cards.length>2?f:"3"===x.cardsInRow?C:N,ie=null===(y=null===(T=x.gradientBackgroundGlobal)||void 0===T?void 0:T.replace(/;\s*$/,""))||void 0===y?void 0:y.trim(),oe=!!ie&&ie.toLowerCase()!==j,te=oe?"":g(x.gradientBackground),re=!oe&&x.gradientBackground!==j&&!!te,le=re?te:"",de=b(x.headlineColor),se=x.headlineColor&&x.headlineColor!==j?de:"",ae=x.headlineColor&&x.headlineColor===j?{color:null===(P=x.headlineColorPicker)||void 0===P?void 0:P.color}:{},ce=i=>e("div",{className:a["slider-wrapper"],children:[n(l,{modules:[s],className:`${a.swiper} ${Q?a["has-controls"]:""}`.trim(),slidesPerView:"auto",slidesPerGroup:1,spaceBetween:0,centerInsufficientSlides:!0,loop:X,rewind:!1,allowTouchMove:Q,grabCursor:!0,pagination:!!Q&&{clickable:!0},breakpoints:{768:{slidesPerView:2,spaceBetween:20},1024:{slidesPerView:3,spaceBetween:20},1440:{slidesPerView:W,spaceBetween:16}},onSwiper:e=>{U.current=e,Y(e)},onSlideChange:Y,onReachBeginning:Y,onReachEnd:Y,onFromEdge:Y,children:i.map((e,i)=>n(d,{className:a.slide,children:n(c,{content:e,metadata:R,index:i})},e._uid))},`${G}-${Q}-${X}`),Q&&(X||!q)&&n(m,{onClick:Z}),Q&&(X||!J)&&n(v,{onClick:ee})]});return e("div",{className:`${a.container} ${le}`,id:x.id||"",style:Object.assign({},oe?{background:ie}:re?{}:{backgroundColor:null===(V=x.backgroundColor)||void 0===V?void 0:V.color}),children:[(null===(A=null==x?void 0:x.topSpace)||void 0===A?void 0:A.length)>0&&n(p,{content:x.topSpace[0]}),n(u,{children:e(i,{children:[(x.overlineText||(null===(E=x.description)||void 0===E?void 0:E.length)>0||(null===(O=null==x?void 0:x.button)||void 0===O?void 0:O.length)>0||x.title)&&e("div",{className:a["text-container"],children:[x.overlineText&&n("div",{className:a.overline,children:x.overlineText}),x.title&&x.headlineVariants===$?e("h1",{className:se,style:Object.assign({},ae),children:[x.title," "]}):x.headlineVariants===k?n("h2",{className:se,style:Object.assign({},ae),children:x.title}):x.headlineVariants===I?n("h3",{className:se,style:Object.assign({},ae),children:x.title}):n("h4",{className:se,style:Object.assign({},ae),children:x.title}),(null===(F=x.description)||void 0===F?void 0:F.length)>0&&n(w,{content:x.description[0]}),(null==x?void 0:x.button)&&(null===(D=null==x?void 0:x.button)||void 0===D?void 0:D.length)>0&&n("div",{className:a.btn,children:n(h,{content:x.button[0],eventAction:x.title,metadata:R})})]}),x.isMobSlider&&x.variant===S?e(i,{children:[n("div",{className:`row ${a.cards} d-none d-sm-block`,children:_.map((e,i)=>n("div",{className:`${ne} col-md-4 col-sm-6 ${a.card}`,children:n(c,{content:e,metadata:R,index:i})},e._uid))}),n("div",{className:`d-block d-sm-none ${a.carousel}`,children:_.length>0&&ce(_)})]}):x.variant===S?n("div",{className:`row ${a.cards}`,children:_.map((e,i)=>n("div",{className:`${ne} col-md-4 col-sm-6 ${a.card}`,children:n(c,{content:e,metadata:R,index:i})},e._uid))}):n("div",{className:a.carousel,children:_.length>0&&ce(_)})]})}),(null===(L=null==x?void 0:x.bottomSpace)||void 0===L?void 0:L.length)>0&&n(p,{content:x.bottomSpace[0]})]})};export{x as default};
|
|
3
3
|
//# sourceMappingURL=InternetAndTvCards.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InternetAndTvCards.js","sources":["../../../../../src/components/InternetAndTvCards/InternetAndTvCards.tsx"],"sourcesContent":[null],"names":["getSlidesPerView","largeDesktopSlides","window","innerWidth","InternetAndTvCards","content","metadata","numberOfCardsInrow","cardsInRow","cardItems","setCardItems","useState","slidesPerView","setSlidesPerView","swiperRef","useRef","isBeginning","setIsBeginning","isEnd","setIsEnd","useEffect","visibleCards","Cards","filter","card","notToDisplay","hasOverflow","length","shouldLoop","loopSlides","handleResize","addEventListener","removeEventListener","updateNavigationState","swiper","slidePrevious","_a","current","slidePrev","slideNext","cols","COLLG4","COLLG6","COLLG3","normalizedGlobalGradient","_b","gradientBackgroundGlobal","replace","trim","hasGlobalGradient","toLowerCase","NONE","gradientStyle","getFalconGradientClass","gradientBackground","hasGradientStyle","backgroundClass","headlineStyle","getFalconColorsClass","headlineColor","titleClassname","titleColor","color","_c","headlineColorPicker","renderCarousel","items","_jsxs","className","Styles","children","_jsx","Swiper","modules","Pagination","slidesPerGroup","spaceBetween","loop","rewind","allowTouchMove","grabCursor","pagination","clickable","breakpoints","onSwiper","onSlideChange","onReachBeginning","onReachEnd","onFromEdge","map","index","SwiperSlide","InternetAndTvCardItem","_uid","LeftArrow","onClick","RightArrow","id","style","Object","assign","background","backgroundColor","_d","topSpace","Spacer","Row","overlineText","description","_f","_g","button","title","headlineVariants","H1","H2","H3","_h","FalconDescription","_j","FalconButton","eventAction","isMobSlider","variant","STACK","_Fragment","_k","bottomSpace"],"mappings":"00BAsDA,MAAMA,EAAoBC,GACF,oBAAXC,OAA+B,EACtCA,OAAOC,YAAc,KAAaF,EAClCC,OAAOC,YAAc,KAAa,EAClCD,OAAOC,YAAc,IAAY,EAC9B,EAGHC,EAAqB,EAAGC,UAASC,uCACrC,MAAMC,EAA4C,MAAvBF,EAAQG,WAAqB,EAA2B,MAAvBH,EAAQG,WAAqB,EAAI,GACtFC,EAAWC,GAAgBC,EAAwC,KACnEC,EAAeC,GAAoBF,EAAS,IAAMX,EAAiBO,IACpEO,EAAYC,EAAY,OACvBC,EAAaC,GAAkBN,GAAS,IACxCO,EAAOC,GAAYR,GAAS,GAEnCS,EAAU,KACR,MAAMC,IAAgBhB,aAAO,EAAPA,EAASiB,QAAS,IAAIC,OAAQC,IAAUA,EAAKC,cACnEf,EAAaW,IACZ,CAAChB,aAAO,EAAPA,EAASiB,QAEb,MAAMI,EAAcjB,EAAUkB,OAASf,EACjCgB,EAAaF,KAAuC,IAAvBrB,EAAQwB,YAA8C,SAAvBxB,EAAQwB,YAE1ET,EAAU,KACR,MAAMU,EAAe,IAAMjB,EAAiBb,EAAiBO,IAE7D,OADAL,OAAO6B,iBAAiB,SAAUD,GAC3B,IAAM5B,OAAO8B,oBAAoB,SAAUF,IACjD,CAACvB,IAEJ,MAAM0B,EAAyBC,IAC7BjB,EAAeiB,EAAOlB,aACtBG,EAASe,EAAOhB,QAGZiB,EAAgB,WAAM,OAAiB,QAAjBC,EAAAtB,EAAUuB,eAAO,IAAAD,OAAA,EAAAA,EAAEE,aACzCC,GAAY,WAAM,OAAiB,QAAjBH,EAAAtB,EAAUuB,eAAO,IAAAD,OAAA,EAAAA,EAAEG,aAErCC,GACmB,MAAvBnC,EAAQG,YAA+C,IAAzBH,EAAQiB,MAAMK,OACxCc,EACuB,MAAvBpC,EAAQG,YAAsBH,EAAQiB,MAAMK,OAAS,EACrDe,EACuB,MAAvBrC,EAAQG,WACRiC,EACAE,EAEAC,GAAiF,QAAtDC,EAAgC,QAAhCT,EAAA/B,EAAQyC,gCAAwB,IAAAV,OAAA,EAAAA,EAAEW,QAAQ,QAAS,WAAG,IAAAF,OAAA,EAAAA,EAAEG,OACnFC,KACFL,IAA4BA,GAAyBM,gBAAkBC,EACrEC,GAAiBH,GAAyE,GAArDI,EAAuBhD,EAAQiD,oBACpEC,IAAoBN,IAAqB5C,EAAQiD,qBAAuBH,KAAUC,GAClFI,GAAkBD,GAAmBH,GAAgB,GAErDK,GAAgBC,EAAqBrD,EAAQsD,eAC7CC,GAAiBvD,EAAQsD,eAAiBtD,EAAQsD,gBAAkBR,EAAOM,GAAgB,GAC3FI,GACJxD,EAAQsD,eAAiBtD,EAAQsD,gBAAkBR,EAC/C,CAAEW,MAAkC,QAA3BC,EAAA1D,EAAQ2D,2BAAmB,IAAAD,OAAA,EAAAA,EAAED,OACtC,CAAA,EAEAG,GAAkBC,GACtBC,EAAA,MAAA,CAAKC,UAAWC,EAAO,kBAAiBC,SAAA,CACtCC,EAACC,EAAM,CAELC,QAAS,CAACC,GACVN,UAAW,GAAGC,EAAe,UAAK3C,EAAc2C,EAAO,gBAAkB,KAAKrB,OAC9EpC,cAAc,OACd+D,eAAgB,EAChBC,aAAc,EACdC,
|
|
1
|
+
{"version":3,"file":"InternetAndTvCards.js","sources":["../../../../../src/components/InternetAndTvCards/InternetAndTvCards.tsx"],"sourcesContent":[null],"names":["getSlidesPerView","largeDesktopSlides","window","innerWidth","InternetAndTvCards","content","metadata","numberOfCardsInrow","cardsInRow","cardItems","setCardItems","useState","slidesPerView","setSlidesPerView","swiperRef","useRef","isBeginning","setIsBeginning","isEnd","setIsEnd","useEffect","visibleCards","Cards","filter","card","notToDisplay","hasOverflow","length","shouldLoop","loopSlides","handleResize","addEventListener","removeEventListener","updateNavigationState","swiper","slidePrevious","_a","current","slidePrev","slideNext","cols","COLLG4","COLLG6","COLLG3","normalizedGlobalGradient","_b","gradientBackgroundGlobal","replace","trim","hasGlobalGradient","toLowerCase","NONE","gradientStyle","getFalconGradientClass","gradientBackground","hasGradientStyle","backgroundClass","headlineStyle","getFalconColorsClass","headlineColor","titleClassname","titleColor","color","_c","headlineColorPicker","renderCarousel","items","_jsxs","className","Styles","children","_jsx","Swiper","modules","Pagination","slidesPerGroup","spaceBetween","centerInsufficientSlides","loop","rewind","allowTouchMove","grabCursor","pagination","clickable","breakpoints","onSwiper","onSlideChange","onReachBeginning","onReachEnd","onFromEdge","map","index","SwiperSlide","InternetAndTvCardItem","_uid","LeftArrow","onClick","RightArrow","id","style","Object","assign","background","backgroundColor","_d","topSpace","Spacer","Row","overlineText","description","_f","_g","button","title","headlineVariants","H1","H2","H3","_h","FalconDescription","_j","FalconButton","eventAction","isMobSlider","variant","STACK","_Fragment","_k","bottomSpace"],"mappings":"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"}
|
|
@@ -24,9 +24,6 @@
|
|
|
24
24
|
.InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__text-container___Cn75V .InternetAndTvCards-module__btn___R7oKm {
|
|
25
25
|
padding-top: 24px;
|
|
26
26
|
}
|
|
27
|
-
.InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__text-container___Cn75V h2 {
|
|
28
|
-
font-weight: 500;
|
|
29
|
-
}
|
|
30
27
|
.InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__text-container___Cn75V .InternetAndTvCards-module__overline___5Sf8f {
|
|
31
28
|
font-size: 18px;
|
|
32
29
|
line-height: 24px;
|
|
@@ -71,7 +68,8 @@
|
|
|
71
68
|
position: relative;
|
|
72
69
|
}
|
|
73
70
|
.InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
|
|
74
|
-
overflow:
|
|
71
|
+
overflow-x: clip !important;
|
|
72
|
+
overflow-y: visible !important;
|
|
75
73
|
padding-bottom: 16px;
|
|
76
74
|
}
|
|
77
75
|
@media (max-width: 767px) {
|
|
@@ -94,6 +92,9 @@
|
|
|
94
92
|
background: #da291c;
|
|
95
93
|
opacity: 1;
|
|
96
94
|
}
|
|
95
|
+
.InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper-wrapper {
|
|
96
|
+
align-items: stretch;
|
|
97
|
+
}
|
|
97
98
|
.InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper:not(.has-controls) {
|
|
98
99
|
padding-bottom: 16px;
|
|
99
100
|
}
|
|
@@ -24,9 +24,6 @@
|
|
|
24
24
|
.InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__text-container___Cn75V .InternetAndTvCards-module__btn___R7oKm {
|
|
25
25
|
padding-top: 24px;
|
|
26
26
|
}
|
|
27
|
-
.InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__text-container___Cn75V h2 {
|
|
28
|
-
font-weight: 500;
|
|
29
|
-
}
|
|
30
27
|
.InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__text-container___Cn75V .InternetAndTvCards-module__overline___5Sf8f {
|
|
31
28
|
font-size: 18px;
|
|
32
29
|
line-height: 24px;
|
|
@@ -71,7 +68,8 @@
|
|
|
71
68
|
position: relative;
|
|
72
69
|
}
|
|
73
70
|
.InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
|
|
74
|
-
overflow:
|
|
71
|
+
overflow-x: clip !important;
|
|
72
|
+
overflow-y: visible !important;
|
|
75
73
|
padding-bottom: 16px;
|
|
76
74
|
}
|
|
77
75
|
@media (max-width: 767px) {
|
|
@@ -94,6 +92,9 @@
|
|
|
94
92
|
background: #da291c;
|
|
95
93
|
opacity: 1;
|
|
96
94
|
}
|
|
95
|
+
.InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper-wrapper {
|
|
96
|
+
align-items: stretch;
|
|
97
|
+
}
|
|
97
98
|
.InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper:not(.has-controls) {
|
|
98
99
|
padding-bottom: 16px;
|
|
99
100
|
}
|
|
@@ -57,6 +57,26 @@
|
|
|
57
57
|
.InternetAndTvCardItemBenefits-module__container___0Qpwe .InternetAndTvCardItemBenefits-module__butn-container___tKbJK {
|
|
58
58
|
width: 100%;
|
|
59
59
|
}
|
|
60
|
+
.InternetAndTvCardItemBenefits-module__container___0Qpwe .falcon-secondary-button-v4 {
|
|
61
|
+
padding-left: 0;
|
|
62
|
+
padding-right: 0;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.InternetAndTvCardItemBenefits-module__align-left___E8cIR {
|
|
66
|
+
text-align: left;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.InternetAndTvCardItemBenefits-module__align-center___-cy3p {
|
|
70
|
+
text-align: center;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.InternetAndTvCardItemBenefits-module__align-center___-cy3p .InternetAndTvCardItemBenefits-module__content-container___NOCvO > div {
|
|
74
|
+
justify-content: center;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.InternetAndTvCardItemBenefits-module__align-right___YHMiz {
|
|
78
|
+
text-align: right;
|
|
79
|
+
}
|
|
60
80
|
|
|
61
81
|
@media (max-width: 767px) {
|
|
62
82
|
.InternetAndTvCardItemBenefits-module__container___0Qpwe .InternetAndTvCardItemBenefits-module__content-container___NOCvO {
|
|
@@ -77,8 +97,8 @@
|
|
|
77
97
|
padding: 0 16px;
|
|
78
98
|
}
|
|
79
99
|
.InternetAndTvCardItemBenefits-module__container___0Qpwe .falcon-secondary-button-v4 {
|
|
80
|
-
padding-left:
|
|
81
|
-
padding-right:
|
|
100
|
+
padding-left: 0;
|
|
101
|
+
padding-right: 0;
|
|
82
102
|
padding-bottom: 12px;
|
|
83
103
|
}
|
|
84
104
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import './InternetAndTvCardItemBenefits.css';
|
|
2
|
-
import{jsx as n,Fragment as l,jsxs as o}from"react/jsx-runtime";import t,{useRef as i,useEffect as e}from"react";import d from"../FalconTitle/FalconTitle.js";import a from"../FalconDescription/FalconDescription.js";import
|
|
2
|
+
import{jsx as n,Fragment as l,jsxs as o}from"react/jsx-runtime";import t,{useRef as i,useEffect as e}from"react";import d from"../FalconTitle/FalconTitle.js";import a from"../FalconDescription/FalconDescription.js";import s from"../FalconButton/falconButton.js";import u from"./InternetAndTvCardItemBenefits.module.scss.js";import{ICON as r,SVG as v,IMG as c,NONE as m,CENTER as b,LEFT as g,RIGHT as p}from"../Constants.js";import{trackNewDatalayerEvent as f}from"../../utils/AnalyticUtils.js";import{ALL as h,SUBTEASER as _,CMS as j,VIEWPROMOTION as k,INTERNETTVCARD as y,SELECTPROMOTION as A,INTERNETCARD as B,GAEVENT as O}from"../../utils/AnalyticsConstants.js";import x from"./DetailsModal/DetailsModal.js";const I=({content:I,metadata:C})=>{var N,S,$,E,D,M,T,U,F,L,P,w;const J=i(null),R=(null==I?void 0:I.asset)&&(null===(N=null==I?void 0:I.asset.filename)||void 0===N?void 0:N.endsWith(v))?r:c,V=(null==I?void 0:I.defaultBackgroundColor)&&(null==I?void 0:I.defaultBackgroundColor)!==m?I.defaultBackgroundColor:null===(S=null==I?void 0:I.backgroundColorPicker)||void 0===S?void 0:S.color;e(()=>{var n;const l=new IntersectionObserver(n=>{var l,o;n[0].isIntersecting&&n[0].intersectionRatio>=.5&&!(null===(l=localStorage.getItem("analyticsUids"))||void 0===l?void 0:l.includes(I._uid))&&(f(k,k,{banner_promotion_name:null!==(o=null==I?void 0:I.bannerPromotionName)&&void 0!==o?o:null==I?void 0:I.description,banner_source:j,banner_type:_,banner_location:null==I?void 0:I.bannerLocation,audience_name:h,promotion_objective:h}),localStorage.setItem("analyticsUids",JSON.stringify([...localStorage.getItem("analyticsUids")?JSON.parse(localStorage.getItem("analyticsUids")||""):[],I._uid])))},{threshold:.5});return J.current&&!(null===(n=localStorage.getItem("analyticsUids"))||void 0===n?void 0:n.includes(I._uid))&&l.observe(J.current),()=>{l.disconnect()}});const[W,q]=t.useState(!1);return n(l,{children:!(null==I?void 0:I.notToDisplay)&&n("div",{className:`${u.container} ${"Secondary-V4"!=(null===($=null==I?void 0:I.button[0])||void 0===$?void 0:$.buttonType)&&u["button-style"]}`,style:Object.assign({},V?{backgroundColor:V}:{}),ref:J,children:((null===(E=null==I?void 0:I.textBlok)||void 0===E?void 0:E.length)>0||(null==I?void 0:I.asset)&&(null==I?void 0:I.asset.filename)||(null===(D=null==I?void 0:I.button)||void 0===D?void 0:D.length)>0)&&o("div",{className:(null==I?void 0:I.subElementsAlignment)===b?u["align-center"]:(null==I?void 0:I.subElementsAlignment)===g?u["align-left"]:(null==I?void 0:I.subElementsAlignment)===p?u["align-right"]:u["align-center"],children:[(null==I?void 0:I.asset)&&(null==I?void 0:I.asset.filename)&&R===r&&n("div",{className:`${u.icon}`,children:n("img",{src:(null==I?void 0:I.asset)&&(null==I?void 0:I.asset.filename),title:(null==I?void 0:I.asset)&&(null==I?void 0:I.asset.title),alt:(null==I?void 0:I.asset)&&(null==I?void 0:I.asset.alt),height:"48",width:"48"})}),(null===(M=null==I?void 0:I.textBlok)||void 0===M?void 0:M.length)>0&&n("div",{className:`\n ${u["content-container"]} ${(null===(T=null==I?void 0:I.button)||void 0===T?void 0:T.length)>0&&(null==I?void 0:I.button[0])&&u["content-button"]}`,children:(null===(U=null==I?void 0:I.textBlok)||void 0===U?void 0:U.length)>0&&(null==I?void 0:I.textBlok.map(l=>"falconTitle"===(null==l?void 0:l.component)?n(d,{content:Object.assign(Object.assign({},l),{position:l.position||(null==I?void 0:I.subElementsAlignment)})},l._uid):"falconDescription"===(null==l?void 0:l.component)?n(a,{content:Object.assign(Object.assign({},l),{position:l.position||(null==I?void 0:I.subElementsAlignment)||l.textElementPosition})},l._uid):void 0))}),(null===(F=null==I?void 0:I.button)||void 0===F?void 0:F.length)>0&&n("div",{className:`${u.butn} ${u["button-variant"]} ${u["butn-container"]} `,children:n(s,{content:Object.assign(Object.assign({},null==I?void 0:I.button[0]),{buttonAlignment:(null==I?void 0:I.subElementsAlignment)||(null===(L=null==I?void 0:I.button[0])||void 0===L?void 0:L.buttonAlignment)}),eventAction:y,metadata:C,setButtonClicked:n=>{(n=>{var l,o,t,i,e,d,a;const s=null!==(t=null===(o=null===(l=null==I?void 0:I.textBlok)||void 0===l?void 0:l[0])||void 0===o?void 0:o.text)&&void 0!==t?t:"",u=null!==(e=null===(i=null==I?void 0:I.button)||void 0===i?void 0:i[0])&&void 0!==e?e:"";n&&(f(A,A,{banner_promotion_name:null!==(d=null==I?void 0:I.bannerPromotionName)&&void 0!==d?d:null==I?void 0:I.description,banner_source:j,banner_type:_,banner_location:null==I?void 0:I.bannerLocation,audience_name:h,promotion_objective:h}),f(O,B,{link_url:null===(a=null==u?void 0:u.buttonLink)||void 0===a?void 0:a.cached_url,click_text:null==u?void 0:u.buttonLabel,headline:s}))})(n),n&&q(!0)}})}),W&&(null===(P=null==I?void 0:I.detailsModal)||void 0===P?void 0:P.length)>0&&n(x,{content:null===(w=null==I?void 0:I.detailsModal)||void 0===w?void 0:w[0],isModalOpen:W,setIsModalOpen:q})]})})})};export{I as default};
|
|
3
3
|
//# sourceMappingURL=InternetAndTvCardItemBenefits.js.map
|