@esportsplus/ui 0.24.1 → 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.
Files changed (56) hide show
  1. package/build/components/field/select.d.ts +20 -81
  2. package/package.json +2 -2
  3. package/src/components/field/select.ts +11 -14
  4. package/build/components/field/index.d.ts +0 -17061
  5. package/build/components/frame/index.d.ts +0 -20
  6. package/build/components/frame/index.js +0 -7
  7. package/build/components/grid/index.d.ts +0 -1
  8. package/build/components/grid/index.js +0 -1
  9. package/build/components/group/index.d.ts +0 -1
  10. package/build/components/group/index.js +0 -1
  11. package/build/components/highlight/index.d.ts +0 -21
  12. package/build/components/highlight/index.js +0 -48
  13. package/build/components/icon/index.d.ts +0 -20
  14. package/build/components/icon/index.js +0 -10
  15. package/build/components/index.d.ts +0 -37
  16. package/build/components/index.js +0 -37
  17. package/build/components/json/download.d.ts +0 -2
  18. package/build/components/json/download.js +0 -8
  19. package/build/components/json/index.d.ts +0 -4
  20. package/build/components/json/index.js +0 -2
  21. package/build/components/link/index.d.ts +0 -1
  22. package/build/components/link/index.js +0 -1
  23. package/build/components/loader/index.d.ts +0 -21
  24. package/build/components/loader/index.js +0 -67
  25. package/build/components/loading/index.d.ts +0 -4
  26. package/build/components/loading/index.js +0 -12
  27. package/build/components/modal/index.d.ts +0 -1
  28. package/build/components/modal/index.js +0 -1
  29. package/build/components/number/index.d.ts +0 -2
  30. package/build/components/number/index.js +0 -2
  31. package/build/components/overlay/index.d.ts +0 -20
  32. package/build/components/overlay/index.js +0 -7
  33. package/build/components/page/index.d.ts +0 -1
  34. package/build/components/page/index.js +0 -1
  35. package/build/components/row/index.d.ts +0 -1
  36. package/build/components/row/index.js +0 -1
  37. package/build/components/sidebar/index.d.ts +0 -20
  38. package/build/components/sidebar/index.js +0 -7
  39. package/build/components/site/index.d.ts +0 -20
  40. package/build/components/site/index.js +0 -9
  41. package/build/components/text/index.d.ts +0 -1
  42. package/build/components/text/index.js +0 -1
  43. package/build/components/thumbnail/index.d.ts +0 -1
  44. package/build/components/thumbnail/index.js +0 -1
  45. package/build/components/truncate/index.d.ts +0 -2
  46. package/build/components/truncate/index.js +0 -2
  47. package/build/components/typewriter/index.d.ts +0 -20
  48. package/build/components/typewriter/index.js +0 -43
  49. package/build/css-utilities/index.d.ts +0 -20
  50. package/build/css-utilities/index.js +0 -20
  51. package/build/fonts/index.d.ts +0 -1
  52. package/build/fonts/index.js +0 -1
  53. package/build/fonts/montserrat/index.d.ts +0 -1
  54. package/build/fonts/montserrat/index.js +0 -1
  55. package/build/normalize/index.d.ts +0 -1
  56. 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,7 +0,0 @@
1
- import scrollbar from '../../components/scrollbar/index.js';
2
- import './scss/index.scss';
3
- export default scrollbar.bind({
4
- attributes: {
5
- class: 'frame'
6
- }
7
- });
@@ -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,2 +0,0 @@
1
- declare const _default: (content: any[] | Record<PropertyKey, any>, name: string) => void;
2
- export default _default;
@@ -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,4 +0,0 @@
1
- declare const _default: {
2
- download: (content: any[] | Record<PropertyKey, any>, name: string) => void;
3
- };
4
- export default _default;
@@ -1,2 +0,0 @@
1
- import download from './download.js';
2
- export default { download };
@@ -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,4 +0,0 @@
1
- import { Attributes } from '@esportsplus/template';
2
- import './scss/index.scss';
3
- declare const _default: (attributes?: Attributes) => Node;
4
- export default _default;
@@ -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,2 +0,0 @@
1
- import { number } from '@esportsplus/utilities';
2
- export default number;
@@ -1,2 +0,0 @@
1
- import { number } from '@esportsplus/utilities';
2
- export default number;
@@ -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,7 +0,0 @@
1
- import scrollbar from '../../components/scrollbar/index.js';
2
- import './scss/index.scss';
3
- export default scrollbar.bind({
4
- attributes: {
5
- class: 'overlay'
6
- }
7
- });
@@ -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,7 +0,0 @@
1
- import scrollbar from '../../components/scrollbar/index.js';
2
- import './scss/index.scss';
3
- export default scrollbar.bind({
4
- attributes: {
5
- class: 'sidebar'
6
- }
7
- });
@@ -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,9 +0,0 @@
1
- import { onclick } from '../../components/root/index.js';
2
- import scrollbar from '../../components/scrollbar/index.js';
3
- import './scss/index.scss';
4
- export default scrollbar.bind({
5
- attributes: {
6
- class: 'site',
7
- onclick
8
- }
9
- });
@@ -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,2 +0,0 @@
1
- import { truncate } from '@esportsplus/utilities';
2
- export default truncate;
@@ -1,2 +0,0 @@
1
- import { truncate } from '@esportsplus/utilities';
2
- export default truncate;
@@ -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';