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

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

@@ -3,7 +3,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.
@@ -138,200 +138,230 @@ export let IgcTreemapNodeStyleComponent = /*@__PURE__*/ (() => {
          * Gets or sets the background to use for the header when it is hovered.
         */
         get headerHoverBackground() {
-            return brushToString(this.i.a7);
+            return brushToString(this.i.bg);
         }
         set headerHoverBackground(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));
         }
         /**
          * Gets or sets the background to use for the header.
         */
         get headerBackground() {
-            return brushToString(this.i.a6);
+            return brushToString(this.i.bf);
         }
         set headerBackground(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));
         }
         /**
          * Gets or sets the text color to use for the header.
         */
         get headerTextColor() {
-            return brushToString(this.i.a9);
+            return brushToString(this.i.bi);
         }
         set headerTextColor(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));
         }
         /**
          * Gets or sets the label to use for the node.
         */
         get label() {
-            return this.i.ai;
+            return this.i.aq;
         }
         set label(v) {
-            this.i.ai = v;
+            this.i.aq = v;
         }
         /**
          * Gets or sets the text color to use for the nodes.
         */
         get textColor() {
-            return brushToString(this.i.bb);
+            return brushToString(this.i.bk);
         }
         set textColor(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));
         }
         /**
          * Gets or sets the text color to use for the header.
         */
         get headerHoverTextColor() {
-            return brushToString(this.i.a8);
+            return brushToString(this.i.bh);
         }
         set headerHoverTextColor(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));
         }
         /**
          * Gets or sets the left margin to use for the header.
         */
         get headerLabelLeftMargin() {
-            return this.i.p;
+            return this.i.u;
         }
         set headerLabelLeftMargin(v) {
-            this.i.p = +v;
-            this._a("headerLabelLeftMargin", this.i.p);
+            this.i.u = +v;
+            this._a("headerLabelLeftMargin", this.i.u);
         }
         /**
          * Gets or sets the top margin to use for the header.
         */
         get headerLabelTopMargin() {
-            return this.i.r;
+            return this.i.w;
         }
         set headerLabelTopMargin(v) {
-            this.i.r = +v;
-            this._a("headerLabelTopMargin", this.i.r);
+            this.i.w = +v;
+            this._a("headerLabelTopMargin", this.i.w);
         }
         /**
          * Gets or sets the right margin to use for the header.
         */
         get headerLabelRightMargin() {
-            return this.i.q;
+            return this.i.v;
         }
         set headerLabelRightMargin(v) {
-            this.i.q = +v;
-            this._a("headerLabelRightMargin", this.i.q);
+            this.i.v = +v;
+            this._a("headerLabelRightMargin", this.i.v);
         }
         /**
          * Gets or sets the bottom margin to use for the labels.
         */
         get headerLabelBottomMargin() {
-            return this.i.o;
+            return this.i.t;
         }
         set headerLabelBottomMargin(v) {
-            this.i.o = +v;
-            this._a("headerLabelBottomMargin", this.i.o);
+            this.i.t = +v;
+            this._a("headerLabelBottomMargin", this.i.t);
         }
         /**
          * Gets or sets the left margin to use for the labels.
         */
         get labelLeftMargin() {
-            return this.i.t;
+            return this.i.y;
         }
         set labelLeftMargin(v) {
-            this.i.t = +v;
-            this._a("labelLeftMargin", this.i.t);
+            this.i.y = +v;
+            this._a("labelLeftMargin", this.i.y);
         }
         /**
          * Gets or sets the top margin to use for the labels.
         */
         get labelTopMargin() {
-            return this.i.v;
+            return this.i.aa;
         }
         set labelTopMargin(v) {
-            this.i.v = +v;
-            this._a("labelTopMargin", this.i.v);
+            this.i.aa = +v;
+            this._a("labelTopMargin", this.i.aa);
         }
         /**
          * Gets or sets the right margin to use for the labels.
         */
         get labelRightMargin() {
-            return this.i.u;
+            return this.i.z;
         }
         set labelRightMargin(v) {
-            this.i.u = +v;
-            this._a("labelRightMargin", this.i.u);
+            this.i.z = +v;
+            this._a("labelRightMargin", this.i.z);
         }
         /**
          * Gets or sets the bottom margin to use for the labels.
         */
         get labelBottomMargin() {
-            return this.i.s;
+            return this.i.x;
         }
         set labelBottomMargin(v) {
-            this.i.s = +v;
-            this._a("labelBottomMargin", this.i.s);
+            this.i.x = +v;
+            this._a("labelBottomMargin", this.i.x);
         }
         /**
          * Gets or sets the height to use for the header.
         */
         get headerHeight() {
-            return this.i.n;
+            return this.i.s;
         }
         set headerHeight(v) {
-            this.i.n = +v;
-            this._a("headerHeight", this.i.n);
+            this.i.s = +v;
+            this._a("headerHeight", this.i.s);
         }
         /**
          * Gets or sets the horizontal alignment to use for the node labels.
         */
         get labelHorizontalAlignment() {
-            return this.i.ax;
+            return this.i.a6;
         }
         set labelHorizontalAlignment(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));
         }
         /**
          * Gets or sets the vertical alignment to use for the node labels.
         */
         get labelVerticalAlignment() {
-            return this.i.bd;
+            return this.i.bm;
         }
         set labelVerticalAlignment(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));
         }
         /**
          * Gets or sets the fill color to use for the nodes.
         */
         get fill() {
-            return brushToString(this.i.a5);
+            return brushToString(this.i.be);
         }
         set fill(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));
         }
         /**
          * Gets or sets the outline to use for the nodes.
         */
         get outline() {
-            return brushToString(this.i.ba);
+            return brushToString(this.i.bj);
         }
         set outline(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));
         }
         /**
          * Gets or sets the stroke thickness to use for the node outline.
         */
         get strokeThickness() {
-            return this.i.w;
+            return this.i.ac;
         }
         set strokeThickness(v) {
-            this.i.w = +v;
-            this._a("strokeThickness", this.i.w);
+            this.i.ac = +v;
+            this._a("strokeThickness", this.i.ac);
+        }
+        /**
+         * Gets or sets the opacity to use for the node.
+        */
+        get opacity() {
+            return this.i.ab;
+        }
+        set opacity(v) {
+            this.i.ab = +v;
+            this._a("opacity", this.i.ab);
+        }
+        /**
+         * Gets or sets the fade opacity that should be used when highlighting.
+        */
+        get fadeOpacity() {
+            return this.i.r;
+        }
+        set fadeOpacity(v) {
+            this.i.r = +v;
+            this._a("fadeOpacity", this.i.r);
+        }
+        /**
+         * Gets or sets if highlighting was handled, and whether internal highlighting logic should be skipped.
+        */
+        get highlightingHandled() {
+            return this.i.c;
+        }
+        set highlightingHandled(v) {
+            this.i.c = ensureBool(v);
+            this._a("highlightingHandled", this.i.c);
         }
         findByName(name) {
             if (this.findEphemera) {

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

@@ -38,7 +38,12 @@ export class IgcTreemapNodeStyleMappingCollection extends IgCollection {
             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/esm2015/lib/igc-treemap-node-style-mapping-component.js

@@ -64,59 +64,59 @@ export let IgcTreemapNodeStyleMappingComponent = /*@__PURE__*/ (() => {
          * Gets or sets the unique name of the mapping.
         */
         get targetType() {
-            return this.i.bf;
+            return this.i.bo;
         }
         set targetType(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));
         }
         /**
          * Gets or sets the unique name of the mapping.
         */
         get name() {
-            return this.i.bs;
+            return this.i.b1;
         }
         set name(v) {
-            this.i.bs = v;
+            this.i.b1 = v;
         }
         /**
          * Gets or sets the minimum value to which the mapping applies.
         */
         get minimumValue() {
-            return this.i.bl;
+            return this.i.bu;
         }
         set minimumValue(v) {
-            this.i.bl = +v;
-            this._a("minimumValue", this.i.bl);
+            this.i.bu = +v;
+            this._a("minimumValue", this.i.bu);
         }
         /**
          * Gets or sets the maximum value to which the mapping applies.
         */
         get maximumValue() {
-            return this.i.bk;
+            return this.i.bt;
         }
         set maximumValue(v) {
-            this.i.bk = +v;
-            this._a("maximumValue", this.i.bk);
+            this.i.bt = +v;
+            this._a("maximumValue", this.i.bt);
         }
         /**
          * Gets or sets the value to which the mapping applies.
         */
         get value() {
-            return this.i.bn;
+            return this.i.bw;
         }
         set value(v) {
-            this.i.bn = v;
+            this.i.bw = v;
         }
         /**
          * Gets or sets the mapping mode to use to evaluate whether the mapping applies.
         */
         get mappingMode() {
-            return this.i.bh;
+            return this.i.bq;
         }
         set mappingMode(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));
         }
     }
     IgcTreemapNodeStyleMappingComponent._observedAttributesIgcTreemapNodeStyleMappingComponent = null;

