@ngx-stoui/core 15.0.0 → 16.0.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 (67) hide show
  1. package/README.md +7 -7
  2. package/{esm2020 → esm2022}/index.mjs +1 -1
  3. package/{esm2020 → esm2022}/lib/abstract-and-interfaces/keyPress.enum.mjs +1 -1
  4. package/esm2022/lib/sto-directives/context-menu.directive.mjs +36 -0
  5. package/esm2022/lib/sto-directives/date-form-field-click.directive.mjs +46 -0
  6. package/esm2022/lib/sto-directives/directives.module.mjs +64 -0
  7. package/{esm2020 → esm2022}/lib/sto-directives/index.mjs +1 -1
  8. package/esm2022/lib/sto-directives/menu-overlay.directive.mjs +48 -0
  9. package/{esm2020 → esm2022}/lib/sto-directives/quick-keys.directive.mjs +4 -4
  10. package/{esm2020 → esm2022}/lib/sto-directives/sto-grid.directive.mjs +10 -10
  11. package/{esm2020 → esm2022}/lib/sto-directives/sto-select-text-on-focus.directive.mjs +4 -4
  12. package/{esm2020 → esm2022}/lib/sto-pipes/currency-format.pipe.mjs +4 -4
  13. package/{esm2020 → esm2022}/lib/sto-pipes/date-format.pipe.mjs +4 -4
  14. package/{esm2020 → esm2022}/lib/sto-pipes/keys.pipe.mjs +4 -4
  15. package/{esm2020 → esm2022}/lib/sto-pipes/number-format.pipe.mjs +4 -4
  16. package/{esm2020 → esm2022}/lib/sto-pipes/sto-pipes.module.mjs +17 -17
  17. package/{esm2020 → esm2022}/lib/sto-pipes/with-unit.mjs +7 -7
  18. package/{esm2020 → esm2022}/lib/sto-pipes/yes-no.mjs +4 -4
  19. package/{fesm2020 → fesm2022}/ngx-stoui-core.mjs +83 -84
  20. package/fesm2022/ngx-stoui-core.mjs.map +1 -0
  21. package/lib/sto-directives/context-menu.directive.d.ts +2 -2
  22. package/lib/sto-directives/date-form-field-click.directive.d.ts +2 -2
  23. package/lib/sto-directives/menu-overlay.directive.d.ts +1 -1
  24. package/lib/sto-directives/quick-keys.directive.d.ts +1 -1
  25. package/lib/sto-directives/sto-grid.directive.d.ts +2 -2
  26. package/ngx-datatable.css +26 -9
  27. package/ngx-stoui.css +3290 -3555
  28. package/package.json +18 -18
  29. package/style/_fonts.scss +3 -3
  30. package/style/datatable/_ngx-datatable-compact.scss +144 -144
  31. package/style/datatable/_ngx-datatable-form.scss +94 -95
  32. package/style/datatable/_ngx-datatable-variables.scss +10 -10
  33. package/style/datatable/ngx-datatable.scss +404 -398
  34. package/style/form/sto-form.scss +348 -342
  35. package/style/grid.scss +20 -20
  36. package/style/sto-dialog.scss +73 -73
  37. package/style/sto-grid.scss +67 -67
  38. package/style/theme/_action-footer.scss +20 -20
  39. package/style/theme/_appheader.scss +121 -122
  40. package/style/theme/_card.scss +28 -26
  41. package/style/theme/_colors.scss +170 -170
  42. package/style/theme/_datatable.scss +231 -224
  43. package/style/theme/_daterange.scss +47 -51
  44. package/style/theme/_dialog.scss +25 -25
  45. package/style/theme/_filterpanel.scss +88 -88
  46. package/style/theme/_input-overrides.scss +119 -117
  47. package/style/theme/_message-panel.scss +89 -89
  48. package/style/theme/_number-input.scss +23 -23
  49. package/style/theme/_number-unit-input.scss +34 -34
  50. package/style/theme/_select-filter.scss +16 -16
  51. package/style/theme/_sto-indicators.scss +89 -89
  52. package/style/theme/_theme-variables.scss +63 -61
  53. package/style/theme/_theme.scss +22 -16
  54. package/style/theme/_typography.scss +44 -41
  55. package/style/theme/_wysiwyg.scss +38 -38
  56. package/style/theme/components.scss +16 -16
  57. package/style/theme/preference-manager.scss +50 -50
  58. package/style/theme.scss +41 -35
  59. package/esm2020/lib/sto-directives/context-menu.directive.mjs +0 -36
  60. package/esm2020/lib/sto-directives/date-form-field-click.directive.mjs +0 -46
  61. package/esm2020/lib/sto-directives/directives.module.mjs +0 -64
  62. package/esm2020/lib/sto-directives/menu-overlay.directive.mjs +0 -48
  63. package/fesm2015/ngx-stoui-core.mjs +0 -829
  64. package/fesm2015/ngx-stoui-core.mjs.map +0 -1
  65. package/fesm2020/ngx-stoui-core.mjs.map +0 -1
  66. package/license.md +0 -21
  67. /package/{esm2020 → esm2022}/ngx-stoui-core.mjs +0 -0
