@valtimo/connector-management 4.15.2-next-main.8

package/lib/components/edit-product-aanvragen-connector/edit-product-aanvragen-connector.form.d.ts

@@ -0,0 +1,215 @@
+export declare const editProductAanvragenConnectorForm: {
+    display: string;
+    settings: {
+        pdf: {
+            id: string;
+            src: string;
+        };
+    };
+    components: ({
+        title: string;
+        breadcrumbClickable: boolean;
+        buttonSettings: {
+            previous: boolean;
+            cancel: boolean;
+            next: boolean;
+        };
+        navigateOnEnter: boolean;
+        saveOnEnter: boolean;
+        scrollToTop: boolean;
+        collapsible: boolean;
+        key: string;
+        type: string;
+        label: string;
+        input: boolean;
+        tableView: boolean;
+        components: ({
+            label: string;
+            attrs: {
+                attr: string;
+                value: string;
+            }[];
+            content: string;
+            refreshOnChange: boolean;
+            key: string;
+            type: string;
+            input: boolean;
+            tableView: boolean;
+            title?: undefined;
+            collapsible?: undefined;
+            components?: undefined;
+        } | {
+            title: string;
+            collapsible: boolean;
+            key: string;
+            type: string;
+            label: string;
+            input: boolean;
+            tableView: boolean;
+            components: ({
+                label: string;
+                tooltip: string;
+                tableView: boolean;
+                validate: {
+                    required: boolean;
+                };
+                key: string;
+                type: string;
+                input: boolean;
+                widget?: undefined;
+                placeholder?: undefined;
+                refreshOn?: undefined;
+                clearOnRefresh?: undefined;
+                disabled?: undefined;
+            } | {
+                label: string;
+                widget: string;
+                placeholder: string;
+                tableView: boolean;
+                validate: {
+                    required: boolean;
+                };
+                key: string;
+                type: string;
+                input: boolean;
+                tooltip?: undefined;
+                refreshOn?: undefined;
+                clearOnRefresh?: undefined;
+                disabled?: undefined;
+            } | {
+                label: string;
+                widget: string;
+                placeholder: string;
+                tableView: boolean;
+                validate: {
+                    required: boolean;
+                };
+                key: string;
+                type: string;
+                input: boolean;
+                refreshOn: string;
+                clearOnRefresh: boolean;
+                disabled: boolean;
+                tooltip?: undefined;
+            })[];
+            attrs?: undefined;
+            content?: undefined;
+            refreshOnChange?: undefined;
+        })[];
+    } | {
+        title: string;
+        breadcrumbClickable: boolean;
+        buttonSettings: {
+            previous: boolean;
+            cancel: boolean;
+            next: boolean;
+        };
+        navigateOnEnter: boolean;
+        saveOnEnter: boolean;
+        scrollToTop: boolean;
+        collapsible: boolean;
+        key: string;
+        type: string;
+        label: string;
+        input: boolean;
+        tableView: boolean;
+        components: ({
+            label: string;
+            attrs: {
+                attr: string;
+                value: string;
+            }[];
+            content: string;
+            refreshOnChange: boolean;
+            key: string;
+            type: string;
+            input: boolean;
+            tableView: boolean;
+            title?: undefined;
+            collapsible?: undefined;
+            components?: undefined;
+        } | {
+            title: string;
+            collapsible: boolean;
+            key: string;
+            type: string;
+            label: string;
+            input: boolean;
+            tableView: boolean;
+            components: ({
+                label: string;
+                attrs: {
+                    attr: string;
+                    value: string;
+                }[];
+                content: string;
+                refreshOnChange: boolean;
+                key: string;
+                type: string;
+                input: boolean;
+                tableView: boolean;
+                tooltip?: undefined;
+                validate?: undefined;
+            } | {
+                label: string;
+                tooltip: string;
+                tableView: boolean;
+                validate: {
+                    required: boolean;
+                };
+                key: string;
+                type: string;
+                input: boolean;
+                attrs?: undefined;
+                content?: undefined;
+                refreshOnChange?: undefined;
+            })[];
+            attrs?: undefined;
+            content?: undefined;
+            refreshOnChange?: undefined;
+        })[];
+    } | {
+        title: string;
+        breadcrumbClickable: boolean;
+        buttonSettings: {
+            previous: boolean;
+            cancel: boolean;
+            next: boolean;
+        };
+        navigateOnEnter: boolean;
+        saveOnEnter: boolean;
+        scrollToTop: boolean;
+        collapsible: boolean;
+        key: string;
+        type: string;
+        label: string;
+        input: boolean;
+        tableView: boolean;
+        components: ({
+            label: string;
+            attrs: {
+                attr: string;
+                value: string;
+            }[];
+            content: string;
+            refreshOnChange: boolean;
+            key: string;
+            type: string;
+            input: boolean;
+            tableView: boolean;
+            validate?: undefined;
+        } | {
+            label: string;
+            tableView: boolean;
+            validate: {
+                required: boolean;
+            };
+            key: string;
+            type: string;
+            input: boolean;
+            attrs?: undefined;
+            content?: undefined;
+            refreshOnChange?: undefined;
+        })[];
+    })[];
+};

