@esportsplus/ui 0.48.1 → 0.48.2
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/build/components/accordion/index.d.ts +16 -16
- package/build/components/accordion/index.js +9 -9
- package/build/components/alert/index.js +26 -26
- package/build/components/back/index.d.ts +8 -8
- package/build/components/back/index.js +8 -8
- package/build/components/button/index.d.ts +21 -21
- package/build/components/button/index.js +15 -15
- package/build/components/checkbox/index.js +14 -14
- package/build/components/clipboard/onclick.js +7 -7
- package/build/components/counter/index.js +20 -20
- package/build/components/ellipsis/index.js +5 -5
- package/build/components/form/action.js +8 -8
- package/build/components/highlight/index.d.ts +16 -16
- package/build/components/highlight/index.js +8 -8
- package/build/components/icon/index.d.ts +11 -11
- package/build/components/icon/index.js +6 -6
- package/build/components/input/index.js +11 -11
- package/build/components/loader/index.d.ts +16 -16
- package/build/components/loader/index.js +20 -20
- package/build/components/loading/index.js +5 -5
- package/build/components/range/index.js +13 -13
- package/build/components/scrollbar/index.d.ts +11 -11
- package/build/components/scrollbar/index.js +14 -14
- package/build/components/select/index.js +24 -24
- package/build/components/textarea/index.js +11 -11
- package/build/components/tooltip/menu.d.ts +11 -11
- package/build/components/tooltip/menu.js +20 -20
- package/build/components/tooltip/onclick.d.ts +1101 -1101
- package/build/components/tooltip/onclick.js +8 -8
- package/build/components/tooltip/onhover.d.ts +16 -16
- package/build/components/tooltip/onhover.js +9 -9
- package/build/components/typewriter/index.d.ts +11 -11
- package/build/components/typewriter/index.js +8 -8
- package/package.json +2 -2
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_e90343e05b274f9c8b2074a07cff2a541 from '@esportsplus/template';
|
|
2
2
|
import { reactive } from '@esportsplus/template';
|
|
3
3
|
import { omit } from '@esportsplus/utilities';
|
|
4
4
|
import { root } from '@esportsplus/ui';
|
|
5
5
|
import template from '../../components/template/index.js';
|
|
6
|
-
const
|
|
6
|
+
const template_e90343e05b274f9c8b2074a07cff2a543g = template_e90343e05b274f9c8b2074a07cff2a541.template(`<div
|
|
7
7
|
class='tooltip'><!--$--></div>`);
|
|
8
8
|
const OMIT = ['state', 'toggle'];
|
|
9
9
|
let parent = null, queue = [], running = false, scheduled = false;
|
|
@@ -28,10 +28,10 @@ function frame() {
|
|
|
28
28
|
export default template.factory((attributes, content) => {
|
|
29
29
|
let state = attributes.state || reactive({ active: false }), toggle = attributes.toggle || false;
|
|
30
30
|
return (() => {
|
|
31
|
-
let
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
let root_e90343e05b274f9c8b2074a07cff2a543f = template_e90343e05b274f9c8b2074a07cff2a543g(), element_e90343e05b274f9c8b2074a07cff2a543h = root_e90343e05b274f9c8b2074a07cff2a543f.firstChild, element_e90343e05b274f9c8b2074a07cff2a543i = element_e90343e05b274f9c8b2074a07cff2a543h.firstChild;
|
|
32
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a543h, omit(attributes, OMIT));
|
|
33
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setClass(element_e90343e05b274f9c8b2074a07cff2a543h, '', () => state.active && '--active');
|
|
34
|
+
template_e90343e05b274f9c8b2074a07cff2a541.delegate(element_e90343e05b274f9c8b2074a07cff2a543h, 'click', function (e) {
|
|
35
35
|
let active = true, node = e.target;
|
|
36
36
|
if (this === node || (toggle && this.contains(node))) {
|
|
37
37
|
active = !state.active;
|
|
@@ -59,7 +59,7 @@ export default template.factory((attributes, content) => {
|
|
|
59
59
|
scheduled = true;
|
|
60
60
|
}
|
|
61
61
|
});
|
|
62
|
-
|
|
63
|
-
return
|
|
62
|
+
template_e90343e05b274f9c8b2074a07cff2a541.slot(element_e90343e05b274f9c8b2074a07cff2a543i, content);
|
|
63
|
+
return root_e90343e05b274f9c8b2074a07cff2a543f;
|
|
64
64
|
})();
|
|
65
65
|
});
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_e90343e05b274f9c8b2074a07cff2a541 from '@esportsplus/template';
|
|
2
2
|
declare const _default: {
|
|
3
3
|
(): ReturnType<(this: {
|
|
4
|
-
attributes?:
|
|
5
|
-
content?:
|
|
6
|
-
}, attributes: Readonly<
|
|
7
|
-
<T extends
|
|
8
|
-
attributes?:
|
|
9
|
-
content?:
|
|
10
|
-
}, attributes: Readonly<
|
|
11
|
-
<T extends
|
|
12
|
-
attributes?:
|
|
13
|
-
content?:
|
|
14
|
-
}, attributes: Readonly<
|
|
15
|
-
(attributes:
|
|
16
|
-
attributes?:
|
|
17
|
-
content?:
|
|
18
|
-
}, attributes: Readonly<
|
|
4
|
+
attributes?: template_e90343e05b274f9c8b2074a07cff2a541.Attributes | undefined;
|
|
5
|
+
content?: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>;
|
|
6
|
+
}, attributes: Readonly<template_e90343e05b274f9c8b2074a07cff2a541.Attributes>, content: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>) => template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>>;
|
|
7
|
+
<T extends template_e90343e05b274f9c8b2074a07cff2a541.Attributes>(attributes: T): ReturnType<(this: {
|
|
8
|
+
attributes?: template_e90343e05b274f9c8b2074a07cff2a541.Attributes | undefined;
|
|
9
|
+
content?: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>;
|
|
10
|
+
}, attributes: Readonly<template_e90343e05b274f9c8b2074a07cff2a541.Attributes>, content: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>) => template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>>;
|
|
11
|
+
<T extends template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>>(content: T): ReturnType<(this: {
|
|
12
|
+
attributes?: template_e90343e05b274f9c8b2074a07cff2a541.Attributes | undefined;
|
|
13
|
+
content?: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>;
|
|
14
|
+
}, attributes: Readonly<template_e90343e05b274f9c8b2074a07cff2a541.Attributes>, content: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>) => template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>>;
|
|
15
|
+
(attributes: template_e90343e05b274f9c8b2074a07cff2a541.Attributes, content: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>): ReturnType<(this: {
|
|
16
|
+
attributes?: template_e90343e05b274f9c8b2074a07cff2a541.Attributes | undefined;
|
|
17
|
+
content?: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>;
|
|
18
|
+
}, attributes: Readonly<template_e90343e05b274f9c8b2074a07cff2a541.Attributes>, content: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>) => template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>>;
|
|
19
19
|
};
|
|
20
20
|
export default _default;
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_e90343e05b274f9c8b2074a07cff2a541 from '@esportsplus/template';
|
|
2
2
|
import { reactive } from '@esportsplus/template';
|
|
3
3
|
import { omit } from '@esportsplus/utilities';
|
|
4
4
|
import template from '../../components/template/index.js';
|
|
5
|
-
const
|
|
5
|
+
const template_e90343e05b274f9c8b2074a07cff2a543k = template_e90343e05b274f9c8b2074a07cff2a541.template(`<div
|
|
6
6
|
class='tooltip'><!--$--></div>`);
|
|
7
7
|
const OMIT = ['state'];
|
|
8
8
|
export default template.factory((attributes, content) => {
|
|
9
9
|
let state = attributes.state || reactive({ active: false });
|
|
10
10
|
return (() => {
|
|
11
|
-
let
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
11
|
+
let root_e90343e05b274f9c8b2074a07cff2a543j = template_e90343e05b274f9c8b2074a07cff2a543k(), element_e90343e05b274f9c8b2074a07cff2a543l = root_e90343e05b274f9c8b2074a07cff2a543j.firstChild, element_e90343e05b274f9c8b2074a07cff2a543m = element_e90343e05b274f9c8b2074a07cff2a543l.firstChild;
|
|
12
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a543l, omit(attributes, OMIT));
|
|
13
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setClass(element_e90343e05b274f9c8b2074a07cff2a543l, '', () => state.active && '--active');
|
|
14
|
+
template_e90343e05b274f9c8b2074a07cff2a541.delegate(element_e90343e05b274f9c8b2074a07cff2a543l, 'mouseover', () => {
|
|
15
15
|
state.active = true;
|
|
16
16
|
});
|
|
17
|
-
|
|
17
|
+
template_e90343e05b274f9c8b2074a07cff2a541.delegate(element_e90343e05b274f9c8b2074a07cff2a543l, 'mouseout', () => {
|
|
18
18
|
state.active = false;
|
|
19
19
|
});
|
|
20
|
-
|
|
21
|
-
return
|
|
20
|
+
template_e90343e05b274f9c8b2074a07cff2a541.slot(element_e90343e05b274f9c8b2074a07cff2a543m, content);
|
|
21
|
+
return root_e90343e05b274f9c8b2074a07cff2a543j;
|
|
22
22
|
})();
|
|
23
23
|
});
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_e90343e05b274f9c8b2074a07cff2a541 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
(): ReturnType<(this: {
|
|
5
|
-
attributes?:
|
|
5
|
+
attributes?: template_e90343e05b274f9c8b2074a07cff2a541.Attributes | undefined;
|
|
6
6
|
content?: string[] | undefined;
|
|
7
|
-
}, attributes: Readonly<
|
|
8
|
-
<T extends
|
|
9
|
-
attributes?:
|
|
7
|
+
}, attributes: Readonly<template_e90343e05b274f9c8b2074a07cff2a541.Attributes>, content: string[]) => template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>>;
|
|
8
|
+
<T extends template_e90343e05b274f9c8b2074a07cff2a541.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_e90343e05b274f9c8b2074a07cff2a541.Attributes | undefined;
|
|
10
10
|
content?: string[] | undefined;
|
|
11
|
-
}, attributes: Readonly<
|
|
11
|
+
}, attributes: Readonly<template_e90343e05b274f9c8b2074a07cff2a541.Attributes>, content: string[]) => template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>>;
|
|
12
12
|
<T extends string[]>(content: T): ReturnType<(this: {
|
|
13
|
-
attributes?:
|
|
13
|
+
attributes?: template_e90343e05b274f9c8b2074a07cff2a541.Attributes | undefined;
|
|
14
14
|
content?: string[] | undefined;
|
|
15
|
-
}, attributes: Readonly<
|
|
16
|
-
(attributes:
|
|
17
|
-
attributes?:
|
|
15
|
+
}, attributes: Readonly<template_e90343e05b274f9c8b2074a07cff2a541.Attributes>, content: string[]) => template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>>;
|
|
16
|
+
(attributes: template_e90343e05b274f9c8b2074a07cff2a541.Attributes, content: string[]): ReturnType<(this: {
|
|
17
|
+
attributes?: template_e90343e05b274f9c8b2074a07cff2a541.Attributes | undefined;
|
|
18
18
|
content?: string[] | undefined;
|
|
19
|
-
}, attributes: Readonly<
|
|
19
|
+
}, attributes: Readonly<template_e90343e05b274f9c8b2074a07cff2a541.Attributes>, content: string[]) => template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_e90343e05b274f9c8b2074a07cff2a541 from '@esportsplus/template';
|
|
2
2
|
import { reactive } from '@esportsplus/template';
|
|
3
3
|
import template from '../../components/template/index.js';
|
|
4
4
|
import './scss/index.scss';
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const EMPTY_NODE =
|
|
5
|
+
const template_e90343e05b274f9c8b2074a07cff2a543o = template_e90343e05b274f9c8b2074a07cff2a541.template(`<div class='typewriter'><!--$--></div>`);
|
|
6
|
+
const template_e90343e05b274f9c8b2074a07cff2a543r = template_e90343e05b274f9c8b2074a07cff2a541.template(``);
|
|
7
|
+
const EMPTY_NODE = template_e90343e05b274f9c8b2074a07cff2a543r();
|
|
8
8
|
export default template.factory(function (_, content) {
|
|
9
9
|
let state = reactive({ text: '' });
|
|
10
10
|
return (() => {
|
|
11
|
-
let
|
|
12
|
-
|
|
11
|
+
let root_e90343e05b274f9c8b2074a07cff2a543n = template_e90343e05b274f9c8b2074a07cff2a543o(), element_e90343e05b274f9c8b2074a07cff2a543p = root_e90343e05b274f9c8b2074a07cff2a543n.firstChild, element_e90343e05b274f9c8b2074a07cff2a543q = element_e90343e05b274f9c8b2074a07cff2a543p.firstChild;
|
|
12
|
+
template_e90343e05b274f9c8b2074a07cff2a541.onconnect(element_e90343e05b274f9c8b2074a07cff2a543p, () => {
|
|
13
13
|
let character = 0, i = 0, isWriting = true, write = content[i];
|
|
14
14
|
function play() {
|
|
15
15
|
setTimeout(() => {
|
|
@@ -38,7 +38,7 @@ export default template.factory(function (_, content) {
|
|
|
38
38
|
}
|
|
39
39
|
play();
|
|
40
40
|
});
|
|
41
|
-
new
|
|
42
|
-
return
|
|
41
|
+
new template_e90343e05b274f9c8b2074a07cff2a541.EffectSlot(element_e90343e05b274f9c8b2074a07cff2a543q, () => state.text || EMPTY_NODE);
|
|
42
|
+
return root_e90343e05b274f9c8b2074a07cff2a543n;
|
|
43
43
|
})();
|
|
44
44
|
});
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"dependencies": {
|
|
4
4
|
"@esportsplus/action": "^0.1.4",
|
|
5
5
|
"@esportsplus/queue": "^0.2.0",
|
|
6
|
-
"@esportsplus/template": "^0.41.
|
|
6
|
+
"@esportsplus/template": "^0.41.3",
|
|
7
7
|
"@esportsplus/utilities": "^0.27.2",
|
|
8
8
|
"@esportsplus/vite": "^0.12.3",
|
|
9
9
|
"modern-normalize": "^3.0.1"
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
},
|
|
59
59
|
"sideEffects": false,
|
|
60
60
|
"type": "module",
|
|
61
|
-
"version": "0.48.
|
|
61
|
+
"version": "0.48.2",
|
|
62
62
|
"scripts": {
|
|
63
63
|
"build": "run-s build:vite build:ts",
|
|
64
64
|
"build:ts": "tsc",
|