@valtimo/connector-management 5.12.0 → 5.14.0

package/esm2020/lib/components/connector-link-extension-modal/connector-link-extension-modal.component.mjs

@@ -118,7 +118,7 @@ export class ConnectorLinkExtensionModalComponent {
     }
 }
 ConnectorLinkExtensionModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ConnectorLinkExtensionModalComponent, deps: [{ token: i1.ConnectorManagementService }, { token: i2.TranslateService }, { token: i3.ConnectorManagementStateService }, { token: i4.ObjectApiSyncService }, { token: i5.ActivatedRoute }, { token: i6.AlertService }], target: i0.ɵɵFactoryTarget.Component });
-ConnectorLinkExtensionModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ConnectorLinkExtensionModalComponent, selector: "valtimo-connector-link-extension-modal", viewQueries: [{ propertyName: "modal", first: true, predicate: ["modal"], 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<valtimo-modal #modal [title]=\"'connectorManagement.extension.buttonText' | translate\">\n  <div\n    class=\"mt-2\"\n    body\n    *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  >\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\">\n                {{ 'connectorManagement.subtitle' | translate }}\n              </h5>\n            </div>\n          </valtimo-list>\n        </valtimo-widget>\n      </ng-container>\n    </div>\n  </div>\n</valtimo-modal>\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: ["/*!\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 */.disabled{opacity:.8;pointer-events:none;filter:grayscale(1)}\n"], components: [{ type: i6.ModalComponent, selector: "valtimo-modal", inputs: ["elementId", "title", "subtitle", "templateBelowSubtitle", "showFooter"] }, { type: i6.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { type: i6.ListComponent, selector: "valtimo-list", inputs: ["items", "fields", "pagination", "viewMode", "isSearchable", "header", "actions", "paginationIdentifier", "initialSortState"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged"] }, { type: i6.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }], pipes: { "translate": i2.TranslatePipe, "async": i7.AsyncPipe } });
+ConnectorLinkExtensionModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ConnectorLinkExtensionModalComponent, selector: "valtimo-connector-link-extension-modal", viewQueries: [{ propertyName: "modal", first: true, predicate: ["modal"], 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<valtimo-modal #modal [title]=\"'connectorManagement.extension.buttonText' | translate\">\n  <div\n    class=\"mt-2\"\n    body\n    *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  >\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\">\n                {{ 'connectorManagement.subtitle' | translate }}\n              </h5>\n            </div>\n          </valtimo-list>\n        </valtimo-widget>\n      </ng-container>\n    </div>\n  </div>\n</valtimo-modal>\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: ["/*!\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 */.disabled{opacity:.8;pointer-events:none;filter:grayscale(1)}\n"], components: [{ type: i6.ModalComponent, selector: "valtimo-modal", inputs: ["elementId", "title", "subtitle", "templateBelowSubtitle", "showFooter"] }, { type: i6.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { type: i6.ListComponent, selector: "valtimo-list", inputs: ["items", "fields", "pagination", "viewMode", "isSearchable", "header", "actions", "paginationIdentifier", "initialSortState", "lastColumnTemplate"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged"] }, { type: i6.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }], pipes: { "translate": i2.TranslatePipe, "async": i7.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ConnectorLinkExtensionModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-connector-link-extension-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.extension.buttonText' | translate\">\n  <div\n    class=\"mt-2\"\n    body\n    *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  >\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\">\n                {{ 'connectorManagement.subtitle' | translate }}\n              </h5>\n            </div>\n          </valtimo-list>\n        </valtimo-widget>\n      </ng-container>\n    </div>\n  </div>\n</valtimo-modal>\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: ["/*!\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 */.disabled{opacity:.8;pointer-events:none;filter:grayscale(1)}\n"] }]

package/esm2020/lib/components/edit-connector-properties/edit-connector-properties.component.mjs

@@ -163,7 +163,7 @@ export class EditConnectorPropertiesComponent {
     }
 }
 EditConnectorPropertiesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EditConnectorPropertiesComponent, deps: [{ token: i1.ConnectorManagementStateService }], target: i0.ɵɵFactoryTarget.Component });
-EditConnectorPropertiesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: i2.MultiValueConnectorPropertyComponent, selector: "valtimo-multi-value-connector-property", inputs: ["editField", "disabled", "defaultValue"], outputs: ["valuesSet"] }, { type: i3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel"], outputs: ["valueChange"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i4.AsyncPipe, "translate": i5.TranslatePipe } });
+EditConnectorPropertiesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: i2.MultiValueConnectorPropertyComponent, selector: "valtimo-multi-value-connector-property", inputs: ["editField", "disabled", "defaultValue"], outputs: ["valuesSet"] }, { type: i3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "clear$"], outputs: ["valueChange"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i4.AsyncPipe, "translate": i5.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", 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    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"] }]

