@progress/kendo-angular-layout 6.6.0-dev.202204071221 → 7.0.0-dev.202204191050

package/dist/npm/panelbar/panelbar.component.js

@@ -1,649 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var kendo_licensing_1 = require("@progress/kendo-licensing");
-var package_metadata_1 = require("../package-metadata");
-var panelbar_expand_mode_1 = require("./panelbar-expand-mode");
-var panelbar_item_component_1 = require("./panelbar-item.component");
-var panelbar_service_1 = require("./panelbar.service");
-var panelbar_item_template_directive_1 = require("./panelbar-item-template.directive");
-var util_1 = require("../common/util");
-var dom_queries_1 = require("./../common/dom-queries");
-var events_1 = require("./events");
-/**
- * Represents the [Kendo UI PanelBar component for Angular]({% slug overview_panelbar %}).
- */
-var PanelBarComponent = /** @class */ (function () {
-    function PanelBarComponent(elementRef, eventService, localization) {
-        var _this = this;
-        this.localization = localization;
-        /**
-         * Sets the expand mode of the PanelBar through the `PanelBarExpandMode` enum ([see example]({% slug expandmodes_panelbar %})).
-         *
-         * The available modes are:
-         * - `"single"`—Expands only one item at a time. Expanding an item collapses the item that was previously expanded.
-         * - `"multiple"`—The default mode of the PanelBar.
-         * Expands more than one item at a time. Items can also be toggled.
-         * - `"full"`—Expands only one item at a time.
-         * The expanded area occupies the entire height of the PanelBar. Requires you to set the `height` property.
-         */
-        this.expandMode = panelbar_expand_mode_1.PanelBarExpandMode.Default;
-        /**
-         * Allows the PanelBar to modify the selected state of the items.
-         */
-        this.selectable = true;
-        /**
-         * Sets the animate state of the PanelBar ([see example]({% slug animations_panelbar %})).
-         */
-        this.animate = true;
-        /**
-         * Sets the height of the component when the `"full"` expand mode is used.
-         * This option is ignored in the `"multiple"` and `"single"` expand modes.
-         */
-        this.height = '400px';
-        /**
-         * Fires each time the user interacts with a PanelBar item
-         * ([see example]({% slug routing_panelbar %}#toc-getting-the-selected-item)).
-         * The event data contains all items that are modified.
-         */
-        this.stateChange = new core_1.EventEmitter();
-        /**
-         * Fires when an item is about to be selected.
-         * ([see example]({% slug events_panelbar %}))
-         * This event is preventable. If you cancel it, the item will not be selected.
-         */
-        this.select = new core_1.EventEmitter();
-        /**
-         * Fires when an item is about to be expanded.
-         * ([see example]({% slug events_panelbar %}))
-         * This event is preventable. If you cancel it, the item will remain collapsed.
-         */
-        this.expand = new core_1.EventEmitter();
-        /**
-         * Fires when an item is about to be collapsed.
-         * ([see example]({% slug events_panelbar %}))
-         * This event is preventable. If you cancel it, the item will remain expanded.
-         */
-        this.collapse = new core_1.EventEmitter();
-        this.tabIndex = 0;
-        this.role = 'tree';
-        this.hostClass = true;
-        this.activeDescendant = '';
-        this.isViewInit = true;
-        this.focused = false;
-        this._keepItemContent = false;
-        this.updateChildrenHeight = function () {
-            var childrenHeight = 0;
-            var panelbarHeight = _this.elementRef.nativeElement.offsetHeight;
-            var contentOverflow = _this.expandMode === panelbar_expand_mode_1.PanelBarExpandMode.Full ? 'auto' : 'visible';
-            _this.childrenItems.forEach(function (item) {
-                childrenHeight += item.headerHeight();
-            });
-            _this.childrenItems.forEach(function (item) {
-                item.contentHeight = panelbar_expand_mode_1.PanelBarExpandMode.Full === _this.expandMode ? (panelbarHeight - childrenHeight) + 'px' : 'auto';
-                item.contentOverflow = contentOverflow;
-            });
-        };
-        kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
-        /* tslint:disable-line */
-        this.keyBindings = this.computedKeys;
-        this.elementRef = elementRef;
-        this.eventService = eventService;
-        this.eventService.children$.subscribe(function (event) { return _this.onItemAction(event); });
-    }
-    Object.defineProperty(PanelBarComponent.prototype, "keepItemContent", {
-        /**
-         * When set to `true`, the PanelBar renders the content of all items and they are persisted in the DOM
-         * ([see example]({% slug templates_panelbar %}#toc-collections)).
-         * By default, this option is set to `false`.
-         */
-        get: function () {
-            return this._keepItemContent;
-        },
-        set: function (keepItemContent) {
-            this._keepItemContent = keepItemContent;
-            this.eventService.onKeepContent(keepItemContent);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(PanelBarComponent.prototype, "items", {
-        get: function () {
-            return this._items;
-        },
-        /**
-         * Sets the items of the PanelBar as an array of `PanelBarItemModel` instances
-         * ([see example]({% slug items_panelbar %})).
-         */
-        set: function (data) {
-            if (data) {
-                this._items = util_1.default.parsePanelBarItems(data);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(PanelBarComponent.prototype, "hostHeight", {
-        get: function () {
-            return this.expandMode === panelbar_expand_mode_1.PanelBarExpandMode.Full ? this.height : 'auto';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(PanelBarComponent.prototype, "overflow", {
-        get: function () {
-            return this.expandMode === panelbar_expand_mode_1.PanelBarExpandMode.Full ? 'hidden' : 'visible';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(PanelBarComponent.prototype, "dir", {
-        get: function () {
-            return this.localization.rtl ? 'rtl' : 'ltr';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    PanelBarComponent.prototype.invertKeys = function (original, inverted) {
-        return this.localization.rtl ? inverted : original;
-    };
-    Object.defineProperty(PanelBarComponent.prototype, "computedKeys", {
-        get: function () {
-            var _this = this;
-            var _a;
-            return _a = {},
-                _a[kendo_angular_common_1.Keys.Space] = function () { return _this.selectFocusedItem(); },
-                _a[kendo_angular_common_1.Keys.Enter] = function () { return _this.selectFocusedItem(); },
-                _a[kendo_angular_common_1.Keys.ArrowUp] = function () { return _this.focusPreviousItem(); },
-                _a[this.invertKeys(kendo_angular_common_1.Keys.ArrowLeft, kendo_angular_common_1.Keys.ArrowRight)] = function () { return _this.collapseItem(); },
-                _a[kendo_angular_common_1.Keys.ArrowDown] = function () { return _this.focusNextItem(); },
-                _a[this.invertKeys(kendo_angular_common_1.Keys.ArrowRight, kendo_angular_common_1.Keys.ArrowLeft)] = function () { return _this.expandItem(); },
-                _a[kendo_angular_common_1.Keys.End] = function () { return _this.focusLastItem(); },
-                _a[kendo_angular_common_1.Keys.Home] = function () { return _this.focusFirstItem(); },
-                _a;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    PanelBarComponent.prototype.ngOnDestroy = function () {
-        if (this.localizationChangeSubscription) {
-            this.localizationChangeSubscription.unsubscribe();
-        }
-    };
-    PanelBarComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.localizationChangeSubscription = this.localization
-            .changes.subscribe(function () {
-            return _this.keyBindings = _this.computedKeys;
-        });
-        this.eventService.animate = this.animate;
-        this.eventService.expandMode = this.expandMode;
-    };
-    PanelBarComponent.prototype.ngAfterViewChecked = function () {
-        var _this = this;
-        if (this.items) {
-            this.childrenItems = this.viewChildItems.toArray();
-            this.allItems = this.viewItems;
-        }
-        else {
-            this.childrenItems = this.contentChildItems.toArray();
-            this.allItems = this.contentItems.toArray();
-        }
-        if (this.isViewInit && this.childrenItems.length) {
-            this.isViewInit = false;
-            setTimeout(function () { return _this.updateChildrenHeight(); });
-        }
-        this.validateConfiguration();
-    };
-    PanelBarComponent.prototype.ngOnChanges = function (changes) {
-        if (changes['height'] || changes['expandMode'] || changes['items']) { // tslint:disable-line
-            if (this.childrenItems) {
-                setTimeout(this.updateChildrenHeight);
-            }
-        }
-        if (changes.animate) {
-            this.eventService.animate = this.animate;
-        }
-        if (changes.expandMode) {
-            this.eventService.expandMode = this.expandMode;
-        }
-    };
-    Object.defineProperty(PanelBarComponent.prototype, "templateRef", {
-        get: function () {
-            return this.template ? this.template.templateRef : undefined;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    PanelBarComponent.prototype.onComponentClick = function (event) {
-        var itemClicked = this.visibleItems().some(function (item) {
-            return item.header.nativeElement.contains(event.target);
-        });
-        if (!dom_queries_1.isFocusable(event.target) && !this.focused && itemClicked) {
-            this.elementRef.nativeElement.focus();
-        }
-    };
-    /**
-     * @hidden
-     */
-    PanelBarComponent.prototype.onComponentFocus = function () {
-        this.eventService.onFocus();
-        this.focused = true;
-        if (this.allItems.length > 0) {
-            var visibleItems = this.visibleItems();
-            var focusedItems = visibleItems.filter(function (item) { return item.focused; });
-            if (!focusedItems.length && visibleItems.length > 0) {
-                visibleItems[0].focused = true;
-                this.activeDescendant = visibleItems[0].itemId;
-            }
-        }
-    };
-    /**
-     * @hidden
-     */
-    PanelBarComponent.prototype.onComponentBlur = function () {
-        this.eventService.onBlur();
-        this.focused = false;
-        this.activeDescendant = '';
-    };
-    /**
-     * @hidden
-     */
-    PanelBarComponent.prototype.onComponentKeyDown = function (event) {
-        if (event.target === this.elementRef.nativeElement) {
-            if (event.keyCode === kendo_angular_common_1.Keys.Space || event.keyCode === kendo_angular_common_1.Keys.ArrowUp || event.keyCode === kendo_angular_common_1.Keys.ArrowDown ||
-                event.keyCode === kendo_angular_common_1.Keys.ArrowLeft || event.keyCode === kendo_angular_common_1.Keys.ArrowRight || event.keyCode === kendo_angular_common_1.Keys.Home ||
-                event.keyCode === kendo_angular_common_1.Keys.End || event.keyCode === kendo_angular_common_1.Keys.PageUp || event.keyCode === kendo_angular_common_1.Keys.PageDown) {
-                event.preventDefault();
-            }
-            var handler = this.keyBindings[event.keyCode];
-            //TODO: check if next item is disabled and skip operation?
-            if (handler) {
-                handler();
-            }
-        }
-    };
-    /**
-     * @hidden
-     */
-    PanelBarComponent.prototype.emitEvent = function (event, item) {
-        var eventArgs;
-        switch (event) {
-            case 'select':
-                eventArgs = new events_1.PanelBarSelectEvent();
-                break;
-            case 'collapse':
-                eventArgs = new events_1.PanelBarCollapseEvent();
-                break;
-            default:
-                eventArgs = new events_1.PanelBarExpandEvent();
-                break;
-        }
-        eventArgs.item = item.serialize();
-        this[event].emit(eventArgs);
-        return eventArgs;
-    };
-    Object.defineProperty(PanelBarComponent.prototype, "viewItems", {
-        get: function () {
-            var treeItems = [];
-            this.viewChildItems.toArray().forEach(function (item) {
-                treeItems.push(item);
-                treeItems = treeItems.concat(item.subTreeViewItems());
-            });
-            return treeItems;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    PanelBarComponent.prototype.validateConfiguration = function () {
-        if (core_1.isDevMode()) {
-            if (this.items && (this.contentItems && this.contentItems.length > 0)) {
-                throw new Error('Invalid configuration: mixed template components and items property.');
-            }
-        }
-    };
-    PanelBarComponent.prototype.onItemAction = function (item) {
-        var _this = this;
-        if (!item) {
-            return;
-        }
-        var modifiedItems = new Array();
-        this.allItems
-            .forEach(function (currentItem) {
-            var selectedState = currentItem === item;
-            var focusedState = selectedState;
-            selectedState = _this.selectable ? selectedState : currentItem.selected;
-            if (currentItem.selected !== selectedState || currentItem.focused !== focusedState) {
-                var isSelectPrevented = selectedState ? _this.emitEvent('select', currentItem).isDefaultPrevented() : false;
-                if (!isSelectPrevented) {
-                    currentItem.selected = selectedState;
-                    currentItem.focused = focusedState;
-                    _this.activeDescendant = focusedState ? currentItem.itemId : '';
-                    modifiedItems.push(currentItem);
-                }
-            }
-        });
-        if (this.expandMode === panelbar_expand_mode_1.PanelBarExpandMode.Multiple) {
-            if ((item.hasChildItems || item.hasContent) && item.selected) {
-                var isEventPrevented = item.expanded ?
-                    this.emitEvent('collapse', item).isDefaultPrevented() :
-                    this.emitEvent('expand', item).isDefaultPrevented();
-                if (!isEventPrevented) {
-                    item.expanded = !item.expanded;
-                    if (modifiedItems.indexOf(item) < 0) {
-                        modifiedItems.push(item);
-                    }
-                }
-            }
-        }
-        else {
-            var siblings = item.parent ? item.parent.childrenItems : this.childrenItems;
-            var preventedCollapseItem_1;
-            var expandedItems_1 = [];
-            if ((item.hasChildItems || item.hasContent) && item.selected) {
-                siblings
-                    .forEach(function (currentItem) {
-                    var expandedState = currentItem === item;
-                    if (currentItem.expanded !== expandedState) {
-                        var isEventPrevented = currentItem.expanded ?
-                            _this.emitEvent('collapse', currentItem).isDefaultPrevented() :
-                            _this.emitEvent('expand', currentItem).isDefaultPrevented();
-                        if (!isEventPrevented) {
-                            currentItem.expanded = expandedState;
-                            if (currentItem.expanded) {
-                                expandedItems_1.push(currentItem);
-                            }
-                            if (modifiedItems.indexOf(currentItem) < 0) {
-                                modifiedItems.push(currentItem);
-                            }
-                        }
-                        else if (isEventPrevented && currentItem.expanded) {
-                            preventedCollapseItem_1 = currentItem;
-                        }
-                    }
-                    else if (currentItem.expanded === expandedState && expandedState) {
-                        var isCollapsePrevented = _this.emitEvent('collapse', currentItem).isDefaultPrevented();
-                        if (!isCollapsePrevented) {
-                            currentItem.expanded = !currentItem.expanded;
-                            if (modifiedItems.indexOf(currentItem) < 0) {
-                                modifiedItems.push(currentItem);
-                            }
-                        }
-                    }
-                });
-                expandedItems_1.forEach(function (item) {
-                    if (preventedCollapseItem_1 && item.id !== preventedCollapseItem_1.id) {
-                        item.expanded = false;
-                        if (core_1.isDevMode()) {
-                            var expandMode = panelbar_expand_mode_1.PanelBarExpandMode[_this.expandMode].toLowerCase();
-                            console.warn("\n                            The " + expandMode + " expandMode allows the expansion of only one item at a time.\n                            See https://www.telerik.com/kendo-angular-ui-develop/components/layout/panelbar/expand-modes/");
-                        }
-                    }
-                });
-            }
-        }
-        if (modifiedItems.length > 0) {
-            this.stateChange.emit(modifiedItems.map(function (currentItem) { return currentItem.serialize(); }));
-        }
-    };
-    PanelBarComponent.prototype.isVisible = function (item) {
-        var visibleItems = this.visibleItems();
-        return visibleItems.some(function (i) { return i === item; });
-    };
-    PanelBarComponent.prototype.getVisibleParent = function (item) {
-        var visibleItems = this.visibleItems();
-        if (!item.parent) {
-            return item;
-        }
-        return visibleItems.some(function (i) { return i === item.parent; }) ? item.parent : this.getVisibleParent(item.parent);
-    };
-    PanelBarComponent.prototype.focusItem = function (action) {
-        var visibleItems = this.visibleItems();
-        var currentIndex = visibleItems.findIndex(function (item) { return item.focused; });
-        var currentItem = visibleItems[currentIndex];
-        var nextItem;
-        if (currentIndex === -1) {
-            var focusedItem = this.allItems.find(function (item) { return item.focused; });
-            focusedItem.focused = false;
-            currentItem = this.getVisibleParent(focusedItem);
-            currentIndex = visibleItems.findIndex(function (item) { return item === currentItem; });
-        }
-        switch (action) {
-            case 'lastItem':
-                nextItem = visibleItems[visibleItems.length - 1];
-                break;
-            case 'firstItem':
-                nextItem = visibleItems[0];
-                break;
-            case 'nextItem':
-                nextItem = visibleItems[currentIndex < visibleItems.length - 1 ? currentIndex + 1 : 0];
-                break;
-            case 'previousItem':
-                nextItem = visibleItems[currentIndex > 0 ? currentIndex - 1 : visibleItems.length - 1];
-                break;
-            default:
-        }
-        if (currentItem && nextItem && currentItem !== nextItem) {
-            this.moveFocus(currentItem, nextItem);
-        }
-    };
-    PanelBarComponent.prototype.moveFocus = function (from, to) {
-        from.focused = false;
-        to.focused = true;
-        this.activeDescendant = to.itemId;
-        var modifiedItems = new Array(from.serialize(), to.serialize());
-        this.stateChange.emit(modifiedItems);
-    };
-    PanelBarComponent.prototype.focusLastItem = function () {
-        this.focusItem('lastItem');
-    };
-    PanelBarComponent.prototype.focusFirstItem = function () {
-        this.focusItem('firstItem');
-    };
-    PanelBarComponent.prototype.focusNextItem = function () {
-        this.focusItem('nextItem');
-    };
-    PanelBarComponent.prototype.focusPreviousItem = function () {
-        this.focusItem('previousItem');
-    };
-    PanelBarComponent.prototype.expandItem = function () {
-        var currentItem = this.allItems.filter(function (item) { return item.focused; })[0];
-        if (!this.isVisible(currentItem)) {
-            currentItem.focused = false;
-            currentItem = this.getVisibleParent(currentItem);
-        }
-        if (currentItem.hasChildItems || currentItem.hasContent) {
-            if (!currentItem.expanded) {
-                this.onItemAction(currentItem);
-            }
-            else if (currentItem.hasChildItems) {
-                var firstChildIndex = currentItem.childrenItems.findIndex(function (item) { return !item.disabled; });
-                if (firstChildIndex > -1) {
-                    this.moveFocus(currentItem, currentItem.childrenItems[firstChildIndex]);
-                }
-            }
-        }
-    };
-    PanelBarComponent.prototype.collapseItem = function () {
-        var currentItem = this.allItems.filter(function (item) { return item.focused; })[0];
-        if (currentItem.expanded) {
-            this.onItemAction(currentItem);
-        }
-        else if (currentItem.parent) {
-            this.moveFocus(currentItem, currentItem.parent);
-        }
-    };
-    PanelBarComponent.prototype.selectFocusedItem = function () {
-        var focusedItem = this.allItems.filter(function (item) { return item.focused; })[0];
-        if (!this.isVisible(focusedItem)) {
-            focusedItem.focused = false;
-            focusedItem = this.getVisibleParent(focusedItem);
-        }
-        if (focusedItem) {
-            focusedItem.onItemAction();
-        }
-    };
-    PanelBarComponent.prototype.visibleItems = function () {
-        return this.flatVisibleItems(this.childrenItems);
-    };
-    PanelBarComponent.prototype.flatVisibleItems = function (listOfItems, flattedItems) {
-        var _this = this;
-        if (listOfItems === void 0) { listOfItems = new Array(); }
-        if (flattedItems === void 0) { flattedItems = new Array(); }
-        listOfItems.forEach(function (item) {
-            flattedItems.push(item);
-            if (item.expanded && item.hasChildItems) {
-                _this.flatVisibleItems(item.childrenItems, flattedItems);
-            }
-        });
-        return flattedItems;
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], PanelBarComponent.prototype, "expandMode", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], PanelBarComponent.prototype, "selectable", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], PanelBarComponent.prototype, "animate", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], PanelBarComponent.prototype, "height", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [Boolean])
-    ], PanelBarComponent.prototype, "keepItemContent", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array),
-        tslib_1.__metadata("design:paramtypes", [Array])
-    ], PanelBarComponent.prototype, "items", null);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], PanelBarComponent.prototype, "stateChange", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], PanelBarComponent.prototype, "select", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], PanelBarComponent.prototype, "expand", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], PanelBarComponent.prototype, "collapse", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.tabIndex'),
-        tslib_1.__metadata("design:type", Number)
-    ], PanelBarComponent.prototype, "tabIndex", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.role'),
-        tslib_1.__metadata("design:type", String)
-    ], PanelBarComponent.prototype, "role", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-panelbar'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], PanelBarComponent.prototype, "hostClass", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.aria-activedescendant'),
-        tslib_1.__metadata("design:type", String)
-    ], PanelBarComponent.prototype, "activeDescendant", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('style.height'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], PanelBarComponent.prototype, "hostHeight", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('style.overflow'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], PanelBarComponent.prototype, "overflow", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], PanelBarComponent.prototype, "dir", null);
-    tslib_1.__decorate([
-        core_1.ContentChild(panelbar_item_template_directive_1.PanelBarItemTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", panelbar_item_template_directive_1.PanelBarItemTemplateDirective)
-    ], PanelBarComponent.prototype, "template", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChildren(panelbar_item_component_1.PanelBarItemComponent, { descendants: true }),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], PanelBarComponent.prototype, "contentItems", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChildren(panelbar_item_component_1.PanelBarItemComponent),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], PanelBarComponent.prototype, "contentChildItems", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChildren(panelbar_item_component_1.PanelBarItemComponent),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], PanelBarComponent.prototype, "viewChildItems", void 0);
-    tslib_1.__decorate([
-        core_1.HostListener('click', ['$event']),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Object]),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], PanelBarComponent.prototype, "onComponentClick", null);
-    tslib_1.__decorate([
-        core_1.HostListener('focus'),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", []),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], PanelBarComponent.prototype, "onComponentFocus", null);
-    tslib_1.__decorate([
-        core_1.HostListener('blur'),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", []),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], PanelBarComponent.prototype, "onComponentBlur", null);
-    tslib_1.__decorate([
-        core_1.HostListener('keydown', ['$event']),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Object]),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], PanelBarComponent.prototype, "onComponentKeyDown", null);
-    PanelBarComponent = tslib_1.__decorate([
-        core_1.Component({
-            exportAs: 'kendoPanelbar',
-            providers: [
-                panelbar_service_1.PanelBarService,
-                kendo_angular_l10n_1.LocalizationService,
-                {
-                    provide: kendo_angular_l10n_1.L10N_PREFIX,
-                    useValue: 'kendo.panelbar'
-                }
-            ],
-            selector: 'kendo-panelbar',
-            template: "\n        <ng-content *ngIf=\"contentChildItems && !items\" select=\"kendo-panelbar-item\"></ng-content>\n        <ng-template [ngIf]=\"items?.length\">\n            <ng-container *ngFor=\"let item of items\">\n                <kendo-panelbar-item *ngIf=\"!item.hidden\"\n                    [title]=\"item.title\"\n                    [id]=\"item.id\"\n                    [icon]=\"item.icon\"\n                    [iconClass]=\"item.iconClass\"\n                    [imageUrl]=\"item.imageUrl\"\n                    [selected]=\"!!item.selected\"\n                    [expanded]=\"!!item.expanded\"\n                    [disabled]=\"!!item.disabled\"\n                    [template]=\"templateRef\"\n                    [items]=\"item.children\"\n                    [content]=\"item.content\"\n                >\n                </kendo-panelbar-item>\n            </ng-container>\n        </ng-template>\n    "
-        })
-        // TODO: add styles as input prop
-        ,
-        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
-            panelbar_service_1.PanelBarService,
-            kendo_angular_l10n_1.LocalizationService])
-    ], PanelBarComponent);
-    return PanelBarComponent;
-}());
-exports.PanelBarComponent = PanelBarComponent;