@esportsplus/ui 0.50.7 → 0.50.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/accordion/index.d.ts +16 -16
- package/build/components/accordion/index.js +17 -17
- package/build/components/alert/index.js +41 -41
- package/build/components/back/index.d.ts +8 -8
- package/build/components/back/index.js +8 -8
- package/build/components/button/index.d.ts +21 -21
- package/build/components/button/index.js +24 -24
- package/build/components/checkbox/index.js +23 -23
- package/build/components/clipboard/onclick.js +13 -13
- package/build/components/counter/index.js +34 -34
- package/build/components/ellipsis/index.js +5 -5
- package/build/components/form/action.js +8 -8
- package/build/components/highlight/index.d.ts +16 -16
- package/build/components/highlight/index.js +15 -15
- package/build/components/icon/index.d.ts +11 -11
- package/build/components/icon/index.js +6 -6
- package/build/components/input/index.js +20 -20
- package/build/components/loader/index.d.ts +16 -16
- package/build/components/loader/index.js +33 -33
- package/build/components/loading/index.js +5 -5
- package/build/components/range/index.js +25 -25
- package/build/components/scrollbar/index.d.ts +11 -11
- package/build/components/scrollbar/index.js +24 -24
- package/build/components/select/index.js +40 -40
- package/build/components/textarea/index.js +20 -20
- package/build/components/tooltip/menu.d.ts +11 -11
- package/build/components/tooltip/menu.js +20 -20
- package/build/components/tooltip/onclick.d.ts +1101 -1101
- package/build/components/tooltip/onclick.js +14 -14
- package/build/components/tooltip/onhover.d.ts +16 -16
- package/build/components/tooltip/onhover.js +15 -15
- package/build/components/typewriter/index.d.ts +11 -11
- package/build/components/typewriter/index.js +14 -14
- package/package.json +3 -3
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_292f14c231b04105b4eefef4d182f0851 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_292f14c231b04105b4eefef4d182f0851.Attributes | undefined;
|
|
6
|
+
content?: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>;
|
|
7
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>) => template_292f14c231b04105b4eefef4d182f0851.Renderable<any>>;
|
|
8
|
+
<T extends template_292f14c231b04105b4eefef4d182f0851.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_292f14c231b04105b4eefef4d182f0851.Attributes | undefined;
|
|
10
|
+
content?: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>;
|
|
11
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>) => template_292f14c231b04105b4eefef4d182f0851.Renderable<any>>;
|
|
12
|
+
<T extends template_292f14c231b04105b4eefef4d182f0851.Renderable<any>>(content: T): ReturnType<(this: {
|
|
13
|
+
attributes?: template_292f14c231b04105b4eefef4d182f0851.Attributes | undefined;
|
|
14
|
+
content?: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>;
|
|
15
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>) => template_292f14c231b04105b4eefef4d182f0851.Renderable<any>>;
|
|
16
|
+
(attributes: template_292f14c231b04105b4eefef4d182f0851.Attributes, content: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>): ReturnType<(this: {
|
|
17
|
+
attributes?: template_292f14c231b04105b4eefef4d182f0851.Attributes | undefined;
|
|
18
|
+
content?: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>;
|
|
19
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>) => template_292f14c231b04105b4eefef4d182f0851.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_292f14c231b04105b4eefef4d182f0851 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_292f14c231b04105b4eefef4d182f0850 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
|
-
#active = this[
|
|
6
|
+
const template_292f14c231b04105b4eefef4d182f0854 = template_292f14c231b04105b4eefef4d182f0851.template(`<div><!--$--></div>`);
|
|
7
|
+
class ReactiveObject_292f14c231b04105b4eefef4d182f0852 extends reactivity_292f14c231b04105b4eefef4d182f0850.ReactiveObject {
|
|
8
|
+
#active = this[reactivity_292f14c231b04105b4eefef4d182f0850.SIGNAL](0);
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get active() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_292f14c231b04105b4eefef4d182f0850.read(this.#active);
|
|
14
14
|
}
|
|
15
15
|
set active(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_292f14c231b04105b4eefef4d182f0850.write(this.#active, _v0);
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
const OMIT = ['state'];
|
|
20
20
|
let key = Symbol();
|
|
21
21
|
export default template.factory(function (attributes, content) {
|
|
22
|
-
let ref, state = attributes.state || new
|
|
22
|
+
let ref, state = attributes.state || new ReactiveObject_292f14c231b04105b4eefef4d182f0852();
|
|
23
23
|
return (() => {
|
|
24
|
-
let
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
let root_292f14c231b04105b4eefef4d182f0853 = template_292f14c231b04105b4eefef4d182f0854(), element_292f14c231b04105b4eefef4d182f0855 = root_292f14c231b04105b4eefef4d182f0853.firstChild, element_292f14c231b04105b4eefef4d182f0856 = element_292f14c231b04105b4eefef4d182f0855.firstChild, attributes_292f14c231b04105b4eefef4d182f0857 = {};
|
|
25
|
+
template_292f14c231b04105b4eefef4d182f0851.setProperties(element_292f14c231b04105b4eefef4d182f0855, omit(attributes, OMIT), attributes_292f14c231b04105b4eefef4d182f0857);
|
|
26
|
+
template_292f14c231b04105b4eefef4d182f0851.setList(element_292f14c231b04105b4eefef4d182f0855, 'class', () => {
|
|
27
27
|
return state.active && '--active';
|
|
28
|
-
},
|
|
29
|
-
|
|
28
|
+
}, attributes_292f14c231b04105b4eefef4d182f0857);
|
|
29
|
+
template_292f14c231b04105b4eefef4d182f0851.onrender(element_292f14c231b04105b4eefef4d182f0855, (element) => {
|
|
30
30
|
(ref = element)[key] = state;
|
|
31
31
|
});
|
|
32
|
-
|
|
32
|
+
template_292f14c231b04105b4eefef4d182f0851.setList(element_292f14c231b04105b4eefef4d182f0855, 'style', () => {
|
|
33
33
|
let parent = ref.closest('accordion');
|
|
34
34
|
if (parent && key in parent) {
|
|
35
35
|
parent[key].active = (+parent[key].active) + 1;
|
|
36
36
|
}
|
|
37
37
|
return state.active && `--max-height: ${ref.scrollHeight}`;
|
|
38
|
-
},
|
|
39
|
-
|
|
40
|
-
return
|
|
38
|
+
}, attributes_292f14c231b04105b4eefef4d182f0857);
|
|
39
|
+
template_292f14c231b04105b4eefef4d182f0851.slot(element_292f14c231b04105b4eefef4d182f0856, content);
|
|
40
|
+
return root_292f14c231b04105b4eefef4d182f0853;
|
|
41
41
|
})();
|
|
42
42
|
});
|
|
@@ -1,50 +1,50 @@
|
|
|
1
1
|
import '@esportsplus/vite/global.d.ts';
|
|
2
|
-
import * as
|
|
2
|
+
import * as template_292f14c231b04105b4eefef4d182f0851 from '@esportsplus/template';
|
|
3
3
|
import { svg } from '@esportsplus/template';
|
|
4
|
-
import * as
|
|
4
|
+
import * as reactivity_292f14c231b04105b4eefef4d182f0850 from '@esportsplus/reactivity';
|
|
5
5
|
import { omit } from '@esportsplus/utilities';
|
|
6
6
|
import { icon } from '@esportsplus/ui';
|
|
7
7
|
import check from './svg/check.svg';
|
|
8
8
|
import close from './svg/close.svg';
|
|
9
9
|
import e from './svg/error.svg';
|
|
10
10
|
import './scss/index.scss';
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
class
|
|
16
|
-
#active = this[
|
|
11
|
+
const template_292f14c231b04105b4eefef4d182f085a = template_292f14c231b04105b4eefef4d182f0851.template(`<div class='--flex-vertical'><!--$--></div>`);
|
|
12
|
+
const template_292f14c231b04105b4eefef4d182f085f = template_292f14c231b04105b4eefef4d182f0851.template(`<p><!--$--></p>`);
|
|
13
|
+
const template_292f14c231b04105b4eefef4d182f085k = template_292f14c231b04105b4eefef4d182f0851.template(`<div class='--flex-start'><!--$--></div>`);
|
|
14
|
+
const template_292f14c231b04105b4eefef4d182f085n = template_292f14c231b04105b4eefef4d182f0851.template(`<div class='alert anchor anchor--n --flex-row'><!--$--><div class='alert-messages --flex-column --flex-fill'><!--$--></div><div class="--flex-vertical"><div class='alert-close button --padding-300'><div class="icon" style='--size: 14px;'><!--$--></div></div></div></div>`);
|
|
15
|
+
class ReactiveObject_292f14c231b04105b4eefef4d182f0858 extends reactivity_292f14c231b04105b4eefef4d182f0850.ReactiveObject {
|
|
16
|
+
#active = this[reactivity_292f14c231b04105b4eefef4d182f0850.SIGNAL](false);
|
|
17
17
|
#messages;
|
|
18
|
-
#rerender = this[
|
|
18
|
+
#rerender = this[reactivity_292f14c231b04105b4eefef4d182f0850.SIGNAL](0);
|
|
19
19
|
#type;
|
|
20
20
|
constructor(_p0, _p1) {
|
|
21
21
|
super(null);
|
|
22
|
-
this.#messages = this[
|
|
23
|
-
this.#type = this[
|
|
22
|
+
this.#messages = this[reactivity_292f14c231b04105b4eefef4d182f0850.SIGNAL](_p0);
|
|
23
|
+
this.#type = this[reactivity_292f14c231b04105b4eefef4d182f0850.SIGNAL](_p1);
|
|
24
24
|
}
|
|
25
25
|
get active() {
|
|
26
|
-
return
|
|
26
|
+
return reactivity_292f14c231b04105b4eefef4d182f0850.read(this.#active);
|
|
27
27
|
}
|
|
28
28
|
set active(_v0) {
|
|
29
|
-
|
|
29
|
+
reactivity_292f14c231b04105b4eefef4d182f0850.write(this.#active, _v0);
|
|
30
30
|
}
|
|
31
31
|
get messages() {
|
|
32
|
-
return
|
|
32
|
+
return reactivity_292f14c231b04105b4eefef4d182f0850.read(this.#messages);
|
|
33
33
|
}
|
|
34
34
|
set messages(_v1) {
|
|
35
|
-
|
|
35
|
+
reactivity_292f14c231b04105b4eefef4d182f0850.write(this.#messages, _v1);
|
|
36
36
|
}
|
|
37
37
|
get rerender() {
|
|
38
|
-
return
|
|
38
|
+
return reactivity_292f14c231b04105b4eefef4d182f0850.read(this.#rerender);
|
|
39
39
|
}
|
|
40
40
|
set rerender(_v2) {
|
|
41
|
-
|
|
41
|
+
reactivity_292f14c231b04105b4eefef4d182f0850.write(this.#rerender, _v2);
|
|
42
42
|
}
|
|
43
43
|
get type() {
|
|
44
|
-
return
|
|
44
|
+
return reactivity_292f14c231b04105b4eefef4d182f0850.read(this.#type);
|
|
45
45
|
}
|
|
46
46
|
set type(_v3) {
|
|
47
|
-
|
|
47
|
+
reactivity_292f14c231b04105b4eefef4d182f0850.write(this.#type, _v3);
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
const OMIT = ['alert-close', 'alert-messages', 'alert-message'];
|
|
@@ -93,7 +93,7 @@ function deactivate(state) {
|
|
|
93
93
|
}, timeout);
|
|
94
94
|
}
|
|
95
95
|
export default (attributes) => {
|
|
96
|
-
let state = new
|
|
96
|
+
let state = new ReactiveObject_292f14c231b04105b4eefef4d182f0858(new Set(), '');
|
|
97
97
|
const error = (messages, seconds = 0) => activate('error', messages, seconds, state);
|
|
98
98
|
error.response = (response) => {
|
|
99
99
|
if (response.ok) {
|
|
@@ -108,41 +108,41 @@ export default (attributes) => {
|
|
|
108
108
|
};
|
|
109
109
|
return {
|
|
110
110
|
content: (() => {
|
|
111
|
-
let
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
new
|
|
111
|
+
let root_292f14c231b04105b4eefef4d182f085m = template_292f14c231b04105b4eefef4d182f085n(), element_292f14c231b04105b4eefef4d182f085o = root_292f14c231b04105b4eefef4d182f085m.firstChild, element_292f14c231b04105b4eefef4d182f085p = element_292f14c231b04105b4eefef4d182f085o.firstChild, element_292f14c231b04105b4eefef4d182f085q = element_292f14c231b04105b4eefef4d182f085o.firstElementChild, element_292f14c231b04105b4eefef4d182f085r = element_292f14c231b04105b4eefef4d182f085q.firstChild, element_292f14c231b04105b4eefef4d182f085s = element_292f14c231b04105b4eefef4d182f085q.nextElementSibling.firstElementChild, element_292f14c231b04105b4eefef4d182f085t = element_292f14c231b04105b4eefef4d182f085s.firstElementChild.firstChild, attributes_292f14c231b04105b4eefef4d182f085u = { "class": "alert anchor anchor--n --flex-row" }, attributes_292f14c231b04105b4eefef4d182f085v = { "class": "alert-messages --flex-column --flex-fill" }, attributes_292f14c231b04105b4eefef4d182f085w = { "class": "alert-close button --padding-300" };
|
|
112
|
+
template_292f14c231b04105b4eefef4d182f0851.setList(element_292f14c231b04105b4eefef4d182f085o, 'class', () => state.active && '--active', attributes_292f14c231b04105b4eefef4d182f085u);
|
|
113
|
+
template_292f14c231b04105b4eefef4d182f0851.setProperties(element_292f14c231b04105b4eefef4d182f085o, omit(attributes, OMIT), attributes_292f14c231b04105b4eefef4d182f085u);
|
|
114
|
+
new template_292f14c231b04105b4eefef4d182f0851.EffectSlot(element_292f14c231b04105b4eefef4d182f085p, () => {
|
|
115
115
|
let type = state.type;
|
|
116
116
|
return (() => {
|
|
117
|
-
let
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
return
|
|
117
|
+
let root_292f14c231b04105b4eefef4d182f0859 = template_292f14c231b04105b4eefef4d182f085a(), element_292f14c231b04105b4eefef4d182f085b = root_292f14c231b04105b4eefef4d182f0859.firstChild, element_292f14c231b04105b4eefef4d182f085c = element_292f14c231b04105b4eefef4d182f085b.firstChild, attributes_292f14c231b04105b4eefef4d182f085d = { "class": "--flex-vertical", "style": "" };
|
|
118
|
+
template_292f14c231b04105b4eefef4d182f0851.setList(element_292f14c231b04105b4eefef4d182f085b, 'style', `--color: var(--color-${modifiers[type]}-400);`, attributes_292f14c231b04105b4eefef4d182f085d);
|
|
119
|
+
template_292f14c231b04105b4eefef4d182f0851.slot(element_292f14c231b04105b4eefef4d182f085c, icon({ class: '--size-500' }, type === 'error' ? e : check));
|
|
120
|
+
return root_292f14c231b04105b4eefef4d182f0859;
|
|
121
121
|
})();
|
|
122
122
|
});
|
|
123
|
-
|
|
124
|
-
new
|
|
123
|
+
template_292f14c231b04105b4eefef4d182f0851.setProperties(element_292f14c231b04105b4eefef4d182f085q, attributes['alert-messages'], attributes_292f14c231b04105b4eefef4d182f085v);
|
|
124
|
+
new template_292f14c231b04105b4eefef4d182f0851.EffectSlot(element_292f14c231b04105b4eefef4d182f085r, () => {
|
|
125
125
|
let message = attributes['alert-message'];
|
|
126
126
|
return state.rerender && [...state.messages].map((content) => {
|
|
127
127
|
if (typeof content === 'string') {
|
|
128
128
|
return (() => {
|
|
129
|
-
let
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
return
|
|
129
|
+
let root_292f14c231b04105b4eefef4d182f085e = template_292f14c231b04105b4eefef4d182f085f(), element_292f14c231b04105b4eefef4d182f085g = root_292f14c231b04105b4eefef4d182f085e.firstChild, element_292f14c231b04105b4eefef4d182f085h = element_292f14c231b04105b4eefef4d182f085g.firstChild, attributes_292f14c231b04105b4eefef4d182f085i = {};
|
|
130
|
+
template_292f14c231b04105b4eefef4d182f0851.setProperties(element_292f14c231b04105b4eefef4d182f085g, message, attributes_292f14c231b04105b4eefef4d182f085i);
|
|
131
|
+
template_292f14c231b04105b4eefef4d182f0851.slot(element_292f14c231b04105b4eefef4d182f085h, content);
|
|
132
|
+
return root_292f14c231b04105b4eefef4d182f085e;
|
|
133
133
|
})();
|
|
134
134
|
}
|
|
135
135
|
return (() => {
|
|
136
|
-
let
|
|
137
|
-
|
|
138
|
-
return
|
|
136
|
+
let root_292f14c231b04105b4eefef4d182f085j = template_292f14c231b04105b4eefef4d182f085k(), element_292f14c231b04105b4eefef4d182f085l = root_292f14c231b04105b4eefef4d182f085j.firstChild.firstChild;
|
|
137
|
+
template_292f14c231b04105b4eefef4d182f0851.slot(element_292f14c231b04105b4eefef4d182f085l, content);
|
|
138
|
+
return root_292f14c231b04105b4eefef4d182f085j;
|
|
139
139
|
})();
|
|
140
140
|
});
|
|
141
141
|
});
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
return
|
|
142
|
+
template_292f14c231b04105b4eefef4d182f0851.delegate(element_292f14c231b04105b4eefef4d182f085s, 'click', () => deactivate(state));
|
|
143
|
+
template_292f14c231b04105b4eefef4d182f0851.setProperties(element_292f14c231b04105b4eefef4d182f085s, attributes['alert-close'], attributes_292f14c231b04105b4eefef4d182f085w);
|
|
144
|
+
template_292f14c231b04105b4eefef4d182f0851.slot(element_292f14c231b04105b4eefef4d182f085t, svg.sprite(close));
|
|
145
|
+
return root_292f14c231b04105b4eefef4d182f085m;
|
|
146
146
|
})(),
|
|
147
147
|
deactivate: () => deactivate(state),
|
|
148
148
|
error,
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_292f14c231b04105b4eefef4d182f0851 from '@esportsplus/template';
|
|
2
2
|
import { Attributes } from '@esportsplus/template';
|
|
3
3
|
import './scss/index.scss';
|
|
4
4
|
declare const _default: {
|
|
5
5
|
(): ReturnType<(this: {
|
|
6
6
|
attributes?: Attributes;
|
|
7
|
-
}, attributes: Readonly<
|
|
8
|
-
<T extends
|
|
7
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>) => template_292f14c231b04105b4eefef4d182f0851.Renderable<any>>;
|
|
8
|
+
<T extends template_292f14c231b04105b4eefef4d182f0851.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
9
|
attributes?: Attributes;
|
|
10
|
-
}, attributes: Readonly<
|
|
11
|
-
<T extends
|
|
10
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>) => template_292f14c231b04105b4eefef4d182f0851.Renderable<any>>;
|
|
11
|
+
<T extends template_292f14c231b04105b4eefef4d182f0851.Renderable<any>>(content: T): ReturnType<(this: {
|
|
12
12
|
attributes?: Attributes;
|
|
13
|
-
}, attributes: Readonly<
|
|
14
|
-
(attributes:
|
|
13
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>) => template_292f14c231b04105b4eefef4d182f0851.Renderable<any>>;
|
|
14
|
+
(attributes: template_292f14c231b04105b4eefef4d182f0851.Attributes, content: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>): ReturnType<(this: {
|
|
15
15
|
attributes?: Attributes;
|
|
16
|
-
}, attributes: Readonly<
|
|
16
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: template_292f14c231b04105b4eefef4d182f0851.Renderable<any>) => template_292f14c231b04105b4eefef4d182f0851.Renderable<any>>;
|
|
17
17
|
};
|
|
18
18
|
export default _default;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_292f14c231b04105b4eefef4d182f0851 from '@esportsplus/template';
|
|
2
2
|
import icon from '../../components/icon/index.js';
|
|
3
3
|
import template from '../../components/template/index.js';
|
|
4
4
|
import arrow from './svg/arrow.svg';
|
|
5
5
|
import './scss/index.scss';
|
|
6
|
-
const
|
|
6
|
+
const template_292f14c231b04105b4eefef4d182f085y = template_292f14c231b04105b4eefef4d182f0851.template(`<a class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
|
|
7
7
|
export default template.factory(function (attributes, content) {
|
|
8
8
|
return (() => {
|
|
9
|
-
let
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
return
|
|
9
|
+
let root_292f14c231b04105b4eefef4d182f085x = template_292f14c231b04105b4eefef4d182f085y(), element_292f14c231b04105b4eefef4d182f085z = root_292f14c231b04105b4eefef4d182f085x.firstChild, element_292f14c231b04105b4eefef4d182f08510 = element_292f14c231b04105b4eefef4d182f085z.firstChild, element_292f14c231b04105b4eefef4d182f08511 = element_292f14c231b04105b4eefef4d182f08510.nextSibling, attributes_292f14c231b04105b4eefef4d182f08512 = { "class": "back link --padding-0px --flex-vertical" };
|
|
10
|
+
template_292f14c231b04105b4eefef4d182f0851.setProperties(element_292f14c231b04105b4eefef4d182f085z, this.attributes, attributes_292f14c231b04105b4eefef4d182f08512);
|
|
11
|
+
template_292f14c231b04105b4eefef4d182f0851.setProperties(element_292f14c231b04105b4eefef4d182f085z, attributes, attributes_292f14c231b04105b4eefef4d182f08512);
|
|
12
|
+
template_292f14c231b04105b4eefef4d182f0851.slot(element_292f14c231b04105b4eefef4d182f08510, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
|
|
13
|
+
template_292f14c231b04105b4eefef4d182f0851.slot(element_292f14c231b04105b4eefef4d182f08511, content);
|
|
14
|
+
return root_292f14c231b04105b4eefef4d182f085x;
|
|
15
15
|
})();
|
|
16
16
|
});
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_292f14c231b04105b4eefef4d182f0851 from '@esportsplus/template';
|
|
2
2
|
import { Renderable } from '@esportsplus/template';
|
|
3
3
|
import './scss/index.scss';
|
|
4
4
|
declare const hold: {
|
|
5
5
|
(): ReturnType<(this: {
|
|
6
|
-
attributes?:
|
|
6
|
+
attributes?: template_292f14c231b04105b4eefef4d182f0851.Attributes | undefined;
|
|
7
7
|
content?: ((state: {
|
|
8
8
|
holding: boolean;
|
|
9
9
|
complete: boolean;
|
|
10
10
|
}) => Renderable<any>) | undefined;
|
|
11
|
-
}, attributes: Readonly<
|
|
11
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: (state: {
|
|
12
12
|
holding: boolean;
|
|
13
13
|
complete: boolean;
|
|
14
14
|
}) => Renderable<any>) => Renderable<any>>;
|
|
15
|
-
<T extends
|
|
16
|
-
attributes?:
|
|
15
|
+
<T extends template_292f14c231b04105b4eefef4d182f0851.Attributes>(attributes: T): ReturnType<(this: {
|
|
16
|
+
attributes?: template_292f14c231b04105b4eefef4d182f0851.Attributes | undefined;
|
|
17
17
|
content?: ((state: {
|
|
18
18
|
holding: boolean;
|
|
19
19
|
complete: boolean;
|
|
20
20
|
}) => Renderable<any>) | undefined;
|
|
21
|
-
}, attributes: Readonly<
|
|
21
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: (state: {
|
|
22
22
|
holding: boolean;
|
|
23
23
|
complete: boolean;
|
|
24
24
|
}) => Renderable<any>) => Renderable<any>>;
|
|
@@ -26,25 +26,25 @@ declare const hold: {
|
|
|
26
26
|
holding: boolean;
|
|
27
27
|
complete: boolean;
|
|
28
28
|
}) => Renderable<any>>(content: T): ReturnType<(this: {
|
|
29
|
-
attributes?:
|
|
29
|
+
attributes?: template_292f14c231b04105b4eefef4d182f0851.Attributes | undefined;
|
|
30
30
|
content?: ((state: {
|
|
31
31
|
holding: boolean;
|
|
32
32
|
complete: boolean;
|
|
33
33
|
}) => Renderable<any>) | undefined;
|
|
34
|
-
}, attributes: Readonly<
|
|
34
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: (state: {
|
|
35
35
|
holding: boolean;
|
|
36
36
|
complete: boolean;
|
|
37
37
|
}) => Renderable<any>) => Renderable<any>>;
|
|
38
|
-
(attributes:
|
|
38
|
+
(attributes: template_292f14c231b04105b4eefef4d182f0851.Attributes, content: (state: {
|
|
39
39
|
holding: boolean;
|
|
40
40
|
complete: boolean;
|
|
41
41
|
}) => Renderable<any>): ReturnType<(this: {
|
|
42
|
-
attributes?:
|
|
42
|
+
attributes?: template_292f14c231b04105b4eefef4d182f0851.Attributes | undefined;
|
|
43
43
|
content?: ((state: {
|
|
44
44
|
holding: boolean;
|
|
45
45
|
complete: boolean;
|
|
46
46
|
}) => Renderable<any>) | undefined;
|
|
47
|
-
}, attributes: Readonly<
|
|
47
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: (state: {
|
|
48
48
|
holding: boolean;
|
|
49
49
|
complete: boolean;
|
|
50
50
|
}) => Renderable<any>) => Renderable<any>>;
|
|
@@ -52,22 +52,22 @@ declare const hold: {
|
|
|
52
52
|
declare const _default: {
|
|
53
53
|
hold: {
|
|
54
54
|
(): ReturnType<(this: {
|
|
55
|
-
attributes?:
|
|
55
|
+
attributes?: template_292f14c231b04105b4eefef4d182f0851.Attributes | undefined;
|
|
56
56
|
content?: ((state: {
|
|
57
57
|
holding: boolean;
|
|
58
58
|
complete: boolean;
|
|
59
59
|
}) => Renderable<any>) | undefined;
|
|
60
|
-
}, attributes: Readonly<
|
|
60
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: (state: {
|
|
61
61
|
holding: boolean;
|
|
62
62
|
complete: boolean;
|
|
63
63
|
}) => Renderable<any>) => Renderable<any>>;
|
|
64
|
-
<T extends
|
|
65
|
-
attributes?:
|
|
64
|
+
<T extends template_292f14c231b04105b4eefef4d182f0851.Attributes>(attributes: T): ReturnType<(this: {
|
|
65
|
+
attributes?: template_292f14c231b04105b4eefef4d182f0851.Attributes | undefined;
|
|
66
66
|
content?: ((state: {
|
|
67
67
|
holding: boolean;
|
|
68
68
|
complete: boolean;
|
|
69
69
|
}) => Renderable<any>) | undefined;
|
|
70
|
-
}, attributes: Readonly<
|
|
70
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: (state: {
|
|
71
71
|
holding: boolean;
|
|
72
72
|
complete: boolean;
|
|
73
73
|
}) => Renderable<any>) => Renderable<any>>;
|
|
@@ -75,25 +75,25 @@ declare const _default: {
|
|
|
75
75
|
holding: boolean;
|
|
76
76
|
complete: boolean;
|
|
77
77
|
}) => Renderable<any>>(content: T): ReturnType<(this: {
|
|
78
|
-
attributes?:
|
|
78
|
+
attributes?: template_292f14c231b04105b4eefef4d182f0851.Attributes | undefined;
|
|
79
79
|
content?: ((state: {
|
|
80
80
|
holding: boolean;
|
|
81
81
|
complete: boolean;
|
|
82
82
|
}) => Renderable<any>) | undefined;
|
|
83
|
-
}, attributes: Readonly<
|
|
83
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: (state: {
|
|
84
84
|
holding: boolean;
|
|
85
85
|
complete: boolean;
|
|
86
86
|
}) => Renderable<any>) => Renderable<any>>;
|
|
87
|
-
(attributes:
|
|
87
|
+
(attributes: template_292f14c231b04105b4eefef4d182f0851.Attributes, content: (state: {
|
|
88
88
|
holding: boolean;
|
|
89
89
|
complete: boolean;
|
|
90
90
|
}) => Renderable<any>): ReturnType<(this: {
|
|
91
|
-
attributes?:
|
|
91
|
+
attributes?: template_292f14c231b04105b4eefef4d182f0851.Attributes | undefined;
|
|
92
92
|
content?: ((state: {
|
|
93
93
|
holding: boolean;
|
|
94
94
|
complete: boolean;
|
|
95
95
|
}) => Renderable<any>) | undefined;
|
|
96
|
-
}, attributes: Readonly<
|
|
96
|
+
}, attributes: Readonly<template_292f14c231b04105b4eefef4d182f0851.Attributes>, content: (state: {
|
|
97
97
|
holding: boolean;
|
|
98
98
|
complete: boolean;
|
|
99
99
|
}) => Renderable<any>) => Renderable<any>>;
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_292f14c231b04105b4eefef4d182f0851 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_292f14c231b04105b4eefef4d182f0850 from '@esportsplus/reactivity';
|
|
3
3
|
import template from '../template/index.js';
|
|
4
4
|
import './scss/index.scss';
|
|
5
|
-
const
|
|
6
|
-
class
|
|
7
|
-
#complete = this[
|
|
8
|
-
#holding = this[
|
|
5
|
+
const template_292f14c231b04105b4eefef4d182f08515 = template_292f14c231b04105b4eefef4d182f0851.template(`<div class='button '><!--$--></div>`);
|
|
6
|
+
class ReactiveObject_292f14c231b04105b4eefef4d182f08513 extends reactivity_292f14c231b04105b4eefef4d182f0850.ReactiveObject {
|
|
7
|
+
#complete = this[reactivity_292f14c231b04105b4eefef4d182f0850.SIGNAL](false);
|
|
8
|
+
#holding = this[reactivity_292f14c231b04105b4eefef4d182f0850.SIGNAL](false);
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get complete() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_292f14c231b04105b4eefef4d182f0850.read(this.#complete);
|
|
14
14
|
}
|
|
15
15
|
set complete(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_292f14c231b04105b4eefef4d182f0850.write(this.#complete, _v0);
|
|
17
17
|
}
|
|
18
18
|
get holding() {
|
|
19
|
-
return
|
|
19
|
+
return reactivity_292f14c231b04105b4eefef4d182f0850.read(this.#holding);
|
|
20
20
|
}
|
|
21
21
|
set holding(_v1) {
|
|
22
|
-
|
|
22
|
+
reactivity_292f14c231b04105b4eefef4d182f0850.write(this.#holding, _v1);
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
const hold = template.factory(function (attributes, content) {
|
|
@@ -27,34 +27,34 @@ const hold = template.factory(function (attributes, content) {
|
|
|
27
27
|
if (!state.complete) {
|
|
28
28
|
state.holding = false;
|
|
29
29
|
}
|
|
30
|
-
}, state = new
|
|
30
|
+
}, state = new ReactiveObject_292f14c231b04105b4eefef4d182f08513();
|
|
31
31
|
return (() => {
|
|
32
|
-
let
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
32
|
+
let root_292f14c231b04105b4eefef4d182f08514 = template_292f14c231b04105b4eefef4d182f08515(), element_292f14c231b04105b4eefef4d182f08516 = root_292f14c231b04105b4eefef4d182f08514.firstChild, element_292f14c231b04105b4eefef4d182f08517 = element_292f14c231b04105b4eefef4d182f08516.firstChild, attributes_292f14c231b04105b4eefef4d182f08518 = { "class": "button" };
|
|
33
|
+
template_292f14c231b04105b4eefef4d182f0851.setList(element_292f14c231b04105b4eefef4d182f08516, 'class', () => state.holding && 'button--holding', attributes_292f14c231b04105b4eefef4d182f08518);
|
|
34
|
+
template_292f14c231b04105b4eefef4d182f0851.setList(element_292f14c231b04105b4eefef4d182f08516, 'class', () => state.complete && '--active', attributes_292f14c231b04105b4eefef4d182f08518);
|
|
35
|
+
template_292f14c231b04105b4eefef4d182f0851.delegate(element_292f14c231b04105b4eefef4d182f08516, 'mousedown', (e) => {
|
|
36
36
|
e.preventDefault();
|
|
37
37
|
state.holding = true;
|
|
38
38
|
});
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
template_292f14c231b04105b4eefef4d182f0851.setProperties(element_292f14c231b04105b4eefef4d182f08516, attributes, attributes_292f14c231b04105b4eefef4d182f08518);
|
|
40
|
+
template_292f14c231b04105b4eefef4d182f0851.delegate(element_292f14c231b04105b4eefef4d182f08516, 'animationend', (e) => {
|
|
41
41
|
if (e.animationName === 'buttonHolding') {
|
|
42
42
|
state.complete = true;
|
|
43
43
|
}
|
|
44
44
|
});
|
|
45
|
-
|
|
46
|
-
|
|
45
|
+
template_292f14c231b04105b4eefef4d182f0851.delegate(element_292f14c231b04105b4eefef4d182f08516, 'click', () => { });
|
|
46
|
+
template_292f14c231b04105b4eefef4d182f0851.delegate(element_292f14c231b04105b4eefef4d182f08516, 'mousedown', (e) => {
|
|
47
47
|
e.preventDefault();
|
|
48
48
|
state.holding = true;
|
|
49
49
|
});
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
50
|
+
template_292f14c231b04105b4eefef4d182f0851.delegate(element_292f14c231b04105b4eefef4d182f08516, 'mouseup', end);
|
|
51
|
+
template_292f14c231b04105b4eefef4d182f0851.delegate(element_292f14c231b04105b4eefef4d182f08516, 'touchend', end);
|
|
52
|
+
template_292f14c231b04105b4eefef4d182f0851.delegate(element_292f14c231b04105b4eefef4d182f08516, 'touchstart', (e) => {
|
|
53
53
|
e.preventDefault();
|
|
54
54
|
state.holding = true;
|
|
55
55
|
});
|
|
56
|
-
new
|
|
57
|
-
return
|
|
56
|
+
new template_292f14c231b04105b4eefef4d182f0851.EffectSlot(element_292f14c231b04105b4eefef4d182f08517, () => content(state));
|
|
57
|
+
return root_292f14c231b04105b4eefef4d182f08514;
|
|
58
58
|
})();
|
|
59
59
|
});
|
|
60
60
|
export default { hold };
|