igniteui-webcomponents-charts 4.7.2-beta.0 → 4.7.2-beta.2

package/esm5/lib/igc-treemap-component.js

@@ -21,6 +21,7 @@ import { HorizontalAlignment_$type } from "igniteui-webcomponents-core";
 import { VerticalAlignment_$type } from "igniteui-webcomponents-core";
 import { TreemapLabelHorizontalFitMode_$type } from './TreemapLabelHorizontalFitMode';
 import { TreemapLabelVerticalFitMode_$type } from './TreemapLabelVerticalFitMode';
+import { TreemapHighlightingMode_$type } from './TreemapHighlightingMode';
 import { IgcHTMLElement } from "igniteui-webcomponents-core";
 var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(IgcTreemapComponent, _super);
@@ -47,6 +48,8 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         _this._inStyling = false;
         _this._nodeStyling = null;
         _this._nodeStyling_wrapped = null;
+        _this._nodeRenderStyling = null;
+        _this._nodeRenderStyling_wrapped = null;
         _this._nodePointerOver = null;
         _this._nodePointerOver_wrapped = null;
         _this._nodePointerEnter = null;
@@ -316,10 +319,10 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
      * Gets or sets path to use to get the values from the items.
     */
         get: function () {
-            return this.i.gi;
+            return this.i.g3;
         },
         set: function (v) {
-            this.i.gi = v;
+            this.i.g3 = v;
         },
         enumerable: false,
         configurable: true
@@ -329,10 +332,10 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the root title to use for breadcrumbs.
         */
         get: function () {
-            return this.i.f8;
+            return this.i.gt;
         },
         set: function (v) {
-            this.i.f8 = v;
+            this.i.gt = v;
         },
         enumerable: false,
         configurable: true
@@ -342,10 +345,10 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the root title to use for breadcrumbs.
         */
         get: function () {
-            return this.i.ed;
+            return this.i.ev;
         },
         set: function (v) {
-            this.i.ed = v;
+            this.i.ev = v;
         },
         enumerable: false,
         configurable: true
@@ -355,10 +358,10 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the path to use to get the Parent of the items.
         */
         get: function () {
-            return this.i.fw;
+            return this.i.gh;
         },
         set: function (v) {
-            this.i.fw = v;
+            this.i.gh = v;
         },
         enumerable: false,
         configurable: true
@@ -368,10 +371,10 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the path to use to get the Label of the items.
         */
         get: function () {
-            return this.i.ff;
+            return this.i.fz;
         },
         set: function (v) {
-            this.i.ff = v;
+            this.i.fz = v;
         },
         enumerable: false,
         configurable: true
@@ -381,10 +384,10 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the path to use to get the custom value of the items.
         */
         get: function () {
-            return this.i.eg;
+            return this.i.ey;
         },
         set: function (v) {
-            this.i.eg = v;
+            this.i.ey = v;
         },
         enumerable: false,
         configurable: true
@@ -394,10 +397,10 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the path to use to get the id of the items.
         */
         get: function () {
-            return this.i.e5;
+            return this.i.fp;
         },
         set: function (v) {
-            this.i.e5 = v;
+            this.i.fp = v;
         },
         enumerable: false,
         configurable: true
@@ -448,11 +451,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the fill scale is logarithmic.
         */
         get: function () {
-            return this.i.bg;
+            return this.i.bq;
         },
         set: function (v) {
-            this.i.bg = ensureBool(v);
-            this._a("isFillScaleLogarithmic", this.i.bg);
+            this.i.bq = ensureBool(v);
+            this._a("isFillScaleLogarithmic", this.i.bq);
         },
         enumerable: false,
         configurable: true
@@ -462,11 +465,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the logarithm base to use if the fill scale is logarithmic.
         */
         get: function () {
-            return this.i.dy;
+            return this.i.ee;
         },
         set: function (v) {
-            this.i.dy = +v;
-            this._a("fillScaleLogarithmBase", this.i.dy);
+            this.i.ee = +v;
+            this._a("fillScaleLogarithmBase", this.i.ee);
         },
         enumerable: false,
         configurable: true
