wuic-framework-lib 1.5.0 → 1.7.0

package/fesm2022/{wuic-framework-lib-workflow-designer.component-5xtQ7-6z.mjs → wuic-framework-lib-workflow-designer.component-DMM8BeXm.mjs}

@@ -10,20 +10,20 @@ import * as i1$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i2$1 from 'primeng/autocomplete';
 import { AutoCompleteModule } from 'primeng/autocomplete';
-import * as i10 from 'primeng/contextmenu';
+import * as i14 from 'primeng/contextmenu';
 import { ContextMenuModule } from 'primeng/contextmenu';
 import * as i2 from 'primeng/dialog';
 import { DialogModule } from 'primeng/dialog';
-import * as i7 from 'primeng/menu';
+import * as i7$1 from 'primeng/menu';
 import { MenuModule } from 'primeng/menu';
-import * as i6$1 from 'primeng/select';
+import * as i5 from 'primeng/select';
 import { SelectModule } from 'primeng/select';
-import * as i6 from 'primeng/tooltip';
+import * as i7 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
-import * as i2$2 from '@ngx-translate/core';
+import * as i8 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import { BehaviorSubject } from 'rxjs';
-import { W as WtoolboxService, M as MetadataProviderService, d as ParametricDialogComponent, k as WuicClientException, l as WuicErrorCodes, G as GlobalHandler, f as DataProviderService, C as ChatbotHostRegistryService, b as DataSourceComponent, j as MetadataEditorComponent } from './wuic-framework-lib-wuic-framework-lib-3TZ-j-yL.mjs';
+import { W as WtoolboxService, M as MetadataProviderService, f as ParametricDialogComponent, m as WuicClientException, n as WuicErrorCodes, G as GlobalHandler, h as DataProviderService, C as ChatbotHostRegistryService, b as DataSourceComponent, l as MetadataEditorComponent } from './wuic-framework-lib-wuic-framework-lib-dfLTqam5.mjs';
 
 class WorkflowDesignerLayoutHelper {
     /**
@@ -106,7 +106,7 @@ class WorkflowDesignerLayoutHelper {
                 const stack = [{ id: rootId, idx: 0 }];
                 color.set(rootId, 1);
                 while (stack.length) {
-                    const frame = stack[stack.length - 1];
+                    const frame = stack.at(-1);
                     const targets = outgoing.get(frame.id) || [];
                     if (frame.idx >= targets.length) {
                         color.set(frame.id, 2);
@@ -419,7 +419,7 @@ class WorkflowDesignerLayoutHelper {
             const actionId = String(node.id || '');
             const explicitRouteId = String(node?.workflowRouteNodeId || '').trim();
             const incomingSourceId = resolveIncomingSourceId(actionId);
-            const fallbackRouteId = incomingSourceId && String(nodeById.get(incomingSourceId)?.workflowType || '') === 'route'
+            const fallbackRouteId = incomingSourceId && String((nodeById.get(incomingSourceId))?.workflowType || '') === 'route'
                 ? incomingSourceId
                 : '';
             const routeId = explicitRouteId || fallbackRouteId;
@@ -870,10 +870,12 @@ function lintWorkflowGraph(ctx) {
         }
         if (type === 'timer') {
             const cfg = n?.workflowTimerConfig || null;
+            const duration = Number(cfg?.duration_minutes);
             const incomplete = !cfg
                 || !String(cfg.state_value || '').trim()
                 || !String(cfg.reference_date_field || '').trim()
-                || !(Number(cfg.duration_minutes) > 0);
+                || Number.isNaN(duration)
+                || duration <= 0;
             if (incomplete) {
                 findings.push({
                     severity: 'error', code: 'WF-E06', nodeId: id,
@@ -916,7 +918,7 @@ function lintWorkflowGraph(ctx) {
     // WF-W06 — permessi transizione che citano ruoli inesistenti.
     if (ctx.knownRoleIds) {
         (ctx.connections || []).forEach((c) => {
-            const permission = String(c?.workflowTransition?.permission || '').trim();
+            const permission = String((c)?.workflowTransition?.permission || '').trim();
             if (!permission) {
                 return;
             }
@@ -925,7 +927,7 @@ function lintWorkflowGraph(ctx) {
                 const roleId = Number(m.slice('role:'.length));
                 if (Number.isFinite(roleId) && roleId > 0 && !ctx.knownRoleIds.has(roleId)) {
                     findings.push({
-                        severity: 'warn', code: 'WF-W06', connectionId: String(c?.id || ''),
+                        severity: 'warn', code: 'WF-W06', connectionId: String((c)?.id || ''),
                         message: t('workflow.lint.w06_unknown_role', 'Permesso di transizione con ruolo inesistente') + `: role:${roleId}`
                     });
                 }
@@ -933,9 +935,12 @@ function lintWorkflowGraph(ctx) {
         });
     }
     // Errori prima dei warn, poi per codice (elenco stabile e scansionabile).
-    return findings.sort((a, b) => (a.severity === b.severity
-        ? a.code.localeCompare(b.code)
-        : (a.severity === 'error' ? -1 : 1)));
+    return findings.sort((a, b) => {
+        if (a.severity === b.severity) {
+            return a.code.localeCompare(b.code);
+        }
+        return a.severity === 'error' ? -1 : 1;
+    });
 }
 
 /**
@@ -1420,8 +1425,7 @@ class WorkflowDesignerNodeComponent {
             for (let i = 1; i <= n; i++) {
                 points.push([100, (i * 100) / (n + 1)]);
             }
-            points.push([50, 100]);
-            points.push([0, 50]);
+            points.push([50, 100], [0, 50]);
             return { width, titlePadX: 12, titleInsetX: 28, path: this.polygonPath(points, width, this.effectiveHeight), kind: 'switch' };
         }
         if (type === 'parallel_split' || type === 'parallel_join') {
@@ -1558,7 +1562,7 @@ class WorkflowDesignerNodeComponent {
             lines.splice(maxLines);
         }
         if (lines.length === maxLines) {
-            const consumed = lines.join(' ').replace(/\u2026/g, '').length;
+            const consumed = lines.join(' ').replaceAll(/\u2026/g, '').length;
             if (raw.length > consumed && !lines[maxLines - 1].endsWith('…')) {
                 lines[maxLines - 1] = lines[maxLines - 1].slice(0, Math.max(1, maxCharsPerLine - 1)).trimEnd() + '…';
             }
@@ -1579,7 +1583,7 @@ class WorkflowDesignerNodeComponent {
         return value.slice(0, Math.max(1, limit - 1)) + '…';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: WorkflowDesignerNodeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: WorkflowDesignerNodeComponent, isStandalone: true, selector: "wuic-workflow-designer-node", inputs: { data: "data", emit: "emit", rendered: "rendered" }, host: { attributes: { "data-testid": "node" }, properties: { "style.width.px": "this.width", "style.height.px": "this.height", "class.selected": "this.selected", "attr.data-wf-node-type": "this.nodeType", "attr.data-wf-action-scope": "this.actionScope", "attr.data-wf-action-type": "this.actionType", "style.--wf-node-accent": "this.accentColor", "style.--wf-node-bg": "this.backgroundColor" } }, usesOnChanges: true, ngImport: i0, template: "<svg class=\"wf-shape-layer\" [attr.viewBox]=\"svgViewBox\" aria-hidden=\"true\">\n  <path class=\"wf-shape-fill\" [attr.d]=\"shapePath\"></path>\n  <rect class=\"wf-shape-title-band\" [attr.x]=\"titleBandX\" y=\"2\" [attr.width]=\"titleBandWidth\" [attr.height]=\"titleBandHeight\" rx=\"5\" ry=\"5\"></rect>\n  <text class=\"wf-shape-title-text\" [attr.x]=\"titleTextX\" [attr.y]=\"titleTextY\">\n    @for (line of titleLines; track $index; let i = $index) {\n      <tspan [attr.x]=\"titleTextX\" [attr.dy]=\"i === 0 ? 0 : titleLineDy\">{{ line }}</tspan>\n    }\n  </text>\n  <path class=\"wf-shape-stroke\" [attr.d]=\"shapePath\" [attr.stroke-dasharray]=\"dashedStroke\"></path>\n</svg>\n\n<!-- Overlay TRASPARENTE per il tooltip: l'`.wf-shape-layer` ha\n     pointer-events:none (serve al drag di rete), quindi il hover reale non lo\n     raggiunge. Questo target riempie il nodo con pointer-events:auto: il\n     mouseenter arriva a pTooltip; pointerdown/contextmenu BOLLONO all'host\n     (drag + context menu invariati); i socket sono DOPO nel DOM (stacking piu'\n     alto) quindi restano cliccabili. -->\n<div class=\"wf-node-hover-target\"\n  [pTooltip]=\"tooltipHtml\" [escape]=\"false\" tooltipPosition=\"top\"\n  [tooltipDisabled]=\"!tooltipHtml\" [showDelay]=\"250\" tooltipStyleClass=\"wf-node-tooltip\"></div>\n\n<!-- SOCKET/CONTROL: `@for` con track per KEY (chiave stabile del socket). La\n     pipe impura `keyvalueimpure` restituisce un nuovo array a ogni CD; tracciare\n     per key fa RIUSARE le view invece di ricrearle (niente warning NG0956).\n     rete-angular-plugin e' costruito sul ciclo mount/unmount del RefDirective\n     (emit('render')/emit('unmount')) e senza guardia crasherebbe in teardown\n     con \"this.emit is not a function\": la guardia idempotente nel .ts del\n     componente (RefDirective.prototype) tollera quei momenti. -->\n@for (output of data.outputs | keyvalueimpure: sortByIndex; track output.key) {\n  <!-- Switch: socket posizionato inline sul VERTICE del poligono (ngStyle null\n       per gli altri tipi = CSS default) + tooltip nativo con la condizione. -->\n  <div class=\"wf-output\" [attr.data-testid]=\"'output-'+output.key\" [attr.data-wf-output-key]=\"output.key\"\n    [ngStyle]=\"switchOutputStyle(output.key)\" [attr.title]=\"switchOutputTitle(output.key)\">\n    <div class=\"wf-output-title\" data-testid=\"output-title\">{{ output.value?.label }}</div>\n    <div\n      class=\"wf-output-socket\"\n      refComponent\n      [data]=\"{type: 'socket', side: 'output', key: output.key, nodeId: data.id, payload: output.value?.socket, seed: seed }\"\n      [emit]=\"emit\"\n      data-testid=\"output-socket\">\n    </div>\n  </div>\n}\n\n@for (control of data.controls | keyvalueimpure: sortByIndex; track control.key) {\n  <div\n    class=\"wf-control\"\n    refComponent\n    [data]=\"{type: 'control', payload: control.value }\"\n    [emit]=\"emit\"\n    [attr.data-testid]=\"'control-'+control.key\">\n  </div>\n}\n\n@for (input of data.inputs | keyvalueimpure: sortByIndex; track input.key) {\n  <div class=\"wf-input\" [attr.data-testid]=\"'input-'+input.key\">\n    <div\n      class=\"wf-input-socket\"\n      refComponent\n      [data]=\"{type: 'socket', side: 'input', key: input.key, nodeId: data.id, payload: input.value?.socket, seed: seed }\"\n      [emit]=\"emit\"\n      data-testid=\"input-socket\">\n    </div>\n    @if (!input.value?.control || !input.value?.showControl) {\n      <div class=\"wf-input-title\" data-testid=\"input-title\">{{ input.value?.label }}</div>\n    }\n    <div\n      class=\"wf-input-control\"\n      [style.display]=\"input.value?.control && input.value?.showControl ? '' : 'none'\"\n      refComponent\n      [data]=\"{type: 'control', payload: input.value?.control }\"\n      [emit]=\"emit\"\n      data-testid=\"input-control\">\n    </div>\n  </div>\n}\n", styles: [":host{display:block;box-sizing:border-box;min-height:92px;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:initial;font-family:Arial,sans-serif;position:relative;overflow:visible;color:#0f172a}.wf-shape-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.wf-shape-fill{fill:var(--wf-node-bg, #f8fafc)}.wf-shape-stroke{fill:none;stroke:var(--wf-node-accent, #475569);stroke-width:2.2;vector-effect:non-scaling-stroke}.wf-shape-title-band{fill:var(--wf-node-accent, #475569)}.wf-shape-title-text{fill:#fff;font-size:12px;font-weight:700;font-family:Arial,sans-serif;dominant-baseline:hanging;text-anchor:start}:host.selected{filter:drop-shadow(0 0 .35rem color-mix(in srgb,var(--wf-node-accent, #475569) 42%,transparent))}:host>*{position:relative;z-index:1}.wf-output{position:absolute;top:50%;right:0;transform:translate(50%,-50%);width:0;height:0;display:flex;align-items:center;justify-content:center;z-index:2}.wf-input{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:0;height:0;display:flex;align-items:center;justify-content:center;z-index:2}:host[data-wf-node-type=action][data-wf-action-type=\"0\"] .wf-input{left:10%}.wf-input-title,.wf-output-title{display:none}.wf-output-socket{line-height:0;vertical-align:top;margin-right:0;display:block}.wf-input-socket{line-height:0;vertical-align:top;margin-left:0;display:block}.wf-input-control{z-index:1;width:calc(100% - 36px);vertical-align:middle;display:inline-block}.wf-control{padding:6px 18px}:host[data-wf-node-type=condition] .wf-output[data-wf-output-key=true]{inset:50% 0 auto auto;transform:translate(50%,-50%)}:host[data-wf-node-type=condition] .wf-output[data-wf-output-key=false]{inset:auto auto 0 50%;transform:translate(-50%,50%)}:host[data-wf-node-type=condition] .wf-output-title{display:block;position:absolute;white-space:nowrap;font-size:9px;font-weight:700;letter-spacing:.3px;color:var(--wf-node-accent, #0f766e);pointer-events:none}:host[data-wf-node-type=condition] .wf-output[data-wf-output-key=true] .wf-output-title{right:12px;top:50%;transform:translateY(-50%)}:host[data-wf-node-type=condition] .wf-output[data-wf-output-key=false] .wf-output-title{bottom:10px;left:50%;transform:translate(-50%)}:host[data-wf-node-type=switch] .wf-output-title{display:block;position:absolute;white-space:nowrap;font-size:9px;font-weight:700;letter-spacing:.3px;color:var(--wf-node-accent, #4338ca);pointer-events:none;right:14px;top:50%;transform:translateY(-50%)}:host[data-wf-node-type=switch] .wf-output[data-wf-output-key=else] .wf-output-title{inset:auto auto 12px 50%;transform:translate(-50%)}.wf-node-hover-target{position:absolute;inset:0;z-index:0;pointer-events:auto;background:transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RefDirective, selector: "[refComponent]", inputs: ["data", "emit"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "pipe", type: ImpureKeyvaluePipe, name: "keyvalueimpure" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: WorkflowDesignerNodeComponent, isStandalone: true, selector: "wuic-workflow-designer-node", inputs: { data: "data", emit: "emit", rendered: "rendered" }, host: { attributes: { "data-testid": "node" }, properties: { "style.width.px": "this.width", "style.height.px": "this.height", "class.selected": "this.selected", "attr.data-wf-node-type": "this.nodeType", "attr.data-wf-action-scope": "this.actionScope", "attr.data-wf-action-type": "this.actionType", "style.--wf-node-accent": "this.accentColor", "style.--wf-node-bg": "this.backgroundColor" } }, usesOnChanges: true, ngImport: i0, template: "<svg class=\"wf-shape-layer\" [attr.viewBox]=\"svgViewBox\" aria-hidden=\"true\">\n  <path class=\"wf-shape-fill\" [attr.d]=\"shapePath\"></path>\n  <rect class=\"wf-shape-title-band\" [attr.x]=\"titleBandX\" y=\"2\" [attr.width]=\"titleBandWidth\" [attr.height]=\"titleBandHeight\" rx=\"5\" ry=\"5\"></rect>\n  <text class=\"wf-shape-title-text\" [attr.x]=\"titleTextX\" [attr.y]=\"titleTextY\">\n    @for (line of titleLines; track $index; let i = $index) {\n      <tspan [attr.x]=\"titleTextX\" [attr.dy]=\"i === 0 ? 0 : titleLineDy\">{{ line }}</tspan>\n    }\n  </text>\n  <path class=\"wf-shape-stroke\" [attr.d]=\"shapePath\" [attr.stroke-dasharray]=\"dashedStroke\"></path>\n</svg>\n\n<!-- Overlay TRASPARENTE per il tooltip: l'`.wf-shape-layer` ha\n     pointer-events:none (serve al drag di rete), quindi il hover reale non lo\n     raggiunge. Questo target riempie il nodo con pointer-events:auto: il\n     mouseenter arriva a pTooltip; pointerdown/contextmenu BOLLONO all'host\n     (drag + context menu invariati); i socket sono DOPO nel DOM (stacking piu'\n     alto) quindi restano cliccabili. -->\n<div class=\"wf-node-hover-target\"\n  [pTooltip]=\"tooltipHtml\" [escape]=\"false\" tooltipPosition=\"top\"\n  [tooltipDisabled]=\"!tooltipHtml\" [showDelay]=\"250\" tooltipStyleClass=\"wf-node-tooltip\"></div>\n\n<!-- SOCKET/CONTROL: `@for` con track per KEY (chiave stabile del socket). La\n     pipe impura `keyvalueimpure` restituisce un nuovo array a ogni CD; tracciare\n     per key fa RIUSARE le view invece di ricrearle (niente warning NG0956).\n     rete-angular-plugin e' costruito sul ciclo mount/unmount del RefDirective\n     (emit('render')/emit('unmount')) e senza guardia crasherebbe in teardown\n     con \"this.emit is not a function\": la guardia idempotente nel .ts del\n     componente (RefDirective.prototype) tollera quei momenti. -->\n@for (output of data.outputs | keyvalueimpure: sortByIndex; track output.key) {\n  <!-- Switch: socket posizionato inline sul VERTICE del poligono (ngStyle null\n       per gli altri tipi = CSS default) + tooltip nativo con la condizione. -->\n  <div class=\"wf-output\" [attr.data-testid]=\"'output-'+output.key\" [attr.data-wf-output-key]=\"output.key\"\n    [ngStyle]=\"switchOutputStyle(output.key)\" [attr.title]=\"switchOutputTitle(output.key)\">\n    <div class=\"wf-output-title\" data-testid=\"output-title\">{{ output.value?.label }}</div>\n    <div\n      class=\"wf-output-socket\"\n      refComponent\n      [data]=\"{type: 'socket', side: 'output', key: output.key, nodeId: data.id, payload: output.value?.socket, seed: seed }\"\n      [emit]=\"emit\"\n      data-testid=\"output-socket\">\n    </div>\n  </div>\n}\n\n@for (control of data.controls | keyvalueimpure: sortByIndex; track control.key) {\n  <div\n    class=\"wf-control\"\n    refComponent\n    [data]=\"{type: 'control', payload: control.value }\"\n    [emit]=\"emit\"\n    [attr.data-testid]=\"'control-'+control.key\">\n  </div>\n}\n\n@for (input of data.inputs | keyvalueimpure: sortByIndex; track input.key) {\n  <div class=\"wf-input\" [attr.data-testid]=\"'input-'+input.key\">\n    <div\n      class=\"wf-input-socket\"\n      refComponent\n      [data]=\"{type: 'socket', side: 'input', key: input.key, nodeId: data.id, payload: input.value?.socket, seed: seed }\"\n      [emit]=\"emit\"\n      data-testid=\"input-socket\">\n    </div>\n    @if (!input.value?.control || !input.value?.showControl) {\n      <div class=\"wf-input-title\" data-testid=\"input-title\">{{ input.value?.label }}</div>\n    }\n    <div\n      class=\"wf-input-control\"\n      [style.display]=\"input.value?.control && input.value?.showControl ? '' : 'none'\"\n      refComponent\n      [data]=\"{type: 'control', payload: input.value?.control }\"\n      [emit]=\"emit\"\n      data-testid=\"input-control\">\n    </div>\n  </div>\n}\n", styles: [":host{display:block;box-sizing:border-box;min-height:92px;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:initial;font-family:Arial,sans-serif;position:relative;overflow:visible;color:#0f172a}.wf-shape-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.wf-shape-fill{fill:var(--wf-node-bg, #f8fafc)}.wf-shape-stroke{fill:none;stroke:var(--wf-node-accent, #475569);stroke-width:2.2;vector-effect:non-scaling-stroke}.wf-shape-title-band{fill:var(--wf-node-accent, #475569)}.wf-shape-title-text{fill:#fff;font-size:12px;font-weight:700;font-family:Arial,sans-serif;dominant-baseline:hanging;text-anchor:start}:host.selected{filter:drop-shadow(0 0 .35rem color-mix(in srgb,var(--wf-node-accent, #475569) 42%,transparent))}:host>*{position:relative;z-index:1}.wf-output{position:absolute;top:50%;right:0;transform:translate(50%,-50%);width:0;height:0;display:flex;align-items:center;justify-content:center;z-index:2}.wf-input{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:0;height:0;display:flex;align-items:center;justify-content:center;z-index:2}:host[data-wf-node-type=action][data-wf-action-type=\"0\"] .wf-input{left:10%}.wf-input-title,.wf-output-title{display:none}.wf-output-socket{line-height:0;vertical-align:top;margin-right:0;display:block}.wf-input-socket{line-height:0;vertical-align:top;margin-left:0;display:block}.wf-input-control{z-index:1;width:calc(100% - 36px);vertical-align:middle;display:inline-block}.wf-control{padding:6px 18px}:host[data-wf-node-type=condition] .wf-output[data-wf-output-key=true]{inset:50% 0 auto auto;transform:translate(50%,-50%)}:host[data-wf-node-type=condition] .wf-output[data-wf-output-key=false]{inset:auto auto 0 50%;transform:translate(-50%,50%)}:host[data-wf-node-type=condition] .wf-output-title{display:block;position:absolute;white-space:nowrap;font-size:9px;font-weight:700;letter-spacing:.3px;color:var(--wf-node-accent, #0f766e);pointer-events:none}:host[data-wf-node-type=condition] .wf-output[data-wf-output-key=true] .wf-output-title{right:12px;top:50%;transform:translateY(-50%)}:host[data-wf-node-type=condition] .wf-output[data-wf-output-key=false] .wf-output-title{bottom:10px;left:50%;transform:translate(-50%)}:host[data-wf-node-type=switch] .wf-output-title{display:block;position:absolute;white-space:nowrap;font-size:9px;font-weight:700;letter-spacing:.3px;color:var(--wf-node-accent, #4338ca);pointer-events:none;right:14px;top:50%;transform:translateY(-50%)}:host[data-wf-node-type=switch] .wf-output[data-wf-output-key=else] .wf-output-title{inset:auto auto 12px 50%;transform:translate(-50%)}.wf-node-hover-target{position:absolute;inset:0;z-index:0;pointer-events:auto;background:transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RefDirective, selector: "[refComponent]", inputs: ["data", "emit"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i7.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "pipe", type: ImpureKeyvaluePipe, name: "keyvalueimpure" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: WorkflowDesignerNodeComponent, decorators: [{
             type: Component,
@@ -1915,7 +1919,9 @@ class WorkflowDesignerComponent {
         // (mirror DataSourceComponent.ngOnInit, vedi commento in data-source.component.ts
         // 2026-05-25 sul perche' window.ng.getComponent non e' affidabile in prod).
         try {
-            (this.hostElementRef?.nativeElement).__wuicCmp = this;
+            if (this.hostElementRef?.nativeElement) {
+                this.hostElementRef.nativeElement.__wuicCmp = this;
+            }
         }
         catch { /* defensive */ }
         const canvas = this.workflowCanvasRef?.nativeElement;
