@c8y/ngx-components 1024.10.8 → 1024.13.0

package/fesm2022/c8y-ngx-components-repository-configuration.mjs

@@ -60,10 +60,10 @@ class DeviceConfigurationService {
         }
         return supported.some(supportedOperation => operation.includes(supportedOperation));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DeviceConfigurationService, deps: [{ token: i2.BottomDrawerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DeviceConfigurationService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: DeviceConfigurationService, deps: [{ token: i2.BottomDrawerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: DeviceConfigurationService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DeviceConfigurationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: DeviceConfigurationService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i2.BottomDrawerService }] });
 
@@ -211,10 +211,10 @@ class TextBasedConfigurationComponent {
             withChildren: false
         })).data;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TextBasedConfigurationComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.AlertService }, { token: i3.RepositoryService }, { token: DeviceConfigurationService }, { token: i3$1.InventoryService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: TextBasedConfigurationComponent, isStandalone: true, selector: "c8y-text-based-configuration", ngImport: i0, template: "<div\n  class=\"d-flex d-col fit-h min-height-0\"\n  [formGroup]=\"form\"\n>\n  <fieldset class=\"card-block bg-level-1 fit-w\">\n    <div class=\"content-flex-50 d-flex a-i-center\">\n      <label\n        class=\"m-r-8 flex-no-shrink\"\n        for=\"textCfgEditorLanguage\"\n        translate\n      >\n        Language\n      </label>\n      <c8y-select\n        aria-label=\"{{ 'Editor language' | translate }}\"\n        id=\"textCfgEditorLanguage\"\n        [items]=\"editorLanguages\"\n        formControlName=\"language\"\n      ></c8y-select>\n      <div class=\"m-l-auto d-flex\">\n        @if (showTextBasedConfigReload) {\n          <button\n            class=\"btn btn-default btn-sm a-s-center m-t-8 m-b-8\"\n            title=\"{{ 'Get configuration from device' | translate }}\"\n            type=\"button\"\n            (click)=\"reloadConfiguration()\"\n            [disabled]=\"reloadingConfig() || savingConfig()\"\n          >\n            @if (reloadingConfig()) {\n              <i\n                class=\"m-r-4\"\n                c8yIcon=\"refresh\"\n                [ngClass]=\"{ 'icon-spin': reloadingConfig() }\"\n              ></i>\n            }\n            @if (!reloadingConfig()) {\n              <i\n                class=\"m-r-4\"\n                c8yIcon=\"download\"\n              ></i>\n            }\n\n            {{ 'Get configuration from device' | translate }}\n          </button>\n        }\n      </div>\n    </div>\n  </fieldset>\n  <div class=\"p-relative flex-grow min-height-0\">\n    <c8y-editor\n      class=\"p-absolute top-0 left-0 fit-w fit-h\"\n      formControlName=\"config\"\n      [editorOptions]=\"editorOptions()\"\n    ></c8y-editor>\n  </div>\n  @if (latestOperation() !== undefined) {\n    <c8y-operation-details\n      class=\"bg-level-2 p-0\"\n      [operation]=\"latestOperation()\"\n    ></c8y-operation-details>\n  }\n  @if (showTextBasedConfigSave) {\n    <div class=\"card-footer flex-no-shrink fit-w separator\">\n      <button\n        class=\"btn btn-primary\"\n        id=\"send-config-btn\"\n        type=\"button\"\n        (click)=\"updateConfiguration(configControl.value)\"\n        [disabled]=\"reloadingConfig() || savingConfig() || !configControl.value\"\n        [ngClass]=\"{ 'btn-pending': savingConfig() }\"\n      >\n        @if (!savingConfig()) {\n          <span title=\"{{ 'Send' | translate }}\">\n            {{ 'Send configuration to device' | translate }}\n          </span>\n        }\n        @if (savingConfig()) {\n          <span title=\"{{ 'Sending\u2026' | translate }}\">\n            {{ 'Sending\u2026' | translate }}\n          </span>\n        }\n      </button>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: EditorComponent, selector: "c8y-editor", inputs: ["editorOptions", "theme"], outputs: ["editorInit"] }, { kind: "component", type: OperationDetailsComponent, selector: "c8y-operation-details", inputs: ["operation"] }, { kind: "component", type: SelectComponent, selector: "c8y-select", inputs: ["placeholder", "items", "selected", "container", "multi", "canSelectWithSpace", "disabled", "autoClose", "insideClick", "required", "canDeselect", "name", "icon", "filterItems"], outputs: ["onSelect", "onDeselect", "onIconClick"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: TextBasedConfigurationComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.AlertService }, { token: i3.RepositoryService }, { token: DeviceConfigurationService }, { token: i3$1.InventoryService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: TextBasedConfigurationComponent, isStandalone: true, selector: "c8y-text-based-configuration", ngImport: i0, template: "<div\n  class=\"d-flex d-col fit-h min-height-0\"\n  [formGroup]=\"form\"\n>\n  <fieldset class=\"card-block bg-level-1 fit-w\">\n    <div class=\"content-flex-50 d-flex a-i-center\">\n      <label\n        class=\"m-r-8 flex-no-shrink\"\n        for=\"textCfgEditorLanguage\"\n        translate\n      >\n        Language\n      </label>\n      <c8y-select\n        aria-label=\"{{ 'Editor language' | translate }}\"\n        id=\"textCfgEditorLanguage\"\n        [items]=\"editorLanguages\"\n        formControlName=\"language\"\n      ></c8y-select>\n      <div class=\"m-l-auto d-flex\">\n        @if (showTextBasedConfigReload) {\n          <button\n            class=\"btn btn-default btn-sm a-s-center m-t-8 m-b-8\"\n            title=\"{{ 'Get configuration from device' | translate }}\"\n            type=\"button\"\n            (click)=\"reloadConfiguration()\"\n            [disabled]=\"reloadingConfig() || savingConfig()\"\n          >\n            @if (reloadingConfig()) {\n              <i\n                class=\"m-r-4\"\n                c8yIcon=\"refresh\"\n                [ngClass]=\"{ 'icon-spin': reloadingConfig() }\"\n              ></i>\n            }\n            @if (!reloadingConfig()) {\n              <i\n                class=\"m-r-4\"\n                c8yIcon=\"download\"\n              ></i>\n            }\n\n            {{ 'Get configuration from device' | translate }}\n          </button>\n        }\n      </div>\n    </div>\n  </fieldset>\n  <div class=\"p-relative flex-grow min-height-0\">\n    <c8y-editor\n      class=\"p-absolute top-0 left-0 fit-w fit-h\"\n      formControlName=\"config\"\n      [editorOptions]=\"editorOptions()\"\n    ></c8y-editor>\n  </div>\n  @if (latestOperation() !== undefined) {\n    <c8y-operation-details\n      class=\"bg-level-2 p-0\"\n      [operation]=\"latestOperation()\"\n    ></c8y-operation-details>\n  }\n  @if (showTextBasedConfigSave) {\n    <div class=\"card-footer flex-no-shrink fit-w separator\">\n      <button\n        class=\"btn btn-primary\"\n        id=\"send-config-btn\"\n        type=\"button\"\n        (click)=\"updateConfiguration(configControl.value)\"\n        [disabled]=\"reloadingConfig() || savingConfig() || !configControl.value\"\n        [ngClass]=\"{ 'btn-pending': savingConfig() }\"\n      >\n        @if (!savingConfig()) {\n          <span title=\"{{ 'Send' | translate }}\">\n            {{ 'Send configuration to device' | translate }}\n          </span>\n        }\n        @if (savingConfig()) {\n          <span title=\"{{ 'Sending\u2026' | translate }}\">\n            {{ 'Sending\u2026' | translate }}\n          </span>\n        }\n      </button>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: EditorComponent, selector: "c8y-editor", inputs: ["editorOptions", "theme"], outputs: ["editorInit"] }, { kind: "component", type: OperationDetailsComponent, selector: "c8y-operation-details", inputs: ["operation"] }, { kind: "component", type: SelectComponent, selector: "c8y-select", inputs: ["placeholder", "items", "selected", "container", "multi", "canSelectWithSpace", "disabled", "autoClose", "insideClick", "required", "canDeselect", "name", "icon", "filterItems"], outputs: ["onSelect", "onDeselect", "onIconClick"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TextBasedConfigurationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: TextBasedConfigurationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-text-based-configuration', imports: [
                         IconDirective,
@@ -246,10 +246,10 @@ class DeviceConfigurationGuard {
             ]) ||
             has(contextData, 'c8y_Configuration'));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DeviceConfigurationGuard, deps: [{ token: DeviceConfigurationService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DeviceConfigurationGuard }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: DeviceConfigurationGuard, deps: [{ token: DeviceConfigurationService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: DeviceConfigurationGuard }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DeviceConfigurationGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: DeviceConfigurationGuard, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: DeviceConfigurationService }] });
 
@@ -264,10 +264,10 @@ class ConfigurationFilterPipe {
         const term = filterTerm.toLowerCase().trim();
         return name && name.toLowerCase().indexOf(term) > -1;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationFilterPipe, isStandalone: true, name: "configurationFilterPipe" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationFilterPipe, isStandalone: true, name: "configurationFilterPipe" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationFilterPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationFilterPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'configurationFilterPipe' }]
         }] });
