@sunrise-upc/sales-static-components 4.1.0-beta.1 → 4.1.0-beta.3
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/DeviceGalleryArrowIcons.js +2 -0
- package/dist/cjs/components/DeviceGallery/DeviceGalleryArrowIcons.js.map +1 -0
- package/dist/cjs/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.css +2 -0
- 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/DeviceGalleryItem/DeviceGalleryItem.module.scss.css +2 -0
- package/dist/cjs/components/DeviceGallery/DeviceGalleryList.css +21 -13
- package/dist/cjs/components/DeviceGallery/DeviceGalleryList.js +1 -1
- package/dist/cjs/components/DeviceGallery/DeviceGalleryList.js.map +1 -1
- package/dist/cjs/components/DeviceGallery/DeviceGalleryList.module.scss.css +21 -13
- package/dist/cjs/components/DeviceGallery/DeviceGalleryList.module.scss.js +1 -1
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.css +96 -0
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js +3 -0
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js.map +1 -0
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.module.scss.css +96 -0
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.module.scss.js +3 -0
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.module.scss.js.map +1 -0
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.css +179 -0
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.js +3 -0
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.js.map +1 -0
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.module.scss.css +179 -0
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.module.scss.js +3 -0
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.module.scss.js.map +1 -0
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardsArrows.css +179 -0
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardsArrows.js +3 -0
- package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardsArrows.js.map +1 -0
- package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.css +33 -92
- package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.js +1 -1
- package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.js.map +1 -1
- package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.module.scss.css +33 -92
- package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.module.scss.js +1 -1
- package/dist/cjs/components/StageTeaserV3/StageTeaserSwiperV3.js +1 -1
- package/dist/cjs/components/StageTeaserV3/StageTeaserSwiperV3.js.map +1 -1
- package/dist/cjs/components/StageTeaserV3/StageTeaserV3.js.map +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/node_modules/@algolia/client-common/dist/common.js +1 -1
- package/dist/cjs/node_modules/@algolia/client-common/dist/common.js.map +1 -1
- package/dist/cjs/node_modules/algoliasearch/dist/lite/builds/browser.js +1 -1
- package/dist/cjs/node_modules/algoliasearch/dist/lite/builds/browser.js.map +1 -1
- package/dist/cjs/node_modules/algoliasearch-helper/src/SearchParameters/RefinementList.js.map +1 -1
- package/dist/cjs/node_modules/algoliasearch-helper/src/SearchParameters/index.js.map +1 -1
- package/dist/cjs/node_modules/algoliasearch-helper/src/SearchResults/index.js.map +1 -1
- package/dist/cjs/node_modules/algoliasearch-helper/src/algoliasearch.helper.js.map +1 -1
- package/dist/cjs/node_modules/algoliasearch-helper/src/utils/sortAndMergeRecommendations.js.map +1 -1
- package/dist/cjs/node_modules/algoliasearch-helper/src/version.js +1 -1
- package/dist/cjs/node_modules/algoliasearch-helper/src/version.js.map +1 -1
- package/dist/cjs/node_modules/immer/dist/immer.js +1 -1
- package/dist/cjs/node_modules/immer/dist/immer.js.map +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/lib/InstantSearch.js +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/lib/InstantSearch.js.map +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/lib/chat/openChat.js +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/lib/chat/openChat.js.map +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/defer.js +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/defer.js.map +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/lib/version.js +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/lib/version.js.map +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/middlewares/createInsightsMiddleware.js +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/middlewares/createInsightsMiddleware.js.map +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/widgets/index/index.js +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/widgets/index/index.js.map +1 -1
- package/dist/cjs/node_modules/qs/lib/parse.js +1 -1
- package/dist/cjs/node_modules/qs/lib/parse.js.map +1 -1
- package/dist/cjs/node_modules/qs/lib/stringify.js +1 -1
- package/dist/cjs/node_modules/qs/lib/stringify.js.map +1 -1
- package/dist/cjs/node_modules/qs/lib/utils.js +1 -1
- package/dist/cjs/node_modules/qs/lib/utils.js.map +1 -1
- package/dist/cjs/node_modules/react-instantsearch-core/dist/es/lib/useWidget.js +1 -1
- package/dist/cjs/node_modules/react-instantsearch-core/dist/es/lib/useWidget.js.map +1 -1
- package/dist/cjs/node_modules/react-instantsearch-core/dist/es/version.js +1 -1
- package/dist/cjs/node_modules/react-instantsearch-core/dist/es/version.js.map +1 -1
- package/dist/esm/components/DeviceGallery/DeviceGalleryArrowIcons.js +2 -0
- package/dist/esm/components/DeviceGallery/DeviceGalleryArrowIcons.js.map +1 -0
- package/dist/esm/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.css +2 -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/DeviceGalleryItem/DeviceGalleryItem.module.scss.css +2 -0
- package/dist/esm/components/DeviceGallery/DeviceGalleryList.css +21 -13
- package/dist/esm/components/DeviceGallery/DeviceGalleryList.js +1 -1
- package/dist/esm/components/DeviceGallery/DeviceGalleryList.js.map +1 -1
- package/dist/esm/components/DeviceGallery/DeviceGalleryList.module.scss.css +21 -13
- package/dist/esm/components/DeviceGallery/DeviceGalleryList.module.scss.js +1 -1
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.css +96 -0
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js +3 -0
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js.map +1 -0
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.module.scss.css +96 -0
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.module.scss.js +3 -0
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.module.scss.js.map +1 -0
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.css +179 -0
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.js +3 -0
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.js.map +1 -0
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.module.scss.css +179 -0
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.module.scss.js +3 -0
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.module.scss.js.map +1 -0
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCardsArrows.css +179 -0
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCardsArrows.js +3 -0
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCardsArrows.js.map +1 -0
- package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.css +33 -92
- package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.js +1 -1
- package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.js.map +1 -1
- package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.module.scss.css +33 -92
- package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.module.scss.js +1 -1
- package/dist/esm/components/StageTeaserV3/StageTeaserSwiperV3.js +1 -1
- package/dist/esm/components/StageTeaserV3/StageTeaserSwiperV3.js.map +1 -1
- package/dist/esm/components/StageTeaserV3/StageTeaserV3.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/node_modules/@algolia/client-common/dist/common.js +1 -1
- package/dist/esm/node_modules/@algolia/client-common/dist/common.js.map +1 -1
- package/dist/esm/node_modules/algoliasearch/dist/lite/builds/browser.js +1 -1
- package/dist/esm/node_modules/algoliasearch/dist/lite/builds/browser.js.map +1 -1
- package/dist/esm/node_modules/algoliasearch-helper/src/SearchParameters/RefinementList.js.map +1 -1
- package/dist/esm/node_modules/algoliasearch-helper/src/SearchParameters/index.js.map +1 -1
- package/dist/esm/node_modules/algoliasearch-helper/src/SearchResults/index.js.map +1 -1
- package/dist/esm/node_modules/algoliasearch-helper/src/algoliasearch.helper.js.map +1 -1
- package/dist/esm/node_modules/algoliasearch-helper/src/utils/sortAndMergeRecommendations.js.map +1 -1
- package/dist/esm/node_modules/algoliasearch-helper/src/version.js +1 -1
- package/dist/esm/node_modules/algoliasearch-helper/src/version.js.map +1 -1
- package/dist/esm/node_modules/immer/dist/immer.js +1 -1
- package/dist/esm/node_modules/immer/dist/immer.js.map +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/lib/InstantSearch.js +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/lib/InstantSearch.js.map +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/lib/chat/openChat.js +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/lib/chat/openChat.js.map +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/lib/utils/defer.js +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/lib/utils/defer.js.map +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/lib/version.js +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/lib/version.js.map +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/middlewares/createInsightsMiddleware.js +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/middlewares/createInsightsMiddleware.js.map +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/widgets/index/index.js +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/widgets/index/index.js.map +1 -1
- package/dist/esm/node_modules/qs/lib/parse.js +1 -1
- package/dist/esm/node_modules/qs/lib/parse.js.map +1 -1
- package/dist/esm/node_modules/qs/lib/stringify.js +1 -1
- package/dist/esm/node_modules/qs/lib/stringify.js.map +1 -1
- package/dist/esm/node_modules/qs/lib/utils.js +1 -1
- package/dist/esm/node_modules/qs/lib/utils.js.map +1 -1
- package/dist/esm/node_modules/react-instantsearch-core/dist/es/lib/useWidget.js +1 -1
- package/dist/esm/node_modules/react-instantsearch-core/dist/es/lib/useWidget.js.map +1 -1
- package/dist/esm/node_modules/react-instantsearch-core/dist/es/version.js +1 -1
- package/dist/esm/node_modules/react-instantsearch-core/dist/es/version.js.map +1 -1
- package/dist/index.d.ts +158 -7
- package/dist/navigation.css +207 -207
- package/package.json +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/addInsightsToRecommendParameters.js +0 -2
- package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/addInsightsToRecommendParameters.js.map +0 -1
- package/dist/esm/node_modules/instantsearch.js/es/lib/utils/addInsightsToRecommendParameters.js +0 -2
- package/dist/esm/node_modules/instantsearch.js/es/lib/utils/addInsightsToRecommendParameters.js.map +0 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const e=e=>`data:image/svg+xml,${encodeURIComponent(e)}`,l={left:{active:e('<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.35355 0.647423C5.54882 0.842685 5.54882 1.15927 5.35355 1.35453L1.70711 5.00098 5.35355 8.64742C5.54882 8.84269 5.54882 9.15927 5.35355 9.35453 5.15829 9.54979 4.84171 9.54979 4.64645 9.35453L0.646447 5.35453C0.451184 5.15927 0.451184 4.84269 0.646447 4.64742L4.64645 0.647423C4.84171 0.452161 5.15829 0.452161 5.35355 0.647423Z" fill="#E6003C"/></svg>'),inactive:e('<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.35355 0.647423C5.54882 0.842685 5.54882 1.15927 5.35355 1.35453L1.70711 5.00098 5.35355 8.64742C5.54882 8.84269 5.54882 9.15927 5.35355 9.35453 5.15829 9.54979 4.84171 9.54979 4.64645 9.35453L0.646447 5.35453C0.451184 5.15927 0.451184 4.84269 0.646447 4.64742L4.64645 0.647423C4.84171 0.452161 5.15829 0.452161 5.35355 0.647423Z" fill="#B3AEAA"/></svg>')},right:{active:e('<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.646447 0.647423C0.841709 0.452161 1.15829 0.452161 1.35355 0.647423L5.35355 4.64742C5.54882 4.84269 5.54882 5.15927 5.35355 5.35453L1.35355 9.35453C1.15829 9.54979 0.841709 9.54979 0.646447 9.35453 0.451184 9.15927 0.451184 8.84269 0.646447 8.64742L4.29289 5.00098 0.646447 1.35453C0.451184 1.15927 0.451184 0.842685 0.646447 0.647423Z" fill="#DA291C"/></svg>'),inactive:e('<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.646447 0.647423C0.841709 0.452161 1.15829 0.452161 1.35355 0.647423L5.35355 4.64742C5.54882 4.84269 5.54882 5.15927 5.35355 5.35453L1.35355 9.35453C1.15829 9.54979 0.841709 9.54979 0.646447 9.35453 0.451184 9.15927 0.451184 8.84269 0.646447 8.64742L4.29289 5.00098 0.646447 1.35453C0.451184 1.15927 0.451184 0.842685 0.646447 0.647423Z" fill="#B3AEAA"/></svg>')}};exports.DEVICE_GALLERY_ARROW_ICONS=l;
|
|
2
|
+
//# sourceMappingURL=DeviceGalleryArrowIcons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DeviceGalleryArrowIcons.js","sources":["../../../../../src/components/DeviceGallery/DeviceGalleryArrowIcons.ts"],"sourcesContent":[null],"names":["toDataUrl","svg","encodeURIComponent","DEVICE_GALLERY_ARROW_ICONS","left","active","inactive","right"],"mappings":"aAAA,MAAMA,EAAaC,GAAwB,sBAAsBC,mBAAmBD,KAEvEE,EAA6B,CACxCC,KAAM,CACJC,OAAQL,EACN,qfAEFM,SAAUN,EACR,sfAGJO,MAAO,CACLF,OAAQL,EACN,4fAEFM,SAAUN,EACR"}
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
.DeviceGalleryItem-module__outer-container___4Z5b1 {
|
|
12
12
|
height: 100%;
|
|
13
13
|
position: relative;
|
|
14
|
+
overflow: hidden;
|
|
14
15
|
}
|
|
15
16
|
.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__promo___tQwKu {
|
|
16
17
|
display: flex;
|
|
@@ -135,6 +136,7 @@
|
|
|
135
136
|
.DeviceGalleryItem-module__falcon-container___Hhj45 {
|
|
136
137
|
height: 100%;
|
|
137
138
|
position: relative;
|
|
139
|
+
overflow: hidden;
|
|
138
140
|
}
|
|
139
141
|
.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__promo___tQwKu {
|
|
140
142
|
display: flex;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
require('./DeviceGalleryItem.css');
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("./DeviceGalleryItem.module.scss.js"),i=require("../../RichText/richText.js"),n=require("../../../utils/StyleUtils.js"),a=require("../../Constants.js"),r=require("../../../utils/AnalyticUtils.js"),o=require("../../../utils/AnalyticsConstants.js");const s={Black:"#000000",White:"#ffffff"},c=()=>"undefined"==typeof window?300:window.innerWidth<=767?700:300;exports.default=({content:d,index:u=0,onEligibleItem:m,onPrepareItemAnalytics:v,useFalconStyle:f=!0,titleColor:x,subtitleColor:j})=>{var E;const[h,C]=t.useState(!1),[N,b]=t.useState(c),p=n.getFalconButtonClass(d.buttonType),T=f?l.default["falcon-container"]:l.default["outer-container"],g=(e=>{var t,l,i,n;const a=(null===(t=e.gradientBackground)||void 0===t?void 0:t.trim())||(null===(i=null===(l=e.backgroundColor)||void 0===l?void 0:l.color)||void 0===i?void 0:i.trim()),r=e.textColor,o=r?null!==(n=s[r])&&void 0!==n?n:r:void 0;if(a||o)return Object.assign(Object.assign({},a?{background:a}:null),o?{color:o}:null)})(d);return t.useEffect(()=>{const e=()=>b(c());return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),t.useEffect(()=>{null==v||v(d)},[d,v]),t.useEffect(()=>{var e;r.trackComponent(d.title||o.DEVICEGALLERY,null===(e=d.link)||void 0===e?void 0:e.cached_url,o.CONTENT,o.LINK)},[d]),e.jsx("div",{className:T,children:e.jsxs("a",{href:d.link?d.link.cached_url:"/",target:"_self",className:l.default.link,onClick:()=>{var e;r.trackEvent(o.DEVICEGALLERY,d.title,o.TYPE),r.trackNewDatalayerEvent(o.SELECTPROMOTION,o.SELECTPROMOTION,{banner_promotion_name:null!==(e=null==d?void 0:d.bannerPromotionName)&&void 0!==e?e:null==d?void 0:d.title,banner_source:o.CMS,banner_type:o.SUBTEASER,banner_location:null==d?void 0:d.bannerLocation,audience_name:o.ALL,promotion_objective:o.ALL,index:u+1}),null==v||v(d),null==m||m("select")},children:[e.jsx("div",{className:l.default.promo,children:d.promoText?d.isLimited?e.jsx("div",{className:l.default.limited,style:g,children:d.promoText}):e.jsx("div",{className:l.default.notlimited,style:g,children:d.promoText}):null}),(null===(E=d.image)||void 0===E?void 0:E.filename)&&e.jsx("div",{className:l.default["image-container"],children:e.jsx("div",{className:l.default.image,children:e.jsx("img",{src:(y=d.image.filename,L=N,y&&L&&y.includes("/f/")?`${y}/m/${L}x0/filters:format(webp):quality(80)`:y),alt:d.image.alt||"",title:d.image.title||""})})}),e.jsxs("div",{className:l.default.content,children:[d.title&&e.jsx("h4",{className:l.default.title,style:{color:x},children:d.title}),d.description&&e.jsx("div",{className:l.default.description,style:{color:j},children:e.jsx(i.default,{content:d.description})}),e.jsx("div",{className:l.default["button-container"],children:d.CTA_text&&e.jsx("div",{className:`${p} ${l.default.button} ${h?a.AURABUTTONCLICKED:""}`,onClick:()=>C(!h),children:d.CTA_text})})]})]})});var y,L};
|
|
3
3
|
//# sourceMappingURL=DeviceGalleryItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeviceGalleryItem.js","sources":["../../../../../../src/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.tsx"],"sourcesContent":[null],"names":["OPTION_TEXT_COLOR","Black","White","getImageWidth","window","innerWidth","content","index","onEligibleItem","onPrepareItemAnalytics","useFalconStyle","clicked","setClicked","useState","imageWidth","setImageWidth","buttonStyle","getFalconButtonClass","buttonType","containerClassName","Styles","promoBadgeStyle","background","_a","gradientBackground","trim","_b","backgroundColor","color","_c","colorValue","textColor","_d","undefined","Object","assign","getBadgeSchemeStyle","useEffect","handleResize","addEventListener","removeEventListener","trackComponent","title","DEVICEGALLERY","link","cached_url","CONTENT","LINK","_jsx","className","children","_jsxs","href","target","onClick","trackEvent","TYPE","trackNewDatalayerEvent","SELECTPROMOTION","banner_promotion_name","bannerPromotionName","banner_source","CMS","banner_type","SUBTEASER","banner_location","bannerLocation","audience_name","ALL","promotion_objective","promoText","isLimited","style","image","filename","src","source","width","includes","alt","description","RichText","CTA_text","AURABUTTONCLICKED"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DeviceGalleryItem.js","sources":["../../../../../../src/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.tsx"],"sourcesContent":[null],"names":["OPTION_TEXT_COLOR","Black","White","getImageWidth","window","innerWidth","content","index","onEligibleItem","onPrepareItemAnalytics","useFalconStyle","titleColor","subtitleColor","clicked","setClicked","useState","imageWidth","setImageWidth","buttonStyle","getFalconButtonClass","buttonType","containerClassName","Styles","promoBadgeStyle","background","_a","gradientBackground","trim","_b","backgroundColor","color","_c","colorValue","textColor","_d","undefined","Object","assign","getBadgeSchemeStyle","useEffect","handleResize","addEventListener","removeEventListener","trackComponent","title","DEVICEGALLERY","link","cached_url","CONTENT","LINK","_jsx","className","children","_jsxs","href","target","onClick","trackEvent","TYPE","trackNewDatalayerEvent","SELECTPROMOTION","banner_promotion_name","bannerPromotionName","banner_source","CMS","banner_type","SUBTEASER","banner_location","bannerLocation","audience_name","ALL","promotion_objective","promoText","isLimited","style","image","filename","src","source","width","includes","alt","description","RichText","CTA_text","AURABUTTONCLICKED"],"mappings":"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"}
|
package/dist/cjs/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.module.scss.css
CHANGED
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
.DeviceGalleryItem-module__outer-container___4Z5b1 {
|
|
12
12
|
height: 100%;
|
|
13
13
|
position: relative;
|
|
14
|
+
overflow: hidden;
|
|
14
15
|
}
|
|
15
16
|
.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__promo___tQwKu {
|
|
16
17
|
display: flex;
|
|
@@ -135,6 +136,7 @@
|
|
|
135
136
|
.DeviceGalleryItem-module__falcon-container___Hhj45 {
|
|
136
137
|
height: 100%;
|
|
137
138
|
position: relative;
|
|
139
|
+
overflow: hidden;
|
|
138
140
|
}
|
|
139
141
|
.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__promo___tQwKu {
|
|
140
142
|
display: flex;
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
/* vertically center alilgn any HTML element */
|
|
6
6
|
/* add basePath to assets */
|
|
7
7
|
.DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
|
|
8
|
-
padding:
|
|
8
|
+
padding: 0;
|
|
9
9
|
}
|
|
10
10
|
.DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__title___wQ6aY, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
|
|
11
11
|
color: #333333;
|
|
@@ -23,7 +23,8 @@
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
.DeviceGalleryList-module__swiper___8Xjs- {
|
|
26
|
-
|
|
26
|
+
overflow: hidden !important;
|
|
27
|
+
padding-bottom: 16px;
|
|
27
28
|
}
|
|
28
29
|
.DeviceGalleryList-module__swiper___8Xjs- .swiper-wrapper {
|
|
29
30
|
align-items: stretch;
|
|
@@ -35,17 +36,21 @@
|
|
|
35
36
|
display: block !important;
|
|
36
37
|
}
|
|
37
38
|
.DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination-bullet {
|
|
38
|
-
background: #
|
|
39
|
-
height:
|
|
39
|
+
background: #8a8a8a;
|
|
40
|
+
height: 10px;
|
|
40
41
|
margin: 0 4px !important;
|
|
41
42
|
opacity: 0.25;
|
|
42
|
-
width:
|
|
43
|
+
width: 10px;
|
|
43
44
|
}
|
|
44
45
|
.DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination-bullet-active {
|
|
45
46
|
background: #e6003c;
|
|
46
47
|
opacity: 1;
|
|
47
48
|
}
|
|
48
49
|
|
|
50
|
+
.DeviceGalleryList-module__swiper___8Xjs-:not(.DeviceGalleryList-module__has-controls___uPX6X) {
|
|
51
|
+
padding-bottom: 0;
|
|
52
|
+
}
|
|
53
|
+
|
|
49
54
|
.DeviceGalleryList-module__arrow___hjxmX {
|
|
50
55
|
align-items: center;
|
|
51
56
|
background: #ffffff;
|
|
@@ -106,9 +111,13 @@
|
|
|
106
111
|
box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
|
|
107
112
|
}
|
|
108
113
|
|
|
114
|
+
.DeviceGalleryList-module__arrow-hidden___VEIVF {
|
|
115
|
+
display: none;
|
|
116
|
+
}
|
|
117
|
+
|
|
109
118
|
@media (max-width: 767px) {
|
|
110
119
|
.DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
|
|
111
|
-
padding:
|
|
120
|
+
padding: 0;
|
|
112
121
|
}
|
|
113
122
|
.DeviceGalleryList-module__section___FYBX5 .sr-responsive-row, .DeviceGalleryList-module__falcon-section___NZLE5 .sr-responsive-row {
|
|
114
123
|
padding: 0;
|
|
@@ -121,7 +130,7 @@
|
|
|
121
130
|
padding-right: 0;
|
|
122
131
|
}
|
|
123
132
|
.DeviceGalleryList-module__swiper___8Xjs- {
|
|
124
|
-
padding-bottom:
|
|
133
|
+
padding-bottom: 16px;
|
|
125
134
|
}
|
|
126
135
|
.DeviceGalleryList-module__arrow___hjxmX {
|
|
127
136
|
display: none;
|
|
@@ -129,7 +138,7 @@
|
|
|
129
138
|
}
|
|
130
139
|
@media (min-width: 1024px) and (max-width: 1439px) {
|
|
131
140
|
.DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
|
|
132
|
-
padding:
|
|
141
|
+
padding: 0;
|
|
133
142
|
}
|
|
134
143
|
.DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__title___wQ6aY, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
|
|
135
144
|
margin: 0 0 40px;
|
|
@@ -141,7 +150,7 @@
|
|
|
141
150
|
}
|
|
142
151
|
@media (min-width: 768px) and (max-width: 1023px) {
|
|
143
152
|
.DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
|
|
144
|
-
padding:
|
|
153
|
+
padding: 0;
|
|
145
154
|
}
|
|
146
155
|
.DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__title___wQ6aY, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
|
|
147
156
|
margin: 0 0 40px;
|
|
@@ -152,7 +161,7 @@
|
|
|
152
161
|
}
|
|
153
162
|
}
|
|
154
163
|
.DeviceGalleryList-module__falcon-section___NZLE5 {
|
|
155
|
-
padding:
|
|
164
|
+
padding: 0;
|
|
156
165
|
}
|
|
157
166
|
.DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
|
|
158
167
|
color: #3d3935;
|
|
@@ -165,13 +174,12 @@
|
|
|
165
174
|
}
|
|
166
175
|
@media (min-width: 768px) and (max-width: 1023px) {
|
|
167
176
|
.DeviceGalleryList-module__falcon-section___NZLE5 {
|
|
168
|
-
padding
|
|
169
|
-
padding-bottom: 72px;
|
|
177
|
+
padding: 0;
|
|
170
178
|
}
|
|
171
179
|
}
|
|
172
180
|
@media (max-width: 767px) {
|
|
173
181
|
.DeviceGalleryList-module__falcon-section___NZLE5 {
|
|
174
|
-
padding: 0
|
|
182
|
+
padding: 0;
|
|
175
183
|
}
|
|
176
184
|
.DeviceGalleryList-module__falcon-section___NZLE5 .sr-responsive-row {
|
|
177
185
|
padding: 0;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
require('./DeviceGalleryList.css');
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),r=require("swiper/react"),t=require("swiper/modules");require("swiper/css"),require("swiper/css/pagination");var l=require("./DeviceGalleryItem/DeviceGalleryItem.js"),s=require("./DeviceGalleryArrowIcons.js"),n=require("../ResponsiveRow/row.js"),a=require("./DeviceGalleryList.module.scss.js");const o=()=>"undefined"==typeof window?1:window.innerWidth>=1440?4:window.innerWidth>=1024?3:window.innerWidth>=768?2:1;exports.default=({content:d,onEligibleItem:c,onPrepareItemAnalytics:u,useFalconStyle:w=!0})=>{const v=i.useRef(null),f=i.useRef(null),[p,m]=i.useState(!0),[g,h]=i.useState(!1),[y,I]=i.useState(o),x=(null==d?void 0:d.deviceGalleryItemList)||[],E=w?a.default["falcon-section"]:a.default.section,S=x.length>y,j=S&&(!0===d.loopSlides||"true"===d.loopSlides),b=e=>{m(e.isBeginning),h(e.isEnd)};return i.useEffect(()=>{const e=()=>I(o());return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),i.useEffect(()=>{const e=v.current;if(!e||"undefined"==typeof IntersectionObserver)return;const i=new IntersectionObserver(e=>{const i=e[0],r=(()=>{if("undefined"==typeof window)return[];try{return JSON.parse(localStorage.getItem("analyticsUids")||"[]")}catch(e){return[]}})();var t;i.isIntersecting&&i.intersectionRatio>=.5&&!r.includes(d._uid)&&(null==c||c("view"),t=[...r,d._uid],"undefined"!=typeof window&&localStorage.setItem("analyticsUids",JSON.stringify(t)))},{threshold:.5});return i.observe(e),()=>i.disconnect()},[d._uid,c]),e.jsx("div",{className:E,style:{backgroundColor:null==d?void 0:d.backgroundColor},ref:v,children:e.jsx(n.default,{children:e.jsxs(e.Fragment,{children:[(null==d?void 0:d.title)&&e.jsx("h2",{className:a.default.title,children:d.title}),e.jsxs("div",{className:a.default["slider-wrapper"],children:[e.jsx(r.Swiper,{modules:[t.Pagination],className:`${a.default.swiper} ${S?a.default["has-controls"]:""}`.trim(),slidesPerView:1,slidesPerGroup:1,spaceBetween:12,loop:j,rewind:!1,allowTouchMove:S,grabCursor:!0,pagination:!!S&&{clickable:!0},breakpoints:{768:{slidesPerView:2,spaceBetween:20},1024:{slidesPerView:3,spaceBetween:20},1440:{slidesPerView:4,spaceBetween:8}},onSwiper:e=>{f.current=e,b(e)},onSlideChange:b,onReachBeginning:b,onReachEnd:b,onFromEdge:b,children:x.map((i,t)=>e.jsx(r.SwiperSlide,{className:a.default.slide,children:e.jsx(l.default,{content:i,index:t,onEligibleItem:c,onPrepareItemAnalytics:u,useFalconStyle:w,titleColor:null==d?void 0:d.deviceGalleryItemTitleColor,subtitleColor:null==d?void 0:d.deviceGalleryItemSubtitleColor})},i._uid))}),S&&(j||!p)&&e.jsxs("button",{className:`${a.default.arrow} ${a.default["arrow-prev"]}`,type:"button","aria-label":"Previous slide",onClick:()=>{var e;return null===(e=f.current)||void 0===e?void 0:e.slidePrev()},children:[e.jsx("img",{className:a.default["active-arrow"],src:s.DEVICE_GALLERY_ARROW_ICONS.left.active,alt:""}),e.jsx("img",{className:a.default["inactive-arrow"],src:s.DEVICE_GALLERY_ARROW_ICONS.left.inactive,alt:""})]}),S&&(j||!g)&&e.jsxs("button",{className:`${a.default.arrow} ${a.default["arrow-next"]}`,type:"button","aria-label":"Next slide",onClick:()=>{var e;return null===(e=f.current)||void 0===e?void 0:e.slideNext()},children:[e.jsx("img",{className:a.default["active-arrow"],src:s.DEVICE_GALLERY_ARROW_ICONS.right.active,alt:""}),e.jsx("img",{className:a.default["inactive-arrow"],src:s.DEVICE_GALLERY_ARROW_ICONS.right.inactive,alt:""})]})]})]})})})};
|
|
3
3
|
//# sourceMappingURL=DeviceGalleryList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeviceGalleryList.js","sources":["../../../../../src/components/DeviceGallery/DeviceGalleryList.tsx"],"sourcesContent":[null],"names":["content","onEligibleItem","onPrepareItemAnalytics","useFalconStyle","elementRef","useRef","swiperRef","isBeginning","setIsBeginning","useState","isEnd","setIsEnd","items","deviceGalleryItemList","sectionClassName","Styles","
|
|
1
|
+
{"version":3,"file":"DeviceGalleryList.js","sources":["../../../../../src/components/DeviceGallery/DeviceGalleryList.tsx"],"sourcesContent":[null],"names":["getSlidesPerView","window","innerWidth","content","onEligibleItem","onPrepareItemAnalytics","useFalconStyle","elementRef","useRef","swiperRef","isBeginning","setIsBeginning","useState","isEnd","setIsEnd","slidesPerView","setSlidesPerView","items","deviceGalleryItemList","sectionClassName","Styles","hasOverflow","length","shouldLoop","loopSlides","updateNavigationState","swiper","useEffect","handleResize","addEventListener","removeEventListener","observedElement","current","IntersectionObserver","observer","entries","entry","trackedUids","JSON","parse","localStorage","getItem","_a","getTrackedUids","uids","isIntersecting","intersectionRatio","includes","_uid","setItem","stringify","threshold","observe","disconnect","_jsx","className","style","backgroundColor","ref","children","Row","_jsxs","_Fragment","title","Swiper","modules","Pagination","trim","slidesPerGroup","spaceBetween","loop","rewind","allowTouchMove","grabCursor","pagination","clickable","breakpoints","onSwiper","onSlideChange","onReachBeginning","onReachEnd","onFromEdge","map","item","index","SwiperSlide","DeviceGalleryItem","titleColor","deviceGalleryItemTitleColor","subtitleColor","deviceGalleryItemSubtitleColor","type","onClick","slidePrev","src","DEVICE_GALLERY_ARROW_ICONS","left","active","alt","inactive","slideNext","right"],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
/* vertically center alilgn any HTML element */
|
|
6
6
|
/* add basePath to assets */
|
|
7
7
|
.DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
|
|
8
|
-
padding:
|
|
8
|
+
padding: 0;
|
|
9
9
|
}
|
|
10
10
|
.DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__title___wQ6aY, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
|
|
11
11
|
color: #333333;
|
|
@@ -23,7 +23,8 @@
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
.DeviceGalleryList-module__swiper___8Xjs- {
|
|
26
|
-
|
|
26
|
+
overflow: hidden !important;
|
|
27
|
+
padding-bottom: 16px;
|
|
27
28
|
}
|
|
28
29
|
.DeviceGalleryList-module__swiper___8Xjs- .swiper-wrapper {
|
|
29
30
|
align-items: stretch;
|
|
@@ -35,17 +36,21 @@
|
|
|
35
36
|
display: block !important;
|
|
36
37
|
}
|
|
37
38
|
.DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination-bullet {
|
|
38
|
-
background: #
|
|
39
|
-
height:
|
|
39
|
+
background: #8a8a8a;
|
|
40
|
+
height: 10px;
|
|
40
41
|
margin: 0 4px !important;
|
|
41
42
|
opacity: 0.25;
|
|
42
|
-
width:
|
|
43
|
+
width: 10px;
|
|
43
44
|
}
|
|
44
45
|
.DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination-bullet-active {
|
|
45
46
|
background: #e6003c;
|
|
46
47
|
opacity: 1;
|
|
47
48
|
}
|
|
48
49
|
|
|
50
|
+
.DeviceGalleryList-module__swiper___8Xjs-:not(.DeviceGalleryList-module__has-controls___uPX6X) {
|
|
51
|
+
padding-bottom: 0;
|
|
52
|
+
}
|
|
53
|
+
|
|
49
54
|
.DeviceGalleryList-module__arrow___hjxmX {
|
|
50
55
|
align-items: center;
|
|
51
56
|
background: #ffffff;
|
|
@@ -106,9 +111,13 @@
|
|
|
106
111
|
box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
|
|
107
112
|
}
|
|
108
113
|
|
|
114
|
+
.DeviceGalleryList-module__arrow-hidden___VEIVF {
|
|
115
|
+
display: none;
|
|
116
|
+
}
|
|
117
|
+
|
|
109
118
|
@media (max-width: 767px) {
|
|
110
119
|
.DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
|
|
111
|
-
padding:
|
|
120
|
+
padding: 0;
|
|
112
121
|
}
|
|
113
122
|
.DeviceGalleryList-module__section___FYBX5 .sr-responsive-row, .DeviceGalleryList-module__falcon-section___NZLE5 .sr-responsive-row {
|
|
114
123
|
padding: 0;
|
|
@@ -121,7 +130,7 @@
|
|
|
121
130
|
padding-right: 0;
|
|
122
131
|
}
|
|
123
132
|
.DeviceGalleryList-module__swiper___8Xjs- {
|
|
124
|
-
padding-bottom:
|
|
133
|
+
padding-bottom: 16px;
|
|
125
134
|
}
|
|
126
135
|
.DeviceGalleryList-module__arrow___hjxmX {
|
|
127
136
|
display: none;
|
|
@@ -129,7 +138,7 @@
|
|
|
129
138
|
}
|
|
130
139
|
@media (min-width: 1024px) and (max-width: 1439px) {
|
|
131
140
|
.DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
|
|
132
|
-
padding:
|
|
141
|
+
padding: 0;
|
|
133
142
|
}
|
|
134
143
|
.DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__title___wQ6aY, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
|
|
135
144
|
margin: 0 0 40px;
|
|
@@ -141,7 +150,7 @@
|
|
|
141
150
|
}
|
|
142
151
|
@media (min-width: 768px) and (max-width: 1023px) {
|
|
143
152
|
.DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
|
|
144
|
-
padding:
|
|
153
|
+
padding: 0;
|
|
145
154
|
}
|
|
146
155
|
.DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__title___wQ6aY, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
|
|
147
156
|
margin: 0 0 40px;
|
|
@@ -152,7 +161,7 @@
|
|
|
152
161
|
}
|
|
153
162
|
}
|
|
154
163
|
.DeviceGalleryList-module__falcon-section___NZLE5 {
|
|
155
|
-
padding:
|
|
164
|
+
padding: 0;
|
|
156
165
|
}
|
|
157
166
|
.DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
|
|
158
167
|
color: #3d3935;
|
|
@@ -165,13 +174,12 @@
|
|
|
165
174
|
}
|
|
166
175
|
@media (min-width: 768px) and (max-width: 1023px) {
|
|
167
176
|
.DeviceGalleryList-module__falcon-section___NZLE5 {
|
|
168
|
-
padding
|
|
169
|
-
padding-bottom: 72px;
|
|
177
|
+
padding: 0;
|
|
170
178
|
}
|
|
171
179
|
}
|
|
172
180
|
@media (max-width: 767px) {
|
|
173
181
|
.DeviceGalleryList-module__falcon-section___NZLE5 {
|
|
174
|
-
padding: 0
|
|
182
|
+
padding: 0;
|
|
175
183
|
}
|
|
176
184
|
.DeviceGalleryList-module__falcon-section___NZLE5 .sr-responsive-row {
|
|
177
185
|
padding: 0;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
require('./DeviceGalleryList.module.scss.css');
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={section:"DeviceGalleryList-module__section___FYBX5","falcon-section":"DeviceGalleryList-module__falcon-section___NZLE5",title:"DeviceGalleryList-module__title___wQ6aY",slide:"DeviceGalleryList-module__slide___K-wHh","slider-wrapper":"DeviceGalleryList-module__slider-wrapper___-91-x",swiper:"DeviceGalleryList-module__swiper___8Xjs-",arrow:"DeviceGalleryList-module__arrow___hjxmX","active-arrow":"DeviceGalleryList-module__active-arrow___bYo4D","inactive-arrow":"DeviceGalleryList-module__inactive-arrow___UjcZf","arrow-prev":"DeviceGalleryList-module__arrow-prev___eVBk8","arrow-next":"DeviceGalleryList-module__arrow-next___QbE1T"
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={section:"DeviceGalleryList-module__section___FYBX5","falcon-section":"DeviceGalleryList-module__falcon-section___NZLE5",title:"DeviceGalleryList-module__title___wQ6aY",slide:"DeviceGalleryList-module__slide___K-wHh","slider-wrapper":"DeviceGalleryList-module__slider-wrapper___-91-x",swiper:"DeviceGalleryList-module__swiper___8Xjs-","has-controls":"DeviceGalleryList-module__has-controls___uPX6X",arrow:"DeviceGalleryList-module__arrow___hjxmX","active-arrow":"DeviceGalleryList-module__active-arrow___bYo4D","inactive-arrow":"DeviceGalleryList-module__inactive-arrow___UjcZf","arrow-prev":"DeviceGalleryList-module__arrow-prev___eVBk8","arrow-next":"DeviceGalleryList-module__arrow-next___QbE1T"};
|
|
3
3
|
//# sourceMappingURL=DeviceGalleryList.module.scss.js.map
|
package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.css
ADDED
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
/* center a block element */
|
|
2
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
3
|
+
/* setting styles in separate formats for cross browser support */
|
|
4
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
5
|
+
/* vertically center alilgn any HTML element */
|
|
6
|
+
/* add basePath to assets */
|
|
7
|
+
.InternetAndTvCardItem-module__container___keo-F {
|
|
8
|
+
box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
|
|
9
|
+
border-radius: 8px;
|
|
10
|
+
height: 100%;
|
|
11
|
+
position: relative;
|
|
12
|
+
align-items: left;
|
|
13
|
+
}
|
|
14
|
+
.InternetAndTvCardItem-module__container___keo-F > a {
|
|
15
|
+
text-decoration: none;
|
|
16
|
+
}
|
|
17
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__card-link-overlay___br0Gs {
|
|
18
|
+
position: absolute;
|
|
19
|
+
inset: 0;
|
|
20
|
+
z-index: 1;
|
|
21
|
+
}
|
|
22
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__content-container___csArX {
|
|
23
|
+
padding: 24px 32px 32px 32px;
|
|
24
|
+
}
|
|
25
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__content-button___4o92r {
|
|
26
|
+
margin-bottom: 80px;
|
|
27
|
+
}
|
|
28
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__alignment___7XvOl {
|
|
29
|
+
display: flex;
|
|
30
|
+
flex-direction: column;
|
|
31
|
+
justify-content: center;
|
|
32
|
+
}
|
|
33
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__icon___Apy8P {
|
|
34
|
+
padding: 24px 32px 0 32px;
|
|
35
|
+
}
|
|
36
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__gradient___Gvxzf {
|
|
37
|
+
display: block;
|
|
38
|
+
overflow: hidden;
|
|
39
|
+
border-top-left-radius: 8px;
|
|
40
|
+
border-top-right-radius: 8px;
|
|
41
|
+
border-bottom-left-radius: 0;
|
|
42
|
+
border-bottom-right-radius: 0;
|
|
43
|
+
}
|
|
44
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__gradient___Gvxzf > span {
|
|
45
|
+
display: block;
|
|
46
|
+
width: 100% !important;
|
|
47
|
+
border-top-left-radius: 8px;
|
|
48
|
+
border-top-right-radius: 8px;
|
|
49
|
+
}
|
|
50
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__gradient___Gvxzf > img {
|
|
51
|
+
display: block;
|
|
52
|
+
width: 100%;
|
|
53
|
+
height: 100%;
|
|
54
|
+
}
|
|
55
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__butn___1Q20a {
|
|
56
|
+
padding: 0 8px;
|
|
57
|
+
max-width: 100%;
|
|
58
|
+
width: max-content;
|
|
59
|
+
position: absolute;
|
|
60
|
+
bottom: 0;
|
|
61
|
+
z-index: 2;
|
|
62
|
+
}
|
|
63
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__button-variant___IkyfP {
|
|
64
|
+
padding-left: 32px;
|
|
65
|
+
padding-right: 32px;
|
|
66
|
+
margin-bottom: 32px;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
@media (max-width: 767px) {
|
|
70
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__content-container___csArX {
|
|
71
|
+
padding: 16px;
|
|
72
|
+
}
|
|
73
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__content-button___4o92r {
|
|
74
|
+
margin-bottom: 90px;
|
|
75
|
+
}
|
|
76
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__icon___Apy8P {
|
|
77
|
+
padding: 16px 16px 0 16px;
|
|
78
|
+
}
|
|
79
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__butn___1Q20a {
|
|
80
|
+
padding: 0 0;
|
|
81
|
+
}
|
|
82
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__button-variant___IkyfP {
|
|
83
|
+
padding-left: 16px;
|
|
84
|
+
padding-right: 16px;
|
|
85
|
+
margin-bottom: 12px;
|
|
86
|
+
bottom: 10px;
|
|
87
|
+
}
|
|
88
|
+
.InternetAndTvCardItem-module__container___keo-F .falcon-secondary-button-v4 {
|
|
89
|
+
padding-bottom: 12px;
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
@media (max-width: 380px) {
|
|
93
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__content-button___4o92r {
|
|
94
|
+
margin-bottom: 110px;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
require('./InternetAndTvCardItem.css');
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("./InternetAndTvCardItem.module.scss.js"),o=require("../../FalconTitle/FalconTitle.js"),i=require("../../FalconDescription/FalconDescription.js"),l=require("../../FalconButton/falconButton.js"),a=require("../../FalconMainNavigation/shared.js"),r=require("../../../utils/StyleUtils.js"),d=require("../../Constants.js"),s=require("../../../utils/AnalyticUtils.js"),u=require("../../../utils/AnalyticsConstants.js");const c={falconTitle:o.default,falconDescription:i.default},v=()=>{if("undefined"==typeof window)return"";const e=window.innerWidth;return e>=1440?"large-desktop":e>=1024?"desktop":e>=768?"tablet":e>0?"mobile":""};exports.default=({content:o,metadata:i,index:m})=>{var f,b,g,N,k,E,x,j,T,h,p,O,C,L,I,_;const y=n.useRef(null),[S,B]=n.useState("#"),[A,R]=n.useState(v),w="mobile"===A?360:400,q=null===(f=o.asset)||void 0===f?void 0:f.filename,M=r.getFalconGradientClass(o.gradient),D=null===(g=null===(b=o.gradientBackgroundGlobal)||void 0===b?void 0:b.replace(/;\s*$/,""))||void 0===g?void 0:g.trim(),F=!!D&&D.toLowerCase()!==d.NONE,$=o.gradient!==d.NONE&&!!M,P=F?"":$?M:"",U=F?{background:D}:void 0,V=(null==q?void 0:q.endsWith(d.SVG))?d.ICON:d.IMG,G=o.defaultBackgroundColor&&o.defaultBackgroundColor!==d.NONE?o.defaultBackgroundColor:null===(N=o.backgroundColorPicker)||void 0===N?void 0:N.color,W=e=>{var n,t,i,l;if(!e)return;const a=null!==(i=null===(t=null===(n=null==o?void 0:o.textBlok)||void 0===n?void 0:n[0])||void 0===t?void 0:t.text)&&void 0!==i?i:"";s.trackNewDatalayerEvent(u.SELECTPROMOTION,u.SELECTPROMOTION,{banner_promotion_name:null!==(l=null==o?void 0:o.bannerPromotionName)&&void 0!==l?l:a,banner_source:u.CMS,banner_type:u.SUBTEASER,banner_location:null==o?void 0:o.bannerLocation,audience_name:u.ALL,promotion_objective:u.ALL,index:m?m+1:1})};if(n.useEffect(()=>{const e=()=>R(v());return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),n.useEffect(()=>{var e,n,t;const l=null===(n=null===(e=null==o?void 0:o.textBlok)||void 0===e?void 0:e[0])||void 0===n?void 0:n.text;s.trackComponent(l||u.INTERNETTVCARD,"",u.CONTENT,u.LINK),(null===(t=null==o?void 0:o.cardLink)||void 0===t?void 0:t.cached_url)?B(r.checkLinkWithLang(a.resolveStoryblokLink(i,o.cardLink))):B("#")},[o,i]),n.useEffect(()=>{const e=y.current;if(!e||"undefined"==typeof IntersectionObserver)return;const n=new IntersectionObserver(e=>{var n,t,i;const l=e[0],a=localStorage.getItem("analyticsUids");if(l.isIntersecting&&l.intersectionRatio>=.5&&!(null==a?void 0:a.includes(o._uid))){const e=null===(t=null===(n=null==o?void 0:o.textBlok)||void 0===n?void 0:n[0])||void 0===t?void 0:t.text;s.trackNewDatalayerEvent(u.VIEWPROMOTION,u.VIEWPROMOTION,{banner_promotion_name:null!==(i=null==o?void 0:o.bannerPromotionName)&&void 0!==i?i:e,banner_source:u.CMS,banner_type:u.SUBTEASER,banner_location:null==o?void 0:o.bannerLocation,audience_name:u.ALL,promotion_objective:u.ALL,index:m?m+1:1}),localStorage.setItem("analyticsUids",JSON.stringify([...a?JSON.parse(a):[],o._uid]))}},{threshold:.5});return n.observe(e),()=>n.disconnect()},[o,m]),o.notToDisplay)return e.jsx(e.Fragment,{});const z=!!(null===(k=null==o?void 0:o.cardLink)||void 0===k?void 0:k.cached_url)&&("large-desktop"===A||"desktop"===A);return e.jsxs("div",{className:`${t.default.container} ${P}`,style:Object.assign({},null!=U?U:G?{backgroundColor:G}:{}),ref:y,children:[z&&e.jsx("a",{href:S,className:t.default["card-link-overlay"],onClick:()=>W(!0),"aria-label":(null===(x=null===(E=null==o?void 0:o.textBlok)||void 0===E?void 0:E[0])||void 0===x?void 0:x.text)||u.INTERNETTVCARD}),q&&V===d.IMG&&e.jsx("div",{className:t.default.gradient,children:e.jsx("img",{src:(J=q,K=w,J&&K&&J.includes("/f/")?`${J}/m/${K}x0/filters:format(webp):quality(80)`:J),alt:(null===(j=o.asset)||void 0===j?void 0:j.alt)||"",title:(null===(T=o.asset)||void 0===T?void 0:T.title)||""})}),((null===(h=o.textBlok)||void 0===h?void 0:h.length)>0||q||(null===(p=o.button)||void 0===p?void 0:p.length)>0)&&e.jsxs("div",{className:o.subElementsAlignment===d.CENTER?"align-center":o.subElementsAlignment===d.LEFT?"align-left":"align-right",children:[q&&V===d.ICON&&e.jsx("div",{className:t.default.icon,children:e.jsx("img",{src:q,title:null===(O=o.asset)||void 0===O?void 0:O.title,alt:null===(C=o.asset)||void 0===C?void 0:C.alt,height:"48",width:"48"})}),(null===(L=o.textBlok)||void 0===L?void 0:L.length)>0&&e.jsx("div",{className:`${t.default["content-container"]} ${(null===(I=o.button)||void 0===I?void 0:I.length)>0?t.default["content-button"]:""}`,children:o.textBlok.map(e=>n.createElement(c[e.component],{content:Object.assign({},e),key:e._uid}))}),(null===(_=null==o?void 0:o.button)||void 0===_?void 0:_.length)>0&&e.jsx("div",{className:`${t.default.butn} ${t.default["button-variant"]}`,children:e.jsx(l.default,{content:o.button[0],eventAction:u.INTERNETTVCARD,metadata:i,setButtonClicked:W})})]})]});var J,K};
|
|
3
|
+
//# sourceMappingURL=InternetAndTvCardItem.js.map
|
package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js.map
ADDED
|
@@ -0,0 +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","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","_f","_g","src","source","alt","_h","_j","_k","length","button","_l","subElementsAlignment","CENTER","LEFT","_m","_o","height","_p","_q","map","result","React","createElement","component","Object","assign","key","_r","FalconButton","eventAction"],"mappings":"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"}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
/* center a block element */
|
|
2
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
3
|
+
/* setting styles in separate formats for cross browser support */
|
|
4
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
5
|
+
/* vertically center alilgn any HTML element */
|
|
6
|
+
/* add basePath to assets */
|
|
7
|
+
.InternetAndTvCardItem-module__container___keo-F {
|
|
8
|
+
box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
|
|
9
|
+
border-radius: 8px;
|
|
10
|
+
height: 100%;
|
|
11
|
+
position: relative;
|
|
12
|
+
align-items: left;
|
|
13
|
+
}
|
|
14
|
+
.InternetAndTvCardItem-module__container___keo-F > a {
|
|
15
|
+
text-decoration: none;
|
|
16
|
+
}
|
|
17
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__card-link-overlay___br0Gs {
|
|
18
|
+
position: absolute;
|
|
19
|
+
inset: 0;
|
|
20
|
+
z-index: 1;
|
|
21
|
+
}
|
|
22
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__content-container___csArX {
|
|
23
|
+
padding: 24px 32px 32px 32px;
|
|
24
|
+
}
|
|
25
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__content-button___4o92r {
|
|
26
|
+
margin-bottom: 80px;
|
|
27
|
+
}
|
|
28
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__alignment___7XvOl {
|
|
29
|
+
display: flex;
|
|
30
|
+
flex-direction: column;
|
|
31
|
+
justify-content: center;
|
|
32
|
+
}
|
|
33
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__icon___Apy8P {
|
|
34
|
+
padding: 24px 32px 0 32px;
|
|
35
|
+
}
|
|
36
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__gradient___Gvxzf {
|
|
37
|
+
display: block;
|
|
38
|
+
overflow: hidden;
|
|
39
|
+
border-top-left-radius: 8px;
|
|
40
|
+
border-top-right-radius: 8px;
|
|
41
|
+
border-bottom-left-radius: 0;
|
|
42
|
+
border-bottom-right-radius: 0;
|
|
43
|
+
}
|
|
44
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__gradient___Gvxzf > span {
|
|
45
|
+
display: block;
|
|
46
|
+
width: 100% !important;
|
|
47
|
+
border-top-left-radius: 8px;
|
|
48
|
+
border-top-right-radius: 8px;
|
|
49
|
+
}
|
|
50
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__gradient___Gvxzf > img {
|
|
51
|
+
display: block;
|
|
52
|
+
width: 100%;
|
|
53
|
+
height: 100%;
|
|
54
|
+
}
|
|
55
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__butn___1Q20a {
|
|
56
|
+
padding: 0 8px;
|
|
57
|
+
max-width: 100%;
|
|
58
|
+
width: max-content;
|
|
59
|
+
position: absolute;
|
|
60
|
+
bottom: 0;
|
|
61
|
+
z-index: 2;
|
|
62
|
+
}
|
|
63
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__button-variant___IkyfP {
|
|
64
|
+
padding-left: 32px;
|
|
65
|
+
padding-right: 32px;
|
|
66
|
+
margin-bottom: 32px;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
@media (max-width: 767px) {
|
|
70
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__content-container___csArX {
|
|
71
|
+
padding: 16px;
|
|
72
|
+
}
|
|
73
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__content-button___4o92r {
|
|
74
|
+
margin-bottom: 90px;
|
|
75
|
+
}
|
|
76
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__icon___Apy8P {
|
|
77
|
+
padding: 16px 16px 0 16px;
|
|
78
|
+
}
|
|
79
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__butn___1Q20a {
|
|
80
|
+
padding: 0 0;
|
|
81
|
+
}
|
|
82
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__button-variant___IkyfP {
|
|
83
|
+
padding-left: 16px;
|
|
84
|
+
padding-right: 16px;
|
|
85
|
+
margin-bottom: 12px;
|
|
86
|
+
bottom: 10px;
|
|
87
|
+
}
|
|
88
|
+
.InternetAndTvCardItem-module__container___keo-F .falcon-secondary-button-v4 {
|
|
89
|
+
padding-bottom: 12px;
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
@media (max-width: 380px) {
|
|
93
|
+
.InternetAndTvCardItem-module__container___keo-F .InternetAndTvCardItem-module__content-button___4o92r {
|
|
94
|
+
margin-bottom: 110px;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
require('./InternetAndTvCardItem.module.scss.css');
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={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"};
|
|
3
|
+
//# sourceMappingURL=InternetAndTvCardItem.module.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InternetAndTvCardItem.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|