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

package/dist/npm/drawer/drawer.component.js

@@ -1,407 +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_licensing_1 = require("@progress/kendo-licensing");
-var package_metadata_1 = require("../package-metadata");
-var template_directives_1 = require("./template-directives");
-var util_1 = require("../common/util");
-var animations_1 = require("@angular/animations");
-var animations_2 = require("./animations");
-var operators_1 = require("rxjs/operators");
-var drawer_service_1 = require("./drawer.service");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var DEFAULT_ANIMATION = { type: 'slide', duration: 200 };
-/**
- * Represents the [Kendo UI Drawer component for Angular]({% slug overview_drawer %}).
- *
- * @example
- * ```ts-preview
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-drawer-container>
- *             <kendo-drawer #drawer
- *                  [items]="items"
- *                  mode="overlay"
- *                  [(expanded)]="expanded">
- *              </kendo-drawer>
- *              <kendo-drawer-content>
- *                  <button class="k-button" (click)="drawer.toggle()">Open the Drawer</button>
- *              </kendo-drawer-content>
- *        </kendo-drawer-container>
- *    `
- * })
- * class AppComponent {
- *    public expanded = false;
- *
- *    public items: any[] = [
- *      { text: 'Inbox', icon: 'k-i-inbox' },
- *      { text: 'Notifications', icon: 'k-i-bell' },
- *      { text: 'Date', icon: 'k-i-calendar' }
- *    ];
- * }
- * ```
- */
-var DrawerComponent = /** @class */ (function () {
-    function DrawerComponent(element, builder, localizationService, drawerService) {
-        var _this = this;
-        this.element = element;
-        this.builder = builder;
-        this.localizationService = localizationService;
-        this.drawerService = drawerService;
-        this.hostClasses = true;
-        /**
-         * Specifies the mode in which the Drawer will be displayed.
-         *
-         * The possible values are:
-         * * (Default) `overlay`
-         * * `push`
-         */
-        this.mode = 'overlay';
-        /**
-         * Specifies the position of the Drawer
-         * ([see example]({% slug positioning_drawer %})).
-         *
-         * The possible values are:
-         * * (Default) `start`
-         * * `end`
-         */
-        this.position = 'start';
-        /**
-         * Enables the mini (compact) view of the Drawer which is displayed when the component is collapsed
-         * ([see example]({% slug expandmodespositions_drawer %}#toc-mini-view)).
-         */
-        this.mini = false;
-        /**
-         * Specifies the state of the Drawer.
-         */
-        this.expanded = false;
-        /**
-         * Defines the width of the Drawer when it is expanded.
-         * Defaults to `240`.
-         */
-        this.width = 240;
-        /**
-         * Defines the width of the Drawer when the mini view is enabled
-         * and the component is collapsed. Defaults to `60`.
-         */
-        this.miniWidth = 50;
-        /**
-         * Specifies if the Drawer will be automatically collapsed when an item
-         * or the overlay is clicked. Defaults to `true`.
-         */
-        this.autoCollapse = true;
-        /**
-         * Specifies the animation settings of the Drawer.
-         * ([see example]({% slug interaction_drawer %}#toc-toggling-between-states)).
-         *
-         * The possible values are:
-         * * Boolean
-         *    * (Default) `true`
-         *    * `false`
-         * * `DrawerAnimation`
-         *    * (Default) `type?: 'slide'`
-         *    * `duration`&mdash;Accepts a number in milliseconds. Defaults to `300ms`.
-         */
-        this.animation = DEFAULT_ANIMATION;
-        /**
-         * Fires when the Drawer is expanded and its animation is complete.
-         */
-        this.expand = new core_1.EventEmitter();
-        /**
-         * Fires when the Drawer is collapsed and its animation is complete.
-         */
-        this.collapse = new core_1.EventEmitter();
-        /**
-         * Fires when a Drawer item is selected. This event is preventable.
-         */
-        this.select = new core_1.EventEmitter();
-        /**
-         * Fires when the `expanded` property of the component was updated.
-         * Used to provide a two-way binding for the `expanded` property.
-         */
-        this.expandedChange = new core_1.EventEmitter();
-        this.animationEnd = new core_1.EventEmitter();
-        this.rtl = false;
-        this._items = [];
-        kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
-        this.dynamicRTLSubscription = this.localizationService.changes.subscribe(function (_a) {
-            var rtl = _a.rtl;
-            _this.rtl = rtl;
-            _this.direction = _this.rtl ? 'rtl' : 'ltr';
-        });
-        this.drawerService.owner = this;
-    }
-    Object.defineProperty(DrawerComponent.prototype, "startPositionClass", {
-        get: function () {
-            return this.position === 'start';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DrawerComponent.prototype, "endPositionClass", {
-        get: function () {
-            return this.position === 'end';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DrawerComponent.prototype, "overlayTransofrmStyles", {
-        get: function () {
-            if (this.mode === 'push') {
-                return;
-            }
-            if (this.expanded || this.minimized) {
-                return "translateX(0px)";
-            }
-            return "translateX(-100%)";
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DrawerComponent.prototype, "flexStyles", {
-        get: function () {
-            if (this.mode === 'overlay') {
-                return;
-            }
-            if (!this.expanded && !this.minimized) {
-                return 0;
-            }
-            return this.drawerWidth;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DrawerComponent.prototype, "items", {
-        get: function () {
-            return this._items;
-        },
-        /**
-         * The collection of items that will be rendered in the Drawer.
-         */
-        set: function (items) {
-            if (util_1.isPresent(items)) {
-                this._items = items;
-                this.drawerService.initSelection();
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    DrawerComponent.prototype.ngOnDestroy = function () {
-        if (this.dynamicRTLSubscription) {
-            this.dynamicRTLSubscription.unsubscribe();
-        }
-    };
-    Object.defineProperty(DrawerComponent.prototype, "minimized", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.mini && !this.expanded;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DrawerComponent.prototype, "drawerWidth", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.minimized ? this.miniWidth : this.width;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Toggles the visibility of the Drawer.
-     *
-     * @param expanded? - Boolean. Specifies if the Drawer will be expanded or collapsed.
-     */
-    DrawerComponent.prototype.toggle = function (expanded) {
-        var _this = this;
-        var previous = this.expanded;
-        var current = util_1.isPresent(expanded) ? expanded : !previous;
-        if (current === previous) {
-            return;
-        }
-        if (current === true) {
-            this.setExpanded(true);
-        }
-        else if (current === false && !this.animation) {
-            this.setExpanded(false);
-        }
-        if (this.animation) {
-            this.animationEnd.pipe(operators_1.take(1))
-                .subscribe(function () { _this.onAnimationEnd(current); });
-            this.animate(current);
-        }
-        else {
-            this[current ? 'expand' : 'collapse'].emit();
-        }
-    };
-    DrawerComponent.prototype.onAnimationEnd = function (currentExpanded) {
-        if (currentExpanded) {
-            this.expand.emit();
-        }
-        else {
-            this.setExpanded(false);
-            this.collapse.emit();
-        }
-    };
-    DrawerComponent.prototype.setExpanded = function (value) {
-        this.expanded = value;
-        this.expandedChange.emit(value);
-    };
-    DrawerComponent.prototype.animate = function (expanded) {
-        var settings = {
-            mode: this.mode,
-            mini: this.mini,
-            miniWidth: this.miniWidth,
-            width: this.width,
-            rtl: this.rtl,
-            position: this.position,
-            animation: (typeof this.animation !== 'boolean') ? this.animation : DEFAULT_ANIMATION
-        };
-        var animation = expanded ? animations_2.expandAnimation(settings) : animations_2.collapseAnimation(settings);
-        var player = this.createPlayer(animation, this.element.nativeElement);
-        player.play();
-    };
-    DrawerComponent.prototype.createPlayer = function (animation, animatedElement) {
-        var _this = this;
-        var factory = this.builder.build(animation);
-        var player = factory.create(animatedElement);
-        player.onDone(function () {
-            if (player) {
-                _this.animationEnd.emit();
-                player.destroy();
-                player = null;
-            }
-        });
-        return player;
-    };
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-widget'),
-        core_1.HostBinding('class.k-drawer'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], DrawerComponent.prototype, "hostClasses", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-drawer-start'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], DrawerComponent.prototype, "startPositionClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-drawer-end'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], DrawerComponent.prototype, "endPositionClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('style.transform'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], DrawerComponent.prototype, "overlayTransofrmStyles", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('style.flexBasis.px'),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], DrawerComponent.prototype, "flexStyles", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], DrawerComponent.prototype, "mode", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], DrawerComponent.prototype, "position", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], DrawerComponent.prototype, "mini", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], DrawerComponent.prototype, "expanded", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], DrawerComponent.prototype, "width", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], DrawerComponent.prototype, "miniWidth", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], DrawerComponent.prototype, "autoCollapse", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array),
-        tslib_1.__metadata("design:paramtypes", [Array])
-    ], DrawerComponent.prototype, "items", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String)
-    ], DrawerComponent.prototype, "direction", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], DrawerComponent.prototype, "animation", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], DrawerComponent.prototype, "expand", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], DrawerComponent.prototype, "collapse", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], DrawerComponent.prototype, "select", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], DrawerComponent.prototype, "expandedChange", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChild(template_directives_1.DrawerTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", template_directives_1.DrawerTemplateDirective)
-    ], DrawerComponent.prototype, "drawerTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChild(template_directives_1.DrawerFooterTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", template_directives_1.DrawerFooterTemplateDirective)
-    ], DrawerComponent.prototype, "footerTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChild(template_directives_1.DrawerHeaderTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", template_directives_1.DrawerHeaderTemplateDirective)
-    ], DrawerComponent.prototype, "headerTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChild(template_directives_1.DrawerItemTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", template_directives_1.DrawerItemTemplateDirective)
-    ], DrawerComponent.prototype, "itemTemplate", void 0);
-    DrawerComponent = tslib_1.__decorate([
-        core_1.Component({
-            exportAs: 'kendoDrawer',
-            providers: [
-                kendo_angular_l10n_1.LocalizationService,
-                drawer_service_1.DrawerService,
-                {
-                    provide: kendo_angular_l10n_1.L10N_PREFIX,
-                    useValue: 'kendo.drawer'
-                }
-            ],
-            selector: 'kendo-drawer',
-            template: "\n        <div class=\"k-drawer-wrapper\" *ngIf=\"expanded || mini\" [style.width.px]=\"drawerWidth\">\n            <ng-container *ngIf=\"!drawerTemplate\">\n                <ng-template *ngIf=\"headerTemplate\"\n                    [ngTemplateOutlet]=\"headerTemplate?.templateRef\">\n                </ng-template>\n\n                <ul kendoDrawerList\n                    [items]=\"items\" [mini]=\"mini\" [expanded]=\"expanded\"\n                    [itemTemplate]=\"itemTemplate?.templateRef\"\n                    class=\"k-drawer-items\">\n                </ul>\n\n                <ng-template *ngIf=\"footerTemplate\"\n                    [ngTemplateOutlet]=\"footerTemplate?.templateRef\">\n                </ng-template>\n            </ng-container>\n\n            <ng-template *ngIf=\"drawerTemplate\"\n                [ngTemplateOutlet]=\"drawerTemplate?.templateRef\">\n            </ng-template>\n        </div>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
-            animations_1.AnimationBuilder,
-            kendo_angular_l10n_1.LocalizationService,
-            drawer_service_1.DrawerService])
-    ], DrawerComponent);
-    return DrawerComponent;
-}());
-exports.DrawerComponent = DrawerComponent;

