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

package/esm2020/stock-chart.component.mjs

@@ -33,41 +33,21 @@ const NAVIGATOR_DEFAULTS = {
  * The root StockChart component.
  *
  * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * _@Component({
- *   selector: 'my-app',
- *   template: `
- *     <kendo-stockchart>
- *         <kendo-chart-series>
- *             <kendo-chart-series-item type="line" [data]="data" field="value" categoryField="date">
- *             </kendo-chart-series-item>
- *         </kendo-chart-series>
- *         <kendo-chart-navigator>
- *             <kendo-chart-navigator-select to="2017/02/01">
- *             </kendo-chart-navigator-select>
- *             <kendo-chart-navigator-series>
- *                 <kendo-chart-navigator-series-item type="area" [data]="data" field="value" categoryField="date">
- *                 </kendo-chart-navigator-series-item>
- *             </kendo-chart-navigator-series>
- *         </kendo-chart-navigator>
- *     </kendo-stockchart>
- *   `
- * })
- * class AppComponent {
- *   public data: any[] = [];
- *
- *   constructor() {
- *      for (let idx = 0; idx < 100; idx++) {
- *          this.data.push({
- *              date: new Date(2017, 0, idx),
- *              value: Math.random() * 100
- *          });
- *      }
- *   }
- * }
- *
+ * ```html
+ * <kendo-stockchart>
+ *     <kendo-chart-series>
+ *         <kendo-chart-series-item type="line" [data]="data" field="value" categoryField="date">
+ *         </kendo-chart-series-item>
+ *     </kendo-chart-series>
+ *     <kendo-chart-navigator>
+ *         <kendo-chart-navigator-select to="2017/02/01">
+ *         </kendo-chart-navigator-select>
+ *         <kendo-chart-navigator-series>
+ *             <kendo-chart-navigator-series-item type="area" [data]="data" field="value" categoryField="date">
+ *             </kendo-chart-navigator-series-item>
+ *         </kendo-chart-navigator-series>
+ *     </kendo-chart-navigator>
+ * </kendo-stockchart>
  * ```
  */
 export class StockChartComponent extends ChartComponent {

package/fesm2015/progress-kendo-angular-charts.mjs

@@ -540,6 +540,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 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>
+ * ```
  */
 class SeriesItemComponent extends CollectionItemComponent {
     constructor(configurationService, collectionService) {
@@ -1858,8 +1867,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-charts',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1689258793,
-    version: '13.2.0-develop.8',
+    publishDate: 1689669953,
+    version: '13.2.0-develop.9',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -4787,65 +4796,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * 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>
  * ```
  */
 class SeriesMarkersComponent extends SettingsComponent {
@@ -4886,6 +4844,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 /**
  * 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>
+ * ```
  */
 class SeriesNotesComponent extends SettingsComponent {
     constructor(configurationService) {
@@ -5610,64 +5579,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * 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>
  * ```
  */
 class XAxisComponent extends CollectionComponent {
@@ -6037,64 +5961,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * 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>
  * ```
  */
 class YAxisComponent extends CollectionComponent {
@@ -6677,41 +6556,21 @@ const NAVIGATOR_DEFAULTS = {
  * The root StockChart component.
  *
  * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * _@Component({
- *   selector: 'my-app',
- *   template: `
- *     <kendo-stockchart>
- *         <kendo-chart-series>
- *             <kendo-chart-series-item type="line" [data]="data" field="value" categoryField="date">
- *             </kendo-chart-series-item>
- *         </kendo-chart-series>
- *         <kendo-chart-navigator>
- *             <kendo-chart-navigator-select to="2017/02/01">
- *             </kendo-chart-navigator-select>
- *             <kendo-chart-navigator-series>
- *                 <kendo-chart-navigator-series-item type="area" [data]="data" field="value" categoryField="date">
- *                 </kendo-chart-navigator-series-item>
- *             </kendo-chart-navigator-series>
- *         </kendo-chart-navigator>
- *     </kendo-stockchart>
- *   `
- * })
- * class AppComponent {
- *   public data: any[] = [];
- *
- *   constructor() {
- *      for (let idx = 0; idx < 100; idx++) {
- *          this.data.push({
- *              date: new Date(2017, 0, idx),
- *              value: Math.random() * 100
- *          });
- *      }
- *   }
- * }
- *
+ * ```html
+ * <kendo-stockchart>
+ *     <kendo-chart-series>
+ *         <kendo-chart-series-item type="line" [data]="data" field="value" categoryField="date">
+ *         </kendo-chart-series-item>
+ *     </kendo-chart-series>
+ *     <kendo-chart-navigator>
+ *         <kendo-chart-navigator-select to="2017/02/01">
+ *         </kendo-chart-navigator-select>
+ *         <kendo-chart-navigator-series>
+ *             <kendo-chart-navigator-series-item type="area" [data]="data" field="value" categoryField="date">
+ *             </kendo-chart-navigator-series-item>
+ *         </kendo-chart-navigator-series>
+ *     </kendo-chart-navigator>
+ * </kendo-stockchart>
  * ```
  */
 class StockChartComponent extends ChartComponent {
@@ -7634,25 +7493,9 @@ const STOCK_CHART_DIRECTIVES = [
  * 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>
  * ```
  */
 class SparklineComponent extends ChartComponent {