@progress/kendo-angular-pivotgrid 21.1.1-develop.1 → 21.2.0-develop.1

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.
@@ -19,7 +19,6 @@ import { ValueCellTemplateDirective } from './rendering/templates/pivotgrid-valu
19
19
  import { RowHeaderCellTemplateDirective } from './rendering/templates/pivotgrid-row-header-cell-template.directive';
20
20
  import { ColumnHeaderCellTemplateDirective } from './rendering/templates/pivotgrid-column-header-cell-template.directive';
21
21
  import { PivotGridConfiguratorComponent } from './configurator/configurator.component';
22
- import { NgIf } from '@angular/common';
23
22
  import { PivotGridTableComponent } from './rendering/pivotgrid-table.component';
24
23
  import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
25
24
  import { LoaderComponent } from '@progress/kendo-angular-indicators';
@@ -308,7 +307,7 @@ export class PivotGridComponent {
308
307
  }
309
308
  }
310
309
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PivotGridComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.PivotGridDataService }, { token: i2.LocalizationService }, { token: i0.Renderer2 }, { token: i3.ScrollbarWidthService }, { token: i4.PivotGridScrollService }], target: i0.ɵɵFactoryTarget.Component });
311
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PivotGridComponent, isStandalone: true, selector: "kendo-pivotgrid", inputs: { loaderSettings: "loaderSettings", configurator: "configurator", virtualScrolling: "virtualScrolling", columnHeadersWidth: "columnHeadersWidth", navigable: "navigable" }, host: { properties: { "class.k-d-flex": "this.hostClass", "class.k-pos-relative": "this.hostClass", "class.k-flex-row": "this.rightPositionClass", "class.k-flex-row-reverse": "this.leftPositionClass", "class.k-flex-column": "this.bottomPositionClass", "class.k-flex-column-reverse": "this.topPositionClass", "attr.dir": "this.dir" } }, providers: [
310
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PivotGridComponent, isStandalone: true, selector: "kendo-pivotgrid", inputs: { loaderSettings: "loaderSettings", configurator: "configurator", virtualScrolling: "virtualScrolling", columnHeadersWidth: "columnHeadersWidth", navigable: "navigable" }, host: { properties: { "class.k-d-flex": "this.hostClass", "class.k-pos-relative": "this.hostClass", "class.k-flex-row": "this.rightPositionClass", "class.k-flex-row-reverse": "this.leftPositionClass", "class.k-flex-column": "this.bottomPositionClass", "class.k-flex-column-reverse": "this.topPositionClass", "attr.dir": "this.dir" } }, providers: [
312
311
  PivotGridDataService,
313
312
  LocalizationService,
314
313
  PivotLocalizationService,
@@ -319,163 +318,168 @@ export class PivotGridComponent {
319
318
  PivotGridScrollService
320
319
  ], queries: [{ propertyName: "customCellTemplate", first: true, predicate: CellTemplateDirective, descendants: true }, { propertyName: "valueCellTemplate", first: true, predicate: ValueCellTemplateDirective, descendants: true }, { propertyName: "rowHeaderCellTemplate", first: true, predicate: RowHeaderCellTemplateDirective, descendants: true }, { propertyName: "columnHeaderCellTemplate", first: true, predicate: ColumnHeaderCellTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "colHeadersTable", first: true, predicate: ["colHeadersTable"], descendants: true, read: ElementRef }, { propertyName: "rowHeadersTable", first: true, predicate: ["rowHeadersTable"], descendants: true, read: ElementRef }, { propertyName: "valuesTable", first: true, predicate: ["valuesTable"], descendants: true, read: ElementRef }, { propertyName: "table", first: true, predicate: ["table"], descendants: true, read: ElementRef }, { propertyName: "configuratorWrapper", first: true, predicate: ["configurator"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: `
321
320
  <ng-container kendoPivotGridLocalizedMessages
322
- i18n-loading="kendo.pivotgrid.loading|The loading text"
323
- loading="Loading"
324
-
325
- i18n-emptyCellLabel="kendo.pivotgrid.emptyCellLabel|The value of the aria-label attribute placed on the focusable empty cell element"
326
- emptyCellLabel="PivotGrid Empty Cell"
327
-
328
- i18n-fieldMenuFilterItemLabel="kendo.pivotgrid.fieldMenuFilterItemLabel|The text content of the filter item in the column and row fields menu"
329
- fieldMenuFilterItemLabel="Filter"
330
-
331
- i18n-fieldMenuSortAscendingItemLabel="kendo.pivotgrid.fieldMenuSortAscendingItemLabel|The text content of the sort ascending item in the column and row fields menu"
332
- fieldMenuSortAscendingItemLabel="Sort ascending"
333
-
334
- i18n-fieldMenuSortDescendingItemLabel="kendo.pivotgrid.fieldMenuSortDescendingItemLabel|The text content of the sort descending item in the column and row fields menu"
335
- fieldMenuSortDescendingItemLabel="Sort descending"
336
-
337
- i18n-filterInputLabel="kendo.pivotgrid.filterInputLabel|The label of the filter input"
338
- filterInputLabel="{{ '{fields} Filter' }}"
339
-
340
- i18n-filterOperatorsDropDownLabel="kendo.pivotgrid.filterOperatorsDropDownLabel|The label of the filter operators DropDownList"
341
- filterOperatorsDropDownLabel="{{ '{fields} Filter Operators' }}"
342
-
343
- i18n-filterEqOperator="kendo.pivotgrid.filterEqOperator|The text of the equal filter operator"
344
- filterEqOperator="Is equal to"
345
-
346
- i18n-filterNotEqOperator="kendo.pivotgrid.filterNotEqOperator|The text of the not equal filter operator"
347
- filterNotEqOperator="Is not equal to"
348
-
349
- i18n-filterIsNullOperator="kendo.pivotgrid.filterIsNullOperator|The text of the is null filter operator"
350
- filterIsNullOperator="Is null"
351
-
352
- i18n-filterIsNotNullOperator="kendo.pivotgrid.filterIsNotNullOperator|The text of the is not null filter operator"
353
- filterIsNotNullOperator="Is not null"
354
-
355
- i18n-filterIsEmptyOperator="kendo.pivotgrid.filterIsEmptyOperator|The text of the is empty filter operator"
356
- filterIsEmptyOperator="Is empty"
357
-
358
- i18n-filterIsNotEmptyOperator="kendo.pivotgrid.filterIsNotEmptyOperator|The text of the is not empty filter operator"
359
- filterIsNotEmptyOperator="Is not empty"
360
-
361
- i18n-filterStartsWithOperator="kendo.pivotgrid.filterStartsWithOperator|The text of the starts with filter operator"
362
- filterStartsWithOperator="Starts with"
363
-
364
- i18n-filterContainsOperator="kendo.pivotgrid.filterContainsOperator|The text of the contains filter operator"
365
- filterContainsOperator="Contains"
366
-
367
- i18n-filterNotContainsOperator="kendo.pivotgrid.filterNotContainsOperator|The text of the does not contain filter operator"
368
- filterNotContainsOperator="Does not contain"
369
-
370
- i18n-filterEndsWithOperator="kendo.pivotgrid.filterEndsWithOperator|The text of the ends with filter operator"
371
- filterEndsWithOperator="Ends with"
372
-
373
- i18n-filterFilterButton="kendo.pivotgrid.filterFilterButton|The text of the filter button"
374
- filterFilterButton="Filter"
375
-
376
- i18n-filterClearButton="kendo.pivotgrid.filterClearButton|The text of the clear filter button"
377
- filterClearButton="Clear"
378
-
379
- i18n-configuratorButtonText="kendo.pivotgrid.configuratorButtonText|The text content of the button that opens and closes the PivotGrid configurator"
380
- configuratorButtonText="Change Settings"
381
-
382
- i18n-configuratorHeaderText="kendo.pivotgrid.configuratorHeaderText|The text content of the PivotGrid configurator title element"
383
- configuratorHeaderText="Settings"
384
-
385
- i18n-configuratorFieldsText="kendo.pivotgrid.configuratorFieldsText|The text content of the PivotGrid configurator fields section title element"
386
- configuratorFieldsText="Fields"
387
-
388
- i18n-configuratorColumnsText="kendo.pivotgrid.configuratorColumnsText|The text content of the PivotGrid configurator columns section title element"
389
- configuratorColumnsText="Columns"
390
-
391
- i18n-configuratorRowsText="kendo.pivotgrid.configuratorRowsText|The text content of the PivotGrid configurator rows section title element"
392
- configuratorRowsText="Rows"
393
-
394
- i18n-configuratorValuesText="kendo.pivotgrid.configuratorValuesText|The text content of the PivotGrid configurator values section title element"
395
- configuratorValuesText="Values"
396
-
397
- i18n-configuratorCancelButtonText="kendo.pivotgrid.configuratorCancelButtonText|The text content of the PivotGrid configurator configurator Cancel button"
398
- configuratorCancelButtonText="Cancel"
399
-
400
- i18n-configuratorApplyButtonText="kendo.pivotgrid.configuratorApplyButtonText|The text content of the PivotGrid configurator configurator Apply button"
401
- configuratorApplyButtonText="Apply"
402
-
403
- i18n-configuratorEmptyRowsText="kendo.pivotgrid.configuratorEmptyRowsText|The text content of the PivotGrid configurator empty rows container"
404
- configuratorEmptyRowsText="Select some fields to begin setup"
405
-
406
- i18n-configuratorEmptyColumnsText="kendo.pivotgrid.configuratorEmptyColumnsText|The text content of the PivotGrid configurator empty columns container"
407
- configuratorEmptyColumnsText="Select some fields to begin setup"
408
-
409
- i18n-configuratorEmptyMeasuresText="kendo.pivotgrid.configuratorEmptyMeasuresText|The text content of the PivotGrid configurator empty measures container"
410
- configuratorEmptyMeasuresText="Select some fields to begin setup"
411
-
412
- i18n-chipMenuIconTitle="kendo.grid.chipMenuIconTitle|The title of the field menu icon"
413
- chipMenuIconTitle="{{ '{fieldName} Field Menu' }}"
414
-
415
- i18n-fieldMenuMoveToColumnsItem="kendo.pivotgrid.fieldMenuMoveToColumnsItem|The text content of the Move to Columns item in the column and row fields menu."
416
- fieldMenuMoveToColumnsItem="Move to Columns"
417
-
418
- i18n-fieldMenuMoveToRowsItem="kendo.pivotgrid.fieldMenuMoveToRowsItem|The text content of the Move to Rows item in the column and row fields menu."
419
- fieldMenuMoveToRowsItem="Move to Rows"
420
-
421
- i18n-fieldMenuMovePreviousItem="kendo.pivotgrid.fieldMenuMovePreviousItem|The text content of the Move as previous item in the column, row, and value fields menu."
422
- fieldMenuMovePreviousItem="Move as previous"
423
-
424
- i18n-fieldMenuMoveNextItem="kendo.pivotgrid.fieldMenuMoveNextItem|The text content of the Move as next item in the column, row, and value fields menu."
321
+ i18n-loading="kendo.pivotgrid.loading|The loading text"
322
+ loading="Loading"
323
+
324
+ i18n-emptyCellLabel="kendo.pivotgrid.emptyCellLabel|The value of the aria-label attribute placed on the focusable empty cell element"
325
+ emptyCellLabel="PivotGrid Empty Cell"
326
+
327
+ i18n-fieldMenuFilterItemLabel="kendo.pivotgrid.fieldMenuFilterItemLabel|The text content of the filter item in the column and row fields menu"
328
+ fieldMenuFilterItemLabel="Filter"
329
+
330
+ i18n-fieldMenuSortAscendingItemLabel="kendo.pivotgrid.fieldMenuSortAscendingItemLabel|The text content of the sort ascending item in the column and row fields menu"
331
+ fieldMenuSortAscendingItemLabel="Sort ascending"
332
+
333
+ i18n-fieldMenuSortDescendingItemLabel="kendo.pivotgrid.fieldMenuSortDescendingItemLabel|The text content of the sort descending item in the column and row fields menu"
334
+ fieldMenuSortDescendingItemLabel="Sort descending"
335
+
336
+ i18n-filterInputLabel="kendo.pivotgrid.filterInputLabel|The label of the filter input"
337
+ filterInputLabel="{{ '{fields} Filter' }}"
338
+
339
+ i18n-filterOperatorsDropDownLabel="kendo.pivotgrid.filterOperatorsDropDownLabel|The label of the filter operators DropDownList"
340
+ filterOperatorsDropDownLabel="{{ '{fields} Filter Operators' }}"
341
+
342
+ i18n-filterEqOperator="kendo.pivotgrid.filterEqOperator|The text of the equal filter operator"
343
+ filterEqOperator="Is equal to"
344
+
345
+ i18n-filterNotEqOperator="kendo.pivotgrid.filterNotEqOperator|The text of the not equal filter operator"
346
+ filterNotEqOperator="Is not equal to"
347
+
348
+ i18n-filterIsNullOperator="kendo.pivotgrid.filterIsNullOperator|The text of the is null filter operator"
349
+ filterIsNullOperator="Is null"
350
+
351
+ i18n-filterIsNotNullOperator="kendo.pivotgrid.filterIsNotNullOperator|The text of the is not null filter operator"
352
+ filterIsNotNullOperator="Is not null"
353
+
354
+ i18n-filterIsEmptyOperator="kendo.pivotgrid.filterIsEmptyOperator|The text of the is empty filter operator"
355
+ filterIsEmptyOperator="Is empty"
356
+
357
+ i18n-filterIsNotEmptyOperator="kendo.pivotgrid.filterIsNotEmptyOperator|The text of the is not empty filter operator"
358
+ filterIsNotEmptyOperator="Is not empty"
359
+
360
+ i18n-filterStartsWithOperator="kendo.pivotgrid.filterStartsWithOperator|The text of the starts with filter operator"
361
+ filterStartsWithOperator="Starts with"
362
+
363
+ i18n-filterContainsOperator="kendo.pivotgrid.filterContainsOperator|The text of the contains filter operator"
364
+ filterContainsOperator="Contains"
365
+
366
+ i18n-filterNotContainsOperator="kendo.pivotgrid.filterNotContainsOperator|The text of the does not contain filter operator"
367
+ filterNotContainsOperator="Does not contain"
368
+
369
+ i18n-filterEndsWithOperator="kendo.pivotgrid.filterEndsWithOperator|The text of the ends with filter operator"
370
+ filterEndsWithOperator="Ends with"
371
+
372
+ i18n-filterFilterButton="kendo.pivotgrid.filterFilterButton|The text of the filter button"
373
+ filterFilterButton="Filter"
374
+
375
+ i18n-filterClearButton="kendo.pivotgrid.filterClearButton|The text of the clear filter button"
376
+ filterClearButton="Clear"
377
+
378
+ i18n-configuratorButtonText="kendo.pivotgrid.configuratorButtonText|The text content of the button that opens and closes the PivotGrid configurator"
379
+ configuratorButtonText="Change Settings"
380
+
381
+ i18n-configuratorHeaderText="kendo.pivotgrid.configuratorHeaderText|The text content of the PivotGrid configurator title element"
382
+ configuratorHeaderText="Settings"
383
+
384
+ i18n-configuratorFieldsText="kendo.pivotgrid.configuratorFieldsText|The text content of the PivotGrid configurator fields section title element"
385
+ configuratorFieldsText="Fields"
386
+
387
+ i18n-configuratorColumnsText="kendo.pivotgrid.configuratorColumnsText|The text content of the PivotGrid configurator columns section title element"
388
+ configuratorColumnsText="Columns"
389
+
390
+ i18n-configuratorRowsText="kendo.pivotgrid.configuratorRowsText|The text content of the PivotGrid configurator rows section title element"
391
+ configuratorRowsText="Rows"
392
+
393
+ i18n-configuratorValuesText="kendo.pivotgrid.configuratorValuesText|The text content of the PivotGrid configurator values section title element"
394
+ configuratorValuesText="Values"
395
+
396
+ i18n-configuratorCancelButtonText="kendo.pivotgrid.configuratorCancelButtonText|The text content of the PivotGrid configurator configurator Cancel button"
397
+ configuratorCancelButtonText="Cancel"
398
+
399
+ i18n-configuratorApplyButtonText="kendo.pivotgrid.configuratorApplyButtonText|The text content of the PivotGrid configurator configurator Apply button"
400
+ configuratorApplyButtonText="Apply"
401
+
402
+ i18n-configuratorEmptyRowsText="kendo.pivotgrid.configuratorEmptyRowsText|The text content of the PivotGrid configurator empty rows container"
403
+ configuratorEmptyRowsText="Select some fields to begin setup"
404
+
405
+ i18n-configuratorEmptyColumnsText="kendo.pivotgrid.configuratorEmptyColumnsText|The text content of the PivotGrid configurator empty columns container"
406
+ configuratorEmptyColumnsText="Select some fields to begin setup"
407
+
408
+ i18n-configuratorEmptyMeasuresText="kendo.pivotgrid.configuratorEmptyMeasuresText|The text content of the PivotGrid configurator empty measures container"
409
+ configuratorEmptyMeasuresText="Select some fields to begin setup"
410
+
411
+ i18n-chipMenuIconTitle="kendo.grid.chipMenuIconTitle|The title of the field menu icon"
412
+ chipMenuIconTitle="{{ '{fieldName} Field Menu' }}"
413
+
414
+ i18n-fieldMenuMoveToColumnsItem="kendo.pivotgrid.fieldMenuMoveToColumnsItem|The text content of the Move to Columns item in the column and row fields menu."
415
+ fieldMenuMoveToColumnsItem="Move to Columns"
416
+
417
+ i18n-fieldMenuMoveToRowsItem="kendo.pivotgrid.fieldMenuMoveToRowsItem|The text content of the Move to Rows item in the column and row fields menu."
418
+ fieldMenuMoveToRowsItem="Move to Rows"
419
+
420
+ i18n-fieldMenuMovePreviousItem="kendo.pivotgrid.fieldMenuMovePreviousItem|The text content of the Move as previous item in the column, row, and value fields menu."
421
+ fieldMenuMovePreviousItem="Move as previous"
422
+
423
+ i18n-fieldMenuMoveNextItem="kendo.pivotgrid.fieldMenuMoveNextItem|The text content of the Move as next item in the column, row, and value fields menu."
425
424
  fieldMenuMoveNextItem="Move as next"></ng-container>
426
-
425
+
427
426
  <div #table class="k-pivotgrid" role="grid">
428
- <span class="k-pivotgrid-empty-cell" role="columnheader">
429
- <span class="k-sr-only">{{messageFor('emptyCellLabel')}}</span>
430
- </span>
431
- <kendo-pivotgrid-table
432
- #colHeadersTable
433
- [colWidth]="columnHeadersWidth"
434
- [customCellTemplate]="customCellTemplate"
435
- [columnHeaderCellTemplate]="columnHeaderCellTemplate"
436
- class="k-pivotgrid-column-headers"
437
- tableType="columnHeader"></kendo-pivotgrid-table>
438
- <kendo-pivotgrid-table
439
- #rowHeadersTable
440
- [customCellTemplate]="customCellTemplate"
441
- [rowHeaderCellTemplate]="rowHeaderCellTemplate"
442
- class="k-pivotgrid-row-headers"
443
- tableType="rowHeader"></kendo-pivotgrid-table>
444
- <kendo-pivotgrid-table
445
- #valuesTable
446
- [customCellTemplate]="customCellTemplate"
447
- [valueCellTemplate]="valueCellTemplate"
448
- [colWidth]="columnHeadersWidth"
449
- class="k-pivotgrid-values"
450
- [scrollableSettings]="virtualScrolling"
451
- tableType="values"></kendo-pivotgrid-table>
452
-
453
- <div *ngIf="loading" [style]="'position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);'">
454
- <kendo-loader
455
- [type]="loaderSettings?.type"
456
- [themeColor]="loaderSettings?.themeColor"
457
- [size]="loaderSettings?.size"
427
+ <span class="k-pivotgrid-empty-cell" role="columnheader">
428
+ <span class="k-sr-only">{{messageFor('emptyCellLabel')}}</span>
429
+ </span>
430
+ <kendo-pivotgrid-table
431
+ #colHeadersTable
432
+ [colWidth]="columnHeadersWidth"
433
+ [customCellTemplate]="customCellTemplate"
434
+ [columnHeaderCellTemplate]="columnHeaderCellTemplate"
435
+ class="k-pivotgrid-column-headers"
436
+ tableType="columnHeader"></kendo-pivotgrid-table>
437
+ <kendo-pivotgrid-table
438
+ #rowHeadersTable
439
+ [customCellTemplate]="customCellTemplate"
440
+ [rowHeaderCellTemplate]="rowHeaderCellTemplate"
441
+ class="k-pivotgrid-row-headers"
442
+ tableType="rowHeader"></kendo-pivotgrid-table>
443
+ <kendo-pivotgrid-table
444
+ #valuesTable
445
+ [customCellTemplate]="customCellTemplate"
446
+ [valueCellTemplate]="valueCellTemplate"
447
+ [colWidth]="columnHeadersWidth"
448
+ class="k-pivotgrid-values"
449
+ [scrollableSettings]="virtualScrolling"
450
+ tableType="values"></kendo-pivotgrid-table>
451
+
452
+ @if (loading) {
453
+ <div [style]="'position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);'">
454
+ <kendo-loader
455
+ [type]="loaderSettings?.type"
456
+ [themeColor]="loaderSettings?.themeColor"
457
+ [size]="loaderSettings?.size"
458
458
  >
459
- </kendo-loader>
460
- <span class="k-loading-text">{{ loadingText }}</span>
459
+ </kendo-loader>
460
+ <span class="k-loading-text">{{ loadingText }}</span>
461
461
  </div>
462
+ }
462
463
  </div>
463
- <kendo-pivotgrid-configurator
464
+ @if (showConfigurator) {
465
+ <kendo-pivotgrid-configurator
464
466
  #configurator
465
- *ngIf="showConfigurator"
466
467
  [navigation]="configuratorNavigation"
467
468
  [orientation]="configuratorSettings.orientation"
468
469
  (close)="toggleConfigurator()">
469
- </kendo-pivotgrid-configurator>
470
- <div *ngIf="configurator"
470
+ </kendo-pivotgrid-configurator>
471
+ }
472
+ @if (configurator) {
473
+ <div
471
474
  #configuratorButton
472
475
  class="k-pivotgrid-configurator-button"
473
476
  aria-hidden="true"
474
477
  (click)="toggleConfigurator()">
475
478
  <span>{{messageFor('configuratorButtonText')}}<kendo-icon-wrapper name="gear" [svgIcon]="gearSVGIcon"></kendo-icon-wrapper>
476
- </span>
479
+ </span>
477
480
  </div>
478
- `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoPivotGridLocalizedMessages]" }, { kind: "component", type: PivotGridTableComponent, selector: "kendo-pivotgrid-table", inputs: ["tableType", "colWidth", "customCellTemplate", "valueCellTemplate", "rowHeaderCellTemplate", "columnHeaderCellTemplate", "scrollableSettings"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LoaderComponent, selector: "kendo-loader", inputs: ["type", "themeColor", "size"] }, { kind: "component", type: PivotGridConfiguratorComponent, selector: "kendo-pivotgrid-configurator", inputs: ["orientation", "sort", "filter", "navigation"], outputs: ["close"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
481
+ }
482
+ `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoPivotGridLocalizedMessages]" }, { kind: "component", type: PivotGridTableComponent, selector: "kendo-pivotgrid-table", inputs: ["tableType", "colWidth", "customCellTemplate", "valueCellTemplate", "rowHeaderCellTemplate", "columnHeaderCellTemplate", "scrollableSettings"] }, { kind: "component", type: LoaderComponent, selector: "kendo-loader", inputs: ["type", "themeColor", "size"] }, { kind: "component", type: PivotGridConfiguratorComponent, selector: "kendo-pivotgrid-configurator", inputs: ["orientation", "sort", "filter", "navigation"], outputs: ["close"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
479
483
  }
480
484
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PivotGridComponent, decorators: [{
481
485
  type: Component,
@@ -493,165 +497,170 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
493
497
  ],
494
498
  template: `
495
499
  <ng-container kendoPivotGridLocalizedMessages
496
- i18n-loading="kendo.pivotgrid.loading|The loading text"
497
- loading="Loading"
498
-
499
- i18n-emptyCellLabel="kendo.pivotgrid.emptyCellLabel|The value of the aria-label attribute placed on the focusable empty cell element"
500
- emptyCellLabel="PivotGrid Empty Cell"
501
-
502
- i18n-fieldMenuFilterItemLabel="kendo.pivotgrid.fieldMenuFilterItemLabel|The text content of the filter item in the column and row fields menu"
503
- fieldMenuFilterItemLabel="Filter"
504
-
505
- i18n-fieldMenuSortAscendingItemLabel="kendo.pivotgrid.fieldMenuSortAscendingItemLabel|The text content of the sort ascending item in the column and row fields menu"
506
- fieldMenuSortAscendingItemLabel="Sort ascending"
507
-
508
- i18n-fieldMenuSortDescendingItemLabel="kendo.pivotgrid.fieldMenuSortDescendingItemLabel|The text content of the sort descending item in the column and row fields menu"
509
- fieldMenuSortDescendingItemLabel="Sort descending"
510
-
511
- i18n-filterInputLabel="kendo.pivotgrid.filterInputLabel|The label of the filter input"
512
- filterInputLabel="{{ '{fields} Filter' }}"
513
-
514
- i18n-filterOperatorsDropDownLabel="kendo.pivotgrid.filterOperatorsDropDownLabel|The label of the filter operators DropDownList"
515
- filterOperatorsDropDownLabel="{{ '{fields} Filter Operators' }}"
516
-
517
- i18n-filterEqOperator="kendo.pivotgrid.filterEqOperator|The text of the equal filter operator"
518
- filterEqOperator="Is equal to"
519
-
520
- i18n-filterNotEqOperator="kendo.pivotgrid.filterNotEqOperator|The text of the not equal filter operator"
521
- filterNotEqOperator="Is not equal to"
522
-
523
- i18n-filterIsNullOperator="kendo.pivotgrid.filterIsNullOperator|The text of the is null filter operator"
524
- filterIsNullOperator="Is null"
525
-
526
- i18n-filterIsNotNullOperator="kendo.pivotgrid.filterIsNotNullOperator|The text of the is not null filter operator"
527
- filterIsNotNullOperator="Is not null"
528
-
529
- i18n-filterIsEmptyOperator="kendo.pivotgrid.filterIsEmptyOperator|The text of the is empty filter operator"
530
- filterIsEmptyOperator="Is empty"
531
-
532
- i18n-filterIsNotEmptyOperator="kendo.pivotgrid.filterIsNotEmptyOperator|The text of the is not empty filter operator"
533
- filterIsNotEmptyOperator="Is not empty"
534
-
535
- i18n-filterStartsWithOperator="kendo.pivotgrid.filterStartsWithOperator|The text of the starts with filter operator"
536
- filterStartsWithOperator="Starts with"
537
-
538
- i18n-filterContainsOperator="kendo.pivotgrid.filterContainsOperator|The text of the contains filter operator"
539
- filterContainsOperator="Contains"
540
-
541
- i18n-filterNotContainsOperator="kendo.pivotgrid.filterNotContainsOperator|The text of the does not contain filter operator"
542
- filterNotContainsOperator="Does not contain"
543
-
544
- i18n-filterEndsWithOperator="kendo.pivotgrid.filterEndsWithOperator|The text of the ends with filter operator"
545
- filterEndsWithOperator="Ends with"
546
-
547
- i18n-filterFilterButton="kendo.pivotgrid.filterFilterButton|The text of the filter button"
548
- filterFilterButton="Filter"
549
-
550
- i18n-filterClearButton="kendo.pivotgrid.filterClearButton|The text of the clear filter button"
551
- filterClearButton="Clear"
552
-
553
- i18n-configuratorButtonText="kendo.pivotgrid.configuratorButtonText|The text content of the button that opens and closes the PivotGrid configurator"
554
- configuratorButtonText="Change Settings"
555
-
556
- i18n-configuratorHeaderText="kendo.pivotgrid.configuratorHeaderText|The text content of the PivotGrid configurator title element"
557
- configuratorHeaderText="Settings"
558
-
559
- i18n-configuratorFieldsText="kendo.pivotgrid.configuratorFieldsText|The text content of the PivotGrid configurator fields section title element"
560
- configuratorFieldsText="Fields"
561
-
562
- i18n-configuratorColumnsText="kendo.pivotgrid.configuratorColumnsText|The text content of the PivotGrid configurator columns section title element"
563
- configuratorColumnsText="Columns"
564
-
565
- i18n-configuratorRowsText="kendo.pivotgrid.configuratorRowsText|The text content of the PivotGrid configurator rows section title element"
566
- configuratorRowsText="Rows"
567
-
568
- i18n-configuratorValuesText="kendo.pivotgrid.configuratorValuesText|The text content of the PivotGrid configurator values section title element"
569
- configuratorValuesText="Values"
570
-
571
- i18n-configuratorCancelButtonText="kendo.pivotgrid.configuratorCancelButtonText|The text content of the PivotGrid configurator configurator Cancel button"
572
- configuratorCancelButtonText="Cancel"
573
-
574
- i18n-configuratorApplyButtonText="kendo.pivotgrid.configuratorApplyButtonText|The text content of the PivotGrid configurator configurator Apply button"
575
- configuratorApplyButtonText="Apply"
576
-
577
- i18n-configuratorEmptyRowsText="kendo.pivotgrid.configuratorEmptyRowsText|The text content of the PivotGrid configurator empty rows container"
578
- configuratorEmptyRowsText="Select some fields to begin setup"
579
-
580
- i18n-configuratorEmptyColumnsText="kendo.pivotgrid.configuratorEmptyColumnsText|The text content of the PivotGrid configurator empty columns container"
581
- configuratorEmptyColumnsText="Select some fields to begin setup"
582
-
583
- i18n-configuratorEmptyMeasuresText="kendo.pivotgrid.configuratorEmptyMeasuresText|The text content of the PivotGrid configurator empty measures container"
584
- configuratorEmptyMeasuresText="Select some fields to begin setup"
585
-
586
- i18n-chipMenuIconTitle="kendo.grid.chipMenuIconTitle|The title of the field menu icon"
587
- chipMenuIconTitle="{{ '{fieldName} Field Menu' }}"
588
-
589
- i18n-fieldMenuMoveToColumnsItem="kendo.pivotgrid.fieldMenuMoveToColumnsItem|The text content of the Move to Columns item in the column and row fields menu."
590
- fieldMenuMoveToColumnsItem="Move to Columns"
591
-
592
- i18n-fieldMenuMoveToRowsItem="kendo.pivotgrid.fieldMenuMoveToRowsItem|The text content of the Move to Rows item in the column and row fields menu."
593
- fieldMenuMoveToRowsItem="Move to Rows"
594
-
595
- i18n-fieldMenuMovePreviousItem="kendo.pivotgrid.fieldMenuMovePreviousItem|The text content of the Move as previous item in the column, row, and value fields menu."
596
- fieldMenuMovePreviousItem="Move as previous"
597
-
598
- i18n-fieldMenuMoveNextItem="kendo.pivotgrid.fieldMenuMoveNextItem|The text content of the Move as next item in the column, row, and value fields menu."
500
+ i18n-loading="kendo.pivotgrid.loading|The loading text"
501
+ loading="Loading"
502
+
503
+ i18n-emptyCellLabel="kendo.pivotgrid.emptyCellLabel|The value of the aria-label attribute placed on the focusable empty cell element"
504
+ emptyCellLabel="PivotGrid Empty Cell"
505
+
506
+ i18n-fieldMenuFilterItemLabel="kendo.pivotgrid.fieldMenuFilterItemLabel|The text content of the filter item in the column and row fields menu"
507
+ fieldMenuFilterItemLabel="Filter"
508
+
509
+ i18n-fieldMenuSortAscendingItemLabel="kendo.pivotgrid.fieldMenuSortAscendingItemLabel|The text content of the sort ascending item in the column and row fields menu"
510
+ fieldMenuSortAscendingItemLabel="Sort ascending"
511
+
512
+ i18n-fieldMenuSortDescendingItemLabel="kendo.pivotgrid.fieldMenuSortDescendingItemLabel|The text content of the sort descending item in the column and row fields menu"
513
+ fieldMenuSortDescendingItemLabel="Sort descending"
514
+
515
+ i18n-filterInputLabel="kendo.pivotgrid.filterInputLabel|The label of the filter input"
516
+ filterInputLabel="{{ '{fields} Filter' }}"
517
+
518
+ i18n-filterOperatorsDropDownLabel="kendo.pivotgrid.filterOperatorsDropDownLabel|The label of the filter operators DropDownList"
519
+ filterOperatorsDropDownLabel="{{ '{fields} Filter Operators' }}"
520
+
521
+ i18n-filterEqOperator="kendo.pivotgrid.filterEqOperator|The text of the equal filter operator"
522
+ filterEqOperator="Is equal to"
523
+
524
+ i18n-filterNotEqOperator="kendo.pivotgrid.filterNotEqOperator|The text of the not equal filter operator"
525
+ filterNotEqOperator="Is not equal to"
526
+
527
+ i18n-filterIsNullOperator="kendo.pivotgrid.filterIsNullOperator|The text of the is null filter operator"
528
+ filterIsNullOperator="Is null"
529
+
530
+ i18n-filterIsNotNullOperator="kendo.pivotgrid.filterIsNotNullOperator|The text of the is not null filter operator"
531
+ filterIsNotNullOperator="Is not null"
532
+
533
+ i18n-filterIsEmptyOperator="kendo.pivotgrid.filterIsEmptyOperator|The text of the is empty filter operator"
534
+ filterIsEmptyOperator="Is empty"
535
+
536
+ i18n-filterIsNotEmptyOperator="kendo.pivotgrid.filterIsNotEmptyOperator|The text of the is not empty filter operator"
537
+ filterIsNotEmptyOperator="Is not empty"
538
+
539
+ i18n-filterStartsWithOperator="kendo.pivotgrid.filterStartsWithOperator|The text of the starts with filter operator"
540
+ filterStartsWithOperator="Starts with"
541
+
542
+ i18n-filterContainsOperator="kendo.pivotgrid.filterContainsOperator|The text of the contains filter operator"
543
+ filterContainsOperator="Contains"
544
+
545
+ i18n-filterNotContainsOperator="kendo.pivotgrid.filterNotContainsOperator|The text of the does not contain filter operator"
546
+ filterNotContainsOperator="Does not contain"
547
+
548
+ i18n-filterEndsWithOperator="kendo.pivotgrid.filterEndsWithOperator|The text of the ends with filter operator"
549
+ filterEndsWithOperator="Ends with"
550
+
551
+ i18n-filterFilterButton="kendo.pivotgrid.filterFilterButton|The text of the filter button"
552
+ filterFilterButton="Filter"
553
+
554
+ i18n-filterClearButton="kendo.pivotgrid.filterClearButton|The text of the clear filter button"
555
+ filterClearButton="Clear"
556
+
557
+ i18n-configuratorButtonText="kendo.pivotgrid.configuratorButtonText|The text content of the button that opens and closes the PivotGrid configurator"
558
+ configuratorButtonText="Change Settings"
559
+
560
+ i18n-configuratorHeaderText="kendo.pivotgrid.configuratorHeaderText|The text content of the PivotGrid configurator title element"
561
+ configuratorHeaderText="Settings"
562
+
563
+ i18n-configuratorFieldsText="kendo.pivotgrid.configuratorFieldsText|The text content of the PivotGrid configurator fields section title element"
564
+ configuratorFieldsText="Fields"
565
+
566
+ i18n-configuratorColumnsText="kendo.pivotgrid.configuratorColumnsText|The text content of the PivotGrid configurator columns section title element"
567
+ configuratorColumnsText="Columns"
568
+
569
+ i18n-configuratorRowsText="kendo.pivotgrid.configuratorRowsText|The text content of the PivotGrid configurator rows section title element"
570
+ configuratorRowsText="Rows"
571
+
572
+ i18n-configuratorValuesText="kendo.pivotgrid.configuratorValuesText|The text content of the PivotGrid configurator values section title element"
573
+ configuratorValuesText="Values"
574
+
575
+ i18n-configuratorCancelButtonText="kendo.pivotgrid.configuratorCancelButtonText|The text content of the PivotGrid configurator configurator Cancel button"
576
+ configuratorCancelButtonText="Cancel"
577
+
578
+ i18n-configuratorApplyButtonText="kendo.pivotgrid.configuratorApplyButtonText|The text content of the PivotGrid configurator configurator Apply button"
579
+ configuratorApplyButtonText="Apply"
580
+
581
+ i18n-configuratorEmptyRowsText="kendo.pivotgrid.configuratorEmptyRowsText|The text content of the PivotGrid configurator empty rows container"
582
+ configuratorEmptyRowsText="Select some fields to begin setup"
583
+
584
+ i18n-configuratorEmptyColumnsText="kendo.pivotgrid.configuratorEmptyColumnsText|The text content of the PivotGrid configurator empty columns container"
585
+ configuratorEmptyColumnsText="Select some fields to begin setup"
586
+
587
+ i18n-configuratorEmptyMeasuresText="kendo.pivotgrid.configuratorEmptyMeasuresText|The text content of the PivotGrid configurator empty measures container"
588
+ configuratorEmptyMeasuresText="Select some fields to begin setup"
589
+
590
+ i18n-chipMenuIconTitle="kendo.grid.chipMenuIconTitle|The title of the field menu icon"
591
+ chipMenuIconTitle="{{ '{fieldName} Field Menu' }}"
592
+
593
+ i18n-fieldMenuMoveToColumnsItem="kendo.pivotgrid.fieldMenuMoveToColumnsItem|The text content of the Move to Columns item in the column and row fields menu."
594
+ fieldMenuMoveToColumnsItem="Move to Columns"
595
+
596
+ i18n-fieldMenuMoveToRowsItem="kendo.pivotgrid.fieldMenuMoveToRowsItem|The text content of the Move to Rows item in the column and row fields menu."
597
+ fieldMenuMoveToRowsItem="Move to Rows"
598
+
599
+ i18n-fieldMenuMovePreviousItem="kendo.pivotgrid.fieldMenuMovePreviousItem|The text content of the Move as previous item in the column, row, and value fields menu."
600
+ fieldMenuMovePreviousItem="Move as previous"
601
+
602
+ i18n-fieldMenuMoveNextItem="kendo.pivotgrid.fieldMenuMoveNextItem|The text content of the Move as next item in the column, row, and value fields menu."
599
603
  fieldMenuMoveNextItem="Move as next"></ng-container>
600
-
604
+
601
605
  <div #table class="k-pivotgrid" role="grid">
602
- <span class="k-pivotgrid-empty-cell" role="columnheader">
603
- <span class="k-sr-only">{{messageFor('emptyCellLabel')}}</span>
604
- </span>
605
- <kendo-pivotgrid-table
606
- #colHeadersTable
607
- [colWidth]="columnHeadersWidth"
608
- [customCellTemplate]="customCellTemplate"
609
- [columnHeaderCellTemplate]="columnHeaderCellTemplate"
610
- class="k-pivotgrid-column-headers"
611
- tableType="columnHeader"></kendo-pivotgrid-table>
612
- <kendo-pivotgrid-table
613
- #rowHeadersTable
614
- [customCellTemplate]="customCellTemplate"
615
- [rowHeaderCellTemplate]="rowHeaderCellTemplate"
616
- class="k-pivotgrid-row-headers"
617
- tableType="rowHeader"></kendo-pivotgrid-table>
618
- <kendo-pivotgrid-table
619
- #valuesTable
620
- [customCellTemplate]="customCellTemplate"
621
- [valueCellTemplate]="valueCellTemplate"
622
- [colWidth]="columnHeadersWidth"
623
- class="k-pivotgrid-values"
624
- [scrollableSettings]="virtualScrolling"
625
- tableType="values"></kendo-pivotgrid-table>
626
-
627
- <div *ngIf="loading" [style]="'position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);'">
628
- <kendo-loader
629
- [type]="loaderSettings?.type"
630
- [themeColor]="loaderSettings?.themeColor"
631
- [size]="loaderSettings?.size"
606
+ <span class="k-pivotgrid-empty-cell" role="columnheader">
607
+ <span class="k-sr-only">{{messageFor('emptyCellLabel')}}</span>
608
+ </span>
609
+ <kendo-pivotgrid-table
610
+ #colHeadersTable
611
+ [colWidth]="columnHeadersWidth"
612
+ [customCellTemplate]="customCellTemplate"
613
+ [columnHeaderCellTemplate]="columnHeaderCellTemplate"
614
+ class="k-pivotgrid-column-headers"
615
+ tableType="columnHeader"></kendo-pivotgrid-table>
616
+ <kendo-pivotgrid-table
617
+ #rowHeadersTable
618
+ [customCellTemplate]="customCellTemplate"
619
+ [rowHeaderCellTemplate]="rowHeaderCellTemplate"
620
+ class="k-pivotgrid-row-headers"
621
+ tableType="rowHeader"></kendo-pivotgrid-table>
622
+ <kendo-pivotgrid-table
623
+ #valuesTable
624
+ [customCellTemplate]="customCellTemplate"
625
+ [valueCellTemplate]="valueCellTemplate"
626
+ [colWidth]="columnHeadersWidth"
627
+ class="k-pivotgrid-values"
628
+ [scrollableSettings]="virtualScrolling"
629
+ tableType="values"></kendo-pivotgrid-table>
630
+
631
+ @if (loading) {
632
+ <div [style]="'position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);'">
633
+ <kendo-loader
634
+ [type]="loaderSettings?.type"
635
+ [themeColor]="loaderSettings?.themeColor"
636
+ [size]="loaderSettings?.size"
632
637
  >
633
- </kendo-loader>
634
- <span class="k-loading-text">{{ loadingText }}</span>
638
+ </kendo-loader>
639
+ <span class="k-loading-text">{{ loadingText }}</span>
635
640
  </div>
641
+ }
636
642
  </div>
637
- <kendo-pivotgrid-configurator
643
+ @if (showConfigurator) {
644
+ <kendo-pivotgrid-configurator
638
645
  #configurator
639
- *ngIf="showConfigurator"
640
646
  [navigation]="configuratorNavigation"
641
647
  [orientation]="configuratorSettings.orientation"
642
648
  (close)="toggleConfigurator()">
643
- </kendo-pivotgrid-configurator>
644
- <div *ngIf="configurator"
649
+ </kendo-pivotgrid-configurator>
650
+ }
651
+ @if (configurator) {
652
+ <div
645
653
  #configuratorButton
646
654
  class="k-pivotgrid-configurator-button"
647
655
  aria-hidden="true"
648
656
  (click)="toggleConfigurator()">
649
657
  <span>{{messageFor('configuratorButtonText')}}<kendo-icon-wrapper name="gear" [svgIcon]="gearSVGIcon"></kendo-icon-wrapper>
650
- </span>
658
+ </span>
651
659
  </div>
652
- `,
660
+ }
661
+ `,
653
662
  standalone: true,
654
- imports: [LocalizedMessagesDirective, PivotGridTableComponent, NgIf, LoaderComponent, PivotGridConfiguratorComponent, IconWrapperComponent]
663
+ imports: [LocalizedMessagesDirective, PivotGridTableComponent, LoaderComponent, PivotGridConfiguratorComponent, IconWrapperComponent]
655
664
  }]
656
665
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.PivotGridDataService }, { type: i2.LocalizationService }, { type: i0.Renderer2 }, { type: i3.ScrollbarWidthService }, { type: i4.PivotGridScrollService }], propDecorators: { hostClass: [{
657
666
  type: HostBinding,