@esportsplus/ui 0.49.6 → 0.49.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/build/components/accordion/index.d.ts +16 -16
- package/build/components/accordion/index.js +17 -17
- package/build/components/alert/index.js +41 -41
- package/build/components/back/index.d.ts +8 -8
- package/build/components/back/index.js +8 -8
- package/build/components/button/index.d.ts +21 -21
- package/build/components/button/index.js +24 -24
- package/build/components/checkbox/index.js +23 -23
- package/build/components/clipboard/onclick.js +13 -13
- package/build/components/counter/index.js +34 -34
- package/build/components/ellipsis/index.js +5 -5
- package/build/components/form/action.js +8 -8
- package/build/components/highlight/index.d.ts +16 -16
- package/build/components/highlight/index.js +15 -15
- package/build/components/icon/index.d.ts +11 -11
- package/build/components/icon/index.js +6 -6
- package/build/components/input/index.js +20 -20
- package/build/components/loader/index.d.ts +16 -16
- package/build/components/loader/index.js +33 -33
- package/build/components/loading/index.js +5 -5
- package/build/components/range/index.js +25 -25
- package/build/components/scrollbar/index.d.ts +11 -11
- package/build/components/scrollbar/index.js +24 -24
- package/build/components/select/index.js +40 -40
- package/build/components/textarea/index.js +20 -20
- package/build/components/tooltip/menu.d.ts +11 -11
- package/build/components/tooltip/menu.js +20 -20
- package/build/components/tooltip/onclick.d.ts +1101 -1101
- package/build/components/tooltip/onclick.js +14 -14
- package/build/components/tooltip/onhover.d.ts +16 -16
- package/build/components/tooltip/onhover.js +15 -15
- package/build/components/typewriter/index.d.ts +11 -11
- package/build/components/typewriter/index.js +14 -14
- package/package.json +3 -3
|
@@ -1,51 +1,51 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_674b8ccc1a634e6cb7742603036f95971 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_674b8ccc1a634e6cb7742603036f95970 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_674b8ccc1a634e6cb7742603036f95971b = template_674b8ccc1a634e6cb7742603036f95971.template(`<div><input></div>`);
|
|
8
|
+
class ReactiveObject_674b8ccc1a634e6cb7742603036f959719 extends reactivity_674b8ccc1a634e6cb7742603036f95970.ReactiveObject {
|
|
9
|
+
#active = this[reactivity_674b8ccc1a634e6cb7742603036f95970.SIGNAL](false);
|
|
10
|
+
#error = this[reactivity_674b8ccc1a634e6cb7742603036f95970.SIGNAL]('');
|
|
11
11
|
constructor() {
|
|
12
12
|
super(null);
|
|
13
13
|
}
|
|
14
14
|
get active() {
|
|
15
|
-
return
|
|
15
|
+
return reactivity_674b8ccc1a634e6cb7742603036f95970.read(this.#active);
|
|
16
16
|
}
|
|
17
17
|
set active(_v0) {
|
|
18
|
-
|
|
18
|
+
reactivity_674b8ccc1a634e6cb7742603036f95970.write(this.#active, _v0);
|
|
19
19
|
}
|
|
20
20
|
get error() {
|
|
21
|
-
return
|
|
21
|
+
return reactivity_674b8ccc1a634e6cb7742603036f95970.read(this.#error);
|
|
22
22
|
}
|
|
23
23
|
set error(_v1) {
|
|
24
|
-
|
|
24
|
+
reactivity_674b8ccc1a634e6cb7742603036f95970.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_674b8ccc1a634e6cb7742603036f959719();
|
|
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_674b8ccc1a634e6cb7742603036f95971a = template_674b8ccc1a634e6cb7742603036f95971b(), element_674b8ccc1a634e6cb7742603036f95971c = root_674b8ccc1a634e6cb7742603036f95971a.firstChild, element_674b8ccc1a634e6cb7742603036f95971d = element_674b8ccc1a634e6cb7742603036f95971c.firstElementChild, attributes_674b8ccc1a634e6cb7742603036f95971e = { "class": "" }, attributes_674b8ccc1a634e6cb7742603036f95971f = {};
|
|
36
|
+
template_674b8ccc1a634e6cb7742603036f95971.setList(element_674b8ccc1a634e6cb7742603036f95971c, 'class', type, attributes_674b8ccc1a634e6cb7742603036f95971e);
|
|
37
|
+
template_674b8ccc1a634e6cb7742603036f95971.setList(element_674b8ccc1a634e6cb7742603036f95971c, 'class', () => state.active && '--active', attributes_674b8ccc1a634e6cb7742603036f95971e);
|
|
38
|
+
template_674b8ccc1a634e6cb7742603036f95971.setProperties(element_674b8ccc1a634e6cb7742603036f95971c, this?.attributes && omit(this.attributes, OMIT), attributes_674b8ccc1a634e6cb7742603036f95971e);
|
|
39
|
+
template_674b8ccc1a634e6cb7742603036f95971.setProperties(element_674b8ccc1a634e6cb7742603036f95971c, attributes && omit(attributes, OMIT), attributes_674b8ccc1a634e6cb7742603036f95971e);
|
|
40
|
+
template_674b8ccc1a634e6cb7742603036f95971.setProperty(element_674b8ccc1a634e6cb7742603036f95971d, 'checked', attributes?.checked || root(() => state.active));
|
|
41
|
+
template_674b8ccc1a634e6cb7742603036f95971.setList(element_674b8ccc1a634e6cb7742603036f95971d, 'class', `${type}-tag`, attributes_674b8ccc1a634e6cb7742603036f95971f);
|
|
42
|
+
template_674b8ccc1a634e6cb7742603036f95971.delegate(element_674b8ccc1a634e6cb7742603036f95971d, 'change', (e) => {
|
|
43
43
|
state.active = e.target.checked;
|
|
44
44
|
});
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
return
|
|
45
|
+
template_674b8ccc1a634e6cb7742603036f95971.onrender(element_674b8ccc1a634e6cb7742603036f95971d, form.input.onrender(state));
|
|
46
|
+
template_674b8ccc1a634e6cb7742603036f95971.setProperty(element_674b8ccc1a634e6cb7742603036f95971d, 'type', type === 'radio' ? 'radio' : 'checkbox');
|
|
47
|
+
template_674b8ccc1a634e6cb7742603036f95971.setProperty(element_674b8ccc1a634e6cb7742603036f95971d, 'value', attributes?.value || 1);
|
|
48
|
+
return root_674b8ccc1a634e6cb7742603036f95971a;
|
|
49
49
|
})();
|
|
50
50
|
}
|
|
51
51
|
return template;
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_674b8ccc1a634e6cb7742603036f95971 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_674b8ccc1a634e6cb7742603036f95970 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_674b8ccc1a634e6cb7742603036f95971i = template_674b8ccc1a634e6cb7742603036f95971.template(`<div><!--$--></div>`);
|
|
7
|
+
class ReactiveObject_674b8ccc1a634e6cb7742603036f95971g extends reactivity_674b8ccc1a634e6cb7742603036f95970.ReactiveObject {
|
|
8
|
+
#copied = this[reactivity_674b8ccc1a634e6cb7742603036f95970.SIGNAL](false);
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get copied() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_674b8ccc1a634e6cb7742603036f95970.read(this.#copied);
|
|
14
14
|
}
|
|
15
15
|
set copied(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_674b8ccc1a634e6cb7742603036f95970.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_674b8ccc1a634e6cb7742603036f95971g(), timeout = attributes.timeout || 1000 * 2;
|
|
22
22
|
return (() => {
|
|
23
|
-
let
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
let root_674b8ccc1a634e6cb7742603036f95971h = template_674b8ccc1a634e6cb7742603036f95971i(), element_674b8ccc1a634e6cb7742603036f95971j = root_674b8ccc1a634e6cb7742603036f95971h.firstChild, element_674b8ccc1a634e6cb7742603036f95971k = element_674b8ccc1a634e6cb7742603036f95971j.firstChild, attributes_674b8ccc1a634e6cb7742603036f95971l = {};
|
|
24
|
+
template_674b8ccc1a634e6cb7742603036f95971.setProperties(element_674b8ccc1a634e6cb7742603036f95971j, omit(attributes, OMIT), attributes_674b8ccc1a634e6cb7742603036f95971l);
|
|
25
|
+
template_674b8ccc1a634e6cb7742603036f95971.delegate(element_674b8ccc1a634e6cb7742603036f95971j, '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_674b8ccc1a634e6cb7742603036f95971.EffectSlot(element_674b8ccc1a634e6cb7742603036f95971k, () => content(state));
|
|
36
|
+
return root_674b8ccc1a634e6cb7742603036f95971h;
|
|
37
37
|
})();
|
|
38
38
|
});
|
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_674b8ccc1a634e6cb7742603036f95971 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_674b8ccc1a634e6cb7742603036f95970 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_674b8ccc1a634e6cb7742603036f95971p = template_674b8ccc1a634e6cb7742603036f95971.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
|
|
7
|
+
const template_674b8ccc1a634e6cb7742603036f95971s = template_674b8ccc1a634e6cb7742603036f95971.template(`<span><!--$--></span>`);
|
|
8
|
+
const template_674b8ccc1a634e6cb7742603036f95971v = template_674b8ccc1a634e6cb7742603036f95971.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
|
|
9
|
+
const template_674b8ccc1a634e6cb7742603036f959720 = template_674b8ccc1a634e6cb7742603036f95971.template(`<div class='counter'><!--$--></div>`);
|
|
10
|
+
class ReactiveObject_674b8ccc1a634e6cb7742603036f95971m extends reactivity_674b8ccc1a634e6cb7742603036f95970.ReactiveObject {
|
|
11
|
+
#value = this[reactivity_674b8ccc1a634e6cb7742603036f95970.SIGNAL](-1);
|
|
12
12
|
constructor() {
|
|
13
13
|
super(null);
|
|
14
14
|
}
|
|
15
15
|
get value() {
|
|
16
|
-
return
|
|
16
|
+
return reactivity_674b8ccc1a634e6cb7742603036f95970.read(this.#value);
|
|
17
17
|
}
|
|
18
18
|
set value(_v0) {
|
|
19
|
-
|
|
19
|
+
reactivity_674b8ccc1a634e6cb7742603036f95970.write(this.#value, _v0);
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
|
-
class
|
|
23
|
-
#length = this[
|
|
22
|
+
class ReactiveObject_674b8ccc1a634e6cb7742603036f95971n extends reactivity_674b8ccc1a634e6cb7742603036f95970.ReactiveObject {
|
|
23
|
+
#length = this[reactivity_674b8ccc1a634e6cb7742603036f95970.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_674b8ccc1a634e6cb7742603036f95970.COMPUTED](_p0);
|
|
29
|
+
this.#render = this[reactivity_674b8ccc1a634e6cb7742603036f95970.REACTIVE_ARRAY](_p1);
|
|
30
30
|
}
|
|
31
31
|
get length() {
|
|
32
|
-
return
|
|
32
|
+
return reactivity_674b8ccc1a634e6cb7742603036f95970.read(this.#length);
|
|
33
33
|
}
|
|
34
34
|
set length(_v0) {
|
|
35
|
-
|
|
35
|
+
reactivity_674b8ccc1a634e6cb7742603036f95970.write(this.#length, _v0);
|
|
36
36
|
}
|
|
37
37
|
get test() {
|
|
38
|
-
return
|
|
38
|
+
return reactivity_674b8ccc1a634e6cb7742603036f95970.read(this.#test);
|
|
39
39
|
}
|
|
40
40
|
get render() {
|
|
41
41
|
return this.#render;
|
|
@@ -44,12 +44,12 @@ class ReactiveObject_2a7920412bac4009b37c4d0863a6596e1n extends reactivity_2a792
|
|
|
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_674b8ccc1a634e6cb7742603036f95971m(), 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_674b8ccc1a634e6cb7742603036f95971n(() => 'sds', []), render = new reactivity_674b8ccc1a634e6cb7742603036f95970.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_674b8ccc1a634e6cb7742603036f95971z = template_674b8ccc1a634e6cb7742603036f959720(), element_674b8ccc1a634e6cb7742603036f959721 = root_674b8ccc1a634e6cb7742603036f95971z.firstChild, element_674b8ccc1a634e6cb7742603036f959722 = element_674b8ccc1a634e6cb7742603036f959721.firstChild, attributes_674b8ccc1a634e6cb7742603036f959723 = { "class": "counter" };
|
|
88
|
+
template_674b8ccc1a634e6cb7742603036f95971.setProperties(element_674b8ccc1a634e6cb7742603036f959721, omit(attributes, OMIT), attributes_674b8ccc1a634e6cb7742603036f959723);
|
|
89
|
+
new template_674b8ccc1a634e6cb7742603036f95971.EffectSlot(element_674b8ccc1a634e6cb7742603036f959722, () => {
|
|
90
90
|
let n = state.length;
|
|
91
91
|
if (n === 0) {
|
|
92
92
|
return '';
|
|
93
93
|
}
|
|
94
|
-
return new
|
|
94
|
+
return new template_674b8ccc1a634e6cb7742603036f95971.ArraySlot(render, function (value) {
|
|
95
95
|
if (isNaN(parseInt(value, 10))) {
|
|
96
96
|
return (() => {
|
|
97
|
-
let
|
|
98
|
-
|
|
99
|
-
return
|
|
97
|
+
let root_674b8ccc1a634e6cb7742603036f95971o = template_674b8ccc1a634e6cb7742603036f95971p(), element_674b8ccc1a634e6cb7742603036f95971q = root_674b8ccc1a634e6cb7742603036f95971o.firstChild.firstChild;
|
|
98
|
+
template_674b8ccc1a634e6cb7742603036f95971.slot(element_674b8ccc1a634e6cb7742603036f95971q, value);
|
|
99
|
+
return root_674b8ccc1a634e6cb7742603036f95971o;
|
|
100
100
|
})();
|
|
101
101
|
}
|
|
102
102
|
return (() => {
|
|
103
|
-
let
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
let
|
|
107
|
-
|
|
108
|
-
return
|
|
103
|
+
let root_674b8ccc1a634e6cb7742603036f95971u = template_674b8ccc1a634e6cb7742603036f95971v(), element_674b8ccc1a634e6cb7742603036f95971w = root_674b8ccc1a634e6cb7742603036f95971u.firstChild.firstElementChild, element_674b8ccc1a634e6cb7742603036f95971x = element_674b8ccc1a634e6cb7742603036f95971w.firstChild.nextSibling, attributes_674b8ccc1a634e6cb7742603036f95971y = { "class": "counter-character-track", "style": "" };
|
|
104
|
+
template_674b8ccc1a634e6cb7742603036f95971.setList(element_674b8ccc1a634e6cb7742603036f95971w, 'style', `--value: ${value}`, attributes_674b8ccc1a634e6cb7742603036f95971y);
|
|
105
|
+
template_674b8ccc1a634e6cb7742603036f95971.slot(element_674b8ccc1a634e6cb7742603036f95971x, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
|
|
106
|
+
let root_674b8ccc1a634e6cb7742603036f95971r = template_674b8ccc1a634e6cb7742603036f95971s(), element_674b8ccc1a634e6cb7742603036f95971t = root_674b8ccc1a634e6cb7742603036f95971r.firstChild.firstChild;
|
|
107
|
+
template_674b8ccc1a634e6cb7742603036f95971.slot(element_674b8ccc1a634e6cb7742603036f95971t, value);
|
|
108
|
+
return root_674b8ccc1a634e6cb7742603036f95971r;
|
|
109
109
|
}));
|
|
110
|
-
return
|
|
110
|
+
return root_674b8ccc1a634e6cb7742603036f95971u;
|
|
111
111
|
})();
|
|
112
112
|
});
|
|
113
113
|
});
|
|
114
|
-
return
|
|
114
|
+
return root_674b8ccc1a634e6cb7742603036f95971z;
|
|
115
115
|
})();
|
|
116
116
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_674b8ccc1a634e6cb7742603036f95971 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
|
-
const
|
|
3
|
+
const template_674b8ccc1a634e6cb7742603036f959725 = template_674b8ccc1a634e6cb7742603036f95971.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
|
|
4
4
|
export default (attributes) => {
|
|
5
|
-
let
|
|
6
|
-
|
|
7
|
-
return
|
|
5
|
+
let root_674b8ccc1a634e6cb7742603036f959724 = template_674b8ccc1a634e6cb7742603036f959725(), element_674b8ccc1a634e6cb7742603036f959726 = root_674b8ccc1a634e6cb7742603036f959724.firstChild, attributes_674b8ccc1a634e6cb7742603036f959727 = { "class": "ellipsis" };
|
|
6
|
+
template_674b8ccc1a634e6cb7742603036f95971.setProperties(element_674b8ccc1a634e6cb7742603036f959726, attributes, attributes_674b8ccc1a634e6cb7742603036f959727);
|
|
7
|
+
return root_674b8ccc1a634e6cb7742603036f959724;
|
|
8
8
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import response from '@esportsplus/action';
|
|
2
|
-
import * as
|
|
2
|
+
import * as template_674b8ccc1a634e6cb7742603036f95971 from '@esportsplus/template';
|
|
3
3
|
import { omit } from '@esportsplus/utilities';
|
|
4
4
|
import input from './input.js';
|
|
5
|
-
const
|
|
5
|
+
const template_674b8ccc1a634e6cb7742603036f959729 = template_674b8ccc1a634e6cb7742603036f95971.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_674b8ccc1a634e6cb7742603036f959728 = template_674b8ccc1a634e6cb7742603036f959729(), element_674b8ccc1a634e6cb7742603036f95972a = root_674b8ccc1a634e6cb7742603036f959728.firstChild, element_674b8ccc1a634e6cb7742603036f95972b = element_674b8ccc1a634e6cb7742603036f95972a.firstChild, attributes_674b8ccc1a634e6cb7742603036f95972c = { "class": "form" };
|
|
33
|
+
template_674b8ccc1a634e6cb7742603036f95971.setProperties(element_674b8ccc1a634e6cb7742603036f95972a, omit(attributes, OMIT), attributes_674b8ccc1a634e6cb7742603036f95972c);
|
|
34
|
+
template_674b8ccc1a634e6cb7742603036f95971.delegate(element_674b8ccc1a634e6cb7742603036f95972a, '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_674b8ccc1a634e6cb7742603036f95971.on(element_674b8ccc1a634e6cb7742603036f95972a, '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_674b8ccc1a634e6cb7742603036f95971.slot(element_674b8ccc1a634e6cb7742603036f95972b, content);
|
|
63
|
+
return root_674b8ccc1a634e6cb7742603036f959728;
|
|
64
64
|
})();
|
|
65
65
|
};
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_674b8ccc1a634e6cb7742603036f95971 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_674b8ccc1a634e6cb7742603036f95971.Attributes | undefined;
|
|
6
|
+
content?: template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>;
|
|
7
|
+
}, attributes: Readonly<template_674b8ccc1a634e6cb7742603036f95971.Attributes>, content: template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>) => template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>>;
|
|
8
|
+
<T extends template_674b8ccc1a634e6cb7742603036f95971.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_674b8ccc1a634e6cb7742603036f95971.Attributes | undefined;
|
|
10
|
+
content?: template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>;
|
|
11
|
+
}, attributes: Readonly<template_674b8ccc1a634e6cb7742603036f95971.Attributes>, content: template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>) => template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>>;
|
|
12
|
+
<T extends template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>>(content: T): ReturnType<(this: {
|
|
13
|
+
attributes?: template_674b8ccc1a634e6cb7742603036f95971.Attributes | undefined;
|
|
14
|
+
content?: template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>;
|
|
15
|
+
}, attributes: Readonly<template_674b8ccc1a634e6cb7742603036f95971.Attributes>, content: template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>) => template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>>;
|
|
16
|
+
(attributes: template_674b8ccc1a634e6cb7742603036f95971.Attributes, content: template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>): ReturnType<(this: {
|
|
17
|
+
attributes?: template_674b8ccc1a634e6cb7742603036f95971.Attributes | undefined;
|
|
18
|
+
content?: template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>;
|
|
19
|
+
}, attributes: Readonly<template_674b8ccc1a634e6cb7742603036f95971.Attributes>, content: template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>) => template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_674b8ccc1a634e6cb7742603036f95971 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_674b8ccc1a634e6cb7742603036f95970 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_674b8ccc1a634e6cb7742603036f95972f = template_674b8ccc1a634e6cb7742603036f95971.template(`<div class='highlight'><!--$--></div>`);
|
|
7
|
+
class ReactiveObject_674b8ccc1a634e6cb7742603036f95972d extends reactivity_674b8ccc1a634e6cb7742603036f95970.ReactiveObject {
|
|
8
|
+
#highlight = this[reactivity_674b8ccc1a634e6cb7742603036f95970.SIGNAL](0);
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get highlight() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_674b8ccc1a634e6cb7742603036f95970.read(this.#highlight);
|
|
14
14
|
}
|
|
15
15
|
set highlight(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_674b8ccc1a634e6cb7742603036f95970.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_674b8ccc1a634e6cb7742603036f95972d();
|
|
42
42
|
return (() => {
|
|
43
|
-
let
|
|
44
|
-
|
|
45
|
-
|
|
43
|
+
let root_674b8ccc1a634e6cb7742603036f95972e = template_674b8ccc1a634e6cb7742603036f95972f(), element_674b8ccc1a634e6cb7742603036f95972g = root_674b8ccc1a634e6cb7742603036f95972e.firstChild, element_674b8ccc1a634e6cb7742603036f95972h = element_674b8ccc1a634e6cb7742603036f95972g.firstChild, attributes_674b8ccc1a634e6cb7742603036f95972i = { "class": "highlight" };
|
|
44
|
+
template_674b8ccc1a634e6cb7742603036f95971.setProperties(element_674b8ccc1a634e6cb7742603036f95972g, omit(attributes, OMIT), attributes_674b8ccc1a634e6cb7742603036f95972i);
|
|
45
|
+
template_674b8ccc1a634e6cb7742603036f95971.onrender(element_674b8ccc1a634e6cb7742603036f95972g, (element) => {
|
|
46
46
|
element[key] = state;
|
|
47
47
|
observer.observe(element);
|
|
48
48
|
});
|
|
49
|
-
|
|
49
|
+
template_674b8ccc1a634e6cb7742603036f95971.setList(element_674b8ccc1a634e6cb7742603036f95972g, 'style', [
|
|
50
50
|
() => `--highlight: ${state.highlight}`,
|
|
51
51
|
`--background: ${attributes.background}`,
|
|
52
|
-
],
|
|
53
|
-
|
|
54
|
-
return
|
|
52
|
+
], attributes_674b8ccc1a634e6cb7742603036f95972i);
|
|
53
|
+
template_674b8ccc1a634e6cb7742603036f95971.slot(element_674b8ccc1a634e6cb7742603036f95972h, content);
|
|
54
|
+
return root_674b8ccc1a634e6cb7742603036f95972e;
|
|
55
55
|
})();
|
|
56
56
|
});
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_674b8ccc1a634e6cb7742603036f95971 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
(): ReturnType<(this: {
|
|
5
|
-
attributes?:
|
|
5
|
+
attributes?: template_674b8ccc1a634e6cb7742603036f95971.Attributes | undefined;
|
|
6
6
|
content?: string | undefined;
|
|
7
|
-
}, attributes: Readonly<
|
|
8
|
-
<T extends
|
|
9
|
-
attributes?:
|
|
7
|
+
}, attributes: Readonly<template_674b8ccc1a634e6cb7742603036f95971.Attributes>, content: string) => template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>>;
|
|
8
|
+
<T extends template_674b8ccc1a634e6cb7742603036f95971.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_674b8ccc1a634e6cb7742603036f95971.Attributes | undefined;
|
|
10
10
|
content?: string | undefined;
|
|
11
|
-
}, attributes: Readonly<
|
|
11
|
+
}, attributes: Readonly<template_674b8ccc1a634e6cb7742603036f95971.Attributes>, content: string) => template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>>;
|
|
12
12
|
<T extends string>(content: T): ReturnType<(this: {
|
|
13
|
-
attributes?:
|
|
13
|
+
attributes?: template_674b8ccc1a634e6cb7742603036f95971.Attributes | undefined;
|
|
14
14
|
content?: string | undefined;
|
|
15
|
-
}, attributes: Readonly<
|
|
16
|
-
(attributes:
|
|
17
|
-
attributes?:
|
|
15
|
+
}, attributes: Readonly<template_674b8ccc1a634e6cb7742603036f95971.Attributes>, content: string) => template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>>;
|
|
16
|
+
(attributes: template_674b8ccc1a634e6cb7742603036f95971.Attributes, content: string): ReturnType<(this: {
|
|
17
|
+
attributes?: template_674b8ccc1a634e6cb7742603036f95971.Attributes | undefined;
|
|
18
18
|
content?: string | undefined;
|
|
19
|
-
}, attributes: Readonly<
|
|
19
|
+
}, attributes: Readonly<template_674b8ccc1a634e6cb7742603036f95971.Attributes>, content: string) => template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_674b8ccc1a634e6cb7742603036f95971 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_674b8ccc1a634e6cb7742603036f95972k = template_674b8ccc1a634e6cb7742603036f95971.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_674b8ccc1a634e6cb7742603036f95972j = template_674b8ccc1a634e6cb7742603036f95972k(), element_674b8ccc1a634e6cb7742603036f95972l = root_674b8ccc1a634e6cb7742603036f95972j.firstChild, element_674b8ccc1a634e6cb7742603036f95972m = element_674b8ccc1a634e6cb7742603036f95972l.firstChild, attributes_674b8ccc1a634e6cb7742603036f95972n = { "class": "icon" };
|
|
9
|
+
template_674b8ccc1a634e6cb7742603036f95971.setProperties(element_674b8ccc1a634e6cb7742603036f95972l, attributes, attributes_674b8ccc1a634e6cb7742603036f95972n);
|
|
10
|
+
template_674b8ccc1a634e6cb7742603036f95971.slot(element_674b8ccc1a634e6cb7742603036f95972m, svg.sprite(icon));
|
|
11
|
+
return root_674b8ccc1a634e6cb7742603036f95972j;
|
|
12
12
|
})();
|
|
13
13
|
});
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_674b8ccc1a634e6cb7742603036f95971 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_674b8ccc1a634e6cb7742603036f95970 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_674b8ccc1a634e6cb7742603036f95972q = template_674b8ccc1a634e6cb7742603036f95971.template(`<input class='input' />`);
|
|
6
|
+
class ReactiveObject_674b8ccc1a634e6cb7742603036f95972o extends reactivity_674b8ccc1a634e6cb7742603036f95970.ReactiveObject {
|
|
7
|
+
#active = this[reactivity_674b8ccc1a634e6cb7742603036f95970.SIGNAL](false);
|
|
8
|
+
#error = this[reactivity_674b8ccc1a634e6cb7742603036f95970.SIGNAL]('');
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get active() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_674b8ccc1a634e6cb7742603036f95970.read(this.#active);
|
|
14
14
|
}
|
|
15
15
|
set active(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_674b8ccc1a634e6cb7742603036f95970.write(this.#active, _v0);
|
|
17
17
|
}
|
|
18
18
|
get error() {
|
|
19
|
-
return
|
|
19
|
+
return reactivity_674b8ccc1a634e6cb7742603036f95970.read(this.#error);
|
|
20
20
|
}
|
|
21
21
|
set error(_v1) {
|
|
22
|
-
|
|
22
|
+
reactivity_674b8ccc1a634e6cb7742603036f95970.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_674b8ccc1a634e6cb7742603036f95972o();
|
|
27
27
|
return (() => {
|
|
28
|
-
let
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
28
|
+
let root_674b8ccc1a634e6cb7742603036f95972p = template_674b8ccc1a634e6cb7742603036f95972q(), element_674b8ccc1a634e6cb7742603036f95972r = root_674b8ccc1a634e6cb7742603036f95972p.firstChild, attributes_674b8ccc1a634e6cb7742603036f95972s = { "class": "input" };
|
|
29
|
+
template_674b8ccc1a634e6cb7742603036f95971.setProperties(element_674b8ccc1a634e6cb7742603036f95972r, this?.attributes, attributes_674b8ccc1a634e6cb7742603036f95972s);
|
|
30
|
+
template_674b8ccc1a634e6cb7742603036f95971.setProperties(element_674b8ccc1a634e6cb7742603036f95972r, attributes, attributes_674b8ccc1a634e6cb7742603036f95972s);
|
|
31
|
+
template_674b8ccc1a634e6cb7742603036f95971.setList(element_674b8ccc1a634e6cb7742603036f95972r, 'class', () => state.active && '--active', attributes_674b8ccc1a634e6cb7742603036f95972s);
|
|
32
|
+
template_674b8ccc1a634e6cb7742603036f95971.on(element_674b8ccc1a634e6cb7742603036f95972r, 'focusin', () => {
|
|
33
33
|
state.active = true;
|
|
34
34
|
});
|
|
35
|
-
|
|
35
|
+
template_674b8ccc1a634e6cb7742603036f95971.on(element_674b8ccc1a634e6cb7742603036f95972r, 'focusout', () => {
|
|
36
36
|
state.active = false;
|
|
37
37
|
});
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
return
|
|
38
|
+
template_674b8ccc1a634e6cb7742603036f95971.onrender(element_674b8ccc1a634e6cb7742603036f95972r, form.input.onrender(state));
|
|
39
|
+
template_674b8ccc1a634e6cb7742603036f95971.setProperty(element_674b8ccc1a634e6cb7742603036f95972r, 'type', (attributes.type || 'text'));
|
|
40
|
+
return root_674b8ccc1a634e6cb7742603036f95972p;
|
|
41
41
|
})();
|
|
42
42
|
}
|
|
43
43
|
;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_674b8ccc1a634e6cb7742603036f95971 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_674b8ccc1a634e6cb7742603036f95971.Attributes | undefined;
|
|
6
|
+
content?: template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>;
|
|
7
|
+
}, attributes: Readonly<template_674b8ccc1a634e6cb7742603036f95971.Attributes>, content: template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>) => template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>>;
|
|
8
|
+
<T extends template_674b8ccc1a634e6cb7742603036f95971.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_674b8ccc1a634e6cb7742603036f95971.Attributes | undefined;
|
|
10
|
+
content?: template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>;
|
|
11
|
+
}, attributes: Readonly<template_674b8ccc1a634e6cb7742603036f95971.Attributes>, content: template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>) => template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>>;
|
|
12
|
+
<T extends template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>>(content: T): ReturnType<(this: {
|
|
13
|
+
attributes?: template_674b8ccc1a634e6cb7742603036f95971.Attributes | undefined;
|
|
14
|
+
content?: template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>;
|
|
15
|
+
}, attributes: Readonly<template_674b8ccc1a634e6cb7742603036f95971.Attributes>, content: template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>) => template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>>;
|
|
16
|
+
(attributes: template_674b8ccc1a634e6cb7742603036f95971.Attributes, content: template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>): ReturnType<(this: {
|
|
17
|
+
attributes?: template_674b8ccc1a634e6cb7742603036f95971.Attributes | undefined;
|
|
18
|
+
content?: template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>;
|
|
19
|
+
}, attributes: Readonly<template_674b8ccc1a634e6cb7742603036f95971.Attributes>, content: template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>) => template_674b8ccc1a634e6cb7742603036f95971.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|