@messaia/cdk 18.2.3-rc10 → 18.2.3
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/esm2022/lib/base/components/generic-embedded-list.component.mjs +3 -1
- package/esm2022/lib/dialogs/confirm-dialog/confirm-dialog.component.mjs +33 -27
- package/esm2022/lib/dialogs/dialogs.module.mjs +10 -10
- package/esm2022/lib/table/components/dynamic-table/dynamic-table.component.mjs +7 -1
- package/fesm2022/messaia-cdk.mjs +47 -35
- package/fesm2022/messaia-cdk.mjs.map +1 -1
- package/lib/common/styles/_layout.scss +8 -8
- package/lib/dialogs/confirm-dialog/confirm-dialog.component.d.ts +26 -6
- package/lib/dialogs/dialogs.module.d.ts +2 -1
- package/lib/table/components/dynamic-table/dynamic-table.component.d.ts +6 -0
- package/package.json +1 -1
package/fesm2022/messaia-cdk.mjs
CHANGED
|
@@ -15455,27 +15455,33 @@ class VdDynamicTableComponent {
|
|
|
15455
15455
|
rowMenuItems = [];
|
|
15456
15456
|
/**
|
|
15457
15457
|
* Input for a single row action to be applied when interacting with a row.
|
|
15458
|
+
* @property {ActionItem} rowAction
|
|
15458
15459
|
*/
|
|
15459
15460
|
rowAction;
|
|
15460
15461
|
/**
|
|
15461
15462
|
* Input for specifying which columns should be excluded from display in the table.
|
|
15463
|
+
* @property {string[]} excludedColumns
|
|
15462
15464
|
*/
|
|
15463
15465
|
excludedColumns = [];
|
|
15464
15466
|
/**
|
|
15465
15467
|
* QueryList to reference all MatMenuTriggers associated with row context menus.
|
|
15466
15468
|
* Used for handling the context menu interactions on table rows.
|
|
15469
|
+
* @property {QueryList<MatMenuTrigger>} rowContextMenuTriggers
|
|
15467
15470
|
*/
|
|
15468
15471
|
rowContextMenuTriggers;
|
|
15469
15472
|
/**
|
|
15470
15473
|
* Column type enum reference, mapping table columns to their types for rendering.
|
|
15474
|
+
* @property {typeof TableColumnType} ColumnType
|
|
15471
15475
|
*/
|
|
15472
15476
|
ColumnType = TableColumnType;
|
|
15473
15477
|
/**
|
|
15474
15478
|
* Grid enum reference, representing the type of grid used in the table.
|
|
15479
|
+
* @property {typeof Grid} Grid
|
|
15475
15480
|
*/
|
|
15476
15481
|
Grid = Grid;
|
|
15477
15482
|
/**
|
|
15478
15483
|
* Reference to the currently expanded row, used for handling row expansion logic.
|
|
15484
|
+
* @property {any} expandedRow
|
|
15479
15485
|
*/
|
|
15480
15486
|
expandedRow;
|
|
15481
15487
|
/**
|
|
@@ -16512,51 +16518,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
|
|
|
16512
16518
|
}], ctorParameters: () => [{ type: i1$5.MatDialogRef }] });
|
|
16513
16519
|
|
|
16514
16520
|
class VdConfirmDialogComponent {
|
|
16515
|
-
|
|
16521
|
+
dialogRef;
|
|
16522
|
+
/**
|
|
16523
|
+
* @property title
|
|
16524
|
+
* @description The title to be displayed at the top of the dialog.
|
|
16525
|
+
* @type {string | undefined}
|
|
16526
|
+
*/
|
|
16516
16527
|
title;
|
|
16528
|
+
/**
|
|
16529
|
+
* @property message
|
|
16530
|
+
* @description The message to be displayed in the dialog body.
|
|
16531
|
+
* @type {string | undefined}
|
|
16532
|
+
*/
|
|
16517
16533
|
message;
|
|
16534
|
+
/**
|
|
16535
|
+
* @property cancelButton
|
|
16536
|
+
* @description The text for the cancel button. Default is 'Cancel'.
|
|
16537
|
+
* @type {string}
|
|
16538
|
+
*/
|
|
16518
16539
|
cancelButton = $localize `:@@cancel:Cancel`;
|
|
16540
|
+
/**
|
|
16541
|
+
* @property acceptButton
|
|
16542
|
+
* @description The text for the accept button. Default is 'Accept'.
|
|
16543
|
+
* @type {string}
|
|
16544
|
+
*/
|
|
16519
16545
|
acceptButton = $localize `:@@accept:Accept`;
|
|
16520
16546
|
/**
|
|
16521
|
-
* Constructor
|
|
16522
|
-
* @param
|
|
16547
|
+
* Constructor Initializes the dialog reference to control dialog behavior.
|
|
16548
|
+
* @param dialogRef The dialog reference to control dialog behavior.
|
|
16523
16549
|
*/
|
|
16524
|
-
constructor(
|
|
16525
|
-
this.
|
|
16550
|
+
constructor(dialogRef) {
|
|
16551
|
+
this.dialogRef = dialogRef;
|
|
16526
16552
|
}
|
|
16527
16553
|
/**
|
|
16528
|
-
*
|
|
16554
|
+
* Cancels the dialog and returns 'false' to indicate cancellation.
|
|
16529
16555
|
*/
|
|
16530
16556
|
cancel() {
|
|
16531
|
-
this.
|
|
16557
|
+
this.dialogRef.close(false);
|
|
16532
16558
|
}
|
|
16533
16559
|
/**
|
|
16534
|
-
*
|
|
16560
|
+
* Accepts the dialog and returns 'true' to indicate acceptance.
|
|
16535
16561
|
*/
|
|
16536
16562
|
accept() {
|
|
16537
|
-
this.
|
|
16563
|
+
this.dialogRef.close(true);
|
|
16538
16564
|
}
|
|
16539
16565
|
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: VdConfirmDialogComponent, deps: [{ token: i1$5.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
16540
|
-
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: VdConfirmDialogComponent, selector: "vd-confirm-dialog", ngImport: i0, template:
|
|
16541
|
-
<h1 mat-dialog-title *ngIf="title">{{title}}</h1>
|
|
16542
|
-
<mat-dialog-content class="md-subhead" [innerHtml]="message"></mat-dialog-content>
|
|
16543
|
-
<mat-dialog-actions align="end">
|
|
16544
|
-
<button mat-button #closeBtn (keydown.arrowright)="acceptBtn.focus()" (click)="cancel()">{{cancelButton}}</button>
|
|
16545
|
-
<button mat-button color="accent" #acceptBtn (keydown.arrowleft)="closeBtn.focus()" (click)="accept()">{{acceptButton}}</button>
|
|
16546
|
-
</mat-dialog-actions>`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$5.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$5.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$5.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i5$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }] });
|
|
16566
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: VdConfirmDialogComponent, selector: "vd-confirm-dialog", ngImport: i0, template: "<h2 mat-dialog-title *ngIf=\"title\" class=\"push-top-sm\" layout=\"row\" layout-align=\"start center\" flex>\r\n <mat-icon fontSet=\"material-symbols-outlined\" class=\"push-right-sm tc-blue-400\">help</mat-icon>\r\n <span>{{title}}</span>\r\n</h2>\r\n<mat-dialog-content class=\"md-subhead\" [innerHtml]=\"message\"></mat-dialog-content>\r\n<mat-dialog-actions align=\"end\">\r\n <button mat-button #closeBtn (keydown.arrowright)=\"acceptBtn.focus()\" (click)=\"cancel()\">{{cancelButton}}</button>\r\n <button mat-button color=\"accent\" #acceptBtn (keydown.arrowleft)=\"closeBtn.focus()\" (click)=\"accept()\">{{acceptButton}}</button>\r\n</mat-dialog-actions>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$5.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$5.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$5.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i5$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
16547
16567
|
}
|
|
16548
16568
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: VdConfirmDialogComponent, decorators: [{
|
|
16549
16569
|
type: Component,
|
|
16550
|
-
args: [{
|
|
16551
|
-
selector: 'vd-confirm-dialog',
|
|
16552
|
-
template: `
|
|
16553
|
-
<h1 mat-dialog-title *ngIf="title">{{title}}</h1>
|
|
16554
|
-
<mat-dialog-content class="md-subhead" [innerHtml]="message"></mat-dialog-content>
|
|
16555
|
-
<mat-dialog-actions align="end">
|
|
16556
|
-
<button mat-button #closeBtn (keydown.arrowright)="acceptBtn.focus()" (click)="cancel()">{{cancelButton}}</button>
|
|
16557
|
-
<button mat-button color="accent" #acceptBtn (keydown.arrowleft)="closeBtn.focus()" (click)="accept()">{{acceptButton}}</button>
|
|
16558
|
-
</mat-dialog-actions>`
|
|
16559
|
-
}]
|
|
16570
|
+
args: [{ selector: 'vd-confirm-dialog', template: "<h2 mat-dialog-title *ngIf=\"title\" class=\"push-top-sm\" layout=\"row\" layout-align=\"start center\" flex>\r\n <mat-icon fontSet=\"material-symbols-outlined\" class=\"push-right-sm tc-blue-400\">help</mat-icon>\r\n <span>{{title}}</span>\r\n</h2>\r\n<mat-dialog-content class=\"md-subhead\" [innerHtml]=\"message\"></mat-dialog-content>\r\n<mat-dialog-actions align=\"end\">\r\n <button mat-button #closeBtn (keydown.arrowright)=\"acceptBtn.focus()\" (click)=\"cancel()\">{{cancelButton}}</button>\r\n <button mat-button color=\"accent\" #acceptBtn (keydown.arrowleft)=\"closeBtn.focus()\" (click)=\"accept()\">{{acceptButton}}</button>\r\n</mat-dialog-actions>" }]
|
|
16560
16571
|
}], ctorParameters: () => [{ type: i1$5.MatDialogRef }] });
|
|
16561
16572
|
|
|
16562
16573
|
class VdDialogTitleDirective {
|
|
@@ -20606,6 +20617,7 @@ class GenericEmbeddedListComponent extends GenericListComponent {
|
|
|
20606
20617
|
this.form?.controls[this.itemsPropertyName]?.removeAt(index);
|
|
20607
20618
|
/* Remove item from the data source */
|
|
20608
20619
|
this.dataSource.items?.splice(index, 1);
|
|
20620
|
+
this.items?.splice(index, 1);
|
|
20609
20621
|
if (this.parent?.id) {
|
|
20610
20622
|
/* Refresh data source if associated with a parent */
|
|
20611
20623
|
this.dataSource.connect().subscribe();
|
|
@@ -20617,6 +20629,7 @@ class GenericEmbeddedListComponent extends GenericListComponent {
|
|
|
20617
20629
|
clearItems() {
|
|
20618
20630
|
/* Clear the items from the data source */
|
|
20619
20631
|
this.dataSource.items = [];
|
|
20632
|
+
this.dataSource.data = [];
|
|
20620
20633
|
/* Clear the form array */
|
|
20621
20634
|
this.form?.controls[this.itemsPropertyName]?.clear();
|
|
20622
20635
|
}
|
|
@@ -25204,7 +25217,8 @@ class VdDialogsModule {
|
|
|
25204
25217
|
CommonModule,
|
|
25205
25218
|
MatDialogModule,
|
|
25206
25219
|
MatInputModule,
|
|
25207
|
-
MatButtonModule
|
|
25220
|
+
MatButtonModule,
|
|
25221
|
+
MatIconModule], exports: [VdAlertDialogComponent,
|
|
25208
25222
|
VdConfirmDialogComponent,
|
|
25209
25223
|
VdPromptDialogComponent,
|
|
25210
25224
|
VdDialogComponent,
|
|
@@ -25217,7 +25231,8 @@ class VdDialogsModule {
|
|
|
25217
25231
|
CommonModule,
|
|
25218
25232
|
MatDialogModule,
|
|
25219
25233
|
MatInputModule,
|
|
25220
|
-
MatButtonModule
|
|
25234
|
+
MatButtonModule,
|
|
25235
|
+
MatIconModule] });
|
|
25221
25236
|
}
|
|
25222
25237
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: VdDialogsModule, decorators: [{
|
|
25223
25238
|
type: NgModule,
|
|
@@ -25227,14 +25242,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
|
|
|
25227
25242
|
CommonModule,
|
|
25228
25243
|
MatDialogModule,
|
|
25229
25244
|
MatInputModule,
|
|
25230
|
-
MatButtonModule
|
|
25231
|
-
|
|
25232
|
-
declarations: [
|
|
25233
|
-
VD_DIALOGS,
|
|
25234
|
-
],
|
|
25235
|
-
exports: [
|
|
25236
|
-
VD_DIALOGS,
|
|
25245
|
+
MatButtonModule,
|
|
25246
|
+
MatIconModule
|
|
25237
25247
|
],
|
|
25248
|
+
declarations: [VD_DIALOGS],
|
|
25249
|
+
exports: [VD_DIALOGS],
|
|
25238
25250
|
providers: [
|
|
25239
25251
|
DIALOG_PROVIDER
|
|
25240
25252
|
]
|