package/lib/components/modify-connector/modify-connector.component.d.ts

@@ -0,0 +1,19 @@
+import { ConnectorInstance, ConnectorProperties } from '@valtimo/contract';
+import { Observable } from 'rxjs';
+import { AlertService } from '@valtimo/components';
+import { TranslateService } from '@ngx-translate/core';
+import { ConnectorManagementService } from '../../services/connector-management/connector-management.service';
+import { ConnectorManagementStateService } from '../../services/connector-management-state/connector-management-state.service';
+export declare class ModifyConnectorComponent {
+    private readonly connectorManagementService;
+    private readonly stateService;
+    private readonly alertService;
+    private readonly translateService;
+    instance$: Observable<ConnectorInstance>;
+    constructor(connectorManagementService: ConnectorManagementService, stateService: ConnectorManagementStateService, alertService: AlertService, translateService: TranslateService);
+    onSave(event: {
+        properties: ConnectorProperties;
+        name: string;
+    }): void;
+    onDelete(): void;
+}

package/lib/components/multi-value-connector-property/multi-value-connector-property.component.d.ts

@@ -0,0 +1,26 @@
+import { OnDestroy, OnInit, EventEmitter } from '@angular/core';
+import { ConnectorPropertyEditField, ConnectorPropertyValueType } from '@valtimo/contract';
+import { BehaviorSubject } from 'rxjs';
+export declare class MultiValueConnectorPropertyComponent implements OnInit, OnDestroy {
+    editField: ConnectorPropertyEditField;
+    disabled: boolean;
+    defaultValue: ConnectorPropertyValueType;
+    valuesSet: EventEmitter<{
+        editFieldKey: string;
+        values: Array<string | number>;
+    }>;
+    readonly amountOfValues$: BehaviorSubject<null[]>;
+    readonly removeButtonDisabled$: import("rxjs").Observable<boolean>;
+    readonly values$: BehaviorSubject<{
+        [key: number]: string | number;
+    }>;
+    readonly addButtonDisabled$: import("rxjs").Observable<boolean>;
+    private valuesSubscription;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onValueChange(value: string | number, editField: ConnectorPropertyEditField, index: number): void;
+    addRow(): void;
+    removeRow(): void;
+    private openValuesSubscription;
+    private setDefaults;
+}

package/lib/connector-management-routing.d.ts

@@ -0,0 +1,2 @@
+export declare class ConnectorManagementRoutingModule {
+}

package/lib/connector-management.module.d.ts

@@ -0,0 +1,2 @@
+export declare class ConnectorManagementModule {
+}

package/lib/extension/connector-management.extension.init.d.ts

@@ -0,0 +1,2 @@
+import { Injector } from '@angular/core';
+export declare function connectorLinkExtensionInitializer(injector: Injector): () => Promise<any>;

package/lib/services/connector-management/connector-management.service.d.ts

@@ -0,0 +1,17 @@
+import { HttpClient } from '@angular/common/http';
+import { ConfigService } from '@valtimo/config';
+import { Observable } from 'rxjs';
+import { ConnectorInstance, ConnectorType, Page, ConnectorInstanceCreateRequest, ConnectorInstanceUpdateRequest } from '@valtimo/contract';
+export declare class ConnectorManagementService {
+    private http;
+    private configService;
+    private valtimoApiConfig;
+    constructor(http: HttpClient, configService: ConfigService);
+    getConnectorInstances(params?: any): Observable<Page<ConnectorInstance>>;
+    getConnectorInstancesByType(typeId: string, params?: any): Observable<Page<ConnectorInstance>>;
+    getConnectorInstanceById(instanceId: string): Observable<ConnectorInstance>;
+    getConnectorTypes(): Observable<Array<ConnectorType>>;
+    createConnectorInstance(request: ConnectorInstanceCreateRequest): Observable<ConnectorInstance>;
+    updateConnectorInstance(request: ConnectorInstanceUpdateRequest): Observable<ConnectorInstance>;
+    deleteConnectorInstance(connectorInstanceId: string): Observable<ConnectorInstance>;
+}

package/lib/services/connector-management-state/connector-management-state.service.d.ts

@@ -0,0 +1,26 @@
+import { Observable } from 'rxjs';
+import { ConnectorInstance } from '@valtimo/contract';
+export declare class ConnectorManagementStateService {
+    private readonly _showModal$;
+    private readonly _showExtensionModal$;
+    private readonly _inputDisabled$;
+    private readonly _refresh$;
+    private readonly _selectedInstance$;
+    private readonly _lastConfigIdAdded$;
+    get showModal$(): Observable<boolean>;
+    get showExtensionModal$(): Observable<boolean>;
+    get inputDisabled$(): Observable<boolean>;
+    get refresh$(): Observable<any>;
+    get selectedInstance$(): Observable<ConnectorInstance>;
+    get lastConfigIdAdded$(): Observable<string>;
+    showModal(): void;
+    hideModal(): void;
+    showExtensionModal(): void;
+    hideExtensionModal(): void;
+    disableInput(): void;
+    enableInput(): void;
+    refresh(): void;
+    setConnectorInstance(instance: ConnectorInstance): void;
+    setLastConfigIdAdded(id: string): void;
+    clearLastConfigIdAdded(): void;
+}

