igniteui-webcomponents-charts 3.2.3 → 3.2.4

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

@@ -60,110 +60,110 @@ export let IgcCategoryItemHighlightLayerComponent = /*@__PURE__*/ (() => {
          * Gets or sets the series to target this annotation to. If null, this annotation targets all series simultaneously.
         */
         get targetSeries() {
-            if (this.i.rc == null) {
+            if (this.i.rg == null) {
                 return null;
             }
-            if (!this.i.rc.externalObject) {
-                let e = IgcSeriesComponent._createFromInternal(this.i.rc);
+            if (!this.i.rg.externalObject) {
+                let e = IgcSeriesComponent._createFromInternal(this.i.rg);
                 if (e) {
-                    e._implementation = this.i.rc;
+                    e._implementation = this.i.rg;
                 }
-                this.i.rc.externalObject = e;
+                this.i.rg.externalObject = e;
             }
-            return this.i.rc.externalObject;
+            return this.i.rg.externalObject;
         }
         set targetSeries(v) {
             if (v != null && this._stylingContainer && v._styling)
                 v._styling(this._stylingContainer, this, this);
-            v == null ? this.i.rc = null : this.i.rc = v.i;
+            v == null ? this.i.rg = null : this.i.rg = 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.rq;
+            return this.i.ru;
         }
         set targetSeriesName(v) {
-            this.i.rq = v;
+            this.i.ru = 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.rg;
+            return this.i.rk;
         }
         set useInterpolation(v) {
-            this.i.rg = ensureBool(v);
-            this._a("useInterpolation", this.i.rg);
+            this.i.rk = ensureBool(v);
+            this._a("useInterpolation", this.i.rk);
         }
         /**
          * Gets or sets which type of highlight shape to use when highlighting items.
         */
         get highlightType() {
-            return this.i.q9;
+            return this.i.rd;
         }
         set highlightType(v) {
-            this.i.q9 = ensureEnum(CategoryItemHighlightType_$type, v);
-            this._a("highlightType", enumToString(CategoryItemHighlightType_$type, this.i.q9));
+            this.i.rd = ensureEnum(CategoryItemHighlightType_$type, v);
+            this._a("highlightType", enumToString(CategoryItemHighlightType_$type, this.i.rd));
         }
         /**
          * Gets or sets which type of marker to use when highlighting items, if appropriate.
         */
         get markerType() {
-            return this.i.rb;
+            return this.i.rf;
         }
         set markerType(v) {
-            this.i.rb = ensureEnum(MarkerType_$type, v);
-            this._a("markerType", enumToString(MarkerType_$type, this.i.rb));
+            this.i.rf = ensureEnum(MarkerType_$type, v);
+            this._a("markerType", enumToString(MarkerType_$type, this.i.rf));
         }
         /**
          * Gets or sets which color to use for the marker when highlighting items, if appropriate.
         */
         get markerBrush() {
-            return brushToString(this.i.sa);
+            return brushToString(this.i.se);
         }
         set markerBrush(v) {
-            this.i.sa = stringToBrush(v);
-            this._a("markerBrush", brushToString(this.i.sa));
+            this.i.se = stringToBrush(v);
+            this._a("markerBrush", brushToString(this.i.se));
         }
         /**
          * Gets or sets which outline color to use for the marker when highlighting items, if appropriate.
         */
         get markerOutline() {
-            return brushToString(this.i.sb);
+            return brushToString(this.i.sf);
         }
         set markerOutline(v) {
-            this.i.sb = stringToBrush(v);
-            this._a("markerOutline", brushToString(this.i.sb));
+            this.i.sf = stringToBrush(v);
+            this._a("markerOutline", brushToString(this.i.sf));
         }
         /**
          * Gets or sets the template to use for marker visuals for the current series object.
         */
         get markerTemplate() {
-            return this.i.rz;
+            return this.i.r3;
         }
         set markerTemplate(v) {
-            this.i.rz = v;
+            this.i.r3 = 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.ri;
+            return this.i.rm;
         }
         set bandHighlightWidth(v) {
-            this.i.ri = +v;
-            this._a("bandHighlightWidth", this.i.ri);
+            this.i.rm = +v;
+            this._a("bandHighlightWidth", this.i.rm);
         }
         /**
          * Gets or sets whether to skip unknown values when searching for series values.
         */
         get skipUnknownValues() {
-            return this.i.rf;
+            return this.i.rj;
         }
         set skipUnknownValues(v) {
-            this.i.rf = ensureBool(v);
-            this._a("skipUnknownValues", this.i.rf);
+            this.i.rj = ensureBool(v);
+            this._a("skipUnknownValues", this.i.rj);
         }
         findByName(name) {
             var baseResult = super.findByName(name);

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

@@ -47,33 +47,33 @@ export let IgcCategorySeriesComponent = /*@__PURE__*/ (() => {
             return this.i.c6;
         }
         get isValueAxisInverted() {
-            return this.i.ej;
+            return this.i.ek;
         }
         /**
          * Gets whether or not this series is Category series
         */
         get isCategory() {
-            return this.i.dg;
+            return this.i.dh;
         }
         /**
          * Gets or sets whether this category series should allow custom style overrides of its individual visuals.
         */
         get isCustomCategoryStyleAllowed() {
-            return this.i.sf;
+            return this.i.sj;
         }
         set isCustomCategoryStyleAllowed(v) {
-            this.i.sf = ensureBool(v);
-            this._a("isCustomCategoryStyleAllowed", this.i.sf);
+            this.i.sj = ensureBool(v);
+            this._a("isCustomCategoryStyleAllowed", this.i.sj);
         }
         /**
          * Gets or sets whether this category series should allow custom style overrides of its individual marker visuals.
         */
         get isCustomCategoryMarkerStyleAllowed() {
-            return this.i.se;
+            return this.i.si;
         }
         set isCustomCategoryMarkerStyleAllowed(v) {
-            this.i.se = ensureBool(v);
-            this._a("isCustomCategoryMarkerStyleAllowed", this.i.se);
+            this.i.si = ensureBool(v);
+            this._a("isCustomCategoryMarkerStyleAllowed", this.i.si);
         }
         /**
          * Sets or Gets whether to increase marker fidelity for extreme data shapes that have lots of Y variation over short X intervals.
@@ -85,11 +85,11 @@ export let IgcCategorySeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get useHighMarkerFidelity() {
-            return this.i.sk;
+            return this.i.so;
         }
         set useHighMarkerFidelity(v) {
-            this.i.sk = ensureBool(v);
-            this._a("useHighMarkerFidelity", this.i.sk);
+            this.i.so = ensureBool(v);
+            this._a("useHighMarkerFidelity", this.i.so);
         }
         /**
          * Gets or sets the method by which to animate the data into the chart when the chart data source is swapped.
@@ -103,11 +103,11 @@ export let IgcCategorySeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get transitionInMode() {
-            return this.i.r0;
+            return this.i.r4;
         }
         set transitionInMode(v) {
-            this.i.r0 = ensureEnum(CategoryTransitionInMode_$type, v);
-            this._a("transitionInMode", enumToString(CategoryTransitionInMode_$type, this.i.r0));
+            this.i.r4 = ensureEnum(CategoryTransitionInMode_$type, v);
+            this._a("transitionInMode", enumToString(CategoryTransitionInMode_$type, this.i.r4));
         }
         /**
          * Gets or sets whether the series should transition into the plot area when a new data source is assigned.
@@ -116,11 +116,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.sg;
+            return this.i.sk;
         }
         set isTransitionInEnabled(v) {
-            this.i.sg = ensureBool(v);
-            this._a("isTransitionInEnabled", this.i.sg);
+            this.i.sk = ensureBool(v);
+            this._a("isTransitionInEnabled", this.i.sk);
         }
         /**
          * Returns the offset value for this series if grouped on a category axis.
@@ -144,7 +144,7 @@ export let IgcCategorySeriesComponent = /*@__PURE__*/ (() => {
         * @param world  * The world coordinates to use.
         */
         getItem(world) {
-            let iv = this.i.ht(toPoint(world));
+            let iv = this.i.hv(toPoint(world));
             return (iv);
         }
         /**
@@ -153,7 +153,7 @@ export let IgcCategorySeriesComponent = /*@__PURE__*/ (() => {
         * @param world  * The world coordinates to use.
         */
         getItemIndex(world) {
-            let iv = this.i.hd(toPoint(world));
+            let iv = this.i.hf(toPoint(world));
             return (iv);
         }
         /**
@@ -162,7 +162,7 @@ export let IgcCategorySeriesComponent = /*@__PURE__*/ (() => {
         * @param world  * The world position for which to return the index.
         */
         getExactItemIndex(world) {
-            let iv = this.i.f5(toPoint(world));
+            let iv = this.i.f7(toPoint(world));
             return (iv);
         }
         /**

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

@@ -55,38 +55,38 @@ export let IgcCategoryToolTipLayerComponent = /*@__PURE__*/ (() => {
          * Gets whether the default tooltip behaviors for the chart are disabled if this layer is present.
         */
         get isDefaultTooltipBehaviorDisabled() {
-            return this.i.dk;
+            return this.i.dl;
         }
         /**
          * Gets or sets the Axis to target this annotation to. If null, this annotation layer will not render content.
         */
         get targetAxis() {
-            if (this.i.q8 == null) {
+            if (this.i.rc == null) {
                 return null;
             }
-            if (!this.i.q8.externalObject) {
-                let e = IgcAxisComponent._createFromInternal(this.i.q8);
+            if (!this.i.rc.externalObject) {
+                let e = IgcAxisComponent._createFromInternal(this.i.rc);
                 if (e) {
-                    e._implementation = this.i.q8;
+                    e._implementation = this.i.rc;
                 }
-                this.i.q8.externalObject = e;
+                this.i.rc.externalObject = e;
             }
-            return this.i.q8.externalObject;
+            return this.i.rc.externalObject;
         }
         set targetAxis(v) {
             if (v != null && this._stylingContainer && v._styling)
                 v._styling(this._stylingContainer, this, this);
-            v == null ? this.i.q8 = null : this.i.q8 = v.i;
+            v == null ? this.i.rc = null : this.i.rc = v.i;
         }
         /**
          * Gets or sets whether to use value interpolation when drawing the tooltips.
         */
         get useInterpolation() {
-            return this.i.rc;
+            return this.i.rg;
         }
         set useInterpolation(v) {
-            this.i.rc = ensureBool(v);
-            this._a("useInterpolation", this.i.rc);
+            this.i.rg = ensureBool(v);
+            this._a("useInterpolation", this.i.rg);
         }
         findByName(name) {
             var baseResult = super.findByName(name);
@@ -111,7 +111,7 @@ export let IgcCategoryToolTipLayerComponent = /*@__PURE__*/ (() => {
         
         */
         hideToolTips() {
-            this.i.ld();
+            this.i.lg();
         }
     }
     IgcCategoryToolTipLayerComponent._observedAttributesIgcCategoryToolTipLayerComponent = null;

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

@@ -51,6 +51,63 @@ export let IgcCategoryXAxisComponent = /*@__PURE__*/ (() => {
                 RegisterElementHelper.registerElement(IgcCategoryXAxisComponent.htmlTagName, IgcCategoryXAxisComponent);
             }
         }
+        /**
+         * Gets or sets number of visible categories at maximum zooming level
+         * This property is overridden by chart's WindowRectMinWidth property
+        */
+        get zoomMaximumCategoryRange() {
+            return this.i.zoomMaximumCategoryRange;
+        }
+        set zoomMaximumCategoryRange(v) {
+            this.i.zoomMaximumCategoryRange = +v;
+            this._a("zoomMaximumCategoryRange", this.i.zoomMaximumCategoryRange);
+        }
+        /**
+         * Gets or sets maximum pixel span of series item that will be visible at maximum zooming level
+         * This property ensures that series item does not get stretch above specified value.
+         * This property is overridden by chart's WindowRectMinWidth property
+        */
+        get zoomMaximumItemSpan() {
+            return this.i.zoomMaximumItemSpan;
+        }
+        set zoomMaximumItemSpan(v) {
+            this.i.zoomMaximumItemSpan = +v;
+            this._a("zoomMaximumItemSpan", this.i.zoomMaximumItemSpan);
+        }
+        /**
+         * Gets or sets range of categories that the chart will zoom in to and fill plot area
+         * This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
+        */
+        get zoomToCategoryRange() {
+            return this.i.zoomToCategoryRange;
+        }
+        set zoomToCategoryRange(v) {
+            this.i.zoomToCategoryRange = +v;
+            this._a("zoomToCategoryRange", this.i.zoomToCategoryRange);
+        }
+        /**
+         * Gets or sets starting category that chart will move its zoom window. Acceptable value is between 0 and number of data items
+         * This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
+        */
+        get zoomToCategoryStart() {
+            return this.i.zoomToCategoryStart;
+        }
+        set zoomToCategoryStart(v) {
+            this.i.zoomToCategoryStart = +v;
+            this._a("zoomToCategoryStart", this.i.zoomToCategoryStart);
+        }
+        /**
+         * Gets or sets pixel span of series item that will be used to zoom chart such that the item has desired span
+         * Chart will automaticlly zoom in until series item has specified pixel span.
+         * This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
+        */
+        get zoomToItemSpan() {
+            return this.i.zoomToItemSpan;
+        }
+        set zoomToItemSpan(v) {
+            this.i.zoomToItemSpan = +v;
+            this._a("zoomToItemSpan", this.i.zoomToItemSpan);
+        }
         /**
          * Gets or sets the frequency of displayed labels.
          * The set value is a factor that determines which labels will be hidden. For example, an interval of 2 will display every other label.
@@ -113,10 +170,26 @@ export let IgcCategoryXAxisComponent = /*@__PURE__*/ (() => {
         * @param item  * Data item to scroll into view
         */
         scrollIntoView(item) {
-            this.i.m1(item);
+            this.i.m6(item);
         }
         scrollRangeIntoView(minimum, maximum) {
-            this.i.m2(minimum, maximum);
+            this.i.m7(minimum, maximum);
+        }
+        /**
+         * Gets window zoom scale required to zoom to specified number of categories
+        
+        */
+        getWindowZoomFromCategories(categoriesCount) {
+            let iv = this.i.getWindowZoomFromCategories(categoriesCount);
+            return (iv);
+        }
+        /**
+         * Gets window zoom scale required to zoom to specified span of series item
+        
+        */
+        getWindowZoomFromItemSpan(pixels) {
+            let iv = this.i.getWindowZoomFromItemSpan(pixels);
+            return (iv);
         }
         get actualIntervalChange() {
             return this._actualIntervalChange;

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

@@ -97,12 +97,69 @@ export let IgcCategoryYAxisComponent = /*@__PURE__*/ (() => {
             this.i.ml = +v;
             this._a("actualMinorInterval", this.i.ml);
         }
+        /**
+         * Gets or sets number of visible categories at maximum zooming level
+         * This property is overridden by chart's WindowRectMinWidth property
+        */
+        get zoomMaximumCategoryRange() {
+            return this.i.zoomMaximumCategoryRange;
+        }
+        set zoomMaximumCategoryRange(v) {
+            this.i.zoomMaximumCategoryRange = +v;
+            this._a("zoomMaximumCategoryRange", this.i.zoomMaximumCategoryRange);
+        }
+        /**
+         * Gets or sets maximum pixel span of series item that will be visible at maximum zooming level
+         * This property ensures that series item does not get stretch above specified value.
+         * This property is overridden by chart's WindowRectMinWidth property
+        */
+        get zoomMaximumItemSpan() {
+            return this.i.zoomMaximumItemSpan;
+        }
+        set zoomMaximumItemSpan(v) {
+            this.i.zoomMaximumItemSpan = +v;
+            this._a("zoomMaximumItemSpan", this.i.zoomMaximumItemSpan);
+        }
+        /**
+         * Gets or sets range of categories that the chart will zoom in and fill plot area
+         * This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
+        */
+        get zoomToCategoryRange() {
+            return this.i.zoomToCategoryRange;
+        }
+        set zoomToCategoryRange(v) {
+            this.i.zoomToCategoryRange = +v;
+            this._a("zoomToCategoryRange", this.i.zoomToCategoryRange);
+        }
+        /**
+         * Gets or sets starting category that chart will move its zoom window. Acceptable value is between 0 and number of data items
+         * This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
+        */
+        get zoomToCategoryStart() {
+            return this.i.zoomToCategoryStart;
+        }
+        set zoomToCategoryStart(v) {
+            this.i.zoomToCategoryStart = +v;
+            this._a("zoomToCategoryStart", this.i.zoomToCategoryStart);
+        }
+        /**
+         * Gets or sets pixel span of series item that will be used to zoom chart such that the item has desired span
+         * Chart will automaticlly zoom in until series item has specified pixel span.
+         * This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
+        */
+        get zoomToItemSpan() {
+            return this.i.zoomToItemSpan;
+        }
+        set zoomToItemSpan(v) {
+            this.i.zoomToItemSpan = +v;
+            this._a("zoomToItemSpan", this.i.zoomToItemSpan);
+        }
         getCategoryBoundingBox(point, useInterpolation, singularWidth) {
             let iv = this.i.md(toPoint(point), useInterpolation, singularWidth);
             return fromRect(iv);
         }
         scrollRangeIntoView(minimum, maximum) {
-            this.i.my(minimum, maximum);
+            this.i.m3(minimum, maximum);
         }
         /**
          * Scrolls the specified item into view.
@@ -110,7 +167,23 @@ export let IgcCategoryYAxisComponent = /*@__PURE__*/ (() => {
         * @param item  * Data item to scroll into view
         */
         scrollIntoView(item) {
-            this.i.mx(item);
+            this.i.m2(item);
+        }
+        /**
+         * Gets window zoom scale required to zoom to specified number of categories
+        
+        */
+        getWindowZoomFromCategories(categoriesCount) {
+            let iv = this.i.getWindowZoomFromCategories(categoriesCount);
+            return (iv);
+        }
+        /**
+         * Gets window zoom scale required to zoom to specified span of series item
+        
+        */
+        getWindowZoomFromItemSpan(pixels) {
+            let iv = this.i.getWindowZoomFromItemSpan(pixels);
+            return (iv);
         }
         get actualIntervalChange() {
             return this._actualIntervalChange;

package/esm2015/lib/igc-chaikin-volatility-indicator-component.js

@@ -60,11 +60,11 @@ export let IgcChaikinVolatilityIndicatorComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get period() {
-            return this.i.u2;
+            return this.i.u6;
         }
         set period(v) {
-            this.i.u2 = +v;
-            this._a("period", this.i.u2);
+            this.i.u6 = +v;
+            this._a("period", this.i.u6);
         }
     }
     IgcChaikinVolatilityIndicatorComponent._observedAttributesIgcChaikinVolatilityIndicatorComponent = null;

package/esm2015/lib/igc-chart-group-description-collection.js

@@ -0,0 +1,88 @@
+import { IgcChartGroupDescription } from "./igc-chart-group-description";
+import { ChartGroupDescriptionCollection as ChartGroupDescriptionCollection_internal } from "./ChartGroupDescriptionCollection";
+/**
+ * Represents a collection of grouping elements that are applied to a data source or provider.
+*/
+export class IgcChartGroupDescriptionCollection {
+    createImplementation() {
+        return new ChartGroupDescriptionCollection_internal();
+    }
+    get i() {
+        return this._implementation;
+    }
+    onImplementationCreated() {
+    }
+    constructor() {
+        this._implementation = this.createImplementation();
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+    }
+    _provideImplementation(i) {
+        this._implementation = i;
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+    }
+    item(index, value) {
+        let int = null;
+        if (value !== undefined) {
+            int = this.i.set(index, value == null ? null : value.i);
+        }
+        else {
+            int = this.i.get(index);
+        }
+        let ext = null;
+        if (int != null) {
+            ext = int.externalObject;
+            if (!ext) {
+                ext = new IgcChartGroupDescription();
+                ext._implementation = int;
+                int.externalObject = ext;
+            }
+        }
+        return ext;
+    }
+    get count() {
+        return this.i.size();
+    }
+    toArray() {
+        let arr = [];
+        for (let i = 0; i < this.count; i++) {
+            arr[i] = this.item(i);
+        }
+        return arr;
+    }
+    *[Symbol.iterator]() {
+        for (let i = 0; i < this.count; i++) {
+            let item = this.item(i);
+            if (item.externalObject) {
+                item = item.externalObject;
+            }
+            yield item;
+        }
+    }
+    findByName(name) {
+        return null;
+    }
+    add(item) {
+        let iv = this.i.g((item == null ? null : item.i));
+        return (iv);
+    }
+    insert(index, item) {
+        this.i.n(index, (item == null ? null : item.i));
+    }
+    clear() {
+        this.i.m();
+    }
+    indexOf(item) {
+        let iv = this.i.j((item == null ? null : item.i));
+        return (iv);
+    }
+    remove(item) {
+        let iv = this.i.h((item == null ? null : item.i));
+        return (iv);
+    }
+    removeAt(index) {
+        let iv = this.i.b(index);
+        return (iv == null ? null : iv.externalObject);
+    }
+}

package/esm2015/lib/igc-chart-group-description-module.js

@@ -0,0 +1,15 @@
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+https://www.infragistics.com/legal/license/igultimate-la
+https://www.infragistics.com/legal/license/igultimate-eula
+GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+*/
+import { IgcChartGroupDescription } from './igc-chart-group-description';
+import { ChartGroupDescription } from './ChartGroupDescription';
+import { TypeRegistrar } from "igniteui-webcomponents-core";
+export class IgcChartGroupDescriptionModule {
+    static register() {
+        TypeRegistrar.registerCons("IgcChartGroupDescription", IgcChartGroupDescription);
+        TypeRegistrar.register("ChartGroupDescription", ChartGroupDescription.$type);
+    }
+}

package/esm2015/lib/igc-chart-group-description.js

@@ -0,0 +1,20 @@
+import { ListSortDirection } from "igniteui-webcomponents-core";
+import { IgcChartSortDescription } from "./igc-chart-sort-description";
+import { ChartGroupDescription } from "./ChartGroupDescription";
+/**
+ * Represents an element in the current grouping applied to a data source or provider. Changes to this object are not observed or expected after it is initially assigned to a collection.
+*/
+export class IgcChartGroupDescription extends IgcChartSortDescription {
+    createImplementation() {
+        return new ChartGroupDescription(0);
+    }
+    /**
+     * @hidden
+     */
+    get i() {
+        return this._implementation;
+    }
+    constructor(field = null, sortDirection = ListSortDirection.Ascending) {
+        super(field, sortDirection);
+    }
+}