@evotor-dev/ui-kit 6.5.0 → 6.6.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 (74) hide show
  1. package/bundles/evotor-dev-ui-kit.umd.js +347 -206
  2. package/bundles/evotor-dev-ui-kit.umd.js.map +1 -1
  3. package/esm2015/lib/components/evo-autocomplete/components/evo-autocomplete.component.js +1 -1
  4. package/esm2015/lib/components/evo-badge/evo-badge.component.js +1 -1
  5. package/esm2015/lib/components/evo-banner/evo-banner.component.js +7 -10
  6. package/esm2015/lib/components/evo-banner/evo-banner.module.js +7 -11
  7. package/esm2015/lib/components/evo-button/components/evo-button/evo-button.component.js +92 -0
  8. package/esm2015/lib/components/evo-button/components/evo-button-old/evo-button-old.component.js +96 -0
  9. package/esm2015/lib/components/evo-button/constants/evo-button-themes-map.js +31 -0
  10. package/esm2015/lib/components/evo-button/evo-button.module.js +9 -14
  11. package/esm2015/lib/components/evo-button/public-api.js +4 -2
  12. package/esm2015/lib/components/evo-button/types/evo-button-color.js +2 -0
  13. package/esm2015/lib/components/evo-button/types/evo-button-shape.js +2 -0
  14. package/esm2015/lib/components/evo-button/types/evo-button-size.js +2 -0
  15. package/esm2015/lib/components/evo-button/types/evo-button-theme-params.js +2 -0
  16. package/esm2015/lib/components/evo-button/types/evo-button-theme.js +2 -0
  17. package/esm2015/lib/components/evo-button/types/index.js +6 -0
  18. package/esm2015/lib/components/evo-chip/evo-chip.component.js +1 -1
  19. package/esm2015/lib/components/evo-control-error/evo-control-error.component.js +1 -1
  20. package/esm2015/lib/components/evo-control-label/evo-control-label.component.js +1 -1
  21. package/esm2015/lib/components/evo-counter/evo-counter.component.js +1 -1
  22. package/esm2015/lib/components/evo-datepicker/evo-datepicker.component.js +1 -1
  23. package/esm2015/lib/components/evo-icon/evo-icon.component.js +15 -11
  24. package/esm2015/lib/components/evo-icon-button/evo-icon-button.component.js +1 -1
  25. package/esm2015/lib/components/evo-input/evo-input.component.js +1 -1
  26. package/esm2015/lib/components/evo-input-contenteditable/evo-input-contenteditable.component.js +1 -1
  27. package/esm2015/lib/components/evo-loader/evo-circular-loader.component.js +1 -1
  28. package/esm2015/lib/components/evo-loader/evo-loader.component.js +4 -1
  29. package/esm2015/lib/components/evo-modal/evo-modal.component.js +16 -7
  30. package/esm2015/lib/components/evo-popover/evo-popover.component.js +1 -1
  31. package/esm2015/lib/components/evo-segmented-bar/evo-segmented-bar/evo-segmented-bar.component.js +6 -5
  32. package/esm2015/lib/components/evo-segmented-bar/evo-segmented-bar-button/evo-segmented-bar-button.component.js +4 -1
  33. package/esm2015/lib/components/evo-segmented-bar/evo-segmented-bar.module.js +9 -24
  34. package/esm2015/lib/components/evo-select/evo-select.component.js +1 -1
  35. package/esm2015/lib/components/evo-sidebar/evo-sidebar-header/evo-sidebar-header.component.js +1 -1
  36. package/esm2015/lib/components/evo-submenu/evo-submenu.component.js +19 -16
  37. package/esm2015/lib/components/evo-submenu/evo-submenu.module.js +8 -18
  38. package/esm2015/lib/components/evo-switcher/evo-switcher.component.js +1 -1
  39. package/esm2015/lib/components/evo-textarea/evo-textarea.component.js +1 -1
  40. package/esm2015/lib/components/evo-upload/evo-upload.component.js +3 -3
  41. package/fesm2015/evotor-dev-ui-kit.js +306 -196
  42. package/fesm2015/evotor-dev-ui-kit.js.map +1 -1
  43. package/lib/components/evo-button/components/evo-button/evo-button.component.d.ts +24 -0
  44. package/lib/components/evo-button/{evo-button.component.d.ts → components/evo-button-old/evo-button-old.component.d.ts} +9 -3
  45. package/lib/components/evo-button/constants/evo-button-themes-map.d.ts +2 -0
  46. package/lib/components/evo-button/evo-button.module.d.ts +6 -4
  47. package/lib/components/evo-button/public-api.d.ts +3 -1
  48. package/lib/components/evo-button/types/evo-button-color.d.ts +5 -0
  49. package/lib/components/evo-button/types/evo-button-shape.d.ts +4 -0
  50. package/lib/components/evo-button/types/evo-button-size.d.ts +5 -0
  51. package/lib/components/evo-button/types/evo-button-theme-params.d.ts +5 -0
  52. package/lib/components/evo-button/types/evo-button-theme.d.ts +1 -0
  53. package/lib/components/evo-button/types/index.d.ts +5 -0
  54. package/lib/components/evo-icon/evo-icon.component.d.ts +7 -7
  55. package/lib/components/evo-modal/evo-modal.component.d.ts +10 -6
  56. package/package.json +1 -1
  57. package/styles/components/evo-button.scss +1 -1
  58. package/styles/components/evo-chip.scss +1 -3
  59. package/styles/components/evo-table.scss +9 -9
  60. package/styles/components/evo-title.scss +1 -1
  61. package/styles/globals.scss +15 -9
  62. package/styles/mixins/_evo-input-mixins.scss +74 -0
  63. package/styles/{partials/typography/_typography-caption-mixin.scss → mixins/_evo-text-caption-mixin.scss} +5 -5
  64. package/styles/{partials/typography/_typography-field-typo-mixin.scss → mixins/_evo-text-field-mixin.scss} +2 -2
  65. package/styles/{partials/typography/_typography-header-mixin.scss → mixins/_evo-text-header-mixin.scss} +17 -17
  66. package/styles/{partials/typography/_typography-header-mobile-mixin.scss → mixins/_evo-text-mobile-header-mixin.scss} +10 -10
  67. package/styles/{partials/typography/_typography-paragraph-mixin.scss → mixins/_evo-text-paragraph-mixin.scss} +5 -12
  68. package/styles/{partials/typography/_typography-subtitle-mixin.scss → mixins/_evo-text-subtitle-mixin.scss} +5 -5
  69. package/styles/mixins/_evo-text-tips-mixin.scss +9 -0
  70. package/styles/mixins/_media-mixins.scss +38 -0
  71. package/styles/mixins.scss +26 -142
  72. package/styles/partials/_typography.scss +37 -39
  73. package/esm2015/lib/components/evo-button/evo-button.component.js +0 -87
  74. /package/styles/partials/{fonts.scss → _fonts.scss} +0 -0
