@progress/kendo-angular-charts 13.2.0-develop.8 → 13.2.0

package/chart/series-item/markers.component.d.ts

@@ -12,65 +12,14 @@ import * as i0 from "@angular/core";
  * The configuration of the Chart series marker.
  *
  * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * _@Component({
- *       selector: 'my-app',
- *   template: `
- *       <kendo-chart [categoryAxis]="{ categories: categories }">
- *           <kendo-chart-title text="Gross domestic product growth /GDP annual %/"></kendo-chart-title>
- *           <kendo-chart-legend position="bottom" orientation="horizontal"></kendo-chart-legend>
- *           <kendo-chart-tooltip format="{0}%"></kendo-chart-tooltip>
- *           <kendo-chart-series>
- *               <kendo-chart-series-item *ngFor="let item of series"
- *                   type="line"
- *                   style="smooth"
- *                   [data]="item.data"
- *                   [name]="item.name"
- *                   [markers]="item.markers">
- *               </kendo-chart-series-item>
- *           </kendo-chart-series>
- *       </kendo-chart>
- *   `
- * })
- * export class AppComponent {
- * public series: any[] = [{
- *   name: "India",
- *   data: [3.907, 7.943, 7.848, 9.284, 9.263, 9.801, 3.890, 8.238, 9.552, 6.855],
- *   markers: {
- *     background: 'red',
- *     size: 20,
- *     type: 'circle'
- *   }
- * }, {
- *   name: "Russian Federation",
- *   data: [4.743, 7.295, 7.175, 6.376, 8.153, 8.535, 5.247, -7.832, 4.3, 4.3],
- *   markers: {
- *     background: 'yellow',
- *     size: 10,
- *     type: 'square',
- *     rotation: 45
- *   }
- * }, {
- *   name: "Germany",
- *   data: [0.010, -0.375, 1.161, 0.684, 3.7, 3.269, 1.083, -5.127, 3.690, 2.995],
- *   markers: {
- *     background: 'green',
- *     size: 20,
- *     type: 'triangle'
- *   }
- * },{
- *   name: "World",
- *   data: [1.988, 2.733, 3.994, 3.464, 4.001, 3.939, 1.333, -2.245, 4.339, 2.727],
- *   markers: {
- *     background: 'blue',
- *     size: 10,
- *     type: 'cross'
- *   }
- * }];
- * public categories: number[] = [2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011];
- * }
+ * ```html
+ * <kendo-chart ...>
+ *   <kendo-chart-series>
+ *     <kendo-chart-series-item type="line"...>
+ *       <kendo-chart-series-item-markers background="blue"> </kendo-chart-series-item-markers>
+ *     </kendo-chart-series-item>
+ *   </kendo-chart-series>
+ * </kendo-chart>
  * ```
  */
 export declare class SeriesMarkersComponent extends SettingsComponent implements SeriesMarkers {

package/chart/series-item/notes.component.d.ts

@@ -11,6 +11,17 @@ import * as i0 from "@angular/core";
 /**
  * The series notes configuration
  * ([see example]({% slug notes_chart_charts %})).
+ *
+ *  * @example
+ * ```html
+ * <kendo-chart ...>
+ *   <kendo-chart-series>
+ *     <kendo-chart-series-item type="line" [data]="data"...>
+ *       <kendo-chart-series-item-notes [icon]="{type: 'square'}"> </kendo-chart-series-item-notes>
+ *     </kendo-chart-series-item>
+ *   </kendo-chart-series>
+ * </kendo-chart>
+ * ```
  */
 export declare class SeriesNotesComponent extends SettingsComponent implements SeriesNotes {
     configurationService: ConfigurationService;

package/chart/series-item.component.d.ts

@@ -13,6 +13,15 @@ import { SeriesDrilldownTemplateDirective } from './series-drilldown-template.di
 import * as i0 from "@angular/core";
 /**
  * The configuration component for a series item.
+ *
+ * @example
+ * ```html
+ * <kendo-chart ...>
+ *   <kendo-chart-series>
+ *     <kendo-chart-series-item type="line" ...> </kendo-chart-series-item>
+ *   </kendo-chart-series>
+ * </kendo-chart>
+ * ```
  */
 export declare class SeriesItemComponent extends CollectionItemComponent implements Series {
     protected configurationService: ConfigurationService;
@@ -29,20 +38,17 @@ export declare class SeriesItemComponent extends CollectionItemComponent impleme
      * - `"max"`&mdash;The highest value for the date period.
      * - `"min"`&mdash;The lowest value for the date period.
      * - `"sum"`&mdash;The sum of all values for the date period. Defaults to `0` if no data points are defined.
-     * - `"sumOrNull"`&mdash;The sum of all values for the date period. Defaults to `null` if no data points are
-     * defined.
+     * - `"sumOrNull"`&mdash;The sum of all values for the date period. Defaults to `null` if no data points are defined.
      * - `"first"`&mdash;The first value.
-     * - function (values, series, dataItems, category)&mdash;A user-defined aggregate function. Returns a single
-     * value or a data item.
-     * - object (compound aggregate)&mdash;Applicable to the Candlestick, Box Plot, and OHLC series.
-     * Specifies the aggregate for each data item field..
+     * - function (values, series, dataItems, category)&mdash;A user-defined aggregate function. Returns a single value or a data item.
+     * - object (compound aggregate)&mdash;Applicable to the Candlestick, Box Plot, and OHLC series. Specifies the aggregate for each data item field.
      *
      * @default 'max'
      */
     aggregate: any;
     /**
      * If set to `true`, the Chart automatically scales down to fit the content area.
-     * Applicable for the Pie and Donut series. ([See example]({% slug donut_seriestypes_charts %}#toc-displaying-labels))
+     * Applicable for the Pie and Donut series. ([See example]({% slug donut_seriestypes_charts %}#toc-displaying-labels)).
      * @default false
      */
     autoFit: boolean;

package/chart/subtitle.component.d.ts

@@ -36,6 +36,11 @@ export declare class SubtitleComponent extends SettingsComponent implements Subt
      */
     font: string;
     margin: Margin | number;
+    /**
+     * The padding of the subtitle. A numeric value sets all paddings.
+     *
+     * @default 5
+     */
     padding: Padding | number;
     /**
      * The position of the subtitle.

package/chart/x-axis-item/notes.icon.component.d.ts

@@ -17,7 +17,7 @@ export declare class XAxisNotesIconComponent extends SettingsComponent implement
     size: number;
     /**
      * The shape of the notes icon.
-     * @default "circle"
+     * @default 'circle'
      */
     type: MarkerType;
     /**

package/chart/x-axis.component.d.ts

@@ -11,64 +11,19 @@ import * as i0 from "@angular/core";
  * A collection of one or more X-axis configuration components.
  *
  * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * _@Component({
- *  selector: 'my-app',
- * template: `
- *   <kendo-chart>
+ * ```html
+ * <kendo-chart>
  *     <kendo-chart-x-axis>
- *       <kendo-chart-x-axis-item
- *         [background]="'rgba(100, 100, 100, 0.2)'"
- *         color="red"
- *         [notes]="notesConfig"
- *         [crosshair]="crosshairConfig">
- *       </kendo-chart-x-axis-item>
- *       <kendo-chart-x-axis-item name="secondAxis">
- *       </kendo-chart-x-axis-item>
+ *         <kendo-chart-x-axis-item
+ *           [background]="'rgba(100, 100, 100, 0.2)'"
+ *           color="red"
+ *           [notes]="notesConfig"
+ *           [crosshair]="crosshairConfig">
+ *         </kendo-chart-x-axis-item>
+ *         <kendo-chart-x-axis-item name="secondAxis">
+ *         </kendo-chart-x-axis-item>
  *     </kendo-chart-x-axis>
- *     <kendo-chart-series>
- *       <kendo-chart-series-item type="scatter" [data]="[[1, 2]]">
- *       </kendo-chart-series-item>
- *       <kendo-chart-series-item type="scatter" [data]="[[0.1, 0.2]]"
- *                                xAxis="secondAxis">
- *       </kendo-chart-series-item>
- *     </kendo-chart-series>
- *   </kendo-chart>
- * `
- * })
- * export class AppComponent {
- * public notesConfig = {
- *   data: [{
- *       value: 0.2,
- *       text: "foo"
- *     }, {
- *       value: 0.8,
- *       text: "bar"
- *     }],
- *   label: {
- *     content: (args: any) => args.dataItem.text,
- *     background: 'red',
- *     color: 'white'
- *   },
- *   line: {
- *     color: 'blue',
- *     dashType: 'dash',
- *     length: 150,
- *     width: 2
- *   },
- *   position: 'top'
- * };
- *
- * public crosshairConfig = {
- *   color: 'green',
- *   opacity: 0.8,
- *   visible: true,
- *   width: 3
- * };
- * }
- *
+ * </kendo-chart>
  * ```
  */
 export declare class XAxisComponent extends CollectionComponent {

package/chart/y-axis-item/notes.icon.component.d.ts

@@ -17,7 +17,7 @@ export declare class YAxisNotesIconComponent extends SettingsComponent implement
     size: number;
     /**
      * The shape of the notes icon.
-     * @default "circle"
+     * @default 'circle'
      */
     type: MarkerType;
     /**

package/chart/y-axis-item.component.d.ts

@@ -51,7 +51,7 @@ export declare class YAxisItemComponent extends CollectionItemComponent implemen
      *
      * If the series Y value is of the `date` type, the Chart automatically switches to a date axis.
      * To avoid this behavior, set the `type`.
-     * @default "numeric"
+     * @default 'numeric'
      */
     type: 'numeric' | 'log' | 'date';
     /**

package/chart/y-axis.component.d.ts

@@ -11,64 +11,19 @@ import * as i0 from "@angular/core";
  * A collection of one or more Y-axis configuration components.
  *
  * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * _@Component({
- *  selector: 'my-app',
- *  template: `
- *    <kendo-chart>
+ * ```html
+ * <kendo-chart>
  *     <kendo-chart-y-axis>
- *       <kendo-chart-y-axis-item
- *         [background]="'rgba(100, 100, 100, 0.2)'"
- *         color="red"
- *         [notes]="notesConfig"
- *         [crosshair]="crosshairConfig">
- *       </kendo-chart-y-axis-item>
- *       <kendo-chart-y-axis-item name="secondAxis">
- *       </kendo-chart-y-axis-item>
+ *         <kendo-chart-y-axis-item
+ *           [background]="'rgba(100, 100, 100, 0.2)'"
+ *           color="red"
+ *           [notes]="notesConfig"
+ *           [crosshair]="crosshairConfig">
+ *         </kendo-chart-y-axis-item>
+ *         <kendo-chart-y-axis-item name="secondAxis">
+ *         </kendo-chart-y-axis-item>
  *     </kendo-chart-y-axis>
- *     <kendo-chart-series>
- *       <kendo-chart-series-item type="scatter" [data]="[[1, 2]]">
- *       </kendo-chart-series-item>
- *       <kendo-chart-series-item type="scatter" [data]="[[0.1, 0.2]]"
- *                                yAxis="secondAxis">
- *       </kendo-chart-series-item>
- *     </kendo-chart-series>
- *   </kendo-chart>
- * `
- * })
- * export class AppComponent {
- * public notesConfig = {
- *   data: [{
- *       value: 0.2,
- *       text: "foo"
- *     }, {
- *       value: 0.8,
- *       text: "bar"
- *     }],
- *    label: {
- *     content: (args: any) => args.dataItem.text,
- *     background: 'red',
- *     color: 'white'
- *   },
- *   line: {
- *     color: 'blue',
- *     dashType: 'dash',
- *     length: 150,
- *     width: 2
- *   },
- *   position: 'top'
- * };
- *
- * public crosshairConfig = {
- *   color: 'green',
- *   opacity: 0.8,
- *   visible: true,
- *   width: 3
- * };
- * }
- *
+ * </kendo-chart>
  * ```
  */
 export declare class YAxisComponent extends CollectionComponent {

package/esm2020/chart/series-item/markers.component.mjs

@@ -11,65 +11,14 @@ import * as i1 from "../../common/configuration.service";
  * The configuration of the Chart series marker.
  *
  * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * _@Component({
- *       selector: 'my-app',
- *   template: `
- *       <kendo-chart [categoryAxis]="{ categories: categories }">
- *           <kendo-chart-title text="Gross domestic product growth /GDP annual %/"></kendo-chart-title>
- *           <kendo-chart-legend position="bottom" orientation="horizontal"></kendo-chart-legend>
- *           <kendo-chart-tooltip format="{0}%"></kendo-chart-tooltip>
- *           <kendo-chart-series>
- *               <kendo-chart-series-item *ngFor="let item of series"
- *                   type="line"
- *                   style="smooth"
- *                   [data]="item.data"
- *                   [name]="item.name"
- *                   [markers]="item.markers">
- *               </kendo-chart-series-item>
- *           </kendo-chart-series>
- *       </kendo-chart>
- *   `
- * })
- * export class AppComponent {
- * public series: any[] = [{
- *   name: "India",
- *   data: [3.907, 7.943, 7.848, 9.284, 9.263, 9.801, 3.890, 8.238, 9.552, 6.855],
- *   markers: {
- *     background: 'red',
- *     size: 20,
- *     type: 'circle'
- *   }
- * }, {
- *   name: "Russian Federation",
- *   data: [4.743, 7.295, 7.175, 6.376, 8.153, 8.535, 5.247, -7.832, 4.3, 4.3],
- *   markers: {
- *     background: 'yellow',
- *     size: 10,
- *     type: 'square',
- *     rotation: 45
- *   }
- * }, {
- *   name: "Germany",
- *   data: [0.010, -0.375, 1.161, 0.684, 3.7, 3.269, 1.083, -5.127, 3.690, 2.995],
- *   markers: {
- *     background: 'green',
- *     size: 20,
- *     type: 'triangle'
- *   }
- * },{
- *   name: "World",
- *   data: [1.988, 2.733, 3.994, 3.464, 4.001, 3.939, 1.333, -2.245, 4.339, 2.727],
- *   markers: {
- *     background: 'blue',
- *     size: 10,
- *     type: 'cross'
- *   }
- * }];
- * public categories: number[] = [2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011];
- * }
+ * ```html
+ * <kendo-chart ...>
+ *   <kendo-chart-series>
+ *     <kendo-chart-series-item type="line"...>
+ *       <kendo-chart-series-item-markers background="blue"> </kendo-chart-series-item-markers>
+ *     </kendo-chart-series-item>
+ *   </kendo-chart-series>
+ * </kendo-chart>
  * ```
  */
 export class SeriesMarkersComponent extends SettingsComponent {

package/esm2020/chart/series-item/notes.component.mjs

@@ -10,6 +10,17 @@ import * as i1 from "../../common/configuration.service";
 /**
  * The series notes configuration
  * ([see example]({% slug notes_chart_charts %})).
+ *
+ *  * @example
+ * ```html
+ * <kendo-chart ...>
+ *   <kendo-chart-series>
+ *     <kendo-chart-series-item type="line" [data]="data"...>
+ *       <kendo-chart-series-item-notes [icon]="{type: 'square'}"> </kendo-chart-series-item-notes>
+ *     </kendo-chart-series-item>
+ *   </kendo-chart-series>
+ * </kendo-chart>
+ * ```
  */
 export class SeriesNotesComponent extends SettingsComponent {
     constructor(configurationService) {

package/esm2020/chart/series-item.component.mjs

@@ -14,6 +14,15 @@ import * as i2 from "../common/collection.service";
 const toggle = (flag) => flag === undefined ? false : !flag;
 /**
  * The configuration component for a series item.
+ *
+ * @example
+ * ```html
+ * <kendo-chart ...>
+ *   <kendo-chart-series>
+ *     <kendo-chart-series-item type="line" ...> </kendo-chart-series-item>
+ *   </kendo-chart-series>
+ * </kendo-chart>
+ * ```
  */
 export class SeriesItemComponent extends CollectionItemComponent {
     constructor(configurationService, collectionService) {

package/esm2020/chart/x-axis.component.mjs

@@ -15,64 +15,19 @@ import * as i2 from "../common/collection.service";
  * A collection of one or more X-axis configuration components.
  *
  * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * _@Component({
- *  selector: 'my-app',
- * template: `
- *   <kendo-chart>
+ * ```html
+ * <kendo-chart>
  *     <kendo-chart-x-axis>
- *       <kendo-chart-x-axis-item
- *         [background]="'rgba(100, 100, 100, 0.2)'"
- *         color="red"
- *         [notes]="notesConfig"
- *         [crosshair]="crosshairConfig">
- *       </kendo-chart-x-axis-item>
- *       <kendo-chart-x-axis-item name="secondAxis">
- *       </kendo-chart-x-axis-item>
+ *         <kendo-chart-x-axis-item
+ *           [background]="'rgba(100, 100, 100, 0.2)'"
+ *           color="red"
+ *           [notes]="notesConfig"
+ *           [crosshair]="crosshairConfig">
+ *         </kendo-chart-x-axis-item>
+ *         <kendo-chart-x-axis-item name="secondAxis">
+ *         </kendo-chart-x-axis-item>
  *     </kendo-chart-x-axis>
- *     <kendo-chart-series>
- *       <kendo-chart-series-item type="scatter" [data]="[[1, 2]]">
- *       </kendo-chart-series-item>
- *       <kendo-chart-series-item type="scatter" [data]="[[0.1, 0.2]]"
- *                                xAxis="secondAxis">
- *       </kendo-chart-series-item>
- *     </kendo-chart-series>
- *   </kendo-chart>
- * `
- * })
- * export class AppComponent {
- * public notesConfig = {
- *   data: [{
- *       value: 0.2,
- *       text: "foo"
- *     }, {
- *       value: 0.8,
- *       text: "bar"
- *     }],
- *   label: {
- *     content: (args: any) => args.dataItem.text,
- *     background: 'red',
- *     color: 'white'
- *   },
- *   line: {
- *     color: 'blue',
- *     dashType: 'dash',
- *     length: 150,
- *     width: 2
- *   },
- *   position: 'top'
- * };
- *
- * public crosshairConfig = {
- *   color: 'green',
- *   opacity: 0.8,
- *   visible: true,
- *   width: 3
- * };
- * }
- *
+ * </kendo-chart>
  * ```
  */
 export class XAxisComponent extends CollectionComponent {

package/esm2020/chart/y-axis.component.mjs

@@ -15,64 +15,19 @@ import * as i2 from "../common/collection.service";
  * A collection of one or more Y-axis configuration components.
  *
  * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * _@Component({
- *  selector: 'my-app',
- *  template: `
- *    <kendo-chart>
+ * ```html
+ * <kendo-chart>
  *     <kendo-chart-y-axis>
- *       <kendo-chart-y-axis-item
- *         [background]="'rgba(100, 100, 100, 0.2)'"
- *         color="red"
- *         [notes]="notesConfig"
- *         [crosshair]="crosshairConfig">
- *       </kendo-chart-y-axis-item>
- *       <kendo-chart-y-axis-item name="secondAxis">
- *       </kendo-chart-y-axis-item>
+ *         <kendo-chart-y-axis-item
+ *           [background]="'rgba(100, 100, 100, 0.2)'"
+ *           color="red"
+ *           [notes]="notesConfig"
+ *           [crosshair]="crosshairConfig">
+ *         </kendo-chart-y-axis-item>
+ *         <kendo-chart-y-axis-item name="secondAxis">
+ *         </kendo-chart-y-axis-item>
  *     </kendo-chart-y-axis>
- *     <kendo-chart-series>
- *       <kendo-chart-series-item type="scatter" [data]="[[1, 2]]">
- *       </kendo-chart-series-item>
- *       <kendo-chart-series-item type="scatter" [data]="[[0.1, 0.2]]"
- *                                yAxis="secondAxis">
- *       </kendo-chart-series-item>
- *     </kendo-chart-series>
- *   </kendo-chart>
- * `
- * })
- * export class AppComponent {
- * public notesConfig = {
- *   data: [{
- *       value: 0.2,
- *       text: "foo"
- *     }, {
- *       value: 0.8,
- *       text: "bar"
- *     }],
- *    label: {
- *     content: (args: any) => args.dataItem.text,
- *     background: 'red',
- *     color: 'white'
- *   },
- *   line: {
- *     color: 'blue',
- *     dashType: 'dash',
- *     length: 150,
- *     width: 2
- *   },
- *   position: 'top'
- * };
- *
- * public crosshairConfig = {
- *   color: 'green',
- *   opacity: 0.8,
- *   visible: true,
- *   width: 3
- * };
- * }
- *
+ * </kendo-chart>
  * ```
  */
 export class YAxisComponent extends CollectionComponent {

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-charts',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1689258793,
-    version: '13.2.0-develop.8',
+    publishDate: 1689688607,
+    version: '13.2.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/sparkline.component.mjs

@@ -26,25 +26,9 @@ import * as i8 from "@progress/kendo-angular-common";
  * The root Chart component.
  *
  * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * _@Component({
- *   selector: 'my-app',
- *   template: `
- *     <kendo-sparkline [data]="data" type="column">
- *     </kendo-sparkline>
- *   `
- * })
- * class AppComponent {
- *   public data: any[] = [
- *     936, 968, 1025, 999, 998, 1014, 1017, 1010, 1010, 1007,
- *     1004, 988, 990, 988, 987, 995, 946, 954, 991, 984,
- *     974, 956, 986, 936, 955, 1021, 1013, 1005, 958, 953,
- *     952, 940, 937, 980, 966, 965, 928, 916, 910, 980
- *   ];
- * }
- *
+ * ```html
+ * <kendo-sparkline [data]="[936, 968, 1025, 999]" type="column">
+ * </kendo-sparkline>
  * ```
  */
 export class SparklineComponent extends ChartComponent {