@progress/kendo-angular-pivotgrid 1.0.2 → 1.1.0-dev.202210190858

package/configurator/chip-kb-nav.directive.d.ts

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { EventEmitter, NgZone, Renderer2 } from '@angular/core';
+import { ChipComponent } from '@progress/kendo-angular-buttons';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class ChipKeyboardNavigationDirective {
+    private host;
+    private renderer;
+    private ngZone;
+    private keydownSub;
+    reorder: EventEmitter<{
+        direction: string;
+        sender: ChipComponent;
+    }>;
+    constructor(host: ChipComponent, renderer: Renderer2, ngZone: NgZone);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChipKeyboardNavigationDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ChipKeyboardNavigationDirective, "[kendoChipKeyboardNavigation]", never, {}, { "reorder": "reorder"; }, never>;
+}

package/configurator/configurator.component.d.ts

@@ -2,9 +2,9 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ChangeDetectorRef, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
-import { AxisDescriptor, PivotGridField, PivotGridConfiguratorState } from '@progress/kendo-pivotgrid-common';
-import { TreeItem } from '@progress/kendo-angular-treeview';
+import { ChangeDetectorRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { AxisDescriptor, PivotGridField, PivotGridConfiguratorState, ConfiguratorNavigation } from '@progress/kendo-pivotgrid-common';
+import { TreeItem, TreeViewComponent } from '@progress/kendo-angular-treeview';
 import { PivotGridDataService } from '../data-binding/pivotgrid-data.service';
 import { ConfiguratorService } from './configurator.service';
 import { Observable } from 'rxjs';
@@ -12,6 +12,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { FilterDescriptor, SortDescriptor } from '@progress/kendo-data-query';
 import { PivotGridConfiguratorOrientation } from '../models/configurator-orientation';
 import { DropSectionType } from '../models/drop-section';
+import { ChipListComponent, ChipRemoveEvent } from '@progress/kendo-angular-buttons';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -22,10 +23,18 @@ export declare class PivotGridConfiguratorComponent implements OnInit, OnChanges
     private localization;
     configuratorService: ConfiguratorService;
     private cdr;
+    private zone;
     hostClass: boolean;
+    hostAriaRole: string;
+    get headerTextId(): string;
     orientation: PivotGridConfiguratorOrientation;
     sort: Array<SortDescriptor>;
     filter: FilterDescriptor[];
+    navigation: ConfiguratorNavigation;
+    close: EventEmitter<any>;
+    treeView: TreeViewComponent;
+    columnsList: ChipListComponent;
+    rowsList: ChipListComponent;
     originalState: PivotGridConfiguratorState;
     state: PivotGridConfiguratorState;
     fields: PivotGridField[];
@@ -36,12 +45,15 @@ export declare class PivotGridConfiguratorComponent implements OnInit, OnChanges
      * A function which determines if a specific node has child nodes.
      */
     hasChildren: (node: any) => boolean;
-    constructor(dataService: PivotGridDataService, localization: LocalizationService, configuratorService: ConfiguratorService, cdr: ChangeDetectorRef);
+    constructor(dataService: PivotGridDataService, localization: LocalizationService, configuratorService: ConfiguratorService, cdr: ChangeDetectorRef, zone: NgZone);
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): void;
     getName(name: string[]): string;
+    contentLabelId(section: string): string;
     setState(state: PivotGridConfiguratorState): void;
+    onReorder(ev: any, name: string, item: any): void;
     /**
      * Returns the localized message for a given token
      */
@@ -62,7 +74,7 @@ export declare class PivotGridConfiguratorComponent implements OnInit, OnChanges
      * Updates the respective axis configuration of the current state
      * when a chip is deleted from the UI
      */
