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

package/dist/es2015/layouts/grid-layout.component.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Renderer2, ElementRef, AfterViewInit, SimpleChanges, OnChanges } from '@angular/core';
-import { GridLayoutRowSize, GridLayoutColSize, GridLayoutGapSettings, AlignSettings } from './models';
+import { GridLayoutGapSettings, AlignSettings } from './models';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 /**
  * Represents the [Kendo UI GridLayout component for Angular]({% slug overview_gridlayout %}).
@@ -17,13 +17,29 @@ export declare class GridLayoutComponent implements AfterViewInit, OnChanges {
     /**
      * Specifies the number of rows and their height
      * ([More details]({% slug layout_gridlayout %}#toc-rows-and-columns)).
+     *
+     * Accepts an array, which serves two purposes:
+     *
+     * The number of elements in the array defines the number of rows.
+     * Each array element defines the size of the corresponding row. The possible array values are:
+     * * `number` - Defines the size in pixels.
+     * * `string` - Enables the usage of arbitrary units e.g. `20%` or `auto`.
+     * * [GridLayoutRowSize]({% slug api_layout_gridlayoutrowsize %}) - Configuration object, which accepts a `height` key.
      */
-    rows: Array<number | string | GridLayoutRowSize>;
+    rows: Array<any>;
     /**
      * Specifies the number of columns and their widths
      * ([More details]({% slug layout_gridlayout %}#toc-rows-and-columns)).
+     *
+     * Accepts an array, which serves two purposes:
+     *
+     * The number of elements in the array defines the number of columns.
+     * Each array element defines the size of the corresponding column. The possible array values are:
+     * * `number` - Defines the size in pixels.
+     * * `string` - Enables the usage of arbitrary units e.g. `20%` or `auto`.
+     * * [GridLayoutColSize]({% slug api_layout_gridlayoutcolsize %}) - Configuration object, which accepts a `width` key.
      */
-    cols: Array<number | string | GridLayoutColSize>;
+    cols: Array<any>;
     /**
      * Specifies the gaps between the elements. The default value is `0`
      * ([see example]({% slug layout_gridlayout %}#toc-gaps)).

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

@@ -3,10 +3,10 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
-import { Component, HostBinding, Input, Renderer2, ElementRef } from '@angular/core';
+import { Component, HostBinding, Input, Renderer2, ElementRef, isDevMode } from '@angular/core';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
-import { ALIGN_PREFIX, generateGapStyle, generateGridStyle, GRID_JUSTIFY_PREFIX, normalizeGap, VERTICAL_SUFFIX } from './util';
+import { ALIGN_PREFIX, generateGapStyle, generateGridStyle, GRID_JUSTIFY_PREFIX, normalizeGap, VERTICAL_SUFFIX, validateGridLayoutRowsCols } from './util';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { isPresent } from '../common/util';
 import { isChanged } from '@progress/kendo-angular-common';
@@ -83,6 +83,11 @@ let GridLayoutComponent = class GridLayoutComponent {
         if (!isPresent(this[type])) {
             return;
         }
+        const isValid = validateGridLayoutRowsCols(this[type]);
+        if (!isValid && isDevMode()) {
+            const valueType = type === 'rows' ? 'GridLayoutRowSize' : 'GridLayoutColSize';
+            throw new Error(`The provided ${type} value contains invalid elements. The array supports values of type number, string or ${valueType}.`);
+        }
         const gridTemplateStyle = type === 'rows' ? 'grid-template-rows' : 'grid-template-columns';
         const gridStyle = generateGridStyle(this[type], type);
         this.renderer.setStyle(this.element.nativeElement, gridTemplateStyle, gridStyle.join(' '));

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

@@ -36,3 +36,7 @@ export declare const generateGapStyle: (gap: GridLayoutGapSettings) => string;
  * @hidden
  */
 export declare const generateGridStyle: (items: (string | number | GridLayoutRowSize | GridLayoutColSize)[], itemType: string) => string[];
+/**
+ * @hidden
+ */
+export declare const validateGridLayoutRowsCols: (arr: any[]) => boolean;

package/dist/es2015/layouts/util.js

@@ -85,3 +85,17 @@ export const generateGridStyle = (items, itemType) => {
     });
     return styling;
 };
+/**
+ * @hidden
+ */
+export const validateGridLayoutRowsCols = (arr) => {
+    for (const el of arr) {
+        const isNum = typeof el === 'number';
+        const isStr = typeof el === 'string';
+        const isObject = typeof el === 'object' && el !== null;
+        if (!isNum && !isStr && !isObject) {
+            return false;
+        }
+    }
+    return true;
+};

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: 1644423873,
+    publishDate: 1644825801,
     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/fesm2015/index.js

