@progress/kendo-angular-layout 6.4.0 → 6.4.2-dev.202201271101

package/dist/es2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-layout',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642588031,
+    publishDate: 1643281164,
     version: '',
     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/dist/es2015/splitter/splitter-bar.component.d.ts

@@ -2,7 +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 { OnDestroy, OnInit } from '@angular/core';
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { Orientation } from '../common/orientation';
 import { DraggableDirective } from '@progress/kendo-angular-common';
@@ -12,6 +12,7 @@ import { SplitterService } from './splitter.service';
  */
 export declare class SplitterBarComponent implements OnInit, OnDestroy {
     draggable: DraggableDirective;
+    element: ElementRef<HTMLElement>;
     private splitter;
     private localization;
     orientation: Orientation;
@@ -28,7 +29,7 @@ export declare class SplitterBarComponent implements OnInit, OnDestroy {
     onFocusOut(): void;
     onKeyDown(event: any): void;
     private readonly expandLast;
-    constructor(draggable: DraggableDirective, splitter: SplitterService, localization: LocalizationService);
+    constructor(draggable: DraggableDirective, element: ElementRef<HTMLElement>, splitter: SplitterService, localization: LocalizationService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     togglePrevious(): void;

package/dist/es2015/splitter/splitter-bar.component.js

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
-import { Component, Host, HostBinding, HostListener, Input } from '@angular/core';
+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';
@@ -30,8 +30,9 @@ const ɵ3 = createMoveStream;
  * @hidden
  */
 let SplitterBarComponent = class SplitterBarComponent {
-    constructor(draggable, splitter, localization) {
+    constructor(draggable, element, splitter, localization) {
         this.draggable = draggable;
+        this.element = element;
         this.splitter = splitter;
         this.localization = localization;
         this.orientation = 'horizontal';
@@ -245,6 +246,7 @@ SplitterBarComponent = tslib_1.__decorate([
     }),
     tslib_1.__param(0, Host()),
     tslib_1.__metadata("design:paramtypes", [DraggableDirective,
+        ElementRef,
         SplitterService,
         LocalizationService])
 ], SplitterBarComponent);

package/dist/es2015/splitter/splitter-pane.component.d.ts

@@ -8,7 +8,7 @@ import { Orientation } from '../common/orientation';
  * Represents the pane component of the Splitter.
  */
 export declare class SplitterPaneComponent implements AfterViewChecked {
-    private element;
+    element: ElementRef<HTMLElement>;
     private renderer;
     private cdr;
     /**
@@ -83,7 +83,7 @@ export declare class SplitterPaneComponent implements AfterViewChecked {
     isResized: boolean;
     private _size;
     private _order;
-    constructor(element: ElementRef, renderer: Renderer2, cdr: ChangeDetectorRef);
+    constructor(element: ElementRef<HTMLElement>, renderer: Renderer2, cdr: ChangeDetectorRef);
     ngAfterViewChecked(): void;
     /**
      * @hidden

package/dist/es2015/splitter/splitter.component.d.ts

@@ -2,10 +2,11 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef, EventEmitter, AfterContentInit, QueryList } from '@angular/core';
+import { ElementRef, EventEmitter, AfterContentInit, QueryList, Renderer2 } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { Orientation } from '../common/orientation';
 import { SplitterPaneComponent } from './splitter-pane.component';
+import { SplitterBarComponent } from './splitter-bar.component';
 import { SplitterService } from './splitter.service';
 /**
  * Represents the [Kendo UI Splitter component for Angular]({% slug overview_splitter %}).
@@ -43,9 +44,10 @@ import { SplitterService } from './splitter.service';
  * ```
  */
 export declare class SplitterComponent implements AfterContentInit {
-    protected element: ElementRef;
+    protected element: ElementRef<HTMLElement>;
     protected splitterService: SplitterService;
     private localization;
+    private renderer;
     private enclosingPane?;
     /**
      * Specifies the orientation of the panes within the Splitter.
@@ -64,12 +66,13 @@ export declare class SplitterComponent implements AfterContentInit {
     readonly verticalHostClasses: boolean;
     readonly dir: string;
     ariaRole: string;
+    splitbars: QueryList<SplitterBarComponent>;
     /**
      * @hidden
      */
     panes: QueryList<SplitterPaneComponent>;
     private paneChangesSubscription;
-    constructor(element: ElementRef, splitterService: SplitterService, localization: LocalizationService, enclosingPane?: SplitterPaneComponent);
+    constructor(element: ElementRef<HTMLElement>, splitterService: SplitterService, localization: LocalizationService, renderer: Renderer2, enclosingPane?: SplitterPaneComponent);
     ngAfterContentInit(): void;
     ngOnChanges(changes: any): void;
     ngOnDestroy(): void;

package/dist/es2015/splitter/splitter.component.js

@@ -3,12 +3,14 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
-import { Component, ElementRef, EventEmitter, ContentChildren, Host, HostBinding, Inject, Input, Optional, Output, QueryList } from '@angular/core';
+import { Component, ElementRef, EventEmitter, ContentChildren, Host, HostBinding, Inject, Input, Optional, Output, QueryList, ViewChildren, Renderer2 } from '@angular/core';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { SplitterPaneComponent } from './splitter-pane.component';
+import { SplitterBarComponent } from './splitter-bar.component';
 import { SplitterService } from './splitter.service';
+import { isPresent } from '../common/util';
 /**
  * Represents the [Kendo UI Splitter component for Angular]({% slug overview_splitter %}).
  *
@@ -45,10 +47,11 @@ import { SplitterService } from './splitter.service';
  * ```
  */
 let SplitterComponent = class SplitterComponent {
-    constructor(element, splitterService, localization, enclosingPane) {
+    constructor(element, splitterService, localization, renderer, enclosingPane) {
         this.element = element;
         this.splitterService = splitterService;
         this.localization = localization;
+        this.renderer = renderer;
         this.enclosingPane = enclosingPane;
         /**
          * Specifies the orientation of the panes within the Splitter.
@@ -78,6 +81,15 @@ let SplitterComponent = class SplitterComponent {
     get dir() {
         return this.direction;
     }
+    set splitbars(splitbars) {
+        if (!isPresent(splitbars) || !isPresent(this.panes)) {
+            return;
+        }
+        const components = [...this.panes.toArray(), ...splitbars.toArray()]
+            .sort((a, b) => a.order - b.order);
+        const elements = components.map(component => component.element.nativeElement);
+        elements.forEach(element => this.renderer.appendChild(this.element.nativeElement, element));
+    }
     ngAfterContentInit() {
         this.reconfigure();
     }
@@ -155,6 +167,11 @@ tslib_1.__decorate([
     HostBinding('attr.role'),
     tslib_1.__metadata("design:type", String)
 ], SplitterComponent.prototype, "ariaRole", void 0);
+tslib_1.__decorate([
+    ViewChildren(SplitterBarComponent),
+    tslib_1.__metadata("design:type", QueryList),
+    tslib_1.__metadata("design:paramtypes", [QueryList])
+], SplitterComponent.prototype, "splitbars", null);
 tslib_1.__decorate([
     ContentChildren(SplitterPaneComponent),
     tslib_1.__metadata("design:type", QueryList)
@@ -187,10 +204,11 @@ SplitterComponent = tslib_1.__decorate([
       </ng-container>
     `
     }),
-    tslib_1.__param(3, Optional()), tslib_1.__param(3, Host()), tslib_1.__param(3, Inject(SplitterPaneComponent)),
+    tslib_1.__param(4, Optional()), tslib_1.__param(4, Host()), tslib_1.__param(4, Inject(SplitterPaneComponent)),
     tslib_1.__metadata("design:paramtypes", [ElementRef,
         SplitterService,
         LocalizationService,
+        Renderer2,
         SplitterPaneComponent])
 ], SplitterComponent);
 export { SplitterComponent };

package/dist/es2015/tabstrip/scrollable-button.component.js

@@ -69,8 +69,11 @@ let TabStripScrollableButtonComponent = class TabStripScrollableButtonComponent
 };
 tslib_1.__decorate([
     HostBinding('class.k-button'),
-    HostBinding('class.k-button-icon'),
-    HostBinding('class.k-flat'),
+    HostBinding('class.k-button-md'),
+    HostBinding('class.k-icon-button'),
+    HostBinding('class.k-rounded-md'),
+    HostBinding('class.k-button-flat'),
+    HostBinding('class.k-button-flat-base'),
     tslib_1.__metadata("design:type", Boolean)
 ], TabStripScrollableButtonComponent.prototype, "btnClasses", void 0);
 tslib_1.__decorate([
@@ -95,7 +98,7 @@ tslib_1.__decorate([
 TabStripScrollableButtonComponent = tslib_1.__decorate([
     Component({
         template: `
-        <span class="k-icon" [ngClass]="iconClass"></span>
+        <span class="k-icon k-button-icon" [ngClass]="iconClass"></span>
     `,
         selector: '[kendoTabStripScrollableButton]'
     }),