igniteui-webcomponents-charts 3.2.3 → 3.5.0

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

@@ -23,11 +23,25 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
             if (super["connectedCallback"]) {
                 super["connectedCallback"]();
             }
+            if (this.i.connectedCallback) {
+                this.i.connectedCallback();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
             }
         }
+        disconnectedCallback() {
+            if (super["disconnectedCallback"]) {
+                super["disconnectedCallback"]();
+            }
+            if (this.i.disconnectedCallback) {
+                this.i.disconnectedCallback();
+            }
+            if (this._attached) {
+                this._attached = false;
+            }
+        }
         static get observedAttributes() {
             if (IgcXYChartComponent._observedAttributesIgcXYChartComponent == null) {
                 let names = getAllPropertyNames(IgcXYChartComponent);
@@ -50,10 +64,10 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisFormatLabel() {
-            return this.i.t0;
+            return this.i.vk;
         }
         set xAxisFormatLabel(v) {
-            this.i.t0 = v;
+            this.i.vk = v;
         }
         /**
          * Gets or sets function which takes a context object and returns a formatted label for the Y-axis.
@@ -67,10 +81,10 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisFormatLabel() {
-            return this.i.t1;
+            return this.i.vl;
         }
         set yAxisFormatLabel(v) {
-            this.i.t1 = v;
+            this.i.vl = v;
         }
         /**
          * Gets or sets the left margin of labels on the X-axis
@@ -82,11 +96,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisLabelLeftMargin() {
-            return this.i.vh;
+            return this.i.w1;
         }
         set xAxisLabelLeftMargin(v) {
-            this.i.vh = +v;
-            this._a("xAxisLabelLeftMargin", this.i.vh);
+            this.i.w1 = +v;
+            this._a("xAxisLabelLeftMargin", this.i.w1);
         }
         /**
          * Gets or sets the top margin of labels on the X-axis
@@ -98,11 +112,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisLabelTopMargin() {
-            return this.i.vj;
+            return this.i.w3;
         }
         set xAxisLabelTopMargin(v) {
-            this.i.vj = +v;
-            this._a("xAxisLabelTopMargin", this.i.vj);
+            this.i.w3 = +v;
+            this._a("xAxisLabelTopMargin", this.i.w3);
         }
         /**
          * Gets or sets the right margin of labels on the X-axis
@@ -114,11 +128,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisLabelRightMargin() {
-            return this.i.vi;
+            return this.i.w2;
         }
         set xAxisLabelRightMargin(v) {
-            this.i.vi = +v;
-            this._a("xAxisLabelRightMargin", this.i.vi);
+            this.i.w2 = +v;
+            this._a("xAxisLabelRightMargin", this.i.w2);
         }
         /**
          * Gets or sets the bottom margin of labels on the X-axis
@@ -130,11 +144,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisLabelBottomMargin() {
-            return this.i.vg;
+            return this.i.w0;
         }
         set xAxisLabelBottomMargin(v) {
-            this.i.vg = +v;
-            this._a("xAxisLabelBottomMargin", this.i.vg);
+            this.i.w0 = +v;
+            this._a("xAxisLabelBottomMargin", this.i.w0);
         }
         /**
          * Gets or sets the left margin of labels on the Y-axis
@@ -146,11 +160,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisLabelLeftMargin() {
-            return this.i.vy;
+            return this.i.xi;
         }
         set yAxisLabelLeftMargin(v) {
-            this.i.vy = +v;
-            this._a("yAxisLabelLeftMargin", this.i.vy);
+            this.i.xi = +v;
+            this._a("yAxisLabelLeftMargin", this.i.xi);
         }
         /**
          * Gets or sets the top margin of labels on the Y-axis
@@ -162,11 +176,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisLabelTopMargin() {
-            return this.i.v0;
+            return this.i.xk;
         }
         set yAxisLabelTopMargin(v) {
-            this.i.v0 = +v;
-            this._a("yAxisLabelTopMargin", this.i.v0);
+            this.i.xk = +v;
+            this._a("yAxisLabelTopMargin", this.i.xk);
         }
         /**
          * Gets or sets the right margin of labels on the Y-axis
@@ -178,11 +192,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisLabelRightMargin() {
-            return this.i.vz;
+            return this.i.xj;
         }
         set yAxisLabelRightMargin(v) {
-            this.i.vz = +v;
-            this._a("yAxisLabelRightMargin", this.i.vz);
+            this.i.xj = +v;
+            this._a("yAxisLabelRightMargin", this.i.xj);
         }
         /**
          * Gets or sets the bottom margin of labels on the Y-axis
@@ -194,11 +208,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisLabelBottomMargin() {
-            return this.i.vx;
+            return this.i.xh;
         }
         set yAxisLabelBottomMargin(v) {
-            this.i.vx = +v;
-            this._a("yAxisLabelBottomMargin", this.i.vx);
+            this.i.xh = +v;
+            this._a("yAxisLabelBottomMargin", this.i.xh);
         }
         /**
          * Gets or sets color of labels on the X-axis
@@ -210,11 +224,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisLabelTextColor() {
-            return brushToString(this.i.z5);
+            return brushToString(this.i.abp);
         }
         set xAxisLabelTextColor(v) {
-            this.i.z5 = stringToBrush(v);
-            this._a("xAxisLabelTextColor", brushToString(this.i.z5));
+            this.i.abp = stringToBrush(v);
+            this._a("xAxisLabelTextColor", brushToString(this.i.abp));
         }
         /**
          * Gets or sets color of labels on the Y-axis
@@ -226,31 +240,31 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisLabelTextColor() {
-            return brushToString(this.i.aac);
+            return brushToString(this.i.abw);
         }
         set yAxisLabelTextColor(v) {
-            this.i.aac = stringToBrush(v);
-            this._a("yAxisLabelTextColor", brushToString(this.i.aac));
+            this.i.abw = stringToBrush(v);
+            this._a("yAxisLabelTextColor", brushToString(this.i.abw));
         }
         /**
          * Gets the actual color of labels on the X-axis
         */
         get actualXAxisLabelTextColor() {
-            return brushToString(this.i.z3);
+            return brushToString(this.i.abn);
         }
         set actualXAxisLabelTextColor(v) {
-            this.i.z3 = stringToBrush(v);
-            this._a("actualXAxisLabelTextColor", brushToString(this.i.z3));
+            this.i.abn = stringToBrush(v);
+            this._a("actualXAxisLabelTextColor", brushToString(this.i.abn));
         }
         /**
          * Gets the actual color of labels on the Y-axis
         */
         get actualYAxisLabelTextColor() {
-            return brushToString(this.i.z4);
+            return brushToString(this.i.abo);
         }
         set actualYAxisLabelTextColor(v) {
-            this.i.z4 = stringToBrush(v);
-            this._a("actualYAxisLabelTextColor", brushToString(this.i.z4));
+            this.i.abo = stringToBrush(v);
+            this._a("actualYAxisLabelTextColor", brushToString(this.i.abo));
         }
         /**
          * Gets or sets the margin around a title on the X-axis
@@ -258,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.vs;
+            return this.i.xc;
         }
         set xAxisTitleMargin(v) {
-            this.i.vs = +v;
-            this._a("xAxisTitleMargin", this.i.vs);
+            this.i.xc = +v;
+            this._a("xAxisTitleMargin", this.i.xc);
         }
         /**
          * Gets or sets the margin around a title on the Y-axis
@@ -270,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.v9;
+            return this.i.xt;
         }
         set yAxisTitleMargin(v) {
-            this.i.v9 = +v;
-            this._a("yAxisTitleMargin", this.i.v9);
+            this.i.xt = +v;
+            this._a("yAxisTitleMargin", this.i.xt);
         }
         /**
          * Gets or sets the left margin of a title on the X-axis
@@ -286,11 +300,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTitleLeftMargin() {
-            return this.i.vr;
+            return this.i.xb;
         }
         set xAxisTitleLeftMargin(v) {
-            this.i.vr = +v;
-            this._a("xAxisTitleLeftMargin", this.i.vr);
+            this.i.xb = +v;
+            this._a("xAxisTitleLeftMargin", this.i.xb);
         }
         /**
          * Gets or sets the left margin of a title on the Y-axis
@@ -302,11 +316,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTitleLeftMargin() {
-            return this.i.v8;
+            return this.i.xs;
         }
         set yAxisTitleLeftMargin(v) {
-            this.i.v8 = +v;
-            this._a("yAxisTitleLeftMargin", this.i.v8);
+            this.i.xs = +v;
+            this._a("yAxisTitleLeftMargin", this.i.xs);
         }
         /**
          * Gets or sets the top margin of a title on the X-axis
@@ -318,11 +332,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTitleTopMargin() {
-            return this.i.vu;
+            return this.i.xe;
         }
         set xAxisTitleTopMargin(v) {
-            this.i.vu = +v;
-            this._a("xAxisTitleTopMargin", this.i.vu);
+            this.i.xe = +v;
+            this._a("xAxisTitleTopMargin", this.i.xe);
         }
         /**
          * Gets or sets the top margin of a title on the Y-axis
@@ -334,11 +348,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTitleTopMargin() {
-            return this.i.wb;
+            return this.i.xv;
         }
         set yAxisTitleTopMargin(v) {
-            this.i.wb = +v;
-            this._a("yAxisTitleTopMargin", this.i.wb);
+            this.i.xv = +v;
+            this._a("yAxisTitleTopMargin", this.i.xv);
         }
         /**
          * Gets or sets the right margin of a title on the X-axis
@@ -350,11 +364,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTitleRightMargin() {
-            return this.i.vt;
+            return this.i.xd;
         }
         set xAxisTitleRightMargin(v) {
-            this.i.vt = +v;
-            this._a("xAxisTitleRightMargin", this.i.vt);
+            this.i.xd = +v;
+            this._a("xAxisTitleRightMargin", this.i.xd);
         }
         /**
          * Gets or sets the right margin of a title on the Y-axis
@@ -366,11 +380,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTitleRightMargin() {
-            return this.i.wa;
+            return this.i.xu;
         }
         set yAxisTitleRightMargin(v) {
-            this.i.wa = +v;
-            this._a("yAxisTitleRightMargin", this.i.wa);
+            this.i.xu = +v;
+            this._a("yAxisTitleRightMargin", this.i.xu);
         }
         /**
          * Gets or sets the bottom margin of a title on the X-axis
@@ -382,11 +396,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTitleBottomMargin() {
-            return this.i.vq;
+            return this.i.xa;
         }
         set xAxisTitleBottomMargin(v) {
-            this.i.vq = +v;
-            this._a("xAxisTitleBottomMargin", this.i.vq);
+            this.i.xa = +v;
+            this._a("xAxisTitleBottomMargin", this.i.xa);
         }
         /**
          * Gets or sets the bottom margin of a title on the Y-axis
@@ -398,11 +412,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTitleBottomMargin() {
-            return this.i.v7;
+            return this.i.xr;
         }
         set yAxisTitleBottomMargin(v) {
-            this.i.v7 = +v;
-            this._a("yAxisTitleBottomMargin", this.i.v7);
+            this.i.xr = +v;
+            this._a("yAxisTitleBottomMargin", this.i.xr);
         }
         /**
          * Gets or sets color of title on the X-axis
@@ -414,11 +428,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTitleTextColor() {
-            return brushToString(this.i.aab);
+            return brushToString(this.i.abv);
         }
         set xAxisTitleTextColor(v) {
-            this.i.aab = stringToBrush(v);
-            this._a("xAxisTitleTextColor", brushToString(this.i.aab));
+            this.i.abv = stringToBrush(v);
+            this._a("xAxisTitleTextColor", brushToString(this.i.abv));
         }
         /**
          * Gets or sets color of title on the Y-axis
@@ -430,11 +444,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTitleTextColor() {
-            return brushToString(this.i.aai);
+            return brushToString(this.i.ab2);
         }
         set yAxisTitleTextColor(v) {
-            this.i.aai = stringToBrush(v);
-            this._a("yAxisTitleTextColor", brushToString(this.i.aai));
+            this.i.ab2 = stringToBrush(v);
+            this._a("yAxisTitleTextColor", brushToString(this.i.ab2));
         }
         /**
          * Gets or sets CSS font property for labels on X-axis
@@ -446,10 +460,10 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisLabelTextStyle() {
-            return this.i.w5;
+            return this.i.yp;
         }
         set xAxisLabelTextStyle(v) {
-            this.i.w5 = v;
+            this.i.yp = v;
         }
         /**
          * Gets or sets CSS font property for labels on Y-axis
@@ -461,10 +475,10 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisLabelTextStyle() {
-            return this.i.ya;
+            return this.i.zu;
         }
         set yAxisLabelTextStyle(v) {
-            this.i.ya = v;
+            this.i.zu = v;
         }
         /**
          * Gets or sets CSS font property for title on X-axis
@@ -476,10 +490,10 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTitleTextStyle() {
-            return this.i.xt;
+            return this.i.zd;
         }
         set xAxisTitleTextStyle(v) {
-            this.i.xt = v;
+            this.i.zd = v;
         }
         /**
          * Gets or sets CSS font property for title on Y-axis
@@ -491,28 +505,28 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTitleTextStyle() {
-            return this.i.yy;
+            return this.i.aai;
         }
         set yAxisTitleTextStyle(v) {
-            this.i.yy = v;
+            this.i.aai = v;
         }
         /**
          * Gets or sets the format for labels along the X-axis.
         */
         get xAxisLabel() {
-            return this.i.we;
+            return this.i.xy;
         }
         set xAxisLabel(v) {
-            this.i.we = v;
+            this.i.xy = v;
         }
         /**
          * Gets or sets the property or string from which the labels are derived.
         */
         get yAxisLabel() {
-            return this.i.wf;
+            return this.i.xz;
         }
         set yAxisLabel(v) {
-            this.i.wf = v;
+            this.i.xz = v;
         }
         /**
          * Gets or sets the color to apply to major gridlines along the X-axis.
@@ -524,11 +538,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisMajorStroke() {
-            return brushToString(this.i.z6);
+            return brushToString(this.i.abq);
         }
         set xAxisMajorStroke(v) {
-            this.i.z6 = stringToBrush(v);
-            this._a("xAxisMajorStroke", brushToString(this.i.z6));
+            this.i.abq = stringToBrush(v);
+            this._a("xAxisMajorStroke", brushToString(this.i.abq));
         }
         /**
          * Gets or sets the color to apply to major gridlines along the Y-axis.
@@ -540,11 +554,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisMajorStroke() {
-            return brushToString(this.i.aad);
+            return brushToString(this.i.abx);
         }
         set yAxisMajorStroke(v) {
-            this.i.aad = stringToBrush(v);
-            this._a("yAxisMajorStroke", brushToString(this.i.aad));
+            this.i.abx = stringToBrush(v);
+            this._a("yAxisMajorStroke", brushToString(this.i.abx));
         }
         /**
          * Gets or sets the thickness to apply to major gridlines along the X-axis.
@@ -556,11 +570,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisMajorStrokeThickness() {
-            return this.i.vk;
+            return this.i.w4;
         }
         set xAxisMajorStrokeThickness(v) {
-            this.i.vk = +v;
-            this._a("xAxisMajorStrokeThickness", this.i.vk);
+            this.i.w4 = +v;
+            this._a("xAxisMajorStrokeThickness", this.i.w4);
         }
         /**
          * Gets or sets the thickness to apply to major gridlines along the Y-axis.
@@ -572,11 +586,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisMajorStrokeThickness() {
-            return this.i.v1;
+            return this.i.xl;
         }
         set yAxisMajorStrokeThickness(v) {
-            this.i.v1 = +v;
-            this._a("yAxisMajorStrokeThickness", this.i.v1);
+            this.i.xl = +v;
+            this._a("yAxisMajorStrokeThickness", this.i.xl);
         }
         /**
          * Gets or sets the thickness to apply to minor gridlines along the X-axis.
@@ -588,11 +602,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisMinorStrokeThickness() {
-            return this.i.vl;
+            return this.i.w5;
         }
         set xAxisMinorStrokeThickness(v) {
-            this.i.vl = +v;
-            this._a("xAxisMinorStrokeThickness", this.i.vl);
+            this.i.w5 = +v;
+            this._a("xAxisMinorStrokeThickness", this.i.w5);
         }
         /**
          * Gets or sets the thickness to apply to minor gridlines along the Y-axis.
@@ -604,11 +618,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisMinorStrokeThickness() {
-            return this.i.v2;
+            return this.i.xm;
         }
         set yAxisMinorStrokeThickness(v) {
-            this.i.v2 = +v;
-            this._a("yAxisMinorStrokeThickness", this.i.v2);
+            this.i.xm = +v;
+            this._a("yAxisMinorStrokeThickness", this.i.xm);
         }
         /**
          * Gets or sets the color to apply to stripes along the X-axis.
@@ -620,11 +634,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisStrip() {
-            return brushToString(this.i.z8);
+            return brushToString(this.i.abs);
         }
         set xAxisStrip(v) {
-            this.i.z8 = stringToBrush(v);
-            this._a("xAxisStrip", brushToString(this.i.z8));
+            this.i.abs = stringToBrush(v);
+            this._a("xAxisStrip", brushToString(this.i.abs));
         }
         /**
          * Gets or sets the color to apply to stripes along the Y-axis.
@@ -636,11 +650,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisStrip() {
-            return brushToString(this.i.aaf);
+            return brushToString(this.i.abz);
         }
         set yAxisStrip(v) {
-            this.i.aaf = stringToBrush(v);
-            this._a("yAxisStrip", brushToString(this.i.aaf));
+            this.i.abz = stringToBrush(v);
+            this._a("yAxisStrip", brushToString(this.i.abz));
         }
         /**
          * Gets or sets the color to apply to the X-axis line.
@@ -652,11 +666,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisStroke() {
-            return brushToString(this.i.z9);
+            return brushToString(this.i.abt);
         }
         set xAxisStroke(v) {
-            this.i.z9 = stringToBrush(v);
-            this._a("xAxisStroke", brushToString(this.i.z9));
+            this.i.abt = stringToBrush(v);
+            this._a("xAxisStroke", brushToString(this.i.abt));
         }
         /**
          * Gets or sets the color to apply to the Y-axis line.
@@ -668,11 +682,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisStroke() {
-            return brushToString(this.i.aag);
+            return brushToString(this.i.ab0);
         }
         set yAxisStroke(v) {
-            this.i.aag = stringToBrush(v);
-            this._a("yAxisStroke", brushToString(this.i.aag));
+            this.i.ab0 = stringToBrush(v);
+            this._a("yAxisStroke", brushToString(this.i.ab0));
         }
         /**
          * Gets or sets the thickness to apply to the X-axis line.
@@ -684,11 +698,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisStrokeThickness() {
-            return this.i.vm;
+            return this.i.w6;
         }
         set xAxisStrokeThickness(v) {
-            this.i.vm = +v;
-            this._a("xAxisStrokeThickness", this.i.vm);
+            this.i.w6 = +v;
+            this._a("xAxisStrokeThickness", this.i.w6);
         }
         /**
          * Gets or sets the thickness to apply to the Y-axis line.
@@ -700,11 +714,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisStrokeThickness() {
-            return this.i.v3;
+            return this.i.xn;
         }
         set yAxisStrokeThickness(v) {
-            this.i.v3 = +v;
-            this._a("yAxisStrokeThickness", this.i.v3);
+            this.i.xn = +v;
+            this._a("yAxisStrokeThickness", this.i.xn);
         }
         /**
          * Gets or sets the length of tickmarks along the X-axis.
@@ -716,11 +730,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTickLength() {
-            return this.i.vn;
+            return this.i.w7;
         }
         set xAxisTickLength(v) {
-            this.i.vn = +v;
-            this._a("xAxisTickLength", this.i.vn);
+            this.i.w7 = +v;
+            this._a("xAxisTickLength", this.i.w7);
         }
         /**
          * Gets or sets the length of tickmarks along the Y-axis.
@@ -732,11 +746,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTickLength() {
-            return this.i.v4;
+            return this.i.xo;
         }
         set yAxisTickLength(v) {
-            this.i.v4 = +v;
-            this._a("yAxisTickLength", this.i.v4);
+            this.i.xo = +v;
+            this._a("yAxisTickLength", this.i.xo);
         }
         /**
          * Gets or sets the color to apply to tickmarks along the X-axis.
@@ -748,11 +762,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTickStroke() {
-            return brushToString(this.i.aaa);
+            return brushToString(this.i.abu);
         }
         set xAxisTickStroke(v) {
-            this.i.aaa = stringToBrush(v);
-            this._a("xAxisTickStroke", brushToString(this.i.aaa));
+            this.i.abu = stringToBrush(v);
+            this._a("xAxisTickStroke", brushToString(this.i.abu));
         }
         /**
          * Gets or sets the color to apply to tickmarks along the Y-axis.
@@ -764,11 +778,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTickStroke() {
-            return brushToString(this.i.aah);
+            return brushToString(this.i.ab1);
         }
         set yAxisTickStroke(v) {
-            this.i.aah = stringToBrush(v);
-            this._a("yAxisTickStroke", brushToString(this.i.aah));
+            this.i.ab1 = stringToBrush(v);
+            this._a("yAxisTickStroke", brushToString(this.i.ab1));
         }
         /**
          * Gets or sets the thickness to apply to tickmarks along the X-axis.
@@ -780,11 +794,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTickStrokeThickness() {
-            return this.i.vo;
+            return this.i.w8;
         }
         set xAxisTickStrokeThickness(v) {
-            this.i.vo = +v;
-            this._a("xAxisTickStrokeThickness", this.i.vo);
+            this.i.w8 = +v;
+            this._a("xAxisTickStrokeThickness", this.i.w8);
         }
         /**
          * Gets or sets the thickness to apply to tickmarks along the Y-axis.
@@ -796,11 +810,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTickStrokeThickness() {
-            return this.i.v5;
+            return this.i.xp;
         }
         set yAxisTickStrokeThickness(v) {
-            this.i.v5 = +v;
-            this._a("yAxisTickStrokeThickness", this.i.v5);
+            this.i.xp = +v;
+            this._a("yAxisTickStrokeThickness", this.i.xp);
         }
         /**
          * Gets or sets the Text to display below the X-axis.
@@ -812,10 +826,10 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTitle() {
-            return this.i.xk;
+            return this.i.y4;
         }
         set xAxisTitle(v) {
-            this.i.xk = v;
+            this.i.y4 = v;
         }
         /**
          * Gets or sets the Text to display to the left of the Y-axis.
@@ -827,10 +841,10 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTitle() {
-            return this.i.yp;
+            return this.i.z9;
         }
         set yAxisTitle(v) {
-            this.i.yp = v;
+            this.i.z9 = v;
         }
         /**
          * Gets or sets the color to apply to minor gridlines along the X-axis.
@@ -842,11 +856,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisMinorStroke() {
-            return brushToString(this.i.z7);
+            return brushToString(this.i.abr);
         }
         set xAxisMinorStroke(v) {
-            this.i.z7 = stringToBrush(v);
-            this._a("xAxisMinorStroke", brushToString(this.i.z7));
+            this.i.abr = stringToBrush(v);
+            this._a("xAxisMinorStroke", brushToString(this.i.abr));
         }
         /**
          * Gets or sets the color to apply to minor gridlines along the Y-axis.
@@ -858,11 +872,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisMinorStroke() {
-            return brushToString(this.i.aae);
+            return brushToString(this.i.aby);
         }
         set yAxisMinorStroke(v) {
-            this.i.aae = stringToBrush(v);
-            this._a("yAxisMinorStroke", brushToString(this.i.aae));
+            this.i.aby = stringToBrush(v);
+            this._a("yAxisMinorStroke", brushToString(this.i.aby));
         }
         /**
          * Gets or sets the angle of rotation for labels along the X-axis.
@@ -874,11 +888,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisLabelAngle() {
-            return this.i.vf;
+            return this.i.wz;
         }
         set xAxisLabelAngle(v) {
-            this.i.vf = +v;
-            this._a("xAxisLabelAngle", this.i.vf);
+            this.i.wz = +v;
+            this._a("xAxisLabelAngle", this.i.wz);
         }
         /**
          * Gets or sets the angle of rotation for labels along the Y-axis.
@@ -890,11 +904,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisLabelAngle() {
-            return this.i.vw;
+            return this.i.xg;
         }
         set yAxisLabelAngle(v) {
-            this.i.vw = +v;
-            this._a("yAxisLabelAngle", this.i.vw);
+            this.i.xg = +v;
+            this._a("yAxisLabelAngle", this.i.xg);
         }
         /**
          * Gets or sets the distance between the X-axis and the bottom of the chart.
@@ -906,11 +920,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisExtent() {
-            return this.i.ve;
+            return this.i.wy;
         }
         set xAxisExtent(v) {
-            this.i.ve = +v;
-            this._a("xAxisExtent", this.i.ve);
+            this.i.wy = +v;
+            this._a("xAxisExtent", this.i.wy);
         }
         /**
          * Gets or sets the distance between the Y-axis and the left edge of the chart.
@@ -922,11 +936,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisExtent() {
-            return this.i.vv;
+            return this.i.xf;
         }
         set yAxisExtent(v) {
-            this.i.vv = +v;
-            this._a("yAxisExtent", this.i.vv);
+            this.i.xf = +v;
+            this._a("yAxisExtent", this.i.xf);
         }
         /**
          * Gets or sets the angle of rotation for the X-axis title.
@@ -938,11 +952,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTitleAngle() {
-            return this.i.vp;
+            return this.i.w9;
         }
         set xAxisTitleAngle(v) {
-            this.i.vp = +v;
-            this._a("xAxisTitleAngle", this.i.vp);
+            this.i.w9 = +v;
+            this._a("xAxisTitleAngle", this.i.w9);
         }
         /**
          * Gets or sets the angle of rotation for the Y-axis title.
@@ -954,11 +968,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTitleAngle() {
-            return this.i.v6;
+            return this.i.xq;
         }
         set yAxisTitleAngle(v) {
-            this.i.v6 = +v;
-            this._a("yAxisTitleAngle", this.i.v6);
+            this.i.xq = +v;
+            this._a("yAxisTitleAngle", this.i.xq);
         }
         /**
          * 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.
@@ -970,11 +984,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisInverted() {
-            return this.i.ua;
+            return this.i.vu;
         }
         set xAxisInverted(v) {
-            this.i.ua = ensureBool(v);
-            this._a("xAxisInverted", this.i.ua);
+            this.i.vu = ensureBool(v);
+            this._a("xAxisInverted", this.i.vu);
         }
         /**
          * Gets or sets whether to invert the direction of the Y-axis by placing the minimum numeric value at the top of the chart.
@@ -988,11 +1002,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * The default value of `yAxisInverted` is false.
         */
         get yAxisInverted() {
-            return this.i.ub;
+            return this.i.vv;
         }
         set yAxisInverted(v) {
-            this.i.ub = ensureBool(v);
-            this._a("yAxisInverted", this.i.ub);
+            this.i.vv = ensureBool(v);
+            this._a("yAxisInverted", this.i.vv);
         }
         /**
          * Gets or sets Horizontal alignment of the X-axis title.
@@ -1004,11 +1018,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisTitleAlignment() {
-            return this.i.zl;
+            return this.i.aa5;
         }
         set xAxisTitleAlignment(v) {
-            this.i.zl = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("xAxisTitleAlignment", enumToString(HorizontalAlignment_$type, this.i.zl));
+            this.i.aa5 = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("xAxisTitleAlignment", enumToString(HorizontalAlignment_$type, this.i.aa5));
         }
         /**
          * Gets or sets Vertical alignment of the Y-axis title.
@@ -1020,21 +1034,21 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisTitleAlignment() {
-            return this.i.aao;
+            return this.i.ab8;
         }
         set yAxisTitleAlignment(v) {
-            this.i.aao = ensureEnum(VerticalAlignment_$type, v);
-            this._a("yAxisTitleAlignment", enumToString(VerticalAlignment_$type, this.i.aao));
+            this.i.ab8 = ensureEnum(VerticalAlignment_$type, v);
+            this._a("yAxisTitleAlignment", enumToString(VerticalAlignment_$type, this.i.ab8));
         }
         /**
          * Gets or sets Horizontal alignment of X-axis labels.
         */
         get xAxisLabelHorizontalAlignment() {
-            return this.i.zk;
+            return this.i.aa4;
         }
         set xAxisLabelHorizontalAlignment(v) {
-            this.i.zk = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("xAxisLabelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.zk));
+            this.i.aa4 = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("xAxisLabelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.aa4));
         }
         /**
          * Gets or sets Horizontal alignment of Y-axis labels.
@@ -1042,11 +1056,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * Set the `yAxisLabelHorizontalAlignment` property to change the horizontal alignment of y-axis labels.
         */
         get yAxisLabelHorizontalAlignment() {
-            return this.i.zm;
+            return this.i.aa6;
         }
         set yAxisLabelHorizontalAlignment(v) {
-            this.i.zm = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("yAxisLabelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.zm));
+            this.i.aa6 = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("yAxisLabelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.aa6));
         }
         /**
          * Gets or sets Vertical alignment of X-axis labels.
@@ -1058,21 +1072,21 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisLabelVerticalAlignment() {
-            return this.i.aam;
+            return this.i.ab6;
         }
         set xAxisLabelVerticalAlignment(v) {
-            this.i.aam = ensureEnum(VerticalAlignment_$type, v);
-            this._a("xAxisLabelVerticalAlignment", enumToString(VerticalAlignment_$type, this.i.aam));
+            this.i.ab6 = ensureEnum(VerticalAlignment_$type, v);
+            this._a("xAxisLabelVerticalAlignment", enumToString(VerticalAlignment_$type, this.i.ab6));
         }
         /**
          * Gets or sets Vertical alignment of Y-axis labels.
         */
         get yAxisLabelVerticalAlignment() {
-            return this.i.aan;
+            return this.i.ab7;
         }
         set yAxisLabelVerticalAlignment(v) {
-            this.i.aan = ensureEnum(VerticalAlignment_$type, v);
-            this._a("yAxisLabelVerticalAlignment", enumToString(VerticalAlignment_$type, this.i.aan));
+            this.i.ab7 = ensureEnum(VerticalAlignment_$type, v);
+            this._a("yAxisLabelVerticalAlignment", enumToString(VerticalAlignment_$type, this.i.ab7));
         }
         /**
          * Gets or sets Visibility of X-axis labels.
@@ -1084,11 +1098,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get xAxisLabelVisibility() {
-            return this.i.aar;
+            return this.i.acb;
         }
         set xAxisLabelVisibility(v) {
-            this.i.aar = ensureEnum(Visibility_$type, v);
-            this._a("xAxisLabelVisibility", enumToString(Visibility_$type, this.i.aar));
+            this.i.acb = ensureEnum(Visibility_$type, v);
+            this._a("xAxisLabelVisibility", enumToString(Visibility_$type, this.i.acb));
         }
         /**
          * Gets or sets Visibility of Y-axis labels.
@@ -1100,11 +1114,11 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisLabelVisibility() {
-            return this.i.aas;
+            return this.i.acc;
         }
         set yAxisLabelVisibility(v) {
-            this.i.aas = ensureEnum(Visibility_$type, v);
-            this._a("yAxisLabelVisibility", enumToString(Visibility_$type, this.i.aas));
+            this.i.acc = ensureEnum(Visibility_$type, v);
+            this._a("yAxisLabelVisibility", enumToString(Visibility_$type, this.i.acc));
         }
         /**
          * Gets or sets location of Y-axis labels, relative to the plot area.
@@ -1116,65 +1130,65 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get yAxisLabelLocation() {
-            return this.i.t7;
+            return this.i.vr;
         }
         set yAxisLabelLocation(v) {
-            this.i.t7 = ensureEnum(YAxisLabelLocation_$type, v);
-            this._a("yAxisLabelLocation", enumToString(YAxisLabelLocation_$type, this.i.t7));
+            this.i.vr = ensureEnum(YAxisLabelLocation_$type, v);
+            this._a("yAxisLabelLocation", enumToString(YAxisLabelLocation_$type, this.i.vr));
         }
         /**
          * Gets or sets location of X-axis labels, relative to the plot area.
         */
         get xAxisLabelLocation() {
-            return this.i.t5;
+            return this.i.vp;
         }
         set xAxisLabelLocation(v) {
-            this.i.t5 = ensureEnum(XAxisLabelLocation_$type, v);
-            this._a("xAxisLabelLocation", enumToString(XAxisLabelLocation_$type, this.i.t5));
+            this.i.vp = ensureEnum(XAxisLabelLocation_$type, v);
+            this._a("xAxisLabelLocation", enumToString(XAxisLabelLocation_$type, this.i.vp));
         }
         /**
          * Gets or sets the format string for the X axis label.
         */
         get xAxisLabelFormat() {
-            return this.i.ww;
+            return this.i.yg;
         }
         set xAxisLabelFormat(v) {
-            this.i.ww = v;
+            this.i.yg = v;
         }
         /**
          * Gets or sets the format specifiers to use with the XAxisLabelFormat string.
         */
         get xAxisLabelFormatSpecifiers() {
-            return this.i.tu;
+            return this.i.ve;
         }
         set xAxisLabelFormatSpecifiers(v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 const re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.tu = v;
+            this.i.ve = v;
         }
         /**
          * Gets or sets the format string for the Y axis label.
         */
         get yAxisLabelFormat() {
-            return this.i.x1;
+            return this.i.zl;
         }
         set yAxisLabelFormat(v) {
-            this.i.x1 = v;
+            this.i.zl = v;
         }
         /**
          * Gets or sets the format specifiers to use with the YAxisLabelFormat string.
         */
         get yAxisLabelFormatSpecifiers() {
-            return this.i.tv;
+            return this.i.vf;
         }
         set yAxisLabelFormatSpecifiers(v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 const re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.tv = v;
+            this.i.vf = v;
         }
         findByName(name) {
             var baseResult = super.findByName(name);
@@ -1203,7 +1217,7 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * @param unscaledValue  * The x-coordinate of the location to scale.
         */
         getScaledValueX(unscaledValue) {
-            let iv = this.i.va(unscaledValue);
+            let iv = this.i.wu(unscaledValue);
             return (iv);
         }
         /**
@@ -1212,7 +1226,7 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * @param scaledValue  * The data value to un-scale.
         */
         getUnscaledValueX(scaledValue) {
-            let iv = this.i.vc(scaledValue);
+            let iv = this.i.ww(scaledValue);
             return (iv);
         }
         /**
@@ -1221,7 +1235,7 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * @param unscaledValue  * The y-coordinate of the location to scale.
         */
         getScaledValueY(unscaledValue) {
-            let iv = this.i.vb(unscaledValue);
+            let iv = this.i.wv(unscaledValue);
             return (iv);
         }
         /**
@@ -1230,7 +1244,7 @@ export let IgcXYChartComponent = /*@__PURE__*/ (() => {
         * @param scaledValue  * The data value to un-scale.
         */
         getUnscaledValueY(scaledValue) {
-            let iv = this.i.vd(scaledValue);
+            let iv = this.i.wx(scaledValue);
             return (iv);
         }
     }