package/lib/sto-directives/date-form-field-click.directive.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { OnDestroy, OnInit, QueryList } from '@angular/core';
2
2
  import { MatDatepicker } from '@angular/material/datepicker';
3
- import { MatLegacyInput as MatInput } from '@angular/material/legacy-input';
3
+ import { MatInput } from '@angular/material/input';
4
4
  import * as i0 from "@angular/core";
5
5
  /**
6
6
  * Directive that can be placed on mat-form-fields that contains a mat-datepicker.
@@ -16,5 +16,5 @@ export declare class DateFormFieldClickDirective implements OnInit, OnDestroy {
16
16
  ngOnInit(): void;
17
17
  ngOnDestroy(): void;
18
18
  static ɵfac: i0.ɵɵFactoryDeclaration<DateFormFieldClickDirective, never>;
19
- static ɵdir: i0.ɵɵDirectiveDeclaration<DateFormFieldClickDirective, "[stoDateFormFieldClick]", never, { "stoDateFormFieldClick": "stoDateFormFieldClick"; }, {}, ["inputs"], never, true, never>;
19
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DateFormFieldClickDirective, "[stoDateFormFieldClick]", never, { "stoDateFormFieldClick": { "alias": "stoDateFormFieldClick"; "required": false; }; }, {}, ["inputs"], never, true, never>;
20
20
  }
package/lib/sto-directives/menu-overlay.directive.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ElementRef } from '@angular/core';
2
- import { MatLegacyMenuTrigger as MatMenuTrigger } from '@angular/material/legacy-menu';
2
+ import { MatMenuTrigger } from '@angular/material/menu';
3
3
  import * as i0 from "@angular/core";
4
4
  export declare class MenuOverlayDirective {
5
5
  private trigger;
package/lib/sto-directives/quick-keys.directive.d.ts CHANGED
@@ -38,5 +38,5 @@ export declare class QuickKeysDirective {
38
38
  */
39
39
  private handleFormKeys;
40
40
  static ɵfac: i0.ɵɵFactoryDeclaration<QuickKeysDirective, never>;
41
- static ɵdir: i0.ɵɵDirectiveDeclaration<QuickKeysDirective, "[stoQuickKeys]", never, { "quickKeys": "quickKeys"; "formGroup": "formGroup"; }, { "quickSubmit": "quickSubmit"; "quickCancel": "quickCancel"; }, never, never, true, never>;
41
+ static ɵdir: i0.ɵɵDirectiveDeclaration<QuickKeysDirective, "[stoQuickKeys]", never, { "quickKeys": { "alias": "quickKeys"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; }, { "quickSubmit": "quickSubmit"; "quickCancel": "quickCancel"; }, never, never, true, never>;
42
42
  }
package/lib/sto-directives/sto-grid.directive.d.ts CHANGED
@@ -13,7 +13,7 @@ export declare class StoGridColumnDirective {
13
13
  useClass: boolean;
14
14
  stoGridColumnDouble: boolean;
15
15
  static ɵfac: i0.ɵɵFactoryDeclaration<StoGridColumnDirective, never>;
16
- static ɵdir: i0.ɵɵDirectiveDeclaration<StoGridColumnDirective, "[stoGridColumn]", never, { "stoGridColumnDouble": "stoGridColumnDouble"; }, {}, never, never, true, never>;
16
+ static ɵdir: i0.ɵɵDirectiveDeclaration<StoGridColumnDirective, "[stoGridColumn]", never, { "stoGridColumnDouble": { "alias": "stoGridColumnDouble"; "required": false; }; }, {}, never, never, true, never>;
17
17
  }
