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

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-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/lib/igc-trix-indicator-component.js

@@ -72,11 +72,11 @@ export let IgcTRIXIndicatorComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get period() {
-            return this.i.zk;
+            return this.i.zl;
         }
         set period(v) {
-            this.i.zk = +v;
-            this._a("period", this.i.zk);
+            this.i.zl = +v;
+            this._a("period", this.i.zl);
         }
     }
     IgcTRIXIndicatorComponent._observedAttributesIgcTRIXIndicatorComponent = null;