tinkiet 0.9.14 → 0.10.0

package/tab-group/index.js

@@ -1 +1,182 @@
-export { TkTabGroup } from './tab-group.js';
+import * as __WEBPACK_EXTERNAL_MODULE_lit__ from "lit";
+import * as __WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__ from "lit/decorators.js";
+/******/ var __webpack_modules__ = ({
+
+/***/ 2927:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+module.exports = x({ ["LitElement"]: () => (__WEBPACK_EXTERNAL_MODULE_lit__.LitElement), ["css"]: () => (__WEBPACK_EXTERNAL_MODULE_lit__.css), ["html"]: () => (__WEBPACK_EXTERNAL_MODULE_lit__.html), ["unsafeCSS"]: () => (__WEBPACK_EXTERNAL_MODULE_lit__.unsafeCSS) });
+
+/***/ }),
+
+/***/ 6361:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  I: () => (/* binding */ TkTabGroup)
+});
+
+// EXTERNAL MODULE: external "lit"
+var external_lit_ = __webpack_require__(2927);
+// EXTERNAL MODULE: external "lit/decorators.js"
+var decorators_js_ = __webpack_require__(8899);
+;// ./tinkiet/tab-group/tab-group.scss
+/* harmony default export */ const tab_group = ("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{display:inline-block;position:relative;overflow-x:hidden}:host([overflow]){overflow-x:auto}.tabs{display:flex}:host(:not([circle])) .tabs{border-bottom:solid 2px hsl(var(--primary-container))}.underline{will-change:transform;margin-top:-2px;background-color:hsl(var(--primary));height:2px;transition:transform ease 200ms;width:0}.circle{background-color:hsl(var(--primary));height:8px;width:8px;border-radius:var(--border-radius-circle, 50%);transition:transform ease 300ms}");
+;// ./tinkiet/tab-group/tab-group.ts
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+let TkTabGroup = class TkTabGroup extends external_lit_.LitElement {
+    render() {
+        return (0,external_lit_.html) `
+			<div class="tabs">
+				<slot @click=${(e) => this.clickOnTab(e.target)} @slotchange=${() => this.updateUnderline()}></slot>
+			</div>
+			<div class="underline"></div>
+		`;
+    }
+    constructor() {
+        super();
+        this.secondary = false;
+        this.observe = "";
+        this.selected = "";
+    }
+    firstUpdated() {
+        if (IntersectionObserver) {
+            const observer = new IntersectionObserver(this.updateUnderline.bind(this));
+            observer.observe(this);
+        }
+        else {
+            this.updateUnderline.bind(this);
+        }
+    }
+    updated(props) {
+        var _a, _b;
+        if (props.has("selected") && this.selected !== "") {
+            this.querySelectorAll("*").forEach(node => node.removeAttribute("selected"));
+            (_a = this.querySelector(`[tab="${this.selected}"]`)) === null || _a === void 0 ? void 0 : _a.setAttribute("selected", "");
+        }
+        if (props.has("observe")) {
+            (_b = this.querySelector(`[tab="${this.selected}"]`)) === null || _b === void 0 ? void 0 : _b.focus();
+            this.updateUnderline();
+        }
+    }
+    clickOnTab(tab) {
+        this.querySelectorAll("*").forEach(node => node.removeAttribute("selected"));
+        tab.setAttribute("selected", "");
+        this.updateUnderline();
+        this.dispatchEvent(new CustomEvent("change", { detail: tab.getAttribute("tab"), composed: true, bubbles: true }));
+    }
+    updateUnderline() {
+        const selected = this.querySelector("[selected]");
+        if (selected) {
+            setTimeout(() => {
+                this.$underline.style.width = selected.clientWidth + "px";
+                this.$underline.style.transform = `translateX(${selected.offsetLeft}px)`;
+            });
+        }
+    }
+};
+TkTabGroup.styles = (0,external_lit_.css) `
+		${(0,external_lit_.unsafeCSS)(tab_group)}
+	`;
+__decorate([
+    (0,decorators_js_.property)({ attribute: true, type: Boolean })
+], TkTabGroup.prototype, "secondary", void 0);
+__decorate([
+    (0,decorators_js_.property)({ attribute: true, type: String })
+], TkTabGroup.prototype, "observe", void 0);
+__decorate([
+    (0,decorators_js_.property)({ attribute: true, type: String })
+], TkTabGroup.prototype, "selected", void 0);
+__decorate([
+    (0,decorators_js_.query)(".underline")
+], TkTabGroup.prototype, "$underline", void 0);
+__decorate([
+    (0,decorators_js_.query)(".circle")
+], TkTabGroup.prototype, "$circle", void 0);
+TkTabGroup = __decorate([
+    (0,decorators_js_.customElement)("tk-tab-group")
+], TkTabGroup);
+
+
+
+/***/ }),
+
+/***/ 8899:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+module.exports = x({ ["customElement"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.customElement), ["property"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.property), ["query"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.query) });
+
+/***/ })
+
+/******/ });
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/ 
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+/******/ 	// Check if module is in cache
+/******/ 	var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 	if (cachedModule !== undefined) {
+/******/ 		return cachedModule.exports;
+/******/ 	}
+/******/ 	// Create a new module (and put it into the cache)
+/******/ 	var module = __webpack_module_cache__[moduleId] = {
+/******/ 		// no module.id needed
+/******/ 		// no module.loaded needed
+/******/ 		exports: {}
+/******/ 	};
+/******/ 
+/******/ 	// Execute the module function
+/******/ 	__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 
+/******/ 	// Return the exports of the module
+/******/ 	return module.exports;
+/******/ }
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   I: () => (/* reexport safe */ _tab_group__WEBPACK_IMPORTED_MODULE_0__.I)
+/* harmony export */ });
+/* harmony import */ var _tab_group__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6361);
+
+
+const __webpack_exports__TkTabGroup = __webpack_exports__.I;
+export { __webpack_exports__TkTabGroup as TkTabGroup };

