@progress/kendo-angular-grid 7.0.0-dev.202201261657 → 7.0.0-dev.202204150740

package/dist/es2015/selection/selectall-checkbox.directive.js

@@ -1,100 +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 { detectIE } from './../utils';
-import { Directive, HostBinding, Renderer2, ElementRef, Input, Output, EventEmitter, NgZone } from '@angular/core';
-import { SelectionService } from './selection.service';
-import { isPresent } from "../utils";
-/**
- * Represents the select-all checkbox feature of the Grid ([see example]({% slug selection_grid %}#toc-select-all-feature)).
- */
-let SelectAllCheckboxDirective = class SelectAllCheckboxDirective {
-    constructor(selectionService, el, renderer, ngZone) {
-        this.selectionService = selectionService;
-        this.el = el;
-        this.renderer = renderer;
-        this.ngZone = ngZone;
-        /**
-         * Fires when the user clicks the `kendoGridSelectAllCheckbox` select-all checkbox
-         * ([see example]({% slug selection_grid %}#toc-select-all-feature)).
-         */
-        this.selectAllChange = new EventEmitter();
-        this.type = "checkbox";
-        this.stateSet = false;
-        this.ngZone.runOutsideAngular(() => {
-            this.destroyClick = this.renderer.listen(this.el.nativeElement, "click", this.onClick.bind(this));
-        });
-    }
-    ngAfterContentChecked() {
-        this.setState();
-    }
-    ngOnChanges() {
-        this.stateSet = true;
-    }
-    ngOnDestroy() {
-        if (this.destroyClick) {
-            this.destroyClick();
-        }
-    }
-    /**
-     * @hidden
-     */
-    onClick() {
-        // yields consistent cross-browser behavior when clicking an "indeterminate" checkbox
-        const undefinedCheckedStateInIE = detectIE() && this.selectionService.selectAllState === undefined;
-        const isChecked = undefinedCheckedStateInIE ? true : this.el.nativeElement.checked;
-        const options = this.selectionService.options;
-        this.selectAllChange.emit(isChecked ? "checked" : "unchecked");
-        if (options.enabled && options.mode === "multiple") {
-            this.ngZone.run(() => {
-                this.selectionService.updateAll(isChecked);
-            });
-        }
-    }
-    /**
-     * @hidden
-     */
-    setState() {
-        const state = this.stateSet ? this.stateToBool() : this.selectionService.selectAllState;
-        const elem = this.el.nativeElement;
-        this.renderer.setProperty(elem, "indeterminate", !isPresent(state));
-        this.renderer.setProperty(elem, "checked", isPresent(state) ? state : false);
-    }
-    /**
-     * @hidden
-     */
-    stateToBool() {
-        switch (this.state) {
-            case "checked":
-                return true;
-            case "unchecked":
-                return false;
-            default:
-                return undefined;
-        }
-    }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], SelectAllCheckboxDirective.prototype, "state", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], SelectAllCheckboxDirective.prototype, "selectAllChange", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.type'),
-    tslib_1.__metadata("design:type", String)
-], SelectAllCheckboxDirective.prototype, "type", void 0);
-SelectAllCheckboxDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoGridSelectAllCheckbox]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [SelectionService,
-        ElementRef,
-        Renderer2,
-        NgZone])
-], SelectAllCheckboxDirective);
-export { SelectAllCheckboxDirective };

package/dist/es2015/selection/selection-checkbox.directive.d.ts

