@valtimo/plugin 13.14.0 → 13.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -2779,11 +2779,11 @@ class ZakenApiConfigurationComponent {
|
|
|
2779
2779
|
});
|
|
2780
2780
|
}
|
|
2781
2781
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ZakenApiConfigurationComponent, deps: [{ token: PluginManagementService }, { token: i2.TranslateService }, { token: PluginTranslationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2782
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ZakenApiConfigurationComponent, isStandalone: false, selector: "valtimo-zaken-api-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n ~ Copyright 2015-2025 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-form\n (valueChange)=\"formValueChange($event)\"\n *ngIf=\"{\n disabled: disabled$ | async,\n prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n noteEventListenerEnabled: noteEventListenerEnabled$ | async\n } as obs\"\n>\n <v-input\n name=\"configurationTitle\"\n
|
|
2782
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ZakenApiConfigurationComponent, isStandalone: false, selector: "valtimo-zaken-api-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n ~ Copyright 2015-2025 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-form\n (valueChange)=\"formValueChange($event)\"\n *ngIf=\"{\n disabled: disabled$ | async,\n prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n noteEventListenerEnabled: noteEventListenerEnabled$ | async\n } as obs\"\n>\n <v-input\n name=\"configurationTitle\"\n data-test-id=\"zakenApiConfigurationTitle\"\n placeholder=\"Zaken API Plugin\"\n [title]=\"'configurationTitle' | pluginTranslate: pluginId | async\"\n [defaultValue]=\"obs.prefill?.configurationTitle\"\n [disabled]=\"obs.disabled\"\n [required]=\"true\"\n [margin]=\"true\"\n [trim]=\"true\"\n [tooltip]=\"'configurationTitleTooltip' | pluginTranslate: pluginId | async\"\n >\n </v-input>\n\n <v-input\n name=\"url\"\n data-test-id=\"zakenApiUrl\"\n [title]=\"'url' | pluginTranslate: pluginId | async\"\n [defaultValue]=\"obs.prefill?.url\"\n [disabled]=\"obs.disabled\"\n [required]=\"true\"\n [trim]=\"true\"\n [margin]=\"true\"\n [tooltip]=\"'urlTooltip' | pluginTranslate: pluginId | async\"\n placeholder=\"https://openzaak.example.com/zaken/api/v1/ \"\n >\n </v-input>\n\n <ng-container\n *ngIf=\"{authenticationPluginSelectItems: authenticationPluginSelectItems$ | async} as authObs\"\n >\n <v-select\n data-test-id=\"zakenApiAuthenticationPluginConfiguration\"\n name=\"authenticationPluginConfiguration\"\n [title]=\"'authenticationPluginConfiguration' | pluginTranslate: pluginId | async\"\n [tooltip]=\"'authenticationPluginConfigurationTooltip' | pluginTranslate: pluginId | async\"\n [disabled]=\"obs.disabled\"\n [required]=\"true\"\n [margin]=\"true\"\n [items]=\"authObs.authenticationPluginSelectItems\"\n [loading]=\"!authObs.authenticationPluginSelectItems\"\n [defaultSelectionId]=\"obs.prefill?.authenticationPluginConfiguration\"\n ></v-select>\n </ng-container>\n\n <div class=\"input-toggle--small-margin\">\n <v-input-label\n [title]=\"'noteEventListenerEnabled' | pluginTranslate: pluginId | async\"\n [tooltip]=\"'noteEventListenerEnabledTooltip' | pluginTranslate: pluginId | async\"\n >\n </v-input-label>\n\n <cds-toggle\n [checked]=\"obs.noteEventListenerEnabled\"\n [disabled]=\"obs.disabled\"\n [onText]=\"'noteEventListenerEnabled.toggleOn' | pluginTranslate: pluginId | async\"\n [offText]=\"'noteEventListenerEnabled.toggleOff' | pluginTranslate: pluginId | async\"\n (checkedChange)=\"onNoteEventListenerEnabledChange($event)\"\n ></cds-toggle>\n </div>\n\n <v-input\n *ngIf=\"obs.noteEventListenerEnabled\"\n name=\"noteSubject\"\n [title]=\"'noteSubject' | pluginTranslate: pluginId | async\"\n [defaultValue]=\"obs.prefill?.noteSubject\"\n [disabled]=\"obs.disabled\"\n [required]=\"true\"\n [margin]=\"true\"\n [trim]=\"true\"\n >\n </v-input>\n</v-form>\n", styles: [".input-toggle--small-margin{margin-block-end:var(--v-input-small-margin)}\n/*!\n * Copyright 2015-2025 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"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i1$3.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }, { kind: "component", type: i2$2.InputLabelComponent, selector: "v-input-label", inputs: ["name", "tooltip", "tooltipTranslationKey", "largeMargin", "small", "noMargin", "title", "titleTranslationKey", "required", "disabled", "carbonTheme"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }] }); }
|
|
2783
2783
|
}
|
|
2784
2784
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ZakenApiConfigurationComponent, decorators: [{
|
|
2785
2785
|
type: Component,
|
|
2786
|
-
args: [{ standalone: false, selector: 'valtimo-zaken-api-configuration', template: "<!--\n ~ Copyright 2015-2025 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-form\n (valueChange)=\"formValueChange($event)\"\n *ngIf=\"{\n disabled: disabled$ | async,\n prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n noteEventListenerEnabled: noteEventListenerEnabled$ | async\n } as obs\"\n>\n <v-input\n name=\"configurationTitle\"\n
|
|
2786
|
+
args: [{ standalone: false, selector: 'valtimo-zaken-api-configuration', template: "<!--\n ~ Copyright 2015-2025 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-form\n (valueChange)=\"formValueChange($event)\"\n *ngIf=\"{\n disabled: disabled$ | async,\n prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n noteEventListenerEnabled: noteEventListenerEnabled$ | async\n } as obs\"\n>\n <v-input\n name=\"configurationTitle\"\n data-test-id=\"zakenApiConfigurationTitle\"\n placeholder=\"Zaken API Plugin\"\n [title]=\"'configurationTitle' | pluginTranslate: pluginId | async\"\n [defaultValue]=\"obs.prefill?.configurationTitle\"\n [disabled]=\"obs.disabled\"\n [required]=\"true\"\n [margin]=\"true\"\n [trim]=\"true\"\n [tooltip]=\"'configurationTitleTooltip' | pluginTranslate: pluginId | async\"\n >\n </v-input>\n\n <v-input\n name=\"url\"\n data-test-id=\"zakenApiUrl\"\n [title]=\"'url' | pluginTranslate: pluginId | async\"\n [defaultValue]=\"obs.prefill?.url\"\n [disabled]=\"obs.disabled\"\n [required]=\"true\"\n [trim]=\"true\"\n [margin]=\"true\"\n [tooltip]=\"'urlTooltip' | pluginTranslate: pluginId | async\"\n placeholder=\"https://openzaak.example.com/zaken/api/v1/ \"\n >\n </v-input>\n\n <ng-container\n *ngIf=\"{authenticationPluginSelectItems: authenticationPluginSelectItems$ | async} as authObs\"\n >\n <v-select\n data-test-id=\"zakenApiAuthenticationPluginConfiguration\"\n name=\"authenticationPluginConfiguration\"\n [title]=\"'authenticationPluginConfiguration' | pluginTranslate: pluginId | async\"\n [tooltip]=\"'authenticationPluginConfigurationTooltip' | pluginTranslate: pluginId | async\"\n [disabled]=\"obs.disabled\"\n [required]=\"true\"\n [margin]=\"true\"\n [items]=\"authObs.authenticationPluginSelectItems\"\n [loading]=\"!authObs.authenticationPluginSelectItems\"\n [defaultSelectionId]=\"obs.prefill?.authenticationPluginConfiguration\"\n ></v-select>\n </ng-container>\n\n <div class=\"input-toggle--small-margin\">\n <v-input-label\n [title]=\"'noteEventListenerEnabled' | pluginTranslate: pluginId | async\"\n [tooltip]=\"'noteEventListenerEnabledTooltip' | pluginTranslate: pluginId | async\"\n >\n </v-input-label>\n\n <cds-toggle\n [checked]=\"obs.noteEventListenerEnabled\"\n [disabled]=\"obs.disabled\"\n [onText]=\"'noteEventListenerEnabled.toggleOn' | pluginTranslate: pluginId | async\"\n [offText]=\"'noteEventListenerEnabled.toggleOff' | pluginTranslate: pluginId | async\"\n (checkedChange)=\"onNoteEventListenerEnabledChange($event)\"\n ></cds-toggle>\n </div>\n\n <v-input\n *ngIf=\"obs.noteEventListenerEnabled\"\n name=\"noteSubject\"\n [title]=\"'noteSubject' | pluginTranslate: pluginId | async\"\n [defaultValue]=\"obs.prefill?.noteSubject\"\n [disabled]=\"obs.disabled\"\n [required]=\"true\"\n [margin]=\"true\"\n [trim]=\"true\"\n >\n </v-input>\n</v-form>\n", styles: [".input-toggle--small-margin{margin-block-end:var(--v-input-small-margin)}\n/*!\n * Copyright 2015-2025 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"] }]
|
|
2787
2787
|
}], ctorParameters: () => [{ type: PluginManagementService }, { type: i2.TranslateService }, { type: PluginTranslationService }], propDecorators: { save$: [{
|
|
2788
2788
|
type: Input
|
|
2789
2789
|
}], disabled$: [{
|
|
@@ -4041,196 +4041,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
4041
4041
|
type: Output
|
|
4042
4042
|
}] } });
|
|
4043
4043
|
|
|
4044
|
-
/*
|
|
4045
|
-
* Copyright 2015-2025 Ritense BV, the Netherlands.
|
|
4046
|
-
*
|
|
4047
|
-
* Licensed under EUPL, Version 1.2 (the "License");
|
|
4048
|
-
* you may not use this file except in compliance with the License.
|
|
4049
|
-
* You may obtain a copy of the License at
|
|
4050
|
-
*
|
|
4051
|
-
* https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
|
|
4052
|
-
*
|
|
4053
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
4054
|
-
* distributed under the License is distributed on an "AS IS" basis,
|
|
4055
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
4056
|
-
* See the License for the specific language governing permissions and
|
|
4057
|
-
* limitations under the License.
|
|
4058
|
-
*/
|
|
4059
|
-
const PatchZaakPropertyOptions = [
|
|
4060
|
-
'description',
|
|
4061
|
-
'explanation',
|
|
4062
|
-
'startDate',
|
|
4063
|
-
'plannedEndDate',
|
|
4064
|
-
'finalDeliveryDate',
|
|
4065
|
-
'publicationDate',
|
|
4066
|
-
'communicationChannel',
|
|
4067
|
-
'communicationChannelName',
|
|
4068
|
-
'paymentIndication',
|
|
4069
|
-
'lastPaymentDate',
|
|
4070
|
-
'caseGeometryType',
|
|
4071
|
-
'caseGeometryCoordinates',
|
|
4072
|
-
'mainCase',
|
|
4073
|
-
'archiveActionDate',
|
|
4074
|
-
'startDateRetentionPeriod',
|
|
4075
|
-
];
|
|
4076
|
-
|
|
4077
|
-
/*
|
|
4078
|
-
* Copyright 2015-2025 Ritense BV, the Netherlands.
|
|
4079
|
-
*
|
|
4080
|
-
* Licensed under EUPL, Version 1.2 (the "License");
|
|
4081
|
-
* you may not use this file except in compliance with the License.
|
|
4082
|
-
* You may obtain a copy of the License at
|
|
4083
|
-
*
|
|
4084
|
-
* https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
|
|
4085
|
-
*
|
|
4086
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
4087
|
-
* distributed under the License is distributed on an "AS IS" basis,
|
|
4088
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
4089
|
-
* See the License for the specific language governing permissions and
|
|
4090
|
-
* limitations under the License.
|
|
4091
|
-
*/
|
|
4092
|
-
class PatchZaakConfigurationComponent {
|
|
4093
|
-
constructor(iconService) {
|
|
4094
|
-
this.iconService = iconService;
|
|
4095
|
-
this.valid = new EventEmitter();
|
|
4096
|
-
this.configuration = new EventEmitter();
|
|
4097
|
-
this.propertyOptions = Object.values(PatchZaakPropertyOptions);
|
|
4098
|
-
this.propertyList = [];
|
|
4099
|
-
this.geometryTypes = GEOMETRY_TYPES;
|
|
4100
|
-
this.paymentIndicationTypes = PAYMENT_INDICATION_TYPES;
|
|
4101
|
-
this.CASE_GEOMETRY_TYPE = 'caseGeometryType';
|
|
4102
|
-
this.CASE_GEOMETRY_COORDINATES = 'caseGeometryCoordinates';
|
|
4103
|
-
this.PAYMENT_INDICATION_TYPE = 'paymentIndication';
|
|
4104
|
-
this._formValue$ = new BehaviorSubject({});
|
|
4105
|
-
this._properties = new Map();
|
|
4106
|
-
this._valid$ = new BehaviorSubject(false);
|
|
4107
|
-
this.iconService.registerAll([Add16, TrashCan16]);
|
|
4108
|
-
}
|
|
4109
|
-
ngOnInit() {
|
|
4110
|
-
this.initPropertyList();
|
|
4111
|
-
this.openSaveSubscription();
|
|
4112
|
-
}
|
|
4113
|
-
ngOnDestroy() {
|
|
4114
|
-
this._saveSubscription?.unsubscribe();
|
|
4115
|
-
}
|
|
4116
|
-
onFormValueChanged(formValue) {
|
|
4117
|
-
this._formValue$.next(formValue);
|
|
4118
|
-
this.handleValid(formValue);
|
|
4119
|
-
}
|
|
4120
|
-
onPropertyChanged(property, value) {
|
|
4121
|
-
this._properties.set(property, value);
|
|
4122
|
-
const formValue = this._formValue$.value;
|
|
4123
|
-
this._properties.forEach((value, key) => {
|
|
4124
|
-
formValue[key] = value;
|
|
4125
|
-
});
|
|
4126
|
-
this.onFormValueChanged(formValue);
|
|
4127
|
-
}
|
|
4128
|
-
addProperty(property) {
|
|
4129
|
-
if (!this.hasPropertyBeenAdded(property)) {
|
|
4130
|
-
this.propertyList.push(this.propertyFormFieldFor(property));
|
|
4131
|
-
this.onPropertyChanged(property, undefined);
|
|
4132
|
-
}
|
|
4133
|
-
// add linked field coordinates
|
|
4134
|
-
if (property === this.CASE_GEOMETRY_TYPE) {
|
|
4135
|
-
this.addProperty(this.CASE_GEOMETRY_COORDINATES);
|
|
4136
|
-
}
|
|
4137
|
-
}
|
|
4138
|
-
removeProperty(property) {
|
|
4139
|
-
if (this.hasPropertyBeenAdded(property)) {
|
|
4140
|
-
this.propertyList.splice(this.propertyList.findIndex(item => item.name === property), 1);
|
|
4141
|
-
this.onPropertyChanged(property, undefined);
|
|
4142
|
-
}
|
|
4143
|
-
// remove linked field coordinates
|
|
4144
|
-
if (property === this.CASE_GEOMETRY_TYPE) {
|
|
4145
|
-
this.removeProperty(this.CASE_GEOMETRY_COORDINATES);
|
|
4146
|
-
}
|
|
4147
|
-
}
|
|
4148
|
-
hasPropertyBeenAdded(property) {
|
|
4149
|
-
return this.propertyList.findIndex(item => item.name === property) !== -1;
|
|
4150
|
-
}
|
|
4151
|
-
prefillValueFor(property, prefill) {
|
|
4152
|
-
return prefill != null ? prefill[property] : null;
|
|
4153
|
-
}
|
|
4154
|
-
translationKeyForPropertyList(property) {
|
|
4155
|
-
return property === this.CASE_GEOMETRY_TYPE ? 'caseGeometry' : this.translationKeyFor(property);
|
|
4156
|
-
}
|
|
4157
|
-
initPropertyList() {
|
|
4158
|
-
this.prefillConfiguration$.pipe(take(1)).subscribe(prefill => {
|
|
4159
|
-
if (prefill) {
|
|
4160
|
-
PatchZaakPropertyOptions.forEach(property => {
|
|
4161
|
-
if (!!prefill[property])
|
|
4162
|
-
this.addProperty(property);
|
|
4163
|
-
});
|
|
4164
|
-
}
|
|
4165
|
-
});
|
|
4166
|
-
}
|
|
4167
|
-
propertyFormFieldFor(property) {
|
|
4168
|
-
return {
|
|
4169
|
-
name: property,
|
|
4170
|
-
translationKey: this.translationKeyFor(property),
|
|
4171
|
-
tooltipTranslationKey: this.tooltipTranslationKeyFor(property),
|
|
4172
|
-
presetOptions: this.presetOptionsForProperty(property),
|
|
4173
|
-
};
|
|
4174
|
-
}
|
|
4175
|
-
translationKeyFor(property) {
|
|
4176
|
-
return property === 'description' ? 'omschrijving' : property;
|
|
4177
|
-
}
|
|
4178
|
-
tooltipTranslationKeyFor(property) {
|
|
4179
|
-
if (property.includes('Date')) {
|
|
4180
|
-
return 'dateformatTooltip';
|
|
4181
|
-
}
|
|
4182
|
-
else if (property === this.CASE_GEOMETRY_COORDINATES) {
|
|
4183
|
-
return `${property}Tooltip`;
|
|
4184
|
-
}
|
|
4185
|
-
return null;
|
|
4186
|
-
}
|
|
4187
|
-
presetOptionsForProperty(property) {
|
|
4188
|
-
switch (property) {
|
|
4189
|
-
case this.CASE_GEOMETRY_TYPE:
|
|
4190
|
-
return this.geometryTypes;
|
|
4191
|
-
case this.PAYMENT_INDICATION_TYPE:
|
|
4192
|
-
return this.paymentIndicationTypes;
|
|
4193
|
-
default:
|
|
4194
|
-
return [];
|
|
4195
|
-
}
|
|
4196
|
-
}
|
|
4197
|
-
handleValid(formValue) {
|
|
4198
|
-
const isPropertyInvalid = this.propertyList.some(property => !!!formValue[property.name]);
|
|
4199
|
-
const valid = !isPropertyInvalid;
|
|
4200
|
-
this._valid$.next(valid);
|
|
4201
|
-
this.valid.emit(valid);
|
|
4202
|
-
}
|
|
4203
|
-
openSaveSubscription() {
|
|
4204
|
-
this._saveSubscription = this.save$?.subscribe(save => {
|
|
4205
|
-
combineLatest([this._formValue$, this._valid$])
|
|
4206
|
-
.pipe(take(1))
|
|
4207
|
-
.subscribe(([formValue, valid]) => {
|
|
4208
|
-
if (valid) {
|
|
4209
|
-
this.configuration.emit(formValue);
|
|
4210
|
-
}
|
|
4211
|
-
});
|
|
4212
|
-
});
|
|
4213
|
-
}
|
|
4214
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PatchZaakConfigurationComponent, deps: [{ token: i1$3.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4215
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: PatchZaakConfigurationComponent, isStandalone: false, selector: "valtimo-patch-zaak-configuration", inputs: { disabled$: "disabled$", pluginId: "pluginId", save$: "save$", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<ng-container\n *ngIf=\"{\n disabled: disabled$ | async,\n prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n } as obs\"\n>\n <v-paragraph [margin]=\"true\" [italic]=\"true\">\n {{ 'patchZaakInformation' | pluginTranslate: pluginId | async }}\n </v-paragraph>\n\n <div class=\"row\">\n <div class=\"col-12\">\n <button\n cdsButton=\"primary\"\n [size]=\"'md'\"\n [cdsOverflowMenu]=\"addPropertyList\"\n [customPane]=\"true\"\n placement=\"bottom\"\n class=\"add-button\"\n >\n {{ 'addPatchZaakProperty' | pluginTranslate: pluginId | async }}\n\n <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n </button>\n </div>\n </div>\n\n <v-form (valueChange)=\"onFormValueChanged($event)\">\n @for (property of propertyList; track property) {\n <div class=\"row\">\n <div class=\"col-11\">\n <v-input\n [name]=\"property.name\"\n [title]=\"property.translationKey | pluginTranslate: pluginId | async\"\n [tooltip]=\"\n property.tooltipTranslationKey !== null\n ? (property.tooltipTranslationKey | pluginTranslate: pluginId | async)\n : null\n \"\n [required]=\"true\"\n [defaultValue]=\"prefillValueFor(property.name, obs.prefill)\"\n [margin]=\"true\"\n [presetOptions]=\"property.presetOptions\"\n (valueChange)=\"onPropertyChanged(property.name, $event)\"\n />\n </div>\n <div class=\"col-1\">\n @if (property.name !== CASE_GEOMETRY_COORDINATES) {\n <button class=\"btn btn-space delete-button\" (click)=\"removeProperty(property.name)\">\n <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n </button>\n }\n </div>\n </div>\n }\n </v-form>\n</ng-container>\n\n<ng-template #addPropertyList>\n @for (propertyOption of propertyOptions; track propertyOption) {\n @if (propertyOption !== CASE_GEOMETRY_COORDINATES) {\n <cds-overflow-menu-option\n *ngIf=\"!hasPropertyBeenAdded(propertyOption)\"\n (click)=\"addProperty(propertyOption)\"\n >\n {{ translationKeyForPropertyList(propertyOption) | pluginTranslate: pluginId | async }}\n </cds-overflow-menu-option>\n }\n }\n</ng-template>\n", styles: ["button.delete-button{height:46px;width:46px;margin-top:20px}button.delete-button:hover{background-color:#e12717}button.add-button{margin-block-end:var(--v-input-margin)}::ng-deep .cds--overflow-menu-options{z-index:10000!important;width:230px}\n/*!\n * Copyright 2015-2025 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"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "directive", type: i1$3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i1$3.OverflowMenuDirective, selector: "[cdsOverflowMenu], [ibmOverflowMenu]", inputs: ["ibmOverflowMenu", "cdsOverflowMenu", "flip", "offset", "wrapperClass", "customPane"], exportAs: ["overflowMenu"] }, { kind: "component", type: i1$3.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "directive", type: i1$3.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }] }); }
|
|
4216
|
-
}
|
|
4217
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PatchZaakConfigurationComponent, decorators: [{
|
|
4218
|
-
type: Component,
|
|
4219
|
-
args: [{ standalone: false, selector: 'valtimo-patch-zaak-configuration', template: "<ng-container\n *ngIf=\"{\n disabled: disabled$ | async,\n prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n } as obs\"\n>\n <v-paragraph [margin]=\"true\" [italic]=\"true\">\n {{ 'patchZaakInformation' | pluginTranslate: pluginId | async }}\n </v-paragraph>\n\n <div class=\"row\">\n <div class=\"col-12\">\n <button\n cdsButton=\"primary\"\n [size]=\"'md'\"\n [cdsOverflowMenu]=\"addPropertyList\"\n [customPane]=\"true\"\n placement=\"bottom\"\n class=\"add-button\"\n >\n {{ 'addPatchZaakProperty' | pluginTranslate: pluginId | async }}\n\n <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n </button>\n </div>\n </div>\n\n <v-form (valueChange)=\"onFormValueChanged($event)\">\n @for (property of propertyList; track property) {\n <div class=\"row\">\n <div class=\"col-11\">\n <v-input\n [name]=\"property.name\"\n [title]=\"property.translationKey | pluginTranslate: pluginId | async\"\n [tooltip]=\"\n property.tooltipTranslationKey !== null\n ? (property.tooltipTranslationKey | pluginTranslate: pluginId | async)\n : null\n \"\n [required]=\"true\"\n [defaultValue]=\"prefillValueFor(property.name, obs.prefill)\"\n [margin]=\"true\"\n [presetOptions]=\"property.presetOptions\"\n (valueChange)=\"onPropertyChanged(property.name, $event)\"\n />\n </div>\n <div class=\"col-1\">\n @if (property.name !== CASE_GEOMETRY_COORDINATES) {\n <button class=\"btn btn-space delete-button\" (click)=\"removeProperty(property.name)\">\n <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n </button>\n }\n </div>\n </div>\n }\n </v-form>\n</ng-container>\n\n<ng-template #addPropertyList>\n @for (propertyOption of propertyOptions; track propertyOption) {\n @if (propertyOption !== CASE_GEOMETRY_COORDINATES) {\n <cds-overflow-menu-option\n *ngIf=\"!hasPropertyBeenAdded(propertyOption)\"\n (click)=\"addProperty(propertyOption)\"\n >\n {{ translationKeyForPropertyList(propertyOption) | pluginTranslate: pluginId | async }}\n </cds-overflow-menu-option>\n }\n }\n</ng-template>\n", styles: ["button.delete-button{height:46px;width:46px;margin-top:20px}button.delete-button:hover{background-color:#e12717}button.add-button{margin-block-end:var(--v-input-margin)}::ng-deep .cds--overflow-menu-options{z-index:10000!important;width:230px}\n/*!\n * Copyright 2015-2025 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"] }]
|
|
4220
|
-
}], ctorParameters: () => [{ type: i1$3.IconService }], propDecorators: { disabled$: [{
|
|
4221
|
-
type: Input
|
|
4222
|
-
}], pluginId: [{
|
|
4223
|
-
type: Input
|
|
4224
|
-
}], save$: [{
|
|
4225
|
-
type: Input
|
|
4226
|
-
}], prefillConfiguration$: [{
|
|
4227
|
-
type: Input
|
|
4228
|
-
}], valid: [{
|
|
4229
|
-
type: Output
|
|
4230
|
-
}], configuration: [{
|
|
4231
|
-
type: Output
|
|
4232
|
-
}] } });
|
|
4233
|
-
|
|
4234
4044
|
/*
|
|
4235
4045
|
* Copyright 2015-2025 Ritense BV, the Netherlands.
|
|
4236
4046
|
*
|
|
@@ -5019,6 +4829,196 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
5019
4829
|
type: Output
|
|
5020
4830
|
}] } });
|
|
5021
4831
|
|
|
4832
|
+
/*
|
|
4833
|
+
* Copyright 2015-2025 Ritense BV, the Netherlands.
|
|
4834
|
+
*
|
|
4835
|
+
* Licensed under EUPL, Version 1.2 (the "License");
|
|
4836
|
+
* you may not use this file except in compliance with the License.
|
|
4837
|
+
* You may obtain a copy of the License at
|
|
4838
|
+
*
|
|
4839
|
+
* https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
|
|
4840
|
+
*
|
|
4841
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
4842
|
+
* distributed under the License is distributed on an "AS IS" basis,
|
|
4843
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
4844
|
+
* See the License for the specific language governing permissions and
|
|
4845
|
+
* limitations under the License.
|
|
4846
|
+
*/
|
|
4847
|
+
const PatchZaakPropertyOptions = [
|
|
4848
|
+
'description',
|
|
4849
|
+
'explanation',
|
|
4850
|
+
'startDate',
|
|
4851
|
+
'plannedEndDate',
|
|
4852
|
+
'finalDeliveryDate',
|
|
4853
|
+
'publicationDate',
|
|
4854
|
+
'communicationChannel',
|
|
4855
|
+
'communicationChannelName',
|
|
4856
|
+
'paymentIndication',
|
|
4857
|
+
'lastPaymentDate',
|
|
4858
|
+
'caseGeometryType',
|
|
4859
|
+
'caseGeometryCoordinates',
|
|
4860
|
+
'mainCase',
|
|
4861
|
+
'archiveActionDate',
|
|
4862
|
+
'startDateRetentionPeriod',
|
|
4863
|
+
];
|
|
4864
|
+
|
|
4865
|
+
/*
|
|
4866
|
+
* Copyright 2015-2025 Ritense BV, the Netherlands.
|
|
4867
|
+
*
|
|
4868
|
+
* Licensed under EUPL, Version 1.2 (the "License");
|
|
4869
|
+
* you may not use this file except in compliance with the License.
|
|
4870
|
+
* You may obtain a copy of the License at
|
|
4871
|
+
*
|
|
4872
|
+
* https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
|
|
4873
|
+
*
|
|
4874
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
4875
|
+
* distributed under the License is distributed on an "AS IS" basis,
|
|
4876
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
4877
|
+
* See the License for the specific language governing permissions and
|
|
4878
|
+
* limitations under the License.
|
|
4879
|
+
*/
|
|
4880
|
+
class PatchZaakConfigurationComponent {
|
|
4881
|
+
constructor(iconService) {
|
|
4882
|
+
this.iconService = iconService;
|
|
4883
|
+
this.valid = new EventEmitter();
|
|
4884
|
+
this.configuration = new EventEmitter();
|
|
4885
|
+
this.propertyOptions = Object.values(PatchZaakPropertyOptions);
|
|
4886
|
+
this.propertyList = [];
|
|
4887
|
+
this.geometryTypes = GEOMETRY_TYPES;
|
|
4888
|
+
this.paymentIndicationTypes = PAYMENT_INDICATION_TYPES;
|
|
4889
|
+
this.CASE_GEOMETRY_TYPE = 'caseGeometryType';
|
|
4890
|
+
this.CASE_GEOMETRY_COORDINATES = 'caseGeometryCoordinates';
|
|
4891
|
+
this.PAYMENT_INDICATION_TYPE = 'paymentIndication';
|
|
4892
|
+
this._formValue$ = new BehaviorSubject({});
|
|
4893
|
+
this._properties = new Map();
|
|
4894
|
+
this._valid$ = new BehaviorSubject(false);
|
|
4895
|
+
this.iconService.registerAll([Add16, TrashCan16]);
|
|
4896
|
+
}
|
|
4897
|
+
ngOnInit() {
|
|
4898
|
+
this.initPropertyList();
|
|
4899
|
+
this.openSaveSubscription();
|
|
4900
|
+
}
|
|
4901
|
+
ngOnDestroy() {
|
|
4902
|
+
this._saveSubscription?.unsubscribe();
|
|
4903
|
+
}
|
|
4904
|
+
onFormValueChanged(formValue) {
|
|
4905
|
+
this._formValue$.next(formValue);
|
|
4906
|
+
this.handleValid(formValue);
|
|
4907
|
+
}
|
|
4908
|
+
onPropertyChanged(property, value) {
|
|
4909
|
+
this._properties.set(property, value);
|
|
4910
|
+
const formValue = this._formValue$.value;
|
|
4911
|
+
this._properties.forEach((value, key) => {
|
|
4912
|
+
formValue[key] = value;
|
|
4913
|
+
});
|
|
4914
|
+
this.onFormValueChanged(formValue);
|
|
4915
|
+
}
|
|
4916
|
+
addProperty(property) {
|
|
4917
|
+
if (!this.hasPropertyBeenAdded(property)) {
|
|
4918
|
+
this.propertyList.push(this.propertyFormFieldFor(property));
|
|
4919
|
+
this.onPropertyChanged(property, undefined);
|
|
4920
|
+
}
|
|
4921
|
+
// add linked field coordinates
|
|
4922
|
+
if (property === this.CASE_GEOMETRY_TYPE) {
|
|
4923
|
+
this.addProperty(this.CASE_GEOMETRY_COORDINATES);
|
|
4924
|
+
}
|
|
4925
|
+
}
|
|
4926
|
+
removeProperty(property) {
|
|
4927
|
+
if (this.hasPropertyBeenAdded(property)) {
|
|
4928
|
+
this.propertyList.splice(this.propertyList.findIndex(item => item.name === property), 1);
|
|
4929
|
+
this.onPropertyChanged(property, undefined);
|
|
4930
|
+
}
|
|
4931
|
+
// remove linked field coordinates
|
|
4932
|
+
if (property === this.CASE_GEOMETRY_TYPE) {
|
|
4933
|
+
this.removeProperty(this.CASE_GEOMETRY_COORDINATES);
|
|
4934
|
+
}
|
|
4935
|
+
}
|
|
4936
|
+
hasPropertyBeenAdded(property) {
|
|
4937
|
+
return this.propertyList.findIndex(item => item.name === property) !== -1;
|
|
4938
|
+
}
|
|
4939
|
+
prefillValueFor(property, prefill) {
|
|
4940
|
+
return prefill != null ? prefill[property] : null;
|
|
4941
|
+
}
|
|
4942
|
+
translationKeyForPropertyList(property) {
|
|
4943
|
+
return property === this.CASE_GEOMETRY_TYPE ? 'caseGeometry' : this.translationKeyFor(property);
|
|
4944
|
+
}
|
|
4945
|
+
initPropertyList() {
|
|
4946
|
+
this.prefillConfiguration$.pipe(take(1)).subscribe(prefill => {
|
|
4947
|
+
if (prefill) {
|
|
4948
|
+
PatchZaakPropertyOptions.forEach(property => {
|
|
4949
|
+
if (!!prefill[property])
|
|
4950
|
+
this.addProperty(property);
|
|
4951
|
+
});
|
|
4952
|
+
}
|
|
4953
|
+
});
|
|
4954
|
+
}
|
|
4955
|
+
propertyFormFieldFor(property) {
|
|
4956
|
+
return {
|
|
4957
|
+
name: property,
|
|
4958
|
+
translationKey: this.translationKeyFor(property),
|
|
4959
|
+
tooltipTranslationKey: this.tooltipTranslationKeyFor(property),
|
|
4960
|
+
presetOptions: this.presetOptionsForProperty(property),
|
|
4961
|
+
};
|
|
4962
|
+
}
|
|
4963
|
+
translationKeyFor(property) {
|
|
4964
|
+
return property === 'description' ? 'omschrijving' : property;
|
|
4965
|
+
}
|
|
4966
|
+
tooltipTranslationKeyFor(property) {
|
|
4967
|
+
if (property.includes('Date')) {
|
|
4968
|
+
return 'dateformatTooltip';
|
|
4969
|
+
}
|
|
4970
|
+
else if (property === this.CASE_GEOMETRY_COORDINATES) {
|
|
4971
|
+
return `${property}Tooltip`;
|
|
4972
|
+
}
|
|
4973
|
+
return null;
|
|
4974
|
+
}
|
|
4975
|
+
presetOptionsForProperty(property) {
|
|
4976
|
+
switch (property) {
|
|
4977
|
+
case this.CASE_GEOMETRY_TYPE:
|
|
4978
|
+
return this.geometryTypes;
|
|
4979
|
+
case this.PAYMENT_INDICATION_TYPE:
|
|
4980
|
+
return this.paymentIndicationTypes;
|
|
4981
|
+
default:
|
|
4982
|
+
return [];
|
|
4983
|
+
}
|
|
4984
|
+
}
|
|
4985
|
+
handleValid(formValue) {
|
|
4986
|
+
const isPropertyInvalid = this.propertyList.some(property => !!!formValue[property.name]);
|
|
4987
|
+
const valid = !isPropertyInvalid;
|
|
4988
|
+
this._valid$.next(valid);
|
|
4989
|
+
this.valid.emit(valid);
|
|
4990
|
+
}
|
|
4991
|
+
openSaveSubscription() {
|
|
4992
|
+
this._saveSubscription = this.save$?.subscribe(save => {
|
|
4993
|
+
combineLatest([this._formValue$, this._valid$])
|
|
4994
|
+
.pipe(take(1))
|
|
4995
|
+
.subscribe(([formValue, valid]) => {
|
|
4996
|
+
if (valid) {
|
|
4997
|
+
this.configuration.emit(formValue);
|
|
4998
|
+
}
|
|
4999
|
+
});
|
|
5000
|
+
});
|
|
5001
|
+
}
|
|
5002
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PatchZaakConfigurationComponent, deps: [{ token: i1$3.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5003
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: PatchZaakConfigurationComponent, isStandalone: false, selector: "valtimo-patch-zaak-configuration", inputs: { disabled$: "disabled$", pluginId: "pluginId", save$: "save$", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<ng-container\n *ngIf=\"{\n disabled: disabled$ | async,\n prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n } as obs\"\n>\n <v-paragraph [margin]=\"true\" [italic]=\"true\">\n {{ 'patchZaakInformation' | pluginTranslate: pluginId | async }}\n </v-paragraph>\n\n <div class=\"row\">\n <div class=\"col-12\">\n <button\n cdsButton=\"primary\"\n [size]=\"'md'\"\n [cdsOverflowMenu]=\"addPropertyList\"\n [customPane]=\"true\"\n placement=\"bottom\"\n class=\"add-button\"\n >\n {{ 'addPatchZaakProperty' | pluginTranslate: pluginId | async }}\n\n <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n </button>\n </div>\n </div>\n\n <v-form (valueChange)=\"onFormValueChanged($event)\">\n @for (property of propertyList; track property) {\n <div class=\"row\">\n <div class=\"col-11\">\n <v-input\n [name]=\"property.name\"\n [title]=\"property.translationKey | pluginTranslate: pluginId | async\"\n [tooltip]=\"\n property.tooltipTranslationKey !== null\n ? (property.tooltipTranslationKey | pluginTranslate: pluginId | async)\n : null\n \"\n [required]=\"true\"\n [defaultValue]=\"prefillValueFor(property.name, obs.prefill)\"\n [margin]=\"true\"\n [presetOptions]=\"property.presetOptions\"\n (valueChange)=\"onPropertyChanged(property.name, $event)\"\n />\n </div>\n <div class=\"col-1\">\n @if (property.name !== CASE_GEOMETRY_COORDINATES) {\n <button class=\"btn btn-space delete-button\" (click)=\"removeProperty(property.name)\">\n <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n </button>\n }\n </div>\n </div>\n }\n </v-form>\n</ng-container>\n\n<ng-template #addPropertyList>\n @for (propertyOption of propertyOptions; track propertyOption) {\n @if (propertyOption !== CASE_GEOMETRY_COORDINATES) {\n <cds-overflow-menu-option\n *ngIf=\"!hasPropertyBeenAdded(propertyOption)\"\n (click)=\"addProperty(propertyOption)\"\n >\n {{ translationKeyForPropertyList(propertyOption) | pluginTranslate: pluginId | async }}\n </cds-overflow-menu-option>\n }\n }\n</ng-template>\n", styles: ["button.delete-button{height:46px;width:46px;margin-top:20px}button.delete-button:hover{background-color:#e12717}button.add-button{margin-block-end:var(--v-input-margin)}::ng-deep .cds--overflow-menu-options{z-index:10000!important;width:230px}\n/*!\n * Copyright 2015-2025 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"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "directive", type: i1$3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i1$3.OverflowMenuDirective, selector: "[cdsOverflowMenu], [ibmOverflowMenu]", inputs: ["ibmOverflowMenu", "cdsOverflowMenu", "flip", "offset", "wrapperClass", "customPane"], exportAs: ["overflowMenu"] }, { kind: "component", type: i1$3.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "directive", type: i1$3.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }] }); }
|
|
5004
|
+
}
|
|
5005
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PatchZaakConfigurationComponent, decorators: [{
|
|
5006
|
+
type: Component,
|
|
5007
|
+
args: [{ standalone: false, selector: 'valtimo-patch-zaak-configuration', template: "<ng-container\n *ngIf=\"{\n disabled: disabled$ | async,\n prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n } as obs\"\n>\n <v-paragraph [margin]=\"true\" [italic]=\"true\">\n {{ 'patchZaakInformation' | pluginTranslate: pluginId | async }}\n </v-paragraph>\n\n <div class=\"row\">\n <div class=\"col-12\">\n <button\n cdsButton=\"primary\"\n [size]=\"'md'\"\n [cdsOverflowMenu]=\"addPropertyList\"\n [customPane]=\"true\"\n placement=\"bottom\"\n class=\"add-button\"\n >\n {{ 'addPatchZaakProperty' | pluginTranslate: pluginId | async }}\n\n <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n </button>\n </div>\n </div>\n\n <v-form (valueChange)=\"onFormValueChanged($event)\">\n @for (property of propertyList; track property) {\n <div class=\"row\">\n <div class=\"col-11\">\n <v-input\n [name]=\"property.name\"\n [title]=\"property.translationKey | pluginTranslate: pluginId | async\"\n [tooltip]=\"\n property.tooltipTranslationKey !== null\n ? (property.tooltipTranslationKey | pluginTranslate: pluginId | async)\n : null\n \"\n [required]=\"true\"\n [defaultValue]=\"prefillValueFor(property.name, obs.prefill)\"\n [margin]=\"true\"\n [presetOptions]=\"property.presetOptions\"\n (valueChange)=\"onPropertyChanged(property.name, $event)\"\n />\n </div>\n <div class=\"col-1\">\n @if (property.name !== CASE_GEOMETRY_COORDINATES) {\n <button class=\"btn btn-space delete-button\" (click)=\"removeProperty(property.name)\">\n <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n </button>\n }\n </div>\n </div>\n }\n </v-form>\n</ng-container>\n\n<ng-template #addPropertyList>\n @for (propertyOption of propertyOptions; track propertyOption) {\n @if (propertyOption !== CASE_GEOMETRY_COORDINATES) {\n <cds-overflow-menu-option\n *ngIf=\"!hasPropertyBeenAdded(propertyOption)\"\n (click)=\"addProperty(propertyOption)\"\n >\n {{ translationKeyForPropertyList(propertyOption) | pluginTranslate: pluginId | async }}\n </cds-overflow-menu-option>\n }\n }\n</ng-template>\n", styles: ["button.delete-button{height:46px;width:46px;margin-top:20px}button.delete-button:hover{background-color:#e12717}button.add-button{margin-block-end:var(--v-input-margin)}::ng-deep .cds--overflow-menu-options{z-index:10000!important;width:230px}\n/*!\n * Copyright 2015-2025 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"] }]
|
|
5008
|
+
}], ctorParameters: () => [{ type: i1$3.IconService }], propDecorators: { disabled$: [{
|
|
5009
|
+
type: Input
|
|
5010
|
+
}], pluginId: [{
|
|
5011
|
+
type: Input
|
|
5012
|
+
}], save$: [{
|
|
5013
|
+
type: Input
|
|
5014
|
+
}], prefillConfiguration$: [{
|
|
5015
|
+
type: Input
|
|
5016
|
+
}], valid: [{
|
|
5017
|
+
type: Output
|
|
5018
|
+
}], configuration: [{
|
|
5019
|
+
type: Output
|
|
5020
|
+
}] } });
|
|
5021
|
+
|
|
5022
5022
|
/*
|
|
5023
5023
|
* Copyright 2015-2025 Ritense BV, the Netherlands.
|
|
5024
5024
|
*
|
|
@@ -5441,14 +5441,13 @@ class ZakenApiPluginModule {
|
|
|
5441
5441
|
GetZaakInformatieobjectenComponent,
|
|
5442
5442
|
SetZaakStatusConfigurationComponent,
|
|
5443
5443
|
CreateZaakResultaatConfigurationComponent,
|
|
5444
|
+
DeleteZaakRolComponent,
|
|
5444
5445
|
CreateMedewerkerZaakRolComponent,
|
|
5445
5446
|
CreateNatuurlijkPersoonZaakRolComponent,
|
|
5446
5447
|
CreateNietNatuurlijkPersoonZaakRolComponent,
|
|
5447
5448
|
CreateOrganisatorischeEenheidZaakRolComponent,
|
|
5448
5449
|
CreateVestigingZaakRolComponent,
|
|
5449
|
-
DeleteZaakRolComponent,
|
|
5450
5450
|
CreateZaakConfigurationComponent,
|
|
5451
|
-
PatchZaakConfigurationComponent,
|
|
5452
5451
|
SetZaakopschortingComponent,
|
|
5453
5452
|
StartHersteltermijnConfigurationComponent,
|
|
5454
5453
|
EndHersteltermijnComponent,
|
|
@@ -5481,22 +5480,20 @@ class ZakenApiPluginModule {
|
|
|
5481
5480
|
ReactiveFormsModule,
|
|
5482
5481
|
TimePickerModule,
|
|
5483
5482
|
InputModule,
|
|
5484
|
-
|
|
5485
|
-
ReadOnlyDirective,
|
|
5486
|
-
InputLabelModule], exports: [ZakenApiConfigurationComponent,
|
|
5483
|
+
ReadOnlyDirective], exports: [ZakenApiConfigurationComponent,
|
|
5487
5484
|
LinkDocumentToZaakConfigurationComponent,
|
|
5488
5485
|
LinkUploadedDocumentToZaakConfigurationComponent,
|
|
5489
5486
|
GetZaakInformatieobjectenComponent,
|
|
5490
5487
|
SetZaakStatusConfigurationComponent,
|
|
5491
5488
|
CreateZaakResultaatConfigurationComponent,
|
|
5492
5489
|
CreateZaakConfigurationComponent,
|
|
5490
|
+
DeleteZaakRolComponent,
|
|
5493
5491
|
PatchZaakConfigurationComponent,
|
|
5494
5492
|
CreateMedewerkerZaakRolComponent,
|
|
5495
5493
|
CreateNatuurlijkPersoonZaakRolComponent,
|
|
5496
5494
|
CreateNietNatuurlijkPersoonZaakRolComponent,
|
|
5497
5495
|
CreateOrganisatorischeEenheidZaakRolComponent,
|
|
5498
5496
|
CreateVestigingZaakRolComponent,
|
|
5499
|
-
DeleteZaakRolComponent,
|
|
5500
5497
|
SetZaakopschortingComponent,
|
|
5501
5498
|
StartHersteltermijnConfigurationComponent,
|
|
5502
5499
|
EndHersteltermijnComponent,
|
|
@@ -5528,9 +5525,7 @@ class ZakenApiPluginModule {
|
|
|
5528
5525
|
NotificationModule,
|
|
5529
5526
|
ReactiveFormsModule,
|
|
5530
5527
|
TimePickerModule,
|
|
5531
|
-
InputModule
|
|
5532
|
-
ReactiveFormsModule,
|
|
5533
|
-
InputLabelModule] }); }
|
|
5528
|
+
InputModule] }); }
|
|
5534
5529
|
}
|
|
5535
5530
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ZakenApiPluginModule, decorators: [{
|
|
5536
5531
|
type: NgModule,
|
|
@@ -5542,14 +5537,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
5542
5537
|
GetZaakInformatieobjectenComponent,
|
|
5543
5538
|
SetZaakStatusConfigurationComponent,
|
|
5544
5539
|
CreateZaakResultaatConfigurationComponent,
|
|
5540
|
+
DeleteZaakRolComponent,
|
|
5545
5541
|
CreateMedewerkerZaakRolComponent,
|
|
5546
5542
|
CreateNatuurlijkPersoonZaakRolComponent,
|
|
5547
5543
|
CreateNietNatuurlijkPersoonZaakRolComponent,
|
|
5548
5544
|
CreateOrganisatorischeEenheidZaakRolComponent,
|
|
5549
5545
|
CreateVestigingZaakRolComponent,
|
|
5550
|
-
DeleteZaakRolComponent,
|
|
5551
5546
|
CreateZaakConfigurationComponent,
|
|
5552
|
-
PatchZaakConfigurationComponent,
|
|
5553
5547
|
SetZaakopschortingComponent,
|
|
5554
5548
|
StartHersteltermijnConfigurationComponent,
|
|
5555
5549
|
EndHersteltermijnComponent,
|
|
@@ -5585,9 +5579,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
5585
5579
|
ReactiveFormsModule,
|
|
5586
5580
|
TimePickerModule,
|
|
5587
5581
|
InputModule,
|
|
5588
|
-
ReactiveFormsModule,
|
|
5589
5582
|
ReadOnlyDirective,
|
|
5590
|
-
InputLabelModule,
|
|
5591
5583
|
],
|
|
5592
5584
|
exports: [
|
|
5593
5585
|
ZakenApiConfigurationComponent,
|
|
@@ -5597,13 +5589,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
5597
5589
|
SetZaakStatusConfigurationComponent,
|
|
5598
5590
|
CreateZaakResultaatConfigurationComponent,
|
|
5599
5591
|
CreateZaakConfigurationComponent,
|
|
5592
|
+
DeleteZaakRolComponent,
|
|
5600
5593
|
PatchZaakConfigurationComponent,
|
|
5601
5594
|
CreateMedewerkerZaakRolComponent,
|
|
5602
5595
|
CreateNatuurlijkPersoonZaakRolComponent,
|
|
5603
5596
|
CreateNietNatuurlijkPersoonZaakRolComponent,
|
|
5604
5597
|
CreateOrganisatorischeEenheidZaakRolComponent,
|
|
5605
5598
|
CreateVestigingZaakRolComponent,
|
|
5606
|
-
DeleteZaakRolComponent,
|
|
5607
5599
|
SetZaakopschortingComponent,
|
|
5608
5600
|
StartHersteltermijnConfigurationComponent,
|
|
5609
5601
|
EndHersteltermijnComponent,
|