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

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

@@ -1,123 +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, Input, TemplateRef, HostBinding, ElementRef, Renderer2 } from "@angular/core";
-import { DrawerService } from './drawer.service';
-import { nestedLink, DRAWER_LINK_SELECTOR } from './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 = nestedLink(this.element.nativeElement, 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([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], DrawerItemComponent.prototype, "item", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], DrawerItemComponent.prototype, "index", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], DrawerItemComponent.prototype, "itemTemplate", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], DrawerItemComponent.prototype, "mini", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], DrawerItemComponent.prototype, "expanded", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], DrawerItemComponent.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], DrawerItemComponent.prototype, "cssClass", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], DrawerItemComponent.prototype, "cssStyle", void 0);
-    tslib_1.__decorate([
-        HostBinding('attr.aria-disabled'),
-        HostBinding('class.k-state-disabled'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], DrawerItemComponent.prototype, "disabledClass", null);
-    tslib_1.__decorate([
-        HostBinding('attr.aria-selected'),
-        HostBinding('class.k-state-selected'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], DrawerItemComponent.prototype, "selectedClass", null);
-    tslib_1.__decorate([
-        HostBinding('attr.aria-label'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], DrawerItemComponent.prototype, "label", null);
-    DrawerItemComponent = tslib_1.__decorate([
-        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", [DrawerService, ElementRef, Renderer2])
-    ], DrawerItemComponent);
-    return DrawerItemComponent;
-}());
-export { DrawerItemComponent };

package/dist/es/drawer/list.component.js

@@ -1,119 +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 { Subscription } from 'rxjs';
-import { Component, ElementRef, Input, NgZone, Renderer2, TemplateRef, ChangeDetectorRef } from "@angular/core";
-import { closestItem, itemIndex } from '../common/dom-queries';
-import { DRAWER_ITEM_INDEX } from './models/constants';
-import { DrawerService } from './drawer.service';
-import { Keys } from '@progress/kendo-angular-common';
-import { ACTIVE_NESTED_LINK_SELECTOR, nestedLink } from './util';
-/**
- * @hidden
- */
-var DrawerListComponent = /** @class */ (function () {
-    function DrawerListComponent(drawerService, renderer, ngZone, changeDetector, element) {
-        this.drawerService = drawerService;
-        this.renderer = renderer;
-        this.ngZone = ngZone;
-        this.changeDetector = changeDetector;
-        this.element = element;
-        this.subscriptions = new Subscription();
-    }
-    DrawerListComponent.prototype.ngOnInit = function () {
-        this.initialSelection();
-        this.initDomEvents();
-    };
-    DrawerListComponent.prototype.ngOnDestroy = function () {
-        this.subscriptions.unsubscribe();
-    };
-    DrawerListComponent.prototype.initialSelection = function () {
-        /* Differentiates a user selected item */
-        if (this.drawerService.selectedIndices.length === 0) {
-            this.drawerService.initSelection();
-        }
-    };
-    DrawerListComponent.prototype.initDomEvents = function () {
-        var _this = this;
-        if (!this.element) {
-            return;
-        }
-        this.ngZone.runOutsideAngular(function () {
-            var nativeElement = _this.element.nativeElement;
-            _this.subscriptions.add(_this.renderer.listen(nativeElement, 'click', _this.clickHandler.bind(_this)));
-            _this.subscriptions.add(_this.renderer.listen(nativeElement, 'keydown', _this.keyDownHandler.bind(_this)));
-        });
-    };
-    DrawerListComponent.prototype.clickHandler = function (e) {
-        var _this = this;
-        var itemIdx = this.getDrawerItemIndex(e.target);
-        var item = this.items[itemIdx];
-        if (!item) {
-            return;
-        }
-        if (item.disabled) {
-            e.preventDefault();
-            return;
-        }
-        var args = {
-            index: itemIdx,
-            item: item,
-            originalEvent: e
-        };
-        this.ngZone.run(function () {
-            if (!_this.drawerService.emit('select', args)) {
-                _this.drawerService.onSelect(itemIdx);
-                _this.changeDetector.detectChanges();
-            }
-        });
-    };
-    DrawerListComponent.prototype.keyDownHandler = function (e) {
-        var isEnterOrSpace = e.keyCode === Keys.Enter || e.keyCode === Keys.Space;
-        if (!isEnterOrSpace) {
-            return;
-        }
-        this.clickHandler(e);
-        var link = nestedLink(this.element.nativeElement, ACTIVE_NESTED_LINK_SELECTOR);
-        if (link) {
-            link.click();
-        }
-        return false;
-    };
-    DrawerListComponent.prototype.getDrawerItemIndex = function (target) {
-        var item = closestItem(target, DRAWER_ITEM_INDEX, this.element.nativeElement);
-        if (item) {
-            return itemIndex(item, DRAWER_ITEM_INDEX);
-        }
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], DrawerListComponent.prototype, "items", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], DrawerListComponent.prototype, "itemTemplate", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], DrawerListComponent.prototype, "mini", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], DrawerListComponent.prototype, "expanded", void 0);
-    DrawerListComponent = tslib_1.__decorate([
-        Component({
-            selector: '[kendoDrawerList]',
-            template: "\n        <ng-container *ngFor=\"let item of items; let idx = index\">\n            <li *ngIf=\"!item.separator\" kendoDrawerItem\n                class=\"k-drawer-item\"\n                [item]=\"item\"\n                [index]=\"idx\"\n                [mini]=\"mini\"\n                [expanded]=\"expanded\"\n                [itemTemplate]=\"itemTemplate\"\n                [attr." + DRAWER_ITEM_INDEX + "]=\"idx\"\n                [ngClass]=\"item.cssClass\"\n                [ngStyle]=\"item.cssStyle\"\n                tabindex=\"0\">\n            </li>\n\n            <li *ngIf=\"item.separator\"\n                class=\"k-drawer-item k-drawer-separator\"\n                [ngClass]=\"item.cssClass\"\n                [ngStyle]=\"item.cssStyle\">\n                &nbsp;\n            </li>\n        </ng-container>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [DrawerService,
-            Renderer2,
-            NgZone,
-            ChangeDetectorRef,
-            ElementRef])
-    ], DrawerListComponent);
-    return DrawerListComponent;
-}());
-export { DrawerListComponent };

