@ng-matero/extensions 18.1.0 → 18.1.1

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 (119) hide show
  1. package/checkbox-group/checkbox-group.d.ts +3 -3
  2. package/core/m2/_typography.scss +172 -0
  3. package/core/style/_elevation.scss +167 -0
  4. package/core/tokens/_m3-tokens.scss +10 -10
  5. package/core/tokens/_token-utils.scss +120 -30
  6. package/core/tokens/m2/mtx/_datetimepicker.scss +3 -3
  7. package/core/tokens/m2/mtx/_drawer.scss +2 -2
  8. package/core/tokens/m2/mtx/_select.scss +2 -4
  9. package/core/tokens/m3/definitions/_index.scss +8 -0
  10. package/core/tokens/m3/definitions/_md-ref-palette.scss +100 -0
  11. package/core/tokens/m3/definitions/_md-ref-typeface.scss +14 -0
  12. package/core/tokens/m3/definitions/_md-sys-color.scss +126 -0
  13. package/core/tokens/m3/definitions/_md-sys-elevation.scss +15 -0
  14. package/core/tokens/m3/definitions/_md-sys-motion.scss +46 -0
  15. package/core/tokens/m3/definitions/_md-sys-shape.scss +24 -0
  16. package/core/tokens/m3/definitions/_md-sys-state.scss +13 -0
  17. package/core/tokens/m3/definitions/_md-sys-typescale.scss +308 -0
  18. package/core/tokens/m3/mtx/_datetimepicker.scss +3 -3
  19. package/core/tokens/m3/mtx/_drawer.scss +2 -2
  20. package/core/tokens/m3/mtx/_select.scss +2 -2
  21. package/core/typography/_all-typography.scss +2 -2
  22. package/esm2022/alert/alert-module.mjs +4 -4
  23. package/esm2022/alert/alert.mjs +3 -3
  24. package/esm2022/button/button-loading.mjs +3 -3
  25. package/esm2022/button/button-module.mjs +4 -4
  26. package/esm2022/checkbox-group/checkbox-group-module.mjs +4 -4
  27. package/esm2022/checkbox-group/checkbox-group.mjs +3 -3
  28. package/esm2022/colorpicker/colorpicker-input.mjs +3 -3
  29. package/esm2022/colorpicker/colorpicker-module.mjs +4 -4
  30. package/esm2022/colorpicker/colorpicker-toggle.mjs +6 -6
  31. package/esm2022/colorpicker/colorpicker.mjs +6 -6
  32. package/esm2022/column-resize/column-resize-directives/column-resize-flex.mjs +3 -3
  33. package/esm2022/column-resize/column-resize-directives/column-resize.mjs +3 -3
  34. package/esm2022/column-resize/column-resize-module.mjs +4 -4
  35. package/esm2022/column-resize/column-resize-notifier.mjs +6 -6
  36. package/esm2022/column-resize/column-resize.mjs +3 -3
  37. package/esm2022/column-resize/column-size-store.mjs +3 -3
  38. package/esm2022/column-resize/event-dispatcher.mjs +3 -3
  39. package/esm2022/column-resize/overlay-handle.mjs +3 -3
  40. package/esm2022/column-resize/resizable.mjs +3 -3
  41. package/esm2022/column-resize/resize-strategy.mjs +9 -9
  42. package/esm2022/core/datetime/datetime.module.mjs +8 -8
  43. package/esm2022/core/datetime/native-datetime-adapter.mjs +3 -3
  44. package/esm2022/core/pipes/is-template-ref.pipe.mjs +3 -3
  45. package/esm2022/core/pipes/pipes.module.mjs +4 -4
  46. package/esm2022/core/pipes/to-observable.pipe.mjs +3 -3
  47. package/esm2022/datetimepicker/calendar-body.mjs +3 -3
  48. package/esm2022/datetimepicker/calendar.mjs +3 -3
  49. package/esm2022/datetimepicker/clock.mjs +3 -3
  50. package/esm2022/datetimepicker/datetimepicker-actions.mjs +12 -12
  51. package/esm2022/datetimepicker/datetimepicker-input.mjs +3 -3
  52. package/esm2022/datetimepicker/datetimepicker-intl.mjs +3 -3
  53. package/esm2022/datetimepicker/datetimepicker-module.mjs +4 -4
  54. package/esm2022/datetimepicker/datetimepicker-toggle.mjs +6 -6
  55. package/esm2022/datetimepicker/datetimepicker.mjs +6 -6
  56. package/esm2022/datetimepicker/month-view.mjs +3 -3
  57. package/esm2022/datetimepicker/multi-year-view.mjs +3 -3
  58. package/esm2022/datetimepicker/time.mjs +6 -6
  59. package/esm2022/datetimepicker/year-view.mjs +3 -3
  60. package/esm2022/dialog/dialog-container.mjs +3 -3
  61. package/esm2022/dialog/dialog-module.mjs +4 -4
  62. package/esm2022/dialog/dialog.mjs +3 -3
  63. package/esm2022/drawer/drawer-container.mjs +3 -3
  64. package/esm2022/drawer/drawer-module.mjs +4 -4
  65. package/esm2022/drawer/drawer.mjs +3 -3
  66. package/esm2022/grid/cell.mjs +3 -3
  67. package/esm2022/grid/column-menu.mjs +3 -3
  68. package/esm2022/grid/column-resize/column-resize-directives/column-resize-flex.mjs +3 -3
  69. package/esm2022/grid/column-resize/column-resize-directives/column-resize.mjs +3 -3
  70. package/esm2022/grid/column-resize/column-resize-module.mjs +8 -8
  71. package/esm2022/grid/column-resize/overlay-handle.mjs +3 -3
  72. package/esm2022/grid/column-resize/resizable-directives/resizable.mjs +3 -3
  73. package/esm2022/grid/column-resize/resize-strategy.mjs +3 -3
  74. package/esm2022/grid/expansion-toggle.mjs +3 -3
  75. package/esm2022/grid/grid-module.mjs +4 -4
  76. package/esm2022/grid/grid-pipes.mjs +21 -21
  77. package/esm2022/grid/grid-utils.mjs +3 -3
  78. package/esm2022/grid/grid.mjs +3 -3
  79. package/esm2022/grid/selectable-cell.mjs +3 -3
  80. package/esm2022/loader/loader-module.mjs +4 -4
  81. package/esm2022/loader/loader.mjs +3 -3
  82. package/esm2022/photoviewer/photoviewer-module.mjs +4 -4
  83. package/esm2022/photoviewer/photoviewer.mjs +3 -3
  84. package/esm2022/popover/popover-content.mjs +6 -6
  85. package/esm2022/popover/popover-module.mjs +4 -4
  86. package/esm2022/popover/popover-target.mjs +3 -3
  87. package/esm2022/popover/popover-trigger.mjs +3 -3
  88. package/esm2022/popover/popover.mjs +3 -3
  89. package/esm2022/progress/progress-module.mjs +4 -4
  90. package/esm2022/progress/progress.mjs +3 -3
  91. package/esm2022/select/option.mjs +3 -3
  92. package/esm2022/select/select-module.mjs +4 -4
  93. package/esm2022/select/select.mjs +3 -3
  94. package/esm2022/select/templates.mjs +33 -33
  95. package/esm2022/split/split-module.mjs +4 -4
  96. package/esm2022/split/split-pane.mjs +3 -3
  97. package/esm2022/split/split.mjs +3 -3
  98. package/esm2022/tooltip/tooltip-module.mjs +4 -4
  99. package/esm2022/tooltip/tooltip.mjs +6 -6
  100. package/fesm2022/mtxAlert.mjs +7 -7
  101. package/fesm2022/mtxButton.mjs +7 -7
  102. package/fesm2022/mtxCheckboxGroup.mjs +7 -7
  103. package/fesm2022/mtxColorpicker.mjs +19 -19
  104. package/fesm2022/mtxColumnResize.mjs +40 -40
  105. package/fesm2022/mtxCore.mjs +21 -21
  106. package/fesm2022/mtxDatetimepicker.mjs +58 -58
  107. package/fesm2022/mtxDialog.mjs +10 -10
  108. package/fesm2022/mtxDrawer.mjs +10 -10
  109. package/fesm2022/mtxGrid.mjs +66 -66
  110. package/fesm2022/mtxLoader.mjs +7 -7
  111. package/fesm2022/mtxPhotoviewer.mjs +7 -7
  112. package/fesm2022/mtxPopover.mjs +19 -19
  113. package/fesm2022/mtxProgress.mjs +7 -7
  114. package/fesm2022/mtxSelect.mjs +43 -43
  115. package/fesm2022/mtxSplit.mjs +10 -10
  116. package/fesm2022/mtxTooltip.mjs +10 -10
  117. package/package.json +7 -7
  118. package/tooltip/_tooltip-theme.scss +19 -15
  119. package/core/typography/_typography.scss +0 -40
