@ng-matero/extensions 18.2.3 → 18.3.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 (50) hide show
  1. package/_index.scss +14 -15
  2. package/alert/_alert-theme.scss +7 -0
  3. package/button/_button-theme.scss +3 -1
  4. package/colorpicker/_colorpicker-theme.scss +7 -0
  5. package/datetimepicker/_datetimepicker-theme.scss +7 -0
  6. package/datetimepicker/clock.d.ts +2 -1
  7. package/drawer/_drawer-theme.scss +7 -0
  8. package/esm2022/core/pipes/to-observable.pipe.mjs +1 -2
  9. package/esm2022/datetimepicker/calendar.mjs +2 -2
  10. package/esm2022/datetimepicker/clock.mjs +6 -3
  11. package/esm2022/datetimepicker/time.mjs +3 -3
  12. package/esm2022/drawer/drawer-config.mjs +1 -2
  13. package/esm2022/grid/cell.mjs +5 -4
  14. package/esm2022/grid/column-menu.mjs +3 -3
  15. package/esm2022/grid/grid.mjs +3 -3
  16. package/esm2022/grid/interfaces.mjs +1 -1
  17. package/esm2022/popover/popover.mjs +3 -3
  18. package/esm2022/select/select.mjs +1 -2
  19. package/esm2022/split/interfaces.mjs +1 -1
  20. package/esm2022/split/split-pane.mjs +1 -1
  21. package/esm2022/split/split.mjs +1 -1
  22. package/esm2022/split/utils.mjs +1 -1
  23. package/esm2022/tooltip/tooltip.mjs +1 -1
  24. package/fesm2022/mtxCore.mjs +0 -1
  25. package/fesm2022/mtxCore.mjs.map +1 -1
  26. package/fesm2022/mtxDatetimepicker.mjs +8 -5
  27. package/fesm2022/mtxDatetimepicker.mjs.map +1 -1
  28. package/fesm2022/mtxDrawer.mjs +0 -1
  29. package/fesm2022/mtxDrawer.mjs.map +1 -1
  30. package/fesm2022/mtxGrid.mjs +8 -7
  31. package/fesm2022/mtxGrid.mjs.map +1 -1
  32. package/fesm2022/mtxPopover.mjs +2 -2
  33. package/fesm2022/mtxPopover.mjs.map +1 -1
  34. package/fesm2022/mtxSelect.mjs +0 -1
  35. package/fesm2022/mtxSelect.mjs.map +1 -1
  36. package/fesm2022/mtxSplit.mjs.map +1 -1
  37. package/fesm2022/mtxTooltip.mjs.map +1 -1
  38. package/grid/_grid-theme.scss +7 -0
  39. package/grid/grid.scss +8 -9
  40. package/grid/interfaces.d.ts +2 -0
  41. package/loader/_loader-theme.scss +7 -0
  42. package/package.json +12 -12
  43. package/popover/_popover-theme.scss +7 -0
  44. package/progress/_progress-theme.scss +7 -0
  45. package/select/_select-theme.scss +7 -0
  46. package/split/_split-theme.scss +7 -0
  47. package/split/interfaces.d.ts +4 -4
  48. package/split/split.d.ts +1 -1
  49. package/split/utils.d.ts +2 -2
  50. package/tooltip/_tooltip-theme.scss +7 -0
package/_index.scss CHANGED
@@ -1,32 +1,31 @@
1
1
  @forward './alert/alert-theme' as alert-* show alert-theme,
2
- alert-color, alert-typography, alert-density, alert-base;
2
+ alert-color, alert-typography, alert-density, alert-base, alert-overrides;
3
3
  @forward './button/button-theme' as button-* show button-theme,
4
- button-color, button-typography, button-density, button-base;
4
+ button-color, button-typography, button-density, button-base, button-overrides;
5
5
  @forward './colorpicker/colorpicker-theme' as colorpicker-* show colorpicker-theme,
6
- colorpicker-color, colorpicker-typography, colorpicker-density, colorpicker-base;
6
+ colorpicker-color, colorpicker-typography, colorpicker-density, colorpicker-base, colorpicker-overrides;
7
7
  @forward './datetimepicker/datetimepicker-theme' as datetimepicker-* show datetimepicker-theme,
8
- datetimepicker-color, datetimepicker-typography, datetimepicker-density, datetimepicker-base;
8
+ datetimepicker-color, datetimepicker-typography, datetimepicker-density, datetimepicker-base, datetimepicker-overrides;
9
9
  @forward './drawer/drawer-theme' as drawer-* show drawer-theme,
10
- drawer-color, drawer-typography, drawer-density, drawer-base;
10
+ drawer-color, drawer-typography, drawer-density, drawer-base, drawer-overrides;
11
11
  @forward './grid/grid-theme' as grid-* show grid-theme,
12
- grid-color, grid-typography, grid-density, grid-base;
12
+ grid-color, grid-typography, grid-density, grid-base, grid-overrides;
13
13
  @forward './loader/loader-theme' as loader-* show loader-theme,