package/dist/es/drawer/template-directives/drawer-template.directive.js

@@ -1,27 +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, Optional, TemplateRef } from '@angular/core';
-/**
- * Represents a template that defines the content of the Drawer.
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoDrawerTemplate` directive inside the `<kendo-drawer>` tag.
- * Using this template directive will override all other templates,
- * for example, `kendoDrawerHeaderTemplate` and `kendoDrawerItemTemplate`.
- */
-var DrawerTemplateDirective = /** @class */ (function () {
-    function DrawerTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    DrawerTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoDrawerTemplate]'
-        }),
-        tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], DrawerTemplateDirective);
-    return DrawerTemplateDirective;
-}());
-export { DrawerTemplateDirective };

package/dist/es/drawer/template-directives/footer-template.directive.js

@@ -1,25 +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, Optional, TemplateRef } from '@angular/core';
-/**
- * Represents a template that defines the footer content of the Drawer.
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoDrawerFooterTemplate` directive inside the `<kendo-drawer>` tag.
- */
-var DrawerFooterTemplateDirective = /** @class */ (function () {
-    function DrawerFooterTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    DrawerFooterTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoDrawerFooterTemplate]'
-        }),
-        tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], DrawerFooterTemplateDirective);
-    return DrawerFooterTemplateDirective;
-}());
-export { DrawerFooterTemplateDirective };

package/dist/es/drawer/template-directives/header-template.directive.js

@@ -1,25 +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, Optional, TemplateRef } from '@angular/core';
-/**
- * Represents a template that defines the header content of the Drawer.
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoDrawerHeaderTemplate` directive inside the `<kendo-drawer>` tag.
- */
-var DrawerHeaderTemplateDirective = /** @class */ (function () {
-    function DrawerHeaderTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    DrawerHeaderTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoDrawerHeaderTemplate]'
-        }),
-        tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], DrawerHeaderTemplateDirective);
-    return DrawerHeaderTemplateDirective;
-}());
-export { DrawerHeaderTemplateDirective };

package/dist/es/drawer/template-directives/item-template.directive.js