@@ -21,10 +21,10 @@ class MtxDialogContainer {
21
21
  _onClose() {
22
22
  this.dialogRef.close();
23
23
  }
24
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MtxDialogContainer, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
25
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: MtxDialogContainer, isStandalone: true, selector: "mtx-dialog-container", host: { classAttribute: "mtx-dialog-container" }, exportAs: ["mtxDialogContainer"], ngImport: i0, template: "@if (data.title) {\n <h1 class=\"mtx-dialog-title\">\n <span>{{data.title | toObservable | async}}</span>\n @if (data.showCloseIcon) {\n <button mat-icon-button (click)=\"_onClose()\">\n <mat-icon>close</mat-icon>\n </button>\n }\n </h1>\n}\n@if (data.description) {\n <div class=\"mtx-dialog-content\">\n <p>{{data.description | toObservable | async}}</p>\n </div>\n}\n<div class=\"mtx-dialog-actions\">\n @for (btn of data.buttons; track btn) {\n @switch (btn.type) {\n @case ('raised') {\n @if (btn.focusInitial) {\n <button mat-raised-button cdkFocusInitial\n [color]=\"btn.color\" [class]=\"btn.class\" (click)=\"_onClick(btn.onClick!)\">\n {{btn.text | toObservable | async}}\n </button>\n } @else {\n <button mat-raised-button\n [color]=\"btn.color\" [class]=\"btn.class\" (click)=\"_onClick(btn.onClick!)\">\n {{btn.text | toObservable | async}}\n </button>\n }\n }\n @case ('stroked') {\n @if (btn.focusInitial) {\n <button mat-stroked-button cdkFocusInitial\n [color]=\"btn.color\" [class]=\"btn.class\" (click)=\"_onClick(btn.onClick!)\">\n {{btn.text | toObservable | async}}\n </button>\n } @else {\n <button mat-stroked-button\n [color]=\"btn.color\" [class]=\"btn.class\" (click)=\"_onClick(btn.onClick!)\">\n {{btn.text | toObservable | async}}\n </button>\n }\n }\n @case ('flat') {\n @if (btn.focusInitial) {\n <button mat-flat-button cdkFocusInitial\n [color]=\"btn.color\" [class]=\"btn.class\" (click)=\"_onClick(btn.onClick!)\">\n {{btn.text | toObservable | async}}\n </button>\n } @else {\n <button mat-flat-button\n [color]=\"btn.color\" [class]=\"btn.class\" (click)=\"_onClick(btn.onClick!)\">\n {{btn.text | toObservable | async}}\n </button>\n }\n }\n @default {\n @if (btn.focusInitial) {\n <button mat-button cdkFocusInitial\n [color]=\"btn.color\" [class]=\"btn.class\" (click)=\"_onClick(btn.onClick!)\">\n {{btn.text | toObservable | async}}\n </button>\n } @else {\n <button mat-button\n [color]=\"btn.color\" [class]=\"btn.class\" (click)=\"_onClick(btn.onClick!)\">\n {{btn.text | toObservable | async}}\n </button>\n }\n }\n }\n }\n</div>\n", styles: [".mtx-dialog-title{display:flex;justify-content:space-between;align-items:center;padding:8px 24px;margin:0;line-height:48px;font-weight:500;font-size:20px}.mtx-dialog-title .mat-mdc-button-base{margin-right:-16px}[dir=rtl] .mtx-dialog-title .mat-mdc-button-base{margin-right:0;margin-left:-16px}.mtx-dialog-content{display:block;max-height:65vh;padding:0 24px;overflow:auto;-webkit-overflow-scrolling:touch}.mtx-dialog-content p{margin-top:0}.mtx-dialog-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:8px}.mtx-dialog-actions .mat-mdc-button-base{margin-left:8px}[dir=rtl] .mtx-dialog-actions .mat-mdc-button-base{margin-left:0;margin-right:8px}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: MtxToObservablePipe, name: "toObservable" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
24
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MtxDialogContainer, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
25
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: MtxDialogContainer, isStandalone: true, selector: "mtx-dialog-container", host: { classAttribute: "mtx-dialog-container" }, exportAs: ["mtxDialogContainer"], ngImport: i0, template: "@if (data.title) {\n <h1 class=\"mtx-dialog-title\">\n <span>{{data.title | toObservable | async}}</span>\n @if (data.showCloseIcon) {\n <button mat-icon-button (click)=\"_onClose()\">\n <mat-icon>close</mat-icon>\n </button>\n }\n </h1>\n}\n@if (data.description) {\n <div class=\"mtx-dialog-content\">\n <p>{{data.description | toObservable | async}}</p>\n </div>\n}\n<div class=\"mtx-dialog-actions\">\n @for (btn of data.buttons; track btn) {\n @switch (btn.type) {\n @case ('raised') {\n @if (btn.focusInitial) {\n <button mat-raised-button cdkFocusInitial\n [color]=\"btn.color\" [class]=\"btn.class\" (click)=\"_onClick(btn.onClick!)\">\n {{btn.text | toObservable | async}}\n </button>\n } @else {\n <button mat-raised-button\n [color]=\"btn.color\" [class]=\"btn.class\" (click)=\"_onClick(btn.onClick!)\">\n {{btn.text | toObservable | async}}\n </button>\n }\n }\n @case ('stroked') {\n @if (btn.focusInitial) {\n <button mat-stroked-button cdkFocusInitial\n [color]=\"btn.color\" [class]=\"btn.class\" (click)=\"_onClick(btn.onClick!)\">\n {{btn.text | toObservable | async}}\n </button>\n } @else {\n <button mat-stroked-button\n [color]=\"btn.color\" [class]=\"btn.class\" (click)=\"_onClick(btn.onClick!)\">\n {{btn.text | toObservable | async}}\n </button>\n }\n }\n @case ('flat') {\n @if (btn.focusInitial) {\n <button mat-flat-button cdkFocusInitial\n [color]=\"btn.color\" [class]=\"btn.class\" (click)=\"_onClick(btn.onClick!)\">\n {{btn.text | toObservable | async}}\n </button>\n } @else {\n <button mat-flat-button\n [color]=\"btn.color\" [class]=\"btn.class\" (click)=\"_onClick(btn.onClick!)\">\n {{btn.text | toObservable | async}}\n </button>\n }\n }\n @default {\n @if (btn.focusInitial) {\n <button mat-button cdkFocusInitial\n [color]=\"btn.color\" [class]=\"btn.class\" (click)=\"_onClick(btn.onClick!)\">\n {{btn.text | toObservable | async}}\n </button>\n } @else {\n <button mat-button\n [color]=\"btn.color\" [class]=\"btn.class\" (click)=\"_onClick(btn.onClick!)\">\n {{btn.text | toObservable | async}}\n </button>\n }\n }\n }\n }\n</div>\n", styles: [".mtx-dialog-title{display:flex;justify-content:space-between;align-items:center;padding:8px 24px;margin:0;line-height:48px;font-weight:500;font-size:20px}.mtx-dialog-title .mat-mdc-button-base{margin-right:-16px}[dir=rtl] .mtx-dialog-title .mat-mdc-button-base{margin-right:0;margin-left:-16px}.mtx-dialog-content{display:block;max-height:65vh;padding:0 24px;overflow:auto;-webkit-overflow-scrolling:touch}.mtx-dialog-content p{margin-top:0}.mtx-dialog-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:8px}.mtx-dialog-actions .mat-mdc-button-base{margin-left:8px}[dir=rtl] .mtx-dialog-actions .mat-mdc-button-base{margin-left:0;margin-right:8px}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: MtxToObservablePipe, name: "toObservable" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
26
26
  }
27
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MtxDialogContainer, decorators: [{
27
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MtxDialogContainer, decorators: [{
28
28
  type: Component,
29
29
  args: [{ selector: 'mtx-dialog-container', exportAs: 'mtxDialogContainer', host: {
30
30
  class: 'mtx-dialog-container',
@@ -105,30 +105,30 @@ class MtxDialog {
105
105
  ],
106
106
  });
107
107
  }
108
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MtxDialog, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
109
- /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MtxDialog, providedIn: 'root' }); }
108
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MtxDialog, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
109
+ /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MtxDialog, providedIn: 'root' }); }
110
110
  }
