@esportsplus/ui 0.50.7 → 0.50.8
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 +17 -17
- package/build/components/alert/index.js +41 -41
- 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 +24 -24
- package/build/components/checkbox/index.js +23 -23
- package/build/components/clipboard/onclick.js +13 -13
- package/build/components/counter/index.js +34 -34
- 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 +15 -15
- package/build/components/icon/index.d.ts +11 -11
- package/build/components/icon/index.js +6 -6
- package/build/components/input/index.js +20 -20
- package/build/components/loader/index.d.ts +16 -16
- package/build/components/loader/index.js +33 -33
- package/build/components/loading/index.js +5 -5
- package/build/components/range/index.js +25 -25
- package/build/components/scrollbar/index.d.ts +11 -11
- package/build/components/scrollbar/index.js +24 -24
- package/build/components/select/index.js +40 -40
- package/build/components/textarea/index.js +20 -20
- 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 +14 -14
- package/build/components/tooltip/onhover.d.ts +16 -16
- package/build/components/tooltip/onhover.js +15 -15
- package/build/components/typewriter/index.d.ts +11 -11
- package/build/components/typewriter/index.js +14 -14
- package/package.json +3 -3
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_292f14c231b04105b4eefef4d182f0851 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_292f14c231b04105b4eefef4d182f0850 from '@esportsplus/reactivity';
|
|
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
|
|
7
|
-
class
|
|
8
|
-
#active = this[
|
|
6
|
+
const template_292f14c231b04105b4eefef4d182f0854t = template_292f14c231b04105b4eefef4d182f0851.template(`<div class='tooltip'><!--$--></div>`);
|
|
7
|
+
class ReactiveObject_292f14c231b04105b4eefef4d182f0854r extends reactivity_292f14c231b04105b4eefef4d182f0850.ReactiveObject {
|
|
8
|
+
#active = this[reactivity_292f14c231b04105b4eefef4d182f0850.SIGNAL](false);
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get active() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_292f14c231b04105b4eefef4d182f0850.read(this.#active);
|
|
14
14
|
}
|
|
15
15
|
set active(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_292f14c231b04105b4eefef4d182f0850.write(this.#active, _v0);
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
const OMIT = ['state', 'toggle'];
|
|
@@ -37,12 +37,12 @@ function frame() {
|
|
|
37
37
|
running = false;
|
|
38
38
|
}
|
|
39
39
|
export default template.factory((attributes, content) => {
|
|
40
|
-
let state = attributes.state || new
|
|
40
|
+
let state = attributes.state || new ReactiveObject_292f14c231b04105b4eefef4d182f0854r(), toggle = attributes.toggle || false;
|
|
41
41
|
return (() => {
|
|
42
|
-
let
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
42
|
+
let root_292f14c231b04105b4eefef4d182f0854s = template_292f14c231b04105b4eefef4d182f0854t(), element_292f14c231b04105b4eefef4d182f0854u = root_292f14c231b04105b4eefef4d182f0854s.firstChild, element_292f14c231b04105b4eefef4d182f0854v = element_292f14c231b04105b4eefef4d182f0854u.firstChild, attributes_292f14c231b04105b4eefef4d182f0854w = { "class": "tooltip" };
|
|
43
|
+
template_292f14c231b04105b4eefef4d182f0851.setProperties(element_292f14c231b04105b4eefef4d182f0854u, omit(attributes, OMIT), attributes_292f14c231b04105b4eefef4d182f0854w);
|
|
44
|
+
template_292f14c231b04105b4eefef4d182f0851.setList(element_292f14c231b04105b4eefef4d182f0854u, 'class', () => state.active && '--active', attributes_292f14c231b04105b4eefef4d182f0854w);
|
|
45
|
+
template_292f14c231b04105b4eefef4d182f0851.delegate(element_292f14c231b04105b4eefef4d182f0854u, 'click', function (e) {
|
|
46
46
|
let active = true, node = e.target;
|
|
47
47
|
if (this === node || (toggle && this.contains(node))) {
|
|
48
48
|
active = !state.active;
|
|
@@ -70,7 +70,7 @@ export default template.factory((attributes, content) => {
|
|
|
70
70
|
scheduled = true;
|
|
71
71
|
}
|
|
72
72
|
});
|
|
73
|
-
|
|
74
|
-
return
|
|
73
|
+
template_292f14c231b04105b4eefef4d182f0851.slot(element_292f14c231b04105b4eefef4d182f0854v, content);
|
|
74
|
+
return root_292f14c231b04105b4eefef4d182f0854s;
|
|
75
75
|
})();
|
|
76
76
|
});
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_292f14c231b04105b4eefef4d182f0851 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_292f14c231b04105b4eefef4d182f0851.Attributes | undefined;
|
|
5
|
+
content?: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>;
|
|
6
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>) => template_292f14c231b04105b4eefef4d182f0851.Renderable<any>>;
|
|
7
|
+
<T extends template_292f14c231b04105b4eefef4d182f0851.Attributes>(attributes: T): ReturnType<(this: {
|
|
8
|
+
attributes?: template_292f14c231b04105b4eefef4d182f0851.Attributes | undefined;
|
|
9
|
+
content?: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>;
|
|
10
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>) => template_292f14c231b04105b4eefef4d182f0851.Renderable<any>>;
|
|
11
|
+
<T extends template_292f14c231b04105b4eefef4d182f0851.Renderable<any>>(content: T): ReturnType<(this: {
|
|
12
|
+
attributes?: template_292f14c231b04105b4eefef4d182f0851.Attributes | undefined;
|
|
13
|
+
content?: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>;
|
|
14
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>) => template_292f14c231b04105b4eefef4d182f0851.Renderable<any>>;
|
|
15
|
+
(attributes: template_292f14c231b04105b4eefef4d182f0851.Attributes, content: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>): ReturnType<(this: {
|
|
16
|
+
attributes?: template_292f14c231b04105b4eefef4d182f0851.Attributes | undefined;
|
|
17
|
+
content?: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>;
|
|
18
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>) => template_292f14c231b04105b4eefef4d182f0851.Renderable<any>>;
|
|
19
19
|
};
|
|
20
20
|
export default _default;
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_292f14c231b04105b4eefef4d182f0851 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_292f14c231b04105b4eefef4d182f0850 from '@esportsplus/reactivity';
|
|
3
3
|
import { omit } from '@esportsplus/utilities';
|
|
4
4
|
import template from '../../components/template/index.js';
|
|
5
|
-
const
|
|
6
|
-
class
|
|
7
|
-
#active = this[
|
|
5
|
+
const template_292f14c231b04105b4eefef4d182f0854z = template_292f14c231b04105b4eefef4d182f0851.template(`<div class='tooltip'><!--$--></div>`);
|
|
6
|
+
class ReactiveObject_292f14c231b04105b4eefef4d182f0854x extends reactivity_292f14c231b04105b4eefef4d182f0850.ReactiveObject {
|
|
7
|
+
#active = this[reactivity_292f14c231b04105b4eefef4d182f0850.SIGNAL](false);
|
|
8
8
|
constructor() {
|
|
9
9
|
super(null);
|
|
10
10
|
}
|
|
11
11
|
get active() {
|
|
12
|
-
return
|
|
12
|
+
return reactivity_292f14c231b04105b4eefef4d182f0850.read(this.#active);
|
|
13
13
|
}
|
|
14
14
|
set active(_v0) {
|
|
15
|
-
|
|
15
|
+
reactivity_292f14c231b04105b4eefef4d182f0850.write(this.#active, _v0);
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
const OMIT = ['state'];
|
|
19
19
|
export default template.factory((attributes, content) => {
|
|
20
|
-
let state = attributes.state || new
|
|
20
|
+
let state = attributes.state || new ReactiveObject_292f14c231b04105b4eefef4d182f0854x();
|
|
21
21
|
return (() => {
|
|
22
|
-
let
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
22
|
+
let root_292f14c231b04105b4eefef4d182f0854y = template_292f14c231b04105b4eefef4d182f0854z(), element_292f14c231b04105b4eefef4d182f08550 = root_292f14c231b04105b4eefef4d182f0854y.firstChild, element_292f14c231b04105b4eefef4d182f08551 = element_292f14c231b04105b4eefef4d182f08550.firstChild, attributes_292f14c231b04105b4eefef4d182f08552 = { "class": "tooltip" };
|
|
23
|
+
template_292f14c231b04105b4eefef4d182f0851.setProperties(element_292f14c231b04105b4eefef4d182f08550, omit(attributes, OMIT), attributes_292f14c231b04105b4eefef4d182f08552);
|
|
24
|
+
template_292f14c231b04105b4eefef4d182f0851.setList(element_292f14c231b04105b4eefef4d182f08550, 'class', () => state.active && '--active', attributes_292f14c231b04105b4eefef4d182f08552);
|
|
25
|
+
template_292f14c231b04105b4eefef4d182f0851.delegate(element_292f14c231b04105b4eefef4d182f08550, 'mouseover', () => {
|
|
26
26
|
state.active = true;
|
|
27
27
|
});
|
|
28
|
-
|
|
28
|
+
template_292f14c231b04105b4eefef4d182f0851.delegate(element_292f14c231b04105b4eefef4d182f08550, 'mouseout', () => {
|
|
29
29
|
state.active = false;
|
|
30
30
|
});
|
|
31
|
-
|
|
32
|
-
return
|
|
31
|
+
template_292f14c231b04105b4eefef4d182f0851.slot(element_292f14c231b04105b4eefef4d182f08551, content);
|
|
32
|
+
return root_292f14c231b04105b4eefef4d182f0854y;
|
|
33
33
|
})();
|
|
34
34
|
});
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_292f14c231b04105b4eefef4d182f0851 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
(): ReturnType<(this: {
|
|
5
|
-
attributes?:
|
|
5
|
+
attributes?: template_292f14c231b04105b4eefef4d182f0851.Attributes | undefined;
|
|
6
6
|
content?: string[] | undefined;
|
|
7
|
-
}, attributes: Readonly<
|
|
8
|
-
<T extends
|
|
9
|
-
attributes?:
|
|
7
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: string[]) => template_292f14c231b04105b4eefef4d182f0851.Renderable<any>>;
|
|
8
|
+
<T extends template_292f14c231b04105b4eefef4d182f0851.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_292f14c231b04105b4eefef4d182f0851.Attributes | undefined;
|
|
10
10
|
content?: string[] | undefined;
|
|
11
|
-
}, attributes: Readonly<
|
|
11
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: string[]) => template_292f14c231b04105b4eefef4d182f0851.Renderable<any>>;
|
|
12
12
|
<T extends string[]>(content: T): ReturnType<(this: {
|
|
13
|
-
attributes?:
|
|
13
|
+
attributes?: template_292f14c231b04105b4eefef4d182f0851.Attributes | undefined;
|
|
14
14
|
content?: string[] | undefined;
|
|
15
|
-
}, attributes: Readonly<
|
|
16
|
-
(attributes:
|
|
17
|
-
attributes?:
|
|
15
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: string[]) => template_292f14c231b04105b4eefef4d182f0851.Renderable<any>>;
|
|
16
|
+
(attributes: template_292f14c231b04105b4eefef4d182f0851.Attributes, content: string[]): ReturnType<(this: {
|
|
17
|
+
attributes?: template_292f14c231b04105b4eefef4d182f0851.Attributes | undefined;
|
|
18
18
|
content?: string[] | undefined;
|
|
19
|
-
}, attributes: Readonly<
|
|
19
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: string[]) => template_292f14c231b04105b4eefef4d182f0851.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_292f14c231b04105b4eefef4d182f0851 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_292f14c231b04105b4eefef4d182f0850 from '@esportsplus/reactivity';
|
|
3
3
|
import template from '../../components/template/index.js';
|
|
4
4
|
import './scss/index.scss';
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
class
|
|
8
|
-
#text = this[
|
|
5
|
+
const template_292f14c231b04105b4eefef4d182f08555 = template_292f14c231b04105b4eefef4d182f0851.template(`<div class='typewriter'><!--$--></div>`);
|
|
6
|
+
const template_292f14c231b04105b4eefef4d182f08558 = template_292f14c231b04105b4eefef4d182f0851.template(``);
|
|
7
|
+
class ReactiveObject_292f14c231b04105b4eefef4d182f08553 extends reactivity_292f14c231b04105b4eefef4d182f0850.ReactiveObject {
|
|
8
|
+
#text = this[reactivity_292f14c231b04105b4eefef4d182f0850.SIGNAL]('');
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get text() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_292f14c231b04105b4eefef4d182f0850.read(this.#text);
|
|
14
14
|
}
|
|
15
15
|
set text(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_292f14c231b04105b4eefef4d182f0850.write(this.#text, _v0);
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
|
-
const EMPTY_NODE =
|
|
19
|
+
const EMPTY_NODE = template_292f14c231b04105b4eefef4d182f08558();
|
|
20
20
|
export default template.factory(function (_, content) {
|
|
21
|
-
let state = new
|
|
21
|
+
let state = new ReactiveObject_292f14c231b04105b4eefef4d182f08553();
|
|
22
22
|
return (() => {
|
|
23
|
-
let
|
|
24
|
-
|
|
23
|
+
let root_292f14c231b04105b4eefef4d182f08554 = template_292f14c231b04105b4eefef4d182f08555(), element_292f14c231b04105b4eefef4d182f08556 = root_292f14c231b04105b4eefef4d182f08554.firstChild, element_292f14c231b04105b4eefef4d182f08557 = element_292f14c231b04105b4eefef4d182f08556.firstChild;
|
|
24
|
+
template_292f14c231b04105b4eefef4d182f0851.onconnect(element_292f14c231b04105b4eefef4d182f08556, () => {
|
|
25
25
|
let character = 0, i = 0, isWriting = true, write = content[i];
|
|
26
26
|
function play() {
|
|
27
27
|
setTimeout(() => {
|
|
@@ -50,7 +50,7 @@ export default template.factory(function (_, content) {
|
|
|
50
50
|
}
|
|
51
51
|
play();
|
|
52
52
|
});
|
|
53
|
-
new
|
|
54
|
-
return
|
|
53
|
+
new template_292f14c231b04105b4eefef4d182f0851.EffectSlot(element_292f14c231b04105b4eefef4d182f08557, () => state.text || EMPTY_NODE);
|
|
54
|
+
return root_292f14c231b04105b4eefef4d182f08554;
|
|
55
55
|
})();
|
|
56
56
|
});
|
package/package.json
CHANGED
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
"dependencies": {
|
|
4
4
|
"@esportsplus/action": "^0.1.4",
|
|
5
5
|
"@esportsplus/queue": "^0.2.0",
|
|
6
|
-
"@esportsplus/reactivity": "^0.30.
|
|
7
|
-
"@esportsplus/template": "^0.16.
|
|
6
|
+
"@esportsplus/reactivity": "^0.30.2",
|
|
7
|
+
"@esportsplus/template": "^0.16.8",
|
|
8
8
|
"@esportsplus/utilities": "^0.27.2",
|
|
9
9
|
"@esportsplus/vite": "^0.12.7",
|
|
10
10
|
"modern-normalize": "^3.0.1"
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
},
|
|
60
60
|
"sideEffects": false,
|
|
61
61
|
"type": "module",
|
|
62
|
-
"version": "0.50.
|
|
62
|
+
"version": "0.50.8",
|
|
63
63
|
"scripts": {
|
|
64
64
|
"build": "run-s build:vite build:ts",
|
|
65
65
|
"build:ts": "tsc",
|