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

package/dist/npm/common/util.js

@@ -87,3 +87,7 @@ exports.getStylingClasses = function (componentType, stylingOption, previousValu
  * @hidden
  */
 exports.mapShapeToRounded = function (shape) { return SHAPE_TO_ROUNDED[shape] || null; };
+/**
+ * @hidden
+ */
+exports.isNumber = function (value) { return typeof value === 'number' && isFinite(value); };

package/dist/npm/expansionpanel/expansionpanel.component.js

@@ -168,6 +168,7 @@ var ExpansionPanelComponent = /** @class */ (function () {
     };
     ExpansionPanelComponent.prototype.ngOnInit = function () {
         var _this = this;
+        this.renderer.removeAttribute(this.hostElement.nativeElement, 'title');
         this.subscriptions = this.localizationService.changes.subscribe(function (_a) {
             var rtl = _a.rtl;
             _this.direction = rtl ? 'rtl' : 'ltr';

package/dist/npm/gridlayout.module.js

@@ -0,0 +1,33 @@
+/**-----------------------------------------------------------------------------------------
+* 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 grid_layout_component_1 = require("./layouts/grid-layout.component");
+var gridlayout_item_component_1 = require("./layouts/gridlayout-item.component");
+var exportedModules = [
+    grid_layout_component_1.GridLayoutComponent,
+    gridlayout_item_component_1.GridLayoutItemComponent
+];
+var declarations = exportedModules.slice();
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * definition for the GridLayout component.
+ */
+var GridLayoutModule = /** @class */ (function () {
+    function GridLayoutModule() {
+    }
+    GridLayoutModule = tslib_1.__decorate([
+        core_1.NgModule({
+            declarations: [declarations],
+            exports: [exportedModules],
+            imports: [common_1.CommonModule]
+        })
+    ], GridLayoutModule);
+    return GridLayoutModule;
+}());
+exports.GridLayoutModule = GridLayoutModule;

package/dist/npm/layout.module.js

@@ -15,6 +15,8 @@ var splitter_module_1 = require("./splitter.module");
 var stepper_module_1 = require("./stepper.module");
 var tabstrip_module_1 = require("./tabstrip.module");
 var tilelayout_module_1 = require("./tilelayout.module");
+var stacklayout_module_1 = require("./stacklayout.module");
+var gridlayout_module_1 = require("./gridlayout.module");
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
  * definition for the Layout components.
@@ -60,7 +62,9 @@ var LayoutModule = /** @class */ (function () {
                 splitter_module_1.SplitterModule,
                 stepper_module_1.StepperModule,
                 tabstrip_module_1.TabStripModule,
-                tilelayout_module_1.TileLayoutModule
+                tilelayout_module_1.TileLayoutModule,
+                stacklayout_module_1.StackLayoutModule,
+                gridlayout_module_1.GridLayoutModule
             ]
         })
     ], LayoutModule);

package/dist/npm/layouts/grid-layout.component.js

@@ -0,0 +1,152 @@
+/**-----------------------------------------------------------------------------------------
+* 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 kendo_licensing_1 = require("@progress/kendo-licensing");
+var package_metadata_1 = require("../package-metadata");
+var util_1 = require("./util");
+var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
+var util_2 = require("../common/util");
+var kendo_angular_common_1 = require("@progress/kendo-angular-common");
+/**
+ * Represents the [Kendo UI GridLayout component for Angular]({% slug overview_gridlayout %}).
+ */
+var GridLayoutComponent = /** @class */ (function () {
+    function GridLayoutComponent(renderer, element, localization) {
+        this.renderer = renderer;
+        this.element = element;
+        this.localization = localization;
+        this.hostClass = true;
+        /**
+         * Specifies the gaps between the elements. The default value is `0`
+         * ([see example]({% slug layout_gridlayout %}#toc-gaps)).
+         */
+        this.gap = 0;
+        this._align = {
+            horizontal: 'stretch',
+            vertical: 'stretch'
+        };
+        kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
+    }
+    Object.defineProperty(GridLayoutComponent.prototype, "dir", {
+        get: function () {
+            return this.direction;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(GridLayoutComponent.prototype, "align", {
+        get: function () {
+            return this._align;
+        },
+        /**
+         * Specifies the horizontal and vertical alignment of the inner GridLayout elements
+         * ([see example]({% slug layout_gridlayout %}#toc-alignment)).
+         */
+        set: function (align) {
+            this._align = Object.assign({}, this._align, align);
+            this.handleAlignClasses();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    GridLayoutComponent.prototype.ngAfterViewInit = function () {
+        this.handleAlignClasses();
+        this.handleGridTemplateStyling('rows');
+        this.handleGridTemplateStyling('cols');
+        this.setGap();
+    };
+    GridLayoutComponent.prototype.ngOnChanges = function (changes) {
+        if (kendo_angular_common_1.isChanged('gap', changes)) {
+            this.setGap();
+        }
+        if (kendo_angular_common_1.isChanged('rows', changes)) {
+            this.handleGridTemplateStyling('rows');
+        }
+        if (kendo_angular_common_1.isChanged('cols', changes)) {
+            this.handleGridTemplateStyling('cols');
+        }
+    };
+    GridLayoutComponent.prototype.handleAlignClasses = function () {
+        var elem = this.element.nativeElement;
+        if (util_2.isPresent(this.justifyClass)) {
+            this.renderer.removeClass(elem, this.justifyClass);
+        }
+        if (util_2.isPresent(this.alignClass)) {
+            this.renderer.removeClass(elem, this.alignClass);
+        }
+        this.justifyClass = util_1.GRID_JUSTIFY_PREFIX + "-" + this.align.horizontal;
+        this.alignClass = util_1.ALIGN_PREFIX + "-" + util_1.VERTICAL_SUFFIX[this.align.vertical];
+        this.renderer.addClass(elem, this.justifyClass);
+        this.renderer.addClass(elem, this.alignClass);
+    };
+    GridLayoutComponent.prototype.setGap = function () {
+        var parsedGap = util_1.normalizeGap(this.gap);
+        var gapStyle = util_1.generateGapStyle(parsedGap);
+        this.renderer.setStyle(this.element.nativeElement, 'gap', gapStyle);
+    };
+    GridLayoutComponent.prototype.handleGridTemplateStyling = function (type) {
+        if (!util_2.isPresent(this[type])) {
+            return;
+        }
+        var gridTemplateStyle = type === 'rows' ? 'grid-template-rows' : 'grid-template-columns';
+        var gridStyle = util_1.generateGridStyle(this[type], type);
+        this.renderer.setStyle(this.element.nativeElement, gridTemplateStyle, gridStyle.join(' '));
+    };
+    Object.defineProperty(GridLayoutComponent.prototype, "direction", {
+        get: function () {
+            return this.localization.rtl ? 'rtl' : 'ltr';
+        },
+        enumerable: true,
+        configurable: true
+    });
+    tslib_1.__decorate([
+        core_1.HostBinding('class.k-grid-layout'),
+        tslib_1.__metadata("design:type", Boolean)
+    ], GridLayoutComponent.prototype, "hostClass", void 0);
+    tslib_1.__decorate([
+        core_1.HostBinding('attr.dir'),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], GridLayoutComponent.prototype, "dir", null);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Array)
+    ], GridLayoutComponent.prototype, "rows", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Array)
+    ], GridLayoutComponent.prototype, "cols", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], GridLayoutComponent.prototype, "gap", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], GridLayoutComponent.prototype, "align", null);
+    GridLayoutComponent = tslib_1.__decorate([
+        core_1.Component({
+            exportAs: 'kendoGridLayout',
+            selector: 'kendo-gridlayout',
+            providers: [
+                kendo_angular_l10n_1.LocalizationService,
+                {
+                    provide: kendo_angular_l10n_1.L10N_PREFIX,
+                    useValue: 'kendo.gridlayout'
+                }
+            ],
+            template: "\n        <ng-content></ng-content>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [core_1.Renderer2,
+            core_1.ElementRef,
+            kendo_angular_l10n_1.LocalizationService])
+    ], GridLayoutComponent);
+    return GridLayoutComponent;
+}());
+exports.GridLayoutComponent = GridLayoutComponent;

package/dist/npm/layouts/gridlayout-item.component.js

@@ -0,0 +1,54 @@
+/**-----------------------------------------------------------------------------------------
+* 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 GridLayoutItemComponent = /** @class */ (function () {
+    function GridLayoutItemComponent(renderer, element) {
+        this.renderer = renderer;
+        this.element = element;
+    }
+    GridLayoutItemComponent.prototype.ngOnInit = function () {
+        this.setItemStyle();
+    };
+    GridLayoutItemComponent.prototype.ngOnChanges = function () {
+        this.setItemStyle();
+    };
+    GridLayoutItemComponent.prototype.setItemStyle = function () {
+        var row = this.row || 'auto';
+        var col = this.col || 'auto';
+        var rowSpan = this.rowSpan ? "span " + this.rowSpan : 'auto';
+        var colSpan = this.colSpan ? "span " + this.colSpan : 'auto';
+        var gridAreaStyle = row + " / " + col + " / " + rowSpan + " / " + colSpan;
+        this.renderer.setStyle(this.element.nativeElement, 'grid-area', gridAreaStyle);
+    };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], GridLayoutItemComponent.prototype, "row", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], GridLayoutItemComponent.prototype, "col", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], GridLayoutItemComponent.prototype, "rowSpan", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], GridLayoutItemComponent.prototype, "colSpan", void 0);
+    GridLayoutItemComponent = tslib_1.__decorate([
+        core_1.Component({
+            selector: 'kendo-gridlayout-item',
+            template: "\n        <ng-content></ng-content>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [core_1.Renderer2,
+            core_1.ElementRef])
+    ], GridLayoutItemComponent);
+    return GridLayoutItemComponent;
+}());
+exports.GridLayoutItemComponent = GridLayoutItemComponent;

