qms-angular 2.0.1 → 2.0.2

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 (41) hide show
  1. package/esm2022/lib/components/banner/qms-banner-confirm/qms-banner-confirm.component.mjs +3 -3
  2. package/esm2022/lib/components/related/popup/related-popup.component.mjs +3 -3
  3. package/esm2022/lib/components/related/risk/analysis/analysis.component.mjs +2 -2
  4. package/esm2022/lib/components/select-access-dialog/select-access-dialog.component.mjs +3 -3
  5. package/esm2022/lib/components/select-department/select-department.component.mjs +3 -3
  6. package/esm2022/lib/components/select-department-tree/select-department-tree.component.mjs +5 -5
  7. package/esm2022/lib/components/select-one/select-one.component.mjs +10 -12
  8. package/esm2022/lib/components/select-process-data/select-process-data.component.mjs +3 -3
  9. package/esm2022/lib/components/select-process-data-tree/select-process-data-tree.component.mjs +3 -3
  10. package/esm2022/lib/qms-ckeditor-components/common/module/confirm/qms-ckeditor-confirm.component.mjs +2 -2
  11. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-about/qms-ckeditor-about.component.mjs +2 -2
  12. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-imagemap/qms-ckeditor-imagemap.component.mjs +2 -2
  13. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-link/attachments/link-attachment.component.mjs +2 -2
  14. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-link/qms-ckeditor-link.component.mjs +2 -2
  15. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-link-simple/qms-ckeditor-link-simple.component.mjs +2 -2
  16. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-load-template/qms-ckeditor-load-template.component.mjs +2 -2
  17. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-relation/qmsckeditor-related.component.mjs +2 -2
  18. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-template/qms-ckeditor-template.component.mjs +2 -2
  19. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-tooltip/qms-ckeditor-tooltip.component.mjs +2 -2
  20. package/esm2022/lib/qms-ckeditor-components/qms-ckeditor.component.mjs +2 -2
  21. package/fesm2022/qms-angular.mjs +42 -42
  22. package/fesm2022/qms-angular.mjs.map +1 -1
  23. package/package.json +1 -1
  24. package/src/assets/qms-ckeditor-plugin/build/ckeditor.js +1 -1
  25. package/src/lib/components/banner/qms-banner-confirm/qms-banner-confirm.component.scss +44 -44
  26. package/src/lib/components/related/risk/analysis/analysis.component.scss +0 -3
  27. package/src/lib/components/select-access-dialog/select-access-dialog.component.scss +8 -2
  28. package/src/lib/components/select-department/select-department.component.scss +3 -3
  29. package/src/lib/components/select-department-tree/select-department-tree.component.scss +1 -1
  30. package/src/lib/components/select-dialog/select-dialog.scss +1 -1
  31. package/src/lib/components/select-process-data/select-process-data.component.scss +1 -1
  32. package/src/lib/components/select-process-data-tree/select-process-data-tree.component.scss +1 -1
  33. package/src/lib/components/select-process-document/select-process-document.component.scss +5 -6
  34. package/src/lib/qms-ckeditor-components/styles/_modules.scss +149 -146
  35. package/src/themes/core/_checkbox.scss +5 -1
  36. package/src/themes/core/_dialog.scss +42 -53
  37. package/src/themes/core/_form.scss +40 -35
  38. package/src/themes/core/_radio.scss +5 -1
  39. package/src/themes/core/_range-slider.scss +223 -201
  40. package/src/themes/core/_slide-toggle.scss +48 -6
  41. package/src/themes/core/_tab.scss +516 -512
