@progress/kendo-angular-layout 6.5.2 → 7.0.0-next.202203231147

package/dist/es/tilelayout/preventable-event.js

@@ -1,29 +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
- */
-var PreventableEvent = /** @class */ (function () {
-    function PreventableEvent() {
-        this.prevented = false;
-    }
-    /**
-     * Prevents the default action for a specified event.
-     * In this way, the source component suppresses the built-in behavior that follows the event.
-     */
-    PreventableEvent.prototype.preventDefault = function () {
-        this.prevented = true;
-    };
-    /**
-     * If the event is prevented by any of its subscribers, returns `true`.
-     *
-     * @returns `true` if the default action was prevented. Otherwise, returns `false`.
-     */
-    PreventableEvent.prototype.isDefaultPrevented = function () {
-        return this.prevented;
-    };
-    return PreventableEvent;
-}());
-export { PreventableEvent };

package/dist/es/tilelayout/reorder-event.js

@@ -1,39 +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 { PreventableEvent } from './preventable-event';
-/**
- * Arguments for the `reorder` event. The event fires when the order or starting
- * positions of the items is changed via the UI. If you prevent the event, the change is canceled ([see example]({% slug reordering_tilelayout %}#toc-handling-the-reorder-event)).
- */
-var TileLayoutReorderEvent = /** @class */ (function (_super) {
-    tslib_1.__extends(TileLayoutReorderEvent, _super);
-    /**
-     * Constructs the event arguments for the `reorder` event.
-     * @param item - The TileLayoutItem being reordered.
-     * @param items - The TileLayoutItem collection that holds the currently rendered items and their internal state.
-     * @param newIndex - The new order index of the reordered item used to determine its positioning relative to the other items.
-     * @param oldIndex - The initial order index of the reordered item used to determine its positioning relative to the other items.
-     * @param newCol - The new start column of the reordered item.
-     * @param oldCol - The initial start column of the reordered item.
-     * @param newRow - The new start row of the reordered item.
-     * @param oldRow - The initial start row of the reordered item.
-     * @hidden
-     */
-    function TileLayoutReorderEvent(item, items, newIndex, oldIndex, newCol, oldCol, newRow, oldRow) {
-        var _this = _super.call(this) || this;
-        _this.item = item;
-        _this.items = items;
-        _this.newIndex = newIndex;
-        _this.oldIndex = oldIndex;
-        _this.newCol = newCol;
-        _this.oldCol = oldCol;
-        _this.newRow = newRow;
-        _this.oldRow = oldRow;
-        return _this;
-    }
-    return TileLayoutReorderEvent;
-}(PreventableEvent));
-export { TileLayoutReorderEvent };

package/dist/es/tilelayout/resize-event.js

@@ -1,35 +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 { PreventableEvent } from './preventable-event';
-/**
- * Arguments for the `resize` event. The `resize` event fires when any item size
- * is changed from the UI. If you cancel the event, the change is prevented ([see example]({% slug resizing_tilelayout %}#toc-handling-the-resize-event)).
- */
-var TileLayoutResizeEvent = /** @class */ (function (_super) {
-    tslib_1.__extends(TileLayoutResizeEvent, _super);
-    /**
-     * Constructs the event arguments for the `resize` event.
-     * @param item - The TileLayoutItem being resized
-     * @param items - The TileLayoutItem collection
-     * @param newRowSpan - The new rowSpan of the resized item
-     * @param oldRowSpan - The initial rowSpan of the resized item
-     * @param newColSpan - The new colSpan of the resized item
-     * @param oldColSpan - The initial colSpan of the resized item
-     * @hidden
-     */
-    function TileLayoutResizeEvent(item, items, newRowSpan, oldRowSpan, newColSpan, oldColSpan) {
-        var _this = _super.call(this) || this;
-        _this.item = item;
-        _this.items = items;
-        _this.newRowSpan = newRowSpan;
-        _this.oldRowSpan = oldRowSpan;
-        _this.newColSpan = newColSpan;
-        _this.oldColSpan = oldColSpan;
-        return _this;
-    }
-    return TileLayoutResizeEvent;
-}(PreventableEvent));
-export { TileLayoutResizeEvent };