@@ -21,7 +21,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-layout',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1644423873,
+    publishDate: 1644825801,
     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'
 };
@@ -8356,6 +8356,20 @@ const generateGridStyle = (items, itemType) => {
     });
     return styling;
 };
+/**
+ * @hidden
+ */
+const validateGridLayoutRowsCols = (arr) => {
+    for (const el of arr) {
+        const isNum = typeof el === 'number';
+        const isStr = typeof el === 'string';
+        const isObject = typeof el === 'object' && el !== null;
+        if (!isNum && !isStr && !isObject) {
+            return false;
+        }
+    }
+    return true;
+};
 
 /**
  * Represents the [Kendo UI StackLayout component for Angular]({% slug overview_stacklayout %}).
@@ -8590,6 +8604,11 @@ let GridLayoutComponent = class GridLayoutComponent {
         if (!isPresent(this[type])) {
             return;
         }
+        const isValid = validateGridLayoutRowsCols(this[type]);
+        if (!isValid && isDevMode()) {
+            const valueType = type === 'rows' ? 'GridLayoutRowSize' : 'GridLayoutColSize';
+            throw new Error(`The provided ${type} value contains invalid elements. The array supports values of type number, string or ${valueType}.`);
+        }
         const gridTemplateStyle = type === 'rows' ? 'grid-template-rows' : 'grid-template-columns';
         const gridStyle = generateGridStyle(this[type], type);
         this.renderer.setStyle(this.element.nativeElement, gridTemplateStyle, gridStyle.join(' '));

package/dist/fesm5/index.js

@@ -21,7 +21,7 @@ var packageMetadata = {
     name: '@progress/kendo-angular-layout',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1644423873,
+    publishDate: 1644825801,
     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'
 };
@@ -8711,6 +8711,21 @@ var generateGridStyle = function (items, itemType) {
     });
     return styling;
 };
+/**
+ * @hidden
+ */
+var validateGridLayoutRowsCols = function (arr) {
+    for (var _i = 0, arr_1 = arr; _i < arr_1.length; _i++) {
+        var el = arr_1[_i];
+        var isNum = typeof el === 'number';
+        var isStr = typeof el === 'string';
+        var isObject = typeof el === 'object' && el !== null;
+        if (!isNum && !isStr && !isObject) {
+            return false;
+        }
+    }
+    return true;
+};
 
 /**
  * Represents the [Kendo UI StackLayout component for Angular]({% slug overview_stacklayout %}).
@@ -8973,6 +8988,11 @@ var GridLayoutComponent = /** @class */ (function () {
         if (!isPresent(this[type])) {
             return;
         }
+        var isValid = validateGridLayoutRowsCols(this[type]);
+        if (!isValid && isDevMode()) {
+            var valueType = type === 'rows' ? 'GridLayoutRowSize' : 'GridLayoutColSize';
+            throw new Error("The provided " + type + " value contains invalid elements. The array supports values of type number, string or " + valueType + ".");
+        }
         var gridTemplateStyle = type === 'rows' ? 'grid-template-rows' : 'grid-template-columns';
         var gridStyle = generateGridStyle(this[type], type);
         this.renderer.setStyle(this.element.nativeElement, gridTemplateStyle, gridStyle.join(' '));

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

@@ -93,6 +93,11 @@ var GridLayoutComponent = /** @class */ (function () {
         if (!util_2.isPresent(this[type])) {
             return;
         }
+        var isValid = util_1.validateGridLayoutRowsCols(this[type]);
+        if (!isValid && core_1.isDevMode()) {
+            var valueType = type === 'rows' ? 'GridLayoutRowSize' : 'GridLayoutColSize';
+            throw new Error("The provided " + type + " value contains invalid elements. The array supports values of type number, string or " + valueType + ".");
+        }
         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(' '));

package/dist/npm/layouts/util.js

@@ -87,3 +87,18 @@ exports.generateGridStyle = function (items, itemType) {
     });
     return styling;
 };
+/**
+ * @hidden
+ */
+exports.validateGridLayoutRowsCols = function (arr) {
+    for (var _i = 0, arr_1 = arr; _i < arr_1.length; _i++) {
+        var el = arr_1[_i];
+        var isNum = typeof el === 'number';
+        var isStr = typeof el === 'string';
+        var isObject = typeof el === 'object' && el !== null;
+        if (!isNum && !isStr && !isObject) {
+            return false;
+        }
+    }
+    return true;
+};

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: 1644423873,
+    publishDate: 1644825801,
     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'
 };