igniteui-webcomponents-charts 4.7.1 → 4.7.2-beta.1

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

@@ -4,7 +4,7 @@ import { HorizontalAlignment_$type } from "igniteui-webcomponents-core";
 import { VerticalAlignment_$type } from "igniteui-webcomponents-core";
 import { TreemapNodeStyle } from "./TreemapNodeStyle";
 import { TypeRegistrar } from "igniteui-webcomponents-core";
-import { NamePatcher, getAllPropertyNames, fromSpinal, toSpinal, brushToString, stringToBrush, ensureEnum, enumToString, initializePropertiesFromCss } from "igniteui-webcomponents-core";
+import { NamePatcher, getAllPropertyNames, fromSpinal, toSpinal, brushToString, stringToBrush, ensureEnum, enumToString, ensureBool, initializePropertiesFromCss } from "igniteui-webcomponents-core";
 import { RegisterElementHelper } from "igniteui-webcomponents-core";
 /**
  * Represents a style to apply to a treemap node.
@@ -149,11 +149,11 @@ var IgcTreemapNodeStyleComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the background to use for the header when it is hovered.
         */
         get: function () {
-            return brushToString(this.i.a7);
+            return brushToString(this.i.bg);
         },
         set: function (v) {
-            this.i.a7 = stringToBrush(v);
-            this._a("headerHoverBackground", brushToString(this.i.a7));
+            this.i.bg = stringToBrush(v);
+            this._a("headerHoverBackground", brushToString(this.i.bg));
         },
         enumerable: false,
         configurable: true
@@ -163,11 +163,11 @@ var IgcTreemapNodeStyleComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the background to use for the header.
         */
         get: function () {
-            return brushToString(this.i.a6);
+            return brushToString(this.i.bf);
         },
         set: function (v) {
-            this.i.a6 = stringToBrush(v);
-            this._a("headerBackground", brushToString(this.i.a6));
+            this.i.bf = stringToBrush(v);
+            this._a("headerBackground", brushToString(this.i.bf));
         },
         enumerable: false,
         configurable: true
@@ -177,11 +177,11 @@ var IgcTreemapNodeStyleComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the text color to use for the header.
         */
         get: function () {
-            return brushToString(this.i.a9);
+            return brushToString(this.i.bi);
         },
         set: function (v) {
-            this.i.a9 = stringToBrush(v);
-            this._a("headerTextColor", brushToString(this.i.a9));
+            this.i.bi = stringToBrush(v);
+            this._a("headerTextColor", brushToString(this.i.bi));
         },
         enumerable: false,
         configurable: true
@@ -191,10 +191,10 @@ var IgcTreemapNodeStyleComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the label to use for the node.
         */
         get: function () {
-            return this.i.ai;
+            return this.i.aq;
         },
         set: function (v) {
-            this.i.ai = v;
+            this.i.aq = v;
         },
         enumerable: false,
         configurable: true
@@ -204,11 +204,11 @@ var IgcTreemapNodeStyleComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the text color to use for the nodes.
         */
         get: function () {
-            return brushToString(this.i.bb);
+            return brushToString(this.i.bk);
         },
         set: function (v) {
-            this.i.bb = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.bb));
+            this.i.bk = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.bk));
         },
         enumerable: false,
         configurable: true
@@ -218,11 +218,11 @@ var IgcTreemapNodeStyleComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the text color to use for the header.
         */
         get: function () {
-            return brushToString(this.i.a8);
+            return brushToString(this.i.bh);
         },
         set: function (v) {
-            this.i.a8 = stringToBrush(v);
-            this._a("headerHoverTextColor", brushToString(this.i.a8));
+            this.i.bh = stringToBrush(v);
+            this._a("headerHoverTextColor", brushToString(this.i.bh));
         },
         enumerable: false,
         configurable: true
