@progress/kendo-angular-layout 6.4.1 → 6.5.0-dev.202202091626

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/stacklayout.module.js

@@ -0,0 +1,29 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { StackLayoutComponent } from './layouts/stack-layout.component';
+var exportedModules = [
+    StackLayoutComponent
+];
+var declarations = exportedModules.slice();
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * definition for the StackLayout component.
+ */
+var StackLayoutModule = /** @class */ (function () {
+    function StackLayoutModule() {
+    }
+    StackLayoutModule = tslib_1.__decorate([
+        NgModule({
+            declarations: [declarations],
+            exports: [exportedModules],
+            imports: [CommonModule]
+        })
+    ], StackLayoutModule);
+    return StackLayoutModule;
+}());
+export { StackLayoutModule };

package/dist/es2015/common/orientation.d.ts

@@ -3,6 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the orientation of the items within the component.
+ * Specifies the orientation of layouts in different scenarios.
  */
 export declare type Orientation = 'horizontal' | 'vertical';

package/dist/es2015/common/util.d.ts

@@ -38,3 +38,7 @@ export declare const getStylingClasses: (componentType: any, stylingOption: stri
  * @hidden
  */
 export declare const mapShapeToRounded: (shape: AvatarShape) => AvatarRounded;
+/**
+ * @hidden
+ */
+export declare const isNumber: (value: string | number) => boolean;

package/dist/es2015/common/util.js

@@ -80,4 +80,8 @@ export const getStylingClasses = (componentType, stylingOption, previousValue, n
  * @hidden
  */
 export const mapShapeToRounded = (shape) => SHAPE_TO_ROUNDED[shape] || null;
+/**
+ * @hidden
+ */
+export const isNumber = (value) => typeof value === 'number' && isFinite(value);
 export { ɵ0 };

package/dist/es2015/expansionpanel/expansionpanel.component.js

@@ -149,6 +149,7 @@ let ExpansionPanelComponent = class ExpansionPanelComponent {
         }
     }
     ngOnInit() {
+        this.renderer.removeAttribute(this.hostElement.nativeElement, 'title');
         this.subscriptions = this.localizationService.changes.subscribe(({ rtl }) => { this.direction = rtl ? 'rtl' : 'ltr'; });
     }
     ngAfterViewInit() {

package/dist/es2015/gridlayout.module.d.ts

@@ -0,0 +1,10 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * definition for the GridLayout component.
+ */
+export declare class GridLayoutModule {
+}

package/dist/es2015/gridlayout.module.js

@@ -0,0 +1,30 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { GridLayoutComponent } from './layouts/grid-layout.component';
+import { GridLayoutItemComponent } from './layouts/gridlayout-item.component';
+const exportedModules = [
+    GridLayoutComponent,
+    GridLayoutItemComponent
+];
+const declarations = [
+    ...exportedModules
+];
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * definition for the GridLayout component.
+ */
+let GridLayoutModule = class GridLayoutModule {
+};
+GridLayoutModule = tslib_1.__decorate([
+    NgModule({
+        declarations: [declarations],
+        exports: [exportedModules],
+        imports: [CommonModule]
+    })
+], GridLayoutModule);
+export { GridLayoutModule };