@esportsplus/ui 0.50.4 → 0.50.6
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 +41 -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 +2 -2
- package/src/components/select/index.ts +1 -0
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_fe942f28017d42ee87048fd6461b4dd80 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_fe942f28017d42ee87048fd6461b4dd84t = template_fe942f28017d42ee87048fd6461b4dd81.template(`<div class='tooltip'><!--$--></div>`);
|
|
7
|
+
class ReactiveObject_fe942f28017d42ee87048fd6461b4dd84r extends reactivity_fe942f28017d42ee87048fd6461b4dd80.ReactiveObject {
|
|
8
|
+
#active = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](false);
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get active() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#active);
|
|
14
14
|
}
|
|
15
15
|
set active(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_fe942f28017d42ee87048fd6461b4dd80.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_fe942f28017d42ee87048fd6461b4dd84r(), toggle = attributes.toggle || false;
|
|
41
41
|
return (() => {
|
|
42
|
-
let
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
42
|
+
let root_fe942f28017d42ee87048fd6461b4dd84s = template_fe942f28017d42ee87048fd6461b4dd84t(), element_fe942f28017d42ee87048fd6461b4dd84u = root_fe942f28017d42ee87048fd6461b4dd84s.firstChild, element_fe942f28017d42ee87048fd6461b4dd84v = element_fe942f28017d42ee87048fd6461b4dd84u.firstChild, attributes_fe942f28017d42ee87048fd6461b4dd84w = { "class": "tooltip" };
|
|
43
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd84u, omit(attributes, OMIT), attributes_fe942f28017d42ee87048fd6461b4dd84w);
|
|
44
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd84u, 'class', () => state.active && '--active', attributes_fe942f28017d42ee87048fd6461b4dd84w);
|
|
45
|
+
template_fe942f28017d42ee87048fd6461b4dd81.delegate(element_fe942f28017d42ee87048fd6461b4dd84u, '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_fe942f28017d42ee87048fd6461b4dd81.slot(element_fe942f28017d42ee87048fd6461b4dd84v, content);
|
|
74
|
+
return root_fe942f28017d42ee87048fd6461b4dd84s;
|
|
75
75
|
})();
|
|
76
76
|
});
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_fe942f28017d42ee87048fd6461b4dd81 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_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
|
|
5
|
+
content?: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>;
|
|
6
|
+
}, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
|
|
7
|
+
<T extends template_fe942f28017d42ee87048fd6461b4dd81.Attributes>(attributes: T): ReturnType<(this: {
|
|
8
|
+
attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
|
|
9
|
+
content?: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>;
|
|
10
|
+
}, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
|
|
11
|
+
<T extends template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>(content: T): ReturnType<(this: {
|
|
12
|
+
attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
|
|
13
|
+
content?: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>;
|
|
14
|
+
}, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
|
|
15
|
+
(attributes: template_fe942f28017d42ee87048fd6461b4dd81.Attributes, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>): ReturnType<(this: {
|
|
16
|
+
attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
|
|
17
|
+
content?: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>;
|
|
18
|
+
}, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
|
|
19
19
|
};
|
|
20
20
|
export default _default;
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_fe942f28017d42ee87048fd6461b4dd80 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_fe942f28017d42ee87048fd6461b4dd84z = template_fe942f28017d42ee87048fd6461b4dd81.template(`<div class='tooltip'><!--$--></div>`);
|
|
6
|
+
class ReactiveObject_fe942f28017d42ee87048fd6461b4dd84x extends reactivity_fe942f28017d42ee87048fd6461b4dd80.ReactiveObject {
|
|
7
|
+
#active = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](false);
|
|
8
8
|
constructor() {
|
|
9
9
|
super(null);
|
|
10
10
|
}
|
|
11
11
|
get active() {
|
|
12
|
-
return
|
|
12
|
+
return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#active);
|
|
13
13
|
}
|
|
14
14
|
set active(_v0) {
|
|
15
|
-
|
|
15
|
+
reactivity_fe942f28017d42ee87048fd6461b4dd80.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_fe942f28017d42ee87048fd6461b4dd84x();
|
|
21
21
|
return (() => {
|
|
22
|
-
let
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
22
|
+
let root_fe942f28017d42ee87048fd6461b4dd84y = template_fe942f28017d42ee87048fd6461b4dd84z(), element_fe942f28017d42ee87048fd6461b4dd850 = root_fe942f28017d42ee87048fd6461b4dd84y.firstChild, element_fe942f28017d42ee87048fd6461b4dd851 = element_fe942f28017d42ee87048fd6461b4dd850.firstChild, attributes_fe942f28017d42ee87048fd6461b4dd852 = { "class": "tooltip" };
|
|
23
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd850, omit(attributes, OMIT), attributes_fe942f28017d42ee87048fd6461b4dd852);
|
|
24
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd850, 'class', () => state.active && '--active', attributes_fe942f28017d42ee87048fd6461b4dd852);
|
|
25
|
+
template_fe942f28017d42ee87048fd6461b4dd81.delegate(element_fe942f28017d42ee87048fd6461b4dd850, 'mouseover', () => {
|
|
26
26
|
state.active = true;
|
|
27
27
|
});
|
|
28
|
-
|
|
28
|
+
template_fe942f28017d42ee87048fd6461b4dd81.delegate(element_fe942f28017d42ee87048fd6461b4dd850, 'mouseout', () => {
|
|
29
29
|
state.active = false;
|
|
30
30
|
});
|
|
31
|
-
|
|
32
|
-
return
|
|
31
|
+
template_fe942f28017d42ee87048fd6461b4dd81.slot(element_fe942f28017d42ee87048fd6461b4dd851, content);
|
|
32
|
+
return root_fe942f28017d42ee87048fd6461b4dd84y;
|
|
33
33
|
})();
|
|
34
34
|
});
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
(): ReturnType<(this: {
|
|
5
|
-
attributes?:
|
|
5
|
+
attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
|
|
6
6
|
content?: string[] | undefined;
|
|
7
|
-
}, attributes: Readonly<
|
|
8
|
-
<T extends
|
|
9
|
-
attributes?:
|
|
7
|
+
}, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: string[]) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
|
|
8
|
+
<T extends template_fe942f28017d42ee87048fd6461b4dd81.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
|
|
10
10
|
content?: string[] | undefined;
|
|
11
|
-
}, attributes: Readonly<
|
|
11
|
+
}, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: string[]) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
|
|
12
12
|
<T extends string[]>(content: T): ReturnType<(this: {
|
|
13
|
-
attributes?:
|
|
13
|
+
attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
|
|
14
14
|
content?: string[] | undefined;
|
|
15
|
-
}, attributes: Readonly<
|
|
16
|
-
(attributes:
|
|
17
|
-
attributes?:
|
|
15
|
+
}, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: string[]) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
|
|
16
|
+
(attributes: template_fe942f28017d42ee87048fd6461b4dd81.Attributes, content: string[]): ReturnType<(this: {
|
|
17
|
+
attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
|
|
18
18
|
content?: string[] | undefined;
|
|
19
|
-
}, attributes: Readonly<
|
|
19
|
+
}, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: string[]) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_fe942f28017d42ee87048fd6461b4dd80 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_fe942f28017d42ee87048fd6461b4dd855 = template_fe942f28017d42ee87048fd6461b4dd81.template(`<div class='typewriter'><!--$--></div>`);
|
|
6
|
+
const template_fe942f28017d42ee87048fd6461b4dd858 = template_fe942f28017d42ee87048fd6461b4dd81.template(``);
|
|
7
|
+
class ReactiveObject_fe942f28017d42ee87048fd6461b4dd853 extends reactivity_fe942f28017d42ee87048fd6461b4dd80.ReactiveObject {
|
|
8
|
+
#text = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL]('');
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get text() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#text);
|
|
14
14
|
}
|
|
15
15
|
set text(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#text, _v0);
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
|
-
const EMPTY_NODE =
|
|
19
|
+
const EMPTY_NODE = template_fe942f28017d42ee87048fd6461b4dd858();
|
|
20
20
|
export default template.factory(function (_, content) {
|
|
21
|
-
let state = new
|
|
21
|
+
let state = new ReactiveObject_fe942f28017d42ee87048fd6461b4dd853();
|
|
22
22
|
return (() => {
|
|
23
|
-
let
|
|
24
|
-
|
|
23
|
+
let root_fe942f28017d42ee87048fd6461b4dd854 = template_fe942f28017d42ee87048fd6461b4dd855(), element_fe942f28017d42ee87048fd6461b4dd856 = root_fe942f28017d42ee87048fd6461b4dd854.firstChild, element_fe942f28017d42ee87048fd6461b4dd857 = element_fe942f28017d42ee87048fd6461b4dd856.firstChild;
|
|
24
|
+
template_fe942f28017d42ee87048fd6461b4dd81.onconnect(element_fe942f28017d42ee87048fd6461b4dd856, () => {
|
|
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_fe942f28017d42ee87048fd6461b4dd81.EffectSlot(element_fe942f28017d42ee87048fd6461b4dd857, () => state.text || EMPTY_NODE);
|
|
54
|
+
return root_fe942f28017d42ee87048fd6461b4dd854;
|
|
55
55
|
})();
|
|
56
56
|
});
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"@esportsplus/action": "^0.1.4",
|
|
5
5
|
"@esportsplus/queue": "^0.2.0",
|
|
6
6
|
"@esportsplus/reactivity": "^0.30.1",
|
|
7
|
-
"@esportsplus/template": "^0.16.
|
|
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"
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
},
|
|
60
60
|
"sideEffects": false,
|
|
61
61
|
"type": "module",
|
|
62
|
-
"version": "0.50.
|
|
62
|
+
"version": "0.50.6",
|
|
63
63
|
"scripts": {
|
|
64
64
|
"build": "run-s build:vite build:ts",
|
|
65
65
|
"build:ts": "tsc",
|
|
@@ -136,6 +136,7 @@ const select = template.factory<A, (state: { active: boolean, selected?: string
|
|
|
136
136
|
...this?.attributes?.['tooltip-content'] || EMPTY_ARRAY,
|
|
137
137
|
...attributes['tooltip-content'],
|
|
138
138
|
class: [
|
|
139
|
+
...toArray(this?.attributes?.['tooltip-content']?.class || EMPTY_ARRAY),
|
|
139
140
|
...toArray(attributes['tooltip-content']?.class),
|
|
140
141
|
`tooltip-content--${attributes['tooltip-content']?.direction || 's'}`
|
|
141
142
|
],
|