@esportsplus/ui 0.48.3 → 0.48.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 +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 +3 -3
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 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_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Attributes | undefined;
|
|
6
|
+
content?: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>;
|
|
7
|
+
}, attributes: Readonly<template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Attributes>, content: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>) => template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>>;
|
|
8
|
+
<T extends template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
+
attributes?: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Attributes | undefined;
|
|
10
|
+
content?: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>;
|
|
11
|
+
}, attributes: Readonly<template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Attributes>, content: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>) => template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>>;
|
|
12
|
+
<T extends template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>>(content: T): ReturnType<(this: {
|
|
13
|
+
attributes?: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Attributes | undefined;
|
|
14
|
+
content?: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>;
|
|
15
|
+
}, attributes: Readonly<template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Attributes>, content: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>) => template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>>;
|
|
16
|
+
(attributes: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Attributes, content: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>): ReturnType<(this: {
|
|
17
|
+
attributes?: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Attributes | undefined;
|
|
18
|
+
content?: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>;
|
|
19
|
+
}, attributes: Readonly<template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Attributes>, content: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>) => template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>>;
|
|
20
20
|
};
|
|
21
21
|
export default _default;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 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_9940f1ff6ffb4f4abe1c7b9b2fa7085d3 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.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_9940f1ff6ffb4f4abe1c7b9b2fa7085d2 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d3(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d4 = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d2.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d5 = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d4.firstChild;
|
|
15
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d4, omit(attributes, OMIT));
|
|
16
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d4, '', () => {
|
|
17
17
|
return state.active && '--active';
|
|
18
18
|
});
|
|
19
|
-
|
|
19
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.onrender(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d4, (element) => {
|
|
20
20
|
(ref = element)[key] = state;
|
|
21
21
|
});
|
|
22
|
-
|
|
22
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setStyle(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d4, '', () => {
|
|
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_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d5, content);
|
|
30
|
+
return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d2;
|
|
31
31
|
})();
|
|
32
32
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import '@esportsplus/vite/global.d.ts';
|
|
2
|
-
import * as
|
|
2
|
+
import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 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_9940f1ff6ffb4f4abe1c7b9b2fa7085d7 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<div class='--flex-vertical'><!--$--></div>`);
|
|
11
|
+
const template_9940f1ff6ffb4f4abe1c7b9b2fa7085db = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<p><!--$--></p>`);
|
|
12
|
+
const template_9940f1ff6ffb4f4abe1c7b9b2fa7085df = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<div class='--flex-start'><!--$--></div>`);
|
|
13
|
+
const template_9940f1ff6ffb4f4abe1c7b9b2fa7085di = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.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_9940f1ff6ffb4f4abe1c7b9b2fa7085dh = template_9940f1ff6ffb4f4abe1c7b9b2fa7085di(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085dj = root_9940f1ff6ffb4f4abe1c7b9b2fa7085dh.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085dk = element_9940f1ff6ffb4f4abe1c7b9b2fa7085dj.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085dl = element_9940f1ff6ffb4f4abe1c7b9b2fa7085dj.firstElementChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085dm = element_9940f1ff6ffb4f4abe1c7b9b2fa7085dl.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085dn = element_9940f1ff6ffb4f4abe1c7b9b2fa7085dl.nextElementSibling.firstElementChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085do = element_9940f1ff6ffb4f4abe1c7b9b2fa7085dn.firstElementChild.firstChild;
|
|
84
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dj, ' --flex-row', () => state.active && '--active');
|
|
85
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dj, omit(attributes, OMIT));
|
|
86
|
+
new template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.EffectSlot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dk, () => {
|
|
87
87
|
let type = state.type;
|
|
88
88
|
return (() => {
|
|
89
|
-
let
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
return
|
|
89
|
+
let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d6 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d7(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d8 = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d6.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d9 = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d8.firstChild;
|
|
90
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setStyle(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d8, ';', `--color: var(--color-${modifiers[type]}-400);`);
|
|
91
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d9, icon({ class: '--size-500' }, type === 'error' ? e : check));
|
|
92
|
+
return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d6;
|
|
93
93
|
})();
|
|
94
94
|
});
|
|
95
|
-
|
|
96
|
-
new
|
|
95
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dl, attributes['alert-messages']);
|
|
96
|
+
new template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.EffectSlot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dm, () => {
|
|
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_9940f1ff6ffb4f4abe1c7b9b2fa7085da = template_9940f1ff6ffb4f4abe1c7b9b2fa7085db(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085dc = root_9940f1ff6ffb4f4abe1c7b9b2fa7085da.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085dd = element_9940f1ff6ffb4f4abe1c7b9b2fa7085dc.firstChild;
|
|
102
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dc, message);
|
|
103
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dd, content);
|
|
104
|
+
return root_9940f1ff6ffb4f4abe1c7b9b2fa7085da;
|
|
105
105
|
})();
|
|
106
106
|
}
|
|
107
107
|
return (() => {
|
|
108
|
-
let
|
|
109
|
-
|
|
110
|
-
return
|
|
108
|
+
let root_9940f1ff6ffb4f4abe1c7b9b2fa7085de = template_9940f1ff6ffb4f4abe1c7b9b2fa7085df(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085dg = root_9940f1ff6ffb4f4abe1c7b9b2fa7085de.firstChild.firstChild;
|
|
109
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dg, content);
|
|
110
|
+
return root_9940f1ff6ffb4f4abe1c7b9b2fa7085de;
|
|
111
111
|
})();
|
|
112
112
|
});
|
|
113
113
|
});
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
return
|
|
114
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dn, 'click', () => deactivate(state));
|
|
115
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dn, attributes['alert-close']);
|
|
116
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085do, svg.sprite(close));
|
|
117
|
+
return root_9940f1ff6ffb4f4abe1c7b9b2fa7085dh;
|
|
118
118
|
})(),
|
|
119
119
|
deactivate: () => deactivate(state),
|
|
120
120
|
error,
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 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_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Attributes>, content: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>) => template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>>;
|
|
8
|
+
<T extends template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Attributes>(attributes: T): ReturnType<(this: {
|
|
9
9
|
attributes?: Attributes;
|
|
10
|
-
}, attributes: Readonly<
|
|
11
|
-
<T extends
|
|
10
|
+
}, attributes: Readonly<template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Attributes>, content: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>) => template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>>;
|
|
11
|
+
<T extends template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>>(content: T): ReturnType<(this: {
|
|
12
12
|
attributes?: Attributes;
|
|
13
|
-
}, attributes: Readonly<
|
|
14
|
-
(attributes:
|
|
13
|
+
}, attributes: Readonly<template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Attributes>, content: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>) => template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>>;
|
|
14
|
+
(attributes: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Attributes, content: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>): ReturnType<(this: {
|
|
15
15
|
attributes?: Attributes;
|
|
16
|
-
}, attributes: Readonly<
|
|
16
|
+
}, attributes: Readonly<template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Attributes>, content: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>) => template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>>;
|
|
17
17
|
};
|
|
18
18
|
export default _default;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 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_9940f1ff6ffb4f4abe1c7b9b2fa7085dq = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.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_9940f1ff6ffb4f4abe1c7b9b2fa7085dp = template_9940f1ff6ffb4f4abe1c7b9b2fa7085dq(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085dr = root_9940f1ff6ffb4f4abe1c7b9b2fa7085dp.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085ds = element_9940f1ff6ffb4f4abe1c7b9b2fa7085dr.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085dt = element_9940f1ff6ffb4f4abe1c7b9b2fa7085ds.nextSibling;
|
|
11
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dr, this.attributes);
|
|
12
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dr, attributes);
|
|
13
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085ds, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
|
|
14
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dt, content);
|
|
15
|
+
return root_9940f1ff6ffb4f4abe1c7b9b2fa7085dp;
|
|
16
16
|
})();
|
|
17
17
|
});
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 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_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.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_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.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_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Attributes>(attributes: T): ReturnType<(this: {
|
|
16
|
+
attributes?: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.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_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.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_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.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_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Attributes>, content: (state: {
|
|
35
35
|
holding: boolean;
|
|
36
36
|
complete: boolean;
|
|
37
37
|
}) => Renderable<any>) => Renderable<any>>;
|
|
38
|
-
(attributes:
|
|
38
|
+
(attributes: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Attributes, content: (state: {
|
|
39
39
|
holding: boolean;
|
|
40
40
|
complete: boolean;
|
|
41
41
|
}) => Renderable<any>): ReturnType<(this: {
|
|
42
|
-
attributes?:
|
|
42
|
+
attributes?: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.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_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.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_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.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_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.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_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Attributes>(attributes: T): ReturnType<(this: {
|
|
65
|
+
attributes?: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.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_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.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_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.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_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Attributes>, content: (state: {
|
|
84
84
|
holding: boolean;
|
|
85
85
|
complete: boolean;
|
|
86
86
|
}) => Renderable<any>) => Renderable<any>>;
|
|
87
|
-
(attributes:
|
|
87
|
+
(attributes: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Attributes, content: (state: {
|
|
88
88
|
holding: boolean;
|
|
89
89
|
complete: boolean;
|
|
90
90
|
}) => Renderable<any>): ReturnType<(this: {
|
|
91
|
-
attributes?:
|
|
91
|
+
attributes?: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.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_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.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_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 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_9940f1ff6ffb4f4abe1c7b9b2fa7085dv = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.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_9940f1ff6ffb4f4abe1c7b9b2fa7085du = template_9940f1ff6ffb4f4abe1c7b9b2fa7085dv(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw = root_9940f1ff6ffb4f4abe1c7b9b2fa7085du.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085dx = element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw.firstChild;
|
|
18
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw, ' ', () => state.holding && 'button--holding');
|
|
19
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw, ' ', () => state.complete && '--active');
|
|
20
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw, 'mousedown', (e) => {
|
|
21
21
|
e.preventDefault();
|
|
22
22
|
state.holding = true;
|
|
23
23
|
});
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw, attributes);
|
|
25
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw, 'animationend', (e) => {
|
|
26
26
|
if (e.animationName === 'buttonHolding') {
|
|
27
27
|
state.complete = true;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw, 'click', () => { });
|
|
31
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw, 'mousedown', (e) => {
|
|
32
32
|
e.preventDefault();
|
|
33
33
|
state.holding = true;
|
|
34
34
|
});
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
35
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw, 'mouseup', end);
|
|
36
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw, 'touchend', end);
|
|
37
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw, 'touchstart', (e) => {
|
|
38
38
|
e.preventDefault();
|
|
39
39
|
state.holding = true;
|
|
40
40
|
});
|
|
41
|
-
new
|
|
42
|
-
return
|
|
41
|
+
new template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.EffectSlot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dx, () => content(state));
|
|
42
|
+
return root_9940f1ff6ffb4f4abe1c7b9b2fa7085du;
|
|
43
43
|
})();
|
|
44
44
|
});
|
|
45
45
|
export default { hold };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 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_9940f1ff6ffb4f4abe1c7b9b2fa7085dz = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.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_9940f1ff6ffb4f4abe1c7b9b2fa7085dy = template_9940f1ff6ffb4f4abe1c7b9b2fa7085dz(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d10 = root_9940f1ff6ffb4f4abe1c7b9b2fa7085dy.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d11 = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d10.firstElementChild;
|
|
19
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d10, ' ', type);
|
|
20
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d10, ' ', () => state.active && '--active');
|
|
21
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d10, this?.attributes && omit(this.attributes, OMIT));
|
|
22
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d10, attributes && omit(attributes, OMIT));
|
|
23
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperty(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d11, 'checked', attributes?.checked || root(() => state.active));
|
|
24
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d11, '', `${type}-tag`);
|
|
25
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d11, 'change', (e) => {
|
|
26
26
|
state.active = e.target.checked;
|
|
27
27
|
});
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
return
|
|
28
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.onrender(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d11, form.input.onrender(state));
|
|
29
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperty(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d11, 'type', type === 'radio' ? 'radio' : 'checkbox');
|
|
30
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperty(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d11, 'value', attributes?.value || 1);
|
|
31
|
+
return root_9940f1ff6ffb4f4abe1c7b9b2fa7085dy;
|
|
32
32
|
})();
|
|
33
33
|
}
|
|
34
34
|
return template;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 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_9940f1ff6ffb4f4abe1c7b9b2fa7085d13 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.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_9940f1ff6ffb4f4abe1c7b9b2fa7085d12 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d13(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d14 = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d12.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d15 = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d14.firstChild;
|
|
14
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d14, omit(attributes, OMIT));
|
|
15
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d14, '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_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.EffectSlot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d15, () => content(state));
|
|
26
|
+
return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d12;
|
|
27
27
|
})();
|
|
28
28
|
});
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 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_9940f1ff6ffb4f4abe1c7b9b2fa7085d17 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
|
|
6
|
+
const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1a = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<span><!--$--></span>`);
|
|
7
|
+
const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1d = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
|
|
8
|
+
const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1h = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.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_9940f1ff6ffb4f4abe1c7b9b2fa7085d1g = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1h(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1i = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1g.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1j = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1i.firstChild;
|
|
57
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1i, omit(attributes, OMIT));
|
|
58
|
+
new template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.EffectSlot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1j, () => {
|
|
59
59
|
let n = state.length;
|
|
60
60
|
if (n === 0) {
|
|
61
61
|
return '';
|
|
62
62
|
}
|
|
63
|
-
return new
|
|
63
|
+
return new template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.ArraySlot(render, function (value) {
|
|
64
64
|
if (isNaN(parseInt(value, 10))) {
|
|
65
65
|
return (() => {
|
|
66
|
-
let
|
|
67
|
-
|
|
68
|
-
return
|
|
66
|
+
let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d16 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d17(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d18 = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d16.firstChild.firstChild;
|
|
67
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d18, value);
|
|
68
|
+
return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d16;
|
|
69
69
|
})();
|
|
70
70
|
}
|
|
71
71
|
return (() => {
|
|
72
|
-
let
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
let
|
|
76
|
-
|
|
77
|
-
return
|
|
72
|
+
let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1c = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1d(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1e = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1c.firstChild.firstElementChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1f = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1e.firstChild.nextSibling;
|
|
73
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setStyle(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1e, ';', `--value: ${value}`);
|
|
74
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1f, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
|
|
75
|
+
let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d19 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1a(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1b = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d19.firstChild.firstChild;
|
|
76
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1b, value);
|
|
77
|
+
return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d19;
|
|
78
78
|
}));
|
|
79
|
-
return
|
|
79
|
+
return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1c;
|
|
80
80
|
})();
|
|
81
81
|
});
|
|
82
82
|
});
|
|
83
|
-
return
|
|
83
|
+
return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1g;
|
|
84
84
|
})();
|
|
85
85
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 from '@esportsplus/template';
|
|
2
2
|
import './scss/index.scss';
|
|
3
|
-
const
|
|
3
|
+
const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1l = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
|
|
4
4
|
export default (attributes) => {
|
|
5
|
-
let
|
|
6
|
-
|
|
7
|
-
return
|
|
5
|
+
let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1k = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1l(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1m = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1k.firstChild;
|
|
6
|
+
template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1m, attributes);
|
|
7
|
+
return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1k;
|
|
8
8
|
};
|