@tet/tet-components 1.3.76-testing → 1.3.77-testing

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.
Files changed (21) hide show
  1. package/dist/cjs/{compare-cards-tab-products-filters-9b78d2b3.js → compare-cards-tab-products-filters-58410792.js} +4 -1
  2. package/dist/cjs/tet-address-offers-filters-products_4.cjs.entry.js +5 -2
  3. package/dist/cjs/tet-compare-cards-tab.cjs.entry.js +1 -1
  4. package/dist/collection/components/advanced/address/tet-address-offers-filters-products/address-offers-products-filters.js +4 -1
  5. package/dist/collection/components/advanced/cards/tet-compare-cards-tab/compare-cards-tab-products-filters.js +4 -1
  6. package/dist/components/{p-04812729.js → p-930e6dea.js} +1 -1
  7. package/dist/components/{p-2d3d0a52.js → p-aad65bfc.js} +8 -2
  8. package/dist/components/tet-address-offers-filters-products.js +1 -1
  9. package/dist/components/tet-address-offers-view.js +2 -2
  10. package/dist/components/tet-address-offers.js +1 -1
  11. package/dist/components/tet-compare-cards-tab.js +1 -1
  12. package/dist/esm/{compare-cards-tab-products-filters-0b1460f5.js → compare-cards-tab-products-filters-f0fa0712.js} +4 -1
  13. package/dist/esm/tet-address-offers-filters-products_4.entry.js +5 -2
  14. package/dist/esm/tet-compare-cards-tab.entry.js +1 -1
  15. package/dist/tet-components/{p-22d75b84.entry.js → p-5d64d17d.entry.js} +1 -1
  16. package/dist/tet-components/p-6a5eca28.js +1 -0
  17. package/dist/tet-components/p-8d918036.entry.js +1 -0
  18. package/dist/tet-components/tet-components.esm.js +1 -1
  19. package/package.json +1 -1
  20. package/dist/tet-components/p-398cc791.entry.js +0 -1
  21. package/dist/tet-components/p-f4c8ab09.js +0 -1
@@ -18,7 +18,10 @@ class CompareCardsTabProductsFilters {
18
18
  return [...this.availableTvFilters];
19
19
  };
20
20
  this.clearFilters = () => {
21
- this.availableTvFilters.forEach(filter => (filter.active = false));
21
+ this.availableTvFilters.forEach(filter => {
22
+ filter.active = false;
23
+ filter.showIcon = false;
24
+ });
22
25
  this.updateDisabledFilters();
23
26
  this.onFilterSelect([...this.availableTvFilters], [], this.getFilteredProductIds());
24
27
  };
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-f559cb2e.js');
6
6
  const translations = require('./translations-571bba05.js');
7
- const compareCardsTabProductsFilters = require('./compare-cards-tab-products-filters-9b78d2b3.js');
7
+ const compareCardsTabProductsFilters = require('./compare-cards-tab-products-filters-58410792.js');
8
8
  const size = require('./size-46435ffe.js');
9
9
  const typecheck = require('./typecheck-d48810dc.js');
10
10
  require('./http-codes-c2a24ff3.js');
@@ -25,7 +25,10 @@ class AddressOffersProductsFilters {
25
25
  return [...this.availableTvFilters];
26
26
  };
27
27
  this.clearFilters = (category) => {
28
- this.availableTvFilters.forEach(filter => (filter.active = false));
28
+ this.availableTvFilters.forEach(filter => {
29
+ filter.active = false;
30
+ filter.showIcon = false;
31
+ });
29
32
  this.updateDisabledFilters();
30
33
  this.onFilterSelect([...this.availableTvFilters], [], this.getFilteredProductIds(category));
31
34
  };
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-f559cb2e.js');
6
6
  const oldUtils = require('./old-utils-1a20fe25.js');
7
7
  require('./http-codes-c2a24ff3.js');
8
- const compareCardsTabProductsFilters = require('./compare-cards-tab-products-filters-9b78d2b3.js');
8
+ const compareCardsTabProductsFilters = require('./compare-cards-tab-products-filters-58410792.js');
9
9
  require('./build-form-url-323431e4.js');
10
10
 
