@progress/kendo-angular-layout 14.1.0-develop.9 → 14.1.1-develop.1

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: 1699436026,
-    version: '14.1.0-develop.9',
+    publishDate: 1699864856,
+    version: '14.1.1-develop.1',
     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

@@ -116,11 +116,6 @@ export class SplitterBarComponent {
         const isCollapsible = pane.collapsible;
         return isCollapsible && !relatedPane.isHidden;
     }
-    collapseClass(order) {
-        const pane = this.splitterService.pane(this.index);
-        const isCollapsible = pane.collapsible;
-        return isCollapsible ? `k-collapse-${order}` : '';
-    }
     previousArrowClass() {
         const pane = this.splitterService.pane(this.index);
         const isCollapsible = pane.collapsible;
@@ -224,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.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()">
+        <div *ngIf="shouldShowIcon('prev')" class="k-collapse-prev" (click)="togglePrevious()">
             <kendo-icon-wrapper
                 size="xsmall"
                 [name]="previousArrowClass()"
@@ -232,7 +227,7 @@ SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             ></kendo-icon-wrapper>
         </div>
         <div class="k-resize-handle"></div>
-        <div *ngIf="shouldShowIcon('next')" [class]="collapseClass('next')" (click)="toggleNext()">
+        <div *ngIf="shouldShowIcon('next')" class="k-collapse-next" (click)="toggleNext()">
             <kendo-icon-wrapper
                 size="xsmall"
                 [name]="nextArrowClass()"
@@ -245,7 +240,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             args: [{
                     selector: 'kendo-splitter-bar',
                     template: `
-        <div *ngIf="shouldShowIcon('prev')" [class]="collapseClass('prev')" (click)="togglePrevious()">
+        <div *ngIf="shouldShowIcon('prev')" class="k-collapse-prev" (click)="togglePrevious()">
             <kendo-icon-wrapper
                 size="xsmall"
                 [name]="previousArrowClass()"
@@ -253,7 +248,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             ></kendo-icon-wrapper>
         </div>
         <div class="k-resize-handle"></div>
-        <div *ngIf="shouldShowIcon('next')" [class]="collapseClass('next')" (click)="toggleNext()">
+        <div *ngIf="shouldShowIcon('next')" class="k-collapse-next" (click)="toggleNext()">
             <kendo-icon-wrapper
                 size="xsmall"
                 [name]="nextArrowClass()"

package/esm2020/splitter/splitter.component.mjs

@@ -157,7 +157,7 @@ export class SplitterComponent {
     }
 }
 SplitterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterComponent, deps: [{ token: i0.ElementRef }, { token: i1.SplitterService }, { token: i2.LocalizationService }, { token: i0.Renderer2 }, { token: SplitterPaneComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterComponent, selector: "kendo-splitter", inputs: { orientation: "orientation", resizeStep: "resizeStep" }, outputs: { layoutChange: "layoutChange" }, host: { properties: { "class.k-splitter": "this.hostClasses", "class.k-splitter-flex": "this.hostClasses", "class.k-splitter-horizontal": "this.horizontalHostClasses", "class.k-splitter-vertical": "this.verticalHostClasses", "attr.dir": "this.dir" } }, providers: [
+SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterComponent, selector: "kendo-splitter", inputs: { orientation: "orientation", splitbarWidth: "splitbarWidth", resizeStep: "resizeStep" }, outputs: { layoutChange: "layoutChange" }, host: { properties: { "class.k-splitter": "this.hostClasses", "class.k-splitter-flex": "this.hostClasses", "class.k-splitter-horizontal": "this.horizontalHostClasses", "class.k-splitter-vertical": "this.verticalHostClasses", "attr.dir": "this.dir" } }, providers: [
         SplitterService,
         LocalizationService,
         {
@@ -175,10 +175,14 @@ SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
           kendoDraggable
           *ngIf="!last"
           [index]="index"
-          [orientation]="orientation">
+          [orientation]="orientation"
+          [ngStyle]="{
+            width: orientation === 'horizontal' ? splitbarWidth + 'px' : undefined,
+            height: orientation === 'vertical' ? splitbarWidth + 'px' : undefined
+          }">
         </kendo-splitter-bar>
       </ng-container>
-    `, isInline: true, components: [{ type: i3.SplitterBarComponent, selector: "kendo-splitter-bar", inputs: ["orientation", "index"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }] });
+    `, isInline: true, components: [{ type: i3.SplitterBarComponent, selector: "kendo-splitter-bar", inputs: ["orientation", "index"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterComponent, decorators: [{
             type: Component,
             args: [{
@@ -203,7 +207,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
           kendoDraggable
           *ngIf="!last"
           [index]="index"
-          [orientation]="orientation">
+          [orientation]="orientation"
+          [ngStyle]="{
+            width: orientation === 'horizontal' ? splitbarWidth + 'px' : undefined,
+            height: orientation === 'vertical' ? splitbarWidth + 'px' : undefined
+          }">
         </kendo-splitter-bar>
       </ng-container>
     `
@@ -217,6 +225,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     args: [SplitterPaneComponent]
                 }] }]; }, propDecorators: { orientation: [{
                 type: Input
+            }], splitbarWidth: [{
+                type: Input
             }], resizeStep: [{
                 type: Input
             }], layoutChange: [{

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: 1699436026,
-    version: '14.1.0-develop.9',
+    publishDate: 1699864856,
+    version: '14.1.1-develop.1',
     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'
 };
 
@@ -2096,11 +2096,6 @@ class SplitterBarComponent {
         const isCollapsible = pane.collapsible;
         return isCollapsible && !relatedPane.isHidden;
     }
-    collapseClass(order) {
-        const pane = this.splitterService.pane(this.index);
-        const isCollapsible = pane.collapsible;
-        return isCollapsible ? `k-collapse-${order}` : '';
-    }
     previousArrowClass() {
         const pane = this.splitterService.pane(this.index);
         const isCollapsible = pane.collapsible;
@@ -2204,7 +2199,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.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()">
+        <div *ngIf="shouldShowIcon('prev')" class="k-collapse-prev" (click)="togglePrevious()">
             <kendo-icon-wrapper
                 size="xsmall"
                 [name]="previousArrowClass()"
@@ -2212,7 +2207,7 @@ SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             ></kendo-icon-wrapper>
         </div>
         <div class="k-resize-handle"></div>
-        <div *ngIf="shouldShowIcon('next')" [class]="collapseClass('next')" (click)="toggleNext()">
+        <div *ngIf="shouldShowIcon('next')" class="k-collapse-next" (click)="toggleNext()">
             <kendo-icon-wrapper
                 size="xsmall"
                 [name]="nextArrowClass()"
@@ -2225,7 +2220,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             args: [{
                     selector: 'kendo-splitter-bar',
                     template: `
-        <div *ngIf="shouldShowIcon('prev')" [class]="collapseClass('prev')" (click)="togglePrevious()">
+        <div *ngIf="shouldShowIcon('prev')" class="k-collapse-prev" (click)="togglePrevious()">
             <kendo-icon-wrapper
                 size="xsmall"
                 [name]="previousArrowClass()"
@@ -2233,7 +2228,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             ></kendo-icon-wrapper>
         </div>
         <div class="k-resize-handle"></div>
-        <div *ngIf="shouldShowIcon('next')" [class]="collapseClass('next')" (click)="toggleNext()">
+        <div *ngIf="shouldShowIcon('next')" class="k-collapse-next" (click)="toggleNext()">
             <kendo-icon-wrapper
                 size="xsmall"
                 [name]="nextArrowClass()"
@@ -2413,7 +2408,7 @@ class SplitterComponent {
     }
 }
 SplitterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterComponent, deps: [{ token: i0.ElementRef }, { token: SplitterService }, { token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: SplitterPaneComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterComponent, selector: "kendo-splitter", inputs: { orientation: "orientation", resizeStep: "resizeStep" }, outputs: { layoutChange: "layoutChange" }, host: { properties: { "class.k-splitter": "this.hostClasses", "class.k-splitter-flex": "this.hostClasses", "class.k-splitter-horizontal": "this.horizontalHostClasses", "class.k-splitter-vertical": "this.verticalHostClasses", "attr.dir": "this.dir" } }, providers: [
+SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterComponent, selector: "kendo-splitter", inputs: { orientation: "orientation", splitbarWidth: "splitbarWidth", resizeStep: "resizeStep" }, outputs: { layoutChange: "layoutChange" }, host: { properties: { "class.k-splitter": "this.hostClasses", "class.k-splitter-flex": "this.hostClasses", "class.k-splitter-horizontal": "this.horizontalHostClasses", "class.k-splitter-vertical": "this.verticalHostClasses", "attr.dir": "this.dir" } }, providers: [
         SplitterService,
         LocalizationService,
         {
@@ -2431,10 +2426,14 @@ SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
           kendoDraggable
           *ngIf="!last"
           [index]="index"
-          [orientation]="orientation">
+          [orientation]="orientation"
+          [ngStyle]="{
+            width: orientation === 'horizontal' ? splitbarWidth + 'px' : undefined,
+            height: orientation === 'vertical' ? splitbarWidth + 'px' : undefined
+          }">
         </kendo-splitter-bar>
       </ng-container>
-    `, isInline: true, components: [{ type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: ["orientation", "index"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }] });
+    `, isInline: true, components: [{ type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: ["orientation", "index"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterComponent, decorators: [{
             type: Component,
             args: [{
@@ -2459,7 +2458,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
           kendoDraggable
           *ngIf="!last"
           [index]="index"
-          [orientation]="orientation">
+          [orientation]="orientation"
+          [ngStyle]="{
+            width: orientation === 'horizontal' ? splitbarWidth + 'px' : undefined,
+            height: orientation === 'vertical' ? splitbarWidth + 'px' : undefined
+          }">
         </kendo-splitter-bar>
       </ng-container>
     `
@@ -2475,6 +2478,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     }] }];
     }, propDecorators: { orientation: [{
                 type: Input
+            }], splitbarWidth: [{
+                type: Input
             }], resizeStep: [{
                 type: Input
             }], layoutChange: [{

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: 1699436026,
-    version: '14.1.0-develop.9',
+    publishDate: 1699864856,
+    version: '14.1.1-develop.1',
     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'
 };
 
@@ -2090,11 +2090,6 @@ class SplitterBarComponent {
         const isCollapsible = pane.collapsible;
         return isCollapsible && !relatedPane.isHidden;
     }
-    collapseClass(order) {
-        const pane = this.splitterService.pane(this.index);
-        const isCollapsible = pane.collapsible;
-        return isCollapsible ? `k-collapse-${order}` : '';
-    }
     previousArrowClass() {
         const pane = this.splitterService.pane(this.index);
         const isCollapsible = pane.collapsible;
@@ -2198,7 +2193,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.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()">
+        <div *ngIf="shouldShowIcon('prev')" class="k-collapse-prev" (click)="togglePrevious()">
             <kendo-icon-wrapper
                 size="xsmall"
                 [name]="previousArrowClass()"
@@ -2206,7 +2201,7 @@ SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             ></kendo-icon-wrapper>
         </div>
         <div class="k-resize-handle"></div>
-        <div *ngIf="shouldShowIcon('next')" [class]="collapseClass('next')" (click)="toggleNext()">
+        <div *ngIf="shouldShowIcon('next')" class="k-collapse-next" (click)="toggleNext()">
             <kendo-icon-wrapper
                 size="xsmall"
                 [name]="nextArrowClass()"
@@ -2219,7 +2214,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             args: [{
                     selector: 'kendo-splitter-bar',
                     template: `
-        <div *ngIf="shouldShowIcon('prev')" [class]="collapseClass('prev')" (click)="togglePrevious()">
+        <div *ngIf="shouldShowIcon('prev')" class="k-collapse-prev" (click)="togglePrevious()">
             <kendo-icon-wrapper
                 size="xsmall"
                 [name]="previousArrowClass()"
@@ -2227,7 +2222,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             ></kendo-icon-wrapper>
         </div>
         <div class="k-resize-handle"></div>
-        <div *ngIf="shouldShowIcon('next')" [class]="collapseClass('next')" (click)="toggleNext()">
+        <div *ngIf="shouldShowIcon('next')" class="k-collapse-next" (click)="toggleNext()">
             <kendo-icon-wrapper
                 size="xsmall"
                 [name]="nextArrowClass()"
@@ -2405,7 +2400,7 @@ class SplitterComponent {
     }
 }
 SplitterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterComponent, deps: [{ token: i0.ElementRef }, { token: SplitterService }, { token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: SplitterPaneComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterComponent, selector: "kendo-splitter", inputs: { orientation: "orientation", resizeStep: "resizeStep" }, outputs: { layoutChange: "layoutChange" }, host: { properties: { "class.k-splitter": "this.hostClasses", "class.k-splitter-flex": "this.hostClasses", "class.k-splitter-horizontal": "this.horizontalHostClasses", "class.k-splitter-vertical": "this.verticalHostClasses", "attr.dir": "this.dir" } }, providers: [
+SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterComponent, selector: "kendo-splitter", inputs: { orientation: "orientation", splitbarWidth: "splitbarWidth", resizeStep: "resizeStep" }, outputs: { layoutChange: "layoutChange" }, host: { properties: { "class.k-splitter": "this.hostClasses", "class.k-splitter-flex": "this.hostClasses", "class.k-splitter-horizontal": "this.horizontalHostClasses", "class.k-splitter-vertical": "this.verticalHostClasses", "attr.dir": "this.dir" } }, providers: [
         SplitterService,
         LocalizationService,
         {
@@ -2423,10 +2418,14 @@ SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
           kendoDraggable
           *ngIf="!last"
           [index]="index"
-          [orientation]="orientation">
+          [orientation]="orientation"
+          [ngStyle]="{
+            width: orientation === 'horizontal' ? splitbarWidth + 'px' : undefined,
+            height: orientation === 'vertical' ? splitbarWidth + 'px' : undefined
+          }">
         </kendo-splitter-bar>
       </ng-container>
-    `, isInline: true, components: [{ type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: ["orientation", "index"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }] });
+    `, isInline: true, components: [{ type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: ["orientation", "index"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterComponent, decorators: [{
             type: Component,
             args: [{
@@ -2451,7 +2450,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
           kendoDraggable
           *ngIf="!last"
           [index]="index"
-          [orientation]="orientation">
+          [orientation]="orientation"
+          [ngStyle]="{
+            width: orientation === 'horizontal' ? splitbarWidth + 'px' : undefined,
+            height: orientation === 'vertical' ? splitbarWidth + 'px' : undefined
+          }">
         </kendo-splitter-bar>
       </ng-container>
     `
@@ -2465,6 +2468,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     args: [SplitterPaneComponent]
                 }] }]; }, propDecorators: { orientation: [{
                 type: Input
+            }], splitbarWidth: [{
+                type: Input
             }], resizeStep: [{
                 type: Input
             }], layoutChange: [{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-layout",
-  "version": "14.1.0-develop.9",
+  "version": "14.1.1-develop.1",
   "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 - 17",
     "@angular/platform-browser": "13 - 17",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "14.1.0-develop.9",
-    "@progress/kendo-angular-l10n": "14.1.0-develop.9",
-    "@progress/kendo-angular-progressbar": "14.1.0-develop.9",
-    "@progress/kendo-angular-icons": "14.1.0-develop.9",
-    "@progress/kendo-angular-buttons": "14.1.0-develop.9",
+    "@progress/kendo-angular-common": "14.1.1-develop.1",
+    "@progress/kendo-angular-l10n": "14.1.1-develop.1",
+    "@progress/kendo-angular-progressbar": "14.1.1-develop.1",
+    "@progress/kendo-angular-icons": "14.1.1-develop.1",
+    "@progress/kendo-angular-buttons": "14.1.1-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "14.1.0-develop.9",
+    "@progress/kendo-angular-schematics": "14.1.1-develop.1",
     "@progress/kendo-draggable": "^3.0.2"
   },
   "schematics": "./schematics/collection.json",

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

@@ -34,7 +34,6 @@ export declare class SplitterBarComponent implements OnInit, OnDestroy {
     toggleNext(): void;
     get direction(): string;
     shouldShowIcon(iconName: string): boolean;
-    collapseClass(order: string): string;
     previousArrowClass(): any;
     previousSVGArrowClass(): SVGIcon;
     nextArrowClass(): any;

package/splitter/splitter.component.d.ts

@@ -56,6 +56,10 @@ export declare class SplitterComponent implements AfterContentInit {
      * Panes in a vertical Splitter are placed vertically.
      */
     orientation: Orientation;
+    /**
+     * Sets the width or height (depending on the orientation) of the Splitter splitbars in pixels.
+     */
+    splitbarWidth: number;
     /**
      * The distance in pixels that the separator is moved with during keyboard navigation.
      * @default 10
@@ -87,5 +91,5 @@ export declare class SplitterComponent implements AfterContentInit {
     private configure;
     private get direction();
     static ɵfac: i0.ɵɵFactoryDeclaration<SplitterComponent, [null, null, null, null, { optional: true; host: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SplitterComponent, "kendo-splitter", ["kendoSplitter"], { "orientation": "orientation"; "resizeStep": "resizeStep"; }, { "layoutChange": "layoutChange"; }, ["panes"], ["kendo-splitter-pane"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SplitterComponent, "kendo-splitter", ["kendoSplitter"], { "orientation": "orientation"; "splitbarWidth": "splitbarWidth"; "resizeStep": "resizeStep"; }, { "layoutChange": "layoutChange"; }, ["panes"], ["kendo-splitter-pane"]>;
 }