@progress/kendo-angular-layout 17.0.0-develop.21 → 17.0.0-develop.22

package/{esm2020 → esm2022}/panelbar/panelbar.component.mjs

@@ -24,93 +24,31 @@ import * as i2 from "@progress/kendo-angular-l10n";
  */
 // TODO: add styles as input prop
 export class PanelBarComponent {
-    constructor(elementRef, eventService, localization) {
-        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 = 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 a collection of all items that are modified.
-         */
-        this.stateChange = new 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 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 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 EventEmitter();
-        /**
-         * Fires when the user clicks an item ([see example]({% slug events_panelbar %})).
-         */
-        this.itemClick = new EventEmitter();
-        this.hostClasses = true;
-        this.tabIndex = 0;
-        this.role = 'tree';
-        this.activeDescendant = '';
-        /**
-         * @hidden
-         */
-        this.showLicenseWatermark = false;
-        this.isViewInit = true;
-        this.focused = false;
-        this._keepItemContent = false;
-        this.subs = new Subscription();
-        this.updateChildrenHeight = () => {
-            let childrenHeight = 0;
-            const panelbarHeight = this.elementRef.nativeElement.offsetHeight;
-            const contentOverflow = this.expandMode === PanelBarExpandMode.Full ? 'auto' : 'visible';
-            this.childrenItems.forEach(item => {
-                childrenHeight += item.headerHeight();
-            });
-            this.childrenItems.forEach(item => {
-                item.contentHeight = PanelBarExpandMode.Full === this.expandMode ? (panelbarHeight - childrenHeight) + 'px' : 'auto';
-                item.contentOverflow = contentOverflow;
-            });
-        };
-        const isValid = validatePackage(packageMetadata);
-        this.showLicenseWatermark = shouldShowValidationUI(isValid);
-        /* eslint-disable-line*/
-        this.keyBindings = this.computedKeys;
-        this.elementRef = elementRef;
-        this.eventService = eventService;
-        this.subs.add(this.eventService.children$.subscribe(event => this.onItemAction(event)));
-        this.subs.add(this.eventService.itemClick.subscribe(ev => this.itemClick.emit(ev)));
-    }
+    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.
+     */
+    expandMode = PanelBarExpandMode.Default;
+    /**
+     * Allows the PanelBar to modify the selected state of the items.
+     */
+    selectable = true;
+    /**
+     * Sets the animate state of the PanelBar ([see example]({% slug animations_panelbar %})).
+     */
+    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.
+     */
+    height = '400px';
     /**
      * 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)).
@@ -135,6 +73,38 @@ export class PanelBarComponent {
     get items() {
         return this._items;
     }
+    /**
+     * Fires each time the user interacts with a PanelBar item
+     * ([see example]({% slug routing_panelbar %}#toc-getting-the-selected-item)).
+     * The event data contains a collection of all items that are modified.
+     */
+    stateChange = new 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.
+     */
+    select = new 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.
+     */
+    expand = new 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.
+     */
+    collapse = new EventEmitter();
+    /**
+     * Fires when the user clicks an item ([see example]({% slug events_panelbar %})).
+     */
+    itemClick = new EventEmitter();
+    hostClasses = true;
+    tabIndex = 0;
+    role = 'tree';
+    activeDescendant = '';
     get hostHeight() {
         return this.expandMode === PanelBarExpandMode.Full ? this.height : 'auto';
     }
@@ -144,6 +114,35 @@ export class PanelBarComponent {
     get dir() {
         return this.localization.rtl ? 'rtl' : 'ltr';
     }
+    template;
+    contentItems;
+    contentChildItems;
+    viewChildItems;
+    /**
+     * @hidden
+     */
+    showLicenseWatermark = false;
+    allItems;
+    childrenItems;
+    isViewInit = true;
+    focused = false;
+    _items;
+    _keepItemContent = false;
+    elementRef;
+    eventService;
+    keyBindings;
+    subs = new Subscription();
+    constructor(elementRef, eventService, localization) {
+        this.localization = localization;
+        const isValid = validatePackage(packageMetadata);
+        this.showLicenseWatermark = shouldShowValidationUI(isValid);
+        /* eslint-disable-line*/
+        this.keyBindings = this.computedKeys;
+        this.elementRef = elementRef;
+        this.eventService = eventService;
+        this.subs.add(this.eventService.children$.subscribe(event => this.onItemAction(event)));
+        this.subs.add(this.eventService.itemClick.subscribe(ev => this.itemClick.emit(ev)));
+    }
     /**
      * @hidden
      */
@@ -287,6 +286,18 @@ export class PanelBarComponent {
             }
         }
     }
