tinkiet 0.6.0 → 0.7.0

package/pages/pages.js

@@ -1,5 +1,5 @@
-import { __decorate, __metadata } from 'tslib';
-import { LitElement, css, unsafeCSS, html } from 'lit';
+import { __decorate } from 'tslib';
+import { LitElement, html, css, unsafeCSS } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
 import css_248z from './pages.scss.js';
 
@@ -11,9 +11,6 @@ let TkPages = class TkPages extends LitElement {
         this.handleScroll = false;
         this.scrollHistory = {};
     }
-    static { this.styles = css `
-		${unsafeCSS(css_248z)}
-	`; }
     set page(val) {
         let oldVal = this._page;
         this._page = val;
@@ -37,7 +34,8 @@ let TkPages = class TkPages extends LitElement {
     updated(props) {
         if (props.has("page")) {
             this.querySelectorAll(":scope > *").forEach(el => {
-                const elPageAttribute = el.getAttribute("page") ?? "default";
+                var _a;
+                const elPageAttribute = (_a = el.getAttribute("page")) !== null && _a !== void 0 ? _a : "default";
                 const scrollElement = document.scrollingElement || document.documentElement;
                 if (elPageAttribute == this.page) {
                     el.removeAttribute("hidden");
@@ -58,18 +56,17 @@ let TkPages = class TkPages extends LitElement {
         }
     }
 };
+TkPages.styles = css `
+		${unsafeCSS(css_248z)}
+	`;
 __decorate([
-    property({ attribute: "page", type: String }),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
+    property({ attribute: "page", type: String })
 ], TkPages.prototype, "page", null);
 __decorate([
-    property({ attribute: true, type: String }),
-    __metadata("design:type", String)
+    property({ attribute: true, type: String })
 ], TkPages.prototype, "selected", void 0);
 __decorate([
-    property({ attribute: "handle-scroll", type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ attribute: "handle-scroll", type: Boolean })
 ], TkPages.prototype, "handleScroll", void 0);
 TkPages = __decorate([
     customElement("tk-pages")

package/progress/progress.js

@@ -1,5 +1,5 @@
-import { __decorate, __metadata } from 'tslib';
-import { LitElement, css, unsafeCSS, html } from 'lit';
+import { __decorate } from 'tslib';
+import { LitElement, html, css, unsafeCSS } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
 import css_248z from './progress.scss.js';
 
@@ -11,9 +11,6 @@ let TkProgress = class TkProgress extends LitElement {
         this.value = 0;
         this.buffer = 0;
     }
-    static { this.styles = css `
-		${unsafeCSS(css_248z)}
-	`; }
     render() {
         return html `${this.circle
             ? html `<svg class="spinner" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
@@ -28,21 +25,20 @@ let TkProgress = class TkProgress extends LitElement {
 			  `} `;
     }
 };
+TkProgress.styles = css `
+		${unsafeCSS(css_248z)}
+	`;
 __decorate([
-    property({ attribute: true, type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ attribute: true, type: Boolean })
 ], TkProgress.prototype, "circle", void 0);
 __decorate([
-    property({ attribute: true, type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ attribute: true, type: Boolean })
 ], TkProgress.prototype, "indeterminate", void 0);
 __decorate([
-    property({ attribute: true, type: Number }),
-    __metadata("design:type", Number)
+    property({ attribute: true, type: Number })
 ], TkProgress.prototype, "value", void 0);
 __decorate([
-    property({ attribute: true, type: Number }),
-    __metadata("design:type", Number)
+    property({ attribute: true, type: Number })
 ], TkProgress.prototype, "buffer", void 0);
 TkProgress = __decorate([
     customElement("tk-progress")

package/radio/radio.js

@@ -1,5 +1,5 @@
-import { __decorate, __metadata } from 'tslib';
-import { LitElement, css, unsafeCSS, html } from 'lit';
+import { __decorate } from 'tslib';
+import { LitElement, html, css, unsafeCSS } from 'lit';
 import { property, query, customElement } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import '../box/index.js';
@@ -15,9 +15,6 @@ let TkRadio = class TkRadio extends LitElement {
         this.disabled = false;
         this.readonly = false;
     }
-    static { this.styles = css `
-		${unsafeCSS(css_248z)}
-	`; }
     render() {
         return html `
 			<tk-box direction="row" align-items="center">
@@ -28,9 +25,8 @@ let TkRadio = class TkRadio extends LitElement {
 			</tk-box>
 			<input
 				id=${this._id}
-				slot="none"
-				style="display: none;"
 				type="radio"
+				style="position: absolute;left: 0;z-index: -1;"
 				?checked="${this.checked}"
 				.checked=${this.checked}
 				?required="${this.required}"
@@ -38,7 +34,6 @@ let TkRadio = class TkRadio extends LitElement {
 				?readonly="${this.readonly}"
 				value="${ifDefined(this.value)}"
 				name="${ifDefined(this.name)}"
-				aria-hidden="true"
 				tabindex="-1"
 			/>
 		`;
@@ -72,33 +67,29 @@ let TkRadio = class TkRadio extends LitElement {
         setTimeout(() => this.dispatchEvent(new Event("change", { bubbles: true, composed: true })));
     }
 };
+TkRadio.styles = css `
+		${unsafeCSS(css_248z)}
+	`;
 __decorate([
-    property({ attribute: true, type: String }),
-    __metadata("design:type", String)
+    property({ attribute: true, type: String })
 ], TkRadio.prototype, "name", void 0);
 __decorate([
-    property({ attribute: true, type: Boolean, reflect: true }),
-    __metadata("design:type", Boolean)
+    property({ attribute: true, type: Boolean, reflect: true })
 ], TkRadio.prototype, "checked", void 0);
 __decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean })
 ], TkRadio.prototype, "required", void 0);
 __decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean })
 ], TkRadio.prototype, "disabled", void 0);
 __decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean })
 ], TkRadio.prototype, "readonly", void 0);
 __decorate([
-    property({ type: String, reflect: true }),
-    __metadata("design:type", String)
+    property({ type: String, reflect: true })
 ], TkRadio.prototype, "value", void 0);
 __decorate([
-    query("input"),
-    __metadata("design:type", HTMLInputElement)
+    query("input")
 ], TkRadio.prototype, "$input", void 0);
 TkRadio = __decorate([
     customElement("tk-radio")

package/select/select.js

@@ -1,5 +1,5 @@
-import { __decorate, __metadata } from 'tslib';
-import { LitElement, css, unsafeCSS, html } from 'lit';
+import { __decorate } from 'tslib';
+import { LitElement, html, css, unsafeCSS } from 'lit';
 import { property, state, eventOptions, customElement } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import '../box/index.js';
@@ -15,9 +15,6 @@ let TkSelect = class TkSelect extends LitElement {
         this.disabled = false;
         this.readonly = false;
     }
-    static { this.styles = css `
-		${unsafeCSS(css_248z)}
-	`; }
     set value(value) {
         if (!this.$select) {
             this.initialValue = value;
@@ -63,7 +60,8 @@ let TkSelect = class TkSelect extends LitElement {
         this.refreshAttributes();
     }
     firstUpdated() {
-        this.$select = this.shadowRoot?.querySelector("select");
+        var _a;
+        this.$select = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("select");
         this.appendChild(this.$select);
         const options = this.querySelectorAll("option");
         options.forEach(option => this.$select.appendChild(option));
@@ -76,72 +74,56 @@ let TkSelect = class TkSelect extends LitElement {
         setTimeout(() => this.dispatchEvent(new Event("change", { bubbles: true, composed: true })));
     }
 };
+TkSelect.styles = css `
+		${unsafeCSS(css_248z)}
+	`;
 __decorate([
-    property({ type: String }),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
+    property({ type: String })
 ], TkSelect.prototype, "value", null);
 __decorate([
-    property({ attribute: true, type: String }),
-    __metadata("design:type", String)
+    property({ attribute: true, type: String })
 ], TkSelect.prototype, "name", void 0);
 __decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
+    property({ type: String })
 ], TkSelect.prototype, "list", void 0);
 __decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
+    property({ type: String })
 ], TkSelect.prototype, "type", void 0);
 __decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean })
 ], TkSelect.prototype, "required", void 0);
 __decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean })
 ], TkSelect.prototype, "disabled", void 0);
 __decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean })
 ], TkSelect.prototype, "readonly", void 0);
 __decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
