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

package/dist/es/splitter/splitter-bar.component.js

@@ -1,282 +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, Host, HostBinding, HostListener, Input } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { DraggableDirective, Keys } from '@progress/kendo-angular-common';
-import { SplitterService } from './splitter.service';
-import { Subscription, of } from 'rxjs';
-import { delay, filter, map, switchMap, takeUntil, tap } from 'rxjs/operators';
-var stopPropagation = function (_a) {
-    var event = _a.originalEvent;
-    event.stopPropagation();
-    event.preventDefault();
-};
-var ɵ0 = stopPropagation;
-var preventOnDblClick = function (release) { return function (mouseDown) {
-    return of(mouseDown).pipe(delay(150), takeUntil(release));
-}; };
-var ɵ1 = preventOnDblClick;
-var classFromObject = function (classes) { return Object.keys(classes).filter(function (c) { return classes[c]; }).join(' '); };
-var ɵ2 = classFromObject;
-var createMoveStream = function (draggable) { return function (mouseDown) {
-    return draggable.kendoDrag
-        .pipe(takeUntil(draggable.kendoRelease), map(function (_a) {
-        var pageX = _a.pageX, pageY = _a.pageY;
-        return ({
-            originalX: mouseDown.pageX,
-            originalY: mouseDown.pageY,
-            pageX: pageX,
-            pageY: pageY
-        });
-    }));
-}; };
-var ɵ3 = createMoveStream;
-/**
- * @hidden
- */
-var SplitterBarComponent = /** @class */ (function () {
-    function SplitterBarComponent(draggable, element, splitter, localization) {
-        this.draggable = draggable;
-        this.element = element;
-        this.splitter = splitter;
-        this.localization = localization;
-        this.orientation = 'horizontal';
-        this.index = 0;
-        this.ariaRole = 'separator';
-        this.focused = false;
-        this.subscriptions = new Subscription();
-    }
-    Object.defineProperty(SplitterBarComponent.prototype, "direction", {
-        get: function () {
-            return this.localization.rtl ? 'rtl' : 'ltr';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SplitterBarComponent.prototype, "tabIndex", {
-        get: function () {
-            return this.splitter.isStatic(this.index) ? -1 : 0;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SplitterBarComponent.prototype, "hostClasses", {
-        get: function () {
-            var isHorizontal = this.orientation === 'horizontal';
-            var isDraggable = this.splitter.isDraggable(this.index);
-            var isStatic = this.splitter.isStatic(this.index);
-            return classFromObject({
-                'k-state-focused': this.focused,
-                'k-splitbar': true,
-                'k-splitbar-horizontal': isHorizontal,
-                'k-splitbar-vertical': !isHorizontal,
-                'k-splitbar-draggable-horizontal': isHorizontal && isDraggable,
-                'k-splitbar-draggable-vertical': !isHorizontal && isDraggable,
-                'k-splitbar-static-horizontal': isHorizontal && isStatic,
-                'k-splitbar-static-vertical': !isHorizontal && isStatic,
-                'k-touch-action-none': isDraggable
-            });
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SplitterBarComponent.prototype, "order", {
-        get: function () {
-            return 2 * this.index + 1;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SplitterBarComponent.prototype.collapseAny = function () {
-        if (this.expandLast) {
-            this.toggleNext();
-        }
-        else {
-            this.tryToggleNearest();
-        }
-    };
-    SplitterBarComponent.prototype.onFocusIn = function () {
-        this.focused = true;
-    };
-    SplitterBarComponent.prototype.onFocusOut = function () {
-        this.focused = false;
-    };
-    SplitterBarComponent.prototype.onKeyDown = function (event) {
-        var _this = this;
-        var keyCode = event && event.keyCode;
-        var isHorizontal = this.orientation === 'horizontal';
-        var resize = function (delta) {
-            event.preventDefault();
-            var state = _this.splitter.dragState(_this.index);
-            _this.splitter.setSize(state, delta);
-        };
-        if (keyCode === Keys.Enter) {
-            event.preventDefault();
-            this.collapseAny();
-        }
-        else if (isHorizontal && keyCode === Keys.ArrowLeft) {
-            resize(-10);
-        }
-        else if (isHorizontal && keyCode === Keys.ArrowRight) {
-            resize(10);
-        }
-        else if (!isHorizontal && keyCode === Keys.ArrowUp) {
-            resize(-10);
-        }
-        else if (!isHorizontal && keyCode === Keys.ArrowDown) {
-            resize(10);
-        }
-    };
-    Object.defineProperty(SplitterBarComponent.prototype, "expandLast", {
-        get: function () {
-            var panes = this.splitter.panes;
-            return panes.length === 2 && panes[1].collapsed;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SplitterBarComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        var state;
-        var listener = this.draggable.kendoPress.pipe(tap(stopPropagation), filter(function () { return _this.splitter.isDraggable(_this.index); }), tap(function () { return state = _this.splitter.dragState(_this.index); }), tap(function () { return _this.splitter.toggleContentOverlay(_this.index, true); }), switchMap(preventOnDblClick(this.draggable.kendoRelease)), switchMap(createMoveStream(this.draggable))).subscribe(function (_a) {
-            var pageX = _a.pageX, pageY = _a.pageY, originalX = _a.originalX, originalY = _a.originalY;
-            var delta;
-            if (_this.orientation === 'vertical') {
-                delta = pageY - originalY;
-            }
-            else if (_this.direction === 'rtl') {
-                delta = originalX - pageX;
-            }
-            else {
-                delta = pageX - originalX;
-            }
-            _this.splitter.setSize(state, delta);
-        });
-        this.subscriptions.add(listener);
-        this.subscriptions.add(this.draggable.kendoRelease.subscribe(function () { return _this.splitter.toggleContentOverlay(_this.index, false); }));
-    };
-    SplitterBarComponent.prototype.ngOnDestroy = function () {
-        if (this.subscriptions) {
-            this.subscriptions.unsubscribe();
-        }
-    };
-    SplitterBarComponent.prototype.togglePrevious = function () {
-        this.splitter.tryToggle(this.index);
-    };
-    SplitterBarComponent.prototype.toggleNext = function () {
-        this.splitter.tryToggle(this.index + 1);
-    };
-    SplitterBarComponent.prototype.previousArrowClass = function () {
-        var pane = this.splitter.pane(this.index);
-        var nextPane = this.splitter.pane(this.index + 1);
-        var isCollapsible = pane.collapsible;
-        var isCollapsed = pane.collapsed;
-        var isHorizontal = this.orientation === 'horizontal';
-        return classFromObject({
-            'k-icon': true,
-            'k-hidden': !isCollapsible || nextPane.isHidden,
-            'k-collapse-prev': isCollapsible,
-            'k-i-arrow-60-left': isCollapsible && isHorizontal && !isCollapsed,
-            'k-i-arrow-60-right': isCollapsible && isHorizontal && isCollapsed,
-            'k-i-arrow-60-up': isCollapsible && !isHorizontal && !isCollapsed,
-            'k-i-arrow-60-down': isCollapsible && !isHorizontal && isCollapsed
-        });
-    };
-    SplitterBarComponent.prototype.nextArrowClass = function () {
-        var pane = this.splitter.pane(this.index + 1);
-        var prevPane = this.splitter.pane(this.index);
-        var isCollapsible = pane.collapsible;
-        var isCollapsed = pane.collapsed;
-        var isHorizontal = this.orientation === 'horizontal';
-        return classFromObject({
-            'k-icon': true,
-            'k-hidden': !isCollapsible || prevPane.isHidden,
-            'k-collapse-next': isCollapsible,
-            'k-i-arrow-60-right': isCollapsible && isHorizontal && !isCollapsed,
-            'k-i-arrow-60-left': isCollapsible && isHorizontal && isCollapsed,
-            'k-i-arrow-60-down': isCollapsible && !isHorizontal && !isCollapsed,
-            'k-i-arrow-60-up': isCollapsible && !isHorizontal && isCollapsed
-        });
-    };
-    SplitterBarComponent.prototype.tryToggleNearest = function () {
-        var prev = this.index;
-        var next = this.index + 1;
-        if (!this.splitter.tryToggle(prev)) {
-            this.splitter.tryToggle(next);
-        }
-    };
-    tslib_1.__decorate([
-        Input(),
-        HostBinding('attr.aria-orientation'),
-        tslib_1.__metadata("design:type", String)
-    ], SplitterBarComponent.prototype, "orientation", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SplitterBarComponent.prototype, "index", void 0);
-    tslib_1.__decorate([
-        HostBinding('attr.role'),
-        tslib_1.__metadata("design:type", String)
-    ], SplitterBarComponent.prototype, "ariaRole", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-state-focused'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SplitterBarComponent.prototype, "focused", void 0);
-    tslib_1.__decorate([
-        HostBinding('attr.tabindex'),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], SplitterBarComponent.prototype, "tabIndex", null);
-    tslib_1.__decorate([
-        HostBinding('class'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], SplitterBarComponent.prototype, "hostClasses", null);
-    tslib_1.__decorate([
-        HostBinding('style.-ms-flex-order'),
-        HostBinding('style.order'),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], SplitterBarComponent.prototype, "order", null);
-    tslib_1.__decorate([
-        HostListener('dblclick'),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", []),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], SplitterBarComponent.prototype, "collapseAny", null);
-    tslib_1.__decorate([
-        HostListener('focusin'),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", []),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], SplitterBarComponent.prototype, "onFocusIn", null);
-    tslib_1.__decorate([
-        HostListener('focusout'),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", []),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], SplitterBarComponent.prototype, "onFocusOut", null);
-    tslib_1.__decorate([
-        HostListener('keydown', ['$event']),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Object]),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], SplitterBarComponent.prototype, "onKeyDown", null);
-    SplitterBarComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-splitter-bar',
-            template: "\n      <div [class]=\"previousArrowClass()\" (click)=\"togglePrevious()\"></div>\n      <div class=\"k-resize-handle\"></div>\n      <div [class]=\"nextArrowClass()\" (click)=\"toggleNext()\"></div>\n    "
-        }),
-        tslib_1.__param(0, Host()),
-        tslib_1.__metadata("design:paramtypes", [DraggableDirective,
-            ElementRef,
-            SplitterService,
-            LocalizationService])
-    ], SplitterBarComponent);
-    return SplitterBarComponent;
-}());
-export { SplitterBarComponent };
-export { ɵ0, ɵ1, ɵ2, ɵ3 };

package/dist/es/splitter/splitter-pane.component.js

@@ -1,270 +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 { ChangeDetectorRef, Component, ElementRef, EventEmitter, HostBinding, Renderer2, Input, Output } from '@angular/core';
-/**
- * Represents the pane component of the Splitter.
- */
-var SplitterPaneComponent = /** @class */ (function () {
-    function SplitterPaneComponent(element, renderer, cdr) {
-        this.element = element;
-        this.renderer = renderer;
-        this.cdr = cdr;
-        /**
-         * Specifies if the user is allowed to resize the pane and provide space for other panes.
-         */
-        this.resizable = true;
-        /**
-         * Specifies if the user is allowed to hide the pane and provide space for other panes.
-         */
-        this.collapsible = false;
-        /**
-         * Specifies if overflowing content is scrollable or hidden.
-         */
-        this.scrollable = true;
-        /**
-         * Specifies if the pane is initially collapsed.
-         */
-        this.collapsed = false;
-        /**
-         * @hidden
-         */
-        this.orientation = 'horizontal';
-        /**
-         * @hidden
-         */
-        this.overlayContent = false;
-        /**
-         * Fires each time the user resizes the Splitter pane.
-         * The event data contains the new pane size.
-         * Allows a two-way binding of the pane `size` property.
-         */
-        this.sizeChange = new EventEmitter();
-        /**
-         * Fires each time the `collapsed` property changes.
-         * The event data contains the new property state.
-         * Allows a two-way binding of the `collapsed` pane property.
-         */
-        this.collapsedChange = new EventEmitter();
-        this.hostClass = true;
-        /**
-         * @hidden
-         */
-        this.forceExpand = false;
-        /**
-         * @hidden
-         */
-        this.isResized = false;
-    }
-    Object.defineProperty(SplitterPaneComponent.prototype, "order", {
-        get: function () {
-            return this._order;
-        },
-        /**
-         * @hidden
-         */
-        set: function (paneOrder) {
-            this._order = paneOrder;
-            this.setOrderStyles();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SplitterPaneComponent.prototype, "size", {
-        get: function () {
-            return this._size;
-        },
-        /**
-         * Sets the initial size of the pane.
-         * Has to be between the `min` and `max` properties.
-         */
-        set: function (newSize) {
-            this._size = newSize;
-            var element = this.element.nativeElement;
-            this.renderer.setStyle(element, '-ms-flex-preferred-size', newSize);
-            this.renderer.setStyle(element, 'flex-basis', newSize);
-            if (this.staticPaneClass) {
-                this.renderer.addClass(element, 'k-pane-static');
-            }
-            else {
-                this.renderer.removeClass(element, 'k-pane-static');
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SplitterPaneComponent.prototype, "containsSplitter", {
-        /**
-         * @hidden
-         */
-        set: function (value) {
-            var element = this.element.nativeElement;
-            if (value) {
-                this.renderer.addClass(element, 'k-pane-flex');
-            }
-            else {
-                this.renderer.removeClass(element, 'k-pane-flex');
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SplitterPaneComponent.prototype, "isHidden", {
-        get: function () {
-            return this.collapsed;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SplitterPaneComponent.prototype, "staticPaneClass", {
-        get: function () {
-            if (this.forceExpand) {
-                return false;
-            }
-            return !this.resizable && !this.collapsible || this.fixedSize;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SplitterPaneComponent.prototype, "scrollablePaneClass", {
-        get: function () {
-            return this.scrollable;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SplitterPaneComponent.prototype, "fixedSize", {
-        get: function () {
-            return this.size && this.size.length > 0;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SplitterPaneComponent.prototype.ngAfterViewChecked = function () {
-        var element = this.element.nativeElement;
-        if (this.isHidden) {
-            this.renderer.addClass(element, 'k-state-hidden');
-            this.renderer.addClass(element, 'hidden');
-        }
-        else {
-            this.renderer.removeClass(element, 'k-state-hidden');
-            this.renderer.removeClass(element, 'hidden');
-        }
-    };
-    Object.defineProperty(SplitterPaneComponent.prototype, "computedSize", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            if (this.orientation === 'vertical') {
-                return this.element.nativeElement.offsetHeight;
-            }
-            else {
-                return this.element.nativeElement.offsetWidth;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    SplitterPaneComponent.prototype.toggleOverlay = function (show) {
-        this.overlayContent = show;
-        this.cdr.detectChanges();
-    };
-    /**
-     * @hidden
-     */
-    SplitterPaneComponent.prototype.detectChanges = function () {
-        this.cdr.detectChanges();
-    };
-    SplitterPaneComponent.prototype.setOrderStyles = function () {
-        var element = this.element.nativeElement;
-        this.renderer.setStyle(element, '-ms-flex-order', this.order);
-        this.renderer.setStyle(element, 'order', this.order);
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [Number])
-    ], SplitterPaneComponent.prototype, "order", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], SplitterPaneComponent.prototype, "size", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], SplitterPaneComponent.prototype, "min", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], SplitterPaneComponent.prototype, "max", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SplitterPaneComponent.prototype, "resizable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SplitterPaneComponent.prototype, "collapsible", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SplitterPaneComponent.prototype, "scrollable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SplitterPaneComponent.prototype, "collapsed", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], SplitterPaneComponent.prototype, "orientation", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [Boolean])
-    ], SplitterPaneComponent.prototype, "containsSplitter", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SplitterPaneComponent.prototype, "overlayContent", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SplitterPaneComponent.prototype, "sizeChange", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SplitterPaneComponent.prototype, "collapsedChange", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-pane'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SplitterPaneComponent.prototype, "hostClass", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-pane-static'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], SplitterPaneComponent.prototype, "staticPaneClass", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-scrollable'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], SplitterPaneComponent.prototype, "scrollablePaneClass", null);
-    SplitterPaneComponent = tslib_1.__decorate([
-        Component({
-            exportAs: 'kendoSplitterPane',
-            selector: 'kendo-splitter-pane',
-            template: "\n        <ng-container *ngIf=\"!collapsed\"><ng-content></ng-content></ng-container>\n        <div *ngIf=\"overlayContent\" class=\"k-splitter-overlay k-overlay\"></div>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [ElementRef,
-            Renderer2,
-            ChangeDetectorRef])
-    ], SplitterPaneComponent);
-    return SplitterPaneComponent;
-}());
-export { SplitterPaneComponent };