11
11
  const tetCompareCardsTabCss = ":host{--compare-cards-tab-placeholder-wrap:nowrap;--compare-cards-tab-placeholder-flex-direction:row;--compare-cards-tab-new-price-font-size:2.5rem;--compare-cards-tab-old-price-font-size:1rem;--compare-cards-tab-new-currency-font-size:1.125rem;--compare-cards-tab-title-margin-top:1.25rem;--compare-cards-tab-helper-margin-top:0;--compare-cards-tab-card-max-width:32rem;--compare-cards-tab-padding:2rem;--compare-cards-tab-price-wrapper-margin-top:auto;--compare-cards-tab-secondary-link-font-size:0.75rem;--compare-cards-tab-price-line-height:3rem;--compare-cards-tab-thumbnail-display:flex;--compare-cards-tab-thumbnail-card-radius:0 1.5rem 1.5rem 0;--compare-cards-tab-thumbnail-card-width:44rem}.tet-compare-cards-tab-wrapper{width:100%}.tet-compare-cards-tab__content{margin-top:1.75rem}.tet-compare-cards-tab__content tet-compare-cards{--compare-cards-card-max-width:var(--compare-cards-tab-card-max-width);--compare-cards-new-price-font-size:var(--compare-cards-tab-new-price-font-size);--compare-cards-old-price-font-size:var(--compare-cards-tab-old-price-font-size);--compare-cards-new-currency-font-size:var(--compare-cards-tab-new-currency-font-size);--compare-cards-title-margin-top:var(--compare-cards-tab-title-margin-top);--compare-cards-helper-margin-top:var(--compare-cards-tab-helper-margin-top);--compare-cards-price-wrapper-margin-top:var(--compare-cards-tab-price-wrapper-margin-top);--compare-cards-padding:var(--compare-cards-tab-padding);--compare-cards-secondary-link-font-size:var(--compare-cards-tab-secondary-link-font-size);--compare-cards-price-line-height:var(--compare-cards-tab-price-line-height);--compare-cards-thumbnail-display:var(--compare-cards-tab-thumbnail-display);--compare-cards-thumbnail-card-radius:var(--compare-cards-tab-thumbnail-card-radius);--compare-cards-thumbnail-card-width:var(--compare-cards-tab-thumbnail-card-width)}.tet-compare-cards-tab__header{margin:0 auto;display:flex;flex-direction:column}.tet-compare-cards-tab__header .button{font-size:1rem}.tet-compare-cards-tab__header-container{display:flex;flex-direction:column;padding-bottom:0.75rem}.tet-compare-cards-tab__filters{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.tet-compare-cards-tab__header--image{max-height:0.875rem;align-self:center;margin-right:0.5rem}.tet-compare-cards-tab__header--image.right{margin-left:0.5rem;margin-right:unset}.tet-compare-cards-tab__cards{display:block}.tet-compare-cards-tab__cards.hidden{display:none}.tet-compare-cards-tab__placeholder{display:none;flex-direction:var(--compare-cards-tab-placeholder-flex-direction);flex-wrap:var(--compare-cards-tab-placeholder-wrap);gap:1rem;justify-content:center;padding-top:2.5rem}.tet-compare-cards-tab__placeholder.visible{display:flex}.tet-compare-cards-tab__placeholder .tet-placeholder{--placeholder-border-radius:1.5rem}";
@@ -14,7 +14,10 @@ class AddressOffersProductsFilters {
14
14
  return [...this.availableTvFilters];
15
15
  };
16
16
  this.clearFilters = (category) => {
17
- this.availableTvFilters.forEach(filter => (filter.active = false));
17
+ this.availableTvFilters.forEach(filter => {
18
+ filter.active = false;
19
+ filter.showIcon = false;
20
+ });
18
21
  this.updateDisabledFilters();
19
22
  this.onFilterSelect([...this.availableTvFilters], [], this.getFilteredProductIds(category));
20
23
  };
@@ -16,7 +16,10 @@ class CompareCardsTabProductsFilters {
16
16
  return [...this.availableTvFilters];
17
17
  };
18
18
  this.clearFilters = () => {
19
- this.availableTvFilters.forEach(filter => (filter.active = false));
19
+ this.availableTvFilters.forEach(filter => {
20
+ filter.active = false;
21
+ filter.showIcon = false;
22
+ });
20
23
  this.updateDisabledFilters();
21
24
  this.onFilterSelect([...this.availableTvFilters], [], this.getFilteredProductIds());
22
25
  };
@@ -3,7 +3,7 @@ import { s as state, o as onChange } from './p-e61bd7a3.js';
3
3
  import { A as ApiRequest, e as endpoints } from './p-195cefb5.js';
4
4
  import { t as translate, p as processTranslations } from './p-8de02db3.js';
5
5
  import { g as generateFormUrl } from './p-6e631dc7.js';
6
- import { d as defineCustomElement$a } from './p-2d3d0a52.js';
6
+ import { d as defineCustomElement$a } from './p-aad65bfc.js';
7
7
  import { d as defineCustomElement$9 } from './p-d0aa914a.js';
8
8
  import { d as defineCustomElement$8 } from './p-214a4799.js';
9
9
  import { d as defineCustomElement$7 } from './p-f94071ff.js';
@@ -21,7 +21,10 @@ class AddressOffersProductsFilters {
21
21
  return [...this.availableTvFilters];
22
22
  };
23
23
  this.clearFilters = (category) => {
24
- this.availableTvFilters.forEach(filter => (filter.active = false));
24
+ this.availableTvFilters.forEach(filter => {
25
+ filter.active = false;
26
+ filter.showIcon = false;
27
+ });
25
28
  this.updateDisabledFilters();
26
29
  this.onFilterSelect([...this.availableTvFilters], [], this.getFilteredProductIds(category));
27
30
  };
@@ -118,7 +121,10 @@ class CompareCardsTabProductsFilters {
118
121
  return [...this.availableTvFilters];
119
122
  };
