@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.
- package/bundles/evotor-dev-ui-kit.umd.js +347 -206
- package/bundles/evotor-dev-ui-kit.umd.js.map +1 -1
- package/esm2015/lib/components/evo-autocomplete/components/evo-autocomplete.component.js +1 -1
- package/esm2015/lib/components/evo-badge/evo-badge.component.js +1 -1
- package/esm2015/lib/components/evo-banner/evo-banner.component.js +7 -10
- package/esm2015/lib/components/evo-banner/evo-banner.module.js +7 -11
- package/esm2015/lib/components/evo-button/components/evo-button/evo-button.component.js +92 -0
- package/esm2015/lib/components/evo-button/components/evo-button-old/evo-button-old.component.js +96 -0
- package/esm2015/lib/components/evo-button/constants/evo-button-themes-map.js +31 -0
- package/esm2015/lib/components/evo-button/evo-button.module.js +9 -14
- package/esm2015/lib/components/evo-button/public-api.js +4 -2
- package/esm2015/lib/components/evo-button/types/evo-button-color.js +2 -0
- package/esm2015/lib/components/evo-button/types/evo-button-shape.js +2 -0
- package/esm2015/lib/components/evo-button/types/evo-button-size.js +2 -0
- package/esm2015/lib/components/evo-button/types/evo-button-theme-params.js +2 -0
- package/esm2015/lib/components/evo-button/types/evo-button-theme.js +2 -0
- package/esm2015/lib/components/evo-button/types/index.js +6 -0
- package/esm2015/lib/components/evo-chip/evo-chip.component.js +1 -1
- package/esm2015/lib/components/evo-control-error/evo-control-error.component.js +1 -1
- package/esm2015/lib/components/evo-control-label/evo-control-label.component.js +1 -1
- package/esm2015/lib/components/evo-counter/evo-counter.component.js +1 -1
- package/esm2015/lib/components/evo-datepicker/evo-datepicker.component.js +1 -1
- package/esm2015/lib/components/evo-icon/evo-icon.component.js +15 -11
- package/esm2015/lib/components/evo-icon-button/evo-icon-button.component.js +1 -1
- package/esm2015/lib/components/evo-input/evo-input.component.js +1 -1
- package/esm2015/lib/components/evo-input-contenteditable/evo-input-contenteditable.component.js +1 -1
- package/esm2015/lib/components/evo-loader/evo-circular-loader.component.js +1 -1
- package/esm2015/lib/components/evo-loader/evo-loader.component.js +4 -1
- package/esm2015/lib/components/evo-modal/evo-modal.component.js +16 -7
- package/esm2015/lib/components/evo-popover/evo-popover.component.js +1 -1
- package/esm2015/lib/components/evo-segmented-bar/evo-segmented-bar/evo-segmented-bar.component.js +6 -5
- package/esm2015/lib/components/evo-segmented-bar/evo-segmented-bar-button/evo-segmented-bar-button.component.js +4 -1
- package/esm2015/lib/components/evo-segmented-bar/evo-segmented-bar.module.js +9 -24
- package/esm2015/lib/components/evo-select/evo-select.component.js +1 -1
- package/esm2015/lib/components/evo-sidebar/evo-sidebar-header/evo-sidebar-header.component.js +1 -1
- package/esm2015/lib/components/evo-submenu/evo-submenu.component.js +19 -16
- package/esm2015/lib/components/evo-submenu/evo-submenu.module.js +8 -18
- package/esm2015/lib/components/evo-switcher/evo-switcher.component.js +1 -1
- package/esm2015/lib/components/evo-textarea/evo-textarea.component.js +1 -1
- package/esm2015/lib/components/evo-upload/evo-upload.component.js +3 -3
- package/fesm2015/evotor-dev-ui-kit.js +306 -196
- package/fesm2015/evotor-dev-ui-kit.js.map +1 -1
- package/lib/components/evo-button/components/evo-button/evo-button.component.d.ts +24 -0
- package/lib/components/evo-button/{evo-button.component.d.ts → components/evo-button-old/evo-button-old.component.d.ts} +9 -3
- package/lib/components/evo-button/constants/evo-button-themes-map.d.ts +2 -0
- package/lib/components/evo-button/evo-button.module.d.ts +6 -4
- package/lib/components/evo-button/public-api.d.ts +3 -1
- package/lib/components/evo-button/types/evo-button-color.d.ts +5 -0
- package/lib/components/evo-button/types/evo-button-shape.d.ts +4 -0
- package/lib/components/evo-button/types/evo-button-size.d.ts +5 -0
- package/lib/components/evo-button/types/evo-button-theme-params.d.ts +5 -0
- package/lib/components/evo-button/types/evo-button-theme.d.ts +1 -0
- package/lib/components/evo-button/types/index.d.ts +5 -0
- package/lib/components/evo-icon/evo-icon.component.d.ts +7 -7
- package/lib/components/evo-modal/evo-modal.component.d.ts +10 -6
- package/package.json +1 -1
- package/styles/components/evo-button.scss +1 -1
- package/styles/components/evo-chip.scss +1 -3
- package/styles/components/evo-table.scss +9 -9
- package/styles/components/evo-title.scss +1 -1
- package/styles/globals.scss +15 -9
- package/styles/mixins/_evo-input-mixins.scss +74 -0
- package/styles/{partials/typography/_typography-caption-mixin.scss → mixins/_evo-text-caption-mixin.scss} +5 -5
- package/styles/{partials/typography/_typography-field-typo-mixin.scss → mixins/_evo-text-field-mixin.scss} +2 -2
- package/styles/{partials/typography/_typography-header-mixin.scss → mixins/_evo-text-header-mixin.scss} +17 -17
- package/styles/{partials/typography/_typography-header-mobile-mixin.scss → mixins/_evo-text-mobile-header-mixin.scss} +10 -10
- package/styles/{partials/typography/_typography-paragraph-mixin.scss → mixins/_evo-text-paragraph-mixin.scss} +5 -12
- package/styles/{partials/typography/_typography-subtitle-mixin.scss → mixins/_evo-text-subtitle-mixin.scss} +5 -5
- package/styles/mixins/_evo-text-tips-mixin.scss +9 -0
- package/styles/mixins/_media-mixins.scss +38 -0
- package/styles/mixins.scss +26 -142
- package/styles/partials/_typography.scss +37 -39
- package/esm2015/lib/components/evo-button/evo-button.component.js +0 -87
- /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
|
+
}
|
package/styles/mixins.scss
CHANGED
|
@@ -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
|
-
|
|
38
|
-
|
|
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: #
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
*
|
|
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
|
-
|
|
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;
|
|
206
|
-
scrollbar-width: none;
|
|
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
|
-
|
|
3
|
-
|
|
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
|
|
5
|
+
@include evo-text-field(label);
|
|
12
6
|
}
|
|
13
7
|
|
|
14
8
|
&_placeholder {
|
|
15
|
-
@include evo-field
|
|
9
|
+
@include evo-text-field(placeholder);
|
|
16
10
|
}
|
|
17
11
|
|
|
18
12
|
&_placeholder-bold {
|
|
19
|
-
@include evo-field
|
|
13
|
+
@include evo-text-field(placeholder-bold);
|
|
20
14
|
}
|
|
21
15
|
|
|
22
16
|
&_hint {
|
|
23
|
-
@include evo-field
|
|
17
|
+
@include evo-text-field(hint);
|
|
24
18
|
}
|
|
25
19
|
|
|
26
20
|
&_error {
|
|
27
|
-
@include evo-field
|
|
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-
|
|
97
|
+
.evo-text-mobile-header {
|
|
104
98
|
&_h1 {
|
|
105
|
-
@include evo-
|
|
99
|
+
@include evo-text-mobile-header(h1);
|
|
106
100
|
}
|
|
107
101
|
|
|
108
102
|
&_h2 {
|
|
109
|
-
@include evo-
|
|
103
|
+
@include evo-text-mobile-header(h2);
|
|
110
104
|
}
|
|
111
105
|
|
|
112
106
|
&_h3 {
|
|
113
|
-
@include evo-
|
|
107
|
+
@include evo-text-mobile-header(h3);
|
|
114
108
|
}
|
|
115
109
|
|
|
116
110
|
&_h4 {
|
|
117
|
-
@include evo-
|
|
111
|
+
@include evo-text-mobile-header(h4);
|
|
118
112
|
}
|
|
119
113
|
|
|
120
114
|
&_h5 {
|
|
121
|
-
@include evo-
|
|
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
|