@progress/kendo-angular-pivotgrid 19.1.2-develop.3 → 19.1.2-develop.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/data-binding/base-binding-directive.d.ts +13 -10
  2. package/data-binding/local-binding.directive.d.ts +19 -4
  3. package/data-binding/olap-binding.directive.d.ts +20 -4
  4. package/directives.d.ts +17 -1
  5. package/esm2022/data-binding/base-binding-directive.mjs +13 -10
  6. package/esm2022/data-binding/local-binding.directive.mjs +19 -4
  7. package/esm2022/data-binding/olap-binding.directive.mjs +20 -4
  8. package/esm2022/directives.mjs +17 -1
  9. package/esm2022/localization/custom-messages.component.mjs +14 -1
  10. package/esm2022/localization/messages.mjs +48 -84
  11. package/esm2022/models/configuration-change-event.mjs +6 -6
  12. package/esm2022/models/expanded-change-event.mjs +4 -4
  13. package/esm2022/package-metadata.mjs +2 -2
  14. package/esm2022/pivotgrid.component.mjs +27 -13
  15. package/esm2022/pivotgrid.module.mjs +7 -18
  16. package/esm2022/rendering/templates/pivotgrid-cell-template.directive.mjs +11 -10
  17. package/esm2022/rendering/templates/pivotgrid-column-header-cell-template.directive.mjs +11 -10
  18. package/esm2022/rendering/templates/pivotgrid-row-header-cell-template.directive.mjs +11 -10
  19. package/esm2022/rendering/templates/pivotgrid-value-cell-template.directive.mjs +10 -9
  20. package/esm2022/util.mjs +1 -1
  21. package/fesm2022/progress-kendo-angular-pivotgrid.mjs +221 -187
  22. package/localization/custom-messages.component.d.ts +14 -1
  23. package/localization/messages.d.ts +48 -84
  24. package/models/configuration-change-event.d.ts +6 -6
  25. package/models/configurator-position.d.ts +1 -1
  26. package/models/configurator-settings.d.ts +4 -4
  27. package/models/data-row-item.d.ts +3 -3
  28. package/models/expanded-change-event.d.ts +4 -4
  29. package/models/loader-settings.d.ts +19 -7
  30. package/models/virtualization-settings.d.ts +14 -5
  31. package/package.json +13 -13
  32. package/pivotgrid.component.d.ts +27 -13
  33. package/pivotgrid.module.d.ts +7 -18
  34. package/rendering/templates/pivotgrid-cell-template.directive.d.ts +11 -10
  35. package/rendering/templates/pivotgrid-column-header-cell-template.directive.d.ts +11 -10
  36. package/rendering/templates/pivotgrid-row-header-cell-template.directive.d.ts +11 -10
  37. package/rendering/templates/pivotgrid-value-cell-template.directive.d.ts +10 -9
  38. package/schematics/ngAdd/index.js +2 -2
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1750152796,
14
- version: '19.1.2-develop.3',
13
+ publishDate: 1750431130,
14
+ version: '19.1.2-develop.5',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
16
16
  };
@@ -41,7 +41,24 @@ const DEFAULT_CONFIGURATOR_SETTINGS = {
41
41
  orientation: 'vertical'
42
42
  };
43
43
  /**
44
- * Represents the Kendo UI PivotGrid component for Angular.
44
+ * Represents the [Kendo UI PivotGrid component for Angular](slug:overview_pivotgrid).
45
+ *
46
+ * @example
47
+ * ```html
48
+ * <kendo-pivotgrid
49
+ * [kendoPivotLocalBinding]="data"
50
+ * [dimensions]="dimensions"
51
+ * [measures]="measures"
52
+ * [rowAxes]="defaultRowAxes"
53
+ * [columnAxes]="defaultColumnAxes"
54
+ * [measureAxes]="defaultMeasureAxes"
55
+ * [configurator]="true"
56
+ * >
57
+ * </kendo-pivotgrid>
58
+ * ```
59
+ *
60
+ * @remarks
61
+ * Supported children components are: {@link CustomMessagesComponent}
45
62
  */
46
63
  export class PivotGridComponent {
47
64
  hostEl;
@@ -76,12 +93,7 @@ export class PivotGridComponent {
76
93
  rowHeaderCellTemplate;
77
94
  columnHeaderCellTemplate;
78
95
  /**
79
- * Specify the type, size and color of the PivotGrid's loader.
80
- *
81
- * The default settings are:
82
- * * type: `converging-spinner`
83
- * * color: `primary`
84
- * * size: `large`
96
+ * Sets the type, size, and color of the PivotGrid loader.
85
97
  */
86
98
  set loaderSettings(settings) {
87
99
  this._loaderSettings = Object.assign({}, DEFAULT_LOADER_SETTINGS, settings);
@@ -96,11 +108,13 @@ export class PivotGridComponent {
96
108
  return this.localization.get('loading');
97
109
  }
98
110
  /**
99
- * Specifies whether the axes configurator should be displayed.
111
+ * Controls whether the axes configurator is displayed.
112
+ *
113
+ * @default false
100
114
  */
101
115
  configurator;
102
116
  /**
103
- * Sets the virtualization options of the component. By default the virtual scrolling functionality is disabled.
117
+ * Sets the virtualization options of the component. By default, the virtual scrolling functionality is disabled.
104
118
  *
105
119
  * @default false
106
120
  */
@@ -115,20 +129,20 @@ export class PivotGridComponent {
115
129
  return this.configurator && Object.assign({}, DEFAULT_CONFIGURATOR_SETTINGS, this.configurator);
116
130
  }
117
131
  /**
118
- * Specify the width of the column header and data cells. Value is treated as pixels [(see example)]({% slug appearance_pivotgrid %}#toc-column-headers-width).
132
+ * Sets the width of the column header and data cells. The provided value is treated in pixels [(see example)]({% slug appearance_pivotgrid %}#toc-column-headers-width).
119
133
  *
120
134
  * @default 200
121
135
  */
122
136
  columnHeadersWidth = 200;
123
137
  /**
124
- * When the keyboard navigation is enabled, the user can use dedicated shortcuts to interact with the PivotGrid.
125
- * By default, navigation is enabled. To disable it altogether, and include the PivotGrid content in the normal tab sequence, set the property to `false`.
138
+ * Specifies whether the keyboard navigation is enabled. When enabled, you can use keyboard shortcuts to interact with the PivotGrid.
139
+ * Set to `false` to disable navigation and include the PivotGrid content in the normal tab sequence.
126
140
  *
127
141
  * @default true
128
142
  */
129
143
  navigable = true;
130
144
  /**
131
- * Holds the displayed aggregated PivotGrid values.
145
+ * Gets the aggregated PivotGrid values that are displayed.
132
146
  */
133
147
  get aggregateData() {
134
148
  return cloneArray(this.dataService.aggregateData);
@@ -42,29 +42,18 @@ import * as i26 from "./rendering/templates/pivotgrid-column-header-cell-templat
42
42
  *
43
43
  * @example
44
44
  *
45
- * ```ts-no-run
46
- * // Import the PivotGrid module
47
- * import { PivotGrid } from '@progress/kendo-angular-pivotgrid';
48
- *
49
- * // The browser platform with a compiler
50
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
51
- *
45
+ * ```typescript
46
+ * import { BrowserModule } from '@angular/platform-browser';
52
47
  * import { NgModule } from '@angular/core';
53
- *
54
- * // Import the app component
55
48
  * import { AppComponent } from './app.component';
49
+ * import { PivotGridModule } from '@progress/kendo-angular-pivotgrid';
56
50
  *
57
- * // Define the app module
58
- * _@NgModule({
59
- * declarations: [AppComponent], // declare app component
60
- * imports: [BrowserModule, PivotGridModule], // import PivotGrid module
61
- * bootstrap: [AppComponent]
51
+ * @NgModule({
52
+ * declarations: [AppComponent],
53
+ * imports: [BrowserModule, PivotGridModule],
54
+ * bootstrap: [AppComponent]
62
55
  * })
63
56
  * export class AppModule {}
64
- *
65
- * // Compile and launch the module
66
- * platformBrowserDynamic().bootstrapModule(AppModule);
67
- *
68
57
  * ```
69
58
  */
70
59
  export class PivotGridModule {
@@ -5,17 +5,18 @@
5
5
  import { Directive, TemplateRef } from '@angular/core';
6
6
  import * as i0 from "@angular/core";
7
7
  /**
8
- * Represents the cell template of the PivotGrid.
9
- * Helps to customize the content of the cells. To define the cell template, nest an `<ng-template>` tag with the
10
- * `kendoPivotGridCellTemplate` directive inside a `<kendo-pivot-grid>` tag [see example](slug:templates_pivotgrid#toc-cell-template).
8
+ * Represents the cell template of the PivotGrid. Allows customizing the content of the cells.
11
9
  *
12
- * The template context is set to the current cell item and the following additional fields are passed:
13
- * - `cellItem`&mdash;The current cell item. Represents the default context that will be assigned to any template variable which utilizes the `let-x` syntax&mdash;for example, `let-cellItem`.
14
- * - `columnIndex`&mdash;The current column index. Use it as an alias for a template variable by utilizing the `let-columnIndex="columnIndex"` syntax.
15
- * - `rowIndex`&mdash;The current data row index. Use it as an alias for a template variable by utilizing the `let-rowIndex="rowIndex"` syntax.
16
- * - `expanded`&mdash;The expanded state of the cell. Use it as an alias for a template variable by utilizing the `let-expanded="expanded"` syntax.
17
- * - `tableType`&mdash;The table type. Use it as an alias for a template variable by utilizing the `let-tableType="tableType"` syntax.
18
- * - `text`&mdash;The default cell text. Use it as an alias for a template variable by utilizing the `let-text="text"` syntax.
10
+ * To define the cell template, nest an `<ng-template>` tag with the
11
+ * `kendoPivotGridCellTemplate` directive inside a `<kendo-pivot-grid>` tag ([see example](slug:templates_pivotgrid#toc-cell-template)).
12
+ *
13
+ * The template context provides the current cell item and the following additional fields:
14
+ * - `cellItem`&mdash;The current cell item. This is the default template context that you can access with any `let-x` syntax&mdash;for example, `let-cellItem`.
15
+ * - `columnIndex`&mdash;The current column index. Use `let-columnIndex="columnIndex"` to access this variable in your template.
16
+ * - `rowIndex`&mdash;The current row index. Use `let-rowIndex="rowIndex"` to access this variable in your template.
17
+ * - `expanded`&mdash;The expanded state of the cell. Use `let-expanded="expanded"` to access this boolean variable in your template.
18
+ * - `tableType`&mdash;The table type identifier. Use `let-tableType="tableType"` to access this variable in your template.
19
+ * - `text`&mdash;The default cell text. Use `let-text="text"` to access this variable in your template.
19
20
  *
20
21
  * @example
21
22
  * ```html
@@ -5,17 +5,18 @@
5
5
  import { Directive, TemplateRef } from '@angular/core';
6
6
  import * as i0 from "@angular/core";
7
7
  /**
8
- * Represents the column header cell template of the PivotGrid.
9
- * Helps to customize the content of the column header cells. To define the column header cell template, nest an `<ng-template>` tag with the
10
- * `kendoPivotGridColumnHeaderCellTemplate` directive inside a `<kendo-pivot-grid>` tag [see example](slug:templates_pivotgrid#toc-column-header-cell-template).
8
+ * Represents the column header cell template of the PivotGrid. Allows customizing the content of the column header cells.
11
9
  *
12
- * The template context is set to the current cell item and the following additional fields are passed:
13
- * - `cellItem`&mdash;The current cell item. Represents the default context that will be assigned to any template variable which utilizes the `let-x` syntax&mdash;for example, `let-cellItem`.
14
- * - `columnIndex`&mdash;The current column index. Use it as an alias for a template variable by utilizing the `let-columnIndex="columnIndex"` syntax.
15
- * - `rowIndex`&mdash;The current data row index. Use it as an alias for a template variable by utilizing the `let-rowIndex="rowIndex"` syntax.
16
- * - `expanded`&mdash;The expanded state of the cell. Use it as an alias for a template variable by utilizing the `let-expanded="expanded"` syntax.
17
- * - `tableType`&mdash;The table type. Use it as an alias for a template variable by utilizing the `let-tableType="tableType"` syntax.
18
- * - `text`&mdash;The default cell text. Use it as an alias for a template variable by utilizing the `let-text="text"` syntax.
10
+ * To define the column header cell template, nest an `<ng-template>` tag with the
11
+ * `kendoPivotGridColumnHeaderCellTemplate` directive inside a `<kendo-pivot-grid>` tag ([see example](slug:templates_pivotgrid#toc-column-header-cell-template)).
12
+ *
13
+ * The template context provides the current cell item and the following additional fields:
14
+ * - `cellItem`&mdash;The current cell item. This is the default template context that you can access with any `let-x` syntax&mdash;for example, `let-cellItem`.
15
+ * - `columnIndex`&mdash;The current column index. Use `let-columnIndex="columnIndex"` to access this variable in your template.
16
+ * - `rowIndex`&mdash;The current row index. Use `let-rowIndex="rowIndex"` to access this variable in your template.
17
+ * - `expanded`&mdash;The expanded state of the cell. Use `let-expanded="expanded"` to access this boolean variable in your template.
18
+ * - `tableType`&mdash;The table type identifier. Use `let-tableType="tableType"` to access this variable in your template.
19
+ * - `text`&mdash;The default cell text. Use `let-text="text"` to access this variable in your template.
19
20
  *
20
21
  * @example
21
22
  * ```html
@@ -5,17 +5,18 @@
5
5
  import { Directive, TemplateRef } from '@angular/core';
6
6
  import * as i0 from "@angular/core";
7
7
  /**
8
- * Represents the row header cell template of the PivotGrid.
9
- * Helps to customize the content of the row header cells. To define the row header cell template, nest an `<ng-template>` tag with the
10
- * `kendoPivotGridRowHeaderCellTemplate` directive inside a `<kendo-pivot-grid>` tag [see example](slug:templates_pivotgrid#toc-row-header-cell-template).
8
+ * Represents the row header cell template of the PivotGrid. Allows customizing the content of the row header cells.
11
9
  *
12
- * The template context is set to the current cell item and the following additional fields are passed:
13
- * - `cellItem`&mdash;The current cell item. Represents the default context that will be assigned to any template variable which utilizes the `let-x` syntax&mdash;for example, `let-cellItem`.
14
- * - `columnIndex`&mdash;The current column index. Use it as an alias for a template variable by utilizing the `let-columnIndex="columnIndex"` syntax.
15
- * - `rowIndex`&mdash;The current data row index. Use it as an alias for a template variable by utilizing the `let-rowIndex="rowIndex"` syntax.
16
- * - `expanded`&mdash;The expanded state of the cell. Use it as an alias for a template variable by utilizing the `let-expanded="expanded"` syntax.
17
- * - `tableType`&mdash;The table type. Use it as an alias for a template variable by utilizing the `let-tableType="tableType"` syntax.
18
- * - `text`&mdash;The default cell text. Use it as an alias for a template variable by utilizing the `let-text="text"` syntax.
10
+ * To define the row header cell template, nest an `<ng-template>` tag with the
11
+ * `kendoPivotGridRowHeaderCellTemplate` directive inside a `<kendo-pivot-grid>` tag ([see example](slug:templates_pivotgrid#toc-row-header-cell-template)).
12
+ *
13
+ * The template context provides the current cell item and the following additional fields:
14
+ * - `cellItem`&mdash;The current cell item. This is the default template context that you can access with any `let-x` syntax&mdash;for example, `let-cellItem`.
15
+ * - `columnIndex`&mdash;The current column index. Use `let-columnIndex="columnIndex"` to access this variable in your template.
16
+ * - `rowIndex`&mdash;The current row index. Use `let-rowIndex="rowIndex"` to access this variable in your template.
17
+ * - `expanded`&mdash;The expanded state of the cell. Use `let-expanded="expanded"` to access this boolean variable in your template.
18
+ * - `tableType`&mdash;The table type identifier. Use `let-tableType="tableType"` to access this variable in your template.
19
+ * - `text`&mdash;The default cell text. Use `let-text="text"` to access this variable in your template.
19
20
  *
20
21
  * @example
21
22
  * ```html
@@ -5,16 +5,17 @@
5
5
  import { Directive, TemplateRef } from '@angular/core';
6
6
  import * as i0 from "@angular/core";
7
7
  /**
8
- * Represents the value cell template of the PivotGrid.
9
- * Helps to customize the content of the value cells. To define the value cell template, nest an `<ng-template>` tag with the
10
- * `kendoPivotGridValueCellTemplate` directive inside a `<kendo-pivot-grid>` tag [see example](slug:templates_pivotgrid#toc-value-cell-template).
8
+ * Represents the value cell template of the PivotGrid. Allows customizing the content of the value cells.
11
9
  *
12
- * The template context is set to the current cell item and the following additional fields are passed:
13
- * - `cellItem`&mdash;The current cell item. Represents the default context that will be assigned to any template variable which utilizes the `let-x` syntax&mdash;for example, `let-cellItem`.
14
- * - `columnIndex`&mdash;The current column index. Use it as an alias for a template variable by utilizing the `let-columnIndex="columnIndex"` syntax.
15
- * - `rowIndex`&mdash;The current data row index. Use it as an alias for a template variable by utilizing the `let-rowIndex="rowIndex"` syntax.
16
- * - `tableType`&mdash;The table type. Use it as an alias for a template variable by utilizing the `let-tableType="tableType"` syntax.
17
- * - `value`&mdash;The default cell value. Use it as an alias for a template variable by utilizing the `let-value="value"` syntax.
10
+ * To define the value cell template, nest an `<ng-template>` tag with the
11
+ * `kendoPivotGridValueCellTemplate` directive inside a `<kendo-pivot-grid>` tag ([see example](slug:templates_pivotgrid#toc-value-cell-template)).
12
+ *
13
+ * The template context provides the current cell item and the following additional fields:
14
+ * - `cellItem`&mdash;The current cell item. This is the default template context that you can access with any `let-x` syntax&mdash;for example, `let-cellItem`.
15
+ * - `columnIndex`&mdash;The current column index. Use `let-columnIndex="columnIndex"` to access this variable in your template.
16
+ * - `rowIndex`&mdash;The current row index. Use `let-rowIndex="rowIndex"` to access this variable in your template.
17
+ * - `tableType`&mdash;The table type identifier. Use `let-tableType="tableType"` to access this variable in your template.
18
+ * - `value`&mdash;The default cell value. Use `let-value="value"` to access this variable in your template.
18
19
  *
19
20
  * @example
20
21
  * ```html
package/esm2022/util.mjs CHANGED
@@ -142,7 +142,7 @@ export const filterAndMap = (arr, predicate, mapper) => arr.reduce((acc, curr) =
142
142
  /**
143
143
  * @hidden
144
144
  */
145
- export const replaceMessagePlaceholder = (message, name, value) => message.replace(new RegExp(`\{\\s*${name}\\s*\}`, 'g'), value);
145
+ export const replaceMessagePlaceholder = (message, name, value) => message.replace(new RegExp(`{\\s*${name}\\s*}`, 'g'), value);
146
146
  /**
147
147
  * @hidden
148
148
  */