@progress/kendo-react-charts 5.6.0-next.202209020618 → 5.7.0-dev.202209121340

package/dist/es/common/property-types.d.ts

@@ -99,6 +99,7 @@ export { SeriesNotesLabel } from '../option-types/series-item/notes.label.interf
 export { SeriesOutliers } from '../option-types/series-item/outliers.interface';
 export { SeriesTooltip } from '../option-types/series-item/tooltip.interface';
 export { Series } from '../option-types/series-item.interface';
+export { Subtitle } from '../option-types/subtitle.interface';
 export { Title } from '../option-types/title.interface';
 export { Tooltip } from '../option-types/tooltip.interface';
 export { ValueAxisCrosshair } from '../option-types/value-axis-item/crosshair.interface';

package/dist/es/components/Subtitle.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { Subtitle } from '../common/property-types';
+/**
+ * Represents the props of the KendoReact ChartSubtitle component ([see example]({% slug title_chart_charts %})).
+ */
+export interface ChartSubtitleProps extends Subtitle {
+}
+declare const ChartSubtitle: React.FunctionComponent<ChartSubtitleProps>;
+export { ChartSubtitle };

package/dist/es/components/Subtitle.js

@@ -0,0 +1,17 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from 'react';
+import { ConfigurationComponent } from './base/ConfigurationComponent';
+var ChartSubtitle = function (props) {
+    return (React.createElement(ConfigurationComponent, __assign({}, props, { _chartKey: "subtitle" })));
+};
+export { ChartSubtitle };

package/dist/es/components/main.d.ts

@@ -11,6 +11,7 @@ import { ChartPlotArea, ChartPlotAreaProps } from './PlotArea';
 import { ChartSeries, ChartSeriesProps } from './Series';
 import { ChartSeriesDefaults, ChartSeriesDefaultsProps } from './SeriesDefaults';
 import { ChartSeriesItem, ChartSeriesItemProps } from './SeriesItem';
+import { ChartSubtitle, ChartSubtitleProps } from './Subtitle';
 import { ChartTitle, ChartTitleProps } from './Title';
 import { ChartTooltip, ChartTooltipProps } from './Tooltip';
 import { ChartValueAxis, ChartValueAxisProps } from './ValueAxis';
@@ -31,4 +32,4 @@ export * from './value-axis-item/main';
 export * from './x-axis-item/main';
 export * from './y-axis-item/main';
 export * from './navigator/main';
-export { ChartArea, ChartAreaProps, ChartAxisDefaults, ChartAxisDefaultsProps, ChartCategoryAxis, ChartCategoryAxisProps, ChartCategoryAxisItem, ChartCategoryAxisItemProps, ChartLegend, ChartLegendProps, ChartNavigator, ChartNavigatorProps, ChartPane, ChartPaneDefaults, ChartPaneDefaultsProps, ChartPaneProps, ChartPanes, ChartPanesProps, ChartPlotArea, ChartPlotAreaProps, ChartSeries, ChartSeriesProps, ChartSeriesDefaults, ChartSeriesDefaultsProps, ChartSeriesItem, ChartSeriesItemProps, ChartTitle, ChartTitleProps, ChartTooltip, ChartTooltipProps, ChartValueAxis, ChartValueAxisProps, ChartValueAxisItem, ChartValueAxisItemProps, ChartXAxis, ChartXAxisProps, ChartXAxisItem, ChartXAxisItemProps, ChartYAxis, ChartYAxisProps, ChartYAxisItem, ChartYAxisItemProps, ChartZoomable, ChartZoomableProps };
+export { ChartArea, ChartAreaProps, ChartAxisDefaults, ChartAxisDefaultsProps, ChartCategoryAxis, ChartCategoryAxisProps, ChartCategoryAxisItem, ChartCategoryAxisItemProps, ChartLegend, ChartLegendProps, ChartNavigator, ChartNavigatorProps, ChartPane, ChartPaneDefaults, ChartPaneDefaultsProps, ChartPaneProps, ChartPanes, ChartPanesProps, ChartPlotArea, ChartPlotAreaProps, ChartSeries, ChartSeriesProps, ChartSeriesDefaults, ChartSeriesDefaultsProps, ChartSeriesItem, ChartSeriesItemProps, ChartSubtitle, ChartSubtitleProps, ChartTitle, ChartTitleProps, ChartTooltip, ChartTooltipProps, ChartValueAxis, ChartValueAxisProps, ChartValueAxisItem, ChartValueAxisItemProps, ChartXAxis, ChartXAxisProps, ChartXAxisItem, ChartXAxisItemProps, ChartYAxis, ChartYAxisProps, ChartYAxisItem, ChartYAxisItemProps, ChartZoomable, ChartZoomableProps };

