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

package/dist/npm/splitter/splitter.component.js

@@ -10,7 +10,9 @@ var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
 var kendo_licensing_1 = require("@progress/kendo-licensing");
 var package_metadata_1 = require("../package-metadata");
 var splitter_pane_component_1 = require("./splitter-pane.component");
+var splitter_bar_component_1 = require("./splitter-bar.component");
 var splitter_service_1 = require("./splitter.service");
+var util_1 = require("../common/util");
 /**
  * Represents the [Kendo UI Splitter component for Angular]({% slug overview_splitter %}).
  *
@@ -47,10 +49,11 @@ var splitter_service_1 = require("./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.
@@ -96,6 +99,19 @@ var SplitterComponent = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(SplitterComponent.prototype, "splitbars", {
+        set: function (splitbars) {
+            var _this = this;
+            if (!util_1.isPresent(splitbars) || !util_1.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();
     };
@@ -177,6 +193,11 @@ var SplitterComponent = /** @class */ (function () {
         core_1.HostBinding('attr.role'),
         tslib_1.__metadata("design:type", String)
     ], SplitterComponent.prototype, "ariaRole", void 0);
+    tslib_1.__decorate([
+        core_1.ViewChildren(splitter_bar_component_1.SplitterBarComponent),
+        tslib_1.__metadata("design:type", core_1.QueryList),
+        tslib_1.__metadata("design:paramtypes", [core_1.QueryList])
+    ], SplitterComponent.prototype, "splitbars", null);
     tslib_1.__decorate([
         core_1.ContentChildren(splitter_pane_component_1.SplitterPaneComponent),
         tslib_1.__metadata("design:type", core_1.QueryList)
@@ -195,10 +216,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, core_1.Optional()), tslib_1.__param(3, core_1.Host()), tslib_1.__param(3, core_1.Inject(splitter_pane_component_1.SplitterPaneComponent)),
+        tslib_1.__param(4, core_1.Optional()), tslib_1.__param(4, core_1.Host()), tslib_1.__param(4, core_1.Inject(splitter_pane_component_1.SplitterPaneComponent)),
         tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
             splitter_service_1.SplitterService,
             kendo_angular_l10n_1.LocalizationService,
+            core_1.Renderer2,
             splitter_pane_component_1.SplitterPaneComponent])
     ], SplitterComponent);
     return SplitterComponent;

package/dist/npm/stacklayout.module.js

@@ -0,0 +1,31 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var common_1 = require("@angular/common");
+var stack_layout_component_1 = require("./layouts/stack-layout.component");
+var exportedModules = [
+    stack_layout_component_1.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([
+        core_1.NgModule({
+            declarations: [declarations],
+            exports: [exportedModules],
+            imports: [common_1.CommonModule]
+        })
+    ], StackLayoutModule);
+    return StackLayoutModule;
+}());
+exports.StackLayoutModule = StackLayoutModule;