@progress/kendo-angular-layout 6.5.2 → 7.0.0-dev.202204150742

package/dist/es2015/panelbar/panelbar-item.component.js

@@ -1,492 +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";
-var PanelBarItemComponent_1;
-import { Component, Input, ContentChildren, ViewChildren, Optional, Host, HostBinding, SkipSelf, isDevMode, TemplateRef, QueryList, ViewChild, ElementRef, Renderer2 } from '@angular/core';
-import { animate, trigger, style, state, transition, AUTO_STYLE } from '@angular/animations';
-import { PanelBarService } from "./panelbar.service";
-import { PanelBarContentDirective } from "./panelbar-content.directive";
-import { PanelBarItemTitleDirective } from "./panelbar-item-title.directive";
-import { isFocusable } from '../common/dom-queries';
-import { Subscription } from 'rxjs';
-import { PanelBarExpandMode } from './panelbar-expand-mode';
-/**
- * @hidden
- */
-let nextId = 0;
-/**
- * Represents the items of the PanelBar.
- */
-let PanelBarItemComponent = PanelBarItemComponent_1 = class PanelBarItemComponent {
-    constructor(parent, eventService, element, renderer) {
-        this.parent = parent;
-        this.eventService = eventService;
-        this.element = element;
-        this.renderer = renderer;
-        /**
-         * Allows the component to set the `"id"` property to each item.
-         * Used to set the `id` attributes of the nested elements and to enable the WAI-ARIA support.
-         */
-        this.id = `default-${nextId++}`;
-        /**
-         * Defines the icon that will be rendered next to the title ([see example]({% slug items_panelbar %}#toc-title-icons)).
-         */
-        this.icon = '';
-        /**
-         * Defines  the icon that will be rendered next to the title by using a custom CSS class
-         * ([see example]({% slug items_panelbar %}#toc-title-icons)).
-         */
-        this.iconClass = '';
-        /**
-         * Defines the location of the image that will be displayed next to the title
-         * ([see example]({% slug items_panelbar %}#toc-title-images)).
-         */
-        this.imageUrl = '';
-        /**
-         * When set to `true`, disables a PanelBar item ([see example]({% slug items_panelbar %}#toc-disabled-state)).
-         */
-        this.disabled = false;
-        /**
-         * Sets the selected state of a PanelBar item ([see example]({% slug items_panelbar %}#toc-selected-state)).
-         */
-        this.selected = false;
-        this.keepContent = false;
-        this.hasChildItems = false;
-        this.hasItems = false;
-        this.hasContent = false;
-        this.state = "inactive";
-        this.role = "treeitem";
-        this.titleAttribute = null; // tslint:disable-line
-        this.kItemClass = true;
-        this.focused = false;
-        this.wrapperFocused = false;
-        this.subscriptions = new Subscription(() => { });
-        this._expanded = false;
-        this.subscriptions.add(eventService.parent$.subscribe(focused => this.onWrapperFocusChange(focused)));
-        this.subscriptions.add(eventService.keepContent$.subscribe(keepContent => this.keepContent = keepContent));
-        this.wrapperFocused = parent ? parent.focused : false;
-        this.level = this.parent ? this.parent.level + 1 : 0;
-    }
-    /**
-     * When set to `true`, expands the PanelBar item ([see example]({% slug items_panelbar %}#toc-expanded-state)).
-     */
-    set expanded(value) {
-        const activeState = this.animate ? "active" : "activeWithoutAnimation";
-        this.state = value ? activeState : "inactive";
-        if (!this.keepContent) {
-            this.toggleExpandedChildAnimations(value);
-        }
-        this._expanded = value;
-    }
-    get expanded() {
-        return this._expanded;
-    }
-    get animate() {
-        return this.eventService.animate;
-    }
-    get kStateDefaultClass() {
-        return !this.disabled;
-    }
-    get kStateDisabledClass() {
-        return this.disabled;
-    }
-    get kStateExpandedClass() {
-        return !this.disabled && this.expanded && (this.hasChildItems || this.hasContent);
-    }
-    get itemId() {
-        return 'k-panelbar-' + this.eventService.pbId + '-item-' + this.id;
-    }
-    get ariaExpanded() {
-        return (this.hasChildItems || this.hasContent) ? !this.disabled && this.expanded : null;
-    }
-    get ariaSelected() {
-        return !this.disabled && this.selected;
-    }
-    get ariaDisabled() {
-        return this.disabled ? true : null;
-    }
-    get headerClass() {
-        return this.parent ? null : true;
-    }
-    get childClass() {
-        return this.parent ? true : null;
-    }
-    /**
-     * @hidden
-     */
-    get titleTemplate() {
-        return this.titleTemplates.length > 0 ? this.titleTemplates.toArray()[0].templateRef : undefined;
-    }
-    /**
-     * @hidden
-     */
-    headerHeight() {
-        return this.element.nativeElement.offsetHeight - (this.contentWrapper ? this.contentWrapper.nativeElement.offsetHeight : 0);
-    }
-    ngOnInit() {
-        this.addLevelClass();
-    }
-    ngAfterContentChecked() {
-        this.hasItems = this.items && this.items.filter(item => !item.hidden).length > 0;
-        this.hasChildItems = this.contentItems.filter(item => item !== this).length > 0 || this.hasItems;
-        this.hasContent = (this.contentTemplate !== undefined && this.contentTemplate.length > 0) ||
-            this.content !== undefined;
-        this.validateConfiguration();
-    }
-    ngAfterViewChecked() {
-        if (this.items) {
-            this.childrenItems = this.viewChildItems.toArray();
-        }
-        else {
-            this.childrenItems = this.contentItems.filter(item => item !== this);
-        }
-    }
-    ngOnDestroy() {
-        this.subscriptions.unsubscribe();
-    }
-    /**
-     * @hidden
-     */
-    onItemAction() {
-        if (!this.disabled) {
-            this.eventService.onSelect(this);
-        }
-    }
-    /**
-     * @hidden
-     */
-    onItemClick(e) {
-        if (!isFocusable(e.target)) {
-            this.onItemAction();
-        }
-    }
-    /**
-     * @hidden
-     */
-    get iconClasses() {
-        let icon = this.icon ? 'k-i-' + this.icon : null;
-        return {
-            [icon || this.iconClass]: true
-        };
-    }
-    /**
-     * @hidden
-     */
-    serialize() {
-        return {
-            content: this.content,
-            disabled: this.disabled,
-            expanded: this.expanded,
-            focused: this.focused,
-            icon: this.icon,
-            iconClass: this.iconClass,
-            id: this.id,
-            imageUrl: this.imageUrl,
-            selected: this.selected,
-            title: this.title
-        };
-    }
-    /**
-     * @hidden
-     */
-    subTreeViewItems() {
-        let subTree = [];
-        this.viewChildItems.forEach(item => {
-            subTree = subTree.concat(item.subTreeViewItems());
-            subTree.push(item);
-        });
-        return subTree;
-    }
-    /**
-     * @hidden
-     */
-    validateConfiguration() {
-        if (isDevMode()) {
-            if (this.content && (this.contentTemplate !== undefined && this.contentTemplate.length > 0)) {
-                throw new Error("Invalid configuration: mixed template components and component property.");
-            }
-        }
-    }
-    /**
-     * @hidden
-     */
-    toggleAnimationState(value) {
-        if (!this.animate) {
-            return;
-        }
-        this.state = value && this.eventService.expandMode !== PanelBarExpandMode.Single ? 'active' : 'activeWithoutAnimation';
-    }
-    /**
-     * @hidden
-     */
-    toggleExpandedChildAnimations(value) {
-        if (this.childrenItems) {
-            this.childrenItems.forEach(child => {
-                if (child.expanded) {
-                    child.toggleAnimationState(value);
-                    child.toggleExpandedChildAnimations(value);
-                }
-            });
-        }
-    }
-    /**
-     * @hidden
-     */
-    addLevelClass() {
-        if (this.level >= 0) {
-            this.renderer.addClass(this.element.nativeElement, `k-level-${this.level}`);
-        }
-    }
-    onWrapperFocusChange(focused) {
-        this.wrapperFocused = focused;
-    }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], PanelBarItemComponent.prototype, "title", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], PanelBarItemComponent.prototype, "id", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], PanelBarItemComponent.prototype, "icon", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], PanelBarItemComponent.prototype, "iconClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], PanelBarItemComponent.prototype, "imageUrl", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], PanelBarItemComponent.prototype, "disabled", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [Boolean])
-], PanelBarItemComponent.prototype, "expanded", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], PanelBarItemComponent.prototype, "selected", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], PanelBarItemComponent.prototype, "content", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], PanelBarItemComponent.prototype, "items", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", TemplateRef)
-], PanelBarItemComponent.prototype, "template", void 0);
-tslib_1.__decorate([
-    ViewChild('header', { static: false }),
-    tslib_1.__metadata("design:type", ElementRef)
-], PanelBarItemComponent.prototype, "header", void 0);
-tslib_1.__decorate([
-    ViewChild('contentWrapper', { static: false }),
-    tslib_1.__metadata("design:type", ElementRef)
-], PanelBarItemComponent.prototype, "contentWrapper", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.role'),
-    tslib_1.__metadata("design:type", String)
-], PanelBarItemComponent.prototype, "role", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.title'),
-    tslib_1.__metadata("design:type", String)
-], PanelBarItemComponent.prototype, "titleAttribute", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-item'),
-    tslib_1.__metadata("design:type", Boolean)
-], PanelBarItemComponent.prototype, "kItemClass", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-state-default'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], PanelBarItemComponent.prototype, "kStateDefaultClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-state-disabled'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], PanelBarItemComponent.prototype, "kStateDisabledClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-state-expanded'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], PanelBarItemComponent.prototype, "kStateExpandedClass", null);
-tslib_1.__decorate([
-    HostBinding('id'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], PanelBarItemComponent.prototype, "itemId", null);
-tslib_1.__decorate([
-    HostBinding('attr.aria-expanded'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], PanelBarItemComponent.prototype, "ariaExpanded", null);
-tslib_1.__decorate([
-    HostBinding('attr.aria-selected'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], PanelBarItemComponent.prototype, "ariaSelected", null);
-tslib_1.__decorate([
-    HostBinding('attr.aria-disabled'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], PanelBarItemComponent.prototype, "ariaDisabled", null);
-tslib_1.__decorate([
-    HostBinding('class.k-panelbar-header'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], PanelBarItemComponent.prototype, "headerClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-panelbar-item'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], PanelBarItemComponent.prototype, "childClass", null);
-tslib_1.__decorate([
-    ViewChildren(PanelBarItemComponent_1),
-    tslib_1.__metadata("design:type", QueryList)
-], PanelBarItemComponent.prototype, "viewChildItems", void 0);
-tslib_1.__decorate([
-    ContentChildren(PanelBarItemComponent_1),
-    tslib_1.__metadata("design:type", QueryList)
-], PanelBarItemComponent.prototype, "contentItems", void 0);
-tslib_1.__decorate([
-    ContentChildren(PanelBarContentDirective, { descendants: false }),
-    tslib_1.__metadata("design:type", QueryList)
-], PanelBarItemComponent.prototype, "contentTemplate", void 0);
-tslib_1.__decorate([
-    ContentChildren(PanelBarItemTitleDirective, { descendants: false }),
-    tslib_1.__metadata("design:type", QueryList)
-], PanelBarItemComponent.prototype, "titleTemplates", void 0);
-PanelBarItemComponent = PanelBarItemComponent_1 = tslib_1.__decorate([
-    Component({
-        animations: [
-            trigger('toggle', [
-                state('inactive', style({ display: 'none' })),
-                transition('* => active', [
-                    style({ overflow: 'hidden', display: 'block', height: 0 }),
-                    animate(200, style({ height: AUTO_STYLE }))
-                ]),
-                transition('active => *', [
-                    style({ overflow: 'hidden', height: AUTO_STYLE }),
-                    animate(200, style({ height: 0, display: 'none' }))
-                ])
-            ])
-        ],
-        exportAs: 'kendoPanelbarItem',
-        selector: "kendo-panelbar-item",
-        template: `
-            <span
-                #header
-                [class.k-link]="true"
-                [class.k-state-selected]="!disabled && selected"
-                [class.k-state-focused]="focused && wrapperFocused"
-                (click)="onItemClick($event)">
-                <span
-                    *ngIf="icon || iconClass"
-                    class="k-icon k-panelbar-item-icon"
-                    [ngClass]="iconClasses">
-                </span>
-                <img
-                    *ngIf="imageUrl"
-                    class="k-image k-panelbar-item-icon"
-                    [src]="imageUrl"
-                    alt="">
-                <ng-container *ngIf="!titleTemplate"><span class="k-panelbar-item-text">{{title}}</span></ng-container>
-                <ng-template *ngIf="titleTemplate" [ngTemplateOutlet]="titleTemplate"></ng-template>
-                <span *ngIf="hasChildItems || hasContent"
-                    class="k-icon k-panelbar-toggle"
-                    [ngClass]="{'k-i-arrow-chevron-up k-panelbar-collapse': expanded, 'k-i-arrow-chevron-down k-panelbar-expand': !expanded}">
-                </span>
-            </span>
-            <div #contentWrapper
-                *ngIf="keepContent || (!disabled && expanded && (hasChildItems || hasContent))"
-                [@toggle]="state"
-                [attr.role]="'group'"
-                [attr.aria-hidden]="!disabled && !expanded">
-                <div
-                    *ngIf="hasChildItems && !items?.length"
-                    [style.overflow]="contentOverflow"
-                    [style.height]="contentHeight"
-                    class="k-panel k-group k-panelbar-group">
-                        <ng-content select="kendo-panelbar-item"></ng-content>
-                </div>
-                <div
-                    *ngIf="hasContent && !content"
-                    [style.overflow]="contentOverflow"
-                    [style.height]="contentHeight"
-                    class="k-content k-panelbar-content">
-                    <ng-template
-                        [ngTemplateOutlet]="contentTemplate.first.templateRef"
-                        [ngTemplateOutletContext]="{
-                            $implicit: {
-                                title: title,
-                                id: id,
-                                icon: icon,
-                                imageUrl: imageUrl,
-                                disabled: disabled,
-                                content: content
-                            }
-                        }">
-                    </ng-template>
-                </div>
-                <div *ngIf="hasItems"
-                    [style.overflow]="contentOverflow"
-                    [style.height]="contentHeight"
-                    class="k-panel k-group k-panelbar-group">
-                    <ng-container *ngFor="let item of items">
-                        <kendo-panelbar-item *ngIf="!item.hidden"
-                            [title]="item.title"
-                            [id]="item.id"
-                            [icon]="item.icon"
-                            [iconClass]="item.iconClass"
-                            [imageUrl]="item.imageUrl"
-                            [selected]="!!item.selected"
-                            [expanded]="!!item.expanded"
-                            [disabled]="!!item.disabled"
-                            [template]="template"
-                            [items]="item.children"
-                            [content]="item.content">
-                        </kendo-panelbar-item>
-                    </ng-container>
-                </div>
-                <div
-                    *ngIf="content"
-                    [style.overflow]="contentOverflow"
-                    [style.height]="contentHeight"
-                    class="k-content k-panelbar-content">
-                    <ng-template
-                        [ngTemplateOutlet]="template"
-                        [ngTemplateOutletContext]="{
-                            $implicit: {
-                                title: title,
-                                id: id,
-                                icon: icon,
-                                imageUrl: imageUrl,
-                                disabled: disabled,
-                                content: content
-                            }
-                        }">
-                    </ng-template>
-                    <ng-template [ngIf]="!template">{{content}}</ng-template>
-                </div>
-            </div>`
-    }),
-    tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()),
-    tslib_1.__metadata("design:paramtypes", [PanelBarItemComponent,
-        PanelBarService,
-        ElementRef,
-        Renderer2])
-], PanelBarItemComponent);
-export { PanelBarItemComponent };

package/dist/es2015/panelbar.module.d.ts

@@ -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
-*-------------------------------------------------------------------------------------------*/
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the PanelBar component.
- *
- * The module registers:
- * - `PanelBarComponent`—The `PanelBar` component class.
- * - `PanelBarItemComponent`—The `PanelBarItem` component class.
- * - `PanelBarContentComponent`—The `PanelBarContent` component class.
- * - `PanelBarItemTemplateDirective—The `PanelBarItemTemplate` directive.
- * - `PanelBarItemTitleDirective—The `PanelBarItemTitle` directive.
- */
-export declare class PanelBarModule {
-}

package/dist/es2015/splitter.module.d.ts

@@ -1,14 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the Splitter component.
- *
- * The module registers:
- * - `SplitterComponent`—The `Splitter` component class.
- * - `SplitterPaneComponent`—The `SplitterPane` component class.
- */
-export declare class SplitterModule {
-}

package/dist/es2015/stacklayout.module.js

@@ -1,28 +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 { StackLayoutComponent } from './layouts/stack-layout.component';
-const exportedModules = [
-    StackLayoutComponent
-];
-const declarations = [
-    ...exportedModules
-];
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the StackLayout component.
- */
-let StackLayoutModule = class StackLayoutModule {
-};
-StackLayoutModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [declarations],
-        exports: [exportedModules],
-        imports: [CommonModule]
-    })
-], StackLayoutModule);
-export { StackLayoutModule };