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

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

@@ -20,6 +20,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";
 export let IgcTreemapComponent = /*@__PURE__*/ (() => {
     class IgcTreemapComponent extends IgcHTMLElement {
@@ -90,6 +91,8 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
             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;
@@ -275,64 +278,64 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
      * Gets or sets path to use to get the values from the items.
     */
         get valueMemberPath() {
-            return this.i.gi;
+            return this.i.g3;
         }
         set valueMemberPath(v) {
-            this.i.gi = v;
+            this.i.g3 = v;
         }
         /**
          * Gets or sets the root title to use for breadcrumbs.
         */
         get rootTitle() {
-            return this.i.f8;
+            return this.i.gt;
         }
         set rootTitle(v) {
-            this.i.f8 = v;
+            this.i.gt = v;
         }
         /**
          * Gets or sets the root title to use for breadcrumbs.
         */
         get breadcrumbSequence() {
-            return this.i.ed;
+            return this.i.ev;
         }
         set breadcrumbSequence(v) {
-            this.i.ed = v;
+            this.i.ev = v;
         }
         /**
          * Gets or sets the path to use to get the Parent of the items.
         */
         get parentIdMemberPath() {
-            return this.i.fw;
+            return this.i.gh;
         }
         set parentIdMemberPath(v) {
-            this.i.fw = v;
+            this.i.gh = v;
         }
         /**
          * Gets or sets the path to use to get the Label of the items.
         */
         get labelMemberPath() {
-            return this.i.ff;
+            return this.i.fz;
         }
         set labelMemberPath(v) {
-            this.i.ff = v;
+            this.i.fz = v;
         }
         /**
          * Gets or sets the path to use to get the custom value of the items.
         */
         get customValueMemberPath() {
-            return this.i.eg;
+            return this.i.ey;
         }
         set customValueMemberPath(v) {
-            this.i.eg = v;
+            this.i.ey = v;
         }
         /**
          * Gets or sets the path to use to get the id of the items.
         */
         get idMemberPath() {
-            return this.i.e5;
+            return this.i.fp;
         }
         set idMemberPath(v) {
-            this.i.e5 = v;
+            this.i.fp = v;
         }
         /**
          * Gets or sets the (possibly hierarchical) data to assign to the TreeMap.
@@ -367,41 +370,41 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
          * Gets or sets whether the fill scale is logarithmic.
         */
         get isFillScaleLogarithmic() {
-            return this.i.bg;
+            return this.i.bq;
         }
         set isFillScaleLogarithmic(v) {
-            this.i.bg = ensureBool(v);
-            this._a("isFillScaleLogarithmic", this.i.bg);
+            this.i.bq = ensureBool(v);
+            this._a("isFillScaleLogarithmic", this.i.bq);
         }
         /**
          * Gets or sets the logarithm base to use if the fill scale is logarithmic.
         */
         get fillScaleLogarithmBase() {
-            return this.i.dy;
+            return this.i.ee;
         }
         set fillScaleLogarithmBase(v) {
-            this.i.dy = +v;
-            this._a("fillScaleLogarithmBase", this.i.dy);
+            this.i.ee = +v;
+            this._a("fillScaleLogarithmBase", this.i.ee);
         }
         /**
          * Gets or sets the minimum value to use for the fill scale.
         */
         get fillScaleMinimumValue() {
-            return this.i.ct;
+            return this.i.c6;
         }
         set fillScaleMinimumValue(v) {
-            this.i.ct = +v;
-            this._a("fillScaleMinimumValue", this.i.ct);
+            this.i.c6 = +v;
+            this._a("fillScaleMinimumValue", this.i.c6);
         }
         /**
          * Gets or sets the maximum value to use for the fill scale.
         */
         get fillScaleMaximumValue() {
-            return this.i.cs;
+            return this.i.c5;
         }
         set fillScaleMaximumValue(v) {
-            this.i.cs = +v;
-            this._a("fillScaleMaximumValue", this.i.cs);
+            this.i.c5 = +v;
+            this._a("fillScaleMaximumValue", this.i.c5);
         }
         /**
          * Gets or sets the vertical fit mode to use for the node labels.
@@ -427,131 +430,131 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
          * Gets or sets the background to use for the overlay header when it is hovered.
         */
         get overlayHeaderHoverBackground() {
-            return brushToString(this.i.h9);
+            return brushToString(this.i.i2);
         }
         set overlayHeaderHoverBackground(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));
         }
         /**
          * Gets or sets the background to use for the header when it is hovered.
         */
         get headerHoverBackground() {
-            return brushToString(this.i.h3);
+            return brushToString(this.i.iw);
         }
         set headerHoverBackground(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));
         }
         /**
          * Gets or sets the background to use for the header.
         */
         get headerBackground() {
-            return brushToString(this.i.h1);
+            return brushToString(this.i.iu);
         }
         set headerBackground(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));
         }
         /**
          * Gets or sets the background to use for the overlay header.
         */
         get overlayHeaderBackground() {
-            return brushToString(this.i.h8);
+            return brushToString(this.i.i1);
         }
         set overlayHeaderBackground(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));
         }
         /**
          * Gets or sets the text color to use for the header.
         */
         get headerTextColor() {
-            return brushToString(this.i.h6);
+            return brushToString(this.i.iz);
         }
         set headerTextColor(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));
         }
         /**
          * Gets or sets the dark text color to use for the header.
         */
         get headerDarkTextColor() {
-            return brushToString(this.i.h2);
+            return brushToString(this.i.iv);
         }
         set headerDarkTextColor(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));
         }
         /**
          * Gets or sets the text color to use for the nodes.
         */
         get textColor() {
-            return brushToString(this.i.ik);
+            return brushToString(this.i.jc);
         }
         set textColor(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));
         }
         /**
          * Gets or sets the dark text color to use for the nodes.
         */
         get darkTextColor() {
-            return brushToString(this.i.h0);
+            return brushToString(this.i.it);
         }
         set darkTextColor(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));
         }
         /**
          * Gets or sets the text color to use for the header.
         */
         get headerHoverTextColor() {
-            return brushToString(this.i.h5);
+            return brushToString(this.i.iy);
         }
         set headerHoverTextColor(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));
         }
         /**
          * Gets or sets the dark text color to use for the header when hovered.
         */
         get headerHoverDarkTextColor() {
-            return brushToString(this.i.h4);
+            return brushToString(this.i.ix);
         }
         set headerHoverDarkTextColor(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));
         }
         /**
          * Gets or sets the font to use for content nodes
         */
         get textStyle() {
-            if (this.i.aw == null) {
+            if (this.i.a4 == null) {
                 return null;
             }
-            return this.i.aw.fontString;
+            return this.i.a4.fontString;
         }
         set textStyle(v) {
             let 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 : "");
         }
         /**
          * Gets or sets the font to use for header nodes
         */
         get headerTextStyle() {
-            if (this.i.au == null) {
+            if (this.i.a2 == null) {
                 return null;
             }
-            return this.i.au.fontString;
+            return this.i.a2.fontString;
         }
         set headerTextStyle(v) {
             let 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 : "");
         }
         /**
          * Gets or sets the font to use for header nodes
@@ -567,261 +570,271 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
          * Gets or sets the left margin to use for the header.
         */
         get headerLabelLeftMargin() {
-            return this.i.cx;
+            return this.i.da;
         }
         set headerLabelLeftMargin(v) {
-            this.i.cx = +v;
-            this._a("headerLabelLeftMargin", this.i.cx);
+            this.i.da = +v;
+            this._a("headerLabelLeftMargin", this.i.da);
         }
         /**
          * Gets or sets the top margin to use for the header.
         */
         get headerLabelTopMargin() {
-            return this.i.cz;
+            return this.i.dc;
         }
         set headerLabelTopMargin(v) {
-            this.i.cz = +v;
-            this._a("headerLabelTopMargin", this.i.cz);
+            this.i.dc = +v;
+            this._a("headerLabelTopMargin", this.i.dc);
         }
         /**
          * Gets or sets the right margin to use for the header.
         */
         get headerLabelRightMargin() {
-            return this.i.cy;
+            return this.i.db;
         }
         set headerLabelRightMargin(v) {
-            this.i.cy = +v;
-            this._a("headerLabelRightMargin", this.i.cy);
+            this.i.db = +v;
+            this._a("headerLabelRightMargin", this.i.db);
         }
         /**
          * Gets or sets the bottom margin to use for the header.
         */
         get headerLabelBottomMargin() {
-            return this.i.cw;
+            return this.i.c9;
         }
         set headerLabelBottomMargin(v) {
-            this.i.cw = +v;
-            this._a("headerLabelBottomMargin", this.i.cw);
+            this.i.c9 = +v;
+            this._a("headerLabelBottomMargin", this.i.c9);
         }
         /**
          * Gets or sets the left margin to use for the overlay header.
         */
         get overlayHeaderLabelLeftMargin() {
-            return this.i.c7;
+            return this.i.dl;
         }
         set overlayHeaderLabelLeftMargin(v) {
-            this.i.c7 = +v;
-            this._a("overlayHeaderLabelLeftMargin", this.i.c7);
+            this.i.dl = +v;
+            this._a("overlayHeaderLabelLeftMargin", this.i.dl);
         }
         /**
          * Gets or sets the top margin to use for the overlay header.
         */
         get overlayHeaderLabelTopMargin() {
-            return this.i.c9;
+            return this.i.dn;
         }
         set overlayHeaderLabelTopMargin(v) {
-            this.i.c9 = +v;
-            this._a("overlayHeaderLabelTopMargin", this.i.c9);
+            this.i.dn = +v;
+            this._a("overlayHeaderLabelTopMargin", this.i.dn);
         }
         /**
          * Gets or sets the right margin to use for the overlay header.
         */
         get overlayHeaderLabelRightMargin() {
-            return this.i.c8;
+            return this.i.dm;
         }
         set overlayHeaderLabelRightMargin(v) {
-            this.i.c8 = +v;
-            this._a("overlayHeaderLabelRightMargin", this.i.c8);
+            this.i.dm = +v;
+            this._a("overlayHeaderLabelRightMargin", this.i.dm);
         }
         /**
          * Gets or sets the bottom margin to use for the overlay header.
         */
         get overlayHeaderLabelBottomMargin() {
-            return this.i.c6;
+            return this.i.dk;
         }
         set overlayHeaderLabelBottomMargin(v) {
-            this.i.c6 = +v;
-            this._a("overlayHeaderLabelBottomMargin", this.i.c6);
+            this.i.dk = +v;
+            this._a("overlayHeaderLabelBottomMargin", this.i.dk);
         }
         /**
          * Gets or sets the left margin to use for the labels.
         */
         get labelLeftMargin() {
-            return this.i.c2;
+            return this.i.df;
         }
         set labelLeftMargin(v) {
-            this.i.c2 = +v;
-            this._a("labelLeftMargin", this.i.c2);
+            this.i.df = +v;
+            this._a("labelLeftMargin", this.i.df);
         }
         /**
          * Gets or sets the top margin to use for the labels.
         */
         get labelTopMargin() {
-            return this.i.c4;
+            return this.i.dh;
         }
         set labelTopMargin(v) {
-            this.i.c4 = +v;
-            this._a("labelTopMargin", this.i.c4);
+            this.i.dh = +v;
+            this._a("labelTopMargin", this.i.dh);
         }
         /**
          * Gets or sets the right margin to use for the labels.
         */
         get labelRightMargin() {
-            return this.i.c3;
+            return this.i.dg;
         }
         set labelRightMargin(v) {
-            this.i.c3 = +v;
-            this._a("labelRightMargin", this.i.c3);
+            this.i.dg = +v;
+            this._a("labelRightMargin", this.i.dg);
         }
         /**
          * Gets or sets the bottom margin to use for the labels.
         */
         get labelBottomMargin() {
-            return this.i.c1;
+            return this.i.de;
         }
         set labelBottomMargin(v) {
-            this.i.c1 = +v;
-            this._a("labelBottomMargin", this.i.c1);
+            this.i.de = +v;
+            this._a("labelBottomMargin", this.i.de);
         }
         /**
          * Gets or sets the left margin to use for the parent nodes.
         */
         get parentNodeLeftMargin() {
-            return this.i.dc;
+            return this.i.dr;
         }
         set parentNodeLeftMargin(v) {
-            this.i.dc = +v;
-            this._a("parentNodeLeftMargin", this.i.dc);
+            this.i.dr = +v;
+            this._a("parentNodeLeftMargin", this.i.dr);
         }
         /**
          * Gets or sets the top margin to use for the parent nodes.
         */
         get parentNodeTopMargin() {
-            return this.i.dg;
+            return this.i.dv;
         }
         set parentNodeTopMargin(v) {
-            this.i.dg = +v;
-            this._a("parentNodeTopMargin", this.i.dg);
+            this.i.dv = +v;
+            this._a("parentNodeTopMargin", this.i.dv);
         }
         /**
          * Gets or sets the right margin to use for the parent nodes.
         */
         get parentNodeRightMargin() {
-            return this.i.de;
+            return this.i.dt;
         }
         set parentNodeRightMargin(v) {
-            this.i.de = +v;
-            this._a("parentNodeRightMargin", this.i.de);
+            this.i.dt = +v;
+            this._a("parentNodeRightMargin", this.i.dt);
         }
         /**
          * Gets or sets the bottom margin to use for the parent nodes.
         */
         get parentNodeBottomMargin() {
-            return this.i.da;
+            return this.i.dp;
         }
         set parentNodeBottomMargin(v) {
-            this.i.da = +v;
-            this._a("parentNodeBottomMargin", this.i.da);
+            this.i.dp = +v;
+            this._a("parentNodeBottomMargin", this.i.dp);
         }
         /**
          * Gets or sets the left padding to use for the parent nodes.
         */
         get parentNodeLeftPadding() {
-            return this.i.dd;
+            return this.i.ds;
         }
         set parentNodeLeftPadding(v) {
-            this.i.dd = +v;
-            this._a("parentNodeLeftPadding", this.i.dd);
+            this.i.ds = +v;
+            this._a("parentNodeLeftPadding", this.i.ds);
         }
         /**
          * Gets or sets the top padding to use for the parent nodes.
         */
         get parentNodeTopPadding() {
-            return this.i.dh;
+            return this.i.dw;
         }
         set parentNodeTopPadding(v) {
-            this.i.dh = +v;
-            this._a("parentNodeTopPadding", this.i.dh);
+            this.i.dw = +v;
+            this._a("parentNodeTopPadding", this.i.dw);
         }
         /**
          * Gets or sets the right padding to use for the parent nodes.
         */
         get parentNodeRightPadding() {
-            return this.i.df;
+            return this.i.du;
         }
         set parentNodeRightPadding(v) {
-            this.i.df = +v;
-            this._a("parentNodeRightPadding", this.i.df);
+            this.i.du = +v;
+            this._a("parentNodeRightPadding", this.i.du);
         }
         /**
          * Gets or sets the bottom padding to use for the parent nodes.
         */
         get parentNodeBottomPadding() {
-            return this.i.db;
+            return this.i.dq;
         }
         set parentNodeBottomPadding(v) {
-            this.i.db = +v;
-            this._a("parentNodeBottomPadding", this.i.db);
+            this.i.dq = +v;
+            this._a("parentNodeBottomPadding", this.i.dq);
         }
         /**
          * Gets or sets the horizontal alignment to use for the node labels.
         */
         get labelHorizontalAlignment() {
-            return this.i.hn;
+            return this.i.id;
         }
         set labelHorizontalAlignment(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));
         }
         /**
          * Gets or sets the vertical alignment to use for the node labels.
         */
         get labelVerticalAlignment() {
-            return this.i.ir;
+            return this.i.ji;
         }
         set labelVerticalAlignment(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));
         }
         /**
          * Gets or sets the height to use for the header.
         */
         get headerHeight() {
-            return this.i.cv;
+            return this.i.c8;
         }
         set headerHeight(v) {
-            this.i.cv = +v;
-            this._a("headerHeight", this.i.cv);
+            this.i.c8 = +v;
+            this._a("headerHeight", this.i.c8);
         }
         /**
          * Gets or sets the outline to use for the nodes.
         */
         get outline() {
-            return brushToString(this.i.h7);
+            return brushToString(this.i.i0);
         }
         set outline(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));
         }
         /**
          * Gets or sets the stroke thickness to use for the node outline.
         */
         get strokeThickness() {
-            return this.i.dt;
+            return this.i.d8;
         }
         set strokeThickness(v) {
-            this.i.dt = +v;
-            this._a("strokeThickness", this.i.dt);
+            this.i.d8 = +v;
+            this._a("strokeThickness", this.i.d8);
+        }
+        /**
+         * Gets or sets the opacity to use for the nodes.
+        */
+        get nodeOpacity() {
+            return this.i.dj;
+        }
+        set nodeOpacity(v) {
+            this.i.dj = +v;
+            this._a("nodeOpacity", this.i.dj);
         }
         /**
          * Gets or sets the orientation to use for the stripped and slice and dice layout types.
         */
         get layoutOrientation() {
-            return this.i.ai;
+            return this.i.aj;
         }
         set layoutOrientation(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));
         }
         /**
          * Gets or sets the type of layout to use for the nodes.
@@ -837,21 +850,21 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
          * Gets or sets the minimum size (width or height) to display a node.
         */
         get minimumDisplaySize() {
-            return this.i.c5;
+            return this.i.di;
         }
         set minimumDisplaySize(v) {
-            this.i.c5 = +v;
-            this._a("minimumDisplaySize", this.i.c5);
+            this.i.di = +v;
+            this._a("minimumDisplaySize", this.i.di);
         }
         /**
          * Gets or sets the number of milliseconds over which changes to the gauge should be animated.
         */
         get transitionDuration() {
-            return this.i.d1;
+            return this.i.ei;
         }
         set transitionDuration(v) {
-            this.i.d1 = +v;
-            this._a("transitionDuration", this.i.d1);
+            this.i.ei = +v;
+            this._a("transitionDuration", this.i.ei);
         }
         /**
          * Gets or sets the scaling value used to affect the pixel density of the control.
@@ -859,18 +872,18 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
          * to appear blurry.
         */
         get pixelScalingRatio() {
-            return this.i.di;
+            return this.i.dx;
         }
         set pixelScalingRatio(v) {
-            this.i.di = +v;
-            this._a("pixelScalingRatio", this.i.di);
+            this.i.dx = +v;
+            this._a("pixelScalingRatio", this.i.dx);
         }
         get actualPixelScalingRatio() {
-            return this.i.cp;
+            return this.i.c1;
         }
         set actualPixelScalingRatio(v) {
-            this.i.cp = +v;
-            this._a("actualPixelScalingRatio", this.i.cp);
+            this.i.c1 = +v;
+            this._a("actualPixelScalingRatio", this.i.c1);
         }
         /**
          * Gets or sets the scaling value used to affect the pixel density of the control while it is animating.
@@ -878,11 +891,11 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
          * to appear blurry.
         */
         get interactionPixelScalingRatio() {
-            return this.i.c0;
+            return this.i.dd;
         }
         set interactionPixelScalingRatio(v) {
-            this.i.c0 = +v;
-            this._a("interactionPixelScalingRatio", this.i.c0);
+            this.i.dd = +v;
+            this._a("interactionPixelScalingRatio", this.i.dd);
         }
         /**
          * Gets or sets the resolved scaling value used to affect the pixel density of the control while it is animating.
@@ -890,23 +903,53 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
          * to appear blurry.
         */
         get actualInteractionPixelScalingRatio() {
-            return this.i.co;
+            return this.i.c0;
         }
         set actualInteractionPixelScalingRatio(v) {
-            this.i.co = +v;
-            this._a("actualInteractionPixelScalingRatio", this.i.co);
+            this.i.c0 = +v;
+            this._a("actualInteractionPixelScalingRatio", this.i.c0);
+        }
+        /**
+         * Gets or sets the number of milliseconds over which the highlighting effect will render.
+        */
+        get highlightingTransitionDuration() {
+            return this.i.eg;
+        }
+        set highlightingTransitionDuration(v) {
+            this.i.eg = +v;
+            this._a("highlightingTransitionDuration", this.i.eg);
+        }
+        /**
+         * Gets or sets the highlighting mode to use.
+        */
+        get highlightingMode() {
+            return this.i.au;
+        }
+        set highlightingMode(v) {
+            this.i.au = ensureEnum(TreemapHighlightingMode_$type, v);
+            this._a("highlightingMode", enumToString(TreemapHighlightingMode_$type, this.i.au));
+        }
+        /**
+         * Gets the actual highlighting mode used.
+        */
+        get actualHighlightingMode() {
+            return this.i.as;
+        }
+        set actualHighlightingMode(v) {
+            this.i.as = ensureEnum(TreemapHighlightingMode_$type, v);
+            this._a("actualHighlightingMode", enumToString(TreemapHighlightingMode_$type, this.i.as));
         }
         get animating() {
-            return this.i.bc;
+            return this.i.bm;
         }
         /**
          * Gets or sets the item to drill to in the treemap.
         */
         get focusItem() {
-            return this.i.d3;
+            return this.i.ek;
         }
         set focusItem(v) {
-            this.i.d3 = v;
+            this.i.ek = v;
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -980,11 +1023,11 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
         
         */
         exportSerializedVisualData() {
-            let iv = this.i.ej();
+            let iv = this.i.e1();
             return (iv);
         }
         markDirty() {
-            this.i.gt();
+            this.i.hh();
         }
         onDetachedFromUI() {
             this.i.onDetachedFromUI();
@@ -993,10 +1036,10 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
             this.i.onAttachedToUI();
         }
         flush() {
-            this.i.gr();
+            this.i.he();
         }
         notifySetItem(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.
@@ -1005,16 +1048,16 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
         * @param source_  * The data source.
         */
         notifyClearItems(source_) {
-            this.i.gu(source_);
+            this.i.hj(source_);
         }
         notifyInsertItem(source_, index, newItem) {
-            this.i.gv(source_, index, newItem);
+            this.i.hk(source_, index, newItem);
         }
         notifyRemoveItem(source_, index, oldItem) {
-            this.i.gw(source_, index, oldItem);
+            this.i.hl(source_, index, oldItem);
         }
         simulateHover(point) {
-            this.i.hg(toPoint(point));
+            this.i.h5(toPoint(point));
         }
         /**
          * Fired when a node is being styled. Provides an opportunity to customize node styling.
@@ -1042,6 +1085,32 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
             this.i.nodeStyling = delegateCombine(this.i.nodeStyling, this._nodeStyling_wrapped);
             ;
         }
+        /**
+         * Fired before a node is rendered for last minute style changes.
+        */
+        get nodeRenderStyling() {
+            return this._nodeRenderStyling;
+        }
+        set nodeRenderStyling(ev) {
+            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 = (o, e) => {
+                let 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);
+            ;
+        }
         /**
          * Fired with the pointer is moving over a node.
         */