@ng-matero/extensions 15.0.4 → 15.1.1

package/grid/grid.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnChanges, TemplateRef, TrackByFunction, OnDestroy, AfterViewInit, ChangeDetectorRef, ElementRef, SimpleChanges, QueryList } from '@angular/core';
+import { EventEmitter, OnChanges, TemplateRef, TrackByFunction, OnDestroy, AfterViewInit, ChangeDetectorRef, ElementRef, SimpleChanges, QueryList, KeyValueChangeRecord } 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';
@@ -104,7 +104,7 @@ export declare class MtxGrid implements OnChanges, AfterViewInit, OnDestroy {
     /** The formatter to disable the row selection or hide the row's checkbox. */
     rowSelectionFormatter: MtxGridRowSelectionFormatter;
     /** The formatter to set the row's class. */
-    rowClassFormatter: MtxGridRowClassFormatter;
+    rowClassFormatter?: MtxGridRowClassFormatter;
     /** Event emitted when the row is selected. */
     rowSelectionChange: EventEmitter<any[]>;
     cellSelection: any[];
@@ -161,11 +161,11 @@ export declare class MtxGrid implements OnChanges, AfterViewInit, OnDestroy {
     noResultTemplate: TemplateRef<any>;
     get _hasNoResult(): boolean;
     /** The header's cell template for the grid. */
-    headerTemplate: TemplateRef<any> | MtxGridCellTemplate | any;
+    headerTemplate: TemplateRef<any> | MtxGridCellTemplate;
     /** The header's cell template for the grid exclude sort. */
-    headerExtraTemplate: TemplateRef<any> | MtxGridCellTemplate | any;
+    headerExtraTemplate: TemplateRef<any> | MtxGridCellTemplate;
     /** The cell template for the grid. */
-    cellTemplate: TemplateRef<any> | MtxGridCellTemplate | any;
+    cellTemplate: TemplateRef<any> | MtxGridCellTemplate;
     /** Whether to use custom row template. If true, you should define a matRowDef. */
     useContentRowTemplate: boolean;
     useContentHeaderRowTemplate: boolean;
@@ -173,7 +173,7 @@ export declare class MtxGrid implements OnChanges, AfterViewInit, OnDestroy {
     /** Whether to show the summary. */
     showSummary: boolean;
     /** The template for the summary. */
-    summaryTemplate: TemplateRef<any> | MtxGridCellTemplate | any;
+    summaryTemplate: TemplateRef<any> | MtxGridCellTemplate;
     get _whetherShowSummary(): boolean;
     /** Whether to show the sidebar. */
     showSidebar: boolean;
@@ -183,31 +183,32 @@ export declare class MtxGrid implements OnChanges, AfterViewInit, OnDestroy {
     showStatusbar: boolean;
     /** The template for the status bar. */
     statusbarTemplate: TemplateRef<any>;
+    /** The changed record of row data. */
+    rowChangeRecord?: KeyValueChangeRecord<string, any>;
     constructor(_utils: MtxGridUtils, _changeDetectorRef: ChangeDetectorRef);
     detectChanges(): void;
-    _isTemplateRef(obj: any): boolean;
     _getColData(data: any[], colDef: MtxGridColumn): any[];
-    _getRowClassList(rowData: any, index: number): any;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     _countPinnedPosition(): void;
     _getIndex(index: number, dataIndex: number): number;
     _onSortChange(sort: Sort): void;
+    _onRowDataChange(record: KeyValueChangeRecord<string, any>): void;
     /** Expansion change event */
-    _onExpansionChange(expansionRef: MtxGridExpansionToggle, rowData: any, column: any, index: number): void;
+    _onExpansionChange(expansionRef: MtxGridExpansionToggle, rowData: Record<string, any>, column: MtxGridColumn, index: number): void;
     /** Cell select event */
-    _selectCell(cellRef: MtxGridSelectableCell, rowData: any, colDef: any): void;
+    _selectCell(cellRef: MtxGridSelectableCell, rowData: Record<string, any>, colDef: MtxGridColumn): void;
     /** Row select event */
-    _selectRow(event: MouseEvent, rowData: any, index: number): void;
+    _selectRow(event: MouseEvent, rowData: Record<string, any>, index: number): void;
     /** Whether the number of selected elements matches the total number of rows. */
     _isAllSelected(): boolean;
     /** Select all rows if they are not all selected; otherwise clear selection. */
     _toggleMasterCheckbox(): void;
     /** Select normal row */
-    _toggleNormalCheckbox(row: any): void;
+    _toggleNormalCheckbox(row: Record<string, any>): void;
     /** Column change event */
-    _onColumnChange(columns: any[]): void;
+    _onColumnChange(columns: MtxGridColumn[]): void;
     getDisplayedColumnFields(columns: MtxGridColumn[]): string[];
     /** Customize expansion event */
     toggleExpansion(index: number): any;

package/grid/interfaces.d.ts

@@ -27,7 +27,7 @@ export interface MtxGridColumn {
     showExpand?: boolean;
     description?: string;
     summary?: ((data: any[], colDef?: MtxGridColumn) => any) | string;
-    class?: string;
+    class?: string | ((rowData?: Record<string, any>, colDef?: MtxGridColumn) => string);
 }
 /** Possible column pin values.  */
 export declare type MtxGridColumnPinValue = 'left' | 'right' | null;

package/grid/public-api.d.ts

@@ -1,5 +1,6 @@
 export * from './grid-module';
 export * from './grid-utils';
+export * from './grid-pipes';
 export * from './grid';
 export * from './cell';
 export * from './column-menu';

package/loader/_loader-theme.scss

@@ -8,7 +8,7 @@
   $background: map.get($config, background);
 
   .mtx-loader-backdrop {
-    background-color: rgba(theming.get-color-from-palette($background, background), .75);
+    background-color: theming.get-color-from-palette($background, background, .75);
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-matero/extensions",
-  "version": "15.0.4",
+  "version": "15.1.1",
   "description": "Angular Material Extensions",
   "publishConfig": {
     "access": "public"

package/select/select.d.ts

@@ -1,7 +1,7 @@
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
-import { ErrorStateMatcher } from '@angular/material/core';
+import { CanDisable, ErrorStateMatcher } from '@angular/material/core';
 import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
 import { MatFormField, MatFormFieldControl } from '@angular/material/form-field';
 import { Subject } from 'rxjs';
@@ -15,7 +15,7 @@ export declare type GroupValueFn = (key: string | Record<string, any>, children:
 export declare type SearchFn = (term: string, item: any) => boolean;
 export declare type TrackByFn = (item: any) => any;
 /** @docs-private */
-declare const _MtxSelectMixinBase: import("@angular/material/core")._Constructor<import("@angular/material/core").CanUpdateErrorState> & import("@angular/material/core")._AbstractConstructor<import("@angular/material/core").CanUpdateErrorState> & {
+declare const _MtxSelectMixinBase: import("@angular/material/core")._Constructor<CanDisable> & import("@angular/material/core")._AbstractConstructor<CanDisable> & import("@angular/material/core")._Constructor<import("@angular/material/core").CanUpdateErrorState> & import("@angular/material/core")._AbstractConstructor<import("@angular/material/core").CanUpdateErrorState> & {
     new (_defaultErrorStateMatcher: ErrorStateMatcher, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl): {
         /**
          * Emits whenever the component state changes and should cause the parent
@@ -34,7 +34,7 @@ declare const _MtxSelectMixinBase: import("@angular/material/core")._Constructor
         ngControl: NgControl;
     };
 };
-export declare class MtxSelect extends _MtxSelectMixinBase implements OnInit, OnDestroy, DoCheck, AfterViewInit, ControlValueAccessor, MatFormFieldControl<any> {
+export declare class MtxSelect extends _MtxSelectMixinBase implements OnInit, OnDestroy, DoCheck, AfterViewInit, ControlValueAccessor, CanDisable, MatFormFieldControl<any> {
     protected _changeDetectorRef: ChangeDetectorRef;
     protected _elementRef: ElementRef;
     protected _focusMonitor: FocusMonitor;
@@ -150,10 +150,6 @@ export declare class MtxSelect extends _MtxSelectMixinBase implements OnInit, On
     get required(): boolean;
     set required(value: boolean);
     private _required;
-    /** Whether the select is disabled. */
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    private _disabled;
     /** Object used to control when error messages are shown. */
     errorStateMatcher: ErrorStateMatcher;
     /** Aria label of the select. */
@@ -172,6 +168,11 @@ export declare class MtxSelect extends _MtxSelectMixinBase implements OnInit, On
     _valueId: string;
     /** Whether or not the overlay panel is open. */
     get panelOpen(): boolean;
+    /**
+     * Keeps track of the previous form control assigned to the select.
+     * Used to detect if it has changed.
+     */
+    private _previousControl;
     constructor(_changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef, _focusMonitor: FocusMonitor, _defaultErrorStateMatcher: ErrorStateMatcher, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl, _parentFormField?: MatFormField | undefined);
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -222,6 +223,6 @@ export declare class MtxSelect extends _MtxSelectMixinBase implements OnInit, On
     static ngAcceptInputType_required: BooleanInput;
     static ngAcceptInputType_disabled: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelect, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; self: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxSelect, "mtx-select", ["mtxSelect"], { "addTag": "addTag"; "addTagText": "addTagText"; "appearance": "appearance"; "appendTo": "appendTo"; "bindLabel": "bindLabel"; "bindValue": "bindValue"; "closeOnSelect": "closeOnSelect"; "clearAllText": "clearAllText"; "clearable": "clearable"; "clearOnBackspace": "clearOnBackspace"; "compareWith": "compareWith"; "dropdownPosition": "dropdownPosition"; "groupBy": "groupBy"; "groupValue": "groupValue"; "selectableGroup": "selectableGroup"; "selectableGroupAsModel": "selectableGroupAsModel"; "hideSelected": "hideSelected"; "isOpen": "isOpen"; "loading": "loading"; "loadingText": "loadingText"; "labelForId": "labelForId"; "markFirst": "markFirst"; "maxSelectedItems": "maxSelectedItems"; "multiple": "multiple"; "notFoundText": "notFoundText"; "searchable": "searchable"; "readonly": "readonly"; "searchFn": "searchFn"; "searchWhileComposing": "searchWhileComposing"; "selectOnTab": "selectOnTab"; "trackByFn": "trackByFn"; "inputAttrs": "inputAttrs"; "tabIndex": "tabIndex"; "openOnEnter": "openOnEnter"; "minTermLength": "minTermLength"; "editableSearchTerm": "editableSearchTerm"; "keyDownFn": "keyDownFn"; "virtualScroll": "virtualScroll"; "typeToSearchText": "typeToSearchText"; "typeahead": "typeahead"; "clearSearchOnAdd": "clearSearchOnAdd"; "items": "items"; "value": "value"; "id": "id"; "placeholder": "placeholder"; "required": "required"; "disabled": "disabled"; "errorStateMatcher": "errorStateMatcher"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; }, { "blurEvent": "blur"; "focusEvent": "focus"; "changeEvent": "change"; "openEvent": "open"; "closeEvent": "close"; "searchEvent": "search"; "clearEvent": "clear"; "addEvent": "add"; "removeEvent": "remove"; "scroll": "scroll"; "scrollToEnd": "scrollToEnd"; }, ["optionTemplate", "optgroupTemplate", "labelTemplate", "multiLabelTemplate", "headerTemplate", "footerTemplate", "notFoundTemplate", "typeToSearchTemplate", "loadingTextTemplate", "tagTemplate", "loadingSpinnerTemplate", "mtxOptions"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxSelect, "mtx-select", ["mtxSelect"], { "disabled": "disabled"; "addTag": "addTag"; "addTagText": "addTagText"; "appearance": "appearance"; "appendTo": "appendTo"; "bindLabel": "bindLabel"; "bindValue": "bindValue"; "closeOnSelect": "closeOnSelect"; "clearAllText": "clearAllText"; "clearable": "clearable"; "clearOnBackspace": "clearOnBackspace"; "compareWith": "compareWith"; "dropdownPosition": "dropdownPosition"; "groupBy": "groupBy"; "groupValue": "groupValue"; "selectableGroup": "selectableGroup"; "selectableGroupAsModel": "selectableGroupAsModel"; "hideSelected": "hideSelected"; "isOpen": "isOpen"; "loading": "loading"; "loadingText": "loadingText"; "labelForId": "labelForId"; "markFirst": "markFirst"; "maxSelectedItems": "maxSelectedItems"; "multiple": "multiple"; "notFoundText": "notFoundText"; "searchable": "searchable"; "readonly": "readonly"; "searchFn": "searchFn"; "searchWhileComposing": "searchWhileComposing"; "selectOnTab": "selectOnTab"; "trackByFn": "trackByFn"; "inputAttrs": "inputAttrs"; "tabIndex": "tabIndex"; "openOnEnter": "openOnEnter"; "minTermLength": "minTermLength"; "editableSearchTerm": "editableSearchTerm"; "keyDownFn": "keyDownFn"; "virtualScroll": "virtualScroll"; "typeToSearchText": "typeToSearchText"; "typeahead": "typeahead"; "clearSearchOnAdd": "clearSearchOnAdd"; "items": "items"; "value": "value"; "id": "id"; "placeholder": "placeholder"; "required": "required"; "errorStateMatcher": "errorStateMatcher"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; }, { "blurEvent": "blur"; "focusEvent": "focus"; "changeEvent": "change"; "openEvent": "open"; "closeEvent": "close"; "searchEvent": "search"; "clearEvent": "clear"; "addEvent": "add"; "removeEvent": "remove"; "scroll": "scroll"; "scrollToEnd": "scrollToEnd"; }, ["optionTemplate", "optgroupTemplate", "labelTemplate", "multiLabelTemplate", "headerTemplate", "footerTemplate", "notFoundTemplate", "typeToSearchTemplate", "loadingTextTemplate", "tagTemplate", "loadingSpinnerTemplate", "mtxOptions"], never, false, never>;
 }
 export {};

package/split/_split-theme.scss

@@ -7,7 +7,7 @@
 
   .mtx-split {
     > .mtx-split-gutter {
-      background-color: rgba(theming.get-color-from-palette($foreground, divider), .12);
+      background-color: theming.get-color-from-palette($foreground, divider, .12);
 
       &:hover {
         background-color: theming.get-color-from-palette(map.get($config, primary), text);

package/tooltip/tooltip-module.d.ts

@@ -4,9 +4,10 @@ import * as i2 from "@angular/cdk/a11y";
 import * as i3 from "@angular/common";
 import * as i4 from "@angular/cdk/overlay";
 import * as i5 from "@angular/material/core";
-import * as i6 from "@angular/cdk/scrolling";
+import * as i6 from "@ng-matero/extensions/core";
+import * as i7 from "@angular/cdk/scrolling";
 export declare class MtxTooltipModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxTooltipModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxTooltipModule, [typeof i1.MtxTooltip, typeof i1.TooltipComponent], [typeof i2.A11yModule, typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.MatCommonModule], [typeof i1.MtxTooltip, typeof i1.TooltipComponent, typeof i5.MatCommonModule, typeof i6.CdkScrollableModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxTooltipModule, [typeof i1.MtxTooltip, typeof i1.TooltipComponent], [typeof i2.A11yModule, typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.MatCommonModule, typeof i6.MtxPipesModule], [typeof i1.MtxTooltip, typeof i1.TooltipComponent, typeof i5.MatCommonModule, typeof i7.CdkScrollableModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtxTooltipModule>;
 }

package/tooltip/tooltip.d.ts

@@ -199,7 +199,6 @@ export declare class TooltipComponent implements OnDestroy {
     private readonly _onHide;
     /** Stream that emits whether the user has a handset-sized display.  */
     _isHandset: Observable<BreakpointState>;
-    _isTemplateRef(obj: any): boolean;
     constructor(_changeDetectorRef: ChangeDetectorRef, _breakpointObserver: BreakpointObserver);
     /**
      * Shows the tooltip with an animation originating from the provided origin