tinkiet 0.8.6 → 0.8.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/accordion/accordion.d.ts +1 -1
  2. package/accordion/index.d.ts +1 -1
  3. package/badge/badge.d.ts +1 -1
  4. package/badge/index.d.ts +1 -1
  5. package/box/focusable-box.d.ts +1 -1
  6. package/box/index.d.ts +1 -1
  7. package/button/button.d.ts +1 -1
  8. package/button/index.d.ts +1 -1
  9. package/checkbox/index.d.ts +1 -1
  10. package/dialog/index.d.ts +1 -1
  11. package/drawer/index.d.ts +1 -1
  12. package/form/index.d.ts +1 -1
  13. package/icon/icon.d.ts +1 -1
  14. package/icon/index.d.ts +2 -2
  15. package/index.d.ts +24 -23
  16. package/index.d.ts.map +1 -1
  17. package/index.js +2 -0
  18. package/list-item/index.d.ts +1 -1
  19. package/list-item/list-item.js +2 -3
  20. package/loading/index.d.ts +1 -1
  21. package/loading/loading.d.ts +1 -1
  22. package/navbar/index.d.ts +1 -1
  23. package/navbar/navbar.d.ts +1 -1
  24. package/notie/index.d.ts +1 -1
  25. package/notie/notie.d.ts +3 -1
  26. package/notie/notie.js +7 -2
  27. package/package.json +1 -1
  28. package/pages/index.d.ts +1 -1
  29. package/radio/index.d.ts +1 -1
  30. package/select/index.d.ts +1 -1
  31. package/slider/index.d.ts +1 -1
  32. package/switch/index.d.ts +1 -1
  33. package/tab-group/index.d.ts +1 -1
  34. package/tab-group/tab-group.js +1 -8
  35. package/tag/index.d.ts +1 -1
  36. package/textarea/index.d.ts +1 -1
  37. package/textarea/textarea.js +1 -1
  38. package/textfield/index.d.ts +1 -1
  39. package/textfield/textfield.js +31 -29
  40. package/theme/index.d.ts +1 -1
  41. package/tooltip/index.d.ts +1 -0
  42. package/tooltip/index.js +1 -0
  43. package/tooltip/tooltip.d.ts +12 -0
  44. package/tooltip/tooltip.js +33 -0
  45. package/tooltip/tooltip.scss.js +4 -0
  46. package/umd/tinkiet.min.d.ts +13 -1
  47. package/umd/tinkiet.min.d.ts.map +1 -1
  48. package/umd/tinkiet.min.js +1 -1
