@esportsplus/ui 0.50.9 → 0.50.11
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 -24
- package/build/components/button/scss/index.scss +1 -1
- 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/build/css-utilities/focus/scss/index.scss +1 -1
- package/build/css-utilities/index.scss +1 -1
- package/package.json +2 -2
- package/src/components/button/index.ts +1 -1
- package/src/components/button/scss/index.scss +1 -0
- package/src/css-utilities/focus/scss/index.scss +1 -1
- package/src/tokens/scss/font-size.scss +9 -9
|
@@ -1,51 +1,51 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_395fa766de714d01a2177bd6e730518f0 from '@esportsplus/reactivity';
|
|
3
3
|
import { root } from '@esportsplus/reactivity';
|
|
4
4
|
import { omit } from '@esportsplus/utilities';
|
|
5
5
|
import form from '../../components/form/index.js';
|
|
6
6
|
import './scss/index.scss';
|
|
7
|
-
const
|
|
8
|
-
class
|
|
9
|
-
#active = this[
|
|
10
|
-
#error = this[
|
|
7
|
+
const template_395fa766de714d01a2177bd6e730518f1b = template_395fa766de714d01a2177bd6e730518f1.template(`<div><input></div>`);
|
|
8
|
+
class ReactiveObject_395fa766de714d01a2177bd6e730518f19 extends reactivity_395fa766de714d01a2177bd6e730518f0.ReactiveObject {
|
|
9
|
+
#active = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL](false);
|
|
10
|
+
#error = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL]('');
|
|
11
11
|
constructor() {
|
|
12
12
|
super(null);
|
|
13
13
|
}
|
|
14
14
|
get active() {
|
|
15
|
-
return
|
|
15
|
+
return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#active);
|
|
16
16
|
}
|
|
17
17
|
set active(_v0) {
|
|
18
|
-
|
|
18
|
+
reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#active, _v0);
|
|
19
19
|
}
|
|
20
20
|
get error() {
|
|
21
|
-
return
|
|
21
|
+
return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#error);
|
|
22
22
|
}
|
|
23
23
|
set error(_v1) {
|
|
24
|
-
|
|
24
|
+
reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#error, _v1);
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
const OMIT = ['checked', 'value'];
|
|
28
28
|
const factory = (type) => {
|
|
29
29
|
function template(attributes) {
|
|
30
|
-
let state = attributes?.state || new
|
|
30
|
+
let state = attributes?.state || new ReactiveObject_395fa766de714d01a2177bd6e730518f19();
|
|
31
31
|
if (attributes?.checked) {
|
|
32
32
|
state.active = true;
|
|
33
33
|
}
|
|
34
34
|
return (() => {
|
|
35
|
-
let
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
35
|
+
let root_395fa766de714d01a2177bd6e730518f1a = template_395fa766de714d01a2177bd6e730518f1b(), element_395fa766de714d01a2177bd6e730518f1c = root_395fa766de714d01a2177bd6e730518f1a.firstChild, element_395fa766de714d01a2177bd6e730518f1d = element_395fa766de714d01a2177bd6e730518f1c.firstElementChild, attributes_395fa766de714d01a2177bd6e730518f1e = { "class": "" }, attributes_395fa766de714d01a2177bd6e730518f1f = {};
|
|
36
|
+
template_395fa766de714d01a2177bd6e730518f1.setList(element_395fa766de714d01a2177bd6e730518f1c, 'class', type, attributes_395fa766de714d01a2177bd6e730518f1e);
|
|
37
|
+
template_395fa766de714d01a2177bd6e730518f1.setList(element_395fa766de714d01a2177bd6e730518f1c, 'class', () => state.active && '--active', attributes_395fa766de714d01a2177bd6e730518f1e);
|
|
38
|
+
template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f1c, this?.attributes && omit(this.attributes, OMIT), attributes_395fa766de714d01a2177bd6e730518f1e);
|
|
39
|
+
template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f1c, attributes && omit(attributes, OMIT), attributes_395fa766de714d01a2177bd6e730518f1e);
|
|
40
|
+
template_395fa766de714d01a2177bd6e730518f1.setProperty(element_395fa766de714d01a2177bd6e730518f1d, 'checked', attributes?.checked || root(() => state.active));
|
|
41
|
+
template_395fa766de714d01a2177bd6e730518f1.setList(element_395fa766de714d01a2177bd6e730518f1d, 'class', `${type}-tag`, attributes_395fa766de714d01a2177bd6e730518f1f);
|
|
42
|
+
template_395fa766de714d01a2177bd6e730518f1.delegate(element_395fa766de714d01a2177bd6e730518f1d, 'change', (e) => {
|
|
43
43
|
state.active = e.target.checked;
|
|
44
44
|
});
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
return
|
|
45
|
+
template_395fa766de714d01a2177bd6e730518f1.onrender(element_395fa766de714d01a2177bd6e730518f1d, form.input.onrender(state));
|
|
46
|
+
template_395fa766de714d01a2177bd6e730518f1.setProperty(element_395fa766de714d01a2177bd6e730518f1d, 'type', type === 'radio' ? 'radio' : 'checkbox');
|
|
47
|
+
template_395fa766de714d01a2177bd6e730518f1.setProperty(element_395fa766de714d01a2177bd6e730518f1d, 'value', attributes?.value || 1);
|
|
48
|
+
return root_395fa766de714d01a2177bd6e730518f1a;
|
|
49
49
|
})();
|
|
50
50
|
}
|
|
51
51
|
return template;
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_395fa766de714d01a2177bd6e730518f0 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_395fa766de714d01a2177bd6e730518f1i = template_395fa766de714d01a2177bd6e730518f1.template(`<div><!--$--></div>`);
|
|
7
|
+
class ReactiveObject_395fa766de714d01a2177bd6e730518f1g extends reactivity_395fa766de714d01a2177bd6e730518f0.ReactiveObject {
|
|
8
|
+
#copied = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL](false);
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get copied() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#copied);
|
|
14
14
|
}
|
|
15
15
|
set copied(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_395fa766de714d01a2177bd6e730518f0.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_395fa766de714d01a2177bd6e730518f1g(), timeout = attributes.timeout || 1000 * 2;
|
|
22
22
|
return (() => {
|
|
23
|
-
let
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
let root_395fa766de714d01a2177bd6e730518f1h = template_395fa766de714d01a2177bd6e730518f1i(), element_395fa766de714d01a2177bd6e730518f1j = root_395fa766de714d01a2177bd6e730518f1h.firstChild, element_395fa766de714d01a2177bd6e730518f1k = element_395fa766de714d01a2177bd6e730518f1j.firstChild, attributes_395fa766de714d01a2177bd6e730518f1l = {};
|
|
24
|
+
template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f1j, omit(attributes, OMIT), attributes_395fa766de714d01a2177bd6e730518f1l);
|
|
25
|
+
template_395fa766de714d01a2177bd6e730518f1.delegate(element_395fa766de714d01a2177bd6e730518f1j, '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_395fa766de714d01a2177bd6e730518f1.EffectSlot(element_395fa766de714d01a2177bd6e730518f1k, () => content(state));
|
|
36
|
+
return root_395fa766de714d01a2177bd6e730518f1h;
|
|
37
37
|
})();
|
|
38
38
|
});
|
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_395fa766de714d01a2177bd6e730518f0 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_395fa766de714d01a2177bd6e730518f1p = template_395fa766de714d01a2177bd6e730518f1.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
|
|
7
|
+
const template_395fa766de714d01a2177bd6e730518f1s = template_395fa766de714d01a2177bd6e730518f1.template(`<span><!--$--></span>`);
|
|
8
|
+
const template_395fa766de714d01a2177bd6e730518f1v = template_395fa766de714d01a2177bd6e730518f1.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
|
|
9
|
+
const template_395fa766de714d01a2177bd6e730518f20 = template_395fa766de714d01a2177bd6e730518f1.template(`<div class='counter'><!--$--></div>`);
|
|
10
|
+
class ReactiveObject_395fa766de714d01a2177bd6e730518f1m extends reactivity_395fa766de714d01a2177bd6e730518f0.ReactiveObject {
|
|
11
|
+
#value = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL](-1);
|
|
12
12
|
constructor() {
|
|
13
13
|
super(null);
|
|
14
14
|
}
|
|
15
15
|
get value() {
|
|
16
|
-
return
|
|
16
|
+
return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#value);
|
|
17
17
|
}
|
|
18
18
|
set value(_v0) {
|
|
19
|
-
|
|
19
|
+
reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#value, _v0);
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
|
-
class
|
|
23
|
-
#length = this[
|
|
22
|
+
class ReactiveObject_395fa766de714d01a2177bd6e730518f1n extends reactivity_395fa766de714d01a2177bd6e730518f0.ReactiveObject {
|
|
23
|
+
#length = this[reactivity_395fa766de714d01a2177bd6e730518f0.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_395fa766de714d01a2177bd6e730518f0.COMPUTED](_p0);
|
|
29
|
+
this.#render = this[reactivity_395fa766de714d01a2177bd6e730518f0.REACTIVE_ARRAY](_p1);
|
|
30
30
|
}
|
|
31
31
|
get length() {
|
|
32
|
-
return
|
|
32
|
+
return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#length);
|
|
33
33
|
}
|
|
34
34
|
set length(_v0) {
|
|
35
|
-
|
|
35
|
+
reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#length, _v0);
|
|
36
36
|
}
|
|
37
37
|
get test() {
|
|
38
|
-
return
|
|
38
|
+
return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#test);
|
|
39
39
|
}
|
|
40
40
|
get render() {
|
|
41
41
|
return this.#render;
|
|
@@ -44,12 +44,12 @@ class ReactiveObject_c9c73d187a134116af27de99479178b21n extends reactivity_c9c73
|
|
|
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_395fa766de714d01a2177bd6e730518f1m(), 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_395fa766de714d01a2177bd6e730518f1n(() => 'sds', []), render = new reactivity_395fa766de714d01a2177bd6e730518f0.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_395fa766de714d01a2177bd6e730518f1z = template_395fa766de714d01a2177bd6e730518f20(), element_395fa766de714d01a2177bd6e730518f21 = root_395fa766de714d01a2177bd6e730518f1z.firstChild, element_395fa766de714d01a2177bd6e730518f22 = element_395fa766de714d01a2177bd6e730518f21.firstChild, attributes_395fa766de714d01a2177bd6e730518f23 = { "class": "counter" };
|
|
88
|
+
template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f21, omit(attributes, OMIT), attributes_395fa766de714d01a2177bd6e730518f23);
|
|
89
|
+
new template_395fa766de714d01a2177bd6e730518f1.EffectSlot(element_395fa766de714d01a2177bd6e730518f22, () => {
|
|
90
90
|
let n = state.length;
|
|
91
91
|
if (n === 0) {
|
|
92
92
|
return '';
|
|
93
93
|
}
|
|
94
|
-
return new
|
|
94
|
+
return new template_395fa766de714d01a2177bd6e730518f1.ArraySlot(render, function (value) {
|
|
95
95
|
if (isNaN(parseInt(value, 10))) {
|
|
96
96
|
return (() => {
|
|
97
|
-
let
|
|
98
|
-
|
|
99
|
-
return
|
|
97
|
+
let root_395fa766de714d01a2177bd6e730518f1o = template_395fa766de714d01a2177bd6e730518f1p(), element_395fa766de714d01a2177bd6e730518f1q = root_395fa766de714d01a2177bd6e730518f1o.firstChild.firstChild;
|
|
98
|
+
template_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518f1q, value);
|
|
99
|
+
return root_395fa766de714d01a2177bd6e730518f1o;
|
|
100
100
|
})();
|
|
101
101
|
}
|
|
102
102
|
return (() => {
|
|
103
|
-
let
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
let
|
|
107
|
-
|
|
108
|
-
return
|
|
103
|
+
let root_395fa766de714d01a2177bd6e730518f1u = template_395fa766de714d01a2177bd6e730518f1v(), element_395fa766de714d01a2177bd6e730518f1w = root_395fa766de714d01a2177bd6e730518f1u.firstChild.firstElementChild, element_395fa766de714d01a2177bd6e730518f1x = element_395fa766de714d01a2177bd6e730518f1w.firstChild.nextSibling, attributes_395fa766de714d01a2177bd6e730518f1y = { "class": "counter-character-track", "style": "" };
|
|
104
|
+
template_395fa766de714d01a2177bd6e730518f1.setList(element_395fa766de714d01a2177bd6e730518f1w, 'style', `--value: ${value}`, attributes_395fa766de714d01a2177bd6e730518f1y);
|
|
105
|
+
template_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518f1x, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
|
|
106
|
+
let root_395fa766de714d01a2177bd6e730518f1r = template_395fa766de714d01a2177bd6e730518f1s(), element_395fa766de714d01a2177bd6e730518f1t = root_395fa766de714d01a2177bd6e730518f1r.firstChild.firstChild;
|
|
107
|
+
template_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518f1t, value);
|
|
108
|
+
return root_395fa766de714d01a2177bd6e730518f1r;
|
|
109
109
|
}));
|
|
110
|
-
return
|
|
110
|
+
return root_395fa766de714d01a2177bd6e730518f1u;
|
|
111
111
|
})();
|
|
112
112
|
});
|
|
113
113
|
});
|
|
114
|
-
return
|
|
114
|
+
return root_395fa766de714d01a2177bd6e730518f1z;
|
|
115
115
|
})();
|
|
116
116
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
|
-
const
|
|
3
|
+
const template_395fa766de714d01a2177bd6e730518f25 = template_395fa766de714d01a2177bd6e730518f1.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
|
|
4
4
|
export default (attributes) => {
|
|
5
|
-
let
|
|
6
|
-
|
|
7
|
-
return
|
|
5
|
+
let root_395fa766de714d01a2177bd6e730518f24 = template_395fa766de714d01a2177bd6e730518f25(), element_395fa766de714d01a2177bd6e730518f26 = root_395fa766de714d01a2177bd6e730518f24.firstChild, attributes_395fa766de714d01a2177bd6e730518f27 = { "class": "ellipsis" };
|
|
6
|
+
template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f26, attributes, attributes_395fa766de714d01a2177bd6e730518f27);
|
|
7
|
+
return root_395fa766de714d01a2177bd6e730518f24;
|
|
8
8
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import response from '@esportsplus/action';
|
|
2
|
-
import * as
|
|
2
|
+
import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
|
|
3
3
|
import { omit } from '@esportsplus/utilities';
|
|
4
4
|
import input from './input.js';
|
|
5
|
-
const
|
|
5
|
+
const template_395fa766de714d01a2177bd6e730518f29 = template_395fa766de714d01a2177bd6e730518f1.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_395fa766de714d01a2177bd6e730518f28 = template_395fa766de714d01a2177bd6e730518f29(), element_395fa766de714d01a2177bd6e730518f2a = root_395fa766de714d01a2177bd6e730518f28.firstChild, element_395fa766de714d01a2177bd6e730518f2b = element_395fa766de714d01a2177bd6e730518f2a.firstChild, attributes_395fa766de714d01a2177bd6e730518f2c = { "class": "form" };
|
|
33
|
+
template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f2a, omit(attributes, OMIT), attributes_395fa766de714d01a2177bd6e730518f2c);
|
|
34
|
+
template_395fa766de714d01a2177bd6e730518f1.delegate(element_395fa766de714d01a2177bd6e730518f2a, '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_395fa766de714d01a2177bd6e730518f1.on(element_395fa766de714d01a2177bd6e730518f2a, '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_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518f2b, content);
|
|
63
|
+
return root_395fa766de714d01a2177bd6e730518f28;
|
|
64
64
|
})();
|
|
65
65
|
};
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_395fa766de714d01a2177bd6e730518f1 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_395fa766de714d01a2177bd6e730518f1.Attributes | undefined;
|
|
6
|
+
content?: template_395fa766de714d01a2177bd6e730518f1.Renderable<any>;
|
|
7
|
+
}, attributes: Readonly<template_395fa766de714d01a2177bd6e730518f1.Attributes>, content: template_395fa766de714d01a2177bd6e730518f1.Renderable<any>) => template_395fa766de714d01a2177bd6e730518f1.Renderable<any>>;
|
|
8
|
+
<T extends template_395fa766de714d01a2177bd6e730518f1.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_395fa766de714d01a2177bd6e730518f1.Attributes | undefined;
|
|
10
|
+
content?: template_395fa766de714d01a2177bd6e730518f1.Renderable<any>;
|
|
11
|
+
}, attributes: Readonly<template_395fa766de714d01a2177bd6e730518f1.Attributes>, content: template_395fa766de714d01a2177bd6e730518f1.Renderable<any>) => template_395fa766de714d01a2177bd6e730518f1.Renderable<any>>;
|
|
12
|
+
<T extends template_395fa766de714d01a2177bd6e730518f1.Renderable<any>>(content: T): ReturnType<(this: {
|
|
13
|
+
attributes?: template_395fa766de714d01a2177bd6e730518f1.Attributes | undefined;
|
|
14
|
+
content?: template_395fa766de714d01a2177bd6e730518f1.Renderable<any>;
|
|
15
|
+
}, attributes: Readonly<template_395fa766de714d01a2177bd6e730518f1.Attributes>, content: template_395fa766de714d01a2177bd6e730518f1.Renderable<any>) => template_395fa766de714d01a2177bd6e730518f1.Renderable<any>>;
|
|
16
|
+
(attributes: template_395fa766de714d01a2177bd6e730518f1.Attributes, content: template_395fa766de714d01a2177bd6e730518f1.Renderable<any>): ReturnType<(this: {
|
|
17
|
+
attributes?: template_395fa766de714d01a2177bd6e730518f1.Attributes | undefined;
|
|
18
|
+
content?: template_395fa766de714d01a2177bd6e730518f1.Renderable<any>;
|
|
19
|
+
}, attributes: Readonly<template_395fa766de714d01a2177bd6e730518f1.Attributes>, content: template_395fa766de714d01a2177bd6e730518f1.Renderable<any>) => template_395fa766de714d01a2177bd6e730518f1.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_395fa766de714d01a2177bd6e730518f0 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_395fa766de714d01a2177bd6e730518f2f = template_395fa766de714d01a2177bd6e730518f1.template(`<div class='highlight'><!--$--></div>`);
|
|
7
|
+
class ReactiveObject_395fa766de714d01a2177bd6e730518f2d extends reactivity_395fa766de714d01a2177bd6e730518f0.ReactiveObject {
|
|
8
|
+
#highlight = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL](0);
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get highlight() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#highlight);
|
|
14
14
|
}
|
|
15
15
|
set highlight(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_395fa766de714d01a2177bd6e730518f0.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_395fa766de714d01a2177bd6e730518f2d();
|
|
42
42
|
return (() => {
|
|
43
|
-
let
|
|
44
|
-
|
|
45
|
-
|
|
43
|
+
let root_395fa766de714d01a2177bd6e730518f2e = template_395fa766de714d01a2177bd6e730518f2f(), element_395fa766de714d01a2177bd6e730518f2g = root_395fa766de714d01a2177bd6e730518f2e.firstChild, element_395fa766de714d01a2177bd6e730518f2h = element_395fa766de714d01a2177bd6e730518f2g.firstChild, attributes_395fa766de714d01a2177bd6e730518f2i = { "class": "highlight" };
|
|
44
|
+
template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f2g, omit(attributes, OMIT), attributes_395fa766de714d01a2177bd6e730518f2i);
|
|
45
|
+
template_395fa766de714d01a2177bd6e730518f1.onrender(element_395fa766de714d01a2177bd6e730518f2g, (element) => {
|
|
46
46
|
element[key] = state;
|
|
47
47
|
observer.observe(element);
|
|
48
48
|
});
|
|
49
|
-
|
|
49
|
+
template_395fa766de714d01a2177bd6e730518f1.setList(element_395fa766de714d01a2177bd6e730518f2g, 'style', [
|
|
50
50
|
() => `--highlight: ${state.highlight}`,
|
|
51
51
|
`--background: ${attributes.background}`,
|
|
52
|
-
],
|
|
53
|
-
|
|
54
|
-
return
|
|
52
|
+
], attributes_395fa766de714d01a2177bd6e730518f2i);
|
|
53
|
+
template_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518f2h, content);
|
|
54
|
+
return root_395fa766de714d01a2177bd6e730518f2e;
|
|
55
55
|
})();
|
|
56
56
|
});
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
(): ReturnType<(this: {
|
|
5
|
-
attributes?:
|
|
5
|
+
attributes?: template_395fa766de714d01a2177bd6e730518f1.Attributes | undefined;
|
|
6
6
|
content?: string | undefined;
|
|
7
|
-
}, attributes: Readonly<
|
|
8
|
-
<T extends
|
|
9
|
-
attributes?:
|
|
7
|
+
}, attributes: Readonly<template_395fa766de714d01a2177bd6e730518f1.Attributes>, content: string) => template_395fa766de714d01a2177bd6e730518f1.Renderable<any>>;
|
|
8
|
+
<T extends template_395fa766de714d01a2177bd6e730518f1.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_395fa766de714d01a2177bd6e730518f1.Attributes | undefined;
|
|
10
10
|
content?: string | undefined;
|
|
11
|
-
}, attributes: Readonly<
|
|
11
|
+
}, attributes: Readonly<template_395fa766de714d01a2177bd6e730518f1.Attributes>, content: string) => template_395fa766de714d01a2177bd6e730518f1.Renderable<any>>;
|
|
12
12
|
<T extends string>(content: T): ReturnType<(this: {
|
|
13
|
-
attributes?:
|
|
13
|
+
attributes?: template_395fa766de714d01a2177bd6e730518f1.Attributes | undefined;
|
|
14
14
|
content?: string | undefined;
|
|
15
|
-
}, attributes: Readonly<
|
|
16
|
-
(attributes:
|
|
17
|
-
attributes?:
|
|
15
|
+
}, attributes: Readonly<template_395fa766de714d01a2177bd6e730518f1.Attributes>, content: string) => template_395fa766de714d01a2177bd6e730518f1.Renderable<any>>;
|
|
16
|
+
(attributes: template_395fa766de714d01a2177bd6e730518f1.Attributes, content: string): ReturnType<(this: {
|
|
17
|
+
attributes?: template_395fa766de714d01a2177bd6e730518f1.Attributes | undefined;
|
|
18
18
|
content?: string | undefined;
|
|
19
|
-
}, attributes: Readonly<
|
|
19
|
+
}, attributes: Readonly<template_395fa766de714d01a2177bd6e730518f1.Attributes>, content: string) => template_395fa766de714d01a2177bd6e730518f1.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_395fa766de714d01a2177bd6e730518f1 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_395fa766de714d01a2177bd6e730518f2k = template_395fa766de714d01a2177bd6e730518f1.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_395fa766de714d01a2177bd6e730518f2j = template_395fa766de714d01a2177bd6e730518f2k(), element_395fa766de714d01a2177bd6e730518f2l = root_395fa766de714d01a2177bd6e730518f2j.firstChild, element_395fa766de714d01a2177bd6e730518f2m = element_395fa766de714d01a2177bd6e730518f2l.firstChild, attributes_395fa766de714d01a2177bd6e730518f2n = { "class": "icon" };
|
|
9
|
+
template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f2l, attributes, attributes_395fa766de714d01a2177bd6e730518f2n);
|
|
10
|
+
template_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518f2m, svg.sprite(icon));
|
|
11
|
+
return root_395fa766de714d01a2177bd6e730518f2j;
|
|
12
12
|
})();
|
|
13
13
|
});
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_395fa766de714d01a2177bd6e730518f0 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_395fa766de714d01a2177bd6e730518f2q = template_395fa766de714d01a2177bd6e730518f1.template(`<input class='input' />`);
|
|
6
|
+
class ReactiveObject_395fa766de714d01a2177bd6e730518f2o extends reactivity_395fa766de714d01a2177bd6e730518f0.ReactiveObject {
|
|
7
|
+
#active = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL](false);
|
|
8
|
+
#error = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL]('');
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get active() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#active);
|
|
14
14
|
}
|
|
15
15
|
set active(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#active, _v0);
|
|
17
17
|
}
|
|
18
18
|
get error() {
|
|
19
|
-
return
|
|
19
|
+
return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#error);
|
|
20
20
|
}
|
|
21
21
|
set error(_v1) {
|
|
22
|
-
|
|
22
|
+
reactivity_395fa766de714d01a2177bd6e730518f0.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_395fa766de714d01a2177bd6e730518f2o();
|
|
27
27
|
return (() => {
|
|
28
|
-
let
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
28
|
+
let root_395fa766de714d01a2177bd6e730518f2p = template_395fa766de714d01a2177bd6e730518f2q(), element_395fa766de714d01a2177bd6e730518f2r = root_395fa766de714d01a2177bd6e730518f2p.firstChild, attributes_395fa766de714d01a2177bd6e730518f2s = { "class": "input" };
|
|
29
|
+
template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f2r, this?.attributes, attributes_395fa766de714d01a2177bd6e730518f2s);
|
|
30
|
+
template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f2r, attributes, attributes_395fa766de714d01a2177bd6e730518f2s);
|
|
31
|
+
template_395fa766de714d01a2177bd6e730518f1.setList(element_395fa766de714d01a2177bd6e730518f2r, 'class', () => state.active && '--active', attributes_395fa766de714d01a2177bd6e730518f2s);
|
|
32
|
+
template_395fa766de714d01a2177bd6e730518f1.on(element_395fa766de714d01a2177bd6e730518f2r, 'focusin', () => {
|
|
33
33
|
state.active = true;
|
|
34
34
|
});
|
|
35
|
-
|
|
35
|
+
template_395fa766de714d01a2177bd6e730518f1.on(element_395fa766de714d01a2177bd6e730518f2r, 'focusout', () => {
|
|
36
36
|
state.active = false;
|
|
37
37
|
});
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
return
|
|
38
|
+
template_395fa766de714d01a2177bd6e730518f1.onrender(element_395fa766de714d01a2177bd6e730518f2r, form.input.onrender(state));
|
|
39
|
+
template_395fa766de714d01a2177bd6e730518f1.setProperty(element_395fa766de714d01a2177bd6e730518f2r, 'type', (attributes.type || 'text'));
|
|
40
|
+
return root_395fa766de714d01a2177bd6e730518f2p;
|
|
41
41
|
})();
|
|
42
42
|
}
|
|
43
43
|
;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_395fa766de714d01a2177bd6e730518f1 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_395fa766de714d01a2177bd6e730518f1.Attributes | undefined;
|
|
6
|
+
content?: template_395fa766de714d01a2177bd6e730518f1.Renderable<any>;
|
|
7
|
+
}, attributes: Readonly<template_395fa766de714d01a2177bd6e730518f1.Attributes>, content: template_395fa766de714d01a2177bd6e730518f1.Renderable<any>) => template_395fa766de714d01a2177bd6e730518f1.Renderable<any>>;
|
|
8
|
+
<T extends template_395fa766de714d01a2177bd6e730518f1.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_395fa766de714d01a2177bd6e730518f1.Attributes | undefined;
|
|
10
|
+
content?: template_395fa766de714d01a2177bd6e730518f1.Renderable<any>;
|
|
11
|
+
}, attributes: Readonly<template_395fa766de714d01a2177bd6e730518f1.Attributes>, content: template_395fa766de714d01a2177bd6e730518f1.Renderable<any>) => template_395fa766de714d01a2177bd6e730518f1.Renderable<any>>;
|
|
12
|
+
<T extends template_395fa766de714d01a2177bd6e730518f1.Renderable<any>>(content: T): ReturnType<(this: {
|
|
13
|
+
attributes?: template_395fa766de714d01a2177bd6e730518f1.Attributes | undefined;
|
|
14
|
+
content?: template_395fa766de714d01a2177bd6e730518f1.Renderable<any>;
|
|
15
|
+
}, attributes: Readonly<template_395fa766de714d01a2177bd6e730518f1.Attributes>, content: template_395fa766de714d01a2177bd6e730518f1.Renderable<any>) => template_395fa766de714d01a2177bd6e730518f1.Renderable<any>>;
|
|
16
|
+
(attributes: template_395fa766de714d01a2177bd6e730518f1.Attributes, content: template_395fa766de714d01a2177bd6e730518f1.Renderable<any>): ReturnType<(this: {
|
|
17
|
+
attributes?: template_395fa766de714d01a2177bd6e730518f1.Attributes | undefined;
|
|
18
|
+
content?: template_395fa766de714d01a2177bd6e730518f1.Renderable<any>;
|
|
19
|
+
}, attributes: Readonly<template_395fa766de714d01a2177bd6e730518f1.Attributes>, content: template_395fa766de714d01a2177bd6e730518f1.Renderable<any>) => template_395fa766de714d01a2177bd6e730518f1.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|