@@ -0,0 +1,38 @@
1
+ @import '../variables';
2
+
3
+ @mixin media-mobile {
4
+ @media (max-width: #{$media-tablet - 1}) {
5
+ @content;
6
+ }
7
+ }
8
+
9
+ /* media mixins - mobile first*/
10
+ @mixin media-tablet {
11
+ @media (min-width: #{$media-tablet}) {
12
+ @content;
13
+ }
14
+ }
15
+
16
+ @mixin media-desktop-s {
17
+ @media (min-width: #{$media-desktop-s}) {
18
+ @content;
19
+ }
20
+ }
21
+
22
+ @mixin media-desktop-m {
23
+ @media (min-width: #{$media-desktop-m}) {
24
+ @content;
25
+ }
26
+ }
27
+
28
+ @mixin media-desktop-l {
29
+ @media (min-width: #{$media-desktop-l}) {
30
+ @content;
31
+ }
32
+ }
33
+
34
+ @mixin media-desktop-xl {
35
+ @media (min-width: #{$media-desktop-xl}) {
36
+ @content;
37
+ }
38
+ }
@@ -1,4 +1,13 @@
1
1
  @import 'variables.scss';
2
+ @import './mixins/media-mixins';
3
+ @import './mixins/evo-input-mixins';
4
+ @import './mixins/evo-text-caption-mixin';
5
+ @import './mixins/evo-text-header-mixin';
6
+ @import './mixins/evo-text-mobile-header-mixin';
7
+ @import './mixins/evo-text-paragraph-mixin';
8
+ @import './mixins/evo-text-field-mixin';
9
+ @import './mixins/evo-text-subtitle-mixin';
10
+ @import './mixins/evo-text-tips-mixin';
2
11
 