@@ -1,4 +1,4 @@
1
- import { TkFocusableBox } from "../box/focusable-box.js";
1
+ import { TkFocusableBox } from "../box/focusable-box";
2
2
  declare class TkAccordion extends TkFocusableBox {
3
3
  static get styles(): import("lit").CSSResult[];
4
4
  name: string;
@@ -1 +1 @@
1
- export * from "./accordion.js";
1
+ export * from "./accordion";
package/badge/badge.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { TkBox } from "../box/index.js";
1
+ import { TkBox } from "../box/index";
2
2
  /**
3
3
  * A badge WebComponent
4
4
  * @cssprop --tk-badge-color - Color of widget default to --primary
package/badge/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./badge.js";
1
+ export * from "./badge";
@@ -1,4 +1,4 @@
1
- import { TkBox } from "./box.js";
1
+ import { TkBox } from "./box";
2
2
  declare class TkFocusableBox extends TkBox {
3
3
  /**
4
4
  * Element random id
package/box/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./box.js";
1
+ export * from "./box";
@@ -1,4 +1,4 @@
1
- import { TkBox } from "../box/index.js";
1
+ import { TkBox } from "../box/index";
2
2
  /**
3
3
  * A button web component
4
4
  *
package/button/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./button.js";
1
+ export * from "./button";
@@ -1 +1 @@
1
- export * from "./checkbox.js";
1
+ export * from "./checkbox";
package/dialog/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./dialog.js";
1
+ export * from "./dialog";
package/drawer/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./drawer.js";
1
+ export * from "./drawer";
package/form/index.d.ts CHANGED
@@ -1 +1 @@
1
- export { TkForm } from "./form.js";
1
+ export { TkForm } from "./form";
package/icon/icon.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { TkBox } from "../box/index.js";
1
+ import { TkBox } from "../box/index";
2
2
  declare class TkIcon extends TkBox {
3
3
  static get styles(): import("lit").CSSResult[];
4
4
  name: string;
package/icon/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export * from "./icon.js";
2
- export * from "./icons.js";
1
+ export * from "./icon";
2
+ export * from "./icons";
package/index.d.ts CHANGED
@@ -1,24 +1,25 @@
1
- export * from "./accordion/index.js";
2
- export * from "./badge/index.js";
3
- export * from "./box/index.js";
4
- export * from "./button/index.js";
5
- export * from "./checkbox/index.js";
6
- export * from "./dialog/index.js";
7
- export * from "./drawer/index.js";
8
- export * from "./form/index.js";
9
- export * from "./icon/index.js";
10
- export * from "./list-item/index.js";
11
- export * from "./loading/index.js";
12
- export * from "./navbar/index.js";
13
- export * from "./notie/index.js";
14
- export * from "./pages/index.js";
15
- export * from "./radio/index.js";
16
- export * from "./select/index.js";
17
- export * from "./slider/index.js";
18
- export * from "./switch/index.js";
19
- export * from "./tab-group/index.js";
20
- export * from "./tag/index.js";
21
- export * from "./textarea/index.js";
22
- export * from "./textfield/index.js";
23
- export * from "./theme/index.js";
1
+ export * from "./accordion/index";
2
+ export * from "./badge/index";
3
+ export * from "./box/index";
4
+ export * from "./button/index";
5
+ export * from "./checkbox/index";
6
+ export * from "./dialog/index";
7
+ export * from "./drawer/index";
8
+ export * from "./form/index";
9
+ export * from "./icon/index";
10
+ export * from "./list-item/index";
11
+ export * from "./loading/index";
12
+ export * from "./navbar/index";
13
+ export * from "./notie/index";
14
+ export * from "./pages/index";
15
+ export * from "./radio/index";
16
+ export * from "./select/index";
17
+ export * from "./slider/index";
18
+ export * from "./switch/index";
19
+ export * from "./tab-group/index";
20
+ export * from "./tag/index";
21
+ export * from "./textarea/index";
22
+ export * from "./textfield/index";
23
+ export * from "./theme/index";
24
+ export * from "./tooltip/index";
24
25
  //# sourceMappingURL=index.d.ts.map
package/index.d.ts.map CHANGED
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -21,6 +21,7 @@ import './tag/index.js';
21
21
  import './textarea/index.js';
22
22
  import './textfield/index.js';
23
23
  import './theme/index.js';
24
+ import './tooltip/index.js';
24
25
  export { TkAccordion } from './accordion/accordion.js';
25
26
  export { TkBadge } from './badge/badge.js';
26
27
  export { TkBox } from './box/box.js';
@@ -45,3 +46,4 @@ export { TkTag } from './tag/tag.js';
45
46
  export { TkTextarea } from './textarea/textarea.js';
46
47
  export { TkTextfield } from './textfield/textfield.js';
47
48
  export { TkTheme } from './theme/theme.js';
49
+ export { TkTooltip } from './tooltip/tooltip.js';
@@ -1 +1 @@
1
- export * from "./list-item.js";
1
+ export * from "./list-item";
@@ -39,9 +39,8 @@ let TkListItem = class TkListItem extends LitElement {
39
39
  handleClick(e) {
40
40
  const target = e.target;
41
41
  // In case click cames from a slotted element with href attribute we stop propagation
42
- if ((target.tagName == "BUTTON" || target.tagName == "TK-BUTTON") && target.hasAttribute("href")) {
43
- // e.preventDefault();
44
- //e.stopPropagation();
42
+ if (target.tagName == "BUTTON" || target.tagName == "TK-BUTTON" || target.tagName == "TK-SWITCH" || target.tagName == "TK-CHECKBOX") {
43
+ return;
45
44
  }
46
45
  if (this.href && e.isTrusted) {
47
46
  e.stopPropagation();
@@ -1 +1 @@
1
- export * from "./loading.js";
1
+ export * from "./loading";
@@ -1,4 +1,4 @@
1
- import { TkBox } from "../box/index.js";
1
+ import { TkBox } from "../box/index";
2
2
  declare class TkLoading extends TkBox {
3
3
  static get styles(): import("lit").CSSResult[];
4
4
  circle: boolean;
package/navbar/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./navbar.js";
1
+ export * from "./navbar";
@@ -1,4 +1,4 @@
1
- import { TkBox } from "../box/index.js";
1
+ import { TkBox } from "../box/index";
2
2
  declare class TkNavbar extends TkBox {
3
3
  static get styles(): import("lit").CSSResult[];
4
4
  render(): import("lit-html").TemplateResult<1>;
package/notie/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./notie.js";
1
+ export * from "./notie";
package/notie/notie.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { TemplateResult } from "lit";
2
- import { TkBox } from "../box/index.js";
2
+ import { TkBox } from "../box/index";
3
3
  interface NotieOptions {
4
4
  background?: string;
5
5
  level?: NotieLevel;
@@ -20,6 +20,7 @@ interface NotieConfirmOptions extends NotieOptions {
20
20
  }
21
21
  interface NotieInputOptions extends NotieConfirmOptions {
22
22
  password?: boolean;
23
+ inputType?: string;
23
24
  }
24
25
  declare enum NotieType {
25
26
  show = "show",
@@ -44,6 +45,7 @@ declare class TkNotie extends TkBox {
44
45
  delay: number;
45
46
  animationDelay: number;
46
47
  text: string;
48
+ inputType: string;
47
49
  buttonText: string;
48
50
  confirmText: string;
49
51
  cancelText: string;
package/notie/notie.js CHANGED
@@ -52,7 +52,7 @@ let TkNotie = TkNotie_1 = class TkNotie extends TkBox {
52
52
  : ""}
53
53
  ${this.type == NotieType.input
54
54
  ? html `
55
- <tk-textfield class="input"></tk-textfield>
55
+ <tk-textfield type=${this.inputType} class="input"></tk-textfield>
56
56
  `
57
57
  : ""}
58
58
  ${this.type == NotieType.confirm || this.type == NotieType.input
@@ -107,6 +107,7 @@ let TkNotie = TkNotie_1 = class TkNotie extends TkBox {
107
107
  this.level = NotieLevel.info;
108
108
  this.delay = 3000;
109
109
  this.animationDelay = 300;
110
+ this.inputType = "text";
110
111
  this.buttonText = "OK";
111
112
  this.confirmText = "OK";
112
113
  this.cancelText = "CANCEL";
@@ -129,7 +130,8 @@ let TkNotie = TkNotie_1 = class TkNotie extends TkBox {
129
130
  }
130
131
  static input(options) {
131
132
  const notie = this.getNotie(options, NotieType.input);
132
- options.password ? (notie.$input.type = "password") : null;
133
+ options.inputType ? (notie.inputType = options.inputType) : null;
134
+ options.password ? (notie.inputType = "password") : null;
133
135
  options.confirmText ? (notie.confirmText = options.confirmText) : null;
134
136
  options.cancelText ? (notie.cancelText = options.cancelText) : null;
135
137
  return notie.show();
@@ -170,6 +172,9 @@ __decorate([
170
172
  __decorate([
171
173
  property()
172
174
  ], TkNotie.prototype, "text", void 0);
175
+ __decorate([
176
+ property()
177
+ ], TkNotie.prototype, "inputType", void 0);
173
178
  __decorate([
174
179
  property()
175
180
  ], TkNotie.prototype, "buttonText", void 0);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tinkiet",
3
- "version": "0.8.6",
3
+ "version": "0.8.12",
4
4
  "description": "Pragmatic UI Web Components",
5
5
  "type": "module",
6
6
  "main": "index.js",
package/pages/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./pages.js";
1
+ export * from "./pages";
package/radio/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./radio.js";
1
+ export * from "./radio";
package/select/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./select.js";
1
+ export * from "./select";
package/slider/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./slider.js";
1
+ export * from "./slider";
package/switch/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./switch.js";
1
+ export * from "./switch";
@@ -1 +1 @@
1
- export * from "./tab-group.js";
1
+ export * from "./tab-group";
@@ -35,7 +35,7 @@ let TkTabGroup = class TkTabGroup extends LitElement {
35
35
  }
36
36
  updated(props) {
37
37
  var _a, _b;
38
- if (props.has("selected")) {
38
+ if (props.has("selected") && this.selected !== "") {
39
39
  this.querySelectorAll("*").forEach(node => node.removeAttribute("selected"));
40
40
  (_a = this.querySelector(`[tab="${this.selected}"]`)) === null || _a === void 0 ? void 0 : _a.setAttribute("selected", "");
41
41
  }
@@ -63,13 +63,6 @@ let TkTabGroup = class TkTabGroup extends LitElement {
63
63
  }
64
64
  });
65
65
  }
66
- // else {
67
- // if (this.circle) {
68
- // this.$circle.style.transform = `translate(-100px, -${this.$circle.clientWidth / 2}px)`;
69
- // } else {
70
- // this.$underline.style.width = "0";
71
- // }
72
- // }
73
66
  }
74
67
  };
75
68
  TkTabGroup.styles = css `
package/tag/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./tag.js";
1
+ export * from "./tag";
@@ -1 +1 @@
1
- export * from "./textarea.js";
1
+ export * from "./textarea";
@@ -94,7 +94,7 @@ __decorate([
94
94
  property({ type: Boolean })
95
95
  ], TkTextarea.prototype, "required", void 0);
96
96
  __decorate([
97
- property({ type: Boolean })
97
+ property({ type: Boolean, reflect: true })
98
98
  ], TkTextarea.prototype, "disabled", void 0);
99
99
  __decorate([
100
100
  property({ type: Boolean })
@@ -1 +1 @@
1
- export * from "./textfield.js";
1
+ export * from "./textfield";
@@ -27,35 +27,37 @@ let TkTextfield = class TkTextfield extends LitElement {
27
27
  return this.$input != null ? this.$input.value : this.initialValue || "";
28
28
  }
29
29
  render() {
30
- return html `<div id="container">
31
- <slot id="before" name="before"></slot>
32
- <div id="wrapper">
33
- <div id="label">${this.label}</div>
34
- <slot id="slot"></slot>
35
- <input
36
- id=${this._id}
37
- @keydown=${this.handleChange.bind(this)}
38
- @input=${this.handleChange.bind(this)}
39
- @focusout=${this.handleChange.bind(this)}
40
- ?required="${this.required}"
41
- ?disabled="${this.disabled}"
42
- ?readonly="${this.readonly}"
43
- autocomplete="${ifDefined(this.autocomplete)}"
44
- autocapitalize="${ifDefined(this.autocapitalize)}"
45
- aria-label="${ifDefined(this.label)}"
46
- type="${ifDefined(this.type)}"
47
- name="${ifDefined(this.name)}"
48
- list="${ifDefined(this.list)}"
49
- pattern="${ifDefined(this.pattern)}"
50
- minlength="${ifDefined(this.minLength)}"
51
- maxlength="${ifDefined(this.maxLength)}"
52
- min="${ifDefined(this.min)}"
53
- max="${ifDefined(this.max)}"
54
- tabindex="${this.disabled ? -1 : 0}"
55
- />
30
+ return html `
31
+ <div id="container">
32
+ <slot id="before" name="before"></slot>
33
+ <div id="wrapper">
34
+ <div id="label">${this.label}</div>
35
+ <slot id="slot"></slot>
36
+ <input
37
+ id=${this._id}
38
+ @keydown=${this.handleChange.bind(this)}
39
+ @input=${this.handleChange.bind(this)}
40
+ @focusout=${this.handleChange.bind(this)}
41
+ ?required="${this.required}"
42
+ ?disabled="${this.disabled}"
43
+ ?readonly="${this.readonly}"
44
+ autocomplete="${ifDefined(this.autocomplete)}"
45
+ autocapitalize="${ifDefined(this.autocapitalize)}"
46
+ aria-label="${ifDefined(this.label)}"
47
+ type="${ifDefined(this.type)}"
48
+ name="${ifDefined(this.name)}"
49
+ list="${ifDefined(this.list)}"
50
+ pattern="${ifDefined(this.pattern)}"
51
+ minlength="${ifDefined(this.minLength)}"
52
+ maxlength="${ifDefined(this.maxLength)}"
53
+ min="${ifDefined(this.min)}"
54
+ max="${ifDefined(this.max)}"
55
+ tabindex="${this.disabled ? -1 : 0}"
56
+ />
57
+ </div>
58
+ <slot id="after" name="after"></slot>
56
59
  </div>
57
- <slot id="after" name="after"></slot>
58
- </div> `;
60
+ `;
59
61
  }
60
62
  handleChange() {
61
63
  this.refreshAttributes();
@@ -94,7 +96,7 @@ __decorate([
94
96
  property({ type: Boolean })
95
97
  ], TkTextfield.prototype, "required", void 0);
96
98
  __decorate([
97
- property({ type: Boolean })
99
+ property({ type: Boolean, reflect: true })
98
100
  ], TkTextfield.prototype, "disabled", void 0);
99
101
  __decorate([
100
102
  property({ type: Boolean })
package/theme/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./theme.js";
1
+ export * from "./theme";
@@ -0,0 +1 @@
1
+ export * from "./tooltip";
@@ -0,0 +1 @@
1
+ export { TkTooltip } from './tooltip.js';
@@ -0,0 +1,12 @@
1
+ import { LitElement } from "lit";
2
+ declare class TkTooltip extends LitElement {
3
+ static styles: import("lit").CSSResult;
4
+ position: "bottom" | "top" | "right" | "left";
5
+ render(): import("lit-html").TemplateResult<1>;
6
+ }
7
+ declare global {
8
+ interface HTMLElementTagNameMap {
9
+ "tk-tooltip": TkTooltip;
10
+ }
11
+ }
12
+ export { TkTooltip };
@@ -0,0 +1,33 @@
1
+ import { __decorate } from 'tslib';
2
+ import { LitElement, html, css, unsafeCSS } from 'lit';
3
+ import { property, customElement } from 'lit/decorators.js';
4
+ import css_248z from './tooltip.scss.js';
5
+
6
+ let TkTooltip = class TkTooltip extends LitElement {
7
+ constructor() {
8
+ super(...arguments);
9
+ this.position = "top";
10
+ }
11
+ render() {
12
+ return html `
13
+ <div class="container">
14
+ <slot></slot>
15
+ <div class="tooltip ${this.position}">
16
+ <slot name="tooltip"></slot>
17
+ </div>
18
+ </div>
19
+
20
+ `;
21
+ }
22
+ };
23
+ TkTooltip.styles = css `
24
+ ${unsafeCSS(css_248z)}
25
+ `;
26
+ __decorate([
27
+ property({ attribute: true, type: String })
28
+ ], TkTooltip.prototype, "position", void 0);
29
+ TkTooltip = __decorate([
30
+ customElement("tk-tooltip")
31
+ ], TkTooltip);
32
+
33
+ export { TkTooltip };
@@ -0,0 +1,4 @@
1
+ var css_248z = ".container{display:inline-block;position:relative}.container .tooltip{background-color:#555;border-radius:6px;color:#fff;opacity:0;padding:.4em;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;z-index:var(--notie-z-index,400)}.container .tooltip.top{right:50%;top:0;transform:translateX(50%) translateY(calc(-100% - 5px))}.container .tooltip.top:after{border:5px solid #0000;border-top-color:#555;content:\"\";left:50%;margin-left:-5px;position:absolute;top:100%}.container .tooltip.right{right:0;top:50%;transform:translateX(calc(100% + 5px)) translateY(-50%)}.container .tooltip.right:after{border:5px solid #0000;border-right-color:#555;content:\"\";margin-top:-5px;position:absolute;right:100%;top:50%}.container .tooltip.bottom{bottom:0;right:50%;transform:translateX(50%) translateY(calc(100% + 5px))}.container .tooltip.bottom:after{border:5px solid;border-color:#0000 #0000 #555;bottom:100%;content:\"\";left:50%;margin-left:-5px;position:absolute}.container .tooltip.left{left:0;top:50%;transform:translateX(calc(-100% - 5px)) translateY(-50%)}.container .tooltip.left:after{border:5px solid #0000;border-left-color:#555;content:\"\";left:100%;margin-top:-5px;position:absolute;top:50%}.container:hover .tooltip{opacity:1;visibility:visible}";
2
+ var stylesheet=".container{display:inline-block;position:relative}.container .tooltip{background-color:#555;border-radius:6px;color:#fff;opacity:0;padding:.4em;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;z-index:var(--notie-z-index,400)}.container .tooltip.top{right:50%;top:0;transform:translateX(50%) translateY(calc(-100% - 5px))}.container .tooltip.top:after{border:5px solid #0000;border-top-color:#555;content:\"\";left:50%;margin-left:-5px;position:absolute;top:100%}.container .tooltip.right{right:0;top:50%;transform:translateX(calc(100% + 5px)) translateY(-50%)}.container .tooltip.right:after{border:5px solid #0000;border-right-color:#555;content:\"\";margin-top:-5px;position:absolute;right:100%;top:50%}.container .tooltip.bottom{bottom:0;right:50%;transform:translateX(50%) translateY(calc(100% + 5px))}.container .tooltip.bottom:after{border:5px solid;border-color:#0000 #0000 #555;bottom:100%;content:\"\";left:50%;margin-left:-5px;position:absolute}.container .tooltip.left{left:0;top:50%;transform:translateX(calc(-100% - 5px)) translateY(-50%)}.container .tooltip.left:after{border:5px solid #0000;border-left-color:#555;content:\"\";left:100%;margin-top:-5px;position:absolute;top:50%}.container:hover .tooltip{opacity:1;visibility:visible}";
3
+
4
+ export { css_248z as default, stylesheet };
@@ -325,6 +325,7 @@ interface NotieConfirmOptions extends NotieOptions {
325
325
  }
326
326
  interface NotieInputOptions extends NotieConfirmOptions {
327
327
  password?: boolean;
328
+ inputType?: string;
328
329
  }
329
330
  declare enum NotieType {
330
331
  show = "show",
@@ -349,6 +350,7 @@ declare class TkNotie extends TkBox {
349
350
  delay: number;
350
351
  animationDelay: number;
351
352
  text: string;
353
+ inputType: string;
352
354
  buttonText: string;
353
355
  confirmText: string;
354
356
  cancelText: string;
@@ -611,5 +613,15 @@ declare global {
611
613
  "tk-theme": TkTheme;
612
614
  }
613
615
  }
614
- 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 };
616
+ declare class TkTooltip extends LitElement {
617
+ static styles: import("lit").CSSResult;
618
+ position: "bottom" | "top" | "right" | "left";
619
+ render(): import("lit-html").TemplateResult<1>;
620
+ }
621
+ declare global {
622
+ interface HTMLElementTagNameMap {
623
+ "tk-tooltip": TkTooltip;
624
+ }
625
+ }
626
+ 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 };
615
627
  //# sourceMappingURL=tinkiet.min.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"tinkiet.min.d.ts","sourceRoot":"","sources":["../../tinkiet/index.ts","../../tinkiet/box/box.ts","../../tinkiet/box/index.ts","../../tinkiet/utils/unique.ts","../../tinkiet/box/focusable-box.ts","../../tinkiet/accordion/accordion.ts","../../tinkiet/accordion/index.ts","../../tinkiet/badge/badge.ts","../../tinkiet/badge/index.ts","../../tinkiet/button/button.ts","../../tinkiet/button/index.ts","../../tinkiet/checkbox/checkbox.ts","../../tinkiet/checkbox/index.ts","../../tinkiet/dialog/dialog.ts","../../tinkiet/dialog/index.ts","../../tinkiet/drawer/drawer.ts","../../tinkiet/drawer/index.ts","../../tinkiet/form/form.ts","../../tinkiet/form/index.ts","../../tinkiet/icon/icons.ts","../../tinkiet/icon/icon.ts","../../tinkiet/icon/index.ts","../../tinkiet/list-item/list-item.ts","../../tinkiet/list-item/index.ts","../../tinkiet/loading/loading.ts","../../tinkiet/loading/index.ts","../../tinkiet/navbar/navbar.ts","../../tinkiet/navbar/index.ts","../../tinkiet/textfield/textfield.ts","../../tinkiet/textfield/index.ts","../../tinkiet/notie/notie.ts","../../tinkiet/notie/index.ts","../../tinkiet/pages/pages.ts","../../tinkiet/pages/index.ts","../../tinkiet/radio/radio.ts","../../tinkiet/radio/index.ts","../../tinkiet/select/select.ts","../../tinkiet/select/index.ts","../../tinkiet/slider/slider.ts","../../tinkiet/slider/index.ts","../../tinkiet/switch/switch.ts","../../tinkiet/switch/index.ts","../../tinkiet/tab-group/tab-group.ts","../../tinkiet/tab-group/index.ts","../../tinkiet/tag/tag.ts","../../tinkiet/tag/index.ts","../../tinkiet/textarea/textarea.ts","../../tinkiet/textarea/index.ts","../../tinkiet/theme/theme.ts","../../tinkiet/theme/index.ts"],"names":[],"mappings":""}
1
+ {"version":3,"file":"tinkiet.min.d.ts","sourceRoot":"","sources":["../../tinkiet/index.ts","../../tinkiet/box/box.ts","../../tinkiet/box/index.ts","../../tinkiet/utils/unique.ts","../../tinkiet/box/focusable-box.ts","../../tinkiet/accordion/accordion.ts","../../tinkiet/accordion/index.ts","../../tinkiet/badge/badge.ts","../../tinkiet/badge/index.ts","../../tinkiet/button/button.ts","../../tinkiet/button/index.ts","../../tinkiet/checkbox/checkbox.ts","../../tinkiet/checkbox/index.ts","../../tinkiet/dialog/dialog.ts","../../tinkiet/dialog/index.ts","../../tinkiet/drawer/drawer.ts","../../tinkiet/drawer/index.ts","../../tinkiet/form/form.ts","../../tinkiet/form/index.ts","../../tinkiet/icon/icons.ts","../../tinkiet/icon/icon.ts","../../tinkiet/icon/index.ts","../../tinkiet/list-item/list-item.ts","../../tinkiet/list-item/index.ts","../../tinkiet/loading/loading.ts","../../tinkiet/loading/index.ts","../../tinkiet/navbar/navbar.ts","../../tinkiet/navbar/index.ts","../../tinkiet/textfield/textfield.ts","../../tinkiet/textfield/index.ts","../../tinkiet/notie/notie.ts","../../tinkiet/notie/index.ts","../../tinkiet/pages/pages.ts","../../tinkiet/pages/index.ts","../../tinkiet/radio/radio.ts","../../tinkiet/radio/index.ts","../../tinkiet/select/select.ts","../../tinkiet/select/index.ts","../../tinkiet/slider/slider.ts","../../tinkiet/slider/index.ts","../../tinkiet/switch/switch.ts","../../tinkiet/switch/index.ts","../../tinkiet/tab-group/tab-group.ts","../../tinkiet/tab-group/index.ts","../../tinkiet/tag/tag.ts","../../tinkiet/tag/index.ts","../../tinkiet/textarea/textarea.ts","../../tinkiet/textarea/index.ts","../../tinkiet/theme/theme.ts","../../tinkiet/theme/index.ts","../../tinkiet/tooltip/tooltip.ts","../../tinkiet/tooltip/index.ts"],"names":[],"mappings":""}