18
18
  export declare class StoGridDirective implements AfterViewInit, OnDestroy {
19
19
  private elRef;
@@ -27,6 +27,6 @@ export declare class StoGridDirective implements AfterViewInit, OnDestroy {
27
27
  ngAfterViewInit(): void;
28
28
  ngOnDestroy(): void;
29
29
  static ɵfac: i0.ɵɵFactoryDeclaration<StoGridDirective, never>;
30
- static ɵdir: i0.ɵɵDirectiveDeclaration<StoGridDirective, "[stoGrid]", ["stoGrid"], { "maxWidth": "maxWidth"; "minWidth": "minWidth"; "breakpoints": "breakpoints"; }, {}, ["columns"], never, true, never>;
30
+ static ɵdir: i0.ɵɵDirectiveDeclaration<StoGridDirective, "[stoGrid]", ["stoGrid"], { "maxWidth": { "alias": "maxWidth"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; }, {}, ["columns"], never, true, never>;
31
31
  }
32
32
  export {};
package/ngx-datatable.css CHANGED
@@ -90,18 +90,18 @@
90
90
  .sto-datatable .sto-form__field {
91
91
  width: 100%;
92
92
  }
93
- .sto-datatable .sto-form__field--readonly .mat-form-field-flex, .sto-datatable .sto-form__field--disabled .mat-form-field-flex {
93
+ .sto-datatable .sto-form__field--readonly .mat-mdc-form-field-flex, .sto-datatable .sto-form__field--disabled .mat-mdc-form-field-flex {
94
94
  border: 0;
95
95
  }
96
96
  .sto-datatable .sto-form__field input[type=number] {
97
97
  text-align: right;
98
98
  }
99
- .sto-datatable .sto-form__field .mat-form-field-infix {
99
+ .sto-datatable .sto-form__field .mat-mdc-form-field-infix {
100
100
  border: 0 !important;
101
101
  margin: 0 !important;
102
102
  padding: 1px 0 0 0 !important;
103
103
  }
104
- .sto-datatable .sto-form__field .mat-form-field-flex {
104
+ .sto-datatable .sto-form__field .mat-mdc-form-field-flex {
105
105
  height: 31px;
106
106
  padding: 4px 6px;
107
107
  }
@@ -123,19 +123,20 @@
123
123
  height: 1.125em;
124
124
  width: 16px;
125
125
  }
126
- .sto-datatable .mat-form-field-placeholder, .sto-datatable .mat-form-field-label {
126
+ .sto-datatable .mat-form-field-placeholder,
127
+ .sto-datatable .mat-mdc-floating-label {
127
128
  top: 0;
128
129
  }
129
- .sto-datatable .mat-form-field-label-wrapper {
130
+ .sto-datatable .mat-mdc-floating-label-wrapper {
130
131
  top: 0;
131
132
  padding: 0;
132
133
  }
133
134
 
134
- .sto-compact .sto-datatable .sto-form__field .mat-form-field-flex {
135
+ .sto-compact .sto-datatable .sto-form__field .mat-mdc-form-field-flex {
135
136
  height: 19px;
136
137
  padding: 0 6px;
137
138
  }
138
- .sto-compact .sto-datatable .sto-form__field .mat-form-field-suffix {
139
+ .sto-compact .sto-datatable .sto-form__field .mat-mdc-form-field-icon-suffix {
139
140
  height: 22px;
140
141
  }
141
142
  .sto-compact .sto-datatable .sto-form__field.mat-form-field-type-mat-input .mat-form-field-underline {
@@ -184,6 +185,10 @@
184
185
  .ngx-datatable.sto-datatable .datatable-header .datatable-header-cell.dragging .resize-handle {
185
186
  border-right: none;
186
187
  }
188
+ .ngx-datatable.sto-datatable .datatable-header .datatable-header-cell .mat-mdc-checkbox {
189
+ --mdc-checkbox-state-layer-size: 18px;
190
+ margin-left: 11px;
191
+ }
187
192
  .ngx-datatable.sto-datatable .datatable-header .resize-handle {
188
193
  border-right: solid 1px #eee;
189
194
  }
@@ -191,11 +196,22 @@
191
196
  line-height: 20px;
192
197
  }
193
198
  .ngx-datatable.sto-datatable .datatable-body .datatable-body-row .datatable-body-cell {
199
+ --mdc-checkbox-state-layer-size: 35px;
194
200
  padding: 8px;
195
201
  vertical-align: top;
196
202
  border-top: 0;
197
203
  transition: width 0.3s ease, box-shadow 250ms linear;
198
204
  }
205
+ .ngx-datatable.sto-datatable .datatable-body .datatable-body-row .datatable-body-cell:has(.mat-mdc-form-field), .ngx-datatable.sto-datatable .datatable-body .datatable-body-row .datatable-body-cell:has(.mat-mdc-checkbox) {
206
+ padding: 0;
207
+ }
208
+ .ngx-datatable.sto-datatable .datatable-body .datatable-body-row .datatable-body-cell .mat-mdc-form-field {
209
+ margin: 0 4px;
210
+ min-height: 0;
211
+ }
212
+ .ngx-datatable.sto-datatable .datatable-body .datatable-body-row .datatable-body-cell .mat-mdc-form-field-subscript-wrapper {
213
+ display: none;
214
+ }
199
215
  .ngx-datatable.sto-datatable .datatable-body .progress-linear {
200
216
  display: block;
201
217
  position: sticky;
@@ -256,10 +272,11 @@
256
272
  overflow: hidden;
257
273
  text-overflow: ellipsis;
258
274
  }
259
- .datatable-body-cell-label .mat-select, .datatable-body-cell-label .mat-input {
275
+ .datatable-body-cell-label .mat-select,
276
+ .datatable-body-cell-label .mat-input {
260
277
  padding: 0;
261
278
  }
262
- .datatable-body-cell-label .mat-form-field-infix {
279
+ .datatable-body-cell-label .mat-mdc-form-field-infix {
263
280
  margin-top: -10px;
264
281
  padding: 0 9px 0 0;
265
282
  }