@tet/tet-components 1.3.157-testing → 1.4.0-production

package/dist/esm/tet-number-input.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-7f1e2a22.js';
+import { r as registerInstance, c as createEvent, h } from './index-209dece3.js';
 
 const tetNumberInputCss = "@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--number-input-height:3.5rem;--number-input-background-color:var(--tc-layer-primary);--number-input-border-radius:0.75rem;--number-input-border-color:var(--tc-border-secondary);--number-input-border-color-active:var(--tc-border-primary);--number-input-border-color-error:var( --tc-alert-accent-error);--number-input-text-color:var(--tc-text-primary);--number-input-text-secondary-color:var(--tc-text-secondary);--number-input-dropdown-active:var(--tc-layer-tertiary);--number-input-max-width:21.625rem;--number-input-focus-outline-color:var(--tc-blue-40);--number-input-disabled:var(--tc-background-secondary);--number-input-disabled-text:var(--tc-text-tertiary);--number-input-dropdown-border:var(--tc-border-tertiary);max-width:var(--number-input-max-width);display:block}.number-input{display:flex;flex-direction:column}.number-input.dark{--number-input-background-color:var(--tc-layer-primary-dark);--number-input-border-color:var(--tc-border-secondary-dark);--number-input-border-color-active:var(--tc-border-primary-dark);--number-input-border-color-error:var(--tc-alert-accent-error-dark);--number-input-text-color:var(--tc-text-primary-dark);--number-input-text-secondary-color:var(--tc-text-secondary-dark);--number-input-dropdown-active:var(--tc-layer-tertiary-dark);--number-input-disabled:var(--tc-background-secondary-dark);--number-input-disabled-text:var(--tc-text-tertiary-dark);--number-input-dropdown-border:var(--tc-border-tertiary-dark);--number-input-focus-outline-color:var(--tc-blue-40-dark)}.number-input__label{margin-bottom:0.25rem;font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--number-input-text-secondary-color)}.number-input__input{border:none;outline:none;appearance:textfield;-moz-appearance:textfield;padding-inline:0;padding-block:0;font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.number-input__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input__input-suffix{font:400 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--number-input-text-secondary-color);margin-left:0.25rem}.number-input__input-invisible{visibility:hidden;font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";position:absolute;pointer-events:none}.number-input__input-container{position:relative;display:flex;border:0.063rem solid var(--number-input-border-color);align-items:baseline;justify-content:center;padding:0.9375rem;cursor:pointer;height:var(--number-input-height);box-sizing:border-box;background-color:var(--number-input-background-color);border-radius:var(--number-input-border-radius)}.number-input__input-container:active,.number-input__input-container:focus-within{outline:none;border:0.063rem solid var(--number-input-border-color-active)}.number-input__input-container.focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--number-input-focus-outline-color);border-color:var(--number-input-border-color-active)}.number-input__input--hidden{opacity:0;position:absolute}.number-input__helper-text{margin-top:0.25rem;font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--number-input-text-secondary-color)}.number-input__cheveron{display:flex;align-self:center;position:absolute;right:1rem;--icon-size:1.25rem;background:transparent;border:none;outline:none;cursor:pointer;--button-border:none;--button-padding-small:0.5rem}.number-input__cheveron:focus,.number-input__cheveron:focus-visible{--button-box-shadow:none}.number-input__dropdown{border:0.0625rem solid var(--number-input-dropdown-border);position:absolute;width:100%;top:3.625rem;background-color:var(--number-input-background-color);padding:0.625rem 0;border-radius:0.75rem;z-index:1;color:var(--number-input-text-color)}.number-input__dropdown:focus-within{outline:none}.number-input__dropdown-item{display:flex;align-items:center;padding:0.5rem 1rem;font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.number-input__dropdown-item.active{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;border-radius:0.125rem;outline-color:var(--number-input-focus-outline-color)}.number-input__dropdown-item:hover{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item .check{margin-left:auto}.number-input.disabled .number-input__input-container,.number-input.disabled .number-input__input{background-color:var(--number-input-disabled);border-color:var(--number-input-disabled);cursor:not-allowed}.number-input.disabled .number-input__input,.number-input.disabled .number-input__input-suffix{color:var(--number-input-disabled-text)}.number-input.error .number-input__input-container{border:0.063rem solid var(--number-input-border-color-error)}.number-input.error .number-input__helper-text{color:var(--number-input-border-color-error)}@media all and (min-width: 48rem){.number-input .number-input__label{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.number-input tet-icon{--icon-color:var(--number-input-text-color)}.number-input .number-input__input{color:var(--number-input-text-color);background-color:var(--number-input-background-color)}";
 const TetNumberInputStyle0 = tetNumberInputCss;
@@ -10,7 +10,7 @@ const TetNumberInputStyle0 = tetNumberInputCss;
  */
 function focusPreviousElement(element) {
     const previous = element.previousElementSibling;
-    previous === null || previous === void 0 ? void 0 : previous.focus();
+    previous?.focus();
 }
 /**
  * Utility function to focus the next element of an element.
@@ -19,47 +19,12 @@ function focusPreviousElement(element) {
  */
 function focusNextElement(element) {
     const next = element.nextElementSibling;
-    next === null || next === void 0 ? void 0 : next.focus();
+    next?.focus();
 }
 const TetInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.inputValueChanged = createEvent(this, "inputValueChanged", 7);
-        /**
-         * Changes dropdown state
-         */
-        this.onChevronClick = () => {
-            this.isOpen = !this.isOpen;
-            this.onDropdownOpenChanged();
-        };
-        /**
-         * Closes dropdown
-         */
-        this.closeDropdown = () => {
-            this.isOpen = false;
-        };
-        /**
-         * Renders dropdown content
-         */
-        this.dropdownItemRefs = [];
-        this.renderDropdownContent = () => {
-            this.dropdownItemRefs = [];
-            if (!this.suffixes)
-                return [];
-            return this.suffixes.map((_suffix, i) => {
-                const isActive = this.suffix === _suffix;
-                return (h("div", { ref: el => { this.dropdownItemRefs[i] = el; }, onClick: () => this.onDropdownItemClick(_suffix), onKeyDown: this.handleOptionKeydown(() => this.onDropdownItemClick(_suffix)), class: { 'number-input__dropdown-item': true, 'active': isActive }, tabIndex: 0 }, _suffix.name, isActive && h("tet-icon", { class: "check", name: "check" })));
-            });
-        };
-        /**
-         * Move focus from input element to dropdown
-         */
-        this.handleContainerKeydown = (e) => {
-            if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                this.onChevronClick();
-            }
-        };
         this.label = undefined;
         this.theme = 'light';
         this.accessibilityLabel = '';
@@ -78,6 +43,17 @@ const TetInput = class {
         this.isValueHidden = false;
         this.isKeyboardFocus = false;
     }
+    /** Reference to the input element. */
+    inputElement;
+    /** Reference to the dropdown element. */
+    dropdownElement;
+    /** Reference to the chevron element. */
+    chevronElement;
+    /** Reference to the hidden div input element. */
+    inputElementHidden;
+    inputWrapperElement;
+    /** The resize observer watching element resizes. */
+    resizeObserver;
     /**
      * Expose method to access value
      * @returns {number} value
@@ -93,6 +69,10 @@ const TetInput = class {
             this.suffix = this.suffixes.find((_suffix) => _suffix.default) || this.suffixes[0];
         }
     }
+    /**
+     * Emits input event
+     */
+    inputValueChanged;
     /**
      * Event called once after component is fully loaded
      */
@@ -104,8 +84,7 @@ const TetInput = class {
             this.isValueHidden = true;
         }
         this.resizeObserver = new ResizeObserver(() => {
-            var _a;
-            this.inputElement.style.width = `${(_a = this.inputElementHidden) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width}px`;
+            this.inputElement.style.width = `${this.inputElementHidden?.getBoundingClientRect().width}px`;
         });
         this.resizeObserver.observe(this.inputElementHidden);
     }
@@ -192,6 +171,32 @@ const TetInput = class {
         this.value = num;
         inputElement.value = num.toString();
     }
+    /**
+     * Changes dropdown state
+     */
+    onChevronClick = () => {
+        this.isOpen = !this.isOpen;
+        this.onDropdownOpenChanged();
+    };
+    /**
+     * Closes dropdown
+     */
+    closeDropdown = () => {
+        this.isOpen = false;
+    };
+    /**
+     * Renders dropdown content
+     */
+    dropdownItemRefs = [];
+    renderDropdownContent = () => {
+        this.dropdownItemRefs = [];
+        if (!this.suffixes)
+            return [];
+        return this.suffixes.map((_suffix, i) => {
+            const isActive = this.suffix === _suffix;
+            return (h("div", { ref: el => { this.dropdownItemRefs[i] = el; }, onClick: () => this.onDropdownItemClick(_suffix), onKeyDown: this.handleOptionKeydown(() => this.onDropdownItemClick(_suffix)), class: { 'number-input__dropdown-item': true, 'active': isActive }, tabIndex: 0 }, _suffix.name, isActive && h("tet-icon", { class: "check", name: "check" })));
+        });
+    };
     /**
      * Handles keyboard input for an option item.
      *
@@ -238,6 +243,15 @@ const TetInput = class {
             this.closeDropdown();
         }
     }
+    /**
+     * Move focus from input element to dropdown
+     */
+    handleContainerKeydown = (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            this.onChevronClick();
+        }
+    };
     /**
      * Move focus from input element to dropdown
      */
@@ -247,7 +261,7 @@ const TetInput = class {
                 const activeSuffixIndex = this.suffixes.findIndex(suffixOption => suffixOption === this.suffix);
                 const indexToFocus = activeSuffixIndex !== -1 ? activeSuffixIndex : 0;
                 const dropdownOptionToFocus = this.dropdownItemRefs[indexToFocus];
-                dropdownOptionToFocus === null || dropdownOptionToFocus === void 0 ? void 0 : dropdownOptionToFocus.focus();
+                dropdownOptionToFocus?.focus();
             }, 0);
         }
     }
