Added minimumVisibleLevels option to OrgConfig and FamConfig

Author: BasicPrimitives

changelog.md

@@ -1,3 +1,7 @@
+#### Version 6.4.0
+* Added `Director`, `SuperAdviser` and `SuperAssistant` item types.
+* Added `directorsPlacementType`, `advisersPlacementType` to `OrgItemConfig`
+* Added `minimumVisibleLevels` option to `OrgConfig` and `FamConfig`
 #### Version 6.3.1
 * Fixed family diagram padding
 * Fixed `onButtonsRender` in `TemplateConfig`
@@ -17,7 +21,7 @@
 * Removed GraphicsType enumeration.
 * Removed graphicsType from OrgConfig and FamConfig
 #### Version 6.1.1
-* Fixed `levelOffset` property to work regardless of empty levels
+* Fixed the `levelOffset` property to work regardless of empty levels
 #### Version 6.1.0
 * Added LevelAnnotationConfig
 * Added level annotation options to OrgConfig and FamConfig
@@ -48,8 +52,8 @@
 * Fixed frame placeholder size
 #### Version 5.9.0
 * Added `showFrame`, `fameInnerPadding`, `frameOuterPadding` properties to `primitives.orgdiagram.Config` & `primitives.famdiagram.Config`
-* Modified callout annotation placement for minimized nodes placed outside view port.
-* Fixed exception when `selectedItems` collection contains non existing items.
+* Modified call-out annotation placement for minimized nodes placed outside view port.
+* Fixed exception when `selectedItems` collection contains non-existing items.
 * Fixed center on cursor in AutoSize mode
 #### Version 5.8.2
 * Fixed `selectionPathMode` in Family Diagram.
@@ -58,17 +62,17 @@
 #### Version 5.8.0
 * Added `loopsLayoutMode` property to `primitives.famdiagram.Config`. Property sets loops layout optimization mode in Family Diagram. See `Loops Layout Optimization` use case.
 * Added extra arrows to vertical segments of loops in family diagram
-* Fixed spouses selection in family diagram
+* Fixed spouses selection in the family diagram
 * Fixed background annotation `includeChildren` property in family diagram having loops between items.
 #### Version 5.7.0
 * Added `primaryParent` property to `primitives.famdiagram.ItemConfig`. Property defines user preference for item placement relative to its multiple parents in Family Diagram. See Technological Tree Demo.
 #### Version 5.6.4
 * Updated IntelliSense API annotations
 #### Version 5.6.3
 * Fixed initial callout placement
-* Fixed neighbours selection in family diagram having inactive nodes
+* Fixed neighbors selection in family diagram having inactive nodes
 #### Version 5.6.2
-* Fixed performance bug in the value reader.
+* Fixed performance bug in the value-reader.
 #### Version 5.6.0
 * Added `placeAssistantsAboveChildren` and `placeAdvisersAboveChildren` properties to `primitives.orgdiagram.Config` & `primitives.orgdiagram.ItemConfig`.
 * Added `levelOffset` property to `primitives.orgdiagram.ItemConfig`.
@@ -83,7 +87,7 @@
 * Removed CSS file from React component
 #### Version 5.4.0
 * Added OrgDiagram & FamDiagram React components and samples.
-* Extracted platform specific functionality out of core.
+* Extracted web-specific functionality out of the core.
 * Added onButtonsRender event to TemplateConfig.
 * Added support of cycles in objects definitions of labels.
 * Fixed CSS scale bugs.