package/dist/es/components/main.js

@@ -11,6 +11,7 @@ import { ChartPlotArea } from './PlotArea';
 import { ChartSeries } from './Series';
 import { ChartSeriesDefaults } from './SeriesDefaults';
 import { ChartSeriesItem } from './SeriesItem';
+import { ChartSubtitle } from './Subtitle';
 import { ChartTitle } from './Title';
 import { ChartTooltip } from './Tooltip';
 import { ChartValueAxis } from './ValueAxis';
@@ -31,4 +32,4 @@ export * from './value-axis-item/main';
 export * from './x-axis-item/main';
 export * from './y-axis-item/main';
 export * from './navigator/main';
-export { ChartArea, ChartAxisDefaults, ChartCategoryAxis, ChartCategoryAxisItem, ChartLegend, ChartNavigator, ChartPane, ChartPaneDefaults, ChartPanes, ChartPlotArea, ChartSeries, ChartSeriesDefaults, ChartSeriesItem, ChartTitle, ChartTooltip, ChartValueAxis, ChartValueAxisItem, ChartXAxis, ChartXAxisItem, ChartYAxis, ChartYAxisItem, ChartZoomable };
+export { ChartArea, ChartAxisDefaults, ChartCategoryAxis, ChartCategoryAxisItem, ChartLegend, ChartNavigator, ChartPane, ChartPaneDefaults, ChartPanes, ChartPlotArea, ChartSeries, ChartSeriesDefaults, ChartSeriesItem, ChartSubtitle, ChartTitle, ChartTooltip, ChartValueAxis, ChartValueAxisItem, ChartXAxis, ChartXAxisItem, ChartYAxis, ChartYAxisItem, ChartZoomable };

package/dist/es/option-types/subtitle.interface.d.ts

@@ -0,0 +1,61 @@
+import { Border, Margin, Padding } from '../common/property-types';
+/**
+ * @hidden
+ */
+export interface Subtitle {
+    /**
+     * The alignment of the subtitle.
+     *
+     * By default, the subtitle has the same alignment as the title.
+     *
+     * The available options are:
+     * - `"center"`—The text is aligned to the middle.
+     * - `"left"`—The text is aligned to the left.
+     * - `"right"`—The text is aligned to the right.
+     */
+    align?: 'center' | 'left' | 'right';
+    /**
+     * The background color of the subtitle. Accepts a valid CSS color string, including hex and rgb.
+     */
+    background?: string;
+    /**
+     * The border of the subtitle.
+     */
+    border?: Border;
+    /**
+     * The text color of the subtitle. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The font of the subtitle.
+     */
+    font?: string;
+    /**
+     * The margin of the subtitle. A numeric value sets all margins.
+     */
+    margin?: Margin | number;
+    /**
+     * The padding of the subtitle. A numeric value sets all margins.
+     */
+    padding?: Padding | number;
+    /**
+     * The position of the subtitle.
+     *
+     * By default, the subtitle is placed in the same position as the title.
+     *
+     * The available options are:
+     * - `"bottom"`—The title is positioned on the bottom.
+     * - `"top"`—The title is positioned on the top.
+     */
+    position?: 'top' | 'bottom';
+    /**
+     * The text of the chart subtitle. You can also set the text directly for a title with default options.
+     *
+     * You can split the text into multiple lines by using the line feed characters ("\n").
+     */
+    text?: string;
+    /**
+     * If set to `true`, the Chart displays the subtitle. By default, the subtitle is displayed.
+     */
+    visible?: boolean;
+}

