@balkangraph/orgchart.js 8.14.72 → 8.14.74

package/orgchart.d.ts

@@ -2195,6 +2195,13 @@ declare namespace OrgChart {
         showXScroll?: boolean ,
         /**
          * movable node, move the node anywhere on the canvas
+         * ```typescript     
+         * let chart = new OrgChart('#tree', {
+         *      movable: OrgChart.movable.node,
+         *      // movable: OrgChart.movable.tree,
+         *      // movable: OrgChart.movable.detachTree,
+         * });
+         * ```
          */
         movable?: OrgChart.movable,
         /**
@@ -2577,6 +2584,11 @@ declare namespace OrgChart {
         /**
          * Sets the maximum number of columns in grid layout, it has to be even nymber or 'dynamic' string
          * The default id 'dynamic', that means that the maximum colomn numbers are dinamicly calculated 
+         * ```typescript     
+         * let chart = new OrgChart('#tree', {
+         *   layoutGridColumns: 10,
+         * });
+         * ```     
          */
         layoutGridColumns?: string | number,
         /**
@@ -2800,10 +2812,57 @@ declare namespace OrgChart {
         },
         /**
          * Set the session storage name to use undo/redo functionallity.
+         * ```typescript       
+         * let chart = new OrgChart('#tree', {
+         *   undoRedoStorageName: 'myStorageName',
+         * });
+         * ``` 
          */
         undoRedoStorageName?: string,
+        
         /**
          * Configure the buildin edit form.
+         * ```typescript       
+         * let chart = new OrgChart('#tree', {
+         *      editForm: {
+         *          readOnly: 'false', // the drefault value
+         *          titleBinding: "name", // a property name
+         *          photoBinding: "img", // the photo property name
+         *          focusBinding: "name",
+         *          addMore: "Add am element",
+         *          addMoreBtn: "Add",
+         *          addMoreFieldName: "Element name:",
+         *          saveAndCloseBtn: "Save",
+         *          cancelBtn: "Close",
+         *          generateElementsFromFields: false,
+         *          buttons:  {
+         *              edit: {
+         *                  icon: OrgChart.icon.edit(24,24,'#fff'),
+         *                  text: 'Edit',
+         *                  hideIfEditMode: true,
+         *                  hideIfDetailsMode: false
+         *              },
+         *              share: {
+         *                  icon: OrgChart.icon.share(24,24,'#fff'),
+         *                  text: 'Share'
+         *              },
+         *              pdf: {
+         *                  icon: OrgChart.icon.pdf(24,24,'#fff'),
+         *                  text: 'Save as PDF'
+         *              },
+         *              remove: {
+         *                  icon: OrgChart.icon.remove(24,24,'#fff'),
+         *                  text: 'Remove',
+         *                  hideIfDetailsMode: true
+         *              }
+         *          },
+         *          elements: [
+         *              { type: 'textbox', label: 'Full Name', binding: 'Name' },
+         *              { type: 'textbox', label: 'Phone number', binding: 'phone' }        
+         *          ]
+         *      }
+         * });
+         * ```    
          * {@link https://balkan.app/OrgChartJS/Docs/Edit | See doc...}   
          */                
         editForm?: {