@progress/kendo-angular-charts 14.4.0-develop.7 → 14.4.0-develop.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/chart/legend/item.component.d.ts +7 -1
  2. package/chart/series-item.component.d.ts +6 -2
  3. package/common/property-types.d.ts +1 -1
  4. package/esm2020/chart/legend/item.component.mjs +11 -1
  5. package/esm2020/chart/series-item.component.mjs +3 -1
  6. package/esm2020/common/theme.service.mjs +1 -0
  7. package/esm2020/package-metadata.mjs +2 -2
  8. package/fesm2015/progress-kendo-angular-charts.mjs +17 -4
  9. package/fesm2020/progress-kendo-angular-charts.mjs +17 -4
  10. package/option-types/legend/item.interface.d.ts +97 -1
  11. package/option-types/series-item.interface.d.ts +6 -1
  12. package/package.json +7 -7
package/chart/legend/item.component.d.ts CHANGED
@@ -7,6 +7,7 @@ import { ConfigurationService } from '../../common/configuration.service';
7
7
  import { LegendItemVisualArgs } from '../../common/property-types';
8
8
  import { LegendItem } from '../../common/property-types';
9
9
  import { SettingsComponent } from '../../common/settings.component';
10
+ import { LegendItemArea, LegendItemHighlight, LegendItemLine, LegendItemMarkers, LegendItemType } from '../../option-types/legend/item.interface';
10
11
  import * as i0 from "@angular/core";
11
12
  /**
12
13
  * The configuration of the Chart legend item.
@@ -24,8 +25,13 @@ import * as i0 from "@angular/core";
24
25
  export declare class LegendItemComponent extends SettingsComponent implements LegendItem {
25
26
  configurationService: ConfigurationService;
26
27
  cursor: string;
28
+ type: LegendItemType;
29
+ line: LegendItemLine;
30
+ area: LegendItemArea;
31
+ markers: LegendItemMarkers;
32
+ highlight: LegendItemHighlight;
27
33
  visual: (e: LegendItemVisualArgs) => drawing.Element;
28
34
  constructor(configurationService: ConfigurationService);
29
35
  static ɵfac: i0.ɵɵFactoryDeclaration<LegendItemComponent, never>;
30
- static ɵcmp: i0.ɵɵComponentDeclaration<LegendItemComponent, "kendo-chart-legend-item", never, { "cursor": "cursor"; "visual": "visual"; }, {}, never, never>;
36
+ static ɵcmp: i0.ɵɵComponentDeclaration<LegendItemComponent, "kendo-chart-legend-item", never, { "cursor": "cursor"; "type": "type"; "line": "line"; "area": "area"; "markers": "markers"; "highlight": "highlight"; "visual": "visual"; }, {}, never, never>;
31
37
  }
package/chart/series-item.component.d.ts CHANGED
@@ -7,7 +7,7 @@ import { drawing } from '@progress/kendo-drawing';
7
7
  import { CollectionItemComponent } from '../common/collection-item.component';
8
8
  import { CollectionService } from '../common/collection.service';
9
9
  import { ConfigurationService } from '../common/configuration.service';
10
- import { Border, BulletTarget, DashType, LabelConnectors, LineStyle, Margin, NegativeBubbleValues, Overlay, Series, SeriesErrorBars, SeriesExtremes, SeriesHighlight, SeriesLabels, SeriesLine, SeriesMarkers, SeriesMean, SeriesMedian, SeriesNotes, SeriesOutliers, SeriesStack, SeriesTooltip, SeriesTrendline, SeriesType, SeriesVisualArgs, SeriesWhiskers } from '../common/property-types';
10
+ import { Border, BulletTarget, DashType, LabelConnectors, LegendItem, LineStyle, Margin, NegativeBubbleValues, Overlay, Series, SeriesErrorBars, SeriesExtremes, SeriesHighlight, SeriesLabels, SeriesLine, SeriesMarkers, SeriesMean, SeriesMedian, SeriesNotes, SeriesOutliers, SeriesStack, SeriesTooltip, SeriesTrendline, SeriesType, SeriesVisualArgs, SeriesWhiskers } from '../common/property-types';
11
11
  import { SeriesTooltipComponent } from './series-item/tooltip.component';
12
12
  import { SeriesDrilldownTemplateDirective } from './series-drilldown-template.directive';
13
13
  import * as i0 from "@angular/core";
@@ -393,6 +393,10 @@ export declare class SeriesItemComponent extends CollectionItemComponent impleme
393
393
  */
394
394
  trendline: SeriesTrendline;
395
395
  for: string;
396
+ /**
397
+ * The configuration options of the series legend item.
398
+ */
399
+ legendItem: LegendItem;
396
400
  errorBars: SeriesErrorBars;
397
401
  extremes: SeriesExtremes;
398
402
  highlight: SeriesHighlight;
@@ -418,5 +422,5 @@ export declare class SeriesItemComponent extends CollectionItemComponent impleme
418
422
  togglePointVisibility(pointIndex: number): void;
419
423
  get seriesTooltipTemplateRef(): TemplateRef<any>;
420
424
  static ɵfac: i0.ɵɵFactoryDeclaration<SeriesItemComponent, never>;
