tinkiet 0.6.0 → 0.7.0

package/accordion/accordion.js

@@ -1,4 +1,4 @@
-import { __decorate, __metadata } from 'tslib';
+import { __decorate } from 'tslib';
 import { css, unsafeCSS, html } from 'lit';
 import { property, query, customElement } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
@@ -76,20 +76,16 @@ let TkAccordion = class TkAccordion extends TkFocusableBox {
     }
 };
 __decorate([
-    property({ attribute: true, type: String }),
-    __metadata("design:type", String)
+    property({ attribute: true, type: String })
 ], TkAccordion.prototype, "name", void 0);
 __decorate([
-    property({ attribute: true, type: Boolean, reflect: true }),
-    __metadata("design:type", Boolean)
+    property({ attribute: true, type: Boolean, reflect: true })
 ], TkAccordion.prototype, "checked", void 0);
 __decorate([
-    property({ attribute: "ripple-header", type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ attribute: "ripple-header", type: Boolean })
 ], TkAccordion.prototype, "rippleHeader", void 0);
 __decorate([
-    query("input"),
-    __metadata("design:type", HTMLInputElement)
+    query("input")
 ], TkAccordion.prototype, "$input", void 0);
 TkAccordion = __decorate([
     customElement("tk-accordion")

package/box/box.js

@@ -1,4 +1,4 @@
-import { __decorate, __metadata } from 'tslib';
+import { __decorate } from 'tslib';
 import { LitElement, css, unsafeCSS, html } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
 import css_248z from './box.scss.js';
@@ -148,7 +148,8 @@ let TkBox = class TkBox extends LitElement {
         };
     }
     hideRipple(event) {
-        this.shadowRoot?.querySelectorAll(".ripple:not([open])").forEach(container => {
+        var _a;
+        (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(".ripple:not([open])").forEach(container => {
             const element = container.querySelector("span");
             const outAnimation = element.animate({
                 opacity: ["0.5", "0"]
@@ -166,16 +167,13 @@ let TkBox = class TkBox extends LitElement {
     }
 };
 __decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean })
 ], TkBox.prototype, "ripple", void 0);
 __decorate([
-    property(),
-    __metadata("design:type", Object)
+    property()
 ], TkBox.prototype, "background", void 0);
 __decorate([
-    property(),
-    __metadata("design:type", Object)
+    property()
 ], TkBox.prototype, "color", void 0);
 TkBox = __decorate([
     customElement("tk-box")

package/box/focusable-box.js

@@ -1,4 +1,4 @@
-import { __decorate, __metadata } from 'tslib';
+import { __decorate } from 'tslib';
 import { property } from 'lit/decorators.js';
 import { uniqueID } from '../utils/unique.js';
 import { TkBox } from './box.js';
@@ -21,12 +21,10 @@ class TkFocusableBox extends TkBox {
     }
 }
 __decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", String)
+    property({ type: Boolean })
 ], TkFocusableBox.prototype, "_id", void 0);
 __decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean })
 ], TkFocusableBox.prototype, "disabled", void 0);
 
 export { TkFocusableBox };

package/button/button.js

@@ -1,4 +1,4 @@
-import { __decorate, __metadata } from 'tslib';
+import { __decorate } from 'tslib';
 import { css, unsafeCSS, html } from 'lit';
 import { property, query, customElement } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
