@c8y/ngx-components 1023.71.1 → 1023.76.0

package/fesm2022/c8y-ngx-components-cockpit-config.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Optional, Inject, Input, Component, EventEmitter, Output, NgModule } from '@angular/core';
+import { Injectable, Optional, Inject, Input, Component, input, output, EventEmitter, Output, NgModule } from '@angular/core';
 import { gettext } from '@c8y/ngx-components/gettext';
 import * as i1 from '@c8y/ngx-components';
 import { NavigatorNode, Permissions, ListGroupComponent, ListItemComponent, C8yTranslatePipe, ListItemIconComponent, C8yTranslateDirective, PluginLoadedPipe, EmptyStateComponent, IconDirective, GetGroupIconPipe, ListItemRadioComponent, TitleComponent, BreadcrumbComponent, BreadcrumbItemComponent, ProductExperienceDirective, CoreModule, hookRoute, hookNavigator, hookStepper, Steppers } from '@c8y/ngx-components';
@@ -15,7 +15,7 @@ import { isUndefined, uniqBy, startCase } from 'lodash-es';
 import { take, map, filter } from 'rxjs/operators';
 import * as i5 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import { NgIf, AsyncPipe } from '@angular/common';
+import { AsyncPipe, NgIf } from '@angular/common';
 import * as i2$2 from '@angular/cdk/stepper';
 
 const DEFAULT_HOME_DASHBOARD_NAME = 'home-cockpit1';
