@esportsplus/ui 0.51.1 → 0.51.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/accordion/index.d.ts +16 -16
- package/build/components/accordion/index.js +17 -17
- package/build/components/alert/index.js +41 -41
- package/build/components/back/index.d.ts +8 -8
- package/build/components/back/index.js +8 -8
- package/build/components/button/index.d.ts +21 -21
- package/build/components/button/index.js +23 -23
- package/build/components/checkbox/index.js +23 -23
- package/build/components/clipboard/onclick.js +13 -13
- package/build/components/counter/index.js +34 -34
- package/build/components/ellipsis/index.js +5 -5
- package/build/components/form/action.js +8 -8
- package/build/components/frame/scss/index.scss +1 -1
- 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 +1 -1
- package/src/components/frame/scss/index.scss +2 -2
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_8f9ca242f23f4b5881fed07dabd2b7ca1 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0 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_8f9ca242f23f4b5881fed07dabd2b7ca1i = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<div><!--$--></div>`);
|
|
7
|
+
class ReactiveObject_8f9ca242f23f4b5881fed07dabd2b7ca1g extends reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.ReactiveObject {
|
|
8
|
+
#copied = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.SIGNAL](false);
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get copied() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.read(this.#copied);
|
|
14
14
|
}
|
|
15
15
|
set copied(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.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_8f9ca242f23f4b5881fed07dabd2b7ca1g(), timeout = attributes.timeout || 1000 * 2;
|
|
22
22
|
return (() => {
|
|
23
|
-
let
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
let root_8f9ca242f23f4b5881fed07dabd2b7ca1h = template_8f9ca242f23f4b5881fed07dabd2b7ca1i(), element_8f9ca242f23f4b5881fed07dabd2b7ca1j = root_8f9ca242f23f4b5881fed07dabd2b7ca1h.firstChild, element_8f9ca242f23f4b5881fed07dabd2b7ca1k = element_8f9ca242f23f4b5881fed07dabd2b7ca1j.firstChild, attributes_8f9ca242f23f4b5881fed07dabd2b7ca1l = {};
|
|
24
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca1j, omit(attributes, OMIT), attributes_8f9ca242f23f4b5881fed07dabd2b7ca1l);
|
|
25
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.delegate(element_8f9ca242f23f4b5881fed07dabd2b7ca1j, '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_8f9ca242f23f4b5881fed07dabd2b7ca1.EffectSlot(element_8f9ca242f23f4b5881fed07dabd2b7ca1k, () => content(state));
|
|
36
|
+
return root_8f9ca242f23f4b5881fed07dabd2b7ca1h;
|
|
37
37
|
})();
|
|
38
38
|
});
|
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_8f9ca242f23f4b5881fed07dabd2b7ca1 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0 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_8f9ca242f23f4b5881fed07dabd2b7ca1p = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
|
|
7
|
+
const template_8f9ca242f23f4b5881fed07dabd2b7ca1s = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<span><!--$--></span>`);
|
|
8
|
+
const template_8f9ca242f23f4b5881fed07dabd2b7ca1v = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
|
|
9
|
+
const template_8f9ca242f23f4b5881fed07dabd2b7ca20 = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<div class='counter'><!--$--></div>`);
|
|
10
|
+
class ReactiveObject_8f9ca242f23f4b5881fed07dabd2b7ca1m extends reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.ReactiveObject {
|
|
11
|
+
#value = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.SIGNAL](-1);
|
|
12
12
|
constructor() {
|
|
13
13
|
super(null);
|
|
14
14
|
}
|
|
15
15
|
get value() {
|
|
16
|
-
return
|
|
16
|
+
return reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.read(this.#value);
|
|
17
17
|
}
|
|
18
18
|
set value(_v0) {
|
|
19
|
-
|
|
19
|
+
reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.write(this.#value, _v0);
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
|
-
class
|
|
23
|
-
#length = this[
|
|
22
|
+
class ReactiveObject_8f9ca242f23f4b5881fed07dabd2b7ca1n extends reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.ReactiveObject {
|
|
23
|
+
#length = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.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_8f9ca242f23f4b5881fed07dabd2b7ca0.COMPUTED](_p0);
|
|
29
|
+
this.#render = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.REACTIVE_ARRAY](_p1);
|
|
30
30
|
}
|
|
31
31
|
get length() {
|
|
32
|
-
return
|
|
32
|
+
return reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.read(this.#length);
|
|
33
33
|
}
|
|
34
34
|
set length(_v0) {
|
|
35
|
-
|
|
35
|
+
reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.write(this.#length, _v0);
|
|
36
36
|
}
|
|
37
37
|
get test() {
|
|
38
|
-
return
|
|
38
|
+
return reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.read(this.#test);
|
|
39
39
|
}
|
|
40
40
|
get render() {
|
|
41
41
|
return this.#render;
|
|
@@ -44,12 +44,12 @@ class ReactiveObject_18172a85379e40cd839ee4bba2ddfea81n extends reactivity_18172
|
|
|
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_8f9ca242f23f4b5881fed07dabd2b7ca1m(), 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_8f9ca242f23f4b5881fed07dabd2b7ca1n(() => 'sds', []), render = new reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.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_8f9ca242f23f4b5881fed07dabd2b7ca1z = template_8f9ca242f23f4b5881fed07dabd2b7ca20(), element_8f9ca242f23f4b5881fed07dabd2b7ca21 = root_8f9ca242f23f4b5881fed07dabd2b7ca1z.firstChild, element_8f9ca242f23f4b5881fed07dabd2b7ca22 = element_8f9ca242f23f4b5881fed07dabd2b7ca21.firstChild, attributes_8f9ca242f23f4b5881fed07dabd2b7ca23 = { "class": "counter" };
|
|
88
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca21, omit(attributes, OMIT), attributes_8f9ca242f23f4b5881fed07dabd2b7ca23);
|
|
89
|
+
new template_8f9ca242f23f4b5881fed07dabd2b7ca1.EffectSlot(element_8f9ca242f23f4b5881fed07dabd2b7ca22, () => {
|
|
90
90
|
let n = state.length;
|
|
91
91
|
if (n === 0) {
|
|
92
92
|
return '';
|
|
93
93
|
}
|
|
94
|
-
return new
|
|
94
|
+
return new template_8f9ca242f23f4b5881fed07dabd2b7ca1.ArraySlot(render, function (value) {
|
|
95
95
|
if (isNaN(parseInt(value, 10))) {
|
|
96
96
|
return (() => {
|
|
97
|
-
let
|
|
98
|
-
|
|
99
|
-
return
|
|
97
|
+
let root_8f9ca242f23f4b5881fed07dabd2b7ca1o = template_8f9ca242f23f4b5881fed07dabd2b7ca1p(), element_8f9ca242f23f4b5881fed07dabd2b7ca1q = root_8f9ca242f23f4b5881fed07dabd2b7ca1o.firstChild.firstChild;
|
|
98
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.slot(element_8f9ca242f23f4b5881fed07dabd2b7ca1q, value);
|
|
99
|
+
return root_8f9ca242f23f4b5881fed07dabd2b7ca1o;
|
|
100
100
|
})();
|
|
101
101
|
}
|
|
102
102
|
return (() => {
|
|
103
|
-
let
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
let
|
|
107
|
-
|
|
108
|
-
return
|
|
103
|
+
let root_8f9ca242f23f4b5881fed07dabd2b7ca1u = template_8f9ca242f23f4b5881fed07dabd2b7ca1v(), element_8f9ca242f23f4b5881fed07dabd2b7ca1w = root_8f9ca242f23f4b5881fed07dabd2b7ca1u.firstChild.firstElementChild, element_8f9ca242f23f4b5881fed07dabd2b7ca1x = element_8f9ca242f23f4b5881fed07dabd2b7ca1w.firstChild.nextSibling, attributes_8f9ca242f23f4b5881fed07dabd2b7ca1y = { "class": "counter-character-track", "style": "" };
|
|
104
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.setList(element_8f9ca242f23f4b5881fed07dabd2b7ca1w, 'style', `--value: ${value}`, attributes_8f9ca242f23f4b5881fed07dabd2b7ca1y);
|
|
105
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.slot(element_8f9ca242f23f4b5881fed07dabd2b7ca1x, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
|
|
106
|
+
let root_8f9ca242f23f4b5881fed07dabd2b7ca1r = template_8f9ca242f23f4b5881fed07dabd2b7ca1s(), element_8f9ca242f23f4b5881fed07dabd2b7ca1t = root_8f9ca242f23f4b5881fed07dabd2b7ca1r.firstChild.firstChild;
|
|
107
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.slot(element_8f9ca242f23f4b5881fed07dabd2b7ca1t, value);
|
|
108
|
+
return root_8f9ca242f23f4b5881fed07dabd2b7ca1r;
|
|
109
109
|
}));
|
|
110
|
-
return
|
|
110
|
+
return root_8f9ca242f23f4b5881fed07dabd2b7ca1u;
|
|
111
111
|
})();
|
|
112
112
|
});
|
|
113
113
|
});
|
|
114
|
-
return
|
|
114
|
+
return root_8f9ca242f23f4b5881fed07dabd2b7ca1z;
|
|
115
115
|
})();
|
|
116
116
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_8f9ca242f23f4b5881fed07dabd2b7ca1 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
|
-
const
|
|
3
|
+
const template_8f9ca242f23f4b5881fed07dabd2b7ca25 = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
|
|
4
4
|
export default (attributes) => {
|
|
5
|
-
let
|
|
6
|
-
|
|
7
|
-
return
|
|
5
|
+
let root_8f9ca242f23f4b5881fed07dabd2b7ca24 = template_8f9ca242f23f4b5881fed07dabd2b7ca25(), element_8f9ca242f23f4b5881fed07dabd2b7ca26 = root_8f9ca242f23f4b5881fed07dabd2b7ca24.firstChild, attributes_8f9ca242f23f4b5881fed07dabd2b7ca27 = { "class": "ellipsis" };
|
|
6
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca26, attributes, attributes_8f9ca242f23f4b5881fed07dabd2b7ca27);
|
|
7
|
+
return root_8f9ca242f23f4b5881fed07dabd2b7ca24;
|
|
8
8
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import response from '@esportsplus/action';
|
|
2
|
-
import * as
|
|
2
|
+
import * as template_8f9ca242f23f4b5881fed07dabd2b7ca1 from '@esportsplus/template';
|
|
3
3
|
import { omit } from '@esportsplus/utilities';
|
|
4
4
|
import input from './input.js';
|
|
5
|
-
const
|
|
5
|
+
const template_8f9ca242f23f4b5881fed07dabd2b7ca29 = template_8f9ca242f23f4b5881fed07dabd2b7ca1.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_8f9ca242f23f4b5881fed07dabd2b7ca28 = template_8f9ca242f23f4b5881fed07dabd2b7ca29(), element_8f9ca242f23f4b5881fed07dabd2b7ca2a = root_8f9ca242f23f4b5881fed07dabd2b7ca28.firstChild, element_8f9ca242f23f4b5881fed07dabd2b7ca2b = element_8f9ca242f23f4b5881fed07dabd2b7ca2a.firstChild, attributes_8f9ca242f23f4b5881fed07dabd2b7ca2c = { "class": "form" };
|
|
33
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca2a, omit(attributes, OMIT), attributes_8f9ca242f23f4b5881fed07dabd2b7ca2c);
|
|
34
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.delegate(element_8f9ca242f23f4b5881fed07dabd2b7ca2a, '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_8f9ca242f23f4b5881fed07dabd2b7ca1.on(element_8f9ca242f23f4b5881fed07dabd2b7ca2a, '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_8f9ca242f23f4b5881fed07dabd2b7ca1.slot(element_8f9ca242f23f4b5881fed07dabd2b7ca2b, content);
|
|
63
|
+
return root_8f9ca242f23f4b5881fed07dabd2b7ca28;
|
|
64
64
|
})();
|
|
65
65
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.frames{--gap:var(--size-400);--opacity:.4;gap:var(--gap);transform:translateX(calc(var(--i)*(100% + var(--gap))));transition:transform .3s;display:flex}.frames .frame{flex-shrink:0;width:100%;min-width:100
|
|
1
|
+
@layer components {.frames{--gap:var(--size-400);--opacity:.4;gap:var(--gap);transform:translateX(calc(var(--i)*(100% + var(--gap))));transition:transform .3s;display:flex}.frames .frame{flex-shrink:0;width:100%;min-width:100%}.frames .frame:not(.--active){opacity:var(--opacity);display:flex}.frames .frame:not(.--active)>*{pointer-events:none}.frame{cursor:default;flex-wrap:wrap;justify-content:flex-start;width:100%;max-width:100%;display:none;position:relative}.frame.--active{display:flex}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_8f9ca242f23f4b5881fed07dabd2b7ca1 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_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes | undefined;
|
|
6
|
+
content?: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>;
|
|
7
|
+
}, attributes: Readonly<template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes>, content: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>) => template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>>;
|
|
8
|
+
<T extends template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes | undefined;
|
|
10
|
+
content?: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>;
|
|
11
|
+
}, attributes: Readonly<template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes>, content: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>) => template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>>;
|
|
12
|
+
<T extends template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>>(content: T): ReturnType<(this: {
|
|
13
|
+
attributes?: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes | undefined;
|
|
14
|
+
content?: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>;
|
|
15
|
+
}, attributes: Readonly<template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes>, content: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>) => template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>>;
|
|
16
|
+
(attributes: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes, content: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>): ReturnType<(this: {
|
|
17
|
+
attributes?: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes | undefined;
|
|
18
|
+
content?: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>;
|
|
19
|
+
}, attributes: Readonly<template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes>, content: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>) => template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_8f9ca242f23f4b5881fed07dabd2b7ca1 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0 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_8f9ca242f23f4b5881fed07dabd2b7ca2f = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<div class='highlight'><!--$--></div>`);
|
|
7
|
+
class ReactiveObject_8f9ca242f23f4b5881fed07dabd2b7ca2d extends reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.ReactiveObject {
|
|
8
|
+
#highlight = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.SIGNAL](0);
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get highlight() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.read(this.#highlight);
|
|
14
14
|
}
|
|
15
15
|
set highlight(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.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_8f9ca242f23f4b5881fed07dabd2b7ca2d();
|
|
42
42
|
return (() => {
|
|
43
|
-
let
|
|
44
|
-
|
|
45
|
-
|
|
43
|
+
let root_8f9ca242f23f4b5881fed07dabd2b7ca2e = template_8f9ca242f23f4b5881fed07dabd2b7ca2f(), element_8f9ca242f23f4b5881fed07dabd2b7ca2g = root_8f9ca242f23f4b5881fed07dabd2b7ca2e.firstChild, element_8f9ca242f23f4b5881fed07dabd2b7ca2h = element_8f9ca242f23f4b5881fed07dabd2b7ca2g.firstChild, attributes_8f9ca242f23f4b5881fed07dabd2b7ca2i = { "class": "highlight" };
|
|
44
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca2g, omit(attributes, OMIT), attributes_8f9ca242f23f4b5881fed07dabd2b7ca2i);
|
|
45
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.onrender(element_8f9ca242f23f4b5881fed07dabd2b7ca2g, (element) => {
|
|
46
46
|
element[key] = state;
|
|
47
47
|
observer.observe(element);
|
|
48
48
|
});
|
|
49
|
-
|
|
49
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.setList(element_8f9ca242f23f4b5881fed07dabd2b7ca2g, 'style', [
|
|
50
50
|
() => `--highlight: ${state.highlight}`,
|
|
51
51
|
`--background: ${attributes.background}`,
|
|
52
|
-
],
|
|
53
|
-
|
|
54
|
-
return
|
|
52
|
+
], attributes_8f9ca242f23f4b5881fed07dabd2b7ca2i);
|
|
53
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.slot(element_8f9ca242f23f4b5881fed07dabd2b7ca2h, content);
|
|
54
|
+
return root_8f9ca242f23f4b5881fed07dabd2b7ca2e;
|
|
55
55
|
})();
|
|
56
56
|
});
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_8f9ca242f23f4b5881fed07dabd2b7ca1 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
(): ReturnType<(this: {
|
|
5
|
-
attributes?:
|
|
5
|
+
attributes?: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes | undefined;
|
|
6
6
|
content?: string | undefined;
|
|
7
|
-
}, attributes: Readonly<
|
|
8
|
-
<T extends
|
|
9
|
-
attributes?:
|
|
7
|
+
}, attributes: Readonly<template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes>, content: string) => template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>>;
|
|
8
|
+
<T extends template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes | undefined;
|
|
10
10
|
content?: string | undefined;
|
|
11
|
-
}, attributes: Readonly<
|
|
11
|
+
}, attributes: Readonly<template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes>, content: string) => template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>>;
|
|
12
12
|
<T extends string>(content: T): ReturnType<(this: {
|
|
13
|
-
attributes?:
|
|
13
|
+
attributes?: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes | undefined;
|
|
14
14
|
content?: string | undefined;
|
|
15
|
-
}, attributes: Readonly<
|
|
16
|
-
(attributes:
|
|
17
|
-
attributes?:
|
|
15
|
+
}, attributes: Readonly<template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes>, content: string) => template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>>;
|
|
16
|
+
(attributes: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes, content: string): ReturnType<(this: {
|
|
17
|
+
attributes?: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes | undefined;
|
|
18
18
|
content?: string | undefined;
|
|
19
|
-
}, attributes: Readonly<
|
|
19
|
+
}, attributes: Readonly<template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes>, content: string) => template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_8f9ca242f23f4b5881fed07dabd2b7ca1 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_8f9ca242f23f4b5881fed07dabd2b7ca2k = template_8f9ca242f23f4b5881fed07dabd2b7ca1.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_8f9ca242f23f4b5881fed07dabd2b7ca2j = template_8f9ca242f23f4b5881fed07dabd2b7ca2k(), element_8f9ca242f23f4b5881fed07dabd2b7ca2l = root_8f9ca242f23f4b5881fed07dabd2b7ca2j.firstChild, element_8f9ca242f23f4b5881fed07dabd2b7ca2m = element_8f9ca242f23f4b5881fed07dabd2b7ca2l.firstChild, attributes_8f9ca242f23f4b5881fed07dabd2b7ca2n = { "class": "icon" };
|
|
9
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca2l, attributes, attributes_8f9ca242f23f4b5881fed07dabd2b7ca2n);
|
|
10
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.slot(element_8f9ca242f23f4b5881fed07dabd2b7ca2m, svg.sprite(icon));
|
|
11
|
+
return root_8f9ca242f23f4b5881fed07dabd2b7ca2j;
|
|
12
12
|
})();
|
|
13
13
|
});
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_8f9ca242f23f4b5881fed07dabd2b7ca1 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0 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_8f9ca242f23f4b5881fed07dabd2b7ca2q = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<input class='input' />`);
|
|
6
|
+
class ReactiveObject_8f9ca242f23f4b5881fed07dabd2b7ca2o extends reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.ReactiveObject {
|
|
7
|
+
#active = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.SIGNAL](false);
|
|
8
|
+
#error = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.SIGNAL]('');
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get active() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.read(this.#active);
|
|
14
14
|
}
|
|
15
15
|
set active(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.write(this.#active, _v0);
|
|
17
17
|
}
|
|
18
18
|
get error() {
|
|
19
|
-
return
|
|
19
|
+
return reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.read(this.#error);
|
|
20
20
|
}
|
|
21
21
|
set error(_v1) {
|
|
22
|
-
|
|
22
|
+
reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.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_8f9ca242f23f4b5881fed07dabd2b7ca2o();
|
|
27
27
|
return (() => {
|
|
28
|
-
let
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
28
|
+
let root_8f9ca242f23f4b5881fed07dabd2b7ca2p = template_8f9ca242f23f4b5881fed07dabd2b7ca2q(), element_8f9ca242f23f4b5881fed07dabd2b7ca2r = root_8f9ca242f23f4b5881fed07dabd2b7ca2p.firstChild, attributes_8f9ca242f23f4b5881fed07dabd2b7ca2s = { "class": "input" };
|
|
29
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca2r, this?.attributes, attributes_8f9ca242f23f4b5881fed07dabd2b7ca2s);
|
|
30
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca2r, attributes, attributes_8f9ca242f23f4b5881fed07dabd2b7ca2s);
|
|
31
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.setList(element_8f9ca242f23f4b5881fed07dabd2b7ca2r, 'class', () => state.active && '--active', attributes_8f9ca242f23f4b5881fed07dabd2b7ca2s);
|
|
32
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.on(element_8f9ca242f23f4b5881fed07dabd2b7ca2r, 'focusin', () => {
|
|
33
33
|
state.active = true;
|
|
34
34
|
});
|
|
35
|
-
|
|
35
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.on(element_8f9ca242f23f4b5881fed07dabd2b7ca2r, 'focusout', () => {
|
|
36
36
|
state.active = false;
|
|
37
37
|
});
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
return
|
|
38
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.onrender(element_8f9ca242f23f4b5881fed07dabd2b7ca2r, form.input.onrender(state));
|
|
39
|
+
template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperty(element_8f9ca242f23f4b5881fed07dabd2b7ca2r, 'type', (attributes.type || 'text'));
|
|
40
|
+
return root_8f9ca242f23f4b5881fed07dabd2b7ca2p;
|
|
41
41
|
})();
|
|
42
42
|
}
|
|
43
43
|
;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_8f9ca242f23f4b5881fed07dabd2b7ca1 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_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes | undefined;
|
|
6
|
+
content?: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>;
|
|
7
|
+
}, attributes: Readonly<template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes>, content: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>) => template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>>;
|
|
8
|
+
<T extends template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes | undefined;
|
|
10
|
+
content?: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>;
|
|
11
|
+
}, attributes: Readonly<template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes>, content: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>) => template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>>;
|
|
12
|
+
<T extends template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>>(content: T): ReturnType<(this: {
|
|
13
|
+
attributes?: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes | undefined;
|
|
14
|
+
content?: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>;
|
|
15
|
+
}, attributes: Readonly<template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes>, content: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>) => template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>>;
|
|
16
|
+
(attributes: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes, content: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>): ReturnType<(this: {
|
|
17
|
+
attributes?: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes | undefined;
|
|
18
|
+
content?: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>;
|
|
19
|
+
}, attributes: Readonly<template_8f9ca242f23f4b5881fed07dabd2b7ca1.Attributes>, content: template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>) => template_8f9ca242f23f4b5881fed07dabd2b7ca1.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|