package/lib/services/object-api-sync/object-api-sync.service.d.ts

@@ -0,0 +1,14 @@
+import { HttpClient } from '@angular/common/http';
+import { ConfigService } from '@valtimo/config';
+import { Observable } from 'rxjs';
+import { CreateObjectSyncConfigRequest, CreateObjectSyncConfigResult, ObjectSyncConfig } from '@valtimo/contract';
+export declare class ObjectApiSyncService {
+    private http;
+    private configService;
+    private valtimoApiConfig;
+    constructor(http: HttpClient, configService: ConfigService);
+    getObjectSyncConfigs(documentDefinitionName: string): Observable<Array<ObjectSyncConfig>>;
+    createObjectSyncConfig(request: CreateObjectSyncConfigRequest): Observable<CreateObjectSyncConfigResult>;
+    modifyObjectSyncConfig(request: ObjectSyncConfig): Observable<CreateObjectSyncConfigResult>;
+    deleteObjectSyncConfig(configId: string): Observable<any>;
+}

package/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@valtimo/connector-management",
+  "version": "4.15.2-next-main.8",
+  "peerDependencies": {
+    "@angular/common": "^10.0.11",
+    "@angular/core": "^10.0.11"
+  },
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
+  "main": "bundles/valtimo-connector-management.umd.js",
+  "module": "fesm2015/valtimo-connector-management.js",
+  "es2015": "fesm2015/valtimo-connector-management.js",
+  "esm2015": "esm2015/valtimo-connector-management.js",
+  "fesm2015": "fesm2015/valtimo-connector-management.js",
+  "typings": "valtimo-connector-management.d.ts",
+  "metadata": "valtimo-connector-management.metadata.json",
+  "sideEffects": false
+}

package/public-api.d.ts

@@ -0,0 +1,13 @@
+export * from './lib/connector-management.module';
+export * from './lib/components/connector-link-extension-modal/connector-link-extension-modal.component';
+export * from './lib/components/connector-link-extension/connector-link-extension.component';
+export * from './lib/components/add-connector/add-connector.component';
+export * from './lib/components/connector-management/connector-management.component';
+export * from './lib/components/connector-modal/connector-modal.component';
+export * from './lib/components/edit-connector-properties/edit-connector-properties.component';
+export * from './lib/components/modify-connector/modify-connector.component';
+export * from './lib/components/multi-value-connector-property/multi-value-connector-property.component';
+export * from './lib/extension/connector-management.extension.init';
+export * from './lib/services/connector-management/connector-management.service';
+export * from './lib/services/object-api-sync/object-api-sync.service';
+export * from './lib/services/connector-management-state/connector-management-state.service';

package/valtimo-connector-management.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+export { EditConnectorFormComponent as ɵb } from './lib/components/edit-connector-form/edit-connector-form.component';
+export { EditProductAanvragenConnectorComponent as ɵa } from './lib/components/edit-product-aanvragen-connector/edit-product-aanvragen-connector.component';
+export { ConnectorManagementRoutingModule as ɵc } from './lib/connector-management-routing';