3
12
  /* @include clearfix();*/
4
13
  @mixin clearfix() {
@@ -34,176 +43,51 @@
34
43
  }
35
44
  }
36
45
 
37
- @mixin media-mobile {
38
- @media (max-width: #{$media-tablet - 1}) {
39
- @content;
40
- }
41
- }
42
-
43
- /* media mixins - mobile first*/
44
- @mixin media-tablet {
45
- @media (min-width: #{$media-tablet}) {
46
- @content;
47
- }
48
- }
49
-
50
- @mixin media-desktop-s {
51
- @media (min-width: #{$media-desktop-s}) {
52
- @content;
53
- }
54
- }
55
-
56
- @mixin media-desktop-m {
57
- @media (min-width: #{$media-desktop-m}) {
58
- @content;
59
- }
60
- }
61
-
62
- @mixin media-desktop-l {
63
- @media (min-width: #{$media-desktop-l}) {
64
- @content;
65
- }
66
- }
67
-
68
- @mixin media-desktop-xl {
69
- @media (min-width: #{$media-desktop-xl}) {
70
- @content;
71
- }
72
- }
73
-
74
- /*title mixins*/
46
+ /* title mixins*/
47
+ /* @deprecated use evo-text-* mixins*/
75
48
  @mixin title {
76
- color: #333F48;
49
+ color: #333f48;
77
50
  font-weight: 700;
78
- font-family: var(--font-secondary);
51
+ font-family: var(--evo-font-secondary);
79
52
  }
80
53
 
54
+ /* @deprecated use evo-text-* mixins*/
81
55
  @mixin h1 {
82
- font-size: 30px;
83
- line-height: 38px;
84
-
85
- @include media-desktop-s {
86
- font-size: 36px;
87
- line-height: 44px;
88
- }
56
+ @include evo-text-header(h1);
89
57
  }
90
58
 
59
+ /* @deprecated use evo-text-* mixins*/
91
60
  @mixin h2 {
92
- font-size: 24px;
93
- line-height: 32px;
94
-
95
- @include media-desktop-s {
96
- font-size: 30px;
97
- line-height: 38px;
98
- }
61
+ @include evo-text-header(h2);
99
62
  }
100
63
 
64
+ /* @deprecated use evo-text-* mixins*/
101
65
  @mixin h3 {
102
- font-size: 18px;
103
- line-height: 26px;
104
-
105
- @include media-desktop-s {
106
- font-size: 24px;
107
- line-height: 32px;
108
- }
66
+ @include evo-text-header(h3);
109
67
  }
110
68
 
69
+ /* @deprecated use evo-text-* mixins*/
111
70
  @mixin h4 {
112
- font-size: 14px;
113
- line-height: 22px;
114
-
115
- @include media-desktop-s {
116
- font-size: 18px;
117
- line-height: 26px;
118
- }
71
+ @include evo-text-header(h4);
119
72
  }
120
73
 
121
-
122
74
  /**
123
- * @deprecated
75
+ * @deprecated use evo-input-* mixins
124
76
  */
125
77
  @mixin input {
126
78
  @include evo-input(normal, default);
127
79
  }
128
80
 
129
81
  /**
130
- * size: normal | small
131
- * theme: default | rounded
82
+ * @deprecated use evo-input-states mixin
132
83
  */
