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.
- package/accordion/accordion.d.ts +1 -1
- package/accordion/index.d.ts +1 -1
- package/badge/badge.d.ts +1 -1
- package/badge/index.d.ts +1 -1
- package/box/focusable-box.d.ts +1 -1
- package/box/index.d.ts +1 -1
- package/button/button.d.ts +1 -1
- package/button/index.d.ts +1 -1
- package/checkbox/index.d.ts +1 -1
- package/dialog/index.d.ts +1 -1
- package/drawer/index.d.ts +1 -1
- package/form/index.d.ts +1 -1
- package/icon/icon.d.ts +1 -1
- package/icon/index.d.ts +2 -2
- package/index.d.ts +24 -23
- package/index.d.ts.map +1 -1
- package/index.js +2 -0
- package/list-item/index.d.ts +1 -1
- package/list-item/list-item.js +2 -3
- package/loading/index.d.ts +1 -1
- package/loading/loading.d.ts +1 -1
- package/navbar/index.d.ts +1 -1
- package/navbar/navbar.d.ts +1 -1
- package/notie/index.d.ts +1 -1
- package/notie/notie.d.ts +3 -1
- package/notie/notie.js +7 -2
- package/package.json +1 -1
- package/pages/index.d.ts +1 -1
- package/radio/index.d.ts +1 -1
- package/select/index.d.ts +1 -1
- package/slider/index.d.ts +1 -1
- package/switch/index.d.ts +1 -1
- package/tab-group/index.d.ts +1 -1
- package/tab-group/tab-group.js +1 -8
- package/tag/index.d.ts +1 -1
- package/textarea/index.d.ts +1 -1
- package/textarea/textarea.js +1 -1
- package/textfield/index.d.ts +1 -1
- package/textfield/textfield.js +31 -29
- package/theme/index.d.ts +1 -1
- package/tooltip/index.d.ts +1 -0
- package/tooltip/index.js +1 -0
- package/tooltip/tooltip.d.ts +12 -0
- package/tooltip/tooltip.js +33 -0
- package/tooltip/tooltip.scss.js +4 -0
- package/umd/tinkiet.min.d.ts +13 -1
- package/umd/tinkiet.min.d.ts.map +1 -1
- package/umd/tinkiet.min.js +1 -1
package/accordion/accordion.d.ts
CHANGED
package/accordion/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./accordion
|
|
1
|
+
export * from "./accordion";
|
package/badge/badge.d.ts
CHANGED
package/badge/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./badge
|
|
1
|
+
export * from "./badge";
|
package/box/focusable-box.d.ts
CHANGED
package/box/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./box
|
|
1
|
+
export * from "./box";
|
package/button/button.d.ts
CHANGED
package/button/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./button
|
|
1
|
+
export * from "./button";
|
package/checkbox/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./checkbox
|
|
1
|
+
export * from "./checkbox";
|
package/dialog/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./dialog
|
|
1
|
+
export * from "./dialog";
|
package/drawer/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./drawer
|
|
1
|
+
export * from "./drawer";
|
package/form/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { TkForm } from "./form
|
|
1
|
+
export { TkForm } from "./form";
|
package/icon/icon.d.ts
CHANGED
package/icon/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./icon
|
|
2
|
-
export * from "./icons
|
|
1
|
+
export * from "./icon";
|
|
2
|
+
export * from "./icons";
|
package/index.d.ts
CHANGED
|
@@ -1,24 +1,25 @@
|
|
|
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
|
|
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,
|
|
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';
|
package/list-item/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./list-item
|
|
1
|
+
export * from "./list-item";
|
package/list-item/list-item.js
CHANGED
|
@@ -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 (
|
|
43
|
-
|
|
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();
|
package/loading/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./loading
|
|
1
|
+
export * from "./loading";
|
package/loading/loading.d.ts
CHANGED
package/navbar/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./navbar
|
|
1
|
+
export * from "./navbar";
|
package/navbar/navbar.d.ts
CHANGED
package/notie/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./notie
|
|
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
|
|
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.
|
|
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
package/pages/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./pages
|
|
1
|
+
export * from "./pages";
|
package/radio/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./radio
|
|
1
|
+
export * from "./radio";
|
package/select/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./select
|
|
1
|
+
export * from "./select";
|
package/slider/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./slider
|
|
1
|
+
export * from "./slider";
|
package/switch/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./switch
|
|
1
|
+
export * from "./switch";
|
package/tab-group/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./tab-group
|
|
1
|
+
export * from "./tab-group";
|
package/tab-group/tab-group.js
CHANGED
|
@@ -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
|
|
1
|
+
export * from "./tag";
|
package/textarea/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./textarea
|
|
1
|
+
export * from "./textarea";
|
package/textarea/textarea.js
CHANGED
|
@@ -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 })
|
package/textfield/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./textfield
|
|
1
|
+
export * from "./textfield";
|
package/textfield/textfield.js
CHANGED
|
@@ -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
|
|
31
|
-
<
|
|
32
|
-
|
|
33
|
-
<div id="
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
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
|
-
|
|
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
|
|
1
|
+
export * from "./theme";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./tooltip";
|
package/tooltip/index.js
ADDED
|
@@ -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 };
|
package/umd/tinkiet.min.d.ts
CHANGED
|
@@ -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
|
-
|
|
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
|
package/umd/tinkiet.min.d.ts.map
CHANGED
|
@@ -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":""}
|