-    onChipRemove(item: AxisDescriptor, section: DropSectionType): void;
+    onChipRemove(ev: ChipRemoveEvent, item: AxisDescriptor, section: DropSectionType): void;
     /**
      * Constructs an array with all selected fields.
      * @param fields - used for when child nodes are loaded on demand.
@@ -90,6 +102,8 @@ export declare class PivotGridConfiguratorComponent implements OnInit, OnChanges
         item: TreeItem;
     }): void;
     handleCheckedChange(event: any, item: any): void;
+    onTreeViewSelect(ev: Event): void;
+    onTreeViewEscape(ev: KeyboardEvent): void;
     handleSubmit(): void;
     /**
      * Reset the configurator to the last saved state
@@ -104,5 +118,5 @@ export declare class PivotGridConfiguratorComponent implements OnInit, OnChanges
      */
     private extractDefaultFields;
     static ɵfac: i0.ɵɵFactoryDeclaration<PivotGridConfiguratorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PivotGridConfiguratorComponent, "kendo-pivotgrid-configurator", never, { "orientation": "orientation"; "sort": "sort"; "filter": "filter"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PivotGridConfiguratorComponent, "kendo-pivotgrid-configurator", never, { "orientation": "orientation"; "sort": "sort"; "filter": "filter"; "navigation": "navigation"; }, { "close": "close"; }, never, never>;
 }

package/esm2015/configurator/chip-kb-nav.directive.js

@@ -0,0 +1,62 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, EventEmitter, Output } from '@angular/core';
+import { Keys } from '@progress/kendo-angular-common';
+import { Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-buttons";
+/**
+ * @hidden
+ */
+export class ChipKeyboardNavigationDirective {
+    constructor(host, renderer, ngZone) {
+        this.host = host;
+        this.renderer = renderer;
+        this.ngZone = ngZone;
+        this.keydownSub = new Subscription();
+        this.reorder = new EventEmitter();
+    }
+    ngOnInit() {
+        const chipElement = this.host.element.nativeElement;
+        this.ngZone.runOutsideAngular(() => {
+            this.keydownSub.add(this.renderer.listen(chipElement, 'keydown', (ev) => {
+                const isDeleteOrBackspace = ev.keyCode === Keys.Delete || ev.keyCode === Keys.Backspace;
+                const isAltDown = ev.keyCode === Keys.ArrowDown && ev.altKey;
+                const menuIcon = this.host.element.nativeElement.querySelector('.k-i-more-vertical');
+                const shiftAndMeta = ev.shiftKey && ev.metaKey;
+                const isArrow = [Keys.ArrowLeft, Keys.ArrowRight, Keys.ArrowDown, Keys.ArrowUp].includes(ev.keyCode);
+                const isReorderAction = shiftAndMeta && isArrow;
+                if (isDeleteOrBackspace) {
+                    this.ngZone.run(() => {
+                        this.host.remove.emit({ sender: this.host, originalEvent: ev });
+                    });
+                }
+                else if (isAltDown && menuIcon) {
+                    menuIcon.click();
+                }
+                else if (isReorderAction) {
+                    const direction = {
+                        [Keys.ArrowDown]: 'down',
+                        [Keys.ArrowUp]: 'up',
+                        [Keys.ArrowRight]: 'right',
+                        [Keys.ArrowLeft]: 'left'
+                    }[ev.keyCode];
+                    this.reorder.emit({
+                        direction,
+                        sender: this.host
+                    });
+                }
+            }));
+        });
+    }
+}
+ChipKeyboardNavigationDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChipKeyboardNavigationDirective, deps: [{ token: i1.ChipComponent }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+ChipKeyboardNavigationDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ChipKeyboardNavigationDirective, selector: "[kendoChipKeyboardNavigation]", outputs: { reorder: "reorder" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChipKeyboardNavigationDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[kendoChipKeyboardNavigation]' }]
+        }], ctorParameters: function () { return [{ type: i1.ChipComponent }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { reorder: [{
+                type: Output
+            }] } });

package/esm2015/configurator/chip-menu/chip-menu.component.js

@@ -45,7 +45,7 @@ export class ChipMenuComponent {
     close() {
         this.popupService.destroy();
         this.popupRef = null;
-        this.anchor.nativeElement.focus();
+        this.anchor.nativeElement.closest('.k-chip').focus();
     }
     get chipMenuTitle() {
         const localizationMsg = this.localization.get('chipMenuIconTitle') || '';