@esportsplus/ui 0.50.7 → 0.50.9

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 (34) 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 +40 -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 +3 -3
@@ -1,21 +1,21 @@
1
- import * as template_f8d7c5e168a74d2d85c0f8e758b58e701 from '@esportsplus/template';
1
+ import * as template_c9c73d187a134116af27de99479178b21 from '@esportsplus/template';
2
2
  import './scss/index.scss';
3
3
  declare const _default: {
4
4
  (): ReturnType<(this: {
5
- attributes?: template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes | undefined;
6
- content?: template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>;
7
- }, attributes: Readonly<template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes>, content: template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>) => template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>>;
8
- <T extends template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes>(attributes: T): ReturnType<(this: {
9
- attributes?: template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes | undefined;
10
- content?: template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>;
11
- }, attributes: Readonly<template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes>, content: template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>) => template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>>;
12
- <T extends template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>>(content: T): ReturnType<(this: {
13
- attributes?: template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes | undefined;
14
- content?: template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>;
15
- }, attributes: Readonly<template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes>, content: template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>) => template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>>;
16
- (attributes: template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes, content: template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>): ReturnType<(this: {
17
- attributes?: template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes | undefined;
18
- content?: template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>;
19
- }, attributes: Readonly<template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes>, content: template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>) => template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>>;
5
+ attributes?: template_c9c73d187a134116af27de99479178b21.Attributes | undefined;
6
+ content?: template_c9c73d187a134116af27de99479178b21.Renderable<any>;
7
+ }, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.Attributes>, content: template_c9c73d187a134116af27de99479178b21.Renderable<any>) => template_c9c73d187a134116af27de99479178b21.Renderable<any>>;
8
+ <T extends template_c9c73d187a134116af27de99479178b21.Attributes>(attributes: T): ReturnType<(this: {
9
+ attributes?: template_c9c73d187a134116af27de99479178b21.Attributes | undefined;
10
+ content?: template_c9c73d187a134116af27de99479178b21.Renderable<any>;
11
+ }, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.Attributes>, content: template_c9c73d187a134116af27de99479178b21.Renderable<any>) => template_c9c73d187a134116af27de99479178b21.Renderable<any>>;
12
+ <T extends template_c9c73d187a134116af27de99479178b21.Renderable<any>>(content: T): ReturnType<(this: {
13
+ attributes?: template_c9c73d187a134116af27de99479178b21.Attributes | undefined;
14
+ content?: template_c9c73d187a134116af27de99479178b21.Renderable<any>;
15
+ }, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.Attributes>, content: template_c9c73d187a134116af27de99479178b21.Renderable<any>) => template_c9c73d187a134116af27de99479178b21.Renderable<any>>;
16
+ (attributes: template_c9c73d187a134116af27de99479178b21.Attributes, content: template_c9c73d187a134116af27de99479178b21.Renderable<any>): ReturnType<(this: {
17
+ attributes?: template_c9c73d187a134116af27de99479178b21.Attributes | undefined;
18
+ content?: template_c9c73d187a134116af27de99479178b21.Renderable<any>;
19
+ }, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.Attributes>, content: template_c9c73d187a134116af27de99479178b21.Renderable<any>) => template_c9c73d187a134116af27de99479178b21.Renderable<any>>;
20
20
  };
21
21
  export default _default;
