@ng-matero/extensions 15.1.0 → 15.1.2

package/grid/_grid-theme.scss

@@ -10,7 +10,7 @@
   $foreground: map.get($config, foreground);
 
   .mtx-grid {
-    border: 1px solid rgba(theming.get-color-from-palette($foreground, secondary-text), .2);
+    border: 1px solid theming.get-color-from-palette($foreground, secondary-text, .2);
 
     .mat-table-sticky-left,
     .mat-table-sticky-right {
@@ -53,20 +53,20 @@
     }
 
     .mat-mdc-paginator {
-      border-top: 1px solid rgba(theming.get-color-from-palette($foreground, secondary-text), .2);
+      border-top: 1px solid theming.get-color-from-palette($foreground, secondary-text, .2);
     }
   }
 
   .mtx-grid-toolbar {
-    border-bottom: 1px solid rgba(theming.get-color-from-palette($foreground, secondary-text), .2);
+    border-bottom: 1px solid theming.get-color-from-palette($foreground, secondary-text, .2);
   }
 
   .mtx-grid-sidebar {
-    border-color: rgba(theming.get-color-from-palette($foreground, secondary-text), .2);
+    border-color: theming.get-color-from-palette($foreground, secondary-text, .2);
   }
 
   .mtx-grid-statusbar {
-    border-top: 1px solid rgba(theming.get-color-from-palette($foreground, secondary-text), .2);
+    border-top: 1px solid theming.get-color-from-palette($foreground, secondary-text, .2);
   }
 
   .mtx-grid-column-menu-item {

package/grid/cell.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, DoCheck, KeyValueDiffers, OnInit } from '@angular/core';
+import { ChangeDetectorRef, DoCheck, EventEmitter, KeyValueChangeRecord, KeyValueDiffers, OnInit } from '@angular/core';
 import { MtxDialog } from '@ng-matero/extensions/dialog';
 import { MtxGridUtils } from './grid-utils';
 import { MtxGridColumn, MtxGridColumnButton } from './interfaces';
@@ -18,6 +18,7 @@ export declare class MtxGridCell implements OnInit, DoCheck {
     summary: boolean;
     /** Placeholder for the empty value (`null`, `''`, `[]`) */
     placeholder: string;
+    rowDataChange: EventEmitter<KeyValueChangeRecord<string, any>>;
     private rowDataDiffer?;
     get _value(): string;
     constructor(_dialog: MtxDialog, _utils: MtxGridUtils, _differs: KeyValueDiffers, _changeDetectorRef: ChangeDetectorRef);
@@ -31,5 +32,5 @@ export declare class MtxGridCell implements OnInit, DoCheck {
     /** Preview enlarged image */
     _onImagePreview(urlStr: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridCell, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxGridCell, "mtx-grid-cell", ["mtxGridCell"], { "rowData": "rowData"; "colDef": "colDef"; "data": "data"; "summary": "summary"; "placeholder": "placeholder"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxGridCell, "mtx-grid-cell", ["mtxGridCell"], { "rowData": "rowData"; "colDef": "colDef"; "data": "data"; "summary": "summary"; "placeholder": "placeholder"; }, { "rowDataChange": "rowDataChange"; }, never, never, false, never>;
 }

package/grid/grid-pipes.d.ts

@@ -1,9 +1,9 @@
-import { PipeTransform } from '@angular/core';
+import { KeyValueChangeRecord, PipeTransform } from '@angular/core';
 import { MtxGridUtils } from './grid-utils';
 import { MtxGridColumn, MtxGridColumnButton, MtxGridRowClassFormatter } from './interfaces';
 import * as i0 from "@angular/core";
 export declare class MtxGridColClassPipe implements PipeTransform {
-    transform(colDef: MtxGridColumn, rowData?: Record<string, any>): string;
+    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>;
 }

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';
@@ -183,6 +183,8 @@ 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;
     _getColData(data: any[], colDef: MtxGridColumn): any[];
@@ -192,6 +194,7 @@ export declare class MtxGrid implements OnChanges, AfterViewInit, OnDestroy {
     _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: Record<string, any>, column: MtxGridColumn, index: number): void;
     /** Cell select event */

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.1.0",
+  "version": "15.1.2",
   "description": "Angular Material Extensions",
   "publishConfig": {
     "access": "public"

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);