@progress/kendo-angular-layout 11.3.0-develop.4 → 11.3.0-develop.5

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-layout',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1676885263,
-    version: '11.3.0-develop.4',
+    publishDate: 1677050896,
+    version: '11.3.0-develop.5',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2020/splitter/splitter-bar.component.mjs

@@ -40,14 +40,14 @@ export class SplitterBarComponent {
         this.splitterService = splitterService;
         this.element = element;
         this.renderer = renderer;
-        this.orientation = 'horizontal';
-        this.index = 0;
         this.ariaRole = 'separator';
         this.focused = false;
+        this.orientation = 'horizontal';
+        this.index = 0;
         this.subscriptions = new Subscription();
     }
-    get direction() {
-        return this.localization.rtl ? 'rtl' : 'ltr';
+    get hostOrientation() {
+        return this.orientation === 'horizontal' ? 'vertical' : 'horizontal';
     }
     get tabIndex() {
         return this.splitterService.isStatic(this.index) ? -1 : 0;
@@ -71,10 +71,6 @@ export class SplitterBarComponent {
     get order() {
         return 2 * this.index + 1;
     }
-    get expandLast() {
-        const panes = this.splitterService.panes;
-        return panes.length === 2 && panes[1].collapsed;
-    }
     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 }) => {
@@ -109,6 +105,9 @@ export class SplitterBarComponent {
     toggleNext() {
         this.splitterService.tryToggle(this.index + 1);
     }
+    get direction() {
+        return this.localization.rtl ? 'rtl' : 'ltr';
+    }
     shouldShowIcon(iconName) {
         const paneIndex = iconName === 'prev' ? this.index : this.index + 1;
         const relatedPaneIndex = iconName === 'prev' ? this.index + 1 : this.index;
@@ -190,6 +189,10 @@ export class SplitterBarComponent {
             this.tryToggleNearest();
         }
     }
+    get expandLast() {
+        const panes = this.splitterService.panes;
+        return panes.length === 2 && panes[1].collapsed;
+    }
     onKeyDown(event) {
         const keyCode = event.keyCode;
         const shouldToggle = event.ctrlKey || event.metaKey;
@@ -216,7 +219,7 @@ export class SplitterBarComponent {
     }
 }
 SplitterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterBarComponent, deps: [{ token: i1.DraggableDirective, host: true }, { token: i2.LocalizationService }, { token: i3.SplitterService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index" }, host: { properties: { "attr.aria-orientation": "this.orientation", "attr.role": "this.ariaRole", "class.k-focus": "this.focused", "attr.tabindex": "this.tabIndex", "class": "this.hostClasses", "style.-ms-flex-order": "this.order", "style.order": "this.order" } }, ngImport: i0, template: `
+SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index" }, host: { properties: { "attr.role": "this.ariaRole", "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]="collapseClass('prev')" (click)="togglePrevious()">
             <kendo-icon-wrapper [name]="previousArrowClass()" [svgIcon]="previousSVGArrowClass()"></kendo-icon-wrapper>
         </div>
@@ -241,19 +244,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1.DraggableDirective, decorators: [{
                     type: Host
-                }] }, { type: i2.LocalizationService }, { type: i3.SplitterService }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { orientation: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['attr.aria-orientation']
-            }], index: [{
-                type: Input
-            }], ariaRole: [{
+                }] }, { type: i2.LocalizationService }, { type: i3.SplitterService }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { ariaRole: [{
                 type: HostBinding,
                 args: ['attr.role']
             }], focused: [{
                 type: HostBinding,
                 args: ['class.k-focus']
+            }], hostOrientation: [{
+                type: HostBinding,
+                args: ['attr.aria-orientation']
             }], tabIndex: [{
                 type: HostBinding,
                 args: ['attr.tabindex']
@@ -266,4 +265,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             }, {
                 type: HostBinding,
                 args: ['style.order']
+            }], orientation: [{
+                type: Input
+            }], index: [{
+                type: Input
             }] } });

package/fesm2015/progress-kendo-angular-layout.mjs

@@ -31,8 +31,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-layout',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1676885263,
-    version: '11.3.0-develop.4',
+    publishDate: 1677050896,
+    version: '11.3.0-develop.5',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
 
@@ -2016,14 +2016,14 @@ class SplitterBarComponent {
         this.splitterService = splitterService;
         this.element = element;
         this.renderer = renderer;
-        this.orientation = 'horizontal';
-        this.index = 0;
         this.ariaRole = 'separator';
         this.focused = false;
+        this.orientation = 'horizontal';
+        this.index = 0;
         this.subscriptions = new Subscription();
     }
