@esportsplus/ui 0.48.1 → 0.48.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/accordion/index.d.ts +16 -16
- package/build/components/accordion/index.js +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_e90343e05b274f9c8b2074a07cff2a541 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_e90343e05b274f9c8b2074a07cff2a541.Attributes | undefined;
|
|
6
|
+
content?: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>;
|
|
7
|
+
}, attributes: Readonly<template_e90343e05b274f9c8b2074a07cff2a541.Attributes>, content: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>) => template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>>;
|
|
8
|
+
<T extends template_e90343e05b274f9c8b2074a07cff2a541.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_e90343e05b274f9c8b2074a07cff2a541.Attributes | undefined;
|
|
10
|
+
content?: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>;
|
|
11
|
+
}, attributes: Readonly<template_e90343e05b274f9c8b2074a07cff2a541.Attributes>, content: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>) => template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>>;
|
|
12
|
+
<T extends template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>>(content: T): ReturnType<(this: {
|
|
13
|
+
attributes?: template_e90343e05b274f9c8b2074a07cff2a541.Attributes | undefined;
|
|
14
|
+
content?: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>;
|
|
15
|
+
}, attributes: Readonly<template_e90343e05b274f9c8b2074a07cff2a541.Attributes>, content: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>) => template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>>;
|
|
16
|
+
(attributes: template_e90343e05b274f9c8b2074a07cff2a541.Attributes, content: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>): ReturnType<(this: {
|
|
17
|
+
attributes?: template_e90343e05b274f9c8b2074a07cff2a541.Attributes | undefined;
|
|
18
|
+
content?: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>;
|
|
19
|
+
}, attributes: Readonly<template_e90343e05b274f9c8b2074a07cff2a541.Attributes>, content: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>) => template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_e90343e05b274f9c8b2074a07cff2a541 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_e90343e05b274f9c8b2074a07cff2a543 = template_e90343e05b274f9c8b2074a07cff2a541.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_e90343e05b274f9c8b2074a07cff2a542 = template_e90343e05b274f9c8b2074a07cff2a543(), element_e90343e05b274f9c8b2074a07cff2a544 = root_e90343e05b274f9c8b2074a07cff2a542.firstChild, element_e90343e05b274f9c8b2074a07cff2a545 = element_e90343e05b274f9c8b2074a07cff2a544.firstChild;
|
|
15
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a544, omit(attributes, OMIT));
|
|
16
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setClass(element_e90343e05b274f9c8b2074a07cff2a544, '', () => {
|
|
17
17
|
return state.active && '--active';
|
|
18
18
|
});
|
|
19
|
-
|
|
19
|
+
template_e90343e05b274f9c8b2074a07cff2a541.onrender(element_e90343e05b274f9c8b2074a07cff2a544, (element) => {
|
|
20
20
|
(ref = element)[key] = state;
|
|
21
21
|
});
|
|
22
|
-
|
|
22
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setStyle(element_e90343e05b274f9c8b2074a07cff2a544, '', () => {
|
|
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_e90343e05b274f9c8b2074a07cff2a541.slot(element_e90343e05b274f9c8b2074a07cff2a545, content);
|
|
30
|
+
return root_e90343e05b274f9c8b2074a07cff2a542;
|
|
31
31
|
})();
|
|
32
32
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import '@esportsplus/vite/global.d.ts';
|
|
2
|
-
import * as
|
|
2
|
+
import * as template_e90343e05b274f9c8b2074a07cff2a541 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_e90343e05b274f9c8b2074a07cff2a547 = template_e90343e05b274f9c8b2074a07cff2a541.template(`<div class='--flex-vertical'><!--$--></div>`);
|
|
11
|
+
const template_e90343e05b274f9c8b2074a07cff2a54b = template_e90343e05b274f9c8b2074a07cff2a541.template(`<p><!--$--></p>`);
|
|
12
|
+
const template_e90343e05b274f9c8b2074a07cff2a54f = template_e90343e05b274f9c8b2074a07cff2a541.template(`<div class='--flex-start'><!--$--></div>`);
|
|
13
|
+
const template_e90343e05b274f9c8b2074a07cff2a54i = template_e90343e05b274f9c8b2074a07cff2a541.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_e90343e05b274f9c8b2074a07cff2a54h = template_e90343e05b274f9c8b2074a07cff2a54i(), element_e90343e05b274f9c8b2074a07cff2a54j = root_e90343e05b274f9c8b2074a07cff2a54h.firstChild, element_e90343e05b274f9c8b2074a07cff2a54k = element_e90343e05b274f9c8b2074a07cff2a54j.firstChild, element_e90343e05b274f9c8b2074a07cff2a54l = element_e90343e05b274f9c8b2074a07cff2a54j.firstElementChild, element_e90343e05b274f9c8b2074a07cff2a54m = element_e90343e05b274f9c8b2074a07cff2a54l.firstChild, element_e90343e05b274f9c8b2074a07cff2a54n = element_e90343e05b274f9c8b2074a07cff2a54l.nextElementSibling.firstElementChild, element_e90343e05b274f9c8b2074a07cff2a54o = element_e90343e05b274f9c8b2074a07cff2a54n.firstElementChild.firstChild;
|
|
84
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setClass(element_e90343e05b274f9c8b2074a07cff2a54j, ' --flex-row', () => state.active && '--active');
|
|
85
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a54j, omit(attributes, OMIT));
|
|
86
|
+
new template_e90343e05b274f9c8b2074a07cff2a541.EffectSlot(element_e90343e05b274f9c8b2074a07cff2a54k, () => {
|
|
87
87
|
let type = state.type;
|
|
88
88
|
return (() => {
|
|
89
|
-
let
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
return
|
|
89
|
+
let root_e90343e05b274f9c8b2074a07cff2a546 = template_e90343e05b274f9c8b2074a07cff2a547(), element_e90343e05b274f9c8b2074a07cff2a548 = root_e90343e05b274f9c8b2074a07cff2a546.firstChild, element_e90343e05b274f9c8b2074a07cff2a549 = element_e90343e05b274f9c8b2074a07cff2a548.firstChild;
|
|
90
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setStyle(element_e90343e05b274f9c8b2074a07cff2a548, ';', `--color: var(--color-${modifiers[type]}-400);`);
|
|
91
|
+
template_e90343e05b274f9c8b2074a07cff2a541.slot(element_e90343e05b274f9c8b2074a07cff2a549, icon({ class: '--size-500' }, type === 'error' ? e : check));
|
|
92
|
+
return root_e90343e05b274f9c8b2074a07cff2a546;
|
|
93
93
|
})();
|
|
94
94
|
});
|
|
95
|
-
|
|
96
|
-
new
|
|
95
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a54l, attributes['alert-messages']);
|
|
96
|
+
new template_e90343e05b274f9c8b2074a07cff2a541.EffectSlot(element_e90343e05b274f9c8b2074a07cff2a54m, () => {
|
|
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_e90343e05b274f9c8b2074a07cff2a54a = template_e90343e05b274f9c8b2074a07cff2a54b(), element_e90343e05b274f9c8b2074a07cff2a54c = root_e90343e05b274f9c8b2074a07cff2a54a.firstChild, element_e90343e05b274f9c8b2074a07cff2a54d = element_e90343e05b274f9c8b2074a07cff2a54c.firstChild;
|
|
102
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a54c, message);
|
|
103
|
+
template_e90343e05b274f9c8b2074a07cff2a541.slot(element_e90343e05b274f9c8b2074a07cff2a54d, content);
|
|
104
|
+
return root_e90343e05b274f9c8b2074a07cff2a54a;
|
|
105
105
|
})();
|
|
106
106
|
}
|
|
107
107
|
return (() => {
|
|
108
|
-
let
|
|
109
|
-
|
|
110
|
-
return
|
|
108
|
+
let root_e90343e05b274f9c8b2074a07cff2a54e = template_e90343e05b274f9c8b2074a07cff2a54f(), element_e90343e05b274f9c8b2074a07cff2a54g = root_e90343e05b274f9c8b2074a07cff2a54e.firstChild.firstChild;
|
|
109
|
+
template_e90343e05b274f9c8b2074a07cff2a541.slot(element_e90343e05b274f9c8b2074a07cff2a54g, content);
|
|
110
|
+
return root_e90343e05b274f9c8b2074a07cff2a54e;
|
|
111
111
|
})();
|
|
112
112
|
});
|
|
113
113
|
});
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
return
|
|
114
|
+
template_e90343e05b274f9c8b2074a07cff2a541.delegate(element_e90343e05b274f9c8b2074a07cff2a54n, 'click', () => deactivate(state));
|
|
115
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a54n, attributes['alert-close']);
|
|
116
|
+
template_e90343e05b274f9c8b2074a07cff2a541.slot(element_e90343e05b274f9c8b2074a07cff2a54o, svg.sprite(close));
|
|
117
|
+
return root_e90343e05b274f9c8b2074a07cff2a54h;
|
|
118
118
|
})(),
|
|
119
119
|
deactivate: () => deactivate(state),
|
|
120
120
|
error,
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_e90343e05b274f9c8b2074a07cff2a541 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_e90343e05b274f9c8b2074a07cff2a541.Attributes>, content: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>) => template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>>;
|
|
8
|
+
<T extends template_e90343e05b274f9c8b2074a07cff2a541.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
9
|
attributes?: Attributes;
|
|
10
|
-
}, attributes: Readonly<
|
|
11
|
-
<T extends
|
|
10
|
+
}, attributes: Readonly<template_e90343e05b274f9c8b2074a07cff2a541.Attributes>, content: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>) => template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>>;
|
|
11
|
+
<T extends template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>>(content: T): ReturnType<(this: {
|
|
12
12
|
attributes?: Attributes;
|
|
13
|
-
}, attributes: Readonly<
|
|
14
|
-
(attributes:
|
|
13
|
+
}, attributes: Readonly<template_e90343e05b274f9c8b2074a07cff2a541.Attributes>, content: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>) => template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>>;
|
|
14
|
+
(attributes: template_e90343e05b274f9c8b2074a07cff2a541.Attributes, content: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>): ReturnType<(this: {
|
|
15
15
|
attributes?: Attributes;
|
|
16
|
-
}, attributes: Readonly<
|
|
16
|
+
}, attributes: Readonly<template_e90343e05b274f9c8b2074a07cff2a541.Attributes>, content: template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>) => template_e90343e05b274f9c8b2074a07cff2a541.Renderable<any>>;
|
|
17
17
|
};
|
|
18
18
|
export default _default;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_e90343e05b274f9c8b2074a07cff2a541 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_e90343e05b274f9c8b2074a07cff2a54q = template_e90343e05b274f9c8b2074a07cff2a541.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_e90343e05b274f9c8b2074a07cff2a54p = template_e90343e05b274f9c8b2074a07cff2a54q(), element_e90343e05b274f9c8b2074a07cff2a54r = root_e90343e05b274f9c8b2074a07cff2a54p.firstChild, element_e90343e05b274f9c8b2074a07cff2a54s = element_e90343e05b274f9c8b2074a07cff2a54r.firstChild, element_e90343e05b274f9c8b2074a07cff2a54t = element_e90343e05b274f9c8b2074a07cff2a54s.nextSibling;
|
|
11
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a54r, this.attributes);
|
|
12
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a54r, attributes);
|
|
13
|
+
template_e90343e05b274f9c8b2074a07cff2a541.slot(element_e90343e05b274f9c8b2074a07cff2a54s, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
|
|
14
|
+
template_e90343e05b274f9c8b2074a07cff2a541.slot(element_e90343e05b274f9c8b2074a07cff2a54t, content);
|
|
15
|
+
return root_e90343e05b274f9c8b2074a07cff2a54p;
|
|
16
16
|
})();
|
|
17
17
|
});
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_e90343e05b274f9c8b2074a07cff2a541 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_e90343e05b274f9c8b2074a07cff2a541.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_e90343e05b274f9c8b2074a07cff2a541.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_e90343e05b274f9c8b2074a07cff2a541.Attributes>(attributes: T): ReturnType<(this: {
|
|
16
|
+
attributes?: template_e90343e05b274f9c8b2074a07cff2a541.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_e90343e05b274f9c8b2074a07cff2a541.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_e90343e05b274f9c8b2074a07cff2a541.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_e90343e05b274f9c8b2074a07cff2a541.Attributes>, content: (state: {
|
|
35
35
|
holding: boolean;
|
|
36
36
|
complete: boolean;
|
|
37
37
|
}) => Renderable<any>) => Renderable<any>>;
|
|
38
|
-
(attributes:
|
|
38
|
+
(attributes: template_e90343e05b274f9c8b2074a07cff2a541.Attributes, content: (state: {
|
|
39
39
|
holding: boolean;
|
|
40
40
|
complete: boolean;
|
|
41
41
|
}) => Renderable<any>): ReturnType<(this: {
|
|
42
|
-
attributes?:
|
|
42
|
+
attributes?: template_e90343e05b274f9c8b2074a07cff2a541.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_e90343e05b274f9c8b2074a07cff2a541.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_e90343e05b274f9c8b2074a07cff2a541.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_e90343e05b274f9c8b2074a07cff2a541.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_e90343e05b274f9c8b2074a07cff2a541.Attributes>(attributes: T): ReturnType<(this: {
|
|
65
|
+
attributes?: template_e90343e05b274f9c8b2074a07cff2a541.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_e90343e05b274f9c8b2074a07cff2a541.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_e90343e05b274f9c8b2074a07cff2a541.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_e90343e05b274f9c8b2074a07cff2a541.Attributes>, content: (state: {
|
|
84
84
|
holding: boolean;
|
|
85
85
|
complete: boolean;
|
|
86
86
|
}) => Renderable<any>) => Renderable<any>>;
|
|
87
|
-
(attributes:
|
|
87
|
+
(attributes: template_e90343e05b274f9c8b2074a07cff2a541.Attributes, content: (state: {
|
|
88
88
|
holding: boolean;
|
|
89
89
|
complete: boolean;
|
|
90
90
|
}) => Renderable<any>): ReturnType<(this: {
|
|
91
|
-
attributes?:
|
|
91
|
+
attributes?: template_e90343e05b274f9c8b2074a07cff2a541.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_e90343e05b274f9c8b2074a07cff2a541.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_e90343e05b274f9c8b2074a07cff2a541 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_e90343e05b274f9c8b2074a07cff2a54v = template_e90343e05b274f9c8b2074a07cff2a541.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_e90343e05b274f9c8b2074a07cff2a54u = template_e90343e05b274f9c8b2074a07cff2a54v(), element_e90343e05b274f9c8b2074a07cff2a54w = root_e90343e05b274f9c8b2074a07cff2a54u.firstChild, element_e90343e05b274f9c8b2074a07cff2a54x = element_e90343e05b274f9c8b2074a07cff2a54w.firstChild;
|
|
18
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setClass(element_e90343e05b274f9c8b2074a07cff2a54w, ' ', () => state.holding && 'button--holding');
|
|
19
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setClass(element_e90343e05b274f9c8b2074a07cff2a54w, ' ', () => state.complete && '--active');
|
|
20
|
+
template_e90343e05b274f9c8b2074a07cff2a541.delegate(element_e90343e05b274f9c8b2074a07cff2a54w, 'mousedown', (e) => {
|
|
21
21
|
e.preventDefault();
|
|
22
22
|
state.holding = true;
|
|
23
23
|
});
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a54w, attributes);
|
|
25
|
+
template_e90343e05b274f9c8b2074a07cff2a541.delegate(element_e90343e05b274f9c8b2074a07cff2a54w, 'animationend', (e) => {
|
|
26
26
|
if (e.animationName === 'buttonHolding') {
|
|
27
27
|
state.complete = true;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
template_e90343e05b274f9c8b2074a07cff2a541.delegate(element_e90343e05b274f9c8b2074a07cff2a54w, 'click', () => { });
|
|
31
|
+
template_e90343e05b274f9c8b2074a07cff2a541.delegate(element_e90343e05b274f9c8b2074a07cff2a54w, 'mousedown', (e) => {
|
|
32
32
|
e.preventDefault();
|
|
33
33
|
state.holding = true;
|
|
34
34
|
});
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
35
|
+
template_e90343e05b274f9c8b2074a07cff2a541.delegate(element_e90343e05b274f9c8b2074a07cff2a54w, 'mouseup', end);
|
|
36
|
+
template_e90343e05b274f9c8b2074a07cff2a541.delegate(element_e90343e05b274f9c8b2074a07cff2a54w, 'touchend', end);
|
|
37
|
+
template_e90343e05b274f9c8b2074a07cff2a541.delegate(element_e90343e05b274f9c8b2074a07cff2a54w, 'touchstart', (e) => {
|
|
38
38
|
e.preventDefault();
|
|
39
39
|
state.holding = true;
|
|
40
40
|
});
|
|
41
|
-
new
|
|
42
|
-
return
|
|
41
|
+
new template_e90343e05b274f9c8b2074a07cff2a541.EffectSlot(element_e90343e05b274f9c8b2074a07cff2a54x, () => content(state));
|
|
42
|
+
return root_e90343e05b274f9c8b2074a07cff2a54u;
|
|
43
43
|
})();
|
|
44
44
|
});
|
|
45
45
|
export default { hold };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_e90343e05b274f9c8b2074a07cff2a541 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_e90343e05b274f9c8b2074a07cff2a54z = template_e90343e05b274f9c8b2074a07cff2a541.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_e90343e05b274f9c8b2074a07cff2a54y = template_e90343e05b274f9c8b2074a07cff2a54z(), element_e90343e05b274f9c8b2074a07cff2a5410 = root_e90343e05b274f9c8b2074a07cff2a54y.firstChild, element_e90343e05b274f9c8b2074a07cff2a5411 = element_e90343e05b274f9c8b2074a07cff2a5410.firstElementChild;
|
|
19
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setClass(element_e90343e05b274f9c8b2074a07cff2a5410, ' ', type);
|
|
20
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setClass(element_e90343e05b274f9c8b2074a07cff2a5410, ' ', () => state.active && '--active');
|
|
21
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a5410, this?.attributes && omit(this.attributes, OMIT));
|
|
22
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a5410, attributes && omit(attributes, OMIT));
|
|
23
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setProperty(element_e90343e05b274f9c8b2074a07cff2a5411, 'checked', attributes?.checked || root(() => state.active));
|
|
24
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setClass(element_e90343e05b274f9c8b2074a07cff2a5411, '', `${type}-tag`);
|
|
25
|
+
template_e90343e05b274f9c8b2074a07cff2a541.delegate(element_e90343e05b274f9c8b2074a07cff2a5411, 'change', (e) => {
|
|
26
26
|
state.active = e.target.checked;
|
|
27
27
|
});
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
return
|
|
28
|
+
template_e90343e05b274f9c8b2074a07cff2a541.onrender(element_e90343e05b274f9c8b2074a07cff2a5411, form.input.onrender(state));
|
|
29
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setProperty(element_e90343e05b274f9c8b2074a07cff2a5411, 'type', type === 'radio' ? 'radio' : 'checkbox');
|
|
30
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setProperty(element_e90343e05b274f9c8b2074a07cff2a5411, 'value', attributes?.value || 1);
|
|
31
|
+
return root_e90343e05b274f9c8b2074a07cff2a54y;
|
|
32
32
|
})();
|
|
33
33
|
}
|
|
34
34
|
return template;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_e90343e05b274f9c8b2074a07cff2a541 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_e90343e05b274f9c8b2074a07cff2a5413 = template_e90343e05b274f9c8b2074a07cff2a541.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_e90343e05b274f9c8b2074a07cff2a5412 = template_e90343e05b274f9c8b2074a07cff2a5413(), element_e90343e05b274f9c8b2074a07cff2a5414 = root_e90343e05b274f9c8b2074a07cff2a5412.firstChild, element_e90343e05b274f9c8b2074a07cff2a5415 = element_e90343e05b274f9c8b2074a07cff2a5414.firstChild;
|
|
14
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a5414, omit(attributes, OMIT));
|
|
15
|
+
template_e90343e05b274f9c8b2074a07cff2a541.delegate(element_e90343e05b274f9c8b2074a07cff2a5414, '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_e90343e05b274f9c8b2074a07cff2a541.EffectSlot(element_e90343e05b274f9c8b2074a07cff2a5415, () => content(state));
|
|
26
|
+
return root_e90343e05b274f9c8b2074a07cff2a5412;
|
|
27
27
|
})();
|
|
28
28
|
});
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_e90343e05b274f9c8b2074a07cff2a541 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_e90343e05b274f9c8b2074a07cff2a5417 = template_e90343e05b274f9c8b2074a07cff2a541.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
|
|
6
|
+
const template_e90343e05b274f9c8b2074a07cff2a541a = template_e90343e05b274f9c8b2074a07cff2a541.template(`<span><!--$--></span>`);
|
|
7
|
+
const template_e90343e05b274f9c8b2074a07cff2a541d = template_e90343e05b274f9c8b2074a07cff2a541.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
|
|
8
|
+
const template_e90343e05b274f9c8b2074a07cff2a541h = template_e90343e05b274f9c8b2074a07cff2a541.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_e90343e05b274f9c8b2074a07cff2a541g = template_e90343e05b274f9c8b2074a07cff2a541h(), element_e90343e05b274f9c8b2074a07cff2a541i = root_e90343e05b274f9c8b2074a07cff2a541g.firstChild, element_e90343e05b274f9c8b2074a07cff2a541j = element_e90343e05b274f9c8b2074a07cff2a541i.firstChild;
|
|
57
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a541i, omit(attributes, OMIT));
|
|
58
|
+
new template_e90343e05b274f9c8b2074a07cff2a541.EffectSlot(element_e90343e05b274f9c8b2074a07cff2a541j, () => {
|
|
59
59
|
let n = state.length;
|
|
60
60
|
if (n === 0) {
|
|
61
61
|
return '';
|
|
62
62
|
}
|
|
63
|
-
return new
|
|
63
|
+
return new template_e90343e05b274f9c8b2074a07cff2a541.ArraySlot(render, function (value) {
|
|
64
64
|
if (isNaN(parseInt(value, 10))) {
|
|
65
65
|
return (() => {
|
|
66
|
-
let
|
|
67
|
-
|
|
68
|
-
return
|
|
66
|
+
let root_e90343e05b274f9c8b2074a07cff2a5416 = template_e90343e05b274f9c8b2074a07cff2a5417(), element_e90343e05b274f9c8b2074a07cff2a5418 = root_e90343e05b274f9c8b2074a07cff2a5416.firstChild.firstChild;
|
|
67
|
+
template_e90343e05b274f9c8b2074a07cff2a541.slot(element_e90343e05b274f9c8b2074a07cff2a5418, value);
|
|
68
|
+
return root_e90343e05b274f9c8b2074a07cff2a5416;
|
|
69
69
|
})();
|
|
70
70
|
}
|
|
71
71
|
return (() => {
|
|
72
|
-
let
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
let
|
|
76
|
-
|
|
77
|
-
return
|
|
72
|
+
let root_e90343e05b274f9c8b2074a07cff2a541c = template_e90343e05b274f9c8b2074a07cff2a541d(), element_e90343e05b274f9c8b2074a07cff2a541e = root_e90343e05b274f9c8b2074a07cff2a541c.firstChild.firstElementChild, element_e90343e05b274f9c8b2074a07cff2a541f = element_e90343e05b274f9c8b2074a07cff2a541e.firstChild.nextSibling;
|
|
73
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setStyle(element_e90343e05b274f9c8b2074a07cff2a541e, ';', `--value: ${value}`);
|
|
74
|
+
template_e90343e05b274f9c8b2074a07cff2a541.slot(element_e90343e05b274f9c8b2074a07cff2a541f, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
|
|
75
|
+
let root_e90343e05b274f9c8b2074a07cff2a5419 = template_e90343e05b274f9c8b2074a07cff2a541a(), element_e90343e05b274f9c8b2074a07cff2a541b = root_e90343e05b274f9c8b2074a07cff2a5419.firstChild.firstChild;
|
|
76
|
+
template_e90343e05b274f9c8b2074a07cff2a541.slot(element_e90343e05b274f9c8b2074a07cff2a541b, value);
|
|
77
|
+
return root_e90343e05b274f9c8b2074a07cff2a5419;
|
|
78
78
|
}));
|
|
79
|
-
return
|
|
79
|
+
return root_e90343e05b274f9c8b2074a07cff2a541c;
|
|
80
80
|
})();
|
|
81
81
|
});
|
|
82
82
|
});
|
|
83
|
-
return
|
|
83
|
+
return root_e90343e05b274f9c8b2074a07cff2a541g;
|
|
84
84
|
})();
|
|
85
85
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_e90343e05b274f9c8b2074a07cff2a541 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
|
-
const
|
|
3
|
+
const template_e90343e05b274f9c8b2074a07cff2a541l = template_e90343e05b274f9c8b2074a07cff2a541.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
|
|
4
4
|
export default (attributes) => {
|
|
5
|
-
let
|
|
6
|
-
|
|
7
|
-
return
|
|
5
|
+
let root_e90343e05b274f9c8b2074a07cff2a541k = template_e90343e05b274f9c8b2074a07cff2a541l(), element_e90343e05b274f9c8b2074a07cff2a541m = root_e90343e05b274f9c8b2074a07cff2a541k.firstChild;
|
|
6
|
+
template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a541m, attributes);
|
|
7
|
+
return root_e90343e05b274f9c8b2074a07cff2a541k;
|
|
8
8
|
};
|