@@ -258,7 +272,7 @@ const TetInput = class {
     render() {
         const { label, helperText, value, disabled, error, completed, isOpen, suffix } = this;
         return (h("div", { key: '118205a8409c3704d725fac9f040811c3dec72ec', class: { 'number-input': true, [this.theme]: !!this.theme,
-                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: 'b10125318d3b01c20415474488cfea6dfff2c679', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: '3ac5e21d87dece1809f73a5e63ef2ea500de6c68', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", Object.assign({ key: 'af84d4475b0477a43230c8b7540f459ef32a7738', onFocusin: () => this.toggleKeyboardFocus(true), onFocusout: () => this.toggleKeyboardFocus(false), ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: { 'number-input__input': true, 'number-input__input--hidden': this.isValueHidden }, disabled: disabled, value: value, type: "number", id: "number-input" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("div", { key: '824f8b9c97dbedc6dcd92da97234bb8046b64174', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: 'cd1813ebbc68637c8e1de72d9f06fbf23baff087', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '99525148702c09783d1ecd8b132e264f0a6bb2d3', type: "ghost", size: "small", ref: (element) => (this.chevronElement = element), class: { 'number-input__cheveron': true }, onClick: this.onChevronClick, "accessibility-label": this.buttonAccessibilityLabel, tabindex: "-1" }, !isOpen && h("tet-icon", { key: '9b46e466fd2d4539be9bb26c8158344cbadefe0c', name: "chevron-down" }), isOpen && h("tet-icon", { key: '9a381e3c4be32545cb3e94284fb9c2f8282762a3', name: "chevron-up" }))), isOpen && (h("div", { key: '60377dee2379132ca971f4b9f567932d295984d1', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: 'a55d2d842586674dfadcf846e1c0b855b45636a0', class: "number-input__helper-text" }, helperText)));
+                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: 'b10125318d3b01c20415474488cfea6dfff2c679', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: '3ac5e21d87dece1809f73a5e63ef2ea500de6c68', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", { key: 'af84d4475b0477a43230c8b7540f459ef32a7738', onFocusin: () => this.toggleKeyboardFocus(true), onFocusout: () => this.toggleKeyboardFocus(false), ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: { 'number-input__input': true, 'number-input__input--hidden': this.isValueHidden }, disabled: disabled, value: value, type: "number", id: "number-input", ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}) }), h("div", { key: '824f8b9c97dbedc6dcd92da97234bb8046b64174', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: 'cd1813ebbc68637c8e1de72d9f06fbf23baff087', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '99525148702c09783d1ecd8b132e264f0a6bb2d3', type: "ghost", size: "small", ref: (element) => (this.chevronElement = element), class: { 'number-input__cheveron': true }, onClick: this.onChevronClick, "accessibility-label": this.buttonAccessibilityLabel, tabindex: "-1" }, !isOpen && h("tet-icon", { key: '9b46e466fd2d4539be9bb26c8158344cbadefe0c', name: "chevron-down" }), isOpen && h("tet-icon", { key: '9a381e3c4be32545cb3e94284fb9c2f8282762a3', name: "chevron-up" }))), isOpen && (h("div", { key: '60377dee2379132ca971f4b9f567932d295984d1', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: 'a55d2d842586674dfadcf846e1c0b855b45636a0', class: "number-input__helper-text" }, helperText)));
     }
     static get watchers() { return {
         "suffix": ["onSuffixChange"]

package/dist/esm/tet-placeholder.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-7f1e2a22.js';
+import { r as registerInstance, h, H as Host } from './index-209dece3.js';
 
 const tetPlaceholderCss = "@font-face{font-family:Avenir Next;src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix);src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix) format(\"eot\"),url(assets/fonts/3c3e10968ffc97c2a52c5830f9886d1f.woff2) format(\"woff2\"),url(assets/fonts/660fbf858d30d7685fa4b166080f5980.woff) format(\"woff\"),url(assets/fonts/2b7748589092fd1a10b806abdfb562ff.ttf) format(\"truetype\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix);src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix) format(\"eot\"),url(assets/fonts/aad36ecead30948bb30fe0ef818b749c.woff2) format(\"woff2\"),url(assets/fonts/c437d7752feaf3f056bbf8613e898d3a.woff) format(\"woff\"),url(assets/fonts/b8df4d02ef5de13a813917a85bc4a9c4.ttf) format(\"truetype\");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix);src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix) format(\"eot\"),url(assets/fonts/4d52f8276a74ea8efbad833ed790367c.woff2) format(\"woff2\"),url(assets/fonts/a067695dd1b87e927f4056c040d84669.woff) format(\"woff\"),url(assets/fonts/510a664af9771b72d4ce5e637109ca3c.ttf) format(\"truetype\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix);src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix) format(\"eot\"),url(assets/fonts/63f5acc71d9852468683a4bfe824a28f.woff2) format(\"woff2\"),url(assets/fonts/ed94c737da267752ce0abd79bb003ff6.woff) format(\"woff\"),url(assets/fonts/6302f55a6dc6b12365177dc89b7d63cf.ttf) format(\"truetype\");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix);src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix) format(\"eot\"),url(assets/fonts/1fe7da97fe9dbe1349aca9b54b5fdf69.woff2) format(\"woff2\"),url(assets/fonts/dacc6a84278e221422902af99579ada5.woff) format(\"woff\"),url(assets/fonts/e530c573663a3a07243d303fbf7db508.ttf) format(\"truetype\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix);src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix) format(\"eot\"),url(assets/fonts/93ec0034623fc696601ab99aba652d4c.woff2) format(\"woff2\"),url(assets/fonts/d73c8eb1c13abe1237366aa3ee829a59.woff) format(\"woff\"),url(assets/fonts/7b6dcef99f3f4b23346e23925ec8678f.ttf) format(\"truetype\");font-weight:600;font-style:italic;font-display:swap}.tet-icon{font-family:Tet Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Tet Icons;src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot);src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot?#iefix) format(\"embedded-opentype\"),url(assets/fonts/25f10ef322a1220b2e9e11db38b73892.woff2) format(\"woff2\"),url(assets/fonts/fed75ac1edcf1c25cdd8612d2c365f9a.woff) format(\"woff\"),url(assets/fonts/df7fbe67cabb13cb837172a73c46378a.ttf) format(\"truetype\"),url(assets/fonts/5486d8c87e2abc6c13ed952a6cc96658.svg#tet-icons) format(\"svg\");font-weight:400;font-style:normal}.tet-icon:before{content:\"\\E84E\"}.tet-icon--sm{font-size:1.125rem}.tet-icon--md{font-size:1.5rem}.tet-icon--lg{font-size:2.25rem}.tet-icon--xl{font-size:3rem}.tet-icon--xxl{font-size:4rem}.tet-icon--0{font-size:0}.tet-icon--1{font-size:.0625rem}.tet-icon--2{font-size:.125rem}.tet-icon--3{font-size:.1875rem}.tet-icon--4{font-size:.25rem}.tet-icon--5{font-size:.3125rem}.tet-icon--6{font-size:.375rem}.tet-icon--7{font-size:.4375rem}.tet-icon--8{font-size:.5rem}.tet-icon--9{font-size:.5625rem}.tet-icon--10{font-size:.625rem}.tet-icon--11{font-size:.6875rem}.tet-icon--12{font-size:.75rem}.tet-icon--13{font-size:.8125rem}.tet-icon--14{font-size:.875rem}.tet-icon--15{font-size:.9375rem}.tet-icon--16{font-size:1rem}.tet-icon--17{font-size:1.0625rem}.tet-icon--18{font-size:1.125rem}.tet-icon--19{font-size:1.1875rem}.tet-icon--20{font-size:1.25rem}.tet-icon--21{font-size:1.3125rem}.tet-icon--22{font-size:1.375rem}.tet-icon--23{font-size:1.4375rem}.tet-icon--24{font-size:1.5rem}.tet-icon--25{font-size:1.5625rem}.tet-icon--26{font-size:1.625rem}.tet-icon--27{font-size:1.6875rem}.tet-icon--28{font-size:1.75rem}.tet-icon--29{font-size:1.8125rem}.tet-icon--30{font-size:1.875rem}.tet-icon--31{font-size:1.9375rem}.tet-icon--32{font-size:2rem}.tet-icon--33{font-size:2.0625rem}.tet-icon--34{font-size:2.125rem}.tet-icon--35{font-size:2.1875rem}.tet-icon--36{font-size:2.25rem}.tet-icon--37{font-size:2.3125rem}.tet-icon--38{font-size:2.375rem}.tet-icon--39{font-size:2.4375rem}.tet-icon--40{font-size:2.5rem}.tet-icon--41{font-size:2.5625rem}.tet-icon--42{font-size:2.625rem}.tet-icon--43{font-size:2.6875rem}.tet-icon--44{font-size:2.75rem}.tet-icon--45{font-size:2.8125rem}.tet-icon--46{font-size:2.875rem}.tet-icon--47{font-size:2.9375rem}.tet-icon--48{font-size:3rem}.tet-icon--49{font-size:3.0625rem}.tet-icon--50{font-size:3.125rem}.tet-icon--51{font-size:3.1875rem}.tet-icon--52{font-size:3.25rem}.tet-icon--53{font-size:3.3125rem}.tet-icon--54{font-size:3.375rem}.tet-icon--55{font-size:3.4375rem}.tet-icon--56{font-size:3.5rem}.tet-icon--57{font-size:3.5625rem}.tet-icon--58{font-size:3.625rem}.tet-icon--59{font-size:3.6875rem}.tet-icon--60{font-size:3.75rem}.tet-icon--61{font-size:3.8125rem}.tet-icon--62{font-size:3.875rem}.tet-icon--63{font-size:3.9375rem}.tet-icon--64{font-size:4rem}.tet-icon--65{font-size:4.0625rem}.tet-icon--66{font-size:4.125rem}.tet-icon--67{font-size:4.1875rem}.tet-icon--68{font-size:4.25rem}.tet-icon--69{font-size:4.3125rem}.tet-icon--70{font-size:4.375rem}.tet-icon--71{font-size:4.4375rem}.tet-icon--72{font-size:4.5rem}.tet-icon--73{font-size:4.5625rem}.tet-icon--74{font-size:4.625rem}.tet-icon--75{font-size:4.6875rem}.tet-icon--76{font-size:4.75rem}.tet-icon--77{font-size:4.8125rem}.tet-icon--78{font-size:4.875rem}.tet-icon--79{font-size:4.9375rem}.tet-icon--80{font-size:5rem}.tet-icon--81{font-size:5.0625rem}.tet-icon--82{font-size:5.125rem}.tet-icon--83{font-size:5.1875rem}.tet-icon--84{font-size:5.25rem}.tet-icon--85{font-size:5.3125rem}.tet-icon--86{font-size:5.375rem}.tet-icon--87{font-size:5.4375rem}.tet-icon--88{font-size:5.5rem}.tet-icon--89{font-size:5.5625rem}.tet-icon--90{font-size:5.625rem}.tet-icon--91{font-size:5.6875rem}.tet-icon--92{font-size:5.75rem}.tet-icon--93{font-size:5.8125rem}.tet-icon--94{font-size:5.875rem}.tet-icon--95{font-size:5.9375rem}.tet-icon--96{font-size:6rem}.tet-icon--97{font-size:6.0625rem}.tet-icon--98{font-size:6.125rem}.tet-icon--99{font-size:6.1875rem}.tet-icon--100{font-size:6.25rem}.tet-icon--101{font-size:6.3125rem}.tet-icon__add:before{content:\"\\E800\"}.tet-icon__alert-circled:before{content:\"\\E801\"}.tet-icon__alert:before{content:\"\\E802\"}.tet-icon__bank:before{content:\"\\E803\"}.tet-icon__box:before{content:\"\\E804\"}.tet-icon__download:before{content:\"\\E805\"}.tet-icon__burger:before{content:\"\\E806\"}.tet-icon__cancel:before{content:\"\\E807\"}.tet-icon__printer:before{content:\"\\E808\"}.tet-icon__cart-add:before{content:\"\\E809\"}.tet-icon__cart-remove:before{content:\"\\E80A\"}.tet-icon__cart:before{content:\"\\E80B\"}.tet-icon__chat:before{content:\"\\E80C\"}.tet-icon__arrow-up:before{content:\"\\E80D\"}.tet-icon__calendar:before{content:\"\\E80E\"}.tet-icon__help-circled:before{content:\"\\E80F\"}.tet-icon__edit:before{content:\"\\E810\"}.tet-icon__external-link:before{content:\"\\E811\"}.tet-icon__gift:before{content:\"\\E812\"}.tet-icon__person:before{content:\"\\E813\"}.tet-icon__heart:before{content:\"\\E814\"}.tet-icon__language:before{content:\"\\E815\"}.tet-icon__help:before{content:\"\\E816\"}.tet-icon__home-1:before{content:\"\\E817\"}.tet-icon__location:before{content:\"\\E818\"}.tet-icon__home-3:before{content:\"\\E819\"}.tet-icon__chart-even:before{content:\"\\E81A\"}.tet-icon__info-2:before{content:\"\\E81B\"}.tet-icon__key:before{content:\"\\E81C\"}.tet-icon__info:before{content:\"\\E81D\"}.tet-icon__lock-opened:before{content:\"\\E81E\"}.tet-icon__lock-outlined:before{content:\"\\E81F\"}.tet-icon__lock:before{content:\"\\E820\"}.tet-icon__laptop-filled:before{content:\"\\E821\"}.tet-icon__mail:before{content:\"\\E822\"}.tet-icon__options:before{content:\"\\E823\"}.tet-icon__chart-uneven:before{content:\"\\E824\"}.tet-icon__mail-2:before{content:\"\\E825\"}.tet-icon__remove:before{content:\"\\E826\"}.tet-icon__mobile-filled:before{content:\"\\E827\"}.tet-icon__ilu-calendar-check:before{content:\"\\E828\"}.tet-icon__settings-outlined:before{content:\"\\E829\"}.tet-icon__tablet:before{content:\"\\E82A\"}.tet-icon__thumb-up:before{content:\"\\E82B\"}.tet-icon__ilu-purchase:before{content:\"\\E82C\"}.tet-icon__chart-even-outlined:before{content:\"\\E82D\"}.tet-icon__movie:before{content:\"\\E82E\"}.tet-icon__percent:before{content:\"\\E82F\"}.tet-icon__ilu-change-whenever:before{content:\"\\E830\"}.tet-icon__truck:before{content:\"\\E831\"}.tet-icon__zero:before{content:\"\\E832\"}.tet-icon__attach:before{content:\"\\E833\"}.tet-icon__cloud-done:before{content:\"\\E834\"}.tet-icon__cloud-download:before{content:\"\\E835\"}.tet-icon__cloud-upload:before{content:\"\\E836\"}.tet-icon__cloud:before{content:\"\\E837\"}.tet-icon__folder:before{content:\"\\E838\"}.tet-icon__remote:before{content:\"\\E839\"}.tet-icon__router:before{content:\"\\E83A\"}.tet-icon__shield-filled:before{content:\"\\E83B\"}.tet-icon__shield:before{content:\"\\E83C\"}.tet-icon__ilu-devices:before{content:\"\\E83D\"}.tet-icon__ilu-get-points:before{content:\"\\E83E\"}.tet-icon__tv:before{content:\"\\E83F\"}.tet-icon__ilu-internet:before{content:\"\\E840\"}.tet-icon__wifi-outlined:before{content:\"\\E841\"}.tet-icon__wifi:before{content:\"\\E842\"}.tet-icon__description-outlined:before{content:\"\\E843\"}.tet-icon__laptop:before{content:\"\\E844\"}.tet-icon__chart-uneven-outlined:before{content:\"\\E845\"}.tet-icon__meter:before{content:\"\\E846\"}.tet-icon__mobile:before{content:\"\\E847\"}.tet-icon__phone:before{content:\"\\E848\"}.tet-icon__plug-filled:before{content:\"\\E849\"}.tet-icon__plug:before{content:\"\\E84A\"}.tet-icon__print:before{content:\"\\E84B\"}.tet-icon__camera:before{content:\"\\E84C\"}.tet-icon__clock:before{content:\"\\E84D\"}.tet-icon__placeholder:before{content:\"\\E84E\"}.tet-icon__tv-filled:before{content:\"\\E84F\"}.tet-icon__arrow-down:before{content:\"\\E850\"}.tet-icon__arrow-left:before{content:\"\\E851\"}.tet-icon__arrow-right:before{content:\"\\E852\"}.tet-icon__description:before{content:\"\\E853\"}.tet-icon__login:before{content:\"\\E854\"}.tet-icon__check:before{content:\"\\E855\"}.tet-icon__chevron-down:before{content:\"\\E856\"}.tet-icon__chevron-left:before{content:\"\\E857\"}.tet-icon__chevron-right:before{content:\"\\E858\"}.tet-icon__chevron-up:before{content:\"\\E859\"}.tet-icon__close-circled:before{content:\"\\E85A\"}.tet-icon__close:before{content:\"\\E85B\"}.tet-icon__more-horizontal:before{content:\"\\E85C\"}.tet-icon__more-vertical:before{content:\"\\E85D\"}.tet-icon__refresh:before{content:\"\\E85E\"}.tet-icon__facebook:before{content:\"\\E85F\"}.tet-icon__instagram:before{content:\"\\E860\"}.tet-icon__linkedin:before{content:\"\\E861\"}.tet-icon__people:before{content:\"\\E862\"}.tet-icon__logout:before{content:\"\\E863\"}.tet-icon__share:before{content:\"\\E864\"}.tet-icon__twitter:before{content:\"\\E865\"}.tet-icon__cancel-filled:before{content:\"\\E866\"}.tet-icon__done:before{content:\"\\E867\"}.tet-icon__star-filled:before{content:\"\\E868\"}.tet-icon__star:before{content:\"\\E869\"}.tet-icon__clipboard:before{content:\"\\E86A\"}.tet-icon__ilu-calendar:before{content:\"\\E86B\"}.tet-icon__check-circled:before{content:\"\\E86C\"}.tet-icon__ilu-choose-channels:before{content:\"\\E86D\"}.tet-icon__search:before{content:\"\\E86E\"}.tet-icon__warning:before{content:\"\\E86F\"}.tet-icon__ilu-clock-1:before{content:\"\\E870\"}.tet-icon__ilu-fold:before{content:\"\\E871\"}.tet-icon__ilu-letter:before{content:\"\\E872\"}.tet-icon__ilu-pay:before{content:\"\\E873\"}.tet-icon__ilu-meter:before{content:\"\\E874\"}.tet-icon__ilu-sign:before{content:\"\\E875\"}.tet-icon__smart-watch-filled:before{content:\"\\E876\"}.tet-icon__washing-machine-filled:before{content:\"\\E877\"}.tet-icon__bullet:before{content:\"\\E878\"}.tet-icon__sound:before{content:\"\\E879\"}.tet-icon__dropdown:before{content:\"\\E87A\"}.tet-icon__mask-pass:before{content:\"\\E87B\"}.tet-icon__select:before{content:\"\\E87C\"}.tet-icon__text-area-sizing:before{content:\"\\E87D\"}.tet-icon__unmask-pass:before{content:\"\\E87E\"}.tet-icon__bullet-small:before{content:\"\\E882\"}.tet-icon__electric-bolt:before{content:\"\\E880\"}.tet-icon__sun:before{content:\"\\E881\"}:host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--placeholder-primary-background-color:#eeeeee;--placeholder-secondary-background-color:#dddddd;--placeholder-animation-speed:2s;--placeholder-border-radius:0.3125rem;display:block;min-height:2em}.dark-theme{--placeholder-primary-background-color:#111111;--placeholder-secondary-background-color:#222222}@keyframes animatedBackground{from{background-position-x:-100vw}to{background-position-x:100vw}}.placeholder{display:block;min-height:2em;border-radius:var(--placeholder-border-radius);background-image:linear-gradient(90deg, var(--placeholder-primary-background-color) 0%, var(--placeholder-secondary-background-color) 50%, var(--placeholder-primary-background-color) 100%);background-position:0 0;background-repeat:repeat;animation:animatedBackground var(--placeholder-animation-speed) linear infinite}";
 const TetPlaceholderStyle0 = tetPlaceholderCss;

package/dist/esm/tet-price-view.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-7f1e2a22.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-209dece3.js';
 
 const tetPriceViewCss = ":host{display:block}.price-view__container{box-sizing:border-box;font-family:Inter, sans-serif;width:9.375rem;height:9.375rem;padding:1.625rem 0rem;border-radius:1rem;container-type:inline-size}.price-view__container.dark:not(.static-colors).price-view__white{background-color:var(--tc-layer-inverse-primary, rgb(12, 12, 14));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__container.dark:not(.static-colors).price-view__grey{background-color:var(--tc-grey-10-dark, rgb(24, 25, 27));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__container.dark:not(.static-colors).price-view__black{background-color:var(--tc-layer-primary, rgb(255, 255, 255));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__white{background-color:var(--tc-layer-primary, rgb(255, 255, 255));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__grey{background-color:var(--tc-layer-secondary, rgb(247, 247, 247));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__black{background-color:var(--tc-layer-inverse-primary, rgb(12, 12, 14));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__yellow{background:var(--tc-yellow-40, rgb(255, 208, 38));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__body{margin:auto;width:fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:space-between}.price-view__heading{text-align:left;font-family:Inter, sans-serif;font-size:1.125rem;font-style:normal;font-weight:600;line-height:1.75rem;letter-spacing:-0.012rem;margin-block:0}.price-view__price{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0.25rem;letter-spacing:-0.015rem}.price-view__euro{font-style:normal;font-weight:600;letter-spacing:-0.0175rem;letter-spacing:-0.015rem}.price-view__cents-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;letter-spacing:-0.015rem}.price-view__cents{font-family:Gilroy, sans-serif;font-size:1.75rem;font-style:normal;font-weight:600;letter-spacing:-0.015rem}.price-view__footer{font-family:Inter, sans-serif;font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.025rem;margin-block:0}";
 const TetPriceViewStyle0 = tetPriceViewCss;
@@ -152,6 +152,7 @@ const TetPriceView = class {
         this.footerTextType = 'regular';
         this.staticColors = true;
     }
+    get hostElement() { return getElement(this); }
     render() {
         const mainClasses = {
             [this.theme]: true,
@@ -198,10 +199,9 @@ const TetPriceView = class {
                 gap: COMPONENT_SIZES[this.size].gap,
             }
         };
-        const isCentsPrice = (this === null || this === void 0 ? void 0 : this.centsPrice) && (this === null || this === void 0 ? void 0 : this.centsPrice.length) > 0;
-        return (h(Host, { key: '8e05f557e9b657da2c397f03ea0ccce84f5b938c' }, h("div", { key: 'ecb7c516269d213504dd668140d982dde3e634c3', class: mainClasses, style: styles.container }, h("div", { key: '529f75a1ea9e0ddb8a1f3a920988a9b848d6dd6c', class: "price-view__body" }, (this === null || this === void 0 ? void 0 : this.headingText) && (h("h3", { key: '0c3595779d5150a791b95762911e87bd108e7f06', class: "price-view__heading", style: styles.heading }, this.headingText)), h("div", { key: 'be33a2b4025fbb8a7a5c8bc6c078e62ed098ec95', class: "price-view__price", style: { fontFamily: this.font, gap: styles.price.gap } }, h("span", { key: 'c3726df516671ef511e9be1641250495dd5885e1', class: "price-view__euro", style: styles.euro }, this.euroPrice, !isMonthly && !isCentsPrice ? '€' : ''), h("div", { key: '7e07be30ba9c735debb4eff37d26d1bfa683960e', class: "price-view__cents-container" }, h("span", { key: '21425123b6d56f0e947ba50b0b8e3397972a4c09', class: "price-view__cents", style: styles.cents }, this === null || this === void 0 ? void 0 : this.centsPrice), this.priceType && (h("span", { key: '614e5634e902c22b3ace04150b4e1a52db76547a', class: "price-view__type", style: styles.priceType }, isMonthly ? '€/mēn.' : '', !isMonthly && isCentsPrice ? 'EUR' : '')))), (this === null || this === void 0 ? void 0 : this.footerText) && (h("p", { key: '93e7551ef0ae1c7cb63c029e4ebfb37d63a87d60', class: "price-view__footer", style: styles.footer }, this.footerText))))));
+        const isCentsPrice = this?.centsPrice && this?.centsPrice.length > 0;
+        return (h(Host, { key: '8e05f557e9b657da2c397f03ea0ccce84f5b938c' }, h("div", { key: 'ecb7c516269d213504dd668140d982dde3e634c3', class: mainClasses, style: styles.container }, h("div", { key: '529f75a1ea9e0ddb8a1f3a920988a9b848d6dd6c', class: "price-view__body" }, this?.headingText && (h("h3", { key: '0c3595779d5150a791b95762911e87bd108e7f06', class: "price-view__heading", style: styles.heading }, this.headingText)), h("div", { key: 'be33a2b4025fbb8a7a5c8bc6c078e62ed098ec95', class: "price-view__price", style: { fontFamily: this.font, gap: styles.price.gap } }, h("span", { key: 'c3726df516671ef511e9be1641250495dd5885e1', class: "price-view__euro", style: styles.euro }, this.euroPrice, !isMonthly && !isCentsPrice ? '€' : ''), h("div", { key: '7e07be30ba9c735debb4eff37d26d1bfa683960e', class: "price-view__cents-container" }, h("span", { key: '21425123b6d56f0e947ba50b0b8e3397972a4c09', class: "price-view__cents", style: styles.cents }, this?.centsPrice), this.priceType && (h("span", { key: '614e5634e902c22b3ace04150b4e1a52db76547a', class: "price-view__type", style: styles.priceType }, isMonthly ? '€/mēn.' : '', !isMonthly && isCentsPrice ? 'EUR' : '')))), this?.footerText && (h("p", { key: '93e7551ef0ae1c7cb63c029e4ebfb37d63a87d60', class: "price-view__footer", style: styles.footer }, this.footerText))))));
     }
-    get hostElement() { return getElement(this); }
 };
 TetPriceView.style = TetPriceViewStyle0;
 

package/dist/esm/tet-radio.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-7f1e2a22.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-209dece3.js';
 import { r as randomString } from './random-6d0158f1.js';
 
 const tetRadioCss = "@font-face{font-family:Avenir Next;src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix);src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix) format(\"eot\"),url(assets/fonts/3c3e10968ffc97c2a52c5830f9886d1f.woff2) format(\"woff2\"),url(assets/fonts/660fbf858d30d7685fa4b166080f5980.woff) format(\"woff\"),url(assets/fonts/2b7748589092fd1a10b806abdfb562ff.ttf) format(\"truetype\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix);src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix) format(\"eot\"),url(assets/fonts/aad36ecead30948bb30fe0ef818b749c.woff2) format(\"woff2\"),url(assets/fonts/c437d7752feaf3f056bbf8613e898d3a.woff) format(\"woff\"),url(assets/fonts/b8df4d02ef5de13a813917a85bc4a9c4.ttf) format(\"truetype\");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix);src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix) format(\"eot\"),url(assets/fonts/4d52f8276a74ea8efbad833ed790367c.woff2) format(\"woff2\"),url(assets/fonts/a067695dd1b87e927f4056c040d84669.woff) format(\"woff\"),url(assets/fonts/510a664af9771b72d4ce5e637109ca3c.ttf) format(\"truetype\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix);src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix) format(\"eot\"),url(assets/fonts/63f5acc71d9852468683a4bfe824a28f.woff2) format(\"woff2\"),url(assets/fonts/ed94c737da267752ce0abd79bb003ff6.woff) format(\"woff\"),url(assets/fonts/6302f55a6dc6b12365177dc89b7d63cf.ttf) format(\"truetype\");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix);src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix) format(\"eot\"),url(assets/fonts/1fe7da97fe9dbe1349aca9b54b5fdf69.woff2) format(\"woff2\"),url(assets/fonts/dacc6a84278e221422902af99579ada5.woff) format(\"woff\"),url(assets/fonts/e530c573663a3a07243d303fbf7db508.ttf) format(\"truetype\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix);src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix) format(\"eot\"),url(assets/fonts/93ec0034623fc696601ab99aba652d4c.woff2) format(\"woff2\"),url(assets/fonts/d73c8eb1c13abe1237366aa3ee829a59.woff) format(\"woff\"),url(assets/fonts/7b6dcef99f3f4b23346e23925ec8678f.ttf) format(\"truetype\");font-weight:600;font-style:italic;font-display:swap}.tet-icon.sc-tet-radio{font-family:Tet Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Tet Icons;src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot);src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot?#iefix) format(\"embedded-opentype\"),url(assets/fonts/25f10ef322a1220b2e9e11db38b73892.woff2) format(\"woff2\"),url(assets/fonts/fed75ac1edcf1c25cdd8612d2c365f9a.woff) format(\"woff\"),url(assets/fonts/df7fbe67cabb13cb837172a73c46378a.ttf) format(\"truetype\"),url(assets/fonts/5486d8c87e2abc6c13ed952a6cc96658.svg#tet-icons) format(\"svg\");font-weight:400;font-style:normal}.tet-icon.sc-tet-radio:before{content:\"\\E84E\"}.tet-icon--sm.sc-tet-radio{font-size:1.125rem}.tet-icon--md.sc-tet-radio{font-size:1.5rem}.tet-icon--lg.sc-tet-radio{font-size:2.25rem}.tet-icon--xl.sc-tet-radio{font-size:3rem}.tet-icon--xxl.sc-tet-radio{font-size:4rem}.tet-icon--0.sc-tet-radio{font-size:0}.tet-icon--1.sc-tet-radio{font-size:.0625rem}.tet-icon--2.sc-tet-radio{font-size:.125rem}.tet-icon--3.sc-tet-radio{font-size:.1875rem}.tet-icon--4.sc-tet-radio{font-size:.25rem}.tet-icon--5.sc-tet-radio{font-size:.3125rem}.tet-icon--6.sc-tet-radio{font-size:.375rem}.tet-icon--7.sc-tet-radio{font-size:.4375rem}.tet-icon--8.sc-tet-radio{font-size:.5rem}.tet-icon--9.sc-tet-radio{font-size:.5625rem}.tet-icon--10.sc-tet-radio{font-size:.625rem}.tet-icon--11.sc-tet-radio{font-size:.6875rem}.tet-icon--12.sc-tet-radio{font-size:.75rem}.tet-icon--13.sc-tet-radio{font-size:.8125rem}.tet-icon--14.sc-tet-radio{font-size:.875rem}.tet-icon--15.sc-tet-radio{font-size:.9375rem}.tet-icon--16.sc-tet-radio{font-size:1rem}.tet-icon--17.sc-tet-radio{font-size:1.0625rem}.tet-icon--18.sc-tet-radio{font-size:1.125rem}.tet-icon--19.sc-tet-radio{font-size:1.1875rem}.tet-icon--20.sc-tet-radio{font-size:1.25rem}.tet-icon--21.sc-tet-radio{font-size:1.3125rem}.tet-icon--22.sc-tet-radio{font-size:1.375rem}.tet-icon--23.sc-tet-radio{font-size:1.4375rem}.tet-icon--24.sc-tet-radio{font-size:1.5rem}.tet-icon--25.sc-tet-radio{font-size:1.5625rem}.tet-icon--26.sc-tet-radio{font-size:1.625rem}.tet-icon--27.sc-tet-radio{font-size:1.6875rem}.tet-icon--28.sc-tet-radio{font-size:1.75rem}.tet-icon--29.sc-tet-radio{font-size:1.8125rem}.tet-icon--30.sc-tet-radio{font-size:1.875rem}.tet-icon--31.sc-tet-radio{font-size:1.9375rem}.tet-icon--32.sc-tet-radio{font-size:2rem}.tet-icon--33.sc-tet-radio{font-size:2.0625rem}.tet-icon--34.sc-tet-radio{font-size:2.125rem}.tet-icon--35.sc-tet-radio{font-size:2.1875rem}.tet-icon--36.sc-tet-radio{font-size:2.25rem}.tet-icon--37.sc-tet-radio{font-size:2.3125rem}.tet-icon--38.sc-tet-radio{font-size:2.375rem}.tet-icon--39.sc-tet-radio{font-size:2.4375rem}.tet-icon--40.sc-tet-radio{font-size:2.5rem}.tet-icon--41.sc-tet-radio{font-size:2.5625rem}.tet-icon--42.sc-tet-radio{font-size:2.625rem}.tet-icon--43.sc-tet-radio{font-size:2.6875rem}.tet-icon--44.sc-tet-radio{font-size:2.75rem}.tet-icon--45.sc-tet-radio{font-size:2.8125rem}.tet-icon--46.sc-tet-radio{font-size:2.875rem}.tet-icon--47.sc-tet-radio{font-size:2.9375rem}.tet-icon--48.sc-tet-radio{font-size:3rem}.tet-icon--49.sc-tet-radio{font-size:3.0625rem}.tet-icon--50.sc-tet-radio{font-size:3.125rem}.tet-icon--51.sc-tet-radio{font-size:3.1875rem}.tet-icon--52.sc-tet-radio{font-size:3.25rem}.tet-icon--53.sc-tet-radio{font-size:3.3125rem}.tet-icon--54.sc-tet-radio{font-size:3.375rem}.tet-icon--55.sc-tet-radio{font-size:3.4375rem}.tet-icon--56.sc-tet-radio{font-size:3.5rem}.tet-icon--57.sc-tet-radio{font-size:3.5625rem}.tet-icon--58.sc-tet-radio{font-size:3.625rem}.tet-icon--59.sc-tet-radio{font-size:3.6875rem}.tet-icon--60.sc-tet-radio{font-size:3.75rem}.tet-icon--61.sc-tet-radio{font-size:3.8125rem}.tet-icon--62.sc-tet-radio{font-size:3.875rem}.tet-icon--63.sc-tet-radio{font-size:3.9375rem}.tet-icon--64.sc-tet-radio{font-size:4rem}.tet-icon--65.sc-tet-radio{font-size:4.0625rem}.tet-icon--66.sc-tet-radio{font-size:4.125rem}.tet-icon--67.sc-tet-radio{font-size:4.1875rem}.tet-icon--68.sc-tet-radio{font-size:4.25rem}.tet-icon--69.sc-tet-radio{font-size:4.3125rem}.tet-icon--70.sc-tet-radio{font-size:4.375rem}.tet-icon--71.sc-tet-radio{font-size:4.4375rem}.tet-icon--72.sc-tet-radio{font-size:4.5rem}.tet-icon--73.sc-tet-radio{font-size:4.5625rem}.tet-icon--74.sc-tet-radio{font-size:4.625rem}.tet-icon--75.sc-tet-radio{font-size:4.6875rem}.tet-icon--76.sc-tet-radio{font-size:4.75rem}.tet-icon--77.sc-tet-radio{font-size:4.8125rem}.tet-icon--78.sc-tet-radio{font-size:4.875rem}.tet-icon--79.sc-tet-radio{font-size:4.9375rem}.tet-icon--80.sc-tet-radio{font-size:5rem}.tet-icon--81.sc-tet-radio{font-size:5.0625rem}.tet-icon--82.sc-tet-radio{font-size:5.125rem}.tet-icon--83.sc-tet-radio{font-size:5.1875rem}.tet-icon--84.sc-tet-radio{font-size:5.25rem}.tet-icon--85.sc-tet-radio{font-size:5.3125rem}.tet-icon--86.sc-tet-radio{font-size:5.375rem}.tet-icon--87.sc-tet-radio{font-size:5.4375rem}.tet-icon--88.sc-tet-radio{font-size:5.5rem}.tet-icon--89.sc-tet-radio{font-size:5.5625rem}.tet-icon--90.sc-tet-radio{font-size:5.625rem}.tet-icon--91.sc-tet-radio{font-size:5.6875rem}.tet-icon--92.sc-tet-radio{font-size:5.75rem}.tet-icon--93.sc-tet-radio{font-size:5.8125rem}.tet-icon--94.sc-tet-radio{font-size:5.875rem}.tet-icon--95.sc-tet-radio{font-size:5.9375rem}.tet-icon--96.sc-tet-radio{font-size:6rem}.tet-icon--97.sc-tet-radio{font-size:6.0625rem}.tet-icon--98.sc-tet-radio{font-size:6.125rem}.tet-icon--99.sc-tet-radio{font-size:6.1875rem}.tet-icon--100.sc-tet-radio{font-size:6.25rem}.tet-icon--101.sc-tet-radio{font-size:6.3125rem}.tet-icon__add.sc-tet-radio:before{content:\"\\E800\"}.tet-icon__alert-circled.sc-tet-radio:before{content:\"\\E801\"}.tet-icon__alert.sc-tet-radio:before{content:\"\\E802\"}.tet-icon__bank.sc-tet-radio:before{content:\"\\E803\"}.tet-icon__box.sc-tet-radio:before{content:\"\\E804\"}.tet-icon__download.sc-tet-radio:before{content:\"\\E805\"}.tet-icon__burger.sc-tet-radio:before{content:\"\\E806\"}.tet-icon__cancel.sc-tet-radio:before{content:\"\\E807\"}.tet-icon__printer.sc-tet-radio:before{content:\"\\E808\"}.tet-icon__cart-add.sc-tet-radio:before{content:\"\\E809\"}.tet-icon__cart-remove.sc-tet-radio:before{content:\"\\E80A\"}.tet-icon__cart.sc-tet-radio:before{content:\"\\E80B\"}.tet-icon__chat.sc-tet-radio:before{content:\"\\E80C\"}.tet-icon__arrow-up.sc-tet-radio:before{content:\"\\E80D\"}.tet-icon__calendar.sc-tet-radio:before{content:\"\\E80E\"}.tet-icon__help-circled.sc-tet-radio:before{content:\"\\E80F\"}.tet-icon__edit.sc-tet-radio:before{content:\"\\E810\"}.tet-icon__external-link.sc-tet-radio:before{content:\"\\E811\"}.tet-icon__gift.sc-tet-radio:before{content:\"\\E812\"}.tet-icon__person.sc-tet-radio:before{content:\"\\E813\"}.tet-icon__heart.sc-tet-radio:before{content:\"\\E814\"}.tet-icon__language.sc-tet-radio:before{content:\"\\E815\"}.tet-icon__help.sc-tet-radio:before{content:\"\\E816\"}.tet-icon__home-1.sc-tet-radio:before{content:\"\\E817\"}.tet-icon__location.sc-tet-radio:before{content:\"\\E818\"}.tet-icon__home-3.sc-tet-radio:before{content:\"\\E819\"}.tet-icon__chart-even.sc-tet-radio:before{content:\"\\E81A\"}.tet-icon__info-2.sc-tet-radio:before{content:\"\\E81B\"}.tet-icon__key.sc-tet-radio:before{content:\"\\E81C\"}.tet-icon__info.sc-tet-radio:before{content:\"\\E81D\"}.tet-icon__lock-opened.sc-tet-radio:before{content:\"\\E81E\"}.tet-icon__lock-outlined.sc-tet-radio:before{content:\"\\E81F\"}.tet-icon__lock.sc-tet-radio:before{content:\"\\E820\"}.tet-icon__laptop-filled.sc-tet-radio:before{content:\"\\E821\"}.tet-icon__mail.sc-tet-radio:before{content:\"\\E822\"}.tet-icon__options.sc-tet-radio:before{content:\"\\E823\"}.tet-icon__chart-uneven.sc-tet-radio:before{content:\"\\E824\"}.tet-icon__mail-2.sc-tet-radio:before{content:\"\\E825\"}.tet-icon__remove.sc-tet-radio:before{content:\"\\E826\"}.tet-icon__mobile-filled.sc-tet-radio:before{content:\"\\E827\"}.tet-icon__ilu-calendar-check.sc-tet-radio:before{content:\"\\E828\"}.tet-icon__settings-outlined.sc-tet-radio:before{content:\"\\E829\"}.tet-icon__tablet.sc-tet-radio:before{content:\"\\E82A\"}.tet-icon__thumb-up.sc-tet-radio:before{content:\"\\E82B\"}.tet-icon__ilu-purchase.sc-tet-radio:before{content:\"\\E82C\"}.tet-icon__chart-even-outlined.sc-tet-radio:before{content:\"\\E82D\"}.tet-icon__movie.sc-tet-radio:before{content:\"\\E82E\"}.tet-icon__percent.sc-tet-radio:before{content:\"\\E82F\"}.tet-icon__ilu-change-whenever.sc-tet-radio:before{content:\"\\E830\"}.tet-icon__truck.sc-tet-radio:before{content:\"\\E831\"}.tet-icon__zero.sc-tet-radio:before{content:\"\\E832\"}.tet-icon__attach.sc-tet-radio:before{content:\"\\E833\"}.tet-icon__cloud-done.sc-tet-radio:before{content:\"\\E834\"}.tet-icon__cloud-download.sc-tet-radio:before{content:\"\\E835\"}.tet-icon__cloud-upload.sc-tet-radio:before{content:\"\\E836\"}.tet-icon__cloud.sc-tet-radio:before{content:\"\\E837\"}.tet-icon__folder.sc-tet-radio:before{content:\"\\E838\"}.tet-icon__remote.sc-tet-radio:before{content:\"\\E839\"}.tet-icon__router.sc-tet-radio:before{content:\"\\E83A\"}.tet-icon__shield-filled.sc-tet-radio:before{content:\"\\E83B\"}.tet-icon__shield.sc-tet-radio:before{content:\"\\E83C\"}.tet-icon__ilu-devices.sc-tet-radio:before{content:\"\\E83D\"}.tet-icon__ilu-get-points.sc-tet-radio:before{content:\"\\E83E\"}.tet-icon__tv.sc-tet-radio:before{content:\"\\E83F\"}.tet-icon__ilu-internet.sc-tet-radio:before{content:\"\\E840\"}.tet-icon__wifi-outlined.sc-tet-radio:before{content:\"\\E841\"}.tet-icon__wifi.sc-tet-radio:before{content:\"\\E842\"}.tet-icon__description-outlined.sc-tet-radio:before{content:\"\\E843\"}.tet-icon__laptop.sc-tet-radio:before{content:\"\\E844\"}.tet-icon__chart-uneven-outlined.sc-tet-radio:before{content:\"\\E845\"}.tet-icon__meter.sc-tet-radio:before{content:\"\\E846\"}.tet-icon__mobile.sc-tet-radio:before{content:\"\\E847\"}.tet-icon__phone.sc-tet-radio:before{content:\"\\E848\"}.tet-icon__plug-filled.sc-tet-radio:before{content:\"\\E849\"}.tet-icon__plug.sc-tet-radio:before{content:\"\\E84A\"}.tet-icon__print.sc-tet-radio:before{content:\"\\E84B\"}.tet-icon__camera.sc-tet-radio:before{content:\"\\E84C\"}.tet-icon__clock.sc-tet-radio:before{content:\"\\E84D\"}.tet-icon__placeholder.sc-tet-radio:before{content:\"\\E84E\"}.tet-icon__tv-filled.sc-tet-radio:before{content:\"\\E84F\"}.tet-icon__arrow-down.sc-tet-radio:before{content:\"\\E850\"}.tet-icon__arrow-left.sc-tet-radio:before{content:\"\\E851\"}.tet-icon__arrow-right.sc-tet-radio:before{content:\"\\E852\"}.tet-icon__description.sc-tet-radio:before{content:\"\\E853\"}.tet-icon__login.sc-tet-radio:before{content:\"\\E854\"}.tet-icon__check.sc-tet-radio:before{content:\"\\E855\"}.tet-icon__chevron-down.sc-tet-radio:before{content:\"\\E856\"}.tet-icon__chevron-left.sc-tet-radio:before{content:\"\\E857\"}.tet-icon__chevron-right.sc-tet-radio:before{content:\"\\E858\"}.tet-icon__chevron-up.sc-tet-radio:before{content:\"\\E859\"}.tet-icon__close-circled.sc-tet-radio:before{content:\"\\E85A\"}.tet-icon__close.sc-tet-radio:before{content:\"\\E85B\"}.tet-icon__more-horizontal.sc-tet-radio:before{content:\"\\E85C\"}.tet-icon__more-vertical.sc-tet-radio:before{content:\"\\E85D\"}.tet-icon__refresh.sc-tet-radio:before{content:\"\\E85E\"}.tet-icon__facebook.sc-tet-radio:before{content:\"\\E85F\"}.tet-icon__instagram.sc-tet-radio:before{content:\"\\E860\"}.tet-icon__linkedin.sc-tet-radio:before{content:\"\\E861\"}.tet-icon__people.sc-tet-radio:before{content:\"\\E862\"}.tet-icon__logout.sc-tet-radio:before{content:\"\\E863\"}.tet-icon__share.sc-tet-radio:before{content:\"\\E864\"}.tet-icon__twitter.sc-tet-radio:before{content:\"\\E865\"}.tet-icon__cancel-filled.sc-tet-radio:before{content:\"\\E866\"}.tet-icon__done.sc-tet-radio:before{content:\"\\E867\"}.tet-icon__star-filled.sc-tet-radio:before{content:\"\\E868\"}.tet-icon__star.sc-tet-radio:before{content:\"\\E869\"}.tet-icon__clipboard.sc-tet-radio:before{content:\"\\E86A\"}.tet-icon__ilu-calendar.sc-tet-radio:before{content:\"\\E86B\"}.tet-icon__check-circled.sc-tet-radio:before{content:\"\\E86C\"}.tet-icon__ilu-choose-channels.sc-tet-radio:before{content:\"\\E86D\"}.tet-icon__search.sc-tet-radio:before{content:\"\\E86E\"}.tet-icon__warning.sc-tet-radio:before{content:\"\\E86F\"}.tet-icon__ilu-clock-1.sc-tet-radio:before{content:\"\\E870\"}.tet-icon__ilu-fold.sc-tet-radio:before{content:\"\\E871\"}.tet-icon__ilu-letter.sc-tet-radio:before{content:\"\\E872\"}.tet-icon__ilu-pay.sc-tet-radio:before{content:\"\\E873\"}.tet-icon__ilu-meter.sc-tet-radio:before{content:\"\\E874\"}.tet-icon__ilu-sign.sc-tet-radio:before{content:\"\\E875\"}.tet-icon__smart-watch-filled.sc-tet-radio:before{content:\"\\E876\"}.tet-icon__washing-machine-filled.sc-tet-radio:before{content:\"\\E877\"}.tet-icon__bullet.sc-tet-radio:before{content:\"\\E878\"}.tet-icon__sound.sc-tet-radio:before{content:\"\\E879\"}.tet-icon__dropdown.sc-tet-radio:before{content:\"\\E87A\"}.tet-icon__mask-pass.sc-tet-radio:before{content:\"\\E87B\"}.tet-icon__select.sc-tet-radio:before{content:\"\\E87C\"}.tet-icon__text-area-sizing.sc-tet-radio:before{content:\"\\E87D\"}.tet-icon__unmask-pass.sc-tet-radio:before{content:\"\\E87E\"}.tet-icon__bullet-small.sc-tet-radio:before{content:\"\\E882\"}.tet-icon__electric-bolt.sc-tet-radio:before{content:\"\\E880\"}.tet-icon__sun.sc-tet-radio:before{content:\"\\E881\"}.sc-tet-radio-h{box-sizing:border-box}*.sc-tet-radio,*.sc-tet-radio:before,*.sc-tet-radio:after{box-sizing:inherit;padding:0;margin:0}.sc-tet-radio-h{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search.sc-tet-radio::before{content:\"\\e86e\"}.icon.tet-close-circled.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled.sc-tet-radio::before{content:\"\\e85a\"}.icon.tet-close.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close.sc-tet-radio::before{content:\"\\e85b\"}.icon.tet-check-circled.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled.sc-tet-radio::before{content:\"\\e86c\"}.icon.tet-check.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check.sc-tet-radio::before{content:\"\\e855\"}.icon.tet-chevron-up.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up.sc-tet-radio::before{content:\"\\e859\"}.icon.tet-chevron-down.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down.sc-tet-radio::before{content:\"\\e856\"}.icon.tet-clipboard.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard.sc-tet-radio::before{content:\"\\e86a\"}.icon.tet-info.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info.sc-tet-radio::before{content:\"\\e81d\"}.icon.tet-done.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done.sc-tet-radio::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}.sc-tet-radio-h{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}.sc-tet-radio-h{--radio-border-color:rgb(153, 160, 174);--radio-background-color:rgb(255, 255, 255);--radio-checked-background-color:rgb(10, 11, 13);--radio-pressed-background-color:var(--tc-radio-button-pressed);--radio-icon-color:rgb(255, 255, 255);--radio-text-color:rgb(10, 11, 13);--radio-hover-border-color:rgb(153, 160, 174);--radio-hover-background-color:rgba(88, 99, 116, 0.08);--radio-checked-hover-background-color:var(--radio-checked-background-color);--radio-checked-pressed-background-color:var(--radio-checked-background-color);--radio-focus-border-color:rgb(10, 11, 13);--radio-focus-background-color:var(--radio-background-color);--radio-focus-shadow-color:rgba(88, 99, 116, 0.12);--radio-disabled-border-color:rgb(192, 197, 206);--radio-disabled-background-color:rgb(255, 255, 255);--radio-disabled-checked-background-color:rgb(153, 160, 174);--radio-disabled-text-color:rgb(153, 160, 174);--radio-error-border-color:rgb(233, 69, 54);--radio-vertical-alignment:flex-start;display:block;position:relative}.radio-dark-theme.sc-tet-radio,.radio-mint-theme.sc-tet-radio{--radio-border-color:var(--tc-border-secondary-dark);--radio-background-color:var(--tc-radio-button-default-dark);--radio-checked-background-color:var(--tc-radio-button-active-default-dark);--radio-pressed-background-color:var(--tc-radio-button-pressed-dark);--radio-icon-color:var(--tc-layer-primary-dark);--radio-text-color:var(--tc-text-primary-dark);--radio-hover-border-color:var(--tc-border-secondary-dark);--radio-hover-background-color:var(--tc-radio-button-hover-dark);--radio-checked-hover-background-color:var(--tc-radio-button-active-hover-dark);--radio-checked-pressed-background-color:var(--tc-radio-button-active-pressed-dark);--radio-focus-border-color:var(--tc-border-secondary-dark);--radio-focus-background-color:var(--radio-background-color-dark);--radio-focus-shadow-color:var(--tc-radio-button-active-focus-dark);--radio-disabled-border-color:var(--tc-border-quaternary-dark);--radio-disabled-background-color:var(--tc-radio-button-disabled-dark);--radio-disabled-checked-background-color:var(--tc-radio-button-active-disabled-dark);--radio-disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--radio-error-border-color:var(--tc-alert-accent-error-dark)}.radio-dark-theme.sc-tet-radio .radio__html-input.sc-tet-radio:focus-visible~.radio__input.sc-tet-radio,.radio-mint-theme.sc-tet-radio .radio__html-input.sc-tet-radio:focus-visible~.radio__input.sc-tet-radio{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.radio-mint-theme.sc-tet-radio{--radio-checked-background-color:rgb(31, 208, 214);--radio-hover-background-color:rgba(31, 208, 214, 0.16);--radio-focus-border-color:rgb(31, 208, 214);--radio-focus-shadow-color:rgba(31, 208, 214, 0.24);--radio-checked-hover-background-color:var(--radio-checked-background-color);--radio-checked-pressed-background-color:var(--radio-checked-background-color)}.radio-light-theme.sc-tet-radio{--radio-border-color:var(--tc-border-secondary);--radio-background-color:var(--tc-radio-button-default);--radio-checked-background-color:var(--tc-radio-button-active-default);--radio-icon-color:var(--tc-layer-primary);--radio-text-color:var(--tc-text-primary);--radio-hover-border-color:var(--tc-border-secondary);--radio-hover-background-color:var(--tc-radio-button-hover);--radio-checked-hover-background-color:var(--tc-radio-button-active-hover);--radio-checked-pressed-background-color:var(--tc-radio-button-active-pressed);--radio-focus-border-color:var(--tc-border-secondary);--radio-focus-background-color:var(--radio-background-color);--radio-focus-shadow-color:var(--tc-radio-button-active-focus);--radio-disabled-border-color:var(--tc-border-quaternary);--radio-disabled-background-color:var(--tc-radio-button-disabled);--radio-disabled-checked-background-color:var(--tc-radio-button-active-disabled);--radio-disabled-text-color:var(--tc-button-text-inverse-disabled);--radio-error-border-color:var(--tc-alert-accent-error)}.radio__container.sc-tet-radio{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;font-weight:500;user-select:none;display:flex;align-items:var(--radio-vertical-alignment);color:var(--radio-text-color)}.radio__container.sc-tet-radio:hover .radio__input.sc-tet-radio{border-color:var(--radio-hover-border-color);background-color:var(--radio-hover-background-color)}.radio__container.sc-tet-radio:hover .radio__html-input.sc-tet-radio:checked:not(:disabled)~.radio__input.sc-tet-radio{border-color:transparent;background-color:var(--radio-checked-hover-background-color)}.radio__container.sc-tet-radio:active .radio__html-input.sc-tet-radio:checked:not(:disabled)~.radio__input.sc-tet-radio{border-color:transparent;background-color:var(--radio-checked-pressed-background-color)}.radio__icon.sc-tet-radio{display:none;position:absolute;fill:var(--radio-icon-color)}.radio__html-input.sc-tet-radio{opacity:0;width:0;height:0}.radio__html-input.sc-tet-radio:focus~.radio__input.sc-tet-radio{background-color:var(--radio-focus-background-color);border-color:var(--radio-focus-border-color);box-shadow:0 0 0 0.25rem var(--radio-focus-shadow-color)}.radio__html-input.sc-tet-radio:focus-visible~.radio__input.sc-tet-radio{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.radio__html-input.sc-tet-radio:active~.radio__input.sc-tet-radio{background-color:var(--radio-pressed-background-color)}.radio__html-input.sc-tet-radio:checked~.radio__input.sc-tet-radio{border-color:var(--radio-checked-background-color);background-color:var(--radio-checked-background-color)}.radio__html-input.sc-tet-radio:checked~.radio__input.sc-tet-radio::after{display:block}.radio__html-input[disabled].sc-tet-radio~.radio__label.sc-tet-radio,.radio__html-input[disabled].sc-tet-radio~.radio__input.sc-tet-radio{cursor:auto}.radio__html-input[disabled].sc-tet-radio~.radio__input.sc-tet-radio{border-color:var(--radio-disabled-border-color);background-color:var(--radio-disabled-background-color)}.radio__html-input[disabled].sc-tet-radio~.radio__label.sc-tet-radio{color:var(--radio-disabled-text-color)}.radio__html-input[disabled].sc-tet-radio:checked~.radio__input.sc-tet-radio{background-color:var(--radio-disabled-checked-background-color)}.radio__input.sc-tet-radio{display:inline-flex;position:relative;width:1.25rem;min-width:1.25rem;height:1.25rem;border:0.1rem solid var(--radio-border-color);border-radius:50%}.radio__input.sc-tet-radio::after{content:\"\";display:none;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:0.4375rem;height:0.4375rem;border-radius:50%;background-color:var(--radio-icon-color)}.radio__label.sc-tet-radio{padding-left:0.625rem}.radio__label.sc-tet-radio,.radio__input.sc-tet-radio{cursor:pointer}";
@@ -8,11 +8,6 @@ const TetRadio = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.check = createEvent(this, "check", 7);
-        this.handleInputChange = ({ target }) => {
-            const { value, checked } = this;
-            this.checked = target.checked;
-            this.check.emit({ value, checked: !checked });
-        };
         this.theme = 'classic';
         this.label = undefined;
         this.accessibilityLabel = '';
@@ -22,6 +17,10 @@ const TetRadio = class {
         this.checked = false;
         this.inputAutofocus = false;
     }
+    /** Randomly generated id for the HTML input element, necessary because it is scoped. */
+    id;
+    /** The event that is emitted whenever the control element is checked. */
+    check;
     /**
      * Changes the checked prop of the component.
      *
@@ -39,6 +38,11 @@ const TetRadio = class {
             event.preventDefault();
         }
     }
+    handleInputChange = ({ target }) => {
+        const { value, checked } = this;
+        this.checked = target.checked;
+        this.check.emit({ value, checked: !checked });
+    };
     /**
      * Lifecycle method.
      * Attributes are not allowed to be initialized in constructor. It can be done here, before the first render.
@@ -48,7 +52,7 @@ const TetRadio = class {
     }
     render() {
         const { id, disabled, value, checked, name, label, handleInputChange, accessibilityLabel, inputAutofocus } = this;
-        return (h(Host, { key: '04f5fbf34c4380a326590399687dfbf45a2f6644' }, h("div", { key: 'caff5bc5f6c42d0004352dc313fe5184a75cd01c', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: 'c1b4a1007c5b3dc6ce8a319111f4327b1cf15c7a', class: "radio__container", htmlFor: id }, h("input", Object.assign({ key: 'c1c43ff284676518d77d0cf0d02212553d6d67e0', class: "radio__html-input", id: id, name: name, type: "radio", value: value, disabled: disabled, checked: checked, onChange: handleInputChange, autofocus: inputAutofocus }, (accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}), { tabindex: this.checked ? '0' : '-1', role: "radio", "aria-checked": this.checked ? 'true' : 'false' })), h("span", { key: '686b33ac07a9e389d459d8525dc4ccab915aa0b6', class: "radio__input" }), label ? (h("span", { class: "radio__label", innerHTML: label })) : (h("span", { class: "radio__label" }, h("slot", null)))))));
+        return (h(Host, { key: '04f5fbf34c4380a326590399687dfbf45a2f6644' }, h("div", { key: 'caff5bc5f6c42d0004352dc313fe5184a75cd01c', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: 'c1b4a1007c5b3dc6ce8a319111f4327b1cf15c7a', class: "radio__container", htmlFor: id }, h("input", { key: 'c1c43ff284676518d77d0cf0d02212553d6d67e0', class: "radio__html-input", id: id, name: name, type: "radio", value: value, disabled: disabled, checked: checked, onChange: handleInputChange, autofocus: inputAutofocus, ...(accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}), tabindex: this.checked ? '0' : '-1', role: "radio", "aria-checked": this.checked ? 'true' : 'false' }), h("span", { key: '686b33ac07a9e389d459d8525dc4ccab915aa0b6', class: "radio__input" }), label ? (h("span", { class: "radio__label", innerHTML: label })) : (h("span", { class: "radio__label" }, h("slot", null)))))));
     }
 };
 TetRadio.style = TetRadioStyle0;