@@ -1,76 +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 { AfterContentChecked, ElementRef, Renderer2, OnDestroy, NgZone } from '@angular/core';
-import { SelectionService } from './selection.service';
-/**
- * Represents the row-selection checkbox of the Grid. The directive expects the
- * index of the current row as an input parameter. Inside the
- * [CheckboxColumnComponent]({% slug api_grid_checkboxcolumncomponent %}), apply the
- * directive to an `input` element. When the user clicks the checkbox that is associated
- * with the directive, a [selectionChange]({% slug api_grid_gridcomponent %}#toc-selectionChange)
- * event is triggered.
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-grid [data]="gridData" [selectable]="{enabled: true, checkboxOnly: true}">
- *          <kendo-grid-checkbox-column title="Custom checkbox">
- *            <ng-template kendoGridCellTemplate let-idx="rowIndex">
- *              Select row <input [kendoGridSelectionCheckbox]="idx" />
- *            </ng-template>
- *          </kendo-grid-checkbox-column>
- *          <kendo-grid-column field="ProductID" title="Product ID" width="120">
- *          </kendo-grid-column>
- *          <kendo-grid-column field="ProductName" title="Product Name">
- *          </kendo-grid-column>
- *        </kendo-grid>
- *    `
- * })
- *
- * class AppComponent {
- *    public gridData: any[];
- *
- *    constructor() {
- *        this.gridData = products;
- *    }
- * }
- *
- * const products = [{
- *    "ProductID": 1,
- *    "ProductName": "Chai",
- *    "UnitPrice": 18.0000,
- *    "Discontinued": true
- *  }, {
- *    "ProductID": 2,
- *    "ProductName": "Chang",
- *    "UnitPrice": 19.0000,
- *    "Discontinued": false
- *  }
- * ];
- *
- * ```
- */
-export declare class SelectionCheckboxDirective implements AfterContentChecked, OnDestroy {
-    private selectionService;
-    private el;
-    private renderer;
-    private ngZone;
-    /**
-     * The current index of the `dataItem` that will be selected.
-     */
-    itemIndex: number;
-    type: string;
-    private destroyClick;
-    private destroyKeyDown;
-    ngAfterContentChecked(): void;
-    constructor(selectionService: SelectionService, el: ElementRef, renderer: Renderer2, ngZone: NgZone);
-    ngOnDestroy(): void;
-    private onClick;
-    private onKeyDown;
-    private setCheckedState;
-}

package/dist/es2015/selection/selection-checkbox.directive.js

@@ -1,123 +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";
-/* tslint:disable:no-input-rename */
-import { Directive, HostBinding, ElementRef, Input, Renderer2, NgZone } from '@angular/core';
-import { SelectionService } from './selection.service';
-import { Keys } from '@progress/kendo-angular-common';
-/**
- * Represents the row-selection checkbox of the Grid. The directive expects the
- * index of the current row as an input parameter. Inside the
- * [CheckboxColumnComponent]({% slug api_grid_checkboxcolumncomponent %}), apply the
- * directive to an `input` element. When the user clicks the checkbox that is associated
- * with the directive, a [selectionChange]({% slug api_grid_gridcomponent %}#toc-selectionChange)
- * event is triggered.
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-grid [data]="gridData" [selectable]="{enabled: true, checkboxOnly: true}">
- *          <kendo-grid-checkbox-column title="Custom checkbox">
- *            <ng-template kendoGridCellTemplate let-idx="rowIndex">
- *              Select row <input [kendoGridSelectionCheckbox]="idx" />
- *            </ng-template>
- *          </kendo-grid-checkbox-column>
- *          <kendo-grid-column field="ProductID" title="Product ID" width="120">
- *          </kendo-grid-column>
- *          <kendo-grid-column field="ProductName" title="Product Name">
- *          </kendo-grid-column>
- *        </kendo-grid>
- *    `
- * })
- *
- * class AppComponent {
- *    public gridData: any[];
- *
- *    constructor() {
- *        this.gridData = products;
- *    }
- * }
- *
- * const products = [{
- *    "ProductID": 1,
- *    "ProductName": "Chai",
- *    "UnitPrice": 18.0000,
- *    "Discontinued": true
- *  }, {
- *    "ProductID": 2,
- *    "ProductName": "Chang",
- *    "UnitPrice": 19.0000,
- *    "Discontinued": false
- *  }
- * ];
- *
- * ```
- */
-let SelectionCheckboxDirective = class SelectionCheckboxDirective {
-    constructor(selectionService, el, renderer, ngZone) {
-        this.selectionService = selectionService;
-        this.el = el;
-        this.renderer = renderer;
-        this.ngZone = ngZone;
-        this.type = "checkbox";
-        this.ngZone.runOutsideAngular(() => {
-            this.destroyClick = this.renderer.listen(this.el.nativeElement, "click", this.onClick.bind(this));
-            this.destroyKeyDown = this.renderer.listen(this.el.nativeElement, "keydown", this.onKeyDown.bind(this));
-        });
-    }
-    ngAfterContentChecked() {
-        this.setCheckedState();
-    }
-    ngOnDestroy() {
-        if (this.destroyClick) {
-            this.destroyClick();
-        }
-        if (this.destroyKeyDown) {
-            this.destroyKeyDown();
-        }
-    }
-    onClick() {
-        if (this.selectionService.options.enabled) {
-            this.ngZone.run(() => {
-                const ev = this.selectionService.toggleByIndex(this.itemIndex);
-                ev.ctrlKey = true;
-                ev.shiftKey = false;
-                this.selectionService.changes.emit(ev);
-            });
-        }
-    }
-    onKeyDown(e) {
-        if (e.keyCode === Keys.Enter) {
-            this.onClick();
-        }
-    }
-    /*
-     * @hidden
-     */
-    setCheckedState() {
-        this.renderer.setProperty(this.el.nativeElement, "checked", this.selectionService.isSelected(this.itemIndex));
-    }
-};
-tslib_1.__decorate([
-    Input("kendoGridSelectionCheckbox"),
-    tslib_1.__metadata("design:type", Number)
-], SelectionCheckboxDirective.prototype, "itemIndex", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.type'),
-    tslib_1.__metadata("design:type", String)
-], SelectionCheckboxDirective.prototype, "type", void 0);
-SelectionCheckboxDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoGridSelectionCheckbox]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [SelectionService,
-        ElementRef,
-        Renderer2,
-        NgZone])
-], SelectionCheckboxDirective);
-export { SelectionCheckboxDirective };

