@progress/kendo-angular-layout 6.6.0 → 7.0.0-dev.202204150742

package/dist/es/tabstrip/util.js

@@ -1,111 +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 { isPresent } from "../common/util";
-/**
- * @hidden
- *
- * Checks if the current target is a TabStrip tab element
- */
-export var isTabElement = function (target) {
-    var targetId = target.getAttribute('id');
-    if (isPresent(targetId) || targetId.indexOf('k-tabstrip-tab-') >= 0) {
-        return true;
-    }
-    return false;
-};
-/**
- * @hidden
- *
- * Checks if the current tab is closable. Depends on the value of the TabStrip closable property.
- */
-export var isTabClosable = function (tab, tabStripClosable) {
-    if (tab.closable !== undefined) {
-        return tab.closable;
-    }
-    return tabStripClosable;
-};
-/**
- * @hidden
- *
- * Checks if the TabStrip scroll buttons will be rendered. Depends on the value of the TabStrip scrollable settings.
- */
-export var tabStripHasScrollButtons = function (scrollableSettings) {
-    return scrollableSettings.enabled && scrollableSettings.scrollButtons !== 'hidden';
-};
-/**
- * @hidden
- *
- * Checks if the TabStrip mouse scroll will be enabled. Depends on the value of the TabStrip scrollable settings.
- */
-export var mouseScrollEnabled = function (scrollableSettings) {
-    return scrollableSettings.enabled && scrollableSettings.mouseScroll;
-};
-/**
- * @hidden
- *
- * Retrieves the current active tab element and its index.
- * This could either be the currently selected tab or the currently focused tab.
- */
-export var getActiveTab = function (tabs) {
-    var focusedTab;
-    var selectedTab;
-    var focusedIndex = -1;
-    var selectedIndex = -1;
-    tabs.forEach(function (tab, index) {
-        if (tab.selected) {
-            selectedTab = tab;
-            selectedIndex = index;
-        }
-        else if (tab.focused) {
-            focusedTab = tab;
-            focusedIndex = index;
-        }
-    });
-    return focusedIndex >= 0 ?
-        { tab: focusedTab, index: focusedIndex } :
-        { tab: selectedTab, index: selectedIndex };
-};
-/**
- * @hidden
- */
-export var getTabByIndex = function (tabs, index) {
-    var filtered = tabs.filter(function (_tab, i) { return i === index; });
-    if (filtered.length > 0) {
-        return filtered[0];
-    }
-    return null;
-};
-/**
- * @hidden
- */
-export var getTabHeaderByIndex = function (tabHeaderContainers, index) {
-    var filtered = tabHeaderContainers.filter(function (_tabHeader, i) { return i === index; });
-    if (filtered.length > 0) {
-        return filtered[0];
-    }
-    return null;
-};
-/**
- * @hidden
- */
-export var resetTabFocus = function (tabs) {
-    tabs.forEach(function (tab) {
-        tab.focused = false;
-    });
-};
-/**
- * @hidden
- */
-export var resetTabSelection = function (tabs) {
-    tabs.forEach(function (tab) {
-        tab.selected = false;
-    });
-};
-/**
- * @hidden
- */
-export var isTablistHorizontal = function (tabPosition) {
-    return tabPosition === 'top' || tabPosition === 'bottom';
-};

package/dist/es/tabstrip.module.js

