@esportsplus/ui 0.49.3 → 0.49.4
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 +11 -11
- 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 +9 -9
- 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 +21 -21
- 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 +15 -15
- 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_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
|
|
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_b5a9a3f5040540948313f36934d7b05b1.Attributes | undefined;
|
|
6
|
+
content?: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>;
|
|
7
|
+
}, attributes: Readonly<template_b5a9a3f5040540948313f36934d7b05b1.Attributes>, content: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>) => template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>>;
|
|
8
|
+
<T extends template_b5a9a3f5040540948313f36934d7b05b1.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_b5a9a3f5040540948313f36934d7b05b1.Attributes | undefined;
|
|
10
|
+
content?: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>;
|
|
11
|
+
}, attributes: Readonly<template_b5a9a3f5040540948313f36934d7b05b1.Attributes>, content: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>) => template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>>;
|
|
12
|
+
<T extends template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>>(content: T): ReturnType<(this: {
|
|
13
|
+
attributes?: template_b5a9a3f5040540948313f36934d7b05b1.Attributes | undefined;
|
|
14
|
+
content?: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>;
|
|
15
|
+
}, attributes: Readonly<template_b5a9a3f5040540948313f36934d7b05b1.Attributes>, content: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>) => template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>>;
|
|
16
|
+
(attributes: template_b5a9a3f5040540948313f36934d7b05b1.Attributes, content: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>): ReturnType<(this: {
|
|
17
|
+
attributes?: template_b5a9a3f5040540948313f36934d7b05b1.Attributes | undefined;
|
|
18
|
+
content?: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>;
|
|
19
|
+
}, attributes: Readonly<template_b5a9a3f5040540948313f36934d7b05b1.Attributes>, content: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>) => template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
|
|
2
2
|
import { reactive } from '@esportsplus/frontend';
|
|
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_b5a9a3f5040540948313f36934d7b05b3 = template_b5a9a3f5040540948313f36934d7b05b1.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_b5a9a3f5040540948313f36934d7b05b2 = template_b5a9a3f5040540948313f36934d7b05b3(), element_b5a9a3f5040540948313f36934d7b05b4 = root_b5a9a3f5040540948313f36934d7b05b2.firstChild, element_b5a9a3f5040540948313f36934d7b05b5 = element_b5a9a3f5040540948313f36934d7b05b4.firstChild, attributes_b5a9a3f5040540948313f36934d7b05b6 = {};
|
|
15
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05b4, omit(attributes, OMIT), attributes_b5a9a3f5040540948313f36934d7b05b6);
|
|
16
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setList(element_b5a9a3f5040540948313f36934d7b05b4, 'class', () => {
|
|
17
17
|
return state.active && '--active';
|
|
18
|
-
},
|
|
19
|
-
|
|
18
|
+
}, attributes_b5a9a3f5040540948313f36934d7b05b6);
|
|
19
|
+
template_b5a9a3f5040540948313f36934d7b05b1.onrender(element_b5a9a3f5040540948313f36934d7b05b4, (element) => {
|
|
20
20
|
(ref = element)[key] = state;
|
|
21
21
|
});
|
|
22
|
-
|
|
22
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setList(element_b5a9a3f5040540948313f36934d7b05b4, 'style', () => {
|
|
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
|
-
},
|
|
29
|
-
|
|
30
|
-
return
|
|
28
|
+
}, attributes_b5a9a3f5040540948313f36934d7b05b6);
|
|
29
|
+
template_b5a9a3f5040540948313f36934d7b05b1.slot(element_b5a9a3f5040540948313f36934d7b05b5, content);
|
|
30
|
+
return root_b5a9a3f5040540948313f36934d7b05b2;
|
|
31
31
|
})();
|
|
32
32
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import '@esportsplus/vite/global.d.ts';
|
|
2
|
-
import * as
|
|
2
|
+
import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
|
|
3
3
|
import { reactive, svg } from '@esportsplus/frontend';
|
|
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_b5a9a3f5040540948313f36934d7b05b8 = template_b5a9a3f5040540948313f36934d7b05b1.template(`<div class='--flex-vertical'><!--$--></div>`);
|
|
11
|
+
const template_b5a9a3f5040540948313f36934d7b05bd = template_b5a9a3f5040540948313f36934d7b05b1.template(`<p><!--$--></p>`);
|
|
12
|
+
const template_b5a9a3f5040540948313f36934d7b05bi = template_b5a9a3f5040540948313f36934d7b05b1.template(`<div class='--flex-start'><!--$--></div>`);
|
|
13
|
+
const template_b5a9a3f5040540948313f36934d7b05bl = template_b5a9a3f5040540948313f36934d7b05b1.template(`<div class='alert anchor anchor--n --flex-row'><!--$--><div class='alert-messages --flex-column --flex-fill'><!--$--></div><div class="--flex-vertical"><div class='alert-close button --padding-300'><div class="icon" style='--size: 14px;'><!--$--></div></div></div></div>`);
|
|
14
14
|
const OMIT = ['alert-close', 'alert-messages', 'alert-message'];
|
|
15
15
|
let modifiers = {
|
|
16
16
|
error: 'red',
|
|
@@ -77,41 +77,41 @@ export default (attributes) => {
|
|
|
77
77
|
};
|
|
78
78
|
return {
|
|
79
79
|
content: (() => {
|
|
80
|
-
let
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
new
|
|
80
|
+
let root_b5a9a3f5040540948313f36934d7b05bk = template_b5a9a3f5040540948313f36934d7b05bl(), element_b5a9a3f5040540948313f36934d7b05bm = root_b5a9a3f5040540948313f36934d7b05bk.firstChild, element_b5a9a3f5040540948313f36934d7b05bn = element_b5a9a3f5040540948313f36934d7b05bm.firstChild, element_b5a9a3f5040540948313f36934d7b05bo = element_b5a9a3f5040540948313f36934d7b05bm.firstElementChild, element_b5a9a3f5040540948313f36934d7b05bp = element_b5a9a3f5040540948313f36934d7b05bo.firstChild, element_b5a9a3f5040540948313f36934d7b05bq = element_b5a9a3f5040540948313f36934d7b05bo.nextElementSibling.firstElementChild, element_b5a9a3f5040540948313f36934d7b05br = element_b5a9a3f5040540948313f36934d7b05bq.firstElementChild.firstChild, attributes_b5a9a3f5040540948313f36934d7b05bs = { "class": "alert anchor anchor--n --flex-row" }, attributes_b5a9a3f5040540948313f36934d7b05bt = { "class": "alert-messages --flex-column --flex-fill" }, attributes_b5a9a3f5040540948313f36934d7b05bu = { "class": "alert-close button --padding-300" };
|
|
81
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setList(element_b5a9a3f5040540948313f36934d7b05bm, 'class', () => state.active && '--active', attributes_b5a9a3f5040540948313f36934d7b05bs);
|
|
82
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05bm, omit(attributes, OMIT), attributes_b5a9a3f5040540948313f36934d7b05bs);
|
|
83
|
+
new template_b5a9a3f5040540948313f36934d7b05b1.EffectSlot(element_b5a9a3f5040540948313f36934d7b05bn, () => {
|
|
84
84
|
let type = state.type;
|
|
85
85
|
return (() => {
|
|
86
|
-
let
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
return
|
|
86
|
+
let root_b5a9a3f5040540948313f36934d7b05b7 = template_b5a9a3f5040540948313f36934d7b05b8(), element_b5a9a3f5040540948313f36934d7b05b9 = root_b5a9a3f5040540948313f36934d7b05b7.firstChild, element_b5a9a3f5040540948313f36934d7b05ba = element_b5a9a3f5040540948313f36934d7b05b9.firstChild, attributes_b5a9a3f5040540948313f36934d7b05bb = { "class": "--flex-vertical", "style": "" };
|
|
87
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setList(element_b5a9a3f5040540948313f36934d7b05b9, 'style', `--color: var(--color-${modifiers[type]}-400);`, attributes_b5a9a3f5040540948313f36934d7b05bb);
|
|
88
|
+
template_b5a9a3f5040540948313f36934d7b05b1.slot(element_b5a9a3f5040540948313f36934d7b05ba, icon({ class: '--size-500' }, type === 'error' ? e : check));
|
|
89
|
+
return root_b5a9a3f5040540948313f36934d7b05b7;
|
|
90
90
|
})();
|
|
91
91
|
});
|
|
92
|
-
|
|
93
|
-
new
|
|
92
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05bo, attributes['alert-messages'], attributes_b5a9a3f5040540948313f36934d7b05bt);
|
|
93
|
+
new template_b5a9a3f5040540948313f36934d7b05b1.EffectSlot(element_b5a9a3f5040540948313f36934d7b05bp, () => {
|
|
94
94
|
let message = attributes['alert-message'];
|
|
95
95
|
return state.rerender && [...state.messages].map((content) => {
|
|
96
96
|
if (typeof content === 'string') {
|
|
97
97
|
return (() => {
|
|
98
|
-
let
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
return
|
|
98
|
+
let root_b5a9a3f5040540948313f36934d7b05bc = template_b5a9a3f5040540948313f36934d7b05bd(), element_b5a9a3f5040540948313f36934d7b05be = root_b5a9a3f5040540948313f36934d7b05bc.firstChild, element_b5a9a3f5040540948313f36934d7b05bf = element_b5a9a3f5040540948313f36934d7b05be.firstChild, attributes_b5a9a3f5040540948313f36934d7b05bg = {};
|
|
99
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05be, message, attributes_b5a9a3f5040540948313f36934d7b05bg);
|
|
100
|
+
template_b5a9a3f5040540948313f36934d7b05b1.slot(element_b5a9a3f5040540948313f36934d7b05bf, content);
|
|
101
|
+
return root_b5a9a3f5040540948313f36934d7b05bc;
|
|
102
102
|
})();
|
|
103
103
|
}
|
|
104
104
|
return (() => {
|
|
105
|
-
let
|
|
106
|
-
|
|
107
|
-
return
|
|
105
|
+
let root_b5a9a3f5040540948313f36934d7b05bh = template_b5a9a3f5040540948313f36934d7b05bi(), element_b5a9a3f5040540948313f36934d7b05bj = root_b5a9a3f5040540948313f36934d7b05bh.firstChild.firstChild;
|
|
106
|
+
template_b5a9a3f5040540948313f36934d7b05b1.slot(element_b5a9a3f5040540948313f36934d7b05bj, content);
|
|
107
|
+
return root_b5a9a3f5040540948313f36934d7b05bh;
|
|
108
108
|
})();
|
|
109
109
|
});
|
|
110
110
|
});
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
return
|
|
111
|
+
template_b5a9a3f5040540948313f36934d7b05b1.delegate(element_b5a9a3f5040540948313f36934d7b05bq, 'click', () => deactivate(state));
|
|
112
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05bq, attributes['alert-close'], attributes_b5a9a3f5040540948313f36934d7b05bu);
|
|
113
|
+
template_b5a9a3f5040540948313f36934d7b05b1.slot(element_b5a9a3f5040540948313f36934d7b05br, svg.sprite(close));
|
|
114
|
+
return root_b5a9a3f5040540948313f36934d7b05bk;
|
|
115
115
|
})(),
|
|
116
116
|
deactivate: () => deactivate(state),
|
|
117
117
|
error,
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
|
|
2
2
|
import { Attributes } from '@esportsplus/frontend';
|
|
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_b5a9a3f5040540948313f36934d7b05b1.Attributes>, content: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>) => template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>>;
|
|
8
|
+
<T extends template_b5a9a3f5040540948313f36934d7b05b1.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
9
|
attributes?: Attributes;
|
|
10
|
-
}, attributes: Readonly<
|
|
11
|
-
<T extends
|
|
10
|
+
}, attributes: Readonly<template_b5a9a3f5040540948313f36934d7b05b1.Attributes>, content: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>) => template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>>;
|
|
11
|
+
<T extends template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>>(content: T): ReturnType<(this: {
|
|
12
12
|
attributes?: Attributes;
|
|
13
|
-
}, attributes: Readonly<
|
|
14
|
-
(attributes:
|
|
13
|
+
}, attributes: Readonly<template_b5a9a3f5040540948313f36934d7b05b1.Attributes>, content: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>) => template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>>;
|
|
14
|
+
(attributes: template_b5a9a3f5040540948313f36934d7b05b1.Attributes, content: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>): ReturnType<(this: {
|
|
15
15
|
attributes?: Attributes;
|
|
16
|
-
}, attributes: Readonly<
|
|
16
|
+
}, attributes: Readonly<template_b5a9a3f5040540948313f36934d7b05b1.Attributes>, content: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>) => template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>>;
|
|
17
17
|
};
|
|
18
18
|
export default _default;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
|
|
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_b5a9a3f5040540948313f36934d7b05bw = template_b5a9a3f5040540948313f36934d7b05b1.template(`<a class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
|
|
7
7
|
export default template.factory(function (attributes, content) {
|
|
8
8
|
return (() => {
|
|
9
|
-
let
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
return
|
|
9
|
+
let root_b5a9a3f5040540948313f36934d7b05bv = template_b5a9a3f5040540948313f36934d7b05bw(), element_b5a9a3f5040540948313f36934d7b05bx = root_b5a9a3f5040540948313f36934d7b05bv.firstChild, element_b5a9a3f5040540948313f36934d7b05by = element_b5a9a3f5040540948313f36934d7b05bx.firstChild, element_b5a9a3f5040540948313f36934d7b05bz = element_b5a9a3f5040540948313f36934d7b05by.nextSibling, attributes_b5a9a3f5040540948313f36934d7b05b10 = { "class": "back link --padding-0px --flex-vertical" };
|
|
10
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05bx, this.attributes, attributes_b5a9a3f5040540948313f36934d7b05b10);
|
|
11
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05bx, attributes, attributes_b5a9a3f5040540948313f36934d7b05b10);
|
|
12
|
+
template_b5a9a3f5040540948313f36934d7b05b1.slot(element_b5a9a3f5040540948313f36934d7b05by, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
|
|
13
|
+
template_b5a9a3f5040540948313f36934d7b05b1.slot(element_b5a9a3f5040540948313f36934d7b05bz, content);
|
|
14
|
+
return root_b5a9a3f5040540948313f36934d7b05bv;
|
|
15
15
|
})();
|
|
16
16
|
});
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
|
|
2
2
|
import { Renderable } from '@esportsplus/frontend';
|
|
3
3
|
import './scss/index.scss';
|
|
4
4
|
declare const hold: {
|
|
5
5
|
(): ReturnType<(this: {
|
|
6
|
-
attributes?:
|
|
6
|
+
attributes?: template_b5a9a3f5040540948313f36934d7b05b1.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_b5a9a3f5040540948313f36934d7b05b1.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_b5a9a3f5040540948313f36934d7b05b1.Attributes>(attributes: T): ReturnType<(this: {
|
|
16
|
+
attributes?: template_b5a9a3f5040540948313f36934d7b05b1.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_b5a9a3f5040540948313f36934d7b05b1.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_b5a9a3f5040540948313f36934d7b05b1.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_b5a9a3f5040540948313f36934d7b05b1.Attributes>, content: (state: {
|
|
35
35
|
holding: boolean;
|
|
36
36
|
complete: boolean;
|
|
37
37
|
}) => Renderable<any>) => Renderable<any>>;
|
|
38
|
-
(attributes:
|
|
38
|
+
(attributes: template_b5a9a3f5040540948313f36934d7b05b1.Attributes, content: (state: {
|
|
39
39
|
holding: boolean;
|
|
40
40
|
complete: boolean;
|
|
41
41
|
}) => Renderable<any>): ReturnType<(this: {
|
|
42
|
-
attributes?:
|
|
42
|
+
attributes?: template_b5a9a3f5040540948313f36934d7b05b1.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_b5a9a3f5040540948313f36934d7b05b1.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_b5a9a3f5040540948313f36934d7b05b1.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_b5a9a3f5040540948313f36934d7b05b1.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_b5a9a3f5040540948313f36934d7b05b1.Attributes>(attributes: T): ReturnType<(this: {
|
|
65
|
+
attributes?: template_b5a9a3f5040540948313f36934d7b05b1.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_b5a9a3f5040540948313f36934d7b05b1.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_b5a9a3f5040540948313f36934d7b05b1.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_b5a9a3f5040540948313f36934d7b05b1.Attributes>, content: (state: {
|
|
84
84
|
holding: boolean;
|
|
85
85
|
complete: boolean;
|
|
86
86
|
}) => Renderable<any>) => Renderable<any>>;
|
|
87
|
-
(attributes:
|
|
87
|
+
(attributes: template_b5a9a3f5040540948313f36934d7b05b1.Attributes, content: (state: {
|
|
88
88
|
holding: boolean;
|
|
89
89
|
complete: boolean;
|
|
90
90
|
}) => Renderable<any>): ReturnType<(this: {
|
|
91
|
-
attributes?:
|
|
91
|
+
attributes?: template_b5a9a3f5040540948313f36934d7b05b1.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_b5a9a3f5040540948313f36934d7b05b1.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_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
|
|
2
2
|
import { reactive } from '@esportsplus/frontend';
|
|
3
3
|
import template from '../template/index.js';
|
|
4
4
|
import './scss/index.scss';
|
|
5
|
-
const
|
|
5
|
+
const template_b5a9a3f5040540948313f36934d7b05b12 = template_b5a9a3f5040540948313f36934d7b05b1.template(`<div class='button '><!--$--></div>`);
|
|
6
6
|
const hold = template.factory(function (attributes, content) {
|
|
7
7
|
let end = () => {
|
|
8
8
|
if (!state.complete) {
|
|
@@ -13,32 +13,32 @@ const hold = template.factory(function (attributes, content) {
|
|
|
13
13
|
holding: false
|
|
14
14
|
});
|
|
15
15
|
return (() => {
|
|
16
|
-
let
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
let root_b5a9a3f5040540948313f36934d7b05b11 = template_b5a9a3f5040540948313f36934d7b05b12(), element_b5a9a3f5040540948313f36934d7b05b13 = root_b5a9a3f5040540948313f36934d7b05b11.firstChild, element_b5a9a3f5040540948313f36934d7b05b14 = element_b5a9a3f5040540948313f36934d7b05b13.firstChild, attributes_b5a9a3f5040540948313f36934d7b05b15 = { "class": "button" };
|
|
17
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setList(element_b5a9a3f5040540948313f36934d7b05b13, 'class', () => state.holding && 'button--holding', attributes_b5a9a3f5040540948313f36934d7b05b15);
|
|
18
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setList(element_b5a9a3f5040540948313f36934d7b05b13, 'class', () => state.complete && '--active', attributes_b5a9a3f5040540948313f36934d7b05b15);
|
|
19
|
+
template_b5a9a3f5040540948313f36934d7b05b1.delegate(element_b5a9a3f5040540948313f36934d7b05b13, 'mousedown', (e) => {
|
|
20
20
|
e.preventDefault();
|
|
21
21
|
state.holding = true;
|
|
22
22
|
});
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05b13, attributes, attributes_b5a9a3f5040540948313f36934d7b05b15);
|
|
24
|
+
template_b5a9a3f5040540948313f36934d7b05b1.delegate(element_b5a9a3f5040540948313f36934d7b05b13, 'animationend', (e) => {
|
|
25
25
|
if (e.animationName === 'buttonHolding') {
|
|
26
26
|
state.complete = true;
|
|
27
27
|
}
|
|
28
28
|
});
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
template_b5a9a3f5040540948313f36934d7b05b1.delegate(element_b5a9a3f5040540948313f36934d7b05b13, 'click', () => { });
|
|
30
|
+
template_b5a9a3f5040540948313f36934d7b05b1.delegate(element_b5a9a3f5040540948313f36934d7b05b13, 'mousedown', (e) => {
|
|
31
31
|
e.preventDefault();
|
|
32
32
|
state.holding = true;
|
|
33
33
|
});
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
34
|
+
template_b5a9a3f5040540948313f36934d7b05b1.delegate(element_b5a9a3f5040540948313f36934d7b05b13, 'mouseup', end);
|
|
35
|
+
template_b5a9a3f5040540948313f36934d7b05b1.delegate(element_b5a9a3f5040540948313f36934d7b05b13, 'touchend', end);
|
|
36
|
+
template_b5a9a3f5040540948313f36934d7b05b1.delegate(element_b5a9a3f5040540948313f36934d7b05b13, 'touchstart', (e) => {
|
|
37
37
|
e.preventDefault();
|
|
38
38
|
state.holding = true;
|
|
39
39
|
});
|
|
40
|
-
new
|
|
41
|
-
return
|
|
40
|
+
new template_b5a9a3f5040540948313f36934d7b05b1.EffectSlot(element_b5a9a3f5040540948313f36934d7b05b14, () => content(state));
|
|
41
|
+
return root_b5a9a3f5040540948313f36934d7b05b11;
|
|
42
42
|
})();
|
|
43
43
|
});
|
|
44
44
|
export default { hold };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
|
|
2
2
|
import { reactive, root } from '@esportsplus/frontend';
|
|
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_b5a9a3f5040540948313f36934d7b05b17 = template_b5a9a3f5040540948313f36934d7b05b1.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_b5a9a3f5040540948313f36934d7b05b16 = template_b5a9a3f5040540948313f36934d7b05b17(), element_b5a9a3f5040540948313f36934d7b05b18 = root_b5a9a3f5040540948313f36934d7b05b16.firstChild, element_b5a9a3f5040540948313f36934d7b05b19 = element_b5a9a3f5040540948313f36934d7b05b18.firstElementChild, attributes_b5a9a3f5040540948313f36934d7b05b1a = { "class": "" }, attributes_b5a9a3f5040540948313f36934d7b05b1b = {};
|
|
19
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setList(element_b5a9a3f5040540948313f36934d7b05b18, 'class', type, attributes_b5a9a3f5040540948313f36934d7b05b1a);
|
|
20
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setList(element_b5a9a3f5040540948313f36934d7b05b18, 'class', () => state.active && '--active', attributes_b5a9a3f5040540948313f36934d7b05b1a);
|
|
21
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05b18, this?.attributes && omit(this.attributes, OMIT), attributes_b5a9a3f5040540948313f36934d7b05b1a);
|
|
22
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05b18, attributes && omit(attributes, OMIT), attributes_b5a9a3f5040540948313f36934d7b05b1a);
|
|
23
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setProperty(element_b5a9a3f5040540948313f36934d7b05b19, 'checked', attributes?.checked || root(() => state.active));
|
|
24
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setList(element_b5a9a3f5040540948313f36934d7b05b19, 'class', `${type}-tag`, attributes_b5a9a3f5040540948313f36934d7b05b1b);
|
|
25
|
+
template_b5a9a3f5040540948313f36934d7b05b1.delegate(element_b5a9a3f5040540948313f36934d7b05b19, 'change', (e) => {
|
|
26
26
|
state.active = e.target.checked;
|
|
27
27
|
});
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
return
|
|
28
|
+
template_b5a9a3f5040540948313f36934d7b05b1.onrender(element_b5a9a3f5040540948313f36934d7b05b19, form.input.onrender(state));
|
|
29
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setProperty(element_b5a9a3f5040540948313f36934d7b05b19, 'type', type === 'radio' ? 'radio' : 'checkbox');
|
|
30
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setProperty(element_b5a9a3f5040540948313f36934d7b05b19, 'value', attributes?.value || 1);
|
|
31
|
+
return root_b5a9a3f5040540948313f36934d7b05b16;
|
|
32
32
|
})();
|
|
33
33
|
}
|
|
34
34
|
return template;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
|
|
2
2
|
import { reactive } from '@esportsplus/frontend';
|
|
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_b5a9a3f5040540948313f36934d7b05b1d = template_b5a9a3f5040540948313f36934d7b05b1.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_b5a9a3f5040540948313f36934d7b05b1c = template_b5a9a3f5040540948313f36934d7b05b1d(), element_b5a9a3f5040540948313f36934d7b05b1e = root_b5a9a3f5040540948313f36934d7b05b1c.firstChild, element_b5a9a3f5040540948313f36934d7b05b1f = element_b5a9a3f5040540948313f36934d7b05b1e.firstChild, attributes_b5a9a3f5040540948313f36934d7b05b1g = {};
|
|
14
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05b1e, omit(attributes, OMIT), attributes_b5a9a3f5040540948313f36934d7b05b1g);
|
|
15
|
+
template_b5a9a3f5040540948313f36934d7b05b1.delegate(element_b5a9a3f5040540948313f36934d7b05b1e, '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_b5a9a3f5040540948313f36934d7b05b1.EffectSlot(element_b5a9a3f5040540948313f36934d7b05b1f, () => content(state));
|
|
26
|
+
return root_b5a9a3f5040540948313f36934d7b05b1c;
|
|
27
27
|
})();
|
|
28
28
|
});
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
|
|
2
2
|
import { effect, reactive } from '@esportsplus/frontend';
|
|
3
3
|
import { omit } from '@esportsplus/utilities';
|
|
4
4
|
import './scss/index.scss';
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
5
|
+
const template_b5a9a3f5040540948313f36934d7b05b1i = template_b5a9a3f5040540948313f36934d7b05b1.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
|
|
6
|
+
const template_b5a9a3f5040540948313f36934d7b05b1l = template_b5a9a3f5040540948313f36934d7b05b1.template(`<span><!--$--></span>`);
|
|
7
|
+
const template_b5a9a3f5040540948313f36934d7b05b1o = template_b5a9a3f5040540948313f36934d7b05b1.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
|
|
8
|
+
const template_b5a9a3f5040540948313f36934d7b05b1t = template_b5a9a3f5040540948313f36934d7b05b1.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_b5a9a3f5040540948313f36934d7b05b1s = template_b5a9a3f5040540948313f36934d7b05b1t(), element_b5a9a3f5040540948313f36934d7b05b1u = root_b5a9a3f5040540948313f36934d7b05b1s.firstChild, element_b5a9a3f5040540948313f36934d7b05b1v = element_b5a9a3f5040540948313f36934d7b05b1u.firstChild, attributes_b5a9a3f5040540948313f36934d7b05b1w = { "class": "counter" };
|
|
57
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05b1u, omit(attributes, OMIT), attributes_b5a9a3f5040540948313f36934d7b05b1w);
|
|
58
|
+
new template_b5a9a3f5040540948313f36934d7b05b1.EffectSlot(element_b5a9a3f5040540948313f36934d7b05b1v, () => {
|
|
59
59
|
let n = state.length;
|
|
60
60
|
if (n === 0) {
|
|
61
61
|
return '';
|
|
62
62
|
}
|
|
63
|
-
return new
|
|
63
|
+
return new template_b5a9a3f5040540948313f36934d7b05b1.ArraySlot(render, function (value) {
|
|
64
64
|
if (isNaN(parseInt(value, 10))) {
|
|
65
65
|
return (() => {
|
|
66
|
-
let
|
|
67
|
-
|
|
68
|
-
return
|
|
66
|
+
let root_b5a9a3f5040540948313f36934d7b05b1h = template_b5a9a3f5040540948313f36934d7b05b1i(), element_b5a9a3f5040540948313f36934d7b05b1j = root_b5a9a3f5040540948313f36934d7b05b1h.firstChild.firstChild;
|
|
67
|
+
template_b5a9a3f5040540948313f36934d7b05b1.slot(element_b5a9a3f5040540948313f36934d7b05b1j, value);
|
|
68
|
+
return root_b5a9a3f5040540948313f36934d7b05b1h;
|
|
69
69
|
})();
|
|
70
70
|
}
|
|
71
71
|
return (() => {
|
|
72
|
-
let
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
let
|
|
76
|
-
|
|
77
|
-
return
|
|
72
|
+
let root_b5a9a3f5040540948313f36934d7b05b1n = template_b5a9a3f5040540948313f36934d7b05b1o(), element_b5a9a3f5040540948313f36934d7b05b1p = root_b5a9a3f5040540948313f36934d7b05b1n.firstChild.firstElementChild, element_b5a9a3f5040540948313f36934d7b05b1q = element_b5a9a3f5040540948313f36934d7b05b1p.firstChild.nextSibling, attributes_b5a9a3f5040540948313f36934d7b05b1r = { "class": "counter-character-track", "style": "" };
|
|
73
|
+
template_b5a9a3f5040540948313f36934d7b05b1.setList(element_b5a9a3f5040540948313f36934d7b05b1p, 'style', `--value: ${value}`, attributes_b5a9a3f5040540948313f36934d7b05b1r);
|
|
74
|
+
template_b5a9a3f5040540948313f36934d7b05b1.slot(element_b5a9a3f5040540948313f36934d7b05b1q, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
|
|
75
|
+
let root_b5a9a3f5040540948313f36934d7b05b1k = template_b5a9a3f5040540948313f36934d7b05b1l(), element_b5a9a3f5040540948313f36934d7b05b1m = root_b5a9a3f5040540948313f36934d7b05b1k.firstChild.firstChild;
|
|
76
|
+
template_b5a9a3f5040540948313f36934d7b05b1.slot(element_b5a9a3f5040540948313f36934d7b05b1m, value);
|
|
77
|
+
return root_b5a9a3f5040540948313f36934d7b05b1k;
|
|
78
78
|
}));
|
|
79
|
-
return
|
|
79
|
+
return root_b5a9a3f5040540948313f36934d7b05b1n;
|
|
80
80
|
})();
|
|
81
81
|
});
|
|
82
82
|
});
|
|
83
|
-
return
|
|
83
|
+
return root_b5a9a3f5040540948313f36934d7b05b1s;
|
|
84
84
|
})();
|
|
85
85
|
};
|