package/dist/es2015/selection/selection-default.d.ts

@@ -1,59 +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, ChangeDetectorRef, SimpleChanges } from '@angular/core';
-import { GridComponent } from "../grid.component";
-import { Subscription } from "rxjs";
-import { RowArgs } from "../rendering/common/row-args";
-import { SelectionEvent, CellSelectionItem } from "./types";
-import { ColumnComponent } from '../columns/column.component';
-import { PairSet } from './pair-set';
-/**
- * @hidden
- */
-export declare class Selection {
-    protected grid: GridComponent;
-    protected cd: ChangeDetectorRef;
-    /**
-     * Defines the collection that will store the selected item keys.
-     */
-    selectedKeys: any[];
-    /**
-     * Defines the item key that will be stored in the `selectedKeys` collection.
-     */
-    selectionKey: string | ((context: RowArgs) => any);
-    /**
-     * Defines a function that determines the column key of a data cell.
-     *
-     * The function should return an unique value for each column.
-     * By default, the Grid uses the column index as a column key.
-     */
-    columnKey: string | ((column: any, columnIndex: number) => any);
-    /**
-     * Fires when the `selectedKeys` collection has been updated.
-     */
-    selectedKeysChange: EventEmitter<any[]>;
-    protected rowSelectionState: Set<any>;
-    protected cellSelectionState: PairSet;
-    protected lastSelectionState: any[];
-    protected selectionChangeSubscription: Subscription;
-    private readonly isCellSelectionMode;
-    constructor(grid: GridComponent, cd: ChangeDetectorRef);
-    ngOnChanges(changes: SimpleChanges): void;
-    protected init(): void;
-    /**
-     * @hidden
-     */
-    destroy(): void;
-    /**
-     * @hidden
-     */
-    reset(): void;
-    protected getItemKey(row: RowArgs): any;
-    protected getSelectionItem(row: RowArgs, col: ColumnComponent, colIndex: number): CellSelectionItem;
-    protected onSelectionChange(selection: SelectionEvent): void;
-    private notifyChange;
-    private setState;
-    private stateToArray;
-}

package/dist/es2015/selection/selection-default.js

