@esportsplus/ui 0.49.6 → 0.50.0

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 (40) hide show
  1. package/build/components/accordion/index.d.ts +16 -16
  2. package/build/components/accordion/index.js +17 -17
  3. package/build/components/alert/index.js +41 -41
  4. package/build/components/back/index.d.ts +8 -8
  5. package/build/components/back/index.js +8 -8
  6. package/build/components/button/index.d.ts +21 -21
  7. package/build/components/button/index.js +24 -24
  8. package/build/components/checkbox/index.js +23 -23
  9. package/build/components/clipboard/onclick.js +13 -13
  10. package/build/components/counter/index.js +34 -34
  11. package/build/components/ellipsis/index.js +5 -5
  12. package/build/components/form/action.js +8 -8
  13. package/build/components/highlight/index.d.ts +16 -16
  14. package/build/components/highlight/index.js +15 -15
  15. package/build/components/icon/index.d.ts +11 -11
  16. package/build/components/icon/index.js +6 -6
  17. package/build/components/input/index.js +20 -20
  18. package/build/components/loader/index.d.ts +16 -16
  19. package/build/components/loader/index.js +33 -33
  20. package/build/components/loading/index.js +5 -5
  21. package/build/components/range/index.js +25 -25
  22. package/build/components/root/scss/index.scss +1 -1
  23. package/build/components/scrollbar/index.d.ts +11 -11
  24. package/build/components/scrollbar/index.js +24 -24
  25. package/build/components/select/index.js +40 -40
  26. package/build/components/textarea/index.js +20 -20
  27. package/build/components/tooltip/menu.d.ts +11 -11
  28. package/build/components/tooltip/menu.js +20 -20
  29. package/build/components/tooltip/onclick.d.ts +1101 -1101
  30. package/build/components/tooltip/onclick.js +14 -14
  31. package/build/components/tooltip/onhover.d.ts +16 -16
  32. package/build/components/tooltip/onhover.js +15 -15
  33. package/build/components/typewriter/index.d.ts +11 -11
  34. package/build/components/typewriter/index.js +14 -14
  35. package/build/css-utilities/index.scss +1 -1
  36. package/build/css-utilities/text/scss/index.scss +1 -1
  37. package/package.json +3 -3
  38. package/src/tokens/scss/box-shadow.scss +11 -13
  39. package/src/tokens/scss/color.scss +31 -42
  40. package/src/tokens/scss/font-size.scss +10 -10
@@ -1,45 +1,45 @@
1
- import * as template_2a7920412bac4009b37c4d0863a6596e1 from '@esportsplus/template';
2
- import * as reactivity_2a7920412bac4009b37c4d0863a6596e0 from '@esportsplus/reactivity';
1
+ import * as template_aede8e5a56c24965b4dcb628bb7365df1 from '@esportsplus/template';
2
+ import * as reactivity_aede8e5a56c24965b4dcb628bb7365df0 from '@esportsplus/reactivity';
3
3
  import { omit } from '@esportsplus/utilities';
4
4
  import form from '../../components/form/index.js';
5
5
  import './scss/index.scss';
6
- const template_2a7920412bac4009b37c4d0863a6596e48 = template_2a7920412bac4009b37c4d0863a6596e1.template(`<textarea class='textarea'></textarea>`);
7
- class ReactiveObject_2a7920412bac4009b37c4d0863a6596e46 extends reactivity_2a7920412bac4009b37c4d0863a6596e0.ReactiveObject {
8
- #active = this[reactivity_2a7920412bac4009b37c4d0863a6596e0.SIGNAL](false);
9
- #error = this[reactivity_2a7920412bac4009b37c4d0863a6596e0.SIGNAL]('');
6
+ const template_aede8e5a56c24965b4dcb628bb7365df48 = template_aede8e5a56c24965b4dcb628bb7365df1.template(`<textarea class='textarea'></textarea>`);
7
+ class ReactiveObject_aede8e5a56c24965b4dcb628bb7365df46 extends reactivity_aede8e5a56c24965b4dcb628bb7365df0.ReactiveObject {
8
+ #active = this[reactivity_aede8e5a56c24965b4dcb628bb7365df0.SIGNAL](false);
9
+ #error = this[reactivity_aede8e5a56c24965b4dcb628bb7365df0.SIGNAL]('');
10
10
  constructor() {
11
11
  super(null);
12
12
  }
13
13
  get active() {
14
- return reactivity_2a7920412bac4009b37c4d0863a6596e0.read(this.#active);
14
+ return reactivity_aede8e5a56c24965b4dcb628bb7365df0.read(this.#active);
15
15
  }
16
16
  set active(_v0) {
17
- reactivity_2a7920412bac4009b37c4d0863a6596e0.write(this.#active, _v0);
17
+ reactivity_aede8e5a56c24965b4dcb628bb7365df0.write(this.#active, _v0);
18
18
  }
19
19
  get error() {
20
- return reactivity_2a7920412bac4009b37c4d0863a6596e0.read(this.#error);
20
+ return reactivity_aede8e5a56c24965b4dcb628bb7365df0.read(this.#error);
21
21
  }
22
22
  set error(_v1) {
23
- reactivity_2a7920412bac4009b37c4d0863a6596e0.write(this.#error, _v1);
23
+ reactivity_aede8e5a56c24965b4dcb628bb7365df0.write(this.#error, _v1);
24
24
  }
25
25
  }
26
26
  const OMIT = ['state'];
27
27
  export default function (attributes) {
28
- let state = attributes.state || new ReactiveObject_2a7920412bac4009b37c4d0863a6596e46();
28
+ let state = attributes.state || new ReactiveObject_aede8e5a56c24965b4dcb628bb7365df46();
29
29
  return (() => {
30
- let root_2a7920412bac4009b37c4d0863a6596e47 = template_2a7920412bac4009b37c4d0863a6596e48(), element_2a7920412bac4009b37c4d0863a6596e49 = root_2a7920412bac4009b37c4d0863a6596e47.firstChild, attributes_2a7920412bac4009b37c4d0863a6596e4a = { "class": "textarea" };
31
- template_2a7920412bac4009b37c4d0863a6596e1.setProperties(element_2a7920412bac4009b37c4d0863a6596e49, this?.attributes && omit(this.attributes, OMIT), attributes_2a7920412bac4009b37c4d0863a6596e4a);
32
- template_2a7920412bac4009b37c4d0863a6596e1.setProperties(element_2a7920412bac4009b37c4d0863a6596e49, omit(attributes, OMIT), attributes_2a7920412bac4009b37c4d0863a6596e4a);
33
- template_2a7920412bac4009b37c4d0863a6596e1.setList(element_2a7920412bac4009b37c4d0863a6596e49, 'class', () => state.active && '--active', attributes_2a7920412bac4009b37c4d0863a6596e4a);
34
- template_2a7920412bac4009b37c4d0863a6596e1.on(element_2a7920412bac4009b37c4d0863a6596e49, 'focusin', () => {
30
+ let root_aede8e5a56c24965b4dcb628bb7365df47 = template_aede8e5a56c24965b4dcb628bb7365df48(), element_aede8e5a56c24965b4dcb628bb7365df49 = root_aede8e5a56c24965b4dcb628bb7365df47.firstChild, attributes_aede8e5a56c24965b4dcb628bb7365df4a = { "class": "textarea" };
31
+ template_aede8e5a56c24965b4dcb628bb7365df1.setProperties(element_aede8e5a56c24965b4dcb628bb7365df49, this?.attributes && omit(this.attributes, OMIT), attributes_aede8e5a56c24965b4dcb628bb7365df4a);
32
+ template_aede8e5a56c24965b4dcb628bb7365df1.setProperties(element_aede8e5a56c24965b4dcb628bb7365df49, omit(attributes, OMIT), attributes_aede8e5a56c24965b4dcb628bb7365df4a);
33
+ template_aede8e5a56c24965b4dcb628bb7365df1.setList(element_aede8e5a56c24965b4dcb628bb7365df49, 'class', () => state.active && '--active', attributes_aede8e5a56c24965b4dcb628bb7365df4a);
34
+ template_aede8e5a56c24965b4dcb628bb7365df1.on(element_aede8e5a56c24965b4dcb628bb7365df49, 'focusin', () => {
35
35
  state.active = true;
36
36
  });
37
- template_2a7920412bac4009b37c4d0863a6596e1.on(element_2a7920412bac4009b37c4d0863a6596e49, 'focusout', () => {
37
+ template_aede8e5a56c24965b4dcb628bb7365df1.on(element_aede8e5a56c24965b4dcb628bb7365df49, 'focusout', () => {
38
38
  state.active = false;
39
39
  });
40
- template_2a7920412bac4009b37c4d0863a6596e1.onrender(element_2a7920412bac4009b37c4d0863a6596e49, form.input.onrender(state));
41
- template_2a7920412bac4009b37c4d0863a6596e1.setProperty(element_2a7920412bac4009b37c4d0863a6596e49, 'value', attributes?.value || '');
42
- return root_2a7920412bac4009b37c4d0863a6596e47;
40
+ template_aede8e5a56c24965b4dcb628bb7365df1.onrender(element_aede8e5a56c24965b4dcb628bb7365df49, form.input.onrender(state));
41
+ template_aede8e5a56c24965b4dcb628bb7365df1.setProperty(element_aede8e5a56c24965b4dcb628bb7365df49, 'value', attributes?.value || '');
42
+ return root_aede8e5a56c24965b4dcb628bb7365df47;
43
43
  })();
44
44
  }
45
45
  ;
@@ -1,4 +1,4 @@
1
- import * as template_2a7920412bac4009b37c4d0863a6596e1 from '@esportsplus/template';
1
+ import * as template_aede8e5a56c24965b4dcb628bb7365df1 from '@esportsplus/template';
2
2
  import { Attributes, Renderable } from '@esportsplus/template';
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?: template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>;
20
- }, attributes: Readonly<A>, content: template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>) => Renderable<any>>;
19
+ content?: template_aede8e5a56c24965b4dcb628bb7365df1.Renderable<any>;
20
+ }, attributes: Readonly<A>, content: template_aede8e5a56c24965b4dcb628bb7365df1.Renderable<any>) => Renderable<any>>;
21
21
  <T extends A>(attributes: T): ReturnType<(this: {
22
22
  attributes?: A | undefined;
23
- content?: template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>;
24
- }, attributes: Readonly<A>, content: template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>) => Renderable<any>>;
25
- <T extends template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>>(content: T): ReturnType<(this: {
23
+ content?: template_aede8e5a56c24965b4dcb628bb7365df1.Renderable<any>;
24
+ }, attributes: Readonly<A>, content: template_aede8e5a56c24965b4dcb628bb7365df1.Renderable<any>) => Renderable<any>>;
25
+ <T extends template_aede8e5a56c24965b4dcb628bb7365df1.Renderable<any>>(content: T): ReturnType<(this: {
26
26
  attributes?: A | undefined;
27
- content?: template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>;
28
- }, attributes: Readonly<A>, content: template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>) => Renderable<any>>;
29
- (attributes: A, content: template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>): ReturnType<(this: {
27
+ content?: template_aede8e5a56c24965b4dcb628bb7365df1.Renderable<any>;
28
+ }, attributes: Readonly<A>, content: template_aede8e5a56c24965b4dcb628bb7365df1.Renderable<any>) => Renderable<any>>;
29
+ (attributes: A, content: template_aede8e5a56c24965b4dcb628bb7365df1.Renderable<any>): ReturnType<(this: {
30
30
  attributes?: A | undefined;
31
- content?: template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>;
32
- }, attributes: Readonly<A>, content: template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>) => Renderable<any>>;
31
+ content?: template_aede8e5a56c24965b4dcb628bb7365df1.Renderable<any>;
32
+ }, attributes: Readonly<A>, content: template_aede8e5a56c24965b4dcb628bb7365df1.Renderable<any>) => Renderable<any>>;
33
33
  };
34
34
  export default _default;
@@ -1,38 +1,38 @@
1
- import * as template_2a7920412bac4009b37c4d0863a6596e1 from '@esportsplus/template';
1
+ import * as template_aede8e5a56c24965b4dcb628bb7365df1 from '@esportsplus/template';
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 template_2a7920412bac4009b37c4d0863a6596e4c = template_2a7920412bac4009b37c4d0863a6596e1.template(`<a class='link --width-full' target='_blank'><!--$--></a>`);
6
- const template_2a7920412bac4009b37c4d0863a6596e4h = template_2a7920412bac4009b37c4d0863a6596e1.template(`<div class='link --width-full'><!--$--></div>`);
7
- const template_2a7920412bac4009b37c4d0863a6596e4m = template_2a7920412bac4009b37c4d0863a6596e1.template(`<!--$--><div class='tooltip-content '><!--$--></div>`);
5
+ const template_aede8e5a56c24965b4dcb628bb7365df4c = template_aede8e5a56c24965b4dcb628bb7365df1.template(`<a class='link --width-full' target='_blank'><!--$--></a>`);
6
+ const template_aede8e5a56c24965b4dcb628bb7365df4h = template_aede8e5a56c24965b4dcb628bb7365df1.template(`<div class='link --width-full'><!--$--></div>`);
7
+ const template_aede8e5a56c24965b4dcb628bb7365df4m = template_aede8e5a56c24965b4dcb628bb7365df1.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 root_2a7920412bac4009b37c4d0863a6596e4l = template_2a7920412bac4009b37c4d0863a6596e4m(), element_2a7920412bac4009b37c4d0863a6596e4n = root_2a7920412bac4009b37c4d0863a6596e4l.firstChild, element_2a7920412bac4009b37c4d0863a6596e4o = element_2a7920412bac4009b37c4d0863a6596e4n.nextSibling, element_2a7920412bac4009b37c4d0863a6596e4p = element_2a7920412bac4009b37c4d0863a6596e4o.firstChild, attributes_2a7920412bac4009b37c4d0863a6596e4q = { "class": "tooltip-content" };
15
- template_2a7920412bac4009b37c4d0863a6596e1.slot(element_2a7920412bac4009b37c4d0863a6596e4n, content);
16
- template_2a7920412bac4009b37c4d0863a6596e1.setList(element_2a7920412bac4009b37c4d0863a6596e4o, 'class', `tooltip-content--${tooltipContentDirection}`, attributes_2a7920412bac4009b37c4d0863a6596e4q);
17
- template_2a7920412bac4009b37c4d0863a6596e1.setProperties(element_2a7920412bac4009b37c4d0863a6596e4o, tooltipContent && omit(tooltipContent, OMIT_TOOLTIP_CONTENT), attributes_2a7920412bac4009b37c4d0863a6596e4q);
18
- template_2a7920412bac4009b37c4d0863a6596e1.slot(element_2a7920412bac4009b37c4d0863a6596e4p, options.map((o) => {
14
+ let root_aede8e5a56c24965b4dcb628bb7365df4l = template_aede8e5a56c24965b4dcb628bb7365df4m(), element_aede8e5a56c24965b4dcb628bb7365df4n = root_aede8e5a56c24965b4dcb628bb7365df4l.firstChild, element_aede8e5a56c24965b4dcb628bb7365df4o = element_aede8e5a56c24965b4dcb628bb7365df4n.nextSibling, element_aede8e5a56c24965b4dcb628bb7365df4p = element_aede8e5a56c24965b4dcb628bb7365df4o.firstChild, attributes_aede8e5a56c24965b4dcb628bb7365df4q = { "class": "tooltip-content" };
15
+ template_aede8e5a56c24965b4dcb628bb7365df1.slot(element_aede8e5a56c24965b4dcb628bb7365df4n, content);
16
+ template_aede8e5a56c24965b4dcb628bb7365df1.setList(element_aede8e5a56c24965b4dcb628bb7365df4o, 'class', `tooltip-content--${tooltipContentDirection}`, attributes_aede8e5a56c24965b4dcb628bb7365df4q);
17
+ template_aede8e5a56c24965b4dcb628bb7365df1.setProperties(element_aede8e5a56c24965b4dcb628bb7365df4o, tooltipContent && omit(tooltipContent, OMIT_TOOLTIP_CONTENT), attributes_aede8e5a56c24965b4dcb628bb7365df4q);
18
+ template_aede8e5a56c24965b4dcb628bb7365df1.slot(element_aede8e5a56c24965b4dcb628bb7365df4p, options.map((o) => {
19
19
  if (o.href) {
20
20
  return (() => {
21
- let root_2a7920412bac4009b37c4d0863a6596e4b = template_2a7920412bac4009b37c4d0863a6596e4c(), element_2a7920412bac4009b37c4d0863a6596e4d = root_2a7920412bac4009b37c4d0863a6596e4b.firstChild, element_2a7920412bac4009b37c4d0863a6596e4e = element_2a7920412bac4009b37c4d0863a6596e4d.firstChild, attributes_2a7920412bac4009b37c4d0863a6596e4f = { "class": "link --width-full" };
22
- template_2a7920412bac4009b37c4d0863a6596e1.setProperties(element_2a7920412bac4009b37c4d0863a6596e4d, omit(o, OMIT_OPTION), attributes_2a7920412bac4009b37c4d0863a6596e4f);
23
- template_2a7920412bac4009b37c4d0863a6596e1.setProperties(element_2a7920412bac4009b37c4d0863a6596e4d, option, attributes_2a7920412bac4009b37c4d0863a6596e4f);
24
- template_2a7920412bac4009b37c4d0863a6596e1.slot(element_2a7920412bac4009b37c4d0863a6596e4e, o.content);
25
- return root_2a7920412bac4009b37c4d0863a6596e4b;
21
+ let root_aede8e5a56c24965b4dcb628bb7365df4b = template_aede8e5a56c24965b4dcb628bb7365df4c(), element_aede8e5a56c24965b4dcb628bb7365df4d = root_aede8e5a56c24965b4dcb628bb7365df4b.firstChild, element_aede8e5a56c24965b4dcb628bb7365df4e = element_aede8e5a56c24965b4dcb628bb7365df4d.firstChild, attributes_aede8e5a56c24965b4dcb628bb7365df4f = { "class": "link --width-full" };
22
+ template_aede8e5a56c24965b4dcb628bb7365df1.setProperties(element_aede8e5a56c24965b4dcb628bb7365df4d, omit(o, OMIT_OPTION), attributes_aede8e5a56c24965b4dcb628bb7365df4f);
23
+ template_aede8e5a56c24965b4dcb628bb7365df1.setProperties(element_aede8e5a56c24965b4dcb628bb7365df4d, option, attributes_aede8e5a56c24965b4dcb628bb7365df4f);
24
+ template_aede8e5a56c24965b4dcb628bb7365df1.slot(element_aede8e5a56c24965b4dcb628bb7365df4e, o.content);
25
+ return root_aede8e5a56c24965b4dcb628bb7365df4b;
26
26
  })();
27
27
  }
28
28
  return (() => {
29
- let root_2a7920412bac4009b37c4d0863a6596e4g = template_2a7920412bac4009b37c4d0863a6596e4h(), element_2a7920412bac4009b37c4d0863a6596e4i = root_2a7920412bac4009b37c4d0863a6596e4g.firstChild, element_2a7920412bac4009b37c4d0863a6596e4j = element_2a7920412bac4009b37c4d0863a6596e4i.firstChild, attributes_2a7920412bac4009b37c4d0863a6596e4k = { "class": "link --width-full" };
30
- template_2a7920412bac4009b37c4d0863a6596e1.setProperties(element_2a7920412bac4009b37c4d0863a6596e4i, omit(o, OMIT_OPTION), attributes_2a7920412bac4009b37c4d0863a6596e4k);
31
- template_2a7920412bac4009b37c4d0863a6596e1.setProperties(element_2a7920412bac4009b37c4d0863a6596e4i, option, attributes_2a7920412bac4009b37c4d0863a6596e4k);
32
- template_2a7920412bac4009b37c4d0863a6596e1.slot(element_2a7920412bac4009b37c4d0863a6596e4j, o.content);
33
- return root_2a7920412bac4009b37c4d0863a6596e4g;
29
+ let root_aede8e5a56c24965b4dcb628bb7365df4g = template_aede8e5a56c24965b4dcb628bb7365df4h(), element_aede8e5a56c24965b4dcb628bb7365df4i = root_aede8e5a56c24965b4dcb628bb7365df4g.firstChild, element_aede8e5a56c24965b4dcb628bb7365df4j = element_aede8e5a56c24965b4dcb628bb7365df4i.firstChild, attributes_aede8e5a56c24965b4dcb628bb7365df4k = { "class": "link --width-full" };
30
+ template_aede8e5a56c24965b4dcb628bb7365df1.setProperties(element_aede8e5a56c24965b4dcb628bb7365df4i, omit(o, OMIT_OPTION), attributes_aede8e5a56c24965b4dcb628bb7365df4k);
31
+ template_aede8e5a56c24965b4dcb628bb7365df1.setProperties(element_aede8e5a56c24965b4dcb628bb7365df4i, option, attributes_aede8e5a56c24965b4dcb628bb7365df4k);
32
+ template_aede8e5a56c24965b4dcb628bb7365df1.slot(element_aede8e5a56c24965b4dcb628bb7365df4j, o.content);
33
+ return root_aede8e5a56c24965b4dcb628bb7365df4g;
34
34
  })();
35
35
  }));
36
- return root_2a7920412bac4009b37c4d0863a6596e4l;
36
+ return root_aede8e5a56c24965b4dcb628bb7365df4l;
37
37
  })());
38
38
  });