@c8y/ngx-components 1023.61.2 → 1023.62.2

package/fesm2022/c8y-ngx-components-api.mjs

@@ -159,10 +159,10 @@ class ApiService {
         }
         return handler.handle(call);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ApiService, deps: [{ token: i1.FetchClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ApiService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ApiService, deps: [{ token: i1.FetchClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ApiService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ApiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -272,11 +272,11 @@ class DataModule {
             providers: provideClientLibServices()
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DataModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.17", ngImport: i0, type: DataModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DataModule, providers: provideClientLibServices() }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DataModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.18", ngImport: i0, type: DataModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DataModule, providers: provideClientLibServices() }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DataModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DataModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: provideClientLibServices()

package/fesm2022/c8y-ngx-components-app-logs.mjs

@@ -24,10 +24,10 @@ class AppLogsService {
     formatDate(dateToFormat) {
         return new Date(dateToFormat).toISOString();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AppLogsService, deps: [{ token: i1.ApplicationService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AppLogsService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AppLogsService, deps: [{ token: i1.ApplicationService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AppLogsService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AppLogsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AppLogsService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.ApplicationService }] });
 
@@ -94,10 +94,10 @@ class AppLogsAutoRefreshComponent {
             truncated: false
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AppLogsAutoRefreshComponent, deps: [{ token: AppLogsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: AppLogsAutoRefreshComponent, isStandalone: true, selector: "c8y-app-logs-auto-refresh", inputs: { selectedInstance: "selectedInstance", mo: "mo", buttonsDisabled: "buttonsDisabled" }, outputs: { onNewLogs: "onNewLogs", isRealtimeEnabled: "isRealtimeEnabled" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["autoRefresh"], descendants: true, static: true }], ngImport: i0, template: "<button #autoRefresh\n  type=\"button\"\n  class=\"btn btn-link c8y-realtime\"\n  [ngStyle]=\"{'width': 'auto'}\"\n  title=\"{{'Toggle auto refresh' | translate}}\"\n  [disabled]=\"isAutoRefreshDisabled\"\n>\n  <span class=\"c8y-pulse\" [ngClass]=\"isAutoRefreshOn ? 'active' : 'inactive'\"></span>\n  {{'Auto refresh' | translate}}\n</button>", dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AppLogsAutoRefreshComponent, deps: [{ token: AppLogsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: AppLogsAutoRefreshComponent, isStandalone: true, selector: "c8y-app-logs-auto-refresh", inputs: { selectedInstance: "selectedInstance", mo: "mo", buttonsDisabled: "buttonsDisabled" }, outputs: { onNewLogs: "onNewLogs", isRealtimeEnabled: "isRealtimeEnabled" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["autoRefresh"], descendants: true, static: true }], ngImport: i0, template: "<button #autoRefresh\n  type=\"button\"\n  class=\"btn btn-link c8y-realtime\"\n  [ngStyle]=\"{'width': 'auto'}\"\n  title=\"{{'Toggle auto refresh' | translate}}\"\n  [disabled]=\"isAutoRefreshDisabled\"\n>\n  <span class=\"c8y-pulse\" [ngClass]=\"isAutoRefreshOn ? 'active' : 'inactive'\"></span>\n  {{'Auto refresh' | translate}}\n</button>", dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AppLogsAutoRefreshComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AppLogsAutoRefreshComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-app-logs-auto-refresh', imports: [NgStyle, NgClass, C8yTranslatePipe], template: "<button #autoRefresh\n  type=\"button\"\n  class=\"btn btn-link c8y-realtime\"\n  [ngStyle]=\"{'width': 'auto'}\"\n  title=\"{{'Toggle auto refresh' | translate}}\"\n  [disabled]=\"isAutoRefreshDisabled\"\n>\n  <span class=\"c8y-pulse\" [ngClass]=\"isAutoRefreshOn ? 'active' : 'inactive'\"></span>\n  {{'Auto refresh' | translate}}\n</button>" }]
         }], ctorParameters: () => [{ type: AppLogsService }], propDecorators: { selectedInstance: [{
@@ -116,11 +116,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             }] } });
 
 class AppLogsAutoRefreshModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AppLogsAutoRefreshModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.17", ngImport: i0, type: AppLogsAutoRefreshModule, imports: [CommonModule, ButtonsModule, AppLogsAutoRefreshComponent], exports: [AppLogsAutoRefreshComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AppLogsAutoRefreshModule, providers: [AppLogsService], imports: [CommonModule, ButtonsModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AppLogsAutoRefreshModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.18", ngImport: i0, type: AppLogsAutoRefreshModule, imports: [CommonModule, ButtonsModule, AppLogsAutoRefreshComponent], exports: [AppLogsAutoRefreshComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AppLogsAutoRefreshModule, providers: [AppLogsService], imports: [CommonModule, ButtonsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AppLogsAutoRefreshModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AppLogsAutoRefreshModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [AppLogsAutoRefreshComponent],

package/fesm2022/c8y-ngx-components-application-access-list.mjs

@@ -14,10 +14,10 @@ class AlreadyInArrayPipe {
         }
         return appIdsOfGlobalRoles.includes(application.id);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AlreadyInArrayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.17", ngImport: i0, type: AlreadyInArrayPipe, isStandalone: true, name: "alreadyInArray" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AlreadyInArrayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.18", ngImport: i0, type: AlreadyInArrayPipe, isStandalone: true, name: "alreadyInArray" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AlreadyInArrayPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AlreadyInArrayPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'alreadyInArray'
@@ -33,10 +33,10 @@ class NotAvailableInOwnerPipe {
         const isAvailable = ownerApps.some(app => app.id === application.id);
         return !isAvailable;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: NotAvailableInOwnerPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.17", ngImport: i0, type: NotAvailableInOwnerPipe, isStandalone: true, name: "notAvailableInOwner" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: NotAvailableInOwnerPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.18", ngImport: i0, type: NotAvailableInOwnerPipe, isStandalone: true, name: "notAvailableInOwner" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: NotAvailableInOwnerPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: NotAvailableInOwnerPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'notAvailableInOwner'
@@ -60,10 +60,10 @@ class ApplicationAccessSubListComponent {
     toggleAccess(application) {
         this.accessToggled.emit(application);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ApplicationAccessSubListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: ApplicationAccessSubListComponent, isStandalone: true, selector: "c8y-application-access-sub-list", inputs: { applications: { classPropertyName: "applications", publicName: "applications", isSignal: true, isRequired: false, transformFunction: null }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, legendHelpText: { classPropertyName: "legendHelpText", publicName: "legendHelpText", isSignal: true, isRequired: false, transformFunction: null }, noOwnerAvailable: { classPropertyName: "noOwnerAvailable", publicName: "noOwnerAvailable", isSignal: true, isRequired: false, transformFunction: null }, appIdsOfGlobalRoles: { classPropertyName: "appIdsOfGlobalRoles", publicName: "appIdsOfGlobalRoles", isSignal: true, isRequired: false, transformFunction: null }, disabledEdit: { classPropertyName: "disabledEdit", publicName: "disabledEdit", isSignal: true, isRequired: false, transformFunction: null }, userWithOwner: { classPropertyName: "userWithOwner", publicName: "userWithOwner", isSignal: true, isRequired: false, transformFunction: null }, selectedAppIds: { classPropertyName: "selectedAppIds", publicName: "selectedAppIds", isSignal: true, isRequired: false, transformFunction: null }, allSelected: { classPropertyName: "allSelected", publicName: "allSelected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { accessToggled: "accessToggled" }, ngImport: i0, template: "@if (applications().length) {\n  <div class=\"legend form-block\">\n    {{ legend() | translate }}\n    @if (legendHelpText()) {\n      <button\n        class=\"btn-help btn-help--sm\"\n        [attr.aria-label]=\"'Help' | translate\"\n        [popover]=\"legendHelpText() | translate\"\n        type=\"button\"\n        [triggers]=\"'focus'\"\n      ></button>\n    }\n  </div>\n\n  @if (disabledEdit() && noOwnerAvailable()) {\n    <div class=\"alert alert-info\">\n      {{ noOwnerMessage | translate: { 'user.userName': userWithOwner()?.user.userName } }}\n    </div>\n  }\n\n  <c8y-list-group>\n    @for (application of applications(); track application.id) {\n      @let applicationAlreadyInappIdsOfGlobalRoles =\n        application | alreadyInArray: appIdsOfGlobalRoles();\n      @let applicationName = application | humanizeAppName | async;\n      <c8y-list-item>\n        <c8y-list-item-body>\n          <div class=\"d-flex\">\n            <label class=\"c8y-checkbox a-i-center\">\n              <input\n                [attr.aria-label]=\"applicationName\"\n                type=\"checkbox\"\n                [checked]=\"\n                  allSelected() ||\n                  (application | alreadyInArray: selectedAppIds()) ||\n                  applicationAlreadyInappIdsOfGlobalRoles\n                \"\n                (click)=\"toggleAccess(application)\"\n                [disabled]=\"disabledEdit() || applicationAlreadyInappIdsOfGlobalRoles\"\n              />\n              <span></span>\n              <span class=\"icon-36 l-h-1 p-l-8\">\n                <c8y-app-icon [app]=\"application\"></c8y-app-icon>\n              </span>\n              <span\n                class=\"m-l-8 text-normal l-h-1\"\n                [title]=\"applicationName\"\n              >\n                {{ applicationName }}\n                <br />\n                <small class=\"text-muted\">{{ application.contextPath }}</small>\n              </span>\n            </label>\n            <span class=\"m-l-auto\"></span>\n            @if (applicationAlreadyInappIdsOfGlobalRoles) {\n              <button\n                class=\"btn-help\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"\n                  'This application is already made available in a global role' | translate\n                \"\n                type=\"button\"\n                [triggers]=\"'focus'\"\n              ></button>\n            }\n\n            @if (\n              (application | notAvailableInOwner: userWithOwner()?.owner) &&\n              !applicationAlreadyInappIdsOfGlobalRoles\n            ) {\n              <button\n                class=\"btn-dot\"\n                [attr.aria-label]=\"'This application is not accessible by the owner.' | translate\"\n                [popover]=\"'This application is not accessible by the owner.' | translate\"\n                type=\"button\"\n                [triggers]=\"'focus'\"\n              >\n                <i\n                  class=\"text-warning\"\n                  [c8yIcon]=\"'warning'\"\n                ></i>\n              </button>\n            }\n          </div>\n        </c8y-list-item-body>\n      </c8y-list-item>\n    }\n  </c8y-list-group>\n}\n", dependencies: [{ kind: "directive", type: PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "component", type: ListGroupComponent, selector: "c8y-list-group" }, { kind: "component", type: ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "highlighted", "emptyActions", "dense", "collapsed", "selectable"], outputs: ["collapsedChange"] }, { kind: "component", type: ListItemBodyComponent, selector: "c8y-list-item-body, c8y-li-body", inputs: ["body"] }, { kind: "component", type: AppIconComponent, selector: "c8y-app-icon", inputs: ["contextPath", "name", "app"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: HumanizeAppNamePipe, name: "humanizeAppName" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AlreadyInArrayPipe, name: "alreadyInArray" }, { kind: "pipe", type: NotAvailableInOwnerPipe, name: "notAvailableInOwner" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ApplicationAccessSubListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: ApplicationAccessSubListComponent, isStandalone: true, selector: "c8y-application-access-sub-list", inputs: { applications: { classPropertyName: "applications", publicName: "applications", isSignal: true, isRequired: false, transformFunction: null }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, legendHelpText: { classPropertyName: "legendHelpText", publicName: "legendHelpText", isSignal: true, isRequired: false, transformFunction: null }, noOwnerAvailable: { classPropertyName: "noOwnerAvailable", publicName: "noOwnerAvailable", isSignal: true, isRequired: false, transformFunction: null }, appIdsOfGlobalRoles: { classPropertyName: "appIdsOfGlobalRoles", publicName: "appIdsOfGlobalRoles", isSignal: true, isRequired: false, transformFunction: null }, disabledEdit: { classPropertyName: "disabledEdit", publicName: "disabledEdit", isSignal: true, isRequired: false, transformFunction: null }, userWithOwner: { classPropertyName: "userWithOwner", publicName: "userWithOwner", isSignal: true, isRequired: false, transformFunction: null }, selectedAppIds: { classPropertyName: "selectedAppIds", publicName: "selectedAppIds", isSignal: true, isRequired: false, transformFunction: null }, allSelected: { classPropertyName: "allSelected", publicName: "allSelected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { accessToggled: "accessToggled" }, ngImport: i0, template: "@if (applications().length) {\n  <div class=\"legend form-block\">\n    {{ legend() | translate }}\n    @if (legendHelpText()) {\n      <button\n        class=\"btn-help btn-help--sm\"\n        [attr.aria-label]=\"'Help' | translate\"\n        [popover]=\"legendHelpText() | translate\"\n        type=\"button\"\n        [triggers]=\"'focus'\"\n      ></button>\n    }\n  </div>\n\n  @if (disabledEdit() && noOwnerAvailable()) {\n    <div class=\"alert alert-info\">\n      {{ noOwnerMessage | translate: { 'user.userName': userWithOwner()?.user.userName } }}\n    </div>\n  }\n\n  <c8y-list-group>\n    @for (application of applications(); track application.id) {\n      @let applicationAlreadyInappIdsOfGlobalRoles =\n        application | alreadyInArray: appIdsOfGlobalRoles();\n      @let applicationName = application | humanizeAppName | async;\n      <c8y-list-item>\n        <c8y-list-item-body>\n          <div class=\"d-flex\">\n            <label class=\"c8y-checkbox a-i-center\">\n              <input\n                [attr.aria-label]=\"applicationName\"\n                type=\"checkbox\"\n                [checked]=\"\n                  allSelected() ||\n                  (application | alreadyInArray: selectedAppIds()) ||\n                  applicationAlreadyInappIdsOfGlobalRoles\n                \"\n                (click)=\"toggleAccess(application)\"\n                [disabled]=\"disabledEdit() || applicationAlreadyInappIdsOfGlobalRoles\"\n              />\n              <span></span>\n              <span class=\"icon-36 l-h-1 p-l-8\">\n                <c8y-app-icon [app]=\"application\"></c8y-app-icon>\n              </span>\n              <span\n                class=\"m-l-8 text-normal l-h-1\"\n                [title]=\"applicationName\"\n              >\n                {{ applicationName }}\n                <br />\n                <small class=\"text-muted\">{{ application.contextPath }}</small>\n              </span>\n            </label>\n            <span class=\"m-l-auto\"></span>\n            @if (applicationAlreadyInappIdsOfGlobalRoles) {\n              <button\n                class=\"btn-help\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"\n                  'This application is already made available in a global role' | translate\n                \"\n                type=\"button\"\n                [triggers]=\"'focus'\"\n              ></button>\n            }\n\n            @if (\n              (application | notAvailableInOwner: userWithOwner()?.owner) &&\n              !applicationAlreadyInappIdsOfGlobalRoles\n            ) {\n              <button\n                class=\"btn-dot\"\n                [attr.aria-label]=\"'This application is not accessible by the owner.' | translate\"\n                [popover]=\"'This application is not accessible by the owner.' | translate\"\n                type=\"button\"\n                [triggers]=\"'focus'\"\n              >\n                <i\n                  class=\"text-warning\"\n                  [c8yIcon]=\"'warning'\"\n                ></i>\n              </button>\n            }\n          </div>\n        </c8y-list-item-body>\n      </c8y-list-item>\n    }\n  </c8y-list-group>\n}\n", dependencies: [{ kind: "directive", type: PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "component", type: ListGroupComponent, selector: "c8y-list-group" }, { kind: "component", type: ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "highlighted", "emptyActions", "dense", "collapsed", "selectable"], outputs: ["collapsedChange"] }, { kind: "component", type: ListItemBodyComponent, selector: "c8y-list-item-body, c8y-li-body", inputs: ["body"] }, { kind: "component", type: AppIconComponent, selector: "c8y-app-icon", inputs: ["contextPath", "name", "app"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: HumanizeAppNamePipe, name: "humanizeAppName" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AlreadyInArrayPipe, name: "alreadyInArray" }, { kind: "pipe", type: NotAvailableInOwnerPipe, name: "notAvailableInOwner" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ApplicationAccessSubListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ApplicationAccessSubListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-application-access-sub-list', imports: [
                         C8yTranslateDirective,
@@ -152,8 +152,8 @@ class ApplicationAccessListComponent {
     setDisabledState(isDisabled) {
         this.disabledEdit.set(isDisabled);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ApplicationAccessListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.17", type: ApplicationAccessListComponent, isStandalone: true, selector: "c8y-application-access-list", inputs: { userWithOwner: { classPropertyName: "userWithOwner", publicName: "userWithOwner", isSignal: true, isRequired: false, transformFunction: null }, allSelected: { classPropertyName: "allSelected", publicName: "allSelected", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ApplicationAccessListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.18", type: ApplicationAccessListComponent, isStandalone: true, selector: "c8y-application-access-list", inputs: { userWithOwner: { classPropertyName: "userWithOwner", publicName: "userWithOwner", isSignal: true, isRequired: false, transformFunction: null }, allSelected: { classPropertyName: "allSelected", publicName: "allSelected", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -161,7 +161,7 @@ class ApplicationAccessListComponent {
             }
         ], ngImport: i0, template: "<c8y-application-access-sub-list\n  [applications]=\"marketApps()\"\n  [legend]=\"'Subscribed applications' | translate\"\n  [noOwnerAvailable]=\"!userOwnerAvailable()\"\n  [appIdsOfGlobalRoles]=\"appIdsOfGlobalRoles()\"\n  [userWithOwner]=\"userWithOwner()\"\n  [disabledEdit]=\"disabledEdit()\"\n  (accessToggled)=\"toggleAccess($event)\"\n  [selectedAppIds]=\"selectedAppIds()\"\n  [allSelected]=\"allSelected()\"\n></c8y-application-access-sub-list>\n\n<c8y-application-access-sub-list\n  [applications]=\"privateApps()\"\n  [legend]=\"'Custom applications' | translate\"\n  [legendHelpText]=\"'Applications owned by your tenant' | translate\"\n  [noOwnerAvailable]=\"!userOwnerAvailable()\"\n  [appIdsOfGlobalRoles]=\"appIdsOfGlobalRoles()\"\n  [userWithOwner]=\"userWithOwner()\"\n  [disabledEdit]=\"disabledEdit()\"\n  (accessToggled)=\"toggleAccess($event)\"\n  [selectedAppIds]=\"selectedAppIds()\"\n  [allSelected]=\"allSelected()\"\n></c8y-application-access-sub-list>\n", dependencies: [{ kind: "component", type: ApplicationAccessSubListComponent, selector: "c8y-application-access-sub-list", inputs: ["applications", "legend", "legendHelpText", "noOwnerAvailable", "appIdsOfGlobalRoles", "disabledEdit", "userWithOwner", "selectedAppIds", "allSelected"], outputs: ["accessToggled"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ApplicationAccessListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ApplicationAccessListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-application-access-list', imports: [C8yTranslatePipe, ApplicationAccessSubListComponent], providers: [
                         {

package/fesm2022/c8y-ngx-components-application-access-user-application-access-user-details-wrapper.mjs

@@ -89,10 +89,10 @@ class ApplicationAccessUserDetailsWrapperComponent {
             Permissions.ROLE_APPLICATION_MANAGEMENT_READ
         ]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ApplicationAccessUserDetailsWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: ApplicationAccessUserDetailsWrapperComponent, isStandalone: true, selector: "c8y-application-access-user-details-wrapper", ngImport: i0, template: "<c8y-breadcrumb>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-accounts'\"\n    [label]=\"'Accounts' | translate\"\n  ></c8y-breadcrumb-item>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-accounts'\"\n    path=\"#users\"\n    [label]=\"'Users' | translate\"\n  ></c8y-breadcrumb-item>\n</c8y-breadcrumb>\n\n<div class=\"row\">\n  <div class=\"col-md-8\">\n    <div class=\"card card--fullpage\">\n      <div class=\"card-header separator\">\n        <div class=\"card-title\">\n          {{ 'Application access' | translate }}\n        </div>\n      </div>\n      <div class=\"inner-scroll\">\n        <div class=\"card-block\">\n          @if (formGroup) {\n            <form [formGroup]=\"formGroup\">\n              @if (hasAppManagement()) {\n                <div\n                  class=\"alert alert-info\"\n                  translate\n                >\n                  This user is assigned a global role with \"Application management\" permission.\n                  Therefore all applications are accessible.\n                </div>\n              }\n              <c8y-application-access-list\n                formControlName=\"applications\"\n                [userWithOwner]=\"userWithOwner()\"\n                [allSelected]=\"hasAppManagement()\"\n              ></c8y-application-access-list>\n            </form>\n          } @else {\n            <c8y-loading></c8y-loading>\n          }\n        </div>\n      </div>\n      <div class=\"card-footer separator\">\n        <button\n          class=\"btn btn-default\"\n          [title]=\"'Cancel' | translate\"\n          type=\"button\"\n          (click)=\"cancel()\"\n        >\n          {{ 'Cancel' | translate }}\n        </button>\n        <button\n          class=\"btn btn-primary\"\n          [title]=\"'Save' | translate\"\n          type=\"button\"\n          (click)=\"save()\"\n          [disabled]=\"hasAppManagement() || formGroup?.invalid || formGroup?.pristine\"\n        >\n          {{ 'Save' | translate }}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "component", type: ApplicationAccessListComponent, selector: "c8y-application-access-list", inputs: ["userWithOwner", "allSelected"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "message"] }, { kind: "component", type: BreadcrumbComponent, selector: "c8y-breadcrumb" }, { kind: "component", type: BreadcrumbItemComponent, selector: "c8y-breadcrumb-item", inputs: ["icon", "translate", "label", "path", "injector"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ApplicationAccessUserDetailsWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: ApplicationAccessUserDetailsWrapperComponent, isStandalone: true, selector: "c8y-application-access-user-details-wrapper", ngImport: i0, template: "<c8y-breadcrumb>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-accounts'\"\n    [label]=\"'Accounts' | translate\"\n  ></c8y-breadcrumb-item>\n  <c8y-breadcrumb-item\n    [icon]=\"'c8y-accounts'\"\n    path=\"#users\"\n    [label]=\"'Users' | translate\"\n  ></c8y-breadcrumb-item>\n</c8y-breadcrumb>\n\n<div class=\"row\">\n  <div class=\"col-md-8\">\n    <div class=\"card card--fullpage\">\n      <div class=\"card-header separator\">\n        <div class=\"card-title\">\n          {{ 'Application access' | translate }}\n        </div>\n      </div>\n      <div class=\"inner-scroll\">\n        <div class=\"card-block\">\n          @if (formGroup) {\n            <form [formGroup]=\"formGroup\">\n              @if (hasAppManagement()) {\n                <div\n                  class=\"alert alert-info\"\n                  translate\n                >\n                  This user is assigned a global role with \"Application management\" permission.\n                  Therefore all applications are accessible.\n                </div>\n              }\n              <c8y-application-access-list\n                formControlName=\"applications\"\n                [userWithOwner]=\"userWithOwner()\"\n                [allSelected]=\"hasAppManagement()\"\n              ></c8y-application-access-list>\n            </form>\n          } @else {\n            <c8y-loading></c8y-loading>\n          }\n        </div>\n      </div>\n      <div class=\"card-footer separator\">\n        <button\n          class=\"btn btn-default\"\n          [title]=\"'Cancel' | translate\"\n          type=\"button\"\n          (click)=\"cancel()\"\n        >\n          {{ 'Cancel' | translate }}\n        </button>\n        <button\n          class=\"btn btn-primary\"\n          [title]=\"'Save' | translate\"\n          type=\"button\"\n          (click)=\"save()\"\n          [disabled]=\"hasAppManagement() || formGroup?.invalid || formGroup?.pristine\"\n        >\n          {{ 'Save' | translate }}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "component", type: ApplicationAccessListComponent, selector: "c8y-application-access-list", inputs: ["userWithOwner", "allSelected"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "message"] }, { kind: "component", type: BreadcrumbComponent, selector: "c8y-breadcrumb" }, { kind: "component", type: BreadcrumbItemComponent, selector: "c8y-breadcrumb-item", inputs: ["icon", "translate", "label", "path", "injector"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ApplicationAccessUserDetailsWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ApplicationAccessUserDetailsWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-application-access-user-details-wrapper', imports: [
                         C8yTranslatePipe,