@esportsplus/ui 0.50.14 → 0.51.0
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 +24 -0
- package/src/components/frame/scss/variables.scss +4 -0
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_bfe0e7193abc4b26be22b3bb5499d3e20 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_bfe0e7193abc4b26be22b3bb5499d3e21i = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<div><!--$--></div>`);
|
|
7
|
+
class ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e21g extends reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.ReactiveObject {
|
|
8
|
+
#copied = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.SIGNAL](false);
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get copied() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#copied);
|
|
14
14
|
}
|
|
15
15
|
set copied(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.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_bfe0e7193abc4b26be22b3bb5499d3e21g(), timeout = attributes.timeout || 1000 * 2;
|
|
22
22
|
return (() => {
|
|
23
|
-
let
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
let root_bfe0e7193abc4b26be22b3bb5499d3e21h = template_bfe0e7193abc4b26be22b3bb5499d3e21i(), element_bfe0e7193abc4b26be22b3bb5499d3e21j = root_bfe0e7193abc4b26be22b3bb5499d3e21h.firstChild, element_bfe0e7193abc4b26be22b3bb5499d3e21k = element_bfe0e7193abc4b26be22b3bb5499d3e21j.firstChild, attributes_bfe0e7193abc4b26be22b3bb5499d3e21l = {};
|
|
24
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e21j, omit(attributes, OMIT), attributes_bfe0e7193abc4b26be22b3bb5499d3e21l);
|
|
25
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.delegate(element_bfe0e7193abc4b26be22b3bb5499d3e21j, '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_bfe0e7193abc4b26be22b3bb5499d3e21.EffectSlot(element_bfe0e7193abc4b26be22b3bb5499d3e21k, () => content(state));
|
|
36
|
+
return root_bfe0e7193abc4b26be22b3bb5499d3e21h;
|
|
37
37
|
})();
|
|
38
38
|
});
|
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_bfe0e7193abc4b26be22b3bb5499d3e20 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_bfe0e7193abc4b26be22b3bb5499d3e21p = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
|
|
7
|
+
const template_bfe0e7193abc4b26be22b3bb5499d3e21s = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<span><!--$--></span>`);
|
|
8
|
+
const template_bfe0e7193abc4b26be22b3bb5499d3e21v = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
|
|
9
|
+
const template_bfe0e7193abc4b26be22b3bb5499d3e220 = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<div class='counter'><!--$--></div>`);
|
|
10
|
+
class ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e21m extends reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.ReactiveObject {
|
|
11
|
+
#value = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.SIGNAL](-1);
|
|
12
12
|
constructor() {
|
|
13
13
|
super(null);
|
|
14
14
|
}
|
|
15
15
|
get value() {
|
|
16
|
-
return
|
|
16
|
+
return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#value);
|
|
17
17
|
}
|
|
18
18
|
set value(_v0) {
|
|
19
|
-
|
|
19
|
+
reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.write(this.#value, _v0);
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
|
-
class
|
|
23
|
-
#length = this[
|
|
22
|
+
class ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e21n extends reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.ReactiveObject {
|
|
23
|
+
#length = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.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_bfe0e7193abc4b26be22b3bb5499d3e20.COMPUTED](_p0);
|
|
29
|
+
this.#render = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.REACTIVE_ARRAY](_p1);
|
|
30
30
|
}
|
|
31
31
|
get length() {
|
|
32
|
-
return
|
|
32
|
+
return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#length);
|
|
33
33
|
}
|
|
34
34
|
set length(_v0) {
|
|
35
|
-
|
|
35
|
+
reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.write(this.#length, _v0);
|
|
36
36
|
}
|
|
37
37
|
get test() {
|
|
38
|
-
return
|
|
38
|
+
return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#test);
|
|
39
39
|
}
|
|
40
40
|
get render() {
|
|
41
41
|
return this.#render;
|
|
@@ -44,12 +44,12 @@ class ReactiveObject_fe3743986d934bb1a4a44a548d8013201n extends reactivity_fe374
|
|
|
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_bfe0e7193abc4b26be22b3bb5499d3e21m(), 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_bfe0e7193abc4b26be22b3bb5499d3e21n(() => 'sds', []), render = new reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.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_bfe0e7193abc4b26be22b3bb5499d3e21z = template_bfe0e7193abc4b26be22b3bb5499d3e220(), element_bfe0e7193abc4b26be22b3bb5499d3e221 = root_bfe0e7193abc4b26be22b3bb5499d3e21z.firstChild, element_bfe0e7193abc4b26be22b3bb5499d3e222 = element_bfe0e7193abc4b26be22b3bb5499d3e221.firstChild, attributes_bfe0e7193abc4b26be22b3bb5499d3e223 = { "class": "counter" };
|
|
88
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e221, omit(attributes, OMIT), attributes_bfe0e7193abc4b26be22b3bb5499d3e223);
|
|
89
|
+
new template_bfe0e7193abc4b26be22b3bb5499d3e21.EffectSlot(element_bfe0e7193abc4b26be22b3bb5499d3e222, () => {
|
|
90
90
|
let n = state.length;
|
|
91
91
|
if (n === 0) {
|
|
92
92
|
return '';
|
|
93
93
|
}
|
|
94
|
-
return new
|
|
94
|
+
return new template_bfe0e7193abc4b26be22b3bb5499d3e21.ArraySlot(render, function (value) {
|
|
95
95
|
if (isNaN(parseInt(value, 10))) {
|
|
96
96
|
return (() => {
|
|
97
|
-
let
|
|
98
|
-
|
|
99
|
-
return
|
|
97
|
+
let root_bfe0e7193abc4b26be22b3bb5499d3e21o = template_bfe0e7193abc4b26be22b3bb5499d3e21p(), element_bfe0e7193abc4b26be22b3bb5499d3e21q = root_bfe0e7193abc4b26be22b3bb5499d3e21o.firstChild.firstChild;
|
|
98
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.slot(element_bfe0e7193abc4b26be22b3bb5499d3e21q, value);
|
|
99
|
+
return root_bfe0e7193abc4b26be22b3bb5499d3e21o;
|
|
100
100
|
})();
|
|
101
101
|
}
|
|
102
102
|
return (() => {
|
|
103
|
-
let
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
let
|
|
107
|
-
|
|
108
|
-
return
|
|
103
|
+
let root_bfe0e7193abc4b26be22b3bb5499d3e21u = template_bfe0e7193abc4b26be22b3bb5499d3e21v(), element_bfe0e7193abc4b26be22b3bb5499d3e21w = root_bfe0e7193abc4b26be22b3bb5499d3e21u.firstChild.firstElementChild, element_bfe0e7193abc4b26be22b3bb5499d3e21x = element_bfe0e7193abc4b26be22b3bb5499d3e21w.firstChild.nextSibling, attributes_bfe0e7193abc4b26be22b3bb5499d3e21y = { "class": "counter-character-track", "style": "" };
|
|
104
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.setList(element_bfe0e7193abc4b26be22b3bb5499d3e21w, 'style', `--value: ${value}`, attributes_bfe0e7193abc4b26be22b3bb5499d3e21y);
|
|
105
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.slot(element_bfe0e7193abc4b26be22b3bb5499d3e21x, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
|
|
106
|
+
let root_bfe0e7193abc4b26be22b3bb5499d3e21r = template_bfe0e7193abc4b26be22b3bb5499d3e21s(), element_bfe0e7193abc4b26be22b3bb5499d3e21t = root_bfe0e7193abc4b26be22b3bb5499d3e21r.firstChild.firstChild;
|
|
107
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.slot(element_bfe0e7193abc4b26be22b3bb5499d3e21t, value);
|
|
108
|
+
return root_bfe0e7193abc4b26be22b3bb5499d3e21r;
|
|
109
109
|
}));
|
|
110
|
-
return
|
|
110
|
+
return root_bfe0e7193abc4b26be22b3bb5499d3e21u;
|
|
111
111
|
})();
|
|
112
112
|
});
|
|
113
113
|
});
|
|
114
|
-
return
|
|
114
|
+
return root_bfe0e7193abc4b26be22b3bb5499d3e21z;
|
|
115
115
|
})();
|
|
116
116
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
|
-
const
|
|
3
|
+
const template_bfe0e7193abc4b26be22b3bb5499d3e225 = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
|
|
4
4
|
export default (attributes) => {
|
|
5
|
-
let
|
|
6
|
-
|
|
7
|
-
return
|
|
5
|
+
let root_bfe0e7193abc4b26be22b3bb5499d3e224 = template_bfe0e7193abc4b26be22b3bb5499d3e225(), element_bfe0e7193abc4b26be22b3bb5499d3e226 = root_bfe0e7193abc4b26be22b3bb5499d3e224.firstChild, attributes_bfe0e7193abc4b26be22b3bb5499d3e227 = { "class": "ellipsis" };
|
|
6
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e226, attributes, attributes_bfe0e7193abc4b26be22b3bb5499d3e227);
|
|
7
|
+
return root_bfe0e7193abc4b26be22b3bb5499d3e224;
|
|
8
8
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import response from '@esportsplus/action';
|
|
2
|
-
import * as
|
|
2
|
+
import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 from '@esportsplus/template';
|
|
3
3
|
import { omit } from '@esportsplus/utilities';
|
|
4
4
|
import input from './input.js';
|
|
5
|
-
const
|
|
5
|
+
const template_bfe0e7193abc4b26be22b3bb5499d3e229 = template_bfe0e7193abc4b26be22b3bb5499d3e21.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_bfe0e7193abc4b26be22b3bb5499d3e228 = template_bfe0e7193abc4b26be22b3bb5499d3e229(), element_bfe0e7193abc4b26be22b3bb5499d3e22a = root_bfe0e7193abc4b26be22b3bb5499d3e228.firstChild, element_bfe0e7193abc4b26be22b3bb5499d3e22b = element_bfe0e7193abc4b26be22b3bb5499d3e22a.firstChild, attributes_bfe0e7193abc4b26be22b3bb5499d3e22c = { "class": "form" };
|
|
33
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e22a, omit(attributes, OMIT), attributes_bfe0e7193abc4b26be22b3bb5499d3e22c);
|
|
34
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.delegate(element_bfe0e7193abc4b26be22b3bb5499d3e22a, '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_bfe0e7193abc4b26be22b3bb5499d3e21.on(element_bfe0e7193abc4b26be22b3bb5499d3e22a, '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_bfe0e7193abc4b26be22b3bb5499d3e21.slot(element_bfe0e7193abc4b26be22b3bb5499d3e22b, content);
|
|
63
|
+
return root_bfe0e7193abc4b26be22b3bb5499d3e228;
|
|
64
64
|
})();
|
|
65
65
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.frame{cursor:default;flex-wrap:wrap;justify-content:flex-start;width:100%;max-width:100%;display:none;position:relative}.frame.--active{display:flex}}
|
|
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)}.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_bfe0e7193abc4b26be22b3bb5499d3e21 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_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
|
|
6
|
+
content?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>;
|
|
7
|
+
}, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>) => template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>;
|
|
8
|
+
<T extends template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
|
|
10
|
+
content?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>;
|
|
11
|
+
}, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>) => template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>;
|
|
12
|
+
<T extends template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>(content: T): ReturnType<(this: {
|
|
13
|
+
attributes?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
|
|
14
|
+
content?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>;
|
|
15
|
+
}, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>) => template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>;
|
|
16
|
+
(attributes: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes, content: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>): ReturnType<(this: {
|
|
17
|
+
attributes?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
|
|
18
|
+
content?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>;
|
|
19
|
+
}, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>) => template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_bfe0e7193abc4b26be22b3bb5499d3e20 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_bfe0e7193abc4b26be22b3bb5499d3e22f = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<div class='highlight'><!--$--></div>`);
|
|
7
|
+
class ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e22d extends reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.ReactiveObject {
|
|
8
|
+
#highlight = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.SIGNAL](0);
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get highlight() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#highlight);
|
|
14
14
|
}
|
|
15
15
|
set highlight(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.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_bfe0e7193abc4b26be22b3bb5499d3e22d();
|
|
42
42
|
return (() => {
|
|
43
|
-
let
|
|
44
|
-
|
|
45
|
-
|
|
43
|
+
let root_bfe0e7193abc4b26be22b3bb5499d3e22e = template_bfe0e7193abc4b26be22b3bb5499d3e22f(), element_bfe0e7193abc4b26be22b3bb5499d3e22g = root_bfe0e7193abc4b26be22b3bb5499d3e22e.firstChild, element_bfe0e7193abc4b26be22b3bb5499d3e22h = element_bfe0e7193abc4b26be22b3bb5499d3e22g.firstChild, attributes_bfe0e7193abc4b26be22b3bb5499d3e22i = { "class": "highlight" };
|
|
44
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e22g, omit(attributes, OMIT), attributes_bfe0e7193abc4b26be22b3bb5499d3e22i);
|
|
45
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.onrender(element_bfe0e7193abc4b26be22b3bb5499d3e22g, (element) => {
|
|
46
46
|
element[key] = state;
|
|
47
47
|
observer.observe(element);
|
|
48
48
|
});
|
|
49
|
-
|
|
49
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.setList(element_bfe0e7193abc4b26be22b3bb5499d3e22g, 'style', [
|
|
50
50
|
() => `--highlight: ${state.highlight}`,
|
|
51
51
|
`--background: ${attributes.background}`,
|
|
52
|
-
],
|
|
53
|
-
|
|
54
|
-
return
|
|
52
|
+
], attributes_bfe0e7193abc4b26be22b3bb5499d3e22i);
|
|
53
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.slot(element_bfe0e7193abc4b26be22b3bb5499d3e22h, content);
|
|
54
|
+
return root_bfe0e7193abc4b26be22b3bb5499d3e22e;
|
|
55
55
|
})();
|
|
56
56
|
});
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
(): ReturnType<(this: {
|
|
5
|
-
attributes?:
|
|
5
|
+
attributes?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
|
|
6
6
|
content?: string | undefined;
|
|
7
|
-
}, attributes: Readonly<
|
|
8
|
-
<T extends
|
|
9
|
-
attributes?:
|
|
7
|
+
}, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: string) => template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>;
|
|
8
|
+
<T extends template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
|
|
10
10
|
content?: string | undefined;
|
|
11
|
-
}, attributes: Readonly<
|
|
11
|
+
}, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: string) => template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>;
|
|
12
12
|
<T extends string>(content: T): ReturnType<(this: {
|
|
13
|
-
attributes?:
|
|
13
|
+
attributes?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
|
|
14
14
|
content?: string | undefined;
|
|
15
|
-
}, attributes: Readonly<
|
|
16
|
-
(attributes:
|
|
17
|
-
attributes?:
|
|
15
|
+
}, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: string) => template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>;
|
|
16
|
+
(attributes: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes, content: string): ReturnType<(this: {
|
|
17
|
+
attributes?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
|
|
18
18
|
content?: string | undefined;
|
|
19
|
-
}, attributes: Readonly<
|
|
19
|
+
}, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: string) => template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 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_bfe0e7193abc4b26be22b3bb5499d3e22k = template_bfe0e7193abc4b26be22b3bb5499d3e21.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_bfe0e7193abc4b26be22b3bb5499d3e22j = template_bfe0e7193abc4b26be22b3bb5499d3e22k(), element_bfe0e7193abc4b26be22b3bb5499d3e22l = root_bfe0e7193abc4b26be22b3bb5499d3e22j.firstChild, element_bfe0e7193abc4b26be22b3bb5499d3e22m = element_bfe0e7193abc4b26be22b3bb5499d3e22l.firstChild, attributes_bfe0e7193abc4b26be22b3bb5499d3e22n = { "class": "icon" };
|
|
9
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e22l, attributes, attributes_bfe0e7193abc4b26be22b3bb5499d3e22n);
|
|
10
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.slot(element_bfe0e7193abc4b26be22b3bb5499d3e22m, svg.sprite(icon));
|
|
11
|
+
return root_bfe0e7193abc4b26be22b3bb5499d3e22j;
|
|
12
12
|
})();
|
|
13
13
|
});
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_bfe0e7193abc4b26be22b3bb5499d3e20 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_bfe0e7193abc4b26be22b3bb5499d3e22q = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<input class='input' />`);
|
|
6
|
+
class ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e22o extends reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.ReactiveObject {
|
|
7
|
+
#active = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.SIGNAL](false);
|
|
8
|
+
#error = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.SIGNAL]('');
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get active() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#active);
|
|
14
14
|
}
|
|
15
15
|
set active(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.write(this.#active, _v0);
|
|
17
17
|
}
|
|
18
18
|
get error() {
|
|
19
|
-
return
|
|
19
|
+
return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#error);
|
|
20
20
|
}
|
|
21
21
|
set error(_v1) {
|
|
22
|
-
|
|
22
|
+
reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.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_bfe0e7193abc4b26be22b3bb5499d3e22o();
|
|
27
27
|
return (() => {
|
|
28
|
-
let
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
28
|
+
let root_bfe0e7193abc4b26be22b3bb5499d3e22p = template_bfe0e7193abc4b26be22b3bb5499d3e22q(), element_bfe0e7193abc4b26be22b3bb5499d3e22r = root_bfe0e7193abc4b26be22b3bb5499d3e22p.firstChild, attributes_bfe0e7193abc4b26be22b3bb5499d3e22s = { "class": "input" };
|
|
29
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e22r, this?.attributes, attributes_bfe0e7193abc4b26be22b3bb5499d3e22s);
|
|
30
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e22r, attributes, attributes_bfe0e7193abc4b26be22b3bb5499d3e22s);
|
|
31
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.setList(element_bfe0e7193abc4b26be22b3bb5499d3e22r, 'class', () => state.active && '--active', attributes_bfe0e7193abc4b26be22b3bb5499d3e22s);
|
|
32
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.on(element_bfe0e7193abc4b26be22b3bb5499d3e22r, 'focusin', () => {
|
|
33
33
|
state.active = true;
|
|
34
34
|
});
|
|
35
|
-
|
|
35
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.on(element_bfe0e7193abc4b26be22b3bb5499d3e22r, 'focusout', () => {
|
|
36
36
|
state.active = false;
|
|
37
37
|
});
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
return
|
|
38
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.onrender(element_bfe0e7193abc4b26be22b3bb5499d3e22r, form.input.onrender(state));
|
|
39
|
+
template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperty(element_bfe0e7193abc4b26be22b3bb5499d3e22r, 'type', (attributes.type || 'text'));
|
|
40
|
+
return root_bfe0e7193abc4b26be22b3bb5499d3e22p;
|
|
41
41
|
})();
|
|
42
42
|
}
|
|
43
43
|
;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 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_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
|
|
6
|
+
content?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>;
|
|
7
|
+
}, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>) => template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>;
|
|
8
|
+
<T extends template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
|
|
10
|
+
content?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>;
|
|
11
|
+
}, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>) => template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>;
|
|
12
|
+
<T extends template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>(content: T): ReturnType<(this: {
|
|
13
|
+
attributes?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
|
|
14
|
+
content?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>;
|
|
15
|
+
}, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>) => template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>;
|
|
16
|
+
(attributes: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes, content: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>): ReturnType<(this: {
|
|
17
|
+
attributes?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
|
|
18
|
+
content?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>;
|
|
19
|
+
}, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>) => template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|