@@ -232,11 +232,11 @@ var IgcTreemapNodeStyleComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the left margin to use for the header.
         */
         get: function () {
-            return this.i.p;
+            return this.i.u;
         },
         set: function (v) {
-            this.i.p = +v;
-            this._a("headerLabelLeftMargin", this.i.p);
+            this.i.u = +v;
+            this._a("headerLabelLeftMargin", this.i.u);
         },
         enumerable: false,
         configurable: true
@@ -246,11 +246,11 @@ var IgcTreemapNodeStyleComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the top margin to use for the header.
         */
         get: function () {
-            return this.i.r;
+            return this.i.w;
         },
         set: function (v) {
-            this.i.r = +v;
-            this._a("headerLabelTopMargin", this.i.r);
+            this.i.w = +v;
+            this._a("headerLabelTopMargin", this.i.w);
         },
         enumerable: false,
         configurable: true
@@ -260,11 +260,11 @@ var IgcTreemapNodeStyleComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the right margin to use for the header.
         */
         get: function () {
-            return this.i.q;
+            return this.i.v;
         },
         set: function (v) {
-            this.i.q = +v;
-            this._a("headerLabelRightMargin", this.i.q);
+            this.i.v = +v;
+            this._a("headerLabelRightMargin", this.i.v);
         },
         enumerable: false,
         configurable: true
@@ -274,11 +274,11 @@ var IgcTreemapNodeStyleComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the bottom margin to use for the labels.
         */
         get: function () {
-            return this.i.o;
+            return this.i.t;
         },
         set: function (v) {
-            this.i.o = +v;
-            this._a("headerLabelBottomMargin", this.i.o);
+            this.i.t = +v;
+            this._a("headerLabelBottomMargin", this.i.t);
         },
         enumerable: false,
         configurable: true
@@ -288,11 +288,11 @@ var IgcTreemapNodeStyleComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the left margin to use for the labels.
         */
         get: function () {
-            return this.i.t;
+            return this.i.y;
         },
         set: function (v) {
-            this.i.t = +v;
-            this._a("labelLeftMargin", this.i.t);
+            this.i.y = +v;
+            this._a("labelLeftMargin", this.i.y);
         },
         enumerable: false,
         configurable: true
@@ -302,11 +302,11 @@ var IgcTreemapNodeStyleComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the top margin to use for the labels.
         */
         get: function () {
-            return this.i.v;
+            return this.i.aa;
         },
         set: function (v) {
-            this.i.v = +v;
-            this._a("labelTopMargin", this.i.v);
+            this.i.aa = +v;
+            this._a("labelTopMargin", this.i.aa);
         },
         enumerable: false,
         configurable: true
@@ -316,11 +316,11 @@ var IgcTreemapNodeStyleComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the right margin to use for the labels.
         */
         get: function () {
-            return this.i.u;
+            return this.i.z;
         },
         set: function (v) {
-            this.i.u = +v;
-            this._a("labelRightMargin", this.i.u);
+            this.i.z = +v;
+            this._a("labelRightMargin", this.i.z);
         },
         enumerable: false,
         configurable: true
@@ -330,11 +330,11 @@ var IgcTreemapNodeStyleComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the bottom margin to use for the labels.
         */
         get: function () {
-            return this.i.s;
+            return this.i.x;
         },
         set: function (v) {
-            this.i.s = +v;
-            this._a("labelBottomMargin", this.i.s);
+            this.i.x = +v;
+            this._a("labelBottomMargin", this.i.x);
         },
         enumerable: false,
         configurable: true
@@ -344,11 +344,11 @@ var IgcTreemapNodeStyleComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the height to use for the header.
         */
         get: function () {
-            return this.i.n;
+            return this.i.s;
         },
         set: function (v) {
-            this.i.n = +v;
-            this._a("headerHeight", this.i.n);
+            this.i.s = +v;
+            this._a("headerHeight", this.i.s);
         },
         enumerable: false,
         configurable: true
