@progress/kendo-angular-grid 6.1.3 → 7.0.0-next.202203311511

package/dist/es2015/column-menu/column-menu-item.directive.d.ts

@@ -1,28 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ElementRef, NgZone, Renderer2 } from '@angular/core';
-/**
- * @hidden
- */
-export declare class ColumnMenuItemDirective {
-    hostElement: ElementRef;
-    private renderer;
-    private ngZone;
-    menuItemComponent: any;
-    firstFocusableElement: HTMLElement;
-    lastFocusableElement: HTMLElement;
-    isFirst: boolean;
-    isLast: boolean;
-    private _isFirst;
-    private _isLast;
-    private columnMenuItems;
-    private subs;
-    constructor(hostElement: ElementRef, renderer: Renderer2, ngZone: NgZone);
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private onTab;
-    private getLastColumnMenuItem;
-    private isExpandableItem;
-}

package/dist/es2015/column-menu/column-menu-item.directive.js

@@ -1,106 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, ElementRef, Input, NgZone, Renderer2 } from '@angular/core';
-import { Subscription } from 'rxjs';
-import { Keys } from '@progress/kendo-angular-common';
-import { ColumnMenuPositionComponent } from './column-menu-position.component';
-import { ColumnMenuChooserComponent } from './column-menu-chooser.component';
-import { ColumnMenuFilterComponent } from './column-menu-filter.component';
-/**
- * @hidden
- */
-let ColumnMenuItemDirective = class ColumnMenuItemDirective {
-    constructor(hostElement, renderer, ngZone) {
-        this.hostElement = hostElement;
-        this.renderer = renderer;
-        this.ngZone = ngZone;
-        this._isFirst = false;
-        this._isLast = false;
-        this.subs = new Subscription();
-        this.onTab = (e) => {
-            if (e.keyCode !== Keys.Tab) {
-                return;
-            }
-            if (this.isFirst && e.shiftKey && e.target === this.columnMenuItems[0]) {
-                e.preventDefault();
-                this.menuItemComponent.service.menuTabbingService.lastFocusable.focus();
-            }
-            if (this.isLast && !e.shiftKey) {
-                const lastColumnMenuItem = this.getLastColumnMenuItem();
-                const isExpanded = this.menuItemComponent.expanded;
-                if (lastColumnMenuItem === e.target && !isExpanded) {
-                    e.preventDefault();
-                    this.menuItemComponent.service.menuTabbingService.firstFocusable.focus();
-                }
-            }
-        };
-    }
-    set isFirst(value) {
-        if (value) {
-            const focusableElement = this.columnMenuItems[0];
-            this.menuItemComponent.service.menuTabbingService.firstFocusable = focusableElement;
-            this.ngZone.runOutsideAngular(() => {
-                const firstItemKeydownSub = this.renderer.listen(focusableElement, 'keydown', this.onTab);
-                this.subs.add(firstItemKeydownSub);
-            });
-        }
-        this._isFirst = value;
-    }
-    get isFirst() {
-        return this._isFirst;
-    }
-    set isLast(value) {
-        if (!this.columnMenuItems) {
-            return;
-        }
-        if (value) {
-            const lastFocusableElement = this.getLastColumnMenuItem();
-            this.menuItemComponent.service.menuTabbingService.lastFocusable = lastFocusableElement;
-            this.ngZone.runOutsideAngular(() => {
-                const lastItemKeydownSub = this.renderer.listen(lastFocusableElement, 'keydown', this.onTab);
-                this.subs.add(lastItemKeydownSub);
-            });
-            if (this.isExpandableItem()) {
-                this.menuItemComponent.isLast = true;
-            }
-        }
-        this._isLast = value;
-    }
-    get isLast() {
-        return this._isLast;
-    }
-    ngAfterViewInit() {
-        this.columnMenuItems = this.hostElement.nativeElement.querySelectorAll('.k-columnmenu-item');
-        [].slice.apply(this.columnMenuItems).forEach(el => this.renderer.setAttribute(el, 'tabindex', '0'));
-        if (this.menuItemComponent instanceof ColumnMenuFilterComponent) {
-            this.menuItemComponent.service.menuTabbingService.isColumnMenu = true;
-        }
-    }
-    ngOnDestroy() {
-        if (this.subs) {
-            this.subs.unsubscribe();
-        }
-    }
-    getLastColumnMenuItem() {
-        return (this.columnMenuItems.length === 1 ? this.columnMenuItems[0] : this.columnMenuItems[1]);
-    }
-    isExpandableItem() {
-        return this.menuItemComponent instanceof ColumnMenuFilterComponent ||
-            this.menuItemComponent instanceof ColumnMenuChooserComponent ||
-            this.menuItemComponent instanceof ColumnMenuPositionComponent;
-    }
-};
-tslib_1.__decorate([
-    Input('kendoGridColumnMenuItem'),
-    tslib_1.__metadata("design:type", Object)
-], ColumnMenuItemDirective.prototype, "menuItemComponent", void 0);
-ColumnMenuItemDirective = tslib_1.__decorate([
-    Directive({ selector: '[kendoGridColumnMenuItem]' }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        Renderer2,
-        NgZone])
-], ColumnMenuItemDirective);
-export { ColumnMenuItemDirective };

