Removed Canvas graphics support

Author: BasicPrimitives

apireference/enums.md

@@ -84,14 +84,6 @@ Defines option state.
  | `False` | number | `2` | Disabled | 
  | `True` | number | `1` | Enabled | 
 
-## <a name="GraphicsType" id="GraphicsType">GraphicsType</a>
-Graphics elements rendering mode
-
-| Name | Type | Value | Description | 
-| --- | --- | --- | --- | 
- | `Canvas` | number | `1` | HTML Canvas | 
- | `SVG` | number | `0` | Scalable Vector Graphics | 
-
 ## <a name="GroupByType" id="GroupByType">GroupByType</a>
 This enumeration defines objects gravity in the chart relative to parents and children. For example connection lines can be drawn with arrows, so this enumeration controls direction of arrows up towards parents or down towards children in the hierarchy. The other example is nodes placement close to their immediate parents or immediate children in case when parents and children are offset from them by multiple levels in hierarchy.
 

apireference/famdiagram.md

@@ -21,7 +21,6 @@ Family Chart configuration object. Use this object as a reference for available
  | `cursorItem` | string | `null` | Cursor item. Family Chart control has API options equivalent to regular UI controls. The cursor item is used to select single item in the hierarchy with mouse click, highlight item provides visual feed back on mouse over. Selected items collection is equivalent to checked items in ListView or TreeView controls. Chart navigation depends on current cursor item, chart shows cursor and its neighbours in full size regardless of enabled page fit mode. So cursor item plays a role of local zoom in the chart hierarchy. User navigates around chart via clicking and moving cursor item around and zooming into data around new cursor item. The control notifies about this property changes with `onHighlightChanging` and `onHighlightChanged` events. If `null` then no cursor item selected in the diagram. | 
  | `emptyDiagramMessage` | string | `"Diagram is empty."` | Empty diagram message. This option is supposed to say user that chart is empty when no data is available for rendering. | 
  | `enablePanning` | boolean | `true` | Enable panning. Enable chart panning with mouse drag & drop for desktop browsers. Disable it if you need to support items Drag & Drop. | 
- | `graphicsType` | GraphicsType | `SVG` | Sets preferred rendering technology. If selected graphics type is not supported on the device, then control will auto fallback to the first available one. | 
  | `hasSelectorCheckbox` | Enabled | `Auto` | Sets visibility of selection check boxes for the diagram nodes. `Auto` - visible for cursor item only `True` - visible `False` - hidden See `selectedItems` property. All items listed in this property are going to have checked selection checkboxes. Checkbox can be added to item template, in that case it should be named="checkbox", so control can use it as built in checkbox element. | 
  | `highlightGravityRadius` | number | `40` | Highlight gravity radius. This property controls mouse over feedback and callout annotation visibility for nodes rendered as markers when diagram auto fits nodes into available screen space. It makes marker highlighted when mouse pointer is inside of the gravity radius cycle of the marker. This property is ignored when the nearest item is outside of the screen boundaries and is not visible to the end user. The normal item has mouse over feedback in form of highlight border only when mouse pointer is inside of its boundaries. | 
  | `highlightItem` | string | `null` | Highlighted item. Shows highlight and callout annotation for given item id. It does not trigger diagram layout or scrolling so it can be used to synchronize mouse over feedback of the diagram nodes with other collection controls or UI elements. The control notifies about this property changes with `onHighlightChanging` and `onHighlightChanged` events. If `null` then no highlight shown on the diagram. | 

apireference/orgdiagram.md

@@ -21,7 +21,6 @@ Organizational Chart configuration object. Use this object as a reference for av
  | `cursorItem` | string | `null` | Cursor item. Organization Chart control has API options equivalent to regular UI controls. The cursor item is used to select single item in the hierarchy with mouse click, highlight item provides visual feed back on mouse over. Selected items collection is equivalent to checked items in ListView or TreeView controls. Chart navigation depends on current cursor item, chart shows cursor and its neighbours in full size regardless of enabled page fit mode. So cursor item plays a role of local zoom in the chart hierarchy. User navigates around chart via clicking and moving cursor item around and zooming into data around new cursor item. The control notifies about this property changes with `onHighlightChanging` and `onHighlightChanged` events. If `null` then no cursor item selected in the diagram. | 
  | `emptyDiagramMessage` | string | `"Diagram is empty."` | Empty diagram message. This option is supposed to say user that chart is empty when no data is available for rendering. | 
  | `enablePanning` | boolean | `true` | Enable panning. Enable chart panning with mouse drag & drop for desktop browsers. Disable it if you need to support items Drag & Drop. | 
- | `graphicsType` | GraphicsType | `SVG` | Sets preferred rendering technology. If selected graphics type is not supported on the device, then control will auto fallback to the first available one. | 
  | `hasSelectorCheckbox` | Enabled | `Auto` | Sets visibility of selection check boxes for the diagram nodes. `Auto` - visible for cursor item only `True` - visible `False` - hidden See `selectedItems` property. All items listed in this property are going to have checked selection checkboxes. Checkbox can be added to item template, in that case it should be named="checkbox", so control can use it as built in checkbox element. | 
  | `highlightGravityRadius` | number | `40` | Highlight gravity radius. This property controls mouse over feedback and callout annotation visibility for nodes rendered as markers when diagram auto fits nodes into available screen space. It makes marker highlighted when mouse pointer is inside of the gravity radius cycle of the marker. This property is ignored when the nearest item is outside of the screen boundaries and is not visible to the end user. The normal item has mouse over feedback in form of highlight border only when mouse pointer is inside of its boundaries. | 
  | `highlightItem` | string | `null` | Highlighted item. Shows highlight and callout annotation for given item id. It does not trigger diagram layout or scrolling so it can be used to synchronize mouse over feedback of the diagram nodes with other collection controls or UI elements. The control notifies about this property changes with `onHighlightChanging` and `onHighlightChanged` events. If `null` then no highlight shown on the diagram. | 

apireference/readme.md

@@ -33,7 +33,6 @@
 * [ConnectorType](enums.md#ConnectorType)
 * [ElbowType](enums.md#ElbowType)
 * [Enabled](enums.md#Enabled)
-* [GraphicsType](enums.md#GraphicsType)
 * [GroupByType](enums.md#GroupByType)
 * [HorizontalAlignmentType](enums.md#HorizontalAlignmentType)
 * [ItemType](enums.md#ItemType)

changelog.md

@@ -1,3 +1,7 @@
+#### Version 6.2.1
+* Removed Canvas support.
+* Removed GraphicsType enumeration.
+* Removed graphicsType from OrgConfig and FamConfig
 #### Version 6.1.1
 * Fixed levelOffset property to work regardless of empty levels
 #### Version 6.1.0

package.json

@@ -2,7 +2,7 @@
   "name": "basicprimitives",
   "sideEffects": false,
   "homepage": "https://www.basicprimitives.com/",
-  "version": "6.1.1",
+  "version": "6.2.1",
   "author": "Basic Primitives Inc. <support@basicprimitives.com> (https://www.basicprimitives.com)",
   "description": "Basic Primitives Diagrams for JavaScript - data visualization components library that implements organizational chart and multi-parent dependency diagrams, contains implementations of JavaScript Controls and PDF rendering plugins.",
   "repository": {

readme.md

@@ -13,7 +13,6 @@ Data visualization diagramming components library for dependencies visualization
 ### Basic Primitives Diagrams for JavaScript
 * 100% client side JavaScript layout and rendering.
 * No dependencies on 3rd party libraries.
-* [SVG](https://en.wikipedia.org/wiki/Scalable_Vector_Graphics) and [Canvas](https://en.wikipedia.org/wiki/Canvas_element) support.
 * Webpack [Tree Shaking](https://webpack.js.org/guides/tree-shaking/) support
 
 ### Basic Primitives Diagrams for [React](https://reactjs.org/)

samples/DiagramSizing.md

@@ -9,7 +9,7 @@ The control does not update itself when the application changes the control's pl
 * Chart does not update itself without the explicit call of "update" method or end-user mouse or keyboard action.
 
 ## Pixel alignment
-When we draw SVG and Canvas lines, it is essential to have them pixel aligned; otherwise, they become blurred. When we call the `update` method, the control aligns placeholder position within pixel range via adding additional margins to the div's left and top edges. Pixel rounded lines matching the monitor's physical pixels look sharp and clean. 
+When we draw SVG elements, it is essential to have them pixel aligned; otherwise, they become blurred. When we call the `update` method, the control aligns placeholder position within pixel range via adding additional margins to the div's left and top edges. Pixel rounded lines matching the monitor's physical pixels look sharp and clean. 
 
 In the following example, we show how to handle the window size change event and use `Timer` to throttle excessive updates so our application stays responsive.
 

samples/FirstOrganizationalChart.md

@@ -1,6 +1,6 @@
 # First organizational chart
 
-Basic Primitives diagramming component library is implemented in JavaScript without dependencies on 3d party libraries and frameworks. It renders diagrams in browsers optionally using SVG, Canvas, and HTML templates. By default, it provides a basic node template, which you can see in the following example. It serves only one purpose to make the first-time user experience as simple as possible. The software engineer is supposed to provide nodes structure with id, name, and parent id properties only, so it is enough to render the first diagram.
+Basic Primitives diagramming component library is implemented in JavaScript without dependencies on 3d party libraries and frameworks. It renders diagrams in browsers  using SVG and HTML templates. By default, it provides a basic node template, which you can see in the following example. It serves only one purpose to make the first-time user experience as simple as possible. The software engineer is supposed to provide nodes structure with id, name, and parent id properties only, so it is enough to render the first diagram.
 
 Basic Primitives controls use existing HTML elements as placeholders on the web page to draw diagrams. The only HTML element which can serve as a placeholder is div. 
 When you resize the placeholder, the chart will not update its content automatically. It will not shrink or expand in size. To have the diagram fit to the new placeholder size, you have to explicitly call the "update" method on the control's API.

samples/ShapeAndBackgroundAnnotations.md

@@ -1,6 +1,6 @@
 # Shape & Background Annotations
 ## Shape
-Diagrams support on-screen annotations for visualization of non - hierarchical relations between nodes. Components use SVG or Canvas to render geometrical figures depending on user options. If you need some specific custom shapes, you have to make changes to the source code or use images and custom items templates. Shape annotation supports the following figures:
+Diagrams support on-screen annotations for visualization of non - hierarchical relations between nodes. Components use SVG elements to render geometrical figures. If you need some specific custom shapes, you have to make changes to the source code or use images and custom items templates. Shape annotation supports the following figures:
 * Rounded Rectangle
 * Oval
 * Triangle