@ng-matero/extensions 14.6.3 → 15.0.1

package/grid/{column-menu.component.scss → column-menu.scss}

@@ -34,12 +34,6 @@
       transition: transform 250ms cubic-bezier(0, 0, .2, 1);
     }
   }
-
-  &.cdk-drop-list {
-    .mtx-grid-column-menu-item-label {
-      padding: 0 4px;
-    }
-  }
 }
 
 .mtx-grid-column-menu-item {
@@ -71,10 +65,10 @@
   }
 }
 
-.mtx-grid-column-pin-button.mat-icon-button {
-  width: 32px;
-  height: 32px;
-  line-height: 32px;
+.mtx-grid-column-pin-button.mat-mdc-icon-button {
+  width: 40px;
+  height: 40px;
+  padding: 8px;
 }
 
 .mtx-grid-column-pin-option.mat-menu-item {
@@ -88,10 +82,12 @@
   width: 20px;
   height: 20px;
   line-height: 20px;
+  vertical-align: middle;
 }
 
 .mtx-grid-column-pin-option-text {
   padding: 0 8px;
+  vertical-align: middle;
 }
 
 .mtx-grid-column-drag-handle-icon:hover {

package/grid/column-resize/_column-resize.scss

@@ -18,14 +18,14 @@
   }
 
   .mat-column-resize-flex {
-    .mat-header-cell,
-    .mat-cell {
+    .mat-mdc-header-cell,
+    .mat-mdc-cell {
       box-sizing: border-box;
       min-width: 32px;
     }
   }
 
-  .mat-header-cell {
+  .mat-mdc-header-cell {
     position: relative;
   }
 
@@ -33,7 +33,7 @@
     box-sizing: border-box;
   }
 
-  .mat-header-cell:not(.mat-resizable)::after,
+  .mat-mdc-header-cell:not(.mat-resizable)::after,
   .mat-resizable-handle {
     position: absolute;
     bottom: 0;
@@ -46,18 +46,18 @@
       variables.$swift-ease-in-timing-function;
   }
 
-  .mat-header-cell:not(.mat-resizable)::after {
+  .mat-mdc-header-cell:not(.mat-resizable)::after {
     content: '';
   }
 
-  [dir='rtl'] .mat-header-cell:not(.mat-resizable)::after,
+  [dir='rtl'] .mat-mdc-header-cell:not(.mat-resizable)::after,
   [dir='rtl'] .mat-resizable-handle {
     left: 0;
     right: auto;
   }
 
-  .mat-header-row.cdk-column-resize-hover-or-active {
-    .mat-header-cell:not(.mat-resizable)::after {
+  .mat-mdc-header-row.cdk-column-resize-hover-or-active {
+    .mat-mdc-header-cell:not(.mat-resizable)::after {
       background: $non-resizable-hover-divider;
     }
 
@@ -72,7 +72,7 @@
   }
 
   .mat-resizable-handle:focus,
-  .mat-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle:focus {
+  .mat-mdc-header-row.cdk-column-resize-hover-or-active .mat-resizable-handle:focus {
     background: $resizable-active-divider;
     outline: none;
   }

package/grid/column-resize/column-resize-directives/column-resize-flex.d.ts

@@ -21,5 +21,5 @@ export declare class MatColumnResizeFlex extends AbstractMatColumnResize {
     protected readonly notifier: ColumnResizeNotifierSource;
     constructor(columnResizeNotifier: ColumnResizeNotifier, elementRef: ElementRef<HTMLElement>, eventDispatcher: HeaderRowEventDispatcher, ngZone: NgZone, notifier: ColumnResizeNotifierSource);
     static ɵfac: i0.ɵɵFactoryDeclaration<MatColumnResizeFlex, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatColumnResizeFlex, "mat-table[columnResize]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatColumnResizeFlex, "mat-table[columnResize]", never, {}, {}, never, never, false, never>;
 }

package/grid/column-resize/column-resize-directives/column-resize.d.ts

@@ -21,5 +21,5 @@ export declare class MatColumnResize extends AbstractMatColumnResize {
     protected readonly notifier: ColumnResizeNotifierSource;
     constructor(columnResizeNotifier: ColumnResizeNotifier, elementRef: ElementRef<HTMLElement>, eventDispatcher: HeaderRowEventDispatcher, ngZone: NgZone, notifier: ColumnResizeNotifierSource);
     static ɵfac: i0.ɵɵFactoryDeclaration<MatColumnResize, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatColumnResize, "table[mat-table][columnResize]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatColumnResize, "table[mat-table][columnResize]", never, {}, {}, never, never, false, never>;
 }

package/grid/column-resize/overlay-handle.d.ts

@@ -28,5 +28,5 @@ export declare class MatColumnResizeOverlayHandle extends ResizeOverlayHandle {
     constructor(columnDef: CdkColumnDef, columnResize: ColumnResize, directionality: Directionality, elementRef: ElementRef, eventDispatcher: HeaderRowEventDispatcher, ngZone: NgZone, resizeNotifier: ColumnResizeNotifierSource, resizeRef: ResizeRef, styleScheduler: _CoalescedStyleScheduler, document: any);
     protected updateResizeActive(active: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatColumnResizeOverlayHandle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatColumnResizeOverlayHandle, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatColumnResizeOverlayHandle, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/grid/column-resize/resizable-directives/resizable.d.ts

@@ -29,5 +29,5 @@ export declare class MatResizable extends AbstractMatResizable {
     protected readonly document: Document;
     constructor(columnDef: CdkColumnDef, columnResize: ColumnResize, directionality: Directionality, document: any, elementRef: ElementRef, eventDispatcher: HeaderRowEventDispatcher, injector: Injector, ngZone: NgZone, overlay: Overlay, resizeNotifier: ColumnResizeNotifierSource, resizeStrategy: ResizeStrategy, styleScheduler: _CoalescedStyleScheduler, viewContainerRef: ViewContainerRef, changeDetectorRef: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<MatResizable, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatResizable, "mat-header-cell[resizable], th[mat-header-cell][resizable]", never, { "minWidthPx": "matResizableMinWidthPx"; "maxWidthPx": "matResizableMaxWidthPx"; "resizable": "resizable"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatResizable, "mat-header-cell[resizable], th[mat-header-cell][resizable]", never, { "minWidthPx": "matResizableMinWidthPx"; "maxWidthPx": "matResizableMaxWidthPx"; "resizable": "resizable"; }, {}, never, never, false, never>;
 }

package/grid/{expansion-toggle.directive.d.ts → expansion-toggle.d.ts}

@@ -1,6 +1,6 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class MtxGridExpansionToggleDirective {
+export declare class MtxGridExpansionToggle {
     private _opened;
     private _row;
     private _tplRef;
@@ -10,10 +10,10 @@ export declare class MtxGridExpansionToggleDirective {
     get expanded(): boolean;
     set expandableRow(value: any);
     set template(value: TemplateRef<any>);
-    toggleChange: EventEmitter<MtxGridExpansionToggleDirective>;
+    toggleChange: EventEmitter<MtxGridExpansionToggle>;
     constructor();
     onClick(event: MouseEvent): void;
     toggle(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridExpansionToggleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxGridExpansionToggleDirective, "[mtx-grid-expansion-toggle]", never, { "opened": "opened"; "expandableRow": "expandableRow"; "template": "expansionRowTpl"; }, { "openedChange": "openedChange"; "toggleChange": "toggleChange"; }, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridExpansionToggle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxGridExpansionToggle, "[mtx-grid-expansion-toggle]", never, { "opened": "opened"; "expandableRow": "expandableRow"; "template": "expansionRowTpl"; }, { "openedChange": "openedChange"; "toggleChange": "toggleChange"; }, never, never, false, never>;
 }

package/grid/{grid.module.d.ts → grid-module.d.ts}

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./grid.component";
-import * as i2 from "./cell.component";
-import * as i3 from "./column-menu.component";
-import * as i4 from "./expansion-toggle.directive";
+import * as i1 from "./grid";
+import * as i2 from "./cell";
+import * as i3 from "./column-menu";
+import * as i4 from "./expansion-toggle";
 import * as i5 from "@angular/common";
 import * as i6 from "@angular/forms";
 import * as i7 from "@angular/material/table";
@@ -23,6 +23,6 @@ import * as i21 from "@ng-matero/extensions/core";
 import * as i22 from "./column-resize/column-resize-module";
 export declare class MtxGridModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxGridModule, [typeof i1.MtxGridComponent, typeof i2.MtxGridCellComponent, typeof i3.MtxGridColumnMenuComponent, typeof i4.MtxGridExpansionToggleDirective, typeof i1.MtxGridCellSelectionDirective], [typeof i5.CommonModule, typeof i6.FormsModule, typeof i7.MatTableModule, typeof i8.MatSortModule, typeof i9.MatPaginatorModule, typeof i10.MatCheckboxModule, typeof i11.MatButtonModule, typeof i12.MatProgressBarModule, typeof i13.MatChipsModule, typeof i14.MatTooltipModule, typeof i15.MatIconModule, typeof i16.MatSelectModule, typeof i17.MatFormFieldModule, typeof i18.MatMenuModule, typeof i19.DragDropModule, typeof i20.MtxDialogModule, typeof i21.MtxPipesModule, typeof i22.MatColumnResizeModule], [typeof i1.MtxGridComponent, typeof i2.MtxGridCellComponent, typeof i3.MtxGridColumnMenuComponent, typeof i4.MtxGridExpansionToggleDirective, typeof i1.MtxGridCellSelectionDirective, typeof i22.MatColumnResizeModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxGridModule, [typeof i1.MtxGrid, typeof i2.MtxGridCell, typeof i3.MtxGridColumnMenu, typeof i4.MtxGridExpansionToggle, typeof i1.MtxGridSelectableCell], [typeof i5.CommonModule, typeof i6.FormsModule, typeof i7.MatTableModule, typeof i8.MatSortModule, typeof i9.MatPaginatorModule, typeof i10.MatCheckboxModule, typeof i11.MatButtonModule, typeof i12.MatProgressBarModule, typeof i13.MatChipsModule, typeof i14.MatTooltipModule, typeof i15.MatIconModule, typeof i16.MatSelectModule, typeof i17.MatFormFieldModule, typeof i18.MatMenuModule, typeof i19.DragDropModule, typeof i20.MtxDialogModule, typeof i21.MtxPipesModule, typeof i22.MatColumnResizeModule], [typeof i1.MtxGrid, typeof i2.MtxGridCell, typeof i3.MtxGridColumnMenu, typeof i4.MtxGridExpansionToggle, typeof i1.MtxGridSelectableCell, typeof i22.MatColumnResizeModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtxGridModule>;
 }

package/grid/{grid.service.d.ts → grid-utils.d.ts}

@@ -1,6 +1,6 @@
-import { MtxGridColumn } from './grid.interface';
+import { MtxGridColumn } from './interfaces';
 import * as i0 from "@angular/core";
-export declare class MtxGridService {
+export declare class MtxGridUtils {
     constructor();
     /**
      * Get cell value from column key e.g. `a.b.c`
@@ -19,6 +19,6 @@ export declare class MtxGridService {
      * @param str string
      */
     str2arr(str: string): string[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<MtxGridService>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridUtils, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MtxGridUtils>;
 }

package/grid/{grid.component.d.ts → grid.d.ts}

@@ -4,12 +4,13 @@ import { MatFooterRowDef, MatHeaderRowDef, MatRowDef, MatTable, MatTableDataSour
 import { MatPaginator, PageEvent } from '@angular/material/paginator';
 import { Sort, MatSort, SortDirection } from '@angular/material/sort';
 import { ThemePalette } from '@angular/material/core';
-import { MtxGridColumn, MtxGridCellTemplate, MtxGridRowSelectionFormatter, MtxGridRowClassFormatter, MtxGridColumnMenu, MtxGridButtonType, MtxGridColumnPinOption } from './grid.interface';
-import { MtxGridExpansionToggleDirective } from './expansion-toggle.directive';
-import { MtxGridService } from './grid.service';
+import { MtxGridColumn, MtxGridCellTemplate, MtxGridRowSelectionFormatter, MtxGridRowClassFormatter, MtxGridButtonType, MtxGridColumnPinOption } from './interfaces';
+import { MtxGridExpansionToggle } from './expansion-toggle';
+import { MtxGridUtils } from './grid-utils';
+import { MtxGridColumnMenu } from './column-menu';
 import * as i0 from "@angular/core";
-export declare class MtxGridComponent implements OnChanges, AfterViewInit, OnDestroy {
-    private _dataGridSrv;
+export declare class MtxGrid implements OnChanges, AfterViewInit, OnDestroy {
+    private _utils;
     private _changeDetectorRef;
     table: MatTable<any>;
     paginator: MatPaginator;
@@ -19,7 +20,7 @@ export declare class MtxGridComponent implements OnChanges, AfterViewInit, OnDes
     footerRowDefs: QueryList<MatFooterRowDef>;
     columnMenu: MtxGridColumnMenu;
     tableContainer: ElementRef<HTMLDivElement>;
-    dataSource: MatTableDataSource<unknown>;
+    dataSource: MatTableDataSource<unknown, import("@angular/material/table").MatTableDataSourcePaginator>;
     /** The grid's displayed columns. */
     displayedColumns: string[];
     /** The grid's columns. */
@@ -182,7 +183,7 @@ export declare class MtxGridComponent implements OnChanges, AfterViewInit, OnDes
     showStatusbar: boolean;
     /** The template for the status bar. */
     statusbarTemplate: TemplateRef<any>;
-    constructor(_dataGridSrv: MtxGridService, _changeDetectorRef: ChangeDetectorRef);
+    constructor(_utils: MtxGridUtils, _changeDetectorRef: ChangeDetectorRef);
     detectChanges(): void;
     _isTemplateRef(obj: any): boolean;
     _getColData(data: any[], colDef: MtxGridColumn): any[];
@@ -194,9 +195,9 @@ export declare class MtxGridComponent implements OnChanges, AfterViewInit, OnDes
     _getIndex(index: number, dataIndex: number): number;
     _onSortChange(sort: Sort): void;
     /** Expansion change event */
-    _onExpansionChange(expansionRef: MtxGridExpansionToggleDirective, rowData: any, column: any, index: number): void;
+    _onExpansionChange(expansionRef: MtxGridExpansionToggle, rowData: any, column: any, index: number): void;
     /** Cell select event */
-    _selectCell(cellRef: MtxGridCellSelectionDirective, rowData: any, colDef: any): void;
+    _selectCell(cellRef: MtxGridSelectableCell, rowData: any, colDef: any): void;
     /** Row select event */
     _selectRow(event: MouseEvent, rowData: any, index: number): void;
     /** Whether the number of selected elements matches the total number of rows. */
@@ -214,23 +215,23 @@ export declare class MtxGridComponent implements OnChanges, AfterViewInit, OnDes
     _onPage(e: PageEvent): void;
     scrollTop(value?: number): number | void;
     scrollLeft(value?: number): number | void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxGridComponent, "mtx-grid", ["mtxGrid"], { "displayedColumns": "displayedColumns"; "columns": "columns"; "data": "data"; "length": "length"; "loading": "loading"; "trackBy": "trackBy"; "columnResizable": "columnResizable"; "emptyValuePlaceholder": "emptyValuePlaceholder"; "pageOnFront": "pageOnFront"; "showPaginator": "showPaginator"; "pageDisabled": "pageDisabled"; "showFirstLastButtons": "showFirstLastButtons"; "pageIndex": "pageIndex"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; "hidePageSize": "hidePageSize"; "paginationTemplate": "paginationTemplate"; "sortOnFront": "sortOnFront"; "sortActive": "sortActive"; "sortDirection": "sortDirection"; "sortDisableClear": "sortDisableClear"; "sortDisabled": "sortDisabled"; "sortStart": "sortStart"; "rowHover": "rowHover"; "rowStriped": "rowStriped"; "expandable": "expandable"; "expansionTemplate": "expansionTemplate"; "multiSelectable": "multiSelectable"; "multiSelectionWithClick": "multiSelectionWithClick"; "rowSelected": "rowSelected"; "rowSelectable": "rowSelectable"; "hideRowSelectionCheckbox": "hideRowSelectionCheckbox"; "rowSelectionFormatter": "rowSelectionFormatter"; "rowClassFormatter": "rowClassFormatter"; "cellSelectable": "cellSelectable"; "showToolbar": "showToolbar"; "toolbarTitle": "toolbarTitle"; "toolbarTemplate": "toolbarTemplate"; "columnHideable": "columnHideable"; "columnHideableChecked": "columnHideableChecked"; "columnSortable": "columnSortable"; "columnPinnable": "columnPinnable"; "columnPinOptions": "columnPinOptions"; "showColumnMenuButton": "showColumnMenuButton"; "columnMenuButtonText": "columnMenuButtonText"; "columnMenuButtonType": "columnMenuButtonType"; "columnMenuButtonColor": "columnMenuButtonColor"; "columnMenuButtonClass": "columnMenuButtonClass"; "columnMenuButtonIcon": "columnMenuButtonIcon"; "showColumnMenuHeader": "showColumnMenuHeader"; "columnMenuHeaderText": "columnMenuHeaderText"; "columnMenuHeaderTemplate": "columnMenuHeaderTemplate"; "showColumnMenuFooter": "showColumnMenuFooter"; "columnMenuFooterText": "columnMenuFooterText"; "columnMenuFooterTemplate": "columnMenuFooterTemplate"; "noResultText": "noResultText"; "noResultTemplate": "noResultTemplate"; "headerTemplate": "headerTemplate"; "headerExtraTemplate": "headerExtraTemplate"; "cellTemplate": "cellTemplate"; "useContentRowTemplate": "useContentRowTemplate"; "useContentHeaderRowTemplate": "useContentHeaderRowTemplate"; "useContentFooterRowTemplate": "useContentFooterRowTemplate"; "showSummary": "showSummary"; "summaryTemplate": "summaryTemplate"; "showSidebar": "showSidebar"; "sidebarTemplate": "sidebarTemplate"; "showStatusbar": "showStatusbar"; "statusbarTemplate": "statusbarTemplate"; }, { "page": "page"; "sortChange": "sortChange"; "rowClick": "rowClick"; "expansionChange": "expansionChange"; "rowSelectionChange": "rowSelectionChange"; "cellSelectionChange": "cellSelectionChange"; "columnChange": "columnChange"; }, ["rowDefs", "headerRowDefs", "footerRowDefs"], never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxGrid, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxGrid, "mtx-grid", ["mtxGrid"], { "displayedColumns": "displayedColumns"; "columns": "columns"; "data": "data"; "length": "length"; "loading": "loading"; "trackBy": "trackBy"; "columnResizable": "columnResizable"; "emptyValuePlaceholder": "emptyValuePlaceholder"; "pageOnFront": "pageOnFront"; "showPaginator": "showPaginator"; "pageDisabled": "pageDisabled"; "showFirstLastButtons": "showFirstLastButtons"; "pageIndex": "pageIndex"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; "hidePageSize": "hidePageSize"; "paginationTemplate": "paginationTemplate"; "sortOnFront": "sortOnFront"; "sortActive": "sortActive"; "sortDirection": "sortDirection"; "sortDisableClear": "sortDisableClear"; "sortDisabled": "sortDisabled"; "sortStart": "sortStart"; "rowHover": "rowHover"; "rowStriped": "rowStriped"; "expandable": "expandable"; "expansionTemplate": "expansionTemplate"; "multiSelectable": "multiSelectable"; "multiSelectionWithClick": "multiSelectionWithClick"; "rowSelected": "rowSelected"; "rowSelectable": "rowSelectable"; "hideRowSelectionCheckbox": "hideRowSelectionCheckbox"; "rowSelectionFormatter": "rowSelectionFormatter"; "rowClassFormatter": "rowClassFormatter"; "cellSelectable": "cellSelectable"; "showToolbar": "showToolbar"; "toolbarTitle": "toolbarTitle"; "toolbarTemplate": "toolbarTemplate"; "columnHideable": "columnHideable"; "columnHideableChecked": "columnHideableChecked"; "columnSortable": "columnSortable"; "columnPinnable": "columnPinnable"; "columnPinOptions": "columnPinOptions"; "showColumnMenuButton": "showColumnMenuButton"; "columnMenuButtonText": "columnMenuButtonText"; "columnMenuButtonType": "columnMenuButtonType"; "columnMenuButtonColor": "columnMenuButtonColor"; "columnMenuButtonClass": "columnMenuButtonClass"; "columnMenuButtonIcon": "columnMenuButtonIcon"; "showColumnMenuHeader": "showColumnMenuHeader"; "columnMenuHeaderText": "columnMenuHeaderText"; "columnMenuHeaderTemplate": "columnMenuHeaderTemplate"; "showColumnMenuFooter": "showColumnMenuFooter"; "columnMenuFooterText": "columnMenuFooterText"; "columnMenuFooterTemplate": "columnMenuFooterTemplate"; "noResultText": "noResultText"; "noResultTemplate": "noResultTemplate"; "headerTemplate": "headerTemplate"; "headerExtraTemplate": "headerExtraTemplate"; "cellTemplate": "cellTemplate"; "useContentRowTemplate": "useContentRowTemplate"; "useContentHeaderRowTemplate": "useContentHeaderRowTemplate"; "useContentFooterRowTemplate": "useContentFooterRowTemplate"; "showSummary": "showSummary"; "summaryTemplate": "summaryTemplate"; "showSidebar": "showSidebar"; "sidebarTemplate": "sidebarTemplate"; "showStatusbar": "showStatusbar"; "statusbarTemplate": "statusbarTemplate"; }, { "page": "page"; "sortChange": "sortChange"; "rowClick": "rowClick"; "expansionChange": "expansionChange"; "rowSelectionChange": "rowSelectionChange"; "cellSelectionChange": "cellSelectionChange"; "columnChange": "columnChange"; }, ["rowDefs", "headerRowDefs", "footerRowDefs"], never, false, never>;
 }
-export declare class MtxGridCellSelectionDirective {
-    private _dataGrid;
+export declare class MtxGridSelectableCell {
+    private _grid;
     private _selected;
     private _rowData;
     ctrlKeyPressed: boolean;
     shiftKeyPressed: boolean;
     get selected(): boolean;
     set mtxSelectableRowData(value: any);
-    cellSelectionChange: EventEmitter<MtxGridCellSelectionDirective>;
-    constructor(_dataGrid: MtxGridComponent);
+    cellSelectionChange: EventEmitter<MtxGridSelectableCell>;
+    constructor(_grid: MtxGrid);
     onClick(event: MouseEvent): void;
     select(): void;
     deselect(): void;
     toggle(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridCellSelectionDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxGridCellSelectionDirective, "[mtx-grid-selectable-cell]", never, { "mtxSelectableRowData": "mtxSelectableRowData"; }, { "cellSelectionChange": "cellSelectionChange"; }, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridSelectableCell, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxGridSelectableCell, "[mtx-grid-selectable-cell]", never, { "mtxSelectableRowData": "mtxSelectableRowData"; }, { "cellSelectionChange": "cellSelectionChange"; }, never, never, false, never>;
 }

package/grid/{grid.component.scss → grid.scss}

@@ -12,13 +12,13 @@
     }
   }
 
-  .mat-table:not(.mat-column-resize-table) {
+  .mat-mdc-table:not(.mat-column-resize-table) {
     min-width: 100%;
     border-collapse: separate;
 
-    .mat-header-cell,
-    .mat-footer-cell,
-    .mat-cell {
+    .mat-mdc-header-cell,
+    .mat-mdc-footer-cell,
+    .mat-mdc-cell {
       &:not(.mtx-grid-checkbox-cell) {
         min-width: 80px;
       }
@@ -47,9 +47,9 @@
     }
   }
 
-  .mat-header-cell,
-  .mat-footer-cell,
-  .mat-cell {
+  .mat-mdc-header-cell,
+  .mat-mdc-footer-cell,
+  .mat-mdc-cell {
     padding: 4px 10px;
     box-sizing: border-box;
 
@@ -82,17 +82,17 @@
     }
   }
 
-  .mat-row {
+  .mat-mdc-row {
     &.mtx-grid-expansion {
       height: 0;
       overflow: hidden;
 
-      .mat-cell {
+      .mat-mdc-cell {
         padding-top: 0;
         padding-bottom: 0;
       }
 
-      &.collapsed .mat-cell {
+      &.collapsed .mat-mdc-cell {
         border-bottom-width: 0;
       }
     }
@@ -114,17 +114,6 @@
   .mat-paginator-hidden {
     display: none;
   }
-
-  .mat-icon-button i,
-  .mat-icon-button .mat-icon {
-    line-height: 20px;
-  }
-
-  .mat-icon {
-    width: 20px;
-    height: 20px;
-    font-size: 20px;
-  }
 }
 
 .mtx-grid-progress {
@@ -217,17 +206,16 @@
 }
 
 .mtx-grid-row-expand-button {
-  width: 32px;
-  height: 32px;
-  line-height: 32px;
+  width: 36px !important;
+  height: 36px !important;
+  padding: 6px !important;
+  vertical-align: middle;
 
   &.expanded .mtx-grid-row-expand-icon {
     transform: rotate(90deg);
   }
-}
 
-.mtx-grid-icon {
-  width: 20px;
-  height: 20px;
-  font-size: 20px;
+  + mtx-grid-cell {
+    vertical-align: middle;
+  }
 }

package/grid/{grid.interface.d.ts → interfaces.d.ts}

@@ -1,6 +1,5 @@
 import { TemplateRef } from '@angular/core';
 import { ThemePalette } from '@angular/material/core';
-import { MatMenu, MatMenuTrigger } from '@angular/material/menu';
 import { TooltipPosition, TooltipTouchGestures } from '@angular/material/tooltip';
 import { Observable } from 'rxjs';
 /** Column definition of grid. */
@@ -109,10 +108,5 @@ export interface MtxGridRowSelectionFormatter {
 export interface MtxGridRowClassFormatter {
     [className: string]: (rowData: any, index?: number) => boolean;
 }
-/** Column menu component. */
-export interface MtxGridColumnMenu {
-    menuPanel: MatMenu;
-    menuTrigger: MatMenuTrigger;
-}
 /** Possible button type values. */
 export declare type MtxGridButtonType = 'raised' | 'stroked' | 'flat' | 'icon' | 'fab' | 'mini-fab';

package/grid/public-api.d.ts

@@ -1,10 +1,10 @@
-export * from './grid.module';
-export * from './grid.interface';
-export * from './grid.service';
-export * from './grid.component';
-export * from './cell.component';
-export * from './column-menu.component';
-export * from './expansion-toggle.directive';
+export * from './grid-module';
+export * from './grid-utils';
+export * from './grid';
+export * from './cell';
+export * from './column-menu';
+export * from './expansion-toggle';
+export * from './interfaces';
 export { TABLE_PROVIDERS as MAT_TABLE_PROVIDERS, FLEX_PROVIDERS as MAT_FLEX_PROVIDERS, TABLE_HOST_BINDINGS as MAT_TABLE_HOST_BINDINGS, FLEX_HOST_BINDINGS as MAT_FLEX_HOST_BINDINGS, AbstractMatColumnResize, } from './column-resize/column-resize-directives/common';
 export { MatColumnResize } from './column-resize/column-resize-directives/column-resize';
 export { MatColumnResizeFlex } from './column-resize/column-resize-directives/column-resize-flex';

package/loader/_loader-theme.import.scss

@@ -1,2 +1,2 @@
 @forward 'loader-theme' hide color, theme, typography;
-@forward 'loader-theme' as mtx-loader-* hide mtx-loader-density;
+@forward 'loader-theme' as mtx-loader-*;

package/loader/_loader-theme.scss

@@ -14,7 +14,7 @@
 
 @mixin typography($config-or-theme) {}
 
-@mixin _density($config-or-theme) {}
+@mixin density($config-or-theme) {}
 
 @mixin theme($theme-or-color-config) {
   $theme: theming.private-legacy-get-theme($theme-or-color-config);
@@ -27,7 +27,7 @@
       @include color($color);
     }
     @if $density != null {
-      @include _density($density);
+      @include density($density);
     }
     @if $typography != null {
       @include typography($typography);

package/loader/{loader.module.d.ts → loader-module.d.ts}

@@ -1,10 +1,10 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./loader.component";
+import * as i1 from "./loader";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/material/progress-spinner";
 import * as i4 from "@angular/material/progress-bar";
 export declare class MtxLoaderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxLoaderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxLoaderModule, [typeof i1.MtxLoaderComponent], [typeof i2.CommonModule, typeof i3.MatProgressSpinnerModule, typeof i4.MatProgressBarModule], [typeof i1.MtxLoaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxLoaderModule, [typeof i1.MtxLoader], [typeof i2.CommonModule, typeof i3.MatProgressSpinnerModule, typeof i4.MatProgressBarModule], [typeof i1.MtxLoader]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtxLoaderModule>;
 }

package/loader/{loader.component.d.ts → loader.d.ts}

@@ -5,7 +5,7 @@ import { ProgressBarMode } from '@angular/material/progress-bar';
 import { ProgressSpinnerMode } from '@angular/material/progress-spinner';
 import * as i0 from "@angular/core";
 export declare type MtxLoaderType = 'spinner' | 'progressbar';
-export declare class MtxLoaderComponent {
+export declare class MtxLoader {
     private _changeDetectorRef;
     /** The loader's type. Can be `spinner` or `progressbar` */
     type: MtxLoaderType;
@@ -32,6 +32,6 @@ export declare class MtxLoaderComponent {
     constructor(_changeDetectorRef: ChangeDetectorRef);
     static ngAcceptInputType_loading: BooleanInput;
     static ngAcceptInputType_hasBackdrop: BooleanInput;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxLoaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxLoaderComponent, "mtx-loader", ["mtxLoader"], { "type": "type"; "color": "color"; "mode": "mode"; "strokeWidth": "strokeWidth"; "diameter": "diameter"; "bufferValue": "bufferValue"; "value": "value"; "loading": "loading"; "hasBackdrop": "hasBackdrop"; }, {}, never, ["*"], false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxLoader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxLoader, "mtx-loader", ["mtxLoader"], { "type": "type"; "color": "color"; "mode": "mode"; "strokeWidth": "strokeWidth"; "diameter": "diameter"; "bufferValue": "bufferValue"; "value": "value"; "loading": "loading"; "hasBackdrop": "hasBackdrop"; }, {}, never, ["*"], false, never>;
 }

package/loader/{loader.component.scss → loader.scss}

@@ -16,11 +16,11 @@
   width: 100%;
   height: 100%;
 
-  .mat-spinner {
+  .mat-mdc-spinner {
     position: relative;
   }
 
-  .mat-progress-bar {
+  .mat-mdc-progress-bar {
     position: absolute;
     top: 0;
     left: 0;

package/loader/public-api.d.ts

@@ -1,2 +1,2 @@
-export * from './loader.module';
-export * from './loader.component';
+export * from './loader-module';
+export * from './loader';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-matero/extensions",
-  "version": "14.6.3",
+  "version": "15.0.1",
   "description": "Angular Material Extensions",
   "publishConfig": {
     "access": "public"
@@ -125,14 +125,6 @@
       "node": "./fesm2015/mtxDrawer.mjs",
       "default": "./fesm2020/mtxDrawer.mjs"
     },
-    "./form-group": {
-      "types": "./form-group/index.d.ts",
-      "esm2020": "./esm2020/form-group/mtxFormGroup.mjs",
-      "es2020": "./fesm2020/mtxFormGroup.mjs",
-      "es2015": "./fesm2015/mtxFormGroup.mjs",
-      "node": "./fesm2015/mtxFormGroup.mjs",
-      "default": "./fesm2020/mtxFormGroup.mjs"
-    },
     "./grid": {
       "types": "./grid/index.d.ts",
       "esm2020": "./esm2020/grid/mtxGrid.mjs",
@@ -189,14 +181,6 @@
       "node": "./fesm2015/mtxSplit.mjs",
       "default": "./fesm2020/mtxSplit.mjs"
     },
-    "./text3d": {
-      "types": "./text3d/index.d.ts",
-      "esm2020": "./esm2020/text3d/mtxText3d.mjs",
-      "es2020": "./fesm2020/mtxText3d.mjs",
-      "es2015": "./fesm2015/mtxText3d.mjs",
-      "node": "./fesm2015/mtxText3d.mjs",
-      "default": "./fesm2020/mtxText3d.mjs"
-    },
     "./tooltip": {
       "types": "./tooltip/index.d.ts",
       "esm2020": "./esm2020/tooltip/mtxTooltip.mjs",
@@ -207,17 +191,17 @@
     }
   },
   "dependencies": {
-    "@ng-select/ng-select": "^9.0.0",
+    "@ng-select/ng-select": "^10.0.0",
     "ngx-color": "^8.0.0",
     "photoviewer": "^3.6.0",
-    "tslib": "^2.3.0"
+    "tslib": "^2.4.0"
   },
   "peerDependencies": {
-    "@angular/animations": ">=14.0.0",
-    "@angular/cdk": ">=14.0.0",
-    "@angular/common": ">=14.0.0",
-    "@angular/core": ">=14.0.0",
-    "@angular/material": ">=14.0.0"
+    "@angular/animations": ">=15.0.0",
+    "@angular/cdk": ">=15.0.0",
+    "@angular/common": ">=15.0.0",
+    "@angular/core": ">=15.0.0",
+    "@angular/material": ">=15.0.0"
   },
   "sideEffects": false,
   "module": "fesm2015/ng-matero-extensions.mjs",

package/popover/_popover-theme.import.scss

@@ -1,2 +1,2 @@
 @forward 'popover-theme' hide color, theme, typography;
-@forward 'popover-theme' as mtx-popover-* hide mtx-popover-density;
+@forward 'popover-theme' as mtx-popover-*;

package/popover/_popover-theme.scss

@@ -48,7 +48,7 @@
 
 @mixin typography($config-or-theme) {}
 
-@mixin _density($config-or-theme) {}
+@mixin density($config-or-theme) {}
 
 @mixin theme($theme-or-color-config) {
   $theme: theming.private-legacy-get-theme($theme-or-color-config);
@@ -61,7 +61,7 @@
       @include color($color);
     }
     @if $density != null {
-      @include _density($density);
+      @include density($density);
     }
     @if $typography != null {
       @include typography($typography);

package/popover/popover-content.d.ts

@@ -32,12 +32,12 @@ export declare abstract class _MtxPopoverContentBase implements OnDestroy {
     detach(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<_MtxPopoverContentBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_MtxPopoverContentBase, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_MtxPopoverContentBase, never, never, {}, {}, never, never, false, never>;
 }
 /**
  * Popover content that will be rendered lazily once the popover is opened.
  */
 export declare class MtxPopoverContent extends _MtxPopoverContentBase {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxPopoverContent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxPopoverContent, "ng-template[mtxPopoverContent]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxPopoverContent, "ng-template[mtxPopoverContent]", never, {}, {}, never, never, false, never>;
 }

package/popover/popover-target.d.ts

@@ -4,5 +4,5 @@ export declare class MtxPopoverTarget {
     elementRef: ElementRef;
     constructor(elementRef: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxPopoverTarget, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxPopoverTarget, "mtx-popover-target, [mtxPopoverTarget]", ["mtxPopoverTarget"], {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxPopoverTarget, "mtx-popover-target, [mtxPopoverTarget]", ["mtxPopoverTarget"], {}, {}, never, never, false, never>;
 }

package/popover/popover-trigger.d.ts

@@ -120,5 +120,5 @@ export declare class MtxPopoverTrigger implements AfterContentInit, OnDestroy {
     /** Gets the portal that should be attached to the overlay. */
     private _getPortal;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxPopoverTrigger, [null, null, null, null, { optional: true; }, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxPopoverTrigger, "[mtx-popover-trigger-for], [mtxPopoverTriggerFor]", ["mtxPopoverTrigger"], { "popover": "mtxPopoverTriggerFor"; "popoverData": "mtxPopoverTriggerData"; "targetElement": "mtxPopoverTargetAt"; "triggerEvent": "mtxPopoverTriggerOn"; }, { "popoverOpened": "popoverOpened"; "popoverClosed": "popoverClosed"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxPopoverTrigger, "[mtx-popover-trigger-for], [mtxPopoverTriggerFor]", ["mtxPopoverTrigger"], { "popover": "mtxPopoverTriggerFor"; "popoverData": "mtxPopoverTriggerData"; "targetElement": "mtxPopoverTargetAt"; "triggerEvent": "mtxPopoverTriggerOn"; }, { "popoverOpened": "popoverOpened"; "popoverClosed": "popoverClosed"; }, never, never, false, never>;
 }