@@ -531,10 +531,10 @@ class ConfigurationDetailComponent {
             this.saving.set(false);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ConfigurationDetailComponent, isStandalone: true, selector: "c8y-configuration-detail", inputs: { version: "version", description: "description", binary: "binary", deviceType: "deviceType", mo: "mo" }, host: { classAttribute: "d-contents" }, ngImport: i0, template: "<div class=\"card-header j-c-center separator flex-no-shrink p-24\">\n  <i\n    class=\"m-r-8\"\n    [c8yIcon]=\"'cogs'\"\n    aria-hidden=\"true\"\n  ></i>\n  <h4 id=\"drawerTitle\">\n    @if (mo?.id) {\n      {{ 'Update configuration' | translate }}\n    } @else {\n      {{ 'Add configuration' | translate }}\n    }\n  </h4>\n</div>\n\n<form\n  class=\"d-contents\"\n  [formGroup]=\"form\"\n  (ngSubmit)=\"save()\"\n>\n  <div\n    class=\"card-body inner-scroll p-24\"\n    [class.d-col]=\"form.value.uploadChoice === 'editInline'\"\n  >\n    <div class=\"row\">\n      <c8y-form-group class=\"col-sm-3\">\n        <label\n          for=\"confVersion\"\n          translate\n        >\n          Name\n        </label>\n        <input\n          class=\"form-control\"\n          id=\"confVersion\"\n          placeholder=\"{{ 'e.g.' | translate }} hosts\"\n          aria-required=\"true\"\n          type=\"text\"\n          autocomplete=\"off\"\n          formControlName=\"version\"\n        />\n      </c8y-form-group>\n\n      <c8y-form-group class=\"col-sm-3\">\n        <label\n          for=\"confDeviceType\"\n          translate\n        >\n          Device type\n        </label>\n        <input\n          class=\"form-control\"\n          id=\"confDeviceType\"\n          placeholder=\"{{ 'e.g.' | translate }} c8y_Linux\"\n          type=\"text\"\n          autocomplete=\"off\"\n          formControlName=\"deviceType\"\n        />\n      </c8y-form-group>\n\n      <c8y-form-group class=\"col-sm-3\">\n        <label\n          for=\"confDescription\"\n          translate\n        >\n          Description\n        </label>\n        <input\n          class=\"form-control\"\n          id=\"confDescription\"\n          placeholder=\"{{ 'e.g.' | translate }} Host configuration\"\n          type=\"text\"\n          autocomplete=\"off\"\n          formControlName=\"description\"\n        />\n      </c8y-form-group>\n\n      <c8y-form-group class=\"col-sm-3\">\n        <label translate>Configuration type</label>\n        <c8y-typeahead\n          placeholder=\"{{ 'e.g.' | translate }} ssh\"\n          name=\"confType\"\n          data-cy=\"conf-detail--configuration-type\"\n          [ngModel]=\"configurationTypeMO\"\n          [ngModelOptions]=\"{ standalone: true }\"\n          (ngModelChange)=\"configurationTypeMO = $event\"\n          maxlength=\"254\"\n          (onSearch)=\"setPipe($event)\"\n          displayProperty=\"configurationType\"\n        >\n          @let patternStr = pattern();\n          <c8y-li\n            class=\"p-l-8 p-r-8 c8y-list__item--link\"\n            *c8yFor=\"let config of configs; pipe: filterPipe; notFound: notFoundTemplate\"\n            (click)=\"configurationTypeMO = config; setPipe('')\"\n            [active]=\"configurationTypeMO === config\"\n          >\n            <c8y-highlight\n              [text]=\"config.configurationType || '--'\"\n              [pattern]=\"patternStr\"\n            ></c8y-highlight>\n          </c8y-li>\n          <ng-template #notFoundTemplate>\n            @if (patternStr.length > 0) {\n              <c8y-li class=\"bg-level-2 p-8\">\n                <span translate>No match found.</span>\n                <button\n                  class=\"btn btn-primary btn-xs m-l-8\"\n                  title=\"{{ 'Add new`configuration type`' | translate }}\"\n                  type=\"button\"\n                  translate\n                >\n                  Add new`configuration type`\n                </button>\n              </c8y-li>\n            }\n          </ng-template>\n        </c8y-typeahead>\n      </c8y-form-group>\n    </div>\n\n    <fieldset\n      class=\"d-col\"\n      [class.flex-grow]=\"form.value.uploadChoice === 'editInline'\"\n      [class.min-height-0]=\"form.value.uploadChoice === 'editInline'\"\n    >\n      <legend\n        class=\"legend form-block m-t-40\"\n        translate\n      >\n        Configuration file\n      </legend>\n\n      @if (isExternalUrl()) {\n        <p\n          class=\"text-muted m-b-8\"\n          translate\n        >\n          Content is sourced from a remote URL and cannot be edited inline.\n        </p>\n        <c8y-form-group>\n          <label\n            for=\"confFileUrl\"\n            translate\n          >\n            File URL\n          </label>\n          <input\n            class=\"form-control\"\n            id=\"confFileUrl\"\n            placeholder=\"https://...\"\n            type=\"url\"\n            autocomplete=\"off\"\n            [ngModel]=\"binary.url\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            (ngModelChange)=\"binary = { url: $event }; form.markAsDirty()\"\n          />\n        </c8y-form-group>\n      } @else {\n        <c8y-file-picker\n          [maxAllowedFiles]=\"1\"\n          [allowedUploadChoices]=\"['uploadBinary', 'uploadUrl', 'editInline']\"\n          [uploadChoice]=\"form.controls.uploadChoice.value\"\n          (uploadChoiceChange)=\"onUploadChoiceChange($event)\"\n          [fileUrl]=\"binary.url\"\n          (fileUrlChange)=\"onFileUrlChange($event)\"\n          [fileBinary]=\"binary.file\"\n          (fileBinaryChange)=\"onFileBinaryChange($event)\"\n          (textFilePicked)=\"onTextFilePicked($event)\"\n          [fileUrlPopover]=\"textForConfigurationUrlPopover\"\n        >\n          <ng-container c8yInlineEditor>\n            <div class=\"row\">\n              <c8y-form-group class=\"col-sm-9\">\n                <label\n                  for=\"confEditorFilename\"\n                  translate\n                >\n                  Filename\n                </label>\n                <input\n                  class=\"form-control\"\n                  id=\"confEditorFilename\"\n                  placeholder=\"config.json\"\n                  aria-required=\"true\"\n                  type=\"text\"\n                  autocomplete=\"off\"\n                  formControlName=\"editorFilename\"\n                />\n              </c8y-form-group>\n              <c8y-form-group class=\"col-sm-3\">\n                <label\n                  for=\"confEditorLanguage\"\n                  translate\n                >\n                  Language\n                </label>\n                <c8y-select\n                  aria-label=\"{{ 'Editor language' | translate }}\"\n                  id=\"confEditorLanguage\"\n                  [items]=\"editorLanguages\"\n                  formControlName=\"editorLanguage\"\n                ></c8y-select>\n              </c8y-form-group>\n            </div>\n            <c8y-form-group class=\"d-col flex-grow min-height-0 m-b-0\">\n              <label\n                for=\"confEditorContent\"\n                translate\n              >\n                Content\n              </label>\n              <c8y-editor\n                class=\"flex-grow\"\n                style=\"min-height: 95px\"\n                id=\"confEditorContent\"\n                formControlName=\"editorContent\"\n                monacoEditorMarkerValidator\n                [editorOptions]=\"{ language: editorLanguage() }\"\n              ></c8y-editor>\n              <c8y-messages></c8y-messages>\n            </c8y-form-group>\n          </ng-container>\n        </c8y-file-picker>\n      }\n    </fieldset>\n  </div>\n\n  <div class=\"card-footer j-c-between separator flex-no-shrink p-24\">\n    <button\n      class=\"btn btn-default\"\n      title=\"{{ 'Cancel' | translate }}\"\n      type=\"button\"\n      (click)=\"cancel()\"\n      [disabled]=\"saving()\"\n    >\n      <span translate>Cancel</span>\n    </button>\n    <button\n      class=\"btn btn-primary\"\n      [class.btn-pending]=\"saving()\"\n      [title]=\"submitButtonTitle() | translate\"\n      type=\"submit\"\n      [disabled]=\"isSaveDisabled\"\n    >\n      {{ submitButtonTitle() | translate }}\n    </button>\n  </div>\n</form>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "component", type: TypeaheadComponent, selector: "c8y-typeahead", inputs: ["required", "maxlength", "disabled", "allowFreeEntries", "placeholder", "displayProperty", "icon", "name", "autoClose", "hideNew", "container", "selected", "title", "highlightFirstItem"], outputs: ["onSearch", "onIconClick"] }, { kind: "directive", type: ForOfDirective, selector: "[c8yFor]", inputs: ["c8yForOf", "c8yForLoadMore", "c8yForPipe", "c8yForNotFound", "c8yForMaxIterations", "c8yForLoadingTemplate", "c8yForLoadNextLabel", "c8yForLoadingLabel", "c8yForRealtime", "c8yForRealtimeOptions", "c8yForComparator", "c8yForEnableVirtualScroll", "c8yForVirtualScrollElementSize", "c8yForVirtualScrollStrategy", "c8yForVirtualScrollContainerHeight"], outputs: ["c8yForCount", "c8yForChange", "c8yForLoadMoreComponent"] }, { kind: "component", type: ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "highlighted", "emptyActions", "dense", "collapsed", "selectable"], outputs: ["collapsedChange"] }, { kind: "component", type: HighlightComponent, selector: "c8y-highlight", inputs: ["pattern", "text", "elementClass", "shouldTrimPattern"] }, { kind: "component", type: FilePickerComponent, selector: "c8y-file-picker", inputs: ["maxAllowedFiles", "uploadChoice", "allowedUploadChoices", "fileUrl", "fileBinary", "config", "filePickerIndex", "fileUrlPopover", "editInlineConfirmTitle", "editInlineConfirmMessage"], outputs: ["onFilesPicked", "uploadChoiceChange", "fileBinaryChange", "fileUrlChange", "textFilePicked"] }, { kind: "component", type: EditorComponent, selector: "c8y-editor", inputs: ["editorOptions", "theme"], outputs: ["editorInit"] }, { kind: "directive", type: MonacoEditorMarkerValidatorDirective, selector: "c8y-editor [monacoEditorMarkerValidator]" }, { kind: "component", type: MessagesComponent, selector: "c8y-messages", inputs: ["show", "defaults", "helpMessage", "additionalMessages"] }, { kind: "directive", type: RequiredInputPlaceholderDirective, selector: "input[required], input[formControlName]" }, { kind: "component", type: SelectComponent, selector: "c8y-select", inputs: ["placeholder", "items", "selected", "container", "multi", "canSelectWithSpace", "disabled", "autoClose", "insideClick", "required", "canDeselect", "name", "icon", "filterItems"], outputs: ["onSelect", "onDeselect", "onIconClick"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: ConfigurationDetailComponent, isStandalone: true, selector: "c8y-configuration-detail", inputs: { version: "version", description: "description", binary: "binary", deviceType: "deviceType", mo: "mo" }, host: { classAttribute: "d-contents" }, ngImport: i0, template: "<div class=\"card-header j-c-center separator flex-no-shrink p-24\">\n  <i\n    class=\"m-r-8\"\n    [c8yIcon]=\"'cogs'\"\n    aria-hidden=\"true\"\n  ></i>\n  <h4 id=\"drawerTitle\">\n    @if (mo?.id) {\n      {{ 'Update configuration' | translate }}\n    } @else {\n      {{ 'Add configuration' | translate }}\n    }\n  </h4>\n</div>\n\n<form\n  class=\"d-contents\"\n  [formGroup]=\"form\"\n  (ngSubmit)=\"save()\"\n>\n  <div\n    class=\"card-body inner-scroll p-24\"\n    [class.d-col]=\"form.value.uploadChoice === 'editInline'\"\n  >\n    <div class=\"row\">\n      <c8y-form-group class=\"col-sm-3\">\n        <label\n          for=\"confVersion\"\n          translate\n        >\n          Name\n        </label>\n        <input\n          class=\"form-control\"\n          id=\"confVersion\"\n          placeholder=\"{{ 'e.g.' | translate }} hosts\"\n          aria-required=\"true\"\n          type=\"text\"\n          autocomplete=\"off\"\n          formControlName=\"version\"\n        />\n      </c8y-form-group>\n\n      <c8y-form-group class=\"col-sm-3\">\n        <label\n          for=\"confDeviceType\"\n          translate\n        >\n          Device type\n        </label>\n        <input\n          class=\"form-control\"\n          id=\"confDeviceType\"\n          placeholder=\"{{ 'e.g.' | translate }} c8y_Linux\"\n          type=\"text\"\n          autocomplete=\"off\"\n          formControlName=\"deviceType\"\n        />\n      </c8y-form-group>\n\n      <c8y-form-group class=\"col-sm-3\">\n        <label\n          for=\"confDescription\"\n          translate\n        >\n          Description\n        </label>\n        <input\n          class=\"form-control\"\n          id=\"confDescription\"\n          placeholder=\"{{ 'e.g.' | translate }} Host configuration\"\n          type=\"text\"\n          autocomplete=\"off\"\n          formControlName=\"description\"\n        />\n      </c8y-form-group>\n\n      <c8y-form-group class=\"col-sm-3\">\n        <label translate>Configuration type</label>\n        <c8y-typeahead\n          placeholder=\"{{ 'e.g.' | translate }} ssh\"\n          name=\"confType\"\n          data-cy=\"conf-detail--configuration-type\"\n          [ngModel]=\"configurationTypeMO\"\n          [ngModelOptions]=\"{ standalone: true }\"\n          (ngModelChange)=\"configurationTypeMO = $event\"\n          maxlength=\"254\"\n          (onSearch)=\"setPipe($event)\"\n          displayProperty=\"configurationType\"\n        >\n          @let patternStr = pattern();\n          <c8y-li\n            class=\"p-l-8 p-r-8 c8y-list__item--link\"\n            *c8yFor=\"let config of configs; pipe: filterPipe; notFound: notFoundTemplate\"\n            (click)=\"configurationTypeMO = config; setPipe('')\"\n            [active]=\"configurationTypeMO === config\"\n          >\n            <c8y-highlight\n              [text]=\"config.configurationType || '--'\"\n              [pattern]=\"patternStr\"\n            ></c8y-highlight>\n          </c8y-li>\n          <ng-template #notFoundTemplate>\n            @if (patternStr.length > 0) {\n              <c8y-li class=\"bg-level-2 p-8\">\n                <span translate>No match found.</span>\n                <button\n                  class=\"btn btn-primary btn-xs m-l-8\"\n                  title=\"{{ 'Add new`configuration type`' | translate }}\"\n                  type=\"button\"\n                  translate\n                >\n                  Add new`configuration type`\n                </button>\n              </c8y-li>\n            }\n          </ng-template>\n        </c8y-typeahead>\n      </c8y-form-group>\n    </div>\n\n    <fieldset\n      class=\"d-col\"\n      [class.flex-grow]=\"form.value.uploadChoice === 'editInline'\"\n      [class.min-height-0]=\"form.value.uploadChoice === 'editInline'\"\n    >\n      <legend\n        class=\"legend form-block m-t-40\"\n        translate\n      >\n        Configuration file\n      </legend>\n\n      @if (isExternalUrl()) {\n        <p\n          class=\"text-muted m-b-8\"\n          translate\n        >\n          Content is sourced from a remote URL and cannot be edited inline.\n        </p>\n        <c8y-form-group>\n          <label\n            for=\"confFileUrl\"\n            translate\n          >\n            File URL\n          </label>\n          <input\n            class=\"form-control\"\n            id=\"confFileUrl\"\n            placeholder=\"https://...\"\n            type=\"url\"\n            autocomplete=\"off\"\n            [ngModel]=\"binary.url\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            (ngModelChange)=\"binary = { url: $event }; form.markAsDirty()\"\n          />\n        </c8y-form-group>\n      } @else {\n        <c8y-file-picker\n          [maxAllowedFiles]=\"1\"\n          [allowedUploadChoices]=\"['uploadBinary', 'uploadUrl', 'editInline']\"\n          [uploadChoice]=\"form.controls.uploadChoice.value\"\n          (uploadChoiceChange)=\"onUploadChoiceChange($event)\"\n          [fileUrl]=\"binary.url\"\n          (fileUrlChange)=\"onFileUrlChange($event)\"\n          [fileBinary]=\"binary.file\"\n          (fileBinaryChange)=\"onFileBinaryChange($event)\"\n          (textFilePicked)=\"onTextFilePicked($event)\"\n          [fileUrlPopover]=\"textForConfigurationUrlPopover\"\n        >\n          <ng-container c8yInlineEditor>\n            <div class=\"row\">\n              <c8y-form-group class=\"col-sm-9\">\n                <label\n                  for=\"confEditorFilename\"\n                  translate\n                >\n                  Filename\n                </label>\n                <input\n                  class=\"form-control\"\n                  id=\"confEditorFilename\"\n                  placeholder=\"config.json\"\n                  aria-required=\"true\"\n                  type=\"text\"\n                  autocomplete=\"off\"\n                  formControlName=\"editorFilename\"\n                />\n              </c8y-form-group>\n              <c8y-form-group class=\"col-sm-3\">\n                <label\n                  for=\"confEditorLanguage\"\n                  translate\n                >\n                  Language\n                </label>\n                <c8y-select\n                  aria-label=\"{{ 'Editor language' | translate }}\"\n                  id=\"confEditorLanguage\"\n                  [items]=\"editorLanguages\"\n                  formControlName=\"editorLanguage\"\n                ></c8y-select>\n              </c8y-form-group>\n            </div>\n            <c8y-form-group class=\"d-col flex-grow min-height-0 m-b-0\">\n              <label\n                for=\"confEditorContent\"\n                translate\n              >\n                Content\n              </label>\n              <c8y-editor\n                class=\"flex-grow\"\n                style=\"min-height: 95px\"\n                id=\"confEditorContent\"\n                formControlName=\"editorContent\"\n                monacoEditorMarkerValidator\n                [editorOptions]=\"{ language: editorLanguage() }\"\n              ></c8y-editor>\n              <c8y-messages></c8y-messages>\n            </c8y-form-group>\n          </ng-container>\n        </c8y-file-picker>\n      }\n    </fieldset>\n  </div>\n\n  <div class=\"card-footer j-c-between separator flex-no-shrink p-24\">\n    <button\n      class=\"btn btn-default\"\n      title=\"{{ 'Cancel' | translate }}\"\n      type=\"button\"\n      (click)=\"cancel()\"\n      [disabled]=\"saving()\"\n    >\n      <span translate>Cancel</span>\n    </button>\n    <button\n      class=\"btn btn-primary\"\n      [class.btn-pending]=\"saving()\"\n      [title]=\"submitButtonTitle() | translate\"\n      type=\"submit\"\n      [disabled]=\"isSaveDisabled\"\n    >\n      {{ submitButtonTitle() | translate }}\n    </button>\n  </div>\n</form>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "component", type: TypeaheadComponent, selector: "c8y-typeahead", inputs: ["required", "maxlength", "disabled", "allowFreeEntries", "placeholder", "displayProperty", "icon", "name", "autoClose", "hideNew", "container", "selected", "title", "highlightFirstItem"], outputs: ["onSearch", "onIconClick"] }, { kind: "directive", type: ForOfDirective, selector: "[c8yFor]", inputs: ["c8yForOf", "c8yForLoadMore", "c8yForPipe", "c8yForNotFound", "c8yForMaxIterations", "c8yForLoadingTemplate", "c8yForLoadNextLabel", "c8yForLoadingLabel", "c8yForRealtime", "c8yForRealtimeOptions", "c8yForComparator", "c8yForEnableVirtualScroll", "c8yForVirtualScrollElementSize", "c8yForVirtualScrollStrategy", "c8yForVirtualScrollContainerHeight"], outputs: ["c8yForCount", "c8yForChange", "c8yForLoadMoreComponent"] }, { kind: "component", type: ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "highlighted", "emptyActions", "dense", "collapsed", "selectable"], outputs: ["collapsedChange"] }, { kind: "component", type: HighlightComponent, selector: "c8y-highlight", inputs: ["pattern", "text", "elementClass", "shouldTrimPattern"] }, { kind: "component", type: FilePickerComponent, selector: "c8y-file-picker", inputs: ["maxAllowedFiles", "uploadChoice", "allowedUploadChoices", "fileUrl", "fileBinary", "config", "filePickerIndex", "fileUrlPopover", "editInlineConfirmTitle", "editInlineConfirmMessage"], outputs: ["onFilesPicked", "uploadChoiceChange", "fileBinaryChange", "fileUrlChange", "textFilePicked"] }, { kind: "component", type: EditorComponent, selector: "c8y-editor", inputs: ["editorOptions", "theme"], outputs: ["editorInit"] }, { kind: "directive", type: MonacoEditorMarkerValidatorDirective, selector: "c8y-editor [monacoEditorMarkerValidator]" }, { kind: "component", type: MessagesComponent, selector: "c8y-messages", inputs: ["show", "defaults", "helpMessage", "additionalMessages"] }, { kind: "directive", type: RequiredInputPlaceholderDirective, selector: "input[required], input[formControlName]" }, { kind: "component", type: SelectComponent, selector: "c8y-select", inputs: ["placeholder", "items", "selected", "container", "multi", "canSelectWithSpace", "disabled", "autoClose", "insideClick", "required", "canDeselect", "name", "icon", "filterItems"], outputs: ["onSelect", "onDeselect", "onIconClick"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationDetailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationDetailComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-configuration-detail', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'd-contents' }, imports: [
                         ReactiveFormsModule,
@@ -590,10 +590,10 @@ class SourceCodePreviewComponent {
             scrollBeyondLastLine: false
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SourceCodePreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: SourceCodePreviewComponent, isStandalone: true, selector: "c8y-source-code-preview", inputs: { isDisabled: "isDisabled", text: "text", binaryType: "binaryType" }, usesOnChanges: true, ngImport: i0, template: "<c8y-editor\n  class=\"flex-grow\"\n  [ngModel]=\"text\"\n  [editorOptions]=\"editorOptions\"\n  (editorInit)=\"onEditorInit()\"\n></c8y-editor>\n", dependencies: [{ kind: "component", type: EditorComponent, selector: "c8y-editor", inputs: ["editorOptions", "theme"], outputs: ["editorInit"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: SourceCodePreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.19", type: SourceCodePreviewComponent, isStandalone: true, selector: "c8y-source-code-preview", inputs: { isDisabled: "isDisabled", text: "text", binaryType: "binaryType" }, usesOnChanges: true, ngImport: i0, template: "<c8y-editor\n  class=\"flex-grow\"\n  [ngModel]=\"text\"\n  [editorOptions]=\"editorOptions\"\n  (editorInit)=\"onEditorInit()\"\n></c8y-editor>\n", dependencies: [{ kind: "component", type: EditorComponent, selector: "c8y-editor", inputs: ["editorOptions", "theme"], outputs: ["editorInit"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SourceCodePreviewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: SourceCodePreviewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-source-code-preview', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [EditorComponent, FormsModule], template: "<c8y-editor\n  class=\"flex-grow\"\n  [ngModel]=\"text\"\n  [editorOptions]=\"editorOptions\"\n  (editorInit)=\"onEditorInit()\"\n></c8y-editor>\n" }]
         }], propDecorators: { isDisabled: [{
@@ -750,10 +750,10 @@ class ConfigurationPreviewComponent {
             this.deviceConfigurationService.updateConfigurations();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationPreviewComponent, deps: [{ token: DeviceConfigurationService }, { token: i2.OperationRealtimeService }, { token: i3$1.UserService }, { token: i2.AppStateService }, { token: i3.RepositoryService }, { token: i3$1.OperationService }, { token: i2.AlertService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ConfigurationPreviewComponent, isStandalone: true, selector: "c8y-device-configuration-preview", inputs: { device: "device", configurationType: "configurationType", configSnapshot: "configSnapshot", canSaveSnapshot: "canSaveSnapshot", actionButtonText: "actionButtonText", actionButtonIcon: "actionButtonIcon", isLegacy: "isLegacy", operationToTrigger: "operationToTrigger", editableRepositoryMo: "editableRepositoryMo" }, outputs: { editInRepository: "editInRepository" }, ngImport: i0, template: "<div class=\"content-flex-55 p-b-16\">\n  <div class=\"col-7 p-t-4\">\n    <p>\n      <span\n        class=\"text-label-small text-uppercase m-r-4\"\n        translate\n        >Configuration</span\n      >\n      @if (configSnapshot?.name) {\n        <span>\n          <strong>{{ configSnapshot.name }}</strong>\n        </span>\n      } @else {\n        ---\n      }\n    </p>\n    <p>\n      <span\n        class=\"text-label-small text-uppercase m-r-4\"\n        translate\n        >Last updated</span\n      >\n      @if (configSnapshot?.time) {\n        <small>\n          {{ configSnapshot.time | c8yDate }}\n        </small>\n      } @else {\n        ---\n      }\n    </p>\n  </div>\n  <div class=\"col-5 d-flex j-c-end gap-4\">\n    @if (editableRepositoryMo) {\n      <button\n        class=\"btn btn-default btn-sm\"\n        title=\"{{ 'Edit in repository' | translate }}\"\n        type=\"button\"\n        (click)=\"editInRepository.emit(editableRepositoryMo)\"\n      >\n        <i\n          [c8yIcon]=\"'pencil'\"\n          aria-hidden=\"true\"\n        ></i>\n        {{ 'Edit in repository' | translate }}\n      </button>\n    }\n    @if (canCallAction) {\n      <button\n        class=\"btn btn-default btn-sm\"\n        title=\"{{ actionButtonText | translate }}\"\n        id=\"action-btn\"\n        type=\"button\"\n        (click)=\"createDeviceOperation()\"\n        [disabled]=\"isCreateOperationDisabled()\"\n      >\n        <i [c8yIcon]=\"actionButtonIcon\"></i>\n        {{ actionButtonText | translate }}\n      </button>\n    }\n  </div>\n</div>\n@if (!configSnapshot?.binary && showBinary()) {\n  <div class=\"c8y-empty-state text-left\">\n    <h1 [c8yIcon]=\"'file-image-o'\"></h1>\n    <p>\n      <strong translate>No preview available.</strong>\n      <br />\n      @if (configSnapshot?.binary !== '') {\n        <small translate> The file is not available. </small>\n      } @else {\n        <small translate>The file is empty.</small>\n      }\n    </p>\n  </div>\n}\n@if (configSnapshot?.binary && showBinary()) {\n  <div class=\"flex-grow d-flex d-col\">\n    <c8y-source-code-preview\n      class=\"d-contents\"\n      [text]=\"configSnapshot.binary\"\n      [binaryType]=\"configSnapshot.binaryType\"\n      [isDisabled]=\"true\"\n    ></c8y-source-code-preview>\n    @if (canSaveSnapshot) {\n      <div class=\"p-t-16\">\n        <button\n          class=\"btn btn-primary btn-sm pull-right m-l-8\"\n          title=\"{{ 'Download' | translate }}\"\n          type=\"button\"\n          (click)=\"download()\"\n        >\n          {{ 'Download' | translate }}\n        </button>\n        @if (hasPermission()) {\n          <button\n            class=\"btn btn-default btn-sm pull-right\"\n            title=\"{{ 'Save to repository' | translate }}\"\n            type=\"button\"\n            (click)=\"saveToRepository()\"\n          >\n            {{ 'Save to repository' | translate }}\n          </button>\n        }\n      </div>\n    }\n  </div>\n}\n@if (showOperation()) {\n  <div>\n    <c8y-operation-details [operation]=\"operation\"></c8y-operation-details>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: SourceCodePreviewComponent, selector: "c8y-source-code-preview", inputs: ["isDisabled", "text", "binaryType"] }, { kind: "component", type: OperationDetailsComponent, selector: "c8y-operation-details", inputs: ["operation"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "c8yDate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationPreviewComponent, deps: [{ token: DeviceConfigurationService }, { token: i2.OperationRealtimeService }, { token: i3$1.UserService }, { token: i2.AppStateService }, { token: i3.RepositoryService }, { token: i3$1.OperationService }, { token: i2.AlertService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: ConfigurationPreviewComponent, isStandalone: true, selector: "c8y-device-configuration-preview", inputs: { device: "device", configurationType: "configurationType", configSnapshot: "configSnapshot", canSaveSnapshot: "canSaveSnapshot", actionButtonText: "actionButtonText", actionButtonIcon: "actionButtonIcon", isLegacy: "isLegacy", operationToTrigger: "operationToTrigger", editableRepositoryMo: "editableRepositoryMo" }, outputs: { editInRepository: "editInRepository" }, ngImport: i0, template: "<div class=\"content-flex-55 p-b-16\">\n  <div class=\"col-7 p-t-4\">\n    <p>\n      <span\n        class=\"text-label-small text-uppercase m-r-4\"\n        translate\n        >Configuration</span\n      >\n      @if (configSnapshot?.name) {\n        <span>\n          <strong>{{ configSnapshot.name }}</strong>\n        </span>\n      } @else {\n        ---\n      }\n    </p>\n    <p>\n      <span\n        class=\"text-label-small text-uppercase m-r-4\"\n        translate\n        >Last updated</span\n      >\n      @if (configSnapshot?.time) {\n        <small>\n          {{ configSnapshot.time | c8yDate }}\n        </small>\n      } @else {\n        ---\n      }\n    </p>\n  </div>\n  <div class=\"col-5 d-flex j-c-end gap-4\">\n    @if (editableRepositoryMo) {\n      <button\n        class=\"btn btn-default btn-sm\"\n        title=\"{{ 'Edit in repository' | translate }}\"\n        type=\"button\"\n        (click)=\"editInRepository.emit(editableRepositoryMo)\"\n      >\n        <i\n          [c8yIcon]=\"'pencil'\"\n          aria-hidden=\"true\"\n        ></i>\n        {{ 'Edit in repository' | translate }}\n      </button>\n    }\n    @if (canCallAction) {\n      <button\n        class=\"btn btn-default btn-sm\"\n        title=\"{{ actionButtonText | translate }}\"\n        id=\"action-btn\"\n        type=\"button\"\n        (click)=\"createDeviceOperation()\"\n        [disabled]=\"isCreateOperationDisabled()\"\n      >\n        <i [c8yIcon]=\"actionButtonIcon\"></i>\n        {{ actionButtonText | translate }}\n      </button>\n    }\n  </div>\n</div>\n@if (!configSnapshot?.binary && showBinary()) {\n  <div class=\"c8y-empty-state text-left\">\n    <h1 [c8yIcon]=\"'file-image-o'\"></h1>\n    <p>\n      <strong translate>No preview available.</strong>\n      <br />\n      @if (configSnapshot?.binary !== '') {\n        <small translate> The file is not available. </small>\n      } @else {\n        <small translate>The file is empty.</small>\n      }\n    </p>\n  </div>\n}\n@if (configSnapshot?.binary && showBinary()) {\n  <div class=\"flex-grow d-flex d-col\">\n    <c8y-source-code-preview\n      class=\"d-contents\"\n      [text]=\"configSnapshot.binary\"\n      [binaryType]=\"configSnapshot.binaryType\"\n      [isDisabled]=\"true\"\n    ></c8y-source-code-preview>\n    @if (canSaveSnapshot) {\n      <div class=\"p-t-16\">\n        <button\n          class=\"btn btn-primary btn-sm pull-right m-l-8\"\n          title=\"{{ 'Download' | translate }}\"\n          type=\"button\"\n          (click)=\"download()\"\n        >\n          {{ 'Download' | translate }}\n        </button>\n        @if (hasPermission()) {\n          <button\n            class=\"btn btn-default btn-sm pull-right\"\n            title=\"{{ 'Save to repository' | translate }}\"\n            type=\"button\"\n            (click)=\"saveToRepository()\"\n          >\n            {{ 'Save to repository' | translate }}\n          </button>\n        }\n      </div>\n    }\n  </div>\n}\n@if (showOperation()) {\n  <div>\n    <c8y-operation-details [operation]=\"operation\"></c8y-operation-details>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: SourceCodePreviewComponent, selector: "c8y-source-code-preview", inputs: ["isDisabled", "text", "binaryType"] }, { kind: "component", type: OperationDetailsComponent, selector: "c8y-operation-details", inputs: ["operation"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "c8yDate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationPreviewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationPreviewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-device-configuration-preview', imports: [
                         C8yTranslateDirective,
@@ -797,10 +797,10 @@ class DeviceConfigurationListComponent {
     updatePipe(filterTerm) {
         this.filterTerm = filterTerm;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DeviceConfigurationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: DeviceConfigurationListComponent, isStandalone: true, selector: "c8y-device-configuration-list", inputs: { items: "items", itemIcon: "itemIcon", emptyState: "emptyState", isFilterEnabled: "isFilterEnabled" }, outputs: { configSelected: "configSelected" }, ngImport: i0, template: "<div class=\"p-l-16 m-b-8\" *ngIf=\"isFilterEnabled\">\n  <c8y-filter [icon]=\"'search'\" (onSearch)=\"updatePipe($event)\"></c8y-filter>\n</div>\n\n<!-- EMPTY STATE -->\n<div class=\"c8y-empty-state text-left\" *ngIf=\"items?.length === 0\">\n  <h1 [c8yIcon]=\"emptyState.icon\"></h1>\n  <p>\n    <strong>{{ emptyState.title | translate }}</strong>\n    <br />\n    <small>{{ emptyState.text | translate }}</small>\n  </p>\n</div>\n\n<!-- CONFIGURATIONS AVAILABLE -->\n<div class=\"c8y-nav-stacked\">\n  <button\n    type=\"button\"\n    class=\"c8y-stacked-item d-flex\"\n    [class.active]=\"config === selectedConfig\"\n    *ngFor=\"let config of items | configurationFilterPipe: filterTerm\"\n    (click)=\"showConfigurationTypePreview(config)\"\n  >\n    <div class=\"list-item-icon\">\n      <i [c8yIcon]=\"itemIcon\"></i>\n    </div>\n    <div class=\"list-item-body text-truncate\">\n      <div class=\"d-flex\">\n        <span class=\"text-truncate\" title=\"{{ config.name }}\">{{ config.name }}</span>\n        <span class=\"text-label-small m-l-auto m-t-auto m-b-auto\">{{ config.deviceType }}</span>\n      </div>\n    </div>\n  </button>\n</div>\n\n<!-- for Carlos: config.configurationType to differentiate whether a config matches configuration type. -->\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FilterInputComponent, selector: "c8y-filter", inputs: ["icon", "filterTerm"], outputs: ["onSearch"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: ConfigurationFilterPipe, name: "configurationFilterPipe" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: DeviceConfigurationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.19", type: DeviceConfigurationListComponent, isStandalone: true, selector: "c8y-device-configuration-list", inputs: { items: "items", itemIcon: "itemIcon", emptyState: "emptyState", isFilterEnabled: "isFilterEnabled" }, outputs: { configSelected: "configSelected" }, ngImport: i0, template: "<div class=\"p-l-16 m-b-8\" *ngIf=\"isFilterEnabled\">\n  <c8y-filter [icon]=\"'search'\" (onSearch)=\"updatePipe($event)\"></c8y-filter>\n</div>\n\n<!-- EMPTY STATE -->\n<div class=\"c8y-empty-state text-left\" *ngIf=\"items?.length === 0\">\n  <h1 [c8yIcon]=\"emptyState.icon\"></h1>\n  <p>\n    <strong>{{ emptyState.title | translate }}</strong>\n    <br />\n    <small>{{ emptyState.text | translate }}</small>\n  </p>\n</div>\n\n<!-- CONFIGURATIONS AVAILABLE -->\n<div class=\"c8y-nav-stacked\">\n  <button\n    type=\"button\"\n    class=\"c8y-stacked-item d-flex\"\n    [class.active]=\"config === selectedConfig\"\n    *ngFor=\"let config of items | configurationFilterPipe: filterTerm\"\n    (click)=\"showConfigurationTypePreview(config)\"\n  >\n    <div class=\"list-item-icon\">\n      <i [c8yIcon]=\"itemIcon\"></i>\n    </div>\n    <div class=\"list-item-body text-truncate\">\n      <div class=\"d-flex\">\n        <span class=\"text-truncate\" title=\"{{ config.name }}\">{{ config.name }}</span>\n        <span class=\"text-label-small m-l-auto m-t-auto m-b-auto\">{{ config.deviceType }}</span>\n      </div>\n    </div>\n  </button>\n</div>\n\n<!-- for Carlos: config.configurationType to differentiate whether a config matches configuration type. -->\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FilterInputComponent, selector: "c8y-filter", inputs: ["icon", "filterTerm"], outputs: ["onSearch"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: ConfigurationFilterPipe, name: "configurationFilterPipe" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DeviceConfigurationListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: DeviceConfigurationListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-device-configuration-list', imports: [
                         NgIf,
@@ -930,10 +930,10 @@ class DeviceConfigurationComponent {
             this.updateSnapshots(true);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DeviceConfigurationComponent, deps: [{ token: i1.ActivatedRoute }, { token: DeviceConfigurationService }, { token: i3.RepositoryService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: DeviceConfigurationComponent, isStandalone: true, selector: "c8y-device-configuration", viewQueries: [{ propertyName: "textBasedConfigurationComponent", first: true, predicate: TextBasedConfigurationComponent, descendants: true }], ngImport: i0, template: "<c8y-action-bar-item [placement]=\"'right'\">\n  <button\n    class=\"btn btn-link\"\n    title=\"{{ 'Reload' | translate }}\"\n    (click)=\"updateSnapshots()\"\n  >\n    <i\n      c8yIcon=\"refresh\"\n      [ngClass]=\"{ 'icon-spin': reloading }\"\n    ></i>\n    {{ 'Reload' | translate }}\n  </button>\n</c8y-action-bar-item>\n\n<div class=\"card content-fullpage card-has-tabs\">\n  <tabset>\n    @if (showBinaryBasedConfig && !showTextBasedConfig) {\n      <div class=\"card-header separator\">\n        <div class=\"card-title\">{{ 'Configurations' | translate }}</div>\n      </div>\n    }\n    @if (!showBinaryBasedConfig && showTextBasedConfig) {\n      <div class=\"card-header separator\">\n        <div class=\"card-title\">{{ 'Text-based configuration' | translate }}</div>\n      </div>\n    }\n    @if (showBinaryBasedConfig) {\n      <tab heading=\"{{ 'Configurations' | translate }}\">\n        <div class=\"card--grid card grid__col--4-8--md grid__row--6-6--md m-b-0\">\n          <!-- DEVICE SUPPORTED CONFIGURATIONS -->\n          <div class=\"card--grid__inner-scroll bg-level-1\">\n            <div class=\"p-l-16 p-r-16\">\n              <h5 class=\"legend form-block\">\n                <span translate>Device-supported configurations</span>\n              </h5>\n            </div>\n            <c8y-device-configuration-list\n              [itemIcon]=\"'gears'\"\n              [items]=\"supportedConfigurations\"\n              (configSelected)=\"onConfigTypeSelected($event)\"\n            ></c8y-device-configuration-list>\n          </div>\n          <!-- CONFIGURATION PREVIEW -->\n          <div class=\"card--grid__inner-scroll d-flex d-col flex-grow\">\n            <div class=\"card-block d-flex d-col flex-grow\">\n              <h5 class=\"legend form-block\"><span translate>Preview</span></h5>\n              <!-- EMPTY STATE -->\n              @if (!configurationType) {\n                <c8y-ui-empty-state\n                  [icon]=\"'file-text'\"\n                  [title]=\"'No configuration selected.' | translate\"\n                  [subtitle]=\"'Select a configuration to preview.' | translate\"\n                  [horizontal]=\"true\"\n                ></c8y-ui-empty-state>\n              }\n              <!-- PREVIEW AVAILABLE STATE -->\n              @if (configurationType) {\n                <c8y-device-configuration-preview\n                  class=\"d-flex d-col flex-grow\"\n                  [actionButtonIcon]=\"'download'\"\n                  [device]=\"device\"\n                  [configurationType]=\"configurationType\"\n                  [configSnapshot]=\"configSnapshot\"\n                  [canSaveSnapshot]=\"true\"\n                  [operationToTrigger]=\"'c8y_UploadConfigFile'\"\n                  [actionButtonText]=\"'Get snapshot from device' | translate\"\n                  [isLegacy]=\"isLegacy\"\n                ></c8y-device-configuration-preview>\n              }\n            </div>\n          </div>\n          <!-- AVAILABLE SUPPORTED CONFIGURATIONS -->\n          <div class=\"card--grid__inner-scroll bg-level-1\">\n            <div class=\"p-l-16 p-r-16\">\n              <h5\n                class=\"legend form-block\"\n                translate\n              >\n                Available supported configurations\n              </h5>\n            </div>\n            <!-- EMPTY STATE -->\n            @if (!configurationType) {\n              <c8y-ui-empty-state\n                [icon]=\"'gears'\"\n                [title]=\"'No selection.' | translate\"\n                [subtitle]=\"\n                  'Select a configuration from the device-supported configuration list.' | translate\n                \"\n                [horizontal]=\"true\"\n              ></c8y-ui-empty-state>\n            }\n            @if (configurationType) {\n              <div class=\"p-r-16\">\n                <c8y-device-configuration-list\n                  [itemIcon]=\"'file-text'\"\n                  [items]=\"repositorySnapshots\"\n                  [emptyState]=\"repositorySnapshotsEmptyState\"\n                  [isFilterEnabled]=\"true\"\n                  (configSelected)=\"onRepositoryConfigSelected($event)\"\n                ></c8y-device-configuration-list>\n              </div>\n            }\n          </div>\n          <!-- CONFIGURATION PREVIEW -->\n          <div class=\"card--grid__inner-scroll d-flex d-col flex-grow\">\n            <div class=\"card-block flex-grow d-flex d-col\">\n              <h5\n                class=\"legend form-block\"\n                translate\n              >\n                Preview\n              </h5>\n              <!-- EMPTY STATE -->\n              @if (!repositorySnapshot) {\n                <c8y-ui-empty-state\n                  [icon]=\"'file-text'\"\n                  [title]=\"'No configuration selected.' | translate\"\n                  [subtitle]=\"'Select a configuration to preview.' | translate\"\n                  [horizontal]=\"true\"\n                ></c8y-ui-empty-state>\n              }\n              <!-- CONFIGURATION SELECTED STATE -->\n              @if (repositorySnapshot) {\n                <c8y-device-configuration-preview\n                  class=\"d-flex d-col flex-grow\"\n                  [actionButtonIcon]=\"'upload'\"\n                  [device]=\"device\"\n                  [configurationType]=\"configurationType\"\n                  [configSnapshot]=\"repositorySnapshot\"\n                  [operationToTrigger]=\"'c8y_DownloadConfigFile'\"\n                  [actionButtonText]=\"'Send configuration to device' | translate\"\n                  [isLegacy]=\"isLegacy\"\n                  [editableRepositoryMo]=\"selectedRepositoryMo\"\n                  (editInRepository)=\"openEditInRepository($event)\"\n                ></c8y-device-configuration-preview>\n              }\n            </div>\n          </div>\n        </div>\n      </tab>\n    }\n    @if (showTextBasedConfig) {\n      <tab heading=\"{{ 'Text-based configuration' | translate }}\">\n        <c8y-text-based-configuration></c8y-text-based-configuration>\n      </tab>\n    }\n  </tabset>\n</div>\n", dependencies: [{ kind: "component", type: ActionBarItemComponent, selector: "c8y-action-bar-item", inputs: ["placement", "priority", "itemClass", "injector", "groupId", "inGroupPriority"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: TabsetAriaDirective, selector: "tabset" }, { kind: "component", type: TabsetComponent, selector: "tabset", inputs: ["vertical", "justified", "type"] }, { kind: "directive", type: TabDirective, selector: "tab, [tab]", inputs: ["heading", "id", "disabled", "removable", "tabOrder", "customClass", "active"], outputs: ["selectTab", "deselect", "removed"], exportAs: ["tab"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "component", type: DeviceConfigurationListComponent, selector: "c8y-device-configuration-list", inputs: ["items", "itemIcon", "emptyState", "isFilterEnabled"], outputs: ["configSelected"] }, { kind: "component", type: EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "component", type: ConfigurationPreviewComponent, selector: "c8y-device-configuration-preview", inputs: ["device", "configurationType", "configSnapshot", "canSaveSnapshot", "actionButtonText", "actionButtonIcon", "isLegacy", "operationToTrigger", "editableRepositoryMo"], outputs: ["editInRepository"] }, { kind: "component", type: TextBasedConfigurationComponent, selector: "c8y-text-based-configuration" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: DeviceConfigurationComponent, deps: [{ token: i1.ActivatedRoute }, { token: DeviceConfigurationService }, { token: i3.RepositoryService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: DeviceConfigurationComponent, isStandalone: true, selector: "c8y-device-configuration", viewQueries: [{ propertyName: "textBasedConfigurationComponent", first: true, predicate: TextBasedConfigurationComponent, descendants: true }], ngImport: i0, template: "<c8y-action-bar-item [placement]=\"'right'\">\n  <button\n    class=\"btn btn-link\"\n    title=\"{{ 'Reload' | translate }}\"\n    (click)=\"updateSnapshots()\"\n  >\n    <i\n      c8yIcon=\"refresh\"\n      [ngClass]=\"{ 'icon-spin': reloading }\"\n    ></i>\n    {{ 'Reload' | translate }}\n  </button>\n</c8y-action-bar-item>\n\n<div class=\"card content-fullpage card-has-tabs\">\n  <tabset>\n    @if (showBinaryBasedConfig && !showTextBasedConfig) {\n      <div class=\"card-header separator\">\n        <div class=\"card-title\">{{ 'Configurations' | translate }}</div>\n      </div>\n    }\n    @if (!showBinaryBasedConfig && showTextBasedConfig) {\n      <div class=\"card-header separator\">\n        <div class=\"card-title\">{{ 'Text-based configuration' | translate }}</div>\n      </div>\n    }\n    @if (showBinaryBasedConfig) {\n      <tab heading=\"{{ 'Configurations' | translate }}\">\n        <div class=\"card--grid card grid__col--4-8--md grid__row--6-6--md m-b-0\">\n          <!-- DEVICE SUPPORTED CONFIGURATIONS -->\n          <div class=\"card--grid__inner-scroll bg-level-1\">\n            <div class=\"p-l-16 p-r-16\">\n              <h5 class=\"legend form-block\">\n                <span translate>Device-supported configurations</span>\n              </h5>\n            </div>\n            <c8y-device-configuration-list\n              [itemIcon]=\"'gears'\"\n              [items]=\"supportedConfigurations\"\n              (configSelected)=\"onConfigTypeSelected($event)\"\n            ></c8y-device-configuration-list>\n          </div>\n          <!-- CONFIGURATION PREVIEW -->\n          <div class=\"card--grid__inner-scroll d-flex d-col flex-grow\">\n            <div class=\"card-block d-flex d-col flex-grow\">\n              <h5 class=\"legend form-block\"><span translate>Preview</span></h5>\n              <!-- EMPTY STATE -->\n              @if (!configurationType) {\n                <c8y-ui-empty-state\n                  [icon]=\"'file-text'\"\n                  [title]=\"'No configuration selected.' | translate\"\n                  [subtitle]=\"'Select a configuration to preview.' | translate\"\n                  [horizontal]=\"true\"\n                ></c8y-ui-empty-state>\n              }\n              <!-- PREVIEW AVAILABLE STATE -->\n              @if (configurationType) {\n                <c8y-device-configuration-preview\n                  class=\"d-flex d-col flex-grow\"\n                  [actionButtonIcon]=\"'download'\"\n                  [device]=\"device\"\n                  [configurationType]=\"configurationType\"\n                  [configSnapshot]=\"configSnapshot\"\n                  [canSaveSnapshot]=\"true\"\n                  [operationToTrigger]=\"'c8y_UploadConfigFile'\"\n                  [actionButtonText]=\"'Get snapshot from device' | translate\"\n                  [isLegacy]=\"isLegacy\"\n                ></c8y-device-configuration-preview>\n              }\n            </div>\n          </div>\n          <!-- AVAILABLE SUPPORTED CONFIGURATIONS -->\n          <div class=\"card--grid__inner-scroll bg-level-1\">\n            <div class=\"p-l-16 p-r-16\">\n              <h5\n                class=\"legend form-block\"\n                translate\n              >\n                Available supported configurations\n              </h5>\n            </div>\n            <!-- EMPTY STATE -->\n            @if (!configurationType) {\n              <c8y-ui-empty-state\n                [icon]=\"'gears'\"\n                [title]=\"'No selection.' | translate\"\n                [subtitle]=\"\n                  'Select a configuration from the device-supported configuration list.' | translate\n                \"\n                [horizontal]=\"true\"\n              ></c8y-ui-empty-state>\n            }\n            @if (configurationType) {\n              <div class=\"p-r-16\">\n                <c8y-device-configuration-list\n                  [itemIcon]=\"'file-text'\"\n                  [items]=\"repositorySnapshots\"\n                  [emptyState]=\"repositorySnapshotsEmptyState\"\n                  [isFilterEnabled]=\"true\"\n                  (configSelected)=\"onRepositoryConfigSelected($event)\"\n                ></c8y-device-configuration-list>\n              </div>\n            }\n          </div>\n          <!-- CONFIGURATION PREVIEW -->\n          <div class=\"card--grid__inner-scroll d-flex d-col flex-grow\">\n            <div class=\"card-block flex-grow d-flex d-col\">\n              <h5\n                class=\"legend form-block\"\n                translate\n              >\n                Preview\n              </h5>\n              <!-- EMPTY STATE -->\n              @if (!repositorySnapshot) {\n                <c8y-ui-empty-state\n                  [icon]=\"'file-text'\"\n                  [title]=\"'No configuration selected.' | translate\"\n                  [subtitle]=\"'Select a configuration to preview.' | translate\"\n                  [horizontal]=\"true\"\n                ></c8y-ui-empty-state>\n              }\n              <!-- CONFIGURATION SELECTED STATE -->\n              @if (repositorySnapshot) {\n                <c8y-device-configuration-preview\n                  class=\"d-flex d-col flex-grow\"\n                  [actionButtonIcon]=\"'upload'\"\n                  [device]=\"device\"\n                  [configurationType]=\"configurationType\"\n                  [configSnapshot]=\"repositorySnapshot\"\n                  [operationToTrigger]=\"'c8y_DownloadConfigFile'\"\n                  [actionButtonText]=\"'Send configuration to device' | translate\"\n                  [isLegacy]=\"isLegacy\"\n                  [editableRepositoryMo]=\"selectedRepositoryMo\"\n                  (editInRepository)=\"openEditInRepository($event)\"\n                ></c8y-device-configuration-preview>\n              }\n            </div>\n          </div>\n        </div>\n      </tab>\n    }\n    @if (showTextBasedConfig) {\n      <tab heading=\"{{ 'Text-based configuration' | translate }}\">\n        <c8y-text-based-configuration></c8y-text-based-configuration>\n      </tab>\n    }\n  </tabset>\n</div>\n", dependencies: [{ kind: "component", type: ActionBarItemComponent, selector: "c8y-action-bar-item", inputs: ["placement", "priority", "itemClass", "injector", "groupId", "inGroupPriority"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: TabsetAriaDirective, selector: "tabset" }, { kind: "component", type: TabsetComponent, selector: "tabset", inputs: ["vertical", "justified", "type"] }, { kind: "directive", type: TabDirective, selector: "tab, [tab]", inputs: ["heading", "id", "disabled", "removable", "tabOrder", "customClass", "active"], outputs: ["selectTab", "deselect", "removed"], exportAs: ["tab"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "component", type: DeviceConfigurationListComponent, selector: "c8y-device-configuration-list", inputs: ["items", "itemIcon", "emptyState", "isFilterEnabled"], outputs: ["configSelected"] }, { kind: "component", type: EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "component", type: ConfigurationPreviewComponent, selector: "c8y-device-configuration-preview", inputs: ["device", "configurationType", "configSnapshot", "canSaveSnapshot", "actionButtonText", "actionButtonIcon", "isLegacy", "operationToTrigger", "editableRepositoryMo"], outputs: ["editInRepository"] }, { kind: "component", type: TextBasedConfigurationComponent, selector: "c8y-text-based-configuration" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DeviceConfigurationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: DeviceConfigurationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-device-configuration', imports: [
                         ActionBarItemComponent,
@@ -991,10 +991,10 @@ class SaveToRepositoryComponent {
         this._cancel();
         this.modal.hide();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SaveToRepositoryComponent, deps: [{ token: i1$2.BsModalRef }, { token: i2.AlertService }, { token: i3.RepositoryService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: SaveToRepositoryComponent, isStandalone: true, selector: "c8y-save-config-to-configuration-repository", ngImport: i0, template: "<div class=\"modal-header dialog-header\">\n  <i c8yIcon=\"gears\"></i>\n  <h4 id=\"modal-title\" translate>\n    Save configuration\n  </h4>\n</div>\n<div class=\"modal-body\" id=\"modal-body\">\n  <form #saveConfigurationSnapshot=\"ngForm\" class=\"p-t-24\">\n    <c8y-form-group>\n      <label translate for=\"name\">Name</label>\n      <input\n        id=\"name\"\n        type=\"text\"\n        class=\"form-control\"\n        autocomplete=\"off\"\n        name=\"name\"\n        [(ngModel)]=\"configSnapshot.name\"\n        required\n      />\n    </c8y-form-group>\n    <c8y-form-group>\n      <label translate for=\"deviceType\">Device type</label>\n      <input\n        id=\"deviceType\"\n        class=\"form-control\"\n        rows=\"6\"\n        name=\"deviceType\"\n        [(ngModel)]=\"configSnapshot.deviceType\"\n      />\n    </c8y-form-group>\n    <c8y-form-group>\n      <label translate for=\"description\">Description</label>\n      <input\n        type=\"text\"\n        id=\"description\"\n        class=\"form-control\"\n        maxlength=\"254\"\n        autocomplete=\"off\"\n        name=\"description\"\n        [(ngModel)]=\"configSnapshot.description\"\n      />\n    </c8y-form-group>\n    <c8y-form-group>\n      <label translate for=\"configurationType\">Configuration type</label>\n      <input\n        id=\"configurationType\"\n        class=\"form-control\"\n        rows=\"6\"\n        name=\"configurationType\"\n        [(ngModel)]=\"configSnapshot.configurationType\"\n      />\n    </c8y-form-group>\n  </form>\n</div>\n<div class=\"modal-footer\">\n  <button title=\"{{ 'Cancel' | translate }}\" class=\"btn btn-default\" (click)=\"close()\" translate>\n    Cancel\n  </button>\n\n  <button\n    title=\"{{ 'Save configuration to repository' | translate }}\"\n    class=\"btn btn-primary\"\n    (click)=\"save()\"\n    [disabled]=\"saveConfigurationSnapshot.form.invalid\"\n    translate\n  >\n    Save\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "directive", type: RequiredInputPlaceholderDirective, selector: "input[required], input[formControlName]" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: SaveToRepositoryComponent, deps: [{ token: i1$2.BsModalRef }, { token: i2.AlertService }, { token: i3.RepositoryService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.19", type: SaveToRepositoryComponent, isStandalone: true, selector: "c8y-save-config-to-configuration-repository", ngImport: i0, template: "<div class=\"modal-header dialog-header\">\n  <i c8yIcon=\"gears\"></i>\n  <h4 id=\"modal-title\" translate>\n    Save configuration\n  </h4>\n</div>\n<div class=\"modal-body\" id=\"modal-body\">\n  <form #saveConfigurationSnapshot=\"ngForm\" class=\"p-t-24\">\n    <c8y-form-group>\n      <label translate for=\"name\">Name</label>\n      <input\n        id=\"name\"\n        type=\"text\"\n        class=\"form-control\"\n        autocomplete=\"off\"\n        name=\"name\"\n        [(ngModel)]=\"configSnapshot.name\"\n        required\n      />\n    </c8y-form-group>\n    <c8y-form-group>\n      <label translate for=\"deviceType\">Device type</label>\n      <input\n        id=\"deviceType\"\n        class=\"form-control\"\n        rows=\"6\"\n        name=\"deviceType\"\n        [(ngModel)]=\"configSnapshot.deviceType\"\n      />\n    </c8y-form-group>\n    <c8y-form-group>\n      <label translate for=\"description\">Description</label>\n      <input\n        type=\"text\"\n        id=\"description\"\n        class=\"form-control\"\n        maxlength=\"254\"\n        autocomplete=\"off\"\n        name=\"description\"\n        [(ngModel)]=\"configSnapshot.description\"\n      />\n    </c8y-form-group>\n    <c8y-form-group>\n      <label translate for=\"configurationType\">Configuration type</label>\n      <input\n        id=\"configurationType\"\n        class=\"form-control\"\n        rows=\"6\"\n        name=\"configurationType\"\n        [(ngModel)]=\"configSnapshot.configurationType\"\n      />\n    </c8y-form-group>\n  </form>\n</div>\n<div class=\"modal-footer\">\n  <button title=\"{{ 'Cancel' | translate }}\" class=\"btn btn-default\" (click)=\"close()\" translate>\n    Cancel\n  </button>\n\n  <button\n    title=\"{{ 'Save configuration to repository' | translate }}\"\n    class=\"btn btn-primary\"\n    (click)=\"save()\"\n    [disabled]=\"saveConfigurationSnapshot.form.invalid\"\n    translate\n  >\n    Save\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "directive", type: RequiredInputPlaceholderDirective, selector: "input[required], input[formControlName]" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SaveToRepositoryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: SaveToRepositoryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-save-config-to-configuration-repository', imports: [
                         IconDirective,
@@ -1024,8 +1024,8 @@ class ConfigurationRepositoryDeviceTabModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationRepositoryDeviceTabModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationRepositoryDeviceTabModule, imports: [SharedRepositoryModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationRepositoryDeviceTabModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationRepositoryDeviceTabModule, imports: [SharedRepositoryModule,
             OperationDetailsModule, i1$3.TabsModule, DeviceConfigurationComponent,
             DeviceConfigurationListComponent,
             ConfigurationPreviewComponent,
@@ -1033,7 +1033,7 @@ class ConfigurationRepositoryDeviceTabModule {
             SaveToRepositoryComponent,
             SourceCodePreviewComponent,
             TextBasedConfigurationComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationRepositoryDeviceTabModule, providers: [DeviceConfigurationService], imports: [SharedRepositoryModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationRepositoryDeviceTabModule, providers: [DeviceConfigurationService], imports: [SharedRepositoryModule,
             OperationDetailsModule,
             TabsModule.forRoot(),
             DeviceConfigurationComponent,
@@ -1043,7 +1043,7 @@ class ConfigurationRepositoryDeviceTabModule {
             SourceCodePreviewComponent,
             TextBasedConfigurationComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationRepositoryDeviceTabModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationRepositoryDeviceTabModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1249,10 +1249,10 @@ class ConfigurationListComponent {
     trackByName(_index, column) {
         return column.name;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ConfigurationListComponent, isStandalone: true, selector: "c8y-configuration-list", ngImport: i0, template: "<c8y-title>\n  <span\n    class=\"m-r-4\"\n    translate\n  >\n    Configuration repository\n  </span>\n  <small>\n    {{ size$ | async }}\n    <span translate>snapshots</span>\n  </small>\n</c8y-title>\n\n<c8y-breadcrumb>\n  <c8y-breadcrumb-item\n    icon=\"c8y-management\"\n    label=\"{{ 'Management' | translate }}\"\n  ></c8y-breadcrumb-item>\n  <c8y-breadcrumb-item\n    icon=\"gears\"\n    label=\"{{ 'Configuration repository' | translate }}\"\n  ></c8y-breadcrumb-item>\n</c8y-breadcrumb>\n\n<c8y-action-bar-item [placement]=\"'right'\">\n  <button\n    class=\"btn btn-link\"\n    title=\"{{ 'Add configuration snapshot' | translate }}\"\n    type=\"button\"\n    (click)=\"add()\"\n  >\n    <i c8yIcon=\"plus-circle\"></i>\n    {{ 'Add configuration snapshot' | translate }}\n  </button>\n</c8y-action-bar-item>\n\n<c8y-help\n  src=\"/docs/device-management-application/managing-device-data/#managing-configurations\"\n></c8y-help>\n\n<div class=\"content-fullpage border-top border-bottom\">\n  <c8y-data-grid\n    [title]=\"'Configurations' | translate\"\n    [refresh]=\"refresh$\"\n    [pagination]=\"pagination\"\n    [columns]=\"columns\"\n    [actionControls]=\"actionControls\"\n    [infiniteScroll]=\"'auto'\"\n    [serverSideDataCallback]=\"serverSideDataCallback\"\n  >\n    <c8y-ui-empty-state\n      [icon]=\"stats?.size > 0 ? 'search' : 'gears'\"\n      [title]=\"stats?.size > 0 ? (noResultsMessage | translate) : (noDataMessage | translate)\"\n      [subtitle]=\"stats?.size > 0 ? (noResultsSubtitle | translate) : (noDataSubtitle | translate)\"\n      *emptyStateContext=\"let stats\"\n      [horizontal]=\"stats?.size > 0\"\n    >\n      @if (stats?.size === 0) {\n        <p>\n          <button\n            class=\"btn btn-primary\"\n            title=\"{{ 'Add configuration snapshot' | translate }}\"\n            type=\"button\"\n            (click)=\"add()\"\n          >\n            {{ 'Add configuration snapshot' | translate }}\n          </button>\n        </p>\n        <p c8y-guide-docs>\n          <small\n            translate\n            ngNonBindable\n          >\n            Find out more in the\n            <a\n              c8y-guide-href=\"/docs/device-management-application/managing-device-data/#managing-configurations\"\n            >\n              user documentation</a\n            >.\n          </small>\n        </p>\n      }\n    </c8y-ui-empty-state>\n  </c8y-data-grid>\n</div>\n", dependencies: [{ kind: "component", type: TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "component", type: BreadcrumbComponent, selector: "c8y-breadcrumb" }, { kind: "component", type: BreadcrumbItemComponent, selector: "c8y-breadcrumb-item", inputs: ["icon", "translate", "label", "path", "injector"] }, { kind: "component", type: ActionBarItemComponent, selector: "c8y-action-bar-item", inputs: ["placement", "priority", "itemClass", "injector", "groupId", "inGroupPriority"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: HelpComponent, selector: "c8y-help", inputs: ["src", "isCollapsed", "priority", "icon"] }, { kind: "component", type: DataGridComponent, selector: "c8y-data-grid", inputs: ["title", "loadMoreItemsLabel", "loadingItemsLabel", "showSearch", "refresh", "loading", "columns", "rows", "pagination", "childNodePagination", "infiniteScroll", "serverSideDataCallback", "selectable", "singleSelection", "selectionPrimaryKey", "displayOptions", "actionControls", "bulkActionControls", "headerActionControls", "searchText", "configureColumnsEnabled", "showCounterWarning", "activeClassName", "expandableRows", "treeGrid", "hideReload", "childNodesProperty", "parentNodeLabelProperty"], outputs: ["rowMouseOver", "rowMouseLeave", "rowClick", "onConfigChange", "onBeforeFilter", "onBeforeSearch", "onFilter", "itemsSelect", "onReload", "onAddCustomColumn", "onRemoveCustomColumn", "onColumnFilterReset", "onSort", "onPageSizeChange", "onColumnReordered", "onColumnVisibilityChange"] }, { kind: "directive", type: EmptyStateContextDirective, selector: "[emptyStateContext]" }, { kind: "component", type: EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "component", type: GuideDocsComponent, selector: "[c8y-guide-docs]" }, { kind: "directive", type: GuideHrefDirective, selector: "[c8y-guide-href]", inputs: ["c8y-guide-href"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: ConfigurationListComponent, isStandalone: true, selector: "c8y-configuration-list", ngImport: i0, template: "<c8y-title>\n  <span\n    class=\"m-r-4\"\n    translate\n  >\n    Configuration repository\n  </span>\n  <small>\n    {{ size$ | async }}\n    <span translate>snapshots</span>\n  </small>\n</c8y-title>\n\n<c8y-breadcrumb>\n  <c8y-breadcrumb-item\n    icon=\"c8y-management\"\n    label=\"{{ 'Management' | translate }}\"\n  ></c8y-breadcrumb-item>\n  <c8y-breadcrumb-item\n    icon=\"gears\"\n    label=\"{{ 'Configuration repository' | translate }}\"\n  ></c8y-breadcrumb-item>\n</c8y-breadcrumb>\n\n<c8y-action-bar-item [placement]=\"'right'\">\n  <button\n    class=\"btn btn-link\"\n    title=\"{{ 'Add configuration snapshot' | translate }}\"\n    type=\"button\"\n    (click)=\"add()\"\n  >\n    <i c8yIcon=\"plus-circle\"></i>\n    {{ 'Add configuration snapshot' | translate }}\n  </button>\n</c8y-action-bar-item>\n\n<c8y-help\n  src=\"/docs/device-management-application/managing-device-data/#managing-configurations\"\n></c8y-help>\n\n<div class=\"content-fullpage border-top border-bottom\">\n  <c8y-data-grid\n    [title]=\"'Configurations' | translate\"\n    [refresh]=\"refresh$\"\n    [pagination]=\"pagination\"\n    [columns]=\"columns\"\n    [actionControls]=\"actionControls\"\n    [infiniteScroll]=\"'auto'\"\n    [serverSideDataCallback]=\"serverSideDataCallback\"\n  >\n    <c8y-ui-empty-state\n      [icon]=\"stats?.size > 0 ? 'search' : 'gears'\"\n      [title]=\"stats?.size > 0 ? (noResultsMessage | translate) : (noDataMessage | translate)\"\n      [subtitle]=\"stats?.size > 0 ? (noResultsSubtitle | translate) : (noDataSubtitle | translate)\"\n      *emptyStateContext=\"let stats\"\n      [horizontal]=\"stats?.size > 0\"\n    >\n      @if (stats?.size === 0) {\n        <p>\n          <button\n            class=\"btn btn-primary\"\n            title=\"{{ 'Add configuration snapshot' | translate }}\"\n            type=\"button\"\n            (click)=\"add()\"\n          >\n            {{ 'Add configuration snapshot' | translate }}\n          </button>\n        </p>\n        <p c8y-guide-docs>\n          <small\n            translate\n            ngNonBindable\n          >\n            Find out more in the\n            <a\n              c8y-guide-href=\"/docs/device-management-application/managing-device-data/#managing-configurations\"\n            >\n              user documentation</a\n            >.\n          </small>\n        </p>\n      }\n    </c8y-ui-empty-state>\n  </c8y-data-grid>\n</div>\n", dependencies: [{ kind: "component", type: TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "component", type: BreadcrumbComponent, selector: "c8y-breadcrumb" }, { kind: "component", type: BreadcrumbItemComponent, selector: "c8y-breadcrumb-item", inputs: ["icon", "translate", "label", "path", "injector"] }, { kind: "component", type: ActionBarItemComponent, selector: "c8y-action-bar-item", inputs: ["placement", "priority", "itemClass", "injector", "groupId", "inGroupPriority"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: HelpComponent, selector: "c8y-help", inputs: ["src", "isCollapsed", "priority", "icon"] }, { kind: "component", type: DataGridComponent, selector: "c8y-data-grid", inputs: ["title", "loadMoreItemsLabel", "loadingItemsLabel", "showSearch", "refresh", "loading", "columns", "rows", "pagination", "childNodePagination", "infiniteScroll", "serverSideDataCallback", "selectable", "singleSelection", "selectionPrimaryKey", "displayOptions", "actionControls", "bulkActionControls", "headerActionControls", "searchText", "configureColumnsEnabled", "showCounterWarning", "activeClassName", "expandableRows", "treeGrid", "hideReload", "childNodesProperty", "parentNodeLabelProperty"], outputs: ["rowMouseOver", "rowMouseLeave", "rowClick", "onConfigChange", "onBeforeFilter", "onBeforeSearch", "onFilter", "itemsSelect", "onReload", "onAddCustomColumn", "onRemoveCustomColumn", "onColumnFilterReset", "onSort", "onPageSizeChange", "onColumnReordered", "onColumnVisibilityChange"] }, { kind: "directive", type: EmptyStateContextDirective, selector: "[emptyStateContext]" }, { kind: "component", type: EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "component", type: GuideDocsComponent, selector: "[c8y-guide-docs]" }, { kind: "directive", type: GuideHrefDirective, selector: "[c8y-guide-href]", inputs: ["c8y-guide-href"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-configuration-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         TitleComponent,
@@ -1285,10 +1285,10 @@ class ConfigurationRepositoryNavigationFactory {
     get() {
         return this.node;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationRepositoryNavigationFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationRepositoryNavigationFactory }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationRepositoryNavigationFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationRepositoryNavigationFactory }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationRepositoryNavigationFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationRepositoryNavigationFactory, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -1305,11 +1305,11 @@ class ConfigurationRepositoryListModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationRepositoryListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationRepositoryListModule, imports: [SharedRepositoryModule, ConfigurationListComponent, ConfigurationDetailComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationRepositoryListModule, imports: [SharedRepositoryModule, ConfigurationListComponent, ConfigurationDetailComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationRepositoryListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationRepositoryListModule, imports: [SharedRepositoryModule, ConfigurationListComponent, ConfigurationDetailComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationRepositoryListModule, imports: [SharedRepositoryModule, ConfigurationListComponent, ConfigurationDetailComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationRepositoryListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationRepositoryListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [SharedRepositoryModule, ConfigurationListComponent, ConfigurationDetailComponent]
@@ -1317,15 +1317,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
         }] });
 
 class ConfigurationRepositoryModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationRepositoryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationRepositoryModule, imports: [CoreModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationRepositoryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationRepositoryModule, imports: [CoreModule,
             FormsModule$1, ConfigurationRepositoryListModule, ConfigurationRepositoryDeviceTabModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationRepositoryModule, imports: [CoreModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationRepositoryModule, imports: [CoreModule,
             FormsModule$1,
             ConfigurationRepositoryListModule.forRoot(),
             ConfigurationRepositoryDeviceTabModule.forRoot()] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConfigurationRepositoryModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ConfigurationRepositoryModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [