@progress/kendo-angular-charts 12.0.1-develop.1 → 12.0.1-develop.2

package/chart/donut-center-template.directive.d.ts

@@ -7,47 +7,7 @@ import * as i0 from "@angular/core";
 /**
  * A directive which selects a [template](link:site.data.urls.angular['templatesyntax'])
  * within the `<kendo-chart>` component for the
- * [Donut center template]({% slug donut_seriestypes_charts %}).
- *
- * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * _@Component({
- *   selector: 'my-app',
- *   template: `
- *     <kendo-chart style="height: 450px;">
- *       <ng-template kendoChartDonutCenterTemplate>
- *         <h3>22.5%</h3>
- *         of which renewables
- *       </ng-template>
- *       <kendo-chart-series>
- *         <kendo-chart-series-item
- *             type="donut" [data]="data"
- *             categoryField="kind" field="share">
- *         </kendo-chart-series-item>
- *       </kendo-chart-series>
- *       <kendo-chart-legend [visible]="false"></kendo-chart-legend>
- *     </kendo-chart>
- *   `
- * })
- * export class AppComponent {
- *   public data: any[] = [{
- *     kind: 'Hydroelectric', share: 0.175
- *   }, {
- *     kind: 'Nuclear', share: 0.238
- *   }, {
- *     kind: 'Coal', share: 0.118
- *   }, {
- *     kind: 'Solar', share: 0.052
- *   }, {
- *     kind: 'Wind', share: 0.225
- *   }, {
- *     kind: 'Other', share: 0.192
- *   }];
- * }
- *
- * ```
+ * [Donut center template](slug:donut_seriestypes_charts#toc-using-the-center-template).
  */
 export declare class DonutCenterTemplateDirective {
     templateRef: TemplateRef<any>;

package/chart/tooltip/series-tooltip-template.directive.d.ts

@@ -7,9 +7,15 @@ import * as i0 from "@angular/core";
 /**
  * A directive that selects a [template](link:site.data.urls.angular['templatesyntax'])
  * within the `<kendo-chart-tooltip>` component for the
- * [series tooltip]({% slug tooltips_chart_charts %}#toc-series-tooltip).
+ * [series tooltip](slug:tooltips_chart_charts#toc-specifying-a-template).
+ * The following context fields are frequently utilized:
+ * - `let-category="category"`&mdash;The category name.
+ * - `let-dataItem="dataItem"`&mdash;The original data item used to construct the point. It will be `null` if binding to an array.
+ * - `let-series="series"`&mdash;The data series.
+ * - `let-value="value"`&mdash;The value of the point (either a number or an object).
+ * For the full list of available fields, refer to the [`TooltipTemplatePoint`](slug:api_charts_tooltiptemplatepoint).
  *
- * @example
+  * @example
  * ```ts
  * import { Component } from '@angular/core';
  *

package/chart/tooltip/shared-tooltip-template.directive.d.ts

@@ -7,7 +7,14 @@ import * as i0 from "@angular/core";
 /**
  * A directive that selects a [template](link:site.data.urls.angular['templatesyntax'])
  * within the `<kendo-chart-tooltip>` component for the
- * [shared series tooltip]({% slug tooltips_chart_charts %}#toc-shared-tooltip).
+ * [shared series tooltip](slug:tooltips_chart_charts#toc-shared-tooltip-customization).
+ * The available fields in the template context are:
+ * - `let-points="points"`&mdash;An array of the [`TooltipTemplatePoints`](slug:api_charts_tooltiptemplatepoint) category.
+ * - `let-category="category"`&mdash;The category name.
+ * - `let-categoryText="categoryText"`&mdash;The category name as text.
+ * - `let-nameColumn="nameColumn"`&mdash;Returns a Boolean [`value`](slug:api_charts_seriesitemcomponent#toc-name) indicating whether the name property of the `SeriesItemComponent` is defined.
+ * - `let-colorMarker="colorMarker"`&mdash;Returns a Boolean value indicating whether one or more series colors are specified in the Chart. If the Chart contains only one `SeriesItemComponent`, the context field will return `false`.
+ * - `let-colSpan="colSpan"`&mdash;Specifies the number of columns covered by the tooltip. The default value is `1` and increases by `1` if `nameColumn` and `colorMarker` are set to `true`.
  *
  * @example
  * ```ts

package/esm2020/chart/donut-center-template.directive.mjs

@@ -7,47 +7,7 @@ import * as i0 from "@angular/core";
 /**
  * A directive which selects a [template](link:site.data.urls.angular['templatesyntax'])
  * within the `<kendo-chart>` component for the
- * [Donut center template]({% slug donut_seriestypes_charts %}).
- *
- * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * _@Component({
- *   selector: 'my-app',
- *   template: `
- *     <kendo-chart style="height: 450px;">
- *       <ng-template kendoChartDonutCenterTemplate>
- *         <h3>22.5%</h3>
- *         of which renewables
- *       </ng-template>
- *       <kendo-chart-series>
- *         <kendo-chart-series-item
- *             type="donut" [data]="data"
- *             categoryField="kind" field="share">
- *         </kendo-chart-series-item>
- *       </kendo-chart-series>
- *       <kendo-chart-legend [visible]="false"></kendo-chart-legend>
- *     </kendo-chart>
- *   `
- * })
- * export class AppComponent {
- *   public data: any[] = [{
- *     kind: 'Hydroelectric', share: 0.175
- *   }, {
- *     kind: 'Nuclear', share: 0.238
- *   }, {
- *     kind: 'Coal', share: 0.118
- *   }, {
- *     kind: 'Solar', share: 0.052
- *   }, {
- *     kind: 'Wind', share: 0.225
- *   }, {
- *     kind: 'Other', share: 0.192
- *   }];
- * }
- *
- * ```
+ * [Donut center template](slug:donut_seriestypes_charts#toc-using-the-center-template).
  */
 export class DonutCenterTemplateDirective {
     constructor(templateRef) {

package/esm2020/chart/tooltip/series-tooltip-template.directive.mjs

@@ -7,9 +7,15 @@ import * as i0 from "@angular/core";
 /**
  * A directive that selects a [template](link:site.data.urls.angular['templatesyntax'])
  * within the `<kendo-chart-tooltip>` component for the
- * [series tooltip]({% slug tooltips_chart_charts %}#toc-series-tooltip).
+ * [series tooltip](slug:tooltips_chart_charts#toc-specifying-a-template).
+ * The following context fields are frequently utilized:
+ * - `let-category="category"`&mdash;The category name.
+ * - `let-dataItem="dataItem"`&mdash;The original data item used to construct the point. It will be `null` if binding to an array.
+ * - `let-series="series"`&mdash;The data series.
+ * - `let-value="value"`&mdash;The value of the point (either a number or an object).
+ * For the full list of available fields, refer to the [`TooltipTemplatePoint`](slug:api_charts_tooltiptemplatepoint).
  *
- * @example
+  * @example
  * ```ts
  * import { Component } from '@angular/core';
  *

package/esm2020/chart/tooltip/shared-tooltip-template.directive.mjs

@@ -7,7 +7,14 @@ import * as i0 from "@angular/core";
 /**
  * A directive that selects a [template](link:site.data.urls.angular['templatesyntax'])
  * within the `<kendo-chart-tooltip>` component for the
- * [shared series tooltip]({% slug tooltips_chart_charts %}#toc-shared-tooltip).
+ * [shared series tooltip](slug:tooltips_chart_charts#toc-shared-tooltip-customization).
+ * The available fields in the template context are:
+ * - `let-points="points"`&mdash;An array of the [`TooltipTemplatePoints`](slug:api_charts_tooltiptemplatepoint) category.
+ * - `let-category="category"`&mdash;The category name.
+ * - `let-categoryText="categoryText"`&mdash;The category name as text.
+ * - `let-nameColumn="nameColumn"`&mdash;Returns a Boolean [`value`](slug:api_charts_seriesitemcomponent#toc-name) indicating whether the name property of the `SeriesItemComponent` is defined.
+ * - `let-colorMarker="colorMarker"`&mdash;Returns a Boolean value indicating whether one or more series colors are specified in the Chart. If the Chart contains only one `SeriesItemComponent`, the context field will return `false`.
+ * - `let-colSpan="colSpan"`&mdash;Specifies the number of columns covered by the tooltip. The default value is `1` and increases by `1` if `nameColumn` and `colorMarker` are set to `true`.
  *
  * @example
  * ```ts

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: 1683028119,
-    version: '12.0.1-develop.1',
+    publishDate: 1683097898,
+    version: '12.0.1-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

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

@@ -226,47 +226,7 @@ DomEventsBuilder$1.register(DomEventsBuilder);
 /**
  * A directive which selects a [template](link:site.data.urls.angular['templatesyntax'])
  * within the `<kendo-chart>` component for the
- * [Donut center template]({% slug donut_seriestypes_charts %}).
- *
- * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * _@Component({
- *   selector: 'my-app',
- *   template: `
- *     <kendo-chart style="height: 450px;">
- *       <ng-template kendoChartDonutCenterTemplate>
- *         <h3>22.5%</h3>
- *         of which renewables
- *       </ng-template>
- *       <kendo-chart-series>
- *         <kendo-chart-series-item
- *             type="donut" [data]="data"
- *             categoryField="kind" field="share">
- *         </kendo-chart-series-item>
- *       </kendo-chart-series>
- *       <kendo-chart-legend [visible]="false"></kendo-chart-legend>
- *     </kendo-chart>
- *   `
- * })
- * export class AppComponent {
- *   public data: any[] = [{
- *     kind: 'Hydroelectric', share: 0.175
- *   }, {
- *     kind: 'Nuclear', share: 0.238
- *   }, {
- *     kind: 'Coal', share: 0.118
- *   }, {
- *     kind: 'Solar', share: 0.052
- *   }, {
- *     kind: 'Wind', share: 0.225
- *   }, {
- *     kind: 'Other', share: 0.192
- *   }];
- * }
- *
- * ```
+ * [Donut center template](slug:donut_seriestypes_charts#toc-using-the-center-template).
  */
 class DonutCenterTemplateDirective {
     constructor(templateRef) {
@@ -1007,9 +967,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 /**
  * A directive that selects a [template](link:site.data.urls.angular['templatesyntax'])
  * within the `<kendo-chart-tooltip>` component for the
- * [series tooltip]({% slug tooltips_chart_charts %}#toc-series-tooltip).
+ * [series tooltip](slug:tooltips_chart_charts#toc-specifying-a-template).
+ * The following context fields are frequently utilized:
+ * - `let-category="category"`&mdash;The category name.
+ * - `let-dataItem="dataItem"`&mdash;The original data item used to construct the point. It will be `null` if binding to an array.
+ * - `let-series="series"`&mdash;The data series.
+ * - `let-value="value"`&mdash;The value of the point (either a number or an object).
+ * For the full list of available fields, refer to the [`TooltipTemplatePoint`](slug:api_charts_tooltiptemplatepoint).
  *
- * @example
+  * @example
  * ```ts
  * import { Component } from '@angular/core';
  *
@@ -1055,7 +1021,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 /**
  * A directive that selects a [template](link:site.data.urls.angular['templatesyntax'])
  * within the `<kendo-chart-tooltip>` component for the
- * [shared series tooltip]({% slug tooltips_chart_charts %}#toc-shared-tooltip).
+ * [shared series tooltip](slug:tooltips_chart_charts#toc-shared-tooltip-customization).
+ * The available fields in the template context are:
+ * - `let-points="points"`&mdash;An array of the [`TooltipTemplatePoints`](slug:api_charts_tooltiptemplatepoint) category.
+ * - `let-category="category"`&mdash;The category name.
+ * - `let-categoryText="categoryText"`&mdash;The category name as text.
+ * - `let-nameColumn="nameColumn"`&mdash;Returns a Boolean [`value`](slug:api_charts_seriesitemcomponent#toc-name) indicating whether the name property of the `SeriesItemComponent` is defined.
+ * - `let-colorMarker="colorMarker"`&mdash;Returns a Boolean value indicating whether one or more series colors are specified in the Chart. If the Chart contains only one `SeriesItemComponent`, the context field will return `false`.
+ * - `let-colSpan="colSpan"`&mdash;Specifies the number of columns covered by the tooltip. The default value is `1` and increases by `1` if `nameColumn` and `colorMarker` are set to `true`.
  *
  * @example
  * ```ts
@@ -1845,8 +1818,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-charts',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1683028119,
-    version: '12.0.1-develop.1',
+    publishDate: 1683097898,
+    version: '12.0.1-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 

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

@@ -226,47 +226,7 @@ DomEventsBuilder$1.register(DomEventsBuilder);
 /**
  * A directive which selects a [template](link:site.data.urls.angular['templatesyntax'])
  * within the `<kendo-chart>` component for the
- * [Donut center template]({% slug donut_seriestypes_charts %}).
- *
- * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * _@Component({
- *   selector: 'my-app',
- *   template: `
- *     <kendo-chart style="height: 450px;">
- *       <ng-template kendoChartDonutCenterTemplate>
- *         <h3>22.5%</h3>
- *         of which renewables
- *       </ng-template>
- *       <kendo-chart-series>
- *         <kendo-chart-series-item
- *             type="donut" [data]="data"
- *             categoryField="kind" field="share">
- *         </kendo-chart-series-item>
- *       </kendo-chart-series>
- *       <kendo-chart-legend [visible]="false"></kendo-chart-legend>
- *     </kendo-chart>
- *   `
- * })
- * export class AppComponent {
- *   public data: any[] = [{
- *     kind: 'Hydroelectric', share: 0.175
- *   }, {
- *     kind: 'Nuclear', share: 0.238
- *   }, {
- *     kind: 'Coal', share: 0.118
- *   }, {
- *     kind: 'Solar', share: 0.052
- *   }, {
- *     kind: 'Wind', share: 0.225
- *   }, {
- *     kind: 'Other', share: 0.192
- *   }];
- * }
- *
- * ```
+ * [Donut center template](slug:donut_seriestypes_charts#toc-using-the-center-template).
  */
 class DonutCenterTemplateDirective {
     constructor(templateRef) {
@@ -1005,9 +965,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 /**
  * A directive that selects a [template](link:site.data.urls.angular['templatesyntax'])
  * within the `<kendo-chart-tooltip>` component for the
- * [series tooltip]({% slug tooltips_chart_charts %}#toc-series-tooltip).
+ * [series tooltip](slug:tooltips_chart_charts#toc-specifying-a-template).
+ * The following context fields are frequently utilized:
+ * - `let-category="category"`&mdash;The category name.
+ * - `let-dataItem="dataItem"`&mdash;The original data item used to construct the point. It will be `null` if binding to an array.
+ * - `let-series="series"`&mdash;The data series.
+ * - `let-value="value"`&mdash;The value of the point (either a number or an object).
+ * For the full list of available fields, refer to the [`TooltipTemplatePoint`](slug:api_charts_tooltiptemplatepoint).
  *
- * @example
+  * @example
  * ```ts
  * import { Component } from '@angular/core';
  *
@@ -1051,7 +1017,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 /**
  * A directive that selects a [template](link:site.data.urls.angular['templatesyntax'])
  * within the `<kendo-chart-tooltip>` component for the
- * [shared series tooltip]({% slug tooltips_chart_charts %}#toc-shared-tooltip).
+ * [shared series tooltip](slug:tooltips_chart_charts#toc-shared-tooltip-customization).
+ * The available fields in the template context are:
+ * - `let-points="points"`&mdash;An array of the [`TooltipTemplatePoints`](slug:api_charts_tooltiptemplatepoint) category.
+ * - `let-category="category"`&mdash;The category name.
+ * - `let-categoryText="categoryText"`&mdash;The category name as text.
+ * - `let-nameColumn="nameColumn"`&mdash;Returns a Boolean [`value`](slug:api_charts_seriesitemcomponent#toc-name) indicating whether the name property of the `SeriesItemComponent` is defined.
+ * - `let-colorMarker="colorMarker"`&mdash;Returns a Boolean value indicating whether one or more series colors are specified in the Chart. If the Chart contains only one `SeriesItemComponent`, the context field will return `false`.
+ * - `let-colSpan="colSpan"`&mdash;Specifies the number of columns covered by the tooltip. The default value is `1` and increases by `1` if `nameColumn` and `colorMarker` are set to `true`.
  *
  * @example
  * ```ts
@@ -2216,8 +2189,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-charts',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1683028119,
-    version: '12.0.1-develop.1',
+    publishDate: 1683097898,
+    version: '12.0.1-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-charts",
-  "version": "12.0.1-develop.1",
+  "version": "12.0.1-develop.2",
   "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.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -46,16 +46,16 @@
     "@angular/platform-browser": "13 - 16",
     "@progress/kendo-drawing": "^1.17.2",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "12.0.1-develop.1",
-    "@progress/kendo-angular-intl": "12.0.1-develop.1",
-    "@progress/kendo-angular-l10n": "12.0.1-develop.1",
-    "@progress/kendo-angular-popup": "12.0.1-develop.1",
+    "@progress/kendo-angular-common": "12.0.1-develop.2",
+    "@progress/kendo-angular-intl": "12.0.1-develop.2",
+    "@progress/kendo-angular-l10n": "12.0.1-develop.2",
+    "@progress/kendo-angular-popup": "12.0.1-develop.2",
     "hammerjs": "^2.0.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "12.0.1-develop.1",
+    "@progress/kendo-angular-schematics": "12.0.1-develop.2",
     "@progress/kendo-charts": "^1.28.0"
   },
   "schematics": "./schematics/collection.json",