@esportsplus/ui 0.49.2 → 0.49.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/accordion/index.d.ts +16 -16
- package/build/components/accordion/index.js +11 -11
- package/build/components/alert/index.js +26 -26
- package/build/components/back/index.d.ts +8 -8
- package/build/components/back/index.js +8 -8
- package/build/components/button/index.d.ts +21 -21
- package/build/components/button/index.js +15 -15
- package/build/components/checkbox/index.js +14 -14
- package/build/components/clipboard/onclick.js +7 -7
- package/build/components/counter/index.js +20 -20
- package/build/components/ellipsis/index.js +5 -5
- package/build/components/form/action.js +8 -8
- package/build/components/highlight/index.d.ts +16 -16
- package/build/components/highlight/index.js +9 -9
- package/build/components/icon/index.d.ts +11 -11
- package/build/components/icon/index.js +6 -6
- package/build/components/input/index.js +11 -11
- package/build/components/loader/index.d.ts +16 -16
- package/build/components/loader/index.js +21 -21
- package/build/components/loading/index.js +5 -5
- package/build/components/range/index.js +13 -13
- package/build/components/scrollbar/index.d.ts +11 -11
- package/build/components/scrollbar/index.js +15 -15
- package/build/components/select/index.js +24 -24
- package/build/components/textarea/index.js +11 -11
- package/build/components/tooltip/menu.d.ts +11 -11
- package/build/components/tooltip/menu.js +20 -20
- package/build/components/tooltip/onclick.d.ts +1101 -1101
- package/build/components/tooltip/onclick.js +8 -8
- package/build/components/tooltip/onhover.d.ts +16 -16
- package/build/components/tooltip/onhover.js +9 -9
- package/build/components/typewriter/index.d.ts +11 -11
- package/build/components/typewriter/index.js +8 -8
- package/package.json +2 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_6f5bab561bca4d9ab40f79d00d2111801 from '@esportsplus/frontend';
|
|
2
2
|
import { reactive } from '@esportsplus/frontend';
|
|
3
3
|
import { EMPTY_ARRAY, omit, toArray } from '@esportsplus/utilities';
|
|
4
4
|
import form from '../../components/form/index.js';
|
|
@@ -6,8 +6,8 @@ import root from '../../components/root/index.js';
|
|
|
6
6
|
import scrollbar from '../../components/scrollbar/index.js';
|
|
7
7
|
import template from '../../components/template/index.js';
|
|
8
8
|
import './scss/index.scss';
|
|
9
|
-
const
|
|
10
|
-
const
|
|
9
|
+
const template_6f5bab561bca4d9ab40f79d00d2111803g = template_6f5bab561bca4d9ab40f79d00d2111801.template(`<div class='link select-option '><!--$--></div>`);
|
|
10
|
+
const template_6f5bab561bca4d9ab40f79d00d2111803l = template_6f5bab561bca4d9ab40f79d00d2111801.template(`<div class='select tooltip '><!--$--><div class='select-arrow'></div><input class='select-tag' /><!--$--></div>`);
|
|
11
11
|
const OMIT = [
|
|
12
12
|
'arrow',
|
|
13
13
|
'options',
|
|
@@ -51,17 +51,17 @@ const select = template.factory(function (attributes, content) {
|
|
|
51
51
|
selected: attributes.selected || Object.keys(options)[0]
|
|
52
52
|
});
|
|
53
53
|
return (() => {
|
|
54
|
-
let
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
54
|
+
let root_6f5bab561bca4d9ab40f79d00d2111803k = template_6f5bab561bca4d9ab40f79d00d2111803l(), element_6f5bab561bca4d9ab40f79d00d2111803m = root_6f5bab561bca4d9ab40f79d00d2111803k.firstChild, element_6f5bab561bca4d9ab40f79d00d2111803n = element_6f5bab561bca4d9ab40f79d00d2111803m.firstChild, element_6f5bab561bca4d9ab40f79d00d2111803o = element_6f5bab561bca4d9ab40f79d00d2111803m.firstElementChild, element_6f5bab561bca4d9ab40f79d00d2111803p = element_6f5bab561bca4d9ab40f79d00d2111803o.nextElementSibling, element_6f5bab561bca4d9ab40f79d00d2111803q = element_6f5bab561bca4d9ab40f79d00d2111803m.nextSibling, attributes_6f5bab561bca4d9ab40f79d00d2111803r = { "class": "select tooltip" }, attributes_6f5bab561bca4d9ab40f79d00d2111803s = { "class": "select-arrow" };
|
|
55
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d2111803m, 'class', () => state.active && '--active', attributes_6f5bab561bca4d9ab40f79d00d2111803r);
|
|
56
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111803m, this?.attributes && omit(this.attributes, OMIT), attributes_6f5bab561bca4d9ab40f79d00d2111803r);
|
|
57
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111803m, omit(attributes, OMIT), attributes_6f5bab561bca4d9ab40f79d00d2111803r);
|
|
58
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.delegate(element_6f5bab561bca4d9ab40f79d00d2111803m, 'click', () => {
|
|
59
59
|
if (state.render) {
|
|
60
60
|
set(state, !state.active);
|
|
61
61
|
}
|
|
62
62
|
state.render = true;
|
|
63
63
|
});
|
|
64
|
-
new
|
|
64
|
+
new template_6f5bab561bca4d9ab40f79d00d2111801.EffectSlot(element_6f5bab561bca4d9ab40f79d00d2111803n, content ? (() => content(state)) : (() => {
|
|
65
65
|
let selected = options[state.selected];
|
|
66
66
|
if (!selected) {
|
|
67
67
|
return '-';
|
|
@@ -71,13 +71,13 @@ const select = template.factory(function (attributes, content) {
|
|
|
71
71
|
}
|
|
72
72
|
return selected;
|
|
73
73
|
}));
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
new
|
|
74
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111803o, this?.attributes?.arrow, attributes_6f5bab561bca4d9ab40f79d00d2111803s);
|
|
75
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111803o, attributes.arrow, attributes_6f5bab561bca4d9ab40f79d00d2111803s);
|
|
76
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.setProperty(element_6f5bab561bca4d9ab40f79d00d2111803p, 'name', attributes.name);
|
|
77
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.delegate(element_6f5bab561bca4d9ab40f79d00d2111803p, 'click', () => { });
|
|
78
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.onrender(element_6f5bab561bca4d9ab40f79d00d2111803p, form.input.onrender(state));
|
|
79
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.setProperty(element_6f5bab561bca4d9ab40f79d00d2111803p, 'value', () => state.selected);
|
|
80
|
+
new template_6f5bab561bca4d9ab40f79d00d2111801.EffectSlot(element_6f5bab561bca4d9ab40f79d00d2111803q, () => {
|
|
81
81
|
if (!state.render) {
|
|
82
82
|
return;
|
|
83
83
|
}
|
|
@@ -120,17 +120,17 @@ const select = template.factory(function (attributes, content) {
|
|
|
120
120
|
content = content.content;
|
|
121
121
|
}
|
|
122
122
|
return (() => {
|
|
123
|
-
let
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
return
|
|
123
|
+
let root_6f5bab561bca4d9ab40f79d00d2111803f = template_6f5bab561bca4d9ab40f79d00d2111803g(), element_6f5bab561bca4d9ab40f79d00d2111803h = root_6f5bab561bca4d9ab40f79d00d2111803f.firstChild, element_6f5bab561bca4d9ab40f79d00d2111803i = element_6f5bab561bca4d9ab40f79d00d2111803h.firstChild, attributes_6f5bab561bca4d9ab40f79d00d2111803j = { "class": "link select-option" };
|
|
124
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d2111803h, 'class', () => selected[key] && '--active', attributes_6f5bab561bca4d9ab40f79d00d2111803j);
|
|
125
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111803h, this?.attributes?.option, attributes_6f5bab561bca4d9ab40f79d00d2111803j);
|
|
126
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111803h, option, attributes_6f5bab561bca4d9ab40f79d00d2111803j);
|
|
127
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.setProperty(element_6f5bab561bca4d9ab40f79d00d2111803h, 'data-key', key);
|
|
128
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.slot(element_6f5bab561bca4d9ab40f79d00d2111803i, content);
|
|
129
|
+
return root_6f5bab561bca4d9ab40f79d00d2111803f;
|
|
130
130
|
})();
|
|
131
131
|
}));
|
|
132
132
|
});
|
|
133
|
-
return
|
|
133
|
+
return root_6f5bab561bca4d9ab40f79d00d2111803k;
|
|
134
134
|
})();
|
|
135
135
|
});
|
|
136
136
|
export default select;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_6f5bab561bca4d9ab40f79d00d2111801 from '@esportsplus/frontend';
|
|
2
2
|
import { reactive } from '@esportsplus/frontend';
|
|
3
3
|
import { omit } from '@esportsplus/utilities';
|
|
4
4
|
import form from '../../components/form/index.js';
|
|
5
5
|
import './scss/index.scss';
|
|
6
|
-
const
|
|
6
|
+
const template_6f5bab561bca4d9ab40f79d00d2111803u = template_6f5bab561bca4d9ab40f79d00d2111801.template(`<textarea class='textarea'></textarea>`);
|
|
7
7
|
const OMIT = ['state'];
|
|
8
8
|
export default function (attributes) {
|
|
9
9
|
let state = attributes.state || reactive({
|
|
@@ -11,19 +11,19 @@ export default function (attributes) {
|
|
|
11
11
|
error: ''
|
|
12
12
|
});
|
|
13
13
|
return (() => {
|
|
14
|
-
let
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
14
|
+
let root_6f5bab561bca4d9ab40f79d00d2111803t = template_6f5bab561bca4d9ab40f79d00d2111803u(), element_6f5bab561bca4d9ab40f79d00d2111803v = root_6f5bab561bca4d9ab40f79d00d2111803t.firstChild, attributes_6f5bab561bca4d9ab40f79d00d2111803w = { "class": "textarea" };
|
|
15
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111803v, this?.attributes && omit(this.attributes, OMIT), attributes_6f5bab561bca4d9ab40f79d00d2111803w);
|
|
16
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111803v, omit(attributes, OMIT), attributes_6f5bab561bca4d9ab40f79d00d2111803w);
|
|
17
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d2111803v, 'class', () => state.active && '--active', attributes_6f5bab561bca4d9ab40f79d00d2111803w);
|
|
18
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.on(element_6f5bab561bca4d9ab40f79d00d2111803v, 'focusin', () => {
|
|
19
19
|
state.active = true;
|
|
20
20
|
});
|
|
21
|
-
|
|
21
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.on(element_6f5bab561bca4d9ab40f79d00d2111803v, 'focusout', () => {
|
|
22
22
|
state.active = false;
|
|
23
23
|
});
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
return
|
|
24
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.onrender(element_6f5bab561bca4d9ab40f79d00d2111803v, form.input.onrender(state));
|
|
25
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.setProperty(element_6f5bab561bca4d9ab40f79d00d2111803v, 'value', attributes?.value || '');
|
|
26
|
+
return root_6f5bab561bca4d9ab40f79d00d2111803t;
|
|
27
27
|
})();
|
|
28
28
|
}
|
|
29
29
|
;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_6f5bab561bca4d9ab40f79d00d2111801 from '@esportsplus/frontend';
|
|
2
2
|
import { Attributes, Renderable } from '@esportsplus/frontend';
|
|
3
3
|
type A = Attributes & {
|
|
4
4
|
options: (Attributes & {
|
|
@@ -16,19 +16,19 @@ type A = Attributes & {
|
|
|
16
16
|
declare const _default: {
|
|
17
17
|
(): ReturnType<(this: {
|
|
18
18
|
attributes?: A | undefined;
|
|
19
|
-
content?:
|
|
20
|
-
}, attributes: Readonly<A>, content:
|
|
19
|
+
content?: template_6f5bab561bca4d9ab40f79d00d2111801.Renderable<any>;
|
|
20
|
+
}, attributes: Readonly<A>, content: template_6f5bab561bca4d9ab40f79d00d2111801.Renderable<any>) => Renderable<any>>;
|
|
21
21
|
<T extends A>(attributes: T): ReturnType<(this: {
|
|
22
22
|
attributes?: A | undefined;
|
|
23
|
-
content?:
|
|
24
|
-
}, attributes: Readonly<A>, content:
|
|
25
|
-
<T extends
|
|
23
|
+
content?: template_6f5bab561bca4d9ab40f79d00d2111801.Renderable<any>;
|
|
24
|
+
}, attributes: Readonly<A>, content: template_6f5bab561bca4d9ab40f79d00d2111801.Renderable<any>) => Renderable<any>>;
|
|
25
|
+
<T extends template_6f5bab561bca4d9ab40f79d00d2111801.Renderable<any>>(content: T): ReturnType<(this: {
|
|
26
26
|
attributes?: A | undefined;
|
|
27
|
-
content?:
|
|
28
|
-
}, attributes: Readonly<A>, content:
|
|
29
|
-
(attributes: A, content:
|
|
27
|
+
content?: template_6f5bab561bca4d9ab40f79d00d2111801.Renderable<any>;
|
|
28
|
+
}, attributes: Readonly<A>, content: template_6f5bab561bca4d9ab40f79d00d2111801.Renderable<any>) => Renderable<any>>;
|
|
29
|
+
(attributes: A, content: template_6f5bab561bca4d9ab40f79d00d2111801.Renderable<any>): ReturnType<(this: {
|
|
30
30
|
attributes?: A | undefined;
|
|
31
|
-
content?:
|
|
32
|
-
}, attributes: Readonly<A>, content:
|
|
31
|
+
content?: template_6f5bab561bca4d9ab40f79d00d2111801.Renderable<any>;
|
|
32
|
+
}, attributes: Readonly<A>, content: template_6f5bab561bca4d9ab40f79d00d2111801.Renderable<any>) => Renderable<any>>;
|
|
33
33
|
};
|
|
34
34
|
export default _default;
|
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as template_6f5bab561bca4d9ab40f79d00d2111801 from '@esportsplus/frontend';
|
|
2
2
|
import { omit } from '@esportsplus/utilities';
|
|
3
3
|
import template from '../../components/template/index.js';
|
|
4
4
|
import onclick from './onclick.js';
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
5
|
+
const template_6f5bab561bca4d9ab40f79d00d2111803y = template_6f5bab561bca4d9ab40f79d00d2111801.template(`<a class='link --width-full' target='_blank'><!--$--></a>`);
|
|
6
|
+
const template_6f5bab561bca4d9ab40f79d00d21118043 = template_6f5bab561bca4d9ab40f79d00d2111801.template(`<div class='link --width-full'><!--$--></div>`);
|
|
7
|
+
const template_6f5bab561bca4d9ab40f79d00d21118048 = template_6f5bab561bca4d9ab40f79d00d2111801.template(`<!--$--><div class='tooltip-content '><!--$--></div>`);
|
|
8
8
|
const OMIT = ['options', 'option', 'tooltip-content'];
|
|
9
9
|
const OMIT_OPTION = ['content'];
|
|
10
10
|
const OMIT_TOOLTIP_CONTENT = ['direction'];
|
|
11
11
|
export default template.factory((attributes, content) => {
|
|
12
12
|
let options = attributes.options, option = attributes.option, tooltipContent = attributes?.['tooltip-content'], tooltipContentDirection = tooltipContent?.direction || 'nw';
|
|
13
13
|
return onclick(omit(attributes, OMIT), (() => {
|
|
14
|
-
let
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
14
|
+
let root_6f5bab561bca4d9ab40f79d00d21118047 = template_6f5bab561bca4d9ab40f79d00d21118048(), element_6f5bab561bca4d9ab40f79d00d21118049 = root_6f5bab561bca4d9ab40f79d00d21118047.firstChild, element_6f5bab561bca4d9ab40f79d00d2111804a = element_6f5bab561bca4d9ab40f79d00d21118049.nextSibling, element_6f5bab561bca4d9ab40f79d00d2111804b = element_6f5bab561bca4d9ab40f79d00d2111804a.firstChild, attributes_6f5bab561bca4d9ab40f79d00d2111804c = { "class": "tooltip-content" };
|
|
15
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.slot(element_6f5bab561bca4d9ab40f79d00d21118049, content);
|
|
16
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d2111804a, 'class', `tooltip-content--${tooltipContentDirection}`, attributes_6f5bab561bca4d9ab40f79d00d2111804c);
|
|
17
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111804a, tooltipContent && omit(tooltipContent, OMIT_TOOLTIP_CONTENT), attributes_6f5bab561bca4d9ab40f79d00d2111804c);
|
|
18
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.slot(element_6f5bab561bca4d9ab40f79d00d2111804b, options.map((o) => {
|
|
19
19
|
if (o.href) {
|
|
20
20
|
return (() => {
|
|
21
|
-
let
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
return
|
|
21
|
+
let root_6f5bab561bca4d9ab40f79d00d2111803x = template_6f5bab561bca4d9ab40f79d00d2111803y(), element_6f5bab561bca4d9ab40f79d00d2111803z = root_6f5bab561bca4d9ab40f79d00d2111803x.firstChild, element_6f5bab561bca4d9ab40f79d00d21118040 = element_6f5bab561bca4d9ab40f79d00d2111803z.firstChild, attributes_6f5bab561bca4d9ab40f79d00d21118041 = { "class": "link --width-full" };
|
|
22
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111803z, omit(o, OMIT_OPTION), attributes_6f5bab561bca4d9ab40f79d00d21118041);
|
|
23
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111803z, option, attributes_6f5bab561bca4d9ab40f79d00d21118041);
|
|
24
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.slot(element_6f5bab561bca4d9ab40f79d00d21118040, o.content);
|
|
25
|
+
return root_6f5bab561bca4d9ab40f79d00d2111803x;
|
|
26
26
|
})();
|
|
27
27
|
}
|
|
28
28
|
return (() => {
|
|
29
|
-
let
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
return
|
|
29
|
+
let root_6f5bab561bca4d9ab40f79d00d21118042 = template_6f5bab561bca4d9ab40f79d00d21118043(), element_6f5bab561bca4d9ab40f79d00d21118044 = root_6f5bab561bca4d9ab40f79d00d21118042.firstChild, element_6f5bab561bca4d9ab40f79d00d21118045 = element_6f5bab561bca4d9ab40f79d00d21118044.firstChild, attributes_6f5bab561bca4d9ab40f79d00d21118046 = { "class": "link --width-full" };
|
|
30
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d21118044, omit(o, OMIT_OPTION), attributes_6f5bab561bca4d9ab40f79d00d21118046);
|
|
31
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d21118044, option, attributes_6f5bab561bca4d9ab40f79d00d21118046);
|
|
32
|
+
template_6f5bab561bca4d9ab40f79d00d2111801.slot(element_6f5bab561bca4d9ab40f79d00d21118045, o.content);
|
|
33
|
+
return root_6f5bab561bca4d9ab40f79d00d21118042;
|
|
34
34
|
})();
|
|
35
35
|
}));
|
|
36
|
-
return
|
|
36
|
+
return root_6f5bab561bca4d9ab40f79d00d21118047;
|
|
37
37
|
})());
|
|
38
38
|
});
|