111
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MtxDialog, decorators: [{
111
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MtxDialog, decorators: [{
112
112
  type: Injectable,
113
113
  args: [{ providedIn: 'root' }]
114
114
  }], ctorParameters: () => [{ type: i1.MatDialog }] });
115
115
 
116
116
  class MtxDialogModule {
117
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MtxDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
118
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: MtxDialogModule, imports: [CommonModule,
117
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MtxDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
118
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: MtxDialogModule, imports: [CommonModule,
119
119
  MatDialogModule,
120
120
  MatButtonModule,
121
121
  MatIconModule,
122
122
  MtxPipesModule,
123
123
  MtxDialogContainer], exports: [MtxDialogContainer] }); }
124
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MtxDialogModule, providers: [MtxDialog], imports: [CommonModule,
124
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MtxDialogModule, providers: [MtxDialog], imports: [CommonModule,
125
125
  MatDialogModule,
126
126
  MatButtonModule,
127
127
  MatIconModule,
128
128
  MtxPipesModule,
129
129
  MtxDialogContainer] }); }
130
130
  }
131
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MtxDialogModule, decorators: [{
131
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MtxDialogModule, decorators: [{
132
132
  type: NgModule,
133
133
  args: [{
134
134
  imports: [
@@ -117,10 +117,10 @@ class MtxDrawerContainer extends CdkDialogContainer {
117
117
  this._animationStateChanged.emit(event);
118
118
  }
119
119
  _captureInitialFocus() { }
120
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MtxDrawerContainer, deps: [{ token: i0.ElementRef }, { token: i1.FocusTrapFactory }, { token: DOCUMENT, optional: true }, { token: MtxDrawerConfig }, { token: i1.InteractivityChecker }, { token: i0.NgZone }, { token: i3.OverlayRef }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component }); }
121
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MtxDrawerContainer, isStandalone: true, selector: "mtx-drawer-container", host: { attributes: { "tabindex": "-1" }, listeners: { "@state.start": "_onAnimationStart($event)", "@state.done": "_onAnimationDone($event)" }, properties: { "class": "_drawerPosition", "id": "_config.id", "attr.role": "_config.role", "attr.aria-modal": "_config.isModal", "attr.aria-label": "_config.ariaLabel", "@state": "_animationState" }, classAttribute: "mtx-drawer-container" }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [".mtx-drawer-container{display:block;width:100%;padding:8px 16px;overflow:auto;outline:0;box-sizing:border-box;background-color:var(--mtx-drawer-container-background-color);color:var(--mtx-drawer-container-text-color);box-shadow:var(--mtx-drawer-container-elevation-shadow)}.cdk-high-contrast-active .mtx-drawer-container{outline:1px solid}.mtx-drawer-right{transform:translate(100%);border-top-left-radius:var(--mtx-drawer-container-shape);border-bottom-left-radius:var(--mtx-drawer-container-shape)}.mtx-drawer-left{transform:translate(-100%);border-top-right-radius:var(--mtx-drawer-container-shape);border-bottom-right-radius:var(--mtx-drawer-container-shape)}.mtx-drawer-bottom{transform:translateY(100%);border-top-left-radius:var(--mtx-drawer-container-shape);border-top-right-radius:var(--mtx-drawer-container-shape)}.mtx-drawer-top{transform:translateY(-100%);border-bottom-left-radius:var(--mtx-drawer-container-shape);border-bottom-right-radius:var(--mtx-drawer-container-shape)}\n"], dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [mtxDrawerAnimations.drawerState], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
120
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MtxDrawerContainer, deps: [{ token: i0.ElementRef }, { token: i1.FocusTrapFactory }, { token: DOCUMENT, optional: true }, { token: MtxDrawerConfig }, { token: i1.InteractivityChecker }, { token: i0.NgZone }, { token: i3.OverlayRef }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component }); }
121
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: MtxDrawerContainer, isStandalone: true, selector: "mtx-drawer-container", host: { attributes: { "tabindex": "-1" }, listeners: { "@state.start": "_onAnimationStart($event)", "@state.done": "_onAnimationDone($event)" }, properties: { "class": "_drawerPosition", "id": "_config.id", "attr.role": "_config.role", "attr.aria-modal": "_config.isModal", "attr.aria-label": "_config.ariaLabel", "@state": "_animationState" }, classAttribute: "mtx-drawer-container" }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [".mtx-drawer-container{display:block;width:100%;padding:8px 16px;overflow:auto;outline:0;box-sizing:border-box;background-color:var(--mtx-drawer-container-background-color);color:var(--mtx-drawer-container-text-color);box-shadow:var(--mtx-drawer-container-elevation-shadow)}.cdk-high-contrast-active .mtx-drawer-container{outline:1px solid}.mtx-drawer-right{transform:translate(100%);border-top-left-radius:var(--mtx-drawer-container-shape);border-bottom-left-radius:var(--mtx-drawer-container-shape)}.mtx-drawer-left{transform:translate(-100%);border-top-right-radius:var(--mtx-drawer-container-shape);border-bottom-right-radius:var(--mtx-drawer-container-shape)}.mtx-drawer-bottom{transform:translateY(100%);border-top-left-radius:var(--mtx-drawer-container-shape);border-top-right-radius:var(--mtx-drawer-container-shape)}.mtx-drawer-top{transform:translateY(-100%);border-bottom-left-radius:var(--mtx-drawer-container-shape);border-bottom-right-radius:var(--mtx-drawer-container-shape)}\n"], dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [mtxDrawerAnimations.drawerState], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
122
122
  }
123
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MtxDrawerContainer, decorators: [{
123
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MtxDrawerContainer, decorators: [{
124
124
  type: Component,
125
125
  args: [{ selector: 'mtx-drawer-container', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, animations: [mtxDrawerAnimations.drawerState], host: {
126
126
  'class': 'mtx-drawer-container',
@@ -356,10 +356,10 @@ class MtxDrawer {
356
356
  drawers[i].dismiss();
357
357
  }
358
358
  }
359
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MtxDrawer, deps: [{ token: i3.Overlay }, { token: i0.Injector }, { token: MtxDrawer, optional: true, skipSelf: true }, { token: MTX_DRAWER_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
360
- /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MtxDrawer, providedIn: 'root' }); }
359
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MtxDrawer, deps: [{ token: i3.Overlay }, { token: i0.Injector }, { token: MtxDrawer, optional: true, skipSelf: true }, { token: MTX_DRAWER_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
360
+ /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MtxDrawer, providedIn: 'root' }); }
361
361
  }
362
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MtxDrawer, decorators: [{
362
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MtxDrawer, decorators: [{
363
363
  type: Injectable,
364
364
  args: [{ providedIn: 'root' }]
365
365
  }], ctorParameters: () => [{ type: i3.Overlay }, { type: i0.Injector }, { type: MtxDrawer, decorators: [{
@@ -374,11 +374,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
374
374
  }] }] });
375
375
 
376
376
  class MtxDrawerModule {
377
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MtxDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
378
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: MtxDrawerModule, imports: [DialogModule, PortalModule, MatCommonModule, MtxDrawerContainer], exports: [MtxDrawerContainer, MatCommonModule] }); }
379
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MtxDrawerModule, providers: [MtxDrawer], imports: [DialogModule, PortalModule, MatCommonModule, MatCommonModule] }); }
377
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MtxDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
378
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: MtxDrawerModule, imports: [DialogModule, PortalModule, MatCommonModule, MtxDrawerContainer], exports: [MtxDrawerContainer, MatCommonModule] }); }
379
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MtxDrawerModule, providers: [MtxDrawer], imports: [DialogModule, PortalModule, MatCommonModule, MatCommonModule] }); }
380
380
  }
381
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MtxDrawerModule, decorators: [{
381
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MtxDrawerModule, decorators: [{
382
382
  type: NgModule,
383
383
  args: [{
384
384
  imports: [DialogModule, PortalModule, MatCommonModule, MtxDrawerContainer],