@@ -476,11 +479,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the minimum value to use for the fill scale.
         */
         get: function () {
-            return this.i.ct;
+            return this.i.c6;
         },
         set: function (v) {
-            this.i.ct = +v;
-            this._a("fillScaleMinimumValue", this.i.ct);
+            this.i.c6 = +v;
+            this._a("fillScaleMinimumValue", this.i.c6);
         },
         enumerable: false,
         configurable: true
@@ -490,11 +493,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the maximum value to use for the fill scale.
         */
         get: function () {
-            return this.i.cs;
+            return this.i.c5;
         },
         set: function (v) {
-            this.i.cs = +v;
-            this._a("fillScaleMaximumValue", this.i.cs);
+            this.i.c5 = +v;
+            this._a("fillScaleMaximumValue", this.i.c5);
         },
         enumerable: false,
         configurable: true
@@ -532,11 +535,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background to use for the overlay header when it is hovered.
         */
         get: function () {
-            return brushToString(this.i.h9);
+            return brushToString(this.i.i2);
         },
         set: function (v) {
-            this.i.h9 = stringToBrush(v);
-            this._a("overlayHeaderHoverBackground", brushToString(this.i.h9));
+            this.i.i2 = stringToBrush(v);
+            this._a("overlayHeaderHoverBackground", brushToString(this.i.i2));
         },
         enumerable: false,
         configurable: true
@@ -546,11 +549,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background to use for the header when it is hovered.
         */
         get: function () {
-            return brushToString(this.i.h3);
+            return brushToString(this.i.iw);
         },
         set: function (v) {
-            this.i.h3 = stringToBrush(v);
-            this._a("headerHoverBackground", brushToString(this.i.h3));
+            this.i.iw = stringToBrush(v);
+            this._a("headerHoverBackground", brushToString(this.i.iw));
         },
         enumerable: false,
         configurable: true
@@ -560,11 +563,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background to use for the header.
         */
         get: function () {
-            return brushToString(this.i.h1);
+            return brushToString(this.i.iu);
         },
         set: function (v) {
-            this.i.h1 = stringToBrush(v);
-            this._a("headerBackground", brushToString(this.i.h1));
+            this.i.iu = stringToBrush(v);
+            this._a("headerBackground", brushToString(this.i.iu));
         },
         enumerable: false,
         configurable: true
@@ -574,11 +577,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background to use for the overlay header.
         */
         get: function () {
-            return brushToString(this.i.h8);
+            return brushToString(this.i.i1);
         },
         set: function (v) {
-            this.i.h8 = stringToBrush(v);
-            this._a("overlayHeaderBackground", brushToString(this.i.h8));
+            this.i.i1 = stringToBrush(v);
+            this._a("overlayHeaderBackground", brushToString(this.i.i1));
         },
         enumerable: false,
         configurable: true
@@ -588,11 +591,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color to use for the header.
         */
         get: function () {
-            return brushToString(this.i.h6);
+            return brushToString(this.i.iz);
         },
         set: function (v) {
-            this.i.h6 = stringToBrush(v);
-            this._a("headerTextColor", brushToString(this.i.h6));
+            this.i.iz = stringToBrush(v);
+            this._a("headerTextColor", brushToString(this.i.iz));
         },
         enumerable: false,
         configurable: true
@@ -602,11 +605,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the dark text color to use for the header.
         */
         get: function () {
-            return brushToString(this.i.h2);
+            return brushToString(this.i.iv);
         },
         set: function (v) {
-            this.i.h2 = stringToBrush(v);
-            this._a("headerDarkTextColor", brushToString(this.i.h2));
+            this.i.iv = stringToBrush(v);
+            this._a("headerDarkTextColor", brushToString(this.i.iv));
         },
         enumerable: false,
         configurable: true
@@ -616,11 +619,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color to use for the nodes.
         */
         get: function () {
-            return brushToString(this.i.ik);
+            return brushToString(this.i.jc);
         },
         set: function (v) {
-            this.i.ik = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.ik));
+            this.i.jc = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.jc));
         },
         enumerable: false,
         configurable: true