@@ -1,68 +1,57 @@
1
- .qms-dialog-container {
2
- display: flex;
3
- flex-flow: column;
4
- min-height: 150px;
5
- max-height: 80vh;
1
+ .qms-dialog-container.mat-mdc-dialog-container {
2
+ .mat-mdc-dialog-title {
3
+ display: flex;
4
+ align-items: center;
5
+ padding: 6px 24px 13px;
6
+ }
6
7
 
7
- &.mat-mdc-dialog-container {
8
- .mat-mdc-dialog-surface.mdc-dialog__surface {
9
- display: block;
10
- border-radius: 4px;
11
- box-sizing: border-box;
12
- overflow: auto;
13
- outline: 0;
14
- width: 100%;
15
- height: 100%;
16
- min-height: inherit;
17
- max-height: inherit;
18
- }
8
+ .mat-mdc-dialog-title + .mat-mdc-dialog-content {
9
+ padding: 20px 24px 0;
10
+ }
19
11
 
20
- .mdc-dialog__title.more-action {
21
- display: flex;
22
- justify-content: space-between;
23
- flex-wrap: nowrap;
24
- align-items: center;
12
+ .mat-mdc-dialog-actions {
13
+ padding: 16px 24px;
14
+ }
25
15
 
26
- & > span, p, h1, h2, h3, h4, h5, h6, div {
27
- flex-grow: 1;
28
- }
29
- }
30
-
16
+ .close-btn {
17
+ position: absolute;
18
+ top: 10px;
19
+ right: 10px;
31
20
  }
32
21
 
33
- .qms-dialog-header {
34
- display: flex;
35
- justify-content: space-between;
36
- align-items: center;
37
- margin-bottom: 10px;
38
- flex: 0 1 auto;
39
- height: 50px;
22
+ .mat-mdc-dialog-actions {
23
+ gap: 8px;
24
+ justify-content: flex-end;
40
25
  }
41
26
 
42
- .qms-dialog-content {
43
- flex: 1 1 auto;
44
- overflow-y: auto;
45
- overflow-x: hidden;
46
- margin: 0;
27
+ .mdc-dialog__content {
28
+ color: var(--mdc-form-field-label-text-color);
47
29
  }
30
+ }
48
31
 
49
- .qms-dialog-footer {
32
+ .qms-dialog-container.mat-mdc-dialog-component-host {
33
+ .mat-mdc-dialog-title {
50
34
  display: flex;
51
- flex-wrap: wrap;
52
- min-height: 50px;
53
35
  align-items: center;
54
- box-sizing: content-box;
55
- justify-content: end;
56
- margin-top: 10px;
57
- flex: 0 1 auto;
58
- height: 50px;
36
+ padding: 6px 24px 13px;
37
+ }
38
+
39
+ .mat-mdc-dialog-title + .mat-mdc-dialog-content {
40
+ padding: 20px 24px 0;
41
+ }
59
42
 
60
- &.qms-dialog-footer-align-center {
61
- justify-content: center;
62
- }
43
+ .mat-mdc-dialog-actions {
44
+ padding: 16px 24px;
45
+ }
46
+
47
+ .close-btn {
48
+ position: absolute;
49
+ top: 10px;
50
+ right: 10px;
51
+ }
63
52
 
64
- &.qms-dialog-footer-align-start {
65
- justify-content: start;
66
- }
53
+ .mat-mdc-dialog-actions {
54
+ gap: 8px;
55
+ justify-content: flex-end;
67
56
  }
68
57
  }
@@ -9,6 +9,7 @@ $padding-field-flex-datepicker: 0.9rem 1rem 1rem 1rem;
9
9
  .mat-mdc-form-field {
10
10
  &.qms-form {
11
11
  font-family: Open Sans;
12
+ margin-bottom: 16px;
12
13
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
13
14
  .mat-form-field-underline {
14
15
  opacity: 0;
@@ -245,7 +246,6 @@ $padding-field-flex-datepicker: 0.9rem 1rem 1rem 1rem;
245
246
  height: $height-input;
246
247
  border-bottom: 1px solid black(0.38);
247
248
 
248
-
249
249
  &:hover {
250
250
  background-color: black(0.08);
251
251
  }
@@ -284,8 +284,7 @@ $padding-field-flex-datepicker: 0.9rem 1rem 1rem 1rem;
284
284
  color: theme-apply($default-color);
285
285
  font-size: 16px;
286
286
  line-height: 22px;
287
- font-family: 'Open sans';
288
-
287
+ font-family: "Open sans";
289
288
 
290
289
  &::placeholder {
291
290
  color: black(0.6);
@@ -308,6 +307,10 @@ $padding-field-flex-datepicker: 0.9rem 1rem 1rem 1rem;
308
307
  line-height: 16px;
309
308
  }
310
309
 
310
+ .mat-mdc-form-field-bottom-align::before {
311
+ content: none;
312
+ }
313
+
311
314
  .mat-mdc-form-field-hint {
312
315
  font-size: 0.75rem;
313
316
  line-height: 16px;
@@ -324,12 +327,13 @@ $padding-field-flex-datepicker: 0.9rem 1rem 1rem 1rem;
324
327
  display: block;
325
328
  }
326
329
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.*/
327
- .mat-select-min-line, mat-select-trigger {
330
+ .mat-select-min-line,
331
+ mat-select-trigger {
328
332
  font-weight: 600;
329
- color:theme-apply($default-color);
333
+ color: theme-apply($default-color);
330
334
  font-size: 16px;
331
335
  line-height: 22px;
332
- font-family: 'Open Sans', sans-serif;
336
+ font-family: "Open Sans", sans-serif;
333
337
  }
334
338
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.*/
335
339
  .mat-select-arrow {
@@ -341,11 +345,12 @@ $padding-field-flex-datepicker: 0.9rem 1rem 1rem 1rem;
341
345
  }
342
346
  }
343
347
 
344
- &.qms-form.qms-search-field, &.qms-form.qms-file-upload,
348
+ &.qms-form.qms-search-field,
349
+ &.qms-form.qms-file-upload,
345
350
  &.qms-form:not(.mat-form-field-disabled):focus.qms-file-upload,
346
- &.qms-form:not(.mat-form-field-disabled):focus.qms-search-field{
351
+ &.qms-form:not(.mat-form-field-disabled):focus.qms-search-field {
347
352
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
348
- .mat-form-field-flex{
353
+ .mat-form-field-flex {
349
354
  padding: 0.25rem 0rem 0.25rem 1rem;
350
355
  background-color: black(0.04);
351
356
  }
@@ -353,27 +358,27 @@ $padding-field-flex-datepicker: 0.9rem 1rem 1rem 1rem;
353
358
  color: black(0.6);
354
359
  }
355
360
 
356
- mat-icon, .material-icons{
361
+ mat-icon,
362
+ .material-icons {
357
363
  color: black(0.6);
358
364
  }
359
365
  }
360
366
 
361
- &.qms-form.mat-form-field-disabled.qms-file-upload{
367
+ &.qms-form.mat-form-field-disabled.qms-file-upload {
362
368
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
363
369
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
364
370
  .mat-form-field-flex:active {
365
- /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
366
- .mat-form-field-prefix mat-icon > svg{
367
- fill:black(0.38);
368
- }
371
+ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
372
+ .mat-form-field-prefix mat-icon > svg {
373
+ fill: black(0.38);
374
+ }
369
375
  }
370
376
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
371
- .mat-form-field-flex:hover{
377
+ .mat-form-field-flex:hover {
372
378
  background-color: black(0.04);
373
379
  }
374
380
  }
375
381
 
376
-
377
382
  &.qms-search-field,
378
383
  &.qms-file-upload {
379
384
  font-weight: 600;
@@ -384,7 +389,7 @@ $padding-field-flex-datepicker: 0.9rem 1rem 1rem 1rem;
384
389
  border-radius: 0.25em;
385
390
  }
386
391
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
387
- .mat-form-field-flex{
392
+ .mat-form-field-flex {
388
393
  align-items: center;
389
394
  }
390
395
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
@@ -413,26 +418,26 @@ $padding-field-flex-datepicker: 0.9rem 1rem 1rem 1rem;
413
418
  height: 2.5em;
414
419
 
415
420
  button {
416
- width: 1.5rem;
417
- height: 1.5rem;
418
- margin-right: 1rem;
421
+ width: 1.5rem;
422
+ height: 1.5rem;
423
+ margin-right: 1rem;
419
424
  }
420
425
 
421
- .qms-input-clear::before{
422
- content: "";
423
- background: black(0.12);
424
- height: 34px;
425
- display: inline-block;
426
- width: 1px;
426
+ .qms-input-clear::before {
427
+ content: "";
428
+ background: black(0.12);
429
+ height: 34px;
430
+ display: inline-block;
431
+ width: 1px;
427
432
  }
428
433
 
429
- .qms-input-clear{
430
- padding: 0.25rem 0rem 0.25rem 0;
431
- display: flex;
432
- align-items: center;
433
- button{
434
- margin-left: 1rem;
435
- }
434
+ .qms-input-clear {
435
+ padding: 0.25rem 0rem 0.25rem 0;
436
+ display: flex;
437
+ align-items: center;
438
+ button {
439
+ margin-left: 1rem;
440
+ }
436
441
  }
437
442
 
438
443
  mat-progress-spinner {
@@ -441,7 +446,7 @@ $padding-field-flex-datepicker: 0.9rem 1rem 1rem 1rem;
441
446
  }
442
447
  }
443
448
 
444
- .mat-mdc-form-field-error{
449
+ .mat-mdc-form-field-error {
445
450
  font-weight: 400;
446
451
  }
447
452
  }
@@ -37,7 +37,6 @@
37
37
  font-size: 1rem;
38
38
  line-height: 28px;
39
39
  color: theme-apply($default-color);
40
- white-space: break-spaces;
41
40
  }
42
41
 
43
42
  .text-help {
@@ -139,5 +138,10 @@
139
138
  }
140
139
  }
141
140
  //-------------------End No Label-----------------------------//
141
+
142
+ .mdc-label {
143
+ display: flex;
144
+ flex-direction: column;
145
+ }
142
146
  }
143
147
  }