@@ -89,39 +89,34 @@ let TkButton = class TkButton extends TkBox {
             this.appendChild(this.$button);
     }
     handleClick(e) {
+        var _a;
         if (this.href && e.isTrusted) {
             e.stopPropagation();
             e.preventDefault();
             this.$ahref.click();
         }
         else if (e.isTrusted && this.type == "submit" || this.type == "reset") {
-            this.querySelector("button")?.click();
+            (_a = this.querySelector("button")) === null || _a === void 0 ? void 0 : _a.click();
         }
     }
 };
 __decorate([
-    property(),
-    __metadata("design:type", Object)
+    property()
 ], TkButton.prototype, "href", void 0);
 __decorate([
-    property(),
-    __metadata("design:type", String)
+    property()
 ], TkButton.prototype, "target", void 0);
 __decorate([
-    property(),
-    __metadata("design:type", String)
+    property()
 ], TkButton.prototype, "type", void 0);
 __decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean })
 ], TkButton.prototype, "disabled", void 0);
 __decorate([
-    query("#ahref"),
-    __metadata("design:type", HTMLAnchorElement)
+    query("#ahref")
 ], TkButton.prototype, "$ahref", void 0);
 __decorate([
-    query("button"),
-    __metadata("design:type", HTMLButtonElement)
+    query("button")
 ], TkButton.prototype, "$button", void 0);
 TkButton = __decorate([
     customElement("tk-button")

package/checkbox/checkbox.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';
@@ -12,9 +12,6 @@ let TkCheckbox = class TkCheckbox extends LitElement {
         this._id = uniqueID();
         this.checked = false;
     }
-    static { this.styles = css `
-		${unsafeCSS(css_248z)}
-	`; }
     render() {
         return html `
 			<tk-box direction="row" align-items="center">
@@ -64,21 +61,20 @@ let TkCheckbox = class TkCheckbox extends LitElement {
         setTimeout(() => this.dispatchEvent(new Event("change", { bubbles: true, composed: true })));
     }
 };
+TkCheckbox.styles = css `
+		${unsafeCSS(css_248z)}
+	`;
 __decorate([
-    property({ attribute: true, type: String }),
-    __metadata("design:type", String)
+    property({ attribute: true, type: String })
 ], TkCheckbox.prototype, "name", void 0);
 __decorate([
-    property({ attribute: true, type: String }),
-    __metadata("design:type", String)
+    property({ attribute: true, type: String })
 ], TkCheckbox.prototype, "value", void 0);
 __decorate([
-    property({ attribute: true, type: Boolean, reflect: true }),
-    __metadata("design:type", Boolean)
+    property({ attribute: true, type: Boolean, reflect: true })
 ], TkCheckbox.prototype, "checked", void 0);
 __decorate([
-    query("input"),
-    __metadata("design:type", HTMLInputElement)
+    query("input")
 ], TkCheckbox.prototype, "$input", void 0);
 TkCheckbox = __decorate([
     customElement("tk-checkbox")

package/dialog/dialog.d.ts

@@ -7,7 +7,7 @@ declare class TkDialog extends LitElement {
     private resolve;
     render(): import("lit-html").TemplateResult<1>;
     updated(props: any): void;
-    show(): Promise<string | boolean | null>;
+    show(): Promise<string | boolean>;
     hide(value?: boolean | string | null): void;
 }
 declare global {

package/dialog/dialog.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 './dialog.scss.js';
 
@@ -10,9 +10,6 @@ let TkDialog = class TkDialog extends LitElement {
         this.open = false;
         this.blurOverlay = false;
     }
-    static { this.styles = css `
-		${unsafeCSS(css_248z)}
-	`; }
     render() {
         return html `
 			${this.open
@@ -42,17 +39,17 @@ let TkDialog = class TkDialog extends LitElement {
         this.resolve(value);
     }
 };
+TkDialog.styles = css `
+		${unsafeCSS(css_248z)}
+	`;
 __decorate([
-    property({ type: Boolean, attribute: true }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean, attribute: true })
 ], TkDialog.prototype, "modal", void 0);
 __decorate([
-    property({ type: Boolean, attribute: true, reflect: true }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean, attribute: true, reflect: true })
 ], TkDialog.prototype, "open", void 0);
 __decorate([
-    property({ type: Boolean, attribute: "blur-overlay" }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean, attribute: "blur-overlay" })
 ], TkDialog.prototype, "blurOverlay", void 0);
 TkDialog = __decorate([
     customElement("tk-dialog")

package/drawer/drawer.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 './drawer.scss.js';
 import { Direction, Pan, PointerListener, Tap } from 'contactjs';
@@ -12,9 +12,6 @@ let TkDrawer = class TkDrawer extends LitElement {
         this.right = false;
         this.swipeable = false;
     }
-    static { this.styles = css `
-		${unsafeCSS(css_248z)}
-	`; }
     set open(value) {
         if (value === this._open)
             return;
@@ -69,8 +66,9 @@ let TkDrawer = class TkDrawer extends LitElement {
                 bubbles: false
             });
             this.$drawer.addEventListener("tap", (event) => {
+                var _a;
                 const { x, y } = event.detail.live.srcEvent;
-                const el = this.shadowRoot?.elementFromPoint(x, y);
+                const el = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.elementFromPoint(x, y);
                 if (el)
                     el.click();
             });
@@ -109,7 +107,8 @@ let TkDrawer = class TkDrawer extends LitElement {
         e.matches ? this.setAttribute("over", "") : this.removeAttribute("over");
     }
     hideIfOver() {
-        if ((this.overQuery && this.mql?.matches) || this.over)
+        var _a;
+        if ((this.overQuery && ((_a = this.mql) === null || _a === void 0 ? void 0 : _a.matches)) || this.over)
             this.open = false;
     }
     show() {
@@ -122,34 +121,29 @@ let TkDrawer = class TkDrawer extends LitElement {
         this.open = !this.open;
     }
 };
+TkDrawer.styles = css `
+		${unsafeCSS(css_248z)}
+	`;
 __decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
+    property({ type: Boolean, reflect: true })
 ], TkDrawer.prototype, "open", null);
 __decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean, reflect: true })
 ], TkDrawer.prototype, "over", void 0);
 __decorate([
-    property({ type: String, attribute: "open-query" }),
-    __metadata("design:type", String)
+    property({ type: String, attribute: "open-query" })
 ], TkDrawer.prototype, "openQuery", void 0);
 __decorate([
-    property({ type: String, attribute: "over-query" }),
-    __metadata("design:type", String)
+    property({ type: String, attribute: "over-query" })
 ], TkDrawer.prototype, "overQuery", void 0);
 __decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean, reflect: true })
 ], TkDrawer.prototype, "right", void 0);
 __decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean, reflect: true })
 ], TkDrawer.prototype, "swipeable", void 0);
 __decorate([
-    query("div.drawer"),
-    __metadata("design:type", HTMLElement)
+    query("div.drawer")
 ], TkDrawer.prototype, "$drawer", void 0);
 TkDrawer = __decorate([
     customElement("tk-drawer")

package/form/form.js

@@ -1,4 +1,4 @@
-import { __decorate, __metadata } from 'tslib';
+import { __decorate } from 'tslib';
 import { LitElement } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
 
@@ -24,6 +24,7 @@ let TkForm = class TkForm extends LitElement {
         const result = {};
         const data = new FormData($form);
         data.forEach((value, key) => {
+            var _a;
             const $inputElement = this.querySelector(`[name=${key}]`);
             if ($inputElement.tagName == "TK-SLIDER") {
                 value = Number(value);
@@ -36,7 +37,7 @@ let TkForm = class TkForm extends LitElement {
             }
             if (key.indexOf("-") > 0) {
                 const _ks = key.split("-");
-                result[_ks[0]] = result[_ks[0]] ?? {};
+                result[_ks[0]] = (_a = result[_ks[0]]) !== null && _a !== void 0 ? _a : {};
                 result[_ks[0]][_ks[1]] = value;
             }
             else {
@@ -47,8 +48,7 @@ let TkForm = class TkForm extends LitElement {
     }
 };
 __decorate([
-    property(),
-    __metadata("design:type", Object)
+    property()
 ], TkForm.prototype, "value", void 0);
 TkForm = __decorate([
     customElement("tk-form")

package/icon/icon.js

@@ -1,4 +1,4 @@
-import { __decorate, __metadata } from 'tslib';
+import { __decorate } from 'tslib';
 import { css, unsafeCSS, html } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
 import { unsafeHTML } from 'lit/directives/unsafe-html.js';
@@ -57,20 +57,16 @@ let TkIcon = class TkIcon extends TkBox {
     }
 };
 __decorate([
-    property(),
-    __metadata("design:type", String)
+    property()
 ], TkIcon.prototype, "name", void 0);
 __decorate([
-    property(),
-    __metadata("design:type", String)
+    property()
 ], TkIcon.prototype, "library", void 0);
 __decorate([
-    property(),
-    __metadata("design:type", String)
+    property()
 ], TkIcon.prototype, "path", void 0);
 __decorate([
-    property(),
-    __metadata("design:type", String)
+    property()
 ], TkIcon.prototype, "svg", void 0);
 TkIcon = __decorate([
     customElement("tk-icon")

package/icon/icons.js

@@ -1,4 +1,4 @@
-import { __decorate, __metadata } from 'tslib';
+import { __decorate } from 'tslib';
 import { LitElement } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
 
@@ -12,12 +12,10 @@ let TkIcons = class TkIcons extends LitElement {
     }
 };
 __decorate([
-    property({ attribute: false }),
-    __metadata("design:type", Function)
+    property({ attribute: false })
 ], TkIcons.prototype, "resolve", void 0);
 __decorate([
-    property({ reflect: true }),
-    __metadata("design:type", String)
+    property({ reflect: true })
 ], TkIcons.prototype, "library", void 0);
 TkIcons = __decorate([
     customElement("tk-icons")

package/index.d.ts

@@ -22,3 +22,4 @@ export * from "./tag/index";
 export * from "./textarea/index";
 export * from "./textfield/index";
 export * from "./theme/index";
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,kCAA4B;AAC5B,8BAAwB;AACxB,4BAAsB;AACtB,+BAAyB;AACzB,iCAA2B;AAC3B,+BAAyB;AACzB,+BAAyB;AACzB,6BAAuB;AACvB,6BAAuB;AACvB,kCAA4B;AAC5B,gCAA0B;AAC1B,+BAAyB;AACzB,8BAAwB;AACxB,8BAAwB;AACxB,iCAA2B;AAC3B,8BAAwB;AACxB,+BAAyB;AACzB,+BAAyB;AACzB,+BAAyB;AACzB,kCAA4B;AAC5B,4BAAsB;AACtB,iCAA2B;AAC3B,kCAA4B;AAC5B,8BAAwB"}

package/list-item/list-item.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 './list-item.scss.js';
 
@@ -9,9 +9,6 @@ let TkListItem = class TkListItem extends LitElement {
         this.href = "";
         this.target = "";
     }
-    static { this.styles = css `
-		${unsafeCSS(css_248z)}
-	`; }
     render() {
         return html `
 			<slot name="before" @click=${this.handleClick}></slot>
@@ -53,25 +50,23 @@ let TkListItem = class TkListItem extends LitElement {
         }
     }
 };
+TkListItem.styles = css `
+		${unsafeCSS(css_248z)}
+	`;
 __decorate([
-    property({ attribute: true }),
-    __metadata("design:type", String)
+    property({ attribute: true })
 ], TkListItem.prototype, "href", void 0);
 __decorate([
-    property({ attribute: true }),
-    __metadata("design:type", String)
+    property({ attribute: true })
 ], TkListItem.prototype, "target", void 0);
 __decorate([
-    property({ attribute: "aria-label" }),
-    __metadata("design:type", String)
+    property({ attribute: "aria-label" })
 ], TkListItem.prototype, "ariaLabel", void 0);
 __decorate([
-    query("#ahref"),
-    __metadata("design:type", HTMLAnchorElement)
+    query("#ahref")
 ], TkListItem.prototype, "$ahref", void 0);
 TkListItem = __decorate([
-    customElement("tk-list-item"),
-    __metadata("design:paramtypes", [])
+    customElement("tk-list-item")
 ], TkListItem);
 
 export { TkListItem };

package/loading/loading.js

@@ -1,4 +1,4 @@
-import { __decorate, __metadata } from 'tslib';
+import { __decorate } from 'tslib';
 import { css, unsafeCSS, html } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
@@ -46,16 +46,13 @@ let TkLoading = class TkLoading extends TkBox {
     }
 };
 __decorate([
-    property({ attribute: true, type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ attribute: true, type: Boolean })
 ], TkLoading.prototype, "circle", void 0);
 __decorate([
-    property({ attribute: true, type: Boolean }),
-    __metadata("design:type", Boolean)
+    property({ attribute: true, type: Boolean })
 ], TkLoading.prototype, "indeterminate", void 0);
 __decorate([
-    property({ attribute: true, type: Number }),
-    __metadata("design:type", Number)
+    property({ attribute: true, type: Number })
 ], TkLoading.prototype, "value", void 0);
 TkLoading = __decorate([
     customElement("tk-loading")

package/notie/notie.d.ts

@@ -52,7 +52,7 @@ declare class TkNotie extends TkBox {
     private $container;
     private resolve;
     render(): TemplateResult<1>;
-    show(): Promise<string | boolean | null>;
+    show(): Promise<string | boolean>;
     hide(value: boolean | string | null): void;
     constructor(text?: string);
     static show(options: NotieOptions): Promise<boolean | string | null>;

package/notie/notie.js

@@ -1,11 +1,10 @@
-import { __decorate, __metadata } from 'tslib';
+import { __decorate } from 'tslib';
 import { css, unsafeCSS, html } from 'lit';
 import { state, property, query, customElement } from 'lit/decorators.js';
 import '../box/index.js';
 import '../textfield/index.js';
 import css_248z from './notie.scss.js';
 import { TkBox } from '../box/box.js';
-import { TkTextfield } from '../textfield/textfield.js';
 
 var TkNotie_1;
 var NotieType;
@@ -134,74 +133,61 @@ let TkNotie = TkNotie_1 = class TkNotie extends TkBox {
         return notie.show();
     }
     static getNotie(options, type) {
+        var _a, _b;
         const notie = new TkNotie_1(options.text);
         notie.persistent = false;
         notie.type = type;
-        notie.delay = options.delay ?? 999999999;
+        notie.delay = (_a = options.delay) !== null && _a !== void 0 ? _a : 999999999;
         options.template ? (notie.template = options.template) : null;
         options.position ? (notie.position = options.position) : null;
         options.background && notie.$container ? notie.$container.setAttribute("background-color", options.background) : null;
         options.color && notie.$container ? notie.$container.setAttribute("color", options.color) : null;
-        options.container ? options.container.shadowRoot?.appendChild(notie) : window.document.body.appendChild(notie);
+        options.container ? (_b = options.container.shadowRoot) === null || _b === void 0 ? void 0 : _b.appendChild(notie) : window.document.body.appendChild(notie);
         options.zIndex ? notie.style.setProperty("z-index", options.zIndex.toString()) : null;
         return notie;
     }
 };
 __decorate([
-    state(),
-    __metadata("design:type", Boolean)
+    state()
 ], TkNotie.prototype, "persistent", void 0);
 __decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean, reflect: true })
 ], TkNotie.prototype, "open", void 0);
 __decorate([
-    property({ reflect: true }),
-    __metadata("design:type", Object)
+    property({ reflect: true })
 ], TkNotie.prototype, "position", void 0);
 __decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
+    property({ type: String })
 ], TkNotie.prototype, "type", void 0);
 __decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
+    property({ type: String })
 ], TkNotie.prototype, "level", void 0);
 __decorate([
-    property({ type: Number }),
-    __metadata("design:type", Number)
+    property({ type: Number })
 ], TkNotie.prototype, "delay", void 0);
 __decorate([
-    property(),
-    __metadata("design:type", String)
+    property()
 ], TkNotie.prototype, "text", void 0);
 __decorate([
-    property(),
-    __metadata("design:type", String)
+    property()
 ], TkNotie.prototype, "buttonText", void 0);
 __decorate([
-    property(),
-    __metadata("design:type", String)
+    property()
 ], TkNotie.prototype, "confirmText", void 0);
 __decorate([
-    property(),
-    __metadata("design:type", String)
+    property()
 ], TkNotie.prototype, "cancelText", void 0);
 __decorate([
-    property({ type: Object }),
-    __metadata("design:type", Object)
+    property({ type: Object })
 ], TkNotie.prototype, "template", void 0);
 __decorate([
-    query("tk-textfield"),
-    __metadata("design:type", TkTextfield)
+    query("tk-textfield")
 ], TkNotie.prototype, "$input", void 0);
 __decorate([
-    query(".container"),
-    __metadata("design:type", HTMLElement)
+    query(".container")
 ], TkNotie.prototype, "$container", void 0);
 TkNotie = TkNotie_1 = __decorate([
-    customElement("tk-notie"),
-    __metadata("design:paramtypes", [String])
+    customElement("tk-notie")
 ], TkNotie);
 
 export { TkNotie };

package/package.json

@@ -1,9 +1,11 @@
 {
   "name": "tinkiet",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "Pragmatic UI Web Components",
+  "type": "module",
   "main": "index.js",
   "module": "index.js",
+  "types": "index.d.ts",
   "keywords": [
     "web",
     "components",