@esportsplus/ui 0.24.2 → 0.24.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/field/select.d.ts +20 -81
- package/package.json +1 -1
- package/src/components/field/select.ts +11 -14
- package/build/components/field/index.d.ts +0 -17061
- package/build/components/frame/index.d.ts +0 -20
- package/build/components/frame/index.js +0 -7
- package/build/components/grid/index.d.ts +0 -1
- package/build/components/grid/index.js +0 -1
- package/build/components/group/index.d.ts +0 -1
- package/build/components/group/index.js +0 -1
- package/build/components/highlight/index.d.ts +0 -21
- package/build/components/highlight/index.js +0 -48
- package/build/components/icon/index.d.ts +0 -20
- package/build/components/icon/index.js +0 -10
- package/build/components/index.d.ts +0 -37
- package/build/components/index.js +0 -37
- package/build/components/json/download.d.ts +0 -2
- package/build/components/json/download.js +0 -8
- package/build/components/json/index.d.ts +0 -4
- package/build/components/json/index.js +0 -2
- package/build/components/link/index.d.ts +0 -1
- package/build/components/link/index.js +0 -1
- package/build/components/loader/index.d.ts +0 -21
- package/build/components/loader/index.js +0 -67
- package/build/components/loading/index.d.ts +0 -4
- package/build/components/loading/index.js +0 -12
- package/build/components/modal/index.d.ts +0 -1
- package/build/components/modal/index.js +0 -1
- package/build/components/number/index.d.ts +0 -2
- package/build/components/number/index.js +0 -2
- package/build/components/overlay/index.d.ts +0 -20
- package/build/components/overlay/index.js +0 -7
- package/build/components/page/index.d.ts +0 -1
- package/build/components/page/index.js +0 -1
- package/build/components/row/index.d.ts +0 -1
- package/build/components/row/index.js +0 -1
- package/build/components/sidebar/index.d.ts +0 -20
- package/build/components/sidebar/index.js +0 -7
- package/build/components/site/index.d.ts +0 -20
- package/build/components/site/index.js +0 -9
- package/build/components/text/index.d.ts +0 -1
- package/build/components/text/index.js +0 -1
- package/build/components/thumbnail/index.d.ts +0 -1
- package/build/components/thumbnail/index.js +0 -1
- package/build/components/truncate/index.d.ts +0 -2
- package/build/components/truncate/index.js +0 -2
- package/build/components/typewriter/index.d.ts +0 -20
- package/build/components/typewriter/index.js +0 -43
- package/build/css-utilities/index.d.ts +0 -20
- package/build/css-utilities/index.js +0 -20
- package/build/fonts/index.d.ts +0 -1
- package/build/fonts/index.js +0 -1
- package/build/fonts/montserrat/index.d.ts +0 -1
- package/build/fonts/montserrat/index.js +0 -1
- package/build/normalize/index.d.ts +0 -1
- package/build/normalize/index.js +0 -1
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import './scss/index.scss';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
(): ReturnType<(this: {
|
|
4
|
-
attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
|
|
5
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
6
|
-
}, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
7
|
-
<T extends import("../../components/scrollbar/index.js").Attributes>(attributes: T): ReturnType<(this: {
|
|
8
|
-
attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
|
|
9
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
10
|
-
}, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
11
|
-
<T extends import("@esportsplus/template").Renderable<any>>(content: T): ReturnType<(this: {
|
|
12
|
-
attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
|
|
13
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
14
|
-
}, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
15
|
-
(attributes: import("../../components/scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
|
|
16
|
-
attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
|
|
17
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
18
|
-
}, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
19
|
-
};
|
|
20
|
-
export default _default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './scss/index.scss';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './scss/index.scss';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './scss/index.scss';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './scss/index.scss';
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Attributes } from '@esportsplus/template';
|
|
2
|
-
import './scss/index.scss';
|
|
3
|
-
declare const _default: {
|
|
4
|
-
(): ReturnType<(this: {
|
|
5
|
-
attributes?: Attributes | undefined;
|
|
6
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
7
|
-
}, attributes: Readonly<Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
8
|
-
<T extends Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
-
attributes?: Attributes | undefined;
|
|
10
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
11
|
-
}, attributes: Readonly<Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
12
|
-
<T extends import("@esportsplus/template").Renderable<any>>(content: T): ReturnType<(this: {
|
|
13
|
-
attributes?: Attributes | undefined;
|
|
14
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
15
|
-
}, attributes: Readonly<Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
16
|
-
(attributes: Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
|
|
17
|
-
attributes?: Attributes | undefined;
|
|
18
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
19
|
-
}, attributes: Readonly<Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
20
|
-
};
|
|
21
|
-
export default _default;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { reactive } from '@esportsplus/reactivity';
|
|
2
|
-
import { html } from '@esportsplus/template';
|
|
3
|
-
import { omit } from '@esportsplus/utilities';
|
|
4
|
-
import template from '../../components/template/index.js';
|
|
5
|
-
import './scss/index.scss';
|
|
6
|
-
const OMIT = ['background'];
|
|
7
|
-
let key = Symbol(), observer = null;
|
|
8
|
-
export default template.factory((attributes, content) => {
|
|
9
|
-
if (observer === null) {
|
|
10
|
-
observer = new IntersectionObserver((entries) => {
|
|
11
|
-
let disconnected = 0, n = entries.length;
|
|
12
|
-
for (let i = 0; i < n; i++) {
|
|
13
|
-
let { isIntersecting, target } = entries[i];
|
|
14
|
-
if (target.isConnected) {
|
|
15
|
-
target[key].highlight = +isIntersecting;
|
|
16
|
-
}
|
|
17
|
-
else {
|
|
18
|
-
disconnected++;
|
|
19
|
-
observer.unobserve(target);
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
if (n - disconnected === 0) {
|
|
23
|
-
observer.disconnect();
|
|
24
|
-
observer = null;
|
|
25
|
-
}
|
|
26
|
-
}, { threshold: 1 });
|
|
27
|
-
}
|
|
28
|
-
let state = reactive({
|
|
29
|
-
highlight: 0
|
|
30
|
-
});
|
|
31
|
-
return html `
|
|
32
|
-
<div class='highlight'
|
|
33
|
-
${omit(attributes, OMIT)}
|
|
34
|
-
${{
|
|
35
|
-
onrender: (element) => {
|
|
36
|
-
element[key] = state;
|
|
37
|
-
observer.observe(element);
|
|
38
|
-
},
|
|
39
|
-
style: [
|
|
40
|
-
() => `--highlight: ${state.highlight}`,
|
|
41
|
-
`--background: ${attributes.background}`,
|
|
42
|
-
]
|
|
43
|
-
}}
|
|
44
|
-
>
|
|
45
|
-
${content}
|
|
46
|
-
</div>
|
|
47
|
-
`;
|
|
48
|
-
});
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import './scss/index.scss';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
(): ReturnType<(this: {
|
|
4
|
-
attributes?: import("@esportsplus/template").Attributes | undefined;
|
|
5
|
-
content?: string | undefined;
|
|
6
|
-
}, attributes: Readonly<import("@esportsplus/template").Attributes>, content: string) => import("@esportsplus/template").Renderable<any>>;
|
|
7
|
-
<T extends import("@esportsplus/template").Attributes>(attributes: T): ReturnType<(this: {
|
|
8
|
-
attributes?: import("@esportsplus/template").Attributes | undefined;
|
|
9
|
-
content?: string | undefined;
|
|
10
|
-
}, attributes: Readonly<import("@esportsplus/template").Attributes>, content: string) => import("@esportsplus/template").Renderable<any>>;
|
|
11
|
-
<T extends string>(content: T): ReturnType<(this: {
|
|
12
|
-
attributes?: import("@esportsplus/template").Attributes | undefined;
|
|
13
|
-
content?: string | undefined;
|
|
14
|
-
}, attributes: Readonly<import("@esportsplus/template").Attributes>, content: string) => import("@esportsplus/template").Renderable<any>>;
|
|
15
|
-
(attributes: import("@esportsplus/template").Attributes, content: string): ReturnType<(this: {
|
|
16
|
-
attributes?: import("@esportsplus/template").Attributes | undefined;
|
|
17
|
-
content?: string | undefined;
|
|
18
|
-
}, attributes: Readonly<import("@esportsplus/template").Attributes>, content: string) => import("@esportsplus/template").Renderable<any>>;
|
|
19
|
-
};
|
|
20
|
-
export default _default;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { html, svg } from '@esportsplus/template';
|
|
2
|
-
import template from '../../components/template/index.js';
|
|
3
|
-
import './scss/index.scss';
|
|
4
|
-
export default template.factory((attributes, icon) => {
|
|
5
|
-
return html `
|
|
6
|
-
<div class='icon' ${attributes}>
|
|
7
|
-
${svg.sprite(icon)}
|
|
8
|
-
</div>
|
|
9
|
-
`;
|
|
10
|
-
});
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
export { default as accordion } from './accordion/index.js';
|
|
2
|
-
export * as anchor from './anchor/index.js';
|
|
3
|
-
export * as banner from './banner/index.js';
|
|
4
|
-
export * as border from './border/index.js';
|
|
5
|
-
export * as bubble from './bubble/index.js';
|
|
6
|
-
export * as button from './button/index.js';
|
|
7
|
-
export * as card from './card/index.js';
|
|
8
|
-
export { default as clipboard } from './clipboard/index.js';
|
|
9
|
-
export * as container from './container/index.js';
|
|
10
|
-
export { default as counter } from './counter/index.js';
|
|
11
|
-
export { default as ellipsis } from './ellipsis/index.js';
|
|
12
|
-
export { default as field } from './field/index.js';
|
|
13
|
-
export { default as form } from './form/index.js';
|
|
14
|
-
export * as frame from './frame/index.js';
|
|
15
|
-
export * as grid from './grid/index.js';
|
|
16
|
-
export * as group from './group/index.js';
|
|
17
|
-
export { default as highlight } from './highlight/index.js';
|
|
18
|
-
export { default as icon } from './icon/index.js';
|
|
19
|
-
export { default as json } from './json/index.js';
|
|
20
|
-
export * as link from './link/index.js';
|
|
21
|
-
export { default as loader } from './loader/index.js';
|
|
22
|
-
export { default as loading } from './loading/index.js';
|
|
23
|
-
export * as modal from './modal/index.js';
|
|
24
|
-
export { default as number } from './number/index.js';
|
|
25
|
-
export { default as overlay } from './overlay/index.js';
|
|
26
|
-
export * from './page/index.js';
|
|
27
|
-
export { default as root } from './root/index.js';
|
|
28
|
-
export * as row from './row/index.js';
|
|
29
|
-
export { default as scrollbar } from './scrollbar/index.js';
|
|
30
|
-
export { default as sidebar } from './sidebar/index.js';
|
|
31
|
-
export { default as site } from './site/index.js';
|
|
32
|
-
export { default as template } from './template/index.js';
|
|
33
|
-
export * as text from './text/index.js';
|
|
34
|
-
export * as thumbnail from './thumbnail/index.js';
|
|
35
|
-
export { default as tooltip } from './tooltip/index.js';
|
|
36
|
-
export { default as truncate } from './truncate/index.js';
|
|
37
|
-
export { default as typewriter } from './typewriter/index.js';
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
export { default as accordion } from './accordion/index.js';
|
|
2
|
-
export * as anchor from './anchor/index.js';
|
|
3
|
-
export * as banner from './banner/index.js';
|
|
4
|
-
export * as border from './border/index.js';
|
|
5
|
-
export * as bubble from './bubble/index.js';
|
|
6
|
-
export * as button from './button/index.js';
|
|
7
|
-
export * as card from './card/index.js';
|
|
8
|
-
export { default as clipboard } from './clipboard/index.js';
|
|
9
|
-
export * as container from './container/index.js';
|
|
10
|
-
export { default as counter } from './counter/index.js';
|
|
11
|
-
export { default as ellipsis } from './ellipsis/index.js';
|
|
12
|
-
export { default as field } from './field/index.js';
|
|
13
|
-
export { default as form } from './form/index.js';
|
|
14
|
-
export * as frame from './frame/index.js';
|
|
15
|
-
export * as grid from './grid/index.js';
|
|
16
|
-
export * as group from './group/index.js';
|
|
17
|
-
export { default as highlight } from './highlight/index.js';
|
|
18
|
-
export { default as icon } from './icon/index.js';
|
|
19
|
-
export { default as json } from './json/index.js';
|
|
20
|
-
export * as link from './link/index.js';
|
|
21
|
-
export { default as loader } from './loader/index.js';
|
|
22
|
-
export { default as loading } from './loading/index.js';
|
|
23
|
-
export * as modal from './modal/index.js';
|
|
24
|
-
export { default as number } from './number/index.js';
|
|
25
|
-
export { default as overlay } from './overlay/index.js';
|
|
26
|
-
export * from './page/index.js';
|
|
27
|
-
export { default as root } from './root/index.js';
|
|
28
|
-
export * as row from './row/index.js';
|
|
29
|
-
export { default as scrollbar } from './scrollbar/index.js';
|
|
30
|
-
export { default as sidebar } from './sidebar/index.js';
|
|
31
|
-
export { default as site } from './site/index.js';
|
|
32
|
-
export { default as template } from './template/index.js';
|
|
33
|
-
export * as text from './text/index.js';
|
|
34
|
-
export * as thumbnail from './thumbnail/index.js';
|
|
35
|
-
export { default as tooltip } from './tooltip/index.js';
|
|
36
|
-
export { default as truncate } from './truncate/index.js';
|
|
37
|
-
export { default as typewriter } from './typewriter/index.js';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export default (content, name) => {
|
|
2
|
-
let link = document.createElement('a');
|
|
3
|
-
link.download = name + '.json';
|
|
4
|
-
link.href = window.URL.createObjectURL(new Blob([JSON.stringify(content)], { type: 'application/json' }));
|
|
5
|
-
document.body.appendChild(link);
|
|
6
|
-
link.click();
|
|
7
|
-
document.body.removeChild(link);
|
|
8
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './scss/index.scss';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './scss/index.scss';
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Attributes } from '@esportsplus/template';
|
|
2
|
-
import './scss/index.scss';
|
|
3
|
-
declare const _default: {
|
|
4
|
-
(): ReturnType<(this: {
|
|
5
|
-
attributes?: Attributes | undefined;
|
|
6
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
7
|
-
}, attributes: Readonly<Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
8
|
-
<T extends Attributes>(attributes: T): ReturnType<(this: {
|
|
9
|
-
attributes?: Attributes | undefined;
|
|
10
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
11
|
-
}, attributes: Readonly<Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
12
|
-
<T extends import("@esportsplus/template").Renderable<any>>(content: T): ReturnType<(this: {
|
|
13
|
-
attributes?: Attributes | undefined;
|
|
14
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
15
|
-
}, attributes: Readonly<Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
16
|
-
(attributes: Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
|
|
17
|
-
attributes?: Attributes | undefined;
|
|
18
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
19
|
-
}, attributes: Readonly<Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
20
|
-
};
|
|
21
|
-
export default _default;
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { reactive } from '@esportsplus/reactivity';
|
|
2
|
-
import { html } from '@esportsplus/template';
|
|
3
|
-
import { omit } from '@esportsplus/utilities';
|
|
4
|
-
import template from '../../components/template/index.js';
|
|
5
|
-
import './scss/index.scss';
|
|
6
|
-
const OMIT = ['loader-content', 'loader-logo'];
|
|
7
|
-
export default template.factory((attributes, content) => {
|
|
8
|
-
let a = {
|
|
9
|
-
class: () => state.load && 'loader--load'
|
|
10
|
-
}, state = reactive({
|
|
11
|
-
load: false,
|
|
12
|
-
remove: false,
|
|
13
|
-
scale: false
|
|
14
|
-
});
|
|
15
|
-
return () => {
|
|
16
|
-
if (state.remove) {
|
|
17
|
-
return;
|
|
18
|
-
}
|
|
19
|
-
let i = 0;
|
|
20
|
-
return html `
|
|
21
|
-
<div
|
|
22
|
-
class='loader'
|
|
23
|
-
onanimationend=${(e) => {
|
|
24
|
-
i++;
|
|
25
|
-
if (e.animationName === 'move' && i > 1) {
|
|
26
|
-
state.remove = true;
|
|
27
|
-
}
|
|
28
|
-
}}
|
|
29
|
-
${a}
|
|
30
|
-
${omit(attributes, OMIT)}
|
|
31
|
-
>
|
|
32
|
-
<div
|
|
33
|
-
class='loader'
|
|
34
|
-
${a}
|
|
35
|
-
${!content && {
|
|
36
|
-
onconnect: () => {
|
|
37
|
-
state.load = true;
|
|
38
|
-
}
|
|
39
|
-
}}
|
|
40
|
-
>
|
|
41
|
-
${content && html `
|
|
42
|
-
<div class='loader-content' ${attributes['loader-content']}>
|
|
43
|
-
<div
|
|
44
|
-
class='loader-logo text --flex-center --text-uppercase --text-600'
|
|
45
|
-
style='color: var(--color-grey-500);'
|
|
46
|
-
${attributes['loader-logo']}
|
|
47
|
-
${{
|
|
48
|
-
class: () => state.scale && 'loader-logo--scale',
|
|
49
|
-
onanimationend: ({ animationName: name }) => {
|
|
50
|
-
if (name === 'scale') {
|
|
51
|
-
state.load = true;
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
onconnect: () => {
|
|
55
|
-
state.scale = true;
|
|
56
|
-
}
|
|
57
|
-
}}
|
|
58
|
-
>
|
|
59
|
-
${content}
|
|
60
|
-
</div>
|
|
61
|
-
</div>
|
|
62
|
-
`}
|
|
63
|
-
</div>
|
|
64
|
-
</div>
|
|
65
|
-
`;
|
|
66
|
-
};
|
|
67
|
-
});
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { html } from '@esportsplus/template';
|
|
2
|
-
import './scss/index.scss';
|
|
3
|
-
export default (attributes) => {
|
|
4
|
-
return html `
|
|
5
|
-
<div
|
|
6
|
-
class='loading --border-width-700 --size-800'
|
|
7
|
-
style='--border-color: var(--color-border-500);'
|
|
8
|
-
${attributes}
|
|
9
|
-
>
|
|
10
|
-
</div>
|
|
11
|
-
`;
|
|
12
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './scss/index.scss';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './scss/index.scss';
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import './scss/index.scss';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
(): ReturnType<(this: {
|
|
4
|
-
attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
|
|
5
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
6
|
-
}, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
7
|
-
<T extends import("../../components/scrollbar/index.js").Attributes>(attributes: T): ReturnType<(this: {
|
|
8
|
-
attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
|
|
9
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
10
|
-
}, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
11
|
-
<T extends import("@esportsplus/template").Renderable<any>>(content: T): ReturnType<(this: {
|
|
12
|
-
attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
|
|
13
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
14
|
-
}, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
15
|
-
(attributes: import("../../components/scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
|
|
16
|
-
attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
|
|
17
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
18
|
-
}, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
19
|
-
};
|
|
20
|
-
export default _default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './scss/index.scss';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './scss/index.scss';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './scss/index.scss';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './scss/index.scss';
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import './scss/index.scss';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
(): ReturnType<(this: {
|
|
4
|
-
attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
|
|
5
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
6
|
-
}, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
7
|
-
<T extends import("../../components/scrollbar/index.js").Attributes>(attributes: T): ReturnType<(this: {
|
|
8
|
-
attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
|
|
9
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
10
|
-
}, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
11
|
-
<T extends import("@esportsplus/template").Renderable<any>>(content: T): ReturnType<(this: {
|
|
12
|
-
attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
|
|
13
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
14
|
-
}, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
15
|
-
(attributes: import("../../components/scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
|
|
16
|
-
attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
|
|
17
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
18
|
-
}, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
19
|
-
};
|
|
20
|
-
export default _default;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import './scss/index.scss';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
(): ReturnType<(this: {
|
|
4
|
-
attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
|
|
5
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
6
|
-
}, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
7
|
-
<T extends import("../../components/scrollbar/index.js").Attributes>(attributes: T): ReturnType<(this: {
|
|
8
|
-
attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
|
|
9
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
10
|
-
}, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
11
|
-
<T extends import("@esportsplus/template").Renderable<any>>(content: T): ReturnType<(this: {
|
|
12
|
-
attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
|
|
13
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
14
|
-
}, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
15
|
-
(attributes: import("../../components/scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
|
|
16
|
-
attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
|
|
17
|
-
content?: import("@esportsplus/template").Renderable<any>;
|
|
18
|
-
}, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
|
|
19
|
-
};
|
|
20
|
-
export default _default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './scss/index.scss';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './scss/index.scss';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './scss/index.scss';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './scss/index.scss';
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import './scss/index.scss';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
(): ReturnType<(this: {
|
|
4
|
-
attributes?: import("@esportsplus/template").Attributes | undefined;
|
|
5
|
-
content?: string[] | undefined;
|
|
6
|
-
}, attributes: Readonly<import("@esportsplus/template").Attributes>, content: string[]) => import("@esportsplus/template").Renderable<any>>;
|
|
7
|
-
<T extends import("@esportsplus/template").Attributes>(attributes: T): ReturnType<(this: {
|
|
8
|
-
attributes?: import("@esportsplus/template").Attributes | undefined;
|
|
9
|
-
content?: string[] | undefined;
|
|
10
|
-
}, attributes: Readonly<import("@esportsplus/template").Attributes>, content: string[]) => import("@esportsplus/template").Renderable<any>>;
|
|
11
|
-
<T extends string[]>(content: T): ReturnType<(this: {
|
|
12
|
-
attributes?: import("@esportsplus/template").Attributes | undefined;
|
|
13
|
-
content?: string[] | undefined;
|
|
14
|
-
}, attributes: Readonly<import("@esportsplus/template").Attributes>, content: string[]) => import("@esportsplus/template").Renderable<any>>;
|
|
15
|
-
(attributes: import("@esportsplus/template").Attributes, content: string[]): ReturnType<(this: {
|
|
16
|
-
attributes?: import("@esportsplus/template").Attributes | undefined;
|
|
17
|
-
content?: string[] | undefined;
|
|
18
|
-
}, attributes: Readonly<import("@esportsplus/template").Attributes>, content: string[]) => import("@esportsplus/template").Renderable<any>>;
|
|
19
|
-
};
|
|
20
|
-
export default _default;
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { html } from '@esportsplus/template';
|
|
2
|
-
import { reactive } from '@esportsplus/reactivity';
|
|
3
|
-
import template from '../../components/template/index.js';
|
|
4
|
-
import './scss/index.scss';
|
|
5
|
-
const EMPTY_NODE = html ` `;
|
|
6
|
-
export default template.factory(function (_, content) {
|
|
7
|
-
let state = reactive({ text: '' });
|
|
8
|
-
return html `
|
|
9
|
-
<div class='typewriter' ${{
|
|
10
|
-
onconnect: () => {
|
|
11
|
-
let character = 0, i = 0, isWriting = true, write = content[i];
|
|
12
|
-
function play() {
|
|
13
|
-
setTimeout(() => {
|
|
14
|
-
state.text = write.slice(0, character);
|
|
15
|
-
if (isWriting) {
|
|
16
|
-
if (character > write.length) {
|
|
17
|
-
isWriting = false;
|
|
18
|
-
setTimeout(play, 2000);
|
|
19
|
-
return;
|
|
20
|
-
}
|
|
21
|
-
else {
|
|
22
|
-
character++;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
else {
|
|
26
|
-
if (character === 0) {
|
|
27
|
-
isWriting = true;
|
|
28
|
-
write = content[++i] || content[i = 0];
|
|
29
|
-
}
|
|
30
|
-
else {
|
|
31
|
-
character--;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
play();
|
|
35
|
-
}, isWriting ? 64 : 32);
|
|
36
|
-
}
|
|
37
|
-
play();
|
|
38
|
-
}
|
|
39
|
-
}}>
|
|
40
|
-
${() => state.text || EMPTY_NODE}
|
|
41
|
-
</div>
|
|
42
|
-
`;
|
|
43
|
-
});
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import './[margin,padding]/scss/index.scss';
|
|
2
|
-
import './absolute/scss/index.scss';
|
|
3
|
-
import './background/scss/index.scss';
|
|
4
|
-
import './border/scss/index.scss';
|
|
5
|
-
import './color/scss/index.scss';
|
|
6
|
-
import './disabled/scss/index.scss';
|
|
7
|
-
import './flex/scss/index.scss';
|
|
8
|
-
import './flicker/scss/index.scss';
|
|
9
|
-
import './focus/scss/index.scss';
|
|
10
|
-
import './glass/scss/index.scss';
|
|
11
|
-
import './hidden/scss/index.scss';
|
|
12
|
-
import './inline/scss/index.scss';
|
|
13
|
-
import './line-height/scss/index.scss';
|
|
14
|
-
import './not-allowed/scss/index.scss';
|
|
15
|
-
import './pointer/scss/index.scss';
|
|
16
|
-
import './size/scss/index.scss';
|
|
17
|
-
import './squircle/scss/index.scss';
|
|
18
|
-
import './text/scss/index.scss';
|
|
19
|
-
import './viewport/scss/index.scss';
|
|
20
|
-
import './width/scss/index.scss';
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import './[margin,padding]/scss/index.scss';
|
|
2
|
-
import './absolute/scss/index.scss';
|
|
3
|
-
import './background/scss/index.scss';
|
|
4
|
-
import './border/scss/index.scss';
|
|
5
|
-
import './color/scss/index.scss';
|
|
6
|
-
import './disabled/scss/index.scss';
|
|
7
|
-
import './flex/scss/index.scss';
|
|
8
|
-
import './flicker/scss/index.scss';
|
|
9
|
-
import './focus/scss/index.scss';
|
|
10
|
-
import './glass/scss/index.scss';
|
|
11
|
-
import './hidden/scss/index.scss';
|
|
12
|
-
import './inline/scss/index.scss';
|
|
13
|
-
import './line-height/scss/index.scss';
|
|
14
|
-
import './not-allowed/scss/index.scss';
|
|
15
|
-
import './pointer/scss/index.scss';
|
|
16
|
-
import './size/scss/index.scss';
|
|
17
|
-
import './squircle/scss/index.scss';
|
|
18
|
-
import './text/scss/index.scss';
|
|
19
|
-
import './viewport/scss/index.scss';
|
|
20
|
-
import './width/scss/index.scss';
|