@balkangraph/orgchart.js 8.21.30 → 9.0.3

package/orgchart.d.ts

@@ -2222,6 +2222,18 @@ declare class OrgChart {
      */
     static ORGSCRIBE_OFFSET: Array<string>;
 
+    /**
+     * The scroll step in TreeGrid layout OrgChart.layout.treeGrid
+     */
+    static TREEGRID_WHEEL_STEP: string;
+
+
+    /**
+     * The width on pixels of the scroll bar in TreeGrid layout OrgChart.layout.treeGrid
+     */
+    static TREEGRID_SCROLLBAR_WIDTH: number;
+
+
 
     /**
      * Hides the Edit Form when the chart is moved with pan
@@ -2611,7 +2623,28 @@ declare namespace OrgChart {
         /**
          * move the the node on y axis 
          */
-        movey?: number | undefined
+        movey?: number | undefined,
+        /**
+         * Pinned nodes at the top in TreeGrid layout, works with OrgChart.layout.
+         * By default is undefined it is initialized only with  OrgChart.layout.treeGrid lyouts.
+         */
+        treeGridPinnedIds?: Array<string | number> | undefined,
+        /**
+         * Gets the number of pixels by which the TreeGrid content is scrolled from its top edge.
+         * By default is undefined it is initialized only with  OrgChart.layout.treeGrid lyouts.
+         */
+        treeGridScrollTop?: number | undefined,        
+        /**
+         * Gets the max number of pixels by which the TreeGrid content can be scrolled from its top edge.
+         * By default is undefined it is initialized only with  OrgChart.layout.treeGrid lyouts.
+         */
+        treeGridScrollTopMax?: number | undefined, 
+        
+        /**
+         * Gets the type of the tree grid, foxed or auto.
+         * By default is undefined it is initialized only with  OrgChart.layout.treeGrid lyouts
+         */
+        isTreeGrid?: boolean | undefined
     }
 
     /**
@@ -4351,7 +4384,25 @@ declare namespace OrgChart {
          * ```
          * [See grid doc page for more details][https://balkan.app/OrgChartJS/Docs/Layout#grid]
          */
-        grid
+        grid,
+        /**
+         * Tree grid layout with fixed height of the group node         
+        * ```typescript
+         * let chart = new OrgChart('#tree', {
+         *  tags: {
+         *      treeGridGroupTag: {
+         *          template: 'treeGrid',
+         *          subTreeConfig: {
+         *              template: 'treeGrid',
+         *              layout: OrgChart.layout.treeGrid
+         *          }
+         *      }
+         *  }
+         * });
+         * ```
+         * [See grid doc page for more details][https://balkan.app/OrgChartJS/Docs/Layout#treeGrid]
+         */       
+        treeGrid
     }
 
     /**
@@ -5039,7 +5090,7 @@ declare namespace OrgChart {
          * ```
          * {@link https://balkan.app/OrgChartJS/Docs/PredefinedTemplates | See doc...}
          */
-        template?: "ana" | "ula" | "olivia" | "belinda" | "rony" | "mery" | "polina" | "mila" | "diva" | "luba" | "isla" | "deborah" | "base" | "group" | "invisibleGroup" | string,
+        template?: "ana" | "ula" | "olivia" | "belinda" | "rony" | "mery" | "polina" | "mila" | "diva" | "luba" | "isla" | "deborah" | "base" | "group" | "invisibleGroup" | "treeGrid" | "treeGridGroup" | string,
         /**
          * With tags option you can:
          * - Set a specific template for tagged node/s {@link https://balkan.app/OrgChartJS/Docs/MultipleTemplates | See doc...}
@@ -5061,7 +5112,7 @@ declare namespace OrgChart {
          */
         tags?: {
             [key: string]: {
-                template?: "ana" | "ula" | "olivia" | "belinda" | "rony" | "mery" | "polina" | "mila" | "diva" | "luba" | "isla" | "deborah" | "base" | "group" | "invisibleGroup" | string,
+                template?: "ana" | "ula" | "olivia" | "belinda" | "rony" | "mery" | "polina" | "mila" | "diva" | "luba" | "isla" | "deborah" | "base" | "group" | "invisibleGroup" | "treeGrid" | "treeGridGroup" | string,
                 subLevels?: number,
                 nodeMenu?: OrgChart.menu,
                 nodeCircleMenu?: OrgChart.circleMenu,
@@ -5078,7 +5129,8 @@ declare namespace OrgChart {
                     collapse?: {
                         level?: number,
                         allChildren?: boolean
-                    }
+                    },
+                    template?: "ana" | "ula" | "olivia" | "belinda" | "rony" | "mery" | "polina" | "mila" | "diva" | "luba" | "isla" | "deborah" | "base" | "group" | "invisibleGroup" | "treeGrid" | "treeGridGroup" | string
                 }
             };
         },
