@tet/tet-components 1.3.58-testing → 1.3.59-testing

package/dist/collection/components/advanced/cards/tet-compare-cards/tet-compare-cards.js

@@ -23,7 +23,6 @@ export class TetCompareCards {
         this.changedProductCode = undefined;
         this.isNetflixCard = false;
         this.darkMode = false;
-        this.darkModeOverride = false;
         this.initializedState = false;
         this.showLoader = true;
     }
@@ -34,16 +33,6 @@ export class TetCompareCards {
         this.compareCardDataChange.emit();
         this.initializedState = true;
     }
-    /**
-     * @param event
-     */
-    async todoCompletedHandler(event) {
-        const cards = this.cardsContainer.querySelectorAll('.tet-compare-card');
-        await cards.forEach((card) => card.setState(false));
-        if (event.detail.target.canSelect) {
-            event.detail.target.setState(true);
-        }
-    }
     /**
      * @param event
      */
@@ -116,18 +105,18 @@ export class TetCompareCards {
         });
     }
     render() {
-        return (h(Host, { key: 'e8e0629d42d9bab228559fe98b48e68cc19aca10', class: {
+        return (h(Host, { key: '93ccc91ac8ced1734d70e8700878c5beba261539', class: {
                 'must-initialize': true,
                 'initialized': this.initializedState
             } }, this.showLoader ? (this.renderLoader()) : (h("div", { class: {
                 'tet-compare-cards-wrapper': true,
                 'force-column': this.forceColumn
-            } }, h("div", { class: { cards: true, [`${this.layout}`]: true }, ref: (element) => (this.cardsContainer = element) }, this.data.map((el, index) => {
+            } }, h("div", { class: { cards: true, [`${this.layout}`]: true } }, this.data.map((el, index) => {
             var _a, _b, _c, _d, _e, _f, _g, _h;
             return (h("tet-compare-card", { class: {
                     'tet-compare-card': true,
                     'tet-compare-card--thumbnail': !!el.thumbnail
-                }, index: index, language: el.language, options: el.options, "card-type": el.cardType, theme: this.theme, "can-select": el.canSelect, "best-choice": el.bestChoice, "color-icons": el.colorIcons, "full-height": el.fullHeight, "card-header": el.cardHeader, logo: el.logo, image: el.image, "card-background-color": el.cardBackgroundColor, "card-script": el.cardScript, hideBestChoiceBorder: el.hideBestChoiceBorder, withBorder: el.withBorder, "best-choice-text-position": el.bestChoiceTextPosition, priceShownVertically: el.priceShownVertically, "secondary-link-position": el.secondaryLinkPosition, thumbnail: el.thumbnail, thumbnailAlt: el.thumbnailAlt, showBulletPoints: el.showBulletPoints, showSubTitle: el.showSubTitle, showHelper: el.showHelper, isNetflixCard: el.isNetflixCard, darkMode: this.darkMode, "dark-mode-override": this.darkModeOverride, "is-netflix-card": this.isNetflixCard }, h("div", { slot: "image-slot" }, h("img", { style: { width: '100%' }, src: el.image, alt: (_d = (_c = (_b = ((_a = el.image) !== null && _a !== void 0 ? _a : '').split('/')) === null || _b === void 0 ? void 0 : _b.pop()) === null || _c === void 0 ? void 0 : _c.split('.')[0]) !== null && _d !== void 0 ? _d : el.image })), h("div", { slot: "logo-slot" }, h("img", { style: { width: '100%' }, src: el.logo, alt: (_h = (_g = (_f = ((_e = el.logo) !== null && _e !== void 0 ? _e : '').split('/')) === null || _f === void 0 ? void 0 : _f.pop()) === null || _g === void 0 ? void 0 : _g.split('.')[0]) !== null && _h !== void 0 ? _h : el.logo })), h("div", { slot: "description-slot", innerHTML: el.cardDescription })));
+                }, index: index, language: el.language, options: el.options, "card-type": el.cardType, theme: this.theme, "best-choice": el.bestChoice, "color-icons": el.colorIcons, "full-height": el.fullHeight, "card-header": el.cardHeader, logo: el.logo, image: el.image, "card-background-color": el.cardBackgroundColor, "card-script": el.cardScript, hideBestChoiceBorder: el.hideBestChoiceBorder, withBorder: el.withBorder, "best-choice-text-position": el.bestChoiceTextPosition, priceShownVertically: el.priceShownVertically, "secondary-link-position": el.secondaryLinkPosition, thumbnail: el.thumbnail, thumbnailAlt: el.thumbnailAlt, showBulletPoints: el.showBulletPoints, showSubTitle: el.showSubTitle, showHelper: el.showHelper, isNetflixCard: el.isNetflixCard, darkMode: this.darkMode }, h("div", { slot: "image-slot" }, h("img", { style: { width: '100%' }, src: el.image, alt: (_d = (_c = (_b = ((_a = el.image) !== null && _a !== void 0 ? _a : '').split('/')) === null || _b === void 0 ? void 0 : _b.pop()) === null || _c === void 0 ? void 0 : _c.split('.')[0]) !== null && _d !== void 0 ? _d : el.image })), h("div", { slot: "logo-slot" }, h("img", { style: { width: '100%' }, src: el.logo, alt: (_h = (_g = (_f = ((_e = el.logo) !== null && _e !== void 0 ? _e : '').split('/')) === null || _f === void 0 ? void 0 : _f.pop()) === null || _g === void 0 ? void 0 : _g.split('.')[0]) !== null && _h !== void 0 ? _h : el.logo })), h("div", { slot: "description-slot", innerHTML: el.cardDescription })));
         })), this.vatText ? (h("div", { class: "vat" }, h("div", { class: "vat__text", innerHTML: this.vatText }))) : (''))), this.cardScript ? h("link", { href: this.cardScript, rel: "stylesheet", type: "text/css" }) : ''));
     }
     static get is() { return "tet-compare-cards"; }
@@ -208,7 +197,7 @@ export class TetCompareCards {
                 "mutable": false,
                 "complexType": {
                     "original": "ServiceAvailabilityServicesCategoryTheme",
-                    "resolved": "\"classic\" | \"dark\" | \"light\" | \"netflix\" | \"non-netflix\" | \"tet-bundles\" | \"tet-business-blue\" | \"tet-business-default\" | \"tet-business-green\" | \"tet-business-mint\" | \"tet-business-purple\" | \"tet-business-red\" | \"tet-business-yellow\" | \"tet-electricity\" | \"tet-internet\" | \"tet-tv\" | \"tet-tv-plus\" | \"tet-vtv\"",
+                    "resolved": "\"classic\" | \"dark\" | \"grey\" | \"light\" | \"netflix\" | \"non-netflix\" | \"tet-bundles\" | \"tet-business-blue\" | \"tet-business-default\" | \"tet-business-green\" | \"tet-business-mint\" | \"tet-business-purple\" | \"tet-business-red\" | \"tet-business-yellow\" | \"tet-electricity\" | \"tet-internet\" | \"tet-tv\" | \"tet-tv-plus\" | \"tet-vtv\"",
                     "references": {
                         "ServiceAvailabilityServicesCategoryTheme": {
                             "location": "import",
@@ -337,24 +326,6 @@ export class TetCompareCards {
                 "attribute": "dark-mode",
                 "reflect": false,
                 "defaultValue": "false"
-            },
-            "darkModeOverride": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "This prop overrides the card dark mode setting.\nIt is used to force light cards regardless of the global setting."
-                },
-                "attribute": "dark-mode-override",
-                "reflect": false,
-                "defaultValue": "false"
             }
         };
     }
@@ -406,12 +377,6 @@ export class TetCompareCards {
     }
     static get listeners() {
         return [{
-                "name": "selectEvent",
-                "method": "todoCompletedHandler",
-                "target": undefined,
-                "capture": false,
-                "passive": false
-            }, {
                 "name": "optionSelected",
                 "method": "onOptionSelected",
                 "target": undefined,

package/dist/collection/components/advanced/cards/tet-compare-cards-tab/test/tet-compare-cards-tab.spec.js

@@ -28,7 +28,6 @@ const DATA = {
                         compareCards: [
                             {
                                 theme: 'tet-tv',
-                                canSelect: true,
                                 bestChoice: false,
                                 options: {
                                     bestChoiceText: 'Labākā izvēle',
@@ -47,7 +46,6 @@ const DATA = {
                             },
                             {
                                 theme: 'classic',
-                                canSelect: true,
                                 bestChoice: true,
                                 options: {
                                     bestChoiceText: 'Labākā izvēle',
@@ -66,7 +64,6 @@ const DATA = {
                             },
                             {
                                 theme: 'tet-tv-plus',
-                                canSelect: true,
                                 bestChoice: false,
                                 options: {
                                     bestChoiceText: 'Labākā izvēle',
@@ -90,7 +87,6 @@ const DATA = {
                         compareCards: [
                             {
                                 theme: 'tet-tv',
-                                canSelect: true,
                                 bestChoice: false,
                                 options: {
                                     bestChoiceText: 'Labākā izvēle',
@@ -109,7 +105,6 @@ const DATA = {
                             },
                             {
                                 theme: 'classic',
-                                canSelect: true,
                                 bestChoice: true,
                                 options: {
                                     bestChoiceText: 'Labākā izvēle',
@@ -128,7 +123,6 @@ const DATA = {
                             },
                             {
                                 theme: 'tet-tv-plus',
-                                canSelect: true,
                                 bestChoice: false,
                                 options: {
                                     bestChoiceText: 'Labākā izvēle',
@@ -167,7 +161,6 @@ const DATA = {
                         compareCards: [
                             {
                                 theme: 'tet-tv',
-                                canSelect: true,
                                 bestChoice: false,
                                 options: {
                                     bestChoiceText: 'Labākā izvēle',
@@ -186,7 +179,6 @@ const DATA = {
                             },
                             {
                                 theme: 'classic',
-                                canSelect: true,
                                 bestChoice: true,
                                 options: {
                                     bestChoiceText: 'Labākā izvēle',
@@ -211,7 +203,6 @@ const DATA = {
                         compareCards: [
                             {
                                 theme: 'tet-tv',
-                                canSelect: true,
                                 bestChoice: false,
                                 options: {
                                     bestChoiceText: 'Labākā izvēle',
@@ -230,7 +221,6 @@ const DATA = {
                             },
                             {
                                 theme: 'classic',
-                                canSelect: true,
                                 bestChoice: true,
                                 options: {
                                     bestChoiceText: 'Labākā izvēle',
@@ -257,7 +247,6 @@ const DATA = {
             compareCards: [
                 {
                     theme: 'tet-tv-plus',
-                    canSelect: true,
                     bestChoice: false,
                     options: {
                         bestChoiceText: 'Labākā izvēle',
@@ -276,7 +265,6 @@ const DATA = {
                 },
                 {
                     theme: 'classic',
-                    canSelect: true,
                     bestChoice: true,
                     options: {
                         bestChoiceText: 'Labākā izvēle',

package/dist/collection/components/advanced/cards/tet-compare-cards-tab/tet-compare-cards-tab.js

@@ -22,7 +22,6 @@ export class TetTabCompareCards {
         this.newUrlGeneratorStructure = false;
         this.theme = 'light';
         this.darkMode = false;
-        this.darkModeOverride = false;
         this.isNetflixCard = false;
         this.productDataLoaded = false;
         this.showLoader = true;
@@ -155,19 +154,19 @@ export class TetTabCompareCards {
                 const requestedProductData = this.productSACData[requestedProduct];
                 if (requestedProductData) {
                     if (this.newUrlGeneratorStructure) {
-                        element = fillProductData(element, requestedProduct, requestedProductData, this.theme, this.darkMode, this.isNetflixCard, this.darkModeOverride);
+                        element = fillProductData(element, requestedProduct, requestedProductData, this.theme, this.darkMode, this.isNetflixCard);
                     }
                     else {
-                        element = fillOldProductData(element, requestedProduct, requestedProductData, this.theme, this.darkMode, this.isNetflixCard, this.darkModeOverride);
+                        element = fillOldProductData(element, requestedProduct, requestedProductData, this.theme, this.darkMode, this.isNetflixCard);
                     }
                 }
             }
             cardsWithAddedSACData.push(element);
         });
-        return (h("div", { class: "tet-compare-cards-tab__content" }, h("tet-compare-cards", { theme: this.theme, "dark-mode": this.darkMode, "dark-mode-override": this.darkModeOverride, "is-netflix-card": this.isNetflixCard, layout: this.layout, "force-column": this.forceColumn, "vat-text": vatText !== null && vatText !== void 0 ? vatText : false, "card-script": cardScript !== null && cardScript !== void 0 ? cardScript : false, data: cardsWithAddedSACData, newUrlGeneratorStructure: this.newUrlGeneratorStructure })));
+        return (h("div", { class: "tet-compare-cards-tab__content" }, h("tet-compare-cards", { theme: this.theme, "dark-mode": this.darkMode, "is-netflix-card": this.isNetflixCard, layout: this.layout, "force-column": this.forceColumn, "vat-text": vatText !== null && vatText !== void 0 ? vatText : false, "card-script": cardScript !== null && cardScript !== void 0 ? cardScript : false, data: cardsWithAddedSACData, newUrlGeneratorStructure: this.newUrlGeneratorStructure })));
     }
     render() {
-        return (h(Host, { key: '182bf5721a6cb4c010343b562e8e6fd0f4e12718' }, h("div", { key: 'e6168e1e55efc64ea212b029192ce5eb89741182', class: "tet-compare-cards-tab-wrapper" }, this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: 'e3a99529e9e8a05fd75bc19bdf129b1f11c204a2', class: {
+        return (h(Host, { key: 'b186b5098f812ce7296edd7a36c924c3891c29dd' }, h("div", { key: '27b1daf516c78bf2eccba9ea0d634b04be71df46', class: "tet-compare-cards-tab-wrapper" }, this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: '3554e52faff28ee83ce0112c3f8f3ca1fd16a0e0', class: {
                 'tet-compare-cards-tab__cards': true,
                 'hidden': this.showLoader
             } }, this.productDataLoaded ? this.renderContent(this.data, 1) : ''))));
@@ -272,7 +271,7 @@ export class TetTabCompareCards {
                 "mutable": false,
                 "complexType": {
                     "original": "ServiceAvailabilityServicesCategoryTheme",
-                    "resolved": "\"classic\" | \"dark\" | \"light\" | \"netflix\" | \"non-netflix\" | \"tet-bundles\" | \"tet-business-blue\" | \"tet-business-default\" | \"tet-business-green\" | \"tet-business-mint\" | \"tet-business-purple\" | \"tet-business-red\" | \"tet-business-yellow\" | \"tet-electricity\" | \"tet-internet\" | \"tet-tv\" | \"tet-tv-plus\" | \"tet-vtv\"",
+                    "resolved": "\"classic\" | \"dark\" | \"grey\" | \"light\" | \"netflix\" | \"non-netflix\" | \"tet-bundles\" | \"tet-business-blue\" | \"tet-business-default\" | \"tet-business-green\" | \"tet-business-mint\" | \"tet-business-purple\" | \"tet-business-red\" | \"tet-business-yellow\" | \"tet-electricity\" | \"tet-internet\" | \"tet-tv\" | \"tet-tv-plus\" | \"tet-vtv\"",
                     "references": {
                         "ServiceAvailabilityServicesCategoryTheme": {
                             "location": "import",
@@ -309,24 +308,6 @@ export class TetTabCompareCards {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "darkModeOverride": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "This prop overrides the card dark mode setting.\nIt is used to force light cards regardless of the global setting."
-                },
-                "attribute": "dark-mode-override",
-                "reflect": false,
-                "defaultValue": "false"
-            },
             "isNetflixCard": {
                 "type": "boolean",
                 "mutable": false,

package/dist/collection/components/advanced/cards/utils.js

@@ -7,10 +7,9 @@ import { generateFormUrl } from "../../../services/url/build-form-url";
  * @param requestedProductData Requested product data from SAC.
  * @param theme Optional theme for the compare card, defaults to 'light'.
  * @param darkMode Optional dark mode setting for the compare card.
- * @param darkModeOverride Optional dark mode override for the compare card.
  * @param isNetflixCard Optional flag to indicate if the card is for Netflix.
  */
-export const fillProductData = (compareCard, requestedProduct, requestedProductData, theme, darkMode, darkModeOverride, isNetflixCard = false) => {
+export const fillProductData = (compareCard, requestedProduct, requestedProductData, theme, darkMode, isNetflixCard = false) => {
     var _a, _b, _c, _d;
     const currentCompareCardOptions = compareCard.options;
     const contractTerms = requestedProductData.contractTerms;
@@ -75,7 +74,7 @@ export const fillProductData = (compareCard, requestedProduct, requestedProductD
                 requestedProductData.descriptionTooltip[productLanguage] +
                 '</tet-tooltip>' +
                 '<style>.tet-tooltip { --text-font: var(--font-family-content) }</style>'
-            : '', link: formUrl.toString(), secondaryLink: contractLink, helper: priceDescription, theme: theme, darkMode: darkMode, darkModeOverride: darkModeOverride, isNetflixCard: isNetflixCard });
+            : '', link: formUrl.toString(), secondaryLink: contractLink, helper: priceDescription, theme: theme, darkMode: darkMode, isNetflixCard: isNetflixCard });
     if (!compareCard.isNetflixCard) {
         delete compareCard.productCode;
     }

package/dist/collection/components/simple/lists/tet-text-list/tet-text-list.css

@@ -5456,7 +5456,7 @@
   --tc-blue-50: rgba(21, 85, 185, 1);
   --tc-blue-40: rgb(25, 98, 212);
   --tc-blue-30: rgba(78, 135, 222, 1);
-  --tc-blue-20: rgba(78, 135, 222, 1);
+  --tc-blue-20: rgba(131,172,232, 1);
   --tc-blue-10: rgba(184, 208, 242, 1);
   --tc-blue-00: rgba(237, 245, 252, 1);
   --tc-green-80: rgba(31, 66, 45, 1);