@esfaenza/es-diagrams 16.2.26 → 17.3.0

package/lib/components/es-diagram.component.d.ts

@@ -1,305 +1,305 @@
-import { ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
-import { ContextMenuOptions } from '../models/component/contextmenu/ContextMenuOptions';
-import { ExpandCollapseOptions } from '../models/component/grouping/ExpandCollapseOptions';
-import { NodeHTMLTemplate } from '../models/component/nodes/NodeHTMLTemplate';
-import { BreadthFirstLayoutOptionsImpl } from '../models/layouts/BreadthFirstLayoutOptionsImpl';
-import { CircleLayoutOptionsImpl } from '../models/layouts/CircleLayoutOptionsImpl';
-import { ConcentricLayoutOptionsImpl } from '../models/layouts/ConcentricLayoutOptionsImpl';
-import { CoseLayoutOptionsImpl } from '../models/layouts/CoseLayoutOptionsImpl';
-import { DagreLayoutOptionsImpl } from '../models/layouts/DagreLayoutOptionsImpl';
-import { GridLayoutOptionsImpl } from '../models/layouts/GridLayoutOptionsImpl';
-import { NullLayoutOptionsImpl } from '../models/layouts/NullLayoutOptionsImpl';
-import { PresetLayoutOptionsImpl } from '../models/layouts/PresetLayoutOptionsImpl';
-import { RandomLayoutOptionsImpl } from '../models/layouts/RandomLayoutOptionsImpl';
-import { EsDiagramService } from '../services/es-diagram.service';
-import { EsDiagramDispatcher } from '../services/es-diagram.dispatcher';
-import { ReactiveExtensions } from '../extensions/ReactiveExtensions';
-import * as i0 from "@angular/core";
-/**
- * Componente che si occupa di graficare un diagramma e di gestirne il ciclo di vita
- */
-export declare class EsDiagramComponent implements OnChanges {
-    private service;
-    private dispatcher;
-    private exts;
-    /**
-     * Riferimento all'oggetto HTML su cui creare il diagramma
-     */
-    cyGraph: ElementRef;
-    /**
-     * Nome del diagramma, fondamentale assegnarlo per permettere alla libreria di schedularne la creazione
-     */
-    name: string;
-    /**
-     * Indica se utilizzare il menù contestuale a ruota attorno ad ogni nodo
-     */
-    UseContextMenu: boolean;
-    /**
-     * Indica le opzioni del menù contestuale qualora **UseContextMenu** fosse **true**.
-     *
-     * Ogni elemento di questo array è un selettore con il menu da mostrare per quella casistica
-     */
-    ContextMenuOptions: ContextMenuOptions[];
-    /**
-     * Dice al componente se il diagramma deve utilizzare il sistema di estensione per l'expand e collapse dei gruppi
-     */
-    UseExpandCollapse: boolean;
-    /**
-     * Opzioni native dell'estensione expand-collapse, vengono ovviamente utilizzate solo se **UseExpandCollapse** è **true**
-     */
-    ExpandCollapseOptions: ExpandCollapseOptions;
-    /**
-     * Blocco completo delle opzioni, alternativo all'assegnazione di **Elements**, **NodeStyles**, **EdgeStyles**, e **Layout**.
-     *
-     * Qualora entrambe venissero specificate verrà effettuata un'unione fra queste opzioni e quelle specificate, dando priorità alle specificate
-     */
-    NativeOptions: cytoscape.CytoscapeOptions;
-    /**
-     * Definizione degli elementi da mostrare nel diagramma
-     */
-    Elements: cytoscape.ElementDefinition[];
-    /**
-     * Definizione degli stili dei nodi
-     */
-    NodeStyles: cytoscape.Css.Node;
-    /**
-     * Definizione degli stili dei collegamenti fra i nodi
-     */
-    EdgeStyles: cytoscape.Css.Edge;
-    /**
-     * In un diagramma in sola lettura tutte le interazioni utente sono annullate
-     */
-    Readonly: boolean;
-    /**
-     * Aggiorna automaticamente le dimensioni del diagramma quando cambiano le dimensioni della finestra
-     */
-    AutoupdateSize: boolean;
-    /**
-     * Indica di mantenere la posizione dei nodi qualora venissero cambiati dall'Input **Elements**.
-     *
-     * Se l'ID di un nodo è uguale all'ID di un nodo presente in precedenza, il nuovo nodo ne erediterà la posizione
-     */
-    PreserveElementsPosition: boolean;
-    /**
-     * Qualora venisse modificato l'Input **Elements**, piuttosto che mettere semplicemente il nuovo Elemento in base al Layout precedente, applica anche un'animazione
-     *
-     * Funziona solamente se il **Layout** corrente del diagramma supporta le animazioni
-     */
-    AnimateLayoutChanges: boolean;
-    /**
-     * Attiva una modalità di selezione "smart"... o perlomeno "smarter" del default di Cytoscape.
-     *
-     * - Il click di un elemento non selezionato lo seleziona
-     * - Il click di un elemento selezionato lo deseleziona
-     * - Lo stato di selezione viene persistito sull'oggetto originale invece di rimanere in un internal
-     * - All'assegnazione di oggetti selezionati, questi vengono marcati correttamente con l'overlay di selezione
-     *
-     * N.B: la chiamata all'evento **onNodeClick** avviene **DOPO** la gestione della selezione
-     */
-    SmartSelection: boolean;
-    /**
-     * Indica di selezionare un elemento per volta qualora **SmartSelection** fosse attivo
-     */
-    SingleSelection: boolean;
-    /**
-     * CSS per la graficazione della selezione dei nodi. Quando un nodo verrà selezionato avrà sopra di se un overlay che 'sborda' di **overlay-padding** pixel,
-     * di colore **overlay-color** e con un opacità **overlay-opacity**
-     *
-     * Assegnando "{}" a questo input, la Smart selection viene gestita ma la gestione grafica è affidata all'utente,
-     * ad esempio usando dei **NodeHTMLTemplates** che definiscano selettori su nodi ":selected"
-     *
-     * @default {'overlay-color':'blue','overlay-opacity':0.5,'overlay-padding':7}
-     */
-    SmartSelectionStyles: {
-        'overlay-color': string;
-        'overlay-opacity': number;
-        'overlay-padding': number;
-    };
-    /**
-     * Periodo di throttle da quando viene effettuato un resize a quando ricalcolare le dimensioni del diagramma.
-     *
-     * Può essere tenuto a 0 (redraw istantaneo) finché non ci sono problemi di prestazioni con eventualmente tanti resize a poca distanza l'uno dall'altro.
-     */
-    ResizeThrottleTime: number;
-    /**
-     * Layout di ordinamento dei nodi
-     */
-    Layout: BreadthFirstLayoutOptionsImpl | CircleLayoutOptionsImpl | ConcentricLayoutOptionsImpl | CoseLayoutOptionsImpl | DagreLayoutOptionsImpl | GridLayoutOptionsImpl | NullLayoutOptionsImpl | PresetLayoutOptionsImpl | RandomLayoutOptionsImpl;
-    /**
-     * Template HTML da applicare ai nodi per dargli stili particolari, diversi dalle shape di default
-     */
-    NodeHTMLTemplates: NodeHTMLTemplate[];
-    /**
-     * Fornisce il global della libreria (namespace **cytoscape**) e si aspetta che dopo operazioni di importazione
-     * lasciate all'utente vengano aggiunti tutti i moduli desiderati.
-     *
-     * È **fondamentale** che il primo parametro (il nome del modulo) sia uguale a ciò di cui viene fatto il require in modo che la libreria
-     * possa controllare che il modulo importato non sia già stato importato in precedenza
-     *
-     * ## Esempio:
-     *
-     * ```typescript
-     * (global) => {
-     *    return import("cytoscape-extension-library").then(module => global.use("cytoscape-extension-library", module.default));
-     *
-     *    ...
-     * }
-     * ```
-     */
-    ExtensionModulesImporter: (global: {
-        use: (moduleName: string, module: void | cytoscape.Ext) => void;
-    }) => Promise<any>;
-    /**
-     * Fornisce l'istanza attuale di Cytoscape da cui è possibile prendere le librerie di estensione caricate in **ExtensionModulesImporter**
-     * e configurarle in base ai comportamenti specifici
-     *
-     * ## Esempio:
-     *
-     * ```typescript
-     * (cytoscapeCore) => {
-     *    // Fare questo lavoro per ogni estensione caricata
-     *    let extensionConfiguration = { ... };
-     *    let extensionInstance = cytoscapeCore.extensionLibrary(extensionConfiguration);
-     *    extensionInstance.doSomethingSpecificToThisExtension();
-     *
-     *    ...
-     * }
-     * ```
-     */
-    ExtensionModulesApplyer: (cytoscapeCore: cytoscape.Core) => void;
-    /**
-     * Evento lanciato al click di un nodo, contiene l'oggetto **data** del nodo in questione
-     */
-    onNodeClick: EventEmitter<{
-        data: any;
-    }>;
-    /**
-     * Evento lanciato alla selezione o deselezione di un nodo, contiene l'oggetto **data** del nodo in questione e informazioni sul suo stato di selezione
-     */
-    onNodeSelection: EventEmitter<{
-        data: any;
-        selected: boolean;
-    }>;
-    /**
-     * Evento lanciato al termine del Layouting. Se si vuole eseguire codice dopo che il Layout è fatto e completamente graficato, questo è il punto
-     */
-    onLayoutDone: EventEmitter<void>;
-    /**
-     * Evento lanciato al termine del caricamento del diagramma
-     */
-    onLoaded: EventEmitter<void>;
-    /**
-     * Variabile su cui salvarsi se i nodi hanno una gerarchia a gruppi o no. Serve per poi caricare l'estensione expand-collapse qualora fosse richiesta
-     */
-    private NodesHierarchy;
-    /**
-     * Indica se il rendering del diagramma è terminato
-     */
-    private Rendered;
-    /**
-     * Istanza del diagramma attualmente in uso
-     */
-    cy: cytoscape.Core;
-    /**
-     * Api dell'estensione expand-collapse per permettere di effettuare operazioni dall'esterno del diagramma. Vengono valorizzate se **UseExpandCollapse** è **true**
-     */
-    ExpandCollapseApi: any;
-    /**
-     * Api dell'estensione html-node per permettere di effettuare operazioni dall'esterno del diagramma. Vengono valorizzate se sono impostati dei **NodeHTMLTemplates**
-     */
-    private HtmlNodeApi;
-    /**
-     * Osservatore delle modifiche al contenitore del diagramma
-     */
-    private resizeObserver;
-    /**
-     * Riferimento all'ultimo layout utilizzato. Viene riapplicato qualora venisse cambiato l'Input **Elements**.
-     *
-     * Non utilizzo il makeLayouts perché altrimenti rischierei di creare un layout riferito a X elementi, ne aggiungo 1, riapplico il Layout
-     * ma mi viene riapplicato a X elementi invece che X + 1
-     */
-    private LastLayout;
-    /**
-     * Costruttore
-     *
-     * @ignore
-     */
-    constructor(service: EsDiagramService, dispatcher: EsDiagramDispatcher, exts: ReactiveExtensions);
-    /**
-     * @ignore
-     *
-     * Angular Pipeline
-     */
-    ngAfterViewInit(): void;
-    /**
-     * All'onDestroy ripulisco la memoria dal diagramma
-     */
-    ngOnDestroy(): void;
-    /**
-     * Registra il diagramma attuale nel Dispatcher in modo che venga caricato appena possibile
-     */
-    private dispatchLoadChart;
-    /**
-     * @ignore
-     *
-     * Angular Pipeline: Gestione ri-graficazione del diagramma, se possibile
-     */
-    ngOnChanges(changes: SimpleChanges): any;
-    /**
-     * Effettua il rendering del diagramma
-     */
-    private render;
-    /**
-     * Prende tutti gli elementi appena assegnati, e se qualcuno era selezionato la situazione viene persistita su cytoscape
-     */
-    private setupElementsSelectionIfNeeded;
-    /**
-     * Carica gli stili per mostrare carina la selezione dei nodi
-     */
-    private setupSelectionStyles;
-    /**
-     * Registra l'ascolto al contenitore del grafico e in caso di modifiche alla dimensione, al massimo una volta ogni 500 millisecondi, lo ridisegna
-     */
-    private listenOnChanges;
-    /**
-     * Funzione che si occupa di gestire il repaint del diagramma
-     */
-    private onContainerSizeChanged;
-    /**
-     * Collega tutti gli eventi che mi possono servire e li espone in output
-     */
-    private bindCytoscapeEvents;
-    /**
-     * Metodo che serve per caricare tutte le estensioni della libreria in base a ciò che viene utilizzato
-     */
-    private performModulesLoading;
-    /**
-     * Metodo che serve per caricare tutte le estensioni della libreria in base a ciò che viene utilizzato con le opzioni definite dagli Input
-     */
-    private performOperationsWithLoadedModules;
-    updateCardData(): void;
-    /**
-     * Metodo interno per il caricamento dei moduli di estensione
-     *
-     * @param {'cytoscape-expand-collapse' | 'cytoscape-cxtmenu' | 'cytoscape-html-node' | 'cytoscape-dagre'} moduleId Modulo da caricare
-     */
-    private loadInternal;
-    /**
-     * Metodo che basandosi sulle opzioni native eventualmente assegnate le completa con gli Input addizionali
-     *
-     * @returns {cy_.CytoscapeOptions} Opzioni finali unite da Input ed opzioni native
-     */
-    private getCompletedOptions;
-    /**
-     * Aggiustamenti degli elementi di Cytoscape.
-     *
-     * I nodi non vengono toccati.
-     *
-     * Per ogni edge viene controllato se è specificata una sorgente ed una destinazione, in caso contrario si cerca di dedurli dall'ID
-     *
-     * @param {cytoscape.ElementDefinition[]} elements Elementi da sistemare
-     */
-    private reviewCytoscapeElements;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EsDiagramComponent, [{ optional: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EsDiagramComponent, "es-diagram", never, { "name": { "alias": "name"; "required": false; }; "UseContextMenu": { "alias": "UseContextMenu"; "required": false; }; "ContextMenuOptions": { "alias": "ContextMenuOptions"; "required": false; }; "UseExpandCollapse": { "alias": "UseExpandCollapse"; "required": false; }; "ExpandCollapseOptions": { "alias": "ExpandCollapseOptions"; "required": false; }; "NativeOptions": { "alias": "NativeOptions"; "required": false; }; "Elements": { "alias": "Elements"; "required": false; }; "NodeStyles": { "alias": "NodeStyles"; "required": false; }; "EdgeStyles": { "alias": "EdgeStyles"; "required": false; }; "Readonly": { "alias": "Readonly"; "required": false; }; "AutoupdateSize": { "alias": "AutoupdateSize"; "required": false; }; "PreserveElementsPosition": { "alias": "PreserveElementsPosition"; "required": false; }; "AnimateLayoutChanges": { "alias": "AnimateLayoutChanges"; "required": false; }; "SmartSelection": { "alias": "SmartSelection"; "required": false; }; "SingleSelection": { "alias": "SingleSelection"; "required": false; }; "SmartSelectionStyles": { "alias": "SmartSelectionStyles"; "required": false; }; "ResizeThrottleTime": { "alias": "ResizeThrottleTime"; "required": false; }; "Layout": { "alias": "Layout"; "required": false; }; "NodeHTMLTemplates": { "alias": "NodeHTMLTemplates"; "required": false; }; "ExtensionModulesImporter": { "alias": "ExtensionModulesImporter"; "required": false; }; "ExtensionModulesApplyer": { "alias": "ExtensionModulesApplyer"; "required": false; }; }, { "onNodeClick": "onNodeClick"; "onNodeSelection": "onNodeSelection"; "onLayoutDone": "onLayoutDone"; "onLoaded": "onLoaded"; }, never, never, false, never>;
-}
+import { ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { ContextMenuOptions } from '../models/component/contextmenu/ContextMenuOptions';
+import { ExpandCollapseOptions } from '../models/component/grouping/ExpandCollapseOptions';
+import { NodeHTMLTemplate } from '../models/component/nodes/NodeHTMLTemplate';
+import { BreadthFirstLayoutOptionsImpl } from '../models/layouts/BreadthFirstLayoutOptionsImpl';
+import { CircleLayoutOptionsImpl } from '../models/layouts/CircleLayoutOptionsImpl';
+import { ConcentricLayoutOptionsImpl } from '../models/layouts/ConcentricLayoutOptionsImpl';
+import { CoseLayoutOptionsImpl } from '../models/layouts/CoseLayoutOptionsImpl';
+import { DagreLayoutOptionsImpl } from '../models/layouts/DagreLayoutOptionsImpl';
+import { GridLayoutOptionsImpl } from '../models/layouts/GridLayoutOptionsImpl';
+import { NullLayoutOptionsImpl } from '../models/layouts/NullLayoutOptionsImpl';
+import { PresetLayoutOptionsImpl } from '../models/layouts/PresetLayoutOptionsImpl';
+import { RandomLayoutOptionsImpl } from '../models/layouts/RandomLayoutOptionsImpl';
+import { EsDiagramService } from '../services/es-diagram.service';
+import { EsDiagramDispatcher } from '../services/es-diagram.dispatcher';
+import { ReactiveExtensions } from '../extensions/ReactiveExtensions';
+import * as i0 from "@angular/core";
+/**
+ * Componente che si occupa di graficare un diagramma e di gestirne il ciclo di vita
+ */
+export declare class EsDiagramComponent implements OnChanges {
+    private service;
+    private dispatcher;
+    private exts;
+    /**
+     * Riferimento all'oggetto HTML su cui creare il diagramma
+     */
+    cyGraph: ElementRef;
+    /**
+     * Nome del diagramma, fondamentale assegnarlo per permettere alla libreria di schedularne la creazione
+     */
+    name: string;
+    /**
+     * Indica se utilizzare il menù contestuale a ruota attorno ad ogni nodo
+     */
+    UseContextMenu: boolean;
+    /**
+     * Indica le opzioni del menù contestuale qualora **UseContextMenu** fosse **true**.
+     *
+     * Ogni elemento di questo array è un selettore con il menu da mostrare per quella casistica
+     */
+    ContextMenuOptions: ContextMenuOptions[];
+    /**
+     * Dice al componente se il diagramma deve utilizzare il sistema di estensione per l'expand e collapse dei gruppi
+     */
+    UseExpandCollapse: boolean;
+    /**
+     * Opzioni native dell'estensione expand-collapse, vengono ovviamente utilizzate solo se **UseExpandCollapse** è **true**
+     */
+    ExpandCollapseOptions: ExpandCollapseOptions;
+    /**
+     * Blocco completo delle opzioni, alternativo all'assegnazione di **Elements**, **NodeStyles**, **EdgeStyles**, e **Layout**.
+     *
+     * Qualora entrambe venissero specificate verrà effettuata un'unione fra queste opzioni e quelle specificate, dando priorità alle specificate
+     */
+    NativeOptions: cytoscape.CytoscapeOptions;
+    /**
+     * Definizione degli elementi da mostrare nel diagramma
+     */
+    Elements: cytoscape.ElementDefinition[];
+    /**
+     * Definizione degli stili dei nodi
+     */
+    NodeStyles: cytoscape.Css.Node;
+    /**
+     * Definizione degli stili dei collegamenti fra i nodi
+     */
+    EdgeStyles: cytoscape.Css.Edge;
+    /**
+     * In un diagramma in sola lettura tutte le interazioni utente sono annullate
+     */
+    Readonly: boolean;
+    /**
+     * Aggiorna automaticamente le dimensioni del diagramma quando cambiano le dimensioni della finestra
+     */
+    AutoupdateSize: boolean;
+    /**
+     * Indica di mantenere la posizione dei nodi qualora venissero cambiati dall'Input **Elements**.
+     *
+     * Se l'ID di un nodo è uguale all'ID di un nodo presente in precedenza, il nuovo nodo ne erediterà la posizione
+     */
+    PreserveElementsPosition: boolean;
+    /**
+     * Qualora venisse modificato l'Input **Elements**, piuttosto che mettere semplicemente il nuovo Elemento in base al Layout precedente, applica anche un'animazione
+     *
+     * Funziona solamente se il **Layout** corrente del diagramma supporta le animazioni
+     */
+    AnimateLayoutChanges: boolean;
+    /**
+     * Attiva una modalità di selezione "smart"... o perlomeno "smarter" del default di Cytoscape.
+     *
+     * - Il click di un elemento non selezionato lo seleziona
+     * - Il click di un elemento selezionato lo deseleziona
+     * - Lo stato di selezione viene persistito sull'oggetto originale invece di rimanere in un internal
+     * - All'assegnazione di oggetti selezionati, questi vengono marcati correttamente con l'overlay di selezione
+     *
+     * N.B: la chiamata all'evento **onNodeClick** avviene **DOPO** la gestione della selezione
+     */
+    SmartSelection: boolean;
+    /**
+     * Indica di selezionare un elemento per volta qualora **SmartSelection** fosse attivo
+     */
+    SingleSelection: boolean;
+    /**
+     * CSS per la graficazione della selezione dei nodi. Quando un nodo verrà selezionato avrà sopra di se un overlay che 'sborda' di **overlay-padding** pixel,
+     * di colore **overlay-color** e con un opacità **overlay-opacity**
+     *
+     * Assegnando "{}" a questo input, la Smart selection viene gestita ma la gestione grafica è affidata all'utente,
+     * ad esempio usando dei **NodeHTMLTemplates** che definiscano selettori su nodi ":selected"
+     *
+     * @default {'overlay-color':'blue','overlay-opacity':0.5,'overlay-padding':7}
+     */
+    SmartSelectionStyles: {
+        'overlay-color': string;
+        'overlay-opacity': number;
+        'overlay-padding': number;
+    };
+    /**
+     * Periodo di throttle da quando viene effettuato un resize a quando ricalcolare le dimensioni del diagramma.
+     *
+     * Può essere tenuto a 0 (redraw istantaneo) finché non ci sono problemi di prestazioni con eventualmente tanti resize a poca distanza l'uno dall'altro.
+     */
+    ResizeThrottleTime: number;
+    /**
+     * Layout di ordinamento dei nodi
+     */
+    Layout: BreadthFirstLayoutOptionsImpl | CircleLayoutOptionsImpl | ConcentricLayoutOptionsImpl | CoseLayoutOptionsImpl | DagreLayoutOptionsImpl | GridLayoutOptionsImpl | NullLayoutOptionsImpl | PresetLayoutOptionsImpl | RandomLayoutOptionsImpl;
+    /**
+     * Template HTML da applicare ai nodi per dargli stili particolari, diversi dalle shape di default
+     */
+    NodeHTMLTemplates: NodeHTMLTemplate[];
+    /**
+     * Fornisce il global della libreria (namespace **cytoscape**) e si aspetta che dopo operazioni di importazione
+     * lasciate all'utente vengano aggiunti tutti i moduli desiderati.
+     *
+     * È **fondamentale** che il primo parametro (il nome del modulo) sia uguale a ciò di cui viene fatto il require in modo che la libreria
+     * possa controllare che il modulo importato non sia già stato importato in precedenza
+     *
+     * ## Esempio:
+     *
+     * ```typescript
+     * (global) => {
+     *    return import("cytoscape-extension-library").then(module => global.use("cytoscape-extension-library", module.default));
+     *
+     *    ...
+     * }
+     * ```
+     */
+    ExtensionModulesImporter: (global: {
+        use: (moduleName: string, module: void | cytoscape.Ext) => void;
+    }) => Promise<any>;
+    /**
+     * Fornisce l'istanza attuale di Cytoscape da cui è possibile prendere le librerie di estensione caricate in **ExtensionModulesImporter**
+     * e configurarle in base ai comportamenti specifici
+     *
+     * ## Esempio:
+     *
+     * ```typescript
+     * (cytoscapeCore) => {
+     *    // Fare questo lavoro per ogni estensione caricata
+     *    let extensionConfiguration = { ... };
+     *    let extensionInstance = cytoscapeCore.extensionLibrary(extensionConfiguration);
+     *    extensionInstance.doSomethingSpecificToThisExtension();
+     *
+     *    ...
+     * }
+     * ```
+     */
+    ExtensionModulesApplyer: (cytoscapeCore: cytoscape.Core) => void;
+    /**
+     * Evento lanciato al click di un nodo, contiene l'oggetto **data** del nodo in questione
+     */
+    onNodeClick: EventEmitter<{
+        data: any;
+    }>;
+    /**
+     * Evento lanciato alla selezione o deselezione di un nodo, contiene l'oggetto **data** del nodo in questione e informazioni sul suo stato di selezione
+     */
+    onNodeSelection: EventEmitter<{
+        data: any;
+        selected: boolean;
+    }>;
+    /**
+     * Evento lanciato al termine del Layouting. Se si vuole eseguire codice dopo che il Layout è fatto e completamente graficato, questo è il punto
+     */
+    onLayoutDone: EventEmitter<void>;
+    /**
+     * Evento lanciato al termine del caricamento del diagramma
+     */
+    onLoaded: EventEmitter<void>;
+    /**
+     * Variabile su cui salvarsi se i nodi hanno una gerarchia a gruppi o no. Serve per poi caricare l'estensione expand-collapse qualora fosse richiesta
+     */
+    private NodesHierarchy;
+    /**
+     * Indica se il rendering del diagramma è terminato
+     */
+    private Rendered;
+    /**
+     * Istanza del diagramma attualmente in uso
+     */
+    cy: cytoscape.Core;
+    /**
+     * Api dell'estensione expand-collapse per permettere di effettuare operazioni dall'esterno del diagramma. Vengono valorizzate se **UseExpandCollapse** è **true**
+     */
+    ExpandCollapseApi: any;
+    /**
+     * Api dell'estensione html-node per permettere di effettuare operazioni dall'esterno del diagramma. Vengono valorizzate se sono impostati dei **NodeHTMLTemplates**
+     */
+    private HtmlNodeApi;
+    /**
+     * Osservatore delle modifiche al contenitore del diagramma
+     */
+    private resizeObserver;
+    /**
+     * Riferimento all'ultimo layout utilizzato. Viene riapplicato qualora venisse cambiato l'Input **Elements**.
+     *
+     * Non utilizzo il makeLayouts perché altrimenti rischierei di creare un layout riferito a X elementi, ne aggiungo 1, riapplico il Layout
+     * ma mi viene riapplicato a X elementi invece che X + 1
+     */
+    private LastLayout;
+    /**
+     * Costruttore
+     *
+     * @ignore
+     */
+    constructor(service: EsDiagramService, dispatcher: EsDiagramDispatcher, exts: ReactiveExtensions);
+    /**
+     * @ignore
+     *
+     * Angular Pipeline
+     */
+    ngAfterViewInit(): void;
+    /**
+     * All'onDestroy ripulisco la memoria dal diagramma
+     */
+    ngOnDestroy(): void;
+    /**
+     * Registra il diagramma attuale nel Dispatcher in modo che venga caricato appena possibile
+     */
+    private dispatchLoadChart;
+    /**
+     * @ignore
+     *
+     * Angular Pipeline: Gestione ri-graficazione del diagramma, se possibile
+     */
+    ngOnChanges(changes: SimpleChanges): any;
+    /**
+     * Effettua il rendering del diagramma
+     */
+    private render;
+    /**
+     * Prende tutti gli elementi appena assegnati, e se qualcuno era selezionato la situazione viene persistita su cytoscape
+     */
+    private setupElementsSelectionIfNeeded;
+    /**
+     * Carica gli stili per mostrare carina la selezione dei nodi
+     */
+    private setupSelectionStyles;
+    /**
+     * Registra l'ascolto al contenitore del grafico e in caso di modifiche alla dimensione, al massimo una volta ogni 500 millisecondi, lo ridisegna
+     */
+    private listenOnChanges;
+    /**
+     * Funzione che si occupa di gestire il repaint del diagramma
+     */
+    private onContainerSizeChanged;
+    /**
+     * Collega tutti gli eventi che mi possono servire e li espone in output
+     */
+    private bindCytoscapeEvents;
+    /**
+     * Metodo che serve per caricare tutte le estensioni della libreria in base a ciò che viene utilizzato
+     */
+    private performModulesLoading;
+    /**
+     * Metodo che serve per caricare tutte le estensioni della libreria in base a ciò che viene utilizzato con le opzioni definite dagli Input
+     */
+    private performOperationsWithLoadedModules;
+    updateCardData(): void;
+    /**
+     * Metodo interno per il caricamento dei moduli di estensione
+     *
+     * @param {'cytoscape-expand-collapse' | 'cytoscape-cxtmenu' | 'cytoscape-html-node' | 'cytoscape-dagre'} moduleId Modulo da caricare
+     */
+    private loadInternal;
+    /**
+     * Metodo che basandosi sulle opzioni native eventualmente assegnate le completa con gli Input addizionali
+     *
+     * @returns {cy_.CytoscapeOptions} Opzioni finali unite da Input ed opzioni native
+     */
+    private getCompletedOptions;
+    /**
+     * Aggiustamenti degli elementi di Cytoscape.
+     *
+     * I nodi non vengono toccati.
+     *
+     * Per ogni edge viene controllato se è specificata una sorgente ed una destinazione, in caso contrario si cerca di dedurli dall'ID
+     *
+     * @param {cytoscape.ElementDefinition[]} elements Elementi da sistemare
+     */
+    private reviewCytoscapeElements;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EsDiagramComponent, [{ optional: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EsDiagramComponent, "es-diagram", never, { "name": { "alias": "name"; "required": false; }; "UseContextMenu": { "alias": "UseContextMenu"; "required": false; }; "ContextMenuOptions": { "alias": "ContextMenuOptions"; "required": false; }; "UseExpandCollapse": { "alias": "UseExpandCollapse"; "required": false; }; "ExpandCollapseOptions": { "alias": "ExpandCollapseOptions"; "required": false; }; "NativeOptions": { "alias": "NativeOptions"; "required": false; }; "Elements": { "alias": "Elements"; "required": false; }; "NodeStyles": { "alias": "NodeStyles"; "required": false; }; "EdgeStyles": { "alias": "EdgeStyles"; "required": false; }; "Readonly": { "alias": "Readonly"; "required": false; }; "AutoupdateSize": { "alias": "AutoupdateSize"; "required": false; }; "PreserveElementsPosition": { "alias": "PreserveElementsPosition"; "required": false; }; "AnimateLayoutChanges": { "alias": "AnimateLayoutChanges"; "required": false; }; "SmartSelection": { "alias": "SmartSelection"; "required": false; }; "SingleSelection": { "alias": "SingleSelection"; "required": false; }; "SmartSelectionStyles": { "alias": "SmartSelectionStyles"; "required": false; }; "ResizeThrottleTime": { "alias": "ResizeThrottleTime"; "required": false; }; "Layout": { "alias": "Layout"; "required": false; }; "NodeHTMLTemplates": { "alias": "NodeHTMLTemplates"; "required": false; }; "ExtensionModulesImporter": { "alias": "ExtensionModulesImporter"; "required": false; }; "ExtensionModulesApplyer": { "alias": "ExtensionModulesApplyer"; "required": false; }; }, { "onNodeClick": "onNodeClick"; "onNodeSelection": "onNodeSelection"; "onLayoutDone": "onLayoutDone"; "onLoaded": "onLoaded"; }, never, never, false, never>;
+}

package/lib/esdiagram.module.d.ts

@@ -1,12 +1,12 @@
-import { ModuleWithProviders } from '@angular/core';
-import { EsDiagramModuleConfig } from './models/EsDiagramModuleConfig';
-import * as i0 from "@angular/core";
-import * as i1 from "./components/es-diagram.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-export declare class EsDiagramModule {
-    static forRoot(config?: EsDiagramModuleConfig): ModuleWithProviders<EsDiagramModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EsDiagramModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EsDiagramModule, [typeof i1.EsDiagramComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i2.CommonModule], [typeof i1.EsDiagramComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<EsDiagramModule>;
-}
+import { ModuleWithProviders } from '@angular/core';
+import { EsDiagramModuleConfig } from './models/EsDiagramModuleConfig';
+import * as i0 from "@angular/core";
+import * as i1 from "./components/es-diagram.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+export declare class EsDiagramModule {
+    static forRoot(config?: EsDiagramModuleConfig): ModuleWithProviders<EsDiagramModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EsDiagramModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EsDiagramModule, [typeof i1.EsDiagramComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i2.CommonModule], [typeof i1.EsDiagramComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EsDiagramModule>;
+}