@@ -5745,12 +5797,11 @@ declare namespace OrgChart {
         lonely(config: Object): string;
         pointer(config: Object, action: OrgChart.action, scale: number): string;
         node(node: OrgChart.node, data: Object, animations: OrgChart.anim, config: Object, x: number | undefined, y: number | undefined, nodeBinding: Object | undefined, action: OrgChart.action, scale: number, sender: Object): string; 
-        nodeBtns(config: Object, node: OrgChart.node, action: OrgChart.action, t: Object, sender: Object): string;
-        expandCollapseBtn(chart: OrgChart, node: OrgChart.node, layoutConfigs: any, action: OrgChart.action, scale: number): string;
+        nodeBtns(config: Object, node: OrgChart.node, data: Object, action: OrgChart.action, t: Object, sender: Object): string;
+        expandCollapseBtn(chart: OrgChart, node: OrgChart.node, data: Object, config: Object, layoutConfigs: any, action: OrgChart.action, scale: number): string;
         link(node: OrgChart.node, obj: Object, scale: number, bordersByRootIdAndLevel: Object, nodes: Object, action: OrgChart.action): Array<string>;
         svg(width: number, height: number, viewBox: Array<number>, config: Object, content: string, scale: number): string;
         menuButton(config: Object): string;
-
     };
 
     /**

package/orgchart.js

@@ -1 +1 @@
-/* eslint-disable */ 
+/* eslint-disable */ 

package/package.json

@@ -1 +1 @@
-{"author":{"name":"BALKAN App"},"bugs":{"email":"support@balkan.app","url":"https://github.com/BALKANGraph/OrgChartJS/issues"},"deprecated":false,"description":"Ultimate Organizational Chart JavaScript library, Interactive Diagrams","files":["orgchart.js","orgchart.d.ts","package.json","README.md"],"homepage":"https://balkan.app/","keywords":["diagram","chart","tree","orgchart","graph","svg","hierarchy","family-tree","decision-tree","visualization","tree-layout","hierarchical","javascript","js","html","html5"],"license":"SEE LICENSE IN https://balkan.app","main":"orgchart.js","types":"orgchart.d.ts","name":"@balkangraph/orgchart.js","repository":{"type":"git","url":"https://github.com/BALKANGraph/OrgChartJS"},"dependencies":{},"version":"8.21.30"}
+{"author":{"name":"BALKAN App"},"bugs":{"email":"support@balkan.app","url":"https://github.com/BALKANGraph/OrgChartJS/issues"},"deprecated":false,"description":"Ultimate Organizational Chart JavaScript library, Interactive Diagrams","files":["orgchart.js","orgchart.d.ts","package.json","README.md"],"homepage":"https://balkan.app/","keywords":["diagram","chart","tree","orgchart","graph","svg","hierarchy","family-tree","decision-tree","visualization","tree-layout","hierarchical","javascript","js","html","html5"],"license":"SEE LICENSE IN https://balkan.app","main":"orgchart.js","types":"orgchart.d.ts","name":"@balkangraph/orgchart.js","repository":{"type":"git","url":"https://github.com/BALKANGraph/OrgChartJS"},"dependencies":{},"version":"9.00.03"}