@@ -1,25 +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, Optional, TemplateRef } from '@angular/core';
-/**
- * Represents a template that defines the item content of the Drawer.
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoDrawerItemTemplate` directive inside the `<kendo-drawer>` tag.
- */
-var DrawerItemTemplateDirective = /** @class */ (function () {
-    function DrawerItemTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    DrawerItemTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoDrawerItemTemplate]'
-        }),
-        tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], DrawerItemTemplateDirective);
-    return DrawerItemTemplateDirective;
-}());
-export { DrawerItemTemplateDirective };

package/dist/es/drawer/util.js

@@ -1,16 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export var DRAWER_LINK_SELECTOR = '.k-drawer-link';
-/**
- * @hidden
- */
-export var ACTIVE_NESTED_LINK_SELECTOR = ':focus:not(.k-state-disabled) .k-drawer-link';
-/**
- * @hidden
- */
-export var nestedLink = function (element, selector) { return element.querySelector(selector); };

package/dist/es/drawer.module.js

@@ -1,45 +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 { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DrawerContainerComponent } from './drawer/drawer-container.component';
-import { DrawerComponent } from './drawer/drawer.component';
-import { DrawerContentComponent } from './drawer/drawer-content.component';
-import { DrawerItemComponent } from './drawer/item.component';
-import { DrawerListComponent } from './drawer/list.component';
-import { DrawerTemplateDirective, DrawerItemTemplateDirective, DrawerHeaderTemplateDirective, DrawerFooterTemplateDirective } from './drawer/template-directives';
-var templateDirectives = [
-    DrawerTemplateDirective,
-    DrawerHeaderTemplateDirective,
-    DrawerFooterTemplateDirective,
-    DrawerItemTemplateDirective
-];
-var exportedModules = [
-    DrawerComponent,
-    DrawerContainerComponent,
-    DrawerContentComponent
-].concat(templateDirectives);
-var declarations = [
-    DrawerItemComponent,
-    DrawerListComponent
-].concat(exportedModules);
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the Drawer component.
- */
-var DrawerModule = /** @class */ (function () {
-    function DrawerModule() {
-    }
-    DrawerModule = tslib_1.__decorate([
-        NgModule({
-            declarations: [declarations],
-            exports: [exportedModules],
-            imports: [CommonModule]
-        })
-    ], DrawerModule);
-    return DrawerModule;
-}());
-export { DrawerModule };

package/dist/es/expansionpanel/animations.js

@@ -1,23 +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 { animate, style } from '@angular/animations';
-/**
- * @hidden
- */
-export function expand(duration, height) {
-    return [
-        style({ overflow: 'hidden', display: 'block', height: 0 }),
-        animate(duration + "ms ease-in", style({ height: "" + height }))
-    ];
-}
-/**
- * @hidden
- */
-export function collapse(duration, height) {
-    return [
-        style({ overflow: 'hidden', height: "" + height }),
-        animate(duration + "ms ease-in", style({ overflow: 'hidden', height: 0 }))
-    ];
-}

package/dist/es/expansionpanel/events/action-event.js

@@ -1,17 +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 '../../common/preventable-event';
-/**
- * Arguments for the `action` event of the ExpansionPanel.
- */
-var ExpansionPanelActionEvent = /** @class */ (function (_super) {
-    tslib_1.__extends(ExpansionPanelActionEvent, _super);
-    function ExpansionPanelActionEvent() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return ExpansionPanelActionEvent;
-}(PreventableEvent));
-export { ExpansionPanelActionEvent };

package/dist/es/expansionpanel/expansionpanel-title.directive.js

@@ -1,26 +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, Optional, TemplateRef } from '@angular/core';
-/**
- * Represents a template that defines the content of the ExpansionPanel title.
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoExpansionPanelTitleDirective` directive inside the `<kendo-expansionpanel>` tag.
- * ([see example]({% slug title_expansionpanel %}#toc-title-template)).
- */
-var ExpansionPanelTitleDirective = /** @class */ (function () {
-    function ExpansionPanelTitleDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    ExpansionPanelTitleDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoExpansionPanelTitleDirective]'
-        }),
-        tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], ExpansionPanelTitleDirective);
-    return ExpansionPanelTitleDirective;
-}());
-export { ExpansionPanelTitleDirective };