package/dist/npm/layouts/models/gridlayout-gap-settings.js

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* 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 });

package/dist/npm/layouts/models/gridlayout-row-col-size.js

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* 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 });

package/dist/npm/layouts/models/layout-align-settings.js

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* 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 });

package/dist/npm/layouts/models/layout-horizontal-align.js

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* 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 });

package/dist/npm/layouts/models/layout-vertical-align.js

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* 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 });

package/dist/npm/layouts/models.js

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* 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 });

package/dist/npm/layouts/stack-layout.component.js

@@ -0,0 +1,173 @@
+/**-----------------------------------------------------------------------------------------
+* 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 util_1 = require("./util");
+var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
+var util_2 = require("../common/util");
+var kendo_licensing_1 = require("@progress/kendo-licensing");
+var package_metadata_1 = require("../package-metadata");
+var kendo_angular_common_1 = require("@progress/kendo-angular-common");
+/**
+ * Represents the [Kendo UI StackLayout component for Angular]({% slug overview_stacklayout %}).
+ */
+var StackLayoutComponent = /** @class */ (function () {
+    function StackLayoutComponent(renderer, element, localization) {
+        this.renderer = renderer;
+        this.element = element;
+        this.localization = localization;
+        this.hostClass = true;
+        /**
+         * Specifies the gap between the inner StackLayout elements. The default value is `0`
+         * ([see example]({% slug layout_stacklayout %}#toc-gaps)).
+         */
+        this.gap = 0;
+        /**
+         * Specifies the orientation of the StackLayout
+         * ([see example]({% slug layout_stacklayout %}#toc-orientation)).
+         *
+         * The possible values are:
+         * (Default) `horizontal`
+         * `vertical`
+         */
+        this.orientation = 'horizontal';
+        this._align = {
+            horizontal: 'stretch',
+            vertical: 'stretch'
+        };
+        kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
+    }
+    Object.defineProperty(StackLayoutComponent.prototype, "horizontalClass", {
+        get: function () {
+            return this.orientation === 'horizontal';
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(StackLayoutComponent.prototype, "verticalClass", {
+        get: function () {
+            return this.orientation === 'vertical';
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(StackLayoutComponent.prototype, "dir", {
+        get: function () {
+            return this.direction;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(StackLayoutComponent.prototype, "align", {
+        get: function () {
+            return this._align;
+        },
+        /**
+         * Specifies the horizontal and vertical alignment of the inner StackLayout elements
+         * ([see example]({% slug layout_stacklayout %}#toc-alignment)).
+         */
+        set: function (align) {
+            this._align = Object.assign({}, this._align, align);
+            this.handleAlignClasses();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    StackLayoutComponent.prototype.ngAfterViewInit = function () {
+        this.handleAlignClasses();
+        this.setGap();
+    };
+    StackLayoutComponent.prototype.ngOnChanges = function (changes) {
+        if (kendo_angular_common_1.isChanged('gap', changes)) {
+            this.setGap();
+        }
+        if (kendo_angular_common_1.isChanged('orientation', changes)) {
+            this.handleAlignClasses();
+        }
+    };
+    StackLayoutComponent.prototype.handleAlignClasses = function () {
+        var elem = this.element.nativeElement;
+        if (util_2.isPresent(this.justifyClass)) {
+            this.renderer.removeClass(elem, this.justifyClass);
+        }
+        if (util_2.isPresent(this.alignClass)) {
+            this.renderer.removeClass(elem, this.alignClass);
+        }
+        if (this.orientation === 'horizontal') {
+            this.justifyClass = util_1.JUSTIFY_PREFIX + "-" + this.align.horizontal;
+            this.alignClass = util_1.ALIGN_PREFIX + "-" + util_1.VERTICAL_SUFFIX[this.align.vertical];
+        }
+        else {
+            this.justifyClass = util_1.JUSTIFY_PREFIX + "-" + util_1.VERTICAL_SUFFIX[this.align.vertical];
+            this.alignClass = util_1.ALIGN_PREFIX + "-" + this.align.horizontal;
+        }
+        this.renderer.addClass(elem, this.justifyClass);
+        this.renderer.addClass(elem, this.alignClass);
+    };
+    StackLayoutComponent.prototype.setGap = function () {
+        var parsedGap = util_2.isNumber(this.gap) ? this.gap + "px" : this.gap;
+        this.renderer.setStyle(this.element.nativeElement, 'gap', parsedGap);
+    };
+    Object.defineProperty(StackLayoutComponent.prototype, "direction", {
+        get: function () {
+            return this.localization.rtl ? 'rtl' : 'ltr';
+        },
+        enumerable: true,
+        configurable: true
+    });
+    tslib_1.__decorate([
+        core_1.HostBinding('class.k-stack-layout'),
+        tslib_1.__metadata("design:type", Boolean)
+    ], StackLayoutComponent.prototype, "hostClass", void 0);
+    tslib_1.__decorate([
+        core_1.HostBinding('class.k-hstack'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], StackLayoutComponent.prototype, "horizontalClass", null);
+    tslib_1.__decorate([
+        core_1.HostBinding('class.k-vstack'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], StackLayoutComponent.prototype, "verticalClass", null);
+    tslib_1.__decorate([
+        core_1.HostBinding('attr.dir'),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], StackLayoutComponent.prototype, "dir", null);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], StackLayoutComponent.prototype, "align", null);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], StackLayoutComponent.prototype, "gap", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], StackLayoutComponent.prototype, "orientation", void 0);
+    StackLayoutComponent = tslib_1.__decorate([
+        core_1.Component({
+            exportAs: 'kendoStackLayout',
+            selector: 'kendo-stacklayout',
+            providers: [
+                kendo_angular_l10n_1.LocalizationService,
+                {
+                    provide: kendo_angular_l10n_1.L10N_PREFIX,
+                    useValue: 'kendo.stacklayout'
+                }
+            ],
+            template: "\n        <ng-content></ng-content>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [core_1.Renderer2,
+            core_1.ElementRef,
+            kendo_angular_l10n_1.LocalizationService])
+    ], StackLayoutComponent);
+    return StackLayoutComponent;
+}());
+exports.StackLayoutComponent = StackLayoutComponent;

package/dist/npm/layouts/util.js

@@ -0,0 +1,89 @@
+/**-----------------------------------------------------------------------------------------
+* 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 });
+/**
+ * @hidden
+ */
+exports.VERTICAL_SUFFIX = {
+    top: 'start',
+    middle: 'center',
+    bottom: 'end',
+    stretch: 'stretch'
+};
+/**
+ * @hidden
+ */
+exports.JUSTIFY_PREFIX = "k-justify-content";
+/**
+ * @hidden
+ */
+exports.GRID_JUSTIFY_PREFIX = "k-justify-items";
+/**
+ * @hidden
+ */
+exports.ALIGN_PREFIX = "k-align-items";
+/**
+ * @hidden
+ */
+exports.normalizeGap = function (gap) {
+    if (typeof gap === 'number' || typeof gap === 'string') {
+        return { cols: gap, rows: gap };
+    }
+    else {
+        var parsedGap = {};
+        parsedGap.rows = gap.rows ? gap.rows : 0;
+        parsedGap.cols = gap.cols ? gap.cols : 0;
+        return parsedGap;
+    }
+};
+/**
+ * @hidden
+ */
+exports.generateGapStyle = function (gap) {
+    if (gap.rows === gap.cols) {
+        return typeof gap.rows === 'number' ? gap.rows + "px" : gap.rows;
+    }
+    else {
+        var rowStyle = "" + (typeof gap.rows === 'number' ? gap.rows + 'px' : gap.rows);
+        var colStyle = "" + (typeof gap.cols === 'number' ? gap.cols + 'px' : gap.cols);
+        return rowStyle + " " + colStyle;
+    }
+};
+/**
+ * @hidden
+ */
+exports.generateGridStyle = function (items, itemType) {
+    var styling = [];
+    items.forEach(function (item) {
+        if (typeof item === 'number') {
+            styling.push(item + "px");
+        }
+        else if (typeof item === 'string') {
+            styling.push(item);
+        }
+        else {
+            if (itemType === 'rows') {
+                var rowHeight = item.height;
+                if (rowHeight) {
+                    styling.push(typeof rowHeight === 'number' ? rowHeight + "px" : rowHeight);
+                }
+                else {
+                    styling.push('0px');
+                }
+            }
+            else {
+                var colWidth = item.width;
+                if (colWidth) {
+                    styling.push(typeof colWidth === 'number' ? colWidth + "px" : colWidth);
+                }
+                else {
+                    styling.push('0px');
+                }
+            }
+        }
+    });
+    return styling;
+};

package/dist/npm/main.js

@@ -118,3 +118,15 @@ var expansionpanel_module_1 = require("./expansionpanel.module");
 exports.ExpansionPanelModule = expansionpanel_module_1.ExpansionPanelModule;
 var tilelayout_module_1 = require("./tilelayout.module");
 exports.TileLayoutModule = tilelayout_module_1.TileLayoutModule;
+var stacklayout_module_1 = require("./stacklayout.module");
+exports.StackLayoutModule = stacklayout_module_1.StackLayoutModule;
+var gridlayout_module_1 = require("./gridlayout.module");
+exports.GridLayoutModule = gridlayout_module_1.GridLayoutModule;
+// StackLayout exports
+var stack_layout_component_1 = require("./layouts/stack-layout.component");
+exports.StackLayoutComponent = stack_layout_component_1.StackLayoutComponent;
+// GridLayout exports
+var grid_layout_component_1 = require("./layouts/grid-layout.component");
+exports.GridLayoutComponent = grid_layout_component_1.GridLayoutComponent;
+var gridlayout_item_component_1 = require("./layouts/gridlayout-item.component");
+exports.GridLayoutItemComponent = gridlayout_item_component_1.GridLayoutItemComponent;

package/dist/npm/package-metadata.js

@@ -11,7 +11,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-angular-layout',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1643117691,
+    publishDate: 1644423873,
     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/npm/splitter/splitter-bar.component.js

@@ -44,8 +44,9 @@ exports.ɵ3 = ɵ3;
  * @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';
@@ -277,6 +278,7 @@ var SplitterBarComponent = /** @class */ (function () {
         }),
         tslib_1.__param(0, core_1.Host()),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_common_1.DraggableDirective,
+            core_1.ElementRef,
             splitter_service_1.SplitterService,
             kendo_angular_l10n_1.LocalizationService])
     ], SplitterBarComponent);