igniteui-webcomponents-charts 3.2.3 → 3.5.0

package/esm5/lib/igc-stacked-line-series-component.js

@@ -28,11 +28,25 @@ var IgcStackedLineSeriesComponent = /** @class */ /*@__PURE__*/ (function (_supe
         if (_super.prototype["connectedCallback"]) {
             _super.prototype["connectedCallback"].call(this);
         }
+        if (this.i.connectedCallback) {
+            this.i.connectedCallback();
+        }
         if (!this._attached) {
             this._attached = true;
             this._flushQueuedAttributes();
         }
     };
+    IgcStackedLineSeriesComponent.prototype.disconnectedCallback = function () {
+        if (_super.prototype["disconnectedCallback"]) {
+            _super.prototype["disconnectedCallback"].call(this);
+        }
+        if (this.i.disconnectedCallback) {
+            this.i.disconnectedCallback();
+        }
+        if (this._attached) {
+            this._attached = false;
+        }
+    };
     Object.defineProperty(IgcStackedLineSeriesComponent, "observedAttributes", {
         get: function () {
             if (IgcStackedLineSeriesComponent._observedAttributesIgcStackedLineSeriesComponent == null) {
@@ -58,7 +72,7 @@ var IgcStackedLineSeriesComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets whether the current series shows only line shapes.
         */
         get: function () {
-            return this.i.d1;
+            return this.i.d2;
         },
         enumerable: true,
         configurable: true

package/esm5/lib/igc-stacked-series-base-component.js

@@ -149,11 +149,11 @@ var IgcStackedSeriesBaseComponent = /** @class */ /*@__PURE__*/ (function (_supe
      * Gets or sets whether series should be automatically generated. Reqiures the use of GroupBy as the ItemsSource.
     */
         get: function () {
-            return this.i.to;
+            return this.i.ts;
         },
         set: function (v) {
-            this.i.to = ensureBool(v);
-            this._a("autoGenerateSeries", this.i.to);
+            this.i.ts = ensureBool(v);
+            this._a("autoGenerateSeries", this.i.ts);
         },
         enumerable: true,
         configurable: true
@@ -163,11 +163,11 @@ var IgcStackedSeriesBaseComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets whether the order of the fragment series should be reversed in the legend.
         */
         get: function () {
-            return this.i.tq;
+            return this.i.tu;
         },
         set: function (v) {
-            this.i.tq = ensureBool(v);
-            this._a("reverseLegendOrder", this.i.tq);
+            this.i.tu = ensureBool(v);
+            this._a("reverseLegendOrder", this.i.tu);
         },
         enumerable: true,
         configurable: true
@@ -184,7 +184,7 @@ var IgcStackedSeriesBaseComponent = /** @class */ /*@__PURE__*/ (function (_supe
     });
     Object.defineProperty(IgcStackedSeriesBaseComponent.prototype, "isPercentBased", {
         get: function () {
-            return this.i.tp;
+            return this.i.tt;
         },
         enumerable: true,
         configurable: true
@@ -204,7 +204,7 @@ var IgcStackedSeriesBaseComponent = /** @class */ /*@__PURE__*/ (function (_supe
 
 */
     IgcStackedSeriesBaseComponent.prototype.notifyIndexedPropertiesChanged = function () {
-        this.i.lk();
+        this.i.ln();
     };
     /**
      * Simulates a pointer hover over the series surface.
@@ -212,7 +212,7 @@ var IgcStackedSeriesBaseComponent = /** @class */ /*@__PURE__*/ (function (_supe
     * @param point  * The pointer position relative to the series viewport over which to hover.
     */
     IgcStackedSeriesBaseComponent.prototype.simulateHover = function (point) {
-        this.i.mq(toPoint(point));
+        this.i.mt(toPoint(point));
     };
     /**
      * Scrolls the series to display the item for the specified data item.
@@ -222,11 +222,11 @@ var IgcStackedSeriesBaseComponent = /** @class */ /*@__PURE__*/ (function (_supe
     * @param item  * The data item (item) to scroll to.
     */
     IgcStackedSeriesBaseComponent.prototype.scrollIntoView = function (item) {
-        var iv = this.i.en(item);
+        var iv = this.i.eo(item);
         return (iv);
     };
     IgcStackedSeriesBaseComponent.prototype.replayTransitionIn = function () {
-        this.i.ml();
+        this.i.mo();
     };
     Object.defineProperty(IgcStackedSeriesBaseComponent.prototype, "seriesCreated", {
         /**
@@ -254,6 +254,7 @@ var IgcStackedSeriesBaseComponent = /** @class */ /*@__PURE__*/ (function (_supe
                 }
             };
             this.i.seriesCreated = delegateCombine(this.i.seriesCreated, this._seriesCreated_wrapped);
+            ;
         },
         enumerable: true,
         configurable: true

package/esm5/lib/igc-stacked-series-created-event-args.js

@@ -183,15 +183,21 @@ var IgcStackedSeriesCreatedEventArgs = /** @class */ /*@__PURE__*/ (function ()
          * Gets or sets the series marker style.
         */
         get: function () {
-            if (this.i.markerStyle == null) {
+            var r = this.i.markerStyle;
+            if (r == null) {
                 return null;
             }
-            if (!this.i.markerStyle.externalObject) {
+            if (!r.externalObject) {
                 var e = new IgcStyle();
-                e._implementation = this.i.markerStyle;
-                this.i.markerStyle.externalObject = e;
+                if (e.i.setNativeElement) {
+                    e.i.setNativeElement(r);
+                }
+                else {
+                    e._implementation = r;
+                }
+                r.externalObject = e;
             }
-            return this.i.markerStyle.externalObject;
+            return r.externalObject;
         },
         set: function (v) {
             v == null ? this.i.markerStyle = null : this.i.markerStyle = v.i;

package/esm5/lib/igc-stacked-spline-area-series-component.js

@@ -28,11 +28,25 @@ var IgcStackedSplineAreaSeriesComponent = /** @class */ /*@__PURE__*/ (function
         if (_super.prototype["connectedCallback"]) {
             _super.prototype["connectedCallback"].call(this);
         }
+        if (this.i.connectedCallback) {
+            this.i.connectedCallback();
+        }
         if (!this._attached) {
             this._attached = true;
             this._flushQueuedAttributes();
         }
     };
+    IgcStackedSplineAreaSeriesComponent.prototype.disconnectedCallback = function () {
+        if (_super.prototype["disconnectedCallback"]) {
+            _super.prototype["disconnectedCallback"].call(this);
+        }
+        if (this.i.disconnectedCallback) {
+            this.i.disconnectedCallback();
+        }
+        if (this._attached) {
+            this._attached = false;
+        }
+    };
     Object.defineProperty(IgcStackedSplineAreaSeriesComponent, "observedAttributes", {
         get: function () {
             if (IgcStackedSplineAreaSeriesComponent._observedAttributesIgcStackedSplineAreaSeriesComponent == null) {
@@ -58,11 +72,11 @@ var IgcStackedSplineAreaSeriesComponent = /** @class */ /*@__PURE__*/ (function
          * Gets or sets whether to include the spline shape in the axis range requested of the axis.
         */
         get: function () {
-            return this.i.un;
+            return this.i.ur;
         },
         set: function (v) {
-            this.i.un = ensureBool(v);
-            this._a("isSplineShapePartOfRange", this.i.un);
+            this.i.ur = ensureBool(v);
+            this._a("isSplineShapePartOfRange", this.i.ur);
         },
         enumerable: true,
         configurable: true
@@ -82,7 +96,7 @@ var IgcStackedSplineAreaSeriesComponent = /** @class */ /*@__PURE__*/ (function
          * Gets whether the current series shows a spline shape.
         */
         get: function () {
-            return this.i.eg;
+            return this.i.eh;
         },
         enumerable: true,
         configurable: true

package/esm5/lib/igc-stacked-spline-series-component.js

@@ -28,11 +28,25 @@ var IgcStackedSplineSeriesComponent = /** @class */ /*@__PURE__*/ (function (_su
         if (_super.prototype["connectedCallback"]) {
             _super.prototype["connectedCallback"].call(this);
         }
+        if (this.i.connectedCallback) {
+            this.i.connectedCallback();
+        }
         if (!this._attached) {
             this._attached = true;
             this._flushQueuedAttributes();
         }
     };
+    IgcStackedSplineSeriesComponent.prototype.disconnectedCallback = function () {
+        if (_super.prototype["disconnectedCallback"]) {
+            _super.prototype["disconnectedCallback"].call(this);
+        }
+        if (this.i.disconnectedCallback) {
+            this.i.disconnectedCallback();
+        }
+        if (this._attached) {
+            this._attached = false;
+        }
+    };
     Object.defineProperty(IgcStackedSplineSeriesComponent, "observedAttributes", {
         get: function () {
             if (IgcStackedSplineSeriesComponent._observedAttributesIgcStackedSplineSeriesComponent == null) {
@@ -58,11 +72,11 @@ var IgcStackedSplineSeriesComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets whether to include the spline shape in the axis range requested of the axis.
         */
         get: function () {
-            return this.i.un;
+            return this.i.ur;
         },
         set: function (v) {
-            this.i.un = ensureBool(v);
-            this._a("isSplineShapePartOfRange", this.i.un);
+            this.i.ur = ensureBool(v);
+            this._a("isSplineShapePartOfRange", this.i.ur);
         },
         enumerable: true,
         configurable: true
@@ -72,7 +86,7 @@ var IgcStackedSplineSeriesComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets whether the current series shows a spline shape.
         */
         get: function () {
-            return this.i.eg;
+            return this.i.eh;
         },
         enumerable: true,
         configurable: true

package/esm5/lib/igc-standard-deviation-indicator-component.js

@@ -33,11 +33,25 @@ var IgcStandardDeviationIndicatorComponent = /** @class */ /*@__PURE__*/ (functi
         if (_super.prototype["connectedCallback"]) {
             _super.prototype["connectedCallback"].call(this);
         }
+        if (this.i.connectedCallback) {
+            this.i.connectedCallback();
+        }
         if (!this._attached) {
             this._attached = true;
             this._flushQueuedAttributes();
         }
     };
+    IgcStandardDeviationIndicatorComponent.prototype.disconnectedCallback = function () {
+        if (_super.prototype["disconnectedCallback"]) {
+            _super.prototype["disconnectedCallback"].call(this);
+        }
+        if (this.i.disconnectedCallback) {
+            this.i.disconnectedCallback();
+        }
+        if (this._attached) {
+            this._attached = false;
+        }
+    };
     Object.defineProperty(IgcStandardDeviationIndicatorComponent, "observedAttributes", {
         get: function () {
             if (IgcStandardDeviationIndicatorComponent._observedAttributesIgcStandardDeviationIndicatorComponent == null) {
@@ -64,11 +78,11 @@ var IgcStandardDeviationIndicatorComponent = /** @class */ /*@__PURE__*/ (functi
          * The typical, and initial, value for STDEV periods is 20.
         */
         get: function () {
-            return this.i.u2;
+            return this.i.u6;
         },
         set: function (v) {
-            this.i.u2 = +v;
-            this._a("period", this.i.u2);
+            this.i.u6 = +v;
+            this._a("period", this.i.u6);
         },
         enumerable: true,
         configurable: true

package/esm5/lib/igc-step-area-series-component.js

@@ -28,11 +28,25 @@ var IgcStepAreaSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super)
         if (_super.prototype["connectedCallback"]) {
             _super.prototype["connectedCallback"].call(this);
         }
+        if (this.i.connectedCallback) {
+            this.i.connectedCallback();
+        }
         if (!this._attached) {
             this._attached = true;
             this._flushQueuedAttributes();
         }
     };
+    IgcStepAreaSeriesComponent.prototype.disconnectedCallback = function () {
+        if (_super.prototype["disconnectedCallback"]) {
+            _super.prototype["disconnectedCallback"].call(this);
+        }
+        if (this.i.disconnectedCallback) {
+            this.i.disconnectedCallback();
+        }
+        if (this._attached) {
+            this._attached = false;
+        }
+    };
     Object.defineProperty(IgcStepAreaSeriesComponent, "observedAttributes", {
         get: function () {
             if (IgcStepAreaSeriesComponent._observedAttributesIgcStepAreaSeriesComponent == null) {
@@ -78,7 +92,7 @@ var IgcStepAreaSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets whether the current series shows step shapes.
         */
         get: function () {
-            return this.i.eh;
+            return this.i.ei;
         },
         enumerable: true,
         configurable: true
@@ -88,7 +102,7 @@ var IgcStepAreaSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Overridden by derived series classes to indicate when marker-less display is preferred or not.
         */
         get: function () {
-            return this.i.d2;
+            return this.i.d3;
         },
         enumerable: true,
         configurable: true

package/esm5/lib/igc-step-line-series-component.js

@@ -28,11 +28,25 @@ var IgcStepLineSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super)
         if (_super.prototype["connectedCallback"]) {
             _super.prototype["connectedCallback"].call(this);
         }
+        if (this.i.connectedCallback) {
+            this.i.connectedCallback();
+        }
         if (!this._attached) {
             this._attached = true;
             this._flushQueuedAttributes();
         }
     };
+    IgcStepLineSeriesComponent.prototype.disconnectedCallback = function () {
+        if (_super.prototype["disconnectedCallback"]) {
+            _super.prototype["disconnectedCallback"].call(this);
+        }
+        if (this.i.disconnectedCallback) {
+            this.i.disconnectedCallback();
+        }
+        if (this._attached) {
+            this._attached = false;
+        }
+    };
     Object.defineProperty(IgcStepLineSeriesComponent, "observedAttributes", {
         get: function () {
             if (IgcStepLineSeriesComponent._observedAttributesIgcStepLineSeriesComponent == null) {
@@ -58,7 +72,7 @@ var IgcStepLineSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets whether the current series shows only line shapes.
         */
         get: function () {
-            return this.i.d1;
+            return this.i.d2;
         },
         enumerable: true,
         configurable: true
@@ -68,7 +82,7 @@ var IgcStepLineSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets whether the current series shows step shapes.
         */
         get: function () {
-            return this.i.eh;
+            return this.i.ei;
         },
         enumerable: true,
         configurable: true
@@ -78,7 +92,7 @@ var IgcStepLineSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Overridden by derived series classes to indicate when marker-less display is preferred or not.
         */
         get: function () {
-            return this.i.d2;
+            return this.i.d3;
         },
         enumerable: true,
         configurable: true

package/esm5/lib/igc-stoch-rsi-indicator-component.js

@@ -33,11 +33,25 @@ var IgcStochRSIIndicatorComponent = /** @class */ /*@__PURE__*/ (function (_supe
         if (_super.prototype["connectedCallback"]) {
             _super.prototype["connectedCallback"].call(this);
         }
+        if (this.i.connectedCallback) {
+            this.i.connectedCallback();
+        }
         if (!this._attached) {
             this._attached = true;
             this._flushQueuedAttributes();
         }
     };
+    IgcStochRSIIndicatorComponent.prototype.disconnectedCallback = function () {
+        if (_super.prototype["disconnectedCallback"]) {
+            _super.prototype["disconnectedCallback"].call(this);
+        }
+        if (this.i.disconnectedCallback) {
+            this.i.disconnectedCallback();
+        }
+        if (this._attached) {
+            this._attached = false;
+        }
+    };
     Object.defineProperty(IgcStochRSIIndicatorComponent, "observedAttributes", {
         get: function () {
             if (IgcStochRSIIndicatorComponent._observedAttributesIgcStochRSIIndicatorComponent == null) {
@@ -68,11 +82,11 @@ var IgcStochRSIIndicatorComponent = /** @class */ /*@__PURE__*/ (function (_supe
         * ```
         */
         get: function () {
-            return this.i.u2;
+            return this.i.u6;
         },
         set: function (v) {
-            this.i.u2 = +v;
-            this._a("period", this.i.u2);
+            this.i.u6 = +v;
+            this._a("period", this.i.u6);
         },
         enumerable: true,
         configurable: true

package/esm5/lib/igc-straight-numeric-axis-base-component.js

@@ -24,11 +24,25 @@ var IgcStraightNumericAxisBaseComponent = /** @class */ /*@__PURE__*/ (function
         if (_super.prototype["connectedCallback"]) {
             _super.prototype["connectedCallback"].call(this);
         }
+        if (this.i.connectedCallback) {
+            this.i.connectedCallback();
+        }
         if (!this._attached) {
             this._attached = true;
             this._flushQueuedAttributes();
         }
     };
+    IgcStraightNumericAxisBaseComponent.prototype.disconnectedCallback = function () {
+        if (_super.prototype["disconnectedCallback"]) {
+            _super.prototype["disconnectedCallback"].call(this);
+        }
+        if (this.i.disconnectedCallback) {
+            this.i.disconnectedCallback();
+        }
+        if (this._attached) {
+            this._attached = false;
+        }
+    };
     Object.defineProperty(IgcStraightNumericAxisBaseComponent, "observedAttributes", {
         get: function () {
             if (IgcStraightNumericAxisBaseComponent._observedAttributesIgcStraightNumericAxisBaseComponent == null) {

package/esm5/lib/igc-strategy-based-indicator-component.js

@@ -34,11 +34,25 @@ var IgcStrategyBasedIndicatorComponent = /** @class */ /*@__PURE__*/ (function (
         if (_super.prototype["connectedCallback"]) {
             _super.prototype["connectedCallback"].call(this);
         }
+        if (this.i.connectedCallback) {
+            this.i.connectedCallback();
+        }
         if (!this._attached) {
             this._attached = true;
             this._flushQueuedAttributes();
         }
     };
+    IgcStrategyBasedIndicatorComponent.prototype.disconnectedCallback = function () {
+        if (_super.prototype["disconnectedCallback"]) {
+            _super.prototype["disconnectedCallback"].call(this);
+        }
+        if (this.i.disconnectedCallback) {
+            this.i.disconnectedCallback();
+        }
+        if (this._attached) {
+            this._attached = false;
+        }
+    };
     Object.defineProperty(IgcStrategyBasedIndicatorComponent, "observedAttributes", {
         get: function () {
             if (IgcStrategyBasedIndicatorComponent._observedAttributesIgcStrategyBasedIndicatorComponent == null) {

package/esm5/lib/igc-time-axis-base-component.js

@@ -31,11 +31,25 @@ var IgcTimeAxisBaseComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         if (_super.prototype["connectedCallback"]) {
             _super.prototype["connectedCallback"].call(this);
         }
+        if (this.i.connectedCallback) {
+            this.i.connectedCallback();
+        }
         if (!this._attached) {
             this._attached = true;
             this._flushQueuedAttributes();
         }
     };
+    IgcTimeAxisBaseComponent.prototype.disconnectedCallback = function () {
+        if (_super.prototype["disconnectedCallback"]) {
+            _super.prototype["disconnectedCallback"].call(this);
+        }
+        if (this.i.disconnectedCallback) {
+            this.i.disconnectedCallback();
+        }
+        if (this._attached) {
+            this._attached = false;
+        }
+    };
     Object.defineProperty(IgcTimeAxisBaseComponent, "observedAttributes", {
         get: function () {
             if (IgcTimeAxisBaseComponent._observedAttributesIgcTimeAxisBaseComponent == null) {

package/esm5/lib/igc-time-axis-break-component.js

@@ -84,11 +84,25 @@ var IgcTimeAxisBreakComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         if (_super.prototype["connectedCallback"]) {
             _super.prototype["connectedCallback"].call(this);
         }
+        if (this.i.connectedCallback) {
+            this.i.connectedCallback();
+        }
         if (!this._attached) {
             this._attached = true;
             this._flushQueuedAttributes();
         }
     };
+    IgcTimeAxisBreakComponent.prototype.disconnectedCallback = function () {
+        if (_super.prototype["disconnectedCallback"]) {
+            _super.prototype["disconnectedCallback"].call(this);
+        }
+        if (this.i.disconnectedCallback) {
+            this.i.disconnectedCallback();
+        }
+        if (this._attached) {
+            this._attached = false;
+        }
+    };
     Object.defineProperty(IgcTimeAxisBreakComponent, "observedAttributes", {
         get: function () {
             if (IgcTimeAxisBreakComponent._observedAttributesIgcTimeAxisBreakComponent == null) {
@@ -165,6 +179,11 @@ var IgcTimeAxisBreakComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         configurable: true
     });
     IgcTimeAxisBreakComponent.prototype.findByName = function (name) {
+        if (this.findEphemera) {
+            if (name && name.indexOf("@@e:") == 0) {
+                return this.findEphemera(name);
+            }
+        }
         return null;
     };
     Object.defineProperty(IgcTimeAxisBreakComponent.prototype, "hasUserValues", {

package/esm5/lib/igc-time-axis-interval-component.js

@@ -85,11 +85,25 @@ var IgcTimeAxisIntervalComponent = /** @class */ /*@__PURE__*/ (function (_super
         if (_super.prototype["connectedCallback"]) {
             _super.prototype["connectedCallback"].call(this);
         }
+        if (this.i.connectedCallback) {
+            this.i.connectedCallback();
+        }
         if (!this._attached) {
             this._attached = true;
             this._flushQueuedAttributes();
         }
     };
+    IgcTimeAxisIntervalComponent.prototype.disconnectedCallback = function () {
+        if (_super.prototype["disconnectedCallback"]) {
+            _super.prototype["disconnectedCallback"].call(this);
+        }
+        if (this.i.disconnectedCallback) {
+            this.i.disconnectedCallback();
+        }
+        if (this._attached) {
+            this._attached = false;
+        }
+    };
     Object.defineProperty(IgcTimeAxisIntervalComponent, "observedAttributes", {
         get: function () {
             if (IgcTimeAxisIntervalComponent._observedAttributesIgcTimeAxisIntervalComponent == null) {
@@ -168,6 +182,11 @@ var IgcTimeAxisIntervalComponent = /** @class */ /*@__PURE__*/ (function (_super
         configurable: true
     });
     IgcTimeAxisIntervalComponent.prototype.findByName = function (name) {
+        if (this.findEphemera) {
+            if (name && name.indexOf("@@e:") == 0) {
+                return this.findEphemera(name);
+            }
+        }
         return null;
     };
     Object.defineProperty(IgcTimeAxisIntervalComponent.prototype, "hasUserValues", {

package/esm5/lib/igc-time-axis-label-format-component.js

@@ -84,11 +84,25 @@ var IgcTimeAxisLabelFormatComponent = /** @class */ /*@__PURE__*/ (function (_su
         if (_super.prototype["connectedCallback"]) {
             _super.prototype["connectedCallback"].call(this);
         }
+        if (this.i.connectedCallback) {
+            this.i.connectedCallback();
+        }
         if (!this._attached) {
             this._attached = true;
             this._flushQueuedAttributes();
         }
     };
+    IgcTimeAxisLabelFormatComponent.prototype.disconnectedCallback = function () {
+        if (_super.prototype["disconnectedCallback"]) {
+            _super.prototype["disconnectedCallback"].call(this);
+        }
+        if (this.i.disconnectedCallback) {
+            this.i.disconnectedCallback();
+        }
+        if (this._attached) {
+            this._attached = false;
+        }
+    };
     Object.defineProperty(IgcTimeAxisLabelFormatComponent, "observedAttributes", {
         get: function () {
             if (IgcTimeAxisLabelFormatComponent._observedAttributesIgcTimeAxisLabelFormatComponent == null) {
@@ -223,6 +237,11 @@ var IgcTimeAxisLabelFormatComponent = /** @class */ /*@__PURE__*/ (function (_su
         configurable: true
     });
     IgcTimeAxisLabelFormatComponent.prototype.findByName = function (name) {
+        if (this.findEphemera) {
+            if (name && name.indexOf("@@e:") == 0) {
+                return this.findEphemera(name);
+            }
+        }
         return null;
     };
     Object.defineProperty(IgcTimeAxisLabelFormatComponent.prototype, "hasUserValues", {

package/esm5/lib/igc-time-x-axis-component.js

@@ -45,11 +45,25 @@ var IgcTimeXAxisComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         if (_super.prototype["connectedCallback"]) {
             _super.prototype["connectedCallback"].call(this);
         }
+        if (this.i.connectedCallback) {
+            this.i.connectedCallback();
+        }
         if (!this._attached) {
             this._attached = true;
             this._flushQueuedAttributes();
         }
     };
+    IgcTimeXAxisComponent.prototype.disconnectedCallback = function () {
+        if (_super.prototype["disconnectedCallback"]) {
+            _super.prototype["disconnectedCallback"].call(this);
+        }
+        if (this.i.disconnectedCallback) {
+            this.i.disconnectedCallback();
+        }
+        if (this._attached) {
+            this._attached = false;
+        }
+    };
     Object.defineProperty(IgcTimeXAxisComponent, "observedAttributes", {
         get: function () {
             if (IgcTimeXAxisComponent._observedAttributesIgcTimeXAxisComponent == null) {