package/dist/es2015/column-menu/column-menu-lock.component.d.ts

@@ -1,54 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ChangeDetectorRef } from '@angular/core';
-import { LocalizationService } from "@progress/kendo-angular-l10n";
-import { ColumnInfoService } from '../common/column-info.service';
-import { ColumnMenuItemBase } from './column-menu-item-base';
-/**
- * Represents a column-menu item that can be placed inside a
- * [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
- * Allows the user to lock or unlock the columns.
- *
- * > You have to set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) that is passed by
- * > the template to the service input of the `kendo-grid-columnmenu-lock` component.
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-grid [data]="data" [columnMenu]="true">
- *          <ng-template kendoGridColumnMenuTemplate let-service="service">
- *              <kendo-grid-columnmenu-lock [service]="service">
- *              </kendo-grid-columnmenu-lock>
- *          </ng-template>
- *          <kendo-grid-column field="Field1" [width]="100"></kendo-grid-column>
- *          <kendo-grid-column field="Field2" [width]="100"></kendo-grid-column>
- *       </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
- * }
- *
- * ```
- */
-export declare class ColumnMenuLockComponent extends ColumnMenuItemBase {
-    private localization;
-    private columnInfoService;
-    private changeDetector;
-    constructor(localization: LocalizationService, columnInfoService: ColumnInfoService, changeDetector: ChangeDetectorRef);
-    readonly text: string;
-    readonly icon: string;
-    readonly disabled: boolean;
-    /**
-     * @hidden
-     */
-    toggleColumn(): void;
-    private toggleHierarchy;
-    private readonly locked;
-}

package/dist/es2015/column-menu/column-menu-lock.component.js

@@ -1,103 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, ChangeDetectorRef } from '@angular/core';
-import { LocalizationService } from "@progress/kendo-angular-l10n";
-import { ColumnInfoService } from '../common/column-info.service';
-import { ColumnMenuItemBase } from './column-menu-item-base';
-/* tslint:disable:max-line-length */
-/**
- * Represents a column-menu item that can be placed inside a
- * [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
- * Allows the user to lock or unlock the columns.
- *
- * > You have to set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) that is passed by
- * > the template to the service input of the `kendo-grid-columnmenu-lock` component.
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-grid [data]="data" [columnMenu]="true">
- *          <ng-template kendoGridColumnMenuTemplate let-service="service">
- *              <kendo-grid-columnmenu-lock [service]="service">
- *              </kendo-grid-columnmenu-lock>
- *          </ng-template>
- *          <kendo-grid-column field="Field1" [width]="100"></kendo-grid-column>
- *          <kendo-grid-column field="Field2" [width]="100"></kendo-grid-column>
- *       </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
- * }
- *
- * ```
- */
-let ColumnMenuLockComponent = class ColumnMenuLockComponent extends ColumnMenuItemBase {
-    constructor(localization, columnInfoService, changeDetector) {
-        super();
-        this.localization = localization;
-        this.columnInfoService = columnInfoService;
-        this.changeDetector = changeDetector;
-    }
-    get text() {
-        return this.localization.get(this.locked ? 'unlock' : 'lock');
-    }
-    get icon() {
-        return this.locked ? 'unlock' : 'lock';
-    }
-    get disabled() {
-        return !this.locked && this.columnInfoService.unlockedRootCount < 2;
-    }
-    /**
-     * @hidden
-     */
-    toggleColumn() {
-        this.toggleHierarchy(!this.locked);
-        this.close();
-        this.changeDetector.markForCheck();
-    }
-    toggleHierarchy(locked) {
-        let root = this.service.column;
-        while (root.parent) {
-            root = root.parent;
-        }
-        const columns = [root];
-        const allChanged = [];
-        while (columns.length) {
-            const column = columns.shift();
-            column.locked = locked;
-            allChanged.push(column);
-            if (column.hasChildren) {
-                columns.push(...column.childrenArray);
-            }
-        }
-        this.columnInfoService.changeLocked(allChanged);
-    }
-    get locked() {
-        return this.service.column.locked;
-    }
-};
-ColumnMenuLockComponent = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-grid-columnmenu-lock',
-        template: `
-       <kendo-grid-columnmenu-item
-            [text]="text"
-            [icon]="icon"
-            (itemClick)="toggleColumn()"
-            [disabled]="disabled">
-       </kendo-grid-columnmenu-item>
-    `
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService,
-        ColumnInfoService,
-        ChangeDetectorRef])
-], ColumnMenuLockComponent);
-export { ColumnMenuLockComponent };

