@epistola.app/valtimo-plugin 0.0.1

package/dist/fesm2022/epistola.app-valtimo-plugin.mjs

@@ -0,0 +1,1393 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Output, Input, Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/common/http';
+import { HttpClientModule } from '@angular/common/http';
+import * as i2 from '@valtimo/shared';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2$1 from '@valtimo/plugin';
+import { PluginTranslatePipeModule } from '@valtimo/plugin';
+import * as i3 from '@valtimo/components';
+import { FormModule, InputModule, ValuePathSelectorPrefix, ValuePathSelectorComponent, SelectModule, registerCustomFormioComponent } from '@valtimo/components';
+import { BehaviorSubject, combineLatest, take, Subject, merge, of } from 'rxjs';
+import { startWith, delay, takeUntil, filter, map, catchError, take as take$1 } from 'rxjs/operators';
+import * as i4 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i2$2 from '@valtimo/process-link';
+
+/**
+ * Service for interacting with Epistola plugin API endpoints.
+ * Provides methods to fetch templates, environments, variants,
+ * process variables, and validate mappings.
+ */
+class EpistolaPluginService {
+    http;
+    configService;
+    apiEndpoint;
+    constructor(http, configService) {
+        this.http = http;
+        this.configService = configService;
+        this.apiEndpoint = `${this.configService.config.valtimoApi.endpointUri}v1/plugin/epistola`;
+    }
+    /**
+     * Get all available templates for a plugin configuration.
+     */
+    getTemplates(pluginConfigurationId) {
+        return this.http.get(`${this.apiEndpoint}/configurations/${pluginConfigurationId}/templates`);
+    }
+    /**
+     * Get template details including its fields.
+     */
+    getTemplateDetails(pluginConfigurationId, templateId) {
+        return this.http.get(`${this.apiEndpoint}/configurations/${pluginConfigurationId}/templates/${templateId}`);
+    }
+    /**
+     * Get all available environments for a plugin configuration.
+     */
+    getEnvironments(pluginConfigurationId) {
+        return this.http.get(`${this.apiEndpoint}/configurations/${pluginConfigurationId}/environments`);
+    }
+    /**
+     * Get all variants for a specific template.
+     */
+    getVariants(pluginConfigurationId, templateId) {
+        return this.http.get(`${this.apiEndpoint}/configurations/${pluginConfigurationId}/templates/${templateId}/variants`);
+    }
+    /**
+     * Discover process variable names for a given process definition.
+     */
+    getProcessVariables(processDefinitionKey) {
+        return this.http.get(`${this.apiEndpoint}/process-variables`, { params: { processDefinitionKey } });
+    }
+    /**
+     * Validate that a data mapping covers all required template fields.
+     */
+    validateMapping(pluginConfigurationId, templateId, dataMapping) {
+        return this.http.post(`${this.apiEndpoint}/configurations/${pluginConfigurationId}/templates/${templateId}/validate-mapping`, { dataMapping });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EpistolaPluginService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EpistolaPluginService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EpistolaPluginService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ConfigService }] });
+
+class EpistolaConfigurationComponent {
+    save$;
+    disabled$;
+    pluginId;
+    prefillConfiguration$;
+    valid = new EventEmitter();
+    configuration = new EventEmitter();
+    /** Epistola slug pattern: lowercase alphanumeric with hyphens, no leading/trailing hyphens. */
+    static SLUG_PATTERN = /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/;
+    saveSubscription;
+    formValue$ = new BehaviorSubject(null);
+    valid$ = new BehaviorSubject(false);
+    safeDisabled$;
+    ngOnInit() {
+        // Wrap disabled$ with startWith and delay to prevent NG0100 ExpressionChangedAfterItHasBeenCheckedError
+        // The disabled$ observable from Valtimo's plugin framework can emit value changes after Angular's
+        // change detection cycle completes, causing the error.
+        this.safeDisabled$ = this.disabled$.pipe(startWith(true), delay(0));
+        this.openSaveSubscription();
+    }
+    ngOnDestroy() {
+        this.saveSubscription?.unsubscribe();
+    }
+    formValueChange(formOutput) {
+        const formValue = formOutput;
+        this.formValue$.next(formValue);
+        this.handleValid(formValue);
+    }
+    handleValid(formValue) {
+        const valid = !!(formValue?.configurationTitle &&
+            formValue?.baseUrl &&
+            formValue?.apiKey &&
+            formValue?.tenantId &&
+            this.isValidSlug(formValue.tenantId, 3, 63) &&
+            this.isValidOptionalSlug(formValue.defaultEnvironmentId, 3, 30));
+        this.valid$.next(valid);
+        this.valid.emit(valid);
+    }
+    isValidSlug(value, minLength, maxLength) {
+        return (value.length >= minLength &&
+            value.length <= maxLength &&
+            EpistolaConfigurationComponent.SLUG_PATTERN.test(value));
+    }
+    isValidOptionalSlug(value, minLength, maxLength) {
+        if (!value) {
+            return true;
+        }
+        return this.isValidSlug(value, minLength, maxLength);
+    }
+    openSaveSubscription() {
+        this.saveSubscription = this.save$?.subscribe(() => {
+            combineLatest([this.formValue$, this.valid$])
+                .pipe(take(1))
+                .subscribe(([formValue, valid]) => {
+                if (valid) {
+                    this.configuration.emit(formValue);
+                }
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EpistolaConfigurationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EpistolaConfigurationComponent, isStandalone: true, selector: "epistola-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<v-form\n    (valueChange)=\"formValueChange($event)\"\n    *ngIf=\"{\n      disabled: safeDisabled$ | async,\n      prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null\n    } as obs\"\n>\n  <v-input\n    name=\"configurationTitle\"\n    [title]=\"'configurationTitle' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.configurationTitle\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"baseUrl\"\n    [title]=\"'baseUrl' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'baseUrlTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.baseUrl\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"apiKey\"\n    [title]=\"'apiKey' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'apiKeyTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.apiKey\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n    type=\"password\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"tenantId\"\n    [title]=\"'tenantId' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'tenantIdTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.tenantId\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"defaultEnvironmentId\"\n    [title]=\"'defaultEnvironmentId' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'defaultEnvironmentIdTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.defaultEnvironmentId\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"false\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"templateSyncEnabled\"\n    type=\"checkbox\"\n    [title]=\"'templateSyncEnabled' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'templateSyncEnabledTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.templateSyncEnabled ? 'true' : ''\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"false\"\n  >\n  </v-input>\n</v-form>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: PluginTranslatePipeModule }, { kind: "pipe", type: i2$1.PluginTranslatePipe, name: "pluginTranslate" }, { kind: "ngmodule", type: FormModule }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i3.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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EpistolaConfigurationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'epistola-configuration', standalone: true, imports: [CommonModule, PluginTranslatePipeModule, FormModule, InputModule], template: "<v-form\n    (valueChange)=\"formValueChange($event)\"\n    *ngIf=\"{\n      disabled: safeDisabled$ | async,\n      prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null\n    } as obs\"\n>\n  <v-input\n    name=\"configurationTitle\"\n    [title]=\"'configurationTitle' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.configurationTitle\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"baseUrl\"\n    [title]=\"'baseUrl' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'baseUrlTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.baseUrl\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"apiKey\"\n    [title]=\"'apiKey' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'apiKeyTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.apiKey\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n    type=\"password\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"tenantId\"\n    [title]=\"'tenantId' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'tenantIdTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.tenantId\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"defaultEnvironmentId\"\n    [title]=\"'defaultEnvironmentId' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'defaultEnvironmentIdTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.defaultEnvironmentId\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"false\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"templateSyncEnabled\"\n    type=\"checkbox\"\n    [title]=\"'templateSyncEnabled' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'templateSyncEnabledTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.templateSyncEnabled ? 'true' : ''\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"false\"\n  >\n  </v-input>\n</v-form>\n" }]
+        }], propDecorators: { save$: [{
+                type: Input
+            }], disabled$: [{
+                type: Input
+            }], pluginId: [{
+                type: Input
+            }], prefillConfiguration$: [{
+                type: Input
+            }], valid: [{
+                type: Output
+            }], configuration: [{
+                type: Output
+            }] } });
+
+/**
+ * Recursive component that renders a single TemplateField node as part of a tree form.
+ *
+ * - SCALAR fields render as a label + input row with a 3-mode selector (browse / pv / expression)
+ * - OBJECT fields render as a collapsible section with children indented inside
+ * - ARRAY fields render as a collapsible section with source collection input and optional per-item field mappings
+ *
+ * Input modes:
+ * - Browse (⊞): ValuePathSelector for doc:/case: paths
+ * - PV (pv): Dropdown of discovered process variables (text fallback when none found)
+ * - Expression (fx): Free-text input for manual expressions
+ */
+class FieldTreeComponent {
+    field;
+    value = undefined;
+    pluginId;
+    caseDefinitionKey = null;
+    processVariables = [];
+    disabled = false;
+    valueChange = new EventEmitter();
+    ValuePathSelectorPrefix = ValuePathSelectorPrefix;
+    inputMode = 'browse';
+    expanded = false;
+    /** For ARRAY fields: whether to show per-item field mapping */
+    arrayPerFieldMode = false;
+    /** Completeness badge for collapsed object/array sections */
+    mappedCount = 0;
+    totalRequired = 0;
+    ngOnChanges(changes) {
+        if (changes['value'] || changes['field']) {
+            this.updateCompleteness();
+            // Auto-expand if there are unmapped required children
+            if (!this.expanded && this.totalRequired > 0 && this.mappedCount < this.totalRequired) {
+                this.expanded = true;
+            }
+        }
+        // Detect input mode from prefill value
+        if (changes['value'] && this.value != null) {
+            if (this.field?.fieldType === 'SCALAR') {
+                this.inputMode = this.detectInputMode(this.value);
+            }
+            else if (this.field?.fieldType === 'ARRAY') {
+                const sourceValue = this.getSourceValue();
+                if (sourceValue) {
+                    this.inputMode = this.detectInputMode(sourceValue);
+                }
+                // Detect per-field mode from value shape
+                if (typeof this.value === 'object' && this.value !== null && '_source' in this.value) {
+                    this.arrayPerFieldMode = true;
+                }
+            }
+        }
+    }
+    toggleExpanded() {
+        this.expanded = !this.expanded;
+    }
+    setInputMode(mode) {
+        this.inputMode = mode;
+    }
+    /** Handle value change from ValuePathSelector (browse mode) */
+    onBrowseValueChange(newValue) {
+        this.emitScalarValue(newValue);
+    }
+    /** Handle value change from PV dropdown */
+    onPvChange(newValue) {
+        if (newValue) {
+            this.emitScalarValue('pv:' + newValue);
+        }
+        else {
+            this.emitScalarValue('');
+        }
+    }
+    /** Handle value change from text input (expression mode) */
+    onExpressionValueChange(newValue) {
+        this.emitScalarValue(newValue);
+    }
+    /** Handle child value change for OBJECT fields */
+    onChildChange(childName, childValue) {
+        const current = (typeof this.value === 'object' && this.value !== null) ? { ...this.value } : {};
+        if (childValue === undefined || childValue === null || childValue === '') {
+            delete current[childName];
+        }
+        else {
+            current[childName] = childValue;
+        }
+        this.valueChange.emit(Object.keys(current).length > 0 ? current : undefined);
+    }
+    /** Get the current value for a child field within an OBJECT */
+    getChildValue(childName) {
+        if (typeof this.value === 'object' && this.value !== null) {
+            return this.value[childName];
+        }
+        return undefined;
+    }
+    /** Get the string value for display (for SCALAR leaf inputs and direct array mode) */
+    getStringValue() {
+        return typeof this.value === 'string' ? this.value : '';
+    }
+    /** Get the PV name from a pv: prefixed value (for PV dropdown default selection) */
+    getPvName() {
+        const str = this.getStringValue();
+        return str.startsWith('pv:') ? str.substring(3) : '';
+    }
+    // --- ARRAY-specific methods ---
+    /** Get the source collection value (works for both direct string and _source format) */
+    getSourceValue() {
+        if (typeof this.value === 'string') {
+            return this.value;
+        }
+        if (typeof this.value === 'object' && this.value !== null && '_source' in this.value) {
+            return this.value['_source'] || '';
+        }
+        return '';
+    }
+    /** Get the PV name from the source value */
+    getSourcePvName() {
+        const source = this.getSourceValue();
+        return source.startsWith('pv:') ? source.substring(3) : '';
+    }
+    toggleArrayPerFieldMode() {
+        this.arrayPerFieldMode = !this.arrayPerFieldMode;
+        if (this.arrayPerFieldMode) {
+            // Switch from direct to per-field: convert string value to _source object
+            const currentSource = this.getSourceValue();
+            const obj = { _source: currentSource };
+            this.valueChange.emit(obj);
+        }
+        else {
+            // Switch from per-field to direct: extract _source as string value
+            const source = this.getSourceValue();
+            this.valueChange.emit(source || undefined);
+        }
+    }
+    /** Handle source collection value change (used in ARRAY mode) */
+    onSourceBrowseChange(newValue) {
+        this.updateSourceValue(newValue);
+    }
+    onSourcePvChange(newValue) {
+        this.updateSourceValue(newValue ? 'pv:' + newValue : '');
+    }
+    onSourceExpressionChange(newValue) {
+        this.updateSourceValue(newValue);
+    }
+    /** Handle per-item field mapping change */
+    onItemFieldChange(childName, sourceFieldName) {
+        const current = (typeof this.value === 'object' && this.value !== null) ? { ...this.value } : { _source: '' };
+        if (sourceFieldName && sourceFieldName.trim().length > 0) {
+            current[childName] = sourceFieldName;
+        }
+        else {
+            delete current[childName];
+        }
+        this.valueChange.emit(current);
+    }
+    /** Get the current source field name mapping for a child */
+    getItemFieldValue(childName) {
+        if (typeof this.value === 'object' && this.value !== null) {
+            return this.value[childName] || '';
+        }
+        return '';
+    }
+    /** Check if the array has any children that can be mapped per-item */
+    hasArrayChildren() {
+        return !!(this.field?.children && this.field.children.length > 0);
+    }
+    emitScalarValue(newValue) {
+        this.valueChange.emit(newValue || undefined);
+    }
+    updateSourceValue(newValue) {
+        if (this.arrayPerFieldMode) {
+            const current = (typeof this.value === 'object' && this.value !== null) ? { ...this.value } : {};
+            current['_source'] = newValue || '';
+            this.valueChange.emit(current);
+        }
+        else {
+            this.valueChange.emit(newValue || undefined);
+        }
+    }
+    updateCompleteness() {
+        if (this.field?.fieldType === 'OBJECT' && this.field.children) {
+            const stats = this.countRequiredMapped(this.field.children, this.value || {});
+            this.mappedCount = stats.mapped;
+            this.totalRequired = stats.total;
+        }
+        else if (this.field?.fieldType === 'ARRAY') {
+            this.updateArrayCompleteness();
+        }
+    }
+    updateArrayCompleteness() {
+        if (!this.field?.children || this.field.children.length === 0) {
+            // No children: just check if source is set
+            this.totalRequired = this.field?.required ? 1 : 0;
+            this.mappedCount = this.getSourceValue() ? (this.field?.required ? 1 : 0) : 0;
+            return;
+        }
+        if (typeof this.value === 'object' && this.value !== null && '_source' in this.value) {
+            // Per-field mode: count source + required children
+            let total = 0;
+            let mapped = 0;
+            // Source counts as 1 required
+            if (this.field?.required) {
+                total++;
+                if (this.value['_source'] && this.value['_source'].trim().length > 0) {
+                    mapped++;
+                }
+            }
+            // Count required children
+            for (const child of this.field.children) {
+                if (child.required) {
+                    total++;
+                    const val = this.value[child.name];
+                    if (typeof val === 'string' && val.trim().length > 0) {
+                        mapped++;
+                    }
+                }
+            }
+            this.mappedCount = mapped;
+            this.totalRequired = total;
+        }
+        else {
+            // Direct mode: just check if source is set
+            this.totalRequired = this.field?.required ? 1 : 0;
+            this.mappedCount = this.getSourceValue() ? (this.field?.required ? 1 : 0) : 0;
+        }
+    }
+    countRequiredMapped(fields, mapping) {
+        let mapped = 0;
+        let total = 0;
+        for (const field of fields) {
+            if (field.fieldType === 'SCALAR' && field.required) {
+                total++;
+                const val = mapping[field.name];
+                if (typeof val === 'string' && val.trim().length > 0) {
+                    mapped++;
+                }
+            }
+            else if (field.fieldType === 'ARRAY' && field.required) {
+                total++;
+                const val = mapping[field.name];
+                if (typeof val === 'string' && val.trim().length > 0) {
+                    mapped++;
+                }
+                else if (typeof val === 'object' && val !== null && '_source' in val) {
+                    if (typeof val['_source'] === 'string' && val['_source'].trim().length > 0) {
+                        mapped++;
+                    }
+                }
+            }
+            else if (field.fieldType === 'OBJECT' && field.children) {
+                const nested = (typeof mapping[field.name] === 'object' && mapping[field.name] !== null)
+                    ? mapping[field.name]
+                    : {};
+                const childStats = this.countRequiredMapped(field.children, nested);
+                mapped += childStats.mapped;
+                total += childStats.total;
+            }
+        }
+        return { mapped, total };
+    }
+    detectInputMode(value) {
+        if (typeof value !== 'string')
+            return 'browse';
+        if (value.startsWith('doc:') || value.startsWith('case:'))
+            return 'browse';
+        if (value.startsWith('pv:'))
+            return 'pv';
+        if (value.length > 0)
+            return 'expression';
+        return 'browse';
+    }
+    isResolvableValue(value) {
+        return value.startsWith('doc:') || value.startsWith('case:') || value.startsWith('pv:') || value.startsWith('template:');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FieldTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FieldTreeComponent, isStandalone: true, selector: "epistola-field-tree", inputs: { field: "field", value: "value", pluginId: "pluginId", caseDefinitionKey: "caseDefinitionKey", processVariables: "processVariables", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: "<!-- SCALAR field: label row + input with 3-mode selector -->\n<div *ngIf=\"field.fieldType === 'SCALAR'\" class=\"field-row\" [class.field-required-unmapped]=\"field.required && !getStringValue()\">\n  <div class=\"field-label\">\n    <span class=\"field-name\">{{ field.name }}</span>\n    <span class=\"field-meta\">({{ field.type }}{{ field.required ? ', required' : '' }})</span>\n  </div>\n  <div class=\"field-input\">\n    <div class=\"input-mode-group\">\n      <button type=\"button\" class=\"mode-btn\" [class.mode-active]=\"inputMode === 'browse'\" [disabled]=\"disabled\" (click)=\"setInputMode('browse')\" [title]=\"'browseMode' | pluginTranslate: pluginId | async\">\u229E</button>\n      <button type=\"button\" class=\"mode-btn\" [class.mode-active]=\"inputMode === 'pv'\" [disabled]=\"disabled\" (click)=\"setInputMode('pv')\" [title]=\"'pvMode' | pluginTranslate: pluginId | async\">pv</button>\n      <button type=\"button\" class=\"mode-btn\" [class.mode-active]=\"inputMode === 'expression'\" [disabled]=\"disabled\" (click)=\"setInputMode('expression')\" [title]=\"'expressionMode' | pluginTranslate: pluginId | async\">fx</button>\n    </div>\n\n    <!-- Browse mode: ValuePathSelector -->\n    <div class=\"field-input-control\" *ngIf=\"inputMode === 'browse'\">\n      <valtimo-value-path-selector\n        [name]=\"'field_' + field.path\"\n        [caseDefinitionKey]=\"caseDefinitionKey\"\n        [prefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n        [notation]=\"'dots'\"\n        [disabled]=\"disabled\"\n        [defaultValue]=\"getStringValue()\"\n        [showCaseDefinitionSelector]=\"!caseDefinitionKey\"\n        (valueChangeEvent)=\"onBrowseValueChange($event)\"\n      ></valtimo-value-path-selector>\n    </div>\n\n    <!-- PV mode: dropdown (when available) or text fallback -->\n    <div class=\"field-input-control\" *ngIf=\"inputMode === 'pv'\">\n      <select\n        *ngIf=\"processVariables.length > 0; else pvFallback\"\n        class=\"pv-select\"\n        [disabled]=\"disabled\"\n        (change)=\"onPvChange($any($event.target).value)\"\n      >\n        <option value=\"\">{{ 'pvPlaceholder' | pluginTranslate: pluginId | async }}</option>\n        <option *ngFor=\"let pv of processVariables\" [value]=\"pv\" [selected]=\"pv === getPvName()\">{{ pv }}</option>\n      </select>\n      <ng-template #pvFallback>\n        <v-input\n          [name]=\"'pvfb_' + field.path\"\n          [defaultValue]=\"getPvName()\"\n          [disabled]=\"disabled\"\n          [placeholder]=\"'pvPlaceholder' | pluginTranslate: pluginId | async\"\n          (valueChange)=\"onPvChange($event)\"\n        ></v-input>\n      </ng-template>\n    </div>\n\n    <!-- Expression mode: text input -->\n    <div class=\"field-input-control\" *ngIf=\"inputMode === 'expression'\">\n      <v-input\n        [name]=\"'fx_' + field.path\"\n        [defaultValue]=\"getStringValue()\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"'e.g. pv:variableName or doc:path.to.field'\"\n        (valueChange)=\"onExpressionValueChange($event)\"\n      ></v-input>\n    </div>\n  </div>\n</div>\n\n<!-- OBJECT field: collapsible section with children -->\n<div *ngIf=\"field.fieldType === 'OBJECT'\" class=\"field-object\">\n  <div class=\"field-object-header\" (click)=\"toggleExpanded()\" [class.field-required-unmapped]=\"totalRequired > 0 && mappedCount < totalRequired\">\n    <span class=\"expand-icon\">{{ expanded ? '\u25BC' : '\u25B6' }}</span>\n    <span class=\"field-name\">{{ field.name }}</span>\n    <span class=\"field-meta\">(object{{ field.required ? ', required' : '' }})</span>\n    <span class=\"completeness-badge\" *ngIf=\"totalRequired > 0 && !expanded\">\n      {{ mappedCount }}/{{ totalRequired }}\n    </span>\n  </div>\n  <div class=\"field-object-children\" *ngIf=\"expanded\">\n    <epistola-field-tree\n      *ngFor=\"let child of field.children\"\n      [field]=\"child\"\n      [value]=\"getChildValue(child.name)\"\n      [pluginId]=\"pluginId\"\n      [caseDefinitionKey]=\"caseDefinitionKey\"\n      [processVariables]=\"processVariables\"\n      [disabled]=\"disabled\"\n      (valueChange)=\"onChildChange(child.name, $event)\"\n    ></epistola-field-tree>\n  </div>\n</div>\n\n<!-- ARRAY field: collapsible section with source collection + optional per-item mapping -->\n<div *ngIf=\"field.fieldType === 'ARRAY'\" class=\"field-array\">\n  <div class=\"field-array-header\" (click)=\"toggleExpanded()\" [class.field-required-unmapped]=\"field.required && !getSourceValue()\">\n    <span class=\"expand-icon\">{{ expanded ? '\u25BC' : '\u25B6' }}</span>\n    <span class=\"field-name\">{{ field.name }}</span>\n    <span class=\"field-meta\">(array{{ field.required ? ', required' : '' }})</span>\n    <span class=\"completeness-badge\" *ngIf=\"totalRequired > 0 && !expanded\">\n      {{ mappedCount }}/{{ totalRequired }}\n    </span>\n    <span class=\"mapped-indicator\" *ngIf=\"totalRequired === 0 && getSourceValue() && !expanded\">\u2713</span>\n  </div>\n  <div class=\"field-array-content\" *ngIf=\"expanded\">\n    <!-- Source collection input -->\n    <div class=\"field-row\">\n      <div class=\"field-label\">\n        <span class=\"field-name\">{{ 'mapCollectionTo' | pluginTranslate: pluginId | async }}</span>\n      </div>\n      <div class=\"field-input\">\n        <div class=\"input-mode-group\">\n          <button type=\"button\" class=\"mode-btn\" [class.mode-active]=\"inputMode === 'browse'\" [disabled]=\"disabled\" (click)=\"setInputMode('browse')\" [title]=\"'browseMode' | pluginTranslate: pluginId | async\">\u229E</button>\n          <button type=\"button\" class=\"mode-btn\" [class.mode-active]=\"inputMode === 'pv'\" [disabled]=\"disabled\" (click)=\"setInputMode('pv')\" [title]=\"'pvMode' | pluginTranslate: pluginId | async\">pv</button>\n          <button type=\"button\" class=\"mode-btn\" [class.mode-active]=\"inputMode === 'expression'\" [disabled]=\"disabled\" (click)=\"setInputMode('expression')\" [title]=\"'expressionMode' | pluginTranslate: pluginId | async\">fx</button>\n        </div>\n\n        <div class=\"field-input-control\" *ngIf=\"inputMode === 'browse'\">\n          <valtimo-value-path-selector\n            [name]=\"'field_' + field.path\"\n            [caseDefinitionKey]=\"caseDefinitionKey\"\n            [prefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n            [notation]=\"'dots'\"\n            [disabled]=\"disabled\"\n            [defaultValue]=\"getSourceValue()\"\n            [showCaseDefinitionSelector]=\"!caseDefinitionKey\"\n            (valueChangeEvent)=\"onSourceBrowseChange($event)\"\n          ></valtimo-value-path-selector>\n        </div>\n\n        <div class=\"field-input-control\" *ngIf=\"inputMode === 'pv'\">\n          <select\n            *ngIf=\"processVariables.length > 0; else pvSourceFallback\"\n            class=\"pv-select\"\n            [disabled]=\"disabled\"\n            (change)=\"onSourcePvChange($any($event.target).value)\"\n          >\n            <option value=\"\">{{ 'pvPlaceholder' | pluginTranslate: pluginId | async }}</option>\n            <option *ngFor=\"let pv of processVariables\" [value]=\"pv\" [selected]=\"pv === getSourcePvName()\">{{ pv }}</option>\n          </select>\n          <ng-template #pvSourceFallback>\n            <v-input\n              [name]=\"'pvfb_' + field.path\"\n              [defaultValue]=\"getSourcePvName()\"\n              [disabled]=\"disabled\"\n              [placeholder]=\"'pvPlaceholder' | pluginTranslate: pluginId | async\"\n              (valueChange)=\"onSourcePvChange($event)\"\n            ></v-input>\n          </ng-template>\n        </div>\n\n        <div class=\"field-input-control\" *ngIf=\"inputMode === 'expression'\">\n          <v-input\n            [name]=\"'fx_' + field.path\"\n            [defaultValue]=\"getSourceValue()\"\n            [disabled]=\"disabled\"\n            [placeholder]=\"'e.g. pv:variableName or doc:path.to.field'\"\n            (valueChange)=\"onSourceExpressionChange($event)\"\n          ></v-input>\n        </div>\n      </div>\n    </div>\n\n    <!-- Per-item field mapping toggle (only shown when array has children) -->\n    <div class=\"array-per-field-toggle\" *ngIf=\"hasArrayChildren()\">\n      <label class=\"toggle-label\">\n        <input\n          type=\"checkbox\"\n          [checked]=\"arrayPerFieldMode\"\n          [disabled]=\"disabled\"\n          (change)=\"toggleArrayPerFieldMode()\"\n        />\n        <span>{{ 'itemFieldMapping' | pluginTranslate: pluginId | async }}</span>\n      </label>\n    </div>\n\n    <!-- Per-item field mappings -->\n    <div class=\"array-item-fields\" *ngIf=\"arrayPerFieldMode && hasArrayChildren()\">\n      <div class=\"item-fields-header\">\n        <span class=\"item-fields-title\">{{ 'itemFieldMappingTitle' | pluginTranslate: pluginId | async }}</span>\n      </div>\n      <div class=\"item-field-row\" *ngFor=\"let child of field.children\">\n        <div class=\"item-field-label\">\n          <span class=\"field-name\">{{ child.name }}</span>\n          <span class=\"field-meta\">({{ child.type }}{{ child.required ? ', required' : '' }})</span>\n        </div>\n        <div class=\"item-field-input\">\n          <v-input\n            [name]=\"'itemField_' + child.path\"\n            [defaultValue]=\"getItemFieldValue(child.name)\"\n            [disabled]=\"disabled\"\n            [placeholder]=\"'sourceFieldPlaceholder' | pluginTranslate: pluginId | async\"\n            (valueChange)=\"onItemFieldChange(child.name, $event)\"\n          ></v-input>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".field-row{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;border-left:3px solid transparent}.field-row.field-required-unmapped{border-left-color:#dc3545;background-color:#fff5f5;padding-left:.5rem}.field-label{flex:0 0 200px;min-width:140px;padding-top:.5rem;word-break:break-word}.field-label .field-name{font-weight:500}.field-label .field-meta{font-size:.8125rem;color:#6c757d;margin-left:.25rem}.field-input{flex:1;display:flex;align-items:flex-start;gap:.5rem;min-width:0}.field-input-control{flex:1;min-width:0}.input-mode-group{flex:0 0 auto;display:flex;margin-top:.25rem;border:1px solid #c6c6c6;border-radius:4px;overflow:hidden}.input-mode-group .mode-btn{width:32px;height:32px;padding:0;border:none;border-right:1px solid #c6c6c6;background:#f4f4f4;color:#525252;font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s}.input-mode-group .mode-btn:last-child{border-right:none}.input-mode-group .mode-btn:hover:not(:disabled){background:#e0e0e0}.input-mode-group .mode-btn.mode-active{background:#0f62fe;color:#fff}.input-mode-group .mode-btn.mode-active:hover:not(:disabled){background:#0353e9}.input-mode-group .mode-btn:disabled{opacity:.5;cursor:not-allowed}.pv-select{width:100%;height:2.5rem;padding:0 .75rem;border:1px solid #c6c6c6;border-radius:4px;background:#fff;color:#161616;font-size:.875rem;cursor:pointer}.pv-select:focus{outline:2px solid #0f62fe;outline-offset:-2px}.pv-select:disabled{opacity:.5;cursor:not-allowed;background:#f4f4f4}.field-object{margin:.25rem 0}.field-object-header,.field-array-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .25rem;cursor:pointer;-webkit-user-select:none;user-select:none;border-left:3px solid transparent;border-radius:2px}.field-object-header:hover,.field-array-header:hover{background:#f4f4f4}.field-object-header.field-required-unmapped,.field-array-header.field-required-unmapped{border-left-color:#dc3545;background-color:#fff5f5}.field-object-header .expand-icon,.field-array-header .expand-icon{flex:0 0 1rem;font-size:.75rem;color:#525252}.field-object-header .field-name,.field-array-header .field-name{font-weight:500}.field-object-header .field-meta,.field-array-header .field-meta{font-size:.8125rem;color:#6c757d}.field-object-header .completeness-badge,.field-array-header .completeness-badge{margin-left:auto;font-size:.75rem;padding:.125rem .5rem;border-radius:10px;background:#e0e0e0;color:#525252;font-weight:500}.field-object-header .mapped-indicator,.field-array-header .mapped-indicator{margin-left:auto;color:#198754;font-weight:600}.field-object-children{padding-left:1.25rem;border-left:1px solid #e0e0e0;margin-left:.5rem}.field-array{margin:.25rem 0}.field-array-content{padding-left:1.25rem;border-left:1px solid #e0e0e0;margin-left:.5rem}.array-per-field-toggle{padding:.5rem 0}.array-per-field-toggle .toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#525252}.array-per-field-toggle .toggle-label input[type=checkbox]{cursor:pointer}.array-item-fields{margin-left:.5rem;border-left:1px dashed #c6c6c6;padding:.25rem 0 .5rem 1rem}.item-fields-header{padding-bottom:.25rem}.item-fields-header .item-fields-title{font-size:.8125rem;font-weight:500;color:#6c757d}.item-field-row{display:flex;align-items:center;gap:.75rem;padding:.25rem 0}.item-field-label{flex:0 0 180px;min-width:120px;word-break:break-word}.item-field-label .field-name{font-weight:500;font-size:.875rem}.item-field-label .field-meta{font-size:.75rem;color:#6c757d;margin-left:.25rem}.item-field-input{flex:1;min-width:0}\n"], dependencies: [{ kind: "component", type: FieldTreeComponent, selector: "epistola-field-tree", inputs: ["field", "value", "pluginId", "caseDefinitionKey", "processVariables", "disabled"], outputs: ["valueChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "ngmodule", type: PluginTranslatePipeModule }, { kind: "pipe", type: i2$1.PluginTranslatePipe, name: "pluginTranslate" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i3.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: ValuePathSelectorComponent, selector: "valtimo-value-path-selector", inputs: ["name", "appendInline", "margin", "marginLg", "marginXl", "disabled", "caseDefinitionKey", "caseDefinitionVersionTag", "prefixes", "label", "tooltip", "required", "showCaseDefinitionSelector", "notation", "defaultValue", "type", "parentItem"], outputs: ["valueChangeEvent", "collectionSelected"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FieldTreeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'epistola-field-tree', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        PluginTranslatePipeModule,
+                        InputModule,
+                        ValuePathSelectorComponent
+                    ], template: "<!-- SCALAR field: label row + input with 3-mode selector -->\n<div *ngIf=\"field.fieldType === 'SCALAR'\" class=\"field-row\" [class.field-required-unmapped]=\"field.required && !getStringValue()\">\n  <div class=\"field-label\">\n    <span class=\"field-name\">{{ field.name }}</span>\n    <span class=\"field-meta\">({{ field.type }}{{ field.required ? ', required' : '' }})</span>\n  </div>\n  <div class=\"field-input\">\n    <div class=\"input-mode-group\">\n      <button type=\"button\" class=\"mode-btn\" [class.mode-active]=\"inputMode === 'browse'\" [disabled]=\"disabled\" (click)=\"setInputMode('browse')\" [title]=\"'browseMode' | pluginTranslate: pluginId | async\">\u229E</button>\n      <button type=\"button\" class=\"mode-btn\" [class.mode-active]=\"inputMode === 'pv'\" [disabled]=\"disabled\" (click)=\"setInputMode('pv')\" [title]=\"'pvMode' | pluginTranslate: pluginId | async\">pv</button>\n      <button type=\"button\" class=\"mode-btn\" [class.mode-active]=\"inputMode === 'expression'\" [disabled]=\"disabled\" (click)=\"setInputMode('expression')\" [title]=\"'expressionMode' | pluginTranslate: pluginId | async\">fx</button>\n    </div>\n\n    <!-- Browse mode: ValuePathSelector -->\n    <div class=\"field-input-control\" *ngIf=\"inputMode === 'browse'\">\n      <valtimo-value-path-selector\n        [name]=\"'field_' + field.path\"\n        [caseDefinitionKey]=\"caseDefinitionKey\"\n        [prefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n        [notation]=\"'dots'\"\n        [disabled]=\"disabled\"\n        [defaultValue]=\"getStringValue()\"\n        [showCaseDefinitionSelector]=\"!caseDefinitionKey\"\n        (valueChangeEvent)=\"onBrowseValueChange($event)\"\n      ></valtimo-value-path-selector>\n    </div>\n\n    <!-- PV mode: dropdown (when available) or text fallback -->\n    <div class=\"field-input-control\" *ngIf=\"inputMode === 'pv'\">\n      <select\n        *ngIf=\"processVariables.length > 0; else pvFallback\"\n        class=\"pv-select\"\n        [disabled]=\"disabled\"\n        (change)=\"onPvChange($any($event.target).value)\"\n      >\n        <option value=\"\">{{ 'pvPlaceholder' | pluginTranslate: pluginId | async }}</option>\n        <option *ngFor=\"let pv of processVariables\" [value]=\"pv\" [selected]=\"pv === getPvName()\">{{ pv }}</option>\n      </select>\n      <ng-template #pvFallback>\n        <v-input\n          [name]=\"'pvfb_' + field.path\"\n          [defaultValue]=\"getPvName()\"\n          [disabled]=\"disabled\"\n          [placeholder]=\"'pvPlaceholder' | pluginTranslate: pluginId | async\"\n          (valueChange)=\"onPvChange($event)\"\n        ></v-input>\n      </ng-template>\n    </div>\n\n    <!-- Expression mode: text input -->\n    <div class=\"field-input-control\" *ngIf=\"inputMode === 'expression'\">\n      <v-input\n        [name]=\"'fx_' + field.path\"\n        [defaultValue]=\"getStringValue()\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"'e.g. pv:variableName or doc:path.to.field'\"\n        (valueChange)=\"onExpressionValueChange($event)\"\n      ></v-input>\n    </div>\n  </div>\n</div>\n\n<!-- OBJECT field: collapsible section with children -->\n<div *ngIf=\"field.fieldType === 'OBJECT'\" class=\"field-object\">\n  <div class=\"field-object-header\" (click)=\"toggleExpanded()\" [class.field-required-unmapped]=\"totalRequired > 0 && mappedCount < totalRequired\">\n    <span class=\"expand-icon\">{{ expanded ? '\u25BC' : '\u25B6' }}</span>\n    <span class=\"field-name\">{{ field.name }}</span>\n    <span class=\"field-meta\">(object{{ field.required ? ', required' : '' }})</span>\n    <span class=\"completeness-badge\" *ngIf=\"totalRequired > 0 && !expanded\">\n      {{ mappedCount }}/{{ totalRequired }}\n    </span>\n  </div>\n  <div class=\"field-object-children\" *ngIf=\"expanded\">\n    <epistola-field-tree\n      *ngFor=\"let child of field.children\"\n      [field]=\"child\"\n      [value]=\"getChildValue(child.name)\"\n      [pluginId]=\"pluginId\"\n      [caseDefinitionKey]=\"caseDefinitionKey\"\n      [processVariables]=\"processVariables\"\n      [disabled]=\"disabled\"\n      (valueChange)=\"onChildChange(child.name, $event)\"\n    ></epistola-field-tree>\n  </div>\n</div>\n\n<!-- ARRAY field: collapsible section with source collection + optional per-item mapping -->\n<div *ngIf=\"field.fieldType === 'ARRAY'\" class=\"field-array\">\n  <div class=\"field-array-header\" (click)=\"toggleExpanded()\" [class.field-required-unmapped]=\"field.required && !getSourceValue()\">\n    <span class=\"expand-icon\">{{ expanded ? '\u25BC' : '\u25B6' }}</span>\n    <span class=\"field-name\">{{ field.name }}</span>\n    <span class=\"field-meta\">(array{{ field.required ? ', required' : '' }})</span>\n    <span class=\"completeness-badge\" *ngIf=\"totalRequired > 0 && !expanded\">\n      {{ mappedCount }}/{{ totalRequired }}\n    </span>\n    <span class=\"mapped-indicator\" *ngIf=\"totalRequired === 0 && getSourceValue() && !expanded\">\u2713</span>\n  </div>\n  <div class=\"field-array-content\" *ngIf=\"expanded\">\n    <!-- Source collection input -->\n    <div class=\"field-row\">\n      <div class=\"field-label\">\n        <span class=\"field-name\">{{ 'mapCollectionTo' | pluginTranslate: pluginId | async }}</span>\n      </div>\n      <div class=\"field-input\">\n        <div class=\"input-mode-group\">\n          <button type=\"button\" class=\"mode-btn\" [class.mode-active]=\"inputMode === 'browse'\" [disabled]=\"disabled\" (click)=\"setInputMode('browse')\" [title]=\"'browseMode' | pluginTranslate: pluginId | async\">\u229E</button>\n          <button type=\"button\" class=\"mode-btn\" [class.mode-active]=\"inputMode === 'pv'\" [disabled]=\"disabled\" (click)=\"setInputMode('pv')\" [title]=\"'pvMode' | pluginTranslate: pluginId | async\">pv</button>\n          <button type=\"button\" class=\"mode-btn\" [class.mode-active]=\"inputMode === 'expression'\" [disabled]=\"disabled\" (click)=\"setInputMode('expression')\" [title]=\"'expressionMode' | pluginTranslate: pluginId | async\">fx</button>\n        </div>\n\n        <div class=\"field-input-control\" *ngIf=\"inputMode === 'browse'\">\n          <valtimo-value-path-selector\n            [name]=\"'field_' + field.path\"\n            [caseDefinitionKey]=\"caseDefinitionKey\"\n            [prefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n            [notation]=\"'dots'\"\n            [disabled]=\"disabled\"\n            [defaultValue]=\"getSourceValue()\"\n            [showCaseDefinitionSelector]=\"!caseDefinitionKey\"\n            (valueChangeEvent)=\"onSourceBrowseChange($event)\"\n          ></valtimo-value-path-selector>\n        </div>\n\n        <div class=\"field-input-control\" *ngIf=\"inputMode === 'pv'\">\n          <select\n            *ngIf=\"processVariables.length > 0; else pvSourceFallback\"\n            class=\"pv-select\"\n            [disabled]=\"disabled\"\n            (change)=\"onSourcePvChange($any($event.target).value)\"\n          >\n            <option value=\"\">{{ 'pvPlaceholder' | pluginTranslate: pluginId | async }}</option>\n            <option *ngFor=\"let pv of processVariables\" [value]=\"pv\" [selected]=\"pv === getSourcePvName()\">{{ pv }}</option>\n          </select>\n          <ng-template #pvSourceFallback>\n            <v-input\n              [name]=\"'pvfb_' + field.path\"\n              [defaultValue]=\"getSourcePvName()\"\n              [disabled]=\"disabled\"\n              [placeholder]=\"'pvPlaceholder' | pluginTranslate: pluginId | async\"\n              (valueChange)=\"onSourcePvChange($event)\"\n            ></v-input>\n          </ng-template>\n        </div>\n\n        <div class=\"field-input-control\" *ngIf=\"inputMode === 'expression'\">\n          <v-input\n            [name]=\"'fx_' + field.path\"\n            [defaultValue]=\"getSourceValue()\"\n            [disabled]=\"disabled\"\n            [placeholder]=\"'e.g. pv:variableName or doc:path.to.field'\"\n            (valueChange)=\"onSourceExpressionChange($event)\"\n          ></v-input>\n        </div>\n      </div>\n    </div>\n\n    <!-- Per-item field mapping toggle (only shown when array has children) -->\n    <div class=\"array-per-field-toggle\" *ngIf=\"hasArrayChildren()\">\n      <label class=\"toggle-label\">\n        <input\n          type=\"checkbox\"\n          [checked]=\"arrayPerFieldMode\"\n          [disabled]=\"disabled\"\n          (change)=\"toggleArrayPerFieldMode()\"\n        />\n        <span>{{ 'itemFieldMapping' | pluginTranslate: pluginId | async }}</span>\n      </label>\n    </div>\n\n    <!-- Per-item field mappings -->\n    <div class=\"array-item-fields\" *ngIf=\"arrayPerFieldMode && hasArrayChildren()\">\n      <div class=\"item-fields-header\">\n        <span class=\"item-fields-title\">{{ 'itemFieldMappingTitle' | pluginTranslate: pluginId | async }}</span>\n      </div>\n      <div class=\"item-field-row\" *ngFor=\"let child of field.children\">\n        <div class=\"item-field-label\">\n          <span class=\"field-name\">{{ child.name }}</span>\n          <span class=\"field-meta\">({{ child.type }}{{ child.required ? ', required' : '' }})</span>\n        </div>\n        <div class=\"item-field-input\">\n          <v-input\n            [name]=\"'itemField_' + child.path\"\n            [defaultValue]=\"getItemFieldValue(child.name)\"\n            [disabled]=\"disabled\"\n            [placeholder]=\"'sourceFieldPlaceholder' | pluginTranslate: pluginId | async\"\n            (valueChange)=\"onItemFieldChange(child.name, $event)\"\n          ></v-input>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".field-row{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;border-left:3px solid transparent}.field-row.field-required-unmapped{border-left-color:#dc3545;background-color:#fff5f5;padding-left:.5rem}.field-label{flex:0 0 200px;min-width:140px;padding-top:.5rem;word-break:break-word}.field-label .field-name{font-weight:500}.field-label .field-meta{font-size:.8125rem;color:#6c757d;margin-left:.25rem}.field-input{flex:1;display:flex;align-items:flex-start;gap:.5rem;min-width:0}.field-input-control{flex:1;min-width:0}.input-mode-group{flex:0 0 auto;display:flex;margin-top:.25rem;border:1px solid #c6c6c6;border-radius:4px;overflow:hidden}.input-mode-group .mode-btn{width:32px;height:32px;padding:0;border:none;border-right:1px solid #c6c6c6;background:#f4f4f4;color:#525252;font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s}.input-mode-group .mode-btn:last-child{border-right:none}.input-mode-group .mode-btn:hover:not(:disabled){background:#e0e0e0}.input-mode-group .mode-btn.mode-active{background:#0f62fe;color:#fff}.input-mode-group .mode-btn.mode-active:hover:not(:disabled){background:#0353e9}.input-mode-group .mode-btn:disabled{opacity:.5;cursor:not-allowed}.pv-select{width:100%;height:2.5rem;padding:0 .75rem;border:1px solid #c6c6c6;border-radius:4px;background:#fff;color:#161616;font-size:.875rem;cursor:pointer}.pv-select:focus{outline:2px solid #0f62fe;outline-offset:-2px}.pv-select:disabled{opacity:.5;cursor:not-allowed;background:#f4f4f4}.field-object{margin:.25rem 0}.field-object-header,.field-array-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .25rem;cursor:pointer;-webkit-user-select:none;user-select:none;border-left:3px solid transparent;border-radius:2px}.field-object-header:hover,.field-array-header:hover{background:#f4f4f4}.field-object-header.field-required-unmapped,.field-array-header.field-required-unmapped{border-left-color:#dc3545;background-color:#fff5f5}.field-object-header .expand-icon,.field-array-header .expand-icon{flex:0 0 1rem;font-size:.75rem;color:#525252}.field-object-header .field-name,.field-array-header .field-name{font-weight:500}.field-object-header .field-meta,.field-array-header .field-meta{font-size:.8125rem;color:#6c757d}.field-object-header .completeness-badge,.field-array-header .completeness-badge{margin-left:auto;font-size:.75rem;padding:.125rem .5rem;border-radius:10px;background:#e0e0e0;color:#525252;font-weight:500}.field-object-header .mapped-indicator,.field-array-header .mapped-indicator{margin-left:auto;color:#198754;font-weight:600}.field-object-children{padding-left:1.25rem;border-left:1px solid #e0e0e0;margin-left:.5rem}.field-array{margin:.25rem 0}.field-array-content{padding-left:1.25rem;border-left:1px solid #e0e0e0;margin-left:.5rem}.array-per-field-toggle{padding:.5rem 0}.array-per-field-toggle .toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#525252}.array-per-field-toggle .toggle-label input[type=checkbox]{cursor:pointer}.array-item-fields{margin-left:.5rem;border-left:1px dashed #c6c6c6;padding:.25rem 0 .5rem 1rem}.item-fields-header{padding-bottom:.25rem}.item-fields-header .item-fields-title{font-size:.8125rem;font-weight:500;color:#6c757d}.item-field-row{display:flex;align-items:center;gap:.75rem;padding:.25rem 0}.item-field-label{flex:0 0 180px;min-width:120px;word-break:break-word}.item-field-label .field-name{font-weight:500;font-size:.875rem}.item-field-label .field-meta{font-size:.75rem;color:#6c757d;margin-left:.25rem}.item-field-input{flex:1;min-width:0}\n"] }]
+        }], propDecorators: { field: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], pluginId: [{
+                type: Input
+            }], caseDefinitionKey: [{
+                type: Input
+            }], processVariables: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+
+/**
+ * Top-level wrapper that hosts FieldTreeComponent instances for each top-level template field.
+ * Manages the full nested mapping object, completeness tracking, and emits mapping changes.
+ */
+class DataMappingTreeComponent {
+    pluginId;
+    templateFields$;
+    prefillMapping$;
+    disabled$;
+    caseDefinitionKey = null;
+    processVariables = [];
+    mappingChange = new EventEmitter();
+    requiredFieldsStatus = new EventEmitter();
+    templateFields = [];
+    mapping = {};
+    disabled = false;
+    destroy$ = new Subject();
+    ngOnInit() {
+        this.templateFields$.pipe(takeUntil(this.destroy$)).subscribe(fields => {
+            this.templateFields = fields;
+            this.emitRequiredFieldsStatus();
+        });
+        this.prefillMapping$.pipe(takeUntil(this.destroy$)).subscribe(mapping => {
+            if (mapping && Object.keys(mapping).length > 0) {
+                this.mapping = { ...mapping };
+            }
+            this.emitRequiredFieldsStatus();
+        });
+        this.disabled$.pipe(takeUntil(this.destroy$)).subscribe(disabled => {
+            this.disabled = disabled;
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    onFieldValueChange(fieldName, value) {
+        if (value === undefined || value === null || value === '') {
+            const { [fieldName]: _, ...rest } = this.mapping;
+            this.mapping = rest;
+        }
+        else {
+            this.mapping = { ...this.mapping, [fieldName]: value };
+        }
+        this.mappingChange.emit(this.mapping);
+        this.emitRequiredFieldsStatus();
+    }
+    getFieldValue(fieldName) {
+        return this.mapping[fieldName];
+    }
+    emitRequiredFieldsStatus() {
+        const stats = this.countRequiredMapped(this.templateFields, this.mapping);
+        this.requiredFieldsStatus.emit(stats);
+    }
+    countRequiredMapped(fields, mapping) {
+        let mapped = 0;
+        let total = 0;
+        for (const field of fields) {
+            if (field.fieldType === 'SCALAR' && field.required) {
+                total++;
+                const val = mapping[field.name];
+                if (typeof val === 'string' && val.trim().length > 0) {
+                    mapped++;
+                }
+            }
+            else if (field.fieldType === 'ARRAY' && field.required) {
+                total++;
+                const val = mapping[field.name];
+                if (typeof val === 'string' && val.trim().length > 0) {
+                    mapped++;
+                }
+                else if (typeof val === 'object' && val !== null && '_source' in val) {
+                    if (typeof val['_source'] === 'string' && val['_source'].trim().length > 0) {
+                        mapped++;
+                    }
+                }
+            }
+            else if (field.fieldType === 'OBJECT' && field.children) {
+                const nested = (typeof mapping[field.name] === 'object' && mapping[field.name] !== null)
+                    ? mapping[field.name]
+                    : {};
+                const childStats = this.countRequiredMapped(field.children, nested);
+                mapped += childStats.mapped;
+                total += childStats.total;
+            }
+        }
+        return { mapped, total };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DataMappingTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: DataMappingTreeComponent, isStandalone: true, selector: "epistola-data-mapping-tree", inputs: { pluginId: "pluginId", templateFields$: "templateFields$", prefillMapping$: "prefillMapping$", disabled$: "disabled$", caseDefinitionKey: "caseDefinitionKey", processVariables: "processVariables" }, outputs: { mappingChange: "mappingChange", requiredFieldsStatus: "requiredFieldsStatus" }, ngImport: i0, template: "<div class=\"data-mapping-tree\">\n  <div class=\"mapping-header\">\n    <h5>{{ 'dataMappingTitle' | pluginTranslate: pluginId | async }}</h5>\n    <p class=\"helper-text\">{{ 'dataMappingDescription' | pluginTranslate: pluginId | async }}</p>\n  </div>\n\n  <div class=\"field-tree-root\" *ngIf=\"templateFields.length > 0\">\n    <epistola-field-tree\n      *ngFor=\"let field of templateFields\"\n      [field]=\"field\"\n      [value]=\"getFieldValue(field.name)\"\n      [pluginId]=\"pluginId\"\n      [caseDefinitionKey]=\"caseDefinitionKey\"\n      [processVariables]=\"processVariables\"\n      [disabled]=\"disabled\"\n      (valueChange)=\"onFieldValueChange(field.name, $event)\"\n    ></epistola-field-tree>\n  </div>\n\n  <div class=\"no-fields\" *ngIf=\"templateFields.length === 0\">\n    <p>{{ 'noTemplateFields' | pluginTranslate: pluginId | async }}</p>\n  </div>\n</div>\n", styles: [".data-mapping-tree{margin-top:1rem;margin-bottom:1rem}.mapping-header{margin-bottom:.75rem}.mapping-header h5{margin-bottom:.25rem;font-weight:600}.mapping-header .helper-text{color:#6c757d;font-size:.875rem;margin-bottom:0}.field-tree-root{border:1px solid #e0e0e0;border-radius:4px;padding:.5rem .75rem}.no-fields{padding:1rem;text-align:center;color:#6c757d;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px}.no-fields p{margin-bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: PluginTranslatePipeModule }, { kind: "pipe", type: i2$1.PluginTranslatePipe, name: "pluginTranslate" }, { kind: "component", type: FieldTreeComponent, selector: "epistola-field-tree", inputs: ["field", "value", "pluginId", "caseDefinitionKey", "processVariables", "disabled"], outputs: ["valueChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DataMappingTreeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'epistola-data-mapping-tree', standalone: true, imports: [
+                        CommonModule,
+                        PluginTranslatePipeModule,
+                        FieldTreeComponent
+                    ], template: "<div class=\"data-mapping-tree\">\n  <div class=\"mapping-header\">\n    <h5>{{ 'dataMappingTitle' | pluginTranslate: pluginId | async }}</h5>\n    <p class=\"helper-text\">{{ 'dataMappingDescription' | pluginTranslate: pluginId | async }}</p>\n  </div>\n\n  <div class=\"field-tree-root\" *ngIf=\"templateFields.length > 0\">\n    <epistola-field-tree\n      *ngFor=\"let field of templateFields\"\n      [field]=\"field\"\n      [value]=\"getFieldValue(field.name)\"\n      [pluginId]=\"pluginId\"\n      [caseDefinitionKey]=\"caseDefinitionKey\"\n      [processVariables]=\"processVariables\"\n      [disabled]=\"disabled\"\n      (valueChange)=\"onFieldValueChange(field.name, $event)\"\n    ></epistola-field-tree>\n  </div>\n\n  <div class=\"no-fields\" *ngIf=\"templateFields.length === 0\">\n    <p>{{ 'noTemplateFields' | pluginTranslate: pluginId | async }}</p>\n  </div>\n</div>\n", styles: [".data-mapping-tree{margin-top:1rem;margin-bottom:1rem}.mapping-header{margin-bottom:.75rem}.mapping-header h5{margin-bottom:.25rem;font-weight:600}.mapping-header .helper-text{color:#6c757d;font-size:.875rem;margin-bottom:0}.field-tree-root{border:1px solid #e0e0e0;border-radius:4px;padding:.5rem .75rem}.no-fields{padding:1rem;text-align:center;color:#6c757d;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px}.no-fields p{margin-bottom:0}\n"] }]
+        }], propDecorators: { pluginId: [{
+                type: Input
+            }], templateFields$: [{
+                type: Input
+            }], prefillMapping$: [{
+                type: Input
+            }], disabled$: [{
+                type: Input
+            }], caseDefinitionKey: [{
+                type: Input
+            }], processVariables: [{
+                type: Input
+            }], mappingChange: [{
+                type: Output
+            }], requiredFieldsStatus: [{
+                type: Output
+            }] } });
+
+class GenerateDocumentConfigurationComponent {
+    epistolaPluginService;
+    processLinkStateService;
+    // Required inputs from FunctionConfigurationComponent
+    save$;
+    disabled$;
+    pluginId;
+    prefillConfiguration$;
+    // Optional inputs from FunctionConfigurationComponent
+    selectedPluginConfigurationData$;
+    context$;
+    valid = new EventEmitter();
+    configuration = new EventEmitter();
+    // Template options loaded from API
+    templateOptions$ = new BehaviorSubject([]);
+    templatesLoading$ = new BehaviorSubject(false);
+    // Variant options loaded based on selected template
+    variantOptions$ = new BehaviorSubject([]);
+    variantsLoading$ = new BehaviorSubject(false);
+    // Environment options loaded from API
+    environmentOptions$ = new BehaviorSubject([]);
+    environmentsLoading$ = new BehaviorSubject(false);
+    // Template fields for data mapping
+    templateFields$ = new BehaviorSubject([]);
+    templateFieldsLoading$ = new BehaviorSubject(false);
+    // Current data mapping (nested structure mirroring template schema)
+    dataMapping$ = new BehaviorSubject({});
+    // Prefill data mapping observable for the tree
+    prefillDataMapping$;
+    outputFormatOptions = [
+        { id: 'PDF', text: 'PDF' },
+        { id: 'HTML', text: 'HTML' }
+    ];
+    // Show data mapping builder only when template is selected
+    selectedTemplateId$ = new BehaviorSubject('');
+    selectedVariantId$ = new BehaviorSubject('');
+    // Variant selection mode: 'explicit' (dropdown) or 'attributes' (key-value pairs)
+    variantSelectionMode = 'explicit';
+    // Variant attributes for attribute-based selection
+    variantAttributeEntries = [];
+    // Case definition key from context (for ValuePathSelector)
+    caseDefinitionKey = null;
+    // Discovered process variables
+    processVariables = [];
+    // Required fields status
+    requiredFieldsStatus = { mapped: 0, total: 0 };
+    destroy$ = new Subject();
+    saveSubscription;
+    formValue$ = new BehaviorSubject(null);
+    valid$ = new BehaviorSubject(false);
+    pluginConfigurationId$ = new BehaviorSubject('');
+    constructor(epistolaPluginService, processLinkStateService) {
+        this.epistolaPluginService = epistolaPluginService;
+        this.processLinkStateService = processLinkStateService;
+    }
+    ngOnInit() {
+        this.initContext();
+        this.initPrefillDataMapping();
+        this.initPluginConfiguration();
+        this.initTemplatesLoading();
+        this.initEnvironmentsLoading();
+        this.initVariantsLoading();
+        this.initTemplateFieldsLoading();
+        this.openSaveSubscription();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+        this.saveSubscription?.unsubscribe();
+    }
+    formValueChange(formOutput) {
+        const formValue = formOutput;
+        this.formValue$.next(formValue);
+        // Update selected template if changed (also clears variant selection)
+        if (formValue.templateId && formValue.templateId !== this.selectedTemplateId$.getValue()) {
+            this.selectedTemplateId$.next(formValue.templateId);
+            this.selectedVariantId$.next('');
+        }
+        // Update selected variant if changed
+        if (formValue.variantId && formValue.variantId !== this.selectedVariantId$.getValue()) {
+            this.selectedVariantId$.next(formValue.variantId);
+        }
+        this.handleValid(formValue);
+    }
+    onDataMappingChange(mapping) {
+        this.dataMapping$.next(mapping);
+        // Re-validate when data mapping changes
+        const currentFormValue = this.formValue$.getValue();
+        if (currentFormValue) {
+            this.handleValid(currentFormValue);
+        }
+    }
+    onRequiredFieldsStatusChange(status) {
+        this.requiredFieldsStatus = status;
+        // Re-validate when required fields status changes
+        const currentFormValue = this.formValue$.getValue();
+        if (currentFormValue) {
+            this.handleValid(currentFormValue);
+        }
+    }
+    onVariantSelectionModeChange(mode) {
+        this.variantSelectionMode = mode;
+        if (mode === 'attributes' && this.variantAttributeEntries.length === 0) {
+            this.variantAttributeEntries = [{ key: '', value: '' }];
+        }
+        // Re-validate
+        const currentFormValue = this.formValue$.getValue();
+        if (currentFormValue) {
+            this.handleValid(currentFormValue);
+        }
+    }
+    addAttributeEntry() {
+        this.variantAttributeEntries = [...this.variantAttributeEntries, { key: '', value: '' }];
+        this.revalidate();
+    }
+    removeAttributeEntry(index) {
+        this.variantAttributeEntries = this.variantAttributeEntries.filter((_, i) => i !== index);
+        this.revalidate();
+    }
+    onAttributeEntryChange() {
+        this.revalidate();
+    }
+    revalidate() {
+        const currentFormValue = this.formValue$.getValue();
+        if (currentFormValue) {
+            this.handleValid(currentFormValue);
+        }
+    }
+    formatAttributes(attributes) {
+        const entries = Object.entries(attributes || {});
+        if (entries.length === 0)
+            return '';
+        return ` (${entries.map(([k, v]) => `${k}=${v}`).join(', ')})`;
+    }
+    initContext() {
+        if (this.context$) {
+            this.context$.pipe(takeUntil(this.destroy$), filter(([context]) => context === 'case')).subscribe(([, params]) => {
+                this.caseDefinitionKey = params.caseDefinitionKey;
+            });
+        }
+    }
+    initPrefillDataMapping() {
+        if (this.prefillConfiguration$) {
+            this.prefillDataMapping$ = this.prefillConfiguration$.pipe(map(config => config?.dataMapping || {}));
+            // Also set initial selected template, variant mode, and variant
+            this.prefillConfiguration$.pipe(takeUntil(this.destroy$), filter(config => !!config?.templateId)).subscribe(config => {
+                this.selectedTemplateId$.next(config.templateId);
+                if (config.variantAttributes && Object.keys(config.variantAttributes).length > 0) {
+                    this.variantSelectionMode = 'attributes';
+                    this.variantAttributeEntries = Object.entries(config.variantAttributes)
+                        .map(([key, value]) => ({ key, value }));
+                }
+                else if (config.variantId) {
+                    this.variantSelectionMode = 'explicit';
+                    this.selectedVariantId$.next(config.variantId);
+                }
+                if (config.dataMapping) {
+                    this.dataMapping$.next(config.dataMapping);
+                }
+            });
+        }
+        else {
+            this.prefillDataMapping$ = new BehaviorSubject({}).asObservable();
+        }
+    }
+    initPluginConfiguration() {
+        const sources = [];
+        // Create mode: framework emits when user selects a plugin configuration
+        if (this.selectedPluginConfigurationData$) {
+            sources.push(this.selectedPluginConfigurationData$.pipe(filter(config => !!config?.configurationId), map(config => config.configurationId)));
+        }
+        // Edit mode: read pluginConfigurationId from the ProcessLink entity
+        // (selectedPluginConfigurationData$ does not emit in edit mode)
+        sources.push(this.processLinkStateService.selectedProcessLink$.pipe(filter(processLink => !!processLink?.pluginConfigurationId), map(processLink => processLink.pluginConfigurationId)));
+        merge(...sources).pipe(takeUntil(this.destroy$)).subscribe(configurationId => {
+            this.pluginConfigurationId$.next(configurationId);
+        });
+    }
+    initTemplatesLoading() {
+        this.pluginConfigurationId$.pipe(takeUntil(this.destroy$), filter(id => !!id)).subscribe(configurationId => {
+            this.templatesLoading$.next(true);
+            this.epistolaPluginService.getTemplates(configurationId).pipe(takeUntil(this.destroy$), catchError(() => of([]))).subscribe(templates => {
+                const options = templates.map(t => ({
+                    id: t.id,
+                    text: t.name
+                }));
+                this.templateOptions$.next(options);
+                this.templatesLoading$.next(false);
+            });
+        });
+    }
+    initEnvironmentsLoading() {
+        this.pluginConfigurationId$.pipe(takeUntil(this.destroy$), filter(id => !!id)).subscribe(configurationId => {
+            this.environmentsLoading$.next(true);
+            this.epistolaPluginService.getEnvironments(configurationId).pipe(takeUntil(this.destroy$), catchError(() => of([]))).subscribe(environments => {
+                const options = environments.map(e => ({
+                    id: e.id,
+                    text: e.name
+                }));
+                this.environmentOptions$.next(options);
+                this.environmentsLoading$.next(false);
+            });
+        });
+    }
+    initVariantsLoading() {
+        combineLatest([
+            this.pluginConfigurationId$,
+            this.selectedTemplateId$
+        ]).pipe(takeUntil(this.destroy$), filter(([configId, templateId]) => !!configId && !!templateId)).subscribe(([configurationId, templateId]) => {
+            this.variantsLoading$.next(true);
+            this.epistolaPluginService.getVariants(configurationId, templateId).pipe(takeUntil(this.destroy$), catchError(() => of([]))).subscribe(variants => {
+                const options = variants.map(v => ({
+                    id: v.id,
+                    text: v.name + this.formatAttributes(v.attributes)
+                }));
+                this.variantOptions$.next(options);
+                this.variantsLoading$.next(false);
+            });
+        });
+    }
+    initTemplateFieldsLoading() {
+        combineLatest([
+            this.pluginConfigurationId$,
+            this.selectedTemplateId$
+        ]).pipe(takeUntil(this.destroy$), filter(([configId, templateId]) => !!configId && !!templateId)).subscribe(([configurationId, templateId]) => {
+            this.templateFieldsLoading$.next(true);
+            this.epistolaPluginService.getTemplateDetails(configurationId, templateId).pipe(takeUntil(this.destroy$), catchError(() => of({ fields: [] }))).subscribe(details => {
+                this.templateFields$.next(details.fields || []);
+                this.templateFieldsLoading$.next(false);
+            });
+            // Also load process variables if we have a case context
+            this.loadProcessVariables();
+        });
+    }
+    loadProcessVariables() {
+        // Try to discover process variables (best-effort, may not always have context)
+        if (this.caseDefinitionKey) {
+            this.epistolaPluginService.getProcessVariables(this.caseDefinitionKey).pipe(takeUntil(this.destroy$), catchError(() => of([]))).subscribe(variables => {
+                this.processVariables = variables;
+            });
+        }
+    }
+    handleValid(formValue) {
+        const baseComplete = !!(formValue?.templateId &&
+            formValue?.outputFormat &&
+            formValue?.filename &&
+            formValue?.resultProcessVariable);
+        // Variant selection: if attribute mode is used, all entries must have both key and value filled.
+        // Neither variant nor attributes are required — omitting both uses the template's default variant.
+        let variantValid = true;
+        if (this.variantSelectionMode === 'attributes' && this.variantAttributeEntries.length > 0) {
+            variantValid = this.variantAttributeEntries.every(e => !!e.key && !!e.value);
+        }
+        // Check if all required template fields are mapped
+        const requiredFieldsMapped = this.requiredFieldsStatus.total === 0 ||
+            this.requiredFieldsStatus.mapped === this.requiredFieldsStatus.total;
+        const valid = baseComplete && variantValid && requiredFieldsMapped;
+        this.valid$.next(valid);
+        this.valid.emit(valid);
+    }
+    openSaveSubscription() {
+        this.saveSubscription = this.save$?.subscribe(() => {
+            combineLatest([this.formValue$, this.valid$, this.dataMapping$])
+                .pipe(take$1(1))
+                .subscribe(([formValue, valid, dataMapping]) => {
+                if (valid && formValue) {
+                    const config = {
+                        templateId: formValue.templateId,
+                        environmentId: formValue.environmentId || undefined,
+                        dataMapping: dataMapping,
+                        outputFormat: formValue.outputFormat,
+                        filename: formValue.filename,
+                        correlationId: formValue.correlationId || undefined,
+                        resultProcessVariable: formValue.resultProcessVariable
+                    };
+                    if (this.variantSelectionMode === 'explicit') {
+                        config.variantId = formValue.variantId;
+                    }
+                    else {
+                        config.variantAttributes = {};
+                        for (const entry of this.variantAttributeEntries) {
+                            if (entry.key && entry.value) {
+                                config.variantAttributes[entry.key] = entry.value;
+                            }
+                        }
+                    }
+                    this.configuration.emit(config);
+                }
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: GenerateDocumentConfigurationComponent, deps: [{ token: EpistolaPluginService }, { token: i2$2.ProcessLinkStateService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: GenerateDocumentConfigurationComponent, isStandalone: true, selector: "epistola-generate-document-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$", selectedPluginConfigurationData$: "selectedPluginConfigurationData$", context$: "context$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<v-form\n    (valueChange)=\"formValueChange($event)\"\n    *ngIf=\"{\n      disabled: disabled$ | async,\n      prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n      templateOptions: templateOptions$ | async,\n      templatesLoading: templatesLoading$ | async,\n      variantOptions: variantOptions$ | async,\n      variantsLoading: variantsLoading$ | async,\n      environmentOptions: environmentOptions$ | async,\n      environmentsLoading: environmentsLoading$ | async,\n      templateFieldsLoading: templateFieldsLoading$ | async,\n      selectedTemplateId: selectedTemplateId$ | async\n    } as obs\"\n>\n  <v-select\n    name=\"templateId\"\n    [title]=\"'templateId' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'templateIdTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [items]=\"obs.templateOptions\"\n    [defaultSelectionId]=\"obs.prefill?.templateId\"\n    [disabled]=\"obs.disabled || obs.templatesLoading\"\n    [required]=\"true\"\n    [loading]=\"obs.templatesLoading\"\n  >\n  </v-select>\n\n  <!-- Variant selection mode toggle -->\n  <div class=\"variant-mode-toggle\" *ngIf=\"obs.selectedTemplateId\">\n    <label class=\"variant-mode-label\">{{ 'variantSelectionMode' | pluginTranslate: pluginId | async }}</label>\n    <div class=\"variant-mode-buttons\">\n      <button\n        type=\"button\"\n        class=\"variant-mode-btn\"\n        [class.active]=\"variantSelectionMode === 'explicit'\"\n        (click)=\"onVariantSelectionModeChange('explicit')\"\n        [disabled]=\"obs.disabled\"\n      >{{ 'selectByVariant' | pluginTranslate: pluginId | async }}</button>\n      <button\n        type=\"button\"\n        class=\"variant-mode-btn\"\n        [class.active]=\"variantSelectionMode === 'attributes'\"\n        (click)=\"onVariantSelectionModeChange('attributes')\"\n        [disabled]=\"obs.disabled\"\n      >{{ 'selectByAttributes' | pluginTranslate: pluginId | async }}</button>\n    </div>\n  </div>\n\n  <!-- Explicit variant selection (dropdown) -->\n  <v-select\n    *ngIf=\"variantSelectionMode === 'explicit'\"\n    name=\"variantId\"\n    [title]=\"'variantId' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'variantIdTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [items]=\"obs.variantOptions\"\n    [defaultSelectionId]=\"obs.prefill?.variantId\"\n    [disabled]=\"obs.disabled || obs.variantsLoading || !obs.selectedTemplateId\"\n    [required]=\"false\"\n    [loading]=\"obs.variantsLoading\"\n  >\n  </v-select>\n\n  <!-- Attribute-based variant selection -->\n  <div *ngIf=\"variantSelectionMode === 'attributes' && obs.selectedTemplateId\" class=\"variant-attributes-section\">\n    <label class=\"variant-attributes-label\">{{ 'variantAttributes' | pluginTranslate: pluginId | async }}</label>\n    <div class=\"variant-attributes-list\">\n      <div *ngFor=\"let entry of variantAttributeEntries; let i = index\" class=\"variant-attribute-row\">\n        <input\n          type=\"text\"\n          class=\"variant-attribute-input\"\n          [placeholder]=\"'attributeKey' | pluginTranslate: pluginId | async\"\n          [(ngModel)]=\"entry.key\"\n          (ngModelChange)=\"onAttributeEntryChange()\"\n          [disabled]=\"obs.disabled\"\n        />\n        <input\n          type=\"text\"\n          class=\"variant-attribute-input\"\n          [placeholder]=\"'attributeValue' | pluginTranslate: pluginId | async\"\n          [(ngModel)]=\"entry.value\"\n          (ngModelChange)=\"onAttributeEntryChange()\"\n          [disabled]=\"obs.disabled\"\n        />\n        <button\n          type=\"button\"\n          class=\"variant-attribute-remove-btn\"\n          (click)=\"removeAttributeEntry(i)\"\n          [disabled]=\"obs.disabled\"\n          title=\"{{ 'removeAttribute' | pluginTranslate: pluginId | async }}\"\n        >&times;</button>\n      </div>\n    </div>\n    <button\n      type=\"button\"\n      class=\"variant-attribute-add-btn\"\n      (click)=\"addAttributeEntry()\"\n      [disabled]=\"obs.disabled\"\n    >+ {{ 'addAttribute' | pluginTranslate: pluginId | async }}</button>\n  </div>\n\n  <v-select\n    name=\"environmentId\"\n    [title]=\"'environmentId' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'environmentIdTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [items]=\"obs.environmentOptions\"\n    [defaultSelectionId]=\"obs.prefill?.environmentId\"\n    [disabled]=\"obs.disabled || obs.environmentsLoading\"\n    [required]=\"false\"\n    [loading]=\"obs.environmentsLoading\"\n  >\n  </v-select>\n\n  <v-select\n    name=\"outputFormat\"\n    [title]=\"'outputFormat' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'outputFormatTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [items]=\"outputFormatOptions\"\n    [defaultSelectionId]=\"obs.prefill?.outputFormat || 'PDF'\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n  >\n  </v-select>\n\n  <v-input\n    name=\"filename\"\n    [title]=\"'filename' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'filenameTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.filename\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"correlationId\"\n    [title]=\"'correlationId' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'correlationIdTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.correlationId\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"false\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"resultProcessVariable\"\n    [title]=\"'resultProcessVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'resultProcessVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.resultProcessVariable\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n  >\n  </v-input>\n</v-form>\n\n<epistola-data-mapping-tree\n  *ngIf=\"(selectedTemplateId$ | async)\"\n  [pluginId]=\"pluginId\"\n  [templateFields$]=\"templateFields$\"\n  [disabled$]=\"disabled$\"\n  [prefillMapping$]=\"prefillDataMapping$\"\n  [caseDefinitionKey]=\"caseDefinitionKey\"\n  [processVariables]=\"processVariables\"\n  (mappingChange)=\"onDataMappingChange($event)\"\n  (requiredFieldsStatus)=\"onRequiredFieldsStatusChange($event)\"\n></epistola-data-mapping-tree>\n\n<div class=\"validation-summary\" *ngIf=\"(selectedTemplateId$ | async) && requiredFieldsStatus.total > 0\">\n  <span *ngIf=\"requiredFieldsStatus.mapped === requiredFieldsStatus.total\" class=\"validation-complete\">\n    {{ 'requiredFieldsComplete' | pluginTranslate: pluginId | async }}\n  </span>\n  <span *ngIf=\"requiredFieldsStatus.mapped < requiredFieldsStatus.total\" class=\"validation-incomplete\">\n    {{ requiredFieldsStatus.mapped }} / {{ requiredFieldsStatus.total }}\n    {{ 'validationSummary' | pluginTranslate: pluginId | async }}\n  </span>\n</div>\n", styles: [".validation-summary{margin-top:.5rem;padding:.5rem .75rem;border-radius:4px;font-size:.875rem}.validation-summary .validation-complete{color:#198754}.validation-summary .validation-incomplete{color:#dc3545;font-weight:500}.variant-mode-toggle{margin-bottom:1rem;padding:0 .75rem}.variant-mode-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.variant-mode-buttons{display:flex;gap:0;border:1px solid #d1d5db;border-radius:4px;overflow:hidden;width:fit-content}.variant-mode-btn{padding:.375rem .75rem;font-size:.8125rem;background:#fff;border:none;border-right:1px solid #d1d5db;cursor:pointer;color:#374151;transition:background-color .15s,color .15s}.variant-mode-btn:last-child{border-right:none}.variant-mode-btn:hover:not([disabled]){background:#f3f4f6}.variant-mode-btn.active{background:#2563eb;color:#fff}.variant-mode-btn[disabled]{opacity:.5;cursor:not-allowed}.variant-attributes-section{margin-bottom:1rem;padding:0 .75rem}.variant-attributes-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.variant-attributes-list{display:flex;flex-direction:column;gap:.375rem}.variant-attribute-row{display:flex;gap:.375rem;align-items:center}.variant-attribute-input{flex:1;padding:.375rem .5rem;font-size:.8125rem;border:1px solid #d1d5db;border-radius:4px;outline:none}.variant-attribute-input:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.variant-attribute-input[disabled]{opacity:.5;background:#f9fafb}.variant-attribute-remove-btn{padding:.25rem .5rem;font-size:1rem;line-height:1;background:none;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;color:#6b7280}.variant-attribute-remove-btn:hover:not([disabled]){color:#dc3545;border-color:#dc3545}.variant-attribute-remove-btn[disabled]{opacity:.5;cursor:not-allowed}.variant-attribute-add-btn{margin-top:.375rem;padding:.25rem .5rem;font-size:.8125rem;background:none;border:1px dashed #d1d5db;border-radius:4px;cursor:pointer;color:#6b7280}.variant-attribute-add-btn:hover:not([disabled]){color:#2563eb;border-color:#2563eb}.variant-attribute-add-btn[disabled]{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PluginTranslatePipeModule }, { kind: "pipe", type: i2$1.PluginTranslatePipe, name: "pluginTranslate" }, { kind: "ngmodule", type: FormModule }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i3.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: "ngmodule", type: SelectModule }, { kind: "component", type: i3.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", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: DataMappingTreeComponent, selector: "epistola-data-mapping-tree", inputs: ["pluginId", "templateFields$", "prefillMapping$", "disabled$", "caseDefinitionKey", "processVariables"], outputs: ["mappingChange", "requiredFieldsStatus"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: GenerateDocumentConfigurationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'epistola-generate-document-configuration', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        PluginTranslatePipeModule,
+                        FormModule,
+                        InputModule,
+                        SelectModule,
+                        DataMappingTreeComponent
+                    ], template: "<v-form\n    (valueChange)=\"formValueChange($event)\"\n    *ngIf=\"{\n      disabled: disabled$ | async,\n      prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n      templateOptions: templateOptions$ | async,\n      templatesLoading: templatesLoading$ | async,\n      variantOptions: variantOptions$ | async,\n      variantsLoading: variantsLoading$ | async,\n      environmentOptions: environmentOptions$ | async,\n      environmentsLoading: environmentsLoading$ | async,\n      templateFieldsLoading: templateFieldsLoading$ | async,\n      selectedTemplateId: selectedTemplateId$ | async\n    } as obs\"\n>\n  <v-select\n    name=\"templateId\"\n    [title]=\"'templateId' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'templateIdTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [items]=\"obs.templateOptions\"\n    [defaultSelectionId]=\"obs.prefill?.templateId\"\n    [disabled]=\"obs.disabled || obs.templatesLoading\"\n    [required]=\"true\"\n    [loading]=\"obs.templatesLoading\"\n  >\n  </v-select>\n\n  <!-- Variant selection mode toggle -->\n  <div class=\"variant-mode-toggle\" *ngIf=\"obs.selectedTemplateId\">\n    <label class=\"variant-mode-label\">{{ 'variantSelectionMode' | pluginTranslate: pluginId | async }}</label>\n    <div class=\"variant-mode-buttons\">\n      <button\n        type=\"button\"\n        class=\"variant-mode-btn\"\n        [class.active]=\"variantSelectionMode === 'explicit'\"\n        (click)=\"onVariantSelectionModeChange('explicit')\"\n        [disabled]=\"obs.disabled\"\n      >{{ 'selectByVariant' | pluginTranslate: pluginId | async }}</button>\n      <button\n        type=\"button\"\n        class=\"variant-mode-btn\"\n        [class.active]=\"variantSelectionMode === 'attributes'\"\n        (click)=\"onVariantSelectionModeChange('attributes')\"\n        [disabled]=\"obs.disabled\"\n      >{{ 'selectByAttributes' | pluginTranslate: pluginId | async }}</button>\n    </div>\n  </div>\n\n  <!-- Explicit variant selection (dropdown) -->\n  <v-select\n    *ngIf=\"variantSelectionMode === 'explicit'\"\n    name=\"variantId\"\n    [title]=\"'variantId' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'variantIdTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [items]=\"obs.variantOptions\"\n    [defaultSelectionId]=\"obs.prefill?.variantId\"\n    [disabled]=\"obs.disabled || obs.variantsLoading || !obs.selectedTemplateId\"\n    [required]=\"false\"\n    [loading]=\"obs.variantsLoading\"\n  >\n  </v-select>\n\n  <!-- Attribute-based variant selection -->\n  <div *ngIf=\"variantSelectionMode === 'attributes' && obs.selectedTemplateId\" class=\"variant-attributes-section\">\n    <label class=\"variant-attributes-label\">{{ 'variantAttributes' | pluginTranslate: pluginId | async }}</label>\n    <div class=\"variant-attributes-list\">\n      <div *ngFor=\"let entry of variantAttributeEntries; let i = index\" class=\"variant-attribute-row\">\n        <input\n          type=\"text\"\n          class=\"variant-attribute-input\"\n          [placeholder]=\"'attributeKey' | pluginTranslate: pluginId | async\"\n          [(ngModel)]=\"entry.key\"\n          (ngModelChange)=\"onAttributeEntryChange()\"\n          [disabled]=\"obs.disabled\"\n        />\n        <input\n          type=\"text\"\n          class=\"variant-attribute-input\"\n          [placeholder]=\"'attributeValue' | pluginTranslate: pluginId | async\"\n          [(ngModel)]=\"entry.value\"\n          (ngModelChange)=\"onAttributeEntryChange()\"\n          [disabled]=\"obs.disabled\"\n        />\n        <button\n          type=\"button\"\n          class=\"variant-attribute-remove-btn\"\n          (click)=\"removeAttributeEntry(i)\"\n          [disabled]=\"obs.disabled\"\n          title=\"{{ 'removeAttribute' | pluginTranslate: pluginId | async }}\"\n        >&times;</button>\n      </div>\n    </div>\n    <button\n      type=\"button\"\n      class=\"variant-attribute-add-btn\"\n      (click)=\"addAttributeEntry()\"\n      [disabled]=\"obs.disabled\"\n    >+ {{ 'addAttribute' | pluginTranslate: pluginId | async }}</button>\n  </div>\n\n  <v-select\n    name=\"environmentId\"\n    [title]=\"'environmentId' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'environmentIdTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [items]=\"obs.environmentOptions\"\n    [defaultSelectionId]=\"obs.prefill?.environmentId\"\n    [disabled]=\"obs.disabled || obs.environmentsLoading\"\n    [required]=\"false\"\n    [loading]=\"obs.environmentsLoading\"\n  >\n  </v-select>\n\n  <v-select\n    name=\"outputFormat\"\n    [title]=\"'outputFormat' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'outputFormatTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [items]=\"outputFormatOptions\"\n    [defaultSelectionId]=\"obs.prefill?.outputFormat || 'PDF'\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n  >\n  </v-select>\n\n  <v-input\n    name=\"filename\"\n    [title]=\"'filename' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'filenameTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.filename\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"correlationId\"\n    [title]=\"'correlationId' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'correlationIdTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.correlationId\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"false\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"resultProcessVariable\"\n    [title]=\"'resultProcessVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'resultProcessVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.resultProcessVariable\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n  >\n  </v-input>\n</v-form>\n\n<epistola-data-mapping-tree\n  *ngIf=\"(selectedTemplateId$ | async)\"\n  [pluginId]=\"pluginId\"\n  [templateFields$]=\"templateFields$\"\n  [disabled$]=\"disabled$\"\n  [prefillMapping$]=\"prefillDataMapping$\"\n  [caseDefinitionKey]=\"caseDefinitionKey\"\n  [processVariables]=\"processVariables\"\n  (mappingChange)=\"onDataMappingChange($event)\"\n  (requiredFieldsStatus)=\"onRequiredFieldsStatusChange($event)\"\n></epistola-data-mapping-tree>\n\n<div class=\"validation-summary\" *ngIf=\"(selectedTemplateId$ | async) && requiredFieldsStatus.total > 0\">\n  <span *ngIf=\"requiredFieldsStatus.mapped === requiredFieldsStatus.total\" class=\"validation-complete\">\n    {{ 'requiredFieldsComplete' | pluginTranslate: pluginId | async }}\n  </span>\n  <span *ngIf=\"requiredFieldsStatus.mapped < requiredFieldsStatus.total\" class=\"validation-incomplete\">\n    {{ requiredFieldsStatus.mapped }} / {{ requiredFieldsStatus.total }}\n    {{ 'validationSummary' | pluginTranslate: pluginId | async }}\n  </span>\n</div>\n", styles: [".validation-summary{margin-top:.5rem;padding:.5rem .75rem;border-radius:4px;font-size:.875rem}.validation-summary .validation-complete{color:#198754}.validation-summary .validation-incomplete{color:#dc3545;font-weight:500}.variant-mode-toggle{margin-bottom:1rem;padding:0 .75rem}.variant-mode-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.variant-mode-buttons{display:flex;gap:0;border:1px solid #d1d5db;border-radius:4px;overflow:hidden;width:fit-content}.variant-mode-btn{padding:.375rem .75rem;font-size:.8125rem;background:#fff;border:none;border-right:1px solid #d1d5db;cursor:pointer;color:#374151;transition:background-color .15s,color .15s}.variant-mode-btn:last-child{border-right:none}.variant-mode-btn:hover:not([disabled]){background:#f3f4f6}.variant-mode-btn.active{background:#2563eb;color:#fff}.variant-mode-btn[disabled]{opacity:.5;cursor:not-allowed}.variant-attributes-section{margin-bottom:1rem;padding:0 .75rem}.variant-attributes-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.variant-attributes-list{display:flex;flex-direction:column;gap:.375rem}.variant-attribute-row{display:flex;gap:.375rem;align-items:center}.variant-attribute-input{flex:1;padding:.375rem .5rem;font-size:.8125rem;border:1px solid #d1d5db;border-radius:4px;outline:none}.variant-attribute-input:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.variant-attribute-input[disabled]{opacity:.5;background:#f9fafb}.variant-attribute-remove-btn{padding:.25rem .5rem;font-size:1rem;line-height:1;background:none;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;color:#6b7280}.variant-attribute-remove-btn:hover:not([disabled]){color:#dc3545;border-color:#dc3545}.variant-attribute-remove-btn[disabled]{opacity:.5;cursor:not-allowed}.variant-attribute-add-btn{margin-top:.375rem;padding:.25rem .5rem;font-size:.8125rem;background:none;border:1px dashed #d1d5db;border-radius:4px;cursor:pointer;color:#6b7280}.variant-attribute-add-btn:hover:not([disabled]){color:#2563eb;border-color:#2563eb}.variant-attribute-add-btn[disabled]{opacity:.5;cursor:not-allowed}\n"] }]
+        }], ctorParameters: () => [{ type: EpistolaPluginService }, { type: i2$2.ProcessLinkStateService }], propDecorators: { save$: [{
+                type: Input
+            }], disabled$: [{
+                type: Input
+            }], pluginId: [{
+                type: Input
+            }], prefillConfiguration$: [{
+                type: Input
+            }], selectedPluginConfigurationData$: [{
+                type: Input
+            }], context$: [{
+                type: Input
+            }], valid: [{
+                type: Output
+            }], configuration: [{
+                type: Output
+            }] } });
+
+class CheckJobStatusConfigurationComponent {
+    save$;
+    disabled$;
+    pluginId;
+    prefillConfiguration$;
+    valid = new EventEmitter();
+    configuration = new EventEmitter();
+    saveSubscription;
+    formValue$ = new BehaviorSubject(null);
+    valid$ = new BehaviorSubject(false);
+    safeDisabled$;
+    ngOnInit() {
+        this.safeDisabled$ = this.disabled$.pipe(startWith(true), delay(0));
+        this.openSaveSubscription();
+    }
+    ngOnDestroy() {
+        this.saveSubscription?.unsubscribe();
+    }
+    formValueChange(formOutput) {
+        const formValue = formOutput;
+        this.formValue$.next(formValue);
+        this.handleValid(formValue);
+    }
+    handleValid(formValue) {
+        const valid = !!(formValue?.requestIdVariable &&
+            formValue?.statusVariable);
+        this.valid$.next(valid);
+        this.valid.emit(valid);
+    }
+    openSaveSubscription() {
+        this.saveSubscription = this.save$?.subscribe(() => {
+            combineLatest([this.formValue$, this.valid$])
+                .pipe(take(1))
+                .subscribe(([formValue, valid]) => {
+                if (valid && formValue) {
+                    this.configuration.emit(formValue);
+                }
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CheckJobStatusConfigurationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: CheckJobStatusConfigurationComponent, isStandalone: true, selector: "epistola-check-job-status-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<v-form\n    (valueChange)=\"formValueChange($event)\"\n    *ngIf=\"{\n      disabled: safeDisabled$ | async,\n      prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null\n    } as obs\"\n>\n  <v-input\n    name=\"requestIdVariable\"\n    [title]=\"'requestIdVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'requestIdVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.requestIdVariable || 'epistolaRequestId'\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"statusVariable\"\n    [title]=\"'statusVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'statusVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.statusVariable || 'epistolaStatus'\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"documentIdVariable\"\n    [title]=\"'documentIdVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'documentIdVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.documentIdVariable || 'epistolaDocumentId'\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"false\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"errorMessageVariable\"\n    [title]=\"'errorMessageVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'errorMessageVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.errorMessageVariable || 'epistolaErrorMessage'\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"false\"\n  >\n  </v-input>\n</v-form>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: PluginTranslatePipeModule }, { kind: "pipe", type: i2$1.PluginTranslatePipe, name: "pluginTranslate" }, { kind: "ngmodule", type: FormModule }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i3.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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CheckJobStatusConfigurationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'epistola-check-job-status-configuration', standalone: true, imports: [CommonModule, PluginTranslatePipeModule, FormModule, InputModule], template: "<v-form\n    (valueChange)=\"formValueChange($event)\"\n    *ngIf=\"{\n      disabled: safeDisabled$ | async,\n      prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null\n    } as obs\"\n>\n  <v-input\n    name=\"requestIdVariable\"\n    [title]=\"'requestIdVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'requestIdVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.requestIdVariable || 'epistolaRequestId'\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"statusVariable\"\n    [title]=\"'statusVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'statusVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.statusVariable || 'epistolaStatus'\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"documentIdVariable\"\n    [title]=\"'documentIdVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'documentIdVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.documentIdVariable || 'epistolaDocumentId'\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"false\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"errorMessageVariable\"\n    [title]=\"'errorMessageVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'errorMessageVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.errorMessageVariable || 'epistolaErrorMessage'\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"false\"\n  >\n  </v-input>\n</v-form>\n" }]
+        }], propDecorators: { save$: [{
+                type: Input
+            }], disabled$: [{
+                type: Input
+            }], pluginId: [{
+                type: Input
+            }], prefillConfiguration$: [{
+                type: Input
+            }], valid: [{
+                type: Output
+            }], configuration: [{
+                type: Output
+            }] } });
+
+class DownloadDocumentConfigurationComponent {
+    save$;
+    disabled$;
+    pluginId;
+    prefillConfiguration$;
+    valid = new EventEmitter();
+    configuration = new EventEmitter();
+    saveSubscription;
+    formValue$ = new BehaviorSubject(null);
+    valid$ = new BehaviorSubject(false);
+    safeDisabled$;
+    ngOnInit() {
+        this.safeDisabled$ = this.disabled$.pipe(startWith(true), delay(0));
+        this.openSaveSubscription();
+    }
+    ngOnDestroy() {
+        this.saveSubscription?.unsubscribe();
+    }
+    formValueChange(formOutput) {
+        const formValue = formOutput;
+        this.formValue$.next(formValue);
+        this.handleValid(formValue);
+    }
+    handleValid(formValue) {
+        const valid = !!(formValue?.documentIdVariable &&
+            formValue?.contentVariable);
+        this.valid$.next(valid);
+        this.valid.emit(valid);
+    }
+    openSaveSubscription() {
+        this.saveSubscription = this.save$?.subscribe(() => {
+            combineLatest([this.formValue$, this.valid$])
+                .pipe(take(1))
+                .subscribe(([formValue, valid]) => {
+                if (valid && formValue) {
+                    this.configuration.emit(formValue);
+                }
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DownloadDocumentConfigurationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: DownloadDocumentConfigurationComponent, isStandalone: true, selector: "epistola-download-document-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<v-form\n    (valueChange)=\"formValueChange($event)\"\n    *ngIf=\"{\n      disabled: safeDisabled$ | async,\n      prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null\n    } as obs\"\n>\n  <v-input\n    name=\"documentIdVariable\"\n    [title]=\"'documentIdVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'documentIdVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.documentIdVariable || 'epistolaDocumentId'\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"contentVariable\"\n    [title]=\"'contentVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'contentVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.contentVariable || 'documentContent'\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n  >\n  </v-input>\n</v-form>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: PluginTranslatePipeModule }, { kind: "pipe", type: i2$1.PluginTranslatePipe, name: "pluginTranslate" }, { kind: "ngmodule", type: FormModule }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i3.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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DownloadDocumentConfigurationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'epistola-download-document-configuration', standalone: true, imports: [CommonModule, PluginTranslatePipeModule, FormModule, InputModule], template: "<v-form\n    (valueChange)=\"formValueChange($event)\"\n    *ngIf=\"{\n      disabled: safeDisabled$ | async,\n      prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null\n    } as obs\"\n>\n  <v-input\n    name=\"documentIdVariable\"\n    [title]=\"'documentIdVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'documentIdVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.documentIdVariable || 'epistolaDocumentId'\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"contentVariable\"\n    [title]=\"'contentVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'contentVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.contentVariable || 'documentContent'\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n  >\n  </v-input>\n</v-form>\n" }]
+        }], propDecorators: { save$: [{
+                type: Input
+            }], disabled$: [{
+                type: Input
+            }], pluginId: [{
+                type: Input
+            }], prefillConfiguration$: [{
+                type: Input
+            }], valid: [{
+                type: Output
+            }], configuration: [{
+                type: Output
+            }] } });
+
+class EpistolaDownloadComponent {
+    http;
+    value;
+    valueChange = new EventEmitter();
+    disabled = false;
+    filename = 'document.pdf';
+    label = 'Download PDF';
+    downloading = false;
+    error = null;
+    get buttonLabel() {
+        return this.label || 'Download PDF';
+    }
+    constructor(http) {
+        this.http = http;
+    }
+    hasRequiredData() {
+        return !!(this.value?.documentId && this.value?.tenantId);
+    }
+    download() {
+        if (!this.hasRequiredData() || this.downloading) {
+            return;
+        }
+        this.downloading = true;
+        this.error = null;
+        const { documentId, tenantId } = this.value;
+        const url = `/api/v1/plugin/epistola/documents/${encodeURIComponent(documentId)}/download`
+            + `?tenantId=${encodeURIComponent(tenantId)}`
+            + `&filename=${encodeURIComponent(this.filename)}`;
+        this.http.get(url, { responseType: 'blob' }).subscribe({
+            next: (blob) => {
+                const objectUrl = URL.createObjectURL(blob);
+                const anchor = document.createElement('a');
+                anchor.href = objectUrl;
+                anchor.download = this.filename;
+                anchor.click();
+                URL.revokeObjectURL(objectUrl);
+                this.downloading = false;
+            },
+            error: (err) => {
+                console.error('Download failed', err);
+                this.error = 'Download mislukt. Probeer opnieuw.';
+                this.downloading = false;
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EpistolaDownloadComponent, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EpistolaDownloadComponent, isStandalone: true, selector: "epistola-download-component", inputs: { value: "value", disabled: "disabled", filename: "filename", label: "label" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
+    <button
+      type="button"
+      class="btn btn-outline-primary"
+      [disabled]="disabled || downloading || !hasRequiredData()"
+      (click)="download()"
+    >
+      <i class="mdi mdi-download mr-1"></i>
+      {{ downloading ? 'Downloading...' : buttonLabel }}
+    </button>
+    <span *ngIf="error" class="text-danger ml-2">{{ error }}</span>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EpistolaDownloadComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [CommonModule],
+                    selector: 'epistola-download-component',
+                    template: `
+    <button
+      type="button"
+      class="btn btn-outline-primary"
+      [disabled]="disabled || downloading || !hasRequiredData()"
+      (click)="download()"
+    >
+      <i class="mdi mdi-download mr-1"></i>
+      {{ downloading ? 'Downloading...' : buttonLabel }}
+    </button>
+    <span *ngIf="error" class="text-danger ml-2">{{ error }}</span>
+  `,
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }], propDecorators: { value: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], disabled: [{
+                type: Input
+            }], filename: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }] } });
+
+class EpistolaPluginModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EpistolaPluginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EpistolaPluginModule, imports: [CommonModule,
+            HttpClientModule,
+            PluginTranslatePipeModule,
+            FormModule,
+            InputModule,
+            SelectModule,
+            EpistolaConfigurationComponent,
+            GenerateDocumentConfigurationComponent,
+            CheckJobStatusConfigurationComponent,
+            DownloadDocumentConfigurationComponent,
+            DataMappingTreeComponent,
+            FieldTreeComponent,
+            EpistolaDownloadComponent], exports: [EpistolaConfigurationComponent,
+            GenerateDocumentConfigurationComponent,
+            CheckJobStatusConfigurationComponent,
+            DownloadDocumentConfigurationComponent,
+            DataMappingTreeComponent,
+            FieldTreeComponent,
+            EpistolaDownloadComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EpistolaPluginModule, providers: [
+            EpistolaPluginService
+        ], imports: [CommonModule,
+            HttpClientModule,
+            PluginTranslatePipeModule,
+            FormModule,
+            InputModule,
+            SelectModule,
+            EpistolaConfigurationComponent,
+            GenerateDocumentConfigurationComponent,
+            CheckJobStatusConfigurationComponent,
+            DownloadDocumentConfigurationComponent,
+            DataMappingTreeComponent,
+            FieldTreeComponent,
+            EpistolaDownloadComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EpistolaPluginModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        HttpClientModule,
+                        PluginTranslatePipeModule,
+                        FormModule,
+                        InputModule,
+                        SelectModule,
+                        EpistolaConfigurationComponent,
+                        GenerateDocumentConfigurationComponent,
+                        CheckJobStatusConfigurationComponent,
+                        DownloadDocumentConfigurationComponent,
+                        DataMappingTreeComponent,
+                        FieldTreeComponent,
+                        EpistolaDownloadComponent
+                    ],
+                    exports: [
+                        EpistolaConfigurationComponent,
+                        GenerateDocumentConfigurationComponent,
+                        CheckJobStatusConfigurationComponent,
+                        DownloadDocumentConfigurationComponent,
+                        DataMappingTreeComponent,
+                        FieldTreeComponent,
+                        EpistolaDownloadComponent
+                    ],
+                    providers: [
+                        EpistolaPluginService
+                    ]
+                }]
+        }] });
+
+// Placeholder logo - a simple document icon in SVG format, base64 encoded
+// TODO: Replace with actual Epistola logo
+const EPISTOLA_PLUGIN_LOGO_BASE64 = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzMzNjZjYyI+PHBhdGggZD0iTTE0IDJINmMtMS4xIDAtMiAuOS0yIDJ2MTZjMCAxLjEuOSAyIDIgMmgxMmMxLjEgMCAyLS45IDItMlY4bC02LTZ6bTQgMThINlY0aDd2NWg1djExeiIvPjxwYXRoIGQ9Ik04IDEyaDh2Mkg4em0wIDRoOHYtMkg4em0wLThWNmg0djJ6Ii8+PC9zdmc+';
+
+const epistolaPluginSpecification = {
+    // Must match backend @Plugin(key = "epistola")
+    pluginId: 'epistola',
+    // Component for plugin-level configuration (tenantId)
+    pluginConfigurationComponent: EpistolaConfigurationComponent,
+    // Plugin logo
+    pluginLogoBase64: EPISTOLA_PLUGIN_LOGO_BASE64,
+    // Map action keys to their configuration components
+    functionConfigurationComponents: {
+        'generate-document': GenerateDocumentConfigurationComponent,
+        'check-job-status': CheckJobStatusConfigurationComponent,
+        'download-document': DownloadDocumentConfigurationComponent,
+    },
+    // Translations
+    pluginTranslations: {
+        nl: {
+            title: 'Epistola Document Suite',
+            description: 'Documentgeneratie met Epistola',
+            configurationTitle: 'Configuratienaam',
+            baseUrl: 'Base URL',
+            baseUrlTooltip: 'De basis URL van de Epistola API (bijv. https://api.epistola.app)',
+            apiKey: 'API Key',
+            apiKeyTooltip: 'De API sleutel voor authenticatie met Epistola',
+            tenantId: 'Tenant ID',
+            tenantIdTooltip: 'De tenant slug in Epistola (3-63 tekens, alleen kleine letters, cijfers en koppeltekens, bijv. "mijn-tenant")',
+            defaultEnvironmentId: 'Standaard Omgeving',
+            defaultEnvironmentIdTooltip: 'De standaard omgeving voor documentgeneratie (3-30 tekens, alleen kleine letters, cijfers en koppeltekens, bijv. "productie")',
+            templateSyncEnabled: 'Template synchronisatie',
+            templateSyncEnabledTooltip: 'Synchroniseer template definities automatisch van het classpath naar Epistola bij het opstarten',
+            'generate-document': 'Genereer Document',
+            templateId: 'Template',
+            templateIdTooltip: 'Selecteer het template dat gebruikt wordt voor documentgeneratie',
+            variantId: 'Variant',
+            variantIdTooltip: 'Selecteer de template variant',
+            variantSelectionMode: 'Variant selectie',
+            variantSelectionModeTooltip: 'Kies hoe de variant geselecteerd wordt',
+            selectByVariant: 'Selecteer variant',
+            selectByAttributes: 'Selecteer op kenmerken',
+            variantAttributes: 'Variant kenmerken',
+            variantAttributesTooltip: 'Kenmerken voor automatische variant selectie. Waarden kunnen expressies zijn (doc:, pv:, case:).',
+            attributeKey: 'Kenmerk',
+            attributeValue: 'Waarde',
+            addAttribute: 'Kenmerk toevoegen',
+            removeAttribute: 'Kenmerk verwijderen',
+            environmentId: 'Omgeving',
+            environmentIdTooltip: 'Selecteer de doelomgeving (optioneel)',
+            correlationId: 'Correlatie ID',
+            correlationIdTooltip: 'Een optioneel correlatie ID voor het traceren van dit verzoek',
+            dataMapping: 'Data Mapping',
+            dataMappingTooltip: 'Koppeling van template velden naar data bronnen (doc:, pv:, case:)',
+            outputFormat: 'Uitvoerformaat',
+            outputFormatTooltip: 'Het gewenste formaat van het gegenereerde document',
+            filename: 'Bestandsnaam',
+            filenameTooltip: 'De bestandsnaam voor het gegenereerde document',
+            resultProcessVariable: 'Resultaat Procesvariabele',
+            resultProcessVariableTooltip: 'De naam van de procesvariabele waarin het request ID wordt opgeslagen',
+            pdf: 'PDF',
+            html: 'HTML',
+            // Data mapping builder translations
+            dataMappingTitle: 'Data Mapping',
+            dataMappingDescription: 'Koppel template velden aan Valtimo data bronnen',
+            templateField: 'Template veld',
+            dataSource: 'Data bron',
+            addMapping: 'Mapping toevoegen',
+            noMappings: 'Nog geen mappings toegevoegd. Klik op "Mapping toevoegen" om te beginnen.',
+            documentFields: 'Document velden',
+            processVariables: 'Procesvariabelen',
+            caseProperties: 'Zaak eigenschappen',
+            sourceType: 'Brontype',
+            sourceTypeDocument: 'Document veld',
+            sourceTypeProcessVariable: 'Procesvariabele',
+            sourceTypeManual: 'Handmatig',
+            requiredFieldsMissing: 'Niet alle verplichte velden zijn gekoppeld',
+            requiredFieldsComplete: 'Alle verplichte velden zijn gekoppeld',
+            validationSummary: 'verplichte velden gekoppeld',
+            fieldRequired: 'Verplicht',
+            fieldOptional: 'Optioneel',
+            mapCollectionTo: 'Koppel collectie aan',
+            browseMode: 'Bladermodus',
+            pvMode: 'Procesvariabele modus',
+            pvPlaceholder: 'Naam procesvariabele',
+            expressionMode: 'Expressiemodus',
+            itemFieldMapping: 'Veldnamen per item koppelen',
+            itemFieldMappingTitle: 'Veldkoppeling per item:',
+            sourceFieldPlaceholder: 'Bronveldnaam',
+            noTemplateFields: 'Geen template velden beschikbaar',
+            // Check job status action
+            'check-job-status': 'Controleer Taakstatus',
+            requestIdVariable: 'Request ID Variabele',
+            requestIdVariableTooltip: 'Naam van de procesvariabele met het Epistola request ID',
+            statusVariable: 'Status Variabele',
+            statusVariableTooltip: 'Naam van de procesvariabele waarin de status wordt opgeslagen',
+            documentIdVariable: 'Document ID Variabele',
+            documentIdVariableTooltip: 'Naam van de procesvariabele waarin het document ID wordt opgeslagen (bij voltooiing)',
+            errorMessageVariable: 'Foutmelding Variabele',
+            errorMessageVariableTooltip: 'Naam van de procesvariabele waarin de foutmelding wordt opgeslagen (bij fout)',
+            // Download document action
+            'download-document': 'Download Document',
+            contentVariable: 'Inhoud Variabele',
+            contentVariableTooltip: 'Naam van de procesvariabele waarin de documentinhoud (Base64) wordt opgeslagen'
+        },
+        en: {
+            title: 'Epistola Document Suite',
+            description: 'Document generation using Epistola',
+            configurationTitle: 'Configuration name',
+            baseUrl: 'Base URL',
+            baseUrlTooltip: 'The base URL of the Epistola API (e.g. https://api.epistola.app)',
+            apiKey: 'API Key',
+            apiKeyTooltip: 'The API key for authentication with Epistola',
+            tenantId: 'Tenant ID',
+            tenantIdTooltip: 'The tenant slug in Epistola (3-63 chars, lowercase letters, digits and hyphens only, e.g. "my-tenant")',
+            defaultEnvironmentId: 'Default Environment',
+            defaultEnvironmentIdTooltip: 'The default environment for document generation (3-30 chars, lowercase letters, digits and hyphens only, e.g. "production")',
+            templateSyncEnabled: 'Template sync',
+            templateSyncEnabledTooltip: 'Automatically synchronize template definitions from classpath to Epistola on startup',
+            'generate-document': 'Generate Document',
+            templateId: 'Template',
+            templateIdTooltip: 'Select the template to use for document generation',
+            variantId: 'Variant',
+            variantIdTooltip: 'Select the template variant',
+            variantSelectionMode: 'Variant selection',
+            variantSelectionModeTooltip: 'Choose how the variant is selected',
+            selectByVariant: 'Select variant',
+            selectByAttributes: 'Select by attributes',
+            variantAttributes: 'Variant attributes',
+            variantAttributesTooltip: 'Attributes for automatic variant selection. Values can be expressions (doc:, pv:, case:).',
+            attributeKey: 'Attribute',
+            attributeValue: 'Value',
+            addAttribute: 'Add attribute',
+            removeAttribute: 'Remove attribute',
+            environmentId: 'Environment',
+            environmentIdTooltip: 'Select the target environment (optional)',
+            correlationId: 'Correlation ID',
+            correlationIdTooltip: 'An optional correlation ID for tracking this request',
+            dataMapping: 'Data Mapping',
+            dataMappingTooltip: 'Mapping of template fields to data sources (doc:, pv:, case:)',
+            outputFormat: 'Output Format',
+            outputFormatTooltip: 'The desired format of the generated document',
+            filename: 'Filename',
+            filenameTooltip: 'The filename for the generated document',
+            resultProcessVariable: 'Result Process Variable',
+            resultProcessVariableTooltip: 'The name of the process variable to store the request ID in',
+            pdf: 'PDF',
+            html: 'HTML',
+            // Data mapping builder translations
+            dataMappingTitle: 'Data Mapping',
+            dataMappingDescription: 'Map template fields to Valtimo data sources',
+            templateField: 'Template field',
+            dataSource: 'Data source',
+            addMapping: 'Add mapping',
+            noMappings: 'No mappings added yet. Click "Add mapping" to start.',
+            documentFields: 'Document fields',
+            processVariables: 'Process variables',
+            caseProperties: 'Case properties',
+            sourceType: 'Source type',
+            sourceTypeDocument: 'Document field',
+            sourceTypeProcessVariable: 'Process variable',
+            sourceTypeManual: 'Manual value',
+            requiredFieldsMissing: 'Not all required fields are mapped',
+            requiredFieldsComplete: 'All required fields are mapped',
+            validationSummary: 'required fields mapped',
+            fieldRequired: 'Required',
+            fieldOptional: 'Optional',
+            mapCollectionTo: 'Map collection to',
+            browseMode: 'Browse mode',
+            pvMode: 'Process variable mode',
+            pvPlaceholder: 'Process variable name',
+            expressionMode: 'Expression mode',
+            itemFieldMapping: 'Map field names per item',
+            itemFieldMappingTitle: 'Item field mapping:',
+            sourceFieldPlaceholder: 'Source field name',
+            noTemplateFields: 'No template fields available',
+            // Check job status action
+            'check-job-status': 'Check Job Status',
+            requestIdVariable: 'Request ID Variable',
+            requestIdVariableTooltip: 'Name of the process variable containing the Epistola request ID',
+            statusVariable: 'Status Variable',
+            statusVariableTooltip: 'Name of the process variable to store the status in',
+            documentIdVariable: 'Document ID Variable',
+            documentIdVariableTooltip: 'Name of the process variable to store the document ID in (when completed)',
+            errorMessageVariable: 'Error Message Variable',
+            errorMessageVariableTooltip: 'Name of the process variable to store the error message in (when failed)',
+            // Download document action
+            'download-document': 'Download Document',
+            contentVariable: 'Content Variable',
+            contentVariableTooltip: 'Name of the process variable to store the document content (Base64) in'
+        }
+    }
+};
+
+const EPISTOLA_DOWNLOAD_OPTIONS = {
+    type: 'epistola-download',
+    selector: 'epistola-download-button',
+    title: 'Epistola Download',
+    group: 'basic',
+    icon: 'download',
+    emptyValue: null,
+    fieldOptions: ['filename', 'label'],
+};
+function registerEpistolaDownloadComponent(injector) {
+    if (!customElements.get(EPISTOLA_DOWNLOAD_OPTIONS.selector)) {
+        registerCustomFormioComponent(EPISTOLA_DOWNLOAD_OPTIONS, EpistolaDownloadComponent, injector);
+    }
+}
+
+/*
+ * Public API Surface of epistola plugin
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CheckJobStatusConfigurationComponent, DataMappingTreeComponent, DownloadDocumentConfigurationComponent, EPISTOLA_DOWNLOAD_OPTIONS, EpistolaConfigurationComponent, EpistolaDownloadComponent, EpistolaPluginModule, EpistolaPluginService, FieldTreeComponent, GenerateDocumentConfigurationComponent, epistolaPluginSpecification, registerEpistolaDownloadComponent };
+//# sourceMappingURL=epistola.app-valtimo-plugin.mjs.map