@esportsplus/ui 0.51.3 → 0.51.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 +23 -23
- 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/root/scss/index.scss +1 -1
- 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 +1 -1
- package/src/tokens/scss/font-size.scss +9 -9
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_eea410626b3047bfa8387f56255749630 from '@esportsplus/reactivity';
|
|
3
3
|
import { omit } from '@esportsplus/utilities';
|
|
4
4
|
import template from '../../components/template/index.js';
|
|
5
5
|
import write from './write.js';
|
|
6
|
-
const
|
|
7
|
-
class
|
|
8
|
-
#copied = this[
|
|
6
|
+
const template_eea410626b3047bfa8387f56255749631i = template_eea410626b3047bfa8387f56255749631.template(`<div><!--$--></div>`);
|
|
7
|
+
class ReactiveObject_eea410626b3047bfa8387f56255749631g extends reactivity_eea410626b3047bfa8387f56255749630.ReactiveObject {
|
|
8
|
+
#copied = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](false);
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get copied() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_eea410626b3047bfa8387f56255749630.read(this.#copied);
|
|
14
14
|
}
|
|
15
15
|
set copied(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_eea410626b3047bfa8387f56255749630.write(this.#copied, _v0);
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
const OMIT = ['timeout', 'value'];
|
|
20
20
|
export default template.factory(function (attributes, content) {
|
|
21
|
-
let state = new
|
|
21
|
+
let state = new ReactiveObject_eea410626b3047bfa8387f56255749631g(), timeout = attributes.timeout || 1000 * 2;
|
|
22
22
|
return (() => {
|
|
23
|
-
let
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
let root_eea410626b3047bfa8387f56255749631h = template_eea410626b3047bfa8387f56255749631i(), element_eea410626b3047bfa8387f56255749631j = root_eea410626b3047bfa8387f56255749631h.firstChild, element_eea410626b3047bfa8387f56255749631k = element_eea410626b3047bfa8387f56255749631j.firstChild, attributes_eea410626b3047bfa8387f56255749631l = {};
|
|
24
|
+
template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749631j, omit(attributes, OMIT), attributes_eea410626b3047bfa8387f56255749631l);
|
|
25
|
+
template_eea410626b3047bfa8387f56255749631.delegate(element_eea410626b3047bfa8387f56255749631j, 'click', (e) => {
|
|
26
26
|
e.preventDefault();
|
|
27
27
|
e.stopPropagation();
|
|
28
28
|
write(attributes.value).then(() => {
|
|
@@ -32,7 +32,7 @@ export default template.factory(function (attributes, content) {
|
|
|
32
32
|
}, timeout);
|
|
33
33
|
});
|
|
34
34
|
});
|
|
35
|
-
new
|
|
36
|
-
return
|
|
35
|
+
new template_eea410626b3047bfa8387f56255749631.EffectSlot(element_eea410626b3047bfa8387f56255749631k, () => content(state));
|
|
36
|
+
return root_eea410626b3047bfa8387f56255749631h;
|
|
37
37
|
})();
|
|
38
38
|
});
|
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_eea410626b3047bfa8387f56255749630 from '@esportsplus/reactivity';
|
|
3
3
|
import { effect } from '@esportsplus/reactivity';
|
|
4
4
|
import { omit } from '@esportsplus/utilities';
|
|
5
5
|
import './scss/index.scss';
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
class
|
|
11
|
-
#value = this[
|
|
6
|
+
const template_eea410626b3047bfa8387f56255749631p = template_eea410626b3047bfa8387f56255749631.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
|
|
7
|
+
const template_eea410626b3047bfa8387f56255749631s = template_eea410626b3047bfa8387f56255749631.template(`<span><!--$--></span>`);
|
|
8
|
+
const template_eea410626b3047bfa8387f56255749631v = template_eea410626b3047bfa8387f56255749631.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
|
|
9
|
+
const template_eea410626b3047bfa8387f562557496320 = template_eea410626b3047bfa8387f56255749631.template(`<div class='counter'><!--$--></div>`);
|
|
10
|
+
class ReactiveObject_eea410626b3047bfa8387f56255749631m extends reactivity_eea410626b3047bfa8387f56255749630.ReactiveObject {
|
|
11
|
+
#value = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](-1);
|
|
12
12
|
constructor() {
|
|
13
13
|
super(null);
|
|
14
14
|
}
|
|
15
15
|
get value() {
|
|
16
|
-
return
|
|
16
|
+
return reactivity_eea410626b3047bfa8387f56255749630.read(this.#value);
|
|
17
17
|
}
|
|
18
18
|
set value(_v0) {
|
|
19
|
-
|
|
19
|
+
reactivity_eea410626b3047bfa8387f56255749630.write(this.#value, _v0);
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
|
-
class
|
|
23
|
-
#length = this[
|
|
22
|
+
class ReactiveObject_eea410626b3047bfa8387f56255749631n extends reactivity_eea410626b3047bfa8387f56255749630.ReactiveObject {
|
|
23
|
+
#length = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](0);
|
|
24
24
|
#test;
|
|
25
25
|
#render;
|
|
26
26
|
constructor(_p0, _p1) {
|
|
27
27
|
super(null);
|
|
28
|
-
this.#test = this[
|
|
29
|
-
this.#render = this[
|
|
28
|
+
this.#test = this[reactivity_eea410626b3047bfa8387f56255749630.COMPUTED](_p0);
|
|
29
|
+
this.#render = this[reactivity_eea410626b3047bfa8387f56255749630.REACTIVE_ARRAY](_p1);
|
|
30
30
|
}
|
|
31
31
|
get length() {
|
|
32
|
-
return
|
|
32
|
+
return reactivity_eea410626b3047bfa8387f56255749630.read(this.#length);
|
|
33
33
|
}
|
|
34
34
|
set length(_v0) {
|
|
35
|
-
|
|
35
|
+
reactivity_eea410626b3047bfa8387f56255749630.write(this.#length, _v0);
|
|
36
36
|
}
|
|
37
37
|
get test() {
|
|
38
|
-
return
|
|
38
|
+
return reactivity_eea410626b3047bfa8387f56255749630.read(this.#test);
|
|
39
39
|
}
|
|
40
40
|
get render() {
|
|
41
41
|
return this.#render;
|
|
@@ -44,12 +44,12 @@ class ReactiveObject_eee533dd50c34162b816f8be4c855b891n extends reactivity_eee53
|
|
|
44
44
|
const OMIT = ['currency', 'decimals', 'delay', 'max', 'state', 'suffix', 'value'];
|
|
45
45
|
let formatters = {};
|
|
46
46
|
export default (attributes) => {
|
|
47
|
-
let { currency, decimals, delay, max, suffix, value } = attributes, api = attributes.state || new
|
|
47
|
+
let { currency, decimals, delay, max, suffix, value } = attributes, api = attributes.state || new ReactiveObject_eea410626b3047bfa8387f56255749631m(), formatter = currency === 'IGNORE'
|
|
48
48
|
? undefined
|
|
49
49
|
: formatters[currency || 'USD'] ??= new Intl.NumberFormat('en-US', {
|
|
50
50
|
style: 'currency',
|
|
51
51
|
currency: currency || 'USD'
|
|
52
|
-
}), rendering = true, state = new
|
|
52
|
+
}), rendering = true, state = new ReactiveObject_eea410626b3047bfa8387f56255749631n(() => 'sds', []), render = new reactivity_eea410626b3047bfa8387f56255749630.ReactiveArray();
|
|
53
53
|
decimals ??= 2;
|
|
54
54
|
effect(() => {
|
|
55
55
|
if (api.value !== -1) {
|
|
@@ -84,33 +84,33 @@ export default (attributes) => {
|
|
|
84
84
|
}
|
|
85
85
|
});
|
|
86
86
|
return (() => {
|
|
87
|
-
let
|
|
88
|
-
|
|
89
|
-
new
|
|
87
|
+
let root_eea410626b3047bfa8387f56255749631z = template_eea410626b3047bfa8387f562557496320(), element_eea410626b3047bfa8387f562557496321 = root_eea410626b3047bfa8387f56255749631z.firstChild, element_eea410626b3047bfa8387f562557496322 = element_eea410626b3047bfa8387f562557496321.firstChild, attributes_eea410626b3047bfa8387f562557496323 = { "class": " counter" };
|
|
88
|
+
template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f562557496321, omit(attributes, OMIT), attributes_eea410626b3047bfa8387f562557496323);
|
|
89
|
+
new template_eea410626b3047bfa8387f56255749631.EffectSlot(element_eea410626b3047bfa8387f562557496322, () => {
|
|
90
90
|
let n = state.length;
|
|
91
91
|
if (n === 0) {
|
|
92
92
|
return '';
|
|
93
93
|
}
|
|
94
|
-
return new
|
|
94
|
+
return new template_eea410626b3047bfa8387f56255749631.ArraySlot(render, function (value) {
|
|
95
95
|
if (isNaN(parseInt(value, 10))) {
|
|
96
96
|
return (() => {
|
|
97
|
-
let
|
|
98
|
-
|
|
99
|
-
return
|
|
97
|
+
let root_eea410626b3047bfa8387f56255749631o = template_eea410626b3047bfa8387f56255749631p(), element_eea410626b3047bfa8387f56255749631q = root_eea410626b3047bfa8387f56255749631o.firstChild.firstChild;
|
|
98
|
+
template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f56255749631q, value);
|
|
99
|
+
return root_eea410626b3047bfa8387f56255749631o;
|
|
100
100
|
})();
|
|
101
101
|
}
|
|
102
102
|
return (() => {
|
|
103
|
-
let
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
let
|
|
107
|
-
|
|
108
|
-
return
|
|
103
|
+
let root_eea410626b3047bfa8387f56255749631u = template_eea410626b3047bfa8387f56255749631v(), element_eea410626b3047bfa8387f56255749631w = root_eea410626b3047bfa8387f56255749631u.firstChild.firstElementChild, element_eea410626b3047bfa8387f56255749631x = element_eea410626b3047bfa8387f56255749631w.firstChild.nextSibling, attributes_eea410626b3047bfa8387f56255749631y = { "class": " counter-character-track", "style": " " };
|
|
104
|
+
template_eea410626b3047bfa8387f56255749631.setList(element_eea410626b3047bfa8387f56255749631w, 'style', `--value: ${value}`, attributes_eea410626b3047bfa8387f56255749631y);
|
|
105
|
+
template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f56255749631x, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
|
|
106
|
+
let root_eea410626b3047bfa8387f56255749631r = template_eea410626b3047bfa8387f56255749631s(), element_eea410626b3047bfa8387f56255749631t = root_eea410626b3047bfa8387f56255749631r.firstChild.firstChild;
|
|
107
|
+
template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f56255749631t, value);
|
|
108
|
+
return root_eea410626b3047bfa8387f56255749631r;
|
|
109
109
|
}));
|
|
110
|
-
return
|
|
110
|
+
return root_eea410626b3047bfa8387f56255749631u;
|
|
111
111
|
})();
|
|
112
112
|
});
|
|
113
113
|
});
|
|
114
|
-
return
|
|
114
|
+
return root_eea410626b3047bfa8387f56255749631z;
|
|
115
115
|
})();
|
|
116
116
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
|
-
const
|
|
3
|
+
const template_eea410626b3047bfa8387f562557496325 = template_eea410626b3047bfa8387f56255749631.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
|
|
4
4
|
export default (attributes) => {
|
|
5
|
-
let
|
|
6
|
-
|
|
7
|
-
return
|
|
5
|
+
let root_eea410626b3047bfa8387f562557496324 = template_eea410626b3047bfa8387f562557496325(), element_eea410626b3047bfa8387f562557496326 = root_eea410626b3047bfa8387f562557496324.firstChild, attributes_eea410626b3047bfa8387f562557496327 = { "class": " ellipsis" };
|
|
6
|
+
template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f562557496326, attributes, attributes_eea410626b3047bfa8387f562557496327);
|
|
7
|
+
return root_eea410626b3047bfa8387f562557496324;
|
|
8
8
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import response from '@esportsplus/action';
|
|
2
|
-
import * as
|
|
2
|
+
import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
|
|
3
3
|
import { omit } from '@esportsplus/utilities';
|
|
4
4
|
import input from './input.js';
|
|
5
|
-
const
|
|
5
|
+
const template_eea410626b3047bfa8387f562557496329 = template_eea410626b3047bfa8387f56255749631.template(`<form class='form'><!--$--></form>`);
|
|
6
6
|
const OMIT = ['action', 'state'];
|
|
7
7
|
function parse(input) {
|
|
8
8
|
let data = {};
|
|
@@ -29,9 +29,9 @@ function parse(input) {
|
|
|
29
29
|
export default (attributes, content) => {
|
|
30
30
|
let { action, state } = attributes;
|
|
31
31
|
return (() => {
|
|
32
|
-
let
|
|
33
|
-
|
|
34
|
-
|
|
32
|
+
let root_eea410626b3047bfa8387f562557496328 = template_eea410626b3047bfa8387f562557496329(), element_eea410626b3047bfa8387f56255749632a = root_eea410626b3047bfa8387f562557496328.firstChild, element_eea410626b3047bfa8387f56255749632b = element_eea410626b3047bfa8387f56255749632a.firstChild, attributes_eea410626b3047bfa8387f56255749632c = { "class": " form" };
|
|
33
|
+
template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749632a, omit(attributes, OMIT), attributes_eea410626b3047bfa8387f56255749632c);
|
|
34
|
+
template_eea410626b3047bfa8387f56255749631.delegate(element_eea410626b3047bfa8387f56255749632a, 'click', function (event) {
|
|
35
35
|
let trigger = event.target;
|
|
36
36
|
if (trigger?.type !== 'submit') {
|
|
37
37
|
return;
|
|
@@ -39,7 +39,7 @@ export default (attributes, content) => {
|
|
|
39
39
|
event.preventDefault();
|
|
40
40
|
this.dispatchEvent(new SubmitEvent('submit', { cancelable: true, bubbles: true, submitter: trigger }));
|
|
41
41
|
});
|
|
42
|
-
|
|
42
|
+
template_eea410626b3047bfa8387f56255749631.on(element_eea410626b3047bfa8387f56255749632a, 'submit', async function (event) {
|
|
43
43
|
event.preventDefault();
|
|
44
44
|
if (state) {
|
|
45
45
|
state.processing = true;
|
|
@@ -59,7 +59,7 @@ export default (attributes, content) => {
|
|
|
59
59
|
state.processing = false;
|
|
60
60
|
}
|
|
61
61
|
});
|
|
62
|
-
|
|
63
|
-
return
|
|
62
|
+
template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f56255749632b, content);
|
|
63
|
+
return root_eea410626b3047bfa8387f562557496328;
|
|
64
64
|
})();
|
|
65
65
|
};
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
(): ReturnType<(this: {
|
|
5
|
-
attributes?:
|
|
6
|
-
content?:
|
|
7
|
-
}, attributes: Readonly<
|
|
8
|
-
<T extends
|
|
9
|
-
attributes?:
|
|
10
|
-
content?:
|
|
11
|
-
}, attributes: Readonly<
|
|
12
|
-
<T extends
|
|
13
|
-
attributes?:
|
|
14
|
-
content?:
|
|
15
|
-
}, attributes: Readonly<
|
|
16
|
-
(attributes:
|
|
17
|
-
attributes?:
|
|
18
|
-
content?:
|
|
19
|
-
}, attributes: Readonly<
|
|
5
|
+
attributes?: template_eea410626b3047bfa8387f56255749631.Attributes | undefined;
|
|
6
|
+
content?: template_eea410626b3047bfa8387f56255749631.Renderable<any>;
|
|
7
|
+
}, attributes: Readonly<template_eea410626b3047bfa8387f56255749631.Attributes>, content: template_eea410626b3047bfa8387f56255749631.Renderable<any>) => template_eea410626b3047bfa8387f56255749631.Renderable<any>>;
|
|
8
|
+
<T extends template_eea410626b3047bfa8387f56255749631.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_eea410626b3047bfa8387f56255749631.Attributes | undefined;
|
|
10
|
+
content?: template_eea410626b3047bfa8387f56255749631.Renderable<any>;
|
|
11
|
+
}, attributes: Readonly<template_eea410626b3047bfa8387f56255749631.Attributes>, content: template_eea410626b3047bfa8387f56255749631.Renderable<any>) => template_eea410626b3047bfa8387f56255749631.Renderable<any>>;
|
|
12
|
+
<T extends template_eea410626b3047bfa8387f56255749631.Renderable<any>>(content: T): ReturnType<(this: {
|
|
13
|
+
attributes?: template_eea410626b3047bfa8387f56255749631.Attributes | undefined;
|
|
14
|
+
content?: template_eea410626b3047bfa8387f56255749631.Renderable<any>;
|
|
15
|
+
}, attributes: Readonly<template_eea410626b3047bfa8387f56255749631.Attributes>, content: template_eea410626b3047bfa8387f56255749631.Renderable<any>) => template_eea410626b3047bfa8387f56255749631.Renderable<any>>;
|
|
16
|
+
(attributes: template_eea410626b3047bfa8387f56255749631.Attributes, content: template_eea410626b3047bfa8387f56255749631.Renderable<any>): ReturnType<(this: {
|
|
17
|
+
attributes?: template_eea410626b3047bfa8387f56255749631.Attributes | undefined;
|
|
18
|
+
content?: template_eea410626b3047bfa8387f56255749631.Renderable<any>;
|
|
19
|
+
}, attributes: Readonly<template_eea410626b3047bfa8387f56255749631.Attributes>, content: template_eea410626b3047bfa8387f56255749631.Renderable<any>) => template_eea410626b3047bfa8387f56255749631.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_eea410626b3047bfa8387f56255749630 from '@esportsplus/reactivity';
|
|
3
3
|
import { omit } from '@esportsplus/utilities';
|
|
4
4
|
import template from '../../components/template/index.js';
|
|
5
5
|
import './scss/index.scss';
|
|
6
|
-
const
|
|
7
|
-
class
|
|
8
|
-
#highlight = this[
|
|
6
|
+
const template_eea410626b3047bfa8387f56255749632f = template_eea410626b3047bfa8387f56255749631.template(`<div class='highlight'><!--$--></div>`);
|
|
7
|
+
class ReactiveObject_eea410626b3047bfa8387f56255749632d extends reactivity_eea410626b3047bfa8387f56255749630.ReactiveObject {
|
|
8
|
+
#highlight = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](0);
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get highlight() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_eea410626b3047bfa8387f56255749630.read(this.#highlight);
|
|
14
14
|
}
|
|
15
15
|
set highlight(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_eea410626b3047bfa8387f56255749630.write(this.#highlight, _v0);
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
const OMIT = ['background'];
|
|
@@ -38,19 +38,19 @@ export default template.factory((attributes, content) => {
|
|
|
38
38
|
}
|
|
39
39
|
}, { threshold: 1 });
|
|
40
40
|
}
|
|
41
|
-
let state = new
|
|
41
|
+
let state = new ReactiveObject_eea410626b3047bfa8387f56255749632d();
|
|
42
42
|
return (() => {
|
|
43
|
-
let
|
|
44
|
-
|
|
45
|
-
|
|
43
|
+
let root_eea410626b3047bfa8387f56255749632e = template_eea410626b3047bfa8387f56255749632f(), element_eea410626b3047bfa8387f56255749632g = root_eea410626b3047bfa8387f56255749632e.firstChild, element_eea410626b3047bfa8387f56255749632h = element_eea410626b3047bfa8387f56255749632g.firstChild, attributes_eea410626b3047bfa8387f56255749632i = { "class": " highlight" };
|
|
44
|
+
template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749632g, omit(attributes, OMIT), attributes_eea410626b3047bfa8387f56255749632i);
|
|
45
|
+
template_eea410626b3047bfa8387f56255749631.onrender(element_eea410626b3047bfa8387f56255749632g, (element) => {
|
|
46
46
|
element[key] = state;
|
|
47
47
|
observer.observe(element);
|
|
48
48
|
});
|
|
49
|
-
|
|
49
|
+
template_eea410626b3047bfa8387f56255749631.setList(element_eea410626b3047bfa8387f56255749632g, 'style', [
|
|
50
50
|
() => `--highlight: ${state.highlight}`,
|
|
51
51
|
`--background: ${attributes.background}`,
|
|
52
|
-
],
|
|
53
|
-
|
|
54
|
-
return
|
|
52
|
+
], attributes_eea410626b3047bfa8387f56255749632i);
|
|
53
|
+
template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f56255749632h, content);
|
|
54
|
+
return root_eea410626b3047bfa8387f56255749632e;
|
|
55
55
|
})();
|
|
56
56
|
});
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
(): ReturnType<(this: {
|
|
5
|
-
attributes?:
|
|
5
|
+
attributes?: template_eea410626b3047bfa8387f56255749631.Attributes | undefined;
|
|
6
6
|
content?: string | undefined;
|
|
7
|
-
}, attributes: Readonly<
|
|
8
|
-
<T extends
|
|
9
|
-
attributes?:
|
|
7
|
+
}, attributes: Readonly<template_eea410626b3047bfa8387f56255749631.Attributes>, content: string) => template_eea410626b3047bfa8387f56255749631.Renderable<any>>;
|
|
8
|
+
<T extends template_eea410626b3047bfa8387f56255749631.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_eea410626b3047bfa8387f56255749631.Attributes | undefined;
|
|
10
10
|
content?: string | undefined;
|
|
11
|
-
}, attributes: Readonly<
|
|
11
|
+
}, attributes: Readonly<template_eea410626b3047bfa8387f56255749631.Attributes>, content: string) => template_eea410626b3047bfa8387f56255749631.Renderable<any>>;
|
|
12
12
|
<T extends string>(content: T): ReturnType<(this: {
|
|
13
|
-
attributes?:
|
|
13
|
+
attributes?: template_eea410626b3047bfa8387f56255749631.Attributes | undefined;
|
|
14
14
|
content?: string | undefined;
|
|
15
|
-
}, attributes: Readonly<
|
|
16
|
-
(attributes:
|
|
17
|
-
attributes?:
|
|
15
|
+
}, attributes: Readonly<template_eea410626b3047bfa8387f56255749631.Attributes>, content: string) => template_eea410626b3047bfa8387f56255749631.Renderable<any>>;
|
|
16
|
+
(attributes: template_eea410626b3047bfa8387f56255749631.Attributes, content: string): ReturnType<(this: {
|
|
17
|
+
attributes?: template_eea410626b3047bfa8387f56255749631.Attributes | undefined;
|
|
18
18
|
content?: string | undefined;
|
|
19
|
-
}, attributes: Readonly<
|
|
19
|
+
}, attributes: Readonly<template_eea410626b3047bfa8387f56255749631.Attributes>, content: string) => template_eea410626b3047bfa8387f56255749631.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
|
|
2
2
|
import { svg } from '@esportsplus/template';
|
|
3
3
|
import template from '../../components/template/index.js';
|
|
4
4
|
import './scss/index.scss';
|
|
5
|
-
const
|
|
5
|
+
const template_eea410626b3047bfa8387f56255749632k = template_eea410626b3047bfa8387f56255749631.template(`<div class='icon'><!--$--></div>`);
|
|
6
6
|
export default template.factory((attributes, icon) => {
|
|
7
7
|
return (() => {
|
|
8
|
-
let
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
return
|
|
8
|
+
let root_eea410626b3047bfa8387f56255749632j = template_eea410626b3047bfa8387f56255749632k(), element_eea410626b3047bfa8387f56255749632l = root_eea410626b3047bfa8387f56255749632j.firstChild, element_eea410626b3047bfa8387f56255749632m = element_eea410626b3047bfa8387f56255749632l.firstChild, attributes_eea410626b3047bfa8387f56255749632n = { "class": " icon" };
|
|
9
|
+
template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749632l, attributes, attributes_eea410626b3047bfa8387f56255749632n);
|
|
10
|
+
template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f56255749632m, svg.sprite(icon));
|
|
11
|
+
return root_eea410626b3047bfa8387f56255749632j;
|
|
12
12
|
})();
|
|
13
13
|
});
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_eea410626b3047bfa8387f56255749630 from '@esportsplus/reactivity';
|
|
3
3
|
import form from '../../components/form/index.js';
|
|
4
4
|
import './scss/index.scss';
|
|
5
|
-
const
|
|
6
|
-
class
|
|
7
|
-
#active = this[
|
|
8
|
-
#error = this[
|
|
5
|
+
const template_eea410626b3047bfa8387f56255749632q = template_eea410626b3047bfa8387f56255749631.template(`<input class='input' />`);
|
|
6
|
+
class ReactiveObject_eea410626b3047bfa8387f56255749632o extends reactivity_eea410626b3047bfa8387f56255749630.ReactiveObject {
|
|
7
|
+
#active = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](false);
|
|
8
|
+
#error = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL]('');
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get active() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_eea410626b3047bfa8387f56255749630.read(this.#active);
|
|
14
14
|
}
|
|
15
15
|
set active(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_eea410626b3047bfa8387f56255749630.write(this.#active, _v0);
|
|
17
17
|
}
|
|
18
18
|
get error() {
|
|
19
|
-
return
|
|
19
|
+
return reactivity_eea410626b3047bfa8387f56255749630.read(this.#error);
|
|
20
20
|
}
|
|
21
21
|
set error(_v1) {
|
|
22
|
-
|
|
22
|
+
reactivity_eea410626b3047bfa8387f56255749630.write(this.#error, _v1);
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
export default function (attributes) {
|
|
26
|
-
let state = attributes.state || new
|
|
26
|
+
let state = attributes.state || new ReactiveObject_eea410626b3047bfa8387f56255749632o();
|
|
27
27
|
return (() => {
|
|
28
|
-
let
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
28
|
+
let root_eea410626b3047bfa8387f56255749632p = template_eea410626b3047bfa8387f56255749632q(), element_eea410626b3047bfa8387f56255749632r = root_eea410626b3047bfa8387f56255749632p.firstChild, attributes_eea410626b3047bfa8387f56255749632s = { "class": " input" };
|
|
29
|
+
template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749632r, this?.attributes, attributes_eea410626b3047bfa8387f56255749632s);
|
|
30
|
+
template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749632r, attributes, attributes_eea410626b3047bfa8387f56255749632s);
|
|
31
|
+
template_eea410626b3047bfa8387f56255749631.setList(element_eea410626b3047bfa8387f56255749632r, 'class', () => state.active && '--active', attributes_eea410626b3047bfa8387f56255749632s);
|
|
32
|
+
template_eea410626b3047bfa8387f56255749631.on(element_eea410626b3047bfa8387f56255749632r, 'focusin', () => {
|
|
33
33
|
state.active = true;
|
|
34
34
|
});
|
|
35
|
-
|
|
35
|
+
template_eea410626b3047bfa8387f56255749631.on(element_eea410626b3047bfa8387f56255749632r, 'focusout', () => {
|
|
36
36
|
state.active = false;
|
|
37
37
|
});
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
return
|
|
38
|
+
template_eea410626b3047bfa8387f56255749631.onrender(element_eea410626b3047bfa8387f56255749632r, form.input.onrender(state));
|
|
39
|
+
template_eea410626b3047bfa8387f56255749631.setProperty(element_eea410626b3047bfa8387f56255749632r, 'type', (attributes.type || 'text'));
|
|
40
|
+
return root_eea410626b3047bfa8387f56255749632p;
|
|
41
41
|
})();
|
|
42
42
|
}
|
|
43
43
|
;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
(): ReturnType<(this: {
|
|
5
|
-
attributes?:
|
|
6
|
-
content?:
|
|
7
|
-
}, attributes: Readonly<
|
|
8
|
-
<T extends
|
|
9
|
-
attributes?:
|
|
10
|
-
content?:
|
|
11
|
-
}, attributes: Readonly<
|
|
12
|
-
<T extends
|
|
13
|
-
attributes?:
|
|
14
|
-
content?:
|
|
15
|
-
}, attributes: Readonly<
|
|
16
|
-
(attributes:
|
|
17
|
-
attributes?:
|
|
18
|
-
content?:
|
|
19
|
-
}, attributes: Readonly<
|
|
5
|
+
attributes?: template_eea410626b3047bfa8387f56255749631.Attributes | undefined;
|
|
6
|
+
content?: template_eea410626b3047bfa8387f56255749631.Renderable<any>;
|
|
7
|
+
}, attributes: Readonly<template_eea410626b3047bfa8387f56255749631.Attributes>, content: template_eea410626b3047bfa8387f56255749631.Renderable<any>) => template_eea410626b3047bfa8387f56255749631.Renderable<any>>;
|
|
8
|
+
<T extends template_eea410626b3047bfa8387f56255749631.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_eea410626b3047bfa8387f56255749631.Attributes | undefined;
|
|
10
|
+
content?: template_eea410626b3047bfa8387f56255749631.Renderable<any>;
|
|
11
|
+
}, attributes: Readonly<template_eea410626b3047bfa8387f56255749631.Attributes>, content: template_eea410626b3047bfa8387f56255749631.Renderable<any>) => template_eea410626b3047bfa8387f56255749631.Renderable<any>>;
|
|
12
|
+
<T extends template_eea410626b3047bfa8387f56255749631.Renderable<any>>(content: T): ReturnType<(this: {
|
|
13
|
+
attributes?: template_eea410626b3047bfa8387f56255749631.Attributes | undefined;
|
|
14
|
+
content?: template_eea410626b3047bfa8387f56255749631.Renderable<any>;
|
|
15
|
+
}, attributes: Readonly<template_eea410626b3047bfa8387f56255749631.Attributes>, content: template_eea410626b3047bfa8387f56255749631.Renderable<any>) => template_eea410626b3047bfa8387f56255749631.Renderable<any>>;
|
|
16
|
+
(attributes: template_eea410626b3047bfa8387f56255749631.Attributes, content: template_eea410626b3047bfa8387f56255749631.Renderable<any>): ReturnType<(this: {
|
|
17
|
+
attributes?: template_eea410626b3047bfa8387f56255749631.Attributes | undefined;
|
|
18
|
+
content?: template_eea410626b3047bfa8387f56255749631.Renderable<any>;
|
|
19
|
+
}, attributes: Readonly<template_eea410626b3047bfa8387f56255749631.Attributes>, content: template_eea410626b3047bfa8387f56255749631.Renderable<any>) => template_eea410626b3047bfa8387f56255749631.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|