@ng-matero/extensions 14.4.1 → 14.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alert/alert.component.d.ts +4 -4
- package/core/datetime/datetime-adapter.d.ts +1 -1
- package/datetimepicker/_datetimepicker-theme.scss +38 -12
- package/datetimepicker/calendar.d.ts +28 -17
- package/datetimepicker/calendar.scss +68 -92
- package/datetimepicker/clock.d.ts +3 -2
- package/datetimepicker/clock.scss +1 -1
- package/datetimepicker/datetimepicker-content.scss +21 -6
- package/datetimepicker/datetimepicker-intl.d.ts +51 -0
- package/datetimepicker/datetimepicker-module.d.ts +13 -12
- package/datetimepicker/datetimepicker-toggle.d.ts +6 -4
- package/datetimepicker/datetimepicker-types.d.ts +4 -0
- package/datetimepicker/datetimepicker.d.ts +14 -3
- package/datetimepicker/public-api.d.ts +1 -0
- package/datetimepicker/time.d.ts +130 -0
- package/datetimepicker/time.scss +78 -0
- package/esm2020/alert/alert.component.mjs +5 -5
- package/esm2020/core/datetime/datetime-adapter.mjs +1 -1
- package/esm2020/datetimepicker/calendar-body.mjs +3 -3
- package/esm2020/datetimepicker/calendar.mjs +81 -33
- package/esm2020/datetimepicker/clock.mjs +14 -8
- package/esm2020/datetimepicker/datetimepicker-intl.mjs +63 -0
- package/esm2020/datetimepicker/datetimepicker-module.mjs +8 -1
- package/esm2020/datetimepicker/datetimepicker-toggle.mjs +9 -6
- package/esm2020/datetimepicker/datetimepicker-types.mjs +1 -1
- package/esm2020/datetimepicker/datetimepicker.mjs +50 -19
- package/esm2020/datetimepicker/public-api.mjs +2 -1
- package/esm2020/datetimepicker/time.mjs +453 -0
- package/esm2020/grid/cell.component.mjs +1 -1
- package/esm2020/grid/grid.component.mjs +84 -23
- package/esm2020/grid/grid.interface.mjs +1 -1
- package/esm2020/loader/loader.component.mjs +10 -4
- package/esm2020/progress/progress.component.mjs +5 -5
- package/fesm2015/mtxAlert.mjs +4 -4
- package/fesm2015/mtxAlert.mjs.map +1 -1
- package/fesm2015/mtxCore.mjs.map +1 -1
- package/fesm2015/mtxDatetimepicker.mjs +663 -65
- package/fesm2015/mtxDatetimepicker.mjs.map +1 -1
- package/fesm2015/mtxGrid.mjs +83 -22
- package/fesm2015/mtxGrid.mjs.map +1 -1
- package/fesm2015/mtxLoader.mjs +9 -3
- package/fesm2015/mtxLoader.mjs.map +1 -1
- package/fesm2015/mtxProgress.mjs +4 -4
- package/fesm2015/mtxProgress.mjs.map +1 -1
- package/fesm2020/mtxAlert.mjs +4 -4
- package/fesm2020/mtxAlert.mjs.map +1 -1
- package/fesm2020/mtxCore.mjs.map +1 -1
- package/fesm2020/mtxDatetimepicker.mjs +660 -65
- package/fesm2020/mtxDatetimepicker.mjs.map +1 -1
- package/fesm2020/mtxGrid.mjs +83 -22
- package/fesm2020/mtxGrid.mjs.map +1 -1
- package/fesm2020/mtxLoader.mjs +9 -3
- package/fesm2020/mtxLoader.mjs.map +1 -1
- package/fesm2020/mtxProgress.mjs +4 -4
- package/fesm2020/mtxProgress.mjs.map +1 -1
- package/grid/cell.component.d.ts +1 -1
- package/grid/grid.component.d.ts +89 -11
- package/grid/grid.interface.d.ts +2 -2
- package/loader/loader.component.d.ts +9 -3
- package/package.json +1 -1
- package/progress/progress.component.d.ts +8 -8
package/fesm2020/mtxLoader.mjs
CHANGED
|
@@ -11,25 +11,31 @@ import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
|
11
11
|
class MtxLoaderComponent {
|
|
12
12
|
constructor(_changeDetectorRef) {
|
|
13
13
|
this._changeDetectorRef = _changeDetectorRef;
|
|
14
|
+
/** The loader's type. Can be `spinner` or `progressbar` */
|
|
14
15
|
this.type = 'spinner';
|
|
16
|
+
/** Theme color palette for the component. */
|
|
15
17
|
this.color = 'primary';
|
|
18
|
+
/** Mode of the progress circle or the progress bar. */
|
|
16
19
|
this.mode = 'indeterminate';
|
|
17
|
-
/**
|
|
20
|
+
/** Stroke width of the spinner loader. */
|
|
18
21
|
this.strokeWidth = 4;
|
|
19
|
-
/**
|
|
22
|
+
/** The diameter of the spinner loader (will set width and height of svg). */
|
|
20
23
|
this.diameter = 48;
|
|
21
|
-
/**
|
|
24
|
+
/** Buffer value of the progressbar loader. */
|
|
22
25
|
this.bufferValue = 0;
|
|
26
|
+
/** Value of the progress circle or the progress bar. */
|
|
23
27
|
this.value = 0;
|
|
24
28
|
this._loading = true;
|
|
25
29
|
this._hasBackdrop = true;
|
|
26
30
|
}
|
|
31
|
+
/** Whether the loader is loading. */
|
|
27
32
|
get loading() {
|
|
28
33
|
return this._loading;
|
|
29
34
|
}
|
|
30
35
|
set loading(value) {
|
|
31
36
|
this._loading = coerceBooleanProperty(value);
|
|
32
37
|
}
|
|
38
|
+
/** Whether the loader has a backdrop. */
|
|
33
39
|
get hasBackdrop() {
|
|
34
40
|
return this._hasBackdrop;
|
|
35
41
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mtxLoader.mjs","sources":["../../../projects/extensions/loader/loader.component.ts","../../../projects/extensions/loader/loader.component.html","../../../projects/extensions/loader/loader.module.ts","../../../projects/extensions/loader/mtxLoader.ts"],"sourcesContent":["import {\n Component,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n Input,\n ChangeDetectorRef,\n} from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ThemePalette } from '@angular/material/core';\nimport { ProgressBarMode } from '@angular/material/progress-bar';\nimport { ProgressSpinnerMode } from '@angular/material/progress-spinner';\n\nexport type MtxLoaderType = 'spinner' | 'progressbar';\n\n@Component({\n selector: 'mtx-loader',\n exportAs: 'mtxLoader',\n host: {\n 'class': 'mtx-loader',\n '[class.mtx-loader-loading]': 'loading',\n },\n templateUrl: './loader.component.html',\n styleUrls: ['./loader.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MtxLoaderComponent {\n @Input() type: MtxLoaderType = 'spinner';\n\n @Input() color: ThemePalette = 'primary';\n\n @Input() mode: ProgressSpinnerMode | ProgressBarMode = 'indeterminate';\n\n /**
|
|
1
|
+
{"version":3,"file":"mtxLoader.mjs","sources":["../../../projects/extensions/loader/loader.component.ts","../../../projects/extensions/loader/loader.component.html","../../../projects/extensions/loader/loader.module.ts","../../../projects/extensions/loader/mtxLoader.ts"],"sourcesContent":["import {\n Component,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n Input,\n ChangeDetectorRef,\n} from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ThemePalette } from '@angular/material/core';\nimport { ProgressBarMode } from '@angular/material/progress-bar';\nimport { ProgressSpinnerMode } from '@angular/material/progress-spinner';\n\nexport type MtxLoaderType = 'spinner' | 'progressbar';\n\n@Component({\n selector: 'mtx-loader',\n exportAs: 'mtxLoader',\n host: {\n 'class': 'mtx-loader',\n '[class.mtx-loader-loading]': 'loading',\n },\n templateUrl: './loader.component.html',\n styleUrls: ['./loader.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MtxLoaderComponent {\n /** The loader's type. Can be `spinner` or `progressbar` */\n @Input() type: MtxLoaderType = 'spinner';\n\n /** Theme color palette for the component. */\n @Input() color: ThemePalette = 'primary';\n\n /** Mode of the progress circle or the progress bar. */\n @Input() mode: ProgressSpinnerMode | ProgressBarMode = 'indeterminate';\n\n /** Stroke width of the spinner loader. */\n @Input() strokeWidth = 4;\n\n /** The diameter of the spinner loader (will set width and height of svg). */\n @Input() diameter = 48;\n\n /** Buffer value of the progressbar loader. */\n @Input() bufferValue = 0;\n\n /** Value of the progress circle or the progress bar. */\n @Input() value = 0;\n\n /** Whether the loader is loading. */\n @Input()\n get loading(): boolean {\n return this._loading;\n }\n set loading(value: boolean) {\n this._loading = coerceBooleanProperty(value);\n }\n private _loading = true;\n\n /** Whether the loader has a backdrop. */\n @Input()\n get hasBackdrop(): boolean {\n return this._hasBackdrop;\n }\n set hasBackdrop(value: boolean) {\n this._hasBackdrop = coerceBooleanProperty(value);\n }\n private _hasBackdrop = true;\n\n constructor(private _changeDetectorRef: ChangeDetectorRef) {}\n\n static ngAcceptInputType_loading: BooleanInput;\n static ngAcceptInputType_hasBackdrop: BooleanInput;\n}\n","<div class=\"mtx-loader-backdrop\" *ngIf=\"loading && hasBackdrop\"></div>\r\n<div class=\"mtx-loader-main\" *ngIf=\"loading\">\r\n <mat-spinner *ngIf=\"type==='spinner'\"\r\n [color]=\"color\"\r\n [strokeWidth]=\"strokeWidth\"\r\n [diameter]=\"diameter\"\r\n [mode]=\"$any(mode)\"\r\n [value]=\"value\">\r\n </mat-spinner>\r\n\r\n <mat-progress-bar *ngIf=\"type==='progressbar'\"\r\n [color]=\"color\"\r\n [mode]=\"$any(mode)\"\r\n [value]=\"value\"\r\n [bufferValue]=\"bufferValue\">\r\n </mat-progress-bar>\r\n</div>\r\n<ng-content></ng-content>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\n\r\nimport { MtxLoaderComponent } from './loader.component';\r\n\r\n@NgModule({\r\n imports: [CommonModule, MatProgressSpinnerModule, MatProgressBarModule],\r\n exports: [MtxLoaderComponent],\r\n declarations: [MtxLoaderComponent],\r\n})\r\nexport class MtxLoaderModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;MA0Ba,kBAAkB,CAAA;AA0C7B,IAAA,WAAA,CAAoB,kBAAqC,EAAA;QAArC,IAAkB,CAAA,kBAAA,GAAlB,kBAAkB,CAAmB;;QAxChD,IAAI,CAAA,IAAA,GAAkB,SAAS,CAAC;;QAGhC,IAAK,CAAA,KAAA,GAAiB,SAAS,CAAC;;QAGhC,IAAI,CAAA,IAAA,GAA0C,eAAe,CAAC;;QAG9D,IAAW,CAAA,WAAA,GAAG,CAAC,CAAC;;QAGhB,IAAQ,CAAA,QAAA,GAAG,EAAE,CAAC;;QAGd,IAAW,CAAA,WAAA,GAAG,CAAC,CAAC;;QAGhB,IAAK,CAAA,KAAA,GAAG,CAAC,CAAC;QAUX,IAAQ,CAAA,QAAA,GAAG,IAAI,CAAC;QAUhB,IAAY,CAAA,YAAA,GAAG,IAAI,CAAC;KAEiC;;AAnB7D,IAAA,IACI,OAAO,GAAA;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC;KACtB;IACD,IAAI,OAAO,CAAC,KAAc,EAAA;AACxB,QAAA,IAAI,CAAC,QAAQ,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KAC9C;;AAID,IAAA,IACI,WAAW,GAAA;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;KAC1B;IACD,IAAI,WAAW,CAAC,KAAc,EAAA;AAC5B,QAAA,IAAI,CAAC,YAAY,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KAClD;;kIAvCU,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,mBAAA,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,gXC1B/B,gsBAkBA,EAAA,MAAA,EAAA,CAAA,4bAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,mCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,aAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FDQa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAZ9B,SAAS;+BACE,YAAY,EAAA,QAAA,EACZ,WAAW,EACf,IAAA,EAAA;AACJ,wBAAA,OAAO,EAAE,YAAY;AACrB,wBAAA,4BAA4B,EAAE,SAAS;AACxC,qBAAA,EAAA,aAAA,EAGc,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gsBAAA,EAAA,MAAA,EAAA,CAAA,4bAAA,CAAA,EAAA,CAAA;wGAItC,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAGG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBAGG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAGG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAGG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAGG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAGG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBAIF,OAAO,EAAA,CAAA;sBADV,KAAK;gBAWF,WAAW,EAAA,CAAA;sBADd,KAAK;;;ME/CK,eAAe,CAAA;;+HAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gIAAf,eAAe,EAAA,YAAA,EAAA,CAFX,kBAAkB,CAFvB,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,wBAAwB,EAAE,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAC5D,kBAAkB,CAAA,EAAA,CAAA,CAAA;AAGjB,mBAAA,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EAJhB,OAAA,EAAA,CAAA,YAAY,EAAE,wBAAwB,EAAE,oBAAoB,CAAA,EAAA,CAAA,CAAA;2FAI3D,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,wBAAwB,EAAE,oBAAoB,CAAC;oBACvE,OAAO,EAAE,CAAC,kBAAkB,CAAC;oBAC7B,YAAY,EAAE,CAAC,kBAAkB,CAAC;AACnC,iBAAA,CAAA;;;ACXD;;AAEG;;;;"}
|
package/fesm2020/mtxProgress.mjs
CHANGED
|
@@ -6,21 +6,21 @@ import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
|
6
6
|
|
|
7
7
|
class MtxProgressComponent {
|
|
8
8
|
constructor() {
|
|
9
|
-
/** The progress type */
|
|
9
|
+
/** The progress's type. Can be `default`, `info`, `success`, `warning` or `danger`. */
|
|
10
10
|
this.type = 'info';
|
|
11
|
-
/** The progress
|
|
11
|
+
/** The value of the progress. */
|
|
12
12
|
this.value = 0;
|
|
13
13
|
this._striped = false;
|
|
14
14
|
this._animate = false;
|
|
15
15
|
}
|
|
16
|
-
/** Whether
|
|
16
|
+
/** Whether to apply the striped class. */
|
|
17
17
|
get striped() {
|
|
18
18
|
return this._striped;
|
|
19
19
|
}
|
|
20
20
|
set striped(value) {
|
|
21
21
|
this._striped = coerceBooleanProperty(value);
|
|
22
22
|
}
|
|
23
|
-
/** Whether
|
|
23
|
+
/** Whether to apply the animated class. */
|
|
24
24
|
get animate() {
|
|
25
25
|
return this._animate;
|
|
26
26
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mtxProgress.mjs","sources":["../../../projects/extensions/progress/progress.component.ts","../../../projects/extensions/progress/progress.component.html","../../../projects/extensions/progress/progress.module.ts","../../../projects/extensions/progress/mtxProgress.ts"],"sourcesContent":["import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\nexport type MtxProgressType = 'default' | 'info' | 'success' | 'warning' | 'danger';\n\n@Component({\n selector: 'mtx-progress',\n exportAs: 'mtxProgress',\n host: {\n 'class': 'mtx-progress',\n '[style.height]': 'height',\n '[style.backgroundColor]': 'background',\n },\n templateUrl: './progress.component.html',\n styleUrls: ['./progress.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MtxProgressComponent {\n /** The progress type */\n @Input() type: MtxProgressType = 'info';\n\n /** The progress
|
|
1
|
+
{"version":3,"file":"mtxProgress.mjs","sources":["../../../projects/extensions/progress/progress.component.ts","../../../projects/extensions/progress/progress.component.html","../../../projects/extensions/progress/progress.module.ts","../../../projects/extensions/progress/mtxProgress.ts"],"sourcesContent":["import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\nexport type MtxProgressType = 'default' | 'info' | 'success' | 'warning' | 'danger';\n\n@Component({\n selector: 'mtx-progress',\n exportAs: 'mtxProgress',\n host: {\n 'class': 'mtx-progress',\n '[style.height]': 'height',\n '[style.backgroundColor]': 'background',\n },\n templateUrl: './progress.component.html',\n styleUrls: ['./progress.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MtxProgressComponent {\n /** The progress's type. Can be `default`, `info`, `success`, `warning` or `danger`. */\n @Input() type: MtxProgressType = 'info';\n\n /** The value of the progress. */\n @Input() value = 0;\n\n /** The height of the progress. */\n @Input() height!: string;\n\n /** The text color of the progress. */\n @Input() color!: string;\n\n /** The bar color of the progress. */\n @Input() foreground!: string;\n\n /** The track color of the progress. */\n @Input() background!: string;\n\n /** Whether to apply the striped class. */\n @Input()\n get striped(): boolean {\n return this._striped;\n }\n set striped(value: boolean) {\n this._striped = coerceBooleanProperty(value);\n }\n private _striped = false;\n\n /** Whether to apply the animated class. */\n @Input()\n get animate(): boolean {\n return this._animate;\n }\n set animate(value: boolean) {\n this._animate = coerceBooleanProperty(value);\n }\n private _animate = false;\n\n static ngAcceptInputType_striped: BooleanInput;\n static ngAcceptInputType_animate: BooleanInput;\n}\n","<div [class]=\"'mtx-progress-fill mtx-progress-fill-' + type\"\n [ngClass]=\"{'mtx-progress-fill-striped': striped, 'mtx-progress-fill-animated': animate}\"\n [ngStyle]=\"{ 'width.%': value, 'background-color': foreground }\"\n role=\"progress-fill\">\n <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MtxProgressComponent } from './progress.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [MtxProgressComponent],\n declarations: [MtxProgressComponent],\n})\nexport class MtxProgressModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/grid/cell.component.d.ts
CHANGED
|
@@ -21,7 +21,7 @@ export declare class MtxGridCellComponent {
|
|
|
21
21
|
_getText(value: any): any;
|
|
22
22
|
_getTooltip(value: any): any;
|
|
23
23
|
_getFormatterTooltip(value: any): any;
|
|
24
|
-
_formatSummary(data: any[], colDef: MtxGridColumn):
|
|
24
|
+
_formatSummary(data: any[], colDef: MtxGridColumn): any;
|
|
25
25
|
constructor(_dialog: MtxDialog, _dataGridSrv: MtxGridService);
|
|
26
26
|
_onActionClick(event: MouseEvent, btn: MtxGridColumnButton, rowData: any): void;
|
|
27
27
|
_getActionTooltip(btn: MtxGridColumnButton): import("./grid.interface").MtxGridColumnButtonTooltip | undefined;
|
package/grid/grid.component.d.ts
CHANGED
|
@@ -20,89 +20,167 @@ export declare class MtxGridComponent implements OnChanges, AfterViewInit, OnDes
|
|
|
20
20
|
columnMenu: MtxGridColumnMenu;
|
|
21
21
|
tableContainer: ElementRef<HTMLDivElement>;
|
|
22
22
|
dataSource: MatTableDataSource<unknown>;
|
|
23
|
+
/** The grid's displayed columns. */
|
|
23
24
|
displayedColumns: string[];
|
|
25
|
+
/** The grid's columns. */
|
|
24
26
|
columns: MtxGridColumn[];
|
|
27
|
+
/** The grid's data. */
|
|
25
28
|
data: any[];
|
|
29
|
+
/** The total number of the data. */
|
|
26
30
|
length: number;
|
|
31
|
+
/** Whether the grid is loading. */
|
|
27
32
|
loading: boolean;
|
|
33
|
+
/** Tracking function that will be used to check the differences in data changes. */
|
|
28
34
|
trackBy: TrackByFunction<any>;
|
|
35
|
+
/** Whether the column is resizable. */
|
|
29
36
|
columnResizable: boolean;
|
|
30
|
-
/** Placeholder for the empty value (`null`, `''`, `[]`) */
|
|
37
|
+
/** Placeholder for the empty value (`null`, `''`, `[]`). */
|
|
31
38
|
emptyValuePlaceholder: string;
|
|
39
|
+
/** Whether to paginate the data on front end. */
|
|
32
40
|
pageOnFront: boolean;
|
|
41
|
+
/** Whether to show the paginator. */
|
|
33
42
|
showPaginator: boolean;
|
|
43
|
+
/** Whether the paginator is disabled. */
|
|
34
44
|
pageDisabled: boolean;
|
|
45
|
+
/** Whether to show the first/last buttons UI to the user. */
|
|
35
46
|
showFirstLastButtons: boolean;
|
|
47
|
+
/** The zero-based page index of the displayed list of items. */
|
|
36
48
|
pageIndex: number;
|
|
49
|
+
/** Number of items to display on a page. */
|
|
37
50
|
pageSize: number;
|
|
51
|
+
/** The set of provided page size options to display to the user. */
|
|
38
52
|
pageSizeOptions: number[];
|
|
53
|
+
/** Whether to hide the page size selection UI from the user. */
|
|
39
54
|
hidePageSize: boolean;
|
|
55
|
+
/** Event emitted when the paginator changes the page size or page index. */
|
|
40
56
|
page: EventEmitter<PageEvent>;
|
|
57
|
+
/** The template for the pagination. */
|
|
41
58
|
paginationTemplate: TemplateRef<any>;
|
|
59
|
+
/** Whether to sort the data on front end. */
|
|
42
60
|
sortOnFront: boolean;
|
|
61
|
+
/** The id of the most recently sorted MatSortable. */
|
|
43
62
|
sortActive: string;
|
|
63
|
+
/** The sort direction of the currently active MatSortable. */
|
|
44
64
|
sortDirection: SortDirection;
|
|
65
|
+
/**
|
|
66
|
+
* Whether to disable the user from clearing the sort by finishing the sort direction cycle.
|
|
67
|
+
* May be overriden by the column's `disableClear` in `sortProp`.
|
|
68
|
+
*/
|
|
45
69
|
sortDisableClear: boolean;
|
|
70
|
+
/** Whether the sort is disabled. */
|
|
46
71
|
sortDisabled: boolean;
|
|
72
|
+
/**
|
|
73
|
+
* The direction to set when an MatSortable is initially sorted.
|
|
74
|
+
* May be overriden by the column's `start` in `sortProp`.
|
|
75
|
+
*/
|
|
47
76
|
sortStart: 'asc' | 'desc';
|
|
77
|
+
/** Event emitted when the user changes either the active sort or sort direction. */
|
|
48
78
|
sortChange: EventEmitter<Sort>;
|
|
79
|
+
/** Whether to use the row hover style. */
|
|
49
80
|
rowHover: boolean;
|
|
81
|
+
/** Whether to use the row striped style. */
|
|
50
82
|
rowStriped: boolean;
|
|
83
|
+
/** Event emitted when the user clicks the row. */
|
|
51
84
|
rowClick: EventEmitter<any>;
|
|
52
85
|
expansionRowStates: any[];
|
|
86
|
+
/** Whether the row is expandable. */
|
|
53
87
|
expandable: boolean;
|
|
88
|
+
/** The template for the expandable row. */
|
|
54
89
|
expansionTemplate: TemplateRef<any>;
|
|
90
|
+
/** Event emitted when the user toggles the expandable row. */
|
|
55
91
|
expansionChange: EventEmitter<any>;
|
|
56
|
-
|
|
92
|
+
rowSelection: SelectionModel<any>;
|
|
93
|
+
/** Whether to support multiple row/cell selection. */
|
|
57
94
|
multiSelectable: boolean;
|
|
95
|
+
/** Whether the user can select multiple rows with click. */
|
|
58
96
|
multiSelectionWithClick: boolean;
|
|
59
|
-
|
|
97
|
+
/** The selected row items. */
|
|
60
98
|
rowSelected: any[];
|
|
99
|
+
/** Whether the row is selectable. */
|
|
61
100
|
rowSelectable: boolean;
|
|
101
|
+
/** Whether to hide the row selection checkbox. */
|
|
62
102
|
hideRowSelectionCheckbox: boolean;
|
|
103
|
+
/** The formatter to disable the row selection or hide the row's checkbox. */
|
|
63
104
|
rowSelectionFormatter: MtxGridRowSelectionFormatter;
|
|
105
|
+
/** The formatter to set the row's class. */
|
|
64
106
|
rowClassFormatter: MtxGridRowClassFormatter;
|
|
107
|
+
/** Event emitted when the row is selected. */
|
|
65
108
|
rowSelectionChange: EventEmitter<any[]>;
|
|
66
109
|
cellSelection: any[];
|
|
110
|
+
/** Whether the cell is selectable. */
|
|
67
111
|
cellSelectable: boolean;
|
|
112
|
+
/** Event emitted when the cell is selected. */
|
|
68
113
|
cellSelectionChange: EventEmitter<any[]>;
|
|
69
|
-
private _selectedCell
|
|
114
|
+
private _selectedCell?;
|
|
115
|
+
/** Whether to show the toolbar. */
|
|
70
116
|
showToolbar: boolean;
|
|
117
|
+
/** The text of the toolbar's title. */
|
|
71
118
|
toolbarTitle: string;
|
|
119
|
+
/** The template for the toolbar. */
|
|
72
120
|
toolbarTemplate: TemplateRef<any>;
|
|
121
|
+
/** Whether the column is hideable. */
|
|
122
|
+
columnHideable: boolean;
|
|
123
|
+
/** Hide or show when the column's checkbox is checked. */
|
|
124
|
+
columnHideableChecked: 'show' | 'hide';
|
|
125
|
+
/** Whether the column is sortable. */
|
|
126
|
+
columnSortable: boolean;
|
|
127
|
+
/** Whether the column is pinnable. */
|
|
128
|
+
columnPinnable: boolean;
|
|
129
|
+
/** Event emitted when the column is hided or is sorted. */
|
|
130
|
+
columnChange: EventEmitter<MtxGridColumn[]>;
|
|
131
|
+
/** The options for the column pin list. */
|
|
132
|
+
columnPinOptions: MtxGridColumnPinOption[];
|
|
133
|
+
/** Whether to show the column menu button. */
|
|
73
134
|
showColumnMenuButton: boolean;
|
|
135
|
+
/** The text for the column menu button. */
|
|
74
136
|
columnMenuButtonText: string;
|
|
137
|
+
/** The type for the column menu button. */
|
|
75
138
|
columnMenuButtonType: MtxGridButtonType;
|
|
139
|
+
/** The color for the column menu button. */
|
|
76
140
|
columnMenuButtonColor: ThemePalette;
|
|
141
|
+
/** The class for the column menu button. */
|
|
77
142
|
columnMenuButtonClass: string;
|
|
143
|
+
/** The icon for the column menu button. */
|
|
78
144
|
columnMenuButtonIcon: string;
|
|
79
|
-
|
|
80
|
-
columnHideableChecked: 'show' | 'hide';
|
|
81
|
-
columnSortable: boolean;
|
|
82
|
-
columnPinnable: boolean;
|
|
83
|
-
columnChange: EventEmitter<MtxGridColumn[]>;
|
|
145
|
+
/** Whether to show the column-menu's header. */
|
|
84
146
|
showColumnMenuHeader: boolean;
|
|
147
|
+
/** The text for the column-menu's header. */
|
|
85
148
|
columnMenuHeaderText: string;
|
|
149
|
+
/** The template for the column-menu's header. */
|
|
86
150
|
columnMenuHeaderTemplate: TemplateRef<any>;
|
|
151
|
+
/** Whether to show the the column-menu's footer. */
|
|
87
152
|
showColumnMenuFooter: boolean;
|
|
153
|
+
/** The text for the column-menu's footer. */
|
|
88
154
|
columnMenuFooterText: string;
|
|
155
|
+
/** The template for the column-menu's footer. */
|
|
89
156
|
columnMenuFooterTemplate: TemplateRef<any>;
|
|
90
|
-
|
|
157
|
+
/** The displayed text for the empty data. */
|
|
91
158
|
noResultText: string;
|
|
159
|
+
/** The template for the empty data. */
|
|
92
160
|
noResultTemplate: TemplateRef<any>;
|
|
93
161
|
get _hasNoResult(): boolean;
|
|
162
|
+
/** The header's cell template for the grid. */
|
|
94
163
|
headerTemplate: TemplateRef<any> | MtxGridCellTemplate | any;
|
|
164
|
+
/** The header's cell template for the grid exclude sort. */
|
|
95
165
|
headerExtraTemplate: TemplateRef<any> | MtxGridCellTemplate | any;
|
|
166
|
+
/** The cell template for the grid. */
|
|
96
167
|
cellTemplate: TemplateRef<any> | MtxGridCellTemplate | any;
|
|
168
|
+
/** Whether to use custom row template. If true, you should define a matRowDef. */
|
|
97
169
|
useContentRowTemplate: boolean;
|
|
98
170
|
useContentHeaderRowTemplate: boolean;
|
|
99
171
|
useContentFooterRowTemplate: boolean;
|
|
172
|
+
/** Whether to show the summary. */
|
|
100
173
|
showSummary: boolean;
|
|
174
|
+
/** The template for the summary. */
|
|
101
175
|
summaryTemplate: TemplateRef<any> | MtxGridCellTemplate | any;
|
|
102
176
|
get _whetherShowSummary(): boolean;
|
|
177
|
+
/** Whether to show the sidebar. */
|
|
103
178
|
showSidebar: boolean;
|
|
179
|
+
/** The template for the sidebar. */
|
|
104
180
|
sidebarTemplate: TemplateRef<any>;
|
|
181
|
+
/** Whether to show the status bar. */
|
|
105
182
|
showStatusbar: boolean;
|
|
183
|
+
/** The template for the status bar. */
|
|
106
184
|
statusbarTemplate: TemplateRef<any>;
|
|
107
185
|
constructor(_dataGridSrv: MtxGridService, _changeDetectorRef: ChangeDetectorRef);
|
|
108
186
|
detectChanges(): void;
|
|
@@ -137,7 +215,7 @@ export declare class MtxGridComponent implements OnChanges, AfterViewInit, OnDes
|
|
|
137
215
|
scrollTop(value?: number): number | void;
|
|
138
216
|
scrollLeft(value?: number): number | void;
|
|
139
217
|
static ɵfac: i0.ɵɵFactoryDeclaration<MtxGridComponent, never>;
|
|
140
|
-
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"; "
|
|
218
|
+
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>;
|
|
141
219
|
}
|
|
142
220
|
export declare class MtxGridCellSelectionDirective {
|
|
143
221
|
private _dataGrid;
|
package/grid/grid.interface.d.ts
CHANGED
|
@@ -23,11 +23,11 @@ export interface MtxGridColumn {
|
|
|
23
23
|
typeParameter?: MtxGridColumnTypeParameter;
|
|
24
24
|
tag?: MtxGridColumnTag;
|
|
25
25
|
buttons?: MtxGridColumnButton[];
|
|
26
|
-
formatter?: (rowData: any, colDef?: MtxGridColumn) =>
|
|
26
|
+
formatter?: (rowData: any, colDef?: MtxGridColumn) => any;
|
|
27
27
|
cellTemplate?: TemplateRef<any> | null;
|
|
28
28
|
showExpand?: boolean;
|
|
29
29
|
description?: string;
|
|
30
|
-
summary?: ((data: any[], colDef?: MtxGridColumn) =>
|
|
30
|
+
summary?: ((data: any[], colDef?: MtxGridColumn) => any) | string;
|
|
31
31
|
class?: string;
|
|
32
32
|
}
|
|
33
33
|
/** Possible column pin values. */
|
|
@@ -7,19 +7,25 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
export declare type MtxLoaderType = 'spinner' | 'progressbar';
|
|
8
8
|
export declare class MtxLoaderComponent {
|
|
9
9
|
private _changeDetectorRef;
|
|
10
|
+
/** The loader's type. Can be `spinner` or `progressbar` */
|
|
10
11
|
type: MtxLoaderType;
|
|
12
|
+
/** Theme color palette for the component. */
|
|
11
13
|
color: ThemePalette;
|
|
14
|
+
/** Mode of the progress circle or the progress bar. */
|
|
12
15
|
mode: ProgressSpinnerMode | ProgressBarMode;
|
|
13
|
-
/**
|
|
16
|
+
/** Stroke width of the spinner loader. */
|
|
14
17
|
strokeWidth: number;
|
|
15
|
-
/**
|
|
18
|
+
/** The diameter of the spinner loader (will set width and height of svg). */
|
|
16
19
|
diameter: number;
|
|
17
|
-
/**
|
|
20
|
+
/** Buffer value of the progressbar loader. */
|
|
18
21
|
bufferValue: number;
|
|
22
|
+
/** Value of the progress circle or the progress bar. */
|
|
19
23
|
value: number;
|
|
24
|
+
/** Whether the loader is loading. */
|
|
20
25
|
get loading(): boolean;
|
|
21
26
|
set loading(value: boolean);
|
|
22
27
|
private _loading;
|
|
28
|
+
/** Whether the loader has a backdrop. */
|
|
23
29
|
get hasBackdrop(): boolean;
|
|
24
30
|
set hasBackdrop(value: boolean);
|
|
25
31
|
private _hasBackdrop;
|
package/package.json
CHANGED
|
@@ -2,23 +2,23 @@ import { BooleanInput } from '@angular/cdk/coercion';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare type MtxProgressType = 'default' | 'info' | 'success' | 'warning' | 'danger';
|
|
4
4
|
export declare class MtxProgressComponent {
|
|
5
|
-
/** The progress type */
|
|
5
|
+
/** The progress's type. Can be `default`, `info`, `success`, `warning` or `danger`. */
|
|
6
6
|
type: MtxProgressType;
|
|
7
|
-
/** The progress
|
|
7
|
+
/** The value of the progress. */
|
|
8
8
|
value: number;
|
|
9
|
-
/** The progress
|
|
9
|
+
/** The height of the progress. */
|
|
10
10
|
height: string;
|
|
11
|
-
/** The
|
|
11
|
+
/** The text color of the progress. */
|
|
12
12
|
color: string;
|
|
13
|
-
/** The
|
|
13
|
+
/** The bar color of the progress. */
|
|
14
14
|
foreground: string;
|
|
15
|
-
/** The
|
|
15
|
+
/** The track color of the progress. */
|
|
16
16
|
background: string;
|
|
17
|
-
/** Whether
|
|
17
|
+
/** Whether to apply the striped class. */
|
|
18
18
|
get striped(): boolean;
|
|
19
19
|
set striped(value: boolean);
|
|
20
20
|
private _striped;
|
|
21
|
-
/** Whether
|
|
21
|
+
/** Whether to apply the animated class. */
|
|
22
22
|
get animate(): boolean;
|
|
23
23
|
set animate(value: boolean);
|
|
24
24
|
private _animate;
|