421
- static ɵcmp: i0.ɵɵComponentDeclaration<SeriesItemComponent, "kendo-chart-series-item", never, { "aggregate": "aggregate"; "autoFit": "autoFit"; "axis": "axis"; "border": "border"; "categoryAxis": "categoryAxis"; "categoryField": "categoryField"; "closeField": "closeField"; "color": "color"; "colorField": "colorField"; "connectors": "connectors"; "currentField": "currentField"; "dashType": "dashType"; "data": "data"; "downColor": "downColor"; "downColorField": "downColorField"; "drilldownField": "drilldownField"; "dynamicHeight": "dynamicHeight"; "dynamicSlope": "dynamicSlope"; "errorHighField": "errorHighField"; "errorLowField": "errorLowField"; "explodeField": "explodeField"; "field": "field"; "fromField": "fromField"; "gap": "gap"; "highField": "highField"; "holeSize": "holeSize"; "line": "line"; "lowField": "lowField"; "lowerField": "lowerField"; "margin": "margin"; "maxSize": "maxSize"; "mean": "mean"; "meanField": "meanField"; "median": "median"; "medianField": "medianField"; "minSize": "minSize"; "missingValues": "missingValues"; "name": "name"; "neckRatio": "neckRatio"; "negativeColor": "negativeColor"; "negativeValues": "negativeValues"; "noteTextField": "noteTextField"; "opacity": "opacity"; "openField": "openField"; "outliersField": "outliersField"; "overlay": "overlay"; "padding": "padding"; "q1Field": "q1Field"; "q3Field": "q3Field"; "segmentSpacing": "segmentSpacing"; "size": "size"; "sizeField": "sizeField"; "spacing": "spacing"; "stack": "stack"; "startAngle": "startAngle"; "style": "style"; "summaryField": "summaryField"; "target": "target"; "toField": "toField"; "type": "type"; "upperField": "upperField"; "visible": "visible"; "visibleInLegend": "visibleInLegend"; "visibleInLegendField": "visibleInLegendField"; "visual": "visual"; "width": "width"; "whiskers": "whiskers"; "xAxis": "xAxis"; "xErrorHighField": "xErrorHighField"; "xErrorLowField": "xErrorLowField"; "xField": "xField"; "yAxis": "yAxis"; "yErrorHighField": "yErrorHighField"; "yErrorLowField": "yErrorLowField"; "yField": "yField"; "zIndex": "zIndex"; "trendline": "trendline"; "for": "for"; "errorBars": "errorBars"; "extremes": "extremes"; "highlight": "highlight"; "labels": "labels"; "markers": "markers"; "notes": "notes"; "outliers": "outliers"; "tooltip": "tooltip"; }, {}, ["seriesTooltip", "drilldownTemplate"], never>;
425
+ static ɵcmp: i0.ɵɵComponentDeclaration<SeriesItemComponent, "kendo-chart-series-item", never, { "aggregate": "aggregate"; "autoFit": "autoFit"; "axis": "axis"; "border": "border"; "categoryAxis": "categoryAxis"; "categoryField": "categoryField"; "closeField": "closeField"; "color": "color"; "colorField": "colorField"; "connectors": "connectors"; "currentField": "currentField"; "dashType": "dashType"; "data": "data"; "downColor": "downColor"; "downColorField": "downColorField"; "drilldownField": "drilldownField"; "dynamicHeight": "dynamicHeight"; "dynamicSlope": "dynamicSlope"; "errorHighField": "errorHighField"; "errorLowField": "errorLowField"; "explodeField": "explodeField"; "field": "field"; "fromField": "fromField"; "gap": "gap"; "highField": "highField"; "holeSize": "holeSize"; "line": "line"; "lowField": "lowField"; "lowerField": "lowerField"; "margin": "margin"; "maxSize": "maxSize"; "mean": "mean"; "meanField": "meanField"; "median": "median"; "medianField": "medianField"; "minSize": "minSize"; "missingValues": "missingValues"; "name": "name"; "neckRatio": "neckRatio"; "negativeColor": "negativeColor"; "negativeValues": "negativeValues"; "noteTextField": "noteTextField"; "opacity": "opacity"; "openField": "openField"; "outliersField": "outliersField"; "overlay": "overlay"; "padding": "padding"; "q1Field": "q1Field"; "q3Field": "q3Field"; "segmentSpacing": "segmentSpacing"; "size": "size"; "sizeField": "sizeField"; "spacing": "spacing"; "stack": "stack"; "startAngle": "startAngle"; "style": "style"; "summaryField": "summaryField"; "target": "target"; "toField": "toField"; "type": "type"; "upperField": "upperField"; "visible": "visible"; "visibleInLegend": "visibleInLegend"; "visibleInLegendField": "visibleInLegendField"; "visual": "visual"; "width": "width"; "whiskers": "whiskers"; "xAxis": "xAxis"; "xErrorHighField": "xErrorHighField"; "xErrorLowField": "xErrorLowField"; "xField": "xField"; "yAxis": "yAxis"; "yErrorHighField": "yErrorHighField"; "yErrorLowField": "yErrorLowField"; "yField": "yField"; "zIndex": "zIndex"; "trendline": "trendline"; "for": "for"; "legendItem": "legendItem"; "errorBars": "errorBars"; "extremes": "extremes"; "highlight": "highlight"; "labels": "labels"; "markers": "markers"; "notes": "notes"; "outliers": "outliers"; "tooltip": "tooltip"; }, {}, ["seriesTooltip", "drilldownTemplate"], never>;
422
426
  }