@@ -630,11 +633,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the dark text color to use for the nodes.
         */
         get: function () {
-            return brushToString(this.i.h0);
+            return brushToString(this.i.it);
         },
         set: function (v) {
-            this.i.h0 = stringToBrush(v);
-            this._a("darkTextColor", brushToString(this.i.h0));
+            this.i.it = stringToBrush(v);
+            this._a("darkTextColor", brushToString(this.i.it));
         },
         enumerable: false,
         configurable: true
@@ -644,11 +647,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color to use for the header.
         */
         get: function () {
-            return brushToString(this.i.h5);
+            return brushToString(this.i.iy);
         },
         set: function (v) {
-            this.i.h5 = stringToBrush(v);
-            this._a("headerHoverTextColor", brushToString(this.i.h5));
+            this.i.iy = stringToBrush(v);
+            this._a("headerHoverTextColor", brushToString(this.i.iy));
         },
         enumerable: false,
         configurable: true
@@ -658,11 +661,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the dark text color to use for the header when hovered.
         */
         get: function () {
-            return brushToString(this.i.h4);
+            return brushToString(this.i.ix);
         },
         set: function (v) {
-            this.i.h4 = stringToBrush(v);
-            this._a("headerHoverDarkTextColor", brushToString(this.i.h4));
+            this.i.ix = stringToBrush(v);
+            this._a("headerHoverDarkTextColor", brushToString(this.i.ix));
         },
         enumerable: false,
         configurable: true
