@tet/tet-components 1.4.84-testing → 1.4.85-testing

package/dist/cjs/tet-accordion.cjs.entry.js

@@ -135,13 +135,13 @@ const TetAccordion = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'abd2258aef5f7b20275ebc84a154cca6da27e224' }, index.h("div", { key: '580dedd434b319cf06e56daba7244308fda64809', class: {
+        return (index.h(index.Host, { key: 'fb419c54fa0bd745e9ffca1fe7025236e28bb96c' }, index.h("div", { key: 'b2a9991f56f93d3e04fda05576f0065c43b2db80', class: {
                 'tet-accordion': true,
                 'tet-accordion--border': this.withBorder,
                 [`${this.theme}-theme`]: true,
                 [`tet-accordion--breakpoint-${this.breakpoint}`]: true,
                 'transparent-bg': this.transparentBackground,
-            } }, index.h("div", { key: '48797037e427685534ed291314d19b0dee2db6bb', class: {
+            } }, index.h("div", { key: '1b09b210b09c9dec12dab27a989e1a18fdce471b', class: {
                 "tet-accordion__header": true,
                 [this.theme]: true,
                 "tet-accordion__header--non-interactive": !this.isHeaderInteractive,
@@ -149,15 +149,15 @@ const TetAccordion = class {
                 onClick: this.toggleOpenState,
                 onKeyDown: this.toggleAccessibilityOpenState,
                 tabIndex: 0
-            } : {}) }, index.h("slot", { key: '4ca02980ca7f8d4e4d5664a7fe746727d0cd79bd', name: "header" }, this.headerIconName && (index.h("tet-icon", { key: '504994480017a3468bf66bbc609cfde515e035ae', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (index.h("img", { key: 'c3d7c1c5af62a8e29ab4901029845ccbfe5f0461', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (index.h("tet-icon", { key: 'a33fb44daf412662072ea52b67eb2bf2b9f921c5', name: `chevron-${this.indicatorDirection}`, class: {
+            } : {}) }, index.h("slot", { key: '21bece11319f8546c1a48443a1bffdf91dad7867', name: "header" }, this.headerIconName && (index.h("tet-icon", { key: '02eb7596bd7912e73d4ef5f988ae2590d60d1398', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (index.h("img", { key: '60ce5f06ca647a9fd722a158f54e08f219bcadab', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (index.h("tet-icon", { key: '1b231127467f8bb135810465e00e9d655c89866c', name: `chevron-${this.indicatorDirection}`, class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })))), index.h("div", { key: '18daea76d4e67b247d6da18549a433e2ef4c8897', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })))), index.h("div", { key: '2699f453b4598b7fc92c2dbee98a8c258ea4d766', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, index.h("div", { key: 'a413cd578c1b4a4d1a1af53205fae00deb2bd1dc', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, index.h("div", { key: 'fd769b9ac44d816cb717f2292de6da21331281cc', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, index.h("slot", { key: 'fb6ab873cf1e514c8f2a4374101a1abac7cdf6c7' }))))));
+            } }, index.h("slot", { key: 'd38cd0b17cecc93c2e344eae6c280d24e5404934' }))))));
     }
 };
 TetAccordion.style = TetAccordionStyle0;

package/dist/cjs/tet-address-offers-view.cjs.entry.js

@@ -187,7 +187,7 @@ const TetAddressOffersView = class {
         return index.h(index.Fragment, null);
     }
     render() {
-        return (index.h(index.Host, { key: '44936e2ef654cfec9de5e89e941b2dc1dabb6c4a' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (index.h(index.Host, { key: '314d8ac7b2b1762f353a08e4d7337502838ec552' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"]

package/dist/cjs/tet-address-offers_4.cjs.entry.js

@@ -888,7 +888,7 @@ const TetAddressOffersFilters = class {
      * @returns {FunctionalComponent}
      */
     render() {
-        return (index$1.h(index$1.Host, { key: '5e81dd715c0c600e4c7c7c6d3c0e4c266381f765' }, state.availableFilters.length === 0 && this.renderLoader(), index$1.h("tet-tag-group", { key: '9e32bcc88f271eeb4495fd1cd6d620cb3e8608c0', tags: state.availableFilters, language: this.language, theme: this.theme }), this.renderClearFilterBtn()));
+        return (index$1.h(index$1.Host, { key: '1d8b08d4857d04ab99490216be0b39bc4336ece0' }, state.availableFilters.length === 0 && this.renderLoader(), index$1.h("tet-tag-group", { key: '7cbab7f9fea9b81f903f21e353e62b4eb7bf0857', tags: state.availableFilters, language: this.language, theme: this.theme }), this.renderClearFilterBtn()));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"]
@@ -1184,7 +1184,7 @@ const TetAvailabilityContactForm = class {
         return (index$1.h("div", null, index$1.h("tet-dialog", { ref: (element) => this.dialogElement = element, "footer-display": "hidden", "is-open": this.showAvailabilityContactForm, closeOnEscape: true, closeOnOverlayClick: true }, index$1.h("div", { class: "form-container" }, index$1.h("tet-icon", { name: "confirm-md", class: "icon icon-success icon-size" }), this.showTitle && index$1.h("h2", { class: "form-title" }, translations.translate('components-availability-contact-form-success-title')), index$1.h("p", { class: "form-subtitle" }, translations.translate('components-availability-contact-form-success-subtitle')), index$1.h("tet-button", { class: "form-container-close", clickCallback: this.closeDialogElement, size: "medium", type: "primary", theme: "light" }, index$1.h("span", null, translations.translate('components-availability-contact-form-success-close')))))));
     }
     render() {
-        return (index$1.h("div", { key: '5a4c869cb0502b697bf9f8dd2c1c9c43e97f91b1', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
+        return (index$1.h("div", { key: 'ff9558fb4b908ed6e074aebe4c50d71d735bb25a', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"]

package/dist/cjs/tet-address-search.cjs.entry.js

@@ -348,21 +348,21 @@ const TetAddressSearch = class {
         const submitButtonColorTheme = (isButtonActive && isDarkContainerTheme && this.alwaysExpanded)
             ? 'adaptive-yellow'
             : undefined;
-        return (index.h(index.Host, { key: '029a8140df973cfa2036c0681884682c2478494c', class: {
+        return (index.h(index.Host, { key: 'cce6dd419ef73b284cef7ecad4674240544b7717', class: {
                 "address-search": true,
                 "address-search--redesigned": this.redesignedStyle,
                 "always-expanded": this.alwaysExpanded,
                 "keyboard-focus": this.focusVisible,
                 "active": this.elementActive,
                 [this.theme]: true,
-            } }, index.h("tet-autocomplete", { key: '49789b681b5e1d9e03c065c41301e2e0736faa47', class: `address-search--redesigned__autocomplete
+            } }, index.h("tet-autocomplete", { key: '3848900d426561d10da70ec97a5815584e24227f', class: `address-search--redesigned__autocomplete
             ${isDarkContainerTheme ? 'dark' : ''}
           `, part: "autocomplete", optionsFilterAction: this.debounceAddressFilter, onOptionSelected: this.handleAutocompleteOptionSelection, noOptionsMessage: translations.translate('components-address-search-not-found-message'), noOptionsRenderFunction: this.manualAddressTriggers ? this.renderManualAddressInputNoOptionsMessage : undefined, clearCallback: this.autocompleteClearInputCallback, finishedLoading: this.finishedLoading, darkTheme: isDarkContainerTheme, newStyle: this.newStyle, ref: (el) => (this.autocomplete = el), optionsIcon: "location", redesignedStyle: this.redesignedStyle, highlightOptionsKeyword: this.highlightOptionsKeyword }, this.redesignedStyle ? (index.h("div", { class: "address-search--redesigned__autocomplete-content" }, index.h("div", { class: `address-search--redesigned__input-wrapper
                 ${isDarkContainerTheme ? 'dark' : ''}` }, index.h("tet-input", { class: `address-search__input address-search--redesigned__input
                     ${isDarkContainerTheme ? 'dark' : ''}`, part: "input", "input-class": inputClasses.join(' '), "input-placeholder": this.placeholder, "input-disabled": this.inputDisabled, label: this.label, accessibilityLabel: this.accessibilityLabel, iconLeft: this.newFormsStyle ? '' : 'tc-search-short', iconRight: this.inputIconRight, iconRightClickCallback: this.clearInputAction, ref: (el) => (this.inputComponent = el), error: this.isInputInvalid, autocomplete: "off" }, this.isLoading &&
             index.h("tet-spinner", { theme: isDarkContainerTheme ? 'dark' : 'light', class: "address-search__spinner", size: "small" }))), index.h("div", { class: `address-search--redesigned__button-wrapper
                 ${isDarkContainerTheme ? 'dark' : ''}` }, index.h("tet-button", { class: "submit-address js-button-mobile button-icon", type: "primary", theme: submitButtonTheme, colorTheme: submitButtonColorTheme, customColorCode: submitButtonColor, "accessibility-label": translations.translate('components-address-search-search'), iconName: "arrow-right", iconMode: true, onClick: this.handleSearchSubmit }), index.h("tet-button", { class: "submit-address button js-button", type: "primary", size: "medium", theme: submitButtonTheme, colorTheme: submitButtonColorTheme, customColorCode: submitButtonColor, onClick: this.handleSearchSubmit }, this.searchButtonText)))) : (index.h("tet-input", { class: "address-search__input", part: "input", "input-class": inputClasses.join(' '), "input-placeholder": this.placeholder, "input-disabled": this.inputDisabled, label: this.label, accessibilityLabel: this.accessibilityLabel, iconLeft: this.newFormsStyle ? '' : 'search', iconRight: this.inputIconRight, iconRightClickCallback: this.clearInputAction, theme: this.theme, ref: (el) => (this.inputComponent = el), error: this.isInputInvalid, autocomplete: "off" }, this.isLoading &&
-            index.h("tet-spinner", { theme: this.theme === 'dark' ? 'dark' : 'light', class: "address-search__spinner", size: "small" })))), this.redesignedStyle && (index.h("div", { key: '24027e6bb24e630a7b892e02d0e4ef9a634da012', class: "address-search--redesigned__close-button" }, index.h("tet-button", { key: 'bf9c99f62e6d6a34d23635dda6df0b5b93af2079', type: "link", iconName: "close", theme: "dark", onMouseDown: (event) => event.preventDefault(), onClick: this.handleCloseButtonClick }, this.closeButtonText)))));
+            index.h("tet-spinner", { theme: this.theme === 'dark' ? 'dark' : 'light', class: "address-search__spinner", size: "small" })))), this.redesignedStyle && (index.h("div", { key: '17f5d468123f4312a9d76b989f1ec1d41a13d7e6', class: "address-search--redesigned__close-button" }, index.h("tet-button", { key: 'f2e3d8b1170da1bd22444bc4bd8d9dac452524d8', type: "link", iconName: "close", theme: "dark", onMouseDown: (event) => event.preventDefault(), onClick: this.handleCloseButtonClick }, this.closeButtonText)))));
     }
     static get watchers() { return {
         "language": ["onLanguageChanged"],

package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js

@@ -95,7 +95,7 @@ const TetAutocompleteDropdown = class {
         return this.options.filter(({ label }) => label.toLowerCase().includes(string.normalize(filterValue)));
     };
     render() {
-        return (index.h(index.Host, { key: '46b16479dac537ea11b93ee6f316c6238dc151da' }, index.h("tet-autocomplete", { key: '0618cd74bdd259bf05711deb2e7df40be1e30f8d', newStyle: true, defaultOptions: this.options, showOptionsOnEscapeClear: true, noOptionsMessage: this.noOptionsMessage, optionsFilterAction: this.optionsFilterAction, clearCallback: this.autocompleteClearInputCallback, onOptionSelected: this.handleAutocompleteOptionSelection, ref: (element) => (this.autocomplete = element), darkTheme: this.theme === 'dark' }, index.h("tet-input", { key: '88fd69fcbc38df269d1a80dfc9006718c3a8702a', class: "input", label: this.label, error: this.hasError, "icon-right": this.rightIconName, "input-class": "autocomplete-input", "input-placeholder": this.placeholder, ref: (element) => (this.inputComponent = element), iconRightClickCallback: this.iconRightClickCallback, theme: this.theme })), this.hasError && this.errorMessage && index.h("p", { key: '24246c2bc7711e308ad24b3baf7e73cdd16f8a37', class: "error-message" }, this.errorMessage)));
+        return (index.h(index.Host, { key: 'c4388b4c456d9b742177feaec11ef70d63679c9c' }, index.h("tet-autocomplete", { key: '6df636a6f5f4659845f3278ca16925ca02e67e20', newStyle: true, defaultOptions: this.options, showOptionsOnEscapeClear: true, noOptionsMessage: this.noOptionsMessage, optionsFilterAction: this.optionsFilterAction, clearCallback: this.autocompleteClearInputCallback, onOptionSelected: this.handleAutocompleteOptionSelection, ref: (element) => (this.autocomplete = element), darkTheme: this.theme === 'dark' }, index.h("tet-input", { key: '130948785a7880cbc721af3fed3e4f40d8000fa8', class: "input", label: this.label, error: this.hasError, "icon-right": this.rightIconName, "input-class": "autocomplete-input", "input-placeholder": this.placeholder, ref: (element) => (this.inputComponent = element), iconRightClickCallback: this.iconRightClickCallback, theme: this.theme })), this.hasError && this.errorMessage && index.h("p", { key: '842876ed0c69af55bff0c91afd269ca237dd36c7', class: "error-message" }, this.errorMessage)));
     }
 };
 TetAutocompleteDropdown.style = TetAutocompleteDropdownStyle0;

package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js

@@ -327,11 +327,11 @@ const TetAvailabilityContactForm = class {
     }
     render() {
         const { theme } = this;
-        return (index.h("tet-dialog", { key: 'd8925db6b3c1e0e0da9e3890b37c0129cec76db7', class: "modal-form-card", headerTitle: translations.translate('components-b2b-check-out-form-header'), theme: theme, closeOnOverlayClick: false, footerDisplay: "right", ref: (el) => {
+        return (index.h("tet-dialog", { key: '7012e007389b45790cff730c8ed243cd475291c1', class: "modal-form-card", headerTitle: translations.translate('components-b2b-check-out-form-header'), theme: theme, closeOnOverlayClick: false, footerDisplay: "right", ref: (el) => {
                 this.dialogElement = el;
-            } }, index.h("div", { key: '2f065c07e2e9910e41cc29f7acc717d4ad80a8ee', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, index.h("div", { key: '57560346eae810ec41714a3853a8ebee4f2cdb80', class: "modal-form-card-content-header" }, index.h("div", { key: 'aac3c75305695a0a6c3a2f36d8b6528d69a6dae7', class: "icon-wrapper" }, index.h("tet-icon", { key: '80ac483feebe54668dc8a6961b684646a62660de', class: "icon", name: "tc-company-1" })), index.h("span", { key: 'd3ed184c5236a2ffbcec9589d7a6884e41e5fb32', class: "modal-form-card-content-header__title" }, translations.translate('components-b2b-check-out-form-title')), index.h("span", { key: 'd3e2d92d1c65871095884fe90db0357fc761786e', class: "modal-form-card-content-header__description" }, translations.translate('components-b2b-check-out-form-description'))), index.h("div", { key: '5f21bc7d371c66f5c02f12b20ae240fe953d5849', class: "modal-form-card-content-accordion-wrapper" }, index.h("slot", { key: '405d195696bfb88a30c858d0b374c7c4e514259f', name: "cart" })), index.h("form", { key: '560c2e5ae2db613ac766ced977180de03c87e5d1', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, index.h("div", { key: 'd5c0baae57596bcb2138758ba85f3674979c5ba4', class: "modal-form-card-input__row" }, this.renderInput('companyRegNr', translations.translate('components-b2b-check-out-form-company-registration-number-input-label'), '40000000001', 'company-reg', '11'), this.renderInput('companyName', translations.translate('components-b2b-check-out-form-company-name-input-label'))), this.renderInput('address', translations.translate('components-b2b-check-out-form-address-input-label'), translations.translate('components-b2b-check-out-form-address-input-placeholder')), this.renderInput('nameSurname', translations.translate('components-b2b-check-out-form-name-input-label'), '', 'name'), index.h("div", { key: '673dd87fbada13af6c671ae9cff17c08b22c2e45', class: "modal-form-card-input__row" }, this.renderInput('email', translations.translate('components-b2b-check-out-form-email-input-label'), 'contact@company.com', 'email'), this.renderInput('phoneNr', translations.translate('components-b2b-check-out-form-phone-number-input-label'), '22222222', 'phone', '8')), index.h("tet-checkbox", { key: '1f03f406f1e4f48e42010e2f822a3c2c5ea61842', class: "modal-form-card-content-checkbox", label: translations.translate('components-check-out-form-privacy-policy'), theme: theme }), index.h("slot", { key: '017ddf7cf34121b7c8273d80fa949a3d56e555e4', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), index.h("div", { key: '4c58534733deeac535485e22c427f7b94f480454', slot: "footer", class: "modal-form-card-footer" }, index.h("tet-button", { key: '378dd6fad86e10ff995ca0651a239633362a9a68', type: "secondary", size: "medium", theme: theme, onClick: () => {
+            } }, index.h("div", { key: '757108cbc232e91e5db507d6e44cb6a9c4ae24d1', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, index.h("div", { key: 'ea781a249a3d817b4f97625e7aa28680f07fa4ee', class: "modal-form-card-content-header" }, index.h("div", { key: 'e1d91e657be5b4e570447c29bb69a06eb71cf1c6', class: "icon-wrapper" }, index.h("tet-icon", { key: '5aee04766679b484c460838e571917c853e79508', class: "icon", name: "tc-company-1" })), index.h("span", { key: '01906c6d923c02f05b382525f200590fd36fb1d0', class: "modal-form-card-content-header__title" }, translations.translate('components-b2b-check-out-form-title')), index.h("span", { key: 'ddfb3c9cb711c2b4f077b0905228c245b136342e', class: "modal-form-card-content-header__description" }, translations.translate('components-b2b-check-out-form-description'))), index.h("div", { key: 'eacc5483b6924da65e30fd244351facf8bd86fff', class: "modal-form-card-content-accordion-wrapper" }, index.h("slot", { key: 'f9d57f738606f9f79344be5becca6fdcbc1e66f6', name: "cart" })), index.h("form", { key: '756fbe7232bf1ca98312bb5f1a77445f247f660c', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, index.h("div", { key: '7b11eba9271b9551a71d6aee45d60d77589fa7e5', class: "modal-form-card-input__row" }, this.renderInput('companyRegNr', translations.translate('components-b2b-check-out-form-company-registration-number-input-label'), '40000000001', 'company-reg', '11'), this.renderInput('companyName', translations.translate('components-b2b-check-out-form-company-name-input-label'))), this.renderInput('address', translations.translate('components-b2b-check-out-form-address-input-label'), translations.translate('components-b2b-check-out-form-address-input-placeholder')), this.renderInput('nameSurname', translations.translate('components-b2b-check-out-form-name-input-label'), '', 'name'), index.h("div", { key: 'be2d3d2fa6e1c9900dbd2f8703c878db90ef1bf4', class: "modal-form-card-input__row" }, this.renderInput('email', translations.translate('components-b2b-check-out-form-email-input-label'), 'contact@company.com', 'email'), this.renderInput('phoneNr', translations.translate('components-b2b-check-out-form-phone-number-input-label'), '22222222', 'phone', '8')), index.h("tet-checkbox", { key: '2e7b66967f87b4e2bcc6217c609f7a36fd1473af', class: "modal-form-card-content-checkbox", label: translations.translate('components-check-out-form-privacy-policy'), theme: theme }), index.h("slot", { key: '77e48b338a83d8d0da07886da94f9d9a65fde0c0', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), index.h("div", { key: 'ed611190ec2bdcb6cd5f99ae86351d8f4e1e9680', slot: "footer", class: "modal-form-card-footer" }, index.h("tet-button", { key: '0ff5e2eb1e41adf60400ae4e5c20da80d56252aa', type: "secondary", size: "medium", theme: theme, onClick: () => {
                 this.dialogElement.close();
-            } }, translations.translate('components-b2b-check-out-form-close-button-label')), index.h("tet-button", { key: '7dfab35ffe04e92b77438d914a89730caca4f1fa', type: "primary", size: "medium", theme: theme, onClick: () => this.handleSubmit() }, translations.translate('components-b2b-check-out-form-submit-button-label')))));
+            } }, translations.translate('components-b2b-check-out-form-close-button-label')), index.h("tet-button", { key: '5e0fc037a2ca53273ac0a7d2b90567d94cdd3a13', type: "primary", size: "medium", theme: theme, onClick: () => this.handleSubmit() }, translations.translate('components-b2b-check-out-form-submit-button-label')))));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"]

package/dist/cjs/tet-b2b-service-calculator.cjs.entry.js

@@ -62,7 +62,7 @@ const TetB2bServiceCalculator = class {
         this.withInPersonServiceSupport = detail.checked;
     };
     render() {
-        return (index.h("section", { key: '444d39bd80abffaa10f37b8ac120fc825c255198', class: "container" }, index.h("div", { key: '89749279a05ca2dd8353285fb54513abbdab76e5', class: "title-block" }, translations.translate('components-b2b-calculator-title')), index.h("div", { key: '15183e5cd20c20b8fa2cb698fffebe48253b88b2', class: "calculator-block" }, index.h("p", { key: '1b23be47c4313d8681de0222b0a173936eca167f', class: "slider-title" }, translations.translate('components-b2b-calculator-computer-count')), index.h("tet-range-slider", { key: '54abcd4f2e65885663725e07a56e09f37d5645d2', class: "slider", size: "large", type: "primary", defaultValue: 75, maxValue: 100, withControls: false, withInput: false, dataPoints: [1, 20, 40, 60, 80, 100], displayDataPoints: [1, 20, 40, 60, 80, 100], lockToDataPoint: false }), index.h("div", { key: '80662ffb0b7f75348c053fb5a01ac9f33949b0bf', class: "control-container" }, index.h("div", { key: 'd8d8095fb14a0490499a286b5b8dbf08ba77940d', class: "control" }, index.h("tet-checkbox", { key: 'cfbdc9d685085986125529ed77f9b30b547b6504', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, translations.translate('components-b2b-calculator-it-admin-checkbox-label'))), index.h("div", { key: '067ae60e27acea5ddceafb28070826d55d6603ac', class: "control" }, index.h("tet-switch", { key: '273c43a8a34dfe73636da506cefd7abf5a7a8a23', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, translations.translate('components-b2b-calculator-in-person-support-switch-label')))), index.h("div", { key: 'd692be65d1134be5cb33c253a0a9925e23f0df22', class: "monthly-payment-block" }, index.h("p", { key: '5050640eced6fd3cdee5e59d7ffda5050a0330e2', class: "title" }, translations.translate('components-b2b-calculator-potential-monthly-payment')), index.h("p", { key: '561f7e49bcd2d963032157fc38b78ba0ceb12ff5' }, index.h("span", { key: 'fb16f882b4c08d50b5ecc5cd242172326b8ad2a9', class: "price" }, this.totalPrice), index.h("span", { key: 'b31be4c29e61514a70a36691752acbb9683fa55f', class: "currency" }, translations.translate('components-euro-per-month')))))));
+        return (index.h("section", { key: '442c41d3d4cd337904b124de2fc0927c5d076f6c', class: "container" }, index.h("div", { key: '6e744e286f8dcfec8cc65d651471171654edbe0c', class: "title-block" }, translations.translate('components-b2b-calculator-title')), index.h("div", { key: '8e91be0a45375cda0d6824ec82b4d319d8e6e645', class: "calculator-block" }, index.h("p", { key: '86d262b0f61da15673d0fd088b45d985e26b20b8', class: "slider-title" }, translations.translate('components-b2b-calculator-computer-count')), index.h("tet-range-slider", { key: 'ddda0c9e470031f8b5ec8788247a3562fc521af1', class: "slider", size: "large", type: "primary", defaultValue: 75, maxValue: 100, withControls: false, withInput: false, dataPoints: [1, 20, 40, 60, 80, 100], displayDataPoints: [1, 20, 40, 60, 80, 100], lockToDataPoint: false }), index.h("div", { key: 'da127918a198d393e7ead7c4fcd2c0ce7062d053', class: "control-container" }, index.h("div", { key: '2df7ecd5a9694b699d446792c016cfecc2367f54', class: "control" }, index.h("tet-checkbox", { key: '7892ddff27d74b36c8a9e446d55229311328519c', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, translations.translate('components-b2b-calculator-it-admin-checkbox-label'))), index.h("div", { key: '583b5ab6cf3b32de72c7f0a87091289d3c74ce15', class: "control" }, index.h("tet-switch", { key: 'ce92bb8cb9566e6b110994e19334dc2ef9344f50', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, translations.translate('components-b2b-calculator-in-person-support-switch-label')))), index.h("div", { key: 'e00213a749e2536cda622e8a896ec62b8038e4fd', class: "monthly-payment-block" }, index.h("p", { key: 'cec9d2b05199d93a2fafb35399ffb322f1e73fa6', class: "title" }, translations.translate('components-b2b-calculator-potential-monthly-payment')), index.h("p", { key: 'a2aedfd78c0e595b6e0425735546489a909bdd87' }, index.h("span", { key: '2cecda075c983d6041226259c81ec69f9981cc11', class: "price" }, this.totalPrice), index.h("span", { key: '6f976490b14b90f362dbf75c56974fc3ddd12aa9', class: "currency" }, translations.translate('components-euro-per-month')))))));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"],

package/dist/cjs/tet-border-radius.cjs.entry.js

@@ -12,7 +12,7 @@ const TetBorderRadius = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '77510f8ff3d229fa24164adb4c84d7bb313933a2' }, index.h("div", { key: '4aef24cb5425bd00642c15757e71a3847589d189', class: "variable-container" }, index.h("div", { key: 'ba9c3022917918fce5d2d98287d83f3a60fb208a', class: "container-title main" }, "Border r\u0101diusa klase"), index.h("div", { key: 'e3e9b66f099c96e13b6a130425c892ec353b74d0', class: "container-section" }, index.h("div", { key: '5b593a6aae507cc0e1c8ee988949ac7aaf452eff', class: "variable-name" }, index.h("div", { key: '627418fd00956a64102f899f99f79f44d461b0e1', class: "variable-part" }, "tet"), index.h("div", { key: '9f76055c5e0862757d6a545c94982327f69497f3', class: "variable-part" }, "-border"), index.h("div", { key: '2b65426089f9ad135dc71bc5a00cecc21eec87ef', class: "variable-part variable variable-type" }, "-radius"), index.h("div", { key: '0d5bdb919c1f779b337dc4020e8a6664fafe5b1c', class: "variable-part variable variable-size" }, "--md")))), index.h("div", { key: 'e2e7034e3ba3103bb34c1a53cf38d299b70d55c1', class: "tet-fonts-container" }, index.h("div", { key: '0d3803cf495522904275d43f648647ee96f3bfb3', class: "container-title" }, "R\u0101diusa izm\u0113ri"), index.h("div", { key: '06553fcb67b799e5b6f897706b8d904f2fe146fb', class: "section" }, index.h("div", { key: '76c8dfde7d39ea26bdc5108345af558b908b3ac2', class: "section-variable" }, index.h("div", { key: '8e10fc6a4adefab543717f61df52a41695cc3a28', class: "border tet-border-radius--xs" }), index.h("div", { key: 'fb42e8111d5779312a565fd5be99ffd2908e2958', class: "section-font-class" }, "klase: tet-border-radius--xs"), index.h("div", { key: 'd4d74dc2312eafe07e9dc84b4027c34085e89814', class: "section-font-size" }, "border radius: 0.25rem / 4px")), index.h("div", { key: 'be3f9e79d514bdd8700e1ae91edddcc15c701e72', class: "section-variable" }, index.h("div", { key: '7d8dae6ebf07d7f50760dbc6f04165d7ac729bd3', class: "border tet-border-radius--sm" }), index.h("div", { key: 'f707051804321fd4597f699482b7aa4e601f1f26', class: "section-font-class" }, "klase: tet-border-radius--sm"), index.h("div", { key: '049fada2d42bdaf37a043fc67fa19f203691981c', class: "section-font-size" }, "border radius: 0.5rem / 8px")), index.h("div", { key: '2476d1163dec83138c5658c616a5ea92d1e27dc2', class: "section-variable" }, index.h("div", { key: 'b30391435b7fc5d3ea65ab96909034ce0081558f', class: "border tet-border-radius--md" }), index.h("div", { key: '4c2649bdd5ae433b51984a12505c1f90a33093b4', class: "section-font-class" }, "klase: tet-border-radius--md"), index.h("div", { key: 'c7d7e04b86d90abd15d1f8d29132bcb1471c52dc', class: "section-font-size" }, "border radius: 1rem / 16px")), index.h("div", { key: '110b8797829bc3c37cb86d34a3a33cf978de55f5', class: "section-variable" }, index.h("div", { key: 'f309f8d06729dc7cefca413780414bf3b4f44bfa', class: "border tet-border-radius--lg" }), index.h("div", { key: '69449e1e2aa253595c84ca4b9487426074e9e87a', class: "section-font-class" }, "klase: tet-border-radius--lg"), index.h("div", { key: '73bf6213fdc66a0fa0252b4be47382a14dac850a', class: "section-font-size" }, "border radius: 1.5rem / 24px"), index.h("div", { key: '0b5c2f245c1715b89b163f58d139e88237d347f7', class: "section-font-size" })), index.h("div", { key: 'f13a25d46f8812e929cc3a58e2d4d74e60b062da', class: "section-variable" }, index.h("div", { key: 'e1e6dbc7589114fc8b224d1495113f1534fc4a7c', class: "border tet-border-radius--xl" }), index.h("div", { key: '14c873827ea8d59b1edabf76e44bfe68dbccbf16', class: "section-font-class" }, "klase: tet-border-radius--xl"), index.h("div", { key: '3cd87aa98b55c150a0a1fa1ae799b8faa70ce780', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (index.h(index.Host, { key: '5c4683746c7349a38a56af1b9d6ff902548cf659' }, index.h("div", { key: 'a312c860efb21dd90b9c295b540e236d198e852b', class: "variable-container" }, index.h("div", { key: '17062ecaba1d961f5323a2a4001556178a668618', class: "container-title main" }, "Border r\u0101diusa klase"), index.h("div", { key: '8834739d0e2007d7b7316a07c6cbd813e68060b6', class: "container-section" }, index.h("div", { key: 'afb73d1e2732cae0eb321f76e591a05cc3113d9a', class: "variable-name" }, index.h("div", { key: '77fcb13962c99319727e2083b07fd7d9067ea705', class: "variable-part" }, "tet"), index.h("div", { key: '17d54115733a9882e7c61334f9b1aa0886eb283c', class: "variable-part" }, "-border"), index.h("div", { key: '2e5c0ed653384546205a85c1179f817b4cfe4b7a', class: "variable-part variable variable-type" }, "-radius"), index.h("div", { key: 'f8de5396bc3bab357c77a404f03438a459918629', class: "variable-part variable variable-size" }, "--md")))), index.h("div", { key: '729fe7ec52736f74ba48ac65d7e5a7140b4fb42b', class: "tet-fonts-container" }, index.h("div", { key: 'c8cc38cf2dc528ef9782b5588c87499592a8a983', class: "container-title" }, "R\u0101diusa izm\u0113ri"), index.h("div", { key: '486e8b9c8963800a7c663a66c467f5019fef33af', class: "section" }, index.h("div", { key: '3676a58b1d77044ccc092106ca61305354e6bb19', class: "section-variable" }, index.h("div", { key: '7b1a3667e94a98889c810057f16bbe5cc6b5e0f5', class: "border tet-border-radius--xs" }), index.h("div", { key: 'ac027dc685064082f8e7b47d16b05f635de0452f', class: "section-font-class" }, "klase: tet-border-radius--xs"), index.h("div", { key: '9b546dcc348b7ff29c909b73096d982ce953a26c', class: "section-font-size" }, "border radius: 0.25rem / 4px")), index.h("div", { key: '345f559c6beb2ead2d3c24629da4f4094382a323', class: "section-variable" }, index.h("div", { key: '3e88d185cfb47ac906c052c424a363babce2022f', class: "border tet-border-radius--sm" }), index.h("div", { key: '9c1016948836b58438ccd5f55ee0de124a76335f', class: "section-font-class" }, "klase: tet-border-radius--sm"), index.h("div", { key: '63db0e3341282dd8179016951992b4720ca37a1d', class: "section-font-size" }, "border radius: 0.5rem / 8px")), index.h("div", { key: 'c7dd6cff7cd71c11c70767bc180bfeae1aa74481', class: "section-variable" }, index.h("div", { key: 'fe5cadc3ba52f450f5412fb8216bd71aa9222f11', class: "border tet-border-radius--md" }), index.h("div", { key: '306cb7130b82edce7eb0174d985076219ce2dc5b', class: "section-font-class" }, "klase: tet-border-radius--md"), index.h("div", { key: 'de940b4dc12b28de2d6994cc197e298952e95a96', class: "section-font-size" }, "border radius: 1rem / 16px")), index.h("div", { key: '0a147b1e0059cd5c68eb513d3771b50228c5ff48', class: "section-variable" }, index.h("div", { key: 'ea4c8613c4136233f117df39b52b14d1b0e98dcc', class: "border tet-border-radius--lg" }), index.h("div", { key: '9395b9ffee43e251abedb6cfbb2de9486093a755', class: "section-font-class" }, "klase: tet-border-radius--lg"), index.h("div", { key: '6bcee92bcdf6e23192af80763778c219abb5c284', class: "section-font-size" }, "border radius: 1.5rem / 24px"), index.h("div", { key: '2ea649f71d9072bb22ab38630778da881fc56ac6', class: "section-font-size" })), index.h("div", { key: 'bf5e7bbfbbef020e08e95dcd020be6e584e46499', class: "section-variable" }, index.h("div", { key: '92b8c047af8da1a90f5f9d191dc972cea5511aa8', class: "border tet-border-radius--xl" }), index.h("div", { key: 'cd58c475dba3e099caecbd1162fa7f5b4c7c5f0a', class: "section-font-class" }, "klase: tet-border-radius--xl"), index.h("div", { key: 'c05aa38e6948acd3e5b10738cd63610abe7b0b69', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
     }
 };
 TetBorderRadius.style = TetBorderRadiusStyle0;

package/dist/cjs/tet-business-compare-card.cjs.entry.js

@@ -36,10 +36,10 @@ const TetBusinessCompareCard = class {
     };
     render() {
         const { mainTitle, bulletPoints, theme, pricePrefix, price, currency } = this;
-        return (index.h("div", { key: '95d2f9b74ca537dfa2f6a39b26277ea7e35d62a5', class: { 'tet-business-compare-card': true, [`theme-${theme}`]: true } }, index.h("div", { key: '1b8247d8d78a4fc0be630b2a664646caaecc0c8f', class: "tet-business-compare-card__body" }, index.h("div", { key: '6294c8a2a703f997d9bf0e6286bc9ab20d9fbb72', class: "tet-business-compare-card__title" }, index.h("slot", { key: 'd81e273ac46b88bcdf85648508330c5038c1bf3a', name: "title" }, index.h("h3", { key: '8e9e9f22aa473e7dc04014c9a8b0e0bc0e5380f8' }, mainTitle))), index.h("div", { key: '63a0cc24174692c8b8fb6abc688b27d835ace1de', class: "tet-business-compare-card__content" }, index.h("slot", { key: '16344ddb8e497c7086d711faf5e68da2ff90de2a', name: "content" }, !!bulletPoints?.length && (index.h("tet-text-list", { key: 'd87f438836adf97278c416e524184294c9c17688', class: "bullet-points", theme: this.theme === 'dark' ? 'dark' : 'light' }, bulletPoints.map(bulletPoint => (index.h("p", null, bulletPoint)))))))), price && currency && (index.h("div", { key: 'b40d39a6c3c58d49eb9b708ef9f103aa28043e16', class: "tet-business-compare-card__price-wrapper" }, pricePrefix && (index.h("div", { key: '53eed158565c866bef59965531e552c43388d645', class: "tet-business-compare-card__price" }, index.h("span", { key: '582de3b77eb846bb4e3c60b9fcd34d042572e788', class: "tet-business-compare-card__price-prefix" }, pricePrefix, "\u00A0"), price)), !pricePrefix && index.h("div", { key: 'a03de28945563426eb2a7b69f320ca67356f4f60', class: "tet-business-compare-card__price" }, price), index.h("div", { key: '150dbf2da7a3ab0d7b9ef40565a778dc0cfc2cba', class: "tet-business-compare-card__price-currency" }, currency))), index.h("div", { key: 'ca64640b4a43dd56f59bd4827778486af52d87cd', class: {
+        return (index.h("div", { key: 'e0ba9821583d4cb84d94774d2762f402a36456d0', class: { 'tet-business-compare-card': true, [`theme-${theme}`]: true } }, index.h("div", { key: '27c28c5d67fdae1bf29bc1d71e130a42144e9915', class: "tet-business-compare-card__body" }, index.h("div", { key: 'ffd413f27bde8ec24a7ce99145f2261343415939', class: "tet-business-compare-card__title" }, index.h("slot", { key: '0de9270e55e4046509e9edf6ecaeff0174a37bed', name: "title" }, index.h("h3", { key: '6a399fa845ddb2299706af71ce25f8c71ea8ec3f' }, mainTitle))), index.h("div", { key: 'aa5c0ec3719e9c01d1f054e2fca515c38fd7716c', class: "tet-business-compare-card__content" }, index.h("slot", { key: '5039ebfa1f3e68590ceb46d2c56568d72f8d2cb4', name: "content" }, !!bulletPoints?.length && (index.h("tet-text-list", { key: '6780b3005400e139cd867ab3c19039f3350ceb90', class: "bullet-points", theme: this.theme === 'dark' ? 'dark' : 'light' }, bulletPoints.map(bulletPoint => (index.h("p", null, bulletPoint)))))))), price && currency && (index.h("div", { key: '7d829b6f134697610923c6d0d3c7860516330b3e', class: "tet-business-compare-card__price-wrapper" }, pricePrefix && (index.h("div", { key: 'a16c239c2294793529360e2b7e4521661dc94e82', class: "tet-business-compare-card__price" }, index.h("span", { key: 'c61234306d4ecee9b859a86576faea4f0b62d2d5', class: "tet-business-compare-card__price-prefix" }, pricePrefix, "\u00A0"), price)), !pricePrefix && index.h("div", { key: 'e184021ae8811c9b552de9d0f4177db1488ea333', class: "tet-business-compare-card__price" }, price), index.h("div", { key: 'cc0c709a7d40e5f4c0f26dda94bed18b21ea792f', class: "tet-business-compare-card__price-currency" }, currency))), index.h("div", { key: '9c80d9b3c45347338dfe654396360bec46425063', class: {
                 'tet-business-compare-card__footer': true,
                 'tet-business-compare-card__footer--show': this.hasContentInFooter,
-            } }, index.h("slot", { key: '715310fa8eed18ee442197e9c6693379f8041a23', ref: (slot) => (this.buttonSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "button" }), index.h("slot", { key: '7b63196491c61297ce6c0997ba6f2e892310535e', ref: (slot) => (this.linkSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "link" }))));
+            } }, index.h("slot", { key: '192639a1a76b13a8eaa93179c2bbbe9b2dfe1a27', ref: (slot) => (this.buttonSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "button" }), index.h("slot", { key: 'eec49b00c26d4540539e5ec061349e5b15b9c5ca', ref: (slot) => (this.linkSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "link" }))));
     }
 };
 TetBusinessCompareCard.style = TetBusinessCompareCardStyle0;

package/dist/cjs/tet-business-lines.cjs.entry.js

@@ -69,7 +69,7 @@ const TetBusinessLines = class {
         return (index.h("div", { class: "business-line-item", onClick: () => this.handleBusinessLineSelection(businessLine) }, index.h("div", { class: "name-container" }, index.h("tet-icon", { name: businessLine.iconName }), this.translate(businessLine.name)), index.h("tet-icon", { class: "chevron-icon", name: "chevron-right" })));
     };
     render() {
-        return (index.h("div", { key: '61c8ad323be29f10f363dbf8b174d3b2b9646371', class: "container" }, this.showHeadings && this.renderHeadings(), index.h("div", { key: 'ff40b1d0cefa5bf34216049652704816d6d4ba1d', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
+        return (index.h("div", { key: '61cddd731fd49696c39362e94df14a1ad54762f8', class: "container" }, this.showHeadings && this.renderHeadings(), index.h("div", { key: 'f72aa3557f7d75fe6681eaefbfd8a242eede3fce', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"],

package/dist/cjs/tet-card-list.cjs.entry.js

@@ -1046,19 +1046,19 @@ const TetCardList = class {
         this.dimensions.element.width = elementRect.width;
     }
     render() {
-        return (index.h(index.Host, { key: '334b08cc6122a0258dcd2af4cbf91e3a86fa161f' }, index.h("div", { key: '33d8a70069860b62a2c07b469cc1572bf0417dc3', class: {
+        return (index.h(index.Host, { key: '8c8e5e6c2d50c7f6970b70d0590849909a1ba295' }, index.h("div", { key: '838a05d8a0b794487d669277d2e69d4f421b1dca', class: {
                 'tet-card-list__container': true,
                 'tet-card-list--no-scroll': this.disableScroll,
                 [this.theme]: true,
-            }, part: "card-list-container" }, index.h("div", { key: 'd7ac0ea6395d76c8b0e22273168804265de64c87', class: "tet-card-list__scroll-container" }, index.h("div", { key: '419d530f063842ea5cecb961df716b8f5be4f0af', part: "card-list", ref: el => (this.scrollContainerRef = el) }, index.h("slot", { key: 'fe18591644e9f043bd5d67e83bd4620facb33978' }))), index.h("tet-button", { key: '64554e638673b61fbd7bc926b672cfbc28b4b20f', theme: this.theme, iconMode: true, class: {
+            }, part: "card-list-container" }, index.h("div", { key: '87273b2bae9149c1dd51115abd416c157767a2c5', class: "tet-card-list__scroll-container" }, index.h("div", { key: '24f4ae8db457f7fb00e9cb1a338f19cc0b5b431d', part: "card-list", ref: el => (this.scrollContainerRef = el) }, index.h("slot", { key: '509b3909d144ecb9f6ec913fc720a9e3a234417e' }))), index.h("tet-button", { key: '0654a906ed6361938fe33f525cdb5d376df18469', 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 }, index.h("tet-icon", { key: 'bd468af7d3b7c7eb8f2b7cbda53c8aa98c3056c1', name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'chevron-left', class: "tet-card-list__control__icon" })), index.h("tet-button", { key: 'bea58608cad1a4026614e46a01cd9922c2d873f7', theme: this.theme, iconMode: true, class: {
+            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleLeftControl, onKeyUp: this.handleLeftControlKeyUp }, index.h("tet-icon", { key: '1a788ecf63b3146b3befb6a4145809d60085a073', name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'chevron-left', class: "tet-card-list__control__icon" })), index.h("tet-button", { key: '11567b30da9b08acacb8e9548cacea3300267c13', 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 }, index.h("tet-icon", { key: '4287831fef0d0b312342fade409a45209d56ce8e', name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'chevron-right', class: "tet-card-list__control__icon" })), index.h("div", { key: '4ab7321126599e53f84d9dc1e647f95263ac6345', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, index.h("div", { key: '596b8dede1ee2903791b19036020ed9480f736e5', class: "tet-card-list__scroll--thumb", ref: el => (this.scrollbarRef = el) })))));
+            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleRightControl, onKeyUp: this.handleRightControlKeyUp }, index.h("tet-icon", { key: 'a823b7beee3ca2aa0b92b8953803174e562e17fa', name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'chevron-right', class: "tet-card-list__control__icon" })), index.h("div", { key: '14c21ba4d09b6e92a2e3914baa1a8f68cb0cdaf0', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, index.h("div", { key: '1a2330cf5707536f5aeaf3c461119dedb4396dc8', class: "tet-card-list__scroll--thumb", ref: el => (this.scrollbarRef = el) })))));
     }
     static get watchers() { return {
         "withMouseDrag": ["onWithMouseDragChange"],

package/dist/cjs/tet-carousel.cjs.entry.js

@@ -945,22 +945,22 @@ const TetCarousel = class {
                 trackTransition = 'none';
             }
         }
-        return (index.h(index.Host, { key: 'cb94abc19e2e8a6c1cf274168a8a2cb2f3f4ee18' }, index.h("div", { key: 'c7c84f5af0046bab9c9925ed6287e8376e416a99', class: { 'tet-carousel': true, [`${this.theme}`]: true, 'tet-carousel--unified-buttons': this.unifiedButtons }, ref: (el) => (this.container = el), part: "carousel" }, index.h("div", { key: '6182adbbd1db6cbf03147339b6ba37eeffe10783', class: "tet-carousel__container" }, index.h("div", { key: '07b09a1a8ce7a16fe6989148714099116dccd7a5', class: "tet-carousel__gradient-left", ref: (el) => {
+        return (index.h(index.Host, { key: '1dd8589a8215e2ec8b3b5da6890eb0832d394997' }, index.h("div", { key: '3a45655dc33c50ce1d075088540b18d6138dfd43', class: { 'tet-carousel': true, [`${this.theme}`]: true, 'tet-carousel--unified-buttons': this.unifiedButtons }, ref: (el) => (this.container = el), part: "carousel" }, index.h("div", { key: 'cd9ab06b3529a8199a49ab6b917d6d59d3998cd3', class: "tet-carousel__container" }, index.h("div", { key: '326afd8aad07a33316bc25e1a07275b6915aa1bd', class: "tet-carousel__gradient-left", ref: (el) => {
                 this.leftGradientRef = el;
-            } }), index.h("div", { key: '4ab6928f33e52f79db7b02c731e0e04267803042', class: "tet-carousel__gradient-right", ref: (el) => {
+            } }), index.h("div", { key: '1394d06295894f5a81c85da444da62abdf914a79', class: "tet-carousel__gradient-right", ref: (el) => {
                 this.rightGradientRef = el;
-            } }), index.h("div", { key: 'c1913183d9766679e6efd230ee24ec5e4f579a4c', class: `tet-carousel__track ${showControls ? '' : 'tet-carousel__track--center'}`, ref: (el) => (this.trackElement = el), style: {
+            } }), index.h("div", { key: '3aadd879ce7ec407f58d99fcd712fa976e3f5f10', class: `tet-carousel__track ${showControls ? '' : 'tet-carousel__track--center'}`, ref: (el) => (this.trackElement = el), style: {
                 transform: `translate3d(${this.dragOffset}px, 0, 0)`,
                 transition: trackTransition,
                 willChange: 'transform'
-            }, onPointerDown: this.onPointerDown, onPointerUp: this.onPointerUp }, index.h("div", { key: '43fc73a77a2bfeb61f537c0e12d59f26c694184c', class: {
+            }, onPointerDown: this.onPointerDown, onPointerUp: this.onPointerUp }, index.h("div", { key: 'c1a86897a403f2b2e296cf5be66240507ef6056c', class: {
                 'tet-carousel__track-content': true,
                 'tet-carousel__track-content--nudge': this.isNudgeAnimating
             }, ref: (el) => (this.trackContentElement = el), style: {
                 '--tet-carousel-nudge-distance': `${TetCarousel.NUDGE_DISTANCE_PX}px`
-            }, onAnimationEnd: this.onNudgeAnimationEnd }, index.h("slot", { key: '28303ab5257029cfcf69eda9e44b0b680588cf8e' })))), !!this.label && index.h("div", { key: 'de4dce35567c0e2eac533f640613ff16316eba1a', class: "tet-carousel__label" }, this.label), showControls && (index.h("div", { key: '828980006b771b620b0543da427950c5f009e85d', class: "tet-carousel__controls" }, showButtons && (index.h("div", { key: 'e4ea429e900e88e524330ca5e0507d17ae084194', class: "tet-carousel__buttons tet-carousel__buttons--mobile", ref: (el) => (this.mobileBackButtonWrapper = el) }, index.h("tet-button", { key: '66d1e327df4c89b5a2a292d2bd2b6a1dda42481e', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: translations.translate('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }))), showDots && (index.h("div", { key: '90408dcfade39b72626112bbcc0100e4ffabf1ec', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (index.h("button", { type: "button", tabIndex: idx === this.activeDotIndex ? 0 : -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, "aria-label": `${idx === this.activeDotIndex
+            }, onAnimationEnd: this.onNudgeAnimationEnd }, index.h("slot", { key: 'a21d8148e60bcb06ae0449b6e9c78091ee576942' })))), !!this.label && index.h("div", { key: 'eeb218a23d25bf099e50020d23ffb3c13577c989', class: "tet-carousel__label" }, this.label), showControls && (index.h("div", { key: '24f1a2fb4f5d1dd951994f6cd6e66c6837b9f44e', class: "tet-carousel__controls" }, showButtons && (index.h("div", { key: '9007741c53cefde7cf8405ff120f54d4a69b51b6', class: "tet-carousel__buttons tet-carousel__buttons--mobile", ref: (el) => (this.mobileBackButtonWrapper = el) }, index.h("tet-button", { key: '264e1436e8b55e8f0ac98f3b19c4be9467648ff2', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: translations.translate('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }))), showDots && (index.h("div", { key: 'fbf2694153420fbcd3242cdd399e74f54ca955a9', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (index.h("button", { type: "button", tabIndex: idx === this.activeDotIndex ? 0 : -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, "aria-label": `${idx === this.activeDotIndex
                 ? translations.translate('components-carousel-indicator-button-active')
-                : translations.translate('components-carousel-indicator-button')} ${idx + 1}/${this.dotCount}`, "aria-current": idx === this.activeDotIndex ? 'true' : undefined, onPointerDown: (e) => e.stopPropagation(), onKeyDown: (event) => this.handleDotKeyDown(event, idx), onClick: () => this.handleDotClick(idx) }))))), showButtons && (index.h("div", { key: '42ed591ff7b87ab38258b5fe4d2e56d26824bf0c', class: "tet-carousel__buttons" }, index.h("tet-button", { key: '5b2e55813e9fe098d1a4016516e54295780f2d73', class: "tet-carousel__buttons--desktop", theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: translations.translate('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }), index.h("tet-button", { key: '39ecceeb087fa2dcf66f33b79b3d1349537d9cc2', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconRight, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handleNext(), accessibilityLabel: translations.translate('components-carousel-next'), disabled: this.isRightNavigationDisabled() }))))))));
+                : translations.translate('components-carousel-indicator-button')} ${idx + 1}/${this.dotCount}`, "aria-current": idx === this.activeDotIndex ? 'true' : undefined, onPointerDown: (e) => e.stopPropagation(), onKeyDown: (event) => this.handleDotKeyDown(event, idx), onClick: () => this.handleDotClick(idx) }))))), showButtons && (index.h("div", { key: 'b8dadaa6912860ac7735a7b087c25ecd1c8493a5', class: "tet-carousel__buttons" }, index.h("tet-button", { key: 'e46ec9996b8bb408a5a9fde95f3085ce42fc01a8', class: "tet-carousel__buttons--desktop", theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: translations.translate('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }), index.h("tet-button", { key: '63a2f1d82f42384c8f9c24f67a81132585b35aa9', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconRight, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handleNext(), accessibilityLabel: translations.translate('components-carousel-next'), disabled: this.isRightNavigationDisabled() }))))))));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"],

package/dist/cjs/tet-checkbox_2.cjs.entry.js

@@ -499,7 +499,7 @@ const TetDropdown = class {
     }
     render() {
         const { theme, isOpen, isKeyboardFocus } = this;
-        return (index.h(index.Host, { key: '78d87ed9d38d5905ca9c58d749c86b4a727ce6b6' }, index.h("div", { key: '86b384322eced3698fca99820476f12932ce8ede', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
+        return (index.h(index.Host, { key: '99bc0783eae44184ecc08e6405c5ec6a7db4782b' }, index.h("div", { key: 'e0d1cbe2755d256a0a876aff645a8aa55862b5d6', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
     }
     static get watchers() { return {
         "options": ["onOptionsChange"]

package/dist/cjs/tet-colors.cjs.entry.js

@@ -599,15 +599,15 @@ const TetColors = class {
         return (index.h("div", { class: `section section-${sectionKey}` }, index.h("div", { class: "section__title" }, section.title), section.colors.map((color) => this.renderColorItem(color))));
     };
     render() {
-        return (index.h(index.Host, { key: '7ff1c6e973de0722f3baef8ee29217a50ad3e1a9' }, index.h("div", { key: '54abee8281d875a45484aea1bdc9c6b73d7e70a3', class: {
+        return (index.h(index.Host, { key: 'feae49d4b796690fd82fe9549ea0ee480538b6d8' }, index.h("div", { key: '1b5fcca0ac5770dbd6bd359c3466a50eb0a81fce', class: {
                 'dark': this.darkTheme
-            } }, !this.isTokensExample && (index.h("div", { key: '51ba3c2a33510b44abede9906105ea80bd303200', class: {
+            } }, !this.isTokensExample && (index.h("div", { key: '4beffa89fec368833a175b5941454b49e6027a56', class: {
                 'container': true,
                 'variable-container': true,
-            } }, index.h("div", { key: '3b636d1a1d28f9cea264ce930ead02f097dac0f2', class: "container-title main" }, "Kr\u0101sas klase"), index.h("div", { key: '4e598da57c87bd723267e755d3216e248e86b18d', class: "container-section" }, index.h("div", { key: '3b25263f0a5b61a2347a7727ebe5a6ff8b669deb', class: "variable-wrapper" }, index.h("span", { key: '2a1845dcdcccde805e8090efa486d81c2261eee9', class: "variable-name" }, index.h("span", { key: '5d3cf0c04c19b526e790fcb2e2586e580ea77d87', class: "variable-part" }, "tet"), index.h("span", { key: '3e5474ebc5d000fec07c6973fc3ee5001a54efe1', class: "variable-part variable variable-attribute" }, "-color"), index.h("span", { key: 'ec3c7a8672951152048d07cce96f580977047370', class: "variable-part variable variable-color" }, "__red30"), index.h("span", { key: 'a57b92a98152397fd1a2e10fa99ae4b86f48c546', class: "variable-part variable variable-type" }, "--background"), index.h("span", { key: '142d9c912fdb31d72402d0bf14104b4908dfc2c2', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (index.h("div", { key: 'b309a4469b518490f775488dcca5e7cf37154f5f', class: "container" }, index.h("div", { key: 'f213bd634bedd4e349876c76e759bf8deb19b7ec', class: "container-title" }, "Piem\u0113ri"), index.h("div", { key: 'da770e3fc3b563087ac6b58720a643364ca9d678', class: "container-section container-example" }, index.h("span", { key: '2befa96d062c207d6403c0cb81564f5d4bcefc98', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), index.h("code", { key: 'e564467578670b301183dda2d027bebc96e70753', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), index.h("span", { key: '3981406726794210dcd87fff2c38c2d1063bca7e' }, "Teksta kr\u0101sas mai\u0146a", ' ', index.h("span", { key: '34a524879b683f1ea212d7f6180b95e179105915', class: "example-element tet-color__red30" }, "elementam"), "."), index.h("code", { key: '8029b9fe73cdb22ce11c1a34cc6cea84651e3e28', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), index.h("span", { key: 'a7db6004b09b8b85be7e9c3ea5d578b7623e95f8' }, "Teksta kr\u0101sas mai\u0146a", ' ', index.h("span", { key: 'ec5cb5dc8e9d1c988a8541b35b2a8983fa79bdf4', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), index.h("code", { key: 'd18157945cb18b7473d52ba8bb8e6b97f7231216', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), index.h("span", { key: 'c72aaef7ca094894467aa6206e2e41716d221bc9' }, "Teksta kr\u0101sas mai\u0146a", ' ', index.h("span", { key: 'd2e22f70561b85b4042fddb4b029d60a8b5fa604', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), index.h("span", { key: '3acd67e47a4cf52bdc1d5c39ff3e76e2a758fd27', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), index.h("code", { key: 'f6182016deaa8e1c3bdd4f2ec39be56b6994ec86', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), index.h("span", { key: 'c481c32f7addb5d9fb8baa1cfdfaac5f9b7763ec' }, "Fona kr\u0101sas mai\u0146a", ' ', index.h("span", { key: '72dab155578b3d0a694016263e3263f13390c3f1', class: "example-element tet-color__red30--background" }, "elementam"), "."), index.h("code", { key: '56a086fe9f0b3ebacb083debe01ecfc0db1e2efe', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), index.h("span", { key: '56a7a67b28f673f88d7fb55202c588709a7f919f' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', index.h("span", { key: 'e1631a015d8303c73d1d0698ad0ad1afc0d8e6b7', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), index.h("code", { key: '33cd9a44ce00854e2fb442055ec16967ce3e49a4', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), index.h("span", { key: '55bfe37d85748a2a71a89b46619d5fcc1fa61016' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', index.h("span", { key: 'f021eeea0bc90baf026ce79def55d8ff0c35be75', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), index.h("span", { key: '44bab50e67314d4e77f779a834feaf4c03be7f20', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), index.h("code", { key: 'f1a6036fb7602f782c2603dcbf7f16e6ae44e436', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), index.h("span", { key: '4b3d12dbc8d71fdfce8116553b036e39749fb4b2' }, "Apmales kr\u0101sas mai\u0146a", ' ', index.h("span", { key: 'ba6fa01da0e5609545e5c19c5b45120d8aa69a3e', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), index.h("code", { key: 'c156d22c40dc78205a1434fe93a795e4f8ab2c2e', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), index.h("span", { key: '368e4836029378061daec09d809b3fd465c4e3d2' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', index.h("span", { key: 'dfff4e61a4b813626823721a926d448751fcba97', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), index.h("code", { key: 'b38ba6c0ac07a1b74f0ce23212319a4dc24a8f14', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), index.h("span", { key: 'ee7682a37afafcf9ca7fb186ac6d8171383e973e' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', index.h("span", { key: 'f6aad76572d64586ed52b433223deecf0734292c', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), index.h("span", { key: 'ec1aa79ecbc1d75741dc8f71afc7e9927e38b920', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), index.h("code", { key: '909ba142115058debefb9a8cb9cac713064d2823', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), index.h("span", { key: '4fe63d60bd5dd92306a4a1954e7eb9e8b8ba270b' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', index.h("span", { key: '6be649f65fde55b98d734f61d6187c48d0d6560e', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (index.h("div", { key: '2170a2ed0240aba1af80e614606ed3503ff83dde', class: {
+            } }, index.h("div", { key: '829c0b841c227155c4c963eeb07bc8cb8310eea7', class: "container-title main" }, "Kr\u0101sas klase"), index.h("div", { key: '9c3c5ca93276e7e91ca079ed52031d6310f7284c', class: "container-section" }, index.h("div", { key: '97dcc8192ece14fd9b84be0bc8beb1bcb847d0a0', class: "variable-wrapper" }, index.h("span", { key: 'f537025feaae0f9e144f8608c81dddb45895a327', class: "variable-name" }, index.h("span", { key: 'a656390a111fef2851212f32b00d0edc6593349a', class: "variable-part" }, "tet"), index.h("span", { key: '4abb4ec92cdeac3a2ffefafc12c53082c5f4aaca', class: "variable-part variable variable-attribute" }, "-color"), index.h("span", { key: 'f2290d54ca54a828b6979dfc8fdc51e301297389', class: "variable-part variable variable-color" }, "__red30"), index.h("span", { key: '06ad177894f83722f0f0b60fb76c39f71879d49f', class: "variable-part variable variable-type" }, "--background"), index.h("span", { key: 'f3942f2f9058297a9d053e695a43cc1d1f0855d2', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (index.h("div", { key: '1cd0a189367cf6e93e30a53f36792af23c2a5d6c', class: "container" }, index.h("div", { key: '5334d5e1d615376a94641347ba04fba1c4997655', class: "container-title" }, "Piem\u0113ri"), index.h("div", { key: '27ee5c8b2df6699a9f5614912c1ab9bb55bf767f', class: "container-section container-example" }, index.h("span", { key: '39424553dc18cc06ce2f1aa4791ece2c83d4cd97', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), index.h("code", { key: 'c1970f7a05ebc6b2a5092dd7b115ff80f08d28a5', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), index.h("span", { key: '758257e7c5af1998518d9209d8fd8edc98dd097a' }, "Teksta kr\u0101sas mai\u0146a", ' ', index.h("span", { key: '93c9f724efe1e1de371d81e5417b2d0ee87b8956', class: "example-element tet-color__red30" }, "elementam"), "."), index.h("code", { key: '1dae24b7fc871d44d449107ed4be45b6d8ac3845', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), index.h("span", { key: '9eb751b60ddb57492b1d05254f7bfacd9a999654' }, "Teksta kr\u0101sas mai\u0146a", ' ', index.h("span", { key: '8ee9bf5d9d3bfc8e44053dc3763e6d5d94cf5f99', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), index.h("code", { key: '8b2a231b67ddcb7f9fe0263e0b384e5f1dde6dd4', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), index.h("span", { key: '881bbac084242d1878f5bfa9abe221d75c0581c2' }, "Teksta kr\u0101sas mai\u0146a", ' ', index.h("span", { key: '7c6efa8bf865f4dfe49cd8a244241c671de4f290', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), index.h("span", { key: 'ccb88b30a3b9fa7fbaa8a66149c05b2c0aef15fe', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), index.h("code", { key: 'b9d62b49e6e36c1417c696b32d20fd6d774645e4', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), index.h("span", { key: '4dbdd5afcbb88c93c75e14e8454a25fb44e278b6' }, "Fona kr\u0101sas mai\u0146a", ' ', index.h("span", { key: '208bc2fc93a892ce39edf5faab458e360610aeed', class: "example-element tet-color__red30--background" }, "elementam"), "."), index.h("code", { key: '5de299f441125fd02e84af146b6d2086f5723fee', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), index.h("span", { key: '59bc0caef888585aefd53f9b186201e8318418a8' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', index.h("span", { key: '6cc5df55b48fbd9d9ee246818db62a19903a036a', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), index.h("code", { key: '810b07184c495f61443778a8837ed490fe2f98c8', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), index.h("span", { key: '8cb9e32bddf1b8901a9e25160179dca5886ebc84' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', index.h("span", { key: 'e44237b567ffb696fa2b3765cbfc8553fb029f03', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), index.h("span", { key: '12e7fa354e90272490ce35d08fcc4565bd736ec2', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), index.h("code", { key: 'd1e36abbe80b44ec08661620c07682c7ef9bf4ab', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), index.h("span", { key: '6429e5da6243a33f5e56681445bb14e4ae46fc6b' }, "Apmales kr\u0101sas mai\u0146a", ' ', index.h("span", { key: '9d7ccdb9d80a74aa7338794ca998fecb9c4380fb', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), index.h("code", { key: '4fe6519ae20eb94b2b4d81c965f013c7382f83b2', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), index.h("span", { key: '6464dd54d89cfc4bca536add8cfaf75d9887e2b0' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', index.h("span", { key: '7acc74ea6486b8c8f53cb9541a7a3a95496fbe2c', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), index.h("code", { key: '78d5926927273052ada904915a886c823d176592', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), index.h("span", { key: '8738528597562c94e25bb11303954edf010d1061' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', index.h("span", { key: '3b6e2e54040cefcd262604af4339d4c735c1a88a', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), index.h("span", { key: '4e85437cd47372c6af02440f88ebd0b6ca63f082', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), index.h("code", { key: '0ce6d55f25abdad7971e67287dc4d8f71196bf02', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), index.h("span", { key: '539565b3d7a9d6ee6f967ca88a1f8e6d4b36f409' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', index.h("span", { key: '444e76d71e3b8d9248350c2d4be06b05a4c0568c', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (index.h("div", { key: 'daa1d5c974e97825baa9d2d9125002e08859d26c', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, index.h("div", { key: '3455751a06b14d307b1662b8576fef0240bd368c', class: "container-title" }, "Kr\u0101sas un To\u0146i"), index.h("div", { key: '51ca17389e5054a308abbe48b49f400a93523c6c', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (index.h("div", { key: 'b35184e5d8b6e10ff56b16d2009b421a23e9b109', class: "container" }, index.h("div", { key: 'ba64fc106ddea05c8bbdf75e4ac30a8281b9a97f', class: "container-title main" }, "Tokens"), index.h("div", { key: '350a003ba836a0465d437dd1ffaa5c35bfc5ebe8', class: "container-section token-sections" }, this.tokenSections.length
+            } }, index.h("div", { key: '76735e32e5c79f4a88ff13f9ef4f68d134e4c96d', class: "container-title" }, "Kr\u0101sas un To\u0146i"), index.h("div", { key: '2b78fc5d1c8413430a447afc5fa55ab1bad77967', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (index.h("div", { key: 'dfb902c238da81796201405d0f62d0bac05086a3', class: "container" }, index.h("div", { key: 'b286ec91d4cb8742e7d86cd8985586a2daf97679', class: "container-title main" }, "Tokens"), index.h("div", { key: 'af9cdb31caaa0128320091364c85b3629d711aa2', class: "container-section token-sections" }, this.tokenSections.length
             ? this.tokenSections.map(section => this.renderTokenSection(section))
             : index.h("div", { class: "token-empty-state" }, "Tokens not found.")))))));
     }

package/dist/cjs/tet-compare-card-v2.cjs.entry.js

@@ -307,10 +307,7 @@ const TetCompareCardV2 = class {
         return (index.h("div", { class: "cards" }, [...Array(1)].map(() => [index.h("tet-placeholder", { class: "tet-placeholder", height: "37rem", width: "20.5rem", darkTheme: this.darkMode })])));
     };
     render() {
-        if (this.showLoader) {
-            return this.renderLoader();
-        }
-        return this.renderCard();
+        return (index.h(index.Host, { key: '5b48f1acc3c0bbccc430b926e1f244d6306508da', "data-contains-focusable-content": true }, this.showLoader ? this.renderLoader() : this.renderCard()));
     }
 };
 TetCompareCardV2.style = TetCompareCardV2Style0;

package/dist/cjs/tet-compare-card-v3.cjs.entry.js

@@ -382,10 +382,7 @@ const TetCompareCardV3 = class {
         return (index.h("tet-placeholder", { class: "card__placeholder", height: "100%", width: "100%", darkTheme: this.theme === 'dark' }));
     }
     render() {
-        if (this.showLoader) {
-            return this.renderLoader();
-        }
-        return this.renderCard();
+        return (index.h(index.Host, { key: 'bf0e4b29577c8be8c43f7929c5116757361413c0', "data-contains-focusable-content": true }, this.showLoader ? this.renderLoader() : this.renderCard()));
     }
 };
 TetCompareCardV3.style = TetCompareCardV3Style0;

package/dist/cjs/tet-compare-cards-tab.cjs.entry.js

@@ -192,7 +192,7 @@ const TetTabCompareCards = class {
         return (index.h("div", { class: "tet-compare-cards-tab__content" }, index.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 (index.h(index.Host, { key: '8ec439e0120ab48239c8bf3ed47dc4cb7845d3c8' }, index.h("div", { key: 'bb93f1738ca3cb224be2047767687ecb651e8f24', class: "tet-compare-cards-tab-wrapper" }, this.withProductFilters ? this.renderProductFilters() : '', this.renderTabHeader(this.data, 1), this.renderLoader(), index.h("div", { key: '4970f21d99ee9afb530b1b7753fe41225a5e20bf', class: {
+        return (index.h(index.Host, { key: 'eaf0e45a8fae7f0ee0c24d4299c63156b30e1938' }, index.h("div", { key: '8cd49bebb39a664436be6eaf5f5619f7ca625466', class: "tet-compare-cards-tab-wrapper" }, this.withProductFilters ? this.renderProductFilters() : '', this.renderTabHeader(this.data, 1), this.renderLoader(), index.h("div", { key: '61e2c6bc53f62a9193b6cf2db8754cc64802a4b9', class: {
                 'tet-compare-cards-tab__cards': true,
                 'hidden': this.showLoader
             } }, this.productDataLoaded ? this.renderContent(this.data, 1) : ''))));

package/dist/cjs/tet-compare-cards_2.cjs.entry.js

@@ -22,7 +22,8 @@ const focusableSelectors = [
     '[tabindex]:not([tabindex="-1"])',
     'audio[controls]',
     'video[controls]',
-    '[contenteditable]'
+    '[contenteditable]',
+    '[data-contains-focusable-content]',
 ];
 const isFocusable = (element) => {
     return element.matches(focusableSelectors.join(','));
@@ -159,7 +160,7 @@ const TetCompareCards = class {
         ])));
     };
     render() {
-        return (index.h(index.Host, { key: '089389cbc867fab0cd9cf9d27609d8b57c4194d7', class: {
+        return (index.h(index.Host, { key: '924e687e85a388d672d7babf5808bb08f29202f8', class: {
                 'must-initialize': true,
                 'initialized': this.initializedState
             } }, this.showLoader ? (this.renderLoader()) : (index.h("div", { class: {
@@ -341,11 +342,11 @@ const TetTabContent = class {
         this.selectedId = id;
     }
     render() {
-        return (index.h(index.Host, { key: 'a3af21b6704556ee041f727a6afe101f52e287cf' }, index.h("div", { key: '138fe86c811e9422e411a068c80170a1c7c438ac', class: {
+        return (index.h(index.Host, { key: '591625c8c2a45eb2bab3a48457159b6f84c53c84' }, index.h("div", { key: '711685eeda5c10cb51ed61bdc923f4c2add2cd04', class: {
                 'tet-tab-content': true,
                 'use-visibility': this.useVisibility,
                 [this.theme]: true
-            } }, index.h("slot", { key: '4e1712be17522b8ff353c670cd0ae07491378ad5' }))));
+            } }, index.h("slot", { key: 'df24dc9b2e60d501e6643f2486e5d44a6626f73f' }))));
     }
     static get watchers() { return {
         "dataName": ["onDataNameChange"],

package/dist/cjs/tet-contact-form.cjs.entry.js

@@ -83,7 +83,7 @@ const TetContactForm = class {
         return (index.h("div", { class: "loader-overlay" }, index.h("tet-loader", { class: "loader" })));
     };
     render() {
-        return (index.h("div", { key: '85250535e3da6fe297820de3667bd98ec68c4228', class: { 'dark-theme': this.darkTheme } }, index.h("tet-container", { key: 'fd5eb3f3991a890c3df86b175e8771b6ca361417', class: "container" }, this.showLoader && this.renderLoader(), index.h("div", { key: 'f09616199e1f9dead9756ee680392514103d4a77', class: "form-container" }, this.showTitle && index.h("h2", { key: 'e8fa0610d1e0b380130142a07a3d4ac7fecd09ef', class: "form-title" }, translations.translate('components-contact-form-title')), index.h("p", { key: 'ace61610cc5e7fbda4336a0ee2f3c4d3a8a83293', class: "form-subtitle" }, translations.translate(this.subtitle)), index.h("tet-input", { key: '8fae3bd81cd56cd8df38c45e03bd86a27c73f5e9', class: "form-input", placeholder: "+37122345678", ref: (element) => this.phoneInput = element, validators: this.validators, label: this.showInputLabel ? translations.translate('components-contact-form-input-label') : null, theme: this.darkTheme ? 'dark' : 'classic' }), index.h("tet-button", { key: '57005c4a1b768a81cff3176471a2a1a8e82ea02d', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: translations.translate('components-contact-form-submit'), ...this.submitButtonProps })))));
+        return (index.h("div", { key: '583aabef9a619f440751919ef06ccf47c55c5be8', class: { 'dark-theme': this.darkTheme } }, index.h("tet-container", { key: 'f77b3134fd472fe49986356d7d7607ed1c337795', class: "container" }, this.showLoader && this.renderLoader(), index.h("div", { key: '1f4fe738af3aad50eddb6fa1d6a838237784333d', class: "form-container" }, this.showTitle && index.h("h2", { key: '234c668923d1eb50d717012442e457c9a181c795', class: "form-title" }, translations.translate('components-contact-form-title')), index.h("p", { key: '011107869287092bf08288aea16407438e8074b4', class: "form-subtitle" }, translations.translate(this.subtitle)), index.h("tet-input", { key: 'e2693549ee1508ff92bc48b90fff07185cf56715', class: "form-input", placeholder: "+37122345678", ref: (element) => this.phoneInput = element, validators: this.validators, label: this.showInputLabel ? translations.translate('components-contact-form-input-label') : null, theme: this.darkTheme ? 'dark' : 'classic' }), index.h("tet-button", { key: 'b6cacae9265fdae565875ce29bd94b152e651298', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: translations.translate('components-contact-form-submit'), ...this.submitButtonProps })))));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"]

package/dist/cjs/tet-contact-info.cjs.entry.js

@@ -19,7 +19,7 @@ const TetContactInfo = class {
         return (index.h("div", { class: "contact-info-card-block" }, index.h("span", { class: "contact-info-card-block-label", innerHTML: contactInfo.label }), index.h("span", { class: "contact-info-card-block-value", innerHTML: contactInfo.value })));
     }
     render() {
-        return (index.h(index.Host, { key: '667e526662027dc6c444b59641ca88cce89b0aa5' }, index.h("div", { key: '5a9e2941baf16b6624e74075ee7df1675fb9961f', class: "contact-info" }, index.h("div", { key: '6b55715a871fb3f15e34e3220e3b5ae0b45768e5', class: "contact-info-card" }, this.contactBlocks.map(this.renderValueBlock.bind(this))))));
+        return (index.h(index.Host, { key: '5070fe10c476caaed9b87892d1a6d7bf6d9bbd75' }, index.h("div", { key: '4c95a821612be3f250ade1f2a4992c7ccc954ecf', class: "contact-info" }, index.h("div", { key: '681b0bf5d0f8c7a0af934559c4329861122934db', class: "contact-info-card" }, this.contactBlocks.map(this.renderValueBlock.bind(this))))));
     }
 };
 TetContactInfo.style = TetContactInfoStyle0;

package/dist/cjs/tet-container_2.cjs.entry.js

@@ -16,12 +16,12 @@ const TetContainer = class {
         this.theme = 'classic';
     }
     render() {
-        return (index.h("div", { key: 'eb13abaa40ccfb48a5c6828be30f933060c4a593', class: {
+        return (index.h("div", { key: '7932523b6f1e330481a2ebe5bfb6d63d2beb1a2a', class: {
                 'container': true,
                 'container--highlightable': this.highlightable,
                 'container--selected': this.selected,
                 [`container--${this.theme}`]: this.theme !== 'classic',
-            }, part: "container" }, index.h("slot", { key: '5aab8b52102e9b2052e3823969d318bc5a67b146' })));
+            }, part: "container" }, index.h("slot", { key: '939c53084b211743aa1eec537843795ad2b22f64' })));
     }
 };
 TetContainer.style = TetContainerStyle0;

package/dist/cjs/tet-countdown.cjs.entry.js

@@ -129,7 +129,7 @@ const TetCountdown = class {
     }
     render() {
         const hostClass = `static-text-color-${this.staticTextColor}`;
-        return (index.h(index.Host, { key: 'cc513e7f2da5c916b31b3ddb4c63237d6a1d2172', class: hostClass }, this.countdownTitle && (index.h("div", { key: '01998545e7d2ba80ca38f921af5238baf904a733', class: "countdown-title", part: "title", "aria-hidden": "true" }, this.countdownTitle)), index.h("div", { key: '8648e018ea35071fd0c8f76ec82b7417d311cf8f', class: "countdown", part: "countdown", "aria-hidden": "true" }, this.renderUnit(this.countdown.days, this.getUnitLabel('days', this.countdown.days), 'days'), this.renderUnit(this.countdown.hours, this.getUnitLabel('hours', this.countdown.hours), 'hours'), this.renderUnit(this.countdown.minutes, this.getUnitLabel('minutes', this.countdown.minutes), 'minutes'), this.renderUnit(this.countdown.seconds, this.getUnitLabel('seconds', this.countdown.seconds), 'seconds')), index.h("div", { key: '371a132bb27cae5c07bd42606f34e79408b8bfeb', class: "sr-only" }, this.getCountdownAriaLabel())));
+        return (index.h(index.Host, { key: '00bd6565b7a59be6bca1e8145c52a3c11b43e47c', class: hostClass }, this.countdownTitle && (index.h("div", { key: '9f1e2cb66c1b889f0ae3a19d65792940980876c7', class: "countdown-title", part: "title", "aria-hidden": "true" }, this.countdownTitle)), index.h("div", { key: 'ab6d2bf0b5a2e62edd7b9beaf78b685239f01b07', class: "countdown", part: "countdown", "aria-hidden": "true" }, this.renderUnit(this.countdown.days, this.getUnitLabel('days', this.countdown.days), 'days'), this.renderUnit(this.countdown.hours, this.getUnitLabel('hours', this.countdown.hours), 'hours'), this.renderUnit(this.countdown.minutes, this.getUnitLabel('minutes', this.countdown.minutes), 'minutes'), this.renderUnit(this.countdown.seconds, this.getUnitLabel('seconds', this.countdown.seconds), 'seconds')), index.h("div", { key: '5a928217cf9fa434dcfc657f5974fd2753cb05d8', class: "sr-only" }, this.getCountdownAriaLabel())));
     }
     static get watchers() { return {
         "endDatetime": ["onEndDatetimeChanged"]

package/dist/cjs/tet-counter.cjs.entry.js

@@ -250,7 +250,7 @@ const TetCounter = class {
         return this.disableAnimation ? this.formatValue(this.endValue) : this.formatValue(this.currentValue);
     }
     render() {
-        return (index.h(index.Host, { key: '2f6e1c55fb96d15715e3f5eebc633ad4ba4404e8' }, index.h("span", { key: 'f5aaf269f2fab3f12d615efd57bb6a88a594aabd', part: "counter", "aria-hidden": "true" }, this.outputValue()), index.h("span", { key: '0068efcefe4ab16a5a06cae744a6294c44405236', class: "sr-only" }, this.formatValue(this.endValue))));
+        return (index.h(index.Host, { key: 'd56c9ce76576a6e90d7fe80494aef46f58b04e19' }, index.h("span", { key: 'acd89dc32e53bfc784977ffaea3e2b7220161341', part: "counter", "aria-hidden": "true" }, this.outputValue()), index.h("span", { key: 'f892c2aa06792e061faaae7fee7fd8aa72e9da0f', class: "sr-only" }, this.formatValue(this.endValue))));
     }
     static get watchers() { return {
         "startValue": ["onCounterConfigChanged"],

package/dist/cjs/tet-customer-assets.cjs.entry.js

@@ -129,7 +129,7 @@ const TetCustomerAssets = class {
         return (index.h("tet-selection-list", { items: assets, itemRenderFunction: assetRenderFunction, multipleSelections: false, class: "item", exportparts: "label", onItemSelected: this.selectAsset }));
     };
     render() {
-        return (index.h(index.Host, { key: '2ca1a5f196927aef1ef47a3dc8400aa6d33f9ae8' }, index.h("div", { key: '6d3c52a6e3d1b4a3b59545c55dc4874e5894d099', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
+        return (index.h(index.Host, { key: '9f3805787a389a54ca6bd3a19e2cb43675007765' }, index.h("div", { key: 'b57f95f232e7f60cb01ae9e2aed7b97986700616', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
             ? index.h("tet-loader", { class: "loader-single" })
             : this.showLoader ? this.renderLoader() : this.renderAssetsList())));
     }