package/common/property-types.d.ts CHANGED
@@ -81,7 +81,7 @@ export { CategoryAxisTitle } from '../option-types/category-axis-item/title.inte
81
81
  export { CategoryAxis } from '../option-types/category-axis-item.interface';
82
82
  export { ChartArea } from '../option-types/chart-area.interface';
83
83
  export { LegendInactiveItems } from '../option-types/legend/inactive-items.interface';
84
- export { LegendItem } from '../option-types/legend/item.interface';
84
+ export { LegendItem, LegendItemArea, LegendItemLine, LegendItemHighlight, LegendItemMarkers, LegendItemMarkersBorder, LegendItemType } from '../option-types/legend/item.interface';
85
85
  export { LegendMarkers } from '../option-types/legend/markers.interface';
86
86
  export { Legend } from '../option-types/legend.interface';
87
87
  export { LegendTitle } from '../option-types/legend/legend-title.interface';
package/esm2020/chart/legend/item.component.mjs CHANGED
@@ -27,7 +27,7 @@ export class LegendItemComponent extends SettingsComponent {
27
27
  }
28
28
  }
29
29
  LegendItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LegendItemComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
30
- LegendItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: LegendItemComponent, selector: "kendo-chart-legend-item", inputs: { cursor: "cursor", visual: "visual" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
30
+ LegendItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: LegendItemComponent, selector: "kendo-chart-legend-item", inputs: { cursor: "cursor", type: "type", line: "line", area: "area", markers: "markers", highlight: "highlight", visual: "visual" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
31
31
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LegendItemComponent, decorators: [{
32
32
  type: Component,
33
33
  args: [{
@@ -37,6 +37,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
37
37
  }]
38
38
  }], ctorParameters: function () { return [{ type: i1.ConfigurationService }]; }, propDecorators: { cursor: [{
39
39
  type: Input
40
+ }], type: [{
41
+ type: Input
42
+ }], line: [{
43
+ type: Input
44
+ }], area: [{
45
+ type: Input
46
+ }], markers: [{
47
+ type: Input
48
+ }], highlight: [{
49
+ type: Input
40
50
  }], visual: [{
41
51
  type: Input
42
52
  }] } });
package/esm2020/chart/series-item.component.mjs CHANGED
@@ -56,7 +56,7 @@ export class SeriesItemComponent extends CollectionItemComponent {
56
56
  }
57
57
  }
58
58
  SeriesItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SeriesItemComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.CollectionService }], target: i0.ɵɵFactoryTarget.Component });