package/valtimo-connector-management.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"ConnectorManagementModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":34,"character":1},"arguments":[{"providers":[{"__symbolic":"reference","name":"ConnectorManagementStateService"}],"declarations":[{"__symbolic":"reference","name":"ConnectorManagementComponent"},{"__symbolic":"reference","name":"AddConnectorComponent"},{"__symbolic":"reference","name":"ConnectorModalComponent"},{"__symbolic":"reference","name":"ModifyConnectorComponent"},{"__symbolic":"reference","name":"EditConnectorPropertiesComponent"},{"__symbolic":"reference","name":"MultiValueConnectorPropertyComponent"},{"__symbolic":"reference","name":"ConnectorLinkExtensionComponent"},{"__symbolic":"reference","name":"ConnectorLinkExtensionModalComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":49,"character":4},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":51,"character":4},{"__symbolic":"reference","module":"@valtimo/components","name":"WidgetModule","line":52,"character":4},{"__symbolic":"reference","module":"@valtimo/components","name":"ListModule","line":53,"character":4},{"__symbolic":"reference","module":"@valtimo/components","name":"SpinnerModule","line":54,"character":4},{"__symbolic":"reference","module":"@valtimo/components","name":"ModalModule","line":55,"character":4},{"__symbolic":"reference","module":"@valtimo/components","name":"FormIoModule","line":56,"character":4}],"exports":[{"__symbolic":"reference","name":"ConnectorManagementComponent"},{"__symbolic":"reference","name":"AddConnectorComponent"},{"__symbolic":"reference","name":"ConnectorModalComponent"},{"__symbolic":"reference","name":"ModifyConnectorComponent"},{"__symbolic":"reference","name":"EditConnectorPropertiesComponent"},{"__symbolic":"reference","name":"MultiValueConnectorPropertyComponent"},{"__symbolic":"reference","name":"ConnectorLinkExtensionComponent"},{"__symbolic":"reference","name":"ConnectorLinkExtensionModalComponent"},{"__symbolic":"reference","name":"ɵa"}],"entryComponents":[{"__symbolic":"reference","name":"ConnectorLinkExtensionComponent"}]}]}],"members":{}},"ConnectorLinkExtensionModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"valtimo-connector-link-extension-modal","template":"<valtimo-modal #modal [title]=\"'connectorManagement.extension.buttonText'| translate\">\n  <div class=\"mt-2\" body *ngIf=\"{\n    connectorInstances: connectorInstances$ | async,\n    fields: fields$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async,\n    disabled: disabled$ | async,\n    noConnectors: noObjectsApiConnectors$ | async\n  } as obs\">\n    <div *ngIf=\"obs.loading === false; else loading\" [ngClass]=\"{disabled: obs.disabled }\">\n      <ng-container *ngIf=\"!obs.noConnectors; else noConnectors\">\n        <p class=\"lead\">{{'connectorManagement.extension.clickToSync' | translate}}</p>\n        <valtimo-widget>\n          <valtimo-list\n                  [items]=\"obs.connectorInstances\"\n                  [fields]=\"obs.fields\"\n                  [header]=\"false\"\n                  [viewMode]=\"false\"\n                  [isSearchable]=\"false\"\n                  [pagination]=\"obs.pagination\"\n                  paginationIdentifier=\"connectorManagementList\"\n                  (paginationClicked)=\"paginationClicked($event)\"\n                  (paginationSet)=\"paginationSet($event)\"\n                  (rowClicked)=\"rowClicked($event)\"\n          >\n            <div header>\n              <h3 class=\"list-header-title\">{{ 'connectorManagement.title' | translate }}</h3>\n              <h5 class=\"list-header-description\">{{ 'connectorManagement.subtitle' | translate }}</h5>\n            </div>\n          </valtimo-list>\n        </valtimo-widget>\n      </ng-container>\n    </div>\n  </div>\n</valtimo-modal>\n\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n<ng-template #noConnectors>\n  <p class=\"lead\">{{'connectorManagement.extension.noConnectors' | translate}}</p>\n</ng-template>\n","styles":[".disabled{filter:grayscale(1);opacity:.8;pointer-events:none}"]}]}],"members":{"modal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":["modal"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ConnectorManagementService"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":87,"character":39},{"__symbolic":"reference","name":"ConnectorManagementStateService"},{"__symbolic":"reference","name":"ObjectApiSyncService"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":90,"character":28},{"__symbolic":"reference","module":"@valtimo/components","name":"AlertService","line":91,"character":35}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"paginationClicked":[{"__symbolic":"method"}],"paginationSet":[{"__symbolic":"method"}],"rowClicked":[{"__symbolic":"method"}],"setFields":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}]}},"ConnectorLinkExtensionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"valtimo-connector-link-extension","template":"<h2 class=\"mb-4 mt-6\">{{'connectorManagement.extension.title' | translate}}</h2>\n\n<ng-container *ngIf=\"{\n    syncConfig: objectApiSyncConfig$ | async,\n    loading: loading$ | async,\n    disabled: disabled$ | async\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <ng-container *ngIf=\"obs.syncConfig; else addSync\">\n      <div class=\"card card-border\">\n        <div class=\"card-body\">\n          <h4 class=\"connector-name mr-2\" [ngClass]=\"{'text-success': obs.syncConfig.enabled, 'text-warning': !obs.syncConfig.enabled}\">\n            {{obs.syncConfig.title}}\n          </h4>\n          <div class=\"controls\">\n            <div class=\"switch-button switch-button-success\">\n              <input type=\"checkbox\" [checked]=\"obs.syncConfig.enabled\" [disabled]=\"obs.disabled\" name=\"sync\" id=\"sync\" (click)=\"toggleSync(obs.syncConfig)\">\n              <span><label for=\"sync\"></label></span>\n            </div>\n            <button class=\"btn btn-danger ml-3\" [disabled]=\"obs.disabled\" (click)=\"deleteSync(obs.syncConfig.id)\">\n              <i class=\"fa fa-trash\"></i>\n            </button>\n          </div>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<valtimo-connector-link-extension-modal></valtimo-connector-link-extension-modal>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n<ng-template #addSync>\n  <div class=\"text-right mt-5\">\n    <button class=\"btn btn-primary\" (click)=\"openModal()\" [disabled]=\"disabled$ | async\">\n      <i class=\"icon mdi mdi-plus\"></i> &nbsp;\n      {{'connectorManagement.extension.buttonText' | translate}}\n    </button>\n  </div>\n</ng-template>\n","styles":[".card-body{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.connector-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{align-items:center;display:flex}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ConnectorManagementStateService"},{"__symbolic":"reference","name":"ObjectApiSyncService"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":63,"character":39},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":64,"character":28},{"__symbolic":"reference","module":"@valtimo/components","name":"AlertService","line":65,"character":35},{"__symbolic":"reference","name":"ConnectorManagementService"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"openModal":[{"__symbolic":"method"}],"toggleSync":[{"__symbolic":"method"}],"deleteSync":[{"__symbolic":"method"}]}},"AddConnectorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"valtimo-add-connector","template":"<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"connectorTypes$ | async as connectorTypes; else loading\">\n  <ng-container *ngIf=\"(selectedConnector$ | async) === undefined; else configure\">\n    <p class=\"lead\">\n      {{'connectorManagement.' + (connectorTypes?.length > 0 ? 'addHeader' : 'noConnectorsAvailable') | translate}}\n    </p>\n    <div class=\"cards-container mt-3\">\n      <div *ngFor=\"let connectorType of connectorTypes\" class=\"card card-border text-center\">\n        <div class=\"card-header\">{{connectorType.name}}</div>\n        <div class=\"card-body\">\n          <button class=\"btn btn-primary\" (click)=\"selectConnector(connectorType)\">\n            {{'connectorManagement.configureButton' | translate}}\n          </button>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n\n<ng-template #configure>\n  <ng-container *ngIf=\"selectedConnector$ | async as connector\">\n    <button class=\"btn btn-outline-secondary btn-sm btn-back\" (click)=\"goBack()\" [disabled]=\"disabled$ | async\">\n      <i class=\"icon mdi mdi-arrow-left mr-1\"></i>\n      {{'connectorManagement.goBack' | translate}}\n    </button>\n    <p class=\"lead text-center mb-3 pb-3 border-bottom\">\n      {{('connectorManagement.configureWith' | translate) + ' ' + connector.name}}\n    </p>\n    <valtimo-edit-connector-form\n      [connectorName]=\"connector.name\"\n      [properties]=\"(selectedConnector$ | async).properties\"\n      (propertiesSave)=\"onSave($event)\"\n    >\n    </valtimo-edit-connector-form>\n  </ng-container>\n</ng-template>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n","styles":["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.btn-back{position:absolute}.cards-container{display:flex;flex-flow:row wrap;width:100%}.card{margin-right:30px;width:calc(33.3% - 20px)}.card:nth-child(3n+3){margin-right:0}.card-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ConnectorManagementService"},{"__symbolic":"reference","name":"ConnectorManagementStateService"},{"__symbolic":"reference","module":"@valtimo/components","name":"AlertService","line":43,"character":35},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":44,"character":39}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"selectConnector":[{"__symbolic":"method"}],"goBack":[{"__symbolic":"method"}],"onSave":[{"__symbolic":"method"}]}},"ConnectorManagementComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"valtimo-connector-management","template":"<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\" *ngIf=\"{\n    connectorInstances: connectorInstances$ | async,\n    fields: fields$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async\n  } as obs\">\n  <div class=\"container-fluid\">\n    <ng-container *ngTemplateOutlet=\"buttons;context:{loading: obs.loading}\"></ng-container>\n    <valtimo-widget *ngIf=\"obs.loading === false; else loading\">\n      <valtimo-list\n        [items]=\"obs.connectorInstances\"\n        [fields]=\"obs.fields\"\n        [header]=\"true\"\n        [viewMode]=\"true\"\n        [isSearchable]=\"false\"\n        [pagination]=\"obs.pagination\"\n        paginationIdentifier=\"connectorManagementList\"\n        (paginationClicked)=\"paginationClicked($event)\"\n        (paginationSet)=\"paginationSet($event)\"\n        (rowClicked)=\"rowClicked($event)\"\n      >\n        <div header>\n          <h3 class=\"list-header-title\">{{ 'connectorManagement.title' | translate }}</h3>\n          <h5 class=\"list-header-description\">{{ 'connectorManagement.subtitle' | translate }}</h5>\n        </div>\n      </valtimo-list>\n    </valtimo-widget>\n  </div>\n</div>\n\n<valtimo-connector-modal [modalType]=\"modalType$ | async\">\n</valtimo-connector-modal>\n\n<ng-template #buttons let-loading=\"loading\">\n  <div class=\"btn-group mt-m3px mb-3 float-right\">\n    <button class=\"btn btn-primary btn-space mr-0\" [disabled]=\"loading\" (click)=\"showAddModal()\">\n      <i class=\"icon mdi mdi-plus\"></i>&nbsp;\n      {{ 'connectorManagement.add' | translate }}\n    </button>\n  </div>\n  <div class=\"clearfix\"></div>\n</ng-template>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n","styles":["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ConnectorManagementService"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":73,"character":39},{"__symbolic":"reference","name":"ConnectorManagementStateService"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"paginationClicked":[{"__symbolic":"method"}],"paginationSet":[{"__symbolic":"method"}],"rowClicked":[{"__symbolic":"method"}],"showAddModal":[{"__symbolic":"method"}],"setFields":[{"__symbolic":"method"}]}},"ConnectorModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"valtimo-connector-modal","template":"<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-modal #modal [title]=\"'connectorManagement.' + modalType | translate\">\n  <div class=\"mt-2\" body>\n    <valtimo-add-connector *ngIf=\"modalType === 'add'\"></valtimo-add-connector>\n    <valtimo-modify-connector *ngIf=\"modalType === 'modify'\"></valtimo-modify-connector>\n  </div>\n</valtimo-modal>\n","styles":["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */"]}]}],"members":{"modal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":3},"arguments":["modal"]}]}],"modalType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ConnectorManagementStateService"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}]}},"EditConnectorPropertiesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"valtimo-edit-connector-properties","template":"<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"edit-fields\" *ngIf=\"{editFields: editFields$ | async, disabled: disabled$ | async} as obs\">\n  <ng-container *ngTemplateOutlet=\"nameInput;context:{disabled: obs.disabled}\"></ng-container>\n  <ng-container *ngFor=\"let editField of obs.editFields\">\n    <ng-container *ngIf=\"editField.editType === 'string' || editField.editType === 'number'\">\n      <ng-container *ngTemplateOutlet=\"singleInput;context:{editField: editField, disabled: obs.disabled}\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"editField.editType === 'string[]' || editField.editType === 'number[]'\">\n      <valtimo-multi-value-connector-property\n        [editField]=\"editField\"\n        (valuesSet)=\"multiFieldValuesSet($event)\"\n        [disabled]=\"obs.disabled\"\n        [defaultValue]=\"withDefaults && editField.defaultValue\"\n      >\n      </valtimo-multi-value-connector-property>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngTemplateOutlet=\"buttons;context:{disabled: obs.disabled}\"></ng-container>\n</div>\n\n<ng-template #nameInput let-disabled=\"disabled\">\n  <div class=\"form-group row\">\n    <label class=\"col-3 col-form-label text-sm-right\">\n      {{'connectorManagement.inputLabels.connectorName' | translate}}\n    </label>\n    <div class=\"col-7\">\n      <input\n        class=\"form-control\"\n        type=\"text\"\n        (input)=\"onNameValueChange($event.target.value)\"\n        [disabled]=\"disabled\"\n        [value]=\"(withDefaults && defaultName) ? defaultName : ''\"\n      >\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #singleInput let-editField=\"editField\" let-disabled=\"disabled\">\n  <div class=\"form-group row\">\n    <label class=\"col-3 col-form-label text-sm-right\">\n      {{'connectorManagement.inputLabels.' + editField.key | translate}}\n    </label>\n    <div class=\"col-7\">\n      <input\n        *ngIf=\"editField.editType === 'string'\"\n        class=\"form-control\"\n        type=\"text\"\n        (input)=\"onSingleValueChange($event.target.value, editField)\"\n        [disabled]=\"disabled\"\n        [value]=\"withDefaults ? editField.defaultValue : ''\"\n      >\n      <input\n        *ngIf=\"editField.editType === 'number'\"\n        class=\"form-control\"\n        type=\"number\"\n        step=\"1\"\n        min=\"0\"\n        oninput=\"validity.valid||(value='');\"\n        (input)=\"onSingleValueChange($event.target.value, editField)\"\n        [disabled]=\"disabled\"\n        [value]=\"withDefaults ? editField.defaultValue : ''\"\n      >\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #buttons let-disabled=\"disabled\">\n  <div class=\"border-top mt-3 pt-6\">\n    <div class=\"button-container\">\n      <button class=\"btn btn-primary\" [disabled]=\"disabled || (saveButtonDisabled$ | async)\" (click)=\"onSave()\">\n        <i class=\"icon mdi mdi-save mr-1\"></i>\n        {{'connectorManagement.save' | translate}}\n      </button>\n      <button *ngIf=\"showDeleteButton\" class=\"btn btn-danger btn-space\" (click)=\"onDelete()\" [disabled]=\"disabled\">\n        <i class=\"icon mdi mdi-delete mr-1\"></i>\n        {{'connectorManagement.remove' | translate}}\n      </button>\n    </div>\n  </div>\n</ng-template>\n","styles":["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.button-container{display:flex;flex-flow:row-reverse;justify-content:space-between;width:100%}"]}]}],"members":{"properties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"withDefaults":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"showDeleteButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"defaultName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"propertiesSave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"connectorDelete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ConnectorManagementStateService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"multiFieldValuesSet":[{"__symbolic":"method"}],"onSingleValueChange":[{"__symbolic":"method"}],"onNameValueChange":[{"__symbolic":"method"}],"onSave":[{"__symbolic":"method"}],"onDelete":[{"__symbolic":"method"}],"setName":[{"__symbolic":"method"}],"setModifiedProperties":[{"__symbolic":"method"}],"setEditFields":[{"__symbolic":"method"}]}},"ModifyConnectorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"valtimo-modify-connector","template":"<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"instance$ | async as instance\">\n  <p class=\"lead text-center mb-3 pb-3 border-bottom\">\n    {{('connectorManagement.modifyWith' | translate) + ' ' + instance.type.name}}\n  </p>\n  <valtimo-edit-connector-form\n    [properties]=\"instance.properties\"\n    [withDefaults]=\"true\"\n    [defaultName]=\"instance.name\"\n    [showDeleteButton]=\"true\"\n    [connectorName]=\"instance.type.name\"\n    (propertiesSave)=\"onSave($event)\"\n    (connectorDelete)=\"onDelete()\"\n  >\n  </valtimo-edit-connector-form>\n</ng-container>\n","styles":["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ConnectorManagementService"},{"__symbolic":"reference","name":"ConnectorManagementStateService"},{"__symbolic":"reference","module":"@valtimo/components","name":"AlertService","line":36,"character":35},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":37,"character":39}]}],"onSave":[{"__symbolic":"method"}],"onDelete":[{"__symbolic":"method"}]}},"MultiValueConnectorPropertyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"valtimo-multi-value-connector-property","template":"<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"form-group row\"\n  *ngIf=\"{amountOfValues: amountOfValues$ | async, values: values$ | async} as obs\"\n>\n  <label class=\"col-3 col-form-label text-sm-right\">\n    {{'connectorManagement.inputLabels.' + editField.key | translate}}\n  </label>\n  <div class=\"col-7\">\n    <ng-container *ngFor=\"let value of obs.amountOfValues; let index = index\">\n      <ng-container *ngTemplateOutlet=\"input;context:{index: index, disabled: disabled, values: obs.values}\">\n      </ng-container>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"buttons;context:{disabled: disabled}\"></ng-container>\n  </div>\n</div>\n\n<ng-template #input let-index=\"index\" let-disabled=\"disabled\" let-values=\"values\">\n  <input\n    *ngIf=\"editField.editType === 'string[]'\"\n    class=\"form-control mb-2\"\n    type=\"text\"\n    (input)=\"onValueChange($event.target.value, editField, index)\"\n    [disabled]=\"disabled\"\n    [value]=\"(defaultValue && values[index]) ? values[index] : ''\"\n  >\n  <input\n    *ngIf=\"editField.editType === 'number[]'\"\n    class=\"form-control mb-2\"\n    type=\"number\"\n    step=\"1\"\n    min=\"0\"\n    oninput=\"validity.valid||(value='');\"\n    (input)=\"onValueChange($event.target.value, editField, index)\"\n    [disabled]=\"disabled\"\n    [value]=\"(defaultValue && values[index]) ? values[index] : ''\"\n  >\n</ng-template>\n\n<ng-template #buttons let-disabled=\"disabled\">\n  <div class=\"button-container mt-1\">\n    <button class=\"btn btn-danger btn-space btn-sm\" (click)=\"removeRow()\" [disabled]=\"disabled || (removeButtonDisabled$ | async)\">\n      <i class=\"icon mdi mdi-delete mr-1\"></i>\n      {{'connectorManagement.removeValue' | translate}}\n    </button>\n    <button class=\"btn btn-secondary btn-space mr-0 btn-sm\" (click)=\"addRow()\" [disabled]=\"disabled || (addButtonDisabled$ | async)\">\n      <i class=\"icon mdi mdi-plus mr-1\"></i>\n      {{'connectorManagement.addValue' | translate}}\n    </button>\n  </div>\n</ng-template>\n","styles":["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.button-container{display:flex;justify-content:flex-end;width:100%}"]}]}],"members":{"editField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"defaultValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"valuesSet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onValueChange":[{"__symbolic":"method"}],"addRow":[{"__symbolic":"method"}],"removeRow":[{"__symbolic":"method"}],"openValuesSubscription":[{"__symbolic":"method"}],"setDefaults":[{"__symbolic":"method"}]}},"connectorLinkExtensionInitializer":{"__symbolic":"function"},"ConnectorManagementService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":22,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":30,"character":18},{"__symbolic":"reference","module":"@valtimo/config","name":"ConfigService","line":31,"character":27}]}],"getConnectorInstances":[{"__symbolic":"method"}],"getConnectorInstancesByType":[{"__symbolic":"method"}],"getConnectorInstanceById":[{"__symbolic":"method"}],"getConnectorTypes":[{"__symbolic":"method"}],"createConnectorInstance":[{"__symbolic":"method"}],"updateConnectorInstance":[{"__symbolic":"method"}],"deleteConnectorInstance":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ObjectApiSyncService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":22,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":30,"character":18},{"__symbolic":"reference","module":"@valtimo/config","name":"ConfigService","line":31,"character":27}]}],"getObjectSyncConfigs":[{"__symbolic":"method"}],"createObjectSyncConfig":[{"__symbolic":"method"}],"modifyObjectSyncConfig":[{"__symbolic":"method"}],"deleteObjectSyncConfig":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ConnectorManagementStateService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":20,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"showModal":[{"__symbolic":"method"}],"hideModal":[{"__symbolic":"method"}],"showExtensionModal":[{"__symbolic":"method"}],"hideExtensionModal":[{"__symbolic":"method"}],"disableInput":[{"__symbolic":"method"}],"enableInput":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"setConnectorInstance":[{"__symbolic":"method"}],"setLastConfigIdAdded":[{"__symbolic":"method"}],"clearLastConfigIdAdded":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"valtimo-edit-product-aanvragen-connector","template":"<!--\n  ~ Copyright 2015-2021 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"translatedFormDefinition$ | async as definition\"\n  class=\"edit-product-request\"\n  [ngClass]=\"{'has-delete': showDeleteButton}\"\n>\n  <valtimo-form-io\n    [form]=\"definition\"\n    [formRefresh$]=\"formRefresh$\"\n    [useFormRefresh]=\"true\"\n    [options]=\"options\"\n    (change)=\"onChange($event)\"\n    (submit)=\"onSubmit($event)\"\n  >\n  </valtimo-form-io>\n\n  <button *ngIf=\"showDeleteButton\" class=\"btn btn-danger btn-space\" (click)=\"onDelete()\">\n    <i class=\"icon mdi mdi-delete mr-1\"></i>\n    {{'connectorManagement.remove' | translate}}\n  </button>\n</div>\n\n","styles":["/*!\n * Copyright 2015-2021 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.edit-product-request ::ng-deep .btn-wizard-nav-cancel{display:none}.edit-product-request ::ng-deep .list-inline{display:flex;flex-direction:row;justify-content:flex-end}.edit-product-request.has-delete ::ng-deep .list-inline{margin-bottom:-30px}.edit-product-request .btn-danger{position:relative}"]}]}],"members":{"properties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"defaultName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"showDeleteButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"propertiesSave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"connectorDelete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@valtimo/form","name":"FormTranslationService","line":59,"character":45},{"__symbolic":"reference","module":"@valtimo/form","name":"FormMappingService","line":60,"character":41},{"__symbolic":"reference","module":"@valtimo/document","name":"DocumentService","line":61,"character":38},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":62,"character":39}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"onDelete":[{"__symbolic":"method"}],"openFormDefinitionSubscription":[{"__symbolic":"method"}],"prefillForm":[{"__symbolic":"method"}],"refreshForm":[{"__symbolic":"method"}],"loadDocumentDefinitions":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"valtimo-edit-connector-form","template":"<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-edit-connector-properties\n  *ngIf=\"connectorName !== productAanvragenName\"\n  [properties]=\"properties\"\n  [withDefaults]=\"withDefaults\"\n  [defaultName]=\"defaultName\"\n  [showDeleteButton]=\"showDeleteButton\"\n  (propertiesSave)=\"propertiesSave.emit($event)\"\n  (connectorDelete)=\"connectorDelete.emit()\"\n>\n</valtimo-edit-connector-properties>\n\n<valtimo-edit-product-aanvragen-connector\n  *ngIf=\"connectorName === productAanvragenName\"\n  [defaultName]=\"defaultName\"\n  [properties]=\"properties\"\n  [showDeleteButton]=\"showDeleteButton\"\n  (propertiesSave)=\"propertiesSave.emit($event)\"\n  (connectorDelete)=\"connectorDelete.emit()\"\n>\n</valtimo-edit-product-aanvragen-connector>\n","styles":["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */"]}]}],"members":{"properties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"withDefaults":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"showDeleteButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"defaultName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"connectorName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"propertiesSave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"connectorDelete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":32,"character":1},"arguments":[{"declarations":[],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":35,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":36,"character":4},"member":"forChild"},"arguments":[[{"path":"connectors","component":{"__symbolic":"reference","name":"ConnectorManagementComponent"},"canActivate":[{"__symbolic":"reference","module":"@valtimo/security","name":"AuthGuardService","line":27,"character":18}],"data":{"title":"Connectors","roles":[{"__symbolic":"reference","module":"@valtimo/contract","name":"ROLE_ADMIN","line":28,"character":40}]}}]]}],"exports":[{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":38,"character":12}]}]}],"members":{}}},"origins":{"ConnectorManagementModule":"./lib/connector-management.module","ConnectorLinkExtensionModalComponent":"./lib/components/connector-link-extension-modal/connector-link-extension-modal.component","ConnectorLinkExtensionComponent":"./lib/components/connector-link-extension/connector-link-extension.component","AddConnectorComponent":"./lib/components/add-connector/add-connector.component","ConnectorManagementComponent":"./lib/components/connector-management/connector-management.component","ConnectorModalComponent":"./lib/components/connector-modal/connector-modal.component","EditConnectorPropertiesComponent":"./lib/components/edit-connector-properties/edit-connector-properties.component","ModifyConnectorComponent":"./lib/components/modify-connector/modify-connector.component","MultiValueConnectorPropertyComponent":"./lib/components/multi-value-connector-property/multi-value-connector-property.component","connectorLinkExtensionInitializer":"./lib/extension/connector-management.extension.init","ConnectorManagementService":"./lib/services/connector-management/connector-management.service","ObjectApiSyncService":"./lib/services/object-api-sync/object-api-sync.service","ConnectorManagementStateService":"./lib/services/connector-management-state/connector-management-state.service","ɵa":"./lib/components/edit-product-aanvragen-connector/edit-product-aanvragen-connector.component","ɵb":"./lib/components/edit-connector-form/edit-connector-form.component","ɵc":"./lib/connector-management-routing"},"importAs":"@valtimo/connector-management"}