@valtimo/connector-management 5.0.0 → 5.3.0

package/fesm2020/valtimo-connector-management.mjs

@@ -169,10 +169,10 @@ class ConnectorManagementStateService {
         return this._hideModalSaveButton$.asObservable();
     }
     showModal() {
-        this._showModal$.next();
+        this._showModal$.next(null);
     }
     hideModal() {
-        this._hideModal$.next();
+        this._hideModal$.next(null);
     }
     showExtensionModal() {
         this._showExtensionModal$.next(true);
@@ -216,7 +216,7 @@ class ConnectorManagementStateService {
     save() {
         this._saveButtonDisabled$.pipe(take(1)).subscribe(saveButtonDisabled => {
             if (!saveButtonDisabled) {
-                this._save$.next();
+                this._save$.next(null);
             }
         });
     }
@@ -224,7 +224,7 @@ class ConnectorManagementStateService {
         this._modalType$.next(type);
     }
     delete() {
-        this._delete$.next();
+        this._delete$.next(null);
     }
     hideModalSaveButton() {
         this._hideModalSaveButton$.next(true);
@@ -493,10 +493,10 @@ class EditConnectorPropertiesComponent {
     }
 }
 EditConnectorPropertiesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: EditConnectorPropertiesComponent, deps: [{ token: ConnectorManagementStateService }], target: i0.ɵɵFactoryTarget.Component });
-EditConnectorPropertiesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: EditConnectorPropertiesComponent, selector: "valtimo-edit-connector-properties", inputs: { properties: "properties", withDefaults: "withDefaults", showDeleteButton: "showDeleteButton", showSaveButton: "showSaveButton", defaultName: "defaultName" }, outputs: { propertiesSave: "propertiesSave", connectorDelete: "connectorDelete" }, usesOnChanges: true, ngImport: i0, 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=\"edit-fields\"\n  *ngIf=\"{editFields: editFields$ | async, disabled: disabled$ | async} as obs\"\n>\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\n        *ngTemplateOutlet=\"singleInput; context: {editField: editField, disabled: obs.disabled}\"\n      ></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  <v-input\n    titleTranslationKey=\"connectorManagement.inputLabels.connectorName\"\n    [defaultValue]=\"withDefaults && defaultName ? defaultName : ''\"\n    [fullWidth]=\"true\"\n    [margin]=\"true\"\n    [disabled]=\"disabled\"\n    (valueChange)=\"onNameValueChange($event)\"\n  ></v-input>\n</ng-template>\n\n<ng-template #singleInput let-editField=\"editField\" let-disabled=\"disabled\">\n  <v-input\n    *ngIf=\"editField.editType === 'string'\"\n    [titleTranslationKey]=\"'connectorManagement.inputLabels.' + editField.key\"\n    [defaultValue]=\"withDefaults ? editField.defaultValue : ''\"\n    [fullWidth]=\"true\"\n    [margin]=\"true\"\n    [disabled]=\"disabled\"\n    (valueChange)=\"onSingleValueChange($event, editField)\"\n  ></v-input>\n  <v-input\n    *ngIf=\"editField.editType === 'number'\"\n    [titleTranslationKey]=\"'connectorManagement.inputLabels.' + editField.key\"\n    [defaultValue]=\"withDefaults ? editField.defaultValue : ''\"\n    [fullWidth]=\"true\"\n    [margin]=\"true\"\n    [disabled]=\"disabled\"\n    (valueChange)=\"onSingleValueChange($event, editField)\"\n    [step]=\"1\"\n    [min]=\"0\"\n  ></v-input>\n</ng-template>\n\n<ng-template #buttons let-disabled=\"disabled\">\n  <div class=\"border-top mt-3 pt-6\" *ngIf=\"showDeleteButton || showSaveButton\">\n    <div class=\"button-container\">\n      <button\n        *ngIf=\"showSaveButton\"\n        class=\"btn btn-primary\"\n        [disabled]=\"disabled || (saveButtonDisabled$ | async)\"\n        (click)=\"onSave()\"\n      >\n        <i class=\"icon mdi mdi-save mr-1\"></i>\n        {{ 'connectorManagement.save' | translate }}\n      </button>\n      <button\n        *ngIf=\"showDeleteButton\"\n        class=\"btn btn-danger btn-space\"\n        (click)=\"onDelete()\"\n        [disabled]=\"disabled\"\n      >\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{flex-flow:row-reverse;width:100%;display:flex;justify-content:space-between}\n"], components: [{ type: MultiValueConnectorPropertyComponent, selector: "valtimo-multi-value-connector-property", inputs: ["editField", "disabled", "defaultValue"], outputs: ["valuesSet"] }, { type: i2$2.InputComponent, selector: "v-input", inputs: ["type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "disabled", "step", "min"], outputs: ["valueChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i6.AsyncPipe, "translate": i2$1.TranslatePipe } });
+EditConnectorPropertiesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: EditConnectorPropertiesComponent, selector: "valtimo-edit-connector-properties", inputs: { properties: "properties", withDefaults: "withDefaults", showDeleteButton: "showDeleteButton", showSaveButton: "showSaveButton", defaultName: "defaultName" }, outputs: { propertiesSave: "propertiesSave", connectorDelete: "connectorDelete" }, usesOnChanges: true, ngImport: i0, 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=\"edit-fields\"\n  *ngIf=\"{editFields: editFields$ | async, disabled: disabled$ | async} as obs\"\n>\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\n        *ngTemplateOutlet=\"singleInput; context: {editField: editField, disabled: obs.disabled}\"\n      ></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  <v-input\n    name=\"name\"\n    titleTranslationKey=\"connectorManagement.inputLabels.connectorName\"\n    [defaultValue]=\"withDefaults && defaultName ? defaultName : ''\"\n    [fullWidth]=\"true\"\n    [margin]=\"true\"\n    [disabled]=\"disabled\"\n    (valueChange)=\"onNameValueChange($event)\"\n  ></v-input>\n</ng-template>\n\n<ng-template #singleInput let-editField=\"editField\" let-disabled=\"disabled\">\n  <v-input\n    *ngIf=\"editField.editType === 'string'\"\n    [name]=\"editField.key\"\n    [titleTranslationKey]=\"'connectorManagement.inputLabels.' + editField.key\"\n    [defaultValue]=\"withDefaults ? editField.defaultValue : ''\"\n    [fullWidth]=\"true\"\n    [margin]=\"true\"\n    [disabled]=\"disabled\"\n    (valueChange)=\"onSingleValueChange($event, editField)\"\n  ></v-input>\n  <v-input\n    *ngIf=\"editField.editType === 'number'\"\n    [name]=\"editField.key\"\n    [titleTranslationKey]=\"'connectorManagement.inputLabels.' + editField.key\"\n    [defaultValue]=\"withDefaults ? editField.defaultValue : ''\"\n    [fullWidth]=\"true\"\n    [margin]=\"true\"\n    [disabled]=\"disabled\"\n    (valueChange)=\"onSingleValueChange($event, editField)\"\n    [step]=\"1\"\n    [min]=\"0\"\n  ></v-input>\n</ng-template>\n\n<ng-template #buttons let-disabled=\"disabled\">\n  <div class=\"border-top mt-3 pt-6\" *ngIf=\"showDeleteButton || showSaveButton\">\n    <div class=\"button-container\">\n      <button\n        *ngIf=\"showSaveButton\"\n        class=\"btn btn-primary\"\n        [disabled]=\"disabled || (saveButtonDisabled$ | async)\"\n        (click)=\"onSave()\"\n      >\n        <i class=\"icon mdi mdi-save mr-1\"></i>\n        {{ 'connectorManagement.save' | translate }}\n      </button>\n      <button\n        *ngIf=\"showDeleteButton\"\n        class=\"btn btn-danger btn-space\"\n        (click)=\"onDelete()\"\n        [disabled]=\"disabled\"\n      >\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{flex-flow:row-reverse;width:100%;display:flex;justify-content:space-between}\n"], components: [{ type: MultiValueConnectorPropertyComponent, selector: "valtimo-multi-value-connector-property", inputs: ["editField", "disabled", "defaultValue"], outputs: ["valuesSet"] }, { type: i2$2.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "disabled", "step", "min", "maxLength"], outputs: ["valueChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i6.AsyncPipe, "translate": i2$1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: EditConnectorPropertiesComponent, decorators: [{
             type: Component,
-            args: [{ 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\n  class=\"edit-fields\"\n  *ngIf=\"{editFields: editFields$ | async, disabled: disabled$ | async} as obs\"\n>\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\n        *ngTemplateOutlet=\"singleInput; context: {editField: editField, disabled: obs.disabled}\"\n      ></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  <v-input\n    titleTranslationKey=\"connectorManagement.inputLabels.connectorName\"\n    [defaultValue]=\"withDefaults && defaultName ? defaultName : ''\"\n    [fullWidth]=\"true\"\n    [margin]=\"true\"\n    [disabled]=\"disabled\"\n    (valueChange)=\"onNameValueChange($event)\"\n  ></v-input>\n</ng-template>\n\n<ng-template #singleInput let-editField=\"editField\" let-disabled=\"disabled\">\n  <v-input\n    *ngIf=\"editField.editType === 'string'\"\n    [titleTranslationKey]=\"'connectorManagement.inputLabels.' + editField.key\"\n    [defaultValue]=\"withDefaults ? editField.defaultValue : ''\"\n    [fullWidth]=\"true\"\n    [margin]=\"true\"\n    [disabled]=\"disabled\"\n    (valueChange)=\"onSingleValueChange($event, editField)\"\n  ></v-input>\n  <v-input\n    *ngIf=\"editField.editType === 'number'\"\n    [titleTranslationKey]=\"'connectorManagement.inputLabels.' + editField.key\"\n    [defaultValue]=\"withDefaults ? editField.defaultValue : ''\"\n    [fullWidth]=\"true\"\n    [margin]=\"true\"\n    [disabled]=\"disabled\"\n    (valueChange)=\"onSingleValueChange($event, editField)\"\n    [step]=\"1\"\n    [min]=\"0\"\n  ></v-input>\n</ng-template>\n\n<ng-template #buttons let-disabled=\"disabled\">\n  <div class=\"border-top mt-3 pt-6\" *ngIf=\"showDeleteButton || showSaveButton\">\n    <div class=\"button-container\">\n      <button\n        *ngIf=\"showSaveButton\"\n        class=\"btn btn-primary\"\n        [disabled]=\"disabled || (saveButtonDisabled$ | async)\"\n        (click)=\"onSave()\"\n      >\n        <i class=\"icon mdi mdi-save mr-1\"></i>\n        {{ 'connectorManagement.save' | translate }}\n      </button>\n      <button\n        *ngIf=\"showDeleteButton\"\n        class=\"btn btn-danger btn-space\"\n        (click)=\"onDelete()\"\n        [disabled]=\"disabled\"\n      >\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{flex-flow:row-reverse;width:100%;display:flex;justify-content:space-between}\n"] }]
+            args: [{ 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\n  class=\"edit-fields\"\n  *ngIf=\"{editFields: editFields$ | async, disabled: disabled$ | async} as obs\"\n>\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\n        *ngTemplateOutlet=\"singleInput; context: {editField: editField, disabled: obs.disabled}\"\n      ></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  <v-input\n    name=\"name\"\n    titleTranslationKey=\"connectorManagement.inputLabels.connectorName\"\n    [defaultValue]=\"withDefaults && defaultName ? defaultName : ''\"\n    [fullWidth]=\"true\"\n    [margin]=\"true\"\n    [disabled]=\"disabled\"\n    (valueChange)=\"onNameValueChange($event)\"\n  ></v-input>\n</ng-template>\n\n<ng-template #singleInput let-editField=\"editField\" let-disabled=\"disabled\">\n  <v-input\n    *ngIf=\"editField.editType === 'string'\"\n    [name]=\"editField.key\"\n    [titleTranslationKey]=\"'connectorManagement.inputLabels.' + editField.key\"\n    [defaultValue]=\"withDefaults ? editField.defaultValue : ''\"\n    [fullWidth]=\"true\"\n    [margin]=\"true\"\n    [disabled]=\"disabled\"\n    (valueChange)=\"onSingleValueChange($event, editField)\"\n  ></v-input>\n  <v-input\n    *ngIf=\"editField.editType === 'number'\"\n    [name]=\"editField.key\"\n    [titleTranslationKey]=\"'connectorManagement.inputLabels.' + editField.key\"\n    [defaultValue]=\"withDefaults ? editField.defaultValue : ''\"\n    [fullWidth]=\"true\"\n    [margin]=\"true\"\n    [disabled]=\"disabled\"\n    (valueChange)=\"onSingleValueChange($event, editField)\"\n    [step]=\"1\"\n    [min]=\"0\"\n  ></v-input>\n</ng-template>\n\n<ng-template #buttons let-disabled=\"disabled\">\n  <div class=\"border-top mt-3 pt-6\" *ngIf=\"showDeleteButton || showSaveButton\">\n    <div class=\"button-container\">\n      <button\n        *ngIf=\"showSaveButton\"\n        class=\"btn btn-primary\"\n        [disabled]=\"disabled || (saveButtonDisabled$ | async)\"\n        (click)=\"onSave()\"\n      >\n        <i class=\"icon mdi mdi-save mr-1\"></i>\n        {{ 'connectorManagement.save' | translate }}\n      </button>\n      <button\n        *ngIf=\"showDeleteButton\"\n        class=\"btn btn-danger btn-space\"\n        (click)=\"onDelete()\"\n        [disabled]=\"disabled\"\n      >\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{flex-flow:row-reverse;width:100%;display:flex;justify-content:space-between}\n"] }]
         }], ctorParameters: function () { return [{ type: ConnectorManagementStateService }]; }, propDecorators: { properties: [{
                 type: Input
             }], withDefaults: [{
@@ -1465,7 +1465,7 @@ class ConnectorModalComponent {
     }
 }
 ConnectorModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorModalComponent, deps: [{ token: ConnectorManagementStateService }, { token: i2$2.ModalService }], target: i0.ɵɵFactoryTarget.Component });
-ConnectorModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ConnectorModalComponent, selector: "valtimo-connector-modal", viewQueries: [{ propertyName: "connectorCreateModal", first: true, predicate: ["connectorCreateModal"], descendants: true }, { propertyName: "connectorEditModal", first: true, predicate: ["connectorEditModal"], descendants: true }], ngImport: i0, 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<v-modal #connectorEditModal>\n  <div role=\"header\">\n    <div class=\"edit-connector-title\">\n      <v-title [margin]=\"false\">{{ 'connectorManagement.modify' | translate }}</v-title>\n    </div>\n  </div>\n  <div role=\"content\">\n    <valtimo-modify-connector\n      [showSaveButton]=\"false\"\n      [showDeleteButton]=\"false\"\n    ></valtimo-modify-connector>\n  </div>\n  <div role=\"footer\">\n    <div class=\"edit-connector-buttons\">\n      <v-button\n        [disabled]=\"inputDisabled$ | async\"\n        (clickEvent)=\"delete()\"\n        [mdiIcon]=\"'delete'\"\n        type=\"danger\"\n        >{{ 'connectorManagement.remove' | translate }}</v-button\n      >\n      <v-button\n        *ngIf=\"(hideModalSaveButton$ | async) === false\"\n        [disabled]=\"(saveButtonDisabled$ | async) || (inputDisabled$ | async)\"\n        (clickEvent)=\"complete()\"\n        [mdiIcon]=\"'check'\"\n        type=\"success\"\n        >{{ 'connectorManagement.save' | translate }}</v-button\n      >\n    </div>\n  </div>\n</v-modal>\n\n<v-stepper-container\n  (completeEvent)=\"complete()\"\n  (cancelClickEvent)=\"hide()\"\n  [disabled]=\"inputDisabled$ | async\"\n  [returnToFirstStepSubject$]=\"returnToFirstStepSubject$\"\n>\n  <v-modal #connectorCreateModal (closeEvent)=\"hide()\">\n    <div role=\"header\">\n      <v-stepper-header></v-stepper-header>\n    </div>\n    <div role=\"content\">\n      <v-stepper-content>\n        <v-stepper-step titleTranslationKey=\"addConnectorSteps.step0\">\n          <valtimo-add-connector-select></valtimo-add-connector-select>\n        </v-stepper-step>\n        <v-stepper-step titleTranslationKey=\"addConnectorSteps.step1\">\n          <valtimo-add-connector-configure\n            [showSaveButton]=\"false\"\n          ></valtimo-add-connector-configure>\n        </v-stepper-step>\n      </v-stepper-content>\n    </div>\n    <div role=\"footer\">\n      <v-stepper-footer>\n        <v-stepper-footer-step\n          nextButtonTranslationKey=\"addConnectorSteps.step1\"\n          [nextButtonEnabled]=\"connectorTypeSelected$ | async\"\n        ></v-stepper-footer-step>\n        <v-stepper-footer-step\n          completeButtonTranslationKey=\"addConnectorSteps.complete\"\n          [completeButtonEnabled]=\"(saveButtonDisabled$ | async) === false\"\n          [showCompleteButton]=\"(hideModalSaveButton$ | async) === false\"\n        ></v-stepper-footer-step>\n      </v-stepper-footer>\n    </div>\n  </v-modal>\n</v-stepper-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 */.edit-connector-buttons,.edit-connector-title{width:100%;display:flex;flex-direction:row;justify-content:space-between}.edit-connector-title{justify-content:center}\n"], components: [{ type: i2$2.ModalComponent, selector: "v-modal", inputs: ["appearingDelayMs", "maxWidthPx"], outputs: ["closeEvent"] }, { type: i2$2.TitleComponent, selector: "v-title", inputs: ["type", "margin"] }, { type: ModifyConnectorComponent, selector: "valtimo-modify-connector", inputs: ["showSaveButton", "showDeleteButton"] }, { type: i2$2.ButtonComponent, selector: "v-button", inputs: ["type", "mdiIcon", "disabled"], outputs: ["clickEvent"] }, { type: i2$2.StepperContainerComponent, selector: "v-stepper-container", inputs: ["returnToFirstStepSubject$", "disabled"], outputs: ["cancelClickEvent", "completeEvent", "nextStepEvent"] }, { type: i2$2.StepperHeaderComponent, selector: "v-stepper-header" }, { type: i2$2.StepperContentComponent, selector: "v-stepper-content" }, { type: i2$2.StepperStepComponent, selector: "v-stepper-step", inputs: ["titleTranslationKey"] }, { type: AddConnectorSelectComponent, selector: "valtimo-add-connector-select" }, { type: AddConnectorConfigureComponent, selector: "valtimo-add-connector-configure", inputs: ["showSaveButton"] }, { type: i2$2.StepperFooterComponent, selector: "v-stepper-footer" }, { type: i2$2.StepperFooterStepComponent, selector: "v-stepper-footer-step", inputs: ["nextButtonEnabled", "completeButtonEnabled", "nextButtonTranslationKey", "cancelButtonTranslationKey", "completeButtonTranslationKey", "completeButtonMdiIcon", "showCompleteButton"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i2$1.TranslatePipe, "async": i6.AsyncPipe } });
+ConnectorModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ConnectorModalComponent, selector: "valtimo-connector-modal", viewQueries: [{ propertyName: "connectorCreateModal", first: true, predicate: ["connectorCreateModal"], descendants: true }, { propertyName: "connectorEditModal", first: true, predicate: ["connectorEditModal"], descendants: true }], ngImport: i0, 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<v-modal #connectorEditModal>\n  <div role=\"header\">\n    <div class=\"edit-connector-title\">\n      <v-title [margin]=\"false\">{{ 'connectorManagement.modify' | translate }}</v-title>\n    </div>\n  </div>\n  <div role=\"content\">\n    <valtimo-modify-connector\n      [showSaveButton]=\"false\"\n      [showDeleteButton]=\"false\"\n    ></valtimo-modify-connector>\n  </div>\n  <div role=\"footer\">\n    <div class=\"edit-connector-buttons\">\n      <v-button\n        [disabled]=\"inputDisabled$ | async\"\n        (clickEvent)=\"delete()\"\n        [mdiIcon]=\"'delete'\"\n        type=\"danger\"\n        >{{ 'connectorManagement.remove' | translate }}</v-button\n      >\n      <v-button\n        *ngIf=\"(hideModalSaveButton$ | async) === false\"\n        [disabled]=\"(saveButtonDisabled$ | async) || (inputDisabled$ | async)\"\n        (clickEvent)=\"complete()\"\n        [mdiIcon]=\"'check'\"\n        type=\"success\"\n        >{{ 'connectorManagement.save' | translate }}</v-button\n      >\n    </div>\n  </div>\n</v-modal>\n\n<v-stepper-container\n  (completeEvent)=\"complete()\"\n  (cancelClickEvent)=\"hide()\"\n  [disabled]=\"inputDisabled$ | async\"\n  [returnToFirstStepSubject$]=\"returnToFirstStepSubject$\"\n>\n  <v-modal #connectorCreateModal (closeEvent)=\"hide()\">\n    <div role=\"header\">\n      <v-stepper-header></v-stepper-header>\n    </div>\n    <div role=\"content\">\n      <v-stepper-content>\n        <v-stepper-step titleTranslationKey=\"addConnectorSteps.step0\">\n          <valtimo-add-connector-select></valtimo-add-connector-select>\n        </v-stepper-step>\n        <v-stepper-step titleTranslationKey=\"addConnectorSteps.step1\">\n          <valtimo-add-connector-configure\n            [showSaveButton]=\"false\"\n          ></valtimo-add-connector-configure>\n        </v-stepper-step>\n      </v-stepper-content>\n    </div>\n    <div role=\"footer\">\n      <v-stepper-footer>\n        <v-stepper-footer-step\n          nextButtonTranslationKey=\"addConnectorSteps.step1\"\n          [nextButtonEnabled]=\"connectorTypeSelected$ | async\"\n        ></v-stepper-footer-step>\n        <v-stepper-footer-step\n          completeButtonTranslationKey=\"addConnectorSteps.complete\"\n          [completeButtonEnabled]=\"(saveButtonDisabled$ | async) === false\"\n          [showCompleteButton]=\"(hideModalSaveButton$ | async) === false\"\n        ></v-stepper-footer-step>\n      </v-stepper-footer>\n    </div>\n  </v-modal>\n</v-stepper-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 */.edit-connector-buttons,.edit-connector-title{width:100%;display:flex;flex-direction:row;justify-content:space-between}.edit-connector-title{justify-content:center}\n"], components: [{ type: i2$2.ModalComponent, selector: "v-modal", inputs: ["appearingDelayMs", "maxWidthPx"], outputs: ["closeEvent"] }, { type: i2$2.TitleComponent, selector: "v-title", inputs: ["type", "margin"] }, { type: ModifyConnectorComponent, selector: "valtimo-modify-connector", inputs: ["showSaveButton", "showDeleteButton"] }, { type: i2$2.ButtonComponent, selector: "v-button", inputs: ["type", "mdiIcon", "disabled", "title", "titleTranslationKey"], outputs: ["clickEvent"] }, { type: i2$2.StepperContainerComponent, selector: "v-stepper-container", inputs: ["returnToFirstStepSubject$", "disabled"], outputs: ["cancelClickEvent", "completeEvent", "nextStepEvent"] }, { type: i2$2.StepperHeaderComponent, selector: "v-stepper-header" }, { type: i2$2.StepperContentComponent, selector: "v-stepper-content" }, { type: i2$2.StepperStepComponent, selector: "v-stepper-step", inputs: ["titleTranslationKey"] }, { type: AddConnectorSelectComponent, selector: "valtimo-add-connector-select" }, { type: AddConnectorConfigureComponent, selector: "valtimo-add-connector-configure", inputs: ["showSaveButton"] }, { type: i2$2.StepperFooterComponent, selector: "v-stepper-footer" }, { type: i2$2.StepperFooterStepComponent, selector: "v-stepper-footer-step", inputs: ["nextButtonEnabled", "completeButtonEnabled", "nextButtonTranslationKey", "cancelButtonTranslationKey", "completeButtonTranslationKey", "completeButtonMdiIcon", "showCompleteButton"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i2$1.TranslatePipe, "async": i6.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorModalComponent, decorators: [{
             type: Component,
             args: [{ 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<v-modal #connectorEditModal>\n  <div role=\"header\">\n    <div class=\"edit-connector-title\">\n      <v-title [margin]=\"false\">{{ 'connectorManagement.modify' | translate }}</v-title>\n    </div>\n  </div>\n  <div role=\"content\">\n    <valtimo-modify-connector\n      [showSaveButton]=\"false\"\n      [showDeleteButton]=\"false\"\n    ></valtimo-modify-connector>\n  </div>\n  <div role=\"footer\">\n    <div class=\"edit-connector-buttons\">\n      <v-button\n        [disabled]=\"inputDisabled$ | async\"\n        (clickEvent)=\"delete()\"\n        [mdiIcon]=\"'delete'\"\n        type=\"danger\"\n        >{{ 'connectorManagement.remove' | translate }}</v-button\n      >\n      <v-button\n        *ngIf=\"(hideModalSaveButton$ | async) === false\"\n        [disabled]=\"(saveButtonDisabled$ | async) || (inputDisabled$ | async)\"\n        (clickEvent)=\"complete()\"\n        [mdiIcon]=\"'check'\"\n        type=\"success\"\n        >{{ 'connectorManagement.save' | translate }}</v-button\n      >\n    </div>\n  </div>\n</v-modal>\n\n<v-stepper-container\n  (completeEvent)=\"complete()\"\n  (cancelClickEvent)=\"hide()\"\n  [disabled]=\"inputDisabled$ | async\"\n  [returnToFirstStepSubject$]=\"returnToFirstStepSubject$\"\n>\n  <v-modal #connectorCreateModal (closeEvent)=\"hide()\">\n    <div role=\"header\">\n      <v-stepper-header></v-stepper-header>\n    </div>\n    <div role=\"content\">\n      <v-stepper-content>\n        <v-stepper-step titleTranslationKey=\"addConnectorSteps.step0\">\n          <valtimo-add-connector-select></valtimo-add-connector-select>\n        </v-stepper-step>\n        <v-stepper-step titleTranslationKey=\"addConnectorSteps.step1\">\n          <valtimo-add-connector-configure\n            [showSaveButton]=\"false\"\n          ></valtimo-add-connector-configure>\n        </v-stepper-step>\n      </v-stepper-content>\n    </div>\n    <div role=\"footer\">\n      <v-stepper-footer>\n        <v-stepper-footer-step\n          nextButtonTranslationKey=\"addConnectorSteps.step1\"\n          [nextButtonEnabled]=\"connectorTypeSelected$ | async\"\n        ></v-stepper-footer-step>\n        <v-stepper-footer-step\n          completeButtonTranslationKey=\"addConnectorSteps.complete\"\n          [completeButtonEnabled]=\"(saveButtonDisabled$ | async) === false\"\n          [showCompleteButton]=\"(hideModalSaveButton$ | async) === false\"\n        ></v-stepper-footer-step>\n      </v-stepper-footer>\n    </div>\n  </v-modal>\n</v-stepper-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 */.edit-connector-buttons,.edit-connector-title{width:100%;display:flex;flex-direction:row;justify-content:space-between}.edit-connector-title{justify-content:center}\n"] }]
@@ -1564,7 +1564,7 @@ class ConnectorManagementComponent {
     }
 }
 ConnectorManagementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorManagementComponent, deps: [{ token: ConnectorManagementService }, { token: i2$1.TranslateService }, { token: ConnectorManagementStateService }], target: i0.ɵɵFactoryTarget.Component });
-ConnectorManagementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ConnectorManagementComponent, selector: "valtimo-connector-management", ngImport: i0, 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<v-page-container\n  *ngIf=\"{\n    connectorInstances: connectorInstances$ | async,\n    fields: fields$ | async,\n    columns: columns$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async\n  } as obs\"\n>\n  <v-page-header>\n    <v-page-header-introduction>\n      <v-title>{{ 'pages.connectors.title' | translate }}</v-title>\n      <v-paragraph>{{ 'pages.connectors.description' | translate }}</v-paragraph>\n    </v-page-header-introduction>\n    <v-page-header-actions>\n      <v-button\n        (clickEvent)=\"showAddModal()\"\n        type=\"primary\"\n        mdiIcon=\"plus\"\n        [disabled]=\"obs.loading\"\n      >\n        {{ 'connectorManagement.add' | translate }}\n      </v-button>\n    </v-page-header-actions>\n  </v-page-header>\n  <v-page-content>\n    <v-table\n      [loading]=\"obs.loading\"\n      [items]=\"obs.connectorInstances\"\n      [columns]=\"obs.columns\"\n      [showEditButtons]=\"true\"\n      [amountOfLoadingRows]=\"2\"\n      [collectionSize]=\"obs.pagination.collectionSize\"\n      [maxPaginationItemSize]=\"obs.pagination.maxPaginationItemSize\"\n      [page]=\"obs.pagination.page\"\n      [size]=\"obs.pagination.size\"\n      [itemsTranslationKey]=\"'connectorManagement.tableItemsText'\"\n      (editButtonClicked)=\"rowClicked($event)\"\n      (paginationSizeSet)=\"paginationSet($event)\"\n      (paginationPageSet)=\"paginationClicked($event)\"\n    ></v-table>\n  </v-page-content>\n</v-page-container>\n\n<valtimo-connector-modal></valtimo-connector-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 */\n"], components: [{ type: i2$2.PageContainerComponent, selector: "v-page-container" }, { type: i2$2.PageHeaderComponent, selector: "v-page-header" }, { type: i2$2.PageHeaderIntroductionComponent, selector: "v-page-header-introduction" }, { type: i2$2.TitleComponent, selector: "v-title", inputs: ["type", "margin"] }, { type: i2$2.ParagraphComponent, selector: "v-paragraph" }, { type: i2$2.PageHeaderActionsComponent, selector: "v-page-header-actions" }, { type: i2$2.ButtonComponent, selector: "v-button", inputs: ["type", "mdiIcon", "disabled"], outputs: ["clickEvent"] }, { type: i2$2.PageContentComponent, selector: "v-page-content" }, { type: i2$2.TableComponent, selector: "v-table", inputs: ["items", "columns", "loading", "showEditButtons", "showPagination", "editButtonTranslationKey", "itemsTranslationKey", "mobileBreakpointPx", "amountOfLoadingRows", "collectionSize", "maxPaginationItemSize", "page", "size"], outputs: ["editButtonClicked", "paginationSizeSet", "paginationPageSet"] }, { type: ConnectorModalComponent, selector: "valtimo-connector-modal" }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i6.AsyncPipe, "translate": i2$1.TranslatePipe } });
+ConnectorManagementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ConnectorManagementComponent, selector: "valtimo-connector-management", ngImport: i0, 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<v-page-container\n  *ngIf=\"{\n    connectorInstances: connectorInstances$ | async,\n    fields: fields$ | async,\n    columns: columns$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async\n  } as obs\"\n>\n  <v-page-header>\n    <v-page-header-introduction>\n      <v-title>{{ 'pages.connectors.title' | translate }}</v-title>\n      <v-paragraph>{{ 'pages.connectors.description' | translate }}</v-paragraph>\n    </v-page-header-introduction>\n    <v-page-header-actions>\n      <v-button\n        (clickEvent)=\"showAddModal()\"\n        type=\"primary\"\n        mdiIcon=\"plus\"\n        [disabled]=\"obs.loading\"\n      >\n        {{ 'connectorManagement.add' | translate }}\n      </v-button>\n    </v-page-header-actions>\n  </v-page-header>\n  <v-page-content>\n    <v-table\n      [loading]=\"obs.loading\"\n      [items]=\"obs.connectorInstances\"\n      [columns]=\"obs.columns\"\n      [showEditButtons]=\"true\"\n      [amountOfLoadingRows]=\"2\"\n      [collectionSize]=\"obs.pagination.collectionSize\"\n      [maxPaginationItemSize]=\"obs.pagination.maxPaginationItemSize\"\n      [page]=\"obs.pagination.page\"\n      [size]=\"obs.pagination.size\"\n      [itemsTranslationKey]=\"'connectorManagement.tableItemsText'\"\n      (editButtonClicked)=\"rowClicked($event)\"\n      (paginationSizeSet)=\"paginationSet($event)\"\n      (paginationPageSet)=\"paginationClicked($event)\"\n    ></v-table>\n  </v-page-content>\n</v-page-container>\n\n<valtimo-connector-modal></valtimo-connector-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 */\n"], components: [{ type: i2$2.PageContainerComponent, selector: "v-page-container" }, { type: i2$2.PageHeaderComponent, selector: "v-page-header" }, { type: i2$2.PageHeaderIntroductionComponent, selector: "v-page-header-introduction" }, { type: i2$2.TitleComponent, selector: "v-title", inputs: ["type", "margin"] }, { type: i2$2.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth"] }, { type: i2$2.PageHeaderActionsComponent, selector: "v-page-header-actions" }, { type: i2$2.ButtonComponent, selector: "v-button", inputs: ["type", "mdiIcon", "disabled", "title", "titleTranslationKey"], outputs: ["clickEvent"] }, { type: i2$2.PageContentComponent, selector: "v-page-content" }, { type: i2$2.TableComponent, selector: "v-table", inputs: ["items", "columns", "loading", "showEditButtons", "showPagination", "editButtonTranslationKey", "itemsTranslationKey", "noResultsTranslationKey", "mobileBreakpointPx", "amountOfLoadingRows", "collectionSize", "maxPaginationItemSize", "page", "size"], outputs: ["editButtonClicked", "paginationSizeSet", "paginationPageSet"] }, { type: ConnectorModalComponent, selector: "valtimo-connector-modal" }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i6.AsyncPipe, "translate": i2$1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorManagementComponent, decorators: [{
             type: Component,
             args: [{ 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<v-page-container\n  *ngIf=\"{\n    connectorInstances: connectorInstances$ | async,\n    fields: fields$ | async,\n    columns: columns$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async\n  } as obs\"\n>\n  <v-page-header>\n    <v-page-header-introduction>\n      <v-title>{{ 'pages.connectors.title' | translate }}</v-title>\n      <v-paragraph>{{ 'pages.connectors.description' | translate }}</v-paragraph>\n    </v-page-header-introduction>\n    <v-page-header-actions>\n      <v-button\n        (clickEvent)=\"showAddModal()\"\n        type=\"primary\"\n        mdiIcon=\"plus\"\n        [disabled]=\"obs.loading\"\n      >\n        {{ 'connectorManagement.add' | translate }}\n      </v-button>\n    </v-page-header-actions>\n  </v-page-header>\n  <v-page-content>\n    <v-table\n      [loading]=\"obs.loading\"\n      [items]=\"obs.connectorInstances\"\n      [columns]=\"obs.columns\"\n      [showEditButtons]=\"true\"\n      [amountOfLoadingRows]=\"2\"\n      [collectionSize]=\"obs.pagination.collectionSize\"\n      [maxPaginationItemSize]=\"obs.pagination.maxPaginationItemSize\"\n      [page]=\"obs.pagination.page\"\n      [size]=\"obs.pagination.size\"\n      [itemsTranslationKey]=\"'connectorManagement.tableItemsText'\"\n      (editButtonClicked)=\"rowClicked($event)\"\n      (paginationSizeSet)=\"paginationSet($event)\"\n      (paginationPageSet)=\"paginationClicked($event)\"\n    ></v-table>\n  </v-page-content>\n</v-page-container>\n\n<valtimo-connector-modal></valtimo-connector-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 */\n"] }]