package/dist/npm/drawer/drawer.service.js

@@ -1,47 +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_common_1 = require("@progress/kendo-angular-common");
-var select_event_1 = require("./events/select-event");
-/**
- * @hidden
- */
-var DrawerService = /** @class */ (function () {
-    function DrawerService() {
-        this.selectedIndices = [];
-    }
-    DrawerService.prototype.emit = function (event, args) {
-        var drawer = this.owner;
-        var eventArgs = new select_event_1.DrawerSelectEvent(tslib_1.__assign({}, args, { sender: drawer }));
-        if (kendo_angular_common_1.hasObservers(drawer[event])) {
-            drawer[event].emit(eventArgs);
-        }
-        return eventArgs.isDefaultPrevented();
-    };
-    DrawerService.prototype.onSelect = function (selectedIdx) {
-        this.selectedIndices = [selectedIdx];
-        var drawer = this.owner;
-        if (drawer.autoCollapse && !drawer.minimized) {
-            drawer.toggle(false);
-        }
-    };
-    DrawerService.prototype.initSelection = function () {
-        var items = this.owner.items;
-        this.selectedIndices = [];
-        for (var i = 0; i < items.length; i++) {
-            if (items[i].selected) {
-                this.selectedIndices.push(i);
-            }
-        }
-    };
-    DrawerService = tslib_1.__decorate([
-        core_1.Injectable()
-    ], DrawerService);
-    return DrawerService;
-}());
-exports.DrawerService = DrawerService;

