@c8y/ngx-components 1023.28.5 → 1023.37.0

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

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Injectable, Optional, Inject, Input, Component, 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, ListItemRadioComponent, TitleComponent, BreadcrumbComponent, BreadcrumbItemComponent, ProductExperienceDirective, CoreModule, hookRoute, hookNavigator, hookStepper, Steppers } 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';
 import * as i2 from '@c8y/ngx-components/ecosystem/shared';
 import * as i2$1 from '@c8y/ngx-components/assets-navigator';
 import { ASSET_NAVIGATOR_CONFIG, AssetSelectorComponent, AssetSelectorModule } from '@c8y/ngx-components/assets-navigator';
@@ -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, NgFor } from '@angular/common';
+import { NgIf, AsyncPipe } from '@angular/common';
 import * as i2$2 from '@angular/cdk/stepper';
 
 const DEFAULT_HOME_DASHBOARD_NAME = 'home-cockpit1';
@@ -332,24 +332,24 @@ class RootNodeConfigComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RootNodeConfigComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: RootNodeConfigComponent, isStandalone: true, selector: "c8y-root-node-config", inputs: { config: "config", disabled: "disabled" }, outputs: { onUpdate: "onUpdate" }, ngImport: i0, template: "<div class=\"col-sm-6\">\n  <label title=\"{{ 'Current top level nodes' | translate }}\" translate>\n    Current top level nodes\n  </label>\n  <c8y-list-group class=\"separator-top\">\n    <c8y-li *ngIf=\"config.rootNodes.length === 0\">\n      <c8y-ui-empty-state\n        [icon]=\"'folder-open'\"\n        [title]=\"'No top level nodes set.' | translate\"\n        [horizontal]=\"true\"\n      ></c8y-ui-empty-state>\n    </c8y-li>\n    <c8y-li *ngFor=\"let node of config.rootNodes; let index = index\">\n      <c8y-li-icon icon=\"c8y-group\"></c8y-li-icon>\n      <div class=\"content-flex-30\">\n        <div class=\"col-6\">\n          <div class=\"text-truncate\" title=\"{{ node.name }}\">\n            {{ node.name }}\n          </div>\n        </div>\n        <div class=\"col-4\">\n          <label class=\"c8y-switch c8y-switch--inline d-flex\" title=\"{{ 'Hide devices' | translate }}\">\n            <input\n              type=\"checkbox\"\n              [(ngModel)]=\"node.hideDevices\"\n              name=\"node.{{ index }}.hideDevices\"\n              (change)=\"onUpdate.emit()\"\n              [disabled]=\"disabled\"\n            />\n            <span></span>\n            <small class=\"text-truncate a-s-center l-h-1\">{{ 'Hide devices' | translate }}</small>\n          </label>\n        </div>\n        <div class=\"col-2 text-right\">\n          <div class=\"d-flex fit-w\">\n            <button\n              class=\"btn-dot btn-dot--danger m-l-auto\"\n              type=\"button\"\n              [attr.aria-label]=\"'Remove' | translate\"\n              tooltip=\"{{ 'Remove' | translate }}\"\n              [disabled]=\"disabled\"\n              [delay]=\"500\"\n              (click)=\"removeNavigatorNode(node)\"\n            >\n              <i c8yIcon=\"minus-circle\"></i>\n            </button>\n          </div>\n        </div>\n      </div>\n    </c8y-li>\n  </c8y-list-group>\n</div>\n\n<div class=\"col-sm-6 col-md-5\" style=\"height: calc(100vh - 430px)\">\n  <label title=\"{{ 'Select top level nodes' | translate }}\" translate>Select top level nodes</label>\n  <c8y-asset-selector\n    [config]=\"{ groupsOnly: true, multi: true, groupsSelectable: true }\"\n    [(ngModel)]=\"config.rootNodes\"\n    [disabled]=\"disabled\"\n    (onSelected)=\"onUpdate.emit()\"\n    name=\"rootNodes\"\n    class=\"border-top d-block\"\n  ></c8y-asset-selector>\n</div>\n", dependencies: [{ kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { 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: EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ListItemIconComponent, selector: "c8y-list-item-icon, c8y-li-icon", inputs: ["icon", "status"] }, { 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: "directive", type: TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: AssetSelectorComponent, selector: "c8y-asset-selector", inputs: ["config", "active", "index", "asset", "selectedDevice", "selected", "rootNode", "selectedItems", "container", "isNodeSelectable", "disabled"], outputs: ["onSelected", "onClearSelected", "onRowSelected", "onLoad"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: RootNodeConfigComponent, isStandalone: true, selector: "c8y-root-node-config", inputs: { config: "config", disabled: "disabled" }, outputs: { onUpdate: "onUpdate" }, ngImport: i0, template: "<div class=\"col-sm-6\">\n  <label\n    title=\"{{ 'Current top level nodes' | translate }}\"\n    translate\n  >\n    Current top level nodes\n  </label>\n  <c8y-list-group class=\"separator-top\">\n    @if (config.rootNodes.length === 0) {\n      <c8y-li>\n        <c8y-ui-empty-state\n          [icon]=\"'folder-open'\"\n          [title]=\"'No top level nodes set.' | translate\"\n          [horizontal]=\"true\"\n        ></c8y-ui-empty-state>\n      </c8y-li>\n    }\n    @for (node of config.rootNodes; track node.id; let index = $index) {\n      <c8y-li>\n        @if (node.id | getGroupIcon | async; as icon) {\n          <c8y-li-icon [icon]=\"icon\"></c8y-li-icon>\n        } @else {\n          <c8y-li-icon\n            class=\"icon-spin loadingIndicator\"\n            [icon]=\"'circle-o-notch'\"\n          ></c8y-li-icon>\n        }\n        <div class=\"content-flex-30\">\n          <div class=\"col-6\">\n            <div\n              class=\"text-truncate\"\n              title=\"{{ node.name }}\"\n            >\n              {{ node.name }}\n            </div>\n          </div>\n          <div class=\"col-4\">\n            <label\n              class=\"c8y-switch c8y-switch--inline d-flex\"\n              title=\"{{ 'Hide devices' | translate }}\"\n            >\n              <input\n                name=\"node.{{ index }}.hideDevices\"\n                type=\"checkbox\"\n                [(ngModel)]=\"node.hideDevices\"\n                (change)=\"onUpdate.emit()\"\n                [disabled]=\"disabled\"\n              />\n              <span></span>\n              <small class=\"text-truncate a-s-center l-h-1\">{{ 'Hide devices' | translate }}</small>\n            </label>\n          </div>\n          <div class=\"col-2 text-right\">\n            <div class=\"d-flex fit-w\">\n              <button\n                class=\"btn-dot btn-dot--danger m-l-auto\"\n                [attr.aria-label]=\"'Remove' | translate\"\n                tooltip=\"{{ 'Remove' | translate }}\"\n                type=\"button\"\n                [disabled]=\"disabled\"\n                [delay]=\"500\"\n                (click)=\"removeNavigatorNode(node)\"\n              >\n                <i c8yIcon=\"minus-circle\"></i>\n              </button>\n            </div>\n          </div>\n        </div>\n      </c8y-li>\n    }\n  </c8y-list-group>\n</div>\n\n<div\n  class=\"col-sm-6 col-md-5\"\n  style=\"height: calc(100vh - 430px)\"\n>\n  <label\n    title=\"{{ 'Select top level nodes' | translate }}\"\n    translate\n  >\n    Select top level nodes\n  </label>\n  <c8y-asset-selector\n    class=\"border-top d-block\"\n    name=\"rootNodes\"\n    [config]=\"{ groupsOnly: true, multi: true, groupsSelectable: true }\"\n    [(ngModel)]=\"config.rootNodes\"\n    [disabled]=\"disabled\"\n    (onSelected)=\"onUpdate.emit()\"\n  ></c8y-asset-selector>\n</div>\n", dependencies: [{ kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { 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: EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "component", type: ListItemIconComponent, selector: "c8y-list-item-icon, c8y-li-icon", inputs: ["icon", "status"] }, { 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: "directive", type: TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: AssetSelectorComponent, selector: "c8y-asset-selector", inputs: ["config", "active", "index", "asset", "selectedDevice", "selected", "rootNode", "selectedItems", "container", "isNodeSelectable", "disabled"], outputs: ["onSelected", "onClearSelected", "onRowSelected", "onLoad"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: GetGroupIconPipe, name: "getGroupIcon" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RootNodeConfigComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-root-node-config', imports: [
                         C8yTranslateDirective,
                         ListGroupComponent,
-                        NgIf,
                         ListItemComponent,
                         EmptyStateComponent,
-                        NgFor,
                         ListItemIconComponent,
                         FormsModule,
                         TooltipDirective,
                         IconDirective,
                         AssetSelectorComponent,
-                        C8yTranslatePipe
-                    ], template: "<div class=\"col-sm-6\">\n  <label title=\"{{ 'Current top level nodes' | translate }}\" translate>\n    Current top level nodes\n  </label>\n  <c8y-list-group class=\"separator-top\">\n    <c8y-li *ngIf=\"config.rootNodes.length === 0\">\n      <c8y-ui-empty-state\n        [icon]=\"'folder-open'\"\n        [title]=\"'No top level nodes set.' | translate\"\n        [horizontal]=\"true\"\n      ></c8y-ui-empty-state>\n    </c8y-li>\n    <c8y-li *ngFor=\"let node of config.rootNodes; let index = index\">\n      <c8y-li-icon icon=\"c8y-group\"></c8y-li-icon>\n      <div class=\"content-flex-30\">\n        <div class=\"col-6\">\n          <div class=\"text-truncate\" title=\"{{ node.name }}\">\n            {{ node.name }}\n          </div>\n        </div>\n        <div class=\"col-4\">\n          <label class=\"c8y-switch c8y-switch--inline d-flex\" title=\"{{ 'Hide devices' | translate }}\">\n            <input\n              type=\"checkbox\"\n              [(ngModel)]=\"node.hideDevices\"\n              name=\"node.{{ index }}.hideDevices\"\n              (change)=\"onUpdate.emit()\"\n              [disabled]=\"disabled\"\n            />\n            <span></span>\n            <small class=\"text-truncate a-s-center l-h-1\">{{ 'Hide devices' | translate }}</small>\n          </label>\n        </div>\n        <div class=\"col-2 text-right\">\n          <div class=\"d-flex fit-w\">\n            <button\n              class=\"btn-dot btn-dot--danger m-l-auto\"\n              type=\"button\"\n              [attr.aria-label]=\"'Remove' | translate\"\n              tooltip=\"{{ 'Remove' | translate }}\"\n              [disabled]=\"disabled\"\n              [delay]=\"500\"\n              (click)=\"removeNavigatorNode(node)\"\n            >\n              <i c8yIcon=\"minus-circle\"></i>\n            </button>\n          </div>\n        </div>\n      </div>\n    </c8y-li>\n  </c8y-list-group>\n</div>\n\n<div class=\"col-sm-6 col-md-5\" style=\"height: calc(100vh - 430px)\">\n  <label title=\"{{ 'Select top level nodes' | translate }}\" translate>Select top level nodes</label>\n  <c8y-asset-selector\n    [config]=\"{ groupsOnly: true, multi: true, groupsSelectable: true }\"\n    [(ngModel)]=\"config.rootNodes\"\n    [disabled]=\"disabled\"\n    (onSelected)=\"onUpdate.emit()\"\n    name=\"rootNodes\"\n    class=\"border-top d-block\"\n  ></c8y-asset-selector>\n</div>\n" }]
+                        C8yTranslatePipe,
+                        AsyncPipe,
+                        GetGroupIconPipe
+                    ], template: "<div class=\"col-sm-6\">\n  <label\n    title=\"{{ 'Current top level nodes' | translate }}\"\n    translate\n  >\n    Current top level nodes\n  </label>\n  <c8y-list-group class=\"separator-top\">\n    @if (config.rootNodes.length === 0) {\n      <c8y-li>\n        <c8y-ui-empty-state\n          [icon]=\"'folder-open'\"\n          [title]=\"'No top level nodes set.' | translate\"\n          [horizontal]=\"true\"\n        ></c8y-ui-empty-state>\n      </c8y-li>\n    }\n    @for (node of config.rootNodes; track node.id; let index = $index) {\n      <c8y-li>\n        @if (node.id | getGroupIcon | async; as icon) {\n          <c8y-li-icon [icon]=\"icon\"></c8y-li-icon>\n        } @else {\n          <c8y-li-icon\n            class=\"icon-spin loadingIndicator\"\n            [icon]=\"'circle-o-notch'\"\n          ></c8y-li-icon>\n        }\n        <div class=\"content-flex-30\">\n          <div class=\"col-6\">\n            <div\n              class=\"text-truncate\"\n              title=\"{{ node.name }}\"\n            >\n              {{ node.name }}\n            </div>\n          </div>\n          <div class=\"col-4\">\n            <label\n              class=\"c8y-switch c8y-switch--inline d-flex\"\n              title=\"{{ 'Hide devices' | translate }}\"\n            >\n              <input\n                name=\"node.{{ index }}.hideDevices\"\n                type=\"checkbox\"\n                [(ngModel)]=\"node.hideDevices\"\n                (change)=\"onUpdate.emit()\"\n                [disabled]=\"disabled\"\n              />\n              <span></span>\n              <small class=\"text-truncate a-s-center l-h-1\">{{ 'Hide devices' | translate }}</small>\n            </label>\n          </div>\n          <div class=\"col-2 text-right\">\n            <div class=\"d-flex fit-w\">\n              <button\n                class=\"btn-dot btn-dot--danger m-l-auto\"\n                [attr.aria-label]=\"'Remove' | translate\"\n                tooltip=\"{{ 'Remove' | translate }}\"\n                type=\"button\"\n                [disabled]=\"disabled\"\n                [delay]=\"500\"\n                (click)=\"removeNavigatorNode(node)\"\n              >\n                <i c8yIcon=\"minus-circle\"></i>\n              </button>\n            </div>\n          </div>\n        </div>\n      </c8y-li>\n    }\n  </c8y-list-group>\n</div>\n\n<div\n  class=\"col-sm-6 col-md-5\"\n  style=\"height: calc(100vh - 430px)\"\n>\n  <label\n    title=\"{{ 'Select top level nodes' | translate }}\"\n    translate\n  >\n    Select top level nodes\n  </label>\n  <c8y-asset-selector\n    class=\"border-top d-block\"\n    name=\"rootNodes\"\n    [config]=\"{ groupsOnly: true, multi: true, groupsSelectable: true }\"\n    [(ngModel)]=\"config.rootNodes\"\n    [disabled]=\"disabled\"\n    (onSelected)=\"onUpdate.emit()\"\n  ></c8y-asset-selector>\n</div>\n" }]
         }], propDecorators: { config: [{
                 type: Input
             }], disabled: [{
@@ -538,11 +538,11 @@ class CockpitSetupStepperButtonsComponent {
         this.onBack = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CockpitSetupStepperButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: CockpitSetupStepperButtonsComponent, isStandalone: true, selector: "c8y-cockpit-setup-stepper-buttons", inputs: { index: "index" }, outputs: { onNext: "onNext", onBack: "onBack" }, ngImport: i0, template: "<div class=\"card-footer separator d-flex j-c-center\">\n  <button\n    class=\"btn btn-default\"\n    type=\"button\"\n    (click)=\"onBack.emit()\"\n    *ngIf=\"index !== 0\"\n    translate\n  >\n    Previous\n  </button>\n  <button data-cy=\"c8y-cockpit-setup-stepper-buttons--save-continue-button\" class=\"btn btn-primary\" type=\"submit\" (click)=\"onNext.emit()\" translate>\n    Continue\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: CockpitSetupStepperButtonsComponent, isStandalone: true, selector: "c8y-cockpit-setup-stepper-buttons", inputs: { index: "index" }, outputs: { onNext: "onNext", onBack: "onBack" }, ngImport: i0, template: "<div class=\"card-footer separator d-flex gap-8 j-c-center\">\n  @if (index !== 0) {\n    <button\n      class=\"btn btn-default\"\n      type=\"button\"\n      (click)=\"onBack.emit()\"\n      translate\n    >\n      Previous\n    </button>\n  }\n  <button\n    class=\"btn btn-primary\"\n    type=\"submit\"\n    data-cy=\"c8y-cockpit-setup-stepper-buttons--save-continue-button\"\n    (click)=\"onNext.emit()\"\n    translate\n  >\n    Continue\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CockpitSetupStepperButtonsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-cockpit-setup-stepper-buttons', imports: [NgIf, C8yTranslateDirective], template: "<div class=\"card-footer separator d-flex j-c-center\">\n  <button\n    class=\"btn btn-default\"\n    type=\"button\"\n    (click)=\"onBack.emit()\"\n    *ngIf=\"index !== 0\"\n    translate\n  >\n    Previous\n  </button>\n  <button data-cy=\"c8y-cockpit-setup-stepper-buttons--save-continue-button\" class=\"btn btn-primary\" type=\"submit\" (click)=\"onNext.emit()\" translate>\n    Continue\n  </button>\n</div>\n" }]
+            args: [{ selector: 'c8y-cockpit-setup-stepper-buttons', imports: [NgIf, C8yTranslateDirective], template: "<div class=\"card-footer separator d-flex gap-8 j-c-center\">\n  @if (index !== 0) {\n    <button\n      class=\"btn btn-default\"\n      type=\"button\"\n      (click)=\"onBack.emit()\"\n      translate\n    >\n      Previous\n    </button>\n  }\n  <button\n    class=\"btn btn-primary\"\n    type=\"submit\"\n    data-cy=\"c8y-cockpit-setup-stepper-buttons--save-continue-button\"\n    (click)=\"onNext.emit()\"\n    translate\n  >\n    Continue\n  </button>\n</div>\n" }]
         }], propDecorators: { index: [{
                 type: Input
             }], onNext: [{