120
123
  this.clearFilters = () => {
121
- this.availableTvFilters.forEach(filter => (filter.active = false));
124
+ this.availableTvFilters.forEach(filter => {
125
+ filter.active = false;
126
+ filter.showIcon = false;
127
+ });
122
128
  this.updateDisabledFilters();
123
129
  this.onFilterSelect([...this.availableTvFilters], [], this.getFilteredProductIds());
124
130
  };
@@ -1,4 +1,4 @@
1
- import { T as TetAddressOffersFiltersProducts$1, d as defineCustomElement$1 } from './p-2d3d0a52.js';
1
+ import { T as TetAddressOffersFiltersProducts$1, d as defineCustomElement$1 } from './p-aad65bfc.js';
2
2
 
3
3
  const TetAddressOffersFiltersProducts = TetAddressOffersFiltersProducts$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,9 +1,9 @@
1
1
  import { p as proxyCustomElement, H, f as forceUpdate, h as h$1, c as Host, F as Fragment } from './p-37ed3ebb.js';
2
2
  import { h } from './p-a0d406ca.js';
3
3
  import { p as processTranslations, t as translate } from './p-8de02db3.js';
4
- import { d as defineCustomElement$n } from './p-04812729.js';
4
+ import { d as defineCustomElement$n } from './p-930e6dea.js';
5
5
  import { d as defineCustomElement$m } from './p-b8bd33e0.js';
6
- import { d as defineCustomElement$l } from './p-2d3d0a52.js';
6
+ import { d as defineCustomElement$l } from './p-aad65bfc.js';
7
7
  import { d as defineCustomElement$k } from './p-822f0113.js';
8
8
  import { d as defineCustomElement$j } from './p-0f971423.js';
9
9
  import { d as defineCustomElement$i } from './p-7b0cc6b3.js';
@@ -1,4 +1,4 @@
1
- import { T as TetAddressOffers$1, d as defineCustomElement$1 } from './p-04812729.js';
1
+ import { T as TetAddressOffers$1, d as defineCustomElement$1 } from './p-930e6dea.js';
2
2
 
3
3
  const TetAddressOffers = TetAddressOffers$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,7 +1,7 @@
1
1
  import { p as proxyCustomElement, H, h, c as Host } from './p-37ed3ebb.js';
2
2
  import { p as productComparison, f as fillProductData, a as fillOldProductData, d as defineCustomElement$a } from './p-5680d143.js';
3
3
  import './p-195cefb5.js';
4
- import { C as CompareCardsTabProductsFilters, d as defineCustomElement$e } from './p-2d3d0a52.js';
4
+ import { C as CompareCardsTabProductsFilters, d as defineCustomElement$e } from './p-aad65bfc.js';
5
5
  import { d as defineCustomElement$d } from './p-d0aa914a.js';
6
6
  import { d as defineCustomElement$c } from './p-214a4799.js';
7
7
  import { d as defineCustomElement$b } from './p-f94071ff.js';
@@ -16,7 +16,10 @@ class CompareCardsTabProductsFilters {
16
16
  return [...this.availableTvFilters];
17
17
  };
18
18
  this.clearFilters = () => {
19
- this.availableTvFilters.forEach(filter => (filter.active = false));
19
+ this.availableTvFilters.forEach(filter => {
20
+ filter.active = false;
21
+ filter.showIcon = false;
22
+ });
20
23
  this.updateDisabledFilters();
21
24
  this.onFilterSelect([...this.availableTvFilters], [], this.getFilteredProductIds());
22
25
  };
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, f as forceUpdate, H as Host, g as getElement } from './index-7f1e2a22.js';
2
2
  import { t as translate, p as processTranslations } from './translations-e2047d6d.js';
3
- import { C as CompareCardsTabProductsFilters } from './compare-cards-tab-products-filters-0b1460f5.js';
3
+ import { C as CompareCardsTabProductsFilters } from './compare-cards-tab-products-filters-f0fa0712.js';
4
4
  import { g as getConvertedPixels } from './size-93cf5335.js';
5
5
  import { b as isFunction } from './typecheck-4abf0258.js';
6
6
  import './http-codes-03b4e7fe.js';
@@ -21,7 +21,10 @@ class AddressOffersProductsFilters {
21
21
  return [...this.availableTvFilters];
22
22
  };
23
23
  this.clearFilters = (category) => {
24
- this.availableTvFilters.forEach(filter => (filter.active = false));
24
+ this.availableTvFilters.forEach(filter => {
25
+ filter.active = false;
26
+ filter.showIcon = false;
27
+ });
25
28
  this.updateDisabledFilters();
26
29
  this.onFilterSelect([...this.availableTvFilters], [], this.getFilteredProductIds(category));
27
30
  };
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, h, H as Host, g as getElement } from './index-7f1e2a22.js';
2
2
  import { p as productComparison, f as fillProductData, a as fillOldProductData } from './old-utils-13592797.js';
3
3
  import './http-codes-03b4e7fe.js';
4
- import { C as CompareCardsTabProductsFilters } from './compare-cards-tab-products-filters-0b1460f5.js';
4
+ import { C as CompareCardsTabProductsFilters } from './compare-cards-tab-products-filters-f0fa0712.js';
5
5
  import './build-form-url-c2769e0d.js';
