@ng-matero/extensions 16.3.2 → 17.1.0

package/grid/grid-module.d.ts

@@ -1,30 +1,30 @@
 import * as i0 from "@angular/core";
-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 "./grid-pipes";
-import * as i6 from "@angular/common";
-import * as i7 from "@angular/forms";
-import * as i8 from "@angular/material/table";
-import * as i9 from "@angular/material/sort";
-import * as i10 from "@angular/material/paginator";
-import * as i11 from "@angular/material/checkbox";
-import * as i12 from "@angular/material/button";
-import * as i13 from "@angular/material/progress-bar";
-import * as i14 from "@angular/material/chips";
-import * as i15 from "@angular/material/tooltip";
-import * as i16 from "@angular/material/badge";
-import * as i17 from "@angular/material/icon";
-import * as i18 from "@angular/material/select";
-import * as i19 from "@angular/material/form-field";
-import * as i20 from "@angular/material/menu";
-import * as i21 from "@angular/cdk/drag-drop";
-import * as i22 from "./column-resize/column-resize-module";
-import * as i23 from "@ng-matero/extensions/dialog";
-import * as i24 from "@ng-matero/extensions/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/material/table";
+import * as i4 from "@angular/material/sort";
+import * as i5 from "@angular/material/paginator";
+import * as i6 from "@angular/material/checkbox";
+import * as i7 from "@angular/material/button";
+import * as i8 from "@angular/material/progress-bar";
+import * as i9 from "@angular/material/chips";
+import * as i10 from "@angular/material/tooltip";
+import * as i11 from "@angular/material/badge";
+import * as i12 from "@angular/material/icon";
+import * as i13 from "@angular/material/select";
+import * as i14 from "@angular/material/form-field";
+import * as i15 from "@angular/material/menu";
+import * as i16 from "@angular/cdk/drag-drop";
+import * as i17 from "@ng-matero/extensions/dialog";
+import * as i18 from "@ng-matero/extensions/core";
+import * as i19 from "./column-resize/column-resize-module";
+import * as i20 from "./grid";
+import * as i21 from "./cell";
+import * as i22 from "./column-menu";
+import * as i23 from "./expansion-toggle";
+import * as i24 from "./grid-pipes";
 export declare class MtxGridModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxGridModule, [typeof i1.MtxGrid, typeof i2.MtxGridCell, typeof i3.MtxGridColumnMenu, typeof i4.MtxGridExpansionToggle, typeof i1.MtxGridSelectableCell, typeof i5.MtxGridRowClassPipe, typeof i5.MtxGridColClassPipe, typeof i5.MtxGridCellActionsPipe, typeof i5.MtxGridCellActionTooltipPipe, typeof i5.MtxGridCellActionBadgePipe, typeof i5.MtxGridCellActionDisablePipe, typeof i5.MtxGridCellSummaryPipe], [typeof i6.CommonModule, typeof i7.FormsModule, typeof i8.MatTableModule, typeof i9.MatSortModule, typeof i10.MatPaginatorModule, typeof i11.MatCheckboxModule, typeof i12.MatButtonModule, typeof i13.MatProgressBarModule, typeof i14.MatChipsModule, typeof i15.MatTooltipModule, typeof i16.MatBadgeModule, typeof i17.MatIconModule, typeof i18.MatSelectModule, typeof i19.MatFormFieldModule, typeof i20.MatMenuModule, typeof i21.DragDropModule, typeof i22.MatColumnResizeModule, typeof i23.MtxDialogModule, typeof i24.MtxPipesModule], [typeof i22.MatColumnResizeModule, typeof i1.MtxGrid, typeof i2.MtxGridCell, typeof i3.MtxGridColumnMenu, typeof i4.MtxGridExpansionToggle, typeof i1.MtxGridSelectableCell, typeof i5.MtxGridRowClassPipe, typeof i5.MtxGridColClassPipe, typeof i5.MtxGridCellActionsPipe, typeof i5.MtxGridCellActionTooltipPipe, typeof i5.MtxGridCellActionBadgePipe, typeof i5.MtxGridCellActionDisablePipe, typeof i5.MtxGridCellSummaryPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxGridModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.MatTableModule, typeof i4.MatSortModule, typeof i5.MatPaginatorModule, typeof i6.MatCheckboxModule, typeof i7.MatButtonModule, typeof i8.MatProgressBarModule, typeof i9.MatChipsModule, typeof i10.MatTooltipModule, typeof i11.MatBadgeModule, typeof i12.MatIconModule, typeof i13.MatSelectModule, typeof i14.MatFormFieldModule, typeof i15.MatMenuModule, typeof i16.DragDropModule, typeof i17.MtxDialogModule, typeof i18.MtxPipesModule, typeof i19.MatColumnResizeModule, typeof i20.MtxGrid, typeof i21.MtxGridCell, typeof i22.MtxGridColumnMenu, typeof i23.MtxGridExpansionToggle, typeof i20.MtxGridSelectableCell, typeof i24.MtxGridRowClassPipe, typeof i24.MtxGridColClassPipe, typeof i24.MtxGridCellActionsPipe, typeof i24.MtxGridCellActionTooltipPipe, typeof i24.MtxGridCellActionBadgePipe, typeof i24.MtxGridCellActionDisablePipe, typeof i24.MtxGridCellSummaryPipe], [typeof i19.MatColumnResizeModule, typeof i20.MtxGrid, typeof i21.MtxGridCell, typeof i22.MtxGridColumnMenu, typeof i23.MtxGridExpansionToggle, typeof i20.MtxGridSelectableCell, typeof i24.MtxGridRowClassPipe, typeof i24.MtxGridColClassPipe, typeof i24.MtxGridCellActionsPipe, typeof i24.MtxGridCellActionTooltipPipe, typeof i24.MtxGridCellActionBadgePipe, typeof i24.MtxGridCellActionDisablePipe, typeof i24.MtxGridCellSummaryPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtxGridModule>;
 }

