@progress/kendo-vue-charts 4.1.1 → 4.2.0

package/dist/es/components/SeriesItem.js

@@ -221,6 +221,12 @@ var ChartSeriesItemVue2 = {
         return undefined;
       }
     },
+    legendItem: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
     notes: {
       type: Object,
       default: function _default() {

package/dist/es/components/legend/Item.js

@@ -13,6 +13,39 @@ var ChartLegendItemVue2 = {
   name: 'KendoChartLegendItem',
   props: {
     cursor: String,
+    type: {
+      type: String,
+      default: function _default() {
+        return undefined;
+      },
+      validator: function validator(value) {
+        return ['area', 'line'].includes(value);
+      }
+    },
+    line: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
+    area: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
+    markers: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
+    highlight: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
     visual: {
       type: Function,
       default: undefined

package/dist/es/option-types/legend/item.interface.d.ts

@@ -1,13 +1,38 @@
 import { drawing } from '@progress/kendo-drawing';
-import { LegendItemVisualArgs } from '../../common/property-types';
+import { Border, DashType, LegendItemVisualArgs } from '../../common/property-types';
+import { SeriesMarkers } from './../series-item/markers.interface';
 /**
- * @hidden
+ * The configuration of the Chart legend item.
  */
 export interface LegendItem {
     /**
      * The cursor style of the legend item.
      */
     cursor?: string;
+    /**
+     * Sets the type of the legend item.
+     * The default value is based on the series type.
+     */
+    type?: LegendItemType | string;
+    /**
+     * Sets the configuration of the legend items of type `line`.
+     * This is the default legend item type for all line and scatter series.
+     */
+    line?: LegendItemLine;
+    /**
+     * Sets the configuration of the legend items of type `area`.
+     * By default, all series except line and scatter use this legend type.
+     */
+    area?: LegendItemArea;
+    /**
+     * The markers configuration of the legend item.
+     * Defaults to the series options.
+     */
+    markers?: LegendItemMarkers;
+    /**
+     * The highlight configuration of the legend item.
+     */
+    highlight?: LegendItemHighlight;
     /**
      * A function for creating a custom visual for the legend items.
      *
@@ -19,3 +44,74 @@ export interface LegendItem {
      */
     visual?: (e: LegendItemVisualArgs) => drawing.Element;
 }
+/**
+ * The configuration of the Chart legend item markers border.
+ */
+export interface LegendItemMarkersBorder extends Omit<Border, 'width'> {
+}
+/**
+ * The configuration of the Chart legend item markers.
+ */
+export interface LegendItemMarkers extends Omit<SeriesMarkers, 'size' | 'border' | 'rotation' | 'from' | 'to'> {
+    /**
+     * The border of the markers.
+     */
+    border?: LegendItemMarkersBorder;
+}
+/**
+ * The configuration of the Chart legend item highlight state.
+ */
+export interface LegendItemHighlight {
+    /**
+     * If set to `false`, the hover effect of the legend item is disabled.
+     */
+    visible?: boolean;
+    /**
+     * The `markers` configuration of the legend item when it is hovered.
+     */
+    markers?: LegendItemMarkers;
+}
+/**
+ * The configuration of the Chart legend item of type `line`.
+ * Defaults to the series options.
+ */
+export interface LegendItemLine {
+    /**
+     * The color of the legend item. Accepts a valid CSS color string, including HEX and RGB.
+     * Defaults to the series color.
+     */
+    color?: string;
+    /**
+     * The opacity of the legend item.
+     * Defaults to the series opacity.
+     */
+    opacity?: number;
+    /**
+     * The dash type of the legend item.
+     * Defaults to the series dash type.
+     */
+    dashType?: DashType;
+}
+/**
+ * The configuration of the Chart legend items of type `area`.
+ * Defaults to the series options.
+ */
+export interface LegendItemArea {
+    /**
+     * The background color of the legend item. Accepts a valid CSS color string, including HEX and RGB.
+     * Defaults to the series color.
+     */
+    background?: string;
+    /**
+     * The opacity of the legend item.
+     * Defaults to the series opacity.
+     */
+    opacity?: number;
+}
+/**
+ * The type of the Chart legend item.
+ *
+ * - `"line"`&mdash;the legend items are rendered as a line. This is the default value for line charts.
+ * - `"area"`&mdash;the legend items are rendered as a filled rectangle. This is the default value for area charts.
+ */
+export declare type LegendItemType = 'line' | 'area';

package/dist/es/option-types/series-item.interface.d.ts

@@ -1,5 +1,5 @@
 import { drawing } from '@progress/kendo-drawing';
-import { Border, BulletTarget, DashType, LabelConnectors, SeriesTrendline } from '../common/property-types';
+import { Border, BulletTarget, DashType, LabelConnectors, LegendItem, SeriesTrendline } from '../common/property-types';
 import { Margin, NegativeBubbleValues, Overlay, SeriesLine, SeriesType } from '../common/property-types';
 import { LineStyle, SeriesStack, SeriesVisualArgs } from '../common/property-types';
 import { SeriesErrorBars } from './series-item/error-bars.interface';
@@ -430,6 +430,11 @@ export interface Series {
      * The configuration of the Chart series marker. The Chart displays the series labels when the [`series.markers.visible`]({% slug api_charts_chartseriesmarkersprops %}#toc-visible) option is set to `true`. The markers option is supported when [`series.type`]({% slug api_charts_chartseriesitemprops %}#toc-type) is set to `"area"`, `"rangeArea"`, `"line"`, `"scatter"`, `"scatterLine"`, `"radarLine"`, `"radarArea"`, `"polarLine"`, `"polarScatter"`, or `"polarArea"`.
      */
     markers?: SeriesMarkers;
+    /**
+     * The configuration of the Chart legend item.
+     * By default, the Legend item type and markers are inherited from the series.
+     */
+    legendItem?: LegendItem;
     /**
      * The configuration of the series notes.
      */

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-charts',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1703767464,
+    publishDate: 1705504048,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/esm/components/SeriesItem.js

@@ -221,6 +221,12 @@ var ChartSeriesItemVue2 = {
         return undefined;
       }
     },
+    legendItem: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
     notes: {
       type: Object,
       default: function _default() {

package/dist/esm/components/legend/Item.js

@@ -13,6 +13,39 @@ var ChartLegendItemVue2 = {
   name: 'KendoChartLegendItem',
   props: {
     cursor: String,
+    type: {
+      type: String,
+      default: function _default() {
+        return undefined;
+      },
+      validator: function validator(value) {
+        return ['area', 'line'].includes(value);
+      }
+    },
+    line: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
+    area: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
+    markers: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
+    highlight: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
     visual: {
       type: Function,
       default: undefined

package/dist/esm/option-types/legend/item.interface.d.ts

@@ -1,13 +1,38 @@
 import { drawing } from '@progress/kendo-drawing';
-import { LegendItemVisualArgs } from '../../common/property-types';
+import { Border, DashType, LegendItemVisualArgs } from '../../common/property-types';
+import { SeriesMarkers } from './../series-item/markers.interface';
 /**
- * @hidden
+ * The configuration of the Chart legend item.
  */
 export interface LegendItem {
     /**
      * The cursor style of the legend item.
      */
     cursor?: string;
+    /**
+     * Sets the type of the legend item.
+     * The default value is based on the series type.
+     */
+    type?: LegendItemType | string;
+    /**
+     * Sets the configuration of the legend items of type `line`.
+     * This is the default legend item type for all line and scatter series.
+     */
+    line?: LegendItemLine;
+    /**
+     * Sets the configuration of the legend items of type `area`.
+     * By default, all series except line and scatter use this legend type.
+     */
+    area?: LegendItemArea;
+    /**
+     * The markers configuration of the legend item.
+     * Defaults to the series options.
+     */
+    markers?: LegendItemMarkers;
+    /**
+     * The highlight configuration of the legend item.
+     */
+    highlight?: LegendItemHighlight;
     /**
      * A function for creating a custom visual for the legend items.
      *
@@ -19,3 +44,74 @@ export interface LegendItem {
      */
     visual?: (e: LegendItemVisualArgs) => drawing.Element;
 }
+/**
+ * The configuration of the Chart legend item markers border.
+ */
+export interface LegendItemMarkersBorder extends Omit<Border, 'width'> {
+}
+/**
+ * The configuration of the Chart legend item markers.
+ */
+export interface LegendItemMarkers extends Omit<SeriesMarkers, 'size' | 'border' | 'rotation' | 'from' | 'to'> {
+    /**
+     * The border of the markers.
+     */
+    border?: LegendItemMarkersBorder;
+}
+/**
+ * The configuration of the Chart legend item highlight state.
+ */
+export interface LegendItemHighlight {
+    /**
+     * If set to `false`, the hover effect of the legend item is disabled.
+     */
+    visible?: boolean;
+    /**
+     * The `markers` configuration of the legend item when it is hovered.
+     */
+    markers?: LegendItemMarkers;
+}
+/**
+ * The configuration of the Chart legend item of type `line`.
+ * Defaults to the series options.
+ */
+export interface LegendItemLine {
+    /**
+     * The color of the legend item. Accepts a valid CSS color string, including HEX and RGB.
+     * Defaults to the series color.
+     */
+    color?: string;
+    /**
+     * The opacity of the legend item.
+     * Defaults to the series opacity.
+     */
+    opacity?: number;
+    /**
+     * The dash type of the legend item.
+     * Defaults to the series dash type.
+     */
+    dashType?: DashType;
+}
+/**
+ * The configuration of the Chart legend items of type `area`.
+ * Defaults to the series options.
+ */
+export interface LegendItemArea {
+    /**
+     * The background color of the legend item. Accepts a valid CSS color string, including HEX and RGB.
+     * Defaults to the series color.
+     */
+    background?: string;
+    /**
+     * The opacity of the legend item.
+     * Defaults to the series opacity.
+     */
+    opacity?: number;
+}
+/**
+ * The type of the Chart legend item.
+ *
+ * - `"line"`&mdash;the legend items are rendered as a line. This is the default value for line charts.
+ * - `"area"`&mdash;the legend items are rendered as a filled rectangle. This is the default value for area charts.
+ */
+export declare type LegendItemType = 'line' | 'area';

package/dist/esm/option-types/series-item.interface.d.ts

@@ -1,5 +1,5 @@
 import { drawing } from '@progress/kendo-drawing';
-import { Border, BulletTarget, DashType, LabelConnectors, SeriesTrendline } from '../common/property-types';
+import { Border, BulletTarget, DashType, LabelConnectors, LegendItem, SeriesTrendline } from '../common/property-types';
 import { Margin, NegativeBubbleValues, Overlay, SeriesLine, SeriesType } from '../common/property-types';
 import { LineStyle, SeriesStack, SeriesVisualArgs } from '../common/property-types';
 import { SeriesErrorBars } from './series-item/error-bars.interface';
@@ -430,6 +430,11 @@ export interface Series {
      * The configuration of the Chart series marker. The Chart displays the series labels when the [`series.markers.visible`]({% slug api_charts_chartseriesmarkersprops %}#toc-visible) option is set to `true`. The markers option is supported when [`series.type`]({% slug api_charts_chartseriesitemprops %}#toc-type) is set to `"area"`, `"rangeArea"`, `"line"`, `"scatter"`, `"scatterLine"`, `"radarLine"`, `"radarArea"`, `"polarLine"`, `"polarScatter"`, or `"polarArea"`.
      */
     markers?: SeriesMarkers;
+    /**
+     * The configuration of the Chart legend item.
+     * By default, the Legend item type and markers are inherited from the series.
+     */
+    legendItem?: LegendItem;
     /**
      * The configuration of the series notes.
      */

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-charts',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1703767464,
+    publishDate: 1705504048,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/npm/components/SeriesItem.js

@@ -227,6 +227,12 @@ var ChartSeriesItemVue2 = {
         return undefined;
       }
     },
+    legendItem: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
     notes: {
       type: Object,
       default: function _default() {

package/dist/npm/components/legend/Item.js

@@ -19,6 +19,39 @@ var ChartLegendItemVue2 = {
   name: 'KendoChartLegendItem',
   props: {
     cursor: String,
+    type: {
+      type: String,
+      default: function _default() {
+        return undefined;
+      },
+      validator: function validator(value) {
+        return ['area', 'line'].includes(value);
+      }
+    },
+    line: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
+    area: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
+    markers: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
+    highlight: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
     visual: {
       type: Function,
       default: undefined

package/dist/npm/option-types/legend/item.interface.d.ts

@@ -1,13 +1,38 @@
 import { drawing } from '@progress/kendo-drawing';
-import { LegendItemVisualArgs } from '../../common/property-types';
+import { Border, DashType, LegendItemVisualArgs } from '../../common/property-types';
+import { SeriesMarkers } from './../series-item/markers.interface';
 /**
- * @hidden
+ * The configuration of the Chart legend item.
  */
 export interface LegendItem {
     /**
      * The cursor style of the legend item.
      */
     cursor?: string;
+    /**
+     * Sets the type of the legend item.
+     * The default value is based on the series type.
+     */
+    type?: LegendItemType | string;
+    /**
+     * Sets the configuration of the legend items of type `line`.
+     * This is the default legend item type for all line and scatter series.
+     */
+    line?: LegendItemLine;
+    /**
+     * Sets the configuration of the legend items of type `area`.
+     * By default, all series except line and scatter use this legend type.
+     */
+    area?: LegendItemArea;
+    /**
+     * The markers configuration of the legend item.
+     * Defaults to the series options.
+     */
+    markers?: LegendItemMarkers;
+    /**
+     * The highlight configuration of the legend item.
+     */
+    highlight?: LegendItemHighlight;
     /**
      * A function for creating a custom visual for the legend items.
      *
@@ -19,3 +44,74 @@ export interface LegendItem {
      */
     visual?: (e: LegendItemVisualArgs) => drawing.Element;
 }
+/**
+ * The configuration of the Chart legend item markers border.
+ */
+export interface LegendItemMarkersBorder extends Omit<Border, 'width'> {
+}
+/**
+ * The configuration of the Chart legend item markers.
+ */
+export interface LegendItemMarkers extends Omit<SeriesMarkers, 'size' | 'border' | 'rotation' | 'from' | 'to'> {
+    /**
+     * The border of the markers.
+     */
+    border?: LegendItemMarkersBorder;
+}
+/**
+ * The configuration of the Chart legend item highlight state.
+ */
+export interface LegendItemHighlight {
+    /**
+     * If set to `false`, the hover effect of the legend item is disabled.
+     */
+    visible?: boolean;
+    /**
+     * The `markers` configuration of the legend item when it is hovered.
+     */
+    markers?: LegendItemMarkers;
+}
+/**
+ * The configuration of the Chart legend item of type `line`.
+ * Defaults to the series options.
+ */
+export interface LegendItemLine {
+    /**
+     * The color of the legend item. Accepts a valid CSS color string, including HEX and RGB.
+     * Defaults to the series color.
+     */
+    color?: string;
+    /**
+     * The opacity of the legend item.
+     * Defaults to the series opacity.
+     */
+    opacity?: number;
+    /**
+     * The dash type of the legend item.
+     * Defaults to the series dash type.
+     */
+    dashType?: DashType;
+}
+/**
+ * The configuration of the Chart legend items of type `area`.
+ * Defaults to the series options.
+ */
+export interface LegendItemArea {
+    /**
+     * The background color of the legend item. Accepts a valid CSS color string, including HEX and RGB.
+     * Defaults to the series color.
+     */
+    background?: string;
+    /**
+     * The opacity of the legend item.
+     * Defaults to the series opacity.
+     */
+    opacity?: number;
+}
+/**
+ * The type of the Chart legend item.
+ *
+ * - `"line"`&mdash;the legend items are rendered as a line. This is the default value for line charts.
+ * - `"area"`&mdash;the legend items are rendered as a filled rectangle. This is the default value for area charts.
+ */
+export declare type LegendItemType = 'line' | 'area';

package/dist/npm/option-types/series-item.interface.d.ts

@@ -1,5 +1,5 @@
 import { drawing } from '@progress/kendo-drawing';
-import { Border, BulletTarget, DashType, LabelConnectors, SeriesTrendline } from '../common/property-types';
+import { Border, BulletTarget, DashType, LabelConnectors, LegendItem, SeriesTrendline } from '../common/property-types';
 import { Margin, NegativeBubbleValues, Overlay, SeriesLine, SeriesType } from '../common/property-types';
 import { LineStyle, SeriesStack, SeriesVisualArgs } from '../common/property-types';
 import { SeriesErrorBars } from './series-item/error-bars.interface';
@@ -430,6 +430,11 @@ export interface Series {
      * The configuration of the Chart series marker. The Chart displays the series labels when the [`series.markers.visible`]({% slug api_charts_chartseriesmarkersprops %}#toc-visible) option is set to `true`. The markers option is supported when [`series.type`]({% slug api_charts_chartseriesitemprops %}#toc-type) is set to `"area"`, `"rangeArea"`, `"line"`, `"scatter"`, `"scatterLine"`, `"radarLine"`, `"radarArea"`, `"polarLine"`, `"polarScatter"`, or `"polarArea"`.
      */
     markers?: SeriesMarkers;
+    /**
+     * The configuration of the Chart legend item.
+     * By default, the Legend item type and markers are inherited from the series.
+     */
+    legendItem?: LegendItem;
     /**
      * The configuration of the series notes.
      */

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-charts',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1703767464,
+    publishDate: 1705504048,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-charts",
   "description": "Kendo UI for Vue Charts package",
-  "version": "4.1.1",
+  "version": "4.2.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -43,18 +43,18 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-charts": "1.32.1",
-    "@progress/kendo-vue-common": "4.1.1",
-    "@progress/kendo-vue-popup": "4.1.1"
+    "@progress/kendo-charts": "2.0.0",
+    "@progress/kendo-vue-common": "4.2.0",
+    "@progress/kendo-vue-popup": "4.2.0"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-file-saver": "^1.0.1",
     "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-vue-dropdowns": "4.1.1",
-    "@progress/kendo-vue-inputs": "4.1.1",
-    "@progress/kendo-vue-intl": "4.1.1",
+    "@progress/kendo-vue-dropdowns": "4.2.0",
+    "@progress/kendo-vue-inputs": "4.2.0",
+    "@progress/kendo-vue-intl": "4.2.0",
     "cldr-core": "^41.0.0",
     "cldr-dates-full": "^41.0.0",
     "cldr-numbers-full": "^41.0.0",