14
- loader-color, loader-typography, loader-density, loader-base;
14
+ loader-color, loader-typography, loader-density, loader-base, loader-overrides;
15
15
  @forward './popover/popover-theme' as popover-* show popover-theme,
16
- popover-color, popover-typography, popover-density, popover-base;
16
+ popover-color, popover-typography, popover-density, popover-base, popover-overrides;
17
17
  @forward './progress/progress-theme' as progress-* show progress-theme,
18
- progress-color, progress-typography, progress-density, progress-base;
18
+ progress-color, progress-typography, progress-density, progress-base, progress-overrides;
19
19
  @forward './select/select-theme' as select-* show select-theme,
20
- select-color, select-typography, select-density, select-base;
20
+ select-color, select-typography, select-density, select-base, select-overrides;
21
21
  @forward './split/split-theme' as split-* show split-theme,
22
- split-color, split-typography, split-density, split-base;
22
+ split-color, split-typography, split-density, split-base, split-overrides;
23
23
  @forward './tooltip/tooltip-theme' as tooltip-* show tooltip-theme,
24
- tooltip-color, tooltip-typography, tooltip-density, tooltip-base;
24
+ tooltip-color, tooltip-typography, tooltip-density, tooltip-base, tooltip-overrides;
25
25
 
26
26
  @forward './core/theming/definition' show define-theme, define-colors, define-typography,
27
- define-density;
28
- @forward './core/theming/color-api-backwards-compatibility' show
29
- color-variants-backwards-compatibility;
27
+ define-density;
28
+ @forward './core/theming/color-api-backwards-compatibility' show color-variants-backwards-compatibility;
30
29
 
31
30
  @forward './core/tokens/m2' show m2-tokens-from-theme;
32
31
  @forward './core/tokens/m3-tokens' show system-level-colors, system-level-typography;
@@ -43,6 +43,13 @@
43
43
  @else {}
44
44
  }
45
45
 