package/dist/npm/drawer/events/select-event.js

@@ -1,19 +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("../../common/preventable-event");
-/**
- * Arguments for the `select` event of the Drawer.
- */
-var DrawerSelectEvent = /** @class */ (function (_super) {
-    tslib_1.__extends(DrawerSelectEvent, _super);
-    function DrawerSelectEvent() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return DrawerSelectEvent;
-}(preventable_event_1.PreventableEvent));
-exports.DrawerSelectEvent = DrawerSelectEvent;

package/dist/npm/drawer/item.component.js

@@ -1,125 +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 drawer_service_1 = require("./drawer.service");
-var util_1 = require("./util");
-/**
- * @hidden
- */
-var DrawerItemComponent = /** @class */ (function () {
-    function DrawerItemComponent(drawer, element, renderer) {
-        this.drawer = drawer;
-        this.element = element;
-        this.renderer = renderer;
-    }
-    Object.defineProperty(DrawerItemComponent.prototype, "disabledClass", {
-        get: function () {
-            return this.item.disabled;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DrawerItemComponent.prototype, "selectedClass", {
-        get: function () {
-            return this.drawer.selectedIndices.indexOf(this.index) >= 0;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DrawerItemComponent.prototype, "label", {
-        get: function () {
-            return this.item.text ? this.item.text : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    DrawerItemComponent.prototype.ngAfterViewInit = function () {
-        var link = util_1.nestedLink(this.element.nativeElement, util_1.DRAWER_LINK_SELECTOR);
-        if (link) {
-            this.renderer.removeAttribute(link, 'tabindex');
-        }
-    };
-    Object.defineProperty(DrawerItemComponent.prototype, "iconClasses", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            var classes = [];
-            if (this.item.icon) {
-                classes.push("k-icon " + this.item.icon);
-            }
-            if (this.item.iconClass) {
-                classes.push("" + this.item.iconClass);
-            }
-            return classes;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], DrawerItemComponent.prototype, "item", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], DrawerItemComponent.prototype, "index", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], DrawerItemComponent.prototype, "itemTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], DrawerItemComponent.prototype, "mini", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], DrawerItemComponent.prototype, "expanded", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], DrawerItemComponent.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], DrawerItemComponent.prototype, "cssClass", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], DrawerItemComponent.prototype, "cssStyle", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.aria-disabled'),
-        core_1.HostBinding('class.k-state-disabled'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], DrawerItemComponent.prototype, "disabledClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.aria-selected'),
-        core_1.HostBinding('class.k-state-selected'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], DrawerItemComponent.prototype, "selectedClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.aria-label'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], DrawerItemComponent.prototype, "label", null);
-    DrawerItemComponent = tslib_1.__decorate([
-        core_1.Component({
-            selector: '[kendoDrawerItem]',
-            template: "\n        <ng-template *ngIf=\"itemTemplate; else defaultTemplate\"\n            [ngTemplateOutlet]=\"itemTemplate\"\n            [ngTemplateOutletContext]=\"{ $implicit: item }\">\n        </ng-template>\n\n        <ng-template #defaultTemplate>\n            <ng-container *ngIf=\"expanded\">\n                <span [ngClass]=\"iconClasses\"></span>\n                <span class=\"k-item-text\">{{ item.text }}</span>\n            </ng-container>\n            <ng-container *ngIf=\"mini && !expanded\">\n                <span [ngClass]=\"iconClasses\"></span>\n            </ng-container>\n        </ng-template>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [drawer_service_1.DrawerService, core_1.ElementRef, core_1.Renderer2])
-    ], DrawerItemComponent);
-    return DrawerItemComponent;
-}());
-exports.DrawerItemComponent = DrawerItemComponent;