@tet/tet-components 1.3.112-testing → 1.3.113-production

package/dist/collection/components/advanced/cards/tet-business-summary-card/tet-business-summary-card.js

@@ -0,0 +1,354 @@
+import { forceUpdate, h } from "@stencil/core";
+import { processTranslations, t } from "../../../../services/translations/index";
+import { a11yBtnClick } from "../../../../services/utils/a11y";
+export class TetBusinessSummaryCardComponent {
+    constructor() {
+        /** Function to render stepper label if provided */
+        this.renderLabel = (withValue) => {
+            const { stepperLabel, value } = this;
+            if (!stepperLabel) {
+                return;
+            }
+            if (withValue) {
+                return (h("span", { class: "contract-term" }, stepperLabel, ": ", value));
+            }
+            else {
+                return h("span", { class: "stepper-label" }, stepperLabel);
+            }
+        };
+        /** Render stepper if necessary */
+        this.renderStepper = () => {
+            const { withStepper, theme, value, minValue, maxValue } = this;
+            if (!withStepper) {
+                return;
+            }
+            return (h("div", { class: "stepper-wrapper" }, this.renderLabel(false), h("tet-stepper-input", { class: "business-summary-card__stepper", theme: theme, value: value, step: 1, min: minValue, max: maxValue, onInputValueChanged: (e) => {
+                    this.value = e.detail;
+                    this.amountChange.emit(e);
+                } })));
+        };
+        /** Render Edit or Delete Icon Button */
+        this.renderIconButton = (type) => {
+            const buttonType = type === 'tc-edit-box' ? 'edit' : 'delete';
+            const buttonClickEvent = (e) => {
+                type === 'tc-edit-box' ? this.editButtonClick.emit(e) : this.deleteButtonClick.emit(e);
+            };
+            return (h("button", { class: "icon-button", onClick: (e) => buttonClickEvent(e), onKeyDown: a11yBtnClick }, h("tet-icon", { class: buttonType, name: type, focusable: false })));
+        };
+        this.productName = undefined;
+        this.price = undefined;
+        this.productDescription = undefined;
+        this.discountPrice = undefined;
+        this.currency = undefined;
+        this.contractTerm = undefined;
+        this.theme = 'light';
+        this.withStepper = false;
+        this.value = undefined;
+        this.minValue = undefined;
+        this.maxValue = undefined;
+        this.stepperLabel = undefined;
+        this.language = 'lv';
+    }
+    async componentWillLoad() {
+        processTranslations('tet-components', this.language).then(() => forceUpdate(this));
+    }
+    /** Return functional Component */
+    render() {
+        const { productName, price, productDescription, discountPrice, currency, contractTerm, theme } = this;
+        return (h("div", { key: 'c7c92be736090e0d7b5702045cda3f5dc784b2c9', class: { 'business-summary-card': true, [`theme-${theme}`]: true } }, h("div", { key: 'b5899323a164f8484141a07b3d04636d5a7e18e1', class: "business-summary-card-content" }, h("div", { key: 'af2fc75db34cdd8833e22712dca27b1bc6822f69', class: "business-summary-card-content__left" }, h("div", { key: 'b9114bde0c949e321804bf33482b32ad697f5de9', class: "content-wrapper" }, h("span", { key: 'd3500b1342152862c46a142d410f4dfe64d2a2ac', class: "title" }, productName), h("span", { key: 'c57433c937da7b8c65a6f472cb0d2128080c3a6e', class: "description" }, productDescription))), h("div", { key: 'bcfc79eca402d9173c4e4cd5cd14a10d569152fc', class: "business-summary-card-content__right" }, h("div", { key: '46d73a513e4083173c824c55291eafda92af27e7', class: "content-wrapper" }, h("span", { key: '5d4d8554314ca980d3f229b062274e03a0af0ad0', class: "title" }, `${discountPrice || price} ${currency}`), !!discountPrice && (h("span", { key: '1140290797f6f2545f0e5950f269f5614bcb67f7', class: { description: true, price: !!discountPrice } }, `${price} ${currency}`))))), h("div", { key: 'c24af0be30e6ce0192bbcccb591b8e4e743f08c4', class: "business-summary-card-content" }, h("span", { key: '6d4ef2b56afd23636039420c1fba0e7a839fa106', class: "contract-term" }, t('components-offers-contract-terms-label'), ": ", contractTerm), this.renderLabel(true)), h("div", { key: 'bab7eacc4035bd1ed01dce2445216e5c8dae3688', class: "business-summary-card-content" }, h("div", { key: '8013600fa979a22191aa18ee617810576bf99eb7', class: "business-summary-card-content__left" }, this.renderStepper()), h("div", { key: '5c31eb0aa9674294b5e8139be678dd16255024bc', class: "business-summary-card-content__right" }, h("div", { key: 'bea910fe9f206b186b2f31a4028e981fae5f1ff2', class: "button-wrapper" }, this.renderIconButton('tc-edit-box'), this.renderIconButton('tc-trash-can'))))));
+    }
+    static get is() { return "tet-business-summary-card"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["tet-business-summary-card.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["tet-business-summary-card.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "productName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Product title"
+                },
+                "attribute": "product-name",
+                "reflect": false
+            },
+            "price": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Product standard price"
+                },
+                "attribute": "price",
+                "reflect": false
+            },
+            "productDescription": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Product description"
+                },
+                "attribute": "product-description",
+                "reflect": false
+            },
+            "discountPrice": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Product discount price"
+                },
+                "attribute": "discount-price",
+                "reflect": false
+            },
+            "currency": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Currency for given price."
+                },
+                "attribute": "currency",
+                "reflect": false
+            },
+            "contractTerm": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Contract term"
+                },
+                "attribute": "contract-term",
+                "reflect": false
+            },
+            "theme": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'light' | 'dark'",
+                    "resolved": "\"dark\" | \"light\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Business summary card theme"
+                },
+                "attribute": "theme",
+                "reflect": false,
+                "defaultValue": "'light'"
+            },
+            "withStepper": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Detects if counting stepper should be rendered."
+                },
+                "attribute": "with-stepper",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "value": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Number of added products"
+                },
+                "attribute": "value",
+                "reflect": false
+            },
+            "minValue": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Min amount of added products"
+                },
+                "attribute": "min-value",
+                "reflect": false
+            },
+            "maxValue": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Max possible amount of added products"
+                },
+                "attribute": "max-value",
+                "reflect": false
+            },
+            "stepperLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Label for stepper"
+                },
+                "attribute": "stepper-label",
+                "reflect": false
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "Language",
+                    "resolved": "\"en\" | \"lv\" | \"ru\"",
+                    "references": {
+                        "Language": {
+                            "location": "import",
+                            "path": "@services/translations",
+                            "id": "src/services/translations/index.ts::Language"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Summary card language"
+                },
+                "attribute": "language",
+                "reflect": false,
+                "defaultValue": "'lv'"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "editButtonClick",
+                "name": "editButtonClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emit event when Edit button clicked"
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "deleteButtonClick",
+                "name": "deleteButtonClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emit event when Delete button clicked"
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "amountChange",
+                "name": "amountChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emit event when amount of products changed"
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+}

