@esfaenza/es-diagrams 16.2.26 → 17.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/esfaenza-es-diagrams.mjs +4 -4
- package/esm2022/lib/components/es-diagram.component.mjs +537 -537
- package/esm2022/lib/esdiagram.module.mjs +31 -31
- package/esm2022/lib/extensions/ReactiveExtensions.mjs +35 -35
- package/esm2022/lib/extensions/ResizeSensor.mjs +71 -71
- package/esm2022/lib/models/EsDiagramModuleConfig.mjs +5 -5
- package/esm2022/lib/models/component/contextmenu/ContextMenuCommand.mjs +5 -5
- package/esm2022/lib/models/component/contextmenu/ContextMenuOptions.mjs +6 -6
- package/esm2022/lib/models/component/grouping/ExpandCollapseOptions.mjs +5 -5
- package/esm2022/lib/models/component/nodes/NodeHTMLTemplate.mjs +5 -5
- package/esm2022/lib/models/component/nodes/NodeTemplate.mjs +5 -5
- package/esm2022/lib/models/component/nodes/ZoomLevelBasedTemplate.mjs +5 -5
- package/esm2022/lib/models/layouts/BreadthFirstLayoutOptionsImpl.mjs +34 -34
- package/esm2022/lib/models/layouts/CircleLayoutOptionsImpl.mjs +26 -26
- package/esm2022/lib/models/layouts/ConcentricLayoutOptionsImpl.mjs +63 -63
- package/esm2022/lib/models/layouts/CoseLayoutOptionsImpl.mjs +82 -82
- package/esm2022/lib/models/layouts/DagreLayoutOptionsImpl.mjs +51 -51
- package/esm2022/lib/models/layouts/GridLayoutOptionsImpl.mjs +37 -37
- package/esm2022/lib/models/layouts/NullLayoutOptionsImpl.mjs +14 -14
- package/esm2022/lib/models/layouts/PresetLayoutOptionsImpl.mjs +23 -23
- package/esm2022/lib/models/layouts/RandomLayoutOptionsImpl.mjs +35 -35
- package/esm2022/lib/models/layouts/base/AnimateLayoutOptionsImpl.mjs +41 -41
- package/esm2022/lib/models/layouts/base/BaseLayoutOptionsImpl.mjs +17 -17
- package/esm2022/lib/models/layouts/base/ShapedLayoutOptionsImpl.mjs +47 -47
- package/esm2022/lib/services/es-diagram.dispatcher.mjs +89 -89
- package/esm2022/lib/services/es-diagram.service.mjs +106 -106
- package/esm2022/lib/tokens.mjs +5 -5
- package/esm2022/public-api.mjs +23 -23
- package/fesm2022/esfaenza-es-diagrams.mjs +1320 -1320
- package/fesm2022/esfaenza-es-diagrams.mjs.map +1 -1
- package/index.d.ts +5 -5
- package/lib/components/es-diagram.component.d.ts +305 -305
- package/lib/esdiagram.module.d.ts +12 -12
- package/lib/extensions/ReactiveExtensions.d.ts +20 -20
- package/lib/extensions/ResizeSensor.d.ts +43 -43
- package/lib/models/EsDiagramModuleConfig.d.ts +9 -9
- package/lib/models/component/contextmenu/ContextMenuCommand.d.ts +27 -27
- package/lib/models/component/contextmenu/ContextMenuOptions.d.ts +79 -79
- package/lib/models/component/grouping/ExpandCollapseOptions.d.ts +22 -22
- package/lib/models/component/nodes/NodeHTMLTemplate.d.ts +14 -14
- package/lib/models/component/nodes/NodeTemplate.d.ts +13 -13
- package/lib/models/component/nodes/ZoomLevelBasedTemplate.d.ts +14 -14
- package/lib/models/layouts/BreadthFirstLayoutOptionsImpl.d.ts +40 -40
- package/lib/models/layouts/CircleLayoutOptionsImpl.d.ts +28 -28
- package/lib/models/layouts/ConcentricLayoutOptionsImpl.d.ts +74 -74
- package/lib/models/layouts/CoseLayoutOptionsImpl.d.ts +80 -80
- package/lib/models/layouts/DagreLayoutOptionsImpl.d.ts +48 -48
- package/lib/models/layouts/GridLayoutOptionsImpl.d.ts +39 -39
- package/lib/models/layouts/NullLayoutOptionsImpl.d.ts +12 -12
- package/lib/models/layouts/PresetLayoutOptionsImpl.d.ts +37 -37
- package/lib/models/layouts/RandomLayoutOptionsImpl.d.ts +33 -33
- package/lib/models/layouts/base/AnimateLayoutOptionsImpl.d.ts +40 -40
- package/lib/models/layouts/base/BaseLayoutOptionsImpl.d.ts +15 -15
- package/lib/models/layouts/base/ShapedLayoutOptionsImpl.d.ts +46 -46
- package/lib/services/es-diagram.dispatcher.d.ts +44 -44
- package/lib/services/es-diagram.service.d.ts +51 -51
- package/lib/tokens.d.ts +5 -5
- package/package.json +3 -3
- package/public-api.d.ts +20 -20
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
/**
|
|
3
|
-
* Classe che fornisce metodi reattivi di estensione. Per ora implementato solo uno pseudo-throttle
|
|
4
|
-
*/
|
|
5
|
-
export declare class ReactiveExtensions {
|
|
6
|
-
/**
|
|
7
|
-
* Cache di tutti i timer in esecuzione
|
|
8
|
-
*/
|
|
9
|
-
private executionTimers;
|
|
10
|
-
/**
|
|
11
|
-
* Esecuzione deleyata di una funzione. Se viene richiamata nuovamente prima di venire eseguita dopo il delay, il delay viene resettato
|
|
12
|
-
*
|
|
13
|
-
* @param {string} id Id per aiutare il servizio a distinguere funzioni con nome uguale chiamate da componenti diversi
|
|
14
|
-
* @param {Function} func Funzione da chiamare al termine del throttle
|
|
15
|
-
* @param {number} throttleTime Tempo di throttling in millisecondi
|
|
16
|
-
*/
|
|
17
|
-
throttle(id: string, func: Function, throttleTime?: number): void;
|
|
18
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ReactiveExtensions, never>;
|
|
19
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<ReactiveExtensions>;
|
|
20
|
-
}
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* Classe che fornisce metodi reattivi di estensione. Per ora implementato solo uno pseudo-throttle
|
|
4
|
+
*/
|
|
5
|
+
export declare class ReactiveExtensions {
|
|
6
|
+
/**
|
|
7
|
+
* Cache di tutti i timer in esecuzione
|
|
8
|
+
*/
|
|
9
|
+
private executionTimers;
|
|
10
|
+
/**
|
|
11
|
+
* Esecuzione deleyata di una funzione. Se viene richiamata nuovamente prima di venire eseguita dopo il delay, il delay viene resettato
|
|
12
|
+
*
|
|
13
|
+
* @param {string} id Id per aiutare il servizio a distinguere funzioni con nome uguale chiamate da componenti diversi
|
|
14
|
+
* @param {Function} func Funzione da chiamare al termine del throttle
|
|
15
|
+
* @param {number} throttleTime Tempo di throttling in millisecondi
|
|
16
|
+
*/
|
|
17
|
+
throttle(id: string, func: Function, throttleTime?: number): void;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ReactiveExtensions, never>;
|
|
19
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ReactiveExtensions>;
|
|
20
|
+
}
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Classe di utilità che tiene d'occhio i cambiamenti di dimensione di un elemento. Un **ResizeSensor** può controllare al massimo un elemento
|
|
3
|
-
*/
|
|
4
|
-
export declare class ResizeSensor {
|
|
5
|
-
/**
|
|
6
|
-
* Riferimento all'observer nativo
|
|
7
|
-
*/
|
|
8
|
-
private observer;
|
|
9
|
-
/**
|
|
10
|
-
* Indica se questo oggetto è stato distrutto o no
|
|
11
|
-
*/
|
|
12
|
-
Disposed: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* Elemento da controllare e callback da chiamare quando le dimensioni dell'elemento cambiano
|
|
15
|
-
*/
|
|
16
|
-
private target;
|
|
17
|
-
/**
|
|
18
|
-
* Costruttore
|
|
19
|
-
*
|
|
20
|
-
* @param {HTMLElement} element Elemento HTML da controllare
|
|
21
|
-
* @param {Function} callback Callback da chiamare quando le dimensioni di **element** cambiano
|
|
22
|
-
*/
|
|
23
|
-
constructor(element: HTMLElement, callback: () => void);
|
|
24
|
-
/**
|
|
25
|
-
* Distruttore
|
|
26
|
-
*/
|
|
27
|
-
dispose(): void;
|
|
28
|
-
/**
|
|
29
|
-
* Creazione del sensore che sarà collegato all'elemento da osservare dal metodo **addTarget**
|
|
30
|
-
*/
|
|
31
|
-
private makeSensor;
|
|
32
|
-
/**
|
|
33
|
-
* Dice al sensore di osservare l'elemento **targetEl**, richiamando **callback** qualora le dimensioni cambino
|
|
34
|
-
*
|
|
35
|
-
* @param {HTMLElement} targetEl Elemento HTML da controllare
|
|
36
|
-
* @param {Function} callback Callback da chiamare quando le dimensioni di **element** cambiano
|
|
37
|
-
*/
|
|
38
|
-
addTarget(targetEl: HTMLElement, callback: () => void): void;
|
|
39
|
-
/**
|
|
40
|
-
* Rimuove l'elemento HTML attuale dall'osservazione del **ResizeObserver**
|
|
41
|
-
*/
|
|
42
|
-
removeTarget(): void;
|
|
43
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* Classe di utilità che tiene d'occhio i cambiamenti di dimensione di un elemento. Un **ResizeSensor** può controllare al massimo un elemento
|
|
3
|
+
*/
|
|
4
|
+
export declare class ResizeSensor {
|
|
5
|
+
/**
|
|
6
|
+
* Riferimento all'observer nativo
|
|
7
|
+
*/
|
|
8
|
+
private observer;
|
|
9
|
+
/**
|
|
10
|
+
* Indica se questo oggetto è stato distrutto o no
|
|
11
|
+
*/
|
|
12
|
+
Disposed: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Elemento da controllare e callback da chiamare quando le dimensioni dell'elemento cambiano
|
|
15
|
+
*/
|
|
16
|
+
private target;
|
|
17
|
+
/**
|
|
18
|
+
* Costruttore
|
|
19
|
+
*
|
|
20
|
+
* @param {HTMLElement} element Elemento HTML da controllare
|
|
21
|
+
* @param {Function} callback Callback da chiamare quando le dimensioni di **element** cambiano
|
|
22
|
+
*/
|
|
23
|
+
constructor(element: HTMLElement, callback: () => void);
|
|
24
|
+
/**
|
|
25
|
+
* Distruttore
|
|
26
|
+
*/
|
|
27
|
+
dispose(): void;
|
|
28
|
+
/**
|
|
29
|
+
* Creazione del sensore che sarà collegato all'elemento da osservare dal metodo **addTarget**
|
|
30
|
+
*/
|
|
31
|
+
private makeSensor;
|
|
32
|
+
/**
|
|
33
|
+
* Dice al sensore di osservare l'elemento **targetEl**, richiamando **callback** qualora le dimensioni cambino
|
|
34
|
+
*
|
|
35
|
+
* @param {HTMLElement} targetEl Elemento HTML da controllare
|
|
36
|
+
* @param {Function} callback Callback da chiamare quando le dimensioni di **element** cambiano
|
|
37
|
+
*/
|
|
38
|
+
addTarget(targetEl: HTMLElement, callback: () => void): void;
|
|
39
|
+
/**
|
|
40
|
+
* Rimuove l'elemento HTML attuale dall'osservazione del **ResizeObserver**
|
|
41
|
+
*/
|
|
42
|
+
removeTarget(): void;
|
|
43
|
+
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Classe di configurazione per il Modulo
|
|
3
|
-
*/
|
|
4
|
-
export declare class EsDiagramModuleConfig {
|
|
5
|
-
/**
|
|
6
|
-
* Attiva o disattiva la modalità di debug per scrivere i messaggi a console
|
|
7
|
-
*/
|
|
8
|
-
debugMode?: boolean;
|
|
9
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* Classe di configurazione per il Modulo
|
|
3
|
+
*/
|
|
4
|
+
export declare class EsDiagramModuleConfig {
|
|
5
|
+
/**
|
|
6
|
+
* Attiva o disattiva la modalità di debug per scrivere i messaggi a console
|
|
7
|
+
*/
|
|
8
|
+
debugMode?: boolean;
|
|
9
|
+
}
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Definizione di un comando del Context menù
|
|
3
|
-
*/
|
|
4
|
-
export declare class ContextMenuCommand {
|
|
5
|
-
/**
|
|
6
|
-
* Background delo spicchio
|
|
7
|
-
*/
|
|
8
|
-
fillColor?: string;
|
|
9
|
-
/**
|
|
10
|
-
* Contenuto del comando, html o testo
|
|
11
|
-
*/
|
|
12
|
-
content: string;
|
|
13
|
-
/**
|
|
14
|
-
* Dizionario di stili da applicare all'html in cui viene wrappato il **content**
|
|
15
|
-
*/
|
|
16
|
-
contentStyle?: {
|
|
17
|
-
[key: string]: string;
|
|
18
|
-
};
|
|
19
|
-
/**
|
|
20
|
-
* Funzione da eseguire quando questo comando viene cliccato
|
|
21
|
-
*/
|
|
22
|
-
select: (ele: any) => void;
|
|
23
|
-
/**
|
|
24
|
-
* Indica se il comando è abilitato o no
|
|
25
|
-
*/
|
|
26
|
-
enabled?: boolean;
|
|
27
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* Definizione di un comando del Context menù
|
|
3
|
+
*/
|
|
4
|
+
export declare class ContextMenuCommand {
|
|
5
|
+
/**
|
|
6
|
+
* Background delo spicchio
|
|
7
|
+
*/
|
|
8
|
+
fillColor?: string;
|
|
9
|
+
/**
|
|
10
|
+
* Contenuto del comando, html o testo
|
|
11
|
+
*/
|
|
12
|
+
content: string;
|
|
13
|
+
/**
|
|
14
|
+
* Dizionario di stili da applicare all'html in cui viene wrappato il **content**
|
|
15
|
+
*/
|
|
16
|
+
contentStyle?: {
|
|
17
|
+
[key: string]: string;
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* Funzione da eseguire quando questo comando viene cliccato
|
|
21
|
+
*/
|
|
22
|
+
select: (ele: any) => void;
|
|
23
|
+
/**
|
|
24
|
+
* Indica se il comando è abilitato o no
|
|
25
|
+
*/
|
|
26
|
+
enabled?: boolean;
|
|
27
|
+
}
|
|
@@ -1,79 +1,79 @@
|
|
|
1
|
-
import { ContextMenuCommand } from "./ContextMenuCommand";
|
|
2
|
-
/**
|
|
3
|
-
* Opzioni che gestiscono il context menu. Quando una di queste opzioni non viene assegnata viene mantenuto il default, assicurarsi quindi di modificare solo
|
|
4
|
-
* le proprietà che si vogliono effettivamente cambiare rispetto ai default
|
|
5
|
-
*/
|
|
6
|
-
export declare class ContextMenuOptions {
|
|
7
|
-
/**
|
|
8
|
-
* Raggio esterno del Menù, aggiunto alla dimensione renderizzata del nodo
|
|
9
|
-
*/
|
|
10
|
-
menuRadius?: (ele: any) => number;
|
|
11
|
-
/**
|
|
12
|
-
* Selettore di tutti gli elementi a cui verrà applicato il context menu. Di default sono tutti i nodi
|
|
13
|
-
*/
|
|
14
|
-
selector?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Lista di comandi da mostrare nel menù
|
|
17
|
-
*/
|
|
18
|
-
commands?: ContextMenuCommand[];
|
|
19
|
-
/**
|
|
20
|
-
* Colore di background del menu
|
|
21
|
-
*/
|
|
22
|
-
fillColor?: string;
|
|
23
|
-
/**
|
|
24
|
-
* Colore di background del menù quando c'è il mouse in selezione sopra
|
|
25
|
-
*/
|
|
26
|
-
activeFillColor?: string;
|
|
27
|
-
/**
|
|
28
|
-
* Dimensione aggiuntiva per l'operazione selezionata in modo da evidenziarla dalle altre
|
|
29
|
-
*/
|
|
30
|
-
activePadding?: number;
|
|
31
|
-
/**
|
|
32
|
-
* Dimensione in pixel dell'indicatore sul comando attuale
|
|
33
|
-
*/
|
|
34
|
-
indicatorSize?: number;
|
|
35
|
-
/**
|
|
36
|
-
* Distanza in pixel da un comando e l'altro
|
|
37
|
-
*/
|
|
38
|
-
separatorWidth?: number;
|
|
39
|
-
/**
|
|
40
|
-
* Dimensione extra fra l'elemento e il centro del menù
|
|
41
|
-
*/
|
|
42
|
-
spotlightPadding?: number;
|
|
43
|
-
/**
|
|
44
|
-
* Raggio minimo del centro del menù
|
|
45
|
-
*/
|
|
46
|
-
minSpotlightRadius?: number;
|
|
47
|
-
/**
|
|
48
|
-
* Raggio massimo del centro del menù
|
|
49
|
-
*/
|
|
50
|
-
maxSpotlightRadius?: number;
|
|
51
|
-
/**
|
|
52
|
-
* Eventi per il quale il menù deve aprirsi
|
|
53
|
-
*/
|
|
54
|
-
openMenuEvents?: 'cxttapstart' | 'taphold';
|
|
55
|
-
/**
|
|
56
|
-
* Colore del testo del menù
|
|
57
|
-
*/
|
|
58
|
-
itemColor?: string;
|
|
59
|
-
/**
|
|
60
|
-
* Colore dell'ombreggiatura del testo del menù
|
|
61
|
-
*/
|
|
62
|
-
itemTextShadowColor?: string;
|
|
63
|
-
/**
|
|
64
|
-
* zIndex del div in cui viene renderizzato il menù
|
|
65
|
-
*/
|
|
66
|
-
zIndex?: number;
|
|
67
|
-
/**
|
|
68
|
-
* Indica se mostrare il menù alla posizione del mouse
|
|
69
|
-
*/
|
|
70
|
-
atMouse?: boolean;
|
|
71
|
-
/**
|
|
72
|
-
* Indica se adattarsi alla dimensione del nodo. Se impostato le proprietà **minSpotlightRadius** e **maxSpotlightRadius** vengono ignorate
|
|
73
|
-
*/
|
|
74
|
-
adaptativeNodeSpotlightRadius?: boolean;
|
|
75
|
-
/**
|
|
76
|
-
* Se settato a number indica dopo quanti pixel fuori dal menu il click viene annullato, altrimenti va settato a **false**
|
|
77
|
-
*/
|
|
78
|
-
outsideMenuCancel?: boolean | number;
|
|
79
|
-
}
|
|
1
|
+
import { ContextMenuCommand } from "./ContextMenuCommand";
|
|
2
|
+
/**
|
|
3
|
+
* Opzioni che gestiscono il context menu. Quando una di queste opzioni non viene assegnata viene mantenuto il default, assicurarsi quindi di modificare solo
|
|
4
|
+
* le proprietà che si vogliono effettivamente cambiare rispetto ai default
|
|
5
|
+
*/
|
|
6
|
+
export declare class ContextMenuOptions {
|
|
7
|
+
/**
|
|
8
|
+
* Raggio esterno del Menù, aggiunto alla dimensione renderizzata del nodo
|
|
9
|
+
*/
|
|
10
|
+
menuRadius?: (ele: any) => number;
|
|
11
|
+
/**
|
|
12
|
+
* Selettore di tutti gli elementi a cui verrà applicato il context menu. Di default sono tutti i nodi
|
|
13
|
+
*/
|
|
14
|
+
selector?: string;
|
|
15
|
+
/**
|
|
16
|
+
* Lista di comandi da mostrare nel menù
|
|
17
|
+
*/
|
|
18
|
+
commands?: ContextMenuCommand[];
|
|
19
|
+
/**
|
|
20
|
+
* Colore di background del menu
|
|
21
|
+
*/
|
|
22
|
+
fillColor?: string;
|
|
23
|
+
/**
|
|
24
|
+
* Colore di background del menù quando c'è il mouse in selezione sopra
|
|
25
|
+
*/
|
|
26
|
+
activeFillColor?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Dimensione aggiuntiva per l'operazione selezionata in modo da evidenziarla dalle altre
|
|
29
|
+
*/
|
|
30
|
+
activePadding?: number;
|
|
31
|
+
/**
|
|
32
|
+
* Dimensione in pixel dell'indicatore sul comando attuale
|
|
33
|
+
*/
|
|
34
|
+
indicatorSize?: number;
|
|
35
|
+
/**
|
|
36
|
+
* Distanza in pixel da un comando e l'altro
|
|
37
|
+
*/
|
|
38
|
+
separatorWidth?: number;
|
|
39
|
+
/**
|
|
40
|
+
* Dimensione extra fra l'elemento e il centro del menù
|
|
41
|
+
*/
|
|
42
|
+
spotlightPadding?: number;
|
|
43
|
+
/**
|
|
44
|
+
* Raggio minimo del centro del menù
|
|
45
|
+
*/
|
|
46
|
+
minSpotlightRadius?: number;
|
|
47
|
+
/**
|
|
48
|
+
* Raggio massimo del centro del menù
|
|
49
|
+
*/
|
|
50
|
+
maxSpotlightRadius?: number;
|
|
51
|
+
/**
|
|
52
|
+
* Eventi per il quale il menù deve aprirsi
|
|
53
|
+
*/
|
|
54
|
+
openMenuEvents?: 'cxttapstart' | 'taphold';
|
|
55
|
+
/**
|
|
56
|
+
* Colore del testo del menù
|
|
57
|
+
*/
|
|
58
|
+
itemColor?: string;
|
|
59
|
+
/**
|
|
60
|
+
* Colore dell'ombreggiatura del testo del menù
|
|
61
|
+
*/
|
|
62
|
+
itemTextShadowColor?: string;
|
|
63
|
+
/**
|
|
64
|
+
* zIndex del div in cui viene renderizzato il menù
|
|
65
|
+
*/
|
|
66
|
+
zIndex?: number;
|
|
67
|
+
/**
|
|
68
|
+
* Indica se mostrare il menù alla posizione del mouse
|
|
69
|
+
*/
|
|
70
|
+
atMouse?: boolean;
|
|
71
|
+
/**
|
|
72
|
+
* Indica se adattarsi alla dimensione del nodo. Se impostato le proprietà **minSpotlightRadius** e **maxSpotlightRadius** vengono ignorate
|
|
73
|
+
*/
|
|
74
|
+
adaptativeNodeSpotlightRadius?: boolean;
|
|
75
|
+
/**
|
|
76
|
+
* Se settato a number indica dopo quanti pixel fuori dal menu il click viene annullato, altrimenti va settato a **false**
|
|
77
|
+
*/
|
|
78
|
+
outsideMenuCancel?: boolean | number;
|
|
79
|
+
}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Opzioni native per l'estensione expand-collapse di cytoscape
|
|
3
|
-
*/
|
|
4
|
-
export declare class ExpandCollapseOptions {
|
|
5
|
-
/** @ignore */ layoutBy?: any;
|
|
6
|
-
/** @ignore */ fisheye?: boolean;
|
|
7
|
-
/** @ignore */ animate?: boolean;
|
|
8
|
-
/** @ignore */ animationDuration?: number;
|
|
9
|
-
/** @ignore */ ready?: () => void;
|
|
10
|
-
/** @ignore */ undoable?: boolean;
|
|
11
|
-
/** @ignore */ cueEnabled?: boolean;
|
|
12
|
-
/** @ignore */ expandCollapseCuePosition?: string | ((node: any) => string);
|
|
13
|
-
/** @ignore */ expandCollapseCueSize?: number;
|
|
14
|
-
/** @ignore */ expandCollapseCueLineSize?: number;
|
|
15
|
-
/** @ignore */ expandCueImage?: string;
|
|
16
|
-
/** @ignore */ collapseCueImage?: string;
|
|
17
|
-
/** @ignore */ expandCollapseCueSensitivity?: number;
|
|
18
|
-
/** @ignore */ edgeTypeInfo?: string | Function;
|
|
19
|
-
/** @ignore */ groupEdgesOfSameTypeOnCollapse?: boolean;
|
|
20
|
-
/** @ignore */ allowNestedEdgeCollapse?: boolean;
|
|
21
|
-
/** @ignore */ zIndex?: number;
|
|
22
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* Opzioni native per l'estensione expand-collapse di cytoscape
|
|
3
|
+
*/
|
|
4
|
+
export declare class ExpandCollapseOptions {
|
|
5
|
+
/** @ignore */ layoutBy?: any;
|
|
6
|
+
/** @ignore */ fisheye?: boolean;
|
|
7
|
+
/** @ignore */ animate?: boolean;
|
|
8
|
+
/** @ignore */ animationDuration?: number;
|
|
9
|
+
/** @ignore */ ready?: () => void;
|
|
10
|
+
/** @ignore */ undoable?: boolean;
|
|
11
|
+
/** @ignore */ cueEnabled?: boolean;
|
|
12
|
+
/** @ignore */ expandCollapseCuePosition?: string | ((node: any) => string);
|
|
13
|
+
/** @ignore */ expandCollapseCueSize?: number;
|
|
14
|
+
/** @ignore */ expandCollapseCueLineSize?: number;
|
|
15
|
+
/** @ignore */ expandCueImage?: string;
|
|
16
|
+
/** @ignore */ collapseCueImage?: string;
|
|
17
|
+
/** @ignore */ expandCollapseCueSensitivity?: number;
|
|
18
|
+
/** @ignore */ edgeTypeInfo?: string | Function;
|
|
19
|
+
/** @ignore */ groupEdgesOfSameTypeOnCollapse?: boolean;
|
|
20
|
+
/** @ignore */ allowNestedEdgeCollapse?: boolean;
|
|
21
|
+
/** @ignore */ zIndex?: number;
|
|
22
|
+
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { ZoomLevelBasedTemplate } from "./ZoomLevelBasedTemplate";
|
|
2
|
-
/**
|
|
3
|
-
* Classe che indica per una data query quali template applicare
|
|
4
|
-
*/
|
|
5
|
-
export declare class NodeHTMLTemplate {
|
|
6
|
-
/**
|
|
7
|
-
* Query Cytoscape. Esempio **"[type = 'node']"** per prendere tutti i nodi la cui proprietà **type** all'interno dell'oggetto **data** è uguale a **node**
|
|
8
|
-
*/
|
|
9
|
-
query: string;
|
|
10
|
-
/**
|
|
11
|
-
* Lista dei template da applicare in base al livello di zoom del diagramma
|
|
12
|
-
*/
|
|
13
|
-
template: ZoomLevelBasedTemplate[];
|
|
14
|
-
}
|
|
1
|
+
import { ZoomLevelBasedTemplate } from "./ZoomLevelBasedTemplate";
|
|
2
|
+
/**
|
|
3
|
+
* Classe che indica per una data query quali template applicare
|
|
4
|
+
*/
|
|
5
|
+
export declare class NodeHTMLTemplate {
|
|
6
|
+
/**
|
|
7
|
+
* Query Cytoscape. Esempio **"[type = 'node']"** per prendere tutti i nodi la cui proprietà **type** all'interno dell'oggetto **data** è uguale a **node**
|
|
8
|
+
*/
|
|
9
|
+
query: string;
|
|
10
|
+
/**
|
|
11
|
+
* Lista dei template da applicare in base al livello di zoom del diagramma
|
|
12
|
+
*/
|
|
13
|
+
template: ZoomLevelBasedTemplate[];
|
|
14
|
+
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Classe che rappresenta un template HTML applicabile ad un nodo
|
|
3
|
-
*/
|
|
4
|
-
export declare class NodeTemplate {
|
|
5
|
-
/**
|
|
6
|
-
* Template del nodo. È possibile prendere direttamente i valori del nodo utilizzando la convenzione **#{data.nodeproperty}**
|
|
7
|
-
*/
|
|
8
|
-
html: string;
|
|
9
|
-
/**
|
|
10
|
-
* Classe da applicare al template
|
|
11
|
-
*/
|
|
12
|
-
cssClass?: string;
|
|
13
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* Classe che rappresenta un template HTML applicabile ad un nodo
|
|
3
|
+
*/
|
|
4
|
+
export declare class NodeTemplate {
|
|
5
|
+
/**
|
|
6
|
+
* Template del nodo. È possibile prendere direttamente i valori del nodo utilizzando la convenzione **#{data.nodeproperty}**
|
|
7
|
+
*/
|
|
8
|
+
html: string;
|
|
9
|
+
/**
|
|
10
|
+
* Classe da applicare al template
|
|
11
|
+
*/
|
|
12
|
+
cssClass?: string;
|
|
13
|
+
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { NodeTemplate } from "./NodeTemplate";
|
|
2
|
-
/**
|
|
3
|
-
* Classe che rappresenta il template HTML di un nodo da utilizzare per un certo livello di zoom
|
|
4
|
-
*/
|
|
5
|
-
export declare class ZoomLevelBasedTemplate {
|
|
6
|
-
/**
|
|
7
|
-
* Livello di zoom da minimo a massimo per cui viene utilizzato questo template
|
|
8
|
-
*/
|
|
9
|
-
zoomRange: [number, number];
|
|
10
|
-
/**
|
|
11
|
-
* Template da utilizzare
|
|
12
|
-
*/
|
|
13
|
-
template: NodeTemplate;
|
|
14
|
-
}
|
|
1
|
+
import { NodeTemplate } from "./NodeTemplate";
|
|
2
|
+
/**
|
|
3
|
+
* Classe che rappresenta il template HTML di un nodo da utilizzare per un certo livello di zoom
|
|
4
|
+
*/
|
|
5
|
+
export declare class ZoomLevelBasedTemplate {
|
|
6
|
+
/**
|
|
7
|
+
* Livello di zoom da minimo a massimo per cui viene utilizzato questo template
|
|
8
|
+
*/
|
|
9
|
+
zoomRange: [number, number];
|
|
10
|
+
/**
|
|
11
|
+
* Template da utilizzare
|
|
12
|
+
*/
|
|
13
|
+
template: NodeTemplate;
|
|
14
|
+
}
|
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
import { ShapedLayoutOptionsImpl } from './base/ShapedLayoutOptionsImpl';
|
|
2
|
-
/**
|
|
3
|
-
* Default per l'implementazione dell'algoritmo Breadth First
|
|
4
|
-
*/
|
|
5
|
-
export declare class BreadthFirstLayoutOptionsImpl extends ShapedLayoutOptionsImpl {
|
|
6
|
-
/** @ignore */
|
|
7
|
-
constructor();
|
|
8
|
-
/**
|
|
9
|
-
* Nome dell'algoritmo di layouting
|
|
10
|
-
*/
|
|
11
|
-
name: string;
|
|
12
|
-
/**
|
|
13
|
-
* Indica se l'albero è diretto in basso. Se false i collegamenti fra i nodi possono andare in qualsiasi direzione
|
|
14
|
-
*/
|
|
15
|
-
directed: boolean;
|
|
16
|
-
/**
|
|
17
|
-
* Se **true** i livelli vengono ordinati in cerchi concentrici, se **false** vengono oridnati dall'alto al basso
|
|
18
|
-
*/
|
|
19
|
-
circle: boolean;
|
|
20
|
-
/**
|
|
21
|
-
* Radici degli alberi
|
|
22
|
-
*/
|
|
23
|
-
roots?: string;
|
|
24
|
-
/**
|
|
25
|
-
* Numero massimo di tentativi di posizionamento dei nodi in maniera massimale (senza backtracking)
|
|
26
|
-
*/
|
|
27
|
-
maximalAdjustments: number;
|
|
28
|
-
/**
|
|
29
|
-
* Indica che i nodi verranno shiftati in base al proprio livello in modo da evitare collegamenti inversi (solo per i DAG)
|
|
30
|
-
*/
|
|
31
|
-
maximal: boolean;
|
|
32
|
-
/**
|
|
33
|
-
* Indica se creare una griglia in cui ordinare i nodi del DAG (Solo quando la proprietà **circle** è a **false**)
|
|
34
|
-
*/
|
|
35
|
-
grid: boolean;
|
|
36
|
-
/**
|
|
37
|
-
* Indica se escludere le label dei nodi quando vengono calcolati i limiti del layout
|
|
38
|
-
*/
|
|
39
|
-
nodeDimensionsIncludeLabels: boolean;
|
|
40
|
-
}
|
|
1
|
+
import { ShapedLayoutOptionsImpl } from './base/ShapedLayoutOptionsImpl';
|
|
2
|
+
/**
|
|
3
|
+
* Default per l'implementazione dell'algoritmo Breadth First
|
|
4
|
+
*/
|
|
5
|
+
export declare class BreadthFirstLayoutOptionsImpl extends ShapedLayoutOptionsImpl {
|
|
6
|
+
/** @ignore */
|
|
7
|
+
constructor();
|
|
8
|
+
/**
|
|
9
|
+
* Nome dell'algoritmo di layouting
|
|
10
|
+
*/
|
|
11
|
+
name: string;
|
|
12
|
+
/**
|
|
13
|
+
* Indica se l'albero è diretto in basso. Se false i collegamenti fra i nodi possono andare in qualsiasi direzione
|
|
14
|
+
*/
|
|
15
|
+
directed: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Se **true** i livelli vengono ordinati in cerchi concentrici, se **false** vengono oridnati dall'alto al basso
|
|
18
|
+
*/
|
|
19
|
+
circle: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Radici degli alberi
|
|
22
|
+
*/
|
|
23
|
+
roots?: string;
|
|
24
|
+
/**
|
|
25
|
+
* Numero massimo di tentativi di posizionamento dei nodi in maniera massimale (senza backtracking)
|
|
26
|
+
*/
|
|
27
|
+
maximalAdjustments: number;
|
|
28
|
+
/**
|
|
29
|
+
* Indica che i nodi verranno shiftati in base al proprio livello in modo da evitare collegamenti inversi (solo per i DAG)
|
|
30
|
+
*/
|
|
31
|
+
maximal: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Indica se creare una griglia in cui ordinare i nodi del DAG (Solo quando la proprietà **circle** è a **false**)
|
|
34
|
+
*/
|
|
35
|
+
grid: boolean;
|
|
36
|
+
/**
|
|
37
|
+
* Indica se escludere le label dei nodi quando vengono calcolati i limiti del layout
|
|
38
|
+
*/
|
|
39
|
+
nodeDimensionsIncludeLabels: boolean;
|
|
40
|
+
}
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { ShapedLayoutOptionsImpl } from './base/ShapedLayoutOptionsImpl';
|
|
2
|
-
/**
|
|
3
|
-
* Default per l'implementazione dell'algoritmo Circle
|
|
4
|
-
*/
|
|
5
|
-
export declare class CircleLayoutOptionsImpl extends ShapedLayoutOptionsImpl {
|
|
6
|
-
/** @ignore */
|
|
7
|
-
constructor();
|
|
8
|
-
/**
|
|
9
|
-
* Nome dell'algoritmo di layouting
|
|
10
|
-
*/
|
|
11
|
-
name: string;
|
|
12
|
-
/**
|
|
13
|
-
* Raggio del cercho
|
|
14
|
-
*/
|
|
15
|
-
radius: number;
|
|
16
|
-
/**
|
|
17
|
-
* Angolo da cui i nodi partono, in radianti (Default: **3 / 2 * Math.PI**)
|
|
18
|
-
*/
|
|
19
|
-
startAngle: number;
|
|
20
|
-
/**
|
|
21
|
-
* Numero di radianti fra il primo e l'ultimo nodo. Di default viene utilizzata l'intera circonferenza
|
|
22
|
-
*/
|
|
23
|
-
sweep: number;
|
|
24
|
-
/**
|
|
25
|
-
* Indica se andare in senso orario (**true**) o antiorario (**false**)
|
|
26
|
-
*/
|
|
27
|
-
clockwise: boolean;
|
|
28
|
-
}
|
|
1
|
+
import { ShapedLayoutOptionsImpl } from './base/ShapedLayoutOptionsImpl';
|
|
2
|
+
/**
|
|
3
|
+
* Default per l'implementazione dell'algoritmo Circle
|
|
4
|
+
*/
|
|
5
|
+
export declare class CircleLayoutOptionsImpl extends ShapedLayoutOptionsImpl {
|
|
6
|
+
/** @ignore */
|
|
7
|
+
constructor();
|
|
8
|
+
/**
|
|
9
|
+
* Nome dell'algoritmo di layouting
|
|
10
|
+
*/
|
|
11
|
+
name: string;
|
|
12
|
+
/**
|
|
13
|
+
* Raggio del cercho
|
|
14
|
+
*/
|
|
15
|
+
radius: number;
|
|
16
|
+
/**
|
|
17
|
+
* Angolo da cui i nodi partono, in radianti (Default: **3 / 2 * Math.PI**)
|
|
18
|
+
*/
|
|
19
|
+
startAngle: number;
|
|
20
|
+
/**
|
|
21
|
+
* Numero di radianti fra il primo e l'ultimo nodo. Di default viene utilizzata l'intera circonferenza
|
|
22
|
+
*/
|
|
23
|
+
sweep: number;
|
|
24
|
+
/**
|
|
25
|
+
* Indica se andare in senso orario (**true**) o antiorario (**false**)
|
|
26
|
+
*/
|
|
27
|
+
clockwise: boolean;
|
|
28
|
+
}
|