@@ -1,51 +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 { TabComponent } from './tabstrip/rendering/tab.component';
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { TabStripComponent } from './tabstrip/tabstrip.component';
-import { TabStripTabComponent } from './tabstrip/models/tabstrip-tab.component';
-import { TabContentDirective } from './tabstrip/directives/tab-content.directive';
-import { TabTitleDirective } from './tabstrip/directives/tab-title.directive';
-import { TabStripCustomMessagesComponent } from './tabstrip/localization/custom-messages.component';
-import { LocalizedTabStripMessagesDirective } from './tabstrip/localization/localized-messages.directive';
-import { ResizeSensorModule } from '@progress/kendo-angular-common';
-import { TabStripScrollableButtonComponent } from './tabstrip/scrollable-button.component';
-var exportedModules = [
-    TabStripComponent,
-    TabStripTabComponent,
-    TabContentDirective,
-    TabTitleDirective,
-    TabComponent,
-    TabStripCustomMessagesComponent,
-    LocalizedTabStripMessagesDirective
-];
-var declarations = exportedModules.concat([
-    TabStripScrollableButtonComponent
-]);
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the TabStrip component.
- *
- * The module registers:
- * - `TabStripComponent`—The `TabStrip` component class.
- * - `TabStripTabComponent`—The `TabStripTab` component class.
- * - `TabContentDirective`&mdash;The tab content directive used on the `<ng-template>` tag.
- * - `TabTitleDirective`&mdash;The tab title directive used on the `<ng-template>` tag.
- */
-var TabStripModule = /** @class */ (function () {
-    function TabStripModule() {
-    }
-    TabStripModule = tslib_1.__decorate([
-        NgModule({
-            declarations: [declarations],
-            exports: [exportedModules],
-            imports: [CommonModule, ResizeSensorModule]
-        })
-    ], TabStripModule);
-    return TabStripModule;
-}());
-export { TabStripModule };

package/dist/es/tilelayout/constants.js

@@ -1,70 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export var RESIZE_HANDLE_UNIDIRECTIONAL_SIZE = 9;
-/**
- * @hidden
- */
-export var RESIZE_HANDLE_BIDIRECTIONAL_SIZE = 25;
-/**
- * @hidden
- */
-export var RESIZE_HANDLE_UNIDIRECTIONAL_OVERLAP = 5;
-/**
- * @hidden
- */
-export var RESIZE_HANDLE_BIDIRECTIONAL_OVERLAP = 18;
-/**
- * @hidden
- */
-export var DRAGGED_ZINDEX = 10;
-/**
- * @hidden
- */
-export var RESIZE_DIRECTIONS = ['ew', 'ns', 'nwse'];
-/**
- * @hidden
- */
-export var RTL_RESIZE_DIRECTIONS = ['ew', 'ns', 'nesw'];
-/**
- * @hidden
- */
-export var RESIZE_HANDLE_DIMENSIONS = {
-    // numeric values represent pixels
-    ew: {
-        width: RESIZE_HANDLE_UNIDIRECTIONAL_SIZE,
-        overlapX: RESIZE_HANDLE_UNIDIRECTIONAL_OVERLAP
-    },
-    ns: {
-        height: RESIZE_HANDLE_UNIDIRECTIONAL_SIZE,
-        overlapY: RESIZE_HANDLE_UNIDIRECTIONAL_OVERLAP
-    },
-    nwse: {
-        width: RESIZE_HANDLE_BIDIRECTIONAL_SIZE,
-        height: RESIZE_HANDLE_BIDIRECTIONAL_SIZE,
-        overlapX: RESIZE_HANDLE_BIDIRECTIONAL_OVERLAP,
-        overlapY: RESIZE_HANDLE_BIDIRECTIONAL_OVERLAP
-    },
-    nesw: {
-        width: RESIZE_HANDLE_BIDIRECTIONAL_SIZE,
-        height: RESIZE_HANDLE_BIDIRECTIONAL_SIZE,
-        overlapX: RESIZE_HANDLE_BIDIRECTIONAL_OVERLAP,
-        overlapY: RESIZE_HANDLE_BIDIRECTIONAL_OVERLAP
-    }
-};
-/**
- * @hidden
- */
-export var OVERLAP_THRESHOLD = 0.3;
-/**
- * @hidden
- */
-export var REVERSE_OVERLAP_THRESHOLD = -0.7;
-/**
- * @hidden
- */
-export var HINT_BORDERS_HEIGHT = 2;

package/dist/es/tilelayout/dragging-service.js

