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

package/{dist/es2015 → esm2015}/panelbar/panelbar.component.js

@@ -2,8 +2,7 @@
 * 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, ContentChild, ContentChildren, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output, QueryList, ViewChildren, isDevMode } from '@angular/core';
+import { Component, ContentChild, ContentChildren, EventEmitter, HostBinding, HostListener, Input, Output, ViewChildren, isDevMode } from '@angular/core';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { Keys } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
@@ -12,15 +11,19 @@ import { PanelBarExpandMode } from './panelbar-expand-mode';
 import { PanelBarItemComponent } from './panelbar-item.component';
 import { PanelBarService } from "./panelbar.service";
 import { PanelBarItemTemplateDirective } from "./panelbar-item-template.directive";
-import util from "../common/util";
+import { parsePanelBarItems } from "../common/util";
 import { isFocusable } from './../common/dom-queries';
-import { PanelBarSelectEvent, PanelBarExpandEvent, PanelBarCollapseEvent } from './events';
+import { PanelBarSelectEvent, PanelBarExpandEvent, PanelBarCollapseEvent, PanelBarStateChangeEvent } from './events';
+import * as i0 from "@angular/core";
+import * as i1 from "./panelbar.service";
+import * as i2 from "@progress/kendo-angular-l10n";
+import * as i3 from "./panelbar-item.component";
+import * as i4 from "@angular/common";
 /**
  * Represents the [Kendo UI PanelBar component for Angular]({% slug overview_panelbar %}).
  */
-let PanelBarComponent = 
 // TODO: add styles as input prop
