@natec/mef-dev-ui-kit 20.1.21 → 20.1.22

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/index.d.ts CHANGED
@@ -9,10 +9,10 @@ import * as i5 from '@angular/forms';
9
9
  import { ControlValueAccessor, AbstractControl, FormGroupDirective, NgForm, NgControl, Validator, ValidationErrors } from '@angular/forms';
10
10
  import * as i7 from '@angular/cdk/bidi';
11
11
  import { Directionality, Direction } from '@angular/cdk/bidi';
12
+ import { FocusableOption, FocusOrigin, ActiveDescendantKeyManager, FocusKeyManager } from '@angular/cdk/a11y';
12
13
  import { CdkAccordion, CdkAccordionItem } from '@angular/cdk/accordion';
13
14
  import * as i3 from '@angular/cdk/portal';
14
15
  import { TemplatePortal, ComponentPortal, CdkPortalOutlet, CdkPortal } from '@angular/cdk/portal';
15
- import { FocusableOption, FocusOrigin, ActiveDescendantKeyManager, FocusKeyManager } from '@angular/cdk/a11y';
16
16
  import * as i1$3 from '@angular/cdk/dialog';
17
17
  import { DialogConfig, CdkDialogContainer, DialogRef, Dialog } from '@angular/cdk/dialog';
18
18
  import * as i1$2 from '@angular/cdk/scrolling';
@@ -161,7 +161,7 @@ declare class CollapseSetComponent {
161
161
  static ɵcmp: i0.ɵɵComponentDeclaration<CollapseSetComponent, "mefdev-collapse-set", never, { "expandAny": { "alias": "expandAny"; "required": false; }; "Accordion": { "alias": "Accordion"; "required": false; }; "Horizontal": { "alias": "Horizontal"; "required": false; }; }, {}, never, ["*"], false, never>;
162
162
  }
163
163
 
164
- declare const mefDevCollapseModuleComponents: (typeof CollapseComponent | typeof CollapseSetComponent)[];
164
+ declare const mefDevCollapseModuleComponents: (typeof CollapseSetComponent | typeof CollapseComponent)[];
165
165
  declare class MefDevCollapseModule {
166
166
  static forRoot(): ModuleWithProviders<MefDevCollapseModule>;
167
167
  static ɵfac: i0.ɵɵFactoryDeclaration<MefDevCollapseModule, never>;
@@ -2050,7 +2050,7 @@ declare class MDAccordion extends CdkAccordion implements AccordionBase, AfterCo
2050
2050
  static ngAcceptInputType_hideToggle: unknown;
2051
2051
  }
2052
2052
 
