@mediusinc/mng-commons 2.0.0-rc.7 → 2.0.0-rc.8

package/fesm2020/mediusinc-mng-commons.mjs

@@ -11832,6 +11832,7 @@ class MngFormlyFieldTableDialogMultiselectComponent extends FieldType {
         this.descriptor = this.props.descriptor;
         this.props.fieldComponent = this;
         this.viewContainer = this.props.formEditorComponent.viewContainerInit;
+        this.dialogIsLoadingSubject.next(false);
         if (this.descriptor.lookupTableDataProvider?.serviceType) {
             this.dialogUseDataProvider = true;
             this.dialogDataProviderService = this.injector.get(this.descriptor.lookupTableDataProvider.serviceType);
@@ -11871,29 +11872,32 @@ class MngFormlyFieldTableDialogMultiselectComponent extends FieldType {
         });
     }
     openAddDialog() {
+        this.dialogSelectedAddItems = [];
+        this.isDialogVisible = true;
         if (!this.dialogAreItemsLoaded && this.dialogUseDataProvider) {
-            this.dialogIsLoadingSubject.next(true);
-            const queryParamBuilder = MediusQueryParamBuilder.create(50);
-            if (this.descriptor.lookupTableDescriptor.hasDefaultSort) {
-                this.descriptor.lookupTableDescriptor.defaultSortProperty.forEach((p, idx) => queryParamBuilder.withSort(p, this.descriptor.lookupTableDescriptor.defaultSortAsc[idx]));
-            }
-            if (this.descriptor.hasLookupExcludeValues) {
-                const filterValues = this.formControl.value.map((i) => i[this.descriptor.excludeValueProperty]);
-                queryParamBuilder.withFilter(this.descriptor.excludeFilterProperty, filterValues, undefined, MediusFilterMatchType.NotIn);
-            }
-            this.lookupDataProviderSubscription = this.descriptor.lookupTableDataProvider?.getAll(queryParamBuilder.build(), this.dialogDataProviderService).subscribe({
-                next: res => {
-                    this.addItemsSubject.next(res);
-                    this.dialogAreItemsLoaded = true;
-                    this.dialogIsLoadingSubject.next(false);
-                },
-                error: () => {
-                    this.dialogIsLoadingSubject.next(false);
+            // wrapped in request animation frame due to primeng bug: https://github.com/primefaces/primeng/issues/12980
+            requestAnimationFrame(() => {
+                this.dialogIsLoadingSubject.next(true);
+                const queryParamBuilder = MediusQueryParamBuilder.create(50);
+                if (this.descriptor.lookupTableDescriptor.hasDefaultSort) {
+                    this.descriptor.lookupTableDescriptor.defaultSortProperty.forEach((p, idx) => queryParamBuilder.withSort(p, this.descriptor.lookupTableDescriptor.defaultSortAsc[idx]));
+                }
+                if (this.descriptor.hasLookupExcludeValues) {
+                    const filterValues = this.formControl.value.map((i) => i[this.descriptor.excludeValueProperty]);
+                    queryParamBuilder.withFilter(this.descriptor.excludeFilterProperty, filterValues, undefined, MediusFilterMatchType.NotIn);
                 }
+                this.lookupDataProviderSubscription = this.descriptor.lookupTableDataProvider?.getAll(queryParamBuilder.build(), this.dialogDataProviderService).subscribe({
+                    next: res => {
+                        this.addItemsSubject.next(res);
+                        this.dialogAreItemsLoaded = true;
+                        this.dialogIsLoadingSubject.next(false);
+                    },
+                    error: () => {
+                        this.dialogIsLoadingSubject.next(false);
+                    }
+                });
             });
         }
-        this.dialogSelectedAddItems = [];
-        this.isDialogVisible = true;
         this.formControl.markAsTouched();
         this.descriptor.nextEvent(MngFormFieldEventTypeEnum.DialogLifecycle, MngFormlyFieldTableDialogMultiselectComponent, this, {
             eventSubtype: MngFormFieldEventDialogSubtype.VISIBILITY,
@@ -12752,9 +12756,10 @@ class MngTopbarUserComponent {
     ngOnDestroy() {
         this.subscriptions.forEach(value => value.unsubscribe());
     }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     logout(user, event) {
         if (typeof user?.logout === 'function') {
+            event.preventDefault();
+            event.stopPropagation();
             user.logout();
         }
     }
@@ -12763,10 +12768,10 @@ class MngTopbarUserComponent {
     }
 }
 MngTopbarUserComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: MngTopbarUserComponent, deps: [{ token: MngCommonsService }, { token: MngMainLayoutComponentService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-MngTopbarUserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: MngTopbarUserComponent, isStandalone: true, selector: "mng-topbar-user-component", ngImport: i0, template: "<a href=\"#\" class=\"user-block\" (click)=\"click($event)\">\n    <i class=\"pi pi-fw pi-user\"></i>\n    <span class=\"profile-item-username hidden sm:inline-block\">&nbsp; {{ user?.displayName ?? user?.username }}</span>\n</a>\n<ul class=\"fadeInDown dropdown-window\">\n    <li role=\"menuitem\">\n        <a>\n            <div class=\"flex\">\n                <div class=\"flex-grow-0\">\n                    <i class=\"pi pi-fw pi-user\"></i>\n                </div>\n                <div class=\"flex-grow-1\">\n                    <strong>{{ user?.displayName ?? user?.username }}</strong>\n                    <small *ngIf=\"((userRoles$ | async)?.length ?? 0) > 0\">\n                        <br />\n                        {{ userRoles$ | mgnEnumerateAsync : undefined : undefined : undefined : 'roles' | async }}\n                    </small>\n                </div>\n            </div>\n        </a>\n    </li>\n    <li role=\"menuitem\" *ngIf=\"user?.logout || user?.logoutUrl\">\n        <a [href]=\"user?.logoutUrl\" (click)=\"logout(user, $event)\">\n            <i class=\"pi pi-fw pi-sign-out\"></i>\n            <span>{{ 'mngTopbar.logout' | translate }}</span>\n        </a>\n    </li>\n</ul>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "pipe", type: MngEnumerateAsyncPipe, name: "mgnEnumerateAsync" }] });
+MngTopbarUserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: MngTopbarUserComponent, isStandalone: true, selector: "mng-topbar-user-component", ngImport: i0, template: "<a href=\"#\" class=\"user-block\" (click)=\"click($event)\">\n    <i class=\"pi pi-fw pi-user\"></i>\n    <span class=\"profile-item-username hidden sm:inline-block\">&nbsp; {{ user?.displayName ?? user?.username }}</span>\n</a>\n<ul class=\"fadeInDown dropdown-window\">\n    <li role=\"menuitem\">\n        <a>\n            <div class=\"flex\">\n                <div class=\"flex-grow-0\">\n                    <i class=\"pi pi-fw pi-user\"></i>\n                </div>\n                <div class=\"flex-grow-1\">\n                    <strong>{{ user?.displayName ?? user?.username }}</strong>\n                    <small *ngIf=\"((userRoles$ | async)?.length ?? 0) > 0\">\n                        <br />\n                        {{ userRoles$ | mgnEnumerateAsync : undefined : undefined : undefined : 'roles' | async }}\n                    </small>\n                </div>\n            </div>\n        </a>\n    </li>\n    <li role=\"menuitem\" *ngIf=\"user?.logout || user?.logoutUrl\">\n        <a [href]=\"user?.logoutUrl ?? 'javascript:void(0)'\" (click)=\"logout(user, $event)\">\n            <i class=\"pi pi-fw pi-sign-out\"></i>\n            <span>{{ 'mngTopbar.logout' | translate }}</span>\n        </a>\n    </li>\n</ul>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "pipe", type: MngEnumerateAsyncPipe, name: "mgnEnumerateAsync" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: MngTopbarUserComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-topbar-user-component', imports: [NgClass, NgIf, AsyncPipe, TranslateModule, MngEnumerateAsyncPipe], template: "<a href=\"#\" class=\"user-block\" (click)=\"click($event)\">\n    <i class=\"pi pi-fw pi-user\"></i>\n    <span class=\"profile-item-username hidden sm:inline-block\">&nbsp; {{ user?.displayName ?? user?.username }}</span>\n</a>\n<ul class=\"fadeInDown dropdown-window\">\n    <li role=\"menuitem\">\n        <a>\n            <div class=\"flex\">\n                <div class=\"flex-grow-0\">\n                    <i class=\"pi pi-fw pi-user\"></i>\n                </div>\n                <div class=\"flex-grow-1\">\n                    <strong>{{ user?.displayName ?? user?.username }}</strong>\n                    <small *ngIf=\"((userRoles$ | async)?.length ?? 0) > 0\">\n                        <br />\n                        {{ userRoles$ | mgnEnumerateAsync : undefined : undefined : undefined : 'roles' | async }}\n                    </small>\n                </div>\n            </div>\n        </a>\n    </li>\n    <li role=\"menuitem\" *ngIf=\"user?.logout || user?.logoutUrl\">\n        <a [href]=\"user?.logoutUrl\" (click)=\"logout(user, $event)\">\n            <i class=\"pi pi-fw pi-sign-out\"></i>\n            <span>{{ 'mngTopbar.logout' | translate }}</span>\n        </a>\n    </li>\n</ul>\n" }]
+            args: [{ standalone: true, selector: 'mng-topbar-user-component', imports: [NgClass, NgIf, AsyncPipe, TranslateModule, MngEnumerateAsyncPipe], template: "<a href=\"#\" class=\"user-block\" (click)=\"click($event)\">\n    <i class=\"pi pi-fw pi-user\"></i>\n    <span class=\"profile-item-username hidden sm:inline-block\">&nbsp; {{ user?.displayName ?? user?.username }}</span>\n</a>\n<ul class=\"fadeInDown dropdown-window\">\n    <li role=\"menuitem\">\n        <a>\n            <div class=\"flex\">\n                <div class=\"flex-grow-0\">\n                    <i class=\"pi pi-fw pi-user\"></i>\n                </div>\n                <div class=\"flex-grow-1\">\n                    <strong>{{ user?.displayName ?? user?.username }}</strong>\n                    <small *ngIf=\"((userRoles$ | async)?.length ?? 0) > 0\">\n                        <br />\n                        {{ userRoles$ | mgnEnumerateAsync : undefined : undefined : undefined : 'roles' | async }}\n                    </small>\n                </div>\n            </div>\n        </a>\n    </li>\n    <li role=\"menuitem\" *ngIf=\"user?.logout || user?.logoutUrl\">\n        <a [href]=\"user?.logoutUrl ?? 'javascript:void(0)'\" (click)=\"logout(user, $event)\">\n            <i class=\"pi pi-fw pi-sign-out\"></i>\n            <span>{{ 'mngTopbar.logout' | translate }}</span>\n        </a>\n    </li>\n</ul>\n" }]
         }], ctorParameters: function () { return [{ type: MngCommonsService }, { type: MngMainLayoutComponentService }, { type: i0.ElementRef }]; } });
 
 class MngTopbarComponent {
@@ -14288,9 +14293,16 @@ class TableviewRouteBuilderInternal extends RouteBuilder {
         if (this.tableviewPermissions?.[TableviewActionDefaultCategories.READ]) {
             this.routeData.permissions = this.tableviewPermissions[TableviewActionDefaultCategories.READ];
         }
+        // copy route data for children, reset breadcrumbs menu items and permission
+        const childrenRouteData = {
+            ...this.routeData,
+            breadcrumb: null,
+            menuItems: undefined,
+            permissions: undefined
+        };
         // list route
         const rootChildRouteBuilder = RouteBuilder.create('', MngActionRouteComponent);
-        rootChildRouteBuilder.withData({ ...this.routeData });
+        rootChildRouteBuilder.withData({ ...childrenRouteData });
         if (this.tableviewPermissions?.[TableviewActionDefaultCategories.READ]) {
             rootChildRouteBuilder.withPermissions(this.tableviewPermissions[TableviewActionDefaultCategories.READ]);
         }
@@ -14298,7 +14310,7 @@ class TableviewRouteBuilderInternal extends RouteBuilder {
         // add route
         if (this.hasAdd) {
             const routeBuilder = RouteBuilder.create(this.addPath, MngActionRouteComponent);
-            routeBuilder.withData({ ...this.routeData });
+            routeBuilder.withData({ ...childrenRouteData });
             if (this.tableviewPermissions?.[TableviewActionDefaultCategories.ADD]) {
                 routeBuilder.withPermissions(this.tableviewPermissions[TableviewActionDefaultCategories.ADD]);
             }
@@ -14306,7 +14318,7 @@ class TableviewRouteBuilderInternal extends RouteBuilder {
         }
         if (this.hasDetails) {
             const routeBuilder = RouteBuilder.create(this.detailsPath, MngActionRouteComponent);
-            routeBuilder.withData({ ...this.routeData });
+            routeBuilder.withData({ ...childrenRouteData });
             if (this.tableviewPermissions?.[TableviewActionDefaultCategories.DETAILS]) {
                 routeBuilder.withPermissions(this.tableviewPermissions[TableviewActionDefaultCategories.DETAILS]);
             }
@@ -14314,7 +14326,7 @@ class TableviewRouteBuilderInternal extends RouteBuilder {
         }
         if (this.hasEdit) {
             const routeBuilder = RouteBuilder.create(this.editPath, MngActionRouteComponent);
-            routeBuilder.withData({ ...this.routeData });
+            routeBuilder.withData({ ...childrenRouteData });
             if (this.tableviewPermissions?.[TableviewActionDefaultCategories.EDIT]) {
                 routeBuilder.withPermissions(this.tableviewPermissions[TableviewActionDefaultCategories.EDIT]);
             }