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

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 (11) 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/package-metadata.mjs +2 -2
  7. package/fesm2015/progress-kendo-angular-charts.mjs +16 -4
  8. package/fesm2020/progress-kendo-angular-charts.mjs +16 -4
  9. package/option-types/legend/item.interface.d.ts +97 -1
  10. package/option-types/series-item.interface.d.ts +6 -1
  11. 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/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: 1705403972,
13
+ version: '14.4.0-develop.8',
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: 1705403972,
1877
+ version: '14.4.0-develop.8',
1876
1878
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
1877
1879
  };
1878
1880
 
@@ -4045,7 +4047,7 @@ class LegendItemComponent extends SettingsComponent {
4045
4047
  }
4046
4048
  }
4047
4049
  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 });
4050
+ 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
4051
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LegendItemComponent, decorators: [{
4050
4052
  type: Component,
4051
4053
  args: [{
@@ -4055,6 +4057,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
4055
4057
  }]
4056
4058
  }], ctorParameters: function () { return [{ type: ConfigurationService }]; }, propDecorators: { cursor: [{
4057
4059
  type: Input
4060
+ }], type: [{
4061
+ type: Input
4062
+ }], line: [{
4063
+ type: Input
4064
+ }], area: [{
4065
+ type: Input
4066
+ }], markers: [{
4067
+ type: Input
4068
+ }], highlight: [{
4069
+ type: Input
4058
4070
  }], visual: [{
4059
4071
  type: Input
4060
4072
  }] } });
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: [{
@@ -2245,8 +2247,8 @@ const packageMetadata = {
2245
2247
  name: '@progress/kendo-angular-charts',
2246
2248
  productName: 'Kendo UI for Angular',
2247
2249
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
2248
- publishDate: 1705080705,
2249
- version: '14.4.0-develop.7',
2250
+ publishDate: 1705403972,
2251
+ version: '14.4.0-develop.8',
2250
2252
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
2251
2253
  };
2252
2254
 
@@ -4070,7 +4072,7 @@ class LegendItemComponent extends SettingsComponent {
4070
4072
  }
4071
4073
  }
4072
4074
  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 });
4075
+ 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
4076
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LegendItemComponent, decorators: [{
4075
4077
  type: Component,
4076
4078
  args: [{
@@ -4080,6 +4082,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
4080
4082
  }]
4081
4083
  }], ctorParameters: function () { return [{ type: ConfigurationService }]; }, propDecorators: { cursor: [{
4082
4084
  type: Input
4085
+ }], type: [{
4086
+ type: Input
4087
+ }], line: [{
4088
+ type: Input
4089
+ }], area: [{
4090
+ type: Input
4091
+ }], markers: [{
4092
+ type: Input
4093
+ }], highlight: [{
4094
+ type: Input
4083
4095
  }], visual: [{
4084
4096
  type: Input
4085
4097
  }] } });
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.8",
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.8",
51
+ "@progress/kendo-angular-intl": "14.4.0-develop.8",
52
+ "@progress/kendo-angular-l10n": "14.4.0-develop.8",
53
+ "@progress/kendo-angular-popup": "14.4.0-develop.8",
54
+ "@progress/kendo-angular-navigation": "14.4.0-develop.8",
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.8",
61
61
  "@progress/kendo-charts": "2.0.0",
62
62
  "@progress/kendo-svg-icons": "^2.0.0"
63
63
  },