@@ -1,159 +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 { Input, EventEmitter, Output } from '@angular/core';
-import { isPresent } from "../utils";
-import { PairSet } from './pair-set';
-/**
- * @hidden
- */
-export class Selection {
-    constructor(grid, cd) {
-        this.grid = grid;
-        this.cd = cd;
-        /**
-         * Defines the collection that will store the selected item keys.
-         */
-        this.selectedKeys = [];
-        /**
-         * Fires when the `selectedKeys` collection has been updated.
-         */
-        this.selectedKeysChange = new EventEmitter();
-        this.rowSelectionState = new Set();
-        this.cellSelectionState = new PairSet();
-        this.init();
-    }
-    get isCellSelectionMode() {
-        return isPresent(this.grid.selectable) && this.grid.selectable['cell'];
-    }
-    ngOnChanges(changes) {
-        // skip reinitialization if the user data is the same as the last state change
-        if (isPresent(changes.selectedKeys) && this.lastSelectionState !== this.selectedKeys) {
-            this.setState(this.selectedKeys);
-        }
-    }
-    init() {
-        if (!isPresent(this.grid.rowSelected)) {
-            this.grid.rowSelected = (row) => this.rowSelectionState.has(this.getItemKey(row));
-        }
-        if (!isPresent(this.grid.cellSelected)) {
-            this.grid.cellSelected = (row, column, colIndex) => {
-                const contender = this.getSelectionItem(row, column, colIndex);
-                return {
-                    selected: this.cellSelectionState.has(contender.itemKey, contender.columnKey),
-                    item: contender
-                };
-            };
-        }
-        this.selectionChangeSubscription = this.grid
-            .selectionChange
-            .subscribe(this.onSelectionChange.bind(this));
-    }
-    /**
-     * @hidden
-     */
-    destroy() {
-        this.selectionChangeSubscription.unsubscribe();
-    }
-    /**
-     * @hidden
-     */
-    reset() {
-        this.rowSelectionState.clear();
-        this.cellSelectionState.clear();
-    }
-    getItemKey(row) {
-        if (this.selectionKey) {
-            if (typeof this.selectionKey === "string") {
-                return row.dataItem[this.selectionKey];
-            }
-            if (typeof this.selectionKey === "function") {
-                return this.selectionKey(row);
-            }
-        }
-        return row.index;
-    }
-    getSelectionItem(row, col, colIndex) {
-        const itemIdentifiers = {};
-        itemIdentifiers.itemKey = this.getItemKey(row);
-        if (!isPresent(col) && !isPresent(colIndex)) {
-            return itemIdentifiers;
-        }
-        if (this.columnKey) {
-            if (typeof this.columnKey === "string") {
-                itemIdentifiers.columnKey = row.dataItem[this.columnKey];
-            }
-            if (typeof this.columnKey === "function") {
-                itemIdentifiers.columnKey = this.columnKey(col, colIndex);
-            }
-        }
-        return {
-            itemKey: itemIdentifiers.itemKey,
-            columnKey: itemIdentifiers.columnKey ? itemIdentifiers.columnKey : colIndex
-        };
-    }
-    onSelectionChange(selection) {
-        if (selection.selectedRows) {
-            selection.deselectedRows.forEach((item) => {
-                const itemKey = this.getItemKey(item);
-                this.rowSelectionState.delete(itemKey);
-            });
-            if (this.grid.selectableSettings.mode === "single" && this.rowSelectionState.size > 0) {
-                this.reset();
-            }
-            selection.selectedRows.forEach((item) => {
-                const itemKey = this.getItemKey(item);
-                this.rowSelectionState.add(itemKey);
-            });
-        }
-        else {
-            selection.deselectedCells.forEach(({ itemKey, columnKey }) => {
-                this.cellSelectionState.delete(itemKey, columnKey);
-            });
-            if (this.grid.selectableSettings.mode === "single" && this.cellSelectionState.size > 0) {
-                this.reset();
-            }
-            selection.selectedCells.forEach(({ itemKey, columnKey }) => {
-                this.cellSelectionState.add(itemKey, columnKey);
-            });
-        }
-        this.cd.markForCheck();
-        this.notifyChange();
-    }
-    notifyChange() {
-        this.lastSelectionState = this.stateToArray();
-        this.selectedKeysChange.emit(this.lastSelectionState);
-    }
-    setState(selectedKeys) {
-        this.reset();
-        if (this.isCellSelectionMode) {
-            this.cellSelectionState = new PairSet(selectedKeys, 'itemKey', 'columnKey');
-        }
-        else {
-            this.rowSelectionState = new Set(selectedKeys);
-        }
-    }
-    stateToArray() {
-        return this.isCellSelectionMode ?
-            this.cellSelectionState.toArray('itemKey', 'columnKey') :
-            Array.from(this.rowSelectionState);
-    }
-}
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], Selection.prototype, "selectedKeys", void 0);
-tslib_1.__decorate([
-    Input("kendoGridSelectBy"),
-    tslib_1.__metadata("design:type", Object)
-], Selection.prototype, "selectionKey", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], Selection.prototype, "columnKey", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], Selection.prototype, "selectedKeysChange", void 0);

