@valtimo/decision 13.34.0 → 13.35.0

package/fesm2022/valtimo-decision.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, ViewEncapsulation, EventEmitter, Output, ViewChild, NgModule } from '@angular/core';
-import { Subject, startWith, BehaviorSubject, map, combineLatest, switchMap, tap, filter, take, from, of, catchError } from 'rxjs';
+import { Injectable, EventEmitter, signal, Output, Input, ChangeDetectionStrategy, Component, ViewChild, ViewEncapsulation, NgModule } from '@angular/core';
+import { Subject, startWith, BehaviorSubject, map, combineLatest, switchMap, shareReplay, tap, filter, take, from, of, catchError } from 'rxjs';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders } from '@angular/common/http';
 import * as i6 from '@valtimo/shared';
@@ -11,17 +11,18 @@ import * as i7 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { AuthGuardService } from '@valtimo/security';
 import DmnJS from 'dmn-js/dist/dmn-modeler.development.js';
-import { migrateDiagram } from '@bpmn-io/dmn-migrate';
-import * as i4 from '@valtimo/components';
-import { PendingChangesComponent, WidgetModule, SelectModule as SelectModule$1, RenderInPageHeaderDirective, FitPageDirective, OverflowMenuComponent, OverflowMenuOptionComponent, OverflowMenuTriggerComponent, CarbonListModule, ModalModule as ModalModule$1, SpinnerModule } from '@valtimo/components';
+import DmnViewer from 'dmn-js/dist/dmn-viewer.development.js';
+import * as i1$1 from '@angular/forms';
+import { Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import * as i3 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
-import * as i6$1 from 'carbon-components-angular';
-import { ModalModule, SelectModule, ButtonModule, IconModule, LayerModule, FileUploaderModule } from 'carbon-components-angular';
-import { Deploy16, Download16, ArrowLeft16, Upload16 } from '@carbon/icons';
-import DmnViewer from 'dmn-js';
-import * as i3$1 from '@angular/forms';
-import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i4$1 from '@valtimo/components';
+import { runAfterCarbonModalClosed, ValtimoCdsModalDirective, CarbonMultiInputModule, PendingChangesComponent, WidgetModule, SelectModule as SelectModule$1, RenderInPageHeaderDirective, FitPageDirective, OverflowMenuComponent, OverflowMenuOptionComponent, OverflowMenuTriggerComponent, ConfirmationModalModule, CarbonListModule, ModalModule as ModalModule$1, SpinnerModule } from '@valtimo/components';
+import * as i4 from 'carbon-components-angular';
+import { ModalModule, ButtonModule, InputModule, LayerModule, SelectModule, IconModule, TagModule, FileUploaderModule } from 'carbon-components-angular';
+import { migrateDiagram } from '@bpmn-io/dmn-migrate';
+import { Deploy16, Download16, ArrowLeft16, Upload16, Add16 } from '@carbon/icons';
+import DmnViewer$1 from 'dmn-js';
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -137,6 +138,10 @@ class DecisionService extends BaseApiService {
     getDecisions() {
         return this.httpClient.get(this.getApiUrl('/operaton-rest/engine/default/decision-definition'));
     }
+    getUnlinkedDecisions() {
+        // Only the "global" decision tables: those not linked to a case or building block definition.
+        return this.httpClient.get(this.getApiUrl('/management/v1/decision-definition'));
+    }
     getDecisionById(decisionId) {
         return this.httpClient.get(this.getApiUrl(`/operaton-rest/engine/default/decision-definition/${decisionId}`));
     }
@@ -215,13 +220,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  */
 const DECISION_LIST_TEST_IDS = {
     uploadButton: 'decisionListUploadButton',
+    createButton: 'decisionListCreateButton',
 };
 const DECISION_UPLOAD_TEST_IDS = {
     submitButton: 'decisionUploadModalSubmitButton',
 };
+const DECISION_FORM_TEST_IDS = {
+    nameInput: 'decisionFormModalNameInput',
+    inputVariables: 'decisionFormModalInputVariables',
+    submitButton: 'decisionFormModalSubmitButton',
+};
 const DECISION_MODELER_TEST_IDS = {
     deployButton: 'decisionModelerDeployButton',
     backButton: 'decisionModelerBackButton',
+    readOnlyTag: 'decisionModelerReadOnlyTag',
 };
 
 /*
@@ -240,6 +252,348 @@ const DECISION_MODELER_TEST_IDS = {
  * limitations under the License.
  */
 
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const DEFAULT_DECISION_KEY = 'decision';
+function escapeXmlAttribute(value) {
+    return value
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&apos;');
+}
+function escapeXmlText(value) {
+    return value.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
+/**
+ * Derives a valid DMN decision key (an XML NCName) from a human-readable name.
+ * The decision key doubles as the identifier referenced from a process'
+ * business rule task, so it must be a stable, valid identifier.
+ */
+function toDecisionKey(name) {
+    const cleaned = (name ?? '')
+        .trim()
+        .replace(/[^A-Za-z0-9_-]+/g, '_')
+        .replace(/^[_-]+|[_-]+$/g, '');
+    if (!cleaned)
+        return DEFAULT_DECISION_KEY;
+    return /^[A-Za-z_]/.test(cleaned) ? cleaned : `${DEFAULT_DECISION_KEY}_${cleaned}`;
+}
+/**
+ * Derives the name of the `.dmn` file that is deployed for a created decision.
+ */
+function toDecisionFileName(name) {
+    return `${toDecisionKey(name)}.dmn`;
+}
+/**
+ * Normalizes input columns: trims label/expression, drops rows without a process
+ * variable (the expression is required), defaults the label to the process
+ * variable name when it is left blank, and guarantees at least one (empty) input
+ * column so the decision table always has an input to work with.
+ */
+function normalizeInputVariables(inputVariables) {
+    const cleaned = (inputVariables ?? [])
+        .map(({ label, expression }) => ({
+        label: (label ?? '').trim(),
+        expression: (expression ?? '').trim(),
+    }))
+        .filter(({ expression }) => expression.length > 0)
+        .map(({ label, expression }) => ({ label: label || expression, expression }));
+    return cleaned.length ? cleaned : [{ label: '', expression: '' }];
+}
+/**
+ * Builds a deployable DMN 1.3 decision table seeded with one input column per
+ * provided input variable and a single output. Each input column gets its
+ * process variable as the input expression and, optionally, a human-readable
+ * label as the column header. Seeding this up front means the created table is
+ * functional immediately - the user only has to add rules before deploying.
+ */
+function createDmnXml({ name, inputVariables }) {
+    const key = toDecisionKey(name);
+    const safeName = escapeXmlAttribute((name ?? '').trim() || key);
+    const inputs = normalizeInputVariables(inputVariables);
+    const inputsXml = inputs
+        .map(({ label, expression }, index) => {
+        const labelAttr = label ? ` label="${escapeXmlAttribute(label)}"` : '';
+        return `      <input id="Input_${index + 1}"${labelAttr}>
+        <inputExpression id="InputExpression_${index + 1}" typeRef="string">
+          <text>${escapeXmlText(expression)}</text>
+        </inputExpression>
+      </input>`;
+    })
+        .join('\n');
+    const inputEntriesXml = inputs
+        .map((_, index) => `        <inputEntry id="UnaryTests_${index + 1}">
+          <text></text>
+        </inputEntry>`)
+        .join('\n');
+    const dmnXml = `<?xml version="1.0" encoding="UTF-8"?>
+<definitions xmlns="https://www.omg.org/spec/DMN/20191111/MODEL/" xmlns:dmndi="https://www.omg.org/spec/DMN/20191111/DMNDI/" xmlns:dc="http://www.omg.org/spec/DMN/20180521/DC/" id="Definitions_${key}" name="${safeName}" namespace="http://camunda.org/schema/1.0/dmn">
+  <decision id="${key}" name="${safeName}">
+    <decisionTable id="DecisionTable_${key}">
+${inputsXml}
+      <output id="Output_1" label="Output" name="result" typeRef="string" />
+      <rule id="DecisionRule_1">
+${inputEntriesXml}
+        <outputEntry id="LiteralExpression_1">
+          <text></text>
+        </outputEntry>
+      </rule>
+    </decisionTable>
+  </decision>
+  <dmndi:DMNDI>
+    <dmndi:DMNDiagram>
+      <dmndi:DMNShape dmnElementRef="${key}">
+        <dc:Bounds height="80" width="180" x="160" y="100" />
+      </dmndi:DMNShape>
+    </dmndi:DMNDiagram>
+  </dmndi:DMNDI>
+</definitions>
+`;
+    return { id: '', dmnXml };
+}
+function childrenByLocalName(parent, localName) {
+    return Array.from(parent.children).filter(child => child.localName === localName);
+}
+function firstChildByLocalName(parent, localName) {
+    return childrenByLocalName(parent, localName)[0] ?? null;
+}
+function uniqueId(doc, prefix) {
+    let id;
+    do {
+        id = `${prefix}_${Math.random().toString(36).slice(2, 10)}`;
+    } while (doc.querySelector(`[id="${id}"]`));
+    return id;
+}
+/**
+ * Reads the editable form values (decision name and input columns) from an
+ * existing DMN XML document.
+ */
+function parseDecisionForm(xml) {
+    const doc = new DOMParser().parseFromString(xml, 'application/xml');
+    const decision = doc.getElementsByTagNameNS('*', 'decision')[0];
+    const name = decision?.getAttribute('name') || decision?.getAttribute('id') || '';
+    const inputVariables = Array.from(doc.getElementsByTagNameNS('*', 'input')).map(input => {
+        const inputExpression = input.getElementsByTagNameNS('*', 'inputExpression')[0];
+        const text = inputExpression?.getElementsByTagNameNS('*', 'text')[0];
+        const expression = (text?.textContent ?? '').trim();
+        const label = (input.getAttribute('label') ?? '').trim();
+        // A label equal to the expression means it was defaulted, so present it as blank.
+        return { label: label === expression ? '' : label, expression };
+    });
+    return { name, inputVariables };
+}
+function setInputColumn(input, { label, expression }, doc, ns) {
+    if (label) {
+        input.setAttribute('label', label);
+    }
+    else {
+        input.removeAttribute('label');
+    }
+    let inputExpression = firstChildByLocalName(input, 'inputExpression');
+    if (!inputExpression) {
+        inputExpression = doc.createElementNS(ns, 'inputExpression');
+        inputExpression.setAttribute('id', uniqueId(doc, 'InputExpression'));
+        inputExpression.setAttribute('typeRef', 'string');
+        input.appendChild(inputExpression);
+    }
+    let text = firstChildByLocalName(inputExpression, 'text');
+    if (!text) {
+        text = doc.createElementNS(ns, 'text');
+        inputExpression.appendChild(text);
+    }
+    text.textContent = expression;
+}
+function createInputElement(inputVariable, doc, ns) {
+    const input = doc.createElementNS(ns, 'input');
+    input.setAttribute('id', uniqueId(doc, 'Input'));
+    setInputColumn(input, inputVariable, doc, ns);
+    return input;
+}
+function createEmptyInputEntry(doc, ns) {
+    const entry = doc.createElementNS(ns, 'inputEntry');
+    entry.setAttribute('id', uniqueId(doc, 'UnaryTests'));
+    const text = doc.createElementNS(ns, 'text');
+    text.textContent = '';
+    entry.appendChild(text);
+    return entry;
+}
+/**
+ * Patches an existing DMN XML document with a new decision name and set of input
+ * columns, while preserving the decision key, outputs, rules and diagram. Input
+ * columns are reconciled positionally: existing columns are updated (label +
+ * expression), extra columns add an input (and a blank entry to every rule), and
+ * removed columns drop the input (and their rule entries).
+ */
+function updateDmnXml(xml, { name, inputVariables }) {
+    const doc = new DOMParser().parseFromString(xml, 'application/xml');
+    if (doc.getElementsByTagName('parsererror').length > 0) {
+        return xml;
+    }
+    const trimmedName = (name ?? '').trim();
+    const decision = doc.getElementsByTagNameNS('*', 'decision')[0];
+    if (decision && trimmedName) {
+        decision.setAttribute('name', trimmedName);
+    }
+    const decisionTable = doc.getElementsByTagNameNS('*', 'decisionTable')[0];
+    if (!decisionTable) {
+        return new XMLSerializer().serializeToString(doc);
+    }
+    const ns = decisionTable.namespaceURI;
+    const targets = normalizeInputVariables(inputVariables);
+    const existingInputs = childrenByLocalName(decisionTable, 'input');
+    const rules = childrenByLocalName(decisionTable, 'rule');
+    // Build the final ordered list of input columns, reusing existing nodes where possible.
+    const finalInputs = targets.map((inputVariable, index) => {
+        const existing = existingInputs[index];
+        if (existing) {
+            setInputColumn(existing, inputVariable, doc, ns);
+            return existing;
+        }
+        return createInputElement(inputVariable, doc, ns);
+    });
+    // Remove all existing inputs, then re-insert the final ones in order before the outputs/rules.
+    existingInputs.forEach(input => input.remove());
+    const anchor = firstChildByLocalName(decisionTable, 'output') ??
+        firstChildByLocalName(decisionTable, 'rule') ??
+        null;
+    finalInputs.forEach(input => decisionTable.insertBefore(input, anchor));
+    // Reconcile each rule's input entries to match the number of input columns.
+    rules.forEach(rule => {
+        const entries = childrenByLocalName(rule, 'inputEntry');
+        for (let index = entries.length; index < finalInputs.length; index++) {
+            const firstOutputEntry = firstChildByLocalName(rule, 'outputEntry');
+            rule.insertBefore(createEmptyInputEntry(doc, ns), firstOutputEntry);
+        }
+        for (let index = entries.length - 1; index >= finalInputs.length; index--) {
+            entries[index].remove();
+        }
+    });
+    return new XMLSerializer().serializeToString(doc);
+}
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DecisionFormModalComponent {
+    get name() {
+        return this.form.get('name');
+    }
+    constructor(formBuilder) {
+        this.formBuilder = formBuilder;
+        this.titleKey = 'decisions.createModal.title';
+        this.submitKey = 'interface.create';
+        this.submitEvent = new EventEmitter();
+        this.MAX_INPUT_VARIABLES = 100;
+        this.modalOpen$ = new BehaviorSubject(false);
+        this.defaultInputVariables$ = new BehaviorSubject([
+            { key: '', value: '' },
+        ]);
+        /** True when a row has a label but no process variable (the process variable is required). */
+        this.$inputVariablesInvalid = signal(false);
+        this.testIds = DECISION_FORM_TEST_IDS;
+        this.form = this.formBuilder.group({
+            name: this.formBuilder.control('', [Validators.required]),
+        });
+        this._inputVariables = [];
+    }
+    open(initial) {
+        const inputVariables = initial?.inputVariables ?? [];
+        this._inputVariables = inputVariables.map(({ label, expression }) => ({ label, expression }));
+        // The multi-input renders key (left) then value (right); the process variable is
+        // the first column, so it maps to key and the label maps to value.
+        this.defaultInputVariables$.next(inputVariables.length
+            ? inputVariables.map(({ label, expression }) => ({ key: expression, value: label }))
+            : [{ key: '', value: '' }]);
+        this.updateInputVariablesValidity();
+        this.form.reset({ name: initial?.name ?? '' });
+        this.modalOpen$.next(true);
+    }
+    /** Convenience used by the "create" trigger, which opens an empty form. */
+    openModal() {
+        this.open();
+    }
+    closeModal() {
+        this.modalOpen$.next(false);
+        runAfterCarbonModalClosed(() => {
+            this.form.reset({ name: '' });
+            this._inputVariables = [];
+            this.$inputVariablesInvalid.set(false);
+            this.defaultInputVariables$.next([{ key: '', value: '' }]);
+        });
+    }
+    onInputVariablesChange(values) {
+        this._inputVariables = (values ?? []).map(row => ({
+            label: row.value ?? '',
+            expression: row.key ?? '',
+        }));
+        this.updateInputVariablesValidity();
+    }
+    submit() {
+        if (this.form.invalid || this.$inputVariablesInvalid()) {
+            this.form.markAllAsTouched();
+            return;
+        }
+        const name = (this.form.getRawValue().name ?? '').trim();
+        const inputVariables = this._inputVariables
+            .map(({ label, expression }) => ({ label: label.trim(), expression: expression.trim() }))
+            .filter(({ expression }) => expression.length > 0);
+        this.submitEvent.emit({ name, inputVariables });
+        this.closeModal();
+    }
+    updateInputVariablesValidity() {
+        this.$inputVariablesInvalid.set(this._inputVariables.some(({ label, expression }) => label.trim().length > 0 && expression.trim().length === 0));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DecisionFormModalComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: DecisionFormModalComponent, isStandalone: true, selector: "valtimo-decision-form-modal", inputs: { titleKey: "titleKey", submitKey: "submitKey" }, outputs: { submitEvent: "submitEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal showFooter=\"true\" valtimoCdsModal [open]=\"modalOpen$ | async\" (close)=\"closeModal()\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>{{ titleKey | translate }}</h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"form\">\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [invalid]=\"name.touched && name.invalid\">\n        <span>{{ 'decisions.createModal.name' | translate }}</span>\n\n        <input\n          cdsText\n          formControlName=\"name\"\n          [attr.data-test-id]=\"testIds.nameInput\"\n          [invalid]=\"name.touched && name.invalid\"\n          placeholder=\"{{ 'decisions.createModal.namePlaceholder' | translate }}\"\n        />\n      </cds-label>\n\n      <div *ngIf=\"name.touched && name.invalid\" class=\"cds--form-requirement\">\n        {{ 'decisions.createModal.nameRequired' | translate }}\n      </div>\n    </div>\n\n    <valtimo-carbon-multi-input\n      *ngIf=\"modalOpen$ | async\"\n      type=\"keyValue\"\n      [attr.data-test-id]=\"testIds.inputVariables\"\n      [titleTranslationKey]=\"'decisions.createModal.inputVariables'\"\n      [tooltip]=\"'decisions.createModal.inputVariablesHelper' | translate\"\n      [keyColumnTitle]=\"'decisions.createModal.inputExpression' | translate\"\n      [valueColumnTitle]=\"'decisions.createModal.inputLabel' | translate\"\n      [addRowTranslationKey]=\"'decisions.createModal.addInputVariable'\"\n      [defaultValues]=\"defaultInputVariables$ | async\"\n      [initialAmountOfRows]=\"1\"\n      [minimumAmountOfRows]=\"1\"\n      [maxRows]=\"MAX_INPUT_VARIABLES\"\n      [margin]=\"true\"\n      [fullWidth]=\"true\"\n      (valueChange)=\"onInputVariablesChange($event)\"\n    ></valtimo-carbon-multi-input>\n\n    <div *ngIf=\"$inputVariablesInvalid()\" class=\"cds--form-requirement\">\n      {{ 'decisions.createModal.inputExpressionRequired' | translate }}\n    </div>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"closeModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"form.invalid || $inputVariablesInvalid()\"\n      (click)=\"submit()\"\n      [attr.data-test-id]=\"testIds.submitButton\"\n    >\n      {{ submitKey | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [":host ::ng-deep cds-label{width:100%}.cds--modal-content{display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i4.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i4.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i4.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i4.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i4.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "ngmodule", type: CarbonMultiInputModule }, { kind: "component", type: i4$1.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["addRowText", "addButtonType", "addRowTranslationKey", "arbitraryAmountTitles", "arbitraryValueAmount", "defaultValues", "deleteRowText", "deleteRowTranslationKey", "disabled", "dropdownColumnTitle", "dropdownItems", "dropdownWidth", "fullWidth", "hideAddButton", "hideDeleteButton", "initialAmountOfRows", "keyColumnTitle", "margin", "maxRows", "minimumAmountOfRows", "name", "required", "title", "titleTranslationKey", "tooltip", "type", "valueColumnTitle", "valuePathSelectorCaseDefinitionKey", "valuePathSelectorPrefixes", "valuePathSelectorShowCaseDefinitionSelector", "valuePathSelectorNotation", "keyColumnFlex", "dropdownColumnFlex", "valueColumnFlex"], outputs: ["valueChange", "allValuesValidEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DecisionFormModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-decision-form-modal', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        TranslateModule,
+                        ModalModule,
+                        ButtonModule,
+                        InputModule,
+                        LayerModule,
+                        ValtimoCdsModalDirective,
+                        CarbonMultiInputModule,
+                    ], template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal showFooter=\"true\" valtimoCdsModal [open]=\"modalOpen$ | async\" (close)=\"closeModal()\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>{{ titleKey | translate }}</h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"form\">\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [invalid]=\"name.touched && name.invalid\">\n        <span>{{ 'decisions.createModal.name' | translate }}</span>\n\n        <input\n          cdsText\n          formControlName=\"name\"\n          [attr.data-test-id]=\"testIds.nameInput\"\n          [invalid]=\"name.touched && name.invalid\"\n          placeholder=\"{{ 'decisions.createModal.namePlaceholder' | translate }}\"\n        />\n      </cds-label>\n\n      <div *ngIf=\"name.touched && name.invalid\" class=\"cds--form-requirement\">\n        {{ 'decisions.createModal.nameRequired' | translate }}\n      </div>\n    </div>\n\n    <valtimo-carbon-multi-input\n      *ngIf=\"modalOpen$ | async\"\n      type=\"keyValue\"\n      [attr.data-test-id]=\"testIds.inputVariables\"\n      [titleTranslationKey]=\"'decisions.createModal.inputVariables'\"\n      [tooltip]=\"'decisions.createModal.inputVariablesHelper' | translate\"\n      [keyColumnTitle]=\"'decisions.createModal.inputExpression' | translate\"\n      [valueColumnTitle]=\"'decisions.createModal.inputLabel' | translate\"\n      [addRowTranslationKey]=\"'decisions.createModal.addInputVariable'\"\n      [defaultValues]=\"defaultInputVariables$ | async\"\n      [initialAmountOfRows]=\"1\"\n      [minimumAmountOfRows]=\"1\"\n      [maxRows]=\"MAX_INPUT_VARIABLES\"\n      [margin]=\"true\"\n      [fullWidth]=\"true\"\n      (valueChange)=\"onInputVariablesChange($event)\"\n    ></valtimo-carbon-multi-input>\n\n    <div *ngIf=\"$inputVariablesInvalid()\" class=\"cds--form-requirement\">\n      {{ 'decisions.createModal.inputExpressionRequired' | translate }}\n    </div>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"closeModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"form.invalid || $inputVariablesInvalid()\"\n      (click)=\"submit()\"\n      [attr.data-test-id]=\"testIds.submitButton\"\n    >\n      {{ submitKey | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [":host ::ng-deep cds-label{width:100%}.cds--modal-content{display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.FormBuilder }], propDecorators: { titleKey: [{
+                type: Input
+            }], submitKey: [{
+                type: Input
+            }], submitEvent: [{
+                type: Output
+            }] } });
+
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
@@ -296,7 +650,7 @@ const EMPTY_DECISION = {
  * limitations under the License.
  */
 class DecisionModelerComponent extends PendingChangesComponent {
-    constructor(decisionService, route, router, translateService, pageTitleService, breadcrumbService, iconService, pageHeaderService, notificationService, editPermissionsService) {
+    constructor(decisionService, route, router, translateService, pageTitleService, breadcrumbService, iconService, pageHeaderService, notificationService, editPermissionsService, draftVersionService) {
         super();
         this.decisionService = decisionService;
         this.route = route;
@@ -308,6 +662,7 @@ class DecisionModelerComponent extends PendingChangesComponent {
         this.pageHeaderService = pageHeaderService;
         this.notificationService = notificationService;
         this.editPermissionsService = editPermissionsService;
+        this.draftVersionService = draftVersionService;
         this.CLASS_NAMES = {
             drd: 'dmn-icon-lasso-tool',
             decisionTable: 'dmn-icon-decision-table',
@@ -317,6 +672,11 @@ class DecisionModelerComponent extends PendingChangesComponent {
         this.versionSelectionDisabled$ = new BehaviorSubject(true);
         this.isCreating$ = new BehaviorSubject(false);
         this.selectionId$ = new BehaviorSubject('');
+        this.showDeleteModal$ = new BehaviorSubject(false);
+        // Emits once the dmn-js editor instance has been created, so XML import can wait for it.
+        this._editorReady$ = new BehaviorSubject(false);
+        this._createSeed = null;
+        this._decisionKey = null;
         this.caseManagementRouteParams$ = getCaseManagementRouteParams(this.route);
         this.buildingBlockManagementRouteParams$ = getBuildingBlockManagementRouteParams(this.route);
         this.context$ = getContextObservable(this.route);
@@ -324,38 +684,74 @@ class DecisionModelerComponent extends PendingChangesComponent {
         this.compactMode$ = this.pageHeaderService.compactMode$;
         this.hasEditPermissions$ = combineLatest([
             this.caseManagementRouteParams$,
+            this.buildingBlockManagementRouteParams$,
             this.context$,
-        ]).pipe(switchMap(([params, context]) => this.editPermissionsService.hasPermissionsToEditBasedOnContext(params, context ?? '')));
+        ]).pipe(switchMap(([caseParams, buildingBlockParams, context]) => {
+            // Building block decision tables can only be edited on a draft (non-final) version.
+            if (context === 'buildingBlock') {
+                return this.draftVersionService.isDraftVersionBuildingBlock(buildingBlockParams?.buildingBlockDefinitionKey ?? '', buildingBlockParams?.buildingBlockDefinitionVersionTag ?? '');
+            }
+            return this.editPermissionsService.hasPermissionsToEditBasedOnContext(caseParams, context ?? '');
+        }), shareReplay({ bufferSize: 1, refCount: false }));
+        // The editor is shown as a read-only viewer when the user cannot edit (e.g. a final case or
+        // building block definition) and is not creating a new decision table.
+        this.readOnly$ = combineLatest([
+            this.isCreating$,
+            this.hasEditPermissions$,
+        ]).pipe(map(([isCreating, hasEditPermissions]) => !isCreating && !hasEditPermissions));
         this.decisionId$ = this.route.params.pipe(map(params => params?.id), tap(id => {
             this.isCreating$.next(id === 'create');
             this.versionSelectionDisabled$.next(true);
         }), filter(id => !!id && id !== 'create'));
         this.decision$ = this.decisionId$.pipe(switchMap(id => this.decisionService.getDecisionById(id)), tap(decision => {
             this._fileName = decision.resource;
+            this._decisionKey = decision?.key ?? null;
             if (decision)
                 this.selectionId$.next(decision.id);
         }));
         this.decisionTitle$ = this.decision$.pipe(map(d => d?.name || d?.key || '-'), tap(title => this.pageTitleService.setCustomPageTitle(title)));
         this._refreshDecisionSelectItems$ = new BehaviorSubject(null);
-        this.decisionVersionSelectItems$ = this._refreshDecisionSelectItems$.pipe(switchMap(() => combineLatest([this.decision$, this.decisionService.getDecisions()])), map(([current, list]) => {
+        this.decisionVersionSelectItems$ = this._refreshDecisionSelectItems$.pipe(switchMap(() => combineLatest([this.decision$, this.decisionService.getUnlinkedDecisions()])), map(([current, list]) => {
             const filtered = list.filter(d => d.key === current.key);
             return [...filtered.map(d => ({ id: d.id, text: d.version.toString() }))].sort((a, b) => +(b.text ?? '') - +(a.text ?? ''));
         }), tap(() => this.versionSelectionDisabled$.next(false)));
-        this.decisionXml$ = this.decisionId$.pipe(switchMap(id => this.decisionService.getDecisionXml(id)), tap(xml => xml && this.loadDecisionXml(xml)));
+        this.decisionXml$ = this.decisionId$.pipe(switchMap(id => this.decisionService.getDecisionXml(id)), 
+        // Wait until the editor (modeler or read-only viewer) has been created before importing.
+        switchMap(xml => this._editorReady$.pipe(filter(Boolean), take(1), map(() => xml))), tap(xml => xml && this.loadDecisionXml(xml)));
         this.iconService.registerAll([Deploy16, Download16, ArrowLeft16]);
+        this._createSeed = this.extractCreateSeed();
+    }
+    extractCreateSeed() {
+        const navigationState = this.router.getCurrentNavigation()?.extras?.state ??
+            (typeof history !== 'undefined' ? history.state : undefined);
+        const name = navigationState?.['decisionName'];
+        const inputVariables = navigationState?.['inputVariables'];
+        if (typeof name === 'string' && name) {
+            return {
+                name,
+                inputVariables: Array.isArray(inputVariables)
+                    ? inputVariables
+                        .filter((variable) => !!variable)
+                        .map(variable => ({
+                        label: String(variable['label'] ?? ''),
+                        expression: String(variable['expression'] ?? ''),
+                    }))
+                    : [],
+            };
+        }
+        return null;
     }
     ngOnInit() {
         this.pageTitleService.disableReset();
     }
     ngOnDestroy() {
+        this.dmnEditor?.destroy();
         this.pageTitleService.enableReset();
         this.breadcrumbService.clearThirdBreadcrumb();
         this.breadcrumbService.clearFourthBreadcrumb();
     }
     ngAfterViewInit() {
-        this.setProperties();
-        this.setTabEvents();
-        this.setModelerEvents();
+        this.initEditor();
         this.context$.pipe(take(1)).subscribe(context => {
             if (!context)
                 return;
@@ -380,7 +776,7 @@ class DecisionModelerComponent extends PendingChangesComponent {
         this._refreshDecisionSelectItems$.next(null);
     }
     deploy() {
-        from(this.dmnModeler.saveXML({ format: true }))
+        from(this.dmnEditor.saveXML({ format: true }))
             .pipe(map(result => new File([result.xml], this._fileName, { type: 'text/xml' })), switchMap(file => combineLatest([of(file), this.context$])), switchMap(([file, context]) => {
             if (context === 'independent') {
                 return this.decisionService.deployDmn(file);
@@ -399,7 +795,7 @@ class DecisionModelerComponent extends PendingChangesComponent {
             .subscribe();
     }
     download() {
-        from(this.dmnModeler.saveXML({ format: true }))
+        from(this.dmnEditor.saveXML({ format: true }))
             .pipe(map(result => new File([result.xml], 'decision.dmn', { type: 'text/xml' })), tap(file => {
             const link = document.createElement('a');
             link.download = 'diagram.dmn';
@@ -410,11 +806,54 @@ class DecisionModelerComponent extends PendingChangesComponent {
         }))
             .subscribe();
     }
-    navigateBack(notification, message) {
-        this.router.navigate(['../'], { relativeTo: this.route });
-        if (!notification)
+    openEditModal() {
+        from(this.dmnEditor.saveXML({ format: true }))
+            .pipe(take(1))
+            .subscribe(result => this.edit.open(parseDecisionForm(result.xml)));
+    }
+    onEditDecision(value) {
+        from(this.dmnEditor.saveXML({ format: true }))
+            .pipe(map(result => updateDmnXml(result.xml, value)), switchMap(xml => this.dmnEditor.importXML(xml)), tap(() => {
+            this.setEditor();
+            if (value.name)
+                this.pageTitleService.setCustomPageTitle(value.name);
+        }), catchError(() => {
+            this.showNotification('error', 'decisions.loadFailure');
+            return of(null);
+        }))
+            .subscribe();
+    }
+    onDeleteClick() {
+        this.showDeleteModal$.next(true);
+    }
+    onDeleteConfirm() {
+        const decisionKey = this._decisionKey;
+        if (!decisionKey)
             return;
-        this.showNotification(notification, message);
+        this.context$
+            .pipe(take(1), switchMap(context => {
+            if (context === 'buildingBlock') {
+                return this.buildingBlockManagementRouteParams$.pipe(take(1), switchMap(params => this.decisionService.deleteBuildingBlockDecisionDefinition(params?.buildingBlockDefinitionKey ?? '', params?.buildingBlockDefinitionVersionTag ?? '', decisionKey)));
+            }
+            return this.caseManagementRouteParams$.pipe(take(1), switchMap(params => this.decisionService.deleteCaseDecisionDefinition(params?.caseDefinitionKey ?? '', params?.caseDefinitionVersionTag ?? '', decisionKey)));
+        }))
+            .subscribe({
+            next: () => {
+                this.navigateBack();
+                this.showNotification('success', 'decisions.deleteSuccess');
+            },
+            error: () => this.showNotification('error', 'decisions.deleteFailure'),
+        });
+    }
+    navigateBack() {
+        this.context$.pipe(take(1)).subscribe(context => {
+            if (context === 'independent') {
+                this.router.navigate(['/decision-tables']);
+            }
+            else {
+                this.router.navigate(['../'], { relativeTo: this.route });
+            }
+        });
     }
     showNotification(notification, message) {
         if (!notification)
@@ -425,28 +864,53 @@ class DecisionModelerComponent extends PendingChangesComponent {
             title: this.translateService.instant(`interface.${notification}`),
         });
     }
-    setProperties() {
-        const isCreating = this.isCreating$.getValue();
+    initEditor() {
+        // A new decision table is always created in the editable modeler. For existing tables the
+        // edit permissions decide whether to render the editable modeler or a read-only viewer.
+        if (this.route.snapshot.params?.['id'] === 'create') {
+            this.createEditor(false);
+            this.loadEmptyDecisionTable();
+            return;
+        }
+        this.hasEditPermissions$
+            .pipe(take(1))
+            .subscribe(hasEditPermissions => this.createEditor(!hasEditPermissions));
+    }
+    createEditor(readOnly) {
         this.$container = $('.editor-container');
         this.$tabs = $('.editor-tabs');
-        this.dmnModeler = new DmnJS({
-            container: this.$container,
-            height: 500,
-            width: '100%',
-            keyboard: { bindTo: window },
-        });
-        if (isCreating)
-            this.loadEmptyDecisionTable();
+        this.dmnEditor = readOnly
+            ? new DmnViewer({
+                container: this.$container,
+                height: 500,
+                width: '100%',
+            })
+            : new DmnJS({
+                container: this.$container,
+                height: 500,
+                width: '100%',
+                keyboard: { bindTo: window },
+            });
+        this.setTabEvents();
+        this.setModelerEvents();
+        this._editorReady$.next(true);
     }
     loadEmptyDecisionTable() {
+        if (this._createSeed) {
+            this._fileName = toDecisionFileName(this._createSeed.name);
+            this.pageTitleService.setCustomPageTitle(this._createSeed.name);
+            this.loadDecisionXml(createDmnXml(this._createSeed));
+            return;
+        }
+        this._fileName = 'decision.dmn';
         this.loadDecisionXml(EMPTY_DECISION);
     }
     setTabEvents() {
         this.$tabs.delegate('.tab', 'click', async (event) => {
             const index = +event.currentTarget.getAttribute('data-id');
-            const view = this.dmnModeler.getViews()[index];
+            const view = this.dmnEditor.getViews()[index];
             try {
-                await this.dmnModeler.open(view);
+                await this.dmnEditor.open(view);
             }
             catch (err) {
                 console.error('tab open error', err);
@@ -454,7 +918,7 @@ class DecisionModelerComponent extends PendingChangesComponent {
         });
     }
     setModelerEvents() {
-        this.dmnModeler.on('views.changed', event => {
+        this.dmnEditor.on('views.changed', event => {
             const { views, activeView } = event;
             this.$tabs.empty();
             views.forEach((v, i) => {
@@ -465,7 +929,7 @@ class DecisionModelerComponent extends PendingChangesComponent {
         });
     }
     loadDecisionXml(decision) {
-        from(this.dmnModeler.importXML(decision.dmnXml))
+        from(this.dmnEditor.importXML(decision.dmnXml))
             .pipe(tap(() => this.setEditor()), catchError(() => {
             this.migrateAndLoadDecisionXml(decision);
             return of(null);
@@ -474,16 +938,16 @@ class DecisionModelerComponent extends PendingChangesComponent {
     }
     migrateAndLoadDecisionXml(decision) {
         from(migrateDiagram(decision.dmnXml))
-            .pipe(switchMap(xml => this.dmnModeler.importXML(xml)), tap(() => this.setEditor()), catchError(() => {
+            .pipe(switchMap(xml => this.dmnEditor.importXML(xml)), tap(() => this.setEditor()), catchError(() => {
             this.showNotification('error', 'decisions.loadFailure');
             return of(null);
         }))
             .subscribe();
     }
     setEditor() {
-        const view = this.dmnModeler.getActiveView();
+        const view = this.dmnEditor.getActiveView();
         if (view?.type === 'drd') {
-            const canvas = this.dmnModeler.getActiveViewer().get('canvas');
+            const canvas = this.dmnEditor.getActiveViewer().get('canvas');
             canvas.zoom('fit-viewport');
         }
     }
@@ -518,8 +982,8 @@ class DecisionModelerComponent extends PendingChangesComponent {
             href: routeWithDecisions,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DecisionModelerComponent, deps: [{ token: DecisionService }, { token: i2.ActivatedRoute }, { token: i2.Router }, { token: i3.TranslateService }, { token: i4.PageTitleService }, { token: i4.BreadcrumbService }, { token: i6$1.IconService }, { token: i4.PageHeaderService }, { token: i6.GlobalNotificationService }, { token: i6.EditPermissionsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: DecisionModelerComponent, isStandalone: true, selector: "valtimo-decision-modeler", usesInheritance: true, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"{\n    decisionXml: decisionXml$ | async,\n    decisionTitle: decisionTitle$ | async,\n  } as obs\"\n  fitPage\n  [disableOverflow]=\"true\"\n  class=\"dmn-editor\"\n>\n  <ng-container *ngTemplateOutlet=\"diagram\"></ng-container>\n</div>\n\n<ng-template #diagram>\n  <div class=\"editor-parent\">\n    <div class=\"editor-container\"></div>\n    <div class=\"editor-tabs\"></div>\n  </div>\n</ng-template>\n\n<ng-container renderInPageHeader>\n  <ng-template>\n    <div\n      *ngIf=\"{\n        selectionId: selectionId$ | async,\n        isCreating: isCreating$ | async,\n        context: context$ | async,\n        compactMode: compactMode$ | async,\n        hasEditPermissions: hasEditPermissions$ | async,\n      } as obs\"\n      class=\"decision-modeler-actions\"\n    >\n      <ng-container *ngTemplateOutlet=\"versionSelection\"></ng-container>\n\n      <button\n        *ngIf=\"obs.context === 'case'\"\n        cdsButton=\"secondary\"\n        [size]=\"obs.compactMode ? 'sm' : 'md'\"\n        (click)=\"navigateBack(null)\"\n        [attr.data-test-id]=\"testIds.backButton\"\n      >\n        <svg class=\"cds--btn__icon\" cdsIcon=\"arrow--left\" size=\"16\"></svg>\n\n        <span>{{ 'interface.back' | translate }}</span>\n      </button>\n\n      @if (obs.selectionId && !obs.isCreating) {\n        <button\n          *ngIf=\"obs.hasEditPermissions\"\n          cdsButton=\"primary\"\n          (click)=\"deploy()\"\n          [size]=\"obs.compactMode ? 'sm' : 'md'\"\n          [attr.data-test-id]=\"testIds.deployButton\"\n        >\n          {{ 'decisions.deploy' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"deploy\" size=\"16\"></svg>\n        </button>\n\n        <v-overflow-menu class=\"overflow-button\" placement=\"bottom-end\">\n          <v-overflow-menu-trigger overflowTrigger></v-overflow-menu-trigger>\n          <v-overflow-menu-option (selected)=\"download()\"\n            >{{ 'interface.export' | translate }}\n          </v-overflow-menu-option>\n        </v-overflow-menu>\n      } @else {\n        <button class=\"btn btn-success btn-space\" (click)=\"deploy()\">\n          <i class=\"icon mdi mdi-upload mr-1\"></i>{{ 'decisions.deploy' | translate }}\n        </button>\n      }\n    </div>\n  </ng-template>\n</ng-container>\n\n<ng-template #versionSelection>\n  <ng-container\n    *ngIf=\"{\n      selectItems: (decisionVersionSelectItems$ | async) || [],\n      isIndependent: isIndependent$ | async,\n      versionSelectionDisabled: versionSelectionDisabled$ | async,\n      selectionId: selectionId$ | async,\n    } as obs\"\n  >\n    <v-select\n      *ngIf=\"obs.isIndependent\"\n      name=\"version\"\n      [title]=\"'decisions.version' | translate\"\n      [disabled]=\"obs.versionSelectionDisabled\"\n      [clearable]=\"false\"\n      [loading]=\"obs.selectItems.length === 0\"\n      [items]=\"obs.selectItems\"\n      [defaultSelectionId]=\"obs.selectionId\"\n      [widthInPx]=\"120\"\n      (selectedChange)=\"switchVersion($event)\"\n    ></v-select>\n  </ng-container>\n</ng-template>\n", styles: ["#save-button{position:absolute;bottom:10px;left:10px;background:#fff;border:solid 1px #ccc;border-radius:2px;padding:8px;font-family:Arial,sans-serif;font-weight:700;cursor:default;font-size:14px;color:#444}.dmn-modeler{display:flex;flex-direction:column;width:100%;padding:1rem}.diagram,.diagram-header{border:1px solid #dee2e6}.decision-title{color:#6b6b6b;font-size:1.5rem;margin:0}.fullscreen-toggle{font-size:2rem}.fullscreen-toggle>i{cursor:pointer}.dmn-editor{background-color:var(--cds-layer);outline:1px solid var(--cds-border-subtle);outline-offset:-1px;padding:16px}.decision-modeler-actions{display:flex;width:100%;justify-content:flex-end;align-items:flex-end;gap:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: ModalModule }, { kind: "ngmodule", type: SelectModule }, { kind: "ngmodule", type: WidgetModule }, { kind: "ngmodule", type: SelectModule$1 }, { kind: "component", type: i4.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "directive", type: FitPageDirective, selector: "[fitPage]", inputs: ["spaceAdjustment", "fitPageDisabled", "disableOverflow"] }, { kind: "component", type: OverflowMenuComponent, selector: "v-overflow-menu", inputs: ["open", "placement", "menuWidth", "offsetX", "offsetY", "closeOnSelect", "useHostAsReference", "portalToBody"], outputs: ["openChange"] }, { kind: "component", type: OverflowMenuOptionComponent, selector: "v-overflow-menu-option", inputs: ["disabled", "type", "testId", "optionId"], outputs: ["selected"] }, { kind: "component", type: OverflowMenuTriggerComponent, selector: "v-overflow-menu-trigger", inputs: ["compact"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DecisionModelerComponent, deps: [{ token: DecisionService }, { token: i2.ActivatedRoute }, { token: i2.Router }, { token: i3.TranslateService }, { token: i4$1.PageTitleService }, { token: i4$1.BreadcrumbService }, { token: i4.IconService }, { token: i4$1.PageHeaderService }, { token: i6.GlobalNotificationService }, { token: i6.EditPermissionsService }, { token: i6.DraftVersionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: DecisionModelerComponent, isStandalone: true, selector: "valtimo-decision-modeler", viewQueries: [{ propertyName: "edit", first: true, predicate: ["decisionEdit"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"{\n    decisionXml: decisionXml$ | async,\n    decisionTitle: decisionTitle$ | async,\n  } as obs\"\n  fitPage\n  [disableOverflow]=\"true\"\n  class=\"dmn-editor\"\n>\n  <ng-container *ngTemplateOutlet=\"diagram\"></ng-container>\n</div>\n\n<ng-template #diagram>\n  <div class=\"editor-parent\">\n    <div class=\"editor-container\"></div>\n    <div class=\"editor-tabs\"></div>\n  </div>\n</ng-template>\n\n<ng-container renderInPageHeader>\n  <ng-template>\n    <div\n      *ngIf=\"{\n        selectionId: selectionId$ | async,\n        isCreating: isCreating$ | async,\n        context: context$ | async,\n        compactMode: compactMode$ | async,\n        hasEditPermissions: hasEditPermissions$ | async,\n        readOnly: readOnly$ | async,\n      } as obs\"\n      class=\"decision-modeler-actions\"\n    >\n      <cds-tag *ngIf=\"obs.readOnly\" type=\"blue\" [attr.data-test-id]=\"testIds.readOnlyTag\">{{\n        'decisions.readOnly' | translate\n      }}</cds-tag>\n\n      <ng-container *ngTemplateOutlet=\"versionSelection\"></ng-container>\n\n      <button\n        *ngIf=\"obs.context === 'case' || obs.isCreating\"\n        cdsButton=\"secondary\"\n        [size]=\"obs.compactMode ? 'sm' : 'md'\"\n        (click)=\"navigateBack()\"\n        [attr.data-test-id]=\"testIds.backButton\"\n      >\n        <svg class=\"cds--btn__icon\" cdsIcon=\"arrow--left\" size=\"16\"></svg>\n\n        <span>{{ 'interface.back' | translate }}</span>\n      </button>\n\n      @if (obs.selectionId && !obs.isCreating) {\n        <button\n          cdsButton=\"primary\"\n          [disabled]=\"!obs.hasEditPermissions\"\n          (click)=\"deploy()\"\n          [size]=\"obs.compactMode ? 'sm' : 'md'\"\n          [attr.data-test-id]=\"testIds.deployButton\"\n        >\n          {{ 'decisions.deploy' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"deploy\" size=\"16\"></svg>\n        </button>\n\n        <v-overflow-menu class=\"overflow-button\" placement=\"bottom-end\">\n          <v-overflow-menu-trigger overflowTrigger></v-overflow-menu-trigger>\n          <v-overflow-menu-option [disabled]=\"!obs.hasEditPermissions\" (selected)=\"openEditModal()\"\n            >{{ 'interface.edit' | translate }}\n          </v-overflow-menu-option>\n          <v-overflow-menu-option (selected)=\"download()\"\n            >{{ 'interface.export' | translate }}\n          </v-overflow-menu-option>\n          <v-overflow-menu-option\n            [disabled]=\"!obs.hasEditPermissions || obs.context === 'independent'\"\n            type=\"danger\"\n            (selected)=\"onDeleteClick()\"\n            >{{ 'interface.delete' | translate }}\n          </v-overflow-menu-option>\n        </v-overflow-menu>\n      } @else {\n        <button\n          cdsButton=\"primary\"\n          [disabled]=\"!obs.hasEditPermissions\"\n          (click)=\"deploy()\"\n          [size]=\"obs.compactMode ? 'sm' : 'md'\"\n          [attr.data-test-id]=\"testIds.deployButton\"\n        >\n          {{ 'decisions.deploy' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"deploy\" size=\"16\"></svg>\n        </button>\n      }\n    </div>\n  </ng-template>\n</ng-container>\n\n<ng-template #versionSelection>\n  <ng-container\n    *ngIf=\"{\n      selectItems: (decisionVersionSelectItems$ | async) || [],\n      isIndependent: isIndependent$ | async,\n      versionSelectionDisabled: versionSelectionDisabled$ | async,\n      selectionId: selectionId$ | async,\n    } as obs\"\n  >\n    <v-select\n      *ngIf=\"obs.isIndependent\"\n      name=\"version\"\n      [title]=\"'decisions.version' | translate\"\n      [disabled]=\"obs.versionSelectionDisabled\"\n      [clearable]=\"false\"\n      [loading]=\"obs.selectItems.length === 0\"\n      [items]=\"obs.selectItems\"\n      [defaultSelectionId]=\"obs.selectionId\"\n      [widthInPx]=\"120\"\n      (selectedChange)=\"switchVersion($event)\"\n    ></v-select>\n  </ng-container>\n</ng-template>\n\n<valtimo-decision-form-modal\n  #decisionEdit\n  titleKey=\"decisions.editModal.title\"\n  submitKey=\"interface.save\"\n  (submitEvent)=\"onEditDecision($event)\"\n></valtimo-decision-form-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"decisions.deleteModal.content\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"decisions.deleteModal.title\"\n  (confirmEvent)=\"onDeleteConfirm()\"\n></valtimo-confirmation-modal>\n", styles: ["#save-button{position:absolute;bottom:10px;left:10px;background:#fff;border:solid 1px #ccc;border-radius:2px;padding:8px;font-family:Arial,sans-serif;font-weight:700;cursor:default;font-size:14px;color:#444}.dmn-modeler{display:flex;flex-direction:column;width:100%;padding:1rem}.diagram,.diagram-header{border:1px solid #dee2e6}.decision-title{color:#6b6b6b;font-size:1.5rem;margin:0}.fullscreen-toggle{font-size:2rem}.fullscreen-toggle>i{cursor:pointer}.dmn-editor{background-color:var(--cds-layer);outline:1px solid var(--cds-border-subtle);outline-offset:-1px;padding:16px}.decision-modeler-actions{display:flex;width:100%;justify-content:flex-end;align-items:flex-end;gap:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: ModalModule }, { kind: "ngmodule", type: SelectModule }, { kind: "ngmodule", type: WidgetModule }, { kind: "ngmodule", type: SelectModule$1 }, { kind: "component", type: i4$1.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i4.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "directive", type: FitPageDirective, selector: "[fitPage]", inputs: ["spaceAdjustment", "fitPageDisabled", "disableOverflow", "bottomMargin"] }, { kind: "component", type: OverflowMenuComponent, selector: "v-overflow-menu", inputs: ["open", "placement", "menuWidth", "offsetX", "offsetY", "closeOnSelect", "useHostAsReference", "portalToBody"], outputs: ["openChange"] }, { kind: "component", type: OverflowMenuOptionComponent, selector: "v-overflow-menu-option", inputs: ["disabled", "type", "testId", "optionId"], outputs: ["selected"] }, { kind: "component", type: OverflowMenuTriggerComponent, selector: "v-overflow-menu-trigger", inputs: ["compact"] }, { kind: "component", type: DecisionFormModalComponent, selector: "valtimo-decision-form-modal", inputs: ["titleKey", "submitKey"], outputs: ["submitEvent"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i4$1.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DecisionModelerComponent, decorators: [{
             type: Component,
@@ -534,12 +998,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         RenderInPageHeaderDirective,
                         ButtonModule,
                         IconModule,
+                        TagModule,
                         FitPageDirective,
                         OverflowMenuComponent,
                         OverflowMenuOptionComponent,
                         OverflowMenuTriggerComponent,
-                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"{\n    decisionXml: decisionXml$ | async,\n    decisionTitle: decisionTitle$ | async,\n  } as obs\"\n  fitPage\n  [disableOverflow]=\"true\"\n  class=\"dmn-editor\"\n>\n  <ng-container *ngTemplateOutlet=\"diagram\"></ng-container>\n</div>\n\n<ng-template #diagram>\n  <div class=\"editor-parent\">\n    <div class=\"editor-container\"></div>\n    <div class=\"editor-tabs\"></div>\n  </div>\n</ng-template>\n\n<ng-container renderInPageHeader>\n  <ng-template>\n    <div\n      *ngIf=\"{\n        selectionId: selectionId$ | async,\n        isCreating: isCreating$ | async,\n        context: context$ | async,\n        compactMode: compactMode$ | async,\n        hasEditPermissions: hasEditPermissions$ | async,\n      } as obs\"\n      class=\"decision-modeler-actions\"\n    >\n      <ng-container *ngTemplateOutlet=\"versionSelection\"></ng-container>\n\n      <button\n        *ngIf=\"obs.context === 'case'\"\n        cdsButton=\"secondary\"\n        [size]=\"obs.compactMode ? 'sm' : 'md'\"\n        (click)=\"navigateBack(null)\"\n        [attr.data-test-id]=\"testIds.backButton\"\n      >\n        <svg class=\"cds--btn__icon\" cdsIcon=\"arrow--left\" size=\"16\"></svg>\n\n        <span>{{ 'interface.back' | translate }}</span>\n      </button>\n\n      @if (obs.selectionId && !obs.isCreating) {\n        <button\n          *ngIf=\"obs.hasEditPermissions\"\n          cdsButton=\"primary\"\n          (click)=\"deploy()\"\n          [size]=\"obs.compactMode ? 'sm' : 'md'\"\n          [attr.data-test-id]=\"testIds.deployButton\"\n        >\n          {{ 'decisions.deploy' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"deploy\" size=\"16\"></svg>\n        </button>\n\n        <v-overflow-menu class=\"overflow-button\" placement=\"bottom-end\">\n          <v-overflow-menu-trigger overflowTrigger></v-overflow-menu-trigger>\n          <v-overflow-menu-option (selected)=\"download()\"\n            >{{ 'interface.export' | translate }}\n          </v-overflow-menu-option>\n        </v-overflow-menu>\n      } @else {\n        <button class=\"btn btn-success btn-space\" (click)=\"deploy()\">\n          <i class=\"icon mdi mdi-upload mr-1\"></i>{{ 'decisions.deploy' | translate }}\n        </button>\n      }\n    </div>\n  </ng-template>\n</ng-container>\n\n<ng-template #versionSelection>\n  <ng-container\n    *ngIf=\"{\n      selectItems: (decisionVersionSelectItems$ | async) || [],\n      isIndependent: isIndependent$ | async,\n      versionSelectionDisabled: versionSelectionDisabled$ | async,\n      selectionId: selectionId$ | async,\n    } as obs\"\n  >\n    <v-select\n      *ngIf=\"obs.isIndependent\"\n      name=\"version\"\n      [title]=\"'decisions.version' | translate\"\n      [disabled]=\"obs.versionSelectionDisabled\"\n      [clearable]=\"false\"\n      [loading]=\"obs.selectItems.length === 0\"\n      [items]=\"obs.selectItems\"\n      [defaultSelectionId]=\"obs.selectionId\"\n      [widthInPx]=\"120\"\n      (selectedChange)=\"switchVersion($event)\"\n    ></v-select>\n  </ng-container>\n</ng-template>\n", styles: ["#save-button{position:absolute;bottom:10px;left:10px;background:#fff;border:solid 1px #ccc;border-radius:2px;padding:8px;font-family:Arial,sans-serif;font-weight:700;cursor:default;font-size:14px;color:#444}.dmn-modeler{display:flex;flex-direction:column;width:100%;padding:1rem}.diagram,.diagram-header{border:1px solid #dee2e6}.decision-title{color:#6b6b6b;font-size:1.5rem;margin:0}.fullscreen-toggle{font-size:2rem}.fullscreen-toggle>i{cursor:pointer}.dmn-editor{background-color:var(--cds-layer);outline:1px solid var(--cds-border-subtle);outline-offset:-1px;padding:16px}.decision-modeler-actions{display:flex;width:100%;justify-content:flex-end;align-items:flex-end;gap:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: DecisionService }, { type: i2.ActivatedRoute }, { type: i2.Router }, { type: i3.TranslateService }, { type: i4.PageTitleService }, { type: i4.BreadcrumbService }, { type: i6$1.IconService }, { type: i4.PageHeaderService }, { type: i6.GlobalNotificationService }, { type: i6.EditPermissionsService }] });
+                        DecisionFormModalComponent,
+                        ConfirmationModalModule,
+                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"{\n    decisionXml: decisionXml$ | async,\n    decisionTitle: decisionTitle$ | async,\n  } as obs\"\n  fitPage\n  [disableOverflow]=\"true\"\n  class=\"dmn-editor\"\n>\n  <ng-container *ngTemplateOutlet=\"diagram\"></ng-container>\n</div>\n\n<ng-template #diagram>\n  <div class=\"editor-parent\">\n    <div class=\"editor-container\"></div>\n    <div class=\"editor-tabs\"></div>\n  </div>\n</ng-template>\n\n<ng-container renderInPageHeader>\n  <ng-template>\n    <div\n      *ngIf=\"{\n        selectionId: selectionId$ | async,\n        isCreating: isCreating$ | async,\n        context: context$ | async,\n        compactMode: compactMode$ | async,\n        hasEditPermissions: hasEditPermissions$ | async,\n        readOnly: readOnly$ | async,\n      } as obs\"\n      class=\"decision-modeler-actions\"\n    >\n      <cds-tag *ngIf=\"obs.readOnly\" type=\"blue\" [attr.data-test-id]=\"testIds.readOnlyTag\">{{\n        'decisions.readOnly' | translate\n      }}</cds-tag>\n\n      <ng-container *ngTemplateOutlet=\"versionSelection\"></ng-container>\n\n      <button\n        *ngIf=\"obs.context === 'case' || obs.isCreating\"\n        cdsButton=\"secondary\"\n        [size]=\"obs.compactMode ? 'sm' : 'md'\"\n        (click)=\"navigateBack()\"\n        [attr.data-test-id]=\"testIds.backButton\"\n      >\n        <svg class=\"cds--btn__icon\" cdsIcon=\"arrow--left\" size=\"16\"></svg>\n\n        <span>{{ 'interface.back' | translate }}</span>\n      </button>\n\n      @if (obs.selectionId && !obs.isCreating) {\n        <button\n          cdsButton=\"primary\"\n          [disabled]=\"!obs.hasEditPermissions\"\n          (click)=\"deploy()\"\n          [size]=\"obs.compactMode ? 'sm' : 'md'\"\n          [attr.data-test-id]=\"testIds.deployButton\"\n        >\n          {{ 'decisions.deploy' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"deploy\" size=\"16\"></svg>\n        </button>\n\n        <v-overflow-menu class=\"overflow-button\" placement=\"bottom-end\">\n          <v-overflow-menu-trigger overflowTrigger></v-overflow-menu-trigger>\n          <v-overflow-menu-option [disabled]=\"!obs.hasEditPermissions\" (selected)=\"openEditModal()\"\n            >{{ 'interface.edit' | translate }}\n          </v-overflow-menu-option>\n          <v-overflow-menu-option (selected)=\"download()\"\n            >{{ 'interface.export' | translate }}\n          </v-overflow-menu-option>\n          <v-overflow-menu-option\n            [disabled]=\"!obs.hasEditPermissions || obs.context === 'independent'\"\n            type=\"danger\"\n            (selected)=\"onDeleteClick()\"\n            >{{ 'interface.delete' | translate }}\n          </v-overflow-menu-option>\n        </v-overflow-menu>\n      } @else {\n        <button\n          cdsButton=\"primary\"\n          [disabled]=\"!obs.hasEditPermissions\"\n          (click)=\"deploy()\"\n          [size]=\"obs.compactMode ? 'sm' : 'md'\"\n          [attr.data-test-id]=\"testIds.deployButton\"\n        >\n          {{ 'decisions.deploy' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"deploy\" size=\"16\"></svg>\n        </button>\n      }\n    </div>\n  </ng-template>\n</ng-container>\n\n<ng-template #versionSelection>\n  <ng-container\n    *ngIf=\"{\n      selectItems: (decisionVersionSelectItems$ | async) || [],\n      isIndependent: isIndependent$ | async,\n      versionSelectionDisabled: versionSelectionDisabled$ | async,\n      selectionId: selectionId$ | async,\n    } as obs\"\n  >\n    <v-select\n      *ngIf=\"obs.isIndependent\"\n      name=\"version\"\n      [title]=\"'decisions.version' | translate\"\n      [disabled]=\"obs.versionSelectionDisabled\"\n      [clearable]=\"false\"\n      [loading]=\"obs.selectItems.length === 0\"\n      [items]=\"obs.selectItems\"\n      [defaultSelectionId]=\"obs.selectionId\"\n      [widthInPx]=\"120\"\n      (selectedChange)=\"switchVersion($event)\"\n    ></v-select>\n  </ng-container>\n</ng-template>\n\n<valtimo-decision-form-modal\n  #decisionEdit\n  titleKey=\"decisions.editModal.title\"\n  submitKey=\"interface.save\"\n  (submitEvent)=\"onEditDecision($event)\"\n></valtimo-decision-form-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"decisions.deleteModal.content\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"decisions.deleteModal.title\"\n  (confirmEvent)=\"onDeleteConfirm()\"\n></valtimo-confirmation-modal>\n", styles: ["#save-button{position:absolute;bottom:10px;left:10px;background:#fff;border:solid 1px #ccc;border-radius:2px;padding:8px;font-family:Arial,sans-serif;font-weight:700;cursor:default;font-size:14px;color:#444}.dmn-modeler{display:flex;flex-direction:column;width:100%;padding:1rem}.diagram,.diagram-header{border:1px solid #dee2e6}.decision-title{color:#6b6b6b;font-size:1.5rem;margin:0}.fullscreen-toggle{font-size:2rem}.fullscreen-toggle>i{cursor:pointer}.dmn-editor{background-color:var(--cds-layer);outline:1px solid var(--cds-border-subtle);outline-offset:-1px;padding:16px}.decision-modeler-actions{display:flex;width:100%;justify-content:flex-end;align-items:flex-end;gap:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: DecisionService }, { type: i2.ActivatedRoute }, { type: i2.Router }, { type: i3.TranslateService }, { type: i4$1.PageTitleService }, { type: i4$1.BreadcrumbService }, { type: i4.IconService }, { type: i4$1.PageHeaderService }, { type: i6.GlobalNotificationService }, { type: i6.EditPermissionsService }, { type: i6.DraftVersionService }], propDecorators: { edit: [{
+                type: ViewChild,
+                args: ['decisionEdit']
+            }] } });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -562,7 +1032,7 @@ class DecisionDisplayComponent {
         this.route = route;
     }
     ngOnInit() {
-        this.viewer = new DmnViewer({
+        this.viewer = new DmnViewer$1({
             container: '#canvas',
         });
         this.decisionId = this.route.snapshot.paramMap.get('id');
@@ -698,8 +1168,8 @@ class DecisionDeployComponent {
     closeModal() {
         this.modalOpen$.next(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DecisionDeployComponent, deps: [{ token: DecisionService }, { token: DecisionStateService }, { token: i2.ActivatedRoute }, { token: i3$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: DecisionDeployComponent, isStandalone: true, selector: "valtimo-decision-deploy", outputs: { deploySuccessful: "deploySuccessful" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal showFooter=\"true\" valtimoCdsModal [open]=\"modalOpen$ | async\" (close)=\"closeModal()\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>{{ 'decisions.upload.title' | translate }}</h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"form\">\n    <cds-file-uploader\n      [accept]=\"ACCEPTED_FILES\"\n      [multiple]=\"false\"\n      buttonType=\"primary\"\n      [title]=\"'decisions.upload.fileUploaderTitle' | translate\"\n      [description]=\"'decisions.upload.fileUploaderDescription' | translate\"\n      [buttonText]=\"'decisions.upload.fileUploaderButton' | translate\"\n      formControlName=\"file\"\n    >\n    </cds-file-uploader>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"closeModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"!selectedDmnFile\"\n      (click)=\"deployDmn()\"\n      [attr.data-test-id]=\"testIds.submitButton\"\n    >\n      {{ 'interface.upload' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: FileUploaderModule }, { kind: "component", type: i6$1.FileUploader, selector: "cds-file-uploader, ibm-file-uploader", inputs: ["buttonText", "buttonType", "title", "description", "accept", "multiple", "skeleton", "size", "fileItemSize", "drop", "dropText", "fileUploaderId", "files", "disabled"], outputs: ["filesChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DecisionDeployComponent, deps: [{ token: DecisionService }, { token: DecisionStateService }, { token: i2.ActivatedRoute }, { token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: DecisionDeployComponent, isStandalone: true, selector: "valtimo-decision-deploy", outputs: { deploySuccessful: "deploySuccessful" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal showFooter=\"true\" valtimoCdsModal [open]=\"modalOpen$ | async\" (close)=\"closeModal()\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>{{ 'decisions.upload.title' | translate }}</h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"form\">\n    <cds-file-uploader\n      [accept]=\"ACCEPTED_FILES\"\n      [multiple]=\"false\"\n      buttonType=\"primary\"\n      [title]=\"'decisions.upload.fileUploaderTitle' | translate\"\n      [description]=\"'decisions.upload.fileUploaderDescription' | translate\"\n      [buttonText]=\"'decisions.upload.fileUploaderButton' | translate\"\n      formControlName=\"file\"\n    >\n    </cds-file-uploader>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"closeModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"!selectedDmnFile\"\n      (click)=\"deployDmn()\"\n      [attr.data-test-id]=\"testIds.submitButton\"\n    >\n      {{ 'interface.upload' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i4.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i4.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i4.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: FileUploaderModule }, { kind: "component", type: i4.FileUploader, selector: "cds-file-uploader, ibm-file-uploader", inputs: ["buttonText", "buttonType", "title", "description", "accept", "multiple", "skeleton", "size", "fileItemSize", "drop", "dropText", "fileUploaderId", "files", "disabled"], outputs: ["filesChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DecisionDeployComponent, decorators: [{
             type: Component,
@@ -713,7 +1183,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         FileUploaderModule,
                         ReactiveFormsModule,
                     ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal showFooter=\"true\" valtimoCdsModal [open]=\"modalOpen$ | async\" (close)=\"closeModal()\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>{{ 'decisions.upload.title' | translate }}</h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"form\">\n    <cds-file-uploader\n      [accept]=\"ACCEPTED_FILES\"\n      [multiple]=\"false\"\n      buttonType=\"primary\"\n      [title]=\"'decisions.upload.fileUploaderTitle' | translate\"\n      [description]=\"'decisions.upload.fileUploaderDescription' | translate\"\n      [buttonText]=\"'decisions.upload.fileUploaderButton' | translate\"\n      formControlName=\"file\"\n    >\n    </cds-file-uploader>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"closeModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"!selectedDmnFile\"\n      (click)=\"deployDmn()\"\n      [attr.data-test-id]=\"testIds.submitButton\"\n    >\n      {{ 'interface.upload' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: DecisionService }, { type: DecisionStateService }, { type: i2.ActivatedRoute }, { type: i3$1.FormBuilder }], propDecorators: { deploySuccessful: [{
+        }], ctorParameters: () => [{ type: DecisionService }, { type: DecisionStateService }, { type: i2.ActivatedRoute }, { type: i1$1.FormBuilder }], propDecorators: { deploySuccessful: [{
                 type: Output
             }] } });
 
@@ -733,22 +1203,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  * limitations under the License.
  */
 class DecisionListComponent {
-    constructor(decisionService, iconService, router, configService, stateService, route, cdr, editPermissionsService) {
+    constructor(decisionService, iconService, router, stateService, route, cdr, editPermissionsService, notificationService, translateService) {
         this.decisionService = decisionService;
         this.iconService = iconService;
         this.router = router;
-        this.configService = configService;
         this.stateService = stateService;
         this.route = route;
         this.cdr = cdr;
         this.editPermissionsService = editPermissionsService;
+        this.notificationService = notificationService;
+        this.translateService = translateService;
         this.fields = [
             { key: 'key', label: 'Key' },
             { key: 'name', label: 'Name' },
             { key: 'version', label: 'Version' },
         ];
+        this.ACTION_ITEMS = [
+            {
+                label: 'interface.edit',
+                callback: this.openEditModal.bind(this),
+                type: 'normal',
+                disabled$: () => this.hasEditPermissions$.pipe(map(canEdit => !canEdit)),
+            },
+            {
+                label: 'interface.delete',
+                callback: this.onDeleteClick.bind(this),
+                type: 'danger',
+                disabled$: () => this.hasEditPermissions$.pipe(map(canEdit => !canEdit || this._context !== 'case')),
+            },
+        ];
+        this.showDeleteModal$ = new BehaviorSubject(false);
         this.loading$ = new BehaviorSubject(true);
-        this.experimentalEditing$ = this.configService.getFeatureToggleObservable('experimentalDmnEditing');
         this.testIds = DECISION_LIST_TEST_IDS;
         this.caseManagementRouteParams$ = getCaseManagementRouteParams(this.route);
         this.buildingBlockManagementRouteParams$ = getBuildingBlockManagementRouteParams(this.route);
@@ -760,7 +1245,7 @@ class DecisionListComponent {
             if (context === 'buildingBlock') {
                 return this.buildingBlockManagementRouteParams$.pipe(switchMap(params => this.decisionService.listBuildingBlockDecisionDefinitions(params.buildingBlockDefinitionKey, params.buildingBlockDefinitionVersionTag)));
             }
-            return this.decisionService.getDecisions();
+            return this.decisionService.getUnlinkedDecisions();
         }), map(filterLatestDecisionVersions), tap(() => {
             this.loading$.next(false);
             this.cdr.detectChanges();
@@ -771,30 +1256,110 @@ class DecisionListComponent {
         ]).pipe(switchMap(([params, context]) => {
             return this.editPermissionsService.hasPermissionsToEditBasedOnContext(params, context);
         }));
-        this.iconService.registerAll([Upload16]);
+        this._editDecision = null;
+        this._editXml = null;
+        this._decisionToDelete = null;
+        this._context = null;
+        this.iconService.registerAll([Upload16, Add16]);
+        this.context$.pipe(take(1)).subscribe(context => (this._context = context));
     }
     viewDecisionTable(decision) {
-        combineLatest([this.context$, this.experimentalEditing$])
-            .pipe(take(1))
-            .subscribe(([context, experimentalEditing]) => {
-            if (context === 'independent') {
-                const basePath = experimentalEditing ? '/decision-tables/edit/' : '/decision-tables/';
-                this.router.navigate([basePath + decision.id]);
-            }
-            else if (context === 'buildingBlock') {
+        this.context$.pipe(take(1)).subscribe(context => {
+            if (context === 'buildingBlock') {
                 this.buildingBlockManagementRouteParams$.pipe(take(1)).subscribe(params => {
                     this.router.navigateByUrl(`building-block-management/building-block/${params.buildingBlockDefinitionKey}/version/${params.buildingBlockDefinitionVersionTag}/decisions/${decision.id}`);
                 });
             }
-            else {
+            else if (context === 'case') {
                 this.caseManagementRouteParams$.pipe(take(1)).subscribe(params => {
                     this.router.navigateByUrl(`case-management/case/${params.caseDefinitionKey}/version/${params.caseDefinitionVersionTag}/decisions/${decision.id}`);
                 });
             }
+            else {
+                this.router.navigate(['/decision-tables/edit/' + decision.id]);
+            }
+        });
+    }
+    onCreateDecision(value) {
+        const state = { decisionName: value.name, inputVariables: value.inputVariables };
+        this.context$.pipe(take(1)).subscribe(context => {
+            if (context === 'buildingBlock') {
+                this.buildingBlockManagementRouteParams$.pipe(take(1)).subscribe(params => {
+                    this.router.navigateByUrl(`building-block-management/building-block/${params.buildingBlockDefinitionKey}/version/${params.buildingBlockDefinitionVersionTag}/decisions/create`, { state });
+                });
+            }
+            else if (context === 'case') {
+                this.caseManagementRouteParams$.pipe(take(1)).subscribe(params => {
+                    this.router.navigateByUrl(`case-management/case/${params.caseDefinitionKey}/version/${params.caseDefinitionVersionTag}/decisions/create`, { state });
+                });
+            }
+            else {
+                this.router.navigate(['/decision-tables/edit/create'], { state });
+            }
+        });
+    }
+    openEditModal(decision) {
+        this.decisionService
+            .getDecisionXml(decision.id)
+            .pipe(take(1))
+            .subscribe(xml => {
+            this._editDecision = decision;
+            this._editXml = xml.dmnXml;
+            this.edit.open(parseDecisionForm(xml.dmnXml));
+        });
+    }
+    onEditDecision(value) {
+        if (!this._editXml || !this._editDecision)
+            return;
+        const patchedXml = updateDmnXml(this._editXml, value);
+        const fileName = this._editDecision.resource || toDecisionFileName(this._editDecision.key);
+        const file = new File([patchedXml], fileName, { type: 'text/xml' });
+        this.deployFileForContext(file).subscribe({
+            next: () => {
+                this.showNotification('success', 'decisions.deploySuccess');
+                this.stateService.refreshDecisions();
+            },
+            error: () => this.showNotification('error', 'decisions.deployFailure'),
+        });
+    }
+    onDeleteClick(decision) {
+        this._decisionToDelete = decision;
+        this.showDeleteModal$.next(true);
+    }
+    onDeleteConfirm() {
+        if (!this._decisionToDelete)
+            return;
+        const decisionKey = this._decisionToDelete.key;
+        this.caseManagementRouteParams$
+            .pipe(take(1), switchMap(params => this.decisionService.deleteCaseDecisionDefinition(params.caseDefinitionKey, params.caseDefinitionVersionTag, decisionKey)))
+            .subscribe({
+            next: () => {
+                this.showNotification('success', 'decisions.deleteSuccess');
+                this.stateService.refreshDecisions();
+            },
+            error: () => this.showNotification('error', 'decisions.deleteFailure'),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DecisionListComponent, deps: [{ token: DecisionService }, { token: i6$1.IconService }, { token: i2.Router }, { token: i6.ConfigService }, { token: DecisionStateService }, { token: i2.ActivatedRoute }, { token: i0.ChangeDetectorRef }, { token: i6.EditPermissionsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: DecisionListComponent, isStandalone: true, selector: "valtimo-decision-list", viewQueries: [{ propertyName: "deploy", first: true, predicate: ["decisionDeploy"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-carbon-list\n  [items]=\"(decisionsLatestVersions$ | async) || []\"\n  [loading]=\"loading$ | async\"\n  [fields]=\"fields\"\n  (rowClicked)=\"viewDecisionTable($event)\"\n  [header]=\"false\"\n  [isSearchable]=\"true\"\n>\n  <ng-container carbonToolbarContent>\n    <button\n      *ngIf=\"hasEditPermissions$ | async\"\n      cdsButton=\"primary\"\n      (click)=\"this.deploy.openModal()\"\n      [attr.data-test-id]=\"testIds.uploadButton\"\n    >\n      {{ 'Upload' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"upload\" size=\"16\"></svg>\n    </button>\n  </ng-container>\n</valtimo-carbon-list>\n\n<valtimo-decision-deploy #decisionDeploy></valtimo-decision-deploy>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i4.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: WidgetModule }, { kind: "component", type: DecisionDeployComponent, selector: "valtimo-decision-deploy", outputs: ["deploySuccessful"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }] }); }
+    deployFileForContext(file) {
+        return this.context$.pipe(take(1), switchMap(context => {
+            if (context === 'case') {
+                return this.caseManagementRouteParams$.pipe(take(1), switchMap(params => this.decisionService.deployCaseDecisionDefinition(params.caseDefinitionKey, params.caseDefinitionVersionTag, file)));
+            }
+            if (context === 'buildingBlock') {
+                return this.buildingBlockManagementRouteParams$.pipe(take(1), switchMap(params => this.decisionService.deployBuildingBlockDecisionDefinition(params.buildingBlockDefinitionKey, params.buildingBlockDefinitionVersionTag, file)));
+            }
+            return this.decisionService.deployDmn(file);
+        }));
+    }
+    showNotification(type, message) {
+        this.notificationService.showToast({
+            caption: this.translateService.instant(message),
+            type,
+            title: this.translateService.instant(`interface.${type}`),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DecisionListComponent, deps: [{ token: DecisionService }, { token: i4.IconService }, { token: i2.Router }, { token: DecisionStateService }, { token: i2.ActivatedRoute }, { token: i0.ChangeDetectorRef }, { token: i6.EditPermissionsService }, { token: i6.GlobalNotificationService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: DecisionListComponent, isStandalone: true, selector: "valtimo-decision-list", viewQueries: [{ propertyName: "deploy", first: true, predicate: ["decisionDeploy"], descendants: true }, { propertyName: "create", first: true, predicate: ["decisionCreate"], descendants: true }, { propertyName: "edit", first: true, predicate: ["decisionEdit"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-carbon-list\n  [items]=\"(decisionsLatestVersions$ | async) || []\"\n  [loading]=\"loading$ | async\"\n  [fields]=\"fields\"\n  [actionItems]=\"ACTION_ITEMS\"\n  (rowClicked)=\"viewDecisionTable($event)\"\n  [header]=\"false\"\n  [isSearchable]=\"true\"\n>\n  <ng-container carbonToolbarContent>\n    <ng-container *ngIf=\"{canEdit: hasEditPermissions$ | async} as obs\">\n      <button\n        cdsButton=\"ghost\"\n        iconOnly=\"true\"\n        [disabled]=\"!obs.canEdit\"\n        (click)=\"this.deploy.openModal()\"\n        [attr.data-test-id]=\"testIds.uploadButton\"\n      >\n        <svg cdsIcon=\"upload\" size=\"16\"></svg>\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"!obs.canEdit\"\n        (click)=\"this.create.openModal()\"\n        [attr.data-test-id]=\"testIds.createButton\"\n      >\n        {{ 'decisions.create' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    </ng-container>\n  </ng-container>\n</valtimo-carbon-list>\n\n<valtimo-decision-deploy #decisionDeploy></valtimo-decision-deploy>\n\n<valtimo-decision-form-modal\n  #decisionCreate\n  (submitEvent)=\"onCreateDecision($event)\"\n></valtimo-decision-form-modal>\n\n<valtimo-decision-form-modal\n  #decisionEdit\n  titleKey=\"decisions.editModal.title\"\n  submitKey=\"interface.save\"\n  (submitEvent)=\"onEditDecision($event)\"\n></valtimo-decision-form-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"decisions.deleteModal.content\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"decisions.deleteModal.title\"\n  (confirmEvent)=\"onDeleteConfirm()\"\n></valtimo-confirmation-modal>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i4$1.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: WidgetModule }, { kind: "component", type: DecisionDeployComponent, selector: "valtimo-decision-deploy", outputs: ["deploySuccessful"] }, { kind: "component", type: DecisionFormModalComponent, selector: "valtimo-decision-form-modal", inputs: ["titleKey", "submitKey"], outputs: ["submitEvent"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i4$1.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DecisionListComponent, decorators: [{
             type: Component,
@@ -805,12 +1370,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         IconModule,
                         WidgetModule,
                         DecisionDeployComponent,
+                        DecisionFormModalComponent,
+                        ConfirmationModalModule,
                         TranslateModule,
                         ButtonModule,
-                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-carbon-list\n  [items]=\"(decisionsLatestVersions$ | async) || []\"\n  [loading]=\"loading$ | async\"\n  [fields]=\"fields\"\n  (rowClicked)=\"viewDecisionTable($event)\"\n  [header]=\"false\"\n  [isSearchable]=\"true\"\n>\n  <ng-container carbonToolbarContent>\n    <button\n      *ngIf=\"hasEditPermissions$ | async\"\n      cdsButton=\"primary\"\n      (click)=\"this.deploy.openModal()\"\n      [attr.data-test-id]=\"testIds.uploadButton\"\n    >\n      {{ 'Upload' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"upload\" size=\"16\"></svg>\n    </button>\n  </ng-container>\n</valtimo-carbon-list>\n\n<valtimo-decision-deploy #decisionDeploy></valtimo-decision-deploy>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: DecisionService }, { type: i6$1.IconService }, { type: i2.Router }, { type: i6.ConfigService }, { type: DecisionStateService }, { type: i2.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: i6.EditPermissionsService }], propDecorators: { deploy: [{
+                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-carbon-list\n  [items]=\"(decisionsLatestVersions$ | async) || []\"\n  [loading]=\"loading$ | async\"\n  [fields]=\"fields\"\n  [actionItems]=\"ACTION_ITEMS\"\n  (rowClicked)=\"viewDecisionTable($event)\"\n  [header]=\"false\"\n  [isSearchable]=\"true\"\n>\n  <ng-container carbonToolbarContent>\n    <ng-container *ngIf=\"{canEdit: hasEditPermissions$ | async} as obs\">\n      <button\n        cdsButton=\"ghost\"\n        iconOnly=\"true\"\n        [disabled]=\"!obs.canEdit\"\n        (click)=\"this.deploy.openModal()\"\n        [attr.data-test-id]=\"testIds.uploadButton\"\n      >\n        <svg cdsIcon=\"upload\" size=\"16\"></svg>\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"!obs.canEdit\"\n        (click)=\"this.create.openModal()\"\n        [attr.data-test-id]=\"testIds.createButton\"\n      >\n        {{ 'decisions.create' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    </ng-container>\n  </ng-container>\n</valtimo-carbon-list>\n\n<valtimo-decision-deploy #decisionDeploy></valtimo-decision-deploy>\n\n<valtimo-decision-form-modal\n  #decisionCreate\n  (submitEvent)=\"onCreateDecision($event)\"\n></valtimo-decision-form-modal>\n\n<valtimo-decision-form-modal\n  #decisionEdit\n  titleKey=\"decisions.editModal.title\"\n  submitKey=\"interface.save\"\n  (submitEvent)=\"onEditDecision($event)\"\n></valtimo-decision-form-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"decisions.deleteModal.content\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"decisions.deleteModal.title\"\n  (confirmEvent)=\"onDeleteConfirm()\"\n></valtimo-confirmation-modal>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: DecisionService }, { type: i4.IconService }, { type: i2.Router }, { type: DecisionStateService }, { type: i2.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: i6.EditPermissionsService }, { type: i6.GlobalNotificationService }, { type: i3.TranslateService }], propDecorators: { deploy: [{
                 type: ViewChild,
                 args: ['decisionDeploy']
+            }], create: [{
+                type: ViewChild,
+                args: ['decisionCreate']
+            }], edit: [{
+                type: ViewChild,
+                args: ['decisionEdit']
             }] } });
 
 /*
@@ -914,6 +1487,7 @@ class DecisionModule {
             ButtonModule,
             IconModule,
             DecisionDeployComponent,
+            DecisionFormModalComponent,
             DecisionModelerComponent,
             DecisionListComponent,
             DecisionDisplayComponent], exports: [DecisionModelerComponent] }); }
@@ -929,6 +1503,7 @@ class DecisionModule {
             ButtonModule,
             IconModule,
             DecisionDeployComponent,
+            DecisionFormModalComponent,
             DecisionModelerComponent,
             DecisionListComponent,
             DecisionDisplayComponent] }); }
@@ -949,6 +1524,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         ButtonModule,
                         IconModule,
                         DecisionDeployComponent,
+                        DecisionFormModalComponent,
                         DecisionModelerComponent,
                         DecisionListComponent,
                         DecisionDisplayComponent,
@@ -980,5 +1556,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { DECISION_LIST_TEST_IDS, DECISION_MODELER_TEST_IDS, DECISION_UPLOAD_TEST_IDS, DecisionDeployComponent, DecisionDisplayComponent, DecisionListComponent, DecisionModelerComponent, DecisionModule, DecisionService, DecisionStateService, filterLatestDecisionVersions };
+export { DECISION_FORM_TEST_IDS, DECISION_LIST_TEST_IDS, DECISION_MODELER_TEST_IDS, DECISION_UPLOAD_TEST_IDS, DecisionDeployComponent, DecisionDisplayComponent, DecisionFormModalComponent, DecisionListComponent, DecisionModelerComponent, DecisionModule, DecisionService, DecisionStateService, createDmnXml, filterLatestDecisionVersions, parseDecisionForm, toDecisionFileName, toDecisionKey, updateDmnXml };
 //# sourceMappingURL=valtimo-decision.mjs.map