46
+ @mixin overrides($tokens: ()) {
47
+ @include token-utils.batch-create-token-values(
48
+ $tokens,
49
+ (prefix: tokens-mtx-alert.$prefix, tokens: tokens-mtx-alert.get-token-slots()),
50
+ );
51
+ }
52
+
46
53
  @mixin theme($theme) {
47
54
  @include mat.private-check-duplicate-theme-styles($theme, 'mtx-alert') {
48
55
  @if mat.get-theme-version($theme) == 1 {
@@ -1,4 +1,4 @@
1
- @use './button-loading.scss';
1
+ @use './button-loading';
2
2
 
3
3
  @mixin base($theme) {}
4
4
 
@@ -8,4 +8,6 @@
8
8
 
9
9
  @mixin density($theme) {}
10
10
 
11
+ @mixin overrides($tokens: ()) {}
12
+
11
13
  @mixin theme($theme) {}
@@ -56,6 +56,13 @@
56
56
  @else {}
57
57
  }
58
58
 
59
+ @mixin overrides($tokens: ()) {
60
+ @include token-utils.batch-create-token-values(
61
+ $tokens,
62
+ (prefix: tokens-mtx-colorpicker.$prefix, tokens: tokens-mtx-colorpicker.get-token-slots()),
63
+ );
64
+ }
65
+
59
66
  @mixin theme($theme) {
60
67
  @include mat.private-check-duplicate-theme-styles($theme, 'mtx-colorpicker') {
61
68
  @if mat.get-theme-version($theme) == 1 {
@@ -77,6 +77,13 @@
77
77
  @else {}
78
78
  }
79
79
 
80
+ @mixin overrides($tokens: ()) {
81
+ @include token-utils.batch-create-token-values(
82
+ $tokens,
83
+ (prefix: tokens-mtx-datetimepicker.$prefix, tokens: tokens-mtx-datetimepicker.get-token-slots()),
84
+ );
85
+ }
86
+
80
87
  @mixin theme($theme, $options...) {
81
88
  @include mat.private-check-duplicate-theme-styles($theme, 'mtx-datetimepicker') {
82
89
  @if mat.get-theme-version($theme) == 1 {
@@ -22,6 +22,7 @@ export declare class MtxClock<D> implements AfterContentInit, OnDestroy, OnChang
22
22
  dateFilter: (date: D, type: MtxDatetimepickerFilterType) => boolean;
23
23
  /** Step over minutes. */
24
24
  interval: number;
25
+ actionButtons: boolean;
25
26
  /** Whether the clock uses 12 hour format. */
26
27
  twelvehour: boolean;
27
28
  /** Whether the time is now in AM or PM. */
@@ -89,6 +90,6 @@ export declare class MtxClock<D> implements AfterContentInit, OnDestroy, OnChang
89
90
  */
90
91
  private setTime;
91
92
  static ɵfac: i0.ɵɵFactoryDeclaration<MtxClock<any>, never>;
92
- static ɵcmp: i0.ɵɵComponentDeclaration<MtxClock<any>, "mtx-clock", ["mtxClock"], { "dateFilter": { "alias": "dateFilter"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "required": false; }; "AMPM": { "alias": "AMPM"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; }, { "selectedChange": "selectedChange"; "activeDateChange": "activeDateChange"; "_userSelection": "_userSelection"; }, never, never, true, never>;
93
+ static ɵcmp: i0.ɵɵComponentDeclaration<MtxClock<any>, "mtx-clock", ["mtxClock"], { "dateFilter": { "alias": "dateFilter"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "actionButtons": { "alias": "actionButtons"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "required": false; }; "AMPM": { "alias": "AMPM"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; }, { "selectedChange": "selectedChange"; "activeDateChange": "activeDateChange"; "_userSelection": "_userSelection"; }, never, never, true, never>;
93
94
  static ngAcceptInputType_twelvehour: unknown;
94
95
  }
@@ -43,6 +43,13 @@
43
43
  @else {}
44
44
  }
45
45
 
46
+ @mixin overrides($tokens: ()) {
47
+ @include token-utils.batch-create-token-values(
48
+ $tokens,
49
+ (prefix: tokens-mtx-drawer.$prefix, tokens: tokens-mtx-drawer.get-token-slots()),
50
+ );
51
+ }
52
+
46
53
  @mixin theme($theme) {
47
54
  @include mat.private-check-duplicate-theme-styles($theme, 'mtx-drawer') {
48
55
  @if mat.get-theme-version($theme) == 1 {
@@ -2,7 +2,6 @@ import { Pipe } from '@angular/core';
2
2
  import { of, isObservable } from 'rxjs';
3
3
  import * as i0 from "@angular/core";
4
4
  export class MtxToObservablePipe {
5
- // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
6
5
  transform(value) {
7
6
  return isObservable(value) ? value : of(value);
8
7
  }
@@ -13,4 +12,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
13
12
  type: Pipe,
14
13
  args: [{ name: 'toObservable', standalone: true }]
15
14
  }] });
16
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG8tb2JzZXJ2YWJsZS5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXh0ZW5zaW9ucy9jb3JlL3BpcGVzL3RvLW9ic2VydmFibGUucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUNwRCxPQUFPLEVBQWMsRUFBRSxFQUFFLFlBQVksRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFHcEQsTUFBTSxPQUFPLG1CQUFtQjtJQUM5Qiw2RUFBNkU7SUFDN0UsU0FBUyxDQUFDLEtBQWdDO1FBQ3hDLE9BQU8sWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqRCxDQUFDO2lJQUpVLG1CQUFtQjsrSEFBbkIsbUJBQW1COzsyRkFBbkIsbUJBQW1CO2tCQUQvQixJQUFJO21CQUFDLEVBQUUsSUFBSSxFQUFFLGNBQWMsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgb2YsIGlzT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuXG5AUGlwZSh7IG5hbWU6ICd0b09ic2VydmFibGUnLCBzdGFuZGFsb25lOiB0cnVlIH0pXG5leHBvcnQgY2xhc3MgTXR4VG9PYnNlcnZhYmxlUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXJlZHVuZGFudC10eXBlLWNvbnN0aXR1ZW50c1xuICB0cmFuc2Zvcm0odmFsdWU6IE9ic2VydmFibGU8YW55PiB8IHVua25vd24pOiBPYnNlcnZhYmxlPGFueT4ge1xuICAgIHJldHVybiBpc09ic2VydmFibGUodmFsdWUpID8gdmFsdWUgOiBvZih2YWx1ZSk7XG4gIH1cbn1cbiJdfQ==
15
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG8tb2JzZXJ2YWJsZS5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXh0ZW5zaW9ucy9jb3JlL3BpcGVzL3RvLW9ic2VydmFibGUucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUNwRCxPQUFPLEVBQWMsRUFBRSxFQUFFLFlBQVksRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFHcEQsTUFBTSxPQUFPLG1CQUFtQjtJQUM5QixTQUFTLENBQUMsS0FBZ0M7UUFDeEMsT0FBTyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pELENBQUM7aUlBSFUsbUJBQW1COytIQUFuQixtQkFBbUI7OzJGQUFuQixtQkFBbUI7a0JBRC9CLElBQUk7bUJBQUMsRUFBRSxJQUFJLEVBQUUsY0FBYyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBvZiwgaXNPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbkBQaXBlKHsgbmFtZTogJ3RvT2JzZXJ2YWJsZScsIHN0YW5kYWxvbmU6IHRydWUgfSlcbmV4cG9ydCBjbGFzcyBNdHhUb09ic2VydmFibGVQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gIHRyYW5zZm9ybSh2YWx1ZTogT2JzZXJ2YWJsZTxhbnk+IHwgdW5rbm93bik6IE9ic2VydmFibGU8YW55PiB7XG4gICAgcmV0dXJuIGlzT2JzZXJ2YWJsZSh2YWx1ZSkgPyB2YWx1ZSA6IG9mKHZhbHVlKTtcbiAgfVxufVxuIl19