package/grid/grid-pipes.d.ts

@@ -5,37 +5,37 @@ import * as i0 from "@angular/core";
 export declare class MtxGridColClassPipe implements PipeTransform {
     transform(colDef: MtxGridColumn, rowData?: Record<string, any>, rowChangeRecord?: KeyValueChangeRecord<string, any>, currentValue?: any): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridColClassPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridColClassPipe, "colClass", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridColClassPipe, "colClass", true>;
 }
 export declare class MtxGridRowClassPipe implements PipeTransform {
     transform(rowData: Record<string, any>, index: number, dataIndex: number, rowClassFormatter?: MtxGridRowClassFormatter): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridRowClassPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridRowClassPipe, "rowClass", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridRowClassPipe, "rowClass", true>;
 }
 export declare class MtxGridCellActionsPipe implements PipeTransform {
     transform(btns?: MtxGridColumnButton[] | ((rowData: any) => MtxGridColumnButton[]), rowData?: Record<string, any>, rowChangeRecord?: KeyValueChangeRecord<string, any>, currentValue?: any): MtxGridColumnButton<any>[];
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridCellActionsPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridCellActionsPipe, "cellActions", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridCellActionsPipe, "cellActions", true>;
 }
 export declare class MtxGridCellActionTooltipPipe implements PipeTransform {
     transform(btn: MtxGridColumnButton): import("./interfaces").MtxGridColumnButtonTooltip;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridCellActionTooltipPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridCellActionTooltipPipe, "cellActionTooltip", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridCellActionTooltipPipe, "cellActionTooltip", true>;
 }
 export declare class MtxGridCellActionBadgePipe implements PipeTransform {
     transform(btn: MtxGridColumnButton): import("./interfaces").MtxGridColumnButtonBadge;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridCellActionBadgePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridCellActionBadgePipe, "cellActionBadge", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridCellActionBadgePipe, "cellActionBadge", true>;
 }
 export declare class MtxGridCellActionDisablePipe implements PipeTransform {
     transform(btn: MtxGridColumnButton, rowData: Record<string, any>, rowChangeRecord?: KeyValueChangeRecord<string, any>, currentValue?: any): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridCellActionDisablePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridCellActionDisablePipe, "cellActionDisable", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridCellActionDisablePipe, "cellActionDisable", true>;
 }
 export declare class MtxGridCellSummaryPipe implements PipeTransform {
     private utils;
     constructor(utils: MtxGridUtils);
     transform(data: any[], colDef: MtxGridColumn): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridCellSummaryPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridCellSummaryPipe, "cellSummary", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MtxGridCellSummaryPipe, "cellSummary", true>;
 }

package/grid/grid.d.ts

@@ -1,16 +1,33 @@
-import { EventEmitter, OnChanges, TemplateRef, TrackByFunction, OnDestroy, AfterViewInit, ChangeDetectorRef, ElementRef, SimpleChanges, QueryList, KeyValueChangeRecord, InjectionToken } from '@angular/core';
 import { SelectionModel } from '@angular/cdk/collections';
-import { MatFooterRowDef, MatHeaderRowDef, MatRowDef, MatTable, MatTableDataSource } from '@angular/material/table';
-import { MatPaginator, PageEvent } from '@angular/material/paginator';
-import { Sort, MatSort, SortDirection } from '@angular/material/sort';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, KeyValueChangeRecord, OnChanges, OnDestroy, QueryList, SimpleChanges, TemplateRef, TrackByFunction } from '@angular/core';
 import { ThemePalette } from '@angular/material/core';
