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

package/dist/es/package-metadata.js

@@ -9,7 +9,7 @@ export var packageMetadata = {
     name: '@progress/kendo-angular-layout',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642587256,
+    publishDate: 1643124181,
     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/es/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';
@@ -38,8 +38,9 @@ var ɵ3 = createMoveStream;
  * @hidden
  */
 var SplitterBarComponent = /** @class */ (function () {
-    function SplitterBarComponent(draggable, splitter, localization) {
+    function SplitterBarComponent(draggable, element, splitter, localization) {
         this.draggable = draggable;
+        this.element = element;
         this.splitter = splitter;
         this.localization = localization;
         this.orientation = 'horizontal';
@@ -271,6 +272,7 @@ var SplitterBarComponent = /** @class */ (function () {
         }),
         tslib_1.__param(0, Host()),
         tslib_1.__metadata("design:paramtypes", [DraggableDirective,
+            ElementRef,
             SplitterService,
             LocalizationService])
     ], SplitterBarComponent);

package/dist/es/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';
  * ```
  */
 var SplitterComponent = /** @class */ (function () {
-    function SplitterComponent(element, splitterService, localization, enclosingPane) {
+    function SplitterComponent(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.
@@ -94,6 +97,19 @@ var SplitterComponent = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(SplitterComponent.prototype, "splitbars", {
+        set: function (splitbars) {
+            var _this = this;
+            if (!isPresent(splitbars) || !isPresent(this.panes)) {
+                return;
+            }
+            var components = this.panes.toArray().concat(splitbars.toArray()).sort(function (a, b) { return a.order - b.order; });
+            var elements = components.map(function (component) { return component.element.nativeElement; });
+            elements.forEach(function (element) { return _this.renderer.appendChild(_this.element.nativeElement, element); });
+        },
+        enumerable: true,
+        configurable: true
+    });
     SplitterComponent.prototype.ngAfterContentInit = function () {
         this.reconfigure();
     };
@@ -175,6 +191,11 @@ var SplitterComponent = /** @class */ (function () {
         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)
@@ -193,10 +214,11 @@ var SplitterComponent = /** @class */ (function () {
             ],
             template: "\n      <ng-content select=\"kendo-splitter-pane\"></ng-content>\n      <ng-container *ngFor=\"\n        let pane of panes;\n        let index = index;\n        let last = last;\n      \">\n        <kendo-splitter-bar\n          kendoDraggable\n          *ngIf=\"!last\"\n          [index]=\"index\"\n          [orientation]=\"orientation\">\n        </kendo-splitter-bar>\n      </ng-container>\n    "
         }),
-        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);
     return SplitterComponent;

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

@@ -90,8 +90,11 @@ var TabStripScrollableButtonComponent = /** @class */ (function () {
     };
     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([
@@ -115,7 +118,7 @@ var TabStripScrollableButtonComponent = /** @class */ (function () {
     ], TabStripScrollableButtonComponent.prototype, "prev", void 0);
     TabStripScrollableButtonComponent = tslib_1.__decorate([
         Component({
-            template: "\n        <span class=\"k-icon\" [ngClass]=\"iconClass\"></span>\n    ",
+            template: "\n        <span class=\"k-icon k-button-icon\" [ngClass]=\"iconClass\"></span>\n    ",
             selector: '[kendoTabStripScrollableButton]'
         }),
         tslib_1.__metadata("design:paramtypes", [ElementRef,