tinkiet 0.6.2 → 0.7.2

package/{switch → tinkiet/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 → tinkiet/tab-group}/tab-group.js

@@ -1,18 +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 './tab-group.scss.js';
 
 let TkTabGroup = class TkTabGroup extends LitElement {
-    constructor() {
-        super();
-        this.circle = false;
-        this.observe = "";
-        this.selected = "";
-    }
-    static { this.styles = css `
-		${unsafeCSS(css_248z)}
-	`; }
     render() {
         return html `
 			<div class="tabs">
@@ -27,6 +18,12 @@ let TkTabGroup = class TkTabGroup extends LitElement {
 				  `}
 		`;
     }
+    constructor() {
+        super();
+        this.circle = false;
+        this.observe = "";
+        this.selected = "";
+    }
     firstUpdated() {
         if (IntersectionObserver) {
             const observer = new IntersectionObserver(this.updateUnderline.bind(this));
@@ -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 → tinkiet/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 → tinkiet/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")

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

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

package/{theme → tinkiet/theme}/theme.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 './theme.scss.js';
 
@@ -19,9 +19,6 @@ let TkTheme = class TkTheme extends LitElement {
         this.forceBody = false;
         this.inverted = false;
     }
-    static { this.styles = css `
-		${unsafeCSS(css_248z)}
-	`; }
     render() {
         return html `
 			<slot></slot>
@@ -144,53 +141,44 @@ let TkTheme = class TkTheme extends LitElement {
         document.body.style.setProperty("color", `hsl(${foreground[0]},${foreground[1]},${foreground[2]})`);
     }
 };
+TkTheme.styles = css `
+		${unsafeCSS(css_248z)}
+	`;
 __decorate([
-    property(),
-    __metadata("design:type", String)
+    property()
 ], TkTheme.prototype, "primary", void 0);
 __decorate([
-    property({ attribute: "on-primary" }),
-    __metadata("design:type", String)
+    property({ attribute: "on-primary" })
 ], TkTheme.prototype, "onPrimary", void 0);
 __decorate([
-    property(),
-    __metadata("design:type", String)
+    property()
 ], TkTheme.prototype, "accent", void 0);
 __decorate([
-    property({ attribute: "on-accent" }),
-    __metadata("design:type", String)
+    property({ attribute: "on-accent" })
 ], TkTheme.prototype, "onAccent", void 0);
 __decorate([
-    property(),
-    __metadata("design:type", String)
+    property()
 ], TkTheme.prototype, "shade", void 0);
 __decorate([
-    property(),
-    __metadata("design:type", String)
+    property()
 ], TkTheme.prototype, "onShade", void 0);
 __decorate([
-    property(),
-    __metadata("design:type", String)
+    property()
 ], TkTheme.prototype, "error", void 0);
 __decorate([
-    property(),
-    __metadata("design:type", String)
+    property()
 ], TkTheme.prototype, "onError", void 0);
 __decorate([
-    property(),
-    __metadata("design:type", String)
+    property()
 ], TkTheme.prototype, "foreground", void 0);
 __decorate([
-    property(),
-    __metadata("design:type", String)
+    property()
 ], TkTheme.prototype, "background", void 0);
 __decorate([
-    property({ type: Boolean, attribute: "force-body", reflect: true }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean, attribute: "force-body", reflect: true })
 ], TkTheme.prototype, "forceBody", void 0);
 __decorate([
-    property({ type: Boolean, attribute: true, reflect: true }),
-    __metadata("design:type", Boolean)
+    property({ type: Boolean, attribute: true, reflect: true })
 ], TkTheme.prototype, "inverted", void 0);
 TkTheme = __decorate([
     customElement("tk-theme")

package/umd/tinkiet.min.d.ts

@@ -198,7 +198,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 {
@@ -288,7 +288,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 {
@@ -357,7 +357,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>;
@@ -387,19 +387,6 @@ declare global {
         "tk-pages": TkPages;
     }
 }
-declare class TkProgress extends LitElement {
-    static styles: import("lit").CSSResult;
-    circle: boolean;
-    indeterminate: boolean;
-    value: number;
-    buffer: number;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-progress": TkProgress;
-    }
-}
 declare class TkRadio extends LitElement {
     static styles: import("lit").CSSResult;
     private _id;
@@ -624,4 +611,5 @@ declare global {
         "tk-theme": TkTheme;
     }
 }
-export { TkAccordion, TkBadge, TkBox, TkButton, TkCheckbox, TkDialog, TkDrawer, TkForm, TkIcon, TkIcons, TkListItem, TkLoading, TkNavbar, TkNotie, TkPages, TkProgress, TkRadio, TkSelect, TkSlider, TkSwitch, TkTabGroup, TkTag, TkTextarea, TkTextfield, TkTheme };
+export { TkAccordion, TkBadge, TkBox, TkButton, TkCheckbox, TkDialog, TkDrawer, TkForm, TkIcon, TkIcons, TkListItem, TkLoading, TkNavbar, TkNotie, TkPages, TkRadio, TkSelect, TkSlider, TkSwitch, TkTabGroup, TkTag, TkTextarea, TkTextfield, TkTheme };
+//# sourceMappingURL=tinkiet.min.d.ts.map

package/umd/tinkiet.min.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinkiet.min.d.ts","sourceRoot":"","sources":["../../index.ts","../../box/box.ts","../../box/index.ts","../../utils/unique.ts","../../box/focusable-box.ts","../../accordion/accordion.ts","../../accordion/index.ts","../../badge/badge.ts","../../badge/index.ts","../../button/button.ts","../../button/index.ts","../../checkbox/checkbox.ts","../../checkbox/index.ts","../../dialog/dialog.ts","../../dialog/index.ts","../../drawer/drawer.ts","../../drawer/index.ts","../../form/form.ts","../../form/index.ts","../../icon/icons.ts","../../icon/icon.ts","../../icon/index.ts","../../list-item/list-item.ts","../../list-item/index.ts","../../loading/loading.ts","../../loading/index.ts","../../navbar/navbar.ts","../../navbar/index.ts","../../textfield/textfield.ts","../../textfield/index.ts","../../notie/notie.ts","../../notie/index.ts","../../pages/pages.ts","../../pages/index.ts","../../radio/radio.ts","../../radio/index.ts","../../select/select.ts","../../select/index.ts","../../slider/slider.ts","../../slider/index.ts","../../switch/switch.ts","../../switch/index.ts","../../tab-group/tab-group.ts","../../tab-group/index.ts","../../tag/tag.ts","../../tag/index.ts","../../textarea/textarea.ts","../../textarea/index.ts","../../theme/theme.ts","../../theme/index.ts"],"names":[],"mappings":""}