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

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

@@ -94,11 +94,11 @@ export let IgcCategoryAxisBaseComponent = /*@__PURE__*/ (() => {
          * Gets the number of items in the current category axis items source.
         */
         get itemsCount() {
-            return this.i.lh;
+            return this.i.li;
         }
         set itemsCount(v) {
-            this.i.lh = +v;
-            this._a("itemsCount", this.i.lh);
+            this.i.li = +v;
+            this._a("itemsCount", this.i.li);
         }
         /**
          * Gets or sets the amount of space between adjacent categories for the current axis object.
@@ -111,31 +111,31 @@ export let IgcCategoryAxisBaseComponent = /*@__PURE__*/ (() => {
         * To set the item spacing to 75% the width of one item, set the `Gap` to 0.75, as in this code:
         */
         get gap() {
-            return this.i.k2;
+            return this.i.k3;
         }
         set gap(v) {
-            this.i.k2 = +v;
-            this._a("gap", this.i.k2);
+            this.i.k3 = +v;
+            this._a("gap", this.i.k3);
         }
         /**
          * Gets or sets the maximum gap value to allow. This defaults to 1.0.
         */
         get maximumGap() {
-            return this.i.k9;
+            return this.i.la;
         }
         set maximumGap(v) {
-            this.i.k9 = +v;
-            this._a("maximumGap", this.i.k9);
+            this.i.la = +v;
+            this._a("maximumGap", this.i.la);
         }
         /**
          * Gets or sets the minimum amount of pixels to use for the gap between categories, if possible.
         */
         get minimumGapSize() {
-            return this.i.la;
+            return this.i.lb;
         }
         set minimumGapSize(v) {
-            this.i.la = +v;
-            this._a("minimumGapSize", this.i.la);
+            this.i.lb = +v;
+            this._a("minimumGapSize", this.i.lb);
         }
         /**
          * Gets or sets the amount of overlap between adjacent categories for the current axis object.
@@ -148,11 +148,11 @@ export let IgcCategoryAxisBaseComponent = /*@__PURE__*/ (() => {
         * To place grouped items with 75% overlap, set the `Overlap` to 0.75, as in this code:
         */
         get overlap() {
-            return this.i.lb;
+            return this.i.lc;
         }
         set overlap(v) {
-            this.i.lb = +v;
-            this._a("overlap", this.i.lb);
+            this.i.lc = +v;
+            this._a("overlap", this.i.lc);
         }
         /**
          * Gets or sets whether the category axis should use clustering display mode even if no series are present that would force clustering mode.
@@ -162,22 +162,22 @@ export let IgcCategoryAxisBaseComponent = /*@__PURE__*/ (() => {
         * Try setting it on an axis displaying financial series to adjust the spacing on the left and right sides of the axis:
         */
         get useClusteringMode() {
-            return this.i.kw;
+            return this.i.kx;
         }
         set useClusteringMode(v) {
-            this.i.kw = ensureBool(v);
-            this._a("useClusteringMode", this.i.kw);
+            this.i.kx = ensureBool(v);
+            this._a("useClusteringMode", this.i.kx);
         }
         getFullRange() {
             let iv = this.i.ag();
             return (iv);
         }
         getCategoryBoundingBox(point, useInterpolation, singularWidth) {
-            let iv = this.i.mg(toPoint(point), useInterpolation, singularWidth);
+            let iv = this.i.mh(toPoint(point), useInterpolation, singularWidth);
             return fromRect(iv);
         }
         getCategoryBoundingBoxHelper(point, useInterpolation, singularWidth, isVertical) {
-            let iv = this.i.mh(toPoint(point), useInterpolation, singularWidth, isVertical);
+            let iv = this.i.mi(toPoint(point), useInterpolation, singularWidth, isVertical);
             return fromRect(iv);
         }
         /**
@@ -186,24 +186,24 @@ export let IgcCategoryAxisBaseComponent = /*@__PURE__*/ (() => {
         * @param unscaledValue  * The scaled value in screen coordinates to unscale into axis space.
         */
         unscaleValue(unscaledValue) {
-            let iv = this.i.ld(unscaledValue);
+            let iv = this.i.le(unscaledValue);
             return (iv);
         }
         notifySetItem(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.
         
         */
         notifyClearItems() {
-            this.i.ly();
+            this.i.lz();
         }
         notifyInsertItem(index, newItem) {
-            this.i.lz(index, newItem);
+            this.i.l0(index, newItem);
         }
         notifyRemoveItem(index, oldItem) {
-            this.i.l0(index, oldItem);
+            this.i.l1(index, oldItem);
         }
     }
     IgcCategoryAxisBaseComponent._observedAttributesIgcCategoryAxisBaseComponent = null;

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

@@ -76,11 +76,11 @@ export let IgcCategoryDateTimeXAxisComponent = /*@__PURE__*/ (() => {
          * Gets or sets whether the axis labels can be unevenly spaced
         */
         get unevenlySpacedLabels() {
-            return this.i.nt;
+            return this.i.nu;
         }
         set unevenlySpacedLabels(v) {
-            this.i.nt = ensureBool(v);
-            this._a("unevenlySpacedLabels", this.i.nt);
+            this.i.nu = ensureBool(v);
+            this._a("unevenlySpacedLabels", this.i.nu);
         }
         /**
          * Gets or sets the axis display type.
@@ -92,11 +92,11 @@ export let IgcCategoryDateTimeXAxisComponent = /*@__PURE__*/ (() => {
         * 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 displayType() {
-            return this.i.nq;
+            return this.i.nr;
         }
         set displayType(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));
         }
         /**
          * Gets or sets the X axis time interval.
@@ -104,42 +104,42 @@ export let IgcCategoryDateTimeXAxisComponent = /*@__PURE__*/ (() => {
         * `Interval` property is used to get/sets the frequency of displayed labels.
         */
         get interval() {
-            return this.i.n1;
+            return this.i.n3;
         }
         set interval(v) {
-            this.i.n1 = +v;
-            this._a("interval", this.i.n1);
+            this.i.n3 = +v;
+            this._a("interval", this.i.n3);
         }
         /**
          * Gets the effective value for the current Interval.
         */
         get actualInterval() {
-            return this.i.ny;
+            return this.i.n0;
         }
         set actualInterval(v) {
-            this.i.ny = +v;
-            this._a("actualInterval", this.i.ny);
+            this.i.n0 = +v;
+            this._a("actualInterval", this.i.n0);
         }
         /**
          * 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 minorInterval() {
-            return this.i.n2;
+            return this.i.n4;
         }
         set minorInterval(v) {
-            this.i.n2 = +v;
-            this._a("minorInterval", this.i.n2);
+            this.i.n4 = +v;
+            this._a("minorInterval", this.i.n4);
         }
         /**
          * Gets the effective value for the current MinorInterval.
         */
         get actualMinorInterval() {
-            return this.i.nz;
+            return this.i.n1;
         }
         set actualMinorInterval(v) {
-            this.i.nz = +v;
-            this._a("actualMinorInterval", this.i.nz);
+            this.i.n1 = +v;
+            this._a("actualMinorInterval", this.i.n1);
         }
         /**
          * Gets if the current axis is of category date time axis type
@@ -148,7 +148,7 @@ export let IgcCategoryDateTimeXAxisComponent = /*@__PURE__*/ (() => {
             return this.i.cc;
         }
         scrollDateRangeIntoView(minimum, maximum) {
-            this.i.n9(minimum, maximum);
+            this.i.ob(minimum, maximum);
         }
         get actualIntervalChange() {
             return this._actualIntervalChange;
@@ -162,7 +162,7 @@ export let IgcCategoryDateTimeXAxisComponent = /*@__PURE__*/ (() => {
             this._actualIntervalChange = ev;
             this._actualIntervalChange_wrapped = (o, e) => {
                 let ext = this.actualInterval;
-                if (e.propertyName == 'Ny') {
+                if (e.propertyName == 'N0') {
                     if (this.beforeActualIntervalChange) {
                         this.beforeActualIntervalChange(this, ext);
                     }
@@ -185,7 +185,7 @@ export let IgcCategoryDateTimeXAxisComponent = /*@__PURE__*/ (() => {
             this._actualMinorIntervalChange = ev;
             this._actualMinorIntervalChange_wrapped = (o, e) => {
                 let ext = this.actualMinorInterval;
-                if (e.propertyName == 'Nz') {
+                if (e.propertyName == 'N1') {
                     if (this.beforeActualMinorIntervalChange) {
                         this.beforeActualMinorIntervalChange(this, ext);
                     }

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

@@ -66,13 +66,13 @@ export let IgcCategoryHighlightLayerComponent = /*@__PURE__*/ (() => {
          * Gets whether the series is an annotation layer displayed only when hovering over the chart.
         */
         get isAnnotationHoverLayer() {
-            return this.i.ep;
+            return this.i.eq;
         }
         /**
          * Gets or sets the axis to target this annotation to. If null, this annotation targets all category axes simultaneously.
         */
         get targetAxis() {
-            const r = this.i.zp;
+            const r = this.i.zs;
             if (r == null) {
                 return null;
             }
@@ -88,27 +88,27 @@ export let IgcCategoryHighlightLayerComponent = /*@__PURE__*/ (() => {
         set targetAxis(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;
         }
         /**
          * Gets or sets whether to use value interpolation when drawing a line through the best value for the pointer position.
         */
         get useInterpolation() {
-            return this.i.zs;
+            return this.i.zv;
         }
         set useInterpolation(v) {
-            this.i.zs = ensureBool(v);
-            this._a("useInterpolation", this.i.zs);
+            this.i.zv = ensureBool(v);
+            this._a("useInterpolation", this.i.zv);
         }
         /**
          * Gets or sets the width to use for the highlight region if drawing a band rather than filling a category.
         */
         get bandHighlightWidth() {
-            return this.i.zt;
+            return this.i.zw;
         }
         set bandHighlightWidth(v) {
-            this.i.zt = +v;
-            this._a("bandHighlightWidth", this.i.zt);
+            this.i.zw = +v;
+            this._a("bandHighlightWidth", this.i.zw);
         }
         findByName(name) {
             var baseResult = super.findByName(name);

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

@@ -68,13 +68,13 @@ export let IgcCategoryItemHighlightLayerComponent = /*@__PURE__*/ (() => {
          * Gets whether the series is an annotation layer displayed only when hovering over the chart.
         */
         get isAnnotationHoverLayer() {
-            return this.i.ep;
+            return this.i.eq;
         }
         /**
          * Gets or sets the series to target this annotation to. If null, this annotation targets all series simultaneously.
         */
         get targetSeries() {
-            const r = this.i.zt;
+            const r = this.i.zw;
             if (r == null) {
                 return null;
             }
@@ -90,95 +90,95 @@ export let IgcCategoryItemHighlightLayerComponent = /*@__PURE__*/ (() => {
         set targetSeries(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;
         }
         /**
          * Gets or sets the name of the series to target this annotation to. If null, this annotation targets all series simultaneously.
         */
         get targetSeriesName() {
-            return this.i.z7;
+            return this.i.aaa;
         }
         set targetSeriesName(v) {
-            this.i.z7 = v;
+            this.i.aaa = v;
         }
         /**
          * Gets or sets whether to use value interpolation when drawing a line through the best value for the pointer position.
         */
         get useInterpolation() {
-            return this.i.zx;
+            return this.i.z0;
         }
         set useInterpolation(v) {
-            this.i.zx = ensureBool(v);
-            this._a("useInterpolation", this.i.zx);
+            this.i.z0 = ensureBool(v);
+            this._a("useInterpolation", this.i.z0);
         }
         /**
          * Gets or sets which type of highlight shape to use when highlighting items.
         */
         get highlightType() {
-            return this.i.zq;
+            return this.i.zt;
         }
         set highlightType(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));
         }
         /**
          * Gets or sets which type of marker to use when highlighting items, if appropriate.
         */
         get markerType() {
-            return this.i.zs;
+            return this.i.zv;
         }
         set markerType(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));
         }
         /**
          * Gets or sets which color to use for the marker when highlighting items, if appropriate.
         */
         get markerBrush() {
-            return brushToString(this.i.aar);
+            return brushToString(this.i.aau);
         }
         set markerBrush(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));
         }
         /**
          * Gets or sets which outline color to use for the marker when highlighting items, if appropriate.
         */
         get markerOutline() {
-            return brushToString(this.i.aas);
+            return brushToString(this.i.aav);
         }
         set markerOutline(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));
         }
         /**
          * Gets or sets the template to use for marker visuals for the current series object.
         */
         get markerTemplate() {
-            return this.i.aag;
+            return this.i.aaj;
         }
         set markerTemplate(v) {
-            this.i.aag = v;
+            this.i.aaj = v;
         }
         /**
          * 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 bandHighlightWidth() {
-            return this.i.zz;
+            return this.i.z2;
         }
         set bandHighlightWidth(v) {
-            this.i.zz = +v;
-            this._a("bandHighlightWidth", this.i.zz);
+            this.i.z2 = +v;
+            this._a("bandHighlightWidth", this.i.z2);
         }
         /**
          * Gets or sets whether to skip unknown values when searching for series values.
         */
         get skipUnknownValues() {
-            return this.i.zw;
+            return this.i.zz;
         }
         set skipUnknownValues(v) {
-            this.i.zw = ensureBool(v);
-            this._a("skipUnknownValues", this.i.zw);
+            this.i.zz = ensureBool(v);
+            this._a("skipUnknownValues", this.i.zz);
         }
         findByName(name) {
             var baseResult = super.findByName(name);

package/esm2015/lib/igc-category-series-component.js

@@ -1,4 +1,5 @@
 import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
+import { CategoryCollisionMode_$type } from "./CategoryCollisionMode";
 import { CategoryTransitionInMode_$type } from "./CategoryTransitionInMode";
 import { IgcAssigningCategoryStyleEventArgs } from "./igc-assigning-category-style-event-args";
 import { IgcAssigningCategoryMarkerStyleEventArgs } from "./igc-assigning-category-marker-style-event-args";
@@ -58,36 +59,46 @@ export let IgcCategorySeriesComponent = /*@__PURE__*/ (() => {
             return IgcCategorySeriesComponent._observedAttributesIgcCategorySeriesComponent;
         }
         get hasValueAxis() {
-            return this.i.ei;
+            return this.i.ej;
         }
         get isValueAxisInverted() {
-            return this.i.f3;
+            return this.i.f4;
         }
         /**
          * Gets whether or not this series is Category series
         */
         get isCategory() {
-            return this.i.ew;
+            return this.i.ex;
         }
         /**
          * Gets or sets whether this category series should allow custom style overrides of its individual visuals.
         */
         get isCustomCategoryStyleAllowed() {
-            return this.i.zb;
+            return this.i.zf;
         }
         set isCustomCategoryStyleAllowed(v) {
-            this.i.zb = ensureBool(v);
-            this._a("isCustomCategoryStyleAllowed", this.i.zb);
+            this.i.zf = ensureBool(v);
+            this._a("isCustomCategoryStyleAllowed", this.i.zf);
         }
         /**
          * Gets or sets whether this category series should allow custom style overrides of its individual marker visuals.
         */
         get isCustomCategoryMarkerStyleAllowed() {
-            return this.i.za;
+            return this.i.ze;
         }
         set isCustomCategoryMarkerStyleAllowed(v) {
-            this.i.za = ensureBool(v);
-            this._a("isCustomCategoryMarkerStyleAllowed", this.i.za);
+            this.i.ze = ensureBool(v);
+            this._a("isCustomCategoryMarkerStyleAllowed", this.i.ze);
+        }
+        /**
+         * Gets or sets the category collision mode selection behavior to use for the series.
+        */
+        get categoryCollisionMode() {
+            return this.i.yo;
+        }
+        set categoryCollisionMode(v) {
+            this.i.yo = ensureEnum(CategoryCollisionMode_$type, v);
+            this._a("categoryCollisionMode", enumToString(CategoryCollisionMode_$type, this.i.yo));
         }
         /**
          * Sets or Gets whether to increase marker fidelity for extreme data shapes that have lots of Y variation over short X intervals.
@@ -99,11 +110,11 @@ export let IgcCategorySeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get useHighMarkerFidelity() {
-            return this.i.zh;
+            return this.i.zl;
         }
         set useHighMarkerFidelity(v) {
-            this.i.zh = ensureBool(v);
-            this._a("useHighMarkerFidelity", this.i.zh);
+            this.i.zl = ensureBool(v);
+            this._a("useHighMarkerFidelity", this.i.zl);
         }
         /**
          * Gets or sets the method by which to animate the data into the chart when the chart data source is swapped.
@@ -117,11 +128,11 @@ export let IgcCategorySeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get transitionInMode() {
-            return this.i.yw;
+            return this.i.y0;
         }
         set transitionInMode(v) {
-            this.i.yw = ensureEnum(CategoryTransitionInMode_$type, v);
-            this._a("transitionInMode", enumToString(CategoryTransitionInMode_$type, this.i.yw));
+            this.i.y0 = ensureEnum(CategoryTransitionInMode_$type, v);
+            this._a("transitionInMode", enumToString(CategoryTransitionInMode_$type, this.i.y0));
         }
         /**
          * Gets or sets whether the series should transition into the plot area when a new data source is assigned.
@@ -130,11 +141,11 @@ export let IgcCategorySeriesComponent = /*@__PURE__*/ (() => {
         * Set `IsTransitionInEnabled` to true if you want your chart series to animate into position when the chart is loading into view.
         */
         get isTransitionInEnabled() {
-            return this.i.zc;
+            return this.i.zg;
         }
         set isTransitionInEnabled(v) {
-            this.i.zc = ensureBool(v);
-            this._a("isTransitionInEnabled", this.i.zc);
+            this.i.zg = ensureBool(v);
+            this._a("isTransitionInEnabled", this.i.zg);
         }
         /**
          * Returns the offset value for this series if grouped on a category axis.
@@ -158,7 +169,7 @@ export let IgcCategorySeriesComponent = /*@__PURE__*/ (() => {
         * @param world  * The world coordinates to use.
         */
         getItem(world) {
-            let iv = this.i.kl(toPoint(world));
+            let iv = this.i.km(toPoint(world));
             return (iv);
         }
         /**
@@ -167,7 +178,7 @@ export let IgcCategorySeriesComponent = /*@__PURE__*/ (() => {
         * @param world  * The world coordinates to use.
         */
         getItemIndex(world) {
-            let iv = this.i.j1(toPoint(world));
+            let iv = this.i.j2(toPoint(world));
             return (iv);
         }
         /**
@@ -176,7 +187,7 @@ export let IgcCategorySeriesComponent = /*@__PURE__*/ (() => {
         * @param world  * The world position for which to return the index.
         */
         getExactItemIndex(world) {
-            let iv = this.i.ip(toPoint(world));
+            let iv = this.i.iq(toPoint(world));
             return (iv);
         }
         /**

package/esm2015/lib/igc-category-tool-tip-layer-component.js

@@ -63,19 +63,19 @@ export let IgcCategoryToolTipLayerComponent = /*@__PURE__*/ (() => {
          * Gets whether the series is an annotation layer displayed only when hovering over the chart.
         */
         get isAnnotationHoverLayer() {
-            return this.i.ep;
+            return this.i.eq;
         }
         /**
          * Gets whether the default tooltip behaviors for the chart are disabled if this layer is present.
         */
         get isDefaultTooltipBehaviorDisabled() {
-            return this.i.e0;
+            return this.i.e1;
         }
         /**
          * Gets or sets the Axis to target this annotation to. If null, this annotation layer will not render content.
         */
         get targetAxis() {
-            const r = this.i.zp;
+            const r = this.i.zs;
             if (r == null) {
                 return null;
             }
@@ -91,17 +91,17 @@ export let IgcCategoryToolTipLayerComponent = /*@__PURE__*/ (() => {
         set targetAxis(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;
         }
         /**
          * Gets or sets whether to use value interpolation when drawing the tooltips.
         */
         get useInterpolation() {
-            return this.i.zt;
+            return this.i.zw;
         }
         set useInterpolation(v) {
-            this.i.zt = ensureBool(v);
-            this._a("useInterpolation", this.i.zt);
+            this.i.zw = ensureBool(v);
+            this._a("useInterpolation", this.i.zw);
         }
         findByName(name) {
             var baseResult = super.findByName(name);
@@ -126,7 +126,7 @@ export let IgcCategoryToolTipLayerComponent = /*@__PURE__*/ (() => {
         
         */
         hideToolTips() {
-            this.i.p2();
+            this.i.p4();
         }
     }
     IgcCategoryToolTipLayerComponent._observedAttributesIgcCategoryToolTipLayerComponent = null;