@tet/tet-components 1.4.87-testing → 1.4.88-staging

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

@@ -62,6 +62,10 @@ export class TetCardList {
      * Determines if the content is currently being scrolled.
      */
     isScrolling = false;
+    /**
+     * Timer used to initialize scroll-dependent controls after rendering.
+     */
+    initializationTimeout;
     /**
      * The event that is emitted when the component is scrolled.
      */
@@ -167,7 +171,7 @@ export class TetCardList {
         }
         this.calculateDimensions();
         this.inertialScroll.init();
-        setTimeout(() => {
+        this.initializationTimeout = setTimeout(() => {
             this.scrollDetails = this.inertialScroll.currentScroll;
             this.updateControlVisibility();
             this.updateChildElementOverflowOpacity();
@@ -300,6 +304,7 @@ export class TetCardList {
      * Removes the event listeners.
      */
     disconnectedCallback() {
+        clearTimeout(this.initializationTimeout);
         this.inertialScroll.detach();
         this.scrollContainerRef?.removeEventListener('mousewheel', this.handleDisableScroll);
         this.scrollContainerRef?.removeEventListener('touchmove', this.handleDisableScroll);
@@ -665,19 +670,19 @@ export class TetCardList {
         this.dimensions.element.width = elementRect.width;
     }
     render() {
-        return (h(Host, { key: '8c8e5e6c2d50c7f6970b70d0590849909a1ba295' }, h("div", { key: '838a05d8a0b794487d669277d2e69d4f421b1dca', class: {
+        return (h(Host, { key: '0b8cde183f9309ade1bcee281586575c266fc13b' }, h("div", { key: 'e6054f2a62ffc1cde80b39588512bc2487eea399', class: {
                 'tet-card-list__container': true,
                 'tet-card-list--no-scroll': this.disableScroll,
                 [this.theme]: true,
-            }, part: "card-list-container" }, h("div", { key: '87273b2bae9149c1dd51115abd416c157767a2c5', class: "tet-card-list__scroll-container" }, h("div", { key: '24f4ae8db457f7fb00e9cb1a338f19cc0b5b431d', part: "card-list", ref: el => (this.scrollContainerRef = el) }, h("slot", { key: '509b3909d144ecb9f6ec913fc720a9e3a234417e' }))), h("tet-button", { key: '0654a906ed6361938fe33f525cdb5d376df18469', theme: this.theme, iconMode: true, class: {
+            }, part: "card-list-container" }, h("div", { key: '73452b7de472b7e0254a29516a39982c715cab97', class: "tet-card-list__scroll-container" }, h("div", { key: '34477458fe1e5479e618c3d8d17d9859eb213be7', part: "card-list", ref: el => (this.scrollContainerRef = el) }, h("slot", { key: '9f66e8ec14435eb6c50ce307386ec825777cfd5a' }))), h("tet-button", { key: '16a051b421a57462b8a2cbca9495a0bbedfcf087', 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: '1a788ecf63b3146b3befb6a4145809d60085a073', name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'chevron-left', class: "tet-card-list__control__icon" })), h("tet-button", { key: '11567b30da9b08acacb8e9548cacea3300267c13', theme: this.theme, iconMode: true, class: {
+            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleLeftControl, onKeyUp: this.handleLeftControlKeyUp }, h("tet-icon", { key: '64e9ebd44fcc8e4af6113da2c024b101eeb94042', name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'chevron-left', class: "tet-card-list__control__icon" })), h("tet-button", { key: '0e2c62406edfad0b2b185177741295490a54d853', 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: 'a823b7beee3ca2aa0b92b8953803174e562e17fa', name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'chevron-right', class: "tet-card-list__control__icon" })), h("div", { key: '14c21ba4d09b6e92a2e3914baa1a8f68cb0cdaf0', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, h("div", { key: '1a2330cf5707536f5aeaf3c461119dedb4396dc8', class: "tet-card-list__scroll--thumb", ref: el => (this.scrollbarRef = el) })))));
+            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleRightControl, onKeyUp: this.handleRightControlKeyUp }, h("tet-icon", { key: 'ff89c57ae39460d2e19fba0dfddc96f5a023c350', name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'chevron-right', class: "tet-card-list__control__icon" })), h("div", { key: '697ee135d128942fd80b97f837bc1e60288cd5ef', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, h("div", { key: 'bf056d8c714c5cc7e4e2e7d4b6f551adee69d4d8', 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-v2/tet-compare-card-v2.js

@@ -303,7 +303,7 @@ export class TetCompareCardV2 {
         return (h("div", { class: "cards" }, [...Array(1)].map(() => [h("tet-placeholder", { class: "tet-placeholder", height: "37rem", width: "20.5rem", darkTheme: this.darkMode })])));
     };
     render() {
-        return (h(Host, { key: '5b48f1acc3c0bbccc430b926e1f244d6306508da', "data-contains-focusable-content": true }, this.showLoader ? this.renderLoader() : this.renderCard()));
+        return (h(Host, { key: 'a16375435aaf2368980814094ad58035dcfa694d', "data-contains-focusable-content": true }, this.showLoader ? this.renderLoader() : this.renderCard()));
     }
     static get is() { return "tet-compare-card-v2"; }
     static get encapsulation() { return "shadow"; }

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

@@ -372,7 +372,7 @@ export class TetCompareCardV3 {
         return (h("tet-placeholder", { class: "card__placeholder", height: "100%", width: "100%", darkTheme: this.theme === 'dark' }));
     }
     render() {
-        return (h(Host, { key: 'bf0e4b29577c8be8c43f7929c5116757361413c0', "data-contains-focusable-content": true }, this.showLoader ? this.renderLoader() : this.renderCard()));
+        return (h(Host, { key: '3a08edf547650d170ca77bdbba8ea39b40c6feb0', "data-contains-focusable-content": true }, this.showLoader ? this.renderLoader() : this.renderCard()));
     }
     static get is() { return "tet-compare-card-v3"; }
     static get encapsulation() { return "shadow"; }

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

@@ -109,7 +109,7 @@ export class TetCompareCards {
         ])));
     };
     render() {
-        return (h(Host, { key: '924e687e85a388d672d7babf5808bb08f29202f8', class: {
+        return (h(Host, { key: '155bba17580e784b135a2e769a83663aafddcc8e', class: {
                 'must-initialize': true,
                 'initialized': this.initializedState
             } }, this.showLoader ? (this.renderLoader()) : (h("div", { class: {

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

@@ -185,7 +185,7 @@ export class TetTabCompareCards {
         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 ?? false, "card-script": cardScript ?? false, data: cardsWithAddedSACData })));
     }
     render() {
-        return (h(Host, { key: 'eaf0e45a8fae7f0ee0c24d4299c63156b30e1938' }, h("div", { key: '8cd49bebb39a664436be6eaf5f5619f7ca625466', class: "tet-compare-cards-tab-wrapper" }, this.withProductFilters ? this.renderProductFilters() : '', this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: '61e2c6bc53f62a9193b6cf2db8754cc64802a4b9', class: {
+        return (h(Host, { key: '41368059c136aa06fe6c1bd8f3224c0fcb33a17e' }, h("div", { key: '0ebea0b6000b9e3dec86f01b255cd0c9306eee4c', class: "tet-compare-cards-tab-wrapper" }, this.withProductFilters ? this.renderProductFilters() : '', this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: '0e6d011bb0b64c16296c0b76ab38e97686f77a52', class: {
                 'tet-compare-cards-tab__cards': true,
                 'hidden': this.showLoader
             } }, this.productDataLoaded ? this.renderContent(this.data, 1) : ''))));

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

@@ -199,12 +199,12 @@ export class TetDynamicCard {
             } }, this.linkText)));
     }
     render() {
-        return (h(Host, { key: '3b923589a902f66ca8d34c98566263419691f3cc', class: {
+        return (h(Host, { key: '50e0527f1c90af1904d6aa090fd33e31c9d200fc', class: {
                 'dynamic-card': true,
                 'is-focused': this.isFocused
             }, "data-index": this.index, ref: (elm) => {
                 this.rootElementRef = elm;
-            } }, h("div", { key: 'd90d5763d83e26d1d9f1b8e644ce3b31cbc37249', class: `card
+            } }, h("div", { key: 'be038ed1c4de45637b01f62b5c77c20573afbdaf', class: `card
             theme-${this.theme}
             size-${this.currentSize}
             position-${this.pictureLayoutShiftPosition}
@@ -212,7 +212,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: 'bd99736ab3616aae92a709986b014bfa761ffa30', class: "image", part: "image" }, h("slot", { key: '1e526cf06cdf88764bf0e017ccf8b5559fcda680', name: "image" }), this.renderPrice(), this.renderTags()), h("div", { key: '343dbcac60f9290acc1019189b9db72072b8b868', class: "content-container" }, h("div", { key: 'a1aff96a3b0af51cfe5f94bd86b188fd4a4b803e', class: "content", part: "content" }, this.cardTitle && (h("h3", { key: '771c7ceab6c48e926ffaf7c7bfea5b114561c4c9', class: "title", part: "title" }, this.cardTitle)), this.subtitle && (h("p", { key: '0bb997ed97cc4737d392c9c11ff549ec97058707', class: "subtitle", part: "subtitle" }, this.subtitle))), this.renderButton()))));
+            }, tabindex: 0, part: "card", "aria-labelledby": this.cardTitle }, h("div", { key: '497dac29aa5e94e85e5555b6ad458011e5e45f15', class: "image", part: "image" }, h("slot", { key: 'cb1b727c7508c95fc557983db5456ac44f7bdc20', name: "image" }), this.renderPrice(), this.renderTags()), h("div", { key: '96f41078faab9362fb80d5cc367608acbde35431', class: "content-container" }, h("div", { key: '3f11813c42468cdeafbc6cfafca3133638ed009c', class: "content", part: "content" }, this.cardTitle && (h("h3", { key: '678783b99311831a68ee9dde1ca85bc325ab189f', class: "title", part: "title" }, this.cardTitle)), this.subtitle && (h("p", { key: 'b49f1c93f0e4632b41f90705e59ccdf848628648', class: "subtitle", part: "subtitle" }, this.subtitle))), this.renderButton()))));
     }
     static get is() { return "tet-dynamic-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -69,7 +69,7 @@ export class TetMiniCompareCard {
         const benefits = this.getResolvedBenefits();
         const buttonLabel = this.buttonLabel.trim();
         const urlTarget = this.urlTarget === '_blank' ? '_blank' : '_self';
-        return (h("div", { key: '4d5877e64f8c20946e59e4d4aa807830c11d00a1', class: "card-wrapper" }, !!benefits.length && (h("div", { key: '47eba5b082dce34832ede6f073461970eabac9c7', class: "card__list" }, benefits.map(({ iconImage, iconName, title }) => (h("div", { class: "card__list-item" }, iconImage ? (h("img", { class: "card__list-item-image", src: iconImage, alt: title })) : (!!iconName && h("tet-icon", { class: "card__list-item-icon", name: iconName })), h("p", { class: "card__list-item-title" }, title)))))), h("div", { key: 'fbd857351626453a8470fdd25fd9121878dcb9a1', class: { 'card__badge': true, 'no-price': this.price == null } }, h("p", { key: 'c4fc6e7b8c3be354a28eb9f73e24a5a82129f89b', class: { 'card__badge-title': true, 'no-price': this.price == null } }, this.productTitle), h("div", { key: '81de12d7b1f168980bd0d602f6464786bbecdbad', class: "card__badge-content-wrapper" }, this.renderBadgeContent(), !!buttonLabel && (h("tet-button", { key: '9f41897e25cc756e79999b3832a2a4c0bbd9594b', class: "card__badge-content-item__button", clickCallback: this.handleCtaClick, ref: (elm) => {
+        return (h("div", { key: '3341ec66e1058637c8219c74dd90304f0c2b0cf5', class: "card-wrapper" }, !!benefits.length && (h("div", { key: '5f3f8958b7f0a4a695a7c88457fe51571a883db3', class: "card__list" }, benefits.map(({ iconImage, iconName, title }) => (h("div", { class: "card__list-item" }, iconImage ? (h("img", { class: "card__list-item-image", src: iconImage, alt: title })) : (!!iconName && h("tet-icon", { class: "card__list-item-icon", name: iconName })), h("p", { class: "card__list-item-title" }, title)))))), h("div", { key: 'baf709372dbeb96ee7777809f8a5a0c975e2e500', class: { 'card__badge': true, 'no-price': this.price == null } }, h("p", { key: '55007795b5ca1c00fbcc001d0c96ae99c83f76eb', class: { 'card__badge-title': true, 'no-price': this.price == null } }, this.productTitle), h("div", { key: 'b9fb02a110e321f3aa5c00ff77f4ca0cb4126b94', class: "card__badge-content-wrapper" }, this.renderBadgeContent(), !!buttonLabel && (h("tet-button", { key: '910bb170576808b0d23fb2e844279b0cfeba4339', class: "card__badge-content-item__button", clickCallback: this.handleCtaClick, ref: (elm) => {
                 this.buttonRef = elm;
             }, type: "primary", theme: "light", url: this.url, "url-target": urlTarget }, buttonLabel))))));
     }

package/dist/collection/components/advanced/cards/tet-snicker-card/partials/tet-snicker-card-badge/tet-snicker-card-badge.js

@@ -17,7 +17,7 @@ export class TetSnickerCardBadge {
             [this.theme]: true,
             [`badge--state-${this.state}`]: !!this.state
         };
-        return (h(Host, { key: '3e8ef3b3c1dbb9c983ced2b561e5091f1b18e645' }, h("span", { key: '68d3dd46bb6419bd1a24ed902a1f7e6fa7f75a37', class: classes }, h("span", { key: '8cf27c945371868bf312e13d20846a8b49369210', class: "badge__text" }, this.badgeTitle ? this.badgeTitle : h("slot", null)))));
+        return (h(Host, { key: 'b7911fd4cbedf9217c646386278cef6f96fa4847' }, h("span", { key: '4210184f5e64e4f0778b781949904226b6914546', class: classes }, h("span", { key: '2193bd7ae6cd07b9729dc216323e8ab4440e5ce9', class: "badge__text" }, this.badgeTitle ? this.badgeTitle : h("slot", null)))));
     }
     static get is() { return "tet-snicker-card-badge"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,4 +1,4 @@
-import { forceUpdate, h, Host } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { a11yBtnClick } from "../../../../services/utils/a11y";
 import { processTranslations, t } from "../../../../services/translations/index";
 import { formatPrice } from "../../../../services/utils/index";
@@ -86,11 +86,11 @@ export class TetSnickerCard {
         const closedLabel = this.accordionConfig?.closedLabelDesktop?.trim();
         return !!openLabel && !!closedLabel;
     }
-    componentWillLoad() {
+    async componentWillLoad() {
         this.isAccordionOpen = this.accordionConfig?.defaultState !== 'closed';
         this.checkDesktopResolution();
         this.ensureDesktopOpenWithoutToggle();
-        processTranslations('tet-components', 'lv').then(() => forceUpdate(this));
+        await processTranslations('tet-components', 'lv');
     }
     onAccordionConfigChanged() {
         this.ensureDesktopOpenWithoutToggle();
@@ -398,7 +398,7 @@ export class TetSnickerCard {
             }, type: "primary", name: "chevron-down" }))), h("div", { class: "header__content" }, this.subtitle && h("p", { class: "header__subtitle" }, this.subtitle), hasPrice && (h("div", { class: "header__price-line" }, h("div", { class: "header__price-main" }, pricePrefix && h("span", { class: "header__price-prefix" }, pricePrefix), h("span", { class: "header__price-value" }, displayedPrice), priceSuffix && h("span", { class: "header__price-suffix" }, priceSuffix)), displayedOldPrice && (h("div", { class: "header__old-price" }, displayedOldPrice, priceSuffix ? ` ${priceSuffix}` : '')))), this.description && h("p", { class: "header__description" }, this.description))));
     };
     render() {
-        return (h(Host, { key: '3be442b3f32bb608b25380921cead039211d8ae5' }, h("div", { key: '0d1c48eeef0e7c3565bc9c7f02e404185e1335f1', class: {
+        return (h(Host, { key: '371d2a9f190550dc6c3619b5e715179dfdc6f9dd' }, h("div", { key: '4fbc106d3953798b920207e7f634f4149fa74bd0', class: {
                 'snicker-card': true,
                 [this.theme]: true,
                 'snicker-card--hoverable': this.isHoverable,
@@ -407,7 +407,7 @@ export class TetSnickerCard {
                 'snicker-card--unavailable': this.isUnavailableState,
                 'snicker-card--subscribed': this.isSubscribedState,
                 'snicker-card--with-badge': !!this.topBadge
-            }, onClick: this.onCardClick }, this.renderTopBadge(), this.renderSubscriptionStrip(), h("tet-accordion", { key: 'a1195aa2bfac1a5473e9482e3330c9a689b04d05', ref: (el) => (this.accordionEl = el), class: "accordion", theme: this.theme, isOpen: this.isAccordionOpen, onOpenChanged: this.onAccordionChanged, transparentBackground: true, isHeaderInteractive: false }, h("div", { key: '29f135ef5e3048c39041e2eb5e7d5f62d050c14b', slot: "header", class: "accordion__header" }, this.renderHeader()), h("div", { key: 'c8b6014cc8b98be1186687850f297c25913eacca', class: "accordion__content" }, this.renderInlineMessage(), this.renderSelection(), this.renderSegmentSwitch(), this.renderBenefits(), this.renderPackageItems(), this.renderSubscriptionItems())), this.renderBottomSection())));
+            }, onClick: this.onCardClick }, this.renderTopBadge(), this.renderSubscriptionStrip(), h("tet-accordion", { key: '35c14f2187e16025f710be0ab3bd5fcc83d86489', ref: (el) => (this.accordionEl = el), class: "accordion", theme: this.theme, isOpen: this.isAccordionOpen, onOpenChanged: this.onAccordionChanged, transparentBackground: true, isHeaderInteractive: false }, h("div", { key: '7a5e1e9a8f16d18a285b19ba5043f6d276bcc3bb', slot: "header", class: "accordion__header" }, this.renderHeader()), h("div", { key: '83ce840564025dc260ef0f69b30f1c0c87fe4151', class: "accordion__content" }, this.renderInlineMessage(), this.renderSelection(), this.renderSegmentSwitch(), this.renderBenefits(), this.renderPackageItems(), this.renderSubscriptionItems())), this.renderBottomSection())));
     }
     static get is() { return "tet-snicker-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -202,7 +202,7 @@ export class TetSnickerCardGroup {
         this.applySelectionToChildren();
     };
     render() {
-        return (h(Host, { key: '123b2befa77e439f3367bf65e62843add86fac26', role: this.selectionType === 'radio' ? 'radiogroup' : 'group', onCardClick: this.handleCardClick, onKeyDown: this.handleKeyDown }, h("slot", { key: 'a7e59b193c1c373814faee1f2a845ac2ade52ade', onSlotchange: this.handleSlotChange })));
+        return (h(Host, { key: 'd26a4cec45cdb8d391c947e3e05e1b07a52aedb3', role: this.selectionType === 'radio' ? 'radiogroup' : 'group', onCardClick: this.handleCardClick, onKeyDown: this.handleKeyDown }, h("slot", { key: 'a79290deac5955aa527f091c407a63e313552448', onSlotchange: this.handleSlotChange })));
     }
     static get is() { return "tet-snicker-card-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -122,7 +122,7 @@ export class TetCustomerAssets {
         return (h("tet-selection-list", { items: assets, itemRenderFunction: assetRenderFunction, multipleSelections: false, class: "item", exportparts: "label", onItemSelected: this.selectAsset }));
     };
     render() {
-        return (h(Host, { key: '9f3805787a389a54ca6bd3a19e2cb43675007765' }, h("div", { key: 'b57f95f232e7f60cb01ae9e2aed7b97986700616', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
+        return (h(Host, { key: 'bcda0fdacaaa6d8a2431ba5fc871803461ac500f' }, h("div", { key: 'c3c38a87805c2c37429332f6b2d58f3f5d3890e2', 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

@@ -25,7 +25,7 @@ export class TetReferral {
      * Lifecycle method.
      */
     async componentWillLoad() {
-        processTranslations('tet-components', this.language).then(() => forceUpdate(this));
+        await processTranslations('tet-components', this.language);
     }
     /**
      * Returns the link with the referral ID (the data prop encoded as Base64).
@@ -47,9 +47,9 @@ export class TetReferral {
         });
     };
     render() {
-        return (h(Host, { key: '82f77e47748a0b7a92ebf0faba1398cc0c18d70d' }, h("div", { key: 'efb20b5f8301791df19b1ce4a33deaa75a96769d', class: "wrapper" }, h(ThemeWrapper, { key: '9838f2d2c5a3ed603506ff0cd5c20cd8e719bfea', theme: this.theme }, h("div", { key: 'd0426f1f0fe7a8c3fa114b7fc646066430422707', class: "image-container" }, h("img", { key: 'c878e8bc22a0f4fe90d6481a8e2ebf33a7b7702d', src: t('components-referral-image-url'), alt: "" })), h("div", { key: 'b1c9d4581f4fdc456d9ae8efa218568974fb019f', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '0998dccc636b6c9c1b74e72fe78980b59c7bc95d', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '38c470bcda550ff2f6c0cc819e8d80411b4a1648', class: "referral-block" }, h("div", { key: '242fba077e1ed5f7ec004935ba01dde99f624a09', class: "url-wrapper" }, h("div", { key: 'e065a40693e68e46d6c76333ba07c41d55b3602d', class: "referral-url" }, this.getReferralUrl()), h("div", { key: 'f6143305c9fc7a9515ce3c128ded1984a75cf032' }, h("div", { key: '7735352c0d9ee0e51513b335ad7c60bc894cda83', class: "button-wrapper" }, h("tet-tooltip", { key: '2989c36bb674cac2ca08199f11b915afbc397ea9', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
+        return (h(Host, { key: '3df58c6196225141c2abd9332f697bf580bf0cc6' }, h("div", { key: '538ec00b8ea43c78e3409be1e317f5997c99dc5d', class: "wrapper" }, h(ThemeWrapper, { key: '4c5d6a78fa061a9129b11c81fe12e26f5ddd298d', theme: this.theme }, h("div", { key: '1caf32aeb6b501c5215bccddc5326d35c76e020e', class: "image-container" }, h("img", { key: '57d5f6af0de842e0af146c8f25d6bde29f17184d', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '6271ec9e3e12100bbdc67f69c59fa36df93c1929', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '62886d1cf4947262aa2a925330e4c0aa718a7f78', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '765e7e0f9aca058099a2ec56ff0e1f41464ecf11', class: "referral-block" }, h("div", { key: '70bd8a639ed401cdb30e367fcb2268bc6965316e', class: "url-wrapper" }, h("div", { key: '2b1f82c1baee31652b3fda4c74892d4f165434a1', class: "referral-url" }, this.getReferralUrl()), h("div", { key: '361a733d1aed6f45e7d779742ce41add0a78830f' }, h("div", { key: '1cad3bbaaaeee0fbba6bc2ffdd97f5c81db7a3e5', class: "button-wrapper" }, h("tet-tooltip", { key: 'c7826fee32aab314c750acccb11e2015556556f3', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
                 this.tooltip = el;
-            } }, t('components-referral-tooltip')), h("tet-button", { key: '111a86f83782de1da313e2acdae5dafb61e395bc', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
+            } }, t('components-referral-tooltip')), h("tet-button", { key: '1d86706c8ec45b69111d0fd11af6fd3a598488c8', 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

@@ -1,4 +1,4 @@
-import { Host, h, forceUpdate } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 import { processTranslations, t } from "../../../../services/translations/index";
 /**
  * A multi step dialog component.
@@ -38,7 +38,7 @@ export class TetMultiStepDialog {
      * Lifecycle method.
      */
     async componentWillLoad() {
-        processTranslations('tet-components', this.language).then(() => forceUpdate(this));
+        await processTranslations('tet-components', this.language);
     }
     /**
      * Lifecycle method.
@@ -130,7 +130,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: '9217a68bfb73c71f626e2756e4b558320906ab6c', class: "multi-step-dialog" }, h("tet-dialog", { key: 'b50c1da7ac898a768dc24a51ce5c4e8ee9921089', class: this.tetDialogClass, "is-open": this.isOpen, "data-screen-key": this.dialogDataScreenKey, "footer-display": "right", ref: el => this.tetDialog = el, theme: this.theme, onCloseDialog: this.handleCloseDialog, onOpenDialog: this.handleOpenDialog }, h("div", { key: 'ffd2f3dac21a95a9c00689c2c9a52869af2bbe99', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: 'e9b69034980ad9627e3c3fd49085b59906fb416a', 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: '3175b1b043a84f5ebfdbe71b63e057892dedc085', 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: 'bd89ee2e5047760ac684b49b61f72d095076918e', class: "multi-step-dialog" }, h("tet-dialog", { key: '61ce62e4df844bfdcf8f59620fc6e1cedebc020e', class: this.tetDialogClass, "is-open": this.isOpen, "data-screen-key": this.dialogDataScreenKey, "footer-display": "right", ref: el => this.tetDialog = el, theme: this.theme, onCloseDialog: this.handleCloseDialog, onOpenDialog: this.handleOpenDialog }, h("div", { key: '63f73d21d6a650babacef7708af21fe187a34fee', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '5bbed5e716ad44c98de6ca71518386d79a7198b0', 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: '236135dfce96be1cc705b0403d39d6fa371c221d', 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 properties() {

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

@@ -132,7 +132,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: 'ff9558fb4b908ed6e074aebe4c50d71d735bb25a', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
+        return (h("div", { key: '129434838d50dd8303900924a4a637fe81eaa3c4', 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-b2b-check-out-form/tet-b2b-check-out-form.js

@@ -150,11 +150,11 @@ export class TetAvailabilityContactForm {
     }
     render() {
         const { theme } = this;
-        return (h("tet-dialog", { key: '7012e007389b45790cff730c8ed243cd475291c1', class: "modal-form-card", headerTitle: t('components-b2b-check-out-form-header'), theme: theme, closeOnOverlayClick: false, footerDisplay: "right", ref: (el) => {
+        return (h("tet-dialog", { key: '73d17b405beaa329dcdc142ce900e033856a8f90', class: "modal-form-card", headerTitle: t('components-b2b-check-out-form-header'), theme: theme, closeOnOverlayClick: false, footerDisplay: "right", ref: (el) => {
                 this.dialogElement = el;
-            } }, h("div", { key: '757108cbc232e91e5db507d6e44cb6a9c4ae24d1', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: 'ea781a249a3d817b4f97625e7aa28680f07fa4ee', class: "modal-form-card-content-header" }, h("div", { key: 'e1d91e657be5b4e570447c29bb69a06eb71cf1c6', class: "icon-wrapper" }, h("tet-icon", { key: '5aee04766679b484c460838e571917c853e79508', class: "icon", name: "tc-company-1" })), h("span", { key: '01906c6d923c02f05b382525f200590fd36fb1d0', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: 'ddfb3c9cb711c2b4f077b0905228c245b136342e', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: 'eacc5483b6924da65e30fd244351facf8bd86fff', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: 'f9d57f738606f9f79344be5becca6fdcbc1e66f6', name: "cart" })), h("form", { key: '756fbe7232bf1ca98312bb5f1a77445f247f660c', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: '7b11eba9271b9551a71d6aee45d60d77589fa7e5', class: "modal-form-card-input__row" }, this.renderInput('companyRegNr', t('components-b2b-check-out-form-company-registration-number-input-label'), '40000000001', 'company-reg', '11'), this.renderInput('companyName', t('components-b2b-check-out-form-company-name-input-label'))), this.renderInput('address', t('components-b2b-check-out-form-address-input-label'), t('components-b2b-check-out-form-address-input-placeholder')), this.renderInput('nameSurname', t('components-b2b-check-out-form-name-input-label'), '', 'name'), h("div", { key: 'be2d3d2fa6e1c9900dbd2f8703c878db90ef1bf4', class: "modal-form-card-input__row" }, this.renderInput('email', t('components-b2b-check-out-form-email-input-label'), 'contact@company.com', 'email'), this.renderInput('phoneNr', t('components-b2b-check-out-form-phone-number-input-label'), '22222222', 'phone', '8')), h("tet-checkbox", { key: '2e7b66967f87b4e2bcc6217c609f7a36fd1473af', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: '77e48b338a83d8d0da07886da94f9d9a65fde0c0', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: 'ed611190ec2bdcb6cd5f99ae86351d8f4e1e9680', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: '0ff5e2eb1e41adf60400ae4e5c20da80d56252aa', type: "secondary", size: "medium", theme: theme, onClick: () => {
+            } }, h("div", { key: '9cf8933b99b5d0967983ade602edd63c91762e86', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: 'e0eac6b7d46724265036a434face62578b78c4de', class: "modal-form-card-content-header" }, h("div", { key: 'ecb884840ba37f36767a43fbb1ed4203f1183410', class: "icon-wrapper" }, h("tet-icon", { key: 'e36de21f7b88a0cf789dd3701d43937f80078f14', class: "icon", name: "tc-company-1" })), h("span", { key: '00382689298fed70908d118f63447564e310dfe3', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: 'e0256939a5166e9ca549919bea6e25fb9d72bcb6', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: '6935744129160976ffcecf26a2fa4f1ab85a1b15', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: 'e95a4a8f60832022e8118ec66fd723931cb41b9c', name: "cart" })), h("form", { key: 'da295f32025a963b8180fd931a6bbbca4c7abf02', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: '96308a157dc2d67eb6ee6414028b6240f53a8958', class: "modal-form-card-input__row" }, this.renderInput('companyRegNr', t('components-b2b-check-out-form-company-registration-number-input-label'), '40000000001', 'company-reg', '11'), this.renderInput('companyName', t('components-b2b-check-out-form-company-name-input-label'))), this.renderInput('address', t('components-b2b-check-out-form-address-input-label'), t('components-b2b-check-out-form-address-input-placeholder')), this.renderInput('nameSurname', t('components-b2b-check-out-form-name-input-label'), '', 'name'), h("div", { key: '25d031e98c593e472d6c5acd4b5a5561622319a4', class: "modal-form-card-input__row" }, this.renderInput('email', t('components-b2b-check-out-form-email-input-label'), 'contact@company.com', 'email'), this.renderInput('phoneNr', t('components-b2b-check-out-form-phone-number-input-label'), '22222222', 'phone', '8')), h("tet-checkbox", { key: 'bfa467f71ec091fb4f1808cc0300323cdc7ece72', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: 'bf1696229ff13bf26a7ba7819de5415eb2e8b999', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: 'af75d291adb00a7e140e58a4c7d39a5ea764b12c', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: '54981801046a9532bb5158e77b542e8092d8e640', type: "secondary", size: "medium", theme: theme, onClick: () => {
                 this.dialogElement.close();
-            } }, t('components-b2b-check-out-form-close-button-label')), h("tet-button", { key: '5e0fc037a2ca53273ac0a7d2b90567d94cdd3a13', type: "primary", size: "medium", theme: theme, onClick: () => this.handleSubmit() }, t('components-b2b-check-out-form-submit-button-label')))));
+            } }, t('components-b2b-check-out-form-close-button-label')), h("tet-button", { key: '031adc46bba159f30ab7c741806c7e12316f91ad', type: "primary", size: "medium", theme: theme, onClick: () => this.handleSubmit() }, t('components-b2b-check-out-form-submit-button-label')))));
     }
     static get is() { return "tet-b2b-check-out-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,8 +32,8 @@ export class TetContactForm {
     taskCreationSuccess;
     /** The event emitted if the task creation failed. */
     taskCreationFailed;
-    componentWillLoad() {
-        processTranslations('tet-components', this.language).then(() => forceUpdate(this));
+    async componentWillLoad() {
+        await processTranslations('tet-components', this.language);
     }
     createManualTask = async () => {
         this.showLoader = true;
@@ -73,7 +73,7 @@ export class TetContactForm {
         return (h("div", { class: "loader-overlay" }, h("tet-loader", { class: "loader" })));
     };
     render() {
-        return (h("div", { key: '583aabef9a619f440751919ef06ccf47c55c5be8', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: 'f77b3134fd472fe49986356d7d7607ed1c337795', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '1f4fe738af3aad50eddb6fa1d6a838237784333d', class: "form-container" }, this.showTitle && h("h2", { key: '234c668923d1eb50d717012442e457c9a181c795', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '011107869287092bf08288aea16407438e8074b4', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: 'e2693549ee1508ff92bc48b90fff07185cf56715', 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", { key: 'b6cacae9265fdae565875ce29bd94b152e651298', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit'), ...this.submitButtonProps })))));
+        return (h("div", { key: '58127dee20b5127f91d825d4957adf18841fc171', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: 'df73a8cb49bbdf13a228f8635c9973a9b8fd9e81', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '015b59349debb4aa1fb1cb2628911e4cb423cae9', class: "form-container" }, this.showTitle && h("h2", { key: '6da22757cfcae1875df43fa1d57215fe01faddf7', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '69ef427532cf361b54dfea8db3fae6923f2778a5', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: 'c9ba48d61417dcafe0058379d98171f22e27870f', 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", { key: '89bc451ff4f95fd1dd6b8d48f5341fa4db2710ea', 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/forms/tet-feedback-form/tet-feedback-form.js

@@ -37,6 +37,8 @@ export class TetFeedbackForm {
     }
     /** Reference to the tet-accordion element. */
     accordionRef;
+    /** Timer used to scroll the expanded form into view. */
+    accordionScrollTimeout;
     /** Reference to the tet-textarea element. */
     textareaRef;
     /** References to the tet-checkbox elements. */
@@ -110,10 +112,14 @@ export class TetFeedbackForm {
     }
     handleAccordionOpenChanged(e) {
         this.expanded = e.detail;
+        clearTimeout(this.accordionScrollTimeout);
         if (!e.detail) {
             return;
         }
-        setTimeout(() => this.scrollHostIntoViewAfterOpen(), this.accordionAnimationDurationMs);
+        this.accordionScrollTimeout = setTimeout(() => this.scrollHostIntoViewAfterOpen(), this.accordionAnimationDurationMs);
+    }
+    disconnectedCallback() {
+        clearTimeout(this.accordionScrollTimeout);
     }
     /**
      * Handles click on a checkbox list item to update the submission data with the selected options.
@@ -248,7 +254,7 @@ export class TetFeedbackForm {
         return (h("div", { class: "feedback-form__thank-you", "aria-live": "polite" }, h("tet-icon", { class: "icon", name: thankYouIconName }), h("div", { class: "text-block" }, h(HeadingTag, { class: "title" }, thankYouTitle), h("p", { class: "description" }, thankYouDescription))));
     }
     render() {
-        return (h(Host, { key: '96d62216ab9658ef40bd5ca7ccb3b3531ad39069' }, h("section", { key: '1b83c98fbc72464870f5ce6dac782c047693ade1', class: "feedback-form" }, this.submitted ? this.renderThankYouComponent() : this.renderAccordionComponent())));
+        return (h(Host, { key: '5edde0b5e354790ad31913065bff596d06b8781c' }, h("section", { key: '0675dc0a280e507d722abf48c998f444c4c850c0', class: "feedback-form" }, this.submitted ? this.renderThankYouComponent() : this.renderAccordionComponent())));
     }
     static get is() { return "tet-feedback-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,7 +33,7 @@ export class TetTvGiftBlock {
         }
     };
     render() {
-        return (h(Host, { key: 'cc14bbabad9ea3fb4fa3f8a8845fd4e79f329c20' }, h("div", { key: '3fce4101cb146506dc17f780fc90c41642b03924', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: '4acd2088e6da7757cbabd7c2ba323d3f173a6676', class: "tv-gift__header" }, h("slot", { key: 'd0f9bac47c5bf5f5121c01f0a6cf040b946ebfc1', name: "header" }, this.headerImageSrc && h("img", { key: '93134351619719edb00f6ab153fb2e2de4480f2f', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '4cf7b5dec477f05ac3e30b461180b4f6f19ce3db', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: 'd01f3126578674409ac82d6239cc63d1c3159814', class: "tv-gift__content" }, h("slot", { key: 'e1e02a0d6a5e92fd8d05fb327692196d288bd88e' })), h("div", { key: 'f86df24a2ff20d7a9d0f76481ca08fa5302494d0', class: "tv-gift__footer" }, h("slot", { key: 'd6f26a49bc5b6ca278fb2fbf634db2061f04ae0c', name: "footer" }, h("span", { key: '347f42cf7b311a3cd36864c1ba6a3b06fab13628', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '022ed6c7e29d73f2f5adac28d5e2726438e8e902', class: "tv-gift__footer__text" }, this.footerText))))));
+        return (h(Host, { key: 'c110495acc9b0bee595ddafeb5cf509ec0341bea' }, h("div", { key: '356e2a136a00f38085bdac5cdc000ded90f71956', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: '1fbebf6e077e92f3119f5503d156db26021a8a9e', class: "tv-gift__header" }, h("slot", { key: '979f4229c6a1fe6f667338e3a33ee834e37bd110', name: "header" }, this.headerImageSrc && h("img", { key: 'e45fd5998f3587f23e0e0a9ff70e644dfa5ad9c1', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '8f27bfd8f2b9e14eb8a0bc022aeecdbe33d97dfe', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '47d8ccda2685d0b307f964c9637b619e6b777b2d', class: "tv-gift__content" }, h("slot", { key: '73d1c7166b77132e4da821d816e16a024521641b' })), h("div", { key: '94e068ee52249a15b31d9dedefde84f79fa57ada', class: "tv-gift__footer" }, h("slot", { key: 'c603093a05402c72f1463603f2c96d50d4bd0ed6', name: "footer" }, h("span", { key: '1780998440350a3403ac63d3ce5438e5812d461b', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '921ae35b4664eb8a37a6cc315beb95bac976b185', 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

@@ -36,11 +36,11 @@ export class TetTvGiftList {
         }
     };
     render() {
-        return (h(Host, { key: '4260d1ce07a1a2933b37c768ec09badf3046dd21' }, h("div", { key: 'f934dfb005c0353c2c8ef5c707fe6d6a095d0d16', class: {
+        return (h(Host, { key: '652ca13935f387b83767d7f1979675580d31d47b' }, h("div", { key: '42c8cdde01e047b1c6f16184934b4de5f49fd91d', class: {
                 'tv-gift-list': true,
                 [`tv-gift-list--${this.containerSize}`]: true,
                 'tv-gift-list--image-list': Boolean(this.imageSource),
-            } }, this.imageSource && (h("div", { key: 'f912cc6bca2c53682a5ebe489c3e4dc93c387170', class: "tv-gift-list__image__wrapper" }, h("img", { key: 'b1c54fc0b0c9b9d7757b04c3286ef648ba9d4ff0', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: '690b5f68631b814db053888785394ac6a712d142', class: "tv-gift-list__list__wrapper" }, h("span", { key: 'd89b80a4cfec388c62314204aef7736506837836', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: 'c42b05b974e22e407f762e0d78a519ece0d3ff81', 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: 'dfe97d055b3e350da477ac0440dd897898143725', class: "tv-gift-list__image__wrapper" }, h("img", { key: 'f1159708deac3a174db743d3a5e743e8bbbbf06c', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: 'aa8c80560662cb5251e0496fc923152acfb15566', class: "tv-gift-list__list__wrapper" }, h("span", { key: 'b941194d62ccd0cd50db2c8ab42a3f26a69125c9', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: 'e3cb1cfd2a0f6e5a53c89d894d3bce8c5685d5a6', 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"; }

package/dist/collection/components/advanced/search/tet-support-search/tet-support-search.js

@@ -204,11 +204,11 @@ export class TetSupportSearch {
         ])))))));
     }
     render() {
-        return (h(Host, { key: '14d26e407d996031cd37d6c99c09b0eabcc94375', class: {
+        return (h(Host, { key: 'c68c1503c87544a2b8857f9e4ca297704f1e83aa', class: {
                 "search-container": true,
                 [this.theme]: true,
-            } }, h("div", { key: '566990a9dd44074a16caaea65cc4c16827086178', class: "search-container__inner-wrapper" }, h("tet-autocomplete", { key: '6cc0290fe383f5ea2ed5f9e95d049ea1866bf760', optionsFilterAction: this.debounceOptionsFilter, onOptionSelected: this.boundHandleAutocompleteOptionSelection, onSearchTextSubmitted: this.boundHandleAutocompleteSearchSubmit, noOptionsMessage: this.labels.notFoundMessage, customOptionRenderFunction: this.boundRenderOption, finishedLoading: this.boundFinishedLoadingFunction, clearCallback: () => this.resetInputState(), darkTheme: this.theme === 'dark', newStyle: true, ref: (el) => (this.autocompleteComponent = el) }, h("tet-input", { key: '0708b358b9e010a28b674c9d1592f049ca98f19e', class: "search-container__input", "input-class": `autocomplete-input search-container__input ${this.isLoading ? 'with-loader' : ''}`, "input-placeholder": this.labels.placeholder, "input-disabled": this.disabled, label: this.showInputLabel ? this.labels.label : undefined, accessibilityLabel: this.showInputLabel ? undefined : this.labels.label, iconLeft: "tc-search-short", iconRight: this.inputIconRight, iconRightClickCallback: this.boundHandleClearInput, iconRightAccessibilityLabel: this.labels.clearButtonLabel, theme: this.theme, ref: (el) => (this.inputComponent = el), autocomplete: "off", "input-value": this.inputValue }, this.isLoading &&
-            h("tet-spinner", { key: 'ccdb1e9f2d81d435a6c8584e20f63258cbf8354f', theme: this.theme, class: "search-container__spinner", size: "small" }))), h("tet-button", { key: '5996df17ad9bce25b61ff8e1846c6acf648022ae', class: "search-container__button search-container__button--mobile", theme: this.theme, size: "small", "accessibility-label": this.labels.searchButtonLabel, iconName: "tc-arrow-right", iconMode: true, disabled: this.disabled, onClick: this.boundHandleSearchSubmit }), h("tet-button", { key: 'e37a53d416210e302a4b9f20dc42420f07769a93', class: "search-container__button search-container__button--desktop", theme: this.theme, size: "medium", disabled: this.disabled, onClick: this.boundHandleSearchSubmit }, this.labels.searchButtonLabel))));
+            } }, h("div", { key: 'b89ceb7547ef90bccbf5c92bcd8d07bd680eea8d', class: "search-container__inner-wrapper" }, h("tet-autocomplete", { key: '572bdfe6563b4edbdabc3cf8f3838c4e52e655bb', optionsFilterAction: this.debounceOptionsFilter, onOptionSelected: this.boundHandleAutocompleteOptionSelection, onSearchTextSubmitted: this.boundHandleAutocompleteSearchSubmit, noOptionsMessage: this.labels.notFoundMessage, customOptionRenderFunction: this.boundRenderOption, finishedLoading: this.boundFinishedLoadingFunction, clearCallback: () => this.resetInputState(), darkTheme: this.theme === 'dark', newStyle: true, ref: (el) => (this.autocompleteComponent = el) }, h("tet-input", { key: '875af4d00a42be0128044e8fb54b25e524964d20', class: "search-container__input", "input-class": `autocomplete-input search-container__input ${this.isLoading ? 'with-loader' : ''}`, "input-placeholder": this.labels.placeholder, "input-disabled": this.disabled, label: this.showInputLabel ? this.labels.label : undefined, accessibilityLabel: this.showInputLabel ? undefined : this.labels.label, iconLeft: "tc-search-short", iconRight: this.inputIconRight, iconRightClickCallback: this.boundHandleClearInput, iconRightAccessibilityLabel: this.labels.clearButtonLabel, theme: this.theme, ref: (el) => (this.inputComponent = el), autocomplete: "off", "input-value": this.inputValue }, this.isLoading &&
+            h("tet-spinner", { key: '2141a70d348d277bd67c61f9fe42c9987a848186', theme: this.theme, class: "search-container__spinner", size: "small" }))), h("tet-button", { key: 'a376980d3d6c80f1f83a5b221b748b00436dd341', class: "search-container__button search-container__button--mobile", theme: this.theme, size: "small", "accessibility-label": this.labels.searchButtonLabel, iconName: "tc-arrow-right", iconMode: true, disabled: this.disabled, onClick: this.boundHandleSearchSubmit }), h("tet-button", { key: '0191557b7d984882073921786e32fb741102c8ca', class: "search-container__button search-container__button--desktop", theme: this.theme, size: "medium", disabled: this.disabled, onClick: this.boundHandleSearchSubmit }, this.labels.searchButtonLabel))));
     }
     static get is() { return "tet-support-search"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/buttons/tet-button/tet-button.css

@@ -423,7 +423,7 @@
   width: var(--button-width);
   border-radius: 2rem;
   cursor: inherit;
-  transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out, border-radius 0s;
   font-family: var(--font-family-content);
   font-weight: var(--button-font-weight);
   color: var(--button-text-color-current);