@@ -1997,7 +2003,9 @@ class WorkflowDesignerComponent {
      */
     ngOnDestroy() {
         try {
-            delete (this.hostElementRef?.nativeElement).__wuicCmp;
+            if (this.hostElementRef?.nativeElement) {
+                delete this.hostElementRef.nativeElement.__wuicCmp;
+            }
         }
         catch { /* defensive */ }
         // Deregistra handler/state provider chatbot: il prossimo mount registrera'
@@ -2377,9 +2385,10 @@ class WorkflowDesignerComponent {
         // integra le action fresche appena caricate dal datasource prima di
         // applicare l'overlay — altrimenti il click "Metadata action" era un no-op.
         if (metadataTargetType === 'table_action') {
-            const bundleActions = Array.isArray(bundle.tableActions)
-                ? bundle.tableActions
-                : (bundle.tableActions = []);
+            if (!Array.isArray(bundle.tableActions)) {
+                bundle.tableActions = [];
+            }
+            const bundleActions = bundle.tableActions;
             if (!bundleActions.some((x) => Number(x?.Id) === metadataTargetId)) {
                 const fresh = this.sanitizeForSerialization(this.routeMetadataDs.metaInfo?.tableMetadata?._Metadati_Custom_Actions_Tabelles || []) || [];
                 fresh.forEach((fa) => {
@@ -2553,14 +2562,14 @@ class WorkflowDesignerComponent {
         const menus = this.normalizeStartMenuItems(startNode.workflowStartMenus || []);
         const parsedMmId = Number(normalizedData?.mm_id ?? normalizedOriginal?.mm_id ?? ctx.menuId ?? 0);
         const mmId = Number.isFinite(parsedMmId) && parsedMmId !== 0 ? parsedMmId : this.nextLocalMenuId(menus);
-        const merged = Object.assign({}, normalizedOriginal || {}, normalizedData || {}, { mm_id: mmId });
+        const merged = { ...normalizedOriginal, ...normalizedData, mm_id: mmId };
         const normalizedMenu = this.normalizeStartMenuItems([merged])[0];
         if (!normalizedMenu) {
             return false;
         }
         const idx = menus.findIndex((x) => Number(x.mm_id) === Number(mmId));
         if (idx >= 0) {
-            menus[idx] = Object.assign({}, menus[idx], normalizedMenu);
+            menus[idx] = { ...menus[idx], ...normalizedMenu };
         }
         else {
             menus.push(normalizedMenu);
@@ -3501,13 +3510,16 @@ class WorkflowDesignerComponent {
         const y = Number.isFinite(Number(spec?.y)) ? Number(spec.y) : fallbackY;
         // routeConfig veicola anche conditionExpression/switchConfig: createNode li
         // legge da qui (cast `as any` gia' fatto internamente da createNode).
-        const routeConfig = type === 'route'
-            ? { routeName: String(spec?.route || '').trim(), action: String(spec?.action || '').trim() || 'list' }
-            : (type === 'condition'
-                ? { routeName: '', action: '', conditionExpression: String(spec?.conditionExpression || '') }
-                : (type === 'switch'
-                    ? { routeName: '', action: '', switchConfig: spec?.switchConfig || null }
-                    : undefined));
+        let routeConfig;
+        if (type === 'route') {
+            routeConfig = { routeName: String(spec?.route || '').trim(), action: String(spec?.action || '').trim() || 'list' };
+        }
+        else if (type === 'condition') {
+            routeConfig = { routeName: '', action: '', conditionExpression: String(spec?.conditionExpression || '') };
+        }
+        else if (type === 'switch') {
+            routeConfig = { routeName: '', action: '', switchConfig: spec?.switchConfig || null };
+        }
         const actionType = type === 'action' ? (this.getActionTypeById(Number(spec?.actionTypeId ?? 1)) || undefined) : undefined;
         const actionScope = type === 'action' ? (this.getActionScopeById(Number(spec?.actionScopeId ?? 0)) || undefined) : undefined;
         const node = await this.addNodeByType(type, x, y, routeConfig, actionType || undefined, actionScope || undefined, undefined, false);
@@ -3535,7 +3547,7 @@ class WorkflowDesignerComponent {
         if (!key) {
             return null;
         }
-        if (localMap && localMap.has(key)) {
+        if (localMap?.has(key)) {
             return localMap.get(key) || null;
         }
         const byId = this.getNodeById(key);
@@ -3780,11 +3792,12 @@ class WorkflowDesignerComponent {
                 node.workflowRouteSourceType = sourceType;
                 node.workflowDashboardBoardcontent = sourceType === 'dashboard' ? dashboardBoardcontent : '';
                 const restoredDashboardDatasources = this.sanitizeForSerialization(routeConfig?.dashboardDatasources || []) || [];
-                const dashboardDatasources = sourceType === 'dashboard'
-                    ? (restoredDashboardDatasources.length
+                let dashboardDatasources = [];
+                if (sourceType === 'dashboard') {
+                    dashboardDatasources = restoredDashboardDatasources.length
                         ? restoredDashboardDatasources
-                        : this.extractDashboardDatasourceMetadata(dashboardBoardcontent))
-                    : [];
+                        : this.extractDashboardDatasourceMetadata(dashboardBoardcontent);
+                }
                 node.workflowDashboardDatasources = dashboardDatasources;
                 node.workflowRouteMetadataBundle = routeMetadata
                     || (dashboardDatasources[0]?.metadataBundle || null);
@@ -3996,7 +4009,8 @@ class WorkflowDesignerComponent {
             const uriKey = uri.toLowerCase();
             const alreadyCovered = menus.some((menu) => {
                 const raw = String(menu?.mm_uri_menu || '').trim();
-                const normalized = (raw.startsWith('#/') ? raw.substring(1) : (raw.startsWith('/') ? raw : '/' + raw)).toLowerCase();
+                const withLeadingSlash = raw.startsWith('/') ? raw : '/' + raw;
+                const normalized = (raw.startsWith('#/') ? raw.substring(1) : withLeadingSlash).toLowerCase();
                 return normalized === uriKey;
             });
             if (alreadyCovered) {
@@ -4356,9 +4370,9 @@ class WorkflowDesignerComponent {
             return NaN;
         }
         const normalized = input
-            .replace(/_/g, '.')
-            .replace(/\s+/g, '.')
-            .replace(/-+/g, '.');
+            .replaceAll('_', '.')
+            .replaceAll(/\s+/g, '.')
+            .replaceAll(/-+/g, '.');
         const byNeedle = new Map([
             ['navigation', 0],
             ['method.call', 1],
@@ -4402,7 +4416,8 @@ class WorkflowDesignerComponent {
             if (!cfg || !Number.isFinite(minutes) || minutes <= 0) {
                 return 'Timer (da configurare)';
             }
-            const human = minutes % 1440 === 0 ? `${minutes / 1440}g` : (minutes % 60 === 0 ? `${minutes / 60}h` : `${minutes}m`);
+            const hoursOrMinutes = minutes % 60 === 0 ? `${minutes / 60}h` : `${minutes}m`;
+            const human = minutes % 1440 === 0 ? `${minutes / 1440}g` : hoursOrMinutes;
             return `Timer ${human} · ${String(cfg.state_value || '')}`;
         }
         if (type === 'parallel_split') {
@@ -4488,7 +4503,7 @@ class WorkflowDesignerComponent {
         if (this.roleNamesById.size > 0) {
             return Promise.resolve();
         }
-        if (this.roleNamesLoading) {
+        if (this.roleNamesLoading !== null) {
             return this.roleNamesLoading;
         }
         this.roleNamesLoading = (async () => {
@@ -4539,7 +4554,7 @@ class WorkflowDesignerComponent {
         if (this.userDirectory.size > 0) {
             return Promise.resolve();
         }
-        if (this.userDirectoryLoading) {
+        if (this.userDirectoryLoading !== null) {
             return this.userDirectoryLoading;
         }
         this.userDirectoryLoading = (async () => {
@@ -4674,7 +4689,7 @@ class WorkflowDesignerComponent {
             : undefined;
         const flag = this.tooltipPermFlag(rowUser, ['muat_view', 'muatview'])
             ?? this.tooltipPermFlag(rowRole, ['muat_view', 'muatview']);
-        return flag === null || flag === undefined ? grantByDefault : flag;
+        return flag ?? grantByDefault;
     }
     /**
      * La permission di transizione (`grant:...`/`deny:...`/legacy) ammette il
@@ -4796,7 +4811,7 @@ class WorkflowDesignerComponent {
     /** HTML-escape minimale per il contenuto tooltip (pTooltip con escape=false). */
     escapeTooltip(text) {
         return String(text ?? '')
-            .replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+            .replaceAll('&', '&amp;').replaceAll('<', '&lt;').replaceAll('>', '&gt;');
     }
     /** Legge un flag tri-state (true/false/null) da una riga permesso. */
     tooltipPermFlag(row, keys) {
@@ -4827,7 +4842,7 @@ class WorkflowDesignerComponent {
      * evento derivato. '' se la connessione non ha nulla di rilevante.
      */
     computeConnectionTooltip(conn) {
-        const t = conn?.workflowTransition || {};
+        const t = (conn)?.workflowTransition || {};
         const permission = String(t.permission || '').trim();
         const guard = String(t.guard || '').trim();
         const event = String(t.event || '').trim();
@@ -4880,7 +4895,8 @@ class WorkflowDesignerComponent {
             th: 'text-align:left;font-weight:600;color:#94a3b8;padding:1px 6px 1px 0;border-bottom:1px solid #334155',
             td: 'padding:1px 6px 1px 0;color:#e2e8f0;white-space:nowrap'
         };
-        const header = `<b>Start</b>${caption ? ` <span style="color:#93c5fd">${esc(caption)}</span>` : ''}`;
+        const captionHtml = caption ? ` <span style="color:#93c5fd">${esc(caption)}</span>` : '';
+        const header = `<b>Start</b>${captionHtml}`;
         if (!menus.length) {
             return `<div style="min-width:220px"><div style="font-size:12px">${header}</div>Nessuna voce di menu</div>`;
         }
@@ -4894,9 +4910,14 @@ class WorkflowDesignerComponent {
             const authParts = auths.map((a) => {
                 const userId = Number(a?.utenteid || 0);
                 const roleId = Number(a?.ruoloid || 0);
-                const who = userId > 0
-                    ? (this.userDirectory.get(String(userId))?.username || `Utente ${userId}`) + (roleId > 0 ? ` (${esc(this.roleLabel(roleId))})` : '')
-                    : (roleId > 0 ? this.roleLabel(roleId) : 'Tutti');
+                let who;
+                if (userId > 0) {
+                    const roleSuffix = roleId > 0 ? ` (${esc(this.roleLabel(roleId))})` : '';
+                    who = (this.userDirectory.get(String(userId))?.username || `Utente ${userId}`) + roleSuffix;
+                }
+                else {
+                    who = roleId > 0 ? this.roleLabel(roleId) : 'Tutti';
+                }
                 const allowed = Number(a?.muamview || 0) === 1;
                 return `${esc(who)} <span style="color:${allowed ? '#4ade80' : '#f87171'}">${allowed ? '✓' : '✗'}</span>`;
             });
@@ -4932,8 +4953,7 @@ class WorkflowDesignerComponent {
         if (type === 'action') {
             const caption = this.resolveActionButtonCaption(node);
             const typeLabel = this.getActionTypeVisualLabel(Number(node.workflowActionTypeId), String(node.workflowActionType || ''));
-            lines.push(`<b>${esc(caption || typeLabel)}</b>`);
-            lines.push(`Tipo: ${esc(typeLabel)}`);
+            lines.push(`<b>${esc(caption || typeLabel)}</b>`, `Tipo: ${esc(typeLabel)}`);
             return lines.join('<br>');
         }
         if (type === 'start') {
@@ -4974,7 +4994,10 @@ class WorkflowDesignerComponent {
             };
             const row = (k, v) => `<tr><th style="${S.th}">${k}</th><td style="${S.td}">${esc2(v)}</td></tr>`;
             const branches = (Array.isArray(cfg.branches) ? cfg.branches : [])
-                .map((b, i) => row(`Task ${i + 1}`, `${b?.caption || ''}${b?.assignee_user_id ? ` → utente ${b.assignee_user_id}` : ''}`))
+                .map((b, i) => {
+                const assigneeSuffix = b?.assignee_user_id ? ` → utente ${b.assignee_user_id}` : '';
+                return row(`Task ${i + 1}`, `${b?.caption || ''}${assigneeSuffix}`);
+            })
                 .join('');
             return `<div style="min-width:220px"><div style="font-size:12px;margin-bottom:2px"><b>Split ∥ — task paralleli</b></div>`
                 + `<table style="${S.table}"><tbody>`
@@ -5027,9 +5050,15 @@ class WorkflowDesignerComponent {
             td: 'padding:1px 6px 1px 0;color:#e2e8f0;white-space:nowrap',
             tdc: 'text-align:center;padding:1px 5px'
         };
-        const cell = (v) => v === true
-            ? `<td style="${S.tdc};color:#4ade80">✓</td>`
-            : (v === false ? `<td style="${S.tdc};color:#f87171">✗</td>` : `<td style="${S.tdc};color:#64748b">·</td>`);
+        const cell = (v) => {
+            if (v === true) {
+                return `<td style="${S.tdc};color:#4ade80">✓</td>`;
+            }
+            if (v === false) {
+                return `<td style="${S.tdc};color:#f87171">✗</td>`;
+            }
+            return `<td style="${S.tdc};color:#64748b">·</td>`;
+        };
         // 1) Header: nome tabella/vista/dashboard
         let header;
         if (sourceType === 'dashboard') {
@@ -5038,10 +5067,12 @@ class WorkflowDesignerComponent {
         else {
             const isView = tm.md_is_view === true || tm.md_is_view === 1;
             const isStored = tm.md_is_stored === true || tm.md_is_stored === 1;
-            const kind = isView ? 'Vista' : (isStored ? 'Stored' : 'Tabella');
+            const storedKind = isStored ? 'Stored' : 'Tabella';
+            const kind = isView ? 'Vista' : storedKind;
             const physical = String(tm.md_nome_tabella || route || '').trim();
             const routeSuffix = route && route !== physical ? ` <span style="opacity:.6">(route ${esc(route)})</span>` : '';
-            header = `<b>${kind}</b> <span style="color:#93c5fd">${esc(physical)}</span>${routeSuffix}${action ? ` <span style="opacity:.6">[${esc(action)}]</span>` : ''}`;
+            const actionSuffix = action ? ` <span style="opacity:.6">[${esc(action)}]</span>` : '';
+            header = `<b>${kind}</b> <span style="color:#93c5fd">${esc(physical)}</span>${routeSuffix}${actionSuffix}`;
         }
         const rows = [];
         // 2) Permessi (matrice V/E/I/D + override) — regola grant-by-default
@@ -5052,8 +5083,7 @@ class WorkflowDesignerComponent {
         const denyKeys = ['muat_view', 'muatview', 'muat_edit', 'muatedit', 'muat_insert', 'muatinsert', 'muat_delete', 'muatdelete', 'muac_view', 'muacview', 'muac_editable', 'muaceditable'];
         const hasAnyDeny = allPerms.some((p) => denyKeys.some((k) => this.tooltipPermFlag(p, [k]) === false));
         if (allPerms.length && ((grantByDefault && hasAnyDeny) || !grantByDefault)) {
-            rows.push(`<tr><td colspan="6" style="${S.sect}">Permessi <span style="font-weight:400;opacity:.6">(${grantByDefault ? 'grant-by-default' : 'deny-by-default'})</span></td></tr>`);
-            rows.push(`<tr><th style="${S.th}">Chi</th><th style="${S.thc}">V</th><th style="${S.thc}">E</th><th style="${S.thc}">I</th><th style="${S.thc}">D</th><th style="${S.th}">Extra</th></tr>`);
+            rows.push(`<tr><td colspan="6" style="${S.sect}">Permessi <span style="font-weight:400;opacity:.6">(${grantByDefault ? 'grant-by-default' : 'deny-by-default'})</span></td></tr>`, `<tr><th style="${S.th}">Chi</th><th style="${S.thc}">V</th><th style="${S.thc}">E</th><th style="${S.thc}">I</th><th style="${S.thc}">D</th><th style="${S.th}">Extra</th></tr>`);
             tablePerms.forEach((p) => {
                 const extra = this.tooltipPermFlag(p, ['muat_override_record_restriction', 'muatoverriderecordrestriction']) === true
                     ? '<span style="color:#fbbf24">override-restriction</span>' : '';
@@ -5095,8 +5125,7 @@ class WorkflowDesignerComponent {
         const tableStyles = Array.isArray(bundle.tableStyles) ? bundle.tableStyles : [];
         const colStyles = Array.isArray(bundle.columnStyles) ? bundle.columnStyles : [];
         if (tableStyles.length || colStyles.length) {
-            rows.push(`<tr><td colspan="6" style="${S.sect}">Stili</td></tr>`);
-            rows.push(`<tr><td colspan="6" style="${S.td}">${tableStyles.length} tabella, ${colStyles.length} colonna</td></tr>`);
+            rows.push(`<tr><td colspan="6" style="${S.sect}">Stili</td></tr>`, `<tr><td colspan="6" style="${S.td}">${tableStyles.length} tabella, ${colStyles.length} colonna</td></tr>`);
         }
         const body = rows.length ? `<table style="${S.table}"><tbody>${rows.join('')}</tbody></table>` : '';
         return `<div style="min-width:220px"><div style="font-size:12px;margin-bottom:2px">${header}</div>${body}</div>`;
@@ -5125,8 +5154,8 @@ class WorkflowDesignerComponent {
             return fromMap;
         }
         const normalized = String(fallbackDescription || '')
-            .replace(/\.action/gi, '')
-            .replace(/\./g, ' ')
+            .replaceAll(/\.action/gi, '')
+            .replaceAll('.', ' ')
             .trim();
         return normalized || 'action';
     }
@@ -5526,9 +5555,17 @@ class WorkflowDesignerComponent {
             return;
         }
         const action = String(resp?.action?.value ?? 'notify_role').trim();
-        const target = String((action === 'notify_role' ? resp?.target_role?.value
-            : action === 'notify' ? resp?.target_user?.value
-                : resp?.target_state?.value) ?? '').trim();
+        let targetRaw;
+        if (action === 'notify_role') {
+            targetRaw = resp?.target_role?.value;
+        }
+        else if (action === 'notify') {
+            targetRaw = resp?.target_user?.value;
+        }
+        else {
+            targetRaw = resp?.target_state?.value;
+        }
+        const target = String(targetRaw ?? '').trim();
         if (!target) {
             WtoolboxService.messageNotificationService?.add?.({
                 severity: 'error',
@@ -5865,8 +5902,9 @@ class WorkflowDesignerComponent {
         const selectedRoleIds = roles
             .filter((role) => !!resp?.[`role_${role.id}`]?.value)
             .map((role) => role.id);
+        const selectedRolesCsv = selectedRoleIds.map((id) => `role:${id}`).join(',');
         const permission = selectedRoleIds.length
-            ? `${mode}:${selectedRoleIds.map((id) => `role:${id}`).join(',')}`
+            ? `${mode}:${selectedRolesCsv}`
             : '';
         if (!event && !guard && !permission) {
             delete connection.workflowTransition;
@@ -6225,7 +6263,8 @@ class WorkflowDesignerComponent {
         const tokens = (listMatch ? listMatch[2] : value).split(',').map((x) => x.trim()).filter((x) => !!x);
         tokens.forEach((token) => {
             const byPrefix = /^role:(\d+)$/i.exec(token);
-            const id = byPrefix ? Number(byPrefix[1]) : (/^\d+$/.test(token) ? Number(token) : NaN);
+            const numericToken = /^\d+$/.test(token) ? Number(token) : NaN;
+            const id = byPrefix ? Number(byPrefix[1]) : numericToken;
             if (Number.isFinite(id)) {
                 ids.add(id);
                 return;
@@ -6455,8 +6494,8 @@ class WorkflowDesignerComponent {
         }
         const x0 = nums[0];
         const y0 = nums[1];
-        const x1 = nums[nums.length - 2];
-        const y1 = nums[nums.length - 1];
+        const x1 = nums.at(-2);
+        const y1 = nums.at(-1);
         // Back-edge solo se torna indietro in modo significativo (isteresi 24px:
         // evita flip-flop sui collegamenti quasi verticali).
         if (x1 >= x0 - 24) {
@@ -6515,7 +6554,7 @@ class WorkflowDesignerComponent {
             if (!el) {
                 continue;
             }
-            const svg = el.querySelector?.('svg') || el.closest?.('svg');
+            const svg = (el.querySelector?.('svg')) || (el.closest?.('svg'));
             if (!svg) {
                 continue;
             }
@@ -6599,25 +6638,8 @@ class WorkflowDesignerComponent {
      * Variante drag event di risoluzione id nodo (`node-<id>`) dal path DOM.
      */
     getNodeIdFromDragEvent(event) {
-        const path = (event.composedPath?.() || []);
-        for (const target of path) {
-            if (!(target instanceof HTMLElement)) {
-                continue;
-            }
-            const tagName = String(target.tagName || '').toLowerCase();
-            if (tagName.startsWith('node-')) {
-                return tagName.substring(5);
-            }
-        }
-        let element = event.target;
-        while (element) {
-            const tagName = String(element.tagName || '').toLowerCase();
-            if (tagName.startsWith('node-')) {
-                return tagName.substring(5);
-            }
-            element = element.parentElement;
-        }
-        return null;
+        // DragEvent estende MouseEvent: stessa risoluzione `node-<id>` dal path DOM.
+        return this.getNodeIdFromEvent(event);
     }
     /**
      * Apre il popup configurazione route inizializzando i campi
@@ -6790,7 +6812,7 @@ class WorkflowDesignerComponent {
             // `key` e' una chiave i18n (es. 'generic.navigation.action'): il p-select
             // non ha un pipe translate, quindi traduco qui. Fallback humanizzato
             // (rimuove '.action', punti -> spazi) se la traduzione manca.
-            const fallback = key.replace(/\.action$/i, '').replace(/\./g, ' ').trim();
+            const fallback = key.replace(/\.action$/i, '').replaceAll('.', ' ').trim();
             return { label: this.t(key, fallback), value: id };
         })
             .filter((x) => !!x);
@@ -6905,24 +6927,24 @@ class WorkflowDesignerComponent {
             // patch SPEGNENDOLI a runtime. IDRATA dai metadata live della route e
             // riapplica sopra il patch autorato; le collezioni overlay (azioni,
             // permessi, stili, colonne autorate) restano quelle del bundle.
-            const isSlim = !Number.isFinite(Number(existing?.tableMetadata?.md_id));
+            const isSlim = !Number.isFinite(Number((existing)?.tableMetadata?.md_id));
             if (isSlim && serializeFromDatasourceIfMissing && this.routeMetadataDs) {
                 this.routeMetadataDs.hardcodedRoute = route;
                 this.routeMetadataDs.route.next(route);
                 await this.routeMetadataDs.getSchemaAndData(true);
                 const full = this.buildRouteMetadataBundle(route);
                 if (full) {
-                    const existingColumns = Array.isArray(existing.columnMetadata) ? existing.columnMetadata : [];
+                    const existingColumns = Array.isArray((existing).columnMetadata) ? (existing).columnMetadata : [];
                     const hydrated = {
                         ...full,
-                        tableMetadata: { ...(full.tableMetadata || {}), ...((existing.tableMetadata) || {}) },
+                        tableMetadata: { ...(full.tableMetadata), ...(((existing).tableMetadata)) },
                         columnMetadata: existingColumns.length ? existingColumns : (full.columnMetadata || []),
-                        tableActions: existing.tableActions || [],
-                        columnActions: existing.columnActions || [],
-                        tablePermissions: existing.tablePermissions || [],
-                        columnPermissions: existing.columnPermissions || [],
-                        tableStyles: existing.tableStyles || [],
-                        columnStyles: existing.columnStyles || []
+                        tableActions: (existing).tableActions || [],
+                        columnActions: (existing).columnActions || [],
+                        tablePermissions: (existing).tablePermissions || [],
+                        columnPermissions: (existing).columnPermissions || [],
+                        tableStyles: (existing).tableStyles || [],
+                        columnStyles: (existing).columnStyles || []
                     };
                     routeNode.workflowRouteMetadataBundle = this.sanitizeForSerialization(hydrated);
                     return routeNode.workflowRouteMetadataBundle;
@@ -7074,9 +7096,9 @@ class WorkflowDesignerComponent {
     toMetadataSafeName(raw) {
         return String(raw || '')
             .toLowerCase()
-            .replace(/[^a-z0-9_]+/g, '_')
-            .replace(/_+/g, '_')
-            .replace(/^_+|_+$/g, '');
+            .replaceAll(/[^a-z0-9_]+/g, '_')
+            .replaceAll(/_+/g, '_')
+            .replaceAll(/^_+|_+$/g, '');
     }
     /**
      * Attende la disponibilita del `routeMetadataEditor` (render async dialog),
@@ -7291,7 +7313,8 @@ class WorkflowDesignerComponent {
         let versions = [];
         try {
             const res = this.parseMaybeJson(await this.dataSrv.getWorkflowGraphVersions({ user_id: '', graph_key: key }));
-            versions = Array.isArray(res?.versions) ? res.versions : (Array.isArray(res) ? res : []);
+            const resAsList = Array.isArray(res) ? res : [];
+            versions = Array.isArray(res?.versions) ? res.versions : resAsList;
         }
         catch (error) {
             WtoolboxService.errorHandler?.handleError?.(error);
@@ -7382,7 +7405,8 @@ class WorkflowDesignerComponent {
         }
         try {
             const res = this.parseMaybeJson(await this.dataSrv.getWorkflowGraphVersions({ user_id: '', graph_key: graphKey }));
-            const versions = Array.isArray(res?.versions) ? res.versions : (Array.isArray(res) ? res : []);
+            const resAsList = Array.isArray(res) ? res : [];
+            const versions = Array.isArray(res?.versions) ? res.versions : resAsList;
             let max = 0;
             for (const v of versions) {
                 const n = Number(this.pickFirstDefined(v, ['version_no', 'versionno']) ?? 0);
@@ -7401,7 +7425,7 @@ class WorkflowDesignerComponent {
      * usata come candidato `wg_key` per nuovi grafi.
      */
     generateWorkflowKey() {
-        const stamp = new Date().toISOString().replace(/[-:.TZ]/g, '').slice(0, 14);
+        const stamp = new Date().toISOString().replaceAll(/[-:.TZ]/g, '').slice(0, 14);
         const rand = Math.random().toString(36).slice(2, 8);
         return `wf_${stamp}_${rand}`;
     }
@@ -7697,9 +7721,9 @@ class WorkflowDesignerComponent {
             amountField = String(params?.amount_field?.value || '').trim();
         }
         const resolveTokens = (text) => String(text || '')
-            .replace(/\$STATE_FIELD/g, stateField || 'stato')
-            .replace(/\$APPROVED/g, approvedValue || 'APPROVATO')
-            .replace(/\$AMOUNT/g, amountField || 'importo');
+            .replaceAll('$STATE_FIELD', stateField || 'stato')
+            .replaceAll('$APPROVED', approvedValue || 'APPROVATO')
+            .replaceAll('$AMOUNT', amountField || 'importo');
         await this.createNewWorkflow();
         // Istanziazione nodi (lo start riusa quello creato da createNewWorkflow).
         const nodeByKey = new Map();
@@ -7711,9 +7735,14 @@ class WorkflowDesignerComponent {
                 }
                 continue;
             }
-            const routeConfig = spec.type === 'route'
-                ? { routeName: spec.route === '$MAIN' ? mainRoute : String(spec.route || ''), action: String(spec.action || 'list'), sourceType: 'route' }
-                : (spec.type === 'condition' ? { routeName: '', action: '', conditionExpression: resolveTokens(spec.conditionExpression || '') } : undefined);
+            let routeConfig;
+            if (spec.type === 'route') {
+                const routeName = spec.route === '$MAIN' ? mainRoute : String(spec.route || '');
+                routeConfig = { routeName, action: String(spec.action || 'list'), sourceType: 'route' };
+            }
+            else if (spec.type === 'condition') {
+                routeConfig = { routeName: '', action: '', conditionExpression: resolveTokens(spec.conditionExpression || '') };
+            }
             const actionType = spec.type === 'action' ? (this.getActionTypeById(Number(spec.actionTypeId ?? 5)) || { id: 5, description: 'approve.action' }) : undefined;
             const actionScope = spec.type === 'action' ? (this.getActionScopeById(Number(spec.actionScopeId ?? 0)) || { id: 0, description: 'azione_tab' }) : undefined;
             const node = await this.addNodeByType(spec.type, spec.x, spec.y, routeConfig, actionType, actionScope, null, false);
@@ -7918,7 +7947,7 @@ class WorkflowDesignerComponent {
             return;
         }
         const encodedKey = encodeURIComponent(key);
-        const base = new URL(document.baseURI || window.location.origin);
+        const base = new URL(document.baseURI || globalThis.location.origin);
         const target = new URL(`#/workflow-runner/${encodedKey}`, base);
         window.open(target.toString(), '_blank');
     }
@@ -8105,19 +8134,21 @@ class WorkflowDesignerComponent {
             if (type === 'start' && this.findStartNode()) {
                 continue;
             }
-            const routeConfig = type === 'route'
-                ? {
+            let routeConfig;
+            if (type === 'route') {
+                routeConfig = {
                     routeName: String(item?.route || ''),
                     action: String(item?.action || '') || 'list',
                     sourceType: this.getRouteSourceType(item),
                     dashboardBoardcontent: String(item?.dashboardBoardcontent || ''),
                     dashboardDatasources: this.sanitizeForSerialization(item?.dashboardDatasources || []) || []
-                }
+                };
+            }
+            else if (type === 'switch') {
                 // Switch: la config va passata a createNode PRIMA delle connessioni,
                 // che referenziano gli output `case_<n>`/`else` in sourceOutput.
-                : (type === 'switch'
-                    ? { routeName: '', action: '', switchConfig: item?.switchConfig || null }
-                    : undefined);
+                routeConfig = { routeName: '', action: '', switchConfig: item?.switchConfig || null };
+            }
             const actionType = type === 'action' && Number.isInteger(Number(item?.actionTypeId))
                 ? this.getActionTypeById(Number(item?.actionTypeId))
                 : undefined;
@@ -8424,7 +8455,7 @@ class WorkflowDesignerComponent {
         const attempts = 4;
         for (let i = 0; i < attempts; i++) {
             this.editor.getNodes().forEach((node) => this.applyNodeVisualState(node));
-            await Promise.all(this.editor.getNodes().map((node) => this.area?.update('node', String(node.id)) || Promise.resolve()));
+            await Promise.all(this.editor.getNodes().map((node) => this.area?.update('node', String(node.id)) ?? Promise.resolve()));
             await new Promise((resolve) => setTimeout(resolve, 30));
         }
     }
@@ -8483,11 +8514,10 @@ class WorkflowDesignerComponent {
         }
         const nodes = Array.isArray(graph?.nodes) ? graph.nodes : [];
         const connections = Array.isArray(graph?.connections) ? graph.connections : [];
+        const routeMetadataCamel = Array.isArray(root?.routeMetadata) ? root.routeMetadata : [];
         const routeMetadata = Array.isArray(root?.route_metadata)
             ? root.route_metadata
-            : Array.isArray(root?.routeMetadata)
-                ? root.routeMetadata
-                : [];
+            : routeMetadataCamel;
         const graphName = String(this.pickFirstDefined(root, ['graph_name', 'wg_name', 'graphname']) || '');
         return {
             graph: { nodes, connections },
@@ -8600,7 +8630,7 @@ class WorkflowDesignerComponent {
                 if (!key || key === '__proto__' || key === 'constructor' || transientSerializationKeys.has(key)) {
                     return;
                 }
-                const field = input[key];
+                const field = (input)[key];
                 if (typeof field === 'function') {
                     return;
                 }
@@ -8726,9 +8756,9 @@ class WorkflowDesignerComponent {
         const route = String(metaInfo?.tableMetadata?.md_route_name || routeFallback || '').trim();
         const tableMetadata = this.sanitizeForSerialization(metaInfo.tableMetadata || {});
         const columnMetadata = this.sanitizeForSerialization(metaInfo.columnMetadata || []) || [];
-        const tableActions = this.sanitizeForSerialization(metaInfo.tableMetadata?._Metadati_Custom_Actions_Tabelles || []) || [];
-        const tablePermissions = this.sanitizeForSerialization(metaInfo.tableMetadata?._Metadati_Utenti_Autorizzazioni_Tabelles || []) || [];
-        const tableStyles = this.sanitizeForSerialization(metaInfo.tableMetadata?._Metadati_UI_Stili_Tabelles || []) || [];
+        const tableActions = this.sanitizeForSerialization((metaInfo.tableMetadata)?._Metadati_Custom_Actions_Tabelles || []) || [];
+        const tablePermissions = this.sanitizeForSerialization((metaInfo.tableMetadata)?._Metadati_Utenti_Autorizzazioni_Tabelles || []) || [];
+        const tableStyles = this.sanitizeForSerialization((metaInfo.tableMetadata)?._Metadati_UI_Stili_Tabelles || []) || [];
         const columnActions = (columnMetadata || []).filter((x) => String(x?.mc_ui_column_type || '') === 'button');
         const columnPermissions = (columnMetadata || []).flatMap((x) => Array.isArray(x?._Metadati_Utenti_Autorizzazioni_Colonnes) ? x._Metadati_Utenti_Autorizzazioni_Colonnes : []);
         const columnStyles = (columnMetadata || []).flatMap((x) => Array.isArray(x?._Metadati_UI_Stili_Colonnes) ? x._Metadati_UI_Stili_Colonnes : []);
@@ -9002,7 +9032,7 @@ class WorkflowDesignerComponent {
         }
         const normalized = this.sanitizeForSerialization(record) || {};
         const originalNormalized = this.sanitizeForSerialization(original) || {};
-        const normalizeKey = (key) => String(key || '').toLowerCase().replace(/[^a-z0-9]/g, '');
+        const normalizeKey = (key) => String(key || '').toLowerCase().replaceAll(/[^a-z0-9]/g, '');
         const forcedEditorKey = normalizeKey(String(editorKey || ''));
         const readNumeric = (keys) => {
             const source = this.pickFirstDefined(normalized, keys) ?? this.pickFirstDefined(originalNormalized, keys);
@@ -9032,7 +9062,6 @@ class WorkflowDesignerComponent {
         const columnStyleId = readNumeric(['musc_id', 'muscid']);
         if (forcedEditorKey === normalizeKey('musc_id') || (Number.isFinite(columnStyleId) && columnStyleId !== 0)) {
             bundle.columnStyles = (bundle.columnStyles || []).filter((x) => Number(x?.musc_id || 0) !== Number(columnStyleId || 0));
-            return;
         }
     }
     isLinkedActionNode(node, routeNodeId, targetType, targetId) {
@@ -9090,7 +9119,7 @@ class WorkflowDesignerComponent {
             return result;
         }
         Object.keys(raw).forEach((key) => {
-            result[key] = this.unwrapEditorFieldValue(raw[key]);
+            result[key] = this.unwrapEditorFieldValue((raw)[key]);
         });
         return result;
     }
@@ -9152,7 +9181,7 @@ class WorkflowDesignerComponent {
         }
         const normalized = this.sanitizeForSerialization(record) || {};
         const originalNormalized = this.sanitizeForSerialization(original) || {};
-        const normalizeKey = (key) => String(key || '').toLowerCase().replace(/[^a-z0-9]/g, '');
+        const normalizeKey = (key) => String(key || '').toLowerCase().replaceAll(/[^a-z0-9]/g, '');
         const keySet = new Set([
             ...Object.keys(normalized || {}).map((k) => normalizeKey(k)),
             ...Object.keys(originalNormalized || {}).map((k) => normalizeKey(k))
@@ -9190,7 +9219,7 @@ class WorkflowDesignerComponent {
             || hasAnyKey(['buttoncaption', 'mdactiontype', 'mdactionscope']);
         const forcedEditorKey = normalizeKey(String(editorKey || ''));
         if (forcedEditorKey === normalizeKey('must_id')) {
-            const row = Object.assign({}, normalized);
+            const row = { ...normalized };
             if (!(Number.isFinite(tableStyleId) && tableStyleId !== 0)) {
                 row.must_id = this.nextLocalBundleItemId(bundle.tableStyles, 'must_id');
             }
@@ -9198,7 +9227,7 @@ class WorkflowDesignerComponent {
             return;
         }
         if (forcedEditorKey === normalizeKey('musc_id')) {
-            const row = Object.assign({}, normalized);
+            const row = { ...normalized };
             if (!(Number.isFinite(columnStyleId) && columnStyleId !== 0)) {
                 row.musc_id = this.nextLocalBundleItemId(bundle.columnStyles, 'musc_id');
             }
@@ -9206,7 +9235,7 @@ class WorkflowDesignerComponent {
             return;
         }
         if (forcedEditorKey === normalizeKey('muat_id')) {
-            const row = Object.assign({}, normalized);
+            const row = { ...normalized };
             if (!(Number.isFinite(tablePermissionId) && tablePermissionId !== 0)) {
                 row.muat_id = this.nextLocalBundleItemId(bundle.tablePermissions, 'muat_id');
             }
@@ -9214,7 +9243,7 @@ class WorkflowDesignerComponent {
             return;
         }
         if (forcedEditorKey === normalizeKey('muac_id')) {
-            const row = Object.assign({}, normalized);
+            const row = { ...normalized };
             if (!(Number.isFinite(columnPermissionId) && columnPermissionId !== 0)) {
                 row.muac_id = this.nextLocalBundleItemId(bundle.columnPermissions, 'muac_id');
             }
@@ -9222,7 +9251,7 @@ class WorkflowDesignerComponent {
             return;
         }
         if ((Number.isFinite(tableActionId) && tableActionId !== 0) || looksLikeTableAction) {
-            const row = Object.assign({}, normalized);
+            const row = { ...normalized };
             if (!(Number.isFinite(tableActionId) && tableActionId !== 0)) {
                 row.Id = this.nextLocalBundleItemId(bundle.tableActions, 'Id');
             }
@@ -9230,7 +9259,7 @@ class WorkflowDesignerComponent {
             return;
         }
         if ((Number.isFinite(tablePermissionId) && tablePermissionId !== 0) || looksLikeTablePermission) {
-            const row = Object.assign({}, normalized);
+            const row = { ...normalized };
             if (!(Number.isFinite(tablePermissionId) && tablePermissionId !== 0)) {
                 row.muat_id = this.nextLocalBundleItemId(bundle.tablePermissions, 'muat_id');
             }
@@ -9238,7 +9267,7 @@ class WorkflowDesignerComponent {
             return;
         }
         if ((Number.isFinite(columnPermissionId) && columnPermissionId !== 0) || looksLikeColumnPermission) {
-            const row = Object.assign({}, normalized);
+            const row = { ...normalized };
             if (!(Number.isFinite(columnPermissionId) && columnPermissionId !== 0)) {
                 row.muac_id = this.nextLocalBundleItemId(bundle.columnPermissions, 'muac_id');
             }
@@ -9246,7 +9275,7 @@ class WorkflowDesignerComponent {
             return;
         }
         if ((Number.isFinite(tableStyleId) && tableStyleId !== 0) || looksLikeTableStyle) {
-            const row = Object.assign({}, normalized);
+            const row = { ...normalized };
             if (!(Number.isFinite(tableStyleId) && tableStyleId !== 0)) {
                 row.must_id = this.nextLocalBundleItemId(bundle.tableStyles, 'must_id');
             }
@@ -9254,7 +9283,7 @@ class WorkflowDesignerComponent {
             return;
         }
         if ((Number.isFinite(columnStyleId) && columnStyleId !== 0) || looksLikeColumnStyle) {
-            const row = Object.assign({}, normalized);
+            const row = { ...normalized };
             if (!(Number.isFinite(columnStyleId) && columnStyleId !== 0)) {
                 row.musc_id = this.nextLocalBundleItemId(bundle.columnStyles, 'musc_id');
             }
@@ -9267,7 +9296,7 @@ class WorkflowDesignerComponent {
             return;
         }
         if (Number.isFinite(mdId) && mdId > 0) {
-            bundle.tableMetadata = Object.assign({}, bundle.tableMetadata || {}, normalized);
+            bundle.tableMetadata = { ...bundle.tableMetadata, ...normalized };
         }
     }
     /**
@@ -9296,7 +9325,7 @@ class WorkflowDesignerComponent {
         }
         const idx = list.findIndex((x) => String(x?.[idKey] || '').trim() === targetId);
         if (idx >= 0) {
-            list[idx] = Object.assign({}, list[idx] || {}, record);
+            list[idx] = { ...list[idx], ...record };
         }
         else {
             list.push(record);
@@ -9344,7 +9373,7 @@ class WorkflowDesignerComponent {
     buildMetaInfoFromRouteMetadataBundle(bundleInput, route, seedMetaInfo) {
         const bundle = this.sanitizeForSerialization(bundleInput) || this.createEmptyRouteBundle(route);
         const metaInfo = this.sanitizeForSerialization(seedMetaInfo || {}) || {};
-        const tableMetadata = Object.assign({}, metaInfo.tableMetadata || {}, bundle.tableMetadata || {});
+        const tableMetadata = { ...metaInfo.tableMetadata, ...bundle.tableMetadata };
         tableMetadata.md_route_name = route;
         tableMetadata._Metadati_Custom_Actions_Tabelles = this.sanitizeForSerialization(bundle.tableActions || []);
         tableMetadata._Metadati_Utenti_Autorizzazioni_Tabelles = this.sanitizeForSerialization(bundle.tablePermissions || []);
@@ -9387,10 +9416,11 @@ class WorkflowDesignerComponent {
             ]);
             return cloned;
         });
-        return Object.assign({}, metaInfo, {
+        return {
+            ...metaInfo,
             tableMetadata,
             columnMetadata
-        });
+        };
     }
     updateDashboardBoardcontentMetadata(boardcontentRaw, uniqueName, route, bundleInput) {
         const parsed = this.parseMaybeJson(boardcontentRaw);
@@ -9434,13 +9464,13 @@ class WorkflowDesignerComponent {
      */
     tf(resource, fallback, ...args) {
         const template = this.t(resource, fallback);
-        return template.replace(/\{(\d+)\}/g, (match, idx) => {
+        return template.replaceAll(/\{(\d+)\}/g, (match, idx) => {
             const value = args[Number(idx)];
             return value !== undefined && value !== null ? String(value) : match;
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: WorkflowDesignerComponent, deps: [{ token: i0.Injector }, { token: DataProviderService }, { token: ChatbotHostRegistryService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: WorkflowDesignerComponent, isStandalone: true, selector: "wuic-workflow-designer", outputs: { workflowChange: "workflowChange" }, viewQueries: [{ propertyName: "workflowCanvasRef", first: true, predicate: ["workflowCanvas"], descendants: true, static: true }, { propertyName: "primeContextMenu", first: true, predicate: ["primeContextMenu"], descendants: true }, { propertyName: "routeMetadataDs", first: true, predicate: ["routeMetadataDs"], descendants: true }, { propertyName: "startMenuDs", first: true, predicate: ["startMenuDs"], descendants: true }, { propertyName: "menuAuthDs", first: true, predicate: ["menuAuthDs"], descendants: true }, { propertyName: "routeMetadataEditor", first: true, predicate: ["routeMetadataEditor"], descendants: true }, { propertyName: "actionMetadataEditor", first: true, predicate: ["actionMetadataEditor"], descendants: true }], ngImport: i0, template: "<div class=\"workflow-designer\">\n  <div class=\"workflow-toolbar\">\n    <div class=\"workflow-current-graph\">{{ currentGraphCaption }}</div>\n    <!-- Filtro \"anteprima autorizzazioni\": simula cosa vede un ruolo/utente.\n         Opzioni dai principal citati nel grafo (permessi bundle + permission\n         transizioni); il dropdown utenti appare solo se esistono auth\n         per-utente. Selezione vuota = mostra tutto. -->\n    @if (authFilterRoleOptions.length > 1) {\n      <div class=\"workflow-toolbar-filter\">\n        <p-select\n          [options]=\"authFilterRoleOptions\"\n          [(ngModel)]=\"authFilterRoleId\"\n          (onChange)=\"onAuthFilterChanged('role')\"\n          appendTo=\"body\"\n          data-testid=\"wf-auth-filter-role\" />\n      </div>\n    }\n    @if (authFilterUserOptions.length > 1) {\n      <div class=\"workflow-toolbar-filter\">\n        <p-select\n          [options]=\"authFilterUserOptions\"\n          [(ngModel)]=\"authFilterUserId\"\n          (onChange)=\"onAuthFilterChanged('user')\"\n          appendTo=\"body\"\n          data-testid=\"wf-auth-filter-user\" />\n      </div>\n    }\n    <div class=\"workflow-toolbar-menu-group\">\n      <button type=\"button\" (click)=\"graphActionsMenu.toggle($event)\">\n        Azioni grafo\n      </button>\n      <p-menu #graphActionsMenu [popup]=\"true\" [model]=\"graphActionsMenuItems\" appendTo=\"body\"></p-menu>\n    </div>\n    <div class=\"workflow-toolbar-menu-group\">\n      <button type=\"button\" (click)=\"runnerActionsMenu.toggle($event)\" [disabled]=\"!canOpenWorkflowRunner\">\n        Runner\n      </button>\n      <p-menu #runnerActionsMenu [popup]=\"true\" [model]=\"runnerActionsMenuItems\" appendTo=\"body\"></p-menu>\n    </div>\n  </div>\n\n  <aside class=\"workflow-palette\">\n    <div class=\"workflow-palette-title\">{{ 'workflow.palette' | translate }}</div>\n    <div class=\"workflow-palette-list\">\n      @for (item of paletteNodes; track item) {\n        <div\n          class=\"workflow-palette-item\"\n        [ngClass]=\"{\n          'workflow-palette-item-route': item.type === 'route',\n          'workflow-palette-item-action': item.type === 'action',\n          'workflow-palette-item-start': item.type === 'start',\n          'workflow-palette-item-condition': item.type === 'condition',\n          'workflow-palette-item-end': item.type === 'end',\n          'workflow-palette-item-disabled': !isPaletteNodeEnabled(item)\n        }\"\n          [attr.draggable]=\"isPaletteNodeEnabled(item) ? 'true' : 'false'\"\n          (dragstart)=\"onPaletteDragStart($event, item)\"\n          [pTooltip]=\"item.tooltip || ''\"\n          [escape]=\"false\"\n          tooltipPosition=\"right\"\n          [tooltipStyleClass]=\"'workflow-palette-tooltip'\">\n          <div class=\"workflow-palette-item-title\">{{ item.label }}</div>\n          @if (item.type === 'route') {\n            <div class=\"workflow-palette-item-badge\">{{ 'workflow.badge.route' | translate }}</div>\n          }\n          @if (item.type === 'action') {\n            <div class=\"workflow-palette-item-badge\">{{ 'workflow.badge.action_scope' | translate }}</div>\n          }\n          <div class=\"workflow-palette-item-description\">{{ item.description }}</div>\n        </div>\n      }\n    </div>\n  </aside>\n\n  <section\n    #workflowCanvas\n    class=\"workflow-canvas\"\n    (dragover)=\"onCanvasDragOver($event)\"\n    (drop)=\"onCanvasDrop($event)\"\n    (contextmenu)=\"onCanvasContextMenu($event)\"\n    (click)=\"onCanvasClick()\">\n    @if (showEmptyGraphChecklist) {\n      <div class=\"workflow-canvas-checklist\">\n        <div class=\"workflow-canvas-checklist-title\">{{ hintChecklistTitle }}</div>\n        <ol>\n          @for (step of hintChecklistStepStates; track $index) {\n            <li [ngClass]=\"{ 'workflow-canvas-checklist-done': step.done }\">{{ step.text }}</li>\n          }\n        </ol>\n        @if (showChecklistTemplateLink) {\n          <button type=\"button\" class=\"workflow-canvas-checklist-link\" (click)=\"createWorkflowFromTemplate()\">\n            {{ hintOrTemplateLabel }}\n          </button>\n        }\n      </div>\n    }\n  </section>\n  <p-contextMenu\n    #primeContextMenu\n    [model]=\"contextMenuItems\"\n    appendTo=\"body\"\n    [autoZIndex]=\"true\"\n    [baseZIndex]=\"13000\">\n  </p-contextMenu>\n</div>\n\n<p-dialog\n  [header]=\"'Riapri grafo'\"\n  [(visible)]=\"reopenWorkflowDialogVisible\"\n  [modal]=\"true\"\n  [closable]=\"true\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n  [appendTo]=\"'body'\"\n  [style]=\"{ width: '34rem' }\"\n  (onHide)=\"cancelReopenWorkflowDialog()\">\n  <div class=\"route-popup-form\">\n    <label for=\"workflow-reopen-select\">Grafi esistenti</label>\n    <p-select\n      inputId=\"workflow-reopen-select\"\n      [options]=\"savedGraphOptions\"\n      optionLabel=\"label\"\n      optionValue=\"value\"\n      [(ngModel)]=\"reopenDialogSelectedGraphKey\"\n      [filter]=\"true\"\n      [showClear]=\"true\"\n      [style]=\"{ width: '100%' }\"\n      appendTo=\"body\" />\n\n    <div class=\"route-popup-actions\">\n      <button type=\"button\" class=\"route-popup-btn\" (click)=\"cancelReopenWorkflowDialog()\">{{ 'cancel' | translate }}</button>\n      <button type=\"button\" class=\"route-popup-btn route-popup-btn-primary\" (click)=\"confirmReopenWorkflowDialog()\"\n      [disabled]=\"!reopenDialogSelectedGraphKey || loadingWorkflow\">Riapri</button>\n    </div>\n  </div>\n</p-dialog>\n\n<div style=\"display:none\">\n  <wuic-data-source #routeMetadataDs [hardcodedRoute]=\"routeMetadataRoute\"></wuic-data-source>\n  <wuic-data-source #startMenuDs [hardcodedRoute]=\"' metadati  menu'\"></wuic-data-source>\n  <wuic-data-source #menuAuthDs [hardcodedRoute]=\"' mtdt  tnt  trizzazioni  menus'\"></wuic-data-source>\n  @if (routeMetadataDs) {\n    <wuic-metadata-editor\n      #actionMetadataEditor\n      [hardcodedDatasource]=\"routeMetadataDs!\"\n      [saveCallback]=\"routeMetadataSaveCallback\"\n      [hideReports]=\"true\"\n      [hideRelatedTableActions]=\"true\"\n      [hideRelatedColumnActions]=\"true\">\n    </wuic-metadata-editor>\n  }\n</div>\n\n<p-dialog\n  [header]=\"'workflow.configure_route' | translate\"\n  [(visible)]=\"routePopupVisible\"\n  [modal]=\"true\"\n  [closable]=\"false\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n  [style]=\"{ width: '32rem' }\">\n  <div class=\"route-popup-form\">\n    <label for=\"workflow-route-source-select\">Sorgente nodo</label>\n    <p-select\n      inputId=\"workflow-route-source-select\"\n      [options]=\"routeSourceOptions\"\n      optionLabel=\"label\"\n      optionValue=\"value\"\n      [(ngModel)]=\"selectedRouteSourceType\"\n      (ngModelChange)=\"onRouteSourceTypeChanged()\"\n      [style]=\"{ width: '100%' }\"\n      appendTo=\"body\" />\n\n    @if (selectedRouteSourceType === 'route') {\n      <label for=\"workflow-route-select\">{{ 'workflow.route' | translate }}</label>\n      <p-autoComplete\n        inputId=\"workflow-route-select\"\n        [(ngModel)]=\"selectedRouteName\"\n        [suggestions]=\"filteredRouteOptions\"\n        [forceSelection]=\"true\"\n        [dropdown]=\"true\"\n        dropdownMode=\"current\"\n        [optionLabel]=\"'label'\"\n        [optionValue]=\"'value'\"\n        [style]=\"{ width: '100%' }\"\n        appendTo=\"body\"\n        (completeMethod)=\"filterRouteOptions($event)\" />\n      <label for=\"workflow-action-select\">{{ 'workflow.action' | translate }}</label>\n      <p-select\n        inputId=\"workflow-action-select\"\n        [options]=\"routeActionOptions\"\n        optionLabel=\"label\"\n        optionValue=\"value\"\n        [(ngModel)]=\"selectedRouteAction\"\n        [style]=\"{ width: '100%' }\"\n        appendTo=\"body\" />\n    } @else {\n      <label for=\"workflow-dashboard-select\">Dashboard</label>\n      <p-autoComplete\n        inputId=\"workflow-dashboard-select\"\n        [(ngModel)]=\"selectedDashboardRoute\"\n        [suggestions]=\"filteredDashboardOptions\"\n        [forceSelection]=\"true\"\n        [dropdown]=\"true\"\n        dropdownMode=\"current\"\n        [optionLabel]=\"'label'\"\n        [optionValue]=\"'value'\"\n        [style]=\"{ width: '100%' }\"\n        appendTo=\"body\"\n        (completeMethod)=\"filterDashboardOptions($event)\" />\n    }\n\n\n    <div class=\"route-popup-actions\">\n      <button type=\"button\" class=\"route-popup-btn\" (click)=\"cancelRouteDrop()\">{{ 'cancel' | translate }}</button>\n      <button type=\"button\" class=\"route-popup-btn route-popup-btn-primary\" (click)=\"confirmRouteDrop()\"\n      [disabled]=\"selectedRouteSourceType === 'dashboard' ? !selectedDashboardRoute : (!selectedRouteName || !selectedRouteAction)\">{{ 'confirmation' | translate }}</button>\n    </div>\n  </div>\n</p-dialog>\n\n<p-dialog\n  [header]=\"'workflow.metadata_route' | translate\"\n  [(visible)]=\"routeMetadataDialogVisible\"\n  [modal]=\"true\"\n  position=\"top\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n  [appendTo]=\"'body'\"\n  styleClass=\"workflow-route-metadata-dialog\"\n  [style]=\"{ width: '78rem', maxHeight: 'calc(100vh - 2rem)' }\"\n  [contentStyle]=\"{ overflow: 'visible', maxHeight: 'calc(100vh - 10rem)' }\">\n  @if (routeMetadataDialogVisible && routeMetadataDs) {\n    <wuic-metadata-editor\n      #routeMetadataEditor\n      [hardcodedDatasource]=\"routeMetadataDs!\"\n      [saveCallback]=\"routeMetadataSaveCallback\"\n      [hideReports]=\"true\"\n      [hideRelatedTableActions]=\"false\"\n      [hideRelatedColumnActions]=\"false\">\n    </wuic-metadata-editor>\n  }\n</p-dialog>\n\n<p-dialog\n  [header]=\"'workflow.configure_action' | translate\"\n  [(visible)]=\"actionPopupVisible\"\n  [modal]=\"true\"\n  [closable]=\"false\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n  [style]=\"{ width: '32rem' }\">\n  <div class=\"route-popup-form\">\n    <label for=\"workflow-action-scope-select\">{{ 'workflow.action_scope' | translate }}</label>\n    <p-select\n      inputId=\"workflow-action-scope-select\"\n      [options]=\"actionScopeOptions\"\n      optionLabel=\"label\"\n      optionValue=\"value\"\n      [(ngModel)]=\"selectedActionScopeId\"\n      (onChange)=\"onActionScopeChanged()\"\n      [style]=\"{ width: '100%' }\"\n      appendTo=\"body\" />\n\n    <label for=\"workflow-action-type-select\">{{ 'workflow.action_type' | translate }}</label>\n    <p-select\n      inputId=\"workflow-action-type-select\"\n      [options]=\"visibleActionTypeOptions\"\n      optionLabel=\"label\"\n      optionValue=\"value\"\n      [(ngModel)]=\"selectedActionTypeId\"\n      [style]=\"{ width: '100%' }\"\n      appendTo=\"body\" />\n\n    <div class=\"route-popup-actions\">\n      <button type=\"button\" class=\"route-popup-btn\" (click)=\"cancelActionDrop()\">{{ 'cancel' | translate }}</button>\n      <button type=\"button\" class=\"route-popup-btn route-popup-btn-primary\" (click)=\"confirmActionDrop()\"\n      [disabled]=\"selectedActionTypeId === null || selectedActionTypeId === undefined || selectedActionScopeId === null || selectedActionScopeId === undefined\">{{ 'confirmation' | translate }}</button>\n    </div>\n  </div>\n</p-dialog>\n\n<p-dialog\n  [header]=\"'Opzioni workflow'\"\n  [(visible)]=\"workflowOptionsDialogVisible\"\n  [modal]=\"true\"\n  [closable]=\"false\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n  [style]=\"{ width: '32rem' }\">\n  <div class=\"route-popup-form\">\n    <label for=\"workflow-options-caption\">Caption menu start</label>\n    <input\n      id=\"workflow-options-caption\"\n      class=\"workflow-options-input\"\n      type=\"text\"\n      [(ngModel)]=\"workflowOptionsCaption\" />\n\n    <label class=\"workflow-options-toggle\">\n      <input type=\"checkbox\" [(ngModel)]=\"workflowOptionsInheritMetadata\" />\n      <span>Eredita metadati</span>\n    </label>\n\n    <label class=\"workflow-options-toggle\">\n      <input type=\"checkbox\" [(ngModel)]=\"workflowOptionsExclusiveMenu\" />\n      <span>Menu esclusivo</span>\n    </label>\n\n    <label class=\"workflow-options-toggle\">\n      <input type=\"checkbox\" [(ngModel)]=\"workflowOptionsShowExit\" />\n      <span>Mostra esci</span>\n    </label>\n\n    <div class=\"route-popup-actions\">\n      <button type=\"button\" class=\"route-popup-btn\" (click)=\"cancelWorkflowOptionsDialog()\">{{ 'cancel' | translate }}</button>\n      <button type=\"button\" class=\"route-popup-btn route-popup-btn-primary\" (click)=\"confirmWorkflowOptionsDialog()\">{{ 'confirmation' | translate }}</button>\n    </div>\n  </div>\n</p-dialog>\n\n<!-- Lint del grafo: elenco findings (on-demand \"Valida grafo\" o conferma pre-save).\n     Il save non e' mai bloccato: con findings serve la conferma esplicita. -->\n<p-dialog\n  [header]=\"lintDialogTitle\"\n  [(visible)]=\"lintDialogVisible\"\n  [modal]=\"true\"\n  [closable]=\"true\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n  [appendTo]=\"'body'\"\n  [style]=\"{ width: '46rem', maxHeight: '80vh' }\"\n  (onHide)=\"onLintDialogClose()\">\n  <div class=\"workflow-lint-summary\">\n    @if (lintErrorCount) {\n      <span class=\"workflow-lint-count workflow-lint-count-error\">\n        <i class=\"pi pi-times-circle\"></i> {{ lintErrorCount }} {{ lintErrorsCountLabel }}\n      </span>\n    }\n    @if (lintWarnCount) {\n      <span class=\"workflow-lint-count workflow-lint-count-warn\">\n        <i class=\"pi pi-exclamation-triangle\"></i> {{ lintWarnCount }} {{ lintWarningsCountLabel }}\n      </span>\n    }\n  </div>\n  <ul class=\"workflow-lint-list\">\n    @for (finding of lintFindings; track $index) {\n      <li\n        class=\"workflow-lint-item\"\n        [ngClass]=\"finding.severity === 'error' ? 'workflow-lint-item-error' : 'workflow-lint-item-warn'\"\n        [class.workflow-lint-item-clickable]=\"!!finding.nodeId\"\n        (click)=\"zoomToLintFinding(finding)\">\n        <i [class]=\"finding.severity === 'error' ? 'pi pi-times-circle' : 'pi pi-exclamation-triangle'\"></i>\n        <span class=\"workflow-lint-code\">{{ finding.code }}</span>\n        <span class=\"workflow-lint-message\">{{ finding.message }}</span>\n      </li>\n    }\n  </ul>\n  <div class=\"route-popup-actions\">\n    <button type=\"button\" class=\"route-popup-btn\" (click)=\"onLintDialogClose()\">\n      {{ lintDialogMode === 'confirm-save' ? ('cancel' | translate) : ('close' | translate) }}\n    </button>\n    @if (lintDialogMode === 'confirm-save') {\n      <button type=\"button\" class=\"route-popup-btn route-popup-btn-primary\" (click)=\"onLintDialogSaveAnyway()\">\n        {{ lintSaveAnywayLabel }}\n      </button>\n    }\n  </div>\n</p-dialog>\n\n<!-- Guida rapida: legenda tipi nodo (dal nodeRegistry) + glossario workflow. -->\n<p-dialog\n  [header]=\"quickGuideTitle\"\n  [(visible)]=\"quickGuideDialogVisible\"\n  [modal]=\"true\"\n  [closable]=\"true\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n  [appendTo]=\"'body'\"\n  styleClass=\"workflow-quick-guide-dialog\"\n  [style]=\"{ width: '52rem', maxHeight: '85vh' }\"\n  [contentStyle]=\"{ overflow: 'auto' }\">\n  <div class=\"workflow-guide-section-title\">{{ quickGuideLegendTitle }}</div>\n  <div class=\"workflow-guide-legend\">\n    @for (entry of guideLegendEntries; track entry.type) {\n      <div class=\"workflow-guide-legend-item\">\n        <span class=\"workflow-guide-legend-chip\" [style.background]=\"entry.background\" [style.borderColor]=\"entry.accent\" [style.color]=\"entry.accent\">\n          {{ entry.label }}\n        </span>\n        <span class=\"workflow-guide-legend-desc\">{{ entry.description }}</span>\n      </div>\n    }\n  </div>\n  <div class=\"workflow-guide-section-title\">{{ quickGuideGlossaryTitle }}</div>\n  <dl class=\"workflow-guide-glossary\">\n    @for (entry of guideGlossaryEntries; track entry.term) {\n      <dt>{{ entry.term }}</dt>\n      <dd>{{ entry.text }}</dd>\n    }\n  </dl>\n</p-dialog>\n", styles: [":host{display:block;height:100%}.workflow-designer{display:grid;grid-template-rows:auto 1fr;grid-template-columns:260px 1fr;gap:12px;height:100%;min-height:520px}.workflow-toolbar{grid-column:1 / span 2;display:flex;align-items:center;flex-wrap:wrap;gap:8px;border:1px solid #d5dce6;border-radius:10px;background:#f7f9fc;padding:10px 12px}.workflow-toolbar label{font-size:.82rem;font-weight:600;color:#2f3f58}.workflow-toolbar input{height:30px;border:1px solid #c7d2e2;border-radius:6px;background:#fff;padding:0 8px;min-width:170px}.workflow-toolbar button{height:30px;border:1px solid #2f67d8;border-radius:6px;background:#2f67d8;color:#fff;padding:0 10px;font-size:.82rem;cursor:pointer}.workflow-toolbar button[disabled]{opacity:.6;cursor:not-allowed}.workflow-toolbar-menu-group{display:inline-flex}.workflow-toolbar-filter{display:inline-flex;align-items:center}.workflow-toolbar-filter ::ng-deep .p-select{min-width:170px;font-size:.82rem}.workflow-current-graph{flex:1 1 auto;min-width:240px;font-size:.82rem;font-weight:600;color:#2f3f58}.workflow-palette{border:1px solid #d5dce6;border-radius:10px;background:#f7f9fc;overflow:auto}.workflow-palette-title{padding:10px 12px;font-size:.86rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#3d4f67;border-bottom:1px solid #d5dce6}.workflow-palette-list{display:flex;flex-direction:column;gap:8px;padding:10px}.workflow-palette-item{border:1px solid #c8d3e2;border-radius:8px;background:#fff;padding:10px;cursor:grab;-webkit-user-select:none;user-select:none}.workflow-palette-item-badge{display:inline-block;margin-top:4px;margin-bottom:4px;padding:2px 7px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;background:#e2e8f0;color:#334155}.workflow-palette-item-route{border-color:#93c5fd;background:#eff6ff}.workflow-palette-item-route .workflow-palette-item-badge{background:#dbeafe;color:#1d4ed8}.workflow-palette-item-action{border-color:#c4b5fd;background:#f5f3ff}.workflow-palette-item-action .workflow-palette-item-badge{background:#ede9fe;color:#6d28d9}.workflow-palette-item-start{border-color:#86efac;background:#f0fdf4}.workflow-palette-item-condition{border-color:#99f6e4;background:#f0fdfa}.workflow-palette-item-end{border-color:#fda4af;background:#fff1f2}.workflow-palette-item:active{cursor:grabbing}.workflow-palette-item-disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.2)}:host-context(.theme-dark) .workflow-palette-item-disabled{opacity:.5}.workflow-palette-item-title{font-size:.94rem;font-weight:600;color:#21324a}.workflow-palette-item-description{margin-top:4px;font-size:.82rem;color:#60738f}.workflow-canvas{position:relative;border:1px solid #d5dce6;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 1px 1px,#dbe3ef 1px,transparent 0);background-size:24px 24px;background-color:#f8fbff;user-select:none;-webkit-user-select:none}.workflow-canvas-hint{position:absolute;right:12px;bottom:12px;font-size:.82rem;color:#60738f;background:#ffffffeb;border:1px solid #d5dce6;border-radius:6px;padding:5px 8px}.route-popup-form{display:flex;flex-direction:column;gap:8px}.route-popup-form label{font-size:.85rem;font-weight:600;color:#2f3f58;margin-top:2px}.workflow-options-input{width:100%;height:34px;border:1px solid #c7d2e2;border-radius:6px;background:#fff;padding:0 8px;color:#1f2f49}.workflow-options-toggle{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:#2f3f58;margin-top:2px}.workflow-options-toggle input[type=checkbox]{width:16px;height:16px}.route-popup-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.route-popup-btn{border:1px solid #c7d2e2;background:#fff;color:#1f2f49;border-radius:6px;padding:7px 12px;font-size:.85rem;cursor:pointer}.route-popup-btn-primary{border-color:#2f67d8;background:#2f67d8;color:#fff}:host ::ng-deep .workflow-route-metadata-dialog.p-dialog{max-height:calc(100vh - 2rem)}:host ::ng-deep .workflow-route-metadata-dialog .p-dialog-content{overflow:visible;max-height:calc(100vh - 10rem)}:host ::ng-deep .workflow-canvas [data-wf-node-type] .node{border:1px solid var(--wf-node-accent, #64748b)!important;background:var(--wf-node-bg, #f8fafc)!important}:host ::ng-deep .workflow-canvas [data-wf-node-type] .title{background:var(--wf-node-accent, #64748b)!important;color:#fff!important;font-weight:700}:host ::ng-deep .workflow-canvas [data-wf-node-type=action][data-wf-action-scope=col] .node{border-style:dashed!important}:host ::ng-deep .workflow-canvas [data-wf-node-type=action][data-wf-action-scope=tab] .node{border-style:solid!important}:host-context(.theme-dark) .workflow-toolbar{border-color:#2a3447;background:#141b27}:host-context(.theme-dark) .workflow-current-graph,:host-context(.theme-dark) .workflow-toolbar label{color:#d8e2f1}:host-context(.theme-dark) .workflow-toolbar input{border-color:#334155;background:#0f1724;color:#e5ecf8}:host-context(.theme-dark) .workflow-toolbar button{border-color:#335fcf;background:#335fcf}:host-context(.theme-dark) .workflow-palette{border-color:#2a3447;background:#141b27}:host-context(.theme-dark) .workflow-palette-title{color:#dbe4f2;border-bottom-color:#2a3447}:host-context(.theme-dark) .workflow-palette-item{border-color:#334155;background:#0f1724}:host-context(.theme-dark) .workflow-palette-item-title{color:#e6edf8}:host-context(.theme-dark) .workflow-palette-item-description{color:#9fb0c7}:host-context(.theme-dark) .workflow-palette-item-badge{background:#273247;color:#c9d7ec}:host-context(.theme-dark) .workflow-palette-item-route{border-color:#3b82f6;background:#0f1f35}:host-context(.theme-dark) .workflow-palette-item-route .workflow-palette-item-badge{background:#1e3a6a;color:#c8ddff}:host-context(.theme-dark) .workflow-palette-item-action{border-color:#8b5cf6;background:#24183d}:host-context(.theme-dark) .workflow-palette-item-action .workflow-palette-item-badge{background:#3a2370;color:#ded1ff}:host-context(.theme-dark) .workflow-palette-item-start{border-color:#22c55e;background:#11281c}:host-context(.theme-dark) .workflow-palette-item-condition{border-color:#14b8a6;background:#0f2726}:host-context(.theme-dark) .workflow-palette-item-end{border-color:#ef4444;background:#30171b}:host-context(.theme-dark) .workflow-canvas{border-color:#2a3447;background:radial-gradient(circle at 1px 1px,#334155 1px,transparent 0);background-size:24px 24px;background-color:#0f1724}:host-context(.theme-dark) .workflow-canvas-hint{color:#b9c8de;background:#0f1724e6;border-color:#334155}:host-context(.theme-dark) .route-popup-form label,:host-context(.theme-dark) .workflow-options-toggle{color:#d8e2f1}:host-context(.theme-dark) .workflow-options-input{border-color:#334155;background:#0f1724;color:#e5ecf8}:host-context(.theme-dark) .route-popup-btn{border-color:#334155;background:#111b2b;color:#d8e2f1}:host-context(.theme-dark) .route-popup-btn-primary{border-color:#335fcf;background:#335fcf;color:#fff}:host-context(.theme-dark) ::ng-deep .p-menu,:host-context(.theme-dark) ::ng-deep .p-contextmenu{background:#121b2b;border-color:#334155;color:#dbe4f2}:host-context(.theme-dark) ::ng-deep .p-menu .p-menu-item-content,:host-context(.theme-dark) ::ng-deep .p-contextmenu .p-menu-item-content{color:#dbe4f2}:host-context(.theme-dark) ::ng-deep .p-menu .p-menu-item-content:hover,:host-context(.theme-dark) ::ng-deep .p-contextmenu .p-menu-item-content:hover{background:#1f2a3d}:host-context(.theme-dark) ::ng-deep .p-dialog{background:#121b2b;border-color:#334155;color:#dbe4f2}:host-context(.theme-dark) ::ng-deep .p-dialog .p-dialog-header,:host-context(.theme-dark) ::ng-deep .p-dialog .p-dialog-content,:host-context(.theme-dark) ::ng-deep .p-dialog .p-dialog-footer{background:#121b2b;color:#dbe4f2;border-color:#334155}.workflow-canvas-checklist{position:absolute;right:18px;bottom:18px;max-width:340px;padding:14px 16px;border:1px solid #cbd5e1;border-radius:10px;background:#fffffff0;color:#334155;font-size:12.5px;line-height:1.5;box-shadow:0 4px 14px #0f172a14;pointer-events:auto;z-index:5}.workflow-canvas-checklist-title{font-weight:700;margin-bottom:6px;color:#0f172a}.workflow-canvas-checklist ol{margin:0 0 8px;padding-left:18px}.workflow-canvas-checklist li{margin:2px 0}.workflow-canvas-checklist-done{text-decoration:line-through;opacity:.55}.workflow-canvas-checklist-link{border:none;background:none;padding:0;color:#2563eb;cursor:pointer;font-size:12.5px;text-decoration:underline}:host-context(.theme-dark) .workflow-canvas-checklist{background:#121b2bf0;border-color:#334155;color:#cbd5e1}:host-context(.theme-dark) .workflow-canvas-checklist-title{color:#e2e8f0}.workflow-lint-summary{display:flex;gap:14px;margin-bottom:10px;font-size:12.5px}.workflow-lint-count{display:inline-flex;align-items:center;gap:6px;font-weight:600}.workflow-lint-count-error{color:#dc2626}.workflow-lint-count-warn{color:#d97706}.workflow-lint-list{list-style:none;margin:0 0 12px;padding:0;max-height:46vh;overflow:auto}.workflow-lint-item{display:flex;align-items:flex-start;gap:8px;padding:7px 8px;border-radius:6px;font-size:12.5px;line-height:1.45}.workflow-lint-item+.workflow-lint-item{margin-top:4px}.workflow-lint-item-error{background:#fef2f2;color:#7f1d1d}.workflow-lint-item-error .pi{color:#dc2626;margin-top:2px}.workflow-lint-item-warn{background:#fffbeb;color:#78350f}.workflow-lint-item-warn .pi{color:#d97706;margin-top:2px}.workflow-lint-item-clickable{cursor:pointer}.workflow-lint-item-clickable:hover{filter:brightness(.97)}.workflow-lint-code{font-family:monospace;font-size:11px;opacity:.75;white-space:nowrap;margin-top:1px}:host-context(.theme-dark) .workflow-lint-item-error{background:#dc26261f;color:#fca5a5}:host-context(.theme-dark) .workflow-lint-item-warn{background:#d977061f;color:#fcd34d}.workflow-guide-section-title{font-weight:700;font-size:13px;margin:10px 0 8px;color:#0f172a}.workflow-guide-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin-bottom:8px}.workflow-guide-legend-item{display:flex;align-items:center;gap:8px;font-size:12.5px}.workflow-guide-legend-chip{display:inline-block;min-width:74px;text-align:center;padding:3px 8px;border:1.5px solid;border-radius:7px;font-weight:700;font-size:11.5px;white-space:nowrap}.workflow-guide-legend-desc{color:#475569;line-height:1.4}.workflow-guide-glossary{margin:0;font-size:12.5px}.workflow-guide-glossary dt{font-weight:700;margin-top:8px;color:#0f172a}.workflow-guide-glossary dd{margin:2px 0 0;color:#475569;line-height:1.5}:host-context(.theme-dark) .workflow-guide-section-title,:host-context(.theme-dark) .workflow-guide-glossary dt{color:#e2e8f0}:host-context(.theme-dark) .workflow-guide-legend-desc,:host-context(.theme-dark) .workflow-guide-glossary dd{color:#94a3b8}::ng-deep .workflow-palette-tooltip .p-tooltip-text{max-width:340px;font-size:12px;line-height:1.45}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i2.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i6$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i2$1.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo", "motionOptions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "ngmodule", type: MenuModule }, { kind: "component", type: i7.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex", "appendTo", "motionOptions"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "ngmodule", type: ContextMenuModule }, { kind: "component", type: i10.ContextMenu, selector: "p-contextMenu, p-contextmenu, p-context-menu", inputs: ["model", "triggerEvent", "target", "global", "style", "styleClass", "autoZIndex", "baseZIndex", "id", "breakpoint", "ariaLabel", "ariaLabelledBy", "pressDelay", "appendTo", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: DataSourceComponent, selector: "wuic-data-source", inputs: ["route", "routeFromRouting", "hardcodedRoute", "autoload", "loading", "changeTracking", "parentRecord", "parentMetaInfo", "parentDatasource", "useComboEndpoint", "comboFormulaLookup", "comboMcId", "comboField", "comboExtraFields", "comboCurrentRecord", "componentRef"] }, { kind: "component", type: MetadataEditorComponent, selector: "wuic-metadata-editor", inputs: ["datasource", "hardcodedDatasource", "saveCallback", "hideReports", "hideRelatedTableActions", "hideRelatedColumnActions"] }, { kind: "pipe", type: i2$2.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: WorkflowDesignerComponent, isStandalone: true, selector: "wuic-workflow-designer", outputs: { workflowChange: "workflowChange" }, viewQueries: [{ propertyName: "workflowCanvasRef", first: true, predicate: ["workflowCanvas"], descendants: true, static: true }, { propertyName: "primeContextMenu", first: true, predicate: ["primeContextMenu"], descendants: true }, { propertyName: "routeMetadataDs", first: true, predicate: ["routeMetadataDs"], descendants: true }, { propertyName: "startMenuDs", first: true, predicate: ["startMenuDs"], descendants: true }, { propertyName: "menuAuthDs", first: true, predicate: ["menuAuthDs"], descendants: true }, { propertyName: "routeMetadataEditor", first: true, predicate: ["routeMetadataEditor"], descendants: true }, { propertyName: "actionMetadataEditor", first: true, predicate: ["actionMetadataEditor"], descendants: true }], ngImport: i0, template: "<div class=\"workflow-designer\">\n  <div class=\"workflow-toolbar\">\n    <div class=\"workflow-current-graph\">{{ currentGraphCaption }}</div>\n    <!-- Filtro \"anteprima autorizzazioni\": simula cosa vede un ruolo/utente.\n         Opzioni dai principal citati nel grafo (permessi bundle + permission\n         transizioni); il dropdown utenti appare solo se esistono auth\n         per-utente. Selezione vuota = mostra tutto. -->\n    @if (authFilterRoleOptions.length > 1) {\n      <div class=\"workflow-toolbar-filter\">\n        <p-select\n          [options]=\"authFilterRoleOptions\"\n          [(ngModel)]=\"authFilterRoleId\"\n          (onChange)=\"onAuthFilterChanged('role')\"\n          appendTo=\"body\"\n          data-testid=\"wf-auth-filter-role\" />\n      </div>\n    }\n    @if (authFilterUserOptions.length > 1) {\n      <div class=\"workflow-toolbar-filter\">\n        <p-select\n          [options]=\"authFilterUserOptions\"\n          [(ngModel)]=\"authFilterUserId\"\n          (onChange)=\"onAuthFilterChanged('user')\"\n          appendTo=\"body\"\n          data-testid=\"wf-auth-filter-user\" />\n      </div>\n    }\n    <div class=\"workflow-toolbar-menu-group\">\n      <button type=\"button\" (click)=\"graphActionsMenu.toggle($event)\">\n        Azioni grafo\n      </button>\n      <p-menu #graphActionsMenu [popup]=\"true\" [model]=\"graphActionsMenuItems\" appendTo=\"body\"></p-menu>\n    </div>\n    <div class=\"workflow-toolbar-menu-group\">\n      <button type=\"button\" (click)=\"runnerActionsMenu.toggle($event)\" [disabled]=\"!canOpenWorkflowRunner\">\n        Runner\n      </button>\n      <p-menu #runnerActionsMenu [popup]=\"true\" [model]=\"runnerActionsMenuItems\" appendTo=\"body\"></p-menu>\n    </div>\n  </div>\n\n  <aside class=\"workflow-palette\">\n    <div class=\"workflow-palette-title\">{{ 'workflow.palette' | translate }}</div>\n    <div class=\"workflow-palette-list\">\n      @for (item of paletteNodes; track item) {\n        <div\n          class=\"workflow-palette-item\"\n        [ngClass]=\"{\n          'workflow-palette-item-route': item.type === 'route',\n          'workflow-palette-item-action': item.type === 'action',\n          'workflow-palette-item-start': item.type === 'start',\n          'workflow-palette-item-condition': item.type === 'condition',\n          'workflow-palette-item-end': item.type === 'end',\n          'workflow-palette-item-disabled': !isPaletteNodeEnabled(item)\n        }\"\n          [attr.draggable]=\"isPaletteNodeEnabled(item) ? 'true' : 'false'\"\n          (dragstart)=\"onPaletteDragStart($event, item)\"\n          [pTooltip]=\"item.tooltip || ''\"\n          [escape]=\"false\"\n          tooltipPosition=\"right\"\n          [tooltipStyleClass]=\"'workflow-palette-tooltip'\">\n          <div class=\"workflow-palette-item-title\">{{ item.label }}</div>\n          @if (item.type === 'route') {\n            <div class=\"workflow-palette-item-badge\">{{ 'workflow.badge.route' | translate }}</div>\n          }\n          @if (item.type === 'action') {\n            <div class=\"workflow-palette-item-badge\">{{ 'workflow.badge.action_scope' | translate }}</div>\n          }\n          <div class=\"workflow-palette-item-description\">{{ item.description }}</div>\n        </div>\n      }\n    </div>\n  </aside>\n\n  <section\n    #workflowCanvas\n    class=\"workflow-canvas\"\n    (dragover)=\"onCanvasDragOver($event)\"\n    (drop)=\"onCanvasDrop($event)\"\n    (contextmenu)=\"onCanvasContextMenu($event)\"\n    (click)=\"onCanvasClick()\">\n    @if (showEmptyGraphChecklist) {\n      <div class=\"workflow-canvas-checklist\">\n        <div class=\"workflow-canvas-checklist-title\">{{ hintChecklistTitle }}</div>\n        <ol>\n          @for (step of hintChecklistStepStates; track $index) {\n            <li [ngClass]=\"{ 'workflow-canvas-checklist-done': step.done }\">{{ step.text }}</li>\n          }\n        </ol>\n        @if (showChecklistTemplateLink) {\n          <button type=\"button\" class=\"workflow-canvas-checklist-link\" (click)=\"createWorkflowFromTemplate()\">\n            {{ hintOrTemplateLabel }}\n          </button>\n        }\n      </div>\n    }\n  </section>\n  <p-contextMenu\n    #primeContextMenu\n    [model]=\"contextMenuItems\"\n    appendTo=\"body\"\n    [autoZIndex]=\"true\"\n    [baseZIndex]=\"13000\">\n  </p-contextMenu>\n</div>\n\n<p-dialog\n  [header]=\"'Riapri grafo'\"\n  [(visible)]=\"reopenWorkflowDialogVisible\"\n  [modal]=\"true\"\n  [closable]=\"true\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n  [appendTo]=\"'body'\"\n  [style]=\"{ width: '34rem' }\"\n  (onHide)=\"cancelReopenWorkflowDialog()\">\n  <div class=\"route-popup-form\">\n    <label for=\"workflow-reopen-select\">Grafi esistenti</label>\n    <p-select\n      inputId=\"workflow-reopen-select\"\n      [options]=\"savedGraphOptions\"\n      optionLabel=\"label\"\n      optionValue=\"value\"\n      [(ngModel)]=\"reopenDialogSelectedGraphKey\"\n      [filter]=\"true\"\n      [showClear]=\"true\"\n      [style]=\"{ width: '100%' }\"\n      appendTo=\"body\" />\n\n    <div class=\"route-popup-actions\">\n      <button type=\"button\" class=\"route-popup-btn\" (click)=\"cancelReopenWorkflowDialog()\">{{ 'cancel' | translate }}</button>\n      <button type=\"button\" class=\"route-popup-btn route-popup-btn-primary\" (click)=\"confirmReopenWorkflowDialog()\"\n      [disabled]=\"!reopenDialogSelectedGraphKey || loadingWorkflow\">Riapri</button>\n    </div>\n  </div>\n</p-dialog>\n\n<div style=\"display:none\">\n  <wuic-data-source #routeMetadataDs [hardcodedRoute]=\"routeMetadataRoute\"></wuic-data-source>\n  <wuic-data-source #startMenuDs [hardcodedRoute]=\"' metadati  menu'\"></wuic-data-source>\n  <wuic-data-source #menuAuthDs [hardcodedRoute]=\"' mtdt  tnt  trizzazioni  menus'\"></wuic-data-source>\n  @if (routeMetadataDs) {\n    <wuic-metadata-editor\n      #actionMetadataEditor\n      [hardcodedDatasource]=\"routeMetadataDs!\"\n      [saveCallback]=\"routeMetadataSaveCallback\"\n      [hideReports]=\"true\"\n      [hideRelatedTableActions]=\"true\"\n      [hideRelatedColumnActions]=\"true\">\n    </wuic-metadata-editor>\n  }\n</div>\n\n<p-dialog\n  [header]=\"'workflow.configure_route' | translate\"\n  [(visible)]=\"routePopupVisible\"\n  [modal]=\"true\"\n  [closable]=\"false\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n  [style]=\"{ width: '32rem' }\">\n  <div class=\"route-popup-form\">\n    <label for=\"workflow-route-source-select\">Sorgente nodo</label>\n    <p-select\n      inputId=\"workflow-route-source-select\"\n      [options]=\"routeSourceOptions\"\n      optionLabel=\"label\"\n      optionValue=\"value\"\n      [(ngModel)]=\"selectedRouteSourceType\"\n      (ngModelChange)=\"onRouteSourceTypeChanged()\"\n      [style]=\"{ width: '100%' }\"\n      appendTo=\"body\" />\n\n    @if (selectedRouteSourceType === 'route') {\n      <label for=\"workflow-route-select\">{{ 'workflow.route' | translate }}</label>\n      <p-autoComplete\n        inputId=\"workflow-route-select\"\n        [(ngModel)]=\"selectedRouteName\"\n        [suggestions]=\"filteredRouteOptions\"\n        [forceSelection]=\"true\"\n        [dropdown]=\"true\"\n        dropdownMode=\"current\"\n        [optionLabel]=\"'label'\"\n        [optionValue]=\"'value'\"\n        [style]=\"{ width: '100%' }\"\n        appendTo=\"body\"\n        (completeMethod)=\"filterRouteOptions($event)\" />\n      <label for=\"workflow-action-select\">{{ 'workflow.action' | translate }}</label>\n      <p-select\n        inputId=\"workflow-action-select\"\n        [options]=\"routeActionOptions\"\n        optionLabel=\"label\"\n        optionValue=\"value\"\n        [(ngModel)]=\"selectedRouteAction\"\n        [style]=\"{ width: '100%' }\"\n        appendTo=\"body\" />\n    } @else {\n      <label for=\"workflow-dashboard-select\">Dashboard</label>\n      <p-autoComplete\n        inputId=\"workflow-dashboard-select\"\n        [(ngModel)]=\"selectedDashboardRoute\"\n        [suggestions]=\"filteredDashboardOptions\"\n        [forceSelection]=\"true\"\n        [dropdown]=\"true\"\n        dropdownMode=\"current\"\n        [optionLabel]=\"'label'\"\n        [optionValue]=\"'value'\"\n        [style]=\"{ width: '100%' }\"\n        appendTo=\"body\"\n        (completeMethod)=\"filterDashboardOptions($event)\" />\n    }\n\n\n    <div class=\"route-popup-actions\">\n      <button type=\"button\" class=\"route-popup-btn\" (click)=\"cancelRouteDrop()\">{{ 'cancel' | translate }}</button>\n      <button type=\"button\" class=\"route-popup-btn route-popup-btn-primary\" (click)=\"confirmRouteDrop()\"\n      [disabled]=\"selectedRouteSourceType === 'dashboard' ? !selectedDashboardRoute : (!selectedRouteName || !selectedRouteAction)\">{{ 'confirmation' | translate }}</button>\n    </div>\n  </div>\n</p-dialog>\n\n<p-dialog\n  [header]=\"'workflow.metadata_route' | translate\"\n  [(visible)]=\"routeMetadataDialogVisible\"\n  [modal]=\"true\"\n  position=\"top\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n  [appendTo]=\"'body'\"\n  styleClass=\"workflow-route-metadata-dialog\"\n  [style]=\"{ width: '78rem', maxHeight: 'calc(100vh - 2rem)' }\"\n  [contentStyle]=\"{ overflow: 'visible', maxHeight: 'calc(100vh - 10rem)' }\">\n  @if (routeMetadataDialogVisible && routeMetadataDs) {\n    <wuic-metadata-editor\n      #routeMetadataEditor\n      [hardcodedDatasource]=\"routeMetadataDs!\"\n      [saveCallback]=\"routeMetadataSaveCallback\"\n      [hideReports]=\"true\"\n      [hideRelatedTableActions]=\"false\"\n      [hideRelatedColumnActions]=\"false\">\n    </wuic-metadata-editor>\n  }\n</p-dialog>\n\n<p-dialog\n  [header]=\"'workflow.configure_action' | translate\"\n  [(visible)]=\"actionPopupVisible\"\n  [modal]=\"true\"\n  [closable]=\"false\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n  [style]=\"{ width: '32rem' }\">\n  <div class=\"route-popup-form\">\n    <label for=\"workflow-action-scope-select\">{{ 'workflow.action_scope' | translate }}</label>\n    <p-select\n      inputId=\"workflow-action-scope-select\"\n      [options]=\"actionScopeOptions\"\n      optionLabel=\"label\"\n      optionValue=\"value\"\n      [(ngModel)]=\"selectedActionScopeId\"\n      (onChange)=\"onActionScopeChanged()\"\n      [style]=\"{ width: '100%' }\"\n      appendTo=\"body\" />\n\n    <label for=\"workflow-action-type-select\">{{ 'workflow.action_type' | translate }}</label>\n    <p-select\n      inputId=\"workflow-action-type-select\"\n      [options]=\"visibleActionTypeOptions\"\n      optionLabel=\"label\"\n      optionValue=\"value\"\n      [(ngModel)]=\"selectedActionTypeId\"\n      [style]=\"{ width: '100%' }\"\n      appendTo=\"body\" />\n\n    <div class=\"route-popup-actions\">\n      <button type=\"button\" class=\"route-popup-btn\" (click)=\"cancelActionDrop()\">{{ 'cancel' | translate }}</button>\n      <button type=\"button\" class=\"route-popup-btn route-popup-btn-primary\" (click)=\"confirmActionDrop()\"\n      [disabled]=\"selectedActionTypeId === null || selectedActionTypeId === undefined || selectedActionScopeId === null || selectedActionScopeId === undefined\">{{ 'confirmation' | translate }}</button>\n    </div>\n  </div>\n</p-dialog>\n\n<p-dialog\n  [header]=\"'Opzioni workflow'\"\n  [(visible)]=\"workflowOptionsDialogVisible\"\n  [modal]=\"true\"\n  [closable]=\"false\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n  [style]=\"{ width: '32rem' }\">\n  <div class=\"route-popup-form\">\n    <label for=\"workflow-options-caption\">Caption menu start</label>\n    <input\n      id=\"workflow-options-caption\"\n      class=\"workflow-options-input\"\n      type=\"text\"\n      [(ngModel)]=\"workflowOptionsCaption\" />\n\n    <label class=\"workflow-options-toggle\">\n      <input type=\"checkbox\" [(ngModel)]=\"workflowOptionsInheritMetadata\" />\n      <span>Eredita metadati</span>\n    </label>\n\n    <label class=\"workflow-options-toggle\">\n      <input type=\"checkbox\" [(ngModel)]=\"workflowOptionsExclusiveMenu\" />\n      <span>Menu esclusivo</span>\n    </label>\n\n    <label class=\"workflow-options-toggle\">\n      <input type=\"checkbox\" [(ngModel)]=\"workflowOptionsShowExit\" />\n      <span>Mostra esci</span>\n    </label>\n\n    <div class=\"route-popup-actions\">\n      <button type=\"button\" class=\"route-popup-btn\" (click)=\"cancelWorkflowOptionsDialog()\">{{ 'cancel' | translate }}</button>\n      <button type=\"button\" class=\"route-popup-btn route-popup-btn-primary\" (click)=\"confirmWorkflowOptionsDialog()\">{{ 'confirmation' | translate }}</button>\n    </div>\n  </div>\n</p-dialog>\n\n<!-- Lint del grafo: elenco findings (on-demand \"Valida grafo\" o conferma pre-save).\n     Il save non e' mai bloccato: con findings serve la conferma esplicita. -->\n<p-dialog\n  [header]=\"lintDialogTitle\"\n  [(visible)]=\"lintDialogVisible\"\n  [modal]=\"true\"\n  [closable]=\"true\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n  [appendTo]=\"'body'\"\n  [style]=\"{ width: '46rem', maxHeight: '80vh' }\"\n  (onHide)=\"onLintDialogClose()\">\n  <div class=\"workflow-lint-summary\">\n    @if (lintErrorCount) {\n      <span class=\"workflow-lint-count workflow-lint-count-error\">\n        <i class=\"pi pi-times-circle\"></i> {{ lintErrorCount }} {{ lintErrorsCountLabel }}\n      </span>\n    }\n    @if (lintWarnCount) {\n      <span class=\"workflow-lint-count workflow-lint-count-warn\">\n        <i class=\"pi pi-exclamation-triangle\"></i> {{ lintWarnCount }} {{ lintWarningsCountLabel }}\n      </span>\n    }\n  </div>\n  <ul class=\"workflow-lint-list\">\n    @for (finding of lintFindings; track $index) {\n      <li\n        class=\"workflow-lint-item\"\n        [ngClass]=\"finding.severity === 'error' ? 'workflow-lint-item-error' : 'workflow-lint-item-warn'\"\n        [class.workflow-lint-item-clickable]=\"!!finding.nodeId\"\n        (click)=\"zoomToLintFinding(finding)\">\n        <i [class]=\"finding.severity === 'error' ? 'pi pi-times-circle' : 'pi pi-exclamation-triangle'\"></i>\n        <span class=\"workflow-lint-code\">{{ finding.code }}</span>\n        <span class=\"workflow-lint-message\">{{ finding.message }}</span>\n      </li>\n    }\n  </ul>\n  <div class=\"route-popup-actions\">\n    <button type=\"button\" class=\"route-popup-btn\" (click)=\"onLintDialogClose()\">\n      {{ lintDialogMode === 'confirm-save' ? ('cancel' | translate) : ('close' | translate) }}\n    </button>\n    @if (lintDialogMode === 'confirm-save') {\n      <button type=\"button\" class=\"route-popup-btn route-popup-btn-primary\" (click)=\"onLintDialogSaveAnyway()\">\n        {{ lintSaveAnywayLabel }}\n      </button>\n    }\n  </div>\n</p-dialog>\n\n<!-- Guida rapida: legenda tipi nodo (dal nodeRegistry) + glossario workflow. -->\n<p-dialog\n  [header]=\"quickGuideTitle\"\n  [(visible)]=\"quickGuideDialogVisible\"\n  [modal]=\"true\"\n  [closable]=\"true\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n  [appendTo]=\"'body'\"\n  styleClass=\"workflow-quick-guide-dialog\"\n  [style]=\"{ width: '52rem', maxHeight: '85vh' }\"\n  [contentStyle]=\"{ overflow: 'auto' }\">\n  <div class=\"workflow-guide-section-title\">{{ quickGuideLegendTitle }}</div>\n  <div class=\"workflow-guide-legend\">\n    @for (entry of guideLegendEntries; track entry.type) {\n      <div class=\"workflow-guide-legend-item\">\n        <span class=\"workflow-guide-legend-chip\" [style.background]=\"entry.background\" [style.borderColor]=\"entry.accent\" [style.color]=\"entry.accent\">\n          {{ entry.label }}\n        </span>\n        <span class=\"workflow-guide-legend-desc\">{{ entry.description }}</span>\n      </div>\n    }\n  </div>\n  <div class=\"workflow-guide-section-title\">{{ quickGuideGlossaryTitle }}</div>\n  <dl class=\"workflow-guide-glossary\">\n    @for (entry of guideGlossaryEntries; track entry.term) {\n      <dt>{{ entry.term }}</dt>\n      <dd>{{ entry.text }}</dd>\n    }\n  </dl>\n</p-dialog>\n", styles: [":host{display:block;height:100%}.workflow-designer{display:grid;grid-template-rows:auto 1fr;grid-template-columns:260px 1fr;gap:12px;height:100%;min-height:520px}.workflow-toolbar{grid-column:1 / span 2;display:flex;align-items:center;flex-wrap:wrap;gap:8px;border:1px solid #d5dce6;border-radius:10px;background:#f7f9fc;padding:10px 12px}.workflow-toolbar label{font-size:.82rem;font-weight:600;color:#2f3f58}.workflow-toolbar input{height:30px;border:1px solid #c7d2e2;border-radius:6px;background:#fff;padding:0 8px;min-width:170px}.workflow-toolbar button{height:30px;border:1px solid #2f67d8;border-radius:6px;background:#2f67d8;color:#fff;padding:0 10px;font-size:.82rem;cursor:pointer}.workflow-toolbar button[disabled]{opacity:.6;cursor:not-allowed}.workflow-toolbar-menu-group{display:inline-flex}.workflow-toolbar-filter{display:inline-flex;align-items:center}.workflow-toolbar-filter ::ng-deep .p-select{min-width:170px;font-size:.82rem}.workflow-current-graph{flex:1 1 auto;min-width:240px;font-size:.82rem;font-weight:600;color:#2f3f58}.workflow-palette{border:1px solid #d5dce6;border-radius:10px;background:#f7f9fc;overflow:auto}.workflow-palette-title{padding:10px 12px;font-size:.86rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#3d4f67;border-bottom:1px solid #d5dce6}.workflow-palette-list{display:flex;flex-direction:column;gap:8px;padding:10px}.workflow-palette-item{border:1px solid #c8d3e2;border-radius:8px;background:#fff;padding:10px;cursor:grab;-webkit-user-select:none;user-select:none}.workflow-palette-item-badge{display:inline-block;margin-top:4px;margin-bottom:4px;padding:2px 7px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;background:#e2e8f0;color:#334155}.workflow-palette-item-route{border-color:#93c5fd;background:#eff6ff}.workflow-palette-item-route .workflow-palette-item-badge{background:#dbeafe;color:#1d4ed8}.workflow-palette-item-action{border-color:#c4b5fd;background:#f5f3ff}.workflow-palette-item-action .workflow-palette-item-badge{background:#ede9fe;color:#6d28d9}.workflow-palette-item-start{border-color:#86efac;background:#f0fdf4}.workflow-palette-item-condition{border-color:#99f6e4;background:#f0fdfa}.workflow-palette-item-end{border-color:#fda4af;background:#fff1f2}.workflow-palette-item:active{cursor:grabbing}.workflow-palette-item-disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.2)}:host-context(.theme-dark) .workflow-palette-item-disabled{opacity:.5}.workflow-palette-item-title{font-size:.94rem;font-weight:600;color:#21324a}.workflow-palette-item-description{margin-top:4px;font-size:.82rem;color:#60738f}.workflow-canvas{position:relative;border:1px solid #d5dce6;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 1px 1px,#dbe3ef 1px,transparent 0);background-size:24px 24px;background-color:#f8fbff;user-select:none;-webkit-user-select:none}.workflow-canvas-hint{position:absolute;right:12px;bottom:12px;font-size:.82rem;color:#60738f;background:#ffffffeb;border:1px solid #d5dce6;border-radius:6px;padding:5px 8px}.route-popup-form{display:flex;flex-direction:column;gap:8px}.route-popup-form label{font-size:.85rem;font-weight:600;color:#2f3f58;margin-top:2px}.workflow-options-input{width:100%;height:34px;border:1px solid #c7d2e2;border-radius:6px;background:#fff;padding:0 8px;color:#1f2f49}.workflow-options-toggle{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:#2f3f58;margin-top:2px}.workflow-options-toggle input[type=checkbox]{width:16px;height:16px}.route-popup-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.route-popup-btn{border:1px solid #c7d2e2;background:#fff;color:#1f2f49;border-radius:6px;padding:7px 12px;font-size:.85rem;cursor:pointer}.route-popup-btn-primary{border-color:#2f67d8;background:#2f67d8;color:#fff}:host ::ng-deep .workflow-route-metadata-dialog.p-dialog{max-height:calc(100vh - 2rem)}:host ::ng-deep .workflow-route-metadata-dialog .p-dialog-content{overflow:visible;max-height:calc(100vh - 10rem)}:host ::ng-deep .workflow-canvas [data-wf-node-type] .node{border:1px solid var(--wf-node-accent, #64748b)!important;background:var(--wf-node-bg, #f8fafc)!important}:host ::ng-deep .workflow-canvas [data-wf-node-type] .title{background:var(--wf-node-accent, #64748b)!important;color:#fff!important;font-weight:700}:host ::ng-deep .workflow-canvas [data-wf-node-type=action][data-wf-action-scope=col] .node{border-style:dashed!important}:host ::ng-deep .workflow-canvas [data-wf-node-type=action][data-wf-action-scope=tab] .node{border-style:solid!important}:host-context(.theme-dark) .workflow-toolbar{border-color:#2a3447;background:#141b27}:host-context(.theme-dark) .workflow-current-graph,:host-context(.theme-dark) .workflow-toolbar label{color:#d8e2f1}:host-context(.theme-dark) .workflow-toolbar input{border-color:#334155;background:#0f1724;color:#e5ecf8}:host-context(.theme-dark) .workflow-toolbar button{border-color:#335fcf;background:#335fcf}:host-context(.theme-dark) .workflow-palette{border-color:#2a3447;background:#141b27}:host-context(.theme-dark) .workflow-palette-title{color:#dbe4f2;border-bottom-color:#2a3447}:host-context(.theme-dark) .workflow-palette-item{border-color:#334155;background:#0f1724}:host-context(.theme-dark) .workflow-palette-item-title{color:#e6edf8}:host-context(.theme-dark) .workflow-palette-item-description{color:#9fb0c7}:host-context(.theme-dark) .workflow-palette-item-badge{background:#273247;color:#c9d7ec}:host-context(.theme-dark) .workflow-palette-item-route{border-color:#3b82f6;background:#0f1f35}:host-context(.theme-dark) .workflow-palette-item-route .workflow-palette-item-badge{background:#1e3a6a;color:#c8ddff}:host-context(.theme-dark) .workflow-palette-item-action{border-color:#8b5cf6;background:#24183d}:host-context(.theme-dark) .workflow-palette-item-action .workflow-palette-item-badge{background:#3a2370;color:#ded1ff}:host-context(.theme-dark) .workflow-palette-item-start{border-color:#22c55e;background:#11281c}:host-context(.theme-dark) .workflow-palette-item-condition{border-color:#14b8a6;background:#0f2726}:host-context(.theme-dark) .workflow-palette-item-end{border-color:#ef4444;background:#30171b}:host-context(.theme-dark) .workflow-canvas{border-color:#2a3447;background:radial-gradient(circle at 1px 1px,#334155 1px,transparent 0);background-size:24px 24px;background-color:#0f1724}:host-context(.theme-dark) .workflow-canvas-hint{color:#b9c8de;background:#0f1724e6;border-color:#334155}:host-context(.theme-dark) .route-popup-form label,:host-context(.theme-dark) .workflow-options-toggle{color:#d8e2f1}:host-context(.theme-dark) .workflow-options-input{border-color:#334155;background:#0f1724;color:#e5ecf8}:host-context(.theme-dark) .route-popup-btn{border-color:#334155;background:#111b2b;color:#d8e2f1}:host-context(.theme-dark) .route-popup-btn-primary{border-color:#335fcf;background:#335fcf;color:#fff}:host-context(.theme-dark) ::ng-deep .p-menu,:host-context(.theme-dark) ::ng-deep .p-contextmenu{background:#121b2b;border-color:#334155;color:#dbe4f2}:host-context(.theme-dark) ::ng-deep .p-menu .p-menu-item-content,:host-context(.theme-dark) ::ng-deep .p-contextmenu .p-menu-item-content{color:#dbe4f2}:host-context(.theme-dark) ::ng-deep .p-menu .p-menu-item-content:hover,:host-context(.theme-dark) ::ng-deep .p-contextmenu .p-menu-item-content:hover{background:#1f2a3d}:host-context(.theme-dark) ::ng-deep .p-dialog{background:#121b2b;border-color:#334155;color:#dbe4f2}:host-context(.theme-dark) ::ng-deep .p-dialog .p-dialog-header,:host-context(.theme-dark) ::ng-deep .p-dialog .p-dialog-content,:host-context(.theme-dark) ::ng-deep .p-dialog .p-dialog-footer{background:#121b2b;color:#dbe4f2;border-color:#334155}.workflow-canvas-checklist{position:absolute;right:18px;bottom:18px;max-width:340px;padding:14px 16px;border:1px solid #cbd5e1;border-radius:10px;background:#fffffff0;color:#334155;font-size:12.5px;line-height:1.5;box-shadow:0 4px 14px #0f172a14;pointer-events:auto;z-index:5}.workflow-canvas-checklist-title{font-weight:700;margin-bottom:6px;color:#0f172a}.workflow-canvas-checklist ol{margin:0 0 8px;padding-left:18px}.workflow-canvas-checklist li{margin:2px 0}.workflow-canvas-checklist-done{text-decoration:line-through;opacity:.55}.workflow-canvas-checklist-link{border:none;background:none;padding:0;color:#2563eb;cursor:pointer;font-size:12.5px;text-decoration:underline}:host-context(.theme-dark) .workflow-canvas-checklist{background:#121b2bf0;border-color:#334155;color:#cbd5e1}:host-context(.theme-dark) .workflow-canvas-checklist-title{color:#e2e8f0}.workflow-lint-summary{display:flex;gap:14px;margin-bottom:10px;font-size:12.5px}.workflow-lint-count{display:inline-flex;align-items:center;gap:6px;font-weight:600}.workflow-lint-count-error{color:#dc2626}.workflow-lint-count-warn{color:#d97706}.workflow-lint-list{list-style:none;margin:0 0 12px;padding:0;max-height:46vh;overflow:auto}.workflow-lint-item{display:flex;align-items:flex-start;gap:8px;padding:7px 8px;border-radius:6px;font-size:12.5px;line-height:1.45}.workflow-lint-item+.workflow-lint-item{margin-top:4px}.workflow-lint-item-error{background:#fef2f2;color:#7f1d1d}.workflow-lint-item-error .pi{color:#dc2626;margin-top:2px}.workflow-lint-item-warn{background:#fffbeb;color:#78350f}.workflow-lint-item-warn .pi{color:#d97706;margin-top:2px}.workflow-lint-item-clickable{cursor:pointer}.workflow-lint-item-clickable:hover{filter:brightness(.97)}.workflow-lint-code{font-family:monospace;font-size:11px;opacity:.75;white-space:nowrap;margin-top:1px}:host-context(.theme-dark) .workflow-lint-item-error{background:#dc26261f;color:#fca5a5}:host-context(.theme-dark) .workflow-lint-item-warn{background:#d977061f;color:#fcd34d}.workflow-guide-section-title{font-weight:700;font-size:13px;margin:10px 0 8px;color:#0f172a}.workflow-guide-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin-bottom:8px}.workflow-guide-legend-item{display:flex;align-items:center;gap:8px;font-size:12.5px}.workflow-guide-legend-chip{display:inline-block;min-width:74px;text-align:center;padding:3px 8px;border:1.5px solid;border-radius:7px;font-weight:700;font-size:11.5px;white-space:nowrap}.workflow-guide-legend-desc{color:#475569;line-height:1.4}.workflow-guide-glossary{margin:0;font-size:12.5px}.workflow-guide-glossary dt{font-weight:700;margin-top:8px;color:#0f172a}.workflow-guide-glossary dd{margin:2px 0 0;color:#475569;line-height:1.5}:host-context(.theme-dark) .workflow-guide-section-title,:host-context(.theme-dark) .workflow-guide-glossary dt{color:#e2e8f0}:host-context(.theme-dark) .workflow-guide-legend-desc,:host-context(.theme-dark) .workflow-guide-glossary dd{color:#94a3b8}::ng-deep .workflow-palette-tooltip .p-tooltip-text{max-width:340px;font-size:12px;line-height:1.45}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i2.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i5.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i2$1.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo", "motionOptions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "ngmodule", type: MenuModule }, { kind: "component", type: i7$1.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex", "appendTo", "motionOptions"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "ngmodule", type: ContextMenuModule }, { kind: "component", type: i14.ContextMenu, selector: "p-contextMenu, p-contextmenu, p-context-menu", inputs: ["model", "triggerEvent", "target", "global", "style", "styleClass", "autoZIndex", "baseZIndex", "id", "breakpoint", "ariaLabel", "ariaLabelledBy", "pressDelay", "appendTo", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i7.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: DataSourceComponent, selector: "wuic-data-source", inputs: ["route", "routeFromRouting", "hardcodedRoute", "autoload", "loading", "changeTracking", "parentRecord", "parentMetaInfo", "parentDatasource", "useComboEndpoint", "comboFormulaLookup", "comboMcId", "comboField", "comboExtraFields", "comboCurrentRecord", "componentRef"] }, { kind: "component", type: MetadataEditorComponent, selector: "wuic-metadata-editor", inputs: ["datasource", "hardcodedDatasource", "saveCallback", "hideReports", "hideRelatedTableActions", "hideRelatedColumnActions"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: WorkflowDesignerComponent, decorators: [{
             type: Component,
@@ -9471,4 +9501,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             }] } });
 
 export { WorkflowDesignerComponent };
-//# sourceMappingURL=wuic-framework-lib-workflow-designer.component-5xtQ7-6z.mjs.map
+//# sourceMappingURL=wuic-framework-lib-workflow-designer.component-DMM8BeXm.mjs.map