@balkangraph/orgchart.js 8.14.119 → 8.14.122

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.
Files changed (3) hide show
  1. package/orgchart.d.ts +5 -209
  2. package/orgchart.js +1 -1
  3. package/package.json +1 -1
package/orgchart.d.ts CHANGED
@@ -155,14 +155,12 @@ declare class OrgChart {
155
155
 
156
156
  /**
157
157
  * Removes an event listener previously registered. The event listener to be removed is identified using a combination of the event type and the event listener function itself. Returns true if success and false if fail.
158
- * ```typescript
159
158
  * let chart = new OrgChart('#tree', {});
160
159
  * let listener = function(sender, args){
161
160
  * console.log(sender.removeListener('update', listener));
162
161
  * };
163
162
  * chart.on('update', listener);
164
163
  * chart.load(nodes)
165
- * ```
166
164
  };
167
165
 
168
166
  family.on('update', listener);
@@ -1490,8 +1488,9 @@ declare class OrgChart {
1490
1488
 
1491
1489
  /**
1492
1490
  * Opens file upload dialog
1493
- * ```typescript
1491
+ * ```typescript
1494
1492
  * let chart = new OrgChart('#tree', {});
1493
+ *
1495
1494
  * chart.editUI.on('element-btn-click', function (sender, args) {
1496
1495
  * OrgChart.fileUploadDialog(function (file) {
1497
1496
  * var formData = new FormData();
@@ -1499,6 +1498,7 @@ declare class OrgChart {
1499
1498
  * alert('upload the file');
1500
1499
  * })
1501
1500
  * });
1501
+ *
1502
1502
  * chart.load(nodes)
1503
1503
  * ```
1504
1504
  */
@@ -2141,7 +2141,7 @@ declare class OrgChart {
2141
2141
  }
2142
2142
 
2143
2143
  declare namespace OrgChart {
2144
-
2144
+
2145
2145
  interface node {
2146
2146
  /**
2147
2147
  * same pid you provided in the source node, the default value is null if not provided or if node with the same id does not exist
@@ -2370,241 +2370,37 @@ declare namespace OrgChart {
2370
2370
  movey?: number | undefined
2371
2371
  }
2372
2372
 
2373
- /**
2374
- * OrgChart JS template
2375
- * ```typescript
2376
- * OrgChart.templates.myTemplate = Object.assign({}, OrgChart.templates.ana);
2377
- * ```
2378
- */
2373
+
2379
2374
  interface template
2380
2375
  {
2381
- /**
2382
- * SVG <defs?> of the template
2383
- * ```typescript
2384
- * OrgChart.templates.rony.defs =
2385
- * `<filter id="{randId}" x="0" y="0" width="200%" height="200%">
2386
- * <feOffset result="offOut" in="SourceAlpha" dx="5" dy="5"></feOffset>
2387
- * <feGaussianBlur result="blurOut" in="offOut" stdDeviation="5"></feGaussianBlur>
2388
- * <feBlend in="SourceGraphic" in2="blurOut" mode="normal"></feBlend>
2389
- * </filter>`;
2390
- * ```
2391
- */
2392
2376
  defs?: string,
2393
-
2394
- /**
2395
- * Size of the template
2396
- * ```typescript
2397
- * OrgChart.templates.myTemplate.size = [200, 100];
2398
- * ```
2399
- */
2400
2377
  size?: Array<number>,
2401
-
2402
- /**
2403
- * Size of the expandCollapse button
2404
- * ```typescript
2405
- * OrgChart.templates.myTemplate.expandCollapseSize = 30;
2406
- * ```
2407
- */
2408
2378
  expandCollapseSize?: number,
2409
-
2410
- /**
2411
- * Adjust link positions
2412
- * ```typescript
2413
- * OrgChart.templates.myTemplate.linkAdjuster = {
2414
- * fromX: 0,
2415
- * fromY: -10,
2416
- * toX: 0,
2417
- * toY: 0
2418
- * }
2419
- * ```
2420
- */
2421
2379
  linkAdjuster?: {
2422
2380
  fromX?: number,
2423
2381
  fromY?: number,
2424
2382
  toX?: number,
2425
2383
  toY?: number
2426
2384
  },
2427
-
2428
- /**
2429
- * Ripple
2430
- * ```typescript
2431
- * OrgChart.templates.myTemplate.ripple =
2432
- * radius: 100,
2433
- * color: "#e6e6e6",
2434
- * rect: null
2435
- * }
2436
- * ```
2437
- */
2438
2385
  ripple?: {
2439
2386
  radius?: number,
2440
2387
  color?: string,
2441
2388
  rect?: Array<number>
2442
2389
  },
2443
-
2444
- /**
2445
- * Assistance link
2446
- * ```typescript
2447
- * OrgChart.templates.ana.assistanseLink =
2448
- * `<path stroke-linejoin="round" stroke="#aeaeae" stroke-width="2px" fill="none"
2449
- * d="M{xa},{ya} {xb},{yb} {xc},{yc} {xd},{yd} L{xe},{ye}" />`;
2450
- * }
2451
- * ```
2452
- */
2453
2390
  assistanseLink?: string,
2454
-
2455
- /**
2456
- * Assistance link
2457
- * ```typescript
2458
- * OrgChart.templates.ana.svg =
2459
- * `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
2460
- * style="display:block;" width="{w}" height="{h}" viewBox="{viewBox}">{content}
2461
- * </svg>`;
2462
- * ```
2463
- */
2464
2391
  svg?: string,
2465
-
2466
- /**
2467
- * Link
2468
- * ```typescript
2469
- * OrgChart.templates.ana.link =
2470
- * `<path stroke-linejoin="round" stroke="#aeaeae" stroke-width="1px" fill="none" d="{rounded}" />`;
2471
- * ```
2472
- */
2473
2392
  link?: string,
2474
-
2475
- /**
2476
- * Pointer
2477
- * ```typescript
2478
- * OrgChart.templates.ana.pointer =
2479
- * `<g data-pointer="pointer" transform="matrix(0,0,0,0,100,100)">
2480
- * <radialGradient id="pointerGradient">
2481
- * <stop stop-color="#ffffff" offset="0" />
2482
- * <stop stop-color="#C1C1C1" offset="1" />
2483
- * </radialGradient>
2484
- * <circle cx="16" cy="16" r="16" stroke-width="1" stroke="#acacac" fill="url(#pointerGradient)"></circle>
2485
- * </g>`;
2486
- * ```
2487
- */
2488
2393
  pointer?: string,
2489
-
2490
- /**
2491
- * Node
2492
- * ```typescript
2493
- * OrgChart.templates.ana.node =
2494
- * `<rect x="0" y="0" height="{h}" width="{w}" fill="#039BE5" stroke-width="1" stroke="#aeaeae" rx="7" ry="7"></rect>`;
2495
- * ```
2496
- */
2497
2394
  node?: string,
2498
-
2499
- /**
2500
- * Plus/expand button
2501
- * ```typescript
2502
- * OrgChart.templates.ana.plus =
2503
- * `<circle cx="15" cy="15" r="15" fill="#ffffff" stroke="#aeaeae" stroke-width="1"></circle>
2504
- * <line x1="4" y1="15" x2="26" y2="15" stroke-width="1" stroke="#aeaeae"></line>
2505
- * <line x1="15" y1="4" x2="15" y2="26" stroke-width="1" stroke="#aeaeae"></line>`;
2506
- * ```
2507
- */
2508
2395
  plus?: string,
2509
-
2510
- /**
2511
- * Minus/collapse button
2512
- * ```typescript
2513
- * OrgChart.templates.ana.minus =
2514
- * `<circle cx="15" cy="15" r="15" fill="#ffffff" stroke="#aeaeae" stroke-width="1"></circle>
2515
- * <line x1="4" y1="15" x2="26" y2="15" stroke-width="1" stroke="#aeaeae"></line>`;
2516
- * ```
2517
- */
2518
2396
  minus?: string,
2519
-
2520
- /**
2521
- * Node menu button
2522
- * ```typescript
2523
- * OrgChart.templates.ana.nodeMenuButton =
2524
- * `<g style="cursor:pointer;" transform="matrix(1,0,0,1,225,105)" data-ctrl-n-menu-id="{id}">
2525
- * <rect x="-4" y="-10" fill="#000000" fill-opacity="0" width="22" height="22"></rect>
2526
- * <circle cx="0" cy="0" r="2" fill="#ffffff"></circle>
2527
- * <circle cx="7" cy="0" r="2" fill="#ffffff"></circle><circle cx="14" cy="0" r="2" fill="#ffffff"></circle>
2528
- * </g>`;
2529
- * ```
2530
- */
2531
2397
  nodeMenuButton?: string,
2532
-
2533
- /**
2534
- * Menu button
2535
- * ```typescript
2536
- * OrgChart.templates.ana.menuButton =
2537
- * `<div style="position:absolute;right:{p}px;top:{p}px; width:40px;height:50px;cursor:pointer;" data-ctrl-menu="">
2538
- * <hr style="background-color: #7A7A7A; height: 3px; border: none;">
2539
- * <hr style="background-color: #7A7A7A; height: 3px; border: none;">
2540
- * <hr style="background-color: #7A7A7A; height: 3px; border: none;">
2541
- * </div>`;
2542
- * ```
2543
- */
2544
2398
  menuButton?: string,
2545
-
2546
- /**
2547
- * Node image
2548
- * ```typescript
2549
- * OrgChart.templates.ana.img_0 =
2550
- * `<clipPath id="{randId}"><circle cx="50" cy="30" r="40"></circle></clipPath>
2551
- * <image preserveAspectRatio="xMidYMid slice" clip-path="url(#{randId})" xlink:href="{val}" x="10" y="-10" width="80" height="80">
2552
- * </image>`;
2553
- * ```
2554
- */
2555
2399
  img_0?: string,
2556
-
2557
- /**
2558
- * Link label
2559
- * ```typescript
2560
- * OrgChart.templates.ana.link_field_0 =
2561
- * `<text text-anchor="middle" fill="#aeaeae" data-width="290" x="0" y="0" style="font-size:10px;">{val}</text>`;
2562
- * ```
2563
- */
2564
2400
  link_field_0?: string,
2565
-
2566
- /**
2567
- * Edit form header color
2568
- * ```typescript
2569
- * OrgChart.templates.ana.editFormHeaderColor = '#039BE5'
2570
- * ```
2571
- */
2572
2401
  editFormHeaderColor?: string,
2573
-
2574
- /**
2575
- * EMode circle menu button
2576
- * ```typescript
2577
- * OrgChart.templates.ana.nodeCircleMenuButton = {
2578
- * radius: 18,
2579
- * x: 250,
2580
- * y: 60,
2581
- * color: '#fff',
2582
- * stroke: '#aeaeae'
2583
- * }
2584
- * ```
2585
- */
2586
2402
  nodeCircleMenuButton?: object,
2587
-
2588
- /**
2589
- * Minimized template
2590
- * ```typescript
2591
- * OrgChart.templates.ana.min = Object.assign({}, OrgChart.templates.ana);
2592
- * OrgChart.templates.ana.min.size = [250, 60];
2593
- * OrgChart.templates.ana.min.img_0 = "";
2594
- * OrgChart.templates.ana.min.field_0 =
2595
- * `<text data-width="230" style="font-size: 18px;" fill="#ffffff" x="125" y="40" text-anchor="middle">{val}</text>`;
2596
- * OrgChart.templates.ana.min.field_1 = "";
2597
- * ```
2598
- */
2599
2403
  min?: template,
2600
-
2601
- /**
2602
- * A field
2603
- * ```typescript
2604
- * OrgChart.templates.orgTemplate.number =
2605
- * `<text width="230" style="font-size: 11px;" fill="#64696b" x="150" y="53" text-anchor="start">{val}</text>`;
2606
- * ```
2607
- */
2608
2404
  [name: string]: any
2609
2405
  }
2610
2406