@progress/kendo-angular-pivotgrid 25.0.0-develop.6 → 25.0.0-develop.8

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.
@@ -2572,7 +2572,7 @@ class PivotGridConfiguratorComponent {
2572
2572
  </div>
2573
2573
 
2574
2574
  <div class="k-pivotgrid-configurator-content">
2575
- <div class="k-form" [class.k-form-horizontal]="isHorizontal" [class.k-form-vertical]="!isHorizontal" role="form">
2575
+ <form class="k-form" [class.k-form-horizontal]="isHorizontal" [class.k-form-vertical]="!isHorizontal">
2576
2576
  <div class="k-form-field-wrapper" [ngStyle]="isHorizontal ? {'padding-left': 0 } : null">
2577
2577
  <div class="k-form-field" [style]="'padding-top: 1em; margin-top: 0;'" [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null">
2578
2578
  <span [id]="contentLabelId('fields')" class="k-label">{{messageFor('configuratorFieldsText')}}</span>
@@ -2622,6 +2622,7 @@ class PivotGridConfiguratorComponent {
2622
2622
  class="k-column-fields"
2623
2623
  axes="columnAxes"
2624
2624
  [style.width.%]="100"
2625
+ [attr.aria-label]="messageFor('configuratorChipListLabel')"
2625
2626
  [attr.aria-labelledby]="headerTextId + ' ' + contentLabelId('columns')"
2626
2627
  [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null"
2627
2628
  >
@@ -2670,6 +2671,7 @@ class PivotGridConfiguratorComponent {
2670
2671
  kendoDropTarget
2671
2672
  class="k-row-fields"
2672
2673
  axes="rowAxes"
2674
+ [attr.aria-label]="messageFor('configuratorChipListLabel')"
2673
2675
  [attr.aria-labelledby]="headerTextId + ' ' + contentLabelId('rows')"
2674
2676
  [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null"
2675
2677
  [style.width.%]="100"
@@ -2728,6 +2730,7 @@ class PivotGridConfiguratorComponent {
2728
2730
  kendoDropTarget
2729
2731
  class="k-filter-fields"
2730
2732
  axes="measureAxes"
2733
+ [attr.aria-label]="messageFor('configuratorChipListLabel')"
2731
2734
  [attr.aria-labelledby]="headerTextId + ' ' + contentLabelId('values')"
2732
2735
  [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null"
2733
2736
  [style.width.%]="100"
@@ -2765,14 +2768,14 @@ class PivotGridConfiguratorComponent {
2765
2768
  </ng-template>
2766
2769
  </ng-template>
2767
2770
 
2768
- </div>
2771
+ </form>
2769
2772
  </div>
2770
2773
  <div class="k-pivotgrid-configurator-actions k-actions k-actions-end k-actions-horizontal">
2771
2774
  <button kendoButton type="button" (click)="handleReset()">{{messageFor('configuratorCancelButtonText')}}</button>
2772
- <button kendoButton themeColor="primary" type="button" (click)="handleSubmit()" [disabled]="isApplyDisabled">{{messageFor('configuratorApplyButtonText')}}</button>
2775
+ <button kendoButton themeColor="primary" type="button" (click)="handleSubmit()" [disabled]="isApplyDisabled" [attr.aria-disabled]="isApplyDisabled || null">{{messageFor('configuratorApplyButtonText')}}</button>
2773
2776
  </div>
2774
2777
  </div>
2775
- `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TreeViewComponent, selector: "kendo-treeview", inputs: ["filterInputPlaceholder", "expandDisabledNodes", "animate", "nodeTemplate", "loadMoreButtonTemplate", "trackBy", "nodes", "textField", "hasChildren", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isSelected", "isVisible", "navigable", "children", "loadOnDemand", "filterable", "filter", "size", "disableParentNodesOnly"], outputs: ["childrenLoaded", "blur", "focus", "expand", "collapse", "nodeDragStart", "nodeDrag", "filterStateChange", "nodeDrop", "nodeDragEnd", "addItem", "removeItem", "checkedChange", "selectionChange", "filterChange", "nodeClick", "nodeDblClick"], exportAs: ["kendoTreeView"] }, { kind: "directive", type: ExpandDirective, selector: "[kendoTreeViewExpandable]", inputs: ["isExpanded", "expandBy", "expandOnFilter", "expandedKeys"], outputs: ["expandedKeysChange"] }, { kind: "directive", type: CheckDirective, selector: "[kendoTreeViewCheckable]", inputs: ["isChecked", "checkBy", "checkedKeys", "kendoTreeViewCheckable"], outputs: ["checkedKeysChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["item", "axes"] }, { kind: "component", type: ChipListComponent, selector: "kendo-chiplist, kendo-chip-list", inputs: ["orientation", "selection", "size", "role", "navigable"], outputs: ["selectedChange", "remove"] }, { kind: "component", type: ChipComponent, selector: "kendo-chip", inputs: ["label", "icon", "svgIcon", "iconClass", "avatarSettings", "selected", "removable", "removeIcon", "removeSvgIcon", "hasMenu", "menuIcon", "menuSvgIcon", "disabled", "size", "rounded", "fillMode", "themeColor"], outputs: ["remove", "menuToggle", "contentClick"] }, { kind: "directive", type: DraggableChipDirective, selector: "[kendoChipDraggable]", inputs: ["item"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: ChipKeyboardNavigationDirective, selector: "[kendoChipKeyboardNavigation]", outputs: ["reorder"] }, { kind: "component", type: ChipMenuComponent, selector: "kendo-pivot-chip-menu", inputs: ["chip", "tabIndex", "isMeasureField", "anchor"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
2778
+ `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TreeViewComponent, selector: "kendo-treeview", inputs: ["filterInputPlaceholder", "expandDisabledNodes", "animate", "nodeTemplate", "loadMoreButtonTemplate", "loadMoreButtonRole", "trackBy", "nodes", "textField", "hasChildren", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isSelected", "isVisible", "navigable", "children", "loadOnDemand", "filterable", "filter", "size", "disableParentNodesOnly"], outputs: ["childrenLoaded", "blur", "focus", "expand", "collapse", "nodeDragStart", "nodeDrag", "filterStateChange", "nodeDrop", "nodeDragEnd", "addItem", "removeItem", "checkedChange", "selectionChange", "filterChange", "nodeClick", "nodeDblClick"], exportAs: ["kendoTreeView"] }, { kind: "directive", type: ExpandDirective, selector: "[kendoTreeViewExpandable]", inputs: ["isExpanded", "expandBy", "expandOnFilter", "expandedKeys"], outputs: ["expandedKeysChange"] }, { kind: "directive", type: CheckDirective, selector: "[kendoTreeViewCheckable]", inputs: ["isChecked", "checkBy", "checkedKeys", "kendoTreeViewCheckable"], outputs: ["checkedKeysChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["item", "axes"] }, { kind: "component", type: ChipListComponent, selector: "kendo-chiplist, kendo-chip-list", inputs: ["orientation", "selection", "size", "role", "navigable"], outputs: ["selectedChange", "remove"] }, { kind: "component", type: ChipComponent, selector: "kendo-chip", inputs: ["label", "icon", "svgIcon", "iconClass", "avatarSettings", "selected", "removable", "removeIcon", "removeSvgIcon", "hasMenu", "menuIcon", "menuSvgIcon", "disabled", "size", "rounded", "fillMode", "themeColor"], outputs: ["remove", "menuToggle", "contentClick"] }, { kind: "directive", type: DraggableChipDirective, selector: "[kendoChipDraggable]", inputs: ["item"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: ChipKeyboardNavigationDirective, selector: "[kendoChipKeyboardNavigation]", outputs: ["reorder"] }, { kind: "component", type: ChipMenuComponent, selector: "kendo-pivot-chip-menu", inputs: ["chip", "tabIndex", "isMeasureField", "anchor"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
2776
2779
  }
2777
2780
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PivotGridConfiguratorComponent, decorators: [{
2778
2781
  type: Component,
@@ -2798,7 +2801,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
2798
2801
  </div>
2799
2802
 
2800
2803
  <div class="k-pivotgrid-configurator-content">
2801
- <div class="k-form" [class.k-form-horizontal]="isHorizontal" [class.k-form-vertical]="!isHorizontal" role="form">
2804
+ <form class="k-form" [class.k-form-horizontal]="isHorizontal" [class.k-form-vertical]="!isHorizontal">
2802
2805
  <div class="k-form-field-wrapper" [ngStyle]="isHorizontal ? {'padding-left': 0 } : null">
2803
2806
  <div class="k-form-field" [style]="'padding-top: 1em; margin-top: 0;'" [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null">
2804
2807
  <span [id]="contentLabelId('fields')" class="k-label">{{messageFor('configuratorFieldsText')}}</span>
@@ -2848,6 +2851,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
2848
2851
  class="k-column-fields"
2849
2852
  axes="columnAxes"
2850
2853
  [style.width.%]="100"
2854
+ [attr.aria-label]="messageFor('configuratorChipListLabel')"
2851
2855
  [attr.aria-labelledby]="headerTextId + ' ' + contentLabelId('columns')"
2852
2856
  [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null"
2853
2857
  >
@@ -2896,6 +2900,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
2896
2900
  kendoDropTarget
2897
2901
  class="k-row-fields"
2898
2902
  axes="rowAxes"
2903
+ [attr.aria-label]="messageFor('configuratorChipListLabel')"
2899
2904
  [attr.aria-labelledby]="headerTextId + ' ' + contentLabelId('rows')"
2900
2905
  [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null"
2901
2906
  [style.width.%]="100"
@@ -2954,6 +2959,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
2954
2959
  kendoDropTarget
2955
2960
  class="k-filter-fields"
2956
2961
  axes="measureAxes"
2962
+ [attr.aria-label]="messageFor('configuratorChipListLabel')"
2957
2963
  [attr.aria-labelledby]="headerTextId + ' ' + contentLabelId('values')"
2958
2964
  [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null"
2959
2965
  [style.width.%]="100"
@@ -2991,11 +2997,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
2991
2997
  </ng-template>
2992
2998
  </ng-template>
2993
2999
 
2994
- </div>
3000
+ </form>
2995
3001
  </div>
2996
3002
  <div class="k-pivotgrid-configurator-actions k-actions k-actions-end k-actions-horizontal">
2997
3003
  <button kendoButton type="button" (click)="handleReset()">{{messageFor('configuratorCancelButtonText')}}</button>
2998
- <button kendoButton themeColor="primary" type="button" (click)="handleSubmit()" [disabled]="isApplyDisabled">{{messageFor('configuratorApplyButtonText')}}</button>
3004
+ <button kendoButton themeColor="primary" type="button" (click)="handleSubmit()" [disabled]="isApplyDisabled" [attr.aria-disabled]="isApplyDisabled || null">{{messageFor('configuratorApplyButtonText')}}</button>
2999
3005
  </div>
3000
3006
  </div>
3001
3007
  `,
@@ -3703,8 +3709,12 @@ class PivotGridMessages extends ComponentMessages {
3703
3709
  * The text content of the PivotGrid configurator fields TreeView Measures node
3704
3710
  */
3705
3711
  configuratorMeasuresText;
3712
+ /**
3713
+ * Sets the accessible label for the chip list sections in the PivotGrid configurator.
3714
+ */
3715
+ configuratorChipListLabel;
3706
3716
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PivotGridMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
3707
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: PivotGridMessages, isStandalone: true, inputs: { fieldMenuFilterItemLabel: "fieldMenuFilterItemLabel", fieldMenuSortAscendingItemLabel: "fieldMenuSortAscendingItemLabel", fieldMenuSortDescendingItemLabel: "fieldMenuSortDescendingItemLabel", filterInputLabel: "filterInputLabel", filterOperatorsDropDownLabel: "filterOperatorsDropDownLabel", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", loading: "loading", emptyCellLabel: "emptyCellLabel", configuratorButtonText: "configuratorButtonText", configuratorHeaderText: "configuratorHeaderText", configuratorFieldsText: "configuratorFieldsText", configuratorColumnsText: "configuratorColumnsText", configuratorRowsText: "configuratorRowsText", configuratorValuesText: "configuratorValuesText", configuratorCancelButtonText: "configuratorCancelButtonText", configuratorApplyButtonText: "configuratorApplyButtonText", configuratorEmptyRowsText: "configuratorEmptyRowsText", configuratorEmptyColumnsText: "configuratorEmptyColumnsText", configuratorEmptyMeasuresText: "configuratorEmptyMeasuresText", fieldMenuMoveToColumnsItem: "fieldMenuMoveToColumnsItem", fieldMenuMoveToRowsItem: "fieldMenuMoveToRowsItem", fieldMenuMovePreviousItem: "fieldMenuMovePreviousItem", fieldMenuMoveNextItem: "fieldMenuMoveNextItem", chipMenuIconTitle: "chipMenuIconTitle", configuratorMeasuresText: "configuratorMeasuresText" }, usesInheritance: true, ngImport: i0 });
3717
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: PivotGridMessages, isStandalone: true, inputs: { fieldMenuFilterItemLabel: "fieldMenuFilterItemLabel", fieldMenuSortAscendingItemLabel: "fieldMenuSortAscendingItemLabel", fieldMenuSortDescendingItemLabel: "fieldMenuSortDescendingItemLabel", filterInputLabel: "filterInputLabel", filterOperatorsDropDownLabel: "filterOperatorsDropDownLabel", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", loading: "loading", emptyCellLabel: "emptyCellLabel", configuratorButtonText: "configuratorButtonText", configuratorHeaderText: "configuratorHeaderText", configuratorFieldsText: "configuratorFieldsText", configuratorColumnsText: "configuratorColumnsText", configuratorRowsText: "configuratorRowsText", configuratorValuesText: "configuratorValuesText", configuratorCancelButtonText: "configuratorCancelButtonText", configuratorApplyButtonText: "configuratorApplyButtonText", configuratorEmptyRowsText: "configuratorEmptyRowsText", configuratorEmptyColumnsText: "configuratorEmptyColumnsText", configuratorEmptyMeasuresText: "configuratorEmptyMeasuresText", fieldMenuMoveToColumnsItem: "fieldMenuMoveToColumnsItem", fieldMenuMoveToRowsItem: "fieldMenuMoveToRowsItem", fieldMenuMovePreviousItem: "fieldMenuMovePreviousItem", fieldMenuMoveNextItem: "fieldMenuMoveNextItem", chipMenuIconTitle: "chipMenuIconTitle", configuratorMeasuresText: "configuratorMeasuresText", configuratorChipListLabel: "configuratorChipListLabel" }, usesInheritance: true, ngImport: i0 });
3708
3718
  }
3709
3719
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PivotGridMessages, decorators: [{
3710
3720
  type: Directive
@@ -3780,6 +3790,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
3780
3790
  type: Input
3781
3791
  }], configuratorMeasuresText: [{
3782
3792
  type: Input
3793
+ }], configuratorChipListLabel: [{
3794
+ type: Input
3783
3795
  }] } });
3784
3796
 
3785
3797
  /**
@@ -3870,8 +3882,8 @@ const packageMetadata = {
3870
3882
  productName: 'Kendo UI for Angular',
3871
3883
  productCode: 'KENDOUIANGULAR',
3872
3884
  productCodes: ['KENDOUIANGULAR'],
3873
- publishDate: 1784041173,
3874
- version: '25.0.0-develop.6',
3885
+ publishDate: 1784796058,
3886
+ version: '25.0.0-develop.8',
3875
3887
  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'
3876
3888
  };
3877
3889
 
@@ -4196,8 +4208,7 @@ class PivotGridCellDirective {
4196
4208
  && (this.dataService.rowHeaderLeaves?.[this.rowIndex]?.total ||
4197
4209
  this.dataService.columnHeaderLeaves?.[this.colIndex]?.total),
4198
4210
  'k-pivotgrid-header-root': this.kendoPivotGridCell?.levelNum === 0,
4199
- 'k-pivotgrid-expanded': this.kendoPivotGridCell?.hasChildren && this.kendoPivotGridCell?.children?.length,
4200
- 'k-first': this.colIndex > 0
4211
+ 'k-pivotgrid-expanded': this.kendoPivotGridCell?.hasChildren && this.kendoPivotGridCell.children.length
4201
4212
  };
4202
4213
  for (const prop in classesToAdd) {
4203
4214
  if (classesToAdd[prop]) {
@@ -4408,6 +4419,7 @@ class PivotGridTableComponent {
4408
4419
  localization;
4409
4420
  zone;
4410
4421
  scrollService;
4422
+ hostRole = 'none';
4411
4423
  headerItems;
4412
4424
  rows;
4413
4425
  renderedRows;
@@ -4624,10 +4636,10 @@ class PivotGridTableComponent {
4624
4636
  }, true);
4625
4637
  }
4626
4638
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PivotGridTableComponent, deps: [{ token: i0.ElementRef }, { token: PivotGridDataService }, { token: i1$1.LocalizationService }, { token: i0.NgZone }, { token: PivotGridScrollService }], target: i0.ɵɵFactoryTarget.Component });
4627
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: PivotGridTableComponent, isStandalone: true, selector: "kendo-pivotgrid-table", inputs: { tableType: "tableType", colWidth: "colWidth", customCellTemplate: "customCellTemplate", valueCellTemplate: "valueCellTemplate", rowHeaderCellTemplate: "rowHeaderCellTemplate", columnHeaderCellTemplate: "columnHeaderCellTemplate", scrollableSettings: "scrollableSettings" }, ngImport: i0, template: `
4639
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: PivotGridTableComponent, isStandalone: true, selector: "kendo-pivotgrid-table", inputs: { tableType: "tableType", colWidth: "colWidth", customCellTemplate: "customCellTemplate", valueCellTemplate: "valueCellTemplate", rowHeaderCellTemplate: "rowHeaderCellTemplate", columnHeaderCellTemplate: "columnHeaderCellTemplate", scrollableSettings: "scrollableSettings" }, host: { properties: { "attr.role": "this.hostRole" } }, ngImport: i0, template: `
4628
4640
  <table
4629
4641
  class="k-pivotgrid-table"
4630
- role="presentation"
4642
+ role="none"
4631
4643
  [ngStyle]="{
4632
4644
  float: tableType === 'values' ? this.rtl ? 'right' : 'left' : 'initial',
4633
4645
  overflow: 'scroll',
@@ -4661,7 +4673,7 @@ class PivotGridTableComponent {
4661
4673
  [tableType]="tableType"
4662
4674
  [colIndex]="colIndex + startColIndex"
4663
4675
  [rowIndex]="rowIndex + startRowIndex"
4664
- [attr.aria-expanded]="cell.hasChildren && cell.children.length ? 'true' : 'false'"
4676
+ [attr.aria-expanded]="cell.hasChildren ? (cell.children.length ? 'true' : 'false') : null"
4665
4677
  [attr.role]="tableType === 'columnHeader' ? 'columnheader' : tableType === 'rowHeader' ? 'rowheader' : 'none'"
4666
4678
  [attr.id]="pivotGridId + (tableType === 'columnHeader' ? 'ch-' : 'rh-') + (rowIndex + 1) + '-' + (colIndex + 1)"></th>
4667
4679
  }
@@ -4690,7 +4702,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
4690
4702
  template: `
4691
4703
  <table
4692
4704
  class="k-pivotgrid-table"
4693
- role="presentation"
4705
+ role="none"
4694
4706
  [ngStyle]="{
4695
4707
  float: tableType === 'values' ? this.rtl ? 'right' : 'left' : 'initial',
4696
4708
  overflow: 'scroll',
@@ -4724,7 +4736,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
4724
4736
  [tableType]="tableType"
4725
4737
  [colIndex]="colIndex + startColIndex"
4726
4738
  [rowIndex]="rowIndex + startRowIndex"
4727
- [attr.aria-expanded]="cell.hasChildren && cell.children.length ? 'true' : 'false'"
4739
+ [attr.aria-expanded]="cell.hasChildren ? (cell.children.length ? 'true' : 'false') : null"
4728
4740
  [attr.role]="tableType === 'columnHeader' ? 'columnheader' : tableType === 'rowHeader' ? 'rowheader' : 'none'"
4729
4741
  [attr.id]="pivotGridId + (tableType === 'columnHeader' ? 'ch-' : 'rh-') + (rowIndex + 1) + '-' + (colIndex + 1)"></th>
4730
4742
  }
@@ -4748,7 +4760,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
4748
4760
  standalone: true,
4749
4761
  imports: [PivotGridCellDirective, NgStyle]
4750
4762
  }]
4751
- }], ctorParameters: () => [{ type: i0.ElementRef }, { type: PivotGridDataService }, { type: i1$1.LocalizationService }, { type: i0.NgZone }, { type: PivotGridScrollService }], propDecorators: { tableType: [{
4763
+ }], ctorParameters: () => [{ type: i0.ElementRef }, { type: PivotGridDataService }, { type: i1$1.LocalizationService }, { type: i0.NgZone }, { type: PivotGridScrollService }], propDecorators: { hostRole: [{
4764
+ type: HostBinding,
4765
+ args: ['attr.role']
4766
+ }], tableType: [{
4752
4767
  type: Input
4753
4768
  }], colWidth: [{
4754
4769
  type: Input
@@ -5094,10 +5109,10 @@ class PivotGridComponent {
5094
5109
  fieldMenuSortDescendingItemLabel="Sort descending"
5095
5110
 
5096
5111
  i18n-filterInputLabel="kendo.pivotgrid.filterInputLabel|The label of the filter input"
5097
- filterInputLabel="{{ '{fields} Filter' }}"
5112
+ filterInputLabel="[[fields]] Filter"
5098
5113
 
5099
5114
  i18n-filterOperatorsDropDownLabel="kendo.pivotgrid.filterOperatorsDropDownLabel|The label of the filter operators DropDownList"
5100
- filterOperatorsDropDownLabel="{{ '{fields} Filter Operators' }}"
5115
+ filterOperatorsDropDownLabel="[[fields]] Filter Operators"
5101
5116
 
5102
5117
  i18n-filterEqOperator="kendo.pivotgrid.filterEqOperator|The text of the equal filter operator"
5103
5118
  filterEqOperator="Is equal to"
@@ -5147,6 +5162,9 @@ class PivotGridComponent {
5147
5162
  i18n-configuratorMeasuresText="kendo.pivotgrid.configuratorMeasuresText|The text content of the PivotGrid configurator fields TreeView Measures node"
5148
5163
  configuratorMeasuresText="Measures"
5149
5164
 
5165
+ i18n-configuratorChipListLabel="kendo.pivotgrid.configuratorChipListLabel|The accessible label for the chip list sections in the PivotGrid configurator"
5166
+ configuratorChipListLabel="chip list"
5167
+
5150
5168
  i18n-configuratorColumnsText="kendo.pivotgrid.configuratorColumnsText|The text content of the PivotGrid configurator columns section title element"
5151
5169
  configuratorColumnsText="Columns"
5152
5170
 
@@ -5172,7 +5190,7 @@ class PivotGridComponent {
5172
5190
  configuratorEmptyMeasuresText="Select some fields to begin setup"
5173
5191
 
5174
5192
  i18n-chipMenuIconTitle="kendo.grid.chipMenuIconTitle|The title of the field menu icon"
5175
- chipMenuIconTitle="{{ '{fieldName} Field Menu' }}"
5193
+ chipMenuIconTitle="[[fieldName]] Field Menu"
5176
5194
 
5177
5195
  i18n-fieldMenuMoveToColumnsItem="kendo.pivotgrid.fieldMenuMoveToColumnsItem|The text content of the Move to Columns item in the column and row fields menu."
5178
5196
  fieldMenuMoveToColumnsItem="Move to Columns"
@@ -5187,8 +5205,8 @@ class PivotGridComponent {
5187
5205
  fieldMenuMoveNextItem="Move as next"></ng-container>
5188
5206
 
5189
5207
  <div #table class="k-pivotgrid" role="grid">
5190
- <span class="k-pivotgrid-empty-cell" role="columnheader">
5191
- <span class="k-sr-only">{{messageFor('emptyCellLabel')}}</span>
5208
+ <span class="k-pivotgrid-empty-cell" role="none">
5209
+ <span class="k-sr-only" role="none">{{messageFor('emptyCellLabel')}}</span>
5192
5210
  </span>
5193
5211
  <kendo-pivotgrid-table
5194
5212
  #colHeadersTable
@@ -5277,10 +5295,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
5277
5295
  fieldMenuSortDescendingItemLabel="Sort descending"
5278
5296
 
5279
5297
  i18n-filterInputLabel="kendo.pivotgrid.filterInputLabel|The label of the filter input"
5280
- filterInputLabel="{{ '{fields} Filter' }}"
5298
+ filterInputLabel="[[fields]] Filter"
5281
5299
 
5282
5300
  i18n-filterOperatorsDropDownLabel="kendo.pivotgrid.filterOperatorsDropDownLabel|The label of the filter operators DropDownList"
5283
- filterOperatorsDropDownLabel="{{ '{fields} Filter Operators' }}"
5301
+ filterOperatorsDropDownLabel="[[fields]] Filter Operators"
5284
5302
 
5285
5303
  i18n-filterEqOperator="kendo.pivotgrid.filterEqOperator|The text of the equal filter operator"
5286
5304
  filterEqOperator="Is equal to"
@@ -5330,6 +5348,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
5330
5348
  i18n-configuratorMeasuresText="kendo.pivotgrid.configuratorMeasuresText|The text content of the PivotGrid configurator fields TreeView Measures node"
5331
5349
  configuratorMeasuresText="Measures"
5332
5350
 
5351
+ i18n-configuratorChipListLabel="kendo.pivotgrid.configuratorChipListLabel|The accessible label for the chip list sections in the PivotGrid configurator"
5352
+ configuratorChipListLabel="chip list"
5353
+
5333
5354
  i18n-configuratorColumnsText="kendo.pivotgrid.configuratorColumnsText|The text content of the PivotGrid configurator columns section title element"
5334
5355
  configuratorColumnsText="Columns"
5335
5356
 
@@ -5355,7 +5376,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
5355
5376
  configuratorEmptyMeasuresText="Select some fields to begin setup"
5356
5377
 
5357
5378
  i18n-chipMenuIconTitle="kendo.grid.chipMenuIconTitle|The title of the field menu icon"
5358
- chipMenuIconTitle="{{ '{fieldName} Field Menu' }}"
5379
+ chipMenuIconTitle="[[fieldName]] Field Menu"
5359
5380
 
5360
5381
  i18n-fieldMenuMoveToColumnsItem="kendo.pivotgrid.fieldMenuMoveToColumnsItem|The text content of the Move to Columns item in the column and row fields menu."
5361
5382
  fieldMenuMoveToColumnsItem="Move to Columns"
@@ -5370,8 +5391,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
5370
5391
  fieldMenuMoveNextItem="Move as next"></ng-container>
5371
5392
 
5372
5393
  <div #table class="k-pivotgrid" role="grid">
5373
- <span class="k-pivotgrid-empty-cell" role="columnheader">
5374
- <span class="k-sr-only">{{messageFor('emptyCellLabel')}}</span>
5394
+ <span class="k-pivotgrid-empty-cell" role="none">
5395
+ <span class="k-sr-only" role="none">{{messageFor('emptyCellLabel')}}</span>
5375
5396
  </span>
5376
5397
  <kendo-pivotgrid-table
5377
5398
  #colHeadersTable
package/index.d.ts CHANGED
@@ -1150,8 +1150,12 @@ declare class PivotGridMessages extends ComponentMessages {
1150
1150
  * The text content of the PivotGrid configurator fields TreeView Measures node
1151
1151
  */
1152
1152
  configuratorMeasuresText: string;
1153
+ /**
1154
+ * Sets the accessible label for the chip list sections in the PivotGrid configurator.
1155
+ */
1156
+ configuratorChipListLabel: string;
1153
1157
  static ɵfac: i0.ɵɵFactoryDeclaration<PivotGridMessages, never>;
1154
- static ɵdir: i0.ɵɵDirectiveDeclaration<PivotGridMessages, never, never, { "fieldMenuFilterItemLabel": { "alias": "fieldMenuFilterItemLabel"; "required": false; }; "fieldMenuSortAscendingItemLabel": { "alias": "fieldMenuSortAscendingItemLabel"; "required": false; }; "fieldMenuSortDescendingItemLabel": { "alias": "fieldMenuSortDescendingItemLabel"; "required": false; }; "filterInputLabel": { "alias": "filterInputLabel"; "required": false; }; "filterOperatorsDropDownLabel": { "alias": "filterOperatorsDropDownLabel"; "required": false; }; "filterEqOperator": { "alias": "filterEqOperator"; "required": false; }; "filterNotEqOperator": { "alias": "filterNotEqOperator"; "required": false; }; "filterIsNullOperator": { "alias": "filterIsNullOperator"; "required": false; }; "filterIsNotNullOperator": { "alias": "filterIsNotNullOperator"; "required": false; }; "filterIsEmptyOperator": { "alias": "filterIsEmptyOperator"; "required": false; }; "filterIsNotEmptyOperator": { "alias": "filterIsNotEmptyOperator"; "required": false; }; "filterStartsWithOperator": { "alias": "filterStartsWithOperator"; "required": false; }; "filterContainsOperator": { "alias": "filterContainsOperator"; "required": false; }; "filterNotContainsOperator": { "alias": "filterNotContainsOperator"; "required": false; }; "filterEndsWithOperator": { "alias": "filterEndsWithOperator"; "required": false; }; "filterFilterButton": { "alias": "filterFilterButton"; "required": false; }; "filterClearButton": { "alias": "filterClearButton"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "emptyCellLabel": { "alias": "emptyCellLabel"; "required": false; }; "configuratorButtonText": { "alias": "configuratorButtonText"; "required": false; }; "configuratorHeaderText": { "alias": "configuratorHeaderText"; "required": false; }; "configuratorFieldsText": { "alias": "configuratorFieldsText"; "required": false; }; "configuratorColumnsText": { "alias": "configuratorColumnsText"; "required": false; }; "configuratorRowsText": { "alias": "configuratorRowsText"; "required": false; }; "configuratorValuesText": { "alias": "configuratorValuesText"; "required": false; }; "configuratorCancelButtonText": { "alias": "configuratorCancelButtonText"; "required": false; }; "configuratorApplyButtonText": { "alias": "configuratorApplyButtonText"; "required": false; }; "configuratorEmptyRowsText": { "alias": "configuratorEmptyRowsText"; "required": false; }; "configuratorEmptyColumnsText": { "alias": "configuratorEmptyColumnsText"; "required": false; }; "configuratorEmptyMeasuresText": { "alias": "configuratorEmptyMeasuresText"; "required": false; }; "fieldMenuMoveToColumnsItem": { "alias": "fieldMenuMoveToColumnsItem"; "required": false; }; "fieldMenuMoveToRowsItem": { "alias": "fieldMenuMoveToRowsItem"; "required": false; }; "fieldMenuMovePreviousItem": { "alias": "fieldMenuMovePreviousItem"; "required": false; }; "fieldMenuMoveNextItem": { "alias": "fieldMenuMoveNextItem"; "required": false; }; "chipMenuIconTitle": { "alias": "chipMenuIconTitle"; "required": false; }; "configuratorMeasuresText": { "alias": "configuratorMeasuresText"; "required": false; }; }, {}, never, never, true, never>;
1158
+ static ɵdir: i0.ɵɵDirectiveDeclaration<PivotGridMessages, never, never, { "fieldMenuFilterItemLabel": { "alias": "fieldMenuFilterItemLabel"; "required": false; }; "fieldMenuSortAscendingItemLabel": { "alias": "fieldMenuSortAscendingItemLabel"; "required": false; }; "fieldMenuSortDescendingItemLabel": { "alias": "fieldMenuSortDescendingItemLabel"; "required": false; }; "filterInputLabel": { "alias": "filterInputLabel"; "required": false; }; "filterOperatorsDropDownLabel": { "alias": "filterOperatorsDropDownLabel"; "required": false; }; "filterEqOperator": { "alias": "filterEqOperator"; "required": false; }; "filterNotEqOperator": { "alias": "filterNotEqOperator"; "required": false; }; "filterIsNullOperator": { "alias": "filterIsNullOperator"; "required": false; }; "filterIsNotNullOperator": { "alias": "filterIsNotNullOperator"; "required": false; }; "filterIsEmptyOperator": { "alias": "filterIsEmptyOperator"; "required": false; }; "filterIsNotEmptyOperator": { "alias": "filterIsNotEmptyOperator"; "required": false; }; "filterStartsWithOperator": { "alias": "filterStartsWithOperator"; "required": false; }; "filterContainsOperator": { "alias": "filterContainsOperator"; "required": false; }; "filterNotContainsOperator": { "alias": "filterNotContainsOperator"; "required": false; }; "filterEndsWithOperator": { "alias": "filterEndsWithOperator"; "required": false; }; "filterFilterButton": { "alias": "filterFilterButton"; "required": false; }; "filterClearButton": { "alias": "filterClearButton"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "emptyCellLabel": { "alias": "emptyCellLabel"; "required": false; }; "configuratorButtonText": { "alias": "configuratorButtonText"; "required": false; }; "configuratorHeaderText": { "alias": "configuratorHeaderText"; "required": false; }; "configuratorFieldsText": { "alias": "configuratorFieldsText"; "required": false; }; "configuratorColumnsText": { "alias": "configuratorColumnsText"; "required": false; }; "configuratorRowsText": { "alias": "configuratorRowsText"; "required": false; }; "configuratorValuesText": { "alias": "configuratorValuesText"; "required": false; }; "configuratorCancelButtonText": { "alias": "configuratorCancelButtonText"; "required": false; }; "configuratorApplyButtonText": { "alias": "configuratorApplyButtonText"; "required": false; }; "configuratorEmptyRowsText": { "alias": "configuratorEmptyRowsText"; "required": false; }; "configuratorEmptyColumnsText": { "alias": "configuratorEmptyColumnsText"; "required": false; }; "configuratorEmptyMeasuresText": { "alias": "configuratorEmptyMeasuresText"; "required": false; }; "fieldMenuMoveToColumnsItem": { "alias": "fieldMenuMoveToColumnsItem"; "required": false; }; "fieldMenuMoveToRowsItem": { "alias": "fieldMenuMoveToRowsItem"; "required": false; }; "fieldMenuMovePreviousItem": { "alias": "fieldMenuMovePreviousItem"; "required": false; }; "fieldMenuMoveNextItem": { "alias": "fieldMenuMoveNextItem"; "required": false; }; "chipMenuIconTitle": { "alias": "chipMenuIconTitle"; "required": false; }; "configuratorMeasuresText": { "alias": "configuratorMeasuresText"; "required": false; }; "configuratorChipListLabel": { "alias": "configuratorChipListLabel"; "required": false; }; }, {}, never, never, true, never>;
1155
1159
  }
1156
1160
 
1157
1161
  /**
@@ -1569,6 +1573,7 @@ declare class PivotGridTableComponent implements OnInit, OnDestroy {
1569
1573
  private localization;
1570
1574
  private zone;
1571
1575
  private scrollService;
1576
+ hostRole: string;
1572
1577
  headerItems: any;
1573
1578
  rows: any;
1574
1579
  renderedRows: any;
@@ -7,7 +7,7 @@ export const packageMetadata = {
7
7
  "productCodes": [
8
8
  "KENDOUIANGULAR"
9
9
  ],
10
- "publishDate": 1784041173,
11
- "version": "25.0.0-develop.6",
10
+ "publishDate": 1784796058,
11
+ "version": "25.0.0-develop.8",
12
12
  "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"
13
13
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-pivotgrid",
3
- "version": "25.0.0-develop.6",
3
+ "version": "25.0.0-develop.8",
4
4
  "description": "PivotGrid package for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -18,7 +18,7 @@
18
18
  "package": {
19
19
  "productName": "Kendo UI for Angular",
20
20
  "productCode": "KENDOUIANGULAR",
21
- "publishDate": 1784041173,
21
+ "publishDate": 1784796058,
22
22
  "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"
23
23
  }
24
24
  },
@@ -31,21 +31,21 @@
31
31
  "@progress/kendo-data-query": "^1.7.3",
32
32
  "@progress/kendo-drawing": "^1.25.0",
33
33
  "@progress/kendo-licensing": "^1.11.0",
34
- "@progress/kendo-angular-buttons": "25.0.0-develop.6",
35
- "@progress/kendo-angular-common": "25.0.0-develop.6",
36
- "@progress/kendo-angular-dropdowns": "25.0.0-develop.6",
37
- "@progress/kendo-angular-indicators": "25.0.0-develop.6",
38
- "@progress/kendo-angular-inputs": "25.0.0-develop.6",
39
- "@progress/kendo-angular-intl": "25.0.0-develop.6",
40
- "@progress/kendo-angular-l10n": "25.0.0-develop.6",
41
- "@progress/kendo-angular-popup": "25.0.0-develop.6",
42
- "@progress/kendo-angular-icons": "25.0.0-develop.6",
43
- "@progress/kendo-angular-treeview": "25.0.0-develop.6",
34
+ "@progress/kendo-angular-buttons": "25.0.0-develop.8",
35
+ "@progress/kendo-angular-common": "25.0.0-develop.8",
36
+ "@progress/kendo-angular-dropdowns": "25.0.0-develop.8",
37
+ "@progress/kendo-angular-indicators": "25.0.0-develop.8",
38
+ "@progress/kendo-angular-inputs": "25.0.0-develop.8",
39
+ "@progress/kendo-angular-intl": "25.0.0-develop.8",
40
+ "@progress/kendo-angular-l10n": "25.0.0-develop.8",
41
+ "@progress/kendo-angular-popup": "25.0.0-develop.8",
42
+ "@progress/kendo-angular-icons": "25.0.0-develop.8",
43
+ "@progress/kendo-angular-treeview": "25.0.0-develop.8",
44
44
  "rxjs": "^6.5.3 || ^7.0.0"
45
45
  },
46
46
  "dependencies": {
47
47
  "tslib": "^2.3.1",
48
- "@progress/kendo-angular-schematics": "25.0.0-develop.6",
48
+ "@progress/kendo-angular-schematics": "25.0.0-develop.8",
49
49
  "@progress/kendo-pivotgrid-common": "0.6.3"
50
50
  },
51
51
  "schematics": "./schematics/collection.json",
@@ -11,11 +11,11 @@ function default_1(options) {
11
11
  // Additional dependencies to install.
12
12
  // See https://github.com/telerik/kendo-schematics/issues/28
13
13
  peerDependencies: {
14
- '@progress/kendo-angular-dialog': '25.0.0-develop.6',
14
+ '@progress/kendo-angular-dialog': '25.0.0-develop.8',
15
15
  // peer dep of the icons
16
16
  '@progress/kendo-svg-icons': '^4.0.0',
17
17
  // peer dep of the dropdowns
18
- '@progress/kendo-angular-navigation': '25.0.0-develop.6'
18
+ '@progress/kendo-angular-navigation': '25.0.0-develop.8'
19
19
  } });
20
20
  return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
21
21
  }