package/dist/collection/components/advanced/cards/tet-card-list/tet-card-list.js

@@ -646,19 +646,19 @@ export class TetCardList {
         this.dimensions.element.width = elementRect.width;
     }
     render() {
-        return (h(Host, { key: '28390b3ae883aa090c9edcfdd99cae59b1beb5e2' }, h("div", { key: 'c21db66f3b5935308fb8770a515bcbca6e3fb103', class: {
+        return (h(Host, { key: '2a2742ebc725c162e25aebbce41b04b7e764866b' }, h("div", { key: '88d75ab041af49be4212a6fa9e7e44a9ec368d4f', class: {
                 'tet-card-list__container': true,
                 'tet-card-list--no-scroll': this.disableScroll,
                 [this.theme]: true,
-            }, part: "card-list-container" }, h("div", { key: 'c0c87835eedf89098ff9663c6f7bf5822593afe8', class: "tet-card-list__scroll-container" }, h("div", { key: '903c160b99be9b9f3eb0a41907b57919483f7513', part: "card-list", ref: el => (this.scrollContainerRef = el) }, h("slot", { key: '6349638760d42c535eebf84d680c9da174e10aac' }))), h("tet-button", { key: '85cf93e22b332ad7ed9b651ca93aaaaed30a573d', theme: this.theme, iconMode: true, class: {
+            }, part: "card-list-container" }, h("div", { key: '8df5045f19a2432be163fc53193f40825cdaab96', class: "tet-card-list__scroll-container" }, h("div", { key: 'fdb372952f15ff9b4ee72542488838229b04d9bb', part: "card-list", ref: el => (this.scrollContainerRef = el) }, h("slot", { key: '5eab40577260ab187f04ffc8f22f38aeed8ec673' }))), h("tet-button", { key: '8d232e883eb0150ff09cfbe1f24c08c7d14bc00e', theme: this.theme, iconMode: true, class: {
                 'tet-card-list__control': true,
                 'tet-card-list__control--left': true,
                 'tet-card-list__control--hidden': !this.controlVisibility.left,
-            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleLeftControl, onKeyUp: this.handleLeftControlKeyUp }, h("tet-icon", { key: '0be1c1c8ae3d5a2f90531ced42c0edf50d1b3e29', name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'chevron-left', class: "tet-card-list__control__icon" })), h("tet-button", { key: '15d1a6c7adc0f397094bf57656a496dcb656c980', theme: this.theme, iconMode: true, class: {
+            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleLeftControl, onKeyUp: this.handleLeftControlKeyUp }, h("tet-icon", { key: '8796b6b377b659781e724bee4a4cd7d78775d4a6', name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'chevron-left', class: "tet-card-list__control__icon" })), h("tet-button", { key: 'b18f692776c2c39f5c18e5b8a21a0f0a1dc3850e', theme: this.theme, iconMode: true, class: {
                 'tet-card-list__control': true,
                 'tet-card-list__control--right': true,
                 'tet-card-list__control--hidden': !this.controlVisibility.right,
-            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleRightControl, onKeyUp: this.handleRightControlKeyUp }, h("tet-icon", { key: 'f14e143a9d30ea8e3248bcf8f2a5a2145e52fcc2', name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'chevron-right', class: "tet-card-list__control__icon" })), h("div", { key: '75c30dac7b7645a1cffc0cc2497a5d64f7dcbe13', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, h("div", { key: '5853fdb0dedc8729d967ed160c1465118d68fe16', class: "tet-card-list__scroll--thumb", ref: el => (this.scrollbarRef = el) })))));
+            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleRightControl, onKeyUp: this.handleRightControlKeyUp }, h("tet-icon", { key: 'c33e1c8f49f29b1eb3b62e47c8299dd1ecb554be', name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'chevron-right', class: "tet-card-list__control__icon" })), h("div", { key: '136d81acfa4231eb5708ee0800350c2c35bbb24e', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, h("div", { key: 'f23d9f2e55dde3a240ed6856d67fc3825f2d2726', class: "tet-card-list__scroll--thumb", ref: el => (this.scrollbarRef = el) })))));
     }
     static get is() { return "tet-card-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/cards/tet-compare-card/tet-compare-card.css

@@ -7201,6 +7201,7 @@
   --tc-button-primary-background-inverse-pressed-dark: rgba(38, 41, 44, 0.8);
   --tc-button-primary-background-inverse-disabled-dark: rgba(38, 41, 44, 0.3);
   --tc-button-secondary-background-hover-dark: rgba(236, 237, 238, 0.15);
+  --tc-button-secondary-outline-background-hover-dark: rgba(255, 255, 255, 0.1);
   --tc-button-secondary-background-pressed-dark: rgba(236, 237, 238, 0.3);
   --tc-button-secondary-background-inverse-hover-dark: rgba(38, 41, 44, 0.12);
   --tc-button-secondary-background-inverse-pressed-dark: rgba(38, 41, 44, 0.3);
@@ -7464,6 +7465,7 @@
   --tc-button-primary-background-inverse-pressed: rgba(236, 237, 238, 0.8);
   --tc-button-primary-background-inverse-disabled: rgba(236, 237, 238, 0.3);
   --tc-button-secondary-background-hover: rgba(38, 41, 44, 0.12);
+  --tc-button-secondary-outline-background-hover: rgba(12, 12, 14, 0.1);
   --tc-button-secondary-background-pressed: rgba(38, 41, 44, 0.3);
   --tc-button-secondary-background-inverse-hover: rgba(236, 237, 238, 0.15);
   --tc-button-secondary-background-inverse-pressed: rgba(236, 237, 238, 0.3);

package/dist/collection/components/advanced/cards/tet-dynamic-card/tet-dynamic-card.js

@@ -56,9 +56,6 @@ export class TetDynamicCard {
                 (_f = this.buttonRef) === null || _f === void 0 ? void 0 : _f.setAttribute('size', 'large');
             }
         });
-        this.handleButtonClick = () => {
-            this.tetDynamicCardClickEvent.emit();
-        };
         this.handleClick = (event) => {
             var _a;
             const path = event.composedPath();
@@ -71,6 +68,9 @@ export class TetDynamicCard {
                     }
                 }
             }
+            else {
+                this.tetDynamicCardClickEvent.emit();
+            }
         };
         this.theme = 'light';
         this.size = 'S';
@@ -88,11 +88,9 @@ export class TetDynamicCard {
             backgroundLight: 'white',
             backgroundDark: 'black'
         };
-        this.linkType = undefined;
         this.linkHref = undefined;
         this.linkText = undefined;
         this.linkNewTab = false;
-        this.modalId = undefined;
         this.index = undefined;
         this.isFocused = false;
         this.originalSize = null;
@@ -209,25 +207,23 @@ export class TetDynamicCard {
         return (h("div", { class: "price", part: "price" }, h("tet-price-view", { ref: elm => { this.priceViewRef = elm; }, font: this.priceTagOptions.font || "Gilroy, Arial, sans-serif", background: priceBackground, size: "S", "heading-text": this.priceTagOptions.headingText, "price-type": this.priceTagOptions.priceType, "euro-price": (_b = this.priceTagOptions.euroPrice) === null || _b === void 0 ? void 0 : _b.toString(), "cents-price": (_c = this.priceTagOptions.centsPrice) === null || _c === void 0 ? void 0 : _c.toString(), "footer-text": this.priceTagOptions.footerText, "footer-text-type": this.priceTagOptions.footerTextType })));
     }
     renderButton() {
-        if (!this.linkType || (!this.linkHref && !this.modalId))
+        if (!this.linkText)
             return null;
-        const buttonProps = Object.assign({ type: 'primary', size: 'small', theme: this.theme }, (this.linkType === 'url' ? {
+        const buttonProps = {
+            type: 'primary',
+            size: 'small',
+            theme: this.theme,
             url: this.linkHref,
             'url-target': this.linkNewTab ? '_blank' : '_self',
             'accessibility-label': this.linkText
-        } : {
-            'data-modal-screen-key': this.modalId
-        }));
-        return (h("div", { class: "button", part: "button", onClick: () => this.handleButtonClick, onKeyUp: (event) => {
-                if (event.key === 'Enter')
-                    this.handleButtonClick();
-            } }, h("tet-button", Object.assign({}, buttonProps, { ref: elm => { this.buttonRef = elm; } }), this.linkText)));
+        };
+        return (h("div", { class: "button", part: "button" }, h("tet-button", Object.assign({}, buttonProps, { ref: elm => { this.buttonRef = elm; } }), this.linkText)));
     }
     render() {
-        return (h(Host, { key: '551af98d52520c6f84ddcd8c84efb5a60ea21d8a', class: {
+        return (h(Host, { key: 'f86480ab3b52ec1ab8c1417fb4553091dc98d535', class: {
                 'dynamic-card': true,
                 'is-focused': this.isFocused
-            }, "data-index": this.index, ref: (elm) => { this.rootElementRef = elm; } }, h("div", { key: 'fdb4e36626c3a20de5648fe2a7c8f06b3a26aead', class: `card
+            }, "data-index": this.index, ref: (elm) => { this.rootElementRef = elm; } }, h("div", { key: '1cba5d287d2087de888ef6f2324bb64bdd6e3561', class: `card
             theme-${this.theme}
             size-${this.currentSize}
             position-${this.pictureLayoutShiftPosition}
@@ -235,7 +231,7 @@ export class TetDynamicCard {
           `, onClick: this.handleClick, onKeyUp: (event) => {
                 if (event.key === 'Enter')
                     this.handleClick(event);
-            }, tabindex: 0, part: "card", "aria-labelledby": this.cardTitle }, h("div", { key: '4f986c78c320a7f52d94712876c1ebd63716da7f', class: "image", part: "image" }, h("slot", { key: '6aa26c691325a14992126e8a58b04ed889b0d49c', name: "image" }), this.renderPrice(), this.renderTags()), h("div", { key: 'e6aad0b1a904e8494ee436bbfe2e3cdc65e58f07', class: "content-container" }, h("div", { key: '0e33a17006e72c40c597f1a7208155cf9b81161a', class: "content", part: "content" }, this.cardTitle && (h("h3", { key: 'a0965874deb40637b69f9ff4558ca648639d1681', class: "title", part: "title" }, this.cardTitle)), this.subtitle && (h("p", { key: 'ef5852af3a86e7c131f997c8b2735223c7e37e30', class: "subtitle", part: "subtitle" }, this.subtitle))), this.renderButton()))));
+            }, tabindex: 0, part: "card", "aria-labelledby": this.cardTitle }, h("div", { key: '9ddfa38175c6cee5bd8c309f3a1c18b8e3319fc5', class: "image", part: "image" }, h("slot", { key: 'cd009cfe69c9f61de0e17c13b1f88e167f2d8660', name: "image" }), this.renderPrice(), this.renderTags()), h("div", { key: '850bc434c2c30c8adbaed0ac2e2645840dc5109e', class: "content-container" }, h("div", { key: '26891d1407edc24fb5f87c4353a7f4ecfa4fb073', class: "content", part: "content" }, this.cardTitle && (h("h3", { key: '60e6b695a68054dd5adb0d2210b4925d47edf926', class: "title", part: "title" }, this.cardTitle)), this.subtitle && (h("p", { key: 'e25bc54d28f3b0fc2fe698cf84c33f69f9ba50f9', class: "subtitle", part: "subtitle" }, this.subtitle))), this.renderButton()))));
     }
     static get is() { return "tet-dynamic-card"; }
     static get encapsulation() { return "shadow"; }
@@ -500,29 +496,6 @@ export class TetDynamicCard {
                 },
                 "defaultValue": "{\n    show: false,\n    backgroundLight: 'white',\n    backgroundDark: 'black'\n  }"
             },
-            "linkType": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "CardLinkType",
-                    "resolved": "\"modal\" | \"url\"",
-                    "references": {
-                        "CardLinkType": {
-                            "location": "local",
-                            "path": "/__w/internal-tet-web-components-tet-components/internal-tet-web-components-tet-components/src/src/components/advanced/cards/tet-dynamic-card/tet-dynamic-card.tsx",
-                            "id": "src/components/advanced/cards/tet-dynamic-card/tet-dynamic-card.tsx::CardLinkType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Type of link"
-                },
-                "attribute": "link-type",
-                "reflect": false
-            },
             "linkHref": {
                 "type": "string",
                 "mutable": false,
@@ -575,23 +548,6 @@ export class TetDynamicCard {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "modalId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Modal ID for link type 'modal'"
-                },
-                "attribute": "modal-id",
-                "reflect": false
-            },
             "index": {
                 "type": "number",
                 "mutable": false,

package/dist/collection/components/advanced/customer/tet-customer-assets/tet-customer-assets.js

@@ -117,7 +117,7 @@ export class TetCustomerAssets {
         return provisioningStatus === 'Active' && tetProductType !== 'ConsumerGoods';
     }
     render() {
-        return (h(Host, { key: 'd157f956d1af0e71afdec8428cdcd9f864327d2d' }, h("div", { key: 'a842c6960677131ef1ef6602ae7a0426c782cec5', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
+        return (h(Host, { key: 'c86f9048b146ec725d600772063d0dc73a071422' }, h("div", { key: '9449fb4dd61135c2c7486f593b271cc45342e9ee', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
             ? h("tet-loader", { class: "loader-single" })
             : this.showLoader ? this.renderLoader() : this.renderAssetsList())));
     }

package/dist/collection/components/advanced/customer/tet-referral/tet-referral.js

@@ -42,9 +42,9 @@ export class TetReferral {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h(Host, { key: '8d221adfe8a3b5bae5e52d769c523ac6ff98a6f6' }, h("div", { key: '9879856f747004efd35619c25e0c8a3235201f48', class: "wrapper" }, h(ThemeWrapper, { key: 'e61e6fb96d35875c4c134b0865950cd21e4425b7', theme: this.theme }, h("div", { key: '777a3dd5f157801f36c09e9bd6b9acdd6bf0d6f0', class: "image-container" }, h("img", { key: 'f5818dc251071154a9e79caf89bc2bb51b318676', src: t('components-referral-image-url'), alt: "" })), h("div", { key: 'eddbe49d1654114d5043d86b8b014bd0692f68af', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: 'f377f9aa6a8a44fe8f7cc323ede85c6148c925d6', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: 'f7a987d60e60e9b69a14b8b7c64e6a61a6459ac2', class: "referral-block" }, h("div", { key: '7dc3dea2c4910a635f1fe5d8e8a8a17b33796b82', class: "url-wrapper" }, h("div", { key: '33cf0a61dd7419a975f13effbc98b113e087b4c8', class: "referral-url" }, this.getReferralUrl()), h("div", { key: '3f530451e795f721842f34d3f45d83f467df4299' }, h("div", { key: 'eee3deb626d0bc30a5c75554f8524bed7437ccab', class: "button-wrapper" }, h("tet-tooltip", { key: '76d361082fb1c4416188eba31570dcc2d2e3f738', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
+        return (h(Host, { key: '88faefdaef3a17a08d2e3ab5cdf14e8e608580b9' }, h("div", { key: 'ebc91b687e12a49141b9237511e872e321ec5ed6', class: "wrapper" }, h(ThemeWrapper, { key: '1b5a412f7c9c8d1837674d0061abcb4a5c9ae777', theme: this.theme }, h("div", { key: '612a198b490e50b1d5bb9ca7f181263da64c7e97', class: "image-container" }, h("img", { key: '76e99a010ebaa07bcf743f6b6dfbc02d76d242ad', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '5f00091e26b1e25369e1212e75bafb06513937fa', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: 'abb5f8fdb11b7f997068af7af91a787d5f1af37e', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '032579889583d28e7b8924b6149f2c1ea0969e8d', class: "referral-block" }, h("div", { key: 'a466b100406ec54999774be522b733c1ef419441', class: "url-wrapper" }, h("div", { key: '6d7823e1a7d26dbe6d2132335ed5c12acf7fb5c2', class: "referral-url" }, this.getReferralUrl()), h("div", { key: '93007dcfc5caf4242589f5cef11e1a923adacb88' }, h("div", { key: 'e598b4d9323b89041d3e3e93ac5e8948a1aee659', class: "button-wrapper" }, h("tet-tooltip", { key: '1d79208498cecc060614f33263b3517daa419669', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
                 this.tooltip = el;
-            } }, t('components-referral-tooltip')), h("tet-button", { key: '438808bb41dbdc77a0d3fc833c744bc4dad59260', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
+            } }, t('components-referral-tooltip')), h("tet-button", { key: '876c9d1d7d15ec26d47840ebe7a26fe5fc0148da', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
     }
     static get is() { return "tet-referral"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/dialog/tet-multi-step-dialog/tet-multi-step-dialog.js

@@ -108,7 +108,7 @@ export class TetMultiStepDialog {
         return (h("div", { innerHTML: step, "data-step": Number(index) + 1, class: "multi-step-dialog__step", ref: this.setStepBlocks }));
     }
     render() {
-        return (h(Host, { key: '22598bffb2cb26ddd4a62ecde92fd0d9369b5ea8', class: "multi-step-dialog" }, h("tet-dialog", { key: 'e939c588387db35a834095f69a8bcab61f084d67', class: this.tetDialogClass, "is-open": this.isOpen, "data-screen-key": this.dialogDataScreenKey, "footer-display": "right", ref: el => this.tetDialog = el, theme: this.theme }, h("div", { key: 'a2659d1ce0f3c33982e1eadb11e9115c86d4a26d', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '885e3a62560e3cd9214991561bd69ea4c9f687dd', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, type: "secondary", ref: el => this.prevButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-go-back')), h("tet-button", { key: '23553dd2e01c996648f8942dfbcc9ed5638eff6e', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, ref: el => this.nextButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-next-step')))));
+        return (h(Host, { key: '841ac9530356a2532e5e59f0e951ec65a2afc56e', class: "multi-step-dialog" }, h("tet-dialog", { key: 'd2f3257fcc90c4912d58333212b47a440cd3468d', class: this.tetDialogClass, "is-open": this.isOpen, "data-screen-key": this.dialogDataScreenKey, "footer-display": "right", ref: el => this.tetDialog = el, theme: this.theme }, h("div", { key: 'fc26d15ad7dc63bd15a873e99c4522b75bbe9c91', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '809ddb2d23910baa1ff3a57aecdc075226e85290', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, type: "secondary", ref: el => this.prevButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-go-back')), h("tet-button", { key: '2ce6ffa4e8434636ecc0e1fb4ee652a6d3748b11', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, ref: el => this.nextButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-next-step')))));
     }
     static get is() { return "tet-multi-step-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/forms/tet-availability-contact-form/tet-availability-contact-form.js

@@ -121,7 +121,7 @@ export class TetAvailabilityContactForm {
         return (h("div", null, h("tet-dialog", { ref: (element) => this.dialogElement = element, "footer-display": "hidden", "is-open": this.showAvailabilityContactForm, closeOnEscape: true, closeOnOverlayClick: true }, h("div", { class: "form-container" }, h("tet-icon", { name: "confirm-md", class: "icon icon-success icon-size" }), this.showTitle && h("h2", { class: "form-title" }, t('components-availability-contact-form-success-title')), h("p", { class: "form-subtitle" }, t('components-availability-contact-form-success-subtitle')), h("tet-button", { class: "form-container-close", clickCallback: this.closeDialogElement, size: "medium", type: "primary", theme: "light" }, h("span", null, t('components-availability-contact-form-success-close')))))));
     }
     render() {
-        return (h("div", { key: '63c7b8453a97abf60f00dabed340cf2f860a1c74', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
+        return (h("div", { key: 'df25de96adc2a53487535618c26d6017ded53c80', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
     }
     static get is() { return "tet-availability-contact-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/forms/tet-contact-form/tet-contact-form.js

@@ -64,7 +64,7 @@ export class TetContactForm {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h("div", { key: '7cbbbb904b090dd60858e0cfec5704e28f174fb6', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: '96b3a8c916b4e450a8d3daf647066947f6f99a45', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '0bea47bb81facf096655a456015def705b8b2c33', class: "form-container" }, this.showTitle && h("h2", { key: 'fbe360ffb62197b0a5ecd503f1c2ea0ce80240a1', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '0b7467e8ca330342d93805c8667f1577052ab082', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: 'a5043132b9239b6e7ea986c71a654693742f755a', class: "form-input", placeholder: "+37122345678", ref: (element) => this.phoneInput = element, validators: this.validators, label: this.showInputLabel ? t('components-contact-form-input-label') : null, theme: this.darkTheme ? 'dark' : 'classic' }), h("tet-button", Object.assign({ key: 'b9800f791dabf4034f0019a2e1445192ed022130', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit') }, this.submitButtonProps))))));
+        return (h("div", { key: '9774149aa693d5229678c65f57b1a530107e08b5', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: 'd7e345d2a8d7424643db834e9ac0c9f6b7c8d669', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: 'e4d8d8c23c70ba6255e45edde45b8c79b788eca3', class: "form-container" }, this.showTitle && h("h2", { key: 'b4f2acf590040f7dc400562d82d85955b0dc6953', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '78fb23adeb197ae96e6a3f046e78b74e8fc757ea', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: '013ed3a12cc1aeb575fc0bd2dcb1401a2aeb843e', class: "form-input", placeholder: "+37122345678", ref: (element) => this.phoneInput = element, validators: this.validators, label: this.showInputLabel ? t('components-contact-form-input-label') : null, theme: this.darkTheme ? 'dark' : 'classic' }), h("tet-button", Object.assign({ key: 'b9866d69268b1f1106620f12637f1c5628dce4d7', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit') }, this.submitButtonProps))))));
     }
     static get is() { return "tet-contact-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/promotions/tv-gift/tet-tv-gift-block/tet-tv-gift-block.js

@@ -32,7 +32,7 @@ export class TetTvGiftBlock {
         this.setContainerSize();
     }
     render() {
-        return (h(Host, { key: '6fa5c3643ec1cbf8a980dd7dcf4add062fee41f3' }, h("div", { key: 'ad2415ba70d3d9cd18c9ba07b75aedc8df81b8de', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: '2e27bc8a519ac1ebc05dfd90f19290151a77597c', class: "tv-gift__header" }, h("slot", { key: '76959cad03453cfda3ac123908c948805c9fdc1a', name: "header" }, this.headerImageSrc && h("img", { key: '5e57011cee51a0214376b5fbbf44c4e5084836c4', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '47eb671de082cadf963e89176ee1a115ae696256', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '78422d61d3c717c6a217af79a4d9ebe1a90df98d', class: "tv-gift__content" }, h("slot", { key: '0cc59553976cdcff8ee58847381f068987de1391' })), h("div", { key: '9705da254c39522ce568a8b3f26703bd24a48683', class: "tv-gift__footer" }, h("slot", { key: 'f81d442f192c265e0ecfa2ae992690932fce7758', name: "footer" }, h("span", { key: 'eee26914b62077c5001b2dc7ee5aef112aca9a6e', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '3553056fd948fefcb1a0601425e35f0d2daee011', class: "tv-gift__footer__text" }, this.footerText))))));
+        return (h(Host, { key: 'ca946b5563d3f0ed97056322ac4b1b30e2a4c0bb' }, h("div", { key: '1fd7c3d573abc6c43a2cc0a0726b40aba49aad2e', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: 'e48b1378e7c5bfac6799d91a59ade532d7afa266', class: "tv-gift__header" }, h("slot", { key: '7e8419794f801684769579bfb50d88c1920fadaf', name: "header" }, this.headerImageSrc && h("img", { key: '79f53b9bef4f0832cc4a6978638b26c39f7bf273', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: 'a35e422b3de9ed91960c79e087b57293339fdb77', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: 'bd5e4a10739005b72cc6c0d324b04f03c90f3f8e', class: "tv-gift__content" }, h("slot", { key: '06431e7884030a8f022585b9fd85927182914ba5' })), h("div", { key: '46cc76411f6a8f0d38e471c0d6e0fd36d6368eff', class: "tv-gift__footer" }, h("slot", { key: 'c0e52f339f08cedcf821812ccc059411abebfa05', name: "footer" }, h("span", { key: '8c08c30b5d6b932e305a65f1ede1d1db31063464', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '531c4c4cafab9d284b6792f6dc44a1ccc6207229', class: "tv-gift__footer__text" }, this.footerText))))));
     }
     static get is() { return "tet-tv-gift-block"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/promotions/tv-gift/tet-tv-gift-list/tet-tv-gift-list.js

@@ -34,11 +34,11 @@ export class TetTvGiftList {
         this.setContainerSize();
     }
     render() {
-        return (h(Host, { key: '80c3e1fefd3ca6a55b7373d26bc149bb242e6f41' }, h("div", { key: '56757c3c2fa7b169328637ce78f14824028c9a3d', class: {
+        return (h(Host, { key: 'c5291d51b1874784b8ecf0e8dd8f5d1480f5b0d7' }, h("div", { key: '1347f2c03627550e52669dfda266a1ed9cbe9a27', class: {
                 'tv-gift-list': true,
                 [`tv-gift-list--${this.containerSize}`]: true,
                 'tv-gift-list--image-list': Boolean(this.imageSource),
-            } }, this.imageSource && (h("div", { key: '6417daa090839bb35ae145dcf7c4518b42bc62e3', class: "tv-gift-list__image__wrapper" }, h("img", { key: '4656cfba436c5fd42c80fffb68a8cecf77fb23da', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: 'b680d531cd3c2ae35965fe945757cc3789271aa3', class: "tv-gift-list__list__wrapper" }, h("span", { key: 'e91fb3bd9aeade554f352cbbd955d867f39963a9', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: '38240537eb7893bdaf65b63c05b87cafa1f34791', class: "tv-gift-list__list" }, this.list.map(item => (h("li", { class: "tv-gift-list__list__item" }, h("tet-icon", { name: this.listBulletIcon }), item))))))));
+            } }, this.imageSource && (h("div", { key: 'ff86b7908cd5e83e23ecba120b6cab4e10141f78', class: "tv-gift-list__image__wrapper" }, h("img", { key: '4ededbed0da1ecbe36bbeac3980348fbb92ef887', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: '93ee9a7bbb87b30cf2b0583753c874ff5df903ed', class: "tv-gift-list__list__wrapper" }, h("span", { key: '5c62bda439b140e06034340f3d37f4e5a4783c50', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: 'fb6a2919ca5ce8e6c68b4696111b0a37ace28d64', class: "tv-gift-list__list" }, this.list.map(item => (h("li", { class: "tv-gift-list__list__item" }, h("tet-icon", { name: this.listBulletIcon }), item))))))));
     }
     static get is() { return "tet-tv-gift-list"; }
     static get encapsulation() { return "shadow"; }