package/esm2015/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";
 export class IgcTreemapNodeStylingEventArgs {
@@ -106,4 +107,57 @@ export class IgcTreemapNodeStylingEventArgs {
     set style(v) {
         v == null ? this.i.style = null : this.i.style = v.i;
     }
+    /**
+     * Gets highlighting information for the current node. Null if no highlight is in progress.
+    */
+    get highlightingInfo() {
+        const r = this.i.highlightingInfo;
+        if (r == null) {
+            return null;
+        }
+        if (!r.externalObject) {
+            let 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 highlightingInfo(v) {
+        v == null ? this.i.highlightingInfo = null : this.i.highlightingInfo = v.i;
+    }
+    /**
+     * Sets whether the user handled the highlighting themselves. If so we won't run any of our
+     * default highlight styling.
+    */
+    get highlightingHandled() {
+        return this.i.highlightingHandled;
+    }
+    set highlightingHandled(v) {
+        this.i.highlightingHandled = ensureBool(v);
+    }
+    /**
+     * Gets whether a highlight is currently in progress.
+    */
+    get isHighlightInProgress() {
+        return this.i.isHighlightInProgress;
+    }
+    set isHighlightInProgress(v) {
+        this.i.isHighlightInProgress = ensureBool(v);
+    }
+    /**
+     * Gets the overall highlight progress.
+    */
+    get totalHighlightProgress() {
+        return this.i.totalHighlightProgress;
+    }
+    set totalHighlightProgress(v) {
+        this.i.totalHighlightProgress = +v;
+    }
 }

package/esm2015/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';

package/esm5/lib/AbsoluteVolumeOscillatorIndicator.js

@@ -17,7 +17,7 @@ var AbsoluteVolumeOscillatorIndicator = /** @class */ /*@__PURE__*/ (function (_
     function AbsoluteVolumeOscillatorIndicator() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    AbsoluteVolumeOscillatorIndicator.prototype.bg = function () {
+    AbsoluteVolumeOscillatorIndicator.prototype.bc = function () {
         return new AbsoluteVolumeOscillatorIndicator();
     };
     AbsoluteVolumeOscillatorIndicator.prototype.get_yz = function () {

package/esm5/lib/AccumulationDistributionIndicator.js

@@ -16,7 +16,7 @@ var AccumulationDistributionIndicator = /** @class */ /*@__PURE__*/ (function (_
     function AccumulationDistributionIndicator() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    AccumulationDistributionIndicator.prototype.bg = function () {
+    AccumulationDistributionIndicator.prototype.bc = function () {
         return new AccumulationDistributionIndicator();
     };
     AccumulationDistributionIndicator.prototype.get_yz = function () {

package/esm5/lib/AnchoredCategorySeriesInteractionManager.js

@@ -36,8 +36,8 @@ var AnchoredCategorySeriesInteractionManager = /** @class */ /*@__PURE__*/ (func
         var j = intDivide(i, c);
         var k = c * j;
         var l = Math.min(k + c, d.count - 1);
-        var m = a.tp(a.ck);
-        var n = new ScalerParams(0, a.cz.t3, a.cz.t2, f.ch, a.cz.tr);
+        var m = a.tp(a.cg);
+        var n = new ScalerParams(0, a.cv.t3, a.cv.t2, f.ch, a.cv.tr);
         var o = m.top;
         var p = m.bottom;
         var q = o + (p - o) * b.y;
@@ -54,12 +54,12 @@ var AnchoredCategorySeriesInteractionManager = /** @class */ /*@__PURE__*/ (func
         return a.c7.item(t);
     };
     AnchoredCategorySeriesInteractionManager.prototype.c$a = function (a, b, c, d, e, f) {
-        var g = a.ck.by;
+        var g = a.cg.by;
         g = g.copy();
-        var h = a.ck.bx;
+        var h = a.cg.bx;
         var i = new Rect(0, 0, 0, 1, 1);
         var j = !g.isEmpty && !h.isEmpty && a.c7 != null ? a.c7.indexOf(f) : -1;
-        var k = a.tr(a.ck);
+        var k = a.tr(a.cg);
         var l = new ScalerParams(0, i, i, c.ch, k);
         var m = new ScalerParams(0, i, i, d.ch, k);
         m.b = a.h3();
@@ -86,8 +86,8 @@ var AnchoredCategorySeriesInteractionManager = /** @class */ /*@__PURE__*/ (func
                 g.y = o - 0.5 * g.height;
             }
         }
-        if (a.cs != null) {
-            a.cs.au(a.cz, g, true);
+        if (a.co != null) {
+            a.co.au(a.cv, g, true);
         }
         return j >= 0;
     };
@@ -103,7 +103,7 @@ var AnchoredCategorySeriesInteractionManager = /** @class */ /*@__PURE__*/ (func
             c += "<span>${item." + d.f0.toString() + "}</span><br/>";
         }
         c += "<span";
-        var f = a.a7.a$r(a);
+        var f = a.a3.a$r(a);
         if (!stringIsNullOrEmpty(f)) {
             c += " style='color:" + f + "'";
         }
@@ -115,9 +115,9 @@ var AnchoredCategorySeriesInteractionManager = /** @class */ /*@__PURE__*/ (func
             return Rect.empty;
         }
         var i = a.td(b);
-        var j = a.ck.by;
-        var k = a.ck.bx;
-        var l = a.getEffectiveViewport1(a.ck);
+        var j = a.cg.by;
+        var k = a.cg.bx;
+        var l = a.getEffectiveViewport1(a.cg);
         var m = new ScalerParams(0, j, k, d.ch, l);
         m.b = a.h3();
         var n = a.aj(a.as(), e.f, f, g, b, true);