@linkurious/ogma-linkurious-parser 3.1.11 → 4.0.0

package/dist/styles/edgeAttributes.js

@@ -1,92 +1,78 @@
 'use strict';
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
-var rest_client_1 = require("@linkurious/rest-client");
-var tools_1 = require("../tools/tools");
-var itemAttributes_1 = require("./itemAttributes");
+const rest_client_1 = require("@linkurious/rest-client");
+const tools_1 = require("../tools/tools");
+const itemAttributes_1 = require("./itemAttributes");
 var EdgeWidthExtrema;
 (function (EdgeWidthExtrema) {
     EdgeWidthExtrema[EdgeWidthExtrema["MIN"] = 50] = "MIN";
     EdgeWidthExtrema[EdgeWidthExtrema["MAX"] = 200] = "MAX";
 })(EdgeWidthExtrema = exports.EdgeWidthExtrema || (exports.EdgeWidthExtrema = {}));
-var EdgeAttributes = /** @class */ (function (_super) {
-    __extends(EdgeAttributes, _super);
-    function EdgeAttributes(rulesMap) {
-        return _super.call(this, rulesMap) || this;
+class EdgeAttributes extends itemAttributes_1.ItemAttributes {
+    constructor(rulesMap) {
+        super(rulesMap);
     }
     /**
      * Return rule that can be applied to the data
      */
-    EdgeAttributes.matchStyle = function (styleRules, data) {
+    static matchStyle(styleRules, data) {
         if (data === undefined) {
             return;
         }
-        for (var i = 0; i < styleRules.length; ++i) {
+        for (let i = 0; i < styleRules.length; ++i) {
             if (styleRules[i].canApplyTo(data)) {
                 return styleRules[i];
             }
         }
-    };
+    }
     /**
      * Generate color for a given edge (call only if _rulesMap.color exists)
      */
-    EdgeAttributes.prototype.color = function (data) {
+    color(data) {
         if (!tools_1.Tools.isDefined(data)) {
             return itemAttributes_1.BASE_GREY;
         }
-        var color;
-        for (var j = 0; j < this._rulesMap.color.length; ++j) {
-            var rule = this._rulesMap.color[j];
+        let color;
+        for (let j = 0; j < this._rulesMap.color.length; ++j) {
+            const rule = this._rulesMap.color[j];
             if (rule.canApplyTo(data)) {
                 if (typeof rule.style.color === 'string') {
                     color = rule.style.color;
                 }
                 else if (typeof rule.style.color === 'object') {
-                    var propValue = tools_1.Tools.getIn(data, rule.style.color.input);
-                    color = itemAttributes_1.ItemAttributes.autoColor("" + propValue, rule.style.ignoreCase);
+                    const propValue = tools_1.Tools.getIn(data, rule.style.color.input);
+                    color = itemAttributes_1.ItemAttributes.autoColor(`${propValue}`, rule.style.ignoreCase);
                 }
                 break;
             }
         }
         return tools_1.Tools.isDefined(color) ? color : itemAttributes_1.BASE_GREY;
-    };
+    }
     /**
      * Generate shape for a given node
      */
-    EdgeAttributes.prototype.shape = function (data) {
+    shape(data) {
         var _a;
         if (this._rulesMap.shape !== undefined) {
             return (_a = EdgeAttributes.matchStyle(this._rulesMap.shape, data)) === null || _a === void 0 ? void 0 : _a.style.shape;
         }
-    };
+    }
     /**
      * Generate size for a given node
      */
-    EdgeAttributes.prototype.width = function (data) {
+    width(data) {
         var _a;
         if (this._rulesMap.width !== undefined) {
-            var styleRule = EdgeAttributes.matchStyle(this._rulesMap.width, data);
-            var widthStyle = (_a = styleRule) === null || _a === void 0 ? void 0 : _a.style.width;
+            const styleRule = EdgeAttributes.matchStyle(this._rulesMap.width, data);
+            const widthStyle = (_a = styleRule) === null || _a === void 0 ? void 0 : _a.style.width;
             if (tools_1.Tools.isDefined(styleRule) && widthStyle.type === 'autoRange') {
                 if (widthStyle.input !== undefined &&
                     widthStyle.max !== undefined &&
                     widthStyle.min !== undefined) {
-                    var propertyName = widthStyle.input[1];
-                    var propertyValue = tools_1.Tools.parseNumber(data.properties[propertyName]);
+                    const propertyName = widthStyle.input[1];
+                    const propertyValue = tools_1.Tools.parseNumber(data.properties[propertyName]);
                     //to update with the correct enum type
-                    var isLog = widthStyle.scale && widthStyle.scale === 'logarithmic';
+                    const isLog = widthStyle.scale && widthStyle.scale === 'logarithmic';
                     return EdgeAttributes.getAutomaticRangeWidth(propertyValue, styleRule, isLog);
                 }
             }
@@ -94,23 +80,22 @@ var EdgeAttributes = /** @class */ (function (_super) {
                 return widthStyle;
             }
         }
-    };
+    }
     /**
      * return the corresponding width to the value
      * @param value
      * @param rule
      * @param isLog
      */
-    EdgeAttributes.getAutomaticRangeWidth = function (value, rule, isLog) {
-        if (isLog === void 0) { isLog = false; }
+    static getAutomaticRangeWidth(value, rule, isLog = false) {
         return isLog
             ? this.getAutomaticRangeStyleLog(value, rule.style.width, EdgeWidthExtrema.MIN, EdgeWidthExtrema.MAX)
             : this.getAutomaticRangeStyleLinear(value, rule.style.width, EdgeWidthExtrema.MIN, EdgeWidthExtrema.MAX);
-    };
+    }
     /**
      * Return an object containing all node attributes needed by Ogma to style a node
      */
-    EdgeAttributes.prototype.all = function (data) {
+    all(data) {
         if (!tools_1.Tools.isDefined(data)) {
             return {
                 color: itemAttributes_1.BASE_GREY,
@@ -123,8 +108,7 @@ var EdgeAttributes = /** @class */ (function (_super) {
             shape: this.shape(data),
             width: this.width(data)
         };
-    };
-    return EdgeAttributes;
-}(itemAttributes_1.ItemAttributes));
+    }
+}
 exports.EdgeAttributes = EdgeAttributes;
 //# sourceMappingURL=edgeAttributes.js.map

package/dist/styles/edgeAttributes.js.map

@@ -1 +1 @@
-{"version":3,"file":"edgeAttributes.js","sourceRoot":"","sources":["../../src/styles/edgeAttributes.ts"],"names":[],"mappings":"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","sourcesContent":["'use strict';\nimport {Color} from '@linkurious/ogma';\nimport {LkEdgeData, OgmaEdgeShape} from '@linkurious/rest-client';\n\nimport {Tools} from '../tools/tools';\n\nimport {StyleRule} from './styleRule';\nimport {BASE_GREY, ItemAttributes} from './itemAttributes';\n\nexport enum EdgeWidthExtrema {\n  MIN = 50,\n  MAX = 200\n}\n\nexport class EdgeAttributes extends ItemAttributes {\n  constructor(rulesMap: {\n    color?: Array<StyleRule>;\n    shape?: Array<StyleRule>;\n    width?: Array<StyleRule>;\n  }) {\n    super(rulesMap);\n  }\n\n  /**\n   * Return rule that can be applied to the data\n   */\n  private static matchStyle(styleRules: Array<StyleRule>, data: LkEdgeData): StyleRule | undefined {\n    if (data === undefined) {\n      return;\n    }\n    for (let i = 0; i < styleRules.length; ++i) {\n      if (styleRules[i].canApplyTo(data)) {\n        return styleRules[i];\n      }\n    }\n  }\n\n  /**\n   * Generate color for a given edge (call only if _rulesMap.color exists)\n   */\n  public color(data: LkEdgeData): Color {\n    if (!Tools.isDefined(data)) {\n      return BASE_GREY;\n    }\n    let color;\n    for (let j = 0; j < this._rulesMap.color!.length; ++j) {\n      const rule = this._rulesMap.color![j];\n      if (rule.canApplyTo(data)) {\n        if (typeof rule.style.color === 'string') {\n          color = rule.style.color;\n        } else if (typeof rule.style.color === 'object') {\n          const propValue = Tools.getIn(data, rule.style.color.input);\n          color = ItemAttributes.autoColor(`${propValue}`, rule.style.ignoreCase);\n        }\n        break;\n      }\n    }\n    return Tools.isDefined(color) ? color : BASE_GREY;\n  }\n\n  /**\n   * Generate shape for a given node\n   */\n  public shape(data: LkEdgeData): OgmaEdgeShape | undefined {\n    if (this._rulesMap.shape !== undefined) {\n      return EdgeAttributes.matchStyle(this._rulesMap.shape, data)?.style.shape;\n    }\n  }\n\n  /**\n   * Generate size for a given node\n   */\n  public width(data: LkEdgeData): string | undefined {\n    if (this._rulesMap.width !== undefined) {\n      const styleRule = EdgeAttributes.matchStyle(this._rulesMap.width, data);\n      const widthStyle = styleRule?.style.width;\n      if (Tools.isDefined(styleRule) && widthStyle.type === 'autoRange') {\n        if (\n          widthStyle.input !== undefined &&\n          widthStyle.max !== undefined &&\n          widthStyle.min !== undefined\n        ) {\n          const propertyName: string = widthStyle.input[1];\n          const propertyValue = Tools.parseNumber(data.properties[propertyName]);\n          //to update with the correct enum type\n          const isLog = widthStyle.scale && widthStyle.scale === 'logarithmic';\n          return EdgeAttributes.getAutomaticRangeWidth(propertyValue, styleRule, isLog);\n        }\n      } else {\n        return widthStyle;\n      }\n    }\n  }\n\n  /**\n   * return the corresponding width to the value\n   * @param value\n   * @param rule\n   * @param isLog\n   */\n  public static getAutomaticRangeWidth(value: number, rule: StyleRule, isLog = false): string {\n    return isLog\n      ? this.getAutomaticRangeStyleLog(\n          value,\n          rule.style.width,\n          EdgeWidthExtrema.MIN,\n          EdgeWidthExtrema.MAX\n        )\n      : this.getAutomaticRangeStyleLinear(\n          value,\n          rule.style.width,\n          EdgeWidthExtrema.MIN,\n          EdgeWidthExtrema.MAX\n        );\n  }\n\n  /**\n   * Return an object containing all node attributes needed by Ogma to style a node\n   */\n  public all(\n    data: LkEdgeData\n  ): {\n    color: Color;\n    shape: OgmaEdgeShape | undefined;\n    width: string | undefined;\n  } {\n    if (!Tools.isDefined(data)) {\n      return {\n        color: BASE_GREY,\n        shape: OgmaEdgeShape.ARROW,\n        width: '100%'\n      };\n    }\n    return {\n      color: this.color(data),\n      shape: this.shape(data),\n      width: this.width(data)\n    };\n  }\n}\n"]}
+{"version":3,"file":"edgeAttributes.js","sourceRoot":"","sources":["../../src/styles/edgeAttributes.ts"],"names":[],"mappings":"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","sourcesContent":["'use strict';\nimport {Color} from '@linkurious/ogma';\nimport {LkEdgeData, OgmaEdgeShape} from '@linkurious/rest-client';\n\nimport {Tools} from '../tools/tools';\n\nimport {StyleRule} from './styleRule';\nimport {BASE_GREY, ItemAttributes} from './itemAttributes';\n\nexport enum EdgeWidthExtrema {\n  MIN = 50,\n  MAX = 200\n}\n\nexport class EdgeAttributes extends ItemAttributes {\n  constructor(rulesMap: {\n    color?: Array<StyleRule>;\n    shape?: Array<StyleRule>;\n    width?: Array<StyleRule>;\n  }) {\n    super(rulesMap);\n  }\n\n  /**\n   * Return rule that can be applied to the data\n   */\n  private static matchStyle(styleRules: Array<StyleRule>, data: LkEdgeData): StyleRule | undefined {\n    if (data === undefined) {\n      return;\n    }\n    for (let i = 0; i < styleRules.length; ++i) {\n      if (styleRules[i].canApplyTo(data)) {\n        return styleRules[i];\n      }\n    }\n  }\n\n  /**\n   * Generate color for a given edge (call only if _rulesMap.color exists)\n   */\n  public color(data: LkEdgeData): Color {\n    if (!Tools.isDefined(data)) {\n      return BASE_GREY;\n    }\n    let color;\n    for (let j = 0; j < this._rulesMap.color!.length; ++j) {\n      const rule = this._rulesMap.color![j];\n      if (rule.canApplyTo(data)) {\n        if (typeof rule.style.color === 'string') {\n          color = rule.style.color;\n        } else if (typeof rule.style.color === 'object') {\n          const propValue = Tools.getIn(data, rule.style.color.input);\n          color = ItemAttributes.autoColor(`${propValue}`, rule.style.ignoreCase);\n        }\n        break;\n      }\n    }\n    return Tools.isDefined(color) ? color : BASE_GREY;\n  }\n\n  /**\n   * Generate shape for a given node\n   */\n  public shape(data: LkEdgeData): OgmaEdgeShape | undefined {\n    if (this._rulesMap.shape !== undefined) {\n      return EdgeAttributes.matchStyle(this._rulesMap.shape, data)?.style.shape;\n    }\n  }\n\n  /**\n   * Generate size for a given node\n   */\n  public width(data: LkEdgeData): string | undefined {\n    if (this._rulesMap.width !== undefined) {\n      const styleRule = EdgeAttributes.matchStyle(this._rulesMap.width, data);\n      const widthStyle = styleRule?.style.width;\n      if (Tools.isDefined(styleRule) && widthStyle.type === 'autoRange') {\n        if (\n          widthStyle.input !== undefined &&\n          widthStyle.max !== undefined &&\n          widthStyle.min !== undefined\n        ) {\n          const propertyName: string = widthStyle.input[1];\n          const propertyValue = Tools.parseNumber(data.properties[propertyName]);\n          //to update with the correct enum type\n          const isLog = widthStyle.scale && widthStyle.scale === 'logarithmic';\n          return EdgeAttributes.getAutomaticRangeWidth(propertyValue, styleRule, isLog);\n        }\n      } else {\n        return widthStyle;\n      }\n    }\n  }\n\n  /**\n   * return the corresponding width to the value\n   * @param value\n   * @param rule\n   * @param isLog\n   */\n  public static getAutomaticRangeWidth(value: number, rule: StyleRule, isLog = false): string {\n    return isLog\n      ? this.getAutomaticRangeStyleLog(\n          value,\n          rule.style.width,\n          EdgeWidthExtrema.MIN,\n          EdgeWidthExtrema.MAX\n        )\n      : this.getAutomaticRangeStyleLinear(\n          value,\n          rule.style.width,\n          EdgeWidthExtrema.MIN,\n          EdgeWidthExtrema.MAX\n        );\n  }\n\n  /**\n   * Return an object containing all node attributes needed by Ogma to style a node\n   */\n  public all(\n    data: LkEdgeData\n  ): {\n    color: Color;\n    shape: OgmaEdgeShape | undefined;\n    width: string | undefined;\n  } {\n    if (!Tools.isDefined(data)) {\n      return {\n        color: BASE_GREY,\n        shape: OgmaEdgeShape.ARROW,\n        width: '100%'\n      };\n    }\n    return {\n      color: this.color(data),\n      shape: this.shape(data),\n      width: this.width(data)\n    };\n  }\n}\n"]}

package/dist/styles/itemAttributes.js

@@ -1,17 +1,10 @@
 'use strict';
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var sha1_1 = __importDefault(require("sha1"));
-var tools_1 = require("../tools/tools");
+const sha1_1 = __importDefault(require("sha1"));
+const tools_1 = require("../tools/tools");
 exports.BASE_GREY = '#7f7f7f';
 exports.PALETTE = [
     '#9467bd',
@@ -33,8 +26,8 @@ exports.PALETTE = [
     '#ffbb78',
     '#c49c94'
 ];
-var ItemAttributes = /** @class */ (function () {
-    function ItemAttributes(rulesMap) {
+class ItemAttributes {
+    constructor(rulesMap) {
         this.colorsCache = new Map();
         this._rulesMap = {};
         this.refresh(rulesMap);
@@ -42,41 +35,41 @@ var ItemAttributes = /** @class */ (function () {
     /**
      * Refresh the rules
      */
-    ItemAttributes.prototype.refresh = function (rulesMap) {
+    refresh(rulesMap) {
         if (rulesMap.color !== undefined) {
             this.colorsCache = new Map();
         }
         this._rulesMap = {
-            color: rulesMap.color ? __spreadArrays(rulesMap.color).reverse() : this._rulesMap.color,
-            icon: rulesMap.icon ? __spreadArrays(rulesMap.icon).reverse() : this._rulesMap.icon,
-            image: rulesMap.image ? __spreadArrays(rulesMap.image).reverse() : this._rulesMap.image,
-            shape: rulesMap.shape ? __spreadArrays(rulesMap.shape).reverse() : this._rulesMap.shape,
-            size: rulesMap.size ? __spreadArrays(rulesMap.size).reverse() : this._rulesMap.size,
-            width: rulesMap.width ? __spreadArrays(rulesMap.width).reverse() : this._rulesMap.width
+            color: rulesMap.color ? [...rulesMap.color].reverse() : this._rulesMap.color,
+            icon: rulesMap.icon ? [...rulesMap.icon].reverse() : this._rulesMap.icon,
+            image: rulesMap.image ? [...rulesMap.image].reverse() : this._rulesMap.image,
+            shape: rulesMap.shape ? [...rulesMap.shape].reverse() : this._rulesMap.shape,
+            size: rulesMap.size ? [...rulesMap.size].reverse() : this._rulesMap.size,
+            width: rulesMap.width ? [...rulesMap.width].reverse() : this._rulesMap.width
         };
-    };
+    }
     /**
      * Return the color for a node when style color is auto
      */
-    ItemAttributes.autoColor = function (value, ignoreCase) {
+    static autoColor(value, ignoreCase) {
         if (!tools_1.Tools.isDefined(value)) {
             return exports.BASE_GREY;
         }
         return exports.PALETTE[ItemAttributes.getRandomUniqueColorPaletteIndex(value, exports.PALETTE.length, ignoreCase)];
-    };
+    }
     /**
      * Return a number from 0 to number of occurrence in a palette based on a property
      */
-    ItemAttributes.getRandomUniqueColorPaletteIndex = function (input, modulo, ignoreCase) {
+    static getRandomUniqueColorPaletteIndex(input, modulo, ignoreCase) {
         if (ignoreCase) {
             input = input.toLowerCase();
         }
         return +('0x' + sha1_1.default(input).substr(-4)) % modulo;
-    };
+    }
     /**
      * Get color of a type
      */
-    ItemAttributes.getTypeColor = function (rule, type) {
+    static getTypeColor(rule, type) {
         if (typeof rule.style.color === 'object' && rule.style.color.input[0] !== 'properties') {
             return ItemAttributes.autoColor(type, rule.style.color.ignoreCase);
         }
@@ -84,7 +77,7 @@ var ItemAttributes = /** @class */ (function () {
             return rule.style.color;
         }
         return null;
-    };
+    }
     /**
      * return the corresponding size to the value with a linear function
      * @param value
@@ -92,18 +85,17 @@ var ItemAttributes = /** @class */ (function () {
      * @param higher
      * @param extrema
      */
-    ItemAttributes.getAutomaticRangeStyleLinear = function (value, _a, lower, higher) {
-        var max = _a.max, min = _a.min;
+    static getAutomaticRangeStyleLinear(value, { max, min }, lower, higher) {
         // apply default style when min equal max
         if (max === min || isNaN(value)) {
             return '100%';
         }
         // calculate the linear function f(x) = ax + b
-        var a = (higher - lower) / (max - min);
-        var b = (lower * max - higher * min) / (max - min);
-        var size = Math.floor(value * a + b);
-        return size + "%";
-    };
+        const a = (higher - lower) / (max - min);
+        const b = (lower * max - higher * min) / (max - min);
+        const size = Math.floor(value * a + b);
+        return `${size}%`;
+    }
     /**
      * return the corresponding size to the value with a logarithmic function
      * @param value
@@ -111,8 +103,7 @@ var ItemAttributes = /** @class */ (function () {
      * @param higher
      * @param extrema
      */
-    ItemAttributes.getAutomaticRangeStyleLog = function (value, _a, lower, higher) {
-        var max = _a.max, min = _a.min;
+    static getAutomaticRangeStyleLog(value, { max, min }, lower, higher) {
         // apply default style when min equal max
         if (max === min || isNaN(value)) {
             return '100%';
@@ -124,12 +115,11 @@ var ItemAttributes = /** @class */ (function () {
             min += Math.abs(min) + 1;
         }
         // calculate the logarithmic function  f(x) = Math.floor(a*log(x) + b)
-        var a = (higher - lower) / (Math.log(max) - Math.log(min));
-        var b = (lower * Math.log(max) - higher * Math.log(min)) / (Math.log(max) - Math.log(min));
-        var size = Math.floor(a * Math.log(value) + b);
-        return size + "%";
-    };
-    return ItemAttributes;
-}());
+        const a = (higher - lower) / (Math.log(max) - Math.log(min));
+        const b = (lower * Math.log(max) - higher * Math.log(min)) / (Math.log(max) - Math.log(min));
+        const size = Math.floor(a * Math.log(value) + b);
+        return `${size}%`;
+    }
+}
 exports.ItemAttributes = ItemAttributes;
 //# sourceMappingURL=itemAttributes.js.map

package/dist/styles/itemAttributes.js.map

@@ -1 +1 @@
-{"version":3,"file":"itemAttributes.js","sourceRoot":"","sources":["../../src/styles/itemAttributes.ts"],"names":[],"mappings":"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","sourcesContent":["'use strict';\n\nimport sha1 from 'sha1';\nimport {Color} from '@linkurious/ogma';\n\nimport {Tools} from '../tools/tools';\n\nimport {StyleRule} from './styleRule';\nimport {NodeSizeExtrema} from './nodeAttributes';\nimport {EdgeWidthExtrema} from './edgeAttributes';\n\nexport const BASE_GREY = '#7f7f7f';\nexport const PALETTE = [\n  '#9467bd',\n  '#e377c2',\n  '#1f77b4',\n  '#17becf',\n  '#2ca02c',\n  '#bcbd22',\n  '#d62728',\n  '#ff7f0e',\n  '#8c564b',\n  '#c5b0d5',\n  '#f7b6d2',\n  '#aec7e8',\n  '#9edae5',\n  '#98df8a',\n  '#dbdb8d',\n  '#ff9896',\n  '#ffbb78',\n  '#c49c94'\n];\n\nexport class ItemAttributes {\n  protected colorsCache: Map<string, Color | Array<Color>> = new Map();\n  protected _rulesMap: {\n    color?: Array<StyleRule>;\n    icon?: Array<StyleRule>;\n    image?: Array<StyleRule>;\n    shape?: Array<StyleRule>;\n    size?: Array<StyleRule>;\n    width?: Array<StyleRule>;\n  } = {};\n\n  constructor(rulesMap: {\n    color?: Array<StyleRule>;\n    icon?: Array<StyleRule>;\n    image?: Array<StyleRule>;\n    shape?: Array<StyleRule>;\n    size?: Array<StyleRule>;\n    width?: Array<StyleRule>;\n  }) {\n    this.refresh(rulesMap);\n  }\n\n  /**\n   * Refresh the rules\n   */\n  public refresh(rulesMap: {\n    color?: Array<StyleRule>;\n    icon?: Array<StyleRule>;\n    image?: Array<StyleRule>;\n    shape?: Array<StyleRule>;\n    size?: Array<StyleRule>;\n    width?: Array<StyleRule>;\n  }): void {\n    if (rulesMap.color !== undefined) {\n      this.colorsCache = new Map();\n    }\n    this._rulesMap = {\n      color: rulesMap.color ? [...rulesMap.color].reverse() : this._rulesMap.color,\n      icon: rulesMap.icon ? [...rulesMap.icon].reverse() : this._rulesMap.icon,\n      image: rulesMap.image ? [...rulesMap.image].reverse() : this._rulesMap.image,\n      shape: rulesMap.shape ? [...rulesMap.shape].reverse() : this._rulesMap.shape,\n      size: rulesMap.size ? [...rulesMap.size].reverse() : this._rulesMap.size,\n      width: rulesMap.width ? [...rulesMap.width].reverse() : this._rulesMap.width\n    };\n  }\n\n  /**\n   * Return the color for a node when style color is auto\n   */\n  public static autoColor(value: string, ignoreCase?: boolean): string {\n    if (!Tools.isDefined(value)) {\n      return BASE_GREY;\n    }\n    return PALETTE[\n      ItemAttributes.getRandomUniqueColorPaletteIndex(value, PALETTE.length, ignoreCase)\n    ];\n  }\n\n  /**\n   * Return a number from 0 to number of occurrence in a palette based on a property\n   */\n  private static getRandomUniqueColorPaletteIndex(\n    input: string,\n    modulo: number,\n    ignoreCase: boolean | undefined\n  ): number {\n    if (ignoreCase) {\n      input = input.toLowerCase();\n    }\n    return +('0x' + sha1(input).substr(-4)) % modulo;\n  }\n\n  /**\n   * Get color of a type\n   */\n  public static getTypeColor(rule: StyleRule, type: string): string | null {\n    if (typeof rule.style.color === 'object' && rule.style.color.input[0] !== 'properties') {\n      return ItemAttributes.autoColor(type, rule.style.color.ignoreCase);\n    }\n    if (!Tools.isDefined(rule.input) && typeof rule.style.color !== 'object') {\n      return rule.style.color;\n    }\n    return null;\n  }\n\n  /**\n   * return the corresponding size to the value with a linear function\n   * @param value\n   * @param lower\n   * @param higher\n   * @param extrema\n   */\n  public static getAutomaticRangeStyleLinear(\n    value: number,\n    {max, min}: {max: number; min: number},\n    lower: EdgeWidthExtrema | NodeSizeExtrema,\n    higher: EdgeWidthExtrema | NodeSizeExtrema\n  ): string {\n    // apply default style when min equal max\n    if (max === min || isNaN(value)) {\n      return '100%';\n    }\n\n    // calculate the linear function f(x) = ax + b\n    const a = (higher - lower) / (max - min);\n    const b = (lower * max - higher * min) / (max - min);\n    const size = Math.floor(value * a + b);\n\n    return `${size}%`;\n  }\n\n  /**\n   * return the corresponding size to the value with a logarithmic function\n   * @param value\n   * @param lower\n   * @param higher\n   * @param extrema\n   */\n  public static getAutomaticRangeStyleLog(\n    value: number,\n    {max, min}: {max: number; min: number},\n    lower: EdgeWidthExtrema | NodeSizeExtrema,\n    higher: EdgeWidthExtrema | NodeSizeExtrema\n  ): string {\n    // apply default style when min equal max\n    if (max === min || isNaN(value)) {\n      return '100%';\n    }\n    // apply an offset for all the values (including min and max)\n    if (min < 1) {\n      value += Math.abs(min) + 1;\n      max += Math.abs(min) + 1;\n      min += Math.abs(min) + 1;\n    }\n    // calculate the logarithmic function  f(x) = Math.floor(a*log(x) + b)\n    const a = (higher - lower) / (Math.log(max) - Math.log(min));\n    const b = (lower * Math.log(max) - higher * Math.log(min)) / (Math.log(max) - Math.log(min));\n    const size = Math.floor(a * Math.log(value) + b);\n\n    return `${size}%`;\n  }\n}\n"]}
+{"version":3,"file":"itemAttributes.js","sourceRoot":"","sources":["../../src/styles/itemAttributes.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;AAEb,gDAAwB;AAGxB,0CAAqC;AAMxB,QAAA,SAAS,GAAG,SAAS,CAAC;AACtB,QAAA,OAAO,GAAG;IACrB,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC;AAEF,MAAa,cAAc;IAWzB,YAAY,QAOX;QAjBS,gBAAW,GAAsC,IAAI,GAAG,EAAE,CAAC;QAC3D,cAAS,GAOf,EAAE,CAAC;QAUL,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC;IAED;;OAEG;IACI,OAAO,CAAC,QAOd;QACC,IAAI,QAAQ,CAAC,KAAK,KAAK,SAAS,EAAE;YAChC,IAAI,CAAC,WAAW,GAAG,IAAI,GAAG,EAAE,CAAC;SAC9B;QACD,IAAI,CAAC,SAAS,GAAG;YACf,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK;YAC5E,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI;YACxE,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK;YAC5E,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK;YAC5E,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI;YACxE,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK;SAC7E,CAAC;IACJ,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,SAAS,CAAC,KAAa,EAAE,UAAoB;QACzD,IAAI,CAAC,aAAK,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;YAC3B,OAAO,iBAAS,CAAC;SAClB;QACD,OAAO,eAAO,CACZ,cAAc,CAAC,gCAAgC,CAAC,KAAK,EAAE,eAAO,CAAC,MAAM,EAAE,UAAU,CAAC,CACnF,CAAC;IACJ,CAAC;IAED;;OAEG;IACK,MAAM,CAAC,gCAAgC,CAC7C,KAAa,EACb,MAAc,EACd,UAA+B;QAE/B,IAAI,UAAU,EAAE;YACd,KAAK,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;SAC7B;QACD,OAAO,CAAC,CAAC,IAAI,GAAG,cAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC;IACnD,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,YAAY,CAAC,IAAe,EAAE,IAAY;QACtD,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,YAAY,EAAE;YACtF,OAAO,cAAc,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;SACpE;QACD,IAAI,CAAC,aAAK,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ,EAAE;YACxE,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;SACzB;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;;;;;OAMG;IACI,MAAM,CAAC,4BAA4B,CACxC,KAAa,EACb,EAAC,GAAG,EAAE,GAAG,EAA6B,EACtC,KAAyC,EACzC,MAA0C;QAE1C,yCAAyC;QACzC,IAAI,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE;YAC/B,OAAO,MAAM,CAAC;SACf;QAED,8CAA8C;QAC9C,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;QACzC,MAAM,CAAC,GAAG,CAAC,KAAK,GAAG,GAAG,GAAG,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;QACrD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QAEvC,OAAO,GAAG,IAAI,GAAG,CAAC;IACpB,CAAC;IAED;;;;;;OAMG;IACI,MAAM,CAAC,yBAAyB,CACrC,KAAa,EACb,EAAC,GAAG,EAAE,GAAG,EAA6B,EACtC,KAAyC,EACzC,MAA0C;QAE1C,yCAAyC;QACzC,IAAI,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE;YAC/B,OAAO,MAAM,CAAC;SACf;QACD,6DAA6D;QAC7D,IAAI,GAAG,GAAG,CAAC,EAAE;YACX,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YAC3B,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YACzB,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;SAC1B;QACD,sEAAsE;QACtE,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QAC7D,MAAM,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QAC7F,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QAEjD,OAAO,GAAG,IAAI,GAAG,CAAC;IACpB,CAAC;CACF;AA7ID,wCA6IC","sourcesContent":["'use strict';\n\nimport sha1 from 'sha1';\nimport {Color} from '@linkurious/ogma';\n\nimport {Tools} from '../tools/tools';\n\nimport {StyleRule} from './styleRule';\nimport {NodeSizeExtrema} from './nodeAttributes';\nimport {EdgeWidthExtrema} from './edgeAttributes';\n\nexport const BASE_GREY = '#7f7f7f';\nexport const PALETTE = [\n  '#9467bd',\n  '#e377c2',\n  '#1f77b4',\n  '#17becf',\n  '#2ca02c',\n  '#bcbd22',\n  '#d62728',\n  '#ff7f0e',\n  '#8c564b',\n  '#c5b0d5',\n  '#f7b6d2',\n  '#aec7e8',\n  '#9edae5',\n  '#98df8a',\n  '#dbdb8d',\n  '#ff9896',\n  '#ffbb78',\n  '#c49c94'\n];\n\nexport class ItemAttributes {\n  protected colorsCache: Map<string, Color | Array<Color>> = new Map();\n  protected _rulesMap: {\n    color?: Array<StyleRule>;\n    icon?: Array<StyleRule>;\n    image?: Array<StyleRule>;\n    shape?: Array<StyleRule>;\n    size?: Array<StyleRule>;\n    width?: Array<StyleRule>;\n  } = {};\n\n  constructor(rulesMap: {\n    color?: Array<StyleRule>;\n    icon?: Array<StyleRule>;\n    image?: Array<StyleRule>;\n    shape?: Array<StyleRule>;\n    size?: Array<StyleRule>;\n    width?: Array<StyleRule>;\n  }) {\n    this.refresh(rulesMap);\n  }\n\n  /**\n   * Refresh the rules\n   */\n  public refresh(rulesMap: {\n    color?: Array<StyleRule>;\n    icon?: Array<StyleRule>;\n    image?: Array<StyleRule>;\n    shape?: Array<StyleRule>;\n    size?: Array<StyleRule>;\n    width?: Array<StyleRule>;\n  }): void {\n    if (rulesMap.color !== undefined) {\n      this.colorsCache = new Map();\n    }\n    this._rulesMap = {\n      color: rulesMap.color ? [...rulesMap.color].reverse() : this._rulesMap.color,\n      icon: rulesMap.icon ? [...rulesMap.icon].reverse() : this._rulesMap.icon,\n      image: rulesMap.image ? [...rulesMap.image].reverse() : this._rulesMap.image,\n      shape: rulesMap.shape ? [...rulesMap.shape].reverse() : this._rulesMap.shape,\n      size: rulesMap.size ? [...rulesMap.size].reverse() : this._rulesMap.size,\n      width: rulesMap.width ? [...rulesMap.width].reverse() : this._rulesMap.width\n    };\n  }\n\n  /**\n   * Return the color for a node when style color is auto\n   */\n  public static autoColor(value: string, ignoreCase?: boolean): string {\n    if (!Tools.isDefined(value)) {\n      return BASE_GREY;\n    }\n    return PALETTE[\n      ItemAttributes.getRandomUniqueColorPaletteIndex(value, PALETTE.length, ignoreCase)\n    ];\n  }\n\n  /**\n   * Return a number from 0 to number of occurrence in a palette based on a property\n   */\n  private static getRandomUniqueColorPaletteIndex(\n    input: string,\n    modulo: number,\n    ignoreCase: boolean | undefined\n  ): number {\n    if (ignoreCase) {\n      input = input.toLowerCase();\n    }\n    return +('0x' + sha1(input).substr(-4)) % modulo;\n  }\n\n  /**\n   * Get color of a type\n   */\n  public static getTypeColor(rule: StyleRule, type: string): string | null {\n    if (typeof rule.style.color === 'object' && rule.style.color.input[0] !== 'properties') {\n      return ItemAttributes.autoColor(type, rule.style.color.ignoreCase);\n    }\n    if (!Tools.isDefined(rule.input) && typeof rule.style.color !== 'object') {\n      return rule.style.color;\n    }\n    return null;\n  }\n\n  /**\n   * return the corresponding size to the value with a linear function\n   * @param value\n   * @param lower\n   * @param higher\n   * @param extrema\n   */\n  public static getAutomaticRangeStyleLinear(\n    value: number,\n    {max, min}: {max: number; min: number},\n    lower: EdgeWidthExtrema | NodeSizeExtrema,\n    higher: EdgeWidthExtrema | NodeSizeExtrema\n  ): string {\n    // apply default style when min equal max\n    if (max === min || isNaN(value)) {\n      return '100%';\n    }\n\n    // calculate the linear function f(x) = ax + b\n    const a = (higher - lower) / (max - min);\n    const b = (lower * max - higher * min) / (max - min);\n    const size = Math.floor(value * a + b);\n\n    return `${size}%`;\n  }\n\n  /**\n   * return the corresponding size to the value with a logarithmic function\n   * @param value\n   * @param lower\n   * @param higher\n   * @param extrema\n   */\n  public static getAutomaticRangeStyleLog(\n    value: number,\n    {max, min}: {max: number; min: number},\n    lower: EdgeWidthExtrema | NodeSizeExtrema,\n    higher: EdgeWidthExtrema | NodeSizeExtrema\n  ): string {\n    // apply default style when min equal max\n    if (max === min || isNaN(value)) {\n      return '100%';\n    }\n    // apply an offset for all the values (including min and max)\n    if (min < 1) {\n      value += Math.abs(min) + 1;\n      max += Math.abs(min) + 1;\n      min += Math.abs(min) + 1;\n    }\n    // calculate the logarithmic function  f(x) = Math.floor(a*log(x) + b)\n    const a = (higher - lower) / (Math.log(max) - Math.log(min));\n    const b = (lower * Math.log(max) - higher * Math.log(min)) / (Math.log(max) - Math.log(min));\n    const size = Math.floor(a * Math.log(value) + b);\n\n    return `${size}%`;\n  }\n}\n"]}

package/dist/styles/nodeAttributes.js

@@ -1,76 +1,55 @@
 'use strict';
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var sha1_1 = __importDefault(require("sha1"));
-var tools_1 = require("../tools/tools");
-var __1 = require("..");
-var itemAttributes_1 = require("./itemAttributes");
+const sha1_1 = __importDefault(require("sha1"));
+const tools_1 = require("../tools/tools");
+const __1 = require("..");
+const itemAttributes_1 = require("./itemAttributes");
 var NodeSizeExtrema;
 (function (NodeSizeExtrema) {
     NodeSizeExtrema[NodeSizeExtrema["MIN"] = 50] = "MIN";
     NodeSizeExtrema[NodeSizeExtrema["MAX"] = 500] = "MAX";
 })(NodeSizeExtrema = exports.NodeSizeExtrema || (exports.NodeSizeExtrema = {}));
-var NodeAttributes = /** @class */ (function (_super) {
-    __extends(NodeAttributes, _super);
-    function NodeAttributes(rulesMap) {
-        return _super.call(this, rulesMap) || this;
+class NodeAttributes extends itemAttributes_1.ItemAttributes {
+    constructor(rulesMap) {
+        super(rulesMap);
     }
     /**
      * Run the callback if an item match with a style in the array of rules
      */
-    NodeAttributes.matchStyle = function (styleRules, itemData, callback) {
+    static matchStyle(styleRules, itemData, callback) {
         if (!tools_1.Tools.isDefined(itemData)) {
             return;
         }
         if (!tools_1.Tools.isDefined(styleRules)) {
             return;
         }
-        for (var i = 0; i < styleRules.length; ++i) {
+        for (let i = 0; i < styleRules.length; ++i) {
             if (styleRules[i].canApplyTo(itemData)) {
                 callback(styleRules[i]);
                 break;
             }
         }
-    };
+    }
     /**
      * Generate color for a given node (call only if _rulesMap.color is defined
      */
-    NodeAttributes.prototype.color = function (itemData) {
+    color(itemData) {
         if (!tools_1.Tools.isDefined(itemData)) {
             return [itemAttributes_1.BASE_GREY];
         }
-        var hash = sha1_1.default(JSON.stringify(itemData));
-        var cachedColor = this.colorsCache.get(hash);
+        const hash = sha1_1.default(JSON.stringify(itemData));
+        const cachedColor = this.colorsCache.get(hash);
         if (cachedColor !== undefined) {
             return cachedColor;
         }
-        var colors = [];
-        for (var i = 0; i < itemData.categories.length; ++i) {
-            var c = null;
-            for (var j = 0; j < this._rulesMap.color.length; ++j) {
-                var rule = this._rulesMap.color[j];
+        let colors = [];
+        for (let i = 0; i < itemData.categories.length; ++i) {
+            let c = null;
+            for (let j = 0; j < this._rulesMap.color.length; ++j) {
+                const rule = this._rulesMap.color[j];
                 if (rule.itemType !== undefined &&
                     rule.itemType !== null &&
                     rule.itemType !== itemData.categories[i]) {
@@ -78,12 +57,12 @@ var NodeAttributes = /** @class */ (function (_super) {
                 }
                 if (rule.canApplyTo(itemData)) {
                     if (typeof rule.style.color === 'object') {
-                        var propValue = tools_1.Tools.getIn(itemData, rule.style.color.input);
+                        const propValue = tools_1.Tools.getIn(itemData, rule.style.color.input);
                         if (Array.isArray(propValue)) {
                             c = itemAttributes_1.ItemAttributes.autoColor(itemData.categories[i], rule.style.ignoreCase);
                         }
                         else {
-                            c = itemAttributes_1.ItemAttributes.autoColor("" + propValue, rule.style.ignoreCase);
+                            c = itemAttributes_1.ItemAttributes.autoColor(`${propValue}`, rule.style.ignoreCase);
                         }
                     }
                     else {
@@ -94,29 +73,29 @@ var NodeAttributes = /** @class */ (function (_super) {
             }
             colors.push(c);
         }
-        colors = colors.filter(function (c) { return tools_1.Tools.isDefined(c); });
+        colors = colors.filter((c) => tools_1.Tools.isDefined(c));
         if (colors.length === 0) {
             colors = [itemAttributes_1.BASE_GREY];
         }
-        var finalColor = colors.length === 1 ? colors[0] : colors;
+        const finalColor = colors.length === 1 ? colors[0] : colors;
         this.colorsCache.set(hash, finalColor);
         return finalColor;
-    };
+    }
     /**
      * Generate icon for a given node
      */
-    NodeAttributes.prototype.icon = function (itemData) {
-        var rawColors = this.color(itemData);
-        var color = Array.isArray(rawColors) ? rawColors[0] : rawColors;
-        var result = {};
-        var rules = __spreadArrays((this._rulesMap.image || []), (this._rulesMap.icon || []));
+    icon(itemData) {
+        const rawColors = this.color(itemData);
+        const color = Array.isArray(rawColors) ? rawColors[0] : rawColors;
+        let result = {};
+        const rules = [...(this._rulesMap.image || []), ...(this._rulesMap.icon || [])];
         if (!tools_1.Tools.isDefined(itemData)) {
             return {
                 icon: {},
                 image: {}
             };
         }
-        for (var i = 0; i < rules.length; ++i) {
+        for (let i = 0; i < rules.length; ++i) {
             if (rules[i].canApplyTo(itemData)) {
                 if ('icon' in rules[i].style) {
                     result = {
@@ -146,35 +125,35 @@ var NodeAttributes = /** @class */ (function (_super) {
             }
         }
         return result;
-    };
+    }
     /**
      * Generate shape for a given node
      */
-    NodeAttributes.prototype.shape = function (itemData) {
-        var result = undefined;
+    shape(itemData) {
+        let result = undefined;
         if (this._rulesMap.shape !== undefined) {
-            NodeAttributes.matchStyle(this._rulesMap.shape, itemData, function (styleRule) {
+            NodeAttributes.matchStyle(this._rulesMap.shape, itemData, (styleRule) => {
                 result = styleRule.style.shape;
             });
         }
         return result;
-    };
+    }
     /**
      * Generate size for a given node
      */
-    NodeAttributes.prototype.size = function (itemData) {
-        var result = undefined;
+    size(itemData) {
+        let result = undefined;
         if (this._rulesMap.size !== undefined) {
-            NodeAttributes.matchStyle(this._rulesMap.size, itemData, function (styleRule) {
-                var sizeStyle = styleRule.style.size;
+            NodeAttributes.matchStyle(this._rulesMap.size, itemData, (styleRule) => {
+                const sizeStyle = styleRule.style.size;
                 if (sizeStyle.type === 'autoRange') {
                     if (sizeStyle.input !== undefined &&
                         sizeStyle.max !== undefined &&
                         sizeStyle.min !== undefined) {
-                        var propertyName = sizeStyle.input[1];
-                        var propertyValue = tools_1.Tools.parseNumber(itemData.properties[propertyName]);
+                        const propertyName = sizeStyle.input[1];
+                        const propertyValue = tools_1.Tools.parseNumber(itemData.properties[propertyName]);
                         //to update with the correct enum type
-                        var isLog = sizeStyle.scale && sizeStyle.scale === 'logarithmic';
+                        const isLog = sizeStyle.scale && sizeStyle.scale === 'logarithmic';
                         result = NodeAttributes.getAutomaticRangeSize(propertyValue, styleRule, isLog);
                     }
                 }
@@ -184,29 +163,28 @@ var NodeAttributes = /** @class */ (function (_super) {
             });
         }
         return result;
-    };
+    }
     /**
      * return the corresponding size to the value
      * @param value
      * @param rule
      * @param isLog
      */
-    NodeAttributes.getAutomaticRangeSize = function (value, rule, isLog) {
-        if (isLog === void 0) { isLog = false; }
+    static getAutomaticRangeSize(value, rule, isLog = false) {
         return isLog
             ? this.getAutomaticRangeStyleLog(value, rule.style.size, NodeSizeExtrema.MIN, NodeSizeExtrema.MAX)
             : this.getAutomaticRangeStyleLinear(value, rule.style.size, NodeSizeExtrema.MIN, NodeSizeExtrema.MAX);
-    };
+    }
     /**
      * Return an object containing all node attributes needed by Ogma to style a node
      */
-    NodeAttributes.prototype.all = function (itemData) {
+    all(itemData) {
         if (!tools_1.Tools.isDefined(itemData)) {
             return {
                 color: itemAttributes_1.BASE_GREY
             };
         }
-        var generatedIcon = this.icon(itemData);
+        const generatedIcon = this.icon(itemData);
         return {
             radius: this.size(itemData),
             color: this.color(itemData),
@@ -214,8 +192,7 @@ var NodeAttributes = /** @class */ (function (_super) {
             icon: generatedIcon.icon,
             image: generatedIcon.image
         };
-    };
-    return NodeAttributes;
-}(itemAttributes_1.ItemAttributes));
+    }
+}
 exports.NodeAttributes = NodeAttributes;
 //# sourceMappingURL=nodeAttributes.js.map