package/dist/es/tilelayout/tilelayout-item-body.component.js

@@ -1,32 +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, HostBinding } from '@angular/core';
-/**
- * Holds the main content of the TileLayoutItem component.
- */
-var TileLayoutItemBodyComponent = /** @class */ (function () {
-    function TileLayoutItemBodyComponent() {
-        this.hostClass = true;
-        this.minHeight = 0;
-    }
-    tslib_1.__decorate([
-        HostBinding('class.k-tilelayout-item-body'),
-        HostBinding('class.k-card-body'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TileLayoutItemBodyComponent.prototype, "hostClass", void 0);
-    tslib_1.__decorate([
-        HostBinding('style.min-height'),
-        tslib_1.__metadata("design:type", Number)
-    ], TileLayoutItemBodyComponent.prototype, "minHeight", void 0);
-    TileLayoutItemBodyComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-tilelayout-item-body',
-            template: "\n        <ng-content></ng-content>\n    "
-        })
-    ], TileLayoutItemBodyComponent);
-    return TileLayoutItemBodyComponent;
-}());
-export { TileLayoutItemBodyComponent };

package/dist/es/tilelayout/tilelayout-item-header.component.js

@@ -1,55 +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 { TileLayoutDraggingService } from './dragging-service';
-import { Component, HostBinding } from '@angular/core';
-/**
- * Holds the content of the header section of the TileLayoutItem component.
- * This is the area which can be dragged to reorder the items if reordering is enabled for this item.
- */
-var TileLayoutItemHeaderComponent = /** @class */ (function () {
-    function TileLayoutItemHeaderComponent(draggingService) {
-        this.draggingService = draggingService;
-        this.hostClass = true;
-    }
-    Object.defineProperty(TileLayoutItemHeaderComponent.prototype, "touchActionNone", {
-        get: function () {
-            return this.draggingService.reorderable.getValue();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TileLayoutItemHeaderComponent.prototype, "touchActionAuto", {
-        get: function () {
-            return !this.draggingService.reorderable.getValue();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    tslib_1.__decorate([
-        HostBinding('class.k-tilelayout-item-header'),
-        HostBinding('class.k-card-header'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TileLayoutItemHeaderComponent.prototype, "hostClass", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-touch-action-none'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TileLayoutItemHeaderComponent.prototype, "touchActionNone", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-touch-action-auto'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TileLayoutItemHeaderComponent.prototype, "touchActionAuto", null);
-    TileLayoutItemHeaderComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-tilelayout-item-header',
-            template: "\n        <ng-content></ng-content>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [TileLayoutDraggingService])
-    ], TileLayoutItemHeaderComponent);
-    return TileLayoutItemHeaderComponent;
-}());
-export { TileLayoutItemHeaderComponent };

package/dist/es/tilelayout/tilelayout-item.component.js

@@ -1,198 +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, ElementRef, HostBinding, Input, Renderer2 } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Subscription } from 'rxjs';
-import { TileLayoutDraggingService } from './dragging-service';
-import { isPresent } from './../common/util';
-import { RESIZE_DIRECTIONS, RTL_RESIZE_DIRECTIONS } from './constants';
-/**
- * Represents a tile item within the TileLayoutComponent.
- */
-var TileLayoutItemComponent = /** @class */ (function () {
-    function TileLayoutItemComponent(elem, renderer, localization, draggingService) {
-        var _this = this;
-        this.elem = elem;
-        this.renderer = renderer;
-        this.localization = localization;
-        this.draggingService = draggingService;
-        /**
-         * Determines how many rows will the tile item span ([see example]({% slug tiles_tilelayout %}#toc-tile-size-and-position)).
-         * @default 1
-         */
-        this.rowSpan = 1;
-        /**
-         * Determines how many columns will the tile item span ([see example]({% slug tiles_tilelayout %}#toc-tile-size-and-position)).
-         * @default 1
-         */
-        this.colSpan = 1;
-        /**
-         * Determines whether the item can be reordered. By default all items are reorderable when the [reorderable]({% slug api_layout_tilelayoutcomponent %}#toc-reorderable) property of the TileLayoutComponent is set to `true` ([see example]({% slug reordering_tilelayout %}#toc-disable-reordering)).
-         *
-         * @default true
-         */
-        this.reorderable = true;
-        /**
-         * Determines whether the item can be resized. By default all items are resizable when the [resizable]({% slug api_layout_tilelayoutcomponent %}#resizable) property of the TileLayoutComponent is set to `true` ([see example]({% slug resizing_tilelayout %}#toc-disable-resizing)).
-         * @default true
-         */
-        this.resizable = true;
-        this.itemClass = true;
-        this.subs = new Subscription();
-        this.subs.add(this.localization.changes.subscribe(function (_a) {
-            var rtl = _a.rtl;
-            _this.rtl = rtl;
-        }));
-        this.subs.add(this.draggingService.resizable.subscribe(function (resizable) {
-            _this.resizeDirections = resizable && _this.resizable ?
-                _this.rtl ? RTL_RESIZE_DIRECTIONS : RESIZE_DIRECTIONS : undefined;
-        }));
-    }
-    Object.defineProperty(TileLayoutItemComponent.prototype, "order", {
-        get: function () {
-            return this._order;
-        },
-        /**
-         * Determines the order of the tile items within the TileLayout.
-         * If not set, the items will receive increasing sequential order in accordance with
-         * their position in the DOM when initially rendered.
-         */
-        set: function (value) {
-            this._order = value;
-            this.renderer.setStyle(this.elem.nativeElement, 'order', "" + this._order);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TileLayoutItemComponent.prototype, "colEnd", {
-        get: function () {
-            return "span " + this.colSpan;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TileLayoutItemComponent.prototype, "rowEnd", {
-        get: function () {
-            return "span " + this.rowSpan;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TileLayoutItemComponent.prototype, "colStart", {
-        get: function () {
-            return isPresent(this.col) ? this.col.toString() : undefined;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TileLayoutItemComponent.prototype, "rowStart", {
-        get: function () {
-            return isPresent(this.row) ? this.row.toString() : undefined;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TileLayoutItemComponent.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        this.subs.add(this.draggingService.reorderable.subscribe(function (reorderable) {
-            _this.toggleCursorClass(reorderable && _this.reorderable);
-        }));
-    };
-    TileLayoutItemComponent.prototype.ngOnChanges = function (changes) {
-        if (changes.reorderable && !changes.reorderable.firstChange) {
-            this.toggleCursorClass(changes.reorderable.currentValue && this.draggingService.reorderable.getValue());
-        }
-        if (changes.resizable) {
-            this.resizeDirections = this.resizable && this.draggingService.resizable.getValue() ?
-                this.rtl ? RTL_RESIZE_DIRECTIONS : RESIZE_DIRECTIONS : undefined;
-        }
-    };
-    TileLayoutItemComponent.prototype.ngOnDestroy = function () {
-        this.subs.unsubscribe();
-    };
-    TileLayoutItemComponent.prototype.toggleCursorClass = function (isReorderable) {
-        var headerEl = this.elem.nativeElement.querySelector('.k-tilelayout-item-header');
-        if (!headerEl) {
-            return;
-        }
-        if (isReorderable) {
-            this.renderer.addClass(headerEl, 'k-cursor-grab');
-        }
-        else {
-            this.renderer.removeClass(headerEl, 'k-cursor-grab');
-        }
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TileLayoutItemComponent.prototype, "title", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], TileLayoutItemComponent.prototype, "rowSpan", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], TileLayoutItemComponent.prototype, "colSpan", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [Number])
-    ], TileLayoutItemComponent.prototype, "order", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], TileLayoutItemComponent.prototype, "col", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], TileLayoutItemComponent.prototype, "row", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TileLayoutItemComponent.prototype, "reorderable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TileLayoutItemComponent.prototype, "resizable", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-tilelayout-item'),
-        HostBinding('class.k-card'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TileLayoutItemComponent.prototype, "itemClass", void 0);
-    tslib_1.__decorate([
-        HostBinding('style.grid-column-end'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TileLayoutItemComponent.prototype, "colEnd", null);
-    tslib_1.__decorate([
-        HostBinding('style.grid-row-end'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TileLayoutItemComponent.prototype, "rowEnd", null);
-    tslib_1.__decorate([
-        HostBinding('style.grid-column-start'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TileLayoutItemComponent.prototype, "colStart", null);
-    tslib_1.__decorate([
-        HostBinding('style.grid-row-start'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TileLayoutItemComponent.prototype, "rowStart", null);
-    TileLayoutItemComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-tilelayout-item',
-            template: "\n        <kendo-tilelayout-item-header *ngIf=\"title\">\n            <h5 class=\"k-card-title\">{{ title }}</h5>\n        </kendo-tilelayout-item-header>\n        <ng-content></ng-content>\n        <ng-container *ngIf=\"resizable\">\n            <div\n                *ngFor=\"let dir of resizeDirections\"\n                class=\"k-resize-handle k-cursor-{{dir}}-resize k-touch-action-none\"\n                kendoTileLayoutResizeHandle\n                [rtl]=\"rtl\"\n                [resizeDirection]=\"dir\">\n            </div>\n        </ng-container>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [ElementRef,
-            Renderer2,
-            LocalizationService,
-            TileLayoutDraggingService])
-    ], TileLayoutItemComponent);
-    return TileLayoutItemComponent;
-}());
-export { TileLayoutItemComponent };

package/dist/es/tilelayout/tilelayout-resize-handle.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, ElementRef, Input, Renderer2 } from '@angular/core';
-import { RESIZE_HANDLE_DIMENSIONS } from './constants';
-/**
- * @hidden
- */
-var TileLayoutResizeHandleDirective = /** @class */ (function () {
-    function TileLayoutResizeHandleDirective(el, renderer) {
-        this.el = el;
-        this.renderer = renderer;
-    }
-    TileLayoutResizeHandleDirective.prototype.ngOnInit = function () {
-        this.sizeHandle();
-    };
-    TileLayoutResizeHandleDirective.prototype.setHorizontalPosition = function (element) {
-        this.renderer.setStyle(element, this.rtl ? 'left' : 'right', -RESIZE_HANDLE_DIMENSIONS[this.resizeDirection].overlapX + 'px');
-    };
-    TileLayoutResizeHandleDirective.prototype.setBottom = function (element) {
-        this.renderer.setStyle(element, 'bottom', -RESIZE_HANDLE_DIMENSIONS[this.resizeDirection].overlapY + 'px');
-    };
-    TileLayoutResizeHandleDirective.prototype.sizeHandle = function () {
-        var element = this.el.nativeElement;
-        var handleWidth = RESIZE_HANDLE_DIMENSIONS[this.resizeDirection].width ?
-            RESIZE_HANDLE_DIMENSIONS[this.resizeDirection].width + "px" : '100%';
-        var handleHeight = RESIZE_HANDLE_DIMENSIONS[this.resizeDirection].height ?
-            RESIZE_HANDLE_DIMENSIONS[this.resizeDirection].height + "px" : '100%';
-        this.renderer.setStyle(element, 'width', handleWidth);
-        this.renderer.setStyle(element, 'height', handleHeight);
-        if (this.resizeDirection === 'ew') {
-            this.setHorizontalPosition(element);
-        }
-        else if (this.resizeDirection === 'ns') {
-            this.setBottom(element);
-        }
-        else {
-            this.setHorizontalPosition(element);
-            this.setBottom(element);
-        }
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TileLayoutResizeHandleDirective.prototype, "resizeDirection", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TileLayoutResizeHandleDirective.prototype, "rtl", void 0);
-    TileLayoutResizeHandleDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoTileLayoutResizeHandle]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [ElementRef,
-            Renderer2])
-    ], TileLayoutResizeHandleDirective);
-    return TileLayoutResizeHandleDirective;
-}());
-export { TileLayoutResizeHandleDirective };