package/dist/es/option-types/subtitle.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-charts',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1662098275,
+    publishDate: 1662988791,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/es/theming/theme-service.js

@@ -65,6 +65,7 @@ var ThemeService = /** @class */ (function () {
         this.mapColor('seriesDefaults.verticalBullet.target.color', 'normal-text-color');
         this.mapColor('seriesDefaults.waterfall.line.color', 'chart-major-lines');
         this.mapColor('title.color', 'normal-text-color');
+        this.mapColor('subtitle.color', 'normal-text-color');
         var opacity = parseFloat(this.queryStyle('chart-area-opacity').opacity);
         if (!isNaN(opacity)) {
             this.setStyle('seriesDefaults.area.opacity', opacity);
@@ -87,6 +88,7 @@ var ThemeService = /** @class */ (function () {
         this.setStyle('seriesDefaults.labels.font', labelFont);
         this.setStyle('seriesDefaults.notes.label.font', defaultFont);
         this.setStyle('title.font', titleFont);
+        this.setStyle('subtitle.font', paneTitleFont);
         this.setStyle('paneDefaults.title.font', paneTitleFont);
     };
     ThemeService.prototype.setSeriesColors = function () {

package/dist/npm/common/property-types.d.ts

@@ -99,6 +99,7 @@ export { SeriesNotesLabel } from '../option-types/series-item/notes.label.interf
 export { SeriesOutliers } from '../option-types/series-item/outliers.interface';
 export { SeriesTooltip } from '../option-types/series-item/tooltip.interface';
 export { Series } from '../option-types/series-item.interface';
+export { Subtitle } from '../option-types/subtitle.interface';
 export { Title } from '../option-types/title.interface';
 export { Tooltip } from '../option-types/tooltip.interface';
 export { ValueAxisCrosshair } from '../option-types/value-axis-item/crosshair.interface';

package/dist/npm/components/Subtitle.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { Subtitle } from '../common/property-types';
+/**
+ * Represents the props of the KendoReact ChartSubtitle component ([see example]({% slug title_chart_charts %})).
+ */
+export interface ChartSubtitleProps extends Subtitle {
+}
+declare const ChartSubtitle: React.FunctionComponent<ChartSubtitleProps>;
+export { ChartSubtitle };

package/dist/npm/components/Subtitle.js

@@ -0,0 +1,20 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChartSubtitle = void 0;
+var React = require("react");
+var ConfigurationComponent_1 = require("./base/ConfigurationComponent");
+var ChartSubtitle = function (props) {
+    return (React.createElement(ConfigurationComponent_1.ConfigurationComponent, __assign({}, props, { _chartKey: "subtitle" })));
+};
+exports.ChartSubtitle = ChartSubtitle;

package/dist/npm/components/main.d.ts

@@ -11,6 +11,7 @@ import { ChartPlotArea, ChartPlotAreaProps } from './PlotArea';
 import { ChartSeries, ChartSeriesProps } from './Series';
 import { ChartSeriesDefaults, ChartSeriesDefaultsProps } from './SeriesDefaults';
 import { ChartSeriesItem, ChartSeriesItemProps } from './SeriesItem';
+import { ChartSubtitle, ChartSubtitleProps } from './Subtitle';
 import { ChartTitle, ChartTitleProps } from './Title';
 import { ChartTooltip, ChartTooltipProps } from './Tooltip';
 import { ChartValueAxis, ChartValueAxisProps } from './ValueAxis';
@@ -31,4 +32,4 @@ export * from './value-axis-item/main';
 export * from './x-axis-item/main';
 export * from './y-axis-item/main';
 export * from './navigator/main';
-export { ChartArea, ChartAreaProps, ChartAxisDefaults, ChartAxisDefaultsProps, ChartCategoryAxis, ChartCategoryAxisProps, ChartCategoryAxisItem, ChartCategoryAxisItemProps, ChartLegend, ChartLegendProps, ChartNavigator, ChartNavigatorProps, ChartPane, ChartPaneDefaults, ChartPaneDefaultsProps, ChartPaneProps, ChartPanes, ChartPanesProps, ChartPlotArea, ChartPlotAreaProps, ChartSeries, ChartSeriesProps, ChartSeriesDefaults, ChartSeriesDefaultsProps, ChartSeriesItem, ChartSeriesItemProps, ChartTitle, ChartTitleProps, ChartTooltip, ChartTooltipProps, ChartValueAxis, ChartValueAxisProps, ChartValueAxisItem, ChartValueAxisItemProps, ChartXAxis, ChartXAxisProps, ChartXAxisItem, ChartXAxisItemProps, ChartYAxis, ChartYAxisProps, ChartYAxisItem, ChartYAxisItemProps, ChartZoomable, ChartZoomableProps };
+export { ChartArea, ChartAreaProps, ChartAxisDefaults, ChartAxisDefaultsProps, ChartCategoryAxis, ChartCategoryAxisProps, ChartCategoryAxisItem, ChartCategoryAxisItemProps, ChartLegend, ChartLegendProps, ChartNavigator, ChartNavigatorProps, ChartPane, ChartPaneDefaults, ChartPaneDefaultsProps, ChartPaneProps, ChartPanes, ChartPanesProps, ChartPlotArea, ChartPlotAreaProps, ChartSeries, ChartSeriesProps, ChartSeriesDefaults, ChartSeriesDefaultsProps, ChartSeriesItem, ChartSeriesItemProps, ChartSubtitle, ChartSubtitleProps, ChartTitle, ChartTitleProps, ChartTooltip, ChartTooltipProps, ChartValueAxis, ChartValueAxisProps, ChartValueAxisItem, ChartValueAxisItemProps, ChartXAxis, ChartXAxisProps, ChartXAxisItem, ChartXAxisItemProps, ChartYAxis, ChartYAxisProps, ChartYAxisItem, ChartYAxisItemProps, ChartZoomable, ChartZoomableProps };

package/dist/npm/components/main.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChartZoomable = exports.ChartYAxisItem = exports.ChartYAxis = exports.ChartXAxisItem = exports.ChartXAxis = exports.ChartValueAxisItem = exports.ChartValueAxis = exports.ChartTooltip = exports.ChartTitle = exports.ChartSeriesItem = exports.ChartSeriesDefaults = exports.ChartSeries = exports.ChartPlotArea = exports.ChartPanes = exports.ChartPaneDefaults = exports.ChartPane = exports.ChartNavigator = exports.ChartLegend = exports.ChartCategoryAxisItem = exports.ChartCategoryAxis = exports.ChartAxisDefaults = exports.ChartArea = void 0;
+exports.ChartZoomable = exports.ChartYAxisItem = exports.ChartYAxis = exports.ChartXAxisItem = exports.ChartXAxis = exports.ChartValueAxisItem = exports.ChartValueAxis = exports.ChartTooltip = exports.ChartTitle = exports.ChartSubtitle = exports.ChartSeriesItem = exports.ChartSeriesDefaults = exports.ChartSeries = exports.ChartPlotArea = exports.ChartPanes = exports.ChartPaneDefaults = exports.ChartPane = exports.ChartNavigator = exports.ChartLegend = exports.ChartCategoryAxisItem = exports.ChartCategoryAxis = exports.ChartAxisDefaults = exports.ChartArea = void 0;
 var ChartArea_1 = require("./ChartArea");
 Object.defineProperty(exports, "ChartArea", { enumerable: true, get: function () { return ChartArea_1.ChartArea; } });
 var AxisDefaults_1 = require("./AxisDefaults");
@@ -41,6 +41,8 @@ var SeriesDefaults_1 = require("./SeriesDefaults");
 Object.defineProperty(exports, "ChartSeriesDefaults", { enumerable: true, get: function () { return SeriesDefaults_1.ChartSeriesDefaults; } });
 var SeriesItem_1 = require("./SeriesItem");
 Object.defineProperty(exports, "ChartSeriesItem", { enumerable: true, get: function () { return SeriesItem_1.ChartSeriesItem; } });
+var Subtitle_1 = require("./Subtitle");
+Object.defineProperty(exports, "ChartSubtitle", { enumerable: true, get: function () { return Subtitle_1.ChartSubtitle; } });
 var Title_1 = require("./Title");
 Object.defineProperty(exports, "ChartTitle", { enumerable: true, get: function () { return Title_1.ChartTitle; } });
 var Tooltip_1 = require("./Tooltip");

package/dist/npm/option-types/subtitle.interface.d.ts

@@ -0,0 +1,61 @@
+import { Border, Margin, Padding } from '../common/property-types';
+/**
+ * @hidden
+ */
+export interface Subtitle {
+    /**
+     * The alignment of the subtitle.
+     *
+     * By default, the subtitle has the same alignment as the title.
+     *
+     * The available options are:
+     * - `"center"`—The text is aligned to the middle.
+     * - `"left"`—The text is aligned to the left.
+     * - `"right"`—The text is aligned to the right.
+     */
+    align?: 'center' | 'left' | 'right';
+    /**
+     * The background color of the subtitle. Accepts a valid CSS color string, including hex and rgb.
+     */
+    background?: string;
+    /**
+     * The border of the subtitle.
+     */
+    border?: Border;
+    /**
+     * The text color of the subtitle. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The font of the subtitle.
+     */
+    font?: string;
+    /**
+     * The margin of the subtitle. A numeric value sets all margins.
+     */
+    margin?: Margin | number;
+    /**
+     * The padding of the subtitle. A numeric value sets all margins.
+     */
+    padding?: Padding | number;
+    /**
+     * The position of the subtitle.
+     *
+     * By default, the subtitle is placed in the same position as the title.
+     *
+     * The available options are:
+     * - `"bottom"`—The title is positioned on the bottom.
+     * - `"top"`—The title is positioned on the top.
+     */
+    position?: 'top' | 'bottom';
+    /**
+     * The text of the chart subtitle. You can also set the text directly for a title with default options.
+     *
+     * You can split the text into multiple lines by using the line feed characters ("\n").
+     */
+    text?: string;
+    /**
+     * If set to `true`, the Chart displays the subtitle. By default, the subtitle is displayed.
+     */
+    visible?: boolean;
+}

package/dist/npm/option-types/subtitle.interface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-charts',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1662098275,
+    publishDate: 1662988791,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/npm/theming/theme-service.js

@@ -68,6 +68,7 @@ var ThemeService = /** @class */ (function () {
         this.mapColor('seriesDefaults.verticalBullet.target.color', 'normal-text-color');
         this.mapColor('seriesDefaults.waterfall.line.color', 'chart-major-lines');
         this.mapColor('title.color', 'normal-text-color');
+        this.mapColor('subtitle.color', 'normal-text-color');
         var opacity = parseFloat(this.queryStyle('chart-area-opacity').opacity);
         if (!isNaN(opacity)) {
             this.setStyle('seriesDefaults.area.opacity', opacity);
@@ -90,6 +91,7 @@ var ThemeService = /** @class */ (function () {
         this.setStyle('seriesDefaults.labels.font', labelFont);
         this.setStyle('seriesDefaults.notes.label.font', defaultFont);
         this.setStyle('title.font', titleFont);
+        this.setStyle('subtitle.font', paneTitleFont);
         this.setStyle('paneDefaults.title.font', paneTitleFont);
     };
     ThemeService.prototype.setSeriesColors = function () {