igniteui-webcomponents-charts 6.0.0 → 6.0.1

package/esm2015/lib/igc-xy-chart-component.js

@@ -64,10 +64,10 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisFormatLabel() {
-            return this.i.aas;
+            return this.i.aay;
         }
         set xAxisFormatLabel(v) {
-            this.i.aas = v;
+            this.i.aay = v;
         }
         /**
          * Gets or sets function which takes a context object and returns a formatted label for the Y-axis.
@@ -81,10 +81,10 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisFormatLabel() {
-            return this.i.aat;
+            return this.i.aaz;
         }
         set yAxisFormatLabel(v) {
-            this.i.aat = v;
+            this.i.aaz = v;
         }
         /**
          * Gets or sets the left margin of labels on the X-axis
@@ -96,11 +96,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisLabelLeftMargin() {
-            return this.i.ab9;
+            return this.i.acj;
         }
         set xAxisLabelLeftMargin(v) {
-            this.i.ab9 = +v;
-            this._a("xAxisLabelLeftMargin", this.i.ab9);
+            this.i.acj = +v;
+            this._a("xAxisLabelLeftMargin", this.i.acj);
         }
         /**
          * Gets or sets the top margin of labels on the X-axis
@@ -112,11 +112,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisLabelTopMargin() {
-            return this.i.acb;
+            return this.i.acl;
         }
         set xAxisLabelTopMargin(v) {
-            this.i.acb = +v;
-            this._a("xAxisLabelTopMargin", this.i.acb);
+            this.i.acl = +v;
+            this._a("xAxisLabelTopMargin", this.i.acl);
         }
         /**
          * Gets or sets the right margin of labels on the X-axis
@@ -128,11 +128,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisLabelRightMargin() {
-            return this.i.aca;
+            return this.i.ack;
         }
         set xAxisLabelRightMargin(v) {
-            this.i.aca = +v;
-            this._a("xAxisLabelRightMargin", this.i.aca);
+            this.i.ack = +v;
+            this._a("xAxisLabelRightMargin", this.i.ack);
         }
         /**
          * Gets or sets the bottom margin of labels on the X-axis
@@ -144,11 +144,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisLabelBottomMargin() {
-            return this.i.ab8;
+            return this.i.aci;
         }
         set xAxisLabelBottomMargin(v) {
-            this.i.ab8 = +v;
-            this._a("xAxisLabelBottomMargin", this.i.ab8);
+            this.i.aci = +v;
+            this._a("xAxisLabelBottomMargin", this.i.aci);
         }
         /**
          * Gets or sets the left margin of labels on the Y-axis
@@ -160,11 +160,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisLabelLeftMargin() {
-            return this.i.acq;
+            return this.i.ac2;
         }
         set yAxisLabelLeftMargin(v) {
-            this.i.acq = +v;
-            this._a("yAxisLabelLeftMargin", this.i.acq);
+            this.i.ac2 = +v;
+            this._a("yAxisLabelLeftMargin", this.i.ac2);
         }
         /**
          * Gets or sets the top margin of labels on the Y-axis
@@ -176,11 +176,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisLabelTopMargin() {
-            return this.i.acs;
+            return this.i.ac4;
         }
         set yAxisLabelTopMargin(v) {
-            this.i.acs = +v;
-            this._a("yAxisLabelTopMargin", this.i.acs);
+            this.i.ac4 = +v;
+            this._a("yAxisLabelTopMargin", this.i.ac4);
         }
         /**
          * Gets or sets the right margin of labels on the Y-axis
@@ -192,11 +192,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisLabelRightMargin() {
-            return this.i.acr;
+            return this.i.ac3;
         }
         set yAxisLabelRightMargin(v) {
-            this.i.acr = +v;
-            this._a("yAxisLabelRightMargin", this.i.acr);
+            this.i.ac3 = +v;
+            this._a("yAxisLabelRightMargin", this.i.ac3);
         }
         /**
          * Gets or sets the bottom margin of labels on the Y-axis
@@ -208,11 +208,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisLabelBottomMargin() {
-            return this.i.acp;
+            return this.i.ac1;
         }
         set yAxisLabelBottomMargin(v) {
-            this.i.acp = +v;
-            this._a("yAxisLabelBottomMargin", this.i.acp);
+            this.i.ac1 = +v;
+            this._a("yAxisLabelBottomMargin", this.i.ac1);
         }
         /**
          * Gets or sets color of labels on the X-axis
@@ -224,11 +224,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisLabelTextColor() {
-            return brushToString(this.i.agx);
+            return brushToString(this.i.ahf);
         }
         set xAxisLabelTextColor(v) {
-            this.i.agx = stringToBrush(v);
-            this._a("xAxisLabelTextColor", brushToString(this.i.agx));
+            this.i.ahf = stringToBrush(v);
+            this._a("xAxisLabelTextColor", brushToString(this.i.ahf));
         }
         /**
          * Gets or sets color of labels on the Y-axis
@@ -240,31 +240,31 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisLabelTextColor() {
-            return brushToString(this.i.ag4);
+            return brushToString(this.i.ahm);
         }
         set yAxisLabelTextColor(v) {
-            this.i.ag4 = stringToBrush(v);
-            this._a("yAxisLabelTextColor", brushToString(this.i.ag4));
+            this.i.ahm = stringToBrush(v);
+            this._a("yAxisLabelTextColor", brushToString(this.i.ahm));
         }
         /**
          * Gets the actual color of labels on the X-axis
         */
         get actualXAxisLabelTextColor() {
-            return brushToString(this.i.agv);
+            return brushToString(this.i.ahd);
         }
         set actualXAxisLabelTextColor(v) {
-            this.i.agv = stringToBrush(v);
-            this._a("actualXAxisLabelTextColor", brushToString(this.i.agv));
+            this.i.ahd = stringToBrush(v);
+            this._a("actualXAxisLabelTextColor", brushToString(this.i.ahd));
         }
         /**
          * Gets the actual color of labels on the Y-axis
         */
         get actualYAxisLabelTextColor() {
-            return brushToString(this.i.agw);
+            return brushToString(this.i.ahe);
         }
         set actualYAxisLabelTextColor(v) {
-            this.i.agw = stringToBrush(v);
-            this._a("actualYAxisLabelTextColor", brushToString(this.i.agw));
+            this.i.ahe = stringToBrush(v);
+            this._a("actualYAxisLabelTextColor", brushToString(this.i.ahe));
         }
         /**
          * Gets or sets the margin around a title on the X-axis
@@ -272,11 +272,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * Use the `XAxisTitleMargin` property to set a margin around the y-axis title.
         */
         get xAxisTitleMargin() {
-            return this.i.ack;
+            return this.i.acw;
         }
         set xAxisTitleMargin(v) {
-            this.i.ack = +v;
-            this._a("xAxisTitleMargin", this.i.ack);
+            this.i.acw = +v;
+            this._a("xAxisTitleMargin", this.i.acw);
         }
         /**
          * Gets or sets the margin around a title on the Y-axis
@@ -284,11 +284,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * Use the `YAxisTitleMargin` property to set a margin around the y-axis title.
         */
         get yAxisTitleMargin() {
-            return this.i.ac1;
+            return this.i.adf;
         }
         set yAxisTitleMargin(v) {
-            this.i.ac1 = +v;
-            this._a("yAxisTitleMargin", this.i.ac1);
+            this.i.adf = +v;
+            this._a("yAxisTitleMargin", this.i.adf);
         }
         /**
          * Gets or sets the left margin of a title on the X-axis
@@ -300,11 +300,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTitleLeftMargin() {
-            return this.i.acj;
+            return this.i.acv;
         }
         set xAxisTitleLeftMargin(v) {
-            this.i.acj = +v;
-            this._a("xAxisTitleLeftMargin", this.i.acj);
+            this.i.acv = +v;
+            this._a("xAxisTitleLeftMargin", this.i.acv);
         }
         /**
          * Gets or sets the left margin of a title on the Y-axis
@@ -316,11 +316,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTitleLeftMargin() {
-            return this.i.ac0;
+            return this.i.ade;
         }
         set yAxisTitleLeftMargin(v) {
-            this.i.ac0 = +v;
-            this._a("yAxisTitleLeftMargin", this.i.ac0);
+            this.i.ade = +v;
+            this._a("yAxisTitleLeftMargin", this.i.ade);
         }
         /**
          * Gets or sets the top margin of a title on the X-axis
@@ -332,11 +332,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTitleTopMargin() {
-            return this.i.acm;
+            return this.i.acy;
         }
         set xAxisTitleTopMargin(v) {
-            this.i.acm = +v;
-            this._a("xAxisTitleTopMargin", this.i.acm);
+            this.i.acy = +v;
+            this._a("xAxisTitleTopMargin", this.i.acy);
         }
         /**
          * Gets or sets the top margin of a title on the Y-axis
@@ -348,11 +348,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTitleTopMargin() {
-            return this.i.ac3;
+            return this.i.adh;
         }
         set yAxisTitleTopMargin(v) {
-            this.i.ac3 = +v;
-            this._a("yAxisTitleTopMargin", this.i.ac3);
+            this.i.adh = +v;
+            this._a("yAxisTitleTopMargin", this.i.adh);
         }
         /**
          * Gets or sets the right margin of a title on the X-axis
@@ -364,11 +364,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTitleRightMargin() {
-            return this.i.acl;
+            return this.i.acx;
         }
         set xAxisTitleRightMargin(v) {
-            this.i.acl = +v;
-            this._a("xAxisTitleRightMargin", this.i.acl);
+            this.i.acx = +v;
+            this._a("xAxisTitleRightMargin", this.i.acx);
         }
         /**
          * Gets or sets the right margin of a title on the Y-axis
@@ -380,11 +380,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTitleRightMargin() {
-            return this.i.ac2;
+            return this.i.adg;
         }
         set yAxisTitleRightMargin(v) {
-            this.i.ac2 = +v;
-            this._a("yAxisTitleRightMargin", this.i.ac2);
+            this.i.adg = +v;
+            this._a("yAxisTitleRightMargin", this.i.adg);
         }
         /**
          * Gets or sets the bottom margin of a title on the X-axis
@@ -396,11 +396,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTitleBottomMargin() {
-            return this.i.aci;
+            return this.i.acu;
         }
         set xAxisTitleBottomMargin(v) {
-            this.i.aci = +v;
-            this._a("xAxisTitleBottomMargin", this.i.aci);
+            this.i.acu = +v;
+            this._a("xAxisTitleBottomMargin", this.i.acu);
         }
         /**
          * Gets or sets the bottom margin of a title on the Y-axis
@@ -412,11 +412,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTitleBottomMargin() {
-            return this.i.acz;
+            return this.i.add;
         }
         set yAxisTitleBottomMargin(v) {
-            this.i.acz = +v;
-            this._a("yAxisTitleBottomMargin", this.i.acz);
+            this.i.add = +v;
+            this._a("yAxisTitleBottomMargin", this.i.add);
         }
         /**
          * Gets or sets color of title on the X-axis
@@ -428,11 +428,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTitleTextColor() {
-            return brushToString(this.i.ag3);
+            return brushToString(this.i.ahl);
         }
         set xAxisTitleTextColor(v) {
-            this.i.ag3 = stringToBrush(v);
-            this._a("xAxisTitleTextColor", brushToString(this.i.ag3));
+            this.i.ahl = stringToBrush(v);
+            this._a("xAxisTitleTextColor", brushToString(this.i.ahl));
         }
         /**
          * Gets or sets color of title on the Y-axis
@@ -444,11 +444,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTitleTextColor() {
-            return brushToString(this.i.aha);
+            return brushToString(this.i.ahs);
         }
         set yAxisTitleTextColor(v) {
-            this.i.aha = stringToBrush(v);
-            this._a("yAxisTitleTextColor", brushToString(this.i.aha));
+            this.i.ahs = stringToBrush(v);
+            this._a("yAxisTitleTextColor", brushToString(this.i.ahs));
         }
         /**
          * Gets or sets CSS font property for labels on X-axis
@@ -460,10 +460,10 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisLabelTextStyle() {
-            return this.i.adx;
+            return this.i.aeb;
         }
         set xAxisLabelTextStyle(v) {
-            this.i.adx = v;
+            this.i.aeb = v;
         }
         /**
          * Gets or sets CSS font property for labels on Y-axis
@@ -475,10 +475,10 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisLabelTextStyle() {
-            return this.i.ae2;
+            return this.i.afi;
         }
         set yAxisLabelTextStyle(v) {
-            this.i.ae2 = v;
+            this.i.afi = v;
         }
         /**
          * Gets or sets CSS font property for title on X-axis
@@ -490,10 +490,10 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTitleTextStyle() {
-            return this.i.ael;
+            return this.i.ae1;
         }
         set xAxisTitleTextStyle(v) {
-            this.i.ael = v;
+            this.i.ae1 = v;
         }
         /**
          * Gets or sets CSS font property for title on Y-axis
@@ -505,28 +505,28 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTitleTextStyle() {
-            return this.i.afq;
+            return this.i.af8;
         }
         set yAxisTitleTextStyle(v) {
-            this.i.afq = v;
+            this.i.af8 = v;
         }
         /**
          * Gets or sets the format for labels along the X-axis.
         */
         get xAxisLabel() {
-            return this.i.ac6;
+            return this.i.adk;
         }
         set xAxisLabel(v) {
-            this.i.ac6 = v;
+            this.i.adk = v;
         }
         /**
          * Gets or sets the property or string from which the labels are derived.
         */
         get yAxisLabel() {
-            return this.i.ac7;
+            return this.i.adl;
         }
         set yAxisLabel(v) {
-            this.i.ac7 = v;
+            this.i.adl = v;
         }
         /**
          * Gets or sets the color to apply to major gridlines along the X-axis.
@@ -538,11 +538,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisMajorStroke() {
-            return brushToString(this.i.agy);
+            return brushToString(this.i.ahg);
         }
         set xAxisMajorStroke(v) {
-            this.i.agy = stringToBrush(v);
-            this._a("xAxisMajorStroke", brushToString(this.i.agy));
+            this.i.ahg = stringToBrush(v);
+            this._a("xAxisMajorStroke", brushToString(this.i.ahg));
         }
         /**
          * Gets or sets the color to apply to major gridlines along the Y-axis.
@@ -554,11 +554,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisMajorStroke() {
-            return brushToString(this.i.ag5);
+            return brushToString(this.i.ahn);
         }
         set yAxisMajorStroke(v) {
-            this.i.ag5 = stringToBrush(v);
-            this._a("yAxisMajorStroke", brushToString(this.i.ag5));
+            this.i.ahn = stringToBrush(v);
+            this._a("yAxisMajorStroke", brushToString(this.i.ahn));
         }
         /**
          * Gets or sets the thickness to apply to major gridlines along the X-axis.
@@ -570,11 +570,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisMajorStrokeThickness() {
-            return this.i.acc;
+            return this.i.acm;
         }
         set xAxisMajorStrokeThickness(v) {
-            this.i.acc = +v;
-            this._a("xAxisMajorStrokeThickness", this.i.acc);
+            this.i.acm = +v;
+            this._a("xAxisMajorStrokeThickness", this.i.acm);
         }
         /**
          * Gets or sets the thickness to apply to major gridlines along the Y-axis.
@@ -586,11 +586,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisMajorStrokeThickness() {
-            return this.i.act;
+            return this.i.ac5;
         }
         set yAxisMajorStrokeThickness(v) {
-            this.i.act = +v;
-            this._a("yAxisMajorStrokeThickness", this.i.act);
+            this.i.ac5 = +v;
+            this._a("yAxisMajorStrokeThickness", this.i.ac5);
         }
         /**
          * Gets or sets the thickness to apply to minor gridlines along the X-axis.
@@ -602,11 +602,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisMinorStrokeThickness() {
-            return this.i.acd;
+            return this.i.acp;
         }
         set xAxisMinorStrokeThickness(v) {
-            this.i.acd = +v;
-            this._a("xAxisMinorStrokeThickness", this.i.acd);
+            this.i.acp = +v;
+            this._a("xAxisMinorStrokeThickness", this.i.acp);
         }
         /**
          * Gets or sets the thickness to apply to minor gridlines along the Y-axis.
@@ -618,11 +618,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisMinorStrokeThickness() {
-            return this.i.acu;
+            return this.i.ac8;
         }
         set yAxisMinorStrokeThickness(v) {
-            this.i.acu = +v;
-            this._a("yAxisMinorStrokeThickness", this.i.acu);
+            this.i.ac8 = +v;
+            this._a("yAxisMinorStrokeThickness", this.i.ac8);
         }
         /**
          * Gets or sets the color to apply to stripes along the X-axis.
@@ -634,11 +634,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisStrip() {
-            return brushToString(this.i.ag0);
+            return brushToString(this.i.ahi);
         }
         set xAxisStrip(v) {
-            this.i.ag0 = stringToBrush(v);
-            this._a("xAxisStrip", brushToString(this.i.ag0));
+            this.i.ahi = stringToBrush(v);
+            this._a("xAxisStrip", brushToString(this.i.ahi));
         }
         /**
          * Gets or sets the color to apply to stripes along the Y-axis.
@@ -650,11 +650,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisStrip() {
-            return brushToString(this.i.ag7);
+            return brushToString(this.i.ahp);
         }
         set yAxisStrip(v) {
-            this.i.ag7 = stringToBrush(v);
-            this._a("yAxisStrip", brushToString(this.i.ag7));
+            this.i.ahp = stringToBrush(v);
+            this._a("yAxisStrip", brushToString(this.i.ahp));
         }
         /**
          * Gets or sets the color to apply to the X-axis line.
@@ -666,11 +666,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisStroke() {
-            return brushToString(this.i.ag1);
+            return brushToString(this.i.ahj);
         }
         set xAxisStroke(v) {
-            this.i.ag1 = stringToBrush(v);
-            this._a("xAxisStroke", brushToString(this.i.ag1));
+            this.i.ahj = stringToBrush(v);
+            this._a("xAxisStroke", brushToString(this.i.ahj));
         }
         /**
          * Gets or sets the color to apply to the Y-axis line.
@@ -682,11 +682,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisStroke() {
-            return brushToString(this.i.ag8);
+            return brushToString(this.i.ahq);
         }
         set yAxisStroke(v) {
-            this.i.ag8 = stringToBrush(v);
-            this._a("yAxisStroke", brushToString(this.i.ag8));
+            this.i.ahq = stringToBrush(v);
+            this._a("yAxisStroke", brushToString(this.i.ahq));
         }
         /**
          * Gets or sets the thickness to apply to the X-axis line.
@@ -698,11 +698,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisStrokeThickness() {
-            return this.i.ace;
+            return this.i.acq;
         }
         set xAxisStrokeThickness(v) {
-            this.i.ace = +v;
-            this._a("xAxisStrokeThickness", this.i.ace);
+            this.i.acq = +v;
+            this._a("xAxisStrokeThickness", this.i.acq);
         }
         /**
          * Gets or sets the thickness to apply to the Y-axis line.
@@ -714,11 +714,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisStrokeThickness() {
-            return this.i.acv;
+            return this.i.ac9;
         }
         set yAxisStrokeThickness(v) {
-            this.i.acv = +v;
-            this._a("yAxisStrokeThickness", this.i.acv);
+            this.i.ac9 = +v;
+            this._a("yAxisStrokeThickness", this.i.ac9);
         }
         /**
          * Gets or sets the length of tickmarks along the X-axis.
@@ -730,11 +730,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTickLength() {
-            return this.i.acf;
+            return this.i.acr;
         }
         set xAxisTickLength(v) {
-            this.i.acf = +v;
-            this._a("xAxisTickLength", this.i.acf);
+            this.i.acr = +v;
+            this._a("xAxisTickLength", this.i.acr);
         }
         /**
          * Gets or sets the length of tickmarks along the Y-axis.
@@ -746,11 +746,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTickLength() {
-            return this.i.acw;
+            return this.i.ada;
         }
         set yAxisTickLength(v) {
-            this.i.acw = +v;
-            this._a("yAxisTickLength", this.i.acw);
+            this.i.ada = +v;
+            this._a("yAxisTickLength", this.i.ada);
         }
         /**
          * Gets or sets the color to apply to tickmarks along the X-axis.
@@ -762,11 +762,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTickStroke() {
-            return brushToString(this.i.ag2);
+            return brushToString(this.i.ahk);
         }
         set xAxisTickStroke(v) {
-            this.i.ag2 = stringToBrush(v);
-            this._a("xAxisTickStroke", brushToString(this.i.ag2));
+            this.i.ahk = stringToBrush(v);
+            this._a("xAxisTickStroke", brushToString(this.i.ahk));
         }
         /**
          * Gets or sets the color to apply to tickmarks along the Y-axis.
@@ -778,11 +778,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTickStroke() {
-            return brushToString(this.i.ag9);
+            return brushToString(this.i.ahr);
         }
         set yAxisTickStroke(v) {
-            this.i.ag9 = stringToBrush(v);
-            this._a("yAxisTickStroke", brushToString(this.i.ag9));
+            this.i.ahr = stringToBrush(v);
+            this._a("yAxisTickStroke", brushToString(this.i.ahr));
         }
         /**
          * Gets or sets the thickness to apply to tickmarks along the X-axis.
@@ -794,11 +794,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTickStrokeThickness() {
-            return this.i.acg;
+            return this.i.acs;
         }
         set xAxisTickStrokeThickness(v) {
-            this.i.acg = +v;
-            this._a("xAxisTickStrokeThickness", this.i.acg);
+            this.i.acs = +v;
+            this._a("xAxisTickStrokeThickness", this.i.acs);
         }
         /**
          * Gets or sets the thickness to apply to tickmarks along the Y-axis.
@@ -810,11 +810,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTickStrokeThickness() {
-            return this.i.acx;
+            return this.i.adb;
         }
         set yAxisTickStrokeThickness(v) {
-            this.i.acx = +v;
-            this._a("yAxisTickStrokeThickness", this.i.acx);
+            this.i.adb = +v;
+            this._a("yAxisTickStrokeThickness", this.i.adb);
         }
         /**
          * Gets or sets the Text to display below the X-axis.
@@ -826,10 +826,10 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTitle() {
-            return this.i.aec;
+            return this.i.aes;
         }
         set xAxisTitle(v) {
-            this.i.aec = v;
+            this.i.aes = v;
         }
         /**
          * Gets or sets the Text to display to the left of the Y-axis.
@@ -841,10 +841,10 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTitle() {
-            return this.i.afh;
+            return this.i.afz;
         }
         set yAxisTitle(v) {
-            this.i.afh = v;
+            this.i.afz = v;
         }
         /**
          * Gets or sets the color to apply to minor gridlines along the X-axis.
@@ -856,11 +856,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisMinorStroke() {
-            return brushToString(this.i.agz);
+            return brushToString(this.i.ahh);
         }
         set xAxisMinorStroke(v) {
-            this.i.agz = stringToBrush(v);
-            this._a("xAxisMinorStroke", brushToString(this.i.agz));
+            this.i.ahh = stringToBrush(v);
+            this._a("xAxisMinorStroke", brushToString(this.i.ahh));
         }
         /**
          * Gets or sets the color to apply to minor gridlines along the Y-axis.
@@ -872,11 +872,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisMinorStroke() {
-            return brushToString(this.i.ag6);
+            return brushToString(this.i.aho);
         }
         set yAxisMinorStroke(v) {
-            this.i.ag6 = stringToBrush(v);
-            this._a("yAxisMinorStroke", brushToString(this.i.ag6));
+            this.i.aho = stringToBrush(v);
+            this._a("yAxisMinorStroke", brushToString(this.i.aho));
         }
         /**
          * Gets or sets the angle of rotation for labels along the X-axis.
@@ -888,11 +888,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisLabelAngle() {
-            return this.i.ab7;
+            return this.i.ach;
         }
         set xAxisLabelAngle(v) {
-            this.i.ab7 = +v;
-            this._a("xAxisLabelAngle", this.i.ab7);
+            this.i.ach = +v;
+            this._a("xAxisLabelAngle", this.i.ach);
         }
         /**
          * Gets or sets the angle of rotation for labels along the Y-axis.
@@ -904,11 +904,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisLabelAngle() {
-            return this.i.aco;
+            return this.i.ac0;
         }
         set yAxisLabelAngle(v) {
-            this.i.aco = +v;
-            this._a("yAxisLabelAngle", this.i.aco);
+            this.i.ac0 = +v;
+            this._a("yAxisLabelAngle", this.i.ac0);
         }
         /**
          * Gets or sets the distance between the X-axis and the bottom of the chart.
@@ -920,11 +920,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisExtent() {
-            return this.i.ab6;
+            return this.i.acg;
         }
         set xAxisExtent(v) {
-            this.i.ab6 = +v;
-            this._a("xAxisExtent", this.i.ab6);
+            this.i.acg = +v;
+            this._a("xAxisExtent", this.i.acg);
         }
         /**
          * Gets or sets the distance between the Y-axis and the left edge of the chart.
@@ -936,11 +936,51 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisExtent() {
-            return this.i.acn;
+            return this.i.acz;
         }
         set yAxisExtent(v) {
+            this.i.acz = +v;
+            this._a("yAxisExtent", this.i.acz);
+        }
+        /**
+         * Gets or sets the distance between the X-axis and the bottom of the chart.
+        */
+        get xAxisMaximumExtent() {
+            return this.i.acn;
+        }
+        set xAxisMaximumExtent(v) {
             this.i.acn = +v;
-            this._a("yAxisExtent", this.i.acn);
+            this._a("xAxisMaximumExtent", this.i.acn);
+        }
+        /**
+         * Gets or sets the distance between the Y-axis and the left edge of the chart.
+        */
+        get yAxisMaximumExtent() {
+            return this.i.ac6;
+        }
+        set yAxisMaximumExtent(v) {
+            this.i.ac6 = +v;
+            this._a("yAxisMaximumExtent", this.i.ac6);
+        }
+        /**
+         * Gets or sets the distance between the X-axis and the bottom of the chart.
+        */
+        get xAxisMaximumExtentPercentage() {
+            return this.i.aco;
+        }
+        set xAxisMaximumExtentPercentage(v) {
+            this.i.aco = +v;
+            this._a("xAxisMaximumExtentPercentage", this.i.aco);
+        }
+        /**
+         * Gets or sets the distance between the Y-axis and the left edge of the chart.
+        */
+        get yAxisMaximumExtentPercentage() {
+            return this.i.ac7;
+        }
+        set yAxisMaximumExtentPercentage(v) {
+            this.i.ac7 = +v;
+            this._a("yAxisMaximumExtentPercentage", this.i.ac7);
         }
         /**
          * Gets or sets the angle of rotation for the X-axis title.
@@ -952,11 +992,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTitleAngle() {
-            return this.i.ach;
+            return this.i.act;
         }
         set xAxisTitleAngle(v) {
-            this.i.ach = +v;
-            this._a("xAxisTitleAngle", this.i.ach);
+            this.i.act = +v;
+            this._a("xAxisTitleAngle", this.i.act);
         }
         /**
          * Gets or sets the angle of rotation for the Y-axis title.
@@ -968,11 +1008,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTitleAngle() {
-            return this.i.acy;
+            return this.i.adc;
         }
         set yAxisTitleAngle(v) {
-            this.i.acy = +v;
-            this._a("yAxisTitleAngle", this.i.acy);
+            this.i.adc = +v;
+            this._a("yAxisTitleAngle", this.i.adc);
         }
         /**
          * Gets or sets whether to invert the direction of the X-axis by placing the first data items on the right side of the chart.
@@ -984,11 +1024,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisInverted() {
-            return this.i.aa2;
+            return this.i.aa8;
         }
         set xAxisInverted(v) {
-            this.i.aa2 = ensureBool(v);
-            this._a("xAxisInverted", this.i.aa2);
+            this.i.aa8 = ensureBool(v);
+            this._a("xAxisInverted", this.i.aa8);
         }
         /**
          * Gets or sets whether to invert the direction of the Y-axis by placing the minimum numeric value at the top of the chart.
@@ -1002,11 +1042,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * The default value of `YAxisInverted` is false.
         */
         get yAxisInverted() {
-            return this.i.aa3;
+            return this.i.aa9;
         }
         set yAxisInverted(v) {
-            this.i.aa3 = ensureBool(v);
-            this._a("yAxisInverted", this.i.aa3);
+            this.i.aa9 = ensureBool(v);
+            this._a("yAxisInverted", this.i.aa9);
         }
         /**
          * Gets or sets Horizontal alignment of the X-axis title.
@@ -1018,11 +1058,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTitleAlignment() {
-            return this.i.agd;
+            return this.i.agv;
         }
         set xAxisTitleAlignment(v) {
-            this.i.agd = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("xAxisTitleAlignment", enumToString(HorizontalAlignment_$type, this.i.agd));
+            this.i.agv = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("xAxisTitleAlignment", enumToString(HorizontalAlignment_$type, this.i.agv));
         }
         /**
          * Gets or sets Vertical alignment of the Y-axis title.
@@ -1034,21 +1074,21 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTitleAlignment() {
-            return this.i.ahg;
+            return this.i.ahy;
         }
         set yAxisTitleAlignment(v) {
-            this.i.ahg = ensureEnum(VerticalAlignment_$type, v);
-            this._a("yAxisTitleAlignment", enumToString(VerticalAlignment_$type, this.i.ahg));
+            this.i.ahy = ensureEnum(VerticalAlignment_$type, v);
+            this._a("yAxisTitleAlignment", enumToString(VerticalAlignment_$type, this.i.ahy));
         }
         /**
          * Gets or sets Horizontal alignment of X-axis labels.
         */
         get xAxisLabelHorizontalAlignment() {
-            return this.i.agc;
+            return this.i.agu;
         }
         set xAxisLabelHorizontalAlignment(v) {
-            this.i.agc = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("xAxisLabelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.agc));
+            this.i.agu = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("xAxisLabelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.agu));
         }
         /**
          * Gets or sets Horizontal alignment of Y-axis labels.
@@ -1056,11 +1096,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * Set the `YAxisLabelHorizontalAlignment` property to change the horizontal alignment of y-axis labels.
         */
         get yAxisLabelHorizontalAlignment() {
-            return this.i.age;
+            return this.i.agw;
         }
         set yAxisLabelHorizontalAlignment(v) {
-            this.i.age = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("yAxisLabelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.age));
+            this.i.agw = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("yAxisLabelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.agw));
         }
         /**
          * Gets or sets Vertical alignment of X-axis labels.
@@ -1072,21 +1112,21 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisLabelVerticalAlignment() {
-            return this.i.ahe;
+            return this.i.ahw;
         }
         set xAxisLabelVerticalAlignment(v) {
-            this.i.ahe = ensureEnum(VerticalAlignment_$type, v);
-            this._a("xAxisLabelVerticalAlignment", enumToString(VerticalAlignment_$type, this.i.ahe));
+            this.i.ahw = ensureEnum(VerticalAlignment_$type, v);
+            this._a("xAxisLabelVerticalAlignment", enumToString(VerticalAlignment_$type, this.i.ahw));
         }
         /**
          * Gets or sets Vertical alignment of Y-axis labels.
         */
         get yAxisLabelVerticalAlignment() {
-            return this.i.ahf;
+            return this.i.ahx;
         }
         set yAxisLabelVerticalAlignment(v) {
-            this.i.ahf = ensureEnum(VerticalAlignment_$type, v);
-            this._a("yAxisLabelVerticalAlignment", enumToString(VerticalAlignment_$type, this.i.ahf));
+            this.i.ahx = ensureEnum(VerticalAlignment_$type, v);
+            this._a("yAxisLabelVerticalAlignment", enumToString(VerticalAlignment_$type, this.i.ahx));
         }
         /**
          * Gets or sets Visibility of X-axis labels.
@@ -1098,11 +1138,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisLabelVisibility() {
-            return this.i.ahj;
+            return this.i.ah1;
         }
         set xAxisLabelVisibility(v) {
-            this.i.ahj = ensureEnum(Visibility_$type, v);
-            this._a("xAxisLabelVisibility", enumToString(Visibility_$type, this.i.ahj));
+            this.i.ah1 = ensureEnum(Visibility_$type, v);
+            this._a("xAxisLabelVisibility", enumToString(Visibility_$type, this.i.ah1));
         }
         /**
          * Gets or sets Visibility of Y-axis labels.
@@ -1114,11 +1154,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisLabelVisibility() {
-            return this.i.ahk;
+            return this.i.ah2;
         }
         set yAxisLabelVisibility(v) {
-            this.i.ahk = ensureEnum(Visibility_$type, v);
-            this._a("yAxisLabelVisibility", enumToString(Visibility_$type, this.i.ahk));
+            this.i.ah2 = ensureEnum(Visibility_$type, v);
+            this._a("yAxisLabelVisibility", enumToString(Visibility_$type, this.i.ah2));
         }
         /**
          * Gets or sets location of Y-axis labels, relative to the plot area.
@@ -1130,65 +1170,65 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisLabelLocation() {
-            return this.i.aaz;
+            return this.i.aa5;
         }
         set yAxisLabelLocation(v) {
-            this.i.aaz = ensureEnum(YAxisLabelLocation_$type, v);
-            this._a("yAxisLabelLocation", enumToString(YAxisLabelLocation_$type, this.i.aaz));
+            this.i.aa5 = ensureEnum(YAxisLabelLocation_$type, v);
+            this._a("yAxisLabelLocation", enumToString(YAxisLabelLocation_$type, this.i.aa5));
         }
         /**
          * Gets or sets location of X-axis labels, relative to the plot area.
         */
         get xAxisLabelLocation() {
-            return this.i.aax;
+            return this.i.aa3;
         }
         set xAxisLabelLocation(v) {
-            this.i.aax = ensureEnum(XAxisLabelLocation_$type, v);
-            this._a("xAxisLabelLocation", enumToString(XAxisLabelLocation_$type, this.i.aax));
+            this.i.aa3 = ensureEnum(XAxisLabelLocation_$type, v);
+            this._a("xAxisLabelLocation", enumToString(XAxisLabelLocation_$type, this.i.aa3));
         }
         /**
          * Gets or sets the format string for the X axis label.
         */
         get xAxisLabelFormat() {
-            return this.i.ado;
+            return this.i.ad2;
         }
         set xAxisLabelFormat(v) {
-            this.i.ado = v;
+            this.i.ad2 = v;
         }
         /**
          * Gets or sets the format specifiers to use with the XAxisLabelFormat string.
         */
         get xAxisLabelFormatSpecifiers() {
-            return this.i.aam;
+            return this.i.aas;
         }
         set xAxisLabelFormatSpecifiers(v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 const re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.aam = v;
+            this.i.aas = v;
         }
         /**
          * Gets or sets the format string for the Y axis label.
         */
         get yAxisLabelFormat() {
-            return this.i.aet;
+            return this.i.ae9;
         }
         set yAxisLabelFormat(v) {
-            this.i.aet = v;
+            this.i.ae9 = v;
         }
         /**
          * Gets or sets the format specifiers to use with the YAxisLabelFormat string.
         */
         get yAxisLabelFormatSpecifiers() {
-            return this.i.aan;
+            return this.i.aat;
         }
         set yAxisLabelFormatSpecifiers(v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 const re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.aan = v;
+            this.i.aat = v;
         }
         findByName(name) {
             var baseResult = super.findByName(name);
@@ -1217,7 +1257,7 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * @param unscaledValue  * The x-coordinate of the location to scale.
         */
         getScaledValueX(unscaledValue) {
-            let iv = this.i.ab2(unscaledValue);
+            let iv = this.i.acc(unscaledValue);
             return (iv);
         }
         /**
@@ -1226,7 +1266,7 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * @param scaledValue  * The data value to un-scale.
         */
         getUnscaledValueX(scaledValue) {
-            let iv = this.i.ab4(scaledValue);
+            let iv = this.i.ace(scaledValue);
             return (iv);
         }
         /**
@@ -1235,7 +1275,7 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * @param unscaledValue  * The y-coordinate of the location to scale.
         */
         getScaledValueY(unscaledValue) {
-            let iv = this.i.ab3(unscaledValue);
+            let iv = this.i.acd(unscaledValue);
             return (iv);
         }
         /**
@@ -1244,7 +1284,7 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * @param scaledValue  * The data value to un-scale.
         */
         getUnscaledValueY(scaledValue) {
-            let iv = this.i.ab5(scaledValue);
+            let iv = this.i.acf(scaledValue);
             return (iv);
         }
     }