igniteui-webcomponents-charts 3.2.3 → 3.5.0

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

@@ -27,11 +27,25 @@ export let IgcCategoryHighlightLayerComponent = /*@__PURE__*/ (() => {
             if (super["connectedCallback"]) {
                 super["connectedCallback"]();
             }
+            if (this.i.connectedCallback) {
+                this.i.connectedCallback();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
             }
         }
+        disconnectedCallback() {
+            if (super["disconnectedCallback"]) {
+                super["disconnectedCallback"]();
+            }
+            if (this.i.disconnectedCallback) {
+                this.i.disconnectedCallback();
+            }
+            if (this._attached) {
+                this._attached = false;
+            }
+        }
         static get observedAttributes() {
             if (IgcCategoryHighlightLayerComponent._observedAttributesIgcCategoryHighlightLayerComponent == null) {
                 let names = getAllPropertyNames(IgcCategoryHighlightLayerComponent);
@@ -58,42 +72,43 @@ export let IgcCategoryHighlightLayerComponent = /*@__PURE__*/ (() => {
          * Gets or sets the axis to target this annotation to. If null, this annotation targets all category axes simultaneously.
         */
         get targetAxis() {
-            if (this.i.q8 == null) {
+            const r = this.i.rc;
+            if (r == null) {
                 return null;
             }
-            if (!this.i.q8.externalObject) {
-                let e = IgcCategoryAxisBaseComponent._createFromInternal(this.i.q8);
+            if (!r.externalObject) {
+                let e = IgcCategoryAxisBaseComponent._createFromInternal(r);
                 if (e) {
-                    e._implementation = this.i.q8;
+                    e._implementation = r;
                 }
-                this.i.q8.externalObject = e;
+                r.externalObject = e;
             }
-            return this.i.q8.externalObject;
+            return r.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 a line through the best value for the pointer position.
         */
         get useInterpolation() {
-            return this.i.rb;
+            return this.i.rf;
         }
         set useInterpolation(v) {
-            this.i.rb = ensureBool(v);
-            this._a("useInterpolation", this.i.rb);
+            this.i.rf = ensureBool(v);
+            this._a("useInterpolation", this.i.rf);
         }
         /**
          * 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.rc;
+            return this.i.rg;
         }
         set bandHighlightWidth(v) {
-            this.i.rc = +v;
-            this._a("bandHighlightWidth", this.i.rc);
+            this.i.rg = +v;
+            this._a("bandHighlightWidth", this.i.rg);
         }
         findByName(name) {
             var baseResult = super.findByName(name);

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

@@ -29,11 +29,25 @@ export let IgcCategoryItemHighlightLayerComponent = /*@__PURE__*/ (() => {
             if (super["connectedCallback"]) {
                 super["connectedCallback"]();
             }
+            if (this.i.connectedCallback) {
+                this.i.connectedCallback();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
             }
         }
+        disconnectedCallback() {
+            if (super["disconnectedCallback"]) {
+                super["disconnectedCallback"]();
+            }
+            if (this.i.disconnectedCallback) {
+                this.i.disconnectedCallback();
+            }
+            if (this._attached) {
+                this._attached = false;
+            }
+        }
         static get observedAttributes() {
             if (IgcCategoryItemHighlightLayerComponent._observedAttributesIgcCategoryItemHighlightLayerComponent == null) {
                 let names = getAllPropertyNames(IgcCategoryItemHighlightLayerComponent);
@@ -60,110 +74,111 @@ 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) {
+            const r = this.i.rg;
+            if (r == null) {
                 return null;
             }
-            if (!this.i.rc.externalObject) {
-                let e = IgcSeriesComponent._createFromInternal(this.i.rc);
+            if (!r.externalObject) {
+                let e = IgcSeriesComponent._createFromInternal(r);
                 if (e) {
-                    e._implementation = this.i.rc;
+                    e._implementation = r;
                 }
-                this.i.rc.externalObject = e;
+                r.externalObject = e;
             }
-            return this.i.rc.externalObject;
+            return r.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

@@ -28,11 +28,25 @@ export let IgcCategorySeriesComponent = /*@__PURE__*/ (() => {
             if (super["connectedCallback"]) {
                 super["connectedCallback"]();
             }
+            if (this.i.connectedCallback) {
+                this.i.connectedCallback();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
             }
         }
+        disconnectedCallback() {
+            if (super["disconnectedCallback"]) {
+                super["disconnectedCallback"]();
+            }
+            if (this.i.disconnectedCallback) {
+                this.i.disconnectedCallback();
+            }
+            if (this._attached) {
+                this._attached = false;
+            }
+        }
         static get observedAttributes() {
             if (IgcCategorySeriesComponent._observedAttributesIgcCategorySeriesComponent == null) {
                 let names = getAllPropertyNames(IgcCategorySeriesComponent);
@@ -47,33 +61,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 +99,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 +117,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 +130,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 +158,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 +167,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 +176,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);
         }
         /**
@@ -189,6 +203,7 @@ export let IgcCategorySeriesComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.assigningCategoryStyle = delegateCombine(this.i.assigningCategoryStyle, this._assigningCategoryStyle_wrapped);
+            ;
         }
         /**
          * Event raised when Assigning Category Marker Style
@@ -214,6 +229,7 @@ export let IgcCategorySeriesComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.assigningCategoryMarkerStyle = delegateCombine(this.i.assigningCategoryMarkerStyle, this._assigningCategoryMarkerStyle_wrapped);
+            ;
         }
     }
     IgcCategorySeriesComponent._observedAttributesIgcCategorySeriesComponent = null;

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

@@ -24,11 +24,25 @@ export let IgcCategoryToolTipLayerComponent = /*@__PURE__*/ (() => {
             if (super["connectedCallback"]) {
                 super["connectedCallback"]();
             }
+            if (this.i.connectedCallback) {
+                this.i.connectedCallback();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
             }
         }
+        disconnectedCallback() {
+            if (super["disconnectedCallback"]) {
+                super["disconnectedCallback"]();
+            }
+            if (this.i.disconnectedCallback) {
+                this.i.disconnectedCallback();
+            }
+            if (this._attached) {
+                this._attached = false;
+            }
+        }
         static get observedAttributes() {
             if (IgcCategoryToolTipLayerComponent._observedAttributesIgcCategoryToolTipLayerComponent == null) {
                 let names = getAllPropertyNames(IgcCategoryToolTipLayerComponent);
@@ -55,38 +69,39 @@ 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) {
+            const r = this.i.rc;
+            if (r == null) {
                 return null;
             }
-            if (!this.i.q8.externalObject) {
-                let e = IgcAxisComponent._createFromInternal(this.i.q8);
+            if (!r.externalObject) {
+                let e = IgcAxisComponent._createFromInternal(r);
                 if (e) {
-                    e._implementation = this.i.q8;
+                    e._implementation = r;
                 }
-                this.i.q8.externalObject = e;
+                r.externalObject = e;
             }
-            return this.i.q8.externalObject;
+            return r.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 +126,7 @@ export let IgcCategoryToolTipLayerComponent = /*@__PURE__*/ (() => {
         
         */
         hideToolTips() {
-            this.i.ld();
+            this.i.lg();
         }
     }
     IgcCategoryToolTipLayerComponent._observedAttributesIgcCategoryToolTipLayerComponent = null;

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

@@ -30,11 +30,25 @@ export let IgcCategoryXAxisComponent = /*@__PURE__*/ (() => {
             if (super["connectedCallback"]) {
                 super["connectedCallback"]();
             }
+            if (this.i.connectedCallback) {
+                this.i.connectedCallback();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
             }
         }
+        disconnectedCallback() {
+            if (super["disconnectedCallback"]) {
+                super["disconnectedCallback"]();
+            }
+            if (this.i.disconnectedCallback) {
+                this.i.disconnectedCallback();
+            }
+            if (this._attached) {
+                this._attached = false;
+            }
+        }
         static get observedAttributes() {
             if (IgcCategoryXAxisComponent._observedAttributesIgcCategoryXAxisComponent == null) {
                 let names = getAllPropertyNames(IgcCategoryXAxisComponent);
@@ -51,6 +65,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 +184,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;