package/dist/es2015/column-menu/column-menu-position.component.d.ts

@@ -1,87 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { EventEmitter, ElementRef } from '@angular/core';
-import { LocalizationService } from "@progress/kendo-angular-l10n";
-import { ColumnMenuItemBase } from './column-menu-item-base';
-/**
- * Represents the component for editing column filters in the Grid that can be placed
- * inside a [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
- *
- * > You have to set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) that is passed by
- * > the template to the service input of the `kendo-grid-columnmenu-filter` component.
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-grid [kendoGridBinding]="data" [columnMenu]="true">
- *          <ng-template kendoGridColumnMenuTemplate let-service="service">
- *              <kendo-grid-columnmenu-filter [service]="service">
- *              </kendo-grid-columnmenu-filter>
- *          </ng-template>
- *          <kendo-grid-column field="Field1"></kendo-grid-column>
- *          <kendo-grid-column field="Field2"></kendo-grid-column>
- *       </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
- * }
- *
- * ```
- */
-export declare class ColumnMenuPositionComponent extends ColumnMenuItemBase {
-    localization: LocalizationService;
-    private hostElement;
-    /**
-     * Fires when the content is expanded.
-     */
-    expand: EventEmitter<any>;
-    /**
-     * Fires when the content is collapsed.
-     */
-    collapse: EventEmitter<any>;
-    /**
-     * Specifies if the content is expanded.
-     */
-    expanded: boolean;
-    /**
-     * Specifies if the lock column item is displayed.
-     */
-    showLock: boolean;
-    /**
-     * Specifies if the stick column item is displayed.
-     */
-    showStick: boolean;
-    /**
-     * @hidden
-     */
-    actionsClass: string;
-    /**
-     * @hidden
-     */
-    /**
-    * @hidden
-    */
-    isLast: boolean;
-    private _isLast;
-    constructor(localization: LocalizationService, hostElement: ElementRef);
-    /**
-     * @hidden
-     */
-    onTab(e: KeyboardEvent, isLastItem: boolean): void;
-    /**
-     * @hidden
-     */
-    onCollapse(): void;
-    /**
-     * @hidden
-     */
-    onExpand(): void;
-    private getLastFocusableItem;
-}

package/dist/es2015/column-menu/column-menu-position.component.js

