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

package/dist/npm/selection/cell-selection.service.js

@@ -1,320 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var utils_1 = require("../utils");
-var utils_2 = require("../utils");
-var dom_events_service_1 = require("../common/dom-events.service");
-var local_data_changes_service_1 = require("../editing/local-data-changes.service");
-var navigation_service_1 = require("../navigation/navigation.service");
-/**
- * @hidden
- */
-var CellSelectionService = /** @class */ (function () {
-    function CellSelectionService(domEvents, localDataChangesService, navigationService) {
-        this.domEvents = domEvents;
-        this.localDataChangesService = localDataChangesService;
-        this.navigationService = navigationService;
-        this.changes = new core_1.EventEmitter();
-        this.mouseUpEvent = new core_1.EventEmitter();
-        this.currentSelection = [];
-        this.active = false;
-        this.dragging = false;
-        this.dragSelectDeselect = false;
-        this.lastSelectionItem = { itemKey: 0, columnKey: 0 };
-        this.lastSelectionItemRowIndex = 0;
-        this.lastSelectionItemColIndex = 0;
-        this.addSubscriptions();
-    }
-    Object.defineProperty(CellSelectionService.prototype, "enableMarquee", {
-        get: function () {
-            var checkboxOnly = this.settings && typeof this.settings === 'object' && this.settings.checkboxOnly;
-            if (!this.settings || checkboxOnly) {
-                return false;
-            }
-            var selectableSettings = this.settings.selectable;
-            var dragAndMultiple = typeof (selectableSettings) === 'object' &&
-                utils_2.isPresent(selectableSettings) &&
-                selectableSettings.mode === 'multiple' &&
-                selectableSettings.cell &&
-                selectableSettings.enabled !== false &&
-                selectableSettings.drag;
-            return this.active && dragAndMultiple;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    CellSelectionService.prototype.init = function (settings) {
-        var _this = this;
-        this.settings = settings;
-        this.currentSelection = [];
-        if (settings.selectable && settings.selectable.enabled !== false) {
-            var iterator_1 = this.getIterator();
-            var item = iterator_1.next();
-            var _loop_1 = function () {
-                if (item.value && item.value.type === "data") {
-                    var rowArgs_1 = {
-                        dataItem: item.value.data,
-                        index: item.value.index
-                    };
-                    settings.columns.forEach(function (col) {
-                        var selectedCellArgs = settings.cellSelected(rowArgs_1, col, col.leafIndex);
-                        if (selectedCellArgs.selected) {
-                            _this.currentSelection.push(selectedCellArgs.item);
-                        }
-                    });
-                }
-                item = iterator_1.next();
-            };
-            while (!item.done) {
-                _loop_1();
-            }
-        }
-    };
-    CellSelectionService.prototype.isCellSelected = function (item, col) {
-        if (this.settings && this.active) {
-            var selectedCellArgs = this.settings.cellSelected({ dataItem: item.data, index: item.index }, col, col.leafIndex);
-            return this.options.enabled && selectedCellArgs.selected;
-        }
-        return false;
-    };
-    CellSelectionService.prototype.handleClick = function (item, event) {
-        if (this.dragging) {
-            this.dragging = false;
-            return;
-        }
-        var ev;
-        var ctrlKey = event.ctrlKey || event.metaKey;
-        if (this.options.mode === "single" && ctrlKey && this.isCellSelected(item, item.column)) {
-            ev = this.toggle(item);
-        }
-        else if (this.options.mode === "multiple") {
-            if (ctrlKey && !event.shiftKey) {
-                ev = this.toggle(item);
-            }
-            else if (event.shiftKey) {
-                var startRowIndex = Math.min(this.lastSelectionItemRowIndex, item.index);
-                var startColIndex = Math.min(this.lastSelectionItemColIndex, item.column.leafIndex);
-                var endRowIndex = Math.max(this.lastSelectionItemRowIndex, item.index);
-                var endColIndex = Math.max(this.lastSelectionItemColIndex, item.column.leafIndex);
-                ev = this.selectRange(startRowIndex, startColIndex, endRowIndex, endColIndex);
-            }
-        }
-        if (!utils_2.isPresent(ev)) {
-            ev = this.select(item);
-            this.currentSelection = [this.lastSelectionItem];
-        }
-        if (!ev.selectedCells.length && !ev.deselectedCells.length) {
-            return;
-        }
-        ev.ctrlKey = ctrlKey;
-        ev.shiftKey = event.shiftKey;
-        this.changes.emit(ev);
-    };
-    CellSelectionService.prototype.toggle = function (item) {
-        var selectedCells = [];
-        var deselectedCells = [];
-        this.lastSelectionItem =
-            this.settings.cellSelected({ dataItem: item.data, index: item.index }, item.column, item.column.leafIndex).item;
-        this.lastSelectionItemRowIndex = item.index;
-        this.lastSelectionItemColIndex = item.column.leafIndex;
-        if (this.isCellSelected(item, item.column)) {
-            deselectedCells.push(this.lastSelectionItem);
-        }
-        else {
-            selectedCells.push(this.lastSelectionItem);
-        }
-        return {
-            deselectedCells: deselectedCells,
-            selectedCells: selectedCells
-        };
-    };
-    CellSelectionService.prototype.select = function (item) {
-        var _this = this;
-        var selectedCells = [];
-        var deselectedCells = [];
-        this.lastSelectionItem =
-            this.settings.cellSelected({ dataItem: item.data, index: item.index }, item.column, item.column.leafIndex).item;
-        this.lastSelectionItemRowIndex = item.index;
-        this.lastSelectionItemColIndex = item.column.leafIndex;
-        if (!this.isCellSelected(item, item.column)) {
-            selectedCells.push(this.lastSelectionItem);
-        }
-        this.currentSelection.forEach(function (selectedItem) {
-            if (selectedItem.itemKey !== _this.lastSelectionItem.itemKey || selectedItem.columnKey !== _this.lastSelectionItem.columnKey) {
-                deselectedCells.push(selectedItem);
-            }
-        });
-        return {
-            deselectedCells: deselectedCells,
-            selectedCells: selectedCells
-        };
-    };
-    //Used to manually deselect removed items
-    CellSelectionService.prototype.deselect = function (removedItem) {
-        var _this = this;
-        var iterator = this.getIterator();
-        var item = iterator.next();
-        var rowArgs;
-        while (!item.done) {
-            if (item.value && item.value.type === "data" && item.value.data === removedItem) {
-                rowArgs = {
-                    dataItem: item.value.data,
-                    index: item.value.index
-                };
-                break;
-            }
-            item = iterator.next();
-        }
-        if (rowArgs) {
-            var cellsToRemove = this.currentSelection.filter(function (selectedItem) {
-                var contender = _this.settings.cellSelected(rowArgs, null, null).item;
-                return selectedItem.itemKey === contender.itemKey;
-            });
-            if (cellsToRemove.length) {
-                var ev = {
-                    ctrlKey: false,
-                    deselectedCells: cellsToRemove,
-                    selectedCells: []
-                };
-                this.changes.emit(ev);
-            }
-        }
-    };
-    CellSelectionService.prototype.selectRange = function (startRowIndex, startColIndex, endRowIndex, endColIndex) {
-        var _this = this;
-        var selectedCells = [];
-        var deselectedCells = [];
-        var selectionStartRow = Math.min(startRowIndex, endRowIndex);
-        var selectionStartCol = Math.min(startColIndex, endColIndex);
-        var selectionEndRow = Math.max(startRowIndex, endRowIndex);
-        var selectionEndCol = Math.max(startColIndex, endColIndex);
-        var iterator = this.getIterator();
-        var next = iterator.next();
-        var _loop_2 = function () {
-            if (next.value && next.value.type === "data") {
-                var idx_1 = next.value.index;
-                var data = next.value.data;
-                var rowArgs_2 = {
-                    dataItem: data,
-                    index: idx_1
-                };
-                this_1.settings.columns.forEach(function (col) {
-                    var item = _this.settings.cellSelected(rowArgs_2, col, col.leafIndex).item;
-                    var selected = _this.isCellSelected(next.value, col);
-                    var isInRowRange = selectionStartRow <= idx_1 && idx_1 <= selectionEndRow;
-                    var isInColRange = selectionStartCol <= col.leafIndex && col.leafIndex <= selectionEndCol;
-                    var isInSelectionRect = isInRowRange && isInColRange;
-                    if (!isInSelectionRect && selected) {
-                        deselectedCells.push(item);
-                    }
-                    if (isInSelectionRect && !selected) {
-                        selectedCells.push(item);
-                    }
-                });
-            }
-            next = iterator.next();
-        };
-        var this_1 = this;
-        while (!next.done) {
-            _loop_2();
-        }
-        return {
-            deselectedCells: deselectedCells,
-            selectedCells: selectedCells
-        };
-    };
-    Object.defineProperty(CellSelectionService.prototype, "options", {
-        get: function () {
-            var defaultOptions = {
-                checkboxOnly: false,
-                enabled: true,
-                mode: "multiple"
-            };
-            if (!utils_2.isPresent(this.settings)) {
-                return defaultOptions;
-            }
-            if (typeof this.settings.selectable === 'boolean') {
-                return {
-                    checkboxOnly: false,
-                    enabled: this.settings.selectable,
-                    mode: "multiple"
-                };
-            }
-            else {
-                return Object.assign(defaultOptions, this.settings.selectable);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    CellSelectionService.prototype.ngOnDestroy = function () {
-        this.removeSubscriptions();
-    };
-    CellSelectionService.prototype.addSubscriptions = function () {
-        var _this = this;
-        if (!this.cellClickSubscription) {
-            this.cellClickSubscription = this.domEvents.cellClick.subscribe(function (args) {
-                if (_this.options.enabled && !_this.options.checkboxOnly && args.type !== 'contextmenu') {
-                    if (_this.active) {
-                        _this.handleClick({ index: args.rowIndex, data: args.dataItem, column: args.column }, args.originalEvent);
-                    }
-                }
-            });
-        }
-        if (!this.mousedownSubscription) {
-            this.mousedownSubscription = this.domEvents.cellMousedown.subscribe(function (args) {
-                _this.mouseDownEventArgs = args;
-                if (_this.options.enabled && (!_this.options.mode || _this.options.mode === "multiple") &&
-                    !_this.options.checkboxOnly && args.originalEvent.shiftKey) {
-                    if (_this.active) {
-                        args.originalEvent.preventDefault();
-                        _this.navigationService.focusCellByElement(args.originalEvent.target);
-                    }
-                }
-            });
-        }
-        if (this.localDataChangesService && !this.dataChangedSubscription) {
-            this.dataChangedSubscription = this.localDataChangesService.changes.subscribe(function (args) {
-                if (_this.active) {
-                    if (utils_2.isPresent(args.action) && args.action === 'remove') {
-                        _this.deselect(args.item);
-                    }
-                }
-            });
-        }
-    };
-    CellSelectionService.prototype.getIterator = function () {
-        var accessor = this.settings.view.accessor();
-        if (!accessor) {
-            return;
-        }
-        return accessor[utils_1.iterator]();
-    };
-    CellSelectionService.prototype.removeSubscriptions = function () {
-        if (this.cellClickSubscription) {
-            this.cellClickSubscription.unsubscribe();
-            this.cellClickSubscription = null;
-        }
-        if (this.mousedownSubscription) {
-            this.mousedownSubscription.unsubscribe();
-            this.mousedownSubscription = null;
-        }
-        if (this.dataChangedSubscription) {
-            this.dataChangedSubscription.unsubscribe();
-            this.dataChangedSubscription = null;
-        }
-    };
-    CellSelectionService = tslib_1.__decorate([
-        core_1.Injectable(),
-        tslib_1.__metadata("design:paramtypes", [dom_events_service_1.DomEventsService,
-            local_data_changes_service_1.LocalDataChangesService,
-            navigation_service_1.NavigationService])
-    ], CellSelectionService);
-    return CellSelectionService;
-}());
-exports.CellSelectionService = CellSelectionService;

package/dist/npm/selection/marquee.directive.js

@@ -1,182 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var dom_events_service_1 = require("./../common/dom-events.service");
-var core_1 = require("@angular/core");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var selection_service_1 = require("./selection.service");
-var cell_selection_service_1 = require("./cell-selection.service");
-var operators_1 = require("rxjs/operators");
-var rxjs_1 = require("rxjs");
-var createElement = function () {
-    var marquee = document.createElement("div");
-    marquee.className = "k-marquee";
-    var marqueeColor = document.createElement("div");
-    marqueeColor.className = "k-marquee-color";
-    marquee.appendChild(marqueeColor);
-    return marquee;
-};
-var ɵ0 = createElement;
-exports.ɵ0 = ɵ0;
-var POINTER_OFFSET = 2;
-var MINIMAL_DRAG_DISTANCE = 5;
-var offsets = {
-    topLeft: { x: POINTER_OFFSET, y: POINTER_OFFSET },
-    topRight: { x: -POINTER_OFFSET, y: POINTER_OFFSET },
-    bottomLeft: { x: POINTER_OFFSET, y: -POINTER_OFFSET },
-    bottomRight: { x: -POINTER_OFFSET, y: -POINTER_OFFSET }
-};
-/**
- * @hidden
- */
-var GridMarqueeDirective = /** @class */ (function () {
-    function GridMarqueeDirective(draggable, selection, cellSelection, domEvents) {
-        this.draggable = draggable;
-        this.selection = selection;
-        this.cellSelection = cellSelection;
-        this.domEvents = domEvents;
-        this.selectionStarted = false;
-    }
-    Object.defineProperty(GridMarqueeDirective.prototype, "webkitUserSelection", {
-        get: function () {
-            return (this.cellSelection.enableMarquee || this.selection.enableMarquee) ? 'none' : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(GridMarqueeDirective.prototype, "userSelection", {
-        get: function () {
-            return (this.cellSelection.enableMarquee || this.selection.enableMarquee);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    GridMarqueeDirective.prototype.ngOnInit = function () {
-        this.subscriptions = (this.draggable.kendoPress.subscribe(this.start.bind(this)));
-        this.subscriptions.add(this.draggable.kendoDrag.subscribe(this.moveMarquee.bind(this)));
-    };
-    GridMarqueeDirective.prototype.ngOnDestroy = function () {
-        this.subscriptions.unsubscribe();
-        this.clean();
-    };
-    GridMarqueeDirective.prototype.start = function (args) {
-        if (args.originalEvent.target.classList.contains('k-checkbox')) {
-            this.pressArgs = null;
-            return;
-        }
-        this.pressArgs = args;
-        this.pressTarget = null;
-    };
-    GridMarqueeDirective.prototype.moveMarquee = function (args) {
-        if (!this.pressTarget) {
-            this.pressTarget = this.cellSelection.active ? this.cellSelection.mouseDownEventArgs : this.selection.mouseDownEventArgs;
-        }
-        var press = this.pressArgs;
-        if (!press) {
-            return;
-        }
-        if (!this.selectionStarted) {
-            var distance = Math.sqrt(Math.pow((args.pageX - press.pageX), 2) + Math.pow((args.pageY - press.pageY), 2));
-            if (distance > MINIMAL_DRAG_DISTANCE) {
-                this.selectionStarted = true;
-                this.dragEndSubscription = rxjs_1.merge(this.domEvents.cellMouseup.pipe(operators_1.take(1)), this.draggable.kendoRelease.pipe(operators_1.delay(1), operators_1.take(1)))
-                    .subscribe(this.endSelection.bind(this));
-            }
-            else {
-                return;
-            }
-        }
-        this.initMarquee();
-        var element = this.marqueeElement;
-        var marqueeQuadrant = this.getMarqueeQuadrant(args.pageX, args.pageY, press.pageX, press.pageY);
-        var left = Math.min(args.pageX, press.pageX);
-        var top = Math.min(args.pageY, press.pageY);
-        var width = Math.abs(args.pageX - press.pageX);
-        var height = Math.abs(args.pageY - press.pageY);
-        if (marqueeQuadrant) {
-            left += offsets[marqueeQuadrant].x;
-            top += offsets[marqueeQuadrant].y;
-        }
-        element.style.left = left + "px";
-        element.style.top = top + "px";
-        element.style.width = width + "px";
-        element.style.height = height + "px";
-    };
-    GridMarqueeDirective.prototype.endSelection = function (args) {
-        if (args.type === 'mouseup' || args.type === 'touchend') {
-            if (this.cellSelection.active) {
-                this.cellSelection.dragging = true;
-                this.cellSelection.changes.emit(this.cellSelection.selectRange(this.pressTarget.rowIndex, this.pressTarget.column.leafIndex, args.rowIndex, args.column.leafIndex));
-            }
-            else if (this.selection.active) {
-                this.selection.dragging = true;
-                this.selection.changes.emit(this.selection.selectRange(this.pressTarget.rowIndex, args.rowIndex));
-            }
-        }
-        this.clean();
-    };
-    GridMarqueeDirective.prototype.clean = function () {
-        if (this.marqueeElement) {
-            document.body.removeChild(this.marqueeElement);
-            this.marqueeElement = null;
-        }
-        if (this.dragEndSubscription) {
-            this.dragEndSubscription.unsubscribe();
-        }
-        this.dragEndSubscription = null;
-        this.pressTarget = null;
-        this.pressArgs = null;
-        this.selectionStarted = false;
-        this.cellSelection.active ? this.cellSelection.dragging = false : this.selection.dragging = false;
-    };
-    GridMarqueeDirective.prototype.initMarquee = function () {
-        if (!this.marqueeElement) {
-            this.marqueeElement = createElement();
-            document.body.appendChild(this.marqueeElement);
-        }
-    };
-    GridMarqueeDirective.prototype.getMarqueeQuadrant = function (pointerX, pointerY, startX, startY) {
-        var leftHalf = pointerX < startX;
-        var rightHalf = pointerX > startX;
-        var topHalf = pointerY < startY;
-        var bottomHalf = pointerY > startY;
-        if (leftHalf && topHalf) {
-            return 'topLeft';
-        }
-        if (leftHalf && bottomHalf) {
-            return 'bottomLeft';
-        }
-        if (rightHalf && topHalf) {
-            return 'topRight';
-        }
-        if (rightHalf && bottomHalf) {
-            return 'bottomRight';
-        }
-        return null;
-    };
-    tslib_1.__decorate([
-        core_1.HostBinding('style.-webkit-user-select'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], GridMarqueeDirective.prototype, "webkitUserSelection", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.user-select-none'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], GridMarqueeDirective.prototype, "userSelection", null);
-    GridMarqueeDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoGridSelectionMarquee]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_common_1.DraggableDirective,
-            selection_service_1.SelectionService,
-            cell_selection_service_1.CellSelectionService,
-            dom_events_service_1.DomEventsService])
-    ], GridMarqueeDirective);
-    return GridMarqueeDirective;
-}());
-exports.GridMarqueeDirective = GridMarqueeDirective;

package/dist/npm/selection/pair-set.js

@@ -1,93 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * @hidden
- *
- * Quick look-up structure for combinations of keys.
- * Similar to the native JS Set, however, working with a couple of keys instead of with a single key.
- * Supports both primitive keys and object keys (compared by reference).
- */
-var PairSet = /** @class */ (function () {
-    function PairSet(items, keyXField, keyYField) {
-        var _this = this;
-        /**
-         * Holds a set of Y keys for each defined X key.
-         * Each X key creates a map which holds a set of Y keys.
-         *
-         * Map { 1 => Set { 1, 2, 3 } } // pairs: [1, 1], [1, 2], [1, 3]
-         */
-        this.keysX = new Map();
-        /**
-         * Count the each added or deleted key manually to avoid iterating over all items when calling `this.size`.
-         */
-        this.totalKeysCount = 0;
-        if (items && keyXField && keyYField) {
-            items.forEach(function (item) { return _this.add(item[keyXField], item[keyYField]); });
-        }
-    }
-    Object.defineProperty(PairSet.prototype, "size", {
-        /**
-         * Gets the total number of X/Y key pairs.
-         */
-        get: function () {
-            return this.totalKeysCount;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Adds a couple of items identified as a combination.
-     */
-    PairSet.prototype.add = function (keyX, keyY) {
-        if (!this.keysX.has(keyX)) {
-            this.keysX.set(keyX, new Set());
-        }
-        if (!this.has(keyX, keyY)) {
-            this.keysX.get(keyX).add(keyY);
-            this.totalKeysCount += 1;
-        }
-    };
-    /**
-     * Adds a combination of a couple of items identified together.
-     */
-    PairSet.prototype.delete = function (keyX, keyY) {
-        if (this.has(keyX, keyY)) {
-            this.keysX.get(keyX).delete(keyY);
-            this.totalKeysCount -= 1;
-        }
-    };
-    /**
-     * Checks whether the defined combination is stored.
-     */
-    PairSet.prototype.has = function (keyX, keyY) {
-        return this.keysX.has(keyX) && this.keysX.get(keyX).has(keyY);
-    };
-    /**
-     * Clears all key combinations.
-     */
-    PairSet.prototype.clear = function () {
-        this.keysX.clear();
-        this.totalKeysCount = 0;
-    };
-    /**
-     * Converts the persisted data structure to an array of objects,
-     * using the provided field names for the object props.
-     */
-    PairSet.prototype.toArray = function (keyXField, keyYField) {
-        return Array.from(this.keysX).reduce(function (pairs, pair) {
-            // Array.from(mapInstance) returns an array of arrays [[itemKey1, columnKeysSet1], [itemKey2, columnKeysSet2]]
-            var keyX = pair[0], keysY = pair[1];
-            Array.from(keysY).forEach(function (keyY) {
-                var _a;
-                return pairs.push((_a = {}, _a[keyXField] = keyX, _a[keyYField] = keyY, _a));
-            });
-            return pairs;
-        }, []);
-    };
-    return PairSet;
-}());
-exports.PairSet = PairSet;