tinkiet 0.8.14 → 0.8.16

package/accordion/accordion.d.ts

@@ -1,4 +1,4 @@
-import { TkFocusableBox } from "../box/focusable-box.js";
+import { TkFocusableBox } from "../box/focusable-box";
 declare class TkAccordion extends TkFocusableBox {
     static get styles(): import("lit").CSSResult[];
     name: string;

package/accordion/index.d.ts

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

package/badge/badge.d.ts

@@ -1,4 +1,4 @@
-import { TkBox } from "../box/index.js";
+import { TkBox } from "../box/index";
 /**
  * A badge WebComponent
  * @cssprop --tk-badge-color - Color of widget default to --primary

package/badge/index.d.ts

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

package/box/focusable-box.d.ts

@@ -1,4 +1,4 @@
-import { TkBox } from "./box.js";
+import { TkBox } from "./box";
 declare class TkFocusableBox extends TkBox {
     /**
      * Element random id

package/box/index.d.ts

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

package/button/button.d.ts

@@ -1,4 +1,4 @@
-import { TkBox } from "../box/index.js";
+import { TkBox } from "../box/index";
 /**
  * A button web component
  *

package/button/index.d.ts

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

package/checkbox/index.d.ts

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

package/dialog/index.d.ts

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

package/drawer/index.d.ts

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

package/form/index.d.ts

@@ -1 +1 @@
-export { TkForm } from "./form.js";
+export { TkForm } from "./form";

package/icon/icon.d.ts

@@ -1,4 +1,4 @@
-import { TkBox } from "../box/index.js";
+import { TkBox } from "../box/index";
 declare class TkIcon extends TkBox {
     static get styles(): import("lit").CSSResult[];
     name: string;

package/icon/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./icon.js";
-export * from "./icons.js";
+export * from "./icon";
+export * from "./icons";

package/index.d.ts

@@ -1,25 +1,25 @@
-export * from "./accordion/index.js";
-export * from "./badge/index.js";
-export * from "./box/index.js";
-export * from "./button/index.js";
-export * from "./checkbox/index.js";
-export * from "./dialog/index.js";
-export * from "./drawer/index.js";
-export * from "./form/index.js";
-export * from "./icon/index.js";
-export * from "./list-item/index.js";
-export * from "./loading/index.js";
-export * from "./navbar/index.js";
-export * from "./notie/index.js";
-export * from "./pages/index.js";
-export * from "./radio/index.js";
-export * from "./select/index.js";
-export * from "./slider/index.js";
-export * from "./switch/index.js";
-export * from "./tab-group/index.js";
-export * from "./tag/index.js";
-export * from "./textarea/index.js";
-export * from "./textfield/index.js";
-export * from "./theme/index.js";
-export * from "./tooltip/index.js";
+export * from "./accordion/index";
+export * from "./badge/index";
+export * from "./box/index";
+export * from "./button/index";
+export * from "./checkbox/index";
+export * from "./dialog/index";
+export * from "./drawer/index";
+export * from "./form/index";
+export * from "./icon/index";
+export * from "./list-item/index";
+export * from "./loading/index";
+export * from "./navbar/index";
+export * from "./notie/index";
+export * from "./pages/index";
+export * from "./radio/index";
+export * from "./select/index";
+export * from "./slider/index";
+export * from "./switch/index";
+export * from "./tab-group/index";
+export * from "./tag/index";
+export * from "./textarea/index";
+export * from "./textfield/index";
+export * from "./theme/index";
+export * from "./tooltip/index";
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../tinkiet/index.ts"],"names":[],"mappings":"AAAA,qCAA4B;AAC5B,iCAAwB;AACxB,+BAAsB;AACtB,kCAAyB;AACzB,oCAA2B;AAC3B,kCAAyB;AACzB,kCAAyB;AACzB,gCAAuB;AACvB,gCAAuB;AACvB,qCAA4B;AAC5B,mCAA0B;AAC1B,kCAAyB;AACzB,iCAAwB;AACxB,iCAAwB;AACxB,iCAAwB;AACxB,kCAAyB;AACzB,kCAAyB;AACzB,kCAAyB;AACzB,qCAA4B;AAC5B,+BAAsB;AACtB,oCAA2B;AAC3B,qCAA4B;AAC5B,iCAAwB;AACxB,mCAA0B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../tinkiet/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;AACxB,gCAA0B"}

package/index.js

@@ -35,7 +35,7 @@ export { TkIcons } from './icon/icons.js';
 export { TkListItem } from './list-item/list-item.js';
 export { TkLoading } from './loading/loading.js';
 export { TkNavbar } from './navbar/navbar.js';
-export { TkNotie } from './notie/notie.js';
+export { NotieLevel, TkNotie } from './notie/notie.js';
 export { TkPages } from './pages/pages.js';
 export { TkRadio } from './radio/radio.js';
 export { TkSelect } from './select/select.js';

package/list-item/index.d.ts

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

package/list-item/list-item.d.ts

@@ -1,4 +1,4 @@
-import { TkBox } from "../box/box.js";
+import { TkBox } from "../box/box";
 declare class TkListItem extends TkBox {
     static get styles(): import("lit").CSSResult[];
     href: string;

package/loading/index.d.ts

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

package/loading/loading.d.ts

@@ -1,4 +1,4 @@
-import { TkBox } from "../box/index.js";
+import { TkBox } from "../box/index";
 declare class TkLoading extends TkBox {
     static get styles(): import("lit").CSSResult[];
     circle: boolean;

package/navbar/index.d.ts

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

package/navbar/navbar.d.ts

@@ -1,4 +1,4 @@
-import { TkBox } from "../box/index.js";
+import { TkBox } from "../box/index";
 declare class TkNavbar extends TkBox {
     static get styles(): import("lit").CSSResult[];
     render(): import("lit-html").TemplateResult<1>;

package/notie/index.d.ts

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

package/notie/index.js

@@ -1 +1 @@
-export { TkNotie } from './notie.js';
+export { NotieLevel, TkNotie } from './notie.js';

package/notie/notie.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from "lit";
-import { TkBox } from "../box/index.js";
+import { TkBox } from "../box/index";
 interface NotieOptions {
     background?: string;
     level?: NotieLevel;
@@ -68,4 +68,4 @@ declare global {
         "tk-notie": TkNotie;
     }
 }
-export { TkNotie };
+export { NotieOptions, NotieForceOptions, NotieConfirmOptions, NotieInputOptions, NotieLevel, TkNotie };

package/notie/notie.js

@@ -33,7 +33,7 @@ let TkNotie = TkNotie_1 = class TkNotie extends TkBox {
     }
     render() {
         return html `
-			<div class="overlay" @click=${() => this.hide(false)}></div>
+			<div class="overlay" @click=${() => this.type == NotieType.force ? null : this.hide(false)}></div>
 			<tk-box class="container ${this.level}">
 				${this.text
             ? html `
@@ -142,6 +142,7 @@ let TkNotie = TkNotie_1 = class TkNotie extends TkBox {
         notie.persistent = false;
         notie.type = type;
         notie.delay = (_a = options.delay) !== null && _a !== void 0 ? _a : 999999999;
+        options.level ? (notie.level = options.level) : null;
         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;
@@ -161,7 +162,7 @@ __decorate([
     property({ reflect: true })
 ], TkNotie.prototype, "position", void 0);
 __decorate([
-    property({ type: String })
+    state()
 ], TkNotie.prototype, "type", void 0);
 __decorate([
     property({ type: String })
@@ -197,4 +198,4 @@ TkNotie = TkNotie_1 = __decorate([
     customElement("tk-notie")
 ], TkNotie);
 
-export { TkNotie };
+export { NotieLevel, TkNotie };

package/notie/notie.scss.js

@@ -1,4 +1,4 @@
-var css_248z = ":host{bottom:0;display:none;font-size:1.6rem;left:0;margin:0;position:fixed;right:0;top:0}:host .overlay{background-color:rgba(0,0,0,.502);bottom:0;left:0;position:fixed;right:0;top:0;z-index:var(--notie-z-index,400)}:host .container{background-color:var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%)));bottom:0;box-shadow:10px 10px 10px 10px var(--shadow);color:var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%)));height:fit-content;left:0;position:fixed;right:0;text-align:center;transform:translateY(100%);transition:all .15s ease-in;z-index:calc(var(--notie-z-index, 400) + 1)}:host .container.info{background-color:#4d82d6}:host .container.error{background-color:#e1715b}:host .container.warning{background-color:#d6a14d}:host .container.success{background-color:#57bf57}:host .text{padding:.5em}:host .input{--input-font-size:$font-size-widescreen;background-color:var(--background,#fff);color:var(--foreground,#000);text-align:center}:host .button{cursor:pointer;padding:.5em}:host .button.confirm,:host .button.forcer{background-color:#57bf57;color:#fff}:host .button.cancel{background-color:var(--error,#e1715b);color:var(--on-error,#fff)}@media screen and (max-width:900px){:host{font-size:1.4rem}}@media screen and (max-width:750px){:host{font-size:1.2rem}}@media screen and (max-width:400px){:host{font-size:1rem}}:host([position=top]) .container{bottom:inherit;position:fixed;top:0;transform:translateY(-100%)}:host([open]) .container{transform:translateY(0)}";
-var stylesheet=":host{bottom:0;display:none;font-size:1.6rem;left:0;margin:0;position:fixed;right:0;top:0}:host .overlay{background-color:rgba(0,0,0,.502);bottom:0;left:0;position:fixed;right:0;top:0;z-index:var(--notie-z-index,400)}:host .container{background-color:var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%)));bottom:0;box-shadow:10px 10px 10px 10px var(--shadow);color:var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%)));height:fit-content;left:0;position:fixed;right:0;text-align:center;transform:translateY(100%);transition:all .15s ease-in;z-index:calc(var(--notie-z-index, 400) + 1)}:host .container.info{background-color:#4d82d6}:host .container.error{background-color:#e1715b}:host .container.warning{background-color:#d6a14d}:host .container.success{background-color:#57bf57}:host .text{padding:.5em}:host .input{--input-font-size:$font-size-widescreen;background-color:var(--background,#fff);color:var(--foreground,#000);text-align:center}:host .button{cursor:pointer;padding:.5em}:host .button.confirm,:host .button.forcer{background-color:#57bf57;color:#fff}:host .button.cancel{background-color:var(--error,#e1715b);color:var(--on-error,#fff)}@media screen and (max-width:900px){:host{font-size:1.4rem}}@media screen and (max-width:750px){:host{font-size:1.2rem}}@media screen and (max-width:400px){:host{font-size:1rem}}:host([position=top]) .container{bottom:inherit;position:fixed;top:0;transform:translateY(-100%)}:host([open]) .container{transform:translateY(0)}";
+var css_248z = ":host{bottom:0;display:none;font-size:1.6rem;left:0;margin:0;position:fixed;right:0;top:0}:host .overlay{background-color:rgba(0,0,0,.502);bottom:0;left:0;position:fixed;right:0;top:0;z-index:var(--notie-z-index,400)}:host .container{background-color:var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%)));bottom:0;box-shadow:10px 10px 10px 10px var(--shadow);color:var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%)));height:fit-content;left:0;position:fixed;right:0;text-align:center;transform:translateY(100%);transition:all .15s ease-in;z-index:calc(var(--notie-z-index, 400) + 1)}:host .container.info{background-color:#4d82d6}:host .container.error{background-color:#e1715b}:host .container.warning{background-color:#d6a14d}:host .container.success{background-color:#57bf57}:host .text{padding:.5em}:host .input{--input-font-size:$font-size-widescreen;background-color:var(--background,#fff);color:var(--foreground,#000);text-align:center}:host .button{cursor:pointer;padding:.5em}:host .button.confirm,:host .button.force{background-color:#57bf57;color:#fff}:host .button.cancel{background-color:var(--error,#e1715b);color:var(--on-error,#fff)}@media screen and (max-width:900px){:host{font-size:1.4rem}}@media screen and (max-width:750px){:host{font-size:1.2rem}}@media screen and (max-width:400px){:host{font-size:1rem}}:host([position=top]) .container{bottom:inherit;position:fixed;top:0;transform:translateY(-100%)}:host([open]) .container{transform:translateY(0)}";
+var stylesheet=":host{bottom:0;display:none;font-size:1.6rem;left:0;margin:0;position:fixed;right:0;top:0}:host .overlay{background-color:rgba(0,0,0,.502);bottom:0;left:0;position:fixed;right:0;top:0;z-index:var(--notie-z-index,400)}:host .container{background-color:var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%)));bottom:0;box-shadow:10px 10px 10px 10px var(--shadow);color:var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%)));height:fit-content;left:0;position:fixed;right:0;text-align:center;transform:translateY(100%);transition:all .15s ease-in;z-index:calc(var(--notie-z-index, 400) + 1)}:host .container.info{background-color:#4d82d6}:host .container.error{background-color:#e1715b}:host .container.warning{background-color:#d6a14d}:host .container.success{background-color:#57bf57}:host .text{padding:.5em}:host .input{--input-font-size:$font-size-widescreen;background-color:var(--background,#fff);color:var(--foreground,#000);text-align:center}:host .button{cursor:pointer;padding:.5em}:host .button.confirm,:host .button.force{background-color:#57bf57;color:#fff}:host .button.cancel{background-color:var(--error,#e1715b);color:var(--on-error,#fff)}@media screen and (max-width:900px){:host{font-size:1.4rem}}@media screen and (max-width:750px){:host{font-size:1.2rem}}@media screen and (max-width:400px){:host{font-size:1rem}}:host([position=top]) .container{bottom:inherit;position:fixed;top:0;transform:translateY(-100%)}:host([open]) .container{transform:translateY(0)}";
 
 export { css_248z as default, stylesheet };

package/package.json

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

package/pages/index.d.ts

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

package/radio/index.d.ts

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

package/select/index.d.ts

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

package/slider/index.d.ts

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

package/switch/index.d.ts

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

package/tab-group/index.d.ts

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

package/tag/index.d.ts

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

package/textarea/index.d.ts

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

package/textfield/index.d.ts

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

package/theme/index.d.ts

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

package/tooltip/index.d.ts

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

package/umd/tinkiet.min.d.ts

@@ -623,5 +623,5 @@ declare global {
         "tk-tooltip": TkTooltip;
     }
 }
-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, TkTooltip };
+export { TkAccordion, TkBadge, TkBox, TkButton, TkCheckbox, TkDialog, TkDrawer, TkForm, TkIcon, TkIcons, TkListItem, TkLoading, TkNavbar, NotieOptions, NotieForceOptions, NotieConfirmOptions, NotieInputOptions, NotieLevel, TkNotie, TkPages, TkRadio, TkSelect, TkSlider, TkSwitch, TkTabGroup, TkTag, TkTextarea, TkTextfield, TkTheme, TkTooltip };
 //# sourceMappingURL=tinkiet.min.d.ts.map