59
- SeriesItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SeriesItemComponent, selector: "kendo-chart-series-item", inputs: { aggregate: "aggregate", autoFit: "autoFit", axis: "axis", border: "border", categoryAxis: "categoryAxis", categoryField: "categoryField", closeField: "closeField", color: "color", colorField: "colorField", connectors: "connectors", currentField: "currentField", dashType: "dashType", data: "data", downColor: "downColor", downColorField: "downColorField", drilldownField: "drilldownField", dynamicHeight: "dynamicHeight", dynamicSlope: "dynamicSlope", errorHighField: "errorHighField", errorLowField: "errorLowField", explodeField: "explodeField", field: "field", fromField: "fromField", gap: "gap", highField: "highField", holeSize: "holeSize", line: "line", lowField: "lowField", lowerField: "lowerField", margin: "margin", maxSize: "maxSize", mean: "mean", meanField: "meanField", median: "median", medianField: "medianField", minSize: "minSize", missingValues: "missingValues", name: "name", neckRatio: "neckRatio", negativeColor: "negativeColor", negativeValues: "negativeValues", noteTextField: "noteTextField", opacity: "opacity", openField: "openField", outliersField: "outliersField", overlay: "overlay", padding: "padding", q1Field: "q1Field", q3Field: "q3Field", segmentSpacing: "segmentSpacing", size: "size", sizeField: "sizeField", spacing: "spacing", stack: "stack", startAngle: "startAngle", style: "style", summaryField: "summaryField", target: "target", toField: "toField", type: "type", upperField: "upperField", visible: "visible", visibleInLegend: "visibleInLegend", visibleInLegendField: "visibleInLegendField", visual: "visual", width: "width", whiskers: "whiskers", xAxis: "xAxis", xErrorHighField: "xErrorHighField", xErrorLowField: "xErrorLowField", xField: "xField", yAxis: "yAxis", yErrorHighField: "yErrorHighField", yErrorLowField: "yErrorLowField", yField: "yField", zIndex: "zIndex", trendline: "trendline", for: "for", errorBars: "errorBars", extremes: "extremes", highlight: "highlight", labels: "labels", markers: "markers", notes: "notes", outliers: "outliers", tooltip: "tooltip" }, providers: [ConfigurationService], queries: [{ propertyName: "seriesTooltip", first: true, predicate: SeriesTooltipComponent, descendants: true }, { propertyName: "drilldownTemplate", first: true, predicate: SeriesDrilldownTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
59
+ SeriesItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SeriesItemComponent, selector: "kendo-chart-series-item", inputs: { aggregate: "aggregate", autoFit: "autoFit", axis: "axis", border: "border", categoryAxis: "categoryAxis", categoryField: "categoryField", closeField: "closeField", color: "color", colorField: "colorField", connectors: "connectors", currentField: "currentField", dashType: "dashType", data: "data", downColor: "downColor", downColorField: "downColorField", drilldownField: "drilldownField", dynamicHeight: "dynamicHeight", dynamicSlope: "dynamicSlope", errorHighField: "errorHighField", errorLowField: "errorLowField", explodeField: "explodeField", field: "field", fromField: "fromField", gap: "gap", highField: "highField", holeSize: "holeSize", line: "line", lowField: "lowField", lowerField: "lowerField", margin: "margin", maxSize: "maxSize", mean: "mean", meanField: "meanField", median: "median", medianField: "medianField", minSize: "minSize", missingValues: "missingValues", name: "name", neckRatio: "neckRatio", negativeColor: "negativeColor", negativeValues: "negativeValues", noteTextField: "noteTextField", opacity: "opacity", openField: "openField", outliersField: "outliersField", overlay: "overlay", padding: "padding", q1Field: "q1Field", q3Field: "q3Field", segmentSpacing: "segmentSpacing", size: "size", sizeField: "sizeField", spacing: "spacing", stack: "stack", startAngle: "startAngle", style: "style", summaryField: "summaryField", target: "target", toField: "toField", type: "type", upperField: "upperField", visible: "visible", visibleInLegend: "visibleInLegend", visibleInLegendField: "visibleInLegendField", visual: "visual", width: "width", whiskers: "whiskers", xAxis: "xAxis", xErrorHighField: "xErrorHighField", xErrorLowField: "xErrorLowField", xField: "xField", yAxis: "yAxis", yErrorHighField: "yErrorHighField", yErrorLowField: "yErrorLowField", yField: "yField", zIndex: "zIndex", trendline: "trendline", for: "for", legendItem: "legendItem", errorBars: "errorBars", extremes: "extremes", highlight: "highlight", labels: "labels", markers: "markers", notes: "notes", outliers: "outliers", tooltip: "tooltip" }, providers: [ConfigurationService], queries: [{ propertyName: "seriesTooltip", first: true, predicate: SeriesTooltipComponent, descendants: true }, { propertyName: "drilldownTemplate", first: true, predicate: SeriesDrilldownTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
60
60
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SeriesItemComponent, decorators: [{
61
61
  type: Component,
62
62
  args: [{
@@ -221,6 +221,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
221
221
  type: Input
222
222
  }], for: [{
223
223
  type: Input
224
+ }], legendItem: [{
225
+ type: Input
224
226
  }], errorBars: [{
225
227
  type: Input
226
228
  }], extremes: [{
package/esm2020/common/theme.service.mjs CHANGED
@@ -144,6 +144,7 @@ export class ThemeService extends ConfigurationService {
144
144
  this.mapColor('legend.inactiveItems.labels.color', 'chart-inactive');
145
145
  this.mapColor('legend.inactiveItems.markers.color', 'chart-inactive');
146
146
  this.mapColor('legend.labels.color', 'normal-text-color');
147
+ this.mapColor('legend.title.color', 'normal-text-color');
147
148
  this.mapColor('seriesDefaults.boxPlot.downColor', 'chart-major-lines');
148
149
  this.mapColor('seriesDefaults.boxPlot.mean.color', 'base');
149
150
  this.mapColor('seriesDefaults.boxPlot.median.color', 'base');
package/esm2020/package-metadata.mjs CHANGED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-charts',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1705080705,
13
- version: '14.4.0-develop.7',
12
+ publishDate: 1705406667,
13
+ version: '14.4.0-develop.9',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/fesm2015/progress-kendo-angular-charts.mjs CHANGED
@@ -582,7 +582,7 @@ class SeriesItemComponent extends CollectionItemComponent {
582
582
  }
583
583
  }
584
584
  SeriesItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SeriesItemComponent, deps: [{ token: ConfigurationService }, { token: CollectionService }], target: i0.ɵɵFactoryTarget.Component });
585
- SeriesItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SeriesItemComponent, selector: "kendo-chart-series-item", inputs: { aggregate: "aggregate", autoFit: "autoFit", axis: "axis", border: "border", categoryAxis: "categoryAxis", categoryField: "categoryField", closeField: "closeField", color: "color", colorField: "colorField", connectors: "connectors", currentField: "currentField", dashType: "dashType", data: "data", downColor: "downColor", downColorField: "downColorField", drilldownField: "drilldownField", dynamicHeight: "dynamicHeight", dynamicSlope: "dynamicSlope", errorHighField: "errorHighField", errorLowField: "errorLowField", explodeField: "explodeField", field: "field", fromField: "fromField", gap: "gap", highField: "highField", holeSize: "holeSize", line: "line", lowField: "lowField", lowerField: "lowerField", margin: "margin", maxSize: "maxSize", mean: "mean", meanField: "meanField", median: "median", medianField: "medianField", minSize: "minSize", missingValues: "missingValues", name: "name", neckRatio: "neckRatio", negativeColor: "negativeColor", negativeValues: "negativeValues", noteTextField: "noteTextField", opacity: "opacity", openField: "openField", outliersField: "outliersField", overlay: "overlay", padding: "padding", q1Field: "q1Field", q3Field: "q3Field", segmentSpacing: "segmentSpacing", size: "size", sizeField: "sizeField", spacing: "spacing", stack: "stack", startAngle: "startAngle", style: "style", summaryField: "summaryField", target: "target", toField: "toField", type: "type", upperField: "upperField", visible: "visible", visibleInLegend: "visibleInLegend", visibleInLegendField: "visibleInLegendField", visual: "visual", width: "width", whiskers: "whiskers", xAxis: "xAxis", xErrorHighField: "xErrorHighField", xErrorLowField: "xErrorLowField", xField: "xField", yAxis: "yAxis", yErrorHighField: "yErrorHighField", yErrorLowField: "yErrorLowField", yField: "yField", zIndex: "zIndex", trendline: "trendline", for: "for", errorBars: "errorBars", extremes: "extremes", highlight: "highlight", labels: "labels", markers: "markers", notes: "notes", outliers: "outliers", tooltip: "tooltip" }, providers: [ConfigurationService], queries: [{ propertyName: "seriesTooltip", first: true, predicate: SeriesTooltipComponent, descendants: true }, { propertyName: "drilldownTemplate", first: true, predicate: SeriesDrilldownTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
585
+ SeriesItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SeriesItemComponent, selector: "kendo-chart-series-item", inputs: { aggregate: "aggregate", autoFit: "autoFit", axis: "axis", border: "border", categoryAxis: "categoryAxis", categoryField: "categoryField", closeField: "closeField", color: "color", colorField: "colorField", connectors: "connectors", currentField: "currentField", dashType: "dashType", data: "data", downColor: "downColor", downColorField: "downColorField", drilldownField: "drilldownField", dynamicHeight: "dynamicHeight", dynamicSlope: "dynamicSlope", errorHighField: "errorHighField", errorLowField: "errorLowField", explodeField: "explodeField", field: "field", fromField: "fromField", gap: "gap", highField: "highField", holeSize: "holeSize", line: "line", lowField: "lowField", lowerField: "lowerField", margin: "margin", maxSize: "maxSize", mean: "mean", meanField: "meanField", median: "median", medianField: "medianField", minSize: "minSize", missingValues: "missingValues", name: "name", neckRatio: "neckRatio", negativeColor: "negativeColor", negativeValues: "negativeValues", noteTextField: "noteTextField", opacity: "opacity", openField: "openField", outliersField: "outliersField", overlay: "overlay", padding: "padding", q1Field: "q1Field", q3Field: "q3Field", segmentSpacing: "segmentSpacing", size: "size", sizeField: "sizeField", spacing: "spacing", stack: "stack", startAngle: "startAngle", style: "style", summaryField: "summaryField", target: "target", toField: "toField", type: "type", upperField: "upperField", visible: "visible", visibleInLegend: "visibleInLegend", visibleInLegendField: "visibleInLegendField", visual: "visual", width: "width", whiskers: "whiskers", xAxis: "xAxis", xErrorHighField: "xErrorHighField", xErrorLowField: "xErrorLowField", xField: "xField", yAxis: "yAxis", yErrorHighField: "yErrorHighField", yErrorLowField: "yErrorLowField", yField: "yField", zIndex: "zIndex", trendline: "trendline", for: "for", legendItem: "legendItem", errorBars: "errorBars", extremes: "extremes", highlight: "highlight", labels: "labels", markers: "markers", notes: "notes", outliers: "outliers", tooltip: "tooltip" }, providers: [ConfigurationService], queries: [{ propertyName: "seriesTooltip", first: true, predicate: SeriesTooltipComponent, descendants: true }, { propertyName: "drilldownTemplate", first: true, predicate: SeriesDrilldownTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
586
586
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SeriesItemComponent, decorators: [{
587
587
  type: Component,
588
588
  args: [{
@@ -747,6 +747,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
747
747
  type: Input
748
748
  }], for: [{
749
749
  type: Input
750
+ }], legendItem: [{
751
+ type: Input
750
752
  }], errorBars: [{
751
753
  type: Input
752
754
  }], extremes: [{
@@ -1871,8 +1873,8 @@ const packageMetadata = {
1871
1873
  name: '@progress/kendo-angular-charts',
1872
1874
  productName: 'Kendo UI for Angular',
1873
1875
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
1874
- publishDate: 1705080705,
1875
- version: '14.4.0-develop.7',
1876
+ publishDate: 1705406667,
1877
+ version: '14.4.0-develop.9',
1876
1878
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
1877
1879
  };
1878
1880
 
@@ -2276,6 +2278,7 @@ class ThemeService extends ConfigurationService {
2276
2278
  this.mapColor('legend.inactiveItems.labels.color', 'chart-inactive');
2277
2279
  this.mapColor('legend.inactiveItems.markers.color', 'chart-inactive');
2278
2280
  this.mapColor('legend.labels.color', 'normal-text-color');
2281
+ this.mapColor('legend.title.color', 'normal-text-color');
2279
2282
  this.mapColor('seriesDefaults.boxPlot.downColor', 'chart-major-lines');
2280
2283
  this.mapColor('seriesDefaults.boxPlot.mean.color', 'base');
2281
2284
  this.mapColor('seriesDefaults.boxPlot.median.color', 'base');
@@ -4045,7 +4048,7 @@ class LegendItemComponent extends SettingsComponent {
4045
4048
  }
4046
4049
  }
4047
4050
  LegendItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LegendItemComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
4048
- LegendItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: LegendItemComponent, selector: "kendo-chart-legend-item", inputs: { cursor: "cursor", visual: "visual" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
4051
+ LegendItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: LegendItemComponent, selector: "kendo-chart-legend-item", inputs: { cursor: "cursor", type: "type", line: "line", area: "area", markers: "markers", highlight: "highlight", visual: "visual" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
4049
4052
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LegendItemComponent, decorators: [{
4050
4053
  type: Component,
4051
4054
  args: [{
@@ -4055,6 +4058,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
4055
4058
  }]
4056
4059
  }], ctorParameters: function () { return [{ type: ConfigurationService }]; }, propDecorators: { cursor: [{
4057
4060
  type: Input
4061
+ }], type: [{
4062
+ type: Input
4063
+ }], line: [{
4064
+ type: Input
4065
+ }], area: [{
4066
+ type: Input
4067
+ }], markers: [{
4068
+ type: Input
4069
+ }], highlight: [{
4070
+ type: Input
4058
4071
  }], visual: [{
4059
4072
  type: Input
4060
4073
  }] } });
package/fesm2020/progress-kendo-angular-charts.mjs CHANGED
@@ -578,7 +578,7 @@ class SeriesItemComponent extends CollectionItemComponent {
578
578
  }
579
579
  }
580
580
  SeriesItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SeriesItemComponent, deps: [{ token: ConfigurationService }, { token: CollectionService }], target: i0.ɵɵFactoryTarget.Component });
581
- SeriesItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SeriesItemComponent, selector: "kendo-chart-series-item", inputs: { aggregate: "aggregate", autoFit: "autoFit", axis: "axis", border: "border", categoryAxis: "categoryAxis", categoryField: "categoryField", closeField: "closeField", color: "color", colorField: "colorField", connectors: "connectors", currentField: "currentField", dashType: "dashType", data: "data", downColor: "downColor", downColorField: "downColorField", drilldownField: "drilldownField", dynamicHeight: "dynamicHeight", dynamicSlope: "dynamicSlope", errorHighField: "errorHighField", errorLowField: "errorLowField", explodeField: "explodeField", field: "field", fromField: "fromField", gap: "gap", highField: "highField", holeSize: "holeSize", line: "line", lowField: "lowField", lowerField: "lowerField", margin: "margin", maxSize: "maxSize", mean: "mean", meanField: "meanField", median: "median", medianField: "medianField", minSize: "minSize", missingValues: "missingValues", name: "name", neckRatio: "neckRatio", negativeColor: "negativeColor", negativeValues: "negativeValues", noteTextField: "noteTextField", opacity: "opacity", openField: "openField", outliersField: "outliersField", overlay: "overlay", padding: "padding", q1Field: "q1Field", q3Field: "q3Field", segmentSpacing: "segmentSpacing", size: "size", sizeField: "sizeField", spacing: "spacing", stack: "stack", startAngle: "startAngle", style: "style", summaryField: "summaryField", target: "target", toField: "toField", type: "type", upperField: "upperField", visible: "visible", visibleInLegend: "visibleInLegend", visibleInLegendField: "visibleInLegendField", visual: "visual", width: "width", whiskers: "whiskers", xAxis: "xAxis", xErrorHighField: "xErrorHighField", xErrorLowField: "xErrorLowField", xField: "xField", yAxis: "yAxis", yErrorHighField: "yErrorHighField", yErrorLowField: "yErrorLowField", yField: "yField", zIndex: "zIndex", trendline: "trendline", for: "for", errorBars: "errorBars", extremes: "extremes", highlight: "highlight", labels: "labels", markers: "markers", notes: "notes", outliers: "outliers", tooltip: "tooltip" }, providers: [ConfigurationService], queries: [{ propertyName: "seriesTooltip", first: true, predicate: SeriesTooltipComponent, descendants: true }, { propertyName: "drilldownTemplate", first: true, predicate: SeriesDrilldownTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
581
+ SeriesItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SeriesItemComponent, selector: "kendo-chart-series-item", inputs: { aggregate: "aggregate", autoFit: "autoFit", axis: "axis", border: "border", categoryAxis: "categoryAxis", categoryField: "categoryField", closeField: "closeField", color: "color", colorField: "colorField", connectors: "connectors", currentField: "currentField", dashType: "dashType", data: "data", downColor: "downColor", downColorField: "downColorField", drilldownField: "drilldownField", dynamicHeight: "dynamicHeight", dynamicSlope: "dynamicSlope", errorHighField: "errorHighField", errorLowField: "errorLowField", explodeField: "explodeField", field: "field", fromField: "fromField", gap: "gap", highField: "highField", holeSize: "holeSize", line: "line", lowField: "lowField", lowerField: "lowerField", margin: "margin", maxSize: "maxSize", mean: "mean", meanField: "meanField", median: "median", medianField: "medianField", minSize: "minSize", missingValues: "missingValues", name: "name", neckRatio: "neckRatio", negativeColor: "negativeColor", negativeValues: "negativeValues", noteTextField: "noteTextField", opacity: "opacity", openField: "openField", outliersField: "outliersField", overlay: "overlay", padding: "padding", q1Field: "q1Field", q3Field: "q3Field", segmentSpacing: "segmentSpacing", size: "size", sizeField: "sizeField", spacing: "spacing", stack: "stack", startAngle: "startAngle", style: "style", summaryField: "summaryField", target: "target", toField: "toField", type: "type", upperField: "upperField", visible: "visible", visibleInLegend: "visibleInLegend", visibleInLegendField: "visibleInLegendField", visual: "visual", width: "width", whiskers: "whiskers", xAxis: "xAxis", xErrorHighField: "xErrorHighField", xErrorLowField: "xErrorLowField", xField: "xField", yAxis: "yAxis", yErrorHighField: "yErrorHighField", yErrorLowField: "yErrorLowField", yField: "yField", zIndex: "zIndex", trendline: "trendline", for: "for", legendItem: "legendItem", errorBars: "errorBars", extremes: "extremes", highlight: "highlight", labels: "labels", markers: "markers", notes: "notes", outliers: "outliers", tooltip: "tooltip" }, providers: [ConfigurationService], queries: [{ propertyName: "seriesTooltip", first: true, predicate: SeriesTooltipComponent, descendants: true }, { propertyName: "drilldownTemplate", first: true, predicate: SeriesDrilldownTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
582
582
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SeriesItemComponent, decorators: [{
583
583
  type: Component,
584
584
  args: [{
@@ -743,6 +743,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
743
743
  type: Input
744
744
  }], for: [{
745
745
  type: Input
746
+ }], legendItem: [{
747
+ type: Input
746
748
  }], errorBars: [{
747
749
  type: Input
748
750
  }], extremes: [{
@@ -1704,6 +1706,7 @@ class ThemeService extends ConfigurationService {
1704
1706
  this.mapColor('legend.inactiveItems.labels.color', 'chart-inactive');
1705
1707
  this.mapColor('legend.inactiveItems.markers.color', 'chart-inactive');
1706
1708
  this.mapColor('legend.labels.color', 'normal-text-color');
1709
+ this.mapColor('legend.title.color', 'normal-text-color');
1707
1710
  this.mapColor('seriesDefaults.boxPlot.downColor', 'chart-major-lines');
1708
1711
  this.mapColor('seriesDefaults.boxPlot.mean.color', 'base');
1709
1712
  this.mapColor('seriesDefaults.boxPlot.median.color', 'base');
@@ -2245,8 +2248,8 @@ const packageMetadata = {
2245
2248
  name: '@progress/kendo-angular-charts',
2246
2249
  productName: 'Kendo UI for Angular',
2247
2250
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
2248
- publishDate: 1705080705,
2249
- version: '14.4.0-develop.7',
2251
+ publishDate: 1705406667,
2252
+ version: '14.4.0-develop.9',
2250
2253
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
2251
2254
  };
2252
2255
 
@@ -4070,7 +4073,7 @@ class LegendItemComponent extends SettingsComponent {
4070
4073
  }
4071
4074
  }
4072
4075
  LegendItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LegendItemComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
4073
- LegendItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: LegendItemComponent, selector: "kendo-chart-legend-item", inputs: { cursor: "cursor", visual: "visual" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
4076
+ LegendItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: LegendItemComponent, selector: "kendo-chart-legend-item", inputs: { cursor: "cursor", type: "type", line: "line", area: "area", markers: "markers", highlight: "highlight", visual: "visual" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
4074
4077
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LegendItemComponent, decorators: [{
4075
4078
  type: Component,
4076
4079
  args: [{
@@ -4080,6 +4083,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
4080
4083
  }]
4081
4084
  }], ctorParameters: function () { return [{ type: ConfigurationService }]; }, propDecorators: { cursor: [{
4082
4085
  type: Input
4086
+ }], type: [{
4087
+ type: Input
4088
+ }], line: [{
4089
+ type: Input
4090
+ }], area: [{
4091
+ type: Input
4092
+ }], markers: [{
4093
+ type: Input
4094
+ }], highlight: [{
4095
+ type: Input
4083
4096
  }], visual: [{
4084
4097
  type: Input
4085
4098
  }] } });
package/option-types/legend/item.interface.d.ts CHANGED
@@ -3,7 +3,8 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { drawing } from '@progress/kendo-drawing';
6
- import { LegendItemVisualArgs } from '../../common/property-types';
6
+ import { Border, DashType, LegendItemVisualArgs } from '../../common/property-types';
7
+ import { SeriesMarkers } from './../series-item/markers.interface';
7
8
  /**
8
9
  * The configuration options of the legend item.
9
10
  */
@@ -12,8 +13,103 @@ export interface LegendItem {
12
13
  * The cursor style of the legend item.
13
14
  */
14
15
  cursor?: string;
16
+ /**
17
+ * Sets the type of the legend item.
18
+ * The default value is based on the series type.
19
+ */
20
+ type?: LegendItemType;
21
+ /**
22
+ * Sets the configuration of the legend items of type `line`.
23
+ * This is the default legend item type for all line and scatter series.
24
+ */
25
+ line?: LegendItemLine;
26
+ /**
27
+ * Sets the configuration of the legend items of type `area`.
28
+ * By default, all series except line and scatter use this legend type.
29
+ */
30
+ area?: LegendItemArea;
31
+ /**
32
+ * The markers configuration of the legend item.
33
+ * Defaults to the series options.
34
+ */
35
+ markers?: LegendItemMarkers;
36
+ /**
37
+ * The highlight configuration of the legend item.
38
+ */
39
+ highlight?: LegendItemHighlight;
15
40
  /**
16
41
  * A function for creating a custom visual for the legend items.
17
42
  */
18
43
  visual?: (e: LegendItemVisualArgs) => drawing.Element;
19
44
  }
45
+ /**
46
+ * The configuration of the Chart legend item markers border.
47
+ */
48
+ export interface LegendItemMarkersBorder extends Omit<Border, 'width'> {
49
+ }
50
+ /**
51
+ * The configuration of the Chart legend item markers.
52
+ */
53
+ export interface LegendItemMarkers extends Omit<SeriesMarkers, 'size' | 'border' | 'rotation' | 'from' | 'to'> {
54
+ /**
55
+ * The border of the markers.
56
+ */
57
+ border?: LegendItemMarkersBorder;
58
+ }
59
+ /**
60
+ * The configuration of the Chart legend item highlight state.
61
+ */
62
+ export interface LegendItemHighlight {
63
+ /**
64
+ * If set to `false`, the hover effect of the legend item is disabled.
65
+ */
66
+ visible?: boolean;
67
+ /**
68
+ * The `markers` configuration of the legend item when it is hovered.
69
+ */
70
+ markers?: LegendItemMarkers;
71
+ }
72
+ /**
73
+ * The configuration of the Chart legend item of type `line`.
74
+ * Defaults to the series options.
75
+ */
76
+ export interface LegendItemLine {
77
+ /**
78
+ * The color of the legend item. Accepts a valid CSS color string, including HEX and RGB.
79
+ * Defaults to the series color.
80
+ */
81
+ color?: string;
82
+ /**
83
+ * The opacity of the legend item.
84
+ * Defaults to the series opacity.
85
+ */
86
+ opacity?: number;
87
+ /**
88
+ * The dash type of the legend item.
89
+ * Defaults to the series dash type.
90
+ */
91
+ dashType?: DashType;
92
+ }
93
+ /**
94
+ * The configuration of the Chart legend items of type `area`.
95
+ * Defaults to the series options.
96
+ */
97
+ export interface LegendItemArea {
98
+ /**
99
+ * The background color of the legend item. Accepts a valid CSS color string, including HEX and RGB.
100
+ * Defaults to the series color.
101
+ */
102
+ background?: string;
103
+ /**
104
+ * The opacity of the legend item.
105
+ * Defaults to the series opacity.
106
+ */
107
+ opacity?: number;
108
+ }
109
+ /**
110
+ * The type of the Chart legend item.
111
+ *
112
+ * - `"line"`&mdash;the legend items are rendered as a line. This is the default value for line charts.
113
+ * - `"area"`&mdash;the legend items are rendered as a filled rectangle. This is the default value for area charts.
114
+ */
115
+ export declare type LegendItemType = 'line' | 'area';
package/option-types/series-item.interface.d.ts CHANGED
@@ -11,7 +11,7 @@ import { SeriesMarkers } from './series-item/markers.interface';
11
11
  import { SeriesNotes } from './series-item/notes.interface';
12
12
  import { SeriesOutliers } from './series-item/outliers.interface';
13
13
  import { SeriesTooltip } from './series-item/tooltip.interface';
14
- import { Border, BulletTarget, DashType, LabelConnectors, SeriesTrendline } from '../common/property-types';
14
+ import { Border, BulletTarget, DashType, LabelConnectors, LegendItem, SeriesTrendline } from '../common/property-types';
15
15
  import { Margin, NegativeBubbleValues, Overlay, SeriesLine, SeriesType, SeriesWhiskers } from '../common/property-types';
16
16
  import { LineStyle, SeriesStack, SeriesVisualArgs } from '../common/property-types';
17
17
  import { SeriesMedian } from '../field-types/series-median.interface';
@@ -500,6 +500,11 @@ export interface Series {
500
500
  * `"radarLine"`, `"radarArea"`, `"polarLine"`, `"polarScatter"`, or `"polarArea"`.
501
501
  */
502
502
  markers?: SeriesMarkers;
503
+ /**
504
+ * The configuration of the Chart legend item.
505
+ * By default, the Legend item type and markers are inherited from the series.
506
+ */
507
+ legendItem?: LegendItem;
503
508
  /**
504
509
  * The configuration of the series notes.
505
510
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-charts",
3
- "version": "14.4.0-develop.7",
3
+ "version": "14.4.0-develop.9",
4
4
  "description": "Kendo UI Charts for Angular - A comprehensive package for creating beautiful and interactive data visualization. Every chart type, stock charts, and sparklines are included.",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -47,17 +47,17 @@
47
47
  "@angular/platform-browser": "13 - 17",
48
48
  "@progress/kendo-drawing": "^1.19.0",
49
49
  "@progress/kendo-licensing": "^1.0.2",
50
- "@progress/kendo-angular-common": "14.4.0-develop.7",
51
- "@progress/kendo-angular-intl": "14.4.0-develop.7",
52
- "@progress/kendo-angular-l10n": "14.4.0-develop.7",
53
- "@progress/kendo-angular-popup": "14.4.0-develop.7",
54
- "@progress/kendo-angular-navigation": "14.4.0-develop.7",
50
+ "@progress/kendo-angular-common": "14.4.0-develop.9",
51
+ "@progress/kendo-angular-intl": "14.4.0-develop.9",
52
+ "@progress/kendo-angular-l10n": "14.4.0-develop.9",
53
+ "@progress/kendo-angular-popup": "14.4.0-develop.9",
54
+ "@progress/kendo-angular-navigation": "14.4.0-develop.9",
55
55
  "hammerjs": "^2.0.0",
56
56
  "rxjs": "^6.5.3 || ^7.0.0"
57
57
  },
58
58
  "dependencies": {
59
59
  "tslib": "^2.3.1",
60
- "@progress/kendo-angular-schematics": "14.4.0-develop.7",
60
+ "@progress/kendo-angular-schematics": "14.4.0-develop.9",
61
61
  "@progress/kendo-charts": "2.0.0",
62
62
  "@progress/kendo-svg-icons": "^2.0.0"
63
63
  },