133
- @mixin evo-input($size: normal, $theme: default) {
134
- --evo-input-height: 48px;
135
- --evo-input-border-radius: 4px;
136
- --evo-input-font-size: 16px;
137
-
138
- @if ($size == small) {
139
- @if ($theme == default) {
140
- --evo-input-height: 32px;
141
- } @else if ($theme == rounded) {
142
- --evo-input-font-size: 14px;
143
- --evo-input-height: 40px;
144
- }
145
- }
146
-
147
- @if ($theme == rounded) {
148
- --evo-input-border-radius: 256px;
149
- }
150
-
151
- display: flex;
152
- align-items: center;
153
- height: var(--evo-input-height);
154
- color: $color-text;
155
- font-weight: normal;
156
- font-size: var(--evo-input-font-size);
157
- font-family: var(--font);
158
- white-space: nowrap;
159
- background-color: $color-white;
160
- border: 1px solid $color-disabled;
161
- border-radius: var(--evo-input-border-radius);
162
- outline: none;
163
- transition: color .3s, box-shadow .3s, background .3s, border .3s;
164
- }
165
-
166
- @mixin evo-input-focused {
167
- border: solid 1px $color-secondary-lighter;
168
- }
169
-
170
- @mixin evo-input-disabled {
171
- color: $color-disabled-text !important;
172
- background-color: $color-background-grey-light !important;
173
- border: 1px solid $color-disabled-light !important;
174
- cursor: default;
175
- pointer-events: none;
176
- }
177
-
178
- /**
179
- * @deprecated
180
- */
181
- @mixin evo-input-valid {
182
- }
183
-
184
- @mixin evo-input-invalid {
185
- border-color: $color-error !important;
186
- }
187
-
188
84
  @mixin evo-control-states {
189
- $self: &;
190
-
191
- &_focused {
192
- @include evo-input-focused;
193
- }
194
-
195
- &_disabled {
196
- @include evo-input-disabled;
197
- }
198
-
199
- &_invalid {
200
- @include evo-input-invalid;
201
- }
85
+ @include evo-input-states();
202
86
  }
203
87
 