@@ -358,11 +358,11 @@ var IgcTreemapNodeStyleComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the horizontal alignment to use for the node labels.
         */
         get: function () {
-            return this.i.ax;
+            return this.i.a6;
         },
         set: function (v) {
-            this.i.ax = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("labelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.ax));
+            this.i.a6 = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("labelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.a6));
         },
         enumerable: false,
         configurable: true
@@ -372,11 +372,11 @@ var IgcTreemapNodeStyleComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the vertical alignment to use for the node labels.
         */
         get: function () {
-            return this.i.bd;
+            return this.i.bm;
         },
         set: function (v) {
-            this.i.bd = ensureEnum(VerticalAlignment_$type, v);
-            this._a("labelVerticalAlignment", enumToString(VerticalAlignment_$type, this.i.bd));
+            this.i.bm = ensureEnum(VerticalAlignment_$type, v);
+            this._a("labelVerticalAlignment", enumToString(VerticalAlignment_$type, this.i.bm));
         },
         enumerable: false,
         configurable: true
@@ -386,11 +386,11 @@ var IgcTreemapNodeStyleComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the fill color to use for the nodes.
         */
         get: function () {
-            return brushToString(this.i.a5);
+            return brushToString(this.i.be);
         },
         set: function (v) {
-            this.i.a5 = stringToBrush(v);
-            this._a("fill", brushToString(this.i.a5));
+            this.i.be = stringToBrush(v);
+            this._a("fill", brushToString(this.i.be));
         },
         enumerable: false,
         configurable: true
@@ -400,11 +400,11 @@ var IgcTreemapNodeStyleComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the outline to use for the nodes.
         */
         get: function () {
-            return brushToString(this.i.ba);
+            return brushToString(this.i.bj);
         },
         set: function (v) {
-            this.i.ba = stringToBrush(v);
-            this._a("outline", brushToString(this.i.ba));
+            this.i.bj = stringToBrush(v);
+            this._a("outline", brushToString(this.i.bj));
         },
         enumerable: false,
         configurable: true
@@ -414,11 +414,53 @@ var IgcTreemapNodeStyleComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the stroke thickness to use for the node outline.
         */
         get: function () {
-            return this.i.w;
+            return this.i.ac;
         },
         set: function (v) {
-            this.i.w = +v;
-            this._a("strokeThickness", this.i.w);
+            this.i.ac = +v;
+            this._a("strokeThickness", this.i.ac);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcTreemapNodeStyleComponent.prototype, "opacity", {
+        /**
+         * Gets or sets the opacity to use for the node.
+        */
+        get: function () {
+            return this.i.ab;
+        },
+        set: function (v) {
+            this.i.ab = +v;
+            this._a("opacity", this.i.ab);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcTreemapNodeStyleComponent.prototype, "fadeOpacity", {
+        /**
+         * Gets or sets the fade opacity that should be used when highlighting.
+        */
+        get: function () {
+            return this.i.r;
+        },
+        set: function (v) {
+            this.i.r = +v;
+            this._a("fadeOpacity", this.i.r);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcTreemapNodeStyleComponent.prototype, "highlightingHandled", {
+        /**
+         * Gets or sets if highlighting was handled, and whether internal highlighting logic should be skipped.
+        */
+        get: function () {
+            return this.i.c;
+        },
+        set: function (v) {
+            this.i.c = ensureBool(v);
+            this._a("highlightingHandled", this.i.c);
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-treemap-node-style-mapping-collection.js

@@ -41,7 +41,12 @@ var IgcTreemapNodeStyleMappingCollection = /** @class */ /*@__PURE__*/ (function
             if (!ext) {
                 ext = new IgcTreemapNodeStyleMappingComponent();
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;

package/esm5/lib/igc-treemap-node-style-mapping-component.js

@@ -74,11 +74,11 @@ var IgcTreemapNodeStyleMappingComponent = /** @class */ /*@__PURE__*/ (function
          * Gets or sets the unique name of the mapping.
         */
         get: function () {
-            return this.i.bf;
+            return this.i.bo;
         },
         set: function (v) {
-            this.i.bf = ensureEnum(TreemapNodeStyleMappingTargetType_$type, v);
-            this._a("targetType", enumToString(TreemapNodeStyleMappingTargetType_$type, this.i.bf));
+            this.i.bo = ensureEnum(TreemapNodeStyleMappingTargetType_$type, v);
+            this._a("targetType", enumToString(TreemapNodeStyleMappingTargetType_$type, this.i.bo));
         },
         enumerable: false,
         configurable: true
@@ -88,10 +88,10 @@ var IgcTreemapNodeStyleMappingComponent = /** @class */ /*@__PURE__*/ (function
          * Gets or sets the unique name of the mapping.
         */
         get: function () {
-            return this.i.bs;
+            return this.i.b1;
         },
         set: function (v) {
-            this.i.bs = v;
+            this.i.b1 = v;
         },
         enumerable: false,
         configurable: true
@@ -101,11 +101,11 @@ var IgcTreemapNodeStyleMappingComponent = /** @class */ /*@__PURE__*/ (function
          * Gets or sets the minimum value to which the mapping applies.
         */
         get: function () {
-            return this.i.bl;
+            return this.i.bu;
         },
         set: function (v) {
-            this.i.bl = +v;
-            this._a("minimumValue", this.i.bl);
+            this.i.bu = +v;
+            this._a("minimumValue", this.i.bu);
         },
         enumerable: false,
         configurable: true
@@ -115,11 +115,11 @@ var IgcTreemapNodeStyleMappingComponent = /** @class */ /*@__PURE__*/ (function
          * Gets or sets the maximum value to which the mapping applies.
         */
         get: function () {
-            return this.i.bk;
+            return this.i.bt;
         },
         set: function (v) {
-            this.i.bk = +v;
-            this._a("maximumValue", this.i.bk);
+            this.i.bt = +v;
+            this._a("maximumValue", this.i.bt);
         },
         enumerable: false,
         configurable: true
@@ -129,10 +129,10 @@ var IgcTreemapNodeStyleMappingComponent = /** @class */ /*@__PURE__*/ (function
          * Gets or sets the value to which the mapping applies.
         */
         get: function () {
-            return this.i.bn;
+            return this.i.bw;
         },
         set: function (v) {
-            this.i.bn = v;
+            this.i.bw = v;
         },
         enumerable: false,
         configurable: true
@@ -142,11 +142,11 @@ var IgcTreemapNodeStyleMappingComponent = /** @class */ /*@__PURE__*/ (function
          * Gets or sets the mapping mode to use to evaluate whether the mapping applies.
         */
         get: function () {
-            return this.i.bh;
+            return this.i.bq;
         },
         set: function (v) {
-            this.i.bh = ensureEnum(TreemapValueMappingMode_$type, v);
-            this._a("mappingMode", enumToString(TreemapValueMappingMode_$type, this.i.bh));
+            this.i.bq = ensureEnum(TreemapValueMappingMode_$type, v);
+            this._a("mappingMode", enumToString(TreemapValueMappingMode_$type, this.i.bq));
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-treemap-node-styling-event-args.js

@@ -1,4 +1,5 @@
 import { IgcTreemapNodeStyleComponent } from "./igc-treemap-node-style-component";
+import { IgcHighlightingInfo } from "igniteui-webcomponents-core";
 import { TreemapNodeStylingEventArgs as TreemapNodeStylingEventArgs_internal } from "./TreemapNodeStylingEventArgs";
 import { ensureBool } from "igniteui-webcomponents-core";
 var IgcTreemapNodeStylingEventArgs = /** @class */ /*@__PURE__*/ (function () {
@@ -154,6 +155,75 @@ var IgcTreemapNodeStylingEventArgs = /** @class */ /*@__PURE__*/ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcTreemapNodeStylingEventArgs.prototype, "highlightingInfo", {
+        /**
+         * Gets highlighting information for the current node. Null if no highlight is in progress.
+        */
+        get: function () {
+            var r = this.i.highlightingInfo;
+            if (r == null) {
+                return null;
+            }
+            if (!r.externalObject) {
+                var e = new IgcHighlightingInfo();
+                if (r.$type) {
+                    e._implementation = r;
+                }
+                else {
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
+                }
+                r.externalObject = e;
+            }
+            return r.externalObject;
+        },
+        set: function (v) {
+            v == null ? this.i.highlightingInfo = null : this.i.highlightingInfo = v.i;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcTreemapNodeStylingEventArgs.prototype, "highlightingHandled", {
+        /**
+         * Sets whether the user handled the highlighting themselves. If so we won't run any of our
+         * default highlight styling.
+        */
+        get: function () {
+            return this.i.highlightingHandled;
+        },
+        set: function (v) {
+            this.i.highlightingHandled = ensureBool(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcTreemapNodeStylingEventArgs.prototype, "isHighlightInProgress", {
+        /**
+         * Gets whether a highlight is currently in progress.
+        */
+        get: function () {
+            return this.i.isHighlightInProgress;
+        },
+        set: function (v) {
+            this.i.isHighlightInProgress = ensureBool(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcTreemapNodeStylingEventArgs.prototype, "totalHighlightProgress", {
+        /**
+         * Gets the overall highlight progress.
+        */
+        get: function () {
+            return this.i.totalHighlightProgress;
+        },
+        set: function (v) {
+            this.i.totalHighlightProgress = +v;
+        },
+        enumerable: false,
+        configurable: true
+    });
     return IgcTreemapNodeStylingEventArgs;
 }());
 export { IgcTreemapNodeStylingEventArgs };

package/esm5/public_api.js

@@ -637,9 +637,7 @@ export * from './lib/StringColumn';
 export * from './lib/ObjectColumn';
 export * from './lib/IntColumn';
 export * from './lib/ItemsSourceAction';
-export * from './lib/HighlightingManager';
-export * from './lib/HighlightingData';
-export * from './lib/HighlightingInfoComparer';
+export * from './lib/SeriesHighlightingManager';
 export * from './lib/SeriesViewerInteractionManager';
 export * from './lib/AnchoredCategorySeriesInteractionManager';
 export * from './lib/CategorySeriesInteractionManager';
@@ -811,10 +809,6 @@ export * from './lib/ITileZoomTileInfo';
 export * from './lib/ITileZoomTile';
 export * from './lib/TransitionInSpeedType';
 export * from './lib/TransitionOutSpeedType';
-export * from './lib/HighlightingState';
-export * from './lib/IHighlightingManager';
-export * from './lib/HighlightingInfo';
-export * from './lib/igc-highlighting-info';
 export * from './lib/SeriesPointOfInterest';
 export * from './lib/SeriesHitTestMode';
 export * from './lib/FrameExtended';
@@ -839,6 +833,7 @@ export * from './lib/ITrendLineSeries';
 export * from './lib/IDataChartVisualDataManager';
 export * from './lib/IAxisVisualDataManager';
 export * from './lib/ISeriesVisualDataManager';
+export * from './lib/AxisAngleLabelMode';
 export * from './lib/AxisRangeBufferMode';
 export * from './lib/MarkerAutomaticBehavior';
 export * from './lib/MarkerFillMode';
@@ -1445,6 +1440,8 @@ export * from './lib/VisualExportHelper';
 export * from './lib/VisualDataSerializer';
 export * from './lib/igc-treemap-module';
 export * from './lib/igc-treemap-component';
+export * from './lib/TreemapHighlightingManager';
+export * from './lib/TreemapHighlightingMode';
 export * from './lib/TreemapView';
 export * from './lib/TreemapViewRenderer';
 export * from './lib/TreemapVisual';