@@ -1,168 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, Input, Output, EventEmitter, ElementRef } from '@angular/core';
-import { LocalizationService } from "@progress/kendo-angular-l10n";
-import { ColumnMenuItemBase } from './column-menu-item-base';
-/* tslint:disable:max-line-length */
-/**
- * Represents the component for editing column filters in the Grid that can be placed
- * inside a [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
- *
- * > You have to set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) that is passed by
- * > the template to the service input of the `kendo-grid-columnmenu-filter` component.
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-grid [kendoGridBinding]="data" [columnMenu]="true">
- *          <ng-template kendoGridColumnMenuTemplate let-service="service">
- *              <kendo-grid-columnmenu-filter [service]="service">
- *              </kendo-grid-columnmenu-filter>
- *          </ng-template>
- *          <kendo-grid-column field="Field1"></kendo-grid-column>
- *          <kendo-grid-column field="Field2"></kendo-grid-column>
- *       </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
- * }
- *
- * ```
- */
-let ColumnMenuPositionComponent = class ColumnMenuPositionComponent extends ColumnMenuItemBase {
-    constructor(localization, hostElement) {
-        super();
-        this.localization = localization;
-        this.hostElement = hostElement;
-        /**
-         * Fires when the content is expanded.
-         */
-        this.expand = new EventEmitter();
-        /**
-         * Fires when the content is collapsed.
-         */
-        this.collapse = new EventEmitter();
-        /**
-         * Specifies if the content is expanded.
-         */
-        this.expanded = false;
-        /**
-         * @hidden
-         */
-        this.actionsClass = 'k-columnmenu-actions';
-        this._isLast = false;
-    }
-    /**
-     * @hidden
-     */
-    set isLast(value) {
-        this.service.menuTabbingService.lastFocusable = this.getLastFocusableItem();
-        this._isLast = value;
-    }
-    /**
-     * @hidden
-     */
-    get isLast() {
-        return this._isLast;
-    }
-    /**
-     * @hidden
-     */
-    onTab(e, isLastItem) {
-        if (this.isLast && isLastItem) {
-            e.preventDefault();
-            e.stopImmediatePropagation();
-            if (this.service) {
-                this.service.menuTabbingService.firstFocusable.focus();
-            }
-        }
-    }
-    /**
-     * @hidden
-     */
-    onCollapse() {
-        this.expanded = false;
-        if (this.isLast) {
-            this.service.menuTabbingService.lastFocusable = this.getLastFocusableItem();
-        }
-        this.collapse.emit();
-    }
-    /**
-     * @hidden
-     */
-    onExpand() {
-        this.expanded = true;
-        if (this.isLast) {
-            this.service.menuTabbingService.lastFocusable = this.getLastFocusableItem();
-        }
-        this.expand.emit();
-    }
-    getLastFocusableItem() {
-        const menuItems = this.hostElement.nativeElement.querySelectorAll('.k-columnmenu-item');
-        const lastFocusableIndex = this.expanded ? menuItems.length - 1 : 0;
-        return menuItems[lastFocusableIndex];
-    }
-};
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ColumnMenuPositionComponent.prototype, "expand", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ColumnMenuPositionComponent.prototype, "collapse", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ColumnMenuPositionComponent.prototype, "expanded", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ColumnMenuPositionComponent.prototype, "showLock", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ColumnMenuPositionComponent.prototype, "showStick", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [Boolean])
-], ColumnMenuPositionComponent.prototype, "isLast", null);
-ColumnMenuPositionComponent = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-grid-columnmenu-position',
-        template: `
-        <kendo-grid-columnmenu-item
-            [text]="localization.get('setColumnPosition')"
-            icon="set-column-position"
-            [expanded]="expanded"
-            (keydown.tab)="onTab($event, !expanded)"
-            (collapse)="onCollapse()"
-            (expand)="onExpand()">
-            <ng-template kendoGridColumnMenuItemContentTemplate>
-                <kendo-grid-columnmenu-lock
-                    *ngIf="showLock"
-                    (keydown.tab)="onTab($event, !showStick)"
-                    [service]="service">
-                </kendo-grid-columnmenu-lock>
-                <kendo-grid-columnmenu-stick
-                    *ngIf="showStick"
-                    (keydown.tab)="onTab($event, true)"
-                    [service]="service">
-                </kendo-grid-columnmenu-stick>
-            </ng-template>
-        </kendo-grid-columnmenu-item>
-    `
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService,
-        ElementRef])
-], ColumnMenuPositionComponent);
-export { ColumnMenuPositionComponent };

package/dist/es2015/column-menu/column-menu-settings.interface.js

@@ -1,4 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/

package/dist/es2015/column-menu/column-menu-sort.component.d.ts

@@ -1,52 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Renderer2 } from '@angular/core';
-import { LocalizationService } from "@progress/kendo-angular-l10n";
-import { SortService } from '../common/sort.service';
-import { ColumnMenuItemBase } from './column-menu-item-base';
-/**
- * Represents a column-menu item for sorting Grid columns that can be placed inside a
- * [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
- * Allows the user to sort the column.
- *
- * > You have to set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) that is passed by
- * > the template to the service input of the `kendo-grid-columnmenu-sort` component.
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-grid [kendoGridBinding]="data" [sortable]="true" [columnMenu]="true">
- *          <ng-template kendoGridColumnMenuTemplate let-service="service">
- *              <kendo-grid-columnmenu-sort [service]="service">
- *              </kendo-grid-columnmenu-sort>
- *          </ng-template>
- *          <kendo-grid-column field="Field1" [width]="100"></kendo-grid-column>
- *          <kendo-grid-column field="Field2" [width]="100"></kendo-grid-column>
- *       </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }, { Field1: 'Foo1', Field2: 'Bar1' }];
- * }
- *
- * ```
- */
-export declare class ColumnMenuSortComponent extends ColumnMenuItemBase {
-    localization: LocalizationService;
-    protected sortService: SortService;
-    protected renderer: Renderer2;
-    constructor(localization: LocalizationService, sortService: SortService, renderer: Renderer2);
-    readonly sortedAsc: boolean;
-    readonly sortedDesc: boolean;
-    /**
-     * @hidden
-     */
-    toggleSort(dir: string): void;
-    private readonly descriptor;
-}