tinkiet 0.7.0 → 0.7.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinkiet",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "description": "Pragmatic UI Web Components",
   "type": "module",
   "main": "index.js",

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,4 +21,4 @@ export * from "./tag/index";
 export * from "./textarea/index";
 export * from "./textfield/index";
 export * from "./theme/index";
-//# sourceMappingURL=index.d.ts.map
+//# 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

@@ -4,11 +4,6 @@ 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 = "";
-    }
     render() {
         return html `
 			<slot name="before" @click=${this.handleClick}></slot>
@@ -23,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;

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 {

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

@@ -2,16 +2,18 @@ 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';
+import '../../node_modules/lit/directives/style-map.js';
 import '../box/index.js';
 import css_248z from './loading.scss.js';
 import { TkBox } from '../box/box.js';
+import { styleMap as i } from '../../node_modules/lit-html/directives/style-map.js';
 
 let TkLoading = class TkLoading extends TkBox {
     constructor() {
         super(...arguments);
         this.circle = false;
         this.indeterminate = false;
-        this.value = 0.5;
+        this.percent = 0;
     }
     static get styles() {
         return [
@@ -22,6 +24,7 @@ let TkLoading = class TkLoading extends TkBox {
         ];
     }
     render() {
+        const lineStyle = { width: this.percent + "%" };
         return html `
 			${this.circle
             ? html `
@@ -39,7 +42,7 @@ let TkLoading = class TkLoading extends TkBox {
 				  `
             : html `
 						<div class="line">
-							<div class=${classMap({ indeterminate: this.indeterminate })}></div>
+							<div class=${classMap({ progress: true, indeterminate: this.indeterminate })} style="${i(lineStyle)}"></div>
 						</div>
 				  `}
 		`;
@@ -53,7 +56,7 @@ __decorate([
 ], TkLoading.prototype, "indeterminate", void 0);
 __decorate([
     property({ attribute: true, type: Number })
-], TkLoading.prototype, "value", void 0);
+], TkLoading.prototype, "percent", void 0);
 TkLoading = __decorate([
     customElement("tk-loading")
 ], TkLoading);

package/tinkiet/loading/loading.scss.js

@@ -0,0 +1,4 @@
+var css_248z = "*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:currentColor;--background-color:var(--tk-loading-background-color,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))))}:host([accent]){--color:var(--accent)}:host([error]){--color:var(--error)}.circle{animation:rotator 3s linear infinite;display:inline-flex;height:2em;width:2em}.circle,.circle .path{transform-origin:center}.circle .path{stroke-dasharray:265;stroke-dashoffset:0;stroke:var(--color);animation:dash 3s ease-in-out infinite}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dashoffset:265}50%{stroke-dashoffset:65;transform:rotate(90deg)}to{stroke-dashoffset:265;transform:rotate(1turn)}}.line{background-color:var(--background-color);height:.4em;overflow:hidden;position:relative}.line .progress{height:100%}.line .indeterminate,.line .progress{background-color:var(--color)}.line .indeterminate:before{animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.line .indeterminate:after,.line .indeterminate:before{background-color:inherit;bottom:0;content:\"\";left:0;position:absolute;top:0;will-change:left,right}.line .indeterminate:after{animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}";
+var stylesheet="*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:currentColor;--background-color:var(--tk-loading-background-color,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))))}:host([accent]){--color:var(--accent)}:host([error]){--color:var(--error)}.circle{animation:rotator 3s linear infinite;display:inline-flex;height:2em;width:2em}.circle,.circle .path{transform-origin:center}.circle .path{stroke-dasharray:265;stroke-dashoffset:0;stroke:var(--color);animation:dash 3s ease-in-out infinite}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dashoffset:265}50%{stroke-dashoffset:65;transform:rotate(90deg)}to{stroke-dashoffset:265;transform:rotate(1turn)}}.line{background-color:var(--background-color);height:.4em;overflow:hidden;position:relative}.line .progress{height:100%}.line .indeterminate,.line .progress{background-color:var(--color)}.line .indeterminate:before{animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.line .indeterminate:after,.line .indeterminate:before{background-color:inherit;bottom:0;content:\"\";left:0;position:absolute;top:0;will-change:left,right}.line .indeterminate:after{animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}";
+
+export { css_248z as default, stylesheet };

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

@@ -23,20 +23,6 @@ var NotieLevel;
     NotieLevel["neutral"] = "neutral";
 })(NotieLevel || (NotieLevel = {}));
 let TkNotie = TkNotie_1 = class TkNotie extends TkBox {
-    constructor(text = "") {
-        super();
-        this.persistent = true;
-        this.open = false;
-        this.position = "bottom";
-        this.type = NotieType.show;
-        this.level = NotieLevel.info;
-        this.delay = 3000;
-        this.animationDelay = 300;
-        this.buttonText = "OK";
-        this.confirmText = "OK";
-        this.cancelText = "CANCEL";
-        this.text = text;
-    }
     static get styles() {
         return [
             ...TkBox.styles,
@@ -110,6 +96,20 @@ let TkNotie = TkNotie_1 = class TkNotie extends TkBox {
         }, { once: true });
         this.open = false;
     }
+    constructor(text = "") {
+        super();
+        this.persistent = true;
+        this.open = false;
+        this.position = "bottom";
+        this.type = NotieType.show;
+        this.level = NotieLevel.info;
+        this.delay = 3000;
+        this.animationDelay = 300;
+        this.buttonText = "OK";
+        this.confirmText = "OK";
+        this.cancelText = "CANCEL";
+        this.text = text;
+    }
     static show(options) {
         const notie = this.getNotie(options, NotieType.show);
         return notie.show();

package/{tab-group → tinkiet/tab-group}/tab-group.js

@@ -4,12 +4,6 @@ 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 = "";
-    }
     render() {
         return html `
 			<div class="tabs">
@@ -24,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));

package/umd/tinkiet.min.d.ts

@@ -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 {
@@ -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,5 +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

@@ -1 +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","../../progress/progress.ts","../../progress/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":""}
+{"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":""}