@@ -1,42 +1,42 @@
1
- import * as template_f8d7c5e168a74d2d85c0f8e758b58e701 from '@esportsplus/template';
2
- import * as reactivity_f8d7c5e168a74d2d85c0f8e758b58e700 from '@esportsplus/reactivity';
1
+ import * as template_c9c73d187a134116af27de99479178b21 from '@esportsplus/template';
2
+ import * as reactivity_c9c73d187a134116af27de99479178b20 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_f8d7c5e168a74d2d85c0f8e758b58e704 = template_f8d7c5e168a74d2d85c0f8e758b58e701.template(`<div><!--$--></div>`);
7
- class ReactiveObject_f8d7c5e168a74d2d85c0f8e758b58e702 extends reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.ReactiveObject {
8
- #active = this[reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.SIGNAL](0);
6
+ const template_c9c73d187a134116af27de99479178b24 = template_c9c73d187a134116af27de99479178b21.template(`<div><!--$--></div>`);
7
+ class ReactiveObject_c9c73d187a134116af27de99479178b22 extends reactivity_c9c73d187a134116af27de99479178b20.ReactiveObject {
8
+ #active = this[reactivity_c9c73d187a134116af27de99479178b20.SIGNAL](0);
9
9
  constructor() {
10
10
  super(null);
11
11
  }
12
12
  get active() {
13
- return reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.read(this.#active);
13
+ return reactivity_c9c73d187a134116af27de99479178b20.read(this.#active);
14
14
  }
15
15
  set active(_v0) {
16
- reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.write(this.#active, _v0);
16
+ reactivity_c9c73d187a134116af27de99479178b20.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_f8d7c5e168a74d2d85c0f8e758b58e702();
22
+ let ref, state = attributes.state || new ReactiveObject_c9c73d187a134116af27de99479178b22();
23
23
  return (() => {
24
- let root_f8d7c5e168a74d2d85c0f8e758b58e703 = template_f8d7c5e168a74d2d85c0f8e758b58e704(), element_f8d7c5e168a74d2d85c0f8e758b58e705 = root_f8d7c5e168a74d2d85c0f8e758b58e703.firstChild, element_f8d7c5e168a74d2d85c0f8e758b58e706 = element_f8d7c5e168a74d2d85c0f8e758b58e705.firstChild, attributes_f8d7c5e168a74d2d85c0f8e758b58e707 = {};
25
- template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e705, omit(attributes, OMIT), attributes_f8d7c5e168a74d2d85c0f8e758b58e707);
26
- template_f8d7c5e168a74d2d85c0f8e758b58e701.setList(element_f8d7c5e168a74d2d85c0f8e758b58e705, 'class', () => {
24
+ let root_c9c73d187a134116af27de99479178b23 = template_c9c73d187a134116af27de99479178b24(), element_c9c73d187a134116af27de99479178b25 = root_c9c73d187a134116af27de99479178b23.firstChild, element_c9c73d187a134116af27de99479178b26 = element_c9c73d187a134116af27de99479178b25.firstChild, attributes_c9c73d187a134116af27de99479178b27 = {};
25
+ template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b25, omit(attributes, OMIT), attributes_c9c73d187a134116af27de99479178b27);
26
+ template_c9c73d187a134116af27de99479178b21.setList(element_c9c73d187a134116af27de99479178b25, 'class', () => {
27
27
  return state.active && '--active';
28
- }, attributes_f8d7c5e168a74d2d85c0f8e758b58e707);
29
- template_f8d7c5e168a74d2d85c0f8e758b58e701.onrender(element_f8d7c5e168a74d2d85c0f8e758b58e705, (element) => {
28
+ }, attributes_c9c73d187a134116af27de99479178b27);
29
+ template_c9c73d187a134116af27de99479178b21.onrender(element_c9c73d187a134116af27de99479178b25, (element) => {
30
30
  (ref = element)[key] = state;
31
31
  });
32
- template_f8d7c5e168a74d2d85c0f8e758b58e701.setList(element_f8d7c5e168a74d2d85c0f8e758b58e705, 'style', () => {
32
+ template_c9c73d187a134116af27de99479178b21.setList(element_c9c73d187a134116af27de99479178b25, '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_f8d7c5e168a74d2d85c0f8e758b58e707);
39
- template_f8d7c5e168a74d2d85c0f8e758b58e701.slot(element_f8d7c5e168a74d2d85c0f8e758b58e706, content);
40
- return root_f8d7c5e168a74d2d85c0f8e758b58e703;
38
+ }, attributes_c9c73d187a134116af27de99479178b27);
39
+ template_c9c73d187a134116af27de99479178b21.slot(element_c9c73d187a134116af27de99479178b26, content);
40
+ return root_c9c73d187a134116af27de99479178b23;
41
41
  })();
42
42
  });
@@ -1,50 +1,50 @@
1
1
  import '@esportsplus/vite/global.d.ts';
2
- import * as template_f8d7c5e168a74d2d85c0f8e758b58e701 from '@esportsplus/template';
2
+ import * as template_c9c73d187a134116af27de99479178b21 from '@esportsplus/template';
3
3
  import { svg } from '@esportsplus/template';
4
- import * as reactivity_f8d7c5e168a74d2d85c0f8e758b58e700 from '@esportsplus/reactivity';
4
+ import * as reactivity_c9c73d187a134116af27de99479178b20 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_f8d7c5e168a74d2d85c0f8e758b58e70a = template_f8d7c5e168a74d2d85c0f8e758b58e701.template(`<div class='--flex-vertical'><!--$--></div>`);
12
- const template_f8d7c5e168a74d2d85c0f8e758b58e70f = template_f8d7c5e168a74d2d85c0f8e758b58e701.template(`<p><!--$--></p>`);
13
- const template_f8d7c5e168a74d2d85c0f8e758b58e70k = template_f8d7c5e168a74d2d85c0f8e758b58e701.template(`<div class='--flex-start'><!--$--></div>`);
14
- const template_f8d7c5e168a74d2d85c0f8e758b58e70n = template_f8d7c5e168a74d2d85c0f8e758b58e701.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_f8d7c5e168a74d2d85c0f8e758b58e708 extends reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.ReactiveObject {
16
- #active = this[reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.SIGNAL](false);
11
+ const template_c9c73d187a134116af27de99479178b2a = template_c9c73d187a134116af27de99479178b21.template(`<div class='--flex-vertical'><!--$--></div>`);
12
+ const template_c9c73d187a134116af27de99479178b2f = template_c9c73d187a134116af27de99479178b21.template(`<p><!--$--></p>`);
13
+ const template_c9c73d187a134116af27de99479178b2k = template_c9c73d187a134116af27de99479178b21.template(`<div class='--flex-start'><!--$--></div>`);
14
+ const template_c9c73d187a134116af27de99479178b2n = template_c9c73d187a134116af27de99479178b21.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_c9c73d187a134116af27de99479178b28 extends reactivity_c9c73d187a134116af27de99479178b20.ReactiveObject {
16
+ #active = this[reactivity_c9c73d187a134116af27de99479178b20.SIGNAL](false);
17
17
  #messages;
18
- #rerender = this[reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.SIGNAL](0);
18
+ #rerender = this[reactivity_c9c73d187a134116af27de99479178b20.SIGNAL](0);
19
19
  #type;
20
20
  constructor(_p0, _p1) {
21
21
  super(null);
22
- this.#messages = this[reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.SIGNAL](_p0);
23
- this.#type = this[reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.SIGNAL](_p1);
22
+ this.#messages = this[reactivity_c9c73d187a134116af27de99479178b20.SIGNAL](_p0);
23
+ this.#type = this[reactivity_c9c73d187a134116af27de99479178b20.SIGNAL](_p1);
24
24
  }
25
25
  get active() {
26
- return reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.read(this.#active);
26
+ return reactivity_c9c73d187a134116af27de99479178b20.read(this.#active);
27
27
  }
28
28
  set active(_v0) {
29
- reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.write(this.#active, _v0);
29
+ reactivity_c9c73d187a134116af27de99479178b20.write(this.#active, _v0);
30
30
  }
31
31
  get messages() {
32
- return reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.read(this.#messages);
32
+ return reactivity_c9c73d187a134116af27de99479178b20.read(this.#messages);
33
33
  }
34
34
  set messages(_v1) {
35
- reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.write(this.#messages, _v1);
35
+ reactivity_c9c73d187a134116af27de99479178b20.write(this.#messages, _v1);
36
36
  }
37
37
  get rerender() {
38
- return reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.read(this.#rerender);
38
+ return reactivity_c9c73d187a134116af27de99479178b20.read(this.#rerender);
39
39
  }
40
40
  set rerender(_v2) {
41
- reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.write(this.#rerender, _v2);
41
+ reactivity_c9c73d187a134116af27de99479178b20.write(this.#rerender, _v2);
42
42
  }
43
43
  get type() {
44
- return reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.read(this.#type);
44
+ return reactivity_c9c73d187a134116af27de99479178b20.read(this.#type);
45
45
  }
46
46
  set type(_v3) {
47
- reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.write(this.#type, _v3);
47
+ reactivity_c9c73d187a134116af27de99479178b20.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_f8d7c5e168a74d2d85c0f8e758b58e708(new Set(), '');
96
+ let state = new ReactiveObject_c9c73d187a134116af27de99479178b28(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_f8d7c5e168a74d2d85c0f8e758b58e70m = template_f8d7c5e168a74d2d85c0f8e758b58e70n(), element_f8d7c5e168a74d2d85c0f8e758b58e70o = root_f8d7c5e168a74d2d85c0f8e758b58e70m.firstChild, element_f8d7c5e168a74d2d85c0f8e758b58e70p = element_f8d7c5e168a74d2d85c0f8e758b58e70o.firstChild, element_f8d7c5e168a74d2d85c0f8e758b58e70q = element_f8d7c5e168a74d2d85c0f8e758b58e70o.firstElementChild, element_f8d7c5e168a74d2d85c0f8e758b58e70r = element_f8d7c5e168a74d2d85c0f8e758b58e70q.firstChild, element_f8d7c5e168a74d2d85c0f8e758b58e70s = element_f8d7c5e168a74d2d85c0f8e758b58e70q.nextElementSibling.firstElementChild, element_f8d7c5e168a74d2d85c0f8e758b58e70t = element_f8d7c5e168a74d2d85c0f8e758b58e70s.firstElementChild.firstChild, attributes_f8d7c5e168a74d2d85c0f8e758b58e70u = { "class": "alert anchor anchor--n --flex-row" }, attributes_f8d7c5e168a74d2d85c0f8e758b58e70v = { "class": "alert-messages --flex-column --flex-fill" }, attributes_f8d7c5e168a74d2d85c0f8e758b58e70w = { "class": "alert-close button --padding-300" };
112
- template_f8d7c5e168a74d2d85c0f8e758b58e701.setList(element_f8d7c5e168a74d2d85c0f8e758b58e70o, 'class', () => state.active && '--active', attributes_f8d7c5e168a74d2d85c0f8e758b58e70u);
113
- template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e70o, omit(attributes, OMIT), attributes_f8d7c5e168a74d2d85c0f8e758b58e70u);
114
- new template_f8d7c5e168a74d2d85c0f8e758b58e701.EffectSlot(element_f8d7c5e168a74d2d85c0f8e758b58e70p, () => {
111
+ let root_c9c73d187a134116af27de99479178b2m = template_c9c73d187a134116af27de99479178b2n(), element_c9c73d187a134116af27de99479178b2o = root_c9c73d187a134116af27de99479178b2m.firstChild, element_c9c73d187a134116af27de99479178b2p = element_c9c73d187a134116af27de99479178b2o.firstChild, element_c9c73d187a134116af27de99479178b2q = element_c9c73d187a134116af27de99479178b2o.firstElementChild, element_c9c73d187a134116af27de99479178b2r = element_c9c73d187a134116af27de99479178b2q.firstChild, element_c9c73d187a134116af27de99479178b2s = element_c9c73d187a134116af27de99479178b2q.nextElementSibling.firstElementChild, element_c9c73d187a134116af27de99479178b2t = element_c9c73d187a134116af27de99479178b2s.firstElementChild.firstChild, attributes_c9c73d187a134116af27de99479178b2u = { "class": "alert anchor anchor--n --flex-row" }, attributes_c9c73d187a134116af27de99479178b2v = { "class": "alert-messages --flex-column --flex-fill" }, attributes_c9c73d187a134116af27de99479178b2w = { "class": "alert-close button --padding-300" };
112
+ template_c9c73d187a134116af27de99479178b21.setList(element_c9c73d187a134116af27de99479178b2o, 'class', () => state.active && '--active', attributes_c9c73d187a134116af27de99479178b2u);
113
+ template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b2o, omit(attributes, OMIT), attributes_c9c73d187a134116af27de99479178b2u);
114
+ new template_c9c73d187a134116af27de99479178b21.EffectSlot(element_c9c73d187a134116af27de99479178b2p, () => {
115
115
  let type = state.type;
116
116
  return (() => {
117
- let root_f8d7c5e168a74d2d85c0f8e758b58e709 = template_f8d7c5e168a74d2d85c0f8e758b58e70a(), element_f8d7c5e168a74d2d85c0f8e758b58e70b = root_f8d7c5e168a74d2d85c0f8e758b58e709.firstChild, element_f8d7c5e168a74d2d85c0f8e758b58e70c = element_f8d7c5e168a74d2d85c0f8e758b58e70b.firstChild, attributes_f8d7c5e168a74d2d85c0f8e758b58e70d = { "class": "--flex-vertical", "style": "" };
118
- template_f8d7c5e168a74d2d85c0f8e758b58e701.setList(element_f8d7c5e168a74d2d85c0f8e758b58e70b, 'style', `--color: var(--color-${modifiers[type]}-400);`, attributes_f8d7c5e168a74d2d85c0f8e758b58e70d);
119
- template_f8d7c5e168a74d2d85c0f8e758b58e701.slot(element_f8d7c5e168a74d2d85c0f8e758b58e70c, icon({ class: '--size-500' }, type === 'error' ? e : check));
120
- return root_f8d7c5e168a74d2d85c0f8e758b58e709;
117
+ let root_c9c73d187a134116af27de99479178b29 = template_c9c73d187a134116af27de99479178b2a(), element_c9c73d187a134116af27de99479178b2b = root_c9c73d187a134116af27de99479178b29.firstChild, element_c9c73d187a134116af27de99479178b2c = element_c9c73d187a134116af27de99479178b2b.firstChild, attributes_c9c73d187a134116af27de99479178b2d = { "class": "--flex-vertical", "style": "" };
118
+ template_c9c73d187a134116af27de99479178b21.setList(element_c9c73d187a134116af27de99479178b2b, 'style', `--color: var(--color-${modifiers[type]}-400);`, attributes_c9c73d187a134116af27de99479178b2d);
119
+ template_c9c73d187a134116af27de99479178b21.slot(element_c9c73d187a134116af27de99479178b2c, icon({ class: '--size-500' }, type === 'error' ? e : check));
120
+ return root_c9c73d187a134116af27de99479178b29;
121
121
  })();
122
122
  });
123
- template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e70q, attributes['alert-messages'], attributes_f8d7c5e168a74d2d85c0f8e758b58e70v);
124
- new template_f8d7c5e168a74d2d85c0f8e758b58e701.EffectSlot(element_f8d7c5e168a74d2d85c0f8e758b58e70r, () => {
123
+ template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b2q, attributes['alert-messages'], attributes_c9c73d187a134116af27de99479178b2v);
124
+ new template_c9c73d187a134116af27de99479178b21.EffectSlot(element_c9c73d187a134116af27de99479178b2r, () => {
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_f8d7c5e168a74d2d85c0f8e758b58e70e = template_f8d7c5e168a74d2d85c0f8e758b58e70f(), element_f8d7c5e168a74d2d85c0f8e758b58e70g = root_f8d7c5e168a74d2d85c0f8e758b58e70e.firstChild, element_f8d7c5e168a74d2d85c0f8e758b58e70h = element_f8d7c5e168a74d2d85c0f8e758b58e70g.firstChild, attributes_f8d7c5e168a74d2d85c0f8e758b58e70i = {};
130
- template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e70g, message, attributes_f8d7c5e168a74d2d85c0f8e758b58e70i);
131
- template_f8d7c5e168a74d2d85c0f8e758b58e701.slot(element_f8d7c5e168a74d2d85c0f8e758b58e70h, content);
132
- return root_f8d7c5e168a74d2d85c0f8e758b58e70e;
129
+ let root_c9c73d187a134116af27de99479178b2e = template_c9c73d187a134116af27de99479178b2f(), element_c9c73d187a134116af27de99479178b2g = root_c9c73d187a134116af27de99479178b2e.firstChild, element_c9c73d187a134116af27de99479178b2h = element_c9c73d187a134116af27de99479178b2g.firstChild, attributes_c9c73d187a134116af27de99479178b2i = {};
130
+ template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b2g, message, attributes_c9c73d187a134116af27de99479178b2i);
131
+ template_c9c73d187a134116af27de99479178b21.slot(element_c9c73d187a134116af27de99479178b2h, content);
132
+ return root_c9c73d187a134116af27de99479178b2e;
133
133
  })();
134
134
  }
135
135
  return (() => {
136
- let root_f8d7c5e168a74d2d85c0f8e758b58e70j = template_f8d7c5e168a74d2d85c0f8e758b58e70k(), element_f8d7c5e168a74d2d85c0f8e758b58e70l = root_f8d7c5e168a74d2d85c0f8e758b58e70j.firstChild.firstChild;
137
- template_f8d7c5e168a74d2d85c0f8e758b58e701.slot(element_f8d7c5e168a74d2d85c0f8e758b58e70l, content);
138
- return root_f8d7c5e168a74d2d85c0f8e758b58e70j;
136
+ let root_c9c73d187a134116af27de99479178b2j = template_c9c73d187a134116af27de99479178b2k(), element_c9c73d187a134116af27de99479178b2l = root_c9c73d187a134116af27de99479178b2j.firstChild.firstChild;
137
+ template_c9c73d187a134116af27de99479178b21.slot(element_c9c73d187a134116af27de99479178b2l, content);
138
+ return root_c9c73d187a134116af27de99479178b2j;
139
139
  })();
140
140
  });
141
141
  });
142
- template_f8d7c5e168a74d2d85c0f8e758b58e701.delegate(element_f8d7c5e168a74d2d85c0f8e758b58e70s, 'click', () => deactivate(state));
143
- template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e70s, attributes['alert-close'], attributes_f8d7c5e168a74d2d85c0f8e758b58e70w);
144
- template_f8d7c5e168a74d2d85c0f8e758b58e701.slot(element_f8d7c5e168a74d2d85c0f8e758b58e70t, svg.sprite(close));
145
- return root_f8d7c5e168a74d2d85c0f8e758b58e70m;
142
+ template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b2s, 'click', () => deactivate(state));
143
+ template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b2s, attributes['alert-close'], attributes_c9c73d187a134116af27de99479178b2w);
144
+ template_c9c73d187a134116af27de99479178b21.slot(element_c9c73d187a134116af27de99479178b2t, svg.sprite(close));
145
+ return root_c9c73d187a134116af27de99479178b2m;
146
146
  })(),
147
147
  deactivate: () => deactivate(state),
148
148
  error,
@@ -1,18 +1,18 @@
1
- import * as template_f8d7c5e168a74d2d85c0f8e758b58e701 from '@esportsplus/template';
1
+ import * as template_c9c73d187a134116af27de99479178b21 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_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes>, content: template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>) => template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>>;
8
- <T extends template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes>(attributes: T): ReturnType<(this: {
7
+ }, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.Attributes>, content: template_c9c73d187a134116af27de99479178b21.Renderable<any>) => template_c9c73d187a134116af27de99479178b21.Renderable<any>>;
8
+ <T extends template_c9c73d187a134116af27de99479178b21.Attributes>(attributes: T): ReturnType<(this: {
9
9
  attributes?: Attributes;
10
- }, attributes: Readonly<template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes>, content: template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>) => template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>>;
11
- <T extends template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>>(content: T): ReturnType<(this: {
10
+ }, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.Attributes>, content: template_c9c73d187a134116af27de99479178b21.Renderable<any>) => template_c9c73d187a134116af27de99479178b21.Renderable<any>>;
11
+ <T extends template_c9c73d187a134116af27de99479178b21.Renderable<any>>(content: T): ReturnType<(this: {
12
12
  attributes?: Attributes;
13
- }, attributes: Readonly<template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes>, content: template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>) => template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>>;
14
- (attributes: template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes, content: template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>): ReturnType<(this: {
13
+ }, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.Attributes>, content: template_c9c73d187a134116af27de99479178b21.Renderable<any>) => template_c9c73d187a134116af27de99479178b21.Renderable<any>>;
14
+ (attributes: template_c9c73d187a134116af27de99479178b21.Attributes, content: template_c9c73d187a134116af27de99479178b21.Renderable<any>): ReturnType<(this: {
15
15
  attributes?: Attributes;
16
- }, attributes: Readonly<template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes>, content: template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>) => template_f8d7c5e168a74d2d85c0f8e758b58e701.Renderable<any>>;
16
+ }, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.Attributes>, content: template_c9c73d187a134116af27de99479178b21.Renderable<any>) => template_c9c73d187a134116af27de99479178b21.Renderable<any>>;
17
17
  };
18
18
  export default _default;
@@ -1,16 +1,16 @@
1
- import * as template_f8d7c5e168a74d2d85c0f8e758b58e701 from '@esportsplus/template';
1
+ import * as template_c9c73d187a134116af27de99479178b21 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_f8d7c5e168a74d2d85c0f8e758b58e70y = template_f8d7c5e168a74d2d85c0f8e758b58e701.template(`<a class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
6
+ const template_c9c73d187a134116af27de99479178b2y = template_c9c73d187a134116af27de99479178b21.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_f8d7c5e168a74d2d85c0f8e758b58e70x = template_f8d7c5e168a74d2d85c0f8e758b58e70y(), element_f8d7c5e168a74d2d85c0f8e758b58e70z = root_f8d7c5e168a74d2d85c0f8e758b58e70x.firstChild, element_f8d7c5e168a74d2d85c0f8e758b58e7010 = element_f8d7c5e168a74d2d85c0f8e758b58e70z.firstChild, element_f8d7c5e168a74d2d85c0f8e758b58e7011 = element_f8d7c5e168a74d2d85c0f8e758b58e7010.nextSibling, attributes_f8d7c5e168a74d2d85c0f8e758b58e7012 = { "class": "back link --padding-0px --flex-vertical" };
10
- template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e70z, this.attributes, attributes_f8d7c5e168a74d2d85c0f8e758b58e7012);
11
- template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e70z, attributes, attributes_f8d7c5e168a74d2d85c0f8e758b58e7012);
12
- template_f8d7c5e168a74d2d85c0f8e758b58e701.slot(element_f8d7c5e168a74d2d85c0f8e758b58e7010, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
13
- template_f8d7c5e168a74d2d85c0f8e758b58e701.slot(element_f8d7c5e168a74d2d85c0f8e758b58e7011, content);
14
- return root_f8d7c5e168a74d2d85c0f8e758b58e70x;
9
+ let root_c9c73d187a134116af27de99479178b2x = template_c9c73d187a134116af27de99479178b2y(), element_c9c73d187a134116af27de99479178b2z = root_c9c73d187a134116af27de99479178b2x.firstChild, element_c9c73d187a134116af27de99479178b210 = element_c9c73d187a134116af27de99479178b2z.firstChild, element_c9c73d187a134116af27de99479178b211 = element_c9c73d187a134116af27de99479178b210.nextSibling, attributes_c9c73d187a134116af27de99479178b212 = { "class": "back link --padding-0px --flex-vertical" };
10
+ template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b2z, this.attributes, attributes_c9c73d187a134116af27de99479178b212);
11
+ template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b2z, attributes, attributes_c9c73d187a134116af27de99479178b212);
12
+ template_c9c73d187a134116af27de99479178b21.slot(element_c9c73d187a134116af27de99479178b210, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
13
+ template_c9c73d187a134116af27de99479178b21.slot(element_c9c73d187a134116af27de99479178b211, content);
14
+ return root_c9c73d187a134116af27de99479178b2x;
15
15
  })();
16
16
  });
@@ -1,24 +1,24 @@
1
- import * as template_f8d7c5e168a74d2d85c0f8e758b58e701 from '@esportsplus/template';
1
+ import * as template_c9c73d187a134116af27de99479178b21 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_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes | undefined;
6
+ attributes?: template_c9c73d187a134116af27de99479178b21.Attributes | undefined;
7
7
  content?: ((state: {
8
8
  holding: boolean;
9
9
  complete: boolean;
10
10
  }) => Renderable<any>) | undefined;
11
- }, attributes: Readonly<template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes>, content: (state: {
11
+ }, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.Attributes>, content: (state: {
12
12
  holding: boolean;
13
13
  complete: boolean;
14
14
  }) => Renderable<any>) => Renderable<any>>;
15
- <T extends template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes>(attributes: T): ReturnType<(this: {
16
- attributes?: template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes | undefined;
15
+ <T extends template_c9c73d187a134116af27de99479178b21.Attributes>(attributes: T): ReturnType<(this: {
16
+ attributes?: template_c9c73d187a134116af27de99479178b21.Attributes | undefined;
17
17
  content?: ((state: {
18
18
  holding: boolean;
19
19
  complete: boolean;
20
20
  }) => Renderable<any>) | undefined;
21
- }, attributes: Readonly<template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes>, content: (state: {
21
+ }, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.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_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes | undefined;
29
+ attributes?: template_c9c73d187a134116af27de99479178b21.Attributes | undefined;
30
30
  content?: ((state: {
31
31
  holding: boolean;
32
32
  complete: boolean;
33
33
  }) => Renderable<any>) | undefined;
34
- }, attributes: Readonly<template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes>, content: (state: {
34
+ }, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.Attributes>, content: (state: {
35
35
  holding: boolean;
36
36
  complete: boolean;
37
37
  }) => Renderable<any>) => Renderable<any>>;
38
- (attributes: template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes, content: (state: {
38
+ (attributes: template_c9c73d187a134116af27de99479178b21.Attributes, content: (state: {
39
39
  holding: boolean;
40
40
  complete: boolean;
41
41
  }) => Renderable<any>): ReturnType<(this: {
42
- attributes?: template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes | undefined;
42
+ attributes?: template_c9c73d187a134116af27de99479178b21.Attributes | undefined;
43
43
  content?: ((state: {
44
44
  holding: boolean;
45
45
  complete: boolean;
46
46
  }) => Renderable<any>) | undefined;
47
- }, attributes: Readonly<template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes>, content: (state: {
47
+ }, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.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_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes | undefined;
55
+ attributes?: template_c9c73d187a134116af27de99479178b21.Attributes | undefined;
56
56
  content?: ((state: {
57
57
  holding: boolean;
58
58
  complete: boolean;
59
59
  }) => Renderable<any>) | undefined;
60
- }, attributes: Readonly<template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes>, content: (state: {
60
+ }, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.Attributes>, content: (state: {
61
61
  holding: boolean;
62
62
  complete: boolean;
63
63
  }) => Renderable<any>) => Renderable<any>>;
64
- <T extends template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes>(attributes: T): ReturnType<(this: {
65
- attributes?: template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes | undefined;
64
+ <T extends template_c9c73d187a134116af27de99479178b21.Attributes>(attributes: T): ReturnType<(this: {
65
+ attributes?: template_c9c73d187a134116af27de99479178b21.Attributes | undefined;
66
66
  content?: ((state: {
67
67
  holding: boolean;
68
68
  complete: boolean;
69
69
  }) => Renderable<any>) | undefined;
70
- }, attributes: Readonly<template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes>, content: (state: {
70
+ }, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.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_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes | undefined;
78
+ attributes?: template_c9c73d187a134116af27de99479178b21.Attributes | undefined;
79
79
  content?: ((state: {
80
80
  holding: boolean;
81
81
  complete: boolean;
82
82
  }) => Renderable<any>) | undefined;
83
- }, attributes: Readonly<template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes>, content: (state: {
83
+ }, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.Attributes>, content: (state: {
84
84
  holding: boolean;
85
85
  complete: boolean;
86
86
  }) => Renderable<any>) => Renderable<any>>;
87
- (attributes: template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes, content: (state: {
87
+ (attributes: template_c9c73d187a134116af27de99479178b21.Attributes, content: (state: {
88
88
  holding: boolean;
89
89
  complete: boolean;
90
90
  }) => Renderable<any>): ReturnType<(this: {
91
- attributes?: template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes | undefined;
91
+ attributes?: template_c9c73d187a134116af27de99479178b21.Attributes | undefined;
92
92
  content?: ((state: {
93
93
  holding: boolean;
94
94
  complete: boolean;
95
95
  }) => Renderable<any>) | undefined;
96
- }, attributes: Readonly<template_f8d7c5e168a74d2d85c0f8e758b58e701.Attributes>, content: (state: {
96
+ }, attributes: Readonly<template_c9c73d187a134116af27de99479178b21.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_f8d7c5e168a74d2d85c0f8e758b58e701 from '@esportsplus/template';
2
- import * as reactivity_f8d7c5e168a74d2d85c0f8e758b58e700 from '@esportsplus/reactivity';
1
+ import * as template_c9c73d187a134116af27de99479178b21 from '@esportsplus/template';
2
+ import * as reactivity_c9c73d187a134116af27de99479178b20 from '@esportsplus/reactivity';
3
3
  import template from '../template/index.js';
4
4
  import './scss/index.scss';
5
- const template_f8d7c5e168a74d2d85c0f8e758b58e7015 = template_f8d7c5e168a74d2d85c0f8e758b58e701.template(`<div class='button '><!--$--></div>`);
6
- class ReactiveObject_f8d7c5e168a74d2d85c0f8e758b58e7013 extends reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.ReactiveObject {
7
- #complete = this[reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.SIGNAL](false);
8
- #holding = this[reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.SIGNAL](false);
5
+ const template_c9c73d187a134116af27de99479178b215 = template_c9c73d187a134116af27de99479178b21.template(`<div class='button '><!--$--></div>`);
6
+ class ReactiveObject_c9c73d187a134116af27de99479178b213 extends reactivity_c9c73d187a134116af27de99479178b20.ReactiveObject {
7
+ #complete = this[reactivity_c9c73d187a134116af27de99479178b20.SIGNAL](false);
8
+ #holding = this[reactivity_c9c73d187a134116af27de99479178b20.SIGNAL](false);
9
9
  constructor() {
10
10
  super(null);
11
11
  }
12
12
  get complete() {
13
- return reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.read(this.#complete);
13
+ return reactivity_c9c73d187a134116af27de99479178b20.read(this.#complete);
14
14
  }
15
15
  set complete(_v0) {
16
- reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.write(this.#complete, _v0);
16
+ reactivity_c9c73d187a134116af27de99479178b20.write(this.#complete, _v0);
17
17
  }
18
18
  get holding() {
19
- return reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.read(this.#holding);
19
+ return reactivity_c9c73d187a134116af27de99479178b20.read(this.#holding);
20
20
  }
21
21
  set holding(_v1) {
22
- reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.write(this.#holding, _v1);
22
+ reactivity_c9c73d187a134116af27de99479178b20.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_f8d7c5e168a74d2d85c0f8e758b58e7013();
30
+ }, state = new ReactiveObject_c9c73d187a134116af27de99479178b213();
31
31
  return (() => {
32
- let root_f8d7c5e168a74d2d85c0f8e758b58e7014 = template_f8d7c5e168a74d2d85c0f8e758b58e7015(), element_f8d7c5e168a74d2d85c0f8e758b58e7016 = root_f8d7c5e168a74d2d85c0f8e758b58e7014.firstChild, element_f8d7c5e168a74d2d85c0f8e758b58e7017 = element_f8d7c5e168a74d2d85c0f8e758b58e7016.firstChild, attributes_f8d7c5e168a74d2d85c0f8e758b58e7018 = { "class": "button" };
33
- template_f8d7c5e168a74d2d85c0f8e758b58e701.setList(element_f8d7c5e168a74d2d85c0f8e758b58e7016, 'class', () => state.holding && 'button--holding', attributes_f8d7c5e168a74d2d85c0f8e758b58e7018);
34
- template_f8d7c5e168a74d2d85c0f8e758b58e701.setList(element_f8d7c5e168a74d2d85c0f8e758b58e7016, 'class', () => state.complete && '--active', attributes_f8d7c5e168a74d2d85c0f8e758b58e7018);
35
- template_f8d7c5e168a74d2d85c0f8e758b58e701.delegate(element_f8d7c5e168a74d2d85c0f8e758b58e7016, 'mousedown', (e) => {
32
+ let root_c9c73d187a134116af27de99479178b214 = template_c9c73d187a134116af27de99479178b215(), element_c9c73d187a134116af27de99479178b216 = root_c9c73d187a134116af27de99479178b214.firstChild, element_c9c73d187a134116af27de99479178b217 = element_c9c73d187a134116af27de99479178b216.firstChild, attributes_c9c73d187a134116af27de99479178b218 = { "class": "button" };
33
+ template_c9c73d187a134116af27de99479178b21.setList(element_c9c73d187a134116af27de99479178b216, 'class', () => state.holding && 'button--holding', attributes_c9c73d187a134116af27de99479178b218);
34
+ template_c9c73d187a134116af27de99479178b21.setList(element_c9c73d187a134116af27de99479178b216, 'class', () => state.complete && '--active', attributes_c9c73d187a134116af27de99479178b218);
35
+ template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b216, 'mousedown', (e) => {
36
36
  e.preventDefault();
37
37
  state.holding = true;
38
38
  });
39
- template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e7016, attributes, attributes_f8d7c5e168a74d2d85c0f8e758b58e7018);
40
- template_f8d7c5e168a74d2d85c0f8e758b58e701.delegate(element_f8d7c5e168a74d2d85c0f8e758b58e7016, 'animationend', (e) => {
39
+ template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b216, attributes, attributes_c9c73d187a134116af27de99479178b218);
40
+ template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b216, 'animationend', (e) => {
41
41
  if (e.animationName === 'buttonHolding') {
42
42
  state.complete = true;
43
43
  }
44
44
  });
45
- template_f8d7c5e168a74d2d85c0f8e758b58e701.delegate(element_f8d7c5e168a74d2d85c0f8e758b58e7016, 'click', () => { });
46
- template_f8d7c5e168a74d2d85c0f8e758b58e701.delegate(element_f8d7c5e168a74d2d85c0f8e758b58e7016, 'mousedown', (e) => {
45
+ template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b216, 'click', () => { });
46
+ template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b216, 'mousedown', (e) => {
47
47
  e.preventDefault();
48
48
  state.holding = true;
49
49
  });
50
- template_f8d7c5e168a74d2d85c0f8e758b58e701.delegate(element_f8d7c5e168a74d2d85c0f8e758b58e7016, 'mouseup', end);
51
- template_f8d7c5e168a74d2d85c0f8e758b58e701.delegate(element_f8d7c5e168a74d2d85c0f8e758b58e7016, 'touchend', end);
52
- template_f8d7c5e168a74d2d85c0f8e758b58e701.delegate(element_f8d7c5e168a74d2d85c0f8e758b58e7016, 'touchstart', (e) => {
50
+ template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b216, 'mouseup', end);
51
+ template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b216, 'touchend', end);
52
+ template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b216, 'touchstart', (e) => {
53
53
  e.preventDefault();
54
54
  state.holding = true;
55
55
  });
56
- new template_f8d7c5e168a74d2d85c0f8e758b58e701.EffectSlot(element_f8d7c5e168a74d2d85c0f8e758b58e7017, () => content(state));
57
- return root_f8d7c5e168a74d2d85c0f8e758b58e7014;
56
+ new template_c9c73d187a134116af27de99479178b21.EffectSlot(element_c9c73d187a134116af27de99479178b217, () => content(state));
57
+ return root_c9c73d187a134116af27de99479178b214;
58
58
  })();
59
59
  });
60
60
  export default { hold };