npm - @tet/tet-components - Versions diffs - 1.3.92-testing → 1.3.93-testing - Mend

@tet/tet-components 1.3.92-testing → 1.3.93-testing

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (332) hide show

package/dist/cjs/tet-layout.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const TetLayout = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h(index.Host, { key: '7c01cfe88d28895b62b4eae448491db985173191' }, index.h("div", { key: 'a61a8e40aec178e1e4c23476585d49488b0e5799', class: "container variable-container" }, index.h("div", { key: '0100986d04d047af216e63a62e46863b74d6d017', class: "container-title main" }, "Teksta platuma klase"), index.h("div", { key: '85ca41a6211e1cf3939855a9a52bb3c12cee3536', class: "container-section" }, index.h("div", { key: 'a56312fc49c908100d5252e7045f278e0d25fa1f', class: "variable-wrapper" }, index.h("span", { key: 'dfb689fc22906f3a2773ceb155bc362a19e250a3', class: "variable-name" }, index.h("span", { key: '379554423e719e973a68b05805bf358ec91bb79a', class: "variable-part" }, "tet-body-text-max-width"))))), index.h("div", { key: 'b1e0569ae7cecba52723a03887bce50b1d06d57b', class: "container" }, index.h("div", { key: '0eb3a6434a0206e96ea9241bef3dd0a535ec19d7', class: "container-title" }, "Piem\u0113rs"), index.h("div", { key: '56e0ff89118501305d87b14874776e4a4d207cbb', class: "container-section container-example" }, index.h("code", { key: 'd9bc6752f809e47a62076d878b6848a63158fd5d' }, "<p class=\"tet-body-text-max-width\">Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim.</p>"), index.h("p", { key: '387fd3365c8915bfac6cf2d9485c9e0a18a167a4', class: "paragraph tet-body-text-max-width" }, "Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim."))));
+        return index.h(index.Host, { key: '36c6b676db816485dd8b45ddda20260841a7d4bf' }, index.h("div", { key: 'f514b1bf09e45d6f784c4104efb6a0726b3013bf', class: "container variable-container" }, index.h("div", { key: '9cfbdff45476426ae3d6d36edfbe45ab856623c9', class: "container-title main" }, "Teksta platuma klase"), index.h("div", { key: '6723580083f7a31d56b4ed841975354d5c010711', class: "container-section" }, index.h("div", { key: '965ed5ed8e86ac76729f365154c61ad00718a45d', class: "variable-wrapper" }, index.h("span", { key: 'f199eb1fd351486abdec7c8dcc563054c6034971', class: "variable-name" }, index.h("span", { key: '46dd70576eb8930cb46765f1b2d5a0cb80ef65de', class: "variable-part" }, "tet-body-text-max-width"))))), index.h("div", { key: '5f4342b3d56d9fedd0a3d78f1ac61bc85822a990', class: "container" }, index.h("div", { key: '72869e40a657c1455adf4f40ea7162aed00fb6d0', class: "container-title" }, "Piem\u0113rs"), index.h("div", { key: '9fde050cfda2f9186497559dacb05bb00a33db15', class: "container-section container-example" }, index.h("code", { key: '39b2ace20f01b29836e083b43be8b39dbb628814' }, "<p class=\"tet-body-text-max-width\">Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim.</p>"), index.h("p", { key: 'f2f164e150ffa3b90947f714b0f24a223fa609de', class: "paragraph tet-body-text-max-width" }, "Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim."))));
     }
 };
 TetLayout.style = TetLayoutStyle0;

