@messaia/cdk 22.0.1-rc.6 → 22.0.1-rc.8

package/fesm2022/messaia-cdk.mjs

@@ -14903,8 +14903,15 @@ class GenericService {
      * @param observeResponse Whether to observe the full response (default: false)
      */
     get(id, params, headers, handleError = true, observeResponse = false) {
+        /* Normalize the 'projection' parameter in query parameters */
+        const parsedParams = this.normalizeProjectionParam(params);
+        /* Make the HTTP GET request */
         let request = this.http
-            .get(`${this.endpoint}/${id}`, { observe: (observeResponse ? 'response' : 'body'), params: Utils.toHttpParams(params), headers: this.toHttpHeaders(headers) });
+            .get(`${this.endpoint}/${id}`, {
+            observe: (observeResponse ? 'response' : 'body'),
+            params: parsedParams instanceof HttpParams ? parsedParams : Utils.toHttpParams(parsedParams),
+            headers: this.toHttpHeaders(headers)
+        });
         /* Handle error */
         if (handleError) {
             request = request.pipe(catchError(this.handleError('get')));
@@ -14928,6 +14935,7 @@ class GenericService {
      * @param handleError Whether to handle errors (default: true)
      */
     count(params, path, headers, handleError = true) {
+        /* Make the HTTP GET request to count entities */
         let request = this.http
             .get(`${this.endpoint}${path ? path : '/count'}`, { params: Utils.toHttpParams(params), headers: this.toHttpHeaders(headers) });
         /* Handle error */
@@ -14953,6 +14961,7 @@ class GenericService {
      * @returns Observable with the response data
      */
     getList(params, path, headers) {
+        /* Normalize the 'projection' parameter in query parameters */
         const parsedParams = this.normalizeProjectionParam(params);
         return this.http
             .get(`${this.endpoint}${path ? path : ''}`, {
@@ -15013,9 +15022,10 @@ class GenericService {
      * @param httpOptions Optional HTTP options (headers, etc.)
      * @param handleError Whether to handle errors (default: true)
      */
-    create(entity, path, httpOptions, handleError = true) {
+    create(entity, path, httpOptions, handleError = true, showMessage = false) {
+        const options = this.withShowMessage(httpOptions, showMessage);
         let request = this.http
-            .post(`${this.endpoint}${path ? path : ''}`, entity, httpOptions);
+            .post(`${this.endpoint}${path ? path : ''}`, entity, options);
         /* Handle error */
         if (handleError) {
             request = request.pipe(catchError(this.handleError('create')));
@@ -15029,8 +15039,8 @@ class GenericService {
      * @param httpOptions Optional HTTP options (headers, etc.)
      * @returns Promise resolving to the created entity
      */
-    async createAsync(entity, path, httpOptions) {
-        return await firstValueFrom(this.create(entity, path, httpOptions));
+    async createAsync(entity, path, httpOptions, showMessage = false) {
+        return await firstValueFrom(this.create(entity, path, httpOptions, true, showMessage));
     }
     /**
      * Updates an existing entity asynchronously
@@ -15040,9 +15050,10 @@ class GenericService {
      * @param httpOptions Optional HTTP options (headers, etc.)
      * @param handleError Whether to handle errors (default: true)
      */
-    update(id, entity, path, httpOptions, handleError = true) {
+    update(id, entity, path, httpOptions, handleError = true, showMessage = false) {
+        const options = this.withShowMessage(httpOptions, showMessage);
         let request = this.http
-            .put(`${this.endpoint}${path ? path : ''}/${id}`, entity, httpOptions);
+            .put(`${this.endpoint}${path ? path : ''}/${id}`, entity, options);
         /* Handle error */
         if (handleError) {
             request = request.pipe(catchError(this.handleError('update')));
@@ -15057,8 +15068,8 @@ class GenericService {
      * @param httpOptions Optional HTTP options (headers, etc.)
      * @returns Promise resolving to the updated entity
      */
-    async updateAsync(id, entity, path, httpOptions) {
-        return await firstValueFrom(this.update(id, entity, path, httpOptions));
+    async updateAsync(id, entity, path, httpOptions, showMessage = false) {
+        return await firstValueFrom(this.update(id, entity, path, httpOptions, true, showMessage));
     }
     /**
      * Applies a JSON Patch to an entity
@@ -15068,18 +15079,13 @@ class GenericService {
      * @param httpOptions Optional HTTP options (headers, etc.)
      * @param handleError Whether to handle errors (default: true)
      */
-    patch(id, body, path, httpOptions, handleError = true) {
+    patch(id, body, path, httpOptions, handleError = true, showMessage = false) {
+        const options = this.withShowMessage(httpOptions, showMessage);
         /* Ensure correct content-type for patch */
-        const headers = new HttpHeaders({
-            'Content-Type': 'application/json-patch+json'
-        });
-        /* Merge headers */
-        const options = {
-            ...httpOptions,
-            headers: httpOptions?.headers
-                ? httpOptions.headers.append('Content-Type', 'application/json-patch+json')
-                : headers
-        };
+        const mergedHeaders = options?.headers instanceof HttpHeaders
+            ? options.headers
+            : this.toHttpHeaders(options?.headers);
+        options.headers = mergedHeaders.set('Content-Type', 'application/json-patch+json');
         /* Create request */
         let request = this.http.patch(`${this.endpoint}${path ? path : ''}/${id}`, body, options);
         /* Handle error */
@@ -15096,8 +15102,8 @@ class GenericService {
      * @param httpOptions Optional HTTP options (headers, etc.)
      * @returns Promise resolving to the patched entity
      */
-    async patchAsync(id, body, path, httpOptions) {
-        return await firstValueFrom(this.patch(id, body, path, httpOptions));
+    async patchAsync(id, body, path, httpOptions, showMessage = false) {
+        return await firstValueFrom(this.patch(id, body, path, httpOptions, true, showMessage));
     }
     /**
      * Applies a JSON Patch to multiple entities
@@ -15107,9 +15113,10 @@ class GenericService {
      * @param httpOptions Optional HTTP options (headers, etc.)
      * @param handleError Whether to handle errors (default: true)
      */
-    patchList(ids, body, path, httpOptions, handleError = true) {
+    patchList(ids, body, path, httpOptions, handleError = true, showMessage = false) {
+        const options = this.withShowMessage(httpOptions, showMessage);
         let request = this.http
-            .patch(`${this.endpoint}${path ? path : ''}`, body, Object.assign(httpOptions || {}, { params: Utils.toHttpParams({ ids: ids }) }));
+            .patch(`${this.endpoint}${path ? path : ''}`, body, Object.assign(options || {}, { params: Utils.toHttpParams({ ids: ids }) }));
         /* Handle error */
         if (handleError) {
             request = request.pipe(catchError(this.handleError('patch')));
@@ -15124,8 +15131,8 @@ class GenericService {
      * @param httpOptions Optional HTTP options (headers, etc.)
      * @returns Promise resolving to the patched entities
      */
-    async patchListAsync(ids, body, path, httpOptions) {
-        return await firstValueFrom(this.patchList(ids, body, path, httpOptions));
+    async patchListAsync(ids, body, path, httpOptions, showMessage = false) {
+        return await firstValueFrom(this.patchList(ids, body, path, httpOptions, true, showMessage));
     }
     /**
      * Deletes an entity by ID
@@ -15134,9 +15141,10 @@ class GenericService {
      * @param httpOptions Optional HTTP options (headers, etc.)
      * @param handleError Whether to handle errors (default: true)
      */
-    delete(id, path, httpOptions, handleError = true) {
+    delete(id, path, httpOptions, handleError = true, showMessage = false) {
+        const options = this.withShowMessage(httpOptions, showMessage);
         let request = this.http
-            .delete(`${this.endpoint}${path ? path : ''}/${id}`, httpOptions);
+            .delete(`${this.endpoint}${path ? path : ''}/${id}`, options);
         /* Handle error */
         if (handleError) {
             request = request.pipe(catchError(this.handleError('delete')));
@@ -15150,8 +15158,8 @@ class GenericService {
      * @param httpOptions Optional HTTP options (headers, etc.)
      * @returns Promise resolving to the delete result
      */
-    async deleteAsync(id, path, httpOptions) {
-        return await firstValueFrom(this.delete(id, path, httpOptions));
+    async deleteAsync(id, path, httpOptions, showMessage = false) {
+        return await firstValueFrom(this.delete(id, path, httpOptions, true, showMessage));
     }
     /**
      * Deletes multiple entities by IDs
@@ -15160,8 +15168,9 @@ class GenericService {
      * @param httpOptions Optional HTTP options (headers, etc.)
      * @param handleError Whether to handle errors (default: true)
      */
-    deleteList(ids, path, httpOptions, handleError = true) {
-        let request = this.http.delete(`${this.endpoint}${path ? path : ''}`, Object.assign(httpOptions || {}, { params: Utils.toHttpParams({ ids: ids }) }));
+    deleteList(ids, path, httpOptions, handleError = true, showMessage = false) {
+        const options = this.withShowMessage(httpOptions, showMessage);
+        let request = this.http.delete(`${this.endpoint}${path ? path : ''}`, Object.assign(options || {}, { params: Utils.toHttpParams({ ids: ids }) }));
         /* Handle error */
         if (handleError) {
             request = request.pipe(catchError(this.handleError('deleteList')));
@@ -15175,8 +15184,8 @@ class GenericService {
      * @param httpOptions Optional HTTP options (headers, etc.)
      * @returns Promise resolving to the delete result
      */
-    async deleteListAsync(ids, path, httpOptions) {
-        return await firstValueFrom(this.deleteList(ids, path, httpOptions));
+    async deleteListAsync(ids, path, httpOptions, showMessage = false) {
+        return await firstValueFrom(this.deleteList(ids, path, httpOptions, true, showMessage));
     }
     /**
      * Downloads a file from the server
@@ -15214,16 +15223,16 @@ class GenericService {
      * Duplicates a record by ID
      * @param id The ID of the record to duplicate
      */
-    duplicate(id) {
-        return this.create(null, `/duplicate/${id}`);
+    duplicate(id, showMessage = false) {
+        return this.create(null, `/duplicate/${id}`, undefined, true, showMessage);
     }
     /**
      * Asynchronously duplicates a record by ID
      * @param id The ID of the record to duplicate
      * @returns Promise resolving to the duplicated record
      */
-    async duplicateAsync(id) {
-        return await firstValueFrom(this.duplicate(id));
+    async duplicateAsync(id, showMessage = false) {
+        return await firstValueFrom(this.duplicate(id, showMessage));
     }
     /**
      * Uploads a file to the server
@@ -15291,6 +15300,25 @@ class GenericService {
             .filter(key => body[key] != null && body[key] != '')
             .reduce((p, key) => p.set(key, body[key]), new HttpHeaders());
     }
+    /**
+     * Adds the Show-Message header to request options when enabled
+     * @param httpOptions Existing HTTP options
+     * @param showMessage Whether to add the Show-Message header
+     * @returns HTTP options with optional Show-Message header
+     */
+    withShowMessage(httpOptions, showMessage = false) {
+        if (!showMessage) {
+            return httpOptions;
+        }
+        /* Create a copy of the httpOptions to avoid mutating the original object */
+        const options = { ...(httpOptions || {}) };
+        const headers = options.headers instanceof HttpHeaders
+            ? options.headers
+            : this.toHttpHeaders(options.headers);
+        /* Set the Show-Message header to 'Yes' */
+        options.headers = headers.set('Show-Message', 'Yes');
+        return options;
+    }
     /**
      * Normalizes the 'projection' parameter in query parameters
      * @param params The query parameters (HttpParams or object)
@@ -28306,7 +28334,7 @@ class VdMenuComponent {
         // this.onMouseLeave.emit({ event: $event, item: item });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: VdMenuComponent, deps: [{ token: VdMediaService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: VdMenuComponent, isStandalone: true, 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    <!-- #region main-menu-accordion -->\r\n    <mat-accordion displayMode=\"flat\">\r\n        @for (item of items; track item; let last = $last) {\r\n            <!-- #region mobile-item-with-submenu -->\r\n            @if ((item?.items?.length ?? 0) > 0 && mobile) {\r\n                <mat-expansion-panel class=\"mat-elevation-z raw\"\r\n                                     (click)=\"$event.stopPropagation();\"\r\n                                     [disabled]=\"!mobile\"\r\n                                     [hideToggle]=\"!mobile || !item?.items?.length\"\r\n                                     [ngClass]=\"{'icon-only': !item.title, 'mobile': mobile}\"\r\n                                     (delayedHover)=\"(item.items?.length ?? 0) > 0 && itemMouseEnter(item.event ? item.event : $event, item)\"\r\n                                     (mouseleave)=\"(item.items?.length ?? 0) >0 && false&& itemMouseLeave(item.event ? item.event : $event, item)\"\r\n                                     [routerLinkActive]=\"['active']\"\r\n                                     [routerLinkActiveOptions]=\"{exact:false}\">\r\n                    <!-- #region mobile-parent-item-header -->\r\n                    <mat-expansion-panel-header [expandedHeight]=\"'48px'\">\r\n                        <mat-panel-title>\r\n                            <!-- #region parent-item-icon-and-title -->\r\n                            @if (!avatar) {\r\n                                <mat-icon [fontSet]=\"fontSet\"\r\n                                          [style.color]=\"item.iconColor\"\r\n                                          [matBadge]=\"item.badge ? item.badge() : null\"\r\n                                          [matBadgeHidden]=\"!item.badge || item.badge() === 0\"\r\n                                          aria-hidden=\"false\">\r\n                                    {{(item.icon | func:item) || 'radio_button_unchecked'}}\r\n                                </mat-icon>\r\n                            }\r\n                            @if (!avatar && item.title) {\r\n                                <span [style.color]=\"item.textColor\">{{item.title}}</span>\r\n                            }\r\n                            @if (avatar) {\r\n                                <mat-icon [fontSet]=\"fontSet\">{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n                            }\r\n                            @if (avatar) {\r\n                                <h3>{{item.title}}</h3>\r\n                            }\r\n                            <!-- #endregion -->\r\n                        </mat-panel-title>\r\n                    </mat-expansion-panel-header>\r\n                    <!-- #endregion -->\r\n\r\n                    <!-- #region mobile-submenu-items -->\r\n                    <mat-nav-list>\r\n                        @for (subItem of item.items; track subItem; let subLast = $last) {\r\n                            <!-- #region visible-submenu-link -->\r\n                            @if (subItem.enabled) {\r\n                                <a mat-list-item\r\n                                   [style.backgroundColor]=\"subItem.backgroundColor\"\r\n                                   [routerLink]=\"subItem.path\"\r\n                                   target=\"_{{MenuItemTarget[item.target??0].toLowerCase()}}\"\r\n                                   [routerLinkActive]=\"['active']\" [ngClass]=\"{'icon-only': !subItem.title}\"\r\n                                   [routerLinkActiveOptions]=\"{exact:subItem.activeExact??false}\"\r\n                                   [fragment]=\"subItem.fragment\"\r\n                                   (click)=\"itemClicked($event, subItem)\">\r\n                                    <!-- #region submenu-icon-and-text -->\r\n                                    @if (!avatar) {\r\n                                        <mat-icon [fontSet]=\"fontSet\" [style.color]=\"subItem.iconColor\" aria-hidden=\"false\">\r\n                                            {{(subItem.icon | func:subItem) || 'radio_button_unchecked'}}\r\n                                        </mat-icon>\r\n                                    }\r\n\r\n                                    @if (!avatar && subItem.title) {\r\n                                        <span [style.color]=\"subItem.textColor\">{{subItem.title}}</span>\r\n                                    }\r\n\r\n                                    @if (avatar) {\r\n                                        <mat-icon [fontSet]=\"fontSet\">{{(subItem.icon | func:subItem) || 'radio_button_unchecked'}}</mat-icon>\r\n                                    }\r\n\r\n                                    @if (avatar) {\r\n                                        <h3>{{subItem.title}}</h3>\r\n                                    }\r\n\r\n                                    @if (avatar && subItem.description) {\r\n                                        <p>{{subItem.description}}</p>\r\n                                    }\r\n\r\n                                    @if (subItem.badge && subItem.badge() !== 0) {\r\n                                        <span matListItemMeta\r\n                                              [matBadge]=\"subItem.badge()\"\r\n                                              matBadgeOverlap=\"false\"\r\n                                              matBadgePosition=\"above before\"\r\n                                              class=\"menu-badge-align\">\r\n                                        </span>\r\n                                    }\r\n                                    <!-- #endregion -->\r\n                                </a>\r\n                            }\r\n                            <!-- #endregion -->\r\n\r\n                            <!-- #region submenu-divider-lines -->\r\n                            @if (subItem.divider && !avatar) {\r\n                                <mat-divider></mat-divider>\r\n                            }\r\n                            @if (!subItem.divider && avatar && !subLast) {\r\n                                <mat-divider [inset]=\"avatar\"></mat-divider>\r\n                            }\r\n                            <!-- #endregion -->\r\n                        }\r\n                    </mat-nav-list>\r\n                    <!-- #endregion -->\r\n                </mat-expansion-panel>\r\n                <!-- #endregion -->\r\n\r\n                <!-- #region regular-menu-item -->\r\n            } @else {\r\n                <!-- #region regular-item-link -->\r\n                @if (item.enabled) {\r\n                    <a mat-list-item [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                        @if (!avatar) {\r\n                            <mat-icon [fontSet]=\"fontSet\"\r\n                                      [style.color]=\"item.iconColor\"\r\n                                      aria-hidden=\"false\"\r\n                                      matListItemIcon>\r\n                                {{(item.icon | func:item) || 'radio_button_unchecked'}}\r\n                            </mat-icon>\r\n                        }\r\n\r\n                        @if (!avatar && item.title) {\r\n                            <span [style.color]=\"item.textColor\" matListItemTitle>{{item.title}}</span>\r\n                        }\r\n\r\n                        @if (avatar) {\r\n                            <mat-icon [fontSet]=\"fontSet\" matListAvatar>{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n                        }\r\n\r\n                        @if (avatar) {\r\n                            <h3 matLine>{{item.title}}</h3>\r\n                        }\r\n\r\n                        @if (avatar && item.description) {\r\n                            <p matLine>{{item.description}}</p>\r\n                        }\r\n\r\n                        @if (item.badge && item.badge() !== 0) {\r\n                            <span matListItemMeta\r\n                                  [matBadge]=\"item.badge()\"\r\n                                  matBadgeOverlap=\"false\"\r\n                                  matBadgePosition=\"above before\"\r\n                                  class=\"menu-badge-align\">\r\n                            </span>\r\n                        }\r\n                    </a>\r\n                }\r\n                <!-- #endregion -->\r\n\r\n                <!-- #region regular-item-divider-lines -->\r\n                @if (item.divider && !avatar) {\r\n                    <mat-divider></mat-divider>\r\n                }\r\n                @if (!item.divider && avatar && !last) {\r\n                    <mat-divider [inset]=\"avatar\"></mat-divider>\r\n                }\r\n                <!-- #endregion -->\r\n            }\r\n            <!-- #endregion -->\r\n        }\r\n    </mat-accordion>\r\n    <!-- #endregion -->\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: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,: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 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}:host ::ng-deep .menu-badge-align{padding-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "directive", type: i1$6.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i4$4.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i4$4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i4$4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i4$4.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i4$4.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i6$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i6$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i6$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i6$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i8.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "directive", type: VdDelayedHoverDirective, selector: "[delayedHover]", inputs: ["duration"], outputs: ["delayedHover"], exportAs: ["hesitation"] }, { kind: "pipe", type: FuncPipe, name: "func" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: VdMenuComponent, isStandalone: true, 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    <!-- #region main-menu-accordion -->\r\n    <mat-accordion displayMode=\"flat\">\r\n        @for (item of items; track item; let last = $last) {\r\n            <!-- #region mobile-item-with-submenu -->\r\n            @if ((item?.items?.length ?? 0) > 0 && mobile) {\r\n                <mat-expansion-panel class=\"mat-elevation-z raw\" (click)=\"$event.stopPropagation();\" [disabled]=\"!mobile\" [hideToggle]=\"!mobile || !item?.items?.length\" [ngClass]=\"{'icon-only': !item.title, 'mobile': mobile}\" (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)\" [routerLinkActive]=\"['active']\" [routerLinkActiveOptions]=\"{exact:false}\" [attr.data-ordering]=\"item.ordering\">\r\n                    <!-- #region mobile-parent-item-header -->\r\n                    <mat-expansion-panel-header [expandedHeight]=\"'48px'\">\r\n                        <mat-panel-title>\r\n                            <!-- #region parent-item-icon-and-title -->\r\n                            @if (!avatar) {\r\n                                <mat-icon [fontSet]=\"fontSet\" [style.color]=\"item.iconColor\" [matBadge]=\"item.badge ? item.badge() : null\" [matBadgeHidden]=\"!item.badge || item.badge() === 0\" aria-hidden=\"false\">\r\n                                    {{(item.icon | func:item) || 'radio_button_unchecked'}}\r\n                                </mat-icon>\r\n                            }\r\n                            @if (!avatar && item.title) {\r\n                                <span [style.color]=\"item.textColor\">{{item.title}}</span>\r\n                            }\r\n                            @if (avatar) {\r\n                                <mat-icon [fontSet]=\"fontSet\">{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n                            }\r\n                            @if (avatar) {\r\n                                <h3>{{item.title}}</h3>\r\n                            }\r\n                            <!-- #endregion -->\r\n                        </mat-panel-title>\r\n                    </mat-expansion-panel-header>\r\n                    <!-- #endregion -->\r\n                    <!-- #region mobile-submenu-items -->\r\n                    <mat-nav-list>\r\n                        @for (subItem of item.items; track subItem; let subLast = $last) {\r\n                            <!-- #region visible-submenu-link -->\r\n                            @if (subItem.enabled) {\r\n                                <a mat-list-item [style.backgroundColor]=\"subItem.backgroundColor\" [attr.data-ordering]=\"subItem.ordering\" [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                                    <!-- #region submenu-icon-and-text -->\r\n                                    @if (!avatar) {\r\n                                        <mat-icon [fontSet]=\"fontSet\" [style.color]=\"subItem.iconColor\" aria-hidden=\"false\">\r\n                                            {{(subItem.icon | func:subItem) || 'radio_button_unchecked'}}\r\n                                        </mat-icon>\r\n                                    }\r\n                                    @if (!avatar && subItem.title) {\r\n                                        <span [style.color]=\"subItem.textColor\">{{subItem.title}}</span>\r\n                                    }\r\n                                    @if (avatar) {\r\n                                        <mat-icon [fontSet]=\"fontSet\">{{(subItem.icon | func:subItem) || 'radio_button_unchecked'}}</mat-icon>\r\n                                    }\r\n                                    @if (avatar) {\r\n                                        <h3>{{subItem.title}}</h3>\r\n                                    }\r\n                                    @if (avatar && subItem.description) {\r\n                                        <p>{{subItem.description}}</p>\r\n                                    }\r\n                                    @if (subItem.badge && subItem.badge() !== 0) {\r\n                                        <span matListItemMeta [matBadge]=\"subItem.badge()\" matBadgeOverlap=\"false\" matBadgePosition=\"above before\" class=\"menu-badge-align\">\r\n                                        </span>\r\n                                    }\r\n                                    <!-- #endregion -->\r\n                                </a>\r\n                            }\r\n                            <!-- #endregion -->\r\n                            <!-- #region submenu-divider-lines -->\r\n                            @if (subItem.divider && !avatar) {\r\n                                <mat-divider></mat-divider>\r\n                            }\r\n                            @if (!subItem.divider && avatar && !subLast) {\r\n                                <mat-divider [inset]=\"avatar\"></mat-divider>\r\n                            }\r\n                            <!-- #endregion -->\r\n                        }\r\n                    </mat-nav-list>\r\n                    <!-- #endregion -->\r\n                </mat-expansion-panel>\r\n                <!-- #endregion -->\r\n                <!-- #region regular-menu-item -->\r\n            } @else {\r\n                <!-- #region regular-item-link -->\r\n                @if (item.enabled) {\r\n                    <a mat-list-item [style.backgroundColor]=\"item.backgroundColor\" [attr.data-ordering]=\"item.ordering\" [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                        @if (!avatar) {\r\n                            <mat-icon [fontSet]=\"fontSet\" [style.color]=\"item.iconColor\" aria-hidden=\"false\" matListItemIcon>\r\n                                {{(item.icon | func:item) || 'radio_button_unchecked'}}\r\n                            </mat-icon>\r\n                        }\r\n                        @if (!avatar && item.title) {\r\n                            <span [style.color]=\"item.textColor\" matListItemTitle>{{item.title}}</span>\r\n                        }\r\n                        @if (avatar) {\r\n                            <mat-icon [fontSet]=\"fontSet\" matListAvatar>{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n                        }\r\n                        @if (avatar) {\r\n                            <h3 matLine>{{item.title}}</h3>\r\n                        }\r\n                        @if (avatar && item.description) {\r\n                            <p matLine>{{item.description}}</p>\r\n                        }\r\n                        @if (item.badge && item.badge() !== 0) {\r\n                            <span matListItemMeta [matBadge]=\"item.badge()\" matBadgeOverlap=\"false\" matBadgePosition=\"above before\" class=\"menu-badge-align\">\r\n                            </span>\r\n                        }\r\n                    </a>\r\n                }\r\n                <!-- #endregion -->\r\n                <!-- #region regular-item-divider-lines -->\r\n                @if (item.divider && !avatar) {\r\n                    <mat-divider></mat-divider>\r\n                }\r\n                @if (!item.divider && avatar && !last) {\r\n                    <mat-divider [inset]=\"avatar\"></mat-divider>\r\n                }\r\n                <!-- #endregion -->\r\n            }\r\n            <!-- #endregion -->\r\n        }\r\n    </mat-accordion>\r\n    <!-- #endregion -->\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: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,: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 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}:host ::ng-deep .menu-badge-align{padding-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "directive", type: i1$6.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i4$4.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i4$4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i4$4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i4$4.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i4$4.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i6$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i6$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i6$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i6$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i8.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "directive", type: VdDelayedHoverDirective, selector: "[delayedHover]", inputs: ["duration"], outputs: ["delayedHover"], exportAs: ["hesitation"] }, { kind: "pipe", type: FuncPipe, name: "func" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: VdMenuComponent, decorators: [{
             type: Component,
@@ -28320,7 +28348,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                         MatBadgeModule,
                         VdDelayedHoverDirective,
                         FuncPipe
-                    ], template: "<mat-nav-list>\r\n    <!-- #region main-menu-accordion -->\r\n    <mat-accordion displayMode=\"flat\">\r\n        @for (item of items; track item; let last = $last) {\r\n            <!-- #region mobile-item-with-submenu -->\r\n            @if ((item?.items?.length ?? 0) > 0 && mobile) {\r\n                <mat-expansion-panel class=\"mat-elevation-z raw\"\r\n                                     (click)=\"$event.stopPropagation();\"\r\n                                     [disabled]=\"!mobile\"\r\n                                     [hideToggle]=\"!mobile || !item?.items?.length\"\r\n                                     [ngClass]=\"{'icon-only': !item.title, 'mobile': mobile}\"\r\n                                     (delayedHover)=\"(item.items?.length ?? 0) > 0 && itemMouseEnter(item.event ? item.event : $event, item)\"\r\n                                     (mouseleave)=\"(item.items?.length ?? 0) >0 && false&& itemMouseLeave(item.event ? item.event : $event, item)\"\r\n                                     [routerLinkActive]=\"['active']\"\r\n                                     [routerLinkActiveOptions]=\"{exact:false}\">\r\n                    <!-- #region mobile-parent-item-header -->\r\n                    <mat-expansion-panel-header [expandedHeight]=\"'48px'\">\r\n                        <mat-panel-title>\r\n                            <!-- #region parent-item-icon-and-title -->\r\n                            @if (!avatar) {\r\n                                <mat-icon [fontSet]=\"fontSet\"\r\n                                          [style.color]=\"item.iconColor\"\r\n                                          [matBadge]=\"item.badge ? item.badge() : null\"\r\n                                          [matBadgeHidden]=\"!item.badge || item.badge() === 0\"\r\n                                          aria-hidden=\"false\">\r\n                                    {{(item.icon | func:item) || 'radio_button_unchecked'}}\r\n                                </mat-icon>\r\n                            }\r\n                            @if (!avatar && item.title) {\r\n                                <span [style.color]=\"item.textColor\">{{item.title}}</span>\r\n                            }\r\n                            @if (avatar) {\r\n                                <mat-icon [fontSet]=\"fontSet\">{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n                            }\r\n                            @if (avatar) {\r\n                                <h3>{{item.title}}</h3>\r\n                            }\r\n                            <!-- #endregion -->\r\n                        </mat-panel-title>\r\n                    </mat-expansion-panel-header>\r\n                    <!-- #endregion -->\r\n\r\n                    <!-- #region mobile-submenu-items -->\r\n                    <mat-nav-list>\r\n                        @for (subItem of item.items; track subItem; let subLast = $last) {\r\n                            <!-- #region visible-submenu-link -->\r\n                            @if (subItem.enabled) {\r\n                                <a mat-list-item\r\n                                   [style.backgroundColor]=\"subItem.backgroundColor\"\r\n                                   [routerLink]=\"subItem.path\"\r\n                                   target=\"_{{MenuItemTarget[item.target??0].toLowerCase()}}\"\r\n                                   [routerLinkActive]=\"['active']\" [ngClass]=\"{'icon-only': !subItem.title}\"\r\n                                   [routerLinkActiveOptions]=\"{exact:subItem.activeExact??false}\"\r\n                                   [fragment]=\"subItem.fragment\"\r\n                                   (click)=\"itemClicked($event, subItem)\">\r\n                                    <!-- #region submenu-icon-and-text -->\r\n                                    @if (!avatar) {\r\n                                        <mat-icon [fontSet]=\"fontSet\" [style.color]=\"subItem.iconColor\" aria-hidden=\"false\">\r\n                                            {{(subItem.icon | func:subItem) || 'radio_button_unchecked'}}\r\n                                        </mat-icon>\r\n                                    }\r\n\r\n                                    @if (!avatar && subItem.title) {\r\n                                        <span [style.color]=\"subItem.textColor\">{{subItem.title}}</span>\r\n                                    }\r\n\r\n                                    @if (avatar) {\r\n                                        <mat-icon [fontSet]=\"fontSet\">{{(subItem.icon | func:subItem) || 'radio_button_unchecked'}}</mat-icon>\r\n                                    }\r\n\r\n                                    @if (avatar) {\r\n                                        <h3>{{subItem.title}}</h3>\r\n                                    }\r\n\r\n                                    @if (avatar && subItem.description) {\r\n                                        <p>{{subItem.description}}</p>\r\n                                    }\r\n\r\n                                    @if (subItem.badge && subItem.badge() !== 0) {\r\n                                        <span matListItemMeta\r\n                                              [matBadge]=\"subItem.badge()\"\r\n                                              matBadgeOverlap=\"false\"\r\n                                              matBadgePosition=\"above before\"\r\n                                              class=\"menu-badge-align\">\r\n                                        </span>\r\n                                    }\r\n                                    <!-- #endregion -->\r\n                                </a>\r\n                            }\r\n                            <!-- #endregion -->\r\n\r\n                            <!-- #region submenu-divider-lines -->\r\n                            @if (subItem.divider && !avatar) {\r\n                                <mat-divider></mat-divider>\r\n                            }\r\n                            @if (!subItem.divider && avatar && !subLast) {\r\n                                <mat-divider [inset]=\"avatar\"></mat-divider>\r\n                            }\r\n                            <!-- #endregion -->\r\n                        }\r\n                    </mat-nav-list>\r\n                    <!-- #endregion -->\r\n                </mat-expansion-panel>\r\n                <!-- #endregion -->\r\n\r\n                <!-- #region regular-menu-item -->\r\n            } @else {\r\n                <!-- #region regular-item-link -->\r\n                @if (item.enabled) {\r\n                    <a mat-list-item [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                        @if (!avatar) {\r\n                            <mat-icon [fontSet]=\"fontSet\"\r\n                                      [style.color]=\"item.iconColor\"\r\n                                      aria-hidden=\"false\"\r\n                                      matListItemIcon>\r\n                                {{(item.icon | func:item) || 'radio_button_unchecked'}}\r\n                            </mat-icon>\r\n                        }\r\n\r\n                        @if (!avatar && item.title) {\r\n                            <span [style.color]=\"item.textColor\" matListItemTitle>{{item.title}}</span>\r\n                        }\r\n\r\n                        @if (avatar) {\r\n                            <mat-icon [fontSet]=\"fontSet\" matListAvatar>{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n                        }\r\n\r\n                        @if (avatar) {\r\n                            <h3 matLine>{{item.title}}</h3>\r\n                        }\r\n\r\n                        @if (avatar && item.description) {\r\n                            <p matLine>{{item.description}}</p>\r\n                        }\r\n\r\n                        @if (item.badge && item.badge() !== 0) {\r\n                            <span matListItemMeta\r\n                                  [matBadge]=\"item.badge()\"\r\n                                  matBadgeOverlap=\"false\"\r\n                                  matBadgePosition=\"above before\"\r\n                                  class=\"menu-badge-align\">\r\n                            </span>\r\n                        }\r\n                    </a>\r\n                }\r\n                <!-- #endregion -->\r\n\r\n                <!-- #region regular-item-divider-lines -->\r\n                @if (item.divider && !avatar) {\r\n                    <mat-divider></mat-divider>\r\n                }\r\n                @if (!item.divider && avatar && !last) {\r\n                    <mat-divider [inset]=\"avatar\"></mat-divider>\r\n                }\r\n                <!-- #endregion -->\r\n            }\r\n            <!-- #endregion -->\r\n        }\r\n    </mat-accordion>\r\n    <!-- #endregion -->\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: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,: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 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}:host ::ng-deep .menu-badge-align{padding-top:8px}\n"] }]
+                    ], template: "<mat-nav-list>\r\n    <!-- #region main-menu-accordion -->\r\n    <mat-accordion displayMode=\"flat\">\r\n        @for (item of items; track item; let last = $last) {\r\n            <!-- #region mobile-item-with-submenu -->\r\n            @if ((item?.items?.length ?? 0) > 0 && mobile) {\r\n                <mat-expansion-panel class=\"mat-elevation-z raw\" (click)=\"$event.stopPropagation();\" [disabled]=\"!mobile\" [hideToggle]=\"!mobile || !item?.items?.length\" [ngClass]=\"{'icon-only': !item.title, 'mobile': mobile}\" (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)\" [routerLinkActive]=\"['active']\" [routerLinkActiveOptions]=\"{exact:false}\" [attr.data-ordering]=\"item.ordering\">\r\n                    <!-- #region mobile-parent-item-header -->\r\n                    <mat-expansion-panel-header [expandedHeight]=\"'48px'\">\r\n                        <mat-panel-title>\r\n                            <!-- #region parent-item-icon-and-title -->\r\n                            @if (!avatar) {\r\n                                <mat-icon [fontSet]=\"fontSet\" [style.color]=\"item.iconColor\" [matBadge]=\"item.badge ? item.badge() : null\" [matBadgeHidden]=\"!item.badge || item.badge() === 0\" aria-hidden=\"false\">\r\n                                    {{(item.icon | func:item) || 'radio_button_unchecked'}}\r\n                                </mat-icon>\r\n                            }\r\n                            @if (!avatar && item.title) {\r\n                                <span [style.color]=\"item.textColor\">{{item.title}}</span>\r\n                            }\r\n                            @if (avatar) {\r\n                                <mat-icon [fontSet]=\"fontSet\">{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n                            }\r\n                            @if (avatar) {\r\n                                <h3>{{item.title}}</h3>\r\n                            }\r\n                            <!-- #endregion -->\r\n                        </mat-panel-title>\r\n                    </mat-expansion-panel-header>\r\n                    <!-- #endregion -->\r\n                    <!-- #region mobile-submenu-items -->\r\n                    <mat-nav-list>\r\n                        @for (subItem of item.items; track subItem; let subLast = $last) {\r\n                            <!-- #region visible-submenu-link -->\r\n                            @if (subItem.enabled) {\r\n                                <a mat-list-item [style.backgroundColor]=\"subItem.backgroundColor\" [attr.data-ordering]=\"subItem.ordering\" [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                                    <!-- #region submenu-icon-and-text -->\r\n                                    @if (!avatar) {\r\n                                        <mat-icon [fontSet]=\"fontSet\" [style.color]=\"subItem.iconColor\" aria-hidden=\"false\">\r\n                                            {{(subItem.icon | func:subItem) || 'radio_button_unchecked'}}\r\n                                        </mat-icon>\r\n                                    }\r\n                                    @if (!avatar && subItem.title) {\r\n                                        <span [style.color]=\"subItem.textColor\">{{subItem.title}}</span>\r\n                                    }\r\n                                    @if (avatar) {\r\n                                        <mat-icon [fontSet]=\"fontSet\">{{(subItem.icon | func:subItem) || 'radio_button_unchecked'}}</mat-icon>\r\n                                    }\r\n                                    @if (avatar) {\r\n                                        <h3>{{subItem.title}}</h3>\r\n                                    }\r\n                                    @if (avatar && subItem.description) {\r\n                                        <p>{{subItem.description}}</p>\r\n                                    }\r\n                                    @if (subItem.badge && subItem.badge() !== 0) {\r\n                                        <span matListItemMeta [matBadge]=\"subItem.badge()\" matBadgeOverlap=\"false\" matBadgePosition=\"above before\" class=\"menu-badge-align\">\r\n                                        </span>\r\n                                    }\r\n                                    <!-- #endregion -->\r\n                                </a>\r\n                            }\r\n                            <!-- #endregion -->\r\n                            <!-- #region submenu-divider-lines -->\r\n                            @if (subItem.divider && !avatar) {\r\n                                <mat-divider></mat-divider>\r\n                            }\r\n                            @if (!subItem.divider && avatar && !subLast) {\r\n                                <mat-divider [inset]=\"avatar\"></mat-divider>\r\n                            }\r\n                            <!-- #endregion -->\r\n                        }\r\n                    </mat-nav-list>\r\n                    <!-- #endregion -->\r\n                </mat-expansion-panel>\r\n                <!-- #endregion -->\r\n                <!-- #region regular-menu-item -->\r\n            } @else {\r\n                <!-- #region regular-item-link -->\r\n                @if (item.enabled) {\r\n                    <a mat-list-item [style.backgroundColor]=\"item.backgroundColor\" [attr.data-ordering]=\"item.ordering\" [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                        @if (!avatar) {\r\n                            <mat-icon [fontSet]=\"fontSet\" [style.color]=\"item.iconColor\" aria-hidden=\"false\" matListItemIcon>\r\n                                {{(item.icon | func:item) || 'radio_button_unchecked'}}\r\n                            </mat-icon>\r\n                        }\r\n                        @if (!avatar && item.title) {\r\n                            <span [style.color]=\"item.textColor\" matListItemTitle>{{item.title}}</span>\r\n                        }\r\n                        @if (avatar) {\r\n                            <mat-icon [fontSet]=\"fontSet\" matListAvatar>{{(item.icon | func:item) || 'radio_button_unchecked'}}</mat-icon>\r\n                        }\r\n                        @if (avatar) {\r\n                            <h3 matLine>{{item.title}}</h3>\r\n                        }\r\n                        @if (avatar && item.description) {\r\n                            <p matLine>{{item.description}}</p>\r\n                        }\r\n                        @if (item.badge && item.badge() !== 0) {\r\n                            <span matListItemMeta [matBadge]=\"item.badge()\" matBadgeOverlap=\"false\" matBadgePosition=\"above before\" class=\"menu-badge-align\">\r\n                            </span>\r\n                        }\r\n                    </a>\r\n                }\r\n                <!-- #endregion -->\r\n                <!-- #region regular-item-divider-lines -->\r\n                @if (item.divider && !avatar) {\r\n                    <mat-divider></mat-divider>\r\n                }\r\n                @if (!item.divider && avatar && !last) {\r\n                    <mat-divider [inset]=\"avatar\"></mat-divider>\r\n                }\r\n                <!-- #endregion -->\r\n            }\r\n            <!-- #endregion -->\r\n        }\r\n    </mat-accordion>\r\n    <!-- #endregion -->\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: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,: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 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}:host ::ng-deep .menu-badge-align{padding-top:8px}\n"] }]
         }], ctorParameters: () => [{ type: VdMediaService }], propDecorators: { items: [{
                 type: Input
             }], activeExact: [{
@@ -29273,78 +29301,87 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
             type: Injectable
         }] });
 
-class MenuItemService extends GenericService {
+class MenuService extends GenericService {
     /**
      * Constructor
      * @param _http
      */
     constructor() {
-        super('menuitem');
+        super('menu');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MenuItemService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MenuItemService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MenuService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MenuItemService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MenuService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
-class MenuService extends GenericService {
+class MenuItemService extends GenericService {
     /**
      * Constructor
      * @param _http
      */
     constructor() {
-        super('menu');
+        super('menuitem');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MenuService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MenuItemService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MenuItemService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MenuService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MenuItemService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
+/**
+ * Injection token for the MenuResolveOptions
+ */
+const MENU_RESOLVE_OPTIONS = new InjectionToken('MENU_RESOLVE_OPTIONS');
 /**
  * Menu resolve service
  */
 class MenuResolve {
     menuService;
+    options;
     /**
      * Constructor
-     * @param menuService
+     * @param menuService The menu service
+     * @param options The menu resolve options
      */
-    constructor(menuService) {
+    constructor(menuService, options) {
         this.menuService = menuService;
+        this.options = options;
     }
     /**
      * Resolves menu items
-     * @param route
+     * @param route The activated route snapshot
+     * @returns An observable of menu items
      */
     resolve(route) {
-        return this.menuService.getList(route.data || {}, undefined, { cache: 'yes' });
+        const options = this.options ?? route.data ?? {};
+        return this.menuService.getList(options, undefined, { cache: 'yes' });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MenuResolve, deps: [{ token: MenuService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MenuResolve, deps: [{ token: MenuService }, { token: MENU_RESOLVE_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MenuResolve, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MenuResolve, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: MenuService }] });
+        }], ctorParameters: () => [{ type: MenuService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [MENU_RESOLVE_OPTIONS]
+                }] }] });
 /**
  * Submenu resolve service
  */
 class SubMenuResolve {
-    router;
-    route3;
-    constructor(router, route3) {
-        this.router = router;
-        this.route3 = route3;
-    }
     /**
-     * Resolves menu items
-     * @param route
-     * @param state
+     * Resolve method to get the submenu item based on the current route
+     * @param route The activated route snapshot
+     * @param state The router state snapshot
+     * @returns The submenu item or undefined if not found
      */
     resolve(route, state) {
         /* Get menu from route data */
@@ -29361,13 +29398,13 @@ class SubMenuResolve {
         }
         return undefined;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SubMenuResolve, deps: [{ token: i1$6.Router }, { token: i1$6.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SubMenuResolve, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SubMenuResolve, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SubMenuResolve, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i1$6.Router }, { type: i1$6.ActivatedRoute }] });
+        }] });
 
 class VdLayoutComponent {
     media;
@@ -31347,5 +31384,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractMatFormField, AbstractSelectFormField, 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, ConfirmExitGuard, ContextHelper, DIALOG_PROVIDER, DIALOG_PROVIDER_FACTORY, 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, KeyValue, KeysPipe, LayoutToggle, LoadingScreenInterceptor, LoadingScreenService, MEDIA_PROVIDER, MEDIA_PROVIDER_FACTORY, MatFormFieldEditorDirective, MatFormFieldRadioDirective, MatFormFieldReadonlyDirective, MatInputRequiredDirective, MatSelectRequiredDirective, Menu, MenuClient, MenuDepartment, MenuFormIncludesResolve, MenuItem, MenuItemClient, MenuItemDepartment, MenuItemFormIncludesResolve, MenuItemService, MenuItemTarget, MenuListProjectionResolve, MenuResolve, MenuScope, MenuSettings, MenuSettingsResolve, MessageType, ModifiableEntity, MonthNamePipe, MsaEditFormActionsComponent, MsaEnumDisplayComponent, MsaSelectRequiredDirective, MsaSelectionLabelComponent, NameNumberProjection, NameProjection, NativeElementInjectorDirective, NumericValueType, OnlyNumberDirective, OrderPipe, Pagination, PaginatorIntl, ParseDecimalDirective, Permission, PlaceholderPipe, PrefixDirective, PrintService, PropertyJoinPipe, ReactiveFormConfig, ReactiveTypedFormsModule, RemoveWhitespaceDirective, ResetFormType, RxFormArray, RxFormBuilder, RxFormControl, RxFormControlDirective, RxFormGroup, RxReactiveFormsModule, RxwebFormDirective, RxwebValidators, SafeHtmlPipe, Salutation, SaveAction, SplitPipe, SubMenuResolve, SuffixButton, TABLE_COLUMNS_METADATA_KEY, TABLE_DEFINITION_METADATA_KEY, Table, TableColumn, TableColumnConfig, TableColumnType, TableConfig, TableDataSource, TableDefinition, TableQueryConfig, TableStaticDataSource, TaskDialogData, Templates, TimePipe, TitleCase, TitleProjection, TruncatePipe, TypedForm, TypedFormBuilder, UniqueValidatorDirective, UrlValidationType, Utils, ValidationAlphabetLocale, ValueAccessorBase, ValuesPipe, VdAlertDialogComponent, VdChipsComponent, VdCodeDirective, VdConfirmDialogComponent, VdCustomDirective, VdDelayedHoverDirective, VdDialogActionsDirective, VdDialogComponent, VdDialogContentDirective, VdDialogHeaderActionsComponent, VdDialogHeaderComponent, VdDialogMaximizeDirective, VdDialogService, VdDialogTitleDirective, VdDynamicMenuComponent, VdDynamicTableComponent, VdDynamicTableConfigDialogComponent, VdEditorDirective, VdFileDirective, VdFileInputComponent, VdFileModule, VdFilterOptionDirective, VdGenericFormComponent, VdGenericFormCustomFieldDirective, VdLayoutCardOverComponent, VdLayoutCloseDirective, VdLayoutCompactComponent, VdLayoutComponent, VdLayoutFooterComponent, VdLayoutManageListCloseDirective, VdLayoutManageListComponent, VdLayoutManageListOpenDirective, VdLayoutManageListToggleDirective, VdLayoutNavComponent, VdLayoutNavListCloseDirective, VdLayoutNavListComponent, VdLayoutNavListOpenDirective, VdLayoutNavListToggleDirective, VdLayoutOpenDirective, VdLayoutToggleDirective, VdListOptionDirective, VdListToolbarComponent, VdMediaService, VdMediaToggleDirective, VdMenuComponent, VdNavigationDrawerComponent, VdNavigationDrawerMenuDirective, VdNavigationDrawerToolbarDirective, VdPromptDialogComponent, VdSelectComponent, VdSelectOptionDirective, VdSelectTriggerDirective, VdTableFieldDirective, VdTaskDialogComponent, allOf, allOfAsync, alpha, alphaAsync, alphaNumeric, alphaNumericAsync, and, ascii, async, blacklist, choice, choiceAsync, compare, compose, contains, containsAsync, 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, formDefinitionMetadataKey, formFieldGroupsMetadataKey, formFieldsMetadataKey, getDisplay, getEndpoint, getFormDefinition, getFormGroups, getTableDefinition, graphql, greaterThan, greaterThanAsync, greaterThanEqualTo, greaterThanEqualToAsync, grid, hasRequiredValidator, headerMetadataKey, hexColor, iban, ibanAsync, 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, mixinDisableRipple, mixinDisabled, model, noneOf, noneOfAsync, not, notEmpty, numeric, numericAsync, odd, oneOf, oneOfAsync, or, parseProjectionArray, parseProjectionString, password, passwordAsync, pattern, patternAsync, port, prefix, primeNumber, prop, propArray, propObject, range, rangeAsync, required, requiredTrue, rtrim, rule, sanitize, startsWith, startsWithAsync, stripLow, suffix, time, timeAsync, toBoolean, toDate, toDouble, toFloat, toInt, toString, trim, unique, updateOn, upperCase, url, urlAsync, whitelist };
+export { AbstractMatFormField, AbstractSelectFormField, 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, ConfirmExitGuard, ContextHelper, DIALOG_PROVIDER, DIALOG_PROVIDER_FACTORY, 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, KeyValue, KeysPipe, LayoutToggle, LoadingScreenInterceptor, LoadingScreenService, MEDIA_PROVIDER, MEDIA_PROVIDER_FACTORY, MENU_RESOLVE_OPTIONS, MatFormFieldEditorDirective, MatFormFieldRadioDirective, MatFormFieldReadonlyDirective, MatInputRequiredDirective, MatSelectRequiredDirective, Menu, MenuClient, MenuDepartment, MenuFormIncludesResolve, MenuItem, MenuItemClient, MenuItemDepartment, MenuItemFormIncludesResolve, MenuItemService, MenuItemTarget, MenuListProjectionResolve, MenuResolve, MenuScope, MenuService, MenuSettings, MenuSettingsResolve, MessageType, ModifiableEntity, MonthNamePipe, MsaEditFormActionsComponent, MsaEnumDisplayComponent, MsaSelectRequiredDirective, MsaSelectionLabelComponent, NameNumberProjection, NameProjection, NativeElementInjectorDirective, NumericValueType, OnlyNumberDirective, OrderPipe, Pagination, PaginatorIntl, ParseDecimalDirective, Permission, PlaceholderPipe, PrefixDirective, PrintService, PropertyJoinPipe, ReactiveFormConfig, ReactiveTypedFormsModule, RemoveWhitespaceDirective, ResetFormType, RxFormArray, RxFormBuilder, RxFormControl, RxFormControlDirective, RxFormGroup, RxReactiveFormsModule, RxwebFormDirective, RxwebValidators, SafeHtmlPipe, Salutation, SaveAction, SplitPipe, SubMenuResolve, SuffixButton, TABLE_COLUMNS_METADATA_KEY, TABLE_DEFINITION_METADATA_KEY, Table, TableColumn, TableColumnConfig, TableColumnType, TableConfig, TableDataSource, TableDefinition, TableQueryConfig, TableStaticDataSource, TaskDialogData, Templates, TimePipe, TitleCase, TitleProjection, TruncatePipe, TypedForm, TypedFormBuilder, UniqueValidatorDirective, UrlValidationType, Utils, ValidationAlphabetLocale, ValueAccessorBase, ValuesPipe, VdAlertDialogComponent, VdChipsComponent, VdCodeDirective, VdConfirmDialogComponent, VdCustomDirective, VdDelayedHoverDirective, VdDialogActionsDirective, VdDialogComponent, VdDialogContentDirective, VdDialogHeaderActionsComponent, VdDialogHeaderComponent, VdDialogMaximizeDirective, VdDialogService, VdDialogTitleDirective, VdDynamicMenuComponent, VdDynamicTableComponent, VdDynamicTableConfigDialogComponent, VdEditorDirective, VdFileDirective, VdFileInputComponent, VdFileModule, VdFilterOptionDirective, VdGenericFormComponent, VdGenericFormCustomFieldDirective, VdLayoutCardOverComponent, VdLayoutCloseDirective, VdLayoutCompactComponent, VdLayoutComponent, VdLayoutFooterComponent, VdLayoutManageListCloseDirective, VdLayoutManageListComponent, VdLayoutManageListOpenDirective, VdLayoutManageListToggleDirective, VdLayoutNavComponent, VdLayoutNavListCloseDirective, VdLayoutNavListComponent, VdLayoutNavListOpenDirective, VdLayoutNavListToggleDirective, VdLayoutOpenDirective, VdLayoutToggleDirective, VdListOptionDirective, VdListToolbarComponent, VdMediaService, VdMediaToggleDirective, VdMenuComponent, VdNavigationDrawerComponent, VdNavigationDrawerMenuDirective, VdNavigationDrawerToolbarDirective, VdPromptDialogComponent, VdSelectComponent, VdSelectOptionDirective, VdSelectTriggerDirective, VdTableFieldDirective, VdTaskDialogComponent, allOf, allOfAsync, alpha, alphaAsync, alphaNumeric, alphaNumericAsync, and, ascii, async, blacklist, choice, choiceAsync, compare, compose, contains, containsAsync, 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, formDefinitionMetadataKey, formFieldGroupsMetadataKey, formFieldsMetadataKey, getDisplay, getEndpoint, getFormDefinition, getFormGroups, getTableDefinition, graphql, greaterThan, greaterThanAsync, greaterThanEqualTo, greaterThanEqualToAsync, grid, hasRequiredValidator, headerMetadataKey, hexColor, iban, ibanAsync, 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, mixinDisableRipple, mixinDisabled, model, noneOf, noneOfAsync, not, notEmpty, numeric, numericAsync, odd, oneOf, oneOfAsync, or, parseProjectionArray, parseProjectionString, password, passwordAsync, pattern, patternAsync, port, prefix, primeNumber, prop, propArray, propObject, range, rangeAsync, required, requiredTrue, rtrim, rule, sanitize, startsWith, startsWithAsync, stripLow, suffix, time, timeAsync, toBoolean, toDate, toDouble, toFloat, toInt, toString, trim, unique, updateOn, upperCase, url, urlAsync, whitelist };
 //# sourceMappingURL=messaia-cdk.mjs.map