@@ -1,430 +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 { Injectable, NgZone, Renderer2 } from '@angular/core';
-import { BehaviorSubject, Subject } from 'rxjs';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { calculateCellFromPosition, getDropTarget, isRowItemPresent, normalizeValue, propsChanged, setElementStyles } from './util';
-import { closestInScope } from '../common/dom-queries';
-import { DRAGGED_ZINDEX, HINT_BORDERS_HEIGHT, OVERLAP_THRESHOLD, REVERSE_OVERLAP_THRESHOLD } from './constants';
-import { TileLayoutReorderEvent } from './reorder-event';
-import { TileLayoutResizeEvent } from './resize-event';
-/**
- * @hidden
- */
-var TileLayoutDraggingService = /** @class */ (function () {
-    function TileLayoutDraggingService(zone, renderer, localization) {
-        var _this = this;
-        this.zone = zone;
-        this.renderer = renderer;
-        this.localization = localization;
-        this.reorderable = new BehaviorSubject(null);
-        this.resizable = new BehaviorSubject(null);
-        this.reorder = new Subject();
-        this.resize = new Subject();
-        this.lastDragCursorOffset = {
-            x: 0,
-            y: 0
-        };
-        this.localizationSubscription = this.localization.changes.subscribe(function (_a) {
-            var rtl = _a.rtl;
-            return _this.rtl = rtl;
-        });
-    }
-    Object.defineProperty(TileLayoutDraggingService.prototype, "colStart", {
-        get: function () {
-            return this.currentColStart;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TileLayoutDraggingService.prototype, "rowStart", {
-        get: function () {
-            return this.currentRowStart;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TileLayoutDraggingService.prototype, "itemWrapper", {
-        get: function () {
-            return this.draggedItemWrapper;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TileLayoutDraggingService.prototype, "order", {
-        get: function () {
-            return this.targetOrder;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TileLayoutDraggingService.prototype.ngOnDestroy = function () {
-        this.localizationSubscription.unsubscribe();
-    };
-    TileLayoutDraggingService.prototype.handlePress = function (originalEvent) {
-        var _this = this;
-        var resizing = !!originalEvent.target.classList.contains('k-resize-handle');
-        var closestTile = closestInScope(originalEvent.target, function (el) { return el.classList.contains('k-tilelayout-item'); }, this.tileLayoutSettings.tileLayoutElement);
-        var closestHeader = closestInScope(originalEvent.target, function (el) { return el.classList.contains('k-tilelayout-item-header'); }, this.tileLayoutSettings.tileLayoutElement);
-        if (!closestTile) {
-            return;
-        }
-        this.zone.run(function () {
-            _this.draggedItemWrapper = closestTile;
-            _this.draggedItem = _this.tileLayoutSettings.items
-                .find(function (item) { return item.order === +closestTile.style.order; });
-        });
-        var reordering = !resizing && this.reorderable.getValue() && this.draggedItem.reorderable && closestHeader;
-        if (!(reordering || resizing)) {
-            return;
-        }
-        else {
-            originalEvent.preventDefault();
-        }
-        this.zone.run(function () {
-            _this.reordering = reordering;
-            _this.resizing = resizing;
-        });
-        var tileRect = this.draggedItemWrapper.getBoundingClientRect();
-        this.zone.run(function () {
-            _this.offset = {
-                top: originalEvent.clientY - tileRect.top,
-                left: originalEvent.clientX - tileRect.left,
-                x: tileRect.x,
-                y: tileRect.y,
-                width: tileRect.width,
-                height: tileRect.height
-            };
-            _this.targetSize = {
-                rowSpan: _this.draggedItem.rowSpan,
-                colSpan: _this.draggedItem.colSpan
-            };
-            _this.cellSize = {
-                width: (tileRect.width - ((_this.targetSize.colSpan - 1) * _this.tileLayoutSettings.gap.columns)) / _this.targetSize.colSpan,
-                height: (tileRect.height - ((_this.targetSize.rowSpan - 1) * _this.tileLayoutSettings.gap.rows)) / _this.targetSize.rowSpan
-            };
-            _this.lastDragCursorOffset = {
-                x: originalEvent.clientX,
-                y: originalEvent.clientY
-            };
-        });
-        setElementStyles(this.renderer, this.draggedItemWrapper, {
-            left: tileRect.left + window.pageXOffset + 'px',
-            top: tileRect.top + window.pageYOffset + 'px',
-            width: tileRect.width + 'px',
-            height: tileRect.height + 'px',
-            zIndex: DRAGGED_ZINDEX
-        });
-        setElementStyles(this.renderer, this.tileLayoutSettings.hintElement, {
-            display: 'flex',
-            height: (tileRect.height - HINT_BORDERS_HEIGHT) + 'px'
-        });
-        this.zone.run(function () { return _this.targetOrder = _this.draggedItem.order; });
-        setElementStyles(this.renderer, this.draggedItemWrapper, {
-            position: 'absolute'
-        });
-        if (this.reorderable.getValue() && !resizing) {
-            this.zone.run(function () {
-                _this.currentColStart = _this.draggedItem.colStart;
-                _this.currentRowStart = _this.draggedItem.rowStart;
-            });
-            var headerEl = this.draggedItem.elem.nativeElement.querySelector('.k-tilelayout-item-header');
-            this.renderer.addClass(headerEl, 'k-cursor-grabbing');
-        }
-        else if (this.resizable && resizing) {
-            this.zone.run(function () {
-                _this.startingPoint = {
-                    top: originalEvent.clientY,
-                    left: originalEvent.clientX
-                };
-                _this.currentResizingColSpan = _this.draggedItem.colSpan;
-                _this.currentResizingRowSpan = _this.draggedItem.rowSpan;
-                if (_this.draggedItem.col) {
-                    _this.currentColStart = _this.draggedItem.col.toString();
-                }
-                if (_this.draggedItem.row) {
-                    _this.currentRowStart = _this.draggedItem.row.toString();
-                }
-                _this.direction = originalEvent.target.classList[1];
-            });
-        }
-    };
-    TileLayoutDraggingService.prototype.handleDrag = function (originalEvent) {
-        if (this.draggedItemWrapper) {
-            if (this.reordering) {
-                this.reorderItems(originalEvent);
-            }
-            else if (this.resizing) {
-                this.resizeItem(originalEvent);
-            }
-            this.lastDragCursorOffset = {
-                x: originalEvent.clientX,
-                y: originalEvent.clientY
-            };
-        }
-    };
-    TileLayoutDraggingService.prototype.handleRelease = function (originalEvent) {
-        var _this = this;
-        originalEvent.preventDefault();
-        if (this.reordering) {
-            var initialOrder_1 = this.draggedItem.order;
-            var initialCol = this.draggedItem.col;
-            var initialRow = this.draggedItem.row;
-            var targetCol = normalizeValue(this.currentColStart);
-            var targetRow = normalizeValue(this.currentRowStart);
-            if (propsChanged([this.targetOrder, targetCol, targetRow], [initialOrder_1, initialCol, initialRow])) {
-                var reorderEvent = new TileLayoutReorderEvent(this.draggedItem, this.tileLayoutSettings.items, this.targetOrder, initialOrder_1, normalizeValue(this.currentColStart), initialCol, targetRow, initialRow);
-                this.reorder.next(reorderEvent);
-                if (!reorderEvent.isDefaultPrevented()) {
-                    if (this.targetOrder > initialOrder_1) {
-                        this.zone.run(function () {
-                            var _loop_1 = function (i) {
-                                _this.tileLayoutSettings.items.find(function (item) { return item.order === i; }).order = i - 1;
-                            };
-                            for (var i = initialOrder_1 + 1; i <= _this.targetOrder; i++) {
-                                _loop_1(i);
-                            }
-                        });
-                    }
-                    else {
-                        this.zone.run(function () {
-                            var _loop_2 = function (i) {
-                                _this.tileLayoutSettings.items.find(function (item) { return item.order === i; }).order = i + 1;
-                            };
-                            for (var i = _this.targetOrder; i < initialOrder_1; i++) {
-                                _loop_2(i);
-                            }
-                        });
-                    }
-                    this.draggedItem.order = this.targetOrder;
-                    if (this.draggedItem.col) {
-                        this.draggedItem.col = +this.currentColStart;
-                    }
-                    if (this.draggedItem.row) {
-                        this.draggedItem.row = +this.currentRowStart;
-                    }
-                }
-            }
-            this.tileLayoutSettings.tileLayoutElement.appendChild(this.tileLayoutSettings.hintElement);
-            this.zone.run(function () { return _this.cleanUp(); });
-        }
-        else if (!this.reordering && this.resizing) {
-            var initialRowSpan = this.draggedItem.rowSpan;
-            var initialColSpan = this.draggedItem.colSpan;
-            var _a = isRowItemPresent(this.tileLayoutSettings.items) ?
-                this.targetSpan() :
-                { targetColSpan: this.currentResizingColSpan, targetRowSpan: this.currentResizingRowSpan }, targetColSpan = _a.targetColSpan, targetRowSpan = _a.targetRowSpan;
-            if (propsChanged([initialRowSpan, initialColSpan], [targetRowSpan, targetColSpan])) {
-                var resizeEvent = new TileLayoutResizeEvent(this.draggedItem, this.tileLayoutSettings.items, targetRowSpan, initialRowSpan, targetColSpan, initialColSpan);
-                this.resize.next(resizeEvent);
-                if (!resizeEvent.isDefaultPrevented()) {
-                    this.draggedItem.colSpan = this.currentResizingColSpan;
-                    this.draggedItem.rowSpan = this.currentResizingRowSpan;
-                }
-            }
-            this.zone.run(function () { return _this.cleanUp(); });
-        }
-    };
-    TileLayoutDraggingService.prototype.reorderItems = function (event) {
-        var _this = this;
-        var targets = getDropTarget(event);
-        var closestTile = targets.find(function (t) { return t !== _this.draggedItemWrapper; });
-        var tileOrder = closestTile ? +closestTile.style.order : +this.draggedItemWrapper.style.order;
-        if (this.tileLayoutSettings.autoFlow !== 'none') {
-            var deltaX = event.clientX - this.lastDragCursorOffset.x;
-            var deltaY = event.clientY - this.lastDragCursorOffset.y;
-            var directionX = deltaX > 0 ? 'right' : deltaX < 0 ? 'left' : undefined;
-            var directionY = deltaY > 0 ? 'down' : deltaX < 0 ? 'up' : undefined;
-            var rect = this.draggedItemWrapper.getBoundingClientRect();
-            var horizontalGap = this.tileLayoutSettings.gap.columns;
-            var verticalGap = this.tileLayoutSettings.gap.rows;
-            if (directionX && this.draggedItem.col) {
-                var col = calculateCellFromPosition({
-                    x: directionX === 'right' ? rect.right - horizontalGap : rect.left + horizontalGap,
-                    y: event.clientY
-                }, this.tileLayoutSettings.tileLayoutElement, this.tileLayoutSettings.gap, this.cellSize, this.tileLayoutSettings.columns, this.rtl).col;
-                var targetStartCol = this.getTargetCol(col, directionX);
-                this.currentColStart = targetStartCol.toString();
-            }
-            if (directionY && this.draggedItem.row) {
-                var row = calculateCellFromPosition({
-                    x: event.clientX,
-                    y: directionY === 'down' ? rect.bottom - verticalGap : rect.top + verticalGap
-                }, this.tileLayoutSettings.tileLayoutElement, this.tileLayoutSettings.gap, this.cellSize, this.tileLayoutSettings.columns, this.rtl).row;
-                var targetStartRow = this.getTargetRow(row, directionY);
-                this.currentRowStart = targetStartRow.toString();
-            }
-        }
-        var hintBefore = tileOrder < this.targetOrder;
-        var hintAfter = tileOrder > this.targetOrder;
-        this.zone.run(function () { return _this.targetOrder = tileOrder; });
-        if (hintBefore) {
-            this.tileLayoutSettings.tileLayoutElement
-                .insertBefore(this.tileLayoutSettings.hintElement, this.tileLayoutSettings.tileLayoutElement.firstChild);
-        }
-        else if (hintAfter) {
-            this.tileLayoutSettings.tileLayoutElement.appendChild(this.tileLayoutSettings.hintElement);
-        }
-        setElementStyles(this.renderer, this.draggedItemWrapper, {
-            top: (event.pageY - this.offset.top) + 'px',
-            left: (event.pageX - this.offset.left) + 'px'
-        });
-    };
-    TileLayoutDraggingService.prototype.resizeItem = function (event) {
-        var _this = this;
-        setElementStyles(this.renderer, this.tileLayoutSettings.tileLayoutElement, {
-            cursor: this.direction.split('k-cursor-')[1]
-        });
-        var currentWidth = this.rtl ?
-            this.offset.width + (this.offset.x - event.clientX) :
-            this.offset.width + (event.clientX - this.startingPoint.left);
-        var currentHeight = this.offset.height + (event.clientY - this.startingPoint.top);
-        var hintRect = this.tileLayoutSettings.hintElement.getBoundingClientRect();
-        var hintWidth = hintRect.width;
-        var hintHeight = hintRect.height;
-        var horizontalDragDirection = event.clientX - this.lastDragCursorOffset.x;
-        var verticalDragDirection = event.clientY - this.lastDragCursorOffset.y;
-        var startCol = this.draggedItem.col ? this.draggedItem.col : calculateCellFromPosition({
-            x: this.rtl ? hintRect.right : hintRect.x,
-            y: hintRect.y
-        }, this.tileLayoutSettings.tileLayoutElement, this.tileLayoutSettings.gap, this.cellSize, this.tileLayoutSettings.columns, this.rtl).col;
-        var maxWidth = (this.tileLayoutSettings.columns - startCol) * (this.cellSize.width + this.tileLayoutSettings.gap.columns) + this.cellSize.width;
-        var resizeHorizontally = function () {
-            setElementStyles(_this.renderer, _this.draggedItemWrapper, {
-                width: Math.min(Math.max(currentWidth, _this.cellSize.width), maxWidth) + 'px'
-            });
-            if (_this.rtl && currentWidth > _this.cellSize.width) {
-                var totalWidth = _this.tileLayoutSettings.columns * (_this.cellSize.width + _this.tileLayoutSettings.gap.columns);
-                var leftBoundary = _this.tileLayoutSettings.tileLayoutElement.getBoundingClientRect().right - totalWidth;
-                setElementStyles(_this.renderer, _this.draggedItemWrapper, {
-                    left: Math.max(event.clientX, leftBoundary) + 'px'
-                });
-            }
-            var deltaX = currentWidth - hintWidth;
-            var _a = _this.draggedItem.elem.nativeElement.getBoundingClientRect(), x = _a.x, y = _a.y, right = _a.right;
-            var col = calculateCellFromPosition({ x: (_this.rtl ? right : x), y: y }, _this.tileLayoutSettings.tileLayoutElement, _this.tileLayoutSettings.gap, _this.cellSize, _this.tileLayoutSettings.columns, _this.rtl).col;
-            var resizedColSpan = col + _this.currentResizingColSpan;
-            var expandingCondition = _this.rtl ? horizontalDragDirection < 0 : horizontalDragDirection > 0;
-            var shrinkingCondition = _this.rtl ? horizontalDragDirection > 0 : horizontalDragDirection < 0;
-            if (deltaX > OVERLAP_THRESHOLD * _this.cellSize.width &&
-                expandingCondition &&
-                resizedColSpan <= _this.tileLayoutSettings.columns) {
-                _this.currentResizingColSpan++;
-            }
-            else if (_this.currentResizingColSpan > 1 &&
-                shrinkingCondition &&
-                deltaX < REVERSE_OVERLAP_THRESHOLD * _this.cellSize.width) {
-                _this.currentResizingColSpan--;
-            }
-            setElementStyles(_this.renderer, _this.tileLayoutSettings.hintElement, {
-                gridColumnEnd: "span " + _this.currentResizingColSpan
-            });
-        };
-        var resizeVertically = function () {
-            setElementStyles(_this.renderer, _this.draggedItemWrapper, {
-                height: Math.max(currentHeight, _this.cellSize.height) + 'px'
-            });
-            var deltaY = currentHeight - hintHeight;
-            if (deltaY > OVERLAP_THRESHOLD * _this.cellSize.height && verticalDragDirection > 0) {
-                _this.currentResizingRowSpan++;
-            }
-            else if (_this.currentResizingRowSpan > 1 &&
-                verticalDragDirection < 0 && deltaY < REVERSE_OVERLAP_THRESHOLD * _this.cellSize.height) {
-                _this.currentResizingRowSpan--;
-            }
-            setElementStyles(_this.renderer, _this.tileLayoutSettings.hintElement, {
-                gridRowEnd: "span " + _this.currentResizingRowSpan
-            });
-            setElementStyles(_this.renderer, _this.tileLayoutSettings.hintElement, {
-                height: _this.calculateHintHeight() + "px"
-            });
-        };
-        if (this.direction.indexOf('ew') > -1) {
-            resizeHorizontally();
-        }
-        else if (this.direction.indexOf('ns') > -1) {
-            resizeVertically();
-        }
-        else {
-            resizeHorizontally();
-            resizeVertically();
-        }
-    };
-    TileLayoutDraggingService.prototype.cleanUp = function () {
-        this.targetOrder = this.currentResizingColSpan = this.currentColStart = this.currentResizingRowSpan = this.currentRowStart = undefined;
-        this.resizing = this.reordering = false;
-        this.direction = null;
-        if (this.draggedItemWrapper) {
-            var grabHandle = this.draggedItemWrapper.querySelector('.k-cursor-grab');
-            if (grabHandle) {
-                this.renderer.removeClass(grabHandle, 'k-cursor-grabbing');
-            }
-            setElementStyles(this.renderer, this.draggedItemWrapper, {
-                top: '',
-                left: '',
-                display: '',
-                width: '',
-                height: '',
-                zIndex: '',
-                position: ''
-            });
-            setElementStyles(this.renderer, this.tileLayoutSettings.hintElement, {
-                display: 'none',
-                height: 'auto'
-            });
-            setElementStyles(this.renderer, this.tileLayoutSettings.tileLayoutElement, {
-                cursor: 'default'
-            });
-            this.draggedItemWrapper =
-                this.offset =
-                    this.draggedItem =
-                        this.resizing =
-                            this.reordering =
-                                this.currentResizingColSpan =
-                                    this.currentResizingRowSpan =
-                                        this.startingPoint = undefined;
-            this.lastDragCursorOffset = {
-                x: 0,
-                y: 0
-            };
-        }
-    };
-    TileLayoutDraggingService.prototype.targetSpan = function () {
-        var itemRect = this.draggedItem.elem.nativeElement.getBoundingClientRect();
-        var startingCell = calculateCellFromPosition({ x: this.rtl ? itemRect.right : itemRect.x, y: itemRect.y }, this.tileLayoutSettings.tileLayoutElement, this.tileLayoutSettings.gap, this.cellSize, this.tileLayoutSettings.columns, this.rtl);
-        var targetEndCell = calculateCellFromPosition({
-            x: this.rtl ? itemRect.x + OVERLAP_THRESHOLD * this.cellSize.width : itemRect.right - OVERLAP_THRESHOLD * this.cellSize.width,
-            y: itemRect.bottom - OVERLAP_THRESHOLD * this.cellSize.height
-        }, this.tileLayoutSettings.tileLayoutElement, this.tileLayoutSettings.gap, this.cellSize, this.tileLayoutSettings.columns, this.rtl);
-        return {
-            targetColSpan: targetEndCell.col - startingCell.col + 1,
-            targetRowSpan: targetEndCell.row - startingCell.row + 1
-        };
-    };
-    TileLayoutDraggingService.prototype.getTargetCol = function (col, direction) {
-        if (this.rtl) {
-            return direction === 'left' ? col - this.draggedItem.colSpan + 1 : col;
-        }
-        return direction === 'right' ? col - this.draggedItem.colSpan + 1 : col;
-    };
-    TileLayoutDraggingService.prototype.getTargetRow = function (row, direction) {
-        return direction === 'down' ? row - this.draggedItem.rowSpan + 1 : row;
-    };
-    TileLayoutDraggingService.prototype.calculateHintHeight = function () {
-        var totalHintCellsHeight = this.currentResizingRowSpan * this.cellSize.height;
-        var totalHintGapsHeight = (this.currentResizingRowSpan - 1) * this.tileLayoutSettings.gap.rows;
-        var hintHeight = totalHintCellsHeight + totalHintGapsHeight - HINT_BORDERS_HEIGHT;
-        return hintHeight;
-    };
-    TileLayoutDraggingService = tslib_1.__decorate([
-        Injectable(),
-        tslib_1.__metadata("design:paramtypes", [NgZone,
-            Renderer2,
-            LocalizationService])
-    ], TileLayoutDraggingService);
-    return TileLayoutDraggingService;
-}());
-export { TileLayoutDraggingService };