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

package/dist/npm/tilelayout/models/flowmode.type.js

@@ -1,6 +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 });

package/dist/npm/tilelayout/models/gap.interface.js

@@ -1,6 +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 });

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

@@ -1,31 +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
- */
-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;
-}());
-exports.PreventableEvent = PreventableEvent;

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

@@ -1,41 +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 preventable_event_1 = require("./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;
-}(preventable_event_1.PreventableEvent));
-exports.TileLayoutReorderEvent = TileLayoutReorderEvent;

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

@@ -1,37 +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 preventable_event_1 = require("./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;
-}(preventable_event_1.PreventableEvent));
-exports.TileLayoutResizeEvent = TileLayoutResizeEvent;

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

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

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

@@ -1,57 +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 dragging_service_1 = require("./dragging-service");
-var core_1 = require("@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([
-        core_1.HostBinding('class.k-tilelayout-item-header'),
-        core_1.HostBinding('class.k-card-header'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TileLayoutItemHeaderComponent.prototype, "hostClass", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-touch-action-none'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TileLayoutItemHeaderComponent.prototype, "touchActionNone", null);
-    tslib_1.__decorate([
-        core_1.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([
-        core_1.Component({
-            selector: 'kendo-tilelayout-item-header',
-            template: "\n        <ng-content></ng-content>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [dragging_service_1.TileLayoutDraggingService])
-    ], TileLayoutItemHeaderComponent);
-    return TileLayoutItemHeaderComponent;
-}());
-exports.TileLayoutItemHeaderComponent = TileLayoutItemHeaderComponent;

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

@@ -1,200 +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 kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var rxjs_1 = require("rxjs");
-var dragging_service_1 = require("./dragging-service");
-var util_1 = require("./../common/util");
-var constants_1 = require("./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 rxjs_1.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 ? constants_1.RTL_RESIZE_DIRECTIONS : constants_1.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 util_1.isPresent(this.col) ? this.col.toString() : undefined;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TileLayoutItemComponent.prototype, "rowStart", {
-        get: function () {
-            return util_1.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 ? constants_1.RTL_RESIZE_DIRECTIONS : constants_1.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([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TileLayoutItemComponent.prototype, "title", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], TileLayoutItemComponent.prototype, "rowSpan", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], TileLayoutItemComponent.prototype, "colSpan", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [Number])
-    ], TileLayoutItemComponent.prototype, "order", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], TileLayoutItemComponent.prototype, "col", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], TileLayoutItemComponent.prototype, "row", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TileLayoutItemComponent.prototype, "reorderable", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TileLayoutItemComponent.prototype, "resizable", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-tilelayout-item'),
-        core_1.HostBinding('class.k-card'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TileLayoutItemComponent.prototype, "itemClass", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('style.grid-column-end'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TileLayoutItemComponent.prototype, "colEnd", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('style.grid-row-end'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TileLayoutItemComponent.prototype, "rowEnd", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('style.grid-column-start'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TileLayoutItemComponent.prototype, "colStart", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('style.grid-row-start'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TileLayoutItemComponent.prototype, "rowStart", null);
-    TileLayoutItemComponent = tslib_1.__decorate([
-        core_1.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", [core_1.ElementRef,
-            core_1.Renderer2,
-            kendo_angular_l10n_1.LocalizationService,
-            dragging_service_1.TileLayoutDraggingService])
-    ], TileLayoutItemComponent);
-    return TileLayoutItemComponent;
-}());
-exports.TileLayoutItemComponent = TileLayoutItemComponent;

package/dist/npm/tilelayout/tilelayout-resize-handle.directive.js

@@ -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
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var constants_1 = require("./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', -constants_1.RESIZE_HANDLE_DIMENSIONS[this.resizeDirection].overlapX + 'px');
-    };
-    TileLayoutResizeHandleDirective.prototype.setBottom = function (element) {
-        this.renderer.setStyle(element, 'bottom', -constants_1.RESIZE_HANDLE_DIMENSIONS[this.resizeDirection].overlapY + 'px');
-    };
-    TileLayoutResizeHandleDirective.prototype.sizeHandle = function () {
-        var element = this.el.nativeElement;
-        var handleWidth = constants_1.RESIZE_HANDLE_DIMENSIONS[this.resizeDirection].width ?
-            constants_1.RESIZE_HANDLE_DIMENSIONS[this.resizeDirection].width + "px" : '100%';
-        var handleHeight = constants_1.RESIZE_HANDLE_DIMENSIONS[this.resizeDirection].height ?
-            constants_1.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([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TileLayoutResizeHandleDirective.prototype, "resizeDirection", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TileLayoutResizeHandleDirective.prototype, "rtl", void 0);
-    TileLayoutResizeHandleDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoTileLayoutResizeHandle]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
-            core_1.Renderer2])
-    ], TileLayoutResizeHandleDirective);
-    return TileLayoutResizeHandleDirective;
-}());
-exports.TileLayoutResizeHandleDirective = TileLayoutResizeHandleDirective;