@esportsplus/ui 0.50.5 → 0.50.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/accordion/index.d.ts +16 -16
- package/build/components/accordion/index.js +17 -17
- package/build/components/alert/index.js +41 -41
- package/build/components/back/index.d.ts +8 -8
- package/build/components/back/index.js +8 -8
- package/build/components/button/index.d.ts +21 -21
- package/build/components/button/index.js +24 -24
- package/build/components/checkbox/index.js +23 -23
- package/build/components/clipboard/onclick.js +13 -13
- package/build/components/counter/index.js +34 -34
- package/build/components/ellipsis/index.js +5 -5
- package/build/components/form/action.js +8 -8
- package/build/components/highlight/index.d.ts +16 -16
- package/build/components/highlight/index.js +15 -15
- package/build/components/icon/index.d.ts +11 -11
- package/build/components/icon/index.js +6 -6
- package/build/components/input/index.js +20 -20
- package/build/components/loader/index.d.ts +16 -16
- package/build/components/loader/index.js +33 -33
- package/build/components/loading/index.js +5 -5
- package/build/components/range/index.js +25 -25
- package/build/components/scrollbar/index.d.ts +11 -11
- package/build/components/scrollbar/index.js +24 -24
- package/build/components/select/index.js +41 -40
- package/build/components/textarea/index.js +20 -20
- package/build/components/tooltip/menu.d.ts +11 -11
- package/build/components/tooltip/menu.js +20 -20
- package/build/components/tooltip/onclick.d.ts +1101 -1101
- package/build/components/tooltip/onclick.js +14 -14
- package/build/components/tooltip/onhover.d.ts +16 -16
- package/build/components/tooltip/onhover.js +15 -15
- package/build/components/typewriter/index.d.ts +11 -11
- package/build/components/typewriter/index.js +14 -14
- package/package.json +1 -1
- package/src/components/select/index.ts +1 -0
|
@@ -1,51 +1,51 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_fe942f28017d42ee87048fd6461b4dd80 from '@esportsplus/reactivity';
|
|
3
3
|
import { 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_fe942f28017d42ee87048fd6461b4dd81b = template_fe942f28017d42ee87048fd6461b4dd81.template(`<div><input></div>`);
|
|
8
|
+
class ReactiveObject_fe942f28017d42ee87048fd6461b4dd819 extends reactivity_fe942f28017d42ee87048fd6461b4dd80.ReactiveObject {
|
|
9
|
+
#active = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](false);
|
|
10
|
+
#error = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL]('');
|
|
11
11
|
constructor() {
|
|
12
12
|
super(null);
|
|
13
13
|
}
|
|
14
14
|
get active() {
|
|
15
|
-
return
|
|
15
|
+
return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#active);
|
|
16
16
|
}
|
|
17
17
|
set active(_v0) {
|
|
18
|
-
|
|
18
|
+
reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#active, _v0);
|
|
19
19
|
}
|
|
20
20
|
get error() {
|
|
21
|
-
return
|
|
21
|
+
return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#error);
|
|
22
22
|
}
|
|
23
23
|
set error(_v1) {
|
|
24
|
-
|
|
24
|
+
reactivity_fe942f28017d42ee87048fd6461b4dd80.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_fe942f28017d42ee87048fd6461b4dd819();
|
|
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_fe942f28017d42ee87048fd6461b4dd81a = template_fe942f28017d42ee87048fd6461b4dd81b(), element_fe942f28017d42ee87048fd6461b4dd81c = root_fe942f28017d42ee87048fd6461b4dd81a.firstChild, element_fe942f28017d42ee87048fd6461b4dd81d = element_fe942f28017d42ee87048fd6461b4dd81c.firstElementChild, attributes_fe942f28017d42ee87048fd6461b4dd81e = { "class": "" }, attributes_fe942f28017d42ee87048fd6461b4dd81f = {};
|
|
36
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd81c, 'class', type, attributes_fe942f28017d42ee87048fd6461b4dd81e);
|
|
37
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd81c, 'class', () => state.active && '--active', attributes_fe942f28017d42ee87048fd6461b4dd81e);
|
|
38
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd81c, this?.attributes && omit(this.attributes, OMIT), attributes_fe942f28017d42ee87048fd6461b4dd81e);
|
|
39
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd81c, attributes && omit(attributes, OMIT), attributes_fe942f28017d42ee87048fd6461b4dd81e);
|
|
40
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setProperty(element_fe942f28017d42ee87048fd6461b4dd81d, 'checked', attributes?.checked || root(() => state.active));
|
|
41
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd81d, 'class', `${type}-tag`, attributes_fe942f28017d42ee87048fd6461b4dd81f);
|
|
42
|
+
template_fe942f28017d42ee87048fd6461b4dd81.delegate(element_fe942f28017d42ee87048fd6461b4dd81d, 'change', (e) => {
|
|
43
43
|
state.active = e.target.checked;
|
|
44
44
|
});
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
return
|
|
45
|
+
template_fe942f28017d42ee87048fd6461b4dd81.onrender(element_fe942f28017d42ee87048fd6461b4dd81d, form.input.onrender(state));
|
|
46
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setProperty(element_fe942f28017d42ee87048fd6461b4dd81d, 'type', type === 'radio' ? 'radio' : 'checkbox');
|
|
47
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setProperty(element_fe942f28017d42ee87048fd6461b4dd81d, 'value', attributes?.value || 1);
|
|
48
|
+
return root_fe942f28017d42ee87048fd6461b4dd81a;
|
|
49
49
|
})();
|
|
50
50
|
}
|
|
51
51
|
return template;
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_fe942f28017d42ee87048fd6461b4dd80 from '@esportsplus/reactivity';
|
|
3
3
|
import { omit } from '@esportsplus/utilities';
|
|
4
4
|
import template from '../../components/template/index.js';
|
|
5
5
|
import write from './write.js';
|
|
6
|
-
const
|
|
7
|
-
class
|
|
8
|
-
#copied = this[
|
|
6
|
+
const template_fe942f28017d42ee87048fd6461b4dd81i = template_fe942f28017d42ee87048fd6461b4dd81.template(`<div><!--$--></div>`);
|
|
7
|
+
class ReactiveObject_fe942f28017d42ee87048fd6461b4dd81g extends reactivity_fe942f28017d42ee87048fd6461b4dd80.ReactiveObject {
|
|
8
|
+
#copied = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](false);
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get copied() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#copied);
|
|
14
14
|
}
|
|
15
15
|
set copied(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_fe942f28017d42ee87048fd6461b4dd80.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_fe942f28017d42ee87048fd6461b4dd81g(), timeout = attributes.timeout || 1000 * 2;
|
|
22
22
|
return (() => {
|
|
23
|
-
let
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
let root_fe942f28017d42ee87048fd6461b4dd81h = template_fe942f28017d42ee87048fd6461b4dd81i(), element_fe942f28017d42ee87048fd6461b4dd81j = root_fe942f28017d42ee87048fd6461b4dd81h.firstChild, element_fe942f28017d42ee87048fd6461b4dd81k = element_fe942f28017d42ee87048fd6461b4dd81j.firstChild, attributes_fe942f28017d42ee87048fd6461b4dd81l = {};
|
|
24
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd81j, omit(attributes, OMIT), attributes_fe942f28017d42ee87048fd6461b4dd81l);
|
|
25
|
+
template_fe942f28017d42ee87048fd6461b4dd81.delegate(element_fe942f28017d42ee87048fd6461b4dd81j, '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_fe942f28017d42ee87048fd6461b4dd81.EffectSlot(element_fe942f28017d42ee87048fd6461b4dd81k, () => content(state));
|
|
36
|
+
return root_fe942f28017d42ee87048fd6461b4dd81h;
|
|
37
37
|
})();
|
|
38
38
|
});
|
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_fe942f28017d42ee87048fd6461b4dd80 from '@esportsplus/reactivity';
|
|
3
3
|
import { 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_fe942f28017d42ee87048fd6461b4dd81p = template_fe942f28017d42ee87048fd6461b4dd81.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
|
|
7
|
+
const template_fe942f28017d42ee87048fd6461b4dd81s = template_fe942f28017d42ee87048fd6461b4dd81.template(`<span><!--$--></span>`);
|
|
8
|
+
const template_fe942f28017d42ee87048fd6461b4dd81v = template_fe942f28017d42ee87048fd6461b4dd81.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
|
|
9
|
+
const template_fe942f28017d42ee87048fd6461b4dd820 = template_fe942f28017d42ee87048fd6461b4dd81.template(`<div class='counter'><!--$--></div>`);
|
|
10
|
+
class ReactiveObject_fe942f28017d42ee87048fd6461b4dd81m extends reactivity_fe942f28017d42ee87048fd6461b4dd80.ReactiveObject {
|
|
11
|
+
#value = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](-1);
|
|
12
12
|
constructor() {
|
|
13
13
|
super(null);
|
|
14
14
|
}
|
|
15
15
|
get value() {
|
|
16
|
-
return
|
|
16
|
+
return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#value);
|
|
17
17
|
}
|
|
18
18
|
set value(_v0) {
|
|
19
|
-
|
|
19
|
+
reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#value, _v0);
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
|
-
class
|
|
23
|
-
#length = this[
|
|
22
|
+
class ReactiveObject_fe942f28017d42ee87048fd6461b4dd81n extends reactivity_fe942f28017d42ee87048fd6461b4dd80.ReactiveObject {
|
|
23
|
+
#length = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.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_fe942f28017d42ee87048fd6461b4dd80.COMPUTED](_p0);
|
|
29
|
+
this.#render = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.REACTIVE_ARRAY](_p1);
|
|
30
30
|
}
|
|
31
31
|
get length() {
|
|
32
|
-
return
|
|
32
|
+
return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#length);
|
|
33
33
|
}
|
|
34
34
|
set length(_v0) {
|
|
35
|
-
|
|
35
|
+
reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#length, _v0);
|
|
36
36
|
}
|
|
37
37
|
get test() {
|
|
38
|
-
return
|
|
38
|
+
return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#test);
|
|
39
39
|
}
|
|
40
40
|
get render() {
|
|
41
41
|
return this.#render;
|
|
@@ -44,12 +44,12 @@ class ReactiveObject_d7803d698a6048559dad248aa1d3adda1n extends reactivity_d7803
|
|
|
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_fe942f28017d42ee87048fd6461b4dd81m(), 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_fe942f28017d42ee87048fd6461b4dd81n(() => 'sds', []), render = new reactivity_fe942f28017d42ee87048fd6461b4dd80.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_fe942f28017d42ee87048fd6461b4dd81z = template_fe942f28017d42ee87048fd6461b4dd820(), element_fe942f28017d42ee87048fd6461b4dd821 = root_fe942f28017d42ee87048fd6461b4dd81z.firstChild, element_fe942f28017d42ee87048fd6461b4dd822 = element_fe942f28017d42ee87048fd6461b4dd821.firstChild, attributes_fe942f28017d42ee87048fd6461b4dd823 = { "class": "counter" };
|
|
88
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd821, omit(attributes, OMIT), attributes_fe942f28017d42ee87048fd6461b4dd823);
|
|
89
|
+
new template_fe942f28017d42ee87048fd6461b4dd81.EffectSlot(element_fe942f28017d42ee87048fd6461b4dd822, () => {
|
|
90
90
|
let n = state.length;
|
|
91
91
|
if (n === 0) {
|
|
92
92
|
return '';
|
|
93
93
|
}
|
|
94
|
-
return new
|
|
94
|
+
return new template_fe942f28017d42ee87048fd6461b4dd81.ArraySlot(render, function (value) {
|
|
95
95
|
if (isNaN(parseInt(value, 10))) {
|
|
96
96
|
return (() => {
|
|
97
|
-
let
|
|
98
|
-
|
|
99
|
-
return
|
|
97
|
+
let root_fe942f28017d42ee87048fd6461b4dd81o = template_fe942f28017d42ee87048fd6461b4dd81p(), element_fe942f28017d42ee87048fd6461b4dd81q = root_fe942f28017d42ee87048fd6461b4dd81o.firstChild.firstChild;
|
|
98
|
+
template_fe942f28017d42ee87048fd6461b4dd81.slot(element_fe942f28017d42ee87048fd6461b4dd81q, value);
|
|
99
|
+
return root_fe942f28017d42ee87048fd6461b4dd81o;
|
|
100
100
|
})();
|
|
101
101
|
}
|
|
102
102
|
return (() => {
|
|
103
|
-
let
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
let
|
|
107
|
-
|
|
108
|
-
return
|
|
103
|
+
let root_fe942f28017d42ee87048fd6461b4dd81u = template_fe942f28017d42ee87048fd6461b4dd81v(), element_fe942f28017d42ee87048fd6461b4dd81w = root_fe942f28017d42ee87048fd6461b4dd81u.firstChild.firstElementChild, element_fe942f28017d42ee87048fd6461b4dd81x = element_fe942f28017d42ee87048fd6461b4dd81w.firstChild.nextSibling, attributes_fe942f28017d42ee87048fd6461b4dd81y = { "class": "counter-character-track", "style": "" };
|
|
104
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd81w, 'style', `--value: ${value}`, attributes_fe942f28017d42ee87048fd6461b4dd81y);
|
|
105
|
+
template_fe942f28017d42ee87048fd6461b4dd81.slot(element_fe942f28017d42ee87048fd6461b4dd81x, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
|
|
106
|
+
let root_fe942f28017d42ee87048fd6461b4dd81r = template_fe942f28017d42ee87048fd6461b4dd81s(), element_fe942f28017d42ee87048fd6461b4dd81t = root_fe942f28017d42ee87048fd6461b4dd81r.firstChild.firstChild;
|
|
107
|
+
template_fe942f28017d42ee87048fd6461b4dd81.slot(element_fe942f28017d42ee87048fd6461b4dd81t, value);
|
|
108
|
+
return root_fe942f28017d42ee87048fd6461b4dd81r;
|
|
109
109
|
}));
|
|
110
|
-
return
|
|
110
|
+
return root_fe942f28017d42ee87048fd6461b4dd81u;
|
|
111
111
|
})();
|
|
112
112
|
});
|
|
113
113
|
});
|
|
114
|
-
return
|
|
114
|
+
return root_fe942f28017d42ee87048fd6461b4dd81z;
|
|
115
115
|
})();
|
|
116
116
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
|
-
const
|
|
3
|
+
const template_fe942f28017d42ee87048fd6461b4dd825 = template_fe942f28017d42ee87048fd6461b4dd81.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
|
|
4
4
|
export default (attributes) => {
|
|
5
|
-
let
|
|
6
|
-
|
|
7
|
-
return
|
|
5
|
+
let root_fe942f28017d42ee87048fd6461b4dd824 = template_fe942f28017d42ee87048fd6461b4dd825(), element_fe942f28017d42ee87048fd6461b4dd826 = root_fe942f28017d42ee87048fd6461b4dd824.firstChild, attributes_fe942f28017d42ee87048fd6461b4dd827 = { "class": "ellipsis" };
|
|
6
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd826, attributes, attributes_fe942f28017d42ee87048fd6461b4dd827);
|
|
7
|
+
return root_fe942f28017d42ee87048fd6461b4dd824;
|
|
8
8
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import response from '@esportsplus/action';
|
|
2
|
-
import * as
|
|
2
|
+
import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
|
|
3
3
|
import { omit } from '@esportsplus/utilities';
|
|
4
4
|
import input from './input.js';
|
|
5
|
-
const
|
|
5
|
+
const template_fe942f28017d42ee87048fd6461b4dd829 = template_fe942f28017d42ee87048fd6461b4dd81.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_fe942f28017d42ee87048fd6461b4dd828 = template_fe942f28017d42ee87048fd6461b4dd829(), element_fe942f28017d42ee87048fd6461b4dd82a = root_fe942f28017d42ee87048fd6461b4dd828.firstChild, element_fe942f28017d42ee87048fd6461b4dd82b = element_fe942f28017d42ee87048fd6461b4dd82a.firstChild, attributes_fe942f28017d42ee87048fd6461b4dd82c = { "class": "form" };
|
|
33
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd82a, omit(attributes, OMIT), attributes_fe942f28017d42ee87048fd6461b4dd82c);
|
|
34
|
+
template_fe942f28017d42ee87048fd6461b4dd81.delegate(element_fe942f28017d42ee87048fd6461b4dd82a, '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_fe942f28017d42ee87048fd6461b4dd81.on(element_fe942f28017d42ee87048fd6461b4dd82a, '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_fe942f28017d42ee87048fd6461b4dd81.slot(element_fe942f28017d42ee87048fd6461b4dd82b, content);
|
|
63
|
+
return root_fe942f28017d42ee87048fd6461b4dd828;
|
|
64
64
|
})();
|
|
65
65
|
};
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
(): ReturnType<(this: {
|
|
5
|
-
attributes?:
|
|
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_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
|
|
6
|
+
content?: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>;
|
|
7
|
+
}, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
|
|
8
|
+
<T extends template_fe942f28017d42ee87048fd6461b4dd81.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
|
|
10
|
+
content?: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>;
|
|
11
|
+
}, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
|
|
12
|
+
<T extends template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>(content: T): ReturnType<(this: {
|
|
13
|
+
attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
|
|
14
|
+
content?: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>;
|
|
15
|
+
}, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
|
|
16
|
+
(attributes: template_fe942f28017d42ee87048fd6461b4dd81.Attributes, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>): ReturnType<(this: {
|
|
17
|
+
attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
|
|
18
|
+
content?: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>;
|
|
19
|
+
}, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_fe942f28017d42ee87048fd6461b4dd80 from '@esportsplus/reactivity';
|
|
3
3
|
import { omit } from '@esportsplus/utilities';
|
|
4
4
|
import template from '../../components/template/index.js';
|
|
5
5
|
import './scss/index.scss';
|
|
6
|
-
const
|
|
7
|
-
class
|
|
8
|
-
#highlight = this[
|
|
6
|
+
const template_fe942f28017d42ee87048fd6461b4dd82f = template_fe942f28017d42ee87048fd6461b4dd81.template(`<div class='highlight'><!--$--></div>`);
|
|
7
|
+
class ReactiveObject_fe942f28017d42ee87048fd6461b4dd82d extends reactivity_fe942f28017d42ee87048fd6461b4dd80.ReactiveObject {
|
|
8
|
+
#highlight = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](0);
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get highlight() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#highlight);
|
|
14
14
|
}
|
|
15
15
|
set highlight(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_fe942f28017d42ee87048fd6461b4dd80.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_fe942f28017d42ee87048fd6461b4dd82d();
|
|
42
42
|
return (() => {
|
|
43
|
-
let
|
|
44
|
-
|
|
45
|
-
|
|
43
|
+
let root_fe942f28017d42ee87048fd6461b4dd82e = template_fe942f28017d42ee87048fd6461b4dd82f(), element_fe942f28017d42ee87048fd6461b4dd82g = root_fe942f28017d42ee87048fd6461b4dd82e.firstChild, element_fe942f28017d42ee87048fd6461b4dd82h = element_fe942f28017d42ee87048fd6461b4dd82g.firstChild, attributes_fe942f28017d42ee87048fd6461b4dd82i = { "class": "highlight" };
|
|
44
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd82g, omit(attributes, OMIT), attributes_fe942f28017d42ee87048fd6461b4dd82i);
|
|
45
|
+
template_fe942f28017d42ee87048fd6461b4dd81.onrender(element_fe942f28017d42ee87048fd6461b4dd82g, (element) => {
|
|
46
46
|
element[key] = state;
|
|
47
47
|
observer.observe(element);
|
|
48
48
|
});
|
|
49
|
-
|
|
49
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd82g, 'style', [
|
|
50
50
|
() => `--highlight: ${state.highlight}`,
|
|
51
51
|
`--background: ${attributes.background}`,
|
|
52
|
-
],
|
|
53
|
-
|
|
54
|
-
return
|
|
52
|
+
], attributes_fe942f28017d42ee87048fd6461b4dd82i);
|
|
53
|
+
template_fe942f28017d42ee87048fd6461b4dd81.slot(element_fe942f28017d42ee87048fd6461b4dd82h, content);
|
|
54
|
+
return root_fe942f28017d42ee87048fd6461b4dd82e;
|
|
55
55
|
})();
|
|
56
56
|
});
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
(): ReturnType<(this: {
|
|
5
|
-
attributes?:
|
|
5
|
+
attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
|
|
6
6
|
content?: string | undefined;
|
|
7
|
-
}, attributes: Readonly<
|
|
8
|
-
<T extends
|
|
9
|
-
attributes?:
|
|
7
|
+
}, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: string) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
|
|
8
|
+
<T extends template_fe942f28017d42ee87048fd6461b4dd81.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
|
|
10
10
|
content?: string | undefined;
|
|
11
|
-
}, attributes: Readonly<
|
|
11
|
+
}, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: string) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
|
|
12
12
|
<T extends string>(content: T): ReturnType<(this: {
|
|
13
|
-
attributes?:
|
|
13
|
+
attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
|
|
14
14
|
content?: string | undefined;
|
|
15
|
-
}, attributes: Readonly<
|
|
16
|
-
(attributes:
|
|
17
|
-
attributes?:
|
|
15
|
+
}, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: string) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
|
|
16
|
+
(attributes: template_fe942f28017d42ee87048fd6461b4dd81.Attributes, content: string): ReturnType<(this: {
|
|
17
|
+
attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
|
|
18
18
|
content?: string | undefined;
|
|
19
|
-
}, attributes: Readonly<
|
|
19
|
+
}, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: string) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_fe942f28017d42ee87048fd6461b4dd81 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_fe942f28017d42ee87048fd6461b4dd82k = template_fe942f28017d42ee87048fd6461b4dd81.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_fe942f28017d42ee87048fd6461b4dd82j = template_fe942f28017d42ee87048fd6461b4dd82k(), element_fe942f28017d42ee87048fd6461b4dd82l = root_fe942f28017d42ee87048fd6461b4dd82j.firstChild, element_fe942f28017d42ee87048fd6461b4dd82m = element_fe942f28017d42ee87048fd6461b4dd82l.firstChild, attributes_fe942f28017d42ee87048fd6461b4dd82n = { "class": "icon" };
|
|
9
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd82l, attributes, attributes_fe942f28017d42ee87048fd6461b4dd82n);
|
|
10
|
+
template_fe942f28017d42ee87048fd6461b4dd81.slot(element_fe942f28017d42ee87048fd6461b4dd82m, svg.sprite(icon));
|
|
11
|
+
return root_fe942f28017d42ee87048fd6461b4dd82j;
|
|
12
12
|
})();
|
|
13
13
|
});
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_fe942f28017d42ee87048fd6461b4dd80 from '@esportsplus/reactivity';
|
|
3
3
|
import 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_fe942f28017d42ee87048fd6461b4dd82q = template_fe942f28017d42ee87048fd6461b4dd81.template(`<input class='input' />`);
|
|
6
|
+
class ReactiveObject_fe942f28017d42ee87048fd6461b4dd82o extends reactivity_fe942f28017d42ee87048fd6461b4dd80.ReactiveObject {
|
|
7
|
+
#active = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](false);
|
|
8
|
+
#error = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL]('');
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get active() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#active);
|
|
14
14
|
}
|
|
15
15
|
set active(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#active, _v0);
|
|
17
17
|
}
|
|
18
18
|
get error() {
|
|
19
|
-
return
|
|
19
|
+
return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#error);
|
|
20
20
|
}
|
|
21
21
|
set error(_v1) {
|
|
22
|
-
|
|
22
|
+
reactivity_fe942f28017d42ee87048fd6461b4dd80.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_fe942f28017d42ee87048fd6461b4dd82o();
|
|
27
27
|
return (() => {
|
|
28
|
-
let
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
28
|
+
let root_fe942f28017d42ee87048fd6461b4dd82p = template_fe942f28017d42ee87048fd6461b4dd82q(), element_fe942f28017d42ee87048fd6461b4dd82r = root_fe942f28017d42ee87048fd6461b4dd82p.firstChild, attributes_fe942f28017d42ee87048fd6461b4dd82s = { "class": "input" };
|
|
29
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd82r, this?.attributes, attributes_fe942f28017d42ee87048fd6461b4dd82s);
|
|
30
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd82r, attributes, attributes_fe942f28017d42ee87048fd6461b4dd82s);
|
|
31
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd82r, 'class', () => state.active && '--active', attributes_fe942f28017d42ee87048fd6461b4dd82s);
|
|
32
|
+
template_fe942f28017d42ee87048fd6461b4dd81.on(element_fe942f28017d42ee87048fd6461b4dd82r, 'focusin', () => {
|
|
33
33
|
state.active = true;
|
|
34
34
|
});
|
|
35
|
-
|
|
35
|
+
template_fe942f28017d42ee87048fd6461b4dd81.on(element_fe942f28017d42ee87048fd6461b4dd82r, 'focusout', () => {
|
|
36
36
|
state.active = false;
|
|
37
37
|
});
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
return
|
|
38
|
+
template_fe942f28017d42ee87048fd6461b4dd81.onrender(element_fe942f28017d42ee87048fd6461b4dd82r, form.input.onrender(state));
|
|
39
|
+
template_fe942f28017d42ee87048fd6461b4dd81.setProperty(element_fe942f28017d42ee87048fd6461b4dd82r, 'type', (attributes.type || 'text'));
|
|
40
|
+
return root_fe942f28017d42ee87048fd6461b4dd82p;
|
|
41
41
|
})();
|
|
42
42
|
}
|
|
43
43
|
;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
(): ReturnType<(this: {
|
|
5
|
-
attributes?:
|
|
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_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
|
|
6
|
+
content?: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>;
|
|
7
|
+
}, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
|
|
8
|
+
<T extends template_fe942f28017d42ee87048fd6461b4dd81.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
|
|
10
|
+
content?: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>;
|
|
11
|
+
}, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
|
|
12
|
+
<T extends template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>(content: T): ReturnType<(this: {
|
|
13
|
+
attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
|
|
14
|
+
content?: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>;
|
|
15
|
+
}, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
|
|
16
|
+
(attributes: template_fe942f28017d42ee87048fd6461b4dd81.Attributes, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>): ReturnType<(this: {
|
|
17
|
+
attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
|
|
18
|
+
content?: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>;
|
|
19
|
+
}, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|