@@ -111,9 +115,9 @@
 * Added npm package header and published library to [www.npmjs.com](https://www.npmjs.com/package/basicprimitives)
 * Added pagination for nodes in page fit mode set to None.
 #### Version 5.0.4
-* Fixed cursor neighbours selection over template inactive items.
+* Fixed cursor neighbors selection over template inactive items.
 #### Version 5.0.3
-* Fixed call out placement in auto size mode when control is placed in document layout and scrolled.
+* Fixed call-out placement in auto-size mode when control is placed in document layout and scrolled.
 #### Version 5.0.2
 * Fixed highlight path annotation tracing when famDiagram option hiding direct connections to grandparents is enabled.
 * Fixed false layout invalidation on highlight changed event
@@ -127,11 +131,8 @@
 * Removed support of VML and IE8
 * Reworked Drag & Scroll to use native JavaScript draggable object
 * Fixed highlight call-out placement in CSS Zoom scale mode.
-* Fixed selection check-boxes to ignore mouse double click event
+* Fixed selection checkboxes to ignore mouse double click event
 * Fixed controls rendering inside divs having computed width and height
-
-*Version 4.3.0 archived. See primitives430.zip in downloads. Archive contains demos, "how to use" examples & reference. It is available only for registered users.*
-
 #### Version 4.3.0
 * Added option groupTitlePlacementType to primitives.famdiagram.Config and primitives.orgdiagram.Config. Property swaps positions of group title and buttons.
 #### Version 4.2.3
@@ -222,26 +223,24 @@
 * Optimized data processing and rendering. See Controls Processing Diagrams.
 * Fixed CSS scale. See primitives.famdiagram.Config.scale and primitives.orgdiagram.Config.scale options
 * Added `neighboursSelectionMode` option to `primitives.famdiagram.Config`. See `primitives.common.NeighboursSelectionMode` enumeration for ParentsAndChildren & ParentsChildrenSiblingsAndSpouses options of cursor related nodes selection.
-*Version 2.1.10 archived. See primitives2110.zip in downloads. Archive contains demos, "how to use" examples & reference. It is available only for registered users.*
-
 #### Version 2.1.10
 * Fixed label annotations placement on loop connections in famDiagram.
 #### Version 2.1.9
 * Fixed label annotations placement on loop connections in famDiagram.
 * Changed arrow size of 2 & 3 pixel wide lines.
 #### Version 2.1.8
 * Added PageFitMode.AutoSize, autoSizeMaximum and autoSizeMinimum options to Configs of orgDiagram & famDiagram widgets.
-* Changed PageFitMode.PrintPreview mode to auto size widget to show all nodes of diagram. 
+* Changed PageFitMode.PrintPreview mode to auto size widget to show all nodes of the diagram. 
 #### Version 2.1.7
-* Fixed multiple spouses connection lines.
+* Fixed multiple spouse's connection lines.
 #### Version 2.1.6
 * Added minimizedItemShapeType to Config, ItemConfig & TemplateConfig of orgDigram & famDiagram widgets.
 * Added minimizedItemLineWidth, minimizedItemBorderColor, minimizedItemLineType, minimizedItemFillColor and minimizedItemOpacity to TemplateConfig of orgDigram & famDiagram widgets. 
 * Fixed spouses connection lines.
 * Fixed spouses navigation.
 * Fixed annotation labels navigation.
 #### Version 2.1.5
-* Fixed exception on orphan invisible item.
+* Fixed exception an orphan invisible item.
 * Enforced side alignment for SubAdviser and SubAssistant item types in orgDiagram.
 #### Version 2.1.4
 * Fixed keyboard navigation with arrow keys.
@@ -250,18 +249,18 @@
 #### Version 2.1.2
 * Improved family diagram layout.
 #### Version 2.1.1
-* Fixed loops visualization in family diagram.
+* Fixed loops visualization in the family diagram.
 #### Version 2.1.0
-* Added support of loops in family diagram. The item defined first in users items collection stays at the top of diagram.
-* Added nodes grouping to children/parents. See groupByType option of  primitives.famdiagram.Config
+* Added support of loops in the family diagram. The item defined first in users items collection stays at the top of diagram.
+* Added nodes grouping to children/parents. See `groupByType` option of  primitives.famdiagram.Config
 * Fixed disconnected family fragments alignment to the top.
 #### Version 2.0.24
-* Added onItemDblClick event to famDiagram and orgDiagram widget configs.
+* Added `onItemDblClick` event to `famDiagram` and `orgDiagram` widget configs.
 #### Version 2.0.23
-* Added elbowDotSize option to famDiagram and orgDiagram widget configs.
+* Added `elbowDotSize` option to `famDiagram` and `orgDiagram` widget configs.
 #### Version 2.0.22
-* Added BackgroundAnnotationConfig to famDiagram and orgDiagram widgets. See Partners & Annotations Demo.
-* Added includeChildren option to primitives.orgdiagram.BackgroundAnnotationConfig selecting all descendants of annotated items.
+* Added `BackgroundAnnotationConfig` to `famDiagram` and `orgDiagram` widgets. See Partners & Annotations Demo.
+* Added `includeChildren` option to `primitives.orgdiagram.BackgroundAnnotationConfig` selecting all descendants of annotated items.
 #### Version 2.0.21
 * Added arrowsDirection option to primitives.orgdiagram.Config, primitives.famdiagram. Config. See "Arrows Direction" options in "Organizational Chart Navigation" demo.
 #### Version 2.0.20

samples/javascript.controls/CaseSkippedLevels.html

@@ -65,6 +65,8 @@
 			options.items = items;
 			options.cursorItem = 0;
 			options.hasSelectorCheckbox = primitives.Enabled.True;
+			options.pageFitMode = primitives.PageFitMode.AutoFit;
+			options.normalLevelShift = 16;
 
 			control = primitives.OrgDiagram(document.getElementById('basicdiagram'), options);
 		});

samples/javascript.controls/DemoCrossTeamGroup.html

@@ -28,6 +28,7 @@
         placeAssistantsAboveChildren: true,
         maximumColumnsInMatrix: 6,
         minimalVisibility: primitives.Visibility.Dot,
+        minimumVisibleLevels: 1,
         selectionPathMode: primitives.SelectionPathMode.FullStack,
 
         hasButtons: primitives.Enabled.Auto,

samples/javascript.controls/DemoDependencies.html

