@esportsplus/ui 0.51.5 → 0.51.7
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/.github/workflows/bump.yml +4 -1
- package/.github/workflows/publish.yml +4 -0
- package/build/components/accordion/index.d.ts +17 -16
- package/build/components/accordion/index.js +18 -18
- package/build/components/alert/index.d.ts +8 -8
- package/build/components/alert/index.js +43 -44
- package/build/components/back/index.d.ts +8 -8
- package/build/components/back/index.js +10 -10
- package/build/components/button/index.d.ts +22 -22
- package/build/components/button/index.js +23 -23
- package/build/components/checkbox/index.d.ts +3 -3
- package/build/components/checkbox/index.js +23 -24
- package/build/components/clipboard/index.d.ts +40 -30
- package/build/components/clipboard/onclick.d.ts +1 -1
- package/build/components/clipboard/onclick.js +14 -14
- package/build/components/clipboard/write.d.ts +1 -1
- package/build/components/counter/index.d.ts +5 -5
- package/build/components/counter/index.js +35 -35
- package/build/components/ellipsis/index.d.ts +1 -1
- package/build/components/ellipsis/index.js +5 -5
- package/build/components/form/action.d.ts +3 -3
- package/build/components/form/action.js +8 -8
- package/build/components/form/index.d.ts +3 -3
- package/build/components/form/input.d.ts +8 -6
- package/build/components/frame/index.d.ts +10 -10
- package/build/components/frame/index.js +1 -1
- package/build/components/highlight/index.d.ts +17 -16
- package/build/components/highlight/index.js +16 -16
- package/build/components/icon/index.d.ts +11 -11
- package/build/components/icon/index.js +11 -9
- package/build/components/input/index.d.ts +2 -2
- package/build/components/input/index.js +21 -21
- package/build/components/json/download.d.ts +1 -1
- package/build/components/loader/index.d.ts +17 -16
- package/build/components/loader/index.js +35 -35
- package/build/components/loading/index.d.ts +1 -1
- package/build/components/loading/index.js +5 -5
- package/build/components/overlay/index.d.ts +10 -10
- package/build/components/overlay/index.js +1 -1
- package/build/components/radio/index.d.ts +1 -1
- package/build/components/radio/index.js +1 -1
- package/build/components/range/index.d.ts +2 -2
- package/build/components/range/index.js +26 -26
- package/build/components/root/index.d.ts +1 -4
- package/build/components/root/onclick.d.ts +4 -4
- package/build/components/scrollbar/index.d.ts +12 -12
- package/build/components/scrollbar/index.js +25 -25
- package/build/components/select/index.d.ts +2 -2
- package/build/components/select/index.js +45 -45
- package/build/components/sidebar/index.d.ts +10 -10
- package/build/components/sidebar/index.js +1 -1
- package/build/components/site/index.d.ts +10 -10
- package/build/components/site/index.js +2 -2
- package/build/components/switch/index.d.ts +1 -1
- package/build/components/switch/index.js +1 -1
- package/build/components/template/index.d.ts +10 -9
- package/build/components/textarea/index.d.ts +2 -2
- package/build/components/textarea/index.js +21 -21
- package/build/components/tooltip/index.d.ts +80 -60
- package/build/components/tooltip/menu.d.ts +11 -12
- package/build/components/tooltip/menu.js +22 -22
- package/build/components/tooltip/onclick.d.ts +1131 -1121
- package/build/components/tooltip/onclick.js +16 -16
- package/build/components/tooltip/onhover.d.ts +17 -16
- package/build/components/tooltip/onhover.js +16 -16
- package/build/components/typewriter/index.d.ts +11 -11
- package/build/components/typewriter/index.js +15 -15
- package/build/themes/dark/alert.d.ts +2 -2
- package/build/themes/dark/input.d.ts +5 -4
- package/build/themes/dark/select.d.ts +40 -30
- package/build/themes/dark/textarea.d.ts +5 -4
- package/package.json +8 -8
- package/pnpm-workspace.yaml +25 -0
- package/src/components/alert/index.ts +4 -6
- package/src/components/icon/index.ts +7 -3
- package/src/components/tooltip/onclick.ts +1 -1
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_u1 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_u0 from '@esportsplus/reactivity';
|
|
3
3
|
import { omit } from '@esportsplus/utilities';
|
|
4
|
-
import
|
|
5
|
-
import template from '
|
|
6
|
-
const
|
|
7
|
-
class
|
|
8
|
-
#active = this[
|
|
4
|
+
import root from '../root/index.js';
|
|
5
|
+
import template from '../template/index.js';
|
|
6
|
+
const template_0p6u8352 = template_u1.template(`<div class='tooltip' >`);
|
|
7
|
+
class ReactiveObject_0p6u8350 extends reactivity_u0.ReactiveObject {
|
|
8
|
+
#active = this[reactivity_u0.SIGNAL](false);
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get active() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_u0.read(this.#active);
|
|
14
14
|
}
|
|
15
15
|
set active(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_u0.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_0p6u8350(), toggle = attributes.toggle || false;
|
|
41
41
|
return (() => {
|
|
42
|
-
let
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
42
|
+
let root_0p6u8351 = template_0p6u8352(), element_0p6u8353 = root_0p6u8351.firstChild;
|
|
43
|
+
template_u1.setProperties(element_0p6u8353, omit(attributes, OMIT));
|
|
44
|
+
template_u1.setList(element_0p6u8353, 'class', () => state.active && '--active');
|
|
45
|
+
template_u1.delegate(element_0p6u8353, '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_u1.slot(element_0p6u8353, content, 1);
|
|
74
|
+
return root_0p6u8351;
|
|
75
75
|
})();
|
|
76
76
|
});
|
|
@@ -1,20 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_u1 from '@esportsplus/template';
|
|
2
|
+
import { Attributes } from '@esportsplus/template';
|
|
2
3
|
declare const _default: {
|
|
3
4
|
(): 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<
|
|
5
|
+
attributes?: Attributes | undefined;
|
|
6
|
+
content?: template_u1.Renderable<any>;
|
|
7
|
+
}, attributes: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
|
|
8
|
+
<T extends Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: Attributes | undefined;
|
|
10
|
+
content?: template_u1.Renderable<any>;
|
|
11
|
+
}, attributes: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
|
|
12
|
+
<T extends template_u1.Renderable<any>>(content: T): ReturnType<(this: {
|
|
13
|
+
attributes?: Attributes | undefined;
|
|
14
|
+
content?: template_u1.Renderable<any>;
|
|
15
|
+
}, attributes: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
|
|
16
|
+
(attributes: Attributes, content: template_u1.Renderable<any>): ReturnType<(this: {
|
|
17
|
+
attributes?: Attributes | undefined;
|
|
18
|
+
content?: template_u1.Renderable<any>;
|
|
19
|
+
}, attributes: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
|
|
19
20
|
};
|
|
20
21
|
export default _default;
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_u1 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_u0 from '@esportsplus/reactivity';
|
|
3
3
|
import { omit } from '@esportsplus/utilities';
|
|
4
|
-
import template from '
|
|
5
|
-
const
|
|
6
|
-
class
|
|
7
|
-
#active = this[
|
|
4
|
+
import template from '../template/index.js';
|
|
5
|
+
const template_0bwku672 = template_u1.template(`<div class='tooltip' >`);
|
|
6
|
+
class ReactiveObject_0bwku670 extends reactivity_u0.ReactiveObject {
|
|
7
|
+
#active = this[reactivity_u0.SIGNAL](false);
|
|
8
8
|
constructor() {
|
|
9
9
|
super(null);
|
|
10
10
|
}
|
|
11
11
|
get active() {
|
|
12
|
-
return
|
|
12
|
+
return reactivity_u0.read(this.#active);
|
|
13
13
|
}
|
|
14
14
|
set active(_v0) {
|
|
15
|
-
|
|
15
|
+
reactivity_u0.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_0bwku670();
|
|
21
21
|
return (() => {
|
|
22
|
-
let
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
22
|
+
let root_0bwku671 = template_0bwku672(), element_0bwku673 = root_0bwku671.firstChild;
|
|
23
|
+
template_u1.setProperties(element_0bwku673, omit(attributes, OMIT));
|
|
24
|
+
template_u1.setList(element_0bwku673, 'class', () => state.active && '--active');
|
|
25
|
+
template_u1.delegate(element_0bwku673, 'mouseover', () => {
|
|
26
26
|
state.active = true;
|
|
27
27
|
});
|
|
28
|
-
|
|
28
|
+
template_u1.delegate(element_0bwku673, 'mouseout', () => {
|
|
29
29
|
state.active = false;
|
|
30
30
|
});
|
|
31
|
-
|
|
32
|
-
return
|
|
31
|
+
template_u1.slot(element_0bwku673, content, 1);
|
|
32
|
+
return root_0bwku671;
|
|
33
33
|
})();
|
|
34
34
|
});
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_u1 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
(): ReturnType<(this: {
|
|
5
|
-
attributes?:
|
|
5
|
+
attributes?: template_u1.Attributes | undefined;
|
|
6
6
|
content?: string[] | undefined;
|
|
7
|
-
}, attributes: Readonly<
|
|
8
|
-
<T extends
|
|
9
|
-
attributes?:
|
|
7
|
+
}, attributes: Readonly<template_u1.Attributes>, content: string[]) => template_u1.Renderable<any>>;
|
|
8
|
+
<T extends template_u1.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_u1.Attributes | undefined;
|
|
10
10
|
content?: string[] | undefined;
|
|
11
|
-
}, attributes: Readonly<
|
|
11
|
+
}, attributes: Readonly<template_u1.Attributes>, content: string[]) => template_u1.Renderable<any>>;
|
|
12
12
|
<T extends string[]>(content: T): ReturnType<(this: {
|
|
13
|
-
attributes?:
|
|
13
|
+
attributes?: template_u1.Attributes | undefined;
|
|
14
14
|
content?: string[] | undefined;
|
|
15
|
-
}, attributes: Readonly<
|
|
16
|
-
(attributes:
|
|
17
|
-
attributes?:
|
|
15
|
+
}, attributes: Readonly<template_u1.Attributes>, content: string[]) => template_u1.Renderable<any>>;
|
|
16
|
+
(attributes: template_u1.Attributes, content: string[]): ReturnType<(this: {
|
|
17
|
+
attributes?: template_u1.Attributes | undefined;
|
|
18
18
|
content?: string[] | undefined;
|
|
19
|
-
}, attributes: Readonly<
|
|
19
|
+
}, attributes: Readonly<template_u1.Attributes>, content: string[]) => template_u1.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
3
|
-
import template from '
|
|
1
|
+
import * as template_u1 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_u0 from '@esportsplus/reactivity';
|
|
3
|
+
import template from '../template/index.js';
|
|
4
4
|
import './scss/index.scss';
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
class
|
|
8
|
-
#text = this[
|
|
5
|
+
const template_1i9nt0y2 = template_u1.template(`<div class='typewriter' >`);
|
|
6
|
+
const template_1i9nt0y4 = template_u1.template(``);
|
|
7
|
+
class ReactiveObject_1i9nt0y0 extends reactivity_u0.ReactiveObject {
|
|
8
|
+
#text = this[reactivity_u0.SIGNAL]('');
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get text() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_u0.read(this.#text);
|
|
14
14
|
}
|
|
15
15
|
set text(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_u0.write(this.#text, _v0);
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
|
-
const EMPTY_NODE =
|
|
19
|
+
const EMPTY_NODE = template_1i9nt0y4();
|
|
20
20
|
export default template.factory(function (_, content) {
|
|
21
|
-
let state = new
|
|
21
|
+
let state = new ReactiveObject_1i9nt0y0();
|
|
22
22
|
return (() => {
|
|
23
|
-
let
|
|
24
|
-
|
|
23
|
+
let root_1i9nt0y1 = template_1i9nt0y2(), element_1i9nt0y3 = root_1i9nt0y1.firstChild;
|
|
24
|
+
template_u1.onconnect(element_1i9nt0y3, () => {
|
|
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_u1.EffectSlot(element_1i9nt0y3, () => state.text || EMPTY_NODE, 1);
|
|
54
|
+
return root_1i9nt0y1;
|
|
55
55
|
})();
|
|
56
56
|
});
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
|
-
content: DocumentFragment;
|
|
2
|
+
content: DocumentFragment | Text;
|
|
3
3
|
deactivate: () => void;
|
|
4
4
|
error: {
|
|
5
5
|
(messages: import("@esportsplus/template").Renderable<any>, seconds?: number): void;
|
|
6
|
-
response(response: import("@esportsplus/action").Response<any>)
|
|
6
|
+
response: (response: import("@esportsplus/action").Response<any>) => void;
|
|
7
7
|
};
|
|
8
8
|
info: (messages: import("@esportsplus/template").Renderable<any>, seconds?: number) => void;
|
|
9
9
|
success: (messages: import("@esportsplus/template").Renderable<any>, seconds?: number) => void;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
declare const _default: (attributes: {
|
|
2
2
|
[key: `aria-${string}`]: string | number | boolean | undefined;
|
|
3
3
|
[key: `data-${string}`]: string | undefined;
|
|
4
|
-
class?: import("
|
|
4
|
+
class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
|
|
5
5
|
onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
|
|
6
6
|
ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
|
|
7
7
|
onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
|
|
8
8
|
ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
|
|
9
|
-
style?: import("
|
|
9
|
+
style?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
|
|
10
10
|
} & {
|
|
11
11
|
onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
|
|
12
12
|
onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
|
|
@@ -24,6 +24,7 @@ declare const _default: (attributes: {
|
|
|
24
24
|
onchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
|
|
25
25
|
onclick?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
|
|
26
26
|
onclose?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
|
|
27
|
+
oncommand?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
|
|
27
28
|
oncompositionend?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
|
|
28
29
|
oncompositionstart?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
|
|
29
30
|
oncompositionupdate?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
|
|
@@ -50,7 +51,7 @@ declare const _default: (attributes: {
|
|
|
50
51
|
onfocusout?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
|
|
51
52
|
onformdata?: ((this: import("@esportsplus/template").Element, event: FormDataEvent) => void) | undefined;
|
|
52
53
|
ongotpointercapture?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
|
|
53
|
-
oninput?: ((this: import("@esportsplus/template").Element, event:
|
|
54
|
+
oninput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
|
|
54
55
|
oninvalid?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
|
|
55
56
|
onkeydown?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
|
|
56
57
|
onkeypress?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
|
|
@@ -118,5 +119,5 @@ declare const _default: (attributes: {
|
|
|
118
119
|
active: boolean;
|
|
119
120
|
error: string;
|
|
120
121
|
};
|
|
121
|
-
}) => DocumentFragment;
|
|
122
|
+
}) => DocumentFragment | Text;
|
|
122
123
|
export default _default;
|