+    updateChildrenHeight = () => {
+        let childrenHeight = 0;
+        const panelbarHeight = this.elementRef.nativeElement.offsetHeight;
+        const contentOverflow = this.expandMode === PanelBarExpandMode.Full ? 'auto' : 'visible';
+        this.childrenItems.forEach(item => {
+            childrenHeight += item.headerHeight();
+        });
+        this.childrenItems.forEach(item => {
+            item.contentHeight = PanelBarExpandMode.Full === this.expandMode ? (panelbarHeight - childrenHeight) + 'px' : 'auto';
+            item.contentOverflow = contentOverflow;
+        });
+    };
     onItemAction(item) {
         if (!item) {
             return;
@@ -489,16 +500,15 @@ export class PanelBarComponent {
         });
         return flattedItems;
     }
-}
-PanelBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PanelBarComponent, deps: [{ token: i0.ElementRef }, { token: i1.PanelBarService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-PanelBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PanelBarComponent, isStandalone: true, 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", itemClick: "itemClick" }, host: { listeners: { "click": "onComponentClick($event)", "focus": "onComponentFocus()", "blur": "onComponentBlur()", "keydown": "onComponentKeyDown($event)" }, properties: { "class.k-panelbar": "this.hostClasses", "attr.tabIndex": "this.tabIndex", "attr.role": "this.role", "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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PanelBarComponent, deps: [{ token: i0.ElementRef }, { token: i1.PanelBarService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PanelBarComponent, isStandalone: true, 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", itemClick: "itemClick" }, host: { listeners: { "click": "onComponentClick($event)", "focus": "onComponentFocus()", "blur": "onComponentBlur()", "keydown": "onComponentKeyDown($event)" }, properties: { "class.k-panelbar": "this.hostClasses", "attr.tabIndex": "this.tabIndex", "attr.role": "this.role", "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">
@@ -522,7 +532,8 @@ PanelBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
 
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: ["title", "id", "icon", "iconClass", "svgIcon", "imageUrl", "disabled", "expanded", "selected", "content", "items", "template"], exportAs: ["kendoPanelbarItem"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PanelBarComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PanelBarComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoPanelbar',

package/{esm2020 → esm2022}/panelbar/panelbar.service.mjs

@@ -13,16 +13,16 @@ let nextPanelbarId = 0;
  * @hidden
  */
 export class PanelBarService {
-    constructor() {
-        this.parentSource = new Subject();
-        this.keepContentSource = new BehaviorSubject(false);
-        this.childSource = new Subject();
-        this.itemClick = new Subject();
-        this.parent$ = this.parentSource.asObservable();
-        this.children$ = this.childSource.asObservable();
-        this.keepContent$ = this.keepContentSource.asObservable();
-        this.pbId = nextPanelbarId++;
-    }
+    children$;
+    keepContent$;
+    parent$;
+    pbId;
+    animate;
+    expandMode;
+    itemClick;
+    childSource;
+    keepContentSource;
+    parentSource;
     onKeepContent(keepContent) {
         this.keepContentSource.next(keepContent);
     }
@@ -35,9 +35,19 @@ export class PanelBarService {
     onBlur() {
         this.parentSource.next(false);
     }
+    constructor() {
+        this.parentSource = new Subject();
+        this.keepContentSource = new BehaviorSubject(false);
+        this.childSource = new Subject();
+        this.itemClick = new Subject();
+        this.parent$ = this.parentSource.asObservable();
+        this.children$ = this.childSource.asObservable();
+        this.keepContent$ = this.keepContentSource.asObservable();
+        this.pbId = nextPanelbarId++;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PanelBarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PanelBarService });
 }
-PanelBarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PanelBarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-PanelBarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PanelBarService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PanelBarService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PanelBarService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });

package/{esm2020 → esm2022}/panelbar.module.mjs

@@ -23,11 +23,11 @@ import * as i5 from "./panelbar/panelbar-item-title.directive";
  * - `PanelBarItemTitleDirective—The `PanelBarItemTitle` directive.
  */
 export class PanelBarModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PanelBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PanelBarModule, imports: [i1.PanelBarComponent, i2.PanelBarItemComponent, i3.PanelBarContentDirective, i4.PanelBarItemTemplateDirective, i5.PanelBarItemTitleDirective], exports: [i1.PanelBarComponent, i2.PanelBarItemComponent, i3.PanelBarContentDirective, i4.PanelBarItemTemplateDirective, i5.PanelBarItemTitleDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PanelBarModule, imports: [i1.PanelBarComponent, i2.PanelBarItemComponent] });
 }
-PanelBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PanelBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PanelBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PanelBarModule, imports: [i1.PanelBarComponent, i2.PanelBarItemComponent, i3.PanelBarContentDirective, i4.PanelBarItemTemplateDirective, i5.PanelBarItemTitleDirective], exports: [i1.PanelBarComponent, i2.PanelBarItemComponent, i3.PanelBarContentDirective, i4.PanelBarItemTemplateDirective, i5.PanelBarItemTitleDirective] });
-PanelBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PanelBarModule, imports: [i1.PanelBarComponent, i2.PanelBarItemComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PanelBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PanelBarModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_PANELBAR],

package/{esm2020 → esm2022}/splitter/splitter-bar.component.mjs

@@ -34,21 +34,15 @@ const createMoveStream = (draggable) => mouseDown => draggable.kendoDrag
  * @hidden
  */
 export class SplitterBarComponent {
-    constructor(draggable, localization, splitterService, element, renderer, cdr) {
-        this.draggable = draggable;
-        this.localization = localization;
-        this.splitterService = splitterService;
-        this.element = element;
-        this.renderer = renderer;
-        this.cdr = cdr;
-        this.ariaRole = 'separator';
-        this.ariaLabel = 'Splitter pane';
-        this.focused = false;
-        this.orientation = 'horizontal';
-        this.index = 0;
-        this.subscriptions = new Subscription();
-        this.parsedAttributes = {};
-    }
+    draggable;
+    localization;
+    splitterService;
+    element;
+    renderer;
+    cdr;
+    ariaRole = 'separator';
+    ariaLabel = 'Splitter pane';
+    focused = false;
     get hostOrientation() {
         return this.orientation === 'horizontal' ? 'vertical' : 'horizontal';
     }
@@ -74,6 +68,8 @@ export class SplitterBarComponent {
     get order() {
         return 2 * this.index + 1;
     }
+    orientation = 'horizontal';
+    index = 0;
     set htmlAttributes(attributes) {
         if (isObjectPresent(this.parsedAttributes)) {
             removeHTMLAttributes(this.parsedAttributes, this.renderer, this.element.nativeElement);
@@ -87,6 +83,9 @@ export class SplitterBarComponent {
     get htmlAttributes() {
         return this._htmlAttributes;
     }
+    subscriptions = new Subscription();
+    _htmlAttributes;
+    parsedAttributes = {};
     get defaultAttributes() {
         return {
             'aria-orientation': this.hostOrientation,
@@ -96,6 +95,14 @@ export class SplitterBarComponent {
     get mutableAttributes() {
         return { 'tabindex': this.tabIndex };
     }
+    constructor(draggable, localization, splitterService, element, renderer, cdr) {
+        this.draggable = draggable;
+        this.localization = localization;
+        this.splitterService = splitterService;
+        this.element = element;
+        this.renderer = renderer;
+        this.cdr = cdr;
+    }
     ngOnInit() {
         let state;
         const listener = this.draggable.kendoPress.pipe(tap(stopPropagation), filter(() => this.splitterService.isDraggable(this.index)), tap(() => state = this.splitterService.dragState(this.index)), tap(() => this.splitterService.toggleContentOverlay(this.index, true)), switchMap(preventOnDblClick(this.draggable.kendoRelease)), switchMap(createMoveStream(this.draggable))).subscribe(({ pageX, pageY, originalX, originalY }) => {
@@ -246,9 +253,8 @@ export class SplitterBarComponent {
         const attributesToRender = { ...this.mutableAttributes, ...this.parsedAttributes };
         setHTMLAttributes(attributesToRender, this.renderer, this.element.nativeElement);
     }
-}
-SplitterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitterBarComponent, deps: [{ token: i1.DraggableDirective, host: true }, { token: i2.LocalizationService }, { token: i3.SplitterService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SplitterBarComponent, isStandalone: true, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index", htmlAttributes: "htmlAttributes" }, host: { properties: { "attr.role": "this.ariaRole", "attr.aria-label": "this.ariaLabel", "class.k-focus": "this.focused", "attr.aria-orientation": "this.hostOrientation", "attr.tabindex": "this.tabIndex", "class": "this.hostClasses", "style.-ms-flex-order": "this.order", "style.order": "this.order" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SplitterBarComponent, deps: [{ token: i1.DraggableDirective, host: true }, { token: i2.LocalizationService }, { token: i3.SplitterService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SplitterBarComponent, isStandalone: true, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index", htmlAttributes: "htmlAttributes" }, host: { properties: { "attr.role": "this.ariaRole", "attr.aria-label": "this.ariaLabel", "class.k-focus": "this.focused", "attr.aria-orientation": "this.hostOrientation", "attr.tabindex": "this.tabIndex", "class": "this.hostClasses", "style.-ms-flex-order": "this.order", "style.order": "this.order" } }, ngImport: i0, template: `
         <div *ngIf="shouldShowIcon('prev')" class="k-collapse-prev" (click)="togglePrevious()">
             <kendo-icon-wrapper
                 size="xsmall"
@@ -265,7 +271,8 @@ SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             ></kendo-icon-wrapper>
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitterBarComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SplitterBarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-splitter-bar',

package/{esm2020 → esm2022}/splitter/splitter-pane.component.mjs

@@ -11,58 +11,10 @@ import * as i1 from "./splitter.service";
  * Represents the pane component of the Splitter.
  */
 export class SplitterPaneComponent {
-    constructor(element, renderer, cdr, splitterService) {
-        this.element = element;
-        this.renderer = renderer;
-        this.cdr = cdr;
-        this.splitterService = splitterService;
-        /**
-         * Specifies if the user is allowed to resize the pane and provide space for other panes.
-         */
-        this.resizable = true;
-        /**
-         * Specifies if the user is allowed to hide the pane and provide space for other panes.
-         */
-        this.collapsible = false;
-        /**
-         * Specifies if overflowing content is scrollable or hidden.
-         */
-        this.scrollable = true;
-        /**
-         * Specifies if the pane is initially collapsed.
-         */
-        this.collapsed = false;
-        /**
-         * @hidden
-         */
-        this.orientation = 'horizontal';
-        /**
-         * @hidden
-         */
-        this.overlayContent = false;
-        /**
-         * Fires each time the user resizes the Splitter pane.
-         * The event data contains the new pane size.
-         * Allows a two-way binding of the pane `size` property.
-         */
-        this.sizeChange = new EventEmitter();
-        /**
-         * Fires each time the `collapsed` property changes.
-         * The event data contains the new property state.
-         * Allows a two-way binding of the `collapsed` pane property.
-         */
-        this.collapsedChange = new EventEmitter();
-        this.ariaRole = 'group';
-        this.hostClass = true;
-        /**
-         * @hidden
-         */
-        this.forceExpand = false;
-        /**
-         * @hidden
-         */
-        this.isResized = false;
-    }
+    element;
+    renderer;
+    cdr;
+    splitterService;
     /**
      * @hidden
      */
@@ -107,6 +59,41 @@ export class SplitterPaneComponent {
     get splitterBarAttributes() {
         return this._splitterBarAttributes;
     }
+    /**
+     * The CSS classes that will be rendered on the splitter bar.
+     * Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
+     */
+    splitterBarClass;
+    /**
+     * Sets the minimum possible size of the pane.
+     * Accepts units in pixel and percentage values.
+     */
+    min;
+    /**
+     * Sets the maximum possible size of the pane.
+     * Accepts units in pixel and percentage values.
+     */
+    max;
+    /**
+     * Specifies if the user is allowed to resize the pane and provide space for other panes.
+     */
+    resizable = true;
+    /**
+     * Specifies if the user is allowed to hide the pane and provide space for other panes.
+     */
+    collapsible = false;
+    /**
+     * Specifies if overflowing content is scrollable or hidden.
+     */
+    scrollable = true;
+    /**
+     * Specifies if the pane is initially collapsed.
+     */
+    collapsed = false;
+    /**
+     * @hidden
+     */
+    orientation = 'horizontal';
     /**
      * @hidden
      */
@@ -118,9 +105,27 @@ export class SplitterPaneComponent {
             this.renderer.removeClass(this.nativeElement, 'k-pane-flex');
         }
     }
+    /**
+     * @hidden
+     */
+    overlayContent = false;
+    /**
+     * Fires each time the user resizes the Splitter pane.
+     * The event data contains the new pane size.
+     * Allows a two-way binding of the pane `size` property.
+     */
+    sizeChange = new EventEmitter();
+    /**
+     * Fires each time the `collapsed` property changes.
+     * The event data contains the new property state.
+     * Allows a two-way binding of the `collapsed` pane property.
+     */
+    collapsedChange = new EventEmitter();
     get isHidden() {
         return this.collapsed;
     }
+    ariaRole = 'group';
+    hostClass = true;
     get staticPaneClass() {
         if (this.forceExpand) {
             return false;
@@ -133,6 +138,23 @@ export class SplitterPaneComponent {
     get fixedSize() {
         return this.size && this.size.length > 0;
     }
+    /**
+     * @hidden
+     */
+    forceExpand = false;
+    /**
+     * @hidden
+     */
+    isResized = false;
+    _size;
+    _order;
+    _splitterBarAttributes;
+    constructor(element, renderer, cdr, splitterService) {
+        this.element = element;
+        this.renderer = renderer;
+        this.cdr = cdr;
+        this.splitterService = splitterService;
+    }
     ngAfterViewChecked() {
         if (this.isHidden) {
             this.renderer.addClass(this.nativeElement, 'k-hidden');
@@ -177,13 +199,13 @@ export class SplitterPaneComponent {
         this.renderer.setStyle(this.nativeElement, '-ms-flex-order', this.order);
         this.renderer.setStyle(this.nativeElement, 'order', this.order);
     }
-}
-SplitterPaneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitterPaneComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.SplitterService }], target: i0.ɵɵFactoryTarget.Component });
-SplitterPaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SplitterPaneComponent, isStandalone: true, selector: "kendo-splitter-pane", inputs: { order: "order", size: "size", splitterBarAttributes: "splitterBarAttributes", splitterBarClass: "splitterBarClass", min: "min", max: "max", resizable: "resizable", collapsible: "collapsible", scrollable: "scrollable", collapsed: "collapsed", orientation: "orientation", containsSplitter: "containsSplitter", overlayContent: "overlayContent" }, outputs: { sizeChange: "sizeChange", collapsedChange: "collapsedChange" }, host: { properties: { "attr.role": "this.ariaRole", "class.k-pane": "this.hostClass", "class.k-pane-static": "this.staticPaneClass", "class.k-scrollable": "this.scrollablePaneClass" } }, exportAs: ["kendoSplitterPane"], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SplitterPaneComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.SplitterService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SplitterPaneComponent, isStandalone: true, selector: "kendo-splitter-pane", inputs: { order: "order", size: "size", splitterBarAttributes: "splitterBarAttributes", splitterBarClass: "splitterBarClass", min: "min", max: "max", resizable: "resizable", collapsible: "collapsible", scrollable: "scrollable", collapsed: "collapsed", orientation: "orientation", containsSplitter: "containsSplitter", overlayContent: "overlayContent" }, outputs: { sizeChange: "sizeChange", collapsedChange: "collapsedChange" }, host: { properties: { "attr.role": "this.ariaRole", "class.k-pane": "this.hostClass", "class.k-pane-static": "this.staticPaneClass", "class.k-scrollable": "this.scrollablePaneClass" } }, exportAs: ["kendoSplitterPane"], ngImport: i0, template: `
         <ng-container *ngIf="!collapsed"><ng-content></ng-content></ng-container>
         <div *ngIf="overlayContent" class="k-splitter-overlay k-overlay"></div>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitterPaneComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SplitterPaneComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoSplitterPane',