tinkiet 0.6.2 → 0.7.2

package/package.json

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

package/{accordion → tinkiet/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 → tinkiet/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 → tinkiet/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 → tinkiet/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 → tinkiet/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 → tinkiet/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 → tinkiet/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 → tinkiet/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 → tinkiet/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 → tinkiet/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 → tinkiet/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 → tinkiet/index.d.ts}

@@ -12,7 +12,6 @@ export * from "./loading/index";
 export * from "./navbar/index";
 export * from "./notie/index";
 export * from "./pages/index";
-export * from "./progress/index";
 export * from "./radio/index";
 export * from "./select/index";
 export * from "./slider/index";
@@ -22,3 +21,4 @@ export * from "./tag/index";
 export * from "./textarea/index";
 export * from "./textfield/index";
 export * from "./theme/index";
+//# sourceMappingURL=tinkiet/index.d.ts.map

package/tinkiet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinkiet/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,8BAAwB;AACxB,+BAAyB;AACzB,+BAAyB;AACzB,+BAAyB;AACzB,kCAA4B;AAC5B,4BAAsB;AACtB,iCAA2B;AAC3B,kCAA4B;AAC5B,8BAAwB"}

package/{index.js → tinkiet/index.js}

@@ -12,7 +12,6 @@ import './loading/index.js';
 import './navbar/index.js';
 import './notie/index.js';
 import './pages/index.js';
-import './progress/index.js';
 import './radio/index.js';
 import './select/index.js';
 import './slider/index.js';
@@ -37,7 +36,6 @@ export { TkLoading } from './loading/loading.js';
 export { TkNavbar } from './navbar/navbar.js';
 export { TkNotie } from './notie/notie.js';
 export { TkPages } from './pages/pages.js';
-export { TkProgress } from './progress/progress.js';
 export { TkRadio } from './radio/radio.js';
 export { TkSelect } from './select/select.js';
 export { TkSlider } from './slider/slider.js';

package/{list-item → tinkiet/list-item}/list-item.js

@@ -1,17 +1,9 @@
-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';
 
 let TkListItem = class TkListItem extends LitElement {
-    constructor() {
-        super();
-        this.href = "";
-        this.target = "";
-    }
-    static { this.styles = css `
-		${unsafeCSS(css_248z)}
-	`; }
     render() {
         return html `
 			<slot name="before" @click=${this.handleClick}></slot>
@@ -26,6 +18,11 @@ let TkListItem = class TkListItem extends LitElement {
             : ""}
 		`;
     }
+    constructor() {
+        super();
+        this.href = "";
+        this.target = "";
+    }
     firstUpdated() {
         if (!this.ariaLabel && this.innerText)
             this.ariaLabel = this.innerText;
@@ -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 → tinkiet/loading}/loading.d.ts

@@ -3,7 +3,7 @@ declare class TkLoading extends TkBox {
     static get styles(): import("lit").CSSResult[];
     circle: boolean;
     indeterminate: boolean;
-    value: number;
+    percent: number;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {