@messaia/cdk 21.0.0-rc.20 → 21.0.0-rc.22
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/fesm2022/messaia-cdk.mjs
CHANGED
|
@@ -1413,6 +1413,23 @@ class BaseComponent {
|
|
|
1413
1413
|
this.router.navigateByUrl(urlTree.toString());
|
|
1414
1414
|
}
|
|
1415
1415
|
}
|
|
1416
|
+
/**
|
|
1417
|
+
* Expands the specified expansion panel and collapses all others.
|
|
1418
|
+
*
|
|
1419
|
+
* @param panelId - The ID of the expansion panel to expand.
|
|
1420
|
+
*/
|
|
1421
|
+
expandPanel(panelId) {
|
|
1422
|
+
/* Get the panel ends with the ID 'new' */
|
|
1423
|
+
var expansionPanelIndex = this.matExpansionPanelElementQueryList?.toArray()?.findIndex(x => x.nativeElement.id == panelId) ?? -1;
|
|
1424
|
+
if (expansionPanelIndex >= 0) {
|
|
1425
|
+
/* Close all panels */
|
|
1426
|
+
this.matExpansionPanelQueryList?.first?.accordion?.closeAll();
|
|
1427
|
+
/* Open the new panel */
|
|
1428
|
+
this.matExpansionPanelQueryList?.toArray()[expansionPanelIndex]?.open();
|
|
1429
|
+
/* Detect changes */
|
|
1430
|
+
this.changeDetectorRef.detectChanges();
|
|
1431
|
+
}
|
|
1432
|
+
}
|
|
1416
1433
|
/*
|
|
1417
1434
|
* Forces a new change detection cycle since change detections
|
|
1418
1435
|
* have finished when `ngAfterViewInit` is executed.
|
|
@@ -13131,12 +13148,6 @@ class EnumMetadata {
|
|
|
13131
13148
|
* @type {Icon<any, any>}
|
|
13132
13149
|
*/
|
|
13133
13150
|
icon;
|
|
13134
|
-
/**
|
|
13135
|
-
* @property Icon Color
|
|
13136
|
-
* @description An optional color for the icon associated with the enum value. This allows customization of the icon's appearance in the UI.
|
|
13137
|
-
* @type {string}
|
|
13138
|
-
*/
|
|
13139
|
-
iconColor;
|
|
13140
13151
|
/**
|
|
13141
13152
|
* @property Text Color
|
|
13142
13153
|
* @description An optional text color associated with the enum value. This allows customization of the appearance of the value in the UI.
|
|
@@ -14800,7 +14811,7 @@ class VdDynamicMenuComponent {
|
|
|
14800
14811
|
}, { once: true });
|
|
14801
14812
|
}
|
|
14802
14813
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: VdDynamicMenuComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
14803
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: VdDynamicMenuComponent, isStandalone: true, selector: "vd-dynamic-menu", inputs: { items: "items", data: "data", index: "index", context: "context", contextMenu: "contextMenu" }, viewQueries: [{ propertyName: "matMenu", first: true, predicate: MatMenu, descendants: true }, { propertyName: "contextMenuTrigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<!-- Container row layout for displaying action items horizontally, aligned center vertically -->\r\n@if (items) {\r\n
|
|
14814
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: VdDynamicMenuComponent, isStandalone: true, selector: "vd-dynamic-menu", inputs: { items: "items", data: "data", index: "index", context: "context", contextMenu: "contextMenu" }, viewQueries: [{ propertyName: "matMenu", first: true, predicate: MatMenu, descendants: true }, { propertyName: "contextMenuTrigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<!-- Container row layout for displaying action items horizontally, aligned center vertically -->\r\n@if (items) {\r\n <div layout=\"row\" layout-align=\"start center\" flex>\r\n @for (menu of items; track menu) {\r\n <!-- #region Button trigger for actions that open a submenu -->\r\n @if (!contextMenu && menu?.items?.length && !(menu.hide && menu.hide(data, context, index))) {\r\n <a mat-icon-button\r\n [mat-menu-trigger-for]=\"matMenu\"\r\n [disabled]=\"data?.locked || (menu?.disable && menu?.disable(data, context, index))\"\r\n [matTooltip]=\"menu.tooltip\"\r\n (click)=\"$event.stopPropagation();\">\r\n <!-- Display menu icon -->\r\n <mat-icon fontSet=\"{{menu.iconFontSet || 'material-symbols-outlined'}}\"\r\n [class]=\"menu.iconClass ?? '' | func:data:context\"\r\n [style.color]=\"menu.iconColor\">\r\n {{ (menu.icon ?? 'more_vert' | func:data:context) || 'more_vert' }}\r\n </mat-icon>\r\n <!-- Optional title next to icon -->\r\n <span [style.color]=\"menu.textColor\">{{menu.title | func:data:context}}</span>\r\n </a>\r\n }\r\n <!-- #endregion -->\r\n <!-- #region Invisible context menu trigger used for right-click context positioning -->\r\n @if (contextMenu) {\r\n <div style=\"visibility: hidden; position: fixed\"\r\n [style.left]=\"contextMenuPosition.x\"\r\n [style.top]=\"contextMenuPosition.y\"\r\n [matMenuTriggerFor]=\"matMenu\"></div>\r\n }\r\n <!-- #endregion -->\r\n <!-- #region Direct action button (no submenu) -->\r\n @if (!menu?.items?.length && !(menu.hide && menu.hide(data, context, index))) {\r\n <a mat-icon-button\r\n [disabled]=\"data?.locked || (menu?.disable && menu?.disable(data, context, index))\"\r\n [matTooltip]=\"menu.tooltip\"\r\n (click)=\"$event.stopPropagation(); menu.event ? menu.event(data, context, index) : null\">\r\n <!-- Icon for the action -->\r\n <mat-icon fontSet=\"{{menu.iconFontSet || 'material-symbols-outlined'}}\"\r\n [class]=\"menu.iconClass ?? '' | func:data:context\"\r\n [style.color]=\"menu.iconColor\">\r\n {{ (menu.icon ?? 'radio_button_unchecked' | func:data:context) || 'radio_button_unchecked' }}\r\n </mat-icon>\r\n </a>\r\n }\r\n <!-- #endregion -->\r\n <!-- #region MatMenu with nested submenus -->\r\n <mat-menu x-position=\"before\" #matMenu=\"matMenu\">\r\n @for (menuItem of menu?.items; track menuItem) {\r\n <!-- Simple menu item without sub-items -->\r\n @if (!menuItem.items) {\r\n @if (!menuItem.hide || !menuItem.hide(data, context, index)) {\r\n <a mat-menu-item\r\n (click)=\"menuItem.event ? menuItem.event(data, context, index) : null\"\r\n [disabled]=\"menuItem.disable && menuItem.disable(data, context, index)\"\r\n [matTooltip]=\"menuItem.tooltip\">\r\n <mat-icon fontSet=\"{{menuItem.iconFontSet || 'material-symbols-outlined'}}\"\r\n [class]=\"menuItem.iconClass ?? '' | func:data:context\"\r\n [style.color]=\"menuItem.iconColor\">\r\n {{ (menuItem.icon ?? 'radio_button_unchecked' | func:data:context) || 'radio_button_unchecked' }}\r\n </mat-icon>\r\n <span [style.color]=\"menuItem.textColor\">{{menuItem.title | func:data:context}}</span>\r\n </a>\r\n }\r\n }\r\n <!-- Menu item with nested submenu -->\r\n @if (menuItem.items) {\r\n <!-- Define the submenu -->\r\n <mat-menu x-position=\"before\" #subMenu=\"matMenu\">\r\n @for (menuSubItem of menuItem.items; track menuSubItem) {\r\n @if (!menuSubItem.hide || !menuSubItem.hide(data, context, index)) {\r\n <a mat-menu-item\r\n (click)=\"menuSubItem.event ? menuSubItem.event(data, context, index) : null\"\r\n [disabled]=\"menuSubItem.disable && menuSubItem.disable(data, context, index)\"\r\n [matTooltip]=\"menuItem.tooltip\">\r\n <mat-icon fontSet=\"{{menuSubItem.iconFontSet || 'material-symbols-outlined'}}\"\r\n [class]=\"menuSubItem.iconClass ?? '' | func:data:context\"\r\n [style.color]=\"menuSubItem.iconColor\">\r\n {{ (menuSubItem.icon ?? 'radio_button_unchecked' | func:data:context) || 'radio_button_unchecked' }}\r\n </mat-icon>\r\n <span [style.color]=\"menuSubItem.textColor\">{{menuSubItem.title | func:data:context}}</span>\r\n </a>\r\n }\r\n }\r\n </mat-menu>\r\n <!-- Trigger for submenu -->\r\n @if (!menuItem.hide || !menuItem.hide(data, context, index)) {\r\n <a mat-menu-item\r\n [matMenuTriggerFor]=\"subMenu\"\r\n [disabled]=\"menuItem.disable && menuItem.disable(data, context, index)\"\r\n [matTooltip]=\"menuItem.tooltip\">\r\n <mat-icon fontSet=\"{{menuItem.iconFontSet || 'material-symbols-outlined'}}\"\r\n [class]=\"menuItem.iconClass ?? '' | func:data:context\"\r\n [style.color]=\"menuItem.iconColor\">\r\n {{ (menuItem.icon ?? 'radio_button_unchecked' | func:data:context) || 'radio_button_unchecked' }}\r\n </mat-icon>\r\n <span [style.color]=\"menuItem.textColor\">{{menuItem.title | func:data:context}}</span>\r\n </a>\r\n }\r\n }\r\n }\r\n </mat-menu>\r\n <!-- #endregion -->\r\n }\r\n </div>\r\n}", dependencies: [{ kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i1$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i1$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: FuncPipe, name: "func" }] });
|
|
14804
14815
|
}
|
|
14805
14816
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: VdDynamicMenuComponent, decorators: [{
|
|
14806
14817
|
type: Component,
|
|
@@ -14811,7 +14822,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
14811
14822
|
MatButtonModule,
|
|
14812
14823
|
MatTooltipModule,
|
|
14813
14824
|
FuncPipe
|
|
14814
|
-
], template: "<!-- Container row layout for displaying action items horizontally, aligned center vertically -->\r\n@if (items) {\r\n
|
|
14825
|
+
], template: "<!-- Container row layout for displaying action items horizontally, aligned center vertically -->\r\n@if (items) {\r\n <div layout=\"row\" layout-align=\"start center\" flex>\r\n @for (menu of items; track menu) {\r\n <!-- #region Button trigger for actions that open a submenu -->\r\n @if (!contextMenu && menu?.items?.length && !(menu.hide && menu.hide(data, context, index))) {\r\n <a mat-icon-button\r\n [mat-menu-trigger-for]=\"matMenu\"\r\n [disabled]=\"data?.locked || (menu?.disable && menu?.disable(data, context, index))\"\r\n [matTooltip]=\"menu.tooltip\"\r\n (click)=\"$event.stopPropagation();\">\r\n <!-- Display menu icon -->\r\n <mat-icon fontSet=\"{{menu.iconFontSet || 'material-symbols-outlined'}}\"\r\n [class]=\"menu.iconClass ?? '' | func:data:context\"\r\n [style.color]=\"menu.iconColor\">\r\n {{ (menu.icon ?? 'more_vert' | func:data:context) || 'more_vert' }}\r\n </mat-icon>\r\n <!-- Optional title next to icon -->\r\n <span [style.color]=\"menu.textColor\">{{menu.title | func:data:context}}</span>\r\n </a>\r\n }\r\n <!-- #endregion -->\r\n <!-- #region Invisible context menu trigger used for right-click context positioning -->\r\n @if (contextMenu) {\r\n <div style=\"visibility: hidden; position: fixed\"\r\n [style.left]=\"contextMenuPosition.x\"\r\n [style.top]=\"contextMenuPosition.y\"\r\n [matMenuTriggerFor]=\"matMenu\"></div>\r\n }\r\n <!-- #endregion -->\r\n <!-- #region Direct action button (no submenu) -->\r\n @if (!menu?.items?.length && !(menu.hide && menu.hide(data, context, index))) {\r\n <a mat-icon-button\r\n [disabled]=\"data?.locked || (menu?.disable && menu?.disable(data, context, index))\"\r\n [matTooltip]=\"menu.tooltip\"\r\n (click)=\"$event.stopPropagation(); menu.event ? menu.event(data, context, index) : null\">\r\n <!-- Icon for the action -->\r\n <mat-icon fontSet=\"{{menu.iconFontSet || 'material-symbols-outlined'}}\"\r\n [class]=\"menu.iconClass ?? '' | func:data:context\"\r\n [style.color]=\"menu.iconColor\">\r\n {{ (menu.icon ?? 'radio_button_unchecked' | func:data:context) || 'radio_button_unchecked' }}\r\n </mat-icon>\r\n </a>\r\n }\r\n <!-- #endregion -->\r\n <!-- #region MatMenu with nested submenus -->\r\n <mat-menu x-position=\"before\" #matMenu=\"matMenu\">\r\n @for (menuItem of menu?.items; track menuItem) {\r\n <!-- Simple menu item without sub-items -->\r\n @if (!menuItem.items) {\r\n @if (!menuItem.hide || !menuItem.hide(data, context, index)) {\r\n <a mat-menu-item\r\n (click)=\"menuItem.event ? menuItem.event(data, context, index) : null\"\r\n [disabled]=\"menuItem.disable && menuItem.disable(data, context, index)\"\r\n [matTooltip]=\"menuItem.tooltip\">\r\n <mat-icon fontSet=\"{{menuItem.iconFontSet || 'material-symbols-outlined'}}\"\r\n [class]=\"menuItem.iconClass ?? '' | func:data:context\"\r\n [style.color]=\"menuItem.iconColor\">\r\n {{ (menuItem.icon ?? 'radio_button_unchecked' | func:data:context) || 'radio_button_unchecked' }}\r\n </mat-icon>\r\n <span [style.color]=\"menuItem.textColor\">{{menuItem.title | func:data:context}}</span>\r\n </a>\r\n }\r\n }\r\n <!-- Menu item with nested submenu -->\r\n @if (menuItem.items) {\r\n <!-- Define the submenu -->\r\n <mat-menu x-position=\"before\" #subMenu=\"matMenu\">\r\n @for (menuSubItem of menuItem.items; track menuSubItem) {\r\n @if (!menuSubItem.hide || !menuSubItem.hide(data, context, index)) {\r\n <a mat-menu-item\r\n (click)=\"menuSubItem.event ? menuSubItem.event(data, context, index) : null\"\r\n [disabled]=\"menuSubItem.disable && menuSubItem.disable(data, context, index)\"\r\n [matTooltip]=\"menuItem.tooltip\">\r\n <mat-icon fontSet=\"{{menuSubItem.iconFontSet || 'material-symbols-outlined'}}\"\r\n [class]=\"menuSubItem.iconClass ?? '' | func:data:context\"\r\n [style.color]=\"menuSubItem.iconColor\">\r\n {{ (menuSubItem.icon ?? 'radio_button_unchecked' | func:data:context) || 'radio_button_unchecked' }}\r\n </mat-icon>\r\n <span [style.color]=\"menuSubItem.textColor\">{{menuSubItem.title | func:data:context}}</span>\r\n </a>\r\n }\r\n }\r\n </mat-menu>\r\n <!-- Trigger for submenu -->\r\n @if (!menuItem.hide || !menuItem.hide(data, context, index)) {\r\n <a mat-menu-item\r\n [matMenuTriggerFor]=\"subMenu\"\r\n [disabled]=\"menuItem.disable && menuItem.disable(data, context, index)\"\r\n [matTooltip]=\"menuItem.tooltip\">\r\n <mat-icon fontSet=\"{{menuItem.iconFontSet || 'material-symbols-outlined'}}\"\r\n [class]=\"menuItem.iconClass ?? '' | func:data:context\"\r\n [style.color]=\"menuItem.iconColor\">\r\n {{ (menuItem.icon ?? 'radio_button_unchecked' | func:data:context) || 'radio_button_unchecked' }}\r\n </mat-icon>\r\n <span [style.color]=\"menuItem.textColor\">{{menuItem.title | func:data:context}}</span>\r\n </a>\r\n }\r\n }\r\n }\r\n </mat-menu>\r\n <!-- #endregion -->\r\n }\r\n </div>\r\n}" }]
|
|
14815
14826
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { matMenu: [{
|
|
14816
14827
|
type: ViewChild,
|
|
14817
14828
|
args: [MatMenu]
|