@@ -24,6 +24,7 @@ const DEFAULT_CONFIG = {
     rootNodes: [],
     features: {
         alarms: true,
+        events: true,
         dataExplorer: true,
         groups: true,
         reports: true,
@@ -287,19 +288,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
 
 class FeatureConfigComponent {
     constructor() {
-        this.onUpdate = new EventEmitter();
+        this.config = input.required(...(ngDevMode ? [{ debugName: "config" }] : []));
+        this.onUpdate = output();
     }
     updateFeatures() {
         this.onUpdate.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FeatureConfigComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: FeatureConfigComponent, isStandalone: true, selector: "c8y-feature-config", inputs: { config: "config" }, outputs: { onUpdate: "onUpdate" }, ngImport: i0, template: "<c8y-list-group>\n  <c8y-li data-cy=\"feature-config--feature-list\" *ngIf=\"'SearchModule' | c8yPluginLoaded | async\">\n    <c8y-li-icon icon=\"search\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Global search' | translate }}</p>\n        <p>\n          <small translate>Display the global search in the main header.</small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Global search' | translate }}\"\n      >\n        <input\n          name=\"search\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config.features.search\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\">\n    <c8y-li-icon icon=\"c8y-group\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Groups' | translate }}</p>\n        <p>\n          <small translate>Display top level groups under the Groups navigator menu.</small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Groups' | translate }}\"\n      >\n        <input\n          name=\"groups\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config.features.groups\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\" *ngIf=\"'CockpitAlarmsModule' | c8yPluginLoaded | async\">\n    <c8y-li-icon icon=\"bell\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Alarms' | translate }}</p>\n        <p>\n          <small translate>Display a link to the global alarms list in the navigator menu.</small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Global Alarms view' | translate }}\"\n      >\n        <input\n          name=\"alarms\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config.features.alarms\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\">\n    <c8y-li-icon icon=\"c8y-data-explorer\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Data explorer' | translate }}</p>\n        <p>\n          <small translate>\n            Display the data explorer in the navigator menu and on the group tabs.\n          </small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Data explorer' | translate }}\"\n      >\n        <input\n          name=\"dataExplorer\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config.features.dataExplorer\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\" *ngIf=\"'ReportDashboardModule' | c8yPluginLoaded | async\">\n    <c8y-li-icon icon=\"c8y-reports\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Reports' | translate }}</p>\n        <p>\n          <small translate>Display a link to the Reports list in the navigator menu.</small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Reports' | translate }}\"\n      >\n        <input\n          name=\"reports\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config.features.reports\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\" *ngIf=\"'exportsProviders' | c8yPluginLoaded | async\">\n    <c8y-li-icon icon=\"graph-report\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Exports' | translate }}</p>\n        <p>\n          <small translate>\n            Display a link to the Exports list under the Configuration navigator menu.\n          </small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Exports' | translate }}\"\n      >\n        <input\n          name=\"exports\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config.features.exports\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\" *ngIf=\"'DatapointLibraryModule' | c8yPluginLoaded | async\">\n    <c8y-li-icon icon=\"c8y-data-points\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Data point library' | translate }}</p>\n        <p>\n          <small translate>\n            Display a link to the Data point library under the Configuration navigator menu.\n          </small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Data point library' | translate }}\"\n      >\n        <input\n          name=\"dataPointLibrary\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config.features.dataPointLibrary\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\">\n    <c8y-li-icon icon=\"c8y-smart-rules\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Global smart rules' | translate }}</p>\n        <p>\n          <small translate>\n            Display a link to the Global smart rules under the Configuration navigator menu.\n          </small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Global smart rules' | translate }}\"\n      >\n        <input\n          name=\"globalSmartRules\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config.features.globalSmartRules\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\">\n    <c8y-li-icon icon=\"c8y-group-open\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Subassets view' | translate }}</p>\n        <p><small translate>Display the \"Subassets\" tab on groups.</small></p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Subassets view' | translate }}\"\n      >\n        <input\n          name=\"subassets\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config.features.subassets\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\">\n    <c8y-li-icon icon=\"c8y-smart-rules\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Smart rules for devices and groups' | translate }}</p>\n        <p>\n          <small translate>Display the smart rules tab on groups and devices.</small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Smart rules for devices and groups' | translate }}\"\n      >\n        <input\n          name=\"smartRules\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config.features.smartRules\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\" *ngIf=\"'DashboardManagerModule' | c8yPluginLoaded | async\">\n    <c8y-li-icon icon=\"management1\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Dashboard manager' | translate }}</p>\n        <p>\n          <small translate>\n            Display a link to the Dashboard manager under the Configuration navigator menu.\n          </small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Dashboard manager' | translate }}\"\n      >\n        <input\n          name=\"dashboardManager\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config.features.dashboardManager\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n</c8y-list-group>\n", dependencies: [{ kind: "component", type: ListGroupComponent, selector: "c8y-list-group" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "highlighted", "emptyActions", "dense", "collapsed", "selectable"], outputs: ["collapsedChange"] }, { kind: "component", type: ListItemIconComponent, selector: "c8y-list-item-icon, c8y-li-icon", inputs: ["icon", "status"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: PluginLoadedPipe, name: "c8yPluginLoaded" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: FeatureConfigComponent, isStandalone: true, selector: "c8y-feature-config", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onUpdate: "onUpdate" }, ngImport: i0, template: "<c8y-list-group>\n  @if ('SearchModule' | c8yPluginLoaded | async) {\n    <c8y-li data-cy=\"feature-config--feature-list\">\n      <c8y-li-icon icon=\"search\"></c8y-li-icon>\n      <div class=\"d-flex a-i-center\">\n        <div>\n          <p>{{ 'Global search' | translate }}</p>\n          <p>\n            <small translate>Display the global search in the main header.</small>\n          </p>\n        </div>\n        <label\n          class=\"c8y-switch c8y-switch--inline m-l-auto\"\n          title=\"{{ 'Global search' | translate }}\"\n        >\n          <input\n            name=\"search\"\n            type=\"checkbox\"\n            [(ngModel)]=\"config().features.search\"\n            (change)=\"updateFeatures()\"\n          />\n          <span></span>\n        </label>\n      </div>\n    </c8y-li>\n  }\n  <c8y-li data-cy=\"feature-config--feature-list\">\n    <c8y-li-icon icon=\"c8y-group\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Groups' | translate }}</p>\n        <p>\n          <small translate>Display top level groups under the Groups navigator menu.</small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Groups' | translate }}\"\n      >\n        <input\n          name=\"groups\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config().features.groups\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  @if ('CockpitAlarmsModule' | c8yPluginLoaded | async) {\n    <c8y-li data-cy=\"feature-config--feature-list\">\n      <c8y-li-icon icon=\"bell\"></c8y-li-icon>\n      <div class=\"d-flex a-i-center\">\n        <div>\n          <p>{{ 'Alarms' | translate }}</p>\n          <p>\n            <small translate>Display a link to the global alarms list in the navigator menu.</small>\n          </p>\n        </div>\n        <label\n          class=\"c8y-switch c8y-switch--inline m-l-auto\"\n          title=\"{{ 'Global Alarms view' | translate }}\"\n        >\n          <input\n            name=\"alarms\"\n            type=\"checkbox\"\n            [(ngModel)]=\"config().features.alarms\"\n            (change)=\"updateFeatures()\"\n          />\n          <span></span>\n        </label>\n      </div>\n    </c8y-li>\n  }\n  @if ('eventsCockpitProviders' | c8yPluginLoaded | async) {\n    <c8y-li data-cy=\"feature-config--feature-list\">\n      <c8y-li-icon icon=\"online1\"></c8y-li-icon>\n      <div class=\"d-flex a-i-center\">\n        <div>\n          <p>{{ 'Events' | translate }}</p>\n          <p>\n            <small translate>Display a link to the global events list in the navigator menu.</small>\n          </p>\n        </div>\n        <label\n          class=\"c8y-switch c8y-switch--inline m-l-auto\"\n          title=\"{{ 'Global Events view' | translate }}\"\n        >\n          <input\n            name=\"events\"\n            type=\"checkbox\"\n            [(ngModel)]=\"config().features.events\"\n            (change)=\"updateFeatures()\"\n          />\n          <span></span>\n        </label>\n      </div>\n    </c8y-li>\n  }\n  <c8y-li data-cy=\"feature-config--feature-list\">\n    <c8y-li-icon icon=\"c8y-data-explorer\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Data explorer' | translate }}</p>\n        <p>\n          <small translate>\n            Display the data explorer in the navigator menu and on the group tabs.\n          </small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Data explorer' | translate }}\"\n      >\n        <input\n          name=\"dataExplorer\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config().features.dataExplorer\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  @if ('ReportDashboardModule' | c8yPluginLoaded | async) {\n    <c8y-li data-cy=\"feature-config--feature-list\">\n      <c8y-li-icon icon=\"c8y-reports\"></c8y-li-icon>\n      <div class=\"d-flex a-i-center\">\n        <div>\n          <p>{{ 'Reports' | translate }}</p>\n          <p>\n            <small translate>Display a link to the Reports list in the navigator menu.</small>\n          </p>\n        </div>\n        <label\n          class=\"c8y-switch c8y-switch--inline m-l-auto\"\n          title=\"{{ 'Reports' | translate }}\"\n        >\n          <input\n            name=\"reports\"\n            type=\"checkbox\"\n            [(ngModel)]=\"config().features.reports\"\n            (change)=\"updateFeatures()\"\n          />\n          <span></span>\n        </label>\n      </div>\n    </c8y-li>\n  }\n  @if ('exportsProviders' | c8yPluginLoaded | async) {\n    <c8y-li data-cy=\"feature-config--feature-list\">\n      <c8y-li-icon icon=\"graph-report\"></c8y-li-icon>\n      <div class=\"d-flex a-i-center\">\n        <div>\n          <p>{{ 'Exports' | translate }}</p>\n          <p>\n            <small translate>\n              Display a link to the Exports list under the Configuration navigator menu.\n            </small>\n          </p>\n        </div>\n        <label\n          class=\"c8y-switch c8y-switch--inline m-l-auto\"\n          title=\"{{ 'Exports' | translate }}\"\n        >\n          <input\n            name=\"exports\"\n            type=\"checkbox\"\n            [(ngModel)]=\"config().features.exports\"\n            (change)=\"updateFeatures()\"\n          />\n          <span></span>\n        </label>\n      </div>\n    </c8y-li>\n  }\n  @if ('DatapointLibraryModule' | c8yPluginLoaded | async) {\n    <c8y-li data-cy=\"feature-config--feature-list\">\n      <c8y-li-icon icon=\"c8y-data-points\"></c8y-li-icon>\n      <div class=\"d-flex a-i-center\">\n        <div>\n          <p>{{ 'Data point library' | translate }}</p>\n          <p>\n            <small translate>\n              Display a link to the Data point library under the Configuration navigator menu.\n            </small>\n          </p>\n        </div>\n        <label\n          class=\"c8y-switch c8y-switch--inline m-l-auto\"\n          title=\"{{ 'Data point library' | translate }}\"\n        >\n          <input\n            name=\"dataPointLibrary\"\n            type=\"checkbox\"\n            [(ngModel)]=\"config().features.dataPointLibrary\"\n            (change)=\"updateFeatures()\"\n          />\n          <span></span>\n        </label>\n      </div>\n    </c8y-li>\n  }\n  <c8y-li data-cy=\"feature-config--feature-list\">\n    <c8y-li-icon icon=\"c8y-smart-rules\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Global smart rules' | translate }}</p>\n        <p>\n          <small translate>\n            Display a link to the Global smart rules under the Configuration navigator menu.\n          </small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Global smart rules' | translate }}\"\n      >\n        <input\n          name=\"globalSmartRules\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config().features.globalSmartRules\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\">\n    <c8y-li-icon icon=\"c8y-group-open\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Subassets view' | translate }}</p>\n        <p><small translate>Display the \"Subassets\" tab on groups.</small></p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Subassets view' | translate }}\"\n      >\n        <input\n          name=\"subassets\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config().features.subassets\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\">\n    <c8y-li-icon icon=\"c8y-smart-rules\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Smart rules for devices and groups' | translate }}</p>\n        <p>\n          <small translate>Display the smart rules tab on groups and devices.</small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Smart rules for devices and groups' | translate }}\"\n      >\n        <input\n          name=\"smartRules\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config().features.smartRules\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  @if ('DashboardManagerModule' | c8yPluginLoaded | async) {\n    <c8y-li data-cy=\"feature-config--feature-list\">\n      <c8y-li-icon icon=\"management1\"></c8y-li-icon>\n      <div class=\"d-flex a-i-center\">\n        <div>\n          <p>{{ 'Dashboard manager' | translate }}</p>\n          <p>\n            <small translate>\n              Display a link to the Dashboard manager under the Configuration navigator menu.\n            </small>\n          </p>\n        </div>\n        <label\n          class=\"c8y-switch c8y-switch--inline m-l-auto\"\n          title=\"{{ 'Dashboard manager' | translate }}\"\n        >\n          <input\n            name=\"dashboardManager\"\n            type=\"checkbox\"\n            [(ngModel)]=\"config().features.dashboardManager\"\n            (change)=\"updateFeatures()\"\n          />\n          <span></span>\n        </label>\n      </div>\n    </c8y-li>\n  }\n</c8y-list-group>\n", dependencies: [{ 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: ListItemIconComponent, selector: "c8y-list-item-icon, c8y-li-icon", inputs: ["icon", "status"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: PluginLoadedPipe, name: "c8yPluginLoaded" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FeatureConfigComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-feature-config', imports: [
                         ListGroupComponent,
-                        NgIf,
                         ListItemComponent,
                         ListItemIconComponent,
                         C8yTranslateDirective,
@@ -307,12 +308,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                         C8yTranslatePipe,
                         AsyncPipe,
                         PluginLoadedPipe
-                    ], template: "<c8y-list-group>\n  <c8y-li data-cy=\"feature-config--feature-list\" *ngIf=\"'SearchModule' | c8yPluginLoaded | async\">\n    <c8y-li-icon icon=\"search\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Global search' | translate }}</p>\n        <p>\n          <small translate>Display the global search in the main header.</small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Global search' | translate }}\"\n      >\n        <input\n          name=\"search\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config.features.search\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\">\n    <c8y-li-icon icon=\"c8y-group\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Groups' | translate }}</p>\n        <p>\n          <small translate>Display top level groups under the Groups navigator menu.</small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Groups' | translate }}\"\n      >\n        <input\n          name=\"groups\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config.features.groups\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\" *ngIf=\"'CockpitAlarmsModule' | c8yPluginLoaded | async\">\n    <c8y-li-icon icon=\"bell\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Alarms' | translate }}</p>\n        <p>\n          <small translate>Display a link to the global alarms list in the navigator menu.</small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Global Alarms view' | translate }}\"\n      >\n        <input\n          name=\"alarms\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config.features.alarms\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\">\n    <c8y-li-icon icon=\"c8y-data-explorer\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Data explorer' | translate }}</p>\n        <p>\n          <small translate>\n            Display the data explorer in the navigator menu and on the group tabs.\n          </small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Data explorer' | translate }}\"\n      >\n        <input\n          name=\"dataExplorer\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config.features.dataExplorer\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\" *ngIf=\"'ReportDashboardModule' | c8yPluginLoaded | async\">\n    <c8y-li-icon icon=\"c8y-reports\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Reports' | translate }}</p>\n        <p>\n          <small translate>Display a link to the Reports list in the navigator menu.</small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Reports' | translate }}\"\n      >\n        <input\n          name=\"reports\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config.features.reports\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\" *ngIf=\"'exportsProviders' | c8yPluginLoaded | async\">\n    <c8y-li-icon icon=\"graph-report\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Exports' | translate }}</p>\n        <p>\n          <small translate>\n            Display a link to the Exports list under the Configuration navigator menu.\n          </small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Exports' | translate }}\"\n      >\n        <input\n          name=\"exports\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config.features.exports\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\" *ngIf=\"'DatapointLibraryModule' | c8yPluginLoaded | async\">\n    <c8y-li-icon icon=\"c8y-data-points\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Data point library' | translate }}</p>\n        <p>\n          <small translate>\n            Display a link to the Data point library under the Configuration navigator menu.\n          </small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Data point library' | translate }}\"\n      >\n        <input\n          name=\"dataPointLibrary\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config.features.dataPointLibrary\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\">\n    <c8y-li-icon icon=\"c8y-smart-rules\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Global smart rules' | translate }}</p>\n        <p>\n          <small translate>\n            Display a link to the Global smart rules under the Configuration navigator menu.\n          </small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Global smart rules' | translate }}\"\n      >\n        <input\n          name=\"globalSmartRules\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config.features.globalSmartRules\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\">\n    <c8y-li-icon icon=\"c8y-group-open\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Subassets view' | translate }}</p>\n        <p><small translate>Display the \"Subassets\" tab on groups.</small></p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Subassets view' | translate }}\"\n      >\n        <input\n          name=\"subassets\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config.features.subassets\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\">\n    <c8y-li-icon icon=\"c8y-smart-rules\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Smart rules for devices and groups' | translate }}</p>\n        <p>\n          <small translate>Display the smart rules tab on groups and devices.</small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Smart rules for devices and groups' | translate }}\"\n      >\n        <input\n          name=\"smartRules\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config.features.smartRules\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\" *ngIf=\"'DashboardManagerModule' | c8yPluginLoaded | async\">\n    <c8y-li-icon icon=\"management1\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Dashboard manager' | translate }}</p>\n        <p>\n          <small translate>\n            Display a link to the Dashboard manager under the Configuration navigator menu.\n          </small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Dashboard manager' | translate }}\"\n      >\n        <input\n          name=\"dashboardManager\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config.features.dashboardManager\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n</c8y-list-group>\n" }]
-        }], propDecorators: { config: [{
-                type: Input
-            }], onUpdate: [{
-                type: Output
-            }] } });
+                    ], template: "<c8y-list-group>\n  @if ('SearchModule' | c8yPluginLoaded | async) {\n    <c8y-li data-cy=\"feature-config--feature-list\">\n      <c8y-li-icon icon=\"search\"></c8y-li-icon>\n      <div class=\"d-flex a-i-center\">\n        <div>\n          <p>{{ 'Global search' | translate }}</p>\n          <p>\n            <small translate>Display the global search in the main header.</small>\n          </p>\n        </div>\n        <label\n          class=\"c8y-switch c8y-switch--inline m-l-auto\"\n          title=\"{{ 'Global search' | translate }}\"\n        >\n          <input\n            name=\"search\"\n            type=\"checkbox\"\n            [(ngModel)]=\"config().features.search\"\n            (change)=\"updateFeatures()\"\n          />\n          <span></span>\n        </label>\n      </div>\n    </c8y-li>\n  }\n  <c8y-li data-cy=\"feature-config--feature-list\">\n    <c8y-li-icon icon=\"c8y-group\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Groups' | translate }}</p>\n        <p>\n          <small translate>Display top level groups under the Groups navigator menu.</small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Groups' | translate }}\"\n      >\n        <input\n          name=\"groups\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config().features.groups\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  @if ('CockpitAlarmsModule' | c8yPluginLoaded | async) {\n    <c8y-li data-cy=\"feature-config--feature-list\">\n      <c8y-li-icon icon=\"bell\"></c8y-li-icon>\n      <div class=\"d-flex a-i-center\">\n        <div>\n          <p>{{ 'Alarms' | translate }}</p>\n          <p>\n            <small translate>Display a link to the global alarms list in the navigator menu.</small>\n          </p>\n        </div>\n        <label\n          class=\"c8y-switch c8y-switch--inline m-l-auto\"\n          title=\"{{ 'Global Alarms view' | translate }}\"\n        >\n          <input\n            name=\"alarms\"\n            type=\"checkbox\"\n            [(ngModel)]=\"config().features.alarms\"\n            (change)=\"updateFeatures()\"\n          />\n          <span></span>\n        </label>\n      </div>\n    </c8y-li>\n  }\n  @if ('eventsCockpitProviders' | c8yPluginLoaded | async) {\n    <c8y-li data-cy=\"feature-config--feature-list\">\n      <c8y-li-icon icon=\"online1\"></c8y-li-icon>\n      <div class=\"d-flex a-i-center\">\n        <div>\n          <p>{{ 'Events' | translate }}</p>\n          <p>\n            <small translate>Display a link to the global events list in the navigator menu.</small>\n          </p>\n        </div>\n        <label\n          class=\"c8y-switch c8y-switch--inline m-l-auto\"\n          title=\"{{ 'Global Events view' | translate }}\"\n        >\n          <input\n            name=\"events\"\n            type=\"checkbox\"\n            [(ngModel)]=\"config().features.events\"\n            (change)=\"updateFeatures()\"\n          />\n          <span></span>\n        </label>\n      </div>\n    </c8y-li>\n  }\n  <c8y-li data-cy=\"feature-config--feature-list\">\n    <c8y-li-icon icon=\"c8y-data-explorer\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Data explorer' | translate }}</p>\n        <p>\n          <small translate>\n            Display the data explorer in the navigator menu and on the group tabs.\n          </small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Data explorer' | translate }}\"\n      >\n        <input\n          name=\"dataExplorer\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config().features.dataExplorer\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  @if ('ReportDashboardModule' | c8yPluginLoaded | async) {\n    <c8y-li data-cy=\"feature-config--feature-list\">\n      <c8y-li-icon icon=\"c8y-reports\"></c8y-li-icon>\n      <div class=\"d-flex a-i-center\">\n        <div>\n          <p>{{ 'Reports' | translate }}</p>\n          <p>\n            <small translate>Display a link to the Reports list in the navigator menu.</small>\n          </p>\n        </div>\n        <label\n          class=\"c8y-switch c8y-switch--inline m-l-auto\"\n          title=\"{{ 'Reports' | translate }}\"\n        >\n          <input\n            name=\"reports\"\n            type=\"checkbox\"\n            [(ngModel)]=\"config().features.reports\"\n            (change)=\"updateFeatures()\"\n          />\n          <span></span>\n        </label>\n      </div>\n    </c8y-li>\n  }\n  @if ('exportsProviders' | c8yPluginLoaded | async) {\n    <c8y-li data-cy=\"feature-config--feature-list\">\n      <c8y-li-icon icon=\"graph-report\"></c8y-li-icon>\n      <div class=\"d-flex a-i-center\">\n        <div>\n          <p>{{ 'Exports' | translate }}</p>\n          <p>\n            <small translate>\n              Display a link to the Exports list under the Configuration navigator menu.\n            </small>\n          </p>\n        </div>\n        <label\n          class=\"c8y-switch c8y-switch--inline m-l-auto\"\n          title=\"{{ 'Exports' | translate }}\"\n        >\n          <input\n            name=\"exports\"\n            type=\"checkbox\"\n            [(ngModel)]=\"config().features.exports\"\n            (change)=\"updateFeatures()\"\n          />\n          <span></span>\n        </label>\n      </div>\n    </c8y-li>\n  }\n  @if ('DatapointLibraryModule' | c8yPluginLoaded | async) {\n    <c8y-li data-cy=\"feature-config--feature-list\">\n      <c8y-li-icon icon=\"c8y-data-points\"></c8y-li-icon>\n      <div class=\"d-flex a-i-center\">\n        <div>\n          <p>{{ 'Data point library' | translate }}</p>\n          <p>\n            <small translate>\n              Display a link to the Data point library under the Configuration navigator menu.\n            </small>\n          </p>\n        </div>\n        <label\n          class=\"c8y-switch c8y-switch--inline m-l-auto\"\n          title=\"{{ 'Data point library' | translate }}\"\n        >\n          <input\n            name=\"dataPointLibrary\"\n            type=\"checkbox\"\n            [(ngModel)]=\"config().features.dataPointLibrary\"\n            (change)=\"updateFeatures()\"\n          />\n          <span></span>\n        </label>\n      </div>\n    </c8y-li>\n  }\n  <c8y-li data-cy=\"feature-config--feature-list\">\n    <c8y-li-icon icon=\"c8y-smart-rules\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Global smart rules' | translate }}</p>\n        <p>\n          <small translate>\n            Display a link to the Global smart rules under the Configuration navigator menu.\n          </small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Global smart rules' | translate }}\"\n      >\n        <input\n          name=\"globalSmartRules\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config().features.globalSmartRules\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\">\n    <c8y-li-icon icon=\"c8y-group-open\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Subassets view' | translate }}</p>\n        <p><small translate>Display the \"Subassets\" tab on groups.</small></p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Subassets view' | translate }}\"\n      >\n        <input\n          name=\"subassets\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config().features.subassets\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  <c8y-li data-cy=\"feature-config--feature-list\">\n    <c8y-li-icon icon=\"c8y-smart-rules\"></c8y-li-icon>\n    <div class=\"d-flex a-i-center\">\n      <div>\n        <p>{{ 'Smart rules for devices and groups' | translate }}</p>\n        <p>\n          <small translate>Display the smart rules tab on groups and devices.</small>\n        </p>\n      </div>\n      <label\n        class=\"c8y-switch c8y-switch--inline m-l-auto\"\n        title=\"{{ 'Smart rules for devices and groups' | translate }}\"\n      >\n        <input\n          name=\"smartRules\"\n          type=\"checkbox\"\n          [(ngModel)]=\"config().features.smartRules\"\n          (change)=\"updateFeatures()\"\n        />\n        <span></span>\n      </label>\n    </div>\n  </c8y-li>\n  @if ('DashboardManagerModule' | c8yPluginLoaded | async) {\n    <c8y-li data-cy=\"feature-config--feature-list\">\n      <c8y-li-icon icon=\"management1\"></c8y-li-icon>\n      <div class=\"d-flex a-i-center\">\n        <div>\n          <p>{{ 'Dashboard manager' | translate }}</p>\n          <p>\n            <small translate>\n              Display a link to the Dashboard manager under the Configuration navigator menu.\n            </small>\n          </p>\n        </div>\n        <label\n          class=\"c8y-switch c8y-switch--inline m-l-auto\"\n          title=\"{{ 'Dashboard manager' | translate }}\"\n        >\n          <input\n            name=\"dashboardManager\"\n            type=\"checkbox\"\n            [(ngModel)]=\"config().features.dashboardManager\"\n            (change)=\"updateFeatures()\"\n          />\n          <span></span>\n        </label>\n      </div>\n    </c8y-li>\n  }\n</c8y-list-group>\n" }]
+        }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], onUpdate: [{ type: i0.Output, args: ["onUpdate"] }] } });
 
 class RootNodeConfigComponent {
     constructor() {