2053
- declare const components: (typeof ExpansionPanelActionRow)[];
2053
+ declare const components: (typeof ExpansionPanelDescription)[];
2054
2054
  declare class MDCollapseModule {
2055
2055
  static ɵfac: i0.ɵɵFactoryDeclaration<MDCollapseModule, never>;
2056
2056
  static ɵmod: i0.ɵɵNgModuleDeclaration<MDCollapseModule, never, [typeof i1.CommonModule, typeof MDAccordion, typeof MDExpansionPanel, typeof ExpansionPanelActionRow, typeof MDExpansionPanelHeader, typeof ExpansionPanelTitle, typeof ExpansionPanelDescription, typeof MDExpansionPanelContent], [typeof MDAccordion, typeof MDExpansionPanel, typeof ExpansionPanelActionRow, typeof MDExpansionPanelHeader, typeof ExpansionPanelTitle, typeof ExpansionPanelDescription, typeof MDExpansionPanelContent]>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@natec/mef-dev-ui-kit",
3
- "version": "20.1.21",
3
+ "version": "20.1.22",
4
4
  "description": "MEF.DEV UI Kit Library",
5
5
  "author": {
6
6
  "name": "NATEC"
@@ -2,299 +2,27 @@
2
2
  @use 'fonts.scss' as *;
3
3
  @use 'icons.scss' as *;
4
4
 
5
- @use 'pg/_dropdown.scss' as *;
6
- @use 'pg/toaster.scss' as *;
7
5
  @use 'pg/_color.scss' as *;
8
6
  @use 'pg/_mixins.scss' as *;
9
7
 
8
+ // depricated styles, to be removed in future releases
10
9
  @use 'pg/modules/_tabs_accordian.scss' as *;
11
10
  @use 'pg/modules/_tabs.scss' as *;
12
11
  @use 'pg/modules/_switch.scss' as *;
13
12
  @use 'pg/modules/_select.scss' as *;
14
- @use 'pg/modules/_layout.scss' as *;
13
+ @use 'pg/modules/_cards.scss' as *;
14
+
15
+ // Elements styles for refactoring, possible be removed in future releases
15
16
  @use 'pg/modules/_sidebar.scss' as *;
16
- @use 'pg/modules/_header.scss' as *;
17
+ @use 'pg/modules/_breadcrumb.scss' as *;
17
18
 
18
- //UI Components
19
+ // Core styles for refactoring
19
20
  @use 'pg/modules/_typography.scss' as *;
20
- @use 'pg/modules/_breadcrumb.scss' as *;
21
21
  @use 'pg/modules/_buttons.scss' as *;
22
- //Cards
23
- @use 'pg/modules/_cards.scss' as *;
24
-
25
- //Form Elements
26
22
  @use 'pg/modules/_form_elements.scss' as *;
27
-
28
- //Misc
29
- @use 'pg/modules/_misc.scss' as *;
30
- @use 'pg/_responsive.scss' as *;
31
-
32
- //Vendor
33
- @use 'pg/vendor/typehead.scss' as *;
34
- @use 'pg/vendor/md-datatable.scss' as *; // New Material Design theme
23
+ @use 'pg/vendor/md-datatable.scss' as *; // to be removed in future releases
35
24
  @use 'pg/vendor/md-grid.scss' as *;
36
- @use 'pg/vendor/ngx-google-map.scss' as *;
37
-
38
- [class^='icon-'],
39
- [class*=' icon-'] {
40
- /* use !important to prevent issues with browser extensions that change ../fonts */
41
- font-family: 'icomoon' !important;
42
- font-style: normal;
43
- font-weight: normal;
44
- font-variant: normal;
45
- text-transform: none;
46
- line-height: 1;
47
-
48
- /* Better Font Rendering =========== */
49
- -webkit-font-smoothing: antialiased;
50
- -moz-osx-font-smoothing: grayscale;
51
- }
52
-
53
- .icon-info-light:before {
54
- content: '\e90d';
55
- }
56
- .icon-connector:before {
57
- content: '\e90e';
58
- }
59
- .icon-information:before {
60
- content: '\e90f';
61
- }
62
- .icon-plugin:before {
63
- content: '\e910';
64
- }
65
- .icon-check-connector:before {
66
- content: '\e911';
67
- }
68
- .icon-computer:before {
69
- content: '\e913';
70
- }
71
- .icon-trash-light:before {
72
- content: '\e915';
73
- }
74
- .icon-ok:before {
75
- content: '\e917';
76
- color: #28b446;
77
- }
78
- .icon-calendar:before {
79
- content: '\e919';
80
- }
81
- .icon-guard:before {
82
- content: '\e91f';
83
- }
84
- .icon-tenant:before {
85
- content: '\e922';
86
- }
87
- .icon-nok:before {
88
- content: '\e923';
89
- }
90
- .icon-lock .path1:before {
91
- content: '\e924';
92
- color: rgb(234, 234, 234);
93
- }
94
- .icon-lock .path2:before {
95
- content: '\e925';
96
- margin-left: -1.158203125em;
97
- color: rgb(55, 55, 55);
98
- }
99
- .icon-unlock .path1:before {
100
- content: '\e926';
101
- }
102
- .icon-unlock .path2:before {
103
- content: '\e927';
104
- margin-left: -1.2109375em;
105
- }
106
- .icon-logout:before {
107
- content: '\e90b';
108
- }
109
- .icon-unchecked:before {
110
- content: '\e90a';
111
- }
112
- .icon-notification .path1:before {
113
- content: '\e902';
114
- }
115
- .icon-notification .path2:before {
116
- content: '\e903';
117
- margin-left: -1em;
118
- }
119
- .icon-notification .path3:before {
120
- content: '\e904';
121
- margin-left: -1em;
122
- }
123
- .icon-notification .path4:before {
124
- content: '\e905';
125
- margin-left: -1em;
126
- }
127
- .icon-setings .path1:before {
128
- content: '\e908';
129
- }
130
- .icon-setings .path2:before {
131
- content: '\e909';
132
- margin-left: -1em;
133
- }
134
- .icon-person:before {
135
- content: '\e90c';
136
- }
137
- .icon-persons:before {
138
- content: '\e912';
139
- }
140
- .icon-configuration:before {
141
- content: '\e914';
142
- }
143
- .icon-support:before {
144
- content: '\e916';
145
- }
146
- .icon-log:before {
147
- content: '\e918';
148
- }
149
- .icon-msg_popup:before {
150
- content: '\e91a';
151
- }
152
- .icon-protect:before {
153
- content: '\e91b';
154
- }
155
- .icon-keys:before {
156
- content: '\e91c';
157
- }
158
- .icon-info:before {
159
- content: '\e91d';
160
- }
161
- .icon-tenats:before {
162
- content: '\e91e';
163
- }
164
- .icon-profile:before {
165
- content: '\e921';
166
- }
167
- .icon-msg:before {
168
- content: '\e928';
169
- }
170
- .icon-arrow:before {
171
- content: '\e929';
172
- }
173
- .icon-warning:before {
174
- content: '\e92a';
175
- }
176
- .icon-messages:before {
177
- content: '\e92b';
178
- }
179
- .icon-pause:before {
180
- content: '\e92c';
181
- }
182
- .icon-play:before {
183
- content: '\e92e';
184
- }
185
- .icon-store:before {
186
- content: '\e930';
187
- }
188
- .icon-trash:before {
189
- content: '\e931';
190
- }
191
- .icon-edit:before {
192
- content: '\e932';
193
- }
194
- .icon-checked:before {
195
- content: '\e933';
196
- }
197
- .icon-bell .path1:before {
198
- content: '\e936';
199
- }
200
- .icon-bell .path2:before {
201
- content: '\e937';
202
- margin-left: -0.9658203125em;
203
- }
204
- .icon-bell .path3:before {
205
- content: '\e938';
206
- margin-left: -0.9658203125em;
207
- }
208
-
209
- .icon-copy:before {
210
- content: "\e901";
211
- }
212
-
213
- .icon-code:before {
214
- content: '\e900';
215
- }
216
-
217
- .icon-code:before {
218
- content: '\e900';
219
- }
220
-
221
- .icon-arrow-dropdown::before {
222
- content: '\e906';
223
- }
224
-
225
- /*#endregion img-font*/
226
-
227
- .color-black {
228
- color: $Black-Color !important;
229
- }
230
-
231
- .color-Dark-Gray-1 {
232
- color: $Dark-Gray-1 !important;
233
- }
234
-
235
- .color-Dark-Gray-2 {
236
- color: $Dark-Gray-2 !important;
237
- }
238
- .color-Red {
239
- color: $Red !important;
240
- }
241
- .color-Green {
242
- color: $Green !important;
243
- }
244
- .color-Light-Gray-1 {
245
- color: $Light-Gray-1 !important;
246
- }
247
- .color-Light-Gray-2 {
248
- color: $Light-Gray-2 !important;
249
- }
250
- .color-Light-Gray-3 {
251
- color: $Light-Gray-3 !important;
252
- }
253
- .color-White {
254
- color: $White !important;
255
- }
256
- .color-Link {
257
- color: $Link !important;
258
- }
259
- .color-dark-link {
260
- color: $Link-on-dark !important;
261
- }
262
-
263
- .b-color-black {
264
- background-color: $Black-Color !important;
265
- }
266
-
267
- .b-color-Dark-Gray-1 {
268
- background-color: $Dark-Gray-1 !important;
269
- }
270
-
271
- .b-color-Dark-Gray-2 {
272
- background-color: $Dark-Gray-2 !important;
273
- }
274
- .b-color-Red {
275
- background-color: $Red !important;
276
- }
277
- .b-color-Green {
278
- background-color: $Green !important;
279
- }
280
- .b-color-Light-Gray-1 {
281
- background-color: $Light-Gray-1 !important;
282
- }
283
- .b-color-Light-Gray-2 {
284
- background-color: $Light-Gray-2 !important;
285
- }
286
- .b-color-Light-Gray-3 {
287
- background-color: $Light-Gray-3 !important;
288
- }
289
- .b-color-White {
290
- background-color: $White !important;
291
- }
292
- .b-color-Link {
293
- background-color: $Link !important;
294
- }
295
- .b-color-dark-link {
296
- background-color: $Link-on-dark !important;
297
- }
25
+ @use 'pg/toaster.scss' as *;
298
26
 
299
27
  .ql-container {
300
28
  height: 240px;
@@ -329,3 +329,194 @@ Pages Icons
329
329
  .pg-video:before {
330
330
  content: "\e654";
331
331
  }
332
+
333
+ /// ....
334
+
335
+
336
+ [class^='icon-'],
337
+ [class*=' icon-'] {
338
+ /* use !important to prevent issues with browser extensions that change ../fonts */
339
+ font-family: 'icomoon' !important;
340
+ font-style: normal;
341
+ font-weight: normal;
342
+ font-variant: normal;
343
+ text-transform: none;
344
+ line-height: 1;
345
+
346
+ /* Better Font Rendering =========== */
347
+ -webkit-font-smoothing: antialiased;
348
+ -moz-osx-font-smoothing: grayscale;
349
+ }
350
+
351
+ .icon-info-light:before {
352
+ content: '\e90d';
353
+ }
354
+ .icon-connector:before {
355
+ content: '\e90e';
356
+ }
357
+ .icon-information:before {
358
+ content: '\e90f';
359
+ }
360
+ .icon-plugin:before {
361
+ content: '\e910';
362
+ }
363
+ .icon-check-connector:before {
364
+ content: '\e911';
365
+ }
366
+ .icon-computer:before {
367
+ content: '\e913';
368
+ }
369
+ .icon-trash-light:before {
370
+ content: '\e915';
371
+ }
372
+ .icon-ok:before {
373
+ content: '\e917';
374
+ color: #28b446;
375
+ }
376
+ .icon-calendar:before {
377
+ content: '\e919';
378
+ }
379
+ .icon-guard:before {
380
+ content: '\e91f';
381
+ }
382
+ .icon-tenant:before {
383
+ content: '\e922';
384
+ }
385
+ .icon-nok:before {
386
+ content: '\e923';
387
+ }
388
+ .icon-lock .path1:before {
389
+ content: '\e924';
390
+ color: rgb(234, 234, 234);
391
+ }
392
+ .icon-lock .path2:before {
393
+ content: '\e925';
394
+ margin-left: -1.158203125em;
395
+ color: rgb(55, 55, 55);
396
+ }
397
+ .icon-unlock .path1:before {
398
+ content: '\e926';
399
+ }
400
+ .icon-unlock .path2:before {
401
+ content: '\e927';
402
+ margin-left: -1.2109375em;
403
+ }
404
+ .icon-logout:before {
405
+ content: '\e90b';
406
+ }
407
+ .icon-unchecked:before {
408
+ content: '\e90a';
409
+ }
410
+ .icon-notification .path1:before {
411
+ content: '\e902';
412
+ }
413
+ .icon-notification .path2:before {
414
+ content: '\e903';
415
+ margin-left: -1em;
416
+ }
417
+ .icon-notification .path3:before {
418
+ content: '\e904';
419
+ margin-left: -1em;
420
+ }
421
+ .icon-notification .path4:before {
422
+ content: '\e905';
423
+ margin-left: -1em;
424
+ }
425
+ .icon-setings .path1:before {
426
+ content: '\e908';
427
+ }
428
+ .icon-setings .path2:before {
429
+ content: '\e909';
430
+ margin-left: -1em;
431
+ }
432
+ .icon-person:before {
433
+ content: '\e90c';
434
+ }
435
+ .icon-persons:before {
436
+ content: '\e912';
437
+ }
438
+ .icon-configuration:before {
439
+ content: '\e914';
440
+ }
441
+ .icon-support:before {
442
+ content: '\e916';
443
+ }
444
+ .icon-log:before {
445
+ content: '\e918';
446
+ }
447
+ .icon-msg_popup:before {
448
+ content: '\e91a';
449
+ }
450
+ .icon-protect:before {
451
+ content: '\e91b';
452
+ }
453
+ .icon-keys:before {
454
+ content: '\e91c';
455
+ }
456
+ .icon-info:before {
457
+ content: '\e91d';
458
+ }
459
+ .icon-tenats:before {
460
+ content: '\e91e';
461
+ }
462
+ .icon-profile:before {
463
+ content: '\e921';
464
+ }
465
+ .icon-msg:before {
466
+ content: '\e928';
467
+ }
468
+ .icon-arrow:before {
469
+ content: '\e929';
470
+ }
471
+ .icon-warning:before {
472
+ content: '\e92a';
473
+ }
474
+ .icon-messages:before {
475
+ content: '\e92b';
476
+ }
477
+ .icon-pause:before {
478
+ content: '\e92c';
479
+ }
480
+ .icon-play:before {
481
+ content: '\e92e';
482
+ }
483
+ .icon-store:before {
484
+ content: '\e930';
485
+ }
486
+ .icon-trash:before {
487
+ content: '\e931';
488
+ }
489
+ .icon-edit:before {
490
+ content: '\e932';
491
+ }
492
+ .icon-checked:before {
493
+ content: '\e933';
494
+ }
495
+ .icon-bell .path1:before {
496
+ content: '\e936';
497
+ }
498
+ .icon-bell .path2:before {
499
+ content: '\e937';
500
+ margin-left: -0.9658203125em;
501
+ }
502
+ .icon-bell .path3:before {
503
+ content: '\e938';
504
+ margin-left: -0.9658203125em;
505
+ }
506
+
507
+ .icon-copy:before {
508
+ content: "\e901";
509
+ }
510
+
511
+ .icon-code:before {
512
+ content: '\e900';
513
+ }
514
+
515
+ .icon-code:before {
516
+ content: '\e900';
517
+ }
518
+
519
+ .icon-arrow-dropdown::before {
520
+ content: '\e906';
521
+ }
522
+