igniteui-webcomponents-dashboards 5.3.0 → 5.4.0

package/esm2015/lib/GeographicMapDashboardTileFeature.js

@@ -14,7 +14,7 @@ import { GeographicMapDescriptionModule } from "igniteui-webcomponents-core";
 export let GeographicMapDashboardTileFeature = /*@__PURE__*/ (() => {
     class GeographicMapDashboardTileFeature extends Base {
         static register() {
-            GeographicMapDashboardTileFeature.registerCore(DashboardTile.bo.context);
+            GeographicMapDashboardTileFeature.registerCore(DashboardTile.bs.context);
         }
         static registerCore(a) {
             DashboardTileCommonFeature.a(a);

package/esm2015/lib/LinearGaugeDashboardTileFeature.js

@@ -14,7 +14,7 @@ import { LinearGaugeDescriptionModule } from "igniteui-webcomponents-core";
 export let LinearGaugeDashboardTileFeature = /*@__PURE__*/ (() => {
     class LinearGaugeDashboardTileFeature extends Base {
         static register() {
-            LinearGaugeDashboardTileFeature.registerCore(DashboardTile.bo.context);
+            LinearGaugeDashboardTileFeature.registerCore(DashboardTile.bs.context);
         }
         static registerCore(a) {
             DashboardTileCommonFeature.a(a);

package/esm2015/lib/PieChartDashboardTileFeature.js

@@ -15,7 +15,7 @@ import { DataPieChartToolbarDescriptionModule } from "igniteui-webcomponents-cor
 export let PieChartDashboardTileFeature = /*@__PURE__*/ (() => {
     class PieChartDashboardTileFeature extends Base {
         static register() {
-            PieChartDashboardTileFeature.registerCore(DashboardTile.bo.context);
+            PieChartDashboardTileFeature.registerCore(DashboardTile.bs.context);
         }
         static registerCore(a) {
             DashboardTileCommonFeature.a(a);

package/esm2015/lib/RadialGaugeDashboardTileFeature.js

@@ -14,7 +14,7 @@ import { RadialGaugeDescriptionModule } from "igniteui-webcomponents-core";
 export let RadialGaugeDashboardTileFeature = /*@__PURE__*/ (() => {
     class RadialGaugeDashboardTileFeature extends Base {
         static register() {
-            RadialGaugeDashboardTileFeature.registerCore(DashboardTile.bo.context);
+            RadialGaugeDashboardTileFeature.registerCore(DashboardTile.bs.context);
         }
         static registerCore(a) {
             DashboardTileCommonFeature.a(a);

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

@@ -25,6 +25,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";
 export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
     class IgcDashboardTileComponent extends IgcHTMLElement {
         set height(value) {
@@ -54,6 +56,7 @@ export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
             this._queuedSetAttributes = [];
             this._updatingFromAttribute = false;
             this._customizations = null;
+            this._trendLineTypes = null;
             this._selectedSeriesItems = null;
             this._valueLines = null;
             this.__p = null;
@@ -271,16 +274,16 @@ export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
          * Gets or sets text to display above the plot area.
         */
         get tileTitle() {
-            return this.i.ge;
+            return this.i.gj;
         }
         set tileTitle(v) {
-            this.i.ge = v;
+            this.i.gj = v;
         }
         /**
          * Gets the initial sorts that are applied to the chart.
         */
         get initialSortDescriptions() {
-            const r = this.i.aw;
+            const r = this.i.a0;
             if (r == null) {
                 return null;
             }
@@ -302,7 +305,7 @@ export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
          * Gets the initial sorts that are applied to the chart after groupings and summaries are applied.
         */
         get initialGroupSortDescriptions() {
-            const r = this.i.av;
+            const r = this.i.az;
             if (r == null) {
                 return null;
             }
@@ -324,7 +327,7 @@ export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
          * Gets the initial groupings that are applied to the chart.
         */
         get initialGroupDescriptions() {
-            const r = this.i.au;
+            const r = this.i.ay;
             if (r == null) {
                 return null;
             }
@@ -346,7 +349,7 @@ export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
          * Gets the initial filters that are applied to the chart.
         */
         get initialFilterExpressions() {
-            const r = this.i.bj;
+            const r = this.i.bn;
             if (r == null) {
                 return null;
             }
@@ -368,7 +371,7 @@ export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
          * Gets the initial highlight filters that are applied to the chart.
         */
         get initialHighlightFilterExpressions() {
-            const r = this.i.bk;
+            const r = this.i.bo;
             if (r == null) {
                 return null;
             }
@@ -390,7 +393,7 @@ export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
          * Gets the initial summaries that are applied to the chart.
         */
         get initialSummaryDescriptions() {
-            const r = this.i.a0;
+            const r = this.i.a4;
             if (r == null) {
                 return null;
             }
@@ -412,61 +415,61 @@ export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
          * Gets or sets the sorts to apply to the chart. This property will become ignored if sorts are changed outside of this property.
         */
         get initialSorts() {
-            return this.i.f2;
+            return this.i.f7;
         }
         set initialSorts(v) {
-            this.i.f2 = v;
+            this.i.f7 = v;
         }
         /**
          * Gets or sets the sorts to apply after grouping has been applied.
         */
         get groupSorts() {
-            return this.i.fr;
+            return this.i.fw;
         }
         set groupSorts(v) {
-            this.i.fr = v;
+            this.i.fw = v;
         }
         /**
          * Gets or sets the groupings to apply to the chart. This property will become ignored if sorts are changed outside of this property.
         */
         get initialGroups() {
-            return this.i.fy;
+            return this.i.f3;
         }
         set initialGroups(v) {
-            this.i.fy = v;
+            this.i.f3 = v;
         }
         /**
          * 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 initialFilter() {
-            return this.i.fw;
+            return this.i.f1;
         }
         set initialFilter(v) {
-            this.i.fw = v;
+            this.i.f1 = v;
         }
         /**
          * 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 initialHighlightFilter() {
-            return this.i.f0;
+            return this.i.f5;
         }
         set initialHighlightFilter(v) {
-            this.i.f0 = v;
+            this.i.f5 = v;
         }
         /**
          * Gets or sets the summaries to apply to the chart. This property will become ignored if sorts are changed outside of this property.
         */
         get initialSummaries() {
-            return this.i.f4;
+            return this.i.f9;
         }
         set initialSummaries(v) {
-            this.i.f4 = v;
+            this.i.f9 = v;
         }
         /**
          * 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 sortDescriptions() {
-            const r = this.i.ax;
+            const r = this.i.a1;
             if (r == null) {
                 return null;
             }
@@ -485,7 +488,7 @@ export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
             return r.externalObject;
         }
         get groupSortDescriptions() {
-            const r = this.i.at;
+            const r = this.i.ax;
             if (r == null) {
                 return null;
             }
@@ -507,7 +510,7 @@ export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
          * 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 groupDescriptions() {
-            const r = this.i.as;
+            const r = this.i.aw;
             if (r == null) {
                 return null;
             }
@@ -529,7 +532,7 @@ export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
          * 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 filterExpressions() {
-            const r = this.i.bh;
+            const r = this.i.bl;
             if (r == null) {
                 return null;
             }
@@ -551,7 +554,7 @@ export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
          * 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 highlightFilterExpressions() {
-            const r = this.i.bi;
+            const r = this.i.bm;
             if (r == null) {
                 return null;
             }
@@ -573,7 +576,7 @@ export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
          * Gets the current summaries that are applied to the grid.
         */
         get summaryDescriptions() {
-            const r = this.i.a1;
+            const r = this.i.a5;
             if (r == null) {
                 return null;
             }
@@ -623,11 +626,11 @@ export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
          * 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 shouldDisplayMockData() {
-            return this.i.de;
+            return this.i.dh;
         }
         set shouldDisplayMockData(v) {
-            this.i.de = ensureBool(v);
-            this._a("shouldDisplayMockData", this.i.de);
+            this.i.dh = ensureBool(v);
+            this._a("shouldDisplayMockData", this.i.dh);
         }
         /**
          * Gets or sets whether annotations for the final value of each series is displayed on the axis.
@@ -644,32 +647,75 @@ export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
          * This property applies only to these chart types: point, line, spline, and bubble
         */
         get trendLineType() {
-            return this.i.trendLineType;
+            return this.i.aj;
         }
         set trendLineType(v) {
-            this.i.trendLineType = ensureEnum(TrendLineType_$type, v);
-            this._a("trendLineType", enumToString(TrendLineType_$type, this.i.trendLineType));
+            this.i.aj = ensureEnum(TrendLineType_$type, v);
+            this._a("trendLineType", enumToString(TrendLineType_$type, this.i.aj));
+        }
+        /**
+         * 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 trendLineBrushes() {
+            return fromBrushCollection(this.i.z);
+        }
+        set trendLineBrushes(v) {
+            this.i.z = toBrushCollection(v);
+            this._a("trendLineBrushes", brushCollectionToString(this.i.z));
+        }
+        /**
+         * Gets or sets what trendlines to use in the chart.
+        */
+        get trendLineTypes() {
+            if (this._trendLineTypes === null) {
+                let coll = new IgcTrendLineTypeCollection();
+                let innerColl = this.i.trendLineTypes;
+                if (!innerColl) {
+                    innerColl = new TrendLineTypeCollection_internal();
+                }
+                this._trendLineTypes = coll._fromInner(innerColl);
+                this.i.trendLineTypes = innerColl;
+            }
+            return this._trendLineTypes;
+        }
+        set trendLineTypes(v) {
+            if (this._trendLineTypes !== null) {
+                this._trendLineTypes._setSyncTarget(null);
+                this._trendLineTypes = null;
+            }
+            let coll = new IgcTrendLineTypeCollection();
+            this._trendLineTypes = coll._fromOuter(v);
+            let syncColl = new SyncableObservableCollection$1(TrendLineType_$type);
+            let innerColl = this.i.trendLineTypes;
+            if (!innerColl) {
+                innerColl = new TrendLineTypeCollection_internal();
+            }
+            syncColl._inner = innerColl;
+            syncColl.clear();
+            this._trendLineTypes._setSyncTarget(syncColl);
+            this.i.trendLineTypes = innerColl;
         }
         /**
          * Gets or sets whether the dashboard tile should use a faded skeleton style for mock data.
         */
         get shouldUseSkeletonStyleForMockData() {
-            return this.i.df;
+            return this.i.di;
         }
         set shouldUseSkeletonStyleForMockData(v) {
-            this.i.df = ensureBool(v);
-            this._a("shouldUseSkeletonStyleForMockData", this.i.df);
+            this.i.di = ensureBool(v);
+            this._a("shouldUseSkeletonStyleForMockData", this.i.di);
         }
         /**
          * Gets or sets whether and how to display highlighted values for the series. Note, this is distinct from the highlighting feature that indicates what is closest or under the mouse.
          * This property applies to Category Chart and Financial Chart controls.
         */
         get highlightedValuesDisplayMode() {
-            return this.i.af;
+            return this.i.ah;
         }
         set highlightedValuesDisplayMode(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));
         }
         /**
          * Gets or sets a set of property paths that should be included for consideration by the category chart, leaving the remainder excluded. If null, all properties will be considered.
@@ -715,22 +761,22 @@ export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
          * 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 brushes() {
-            return fromBrushCollection(this.i.v);
+            return fromBrushCollection(this.i.w);
         }
         set brushes(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));
         }
         /**
          * Gets or sets the palette of brushes to use for outlines on the dashboard tile.
          * 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 outlines() {
-            return fromBrushCollection(this.i.w);
+            return fromBrushCollection(this.i.x);
         }
         set outlines(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));
         }
         /**
          * Gets the currently selected data items.  Adding or removing data items from this collection will
@@ -769,31 +815,31 @@ export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
          * Gets the actual palette of brushes to use for coloring the chart series.
         */
         get actualBrushes() {
-            return fromBrushCollection(this.i.t);
+            return fromBrushCollection(this.i.u);
         }
         set actualBrushes(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));
         }
         /**
          * Gets the actual palette of brushes to use for outlines on the chart series.
         */
         get actualOutlines() {
-            return fromBrushCollection(this.i.u);
+            return fromBrushCollection(this.i.v);
         }
         set actualOutlines(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));
         }
         /**
          * Gets the brush to use for the Category axis major strokes, if applicable.
         */
         get categoryAxisMajorStroke() {
-            return brushToString(this.i.ik);
+            return brushToString(this.i.it);
         }
         set categoryAxisMajorStroke(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));
         }
         /**
          * Gets or sets what value lines to use in the chart.
@@ -842,31 +888,31 @@ export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color for GlobalAverage value lines.
         */
         get valueLinesGlobalAverageBrush() {
-            return brushToString(this.i.il);
+            return brushToString(this.i.iu);
         }
         set valueLinesGlobalAverageBrush(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));
         }
         /**
          * Gets or sets the color for GlobalMinimum value lines.
         */
         get valueLinesGlobalMinimumBrush() {
-            return brushToString(this.i.io);
+            return brushToString(this.i.iw);
         }
         set valueLinesGlobalMinimumBrush(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));
         }
         /**
          * Gets or sets the color for GlobalMaximum value lines.
         */
         get valueLinesGlobalMaximumBrush() {
-            return brushToString(this.i.im);
+            return brushToString(this.i.iv);
         }
         set valueLinesGlobalMaximumBrush(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));
         }
         /**
          * Gets or sets if the auto value callouts should be displayed.
@@ -912,57 +958,57 @@ export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
          * Gets or sets the crosshairs to be displayed.
         */
         get visualizationType() {
-            return this.i.a6;
+            return this.i.ba;
         }
         set visualizationType(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));
         }
         /**
          * Gets or sets the crosshairs to be displayed.
         */
         get validVisualizationTypePriorityThreshold() {
-            return this.i.d7;
+            return this.i.ec;
         }
         set validVisualizationTypePriorityThreshold(v) {
-            this.i.d7 = +v;
-            this._a("validVisualizationTypePriorityThreshold", this.i.d7);
+            this.i.ec = +v;
+            this._a("validVisualizationTypePriorityThreshold", this.i.ec);
         }
         /**
          * Gets or sets the base built in theme to use for the checkbox.
         */
         get baseTheme() {
-            return this.i.bt;
+            return this.i.bx;
         }
         set baseTheme(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));
         }
         /**
          * Gets or sets the display density to use for the toolbar.
         */
         get density() {
-            return this.i.bv;
+            return this.i.bz;
         }
         set density(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));
         }
         /**
          * Gets or sets the color to use for the background of the component.
         */
         get backgroundColor() {
-            return brushToString(this.i.ij);
+            return brushToString(this.i.is);
         }
         set backgroundColor(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));
         }
         get isVisTypeStacked() {
-            return this.i.c9;
+            return this.i.dc;
         }
         get isVisTypeRadial() {
-            return this.i.c8;
+            return this.i.db;
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -1009,6 +1055,9 @@ export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
             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);
             }
@@ -1071,21 +1120,21 @@ export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
             this._inStyling = false;
         }
         updateSettingsValue(key, value) {
-            this.i.h9(key, value);
+            this.i.ii(key, value);
         }
         getSettingsValue(key) {
-            let iv = this.i.er(key);
+            let iv = this.i.ew(key);
             return (iv);
         }
         hasModifiedSettings() {
-            let iv = this.i.ct();
+            let iv = this.i.cw();
             return (iv);
         }
         clearSettings() {
-            this.i.gx();
+            this.i.g4();
         }
         removeSettingsValue(key) {
-            this.i.hx(key);
+            this.i.h4(key);
         }
         zoomIn(percentage) {
             this.i.zoomIn(percentage);
@@ -1105,7 +1154,7 @@ export let IgcDashboardTileComponent = /*@__PURE__*/ (() => {
             this.i.resetZoom();
         }
         onUIReady() {
-            this.i.hq();
+            this.i.hx();
         }
         getDesiredToolbarActions() {
             let iv = this.i.getDesiredToolbarActions();

package/esm5/lib/DataChartDashboardTileFeature.js

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