+    property({ type: String })
 ], TkSelect.prototype, "autocomplete", void 0);
 __decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
+    property({ type: String })
 ], TkSelect.prototype, "pattern", void 0);
 __decorate([
-    state(),
-    __metadata("design:type", String)
+    state()
 ], TkSelect.prototype, "initialValue", void 0);
 __decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
+    property({ type: String })
 ], TkSelect.prototype, "label", void 0);
 __decorate([
-    property({ type: Number }),
-    __metadata("design:type", Number)
+    property({ type: Number })
 ], TkSelect.prototype, "min", void 0);
 __decorate([
-    property({ type: Number }),
-    __metadata("design:type", Number)
+    property({ type: Number })
 ], TkSelect.prototype, "max", void 0);
 __decorate([
-    property({ type: Number }),
-    __metadata("design:type", Number)
+    property({ type: Number })
 ], TkSelect.prototype, "minLength", void 0);
 __decorate([
-    property({ type: Number }),
-    __metadata("design:type", Number)
+    property({ type: Number })
 ], TkSelect.prototype, "maxLength", void 0);
 __decorate([
-    eventOptions({ passive: true }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
+    eventOptions({ passive: true })
 ], TkSelect.prototype, "handleChange", null);
 TkSelect = __decorate([
     customElement("tk-select")

package/slider/slider.js

@@ -1,5 +1,5 @@
-import { __decorate, __metadata } from 'tslib';
-import { LitElement, css, unsafeCSS, html } from 'lit';
+import { __decorate } from 'tslib';
+import { LitElement, html, css, unsafeCSS } from 'lit';
 import { property, query, customElement } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { uniqueID } from '../utils/unique.js';
@@ -18,9 +18,6 @@ let TkSlider = class TkSlider extends LitElement {
         this.value = this.min;
         this.max = 100;
     }
-    static { this.styles = css `
-		${unsafeCSS(css_248z)}
-	`; }
     render() {
         return html `
 			<div id="container">
@@ -83,65 +80,53 @@ let TkSlider = class TkSlider extends LitElement {
         });
     }
 };
+TkSlider.styles = css `
+		${unsafeCSS(css_248z)}
+	`;
 __decorate([
-    property({ attribute: true, type: String }),
-    __metadata("design:type", String)
+    property({ attribute: true, type: String })
 ], TkSlider.prototype, "name", void 0);
 __decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
+    property({ type: String })
 ], TkSlider.prototype, "list", void 0);
 __decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean })
 ], TkSlider.prototype, "required", void 0);
 __decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean })
 ], TkSlider.prototype, "disabled", void 0);
 __decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean })
 ], TkSlider.prototype, "readonly", void 0);
 __decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
+    property({ type: String })
 ], TkSlider.prototype, "autocomplete", void 0);
 __decorate([
-    property({ type: Boolean, attribute: "thumblabel" }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean, attribute: "thumblabel" })
 ], TkSlider.prototype, "thumbLabel", void 0);
 __decorate([
-    property({ type: Boolean, attribute: "thumblabel-persist" }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean, attribute: "thumblabel-persist" })
 ], TkSlider.prototype, "thumbLabelPersist", void 0);
 __decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
+    property({ type: String })
 ], TkSlider.prototype, "label", void 0);
 __decorate([
-    property({ type: Number }),
-    __metadata("design:type", Number)
+    property({ type: Number })
 ], TkSlider.prototype, "min", void 0);
 __decorate([
-    property({ type: Number, reflect: true }),
-    __metadata("design:type", Number)
+    property({ type: Number, reflect: true })
 ], TkSlider.prototype, "value", void 0);
 __decorate([
-    property({ type: Number }),
-    __metadata("design:type", Number)
+    property({ type: Number })
 ], TkSlider.prototype, "max", void 0);
 __decorate([
-    property({ type: Number }),
-    __metadata("design:type", Number)
+    property({ type: Number })
 ], TkSlider.prototype, "step", void 0);
 __decorate([
-    query("#slider"),
-    __metadata("design:type", HTMLInputElement)
+    query("#slider")
 ], TkSlider.prototype, "$slider", void 0);
 __decorate([
-    query(".hidden-input"),
-    __metadata("design:type", HTMLInputElement)
+    query(".hidden-input")
 ], TkSlider.prototype, "$input", void 0);
 TkSlider = __decorate([
     customElement("tk-slider")

package/switch/switch.js

@@ -1,5 +1,5 @@
-import { __decorate, __metadata } from 'tslib';
-import { LitElement, css, unsafeCSS, html } from 'lit';
+import { __decorate } from 'tslib';
+import { LitElement, html, css, unsafeCSS } from 'lit';
 import { property, query, customElement } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import '../box/index.js';
@@ -15,9 +15,6 @@ let TkSwitch = class TkSwitch extends LitElement {
         this.disabled = false;
         this.readonly = false;
     }
-    static { this.styles = css `
-		${unsafeCSS(css_248z)}
-	`; }
     render() {
         return html `
 			<tk-box direction="row" align-items="center">
@@ -71,33 +68,29 @@ let TkSwitch = class TkSwitch extends LitElement {
         setTimeout(() => this.dispatchEvent(new Event("change", { bubbles: true, composed: true })));
     }
 };
+TkSwitch.styles = css `
+		${unsafeCSS(css_248z)}
+	`;
 __decorate([
-    property({ attribute: true, type: String }),
-    __metadata("design:type", String)
+    property({ attribute: true, type: String })
 ], TkSwitch.prototype, "name", void 0);
 __decorate([
-    property({ attribute: true, type: Boolean, reflect: true }),
-    __metadata("design:type", Boolean)
+    property({ attribute: true, type: Boolean, reflect: true })
 ], TkSwitch.prototype, "checked", void 0);
 __decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean })
 ], TkSwitch.prototype, "required", void 0);
 __decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean })
 ], TkSwitch.prototype, "disabled", void 0);
 __decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean })
 ], TkSwitch.prototype, "readonly", void 0);
 __decorate([
-    property({ type: String, reflect: true }),
-    __metadata("design:type", String)
+    property({ type: String, reflect: true })
 ], TkSwitch.prototype, "value", void 0);
 __decorate([
-    query("input"),
-    __metadata("design:type", HTMLInputElement)
+    query("input")
 ], TkSwitch.prototype, "$input", void 0);
 TkSwitch = __decorate([
     customElement("tk-switch")

package/tab-group/tab-group.js

@@ -1,5 +1,5 @@
-import { __decorate, __metadata } from 'tslib';
-import { LitElement, css, unsafeCSS, html } from 'lit';
+import { __decorate } from 'tslib';
+import { LitElement, html, css, unsafeCSS } from 'lit';
 import { property, query, customElement } from 'lit/decorators.js';
 import css_248z from './tab-group.scss.js';
 
@@ -10,9 +10,6 @@ let TkTabGroup = class TkTabGroup extends LitElement {
         this.observe = "";
         this.selected = "";
     }
-    static { this.styles = css `
-		${unsafeCSS(css_248z)}
-	`; }
     render() {
         return html `
 			<div class="tabs">
@@ -37,12 +34,13 @@ let TkTabGroup = class TkTabGroup extends LitElement {
         }
     }
     updated(props) {
+        var _a, _b;
         if (props.has("selected")) {
             this.querySelectorAll("*").forEach(node => node.removeAttribute("selected"));
-            this.querySelector(`[tab="${this.selected}"]`)?.setAttribute("selected", "");
+            (_a = this.querySelector(`[tab="${this.selected}"]`)) === null || _a === void 0 ? void 0 : _a.setAttribute("selected", "");
         }
         if (props.has("observe")) {
-            this.querySelector(`[tab="${this.selected}"]`)?.focus();
+            (_b = this.querySelector(`[tab="${this.selected}"]`)) === null || _b === void 0 ? void 0 : _b.focus();
             this.updateUnderline();
         }
     }
@@ -74,29 +72,26 @@ let TkTabGroup = class TkTabGroup extends LitElement {
         // }
     }
 };
+TkTabGroup.styles = css `
+		${unsafeCSS(css_248z)}
+	`;
 __decorate([
-    property({ attribute: true, type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ attribute: true, type: Boolean })
 ], TkTabGroup.prototype, "circle", void 0);
 __decorate([
-    property({ attribute: true, type: String }),
-    __metadata("design:type", String)
+    property({ attribute: true, type: String })
 ], TkTabGroup.prototype, "observe", void 0);
 __decorate([
-    property({ attribute: true, type: String }),
-    __metadata("design:type", String)
+    property({ attribute: true, type: String })
 ], TkTabGroup.prototype, "selected", void 0);
 __decorate([
-    query(".underline"),
-    __metadata("design:type", HTMLElement)
+    query(".underline")
 ], TkTabGroup.prototype, "$underline", void 0);
 __decorate([
-    query(".circle"),
-    __metadata("design:type", HTMLElement)
+    query(".circle")
 ], TkTabGroup.prototype, "$circle", void 0);
 TkTabGroup = __decorate([
-    customElement("tk-tab-group"),
-    __metadata("design:paramtypes", [])
+    customElement("tk-tab-group")
 ], TkTabGroup);
 
 export { TkTabGroup };

package/tag/tag.js

@@ -1,18 +1,18 @@
 import { __decorate } from 'tslib';
-import { LitElement, css, unsafeCSS, html } from 'lit';
+import { LitElement, html, css, unsafeCSS } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import css_248z from './tag.scss.js';
 
 let TkTag = class TkTag extends LitElement {
-    static { this.styles = css `
-		${unsafeCSS(css_248z)}
-	`; }
     render() {
         return html `
 			<div class="tag"><slot></slot></div>
 		`;
     }
 };
+TkTag.styles = css `
+		${unsafeCSS(css_248z)}
+	`;
 TkTag = __decorate([
     customElement("tk-tag")
 ], TkTag);

package/textarea/textarea.js

@@ -1,5 +1,5 @@
-import { __decorate, __metadata } from 'tslib';
-import { LitElement, css, unsafeCSS, html } from 'lit';
+import { __decorate } from 'tslib';
+import { LitElement, html, css, unsafeCSS } from 'lit';
 import { property, state, eventOptions, customElement } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { uniqueID } from '../utils/unique.js';
@@ -15,9 +15,6 @@ let TkTextarea = class TkTextarea extends LitElement {
         this.readonly = false;
         this.rows = 1;
     }
-    static { this.styles = css `
-		${unsafeCSS(css_248z)}
-	`; }
     set value(value) {
         if (!this.$input) {
             this.initialValue = value;
@@ -64,7 +61,8 @@ let TkTextarea = class TkTextarea extends LitElement {
         this.refreshAttributes();
     }
     firstUpdated() {
-        this.$input = this.shadowRoot?.querySelector("textarea");
+        var _a;
+        this.$input = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("textarea");
         this.appendChild(this.$input);
         if (this.initialValue)
             this.value = this.initialValue;
@@ -77,72 +75,56 @@ let TkTextarea = class TkTextarea extends LitElement {
         this.$input.focus();
     }
 };
+TkTextarea.styles = css `
+		${unsafeCSS(css_248z)}
+	`;
 __decorate([
-    property({ type: String }),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
+    property({ type: String })
 ], TkTextarea.prototype, "value", null);
 __decorate([
-    property({ attribute: true, type: String }),
-    __metadata("design:type", String)
+    property({ attribute: true, type: String })
 ], TkTextarea.prototype, "name", void 0);
 __decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
+    property({ type: String })
 ], TkTextarea.prototype, "list", void 0);
 __decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
+    property({ type: String })
 ], TkTextarea.prototype, "type", void 0);
 __decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean })
 ], TkTextarea.prototype, "required", void 0);
 __decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean })
 ], TkTextarea.prototype, "disabled", void 0);
 __decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean })
 ], TkTextarea.prototype, "readonly", void 0);
 __decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
+    property({ type: String })
 ], TkTextarea.prototype, "autocomplete", void 0);
 __decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
+    property({ type: String })
 ], TkTextarea.prototype, "autocapitalize", void 0);
 __decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
+    property({ type: String })
 ], TkTextarea.prototype, "pattern", void 0);
 __decorate([
-    state(),
-    __metadata("design:type", String)
+    state()
 ], TkTextarea.prototype, "initialValue", void 0);
 __decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
+    property({ type: String })
 ], TkTextarea.prototype, "label", void 0);
 __decorate([
-    property({ type: Number }),
-    __metadata("design:type", Number)
+    property({ type: Number })
 ], TkTextarea.prototype, "minLength", void 0);
 __decorate([
-    property({ type: Number }),
-    __metadata("design:type", Number)
+    property({ type: Number })
 ], TkTextarea.prototype, "maxLength", void 0);
 __decorate([
-    property({ type: Number }),
-    __metadata("design:type", Number)
+    property({ type: Number })
 ], TkTextarea.prototype, "rows", void 0);
 __decorate([
-    eventOptions({ passive: true }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
+    eventOptions({ passive: true })
 ], TkTextarea.prototype, "handleChange", null);
 TkTextarea = __decorate([
     customElement("tk-textarea")