204
88
  @mixin hide-scroll {
205
- -ms-overflow-style: none; /* Internet Explorer 10+ */
206
- scrollbar-width: none; /* Firefox */
89
+ -ms-overflow-style: none; /* Internet Explorer 10+ */
90
+ scrollbar-width: none; /* Firefox */
207
91
 
208
92
  &::-webkit-scrollbar {
209
93
  display: none;
@@ -1,123 +1,121 @@
1
1
  @import '../mixins';
2
- @import './typography/typography-caption-mixin';
3
- @import './typography/typography-header-mixin';
4
- @import './typography/typography-header-mobile-mixin';
5
- @import './typography/typography-paragraph-mixin';
6
- @import './typography/typography-field-typo-mixin';
7
- @import './typography/typography-subtitle-mixin';
8
-
9
- .evo-field-typo {
2
+
3
+ .evo-text-field {
10
4
  &_label {
11
- @include evo-field-typo(label);
5
+ @include evo-text-field(label);
12
6
  }
13
7
 
14
8
  &_placeholder {
15
- @include evo-field-typo(placeholder);
9
+ @include evo-text-field(placeholder);
16
10
  }
17
11
 
18
12
  &_placeholder-bold {
19
- @include evo-field-typo(placeholder-bold);
13
+ @include evo-text-field(placeholder-bold);
20
14
  }
21
15
 
22
16
  &_hint {
23
- @include evo-field-typo(hint);
17
+ @include evo-text-field(hint);
24
18
  }
25
19
 
26
20
  &_error {
27
- @include evo-field-typo(error);
21
+ @include evo-text-field(error);
28
22
  }
29
23
  }
30
24
 
31
- .evo-paragraph {
25
+ .evo-text-paragraph {
32
26
  &_p1 {
33
- @include evo-paragraph(p1);
27
+ @include evo-text-paragraph(p1);
34
28
  }
35
29
 
36
30
  &_p2 {
37
- @include evo-paragraph(p2);
31
+ @include evo-text-paragraph(p2);
38
32
  }
39
33
 
40
34
  &_p3 {
41
- @include evo-paragraph(p3);
35
+ @include evo-text-paragraph(p3);
42
36
  }
43
37
 
44
38
  &_p4 {
45
- @include evo-paragraph(p4);
39
+ @include evo-text-paragraph(p4);
46
40
  }
47
41
 
48
42
  &_p5 {
49
- @include evo-paragraph(p5);
43
+ @include evo-text-paragraph(p5);
50
44
  }
51
45
 
52
46
  &_tips {
53
- @include evo-paragraph(tips);
47
+ @include evo-text-paragraph(tips);
54
48
  }
55
49
  }
56
50
 
57
- .evo-caption {
51
+ .evo-text-caption {
58
52
  &_c1 {
59
- @include evo-caption(c1);
53
+ @include evo-text-caption(c1);
60
54
  }
61
55
 
62
56
  &_c2 {
63
- @include evo-caption(c2);
57
+ @include evo-text-caption(c2);
64
58
  }
65
59
 
66
60
  &_c3 {
67
- @include evo-caption(c3);
61
+ @include evo-text-caption(c3);
68
62
  }
69
63
  }
70
64
 
71
- .evo-subtitle {
65
+ .evo-text-subtitle {
72
66
  &_s1 {
73
- @include evo-subtitle(s1);
67
+ @include evo-text-subtitle(s1);
74
68
  }
75
69
 
76
70
  &_s2 {
77
- @include evo-subtitle(s2);
71
+ @include evo-text-subtitle(s2);
78
72
  }
79
73
  }
80
74
 
81
- .evo-header {
75
+ .evo-text-header {
82
76
  &_h1 {
83
- @include evo-header(h1);
77
+ @include evo-text-header(h1);
84
78
  }
85
79
 
86
80
  &_h2 {
87
- @include evo-header(h2);
81
+ @include evo-text-header(h2);
88
82
  }
89
83
 
90
84
  &_h3 {
91
- @include evo-header(h3);
85
+ @include evo-text-header(h3);
92
86
  }
93
87
 
94
88
  &_h4 {
95
- @include evo-header(h4);
89
+ @include evo-text-header(h4);
96
90
  }
97
91
 
98
92
  &_h5 {
99
- @include evo-header(h5);
93
+ @include evo-text-header(h5);
100
94
  }
101
95
  }
102
96
 
103
- .evo-header-mobile {
97
+ .evo-text-mobile-header {
104
98
  &_h1 {
105
- @include evo-header-mobile(h1-mobile);
99
+ @include evo-text-mobile-header(h1);
106
100
  }
107
101
 
108
102
  &_h2 {
109
- @include evo-header-mobile(h2-mobile);
103
+ @include evo-text-mobile-header(h2);
110
104
  }
111
105
 
112
106
  &_h3 {
113
- @include evo-header-mobile(h3-mobile);
107
+ @include evo-text-mobile-header(h3);
114
108
  }
115
109
 
116
110
  &_h4 {
117
- @include evo-header-mobile(h4-mobile);
111
+ @include evo-text-mobile-header(h4);
118
112
  }
119
113
 
120
114
  &_h5 {
121
- @include evo-header-mobile(h5-mobile);
115
+ @include evo-text-mobile-header(h5);
122
116
  }
123
117
  }
118
+
119
+ .evo-text-tips {
120
+ @include evo-text-tips;
121
+ }
@@ -1,87 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "../../directives/evo-ui-class.directive";
4
- import * as i2 from "@angular/common";
5
- export var EvoButtonSizes;
6
- (function (EvoButtonSizes) {
7
- EvoButtonSizes["small"] = "small";
8
- EvoButtonSizes["large"] = "large";
9
- })(EvoButtonSizes || (EvoButtonSizes = {}));
10
- export var EvoButtonStyles;
11
- (function (EvoButtonStyles) {
12
- EvoButtonStyles["lined"] = "lined";
13
- EvoButtonStyles["darkblue"] = "darkblue";
14
- EvoButtonStyles["darkblueLined"] = "darkblue-lined";
15
- EvoButtonStyles["green"] = "green";
16
- EvoButtonStyles["greenlined"] = "green-lined";
17
- EvoButtonStyles["purple"] = "purple";
18
- EvoButtonStyles["red"] = "red";
19
- })(EvoButtonStyles || (EvoButtonStyles = {}));
20
- export class EvoButtonComponent {
21
- constructor(elRef) {
22
- this.elRef = elRef;
23
- this._disabled = false;
24
- this._loading = false;
25
- }
26
- set disabled(value) {
27
- this._disabled = value;
28
- if (!this.loading) {
29
- this.elRef.nativeElement.disabled = value;
30
- }
31
- }
32
- set loading(value) {
33
- this._loading = value;
34
- if (!this.disabled) {
35
- this.elRef.nativeElement.disabled = value;
36
- }
37
- }
38
- get disabled() {
39
- return this._disabled;
40
- }
41
- get loading() {
42
- return this._loading;
43
- }
44
- get totalClasses() {
45
- const classes = [];
46
- if (this.size) {
47
- classes.push(this.size);
48
- }
49
- if (this.color) {
50
- classes.push(this.color);
51
- }
52
- if (this.loading) {
53
- classes.push('loading');
54
- }
55
- if (this.disabled) {
56
- classes.push('disabled');
57
- }
58
- return classes;
59
- }
60
- get totalStyles() {
61
- const result = {};
62
- if (this.loading) {
63
- result['visibility'] = 'hidden';
64
- }
65
- return result;
66
- }
67
- }
68
- EvoButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
69
- EvoButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoButtonComponent, selector: "evo-button, button[evo-button]", inputs: { color: "color", size: "size", disabled: "disabled", loading: "loading" }, ngImport: i0, template: "<div class=\"evo-button\" [evoUiClass]=\"totalClasses\">\n <span [ngStyle]=\"totalStyles\">\n <ng-content></ng-content>\n </span>\n <span *ngIf=\"loading\" class=\"evo-button__dots\">\n <span class=\"evo-button__dot\"></span>\n <span class=\"evo-button__dot\"></span>\n <span class=\"evo-button__dot\"></span>\n </span>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}.evo-button{display:flex;justify-content:center;align-items:center;min-width:96px;height:40px;padding:0 24px;color:#fff;font-weight:500;font-size:16px;font-family:var(--font-secondary);line-height:1;white-space:nowrap;text-align:center;text-transform:uppercase;background:#F05023 none;border:solid 1px transparent;border-radius:30px;outline:none;cursor:pointer;transition:background-color .3s,color .3s,border .3s;-webkit-user-select:none;user-select:none}.evo-button:hover{color:#fff;background-color:#f3734f}.evo-button:active,.evo-button:focus{color:#fff;background-color:#d8481f;outline:none}.evo-button:disabled,.evo-button_disabled{color:#fff!important;background:rgba(0,0,0,.16)!important;border-color:transparent!important;pointer-events:none}.evo-button_lined{color:#f05023;background-color:#fff;border:1px solid #F05023}.evo-button_lined:hover{color:#fff;background-color:#f05023}.evo-button_lined:active,.evo-button_lined:focus{color:#fff;background-color:#d8481f;border-color:#d8481f}.evo-button_darkblue{background-color:#546e7a}.evo-button_darkblue:hover{background-color:#7596a5}.evo-button_darkblue:active,.evo-button_darkblue:focus{background-color:#283239}.evo-button_darkblue-lined{color:#403c3d;background-color:#fff;border:1px solid #403C3D}.evo-button_darkblue-lined:hover{color:#fff;background-color:#403c3d}.evo-button_darkblue-lined:active,.evo-button_darkblue-lined:focus{color:#fff;background-color:#343031;border-color:#343031}.evo-button_green{background-color:#21c68b}.evo-button_green:hover{background-color:#4cd2a2}.evo-button_green:active,.evo-button_green:focus{background-color:#1c9e6e}.evo-button_green-lined{color:#21c68b;background-color:#fff;border:1px solid #21C68B}.evo-button_green-lined:hover{color:#fff;background-color:#21c68b}.evo-button_green-lined:active,.evo-button_green-lined:focus{color:#fff;background-color:#1c9e6e;border-color:#1c9e6e}.evo-button_red{color:#fff;background-color:#ff1817}.evo-button_red:hover{background-color:#ff4645}.evo-button_red:active,.evo-button_red:focus{background-color:#e51715}.evo-button_purple{background-color:#c72aae}.evo-button_purple:hover{background-color:#d255be}.evo-button_purple:active,.evo-button_purple:focus{background-color:#9f228b}.evo-button_white{background-color:transparent;border:1px solid #FFFFFF}.evo-button_white:hover{color:#403c3d;background-color:#fff}.evo-button_white:active,.evo-button_white:focus{color:#fff;background-color:transparent}.evo-button_small{min-width:72px;height:32px;padding:0 16px;font-size:14px}.evo-button_large{min-width:120px;height:56px;padding:0 40px;font-size:18px}.evo-button_icon{display:inline-flex;align-items:center;padding-right:22px;padding-left:22px}.evo-button_loading{position:relative;pointer-events:none}.evo-button__dots{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-30px}.evo-button__dot{float:left;width:10px;height:10px;margin:0 5px;background:currentColor;border-radius:50%;transform:scale(0);animation:evo-fx-blink 1s ease infinite 0ms}.evo-button__dot:nth-child(2){animation:evo-fx-blink 1s ease infinite .3s}.evo-button__dot:nth-child(3){animation:evo-fx-blink 1s ease infinite .6s}:host{display:inline-block;margin:0;padding:0;vertical-align:top;background:none;border:0;outline:none}\n"], directives: [{ type: i1.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
70
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoButtonComponent, decorators: [{
71
- type: Component,
72
- args: [{
73
- selector: 'evo-button, button[evo-button]',
74
- templateUrl: './evo-button.component.html',
75
- styleUrls: ['./evo-button.component.scss'],
76
- changeDetection: ChangeDetectionStrategy.OnPush,
77
- }]
78
- }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { color: [{
79
- type: Input
80
- }], size: [{
81
- type: Input
82
- }], disabled: [{
83
- type: Input
84
- }], loading: [{
85
- type: Input
86
- }] } });
87
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ldm8tdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9ldm8tYnV0dG9uL2V2by1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLWJ1dHRvbi9ldm8tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBRXRGLE1BQU0sQ0FBTixJQUFZLGNBR1g7QUFIRCxXQUFZLGNBQWM7SUFDdEIsaUNBQWUsQ0FBQTtJQUNmLGlDQUFlLENBQUE7QUFDbkIsQ0FBQyxFQUhXLGNBQWMsS0FBZCxjQUFjLFFBR3pCO0FBRUQsTUFBTSxDQUFOLElBQVksZUFRWDtBQVJELFdBQVksZUFBZTtJQUN2QixrQ0FBZSxDQUFBO0lBQ2Ysd0NBQXFCLENBQUE7SUFDckIsbURBQWdDLENBQUE7SUFDaEMsa0NBQWUsQ0FBQTtJQUNmLDZDQUEwQixDQUFBO0lBQzFCLG9DQUFpQixDQUFBO0lBQ2pCLDhCQUFXLENBQUE7QUFDZixDQUFDLEVBUlcsZUFBZSxLQUFmLGVBQWUsUUFRMUI7QUFRRCxNQUFNLE9BQU8sa0JBQWtCO0lBdUIzQixZQUFvQixLQUFpQjtRQUFqQixVQUFLLEdBQUwsS0FBSyxDQUFZO1FBSDdCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsYUFBUSxHQUFHLEtBQUssQ0FBQztJQUd6QixDQUFDO0lBcEJELElBQWEsUUFBUSxDQUFDLEtBQWM7UUFDaEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFFdkIsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDZixJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1NBQzdDO0lBQ0wsQ0FBQztJQUVELElBQWEsT0FBTyxDQUFDLEtBQWM7UUFDL0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFFdEIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDaEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztTQUM3QztJQUNMLENBQUM7SUFRRCxJQUFJLFFBQVE7UUFDUixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDMUIsQ0FBQztJQUVELElBQUksT0FBTztRQUNQLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN6QixDQUFDO0lBRUQsSUFBSSxZQUFZO1FBQ1osTUFBTSxPQUFPLEdBQWEsRUFBRSxDQUFDO1FBRTdCLElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtZQUNYLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQzNCO1FBRUQsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1osT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDNUI7UUFFRCxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDZCxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1NBQzNCO1FBRUQsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2YsT0FBTyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztTQUM1QjtRQUVELE9BQU8sT0FBTyxDQUFDO0lBQ25CLENBQUM7SUFFRCxJQUFJLFdBQVc7UUFDWCxNQUFNLE1BQU0sR0FBRyxFQUFFLENBQUM7UUFFbEIsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2QsTUFBTSxDQUFFLFlBQVksQ0FBRSxHQUFHLFFBQVEsQ0FBQztTQUNyQztRQUVELE9BQU8sTUFBTSxDQUFDO0lBQ2xCLENBQUM7O2dIQWhFUSxrQkFBa0I7b0dBQWxCLGtCQUFrQiwwSkN2Qi9CLG1YQVVBOzRGRGFhLGtCQUFrQjtrQkFOOUIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZ0NBQWdDO29CQUMxQyxXQUFXLEVBQUUsNkJBQTZCO29CQUMxQyxTQUFTLEVBQUUsQ0FBRSw2QkFBNkIsQ0FBRTtvQkFDNUMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2xEO2lHQUVZLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRU8sUUFBUTtzQkFBcEIsS0FBSztnQkFRTyxPQUFPO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGVudW0gRXZvQnV0dG9uU2l6ZXMge1xuICAgIHNtYWxsID0gJ3NtYWxsJyxcbiAgICBsYXJnZSA9ICdsYXJnZScsXG59XG5cbmV4cG9ydCBlbnVtIEV2b0J1dHRvblN0eWxlcyB7XG4gICAgbGluZWQgPSAnbGluZWQnLFxuICAgIGRhcmtibHVlID0gJ2RhcmtibHVlJyxcbiAgICBkYXJrYmx1ZUxpbmVkID0gJ2RhcmtibHVlLWxpbmVkJyxcbiAgICBncmVlbiA9ICdncmVlbicsXG4gICAgZ3JlZW5saW5lZCA9ICdncmVlbi1saW5lZCcsXG4gICAgcHVycGxlID0gJ3B1cnBsZScsXG4gICAgcmVkID0gJ3JlZCcsXG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXZvLWJ1dHRvbiwgYnV0dG9uW2V2by1idXR0b25dJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXZvLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbICcuL2V2by1idXR0b24uY29tcG9uZW50LnNjc3MnIF0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEV2b0J1dHRvbkNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgY29sb3I6IEV2b0J1dHRvblN0eWxlcztcbiAgICBASW5wdXQoKSBzaXplOiBFdm9CdXR0b25TaXplcztcblxuICAgIEBJbnB1dCgpIHNldCBkaXNhYmxlZCh2YWx1ZTogYm9vbGVhbikge1xuICAgICAgICB0aGlzLl9kaXNhYmxlZCA9IHZhbHVlO1xuXG4gICAgICAgIGlmICghdGhpcy5sb2FkaW5nKSB7XG4gICAgICAgICAgICB0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQuZGlzYWJsZWQgPSB2YWx1ZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBJbnB1dCgpIHNldCBsb2FkaW5nKHZhbHVlOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuX2xvYWRpbmcgPSB2YWx1ZTtcblxuICAgICAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIHRoaXMuZWxSZWYubmF0aXZlRWxlbWVudC5kaXNhYmxlZCA9IHZhbHVlO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfZGlzYWJsZWQgPSBmYWxzZTtcbiAgICBwcml2YXRlIF9sb2FkaW5nID0gZmFsc2U7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsUmVmOiBFbGVtZW50UmVmKSB7XG4gICAgfVxuXG4gICAgZ2V0IGRpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fZGlzYWJsZWQ7XG4gICAgfVxuXG4gICAgZ2V0IGxvYWRpbmcoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9sb2FkaW5nO1xuICAgIH1cblxuICAgIGdldCB0b3RhbENsYXNzZXMoKTogc3RyaW5nW10ge1xuICAgICAgICBjb25zdCBjbGFzc2VzOiBzdHJpbmdbXSA9IFtdO1xuXG4gICAgICAgIGlmICh0aGlzLnNpemUpIHtcbiAgICAgICAgICAgIGNsYXNzZXMucHVzaCh0aGlzLnNpemUpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMuY29sb3IpIHtcbiAgICAgICAgICAgIGNsYXNzZXMucHVzaCh0aGlzLmNvbG9yKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLmxvYWRpbmcpIHtcbiAgICAgICAgICAgIGNsYXNzZXMucHVzaCgnbG9hZGluZycpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIGNsYXNzZXMucHVzaCgnZGlzYWJsZWQnKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBjbGFzc2VzO1xuICAgIH1cblxuICAgIGdldCB0b3RhbFN0eWxlcygpOiB7IFsgc3R5bGVLZXk6IHN0cmluZyBdOiBhbnkgfSB7XG4gICAgICAgIGNvbnN0IHJlc3VsdCA9IHt9O1xuXG4gICAgICAgIGlmICh0aGlzLmxvYWRpbmcpIHtcbiAgICAgICAgICAgIHJlc3VsdFsgJ3Zpc2liaWxpdHknIF0gPSAnaGlkZGVuJztcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImV2by1idXR0b25cIiBbZXZvVWlDbGFzc109XCJ0b3RhbENsYXNzZXNcIj5cbiAgICA8c3BhbiBbbmdTdHlsZV09XCJ0b3RhbFN0eWxlc1wiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9zcGFuPlxuICAgIDxzcGFuICpuZ0lmPVwibG9hZGluZ1wiIGNsYXNzPVwiZXZvLWJ1dHRvbl9fZG90c1wiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImV2by1idXR0b25fX2RvdFwiPjwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJldm8tYnV0dG9uX19kb3RcIj48L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiZXZvLWJ1dHRvbl9fZG90XCI+PC9zcGFuPlxuICAgIDwvc3Bhbj5cbjwvZGl2PlxuIl19
File without changes