@esportsplus/ui 0.50.3 → 0.50.5
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_d7803d698a6048559dad248aa1d3adda1 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_d7803d698a6048559dad248aa1d3adda0 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_d7803d698a6048559dad248aa1d3adda4t = template_d7803d698a6048559dad248aa1d3adda1.template(`<div class='tooltip'><!--$--></div>`);
|
|
7
|
+
class ReactiveObject_d7803d698a6048559dad248aa1d3adda4r extends reactivity_d7803d698a6048559dad248aa1d3adda0.ReactiveObject {
|
|
8
|
+
#active = this[reactivity_d7803d698a6048559dad248aa1d3adda0.SIGNAL](false);
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get active() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_d7803d698a6048559dad248aa1d3adda0.read(this.#active);
|
|
14
14
|
}
|
|
15
15
|
set active(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_d7803d698a6048559dad248aa1d3adda0.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_d7803d698a6048559dad248aa1d3adda4r(), toggle = attributes.toggle || false;
|
|
41
41
|
return (() => {
|
|
42
|
-
let
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
42
|
+
let root_d7803d698a6048559dad248aa1d3adda4s = template_d7803d698a6048559dad248aa1d3adda4t(), element_d7803d698a6048559dad248aa1d3adda4u = root_d7803d698a6048559dad248aa1d3adda4s.firstChild, element_d7803d698a6048559dad248aa1d3adda4v = element_d7803d698a6048559dad248aa1d3adda4u.firstChild, attributes_d7803d698a6048559dad248aa1d3adda4w = { "class": "tooltip" };
|
|
43
|
+
template_d7803d698a6048559dad248aa1d3adda1.setProperties(element_d7803d698a6048559dad248aa1d3adda4u, omit(attributes, OMIT), attributes_d7803d698a6048559dad248aa1d3adda4w);
|
|
44
|
+
template_d7803d698a6048559dad248aa1d3adda1.setList(element_d7803d698a6048559dad248aa1d3adda4u, 'class', () => state.active && '--active', attributes_d7803d698a6048559dad248aa1d3adda4w);
|
|
45
|
+
template_d7803d698a6048559dad248aa1d3adda1.delegate(element_d7803d698a6048559dad248aa1d3adda4u, '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_d7803d698a6048559dad248aa1d3adda1.slot(element_d7803d698a6048559dad248aa1d3adda4v, content);
|
|
74
|
+
return root_d7803d698a6048559dad248aa1d3adda4s;
|
|
75
75
|
})();
|
|
76
76
|
});
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_d7803d698a6048559dad248aa1d3adda1 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_d7803d698a6048559dad248aa1d3adda1.Attributes | undefined;
|
|
5
|
+
content?: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>;
|
|
6
|
+
}, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>) => template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>>;
|
|
7
|
+
<T extends template_d7803d698a6048559dad248aa1d3adda1.Attributes>(attributes: T): ReturnType<(this: {
|
|
8
|
+
attributes?: template_d7803d698a6048559dad248aa1d3adda1.Attributes | undefined;
|
|
9
|
+
content?: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>;
|
|
10
|
+
}, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>) => template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>>;
|
|
11
|
+
<T extends template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>>(content: T): ReturnType<(this: {
|
|
12
|
+
attributes?: template_d7803d698a6048559dad248aa1d3adda1.Attributes | undefined;
|
|
13
|
+
content?: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>;
|
|
14
|
+
}, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>) => template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>>;
|
|
15
|
+
(attributes: template_d7803d698a6048559dad248aa1d3adda1.Attributes, content: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>): ReturnType<(this: {
|
|
16
|
+
attributes?: template_d7803d698a6048559dad248aa1d3adda1.Attributes | undefined;
|
|
17
|
+
content?: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>;
|
|
18
|
+
}, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>) => template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>>;
|
|
19
19
|
};
|
|
20
20
|
export default _default;
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_d7803d698a6048559dad248aa1d3adda1 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_d7803d698a6048559dad248aa1d3adda0 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_d7803d698a6048559dad248aa1d3adda4z = template_d7803d698a6048559dad248aa1d3adda1.template(`<div class='tooltip'><!--$--></div>`);
|
|
6
|
+
class ReactiveObject_d7803d698a6048559dad248aa1d3adda4x extends reactivity_d7803d698a6048559dad248aa1d3adda0.ReactiveObject {
|
|
7
|
+
#active = this[reactivity_d7803d698a6048559dad248aa1d3adda0.SIGNAL](false);
|
|
8
8
|
constructor() {
|
|
9
9
|
super(null);
|
|
10
10
|
}
|
|
11
11
|
get active() {
|
|
12
|
-
return
|
|
12
|
+
return reactivity_d7803d698a6048559dad248aa1d3adda0.read(this.#active);
|
|
13
13
|
}
|
|
14
14
|
set active(_v0) {
|
|
15
|
-
|
|
15
|
+
reactivity_d7803d698a6048559dad248aa1d3adda0.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_d7803d698a6048559dad248aa1d3adda4x();
|
|
21
21
|
return (() => {
|
|
22
|
-
let
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
22
|
+
let root_d7803d698a6048559dad248aa1d3adda4y = template_d7803d698a6048559dad248aa1d3adda4z(), element_d7803d698a6048559dad248aa1d3adda50 = root_d7803d698a6048559dad248aa1d3adda4y.firstChild, element_d7803d698a6048559dad248aa1d3adda51 = element_d7803d698a6048559dad248aa1d3adda50.firstChild, attributes_d7803d698a6048559dad248aa1d3adda52 = { "class": "tooltip" };
|
|
23
|
+
template_d7803d698a6048559dad248aa1d3adda1.setProperties(element_d7803d698a6048559dad248aa1d3adda50, omit(attributes, OMIT), attributes_d7803d698a6048559dad248aa1d3adda52);
|
|
24
|
+
template_d7803d698a6048559dad248aa1d3adda1.setList(element_d7803d698a6048559dad248aa1d3adda50, 'class', () => state.active && '--active', attributes_d7803d698a6048559dad248aa1d3adda52);
|
|
25
|
+
template_d7803d698a6048559dad248aa1d3adda1.delegate(element_d7803d698a6048559dad248aa1d3adda50, 'mouseover', () => {
|
|
26
26
|
state.active = true;
|
|
27
27
|
});
|
|
28
|
-
|
|
28
|
+
template_d7803d698a6048559dad248aa1d3adda1.delegate(element_d7803d698a6048559dad248aa1d3adda50, 'mouseout', () => {
|
|
29
29
|
state.active = false;
|
|
30
30
|
});
|
|
31
|
-
|
|
32
|
-
return
|
|
31
|
+
template_d7803d698a6048559dad248aa1d3adda1.slot(element_d7803d698a6048559dad248aa1d3adda51, content);
|
|
32
|
+
return root_d7803d698a6048559dad248aa1d3adda4y;
|
|
33
33
|
})();
|
|
34
34
|
});
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_d7803d698a6048559dad248aa1d3adda1 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
(): ReturnType<(this: {
|
|
5
|
-
attributes?:
|
|
5
|
+
attributes?: template_d7803d698a6048559dad248aa1d3adda1.Attributes | undefined;
|
|
6
6
|
content?: string[] | undefined;
|
|
7
|
-
}, attributes: Readonly<
|
|
8
|
-
<T extends
|
|
9
|
-
attributes?:
|
|
7
|
+
}, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: string[]) => template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>>;
|
|
8
|
+
<T extends template_d7803d698a6048559dad248aa1d3adda1.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_d7803d698a6048559dad248aa1d3adda1.Attributes | undefined;
|
|
10
10
|
content?: string[] | undefined;
|
|
11
|
-
}, attributes: Readonly<
|
|
11
|
+
}, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: string[]) => template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>>;
|
|
12
12
|
<T extends string[]>(content: T): ReturnType<(this: {
|
|
13
|
-
attributes?:
|
|
13
|
+
attributes?: template_d7803d698a6048559dad248aa1d3adda1.Attributes | undefined;
|
|
14
14
|
content?: string[] | undefined;
|
|
15
|
-
}, attributes: Readonly<
|
|
16
|
-
(attributes:
|
|
17
|
-
attributes?:
|
|
15
|
+
}, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: string[]) => template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>>;
|
|
16
|
+
(attributes: template_d7803d698a6048559dad248aa1d3adda1.Attributes, content: string[]): ReturnType<(this: {
|
|
17
|
+
attributes?: template_d7803d698a6048559dad248aa1d3adda1.Attributes | undefined;
|
|
18
18
|
content?: string[] | undefined;
|
|
19
|
-
}, attributes: Readonly<
|
|
19
|
+
}, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: string[]) => template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_d7803d698a6048559dad248aa1d3adda1 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_d7803d698a6048559dad248aa1d3adda0 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_d7803d698a6048559dad248aa1d3adda55 = template_d7803d698a6048559dad248aa1d3adda1.template(`<div class='typewriter'><!--$--></div>`);
|
|
6
|
+
const template_d7803d698a6048559dad248aa1d3adda58 = template_d7803d698a6048559dad248aa1d3adda1.template(``);
|
|
7
|
+
class ReactiveObject_d7803d698a6048559dad248aa1d3adda53 extends reactivity_d7803d698a6048559dad248aa1d3adda0.ReactiveObject {
|
|
8
|
+
#text = this[reactivity_d7803d698a6048559dad248aa1d3adda0.SIGNAL]('');
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get text() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_d7803d698a6048559dad248aa1d3adda0.read(this.#text);
|
|
14
14
|
}
|
|
15
15
|
set text(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_d7803d698a6048559dad248aa1d3adda0.write(this.#text, _v0);
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
|
-
const EMPTY_NODE =
|
|
19
|
+
const EMPTY_NODE = template_d7803d698a6048559dad248aa1d3adda58();
|
|
20
20
|
export default template.factory(function (_, content) {
|
|
21
|
-
let state = new
|
|
21
|
+
let state = new ReactiveObject_d7803d698a6048559dad248aa1d3adda53();
|
|
22
22
|
return (() => {
|
|
23
|
-
let
|
|
24
|
-
|
|
23
|
+
let root_d7803d698a6048559dad248aa1d3adda54 = template_d7803d698a6048559dad248aa1d3adda55(), element_d7803d698a6048559dad248aa1d3adda56 = root_d7803d698a6048559dad248aa1d3adda54.firstChild, element_d7803d698a6048559dad248aa1d3adda57 = element_d7803d698a6048559dad248aa1d3adda56.firstChild;
|
|
24
|
+
template_d7803d698a6048559dad248aa1d3adda1.onconnect(element_d7803d698a6048559dad248aa1d3adda56, () => {
|
|
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_d7803d698a6048559dad248aa1d3adda1.EffectSlot(element_d7803d698a6048559dad248aa1d3adda57, () => state.text || EMPTY_NODE);
|
|
54
|
+
return root_d7803d698a6048559dad248aa1d3adda54;
|
|
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.7",
|
|
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.5",
|
|
63
63
|
"scripts": {
|
|
64
64
|
"build": "run-s build:vite build:ts",
|
|
65
65
|
"build:ts": "tsc",
|