igniteui-webcomponents-charts 6.3.1 → 7.0.0

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

@@ -69,41 +69,41 @@ let IgcCategoryAngleAxisComponent = /*@__PURE__*/ (() => {
          * Gets or sets interval of labels on the companion axis.
         */
         get companionAxisInterval() {
-            return this.i.rx;
+            return this.i.rz;
         }
         set companionAxisInterval(v) {
-            this.i.rx = +v;
-            this._a("companionAxisInterval", this.i.rx);
+            this.i.rz = +v;
+            this._a("companionAxisInterval", this.i.rz);
         }
         /**
          * Gets or sets label angle on the companion axis.
         */
         get companionAxisMinorInterval() {
-            return this.i.ry;
+            return this.i.r0;
         }
         set companionAxisMinorInterval(v) {
-            this.i.ry = +v;
-            this._a("companionAxisMinorInterval", this.i.ry);
+            this.i.r0 = +v;
+            this._a("companionAxisMinorInterval", this.i.r0);
         }
         /**
          * Gets or sets angle in degress that the chart's 0th angle should be offset for the companion axis
         */
         get companionAxisStartAngleOffset() {
-            return this.i.rz;
+            return this.i.r1;
         }
         set companionAxisStartAngleOffset(v) {
-            this.i.rz = +v;
-            this._a("companionAxisStartAngleOffset", this.i.rz);
+            this.i.r1 = +v;
+            this._a("companionAxisStartAngleOffset", this.i.r1);
         }
         /**
          * Gets or sets the mode axis labels will operate for the companion axis.
         */
         get companionAxisLabelMode() {
-            return this.i.rc;
+            return this.i.re;
         }
         set companionAxisLabelMode(v) {
-            this.i.rc = ensureEnum(AxisAngleLabelMode_$type, v);
-            this._a("companionAxisLabelMode", enumToString(AxisAngleLabelMode_$type, this.i.rc));
+            this.i.re = ensureEnum(AxisAngleLabelMode_$type, v);
+            this._a("companionAxisLabelMode", enumToString(AxisAngleLabelMode_$type, this.i.re));
         }
         /**
          * Indicates the angle in degress that the chart's 0th angle should be offset.
@@ -111,24 +111,24 @@ let IgcCategoryAngleAxisComponent = /*@__PURE__*/ (() => {
         * Indicates the angle in degress that the chart's 0th angle should be offset.
         */
         get startAngleOffset() {
-            return this.i.r9;
+            return this.i.sb;
         }
         set startAngleOffset(v) {
-            this.i.r9 = +v;
-            this._a("startAngleOffset", this.i.r9);
+            this.i.sb = +v;
+            this._a("startAngleOffset", this.i.sb);
         }
         /**
          * Indicates the mode axis labels will operate in.
         */
         get labelMode() {
-            return this.i.rd;
+            return this.i.rf;
         }
         set labelMode(v) {
-            this.i.rd = ensureEnum(AxisAngleLabelMode_$type, v);
-            this._a("labelMode", enumToString(AxisAngleLabelMode_$type, this.i.rd));
+            this.i.rf = ensureEnum(AxisAngleLabelMode_$type, v);
+            this._a("labelMode", enumToString(AxisAngleLabelMode_$type, this.i.rf));
         }
         get areGroupSizesUneven() {
-            return this.i.rn;
+            return this.i.rp;
         }
         /**
          * Gets or sets the frequency of displayed labels.
@@ -138,11 +138,11 @@ let IgcCategoryAngleAxisComponent = /*@__PURE__*/ (() => {
         * For example, an interval of 2 will display every other label.
         */
         get interval() {
-            return this.i.r6;
+            return this.i.r8;
         }
         set interval(v) {
-            this.i.r6 = +v;
-            this._a("interval", this.i.r6);
+            this.i.r8 = +v;
+            this._a("interval", this.i.r8);
         }
         /**
          * Gets the effective value for the current Interval.
@@ -150,11 +150,11 @@ let IgcCategoryAngleAxisComponent = /*@__PURE__*/ (() => {
         * Gets the effective value for the current Interval.
         */
         get actualInterval() {
-            return this.i.rv;
+            return this.i.rx;
         }
         set actualInterval(v) {
-            this.i.rv = +v;
-            this._a("actualInterval", this.i.rv);
+            this.i.rx = +v;
+            this._a("actualInterval", this.i.rx);
         }
         /**
          * Gets or sets the frequency of displayed minor lines.
@@ -163,11 +163,11 @@ let IgcCategoryAngleAxisComponent = /*@__PURE__*/ (() => {
         * 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.r7;
+            return this.i.r9;
         }
         set minorInterval(v) {
-            this.i.r7 = +v;
-            this._a("minorInterval", this.i.r7);
+            this.i.r9 = +v;
+            this._a("minorInterval", this.i.r9);
         }
         /**
          * Gets the effective value for the current MinorInterval.
@@ -175,11 +175,11 @@ let IgcCategoryAngleAxisComponent = /*@__PURE__*/ (() => {
         * Get the effective value for the current minorInterval.
         */
         get actualMinorInterval() {
-            return this.i.rw;
+            return this.i.ry;
         }
         set actualMinorInterval(v) {
-            this.i.rw = +v;
-            this._a("actualMinorInterval", this.i.rw);
+            this.i.ry = +v;
+            this._a("actualMinorInterval", this.i.ry);
         }
         /**
          * Gets the scaled angle in radians from the raw axis value.
@@ -210,7 +210,7 @@ let IgcCategoryAngleAxisComponent = /*@__PURE__*/ (() => {
             this._actualIntervalChange = ev;
             this._actualIntervalChange_wrapped = (o, e) => {
                 let ext = this.actualInterval;
-                if (e.propertyName == 'Rv') {
+                if (e.propertyName == 'Rx') {
                     if (this.beforeActualIntervalChange) {
                         this.beforeActualIntervalChange(this, ext);
                     }

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

@@ -91,11 +91,11 @@ let IgcCategoryAxisBaseComponent = /*@__PURE__*/ (() => {
          * Gets the number of items in the current category axis items source.
         */
         get itemsCount() {
-            return this.i.qb;
+            return this.i.qd;
         }
         set itemsCount(v) {
-            this.i.qb = +v;
-            this._a("itemsCount", this.i.qb);
+            this.i.qd = +v;
+            this._a("itemsCount", this.i.qd);
         }
         /**
          * Gets or sets the amount of space between adjacent categories for the current axis object.
@@ -108,31 +108,31 @@ 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.pw;
+            return this.i.py;
         }
         set gap(v) {
-            this.i.pw = +v;
-            this._a("gap", this.i.pw);
+            this.i.py = +v;
+            this._a("gap", this.i.py);
         }
         /**
          * Gets or sets the maximum gap value to allow. This defaults to 1.0.
         */
         get maximumGap() {
-            return this.i.p3;
+            return this.i.p5;
         }
         set maximumGap(v) {
-            this.i.p3 = +v;
-            this._a("maximumGap", this.i.p3);
+            this.i.p5 = +v;
+            this._a("maximumGap", this.i.p5);
         }
         /**
          * Gets or sets the minimum amount of pixels to use for the gap between categories, if possible.
         */
         get minimumGapSize() {
-            return this.i.p4;
+            return this.i.p6;
         }
         set minimumGapSize(v) {
-            this.i.p4 = +v;
-            this._a("minimumGapSize", this.i.p4);
+            this.i.p6 = +v;
+            this._a("minimumGapSize", this.i.p6);
         }
         /**
          * Gets or sets the amount of overlap between adjacent categories for the current axis object.
@@ -145,11 +145,11 @@ 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.p5;
+            return this.i.p7;
         }
         set overlap(v) {
-            this.i.p5 = +v;
-            this._a("overlap", this.i.p5);
+            this.i.p7 = +v;
+            this._a("overlap", this.i.p7);
         }
         /**
          * Gets or sets whether the category axis should use clustering display mode even if no series are present that would force clustering mode.
@@ -159,26 +159,26 @@ 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.pq;
+            return this.i.ps;
         }
         set useClusteringMode(v) {
-            this.i.pq = ensureBool(v);
-            this._a("useClusteringMode", this.i.pq);
+            this.i.ps = ensureBool(v);
+            this._a("useClusteringMode", this.i.ps);
         }
         getFullRange() {
             let iv = this.i.ag();
             return (iv);
         }
         getMemberPathValue(memberPathName) {
-            let iv = this.i.i6(memberPathName);
+            let iv = this.i.i8(memberPathName);
             return (iv);
         }
         getCategoryBoundingBox(point, useInterpolation, singularWidth) {
-            let iv = this.i.ra(toPoint(point), useInterpolation, singularWidth);
+            let iv = this.i.rc(toPoint(point), useInterpolation, singularWidth);
             return fromRect(iv);
         }
         getCategoryBoundingBoxHelper(point, useInterpolation, singularWidth, isVertical) {
-            let iv = this.i.rb(toPoint(point), useInterpolation, singularWidth, isVertical);
+            let iv = this.i.rd(toPoint(point), useInterpolation, singularWidth, isVertical);
             return fromRect(iv);
         }
         /**
@@ -187,24 +187,24 @@ let IgcCategoryAxisBaseComponent = /*@__PURE__*/ (() => {
         * @param unscaledValue  * The scaled value in screen coordinates to unscale into axis space.
         */
         unscaleValue(unscaledValue) {
-            let iv = this.i.p7(unscaledValue);
+            let iv = this.i.p9(unscaledValue);
             return (iv);
         }
         notifySetItem(index, oldItem, newItem) {
-            this.i.qv(index, oldItem, newItem);
+            this.i.qx(index, oldItem, newItem);
         }
         /**
          * Used to manually notify the axis that the data source has reset or cleared its items.
         
         */
         notifyClearItems() {
-            this.i.qs();
+            this.i.qu();
         }
         notifyInsertItem(index, newItem) {
-            this.i.qt(index, newItem);
+            this.i.qv(index, newItem);
         }
         notifyRemoveItem(index, oldItem) {
-            this.i.qu(index, oldItem);
+            this.i.qw(index, oldItem);
         }
     }
     IgcCategoryAxisBaseComponent._observedAttributesIgcCategoryAxisBaseComponent = null;

package/esm2015/lib/igc-category-chart-module.js

@@ -25,6 +25,9 @@ import { IgcFinalValueLayerModule } from './igc-final-value-layer-module';
 import { IgcNumberAbbreviatorModule } from './igc-number-abbreviator-module';
 import { IgcDataChartInteractivityModule } from './igc-data-chart-interactivity-module';
 import { IgcDataChartCategoryTrendLineModule } from './igc-data-chart-category-trend-line-module';
+import { IgcChartSortDescriptionModule } from './igc-chart-sort-description-module';
+import { IgcChartGroupDescriptionModule } from './igc-chart-group-description-module';
+import { IgcChartSummaryDescriptionModule } from './igc-chart-summary-description-module';
 import { IgcDataChartAnnotationModule } from './igc-data-chart-annotation-module';
 export class IgcCategoryChartModule {
     static register() {
@@ -49,6 +52,9 @@ export class IgcCategoryChartModule {
         IgcNumberAbbreviatorModule.register();
         IgcDataChartInteractivityModule.register();
         IgcDataChartCategoryTrendLineModule.register();
+        IgcChartSortDescriptionModule.register();
+        IgcChartGroupDescriptionModule.register();
+        IgcChartSummaryDescriptionModule.register();
         IgcDataChartAnnotationModule.register();
     }
 }

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

@@ -71,11 +71,11 @@ let IgcCategoryDateTimeXAxisComponent = /*@__PURE__*/ (() => {
          * Gets or sets whether the axis labels can be unevenly spaced
         */
         get unevenlySpacedLabels() {
-            return this.i.sn;
+            return this.i.sp;
         }
         set unevenlySpacedLabels(v) {
-            this.i.sn = ensureBool(v);
-            this._a("unevenlySpacedLabels", this.i.sn);
+            this.i.sp = ensureBool(v);
+            this._a("unevenlySpacedLabels", this.i.sp);
         }
         /**
          * Gets or sets the axis display type.
@@ -87,11 +87,11 @@ 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.sk;
+            return this.i.sm;
         }
         set displayType(v) {
-            this.i.sk = ensureEnum(TimeAxisDisplayType_$type, v);
-            this._a("displayType", enumToString(TimeAxisDisplayType_$type, this.i.sk));
+            this.i.sm = ensureEnum(TimeAxisDisplayType_$type, v);
+            this._a("displayType", enumToString(TimeAxisDisplayType_$type, this.i.sm));
         }
         /**
          * Gets or sets the X axis time interval.
@@ -99,42 +99,42 @@ let IgcCategoryDateTimeXAxisComponent = /*@__PURE__*/ (() => {
         * `Interval` property is used to get/sets the frequency of displayed labels.
         */
         get interval() {
-            return this.i.sw;
+            return this.i.sy;
         }
         set interval(v) {
-            this.i.sw = +v;
-            this._a("interval", this.i.sw);
+            this.i.sy = +v;
+            this._a("interval", this.i.sy);
         }
         /**
          * Gets the effective value for the current Interval.
         */
         get actualInterval() {
-            return this.i.st;
+            return this.i.sv;
         }
         set actualInterval(v) {
-            this.i.st = +v;
-            this._a("actualInterval", this.i.st);
+            this.i.sv = +v;
+            this._a("actualInterval", this.i.sv);
         }
         /**
          * 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.sx;
+            return this.i.sz;
         }
         set minorInterval(v) {
-            this.i.sx = +v;
-            this._a("minorInterval", this.i.sx);
+            this.i.sz = +v;
+            this._a("minorInterval", this.i.sz);
         }
         /**
          * Gets the effective value for the current MinorInterval.
         */
         get actualMinorInterval() {
-            return this.i.su;
+            return this.i.sw;
         }
         set actualMinorInterval(v) {
-            this.i.su = +v;
-            this._a("actualMinorInterval", this.i.su);
+            this.i.sw = +v;
+            this._a("actualMinorInterval", this.i.sw);
         }
         /**
          * Gets if the current axis is of category date time axis type
@@ -143,7 +143,7 @@ let IgcCategoryDateTimeXAxisComponent = /*@__PURE__*/ (() => {
             return this.i.dg;
         }
         scrollDateRangeIntoView(minimum, maximum) {
-            this.i.s4(minimum, maximum);
+            this.i.s6(minimum, maximum);
         }
         get actualIntervalChange() {
             return this._actualIntervalChange;
@@ -157,7 +157,7 @@ let IgcCategoryDateTimeXAxisComponent = /*@__PURE__*/ (() => {
             this._actualIntervalChange = ev;
             this._actualIntervalChange_wrapped = (o, e) => {
                 let ext = this.actualInterval;
-                if (e.propertyName == 'St') {
+                if (e.propertyName == 'Sv') {
                     if (this.beforeActualIntervalChange) {
                         this.beforeActualIntervalChange(this, ext);
                     }
@@ -180,7 +180,7 @@ let IgcCategoryDateTimeXAxisComponent = /*@__PURE__*/ (() => {
             this._actualMinorIntervalChange = ev;
             this._actualMinorIntervalChange_wrapped = (o, e) => {
                 let ext = this.actualMinorInterval;
-                if (e.propertyName == 'Su') {
+                if (e.propertyName == 'Sw') {
                     if (this.beforeActualMinorIntervalChange) {
                         this.beforeActualMinorIntervalChange(this, ext);
                     }

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

@@ -67,7 +67,7 @@ let IgcCategoryHighlightLayerComponent = /*@__PURE__*/ (() => {
          * 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.aas;
+            const r = this.i.aat;
             if (r == null) {
                 return null;
             }
@@ -83,7 +83,7 @@ let IgcCategoryHighlightLayerComponent = /*@__PURE__*/ (() => {
         set targetAxis(v) {
             if (v != null && this._stylingContainer && v._styling)
                 v._styling(this._stylingContainer, this, this);
-            v == null ? this.i.aas = null : this.i.aas = v.i;
+            v == null ? this.i.aat = null : this.i.aat = v.i;
         }
         /**
         * Gets or sets the name to use to resolve targetAxis from markup.
@@ -98,21 +98,21 @@ let IgcCategoryHighlightLayerComponent = /*@__PURE__*/ (() => {
          * 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.aav;
+            return this.i.aaw;
         }
         set useInterpolation(v) {
-            this.i.aav = ensureBool(v);
-            this._a("useInterpolation", this.i.aav);
+            this.i.aaw = ensureBool(v);
+            this._a("useInterpolation", this.i.aaw);
         }
         /**
          * 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.aaw;
+            return this.i.aax;
         }
         set bandHighlightWidth(v) {
-            this.i.aaw = +v;
-            this._a("bandHighlightWidth", this.i.aaw);
+            this.i.aax = +v;
+            this._a("bandHighlightWidth", this.i.aax);
         }
         bindAxes(axes) {
             super.bindAxes(axes);

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

@@ -68,7 +68,7 @@ let IgcCategoryItemHighlightLayerComponent = /*@__PURE__*/ (() => {
          * Gets or sets the series to target this annotation to. If null, this annotation targets all series simultaneously.
         */
         get targetSeries() {
-            const r = this.i.aaw;
+            const r = this.i.aax;
             if (r == null) {
                 return null;
             }
@@ -84,95 +84,95 @@ let IgcCategoryItemHighlightLayerComponent = /*@__PURE__*/ (() => {
         set targetSeries(v) {
             if (v != null && this._stylingContainer && v._styling)
                 v._styling(this._stylingContainer, this, this);
-            v == null ? this.i.aaw = null : this.i.aaw = v.i;
+            v == null ? this.i.aax = null : this.i.aax = 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.aba;
+            return this.i.abb;
         }
         set targetSeriesName(v) {
-            this.i.aba = v;
+            this.i.abb = 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.aa0;
+            return this.i.aa1;
         }
         set useInterpolation(v) {
-            this.i.aa0 = ensureBool(v);
-            this._a("useInterpolation", this.i.aa0);
+            this.i.aa1 = ensureBool(v);
+            this._a("useInterpolation", this.i.aa1);
         }
         /**
          * Gets or sets which type of highlight shape to use when highlighting items.
         */
         get highlightType() {
-            return this.i.aat;
+            return this.i.aau;
         }
         set highlightType(v) {
-            this.i.aat = ensureEnum(CategoryItemHighlightType_$type, v);
-            this._a("highlightType", enumToString(CategoryItemHighlightType_$type, this.i.aat));
+            this.i.aau = ensureEnum(CategoryItemHighlightType_$type, v);
+            this._a("highlightType", enumToString(CategoryItemHighlightType_$type, this.i.aau));
         }
         /**
          * Gets or sets which type of marker to use when highlighting items, if appropriate.
         */
         get markerType() {
-            return this.i.aav;
+            return this.i.aaw;
         }
         set markerType(v) {
-            this.i.aav = ensureEnum(MarkerType_$type, v);
-            this._a("markerType", enumToString(MarkerType_$type, this.i.aav));
+            this.i.aaw = ensureEnum(MarkerType_$type, v);
+            this._a("markerType", enumToString(MarkerType_$type, this.i.aaw));
         }
         /**
          * Gets or sets which color to use for the marker when highlighting items, if appropriate.
         */
         get markerBrush() {
-            return brushToString(this.i.abu);
+            return brushToString(this.i.abv);
         }
         set markerBrush(v) {
-            this.i.abu = stringToBrush(v);
-            this._a("markerBrush", brushToString(this.i.abu));
+            this.i.abv = stringToBrush(v);
+            this._a("markerBrush", brushToString(this.i.abv));
         }
         /**
          * Gets or sets which outline color to use for the marker when highlighting items, if appropriate.
         */
         get markerOutline() {
-            return brushToString(this.i.abv);
+            return brushToString(this.i.abw);
         }
         set markerOutline(v) {
-            this.i.abv = stringToBrush(v);
-            this._a("markerOutline", brushToString(this.i.abv));
+            this.i.abw = stringToBrush(v);
+            this._a("markerOutline", brushToString(this.i.abw));
         }
         /**
          * Gets or sets the template to use for marker visuals for the current series object.
         */
         get markerTemplate() {
-            return this.i.abj;
+            return this.i.abk;
         }
         set markerTemplate(v) {
-            this.i.abj = v;
+            this.i.abk = 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.aa2;
+            return this.i.aa3;
         }
         set bandHighlightWidth(v) {
-            this.i.aa2 = +v;
-            this._a("bandHighlightWidth", this.i.aa2);
+            this.i.aa3 = +v;
+            this._a("bandHighlightWidth", this.i.aa3);
         }
         /**
          * Gets or sets whether to skip unknown values when searching for series values.
         */
         get skipUnknownValues() {
-            return this.i.aaz;
+            return this.i.aa0;
         }
         set skipUnknownValues(v) {
-            this.i.aaz = ensureBool(v);
-            this._a("skipUnknownValues", this.i.aaz);
+            this.i.aa0 = ensureBool(v);
+            this._a("skipUnknownValues", this.i.aa0);
         }
         findByName(name) {
             var baseResult = super.findByName(name);