@esportsplus/ui 0.48.2 → 0.48.3
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 +4 -4
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_1995aa1ec679424a8d082c2afd298cae1 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_1995aa1ec679424a8d082c2afd298cae1.Attributes | undefined;
|
|
6
|
+
content?: template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>;
|
|
7
|
+
}, attributes: Readonly<template_1995aa1ec679424a8d082c2afd298cae1.Attributes>, content: template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>) => template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>>;
|
|
8
|
+
<T extends template_1995aa1ec679424a8d082c2afd298cae1.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_1995aa1ec679424a8d082c2afd298cae1.Attributes | undefined;
|
|
10
|
+
content?: template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>;
|
|
11
|
+
}, attributes: Readonly<template_1995aa1ec679424a8d082c2afd298cae1.Attributes>, content: template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>) => template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>>;
|
|
12
|
+
<T extends template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>>(content: T): ReturnType<(this: {
|
|
13
|
+
attributes?: template_1995aa1ec679424a8d082c2afd298cae1.Attributes | undefined;
|
|
14
|
+
content?: template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>;
|
|
15
|
+
}, attributes: Readonly<template_1995aa1ec679424a8d082c2afd298cae1.Attributes>, content: template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>) => template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>>;
|
|
16
|
+
(attributes: template_1995aa1ec679424a8d082c2afd298cae1.Attributes, content: template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>): ReturnType<(this: {
|
|
17
|
+
attributes?: template_1995aa1ec679424a8d082c2afd298cae1.Attributes | undefined;
|
|
18
|
+
content?: template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>;
|
|
19
|
+
}, attributes: Readonly<template_1995aa1ec679424a8d082c2afd298cae1.Attributes>, content: template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>) => template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_1995aa1ec679424a8d082c2afd298cae1 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_1995aa1ec679424a8d082c2afd298cae3 = template_1995aa1ec679424a8d082c2afd298cae1.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_1995aa1ec679424a8d082c2afd298cae2 = template_1995aa1ec679424a8d082c2afd298cae3(), element_1995aa1ec679424a8d082c2afd298cae4 = root_1995aa1ec679424a8d082c2afd298cae2.firstChild, element_1995aa1ec679424a8d082c2afd298cae5 = element_1995aa1ec679424a8d082c2afd298cae4.firstChild;
|
|
15
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298cae4, omit(attributes, OMIT));
|
|
16
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setClass(element_1995aa1ec679424a8d082c2afd298cae4, '', () => {
|
|
17
17
|
return state.active && '--active';
|
|
18
18
|
});
|
|
19
|
-
|
|
19
|
+
template_1995aa1ec679424a8d082c2afd298cae1.onrender(element_1995aa1ec679424a8d082c2afd298cae4, (element) => {
|
|
20
20
|
(ref = element)[key] = state;
|
|
21
21
|
});
|
|
22
|
-
|
|
22
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setStyle(element_1995aa1ec679424a8d082c2afd298cae4, '', () => {
|
|
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_1995aa1ec679424a8d082c2afd298cae1.slot(element_1995aa1ec679424a8d082c2afd298cae5, content);
|
|
30
|
+
return root_1995aa1ec679424a8d082c2afd298cae2;
|
|
31
31
|
})();
|
|
32
32
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import '@esportsplus/vite/global.d.ts';
|
|
2
|
-
import * as
|
|
2
|
+
import * as template_1995aa1ec679424a8d082c2afd298cae1 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_1995aa1ec679424a8d082c2afd298cae7 = template_1995aa1ec679424a8d082c2afd298cae1.template(`<div class='--flex-vertical'><!--$--></div>`);
|
|
11
|
+
const template_1995aa1ec679424a8d082c2afd298caeb = template_1995aa1ec679424a8d082c2afd298cae1.template(`<p><!--$--></p>`);
|
|
12
|
+
const template_1995aa1ec679424a8d082c2afd298caef = template_1995aa1ec679424a8d082c2afd298cae1.template(`<div class='--flex-start'><!--$--></div>`);
|
|
13
|
+
const template_1995aa1ec679424a8d082c2afd298caei = template_1995aa1ec679424a8d082c2afd298cae1.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_1995aa1ec679424a8d082c2afd298caeh = template_1995aa1ec679424a8d082c2afd298caei(), element_1995aa1ec679424a8d082c2afd298caej = root_1995aa1ec679424a8d082c2afd298caeh.firstChild, element_1995aa1ec679424a8d082c2afd298caek = element_1995aa1ec679424a8d082c2afd298caej.firstChild, element_1995aa1ec679424a8d082c2afd298cael = element_1995aa1ec679424a8d082c2afd298caej.firstElementChild, element_1995aa1ec679424a8d082c2afd298caem = element_1995aa1ec679424a8d082c2afd298cael.firstChild, element_1995aa1ec679424a8d082c2afd298caen = element_1995aa1ec679424a8d082c2afd298cael.nextElementSibling.firstElementChild, element_1995aa1ec679424a8d082c2afd298caeo = element_1995aa1ec679424a8d082c2afd298caen.firstElementChild.firstChild;
|
|
84
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setClass(element_1995aa1ec679424a8d082c2afd298caej, ' --flex-row', () => state.active && '--active');
|
|
85
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298caej, omit(attributes, OMIT));
|
|
86
|
+
new template_1995aa1ec679424a8d082c2afd298cae1.EffectSlot(element_1995aa1ec679424a8d082c2afd298caek, () => {
|
|
87
87
|
let type = state.type;
|
|
88
88
|
return (() => {
|
|
89
|
-
let
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
return
|
|
89
|
+
let root_1995aa1ec679424a8d082c2afd298cae6 = template_1995aa1ec679424a8d082c2afd298cae7(), element_1995aa1ec679424a8d082c2afd298cae8 = root_1995aa1ec679424a8d082c2afd298cae6.firstChild, element_1995aa1ec679424a8d082c2afd298cae9 = element_1995aa1ec679424a8d082c2afd298cae8.firstChild;
|
|
90
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setStyle(element_1995aa1ec679424a8d082c2afd298cae8, ';', `--color: var(--color-${modifiers[type]}-400);`);
|
|
91
|
+
template_1995aa1ec679424a8d082c2afd298cae1.slot(element_1995aa1ec679424a8d082c2afd298cae9, icon({ class: '--size-500' }, type === 'error' ? e : check));
|
|
92
|
+
return root_1995aa1ec679424a8d082c2afd298cae6;
|
|
93
93
|
})();
|
|
94
94
|
});
|
|
95
|
-
|
|
96
|
-
new
|
|
95
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298cael, attributes['alert-messages']);
|
|
96
|
+
new template_1995aa1ec679424a8d082c2afd298cae1.EffectSlot(element_1995aa1ec679424a8d082c2afd298caem, () => {
|
|
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_1995aa1ec679424a8d082c2afd298caea = template_1995aa1ec679424a8d082c2afd298caeb(), element_1995aa1ec679424a8d082c2afd298caec = root_1995aa1ec679424a8d082c2afd298caea.firstChild, element_1995aa1ec679424a8d082c2afd298caed = element_1995aa1ec679424a8d082c2afd298caec.firstChild;
|
|
102
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298caec, message);
|
|
103
|
+
template_1995aa1ec679424a8d082c2afd298cae1.slot(element_1995aa1ec679424a8d082c2afd298caed, content);
|
|
104
|
+
return root_1995aa1ec679424a8d082c2afd298caea;
|
|
105
105
|
})();
|
|
106
106
|
}
|
|
107
107
|
return (() => {
|
|
108
|
-
let
|
|
109
|
-
|
|
110
|
-
return
|
|
108
|
+
let root_1995aa1ec679424a8d082c2afd298caee = template_1995aa1ec679424a8d082c2afd298caef(), element_1995aa1ec679424a8d082c2afd298caeg = root_1995aa1ec679424a8d082c2afd298caee.firstChild.firstChild;
|
|
109
|
+
template_1995aa1ec679424a8d082c2afd298cae1.slot(element_1995aa1ec679424a8d082c2afd298caeg, content);
|
|
110
|
+
return root_1995aa1ec679424a8d082c2afd298caee;
|
|
111
111
|
})();
|
|
112
112
|
});
|
|
113
113
|
});
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
return
|
|
114
|
+
template_1995aa1ec679424a8d082c2afd298cae1.delegate(element_1995aa1ec679424a8d082c2afd298caen, 'click', () => deactivate(state));
|
|
115
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298caen, attributes['alert-close']);
|
|
116
|
+
template_1995aa1ec679424a8d082c2afd298cae1.slot(element_1995aa1ec679424a8d082c2afd298caeo, svg.sprite(close));
|
|
117
|
+
return root_1995aa1ec679424a8d082c2afd298caeh;
|
|
118
118
|
})(),
|
|
119
119
|
deactivate: () => deactivate(state),
|
|
120
120
|
error,
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_1995aa1ec679424a8d082c2afd298cae1 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_1995aa1ec679424a8d082c2afd298cae1.Attributes>, content: template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>) => template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>>;
|
|
8
|
+
<T extends template_1995aa1ec679424a8d082c2afd298cae1.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
9
|
attributes?: Attributes;
|
|
10
|
-
}, attributes: Readonly<
|
|
11
|
-
<T extends
|
|
10
|
+
}, attributes: Readonly<template_1995aa1ec679424a8d082c2afd298cae1.Attributes>, content: template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>) => template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>>;
|
|
11
|
+
<T extends template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>>(content: T): ReturnType<(this: {
|
|
12
12
|
attributes?: Attributes;
|
|
13
|
-
}, attributes: Readonly<
|
|
14
|
-
(attributes:
|
|
13
|
+
}, attributes: Readonly<template_1995aa1ec679424a8d082c2afd298cae1.Attributes>, content: template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>) => template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>>;
|
|
14
|
+
(attributes: template_1995aa1ec679424a8d082c2afd298cae1.Attributes, content: template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>): ReturnType<(this: {
|
|
15
15
|
attributes?: Attributes;
|
|
16
|
-
}, attributes: Readonly<
|
|
16
|
+
}, attributes: Readonly<template_1995aa1ec679424a8d082c2afd298cae1.Attributes>, content: template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>) => template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>>;
|
|
17
17
|
};
|
|
18
18
|
export default _default;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_1995aa1ec679424a8d082c2afd298cae1 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_1995aa1ec679424a8d082c2afd298caeq = template_1995aa1ec679424a8d082c2afd298cae1.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_1995aa1ec679424a8d082c2afd298caep = template_1995aa1ec679424a8d082c2afd298caeq(), element_1995aa1ec679424a8d082c2afd298caer = root_1995aa1ec679424a8d082c2afd298caep.firstChild, element_1995aa1ec679424a8d082c2afd298caes = element_1995aa1ec679424a8d082c2afd298caer.firstChild, element_1995aa1ec679424a8d082c2afd298caet = element_1995aa1ec679424a8d082c2afd298caes.nextSibling;
|
|
11
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298caer, this.attributes);
|
|
12
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298caer, attributes);
|
|
13
|
+
template_1995aa1ec679424a8d082c2afd298cae1.slot(element_1995aa1ec679424a8d082c2afd298caes, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
|
|
14
|
+
template_1995aa1ec679424a8d082c2afd298cae1.slot(element_1995aa1ec679424a8d082c2afd298caet, content);
|
|
15
|
+
return root_1995aa1ec679424a8d082c2afd298caep;
|
|
16
16
|
})();
|
|
17
17
|
});
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_1995aa1ec679424a8d082c2afd298cae1 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_1995aa1ec679424a8d082c2afd298cae1.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_1995aa1ec679424a8d082c2afd298cae1.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_1995aa1ec679424a8d082c2afd298cae1.Attributes>(attributes: T): ReturnType<(this: {
|
|
16
|
+
attributes?: template_1995aa1ec679424a8d082c2afd298cae1.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_1995aa1ec679424a8d082c2afd298cae1.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_1995aa1ec679424a8d082c2afd298cae1.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_1995aa1ec679424a8d082c2afd298cae1.Attributes>, content: (state: {
|
|
35
35
|
holding: boolean;
|
|
36
36
|
complete: boolean;
|
|
37
37
|
}) => Renderable<any>) => Renderable<any>>;
|
|
38
|
-
(attributes:
|
|
38
|
+
(attributes: template_1995aa1ec679424a8d082c2afd298cae1.Attributes, content: (state: {
|
|
39
39
|
holding: boolean;
|
|
40
40
|
complete: boolean;
|
|
41
41
|
}) => Renderable<any>): ReturnType<(this: {
|
|
42
|
-
attributes?:
|
|
42
|
+
attributes?: template_1995aa1ec679424a8d082c2afd298cae1.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_1995aa1ec679424a8d082c2afd298cae1.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_1995aa1ec679424a8d082c2afd298cae1.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_1995aa1ec679424a8d082c2afd298cae1.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_1995aa1ec679424a8d082c2afd298cae1.Attributes>(attributes: T): ReturnType<(this: {
|
|
65
|
+
attributes?: template_1995aa1ec679424a8d082c2afd298cae1.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_1995aa1ec679424a8d082c2afd298cae1.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_1995aa1ec679424a8d082c2afd298cae1.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_1995aa1ec679424a8d082c2afd298cae1.Attributes>, content: (state: {
|
|
84
84
|
holding: boolean;
|
|
85
85
|
complete: boolean;
|
|
86
86
|
}) => Renderable<any>) => Renderable<any>>;
|
|
87
|
-
(attributes:
|
|
87
|
+
(attributes: template_1995aa1ec679424a8d082c2afd298cae1.Attributes, content: (state: {
|
|
88
88
|
holding: boolean;
|
|
89
89
|
complete: boolean;
|
|
90
90
|
}) => Renderable<any>): ReturnType<(this: {
|
|
91
|
-
attributes?:
|
|
91
|
+
attributes?: template_1995aa1ec679424a8d082c2afd298cae1.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_1995aa1ec679424a8d082c2afd298cae1.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_1995aa1ec679424a8d082c2afd298cae1 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_1995aa1ec679424a8d082c2afd298caev = template_1995aa1ec679424a8d082c2afd298cae1.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_1995aa1ec679424a8d082c2afd298caeu = template_1995aa1ec679424a8d082c2afd298caev(), element_1995aa1ec679424a8d082c2afd298caew = root_1995aa1ec679424a8d082c2afd298caeu.firstChild, element_1995aa1ec679424a8d082c2afd298caex = element_1995aa1ec679424a8d082c2afd298caew.firstChild;
|
|
18
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setClass(element_1995aa1ec679424a8d082c2afd298caew, ' ', () => state.holding && 'button--holding');
|
|
19
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setClass(element_1995aa1ec679424a8d082c2afd298caew, ' ', () => state.complete && '--active');
|
|
20
|
+
template_1995aa1ec679424a8d082c2afd298cae1.delegate(element_1995aa1ec679424a8d082c2afd298caew, 'mousedown', (e) => {
|
|
21
21
|
e.preventDefault();
|
|
22
22
|
state.holding = true;
|
|
23
23
|
});
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298caew, attributes);
|
|
25
|
+
template_1995aa1ec679424a8d082c2afd298cae1.delegate(element_1995aa1ec679424a8d082c2afd298caew, 'animationend', (e) => {
|
|
26
26
|
if (e.animationName === 'buttonHolding') {
|
|
27
27
|
state.complete = true;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
template_1995aa1ec679424a8d082c2afd298cae1.delegate(element_1995aa1ec679424a8d082c2afd298caew, 'click', () => { });
|
|
31
|
+
template_1995aa1ec679424a8d082c2afd298cae1.delegate(element_1995aa1ec679424a8d082c2afd298caew, 'mousedown', (e) => {
|
|
32
32
|
e.preventDefault();
|
|
33
33
|
state.holding = true;
|
|
34
34
|
});
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
35
|
+
template_1995aa1ec679424a8d082c2afd298cae1.delegate(element_1995aa1ec679424a8d082c2afd298caew, 'mouseup', end);
|
|
36
|
+
template_1995aa1ec679424a8d082c2afd298cae1.delegate(element_1995aa1ec679424a8d082c2afd298caew, 'touchend', end);
|
|
37
|
+
template_1995aa1ec679424a8d082c2afd298cae1.delegate(element_1995aa1ec679424a8d082c2afd298caew, 'touchstart', (e) => {
|
|
38
38
|
e.preventDefault();
|
|
39
39
|
state.holding = true;
|
|
40
40
|
});
|
|
41
|
-
new
|
|
42
|
-
return
|
|
41
|
+
new template_1995aa1ec679424a8d082c2afd298cae1.EffectSlot(element_1995aa1ec679424a8d082c2afd298caex, () => content(state));
|
|
42
|
+
return root_1995aa1ec679424a8d082c2afd298caeu;
|
|
43
43
|
})();
|
|
44
44
|
});
|
|
45
45
|
export default { hold };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_1995aa1ec679424a8d082c2afd298cae1 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_1995aa1ec679424a8d082c2afd298caez = template_1995aa1ec679424a8d082c2afd298cae1.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_1995aa1ec679424a8d082c2afd298caey = template_1995aa1ec679424a8d082c2afd298caez(), element_1995aa1ec679424a8d082c2afd298cae10 = root_1995aa1ec679424a8d082c2afd298caey.firstChild, element_1995aa1ec679424a8d082c2afd298cae11 = element_1995aa1ec679424a8d082c2afd298cae10.firstElementChild;
|
|
19
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setClass(element_1995aa1ec679424a8d082c2afd298cae10, ' ', type);
|
|
20
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setClass(element_1995aa1ec679424a8d082c2afd298cae10, ' ', () => state.active && '--active');
|
|
21
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298cae10, this?.attributes && omit(this.attributes, OMIT));
|
|
22
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298cae10, attributes && omit(attributes, OMIT));
|
|
23
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setProperty(element_1995aa1ec679424a8d082c2afd298cae11, 'checked', attributes?.checked || root(() => state.active));
|
|
24
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setClass(element_1995aa1ec679424a8d082c2afd298cae11, '', `${type}-tag`);
|
|
25
|
+
template_1995aa1ec679424a8d082c2afd298cae1.delegate(element_1995aa1ec679424a8d082c2afd298cae11, 'change', (e) => {
|
|
26
26
|
state.active = e.target.checked;
|
|
27
27
|
});
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
return
|
|
28
|
+
template_1995aa1ec679424a8d082c2afd298cae1.onrender(element_1995aa1ec679424a8d082c2afd298cae11, form.input.onrender(state));
|
|
29
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setProperty(element_1995aa1ec679424a8d082c2afd298cae11, 'type', type === 'radio' ? 'radio' : 'checkbox');
|
|
30
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setProperty(element_1995aa1ec679424a8d082c2afd298cae11, 'value', attributes?.value || 1);
|
|
31
|
+
return root_1995aa1ec679424a8d082c2afd298caey;
|
|
32
32
|
})();
|
|
33
33
|
}
|
|
34
34
|
return template;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_1995aa1ec679424a8d082c2afd298cae1 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_1995aa1ec679424a8d082c2afd298cae13 = template_1995aa1ec679424a8d082c2afd298cae1.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_1995aa1ec679424a8d082c2afd298cae12 = template_1995aa1ec679424a8d082c2afd298cae13(), element_1995aa1ec679424a8d082c2afd298cae14 = root_1995aa1ec679424a8d082c2afd298cae12.firstChild, element_1995aa1ec679424a8d082c2afd298cae15 = element_1995aa1ec679424a8d082c2afd298cae14.firstChild;
|
|
14
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298cae14, omit(attributes, OMIT));
|
|
15
|
+
template_1995aa1ec679424a8d082c2afd298cae1.delegate(element_1995aa1ec679424a8d082c2afd298cae14, '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_1995aa1ec679424a8d082c2afd298cae1.EffectSlot(element_1995aa1ec679424a8d082c2afd298cae15, () => content(state));
|
|
26
|
+
return root_1995aa1ec679424a8d082c2afd298cae12;
|
|
27
27
|
})();
|
|
28
28
|
});
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_1995aa1ec679424a8d082c2afd298cae1 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_1995aa1ec679424a8d082c2afd298cae17 = template_1995aa1ec679424a8d082c2afd298cae1.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
|
|
6
|
+
const template_1995aa1ec679424a8d082c2afd298cae1a = template_1995aa1ec679424a8d082c2afd298cae1.template(`<span><!--$--></span>`);
|
|
7
|
+
const template_1995aa1ec679424a8d082c2afd298cae1d = template_1995aa1ec679424a8d082c2afd298cae1.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
|
|
8
|
+
const template_1995aa1ec679424a8d082c2afd298cae1h = template_1995aa1ec679424a8d082c2afd298cae1.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_1995aa1ec679424a8d082c2afd298cae1g = template_1995aa1ec679424a8d082c2afd298cae1h(), element_1995aa1ec679424a8d082c2afd298cae1i = root_1995aa1ec679424a8d082c2afd298cae1g.firstChild, element_1995aa1ec679424a8d082c2afd298cae1j = element_1995aa1ec679424a8d082c2afd298cae1i.firstChild;
|
|
57
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298cae1i, omit(attributes, OMIT));
|
|
58
|
+
new template_1995aa1ec679424a8d082c2afd298cae1.EffectSlot(element_1995aa1ec679424a8d082c2afd298cae1j, () => {
|
|
59
59
|
let n = state.length;
|
|
60
60
|
if (n === 0) {
|
|
61
61
|
return '';
|
|
62
62
|
}
|
|
63
|
-
return new
|
|
63
|
+
return new template_1995aa1ec679424a8d082c2afd298cae1.ArraySlot(render, function (value) {
|
|
64
64
|
if (isNaN(parseInt(value, 10))) {
|
|
65
65
|
return (() => {
|
|
66
|
-
let
|
|
67
|
-
|
|
68
|
-
return
|
|
66
|
+
let root_1995aa1ec679424a8d082c2afd298cae16 = template_1995aa1ec679424a8d082c2afd298cae17(), element_1995aa1ec679424a8d082c2afd298cae18 = root_1995aa1ec679424a8d082c2afd298cae16.firstChild.firstChild;
|
|
67
|
+
template_1995aa1ec679424a8d082c2afd298cae1.slot(element_1995aa1ec679424a8d082c2afd298cae18, value);
|
|
68
|
+
return root_1995aa1ec679424a8d082c2afd298cae16;
|
|
69
69
|
})();
|
|
70
70
|
}
|
|
71
71
|
return (() => {
|
|
72
|
-
let
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
let
|
|
76
|
-
|
|
77
|
-
return
|
|
72
|
+
let root_1995aa1ec679424a8d082c2afd298cae1c = template_1995aa1ec679424a8d082c2afd298cae1d(), element_1995aa1ec679424a8d082c2afd298cae1e = root_1995aa1ec679424a8d082c2afd298cae1c.firstChild.firstElementChild, element_1995aa1ec679424a8d082c2afd298cae1f = element_1995aa1ec679424a8d082c2afd298cae1e.firstChild.nextSibling;
|
|
73
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setStyle(element_1995aa1ec679424a8d082c2afd298cae1e, ';', `--value: ${value}`);
|
|
74
|
+
template_1995aa1ec679424a8d082c2afd298cae1.slot(element_1995aa1ec679424a8d082c2afd298cae1f, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
|
|
75
|
+
let root_1995aa1ec679424a8d082c2afd298cae19 = template_1995aa1ec679424a8d082c2afd298cae1a(), element_1995aa1ec679424a8d082c2afd298cae1b = root_1995aa1ec679424a8d082c2afd298cae19.firstChild.firstChild;
|
|
76
|
+
template_1995aa1ec679424a8d082c2afd298cae1.slot(element_1995aa1ec679424a8d082c2afd298cae1b, value);
|
|
77
|
+
return root_1995aa1ec679424a8d082c2afd298cae19;
|
|
78
78
|
}));
|
|
79
|
-
return
|
|
79
|
+
return root_1995aa1ec679424a8d082c2afd298cae1c;
|
|
80
80
|
})();
|
|
81
81
|
});
|
|
82
82
|
});
|
|
83
|
-
return
|
|
83
|
+
return root_1995aa1ec679424a8d082c2afd298cae1g;
|
|
84
84
|
})();
|
|
85
85
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_1995aa1ec679424a8d082c2afd298cae1 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
|
-
const
|
|
3
|
+
const template_1995aa1ec679424a8d082c2afd298cae1l = template_1995aa1ec679424a8d082c2afd298cae1.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
|
|
4
4
|
export default (attributes) => {
|
|
5
|
-
let
|
|
6
|
-
|
|
7
|
-
return
|
|
5
|
+
let root_1995aa1ec679424a8d082c2afd298cae1k = template_1995aa1ec679424a8d082c2afd298cae1l(), element_1995aa1ec679424a8d082c2afd298cae1m = root_1995aa1ec679424a8d082c2afd298cae1k.firstChild;
|
|
6
|
+
template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298cae1m, attributes);
|
|
7
|
+
return root_1995aa1ec679424a8d082c2afd298cae1k;
|
|
8
8
|
};
|