@c8y/ngx-components 1021.38.0 → 1021.49.1

package/fesm2022/c8y-ngx-components-remote-access-passthrough.mjs

@@ -0,0 +1,42 @@
+import * as i0 from '@angular/core';
+import { Injectable } from '@angular/core';
+import { gettext, hookService } from '@c8y/ngx-components';
+import * as i1 from '@c8y/ngx-components/remote-access/data';
+
+class PassthroughRemoteAccessProtocolProviderService {
+    constructor(remoteAccess) {
+        this.remoteAccess = remoteAccess;
+        this.protocolName = 'PASSTHROUGH';
+        this.protocolLabel = gettext('Passthrough');
+        this.protocolDescription = gettext('Allows to passthrough a TCP connction.');
+        this.protocolIcon = 'globe';
+    }
+    removeEndpoint(deviceId, currentEndpointConfig) {
+        return this.remoteAccess.deleteConfiguration(deviceId, currentEndpointConfig.id);
+    }
+    async connectEndpointHref(_deviceId, _configuration) {
+        return null;
+    }
+    async getDefaultEndpointConfiguration() {
+        return {
+            hostname: '127.0.0.1',
+            port: 22
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: PassthroughRemoteAccessProtocolProviderService, deps: [{ token: i1.RemoteAccessService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: PassthroughRemoteAccessProtocolProviderService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: PassthroughRemoteAccessProtocolProviderService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1.RemoteAccessService }] });
+const remoteAccessPassthroughProviders = [
+    hookService('remoteAccessProtocolHook', PassthroughRemoteAccessProtocolProviderService)
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PassthroughRemoteAccessProtocolProviderService, remoteAccessPassthroughProviders };
+//# sourceMappingURL=c8y-ngx-components-remote-access-passthrough.mjs.map

package/fesm2022/c8y-ngx-components-remote-access-passthrough.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"c8y-ngx-components-remote-access-passthrough.mjs","sources":["../../remote-access/passthrough/index.ts","../../remote-access/passthrough/c8y-ngx-components-remote-access-passthrough.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { gettext, hookService } from '@c8y/ngx-components';\nimport {\n  RemoteAccessConfiguration,\n  RemoteAccessProtocolProvider,\n  RemoteAccessService\n} from '@c8y/ngx-components/remote-access/data';\n\n@Injectable({ providedIn: 'root' })\nexport class PassthroughRemoteAccessProtocolProviderService\n  implements RemoteAccessProtocolProvider\n{\n  protocolName = 'PASSTHROUGH';\n  protocolLabel = gettext('Passthrough');\n  protocolDescription = gettext('Allows to passthrough a TCP connction.');\n  protocolIcon = 'globe' as const;\n\n  constructor(private remoteAccess: RemoteAccessService) {}\n\n  removeEndpoint(\n    deviceId: string,\n    currentEndpointConfig: RemoteAccessConfiguration\n  ): Promise<void> {\n    return this.remoteAccess.deleteConfiguration(deviceId, currentEndpointConfig.id);\n  }\n\n  async connectEndpointHref(\n    _deviceId: string,\n    _configuration: RemoteAccessConfiguration\n  ): Promise<string | null> {\n    return null;\n  }\n\n  async getDefaultEndpointConfiguration(): Promise<Partial<RemoteAccessConfiguration>> {\n    return {\n      hostname: '127.0.0.1',\n      port: 22\n    };\n  }\n}\n\nexport const remoteAccessPassthroughProviders = [\n  hookService('remoteAccessProtocolHook', PassthroughRemoteAccessProtocolProviderService)\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MASa,8CAA8C,CAAA;AAQzD,IAAA,WAAA,CAAoB,YAAiC,EAAA;QAAjC,IAAY,CAAA,YAAA,GAAZ,YAAY,CAAqB;QALrD,IAAY,CAAA,YAAA,GAAG,aAAa,CAAC;AAC7B,QAAA,IAAA,CAAA,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;AACvC,QAAA,IAAA,CAAA,mBAAmB,GAAG,OAAO,CAAC,wCAAwC,CAAC,CAAC;QACxE,IAAY,CAAA,YAAA,GAAG,OAAgB,CAAC;KAEyB;IAEzD,cAAc,CACZ,QAAgB,EAChB,qBAAgD,EAAA;AAEhD,QAAA,OAAO,IAAI,CAAC,YAAY,CAAC,mBAAmB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,EAAE,CAAC,CAAC;KAClF;AAED,IAAA,MAAM,mBAAmB,CACvB,SAAiB,EACjB,cAAyC,EAAA;AAEzC,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,MAAM,+BAA+B,GAAA;QACnC,OAAO;AACL,YAAA,QAAQ,EAAE,WAAW;AACrB,YAAA,IAAI,EAAE,EAAE;SACT,CAAC;KACH;8GA7BU,8CAA8C,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAA9C,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,8CAA8C,cADjC,MAAM,EAAA,CAAA,CAAA,EAAA;;2FACnB,8CAA8C,EAAA,UAAA,EAAA,CAAA;kBAD1D,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAA;;AAiCrB,MAAA,gCAAgC,GAAG;AAC9C,IAAA,WAAW,CAAC,0BAA0B,EAAE,8CAA8C,CAAC;;;AC1CzF;;AAEG;;;;"}

package/fesm2022/c8y-ngx-components-remote-access-shared.mjs

@@ -0,0 +1,138 @@
+import * as i0 from '@angular/core';
+import { Component, forwardRef, Input } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { Validators, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import * as i2 from '@c8y/ngx-components';
+import { gettext, CoreModule, C8yTranslatePipe, DropAreaComponent } from '@c8y/ngx-components';
+import { NgIf } from '@angular/common';
+
+class RemoteAccessBasicEndpointModalComponent {
+    constructor(formBuilder) {
+        this.formBuilder = formBuilder;
+        this.title = gettext('Remote access endpoint');
+        this.result = new Promise((resolve, reject) => {
+            this._resolve = resolve;
+            this._reject = reject;
+        });
+        this.form = this.initForm();
+    }
+    ngOnInit() {
+        if (this.currentValue) {
+            const { credentials, ...rest } = this.currentValue;
+            const credentialsType = credentials?.type || 'NONE';
+            const patchedValue = { ...rest, credentialsType };
+            this.form.patchValue(patchedValue);
+        }
+    }
+    initForm() {
+        return this.formBuilder.group({
+            id: ['', []],
+            name: ['', [Validators.required, Validators.minLength(1)]],
+            hostname: ['', [Validators.required, Validators.minLength(1)]],
+            port: [undefined, [Validators.required, Validators.min(1), Validators.max(65535)]],
+            protocol: ['', [Validators.required, Validators.minLength(1)]],
+            credentialsType: ['NONE', [Validators.required]],
+            attrs: [undefined]
+        });
+    }
+    cancel() {
+        this._reject();
+    }
+    save() {
+        this._resolve(this.form.value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: RemoteAccessBasicEndpointModalComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: RemoteAccessBasicEndpointModalComponent, isStandalone: true, selector: "c8y-remote-access-basic-endpoint-modal", ngImport: i0, template: "<c8y-modal\n  [title]=\"title\"\n  [headerClasses]=\"'dialog-header'\"\n  (onDismiss)=\"cancel()\"\n  (onClose)=\"save()\"\n  [disabled]=\"form.invalid\"\n  [labels]=\"{ cancel: 'Cancel', ok: 'Save' }\"\n>\n  <ng-container c8y-modal-title>\n    <span [c8yIcon]=\"'laptop'\"></span>\n  </ng-container>\n  <div\n    class=\"p-24\"\n    [formGroup]=\"form\"\n  >\n    <c8y-form-group>\n      <label\n        for=\"name\"\n        translate\n      >\n        Name\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"name\"\n        [placeholder]=\"'e.g. {{ example }}' | translate : { example: 'My remote access endpoint' }\"\n        name=\"name\"\n        type=\"text\"\n        formControlName=\"name\"\n        [attr.data-cy]=\"'remoteAccessEndpointModal--name'\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n\n    <c8y-form-group>\n      <label\n        for=\"protocol\"\n        translate\n      >\n        Protocol\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"protocol\"\n        readonly\n        name=\"protocol\"\n        type=\"text\"\n        formControlName=\"protocol\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n\n    <c8y-form-group>\n      <label\n        for=\"hostname\"\n        translate\n      >\n        Host\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"hostname\"\n        placeholder=\"{{'e.g. {{ example }}' | translate : { example: '127.0.0.1' } }}\"\n        name=\"hostname\"\n        type=\"text\"\n        formControlName=\"hostname\"\n        [attr.data-cy]=\"'remoteAccessEndpointModal--hostname'\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n\n    <c8y-form-group>\n      <label\n        for=\"port\"\n        translate\n      >\n        Port\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"port\"\n        placeholder=\"{{'e.g. {{ example }}' | translate : { example: '8080' } }}\"\n        name=\"port\"\n        type=\"number\"\n        formControlName=\"port\"\n        [attr.data-cy]=\"'remoteAccessEndpointModal--port'\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n  </div>\n</c8y-modal>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i2.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "pipe", type: i2.C8yTranslatePipe, name: "translate" }, { kind: "directive", type: i2.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "component", type: i2.ModalComponent, selector: "c8y-modal", inputs: ["disabled", "close", "dismiss", "title", "body", "customFooter", "headerClasses", "labels"], outputs: ["onDismiss", "onClose"] }, { kind: "directive", type: i1.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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i2.FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "component", type: i2.MessagesComponent, selector: "c8y-messages", inputs: ["show", "defaults", "helpMessage"] }, { kind: "directive", type: i2.RequiredInputPlaceholderDirective, selector: "input[required], input[formControlName]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: RemoteAccessBasicEndpointModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-remote-access-basic-endpoint-modal', standalone: true, imports: [CoreModule], template: "<c8y-modal\n  [title]=\"title\"\n  [headerClasses]=\"'dialog-header'\"\n  (onDismiss)=\"cancel()\"\n  (onClose)=\"save()\"\n  [disabled]=\"form.invalid\"\n  [labels]=\"{ cancel: 'Cancel', ok: 'Save' }\"\n>\n  <ng-container c8y-modal-title>\n    <span [c8yIcon]=\"'laptop'\"></span>\n  </ng-container>\n  <div\n    class=\"p-24\"\n    [formGroup]=\"form\"\n  >\n    <c8y-form-group>\n      <label\n        for=\"name\"\n        translate\n      >\n        Name\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"name\"\n        [placeholder]=\"'e.g. {{ example }}' | translate : { example: 'My remote access endpoint' }\"\n        name=\"name\"\n        type=\"text\"\n        formControlName=\"name\"\n        [attr.data-cy]=\"'remoteAccessEndpointModal--name'\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n\n    <c8y-form-group>\n      <label\n        for=\"protocol\"\n        translate\n      >\n        Protocol\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"protocol\"\n        readonly\n        name=\"protocol\"\n        type=\"text\"\n        formControlName=\"protocol\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n\n    <c8y-form-group>\n      <label\n        for=\"hostname\"\n        translate\n      >\n        Host\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"hostname\"\n        placeholder=\"{{'e.g. {{ example }}' | translate : { example: '127.0.0.1' } }}\"\n        name=\"hostname\"\n        type=\"text\"\n        formControlName=\"hostname\"\n        [attr.data-cy]=\"'remoteAccessEndpointModal--hostname'\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n\n    <c8y-form-group>\n      <label\n        for=\"port\"\n        translate\n      >\n        Port\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"port\"\n        placeholder=\"{{'e.g. {{ example }}' | translate : { example: '8080' } }}\"\n        name=\"port\"\n        type=\"number\"\n        formControlName=\"port\"\n        [attr.data-cy]=\"'remoteAccessEndpointModal--port'\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n  </div>\n</c8y-modal>\n" }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }] });
+
+const types = [
+    {
+        name: 'PRIVATE',
+        value: 'private',
+        placeholder: '-----BEGIN RSA PRIVATE KEY----- MIIEpAIBAAK...VQvopm2xw==----- END RSA PRIVATE KEY-----'
+    },
+    {
+        name: 'PUBLIC',
+        value: 'public',
+        placeholder: 'ssh-rsa AAAAB3NzaC...1kc3MAAACB== user@example.com'
+    },
+    {
+        name: 'CERTIFICATE',
+        value: 'certificate',
+        placeholder: 'ssh-rsa-cert-v01@openssh.com AAAAHHNz...Y9gBU= user@example.com'
+    }
+];
+class SshKeyInputComponent {
+    constructor() {
+        this.keyType = types[0].value;
+        this.readonly = false;
+        this.value = '';
+    }
+    writeValue(obj) {
+        this.value = obj;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.readonly = isDisabled;
+    }
+    ngOnChanges(changes) {
+        if (changes.keyType) {
+            this.reassignPlaceholder();
+        }
+    }
+    ngOnInit() {
+        this.reassignPlaceholder();
+    }
+    async onKeyFileSelected(event) {
+        const file = event[0];
+        const content = await file.readAsText();
+        this.newValue(content);
+    }
+    newValue(value) {
+        this.value = value;
+        this.onChange(value);
+        this.onTouch();
+    }
+    reassignPlaceholder() {
+        const type = types.find(t => t.value === this.keyType);
+        if (type) {
+            this.placeholder = type.placeholder;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SshKeyInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: SshKeyInputComponent, isStandalone: true, selector: "c8y-ssh-key-input", inputs: { keyType: "keyType" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SshKeyInputComponent),
+                multi: true
+            }
+        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <div class=\"tight-grid\">\n    <div class=\"col-xs-8\">\n      <input\n        [placeholder]=\"'e.g. {{ example }}' | translate : { example: placeholder }\"\n        type=\"text\"\n        class=\"form-control\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"newValue($event)\"\n        [readonly]=\"readonly\"\n        [ngModelOptions]=\"{standalone: true}\"\n      />\n    </div>\n    <div class=\"col-xs-4\" *ngIf=\"!readonly\">\n      <c8y-drop-area class=\"drop-area-sm\" (dropped)=\"onKeyFileSelected($event)\" [maxAllowedFiles]=\"1\" [icon]=\"'upload'\"></c8y-drop-area>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DropAreaComponent, selector: "c8y-drop-area", inputs: ["formControl", "title", "message", "icon", "loadingMessage", "forceHideList", "alwaysShow", "clickToOpen", "loading", "progress", "maxAllowedFiles", "files", "maxFileSizeInMegaBytes", "accept"], outputs: ["dropped"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SshKeyInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-ssh-key-input', standalone: true, imports: [C8yTranslatePipe, NgIf, DropAreaComponent, FormsModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SshKeyInputComponent),
+                            multi: true
+                        }
+                    ], template: "<div class=\"form-group\">\n  <div class=\"tight-grid\">\n    <div class=\"col-xs-8\">\n      <input\n        [placeholder]=\"'e.g. {{ example }}' | translate : { example: placeholder }\"\n        type=\"text\"\n        class=\"form-control\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"newValue($event)\"\n        [readonly]=\"readonly\"\n        [ngModelOptions]=\"{standalone: true}\"\n      />\n    </div>\n    <div class=\"col-xs-4\" *ngIf=\"!readonly\">\n      <c8y-drop-area class=\"drop-area-sm\" (dropped)=\"onKeyFileSelected($event)\" [maxAllowedFiles]=\"1\" [icon]=\"'upload'\"></c8y-drop-area>\n    </div>\n  </div>\n</div>\n" }]
+        }], propDecorators: { keyType: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RemoteAccessBasicEndpointModalComponent, SshKeyInputComponent };
+//# sourceMappingURL=c8y-ngx-components-remote-access-shared.mjs.map

package/fesm2022/c8y-ngx-components-remote-access-shared.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"c8y-ngx-components-remote-access-shared.mjs","sources":["../../remote-access/shared/remote-access-basic-endpoint-modal/remote-access-basic-endpoint-modal.component.ts","../../remote-access/shared/remote-access-basic-endpoint-modal/remote-access-basic-endpoint-modal.component.html","../../remote-access/shared/ssh-key-input/ssh-key-input.component.ts","../../remote-access/shared/ssh-key-input/ssh-key-input.component.html","../../remote-access/shared/c8y-ngx-components-remote-access-shared.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, Validators } from '@angular/forms';\nimport { CoreModule, gettext } from '@c8y/ngx-components';\nimport { RemoteAccessConfiguration } from '@c8y/ngx-components/remote-access/data';\n\n@Component({\n  selector: 'c8y-remote-access-basic-endpoint-modal',\n  templateUrl: './remote-access-basic-endpoint-modal.component.html',\n  standalone: true,\n  imports: [CoreModule]\n})\nexport class RemoteAccessBasicEndpointModalComponent implements OnInit {\n  title = gettext('Remote access endpoint');\n  form: ReturnType<typeof this.initForm>;\n\n  currentValue: Partial<RemoteAccessConfiguration>;\n\n  result = new Promise<ReturnType<typeof this.initForm>['value']>((resolve, reject) => {\n    this._resolve = resolve;\n    this._reject = reject;\n  });\n\n  private _resolve: (value: ReturnType<typeof this.initForm>['value']) => void;\n  private _reject: (reason?: any) => void;\n\n  constructor(private formBuilder: FormBuilder) {\n    this.form = this.initForm();\n  }\n\n  ngOnInit() {\n    if (this.currentValue) {\n      const { credentials, ...rest } = this.currentValue;\n      const credentialsType = credentials?.type || 'NONE';\n      const patchedValue = { ...rest, credentialsType };\n      this.form.patchValue(patchedValue);\n    }\n  }\n\n  initForm() {\n    return this.formBuilder.group({\n      id: ['', []],\n      name: ['', [Validators.required, Validators.minLength(1)]],\n      hostname: ['', [Validators.required, Validators.minLength(1)]],\n      port: [undefined as number, [Validators.required, Validators.min(1), Validators.max(65535)]],\n      protocol: ['', [Validators.required, Validators.minLength(1)]],\n      credentialsType: ['NONE' as 'NONE' | 'PASS_ONLY', [Validators.required]],\n      attrs: [undefined]\n    });\n  }\n\n  cancel() {\n    this._reject();\n  }\n\n  save() {\n    this._resolve(this.form.value);\n  }\n}\n","<c8y-modal\n  [title]=\"title\"\n  [headerClasses]=\"'dialog-header'\"\n  (onDismiss)=\"cancel()\"\n  (onClose)=\"save()\"\n  [disabled]=\"form.invalid\"\n  [labels]=\"{ cancel: 'Cancel', ok: 'Save' }\"\n>\n  <ng-container c8y-modal-title>\n    <span [c8yIcon]=\"'laptop'\"></span>\n  </ng-container>\n  <div\n    class=\"p-24\"\n    [formGroup]=\"form\"\n  >\n    <c8y-form-group>\n      <label\n        for=\"name\"\n        translate\n      >\n        Name\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"name\"\n        [placeholder]=\"'e.g. {{ example }}' | translate : { example: 'My remote access endpoint' }\"\n        name=\"name\"\n        type=\"text\"\n        formControlName=\"name\"\n        [attr.data-cy]=\"'remoteAccessEndpointModal--name'\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n\n    <c8y-form-group>\n      <label\n        for=\"protocol\"\n        translate\n      >\n        Protocol\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"protocol\"\n        readonly\n        name=\"protocol\"\n        type=\"text\"\n        formControlName=\"protocol\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n\n    <c8y-form-group>\n      <label\n        for=\"hostname\"\n        translate\n      >\n        Host\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"hostname\"\n        placeholder=\"{{'e.g. {{ example }}' | translate : { example: '127.0.0.1' } }}\"\n        name=\"hostname\"\n        type=\"text\"\n        formControlName=\"hostname\"\n        [attr.data-cy]=\"'remoteAccessEndpointModal--hostname'\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n\n    <c8y-form-group>\n      <label\n        for=\"port\"\n        translate\n      >\n        Port\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"port\"\n        placeholder=\"{{'e.g. {{ example }}' | translate : { example: '8080' } }}\"\n        name=\"port\"\n        type=\"number\"\n        formControlName=\"port\"\n        [attr.data-cy]=\"'remoteAccessEndpointModal--port'\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n  </div>\n</c8y-modal>\n","import { NgIf } from '@angular/common';\nimport { Component, forwardRef, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { C8yTranslatePipe, DropAreaComponent, DroppedFile } from '@c8y/ngx-components';\n\nconst types = [\n  {\n    name: 'PRIVATE',\n    value: 'private',\n    placeholder:\n      '-----BEGIN RSA PRIVATE KEY----- MIIEpAIBAAK...VQvopm2xw==----- END RSA PRIVATE KEY-----'\n  },\n  {\n    name: 'PUBLIC',\n    value: 'public',\n    placeholder: 'ssh-rsa AAAAB3NzaC...1kc3MAAACB== user@example.com'\n  },\n  {\n    name: 'CERTIFICATE',\n    value: 'certificate',\n    placeholder: 'ssh-rsa-cert-v01@openssh.com AAAAHHNz...Y9gBU= user@example.com'\n  }\n] as const;\n\n@Component({\n  selector: 'c8y-ssh-key-input',\n  templateUrl: './ssh-key-input.component.html',\n  standalone: true,\n  imports: [C8yTranslatePipe, NgIf, DropAreaComponent, FormsModule],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => SshKeyInputComponent),\n      multi: true\n    }\n  ]\n})\nexport class SshKeyInputComponent implements OnInit, OnChanges, ControlValueAccessor {\n  @Input() keyType: (typeof types)[number]['value'] = types[0].value;\n  readonly = false;\n\n  placeholder: string;\n\n  value = '';\n\n  onChange: (value: string) => void;\n  onTouch: () => void;\n\n  writeValue(obj: string): void {\n    this.value = obj;\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouch = fn;\n  }\n\n  setDisabledState?(isDisabled: boolean): void {\n    this.readonly = isDisabled;\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.keyType) {\n      this.reassignPlaceholder();\n    }\n  }\n\n  ngOnInit() {\n    this.reassignPlaceholder();\n  }\n\n  async onKeyFileSelected(event: DroppedFile[]) {\n    const file = event[0];\n    const content = await file.readAsText();\n    this.newValue(content);\n  }\n\n  newValue(value: string) {\n    this.value = value;\n    this.onChange(value);\n    this.onTouch();\n  }\n\n  private reassignPlaceholder() {\n    const type = types.find(t => t.value === this.keyType);\n    if (type) {\n      this.placeholder = type.placeholder;\n    }\n  }\n}\n","<div class=\"form-group\">\n  <div class=\"tight-grid\">\n    <div class=\"col-xs-8\">\n      <input\n        [placeholder]=\"'e.g. {{ example }}' | translate : { example: placeholder }\"\n        type=\"text\"\n        class=\"form-control\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"newValue($event)\"\n        [readonly]=\"readonly\"\n        [ngModelOptions]=\"{standalone: true}\"\n      />\n    </div>\n    <div class=\"col-xs-4\" *ngIf=\"!readonly\">\n      <c8y-drop-area class=\"drop-area-sm\" (dropped)=\"onKeyFileSelected($event)\" [maxAllowedFiles]=\"1\" [icon]=\"'upload'\"></c8y-drop-area>\n    </div>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/c8y-ngx-components-remote-access-ssh-remote-access-ssh-endpoint-modal.mjs

@@ -0,0 +1,111 @@
+import * as i4 from '@angular/common';
+import { NgForOf, NgClass } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { Validators } from '@angular/forms';
+import * as i3 from '@c8y/ngx-components';
+import { CoreModule } from '@c8y/ngx-components';
+import { gettext } from '@c8y/ngx-components/gettext';
+import * as i2 from '@c8y/ngx-components/remote-access/data';
+import { CREDENTIALS_TYPES } from '@c8y/ngx-components/remote-access/data';
+import { SshKeyInputComponent } from '@c8y/ngx-components/remote-access/shared';
+import * as i5 from 'ngx-bootstrap/popover';
+import { PopoverModule } from 'ngx-bootstrap/popover';
+import { saveAs } from 'file-saver';
+
+class RemoteAccessSshEndpointModalComponent {
+    constructor(formBuilder, remoteAccess) {
+        this.formBuilder = formBuilder;
+        this.remoteAccess = remoteAccess;
+        this.credentialTypes = [
+            CREDENTIALS_TYPES.USER_PASS,
+            CREDENTIALS_TYPES.CERTIFICATE,
+            CREDENTIALS_TYPES.KEY_PAIR
+        ];
+        this.title = gettext('Remote access endpoint');
+        this.generating = false;
+        this.result = new Promise((resolve, reject) => {
+            this._resolve = resolve;
+            this._reject = reject;
+        });
+        this.form = this.initForm();
+    }
+    ngOnInit() {
+        if (this.currentValue) {
+            const { credentials, ...rest } = this.currentValue;
+            const credentialsType = credentials?.type || CREDENTIALS_TYPES.USER_PASS.value;
+            const attributesToAdd = { credentialsType };
+            if (credentials) {
+                const { username, password, publicKey, privateKey, certificate, hostKey } = credentials;
+                Object.assign(attributesToAdd, {
+                    username,
+                    password,
+                    publicKey,
+                    privateKey,
+                    certificate,
+                    hostKey
+                });
+            }
+            const patchedValue = { ...rest, ...attributesToAdd };
+            this.form.patchValue(patchedValue);
+        }
+    }
+    initForm() {
+        return this.formBuilder.group({
+            id: ['', []],
+            name: ['', [Validators.required, Validators.minLength(1)]],
+            hostname: ['127.0.0.1', [Validators.required, Validators.minLength(1)]],
+            port: [22, [Validators.required, Validators.min(1), Validators.max(65535)]],
+            protocol: ['SSH', [Validators.required, Validators.minLength(1)]],
+            username: [undefined, [Validators.required, Validators.minLength(1)]],
+            password: [undefined, []],
+            credentialsType: [
+                CREDENTIALS_TYPES.USER_PASS.value,
+                [Validators.required]
+            ],
+            hostKey: [undefined, []],
+            publicKey: [undefined, []],
+            privateKey: [undefined, []],
+            certificate: [undefined, []]
+        });
+    }
+    downloadPublicKey() {
+        const publicKey = this.form.value.publicKey;
+        const blob = new Blob([publicKey], { type: 'text/plain' });
+        saveAs(blob, `key.pub`);
+    }
+    async generateKeys() {
+        this.generating = true;
+        try {
+            const pair = await this.remoteAccess.generateKeyPair(this.form.value.hostname || undefined);
+            this.form.patchValue({
+                publicKey: pair.publicKey,
+                privateKey: pair.privateKey
+            });
+        }
+        catch (e) {
+            console.log(e);
+        }
+        this.generating = false;
+    }
+    cancel() {
+        this._reject();
+    }
+    save() {
+        this._resolve(this.form.value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: RemoteAccessSshEndpointModalComponent, deps: [{ token: i1.FormBuilder }, { token: i2.RemoteAccessService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: RemoteAccessSshEndpointModalComponent, isStandalone: true, selector: "c8y-remote-access-ssh-endpoint-modal", ngImport: i0, template: "<ng-template #keyPairPopoverContent>\n  <small translate>Supported formats: OpenSSHv1, OpenSSHv2, PEM, SSH2.<br />Supported algorithms: RSA, DSA, ECDSA, ED25519.</small>\n</ng-template>\n\n<ng-template #certificatePopoverContent>\n  <small translate>Supported formats: OpenSSHv1, OpenSSHv2, PEM, SSH2.<br />Supported algorithms: RSA, DSA.</small>\n</ng-template>\n\n<c8y-modal\n  [title]=\"title\"\n  [headerClasses]=\"'dialog-header'\"\n  (onDismiss)=\"cancel()\"\n  (onClose)=\"save()\"\n  [disabled]=\"form.invalid\"\n  [labels]=\"{ cancel: 'Cancel', ok: 'Save' }\"\n>\n  <ng-container c8y-modal-title>\n    <span [c8yIcon]=\"'laptop'\"></span>\n  </ng-container>\n  <div\n    class=\"p-24\"\n    [formGroup]=\"form\"\n  >\n    <c8y-form-group>\n      <label\n        for=\"name\"\n        translate\n      >\n        Name\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"name\"\n        name=\"name\"\n        type=\"text\"\n        [placeholder]=\"'e.g. {{ example }}' | translate: { example: 'My remote access endpoint' }\"\n        formControlName=\"name\"\n        [attr.data-cy]=\"'remoteAccessEndpointModal--name'\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n\n    <c8y-form-group>\n      <label\n        for=\"protocol\"\n        translate\n      >\n        Protocol\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"protocol\"\n        name=\"protocol\"\n        type=\"text\"\n        readonly\n        formControlName=\"protocol\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n\n    <c8y-form-group>\n      <label\n        for=\"hostname\"\n        translate\n      >\n        Host\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"hostname\"\n        placeholder=\"{{'e.g. {{ example }}' | translate : { example: '127.0.0.1' } }}\"\n        name=\"hostname\"\n        type=\"text\"\n        formControlName=\"hostname\"\n        [attr.data-cy]=\"'remoteAccessEndpointModal--hostname'\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n\n    <c8y-form-group>\n      <label\n        for=\"port\"\n        translate\n      >\n        Port\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"port\"\n        placeholder=\"{{'e.g. {{ example }}' | translate : { example: '22' } }}\"\n        name=\"port\"\n        type=\"number\"\n        formControlName=\"port\"\n        [attr.data-cy]=\"'remoteAccessEndpointModal--port'\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n\n    <div>\n      <c8y-form-group>\n        <label\n          for=\"credentialsType\"\n          translate\n        >\n          Sign-in method\n        </label>\n        <div class=\"c8y-select-wrapper\">\n          <select\n            class=\"form-control\"\n            id=\"credentialsType\"\n            formControlName=\"credentialsType\"\n            [attr.data-cy]=\"'remoteAccessEndpointModal--credentials-type'\"\n          >\n            <option\n              *ngFor=\"let type of credentialTypes\"\n              [value]=\"type.value\"\n            >\n              {{ type.label | translate }}\n            </option>\n          </select>\n        </div>\n      </c8y-form-group>\n\n      <div\n        class=\"tight-grid\"\n      >\n        <div class=\"col-md-6\">\n          <c8y-form-group>\n            <label\n              for=\"username\"\n              translate\n            >\n              Username\n            </label>\n            <input\n              class=\"form-control\"\n              id=\"username\"\n              placeholder=\"{{'e.g. {{ example }}' | translate : { example: 'my_username' } }}\"\n              name=\"username\"\n              type=\"username\"\n              autocomplete=\"off\"\n              formControlName=\"username\"\n            />\n            <c8y-messages></c8y-messages>\n          </c8y-form-group>\n        </div>\n        <div class=\"col-md-6\" *ngIf=\"form.value.credentialsType === 'USER_PASS'\">\n          <c8y-form-group>\n            <label\n              for=\"password\"\n              translate\n            >\n              Password\n            </label>\n            <input\n              class=\"form-control\"\n              id=\"password\"\n              placeholder=\"{{'e.g. {{ example }}' | translate : { example: 'my_password' } }}\"\n              name=\"password\"\n              type=\"password\"\n              autocomplete=\"off\"\n              formControlName=\"password\"\n            />\n            <c8y-messages></c8y-messages>\n          </c8y-form-group>\n        </div>\n      </div>\n\n      <div *ngIf=\"form.value.credentialsType === 'KEY_PAIR'\">\n        <div class=\"form-group\" ng-if=\"!vm.keyPairAvailable() || vm.changingKeyPair\">\n          <button\n            class=\"btn btn-default p-l-16\"\n            type=\"button\"\n            [title]=\"'Generate public and private keys' | translate\"\n            [ngClass]=\"{ 'btn-pending': generating }\"\n            ng-disabled=\"vm.generating\"\n            (click)=\"generateKeys()\"\n            [attr.data-cy]=\"'remoteAccessEndpointModal--generate-keys'\"\n          >\n            <i [c8yIcon]=\"'key'\"></i>\n            {{ 'Generate public and private keys' | translate }}\n          </button>\n        </div>\n\n        <c8y-form-group>\n          <label for=\"privateKey\">\n            {{ 'Private key' | translate }}\n            <button\n              class=\"btn-help btn-help--sm\"\n              type=\"button\"\n              [attr.aria-label]=\"'Help' | translate\"\n              [popover]=\"keyPairPopoverContent\"\n              [container]=\"'body'\"\n              [placement]=\"'right'\"\n              [triggers]=\"'focus'\"\n            ></button>\n          </label>\n          <div>\n            <c8y-ssh-key-input\n              id=\"privateKey\"\n              formControlName=\"privateKey\"\n              [keyType]=\"'private'\"\n            ></c8y-ssh-key-input>\n          </div>\n        </c8y-form-group>\n\n        <c8y-form-group>\n          <label for=\"publicKey\">\n            {{ 'Public key' | translate }}\n            <button\n              class=\"btn-help btn-help--sm\"\n              type=\"button\"\n              [attr.aria-label]=\"'Help' | translate\"\n              [popover]=\"keyPairPopoverContent\"\n              [container]=\"'body'\"\n              [placement]=\"'right'\"\n              [triggers]=\"'focus'\"\n            ></button>\n            <button\n              class=\"m-l-16 btn-link interact\"\n              type=\"button\"\n              [title]=\"'Download key' | translate\"\n              (click)=\"downloadPublicKey()\"\n              *ngIf=\"form.value.publicKey\"\n            >\n              <i [c8yIcon]=\"'download'\"></i>\n              {{ 'Download key' | translate }}\n            </button>\n          </label>\n          <div>\n            <c8y-ssh-key-input\n              id=\"publicKey\"\n              formControlName=\"publicKey\"\n              [keyType]=\"'public'\"\n            ></c8y-ssh-key-input>\n          </div>\n        </c8y-form-group>\n\n      </div>\n\n      <div *ngIf=\"form.value.credentialsType === 'CERTIFICATE'\">\n        <c8y-form-group>\n          <label for=\"privateKey\">\n            {{ 'Private key' | translate }}\n            <button\n              class=\"btn-help btn-help--sm\"\n              type=\"button\"\n              [attr.aria-label]=\"'Help' | translate\"\n              [popover]=\"certificatePopoverContent\"\n              [container]=\"'body'\"\n              [placement]=\"'right'\"\n              [triggers]=\"'focus'\"\n            ></button>\n          </label>\n          <div>\n            <c8y-ssh-key-input\n              id=\"privateKey\"\n              formControlName=\"privateKey\"\n              [keyType]=\"'private'\"\n            ></c8y-ssh-key-input>\n          </div>\n        </c8y-form-group>\n\n        <c8y-form-group>\n          <label for=\"certificate\">\n            {{ 'Certificate' | translate }}\n            <button\n              class=\"btn-help btn-help--sm\"\n              type=\"button\"\n              [attr.aria-label]=\"'Help' | translate\"\n              [popover]=\"certificatePopoverContent\"\n              [container]=\"'body'\"\n              [placement]=\"'right'\"\n              [triggers]=\"'focus'\"\n            ></button>\n          </label>\n          <div>\n            <c8y-ssh-key-input\n              id=\"certificate\"\n              formControlName=\"certificate\"\n              [keyType]=\"'certificate'\"\n            ></c8y-ssh-key-input>\n          </div>\n        </c8y-form-group>\n\n      </div>\n\n      <div>\n        <c8y-form-group>\n          <label\n            for=\"hostKey\"\n          >\n            {{ 'Host key' | translate }}\n            <button\n              class=\"btn-help btn-help--sm\"\n              type=\"button\"\n              [attr.aria-label]=\"'Help' | translate\"\n              [popover]=\"keyPairPopoverContent\"\n              [container]=\"'body'\"\n              [placement]=\"'right'\"\n              [triggers]=\"'focus'\"\n            ></button>\n          </label>\n          <div>\n            <c8y-ssh-key-input\n              id=\"hostKey\"\n              formControlName=\"hostKey\"\n              [keyType]=\"'public'\"\n            ></c8y-ssh-key-input>\n          </div>\n          <c8y-messages></c8y-messages>\n        </c8y-form-group>\n      </div>\n    </div>\n  </div>\n</c8y-modal>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i3.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "pipe", type: i3.C8yTranslatePipe, name: "translate" }, { kind: "directive", type: i3.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ModalComponent, selector: "c8y-modal", inputs: ["disabled", "close", "dismiss", "title", "body", "customFooter", "headerClasses", "labels"], outputs: ["onDismiss", "onClose"] }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i3.FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "component", type: i3.MessagesComponent, selector: "c8y-messages", inputs: ["show", "defaults", "helpMessage"] }, { kind: "directive", type: i3.RequiredInputPlaceholderDirective, selector: "input[required], input[formControlName]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: SshKeyInputComponent, selector: "c8y-ssh-key-input", inputs: ["keyType"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i5.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: RemoteAccessSshEndpointModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-remote-access-ssh-endpoint-modal', standalone: true, imports: [CoreModule, NgForOf, NgClass, SshKeyInputComponent, PopoverModule], template: "<ng-template #keyPairPopoverContent>\n  <small translate>Supported formats: OpenSSHv1, OpenSSHv2, PEM, SSH2.<br />Supported algorithms: RSA, DSA, ECDSA, ED25519.</small>\n</ng-template>\n\n<ng-template #certificatePopoverContent>\n  <small translate>Supported formats: OpenSSHv1, OpenSSHv2, PEM, SSH2.<br />Supported algorithms: RSA, DSA.</small>\n</ng-template>\n\n<c8y-modal\n  [title]=\"title\"\n  [headerClasses]=\"'dialog-header'\"\n  (onDismiss)=\"cancel()\"\n  (onClose)=\"save()\"\n  [disabled]=\"form.invalid\"\n  [labels]=\"{ cancel: 'Cancel', ok: 'Save' }\"\n>\n  <ng-container c8y-modal-title>\n    <span [c8yIcon]=\"'laptop'\"></span>\n  </ng-container>\n  <div\n    class=\"p-24\"\n    [formGroup]=\"form\"\n  >\n    <c8y-form-group>\n      <label\n        for=\"name\"\n        translate\n      >\n        Name\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"name\"\n        name=\"name\"\n        type=\"text\"\n        [placeholder]=\"'e.g. {{ example }}' | translate: { example: 'My remote access endpoint' }\"\n        formControlName=\"name\"\n        [attr.data-cy]=\"'remoteAccessEndpointModal--name'\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n\n    <c8y-form-group>\n      <label\n        for=\"protocol\"\n        translate\n      >\n        Protocol\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"protocol\"\n        name=\"protocol\"\n        type=\"text\"\n        readonly\n        formControlName=\"protocol\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n\n    <c8y-form-group>\n      <label\n        for=\"hostname\"\n        translate\n      >\n        Host\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"hostname\"\n        placeholder=\"{{'e.g. {{ example }}' | translate : { example: '127.0.0.1' } }}\"\n        name=\"hostname\"\n        type=\"text\"\n        formControlName=\"hostname\"\n        [attr.data-cy]=\"'remoteAccessEndpointModal--hostname'\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n\n    <c8y-form-group>\n      <label\n        for=\"port\"\n        translate\n      >\n        Port\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"port\"\n        placeholder=\"{{'e.g. {{ example }}' | translate : { example: '22' } }}\"\n        name=\"port\"\n        type=\"number\"\n        formControlName=\"port\"\n        [attr.data-cy]=\"'remoteAccessEndpointModal--port'\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n\n    <div>\n      <c8y-form-group>\n        <label\n          for=\"credentialsType\"\n          translate\n        >\n          Sign-in method\n        </label>\n        <div class=\"c8y-select-wrapper\">\n          <select\n            class=\"form-control\"\n            id=\"credentialsType\"\n            formControlName=\"credentialsType\"\n            [attr.data-cy]=\"'remoteAccessEndpointModal--credentials-type'\"\n          >\n            <option\n              *ngFor=\"let type of credentialTypes\"\n              [value]=\"type.value\"\n            >\n              {{ type.label | translate }}\n            </option>\n          </select>\n        </div>\n      </c8y-form-group>\n\n      <div\n        class=\"tight-grid\"\n      >\n        <div class=\"col-md-6\">\n          <c8y-form-group>\n            <label\n              for=\"username\"\n              translate\n            >\n              Username\n            </label>\n            <input\n              class=\"form-control\"\n              id=\"username\"\n              placeholder=\"{{'e.g. {{ example }}' | translate : { example: 'my_username' } }}\"\n              name=\"username\"\n              type=\"username\"\n              autocomplete=\"off\"\n              formControlName=\"username\"\n            />\n            <c8y-messages></c8y-messages>\n          </c8y-form-group>\n        </div>\n        <div class=\"col-md-6\" *ngIf=\"form.value.credentialsType === 'USER_PASS'\">\n          <c8y-form-group>\n            <label\n              for=\"password\"\n              translate\n            >\n              Password\n            </label>\n            <input\n              class=\"form-control\"\n              id=\"password\"\n              placeholder=\"{{'e.g. {{ example }}' | translate : { example: 'my_password' } }}\"\n              name=\"password\"\n              type=\"password\"\n              autocomplete=\"off\"\n              formControlName=\"password\"\n            />\n            <c8y-messages></c8y-messages>\n          </c8y-form-group>\n        </div>\n      </div>\n\n      <div *ngIf=\"form.value.credentialsType === 'KEY_PAIR'\">\n        <div class=\"form-group\" ng-if=\"!vm.keyPairAvailable() || vm.changingKeyPair\">\n          <button\n            class=\"btn btn-default p-l-16\"\n            type=\"button\"\n            [title]=\"'Generate public and private keys' | translate\"\n            [ngClass]=\"{ 'btn-pending': generating }\"\n            ng-disabled=\"vm.generating\"\n            (click)=\"generateKeys()\"\n            [attr.data-cy]=\"'remoteAccessEndpointModal--generate-keys'\"\n          >\n            <i [c8yIcon]=\"'key'\"></i>\n            {{ 'Generate public and private keys' | translate }}\n          </button>\n        </div>\n\n        <c8y-form-group>\n          <label for=\"privateKey\">\n            {{ 'Private key' | translate }}\n            <button\n              class=\"btn-help btn-help--sm\"\n              type=\"button\"\n              [attr.aria-label]=\"'Help' | translate\"\n              [popover]=\"keyPairPopoverContent\"\n              [container]=\"'body'\"\n              [placement]=\"'right'\"\n              [triggers]=\"'focus'\"\n            ></button>\n          </label>\n          <div>\n            <c8y-ssh-key-input\n              id=\"privateKey\"\n              formControlName=\"privateKey\"\n              [keyType]=\"'private'\"\n            ></c8y-ssh-key-input>\n          </div>\n        </c8y-form-group>\n\n        <c8y-form-group>\n          <label for=\"publicKey\">\n            {{ 'Public key' | translate }}\n            <button\n              class=\"btn-help btn-help--sm\"\n              type=\"button\"\n              [attr.aria-label]=\"'Help' | translate\"\n              [popover]=\"keyPairPopoverContent\"\n              [container]=\"'body'\"\n              [placement]=\"'right'\"\n              [triggers]=\"'focus'\"\n            ></button>\n            <button\n              class=\"m-l-16 btn-link interact\"\n              type=\"button\"\n              [title]=\"'Download key' | translate\"\n              (click)=\"downloadPublicKey()\"\n              *ngIf=\"form.value.publicKey\"\n            >\n              <i [c8yIcon]=\"'download'\"></i>\n              {{ 'Download key' | translate }}\n            </button>\n          </label>\n          <div>\n            <c8y-ssh-key-input\n              id=\"publicKey\"\n              formControlName=\"publicKey\"\n              [keyType]=\"'public'\"\n            ></c8y-ssh-key-input>\n          </div>\n        </c8y-form-group>\n\n      </div>\n\n      <div *ngIf=\"form.value.credentialsType === 'CERTIFICATE'\">\n        <c8y-form-group>\n          <label for=\"privateKey\">\n            {{ 'Private key' | translate }}\n            <button\n              class=\"btn-help btn-help--sm\"\n              type=\"button\"\n              [attr.aria-label]=\"'Help' | translate\"\n              [popover]=\"certificatePopoverContent\"\n              [container]=\"'body'\"\n              [placement]=\"'right'\"\n              [triggers]=\"'focus'\"\n            ></button>\n          </label>\n          <div>\n            <c8y-ssh-key-input\n              id=\"privateKey\"\n              formControlName=\"privateKey\"\n              [keyType]=\"'private'\"\n            ></c8y-ssh-key-input>\n          </div>\n        </c8y-form-group>\n\n        <c8y-form-group>\n          <label for=\"certificate\">\n            {{ 'Certificate' | translate }}\n            <button\n              class=\"btn-help btn-help--sm\"\n              type=\"button\"\n              [attr.aria-label]=\"'Help' | translate\"\n              [popover]=\"certificatePopoverContent\"\n              [container]=\"'body'\"\n              [placement]=\"'right'\"\n              [triggers]=\"'focus'\"\n            ></button>\n          </label>\n          <div>\n            <c8y-ssh-key-input\n              id=\"certificate\"\n              formControlName=\"certificate\"\n              [keyType]=\"'certificate'\"\n            ></c8y-ssh-key-input>\n          </div>\n        </c8y-form-group>\n\n      </div>\n\n      <div>\n        <c8y-form-group>\n          <label\n            for=\"hostKey\"\n          >\n            {{ 'Host key' | translate }}\n            <button\n              class=\"btn-help btn-help--sm\"\n              type=\"button\"\n              [attr.aria-label]=\"'Help' | translate\"\n              [popover]=\"keyPairPopoverContent\"\n              [container]=\"'body'\"\n              [placement]=\"'right'\"\n              [triggers]=\"'focus'\"\n            ></button>\n          </label>\n          <div>\n            <c8y-ssh-key-input\n              id=\"hostKey\"\n              formControlName=\"hostKey\"\n              [keyType]=\"'public'\"\n            ></c8y-ssh-key-input>\n          </div>\n          <c8y-messages></c8y-messages>\n        </c8y-form-group>\n      </div>\n    </div>\n  </div>\n</c8y-modal>\n" }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.RemoteAccessService }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RemoteAccessSshEndpointModalComponent };
+//# sourceMappingURL=c8y-ngx-components-remote-access-ssh-remote-access-ssh-endpoint-modal.mjs.map

package/fesm2022/c8y-ngx-components-remote-access-ssh-remote-access-ssh-endpoint-modal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"c8y-ngx-components-remote-access-ssh-remote-access-ssh-endpoint-modal.mjs","sources":["../../remote-access/ssh/remote-access-ssh-endpoint-modal/remote-access-ssh-endpoint-modal.component.ts","../../remote-access/ssh/remote-access-ssh-endpoint-modal/remote-access-ssh-endpoint-modal.component.html","../../remote-access/ssh/remote-access-ssh-endpoint-modal/c8y-ngx-components-remote-access-ssh-remote-access-ssh-endpoint-modal.ts"],"sourcesContent":["import { NgClass, NgForOf } from '@angular/common';\nimport { Component, OnInit } from '@angular/core';\nimport { FormBuilder, Validators } from '@angular/forms';\nimport { CoreModule } from '@c8y/ngx-components';\nimport { gettext } from '@c8y/ngx-components/gettext';\nimport {\n  CREDENTIALS_TYPES,\n  RemoteAccessConfiguration,\n  RemoteAccessService\n} from '@c8y/ngx-components/remote-access/data';\nimport { SshKeyInputComponent } from '@c8y/ngx-components/remote-access/shared';\nimport { PopoverModule } from 'ngx-bootstrap/popover';\nimport { saveAs } from 'file-saver';\n\n@Component({\n  selector: 'c8y-remote-access-ssh-endpoint-modal',\n  templateUrl: './remote-access-ssh-endpoint-modal.component.html',\n  standalone: true,\n  imports: [CoreModule, NgForOf, NgClass, SshKeyInputComponent, PopoverModule]\n})\nexport class RemoteAccessSshEndpointModalComponent implements OnInit {\n  credentialTypes = [\n    CREDENTIALS_TYPES.USER_PASS,\n    CREDENTIALS_TYPES.CERTIFICATE,\n    CREDENTIALS_TYPES.KEY_PAIR\n  ];\n  title = gettext('Remote access endpoint');\n  form: ReturnType<typeof this.initForm>;\n  generating = false;\n\n  currentValue: Partial<RemoteAccessConfiguration>;\n\n  result = new Promise<ReturnType<typeof this.initForm>['value']>((resolve, reject) => {\n    this._resolve = resolve;\n    this._reject = reject;\n  });\n\n  private _resolve: (value: ReturnType<typeof this.initForm>['value']) => void;\n  private _reject: (reason?: any) => void;\n\n  constructor(\n    private formBuilder: FormBuilder,\n    private remoteAccess: RemoteAccessService\n  ) {\n    this.form = this.initForm();\n  }\n\n  ngOnInit() {\n    if (this.currentValue) {\n      const { credentials, ...rest } = this.currentValue;\n      const credentialsType = credentials?.type || CREDENTIALS_TYPES.USER_PASS.value;\n      const attributesToAdd = { credentialsType };\n      if (credentials) {\n        const { username, password, publicKey, privateKey, certificate, hostKey } = credentials;\n        Object.assign(attributesToAdd, {\n          username,\n          password,\n          publicKey,\n          privateKey,\n          certificate,\n          hostKey\n        });\n      }\n      const patchedValue = { ...rest, ...attributesToAdd };\n      this.form.patchValue(patchedValue);\n    }\n  }\n\n  initForm() {\n    return this.formBuilder.group({\n      id: ['', []],\n      name: ['', [Validators.required, Validators.minLength(1)]],\n      hostname: ['127.0.0.1', [Validators.required, Validators.minLength(1)]],\n      port: [22, [Validators.required, Validators.min(1), Validators.max(65535)]],\n      protocol: ['SSH', [Validators.required, Validators.minLength(1)]],\n      username: [undefined as string, [Validators.required, Validators.minLength(1)]],\n      password: [undefined as string, []],\n      credentialsType: [\n        CREDENTIALS_TYPES.USER_PASS.value as 'USER_PASS' | 'KEY_PAIR' | 'CERTIFICATE',\n        [Validators.required]\n      ],\n      hostKey: [undefined as string, []],\n      publicKey: [undefined as string, []],\n      privateKey: [undefined as string, []],\n      certificate: [undefined as string, []]\n    });\n  }\n\n  downloadPublicKey() {\n    const publicKey = this.form.value.publicKey;\n    const blob = new Blob([publicKey], { type: 'text/plain' });\n    saveAs(blob, `key.pub`);\n  }\n\n  async generateKeys() {\n    this.generating = true;\n    try {\n      const pair = await this.remoteAccess.generateKeyPair(this.form.value.hostname || undefined);\n      this.form.patchValue({\n        publicKey: pair.publicKey,\n        privateKey: pair.privateKey\n      });\n    } catch (e) {\n      console.log(e);\n    }\n    this.generating = false;\n  }\n\n  cancel() {\n    this._reject();\n  }\n\n  save() {\n    this._resolve(this.form.value);\n  }\n}\n","<ng-template #keyPairPopoverContent>\n  <small translate>Supported formats: OpenSSHv1, OpenSSHv2, PEM, SSH2.<br />Supported algorithms: RSA, DSA, ECDSA, ED25519.</small>\n</ng-template>\n\n<ng-template #certificatePopoverContent>\n  <small translate>Supported formats: OpenSSHv1, OpenSSHv2, PEM, SSH2.<br />Supported algorithms: RSA, DSA.</small>\n</ng-template>\n\n<c8y-modal\n  [title]=\"title\"\n  [headerClasses]=\"'dialog-header'\"\n  (onDismiss)=\"cancel()\"\n  (onClose)=\"save()\"\n  [disabled]=\"form.invalid\"\n  [labels]=\"{ cancel: 'Cancel', ok: 'Save' }\"\n>\n  <ng-container c8y-modal-title>\n    <span [c8yIcon]=\"'laptop'\"></span>\n  </ng-container>\n  <div\n    class=\"p-24\"\n    [formGroup]=\"form\"\n  >\n    <c8y-form-group>\n      <label\n        for=\"name\"\n        translate\n      >\n        Name\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"name\"\n        name=\"name\"\n        type=\"text\"\n        [placeholder]=\"'e.g. {{ example }}' | translate: { example: 'My remote access endpoint' }\"\n        formControlName=\"name\"\n        [attr.data-cy]=\"'remoteAccessEndpointModal--name'\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n\n    <c8y-form-group>\n      <label\n        for=\"protocol\"\n        translate\n      >\n        Protocol\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"protocol\"\n        name=\"protocol\"\n        type=\"text\"\n        readonly\n        formControlName=\"protocol\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n\n    <c8y-form-group>\n      <label\n        for=\"hostname\"\n        translate\n      >\n        Host\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"hostname\"\n        placeholder=\"{{'e.g. {{ example }}' | translate : { example: '127.0.0.1' } }}\"\n        name=\"hostname\"\n        type=\"text\"\n        formControlName=\"hostname\"\n        [attr.data-cy]=\"'remoteAccessEndpointModal--hostname'\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n\n    <c8y-form-group>\n      <label\n        for=\"port\"\n        translate\n      >\n        Port\n      </label>\n      <input\n        class=\"form-control\"\n        id=\"port\"\n        placeholder=\"{{'e.g. {{ example }}' | translate : { example: '22' } }}\"\n        name=\"port\"\n        type=\"number\"\n        formControlName=\"port\"\n        [attr.data-cy]=\"'remoteAccessEndpointModal--port'\"\n      />\n      <c8y-messages></c8y-messages>\n    </c8y-form-group>\n\n    <div>\n      <c8y-form-group>\n        <label\n          for=\"credentialsType\"\n          translate\n        >\n          Sign-in method\n        </label>\n        <div class=\"c8y-select-wrapper\">\n          <select\n            class=\"form-control\"\n            id=\"credentialsType\"\n            formControlName=\"credentialsType\"\n            [attr.data-cy]=\"'remoteAccessEndpointModal--credentials-type'\"\n          >\n            <option\n              *ngFor=\"let type of credentialTypes\"\n              [value]=\"type.value\"\n            >\n              {{ type.label | translate }}\n            </option>\n          </select>\n        </div>\n      </c8y-form-group>\n\n      <div\n        class=\"tight-grid\"\n      >\n        <div class=\"col-md-6\">\n          <c8y-form-group>\n            <label\n              for=\"username\"\n              translate\n            >\n              Username\n            </label>\n            <input\n              class=\"form-control\"\n              id=\"username\"\n              placeholder=\"{{'e.g. {{ example }}' | translate : { example: 'my_username' } }}\"\n              name=\"username\"\n              type=\"username\"\n              autocomplete=\"off\"\n              formControlName=\"username\"\n            />\n            <c8y-messages></c8y-messages>\n          </c8y-form-group>\n        </div>\n        <div class=\"col-md-6\" *ngIf=\"form.value.credentialsType === 'USER_PASS'\">\n          <c8y-form-group>\n            <label\n              for=\"password\"\n              translate\n            >\n              Password\n            </label>\n            <input\n              class=\"form-control\"\n              id=\"password\"\n              placeholder=\"{{'e.g. {{ example }}' | translate : { example: 'my_password' } }}\"\n              name=\"password\"\n              type=\"password\"\n              autocomplete=\"off\"\n              formControlName=\"password\"\n            />\n            <c8y-messages></c8y-messages>\n          </c8y-form-group>\n        </div>\n      </div>\n\n      <div *ngIf=\"form.value.credentialsType === 'KEY_PAIR'\">\n        <div class=\"form-group\" ng-if=\"!vm.keyPairAvailable() || vm.changingKeyPair\">\n          <button\n            class=\"btn btn-default p-l-16\"\n            type=\"button\"\n            [title]=\"'Generate public and private keys' | translate\"\n            [ngClass]=\"{ 'btn-pending': generating }\"\n            ng-disabled=\"vm.generating\"\n            (click)=\"generateKeys()\"\n            [attr.data-cy]=\"'remoteAccessEndpointModal--generate-keys'\"\n          >\n            <i [c8yIcon]=\"'key'\"></i>\n            {{ 'Generate public and private keys' | translate }}\n          </button>\n        </div>\n\n        <c8y-form-group>\n          <label for=\"privateKey\">\n            {{ 'Private key' | translate }}\n            <button\n              class=\"btn-help btn-help--sm\"\n              type=\"button\"\n              [attr.aria-label]=\"'Help' | translate\"\n              [popover]=\"keyPairPopoverContent\"\n              [container]=\"'body'\"\n              [placement]=\"'right'\"\n              [triggers]=\"'focus'\"\n            ></button>\n          </label>\n          <div>\n            <c8y-ssh-key-input\n              id=\"privateKey\"\n              formControlName=\"privateKey\"\n              [keyType]=\"'private'\"\n            ></c8y-ssh-key-input>\n          </div>\n        </c8y-form-group>\n\n        <c8y-form-group>\n          <label for=\"publicKey\">\n            {{ 'Public key' | translate }}\n            <button\n              class=\"btn-help btn-help--sm\"\n              type=\"button\"\n              [attr.aria-label]=\"'Help' | translate\"\n              [popover]=\"keyPairPopoverContent\"\n              [container]=\"'body'\"\n              [placement]=\"'right'\"\n              [triggers]=\"'focus'\"\n            ></button>\n            <button\n              class=\"m-l-16 btn-link interact\"\n              type=\"button\"\n              [title]=\"'Download key' | translate\"\n              (click)=\"downloadPublicKey()\"\n              *ngIf=\"form.value.publicKey\"\n            >\n              <i [c8yIcon]=\"'download'\"></i>\n              {{ 'Download key' | translate }}\n            </button>\n          </label>\n          <div>\n            <c8y-ssh-key-input\n              id=\"publicKey\"\n              formControlName=\"publicKey\"\n              [keyType]=\"'public'\"\n            ></c8y-ssh-key-input>\n          </div>\n        </c8y-form-group>\n\n      </div>\n\n      <div *ngIf=\"form.value.credentialsType === 'CERTIFICATE'\">\n        <c8y-form-group>\n          <label for=\"privateKey\">\n            {{ 'Private key' | translate }}\n            <button\n              class=\"btn-help btn-help--sm\"\n              type=\"button\"\n              [attr.aria-label]=\"'Help' | translate\"\n              [popover]=\"certificatePopoverContent\"\n              [container]=\"'body'\"\n              [placement]=\"'right'\"\n              [triggers]=\"'focus'\"\n            ></button>\n          </label>\n          <div>\n            <c8y-ssh-key-input\n              id=\"privateKey\"\n              formControlName=\"privateKey\"\n              [keyType]=\"'private'\"\n            ></c8y-ssh-key-input>\n          </div>\n        </c8y-form-group>\n\n        <c8y-form-group>\n          <label for=\"certificate\">\n            {{ 'Certificate' | translate }}\n            <button\n              class=\"btn-help btn-help--sm\"\n              type=\"button\"\n              [attr.aria-label]=\"'Help' | translate\"\n              [popover]=\"certificatePopoverContent\"\n              [container]=\"'body'\"\n              [placement]=\"'right'\"\n              [triggers]=\"'focus'\"\n            ></button>\n          </label>\n          <div>\n            <c8y-ssh-key-input\n              id=\"certificate\"\n              formControlName=\"certificate\"\n              [keyType]=\"'certificate'\"\n            ></c8y-ssh-key-input>\n          </div>\n        </c8y-form-group>\n\n      </div>\n\n      <div>\n        <c8y-form-group>\n          <label\n            for=\"hostKey\"\n          >\n            {{ 'Host key' | translate }}\n            <button\n              class=\"btn-help btn-help--sm\"\n              type=\"button\"\n              [attr.aria-label]=\"'Help' | translate\"\n              [popover]=\"keyPairPopoverContent\"\n              [container]=\"'body'\"\n              [placement]=\"'right'\"\n              [triggers]=\"'focus'\"\n            ></button>\n          </label>\n          <div>\n            <c8y-ssh-key-input\n              id=\"hostKey\"\n              formControlName=\"hostKey\"\n              [keyType]=\"'public'\"\n            ></c8y-ssh-key-input>\n          </div>\n          <c8y-messages></c8y-messages>\n        </c8y-form-group>\n      </div>\n    </div>\n  </div>\n</c8y-modal>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/c8y-ngx-components-remote-access-ssh.mjs

@@ -0,0 +1,79 @@
+import * as i0 from '@angular/core';
+import { Injectable } from '@angular/core';
+import { gettext, hookRoute, ViewContext, hookService } from '@c8y/ngx-components';
+import * as i1 from '@c8y/ngx-components/remote-access/data';
+import { canActivateRemoteAccess } from '@c8y/ngx-components/remote-access/data';
+import * as i2 from 'ngx-bootstrap/modal';
+
+class SSHRemoteAccessProtocolProviderService {
+    constructor(remoteAccess, bsModalService) {
+        this.remoteAccess = remoteAccess;
+        this.bsModalService = bsModalService;
+        this.protocolName = 'SSH';
+        this.protocolLabel = gettext('SSH');
+        this.protocolDescription = gettext('Allows to connect to an SSH service.');
+        this.protocolIcon = 'laptop';
+    }
+    async addEndpoint(deviceId) {
+        const modalResult = await this.openSSHEndpointModal({});
+        if (!modalResult) {
+            return modalResult;
+        }
+        return this.remoteAccess.addConfiguration(deviceId, modalResult);
+    }
+    removeEndpoint(deviceId, currentEndpointConfig) {
+        return this.remoteAccess.deleteConfiguration(deviceId, currentEndpointConfig.id);
+    }
+    async editEndpoint(deviceId, currentEndpointConfig) {
+        const modalResult = await this.openSSHEndpointModal(currentEndpointConfig);
+        if (!modalResult) {
+            return modalResult;
+        }
+        return this.remoteAccess.updateConfiguration(deviceId, modalResult);
+    }
+    async connectEndpointHref(deviceId, configuration) {
+        return `/device/${deviceId}/ssh/${configuration.id}`;
+    }
+    async getDefaultEndpointConfiguration() {
+        return {
+            hostname: '127.0.0.1',
+            port: 22
+        };
+    }
+    async openSSHEndpointModal(currentConfiguration) {
+        const { RemoteAccessSshEndpointModalComponent } = await import('@c8y/ngx-components/remote-access/ssh/remote-access-ssh-endpoint-modal');
+        try {
+            const modalRef = this.bsModalService.show(RemoteAccessSshEndpointModalComponent, {
+                initialState: { currentValue: currentConfiguration }
+            });
+            return (await modalRef.content.result);
+        }
+        catch (e) {
+            // modal closed
+            return null;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SSHRemoteAccessProtocolProviderService, deps: [{ token: i1.RemoteAccessService }, { token: i2.BsModalService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SSHRemoteAccessProtocolProviderService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SSHRemoteAccessProtocolProviderService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1.RemoteAccessService }, { type: i2.BsModalService }] });
+const remoteAccessSSHProviders = [
+    hookRoute({
+        loadComponent: () => import('@c8y/ngx-components/remote-access/terminal-viewer').then(m => m.TerminalViewerComponent),
+        path: 'ssh/:configurationId',
+        context: ViewContext.Device,
+        tabs: [],
+        canActivate: [canActivateRemoteAccess]
+    }),
+    hookService('remoteAccessProtocolHook', SSHRemoteAccessProtocolProviderService)
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SSHRemoteAccessProtocolProviderService, remoteAccessSSHProviders };
+//# sourceMappingURL=c8y-ngx-components-remote-access-ssh.mjs.map

package/fesm2022/c8y-ngx-components-remote-access-ssh.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"c8y-ngx-components-remote-access-ssh.mjs","sources":["../../remote-access/ssh/index.ts","../../remote-access/ssh/c8y-ngx-components-remote-access-ssh.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { gettext, hookRoute, hookService, ViewContext } from '@c8y/ngx-components';\nimport {\n  canActivateRemoteAccess,\n  RemoteAccessConfiguration,\n  RemoteAccessProtocolProvider,\n  RemoteAccessService\n} from '@c8y/ngx-components/remote-access/data';\nimport { BsModalService } from 'ngx-bootstrap/modal';\n\n@Injectable({ providedIn: 'root' })\nexport class SSHRemoteAccessProtocolProviderService implements RemoteAccessProtocolProvider {\n  protocolName = 'SSH';\n  protocolLabel = gettext('SSH');\n  protocolDescription = gettext('Allows to connect to an SSH service.');\n  protocolIcon = 'laptop' as const;\n\n  constructor(\n    protected remoteAccess: RemoteAccessService,\n    protected bsModalService: BsModalService\n  ) {}\n\n  async addEndpoint(deviceId: string): Promise<RemoteAccessConfiguration> {\n    const modalResult = await this.openSSHEndpointModal({});\n    if (!modalResult) {\n      return modalResult;\n    }\n\n    return this.remoteAccess.addConfiguration(deviceId, modalResult);\n  }\n\n  removeEndpoint(\n    deviceId: string,\n    currentEndpointConfig: RemoteAccessConfiguration\n  ): Promise<void> {\n    return this.remoteAccess.deleteConfiguration(deviceId, currentEndpointConfig.id);\n  }\n\n  async editEndpoint(\n    deviceId: string,\n    currentEndpointConfig: RemoteAccessConfiguration\n  ): Promise<RemoteAccessConfiguration> {\n    const modalResult = await this.openSSHEndpointModal(currentEndpointConfig);\n    if (!modalResult) {\n      return modalResult;\n    }\n\n    return this.remoteAccess.updateConfiguration(deviceId, modalResult);\n  }\n\n  async connectEndpointHref(\n    deviceId: string,\n    configuration: RemoteAccessConfiguration\n  ): Promise<string> {\n    return `/device/${deviceId}/ssh/${configuration.id}`;\n  }\n\n  async getDefaultEndpointConfiguration(): Promise<Partial<RemoteAccessConfiguration>> {\n    return {\n      hostname: '127.0.0.1',\n      port: 22\n    };\n  }\n\n  protected async openSSHEndpointModal(\n    currentConfiguration: Partial<RemoteAccessConfiguration>\n  ): Promise<RemoteAccessConfiguration | null> {\n    const { RemoteAccessSshEndpointModalComponent } = await import(\n      '@c8y/ngx-components/remote-access/ssh/remote-access-ssh-endpoint-modal'\n    );\n    try {\n      const modalRef = this.bsModalService.show(RemoteAccessSshEndpointModalComponent, {\n        initialState: { currentValue: currentConfiguration }\n      });\n      return (await modalRef.content.result) as RemoteAccessConfiguration;\n    } catch (e) {\n      // modal closed\n      return null;\n    }\n  }\n}\n\nexport const remoteAccessSSHProviders = [\n  hookRoute({\n    loadComponent: () =>\n      import('@c8y/ngx-components/remote-access/terminal-viewer').then(\n        m => m.TerminalViewerComponent\n      ),\n    path: 'ssh/:configurationId',\n    context: ViewContext.Device,\n    tabs: [],\n    canActivate: [canActivateRemoteAccess]\n  }),\n  hookService('remoteAccessProtocolHook', SSHRemoteAccessProtocolProviderService)\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/c8y-ngx-components-remote-access-telnet.mjs

@@ -0,0 +1,50 @@
+import * as i0 from '@angular/core';
+import { Injectable } from '@angular/core';
+import { gettext, hookRoute, ViewContext, hookService } from '@c8y/ngx-components';
+import * as i1 from '@c8y/ngx-components/remote-access/data';
+import { canActivateRemoteAccess } from '@c8y/ngx-components/remote-access/data';
+
+class TelnetRemoteAccessProtocolProviderService {
+    constructor(remoteAccess) {
+        this.remoteAccess = remoteAccess;
+        this.protocolName = 'TELNET';
+        this.protocolLabel = gettext('Telnet');
+        this.protocolDescription = gettext('Allows to connect to a Telnet service.');
+        this.protocolIcon = 'laptop';
+    }
+    async getDefaultEndpointConfiguration() {
+        return {
+            hostname: '127.0.0.1',
+            port: 23
+        };
+    }
+    removeEndpoint(deviceId, currentEndpointConfig) {
+        return this.remoteAccess.deleteConfiguration(deviceId, currentEndpointConfig.id);
+    }
+    async connectEndpointHref(deviceId, configuration) {
+        return `/device/${deviceId}/telnet/${configuration.id}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TelnetRemoteAccessProtocolProviderService, deps: [{ token: i1.RemoteAccessService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TelnetRemoteAccessProtocolProviderService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TelnetRemoteAccessProtocolProviderService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1.RemoteAccessService }] });
+const remoteAccessTelnetProviders = [
+    hookRoute({
+        loadComponent: () => import('@c8y/ngx-components/remote-access/terminal-viewer').then(m => m.TerminalViewerComponent),
+        path: 'telnet/:configurationId',
+        context: ViewContext.Device,
+        tabs: [],
+        canActivate: [canActivateRemoteAccess]
+    }),
+    hookService('remoteAccessProtocolHook', TelnetRemoteAccessProtocolProviderService)
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TelnetRemoteAccessProtocolProviderService, remoteAccessTelnetProviders };
+//# sourceMappingURL=c8y-ngx-components-remote-access-telnet.mjs.map