@@ -672,16 +675,16 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the font to use for content nodes
         */
         get: function () {
-            if (this.i.aw == null) {
+            if (this.i.a4 == null) {
                 return null;
             }
-            return this.i.aw.fontString;
+            return this.i.a4.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.aw = fi;
-            this._a("textStyle", this.i.aw != null ? this.i.aw.fontString : "");
+            this.i.a4 = fi;
+            this._a("textStyle", this.i.a4 != null ? this.i.a4.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -691,16 +694,16 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the font to use for header nodes
         */
         get: function () {
-            if (this.i.au == null) {
+            if (this.i.a2 == null) {
                 return null;
             }
-            return this.i.au.fontString;
+            return this.i.a2.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.au = fi;
-            this._a("headerTextStyle", this.i.au != null ? this.i.au.fontString : "");
+            this.i.a2 = fi;
+            this._a("headerTextStyle", this.i.a2 != null ? this.i.a2.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -724,11 +727,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the left margin to use for the header.
         */
         get: function () {
-            return this.i.cx;
+            return this.i.da;
         },
         set: function (v) {
-            this.i.cx = +v;
-            this._a("headerLabelLeftMargin", this.i.cx);
+            this.i.da = +v;
+            this._a("headerLabelLeftMargin", this.i.da);
         },
         enumerable: false,
         configurable: true
@@ -738,11 +741,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the top margin to use for the header.
         */
         get: function () {
-            return this.i.cz;
+            return this.i.dc;
         },
         set: function (v) {
-            this.i.cz = +v;
-            this._a("headerLabelTopMargin", this.i.cz);
+            this.i.dc = +v;
+            this._a("headerLabelTopMargin", this.i.dc);
         },
         enumerable: false,
         configurable: true
@@ -752,11 +755,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the right margin to use for the header.
         */
         get: function () {
-            return this.i.cy;
+            return this.i.db;
         },
         set: function (v) {
-            this.i.cy = +v;
-            this._a("headerLabelRightMargin", this.i.cy);
+            this.i.db = +v;
+            this._a("headerLabelRightMargin", this.i.db);
         },
         enumerable: false,
         configurable: true
@@ -766,11 +769,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the bottom margin to use for the header.
         */
         get: function () {
-            return this.i.cw;
+            return this.i.c9;
         },
         set: function (v) {
-            this.i.cw = +v;
-            this._a("headerLabelBottomMargin", this.i.cw);
+            this.i.c9 = +v;
+            this._a("headerLabelBottomMargin", this.i.c9);
         },
         enumerable: false,
         configurable: true
@@ -780,11 +783,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the left margin to use for the overlay header.
         */
         get: function () {
-            return this.i.c7;
+            return this.i.dl;
         },
         set: function (v) {
-            this.i.c7 = +v;
-            this._a("overlayHeaderLabelLeftMargin", this.i.c7);
+            this.i.dl = +v;
+            this._a("overlayHeaderLabelLeftMargin", this.i.dl);
         },
         enumerable: false,
         configurable: true
@@ -794,11 +797,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the top margin to use for the overlay header.
         */
         get: function () {
-            return this.i.c9;
+            return this.i.dn;
         },
         set: function (v) {
-            this.i.c9 = +v;
-            this._a("overlayHeaderLabelTopMargin", this.i.c9);
+            this.i.dn = +v;
+            this._a("overlayHeaderLabelTopMargin", this.i.dn);
         },
         enumerable: false,
         configurable: true
@@ -808,11 +811,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the right margin to use for the overlay header.
         */
         get: function () {
-            return this.i.c8;
+            return this.i.dm;
         },
         set: function (v) {
-            this.i.c8 = +v;
-            this._a("overlayHeaderLabelRightMargin", this.i.c8);
+            this.i.dm = +v;
+            this._a("overlayHeaderLabelRightMargin", this.i.dm);
         },
         enumerable: false,
         configurable: true
@@ -822,11 +825,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the bottom margin to use for the overlay header.
         */
         get: function () {
-            return this.i.c6;
+            return this.i.dk;
         },
         set: function (v) {
-            this.i.c6 = +v;
-            this._a("overlayHeaderLabelBottomMargin", this.i.c6);
+            this.i.dk = +v;
+            this._a("overlayHeaderLabelBottomMargin", this.i.dk);
         },
         enumerable: false,
         configurable: true
@@ -836,11 +839,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the left margin to use for the labels.
         */
         get: function () {
-            return this.i.c2;
+            return this.i.df;
         },
         set: function (v) {
-            this.i.c2 = +v;
-            this._a("labelLeftMargin", this.i.c2);
+            this.i.df = +v;
+            this._a("labelLeftMargin", this.i.df);
         },
         enumerable: false,
         configurable: true
@@ -850,11 +853,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the top margin to use for the labels.
         */
         get: function () {
-            return this.i.c4;
+            return this.i.dh;
         },
         set: function (v) {
-            this.i.c4 = +v;
-            this._a("labelTopMargin", this.i.c4);
+            this.i.dh = +v;
+            this._a("labelTopMargin", this.i.dh);
         },
         enumerable: false,
         configurable: true
@@ -864,11 +867,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the right margin to use for the labels.
         */
         get: function () {
-            return this.i.c3;
+            return this.i.dg;
         },
         set: function (v) {
-            this.i.c3 = +v;
-            this._a("labelRightMargin", this.i.c3);
+            this.i.dg = +v;
+            this._a("labelRightMargin", this.i.dg);
         },
         enumerable: false,
         configurable: true
@@ -878,11 +881,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the bottom margin to use for the labels.
         */
         get: function () {
-            return this.i.c1;
+            return this.i.de;
         },
         set: function (v) {
-            this.i.c1 = +v;
-            this._a("labelBottomMargin", this.i.c1);
+            this.i.de = +v;
+            this._a("labelBottomMargin", this.i.de);
         },
         enumerable: false,
         configurable: true
@@ -892,11 +895,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the left margin to use for the parent nodes.
         */
         get: function () {
-            return this.i.dc;
+            return this.i.dr;
         },
         set: function (v) {
-            this.i.dc = +v;
-            this._a("parentNodeLeftMargin", this.i.dc);
+            this.i.dr = +v;
+            this._a("parentNodeLeftMargin", this.i.dr);
         },
         enumerable: false,
         configurable: true
@@ -906,11 +909,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the top margin to use for the parent nodes.
         */
         get: function () {
-            return this.i.dg;
+            return this.i.dv;
         },
         set: function (v) {
-            this.i.dg = +v;
-            this._a("parentNodeTopMargin", this.i.dg);
+            this.i.dv = +v;
+            this._a("parentNodeTopMargin", this.i.dv);
         },
         enumerable: false,
         configurable: true
@@ -920,11 +923,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the right margin to use for the parent nodes.
         */
         get: function () {
-            return this.i.de;
+            return this.i.dt;
         },
         set: function (v) {
-            this.i.de = +v;
-            this._a("parentNodeRightMargin", this.i.de);
+            this.i.dt = +v;
+            this._a("parentNodeRightMargin", this.i.dt);
         },
         enumerable: false,
         configurable: true
@@ -934,11 +937,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the bottom margin to use for the parent nodes.
         */
         get: function () {
-            return this.i.da;
+            return this.i.dp;
         },
         set: function (v) {
-            this.i.da = +v;
-            this._a("parentNodeBottomMargin", this.i.da);
+            this.i.dp = +v;
+            this._a("parentNodeBottomMargin", this.i.dp);
         },
         enumerable: false,
         configurable: true
@@ -948,11 +951,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the left padding to use for the parent nodes.
         */
         get: function () {
-            return this.i.dd;
+            return this.i.ds;
         },
         set: function (v) {
-            this.i.dd = +v;
-            this._a("parentNodeLeftPadding", this.i.dd);
+            this.i.ds = +v;
+            this._a("parentNodeLeftPadding", this.i.ds);
         },
         enumerable: false,
         configurable: true
@@ -962,11 +965,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the top padding to use for the parent nodes.
         */
         get: function () {
-            return this.i.dh;
+            return this.i.dw;
         },
         set: function (v) {
-            this.i.dh = +v;
-            this._a("parentNodeTopPadding", this.i.dh);
+            this.i.dw = +v;
+            this._a("parentNodeTopPadding", this.i.dw);
         },
         enumerable: false,
         configurable: true
@@ -976,11 +979,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the right padding to use for the parent nodes.
         */
         get: function () {
-            return this.i.df;
+            return this.i.du;
         },
         set: function (v) {
-            this.i.df = +v;
-            this._a("parentNodeRightPadding", this.i.df);
+            this.i.du = +v;
+            this._a("parentNodeRightPadding", this.i.du);
         },
         enumerable: false,
         configurable: true
@@ -990,11 +993,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the bottom padding to use for the parent nodes.
         */
         get: function () {
-            return this.i.db;
+            return this.i.dq;
         },
         set: function (v) {
-            this.i.db = +v;
-            this._a("parentNodeBottomPadding", this.i.db);
+            this.i.dq = +v;
+            this._a("parentNodeBottomPadding", this.i.dq);
         },
         enumerable: false,
         configurable: true
@@ -1004,11 +1007,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the horizontal alignment to use for the node labels.
         */
         get: function () {
-            return this.i.hn;
+            return this.i.id;
         },
         set: function (v) {
-            this.i.hn = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("labelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.hn));
+            this.i.id = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("labelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.id));
         },
         enumerable: false,
         configurable: true
@@ -1018,11 +1021,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the vertical alignment to use for the node labels.
         */
         get: function () {
-            return this.i.ir;
+            return this.i.ji;
         },
         set: function (v) {
-            this.i.ir = ensureEnum(VerticalAlignment_$type, v);
-            this._a("labelVerticalAlignment", enumToString(VerticalAlignment_$type, this.i.ir));
+            this.i.ji = ensureEnum(VerticalAlignment_$type, v);
+            this._a("labelVerticalAlignment", enumToString(VerticalAlignment_$type, this.i.ji));
         },
         enumerable: false,
         configurable: true
@@ -1032,11 +1035,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the height to use for the header.
         */
         get: function () {
-            return this.i.cv;
+            return this.i.c8;
         },
         set: function (v) {
-            this.i.cv = +v;
-            this._a("headerHeight", this.i.cv);
+            this.i.c8 = +v;
+            this._a("headerHeight", this.i.c8);
         },
         enumerable: false,
         configurable: true
@@ -1046,11 +1049,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the outline to use for the nodes.
         */
         get: function () {
-            return brushToString(this.i.h7);
+            return brushToString(this.i.i0);
         },
         set: function (v) {
-            this.i.h7 = stringToBrush(v);
-            this._a("outline", brushToString(this.i.h7));
+            this.i.i0 = stringToBrush(v);
+            this._a("outline", brushToString(this.i.i0));
         },
         enumerable: false,
         configurable: true
@@ -1060,11 +1063,25 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke thickness to use for the node outline.
         */
         get: function () {
-            return this.i.dt;
+            return this.i.d8;
         },
         set: function (v) {
-            this.i.dt = +v;
-            this._a("strokeThickness", this.i.dt);
+            this.i.d8 = +v;
+            this._a("strokeThickness", this.i.d8);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcTreemapComponent.prototype, "nodeOpacity", {
+        /**
+         * Gets or sets the opacity to use for the nodes.
+        */
+        get: function () {
+            return this.i.dj;
+        },
+        set: function (v) {
+            this.i.dj = +v;
+            this._a("nodeOpacity", this.i.dj);
         },
         enumerable: false,
         configurable: true
@@ -1074,11 +1091,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the orientation to use for the stripped and slice and dice layout types.
         */
         get: function () {
-            return this.i.ai;
+            return this.i.aj;
         },
         set: function (v) {
-            this.i.ai = ensureEnum(TreemapOrientation_$type, v);
-            this._a("layoutOrientation", enumToString(TreemapOrientation_$type, this.i.ai));
+            this.i.aj = ensureEnum(TreemapOrientation_$type, v);
+            this._a("layoutOrientation", enumToString(TreemapOrientation_$type, this.i.aj));
         },
         enumerable: false,
         configurable: true
@@ -1102,11 +1119,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the minimum size (width or height) to display a node.
         */
         get: function () {
-            return this.i.c5;
+            return this.i.di;
         },
         set: function (v) {
-            this.i.c5 = +v;
-            this._a("minimumDisplaySize", this.i.c5);
+            this.i.di = +v;
+            this._a("minimumDisplaySize", this.i.di);
         },
         enumerable: false,
         configurable: true
@@ -1116,11 +1133,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the number of milliseconds over which changes to the gauge should be animated.
         */
         get: function () {
-            return this.i.d1;
+            return this.i.ei;
         },
         set: function (v) {
-            this.i.d1 = +v;
-            this._a("transitionDuration", this.i.d1);
+            this.i.ei = +v;
+            this._a("transitionDuration", this.i.ei);
         },
         enumerable: false,
         configurable: true
@@ -1132,22 +1149,22 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * to appear blurry.
         */
         get: function () {
-            return this.i.di;
+            return this.i.dx;
         },
         set: function (v) {
-            this.i.di = +v;
-            this._a("pixelScalingRatio", this.i.di);
+            this.i.dx = +v;
+            this._a("pixelScalingRatio", this.i.dx);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcTreemapComponent.prototype, "actualPixelScalingRatio", {
         get: function () {
-            return this.i.cp;
+            return this.i.c1;
         },
         set: function (v) {
-            this.i.cp = +v;
-            this._a("actualPixelScalingRatio", this.i.cp);
+            this.i.c1 = +v;
+            this._a("actualPixelScalingRatio", this.i.c1);
         },
         enumerable: false,
         configurable: true
@@ -1159,11 +1176,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * to appear blurry.
         */
         get: function () {
-            return this.i.c0;
+            return this.i.dd;
         },
         set: function (v) {
-            this.i.c0 = +v;
-            this._a("interactionPixelScalingRatio", this.i.c0);
+            this.i.dd = +v;
+            this._a("interactionPixelScalingRatio", this.i.dd);
         },
         enumerable: false,
         configurable: true
@@ -1175,18 +1192,60 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * to appear blurry.
         */
         get: function () {
-            return this.i.co;
+            return this.i.c0;
+        },
+        set: function (v) {
+            this.i.c0 = +v;
+            this._a("actualInteractionPixelScalingRatio", this.i.c0);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcTreemapComponent.prototype, "highlightingTransitionDuration", {
+        /**
+         * Gets or sets the number of milliseconds over which the highlighting effect will render.
+        */
+        get: function () {
+            return this.i.eg;
         },
         set: function (v) {
-            this.i.co = +v;
-            this._a("actualInteractionPixelScalingRatio", this.i.co);
+            this.i.eg = +v;
+            this._a("highlightingTransitionDuration", this.i.eg);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcTreemapComponent.prototype, "highlightingMode", {
+        /**
+         * Gets or sets the highlighting mode to use.
+        */
+        get: function () {
+            return this.i.au;
+        },
+        set: function (v) {
+            this.i.au = ensureEnum(TreemapHighlightingMode_$type, v);
+            this._a("highlightingMode", enumToString(TreemapHighlightingMode_$type, this.i.au));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcTreemapComponent.prototype, "actualHighlightingMode", {
+        /**
+         * Gets the actual highlighting mode used.
+        */
+        get: function () {
+            return this.i.as;
+        },
+        set: function (v) {
+            this.i.as = ensureEnum(TreemapHighlightingMode_$type, v);
+            this._a("actualHighlightingMode", enumToString(TreemapHighlightingMode_$type, this.i.as));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcTreemapComponent.prototype, "animating", {
         get: function () {
-            return this.i.bc;
+            return this.i.bm;
         },
         enumerable: false,
         configurable: true
@@ -1196,10 +1255,10 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the item to drill to in the treemap.
         */
         get: function () {
-            return this.i.d3;
+            return this.i.ek;
         },
         set: function (v) {
-            this.i.d3 = v;
+            this.i.ek = v;
         },
         enumerable: false,
         configurable: true
@@ -1280,11 +1339,11 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcTreemapComponent.prototype.exportSerializedVisualData = function () {
-        var iv = this.i.ej();
+        var iv = this.i.e1();
         return (iv);
     };
     IgcTreemapComponent.prototype.markDirty = function () {
-        this.i.gt();
+        this.i.hh();
     };
     IgcTreemapComponent.prototype.onDetachedFromUI = function () {
         this.i.onDetachedFromUI();
@@ -1293,10 +1352,10 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this.i.onAttachedToUI();
     };
     IgcTreemapComponent.prototype.flush = function () {
-        this.i.gr();
+        this.i.he();
     };
     IgcTreemapComponent.prototype.notifySetItem = function (source_, index, oldItem, newItem) {
-        this.i.gx(source_, index, oldItem, newItem);
+        this.i.hm(source_, index, oldItem, newItem);
     };
     /**
      * Manually notifies the treemap's data source that the data it has bound to has been cleared and needs to be re-examined.
@@ -1305,16 +1364,16 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * @param source_  * The data source.
     */
     IgcTreemapComponent.prototype.notifyClearItems = function (source_) {
-        this.i.gu(source_);
+        this.i.hj(source_);
     };
     IgcTreemapComponent.prototype.notifyInsertItem = function (source_, index, newItem) {
-        this.i.gv(source_, index, newItem);
+        this.i.hk(source_, index, newItem);
     };
     IgcTreemapComponent.prototype.notifyRemoveItem = function (source_, index, oldItem) {
-        this.i.gw(source_, index, oldItem);
+        this.i.hl(source_, index, oldItem);
     };
     IgcTreemapComponent.prototype.simulateHover = function (point) {
-        this.i.hg(toPoint(point));
+        this.i.h5(toPoint(point));
     };
     Object.defineProperty(IgcTreemapComponent.prototype, "nodeStyling", {
         /**
@@ -1347,6 +1406,37 @@ var IgcTreemapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcTreemapComponent.prototype, "nodeRenderStyling", {
+        /**
+         * Fired before a node is rendered for last minute style changes.
+        */
+        get: function () {
+            return this._nodeRenderStyling;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._nodeRenderStyling_wrapped !== null) {
+                this.i.nodeRenderStyling = delegateRemove(this.i.nodeRenderStyling, this._nodeRenderStyling_wrapped);
+                this._nodeRenderStyling_wrapped = null;
+                this._nodeRenderStyling = null;
+            }
+            this._nodeRenderStyling = ev;
+            this._nodeRenderStyling_wrapped = function (o, e) {
+                var outerArgs = new IgcTreemapNodeStylingEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforeNodeRenderStyling) {
+                    _this.beforeNodeRenderStyling(_this, outerArgs);
+                }
+                if (_this._nodeRenderStyling) {
+                    _this._nodeRenderStyling(_this, outerArgs);
+                }
+            };
+            this.i.nodeRenderStyling = delegateCombine(this.i.nodeRenderStyling, this._nodeRenderStyling_wrapped);
+            ;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcTreemapComponent.prototype, "nodePointerOver", {
         /**
          * Fired with the pointer is moving over a node.