package/dist/es2015/selection/selection.directive.d.ts

@@ -1,23 +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 { OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
-import { GridComponent } from '../grid.component';
-import { Selection } from "./selection-default";
-/**
- * A directive which stores the row selection state of the Grid in memory
- * ([see example]({% slug selection_grid %}#toc-during-data-operations)).
- */
-export declare class SelectionDirective extends Selection implements OnInit, OnDestroy {
-    protected grid: GridComponent;
-    constructor(grid: GridComponent, cd: ChangeDetectorRef);
-    /**
-     * @hidden
-     */
-    ngOnInit(): void;
-    /**
-     * @hidden
-     */
-    ngOnDestroy(): void;
-}

package/dist/es2015/selection/selection.directive.js

@@ -1,40 +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, ChangeDetectorRef } from '@angular/core';
-import { GridComponent } from '../grid.component';
-import { Selection } from "./selection-default";
-/**
- * A directive which stores the row selection state of the Grid in memory
- * ([see example]({% slug selection_grid %}#toc-during-data-operations)).
- */
-let SelectionDirective = class SelectionDirective extends Selection {
-    constructor(grid, cd) {
-        super(grid, cd);
-        this.grid = grid;
-    }
-    /**
-     * @hidden
-     */
-    ngOnInit() {
-        if (this.grid.selectable === false) {
-            this.grid.selectable = true;
-        }
-        this.grid.selectionDirective = this;
-    }
-    /**
-     * @hidden
-     */
-    ngOnDestroy() {
-        super.destroy();
-    }
-};
-SelectionDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoGridSelectBy]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [GridComponent, ChangeDetectorRef])
-], SelectionDirective);
-export { SelectionDirective };

package/dist/es2015/selection/selection.service.d.ts

@@ -1,63 +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, OnDestroy } from '@angular/core';
-import { SelectableSettings, SelectionEvent } from './types';
-import { RowSelectedFn } from '../rendering/common/row-class';
-import { DomEventsService } from '../common/dom-events.service';
-import { LocalDataChangesService } from '../editing/local-data-changes.service';
-import { NavigationService } from '../navigation/navigation.service';
-/**
- * @hidden
- */
-declare type SelectionServiceSettings = {
-    rowSelected: RowSelectedFn;
-    selectable: boolean | SelectableSettings;
-    view: {
-        accessor: Function;
-        at: Function;
-        length: Number;
-    };
-};
-/**
- * @hidden
- */
-export declare class SelectionService implements OnDestroy {
-    private domEvents;
-    private localDataChangesService?;
-    private navigationService?;
-    changes: EventEmitter<SelectionEvent>;
-    lastSelectionStartIndex: number;
-    currentSelection: any[];
-    selectAllChecked: boolean;
-    settings: SelectionServiceSettings;
-    active: boolean;
-    readonly enableMarquee: boolean;
-    mouseDownEventArgs: any;
-    dragging: boolean;
-    private cellClickSubscription;
-    private mousedownSubscription;
-    private dataChangedSubscription;
-    private _selectAllState;
-    constructor(domEvents: DomEventsService, localDataChangesService?: LocalDataChangesService, navigationService?: NavigationService);
-    init(settings: any): void;
-    isSelected(index: number): boolean;
-    handleClick(item: any, event: any): void;
-    toggle(item: any): any;
-    toggleByIndex(index: number): any;
-    select(item: any): any;
-    deselect(removedItem: any): void;
-    addAllTo(item: any, ctrlKey: boolean): any;
-    updateAll(selectAllChecked: boolean): void;
-    selectRange(startIndex: number, endIndex: number): any;
-    readonly selectAllState: any;
-    readonly selected: number[];
-    readonly options: SelectableSettings;
-    ngOnDestroy(): void;
-    targetArgs(): any;
-    addSubscriptions(): void;
-    private getIterator;
-    private removeSubscriptions;
-}
-export {};