@@ -45,6 +45,7 @@
       leavesPlacementType: primitives.ChildrenPlacementType.Horizontal,
       maximumColumnsInMatrix: 6,
       minimalVisibility: primitives.Visibility.Dot,
+      minimumVisibleLevels: 0,
       selectionPathMode: primitives.SelectionPathMode.FullStack,
 
       hasButtons: primitives.Enabled.True,

samples/javascript.controls/DemoDynamicLoading.html

@@ -68,6 +68,7 @@
       placeAssistantsAboveChildren: true,
       maximumColumnsInMatrix: 6,
       minimalVisibility: primitives.Visibility.Dot,
+      minimumVisibleLevels: 2,
       selectionPathMode: primitives.SelectionPathMode.FullStack,
 
       hasButtons: primitives.Enabled.Auto,
@@ -471,34 +472,15 @@
             }
           ]
         ],
-        ["div",
-          {
-            "class": "bp-item",
-            style: {
-              top: "22px",
-              left: "56px",
-              width: "118px",
-              height: "13px",
-              fontSize: "11px"
-            }
-          },
-          ["a",
-            {
-              name: "email",
-              href: "",
-              target: "_top"
-            }
-          ]
-        ],
         ["div",
           {
             name: "description",
             "class": "bp-item",
             style: {
-              top: "37px",
+              top: "22px",
               left: "56px",
               width: "118px",
-              height: "39px",
+              height: "54px",
               fontSize: "11px",
               overflow: "hidden"
             }
@@ -553,25 +535,8 @@
         photo.src = itemConfig.image;
         photo.alt = itemConfig.title;
 
-        var email = element.childNodes[2];
-        email.textContent = itemConfig.email;
-        email.href = ("mailto:" + itemConfig.email + "?Subject=Hello%20again");
-
-        var description = element.childNodes[3];
+        var description = element.childNodes[2];
         description.textContent = itemConfig.description;
-
-        switch (data.renderingMode) {
-          case primitives.RenderingMode.Create:
-            /* Initialize template content here */
-            email.addEventListener("click", function (e) {
-              /* Block mouse click propagation in order to avoid layout updates before server postback*/
-              primitives.stopPropagation(e);
-            });
-            break;
-          case primitives.RenderingMode.Update:
-            /* Update template content here */
-            break;
-        }
       }
 
       if (data.templateName == "contactTemplate") {
@@ -599,7 +564,7 @@
           case primitives.RenderingMode.Create:
             /* Initialize template content here */
             email.addEventListener("click", function (e) {
-              /* Block mouse click propagation in order to avoid layout updates before server postback*/
+              /* Block mouse click propagation in order to avoid layout updates before server post back*/
               primitives.stopPropagation(e);
             });
             break;

samples/javascript.controls/DemoExtraLargeHierarchy.html

@@ -28,6 +28,7 @@
       placeAssistantsAboveChildren: true,
       maximumColumnsInMatrix: 6,
       minimalVisibility: primitives.Visibility.Dot,
+      minimumVisibleLevels: 2,
       selectionPathMode: primitives.SelectionPathMode.FullStack,
 
       hasButtons: primitives.Enabled.Auto,

samples/javascript.controls/DemoFamily.html

@@ -57,6 +57,7 @@
       leavesPlacementType: primitives.ChildrenPlacementType.Horizontal,
       maximumColumnsInMatrix: 6,
       minimalVisibility: primitives.Visibility.Dot,
+      minimumVisibleLevels: 0,
       selectionPathMode: primitives.SelectionPathMode.None,
 
       hasButtons: primitives.Enabled.Auto,

samples/javascript.controls/DemoFamilyOrdering.html

@@ -51,6 +51,7 @@
       leavesPlacementType: primitives.ChildrenPlacementType.Horizontal,
       maximumColumnsInMatrix: 6,
       minimalVisibility: primitives.Visibility.Dot,
+      minimumVisibleLevels: 1,
       selectionPathMode: primitives.SelectionPathMode.None,
 
       hasButtons: primitives.Enabled.Auto,

samples/javascript.controls/DemoHighlightAndAnnotations.html

@@ -26,6 +26,7 @@
         leavesPlacementType: primitives.ChildrenPlacementType.Horizontal,
         maximumColumnsInMatrix: 6,
         minimalVisibility: primitives.Visibility.Dot,
+        minimumVisibleLevels: 1,
         selectionPathMode: primitives.SelectionPathMode.FullStack,
 
         hasButtons: primitives.Enabled.Auto,

samples/javascript.controls/DemoLargeHierarchy.html

@@ -29,6 +29,7 @@
       placeAssistantsAboveChildren: true,
       maximumColumnsInMatrix: 6,
       minimalVisibility: primitives.Visibility.Dot,
+      minimumVisibleLevels: 2,
       selectionPathMode: primitives.SelectionPathMode.FullStack,
 
       hasButtons: primitives.Enabled.Auto,