@esportsplus/ui 0.48.0 → 0.48.1
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 +9 -9
- package/build/components/alert/index.js +26 -26
- 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 +15 -15
- package/build/components/checkbox/index.js +14 -14
- package/build/components/clipboard/onclick.js +7 -7
- package/build/components/counter/index.js +20 -20
- 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 +8 -8
- package/build/components/icon/index.d.ts +11 -11
- package/build/components/icon/index.js +6 -6
- package/build/components/input/index.js +11 -11
- package/build/components/loader/index.d.ts +16 -16
- package/build/components/loader/index.js +20 -20
- package/build/components/loading/index.js +5 -5
- package/build/components/range/index.js +13 -13
- package/build/components/scrollbar/index.d.ts +11 -11
- package/build/components/scrollbar/index.js +14 -14
- package/build/components/select/index.js +24 -24
- package/build/components/textarea/index.js +11 -11
- 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 +8 -8
- package/build/components/tooltip/onhover.d.ts +16 -16
- package/build/components/tooltip/onhover.js +9 -9
- package/build/components/typewriter/index.d.ts +11 -11
- package/build/components/typewriter/index.js +8 -8
- package/package.json +2 -2
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_23a4f055a2904f1fa5d72b30cc2abc501 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_23a4f055a2904f1fa5d72b30cc2abc501.Attributes | undefined;
|
|
6
|
+
content?: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>;
|
|
7
|
+
}, attributes: Readonly<template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes>, content: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>) => template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>>;
|
|
8
|
+
<T extends template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes | undefined;
|
|
10
|
+
content?: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>;
|
|
11
|
+
}, attributes: Readonly<template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes>, content: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>) => template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>>;
|
|
12
|
+
<T extends template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>>(content: T): ReturnType<(this: {
|
|
13
|
+
attributes?: template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes | undefined;
|
|
14
|
+
content?: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>;
|
|
15
|
+
}, attributes: Readonly<template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes>, content: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>) => template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>>;
|
|
16
|
+
(attributes: template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes, content: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>): ReturnType<(this: {
|
|
17
|
+
attributes?: template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes | undefined;
|
|
18
|
+
content?: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>;
|
|
19
|
+
}, attributes: Readonly<template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes>, content: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>) => template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
|
|
2
2
|
import { reactive } from '@esportsplus/template';
|
|
3
3
|
import { omit } from '@esportsplus/utilities';
|
|
4
4
|
import template from '../../components/template/index.js';
|
|
5
5
|
import './scss/index.scss';
|
|
6
|
-
const
|
|
6
|
+
const template_23a4f055a2904f1fa5d72b30cc2abc503 = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div><!--$--></div>`);
|
|
7
7
|
const OMIT = ['state'];
|
|
8
8
|
let key = Symbol();
|
|
9
9
|
export default template.factory(function (attributes, content) {
|
|
@@ -11,22 +11,22 @@ export default template.factory(function (attributes, content) {
|
|
|
11
11
|
active: 0
|
|
12
12
|
});
|
|
13
13
|
return (() => {
|
|
14
|
-
let
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
let root_23a4f055a2904f1fa5d72b30cc2abc502 = template_23a4f055a2904f1fa5d72b30cc2abc503(), element_23a4f055a2904f1fa5d72b30cc2abc504 = root_23a4f055a2904f1fa5d72b30cc2abc502.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc505 = element_23a4f055a2904f1fa5d72b30cc2abc504.firstChild;
|
|
15
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc504, omit(attributes, OMIT));
|
|
16
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc504, '', () => {
|
|
17
17
|
return state.active && '--active';
|
|
18
18
|
});
|
|
19
|
-
|
|
19
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.onrender(element_23a4f055a2904f1fa5d72b30cc2abc504, (element) => {
|
|
20
20
|
(ref = element)[key] = state;
|
|
21
21
|
});
|
|
22
|
-
|
|
22
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setStyle(element_23a4f055a2904f1fa5d72b30cc2abc504, '', () => {
|
|
23
23
|
let parent = ref.closest('accordion');
|
|
24
24
|
if (parent && key in parent) {
|
|
25
25
|
parent[key].active = (+parent[key].active) + 1;
|
|
26
26
|
}
|
|
27
27
|
return state.active && `--max-height: ${ref.scrollHeight}`;
|
|
28
28
|
});
|
|
29
|
-
|
|
30
|
-
return
|
|
29
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc505, content);
|
|
30
|
+
return root_23a4f055a2904f1fa5d72b30cc2abc502;
|
|
31
31
|
})();
|
|
32
32
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import '@esportsplus/vite/global.d.ts';
|
|
2
|
-
import * as
|
|
2
|
+
import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
|
|
3
3
|
import { reactive, svg } from '@esportsplus/template';
|
|
4
4
|
import { omit } from '@esportsplus/utilities';
|
|
5
5
|
import { icon } from '@esportsplus/ui';
|
|
@@ -7,10 +7,10 @@ import check from './svg/check.svg';
|
|
|
7
7
|
import close from './svg/close.svg';
|
|
8
8
|
import e from './svg/error.svg';
|
|
9
9
|
import './scss/index.scss';
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
10
|
+
const template_23a4f055a2904f1fa5d72b30cc2abc507 = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div class='--flex-vertical'><!--$--></div>`);
|
|
11
|
+
const template_23a4f055a2904f1fa5d72b30cc2abc50b = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<p><!--$--></p>`);
|
|
12
|
+
const template_23a4f055a2904f1fa5d72b30cc2abc50f = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div class='--flex-start'><!--$--></div>`);
|
|
13
|
+
const template_23a4f055a2904f1fa5d72b30cc2abc50i = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div
|
|
14
14
|
class='alert anchor anchor--n --flex-row'><!--$--><div
|
|
15
15
|
class='alert-messages --flex-column --flex-fill'><!--$--></div><div class="--flex-vertical"><div
|
|
16
16
|
class='alert-close button --padding-300'><div class="icon" style='--size: 14px;'><!--$--></div></div></div></div>`);
|
|
@@ -80,41 +80,41 @@ export default (attributes) => {
|
|
|
80
80
|
};
|
|
81
81
|
return {
|
|
82
82
|
content: (() => {
|
|
83
|
-
let
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
new
|
|
83
|
+
let root_23a4f055a2904f1fa5d72b30cc2abc50h = template_23a4f055a2904f1fa5d72b30cc2abc50i(), element_23a4f055a2904f1fa5d72b30cc2abc50j = root_23a4f055a2904f1fa5d72b30cc2abc50h.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc50k = element_23a4f055a2904f1fa5d72b30cc2abc50j.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc50l = element_23a4f055a2904f1fa5d72b30cc2abc50j.firstElementChild, element_23a4f055a2904f1fa5d72b30cc2abc50m = element_23a4f055a2904f1fa5d72b30cc2abc50l.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc50n = element_23a4f055a2904f1fa5d72b30cc2abc50l.nextElementSibling.firstElementChild, element_23a4f055a2904f1fa5d72b30cc2abc50o = element_23a4f055a2904f1fa5d72b30cc2abc50n.firstElementChild.firstChild;
|
|
84
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc50j, ' --flex-row', () => state.active && '--active');
|
|
85
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc50j, omit(attributes, OMIT));
|
|
86
|
+
new template_23a4f055a2904f1fa5d72b30cc2abc501.EffectSlot(element_23a4f055a2904f1fa5d72b30cc2abc50k, () => {
|
|
87
87
|
let type = state.type;
|
|
88
88
|
return (() => {
|
|
89
|
-
let
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
return
|
|
89
|
+
let root_23a4f055a2904f1fa5d72b30cc2abc506 = template_23a4f055a2904f1fa5d72b30cc2abc507(), element_23a4f055a2904f1fa5d72b30cc2abc508 = root_23a4f055a2904f1fa5d72b30cc2abc506.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc509 = element_23a4f055a2904f1fa5d72b30cc2abc508.firstChild;
|
|
90
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setStyle(element_23a4f055a2904f1fa5d72b30cc2abc508, ';', `--color: var(--color-${modifiers[type]}-400);`);
|
|
91
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc509, icon({ class: '--size-500' }, type === 'error' ? e : check));
|
|
92
|
+
return root_23a4f055a2904f1fa5d72b30cc2abc506;
|
|
93
93
|
})();
|
|
94
94
|
});
|
|
95
|
-
|
|
96
|
-
new
|
|
95
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc50l, attributes['alert-messages']);
|
|
96
|
+
new template_23a4f055a2904f1fa5d72b30cc2abc501.EffectSlot(element_23a4f055a2904f1fa5d72b30cc2abc50m, () => {
|
|
97
97
|
let message = attributes['alert-message'];
|
|
98
98
|
return state.rerender && [...state.messages].map((content) => {
|
|
99
99
|
if (typeof content === 'string') {
|
|
100
100
|
return (() => {
|
|
101
|
-
let
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
return
|
|
101
|
+
let root_23a4f055a2904f1fa5d72b30cc2abc50a = template_23a4f055a2904f1fa5d72b30cc2abc50b(), element_23a4f055a2904f1fa5d72b30cc2abc50c = root_23a4f055a2904f1fa5d72b30cc2abc50a.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc50d = element_23a4f055a2904f1fa5d72b30cc2abc50c.firstChild;
|
|
102
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc50c, message);
|
|
103
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc50d, content);
|
|
104
|
+
return root_23a4f055a2904f1fa5d72b30cc2abc50a;
|
|
105
105
|
})();
|
|
106
106
|
}
|
|
107
107
|
return (() => {
|
|
108
|
-
let
|
|
109
|
-
|
|
110
|
-
return
|
|
108
|
+
let root_23a4f055a2904f1fa5d72b30cc2abc50e = template_23a4f055a2904f1fa5d72b30cc2abc50f(), element_23a4f055a2904f1fa5d72b30cc2abc50g = root_23a4f055a2904f1fa5d72b30cc2abc50e.firstChild.firstChild;
|
|
109
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc50g, content);
|
|
110
|
+
return root_23a4f055a2904f1fa5d72b30cc2abc50e;
|
|
111
111
|
})();
|
|
112
112
|
});
|
|
113
113
|
});
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
return
|
|
114
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc50n, 'click', () => deactivate(state));
|
|
115
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc50n, attributes['alert-close']);
|
|
116
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc50o, svg.sprite(close));
|
|
117
|
+
return root_23a4f055a2904f1fa5d72b30cc2abc50h;
|
|
118
118
|
})(),
|
|
119
119
|
deactivate: () => deactivate(state),
|
|
120
120
|
error,
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_23a4f055a2904f1fa5d72b30cc2abc501 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_23a4f055a2904f1fa5d72b30cc2abc501.Attributes>, content: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>) => template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>>;
|
|
8
|
+
<T extends template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
9
|
attributes?: Attributes;
|
|
10
|
-
}, attributes: Readonly<
|
|
11
|
-
<T extends
|
|
10
|
+
}, attributes: Readonly<template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes>, content: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>) => template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>>;
|
|
11
|
+
<T extends template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>>(content: T): ReturnType<(this: {
|
|
12
12
|
attributes?: Attributes;
|
|
13
|
-
}, attributes: Readonly<
|
|
14
|
-
(attributes:
|
|
13
|
+
}, attributes: Readonly<template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes>, content: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>) => template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>>;
|
|
14
|
+
(attributes: template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes, content: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>): ReturnType<(this: {
|
|
15
15
|
attributes?: Attributes;
|
|
16
|
-
}, attributes: Readonly<
|
|
16
|
+
}, attributes: Readonly<template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes>, content: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>) => template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>>;
|
|
17
17
|
};
|
|
18
18
|
export default _default;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_23a4f055a2904f1fa5d72b30cc2abc501 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_23a4f055a2904f1fa5d72b30cc2abc50q = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<a
|
|
7
7
|
class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
|
|
8
8
|
export default template.factory(function (attributes, content) {
|
|
9
9
|
return (() => {
|
|
10
|
-
let
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
return
|
|
10
|
+
let root_23a4f055a2904f1fa5d72b30cc2abc50p = template_23a4f055a2904f1fa5d72b30cc2abc50q(), element_23a4f055a2904f1fa5d72b30cc2abc50r = root_23a4f055a2904f1fa5d72b30cc2abc50p.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc50s = element_23a4f055a2904f1fa5d72b30cc2abc50r.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc50t = element_23a4f055a2904f1fa5d72b30cc2abc50s.nextSibling;
|
|
11
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc50r, this.attributes);
|
|
12
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc50r, attributes);
|
|
13
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc50s, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
|
|
14
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc50t, content);
|
|
15
|
+
return root_23a4f055a2904f1fa5d72b30cc2abc50p;
|
|
16
16
|
})();
|
|
17
17
|
});
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_23a4f055a2904f1fa5d72b30cc2abc501 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_23a4f055a2904f1fa5d72b30cc2abc501.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_23a4f055a2904f1fa5d72b30cc2abc501.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_23a4f055a2904f1fa5d72b30cc2abc501.Attributes>(attributes: T): ReturnType<(this: {
|
|
16
|
+
attributes?: template_23a4f055a2904f1fa5d72b30cc2abc501.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_23a4f055a2904f1fa5d72b30cc2abc501.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_23a4f055a2904f1fa5d72b30cc2abc501.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_23a4f055a2904f1fa5d72b30cc2abc501.Attributes>, content: (state: {
|
|
35
35
|
holding: boolean;
|
|
36
36
|
complete: boolean;
|
|
37
37
|
}) => Renderable<any>) => Renderable<any>>;
|
|
38
|
-
(attributes:
|
|
38
|
+
(attributes: template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes, content: (state: {
|
|
39
39
|
holding: boolean;
|
|
40
40
|
complete: boolean;
|
|
41
41
|
}) => Renderable<any>): ReturnType<(this: {
|
|
42
|
-
attributes?:
|
|
42
|
+
attributes?: template_23a4f055a2904f1fa5d72b30cc2abc501.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_23a4f055a2904f1fa5d72b30cc2abc501.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_23a4f055a2904f1fa5d72b30cc2abc501.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_23a4f055a2904f1fa5d72b30cc2abc501.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_23a4f055a2904f1fa5d72b30cc2abc501.Attributes>(attributes: T): ReturnType<(this: {
|
|
65
|
+
attributes?: template_23a4f055a2904f1fa5d72b30cc2abc501.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_23a4f055a2904f1fa5d72b30cc2abc501.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_23a4f055a2904f1fa5d72b30cc2abc501.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_23a4f055a2904f1fa5d72b30cc2abc501.Attributes>, content: (state: {
|
|
84
84
|
holding: boolean;
|
|
85
85
|
complete: boolean;
|
|
86
86
|
}) => Renderable<any>) => Renderable<any>>;
|
|
87
|
-
(attributes:
|
|
87
|
+
(attributes: template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes, content: (state: {
|
|
88
88
|
holding: boolean;
|
|
89
89
|
complete: boolean;
|
|
90
90
|
}) => Renderable<any>): ReturnType<(this: {
|
|
91
|
-
attributes?:
|
|
91
|
+
attributes?: template_23a4f055a2904f1fa5d72b30cc2abc501.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_23a4f055a2904f1fa5d72b30cc2abc501.Attributes>, content: (state: {
|
|
97
97
|
holding: boolean;
|
|
98
98
|
complete: boolean;
|
|
99
99
|
}) => Renderable<any>) => Renderable<any>>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
|
|
2
2
|
import { reactive } from '@esportsplus/template';
|
|
3
3
|
import template from '../template/index.js';
|
|
4
4
|
import './scss/index.scss';
|
|
5
|
-
const
|
|
5
|
+
const template_23a4f055a2904f1fa5d72b30cc2abc50v = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div
|
|
6
6
|
class='button '><!--$--></div>`);
|
|
7
7
|
const hold = template.factory(function (attributes, content) {
|
|
8
8
|
let end = () => {
|
|
@@ -14,32 +14,32 @@ const hold = template.factory(function (attributes, content) {
|
|
|
14
14
|
holding: false
|
|
15
15
|
});
|
|
16
16
|
return (() => {
|
|
17
|
-
let
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
let root_23a4f055a2904f1fa5d72b30cc2abc50u = template_23a4f055a2904f1fa5d72b30cc2abc50v(), element_23a4f055a2904f1fa5d72b30cc2abc50w = root_23a4f055a2904f1fa5d72b30cc2abc50u.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc50x = element_23a4f055a2904f1fa5d72b30cc2abc50w.firstChild;
|
|
18
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc50w, ' ', () => state.holding && 'button--holding');
|
|
19
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc50w, ' ', () => state.complete && '--active');
|
|
20
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc50w, 'mousedown', (e) => {
|
|
21
21
|
e.preventDefault();
|
|
22
22
|
state.holding = true;
|
|
23
23
|
});
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc50w, attributes);
|
|
25
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc50w, 'animationend', (e) => {
|
|
26
26
|
if (e.animationName === 'buttonHolding') {
|
|
27
27
|
state.complete = true;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc50w, 'click', () => { });
|
|
31
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc50w, 'mousedown', (e) => {
|
|
32
32
|
e.preventDefault();
|
|
33
33
|
state.holding = true;
|
|
34
34
|
});
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
35
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc50w, 'mouseup', end);
|
|
36
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc50w, 'touchend', end);
|
|
37
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc50w, 'touchstart', (e) => {
|
|
38
38
|
e.preventDefault();
|
|
39
39
|
state.holding = true;
|
|
40
40
|
});
|
|
41
|
-
new
|
|
42
|
-
return
|
|
41
|
+
new template_23a4f055a2904f1fa5d72b30cc2abc501.EffectSlot(element_23a4f055a2904f1fa5d72b30cc2abc50x, () => content(state));
|
|
42
|
+
return root_23a4f055a2904f1fa5d72b30cc2abc50u;
|
|
43
43
|
})();
|
|
44
44
|
});
|
|
45
45
|
export default { hold };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
|
|
2
2
|
import { reactive, root } from '@esportsplus/template';
|
|
3
3
|
import { omit } from '@esportsplus/utilities';
|
|
4
4
|
import form from '../../components/form/index.js';
|
|
5
5
|
import './scss/index.scss';
|
|
6
|
-
const
|
|
6
|
+
const template_23a4f055a2904f1fa5d72b30cc2abc50z = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div><input></div>`);
|
|
7
7
|
const OMIT = ['checked', 'value'];
|
|
8
8
|
const factory = (type) => {
|
|
9
9
|
function template(attributes) {
|
|
@@ -15,20 +15,20 @@ const factory = (type) => {
|
|
|
15
15
|
state.active = true;
|
|
16
16
|
}
|
|
17
17
|
return (() => {
|
|
18
|
-
let
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
18
|
+
let root_23a4f055a2904f1fa5d72b30cc2abc50y = template_23a4f055a2904f1fa5d72b30cc2abc50z(), element_23a4f055a2904f1fa5d72b30cc2abc5010 = root_23a4f055a2904f1fa5d72b30cc2abc50y.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc5011 = element_23a4f055a2904f1fa5d72b30cc2abc5010.firstElementChild;
|
|
19
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc5010, ' ', type);
|
|
20
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc5010, ' ', () => state.active && '--active');
|
|
21
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc5010, this?.attributes && omit(this.attributes, OMIT));
|
|
22
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc5010, attributes && omit(attributes, OMIT));
|
|
23
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setProperty(element_23a4f055a2904f1fa5d72b30cc2abc5011, 'checked', attributes?.checked || root(() => state.active));
|
|
24
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc5011, '', `${type}-tag`);
|
|
25
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc5011, 'change', (e) => {
|
|
26
26
|
state.active = e.target.checked;
|
|
27
27
|
});
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
return
|
|
28
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.onrender(element_23a4f055a2904f1fa5d72b30cc2abc5011, form.input.onrender(state));
|
|
29
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setProperty(element_23a4f055a2904f1fa5d72b30cc2abc5011, 'type', type === 'radio' ? 'radio' : 'checkbox');
|
|
30
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setProperty(element_23a4f055a2904f1fa5d72b30cc2abc5011, 'value', attributes?.value || 1);
|
|
31
|
+
return root_23a4f055a2904f1fa5d72b30cc2abc50y;
|
|
32
32
|
})();
|
|
33
33
|
}
|
|
34
34
|
return template;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
|
|
2
2
|
import { reactive } from '@esportsplus/template';
|
|
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
|
|
6
|
+
const template_23a4f055a2904f1fa5d72b30cc2abc5013 = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div><!--$--></div>`);
|
|
7
7
|
const OMIT = ['timeout', 'value'];
|
|
8
8
|
export default template.factory(function (attributes, content) {
|
|
9
9
|
let state = reactive({
|
|
10
10
|
copied: false
|
|
11
11
|
}), timeout = attributes.timeout || 1000 * 2;
|
|
12
12
|
return (() => {
|
|
13
|
-
let
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
let root_23a4f055a2904f1fa5d72b30cc2abc5012 = template_23a4f055a2904f1fa5d72b30cc2abc5013(), element_23a4f055a2904f1fa5d72b30cc2abc5014 = root_23a4f055a2904f1fa5d72b30cc2abc5012.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc5015 = element_23a4f055a2904f1fa5d72b30cc2abc5014.firstChild;
|
|
14
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc5014, omit(attributes, OMIT));
|
|
15
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc5014, 'click', (e) => {
|
|
16
16
|
e.preventDefault();
|
|
17
17
|
e.stopPropagation();
|
|
18
18
|
write(attributes.value).then(() => {
|
|
@@ -22,7 +22,7 @@ export default template.factory(function (attributes, content) {
|
|
|
22
22
|
}, timeout);
|
|
23
23
|
});
|
|
24
24
|
});
|
|
25
|
-
new
|
|
26
|
-
return
|
|
25
|
+
new template_23a4f055a2904f1fa5d72b30cc2abc501.EffectSlot(element_23a4f055a2904f1fa5d72b30cc2abc5015, () => content(state));
|
|
26
|
+
return root_23a4f055a2904f1fa5d72b30cc2abc5012;
|
|
27
27
|
})();
|
|
28
28
|
});
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
|
|
2
2
|
import { effect, reactive } from '@esportsplus/template';
|
|
3
3
|
import { omit } from '@esportsplus/utilities';
|
|
4
4
|
import './scss/index.scss';
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
5
|
+
const template_23a4f055a2904f1fa5d72b30cc2abc5017 = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
|
|
6
|
+
const template_23a4f055a2904f1fa5d72b30cc2abc501a = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<span><!--$--></span>`);
|
|
7
|
+
const template_23a4f055a2904f1fa5d72b30cc2abc501d = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
|
|
8
|
+
const template_23a4f055a2904f1fa5d72b30cc2abc501h = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div class='counter'><!--$--></div>`);
|
|
9
9
|
const OMIT = ['currency', 'decimals', 'delay', 'max', 'state', 'suffix', 'value'];
|
|
10
10
|
let formatters = {};
|
|
11
11
|
export default (attributes) => {
|
|
@@ -53,33 +53,33 @@ export default (attributes) => {
|
|
|
53
53
|
}
|
|
54
54
|
});
|
|
55
55
|
return (() => {
|
|
56
|
-
let
|
|
57
|
-
|
|
58
|
-
new
|
|
56
|
+
let root_23a4f055a2904f1fa5d72b30cc2abc501g = template_23a4f055a2904f1fa5d72b30cc2abc501h(), element_23a4f055a2904f1fa5d72b30cc2abc501i = root_23a4f055a2904f1fa5d72b30cc2abc501g.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc501j = element_23a4f055a2904f1fa5d72b30cc2abc501i.firstChild;
|
|
57
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc501i, omit(attributes, OMIT));
|
|
58
|
+
new template_23a4f055a2904f1fa5d72b30cc2abc501.EffectSlot(element_23a4f055a2904f1fa5d72b30cc2abc501j, () => {
|
|
59
59
|
let n = state.length;
|
|
60
60
|
if (n === 0) {
|
|
61
61
|
return '';
|
|
62
62
|
}
|
|
63
|
-
return new
|
|
63
|
+
return new template_23a4f055a2904f1fa5d72b30cc2abc501.ArraySlot(render, function (value) {
|
|
64
64
|
if (isNaN(parseInt(value, 10))) {
|
|
65
65
|
return (() => {
|
|
66
|
-
let
|
|
67
|
-
|
|
68
|
-
return
|
|
66
|
+
let root_23a4f055a2904f1fa5d72b30cc2abc5016 = template_23a4f055a2904f1fa5d72b30cc2abc5017(), element_23a4f055a2904f1fa5d72b30cc2abc5018 = root_23a4f055a2904f1fa5d72b30cc2abc5016.firstChild.firstChild;
|
|
67
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc5018, value);
|
|
68
|
+
return root_23a4f055a2904f1fa5d72b30cc2abc5016;
|
|
69
69
|
})();
|
|
70
70
|
}
|
|
71
71
|
return (() => {
|
|
72
|
-
let
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
let
|
|
76
|
-
|
|
77
|
-
return
|
|
72
|
+
let root_23a4f055a2904f1fa5d72b30cc2abc501c = template_23a4f055a2904f1fa5d72b30cc2abc501d(), element_23a4f055a2904f1fa5d72b30cc2abc501e = root_23a4f055a2904f1fa5d72b30cc2abc501c.firstChild.firstElementChild, element_23a4f055a2904f1fa5d72b30cc2abc501f = element_23a4f055a2904f1fa5d72b30cc2abc501e.firstChild.nextSibling;
|
|
73
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setStyle(element_23a4f055a2904f1fa5d72b30cc2abc501e, ';', `--value: ${value}`);
|
|
74
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc501f, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
|
|
75
|
+
let root_23a4f055a2904f1fa5d72b30cc2abc5019 = template_23a4f055a2904f1fa5d72b30cc2abc501a(), element_23a4f055a2904f1fa5d72b30cc2abc501b = root_23a4f055a2904f1fa5d72b30cc2abc5019.firstChild.firstChild;
|
|
76
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc501b, value);
|
|
77
|
+
return root_23a4f055a2904f1fa5d72b30cc2abc5019;
|
|
78
78
|
}));
|
|
79
|
-
return
|
|
79
|
+
return root_23a4f055a2904f1fa5d72b30cc2abc501c;
|
|
80
80
|
})();
|
|
81
81
|
});
|
|
82
82
|
});
|
|
83
|
-
return
|
|
83
|
+
return root_23a4f055a2904f1fa5d72b30cc2abc501g;
|
|
84
84
|
})();
|
|
85
85
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
|
-
const
|
|
3
|
+
const template_23a4f055a2904f1fa5d72b30cc2abc501l = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
|
|
4
4
|
export default (attributes) => {
|
|
5
|
-
let
|
|
6
|
-
|
|
7
|
-
return
|
|
5
|
+
let root_23a4f055a2904f1fa5d72b30cc2abc501k = template_23a4f055a2904f1fa5d72b30cc2abc501l(), element_23a4f055a2904f1fa5d72b30cc2abc501m = root_23a4f055a2904f1fa5d72b30cc2abc501k.firstChild;
|
|
6
|
+
template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc501m, attributes);
|
|
7
|
+
return root_23a4f055a2904f1fa5d72b30cc2abc501k;
|
|
8
8
|
};
|