6
6
 
7
7
  const tetCompareCardsTabCss = ":host{--compare-cards-tab-placeholder-wrap:nowrap;--compare-cards-tab-placeholder-flex-direction:row;--compare-cards-tab-new-price-font-size:2.5rem;--compare-cards-tab-old-price-font-size:1rem;--compare-cards-tab-new-currency-font-size:1.125rem;--compare-cards-tab-title-margin-top:1.25rem;--compare-cards-tab-helper-margin-top:0;--compare-cards-tab-card-max-width:32rem;--compare-cards-tab-padding:2rem;--compare-cards-tab-price-wrapper-margin-top:auto;--compare-cards-tab-secondary-link-font-size:0.75rem;--compare-cards-tab-price-line-height:3rem;--compare-cards-tab-thumbnail-display:flex;--compare-cards-tab-thumbnail-card-radius:0 1.5rem 1.5rem 0;--compare-cards-tab-thumbnail-card-width:44rem}.tet-compare-cards-tab-wrapper{width:100%}.tet-compare-cards-tab__content{margin-top:1.75rem}.tet-compare-cards-tab__content tet-compare-cards{--compare-cards-card-max-width:var(--compare-cards-tab-card-max-width);--compare-cards-new-price-font-size:var(--compare-cards-tab-new-price-font-size);--compare-cards-old-price-font-size:var(--compare-cards-tab-old-price-font-size);--compare-cards-new-currency-font-size:var(--compare-cards-tab-new-currency-font-size);--compare-cards-title-margin-top:var(--compare-cards-tab-title-margin-top);--compare-cards-helper-margin-top:var(--compare-cards-tab-helper-margin-top);--compare-cards-price-wrapper-margin-top:var(--compare-cards-tab-price-wrapper-margin-top);--compare-cards-padding:var(--compare-cards-tab-padding);--compare-cards-secondary-link-font-size:var(--compare-cards-tab-secondary-link-font-size);--compare-cards-price-line-height:var(--compare-cards-tab-price-line-height);--compare-cards-thumbnail-display:var(--compare-cards-tab-thumbnail-display);--compare-cards-thumbnail-card-radius:var(--compare-cards-tab-thumbnail-card-radius);--compare-cards-thumbnail-card-width:var(--compare-cards-tab-thumbnail-card-width)}.tet-compare-cards-tab__header{margin:0 auto;display:flex;flex-direction:column}.tet-compare-cards-tab__header .button{font-size:1rem}.tet-compare-cards-tab__header-container{display:flex;flex-direction:column;padding-bottom:0.75rem}.tet-compare-cards-tab__filters{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.tet-compare-cards-tab__header--image{max-height:0.875rem;align-self:center;margin-right:0.5rem}.tet-compare-cards-tab__header--image.right{margin-left:0.5rem;margin-right:unset}.tet-compare-cards-tab__cards{display:block}.tet-compare-cards-tab__cards.hidden{display:none}.tet-compare-cards-tab__placeholder{display:none;flex-direction:var(--compare-cards-tab-placeholder-flex-direction);flex-wrap:var(--compare-cards-tab-placeholder-wrap);gap:1rem;justify-content:center;padding-top:2.5rem}.tet-compare-cards-tab__placeholder.visible{display:flex}.tet-compare-cards-tab__placeholder .tet-placeholder{--placeholder-border-radius:1.5rem}";
