@esportsplus/ui 0.50.3 → 0.50.4
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 +5 -5
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_25ee554ebf234cbcbc5b0894cdf8c64d1 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0 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_25ee554ebf234cbcbc5b0894cdf8c64d4t = template_25ee554ebf234cbcbc5b0894cdf8c64d1.template(`<div class='tooltip'><!--$--></div>`);
|
|
7
|
+
class ReactiveObject_25ee554ebf234cbcbc5b0894cdf8c64d4r extends reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.ReactiveObject {
|
|
8
|
+
#active = this[reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.SIGNAL](false);
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get active() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.read(this.#active);
|
|
14
14
|
}
|
|
15
15
|
set active(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.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_25ee554ebf234cbcbc5b0894cdf8c64d4r(), toggle = attributes.toggle || false;
|
|
41
41
|
return (() => {
|
|
42
|
-
let
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
42
|
+
let root_25ee554ebf234cbcbc5b0894cdf8c64d4s = template_25ee554ebf234cbcbc5b0894cdf8c64d4t(), element_25ee554ebf234cbcbc5b0894cdf8c64d4u = root_25ee554ebf234cbcbc5b0894cdf8c64d4s.firstChild, element_25ee554ebf234cbcbc5b0894cdf8c64d4v = element_25ee554ebf234cbcbc5b0894cdf8c64d4u.firstChild, attributes_25ee554ebf234cbcbc5b0894cdf8c64d4w = { "class": "tooltip" };
|
|
43
|
+
template_25ee554ebf234cbcbc5b0894cdf8c64d1.setProperties(element_25ee554ebf234cbcbc5b0894cdf8c64d4u, omit(attributes, OMIT), attributes_25ee554ebf234cbcbc5b0894cdf8c64d4w);
|
|
44
|
+
template_25ee554ebf234cbcbc5b0894cdf8c64d1.setList(element_25ee554ebf234cbcbc5b0894cdf8c64d4u, 'class', () => state.active && '--active', attributes_25ee554ebf234cbcbc5b0894cdf8c64d4w);
|
|
45
|
+
template_25ee554ebf234cbcbc5b0894cdf8c64d1.delegate(element_25ee554ebf234cbcbc5b0894cdf8c64d4u, '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_25ee554ebf234cbcbc5b0894cdf8c64d1.slot(element_25ee554ebf234cbcbc5b0894cdf8c64d4v, content);
|
|
74
|
+
return root_25ee554ebf234cbcbc5b0894cdf8c64d4s;
|
|
75
75
|
})();
|
|
76
76
|
});
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_25ee554ebf234cbcbc5b0894cdf8c64d1 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_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes | undefined;
|
|
5
|
+
content?: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Renderable<any>;
|
|
6
|
+
}, attributes: Readonly<template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes>, content: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Renderable<any>) => template_25ee554ebf234cbcbc5b0894cdf8c64d1.Renderable<any>>;
|
|
7
|
+
<T extends template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes>(attributes: T): ReturnType<(this: {
|
|
8
|
+
attributes?: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes | undefined;
|
|
9
|
+
content?: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Renderable<any>;
|
|
10
|
+
}, attributes: Readonly<template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes>, content: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Renderable<any>) => template_25ee554ebf234cbcbc5b0894cdf8c64d1.Renderable<any>>;
|
|
11
|
+
<T extends template_25ee554ebf234cbcbc5b0894cdf8c64d1.Renderable<any>>(content: T): ReturnType<(this: {
|
|
12
|
+
attributes?: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes | undefined;
|
|
13
|
+
content?: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Renderable<any>;
|
|
14
|
+
}, attributes: Readonly<template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes>, content: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Renderable<any>) => template_25ee554ebf234cbcbc5b0894cdf8c64d1.Renderable<any>>;
|
|
15
|
+
(attributes: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes, content: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Renderable<any>): ReturnType<(this: {
|
|
16
|
+
attributes?: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes | undefined;
|
|
17
|
+
content?: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Renderable<any>;
|
|
18
|
+
}, attributes: Readonly<template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes>, content: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Renderable<any>) => template_25ee554ebf234cbcbc5b0894cdf8c64d1.Renderable<any>>;
|
|
19
19
|
};
|
|
20
20
|
export default _default;
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_25ee554ebf234cbcbc5b0894cdf8c64d1 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0 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_25ee554ebf234cbcbc5b0894cdf8c64d4z = template_25ee554ebf234cbcbc5b0894cdf8c64d1.template(`<div class='tooltip'><!--$--></div>`);
|
|
6
|
+
class ReactiveObject_25ee554ebf234cbcbc5b0894cdf8c64d4x extends reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.ReactiveObject {
|
|
7
|
+
#active = this[reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.SIGNAL](false);
|
|
8
8
|
constructor() {
|
|
9
9
|
super(null);
|
|
10
10
|
}
|
|
11
11
|
get active() {
|
|
12
|
-
return
|
|
12
|
+
return reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.read(this.#active);
|
|
13
13
|
}
|
|
14
14
|
set active(_v0) {
|
|
15
|
-
|
|
15
|
+
reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.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_25ee554ebf234cbcbc5b0894cdf8c64d4x();
|
|
21
21
|
return (() => {
|
|
22
|
-
let
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
22
|
+
let root_25ee554ebf234cbcbc5b0894cdf8c64d4y = template_25ee554ebf234cbcbc5b0894cdf8c64d4z(), element_25ee554ebf234cbcbc5b0894cdf8c64d50 = root_25ee554ebf234cbcbc5b0894cdf8c64d4y.firstChild, element_25ee554ebf234cbcbc5b0894cdf8c64d51 = element_25ee554ebf234cbcbc5b0894cdf8c64d50.firstChild, attributes_25ee554ebf234cbcbc5b0894cdf8c64d52 = { "class": "tooltip" };
|
|
23
|
+
template_25ee554ebf234cbcbc5b0894cdf8c64d1.setProperties(element_25ee554ebf234cbcbc5b0894cdf8c64d50, omit(attributes, OMIT), attributes_25ee554ebf234cbcbc5b0894cdf8c64d52);
|
|
24
|
+
template_25ee554ebf234cbcbc5b0894cdf8c64d1.setList(element_25ee554ebf234cbcbc5b0894cdf8c64d50, 'class', () => state.active && '--active', attributes_25ee554ebf234cbcbc5b0894cdf8c64d52);
|
|
25
|
+
template_25ee554ebf234cbcbc5b0894cdf8c64d1.delegate(element_25ee554ebf234cbcbc5b0894cdf8c64d50, 'mouseover', () => {
|
|
26
26
|
state.active = true;
|
|
27
27
|
});
|
|
28
|
-
|
|
28
|
+
template_25ee554ebf234cbcbc5b0894cdf8c64d1.delegate(element_25ee554ebf234cbcbc5b0894cdf8c64d50, 'mouseout', () => {
|
|
29
29
|
state.active = false;
|
|
30
30
|
});
|
|
31
|
-
|
|
32
|
-
return
|
|
31
|
+
template_25ee554ebf234cbcbc5b0894cdf8c64d1.slot(element_25ee554ebf234cbcbc5b0894cdf8c64d51, content);
|
|
32
|
+
return root_25ee554ebf234cbcbc5b0894cdf8c64d4y;
|
|
33
33
|
})();
|
|
34
34
|
});
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_25ee554ebf234cbcbc5b0894cdf8c64d1 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
(): ReturnType<(this: {
|
|
5
|
-
attributes?:
|
|
5
|
+
attributes?: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes | undefined;
|
|
6
6
|
content?: string[] | undefined;
|
|
7
|
-
}, attributes: Readonly<
|
|
8
|
-
<T extends
|
|
9
|
-
attributes?:
|
|
7
|
+
}, attributes: Readonly<template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes>, content: string[]) => template_25ee554ebf234cbcbc5b0894cdf8c64d1.Renderable<any>>;
|
|
8
|
+
<T extends template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes | undefined;
|
|
10
10
|
content?: string[] | undefined;
|
|
11
|
-
}, attributes: Readonly<
|
|
11
|
+
}, attributes: Readonly<template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes>, content: string[]) => template_25ee554ebf234cbcbc5b0894cdf8c64d1.Renderable<any>>;
|
|
12
12
|
<T extends string[]>(content: T): ReturnType<(this: {
|
|
13
|
-
attributes?:
|
|
13
|
+
attributes?: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes | undefined;
|
|
14
14
|
content?: string[] | undefined;
|
|
15
|
-
}, attributes: Readonly<
|
|
16
|
-
(attributes:
|
|
17
|
-
attributes?:
|
|
15
|
+
}, attributes: Readonly<template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes>, content: string[]) => template_25ee554ebf234cbcbc5b0894cdf8c64d1.Renderable<any>>;
|
|
16
|
+
(attributes: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes, content: string[]): ReturnType<(this: {
|
|
17
|
+
attributes?: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes | undefined;
|
|
18
18
|
content?: string[] | undefined;
|
|
19
|
-
}, attributes: Readonly<
|
|
19
|
+
}, attributes: Readonly<template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes>, content: string[]) => template_25ee554ebf234cbcbc5b0894cdf8c64d1.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_25ee554ebf234cbcbc5b0894cdf8c64d1 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0 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_25ee554ebf234cbcbc5b0894cdf8c64d55 = template_25ee554ebf234cbcbc5b0894cdf8c64d1.template(`<div class='typewriter'><!--$--></div>`);
|
|
6
|
+
const template_25ee554ebf234cbcbc5b0894cdf8c64d58 = template_25ee554ebf234cbcbc5b0894cdf8c64d1.template(``);
|
|
7
|
+
class ReactiveObject_25ee554ebf234cbcbc5b0894cdf8c64d53 extends reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.ReactiveObject {
|
|
8
|
+
#text = this[reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.SIGNAL]('');
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get text() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.read(this.#text);
|
|
14
14
|
}
|
|
15
15
|
set text(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.write(this.#text, _v0);
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
|
-
const EMPTY_NODE =
|
|
19
|
+
const EMPTY_NODE = template_25ee554ebf234cbcbc5b0894cdf8c64d58();
|
|
20
20
|
export default template.factory(function (_, content) {
|
|
21
|
-
let state = new
|
|
21
|
+
let state = new ReactiveObject_25ee554ebf234cbcbc5b0894cdf8c64d53();
|
|
22
22
|
return (() => {
|
|
23
|
-
let
|
|
24
|
-
|
|
23
|
+
let root_25ee554ebf234cbcbc5b0894cdf8c64d54 = template_25ee554ebf234cbcbc5b0894cdf8c64d55(), element_25ee554ebf234cbcbc5b0894cdf8c64d56 = root_25ee554ebf234cbcbc5b0894cdf8c64d54.firstChild, element_25ee554ebf234cbcbc5b0894cdf8c64d57 = element_25ee554ebf234cbcbc5b0894cdf8c64d56.firstChild;
|
|
24
|
+
template_25ee554ebf234cbcbc5b0894cdf8c64d1.onconnect(element_25ee554ebf234cbcbc5b0894cdf8c64d56, () => {
|
|
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_25ee554ebf234cbcbc5b0894cdf8c64d1.EffectSlot(element_25ee554ebf234cbcbc5b0894cdf8c64d57, () => state.text || EMPTY_NODE);
|
|
54
|
+
return root_25ee554ebf234cbcbc5b0894cdf8c64d54;
|
|
55
55
|
})();
|
|
56
56
|
});
|
package/package.json
CHANGED
|
@@ -3,15 +3,15 @@
|
|
|
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.1",
|
|
7
|
+
"@esportsplus/template": "^0.16.6",
|
|
8
8
|
"@esportsplus/utilities": "^0.27.2",
|
|
9
9
|
"@esportsplus/vite": "^0.12.7",
|
|
10
10
|
"modern-normalize": "^3.0.1"
|
|
11
11
|
},
|
|
12
12
|
"devDependencies": {
|
|
13
|
-
"@esportsplus/typescript": "^0.
|
|
14
|
-
"@types/node": "^25.0.
|
|
13
|
+
"@esportsplus/typescript": "^0.29.0",
|
|
14
|
+
"@types/node": "^25.0.9",
|
|
15
15
|
"@types/shelljs": "^0.10.0",
|
|
16
16
|
"autoprefixer": "^10.4.23",
|
|
17
17
|
"glob": "^13.0.0",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
},
|
|
60
60
|
"sideEffects": false,
|
|
61
61
|
"type": "module",
|
|
62
|
-
"version": "0.50.
|
|
62
|
+
"version": "0.50.4",
|
|
63
63
|
"scripts": {
|
|
64
64
|
"build": "run-s build:vite build:ts",
|
|
65
65
|
"build:ts": "tsc",
|