@messaia/cdk 19.0.0-rc10 → 19.0.0-rc11

package/fesm2022/messaia-cdk.mjs

@@ -5033,6 +5033,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                 }]
         }] });
 
+/**
+ * Represents the possible target destinations for a menu item.
+ */
+var MenuItemTarget;
+(function (MenuItemTarget) {
+    /**
+     * Opens the link in the same window or tab.
+     */
+    MenuItemTarget[MenuItemTarget["Self"] = 0] = "Self";
+    /**
+     * Opens the link in a new window or tab.
+     */
+    MenuItemTarget[MenuItemTarget["Blank"] = 1] = "Blank";
+    /**
+     * Opens the link in the parent frame.
+     */
+    MenuItemTarget[MenuItemTarget["Parent"] = 2] = "Parent";
+    /**
+     * Opens the link in the full body of the window.
+     */
+    MenuItemTarget[MenuItemTarget["Top"] = 3] = "Top";
+})(MenuItemTarget || (MenuItemTarget = {}));
+
 class VdMenuComponent {
     media;
     /**
@@ -5055,6 +5078,10 @@ class VdMenuComponent {
      * Mini variant
      */
     mobile = false;
+    /**
+     * Type of enum MenuItemTarget
+     */
+    MenuItemTarget = MenuItemTarget;
     /**
      * click?: function
      * Event emitted when a menu item is clicked.
@@ -5113,11 +5140,11 @@ class VdMenuComponent {
         this.onMouseLeave.emit({ event: $event, item: item });
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: VdMenuComponent, deps: [{ token: VdMediaService }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: VdMenuComponent, isStandalone: false, selector: "vd-menu", inputs: { items: "items", activeExact: "activeExact", fontSet: "fontSet", avatar: "avatar", mobile: "mobile" }, outputs: { onClick: "click", onMouseEnter: "over", onMouseLeave: "out" }, ngImport: i0, template: "<mat-nav-list>\r\n\t<mat-accordion displayMode=\"flat\">\r\n\t\t<ng-template let-item let-last=\"last\" ngFor [ngForOf]=\"items\">\r\n\t\t\t<ng-container *ngIf=\"(item?.items?.length ?? 0) > 0 && mobile; else singleItem\">\r\n\t\t\t\t<mat-expansion-panel class=\"mat-elevation-z raw\"\r\n\t\t\t\t\t\t\t\t\t (click)=\"$event.stopPropagation();\"\r\n\t\t\t\t\t\t\t\t\t [disabled]=\"!mobile\"\r\n\t\t\t\t\t\t\t\t\t [hideToggle]=\"!mobile || !item?.items?.length\"\r\n\t\t\t\t\t\t\t\t\t [ngClass]=\"{'icon-only': !item.title, 'mobile': mobile}\"\r\n\t\t\t\t\t\t\t\t\t (delayedHover)=\"(item.items?.length ?? 0) > 0 && itemMouseEnter(item.event ? item.event : $event, item)\"\r\n\t\t\t\t\t\t\t\t\t (mouseleave)=\"(item.items?.length ?? 0) >0 && false&& itemMouseLeave(item.event ? item.event : $event, item)\"\r\n\t\t\t\t\t\t\t\t\t [routerLinkActive]=\"['active']\"\r\n\t\t\t\t\t\t\t\t\t [routerLinkActiveOptions]=\"{exact:false}\">\r\n\t\t\t\t\t<mat-expansion-panel-header [expandedHeight]=\"'48px'\">\r\n\t\t\t\t\t\t<mat-panel-title>\r\n\t\t\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"!avatar\" [style.color]=\"item.iconColor\">{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t\t\t<span *ngIf=\"!avatar && item.title\" [style.color]=\"item.textColor\">{{item.title}}</span>\r\n\t\t\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"avatar\">{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t\t\t<h3 *ngIf=\"avatar\">{{item.title}}</h3>\r\n\t\t\t\t\t\t</mat-panel-title>\r\n\t\t\t\t\t</mat-expansion-panel-header>\r\n\t\t\t\t\t<mat-nav-list>\r\n\t\t\t\t\t\t<ng-template let-subItem let-subLast=\"last\" ngFor [ngForOf]=\"item.items\" class=\"sub-menu\">\r\n\t\t\t\t\t\t\t<a mat-list-item *ngIf=\"subItem.enabled\" [style.backgroundColor]=\"subItem.backgroundColor\" [routerLink]=\"subItem.path\" [routerLinkActive]=\"['active']\" [ngClass]=\"{'icon-only': !subItem.title}\" [routerLinkActiveOptions]=\"{exact:subItem.activeExact??false}\" [fragment]=\"subItem.fragment\" (click)=\"itemClicked($event, subItem)\">\r\n\t\t\t\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"!avatar\" [style.color]=\"subItem.iconColor\">{{(subItem.icon | func:subItem) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t\t\t\t<span *ngIf=\"!avatar && subItem.title\" [style.color]=\"subItem.textColor\">{{subItem.title}}</span>\r\n\t\t\t\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"avatar\">{{(subItem.icon | func:subItem) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t\t\t\t<h3 *ngIf=\"avatar\">{{subItem.title}}</h3>\r\n\t\t\t\t\t\t\t\t<p *ngIf=\"avatar && subItem.description\">{{subItem.description}}</p>\r\n\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t<mat-divider *ngIf=\"subItem.divider && !avatar\"></mat-divider>\r\n\t\t\t\t\t\t\t<mat-divider [inset]=\"avatar\" *ngIf=\"!subItem.divider && avatar && !subLast\"></mat-divider>\r\n\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t</mat-nav-list>\r\n\t\t\t\t</mat-expansion-panel>\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-template #singleItem>\r\n\t\t\t\t<a mat-list-item *ngIf=\"item.enabled\" [style.backgroundColor]=\"item.backgroundColor\" [routerLink]=\"item.path\" [routerLinkActive]=\"['active']\" [ngClass]=\"{'icon-only': !item.title}\" [routerLinkActiveOptions]=\"{exact:item.activeExact??false}\" [fragment]=\"item.fragment\" (click)=\"itemClicked($event, item)\" (delayedHover)=\"(item.items?.length ?? 0) > 0 && itemMouseEnter(item.event ? item.event : $event, item)\" (mouseleave)=\"(item.items?.length ?? 0) >0 && false&& itemMouseLeave(item.event ? item.event : $event, item)\">\r\n\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"!avatar\" [style.color]=\"item.iconColor\" matListItemIcon>{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t<span *ngIf=\"!avatar && item.title\" [style.color]=\"item.textColor\" matListItemTitle>{{item.title}}</span>\r\n\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"avatar\" matListAvatar>{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t<h3 *ngIf=\"avatar\" matLine>{{item.title}}</h3>\r\n\t\t\t\t\t<p *ngIf=\"avatar && item.description\" matLine>{{item.description}}</p>\r\n\t\t\t\t</a>\r\n\t\t\t\t<mat-divider *ngIf=\"item.divider && !avatar\"></mat-divider>\r\n\t\t\t\t<mat-divider [inset]=\"avatar\" *ngIf=\"!item.divider && avatar && !last\"></mat-divider>\r\n\t\t\t</ng-template>\r\n\t\t</ng-template>\r\n\t</mat-accordion>\r\n</mat-nav-list>", styles: [":host ::ng-deep .mat-mdc-nav-list .mat-mdc-list-item.icon-only .mdc-list-item__content{display:none!important}:host ::ng-deep .mat-expansion-panel{background-color:transparent}:host ::ng-deep .mat-mdc-list-item,:host ::ng-deep .mat-expansion-panel{font-family:var(--mat-expansion-header-text-font, var(--mat-sys-title-medium-font));font-weight:var(--mat-expansion-header-text-weight, var(--mat-sys-title-medium-weight));line-height:var(--mat-expansion-header-text-line-height, var(--mat-sys-title-medium-line-height));letter-spacing:var(--mat-expansion-header-text-tracking, var(--mat-sys-title-medium-tracking))}:host ::ng-deep .mat-mdc-list-item:not(.active),:host ::ng-deep .mat-mdc-list-item:active,:host ::ng-deep .mat-mdc-list-item:focus,:host ::ng-deep .mat-expansion-panel:not(.active),:host ::ng-deep .mat-expansion-panel:active,:host ::ng-deep .mat-expansion-panel:focus{background-color:transparent!important}:host ::ng-deep .mat-mdc-list-item:not(.active):before,:host ::ng-deep .mat-mdc-list-item:active:before,:host ::ng-deep .mat-mdc-list-item:focus:before,:host ::ng-deep .mat-expansion-panel:not(.active):before,:host ::ng-deep .mat-expansion-panel:active:before,:host ::ng-deep .mat-expansion-panel:focus:before{background-color:transparent!important}:host ::ng-deep .mat-mdc-list-item mat-icon,:host ::ng-deep .mat-expansion-panel mat-icon{margin-right:18px;margin-bottom:3px}:host ::ng-deep .mat-mdc-list-item ::ng-deep .mat-expansion-panel-body,:host ::ng-deep .mat-expansion-panel ::ng-deep .mat-expansion-panel-body{padding-bottom:0!important}:host ::ng-deep .mat-mdc-list-item:not(.mobile)>.mat-expansion-panel-header,:host ::ng-deep .mat-expansion-panel:not(.mobile)>.mat-expansion-panel-header{padding:4px 8px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i5.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i5.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i7$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i7$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i7$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i7$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: VdDelayedHoverDirective, selector: "[delayedHover]", inputs: ["duration"], outputs: ["delayedHover"], exportAs: ["hesitation"] }, { kind: "pipe", type: FuncPipe, name: "func" }] });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: VdMenuComponent, isStandalone: false, selector: "vd-menu", inputs: { items: "items", activeExact: "activeExact", fontSet: "fontSet", avatar: "avatar", mobile: "mobile" }, outputs: { onClick: "click", onMouseEnter: "over", onMouseLeave: "out" }, ngImport: i0, template: "<mat-nav-list>\r\n\t<mat-accordion displayMode=\"flat\">\r\n\t\t<ng-template let-item let-last=\"last\" ngFor [ngForOf]=\"items\">\r\n\t\t\t<ng-container *ngIf=\"(item?.items?.length ?? 0) > 0 && mobile; else singleItem\">\r\n\t\t\t\t<mat-expansion-panel class=\"mat-elevation-z raw\"\r\n\t\t\t\t\t\t\t\t\t (click)=\"$event.stopPropagation();\"\r\n\t\t\t\t\t\t\t\t\t [disabled]=\"!mobile\"\r\n\t\t\t\t\t\t\t\t\t [hideToggle]=\"!mobile || !item?.items?.length\"\r\n\t\t\t\t\t\t\t\t\t [ngClass]=\"{'icon-only': !item.title, 'mobile': mobile}\"\r\n\t\t\t\t\t\t\t\t\t (delayedHover)=\"(item.items?.length ?? 0) > 0 && itemMouseEnter(item.event ? item.event : $event, item)\"\r\n\t\t\t\t\t\t\t\t\t (mouseleave)=\"(item.items?.length ?? 0) >0 && false&& itemMouseLeave(item.event ? item.event : $event, item)\"\r\n\t\t\t\t\t\t\t\t\t [routerLinkActive]=\"['active']\"\r\n\t\t\t\t\t\t\t\t\t [routerLinkActiveOptions]=\"{exact:false}\">\r\n\t\t\t\t\t<mat-expansion-panel-header [expandedHeight]=\"'48px'\">\r\n\t\t\t\t\t\t<mat-panel-title>\r\n\t\t\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"!avatar\" [style.color]=\"item.iconColor\">{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t\t\t<span *ngIf=\"!avatar && item.title\" [style.color]=\"item.textColor\">{{item.title}}</span>\r\n\t\t\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"avatar\">{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t\t\t<h3 *ngIf=\"avatar\">{{item.title}}</h3>\r\n\t\t\t\t\t\t</mat-panel-title>\r\n\t\t\t\t\t</mat-expansion-panel-header>\r\n\t\t\t\t\t<mat-nav-list>\r\n\t\t\t\t\t\t<ng-template let-subItem let-subLast=\"last\" ngFor [ngForOf]=\"item.items\" class=\"sub-menu\">\r\n\t\t\t\t\t\t\t<a mat-list-item *ngIf=\"subItem.enabled\" [style.backgroundColor]=\"subItem.backgroundColor\" [routerLink]=\"subItem.path\" target=\"_{{MenuItemTarget[item.target??0].toLowerCase()}}\" [routerLinkActive]=\"['active']\" [ngClass]=\"{'icon-only': !subItem.title}\" [routerLinkActiveOptions]=\"{exact:subItem.activeExact??false}\" [fragment]=\"subItem.fragment\" (click)=\"itemClicked($event, subItem)\">\r\n\t\t\t\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"!avatar\" [style.color]=\"subItem.iconColor\">{{(subItem.icon | func:subItem) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t\t\t\t<span *ngIf=\"!avatar && subItem.title\" [style.color]=\"subItem.textColor\">{{subItem.title}}</span>\r\n\t\t\t\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"avatar\">{{(subItem.icon | func:subItem) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t\t\t\t<h3 *ngIf=\"avatar\">{{subItem.title}}</h3>\r\n\t\t\t\t\t\t\t\t<p *ngIf=\"avatar && subItem.description\">{{subItem.description}}</p>\r\n\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t<mat-divider *ngIf=\"subItem.divider && !avatar\"></mat-divider>\r\n\t\t\t\t\t\t\t<mat-divider [inset]=\"avatar\" *ngIf=\"!subItem.divider && avatar && !subLast\"></mat-divider>\r\n\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t</mat-nav-list>\r\n\t\t\t\t</mat-expansion-panel>\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-template #singleItem>\r\n\t\t\t\t<a mat-list-item *ngIf=\"item.enabled\" [style.backgroundColor]=\"item.backgroundColor\" [routerLink]=\"item.path\" target=\"_{{MenuItemTarget[item.target??0].toLowerCase()}}\" [routerLinkActive]=\"['active']\" [ngClass]=\"{'icon-only': !item.title}\" [routerLinkActiveOptions]=\"{exact:item.activeExact??false}\" [fragment]=\"item.fragment\" (click)=\"itemClicked($event, item)\" (delayedHover)=\"(item.items?.length ?? 0) > 0 && itemMouseEnter(item.event ? item.event : $event, item)\" (mouseleave)=\"(item.items?.length ?? 0) >0 && false&& itemMouseLeave(item.event ? item.event : $event, item)\">\r\n\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"!avatar\" [style.color]=\"item.iconColor\" matListItemIcon>{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t<span *ngIf=\"!avatar && item.title\" [style.color]=\"item.textColor\" matListItemTitle>{{item.title}}</span>\r\n\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"avatar\" matListAvatar>{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t<h3 *ngIf=\"avatar\" matLine>{{item.title}}</h3>\r\n\t\t\t\t\t<p *ngIf=\"avatar && item.description\" matLine>{{item.description}}</p>\r\n\t\t\t\t</a>\r\n\t\t\t\t<mat-divider *ngIf=\"item.divider && !avatar\"></mat-divider>\r\n\t\t\t\t<mat-divider [inset]=\"avatar\" *ngIf=\"!item.divider && avatar && !last\"></mat-divider>\r\n\t\t\t</ng-template>\r\n\t\t</ng-template>\r\n\t</mat-accordion>\r\n</mat-nav-list>", styles: [":host ::ng-deep .mat-mdc-nav-list .mat-mdc-list-item.icon-only .mdc-list-item__content{display:none!important}:host ::ng-deep .mat-expansion-panel{background-color:transparent}:host ::ng-deep .mat-mdc-list-item,:host ::ng-deep .mat-expansion-panel{font-family:var(--mat-expansion-header-text-font, var(--mat-sys-title-medium-font));font-weight:var(--mat-expansion-header-text-weight, var(--mat-sys-title-medium-weight));line-height:var(--mat-expansion-header-text-line-height, var(--mat-sys-title-medium-line-height));letter-spacing:var(--mat-expansion-header-text-tracking, var(--mat-sys-title-medium-tracking))}:host ::ng-deep .mat-mdc-list-item:not(.active),:host ::ng-deep .mat-mdc-list-item:active,:host ::ng-deep .mat-mdc-list-item:focus,:host ::ng-deep .mat-expansion-panel:not(.active),:host ::ng-deep .mat-expansion-panel:active,:host ::ng-deep .mat-expansion-panel:focus{background-color:transparent!important}:host ::ng-deep .mat-mdc-list-item:not(.active):before,:host ::ng-deep .mat-mdc-list-item:active:before,:host ::ng-deep .mat-mdc-list-item:focus:before,:host ::ng-deep .mat-expansion-panel:not(.active):before,:host ::ng-deep .mat-expansion-panel:active:before,:host ::ng-deep .mat-expansion-panel:focus:before{background-color:transparent!important}:host ::ng-deep .mat-mdc-list-item mat-icon,:host ::ng-deep .mat-expansion-panel mat-icon{margin-right:18px;margin-bottom:3px}:host ::ng-deep .mat-mdc-list-item ::ng-deep .mat-expansion-panel-body,:host ::ng-deep .mat-expansion-panel ::ng-deep .mat-expansion-panel-body{padding-bottom:0!important}:host ::ng-deep .mat-mdc-list-item:not(.mobile)>.mat-expansion-panel-header,:host ::ng-deep .mat-expansion-panel:not(.mobile)>.mat-expansion-panel-header{padding:4px 8px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i5.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i5.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i7$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i7$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i7$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i7$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: VdDelayedHoverDirective, selector: "[delayedHover]", inputs: ["duration"], outputs: ["delayedHover"], exportAs: ["hesitation"] }, { kind: "pipe", type: FuncPipe, name: "func" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: VdMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vd-menu', standalone: false, template: "<mat-nav-list>\r\n\t<mat-accordion displayMode=\"flat\">\r\n\t\t<ng-template let-item let-last=\"last\" ngFor [ngForOf]=\"items\">\r\n\t\t\t<ng-container *ngIf=\"(item?.items?.length ?? 0) > 0 && mobile; else singleItem\">\r\n\t\t\t\t<mat-expansion-panel class=\"mat-elevation-z raw\"\r\n\t\t\t\t\t\t\t\t\t (click)=\"$event.stopPropagation();\"\r\n\t\t\t\t\t\t\t\t\t [disabled]=\"!mobile\"\r\n\t\t\t\t\t\t\t\t\t [hideToggle]=\"!mobile || !item?.items?.length\"\r\n\t\t\t\t\t\t\t\t\t [ngClass]=\"{'icon-only': !item.title, 'mobile': mobile}\"\r\n\t\t\t\t\t\t\t\t\t (delayedHover)=\"(item.items?.length ?? 0) > 0 && itemMouseEnter(item.event ? item.event : $event, item)\"\r\n\t\t\t\t\t\t\t\t\t (mouseleave)=\"(item.items?.length ?? 0) >0 && false&& itemMouseLeave(item.event ? item.event : $event, item)\"\r\n\t\t\t\t\t\t\t\t\t [routerLinkActive]=\"['active']\"\r\n\t\t\t\t\t\t\t\t\t [routerLinkActiveOptions]=\"{exact:false}\">\r\n\t\t\t\t\t<mat-expansion-panel-header [expandedHeight]=\"'48px'\">\r\n\t\t\t\t\t\t<mat-panel-title>\r\n\t\t\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"!avatar\" [style.color]=\"item.iconColor\">{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t\t\t<span *ngIf=\"!avatar && item.title\" [style.color]=\"item.textColor\">{{item.title}}</span>\r\n\t\t\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"avatar\">{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t\t\t<h3 *ngIf=\"avatar\">{{item.title}}</h3>\r\n\t\t\t\t\t\t</mat-panel-title>\r\n\t\t\t\t\t</mat-expansion-panel-header>\r\n\t\t\t\t\t<mat-nav-list>\r\n\t\t\t\t\t\t<ng-template let-subItem let-subLast=\"last\" ngFor [ngForOf]=\"item.items\" class=\"sub-menu\">\r\n\t\t\t\t\t\t\t<a mat-list-item *ngIf=\"subItem.enabled\" [style.backgroundColor]=\"subItem.backgroundColor\" [routerLink]=\"subItem.path\" [routerLinkActive]=\"['active']\" [ngClass]=\"{'icon-only': !subItem.title}\" [routerLinkActiveOptions]=\"{exact:subItem.activeExact??false}\" [fragment]=\"subItem.fragment\" (click)=\"itemClicked($event, subItem)\">\r\n\t\t\t\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"!avatar\" [style.color]=\"subItem.iconColor\">{{(subItem.icon | func:subItem) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t\t\t\t<span *ngIf=\"!avatar && subItem.title\" [style.color]=\"subItem.textColor\">{{subItem.title}}</span>\r\n\t\t\t\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"avatar\">{{(subItem.icon | func:subItem) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t\t\t\t<h3 *ngIf=\"avatar\">{{subItem.title}}</h3>\r\n\t\t\t\t\t\t\t\t<p *ngIf=\"avatar && subItem.description\">{{subItem.description}}</p>\r\n\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t<mat-divider *ngIf=\"subItem.divider && !avatar\"></mat-divider>\r\n\t\t\t\t\t\t\t<mat-divider [inset]=\"avatar\" *ngIf=\"!subItem.divider && avatar && !subLast\"></mat-divider>\r\n\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t</mat-nav-list>\r\n\t\t\t\t</mat-expansion-panel>\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-template #singleItem>\r\n\t\t\t\t<a mat-list-item *ngIf=\"item.enabled\" [style.backgroundColor]=\"item.backgroundColor\" [routerLink]=\"item.path\" [routerLinkActive]=\"['active']\" [ngClass]=\"{'icon-only': !item.title}\" [routerLinkActiveOptions]=\"{exact:item.activeExact??false}\" [fragment]=\"item.fragment\" (click)=\"itemClicked($event, item)\" (delayedHover)=\"(item.items?.length ?? 0) > 0 && itemMouseEnter(item.event ? item.event : $event, item)\" (mouseleave)=\"(item.items?.length ?? 0) >0 && false&& itemMouseLeave(item.event ? item.event : $event, item)\">\r\n\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"!avatar\" [style.color]=\"item.iconColor\" matListItemIcon>{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t<span *ngIf=\"!avatar && item.title\" [style.color]=\"item.textColor\" matListItemTitle>{{item.title}}</span>\r\n\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"avatar\" matListAvatar>{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t<h3 *ngIf=\"avatar\" matLine>{{item.title}}</h3>\r\n\t\t\t\t\t<p *ngIf=\"avatar && item.description\" matLine>{{item.description}}</p>\r\n\t\t\t\t</a>\r\n\t\t\t\t<mat-divider *ngIf=\"item.divider && !avatar\"></mat-divider>\r\n\t\t\t\t<mat-divider [inset]=\"avatar\" *ngIf=\"!item.divider && avatar && !last\"></mat-divider>\r\n\t\t\t</ng-template>\r\n\t\t</ng-template>\r\n\t</mat-accordion>\r\n</mat-nav-list>", styles: [":host ::ng-deep .mat-mdc-nav-list .mat-mdc-list-item.icon-only .mdc-list-item__content{display:none!important}:host ::ng-deep .mat-expansion-panel{background-color:transparent}:host ::ng-deep .mat-mdc-list-item,:host ::ng-deep .mat-expansion-panel{font-family:var(--mat-expansion-header-text-font, var(--mat-sys-title-medium-font));font-weight:var(--mat-expansion-header-text-weight, var(--mat-sys-title-medium-weight));line-height:var(--mat-expansion-header-text-line-height, var(--mat-sys-title-medium-line-height));letter-spacing:var(--mat-expansion-header-text-tracking, var(--mat-sys-title-medium-tracking))}:host ::ng-deep .mat-mdc-list-item:not(.active),:host ::ng-deep .mat-mdc-list-item:active,:host ::ng-deep .mat-mdc-list-item:focus,:host ::ng-deep .mat-expansion-panel:not(.active),:host ::ng-deep .mat-expansion-panel:active,:host ::ng-deep .mat-expansion-panel:focus{background-color:transparent!important}:host ::ng-deep .mat-mdc-list-item:not(.active):before,:host ::ng-deep .mat-mdc-list-item:active:before,:host ::ng-deep .mat-mdc-list-item:focus:before,:host ::ng-deep .mat-expansion-panel:not(.active):before,:host ::ng-deep .mat-expansion-panel:active:before,:host ::ng-deep .mat-expansion-panel:focus:before{background-color:transparent!important}:host ::ng-deep .mat-mdc-list-item mat-icon,:host ::ng-deep .mat-expansion-panel mat-icon{margin-right:18px;margin-bottom:3px}:host ::ng-deep .mat-mdc-list-item ::ng-deep .mat-expansion-panel-body,:host ::ng-deep .mat-expansion-panel ::ng-deep .mat-expansion-panel-body{padding-bottom:0!important}:host ::ng-deep .mat-mdc-list-item:not(.mobile)>.mat-expansion-panel-header,:host ::ng-deep .mat-expansion-panel:not(.mobile)>.mat-expansion-panel-header{padding:4px 8px}\n"] }]
+            args: [{ selector: 'vd-menu', standalone: false, template: "<mat-nav-list>\r\n\t<mat-accordion displayMode=\"flat\">\r\n\t\t<ng-template let-item let-last=\"last\" ngFor [ngForOf]=\"items\">\r\n\t\t\t<ng-container *ngIf=\"(item?.items?.length ?? 0) > 0 && mobile; else singleItem\">\r\n\t\t\t\t<mat-expansion-panel class=\"mat-elevation-z raw\"\r\n\t\t\t\t\t\t\t\t\t (click)=\"$event.stopPropagation();\"\r\n\t\t\t\t\t\t\t\t\t [disabled]=\"!mobile\"\r\n\t\t\t\t\t\t\t\t\t [hideToggle]=\"!mobile || !item?.items?.length\"\r\n\t\t\t\t\t\t\t\t\t [ngClass]=\"{'icon-only': !item.title, 'mobile': mobile}\"\r\n\t\t\t\t\t\t\t\t\t (delayedHover)=\"(item.items?.length ?? 0) > 0 && itemMouseEnter(item.event ? item.event : $event, item)\"\r\n\t\t\t\t\t\t\t\t\t (mouseleave)=\"(item.items?.length ?? 0) >0 && false&& itemMouseLeave(item.event ? item.event : $event, item)\"\r\n\t\t\t\t\t\t\t\t\t [routerLinkActive]=\"['active']\"\r\n\t\t\t\t\t\t\t\t\t [routerLinkActiveOptions]=\"{exact:false}\">\r\n\t\t\t\t\t<mat-expansion-panel-header [expandedHeight]=\"'48px'\">\r\n\t\t\t\t\t\t<mat-panel-title>\r\n\t\t\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"!avatar\" [style.color]=\"item.iconColor\">{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t\t\t<span *ngIf=\"!avatar && item.title\" [style.color]=\"item.textColor\">{{item.title}}</span>\r\n\t\t\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"avatar\">{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t\t\t<h3 *ngIf=\"avatar\">{{item.title}}</h3>\r\n\t\t\t\t\t\t</mat-panel-title>\r\n\t\t\t\t\t</mat-expansion-panel-header>\r\n\t\t\t\t\t<mat-nav-list>\r\n\t\t\t\t\t\t<ng-template let-subItem let-subLast=\"last\" ngFor [ngForOf]=\"item.items\" class=\"sub-menu\">\r\n\t\t\t\t\t\t\t<a mat-list-item *ngIf=\"subItem.enabled\" [style.backgroundColor]=\"subItem.backgroundColor\" [routerLink]=\"subItem.path\" target=\"_{{MenuItemTarget[item.target??0].toLowerCase()}}\" [routerLinkActive]=\"['active']\" [ngClass]=\"{'icon-only': !subItem.title}\" [routerLinkActiveOptions]=\"{exact:subItem.activeExact??false}\" [fragment]=\"subItem.fragment\" (click)=\"itemClicked($event, subItem)\">\r\n\t\t\t\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"!avatar\" [style.color]=\"subItem.iconColor\">{{(subItem.icon | func:subItem) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t\t\t\t<span *ngIf=\"!avatar && subItem.title\" [style.color]=\"subItem.textColor\">{{subItem.title}}</span>\r\n\t\t\t\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"avatar\">{{(subItem.icon | func:subItem) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t\t\t\t<h3 *ngIf=\"avatar\">{{subItem.title}}</h3>\r\n\t\t\t\t\t\t\t\t<p *ngIf=\"avatar && subItem.description\">{{subItem.description}}</p>\r\n\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t<mat-divider *ngIf=\"subItem.divider && !avatar\"></mat-divider>\r\n\t\t\t\t\t\t\t<mat-divider [inset]=\"avatar\" *ngIf=\"!subItem.divider && avatar && !subLast\"></mat-divider>\r\n\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t</mat-nav-list>\r\n\t\t\t\t</mat-expansion-panel>\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-template #singleItem>\r\n\t\t\t\t<a mat-list-item *ngIf=\"item.enabled\" [style.backgroundColor]=\"item.backgroundColor\" [routerLink]=\"item.path\" target=\"_{{MenuItemTarget[item.target??0].toLowerCase()}}\" [routerLinkActive]=\"['active']\" [ngClass]=\"{'icon-only': !item.title}\" [routerLinkActiveOptions]=\"{exact:item.activeExact??false}\" [fragment]=\"item.fragment\" (click)=\"itemClicked($event, item)\" (delayedHover)=\"(item.items?.length ?? 0) > 0 && itemMouseEnter(item.event ? item.event : $event, item)\" (mouseleave)=\"(item.items?.length ?? 0) >0 && false&& itemMouseLeave(item.event ? item.event : $event, item)\">\r\n\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"!avatar\" [style.color]=\"item.iconColor\" matListItemIcon>{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t<span *ngIf=\"!avatar && item.title\" [style.color]=\"item.textColor\" matListItemTitle>{{item.title}}</span>\r\n\t\t\t\t\t<mat-icon [fontSet]=\"fontSet\" *ngIf=\"avatar\" matListAvatar>{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n\t\t\t\t\t<h3 *ngIf=\"avatar\" matLine>{{item.title}}</h3>\r\n\t\t\t\t\t<p *ngIf=\"avatar && item.description\" matLine>{{item.description}}</p>\r\n\t\t\t\t</a>\r\n\t\t\t\t<mat-divider *ngIf=\"item.divider && !avatar\"></mat-divider>\r\n\t\t\t\t<mat-divider [inset]=\"avatar\" *ngIf=\"!item.divider && avatar && !last\"></mat-divider>\r\n\t\t\t</ng-template>\r\n\t\t</ng-template>\r\n\t</mat-accordion>\r\n</mat-nav-list>", styles: [":host ::ng-deep .mat-mdc-nav-list .mat-mdc-list-item.icon-only .mdc-list-item__content{display:none!important}:host ::ng-deep .mat-expansion-panel{background-color:transparent}:host ::ng-deep .mat-mdc-list-item,:host ::ng-deep .mat-expansion-panel{font-family:var(--mat-expansion-header-text-font, var(--mat-sys-title-medium-font));font-weight:var(--mat-expansion-header-text-weight, var(--mat-sys-title-medium-weight));line-height:var(--mat-expansion-header-text-line-height, var(--mat-sys-title-medium-line-height));letter-spacing:var(--mat-expansion-header-text-tracking, var(--mat-sys-title-medium-tracking))}:host ::ng-deep .mat-mdc-list-item:not(.active),:host ::ng-deep .mat-mdc-list-item:active,:host ::ng-deep .mat-mdc-list-item:focus,:host ::ng-deep .mat-expansion-panel:not(.active),:host ::ng-deep .mat-expansion-panel:active,:host ::ng-deep .mat-expansion-panel:focus{background-color:transparent!important}:host ::ng-deep .mat-mdc-list-item:not(.active):before,:host ::ng-deep .mat-mdc-list-item:active:before,:host ::ng-deep .mat-mdc-list-item:focus:before,:host ::ng-deep .mat-expansion-panel:not(.active):before,:host ::ng-deep .mat-expansion-panel:active:before,:host ::ng-deep .mat-expansion-panel:focus:before{background-color:transparent!important}:host ::ng-deep .mat-mdc-list-item mat-icon,:host ::ng-deep .mat-expansion-panel mat-icon{margin-right:18px;margin-bottom:3px}:host ::ng-deep .mat-mdc-list-item ::ng-deep .mat-expansion-panel-body,:host ::ng-deep .mat-expansion-panel ::ng-deep .mat-expansion-panel-body{padding-bottom:0!important}:host ::ng-deep .mat-mdc-list-item:not(.mobile)>.mat-expansion-panel-header,:host ::ng-deep .mat-expansion-panel:not(.mobile)>.mat-expansion-panel-header{padding:4px 8px}\n"] }]
         }], ctorParameters: () => [{ type: VdMediaService }], propDecorators: { items: [{
                 type: Input
             }], activeExact: [{
@@ -10559,6 +10586,10 @@ let MenuItem = class MenuItem extends AuditEntity {
      * The path of the menu item.
      */
     path;
+    /**
+     * The target destination of the menu item.
+     */
+    target;
     /**
      * The icon of the menu item.
      */
@@ -10665,7 +10696,7 @@ __decorate([
 ], MenuItem.prototype, "title", void 0);
 __decorate([
     required(),
-    FormField({ row: 10 }),
+    FormField({ row: 15 }),
     Column({
         index: 4,
         maxWidth: 150,
@@ -10674,6 +10705,12 @@ __decorate([
     Display($localize `:@@path:Path`),
     __metadata("design:type", String)
 ], MenuItem.prototype, "path", void 0);
+__decorate([
+    prop(),
+    FormField({ enumType: MenuItemTarget, row: 15 }),
+    Display($localize `:@@target:Target`),
+    __metadata("design:type", Number)
+], MenuItem.prototype, "target", void 0);
 __decorate([
     required(),
     FormField({ row: 20 }),
@@ -27786,5 +27823,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractMatFormField, ActionItem, Api, ApiResponse, AppEvent, AppEventType, AppSetting, AppStorage, AsyncValidationDirective, AuditEntity, AuditUser, AuthHelper, AuthUser, AutofocusDirective, BaseComponent, BaseDirective, BaseEntity, BaseInterceptor, BaseService, BindPipe, CachingInterceptor, Column, ColumnObject, Common, CommonError, CommonHandlerContext, ContextHelper, DataSourceFilterDirective, DataSourcePipe, DatePickerHeaderComponent, DisableControlDirective, Display, DisplayNameNumberProjection, DisplayNameProjection, DynamicBuilder, DynamicComponentCompiler, EXPORT_DIALOG_COMPONENT, EmptyStringResetDirective, EnumMetadata, EnumPipe, EnumService, EqualValidator, ErrorMessageBindingStrategy, EventQueueService, Facet, FacetValue, FieldFuncPipe, FileControlDirective, FileService, FileSizePipe, FilterClearComponent, FilterDateComponent, FilterGlue, FilterInputComponent, FilterOperator, FilterPipe, FilterSelectComponent, FirstLetterPipe, Form, FormArrayPipe, FormBuilderConfiguration, FormControlPipe, FormDefinition, FormField, FormFieldDefinition, FormFieldGroup, FormFieldGroupDefinition, FormFieldType, FormGroupPipe, FuncPipe, GenericEmbeddedListComponent, GenericFormBaseComponent, GenericFormComponent, GenericListComponent, GenericReactiveFormComponent, GenericService, GlobalRoles, Grid, GroupFilterPipe, HtmlControlTemplateDirective, IAbstractControl, Icon, ImageFileControlDirective, IpVersion, JoinPipe, KeyValue, KeysPipe, LoadingScreenInterceptor, LoadingScreenService, MapPipe, MatFormFieldEditorDirective, MatFormFieldReadonlyDirective, MaterialModule, Menu, MenuClient, MenuDepartment, MenuFormIncludesResolve, MenuItem, MenuItemClient, MenuItemDepartment, MenuItemFormIncludesResolve, MenuItemService, MenuListProjectionResolve, MenuResolve, MenuScope, MenuService, MenuSettings, MenuSettingsResolve, MessageType, ModifiableEntity, MonthNamePipe, NameNumberProjection, NameProjection, NativeElementInjectorDirective, NumericValueType, OnlyNumberDirective, OrderPipe, Pagination, ParseDecimalDirective, Permission, PlaceholderPipe, PrintService, PropertyJoinPipe, PropertyPipe, RUNTIME_COMPILER_PROVIDERS, ReactiveFormConfig, ReactiveTypedFormsModule, ResetFormType, RxFormArray, RxFormBuilder, RxFormControl, RxFormControlDirective, RxFormGroup, RxReactiveFormsModule, RxwebFormDirective, RxwebValidators, SafeHtmlPipe, Salutation, SaveAction, ServiceLocator, SplitPipe, SubMenuResolve, SuffixButton, Table, TableColumn, TableColumnConfig, TableColumnType, TableConfig, TableDataSource, TableDefinition, TableQueryConfig, TableStaticDataSource, TaskDialogData, Templates, TimePipe, TitleCase, TitleProjection, TruncatePipe, TypedForm, TypedFormBuilder, UniqueValidatorDirective, UrlValidationType, Utils, ValidationAlphabetLocale, ValueAccessorBase, ValuesPipe, VdAlertDialogComponent, VdAutocompleteOptionDirective, VdBaseModule, VdChipDirective, VdChipsComponent, VdChipsModule, VdCodeDirective, VdCommonModule, VdConfirmDialogComponent, VdCustomDirective, VdDelayedHoverDirective, VdDialogActionsDirective, VdDialogComponent, VdDialogContentDirective, VdDialogService, VdDialogTitleDirective, VdDialogsModule, VdDynamicMenuComponent, VdDynamicTableComponent, VdDynamicTableConfigDialogComponent, VdEditorDirective, VdFileDirective, VdFileInputComponent, VdFileModule, VdFilterOptionDirective, VdFormsModule, VdGenericFormComponent, VdGenericFormCustomFieldDirective, VdHttpModule, VdLayoutCardOverComponent, VdLayoutCloseDirective, VdLayoutCompactComponent, VdLayoutComponent, VdLayoutFooterComponent, VdLayoutManageListCloseDirective, VdLayoutManageListComponent, VdLayoutManageListOpenDirective, VdLayoutManageListToggleDirective, VdLayoutModule, VdLayoutNavComponent, VdLayoutNavListCloseDirective, VdLayoutNavListComponent, VdLayoutNavListOpenDirective, VdLayoutNavListToggleDirective, VdLayoutOpenDirective, VdLayoutToggleDirective, VdListComponent, VdListModule, VdListOptionDirective, VdListToolbarComponent, VdMediaModule, VdMediaService, VdMediaToggleDirective, VdMenuComponent, VdMenuModule, VdNavigationDrawerComponent, VdNavigationDrawerMenuDirective, VdNavigationDrawerToolbarDirective, VdPromptDialogComponent, VdSearchModule, VdSelectComponent, VdSelectModule, VdSelectOptionDirective, VdSelectTriggerDirective, VdTableFieldDirective, VdTableModule, VdTaskDialogComponent, allOf, allOfAsync, alpha, alphaAsync, alphaNumeric, alphaNumericAsync, and, ascii, async, blacklist, choice, choiceAsync, compare, compose, contains, containsAsync, createCompiler, creditCard, creditCardAsync, cusip, custom, customAsync, dataUri, date, dateAsync, different, digit, disable, elementClass, email, endpointMetadataKey, endsWith, endsWithAsync, error, escape, even, extension, extensionAsync, factor, factorAsync, file, fileAsync, fileSize, fileSizeAsync, formFieldGroupsMetadataKey, formFieldsMetadataKey, getEndpoint, getFormGroups, getTableDefinition, greaterThan, greaterThanAsync, greaterThanEqualTo, greaterThanEqualToAsync, grid, headerMetadataKey, hexColor, image, imageAsync, json, latLong, latitude, leapYear, lessThan, lessThanAsync, lessThanEqualTo, lessThanEqualToAsync, longitude, lowerCase, ltrim, mac, mask, maxDate, maxDateAsync, maxLength, maxLengthAsync, maxNumber, maxNumberAsync, maxTime, maxTimeAsync, minDate, minDateAsync, minLength, minLengthAsync, minNumber, minNumberAsync, minTime, minTimeAsync, mixinControlValueAccessor, mixinDisabled, model, noneOf, noneOfAsync, not, notEmpty, numeric, numericAsync, odd, oneOf, oneOfAsync, or, password, passwordAsync, pattern, patternAsync, port, prefix, primeNumber, prop, propArray, propObject, range, rangeAsync, required, requiredTrue, rtrim, rule, sanitize, startsWith, startsWithAsync, stripLow, suffix, tableColumnsMetadataKey, tableDefinitionMetadataKey, time, timeAsync, toBoolean, toDate, toDouble, toFloat, toInt, toString, trim, unique, updateOn, upperCase, url, urlAsync, whitelist };
+export { AbstractMatFormField, ActionItem, Api, ApiResponse, AppEvent, AppEventType, AppSetting, AppStorage, AsyncValidationDirective, AuditEntity, AuditUser, AuthHelper, AuthUser, AutofocusDirective, BaseComponent, BaseDirective, BaseEntity, BaseInterceptor, BaseService, BindPipe, CachingInterceptor, Column, ColumnObject, Common, CommonError, CommonHandlerContext, ContextHelper, DataSourceFilterDirective, DataSourcePipe, DatePickerHeaderComponent, DisableControlDirective, Display, DisplayNameNumberProjection, DisplayNameProjection, DynamicBuilder, DynamicComponentCompiler, EXPORT_DIALOG_COMPONENT, EmptyStringResetDirective, EnumMetadata, EnumPipe, EnumService, EqualValidator, ErrorMessageBindingStrategy, EventQueueService, Facet, FacetValue, FieldFuncPipe, FileControlDirective, FileService, FileSizePipe, FilterClearComponent, FilterDateComponent, FilterGlue, FilterInputComponent, FilterOperator, FilterPipe, FilterSelectComponent, FirstLetterPipe, Form, FormArrayPipe, FormBuilderConfiguration, FormControlPipe, FormDefinition, FormField, FormFieldDefinition, FormFieldGroup, FormFieldGroupDefinition, FormFieldType, FormGroupPipe, FuncPipe, GenericEmbeddedListComponent, GenericFormBaseComponent, GenericFormComponent, GenericListComponent, GenericReactiveFormComponent, GenericService, GlobalRoles, Grid, GroupFilterPipe, HtmlControlTemplateDirective, IAbstractControl, Icon, ImageFileControlDirective, IpVersion, JoinPipe, KeyValue, KeysPipe, LoadingScreenInterceptor, LoadingScreenService, MapPipe, MatFormFieldEditorDirective, MatFormFieldReadonlyDirective, MaterialModule, Menu, MenuClient, MenuDepartment, MenuFormIncludesResolve, MenuItem, MenuItemClient, MenuItemDepartment, MenuItemFormIncludesResolve, MenuItemService, MenuItemTarget, MenuListProjectionResolve, MenuResolve, MenuScope, MenuService, MenuSettings, MenuSettingsResolve, MessageType, ModifiableEntity, MonthNamePipe, NameNumberProjection, NameProjection, NativeElementInjectorDirective, NumericValueType, OnlyNumberDirective, OrderPipe, Pagination, ParseDecimalDirective, Permission, PlaceholderPipe, PrintService, PropertyJoinPipe, PropertyPipe, RUNTIME_COMPILER_PROVIDERS, ReactiveFormConfig, ReactiveTypedFormsModule, ResetFormType, RxFormArray, RxFormBuilder, RxFormControl, RxFormControlDirective, RxFormGroup, RxReactiveFormsModule, RxwebFormDirective, RxwebValidators, SafeHtmlPipe, Salutation, SaveAction, ServiceLocator, SplitPipe, SubMenuResolve, SuffixButton, Table, TableColumn, TableColumnConfig, TableColumnType, TableConfig, TableDataSource, TableDefinition, TableQueryConfig, TableStaticDataSource, TaskDialogData, Templates, TimePipe, TitleCase, TitleProjection, TruncatePipe, TypedForm, TypedFormBuilder, UniqueValidatorDirective, UrlValidationType, Utils, ValidationAlphabetLocale, ValueAccessorBase, ValuesPipe, VdAlertDialogComponent, VdAutocompleteOptionDirective, VdBaseModule, VdChipDirective, VdChipsComponent, VdChipsModule, VdCodeDirective, VdCommonModule, VdConfirmDialogComponent, VdCustomDirective, VdDelayedHoverDirective, VdDialogActionsDirective, VdDialogComponent, VdDialogContentDirective, VdDialogService, VdDialogTitleDirective, VdDialogsModule, VdDynamicMenuComponent, VdDynamicTableComponent, VdDynamicTableConfigDialogComponent, VdEditorDirective, VdFileDirective, VdFileInputComponent, VdFileModule, VdFilterOptionDirective, VdFormsModule, VdGenericFormComponent, VdGenericFormCustomFieldDirective, VdHttpModule, VdLayoutCardOverComponent, VdLayoutCloseDirective, VdLayoutCompactComponent, VdLayoutComponent, VdLayoutFooterComponent, VdLayoutManageListCloseDirective, VdLayoutManageListComponent, VdLayoutManageListOpenDirective, VdLayoutManageListToggleDirective, VdLayoutModule, VdLayoutNavComponent, VdLayoutNavListCloseDirective, VdLayoutNavListComponent, VdLayoutNavListOpenDirective, VdLayoutNavListToggleDirective, VdLayoutOpenDirective, VdLayoutToggleDirective, VdListComponent, VdListModule, VdListOptionDirective, VdListToolbarComponent, VdMediaModule, VdMediaService, VdMediaToggleDirective, VdMenuComponent, VdMenuModule, VdNavigationDrawerComponent, VdNavigationDrawerMenuDirective, VdNavigationDrawerToolbarDirective, VdPromptDialogComponent, VdSearchModule, VdSelectComponent, VdSelectModule, VdSelectOptionDirective, VdSelectTriggerDirective, VdTableFieldDirective, VdTableModule, VdTaskDialogComponent, allOf, allOfAsync, alpha, alphaAsync, alphaNumeric, alphaNumericAsync, and, ascii, async, blacklist, choice, choiceAsync, compare, compose, contains, containsAsync, createCompiler, creditCard, creditCardAsync, cusip, custom, customAsync, dataUri, date, dateAsync, different, digit, disable, elementClass, email, endpointMetadataKey, endsWith, endsWithAsync, error, escape, even, extension, extensionAsync, factor, factorAsync, file, fileAsync, fileSize, fileSizeAsync, formFieldGroupsMetadataKey, formFieldsMetadataKey, getEndpoint, getFormGroups, getTableDefinition, greaterThan, greaterThanAsync, greaterThanEqualTo, greaterThanEqualToAsync, grid, headerMetadataKey, hexColor, image, imageAsync, json, latLong, latitude, leapYear, lessThan, lessThanAsync, lessThanEqualTo, lessThanEqualToAsync, longitude, lowerCase, ltrim, mac, mask, maxDate, maxDateAsync, maxLength, maxLengthAsync, maxNumber, maxNumberAsync, maxTime, maxTimeAsync, minDate, minDateAsync, minLength, minLengthAsync, minNumber, minNumberAsync, minTime, minTimeAsync, mixinControlValueAccessor, mixinDisabled, model, noneOf, noneOfAsync, not, notEmpty, numeric, numericAsync, odd, oneOf, oneOfAsync, or, password, passwordAsync, pattern, patternAsync, port, prefix, primeNumber, prop, propArray, propObject, range, rangeAsync, required, requiredTrue, rtrim, rule, sanitize, startsWith, startsWithAsync, stripLow, suffix, tableColumnsMetadataKey, tableDefinitionMetadataKey, time, timeAsync, toBoolean, toDate, toDouble, toFloat, toInt, toString, trim, unique, updateOn, upperCase, url, urlAsync, whitelist };
 //# sourceMappingURL=messaia-cdk.mjs.map