-class PanelBarComponent {
+export class PanelBarComponent {
     constructor(elementRef, eventService, localization) {
         this.localization = localization;
         /**
@@ -50,7 +53,7 @@ class PanelBarComponent {
         /**
          * 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.
+         * The event data contains a collection of all items that are modified.
          */
         this.stateChange = new EventEmitter();
         /**
@@ -91,7 +94,7 @@ class PanelBarComponent {
             });
         };
         validatePackage(packageMetadata);
-        /* tslint:disable-line */
+        /* eslint-disable-line*/
         this.keyBindings = this.computedKeys;
         this.elementRef = elementRef;
         this.eventService = eventService;
@@ -115,7 +118,7 @@ class PanelBarComponent {
      */
     set items(data) {
         if (data) {
-            this._items = util.parsePanelBarItems(data);
+            this._items = parsePanelBarItems(data);
         }
     }
     get items() {
@@ -175,7 +178,7 @@ class PanelBarComponent {
         this.validateConfiguration();
     }
     ngOnChanges(changes) {
-        if (changes['height'] || changes['expandMode'] || changes['items']) { // tslint:disable-line
+        if (changes['height'] || changes['expandMode'] || changes['items']) { // eslint-disable-line
             if (this.childrenItems) {
                 setTimeout(this.updateChildrenHeight);
             }
@@ -358,7 +361,9 @@ class PanelBarComponent {
             }
         }
         if (modifiedItems.length > 0) {
-            this.stateChange.emit(modifiedItems.map(currentItem => currentItem.serialize()));
+            let eventArgs = new PanelBarStateChangeEvent();
+            eventArgs.items = modifiedItems.map(currentItem => currentItem.serialize());
+            this.stateChange.emit(eventArgs);
         }
     }
     isVisible(item) {
@@ -407,7 +412,9 @@ class PanelBarComponent {
         to.focused = true;
         this.activeDescendant = to.itemId;
         const modifiedItems = new Array(from.serialize(), to.serialize());
-        this.stateChange.emit(modifiedItems);
+        let eventArgs = new PanelBarStateChangeEvent();
+        eventArgs.items = modifiedItems;
+        this.stateChange.emit(eventArgs);
     }
     focusLastItem() {
         this.focusItem('lastItem');
@@ -470,133 +477,50 @@ class PanelBarComponent {
         });
         return flattedItems;
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], PanelBarComponent.prototype, "expandMode", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], PanelBarComponent.prototype, "selectable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], PanelBarComponent.prototype, "animate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], PanelBarComponent.prototype, "height", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [Boolean])
-], PanelBarComponent.prototype, "keepItemContent", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array),
-    tslib_1.__metadata("design:paramtypes", [Array])
-], PanelBarComponent.prototype, "items", null);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], PanelBarComponent.prototype, "stateChange", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], PanelBarComponent.prototype, "select", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], PanelBarComponent.prototype, "expand", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], PanelBarComponent.prototype, "collapse", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.tabIndex'),
-    tslib_1.__metadata("design:type", Number)
-], PanelBarComponent.prototype, "tabIndex", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.role'),
-    tslib_1.__metadata("design:type", String)
-], PanelBarComponent.prototype, "role", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-panelbar'),
-    tslib_1.__metadata("design:type", Boolean)
-], PanelBarComponent.prototype, "hostClass", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.aria-activedescendant'),
-    tslib_1.__metadata("design:type", String)
-], PanelBarComponent.prototype, "activeDescendant", void 0);
-tslib_1.__decorate([
-    HostBinding('style.height'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], PanelBarComponent.prototype, "hostHeight", null);
-tslib_1.__decorate([
-    HostBinding('style.overflow'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], PanelBarComponent.prototype, "overflow", null);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], PanelBarComponent.prototype, "dir", null);
-tslib_1.__decorate([
-    ContentChild(PanelBarItemTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", PanelBarItemTemplateDirective)
-], PanelBarComponent.prototype, "template", void 0);
-tslib_1.__decorate([
-    ContentChildren(PanelBarItemComponent, { descendants: true }),
-    tslib_1.__metadata("design:type", QueryList)
-], PanelBarComponent.prototype, "contentItems", void 0);
-tslib_1.__decorate([
-    ContentChildren(PanelBarItemComponent),
-    tslib_1.__metadata("design:type", QueryList)
-], PanelBarComponent.prototype, "contentChildItems", void 0);
-tslib_1.__decorate([
-    ViewChildren(PanelBarItemComponent),
-    tslib_1.__metadata("design:type", QueryList)
-], PanelBarComponent.prototype, "viewChildItems", void 0);
-tslib_1.__decorate([
-    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([
-    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([
-    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([
-    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([
-    Component({
-        exportAs: 'kendoPanelbar',
-        providers: [
-            PanelBarService,
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.panelbar'
-            }
-        ],
-        selector: 'kendo-panelbar',
-        template: `
+}
+PanelBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PanelBarComponent, deps: [{ token: i0.ElementRef }, { token: i1.PanelBarService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+PanelBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PanelBarComponent, selector: "kendo-panelbar", inputs: { expandMode: "expandMode", selectable: "selectable", animate: "animate", height: "height", keepItemContent: "keepItemContent", items: "items" }, outputs: { stateChange: "stateChange", select: "select", expand: "expand", collapse: "collapse" }, host: { listeners: { "click": "onComponentClick($event)", "focus": "onComponentFocus()", "blur": "onComponentBlur()", "keydown": "onComponentKeyDown($event)" }, properties: { "attr.tabIndex": "this.tabIndex", "attr.role": "this.role", "class.k-panelbar": "this.hostClass", "attr.aria-activedescendant": "this.activeDescendant", "style.height": "this.hostHeight", "style.overflow": "this.overflow", "attr.dir": "this.dir" } }, providers: [
+        PanelBarService,
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.panelbar'
+        }
+    ], queries: [{ propertyName: "template", first: true, predicate: PanelBarItemTemplateDirective, descendants: true }, { propertyName: "contentItems", predicate: PanelBarItemComponent, descendants: true }, { propertyName: "contentChildItems", predicate: PanelBarItemComponent }], viewQueries: [{ propertyName: "viewChildItems", predicate: PanelBarItemComponent, descendants: true }], exportAs: ["kendoPanelbar"], usesOnChanges: true, ngImport: i0, template: `
+        <ng-content *ngIf="contentChildItems && !items" select="kendo-panelbar-item"></ng-content>
+        <ng-template [ngIf]="items?.length">
+            <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]="templateRef"
+                    [items]="item.children"
+                    [content]="item.content"
+                >
+                </kendo-panelbar-item>
+            </ng-container>
+        </ng-template>
+    `, isInline: true, components: [{ type: i3.PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: ["title", "id", "icon", "iconClass", "imageUrl", "disabled", "expanded", "selected", "content", "items", "template"], exportAs: ["kendoPanelbarItem"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PanelBarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoPanelbar',
+                    providers: [
+                        PanelBarService,
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.panelbar'
+                        }
+                    ],
+                    selector: 'kendo-panelbar',
+                    template: `
         <ng-content *ngIf="contentChildItems && !items" select="kendo-panelbar-item"></ng-content>
         <ng-template [ngIf]="items?.length">
             <ng-container *ngFor="let item of items">
@@ -617,11 +541,70 @@ PanelBarComponent = tslib_1.__decorate([
             </ng-container>
         </ng-template>
     `
-    })
-    // TODO: add styles as input prop
-    ,
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        PanelBarService,
-        LocalizationService])
-], PanelBarComponent);
-export { PanelBarComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.PanelBarService }, { type: i2.LocalizationService }]; }, propDecorators: { expandMode: [{
+                type: Input
+            }], selectable: [{
+                type: Input
+            }], animate: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], keepItemContent: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], stateChange: [{
+                type: Output
+            }], select: [{
+                type: Output
+            }], expand: [{
+                type: Output
+            }], collapse: [{
+                type: Output
+            }], tabIndex: [{
+                type: HostBinding,
+                args: ['attr.tabIndex']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class.k-panelbar']
+            }], activeDescendant: [{
+                type: HostBinding,
+                args: ['attr.aria-activedescendant']
+            }], hostHeight: [{
+                type: HostBinding,
+                args: ['style.height']
+            }], overflow: [{
+                type: HostBinding,
+                args: ['style.overflow']
+            }], dir: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], template: [{
+                type: ContentChild,
+                args: [PanelBarItemTemplateDirective, { static: false }]
+            }], contentItems: [{
+                type: ContentChildren,
+                args: [PanelBarItemComponent, { descendants: true }]
+            }], contentChildItems: [{
+                type: ContentChildren,
+                args: [PanelBarItemComponent]
+            }], viewChildItems: [{
+                type: ViewChildren,
+                args: [PanelBarItemComponent]
+            }], onComponentClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], onComponentFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }], onComponentBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }], onComponentKeyDown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });

package/{dist/es2015 → esm2015}/panelbar/panelbar.service.js

@@ -2,9 +2,9 @@
 * 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 { Injectable } from '@angular/core';
 import { BehaviorSubject, Subject } from 'rxjs';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
@@ -12,7 +12,7 @@ let nextPanelbarId = 0;
 /**
  * @hidden
  */
-let PanelBarService = class PanelBarService {
+export class PanelBarService {
     constructor() {
         this.parentSource = new Subject();
         this.keepContentSource = new BehaviorSubject(false);
@@ -34,9 +34,9 @@ let PanelBarService = class PanelBarService {
     onBlur() {
         this.parentSource.next(false);
     }
-};
-PanelBarService = tslib_1.__decorate([
-    Injectable(),
-    tslib_1.__metadata("design:paramtypes", [])
-], PanelBarService);
-export { PanelBarService };
+}
+PanelBarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PanelBarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+PanelBarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PanelBarService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PanelBarService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });

package/{dist/es2015 → esm2015}/panelbar.module.js

@@ -2,7 +2,6 @@
 * 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 { PanelBarComponent } from './panelbar/panelbar.component';
@@ -10,6 +9,7 @@ import { PanelBarItemComponent } from './panelbar/panelbar-item.component';
 import { PanelBarContentDirective } from './panelbar/panelbar-content.directive';
 import { PanelBarItemTemplateDirective } from './panelbar/panelbar-item-template.directive';
 import { PanelBarItemTitleDirective } from './panelbar/panelbar-item-title.directive';
+import * as i0 from "@angular/core";
 const exportedModules = [
     PanelBarComponent,
     PanelBarItemComponent,
@@ -31,13 +31,24 @@ const declarations = [
  * - `PanelBarItemTemplateDirective—The `PanelBarItemTemplate` directive.
  * - `PanelBarItemTitleDirective—The `PanelBarItemTitle` directive.
  */
-let PanelBarModule = class PanelBarModule {
-};
-PanelBarModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [declarations],
-        exports: [exportedModules],
-        imports: [CommonModule]
-    })
-], PanelBarModule);
-export { PanelBarModule };
+export class PanelBarModule {
+}
+PanelBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PanelBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PanelBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PanelBarModule, declarations: [PanelBarComponent,
+        PanelBarItemComponent,
+        PanelBarContentDirective,
+        PanelBarItemTemplateDirective,
+        PanelBarItemTitleDirective], imports: [CommonModule], exports: [PanelBarComponent,
+        PanelBarItemComponent,
+        PanelBarContentDirective,
+        PanelBarItemTemplateDirective,
+        PanelBarItemTitleDirective] });
+PanelBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PanelBarModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PanelBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [declarations],
+                    exports: [exportedModules],
+                    imports: [CommonModule]
+                }]
+        }] });

package/{dist/es2015 → esm2015}/splitter/splitter-bar.component.js

@@ -2,22 +2,20 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, ElementRef, Host, HostBinding, HostListener, Input } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { DraggableDirective, Keys } from '@progress/kendo-angular-common';
-import { SplitterService } from './splitter.service';
+import { Component, Host, HostBinding, HostListener, Input } from '@angular/core';
+import { Keys } from '@progress/kendo-angular-common';
 import { Subscription, of } from 'rxjs';
 import { delay, filter, map, switchMap, takeUntil, tap } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-common";
+import * as i2 from "./splitter.service";
+import * as i3 from "@progress/kendo-angular-l10n";
 const stopPropagation = ({ originalEvent: event }) => {
     event.stopPropagation();
     event.preventDefault();
 };
-const ɵ0 = stopPropagation;
 const preventOnDblClick = release => mouseDown => of(mouseDown).pipe(delay(150), takeUntil(release));
-const ɵ1 = preventOnDblClick;
 const classFromObject = classes => Object.keys(classes).filter(c => classes[c]).join(' ');
-const ɵ2 = classFromObject;
 const createMoveStream = (draggable) => mouseDown => draggable.kendoDrag
     .pipe(takeUntil(draggable.kendoRelease), map(({ pageX, pageY }) => ({
     originalX: mouseDown.pageX,
@@ -25,11 +23,10 @@ const createMoveStream = (draggable) => mouseDown => draggable.kendoDrag
     pageX,
     pageY
 })));
-const ɵ3 = createMoveStream;
 /**
  * @hidden
  */
-let SplitterBarComponent = class SplitterBarComponent {
+export class SplitterBarComponent {
     constructor(draggable, element, splitter, localization) {
         this.draggable = draggable;
         this.element = element;
@@ -177,78 +174,60 @@ let SplitterBarComponent = class SplitterBarComponent {
             this.splitter.tryToggle(next);
         }
     }
-};
-tslib_1.__decorate([
-    Input(),
-    HostBinding('attr.aria-orientation'),
-    tslib_1.__metadata("design:type", String)
-], SplitterBarComponent.prototype, "orientation", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], SplitterBarComponent.prototype, "index", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.role'),
-    tslib_1.__metadata("design:type", String)
-], SplitterBarComponent.prototype, "ariaRole", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-state-focused'),
-    tslib_1.__metadata("design:type", Boolean)
-], SplitterBarComponent.prototype, "focused", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.tabindex'),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [])
-], SplitterBarComponent.prototype, "tabIndex", null);
-tslib_1.__decorate([
-    HostBinding('class'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], SplitterBarComponent.prototype, "hostClasses", null);
-tslib_1.__decorate([
-    HostBinding('style.-ms-flex-order'),
-    HostBinding('style.order'),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [])
-], SplitterBarComponent.prototype, "order", null);
-tslib_1.__decorate([
-    HostListener('dblclick'),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", []),
-    tslib_1.__metadata("design:returntype", void 0)
-], SplitterBarComponent.prototype, "collapseAny", null);
-tslib_1.__decorate([
-    HostListener('focusin'),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", []),
-    tslib_1.__metadata("design:returntype", void 0)
-], SplitterBarComponent.prototype, "onFocusIn", null);
-tslib_1.__decorate([
-    HostListener('focusout'),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", []),
-    tslib_1.__metadata("design:returntype", void 0)
-], SplitterBarComponent.prototype, "onFocusOut", null);
-tslib_1.__decorate([
-    HostListener('keydown', ['$event']),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", [Object]),
-    tslib_1.__metadata("design:returntype", void 0)
-], SplitterBarComponent.prototype, "onKeyDown", null);
-SplitterBarComponent = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-splitter-bar',
-        template: `
+}
+SplitterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitterBarComponent, deps: [{ token: i1.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: i2.SplitterService }, { token: i3.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index" }, host: { listeners: { "dblclick": "collapseAny()", "focusin": "onFocusIn()", "focusout": "onFocusOut()", "keydown": "onKeyDown($event)" }, properties: { "attr.aria-orientation": "this.orientation", "attr.role": "this.ariaRole", "class.k-state-focused": "this.focused", "attr.tabindex": "this.tabIndex", "class": "this.hostClasses", "style.-ms-flex-order": "this.order", "style.order": "this.order" } }, ngImport: i0, template: `
+      <div [class]="previousArrowClass()" (click)="togglePrevious()"></div>
+      <div class="k-resize-handle"></div>
+      <div [class]="nextArrowClass()" (click)="toggleNext()"></div>
+    `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitterBarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-splitter-bar',
+                    template: `
       <div [class]="previousArrowClass()" (click)="togglePrevious()"></div>
       <div class="k-resize-handle"></div>
       <div [class]="nextArrowClass()" (click)="toggleNext()"></div>
     `
-    }),
-    tslib_1.__param(0, Host()),
-    tslib_1.__metadata("design:paramtypes", [DraggableDirective,
-        ElementRef,
-        SplitterService,
-        LocalizationService])
-], SplitterBarComponent);
-export { SplitterBarComponent };
-export { ɵ0, ɵ1, ɵ2, ɵ3 };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DraggableDirective, decorators: [{
+                    type: Host
+                }] }, { type: i0.ElementRef }, { type: i2.SplitterService }, { type: i3.LocalizationService }]; }, propDecorators: { orientation: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.aria-orientation']
+            }], index: [{
+                type: Input
+            }], ariaRole: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], focused: [{
+                type: HostBinding,
+                args: ['class.k-state-focused']
+            }], tabIndex: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], order: [{
+                type: HostBinding,
+                args: ['style.-ms-flex-order']
+            }, {
+                type: HostBinding,
+                args: ['style.order']
+            }], collapseAny: [{
+                type: HostListener,
+                args: ['dblclick']
+            }], onFocusIn: [{
+                type: HostListener,
+                args: ['focusin']
+            }], onFocusOut: [{
+                type: HostListener,
+                args: ['focusout']
+            }], onKeyDown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });