@esportsplus/ui 0.50.5 → 0.50.6

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 (35) 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/scrollbar/index.d.ts +11 -11
  23. package/build/components/scrollbar/index.js +24 -24
  24. package/build/components/select/index.js +41 -40
  25. package/build/components/textarea/index.js +20 -20
  26. package/build/components/tooltip/menu.d.ts +11 -11
  27. package/build/components/tooltip/menu.js +20 -20
  28. package/build/components/tooltip/onclick.d.ts +1101 -1101
  29. package/build/components/tooltip/onclick.js +14 -14
  30. package/build/components/tooltip/onhover.d.ts +16 -16
  31. package/build/components/tooltip/onhover.js +15 -15
  32. package/build/components/typewriter/index.d.ts +11 -11
  33. package/build/components/typewriter/index.js +14 -14
  34. package/package.json +1 -1
  35. package/src/components/select/index.ts +1 -0
@@ -1,21 +1,21 @@
1
- import * as template_d7803d698a6048559dad248aa1d3adda1 from '@esportsplus/template';
1
+ import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
2
2
  import './scss/index.scss';
3
3
  declare const _default: {
4
4
  (): ReturnType<(this: {
5
- attributes?: template_d7803d698a6048559dad248aa1d3adda1.Attributes | undefined;
6
- content?: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>;
7
- }, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>) => template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>>;
8
- <T extends template_d7803d698a6048559dad248aa1d3adda1.Attributes>(attributes: T): ReturnType<(this: {
9
- attributes?: template_d7803d698a6048559dad248aa1d3adda1.Attributes | undefined;
10
- content?: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>;
11
- }, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>) => template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>>;
12
- <T extends template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>>(content: T): ReturnType<(this: {
13
- attributes?: template_d7803d698a6048559dad248aa1d3adda1.Attributes | undefined;
14
- content?: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>;
15
- }, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>) => template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>>;
16
- (attributes: template_d7803d698a6048559dad248aa1d3adda1.Attributes, content: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>): ReturnType<(this: {
17
- attributes?: template_d7803d698a6048559dad248aa1d3adda1.Attributes | undefined;
18
- content?: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>;
19
- }, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>) => template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>>;
5
+ attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
6
+ content?: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>;
7
+ }, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
8
+ <T extends template_fe942f28017d42ee87048fd6461b4dd81.Attributes>(attributes: T): ReturnType<(this: {
9
+ attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
10
+ content?: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>;
11
+ }, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
12
+ <T extends template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>(content: T): ReturnType<(this: {
13
+ attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
14
+ content?: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>;
15
+ }, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
16
+ (attributes: template_fe942f28017d42ee87048fd6461b4dd81.Attributes, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>): ReturnType<(this: {
17
+ attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
18
+ content?: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>;
19
+ }, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
20
20
  };
21
21
  export default _default;
@@ -1,42 +1,42 @@
1
- import * as template_d7803d698a6048559dad248aa1d3adda1 from '@esportsplus/template';
2
- import * as reactivity_d7803d698a6048559dad248aa1d3adda0 from '@esportsplus/reactivity';
1
+ import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
2
+ import * as reactivity_fe942f28017d42ee87048fd6461b4dd80 from '@esportsplus/reactivity';
3
3
  import { omit } from '@esportsplus/utilities';
4
4
  import template from '../../components/template/index.js';
5
5
  import './scss/index.scss';
6
- const template_d7803d698a6048559dad248aa1d3adda4 = template_d7803d698a6048559dad248aa1d3adda1.template(`<div><!--$--></div>`);
7
- class ReactiveObject_d7803d698a6048559dad248aa1d3adda2 extends reactivity_d7803d698a6048559dad248aa1d3adda0.ReactiveObject {
8
- #active = this[reactivity_d7803d698a6048559dad248aa1d3adda0.SIGNAL](0);
6
+ const template_fe942f28017d42ee87048fd6461b4dd84 = template_fe942f28017d42ee87048fd6461b4dd81.template(`<div><!--$--></div>`);
7
+ class ReactiveObject_fe942f28017d42ee87048fd6461b4dd82 extends reactivity_fe942f28017d42ee87048fd6461b4dd80.ReactiveObject {
8
+ #active = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](0);
9
9
  constructor() {
10
10
  super(null);
11
11
  }
12
12
  get active() {
13
- return reactivity_d7803d698a6048559dad248aa1d3adda0.read(this.#active);
13
+ return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#active);
14
14
  }
15
15
  set active(_v0) {
16
- reactivity_d7803d698a6048559dad248aa1d3adda0.write(this.#active, _v0);
16
+ reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#active, _v0);
17
17
  }
18
18
  }
19
19
  const OMIT = ['state'];
20
20
  let key = Symbol();
21
21
  export default template.factory(function (attributes, content) {
22
- let ref, state = attributes.state || new ReactiveObject_d7803d698a6048559dad248aa1d3adda2();
22
+ let ref, state = attributes.state || new ReactiveObject_fe942f28017d42ee87048fd6461b4dd82();
23
23
  return (() => {
24
- let root_d7803d698a6048559dad248aa1d3adda3 = template_d7803d698a6048559dad248aa1d3adda4(), element_d7803d698a6048559dad248aa1d3adda5 = root_d7803d698a6048559dad248aa1d3adda3.firstChild, element_d7803d698a6048559dad248aa1d3adda6 = element_d7803d698a6048559dad248aa1d3adda5.firstChild, attributes_d7803d698a6048559dad248aa1d3adda7 = {};
25
- template_d7803d698a6048559dad248aa1d3adda1.setProperties(element_d7803d698a6048559dad248aa1d3adda5, omit(attributes, OMIT), attributes_d7803d698a6048559dad248aa1d3adda7);
26
- template_d7803d698a6048559dad248aa1d3adda1.setList(element_d7803d698a6048559dad248aa1d3adda5, 'class', () => {
24
+ let root_fe942f28017d42ee87048fd6461b4dd83 = template_fe942f28017d42ee87048fd6461b4dd84(), element_fe942f28017d42ee87048fd6461b4dd85 = root_fe942f28017d42ee87048fd6461b4dd83.firstChild, element_fe942f28017d42ee87048fd6461b4dd86 = element_fe942f28017d42ee87048fd6461b4dd85.firstChild, attributes_fe942f28017d42ee87048fd6461b4dd87 = {};
25
+ template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd85, omit(attributes, OMIT), attributes_fe942f28017d42ee87048fd6461b4dd87);
26
+ template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd85, 'class', () => {
27
27
  return state.active && '--active';
28
- }, attributes_d7803d698a6048559dad248aa1d3adda7);
29
- template_d7803d698a6048559dad248aa1d3adda1.onrender(element_d7803d698a6048559dad248aa1d3adda5, (element) => {
28
+ }, attributes_fe942f28017d42ee87048fd6461b4dd87);
29
+ template_fe942f28017d42ee87048fd6461b4dd81.onrender(element_fe942f28017d42ee87048fd6461b4dd85, (element) => {
30
30
  (ref = element)[key] = state;
31
31
  });
32
- template_d7803d698a6048559dad248aa1d3adda1.setList(element_d7803d698a6048559dad248aa1d3adda5, 'style', () => {
32
+ template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd85, 'style', () => {
33
33
  let parent = ref.closest('accordion');
34
34
  if (parent && key in parent) {
35
35
  parent[key].active = (+parent[key].active) + 1;
36
36
  }
37
37
  return state.active && `--max-height: ${ref.scrollHeight}`;
38
- }, attributes_d7803d698a6048559dad248aa1d3adda7);
39
- template_d7803d698a6048559dad248aa1d3adda1.slot(element_d7803d698a6048559dad248aa1d3adda6, content);
40
- return root_d7803d698a6048559dad248aa1d3adda3;
38
+ }, attributes_fe942f28017d42ee87048fd6461b4dd87);
39
+ template_fe942f28017d42ee87048fd6461b4dd81.slot(element_fe942f28017d42ee87048fd6461b4dd86, content);
40
+ return root_fe942f28017d42ee87048fd6461b4dd83;
41
41
  })();
42
42
  });
@@ -1,50 +1,50 @@
1
1
  import '@esportsplus/vite/global.d.ts';
2
- import * as template_d7803d698a6048559dad248aa1d3adda1 from '@esportsplus/template';
2
+ import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
3
3
  import { svg } from '@esportsplus/template';
4
- import * as reactivity_d7803d698a6048559dad248aa1d3adda0 from '@esportsplus/reactivity';
4
+ import * as reactivity_fe942f28017d42ee87048fd6461b4dd80 from '@esportsplus/reactivity';
5
5
  import { omit } from '@esportsplus/utilities';
6
6
  import { icon } from '@esportsplus/ui';
7
7
  import check from './svg/check.svg';
8
8
  import close from './svg/close.svg';
9
9
  import e from './svg/error.svg';
10
10
  import './scss/index.scss';
11
- const template_d7803d698a6048559dad248aa1d3addaa = template_d7803d698a6048559dad248aa1d3adda1.template(`<div class='--flex-vertical'><!--$--></div>`);
12
- const template_d7803d698a6048559dad248aa1d3addaf = template_d7803d698a6048559dad248aa1d3adda1.template(`<p><!--$--></p>`);
13
- const template_d7803d698a6048559dad248aa1d3addak = template_d7803d698a6048559dad248aa1d3adda1.template(`<div class='--flex-start'><!--$--></div>`);
14
- const template_d7803d698a6048559dad248aa1d3addan = template_d7803d698a6048559dad248aa1d3adda1.template(`<div class='alert anchor anchor--n --flex-row'><!--$--><div class='alert-messages --flex-column --flex-fill'><!--$--></div><div class="--flex-vertical"><div class='alert-close button --padding-300'><div class="icon" style='--size: 14px;'><!--$--></div></div></div></div>`);
15
- class ReactiveObject_d7803d698a6048559dad248aa1d3adda8 extends reactivity_d7803d698a6048559dad248aa1d3adda0.ReactiveObject {
16
- #active = this[reactivity_d7803d698a6048559dad248aa1d3adda0.SIGNAL](false);
11
+ const template_fe942f28017d42ee87048fd6461b4dd8a = template_fe942f28017d42ee87048fd6461b4dd81.template(`<div class='--flex-vertical'><!--$--></div>`);
12
+ const template_fe942f28017d42ee87048fd6461b4dd8f = template_fe942f28017d42ee87048fd6461b4dd81.template(`<p><!--$--></p>`);
13
+ const template_fe942f28017d42ee87048fd6461b4dd8k = template_fe942f28017d42ee87048fd6461b4dd81.template(`<div class='--flex-start'><!--$--></div>`);
14
+ const template_fe942f28017d42ee87048fd6461b4dd8n = template_fe942f28017d42ee87048fd6461b4dd81.template(`<div class='alert anchor anchor--n --flex-row'><!--$--><div class='alert-messages --flex-column --flex-fill'><!--$--></div><div class="--flex-vertical"><div class='alert-close button --padding-300'><div class="icon" style='--size: 14px;'><!--$--></div></div></div></div>`);
15
+ class ReactiveObject_fe942f28017d42ee87048fd6461b4dd88 extends reactivity_fe942f28017d42ee87048fd6461b4dd80.ReactiveObject {
16
+ #active = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](false);
17
17
  #messages;
18
- #rerender = this[reactivity_d7803d698a6048559dad248aa1d3adda0.SIGNAL](0);
18
+ #rerender = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](0);
19
19
  #type;
20
20
  constructor(_p0, _p1) {
21
21
  super(null);
22
- this.#messages = this[reactivity_d7803d698a6048559dad248aa1d3adda0.SIGNAL](_p0);
23
- this.#type = this[reactivity_d7803d698a6048559dad248aa1d3adda0.SIGNAL](_p1);
22
+ this.#messages = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](_p0);
23
+ this.#type = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](_p1);
24
24
  }
25
25
  get active() {
26
- return reactivity_d7803d698a6048559dad248aa1d3adda0.read(this.#active);
26
+ return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#active);
27
27
  }
28
28
  set active(_v0) {
29
- reactivity_d7803d698a6048559dad248aa1d3adda0.write(this.#active, _v0);
29
+ reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#active, _v0);
30
30
  }
31
31
  get messages() {
32
- return reactivity_d7803d698a6048559dad248aa1d3adda0.read(this.#messages);
32
+ return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#messages);
33
33
  }
34
34
  set messages(_v1) {
35
- reactivity_d7803d698a6048559dad248aa1d3adda0.write(this.#messages, _v1);
35
+ reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#messages, _v1);
36
36
  }
37
37
  get rerender() {
38
- return reactivity_d7803d698a6048559dad248aa1d3adda0.read(this.#rerender);
38
+ return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#rerender);
39
39
  }
40
40
  set rerender(_v2) {
41
- reactivity_d7803d698a6048559dad248aa1d3adda0.write(this.#rerender, _v2);
41
+ reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#rerender, _v2);
42
42
  }
43
43
  get type() {
44
- return reactivity_d7803d698a6048559dad248aa1d3adda0.read(this.#type);
44
+ return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#type);
45
45
  }
46
46
  set type(_v3) {
47
- reactivity_d7803d698a6048559dad248aa1d3adda0.write(this.#type, _v3);
47
+ reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#type, _v3);
48
48
  }
49
49
  }
50
50
  const OMIT = ['alert-close', 'alert-messages', 'alert-message'];
@@ -93,7 +93,7 @@ function deactivate(state) {
93
93
  }, timeout);
94
94
  }
95
95
  export default (attributes) => {
96
- let state = new ReactiveObject_d7803d698a6048559dad248aa1d3adda8(new Set(), '');
96
+ let state = new ReactiveObject_fe942f28017d42ee87048fd6461b4dd88(new Set(), '');
97
97
  const error = (messages, seconds = 0) => activate('error', messages, seconds, state);
98
98
  error.response = (response) => {
99
99
  if (response.ok) {
@@ -108,41 +108,41 @@ export default (attributes) => {
108
108
  };
109
109
  return {
110
110
  content: (() => {
111
- let root_d7803d698a6048559dad248aa1d3addam = template_d7803d698a6048559dad248aa1d3addan(), element_d7803d698a6048559dad248aa1d3addao = root_d7803d698a6048559dad248aa1d3addam.firstChild, element_d7803d698a6048559dad248aa1d3addap = element_d7803d698a6048559dad248aa1d3addao.firstChild, element_d7803d698a6048559dad248aa1d3addaq = element_d7803d698a6048559dad248aa1d3addao.firstElementChild, element_d7803d698a6048559dad248aa1d3addar = element_d7803d698a6048559dad248aa1d3addaq.firstChild, element_d7803d698a6048559dad248aa1d3addas = element_d7803d698a6048559dad248aa1d3addaq.nextElementSibling.firstElementChild, element_d7803d698a6048559dad248aa1d3addat = element_d7803d698a6048559dad248aa1d3addas.firstElementChild.firstChild, attributes_d7803d698a6048559dad248aa1d3addau = { "class": "alert anchor anchor--n --flex-row" }, attributes_d7803d698a6048559dad248aa1d3addav = { "class": "alert-messages --flex-column --flex-fill" }, attributes_d7803d698a6048559dad248aa1d3addaw = { "class": "alert-close button --padding-300" };
112
- template_d7803d698a6048559dad248aa1d3adda1.setList(element_d7803d698a6048559dad248aa1d3addao, 'class', () => state.active && '--active', attributes_d7803d698a6048559dad248aa1d3addau);
113
- template_d7803d698a6048559dad248aa1d3adda1.setProperties(element_d7803d698a6048559dad248aa1d3addao, omit(attributes, OMIT), attributes_d7803d698a6048559dad248aa1d3addau);
114
- new template_d7803d698a6048559dad248aa1d3adda1.EffectSlot(element_d7803d698a6048559dad248aa1d3addap, () => {
111
+ let root_fe942f28017d42ee87048fd6461b4dd8m = template_fe942f28017d42ee87048fd6461b4dd8n(), element_fe942f28017d42ee87048fd6461b4dd8o = root_fe942f28017d42ee87048fd6461b4dd8m.firstChild, element_fe942f28017d42ee87048fd6461b4dd8p = element_fe942f28017d42ee87048fd6461b4dd8o.firstChild, element_fe942f28017d42ee87048fd6461b4dd8q = element_fe942f28017d42ee87048fd6461b4dd8o.firstElementChild, element_fe942f28017d42ee87048fd6461b4dd8r = element_fe942f28017d42ee87048fd6461b4dd8q.firstChild, element_fe942f28017d42ee87048fd6461b4dd8s = element_fe942f28017d42ee87048fd6461b4dd8q.nextElementSibling.firstElementChild, element_fe942f28017d42ee87048fd6461b4dd8t = element_fe942f28017d42ee87048fd6461b4dd8s.firstElementChild.firstChild, attributes_fe942f28017d42ee87048fd6461b4dd8u = { "class": "alert anchor anchor--n --flex-row" }, attributes_fe942f28017d42ee87048fd6461b4dd8v = { "class": "alert-messages --flex-column --flex-fill" }, attributes_fe942f28017d42ee87048fd6461b4dd8w = { "class": "alert-close button --padding-300" };
112
+ template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd8o, 'class', () => state.active && '--active', attributes_fe942f28017d42ee87048fd6461b4dd8u);
113
+ template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd8o, omit(attributes, OMIT), attributes_fe942f28017d42ee87048fd6461b4dd8u);
114
+ new template_fe942f28017d42ee87048fd6461b4dd81.EffectSlot(element_fe942f28017d42ee87048fd6461b4dd8p, () => {
115
115
  let type = state.type;
116
116
  return (() => {
117
- let root_d7803d698a6048559dad248aa1d3adda9 = template_d7803d698a6048559dad248aa1d3addaa(), element_d7803d698a6048559dad248aa1d3addab = root_d7803d698a6048559dad248aa1d3adda9.firstChild, element_d7803d698a6048559dad248aa1d3addac = element_d7803d698a6048559dad248aa1d3addab.firstChild, attributes_d7803d698a6048559dad248aa1d3addad = { "class": "--flex-vertical", "style": "" };
118
- template_d7803d698a6048559dad248aa1d3adda1.setList(element_d7803d698a6048559dad248aa1d3addab, 'style', `--color: var(--color-${modifiers[type]}-400);`, attributes_d7803d698a6048559dad248aa1d3addad);
119
- template_d7803d698a6048559dad248aa1d3adda1.slot(element_d7803d698a6048559dad248aa1d3addac, icon({ class: '--size-500' }, type === 'error' ? e : check));
120
- return root_d7803d698a6048559dad248aa1d3adda9;
117
+ let root_fe942f28017d42ee87048fd6461b4dd89 = template_fe942f28017d42ee87048fd6461b4dd8a(), element_fe942f28017d42ee87048fd6461b4dd8b = root_fe942f28017d42ee87048fd6461b4dd89.firstChild, element_fe942f28017d42ee87048fd6461b4dd8c = element_fe942f28017d42ee87048fd6461b4dd8b.firstChild, attributes_fe942f28017d42ee87048fd6461b4dd8d = { "class": "--flex-vertical", "style": "" };
118
+ template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd8b, 'style', `--color: var(--color-${modifiers[type]}-400);`, attributes_fe942f28017d42ee87048fd6461b4dd8d);
119
+ template_fe942f28017d42ee87048fd6461b4dd81.slot(element_fe942f28017d42ee87048fd6461b4dd8c, icon({ class: '--size-500' }, type === 'error' ? e : check));
120
+ return root_fe942f28017d42ee87048fd6461b4dd89;
121
121
  })();
122
122
  });
123
- template_d7803d698a6048559dad248aa1d3adda1.setProperties(element_d7803d698a6048559dad248aa1d3addaq, attributes['alert-messages'], attributes_d7803d698a6048559dad248aa1d3addav);
124
- new template_d7803d698a6048559dad248aa1d3adda1.EffectSlot(element_d7803d698a6048559dad248aa1d3addar, () => {
123
+ template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd8q, attributes['alert-messages'], attributes_fe942f28017d42ee87048fd6461b4dd8v);
124
+ new template_fe942f28017d42ee87048fd6461b4dd81.EffectSlot(element_fe942f28017d42ee87048fd6461b4dd8r, () => {
125
125
  let message = attributes['alert-message'];
126
126
  return state.rerender && [...state.messages].map((content) => {
127
127
  if (typeof content === 'string') {
128
128
  return (() => {
129
- let root_d7803d698a6048559dad248aa1d3addae = template_d7803d698a6048559dad248aa1d3addaf(), element_d7803d698a6048559dad248aa1d3addag = root_d7803d698a6048559dad248aa1d3addae.firstChild, element_d7803d698a6048559dad248aa1d3addah = element_d7803d698a6048559dad248aa1d3addag.firstChild, attributes_d7803d698a6048559dad248aa1d3addai = {};
130
- template_d7803d698a6048559dad248aa1d3adda1.setProperties(element_d7803d698a6048559dad248aa1d3addag, message, attributes_d7803d698a6048559dad248aa1d3addai);
131
- template_d7803d698a6048559dad248aa1d3adda1.slot(element_d7803d698a6048559dad248aa1d3addah, content);
132
- return root_d7803d698a6048559dad248aa1d3addae;
129
+ let root_fe942f28017d42ee87048fd6461b4dd8e = template_fe942f28017d42ee87048fd6461b4dd8f(), element_fe942f28017d42ee87048fd6461b4dd8g = root_fe942f28017d42ee87048fd6461b4dd8e.firstChild, element_fe942f28017d42ee87048fd6461b4dd8h = element_fe942f28017d42ee87048fd6461b4dd8g.firstChild, attributes_fe942f28017d42ee87048fd6461b4dd8i = {};
130
+ template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd8g, message, attributes_fe942f28017d42ee87048fd6461b4dd8i);
131
+ template_fe942f28017d42ee87048fd6461b4dd81.slot(element_fe942f28017d42ee87048fd6461b4dd8h, content);
132
+ return root_fe942f28017d42ee87048fd6461b4dd8e;
133
133
  })();
134
134
  }
135
135
  return (() => {
136
- let root_d7803d698a6048559dad248aa1d3addaj = template_d7803d698a6048559dad248aa1d3addak(), element_d7803d698a6048559dad248aa1d3addal = root_d7803d698a6048559dad248aa1d3addaj.firstChild.firstChild;
137
- template_d7803d698a6048559dad248aa1d3adda1.slot(element_d7803d698a6048559dad248aa1d3addal, content);
138
- return root_d7803d698a6048559dad248aa1d3addaj;
136
+ let root_fe942f28017d42ee87048fd6461b4dd8j = template_fe942f28017d42ee87048fd6461b4dd8k(), element_fe942f28017d42ee87048fd6461b4dd8l = root_fe942f28017d42ee87048fd6461b4dd8j.firstChild.firstChild;
137
+ template_fe942f28017d42ee87048fd6461b4dd81.slot(element_fe942f28017d42ee87048fd6461b4dd8l, content);
138
+ return root_fe942f28017d42ee87048fd6461b4dd8j;
139
139
  })();
140
140
  });
141
141
  });
142
- template_d7803d698a6048559dad248aa1d3adda1.delegate(element_d7803d698a6048559dad248aa1d3addas, 'click', () => deactivate(state));
143
- template_d7803d698a6048559dad248aa1d3adda1.setProperties(element_d7803d698a6048559dad248aa1d3addas, attributes['alert-close'], attributes_d7803d698a6048559dad248aa1d3addaw);
144
- template_d7803d698a6048559dad248aa1d3adda1.slot(element_d7803d698a6048559dad248aa1d3addat, svg.sprite(close));
145
- return root_d7803d698a6048559dad248aa1d3addam;
142
+ template_fe942f28017d42ee87048fd6461b4dd81.delegate(element_fe942f28017d42ee87048fd6461b4dd8s, 'click', () => deactivate(state));
143
+ template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd8s, attributes['alert-close'], attributes_fe942f28017d42ee87048fd6461b4dd8w);
144
+ template_fe942f28017d42ee87048fd6461b4dd81.slot(element_fe942f28017d42ee87048fd6461b4dd8t, svg.sprite(close));
145
+ return root_fe942f28017d42ee87048fd6461b4dd8m;
146
146
  })(),
147
147
  deactivate: () => deactivate(state),
148
148
  error,
@@ -1,18 +1,18 @@
1
- import * as template_d7803d698a6048559dad248aa1d3adda1 from '@esportsplus/template';
1
+ import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
2
2
  import { Attributes } from '@esportsplus/template';
3
3
  import './scss/index.scss';
4
4
  declare const _default: {
5
5
  (): ReturnType<(this: {
6
6
  attributes?: Attributes;
7
- }, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>) => template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>>;
8
- <T extends template_d7803d698a6048559dad248aa1d3adda1.Attributes>(attributes: T): ReturnType<(this: {
7
+ }, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
8
+ <T extends template_fe942f28017d42ee87048fd6461b4dd81.Attributes>(attributes: T): ReturnType<(this: {
9
9
  attributes?: Attributes;
10
- }, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>) => template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>>;
11
- <T extends template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>>(content: T): ReturnType<(this: {
10
+ }, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
11
+ <T extends template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>(content: T): ReturnType<(this: {
12
12
  attributes?: Attributes;
13
- }, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>) => template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>>;
14
- (attributes: template_d7803d698a6048559dad248aa1d3adda1.Attributes, content: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>): ReturnType<(this: {
13
+ }, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
14
+ (attributes: template_fe942f28017d42ee87048fd6461b4dd81.Attributes, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>): ReturnType<(this: {
15
15
  attributes?: Attributes;
16
- }, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>) => template_d7803d698a6048559dad248aa1d3adda1.Renderable<any>>;
16
+ }, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>) => template_fe942f28017d42ee87048fd6461b4dd81.Renderable<any>>;
17
17
  };
18
18
  export default _default;
@@ -1,16 +1,16 @@
1
- import * as template_d7803d698a6048559dad248aa1d3adda1 from '@esportsplus/template';
1
+ import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
2
2
  import icon from '../../components/icon/index.js';
3
3
  import template from '../../components/template/index.js';
4
4
  import arrow from './svg/arrow.svg';
5
5
  import './scss/index.scss';
6
- const template_d7803d698a6048559dad248aa1d3adday = template_d7803d698a6048559dad248aa1d3adda1.template(`<a class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
6
+ const template_fe942f28017d42ee87048fd6461b4dd8y = template_fe942f28017d42ee87048fd6461b4dd81.template(`<a class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
7
7
  export default template.factory(function (attributes, content) {
8
8
  return (() => {
9
- let root_d7803d698a6048559dad248aa1d3addax = template_d7803d698a6048559dad248aa1d3adday(), element_d7803d698a6048559dad248aa1d3addaz = root_d7803d698a6048559dad248aa1d3addax.firstChild, element_d7803d698a6048559dad248aa1d3adda10 = element_d7803d698a6048559dad248aa1d3addaz.firstChild, element_d7803d698a6048559dad248aa1d3adda11 = element_d7803d698a6048559dad248aa1d3adda10.nextSibling, attributes_d7803d698a6048559dad248aa1d3adda12 = { "class": "back link --padding-0px --flex-vertical" };
10
- template_d7803d698a6048559dad248aa1d3adda1.setProperties(element_d7803d698a6048559dad248aa1d3addaz, this.attributes, attributes_d7803d698a6048559dad248aa1d3adda12);
11
- template_d7803d698a6048559dad248aa1d3adda1.setProperties(element_d7803d698a6048559dad248aa1d3addaz, attributes, attributes_d7803d698a6048559dad248aa1d3adda12);
12
- template_d7803d698a6048559dad248aa1d3adda1.slot(element_d7803d698a6048559dad248aa1d3adda10, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
13
- template_d7803d698a6048559dad248aa1d3adda1.slot(element_d7803d698a6048559dad248aa1d3adda11, content);
14
- return root_d7803d698a6048559dad248aa1d3addax;
9
+ let root_fe942f28017d42ee87048fd6461b4dd8x = template_fe942f28017d42ee87048fd6461b4dd8y(), element_fe942f28017d42ee87048fd6461b4dd8z = root_fe942f28017d42ee87048fd6461b4dd8x.firstChild, element_fe942f28017d42ee87048fd6461b4dd810 = element_fe942f28017d42ee87048fd6461b4dd8z.firstChild, element_fe942f28017d42ee87048fd6461b4dd811 = element_fe942f28017d42ee87048fd6461b4dd810.nextSibling, attributes_fe942f28017d42ee87048fd6461b4dd812 = { "class": "back link --padding-0px --flex-vertical" };
10
+ template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd8z, this.attributes, attributes_fe942f28017d42ee87048fd6461b4dd812);
11
+ template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd8z, attributes, attributes_fe942f28017d42ee87048fd6461b4dd812);
12
+ template_fe942f28017d42ee87048fd6461b4dd81.slot(element_fe942f28017d42ee87048fd6461b4dd810, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
13
+ template_fe942f28017d42ee87048fd6461b4dd81.slot(element_fe942f28017d42ee87048fd6461b4dd811, content);
14
+ return root_fe942f28017d42ee87048fd6461b4dd8x;
15
15
  })();
16
16
  });
@@ -1,24 +1,24 @@
1
- import * as template_d7803d698a6048559dad248aa1d3adda1 from '@esportsplus/template';
1
+ import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
2
2
  import { Renderable } from '@esportsplus/template';
3
3
  import './scss/index.scss';
4
4
  declare const hold: {
5
5
  (): ReturnType<(this: {
6
- attributes?: template_d7803d698a6048559dad248aa1d3adda1.Attributes | undefined;
6
+ attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
7
7
  content?: ((state: {
8
8
  holding: boolean;
9
9
  complete: boolean;
10
10
  }) => Renderable<any>) | undefined;
11
- }, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: (state: {
11
+ }, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: (state: {
12
12
  holding: boolean;
13
13
  complete: boolean;
14
14
  }) => Renderable<any>) => Renderable<any>>;
15
- <T extends template_d7803d698a6048559dad248aa1d3adda1.Attributes>(attributes: T): ReturnType<(this: {
16
- attributes?: template_d7803d698a6048559dad248aa1d3adda1.Attributes | undefined;
15
+ <T extends template_fe942f28017d42ee87048fd6461b4dd81.Attributes>(attributes: T): ReturnType<(this: {
16
+ attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
17
17
  content?: ((state: {
18
18
  holding: boolean;
19
19
  complete: boolean;
20
20
  }) => Renderable<any>) | undefined;
21
- }, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: (state: {
21
+ }, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: (state: {
22
22
  holding: boolean;
23
23
  complete: boolean;
24
24
  }) => Renderable<any>) => Renderable<any>>;
@@ -26,25 +26,25 @@ declare const hold: {
26
26
  holding: boolean;
27
27
  complete: boolean;
28
28
  }) => Renderable<any>>(content: T): ReturnType<(this: {
29
- attributes?: template_d7803d698a6048559dad248aa1d3adda1.Attributes | undefined;
29
+ attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
30
30
  content?: ((state: {
31
31
  holding: boolean;
32
32
  complete: boolean;
33
33
  }) => Renderable<any>) | undefined;
34
- }, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: (state: {
34
+ }, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: (state: {
35
35
  holding: boolean;
36
36
  complete: boolean;
37
37
  }) => Renderable<any>) => Renderable<any>>;
38
- (attributes: template_d7803d698a6048559dad248aa1d3adda1.Attributes, content: (state: {
38
+ (attributes: template_fe942f28017d42ee87048fd6461b4dd81.Attributes, content: (state: {
39
39
  holding: boolean;
40
40
  complete: boolean;
41
41
  }) => Renderable<any>): ReturnType<(this: {
42
- attributes?: template_d7803d698a6048559dad248aa1d3adda1.Attributes | undefined;
42
+ attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
43
43
  content?: ((state: {
44
44
  holding: boolean;
45
45
  complete: boolean;
46
46
  }) => Renderable<any>) | undefined;
47
- }, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: (state: {
47
+ }, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: (state: {
48
48
  holding: boolean;
49
49
  complete: boolean;
50
50
  }) => Renderable<any>) => Renderable<any>>;
@@ -52,22 +52,22 @@ declare const hold: {
52
52
  declare const _default: {
53
53
  hold: {
54
54
  (): ReturnType<(this: {
55
- attributes?: template_d7803d698a6048559dad248aa1d3adda1.Attributes | undefined;
55
+ attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
56
56
  content?: ((state: {
57
57
  holding: boolean;
58
58
  complete: boolean;
59
59
  }) => Renderable<any>) | undefined;
60
- }, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: (state: {
60
+ }, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: (state: {
61
61
  holding: boolean;
62
62
  complete: boolean;
63
63
  }) => Renderable<any>) => Renderable<any>>;
64
- <T extends template_d7803d698a6048559dad248aa1d3adda1.Attributes>(attributes: T): ReturnType<(this: {
65
- attributes?: template_d7803d698a6048559dad248aa1d3adda1.Attributes | undefined;
64
+ <T extends template_fe942f28017d42ee87048fd6461b4dd81.Attributes>(attributes: T): ReturnType<(this: {
65
+ attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
66
66
  content?: ((state: {
67
67
  holding: boolean;
68
68
  complete: boolean;
69
69
  }) => Renderable<any>) | undefined;
70
- }, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: (state: {
70
+ }, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: (state: {
71
71
  holding: boolean;
72
72
  complete: boolean;
73
73
  }) => Renderable<any>) => Renderable<any>>;
@@ -75,25 +75,25 @@ declare const _default: {
75
75
  holding: boolean;
76
76
  complete: boolean;
77
77
  }) => Renderable<any>>(content: T): ReturnType<(this: {
78
- attributes?: template_d7803d698a6048559dad248aa1d3adda1.Attributes | undefined;
78
+ attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
79
79
  content?: ((state: {
80
80
  holding: boolean;
81
81
  complete: boolean;
82
82
  }) => Renderable<any>) | undefined;
83
- }, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: (state: {
83
+ }, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: (state: {
84
84
  holding: boolean;
85
85
  complete: boolean;
86
86
  }) => Renderable<any>) => Renderable<any>>;
87
- (attributes: template_d7803d698a6048559dad248aa1d3adda1.Attributes, content: (state: {
87
+ (attributes: template_fe942f28017d42ee87048fd6461b4dd81.Attributes, content: (state: {
88
88
  holding: boolean;
89
89
  complete: boolean;
90
90
  }) => Renderable<any>): ReturnType<(this: {
91
- attributes?: template_d7803d698a6048559dad248aa1d3adda1.Attributes | undefined;
91
+ attributes?: template_fe942f28017d42ee87048fd6461b4dd81.Attributes | undefined;
92
92
  content?: ((state: {
93
93
  holding: boolean;
94
94
  complete: boolean;
95
95
  }) => Renderable<any>) | undefined;
96
- }, attributes: Readonly<template_d7803d698a6048559dad248aa1d3adda1.Attributes>, content: (state: {
96
+ }, attributes: Readonly<template_fe942f28017d42ee87048fd6461b4dd81.Attributes>, content: (state: {
97
97
  holding: boolean;
98
98
  complete: boolean;
99
99
  }) => Renderable<any>) => Renderable<any>>;
@@ -1,25 +1,25 @@
1
- import * as template_d7803d698a6048559dad248aa1d3adda1 from '@esportsplus/template';
2
- import * as reactivity_d7803d698a6048559dad248aa1d3adda0 from '@esportsplus/reactivity';
1
+ import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
2
+ import * as reactivity_fe942f28017d42ee87048fd6461b4dd80 from '@esportsplus/reactivity';
3
3
  import template from '../template/index.js';
4
4
  import './scss/index.scss';
5
- const template_d7803d698a6048559dad248aa1d3adda15 = template_d7803d698a6048559dad248aa1d3adda1.template(`<div class='button '><!--$--></div>`);
6
- class ReactiveObject_d7803d698a6048559dad248aa1d3adda13 extends reactivity_d7803d698a6048559dad248aa1d3adda0.ReactiveObject {
7
- #complete = this[reactivity_d7803d698a6048559dad248aa1d3adda0.SIGNAL](false);
8
- #holding = this[reactivity_d7803d698a6048559dad248aa1d3adda0.SIGNAL](false);
5
+ const template_fe942f28017d42ee87048fd6461b4dd815 = template_fe942f28017d42ee87048fd6461b4dd81.template(`<div class='button '><!--$--></div>`);
6
+ class ReactiveObject_fe942f28017d42ee87048fd6461b4dd813 extends reactivity_fe942f28017d42ee87048fd6461b4dd80.ReactiveObject {
7
+ #complete = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](false);
8
+ #holding = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](false);
9
9
  constructor() {
10
10
  super(null);
11
11
  }
12
12
  get complete() {
13
- return reactivity_d7803d698a6048559dad248aa1d3adda0.read(this.#complete);
13
+ return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#complete);
14
14
  }
15
15
  set complete(_v0) {
16
- reactivity_d7803d698a6048559dad248aa1d3adda0.write(this.#complete, _v0);
16
+ reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#complete, _v0);
17
17
  }
18
18
  get holding() {
19
- return reactivity_d7803d698a6048559dad248aa1d3adda0.read(this.#holding);
19
+ return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#holding);
20
20
  }
21
21
  set holding(_v1) {
22
- reactivity_d7803d698a6048559dad248aa1d3adda0.write(this.#holding, _v1);
22
+ reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#holding, _v1);
23
23
  }
24
24
  }
25
25
  const hold = template.factory(function (attributes, content) {
@@ -27,34 +27,34 @@ const hold = template.factory(function (attributes, content) {
27
27
  if (!state.complete) {
28
28
  state.holding = false;
29
29
  }
30
- }, state = new ReactiveObject_d7803d698a6048559dad248aa1d3adda13();
30
+ }, state = new ReactiveObject_fe942f28017d42ee87048fd6461b4dd813();
31
31
  return (() => {
32
- let root_d7803d698a6048559dad248aa1d3adda14 = template_d7803d698a6048559dad248aa1d3adda15(), element_d7803d698a6048559dad248aa1d3adda16 = root_d7803d698a6048559dad248aa1d3adda14.firstChild, element_d7803d698a6048559dad248aa1d3adda17 = element_d7803d698a6048559dad248aa1d3adda16.firstChild, attributes_d7803d698a6048559dad248aa1d3adda18 = { "class": "button" };
33
- template_d7803d698a6048559dad248aa1d3adda1.setList(element_d7803d698a6048559dad248aa1d3adda16, 'class', () => state.holding && 'button--holding', attributes_d7803d698a6048559dad248aa1d3adda18);
34
- template_d7803d698a6048559dad248aa1d3adda1.setList(element_d7803d698a6048559dad248aa1d3adda16, 'class', () => state.complete && '--active', attributes_d7803d698a6048559dad248aa1d3adda18);
35
- template_d7803d698a6048559dad248aa1d3adda1.delegate(element_d7803d698a6048559dad248aa1d3adda16, 'mousedown', (e) => {
32
+ let root_fe942f28017d42ee87048fd6461b4dd814 = template_fe942f28017d42ee87048fd6461b4dd815(), element_fe942f28017d42ee87048fd6461b4dd816 = root_fe942f28017d42ee87048fd6461b4dd814.firstChild, element_fe942f28017d42ee87048fd6461b4dd817 = element_fe942f28017d42ee87048fd6461b4dd816.firstChild, attributes_fe942f28017d42ee87048fd6461b4dd818 = { "class": "button" };
33
+ template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd816, 'class', () => state.holding && 'button--holding', attributes_fe942f28017d42ee87048fd6461b4dd818);
34
+ template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd816, 'class', () => state.complete && '--active', attributes_fe942f28017d42ee87048fd6461b4dd818);
35
+ template_fe942f28017d42ee87048fd6461b4dd81.delegate(element_fe942f28017d42ee87048fd6461b4dd816, 'mousedown', (e) => {
36
36
  e.preventDefault();
37
37
  state.holding = true;
38
38
  });
39
- template_d7803d698a6048559dad248aa1d3adda1.setProperties(element_d7803d698a6048559dad248aa1d3adda16, attributes, attributes_d7803d698a6048559dad248aa1d3adda18);
40
- template_d7803d698a6048559dad248aa1d3adda1.delegate(element_d7803d698a6048559dad248aa1d3adda16, 'animationend', (e) => {
39
+ template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd816, attributes, attributes_fe942f28017d42ee87048fd6461b4dd818);
40
+ template_fe942f28017d42ee87048fd6461b4dd81.delegate(element_fe942f28017d42ee87048fd6461b4dd816, 'animationend', (e) => {
41
41
  if (e.animationName === 'buttonHolding') {
42
42
  state.complete = true;
43
43
  }
44
44
  });
45
- template_d7803d698a6048559dad248aa1d3adda1.delegate(element_d7803d698a6048559dad248aa1d3adda16, 'click', () => { });
46
- template_d7803d698a6048559dad248aa1d3adda1.delegate(element_d7803d698a6048559dad248aa1d3adda16, 'mousedown', (e) => {
45
+ template_fe942f28017d42ee87048fd6461b4dd81.delegate(element_fe942f28017d42ee87048fd6461b4dd816, 'click', () => { });
46
+ template_fe942f28017d42ee87048fd6461b4dd81.delegate(element_fe942f28017d42ee87048fd6461b4dd816, 'mousedown', (e) => {
47
47
  e.preventDefault();
48
48
  state.holding = true;
49
49
  });
50
- template_d7803d698a6048559dad248aa1d3adda1.delegate(element_d7803d698a6048559dad248aa1d3adda16, 'mouseup', end);
51
- template_d7803d698a6048559dad248aa1d3adda1.delegate(element_d7803d698a6048559dad248aa1d3adda16, 'touchend', end);
52
- template_d7803d698a6048559dad248aa1d3adda1.delegate(element_d7803d698a6048559dad248aa1d3adda16, 'touchstart', (e) => {
50
+ template_fe942f28017d42ee87048fd6461b4dd81.delegate(element_fe942f28017d42ee87048fd6461b4dd816, 'mouseup', end);
51
+ template_fe942f28017d42ee87048fd6461b4dd81.delegate(element_fe942f28017d42ee87048fd6461b4dd816, 'touchend', end);
52
+ template_fe942f28017d42ee87048fd6461b4dd81.delegate(element_fe942f28017d42ee87048fd6461b4dd816, 'touchstart', (e) => {
53
53
  e.preventDefault();
54
54
  state.holding = true;
55
55
  });
56
- new template_d7803d698a6048559dad248aa1d3adda1.EffectSlot(element_d7803d698a6048559dad248aa1d3adda17, () => content(state));
57
- return root_d7803d698a6048559dad248aa1d3adda14;
56
+ new template_fe942f28017d42ee87048fd6461b4dd81.EffectSlot(element_fe942f28017d42ee87048fd6461b4dd817, () => content(state));
57
+ return root_fe942f28017d42ee87048fd6461b4dd814;
58
58
  })();
59
59
  });
60
60
  export default { hold };