-    get direction() {
-        return this.localization.rtl ? 'rtl' : 'ltr';
+    get hostOrientation() {
+        return this.orientation === 'horizontal' ? 'vertical' : 'horizontal';
     }
     get tabIndex() {
         return this.splitterService.isStatic(this.index) ? -1 : 0;
@@ -2047,10 +2047,6 @@ class SplitterBarComponent {
     get order() {
         return 2 * this.index + 1;
     }
-    get expandLast() {
-        const panes = this.splitterService.panes;
-        return panes.length === 2 && panes[1].collapsed;
-    }
     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 }) => {
@@ -2085,6 +2081,9 @@ class SplitterBarComponent {
     toggleNext() {
         this.splitterService.tryToggle(this.index + 1);
     }
+    get direction() {
+        return this.localization.rtl ? 'rtl' : 'ltr';
+    }
     shouldShowIcon(iconName) {
         const paneIndex = iconName === 'prev' ? this.index : this.index + 1;
         const relatedPaneIndex = iconName === 'prev' ? this.index + 1 : this.index;
@@ -2166,6 +2165,10 @@ class SplitterBarComponent {
             this.tryToggleNearest();
         }
     }
+    get expandLast() {
+        const panes = this.splitterService.panes;
+        return panes.length === 2 && panes[1].collapsed;
+    }
     onKeyDown(event) {
         const keyCode = event.keyCode;
         const shouldToggle = event.ctrlKey || event.metaKey;
@@ -2192,7 +2195,7 @@ class SplitterBarComponent {
     }
 }
 SplitterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterBarComponent, deps: [{ token: i1$1.DraggableDirective, host: true }, { token: i1.LocalizationService }, { token: SplitterService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index" }, host: { properties: { "attr.aria-orientation": "this.orientation", "attr.role": "this.ariaRole", "class.k-focus": "this.focused", "attr.tabindex": "this.tabIndex", "class": "this.hostClasses", "style.-ms-flex-order": "this.order", "style.order": "this.order" } }, ngImport: i0, template: `
+SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index" }, host: { properties: { "attr.role": "this.ariaRole", "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]="collapseClass('prev')" (click)="togglePrevious()">
             <kendo-icon-wrapper [name]="previousArrowClass()" [svgIcon]="previousSVGArrowClass()"></kendo-icon-wrapper>
         </div>
@@ -2219,19 +2222,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         return [{ type: i1$1.DraggableDirective, decorators: [{
                         type: Host
                     }] }, { type: i1.LocalizationService }, { type: SplitterService }, { type: i0.ElementRef }, { type: i0.Renderer2 }];
-    }, propDecorators: { orientation: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['attr.aria-orientation']
-            }], index: [{
-                type: Input
-            }], ariaRole: [{
+    }, propDecorators: { ariaRole: [{
                 type: HostBinding,
                 args: ['attr.role']
             }], focused: [{
                 type: HostBinding,
                 args: ['class.k-focus']
+            }], hostOrientation: [{
+                type: HostBinding,
+                args: ['attr.aria-orientation']
             }], tabIndex: [{
                 type: HostBinding,
                 args: ['attr.tabindex']
@@ -2244,6 +2243,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             }, {
                 type: HostBinding,
                 args: ['style.order']
+            }], orientation: [{
+                type: Input
+            }], index: [{
+                type: Input
             }] } });
 
 /**

package/fesm2020/progress-kendo-angular-layout.mjs

@@ -31,8 +31,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-layout',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1676885263,
-    version: '11.3.0-develop.4',
+    publishDate: 1677050896,
+    version: '11.3.0-develop.5',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
 
@@ -2010,14 +2010,14 @@ class SplitterBarComponent {
         this.splitterService = splitterService;
         this.element = element;
         this.renderer = renderer;
-        this.orientation = 'horizontal';
-        this.index = 0;
         this.ariaRole = 'separator';
         this.focused = false;
+        this.orientation = 'horizontal';
+        this.index = 0;
         this.subscriptions = new Subscription();
     }
-    get direction() {
-        return this.localization.rtl ? 'rtl' : 'ltr';
+    get hostOrientation() {
+        return this.orientation === 'horizontal' ? 'vertical' : 'horizontal';
     }
     get tabIndex() {
         return this.splitterService.isStatic(this.index) ? -1 : 0;
@@ -2041,10 +2041,6 @@ class SplitterBarComponent {
     get order() {
         return 2 * this.index + 1;
     }
-    get expandLast() {
-        const panes = this.splitterService.panes;
-        return panes.length === 2 && panes[1].collapsed;
-    }
     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 }) => {
@@ -2079,6 +2075,9 @@ class SplitterBarComponent {
     toggleNext() {
         this.splitterService.tryToggle(this.index + 1);
     }
+    get direction() {
+        return this.localization.rtl ? 'rtl' : 'ltr';
+    }
     shouldShowIcon(iconName) {
         const paneIndex = iconName === 'prev' ? this.index : this.index + 1;
         const relatedPaneIndex = iconName === 'prev' ? this.index + 1 : this.index;
@@ -2160,6 +2159,10 @@ class SplitterBarComponent {
             this.tryToggleNearest();
         }
     }
+    get expandLast() {
+        const panes = this.splitterService.panes;
+        return panes.length === 2 && panes[1].collapsed;
+    }
     onKeyDown(event) {
         const keyCode = event.keyCode;
         const shouldToggle = event.ctrlKey || event.metaKey;
@@ -2186,7 +2189,7 @@ class SplitterBarComponent {
     }
 }
 SplitterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterBarComponent, deps: [{ token: i1$1.DraggableDirective, host: true }, { token: i1.LocalizationService }, { token: SplitterService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index" }, host: { properties: { "attr.aria-orientation": "this.orientation", "attr.role": "this.ariaRole", "class.k-focus": "this.focused", "attr.tabindex": "this.tabIndex", "class": "this.hostClasses", "style.-ms-flex-order": "this.order", "style.order": "this.order" } }, ngImport: i0, template: `
+SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index" }, host: { properties: { "attr.role": "this.ariaRole", "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]="collapseClass('prev')" (click)="togglePrevious()">
             <kendo-icon-wrapper [name]="previousArrowClass()" [svgIcon]="previousSVGArrowClass()"></kendo-icon-wrapper>
         </div>
@@ -2211,19 +2214,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.DraggableDirective, decorators: [{
                     type: Host
-                }] }, { type: i1.LocalizationService }, { type: SplitterService }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { orientation: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['attr.aria-orientation']
-            }], index: [{
-                type: Input
-            }], ariaRole: [{
+                }] }, { type: i1.LocalizationService }, { type: SplitterService }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { ariaRole: [{
                 type: HostBinding,
                 args: ['attr.role']
             }], focused: [{
                 type: HostBinding,
                 args: ['class.k-focus']
+            }], hostOrientation: [{
+                type: HostBinding,
+                args: ['attr.aria-orientation']
             }], tabIndex: [{
                 type: HostBinding,
                 args: ['attr.tabindex']
@@ -2236,6 +2235,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             }, {
                 type: HostBinding,
                 args: ['style.order']
+            }], orientation: [{
+                type: Input
+            }], index: [{
+                type: Input
             }] } });
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-layout",
-  "version": "11.3.0-develop.4",
+  "version": "11.3.0-develop.5",
   "description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -39,16 +39,16 @@
     "@angular/core": "13 - 15",
     "@angular/platform-browser": "13 - 15",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "11.3.0-develop.4",
-    "@progress/kendo-angular-l10n": "11.3.0-develop.4",
-    "@progress/kendo-angular-progressbar": "11.3.0-develop.4",
-    "@progress/kendo-angular-icons": "11.3.0-develop.4",
-    "@progress/kendo-angular-buttons": "11.3.0-develop.4",
+    "@progress/kendo-angular-common": "11.3.0-develop.5",
+    "@progress/kendo-angular-l10n": "11.3.0-develop.5",
+    "@progress/kendo-angular-progressbar": "11.3.0-develop.5",
+    "@progress/kendo-angular-icons": "11.3.0-develop.5",
+    "@progress/kendo-angular-buttons": "11.3.0-develop.5",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "11.3.0-develop.4",
+    "@progress/kendo-angular-schematics": "11.3.0-develop.5",
     "@progress/kendo-draggable": "^3.0.2"
   },
   "schematics": "./schematics/collection.json",

package/splitter/splitter-bar.component.d.ts

@@ -18,21 +18,21 @@ export declare class SplitterBarComponent implements OnInit, OnDestroy {
     private splitterService;
     element: ElementRef<HTMLElement>;
     private renderer;
-    orientation: Orientation;
-    get direction(): string;
-    index: number;
     ariaRole: string;
     focused: boolean;
-    private subscriptions;
+    get hostOrientation(): string;
     get tabIndex(): number;
     get hostClasses(): string;
     get order(): number;
-    private get expandLast();
+    orientation: Orientation;
+    index: number;
+    private subscriptions;
     constructor(draggable: DraggableDirective, localization: LocalizationService, splitterService: SplitterService, element: ElementRef<HTMLElement>, renderer: Renderer2);
     ngOnInit(): void;
     ngOnDestroy(): void;
     togglePrevious(): void;
     toggleNext(): void;
+    get direction(): string;
     shouldShowIcon(iconName: string): boolean;
     collapseClass(order: string): string;
     previousArrowClass(): any;
@@ -40,6 +40,7 @@ export declare class SplitterBarComponent implements OnInit, OnDestroy {
     nextArrowClass(): any;
     nextSVGArrowClass(): SVGIcon;
     private togglePane;
+    private get expandLast();
     private onKeyDown;
     private tryToggleNearest;
     static ɵfac: i0.ɵɵFactoryDeclaration<SplitterBarComponent, [{ host: true; }, null, null, null, null]>;