igniteui-webcomponents-charts 4.7.2 → 4.8.1-alpha.0

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

@@ -21,6 +21,7 @@ import { VerticalAlignment_$type } from "igniteui-webcomponents-core";
 import { TreemapLabelHorizontalFitMode_$type } from './TreemapLabelHorizontalFitMode';
 import { TreemapLabelVerticalFitMode_$type } from './TreemapLabelVerticalFitMode';
 import { TreemapHighlightingMode_$type } from './TreemapHighlightingMode';
+import { TreemapHighlightedValueDisplayMode_$type } from './TreemapHighlightedValueDisplayMode';
 import { IgcHTMLElement } from "igniteui-webcomponents-core";
 export let IgcTreemapComponent = /*@__PURE__*/ (() => {
     class IgcTreemapComponent extends IgcHTMLElement {
@@ -278,64 +279,64 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
      * Gets or sets path to use to get the values from the items.
     */
         get valueMemberPath() {
-            return this.i.g3;
+            return this.i.hx;
         }
         set valueMemberPath(v) {
-            this.i.g3 = v;
+            this.i.hx = v;
         }
         /**
          * Gets or sets the root title to use for breadcrumbs.
         */
         get rootTitle() {
-            return this.i.gt;
+            return this.i.hn;
         }
         set rootTitle(v) {
-            this.i.gt = v;
+            this.i.hn = v;
         }
         /**
          * Gets or sets the root title to use for breadcrumbs.
         */
         get breadcrumbSequence() {
-            return this.i.ev;
+            return this.i.fh;
         }
         set breadcrumbSequence(v) {
-            this.i.ev = v;
+            this.i.fh = v;
         }
         /**
          * Gets or sets the path to use to get the Parent of the items.
         */
         get parentIdMemberPath() {
-            return this.i.gh;
+            return this.i.hb;
         }
         set parentIdMemberPath(v) {
-            this.i.gh = v;
+            this.i.hb = v;
         }
         /**
          * Gets or sets the path to use to get the Label of the items.
         */
         get labelMemberPath() {
-            return this.i.fz;
+            return this.i.gt;
         }
         set labelMemberPath(v) {
-            this.i.fz = v;
+            this.i.gt = v;
         }
         /**
          * Gets or sets the path to use to get the custom value of the items.
         */
         get customValueMemberPath() {
-            return this.i.ey;
+            return this.i.fk;
         }
         set customValueMemberPath(v) {
-            this.i.ey = v;
+            this.i.fk = v;
         }
         /**
          * Gets or sets the path to use to get the id of the items.
         */
         get idMemberPath() {
-            return this.i.fp;
+            return this.i.gj;
         }
         set idMemberPath(v) {
-            this.i.fp = v;
+            this.i.gj = v;
         }
         /**
          * Gets or sets the (possibly hierarchical) data to assign to the TreeMap.
@@ -346,6 +347,44 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
         set dataSource(v) {
             this.i.dataSource = v;
         }
+        /**
+         * Gets or sets the data to highlight.
+        */
+        get highlightedDataSource() {
+            return this.i.highlightedDataSource;
+        }
+        set highlightedDataSource(v) {
+            this.i.highlightedDataSource = v;
+        }
+        /**
+         * Gets or sets the highlighted value mapping property.
+        */
+        get highlightedValueMemberPath() {
+            return this.i.gb;
+        }
+        set highlightedValueMemberPath(v) {
+            this.i.gb = v;
+        }
+        /**
+         * Gets or sets the opacity applied to the node underneath the highlighted value.
+        */
+        get highlightedValueOpacity() {
+            return this.i.dt;
+        }
+        set highlightedValueOpacity(v) {
+            this.i.dt = +v;
+            this._a("highlightedValueOpacity", this.i.dt);
+        }
+        /**
+         * Gets or sets the display mode for highlighted values.
+        */
+        get highlightedValuesDisplayMode() {
+            return this.i.l;
+        }
+        set highlightedValuesDisplayMode(v) {
+            this.i.l = ensureEnum(TreemapHighlightedValueDisplayMode_$type, v);
+            this._a("highlightedValuesDisplayMode", enumToString(TreemapHighlightedValueDisplayMode_$type, this.i.l));
+        }
         /**
          * Gets or sets brushes to use for the fill scale.
         */
@@ -370,191 +409,191 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
          * Gets or sets whether the fill scale is logarithmic.
         */
         get isFillScaleLogarithmic() {
-            return this.i.bq;
+            return this.i.bx;
         }
         set isFillScaleLogarithmic(v) {
-            this.i.bq = ensureBool(v);
-            this._a("isFillScaleLogarithmic", this.i.bq);
+            this.i.bx = ensureBool(v);
+            this._a("isFillScaleLogarithmic", this.i.bx);
         }
         /**
          * Gets or sets the logarithm base to use if the fill scale is logarithmic.
         */
         get fillScaleLogarithmBase() {
-            return this.i.ee;
+            return this.i.ez;
         }
         set fillScaleLogarithmBase(v) {
-            this.i.ee = +v;
-            this._a("fillScaleLogarithmBase", this.i.ee);
+            this.i.ez = +v;
+            this._a("fillScaleLogarithmBase", this.i.ez);
         }
         /**
          * Gets or sets the minimum value to use for the fill scale.
         */
         get fillScaleMinimumValue() {
-            return this.i.c6;
+            return this.i.dl;
         }
         set fillScaleMinimumValue(v) {
-            this.i.c6 = +v;
-            this._a("fillScaleMinimumValue", this.i.c6);
+            this.i.dl = +v;
+            this._a("fillScaleMinimumValue", this.i.dl);
         }
         /**
          * Gets or sets the maximum value to use for the fill scale.
         */
         get fillScaleMaximumValue() {
-            return this.i.c5;
+            return this.i.dk;
         }
         set fillScaleMaximumValue(v) {
-            this.i.c5 = +v;
-            this._a("fillScaleMaximumValue", this.i.c5);
+            this.i.dk = +v;
+            this._a("fillScaleMaximumValue", this.i.dk);
         }
         /**
          * Gets or sets the vertical fit mode to use for the node labels.
         */
         get labelVerticalFitMode() {
-            return this.i.p;
+            return this.i.r;
         }
         set labelVerticalFitMode(v) {
-            this.i.p = ensureEnum(TreemapLabelVerticalFitMode_$type, v);
-            this._a("labelVerticalFitMode", enumToString(TreemapLabelVerticalFitMode_$type, this.i.p));
+            this.i.r = ensureEnum(TreemapLabelVerticalFitMode_$type, v);
+            this._a("labelVerticalFitMode", enumToString(TreemapLabelVerticalFitMode_$type, this.i.r));
         }
         /**
          * Gets or sets the horizontal fit mode to use for the node labels.
         */
         get labelHorizontalFitMode() {
-            return this.i.m;
+            return this.i.o;
         }
         set labelHorizontalFitMode(v) {
-            this.i.m = ensureEnum(TreemapLabelHorizontalFitMode_$type, v);
-            this._a("labelHorizontalFitMode", enumToString(TreemapLabelHorizontalFitMode_$type, this.i.m));
+            this.i.o = ensureEnum(TreemapLabelHorizontalFitMode_$type, v);
+            this._a("labelHorizontalFitMode", enumToString(TreemapLabelHorizontalFitMode_$type, this.i.o));
         }
         /**
          * Gets or sets the background to use for the overlay header when it is hovered.
         */
         get overlayHeaderHoverBackground() {
-            return brushToString(this.i.i2);
+            return brushToString(this.i.jx);
         }
         set overlayHeaderHoverBackground(v) {
-            this.i.i2 = stringToBrush(v);
-            this._a("overlayHeaderHoverBackground", brushToString(this.i.i2));
+            this.i.jx = stringToBrush(v);
+            this._a("overlayHeaderHoverBackground", brushToString(this.i.jx));
         }
         /**
          * Gets or sets the background to use for the header when it is hovered.
         */
         get headerHoverBackground() {
-            return brushToString(this.i.iw);
+            return brushToString(this.i.jr);
         }
         set headerHoverBackground(v) {
-            this.i.iw = stringToBrush(v);
-            this._a("headerHoverBackground", brushToString(this.i.iw));
+            this.i.jr = stringToBrush(v);
+            this._a("headerHoverBackground", brushToString(this.i.jr));
         }
         /**
          * Gets or sets the background to use for the header.
         */
         get headerBackground() {
-            return brushToString(this.i.iu);
+            return brushToString(this.i.jp);
         }
         set headerBackground(v) {
-            this.i.iu = stringToBrush(v);
-            this._a("headerBackground", brushToString(this.i.iu));
+            this.i.jp = stringToBrush(v);
+            this._a("headerBackground", brushToString(this.i.jp));
         }
         /**
          * Gets or sets the background to use for the overlay header.
         */
         get overlayHeaderBackground() {
-            return brushToString(this.i.i1);
+            return brushToString(this.i.jw);
         }
         set overlayHeaderBackground(v) {
-            this.i.i1 = stringToBrush(v);
-            this._a("overlayHeaderBackground", brushToString(this.i.i1));
+            this.i.jw = stringToBrush(v);
+            this._a("overlayHeaderBackground", brushToString(this.i.jw));
         }
         /**
          * Gets or sets the text color to use for the header.
         */
         get headerTextColor() {
-            return brushToString(this.i.iz);
+            return brushToString(this.i.ju);
         }
         set headerTextColor(v) {
-            this.i.iz = stringToBrush(v);
-            this._a("headerTextColor", brushToString(this.i.iz));
+            this.i.ju = stringToBrush(v);
+            this._a("headerTextColor", brushToString(this.i.ju));
         }
         /**
          * Gets or sets the dark text color to use for the header.
         */
         get headerDarkTextColor() {
-            return brushToString(this.i.iv);
+            return brushToString(this.i.jq);
         }
         set headerDarkTextColor(v) {
-            this.i.iv = stringToBrush(v);
-            this._a("headerDarkTextColor", brushToString(this.i.iv));
+            this.i.jq = stringToBrush(v);
+            this._a("headerDarkTextColor", brushToString(this.i.jq));
         }
         /**
          * Gets or sets the text color to use for the nodes.
         */
         get textColor() {
-            return brushToString(this.i.jc);
+            return brushToString(this.i.j7);
         }
         set textColor(v) {
-            this.i.jc = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.jc));
+            this.i.j7 = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.j7));
         }
         /**
          * Gets or sets the dark text color to use for the nodes.
         */
         get darkTextColor() {
-            return brushToString(this.i.it);
+            return brushToString(this.i.jo);
         }
         set darkTextColor(v) {
-            this.i.it = stringToBrush(v);
-            this._a("darkTextColor", brushToString(this.i.it));
+            this.i.jo = stringToBrush(v);
+            this._a("darkTextColor", brushToString(this.i.jo));
         }
         /**
          * Gets or sets the text color to use for the header.
         */
         get headerHoverTextColor() {
-            return brushToString(this.i.iy);
+            return brushToString(this.i.jt);
         }
         set headerHoverTextColor(v) {
-            this.i.iy = stringToBrush(v);
-            this._a("headerHoverTextColor", brushToString(this.i.iy));
+            this.i.jt = stringToBrush(v);
+            this._a("headerHoverTextColor", brushToString(this.i.jt));
         }
         /**
          * Gets or sets the dark text color to use for the header when hovered.
         */
         get headerHoverDarkTextColor() {
-            return brushToString(this.i.ix);
+            return brushToString(this.i.js);
         }
         set headerHoverDarkTextColor(v) {
-            this.i.ix = stringToBrush(v);
-            this._a("headerHoverDarkTextColor", brushToString(this.i.ix));
+            this.i.js = stringToBrush(v);
+            this._a("headerHoverDarkTextColor", brushToString(this.i.js));
         }
         /**
          * Gets or sets the font to use for content nodes
         */
         get textStyle() {
-            if (this.i.a4 == null) {
+            if (this.i.a8 == null) {
                 return null;
             }
-            return this.i.a4.fontString;
+            return this.i.a8.fontString;
         }
         set textStyle(v) {
             let fi = new FontInfo();
             fi.fontString = v;
-            this.i.a4 = fi;
-            this._a("textStyle", this.i.a4 != null ? this.i.a4.fontString : "");
+            this.i.a8 = fi;
+            this._a("textStyle", this.i.a8 != null ? this.i.a8.fontString : "");
         }
         /**
          * Gets or sets the font to use for header nodes
         */
         get headerTextStyle() {
-            if (this.i.a2 == null) {
+            if (this.i.a6 == null) {
                 return null;
             }
-            return this.i.a2.fontString;
+            return this.i.a6.fontString;
         }
         set headerTextStyle(v) {
             let fi = new FontInfo();
             fi.fontString = v;
-            this.i.a2 = fi;
-            this._a("headerTextStyle", this.i.a2 != null ? this.i.a2.fontString : "");
+            this.i.a6 = fi;
+            this._a("headerTextStyle", this.i.a6 != null ? this.i.a6.fontString : "");
         }
         /**
          * Gets or sets the font to use for header nodes
@@ -570,301 +609,301 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
          * Gets or sets the left margin to use for the header.
         */
         get headerLabelLeftMargin() {
-            return this.i.da;
+            return this.i.dq;
         }
         set headerLabelLeftMargin(v) {
-            this.i.da = +v;
-            this._a("headerLabelLeftMargin", this.i.da);
+            this.i.dq = +v;
+            this._a("headerLabelLeftMargin", this.i.dq);
         }
         /**
          * Gets or sets the top margin to use for the header.
         */
         get headerLabelTopMargin() {
-            return this.i.dc;
+            return this.i.ds;
         }
         set headerLabelTopMargin(v) {
-            this.i.dc = +v;
-            this._a("headerLabelTopMargin", this.i.dc);
+            this.i.ds = +v;
+            this._a("headerLabelTopMargin", this.i.ds);
         }
         /**
          * Gets or sets the right margin to use for the header.
         */
         get headerLabelRightMargin() {
-            return this.i.db;
+            return this.i.dr;
         }
         set headerLabelRightMargin(v) {
-            this.i.db = +v;
-            this._a("headerLabelRightMargin", this.i.db);
+            this.i.dr = +v;
+            this._a("headerLabelRightMargin", this.i.dr);
         }
         /**
          * Gets or sets the bottom margin to use for the header.
         */
         get headerLabelBottomMargin() {
-            return this.i.c9;
+            return this.i.dp;
         }
         set headerLabelBottomMargin(v) {
-            this.i.c9 = +v;
-            this._a("headerLabelBottomMargin", this.i.c9);
+            this.i.dp = +v;
+            this._a("headerLabelBottomMargin", this.i.dp);
         }
         /**
          * Gets or sets the left margin to use for the overlay header.
         */
         get overlayHeaderLabelLeftMargin() {
-            return this.i.dl;
+            return this.i.d3;
         }
         set overlayHeaderLabelLeftMargin(v) {
-            this.i.dl = +v;
-            this._a("overlayHeaderLabelLeftMargin", this.i.dl);
+            this.i.d3 = +v;
+            this._a("overlayHeaderLabelLeftMargin", this.i.d3);
         }
         /**
          * Gets or sets the top margin to use for the overlay header.
         */
         get overlayHeaderLabelTopMargin() {
-            return this.i.dn;
+            return this.i.d5;
         }
         set overlayHeaderLabelTopMargin(v) {
-            this.i.dn = +v;
-            this._a("overlayHeaderLabelTopMargin", this.i.dn);
+            this.i.d5 = +v;
+            this._a("overlayHeaderLabelTopMargin", this.i.d5);
         }
         /**
          * Gets or sets the right margin to use for the overlay header.
         */
         get overlayHeaderLabelRightMargin() {
-            return this.i.dm;
+            return this.i.d4;
         }
         set overlayHeaderLabelRightMargin(v) {
-            this.i.dm = +v;
-            this._a("overlayHeaderLabelRightMargin", this.i.dm);
+            this.i.d4 = +v;
+            this._a("overlayHeaderLabelRightMargin", this.i.d4);
         }
         /**
          * Gets or sets the bottom margin to use for the overlay header.
         */
         get overlayHeaderLabelBottomMargin() {
-            return this.i.dk;
+            return this.i.d2;
         }
         set overlayHeaderLabelBottomMargin(v) {
-            this.i.dk = +v;
-            this._a("overlayHeaderLabelBottomMargin", this.i.dk);
+            this.i.d2 = +v;
+            this._a("overlayHeaderLabelBottomMargin", this.i.d2);
         }
         /**
          * Gets or sets the left margin to use for the labels.
         */
         get labelLeftMargin() {
-            return this.i.df;
+            return this.i.dx;
         }
         set labelLeftMargin(v) {
-            this.i.df = +v;
-            this._a("labelLeftMargin", this.i.df);
+            this.i.dx = +v;
+            this._a("labelLeftMargin", this.i.dx);
         }
         /**
          * Gets or sets the top margin to use for the labels.
         */
         get labelTopMargin() {
-            return this.i.dh;
+            return this.i.dz;
         }
         set labelTopMargin(v) {
-            this.i.dh = +v;
-            this._a("labelTopMargin", this.i.dh);
+            this.i.dz = +v;
+            this._a("labelTopMargin", this.i.dz);
         }
         /**
          * Gets or sets the right margin to use for the labels.
         */
         get labelRightMargin() {
-            return this.i.dg;
+            return this.i.dy;
         }
         set labelRightMargin(v) {
-            this.i.dg = +v;
-            this._a("labelRightMargin", this.i.dg);
+            this.i.dy = +v;
+            this._a("labelRightMargin", this.i.dy);
         }
         /**
          * Gets or sets the bottom margin to use for the labels.
         */
         get labelBottomMargin() {
-            return this.i.de;
+            return this.i.dw;
         }
         set labelBottomMargin(v) {
-            this.i.de = +v;
-            this._a("labelBottomMargin", this.i.de);
+            this.i.dw = +v;
+            this._a("labelBottomMargin", this.i.dw);
         }
         /**
          * Gets or sets the left margin to use for the parent nodes.
         */
         get parentNodeLeftMargin() {
-            return this.i.dr;
+            return this.i.d8;
         }
         set parentNodeLeftMargin(v) {
-            this.i.dr = +v;
-            this._a("parentNodeLeftMargin", this.i.dr);
+            this.i.d8 = +v;
+            this._a("parentNodeLeftMargin", this.i.d8);
         }
         /**
          * Gets or sets the top margin to use for the parent nodes.
         */
         get parentNodeTopMargin() {
-            return this.i.dv;
+            return this.i.ec;
         }
         set parentNodeTopMargin(v) {
-            this.i.dv = +v;
-            this._a("parentNodeTopMargin", this.i.dv);
+            this.i.ec = +v;
+            this._a("parentNodeTopMargin", this.i.ec);
         }
         /**
          * Gets or sets the right margin to use for the parent nodes.
         */
         get parentNodeRightMargin() {
-            return this.i.dt;
+            return this.i.ea;
         }
         set parentNodeRightMargin(v) {
-            this.i.dt = +v;
-            this._a("parentNodeRightMargin", this.i.dt);
+            this.i.ea = +v;
+            this._a("parentNodeRightMargin", this.i.ea);
         }
         /**
          * Gets or sets the bottom margin to use for the parent nodes.
         */
         get parentNodeBottomMargin() {
-            return this.i.dp;
+            return this.i.d6;
         }
         set parentNodeBottomMargin(v) {
-            this.i.dp = +v;
-            this._a("parentNodeBottomMargin", this.i.dp);
+            this.i.d6 = +v;
+            this._a("parentNodeBottomMargin", this.i.d6);
         }
         /**
          * Gets or sets the left padding to use for the parent nodes.
         */
         get parentNodeLeftPadding() {
-            return this.i.ds;
+            return this.i.d9;
         }
         set parentNodeLeftPadding(v) {
-            this.i.ds = +v;
-            this._a("parentNodeLeftPadding", this.i.ds);
+            this.i.d9 = +v;
+            this._a("parentNodeLeftPadding", this.i.d9);
         }
         /**
          * Gets or sets the top padding to use for the parent nodes.
         */
         get parentNodeTopPadding() {
-            return this.i.dw;
+            return this.i.ed;
         }
         set parentNodeTopPadding(v) {
-            this.i.dw = +v;
-            this._a("parentNodeTopPadding", this.i.dw);
+            this.i.ed = +v;
+            this._a("parentNodeTopPadding", this.i.ed);
         }
         /**
          * Gets or sets the right padding to use for the parent nodes.
         */
         get parentNodeRightPadding() {
-            return this.i.du;
+            return this.i.eb;
         }
         set parentNodeRightPadding(v) {
-            this.i.du = +v;
-            this._a("parentNodeRightPadding", this.i.du);
+            this.i.eb = +v;
+            this._a("parentNodeRightPadding", this.i.eb);
         }
         /**
          * Gets or sets the bottom padding to use for the parent nodes.
         */
         get parentNodeBottomPadding() {
-            return this.i.dq;
+            return this.i.d7;
         }
         set parentNodeBottomPadding(v) {
-            this.i.dq = +v;
-            this._a("parentNodeBottomPadding", this.i.dq);
+            this.i.d7 = +v;
+            this._a("parentNodeBottomPadding", this.i.d7);
         }
         /**
          * Gets or sets the horizontal alignment to use for the node labels.
         */
         get labelHorizontalAlignment() {
-            return this.i.id;
+            return this.i.ja;
         }
         set labelHorizontalAlignment(v) {
-            this.i.id = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("labelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.id));
+            this.i.ja = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("labelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.ja));
         }
         /**
          * Gets or sets the vertical alignment to use for the node labels.
         */
         get labelVerticalAlignment() {
-            return this.i.ji;
+            return this.i.kd;
         }
         set labelVerticalAlignment(v) {
-            this.i.ji = ensureEnum(VerticalAlignment_$type, v);
-            this._a("labelVerticalAlignment", enumToString(VerticalAlignment_$type, this.i.ji));
+            this.i.kd = ensureEnum(VerticalAlignment_$type, v);
+            this._a("labelVerticalAlignment", enumToString(VerticalAlignment_$type, this.i.kd));
         }
         /**
          * Gets or sets the height to use for the header.
         */
         get headerHeight() {
-            return this.i.c8;
+            return this.i.dn;
         }
         set headerHeight(v) {
-            this.i.c8 = +v;
-            this._a("headerHeight", this.i.c8);
+            this.i.dn = +v;
+            this._a("headerHeight", this.i.dn);
         }
         /**
          * Gets or sets the outline to use for the nodes.
         */
         get outline() {
-            return brushToString(this.i.i0);
+            return brushToString(this.i.jv);
         }
         set outline(v) {
-            this.i.i0 = stringToBrush(v);
-            this._a("outline", brushToString(this.i.i0));
+            this.i.jv = stringToBrush(v);
+            this._a("outline", brushToString(this.i.jv));
         }
         /**
          * Gets or sets the stroke thickness to use for the node outline.
         */
         get strokeThickness() {
-            return this.i.d8;
+            return this.i.es;
         }
         set strokeThickness(v) {
-            this.i.d8 = +v;
-            this._a("strokeThickness", this.i.d8);
+            this.i.es = +v;
+            this._a("strokeThickness", this.i.es);
         }
         /**
          * Gets or sets the opacity to use for the nodes.
         */
         get nodeOpacity() {
-            return this.i.dj;
+            return this.i.d1;
         }
         set nodeOpacity(v) {
-            this.i.dj = +v;
-            this._a("nodeOpacity", this.i.dj);
+            this.i.d1 = +v;
+            this._a("nodeOpacity", this.i.d1);
         }
         /**
          * Gets or sets the orientation to use for the stripped and slice and dice layout types.
         */
         get layoutOrientation() {
-            return this.i.aj;
+            return this.i.al;
         }
         set layoutOrientation(v) {
-            this.i.aj = ensureEnum(TreemapOrientation_$type, v);
-            this._a("layoutOrientation", enumToString(TreemapOrientation_$type, this.i.aj));
+            this.i.al = ensureEnum(TreemapOrientation_$type, v);
+            this._a("layoutOrientation", enumToString(TreemapOrientation_$type, this.i.al));
         }
         /**
          * Gets or sets the type of layout to use for the nodes.
         */
         get layoutType() {
-            return this.i.s;
+            return this.i.u;
         }
         set layoutType(v) {
-            this.i.s = ensureEnum(TreemapLayoutType_$type, v);
-            this._a("layoutType", enumToString(TreemapLayoutType_$type, this.i.s));
+            this.i.u = ensureEnum(TreemapLayoutType_$type, v);
+            this._a("layoutType", enumToString(TreemapLayoutType_$type, this.i.u));
         }
         /**
          * Gets or sets the minimum size (width or height) to display a node.
         */
         get minimumDisplaySize() {
-            return this.i.di;
+            return this.i.d0;
         }
         set minimumDisplaySize(v) {
-            this.i.di = +v;
-            this._a("minimumDisplaySize", this.i.di);
+            this.i.d0 = +v;
+            this._a("minimumDisplaySize", this.i.d0);
         }
         /**
          * Gets or sets the number of milliseconds over which changes to the gauge should be animated.
         */
         get transitionDuration() {
-            return this.i.ei;
+            return this.i.e3;
         }
         set transitionDuration(v) {
-            this.i.ei = +v;
-            this._a("transitionDuration", this.i.ei);
+            this.i.e3 = +v;
+            this._a("transitionDuration", this.i.e3);
         }
         /**
          * Gets or sets the scaling value used to affect the pixel density of the control.
@@ -872,18 +911,18 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
          * to appear blurry.
         */
         get pixelScalingRatio() {
-            return this.i.dx;
+            return this.i.ee;
         }
         set pixelScalingRatio(v) {
-            this.i.dx = +v;
-            this._a("pixelScalingRatio", this.i.dx);
+            this.i.ee = +v;
+            this._a("pixelScalingRatio", this.i.ee);
         }
         get actualPixelScalingRatio() {
-            return this.i.c1;
+            return this.i.dg;
         }
         set actualPixelScalingRatio(v) {
-            this.i.c1 = +v;
-            this._a("actualPixelScalingRatio", this.i.c1);
+            this.i.dg = +v;
+            this._a("actualPixelScalingRatio", this.i.dg);
         }
         /**
          * Gets or sets the scaling value used to affect the pixel density of the control while it is animating.
@@ -891,11 +930,11 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
          * to appear blurry.
         */
         get interactionPixelScalingRatio() {
-            return this.i.dd;
+            return this.i.dv;
         }
         set interactionPixelScalingRatio(v) {
-            this.i.dd = +v;
-            this._a("interactionPixelScalingRatio", this.i.dd);
+            this.i.dv = +v;
+            this._a("interactionPixelScalingRatio", this.i.dv);
         }
         /**
          * Gets or sets the resolved scaling value used to affect the pixel density of the control while it is animating.
@@ -903,53 +942,63 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
          * to appear blurry.
         */
         get actualInteractionPixelScalingRatio() {
-            return this.i.c0;
+            return this.i.df;
         }
         set actualInteractionPixelScalingRatio(v) {
-            this.i.c0 = +v;
-            this._a("actualInteractionPixelScalingRatio", this.i.c0);
+            this.i.df = +v;
+            this._a("actualInteractionPixelScalingRatio", this.i.df);
         }
         /**
          * Gets or sets the number of milliseconds over which the highlighting effect will render.
         */
         get highlightingTransitionDuration() {
-            return this.i.eg;
+            return this.i.e1;
         }
         set highlightingTransitionDuration(v) {
-            this.i.eg = +v;
-            this._a("highlightingTransitionDuration", this.i.eg);
+            this.i.e1 = +v;
+            this._a("highlightingTransitionDuration", this.i.e1);
         }
         /**
          * Gets or sets the highlighting mode to use.
         */
         get highlightingMode() {
-            return this.i.au;
+            return this.i.aw;
         }
         set highlightingMode(v) {
-            this.i.au = ensureEnum(TreemapHighlightingMode_$type, v);
-            this._a("highlightingMode", enumToString(TreemapHighlightingMode_$type, this.i.au));
+            this.i.aw = ensureEnum(TreemapHighlightingMode_$type, v);
+            this._a("highlightingMode", enumToString(TreemapHighlightingMode_$type, this.i.aw));
         }
         /**
          * Gets the actual highlighting mode used.
         */
         get actualHighlightingMode() {
-            return this.i.as;
+            return this.i.au;
         }
         set actualHighlightingMode(v) {
-            this.i.as = ensureEnum(TreemapHighlightingMode_$type, v);
-            this._a("actualHighlightingMode", enumToString(TreemapHighlightingMode_$type, this.i.as));
+            this.i.au = ensureEnum(TreemapHighlightingMode_$type, v);
+            this._a("actualHighlightingMode", enumToString(TreemapHighlightingMode_$type, this.i.au));
+        }
+        /**
+         * Gets or sets the opacity to use for nodes that are not highlighted when HighlightingMode is set to FadeOthers.
+        */
+        get highlightingFadeOpacity() {
+            return this.i.du;
+        }
+        set highlightingFadeOpacity(v) {
+            this.i.du = +v;
+            this._a("highlightingFadeOpacity", this.i.du);
         }
         get animating() {
-            return this.i.bm;
+            return this.i.bs;
         }
         /**
          * Gets or sets the item to drill to in the treemap.
         */
         get focusItem() {
-            return this.i.ek;
+            return this.i.e5;
         }
         set focusItem(v) {
-            this.i.ek = v;
+            this.i.e5 = v;
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -1023,11 +1072,11 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
         
         */
         exportSerializedVisualData() {
-            let iv = this.i.e1();
+            let iv = this.i.fn();
             return (iv);
         }
         markDirty() {
-            this.i.hh();
+            this.i.ic();
         }
         onDetachedFromUI() {
             this.i.onDetachedFromUI();
@@ -1036,10 +1085,10 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
             this.i.onAttachedToUI();
         }
         flush() {
-            this.i.he();
+            this.i.h9();
         }
         notifySetItem(source_, index, oldItem, newItem) {
-            this.i.hm(source_, index, oldItem, newItem);
+            this.i.ii(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.
@@ -1048,16 +1097,16 @@ export let IgcTreemapComponent = /*@__PURE__*/ (() => {
         * @param source_  * The data source.
         */
         notifyClearItems(source_) {
-            this.i.hj(source_);
+            this.i.ie(source_);
         }
         notifyInsertItem(source_, index, newItem) {
-            this.i.hk(source_, index, newItem);
+            this.i.ig(source_, index, newItem);
         }
         notifyRemoveItem(source_, index, oldItem) {
-            this.i.hl(source_, index, oldItem);
+            this.i.ih(source_, index, oldItem);
         }
         simulateHover(point) {
-            this.i.h5(toPoint(point));
+            this.i.i2(toPoint(point));
         }
         /**
          * Fired when a node is being styled. Provides an opportunity to customize node styling.