@esfaenza/dpe-builder 20.3.8 → 20.3.10

package/fesm2022/esfaenza-dpe-builder.mjs

@@ -463,10 +463,10 @@ class HttpDpeBuilderApi extends DpeBuilderApi {
     deleteDefinition(name) {
         return this.request('deleteDefinition', () => this.httpDelete(`/definitions/${this.segment(this.requireKey(name, 'deleteDefinition', 'il nome della definizione'))}`));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: HttpDpeBuilderApi, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: HttpDpeBuilderApi });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: HttpDpeBuilderApi, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: HttpDpeBuilderApi });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: HttpDpeBuilderApi, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: HttpDpeBuilderApi, decorators: [{
             type: Injectable
         }] });
 /**
@@ -1877,10 +1877,10 @@ class DpeDocumentStore {
         this._future.set([]);
         this._definition.set(next);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeDocumentStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeDocumentStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeDocumentStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeDocumentStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeDocumentStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeDocumentStore, decorators: [{
             type: Injectable
         }] });
 
@@ -2065,10 +2065,10 @@ class DpeCatalogStore {
         const message = error instanceof Error ? error.message : 'Errore inatteso dal backend.';
         return new DpeApiError('Transport', message, error);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeCatalogStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeCatalogStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeCatalogStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeCatalogStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeCatalogStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeCatalogStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -2146,10 +2146,10 @@ class DpeLayoutService {
         }
         return positions;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeLayoutService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeLayoutService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeLayoutService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeLayoutService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeLayoutService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeLayoutService, decorators: [{
             type: Injectable
         }] });
 
@@ -2226,10 +2226,10 @@ class DpeMetadataStore {
         next.set(tableName, state);
         this._byName.set(next);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeMetadataStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeMetadataStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeMetadataStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeMetadataStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeMetadataStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeMetadataStore, decorators: [{
             type: Injectable
         }] });
 
@@ -2524,10 +2524,10 @@ class DpeValidationService {
         const message = error instanceof Error ? error.message : 'Errore inatteso dal backend.';
         return new DpeApiError('Transport', message, error);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeValidationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeValidationService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeValidationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeValidationService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeValidationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeValidationService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -2572,8 +2572,8 @@ function dpeIsRectFullyVisible(target, view, margin = 0) {
 class DpeNodeIconComponent {
     collection = input.required(...(ngDevMode ? [{ debugName: "collection" }] : []));
     paths = computed(() => dpeNodeIconPaths(this.collection()), ...(ngDevMode ? [{ debugName: "paths" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeNodeIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeNodeIconComponent, isStandalone: true, selector: "dpe-node-icon", inputs: { collection: { classPropertyName: "collection", publicName: "collection", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeNodeIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeNodeIconComponent, isStandalone: true, selector: "dpe-node-icon", inputs: { collection: { classPropertyName: "collection", publicName: "collection", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
     <svg
       viewBox="0 0 24 24"
       width="16"
@@ -2592,7 +2592,7 @@ class DpeNodeIconComponent {
     </svg>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeNodeIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeNodeIconComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dpe-node-icon',
@@ -3062,10 +3062,10 @@ class DpeCanvasComponent {
     isSelected(node) {
         return this.store.selectedNodeNameSet().has(node.name);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeCanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeCanvasComponent, isStandalone: true, selector: "dpe-canvas", inputs: { isEditable: { classPropertyName: "isEditable", publicName: "isEditable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nodeOpened: "nodeOpened", nodeDropped: "nodeDropped" }, providers: [provideFFlow(withA11y())], viewQueries: [{ propertyName: "canvas", first: true, predicate: FCanvasComponent, descendants: true, isSignal: true }, { propertyName: "flow", first: true, predicate: FFlowComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<!--\r\n  Gerarchia obbligatoria: f-flow > f-canvas > fNode / f-connection. I `@for` stanno\r\n  direttamente dentro <f-canvas>: senza wrapper non serve `ngProjectAs`.\r\n-->\r\n<!--\r\n  `dpe-flow`: classe nostra sul contenitore della libreria, e serve al **CSS**. Il tema di\r\n  @foblex/flow stila la card con `.f-flow .f-node` (due classi): un nostro `.dpe-node` non la\r\n  batte, e senza questa classe la card torna larga 120px e col testo centrato. Con `dpe-flow` i\r\n  selettori del foglio diventano `dpe-canvas .dpe-flow .dpe-node`, che vince per specificita' e\r\n  non per ordine di caricamento.\r\n-->\r\n<f-flow\r\n  class=\"dpe-flow\"\r\n  fDraggable\r\n  (fCreateConnection)=\"onCreateConnection($event)\"\r\n  (fReassignConnection)=\"onReassignConnection($event)\"\r\n  (fMoveNodes)=\"onMoveNodes($event)\"\r\n  (fSelectionChange)=\"onSelectionChange($event)\"\r\n  (fDeleteSelected)=\"onDeleteSelected($event)\"\r\n  (fCreateNode)=\"onCreateNode($event)\"\r\n  (fNodesRendered)=\"onNodesRendered()\"\r\n>\r\n  <f-canvas fZoom #canvas (fCanvasChange)=\"onCanvasChange()\">\r\n    <f-background>\r\n      <f-circle-pattern />\r\n    </f-background>\r\n\r\n    @for (edge of edges(); track edge.id) {\r\n      <!--\r\n        La classe porta lo **slot** di destinazione: la primaria e la secondaria di un join\r\n        vanno distinte a vista, altrimenti l\u2019unico modo di sapere quale lato e\u2019 quale e\u2019 aprire\r\n        l\u2019ispettore. I colori stanno nel CSS globale, non qui: i path SVG sono creati a runtime\r\n        e non portano l\u2019attributo di scope.\r\n      -->\r\n      <f-connection\r\n        [fConnectionId]=\"edge.id\"\r\n        [fSourceId]=\"edge.sourceId\"\r\n        [fTargetId]=\"edge.targetId\"\r\n        fBehavior=\"floating\"\r\n        fType=\"bezier\"\r\n        [class]=\"'dpe-edge dpe-edge--' + edge.slot\"\r\n      >\r\n        <f-connection-marker-arrow [type]=\"markerEnd\" />\r\n      </f-connection>\r\n    }\r\n\r\n    @for (node of nodes(); track node.id) {\r\n      <!--\r\n        Nessun `[style.*]` sul nodo: @foblex/flow riscrive l\u2019attributo `style` a ogni\r\n        riposizionamento e lo cancellerebbe. La larghezza arriva da `node.widthClass`.\r\n      -->\r\n      <div\r\n        fNode\r\n        fDragHandle\r\n        [fNodeId]=\"node.id\"\r\n        [fNodePosition]=\"node.position\"\r\n        [class]=\"\r\n          'dpe-node dpe-node--' + node.collection + ' ' + node.widthClass + ' ' + node.familyClass\r\n        \"\r\n        [class.dpe-node--selected]=\"isSelected(node)\"\r\n        [class.dpe-node--error]=\"node.severity === 'Error'\"\r\n        [class.dpe-node--warning]=\"node.severity === 'Warning'\"\r\n        [class.dpe-node--not-compilable]=\"node.isNotCompilable\"\r\n        [attr.aria-label]=\"node.categoryLabel + ' ' + node.label\"\r\n        (dblclick)=\"onNodeDoubleClick(node.name)\"\r\n      >\r\n        <!--\r\n          Le porte di ingresso stanno in fila sul bordo superiore, una per slot. Si renderizzano\r\n          **sempre**: un connettore con `display: none` ha geometria 0x0 e l\u2019arco si attacca nel\r\n          punto sbagliato. `fConnectorConnectableSide` e\u2019 dichiarato: senza, un arco che risale\r\n          entrerebbe di fianco.\r\n        -->\r\n        @if (node.ports.length > 0) {\r\n          <div class=\"dpe-node__ports\" [class.dpe-node__ports--labelled]=\"node.showsPortLabels\">\r\n            @for (port of node.ports; track port.id) {\r\n              <div class=\"dpe-port\">\r\n                <div\r\n                  fConnector\r\n                  fConnectorType=\"target\"\r\n                  [fConnectorId]=\"port.id\"\r\n                  [fConnectorConnectableSide]=\"sides.TOP\"\r\n                  fConnectorMultiple=\"false\"\r\n                  class=\"dpe-connector dpe-connector--in\"\r\n                  [class.dpe-connector--broken]=\"port.isBroken\"\r\n                  [title]=\"port.label\"\r\n                ></div>\r\n                @if (node.showsPortLabels) {\r\n                  <span class=\"dpe-port__label\" [title]=\"port.label\">{{ port.label }}</span>\r\n                }\r\n              </div>\r\n            }\r\n          </div>\r\n        }\r\n\r\n        <div class=\"dpe-node__head\">\r\n          <!--\r\n            La stessa pastiglia della palette: cio\u2019 che si trascina deve assomigliare a cio\u2019 che\r\n            compare. La classe di famiglia porta i due token di colore.\r\n          -->\r\n          <span class=\"dpe-node__icon\">\r\n            <dpe-node-icon [collection]=\"node.collection\" />\r\n          </span>\r\n          <div class=\"dpe-node__text\">\r\n            <span class=\"dpe-node__title\" [title]=\"node.label\">{{ node.label }}</span>\r\n            <span class=\"dpe-node__sub\">\r\n              {{ node.categoryLabel }}\r\n              @if (node.subtitle) {\r\n                <span class=\"dpe-node__dot\">\u00B7</span>{{ node.subtitle }}\r\n              }\r\n            </span>\r\n          </div>\r\n          <!--\r\n            `fDragBlocker` sui bottoni dentro un nodo: senza, il pointerdown diventa un\r\n            trascinamento e aprire l\u2019ispettore sposta il nodo di qualche pixel.\r\n          -->\r\n          <button\r\n            type=\"button\"\r\n            fDragBlocker\r\n            class=\"dpe-node__btn\"\r\n            [attr.aria-label]=\"'Apri l\u2019ispettore di ' + node.label\"\r\n            title=\"Apri l\u2019ispettore\"\r\n            (click)=\"onEditClick($event, node.name)\"\r\n          >\r\n            \u270E\r\n          </button>\r\n          @if (isEditable() && isSelected(node)) {\r\n            <!--\r\n              Solo sul nodo selezionato: un comando distruttivo che compare sotto il puntatore\r\n              mentre si attraversa il grafo si preme per sbaglio.\r\n            -->\r\n            <button\r\n              type=\"button\"\r\n              fDragBlocker\r\n              class=\"dpe-node__btn dpe-node__btn--remove\"\r\n              [attr.aria-label]=\"'Elimina ' + node.label\"\r\n              title=\"Elimina (si annulla con \u21B6)\"\r\n              (click)=\"onRemoveClick($event, node.name)\"\r\n            >\r\n              \u00D7\r\n            </button>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"dpe-node__meta\">\r\n          <span class=\"dpe-node__name\" [title]=\"'Nome tecnico: ' + node.name\">{{ node.name }}</span>\r\n          @if (node.columnCount !== null) {\r\n            <span class=\"dpe-badge\" [title]=\"'Colonne in uscita secondo il backend'\">\r\n              {{ node.columnCount }} col.\r\n            </span>\r\n          }\r\n          @if (node.isNotCompilable) {\r\n            <!--\r\n              Stato distinto dall\u2019errore: la definizione va bene, il compilatore non ci arriva\r\n              (I10). Colore proprio, testo che non chiede di correggere niente.\r\n            -->\r\n            <span class=\"dpe-badge dpe-badge--not-compilable\" title=\"Valido, ma non compilabile: e\u2019 un limite nostro\">\r\n              non compilabile\r\n            </span>\r\n          }\r\n          @if (node.diagnosticCount > 0) {\r\n            <span\r\n              class=\"dpe-badge\"\r\n              [class.dpe-badge--error]=\"node.severity === 'Error'\"\r\n              [class.dpe-badge--warning]=\"node.severity === 'Warning'\"\r\n              [class.dpe-badge--info]=\"node.severity === 'Info'\"\r\n              [title]=\"node.diagnosticCount + ' rilievi dal backend'\"\r\n            >\r\n              {{ node.diagnosticCount }}\r\n            </span>\r\n          }\r\n          @for (port of node.ports; track $index) {\r\n            @if (port.isBroken) {\r\n              <span class=\"dpe-badge dpe-badge--error\" [title]=\"'Riferimento non risolto: ' + port.sourceName\">\r\n                \u26A0 {{ port.sourceName }}\r\n              </span>\r\n            }\r\n          }\r\n        </div>\r\n\r\n        <!--\r\n          L\u2019uscita e\u2019 una sola: lo schema prodotto e\u2019 uno. I sink non ne hanno, e la porta non\r\n          si disegna affatto \u2014 qui non c\u2019e\u2019 niente da nascondere con `display: none`, il\r\n          connettore semplicemente non esiste.\r\n        -->\r\n        @if (node.hasOutput) {\r\n          <div class=\"dpe-node__out\">\r\n            <div\r\n              fConnector\r\n              fConnectorType=\"source\"\r\n              [fConnectorId]=\"node.outputPortId\"\r\n              [fConnectorConnectableSide]=\"sides.BOTTOM\"\r\n              class=\"dpe-connector dpe-connector--out\"\r\n              title=\"Uscita\"\r\n            ></div>\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n\r\n    <f-connection-for-create fBehavior=\"floating\" fType=\"bezier\" class=\"dpe-edge dpe-edge--creating\">\r\n      <f-connection-marker-arrow [type]=\"markerEnd\" />\r\n    </f-connection-for-create>\r\n\r\n    <f-selection-area />\r\n  </f-canvas>\r\n\r\n  <!--\r\n    Fuori da <f-canvas> come la minimappa: dentro, la trasformazione del canvas se lo\r\n    porterebbe via insieme ai nodi.\r\n  -->\r\n  <button\r\n    type=\"button\"\r\n    fDragBlocker\r\n    class=\"dpe-viewport-reset\"\r\n    [class.dpe-viewport-reset--hidden]=\"!isFitCommandVisible()\"\r\n    title=\"Rimetti il grafo interamente in vista\"\r\n    (click)=\"resetViewport()\"\r\n  >\r\n    \u2922 Inquadra\r\n  </button>\r\n\r\n  <f-minimap [fMinSize]=\"1200\" class=\"dpe-minimap\" />\r\n</f-flow>\r\n", dependencies: [{ kind: "ngmodule", type: FFlowModule }, { kind: "component", type: i1.FFlowComponent, selector: "f-flow", inputs: ["fFlowId", "fCache"], outputs: ["fNodesRendered", "fFullRendered", "fLoaded"] }, { kind: "component", type: i1.FCanvasComponent, selector: "f-canvas", inputs: ["position", "scale", "debounceTime", "fLayers"], outputs: ["fCanvasChange"] }, { kind: "component", type: i1.FBackgroundComponent, selector: "f-background" }, { kind: "component", type: i1.FCirclePatternComponent, selector: "f-circle-pattern", inputs: ["id", "color", "radius"] }, { kind: "directive", type: i1.FZoomDirective, selector: "f-canvas[fZoom]", inputs: ["fZoom", "fWheelTrigger", "fDblClickTrigger", "fZoomMinimum", "fZoomMaximum", "fZoomStep", "fPinchStep", "fZoomDblClickStep"] }, { kind: "component", type: i1.FSelectionArea, selector: "f-selection-area", inputs: ["fTrigger"] }, { kind: "component", type: i1.FConnectionMarkerArrow, selector: "f-connection-marker-arrow", inputs: ["type"] }, { kind: "component", type: i1.FConnectionComponent, selector: "f-connection", inputs: ["fConnectionId", "fSourceId", "fTargetId", "fOutputId", "fInputId", "fRadius", "fOffset", "fBehavior", "fType", "fSelectionDisabled", "fReassignableStart", "fReassignDisabled", "fSourceSide", "fTargetSide", "fInputSide", "fOutputSide"], exportAs: ["fComponent"] }, { kind: "component", type: i1.FConnectionForCreateComponent, selector: "f-connection-for-create", inputs: ["fRadius", "fOffset", "fBehavior", "fType", "fInputSide", "fOutputSide"] }, { kind: "directive", type: i1.FConnectorDirective, selector: "[fConnector]", inputs: ["fConnectorId", "fConnectorType", "fConnectorDisabled", "fConnectorMultiple", "fConnectorCategory", "fConnectorConnectableSide", "fConnectorSelfConnectable", "fCanBeConnectedTo", "fConnectionFromOutlet"], exportAs: ["fConnector"] }, { kind: "component", type: i1.FMinimapComponent, selector: "f-minimap", inputs: ["fMinSize", "fNodeRenderLimit"], exportAs: ["fComponent"] }, { kind: "directive", type: i1.FNodeDirective, selector: "[fNode]", inputs: ["fNodeId", "fNodeParentId", "fNodePosition", "fNodeSize", "fNodeRotate", "fConnectOnNode", "fMinimapClass", "fNodeDraggingDisabled", "fNodeSelectionDisabled", "fIncludePadding", "fAutoExpandOnChildHit", "fAutoSizeToFitChildren"], outputs: ["fNodePositionChange", "fNodeSizeChange", "fNodeRotateChange"], exportAs: ["fComponent"] }, { kind: "directive", type: i1.FDragHandleDirective, selector: "[fDragHandle]" }, { kind: "directive", type: i1.FDragBlockerDirective, selector: "[fDragBlocker]" }, { kind: "directive", type: i1.FDraggableDirective, selector: "f-flow[fDraggable]", inputs: ["fDraggableDisabled", "fDropToGroup", "fMultiSelectTrigger", "fReassignConnectionTrigger", "fCreateConnectionTrigger", "fConnectionWaypointsTrigger", "fMoveControlPointTrigger", "fNodeResizeTrigger", "fNodeRotateTrigger", "fNodeMoveTrigger", "fCanvasMoveTrigger", "fExternalItemTrigger", "fEmitOnNodeIntersect", "vCellSize", "hCellSize", "fCellSizeWhileDragging"], outputs: ["fSelectionChange", "fDeleteSelected", "fNodeIntersectedWithConnections", "fNodeConnectionsIntersection", "fCreateNode", "fMoveNodes", "fReassignConnection", "fCreateConnection", "fConnectionWaypointsChanged", "fDropToGroup", "fDragStarted", "fDragEnded"], exportAs: ["fDraggable"] }, { kind: "component", type: DpeNodeIconComponent, selector: "dpe-node-icon", inputs: ["collection"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeCanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeCanvasComponent, isStandalone: true, selector: "dpe-canvas", inputs: { isEditable: { classPropertyName: "isEditable", publicName: "isEditable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nodeOpened: "nodeOpened", nodeDropped: "nodeDropped" }, providers: [provideFFlow(withA11y())], viewQueries: [{ propertyName: "canvas", first: true, predicate: FCanvasComponent, descendants: true, isSignal: true }, { propertyName: "flow", first: true, predicate: FFlowComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<!--\r\n  Gerarchia obbligatoria: f-flow > f-canvas > fNode / f-connection. I `@for` stanno\r\n  direttamente dentro <f-canvas>: senza wrapper non serve `ngProjectAs`.\r\n-->\r\n<!--\r\n  `dpe-flow`: classe nostra sul contenitore della libreria, e serve al **CSS**. Il tema di\r\n  @foblex/flow stila la card con `.f-flow .f-node` (due classi): un nostro `.dpe-node` non la\r\n  batte, e senza questa classe la card torna larga 120px e col testo centrato. Con `dpe-flow` i\r\n  selettori del foglio diventano `dpe-canvas .dpe-flow .dpe-node`, che vince per specificita' e\r\n  non per ordine di caricamento.\r\n-->\r\n<f-flow\r\n  class=\"dpe-flow\"\r\n  fDraggable\r\n  (fCreateConnection)=\"onCreateConnection($event)\"\r\n  (fReassignConnection)=\"onReassignConnection($event)\"\r\n  (fMoveNodes)=\"onMoveNodes($event)\"\r\n  (fSelectionChange)=\"onSelectionChange($event)\"\r\n  (fDeleteSelected)=\"onDeleteSelected($event)\"\r\n  (fCreateNode)=\"onCreateNode($event)\"\r\n  (fNodesRendered)=\"onNodesRendered()\"\r\n>\r\n  <f-canvas fZoom #canvas (fCanvasChange)=\"onCanvasChange()\">\r\n    <f-background>\r\n      <f-circle-pattern />\r\n    </f-background>\r\n\r\n    @for (edge of edges(); track edge.id) {\r\n      <!--\r\n        La classe porta lo **slot** di destinazione: la primaria e la secondaria di un join\r\n        vanno distinte a vista, altrimenti l\u2019unico modo di sapere quale lato e\u2019 quale e\u2019 aprire\r\n        l\u2019ispettore. I colori stanno nel CSS globale, non qui: i path SVG sono creati a runtime\r\n        e non portano l\u2019attributo di scope.\r\n      -->\r\n      <f-connection\r\n        [fConnectionId]=\"edge.id\"\r\n        [fSourceId]=\"edge.sourceId\"\r\n        [fTargetId]=\"edge.targetId\"\r\n        fBehavior=\"floating\"\r\n        fType=\"bezier\"\r\n        [class]=\"'dpe-edge dpe-edge--' + edge.slot\"\r\n      >\r\n        <f-connection-marker-arrow [type]=\"markerEnd\" />\r\n      </f-connection>\r\n    }\r\n\r\n    @for (node of nodes(); track node.id) {\r\n      <!--\r\n        Nessun `[style.*]` sul nodo: @foblex/flow riscrive l\u2019attributo `style` a ogni\r\n        riposizionamento e lo cancellerebbe. La larghezza arriva da `node.widthClass`.\r\n      -->\r\n      <div\r\n        fNode\r\n        fDragHandle\r\n        [fNodeId]=\"node.id\"\r\n        [fNodePosition]=\"node.position\"\r\n        [class]=\"\r\n          'dpe-node dpe-node--' + node.collection + ' ' + node.widthClass + ' ' + node.familyClass\r\n        \"\r\n        [class.dpe-node--selected]=\"isSelected(node)\"\r\n        [class.dpe-node--error]=\"node.severity === 'Error'\"\r\n        [class.dpe-node--warning]=\"node.severity === 'Warning'\"\r\n        [class.dpe-node--not-compilable]=\"node.isNotCompilable\"\r\n        [attr.aria-label]=\"node.categoryLabel + ' ' + node.label\"\r\n        (dblclick)=\"onNodeDoubleClick(node.name)\"\r\n      >\r\n        <!--\r\n          Le porte di ingresso stanno in fila sul bordo superiore, una per slot. Si renderizzano\r\n          **sempre**: un connettore con `display: none` ha geometria 0x0 e l\u2019arco si attacca nel\r\n          punto sbagliato. `fConnectorConnectableSide` e\u2019 dichiarato: senza, un arco che risale\r\n          entrerebbe di fianco.\r\n        -->\r\n        @if (node.ports.length > 0) {\r\n          <div class=\"dpe-node__ports\" [class.dpe-node__ports--labelled]=\"node.showsPortLabels\">\r\n            @for (port of node.ports; track port.id) {\r\n              <div class=\"dpe-port\">\r\n                <div\r\n                  fConnector\r\n                  fConnectorType=\"target\"\r\n                  [fConnectorId]=\"port.id\"\r\n                  [fConnectorConnectableSide]=\"sides.TOP\"\r\n                  fConnectorMultiple=\"false\"\r\n                  class=\"dpe-connector dpe-connector--in\"\r\n                  [class.dpe-connector--broken]=\"port.isBroken\"\r\n                  [title]=\"port.label\"\r\n                ></div>\r\n                @if (node.showsPortLabels) {\r\n                  <span class=\"dpe-port__label\" [title]=\"port.label\">{{ port.label }}</span>\r\n                }\r\n              </div>\r\n            }\r\n          </div>\r\n        }\r\n\r\n        <div class=\"dpe-node__head\">\r\n          <!--\r\n            La stessa pastiglia della palette: cio\u2019 che si trascina deve assomigliare a cio\u2019 che\r\n            compare. La classe di famiglia porta i due token di colore.\r\n          -->\r\n          <span class=\"dpe-node__icon\">\r\n            <dpe-node-icon [collection]=\"node.collection\" />\r\n          </span>\r\n          <div class=\"dpe-node__text\">\r\n            <span class=\"dpe-node__title\" [title]=\"node.label\">{{ node.label }}</span>\r\n            <span class=\"dpe-node__sub\">\r\n              {{ node.categoryLabel }}\r\n              @if (node.subtitle) {\r\n                <span class=\"dpe-node__dot\">\u00B7</span>{{ node.subtitle }}\r\n              }\r\n            </span>\r\n          </div>\r\n          <!--\r\n            `fDragBlocker` sui bottoni dentro un nodo: senza, il pointerdown diventa un\r\n            trascinamento e aprire l\u2019ispettore sposta il nodo di qualche pixel.\r\n          -->\r\n          <button\r\n            type=\"button\"\r\n            fDragBlocker\r\n            class=\"dpe-node__btn\"\r\n            [attr.aria-label]=\"'Apri l\u2019ispettore di ' + node.label\"\r\n            title=\"Apri l\u2019ispettore\"\r\n            (click)=\"onEditClick($event, node.name)\"\r\n          >\r\n            \u270E\r\n          </button>\r\n          @if (isEditable() && isSelected(node)) {\r\n            <!--\r\n              Solo sul nodo selezionato: un comando distruttivo che compare sotto il puntatore\r\n              mentre si attraversa il grafo si preme per sbaglio.\r\n            -->\r\n            <button\r\n              type=\"button\"\r\n              fDragBlocker\r\n              class=\"dpe-node__btn dpe-node__btn--remove\"\r\n              [attr.aria-label]=\"'Elimina ' + node.label\"\r\n              title=\"Elimina (si annulla con \u21B6)\"\r\n              (click)=\"onRemoveClick($event, node.name)\"\r\n            >\r\n              \u00D7\r\n            </button>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"dpe-node__meta\">\r\n          <span class=\"dpe-node__name\" [title]=\"'Nome tecnico: ' + node.name\">{{ node.name }}</span>\r\n          @if (node.columnCount !== null) {\r\n            <span class=\"dpe-badge\" [title]=\"'Colonne in uscita secondo il backend'\">\r\n              {{ node.columnCount }} col.\r\n            </span>\r\n          }\r\n          @if (node.isNotCompilable) {\r\n            <!--\r\n              Stato distinto dall\u2019errore: la definizione va bene, il compilatore non ci arriva\r\n              (I10). Colore proprio, testo che non chiede di correggere niente.\r\n            -->\r\n            <span class=\"dpe-badge dpe-badge--not-compilable\" title=\"Valido, ma non compilabile: e\u2019 un limite nostro\">\r\n              non compilabile\r\n            </span>\r\n          }\r\n          @if (node.diagnosticCount > 0) {\r\n            <span\r\n              class=\"dpe-badge\"\r\n              [class.dpe-badge--error]=\"node.severity === 'Error'\"\r\n              [class.dpe-badge--warning]=\"node.severity === 'Warning'\"\r\n              [class.dpe-badge--info]=\"node.severity === 'Info'\"\r\n              [title]=\"node.diagnosticCount + ' rilievi dal backend'\"\r\n            >\r\n              {{ node.diagnosticCount }}\r\n            </span>\r\n          }\r\n          @for (port of node.ports; track $index) {\r\n            @if (port.isBroken) {\r\n              <span class=\"dpe-badge dpe-badge--error\" [title]=\"'Riferimento non risolto: ' + port.sourceName\">\r\n                \u26A0 {{ port.sourceName }}\r\n              </span>\r\n            }\r\n          }\r\n        </div>\r\n\r\n        <!--\r\n          L\u2019uscita e\u2019 una sola: lo schema prodotto e\u2019 uno. I sink non ne hanno, e la porta non\r\n          si disegna affatto \u2014 qui non c\u2019e\u2019 niente da nascondere con `display: none`, il\r\n          connettore semplicemente non esiste.\r\n        -->\r\n        @if (node.hasOutput) {\r\n          <div class=\"dpe-node__out\">\r\n            <div\r\n              fConnector\r\n              fConnectorType=\"source\"\r\n              [fConnectorId]=\"node.outputPortId\"\r\n              [fConnectorConnectableSide]=\"sides.BOTTOM\"\r\n              class=\"dpe-connector dpe-connector--out\"\r\n              title=\"Uscita\"\r\n            ></div>\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n\r\n    <f-connection-for-create fBehavior=\"floating\" fType=\"bezier\" class=\"dpe-edge dpe-edge--creating\">\r\n      <f-connection-marker-arrow [type]=\"markerEnd\" />\r\n    </f-connection-for-create>\r\n\r\n    <f-selection-area />\r\n  </f-canvas>\r\n\r\n  <!--\r\n    Fuori da <f-canvas> come la minimappa: dentro, la trasformazione del canvas se lo\r\n    porterebbe via insieme ai nodi.\r\n  -->\r\n  <button\r\n    type=\"button\"\r\n    fDragBlocker\r\n    class=\"dpe-viewport-reset\"\r\n    [class.dpe-viewport-reset--hidden]=\"!isFitCommandVisible()\"\r\n    title=\"Rimetti il grafo interamente in vista\"\r\n    (click)=\"resetViewport()\"\r\n  >\r\n    \u2922 Inquadra\r\n  </button>\r\n\r\n  <f-minimap [fMinSize]=\"1200\" class=\"dpe-minimap\" />\r\n</f-flow>\r\n", dependencies: [{ kind: "ngmodule", type: FFlowModule }, { kind: "component", type: i1.FFlowComponent, selector: "f-flow", inputs: ["fFlowId", "fCache"], outputs: ["fNodesRendered", "fFullRendered", "fLoaded"] }, { kind: "component", type: i1.FCanvasComponent, selector: "f-canvas", inputs: ["position", "scale", "debounceTime", "fLayers"], outputs: ["fCanvasChange"] }, { kind: "component", type: i1.FBackgroundComponent, selector: "f-background" }, { kind: "component", type: i1.FCirclePatternComponent, selector: "f-circle-pattern", inputs: ["id", "color", "radius"] }, { kind: "directive", type: i1.FZoomDirective, selector: "f-canvas[fZoom]", inputs: ["fZoom", "fWheelTrigger", "fDblClickTrigger", "fZoomMinimum", "fZoomMaximum", "fZoomStep", "fPinchStep", "fZoomDblClickStep"] }, { kind: "component", type: i1.FSelectionArea, selector: "f-selection-area", inputs: ["fTrigger"] }, { kind: "component", type: i1.FConnectionMarkerArrow, selector: "f-connection-marker-arrow", inputs: ["type"] }, { kind: "component", type: i1.FConnectionComponent, selector: "f-connection", inputs: ["fConnectionId", "fSourceId", "fTargetId", "fOutputId", "fInputId", "fRadius", "fOffset", "fBehavior", "fType", "fSelectionDisabled", "fReassignableStart", "fReassignDisabled", "fSourceSide", "fTargetSide", "fInputSide", "fOutputSide"], exportAs: ["fComponent"] }, { kind: "component", type: i1.FConnectionForCreateComponent, selector: "f-connection-for-create", inputs: ["fRadius", "fOffset", "fBehavior", "fType", "fInputSide", "fOutputSide"] }, { kind: "directive", type: i1.FConnectorDirective, selector: "[fConnector]", inputs: ["fConnectorId", "fConnectorType", "fConnectorDisabled", "fConnectorMultiple", "fConnectorCategory", "fConnectorConnectableSide", "fConnectorSelfConnectable", "fCanBeConnectedTo", "fConnectionFromOutlet"], exportAs: ["fConnector"] }, { kind: "component", type: i1.FMinimapComponent, selector: "f-minimap", inputs: ["fMinSize", "fNodeRenderLimit"], exportAs: ["fComponent"] }, { kind: "directive", type: i1.FNodeDirective, selector: "[fNode]", inputs: ["fNodeId", "fNodeParentId", "fNodePosition", "fNodeSize", "fNodeRotate", "fConnectOnNode", "fMinimapClass", "fNodeDraggingDisabled", "fNodeSelectionDisabled", "fIncludePadding", "fAutoExpandOnChildHit", "fAutoSizeToFitChildren"], outputs: ["fNodePositionChange", "fNodeSizeChange", "fNodeRotateChange"], exportAs: ["fComponent"] }, { kind: "directive", type: i1.FDragHandleDirective, selector: "[fDragHandle]" }, { kind: "directive", type: i1.FDragBlockerDirective, selector: "[fDragBlocker]" }, { kind: "directive", type: i1.FDraggableDirective, selector: "f-flow[fDraggable]", inputs: ["fDraggableDisabled", "fDropToGroup", "fMultiSelectTrigger", "fReassignConnectionTrigger", "fCreateConnectionTrigger", "fConnectionWaypointsTrigger", "fMoveControlPointTrigger", "fNodeResizeTrigger", "fNodeRotateTrigger", "fNodeMoveTrigger", "fCanvasMoveTrigger", "fExternalItemTrigger", "fEmitOnNodeIntersect", "vCellSize", "hCellSize", "fCellSizeWhileDragging"], outputs: ["fSelectionChange", "fDeleteSelected", "fNodeIntersectedWithConnections", "fNodeConnectionsIntersection", "fCreateNode", "fMoveNodes", "fReassignConnection", "fCreateConnection", "fConnectionWaypointsChanged", "fDropToGroup", "fDragStarted", "fDragEnded"], exportAs: ["fDraggable"] }, { kind: "component", type: DpeNodeIconComponent, selector: "dpe-node-icon", inputs: ["collection"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeCanvasComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeCanvasComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dpe-canvas', standalone: true, imports: [FFlowModule, DpeNodeIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [provideFFlow(withA11y())], template: "<!--\r\n  Gerarchia obbligatoria: f-flow > f-canvas > fNode / f-connection. I `@for` stanno\r\n  direttamente dentro <f-canvas>: senza wrapper non serve `ngProjectAs`.\r\n-->\r\n<!--\r\n  `dpe-flow`: classe nostra sul contenitore della libreria, e serve al **CSS**. Il tema di\r\n  @foblex/flow stila la card con `.f-flow .f-node` (due classi): un nostro `.dpe-node` non la\r\n  batte, e senza questa classe la card torna larga 120px e col testo centrato. Con `dpe-flow` i\r\n  selettori del foglio diventano `dpe-canvas .dpe-flow .dpe-node`, che vince per specificita' e\r\n  non per ordine di caricamento.\r\n-->\r\n<f-flow\r\n  class=\"dpe-flow\"\r\n  fDraggable\r\n  (fCreateConnection)=\"onCreateConnection($event)\"\r\n  (fReassignConnection)=\"onReassignConnection($event)\"\r\n  (fMoveNodes)=\"onMoveNodes($event)\"\r\n  (fSelectionChange)=\"onSelectionChange($event)\"\r\n  (fDeleteSelected)=\"onDeleteSelected($event)\"\r\n  (fCreateNode)=\"onCreateNode($event)\"\r\n  (fNodesRendered)=\"onNodesRendered()\"\r\n>\r\n  <f-canvas fZoom #canvas (fCanvasChange)=\"onCanvasChange()\">\r\n    <f-background>\r\n      <f-circle-pattern />\r\n    </f-background>\r\n\r\n    @for (edge of edges(); track edge.id) {\r\n      <!--\r\n        La classe porta lo **slot** di destinazione: la primaria e la secondaria di un join\r\n        vanno distinte a vista, altrimenti l\u2019unico modo di sapere quale lato e\u2019 quale e\u2019 aprire\r\n        l\u2019ispettore. I colori stanno nel CSS globale, non qui: i path SVG sono creati a runtime\r\n        e non portano l\u2019attributo di scope.\r\n      -->\r\n      <f-connection\r\n        [fConnectionId]=\"edge.id\"\r\n        [fSourceId]=\"edge.sourceId\"\r\n        [fTargetId]=\"edge.targetId\"\r\n        fBehavior=\"floating\"\r\n        fType=\"bezier\"\r\n        [class]=\"'dpe-edge dpe-edge--' + edge.slot\"\r\n      >\r\n        <f-connection-marker-arrow [type]=\"markerEnd\" />\r\n      </f-connection>\r\n    }\r\n\r\n    @for (node of nodes(); track node.id) {\r\n      <!--\r\n        Nessun `[style.*]` sul nodo: @foblex/flow riscrive l\u2019attributo `style` a ogni\r\n        riposizionamento e lo cancellerebbe. La larghezza arriva da `node.widthClass`.\r\n      -->\r\n      <div\r\n        fNode\r\n        fDragHandle\r\n        [fNodeId]=\"node.id\"\r\n        [fNodePosition]=\"node.position\"\r\n        [class]=\"\r\n          'dpe-node dpe-node--' + node.collection + ' ' + node.widthClass + ' ' + node.familyClass\r\n        \"\r\n        [class.dpe-node--selected]=\"isSelected(node)\"\r\n        [class.dpe-node--error]=\"node.severity === 'Error'\"\r\n        [class.dpe-node--warning]=\"node.severity === 'Warning'\"\r\n        [class.dpe-node--not-compilable]=\"node.isNotCompilable\"\r\n        [attr.aria-label]=\"node.categoryLabel + ' ' + node.label\"\r\n        (dblclick)=\"onNodeDoubleClick(node.name)\"\r\n      >\r\n        <!--\r\n          Le porte di ingresso stanno in fila sul bordo superiore, una per slot. Si renderizzano\r\n          **sempre**: un connettore con `display: none` ha geometria 0x0 e l\u2019arco si attacca nel\r\n          punto sbagliato. `fConnectorConnectableSide` e\u2019 dichiarato: senza, un arco che risale\r\n          entrerebbe di fianco.\r\n        -->\r\n        @if (node.ports.length > 0) {\r\n          <div class=\"dpe-node__ports\" [class.dpe-node__ports--labelled]=\"node.showsPortLabels\">\r\n            @for (port of node.ports; track port.id) {\r\n              <div class=\"dpe-port\">\r\n                <div\r\n                  fConnector\r\n                  fConnectorType=\"target\"\r\n                  [fConnectorId]=\"port.id\"\r\n                  [fConnectorConnectableSide]=\"sides.TOP\"\r\n                  fConnectorMultiple=\"false\"\r\n                  class=\"dpe-connector dpe-connector--in\"\r\n                  [class.dpe-connector--broken]=\"port.isBroken\"\r\n                  [title]=\"port.label\"\r\n                ></div>\r\n                @if (node.showsPortLabels) {\r\n                  <span class=\"dpe-port__label\" [title]=\"port.label\">{{ port.label }}</span>\r\n                }\r\n              </div>\r\n            }\r\n          </div>\r\n        }\r\n\r\n        <div class=\"dpe-node__head\">\r\n          <!--\r\n            La stessa pastiglia della palette: cio\u2019 che si trascina deve assomigliare a cio\u2019 che\r\n            compare. La classe di famiglia porta i due token di colore.\r\n          -->\r\n          <span class=\"dpe-node__icon\">\r\n            <dpe-node-icon [collection]=\"node.collection\" />\r\n          </span>\r\n          <div class=\"dpe-node__text\">\r\n            <span class=\"dpe-node__title\" [title]=\"node.label\">{{ node.label }}</span>\r\n            <span class=\"dpe-node__sub\">\r\n              {{ node.categoryLabel }}\r\n              @if (node.subtitle) {\r\n                <span class=\"dpe-node__dot\">\u00B7</span>{{ node.subtitle }}\r\n              }\r\n            </span>\r\n          </div>\r\n          <!--\r\n            `fDragBlocker` sui bottoni dentro un nodo: senza, il pointerdown diventa un\r\n            trascinamento e aprire l\u2019ispettore sposta il nodo di qualche pixel.\r\n          -->\r\n          <button\r\n            type=\"button\"\r\n            fDragBlocker\r\n            class=\"dpe-node__btn\"\r\n            [attr.aria-label]=\"'Apri l\u2019ispettore di ' + node.label\"\r\n            title=\"Apri l\u2019ispettore\"\r\n            (click)=\"onEditClick($event, node.name)\"\r\n          >\r\n            \u270E\r\n          </button>\r\n          @if (isEditable() && isSelected(node)) {\r\n            <!--\r\n              Solo sul nodo selezionato: un comando distruttivo che compare sotto il puntatore\r\n              mentre si attraversa il grafo si preme per sbaglio.\r\n            -->\r\n            <button\r\n              type=\"button\"\r\n              fDragBlocker\r\n              class=\"dpe-node__btn dpe-node__btn--remove\"\r\n              [attr.aria-label]=\"'Elimina ' + node.label\"\r\n              title=\"Elimina (si annulla con \u21B6)\"\r\n              (click)=\"onRemoveClick($event, node.name)\"\r\n            >\r\n              \u00D7\r\n            </button>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"dpe-node__meta\">\r\n          <span class=\"dpe-node__name\" [title]=\"'Nome tecnico: ' + node.name\">{{ node.name }}</span>\r\n          @if (node.columnCount !== null) {\r\n            <span class=\"dpe-badge\" [title]=\"'Colonne in uscita secondo il backend'\">\r\n              {{ node.columnCount }} col.\r\n            </span>\r\n          }\r\n          @if (node.isNotCompilable) {\r\n            <!--\r\n              Stato distinto dall\u2019errore: la definizione va bene, il compilatore non ci arriva\r\n              (I10). Colore proprio, testo che non chiede di correggere niente.\r\n            -->\r\n            <span class=\"dpe-badge dpe-badge--not-compilable\" title=\"Valido, ma non compilabile: e\u2019 un limite nostro\">\r\n              non compilabile\r\n            </span>\r\n          }\r\n          @if (node.diagnosticCount > 0) {\r\n            <span\r\n              class=\"dpe-badge\"\r\n              [class.dpe-badge--error]=\"node.severity === 'Error'\"\r\n              [class.dpe-badge--warning]=\"node.severity === 'Warning'\"\r\n              [class.dpe-badge--info]=\"node.severity === 'Info'\"\r\n              [title]=\"node.diagnosticCount + ' rilievi dal backend'\"\r\n            >\r\n              {{ node.diagnosticCount }}\r\n            </span>\r\n          }\r\n          @for (port of node.ports; track $index) {\r\n            @if (port.isBroken) {\r\n              <span class=\"dpe-badge dpe-badge--error\" [title]=\"'Riferimento non risolto: ' + port.sourceName\">\r\n                \u26A0 {{ port.sourceName }}\r\n              </span>\r\n            }\r\n          }\r\n        </div>\r\n\r\n        <!--\r\n          L\u2019uscita e\u2019 una sola: lo schema prodotto e\u2019 uno. I sink non ne hanno, e la porta non\r\n          si disegna affatto \u2014 qui non c\u2019e\u2019 niente da nascondere con `display: none`, il\r\n          connettore semplicemente non esiste.\r\n        -->\r\n        @if (node.hasOutput) {\r\n          <div class=\"dpe-node__out\">\r\n            <div\r\n              fConnector\r\n              fConnectorType=\"source\"\r\n              [fConnectorId]=\"node.outputPortId\"\r\n              [fConnectorConnectableSide]=\"sides.BOTTOM\"\r\n              class=\"dpe-connector dpe-connector--out\"\r\n              title=\"Uscita\"\r\n            ></div>\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n\r\n    <f-connection-for-create fBehavior=\"floating\" fType=\"bezier\" class=\"dpe-edge dpe-edge--creating\">\r\n      <f-connection-marker-arrow [type]=\"markerEnd\" />\r\n    </f-connection-for-create>\r\n\r\n    <f-selection-area />\r\n  </f-canvas>\r\n\r\n  <!--\r\n    Fuori da <f-canvas> come la minimappa: dentro, la trasformazione del canvas se lo\r\n    porterebbe via insieme ai nodi.\r\n  -->\r\n  <button\r\n    type=\"button\"\r\n    fDragBlocker\r\n    class=\"dpe-viewport-reset\"\r\n    [class.dpe-viewport-reset--hidden]=\"!isFitCommandVisible()\"\r\n    title=\"Rimetti il grafo interamente in vista\"\r\n    (click)=\"resetViewport()\"\r\n  >\r\n    \u2922 Inquadra\r\n  </button>\r\n\r\n  <f-minimap [fMinSize]=\"1200\" class=\"dpe-minimap\" />\r\n</f-flow>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { isEditable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isEditable", required: false }] }], nodeOpened: [{ type: i0.Output, args: ["nodeOpened"] }], nodeDropped: [{ type: i0.Output, args: ["nodeDropped"] }], canvas: [{ type: i0.ViewChild, args: [i0.forwardRef(() => FCanvasComponent), { isSignal: true }] }], flow: [{ type: i0.ViewChild, args: [i0.forwardRef(() => FFlowComponent), { isSignal: true }] }] } });
@@ -3140,8 +3140,8 @@ class DpeDiagnosticsPanelComponent {
         }
         this.navigate.emit({ nodeName: row.nodeName, field: row.field });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeDiagnosticsPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeDiagnosticsPanelComponent, isStandalone: true, selector: "dpe-diagnostics-panel", outputs: { navigate: "navigate" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeDiagnosticsPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeDiagnosticsPanelComponent, isStandalone: true, selector: "dpe-diagnostics-panel", outputs: { navigate: "navigate" }, ngImport: i0, template: `
     <div class="dpe-diag__head">
       <strong>Diagnostiche</strong>
       <span class="dpe-diag__count">
@@ -3201,7 +3201,7 @@ class DpeDiagnosticsPanelComponent {
     }
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeDiagnosticsPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeDiagnosticsPanelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dpe-diagnostics-panel',
@@ -3307,8 +3307,8 @@ class DpeNodeFactsComponent {
         this.store.schemaByNode().get(this.nodeName())?.isCompilable === false, ...(ngDevMode ? [{ debugName: "isNotCompilable" }] : []));
     columns = computed(() => this.store.schemaByNode().get(this.nodeName())?.columns ?? [], ...(ngDevMode ? [{ debugName: "columns" }] : []));
     diagnostics = computed(() => this.store.diagnosticsByNode().get(this.nodeName())?.diagnostics ?? [], ...(ngDevMode ? [{ debugName: "diagnostics" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeNodeFactsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeNodeFactsComponent, isStandalone: true, selector: "dpe-node-facts", inputs: { nodeName: { classPropertyName: "nodeName", publicName: "nodeName", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeNodeFactsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeNodeFactsComponent, isStandalone: true, selector: "dpe-node-facts", inputs: { nodeName: { classPropertyName: "nodeName", publicName: "nodeName", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
     @if (isNotCompilable()) {
       <!--
         Tono deliberatamente **non** da errore: colore proprio (ne’ rosso ne’ giallo) e le stesse
@@ -3364,7 +3364,7 @@ class DpeNodeFactsComponent {
     }
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeNodeFactsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeNodeFactsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dpe-node-facts',
@@ -3452,10 +3452,10 @@ class DpeSelectValueDirective {
             select.value = normalized;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeSelectValueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.27", type: DpeSelectValueDirective, isStandalone: true, selector: "select[dpeValue]", inputs: { dpeValue: { classPropertyName: "dpeValue", publicName: "dpeValue", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeSelectValueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.31", type: DpeSelectValueDirective, isStandalone: true, selector: "select[dpeValue]", inputs: { dpeValue: { classPropertyName: "dpeValue", publicName: "dpeValue", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeSelectValueDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeSelectValueDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'select[dpeValue]',
@@ -3561,10 +3561,10 @@ class DpeNodeInspectorBase {
     checkedOf(event) {
         return event.target.checked;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeNodeInspectorBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.27", type: DpeNodeInspectorBase, isStandalone: true, inputs: { nodeName: { classPropertyName: "nodeName", publicName: "nodeName", isSignal: true, isRequired: true, transformFunction: null }, node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeNodeInspectorBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.31", type: DpeNodeInspectorBase, isStandalone: true, inputs: { nodeName: { classPropertyName: "nodeName", publicName: "nodeName", isSignal: true, isRequired: true, transformFunction: null }, node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeNodeInspectorBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeNodeInspectorBase, decorators: [{
             type: Directive
         }], propDecorators: { nodeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeName", required: true }] }], node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }] } });
 
@@ -3620,8 +3620,8 @@ class DpeAggregateInspectorComponent extends DpeNodeInspectorBase {
             fields: this.fields().map((field, position) => position === index ? { ...field, ...patch } : field),
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeAggregateInspectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeAggregateInspectorComponent, isStandalone: true, selector: "dpe-aggregate-inspector", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeAggregateInspectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeAggregateInspectorComponent, isStandalone: true, selector: "dpe-aggregate-inspector", usesInheritance: true, ngImport: i0, template: `
     <div class="dpe-form">
       <div class="dpe-field">
         <label class="dpe-field__label" for="agg-group">Raggruppa per</label>
@@ -3718,7 +3718,7 @@ class DpeAggregateInspectorComponent extends DpeNodeInspectorBase {
     </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: DpeSelectValueDirective, selector: "select[dpeValue]", inputs: ["dpeValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeAggregateInspectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeAggregateInspectorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dpe-aggregate-inspector',
@@ -3845,8 +3845,8 @@ class DpeAppendInspectorComponent extends DpeNodeInspectorBase {
     removeSource(index) {
         this.patch({ sources: this.sources().filter((_, position) => position !== index) });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeAppendInspectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeAppendInspectorComponent, isStandalone: true, selector: "dpe-append-inspector", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeAppendInspectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeAppendInspectorComponent, isStandalone: true, selector: "dpe-append-inspector", usesInheritance: true, ngImport: i0, template: `
     <div class="dpe-form">
       <label class="dpe-check">
         <input
@@ -3891,7 +3891,7 @@ class DpeAppendInspectorComponent extends DpeNodeInspectorBase {
     </div>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeAppendInspectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeAppendInspectorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dpe-append-inspector',
@@ -3972,8 +3972,8 @@ class DpeAtomicWritebackInspectorComponent extends DpeNodeInspectorBase {
             relationships: this.relationships().map((relationship, position) => position === index ? { ...relationship, ...patch } : relationship),
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeAtomicWritebackInspectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeAtomicWritebackInspectorComponent, isStandalone: true, selector: "dpe-atomic-writeback-inspector", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeAtomicWritebackInspectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeAtomicWritebackInspectorComponent, isStandalone: true, selector: "dpe-atomic-writeback-inspector", usesInheritance: true, ngImport: i0, template: `
     <div class="dpe-form">
       <p class="dpe-note">
         La libreria non apre transazioni: questo gruppo <strong>dichiara</strong> che le scritture
@@ -4084,7 +4084,7 @@ class DpeAtomicWritebackInspectorComponent extends DpeNodeInspectorBase {
     </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: DpeSelectValueDirective, selector: "select[dpeValue]", inputs: ["dpeValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeAtomicWritebackInspectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeAtomicWritebackInspectorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dpe-atomic-writeback-inspector',
@@ -4256,8 +4256,8 @@ class DpeColumnTypeEditorComponent {
     text(event) {
         return event.target.value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeColumnTypeEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeColumnTypeEditorComponent, isStandalone: true, selector: "dpe-column-type-editor", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, controlId: { classPropertyName: "controlId", publicName: "controlId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeColumnTypeEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeColumnTypeEditorComponent, isStandalone: true, selector: "dpe-column-type-editor", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, controlId: { classPropertyName: "controlId", publicName: "controlId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
     <div class="dpe-row">
       <div class="dpe-field">
         <label class="dpe-field__label" [attr.for]="controlId() + '-kind'">Tipo</label>
@@ -4319,7 +4319,7 @@ class DpeColumnTypeEditorComponent {
     }
   `, isInline: true, dependencies: [{ kind: "directive", type: DpeSelectValueDirective, selector: "select[dpeValue]", inputs: ["dpeValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeColumnTypeEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeColumnTypeEditorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dpe-column-type-editor',
@@ -4436,8 +4436,8 @@ class DpeCustomNodeInspectorComponent extends DpeNodeInspectorBase {
             outputFields: this.outputFields().map((field, position) => position === index ? { ...field, ...patch } : field),
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeCustomNodeInspectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeCustomNodeInspectorComponent, isStandalone: true, selector: "dpe-custom-node-inspector", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeCustomNodeInspectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeCustomNodeInspectorComponent, isStandalone: true, selector: "dpe-custom-node-inspector", usesInheritance: true, ngImport: i0, template: `
     <div class="dpe-form">
       <p class="dpe-note dpe-note--not-compilable">
         Nodo modellato per intero ma <strong>non traducibile in SQL</strong> nella versione 1.
@@ -4557,7 +4557,7 @@ class DpeCustomNodeInspectorComponent extends DpeNodeInspectorBase {
     </div>
   `, isInline: true, dependencies: [{ kind: "component", type: DpeColumnTypeEditorComponent, selector: "dpe-column-type-editor", inputs: ["value", "controlId"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeCustomNodeInspectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeCustomNodeInspectorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dpe-custom-node-inspector',
@@ -4766,8 +4766,8 @@ class DpeDataSourceInspectorComponent extends DpeNodeInspectorBase {
             csvOptions: { ...current, ...patch },
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeDataSourceInspectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeDataSourceInspectorComponent, isStandalone: true, selector: "dpe-data-source-inspector", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeDataSourceInspectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeDataSourceInspectorComponent, isStandalone: true, selector: "dpe-data-source-inspector", usesInheritance: true, ngImport: i0, template: `
     <div class="dpe-form">
       <div class="dpe-field">
         <label class="dpe-field__label" for="ds-kind">Tipo di sorgente</label>
@@ -4933,7 +4933,7 @@ class DpeDataSourceInspectorComponent extends DpeNodeInspectorBase {
     </div>
   `, isInline: true, dependencies: [{ kind: "component", type: DpeColumnTypeEditorComponent, selector: "dpe-column-type-editor", inputs: ["value", "controlId"], outputs: ["valueChange"] }, { kind: "directive", type: DpeSelectValueDirective, selector: "select[dpeValue]", inputs: ["dpeValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeDataSourceInspectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeDataSourceInspectorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dpe-data-source-inspector',
@@ -5180,8 +5180,8 @@ class DpeFilterInspectorComponent extends DpeNodeInspectorBase {
             value: name === '' ? this.criteria()[index]?.value : undefined,
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeFilterInspectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeFilterInspectorComponent, isStandalone: true, selector: "dpe-filter-inspector", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeFilterInspectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeFilterInspectorComponent, isStandalone: true, selector: "dpe-filter-inspector", usesInheritance: true, ngImport: i0, template: `
     <div class="dpe-form">
       <label class="dpe-check">
         <input
@@ -5336,7 +5336,7 @@ class DpeFilterInspectorComponent extends DpeNodeInspectorBase {
     </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: DpeSelectValueDirective, selector: "select[dpeValue]", inputs: ["dpeValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeFilterInspectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeFilterInspectorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dpe-filter-inspector',
@@ -5576,8 +5576,8 @@ class DpeForecastInspectorComponent extends DpeNodeInspectorBase {
             groupFields: this.groupFields().map((group, position) => position === index ? { ...group, ...patch } : group),
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeForecastInspectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeForecastInspectorComponent, isStandalone: true, selector: "dpe-forecast-inspector", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeForecastInspectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeForecastInspectorComponent, isStandalone: true, selector: "dpe-forecast-inspector", usesInheritance: true, ngImport: i0, template: `
     <div class="dpe-form">
       <p class="dpe-note dpe-note--not-compilable">
         Nodo modellato per intero ma <strong>non traducibile in SQL</strong> nella versione 1:
@@ -5769,7 +5769,7 @@ class DpeForecastInspectorComponent extends DpeNodeInspectorBase {
     </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: DpeSelectValueDirective, selector: "select[dpeValue]", inputs: ["dpeValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeForecastInspectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeForecastInspectorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dpe-forecast-inspector',
@@ -6006,8 +6006,8 @@ class DpeHierarchyPathInspectorComponent extends DpeNodeInspectorBase {
             aggregateFields: this.fields().map((field, position) => position === index ? { ...field, ...patch } : field),
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeHierarchyPathInspectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeHierarchyPathInspectorComponent, isStandalone: true, selector: "dpe-hierarchy-path-inspector", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeHierarchyPathInspectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeHierarchyPathInspectorComponent, isStandalone: true, selector: "dpe-hierarchy-path-inspector", usesInheritance: true, ngImport: i0, template: `
     <div class="dpe-form">
       <p class="dpe-note">
         Richiede le CTE ricorsive del dialetto di destinazione: se il dialetto scelto non le
@@ -6153,7 +6153,7 @@ class DpeHierarchyPathInspectorComponent extends DpeNodeInspectorBase {
     </div>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeHierarchyPathInspectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeHierarchyPathInspectorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dpe-hierarchy-path-inspector',
@@ -6360,8 +6360,8 @@ class DpeJoinInspectorComponent extends DpeNodeInspectorBase {
             fields: this.fields().map((field, position) => position === index ? { ...field, ...patch } : field),
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeJoinInspectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeJoinInspectorComponent, isStandalone: true, selector: "dpe-join-inspector", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeJoinInspectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeJoinInspectorComponent, isStandalone: true, selector: "dpe-join-inspector", usesInheritance: true, ngImport: i0, template: `
     <div class="dpe-form">
       <div class="dpe-field">
         <label class="dpe-field__label" for="join-kind">Tipo di join</label>
@@ -6551,7 +6551,7 @@ class DpeJoinInspectorComponent extends DpeNodeInspectorBase {
     </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: DpeSelectValueDirective, selector: "select[dpeValue]", inputs: ["dpeValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeJoinInspectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeJoinInspectorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dpe-join-inspector',
@@ -6789,8 +6789,8 @@ class DpeExpressionEditorComponent {
     text(event) {
         return event.target.value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeExpressionEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeExpressionEditorComponent, isStandalone: true, selector: "dpe-expression-editor", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, dialect: { classPropertyName: "dialect", publicName: "dialect", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, controlId: { classPropertyName: "controlId", publicName: "controlId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeExpressionEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeExpressionEditorComponent, isStandalone: true, selector: "dpe-expression-editor", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, dialect: { classPropertyName: "dialect", publicName: "dialect", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, controlId: { classPropertyName: "controlId", publicName: "controlId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
     <div class="dpe-field">
       <label class="dpe-field__label" [attr.for]="controlId()">{{ label() }}</label>
       <textarea
@@ -6813,7 +6813,7 @@ class DpeExpressionEditorComponent {
     </div>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeExpressionEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeExpressionEditorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dpe-expression-editor',
@@ -6909,8 +6909,8 @@ class DpeTransformInspectorComponent extends DpeNodeInspectorBase {
             .filter((value) => value.length > 0);
         return values.length > 0 ? values : undefined;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeTransformInspectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeTransformInspectorComponent, isStandalone: true, selector: "dpe-transform-inspector", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeTransformInspectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeTransformInspectorComponent, isStandalone: true, selector: "dpe-transform-inspector", usesInheritance: true, ngImport: i0, template: `
     <div class="dpe-form">
       <div class="dpe-field">
         <label class="dpe-field__label" for="tr-kind">Tipo di trasformazione</label>
@@ -7046,7 +7046,7 @@ class DpeTransformInspectorComponent extends DpeNodeInspectorBase {
     </div>
   `, isInline: true, dependencies: [{ kind: "component", type: DpeColumnTypeEditorComponent, selector: "dpe-column-type-editor", inputs: ["value", "controlId"], outputs: ["valueChange"] }, { kind: "component", type: DpeExpressionEditorComponent, selector: "dpe-expression-editor", inputs: ["label", "value", "placeholder", "dialect", "columns", "controlId"], outputs: ["valueChange"] }, { kind: "directive", type: DpeSelectValueDirective, selector: "select[dpeValue]", inputs: ["dpeValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeTransformInspectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeTransformInspectorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dpe-transform-inspector',
@@ -7267,8 +7267,8 @@ class DpeWritebackInspectorComponent extends DpeNodeInspectorBase {
             sourceFieldName: name === '' ? this.fields()[index]?.sourceFieldName : undefined,
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeWritebackInspectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeWritebackInspectorComponent, isStandalone: true, selector: "dpe-writeback-inspector", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeWritebackInspectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeWritebackInspectorComponent, isStandalone: true, selector: "dpe-writeback-inspector", usesInheritance: true, ngImport: i0, template: `
     <div class="dpe-form">
       <div class="dpe-row">
         <div class="dpe-field">
@@ -7496,7 +7496,7 @@ class DpeWritebackInspectorComponent extends DpeNodeInspectorBase {
     </div>
   `, isInline: true, dependencies: [{ kind: "component", type: DpeExpressionEditorComponent, selector: "dpe-expression-editor", inputs: ["label", "value", "placeholder", "dialect", "columns", "controlId"], outputs: ["valueChange"] }, { kind: "directive", type: DpeSelectValueDirective, selector: "select[dpeValue]", inputs: ["dpeValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeWritebackInspectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeWritebackInspectorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dpe-writeback-inspector',
@@ -7823,8 +7823,8 @@ class DpeNodeInspectorComponent {
     asAtomic(node) {
         return node;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeNodeInspectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeNodeInspectorComponent, isStandalone: true, selector: "dpe-node-inspector", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeNodeInspectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeNodeInspectorComponent, isStandalone: true, selector: "dpe-node-inspector", ngImport: i0, template: `
     @if (located(); as entry) {
       <div class="dpe-form">
         <div class="dpe-field">
@@ -7918,7 +7918,7 @@ class DpeNodeInspectorComponent {
     }
   `, isInline: true, dependencies: [{ kind: "component", type: DpeAggregateInspectorComponent, selector: "dpe-aggregate-inspector" }, { kind: "component", type: DpeAppendInspectorComponent, selector: "dpe-append-inspector" }, { kind: "component", type: DpeAtomicWritebackInspectorComponent, selector: "dpe-atomic-writeback-inspector" }, { kind: "component", type: DpeCustomNodeInspectorComponent, selector: "dpe-custom-node-inspector" }, { kind: "component", type: DpeDataSourceInspectorComponent, selector: "dpe-data-source-inspector" }, { kind: "component", type: DpeFilterInspectorComponent, selector: "dpe-filter-inspector" }, { kind: "component", type: DpeForecastInspectorComponent, selector: "dpe-forecast-inspector" }, { kind: "component", type: DpeHierarchyPathInspectorComponent, selector: "dpe-hierarchy-path-inspector" }, { kind: "component", type: DpeJoinInspectorComponent, selector: "dpe-join-inspector" }, { kind: "component", type: DpeTransformInspectorComponent, selector: "dpe-transform-inspector" }, { kind: "component", type: DpeWritebackInspectorComponent, selector: "dpe-writeback-inspector" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeNodeInspectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeNodeInspectorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dpe-node-inspector',
@@ -8155,8 +8155,8 @@ class DpeNodeDialogComponent {
             this.store.closeNodeEditor();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeNodeDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeNodeDialogComponent, isStandalone: true, selector: "dpe-node-dialog", viewQueries: [{ propertyName: "dialogRef", first: true, predicate: ["dlg"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeNodeDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeNodeDialogComponent, isStandalone: true, selector: "dpe-node-dialog", viewQueries: [{ propertyName: "dialogRef", first: true, predicate: ["dlg"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <!--
       L’elemento dialog sta **sempre** nel template, e solo il contenuto e’ condizionato: cosi’
       viewChild.required non puo’ fallire e l’effect che apre non deve difendersi da un riferimento
@@ -8235,7 +8235,7 @@ class DpeNodeDialogComponent {
     </dialog>
   `, isInline: true, dependencies: [{ kind: "component", type: DpeNodeFactsComponent, selector: "dpe-node-facts", inputs: ["nodeName"] }, { kind: "component", type: DpeNodeInspectorComponent, selector: "dpe-node-inspector" }, { kind: "component", type: DpeNodeIconComponent, selector: "dpe-node-icon", inputs: ["collection"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeNodeDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeNodeDialogComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dpe-node-dialog',
@@ -8390,8 +8390,8 @@ class DpeNodePaletteComponent {
     text(event) {
         return event.target.value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeNodePaletteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeNodePaletteComponent, isStandalone: true, selector: "dpe-node-palette", outputs: { nodeRequested: "nodeRequested" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeNodePaletteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeNodePaletteComponent, isStandalone: true, selector: "dpe-node-palette", outputs: { nodeRequested: "nodeRequested" }, ngImport: i0, template: `
     <h3>Nodi</h3>
     <input
       type="search"
@@ -8438,7 +8438,7 @@ class DpeNodePaletteComponent {
     }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: FFlowModule }, { kind: "directive", type: i1.FExternalItem, selector: "[fExternalItem]", inputs: ["fExternalItemId", "fData", "fDisabled", "fPreview", "fPreviewMatchSize", "fPlaceholder"], outputs: ["fPreviewChange", "fPlaceholderChange"] }, { kind: "component", type: DpeNodeIconComponent, selector: "dpe-node-icon", inputs: ["collection"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeNodePaletteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeNodePaletteComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dpe-node-palette',
@@ -8537,8 +8537,8 @@ class DpeSqlPreviewComponent {
         }
         return typeof value === 'object' ? JSON.stringify(value) : String(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeSqlPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeSqlPreviewComponent, isStandalone: true, selector: "dpe-sql-preview", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeSqlPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeSqlPreviewComponent, isStandalone: true, selector: "dpe-sql-preview", ngImport: i0, template: `
     <div class="dpe-sql__bar">
       <button
         type="button"
@@ -8614,7 +8614,7 @@ class DpeSqlPreviewComponent {
     }
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeSqlPreviewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeSqlPreviewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dpe-sql-preview',
@@ -8760,8 +8760,8 @@ class DpeSchemaPanelComponent {
             };
         });
     }, ...(ngDevMode ? [{ debugName: "rows" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeSchemaPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeSchemaPanelComponent, isStandalone: true, selector: "dpe-schema-panel", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeSchemaPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeSchemaPanelComponent, isStandalone: true, selector: "dpe-schema-panel", ngImport: i0, template: `
     @if (!hasResult()) {
       <p class="dpe-schema__empty">In attesa della propagazione dello schema dal backend…</p>
     }
@@ -8819,7 +8819,7 @@ class DpeSchemaPanelComponent {
     }
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeSchemaPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeSchemaPanelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dpe-schema-panel',
@@ -9105,10 +9105,10 @@ class DpeBuilderComponent {
     markSaved() {
         this.store.markSaved();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeBuilderComponent, isStandalone: true, selector: "dpe-builder", inputs: { definition: { classPropertyName: "definition", publicName: "definition", isSignal: true, isRequired: true, transformFunction: null }, isEditable: { classPropertyName: "isEditable", publicName: "isEditable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { definitionChange: "definitionChange" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, providers: [DpeDocumentStore, DpeLayoutService, DpeValidationService, DpeMetadataStore], viewQueries: [{ propertyName: "canvas", first: true, predicate: DpeCanvasComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<!--\r\n  `.dpe-builder` porta le variabili del tema: e\u2019 la classe radice su cui l\u2019app ospite le\r\n  sovrascrive, e `data-dpe-theme=\"dark\"` sul contenitore ridefinisce i soli token.\r\n-->\r\n<div class=\"dpe-builder dpe-shell\">\r\n  <header class=\"dpe-shell__bar\">\r\n    <div class=\"dpe-shell__title\">\r\n      <strong>{{ store.definition().label || store.definition().name || 'Definizione DPE' }}</strong>\r\n      <span class=\"dpe-shell__sub\">{{ nodeCount() }} nodi</span>\r\n      <!--\r\n        Stato **sporco** rispetto all\u2019ultimo salvataggio, non un conteggio di operazioni: serve a\r\n        decidere se salvare, e un contatore che sale quando si annulla risponde alla domanda\r\n        sbagliata. Annullare fino allo stato di partenza torna qui a \u00ABnessuna modifica\u00BB.\r\n      -->\r\n      <span\r\n        class=\"dpe-shell__dirty\"\r\n        [class.dpe-shell__dirty--on]=\"store.isDirty()\"\r\n        [title]=\"\r\n          store.isDirty()\r\n            ? 'Il documento differisce dall\u2019ultimo salvataggio'\r\n            : 'Il documento coincide con l\u2019ultimo salvataggio'\r\n        \"\r\n      >\r\n        @if (store.isDirty()) {\r\n          \u25CF modificata\r\n        } @else {\r\n          \u25CB nessuna modifica\r\n        }\r\n      </span>\r\n    </div>\r\n\r\n    <!--\r\n      Badge in **sola lettura** (ADR 0017): il dialetto e\u2019 dichiarato dall\u2019ambiente, non scelto\r\n      qui. Mostra quello della definizione, che e\u2019 quello con cui il backend compilera\u2019 (ADR\r\n      0009). Il titolo dice le due cose che contano \u2014 chi lo decide, e che le espressioni sono\r\n      SQL nativo di quel dialetto (ADR 0006).\r\n    -->\r\n    <span\r\n      class=\"dpe-shell__dialect\"\r\n      title=\"Il dialetto e\u2019 dichiarato dall\u2019ambiente e non si modifica dall\u2019editor. Le espressioni sono SQL nativo di questo dialetto: la definizione gli appartiene.\"\r\n    >\r\n      Dialetto \u00B7 <strong>{{ dialectLabels[dialect()] }}</strong>\r\n    </span>\r\n\r\n    <div class=\"dpe-shell__group\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"dpe-shell__btn\"\r\n        [disabled]=\"!store.canUndo()\"\r\n        title=\"Annulla (la cronologia e\u2019 una conseguenza dell\u2019immutabilita\u2019 dello stato)\"\r\n        (click)=\"store.undo()\"\r\n      >\r\n        \u21B6 Annulla\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"dpe-shell__btn\"\r\n        [disabled]=\"!store.canRedo()\"\r\n        title=\"Ripeti\"\r\n        (click)=\"store.redo()\"\r\n      >\r\n        \u21B7 Ripeti\r\n      </button>\r\n      <button type=\"button\" class=\"dpe-shell__btn\" title=\"Riordina il grafo\" (click)=\"runAutoLayout()\">\r\n        \u2317 Riordina\r\n      </button>\r\n    </div>\r\n\r\n    <!--\r\n      Salvataggio attraverso il contratto (`DpeBuilderApi.save`, opzionale). E\u2019 il comando\r\n      **primario**, separato dal gruppo annulla/ripeti/riordina: quelli disfano, questo scrive.\r\n\r\n      **Sempre presente, mai nascosto.** Un bottone assente dice \u00ABquesto editor non salva\u00BB; un\r\n      bottone disabilitato con il motivo dice \u00ABqui non si salva, ed ecco perche\u2019\u00BB \u2014 ed e\u2019 la\r\n      verita\u2019 quando l\u2019host non espone `save()`. La disponibilita\u2019 si sa **prima del clic**\r\n      (`core/dpe-capabilities.ts`), non dal primo fallimento.\r\n    -->\r\n    <div class=\"dpe-shell__group dpe-shell__group--primary\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"dpe-shell__btn dpe-shell__btn--primary\"\r\n        [disabled]=\"!canSave()\"\r\n        [title]=\"\r\n          !validation.isSaveAvailable()\r\n            ? 'Salvataggio non disponibile su questo ambiente: l\u2019host non espone save()'\r\n            : validation.isSaving()\r\n              ? 'Salvataggio in corso'\r\n              : !hasKey()\r\n                ? 'Il documento non ha un nome: e\u2019 la chiave del catalogo, e va creato da la\u2019 (l\u2019aggiornamento e\u2019 PUT /definitions/{nome})'\r\n                : store.isDirty()\r\n                  ? 'Salva la definizione (Ctrl+S)'\r\n                  : 'Nessuna modifica da salvare'\r\n        \"\r\n        (click)=\"validation.save()\"\r\n      >\r\n        @if (validation.isSaving()) {\r\n          \u2913 Salvataggio\u2026\r\n        } @else {\r\n          \u2913 Salva\r\n        }\r\n      </button>\r\n      @if (validation.justSaved()) {\r\n        <!-- Avviso transitorio: il fatto durevole e\u2019 \u00ABnessuna modifica\u00BB nell\u2019indicatore. -->\r\n        <span class=\"dpe-shell__toast\" role=\"status\">\u2713 Salvata</span>\r\n      }\r\n    </div>\r\n\r\n    <div class=\"dpe-shell__status\">\r\n      @if (validation.isValidating()) {\r\n        <span class=\"dpe-shell__pill dpe-shell__pill--busy\">Validazione in corso\u2026</span>\r\n      } @else if (validation.error(); as error) {\r\n        <!--\r\n          Un guasto di trasporto non cancella le diagnostiche precedenti: dire \u00ABva tutto bene\u00BB\r\n          quando non lo sappiamo piu\u2019 e\u2019 peggio che mostrare un risultato vecchio dichiarandolo.\r\n        -->\r\n        <span class=\"dpe-shell__pill dpe-shell__pill--error\" [title]=\"error.message\">\r\n          Backend non raggiungibile ({{ error.category }})\r\n        </span>\r\n      } @else if (store.validateResult()) {\r\n        <span\r\n          class=\"dpe-shell__pill\"\r\n          [class.dpe-shell__pill--error]=\"store.validateResult()!.hasErrors\"\r\n          [class.dpe-shell__pill--ok]=\"!store.validateResult()!.hasErrors\"\r\n        >\r\n          @if (store.validateResult()!.hasErrors) {\r\n            Con errori\r\n          } @else {\r\n            Nessun errore\r\n          }\r\n        </span>\r\n      }\r\n    </div>\r\n  </header>\r\n\r\n  @if (dialectMismatch(); as declared) {\r\n    <!--\r\n      Disallineamento fra la dichiarazione dell\u2019ambiente e la definizione (ADR 0017). Si nominano\r\n      **entrambi** i dialetti e non si offre di correggere: correggere significherebbe migrare le\r\n      espressioni SQL native, ed e\u2019 dell\u2019host. Non e\u2019 una regola di dominio duplicata \u2014 non giudica\r\n      la definizione, riporta il disaccordo fra due fatti che l\u2019ospite ha fornito.\r\n    -->\r\n    <div class=\"dpe-shell__warn\" role=\"alert\">\r\n      <strong>\r\n        L\u2019ambiente dichiara {{ dialectLabels[declared] }}, la definizione e\u2019 scritta per\r\n        {{ dialectLabels[dialect()] }}.\r\n      </strong>\r\n      <p>\r\n        Il backend compilera\u2019 con il dialetto <strong>della definizione</strong>. Allinearli e\u2019 una\r\n        migrazione delle espressioni SQL native e non si fa da qui.\r\n      </p>\r\n    </div>\r\n  }\r\n\r\n  <!--\r\n    Il documento ricevuto non e' una definizione. Banner **persistente** e in cima: e' un difetto\r\n    dell'integrazione, non dell'utente, e un canvas vuoto da solo non lo dice \u2014 sembra una\r\n    definizione senza nodi. Non si nasconde l'editor: cio' che c'e' resta visibile, e il salvataggio\r\n    e' disabilitato da se' perche' la chiave manca.\r\n  -->\r\n  @if (documentProblem(); as problem) {\r\n    <div class=\"dpe-shell__warn dpe-shell__warn--error\" role=\"alert\">\r\n      <strong>Il documento ricevuto non e\u2019 una definizione: {{ problem }}.</strong>\r\n      <p>\r\n        L\u2019editor riceve il documento dall\u2019applicazione ospite, e questo non ha la forma di una\r\n        <code>DpeDefinition</code>. Le tre cause reali: il backend restituisce l\u2019involucro di lettura\r\n        (<code>{{ '{' }} definition, diagnostics {{ '}' }}</code>) invece del documento; l\u2019ospite\r\n        passa il <strong>sommario</strong> del catalogo al posto della definizione caricata con\r\n        <code>load(nome)</code>; la risposta e\u2019 in PascalCase (<code>Name</code> non e\u2019\r\n        <code>name</code>).\r\n      </p>\r\n    </div>\r\n  }\r\n\r\n  @if (validation.saveError(); as error) {\r\n    <!--\r\n      Banner **persistente**: un salvataggio fallito in silenzio e\u2019 peggio di nessun salvataggio,\r\n      perche\u2019 l\u2019indicatore \u00ABmodificata\u00BB sparirebbe per un\u2019operazione che non e\u2019 avvenuta. Qui non\r\n      sparisce: `markSaved()` viene chiamato solo al successo.\r\n    -->\r\n    <div class=\"dpe-shell__warn dpe-shell__warn--error\" role=\"alert\">\r\n      <strong>Salvataggio non riuscito ({{ error.category }})</strong>\r\n      <p>{{ error.message }}</p>\r\n      <div class=\"dpe-shell__group\">\r\n        <button type=\"button\" class=\"dpe-shell__btn\" (click)=\"validation.dismissSaveError()\">\r\n          Ho capito\r\n        </button>\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  @if (selectedNames().length > 1) {\r\n    <!--\r\n      Striscia contestuale della **selezione multipla**. Sta qui, fra i banner di documento e il\r\n      corpo, perche' e' un fatto che riguarda l\u2019insieme e non un nodo \u2014 ed e' dove l\u2019occhio guarda\r\n      per i fatti dell\u2019insieme. Non mostra i campi di un nodo: mostrarli mentre N sono evidenziati\r\n      e' la stessa bugia della doppia evidenziazione, detta piu' piano.\r\n    -->\r\n    <div class=\"dpe-shell__multi\">\r\n      <div class=\"dpe-shell__multi-head\">\r\n        <strong>{{ selectedNames().length }} nodi selezionati</strong>\r\n        <ul class=\"dpe-multi__names\">\r\n          @for (name of selectedNames(); track $index) {\r\n            <li class=\"dpe-multi__name\">{{ name }}</li>\r\n          }\r\n        </ul>\r\n      </div>\r\n\r\n      <div class=\"dpe-shell__group\">\r\n        <button type=\"button\" class=\"dpe-shell__btn\" (click)=\"removeSelectedNodes()\">\r\n          Elimina i {{ selectedNames().length }} nodi\r\n        </button>\r\n        <!--\r\n          Il riordino e\u2019 dichiaratamente **dell\u2019intero grafo**: dagre su un sottografo sarebbe una\r\n          funzione nuova, e chiamarla \u00ABriordina i selezionati\u00BB mentre riordina tutto sarebbe una\r\n          bugia \u2014 la stessa classe di difetto che questa striscia esiste per evitare.\r\n        -->\r\n        <button type=\"button\" class=\"dpe-shell__btn\" (click)=\"runAutoLayout()\">\r\n          Riordina il grafo\r\n        </button>\r\n      </div>\r\n\r\n      <p class=\"dpe-note dpe-note--warning\">\r\n        L\u2019eliminazione lascia i riferimenti a valle cos\u00EC come sono: diventano riferimenti rotti, e\r\n        il backend li segnala. Si annulla con \u21B6.\r\n      </p>\r\n    </div>\r\n  }\r\n\r\n  <div class=\"dpe-shell__body\">\r\n    <dpe-node-palette class=\"dpe-shell__palette\" (nodeRequested)=\"onNodeRequested($event)\" />\r\n\r\n    <dpe-canvas\r\n      class=\"dpe-shell__canvas\"\r\n      [isEditable]=\"isEditable()\"\r\n      (nodeDropped)=\"onNodeDropped($event)\"\r\n      (nodeOpened)=\"onNodeOpened($event)\"\r\n    />\r\n  </div>\r\n\r\n  <!--\r\n    **Una sola istanza**, fratello di `.dpe-shell__body`: non dentro il canvas (finirebbe nella\r\n    trasformazione CSS di `f-canvas`) e non dentro il corpo (partecipererebbe alla griglia). Non\r\n    partecipa al layout: `showModal()` la promuove nel top layer, quindi aprirla non produce\r\n    nessun reflow del canvas e non c'e' nessuna inquadratura da rifare.\r\n  -->\r\n  <dpe-node-dialog />\r\n\r\n  <div class=\"dpe-shell__bottom\">\r\n    <div class=\"dpe-shell__tabs\" role=\"tablist\" aria-label=\"Pannelli\">\r\n      <button\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        class=\"dpe-shell__tab\"\r\n        [class.dpe-shell__tab--active]=\"bottomTab() === 'diagnostics'\"\r\n        [attr.aria-selected]=\"bottomTab() === 'diagnostics'\"\r\n        (click)=\"bottomTab.set('diagnostics')\"\r\n      >\r\n        Diagnostiche\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        class=\"dpe-shell__tab\"\r\n        [class.dpe-shell__tab--active]=\"bottomTab() === 'schema'\"\r\n        [attr.aria-selected]=\"bottomTab() === 'schema'\"\r\n        (click)=\"bottomTab.set('schema')\"\r\n      >\r\n        Schema\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        class=\"dpe-shell__tab\"\r\n        [class.dpe-shell__tab--active]=\"bottomTab() === 'sql'\"\r\n        [attr.aria-selected]=\"bottomTab() === 'sql'\"\r\n        (click)=\"bottomTab.set('sql')\"\r\n      >\r\n        SQL generato\r\n      </button>\r\n    </div>\r\n\r\n    @switch (bottomTab()) {\r\n      @case ('diagnostics') {\r\n        <dpe-diagnostics-panel class=\"dpe-shell__panel\" (navigate)=\"onNavigate($event)\" />\r\n      }\r\n      @case ('schema') {\r\n        <dpe-schema-panel class=\"dpe-shell__panel\" />\r\n      }\r\n      @case ('sql') {\r\n        <dpe-sql-preview class=\"dpe-shell__panel\" />\r\n      }\r\n    }\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "component", type: DpeCanvasComponent, selector: "dpe-canvas", inputs: ["isEditable"], outputs: ["nodeOpened", "nodeDropped"] }, { kind: "component", type: DpeDiagnosticsPanelComponent, selector: "dpe-diagnostics-panel", outputs: ["navigate"] }, { kind: "component", type: DpeNodeDialogComponent, selector: "dpe-node-dialog" }, { kind: "component", type: DpeNodePaletteComponent, selector: "dpe-node-palette", outputs: ["nodeRequested"] }, { kind: "component", type: DpeSchemaPanelComponent, selector: "dpe-schema-panel" }, { kind: "component", type: DpeSqlPreviewComponent, selector: "dpe-sql-preview" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeBuilderComponent, isStandalone: true, selector: "dpe-builder", inputs: { definition: { classPropertyName: "definition", publicName: "definition", isSignal: true, isRequired: true, transformFunction: null }, isEditable: { classPropertyName: "isEditable", publicName: "isEditable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { definitionChange: "definitionChange" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, providers: [DpeDocumentStore, DpeLayoutService, DpeValidationService, DpeMetadataStore], viewQueries: [{ propertyName: "canvas", first: true, predicate: DpeCanvasComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<!--\r\n  `.dpe-builder` porta le variabili del tema: e\u2019 la classe radice su cui l\u2019app ospite le\r\n  sovrascrive, e `data-dpe-theme=\"dark\"` sul contenitore ridefinisce i soli token.\r\n-->\r\n<div class=\"dpe-builder dpe-shell\">\r\n  <header class=\"dpe-shell__bar\">\r\n    <div class=\"dpe-shell__title\">\r\n      <strong>{{ store.definition().label || store.definition().name || 'Definizione DPE' }}</strong>\r\n      <span class=\"dpe-shell__sub\">{{ nodeCount() }} nodi</span>\r\n      <!--\r\n        Stato **sporco** rispetto all\u2019ultimo salvataggio, non un conteggio di operazioni: serve a\r\n        decidere se salvare, e un contatore che sale quando si annulla risponde alla domanda\r\n        sbagliata. Annullare fino allo stato di partenza torna qui a \u00ABnessuna modifica\u00BB.\r\n      -->\r\n      <span\r\n        class=\"dpe-shell__dirty\"\r\n        [class.dpe-shell__dirty--on]=\"store.isDirty()\"\r\n        [title]=\"\r\n          store.isDirty()\r\n            ? 'Il documento differisce dall\u2019ultimo salvataggio'\r\n            : 'Il documento coincide con l\u2019ultimo salvataggio'\r\n        \"\r\n      >\r\n        @if (store.isDirty()) {\r\n          \u25CF modificata\r\n        } @else {\r\n          \u25CB nessuna modifica\r\n        }\r\n      </span>\r\n    </div>\r\n\r\n    <!--\r\n      Badge in **sola lettura** (ADR 0017): il dialetto e\u2019 dichiarato dall\u2019ambiente, non scelto\r\n      qui. Mostra quello della definizione, che e\u2019 quello con cui il backend compilera\u2019 (ADR\r\n      0009). Il titolo dice le due cose che contano \u2014 chi lo decide, e che le espressioni sono\r\n      SQL nativo di quel dialetto (ADR 0006).\r\n    -->\r\n    <span\r\n      class=\"dpe-shell__dialect\"\r\n      title=\"Il dialetto e\u2019 dichiarato dall\u2019ambiente e non si modifica dall\u2019editor. Le espressioni sono SQL nativo di questo dialetto: la definizione gli appartiene.\"\r\n    >\r\n      Dialetto \u00B7 <strong>{{ dialectLabels[dialect()] }}</strong>\r\n    </span>\r\n\r\n    <div class=\"dpe-shell__group\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"dpe-shell__btn\"\r\n        [disabled]=\"!store.canUndo()\"\r\n        title=\"Annulla (la cronologia e\u2019 una conseguenza dell\u2019immutabilita\u2019 dello stato)\"\r\n        (click)=\"store.undo()\"\r\n      >\r\n        \u21B6 Annulla\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"dpe-shell__btn\"\r\n        [disabled]=\"!store.canRedo()\"\r\n        title=\"Ripeti\"\r\n        (click)=\"store.redo()\"\r\n      >\r\n        \u21B7 Ripeti\r\n      </button>\r\n      <button type=\"button\" class=\"dpe-shell__btn\" title=\"Riordina il grafo\" (click)=\"runAutoLayout()\">\r\n        \u2317 Riordina\r\n      </button>\r\n    </div>\r\n\r\n    <!--\r\n      Salvataggio attraverso il contratto (`DpeBuilderApi.save`, opzionale). E\u2019 il comando\r\n      **primario**, separato dal gruppo annulla/ripeti/riordina: quelli disfano, questo scrive.\r\n\r\n      **Sempre presente, mai nascosto.** Un bottone assente dice \u00ABquesto editor non salva\u00BB; un\r\n      bottone disabilitato con il motivo dice \u00ABqui non si salva, ed ecco perche\u2019\u00BB \u2014 ed e\u2019 la\r\n      verita\u2019 quando l\u2019host non espone `save()`. La disponibilita\u2019 si sa **prima del clic**\r\n      (`core/dpe-capabilities.ts`), non dal primo fallimento.\r\n    -->\r\n    <div class=\"dpe-shell__group dpe-shell__group--primary\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"dpe-shell__btn dpe-shell__btn--primary\"\r\n        [disabled]=\"!canSave()\"\r\n        [title]=\"\r\n          !validation.isSaveAvailable()\r\n            ? 'Salvataggio non disponibile su questo ambiente: l\u2019host non espone save()'\r\n            : validation.isSaving()\r\n              ? 'Salvataggio in corso'\r\n              : !hasKey()\r\n                ? 'Il documento non ha un nome: e\u2019 la chiave del catalogo, e va creato da la\u2019 (l\u2019aggiornamento e\u2019 PUT /definitions/{nome})'\r\n                : store.isDirty()\r\n                  ? 'Salva la definizione (Ctrl+S)'\r\n                  : 'Nessuna modifica da salvare'\r\n        \"\r\n        (click)=\"validation.save()\"\r\n      >\r\n        @if (validation.isSaving()) {\r\n          \u2913 Salvataggio\u2026\r\n        } @else {\r\n          \u2913 Salva\r\n        }\r\n      </button>\r\n      @if (validation.justSaved()) {\r\n        <!-- Avviso transitorio: il fatto durevole e\u2019 \u00ABnessuna modifica\u00BB nell\u2019indicatore. -->\r\n        <span class=\"dpe-shell__toast\" role=\"status\">\u2713 Salvata</span>\r\n      }\r\n    </div>\r\n\r\n    <div class=\"dpe-shell__status\">\r\n      @if (validation.isValidating()) {\r\n        <span class=\"dpe-shell__pill dpe-shell__pill--busy\">Validazione in corso\u2026</span>\r\n      } @else if (validation.error(); as error) {\r\n        <!--\r\n          Un guasto di trasporto non cancella le diagnostiche precedenti: dire \u00ABva tutto bene\u00BB\r\n          quando non lo sappiamo piu\u2019 e\u2019 peggio che mostrare un risultato vecchio dichiarandolo.\r\n        -->\r\n        <span class=\"dpe-shell__pill dpe-shell__pill--error\" [title]=\"error.message\">\r\n          Backend non raggiungibile ({{ error.category }})\r\n        </span>\r\n      } @else if (store.validateResult()) {\r\n        <span\r\n          class=\"dpe-shell__pill\"\r\n          [class.dpe-shell__pill--error]=\"store.validateResult()!.hasErrors\"\r\n          [class.dpe-shell__pill--ok]=\"!store.validateResult()!.hasErrors\"\r\n        >\r\n          @if (store.validateResult()!.hasErrors) {\r\n            Con errori\r\n          } @else {\r\n            Nessun errore\r\n          }\r\n        </span>\r\n      }\r\n    </div>\r\n  </header>\r\n\r\n  @if (dialectMismatch(); as declared) {\r\n    <!--\r\n      Disallineamento fra la dichiarazione dell\u2019ambiente e la definizione (ADR 0017). Si nominano\r\n      **entrambi** i dialetti e non si offre di correggere: correggere significherebbe migrare le\r\n      espressioni SQL native, ed e\u2019 dell\u2019host. Non e\u2019 una regola di dominio duplicata \u2014 non giudica\r\n      la definizione, riporta il disaccordo fra due fatti che l\u2019ospite ha fornito.\r\n    -->\r\n    <div class=\"dpe-shell__warn\" role=\"alert\">\r\n      <strong>\r\n        L\u2019ambiente dichiara {{ dialectLabels[declared] }}, la definizione e\u2019 scritta per\r\n        {{ dialectLabels[dialect()] }}.\r\n      </strong>\r\n      <p>\r\n        Il backend compilera\u2019 con il dialetto <strong>della definizione</strong>. Allinearli e\u2019 una\r\n        migrazione delle espressioni SQL native e non si fa da qui.\r\n      </p>\r\n    </div>\r\n  }\r\n\r\n  <!--\r\n    Il documento ricevuto non e' una definizione. Banner **persistente** e in cima: e' un difetto\r\n    dell'integrazione, non dell'utente, e un canvas vuoto da solo non lo dice \u2014 sembra una\r\n    definizione senza nodi. Non si nasconde l'editor: cio' che c'e' resta visibile, e il salvataggio\r\n    e' disabilitato da se' perche' la chiave manca.\r\n  -->\r\n  @if (documentProblem(); as problem) {\r\n    <div class=\"dpe-shell__warn dpe-shell__warn--error\" role=\"alert\">\r\n      <strong>Il documento ricevuto non e\u2019 una definizione: {{ problem }}.</strong>\r\n      <p>\r\n        L\u2019editor riceve il documento dall\u2019applicazione ospite, e questo non ha la forma di una\r\n        <code>DpeDefinition</code>. Le tre cause reali: il backend restituisce l\u2019involucro di lettura\r\n        (<code>{{ '{' }} definition, diagnostics {{ '}' }}</code>) invece del documento; l\u2019ospite\r\n        passa il <strong>sommario</strong> del catalogo al posto della definizione caricata con\r\n        <code>load(nome)</code>; la risposta e\u2019 in PascalCase (<code>Name</code> non e\u2019\r\n        <code>name</code>).\r\n      </p>\r\n    </div>\r\n  }\r\n\r\n  @if (validation.saveError(); as error) {\r\n    <!--\r\n      Banner **persistente**: un salvataggio fallito in silenzio e\u2019 peggio di nessun salvataggio,\r\n      perche\u2019 l\u2019indicatore \u00ABmodificata\u00BB sparirebbe per un\u2019operazione che non e\u2019 avvenuta. Qui non\r\n      sparisce: `markSaved()` viene chiamato solo al successo.\r\n    -->\r\n    <div class=\"dpe-shell__warn dpe-shell__warn--error\" role=\"alert\">\r\n      <strong>Salvataggio non riuscito ({{ error.category }})</strong>\r\n      <p>{{ error.message }}</p>\r\n      <div class=\"dpe-shell__group\">\r\n        <button type=\"button\" class=\"dpe-shell__btn\" (click)=\"validation.dismissSaveError()\">\r\n          Ho capito\r\n        </button>\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  @if (selectedNames().length > 1) {\r\n    <!--\r\n      Striscia contestuale della **selezione multipla**. Sta qui, fra i banner di documento e il\r\n      corpo, perche' e' un fatto che riguarda l\u2019insieme e non un nodo \u2014 ed e' dove l\u2019occhio guarda\r\n      per i fatti dell\u2019insieme. Non mostra i campi di un nodo: mostrarli mentre N sono evidenziati\r\n      e' la stessa bugia della doppia evidenziazione, detta piu' piano.\r\n    -->\r\n    <div class=\"dpe-shell__multi\">\r\n      <div class=\"dpe-shell__multi-head\">\r\n        <strong>{{ selectedNames().length }} nodi selezionati</strong>\r\n        <ul class=\"dpe-multi__names\">\r\n          @for (name of selectedNames(); track $index) {\r\n            <li class=\"dpe-multi__name\">{{ name }}</li>\r\n          }\r\n        </ul>\r\n      </div>\r\n\r\n      <div class=\"dpe-shell__group\">\r\n        <button type=\"button\" class=\"dpe-shell__btn\" (click)=\"removeSelectedNodes()\">\r\n          Elimina i {{ selectedNames().length }} nodi\r\n        </button>\r\n        <!--\r\n          Il riordino e\u2019 dichiaratamente **dell\u2019intero grafo**: dagre su un sottografo sarebbe una\r\n          funzione nuova, e chiamarla \u00ABriordina i selezionati\u00BB mentre riordina tutto sarebbe una\r\n          bugia \u2014 la stessa classe di difetto che questa striscia esiste per evitare.\r\n        -->\r\n        <button type=\"button\" class=\"dpe-shell__btn\" (click)=\"runAutoLayout()\">\r\n          Riordina il grafo\r\n        </button>\r\n      </div>\r\n\r\n      <p class=\"dpe-note dpe-note--warning\">\r\n        L\u2019eliminazione lascia i riferimenti a valle cos\u00EC come sono: diventano riferimenti rotti, e\r\n        il backend li segnala. Si annulla con \u21B6.\r\n      </p>\r\n    </div>\r\n  }\r\n\r\n  <div class=\"dpe-shell__body\">\r\n    <dpe-node-palette class=\"dpe-shell__palette\" (nodeRequested)=\"onNodeRequested($event)\" />\r\n\r\n    <dpe-canvas\r\n      class=\"dpe-shell__canvas\"\r\n      [isEditable]=\"isEditable()\"\r\n      (nodeDropped)=\"onNodeDropped($event)\"\r\n      (nodeOpened)=\"onNodeOpened($event)\"\r\n    />\r\n  </div>\r\n\r\n  <!--\r\n    **Una sola istanza**, fratello di `.dpe-shell__body`: non dentro il canvas (finirebbe nella\r\n    trasformazione CSS di `f-canvas`) e non dentro il corpo (partecipererebbe alla griglia). Non\r\n    partecipa al layout: `showModal()` la promuove nel top layer, quindi aprirla non produce\r\n    nessun reflow del canvas e non c'e' nessuna inquadratura da rifare.\r\n  -->\r\n  <dpe-node-dialog />\r\n\r\n  <div class=\"dpe-shell__bottom\">\r\n    <div class=\"dpe-shell__tabs\" role=\"tablist\" aria-label=\"Pannelli\">\r\n      <button\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        class=\"dpe-shell__tab\"\r\n        [class.dpe-shell__tab--active]=\"bottomTab() === 'diagnostics'\"\r\n        [attr.aria-selected]=\"bottomTab() === 'diagnostics'\"\r\n        (click)=\"bottomTab.set('diagnostics')\"\r\n      >\r\n        Diagnostiche\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        class=\"dpe-shell__tab\"\r\n        [class.dpe-shell__tab--active]=\"bottomTab() === 'schema'\"\r\n        [attr.aria-selected]=\"bottomTab() === 'schema'\"\r\n        (click)=\"bottomTab.set('schema')\"\r\n      >\r\n        Schema\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        class=\"dpe-shell__tab\"\r\n        [class.dpe-shell__tab--active]=\"bottomTab() === 'sql'\"\r\n        [attr.aria-selected]=\"bottomTab() === 'sql'\"\r\n        (click)=\"bottomTab.set('sql')\"\r\n      >\r\n        SQL generato\r\n      </button>\r\n    </div>\r\n\r\n    @switch (bottomTab()) {\r\n      @case ('diagnostics') {\r\n        <dpe-diagnostics-panel class=\"dpe-shell__panel\" (navigate)=\"onNavigate($event)\" />\r\n      }\r\n      @case ('schema') {\r\n        <dpe-schema-panel class=\"dpe-shell__panel\" />\r\n      }\r\n      @case ('sql') {\r\n        <dpe-sql-preview class=\"dpe-shell__panel\" />\r\n      }\r\n    }\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "component", type: DpeCanvasComponent, selector: "dpe-canvas", inputs: ["isEditable"], outputs: ["nodeOpened", "nodeDropped"] }, { kind: "component", type: DpeDiagnosticsPanelComponent, selector: "dpe-diagnostics-panel", outputs: ["navigate"] }, { kind: "component", type: DpeNodeDialogComponent, selector: "dpe-node-dialog" }, { kind: "component", type: DpeNodePaletteComponent, selector: "dpe-node-palette", outputs: ["nodeRequested"] }, { kind: "component", type: DpeSchemaPanelComponent, selector: "dpe-schema-panel" }, { kind: "component", type: DpeSqlPreviewComponent, selector: "dpe-sql-preview" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeBuilderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeBuilderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dpe-builder', standalone: true, imports: [
                         DpeCanvasComponent,
@@ -9262,10 +9262,10 @@ class DpeCatalogComponent {
         const parsed = new Date(value);
         return Number.isNaN(parsed.getTime()) ? value : parsed.toLocaleDateString();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeCatalogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DpeCatalogComponent, isStandalone: true, selector: "dpe-catalog", outputs: { open: "open" }, providers: [DpeCatalogStore], viewQueries: [{ propertyName: "duplicateNameField", first: true, predicate: ["duplicateNameField"], descendants: true, isSignal: true }], ngImport: i0, template: "<!--\r\n  `.dpe-theme` porta le variabili del tema anche fuori dall\u2019editor: il catalogo e\u2019 un componente\r\n  **fratello**, quindi non puo\u2019 contare sulla classe radice di `<dpe-builder>`. La variante scura\r\n  resta quella prevista, `data-dpe-theme=\"dark\"` su un contenitore dell\u2019ospite.\r\n-->\r\n<section class=\"dpe-theme dpe-cat\" aria-labelledby=\"dpe-cat-title\">\r\n  <header class=\"dpe-cat__bar\">\r\n    <h2 class=\"dpe-cat__title\" id=\"dpe-cat-title\">Definizioni DPE</h2>\r\n\r\n    <span class=\"dpe-cat__count\">\r\n      @if (store.isLoading()) {\r\n        caricamento\u2026\r\n      } @else if (!store.capabilities.listDefinitions) {\r\n        elenco non disponibile\r\n      } @else {\r\n        {{ visible().length }} di {{ store.summaries().length }}\r\n      }\r\n    </span>\r\n\r\n    <input\r\n      class=\"dpe-cat__filter\"\r\n      type=\"search\"\r\n      placeholder=\"Filtra per nome o etichetta\"\r\n      aria-label=\"Filtra le definizioni\"\r\n      [value]=\"filter()\"\r\n      (input)=\"filter.set($any($event.target).value)\"\r\n    />\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"dpe-cat__btn\"\r\n      [disabled]=\"!store.capabilities.listDefinitions || store.isLoading()\"\r\n      [title]=\"\r\n        store.capabilities.listDefinitions\r\n          ? 'Ricarica l\u2019elenco'\r\n          : 'Questo ambiente non implementa listDefinitions.'\r\n      \"\r\n      (click)=\"refresh()\"\r\n    >\r\n      \u27F3 Aggiorna\r\n    </button>\r\n  </header>\r\n\r\n  @if (store.error(); as error) {\r\n    <!--\r\n      Banner persistente: un errore di catalogo che svanisce lascia un elenco vecchio senza dire\r\n      che e\u2019 vecchio. La categoria si mostra perche\u2019 distingue \u00ABriprova\u00BB da \u00ABchiedi all\u2019ospite\u00BB.\r\n    -->\r\n    <p class=\"dpe-cat__error\" role=\"alert\">\r\n      <strong>{{ error.category }}</strong> {{ error.message }}\r\n      <button type=\"button\" class=\"dpe-cat__dismiss\" aria-label=\"Chiudi\" (click)=\"store.dismissError()\">\r\n        \u00D7\r\n      </button>\r\n    </p>\r\n  }\r\n\r\n  <ul class=\"dpe-cat__list\">\r\n    @for (summary of visible(); track summary.name) {\r\n      <li class=\"dpe-cat__item\" [class.dpe-cat__item--busy]=\"store.isMutating()\">\r\n        <div class=\"dpe-cat__row\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"dpe-cat__open\"\r\n            [title]=\"'Apri ' + summary.label\"\r\n            (click)=\"onOpen(summary.name)\"\r\n          >\r\n            <span class=\"dpe-cat__label\">{{ summary.label }}</span>\r\n            <span class=\"dpe-cat__meta\">\r\n              <!--\r\n                Solo i fatti **presenti**: cio\u2019 che il sommario non porta non si stima. Contare i\r\n                nodi lato client vorrebbe dire caricare tutte le definizioni per disegnare un\r\n                elenco (ADR 0019).\r\n              -->\r\n              <code class=\"dpe-cat__name\">{{ summary.name }}</code>\r\n              <span class=\"dpe-cat__dot\">&nbsp;\u00B7&nbsp;</span>\r\n              {{ dialectLabels[summary.dialect] }}\r\n              @if (summary.status) {\r\n                <span class=\"dpe-cat__dot\">&nbsp;\u00B7&nbsp;</span>\r\n                {{ summary.status === 'Active' ? 'attiva' : 'non attiva' }}\r\n              }\r\n              @if (summary.runMode) {\r\n                <span class=\"dpe-cat__dot\">&nbsp;\u00B7&nbsp;</span>\r\n                {{ summary.runMode === 'Batch' ? 'batch' : 'a richiesta' }}\r\n              }\r\n              @if (summary.isTemplate) {\r\n                <span class=\"dpe-cat__dot\">&nbsp;\u00B7&nbsp;</span>\r\n                modello\r\n              }\r\n              @if (summary.nodeCount !== undefined) {\r\n                <span class=\"dpe-cat__dot\">&nbsp;\u00B7&nbsp;</span>\r\n                {{ summary.nodeCount }} {{ summary.nodeCount === 1 ? 'nodo' : 'nodi' }}\r\n              }\r\n              @if (summary.updatedAt) {\r\n                <span class=\"dpe-cat__dot\">&nbsp;\u00B7&nbsp;</span>\r\n                {{ formatDate(summary.updatedAt) }}\r\n                @if (summary.updatedBy) {\r\n                  \u00B7 {{ summary.updatedBy }}\r\n                }\r\n              }\r\n            </span>\r\n            @if (summary.description) {\r\n              <span class=\"dpe-cat__desc\">{{ summary.description }}</span>\r\n            }\r\n          </button>\r\n\r\n          <!--\r\n            `hasErrors` e\u2019 **riportato, non ricalcolato** (ADR 0019): il frontend non valida\r\n            niente. Per questo l\u2019etichetta dice \u00ABultima validazione nota\u00BB e non \u00ABinvalida\u00BB: puo\u2019\r\n            essere vecchia, e spacciarla per verita\u2019 sarebbe una validazione fatta dal client per\r\n            interposta persona. Assente, non compare nulla.\r\n          -->\r\n          @if (summary.hasErrors !== undefined) {\r\n            <span\r\n              class=\"dpe-cat__flag\"\r\n              [class.dpe-cat__flag--errors]=\"summary.hasErrors\"\r\n              [title]=\"\r\n                summary.hasErrors\r\n                  ? 'Ultima validazione nota all\u2019ambiente: con errori. E\u2019 uno stato riportato, non ricalcolato qui.'\r\n                  : 'Ultima validazione nota all\u2019ambiente: senza errori. E\u2019 uno stato riportato, non ricalcolato qui.'\r\n              \"\r\n            >\r\n              {{ summary.hasErrors ? 'con errori (stato noto)' : 'senza errori (stato noto)' }}\r\n            </span>\r\n          }\r\n\r\n          <div class=\"dpe-cat__actions\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"dpe-cat__btn\"\r\n              [disabled]=\"!canDuplicate() || store.isMutating()\"\r\n              [title]=\"duplicateReason()\"\r\n              (click)=\"startDuplicate(summary)\"\r\n            >\r\n              Duplica\r\n            </button>\r\n\r\n            @if (pendingDelete() === summary.name) {\r\n              <!-- Conferma in **due passi**: la prima pressione chiede, la seconda cancella. -->\r\n              <span class=\"dpe-cat__confirm\">\r\n                Eliminare \u00AB{{ summary.name }}\u00BB?\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"dpe-cat__btn dpe-cat__btn--danger\"\r\n                  (click)=\"confirmDelete(summary.name)\"\r\n                >\r\n                  Elimina\r\n                </button>\r\n                <button type=\"button\" class=\"dpe-cat__btn\" (click)=\"cancelDelete()\">Annulla</button>\r\n              </span>\r\n            } @else {\r\n              <button\r\n                type=\"button\"\r\n                class=\"dpe-cat__btn\"\r\n                [disabled]=\"!store.capabilities.deleteDefinition || store.isMutating()\"\r\n                [title]=\"\r\n                  store.capabilities.deleteDefinition\r\n                    ? 'Elimina (chiede conferma)'\r\n                    : 'Eliminazione non disponibile: questo ambiente non implementa deleteDefinition.'\r\n                \"\r\n                (click)=\"askDelete(summary.name)\"\r\n              >\r\n                Elimina\r\n              </button>\r\n            }\r\n          </div>\r\n        </div>\r\n\r\n        @if (duplicateSource() === summary.name) {\r\n          <!--\r\n            Duplicare e\u2019 `load` piu\u2019 `createDefinition`: nessuna primitiva nuova sul contratto.\r\n            Il dialetto resta quello della definizione copiata \u2014 le espressioni sono SQL nativo.\r\n          -->\r\n          <div class=\"dpe-cat__form dpe-cat__form--inline\">\r\n            <label class=\"dpe-cat__field\">\r\n              <span>Nome della copia</span>\r\n              <input\r\n                #duplicateNameField\r\n                class=\"dpe-cat__input\"\r\n                [value]=\"duplicateName()\"\r\n                (input)=\"duplicateName.set($any($event.target).value)\"\r\n              />\r\n            </label>\r\n            <label class=\"dpe-cat__field\">\r\n              <span>Etichetta della copia</span>\r\n              <input\r\n                class=\"dpe-cat__input\"\r\n                [value]=\"duplicateLabel()\"\r\n                (input)=\"duplicateLabel.set($any($event.target).value)\"\r\n              />\r\n            </label>\r\n            <button\r\n              type=\"button\"\r\n              class=\"dpe-cat__btn dpe-cat__btn--primary\"\r\n              [disabled]=\"!canSubmitDuplicate()\"\r\n              (click)=\"confirmDuplicate()\"\r\n            >\r\n              Duplica\r\n            </button>\r\n            <button type=\"button\" class=\"dpe-cat__btn\" (click)=\"cancelDuplicate()\">Annulla</button>\r\n          </div>\r\n        }\r\n      </li>\r\n    } @empty {\r\n      <li class=\"dpe-cat__empty\">\r\n        @if (!store.capabilities.listDefinitions) {\r\n          Questo ambiente non implementa <code>listDefinitions</code>: l\u2019elenco lo fornisce\r\n          l\u2019applicazione ospite.\r\n        } @else if (store.isLoading()) {\r\n          Caricamento dell\u2019elenco\u2026\r\n        } @else if (isFilteredEmpty()) {\r\n          Nessuna definizione corrisponde al filtro.\r\n        } @else if (store.hasLoaded()) {\r\n          Nessuna definizione. Creane una qui sotto.\r\n        } @else {\r\n          Elenco non disponibile.\r\n        }\r\n      </li>\r\n    }\r\n  </ul>\r\n\r\n  <footer class=\"dpe-cat__foot\">\r\n    <div class=\"dpe-cat__form\">\r\n      <label class=\"dpe-cat__field\">\r\n        <span>Nome tecnico</span>\r\n        <input\r\n          class=\"dpe-cat__input\"\r\n          placeholder=\"RiepilogoOrdini\"\r\n          [value]=\"newName()\"\r\n          [disabled]=\"!store.createCommand.isAvailable\"\r\n          (input)=\"newName.set($any($event.target).value)\"\r\n        />\r\n      </label>\r\n      <label class=\"dpe-cat__field\">\r\n        <!--\r\n          Si chiedono **due** campi e non uno: passare il nome anche come etichetta produce per\r\n          sempre un catalogo di nomi tecnici, e un default sbagliato non si corregge piu\u2019.\r\n        -->\r\n        <span>Etichetta</span>\r\n        <input\r\n          class=\"dpe-cat__input\"\r\n          placeholder=\"Riepilogo ordini\"\r\n          [value]=\"newLabel()\"\r\n          [disabled]=\"!store.createCommand.isAvailable\"\r\n          (input)=\"newLabel.set($any($event.target).value)\"\r\n        />\r\n      </label>\r\n      <button\r\n        type=\"button\"\r\n        class=\"dpe-cat__btn dpe-cat__btn--primary\"\r\n        [disabled]=\"!canSubmitNew()\"\r\n        [title]=\"\r\n          store.createCommand.reason ??\r\n          'Crea la definizione e la apre. Il dialetto viene dall\u2019ambiente, non si sceglie qui.'\r\n        \"\r\n        (click)=\"createNew()\"\r\n      >\r\n        + Crea e apri\r\n      </button>\r\n    </div>\r\n\r\n    <p class=\"dpe-cat__hint\">\r\n      @if (store.createCommand.isAvailable) {\r\n        <!--\r\n          Detto **al momento della creazione**, non lasciato scoprire: una definizione nuova non\r\n          ha sorgenti ne\u2019 writeback, quindi l\u2019editor la segnalera\u2019 invalida. E\u2019 normale \u2014 il\r\n          modello tollera l\u2019incompleto e la validazione lo racconta.\r\n        -->\r\n        Il dialetto della definizione nuova e\u2019 quello dichiarato dall\u2019ambiente\r\n        @if (store.environmentDialect(); as declared) {\r\n          (<strong>{{ dialectLabels[declared] }}</strong>)\r\n        }\r\n        e non si sceglie qui: le espressioni sono SQL nativo di quel dialetto. Una definizione appena creata\r\n        e\u2019 <strong>invalida</strong> \u2014 servono almeno una sorgente e un writeback \u2014 ed e\u2019 normale.\r\n      } @else {\r\n        {{ store.createCommand.reason }}\r\n      }\r\n    </p>\r\n  </footer>\r\n</section>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeCatalogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: DpeCatalogComponent, isStandalone: true, selector: "dpe-catalog", outputs: { open: "open" }, providers: [DpeCatalogStore], viewQueries: [{ propertyName: "duplicateNameField", first: true, predicate: ["duplicateNameField"], descendants: true, isSignal: true }], ngImport: i0, template: "<!--\r\n  `.dpe-theme` porta le variabili del tema anche fuori dall\u2019editor: il catalogo e\u2019 un componente\r\n  **fratello**, quindi non puo\u2019 contare sulla classe radice di `<dpe-builder>`. La variante scura\r\n  resta quella prevista, `data-dpe-theme=\"dark\"` su un contenitore dell\u2019ospite.\r\n-->\r\n<section class=\"dpe-theme dpe-cat\" aria-labelledby=\"dpe-cat-title\">\r\n  <header class=\"dpe-cat__bar\">\r\n    <h2 class=\"dpe-cat__title\" id=\"dpe-cat-title\">Definizioni DPE</h2>\r\n\r\n    <span class=\"dpe-cat__count\">\r\n      @if (store.isLoading()) {\r\n        caricamento\u2026\r\n      } @else if (!store.capabilities.listDefinitions) {\r\n        elenco non disponibile\r\n      } @else {\r\n        {{ visible().length }} di {{ store.summaries().length }}\r\n      }\r\n    </span>\r\n\r\n    <input\r\n      class=\"dpe-cat__filter\"\r\n      type=\"search\"\r\n      placeholder=\"Filtra per nome o etichetta\"\r\n      aria-label=\"Filtra le definizioni\"\r\n      [value]=\"filter()\"\r\n      (input)=\"filter.set($any($event.target).value)\"\r\n    />\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"dpe-cat__btn\"\r\n      [disabled]=\"!store.capabilities.listDefinitions || store.isLoading()\"\r\n      [title]=\"\r\n        store.capabilities.listDefinitions\r\n          ? 'Ricarica l\u2019elenco'\r\n          : 'Questo ambiente non implementa listDefinitions.'\r\n      \"\r\n      (click)=\"refresh()\"\r\n    >\r\n      \u27F3 Aggiorna\r\n    </button>\r\n  </header>\r\n\r\n  @if (store.error(); as error) {\r\n    <!--\r\n      Banner persistente: un errore di catalogo che svanisce lascia un elenco vecchio senza dire\r\n      che e\u2019 vecchio. La categoria si mostra perche\u2019 distingue \u00ABriprova\u00BB da \u00ABchiedi all\u2019ospite\u00BB.\r\n    -->\r\n    <p class=\"dpe-cat__error\" role=\"alert\">\r\n      <strong>{{ error.category }}</strong> {{ error.message }}\r\n      <button type=\"button\" class=\"dpe-cat__dismiss\" aria-label=\"Chiudi\" (click)=\"store.dismissError()\">\r\n        \u00D7\r\n      </button>\r\n    </p>\r\n  }\r\n\r\n  <ul class=\"dpe-cat__list\">\r\n    @for (summary of visible(); track summary.name) {\r\n      <li class=\"dpe-cat__item\" [class.dpe-cat__item--busy]=\"store.isMutating()\">\r\n        <div class=\"dpe-cat__row\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"dpe-cat__open\"\r\n            [title]=\"'Apri ' + summary.label\"\r\n            (click)=\"onOpen(summary.name)\"\r\n          >\r\n            <span class=\"dpe-cat__label\">{{ summary.label }}</span>\r\n            <span class=\"dpe-cat__meta\">\r\n              <!--\r\n                Solo i fatti **presenti**: cio\u2019 che il sommario non porta non si stima. Contare i\r\n                nodi lato client vorrebbe dire caricare tutte le definizioni per disegnare un\r\n                elenco (ADR 0019).\r\n              -->\r\n              <code class=\"dpe-cat__name\">{{ summary.name }}</code>\r\n              <span class=\"dpe-cat__dot\">&nbsp;\u00B7&nbsp;</span>\r\n              {{ dialectLabels[summary.dialect] }}\r\n              @if (summary.status) {\r\n                <span class=\"dpe-cat__dot\">&nbsp;\u00B7&nbsp;</span>\r\n                {{ summary.status === 'Active' ? 'attiva' : 'non attiva' }}\r\n              }\r\n              @if (summary.runMode) {\r\n                <span class=\"dpe-cat__dot\">&nbsp;\u00B7&nbsp;</span>\r\n                {{ summary.runMode === 'Batch' ? 'batch' : 'a richiesta' }}\r\n              }\r\n              @if (summary.isTemplate) {\r\n                <span class=\"dpe-cat__dot\">&nbsp;\u00B7&nbsp;</span>\r\n                modello\r\n              }\r\n              @if (summary.nodeCount !== undefined) {\r\n                <span class=\"dpe-cat__dot\">&nbsp;\u00B7&nbsp;</span>\r\n                {{ summary.nodeCount }} {{ summary.nodeCount === 1 ? 'nodo' : 'nodi' }}\r\n              }\r\n              @if (summary.updatedAt) {\r\n                <span class=\"dpe-cat__dot\">&nbsp;\u00B7&nbsp;</span>\r\n                {{ formatDate(summary.updatedAt) }}\r\n                @if (summary.updatedBy) {\r\n                  \u00B7 {{ summary.updatedBy }}\r\n                }\r\n              }\r\n            </span>\r\n            @if (summary.description) {\r\n              <span class=\"dpe-cat__desc\">{{ summary.description }}</span>\r\n            }\r\n          </button>\r\n\r\n          <!--\r\n            `hasErrors` e\u2019 **riportato, non ricalcolato** (ADR 0019): il frontend non valida\r\n            niente. Per questo l\u2019etichetta dice \u00ABultima validazione nota\u00BB e non \u00ABinvalida\u00BB: puo\u2019\r\n            essere vecchia, e spacciarla per verita\u2019 sarebbe una validazione fatta dal client per\r\n            interposta persona. Assente, non compare nulla.\r\n          -->\r\n          @if (summary.hasErrors !== undefined) {\r\n            <span\r\n              class=\"dpe-cat__flag\"\r\n              [class.dpe-cat__flag--errors]=\"summary.hasErrors\"\r\n              [title]=\"\r\n                summary.hasErrors\r\n                  ? 'Ultima validazione nota all\u2019ambiente: con errori. E\u2019 uno stato riportato, non ricalcolato qui.'\r\n                  : 'Ultima validazione nota all\u2019ambiente: senza errori. E\u2019 uno stato riportato, non ricalcolato qui.'\r\n              \"\r\n            >\r\n              {{ summary.hasErrors ? 'con errori (stato noto)' : 'senza errori (stato noto)' }}\r\n            </span>\r\n          }\r\n\r\n          <div class=\"dpe-cat__actions\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"dpe-cat__btn\"\r\n              [disabled]=\"!canDuplicate() || store.isMutating()\"\r\n              [title]=\"duplicateReason()\"\r\n              (click)=\"startDuplicate(summary)\"\r\n            >\r\n              Duplica\r\n            </button>\r\n\r\n            @if (pendingDelete() === summary.name) {\r\n              <!-- Conferma in **due passi**: la prima pressione chiede, la seconda cancella. -->\r\n              <span class=\"dpe-cat__confirm\">\r\n                Eliminare \u00AB{{ summary.name }}\u00BB?\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"dpe-cat__btn dpe-cat__btn--danger\"\r\n                  (click)=\"confirmDelete(summary.name)\"\r\n                >\r\n                  Elimina\r\n                </button>\r\n                <button type=\"button\" class=\"dpe-cat__btn\" (click)=\"cancelDelete()\">Annulla</button>\r\n              </span>\r\n            } @else {\r\n              <button\r\n                type=\"button\"\r\n                class=\"dpe-cat__btn\"\r\n                [disabled]=\"!store.capabilities.deleteDefinition || store.isMutating()\"\r\n                [title]=\"\r\n                  store.capabilities.deleteDefinition\r\n                    ? 'Elimina (chiede conferma)'\r\n                    : 'Eliminazione non disponibile: questo ambiente non implementa deleteDefinition.'\r\n                \"\r\n                (click)=\"askDelete(summary.name)\"\r\n              >\r\n                Elimina\r\n              </button>\r\n            }\r\n          </div>\r\n        </div>\r\n\r\n        @if (duplicateSource() === summary.name) {\r\n          <!--\r\n            Duplicare e\u2019 `load` piu\u2019 `createDefinition`: nessuna primitiva nuova sul contratto.\r\n            Il dialetto resta quello della definizione copiata \u2014 le espressioni sono SQL nativo.\r\n          -->\r\n          <div class=\"dpe-cat__form dpe-cat__form--inline\">\r\n            <label class=\"dpe-cat__field\">\r\n              <span>Nome della copia</span>\r\n              <input\r\n                #duplicateNameField\r\n                class=\"dpe-cat__input\"\r\n                [value]=\"duplicateName()\"\r\n                (input)=\"duplicateName.set($any($event.target).value)\"\r\n              />\r\n            </label>\r\n            <label class=\"dpe-cat__field\">\r\n              <span>Etichetta della copia</span>\r\n              <input\r\n                class=\"dpe-cat__input\"\r\n                [value]=\"duplicateLabel()\"\r\n                (input)=\"duplicateLabel.set($any($event.target).value)\"\r\n              />\r\n            </label>\r\n            <button\r\n              type=\"button\"\r\n              class=\"dpe-cat__btn dpe-cat__btn--primary\"\r\n              [disabled]=\"!canSubmitDuplicate()\"\r\n              (click)=\"confirmDuplicate()\"\r\n            >\r\n              Duplica\r\n            </button>\r\n            <button type=\"button\" class=\"dpe-cat__btn\" (click)=\"cancelDuplicate()\">Annulla</button>\r\n          </div>\r\n        }\r\n      </li>\r\n    } @empty {\r\n      <li class=\"dpe-cat__empty\">\r\n        @if (!store.capabilities.listDefinitions) {\r\n          Questo ambiente non implementa <code>listDefinitions</code>: l\u2019elenco lo fornisce\r\n          l\u2019applicazione ospite.\r\n        } @else if (store.isLoading()) {\r\n          Caricamento dell\u2019elenco\u2026\r\n        } @else if (isFilteredEmpty()) {\r\n          Nessuna definizione corrisponde al filtro.\r\n        } @else if (store.hasLoaded()) {\r\n          Nessuna definizione. Creane una qui sotto.\r\n        } @else {\r\n          Elenco non disponibile.\r\n        }\r\n      </li>\r\n    }\r\n  </ul>\r\n\r\n  <footer class=\"dpe-cat__foot\">\r\n    <div class=\"dpe-cat__form\">\r\n      <label class=\"dpe-cat__field\">\r\n        <span>Nome tecnico</span>\r\n        <input\r\n          class=\"dpe-cat__input\"\r\n          placeholder=\"RiepilogoOrdini\"\r\n          [value]=\"newName()\"\r\n          [disabled]=\"!store.createCommand.isAvailable\"\r\n          (input)=\"newName.set($any($event.target).value)\"\r\n        />\r\n      </label>\r\n      <label class=\"dpe-cat__field\">\r\n        <!--\r\n          Si chiedono **due** campi e non uno: passare il nome anche come etichetta produce per\r\n          sempre un catalogo di nomi tecnici, e un default sbagliato non si corregge piu\u2019.\r\n        -->\r\n        <span>Etichetta</span>\r\n        <input\r\n          class=\"dpe-cat__input\"\r\n          placeholder=\"Riepilogo ordini\"\r\n          [value]=\"newLabel()\"\r\n          [disabled]=\"!store.createCommand.isAvailable\"\r\n          (input)=\"newLabel.set($any($event.target).value)\"\r\n        />\r\n      </label>\r\n      <button\r\n        type=\"button\"\r\n        class=\"dpe-cat__btn dpe-cat__btn--primary\"\r\n        [disabled]=\"!canSubmitNew()\"\r\n        [title]=\"\r\n          store.createCommand.reason ??\r\n          'Crea la definizione e la apre. Il dialetto viene dall\u2019ambiente, non si sceglie qui.'\r\n        \"\r\n        (click)=\"createNew()\"\r\n      >\r\n        + Crea e apri\r\n      </button>\r\n    </div>\r\n\r\n    <p class=\"dpe-cat__hint\">\r\n      @if (store.createCommand.isAvailable) {\r\n        <!--\r\n          Detto **al momento della creazione**, non lasciato scoprire: una definizione nuova non\r\n          ha sorgenti ne\u2019 writeback, quindi l\u2019editor la segnalera\u2019 invalida. E\u2019 normale \u2014 il\r\n          modello tollera l\u2019incompleto e la validazione lo racconta.\r\n        -->\r\n        Il dialetto della definizione nuova e\u2019 quello dichiarato dall\u2019ambiente\r\n        @if (store.environmentDialect(); as declared) {\r\n          (<strong>{{ dialectLabels[declared] }}</strong>)\r\n        }\r\n        e non si sceglie qui: le espressioni sono SQL nativo di quel dialetto. Una definizione appena creata\r\n        e\u2019 <strong>invalida</strong> \u2014 servono almeno una sorgente e un writeback \u2014 ed e\u2019 normale.\r\n      } @else {\r\n        {{ store.createCommand.reason }}\r\n      }\r\n    </p>\r\n  </footer>\r\n</section>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DpeCatalogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: DpeCatalogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dpe-catalog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [DpeCatalogStore], template: "<!--\r\n  `.dpe-theme` porta le variabili del tema anche fuori dall\u2019editor: il catalogo e\u2019 un componente\r\n  **fratello**, quindi non puo\u2019 contare sulla classe radice di `<dpe-builder>`. La variante scura\r\n  resta quella prevista, `data-dpe-theme=\"dark\"` su un contenitore dell\u2019ospite.\r\n-->\r\n<section class=\"dpe-theme dpe-cat\" aria-labelledby=\"dpe-cat-title\">\r\n  <header class=\"dpe-cat__bar\">\r\n    <h2 class=\"dpe-cat__title\" id=\"dpe-cat-title\">Definizioni DPE</h2>\r\n\r\n    <span class=\"dpe-cat__count\">\r\n      @if (store.isLoading()) {\r\n        caricamento\u2026\r\n      } @else if (!store.capabilities.listDefinitions) {\r\n        elenco non disponibile\r\n      } @else {\r\n        {{ visible().length }} di {{ store.summaries().length }}\r\n      }\r\n    </span>\r\n\r\n    <input\r\n      class=\"dpe-cat__filter\"\r\n      type=\"search\"\r\n      placeholder=\"Filtra per nome o etichetta\"\r\n      aria-label=\"Filtra le definizioni\"\r\n      [value]=\"filter()\"\r\n      (input)=\"filter.set($any($event.target).value)\"\r\n    />\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"dpe-cat__btn\"\r\n      [disabled]=\"!store.capabilities.listDefinitions || store.isLoading()\"\r\n      [title]=\"\r\n        store.capabilities.listDefinitions\r\n          ? 'Ricarica l\u2019elenco'\r\n          : 'Questo ambiente non implementa listDefinitions.'\r\n      \"\r\n      (click)=\"refresh()\"\r\n    >\r\n      \u27F3 Aggiorna\r\n    </button>\r\n  </header>\r\n\r\n  @if (store.error(); as error) {\r\n    <!--\r\n      Banner persistente: un errore di catalogo che svanisce lascia un elenco vecchio senza dire\r\n      che e\u2019 vecchio. La categoria si mostra perche\u2019 distingue \u00ABriprova\u00BB da \u00ABchiedi all\u2019ospite\u00BB.\r\n    -->\r\n    <p class=\"dpe-cat__error\" role=\"alert\">\r\n      <strong>{{ error.category }}</strong> {{ error.message }}\r\n      <button type=\"button\" class=\"dpe-cat__dismiss\" aria-label=\"Chiudi\" (click)=\"store.dismissError()\">\r\n        \u00D7\r\n      </button>\r\n    </p>\r\n  }\r\n\r\n  <ul class=\"dpe-cat__list\">\r\n    @for (summary of visible(); track summary.name) {\r\n      <li class=\"dpe-cat__item\" [class.dpe-cat__item--busy]=\"store.isMutating()\">\r\n        <div class=\"dpe-cat__row\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"dpe-cat__open\"\r\n            [title]=\"'Apri ' + summary.label\"\r\n            (click)=\"onOpen(summary.name)\"\r\n          >\r\n            <span class=\"dpe-cat__label\">{{ summary.label }}</span>\r\n            <span class=\"dpe-cat__meta\">\r\n              <!--\r\n                Solo i fatti **presenti**: cio\u2019 che il sommario non porta non si stima. Contare i\r\n                nodi lato client vorrebbe dire caricare tutte le definizioni per disegnare un\r\n                elenco (ADR 0019).\r\n              -->\r\n              <code class=\"dpe-cat__name\">{{ summary.name }}</code>\r\n              <span class=\"dpe-cat__dot\">&nbsp;\u00B7&nbsp;</span>\r\n              {{ dialectLabels[summary.dialect] }}\r\n              @if (summary.status) {\r\n                <span class=\"dpe-cat__dot\">&nbsp;\u00B7&nbsp;</span>\r\n                {{ summary.status === 'Active' ? 'attiva' : 'non attiva' }}\r\n              }\r\n              @if (summary.runMode) {\r\n                <span class=\"dpe-cat__dot\">&nbsp;\u00B7&nbsp;</span>\r\n                {{ summary.runMode === 'Batch' ? 'batch' : 'a richiesta' }}\r\n              }\r\n              @if (summary.isTemplate) {\r\n                <span class=\"dpe-cat__dot\">&nbsp;\u00B7&nbsp;</span>\r\n                modello\r\n              }\r\n              @if (summary.nodeCount !== undefined) {\r\n                <span class=\"dpe-cat__dot\">&nbsp;\u00B7&nbsp;</span>\r\n                {{ summary.nodeCount }} {{ summary.nodeCount === 1 ? 'nodo' : 'nodi' }}\r\n              }\r\n              @if (summary.updatedAt) {\r\n                <span class=\"dpe-cat__dot\">&nbsp;\u00B7&nbsp;</span>\r\n                {{ formatDate(summary.updatedAt) }}\r\n                @if (summary.updatedBy) {\r\n                  \u00B7 {{ summary.updatedBy }}\r\n                }\r\n              }\r\n            </span>\r\n            @if (summary.description) {\r\n              <span class=\"dpe-cat__desc\">{{ summary.description }}</span>\r\n            }\r\n          </button>\r\n\r\n          <!--\r\n            `hasErrors` e\u2019 **riportato, non ricalcolato** (ADR 0019): il frontend non valida\r\n            niente. Per questo l\u2019etichetta dice \u00ABultima validazione nota\u00BB e non \u00ABinvalida\u00BB: puo\u2019\r\n            essere vecchia, e spacciarla per verita\u2019 sarebbe una validazione fatta dal client per\r\n            interposta persona. Assente, non compare nulla.\r\n          -->\r\n          @if (summary.hasErrors !== undefined) {\r\n            <span\r\n              class=\"dpe-cat__flag\"\r\n              [class.dpe-cat__flag--errors]=\"summary.hasErrors\"\r\n              [title]=\"\r\n                summary.hasErrors\r\n                  ? 'Ultima validazione nota all\u2019ambiente: con errori. E\u2019 uno stato riportato, non ricalcolato qui.'\r\n                  : 'Ultima validazione nota all\u2019ambiente: senza errori. E\u2019 uno stato riportato, non ricalcolato qui.'\r\n              \"\r\n            >\r\n              {{ summary.hasErrors ? 'con errori (stato noto)' : 'senza errori (stato noto)' }}\r\n            </span>\r\n          }\r\n\r\n          <div class=\"dpe-cat__actions\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"dpe-cat__btn\"\r\n              [disabled]=\"!canDuplicate() || store.isMutating()\"\r\n              [title]=\"duplicateReason()\"\r\n              (click)=\"startDuplicate(summary)\"\r\n            >\r\n              Duplica\r\n            </button>\r\n\r\n            @if (pendingDelete() === summary.name) {\r\n              <!-- Conferma in **due passi**: la prima pressione chiede, la seconda cancella. -->\r\n              <span class=\"dpe-cat__confirm\">\r\n                Eliminare \u00AB{{ summary.name }}\u00BB?\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"dpe-cat__btn dpe-cat__btn--danger\"\r\n                  (click)=\"confirmDelete(summary.name)\"\r\n                >\r\n                  Elimina\r\n                </button>\r\n                <button type=\"button\" class=\"dpe-cat__btn\" (click)=\"cancelDelete()\">Annulla</button>\r\n              </span>\r\n            } @else {\r\n              <button\r\n                type=\"button\"\r\n                class=\"dpe-cat__btn\"\r\n                [disabled]=\"!store.capabilities.deleteDefinition || store.isMutating()\"\r\n                [title]=\"\r\n                  store.capabilities.deleteDefinition\r\n                    ? 'Elimina (chiede conferma)'\r\n                    : 'Eliminazione non disponibile: questo ambiente non implementa deleteDefinition.'\r\n                \"\r\n                (click)=\"askDelete(summary.name)\"\r\n              >\r\n                Elimina\r\n              </button>\r\n            }\r\n          </div>\r\n        </div>\r\n\r\n        @if (duplicateSource() === summary.name) {\r\n          <!--\r\n            Duplicare e\u2019 `load` piu\u2019 `createDefinition`: nessuna primitiva nuova sul contratto.\r\n            Il dialetto resta quello della definizione copiata \u2014 le espressioni sono SQL nativo.\r\n          -->\r\n          <div class=\"dpe-cat__form dpe-cat__form--inline\">\r\n            <label class=\"dpe-cat__field\">\r\n              <span>Nome della copia</span>\r\n              <input\r\n                #duplicateNameField\r\n                class=\"dpe-cat__input\"\r\n                [value]=\"duplicateName()\"\r\n                (input)=\"duplicateName.set($any($event.target).value)\"\r\n              />\r\n            </label>\r\n            <label class=\"dpe-cat__field\">\r\n              <span>Etichetta della copia</span>\r\n              <input\r\n                class=\"dpe-cat__input\"\r\n                [value]=\"duplicateLabel()\"\r\n                (input)=\"duplicateLabel.set($any($event.target).value)\"\r\n              />\r\n            </label>\r\n            <button\r\n              type=\"button\"\r\n              class=\"dpe-cat__btn dpe-cat__btn--primary\"\r\n              [disabled]=\"!canSubmitDuplicate()\"\r\n              (click)=\"confirmDuplicate()\"\r\n            >\r\n              Duplica\r\n            </button>\r\n            <button type=\"button\" class=\"dpe-cat__btn\" (click)=\"cancelDuplicate()\">Annulla</button>\r\n          </div>\r\n        }\r\n      </li>\r\n    } @empty {\r\n      <li class=\"dpe-cat__empty\">\r\n        @if (!store.capabilities.listDefinitions) {\r\n          Questo ambiente non implementa <code>listDefinitions</code>: l\u2019elenco lo fornisce\r\n          l\u2019applicazione ospite.\r\n        } @else if (store.isLoading()) {\r\n          Caricamento dell\u2019elenco\u2026\r\n        } @else if (isFilteredEmpty()) {\r\n          Nessuna definizione corrisponde al filtro.\r\n        } @else if (store.hasLoaded()) {\r\n          Nessuna definizione. Creane una qui sotto.\r\n        } @else {\r\n          Elenco non disponibile.\r\n        }\r\n      </li>\r\n    }\r\n  </ul>\r\n\r\n  <footer class=\"dpe-cat__foot\">\r\n    <div class=\"dpe-cat__form\">\r\n      <label class=\"dpe-cat__field\">\r\n        <span>Nome tecnico</span>\r\n        <input\r\n          class=\"dpe-cat__input\"\r\n          placeholder=\"RiepilogoOrdini\"\r\n          [value]=\"newName()\"\r\n          [disabled]=\"!store.createCommand.isAvailable\"\r\n          (input)=\"newName.set($any($event.target).value)\"\r\n        />\r\n      </label>\r\n      <label class=\"dpe-cat__field\">\r\n        <!--\r\n          Si chiedono **due** campi e non uno: passare il nome anche come etichetta produce per\r\n          sempre un catalogo di nomi tecnici, e un default sbagliato non si corregge piu\u2019.\r\n        -->\r\n        <span>Etichetta</span>\r\n        <input\r\n          class=\"dpe-cat__input\"\r\n          placeholder=\"Riepilogo ordini\"\r\n          [value]=\"newLabel()\"\r\n          [disabled]=\"!store.createCommand.isAvailable\"\r\n          (input)=\"newLabel.set($any($event.target).value)\"\r\n        />\r\n      </label>\r\n      <button\r\n        type=\"button\"\r\n        class=\"dpe-cat__btn dpe-cat__btn--primary\"\r\n        [disabled]=\"!canSubmitNew()\"\r\n        [title]=\"\r\n          store.createCommand.reason ??\r\n          'Crea la definizione e la apre. Il dialetto viene dall\u2019ambiente, non si sceglie qui.'\r\n        \"\r\n        (click)=\"createNew()\"\r\n      >\r\n        + Crea e apri\r\n      </button>\r\n    </div>\r\n\r\n    <p class=\"dpe-cat__hint\">\r\n      @if (store.createCommand.isAvailable) {\r\n        <!--\r\n          Detto **al momento della creazione**, non lasciato scoprire: una definizione nuova non\r\n          ha sorgenti ne\u2019 writeback, quindi l\u2019editor la segnalera\u2019 invalida. E\u2019 normale \u2014 il\r\n          modello tollera l\u2019incompleto e la validazione lo racconta.\r\n        -->\r\n        Il dialetto della definizione nuova e\u2019 quello dichiarato dall\u2019ambiente\r\n        @if (store.environmentDialect(); as declared) {\r\n          (<strong>{{ dialectLabels[declared] }}</strong>)\r\n        }\r\n        e non si sceglie qui: le espressioni sono SQL nativo di quel dialetto. Una definizione appena creata\r\n        e\u2019 <strong>invalida</strong> \u2014 servono almeno una sorgente e un writeback \u2014 ed e\u2019 normale.\r\n      } @else {\r\n        {{ store.createCommand.reason }}\r\n      }\r\n    </p>\r\n  </footer>\r\n</section>\r\n" }]
         }], propDecorators: { open: [{ type: i0.Output, args: ["open"] }], duplicateNameField: [{ type: i0.ViewChild, args: ['duplicateNameField', { isSignal: true }] }] } });

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@esfaenza/dpe-builder",
-  "version": "20.3.8",
+  "version": "20.3.10",
   "peerDependencies": {
     "@angular/cdk": "^20.2.14",
-    "@angular/common": "^20.3.25",
-    "@angular/core": "^20.3.25",
+    "@angular/common": "^20.3.31",
+    "@angular/core": "^20.3.31",
     "@foblex/flow": ">=19.0.0",
-    "dagre": "^0.8.5",
-    "rxjs": "~7.8.0"
+    "dagre": "0.8.5",
+    "rxjs": "7.8.2"
   },
   "dependencies": {
     "tslib": "^2.3.0"