@esportsplus/ui 0.50.7 → 0.50.9
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_c9c73d187a134116af27de99479178b21 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_c9c73d187a134116af27de99479178b21.Attributes | undefined;
|
|
6
|
+
content?: template_c9c73d187a134116af27de99479178b21.Renderable<any>;
|
|
7
|
+
}, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.Attributes>, content: template_c9c73d187a134116af27de99479178b21.Renderable<any>) => template_c9c73d187a134116af27de99479178b21.Renderable<any>>;
|
|
8
|
+
<T extends template_c9c73d187a134116af27de99479178b21.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_c9c73d187a134116af27de99479178b21.Attributes | undefined;
|
|
10
|
+
content?: template_c9c73d187a134116af27de99479178b21.Renderable<any>;
|
|
11
|
+
}, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.Attributes>, content: template_c9c73d187a134116af27de99479178b21.Renderable<any>) => template_c9c73d187a134116af27de99479178b21.Renderable<any>>;
|
|
12
|
+
<T extends template_c9c73d187a134116af27de99479178b21.Renderable<any>>(content: T): ReturnType<(this: {
|
|
13
|
+
attributes?: template_c9c73d187a134116af27de99479178b21.Attributes | undefined;
|
|
14
|
+
content?: template_c9c73d187a134116af27de99479178b21.Renderable<any>;
|
|
15
|
+
}, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.Attributes>, content: template_c9c73d187a134116af27de99479178b21.Renderable<any>) => template_c9c73d187a134116af27de99479178b21.Renderable<any>>;
|
|
16
|
+
(attributes: template_c9c73d187a134116af27de99479178b21.Attributes, content: template_c9c73d187a134116af27de99479178b21.Renderable<any>): ReturnType<(this: {
|
|
17
|
+
attributes?: template_c9c73d187a134116af27de99479178b21.Attributes | undefined;
|
|
18
|
+
content?: template_c9c73d187a134116af27de99479178b21.Renderable<any>;
|
|
19
|
+
}, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.Attributes>, content: template_c9c73d187a134116af27de99479178b21.Renderable<any>) => template_c9c73d187a134116af27de99479178b21.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as template_c9c73d187a134116af27de99479178b21 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_c9c73d187a134116af27de99479178b20 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_c9c73d187a134116af27de99479178b24 = template_c9c73d187a134116af27de99479178b21.template(`<div><!--$--></div>`);
|
|
7
|
+
class ReactiveObject_c9c73d187a134116af27de99479178b22 extends reactivity_c9c73d187a134116af27de99479178b20.ReactiveObject {
|
|
8
|
+
#active = this[reactivity_c9c73d187a134116af27de99479178b20.SIGNAL](0);
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get active() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_c9c73d187a134116af27de99479178b20.read(this.#active);
|
|
14
14
|
}
|
|
15
15
|
set active(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_c9c73d187a134116af27de99479178b20.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_c9c73d187a134116af27de99479178b22();
|
|
23
23
|
return (() => {
|
|
24
|
-
let
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
let root_c9c73d187a134116af27de99479178b23 = template_c9c73d187a134116af27de99479178b24(), element_c9c73d187a134116af27de99479178b25 = root_c9c73d187a134116af27de99479178b23.firstChild, element_c9c73d187a134116af27de99479178b26 = element_c9c73d187a134116af27de99479178b25.firstChild, attributes_c9c73d187a134116af27de99479178b27 = {};
|
|
25
|
+
template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b25, omit(attributes, OMIT), attributes_c9c73d187a134116af27de99479178b27);
|
|
26
|
+
template_c9c73d187a134116af27de99479178b21.setList(element_c9c73d187a134116af27de99479178b25, 'class', () => {
|
|
27
27
|
return state.active && '--active';
|
|
28
|
-
},
|
|
29
|
-
|
|
28
|
+
}, attributes_c9c73d187a134116af27de99479178b27);
|
|
29
|
+
template_c9c73d187a134116af27de99479178b21.onrender(element_c9c73d187a134116af27de99479178b25, (element) => {
|
|
30
30
|
(ref = element)[key] = state;
|
|
31
31
|
});
|
|
32
|
-
|
|
32
|
+
template_c9c73d187a134116af27de99479178b21.setList(element_c9c73d187a134116af27de99479178b25, '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_c9c73d187a134116af27de99479178b27);
|
|
39
|
+
template_c9c73d187a134116af27de99479178b21.slot(element_c9c73d187a134116af27de99479178b26, content);
|
|
40
|
+
return root_c9c73d187a134116af27de99479178b23;
|
|
41
41
|
})();
|
|
42
42
|
});
|
|
@@ -1,50 +1,50 @@
|
|
|
1
1
|
import '@esportsplus/vite/global.d.ts';
|
|
2
|
-
import * as
|
|
2
|
+
import * as template_c9c73d187a134116af27de99479178b21 from '@esportsplus/template';
|
|
3
3
|
import { svg } from '@esportsplus/template';
|
|
4
|
-
import * as
|
|
4
|
+
import * as reactivity_c9c73d187a134116af27de99479178b20 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_c9c73d187a134116af27de99479178b2a = template_c9c73d187a134116af27de99479178b21.template(`<div class='--flex-vertical'><!--$--></div>`);
|
|
12
|
+
const template_c9c73d187a134116af27de99479178b2f = template_c9c73d187a134116af27de99479178b21.template(`<p><!--$--></p>`);
|
|
13
|
+
const template_c9c73d187a134116af27de99479178b2k = template_c9c73d187a134116af27de99479178b21.template(`<div class='--flex-start'><!--$--></div>`);
|
|
14
|
+
const template_c9c73d187a134116af27de99479178b2n = template_c9c73d187a134116af27de99479178b21.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_c9c73d187a134116af27de99479178b28 extends reactivity_c9c73d187a134116af27de99479178b20.ReactiveObject {
|
|
16
|
+
#active = this[reactivity_c9c73d187a134116af27de99479178b20.SIGNAL](false);
|
|
17
17
|
#messages;
|
|
18
|
-
#rerender = this[
|
|
18
|
+
#rerender = this[reactivity_c9c73d187a134116af27de99479178b20.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_c9c73d187a134116af27de99479178b20.SIGNAL](_p0);
|
|
23
|
+
this.#type = this[reactivity_c9c73d187a134116af27de99479178b20.SIGNAL](_p1);
|
|
24
24
|
}
|
|
25
25
|
get active() {
|
|
26
|
-
return
|
|
26
|
+
return reactivity_c9c73d187a134116af27de99479178b20.read(this.#active);
|
|
27
27
|
}
|
|
28
28
|
set active(_v0) {
|
|
29
|
-
|
|
29
|
+
reactivity_c9c73d187a134116af27de99479178b20.write(this.#active, _v0);
|
|
30
30
|
}
|
|
31
31
|
get messages() {
|
|
32
|
-
return
|
|
32
|
+
return reactivity_c9c73d187a134116af27de99479178b20.read(this.#messages);
|
|
33
33
|
}
|
|
34
34
|
set messages(_v1) {
|
|
35
|
-
|
|
35
|
+
reactivity_c9c73d187a134116af27de99479178b20.write(this.#messages, _v1);
|
|
36
36
|
}
|
|
37
37
|
get rerender() {
|
|
38
|
-
return
|
|
38
|
+
return reactivity_c9c73d187a134116af27de99479178b20.read(this.#rerender);
|
|
39
39
|
}
|
|
40
40
|
set rerender(_v2) {
|
|
41
|
-
|
|
41
|
+
reactivity_c9c73d187a134116af27de99479178b20.write(this.#rerender, _v2);
|
|
42
42
|
}
|
|
43
43
|
get type() {
|
|
44
|
-
return
|
|
44
|
+
return reactivity_c9c73d187a134116af27de99479178b20.read(this.#type);
|
|
45
45
|
}
|
|
46
46
|
set type(_v3) {
|
|
47
|
-
|
|
47
|
+
reactivity_c9c73d187a134116af27de99479178b20.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_c9c73d187a134116af27de99479178b28(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_c9c73d187a134116af27de99479178b2m = template_c9c73d187a134116af27de99479178b2n(), element_c9c73d187a134116af27de99479178b2o = root_c9c73d187a134116af27de99479178b2m.firstChild, element_c9c73d187a134116af27de99479178b2p = element_c9c73d187a134116af27de99479178b2o.firstChild, element_c9c73d187a134116af27de99479178b2q = element_c9c73d187a134116af27de99479178b2o.firstElementChild, element_c9c73d187a134116af27de99479178b2r = element_c9c73d187a134116af27de99479178b2q.firstChild, element_c9c73d187a134116af27de99479178b2s = element_c9c73d187a134116af27de99479178b2q.nextElementSibling.firstElementChild, element_c9c73d187a134116af27de99479178b2t = element_c9c73d187a134116af27de99479178b2s.firstElementChild.firstChild, attributes_c9c73d187a134116af27de99479178b2u = { "class": "alert anchor anchor--n --flex-row" }, attributes_c9c73d187a134116af27de99479178b2v = { "class": "alert-messages --flex-column --flex-fill" }, attributes_c9c73d187a134116af27de99479178b2w = { "class": "alert-close button --padding-300" };
|
|
112
|
+
template_c9c73d187a134116af27de99479178b21.setList(element_c9c73d187a134116af27de99479178b2o, 'class', () => state.active && '--active', attributes_c9c73d187a134116af27de99479178b2u);
|
|
113
|
+
template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b2o, omit(attributes, OMIT), attributes_c9c73d187a134116af27de99479178b2u);
|
|
114
|
+
new template_c9c73d187a134116af27de99479178b21.EffectSlot(element_c9c73d187a134116af27de99479178b2p, () => {
|
|
115
115
|
let type = state.type;
|
|
116
116
|
return (() => {
|
|
117
|
-
let
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
return
|
|
117
|
+
let root_c9c73d187a134116af27de99479178b29 = template_c9c73d187a134116af27de99479178b2a(), element_c9c73d187a134116af27de99479178b2b = root_c9c73d187a134116af27de99479178b29.firstChild, element_c9c73d187a134116af27de99479178b2c = element_c9c73d187a134116af27de99479178b2b.firstChild, attributes_c9c73d187a134116af27de99479178b2d = { "class": "--flex-vertical", "style": "" };
|
|
118
|
+
template_c9c73d187a134116af27de99479178b21.setList(element_c9c73d187a134116af27de99479178b2b, 'style', `--color: var(--color-${modifiers[type]}-400);`, attributes_c9c73d187a134116af27de99479178b2d);
|
|
119
|
+
template_c9c73d187a134116af27de99479178b21.slot(element_c9c73d187a134116af27de99479178b2c, icon({ class: '--size-500' }, type === 'error' ? e : check));
|
|
120
|
+
return root_c9c73d187a134116af27de99479178b29;
|
|
121
121
|
})();
|
|
122
122
|
});
|
|
123
|
-
|
|
124
|
-
new
|
|
123
|
+
template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b2q, attributes['alert-messages'], attributes_c9c73d187a134116af27de99479178b2v);
|
|
124
|
+
new template_c9c73d187a134116af27de99479178b21.EffectSlot(element_c9c73d187a134116af27de99479178b2r, () => {
|
|
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_c9c73d187a134116af27de99479178b2e = template_c9c73d187a134116af27de99479178b2f(), element_c9c73d187a134116af27de99479178b2g = root_c9c73d187a134116af27de99479178b2e.firstChild, element_c9c73d187a134116af27de99479178b2h = element_c9c73d187a134116af27de99479178b2g.firstChild, attributes_c9c73d187a134116af27de99479178b2i = {};
|
|
130
|
+
template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b2g, message, attributes_c9c73d187a134116af27de99479178b2i);
|
|
131
|
+
template_c9c73d187a134116af27de99479178b21.slot(element_c9c73d187a134116af27de99479178b2h, content);
|
|
132
|
+
return root_c9c73d187a134116af27de99479178b2e;
|
|
133
133
|
})();
|
|
134
134
|
}
|
|
135
135
|
return (() => {
|
|
136
|
-
let
|
|
137
|
-
|
|
138
|
-
return
|
|
136
|
+
let root_c9c73d187a134116af27de99479178b2j = template_c9c73d187a134116af27de99479178b2k(), element_c9c73d187a134116af27de99479178b2l = root_c9c73d187a134116af27de99479178b2j.firstChild.firstChild;
|
|
137
|
+
template_c9c73d187a134116af27de99479178b21.slot(element_c9c73d187a134116af27de99479178b2l, content);
|
|
138
|
+
return root_c9c73d187a134116af27de99479178b2j;
|
|
139
139
|
})();
|
|
140
140
|
});
|
|
141
141
|
});
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
return
|
|
142
|
+
template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b2s, 'click', () => deactivate(state));
|
|
143
|
+
template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b2s, attributes['alert-close'], attributes_c9c73d187a134116af27de99479178b2w);
|
|
144
|
+
template_c9c73d187a134116af27de99479178b21.slot(element_c9c73d187a134116af27de99479178b2t, svg.sprite(close));
|
|
145
|
+
return root_c9c73d187a134116af27de99479178b2m;
|
|
146
146
|
})(),
|
|
147
147
|
deactivate: () => deactivate(state),
|
|
148
148
|
error,
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_c9c73d187a134116af27de99479178b21 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_c9c73d187a134116af27de99479178b21.Attributes>, content: template_c9c73d187a134116af27de99479178b21.Renderable<any>) => template_c9c73d187a134116af27de99479178b21.Renderable<any>>;
|
|
8
|
+
<T extends template_c9c73d187a134116af27de99479178b21.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
9
|
attributes?: Attributes;
|
|
10
|
-
}, attributes: Readonly<
|
|
11
|
-
<T extends
|
|
10
|
+
}, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.Attributes>, content: template_c9c73d187a134116af27de99479178b21.Renderable<any>) => template_c9c73d187a134116af27de99479178b21.Renderable<any>>;
|
|
11
|
+
<T extends template_c9c73d187a134116af27de99479178b21.Renderable<any>>(content: T): ReturnType<(this: {
|
|
12
12
|
attributes?: Attributes;
|
|
13
|
-
}, attributes: Readonly<
|
|
14
|
-
(attributes:
|
|
13
|
+
}, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.Attributes>, content: template_c9c73d187a134116af27de99479178b21.Renderable<any>) => template_c9c73d187a134116af27de99479178b21.Renderable<any>>;
|
|
14
|
+
(attributes: template_c9c73d187a134116af27de99479178b21.Attributes, content: template_c9c73d187a134116af27de99479178b21.Renderable<any>): ReturnType<(this: {
|
|
15
15
|
attributes?: Attributes;
|
|
16
|
-
}, attributes: Readonly<
|
|
16
|
+
}, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.Attributes>, content: template_c9c73d187a134116af27de99479178b21.Renderable<any>) => template_c9c73d187a134116af27de99479178b21.Renderable<any>>;
|
|
17
17
|
};
|
|
18
18
|
export default _default;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_c9c73d187a134116af27de99479178b21 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_c9c73d187a134116af27de99479178b2y = template_c9c73d187a134116af27de99479178b21.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_c9c73d187a134116af27de99479178b2x = template_c9c73d187a134116af27de99479178b2y(), element_c9c73d187a134116af27de99479178b2z = root_c9c73d187a134116af27de99479178b2x.firstChild, element_c9c73d187a134116af27de99479178b210 = element_c9c73d187a134116af27de99479178b2z.firstChild, element_c9c73d187a134116af27de99479178b211 = element_c9c73d187a134116af27de99479178b210.nextSibling, attributes_c9c73d187a134116af27de99479178b212 = { "class": "back link --padding-0px --flex-vertical" };
|
|
10
|
+
template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b2z, this.attributes, attributes_c9c73d187a134116af27de99479178b212);
|
|
11
|
+
template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b2z, attributes, attributes_c9c73d187a134116af27de99479178b212);
|
|
12
|
+
template_c9c73d187a134116af27de99479178b21.slot(element_c9c73d187a134116af27de99479178b210, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
|
|
13
|
+
template_c9c73d187a134116af27de99479178b21.slot(element_c9c73d187a134116af27de99479178b211, content);
|
|
14
|
+
return root_c9c73d187a134116af27de99479178b2x;
|
|
15
15
|
})();
|
|
16
16
|
});
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_c9c73d187a134116af27de99479178b21 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_c9c73d187a134116af27de99479178b21.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_c9c73d187a134116af27de99479178b21.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_c9c73d187a134116af27de99479178b21.Attributes>(attributes: T): ReturnType<(this: {
|
|
16
|
+
attributes?: template_c9c73d187a134116af27de99479178b21.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_c9c73d187a134116af27de99479178b21.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_c9c73d187a134116af27de99479178b21.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_c9c73d187a134116af27de99479178b21.Attributes>, content: (state: {
|
|
35
35
|
holding: boolean;
|
|
36
36
|
complete: boolean;
|
|
37
37
|
}) => Renderable<any>) => Renderable<any>>;
|
|
38
|
-
(attributes:
|
|
38
|
+
(attributes: template_c9c73d187a134116af27de99479178b21.Attributes, content: (state: {
|
|
39
39
|
holding: boolean;
|
|
40
40
|
complete: boolean;
|
|
41
41
|
}) => Renderable<any>): ReturnType<(this: {
|
|
42
|
-
attributes?:
|
|
42
|
+
attributes?: template_c9c73d187a134116af27de99479178b21.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_c9c73d187a134116af27de99479178b21.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_c9c73d187a134116af27de99479178b21.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_c9c73d187a134116af27de99479178b21.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_c9c73d187a134116af27de99479178b21.Attributes>(attributes: T): ReturnType<(this: {
|
|
65
|
+
attributes?: template_c9c73d187a134116af27de99479178b21.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_c9c73d187a134116af27de99479178b21.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_c9c73d187a134116af27de99479178b21.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_c9c73d187a134116af27de99479178b21.Attributes>, content: (state: {
|
|
84
84
|
holding: boolean;
|
|
85
85
|
complete: boolean;
|
|
86
86
|
}) => Renderable<any>) => Renderable<any>>;
|
|
87
|
-
(attributes:
|
|
87
|
+
(attributes: template_c9c73d187a134116af27de99479178b21.Attributes, content: (state: {
|
|
88
88
|
holding: boolean;
|
|
89
89
|
complete: boolean;
|
|
90
90
|
}) => Renderable<any>): ReturnType<(this: {
|
|
91
|
-
attributes?:
|
|
91
|
+
attributes?: template_c9c73d187a134116af27de99479178b21.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_c9c73d187a134116af27de99479178b21.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_c9c73d187a134116af27de99479178b21 from '@esportsplus/template';
|
|
2
|
+
import * as reactivity_c9c73d187a134116af27de99479178b20 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_c9c73d187a134116af27de99479178b215 = template_c9c73d187a134116af27de99479178b21.template(`<div class='button '><!--$--></div>`);
|
|
6
|
+
class ReactiveObject_c9c73d187a134116af27de99479178b213 extends reactivity_c9c73d187a134116af27de99479178b20.ReactiveObject {
|
|
7
|
+
#complete = this[reactivity_c9c73d187a134116af27de99479178b20.SIGNAL](false);
|
|
8
|
+
#holding = this[reactivity_c9c73d187a134116af27de99479178b20.SIGNAL](false);
|
|
9
9
|
constructor() {
|
|
10
10
|
super(null);
|
|
11
11
|
}
|
|
12
12
|
get complete() {
|
|
13
|
-
return
|
|
13
|
+
return reactivity_c9c73d187a134116af27de99479178b20.read(this.#complete);
|
|
14
14
|
}
|
|
15
15
|
set complete(_v0) {
|
|
16
|
-
|
|
16
|
+
reactivity_c9c73d187a134116af27de99479178b20.write(this.#complete, _v0);
|
|
17
17
|
}
|
|
18
18
|
get holding() {
|
|
19
|
-
return
|
|
19
|
+
return reactivity_c9c73d187a134116af27de99479178b20.read(this.#holding);
|
|
20
20
|
}
|
|
21
21
|
set holding(_v1) {
|
|
22
|
-
|
|
22
|
+
reactivity_c9c73d187a134116af27de99479178b20.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_c9c73d187a134116af27de99479178b213();
|
|
31
31
|
return (() => {
|
|
32
|
-
let
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
32
|
+
let root_c9c73d187a134116af27de99479178b214 = template_c9c73d187a134116af27de99479178b215(), element_c9c73d187a134116af27de99479178b216 = root_c9c73d187a134116af27de99479178b214.firstChild, element_c9c73d187a134116af27de99479178b217 = element_c9c73d187a134116af27de99479178b216.firstChild, attributes_c9c73d187a134116af27de99479178b218 = { "class": "button" };
|
|
33
|
+
template_c9c73d187a134116af27de99479178b21.setList(element_c9c73d187a134116af27de99479178b216, 'class', () => state.holding && 'button--holding', attributes_c9c73d187a134116af27de99479178b218);
|
|
34
|
+
template_c9c73d187a134116af27de99479178b21.setList(element_c9c73d187a134116af27de99479178b216, 'class', () => state.complete && '--active', attributes_c9c73d187a134116af27de99479178b218);
|
|
35
|
+
template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b216, 'mousedown', (e) => {
|
|
36
36
|
e.preventDefault();
|
|
37
37
|
state.holding = true;
|
|
38
38
|
});
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b216, attributes, attributes_c9c73d187a134116af27de99479178b218);
|
|
40
|
+
template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b216, 'animationend', (e) => {
|
|
41
41
|
if (e.animationName === 'buttonHolding') {
|
|
42
42
|
state.complete = true;
|
|
43
43
|
}
|
|
44
44
|
});
|
|
45
|
-
|
|
46
|
-
|
|
45
|
+
template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b216, 'click', () => { });
|
|
46
|
+
template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b216, 'mousedown', (e) => {
|
|
47
47
|
e.preventDefault();
|
|
48
48
|
state.holding = true;
|
|
49
49
|
});
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
50
|
+
template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b216, 'mouseup', end);
|
|
51
|
+
template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b216, 'touchend', end);
|
|
52
|
+
template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b216, 'touchstart', (e) => {
|
|
53
53
|
e.preventDefault();
|
|
54
54
|
state.holding = true;
|
|
55
55
|
});
|
|
56
|
-
new
|
|
57
|
-
return
|
|
56
|
+
new template_c9c73d187a134116af27de99479178b21.EffectSlot(element_c9c73d187a134116af27de99479178b217, () => content(state));
|
|
57
|
+
return root_c9c73d187a134116af27de99479178b214;
|
|
58
58
|
})();
|
|
59
59
|
});
|
|
60
60
|
export default { hold };
|