igniteui-webcomponents-dashboards 5.3.0 → 5.4.0

package/esm5/lib/GeographicMapDashboardTileFeature.js

@@ -18,7 +18,7 @@ var GeographicMapDashboardTileFeature = /** @class */ /*@__PURE__*/ (function (_
         return _super !== null && _super.apply(this, arguments) || this;
     }
     GeographicMapDashboardTileFeature.register = function () {
-        GeographicMapDashboardTileFeature.registerCore(DashboardTile.bo.context);
+        GeographicMapDashboardTileFeature.registerCore(DashboardTile.bs.context);
     };
     GeographicMapDashboardTileFeature.registerCore = function (a) {
         DashboardTileCommonFeature.a(a);

package/esm5/lib/LinearGaugeDashboardTileFeature.js

@@ -18,7 +18,7 @@ var LinearGaugeDashboardTileFeature = /** @class */ /*@__PURE__*/ (function (_su
         return _super !== null && _super.apply(this, arguments) || this;
     }
     LinearGaugeDashboardTileFeature.register = function () {
-        LinearGaugeDashboardTileFeature.registerCore(DashboardTile.bo.context);
+        LinearGaugeDashboardTileFeature.registerCore(DashboardTile.bs.context);
     };
     LinearGaugeDashboardTileFeature.registerCore = function (a) {
         DashboardTileCommonFeature.a(a);

package/esm5/lib/PieChartDashboardTileFeature.js

@@ -19,7 +19,7 @@ var PieChartDashboardTileFeature = /** @class */ /*@__PURE__*/ (function (_super
         return _super !== null && _super.apply(this, arguments) || this;
     }
     PieChartDashboardTileFeature.register = function () {
-        PieChartDashboardTileFeature.registerCore(DashboardTile.bo.context);
+        PieChartDashboardTileFeature.registerCore(DashboardTile.bs.context);
     };
     PieChartDashboardTileFeature.registerCore = function (a) {
         DashboardTileCommonFeature.a(a);

package/esm5/lib/RadialGaugeDashboardTileFeature.js

@@ -18,7 +18,7 @@ var RadialGaugeDashboardTileFeature = /** @class */ /*@__PURE__*/ (function (_su
         return _super !== null && _super.apply(this, arguments) || this;
     }
     RadialGaugeDashboardTileFeature.register = function () {
-        RadialGaugeDashboardTileFeature.registerCore(DashboardTile.bo.context);
+        RadialGaugeDashboardTileFeature.registerCore(DashboardTile.bs.context);
     };
     RadialGaugeDashboardTileFeature.registerCore = function (a) {
         DashboardTileCommonFeature.a(a);

package/esm5/lib/igc-dashboard-tile-component.js

@@ -26,6 +26,8 @@ import { IgcDashboardTileSortDescriptionCollection } from "./igc-dashboard-tile-
 import { NotifyCollectionChangedAction } from "igniteui-webcomponents-core";
 import { IgcDashboardTileCustomizationCollection } from "./igc-dashboard-tile-customization-collection";
 import { IgcDashboardTileChangingContentEventArgs } from "./igc-dashboard-tile-changing-content-event-args";
+import { IgcTrendLineTypeCollection } from "igniteui-webcomponents-charts";
+import { TrendLineTypeCollection as TrendLineTypeCollection_internal } from "igniteui-webcomponents-charts";
 var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(IgcDashboardTileComponent, _super);
     function IgcDashboardTileComponent() {
@@ -36,6 +38,7 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         _this._queuedSetAttributes = [];
         _this._updatingFromAttribute = false;
         _this._customizations = null;
+        _this._trendLineTypes = null;
         _this._selectedSeriesItems = null;
         _this._valueLines = null;
         _this.__p = null;
@@ -320,10 +323,10 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets text to display above the plot area.
         */
         get: function () {
-            return this.i.ge;
+            return this.i.gj;
         },
         set: function (v) {
-            this.i.ge = v;
+            this.i.gj = v;
         },
         enumerable: false,
         configurable: true
@@ -333,7 +336,7 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the initial sorts that are applied to the chart.
         */
         get: function () {
-            var r = this.i.aw;
+            var r = this.i.a0;
             if (r == null) {
                 return null;
             }
@@ -359,7 +362,7 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the initial sorts that are applied to the chart after groupings and summaries are applied.
         */
         get: function () {
-            var r = this.i.av;
+            var r = this.i.az;
             if (r == null) {
                 return null;
             }
@@ -385,7 +388,7 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the initial groupings that are applied to the chart.
         */
         get: function () {
-            var r = this.i.au;
+            var r = this.i.ay;
             if (r == null) {
                 return null;
             }
@@ -411,7 +414,7 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the initial filters that are applied to the chart.
         */
         get: function () {
-            var r = this.i.bj;
+            var r = this.i.bn;
             if (r == null) {
                 return null;
             }
@@ -437,7 +440,7 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the initial highlight filters that are applied to the chart.
         */
         get: function () {
-            var r = this.i.bk;
+            var r = this.i.bo;
             if (r == null) {
                 return null;
             }
@@ -463,7 +466,7 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the initial summaries that are applied to the chart.
         */
         get: function () {
-            var r = this.i.a0;
+            var r = this.i.a4;
             if (r == null) {
                 return null;
             }
@@ -489,10 +492,10 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the sorts to apply to the chart. This property will become ignored if sorts are changed outside of this property.
         */
         get: function () {
-            return this.i.f2;
+            return this.i.f7;
         },
         set: function (v) {
-            this.i.f2 = v;
+            this.i.f7 = v;
         },
         enumerable: false,
         configurable: true
@@ -502,10 +505,10 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the sorts to apply after grouping has been applied.
         */
         get: function () {
-            return this.i.fr;
+            return this.i.fw;
         },
         set: function (v) {
-            this.i.fr = v;
+            this.i.fw = v;
         },
         enumerable: false,
         configurable: true
@@ -515,10 +518,10 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the groupings to apply to the chart. This property will become ignored if sorts are changed outside of this property.
         */
         get: function () {
-            return this.i.fy;
+            return this.i.f3;
         },
         set: function (v) {
-            this.i.fy = v;
+            this.i.f3 = v;
         },
         enumerable: false,
         configurable: true
@@ -528,10 +531,10 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the filter to apply to the chart. This property will become ignored if the filter is changed outside of this property.
         */
         get: function () {
-            return this.i.fw;
+            return this.i.f1;
         },
         set: function (v) {
-            this.i.fw = v;
+            this.i.f1 = v;
         },
         enumerable: false,
         configurable: true
@@ -541,10 +544,10 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the filter to apply to the chart. This property will become ignored if the filter is changed outside of this property.
         */
         get: function () {
-            return this.i.f0;
+            return this.i.f5;
         },
         set: function (v) {
-            this.i.f0 = v;
+            this.i.f5 = v;
         },
         enumerable: false,
         configurable: true
@@ -554,10 +557,10 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the summaries to apply to the chart. This property will become ignored if sorts are changed outside of this property.
         */
         get: function () {
-            return this.i.f4;
+            return this.i.f9;
         },
         set: function (v) {
-            this.i.f4 = v;
+            this.i.f9 = v;
         },
         enumerable: false,
         configurable: true
@@ -567,7 +570,7 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the current sort that is applied to the grid. Collection can be updated to modify the sort for the grid. Once sort descriptions are in this collection, the grid will no longer listen for changes on their properties.
         */
         get: function () {
-            var r = this.i.ax;
+            var r = this.i.a1;
             if (r == null) {
                 return null;
             }
@@ -590,7 +593,7 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcDashboardTileComponent.prototype, "groupSortDescriptions", {
         get: function () {
-            var r = this.i.at;
+            var r = this.i.ax;
             if (r == null) {
                 return null;
             }
@@ -616,7 +619,7 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the current grouping that is applied to the grid. Collection can be updated to modify the grouping for the grid. Once grouping descriptions are in this collection, the grid will no longer listen for changes on their properties.
         */
         get: function () {
-            var r = this.i.as;
+            var r = this.i.aw;
             if (r == null) {
                 return null;
             }
@@ -642,7 +645,7 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the current filter that is applied to the chart. Collection can be updated to modify the filter for the chart. Once filter expressions are in this collection, the chart will no longer listen for changes on their properties.
         */
         get: function () {
-            var r = this.i.bh;
+            var r = this.i.bl;
             if (r == null) {
                 return null;
             }
@@ -668,7 +671,7 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the current highlight filter that is applied to the chart. Collection can be updated to modify the highlight filter for the chart. Once filter expressions are in this collection, the chart will no longer listen for changes on their properties.
         */
         get: function () {
-            var r = this.i.bi;
+            var r = this.i.bm;
             if (r == null) {
                 return null;
             }
@@ -694,7 +697,7 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the current summaries that are applied to the grid.
         */
         get: function () {
-            var r = this.i.a1;
+            var r = this.i.a5;
             if (r == null) {
                 return null;
             }
@@ -756,11 +759,11 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the dashboard tile should display mock data when the data source has not been provided, if supported for this type of chart.
         */
         get: function () {
-            return this.i.de;
+            return this.i.dh;
         },
         set: function (v) {
-            this.i.de = ensureBool(v);
-            this._a("shouldDisplayMockData", this.i.de);
+            this.i.dh = ensureBool(v);
+            this._a("shouldDisplayMockData", this.i.dh);
         },
         enumerable: false,
         configurable: true
@@ -785,11 +788,62 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property applies only to these chart types: point, line, spline, and bubble
         */
         get: function () {
-            return this.i.trendLineType;
+            return this.i.aj;
+        },
+        set: function (v) {
+            this.i.aj = ensureEnum(TrendLineType_$type, v);
+            this._a("trendLineType", enumToString(TrendLineType_$type, this.i.aj));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDashboardTileComponent.prototype, "trendLineBrushes", {
+        /**
+         * Gets or sets the palette of brushes to used for coloring trend lines in this chart.
+         * The value provided should be an array of CSS color strings or JavaScript objects defining gradients. Optionally the first element can be a string reading "RGB" or "HSV" to specify the interpolation mode of the collection
+        */
+        get: function () {
+            return fromBrushCollection(this.i.z);
+        },
+        set: function (v) {
+            this.i.z = toBrushCollection(v);
+            this._a("trendLineBrushes", brushCollectionToString(this.i.z));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDashboardTileComponent.prototype, "trendLineTypes", {
+        /**
+         * Gets or sets what trendlines to use in the chart.
+        */
+        get: function () {
+            if (this._trendLineTypes === null) {
+                var coll = new IgcTrendLineTypeCollection();
+                var innerColl = this.i.trendLineTypes;
+                if (!innerColl) {
+                    innerColl = new TrendLineTypeCollection_internal();
+                }
+                this._trendLineTypes = coll._fromInner(innerColl);
+                this.i.trendLineTypes = innerColl;
+            }
+            return this._trendLineTypes;
         },
         set: function (v) {
-            this.i.trendLineType = ensureEnum(TrendLineType_$type, v);
-            this._a("trendLineType", enumToString(TrendLineType_$type, this.i.trendLineType));
+            if (this._trendLineTypes !== null) {
+                this._trendLineTypes._setSyncTarget(null);
+                this._trendLineTypes = null;
+            }
+            var coll = new IgcTrendLineTypeCollection();
+            this._trendLineTypes = coll._fromOuter(v);
+            var syncColl = new SyncableObservableCollection$1(TrendLineType_$type);
+            var innerColl = this.i.trendLineTypes;
+            if (!innerColl) {
+                innerColl = new TrendLineTypeCollection_internal();
+            }
+            syncColl._inner = innerColl;
+            syncColl.clear();
+            this._trendLineTypes._setSyncTarget(syncColl);
+            this.i.trendLineTypes = innerColl;
         },
         enumerable: false,
         configurable: true
@@ -799,11 +853,11 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the dashboard tile should use a faded skeleton style for mock data.
         */
         get: function () {
-            return this.i.df;
+            return this.i.di;
         },
         set: function (v) {
-            this.i.df = ensureBool(v);
-            this._a("shouldUseSkeletonStyleForMockData", this.i.df);
+            this.i.di = ensureBool(v);
+            this._a("shouldUseSkeletonStyleForMockData", this.i.di);
         },
         enumerable: false,
         configurable: true
@@ -814,11 +868,11 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property applies to Category Chart and Financial Chart controls.
         */
         get: function () {
-            return this.i.af;
+            return this.i.ah;
         },
         set: function (v) {
-            this.i.af = ensureEnum(SeriesHighlightedValuesDisplayMode_$type, v);
-            this._a("highlightedValuesDisplayMode", enumToString(SeriesHighlightedValuesDisplayMode_$type, this.i.af));
+            this.i.ah = ensureEnum(SeriesHighlightedValuesDisplayMode_$type, v);
+            this._a("highlightedValuesDisplayMode", enumToString(SeriesHighlightedValuesDisplayMode_$type, this.i.ah));
         },
         enumerable: false,
         configurable: true
@@ -880,11 +934,11 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * The value provided should be an array of CSS color strings or JavaScript objects defining gradients. Optionally the first element can be a string reading "RGB" or "HSV" to specify the interpolation mode of the collection
         */
         get: function () {
-            return fromBrushCollection(this.i.v);
+            return fromBrushCollection(this.i.w);
         },
         set: function (v) {
-            this.i.v = toBrushCollection(v);
-            this._a("brushes", brushCollectionToString(this.i.v));
+            this.i.w = toBrushCollection(v);
+            this._a("brushes", brushCollectionToString(this.i.w));
         },
         enumerable: false,
         configurable: true
@@ -895,11 +949,11 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * The value provided should be an array of CSS color strings or JavaScript objects defining gradients. Optionally the first element can be a string reading "RGB" or "HSV" to specify the interpolation mode of the collection
         */
         get: function () {
-            return fromBrushCollection(this.i.w);
+            return fromBrushCollection(this.i.x);
         },
         set: function (v) {
-            this.i.w = toBrushCollection(v);
-            this._a("outlines", brushCollectionToString(this.i.w));
+            this.i.x = toBrushCollection(v);
+            this._a("outlines", brushCollectionToString(this.i.x));
         },
         enumerable: false,
         configurable: true
@@ -946,11 +1000,11 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual palette of brushes to use for coloring the chart series.
         */
         get: function () {
-            return fromBrushCollection(this.i.t);
+            return fromBrushCollection(this.i.u);
         },
         set: function (v) {
-            this.i.t = toBrushCollection(v);
-            this._a("actualBrushes", brushCollectionToString(this.i.t));
+            this.i.u = toBrushCollection(v);
+            this._a("actualBrushes", brushCollectionToString(this.i.u));
         },
         enumerable: false,
         configurable: true
@@ -960,11 +1014,11 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual palette of brushes to use for outlines on the chart series.
         */
         get: function () {
-            return fromBrushCollection(this.i.u);
+            return fromBrushCollection(this.i.v);
         },
         set: function (v) {
-            this.i.u = toBrushCollection(v);
-            this._a("actualOutlines", brushCollectionToString(this.i.u));
+            this.i.v = toBrushCollection(v);
+            this._a("actualOutlines", brushCollectionToString(this.i.v));
         },
         enumerable: false,
         configurable: true
@@ -974,11 +1028,11 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the brush to use for the Category axis major strokes, if applicable.
         */
         get: function () {
-            return brushToString(this.i.ik);
+            return brushToString(this.i.it);
         },
         set: function (v) {
-            this.i.ik = stringToBrush(v);
-            this._a("categoryAxisMajorStroke", brushToString(this.i.ik));
+            this.i.it = stringToBrush(v);
+            this._a("categoryAxisMajorStroke", brushToString(this.i.it));
         },
         enumerable: false,
         configurable: true
@@ -1039,11 +1093,11 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color for GlobalAverage value lines.
         */
         get: function () {
-            return brushToString(this.i.il);
+            return brushToString(this.i.iu);
         },
         set: function (v) {
-            this.i.il = stringToBrush(v);
-            this._a("valueLinesGlobalAverageBrush", brushToString(this.i.il));
+            this.i.iu = stringToBrush(v);
+            this._a("valueLinesGlobalAverageBrush", brushToString(this.i.iu));
         },
         enumerable: false,
         configurable: true
@@ -1053,11 +1107,11 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color for GlobalMinimum value lines.
         */
         get: function () {
-            return brushToString(this.i.io);
+            return brushToString(this.i.iw);
         },
         set: function (v) {
-            this.i.io = stringToBrush(v);
-            this._a("valueLinesGlobalMinimumBrush", brushToString(this.i.io));
+            this.i.iw = stringToBrush(v);
+            this._a("valueLinesGlobalMinimumBrush", brushToString(this.i.iw));
         },
         enumerable: false,
         configurable: true
@@ -1067,11 +1121,11 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color for GlobalMaximum value lines.
         */
         get: function () {
-            return brushToString(this.i.im);
+            return brushToString(this.i.iv);
         },
         set: function (v) {
-            this.i.im = stringToBrush(v);
-            this._a("valueLinesGlobalMaximumBrush", brushToString(this.i.im));
+            this.i.iv = stringToBrush(v);
+            this._a("valueLinesGlobalMaximumBrush", brushToString(this.i.iv));
         },
         enumerable: false,
         configurable: true
@@ -1137,11 +1191,11 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the crosshairs to be displayed.
         */
         get: function () {
-            return this.i.a6;
+            return this.i.ba;
         },
         set: function (v) {
-            this.i.a6 = ensureEnum(DashboardTileVisualizationType_$type, v);
-            this._a("visualizationType", enumToString(DashboardTileVisualizationType_$type, this.i.a6));
+            this.i.ba = ensureEnum(DashboardTileVisualizationType_$type, v);
+            this._a("visualizationType", enumToString(DashboardTileVisualizationType_$type, this.i.ba));
         },
         enumerable: false,
         configurable: true
@@ -1151,11 +1205,11 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the crosshairs to be displayed.
         */
         get: function () {
-            return this.i.d7;
+            return this.i.ec;
         },
         set: function (v) {
-            this.i.d7 = +v;
-            this._a("validVisualizationTypePriorityThreshold", this.i.d7);
+            this.i.ec = +v;
+            this._a("validVisualizationTypePriorityThreshold", this.i.ec);
         },
         enumerable: false,
         configurable: true
@@ -1165,11 +1219,11 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the base built in theme to use for the checkbox.
         */
         get: function () {
-            return this.i.bt;
+            return this.i.bx;
         },
         set: function (v) {
-            this.i.bt = ensureEnum(BaseControlTheme_$type, v);
-            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.bt));
+            this.i.bx = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.bx));
         },
         enumerable: false,
         configurable: true
@@ -1179,11 +1233,11 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the display density to use for the toolbar.
         */
         get: function () {
-            return this.i.bv;
+            return this.i.bz;
         },
         set: function (v) {
-            this.i.bv = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.bv));
+            this.i.bz = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.bz));
         },
         enumerable: false,
         configurable: true
@@ -1193,25 +1247,25 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the background of the component.
         */
         get: function () {
-            return brushToString(this.i.ij);
+            return brushToString(this.i.is);
         },
         set: function (v) {
-            this.i.ij = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.ij));
+            this.i.is = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.is));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDashboardTileComponent.prototype, "isVisTypeStacked", {
         get: function () {
-            return this.i.c9;
+            return this.i.dc;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDashboardTileComponent.prototype, "isVisTypeRadial", {
         get: function () {
-            return this.i.c8;
+            return this.i.db;
         },
         enumerable: false,
         configurable: true
@@ -1261,6 +1315,9 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.summaryDescriptions != null && this.summaryDescriptions.findByName && this.summaryDescriptions.findByName(name)) {
             return this.summaryDescriptions.findByName(name);
         }
+        if (this.trendLineTypes != null && this.trendLineTypes.findByName && this.trendLineTypes.findByName(name)) {
+            return this.trendLineTypes.findByName(name);
+        }
         if (this.selectedSeriesItems != null && this.selectedSeriesItems.findByName && this.selectedSeriesItems.findByName(name)) {
             return this.selectedSeriesItems.findByName(name);
         }
@@ -1327,21 +1384,21 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this._inStyling = false;
     };
     IgcDashboardTileComponent.prototype.updateSettingsValue = function (key, value) {
-        this.i.h9(key, value);
+        this.i.ii(key, value);
     };
     IgcDashboardTileComponent.prototype.getSettingsValue = function (key) {
-        var iv = this.i.er(key);
+        var iv = this.i.ew(key);
         return (iv);
     };
     IgcDashboardTileComponent.prototype.hasModifiedSettings = function () {
-        var iv = this.i.ct();
+        var iv = this.i.cw();
         return (iv);
     };
     IgcDashboardTileComponent.prototype.clearSettings = function () {
-        this.i.gx();
+        this.i.g4();
     };
     IgcDashboardTileComponent.prototype.removeSettingsValue = function (key) {
-        this.i.hx(key);
+        this.i.h4(key);
     };
     IgcDashboardTileComponent.prototype.zoomIn = function (percentage) {
         this.i.zoomIn(percentage);
@@ -1361,7 +1418,7 @@ var IgcDashboardTileComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this.i.resetZoom();
     };
     IgcDashboardTileComponent.prototype.onUIReady = function () {
-        this.i.hq();
+        this.i.hx();
     };
     IgcDashboardTileComponent.prototype.getDesiredToolbarActions = function () {
         var iv = this.i.getDesiredToolbarActions();