package/dist/cjs/tet-link.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const TetLink = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '37dec19ab3a9a403fe5e126907c0d2432521bb64' }, index.h("div", { key: '6d1a4eb4fa6f6baf49127ff59aa55873f44cd960', class: "container variable-container" }, index.h("div", { key: 'faa354412910893afdf9fcb953975667995f7a2b', class: "container-title main" }, "Kr\u0101sas klase"), index.h("div", { key: 'b7be97f5ffa8f689ce5afb1244a840ff7d18ddd4', class: "container-section" }, index.h("div", { key: '9350397a7bcf44e8e53fe907ecf51876e769d660', class: "variable-wrapper" }, index.h("span", { key: '0d19613ae809f535bcb5dc8bfd97c9a45aeb6024', class: "variable-name" }, index.h("span", { key: '10416347d0498247d6c30d7099cc8ecadb13b0e6', class: "variable-part" }, "tet"), index.h("span", { key: 'f1027992933318d408930790e884a26155a7e805', class: "variable-part" }, "-link"), index.h("span", { key: 'b92369eae66400e46ce638b14012054461a2c4b6', class: "variable-part variable variable-attribute" }, "__arrow"))))), index.h("div", { key: '63e6e92f06b4ae4c45facde739b2e543545a69ce', class: "container" }, index.h("div", { key: 'f3ed62811ba831df883d5636fbf75591de0c7e1a', class: "container-title" }, "Piem\u0113ri"), index.h("div", { key: '66fed9d6ab24390055c616eb1aaca18b7b88401f', class: "container-section container-example" }, index.h("code", { key: 'b1b93e482f99d8702629d2d50477eea6a872c07e', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), index.h("span", { key: '43b56a6124a2502a4794b861887be883c40ca0df' }, "Link klase bez bulti\u0146as uz ", index.h("a", { key: '2579fcabc84cf24313141de1dd4c2693014f0c47', class: "tet-link", href: "#" }, "elementa")), index.h("code", { key: 'ac5a3a442949203df3b97752ba4a4758b869893a', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), index.h("span", { key: 'e166feba89bca49be4ea496069138b371b36ac6c' }, "Link klase ar bulti\u0146u uz ", index.h("a", { key: '62a7c35bbb0850085e34c5b0d2c6aa6901ece9f2', class: "tet-link__arrow", href: "#" }, "elementa")), index.h("code", { key: '16abfa34b1cce8c80bf7ceab0dedefc66cd428cb', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), index.h("span", { key: 'ff971f94bc6693643e14ab2e001844c7a50c44f2', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", index.h("a", { key: 'd833201002769957b3b168264f470fa6e9123994', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
+        return (index.h(index.Host, { key: 'ab161f5a5c8cf219c910e6593482ef36d79936ad' }, index.h("div", { key: '154be8e9579cfe9cfae175081d3cf243dbd3035c', class: "container variable-container" }, index.h("div", { key: '5becdf3f85c55f5b67922027e56fd2d9b8d93c9b', class: "container-title main" }, "Kr\u0101sas klase"), index.h("div", { key: '4127a7778db296cece11f92e330bdfeab2dccbf9', class: "container-section" }, index.h("div", { key: '5063262b95e1a71f029632346397c6d4ca247de7', class: "variable-wrapper" }, index.h("span", { key: 'a25f33b7caa619e0a5a8092a2203f863126be79e', class: "variable-name" }, index.h("span", { key: '806fd083f9800944eedc52754e7d971f191a88d4', class: "variable-part" }, "tet"), index.h("span", { key: '4d0b161f85054ea4d885b6abe9e371a23fbdc4dd', class: "variable-part" }, "-link"), index.h("span", { key: 'e46d1d7d46f703434fe3a73302f3274adb3a1a4f', class: "variable-part variable variable-attribute" }, "__arrow"))))), index.h("div", { key: '89cbf0f665455690a7b58648b5ba9937f016c33a', class: "container" }, index.h("div", { key: '3195e2ba7f0dda3b41d6d1751886b12667415ff8', class: "container-title" }, "Piem\u0113ri"), index.h("div", { key: '09a9f156d58a5550a7d813fd9c166574cbee6517', class: "container-section container-example" }, index.h("code", { key: 'b2a8c8eb4c3937beadf13f833bbc0a94a7728e7d', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), index.h("span", { key: '63de33e772547f9ea246122870e9dfd40095b6e8' }, "Link klase bez bulti\u0146as uz ", index.h("a", { key: 'fa62a025c0003662fba49bdfbe61d9da29ec5f1c', class: "tet-link", href: "#" }, "elementa")), index.h("code", { key: 'ec0c741f5cb3ff5ea197429bf664a3c137c2ed1a', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), index.h("span", { key: '2a248b51440d308b26a3f1c8b8621b58b68a97cb' }, "Link klase ar bulti\u0146u uz ", index.h("a", { key: 'da58de43fa60148a9822b46b45650471a2a263b1', class: "tet-link__arrow", href: "#" }, "elementa")), index.h("code", { key: '8e608913a90b2cb65036cf2f7a459e386ab69556', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), index.h("span", { key: 'efe352bf3f1573a245a2a74424cbd91ea94a3a5f', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", index.h("a", { key: '3b69f7d4f64fa9118665d84a6f94b7fdee3db3cd', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
     }
 };
 TetLink.style = TetLinkStyle0;

package/dist/cjs/tet-loader.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const TetLoader = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'b59b99f715b3d462d62daa77af483f1f0a14dc2e', class: "loader" }, index.h("div", { key: '55cf3c77b38f5214eaadfa226cbc5bb5beef8876', class: "loader-inner" })));
+        return (index.h("div", { key: '89c692f31a49d021a7b273d1b014030b54076df2', class: "loader" }, index.h("div", { key: '205122d466cf6778217bbc67a66ff9252e9ab157', class: "loader-inner" })));
     }
 };
 TetLoader.style = TetLoaderStyle0;

package/dist/cjs/tet-multi-step-dialog.cjs.entry.js CHANGED Viewed

@@ -112,7 +112,7 @@ const TetMultiStepDialog = class {
         return (index.h("div", { innerHTML: step, "data-step": Number(index$1) + 1, class: "multi-step-dialog__step", ref: this.setStepBlocks }));
     }
     render() {
-        return (index.h(index.Host, { key: 'd4ef90604d3f040d6cad4045ff0f5ddcf8a62a6b', class: "multi-step-dialog" }, index.h("tet-dialog", { key: '1445ade28a8273a0da385539ab1c91b1182ad1e7', class: this.tetDialogClass, "is-open": this.isOpen, "data-screen-key": this.dialogDataScreenKey, "footer-display": "right", ref: el => this.tetDialog = el }, index.h("div", { key: '02035bc0daa0110507a7669d5412bf5ece36e43a', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), index.h("tet-button", { key: 'f1faebb48aaa24bff680fcec0437e48627769b99', class: "footer-button", slot: "footer", size: "medium", theme: "light", type: "secondary", ref: el => this.prevButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, translations.translate('components-go-back')), index.h("tet-button", { key: '1f995ae147be7496d0b57a6c4ab8e9c5c80563fa', class: "footer-button", slot: "footer", size: "medium", theme: "light", ref: el => this.nextButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, translations.translate('components-next-step')))));
+        return (index.h(index.Host, { key: '9ca3f147e9c2cf9459a2c5a8a6b8cf7f40fb687d', class: "multi-step-dialog" }, index.h("tet-dialog", { key: '1266930ee05b6e0785f1b5b01a1b377e0366d195', class: this.tetDialogClass, "is-open": this.isOpen, "data-screen-key": this.dialogDataScreenKey, "footer-display": "right", ref: el => this.tetDialog = el }, index.h("div", { key: '50d8cc87c7beded569f11f7c27132c99d9a7f012', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), index.h("tet-button", { key: '43e41d87867ceaf9a87080df83247cfb0140bf73', class: "footer-button", slot: "footer", size: "medium", theme: "light", type: "secondary", ref: el => this.prevButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, translations.translate('components-go-back')), index.h("tet-button", { key: 'be885020478b0cb08ac0494932012a00af11a111', class: "footer-button", slot: "footer", size: "medium", theme: "light", ref: el => this.nextButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, translations.translate('components-next-step')))));
     }
 };

package/dist/cjs/tet-navigation-mobile.cjs.entry.js CHANGED Viewed

@@ -61,13 +61,13 @@ const TetNavigationMobile = class {
         this.mainDropdownToggle.emit(isTogglerExpanded);
     }
     render() {
-        return (index.h(index.Host, { key: 'de787f5b94cf9779c2076c7af2917f112e261949' }, index.h("navigation", { key: '76f7b3d1de35dd4c0de78aab084b8540ef3ccea1', class: {
+        return (index.h(index.Host, { key: '04407591ff40c84ae8dbadb040e79c5b3f0b0a46' }, index.h("navigation", { key: '68787d0fb12d68d0f394524bc4e0564f77f8bac9', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, index.h("div", { key: 'e45043c230e8a7dc6cf20d71ae2a4de1d6a3abbb', class: "navigation__nav-bar" }, index.h("slot", { key: '8f6b5a536352c94fbadeded5430dbb789605fdef' })), this.isTogglerVisible && (index.h("span", { key: '99c9231fb147f2a2a2fd5dc428692abc4704a1cf', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, index.h("tet-icon", { key: 'd9951e9f9acb3ee87dae3784b1450ba337cb9573', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), index.h("div", { key: '7686a68b060ccc1a47e7a7b2f9d8bd3dcafd69ed', class: {
+            } }, index.h("div", { key: 'b02c112b1d35b51e8bf14b2fa16aceedd73e8232', class: "navigation__nav-bar" }, index.h("slot", { key: 'ae98959c6cbd6dbb2a2228b36d8699d46732fb62' })), this.isTogglerVisible && (index.h("span", { key: 'cf7302e3a852fe1b86a80a78db3ce39ab1e933d5', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, index.h("tet-icon", { key: 'da0785aeac773a282fa170a2fc5aab5147df2850', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), index.h("div", { key: 'a09d0db85c65b30200d95caefbe7ec36b7d2efe9', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, index.h("slot", { key: '6b1afdb6524d3f9744b9edb76c80de1cf53c63e7', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, index.h("slot", { key: 'f32c42634edfb2b0461080c4fa013a4063d9f8e4', name: "dropdown" })))));
     }
     static get watchers() { return {
         "isTogglerExpanded": ["onMenuToggle"]

package/dist/cjs/tet-news-card-list.cjs.entry.js CHANGED Viewed

@@ -66,7 +66,7 @@ const TetNewsCardList = class {
             scrollFullWidth,
             controlScrollAmount,
         };
-        return (index.h(index.Host, { key: '1241f2f1f770108e59323c6f6efdea4d17a31ead' }, index.h("tet-card-list", Object.assign({ key: '57c1e795cef1959d19c70b027389cf6a4465e80b', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true }, props), this.items.map((item, index) => this.renderListCard(item, index)))));
+        return (index.h(index.Host, { key: 'fe9c79b8fd5b73aecef4ede39a18854a80c64a87' }, index.h("tet-card-list", Object.assign({ key: '872ca575fb56326e8ecb5593f9a3c9b9c139a3ae', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true }, props), this.items.map((item, index) => this.renderListCard(item, index)))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/tet-notification.cjs.entry.js CHANGED Viewed

@@ -122,7 +122,7 @@ const TetNotification = class {
     }
     render() {
         const { headerTitle, content } = this;
-        return (index.h(index.Host, { key: '47c2c935ae6388ebe04d63e930f652de9eaca578' }, index.h("div", { key: '16b6075e834407f31ce173907c71a6e2561a5d7d', class: { notification: true, [this.theme]: true } }, index.h("div", { key: '217a67bfd971276e51b1eb387e82636144dbe7c6', class: { item: true, [this.type]: true } }, index.h("div", { key: 'c90389c36eaadd9fbda202bda03e921e1c99361b', class: "header" }, this.renderTypeIcon(), index.h("div", { key: 'a037cc234c229aa65db08dcb25b72d582ee3d936', class: "title" }, headerTitle), this.renderCloseButton()), index.h("div", { key: '0235364bfd2ca4a12e279545970db7e2e315f2d8', class: "content" }, index.h("span", { key: 'e86c1c2008c175ce82f756a260e89d2cf847385f', innerHTML: content }), index.h("div", { key: 'a6fa45a8c6d21b05d0aff4423f09bb76a821feda' }, index.h("slot", { key: 'f385ad65af073f7cba11200b16a0cc49af9bdd76', name: "button" })))))));
+        return (index.h(index.Host, { key: '58fc8839300c57085efd15f19aa6b4490e5208db' }, index.h("div", { key: '553873626459c9ae9e91fa6c1d6ab1945737e642', class: { notification: true, [this.theme]: true } }, index.h("div", { key: 'b528566c32267bb5371b6672f3f54c48cb46c81c', class: { item: true, [this.type]: true } }, index.h("div", { key: '3bf67b850a19582ffc1981d8cb40d4ecc090cc1a', class: "header" }, this.renderTypeIcon(), index.h("div", { key: '0095a59843b5a06a1ae9717abb162cf04fc9a2d9', class: "title" }, headerTitle), this.renderCloseButton()), index.h("div", { key: '06805877e2f9bc31e2b6d906ebca2a7b0f7c670d', class: "content" }, index.h("span", { key: '01a0bf6d6920a2d1bba7da21b02ae45eece97034', innerHTML: content }), index.h("div", { key: 'cf38fe7c953a47cdc784c6f3a0f3eb65d748695e' }, index.h("slot", { key: '8be3c3f072a2430d0ee38837dfa2557cc5e8b5bb', name: "button" })))))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/{tet-number-input_2.cjs.entry.js → tet-number-input.cjs.entry.js} RENAMED Viewed

@@ -3,9 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f559cb2e.js');
-const translations = require('./translations-571bba05.js');
-require('./typecheck-d48810dc.js');
-require('./http-codes-c2a24ff3.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;
@@ -273,134 +270,4 @@ const TetInput = class {
 };
 TetInput.style = TetNumberInputStyle0;
-const tetStepperInputCss = "@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{--stepper-input-control-background-color:var(--tc-background-secondary);--stepper-input-suffix-color:var(--tc-text-secondary);--stepper-input-border-color:var(--tc-border-tertiary);--stepper-input-border-color-active:var(--tc-border-primary);--stepper-button-bg:var(--tc-button-text-primary);--stepper-button-border:var(--tc-button-text-secondary);--stepper-value-color:var(--tc-button-text-inverse-disabled);--stepper-input-focus-outline-color:var(--tc-blue-40);display:inline-flex}.stepper-input{justify-content:center;align-items:center;gap:0.625rem;display:inline-flex}.stepper-input.dark{--stepper-input-control-background-color:var(--tc-background-primary-dark);--stepper-input-suffix-color:var(--tc-text-secondary-dark);--stepper-input-border-color:var(--tc-border-tertiary-dark);--stepper-input-border-color-active:var(--tc-border-primary-dark);--stepper-button-bg:var(--tc-button-text-primary-dark);--stepper-button-border:var(--tc-border-primary-dark);--stepper-value-color:var(--tc-button-text-inverse-disabled-dark);--stepper-input-focus-outline-color:var(--tc-blue-40)}.stepper-input__control{background:var(--stepper-button-bg);border:0.125rem solid var(--stepper-button-border);box-sizing:border-box;margin:0.25rem;border-radius:50%;cursor:pointer;padding-block:0;padding-inline:0;height:2.25rem;width:2.25rem}.stepper-input__control:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--stepper-input-focus-outline-color)}.stepper-input__value{border:0.0625rem solid var(--stepper-value-color);font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--stepper-value-color);background-color:var(--stepper-input-control-background-color);padding-inline:0;padding-block:0;width:3.125rem;height:2.75rem;text-align:center;box-sizing:border-box;letter-spacing:-0.029375rem;border-radius:0.625rem;appearance:textfield;-moz-appearance:textfield}.stepper-input__value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-input__value:focus-within{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--stepper-input-focus-outline-color);border:0.0625rem solid var(--stepper-input-border-color-active)}.stepper-input tet-icon{--icon-color:var(--stepper-button-border)}.stepper-input tet-button::part(button){width:2.75rem;height:2.75rem}";
-const TetStepperInputStyle0 = tetStepperInputCss;
-const TetStepperInput = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.inputValueChanged = index.createEvent(this, "inputValueChanged", 7);
-        /**
-         * Reduces value by step
-         */
-        this.onMinusClick = () => {
-            if (this.value - this.step < this.min) {
-                this.value = this.min;
-                return;
-            }
-            this.value -= this.step;
-        };
-        /**
-         * Increases value by step
-         */
-        this.onPlusClick = () => {
-            if (this.value + this.step > this.max) {
-                this.value = this.max;
-                return;
-            }
-            this.value += this.step;
-        };
-        this.value = undefined;
-        this.theme = 'light';
-        this.min = undefined;
-        this.max = undefined;
-        this.step = undefined;
-        this.selectOnFocus = undefined;
-        this.accessibilityLabel = '';
-        this.language = 'lv';
-    }
-    async onLanguageChange(language) {
-        translations.processTranslations('tet-components', language).then(() => index.forceUpdate(this));
-    }
-    /**
-     * Lifecycle method
-     */
-    async componentWillLoad() {
-        translations.processTranslations('tet-components', this.language).then(() => index.forceUpdate(this));
-    }
-    /**
-     * Expose method to access value
-     * @returns {number} value
-     */
-    async getValue() {
-        return this.value;
-    }
-    /**
-     * Watches the `value` changes and emits event with new value
-     */
-    onValueChange() {
-        this.inputValueChanged.emit(this.value);
-    }
-    /**
-     * Listens for keydown event to stop some keys
-     * @param event Keyboard event
-     */
-    onKeydown(event) {
-        if (['-', '+', '.'].includes(event.key)) {
-            event.preventDefault();
-        }
-    }
-    /**
-     * Listens for focus to select value
-     */
-    onFocus() {
-        this.inputElement.select();
-    }
-    /**
-     * Handles input change on input element
-     * @returns {void}
-     */
-    inputChangeHandler() {
-        const inputElement = this.inputElement;
-        const enteredText = inputElement.value;
-        const num = parseInt(enteredText);
-        if (isNaN(num) || num < 0) {
-            inputElement.value = `${this.min}`;
-            this.value = this.min;
-            return;
-        }
-        if (num < this.min) {
-            this.value = this.min;
-        }
-        else if (num > this.max) {
-            this.value = this.max;
-        }
-        else {
-            this.value = num;
-        }
-        inputElement.value = `${this.value}`;
-    }
-    /**
-     * Handles keyboard input for an option item.
-     *
-     * @param selectCallback
-     */
-    handleOptionKeydown(selectCallback) {
-        return (event) => {
-            const { key } = event;
-            switch (key) {
-                case ' ':
-                case 'Enter':
-                    event.preventDefault();
-                    selectCallback();
-                    break;
-            }
-        };
-    }
-    /**
-     * Renders component
-     * @returns {FunctionalComponent}
-     */
-    render() {
-        const { onMinusClick, value, onPlusClick } = this;
-        return (index.h("div", { key: 'c2ae3d5889c20ea021a3c7a2c952a0b623032f90', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, index.h("tet-button", { key: '675815e5387ae39b72f0ecc41c9454c9069ab0f2', type: "secondary", iconMode: true, theme: this.theme, size: 'small', "aria-label": translations.translate('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, index.h("tet-icon", { key: 'ed6229feb4a58680d991ebd59bd9cdbd712eb981', name: "remove", onClick: onMinusClick })), index.h("input", Object.assign({ key: '48df0484f36b427c20afa87aaf8f6aec2fcdfd6c', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), index.h("tet-button", { key: 'ecc27f004b908035f70092fa2155f7c1fcd05c06', type: "secondary", iconMode: true, theme: this.theme, size: 'small', "aria-label": translations.translate('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, index.h("tet-icon", { key: 'c09b9c4d46034a489f154209dbaf4bd517eeec45', name: "add", onClick: onPlusClick }))));
-    }
-    static get watchers() { return {
-        "language": ["onLanguageChange"],
-        "value": ["onValueChange"]
-    }; }
-};
-TetStepperInput.style = TetStepperInputStyle0;
 exports.tet_number_input = TetInput;
-exports.tet_stepper_input = TetStepperInput;

package/dist/cjs/tet-placeholder.cjs.entry.js CHANGED Viewed

@@ -15,7 +15,7 @@ const TetPlaceholder = class {
         this.darkTheme = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'acbed8ea9816488f33863eaddbccee5f10e96c6f', style: { width: this.width, height: this.height } }, index.h("div", { key: 'd3a6ebcbc6cec24c9967fceccf6b12e204f96993', class: { 'dark-theme': this.darkTheme } }, index.h("div", { key: 'c4b7f4c86aa10cd24024828df73f8f62cec20e73', class: "placeholder", style: { height: this.height } }))));
+        return (index.h(index.Host, { key: '366bac6a9630484c54d6ab565db7a0bab2d9d3a0', style: { width: this.width, height: this.height } }, index.h("div", { key: '0bb9d52da084d9634c923c727f2f14f9e0bff144', class: { 'dark-theme': this.darkTheme } }, index.h("div", { key: 'e0d463ebcae4fc94ffb0a10ecc19fb79a5352923', class: "placeholder", style: { height: this.height } }))));
     }
 };
 TetPlaceholder.style = TetPlaceholderStyle0;

package/dist/cjs/tet-range-slider_2.cjs.entry.js CHANGED Viewed

@@ -756,31 +756,31 @@ const TetRangeSlider = class {
         this.updateProgress();
     }
     render() {
-        return (index.h(index.Host, { key: '36ae74552d67aba4a8a90025fe7372a5fb2dd932' }, index.h("div", { key: '546a09a5b9e0756ad1e777e4a41d0bc235ba1552', class: {
+        return (index.h(index.Host, { key: '475aa17eef224372cddde6cca8536e75e8c290be' }, index.h("div", { key: '5afa592e7f36105ea869d9006ecb028c21604c69', class: {
                 'range-slider': true,
                 [`range-slider--${this.containerSize}`]: true,
                 [`range-slider--${this.type}`]: true,
                 'range-slider--no-controls': !this.withControls,
                 'range-slider--no-input': !this.withInput,
                 [this.theme]: true,
-            } }, index.h("div", { key: '9d6d7af81d1f8267633468d569f7920429e27113', class: {
+            } }, index.h("div", { key: '3a4069a4bf22714e1e638367de58c582ee582dbf', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, index.h("tet-input", Object.assign({ key: '5791040326f62239d7c59ecb7066cd5fb00d555a', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel }, (this.containerSize !== 'large' ? { inputTabindex: 3 } : {})))), index.h("div", { key: '78fca64e7c7bb6a824b391e2ae7a634215c01f4b', class: "range-slider__container" }, index.h("tet-button", Object.assign({ key: '81334cb87d944f75e48a2f935ada5937e5df0fd4', theme: this.theme, iconMode: true, class: {
+            } }, index.h("tet-input", Object.assign({ key: '8e31e15462d5d40100c157ec73c5796d4ac697d0', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel }, (this.containerSize !== 'large' ? { inputTabindex: 3 } : {})))), index.h("div", { key: '8ed75e915259d198dedd29345608b00661f7a236', class: "range-slider__container" }, index.h("tet-button", Object.assign({ key: '6086796230a5790d8653fcbf0451b2cf5d0d0f05', theme: this.theme, iconMode: true, class: {
                 'range-slider__control': true,
                 'range-slider__control--left': true,
                 'hidden': !this.withControls,
-            }, clickCallback: this.onControlPreviousClick }, (this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 2 } : {})), index.h("tet-icon", { key: '19b9638256b695c52392df6f34aeddd23f15ca8c', name: "remove", class: "range-slider__control--icon" })), index.h("div", { key: 'f2cb6e63ee96ddfb771ebb76870d8fd994afcea7', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, index.h("div", { key: 'd8e326c9fc4c2639266b83609e7bf9470cbe4698', class: "range-slider__slider-wrapper" }, index.h("input", Object.assign({ key: '81a99ef9b8a057ea8c7e60471963e3b377c3d825', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider" }, (this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 1 } : {})))), index.h("div", { key: 'c08e9149ca0bff5c1d926c2241775eb1492c5755', class: "range-slider__track range-slider__track--background" }), index.h("div", { key: 'd5c268d469560a0d477ade5527f978f666f88f16', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), index.h("div", { key: 'ccda929eb226466a76a3275c956ba9a7b93a649b', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), index.h("div", { key: '5092ff124883f36c8963035b6a06579526c4f338', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick }, (this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 2 } : {})), index.h("tet-icon", { key: 'beeabb50350550e3240c7bef29858b44df7f6015', name: "remove", class: "range-slider__control--icon" })), index.h("div", { key: '9c31a31cdecd02175c0a0ffc239c57a2a4d16b07', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, index.h("div", { key: 'd4ce3b3340fdae2eced60a6b126d0b36a896d395', class: "range-slider__slider-wrapper" }, index.h("input", Object.assign({ key: 'ff143125e93895a26c4e9a1531671b248f46650f', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider" }, (this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 1 } : {})))), index.h("div", { key: '88964138386762c44e51b1ee359f840ea924849e', class: "range-slider__track range-slider__track--background" }), index.h("div", { key: 'a0ae8769edd9b1e3448a936002ac3f16e1ffbe25', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), index.h("div", { key: 'b92a76fe602d01d82588a70fa1120bbf1258d147', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), index.h("div", { key: 'e7c4bf98f24e217bf3d6187c87560c63e7f47e3a', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), index.h("div", { key: '43bdd0a74ce24a0a3a45d1c68c43f479557e1732', class: {
+            } })), index.h("div", { key: '44755537664b482553b720fe2166588ea8b0cc0b', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, index.h("div", { key: 'b7e7d85689babeab7752b0ff75c4281076d52367', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), index.h("div", { key: '8568c423b6da013baf6b7a03bae1ee7099625470', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, index.h("div", { key: '8d1b56885d8e62413204eba47f8fa85dbbc0f651', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), index.h("tet-button", Object.assign({ key: '60db2ed8ec9c197b6ed63ca09b2310ee9fd37c8e', theme: this.theme, iconMode: true, class: {
+            } }, index.h("div", { key: 'a6c039fb9a4a26f64b5afe27e2c1ed59714d1d14', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), index.h("div", { key: '8f49721cac615479d6d3aef3e948ef7da65129b0', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, index.h("div", { key: '362738a67c09d5419e8149378c12a4399f5f02e7', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), index.h("tet-button", Object.assign({ key: 'cb039ae45cac303c5c656eb61430d6a81a9466f9', theme: this.theme, iconMode: true, class: {
                 'range-slider__control': true,
                 'range-slider__control--right': true,
                 'hidden': !this.withControls,
-            }, clickCallback: this.onControlNextClick }, (this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 4 } : {})), index.h("tet-icon", { key: 'ff77a241db4b724ca9eca8827e1d2bf4886e6c3f', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick }, (this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 4 } : {})), index.h("tet-icon", { key: 'd71a4c381382cbeed2fd4f0c015ab7aaceaed02d', name: "add", class: "range-slider__control--icon" }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/tet-referral.cjs.entry.js CHANGED Viewed

@@ -67,9 +67,9 @@ const TetReferral = class {
         translations.processTranslations('tet-components', this.language).then(() => index.forceUpdate(this));
     }
     render() {
-        return (index.h(index.Host, { key: 'd3893051919ecff6805c87a71de44871a2372f94' }, index.h("div", { key: '044e6036efa2075739f7c4ef65b01f524d5fb330', class: "wrapper" }, index.h(themeWrapper.ThemeWrapper, { key: '55005a9598ee3553e2b528d27aaaa3ca7847afad', theme: this.theme }, index.h("div", { key: '0477a5bf99a563a4807e83ef59f92b93fcdae492', class: "image-container" }, index.h("img", { key: 'c81ac767143da86a8f5f9b06231a177914d217ce', src: translations.translate('components-referral-image-url'), alt: "" })), index.h("div", { key: 'bb859b90da4cf1e3bcf4304f625e0b575a868ebb', class: "subtitle-container" }, translations.translate('components-referral-subtitle')), index.h("div", { key: '0456b873f3430668dfa49bcd62f945697c433935', class: "description-container", innerHTML: translations.translate('components-referral-description') }), index.h("div", { key: '03f861040bf70da4f8b442d80b52f561f98dfc46', class: "referral-block" }, index.h("div", { key: '0f306e2f28cb4b5db328d78bd1adda5d801d4dbf', class: "url-wrapper" }, index.h("div", { key: 'd87c87af240dda6ce5ad0bed6f444dd34619ea20', class: "referral-url" }, this.getReferralUrl()), index.h("div", { key: 'e133352fb780ee6416da770de0dc3e614d811d2d' }, index.h("div", { key: '3414e2f7d8a4c73f3cca3ac884a3ac2927e005e9', class: "button-wrapper" }, index.h("tet-tooltip", { key: '4b1f6f540e0c65891b3f039297e4dec34504f130', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
+        return (index.h(index.Host, { key: '8d221adfe8a3b5bae5e52d769c523ac6ff98a6f6' }, index.h("div", { key: '9879856f747004efd35619c25e0c8a3235201f48', class: "wrapper" }, index.h(themeWrapper.ThemeWrapper, { key: 'e61e6fb96d35875c4c134b0865950cd21e4425b7', theme: this.theme }, index.h("div", { key: '777a3dd5f157801f36c09e9bd6b9acdd6bf0d6f0', class: "image-container" }, index.h("img", { key: 'f5818dc251071154a9e79caf89bc2bb51b318676', src: translations.translate('components-referral-image-url'), alt: "" })), index.h("div", { key: 'eddbe49d1654114d5043d86b8b014bd0692f68af', class: "subtitle-container" }, translations.translate('components-referral-subtitle')), index.h("div", { key: 'f377f9aa6a8a44fe8f7cc323ede85c6148c925d6', class: "description-container", innerHTML: translations.translate('components-referral-description') }), index.h("div", { key: 'f7a987d60e60e9b69a14b8b7c64e6a61a6459ac2', class: "referral-block" }, index.h("div", { key: '7dc3dea2c4910a635f1fe5d8e8a8a17b33796b82', class: "url-wrapper" }, index.h("div", { key: '33cf0a61dd7419a975f13effbc98b113e087b4c8', class: "referral-url" }, this.getReferralUrl()), index.h("div", { key: '3f530451e795f721842f34d3f45d83f467df4299' }, index.h("div", { key: 'eee3deb626d0bc30a5c75554f8524bed7437ccab', class: "button-wrapper" }, index.h("tet-tooltip", { key: '76d361082fb1c4416188eba31570dcc2d2e3f738', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
                 this.tooltip = el;
-            } }, translations.translate('components-referral-tooltip')), index.h("tet-button", { key: '5f6689c8e38c58d275d03b1d2af90cf0c6b3963b', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, translations.translate('components-referral-copy-button-label'))))))))));
+            } }, translations.translate('components-referral-tooltip')), index.h("tet-button", { key: '438808bb41dbdc77a0d3fc833c744bc4dad59260', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, translations.translate('components-referral-copy-button-label'))))))))));
     }
     static get assetsDirs() { return ["assets.component"]; }
     static get watchers() { return {

package/dist/cjs/tet-spacing.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const TetSpacing = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '52a58d9254d387db1d66a21c4ca88069f110456f' }, index.h("div", { key: 'aeb29600098452d3e87070da1daec9efc92a28f2', class: "variable-container" }, index.h("div", { key: 'ef60e9f932c7aec5334c3d42475031a892b70476', class: "container-title main" }, "Atstarpes klase klase"), index.h("div", { key: '6a7245a460c310969cbd97fe2a4254b8306e8c1e', class: "container-section" }, index.h("div", { key: '394dd638158e24e5313d73dfb27ab110a27864f2', class: "variable-name" }, index.h("div", { key: '09781109ee6b83514a44549501a645a599c5bdac', class: "variable-part" }, "tet"), index.h("div", { key: 'a7977600f4ed0117fcf426c9883fa783ae26be19', class: "variable-part" }, "-spacing"), index.h("div", { key: '0f74a5ccd482a26efff284d11f75551c5151cd0a', class: "variable-part variable variable-size" }, "__md"), index.h("div", { key: 'b753de540235ffb8e2d80273e3b8fa9b8c1fb6f1', class: "variable-part variable variable-direction" }, "--plr")))), index.h("div", { key: 'a308eb1ad5853ddc3667ee74b9718791e891123f', class: "container-wrapper" }, index.h("div", { key: 'b73aeaddaf64e502b4dfce2e1b78ba8dce9bae42', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), index.h("div", { key: '4d7b4d93ebe32b19320615b700ad8b7abc8d8aa3', class: "section" }, index.h("div", { key: '6b716dd47a05edac9c62019980aa4cc949f48fd6', class: "section-wrapper" }, index.h("div", { key: '99e38bb31379295784676bc7e3cadf0d10acd20c', class: "section" }, index.h("div", { key: '7a4e1cae8ac2ee0f37dce689c0af5868b3de0c7a', class: "section-content" }, index.h("div", { key: '425670672c2b7538ec05a10ad8600274ec128ae3', class: "section-style" }, "__null"), index.h("div", { key: '87d0f6dcb95c5013b3b2561b17bbe20a4f87393b', class: "section-style-attribute" }, "0")), index.h("div", { key: '67792f7e2df87816b5041430d177351a8a7f9b4a', class: "section-content" }, index.h("div", { key: 'ec7fd32100adfea4824dee6bed8be80f2e43ad80', class: "section-style" }, "__3xs"), index.h("div", { key: 'd0a47432eee0976cb8017fb8c06bf3a08d1b3e53', class: "section-style-attribute" }, "0.125rem / 2px")), index.h("div", { key: 'c0e7d03ca758f5cd47378226c942d335b97d517b', class: "section-content" }, index.h("div", { key: '35377a52aaf964bbfd8c72762a127c553cbfb500', class: "section-style" }, "__2xs"), index.h("div", { key: '6bbdcdefb115c2a6ffdd7993755e9991177b4d57', class: "section-style-attribute" }, "0.25rem / 4px")), index.h("div", { key: '2164e50d8aa91466dec814bde0a60dde1bbfb041', class: "section-content" }, index.h("div", { key: 'fe863f4b78e5725fb82189f77e643d8bcc85f19c', class: "section-style" }, "__xs"), index.h("div", { key: '140543a9858aadb630d84b6bfee4987bd349fcd3', class: "section-style-attribute" }, "0.5rem / 8px")), index.h("div", { key: '28f8163573568c98acd6e29fea50040128814fe1', class: "section-content" }, index.h("div", { key: '8f21a6a8732ef10b47323e1180136684fac9f25a', class: "section-style" }, "__sm"), index.h("div", { key: '5c3603b313c5a3599d2a075438030596ac599a8f', class: "section-style-attribute" }, "0.75rem / 12px")), index.h("div", { key: 'efeeacc6e1c2cff12ec82e1c73c790357167c0c1', class: "section-content" }, index.h("div", { key: '6d06f7f1a4f411892f6a7e9807417445716bf480', class: "section-style" }, "__md"), index.h("div", { key: '0017c2abce7d1468c558708e34a3d358cac537e3', class: "section-style-attribute" }, "1rem / 16px")), index.h("div", { key: '8a6b323cc8ad52165ce433e10e06d61ea5eae05a', class: "section-content" }, index.h("div", { key: '9f024602de97c2224358031e76b89f4534a93274', class: "section-style" }, "__lg"), index.h("div", { key: '0990f612ed4e04e48b6d875b810e0373b799a977', class: "section-style-attribute" }, "1.5rem / 24px")), index.h("div", { key: '9f05c808a0ef8d5fcc53124ab7f69a8e4570d663', class: "section-content" }, index.h("div", { key: '24cbca425f0139effea67cff7dd85147174d52d2', class: "section-style" }, "__xl"), index.h("div", { key: '169c31ed8a7f45f4f81673ac77575a078818444d', class: "section-style-attribute" }, "2rem / 32px")), index.h("div", { key: 'f04ec24ad9d76e7e93470d63d4c254ab912273b3', class: "section-content" }, index.h("div", { key: '74e900bc404998d217550cd22704584487ef85e8', class: "section-style" }, "__2xl"), index.h("div", { key: 'ac43c8d40a469ce2d1b267478318661b83b98f02', class: "section-style-attribute" }, "2.5rem / 40px")), index.h("div", { key: '5aad97d9ea64f772542abfcdebe7f659d8dc0973', class: "section-content" }, index.h("div", { key: '39e106b7679c3a973ac06da27a0c01e0eacef267', class: "section-style" }, "__3xl"), index.h("div", { key: 'b46a57502fc48d951db4ced11720e37d41cedb22', class: "section-style-attribute" }, "3rem / 48px")), index.h("div", { key: 'fe7dc15aa178397e9b24ef7e3e39ad564f0f68f9', class: "section-content" }, index.h("div", { key: '7da24d1fa98eca39c0588e318df646386e9e879f', class: "section-style" }, "__xxl"), index.h("div", { key: '545839fef2f1eccb8282a43f2304b17acb8cd4de', class: "section-style-attribute" }, "3.5rem / 56px")), index.h("div", { key: '551d6400d20dc4d4ff13d450a8e6caae85acac3c', class: "section-content" }, index.h("div", { key: '88f24f58bf0b32d42e51fc94ef4abb5129dfc6fb', class: "section-style" }, "__2xxl"), index.h("div", { key: '2e24737db0943dbfe34e4169823446ae750eb192', class: "section-style-attribute" }, "4rem / 64px")), index.h("div", { key: 'afda55d003bbdc7ddf51b18a04cb648d77f92de1', class: "section-content" }, index.h("div", { key: '773ba578f84bf832276e77c80ab22d750a2ec669', class: "section-style" }, "__3xxl"), index.h("div", { key: 'c49045ed02647a668ac88062a910577a077f3d30', class: "section-style-attribute" }, "4.5rem / 72px")), index.h("div", { key: '830e180c1851eddb0046006e7d6f2cad1b79456e', class: "section-content" }, index.h("div", { key: '76536b2bdefb9db8748ef5014b454d3584a5932f', class: "section-style" }, "__mg"), index.h("div", { key: '612d884366462c179ab1c11126f5c8db43442f14', class: "section-style-attribute" }, "5rem / 80px")), index.h("div", { key: 'd7db74f965e6e702776bc743771f44771db9dcd4', class: "section-content" }, index.h("div", { key: '2a5311450fef055051d695e7f62e3fba7dce85ba', class: "section-style" }, "__2mg"), index.h("div", { key: 'e6c2ea53b6f50598e2f393548dfa337357c58080', class: "section-style-attribute" }, "5.5rem / 88px")), index.h("div", { key: 'a4b181eb693b43aa587b65418e0a25f47c8f312a', class: "section-content" }, index.h("div", { key: '1e646002b0601b5cf93f2d31a642a965a684b8d4', class: "section-style" }, "__3mg"), index.h("div", { key: '28147935fad7c29bda5d73695200611b8467051e', class: "section-style-attribute" }, "6rem / 96px")), index.h("div", { key: 'a2e51344c6f34df0ecc14874e14593af1c4c7393', class: "section-content" }, index.h("div", { key: '9986092b8e5495bcafff6e23d394a5fba4774054', class: "section-style" }, "__gg"), index.h("div", { key: 'bc99d769121c39f04de6d6ff2cfdb52b33634557', class: "section-style-attribute" }, "6.5rem / 104px")), index.h("div", { key: 'f0794a77a11319224330cea6bc533852e15ae05a', class: "section-content" }, index.h("div", { key: 'e465adf89097dbee74c727068bc5a0ffd1168fb1', class: "section-style" }, "__2gg"), index.h("div", { key: '810a0b82aa75ed2d69926a170ed90b13ecece983', class: "section-style-attribute" }, "7rem / 112px")), index.h("div", { key: '46f97d8cd051035ff8572739c83c1b2e78729135', class: "section-content" }, index.h("div", { key: '6bb0ad231e67379763f99bd5cdd2bb03552d2df0', class: "section-style" }, "__3gg"), index.h("div", { key: 'c4fc1844d48b2a5f835b8c3f499783f376828d75', class: "section-style-attribute" }, "7.5rem / 120px")), index.h("div", { key: '3f797fcc84bf314c4800d345b5dea149e45bffb4', class: "section-content" }, index.h("div", { key: '18c71140160f1f42a3b325f54bcd8a14db4dff04', class: "section-style" }, "__xgg"), index.h("div", { key: '1220cd55148f95639b466f7ab25c6421a9c45ca5', class: "section-style-attribute" }, "8rem / 128px")), index.h("div", { key: 'bbc28fb41eca4f54e8c54b035b2c87099591a4c8', class: "section-content" }, index.h("div", { key: 'e14d4a25f749abe2591e396d4fe5c9968838614b', class: "section-style" }, "__auto"), index.h("div", { key: '256b804f190627ed612a959708ff1c4349d37f78', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), index.h("div", { key: '14416c926b431bfcd9014709ea736f803f41b48d', class: "section" }, index.h("div", { key: 'f00c115093bc9b963ec8165b2b6ecb74e97990d5', class: "section-content" }, index.h("div", { key: 'a57de73c0057fb2b7ff3526175397d3516e45db2', class: "section-style" }, "--m"), index.h("div", { key: '7056364f8d27aca8cdfd50f5d14831577c32a855', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), index.h("div", { key: '72ee10de0259f75948fc7ced49a9f5eec4d0c57a', class: "section-content" }, index.h("div", { key: 'f225795f576ffadeca3f60063715bcdcb7a8ab46', class: "section-style" }, "--mtb"), index.h("div", { key: '5e8bf152528c22ee3a51ff1957df929622baf156', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), index.h("div", { key: 'bf9aaa67511c0ba9d90aa0fbf7b00119b8e29c98', class: "section-content" }, index.h("div", { key: 'd15fdb03a8974fc7f1efd35bed1049e6084297f0', class: "section-style" }, "--mlr"), index.h("div", { key: '1577c647b34af5b8dfccfae232112d10871e61c8', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), index.h("div", { key: '14cb83a85615def3d231c834916964ae158dfd5f', class: "section-content" }, index.h("div", { key: '411afcb1b63ef83bc7a57e3271b57a15e4882a11', class: "section-style" }, "--mt"), index.h("div", { key: 'e1dafaec484127d0fd52e7d80c0b3472cff09cbc', class: "section-style-attribute" }, "margin uz aug\u0161u")), index.h("div", { key: '1c07078aca4ef349020d188d0bbea00cf2001274', class: "section-content" }, index.h("div", { key: 'c6d74fefd7d92ffc6b13ace6664b563123c96c53', class: "section-style" }, "--mb"), index.h("div", { key: '8784dd6723cb57954b170b681849e25e59ac85ae', class: "section-style-attribute" }, "margin uz leju")), index.h("div", { key: '052c904de0b76c1bb866bee97c0a8ae6c5d18a76', class: "section-content" }, index.h("div", { key: 'c4be2ca2d0956870fc7e143ffc43d1a1f5164651', class: "section-style" }, "--mr"), index.h("div", { key: 'db0a6078bd6568b242b0dcabcf708519a1a791bf', class: "section-style-attribute" }, "margin pa labi")), index.h("div", { key: '5edd4ad4ffefad2d0f4d88f8159360196fa1e6f9', class: "section-content" }, index.h("div", { key: '36c9cf875fce03d4978b9cc291065277570f4496', class: "section-style" }, "--ml"), index.h("div", { key: '93ca34c78dfc64befe4627aeb1f27c916ad248d9', class: "section-style-attribute" }, "margin pa kreisi")), index.h("div", { key: '8fae1b073ec9142020ea27286c04140991b03b11', class: "section-content" }, index.h("div", { key: '2664cf861897fe206c446fbcbd1bfd66281f3fcd', class: "section-style" }, "--p"), index.h("div", { key: '3caffcdc8c114ef6c9cab6f7a6350cb04d7e00a8', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), index.h("div", { key: '91e662b6525f4ecb18fab91c5aa2a560a5e37b88', class: "section-content" }, index.h("div", { key: 'ee550afda0a378c81669cd38f103ab93c63c500c', class: "section-style" }, "--ptb"), index.h("div", { key: '9e3a2eea5e19643f4a2516f9d696082eedb2801e', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), index.h("div", { key: 'd6cee41b3af37328b64170919df15971a0371e31', class: "section-content" }, index.h("div", { key: 'ff5f6e26abb143b4ddd997b125ca2bb5e79ae464', class: "section-style" }, "--plr"), index.h("div", { key: '76ed9569f497ab94efd02c897ddcf7790c89f917', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), index.h("div", { key: '149e9a7a378597a49b34a7e8263f89654cde68cc', class: "section-content" }, index.h("div", { key: '2f4e6c0643ad6f10f09712088fdb5c93d9351c8f', class: "section-style" }, "--pt"), index.h("div", { key: '45ed0d30e9e565d171effea296098ceb298efe74', class: "section-style-attribute" }, "padding uz aug\u0161u")), index.h("div", { key: 'd8b466cb4a86babe29acdd9a753c08d2c4095e4a', class: "section-content" }, index.h("div", { key: '19287438660f203a3865b4d735b0d25d8d86a9bd', class: "section-style" }, "--pb"), index.h("div", { key: 'b250ac7c7623466444431c118da8287e3da93358', class: "section-style-attribute" }, "padding uz leju")), index.h("div", { key: '75b65871a487da33ef07258454ed496a551d5552', class: "section-content" }, index.h("div", { key: 'ee93b5e8e2aeef8aa8a883c7b91ad7f3626bfbc7', class: "section-style" }, "--pr"), index.h("div", { key: '775a992e88f230ce64c7463ae0319591c6556f33', class: "section-style-attribute" }, "padding pa labi")), index.h("div", { key: 'f5b4cb9d1e24d833d63ad925acd7253262c54aa7', class: "section-content" }, index.h("div", { key: 'a200fe0ad36ae5e3193409465fc1e6a841cbf384', class: "section-style" }, "--pl"), index.h("div", { key: '665c85547fb80b459012f9f81afea928c5c0e662', class: "section-style-attribute" }, "padding pa kreisi"))))))));
+        return (index.h(index.Host, { key: '76527bfcccc0424b3a907b4b05a281a054ddb378' }, index.h("div", { key: '1e3a6293551ff9be8527f59c249c64ae2921078c', class: "variable-container" }, index.h("div", { key: 'a7a444025b5cf7eae3c4bfc049bef614c958e7d5', class: "container-title main" }, "Atstarpes klase klase"), index.h("div", { key: 'f960c0af707ed5217ff8cb6b87653e4e69d62267', class: "container-section" }, index.h("div", { key: '658686d26b931f8b9ea4ee9c0f48fd7550e28e21', class: "variable-name" }, index.h("div", { key: '7ce8f4b824679bc45cb7075f5c3121832db5342b', class: "variable-part" }, "tet"), index.h("div", { key: '4f2f38f6755030e3e7aafe678913044b0e1a8f13', class: "variable-part" }, "-spacing"), index.h("div", { key: '1bf2cf9d0408f35c42e6d9062a688cc81e80da52', class: "variable-part variable variable-size" }, "__md"), index.h("div", { key: '9c6f4183c49cc1a3ac206e07df728abba11a97c5', class: "variable-part variable variable-direction" }, "--plr")))), index.h("div", { key: 'c94ea995f81c1860ed77a5e2222dcb0fe31d2edd', class: "container-wrapper" }, index.h("div", { key: 'eec372d1d6691bb79154db97d28994e3399fa7cf', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), index.h("div", { key: 'e86e6d1fe2808a840690c7787c3c810d7331b772', class: "section" }, index.h("div", { key: '1ce93277ac3075ccbe8a7ce5f3702200882b182d', class: "section-wrapper" }, index.h("div", { key: 'bfea8563c296ec1919b553e483d68c9141b3d9c7', class: "section" }, index.h("div", { key: 'ba37ac8ddd27783258af0eca382cbbb9e253c3e8', class: "section-content" }, index.h("div", { key: '8da7309914c98d96fbcd82e53010b1d72eadadbc', class: "section-style" }, "__null"), index.h("div", { key: '495dd97803650d95d599e43a035b6660e5262d95', class: "section-style-attribute" }, "0")), index.h("div", { key: 'a3a31cdeaf5d6701b6dc92f198d9c6d193f453b9', class: "section-content" }, index.h("div", { key: '8a8b26cbb789f91ec914ca71349ec08845e7a2e4', class: "section-style" }, "__3xs"), index.h("div", { key: 'e4a771199d2e648de8862af8dadbb1d7e8af80bf', class: "section-style-attribute" }, "0.125rem / 2px")), index.h("div", { key: 'eeb6e5dea64b85158faa17bf6a521b7a9037ffbb', class: "section-content" }, index.h("div", { key: '003c1e2bde6eb7440ccb793d0a83697d93274a77', class: "section-style" }, "__2xs"), index.h("div", { key: '6caa5d3dae80e4bc706d599b1b5634e0d96647d8', class: "section-style-attribute" }, "0.25rem / 4px")), index.h("div", { key: '44895fd146e1d6eba3457f9bc8e4ef5d10bda2cd', class: "section-content" }, index.h("div", { key: '21d1ce9c7a1d00ca1308bff8d3497f1ccdd7cec5', class: "section-style" }, "__xs"), index.h("div", { key: 'aa0313ea4bbedcaf8d7c27ea4f381e0cb1055b58', class: "section-style-attribute" }, "0.5rem / 8px")), index.h("div", { key: '15da779b23bd67e65eba1e457ae3589c099f1c60', class: "section-content" }, index.h("div", { key: 'e1d5681b089453afce78755a4baaead1e264f0a6', class: "section-style" }, "__sm"), index.h("div", { key: '6e029a433af94a83978dc34b7e67fae86a6b6340', class: "section-style-attribute" }, "0.75rem / 12px")), index.h("div", { key: 'b4139827407d9ebd3d6e26c5ffd6970037ab1e00', class: "section-content" }, index.h("div", { key: '6d46f64e49f78ebd9c383d2879d4e27ad6f76d77', class: "section-style" }, "__md"), index.h("div", { key: 'bd51684b472cfc1ad16544a4ac5fe85e7c415bcd', class: "section-style-attribute" }, "1rem / 16px")), index.h("div", { key: '52ccaff810455cb9a418d0646ef751c8ad0d40ab', class: "section-content" }, index.h("div", { key: '2597bda3827f243e61321426850a195f2f5b5cf4', class: "section-style" }, "__lg"), index.h("div", { key: '718fb432d9333bb54fe8a1c1c64ee34f70d0a21b', class: "section-style-attribute" }, "1.5rem / 24px")), index.h("div", { key: '91a19cc33891138151b7cd20804b757017485349', class: "section-content" }, index.h("div", { key: 'ed62cde689a9326fbf198d058138604e97f58428', class: "section-style" }, "__xl"), index.h("div", { key: '86ee12f8a000f80bf256b20e32e3ddec31772015', class: "section-style-attribute" }, "2rem / 32px")), index.h("div", { key: '4bbf194d14a792e8f18e89efa3c312fbf9702e7b', class: "section-content" }, index.h("div", { key: '29f4b5e37124f074553c10a2003c2753235b62d0', class: "section-style" }, "__2xl"), index.h("div", { key: '50cf27867d89d923cc37780cbc3a5d39da0c0439', class: "section-style-attribute" }, "2.5rem / 40px")), index.h("div", { key: 'ca99f78401e11d0cb0fa4571df5b717873a977e8', class: "section-content" }, index.h("div", { key: '9fbefca4d72826969db42b2955ad09b72fa69439', class: "section-style" }, "__3xl"), index.h("div", { key: '93285455047cf326db15dcd3dbc02cd7dd509067', class: "section-style-attribute" }, "3rem / 48px")), index.h("div", { key: '4e07d384ff9538403a251776f5df96a136995119', class: "section-content" }, index.h("div", { key: 'a02f34df43f384156b15dc0714ab0860b58df8ec', class: "section-style" }, "__xxl"), index.h("div", { key: '900e043018c39b70bf6c880702ccb0c06f8840c8', class: "section-style-attribute" }, "3.5rem / 56px")), index.h("div", { key: 'b0567ee7c3073165692de478e706040253cc9657', class: "section-content" }, index.h("div", { key: '4a82caa1a951b1575c9047cedd52a293eee99da1', class: "section-style" }, "__2xxl"), index.h("div", { key: '8b9076868af5627a1c2e1f4727a1932a0f142270', class: "section-style-attribute" }, "4rem / 64px")), index.h("div", { key: '39e98e025c99e63f83bd7e3843b8fd393c5e5b73', class: "section-content" }, index.h("div", { key: 'be8f4def1d92e455f5524073e0c35bc4843c64af', class: "section-style" }, "__3xxl"), index.h("div", { key: 'c6044269dce37d9054d8d972252e367b1966ed35', class: "section-style-attribute" }, "4.5rem / 72px")), index.h("div", { key: 'a0a8afd987adb2a8cbad02398d65141b65ea309c', class: "section-content" }, index.h("div", { key: '6f1f6344fa72c802b353530a6afb03a36f24b130', class: "section-style" }, "__mg"), index.h("div", { key: 'd9c2056e2ebee86aa50180cd6895119d058b26d1', class: "section-style-attribute" }, "5rem / 80px")), index.h("div", { key: '67e5e01022cdba75393df241bb0fed0b4a638238', class: "section-content" }, index.h("div", { key: 'f6cc1bb900c8547a37006e4f89225ef131fe6d65', class: "section-style" }, "__2mg"), index.h("div", { key: 'af3ffebc682add5968712d37143a301777617ab5', class: "section-style-attribute" }, "5.5rem / 88px")), index.h("div", { key: 'f69f8625e5ce349eb2b4d22ee13e5c806960acf0', class: "section-content" }, index.h("div", { key: '0bfa34d9858df709a7f0ed160db39269d5be1b80', class: "section-style" }, "__3mg"), index.h("div", { key: 'b828cfb14d4ca167bf4e18210c3d2161a29aed72', class: "section-style-attribute" }, "6rem / 96px")), index.h("div", { key: '5af0d52e2ce53dc850245010f2be31c0f1dc3e2a', class: "section-content" }, index.h("div", { key: '66e329faeb493355a46825f6c7223ac770a6e14d', class: "section-style" }, "__gg"), index.h("div", { key: 'a9699f1b6a21700284867e933bc77bebf1fc3615', class: "section-style-attribute" }, "6.5rem / 104px")), index.h("div", { key: 'ac5c1d6f0ba4937413f616c8fcd95d66d5085d9c', class: "section-content" }, index.h("div", { key: '444d73953784ba5d9154ed66982b4d71ea0d8da8', class: "section-style" }, "__2gg"), index.h("div", { key: '5f76ce1f979b50a47d56d5480e75632e4f66cc30', class: "section-style-attribute" }, "7rem / 112px")), index.h("div", { key: '9a1b88479164466a9c6241ad6bae5149f3764375', class: "section-content" }, index.h("div", { key: 'bce7b3446226ae840018ea231fa65272149e0e6d', class: "section-style" }, "__3gg"), index.h("div", { key: '8232df1476673c683d854aa28a064efa535082f5', class: "section-style-attribute" }, "7.5rem / 120px")), index.h("div", { key: '9b5f5c1a9afd83cc41d19d91da379435f90ce843', class: "section-content" }, index.h("div", { key: '7d7341261f1e1dd993350949f25860095af7821f', class: "section-style" }, "__xgg"), index.h("div", { key: 'ef24c1a4f5288a119fb23ee368715ced63d603fb', class: "section-style-attribute" }, "8rem / 128px")), index.h("div", { key: '199e49065026f8dfc952a51c9726057bc3211b4f', class: "section-content" }, index.h("div", { key: '2b2304c6a51f6f8bfa09a624d0c7e85ce684260c', class: "section-style" }, "__auto"), index.h("div", { key: '80bfd1a6d784946986a410b6a3f60d0130895264', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), index.h("div", { key: '96892c6984f302ba264d9a27ad53ff1b4a9f078a', class: "section" }, index.h("div", { key: '984359b9027f603f322496f7c4b8eb54af17d148', class: "section-content" }, index.h("div", { key: 'a69a4456bdc44e2d95e28070d4467d4ef218c095', class: "section-style" }, "--m"), index.h("div", { key: 'd418ba508f6b00cfb04ec7f6a9d2602acfb71f95', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), index.h("div", { key: '622dfa91fecee6f31a01424db51315a545d34f08', class: "section-content" }, index.h("div", { key: 'b561e0d61ee15fd5c32ec8a77ea26162e9ac89f7', class: "section-style" }, "--mtb"), index.h("div", { key: 'b6147e7f78df6823d68e8fd314195f1b66a6353f', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), index.h("div", { key: '8b5db8a8a361660c760f1e1d001fd544e3e1c6a4', class: "section-content" }, index.h("div", { key: '7e2e7066b00302a81ede39956c9a7104cc5d66a0', class: "section-style" }, "--mlr"), index.h("div", { key: '3c3dfa92bf8da0418da81a5998eac0e3afd81d52', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), index.h("div", { key: '8ab6e5dc079b96de9223d0d8a9be23557dc034dc', class: "section-content" }, index.h("div", { key: '67aa4efc267035882d37957ad791745867989f4d', class: "section-style" }, "--mt"), index.h("div", { key: 'c0a14b6654fb93bb53bece1c229d742915493bec', class: "section-style-attribute" }, "margin uz aug\u0161u")), index.h("div", { key: '322545724791470b5f1198912cf8248c9e7183c8', class: "section-content" }, index.h("div", { key: 'f76d1b7712e05d07e399fe944847741b050f298b', class: "section-style" }, "--mb"), index.h("div", { key: '4b5d15f0cccb786c8fe3b47d5264f331b7665b43', class: "section-style-attribute" }, "margin uz leju")), index.h("div", { key: '8a69cdba7669ef0062223f5ba7892a9db2498cd7', class: "section-content" }, index.h("div", { key: 'e12f69af97b98d1d97d28af9f5244c7890c18974', class: "section-style" }, "--mr"), index.h("div", { key: '5a905fd5f17bb0ebffcdf9820e048b7b859d176d', class: "section-style-attribute" }, "margin pa labi")), index.h("div", { key: 'b8f654554ce04d558638f1233a4748c77dcb2a23', class: "section-content" }, index.h("div", { key: '20d959096f934142fddf53e1f24b9f359defe2aa', class: "section-style" }, "--ml"), index.h("div", { key: '5f44af6089b6d7fab8ec52d9149442c563deac6f', class: "section-style-attribute" }, "margin pa kreisi")), index.h("div", { key: '67236d5960429d824341a0ecad0a7da2b13f5f8c', class: "section-content" }, index.h("div", { key: '999631a7af4c0f0a986c6c403a70bd67c099ac36', class: "section-style" }, "--p"), index.h("div", { key: 'b65ce6a2b67d3bb03bdc48ff8edc5a1f676e537c', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), index.h("div", { key: '38b2e5e60352e6a4e9644eac52402d5bad304e61', class: "section-content" }, index.h("div", { key: '94e00915dd4c4c330a2debadb595c41142783717', class: "section-style" }, "--ptb"), index.h("div", { key: '96fb4f619addab3ee6422b2e3be02b6a5080c560', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), index.h("div", { key: 'ec9813486a18e31c4bedae597da8eeb88f6e0da9', class: "section-content" }, index.h("div", { key: '1f9e8e38bb68f19e07a2ebbb94d9e0a5871ee145', class: "section-style" }, "--plr"), index.h("div", { key: '6ef4b9822171b3195e0915d93825c8725f57ccc3', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), index.h("div", { key: 'feacd980f683b4f820c80f3fa1662e85c4bca973', class: "section-content" }, index.h("div", { key: 'b341b24d148a5778e8ea27d92028ed9103f773f9', class: "section-style" }, "--pt"), index.h("div", { key: '21a0bb7fa52eab9e6fb9c8927e49a87e3f13b5b4', class: "section-style-attribute" }, "padding uz aug\u0161u")), index.h("div", { key: '52b207804dc9f59e5e134b5a9d18480ca57e64bf', class: "section-content" }, index.h("div", { key: '12b909786f729f3948fe0aaad80eb53cae6a02c1', class: "section-style" }, "--pb"), index.h("div", { key: '3d60ae0b59bc057f2bd83256db8c641e3fe3ad35', class: "section-style-attribute" }, "padding uz leju")), index.h("div", { key: '9cb604506e20a324f8a0ee50b8752cbf9f0452fb', class: "section-content" }, index.h("div", { key: '41810a626928874fc5566a34efe4dcbb53ce925a', class: "section-style" }, "--pr"), index.h("div", { key: '79482ba75313a15211e3d4d35b898bae142b8ba7', class: "section-style-attribute" }, "padding pa labi")), index.h("div", { key: 'dd3e32b52c72c5a943e2d80fa9b1e37b6c8250ce', class: "section-content" }, index.h("div", { key: '9e03125c2510cc62055bf30ebb4dc77335212631', class: "section-style" }, "--pl"), index.h("div", { key: '9445dba6288d624057f5f98831fd6dfbceb9fe90', class: "section-style-attribute" }, "padding pa kreisi"))))))));
     }
 };
 TetSpacing.style = TetSpacingStyle0;

package/dist/cjs/tet-stepper-input.cjs.entry.js ADDED Viewed

@@ -0,0 +1,141 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const index = require('./index-f559cb2e.js');
+const translations = require('./translations-571bba05.js');
+require('./typecheck-d48810dc.js');
+require('./http-codes-c2a24ff3.js');
+const tetStepperInputCss = "@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{--stepper-input-control-background-color:var(--tc-background-secondary);--stepper-input-suffix-color:var(--tc-text-secondary);--stepper-input-border-color:var(--tc-border-tertiary);--stepper-input-border-color-active:var(--tc-border-primary);--stepper-button-bg:var(--tc-button-text-primary);--stepper-button-border:var(--tc-button-text-secondary);--stepper-value-color:var(--tc-button-text-inverse-disabled);--stepper-input-focus-outline-color:var(--tc-blue-40);display:inline-flex}.stepper-input{justify-content:center;align-items:center;gap:0.625rem;display:inline-flex}.stepper-input.dark{--stepper-input-control-background-color:var(--tc-background-primary-dark);--stepper-input-suffix-color:var(--tc-text-secondary-dark);--stepper-input-border-color:var(--tc-border-tertiary-dark);--stepper-input-border-color-active:var(--tc-border-primary-dark);--stepper-button-bg:var(--tc-button-text-primary-dark);--stepper-button-border:var(--tc-border-primary-dark);--stepper-value-color:var(--tc-button-text-inverse-disabled-dark);--stepper-input-focus-outline-color:var(--tc-blue-40)}.stepper-input__control{background:var(--stepper-button-bg);border:0.125rem solid var(--stepper-button-border);box-sizing:border-box;margin:0.25rem;border-radius:50%;cursor:pointer;padding-block:0;padding-inline:0;height:2.25rem;width:2.25rem}.stepper-input__control:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--stepper-input-focus-outline-color)}.stepper-input__value{border:0.0625rem solid var(--stepper-value-color);font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--stepper-value-color);background-color:var(--stepper-input-control-background-color);padding-inline:0;padding-block:0;width:3.125rem;height:2.75rem;text-align:center;box-sizing:border-box;letter-spacing:-0.029375rem;border-radius:0.625rem;appearance:textfield;-moz-appearance:textfield}.stepper-input__value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-input__value:focus-within{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--stepper-input-focus-outline-color);border:0.0625rem solid var(--stepper-input-border-color-active)}.stepper-input tet-icon{--icon-color:var(--stepper-button-border)}.stepper-input tet-button::part(button){width:2.75rem;height:2.75rem}";
+const TetStepperInputStyle0 = tetStepperInputCss;
+const TetStepperInput = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.inputValueChanged = index.createEvent(this, "inputValueChanged", 7);
+        /**
+         * Reduces value by step
+         */
+        this.onMinusClick = (e) => {
+            e && e.stopPropagation();
+            if (this.value - this.step < this.min) {
+                this.value = this.min;
+                return;
+            }
+            this.value -= this.step;
+        };
+        /**
+         * Increases value by step
+         */
+        this.onPlusClick = (e) => {
+            e && e.stopPropagation();
+            if (this.value + this.step > this.max) {
+                this.value = this.max;
+                return;
+            }
+            this.value += this.step;
+        };
+        this.value = undefined;
+        this.theme = 'light';
+        this.min = undefined;
+        this.max = undefined;
+        this.step = undefined;
+        this.selectOnFocus = undefined;
+        this.accessibilityLabel = '';
+        this.language = 'lv';
+    }
+    async onLanguageChange(language) {
+        translations.processTranslations('tet-components', language).then(() => index.forceUpdate(this));
+    }
+    /**
+     * Lifecycle method
+     */
+    async componentWillLoad() {
+        translations.processTranslations('tet-components', this.language).then(() => index.forceUpdate(this));
+    }
+    /**
+     * Expose method to access value
+     * @returns {number} value
+     */
+    async getValue() {
+        return this.value;
+    }
+    /**
+     * Watches the `value` changes and emits event with new value
+     */
+    onValueChange() {
+        this.inputValueChanged.emit(this.value);
+    }
+    /**
+     * Listens for keydown event to stop some keys
+     * @param event Keyboard event
+     */
+    onKeydown(event) {
+        if (['-', '+', '.'].includes(event.key)) {
+            event.preventDefault();
+        }
+    }
+    /**
+     * Listens for focus to select value
+     */
+    onFocus() {
+        this.inputElement.select();
+    }
+    /**
+     * Handles input change on input element
+     * @returns {void}
+     */
+    inputChangeHandler() {
+        const inputElement = this.inputElement;
+        const enteredText = inputElement.value;
+        const num = parseInt(enteredText);
+        if (isNaN(num) || num < 0) {
+            inputElement.value = `${this.min}`;
+            this.value = this.min;
+            return;
+        }
+        if (num < this.min) {
+            this.value = this.min;
+        }
+        else if (num > this.max) {
+            this.value = this.max;
+        }
+        else {
+            this.value = num;
+        }
+        inputElement.value = `${this.value}`;
+    }
+    /**
+     * Handles keyboard input for an option item.
+     *
+     * @param selectCallback
+     */
+    handleOptionKeydown(selectCallback) {
+        return (event) => {
+            const { key } = event;
+            switch (key) {
+                case ' ':
+                case 'Enter':
+                    event.preventDefault();
+                    selectCallback();
+                    break;
+            }
+        };
+    }
+    /**
+     * Renders component
+     * @returns {FunctionalComponent}
+     */
+    render() {
+        const { onMinusClick, value, onPlusClick } = this;
+        return (index.h("div", { key: 'ce31715e845a8350018d13a43104dc3573106f66', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, index.h("tet-button", { key: '07224c401d721493c67c96640baa2ba07d7b7aa2', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: translations.translate('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, index.h("tet-icon", { key: 'e86d961b204ce010519b2e3aa646376e9402a347', name: "remove" })), index.h("input", Object.assign({ key: '410613503ed9eacd9bbd5a2e255aceecfbff9625', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), index.h("tet-button", { key: 'ff1c19a31f90985a236a6fc78cd4da175212955f', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: translations.translate('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, index.h("tet-icon", { key: '738643e07324152963e3ca95f5019effd2685bbb', name: "add" }))));
+    }
+    static get watchers() { return {
+        "language": ["onLanguageChange"],
+        "value": ["onValueChange"]
+    }; }
+};
+TetStepperInput.style = TetStepperInputStyle0;
+exports.tet_stepper_input = TetStepperInput;