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

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

@@ -1,154 +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' }];
- * }
- *
- * ```
- */
-var ColumnMenuPositionComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(ColumnMenuPositionComponent, _super);
-    function ColumnMenuPositionComponent(localization, hostElement) {
-        var _this = _super.call(this) || this;
-        _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;
-        return _this;
-    }
-    Object.defineProperty(ColumnMenuPositionComponent.prototype, "isLast", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this._isLast;
-        },
-        /**
-         * @hidden
-         */
-        set: function (value) {
-            this.service.menuTabbingService.lastFocusable = this.getLastFocusableItem();
-            this._isLast = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    ColumnMenuPositionComponent.prototype.onTab = function (e, isLastItem) {
-        if (this.isLast && isLastItem) {
-            e.preventDefault();
-            e.stopImmediatePropagation();
-            if (this.service) {
-                this.service.menuTabbingService.firstFocusable.focus();
-            }
-        }
-    };
-    /**
-     * @hidden
-     */
-    ColumnMenuPositionComponent.prototype.onCollapse = function () {
-        this.expanded = false;
-        if (this.isLast) {
-            this.service.menuTabbingService.lastFocusable = this.getLastFocusableItem();
-        }
-        this.collapse.emit();
-    };
-    /**
-     * @hidden
-     */
-    ColumnMenuPositionComponent.prototype.onExpand = function () {
-        this.expanded = true;
-        if (this.isLast) {
-            this.service.menuTabbingService.lastFocusable = this.getLastFocusableItem();
-        }
-        this.expand.emit();
-    };
-    ColumnMenuPositionComponent.prototype.getLastFocusableItem = function () {
-        var menuItems = this.hostElement.nativeElement.querySelectorAll('.k-columnmenu-item');
-        var 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: "\n        <kendo-grid-columnmenu-item\n            [text]=\"localization.get('setColumnPosition')\"\n            icon=\"set-column-position\"\n            [expanded]=\"expanded\"\n            (keydown.tab)=\"onTab($event, !expanded)\"\n            (collapse)=\"onCollapse()\"\n            (expand)=\"onExpand()\">\n            <ng-template kendoGridColumnMenuItemContentTemplate>\n                <kendo-grid-columnmenu-lock\n                    *ngIf=\"showLock\"\n                    (keydown.tab)=\"onTab($event, !showStick)\"\n                    [service]=\"service\">\n                </kendo-grid-columnmenu-lock>\n                <kendo-grid-columnmenu-stick\n                    *ngIf=\"showStick\"\n                    (keydown.tab)=\"onTab($event, true)\"\n                    [service]=\"service\">\n                </kendo-grid-columnmenu-stick>\n            </ng-template>\n        </kendo-grid-columnmenu-item>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [LocalizationService,
-            ElementRef])
-    ], ColumnMenuPositionComponent);
-    return ColumnMenuPositionComponent;
-}(ColumnMenuItemBase));
-export { ColumnMenuPositionComponent };

package/dist/es/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/es/column-menu/column-menu-sort.component.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 { Component, Renderer2 } from '@angular/core';
-import { LocalizationService } from "@progress/kendo-angular-l10n";
-import { SortService } from '../common/sort.service';
-import { normalize } from '../columns/sort-settings';
-import { ColumnMenuItemBase } from './column-menu-item-base';
-/* tslint:disable:max-line-length */
-/**
- * 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' }];
- * }
- *
- * ```
- */
-var ColumnMenuSortComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(ColumnMenuSortComponent, _super);
-    function ColumnMenuSortComponent(localization, sortService, renderer) {
-        var _this = _super.call(this) || this;
-        _this.localization = localization;
-        _this.sortService = sortService;
-        _this.renderer = renderer;
-        return _this;
-    }
-    Object.defineProperty(ColumnMenuSortComponent.prototype, "sortedAsc", {
-        get: function () {
-            var descriptor = this.descriptor;
-            return descriptor && (!descriptor.dir || descriptor.dir === 'asc');
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ColumnMenuSortComponent.prototype, "sortedDesc", {
-        get: function () {
-            var descriptor = this.descriptor;
-            return descriptor && descriptor.dir === 'desc';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    ColumnMenuSortComponent.prototype.toggleSort = function (dir) {
-        var field = this.service.column.field;
-        var _a = normalize(this.service.sortable), mode = _a.mode, allowUnsort = _a.allowUnsort;
-        var descriptor = this.descriptor;
-        var sort = mode === 'multiple' ? this.service.sort.filter(function (s) { return s.field !== field; }) : [];
-        if (descriptor && descriptor.dir === dir) {
-            if (!allowUnsort) {
-                return;
-            }
-        }
-        else {
-            sort.push({ field: field, dir: dir });
-        }
-        this.sortService.sort(sort);
-        this.close();
-    };
-    Object.defineProperty(ColumnMenuSortComponent.prototype, "descriptor", {
-        get: function () {
-            var _this = this;
-            return [].concat(this.service.sort || []).find(function (s) { return s.field === _this.service.column.field; });
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ColumnMenuSortComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-grid-columnmenu-sort',
-            template: "\n        <kendo-grid-columnmenu-item\n            [text]=\"localization.get('sortAscending')\"\n            icon=\"sort-asc-sm\"\n            (itemClick)=\"toggleSort('asc')\"\n            [selected]=\"sortedAsc\">\n        </kendo-grid-columnmenu-item>\n        <kendo-grid-columnmenu-item\n            [text]=\"localization.get('sortDescending')\"\n            icon=\"sort-desc-sm\"\n            (itemClick)=\"toggleSort('desc')\"\n            [selected]=\"sortedDesc\">\n        </kendo-grid-columnmenu-item>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [LocalizationService,
-            SortService,
-            Renderer2])
-    ], ColumnMenuSortComponent);
-    return ColumnMenuSortComponent;
-}(ColumnMenuItemBase));
-export { ColumnMenuSortComponent };

package/dist/es/column-menu/column-menu-stick.component.js

@@ -1,115 +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 stick or unstick 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-stick` component.
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-grid [data]="data" [columnMenu]="true">
- *          <ng-template kendoGridColumnMenuTemplate let-service="service">
- *              <kendo-grid-columnmenu-stick [service]="service">
- *              </kendo-grid-columnmenu-stick>
- *          </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' }];
- * }
- *
- * ```
- */
-var ColumnMenuStickComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(ColumnMenuStickComponent, _super);
-    function ColumnMenuStickComponent(localization, columnInfoService, changeDetector) {
-        var _this = _super.call(this) || this;
-        _this.localization = localization;
-        _this.columnInfoService = columnInfoService;
-        _this.changeDetector = changeDetector;
-        return _this;
-    }
-    Object.defineProperty(ColumnMenuStickComponent.prototype, "text", {
-        get: function () {
-            return this.localization.get(this.sticky ? 'unstick' : 'stick');
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ColumnMenuStickComponent.prototype, "icon", {
-        get: function () {
-            return this.sticky ? 'unstick' : 'stick';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ColumnMenuStickComponent.prototype, "disabled", {
-        get: function () {
-            return !this.sticky && this.columnInfoService.unlockedRootCount < 2;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    ColumnMenuStickComponent.prototype.toggleColumn = function () {
-        this.toggleHierarchy(!this.sticky);
-        this.close();
-        this.changeDetector.markForCheck();
-    };
-    ColumnMenuStickComponent.prototype.toggleHierarchy = function (sticky) {
-        var root = this.service.column;
-        while (root.parent) {
-            root = root.parent;
-        }
-        var columns = [root];
-        var allChanged = [];
-        while (columns.length) {
-            var column = columns.shift();
-            column.sticky = sticky;
-            allChanged.push(column);
-            if (column.hasChildren) {
-                columns.push.apply(columns, column.childrenArray);
-            }
-        }
-        this.columnInfoService.changeStuck(allChanged);
-    };
-    Object.defineProperty(ColumnMenuStickComponent.prototype, "sticky", {
-        get: function () {
-            return this.service.column.sticky;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ColumnMenuStickComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-grid-columnmenu-stick',
-            template: "\n       <kendo-grid-columnmenu-item [text]=\"text\" [icon]=\"icon\" (itemClick)=\"toggleColumn()\" [disabled]=\"disabled\">\n       </kendo-grid-columnmenu-item>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [LocalizationService,
-            ColumnInfoService,
-            ChangeDetectorRef])
-    ], ColumnMenuStickComponent);
-    return ColumnMenuStickComponent;
-}(ColumnMenuItemBase));
-export { ColumnMenuStickComponent };

package/dist/es/column-menu/column-menu-template.directive.js

@@ -1,61 +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, Optional, TemplateRef } from '@angular/core';
-/* tslint:disable:max-line-length */
-/**
- * Represents the template for the column menu in the Grid. Provides an option for
- * customizing the content of the column menu for all or for specific columns.
- * To define the content template, nest an `<ng-template>` tag with the
- * `kendoGridColumnMenuTemplate` directive inside the `kendo-grid` or the `<kendo-grid-column>` component.
- *
- * The template context is passes through the following fields:
- * - `service`&mdash;Represents the [ColumnMenuService]({% slug api_grid_columnmenuservice %}).
- * - `column`&mdash;Represents the Grid column.
- *
- * @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">
- *              <ng-template kendoGridColumnMenuTemplate let-service="service">
- *                  <kendo-grid-columnmenu-lock [service]="service">
- *                  </kendo-grid-columnmenu-lock>
- *                  <kendo-grid-columnmenu-sort [service]="service">
- *                  </kendo-grid-columnmenu-sort>
- *              </ng-template>
- *          </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' }];
- * }
- *
- * ```
- */
-var ColumnMenuTemplateDirective = /** @class */ (function () {
-    function ColumnMenuTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    ColumnMenuTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoGridColumnMenuTemplate]'
-        }),
-        tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], ColumnMenuTemplateDirective);
-    return ColumnMenuTemplateDirective;
-}());
-export { ColumnMenuTemplateDirective };