igniteui-webcomponents-charts 5.0.2 → 5.0.3-beta.0

package/esm5/lib/igc-category-angle-axis-component.js

@@ -91,11 +91,11 @@ var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function (_supe
         * Indicates the angle in degress that the chart's 0th angle should be offset.
         */
         get: function () {
-            return this.i.nb;
+            return this.i.nc;
         },
         set: function (v) {
-            this.i.nb = +v;
-            this._a("startAngleOffset", this.i.nb);
+            this.i.nc = +v;
+            this._a("startAngleOffset", this.i.nc);
         },
         enumerable: false,
         configurable: true
@@ -105,18 +105,18 @@ var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Indicates the mode axis labels will operate in.
         */
         get: function () {
-            return this.i.mi;
+            return this.i.mj;
         },
         set: function (v) {
-            this.i.mi = ensureEnum(AxisAngleLabelMode_$type, v);
-            this._a("labelMode", enumToString(AxisAngleLabelMode_$type, this.i.mi));
+            this.i.mj = ensureEnum(AxisAngleLabelMode_$type, v);
+            this._a("labelMode", enumToString(AxisAngleLabelMode_$type, this.i.mj));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcCategoryAngleAxisComponent.prototype, "areGroupSizesUneven", {
         get: function () {
-            return this.i.ms;
+            return this.i.mt;
         },
         enumerable: false,
         configurable: true
@@ -130,11 +130,11 @@ var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function (_supe
         * For example, an interval of 2 will display every other label.
         */
         get: function () {
-            return this.i.m8;
+            return this.i.m9;
         },
         set: function (v) {
-            this.i.m8 = +v;
-            this._a("interval", this.i.m8);
+            this.i.m9 = +v;
+            this._a("interval", this.i.m9);
         },
         enumerable: false,
         configurable: true
@@ -146,11 +146,11 @@ var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function (_supe
         * Gets the effective value for the current Interval.
         */
         get: function () {
-            return this.i.m0;
+            return this.i.m1;
         },
         set: function (v) {
-            this.i.m0 = +v;
-            this._a("actualInterval", this.i.m0);
+            this.i.m1 = +v;
+            this._a("actualInterval", this.i.m1);
         },
         enumerable: false,
         configurable: true
@@ -163,11 +163,11 @@ var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function (_supe
         * Gets or sets the frequency of displayed minor lines. The set value is a factor that determines how the minor lines will be displayed.
         */
         get: function () {
-            return this.i.m9;
+            return this.i.na;
         },
         set: function (v) {
-            this.i.m9 = +v;
-            this._a("minorInterval", this.i.m9);
+            this.i.na = +v;
+            this._a("minorInterval", this.i.na);
         },
         enumerable: false,
         configurable: true
@@ -179,11 +179,11 @@ var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function (_supe
         * Get the effective value for the current minorInterval.
         */
         get: function () {
-            return this.i.m1;
+            return this.i.m2;
         },
         set: function (v) {
-            this.i.m1 = +v;
-            this._a("actualMinorInterval", this.i.m1);
+            this.i.m2 = +v;
+            this._a("actualMinorInterval", this.i.m2);
         },
         enumerable: false,
         configurable: true
@@ -219,7 +219,7 @@ var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function (_supe
             this._actualIntervalChange = ev;
             this._actualIntervalChange_wrapped = function (o, e) {
                 var ext = _this.actualInterval;
-                if (e.propertyName == 'M0') {
+                if (e.propertyName == 'M1') {
                     if (_this.beforeActualIntervalChange) {
                         _this.beforeActualIntervalChange(_this, ext);
                     }

package/esm5/lib/igc-category-axis-base-component.js

@@ -117,11 +117,11 @@ var IgcCategoryAxisBaseComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets the number of items in the current category axis items source.
         */
         get: function () {
-            return this.i.lh;
+            return this.i.li;
         },
         set: function (v) {
-            this.i.lh = +v;
-            this._a("itemsCount", this.i.lh);
+            this.i.li = +v;
+            this._a("itemsCount", this.i.li);
         },
         enumerable: false,
         configurable: true
@@ -138,11 +138,11 @@ var IgcCategoryAxisBaseComponent = /** @class */ /*@__PURE__*/ (function (_super
         * To set the item spacing to 75% the width of one item, set the `Gap` to 0.75, as in this code:
         */
         get: function () {
-            return this.i.k2;
+            return this.i.k3;
         },
         set: function (v) {
-            this.i.k2 = +v;
-            this._a("gap", this.i.k2);
+            this.i.k3 = +v;
+            this._a("gap", this.i.k3);
         },
         enumerable: false,
         configurable: true
@@ -152,11 +152,11 @@ var IgcCategoryAxisBaseComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the maximum gap value to allow. This defaults to 1.0.
         */
         get: function () {
-            return this.i.k9;
+            return this.i.la;
         },
         set: function (v) {
-            this.i.k9 = +v;
-            this._a("maximumGap", this.i.k9);
+            this.i.la = +v;
+            this._a("maximumGap", this.i.la);
         },
         enumerable: false,
         configurable: true
@@ -166,11 +166,11 @@ var IgcCategoryAxisBaseComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the minimum amount of pixels to use for the gap between categories, if possible.
         */
         get: function () {
-            return this.i.la;
+            return this.i.lb;
         },
         set: function (v) {
-            this.i.la = +v;
-            this._a("minimumGapSize", this.i.la);
+            this.i.lb = +v;
+            this._a("minimumGapSize", this.i.lb);
         },
         enumerable: false,
         configurable: true
@@ -187,11 +187,11 @@ var IgcCategoryAxisBaseComponent = /** @class */ /*@__PURE__*/ (function (_super
         * To place grouped items with 75% overlap, set the `Overlap` to 0.75, as in this code:
         */
         get: function () {
-            return this.i.lb;
+            return this.i.lc;
         },
         set: function (v) {
-            this.i.lb = +v;
-            this._a("overlap", this.i.lb);
+            this.i.lc = +v;
+            this._a("overlap", this.i.lc);
         },
         enumerable: false,
         configurable: true
@@ -205,11 +205,11 @@ var IgcCategoryAxisBaseComponent = /** @class */ /*@__PURE__*/ (function (_super
         * Try setting it on an axis displaying financial series to adjust the spacing on the left and right sides of the axis:
         */
         get: function () {
-            return this.i.kw;
+            return this.i.kx;
         },
         set: function (v) {
-            this.i.kw = ensureBool(v);
-            this._a("useClusteringMode", this.i.kw);
+            this.i.kx = ensureBool(v);
+            this._a("useClusteringMode", this.i.kx);
         },
         enumerable: false,
         configurable: true
@@ -219,11 +219,11 @@ var IgcCategoryAxisBaseComponent = /** @class */ /*@__PURE__*/ (function (_super
         return (iv);
     };
     IgcCategoryAxisBaseComponent.prototype.getCategoryBoundingBox = function (point, useInterpolation, singularWidth) {
-        var iv = this.i.mg(toPoint(point), useInterpolation, singularWidth);
+        var iv = this.i.mh(toPoint(point), useInterpolation, singularWidth);
         return fromRect(iv);
     };
     IgcCategoryAxisBaseComponent.prototype.getCategoryBoundingBoxHelper = function (point, useInterpolation, singularWidth, isVertical) {
-        var iv = this.i.mh(toPoint(point), useInterpolation, singularWidth, isVertical);
+        var iv = this.i.mi(toPoint(point), useInterpolation, singularWidth, isVertical);
         return fromRect(iv);
     };
     /**
@@ -232,24 +232,24 @@ var IgcCategoryAxisBaseComponent = /** @class */ /*@__PURE__*/ (function (_super
     * @param unscaledValue  * The scaled value in screen coordinates to unscale into axis space.
     */
     IgcCategoryAxisBaseComponent.prototype.unscaleValue = function (unscaledValue) {
-        var iv = this.i.ld(unscaledValue);
+        var iv = this.i.le(unscaledValue);
         return (iv);
     };
     IgcCategoryAxisBaseComponent.prototype.notifySetItem = function (index, oldItem, newItem) {
-        this.i.l1(index, oldItem, newItem);
+        this.i.l2(index, oldItem, newItem);
     };
     /**
      * Used to manually notify the axis that the data source has reset or cleared its items.
     
     */
     IgcCategoryAxisBaseComponent.prototype.notifyClearItems = function () {
-        this.i.ly();
+        this.i.lz();
     };
     IgcCategoryAxisBaseComponent.prototype.notifyInsertItem = function (index, newItem) {
-        this.i.lz(index, newItem);
+        this.i.l0(index, newItem);
     };
     IgcCategoryAxisBaseComponent.prototype.notifyRemoveItem = function (index, oldItem) {
-        this.i.l0(index, oldItem);
+        this.i.l1(index, oldItem);
     };
     IgcCategoryAxisBaseComponent._observedAttributesIgcCategoryAxisBaseComponent = null;
     return IgcCategoryAxisBaseComponent;

package/esm5/lib/igc-category-date-time-x-axis-component.js

@@ -91,11 +91,11 @@ var IgcCategoryDateTimeXAxisComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets whether the axis labels can be unevenly spaced
         */
         get: function () {
-            return this.i.nt;
+            return this.i.nu;
         },
         set: function (v) {
-            this.i.nt = ensureBool(v);
-            this._a("unevenlySpacedLabels", this.i.nt);
+            this.i.nu = ensureBool(v);
+            this._a("unevenlySpacedLabels", this.i.nu);
         },
         enumerable: false,
         configurable: true
@@ -111,11 +111,11 @@ var IgcCategoryDateTimeXAxisComponent = /** @class */ /*@__PURE__*/ (function (_
         * Continuous display type divides the axis into even intervals, where labels will not necessarily be aligned with data points. Discrete display type will not use a constant interval, but will align each label with its data point.
         */
         get: function () {
-            return this.i.nq;
+            return this.i.nr;
         },
         set: function (v) {
-            this.i.nq = ensureEnum(TimeAxisDisplayType_$type, v);
-            this._a("displayType", enumToString(TimeAxisDisplayType_$type, this.i.nq));
+            this.i.nr = ensureEnum(TimeAxisDisplayType_$type, v);
+            this._a("displayType", enumToString(TimeAxisDisplayType_$type, this.i.nr));
         },
         enumerable: false,
         configurable: true
@@ -127,11 +127,11 @@ var IgcCategoryDateTimeXAxisComponent = /** @class */ /*@__PURE__*/ (function (_
         * `Interval` property is used to get/sets the frequency of displayed labels.
         */
         get: function () {
-            return this.i.n1;
+            return this.i.n3;
         },
         set: function (v) {
-            this.i.n1 = +v;
-            this._a("interval", this.i.n1);
+            this.i.n3 = +v;
+            this._a("interval", this.i.n3);
         },
         enumerable: false,
         configurable: true
@@ -141,11 +141,11 @@ var IgcCategoryDateTimeXAxisComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the effective value for the current Interval.
         */
         get: function () {
-            return this.i.ny;
+            return this.i.n0;
         },
         set: function (v) {
-            this.i.ny = +v;
-            this._a("actualInterval", this.i.ny);
+            this.i.n0 = +v;
+            this._a("actualInterval", this.i.n0);
         },
         enumerable: false,
         configurable: true
@@ -156,11 +156,11 @@ var IgcCategoryDateTimeXAxisComponent = /** @class */ /*@__PURE__*/ (function (_
          * The set value is a factor that determines how the minor lines will be displayed.
         */
         get: function () {
-            return this.i.n2;
+            return this.i.n4;
         },
         set: function (v) {
-            this.i.n2 = +v;
-            this._a("minorInterval", this.i.n2);
+            this.i.n4 = +v;
+            this._a("minorInterval", this.i.n4);
         },
         enumerable: false,
         configurable: true
@@ -170,11 +170,11 @@ var IgcCategoryDateTimeXAxisComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the effective value for the current MinorInterval.
         */
         get: function () {
-            return this.i.nz;
+            return this.i.n1;
         },
         set: function (v) {
-            this.i.nz = +v;
-            this._a("actualMinorInterval", this.i.nz);
+            this.i.n1 = +v;
+            this._a("actualMinorInterval", this.i.n1);
         },
         enumerable: false,
         configurable: true
@@ -190,7 +190,7 @@ var IgcCategoryDateTimeXAxisComponent = /** @class */ /*@__PURE__*/ (function (_
         configurable: true
     });
     IgcCategoryDateTimeXAxisComponent.prototype.scrollDateRangeIntoView = function (minimum, maximum) {
-        this.i.n9(minimum, maximum);
+        this.i.ob(minimum, maximum);
     };
     Object.defineProperty(IgcCategoryDateTimeXAxisComponent.prototype, "actualIntervalChange", {
         get: function () {
@@ -206,7 +206,7 @@ var IgcCategoryDateTimeXAxisComponent = /** @class */ /*@__PURE__*/ (function (_
             this._actualIntervalChange = ev;
             this._actualIntervalChange_wrapped = function (o, e) {
                 var ext = _this.actualInterval;
-                if (e.propertyName == 'Ny') {
+                if (e.propertyName == 'N0') {
                     if (_this.beforeActualIntervalChange) {
                         _this.beforeActualIntervalChange(_this, ext);
                     }
@@ -234,7 +234,7 @@ var IgcCategoryDateTimeXAxisComponent = /** @class */ /*@__PURE__*/ (function (_
             this._actualMinorIntervalChange = ev;
             this._actualMinorIntervalChange_wrapped = function (o, e) {
                 var ext = _this.actualMinorInterval;
-                if (e.propertyName == 'Nz') {
+                if (e.propertyName == 'N1') {
                     if (_this.beforeActualMinorIntervalChange) {
                         _this.beforeActualMinorIntervalChange(_this, ext);
                     }

package/esm5/lib/igc-category-highlight-layer-component.js

@@ -76,7 +76,7 @@ var IgcCategoryHighlightLayerComponent = /** @class */ /*@__PURE__*/ (function (
          * Gets whether the series is an annotation layer displayed only when hovering over the chart.
         */
         get: function () {
-            return this.i.ep;
+            return this.i.eq;
         },
         enumerable: false,
         configurable: true
@@ -86,7 +86,7 @@ var IgcCategoryHighlightLayerComponent = /** @class */ /*@__PURE__*/ (function (
          * Gets or sets the axis to target this annotation to. If null, this annotation targets all category axes simultaneously.
         */
         get: function () {
-            var r = this.i.zp;
+            var r = this.i.zs;
             if (r == null) {
                 return null;
             }
@@ -102,7 +102,7 @@ var IgcCategoryHighlightLayerComponent = /** @class */ /*@__PURE__*/ (function (
         set: function (v) {
             if (v != null && this._stylingContainer && v._styling)
                 v._styling(this._stylingContainer, this, this);
-            v == null ? this.i.zp = null : this.i.zp = v.i;
+            v == null ? this.i.zs = null : this.i.zs = v.i;
         },
         enumerable: false,
         configurable: true
@@ -112,11 +112,11 @@ var IgcCategoryHighlightLayerComponent = /** @class */ /*@__PURE__*/ (function (
          * Gets or sets whether to use value interpolation when drawing a line through the best value for the pointer position.
         */
         get: function () {
-            return this.i.zs;
+            return this.i.zv;
         },
         set: function (v) {
-            this.i.zs = ensureBool(v);
-            this._a("useInterpolation", this.i.zs);
+            this.i.zv = ensureBool(v);
+            this._a("useInterpolation", this.i.zv);
         },
         enumerable: false,
         configurable: true
@@ -126,11 +126,11 @@ var IgcCategoryHighlightLayerComponent = /** @class */ /*@__PURE__*/ (function (
          * Gets or sets the width to use for the highlight region if drawing a band rather than filling a category.
         */
         get: function () {
-            return this.i.zt;
+            return this.i.zw;
         },
         set: function (v) {
-            this.i.zt = +v;
-            this._a("bandHighlightWidth", this.i.zt);
+            this.i.zw = +v;
+            this._a("bandHighlightWidth", this.i.zw);
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-category-item-highlight-layer-component.js

@@ -78,7 +78,7 @@ var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/ (functi
          * Gets whether the series is an annotation layer displayed only when hovering over the chart.
         */
         get: function () {
-            return this.i.ep;
+            return this.i.eq;
         },
         enumerable: false,
         configurable: true
@@ -88,7 +88,7 @@ var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/ (functi
          * Gets or sets the series to target this annotation to. If null, this annotation targets all series simultaneously.
         */
         get: function () {
-            var r = this.i.zt;
+            var r = this.i.zw;
             if (r == null) {
                 return null;
             }
@@ -104,7 +104,7 @@ var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/ (functi
         set: function (v) {
             if (v != null && this._stylingContainer && v._styling)
                 v._styling(this._stylingContainer, this, this);
-            v == null ? this.i.zt = null : this.i.zt = v.i;
+            v == null ? this.i.zw = null : this.i.zw = v.i;
         },
         enumerable: false,
         configurable: true
@@ -114,10 +114,10 @@ var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/ (functi
          * Gets or sets the name of the series to target this annotation to. If null, this annotation targets all series simultaneously.
         */
         get: function () {
-            return this.i.z7;
+            return this.i.aaa;
         },
         set: function (v) {
-            this.i.z7 = v;
+            this.i.aaa = v;
         },
         enumerable: false,
         configurable: true
@@ -127,11 +127,11 @@ var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/ (functi
          * Gets or sets whether to use value interpolation when drawing a line through the best value for the pointer position.
         */
         get: function () {
-            return this.i.zx;
+            return this.i.z0;
         },
         set: function (v) {
-            this.i.zx = ensureBool(v);
-            this._a("useInterpolation", this.i.zx);
+            this.i.z0 = ensureBool(v);
+            this._a("useInterpolation", this.i.z0);
         },
         enumerable: false,
         configurable: true
@@ -141,11 +141,11 @@ var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/ (functi
          * Gets or sets which type of highlight shape to use when highlighting items.
         */
         get: function () {
-            return this.i.zq;
+            return this.i.zt;
         },
         set: function (v) {
-            this.i.zq = ensureEnum(CategoryItemHighlightType_$type, v);
-            this._a("highlightType", enumToString(CategoryItemHighlightType_$type, this.i.zq));
+            this.i.zt = ensureEnum(CategoryItemHighlightType_$type, v);
+            this._a("highlightType", enumToString(CategoryItemHighlightType_$type, this.i.zt));
         },
         enumerable: false,
         configurable: true
@@ -155,11 +155,11 @@ var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/ (functi
          * Gets or sets which type of marker to use when highlighting items, if appropriate.
         */
         get: function () {
-            return this.i.zs;
+            return this.i.zv;
         },
         set: function (v) {
-            this.i.zs = ensureEnum(MarkerType_$type, v);
-            this._a("markerType", enumToString(MarkerType_$type, this.i.zs));
+            this.i.zv = ensureEnum(MarkerType_$type, v);
+            this._a("markerType", enumToString(MarkerType_$type, this.i.zv));
         },
         enumerable: false,
         configurable: true
@@ -169,11 +169,11 @@ var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/ (functi
          * Gets or sets which color to use for the marker when highlighting items, if appropriate.
         */
         get: function () {
-            return brushToString(this.i.aar);
+            return brushToString(this.i.aau);
         },
         set: function (v) {
-            this.i.aar = stringToBrush(v);
-            this._a("markerBrush", brushToString(this.i.aar));
+            this.i.aau = stringToBrush(v);
+            this._a("markerBrush", brushToString(this.i.aau));
         },
         enumerable: false,
         configurable: true
@@ -183,11 +183,11 @@ var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/ (functi
          * Gets or sets which outline color to use for the marker when highlighting items, if appropriate.
         */
         get: function () {
-            return brushToString(this.i.aas);
+            return brushToString(this.i.aav);
         },
         set: function (v) {
-            this.i.aas = stringToBrush(v);
-            this._a("markerOutline", brushToString(this.i.aas));
+            this.i.aav = stringToBrush(v);
+            this._a("markerOutline", brushToString(this.i.aav));
         },
         enumerable: false,
         configurable: true
@@ -197,10 +197,10 @@ var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/ (functi
          * Gets or sets the template to use for marker visuals for the current series object.
         */
         get: function () {
-            return this.i.aag;
+            return this.i.aaj;
         },
         set: function (v) {
-            this.i.aag = v;
+            this.i.aaj = v;
         },
         enumerable: false,
         configurable: true
@@ -210,11 +210,11 @@ var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/ (functi
          * Gets or sets the width to use for the highlight region if highlighting items in a grid aligned series (line, spline, etc), with a banded shape.
         */
         get: function () {
-            return this.i.zz;
+            return this.i.z2;
         },
         set: function (v) {
-            this.i.zz = +v;
-            this._a("bandHighlightWidth", this.i.zz);
+            this.i.z2 = +v;
+            this._a("bandHighlightWidth", this.i.z2);
         },
         enumerable: false,
         configurable: true
@@ -224,11 +224,11 @@ var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/ (functi
          * Gets or sets whether to skip unknown values when searching for series values.
         */
         get: function () {
-            return this.i.zw;
+            return this.i.zz;
         },
         set: function (v) {
-            this.i.zw = ensureBool(v);
-            this._a("skipUnknownValues", this.i.zw);
+            this.i.zz = ensureBool(v);
+            this._a("skipUnknownValues", this.i.zz);
         },
         enumerable: false,
         configurable: true