igniteui-webcomponents-charts 4.8.0 → 4.8.1-beta.0

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

@@ -2,7 +2,7 @@ import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
 import { TimeAxisDisplayType_$type } from "./TimeAxisDisplayType";
 import { IgcTimeAxisBaseComponent } from "./igc-time-axis-base-component";
 import { CategoryDateTimeXAxis } from "./CategoryDateTimeXAxis";
-import { getAllPropertyNames, toSpinal, ensureEnum, enumToString } from "igniteui-webcomponents-core";
+import { getAllPropertyNames, toSpinal, ensureBool, ensureEnum, enumToString } from "igniteui-webcomponents-core";
 import { RegisterElementHelper } from "igniteui-webcomponents-core";
 /**
  * Represents a category-based horizontal X axis that uses a DateTime scale.
@@ -72,6 +72,16 @@ export let IgcCategoryDateTimeXAxisComponent = /*@__PURE__*/ (() => {
         get isContinuous() {
             return this.i.cd;
         }
+        /**
+         * Gets or sets whether the axis labels can be unevenly spaced
+        */
+        get unevenlySpacedLabels() {
+            return this.i.nr;
+        }
+        set unevenlySpacedLabels(v) {
+            this.i.nr = ensureBool(v);
+            this._a("unevenlySpacedLabels", this.i.nr);
+        }
         /**
          * Gets or sets the axis display type.
          * Continuous display type divides the axis into even intervals, where labels will not necessarily be aligned with data points.
@@ -94,42 +104,42 @@ export let IgcCategoryDateTimeXAxisComponent = /*@__PURE__*/ (() => {
         * `Interval` property is used to get/sets the frequency of displayed labels.
         */
         get interval() {
-            return this.i.ny;
+            return this.i.nz;
         }
         set interval(v) {
-            this.i.ny = +v;
-            this._a("interval", this.i.ny);
+            this.i.nz = +v;
+            this._a("interval", this.i.nz);
         }
         /**
          * Gets the effective value for the current Interval.
         */
         get actualInterval() {
-            return this.i.nv;
+            return this.i.nw;
         }
         set actualInterval(v) {
-            this.i.nv = +v;
-            this._a("actualInterval", this.i.nv);
+            this.i.nw = +v;
+            this._a("actualInterval", this.i.nw);
         }
         /**
          * 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.nz;
+            return this.i.n0;
         }
         set minorInterval(v) {
-            this.i.nz = +v;
-            this._a("minorInterval", this.i.nz);
+            this.i.n0 = +v;
+            this._a("minorInterval", this.i.n0);
         }
         /**
          * Gets the effective value for the current MinorInterval.
         */
         get actualMinorInterval() {
-            return this.i.nw;
+            return this.i.nx;
         }
         set actualMinorInterval(v) {
-            this.i.nw = +v;
-            this._a("actualMinorInterval", this.i.nw);
+            this.i.nx = +v;
+            this._a("actualMinorInterval", this.i.nx);
         }
         /**
          * Gets if the current axis is of category date time axis type
@@ -138,7 +148,7 @@ export let IgcCategoryDateTimeXAxisComponent = /*@__PURE__*/ (() => {
             return this.i.cc;
         }
         scrollDateRangeIntoView(minimum, maximum) {
-            this.i.n5(minimum, maximum);
+            this.i.n7(minimum, maximum);
         }
         get actualIntervalChange() {
             return this._actualIntervalChange;
@@ -152,7 +162,7 @@ export let IgcCategoryDateTimeXAxisComponent = /*@__PURE__*/ (() => {
             this._actualIntervalChange = ev;
             this._actualIntervalChange_wrapped = (o, e) => {
                 let ext = this.actualInterval;
-                if (e.propertyName == 'Nv') {
+                if (e.propertyName == 'Nw') {
                     if (this.beforeActualIntervalChange) {
                         this.beforeActualIntervalChange(this, ext);
                     }
@@ -175,7 +185,7 @@ export let IgcCategoryDateTimeXAxisComponent = /*@__PURE__*/ (() => {
             this._actualMinorIntervalChange = ev;
             this._actualMinorIntervalChange_wrapped = (o, e) => {
                 let ext = this.actualMinorInterval;
-                if (e.propertyName == 'Nw') {
+                if (e.propertyName == 'Nx') {
                     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.d6;
+            return this.i.ec;
         }
         /**
          * 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.w2;
+            const r = this.i.yc;
             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.w2 = null : this.i.w2 = v.i;
+            v == null ? this.i.yc = null : this.i.yc = 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.w5;
+            return this.i.yf;
         }
         set useInterpolation(v) {
-            this.i.w5 = ensureBool(v);
-            this._a("useInterpolation", this.i.w5);
+            this.i.yf = ensureBool(v);
+            this._a("useInterpolation", this.i.yf);
         }
         /**
          * 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.w6;
+            return this.i.yg;
         }
         set bandHighlightWidth(v) {
-            this.i.w6 = +v;
-            this._a("bandHighlightWidth", this.i.w6);
+            this.i.yg = +v;
+            this._a("bandHighlightWidth", this.i.yg);
         }
         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.d6;
+            return this.i.ec;
         }
         /**
          * Gets or sets the series to target this annotation to. If null, this annotation targets all series simultaneously.
         */
         get targetSeries() {
-            const r = this.i.w6;
+            const r = this.i.yg;
             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.w6 = null : this.i.w6 = v.i;
+            v == null ? this.i.yg = null : this.i.yg = 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.xk;
+            return this.i.yu;
         }
         set targetSeriesName(v) {
-            this.i.xk = v;
+            this.i.yu = 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.xa;
+            return this.i.yk;
         }
         set useInterpolation(v) {
-            this.i.xa = ensureBool(v);
-            this._a("useInterpolation", this.i.xa);
+            this.i.yk = ensureBool(v);
+            this._a("useInterpolation", this.i.yk);
         }
         /**
          * Gets or sets which type of highlight shape to use when highlighting items.
         */
         get highlightType() {
-            return this.i.w3;
+            return this.i.yd;
         }
         set highlightType(v) {
-            this.i.w3 = ensureEnum(CategoryItemHighlightType_$type, v);
-            this._a("highlightType", enumToString(CategoryItemHighlightType_$type, this.i.w3));
+            this.i.yd = ensureEnum(CategoryItemHighlightType_$type, v);
+            this._a("highlightType", enumToString(CategoryItemHighlightType_$type, this.i.yd));
         }
         /**
          * Gets or sets which type of marker to use when highlighting items, if appropriate.
         */
         get markerType() {
-            return this.i.w5;
+            return this.i.yf;
         }
         set markerType(v) {
-            this.i.w5 = ensureEnum(MarkerType_$type, v);
-            this._a("markerType", enumToString(MarkerType_$type, this.i.w5));
+            this.i.yf = ensureEnum(MarkerType_$type, v);
+            this._a("markerType", enumToString(MarkerType_$type, this.i.yf));
         }
         /**
          * Gets or sets which color to use for the marker when highlighting items, if appropriate.
         */
         get markerBrush() {
-            return brushToString(this.i.x4);
+            return brushToString(this.i.ze);
         }
         set markerBrush(v) {
-            this.i.x4 = stringToBrush(v);
-            this._a("markerBrush", brushToString(this.i.x4));
+            this.i.ze = stringToBrush(v);
+            this._a("markerBrush", brushToString(this.i.ze));
         }
         /**
          * Gets or sets which outline color to use for the marker when highlighting items, if appropriate.
         */
         get markerOutline() {
-            return brushToString(this.i.x5);
+            return brushToString(this.i.zf);
         }
         set markerOutline(v) {
-            this.i.x5 = stringToBrush(v);
-            this._a("markerOutline", brushToString(this.i.x5));
+            this.i.zf = stringToBrush(v);
+            this._a("markerOutline", brushToString(this.i.zf));
         }
         /**
          * Gets or sets the template to use for marker visuals for the current series object.
         */
         get markerTemplate() {
-            return this.i.xt;
+            return this.i.y3;
         }
         set markerTemplate(v) {
-            this.i.xt = v;
+            this.i.y3 = 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.xc;
+            return this.i.ym;
         }
         set bandHighlightWidth(v) {
-            this.i.xc = +v;
-            this._a("bandHighlightWidth", this.i.xc);
+            this.i.ym = +v;
+            this._a("bandHighlightWidth", this.i.ym);
         }
         /**
          * Gets or sets whether to skip unknown values when searching for series values.
         */
         get skipUnknownValues() {
-            return this.i.w9;
+            return this.i.yj;
         }
         set skipUnknownValues(v) {
-            this.i.w9 = ensureBool(v);
-            this._a("skipUnknownValues", this.i.w9);
+            this.i.yj = ensureBool(v);
+            this._a("skipUnknownValues", this.i.yj);
         }
         findByName(name) {
             var baseResult = super.findByName(name);

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

@@ -58,36 +58,36 @@ export let IgcCategorySeriesComponent = /*@__PURE__*/ (() => {
             return IgcCategorySeriesComponent._observedAttributesIgcCategorySeriesComponent;
         }
         get hasValueAxis() {
-            return this.i.d0;
+            return this.i.d6;
         }
         get isValueAxisInverted() {
-            return this.i.fj;
+            return this.i.fq;
         }
         /**
          * Gets whether or not this series is Category series
         */
         get isCategory() {
-            return this.i.ed;
+            return this.i.ej;
         }
         /**
          * Gets or sets whether this category series should allow custom style overrides of its individual visuals.
         */
         get isCustomCategoryStyleAllowed() {
-            return this.i.we;
+            return this.i.xs;
         }
         set isCustomCategoryStyleAllowed(v) {
-            this.i.we = ensureBool(v);
-            this._a("isCustomCategoryStyleAllowed", this.i.we);
+            this.i.xs = ensureBool(v);
+            this._a("isCustomCategoryStyleAllowed", this.i.xs);
         }
         /**
          * Gets or sets whether this category series should allow custom style overrides of its individual marker visuals.
         */
         get isCustomCategoryMarkerStyleAllowed() {
-            return this.i.wd;
+            return this.i.xr;
         }
         set isCustomCategoryMarkerStyleAllowed(v) {
-            this.i.wd = ensureBool(v);
-            this._a("isCustomCategoryMarkerStyleAllowed", this.i.wd);
+            this.i.xr = ensureBool(v);
+            this._a("isCustomCategoryMarkerStyleAllowed", this.i.xr);
         }
         /**
          * Sets or Gets whether to increase marker fidelity for extreme data shapes that have lots of Y variation over short X intervals.
@@ -99,11 +99,11 @@ export let IgcCategorySeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get useHighMarkerFidelity() {
-            return this.i.wk;
+            return this.i.xy;
         }
         set useHighMarkerFidelity(v) {
-            this.i.wk = ensureBool(v);
-            this._a("useHighMarkerFidelity", this.i.wk);
+            this.i.xy = ensureBool(v);
+            this._a("useHighMarkerFidelity", this.i.xy);
         }
         /**
          * Gets or sets the method by which to animate the data into the chart when the chart data source is swapped.
@@ -117,11 +117,11 @@ export let IgcCategorySeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get transitionInMode() {
-            return this.i.vz;
+            return this.i.xd;
         }
         set transitionInMode(v) {
-            this.i.vz = ensureEnum(CategoryTransitionInMode_$type, v);
-            this._a("transitionInMode", enumToString(CategoryTransitionInMode_$type, this.i.vz));
+            this.i.xd = ensureEnum(CategoryTransitionInMode_$type, v);
+            this._a("transitionInMode", enumToString(CategoryTransitionInMode_$type, this.i.xd));
         }
         /**
          * Gets or sets whether the series should transition into the plot area when a new data source is assigned.
@@ -130,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.wf;
+            return this.i.xt;
         }
         set isTransitionInEnabled(v) {
-            this.i.wf = ensureBool(v);
-            this._a("isTransitionInEnabled", this.i.wf);
+            this.i.xt = ensureBool(v);
+            this._a("isTransitionInEnabled", this.i.xt);
         }
         /**
          * Returns the offset value for this series if grouped on a category axis.
@@ -158,7 +158,7 @@ export let IgcCategorySeriesComponent = /*@__PURE__*/ (() => {
         * @param world  * The world coordinates to use.
         */
         getItem(world) {
-            let iv = this.i.js(toPoint(world));
+            let iv = this.i.j2(toPoint(world));
             return (iv);
         }
         /**
@@ -167,7 +167,7 @@ export let IgcCategorySeriesComponent = /*@__PURE__*/ (() => {
         * @param world  * The world coordinates to use.
         */
         getItemIndex(world) {
-            let iv = this.i.i9(toPoint(world));
+            let iv = this.i.jj(toPoint(world));
             return (iv);
         }
         /**
@@ -176,7 +176,7 @@ export let IgcCategorySeriesComponent = /*@__PURE__*/ (() => {
         * @param world  * The world position for which to return the index.
         */
         getExactItemIndex(world) {
-            let iv = this.i.hw(toPoint(world));
+            let iv = this.i.h6(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.d6;
+            return this.i.ec;
         }
         /**
          * Gets whether the default tooltip behaviors for the chart are disabled if this layer is present.
         */
         get isDefaultTooltipBehaviorDisabled() {
-            return this.i.eh;
+            return this.i.en;
         }
         /**
          * 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.w2;
+            const r = this.i.yc;
             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.w2 = null : this.i.w2 = v.i;
+            v == null ? this.i.yc = null : this.i.yc = v.i;
         }
         /**
          * Gets or sets whether to use value interpolation when drawing the tooltips.
         */
         get useInterpolation() {
-            return this.i.w6;
+            return this.i.yg;
         }
         set useInterpolation(v) {
-            this.i.w6 = ensureBool(v);
-            this._a("useInterpolation", this.i.w6);
+            this.i.yg = ensureBool(v);
+            this._a("useInterpolation", this.i.yg);
         }
         findByName(name) {
             var baseResult = super.findByName(name);
@@ -126,7 +126,7 @@ export let IgcCategoryToolTipLayerComponent = /*@__PURE__*/ (() => {
         
         */
         hideToolTips() {
-            this.i.n9();
+            this.i.o3();
         }
     }
     IgcCategoryToolTipLayerComponent._observedAttributesIgcCategoryToolTipLayerComponent = null;

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

@@ -112,7 +112,7 @@ export let IgcCategoryXAxisComponent = /*@__PURE__*/ (() => {
         }
         /**
          * 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.
+         * Chart will automatically zoom in until series item has specified pixel span.
          * This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
         */
         get zoomToItemSpan() {

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

@@ -158,7 +158,7 @@ export let IgcCategoryYAxisComponent = /*@__PURE__*/ (() => {
         }
         /**
          * 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.
+         * Chart will automatically zoom in until series item has specified pixel span.
          * This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
         */
         get zoomToItemSpan() {

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

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

package/esm2015/lib/igc-chart-selected-item-collection.js

@@ -0,0 +1,53 @@
+import { IgCollection } from "igniteui-webcomponents-core";
+import { markType } from "igniteui-webcomponents-core";
+import { SyncableObservableCollection$2 } from "igniteui-webcomponents-core";
+import { ChartSelection as ChartSelection_internal } from './ChartSelection';
+import { IgcChartSelection as IgcChartSelection } from './igc-chart-selection';
+export class IgcChartSelectedItemCollection extends IgCollection {
+    constructor(list) {
+        super();
+        if (!IgcChartSelection.$type) {
+            IgcChartSelection.$type = markType(IgcChartSelection, "IgcChartSelection");
+        }
+        if (list) {
+            for (let i = 0; i < list.length; i++) {
+                this.add(list[i]);
+            }
+        }
+    }
+    _createInnerColl() {
+        if (!IgcChartSelection.$type) {
+            IgcChartSelection.$type = markType(IgcChartSelection, "IgcChartSelection");
+        }
+        let coll = new SyncableObservableCollection$2(IgcChartSelection.$type, ChartSelection_internal.$type, 0);
+        coll.compare = (ext, int) => {
+            let comp = ext;
+            if (comp._implementation) {
+                comp = comp._implementation;
+            }
+            if (comp.equals) {
+                return comp.equals(int);
+            }
+            return comp === int;
+        };
+        coll.createTo = (ext) => {
+            return ext._implementation;
+        };
+        coll.createFrom = (int) => {
+            let ext = int.externalObject;
+            if (!ext) {
+                ext = new IgcChartSelection();
+                if (ext) {
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
+                }
+            }
+            return ext;
+        };
+        return coll;
+    }
+}

package/esm2015/lib/igc-chart-selection.js

@@ -0,0 +1,106 @@
+import { IgcSeriesComponent } from "./igc-series-component";
+import { IgcSeriesMatcher } from "./igc-series-matcher";
+import { ChartSelection as ChartSelection_internal } from "./ChartSelection";
+/**
+ * Represents a selected item within the chart. This should be treated as immutable while in the selected items collection. Changes while part of the collection will not be respected.
+*/
+export class IgcChartSelection {
+    createImplementation() {
+        return new ChartSelection_internal();
+    }
+    /**
+     * @hidden
+     */
+    get i() {
+        return this._implementation;
+    }
+    onImplementationCreated() {
+    }
+    constructor() {
+        this._implementation = this.createImplementation();
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+        if (this._initializeAdapters) {
+            this._initializeAdapters();
+        }
+    }
+    _provideImplementation(i) {
+        this._implementation = i;
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+        if (this._initializeAdapters) {
+            this._initializeAdapters();
+        }
+    }
+    get item() {
+        return this.i.item;
+    }
+    set item(v) {
+        this.i.item = v;
+    }
+    get series() {
+        const r = this.i.a;
+        if (r == null) {
+            return null;
+        }
+        if (!r.externalObject) {
+            let e = IgcSeriesComponent._createFromInternal(r);
+            if (e) {
+                e._implementation = r;
+            }
+            r.externalObject = e;
+        }
+        return r.externalObject;
+    }
+    set series(v) {
+        v == null ? this.i.a = null : this.i.a = v.i;
+    }
+    /**
+     * If set, allows for selecting a series bsed on a matcher. This should resolve to a single static series at the time that the chart selection is added to selected items.
+     * It will not be re-evaluated while the ChartSelection is in the selected items.
+    */
+    get matcher() {
+        const r = this.i.b;
+        if (r == null) {
+            return null;
+        }
+        if (!r.externalObject) {
+            let e = new IgcSeriesMatcher();
+            if (r.$type) {
+                e._implementation = r;
+            }
+            else {
+                if (e.i.setNativeElement) {
+                    e.i.setNativeElement(r);
+                }
+            }
+            r.externalObject = e;
+        }
+        return r.externalObject;
+    }
+    set matcher(v) {
+        v == null ? this.i.b = null : this.i.b = v.i;
+    }
+    findByName(name) {
+        if (this.findEphemera) {
+            if (name && name.indexOf("@@e:") == 0) {
+                return this.findEphemera(name);
+            }
+        }
+        if (this.series && this.series.name && this.series.name == name) {
+            return this.series;
+        }
+        if (this.matcher && this.matcher.name && this.matcher.name == name) {
+            return this.matcher;
+        }
+        return null;
+    }
+    equals(other) {
+        let iv = this.i.equals(other);
+        return (iv);
+    }
+    getHashCode() {
+        let iv = this.i.getHashCode();
+        return (iv);
+    }
+}