@@ -1 +1 @@
1
- import{r as a,h as t,H as e,g as r}from"./p-1ec7f341.js";import{p as i,f as c,a as s}from"./p-ef909de3.js";import"./p-fd4d1ca5.js";import{C as d}from"./p-f4c8ab09.js";import"./p-6e631dc7.js";const o=class{constructor(e){a(this,e),this.handleFilteredProductsChanged=a=>{this.filteredProductCodes=a.detail.filteredProductIds},this.renderLoader=()=>t("div",{class:{"tet-compare-cards-tab__placeholder":!0,visible:this.showLoader}},[...Array(3)].map((()=>t("tet-placeholder",{class:"tet-placeholder",height:"27rem",width:"21.5rem"})))),this.renderProductFilters=()=>t("tet-address-offers-filters-products",{productCodes:this.productSACData,class:"center tet-compare-cards-tab__filters",clearFilterButton:!0,onFilteredProductsChanged:this.handleFilteredProductsChanged,theme:this.darkMode?"dark":"light"}),this.data=void 0,this.forceColumn=!1,this.layout="default",this.newUrlGeneratorStructure=!1,this.theme="light",this.darkMode=!1,this.isNetflixCard=!1,this.darkHeader=!1,this.withProductFilters=!1,this.productDataLoaded=!1,this.showLoader=!0,this.productSACData=void 0,this.filteredProductCodes=[]}async componentWillLoad(){const a=this.addProductCodes(this.data,[]);a.length>0?await this.getProductData(a.join(",")):this.productDataLoaded=!0}onDataChange(){!1===this.showLoader&&setTimeout((()=>{this.element.shadowRoot.querySelectorAll("tet-tab-content").forEach((a=>{a.parentContainer=this.element.shadowRoot}))}),5)}async hideLoader(){this.showLoader=!1}addProductCodes(a,t){return void 0!==(null==a?void 0:a.compareCards)?a.compareCards.forEach((a=>{void 0===a.productCode||t.includes(a.productCode)||t.push(a.productCode)})):void 0!==(null==a?void 0:a.tabs)&&a.tabs.forEach((a=>{void 0!==a.compareCards?t=this.addProductCodes(a,t):void 0!==a.tabList&&(t=this.addProductCodes(a.tabList,t))})),t}getProductData(a){this.productDataLoaded=!1,i(a).then((a=>{this.productSACData=a,this.productDataLoaded=!0,this.initCompareCardFilters(),this.element.shadowRoot.querySelectorAll("tet-tab-content").forEach((a=>{a.parentContainer=this.element.shadowRoot}))}))}initCompareCardFilters(){this.compareCardsFiltersHelper=new d(((a,t,e)=>{this.filteredProductCodes=e})),this.compareCardsFiltersHelper.initialize(this.productSACData)}renderTabHeader(a,e){if((1!==a.tabs.length||""!==a.tabs[0].title)&&void 0!==(null==a?void 0:a.tabs)&&void 0!==(null==a?void 0:a.tabHeader))return a.tabs.map((t=>{""!==(null==t?void 0:t.title)&&void 0!==(null==t?void 0:t.title)&&1===a.tabs.length&&(t.disabled=!0)})),t("div",{class:"tet-compare-cards-tab__header-container"},t("tet-tab-header",{darkMode:!!this.darkHeader||this.darkMode,position:a.tabHeader.position,"default-tab":`tab-${e}-${a.tabHeader.defaultTabIndex}`,segmented:a.tabHeader.segmented,sizing:a.tabHeader.sizing,"data-name":a.tabHeader.dataName,class:"tet-compare-cards-tab__header"},a.tabs.map(((a,r)=>t("button",{"data-name":`tab-${e}-${r}`,class:{disabled:a.disabled||this.showLoader,button:!0}},a.image&&!a.imagePositionRight?t("img",{class:"tet-compare-cards-tab__header--image",src:a.image,alt:a.altText}):"",a.title,a.image&&a.imagePositionRight?t("img",{class:{"tet-compare-cards-tab__header--image":!0,right:!0},src:a.image,alt:a.altText}):"")))))}renderContent(a,e){return void 0!==a.compareCards?t("div",null,this.renderCompareCards(a.compareCards,a.vatText,a.cardScript)):t("tet-tab-content",{"data-name":a.tabHeader.dataName,"default-tab":`tab-${e}-${a.tabHeader.defaultTabIndex}`,"use-visibility":!a.disableCardHeightSegmentAlignment},a.tabs.map(((a,r)=>t("div",{"data-name":`tab-${e}-${r}`},void 0!==a.tabList?this.renderTabHeader(a.tabList,e+1):"",void 0!==a.tabList?this.renderContent(a.tabList,e+1):"",void 0!==a.compareCards?this.renderCompareCards(a.compareCards,a.vatText,a.cardScript):""))))}renderCompareCards(a,e="",r=""){let i=a;this.filteredProductCodes&&this.filteredProductCodes.length>0&&(i=a.filter((a=>!a.productCode||this.filteredProductCodes.includes(a.productCode))));let d=[];return i.forEach((a=>{if(void 0!==a.productCode){const t=a.productCode,e=this.productSACData.products[t];e&&(a=this.newUrlGeneratorStructure?c(a,t,e,this.theme,this.darkMode,this.isNetflixCard):s(a,t,e,this.theme,this.darkMode,this.isNetflixCard))}d.push(a)})),t("div",{class:"tet-compare-cards-tab__content"},t("tet-compare-cards",{theme:this.theme,"dark-mode":this.darkMode,"is-netflix-card":this.isNetflixCard,layout:this.layout,"force-column":this.forceColumn,"vat-text":null!=e&&e,"card-script":null!=r&&r,data:d,newUrlGeneratorStructure:this.newUrlGeneratorStructure}))}render(){return t(e,{key:"6440f18b850154ce52417307a14d7b961f9f1e25"},t("div",{key:"c268744e5ec91a57d0e9092105dacb18cfbf2cab",class:"tet-compare-cards-tab-wrapper"},this.withProductFilters?this.renderProductFilters():"",this.renderTabHeader(this.data,1),this.renderLoader(),t("div",{key:"9b3a2f7fc6e48d4585f2cc2ea08edaf3702255eb",class:{"tet-compare-cards-tab__cards":!0,hidden:this.showLoader}},this.productDataLoaded?this.renderContent(this.data,1):"")))}get element(){return r(this)}static get watchers(){return{showLoader:["onDataChange"]}}};o.style=":host{--compare-cards-tab-placeholder-wrap:nowrap;--compare-cards-tab-placeholder-flex-direction:row;--compare-cards-tab-new-price-font-size:2.5rem;--compare-cards-tab-old-price-font-size:1rem;--compare-cards-tab-new-currency-font-size:1.125rem;--compare-cards-tab-title-margin-top:1.25rem;--compare-cards-tab-helper-margin-top:0;--compare-cards-tab-card-max-width:32rem;--compare-cards-tab-padding:2rem;--compare-cards-tab-price-wrapper-margin-top:auto;--compare-cards-tab-secondary-link-font-size:0.75rem;--compare-cards-tab-price-line-height:3rem;--compare-cards-tab-thumbnail-display:flex;--compare-cards-tab-thumbnail-card-radius:0 1.5rem 1.5rem 0;--compare-cards-tab-thumbnail-card-width:44rem}.tet-compare-cards-tab-wrapper{width:100%}.tet-compare-cards-tab__content{margin-top:1.75rem}.tet-compare-cards-tab__content tet-compare-cards{--compare-cards-card-max-width:var(--compare-cards-tab-card-max-width);--compare-cards-new-price-font-size:var(--compare-cards-tab-new-price-font-size);--compare-cards-old-price-font-size:var(--compare-cards-tab-old-price-font-size);--compare-cards-new-currency-font-size:var(--compare-cards-tab-new-currency-font-size);--compare-cards-title-margin-top:var(--compare-cards-tab-title-margin-top);--compare-cards-helper-margin-top:var(--compare-cards-tab-helper-margin-top);--compare-cards-price-wrapper-margin-top:var(--compare-cards-tab-price-wrapper-margin-top);--compare-cards-padding:var(--compare-cards-tab-padding);--compare-cards-secondary-link-font-size:var(--compare-cards-tab-secondary-link-font-size);--compare-cards-price-line-height:var(--compare-cards-tab-price-line-height);--compare-cards-thumbnail-display:var(--compare-cards-tab-thumbnail-display);--compare-cards-thumbnail-card-radius:var(--compare-cards-tab-thumbnail-card-radius);--compare-cards-thumbnail-card-width:var(--compare-cards-tab-thumbnail-card-width)}.tet-compare-cards-tab__header{margin:0 auto;display:flex;flex-direction:column}.tet-compare-cards-tab__header .button{font-size:1rem}.tet-compare-cards-tab__header-container{display:flex;flex-direction:column;padding-bottom:0.75rem}.tet-compare-cards-tab__filters{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.tet-compare-cards-tab__header--image{max-height:0.875rem;align-self:center;margin-right:0.5rem}.tet-compare-cards-tab__header--image.right{margin-left:0.5rem;margin-right:unset}.tet-compare-cards-tab__cards{display:block}.tet-compare-cards-tab__cards.hidden{display:none}.tet-compare-cards-tab__placeholder{display:none;flex-direction:var(--compare-cards-tab-placeholder-flex-direction);flex-wrap:var(--compare-cards-tab-placeholder-wrap);gap:1rem;justify-content:center;padding-top:2.5rem}.tet-compare-cards-tab__placeholder.visible{display:flex}.tet-compare-cards-tab__placeholder .tet-placeholder{--placeholder-border-radius:1.5rem}";export{o as tet_compare_cards_tab}
1
+ import{r as a,h as t,H as e,g as r}from"./p-1ec7f341.js";import{p as i,f as c,a as s}from"./p-ef909de3.js";import"./p-fd4d1ca5.js";import{C as d}from"./p-6a5eca28.js";import"./p-6e631dc7.js";const o=class{constructor(e){a(this,e),this.handleFilteredProductsChanged=a=>{this.filteredProductCodes=a.detail.filteredProductIds},this.renderLoader=()=>t("div",{class:{"tet-compare-cards-tab__placeholder":!0,visible:this.showLoader}},[...Array(3)].map((()=>t("tet-placeholder",{class:"tet-placeholder",height:"27rem",width:"21.5rem"})))),this.renderProductFilters=()=>t("tet-address-offers-filters-products",{productCodes:this.productSACData,class:"center tet-compare-cards-tab__filters",clearFilterButton:!0,onFilteredProductsChanged:this.handleFilteredProductsChanged,theme:this.darkMode?"dark":"light"}),this.data=void 0,this.forceColumn=!1,this.layout="default",this.newUrlGeneratorStructure=!1,this.theme="light",this.darkMode=!1,this.isNetflixCard=!1,this.darkHeader=!1,this.withProductFilters=!1,this.productDataLoaded=!1,this.showLoader=!0,this.productSACData=void 0,this.filteredProductCodes=[]}async componentWillLoad(){const a=this.addProductCodes(this.data,[]);a.length>0?await this.getProductData(a.join(",")):this.productDataLoaded=!0}onDataChange(){!1===this.showLoader&&setTimeout((()=>{this.element.shadowRoot.querySelectorAll("tet-tab-content").forEach((a=>{a.parentContainer=this.element.shadowRoot}))}),5)}async hideLoader(){this.showLoader=!1}addProductCodes(a,t){return void 0!==(null==a?void 0:a.compareCards)?a.compareCards.forEach((a=>{void 0===a.productCode||t.includes(a.productCode)||t.push(a.productCode)})):void 0!==(null==a?void 0:a.tabs)&&a.tabs.forEach((a=>{void 0!==a.compareCards?t=this.addProductCodes(a,t):void 0!==a.tabList&&(t=this.addProductCodes(a.tabList,t))})),t}getProductData(a){this.productDataLoaded=!1,i(a).then((a=>{this.productSACData=a,this.productDataLoaded=!0,this.initCompareCardFilters(),this.element.shadowRoot.querySelectorAll("tet-tab-content").forEach((a=>{a.parentContainer=this.element.shadowRoot}))}))}initCompareCardFilters(){this.compareCardsFiltersHelper=new d(((a,t,e)=>{this.filteredProductCodes=e})),this.compareCardsFiltersHelper.initialize(this.productSACData)}renderTabHeader(a,e){if((1!==a.tabs.length||""!==a.tabs[0].title)&&void 0!==(null==a?void 0:a.tabs)&&void 0!==(null==a?void 0:a.tabHeader))return a.tabs.map((t=>{""!==(null==t?void 0:t.title)&&void 0!==(null==t?void 0:t.title)&&1===a.tabs.length&&(t.disabled=!0)})),t("div",{class:"tet-compare-cards-tab__header-container"},t("tet-tab-header",{darkMode:!!this.darkHeader||this.darkMode,position:a.tabHeader.position,"default-tab":`tab-${e}-${a.tabHeader.defaultTabIndex}`,segmented:a.tabHeader.segmented,sizing:a.tabHeader.sizing,"data-name":a.tabHeader.dataName,class:"tet-compare-cards-tab__header"},a.tabs.map(((a,r)=>t("button",{"data-name":`tab-${e}-${r}`,class:{disabled:a.disabled||this.showLoader,button:!0}},a.image&&!a.imagePositionRight?t("img",{class:"tet-compare-cards-tab__header--image",src:a.image,alt:a.altText}):"",a.title,a.image&&a.imagePositionRight?t("img",{class:{"tet-compare-cards-tab__header--image":!0,right:!0},src:a.image,alt:a.altText}):"")))))}renderContent(a,e){return void 0!==a.compareCards?t("div",null,this.renderCompareCards(a.compareCards,a.vatText,a.cardScript)):t("tet-tab-content",{"data-name":a.tabHeader.dataName,"default-tab":`tab-${e}-${a.tabHeader.defaultTabIndex}`,"use-visibility":!a.disableCardHeightSegmentAlignment},a.tabs.map(((a,r)=>t("div",{"data-name":`tab-${e}-${r}`},void 0!==a.tabList?this.renderTabHeader(a.tabList,e+1):"",void 0!==a.tabList?this.renderContent(a.tabList,e+1):"",void 0!==a.compareCards?this.renderCompareCards(a.compareCards,a.vatText,a.cardScript):""))))}renderCompareCards(a,e="",r=""){let i=a;this.filteredProductCodes&&this.filteredProductCodes.length>0&&(i=a.filter((a=>!a.productCode||this.filteredProductCodes.includes(a.productCode))));let d=[];return i.forEach((a=>{if(void 0!==a.productCode){const t=a.productCode,e=this.productSACData.products[t];e&&(a=this.newUrlGeneratorStructure?c(a,t,e,this.theme,this.darkMode,this.isNetflixCard):s(a,t,e,this.theme,this.darkMode,this.isNetflixCard))}d.push(a)})),t("div",{class:"tet-compare-cards-tab__content"},t("tet-compare-cards",{theme:this.theme,"dark-mode":this.darkMode,"is-netflix-card":this.isNetflixCard,layout:this.layout,"force-column":this.forceColumn,"vat-text":null!=e&&e,"card-script":null!=r&&r,data:d,newUrlGeneratorStructure:this.newUrlGeneratorStructure}))}render(){return t(e,{key:"6440f18b850154ce52417307a14d7b961f9f1e25"},t("div",{key:"c268744e5ec91a57d0e9092105dacb18cfbf2cab",class:"tet-compare-cards-tab-wrapper"},this.withProductFilters?this.renderProductFilters():"",this.renderTabHeader(this.data,1),this.renderLoader(),t("div",{key:"9b3a2f7fc6e48d4585f2cc2ea08edaf3702255eb",class:{"tet-compare-cards-tab__cards":!0,hidden:this.showLoader}},this.productDataLoaded?this.renderContent(this.data,1):"")))}get element(){return r(this)}static get watchers(){return{showLoader:["onDataChange"]}}};o.style=":host{--compare-cards-tab-placeholder-wrap:nowrap;--compare-cards-tab-placeholder-flex-direction:row;--compare-cards-tab-new-price-font-size:2.5rem;--compare-cards-tab-old-price-font-size:1rem;--compare-cards-tab-new-currency-font-size:1.125rem;--compare-cards-tab-title-margin-top:1.25rem;--compare-cards-tab-helper-margin-top:0;--compare-cards-tab-card-max-width:32rem;--compare-cards-tab-padding:2rem;--compare-cards-tab-price-wrapper-margin-top:auto;--compare-cards-tab-secondary-link-font-size:0.75rem;--compare-cards-tab-price-line-height:3rem;--compare-cards-tab-thumbnail-display:flex;--compare-cards-tab-thumbnail-card-radius:0 1.5rem 1.5rem 0;--compare-cards-tab-thumbnail-card-width:44rem}.tet-compare-cards-tab-wrapper{width:100%}.tet-compare-cards-tab__content{margin-top:1.75rem}.tet-compare-cards-tab__content tet-compare-cards{--compare-cards-card-max-width:var(--compare-cards-tab-card-max-width);--compare-cards-new-price-font-size:var(--compare-cards-tab-new-price-font-size);--compare-cards-old-price-font-size:var(--compare-cards-tab-old-price-font-size);--compare-cards-new-currency-font-size:var(--compare-cards-tab-new-currency-font-size);--compare-cards-title-margin-top:var(--compare-cards-tab-title-margin-top);--compare-cards-helper-margin-top:var(--compare-cards-tab-helper-margin-top);--compare-cards-price-wrapper-margin-top:var(--compare-cards-tab-price-wrapper-margin-top);--compare-cards-padding:var(--compare-cards-tab-padding);--compare-cards-secondary-link-font-size:var(--compare-cards-tab-secondary-link-font-size);--compare-cards-price-line-height:var(--compare-cards-tab-price-line-height);--compare-cards-thumbnail-display:var(--compare-cards-tab-thumbnail-display);--compare-cards-thumbnail-card-radius:var(--compare-cards-tab-thumbnail-card-radius);--compare-cards-thumbnail-card-width:var(--compare-cards-tab-thumbnail-card-width)}.tet-compare-cards-tab__header{margin:0 auto;display:flex;flex-direction:column}.tet-compare-cards-tab__header .button{font-size:1rem}.tet-compare-cards-tab__header-container{display:flex;flex-direction:column;padding-bottom:0.75rem}.tet-compare-cards-tab__filters{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.tet-compare-cards-tab__header--image{max-height:0.875rem;align-self:center;margin-right:0.5rem}.tet-compare-cards-tab__header--image.right{margin-left:0.5rem;margin-right:unset}.tet-compare-cards-tab__cards{display:block}.tet-compare-cards-tab__cards.hidden{display:none}.tet-compare-cards-tab__placeholder{display:none;flex-direction:var(--compare-cards-tab-placeholder-flex-direction);flex-wrap:var(--compare-cards-tab-placeholder-wrap);gap:1rem;justify-content:center;padding-top:2.5rem}.tet-compare-cards-tab__placeholder.visible{display:flex}.tet-compare-cards-tab__placeholder .tet-placeholder{--placeholder-border-radius:1.5rem}";export{o as tet_compare_cards_tab}
@@ -0,0 +1 @@
1
+ class t{constructor(t){this.onFilterSelect=t,this.availableTvFilters=[],this.allFilters=[],this.currentProducts={},this.initialize=t=>{const s=t.products,i=t.productTags;this.currentProducts=s,this.availableTvFilters=this.resolveFilters(s,i),this.updateDisabledFilters(),this.onFilterSelect([...this.availableTvFilters],this.getActiveFilterIds(),this.getFilteredProductIds())},this.getAvailableFilters=()=>[...this.availableTvFilters],this.clearFilters=()=>{this.availableTvFilters.forEach((t=>{t.active=!1,t.showIcon=!1})),this.updateDisabledFilters(),this.onFilterSelect([...this.availableTvFilters],[],this.getFilteredProductIds())},this.resolveFilters=(t,s)=>{const i=new Set(Object.values(t).map((t=>t.productCode)));return(s||[]).map((t=>{const s=(t.products||[]).filter((t=>i.has(t)));return{id:t.tag,title:t.title,products:s,active:!1,disabled:!1,clickAction:this.filterClickAction.bind(this)}})).filter((t=>t.products.length>0))},this.filterClickAction=t=>{const s=this.availableTvFilters.find((({id:s})=>s===t.id));s&&(s.disabled||(s.active=!s.active,s.showIcon=!s.showIcon,this.updateDisabledFilters(),this.onFilterSelect([...this.availableTvFilters],this.getActiveFilterIds(),this.getFilteredProductIds())))},this.updateDisabledFilters=()=>{const t=this.availableTvFilters.filter((t=>t.active)),s=t.length;let i=null;if(s>0){i=new Set(t[0].products);for(let s=1;s<t.length;s++)i=new Set([...i].filter((i=>t[s].products.includes(i))))}for(const t of this.availableTvFilters)if(t.active||0===s)t.disabled=!1;else{let s=i?[...i]:t.products;i&&(s=s.filter((s=>t.products.includes(s)))),t.disabled=s.length<=0,t.showIcon=!1}},this.getActiveFilterIds=()=>this.availableTvFilters.filter((t=>t.active)).map((t=>t.id)),this.getFilteredProductIds=()=>{const t=this.availableTvFilters.filter((t=>t.active)),s=Object.values(this.currentProducts).map((t=>t.productCode));if(0===t.length)return s;let i=[...t[0].products];for(let s=1;s<t.length;s++)i=i.filter((i=>t[s].products.includes(i)));const h=new Set(s);return i=i.filter((t=>h.has(t))),i}}}export{t as C}