@energycap/components 0.45.1 → 0.45.2-multi-select-component.20260303-0733

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 (61) hide show
  1. package/README.md +188 -188
  2. package/fesm2022/energycap-components.mjs +681 -163
  3. package/fesm2022/energycap-components.mjs.map +1 -1
  4. package/package.json +1 -1
  5. package/schematics/collection.json +4 -4
  6. package/src/assets/images/favicon-ech.svg +14 -14
  7. package/src/assets/images/favicon-esa.svg +6 -6
  8. package/src/assets/images/favicon-eum.svg +13 -13
  9. package/src/assets/images/favicon-whitelabel.svg +4 -4
  10. package/src/assets/images/favicon.svg +12 -12
  11. package/src/assets/images/icon-carbonhub.svg +10 -10
  12. package/src/assets/images/icon-eum.svg +5 -5
  13. package/src/assets/images/icon-ucp.svg +12 -12
  14. package/src/assets/images/icon-wattics.svg +5 -5
  15. package/src/assets/images/icon.svg +11 -11
  16. package/src/assets/images/logo.svg +10 -10
  17. package/src/assets/images/splash-electric.svg +3 -3
  18. package/src/assets/images/splash-interval.svg +3 -3
  19. package/src/assets/images/splash-seedling.svg +11 -11
  20. package/src/assets/images/splash-water.svg +3 -3
  21. package/src/assets/locales/en_US.json +60 -60
  22. package/src/assets/scripts/unsupported-browser.js +17 -17
  23. package/src/styles/_base.scss +38 -38
  24. package/src/styles/_colors.scss +96 -96
  25. package/src/styles/_core.scss +3 -3
  26. package/src/styles/_functions.scss +114 -114
  27. package/src/styles/_global-variables.scss +230 -230
  28. package/src/styles/_icons.scss +23 -23
  29. package/src/styles/bootstrap/_grid.scss +33 -33
  30. package/src/styles/bootstrap/_reboot.scss +322 -322
  31. package/src/styles/components/_badge.scss +14 -14
  32. package/src/styles/components/_card.scss +21 -21
  33. package/src/styles/components/_link-icons.scss +37 -37
  34. package/src/styles/components/_splash.scss +188 -188
  35. package/src/styles/components/_tag.scss +18 -18
  36. package/src/styles/components/_unsupported-browsers.scss +23 -23
  37. package/src/styles/email/_email-base.scss +227 -227
  38. package/src/styles/email/email.scss +42 -42
  39. package/src/styles/index.scss +29 -29
  40. package/src/styles/mixins/_animations.scss +17 -17
  41. package/src/styles/mixins/_button-base.scss +206 -206
  42. package/src/styles/mixins/_card-base.scss +40 -40
  43. package/src/styles/mixins/_common.scss +51 -51
  44. package/src/styles/mixins/_dialog-base.scss +95 -95
  45. package/src/styles/mixins/_form-control-base.scss +662 -662
  46. package/src/styles/mixins/_login.scss +74 -74
  47. package/src/styles/mixins/_menu-base.scss +153 -153
  48. package/src/styles/mixins/_overlay-base.scss +32 -32
  49. package/src/styles/mixins/_resizable-base.scss +57 -57
  50. package/src/styles/mixins/_spinner-base.scss +34 -34
  51. package/src/styles/mixins/_table-base.scss +297 -297
  52. package/src/styles/mixins/_tabs-base.scss +146 -146
  53. package/src/styles/mixins/_tags-base.scss +121 -121
  54. package/src/styles/mixins/_text.scss +89 -89
  55. package/src/styles/mixins.scss +14 -14
  56. package/src/styles/utilities/_borders.scss +29 -29
  57. package/src/styles/utilities/_common.scss +49 -49
  58. package/src/styles/utilities/_layout.scss +115 -115
  59. package/src/styles/utilities/_spacing.scss +64 -64
  60. package/src/styles/utilities/_text.scss +139 -139
  61. package/types/energycap-components.d.ts +208 -9