package/tab-group/tab-group.d.ts

@@ -1,12 +1,12 @@
 import { LitElement } from "lit";
-declare class TkTabGroup extends LitElement {
+export declare class TkTabGroup extends LitElement {
     static styles: import("lit").CSSResult;
     secondary: boolean;
     observe: string;
     selected: string;
     private $underline;
     private $circle;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     constructor();
     firstUpdated(): void;
     updated(props: any): void;
@@ -18,4 +18,3 @@ declare global {
         "tk-tab-group": TkTabGroup;
     }
 }
-export { TkTabGroup };

package/tab-group/tab-item.d.ts

@@ -0,0 +1,7 @@
+import { LitElement } from "lit";
+export declare class TabItem extends LitElement {
+    static styles: import("lit").CSSResult;
+    label: string;
+    iconPath: string;
+    render(): import("lit").TemplateResult<1>;
+}

package/textarea/index.d.ts

@@ -1 +1 @@
-export * from "./textarea.js";
+export * from "./textarea";

package/textarea/index.js

@@ -1 +1,272 @@
-export { TkTextarea } from './textarea.js';
+import * as __WEBPACK_EXTERNAL_MODULE_lit__ from "lit";
+import * as __WEBPACK_EXTERNAL_MODULE_lit_directives_if_defined_js_76c6050d__ from "lit/directives/if-defined.js";
+import * as __WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__ from "lit/decorators.js";
+/******/ var __webpack_modules__ = ({
+
+/***/ 2927:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+module.exports = x({ ["LitElement"]: () => (__WEBPACK_EXTERNAL_MODULE_lit__.LitElement), ["css"]: () => (__WEBPACK_EXTERNAL_MODULE_lit__.css), ["html"]: () => (__WEBPACK_EXTERNAL_MODULE_lit__.html), ["unsafeCSS"]: () => (__WEBPACK_EXTERNAL_MODULE_lit__.unsafeCSS) });
+
+/***/ }),
+
+/***/ 3517:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+module.exports = x({ ["ifDefined"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_directives_if_defined_js_76c6050d__.ifDefined) });
+
+/***/ }),
+
+/***/ 3770:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   z: () => (/* binding */ uniqueID)
+/* harmony export */ });
+/**
+ * Returns a unique ID.
+ * @param {number} length
+ * @returns {string}
+ */
+function uniqueID(length = 10) {
+    return `_${Math.random()
+        .toString(36)
+        .substr(2, length)}`;
+}
+
+
+/***/ }),
+
+/***/ 5524:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  W: () => (/* binding */ TkTextarea)
+});
+
+// EXTERNAL MODULE: external "lit"
+var external_lit_ = __webpack_require__(2927);
+// EXTERNAL MODULE: external "lit/decorators.js"
+var decorators_js_ = __webpack_require__(8899);
+// EXTERNAL MODULE: external "lit/directives/if-defined.js"
+var if_defined_js_ = __webpack_require__(3517);
+// EXTERNAL MODULE: ./tinkiet/utils/unique.ts
+var unique = __webpack_require__(3770);
+;// ./tinkiet/textarea/textarea.scss
+/* harmony default export */ const textarea_textarea = ("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:host{transform:translateZ(0);display:block;outline:none}:host #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface-variant));transition:var(--input-transition, border-color var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease), background var(--transition-duration-medium, 0.18s) var(--transition-timing-function-ease, ease));position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px 8px 16px;height:56px}:host #wrapper{position:relative;flex-grow:1}:host #label{color:hsl(var(--on-surface-variant));font-weight:400;line-height:64px;transition:var(--input-label-transition, top var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), font-size var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear), transform var(--transition-duration-fast, 0.12s) var(--transition-timing-function-linear, linear));top:50%;transform:translateY(-50%);z-index:1;position:absolute;pointer-events:none;font-size:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:hover) #container{background-color:hsla(var(--surface-container-highest), 0.5);color:hsl(var(--on-surface));border-radius:4px 4px 0 0;font-size:var(--input-font-size, 1rem);border-bottom:solid 1px hsl(var(--on-surface))}:host(:focus-within) #container{border-bottom:solid 2px hsl(var(--primary));background-color:hsla(var(--on-surface), 0.3);padding:8px 16px 7px 16px}:host([outlined]) #container{background-color:rgba(0,0,0,0);border:solid 1px hsl(var(--outline));border-radius:4px}:host([outlined]:focus-within) #container{border:solid 2px hsl(var(--primary));padding:7px 15px 7px 15px}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size, 0.75rem);top:0;transform:translateY(0);color:hsl(var(--primary))}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){caret-color:hsl(var(--primary));padding:var(--input-padding-top-bottom, 0.5rem) var(--_input-padding-left-right);font-size:var(--input-font-size, 1rem);text-align:var(--input-text-align, inherit);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;display:block;color:inherit;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;background:rgba(0,0,0,0);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:16px}:host([invalid]){color:hsl(var(--error))}::slotted(input[type=color]){height:3.75rem;cursor:pointer}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color, hsl(var(--shadow)))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined, 0.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined, 0.75rem)}:host #container{height:auto;min-height:56px}#wrapper ::slotted(textarea){height:var(--textarea-height, var(--_textarea-height));min-height:var(--textarea-min-height, var(--textarea-height, var(--_textarea-height)));max-height:var(--textarea-max-height);resize:var(--textarea-resize, none);font-family:inherit}:host(:focus) ::slotted(textarea),:host(:hover) ::slotted(textarea){will-change:height}");
+;// ./tinkiet/textarea/textarea.ts
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+
+let TkTextarea = class TkTextarea extends external_lit_.LitElement {
+    constructor() {
+        super(...arguments);
+        this._id = (0,unique/* uniqueID */.z)();
+        this.type = "text";
+        this.required = false;
+        this.disabled = false;
+        this.readonly = false;
+        this.rows = 1;
+    }
+    set value(value) {
+        if (!this.$input) {
+            this.initialValue = value;
+        }
+        else {
+            this.$input.value = value;
+            this.refreshAttributes();
+        }
+    }
+    get value() {
+        return this.$input != null ? this.$input.value : this.initialValue || "";
+    }
+    render() {
+        return (0,external_lit_.html) `
+			<div id="container">
+				<slot id="before" name="before"></slot>
+				<div id="wrapper">
+					<div id="label">${this.label}</div>
+					<slot id="slot"></slot>
+					<textarea
+						id=${this._id}
+						@keydown=${this.handleChange.bind(this)}
+						@input=${this.handleChange.bind(this)}
+						@focusout=${this.handleChange.bind(this)}
+						?required="${this.required}"
+						?disabled="${this.disabled}"
+						?readonly="${this.readonly}"
+						aria-label="${(0,if_defined_js_.ifDefined)(this.label)}"
+						name="${(0,if_defined_js_.ifDefined)(this.name)}"
+						pattern="${(0,if_defined_js_.ifDefined)(this.pattern)}"
+						autocomplete="${(0,if_defined_js_.ifDefined)(this.autocomplete)}"
+						autocapitalize="${(0,if_defined_js_.ifDefined)(this.autocapitalize)}"
+						minlength="${(0,if_defined_js_.ifDefined)(this.minLength)}"
+						maxlength="${(0,if_defined_js_.ifDefined)(this.maxLength)}"
+						rows="${this.rows}"
+						tabindex="${this.disabled ? -1 : 0}"
+					></textarea>
+				</div>
+				<slot id="after" name="after"></slot>
+			</div>
+		`;
+    }
+    handleChange() {
+        this.refreshAttributes();
+    }
+    firstUpdated() {
+        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;
+    }
+    refreshAttributes() {
+        this.$input.value ? this.setAttribute("dirty", "") : this.removeAttribute("dirty");
+        this.$input.checkValidity() ? this.removeAttribute("invalid") : this.setAttribute("invalid", "");
+    }
+    focus() {
+        this.$input.focus();
+    }
+};
+TkTextarea.styles = (0,external_lit_.css) `
+		${(0,external_lit_.unsafeCSS)(textarea_textarea)}
+	`;
+__decorate([
+    (0,decorators_js_.property)({ type: String })
+], TkTextarea.prototype, "value", null);
+__decorate([
+    (0,decorators_js_.property)({ attribute: true, type: String })
+], TkTextarea.prototype, "name", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: String })
+], TkTextarea.prototype, "list", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: String })
+], TkTextarea.prototype, "type", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: Boolean })
+], TkTextarea.prototype, "required", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: Boolean, reflect: true })
+], TkTextarea.prototype, "disabled", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: Boolean })
+], TkTextarea.prototype, "readonly", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: String })
+], TkTextarea.prototype, "autocomplete", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: String })
+], TkTextarea.prototype, "autocapitalize", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: String })
+], TkTextarea.prototype, "pattern", void 0);
+__decorate([
+    (0,decorators_js_.state)()
+], TkTextarea.prototype, "initialValue", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: String })
+], TkTextarea.prototype, "label", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: Number })
+], TkTextarea.prototype, "minLength", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: Number })
+], TkTextarea.prototype, "maxLength", void 0);
+__decorate([
+    (0,decorators_js_.property)({ type: Number })
+], TkTextarea.prototype, "rows", void 0);
+__decorate([
+    (0,decorators_js_.eventOptions)({ passive: true })
+], TkTextarea.prototype, "handleChange", null);
+TkTextarea = __decorate([
+    (0,decorators_js_.customElement)("tk-textarea")
+], TkTextarea);
+
+
+
+/***/ }),
+
+/***/ 8899:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+module.exports = x({ ["customElement"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.customElement), ["eventOptions"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.eventOptions), ["property"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.property), ["state"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.state) });
+
+/***/ })
+
+/******/ });
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/ 
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+/******/ 	// Check if module is in cache
+/******/ 	var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 	if (cachedModule !== undefined) {
+/******/ 		return cachedModule.exports;
+/******/ 	}
+/******/ 	// Create a new module (and put it into the cache)
+/******/ 	var module = __webpack_module_cache__[moduleId] = {
+/******/ 		// no module.id needed
+/******/ 		// no module.loaded needed
+/******/ 		exports: {}
+/******/ 	};
+/******/ 
+/******/ 	// Execute the module function
+/******/ 	__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 
+/******/ 	// Return the exports of the module
+/******/ 	return module.exports;
+/******/ }
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   W: () => (/* reexport safe */ _textarea__WEBPACK_IMPORTED_MODULE_0__.W)
+/* harmony export */ });
+/* harmony import */ var _textarea__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5524);
+
+
+const __webpack_exports__TkTextarea = __webpack_exports__.W;
+export { __webpack_exports__TkTextarea as TkTextarea };

package/textarea/textarea.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from "lit";
-declare class TkTextarea extends LitElement {
+export declare class TkTextarea extends LitElement {
     static styles: import("lit").CSSResult;
     private _id;
     set value(value: string);
@@ -19,7 +19,7 @@ declare class TkTextarea extends LitElement {
     maxLength: number;
     rows: number;
     private $input;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     private handleChange;
     firstUpdated(): void;
     private refreshAttributes;
@@ -30,4 +30,3 @@ declare global {
         "tk-textarea": TkTextarea;
     }
 }
-export { TkTextarea };

package/textfield/index.d.ts

@@ -1 +1 @@
-export * from "./textfield.js";
+export * from "./textfield";