Added sript transforming api annotations to markdown

Author: BasicPrimitives

apireference.js

@@ -1,4 +1,26 @@
 {
-  "destination": "apireference\\",
-  "source": "min\\primitives.latest.js"
+  "destination": "apireference/",
+  "source": "./min/primitives.latest.js",
+  "orgdiagram.md": [
+    "Config",
+    "ItemConfig",
+    "TemplateConfig",
+    "ShapeAnnotationConfig",
+    "BackgroundAnnotationConfig",
+    "ConnectorAnnotationConfig",
+    "HighlightPathAnnotationConfig",
+    "ButtonConfig"
+  ],
+  "famdiagram.md": [
+    "Config",
+    "ItemConfig",
+    "TemplateConfig",
+    "ShapeAnnotationConfig",
+    "BackgroundAnnotationConfig",
+    "ConnectorAnnotationConfig",
+    "HighlightPathAnnotationConfig",
+    "LabelAnnotationConfig",
+    "PaletteItemConfig",
+    "ButtonConfig"
+  ]
 }

apireference.json

@@ -9,7 +9,7 @@
     "src.primitives.jquery.compile": "compiler.jar --js=min\\primitives.jquery.latest.js --js_output_file=min\\primitives.jquery.min.js",
     "src.tests.merge": "node merge.js src.tests\\src.tests.json",
     "merge": "yarn src.primitives.merge && yarn src.primitives.compile && yarn src.primitives.jquery.merge && yarn src.primitives.jquery.compile && yarn src.tests.merge",
-    "reference": "node --nolazy --inspect-brk=9229 reference.js reference.json"
+    "apireference": "node --nolazy --inspect-brk=9229 apireference.js apireference.json"
   },
   "dependencies": {
     "eslint": "^5.15.1"
@@ -19,4 +19,4 @@
     "type": "git",
     "url": "https://github.com/BasicPrimitives/javascript"
   }
-}
+}

package.json

@@ -1,6 +1,6 @@
 /**
 * Creates JavaScript Family Chart Control
- * 
+ * @class Control
  * @param {object} element Reference to placeholder `div` element in the DOM. The control renders diagram content
  * inside of that div element and adds events listeners.
  * @param {Config} options Family Chart Configuration object

src.primitives/Controls/FamDiagram/Control.js

@@ -1,13 +1,13 @@
-/*
-	Class: primitives.famdiagram.BackgroundAnnotationConfig
-		Consider background annotation as another way to highlight some items in diagram.
-		In order to use it you have to create instances of this class and populate annotation collection.
-		Background annotation is drawn as rectangular area offset around annotated item. 
-		If two items backgrounds overlap each other they are merged into one background area.
 
-	See Also:
-		<primitives.famdiagram.Config.annotations>
-*/
+/**
+ * @class BackgroundAnnotationConfig
+ * @classdesc Consider background annotation as another way to highlight some items in diagram. 
+ * In order to use it you have to create instances of this class and populate annotation collection.
+ * Background annotation is drawn as rectangular area offset around annotated item. 
+ * If two items backgrounds overlap each other they are merged into one background area.
+ *
+ * @param {object} arg0 Object properties.
+ */
 primitives.famdiagram.BackgroundAnnotationConfig = function (arg0) {
   var property;
 

src.primitives/Controls/FamDiagram/configs/BackgroundAnnotationConfig.js

@@ -617,7 +617,7 @@ primitives.famdiagram.Config = function (name) {
    * Templates are HTML fragments containing layout and styles used to render diagram nodes.
    * They are defined with a named configuration objects. See `templates` property of control's configuration object.
    * 
-   * @type {string|undefined}
+   * @type {string}
    */
   this.defaultCalloutTemplateName = null;
 
@@ -743,14 +743,14 @@ primitives.famdiagram.Config = function (name) {
   this.groupTitleColor = primitives.common.Colors.RoyalBlue;
 
   /**
-   * Group titles font weight: normal | bold
+   * Group titles font weight: normal, bold
    * 
    * @type {string}
    */
   this.groupTitleFontWeight = "normal";
 
   /**
-   * Group titles font style: normal | italic
+   * Group titles font style: normal, italic
    * 
    * @type {string}
    */
@@ -855,14 +855,14 @@ primitives.famdiagram.Config = function (name) {
 
   /**
    * Labels font weight
-   * Font weight: normal | bold
+   * Font weight: normal, bold
    * 
    * @type {string}
    */
   this.labelFontWeight = "normal";
 
   /**
-   * Labels font style. Font style: normal | italic
+   * Labels font style. Font style: normal, italic
    * 
    * @type {string}
    */

src.primitives/Controls/FamDiagram/configs/Config.js

@@ -22,14 +22,14 @@ primitives.famdiagram.ItemConfig = function (arg0, arg1, arg2, arg3, arg4) {
 
   /**
    * Parents items ids. If this collection is empty then item considered as a root item.
-   * @type {string[] | undefined}
+   * @type {string[]}
    */
   this.parents = [];
 
   /**
    * Spouses items ids. The nodes of this collection create fake invisible child node, 
    * so all of them are being connected with common child connection line.
-   * @type {string[] | undefined}
+   * @type {string[]}
    */
   this.spouses = [];
 
@@ -41,7 +41,7 @@ primitives.famdiagram.ItemConfig = function (arg0, arg1, arg2, arg3, arg4) {
    * If this property set to null, family layout algorithm will try to choose elements order via placing connected 
    * nodes as close to each other as posible.
    * 
-   * @type {string | undefined}
+   * @type {string}
    */
   this.relativeItem = null;
 

src.primitives/Controls/FamDiagram/configs/ItemConfig.js

@@ -159,7 +159,7 @@ primitives.famdiagram.TemplateConfig = function () {
   this.cursorBorderWidth = 2;
 
   /**
-   * Highlight Template.
+   * Cursor Template.
    * 
    * The control calls `onCursorRender` callback function when specific node cursor needs to be rendered with this template.
    * 

src.primitives/Controls/FamDiagram/configs/TemplateConfig.js

@@ -1,7 +1,9 @@
 /**
  * @class EventArgs
+ * 
+ * Context object
  */
-primitives.orgdiagram.EventArgs = function () {
+primitives.famdiagram.EventArgs = function () {
 	/**
    * Current item
    * 

src.primitives/Controls/FamDiagram/events/EventArgs.js

@@ -1,3 +1,7 @@
+/**
+ * JavaScript Abstract Control
+ * @class BaseControl
+ */
 primitives.orgdiagram.BaseControl = function (element, options, taskManagerFactory, eventArgsFactory, templates) {
   var _data = {
     name: "orgdiagram",