@@ -1,323 +1,323 @@
1
- /*!
2
- * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)
3
- * Copyright 2011-2018 The Bootstrap Authors
4
- * Copyright 2011-2018 Twitter, Inc.
5
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6
- * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
7
- */
8
- *,
9
- *::before,
10
- *::after {
11
- box-sizing: border-box;
12
- }
13
-
14
- html {
15
- font-family: sans-serif;
16
- line-height: 1.15;
17
- -webkit-text-size-adjust: 100%;
18
- -ms-overflow-style: scrollbar;
19
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
20
- }
21
-
22
- @-ms-viewport {
23
- width: device-width;
24
- }
25
-
26
- article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
27
- display: block;
28
- }
29
-
30
- body {
31
- margin: 0;
32
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
33
- font-size: 1rem;
34
- font-weight: 400;
35
- line-height: 1.5;
36
- color: #212529;
37
- text-align: left;
38
- background-color: #fff;
39
- }
40
-
41
- [tabindex="-1"]:focus {
42
- outline: 0 !important;
43
- }
44
-
45
- hr {
46
- box-sizing: content-box;
47
- height: 0;
48
- overflow: visible;
49
- }
50
-
51
- h1, h2, h3, h4, h5, h6 {
52
- margin-top: 0;
53
- margin-bottom: 0.5rem;
54
- }
55
-
56
- p {
57
- margin-top: 0;
58
- margin-bottom: 1rem;
59
- }
60
-
61
- abbr[title],
62
- abbr[data-original-title] {
63
- text-decoration: underline;
64
- -webkit-text-decoration: underline dotted;
65
- text-decoration: underline dotted;
66
- cursor: help;
67
- border-bottom: 0;
68
- }
69
-
70
- address {
71
- margin-bottom: 1rem;
72
- font-style: normal;
73
- line-height: inherit;
74
- }
75
-
76
- ol,
77
- ul,
78
- dl {
79
- margin-top: 0;
80
- margin-bottom: 1rem;
81
- }
82
-
83
- ol ol,
84
- ul ul,
85
- ol ul,
86
- ul ol {
87
- margin-bottom: 0;
88
- }
89
-
90
- dt {
91
- font-weight: 700;
92
- }
93
-
94
- dd {
95
- margin-bottom: .5rem;
96
- margin-left: 0;
97
- }
98
-
99
- blockquote {
100
- margin: 0 0 1rem;
101
- }
102
-
103
- b,
104
- strong {
105
- font-weight: bolder;
106
- }
107
-
108
- small {
109
- font-size: 80%;
110
- }
111
-
112
- sub,
113
- sup {
114
- position: relative;
115
- font-size: 75%;
116
- line-height: 0;
117
- vertical-align: baseline;
118
- }
119
-
120
- sub {
121
- bottom: -.25em;
122
- }
123
-
124
- sup {
125
- top: -.5em;
126
- }
127
-
128
- a {
129
- color: #007bff;
130
- text-decoration: none;
131
- background-color: transparent;
132
- }
133
-
134
- a:hover {
135
- color: #0056b3;
136
- text-decoration: underline;
137
- }
138
-
139
- a:not([href]):not([tabindex]):not(.text-link) {
140
- color: inherit;
141
- text-decoration: none;
142
- }
143
-
144
- a:not([href]):not([tabindex]):not(.text-link):hover, a:not([href]):not([tabindex]):not(.text-link):focus {
145
- color: inherit;
146
- text-decoration: none;
147
- }
148
-
149
- a:not([href]):not([tabindex]):focus {
150
- outline: 0;
151
- }
152
-
153
- pre,
154
- code,
155
- kbd,
156
- samp {
157
- font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
158
- font-size: 1em;
159
- }
160
-
161
- pre {
162
- margin-top: 0;
163
- margin-bottom: 1rem;
164
- overflow: auto;
165
- -ms-overflow-style: scrollbar;
166
- }
167
-
168
- figure {
169
- margin: 0 0 1rem;
170
- }
171
-
172
- img {
173
- vertical-align: middle;
174
- border-style: none;
175
- }
176
-
177
- svg {
178
- overflow: hidden;
179
- vertical-align: middle;
180
- }
181
-
182
- table {
183
- border-collapse: collapse;
184
- }
185
-
186
- caption {
187
- padding-top: 0.75rem;
188
- padding-bottom: 0.75rem;
189
- color: #6c757d;
190
- text-align: left;
191
- caption-side: bottom;
192
- }
193
-
194
- th {
195
- text-align: inherit;
196
- }
197
-
198
- label {
199
- display: inline-block;
200
- margin-bottom: 0.5rem;
201
- }
202
-
203
- button {
204
- border-radius: 0;
205
- }
206
-
207
- button:focus {
208
- outline: 1px dotted;
209
- outline: 5px auto -webkit-focus-ring-color;
210
- }
211
-
212
- input,
213
- button,
214
- select,
215
- optgroup,
216
- textarea {
217
- margin: 0;
218
- font-family: inherit;
219
- font-size: inherit;
220
- line-height: inherit;
221
- }
222
-
223
- button,
224
- input {
225
- overflow: visible;
226
- }
227
-
228
- button,
229
- select {
230
- text-transform: none;
231
- }
232
-
233
- button,
234
- [type="button"],
235
- [type="reset"],
236
- [type="submit"] {
237
- -webkit-appearance: button;
238
- }
239
-
240
- button::-moz-focus-inner,
241
- [type="button"]::-moz-focus-inner,
242
- [type="reset"]::-moz-focus-inner,
243
- [type="submit"]::-moz-focus-inner {
244
- padding: 0;
245
- border-style: none;
246
- }
247
-
248
- input[type="radio"],
249
- input[type="checkbox"] {
250
- box-sizing: border-box;
251
- padding: 0;
252
- }
253
-
254
- input[type="date"],
255
- input[type="time"],
256
- input[type="datetime-local"],
257
- input[type="month"] {
258
- -webkit-appearance: listbox;
259
- }
260
-
261
- textarea {
262
- overflow: auto;
263
- resize: vertical;
264
- }
265
-
266
- fieldset {
267
- min-width: 0;
268
- padding: 0;
269
- margin: 0;
270
- border: 0;
271
- }
272
-
273
- legend {
274
- display: block;
275
- width: 100%;
276
- max-width: 100%;
277
- padding: 0;
278
- margin-bottom: .5rem;
279
- font-size: 1.5rem;
280
- line-height: inherit;
281
- color: inherit;
282
- white-space: normal;
283
- }
284
-
285
- progress {
286
- vertical-align: baseline;
287
- }
288
-
289
- [type="number"]::-webkit-inner-spin-button,
290
- [type="number"]::-webkit-outer-spin-button {
291
- height: auto;
292
- }
293
-
294
- [type="search"] {
295
- outline-offset: -2px;
296
- -webkit-appearance: none;
297
- }
298
-
299
- [type="search"]::-webkit-search-decoration {
300
- -webkit-appearance: none;
301
- }
302
-
303
- ::-webkit-file-upload-button {
304
- font: inherit;
305
- -webkit-appearance: button;
306
- }
307
-
308
- output {
309
- display: inline-block;
310
- }
311
-
312
- summary {
313
- display: list-item;
314
- cursor: pointer;
315
- }
316
-
317
- template {
318
- display: none;
319
- }
320
-
321
- [hidden] {
322
- display: none !important;
1
+ /*!
2
+ * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)
3
+ * Copyright 2011-2018 The Bootstrap Authors
4
+ * Copyright 2011-2018 Twitter, Inc.
5
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
7
+ */
8
+ *,
9
+ *::before,
10
+ *::after {
11
+ box-sizing: border-box;
12
+ }
13
+
14
+ html {
15
+ font-family: sans-serif;
16
+ line-height: 1.15;
17
+ -webkit-text-size-adjust: 100%;
18
+ -ms-overflow-style: scrollbar;
19
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
20
+ }
21
+
22
+ @-ms-viewport {
23
+ width: device-width;
24
+ }
25
+
26
+ article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
27
+ display: block;
28
+ }
29
+
30
+ body {
31
+ margin: 0;
32
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
33
+ font-size: 1rem;
34
+ font-weight: 400;
35
+ line-height: 1.5;
36
+ color: #212529;
37
+ text-align: left;
38
+ background-color: #fff;
39
+ }
40
+
41
+ [tabindex="-1"]:focus {
42
+ outline: 0 !important;
43
+ }
44
+
45
+ hr {
46
+ box-sizing: content-box;
47
+ height: 0;
48
+ overflow: visible;
49
+ }
50
+
51
+ h1, h2, h3, h4, h5, h6 {
52
+ margin-top: 0;
53
+ margin-bottom: 0.5rem;
54
+ }
55
+
56
+ p {
57
+ margin-top: 0;
58
+ margin-bottom: 1rem;
59
+ }
60
+
61
+ abbr[title],
62
+ abbr[data-original-title] {
63
+ text-decoration: underline;
64
+ -webkit-text-decoration: underline dotted;
65
+ text-decoration: underline dotted;
66
+ cursor: help;
67
+ border-bottom: 0;
68
+ }
69
+
70
+ address {
71
+ margin-bottom: 1rem;
72
+ font-style: normal;
73
+ line-height: inherit;
74
+ }
75
+
76
+ ol,
77
+ ul,
78
+ dl {
79
+ margin-top: 0;
80
+ margin-bottom: 1rem;
81
+ }
82
+
83
+ ol ol,
84
+ ul ul,
85
+ ol ul,
86
+ ul ol {
87
+ margin-bottom: 0;
88
+ }
89
+
90
+ dt {
91
+ font-weight: 700;
92
+ }
93
+
94
+ dd {
95
+ margin-bottom: .5rem;
96
+ margin-left: 0;
97
+ }
98
+
99
+ blockquote {
100
+ margin: 0 0 1rem;
101
+ }
102
+
103
+ b,
104
+ strong {
105
+ font-weight: bolder;
106
+ }
107
+
108
+ small {
109
+ font-size: 80%;
110
+ }
111
+
112
+ sub,
113
+ sup {
114
+ position: relative;
115
+ font-size: 75%;
116
+ line-height: 0;
117
+ vertical-align: baseline;
118
+ }
119
+
120
+ sub {
121
+ bottom: -.25em;
122
+ }
123
+
124
+ sup {
125
+ top: -.5em;
126
+ }
127
+
128
+ a {
129
+ color: #007bff;
130
+ text-decoration: none;
131
+ background-color: transparent;
132
+ }
133
+
134
+ a:hover {
135
+ color: #0056b3;
136
+ text-decoration: underline;
137
+ }
138
+
139
+ a:not([href]):not([tabindex]):not(.text-link) {
140
+ color: inherit;
141
+ text-decoration: none;
142
+ }
143
+
144
+ a:not([href]):not([tabindex]):not(.text-link):hover, a:not([href]):not([tabindex]):not(.text-link):focus {
145
+ color: inherit;
146
+ text-decoration: none;
147
+ }
148
+
149
+ a:not([href]):not([tabindex]):focus {
150
+ outline: 0;
151
+ }
152
+
153
+ pre,
154
+ code,
155
+ kbd,
156
+ samp {
157
+ font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
158
+ font-size: 1em;
159
+ }
160
+
161
+ pre {
162
+ margin-top: 0;
163
+ margin-bottom: 1rem;
164
+ overflow: auto;
165
+ -ms-overflow-style: scrollbar;
166
+ }
167
+
168
+ figure {
169
+ margin: 0 0 1rem;
170
+ }
171
+
172
+ img {
173
+ vertical-align: middle;
174
+ border-style: none;
175
+ }
176
+
177
+ svg {
178
+ overflow: hidden;
179
+ vertical-align: middle;
180
+ }
181
+
182
+ table {
183
+ border-collapse: collapse;
184
+ }
185
+
186
+ caption {
187
+ padding-top: 0.75rem;
188
+ padding-bottom: 0.75rem;
189
+ color: #6c757d;
190
+ text-align: left;
191
+ caption-side: bottom;
192
+ }
193
+
194
+ th {
195
+ text-align: inherit;
196
+ }
197
+
198
+ label {
199
+ display: inline-block;
200
+ margin-bottom: 0.5rem;
201
+ }
202
+
203
+ button {
204
+ border-radius: 0;
205
+ }
206
+
207
+ button:focus {
208
+ outline: 1px dotted;
209
+ outline: 5px auto -webkit-focus-ring-color;
210
+ }
211
+
212
+ input,
213
+ button,
214
+ select,
215
+ optgroup,
216
+ textarea {
217
+ margin: 0;
218
+ font-family: inherit;
219
+ font-size: inherit;
220
+ line-height: inherit;
221
+ }
222
+
223
+ button,
224
+ input {
225
+ overflow: visible;
226
+ }
227
+
228
+ button,
229
+ select {
230
+ text-transform: none;
231
+ }
232
+
233
+ button,
234
+ [type="button"],
235
+ [type="reset"],
236
+ [type="submit"] {
237
+ -webkit-appearance: button;
238
+ }
239
+
240
+ button::-moz-focus-inner,
241
+ [type="button"]::-moz-focus-inner,
242
+ [type="reset"]::-moz-focus-inner,
243
+ [type="submit"]::-moz-focus-inner {
244
+ padding: 0;
245
+ border-style: none;
246
+ }
247
+
248
+ input[type="radio"],
249
+ input[type="checkbox"] {
250
+ box-sizing: border-box;
251
+ padding: 0;
252
+ }
253
+
254
+ input[type="date"],
255
+ input[type="time"],
256
+ input[type="datetime-local"],
257
+ input[type="month"] {
258
+ -webkit-appearance: listbox;
259
+ }
260
+
261
+ textarea {
262
+ overflow: auto;
263
+ resize: vertical;
264
+ }
265
+
266
+ fieldset {
267
+ min-width: 0;
268
+ padding: 0;
269
+ margin: 0;
270
+ border: 0;
271
+ }
272
+
273
+ legend {
274
+ display: block;
275
+ width: 100%;
276
+ max-width: 100%;
277
+ padding: 0;
278
+ margin-bottom: .5rem;
279
+ font-size: 1.5rem;
280
+ line-height: inherit;
281
+ color: inherit;
282
+ white-space: normal;
283
+ }
284
+
285
+ progress {
286
+ vertical-align: baseline;
287
+ }
288
+
289
+ [type="number"]::-webkit-inner-spin-button,
290
+ [type="number"]::-webkit-outer-spin-button {
291
+ height: auto;
292
+ }
293
+
294
+ [type="search"] {
295
+ outline-offset: -2px;
296
+ -webkit-appearance: none;
297
+ }
298
+
299
+ [type="search"]::-webkit-search-decoration {
300
+ -webkit-appearance: none;
301
+ }
302
+
303
+ ::-webkit-file-upload-button {
304
+ font: inherit;
305
+ -webkit-appearance: button;
306
+ }
307
+
308
+ output {
309
+ display: inline-block;
310
+ }
311
+
312
+ summary {
313
+ display: list-item;
314
+ cursor: pointer;
315
+ }
316
+
317
+ template {
318
+ display: none;
319
+ }
320
+
321
+ [hidden] {
322
+ display: none !important;
323
323
  }
@@ -1,15 +1,15 @@
1
- .badge {
2
- border: 1px solid var(--ec-color-white);
3
- display: inline-block;
4
- line-height: .875rem;
5
- color: var(--ec-color-primary-light);
6
- text-align: center;
7
- vertical-align: baseline;
8
- white-space: nowrap;
9
- font-size: .625rem;
10
- font-weight: bold;
11
- padding: 0 .25rem;
12
- border-radius: 0.5625rem;
13
- min-width: 1rem;
14
- background-color: var(--ec-button-background-color-badge, var(--ec-color-purple-4));
1
+ .badge {
2
+ border: 1px solid var(--ec-color-white);
3
+ display: inline-block;
4
+ line-height: .875rem;
5
+ color: var(--ec-color-primary-light);
6
+ text-align: center;
7
+ vertical-align: baseline;
8
+ white-space: nowrap;
9
+ font-size: .625rem;
10
+ font-weight: bold;
11
+ padding: 0 .25rem;
12
+ border-radius: 0.5625rem;
13
+ min-width: 1rem;
14
+ background-color: var(--ec-button-background-color-badge, var(--ec-color-purple-4));
15
15
  }