@balkangraph/orgchart.js 8.15.16 → 8.15.18
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/orgchart.d.ts +143 -1
- package/orgchart.js +1 -1
- package/package.json +1 -1
package/orgchart.d.ts
CHANGED
|
@@ -3189,10 +3189,39 @@ declare namespace OrgChart {
|
|
|
3189
3189
|
grid
|
|
3190
3190
|
}
|
|
3191
3191
|
|
|
3192
|
+
/**
|
|
3193
|
+
* Specifies the alignment of the nodes inside OrgChart JS
|
|
3194
|
+
*/
|
|
3192
3195
|
enum align {
|
|
3196
|
+
|
|
3197
|
+
/**
|
|
3198
|
+
* Centered
|
|
3199
|
+
* ```typescript
|
|
3200
|
+
* var chart = new OrgChart('#tree', {
|
|
3201
|
+
* align: OrgChart.align.center
|
|
3202
|
+
* });
|
|
3203
|
+
* ```
|
|
3204
|
+
*/
|
|
3193
3205
|
center,
|
|
3206
|
+
|
|
3207
|
+
/**
|
|
3208
|
+
* According to the orientation option
|
|
3209
|
+
* ```typescript
|
|
3210
|
+
* let chart = new OrgChart('#tree', {
|
|
3211
|
+
* align: OrgChart.align.orientation
|
|
3212
|
+
* });
|
|
3213
|
+
* ```
|
|
3214
|
+
*/
|
|
3194
3215
|
orientation
|
|
3195
3216
|
}
|
|
3217
|
+
|
|
3218
|
+
/**
|
|
3219
|
+
* Animations for the transition of the nodes
|
|
3220
|
+
* ```typescript
|
|
3221
|
+
* let chart = new OrgChart('#tree', {
|
|
3222
|
+
* anim: {func: OrgChart.anim.outBack, duration: 500}
|
|
3223
|
+
* });
|
|
3224
|
+
*/
|
|
3196
3225
|
enum anim {
|
|
3197
3226
|
inPow,
|
|
3198
3227
|
outPow,
|
|
@@ -3315,16 +3344,85 @@ declare namespace OrgChart {
|
|
|
3315
3344
|
* ```
|
|
3316
3345
|
*/
|
|
3317
3346
|
centerNode,
|
|
3347
|
+
|
|
3348
|
+
/**
|
|
3349
|
+
* @ignore
|
|
3350
|
+
*/
|
|
3318
3351
|
insert,
|
|
3352
|
+
|
|
3353
|
+
/**
|
|
3354
|
+
* @ignore
|
|
3355
|
+
*/
|
|
3319
3356
|
maximize,
|
|
3357
|
+
|
|
3358
|
+
/**
|
|
3359
|
+
* @ignore
|
|
3360
|
+
*/
|
|
3320
3361
|
minimize,
|
|
3362
|
+
|
|
3363
|
+
/**
|
|
3364
|
+
* Opens edit form on node click
|
|
3365
|
+
* OrgChart.action.edit = 1;
|
|
3366
|
+
* ```typescript
|
|
3367
|
+
* let chart = new OrgChart('#tree', {
|
|
3368
|
+
* nodeMouseClick: OrgChart.action.edit
|
|
3369
|
+
* });
|
|
3370
|
+
* ```
|
|
3371
|
+
*/
|
|
3321
3372
|
edit,
|
|
3373
|
+
|
|
3374
|
+
/**
|
|
3375
|
+
* Opens the details form
|
|
3376
|
+
* OrgChart.action.details = 13;
|
|
3377
|
+
* ```typescript
|
|
3378
|
+
* let chart = new OrgChart('#tree', {
|
|
3379
|
+
* nodeMouseClick: OrgChart.action.edit // default value
|
|
3380
|
+
* });
|
|
3381
|
+
* chart.onNodeClick(function (args) {
|
|
3382
|
+
* if (args.node.templateName == "group")
|
|
3383
|
+
* chart.config.nodeMouseClick = OrgChart.action.pan;
|
|
3384
|
+
* esle
|
|
3385
|
+
* chart.config.nodeMouseClick = OrgChart.action.details;
|
|
3386
|
+
* });
|
|
3387
|
+
* ```
|
|
3388
|
+
*/
|
|
3322
3389
|
details,
|
|
3390
|
+
|
|
3391
|
+
/**
|
|
3392
|
+
* Expand/Collapse on node click
|
|
3393
|
+
* OrgChart.action.expandCollapse = 501;
|
|
3394
|
+
* ```typescript
|
|
3395
|
+
* let chart = new OrgChart('#tree', {
|
|
3396
|
+
* odeMouseClick: OrgChart.action.expandCollapse,
|
|
3397
|
+
* });
|
|
3398
|
+
* ```
|
|
3399
|
+
*/
|
|
3323
3400
|
expandCollapse,
|
|
3401
|
+
|
|
3402
|
+
/**
|
|
3403
|
+
* Expand/Collapse on node click
|
|
3404
|
+
* OrgChart.action.expandCollapse = 501;
|
|
3405
|
+
* ```typescript
|
|
3406
|
+
* let chart = new OrgChart('#tree', {
|
|
3407
|
+
* odeMouseClick: OrgChart.action.expandCollapse,
|
|
3408
|
+
* });
|
|
3409
|
+
* ```
|
|
3410
|
+
*/
|
|
3324
3411
|
pan,
|
|
3412
|
+
|
|
3413
|
+
/**
|
|
3414
|
+
* Set mouse scroll to zoom
|
|
3415
|
+
* OrgChart.action.zoom = 2;
|
|
3416
|
+
* ```typescript
|
|
3417
|
+
* let chart = new OrgChart('#tree', {
|
|
3418
|
+
* mouseScrool: OrgChart.action.zoom,
|
|
3419
|
+
* });
|
|
3420
|
+
* ```
|
|
3421
|
+
*/
|
|
3325
3422
|
zoom,
|
|
3326
3423
|
|
|
3327
3424
|
/**
|
|
3425
|
+
* Set Ctrl + mouse scroll to zoom
|
|
3328
3426
|
* OrgChart.action.ctrlZoom = 22;
|
|
3329
3427
|
* ```typescript
|
|
3330
3428
|
* let chart = new OrgChart('#tree', {
|
|
@@ -3333,9 +3431,53 @@ declare namespace OrgChart {
|
|
|
3333
3431
|
* ```
|
|
3334
3432
|
*/
|
|
3335
3433
|
ctrlZoom,
|
|
3434
|
+
|
|
3435
|
+
/**
|
|
3436
|
+
* Set mouse scroll to horizontal scroll
|
|
3437
|
+
* OrgChart.action.xScroll = 3;
|
|
3438
|
+
* ```typescript
|
|
3439
|
+
* let chart = new OrgChart('#tree', {
|
|
3440
|
+
* mouseScrool: OrgChart.action.xScroll,
|
|
3441
|
+
* });
|
|
3442
|
+
* ```
|
|
3443
|
+
*/
|
|
3336
3444
|
xScroll,
|
|
3337
|
-
|
|
3445
|
+
|
|
3446
|
+
/**
|
|
3447
|
+
* Set mouse scroll to vertical scroll
|
|
3448
|
+
* OrgChart.action.yScroll = 4;
|
|
3449
|
+
* ```typescript
|
|
3450
|
+
* let chart = new OrgChart('#tree', {
|
|
3451
|
+
* mouseScrool: OrgChart.action.yScroll,
|
|
3452
|
+
* });
|
|
3453
|
+
* ```
|
|
3454
|
+
*/
|
|
3455
|
+
yScroll,
|
|
3456
|
+
|
|
3457
|
+
/**
|
|
3458
|
+
* Navigate with the mouse:
|
|
3459
|
+
* Scroll up/down
|
|
3460
|
+
* Press Shift key to scroll left/right
|
|
3461
|
+
* Press Ctrl key to zoom with mouse scroll button
|
|
3462
|
+
* On Apple Magic Mouse or Logitech G502 you can scroll left/right/up/down without pressing the Shift key
|
|
3463
|
+
* OrgChart.action.scroll = 41;
|
|
3464
|
+
* ```typescript
|
|
3465
|
+
* let chart = new OrgChart('#tree', {
|
|
3466
|
+
* mouseScrool: OrgChart.action.scroll,
|
|
3467
|
+
* });
|
|
3468
|
+
* ```
|
|
3469
|
+
*/
|
|
3338
3470
|
scroll,
|
|
3471
|
+
|
|
3472
|
+
/**
|
|
3473
|
+
* Do nothing on mouse scroll
|
|
3474
|
+
* OrgChart.action.none = 5;
|
|
3475
|
+
* ```typescript
|
|
3476
|
+
* let chart = new OrgChart('#tree', {
|
|
3477
|
+
* odeMouseClick: OrgChart.action.nonde,
|
|
3478
|
+
* });
|
|
3479
|
+
* ```
|
|
3480
|
+
*/
|
|
3339
3481
|
none
|
|
3340
3482
|
}
|
|
3341
3483
|
|