package/fesm2015/valtimo-connector-management.mjs

@@ -487,7 +487,7 @@ class EditConnectorPropertiesComponent {
     }
 }
 EditConnectorPropertiesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EditConnectorPropertiesComponent, deps: [{ token: ConnectorManagementStateService }], target: i0.ɵɵFactoryTarget.Component });
-EditConnectorPropertiesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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", "tooltip", "required", "hideNumberSpinBox", "smallLabel"], 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.11", 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", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "clear$"], 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.11", 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    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"] }]
@@ -1786,7 +1786,7 @@ class ConnectorLinkExtensionModalComponent {
     }
 }
 ConnectorLinkExtensionModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ConnectorLinkExtensionModalComponent, deps: [{ token: ConnectorManagementService }, { token: i2$1.TranslateService }, { token: ConnectorManagementStateService }, { token: ObjectApiSyncService }, { token: i5.ActivatedRoute }, { token: i6$1.AlertService }], target: i0.ɵɵFactoryTarget.Component });
-ConnectorLinkExtensionModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ConnectorLinkExtensionModalComponent, selector: "valtimo-connector-link-extension-modal", viewQueries: [{ propertyName: "modal", first: true, predicate: ["modal"], 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<valtimo-modal #modal [title]=\"'connectorManagement.extension.buttonText' | translate\">\n  <div\n    class=\"mt-2\"\n    body\n    *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  >\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\">\n                {{ 'connectorManagement.subtitle' | translate }}\n              </h5>\n            </div>\n          </valtimo-list>\n        </valtimo-widget>\n      </ng-container>\n    </div>\n  </div>\n</valtimo-modal>\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: ["/*!\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 */.disabled{opacity:.8;pointer-events:none;filter:grayscale(1)}\n"], components: [{ type: i6$1.ModalComponent, selector: "valtimo-modal", inputs: ["elementId", "title", "subtitle", "templateBelowSubtitle", "showFooter"] }, { type: i6$1.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { type: i6$1.ListComponent, selector: "valtimo-list", inputs: ["items", "fields", "pagination", "viewMode", "isSearchable", "header", "actions", "paginationIdentifier", "initialSortState"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged"] }, { type: i6$1.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }], pipes: { "translate": i2$1.TranslatePipe, "async": i6.AsyncPipe } });
+ConnectorLinkExtensionModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ConnectorLinkExtensionModalComponent, selector: "valtimo-connector-link-extension-modal", viewQueries: [{ propertyName: "modal", first: true, predicate: ["modal"], 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<valtimo-modal #modal [title]=\"'connectorManagement.extension.buttonText' | translate\">\n  <div\n    class=\"mt-2\"\n    body\n    *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  >\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\">\n                {{ 'connectorManagement.subtitle' | translate }}\n              </h5>\n            </div>\n          </valtimo-list>\n        </valtimo-widget>\n      </ng-container>\n    </div>\n  </div>\n</valtimo-modal>\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: ["/*!\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 */.disabled{opacity:.8;pointer-events:none;filter:grayscale(1)}\n"], components: [{ type: i6$1.ModalComponent, selector: "valtimo-modal", inputs: ["elementId", "title", "subtitle", "templateBelowSubtitle", "showFooter"] }, { type: i6$1.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { type: i6$1.ListComponent, selector: "valtimo-list", inputs: ["items", "fields", "pagination", "viewMode", "isSearchable", "header", "actions", "paginationIdentifier", "initialSortState", "lastColumnTemplate"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged"] }, { type: i6$1.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }], pipes: { "translate": i2$1.TranslatePipe, "async": i6.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ConnectorLinkExtensionModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-connector-link-extension-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.extension.buttonText' | translate\">\n  <div\n    class=\"mt-2\"\n    body\n    *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  >\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\">\n                {{ 'connectorManagement.subtitle' | translate }}\n              </h5>\n            </div>\n          </valtimo-list>\n        </valtimo-widget>\n      </ng-container>\n    </div>\n  </div>\n</valtimo-modal>\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: ["/*!\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 */.disabled{opacity:.8;pointer-events:none;filter:grayscale(1)}\n"] }]