-import { MtxGridColumn, MtxGridCellTemplate, MtxGridRowSelectionFormatter, MtxGridRowClassFormatter, MtxGridButtonType, MtxGridColumnPinOption, MtxGridDefaultOptions } from './interfaces';
+import { MatPaginator, PageEvent } from '@angular/material/paginator';
+import { MatSort, Sort, SortDirection } from '@angular/material/sort';
+import { MatFooterRowDef, MatHeaderRowDef, MatRowDef, MatTable, MatTableDataSource } from '@angular/material/table';
+import { MtxGridColumnMenu } from './column-menu';
 import { MtxGridExpansionToggle } from './expansion-toggle';
 import { MtxGridUtils } from './grid-utils';
-import { MtxGridColumnMenu } from './column-menu';
+import { MtxGridButtonType, MtxGridCellTemplate, MtxGridColumn, MtxGridColumnPinOption, MtxGridDefaultOptions, MtxGridRowClassFormatter, MtxGridRowSelectionFormatter } from './interfaces';
 import * as i0 from "@angular/core";
 /** Injection token that can be used to specify default grid options. */
 export declare const MTX_GRID_DEFAULT_OPTIONS: InjectionToken<MtxGridDefaultOptions>;
+export declare class MtxGridSelectableCell {
+    private _grid;
+    private _selected;
+    private _rowData;
+    ctrlKeyPressed: boolean;
+    shiftKeyPressed: boolean;
+    get selected(): boolean;
+    set mtxSelectableRowData(value: any);
+    cellSelectedChange: EventEmitter<MtxGridSelectableCell>;
+    constructor(_grid: MtxGrid);
+    onClick(event: MouseEvent): void;
+    select(): void;
+    deselect(): void;
+    toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridSelectableCell, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxGridSelectableCell, "[mtx-grid-selectable-cell]", never, { "mtxSelectableRowData": { "alias": "mtxSelectableRowData"; "required": false; }; }, { "cellSelectedChange": "cellSelectedChange"; }, never, never, true, never>;
+}
 export declare class MtxGrid implements OnChanges, AfterViewInit, OnDestroy {
     private _utils;
     private _changeDetectorRef;
@@ -23,7 +40,7 @@ export declare class MtxGrid implements OnChanges, AfterViewInit, OnDestroy {
     footerRowDefs: QueryList<MatFooterRowDef>;
     columnMenu: MtxGridColumnMenu;
     tableContainer: ElementRef<HTMLDivElement>;
-    dataSource: MatTableDataSource<unknown, import("@angular/material/table").MatTableDataSourcePaginator>;
+    dataSource: MatTableDataSource<unknown, MatPaginator>;
     /** The grid's displayed columns. */
     displayedColumns: string[];
     /** The grid's columns. */
@@ -225,22 +242,37 @@ export declare class MtxGrid implements OnChanges, AfterViewInit, OnDestroy {
     scrollLeft(value?: number): number | void;
     _contextmenu(event: MouseEvent, rowData: Record<string, any>, index: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxGrid, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxGrid, "mtx-grid", ["mtxGrid"], { "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "length": { "alias": "length"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "columnResizable": { "alias": "columnResizable"; "required": false; }; "emptyValuePlaceholder": { "alias": "emptyValuePlaceholder"; "required": false; }; "pageOnFront": { "alias": "pageOnFront"; "required": false; }; "showPaginator": { "alias": "showPaginator"; "required": false; }; "pageDisabled": { "alias": "pageDisabled"; "required": false; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "hidePageSize": { "alias": "hidePageSize"; "required": false; }; "paginationTemplate": { "alias": "paginationTemplate"; "required": false; }; "sortOnFront": { "alias": "sortOnFront"; "required": false; }; "sortActive": { "alias": "sortActive"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "sortDisableClear": { "alias": "sortDisableClear"; "required": false; }; "sortDisabled": { "alias": "sortDisabled"; "required": false; }; "sortStart": { "alias": "sortStart"; "required": false; }; "rowHover": { "alias": "rowHover"; "required": false; }; "rowStriped": { "alias": "rowStriped"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "expansionTemplate": { "alias": "expansionTemplate"; "required": false; }; "multiSelectable": { "alias": "multiSelectable"; "required": false; }; "multiSelectionWithClick": { "alias": "multiSelectionWithClick"; "required": false; }; "rowSelectable": { "alias": "rowSelectable"; "required": false; }; "hideRowSelectionCheckbox": { "alias": "hideRowSelectionCheckbox"; "required": false; }; "disableRowClickSelection": { "alias": "disableRowClickSelection"; "required": false; }; "rowSelectionFormatter": { "alias": "rowSelectionFormatter"; "required": false; }; "rowClassFormatter": { "alias": "rowClassFormatter"; "required": false; }; "rowSelected": { "alias": "rowSelected"; "required": false; }; "cellSelectable": { "alias": "cellSelectable"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "toolbarTitle": { "alias": "toolbarTitle"; "required": false; }; "toolbarTemplate": { "alias": "toolbarTemplate"; "required": false; }; "columnHideable": { "alias": "columnHideable"; "required": false; }; "columnHideableChecked": { "alias": "columnHideableChecked"; "required": false; }; "columnSortable": { "alias": "columnSortable"; "required": false; }; "columnPinnable": { "alias": "columnPinnable"; "required": false; }; "columnPinOptions": { "alias": "columnPinOptions"; "required": false; }; "showColumnMenuButton": { "alias": "showColumnMenuButton"; "required": false; }; "columnMenuButtonText": { "alias": "columnMenuButtonText"; "required": false; }; "columnMenuButtonType": { "alias": "columnMenuButtonType"; "required": false; }; "columnMenuButtonColor": { "alias": "columnMenuButtonColor"; "required": false; }; "columnMenuButtonClass": { "alias": "columnMenuButtonClass"; "required": false; }; "columnMenuButtonIcon": { "alias": "columnMenuButtonIcon"; "required": false; }; "showColumnMenuHeader": { "alias": "showColumnMenuHeader"; "required": false; }; "columnMenuHeaderText": { "alias": "columnMenuHeaderText"; "required": false; }; "columnMenuHeaderTemplate": { "alias": "columnMenuHeaderTemplate"; "required": false; }; "showColumnMenuFooter": { "alias": "showColumnMenuFooter"; "required": false; }; "columnMenuFooterText": { "alias": "columnMenuFooterText"; "required": false; }; "columnMenuFooterTemplate": { "alias": "columnMenuFooterTemplate"; "required": false; }; "noResultText": { "alias": "noResultText"; "required": false; }; "noResultTemplate": { "alias": "noResultTemplate"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "headerExtraTemplate": { "alias": "headerExtraTemplate"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "useContentRowTemplate": { "alias": "useContentRowTemplate"; "required": false; }; "useContentHeaderRowTemplate": { "alias": "useContentHeaderRowTemplate"; "required": false; }; "useContentFooterRowTemplate": { "alias": "useContentFooterRowTemplate"; "required": false; }; "showSummary": { "alias": "showSummary"; "required": false; }; "summaryTemplate": { "alias": "summaryTemplate"; "required": false; }; "showSidebar": { "alias": "showSidebar"; "required": false; }; "sidebarTemplate": { "alias": "sidebarTemplate"; "required": false; }; "showStatusbar": { "alias": "showStatusbar"; "required": false; }; "statusbarTemplate": { "alias": "statusbarTemplate"; "required": false; }; }, { "page": "page"; "sortChange": "sortChange"; "rowClick": "rowClick"; "rowContextMenu": "rowContextMenu"; "expansionChange": "expansionChange"; "rowSelectedChange": "rowSelectedChange"; "cellSelectedChange": "cellSelectedChange"; "columnChange": "columnChange"; }, ["rowDefs", "headerRowDefs", "footerRowDefs"], never, false, never>;
-}
-export declare class MtxGridSelectableCell {
-    private _grid;
-    private _selected;
-    private _rowData;
-    ctrlKeyPressed: boolean;
-    shiftKeyPressed: boolean;
-    get selected(): boolean;
-    set mtxSelectableRowData(value: any);
-    cellSelectedChange: EventEmitter<MtxGridSelectableCell>;
-    constructor(_grid: MtxGrid);
-    onClick(event: MouseEvent): void;
-    select(): void;
-    deselect(): void;
-    toggle(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridSelectableCell, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxGridSelectableCell, "[mtx-grid-selectable-cell]", never, { "mtxSelectableRowData": { "alias": "mtxSelectableRowData"; "required": false; }; }, { "cellSelectedChange": "cellSelectedChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxGrid, "mtx-grid", ["mtxGrid"], { "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "length": { "alias": "length"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "columnResizable": { "alias": "columnResizable"; "required": false; }; "emptyValuePlaceholder": { "alias": "emptyValuePlaceholder"; "required": false; }; "pageOnFront": { "alias": "pageOnFront"; "required": false; }; "showPaginator": { "alias": "showPaginator"; "required": false; }; "pageDisabled": { "alias": "pageDisabled"; "required": false; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "hidePageSize": { "alias": "hidePageSize"; "required": false; }; "paginationTemplate": { "alias": "paginationTemplate"; "required": false; }; "sortOnFront": { "alias": "sortOnFront"; "required": false; }; "sortActive": { "alias": "sortActive"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "sortDisableClear": { "alias": "sortDisableClear"; "required": false; }; "sortDisabled": { "alias": "sortDisabled"; "required": false; }; "sortStart": { "alias": "sortStart"; "required": false; }; "rowHover": { "alias": "rowHover"; "required": false; }; "rowStriped": { "alias": "rowStriped"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "expansionTemplate": { "alias": "expansionTemplate"; "required": false; }; "multiSelectable": { "alias": "multiSelectable"; "required": false; }; "multiSelectionWithClick": { "alias": "multiSelectionWithClick"; "required": false; }; "rowSelectable": { "alias": "rowSelectable"; "required": false; }; "hideRowSelectionCheckbox": { "alias": "hideRowSelectionCheckbox"; "required": false; }; "disableRowClickSelection": { "alias": "disableRowClickSelection"; "required": false; }; "rowSelectionFormatter": { "alias": "rowSelectionFormatter"; "required": false; }; "rowClassFormatter": { "alias": "rowClassFormatter"; "required": false; }; "rowSelected": { "alias": "rowSelected"; "required": false; }; "cellSelectable": { "alias": "cellSelectable"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "toolbarTitle": { "alias": "toolbarTitle"; "required": false; }; "toolbarTemplate": { "alias": "toolbarTemplate"; "required": false; }; "columnHideable": { "alias": "columnHideable"; "required": false; }; "columnHideableChecked": { "alias": "columnHideableChecked"; "required": false; }; "columnSortable": { "alias": "columnSortable"; "required": false; }; "columnPinnable": { "alias": "columnPinnable"; "required": false; }; "columnPinOptions": { "alias": "columnPinOptions"; "required": false; }; "showColumnMenuButton": { "alias": "showColumnMenuButton"; "required": false; }; "columnMenuButtonText": { "alias": "columnMenuButtonText"; "required": false; }; "columnMenuButtonType": { "alias": "columnMenuButtonType"; "required": false; }; "columnMenuButtonColor": { "alias": "columnMenuButtonColor"; "required": false; }; "columnMenuButtonClass": { "alias": "columnMenuButtonClass"; "required": false; }; "columnMenuButtonIcon": { "alias": "columnMenuButtonIcon"; "required": false; }; "showColumnMenuHeader": { "alias": "showColumnMenuHeader"; "required": false; }; "columnMenuHeaderText": { "alias": "columnMenuHeaderText"; "required": false; }; "columnMenuHeaderTemplate": { "alias": "columnMenuHeaderTemplate"; "required": false; }; "showColumnMenuFooter": { "alias": "showColumnMenuFooter"; "required": false; }; "columnMenuFooterText": { "alias": "columnMenuFooterText"; "required": false; }; "columnMenuFooterTemplate": { "alias": "columnMenuFooterTemplate"; "required": false; }; "noResultText": { "alias": "noResultText"; "required": false; }; "noResultTemplate": { "alias": "noResultTemplate"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "headerExtraTemplate": { "alias": "headerExtraTemplate"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "useContentRowTemplate": { "alias": "useContentRowTemplate"; "required": false; }; "useContentHeaderRowTemplate": { "alias": "useContentHeaderRowTemplate"; "required": false; }; "useContentFooterRowTemplate": { "alias": "useContentFooterRowTemplate"; "required": false; }; "showSummary": { "alias": "showSummary"; "required": false; }; "summaryTemplate": { "alias": "summaryTemplate"; "required": false; }; "showSidebar": { "alias": "showSidebar"; "required": false; }; "sidebarTemplate": { "alias": "sidebarTemplate"; "required": false; }; "showStatusbar": { "alias": "showStatusbar"; "required": false; }; "statusbarTemplate": { "alias": "statusbarTemplate"; "required": false; }; }, { "page": "page"; "sortChange": "sortChange"; "rowClick": "rowClick"; "rowContextMenu": "rowContextMenu"; "expansionChange": "expansionChange"; "rowSelectedChange": "rowSelectedChange"; "cellSelectedChange": "cellSelectedChange"; "columnChange": "columnChange"; }, ["rowDefs", "headerRowDefs", "footerRowDefs"], never, true, never>;
+    static ngAcceptInputType_loading: unknown;
+    static ngAcceptInputType_columnResizable: unknown;
+    static ngAcceptInputType_pageOnFront: unknown;
+    static ngAcceptInputType_showPaginator: unknown;
+    static ngAcceptInputType_pageDisabled: unknown;
+    static ngAcceptInputType_showFirstLastButtons: unknown;
+    static ngAcceptInputType_hidePageSize: unknown;
+    static ngAcceptInputType_sortOnFront: unknown;
+    static ngAcceptInputType_sortDisableClear: unknown;
+    static ngAcceptInputType_sortDisabled: unknown;
+    static ngAcceptInputType_rowHover: unknown;
+    static ngAcceptInputType_rowStriped: unknown;
+    static ngAcceptInputType_expandable: unknown;
+    static ngAcceptInputType_multiSelectable: unknown;
+    static ngAcceptInputType_multiSelectionWithClick: unknown;
+    static ngAcceptInputType_rowSelectable: unknown;
+    static ngAcceptInputType_hideRowSelectionCheckbox: unknown;
+    static ngAcceptInputType_disableRowClickSelection: unknown;
+    static ngAcceptInputType_cellSelectable: unknown;
+    static ngAcceptInputType_showToolbar: unknown;
+    static ngAcceptInputType_columnHideable: unknown;
+    static ngAcceptInputType_columnSortable: unknown;
+    static ngAcceptInputType_columnPinnable: unknown;
+    static ngAcceptInputType_showColumnMenuButton: unknown;
+    static ngAcceptInputType_showColumnMenuHeader: unknown;
+    static ngAcceptInputType_showColumnMenuFooter: unknown;
+    static ngAcceptInputType_useContentRowTemplate: unknown;
+    static ngAcceptInputType_useContentHeaderRowTemplate: unknown;
+    static ngAcceptInputType_useContentFooterRowTemplate: unknown;
+    static ngAcceptInputType_showSummary: unknown;
+    static ngAcceptInputType_showSidebar: unknown;
+    static ngAcceptInputType_showStatusbar: unknown;
 }

package/grid/grid.scss

@@ -14,6 +14,8 @@ $_tokens: tokens-mtx-grid.$prefix, tokens-mtx-grid.get-token-slots();
 
     border: 1px solid var($border-color);
 
+    @include token-utils.create-token-slot(border-radius, container-shape);
+
     .mat-mdc-table {
       &.mat-table-striped .mat-row-odd {
         @include token-utils.create-token-slot(background-color, table-row-striped-background-color);
@@ -52,7 +54,9 @@ $_tokens: tokens-mtx-grid.$prefix, tokens-mtx-grid.get-token-slots();
     .mat-mdc-footer-cell,
     .mat-mdc-cell {
       &:not(.mtx-grid-checkbox-cell) {
-        min-width: 80px;
+        @include token-utils.use-tokens($_tokens...) {
+          @include token-utils.create-token-slot(min-width, table-cell-min-width);
+        }
       }
     }
   }
@@ -112,6 +116,9 @@ $_tokens: tokens-mtx-grid.$prefix, tokens-mtx-grid.get-token-slots();
       $border-color: token-utils.get-token-variable(outline-color);
 
       border-top: 1px solid var($border-color);
+
+      @include token-utils.create-token-slot(border-bottom-left-radius, container-shape);
+      @include token-utils.create-token-slot(border-bottom-right-radius, container-shape);
     }
   }
 

package/loader/_loader-theme.scss

@@ -1,36 +1,69 @@
-@use '../core/theming/theming';
+@use '@angular/material' as mat;
 @use '../core/style/sass-utils';
 @use '../core/tokens/token-utils';
 @use '../core/tokens/m2/mtx/loader' as tokens-mtx-loader;
 
-@mixin color($config-or-theme) {
-  $config: theming.get-color-config($config-or-theme);
-
-  @include sass-utils.current-selector-or-root() {
-    @include token-utils.create-token-values(tokens-mtx-loader.$prefix,
-      tokens-mtx-loader.get-color-tokens($config));
+@mixin base($theme) {
+  @if mat.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(mat.get-theme-tokens($theme, base));
+  }
+  @else {
+    @include sass-utils.current-selector-or-root() {
+      @include token-utils.create-token-values(tokens-mtx-loader.$prefix,
+        tokens-mtx-loader.get-unthemable-tokens());
+    }
   }
 }
 
-@mixin typography($config-or-theme) {}
+@mixin color($theme) {
+  @if mat.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(mat.get-theme-tokens($theme, color));
+  }
+  @else {
+    @include sass-utils.current-selector-or-root() {
+      @include token-utils.create-token-values(tokens-mtx-loader.$prefix,
+        tokens-mtx-loader.get-color-tokens($theme));
+    }
+  }
+}
 
-@mixin density($config-or-theme) {}
+@mixin typography($theme) {
+  @if mat.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(mat.get-theme-tokens($theme, typography));
+  }
+  @else {}
+}
 
-@mixin theme($theme-or-color-config) {
-  $theme: theming.private-legacy-get-theme($theme-or-color-config);
-  @include theming.private-check-duplicate-theme-styles($theme, 'mtx-loader') {
-    $color: theming.get-color-config($theme);
-    $density: theming.get-density-config($theme);
-    $typography: theming.get-typography-config($theme);
+@mixin density($theme) {
+  @if mat.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(mat.get-theme-tokens($theme, density));
+  }
+  @else {}
+}
 
-    @if $color != null {
-      @include color($color);
-    }
-    @if $density != null {
-      @include density($density);
+@mixin theme($theme) {
+  @include mat.private-check-duplicate-theme-styles($theme, 'mtx-loader') {
+    @if mat.get-theme-version($theme) == 1 {
+      @include _theme-from-tokens(mat.get-theme-tokens($theme));
     }
-    @if $typography != null {
-      @include typography($typography);
+    @else {
+      @include base($theme);
+      @if mat.theme-has($theme, color) {
+        @include color($theme);
+      }
+      @if mat.theme-has($theme, density) {
+        @include density($theme);
+      }
+      @if mat.theme-has($theme, typography) {
+        @include typography($theme);
+      }
     }
   }
 }
+
+@mixin _theme-from-tokens($tokens) {
+  @if ($tokens != ()) {
+    @include token-utils.create-token-values(tokens-mtx-loader.$prefix,
+      map.get($tokens, tokens-mtx-loader.$prefix));
+  }
+}

package/loader/loader-module.d.ts

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

package/loader/loader.d.ts

@@ -1,5 +1,4 @@
 import { ChangeDetectorRef } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { ThemePalette } from '@angular/material/core';
 import { ProgressBarMode } from '@angular/material/progress-bar';
 import { ProgressSpinnerMode } from '@angular/material/progress-spinner';
@@ -22,16 +21,12 @@ export declare class MtxLoader {
     /** Value of the progress circle or the progress bar. */
     value: number;
     /** Whether the loader is loading. */
-    get loading(): boolean;
-    set loading(value: boolean);
-    private _loading;
+    loading: boolean;
     /** Whether the loader has a backdrop. */
-    get hasBackdrop(): boolean;
-    set hasBackdrop(value: boolean);
-    private _hasBackdrop;
+    hasBackdrop: boolean;
     constructor(_changeDetectorRef: ChangeDetectorRef);
-    static ngAcceptInputType_loading: BooleanInput;
-    static ngAcceptInputType_hasBackdrop: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxLoader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxLoader, "mtx-loader", ["mtxLoader"], { "type": { "alias": "type"; "required": false; }; "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; "diameter": { "alias": "diameter"; "required": false; }; "bufferValue": { "alias": "bufferValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxLoader, "mtx-loader", ["mtxLoader"], { "type": { "alias": "type"; "required": false; }; "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; "diameter": { "alias": "diameter"; "required": false; }; "bufferValue": { "alias": "bufferValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_loading: unknown;
+    static ngAcceptInputType_hasBackdrop: unknown;
 }

package/loader/loader.scss

@@ -32,11 +32,11 @@
 }
 
 .mtx-loader-backdrop {
-  display: block;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
+  display: block;
   width: 100%;
   height: 100%;
   content: '';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-matero/extensions",
-  "version": "16.3.2",
+  "version": "17.1.0",
   "description": "Angular Material Extensions",
   "publishConfig": {
     "access": "public"
@@ -42,12 +42,6 @@
       "esm": "./esm2022/ng-matero-extensions.mjs",
       "default": "./fesm2022/ng-matero-extensions.mjs"
     },
-    "./theming": {
-      "sass": "./_theming.scss"
-    },
-    "./_theming": {
-      "sass": "./_theming.scss"
-    },
     "./prebuilt-themes/indigo-pink.css": {
       "style": "./prebuilt-themes/indigo-pink.css"
     },
@@ -90,18 +84,18 @@
       "esm": "./esm2022/colorpicker/mtxColorpicker.mjs",
       "default": "./fesm2022/mtxColorpicker.mjs"
     },
-    "./column-resize": {
-      "types": "./column-resize/index.d.ts",
-      "esm2022": "./esm2022/column-resize/mtxColumnResize.mjs",
-      "esm": "./esm2022/column-resize/mtxColumnResize.mjs",
-      "default": "./fesm2022/mtxColumnResize.mjs"
-    },
     "./core": {
       "types": "./core/index.d.ts",
       "esm2022": "./esm2022/core/mtxCore.mjs",
       "esm": "./esm2022/core/mtxCore.mjs",
       "default": "./fesm2022/mtxCore.mjs"
     },
+    "./column-resize": {
+      "types": "./column-resize/index.d.ts",
+      "esm2022": "./esm2022/column-resize/mtxColumnResize.mjs",
+      "esm": "./esm2022/column-resize/mtxColumnResize.mjs",
+      "default": "./fesm2022/mtxColumnResize.mjs"
+    },
     "./datetimepicker": {
       "types": "./datetimepicker/index.d.ts",
       "esm2022": "./esm2022/datetimepicker/mtxDatetimepicker.mjs",
@@ -170,17 +164,17 @@
     }
   },
   "dependencies": {
-    "@ng-select/ng-select": "^11.0.0",
+    "@ng-select/ng-select": "^12.0.0",
     "ngx-color": "^9.0.0",
     "photoviewer": "^3.9.0",
     "tslib": "^2.4.0"
   },
   "peerDependencies": {
-    "@angular/animations": ">=16.0.0",
-    "@angular/cdk": ">=16.0.0",
-    "@angular/common": ">=16.0.0",
-    "@angular/core": ">=16.0.0",
-    "@angular/material": ">=16.0.0"
+    "@angular/animations": ">=17.1.0",
+    "@angular/cdk": ">=17.1.0",
+    "@angular/common": ">=17.1.0",
+    "@angular/core": ">=17.1.0",
+    "@angular/material": ">=17.1.0"
   },
   "sideEffects": false,
   "module": "fesm2022/ng-matero-extensions.mjs",

package/photoviewer/photoviewer-module.d.ts

@@ -2,6 +2,6 @@ import * as i0 from "@angular/core";
 import * as i1 from "./photoviewer";
 export declare class MtxPhotoviewerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxPhotoviewerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxPhotoviewerModule, [typeof i1.MtxPhotoviewer], never, [typeof i1.MtxPhotoviewer]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxPhotoviewerModule, never, [typeof i1.MtxPhotoviewer], [typeof i1.MtxPhotoviewer]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtxPhotoviewerModule>;
 }

package/photoviewer/photoviewer.d.ts

@@ -13,5 +13,6 @@ export declare class MtxPhotoviewer implements OnInit, OnDestroy {
     onClick(event: MouseEvent): void;
     initPhotoViewer(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxPhotoviewer, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxPhotoviewer, "[mtxPhotoviewer]", ["mtxPhotoviewer"], { "images": { "alias": "mtxPhotoviewerItems"; "required": false; }; "options": { "alias": "mtxPhotoviewerOptions"; "required": false; }; "embed": { "alias": "mtxPhotoviewerEmbed"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxPhotoviewer, "[mtxPhotoviewer]", ["mtxPhotoviewer"], { "images": { "alias": "mtxPhotoviewerItems"; "required": false; }; "options": { "alias": "mtxPhotoviewerOptions"; "required": false; }; "embed": { "alias": "mtxPhotoviewerEmbed"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_embed: unknown;
 }

package/popover/_popover-theme.scss

@@ -1,36 +1,69 @@
-@use '../core/theming/theming';
+@use '@angular/material' as mat;
 @use '../core/style/sass-utils';
 @use '../core/tokens/token-utils';
 @use '../core/tokens/m2/mtx/popover' as tokens-mtx-popover;
 
-@mixin color($config-or-theme) {
-  $config: theming.get-color-config($config-or-theme);
-
-  @include sass-utils.current-selector-or-root() {
-    @include token-utils.create-token-values(tokens-mtx-popover.$prefix,
-      tokens-mtx-popover.get-color-tokens($config));
+@mixin base($theme) {
+  @if mat.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(mat.get-theme-tokens($theme, base));
+  }
+  @else {
+    @include sass-utils.current-selector-or-root() {
+      @include token-utils.create-token-values(tokens-mtx-popover.$prefix,
+        tokens-mtx-popover.get-unthemable-tokens());
+    }
   }
 }
 
-@mixin typography($config-or-theme) {}
+@mixin color($theme) {
+  @if mat.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(mat.get-theme-tokens($theme, color));
+  }
+  @else {
+    @include sass-utils.current-selector-or-root() {
+      @include token-utils.create-token-values(tokens-mtx-popover.$prefix,
+        tokens-mtx-popover.get-color-tokens($theme));
+    }
+  }
+}
 
-@mixin density($config-or-theme) {}
+@mixin typography($theme) {
+  @if mat.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(mat.get-theme-tokens($theme, typography));
+  }
+  @else {}
+}
 
-@mixin theme($theme-or-color-config) {
-  $theme: theming.private-legacy-get-theme($theme-or-color-config);
-  @include theming.private-check-duplicate-theme-styles($theme, 'mtx-popover') {
-    $color: theming.get-color-config($theme);
-    $density: theming.get-density-config($theme);
-    $typography: theming.get-typography-config($theme);
+@mixin density($theme) {
+  @if mat.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(mat.get-theme-tokens($theme, density));
+  }
+  @else {}
+}
 
-    @if $color != null {
-      @include color($color);
-    }
-    @if $density != null {
-      @include density($density);
+@mixin theme($theme) {
+  @include mat.private-check-duplicate-theme-styles($theme, 'mtx-popover') {
+    @if mat.get-theme-version($theme) == 1 {
+      @include _theme-from-tokens(mat.get-theme-tokens($theme));
     }
-    @if $typography != null {
-      @include typography($typography);
+    @else {
+      @include base($theme);
+      @if mat.theme-has($theme, color) {
+        @include color($theme);
+      }
+      @if mat.theme-has($theme, density) {
+        @include density($theme);
+      }
+      @if mat.theme-has($theme, typography) {
+        @include typography($theme);
+      }
     }
   }
 }
+
+@mixin _theme-from-tokens($tokens) {
+  @if ($tokens != ()) {
+    @include token-utils.create-token-values(tokens-mtx-popover.$prefix,
+      map.get($tokens, tokens-mtx-popover.$prefix));
+  }
+}

package/popover/popover-content.d.ts

@@ -39,5 +39,5 @@ export declare abstract class _MtxPopoverContentBase implements OnDestroy {
  */
 export declare class MtxPopoverContent extends _MtxPopoverContentBase {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxPopoverContent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxPopoverContent, "ng-template[mtxPopoverContent]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxPopoverContent, "ng-template[mtxPopoverContent]", never, {}, {}, never, never, true, never>;
 }