igniteui-webcomponents-charts 4.3.2 → 4.3.3-beta.0

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

@@ -164,7 +164,7 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
      * Gets or sets if the current axis is of category axis type
     */
         get isCategory() {
-            return this.i.ca;
+            return this.i.cb;
         }
         /**
          * Gets or sets if the current axis is of numeric axis type
@@ -172,61 +172,61 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         *     Gets or sets if the current axis is of numeric axis type
         */
         get isNumeric() {
-            return this.i.ci;
+            return this.i.cj;
         }
         /**
          * Gets if the current axis is of angular axis type
         */
         get isAngular() {
-            return this.i.b8;
+            return this.i.b9;
         }
         /**
          * Gets or sets if the current axis is of radial axis type
         */
         get isRadial() {
-            return this.i.cl;
+            return this.i.cm;
         }
         /**
          * Gets if the current axis is a vertical axis.
         */
         get isVertical() {
-            return this.i.co;
+            return this.i.cp;
         }
         /**
          * Gets or sets if the current axis is sorting data items
         */
         get isSorting() {
-            return this.i.cm;
+            return this.i.cn;
         }
         /**
          * Gets or sets if the current axis is of date time axis type
         */
         get isDateTime() {
-            return this.i.cd;
+            return this.i.ce;
         }
         /**
          * Gets or sets if the current axis is of ordinal axis type
         */
         get isOrdinal() {
-            return this.i.cj;
+            return this.i.ck;
         }
         /**
          * Gets or sets if the axis is a piecewise scaling function.
         */
         get isPiecewise() {
-            return this.i.ck;
+            return this.i.cl;
         }
         /**
          * Gets if the current axis is of category date time axis type
         */
         get isCategoryDateTime() {
-            return this.i.cb;
+            return this.i.cc;
         }
         /**
          * Gets if the current axis is a continuous rather than a discrete scale
         */
         get isContinuous() {
-            return this.i.cc;
+            return this.i.cd;
         }
         /**
          * Sets or gets a function which takes an object that produces a formatted label for displaying in the chart.
@@ -234,10 +234,10 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `FormatLabel` function takes an object that produces a formatted label for displaying in the chart.
         */
         get formatLabel() {
-            return this.i.at;
+            return this.i.au;
         }
         set formatLabel(v) {
-            this.i.at = v;
+            this.i.au = v;
         }
         /**
          * Gets or sets the Title property.
@@ -245,10 +245,10 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * Use `Title` property to display the title of the component.
         */
         get title() {
-            return this.i.g5;
+            return this.i.g6;
         }
         set title(v) {
-            this.i.g5 = v;
+            this.i.g6 = v;
         }
         /**
          * Gets or sets the Stroke property.
@@ -257,21 +257,21 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * Use `Stroke` property to set the stroke of the chart.
         */
         get stroke() {
-            return brushToString(this.i.jy);
+            return brushToString(this.i.jz);
         }
         set stroke(v) {
-            this.i.jy = stringToBrush(v);
-            this._a("stroke", brushToString(this.i.jy));
+            this.i.jz = stringToBrush(v);
+            this._a("stroke", brushToString(this.i.jz));
         }
         /**
          * Gets or sets the effective stroke used for the axis.
         */
         get actualStroke() {
-            return brushToString(this.i.ju);
+            return brushToString(this.i.jv);
         }
         set actualStroke(v) {
-            this.i.ju = stringToBrush(v);
-            this._a("actualStroke", brushToString(this.i.ju));
+            this.i.jv = stringToBrush(v);
+            this._a("actualStroke", brushToString(this.i.jv));
         }
         /**
          * Gets or sets the StrokeThickness property.
@@ -279,21 +279,21 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * Use `StrokeThickness` property for the thickness of the stroke.
         */
         get strokeThickness() {
-            return this.i.ff;
+            return this.i.fg;
         }
         set strokeThickness(v) {
-            this.i.ff = +v;
-            this._a("strokeThickness", this.i.ff);
+            this.i.fg = +v;
+            this._a("strokeThickness", this.i.fg);
         }
         /**
          * Gets or sets the StrokeDashArray property.
         */
         get strokeDashArray() {
-            return fromDoubleCollection(this.i.j2);
+            return fromDoubleCollection(this.i.j3);
         }
         set strokeDashArray(v) {
-            this.i.j2 = toDoubleCollection(v);
-            this._a("strokeDashArray", doubleCollectionToString(this.i.j2));
+            this.i.j3 = toDoubleCollection(v);
+            this._a("strokeDashArray", doubleCollectionToString(this.i.j3));
         }
         /**
          * Gets or sets the Strip property.
@@ -301,11 +301,11 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * Use `Strip` property to set the strip of the chart.
         */
         get strip() {
-            return brushToString(this.i.jx);
+            return brushToString(this.i.jy);
         }
         set strip(v) {
-            this.i.jx = stringToBrush(v);
-            this._a("strip", brushToString(this.i.jx));
+            this.i.jy = stringToBrush(v);
+            this._a("strip", brushToString(this.i.jy));
         }
         /**
          * Gets or sets the MajorStroke property.
@@ -314,11 +314,11 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * Gets or sets the `MajorStroke` using this property.
         */
         get majorStroke() {
-            return brushToString(this.i.jv);
+            return brushToString(this.i.jw);
         }
         set majorStroke(v) {
-            this.i.jv = stringToBrush(v);
-            this._a("majorStroke", brushToString(this.i.jv));
+            this.i.jw = stringToBrush(v);
+            this._a("majorStroke", brushToString(this.i.jw));
         }
         /**
          * Gets or sets the ActualMajorStroke property.
@@ -326,11 +326,11 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `ActualMajorStroke` property is used for ActualMajorStroke of the axis.
         */
         get actualMajorStroke() {
-            return brushToString(this.i.js);
+            return brushToString(this.i.jt);
         }
         set actualMajorStroke(v) {
-            this.i.js = stringToBrush(v);
-            this._a("actualMajorStroke", brushToString(this.i.js));
+            this.i.jt = stringToBrush(v);
+            this._a("actualMajorStroke", brushToString(this.i.jt));
         }
         /**
          * Gets or sets the MajorStrokeThickness property.
@@ -338,21 +338,21 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * Gets or sets the `MajorStrokeThickness` using this property.
         */
         get majorStrokeThickness() {
-            return this.i.eq;
+            return this.i.er;
         }
         set majorStrokeThickness(v) {
-            this.i.eq = +v;
-            this._a("majorStrokeThickness", this.i.eq);
+            this.i.er = +v;
+            this._a("majorStrokeThickness", this.i.er);
         }
         /**
          * Gets or sets the MajorStrokeDashArray property.
         */
         get majorStrokeDashArray() {
-            return fromDoubleCollection(this.i.j0);
+            return fromDoubleCollection(this.i.j1);
         }
         set majorStrokeDashArray(v) {
-            this.i.j0 = toDoubleCollection(v);
-            this._a("majorStrokeDashArray", doubleCollectionToString(this.i.j0));
+            this.i.j1 = toDoubleCollection(v);
+            this._a("majorStrokeDashArray", doubleCollectionToString(this.i.j1));
         }
         /**
          * Gets or sets the MinorStroke property.
@@ -360,11 +360,11 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * Gets or sets the minorStroke thickness using `MinorStrokeThickness` property.
         */
         get minorStroke() {
-            return brushToString(this.i.jw);
+            return brushToString(this.i.jx);
         }
         set minorStroke(v) {
-            this.i.jw = stringToBrush(v);
-            this._a("minorStroke", brushToString(this.i.jw));
+            this.i.jx = stringToBrush(v);
+            this._a("minorStroke", brushToString(this.i.jx));
         }
         /**
          * Gets or sets the ActualMinorStroke property.
@@ -372,31 +372,31 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `ActualMinorStroke` property is used for ActualMinorStroke of the axis.
         */
         get actualMinorStroke() {
-            return brushToString(this.i.jt);
+            return brushToString(this.i.ju);
         }
         set actualMinorStroke(v) {
-            this.i.jt = stringToBrush(v);
-            this._a("actualMinorStroke", brushToString(this.i.jt));
+            this.i.ju = stringToBrush(v);
+            this._a("actualMinorStroke", brushToString(this.i.ju));
         }
         /**
          * Gets or sets the MinorStrokeThickness property.
         */
         get minorStrokeThickness() {
-            return this.i.et;
+            return this.i.eu;
         }
         set minorStrokeThickness(v) {
-            this.i.et = +v;
-            this._a("minorStrokeThickness", this.i.et);
+            this.i.eu = +v;
+            this._a("minorStrokeThickness", this.i.eu);
         }
         /**
          * Gets or sets the MinorStrokeDashArray property.
         */
         get minorStrokeDashArray() {
-            return fromDoubleCollection(this.i.j1);
+            return fromDoubleCollection(this.i.j2);
         }
         set minorStrokeDashArray(v) {
-            this.i.j1 = toDoubleCollection(v);
-            this._a("minorStrokeDashArray", doubleCollectionToString(this.i.j1));
+            this.i.j2 = toDoubleCollection(v);
+            this._a("minorStrokeDashArray", doubleCollectionToString(this.i.j2));
         }
         /**
          * Gets or sets the TickStroke property.
@@ -404,11 +404,11 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * Use `TickStroke` property for the color of the tickmarks.
         */
         get tickStroke() {
-            return brushToString(this.i.jz);
+            return brushToString(this.i.j0);
         }
         set tickStroke(v) {
-            this.i.jz = stringToBrush(v);
-            this._a("tickStroke", brushToString(this.i.jz));
+            this.i.j0 = stringToBrush(v);
+            this._a("tickStroke", brushToString(this.i.j0));
         }
         /**
          * Gets or sets the TickStrokeThickness property.
@@ -416,21 +416,21 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * Use `TickStrokeThickness` property for thickness of the stroke tickmarks.
         */
         get tickStrokeThickness() {
-            return this.i.fh;
+            return this.i.fi;
         }
         set tickStrokeThickness(v) {
-            this.i.fh = +v;
-            this._a("tickStrokeThickness", this.i.fh);
+            this.i.fi = +v;
+            this._a("tickStrokeThickness", this.i.fi);
         }
         /**
          * Gets or sets the TickStrokeDashArray property.
         */
         get tickStrokeDashArray() {
-            return fromDoubleCollection(this.i.j3);
+            return fromDoubleCollection(this.i.j4);
         }
         set tickStrokeDashArray(v) {
-            this.i.j3 = toDoubleCollection(v);
-            this._a("tickStrokeDashArray", doubleCollectionToString(this.i.j3));
+            this.i.j4 = toDoubleCollection(v);
+            this._a("tickStrokeDashArray", doubleCollectionToString(this.i.j4));
         }
         /**
          * Gets or sets the TickLength property.
@@ -438,11 +438,11 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * Use `TickLength` property for The length of the tickmarks to display for this axis.
         */
         get tickLength() {
-            return this.i.fg;
+            return this.i.fh;
         }
         set tickLength(v) {
-            this.i.fg = +v;
-            this._a("tickLength", this.i.fg);
+            this.i.fh = +v;
+            this._a("tickLength", this.i.fh);
         }
         /**
          * Gets or sets the IsDisabled property. If true, the axis will not be rendered.
@@ -450,11 +450,11 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `IsDisabled` property is used to decide if the axis will not be rendered.
         */
         get isDisabled() {
-            return this.i.ce;
+            return this.i.cf;
         }
         set isDisabled(v) {
-            this.i.ce = ensureBool(v);
-            this._a("isDisabled", this.i.ce);
+            this.i.cf = ensureBool(v);
+            this._a("isDisabled", this.i.cf);
         }
         /**
          * Gets or sets the IsInverted property.
@@ -462,41 +462,41 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * Gets or sets the `IsInverted` property.
         */
         get isInverted() {
-            return this.i.cg;
+            return this.i.ch;
         }
         set isInverted(v) {
-            this.i.cg = ensureBool(v);
-            this._a("isInverted", this.i.cg);
+            this.i.ch = ensureBool(v);
+            this._a("isInverted", this.i.ch);
         }
         /**
          * Gets or sets whether annotations should be shifted to avoid collision, even if this would result in them appearing where they shouldn't be along the scale.
         */
         get shouldAvoidAnnotationCollisions() {
-            return this.i.ct;
+            return this.i.cu;
         }
         set shouldAvoidAnnotationCollisions(v) {
-            this.i.ct = ensureBool(v);
-            this._a("shouldAvoidAnnotationCollisions", this.i.ct);
+            this.i.cu = ensureBool(v);
+            this._a("shouldAvoidAnnotationCollisions", this.i.cu);
         }
         /**
          * ets or sets whether annotations should be kept in view, even if they aren't positioned where they should appear on the scale.
         */
         get shouldKeepAnnotationsInView() {
-            return this.i.cv;
+            return this.i.cw;
         }
         set shouldKeepAnnotationsInView(v) {
-            this.i.cv = ensureBool(v);
-            this._a("shouldKeepAnnotationsInView", this.i.cv);
+            this.i.cw = ensureBool(v);
+            this._a("shouldKeepAnnotationsInView", this.i.cw);
         }
         /**
          * Gets or sets whether to use label height measurement when determining the initial number of labels to render, before resolving collisions, etc.
         */
         get usePerLabelHeightMeasurement() {
-            return this.i.c4;
+            return this.i.c5;
         }
         set usePerLabelHeightMeasurement(v) {
-            this.i.c4 = ensureBool(v);
-            this._a("usePerLabelHeightMeasurement", this.i.c4);
+            this.i.c5 = ensureBool(v);
+            this._a("usePerLabelHeightMeasurement", this.i.c5);
         }
         /**
          * Gets or sets whether to use more advanced heuristics when determining the initial number of labels to render, before resolving collisions, etc.
@@ -505,11 +505,11 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * before resolving collisions, etc.
         */
         get useEnhancedIntervalManagement() {
-            return this.i.c3;
+            return this.i.c4;
         }
         set useEnhancedIntervalManagement(v) {
-            this.i.c3 = ensureBool(v);
-            this._a("useEnhancedIntervalManagement", this.i.c3);
+            this.i.c4 = ensureBool(v);
+            this._a("useEnhancedIntervalManagement", this.i.c4);
         }
         /**
          * Gets or sets the minimum desired characters to be displayed for horizontal axes when using advanced label heuristics. -1 will attempt to adjust the interval to precisely fit the horizontal labels.
@@ -517,21 +517,21 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `EnhancedIntervalMinimumCharacters` property is used to set the mininum desired characters to be displayed for horizontal axes when using advanced label heuristics.
         */
         get enhancedIntervalMinimumCharacters() {
-            return this.i.fp;
+            return this.i.fq;
         }
         set enhancedIntervalMinimumCharacters(v) {
-            this.i.fp = +v;
-            this._a("enhancedIntervalMinimumCharacters", this.i.fp);
+            this.i.fq = +v;
+            this._a("enhancedIntervalMinimumCharacters", this.i.fq);
         }
         /**
          * Gets or sets whether the enhanced interval management should prefer to show all the labels if possible without collisions for supported types of category axes. This is for use with EnhancedIntervalMinimumCharacters = -1 and axes that have an integral interval.
         */
         get enhancedIntervalPreferMoreCategoryLabels() {
-            return this.i.b0;
+            return this.i.b1;
         }
         set enhancedIntervalPreferMoreCategoryLabels(v) {
-            this.i.b0 = ensureBool(v);
-            this._a("enhancedIntervalPreferMoreCategoryLabels", this.i.b0);
+            this.i.b1 = ensureBool(v);
+            this._a("enhancedIntervalPreferMoreCategoryLabels", this.i.b1);
         }
         /**
          * Gets or sets the text style to use for axis labels.
@@ -539,11 +539,11 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `labelTextStyle` property Overrides the style of the text used for the axis labels.
         */
         get labelTextStyle() {
-            return this.i.ay ? this.i.ay.textStyle : null;
+            return this.i.az ? this.i.az.textStyle : null;
         }
         set labelTextStyle(v) {
             this.ensureLabelSettings();
-            this.i.ay.textStyle = v;
+            this.i.az.textStyle = v;
         }
         /**
          * The color of the {0}.
@@ -551,12 +551,12 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `labelTextColor` property Overrides the color of the text used for the axis labels.
         */
         get labelTextColor() {
-            return brushToString(this.i.ay ? this.i.ay.textColor : null);
+            return brushToString(this.i.az ? this.i.az.textColor : null);
         }
         set labelTextColor(v) {
             this.ensureLabelSettings();
-            this.i.ay.textColor = stringToBrush(v);
-            this._a("labelTextColor", brushToString(this.i.ay.textColor));
+            this.i.az.textColor = stringToBrush(v);
+            this._a("labelTextColor", brushToString(this.i.az.textColor));
         }
         /**
          * Gets or sets the location of the {0}.
@@ -564,12 +564,12 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `Location` property is used for the location.
         */
         get labelLocation() {
-            return this.i.ay ? this.i.ay.location : 0;
+            return this.i.az ? this.i.az.location : 0;
         }
         set labelLocation(v) {
             this.ensureLabelSettings();
-            this.i.ay.location = ensureEnum(AxisLabelsLocation_$type, v);
-            this._a("labelLocation", enumToString(AxisLabelsLocation_$type, this.i.ay.location));
+            this.i.az.location = ensureEnum(AxisLabelsLocation_$type, v);
+            this._a("labelLocation", enumToString(AxisLabelsLocation_$type, this.i.az.location));
         }
         /**
          * Gets or sets the visibility of the {0}.
@@ -577,12 +577,12 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `Visibility` property is used for the visibility of the axis.
         */
         get labelVisibility() {
-            return this.i.ay ? this.i.ay.visibility : 0;
+            return this.i.az ? this.i.az.visibility : 0;
         }
         set labelVisibility(v) {
             this.ensureLabelSettings();
-            this.i.ay.visibility = ensureEnum(Visibility_$type, v);
-            this._a("labelVisibility", enumToString(Visibility_$type, this.i.ay.visibility));
+            this.i.az.visibility = ensureEnum(Visibility_$type, v);
+            this._a("labelVisibility", enumToString(Visibility_$type, this.i.az.visibility));
         }
         /**
          * Gets or sets whether the first label is displayed when the zoom level is set to 1.
@@ -590,12 +590,12 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `ShowFirstLabel` is used to check whether the first label is displayed when the zoom level is set to 1.
         */
         get labelShowFirstLabel() {
-            return this.i.ay ? this.i.ay.showFirstLabel : false;
+            return this.i.az ? this.i.az.showFirstLabel : false;
         }
         set labelShowFirstLabel(v) {
             this.ensureLabelSettings();
-            this.i.ay.showFirstLabel = ensureBool(v);
-            this._a("labelShowFirstLabel", this.i.ay.showFirstLabel);
+            this.i.az.showFirstLabel = ensureBool(v);
+            this._a("labelShowFirstLabel", this.i.az.showFirstLabel);
         }
         /**
          * Gets or sets the angle of the {0}.
@@ -603,12 +603,12 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `Angle` property is used to set the angle of the axis.
         */
         get labelAngle() {
-            return this.i.ay ? this.i.ay.angle : NaN;
+            return this.i.az ? this.i.az.angle : NaN;
         }
         set labelAngle(v) {
             this.ensureLabelSettings();
-            this.i.ay.angle = +v;
-            this._a("labelAngle", this.i.ay.angle);
+            this.i.az.angle = +v;
+            this._a("labelAngle", this.i.az.angle);
         }
         /**
          * Distance between the axis and the edge of the control.
@@ -616,12 +616,12 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `Extent` property is used for the extent.
         */
         get labelExtent() {
-            return this.i.ay ? this.i.ay.extent : NaN;
+            return this.i.az ? this.i.az.extent : NaN;
         }
         set labelExtent(v) {
             this.ensureLabelSettings();
-            this.i.ay.extent = +v;
-            this._a("labelExtent", this.i.ay.extent);
+            this.i.az.extent = +v;
+            this._a("labelExtent", this.i.az.extent);
         }
         /**
          * Margin applied to the left of the {0}.
@@ -629,12 +629,12 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `labelLeftMargin` property is used for the left margin of the labels.
         */
         get labelLeftMargin() {
-            return this.i.ay ? this.i.ay.leftMargin : NaN;
+            return this.i.az ? this.i.az.leftMargin : NaN;
         }
         set labelLeftMargin(v) {
             this.ensureLabelSettings();
-            this.i.ay.leftMargin = +v;
-            this._a("labelLeftMargin", this.i.ay.leftMargin);
+            this.i.az.leftMargin = +v;
+            this._a("labelLeftMargin", this.i.az.leftMargin);
         }
         /**
          * Margin applied to the right of the {0}.
@@ -642,12 +642,12 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `labelRightMargin` property is used for the right margin of the labels.
         */
         get labelRightMargin() {
-            return this.i.ay ? this.i.ay.rightMargin : NaN;
+            return this.i.az ? this.i.az.rightMargin : NaN;
         }
         set labelRightMargin(v) {
             this.ensureLabelSettings();
-            this.i.ay.rightMargin = +v;
-            this._a("labelRightMargin", this.i.ay.rightMargin);
+            this.i.az.rightMargin = +v;
+            this._a("labelRightMargin", this.i.az.rightMargin);
         }
         /**
          * Margin applied above the {0}.
@@ -655,12 +655,12 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `labelTopMargin` property is used for the top margin of the labels.
         */
         get labelTopMargin() {
-            return this.i.ay ? this.i.ay.topMargin : NaN;
+            return this.i.az ? this.i.az.topMargin : NaN;
         }
         set labelTopMargin(v) {
             this.ensureLabelSettings();
-            this.i.ay.topMargin = +v;
-            this._a("labelTopMargin", this.i.ay.topMargin);
+            this.i.az.topMargin = +v;
+            this._a("labelTopMargin", this.i.az.topMargin);
         }
         /**
          * Margin applied below the {0}.
@@ -668,12 +668,12 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `labelBottomMargin` is used to set the bottom margin of the labels.
         */
         get labelBottomMargin() {
-            return this.i.ay ? this.i.ay.bottomMargin : NaN;
+            return this.i.az ? this.i.az.bottomMargin : NaN;
         }
         set labelBottomMargin(v) {
             this.ensureLabelSettings();
-            this.i.ay.bottomMargin = +v;
-            this._a("labelBottomMargin", this.i.ay.bottomMargin);
+            this.i.az.bottomMargin = +v;
+            this._a("labelBottomMargin", this.i.az.bottomMargin);
         }
         /**
          * Gets or sets the horizontal alignment of the {0}.
@@ -681,12 +681,12 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `HorizontalAlignment` property is used for the horizontal alignment.
         */
         get labelHorizontalAlignment() {
-            return this.i.ay ? this.i.ay.horizontalAlignment : 0;
+            return this.i.az ? this.i.az.horizontalAlignment : 0;
         }
         set labelHorizontalAlignment(v) {
             this.ensureLabelSettings();
-            this.i.ay.horizontalAlignment = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("labelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.ay.horizontalAlignment));
+            this.i.az.horizontalAlignment = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("labelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.az.horizontalAlignment));
         }
         /**
          * Gets or sets the vertical alignment of the {0}.
@@ -694,26 +694,26 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `VerticalAlignment` property is used for the vertical alignment of the axis.
         */
         get labelVerticalAlignment() {
-            return this.i.ay ? this.i.ay.verticalAlignment : 0;
+            return this.i.az ? this.i.az.verticalAlignment : 0;
         }
         set labelVerticalAlignment(v) {
             this.ensureLabelSettings();
-            this.i.ay.verticalAlignment = ensureEnum(VerticalAlignment_$type, v);
-            this._a("labelVerticalAlignment", enumToString(VerticalAlignment_$type, this.i.ay.verticalAlignment));
+            this.i.az.verticalAlignment = ensureEnum(VerticalAlignment_$type, v);
+            this._a("labelVerticalAlignment", enumToString(VerticalAlignment_$type, this.i.az.verticalAlignment));
         }
         ensureLabelSettings() {
-            if (this.i.ay) {
+            if (this.i.az) {
                 return;
             }
-            this.i.ay = new AxisLabelSettings();
-            this.i.ay.location = this.i.az();
-            this.i.ay.angle = this.i.d4();
-            this.i.ay.leftMargin = this.i.d6();
-            this.i.ay.rightMargin = this.i.d7();
-            this.i.ay.topMargin = this.i.d8();
-            this.i.ay.bottomMargin = this.i.d5();
-            this.i.ay.horizontalAlignment = this.i.jq();
-            this.i.ay.verticalAlignment = this.i.kj();
+            this.i.az = new AxisLabelSettings();
+            this.i.az.location = this.i.a0();
+            this.i.az.angle = this.i.d5();
+            this.i.az.leftMargin = this.i.d7();
+            this.i.az.rightMargin = this.i.d8();
+            this.i.az.topMargin = this.i.d9();
+            this.i.az.bottomMargin = this.i.d6();
+            this.i.az.horizontalAlignment = this.i.jr();
+            this.i.az.verticalAlignment = this.i.kk();
         }
         /**
          * Gets or sets the CrossingAxis property.
@@ -721,7 +721,7 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `CrossingAxis` property is used for CrossingAxis .
         */
         get crossingAxis() {
-            const r = this.i.ai;
+            const r = this.i.aj;
             if (r == null) {
                 return null;
             }
@@ -737,7 +737,7 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         set crossingAxis(v) {
             if (v != null && this._stylingContainer && v._styling)
                 v._styling(this._stylingContainer, this, this);
-            v == null ? this.i.ai = null : this.i.ai = v.i;
+            v == null ? this.i.aj = null : this.i.aj = v.i;
         }
         /**
         * Gets or sets the name to use to resolve crossingAxis from markup.
@@ -754,21 +754,21 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `CrossingValue` property is used for CrossingValue of the axis.
         */
         get crossingValue() {
-            return this.i.fu;
+            return this.i.fv;
         }
         set crossingValue(v) {
-            this.i.fu = v;
+            this.i.fv = v;
         }
         /**
          * Gets or sets the title position relative to the axis labels.
         */
         get titlePosition() {
-            return this.i.be ? this.i.be.position : 0;
+            return this.i.bf ? this.i.bf.position : 0;
         }
         set titlePosition(v) {
             this.ensureTitleSettings();
-            this.i.be.position = ensureEnum(AxisTitlePosition_$type, v);
-            this._a("titlePosition", enumToString(AxisTitlePosition_$type, this.i.be.position));
+            this.i.bf.position = ensureEnum(AxisTitlePosition_$type, v);
+            this._a("titlePosition", enumToString(AxisTitlePosition_$type, this.i.bf.position));
         }
         /**
          * Gets or sets the text style to use for axis labels.
@@ -776,11 +776,11 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `labelTextStyle` property Overrides the style of the text used for the axis labels.
         */
         get titleTextStyle() {
-            return this.i.be ? this.i.be.textStyle : null;
+            return this.i.bf ? this.i.bf.textStyle : null;
         }
         set titleTextStyle(v) {
             this.ensureTitleSettings();
-            this.i.be.textStyle = v;
+            this.i.bf.textStyle = v;
         }
         /**
          * The color of the {0}.
@@ -788,12 +788,12 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `labelTextColor` property Overrides the color of the text used for the axis labels.
         */
         get titleTextColor() {
-            return brushToString(this.i.be ? this.i.be.textColor : null);
+            return brushToString(this.i.bf ? this.i.bf.textColor : null);
         }
         set titleTextColor(v) {
             this.ensureTitleSettings();
-            this.i.be.textColor = stringToBrush(v);
-            this._a("titleTextColor", brushToString(this.i.be.textColor));
+            this.i.bf.textColor = stringToBrush(v);
+            this._a("titleTextColor", brushToString(this.i.bf.textColor));
         }
         /**
          * Gets or sets the location of the {0}.
@@ -801,12 +801,12 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `Location` property is used for the location.
         */
         get titleLocation() {
-            return this.i.be ? this.i.be.location : 0;
+            return this.i.bf ? this.i.bf.location : 0;
         }
         set titleLocation(v) {
             this.ensureTitleSettings();
-            this.i.be.location = ensureEnum(AxisLabelsLocation_$type, v);
-            this._a("titleLocation", enumToString(AxisLabelsLocation_$type, this.i.be.location));
+            this.i.bf.location = ensureEnum(AxisLabelsLocation_$type, v);
+            this._a("titleLocation", enumToString(AxisLabelsLocation_$type, this.i.bf.location));
         }
         /**
          * Gets or sets the visibility of the {0}.
@@ -814,12 +814,12 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `Visibility` property is used for the visibility of the axis.
         */
         get titleVisibility() {
-            return this.i.be ? this.i.be.visibility : 0;
+            return this.i.bf ? this.i.bf.visibility : 0;
         }
         set titleVisibility(v) {
             this.ensureTitleSettings();
-            this.i.be.visibility = ensureEnum(Visibility_$type, v);
-            this._a("titleVisibility", enumToString(Visibility_$type, this.i.be.visibility));
+            this.i.bf.visibility = ensureEnum(Visibility_$type, v);
+            this._a("titleVisibility", enumToString(Visibility_$type, this.i.bf.visibility));
         }
         /**
          * Gets or sets whether the first label is displayed when the zoom level is set to 1.
@@ -827,12 +827,12 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `ShowFirstLabel` is used to check whether the first label is displayed when the zoom level is set to 1.
         */
         get titleShowFirstLabel() {
-            return this.i.be ? this.i.be.showFirstLabel : false;
+            return this.i.bf ? this.i.bf.showFirstLabel : false;
         }
         set titleShowFirstLabel(v) {
             this.ensureTitleSettings();
-            this.i.be.showFirstLabel = ensureBool(v);
-            this._a("titleShowFirstLabel", this.i.be.showFirstLabel);
+            this.i.bf.showFirstLabel = ensureBool(v);
+            this._a("titleShowFirstLabel", this.i.bf.showFirstLabel);
         }
         /**
          * Gets or sets the angle of the {0}.
@@ -840,12 +840,12 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `Angle` property is used to set the angle of the axis.
         */
         get titleAngle() {
-            return this.i.be ? this.i.be.angle : NaN;
+            return this.i.bf ? this.i.bf.angle : NaN;
         }
         set titleAngle(v) {
             this.ensureTitleSettings();
-            this.i.be.angle = +v;
-            this._a("titleAngle", this.i.be.angle);
+            this.i.bf.angle = +v;
+            this._a("titleAngle", this.i.bf.angle);
         }
         /**
          * Distance between the axis and the edge of the control.
@@ -853,12 +853,12 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `Extent` property is used for the extent.
         */
         get titleExtent() {
-            return this.i.be ? this.i.be.extent : NaN;
+            return this.i.bf ? this.i.bf.extent : NaN;
         }
         set titleExtent(v) {
             this.ensureTitleSettings();
-            this.i.be.extent = +v;
-            this._a("titleExtent", this.i.be.extent);
+            this.i.bf.extent = +v;
+            this._a("titleExtent", this.i.bf.extent);
         }
         /**
          * Margin applied to the left of the {0}.
@@ -866,12 +866,12 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `labelLeftMargin` property is used for the left margin of the labels.
         */
         get titleLeftMargin() {
-            return this.i.be ? this.i.be.leftMargin : NaN;
+            return this.i.bf ? this.i.bf.leftMargin : NaN;
         }
         set titleLeftMargin(v) {
             this.ensureTitleSettings();
-            this.i.be.leftMargin = +v;
-            this._a("titleLeftMargin", this.i.be.leftMargin);
+            this.i.bf.leftMargin = +v;
+            this._a("titleLeftMargin", this.i.bf.leftMargin);
         }
         /**
          * Margin applied to the right of the {0}.
@@ -879,12 +879,12 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `labelRightMargin` property is used for the right margin of the labels.
         */
         get titleRightMargin() {
-            return this.i.be ? this.i.be.rightMargin : NaN;
+            return this.i.bf ? this.i.bf.rightMargin : NaN;
         }
         set titleRightMargin(v) {
             this.ensureTitleSettings();
-            this.i.be.rightMargin = +v;
-            this._a("titleRightMargin", this.i.be.rightMargin);
+            this.i.bf.rightMargin = +v;
+            this._a("titleRightMargin", this.i.bf.rightMargin);
         }
         /**
          * Margin applied above the {0}.
@@ -892,12 +892,12 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `labelTopMargin` property is used for the top margin of the labels.
         */
         get titleTopMargin() {
-            return this.i.be ? this.i.be.topMargin : NaN;
+            return this.i.bf ? this.i.bf.topMargin : NaN;
         }
         set titleTopMargin(v) {
             this.ensureTitleSettings();
-            this.i.be.topMargin = +v;
-            this._a("titleTopMargin", this.i.be.topMargin);
+            this.i.bf.topMargin = +v;
+            this._a("titleTopMargin", this.i.bf.topMargin);
         }
         /**
          * Margin applied below the {0}.
@@ -905,12 +905,12 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `labelBottomMargin` is used to set the bottom margin of the labels.
         */
         get titleBottomMargin() {
-            return this.i.be ? this.i.be.bottomMargin : NaN;
+            return this.i.bf ? this.i.bf.bottomMargin : NaN;
         }
         set titleBottomMargin(v) {
             this.ensureTitleSettings();
-            this.i.be.bottomMargin = +v;
-            this._a("titleBottomMargin", this.i.be.bottomMargin);
+            this.i.bf.bottomMargin = +v;
+            this._a("titleBottomMargin", this.i.bf.bottomMargin);
         }
         /**
          * Gets or sets the horizontal alignment of the {0}.
@@ -918,12 +918,12 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `HorizontalAlignment` property is used for the horizontal alignment.
         */
         get titleHorizontalAlignment() {
-            return this.i.be ? this.i.be.horizontalAlignment : 0;
+            return this.i.bf ? this.i.bf.horizontalAlignment : 0;
         }
         set titleHorizontalAlignment(v) {
             this.ensureTitleSettings();
-            this.i.be.horizontalAlignment = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("titleHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.be.horizontalAlignment));
+            this.i.bf.horizontalAlignment = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("titleHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.bf.horizontalAlignment));
         }
         /**
          * Gets or sets the vertical alignment of the {0}.
@@ -931,26 +931,26 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `VerticalAlignment` property is used for the vertical alignment of the axis.
         */
         get titleVerticalAlignment() {
-            return this.i.be ? this.i.be.verticalAlignment : 0;
+            return this.i.bf ? this.i.bf.verticalAlignment : 0;
         }
         set titleVerticalAlignment(v) {
             this.ensureTitleSettings();
-            this.i.be.verticalAlignment = ensureEnum(VerticalAlignment_$type, v);
-            this._a("titleVerticalAlignment", enumToString(VerticalAlignment_$type, this.i.be.verticalAlignment));
+            this.i.bf.verticalAlignment = ensureEnum(VerticalAlignment_$type, v);
+            this._a("titleVerticalAlignment", enumToString(VerticalAlignment_$type, this.i.bf.verticalAlignment));
         }
         ensureTitleSettings() {
-            if (this.i.be) {
+            if (this.i.bf) {
                 return;
             }
-            this.i.be = new TitleSettings();
-            this.i.be.location = this.i.a0();
-            this.i.be.angle = this.i.d9();
-            this.i.be.leftMargin = this.i.eb();
-            this.i.be.rightMargin = this.i.ec();
-            this.i.be.topMargin = this.i.ed();
-            this.i.be.bottomMargin = this.i.ea();
-            this.i.be.horizontalAlignment = this.i.jr();
-            this.i.be.verticalAlignment = this.i.kk();
+            this.i.bf = new TitleSettings();
+            this.i.bf.location = this.i.a1();
+            this.i.bf.angle = this.i.ea();
+            this.i.bf.leftMargin = this.i.ec();
+            this.i.bf.rightMargin = this.i.ed();
+            this.i.bf.topMargin = this.i.ee();
+            this.i.bf.bottomMargin = this.i.eb();
+            this.i.bf.horizontalAlignment = this.i.js();
+            this.i.bf.verticalAlignment = this.i.kl();
         }
         /**
          * Gets the current annotations for the axis.
@@ -958,7 +958,7 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         get annotations() {
             if (this._annotations === null) {
                 let coll = new IgcAxisAnnotationCollection();
-                let innerColl = this.i.am;
+                let innerColl = this.i.an;
                 if (!innerColl) {
                     innerColl = new AxisAnnotationCollection_internal();
                 }
@@ -974,7 +974,7 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
             let coll = new IgcAxisAnnotationCollection();
             this._annotations = coll._fromOuter(v);
             let syncColl = new SyncableObservableCollection$1(IAxisAnnotation_$type);
-            let innerColl = this.i.am;
+            let innerColl = this.i.an;
             if (!innerColl) {
                 innerColl = new AxisAnnotationCollection_internal();
             }
@@ -1014,32 +1014,32 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * The `Label` property is used for label mapping of the axis labels.
         */
         get label() {
-            return this.i.fz;
+            return this.i.f0;
         }
         set label(v) {
-            this.i.fz = v;
+            this.i.f0 = v;
         }
         /**
          * Gets or sets the label format string to use for the label.
         */
         get labelFormat() {
-            return this.i.gf;
+            return this.i.gg;
         }
         set labelFormat(v) {
-            this.i.gf = v;
+            this.i.gg = v;
         }
         /**
          * Gets or sets the format specifiers to use with the LabelFormat string.
         */
         get labelFormatSpecifiers() {
-            return this.i.ag;
+            return this.i.ah;
         }
         set labelFormatSpecifiers(v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 const re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.ag = v;
+            this.i.ah = v;
         }
         bindAxes(axes) {
             for (let i = 0; i < axes.length; i++) {
@@ -1122,22 +1122,26 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
             }
             this._inStyling = false;
         }
+        getFullRange() {
+            let iv = this.i.ag();
+            return (iv);
+        }
         /**
-     * Renders the axis with no animation.
-    
-    */
+         * Renders the axis with no animation.
+        
+        */
         renderAxis() {
-            this.i.h6();
+            this.i.h7();
         }
         /**
          * If using enhanced interval management and precise interval fitting, this will reset the cached maximum label width, and recalculate using the current labels.
         
         */
         resetCachedEnhancedInterval() {
-            this.i.ia();
+            this.i.ib();
         }
         getItemValue(item, memberPathName) {
-            let iv = this.i.fw(item, memberPathName);
+            let iv = this.i.fx(item, memberPathName);
             return (iv);
         }
         /**
@@ -1146,7 +1150,7 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * @param value  * The unscaled value to get a label for.
         */
         getValueLabel(value) {
-            let iv = this.i.gc(value);
+            let iv = this.i.gd(value);
             return (iv);
         }
         /**
@@ -1155,7 +1159,7 @@ export let IgcAxisComponent = /*@__PURE__*/ (() => {
         * @param unscaledValue  * The unscaled axis value to scale.
         */
         scaleValue(unscaledValue) {
-            let iv = this.i.e3(unscaledValue);
+            let iv = this.i.e4(unscaledValue);
             return (iv);
         }
         /**