@progress/kendo-angular-layout 6.5.2 → 7.0.0-dev.202204150742

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

@@ -1,155 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { 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, validateGridLayoutRowsCols } from './util';
-import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
-import { isPresent } from '../common/util';
-import { isChanged } from '@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'
-        };
-        validatePackage(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 (isChanged('gap', changes)) {
-            this.setGap();
-        }
-        if (isChanged('rows', changes)) {
-            this.handleGridTemplateStyling('rows');
-        }
-        if (isChanged('cols', changes)) {
-            this.handleGridTemplateStyling('cols');
-        }
-    };
-    GridLayoutComponent.prototype.handleAlignClasses = function () {
-        var elem = this.element.nativeElement;
-        if (isPresent(this.justifyClass)) {
-            this.renderer.removeClass(elem, this.justifyClass);
-        }
-        if (isPresent(this.alignClass)) {
-            this.renderer.removeClass(elem, this.alignClass);
-        }
-        this.justifyClass = GRID_JUSTIFY_PREFIX + "-" + this.align.horizontal;
-        this.alignClass = ALIGN_PREFIX + "-" + VERTICAL_SUFFIX[this.align.vertical];
-        this.renderer.addClass(elem, this.justifyClass);
-        this.renderer.addClass(elem, this.alignClass);
-    };
-    GridLayoutComponent.prototype.setGap = function () {
-        var parsedGap = normalizeGap(this.gap);
-        var gapStyle = generateGapStyle(parsedGap);
-        this.renderer.setStyle(this.element.nativeElement, 'gap', gapStyle);
-    };
-    GridLayoutComponent.prototype.handleGridTemplateStyling = function (type) {
-        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(' '));
-    };
-    Object.defineProperty(GridLayoutComponent.prototype, "direction", {
-        get: function () {
-            return this.localization.rtl ? 'rtl' : 'ltr';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    tslib_1.__decorate([
-        HostBinding('class.k-grid-layout'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GridLayoutComponent.prototype, "hostClass", void 0);
-    tslib_1.__decorate([
-        HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], GridLayoutComponent.prototype, "dir", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], GridLayoutComponent.prototype, "rows", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], GridLayoutComponent.prototype, "cols", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], GridLayoutComponent.prototype, "gap", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], GridLayoutComponent.prototype, "align", null);
-    GridLayoutComponent = tslib_1.__decorate([
-        Component({
-            exportAs: 'kendoGridLayout',
-            selector: 'kendo-gridlayout',
-            providers: [
-                LocalizationService,
-                {
-                    provide: L10N_PREFIX,
-                    useValue: 'kendo.gridlayout'
-                }
-            ],
-            template: "\n        <ng-content></ng-content>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [Renderer2,
-            ElementRef,
-            LocalizationService])
-    ], GridLayoutComponent);
-    return GridLayoutComponent;
-}());
-export { GridLayoutComponent };

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

@@ -1,52 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { Component, Input, Renderer2, ElementRef } from '@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([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], GridLayoutItemComponent.prototype, "row", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], GridLayoutItemComponent.prototype, "col", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], GridLayoutItemComponent.prototype, "rowSpan", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], GridLayoutItemComponent.prototype, "colSpan", void 0);
-    GridLayoutItemComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-gridlayout-item',
-            template: "\n        <ng-content></ng-content>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [Renderer2,
-            ElementRef])
-    ], GridLayoutItemComponent);
-    return GridLayoutItemComponent;
-}());
-export { GridLayoutItemComponent };

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

@@ -1,171 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { Component, HostBinding, Input, Renderer2, ElementRef } from '@angular/core';
-import { VERTICAL_SUFFIX, ALIGN_PREFIX, JUSTIFY_PREFIX } from './util';
-import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
-import { isNumber, isPresent } from '../common/util';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-import { isChanged } from '@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'
-        };
-        validatePackage(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 (isChanged('gap', changes)) {
-            this.setGap();
-        }
-        if (isChanged('orientation', changes)) {
-            this.handleAlignClasses();
-        }
-    };
-    StackLayoutComponent.prototype.handleAlignClasses = function () {
-        var elem = this.element.nativeElement;
-        if (isPresent(this.justifyClass)) {
-            this.renderer.removeClass(elem, this.justifyClass);
-        }
-        if (isPresent(this.alignClass)) {
-            this.renderer.removeClass(elem, this.alignClass);
-        }
-        if (this.orientation === 'horizontal') {
-            this.justifyClass = JUSTIFY_PREFIX + "-" + this.align.horizontal;
-            this.alignClass = ALIGN_PREFIX + "-" + VERTICAL_SUFFIX[this.align.vertical];
-        }
-        else {
-            this.justifyClass = JUSTIFY_PREFIX + "-" + VERTICAL_SUFFIX[this.align.vertical];
-            this.alignClass = ALIGN_PREFIX + "-" + this.align.horizontal;
-        }
-        this.renderer.addClass(elem, this.justifyClass);
-        this.renderer.addClass(elem, this.alignClass);
-    };
-    StackLayoutComponent.prototype.setGap = function () {
-        var parsedGap = 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([
-        HostBinding('class.k-stack-layout'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], StackLayoutComponent.prototype, "hostClass", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-hstack'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], StackLayoutComponent.prototype, "horizontalClass", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-vstack'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], StackLayoutComponent.prototype, "verticalClass", null);
-    tslib_1.__decorate([
-        HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], StackLayoutComponent.prototype, "dir", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], StackLayoutComponent.prototype, "align", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], StackLayoutComponent.prototype, "gap", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], StackLayoutComponent.prototype, "orientation", void 0);
-    StackLayoutComponent = tslib_1.__decorate([
-        Component({
-            exportAs: 'kendoStackLayout',
-            selector: 'kendo-stacklayout',
-            providers: [
-                LocalizationService,
-                {
-                    provide: L10N_PREFIX,
-                    useValue: 'kendo.stacklayout'
-                }
-            ],
-            template: "\n        <ng-content></ng-content>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [Renderer2,
-            ElementRef,
-            LocalizationService])
-    ], StackLayoutComponent);
-    return StackLayoutComponent;
-}());
-export { StackLayoutComponent };

package/dist/es/layouts/util.js

@@ -1,102 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export var VERTICAL_SUFFIX = {
-    top: 'start',
-    middle: 'center',
-    bottom: 'end',
-    stretch: 'stretch'
-};
-/**
- * @hidden
- */
-export var JUSTIFY_PREFIX = "k-justify-content";
-/**
- * @hidden
- */
-export var GRID_JUSTIFY_PREFIX = "k-justify-items";
-/**
- * @hidden
- */
-export var ALIGN_PREFIX = "k-align-items";
-/**
- * @hidden
- */
-export var 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
- */
-export var 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
- */
-export var 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;
-};
-/**
- * @hidden
- */
-export 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;
-};

package/dist/es/package-metadata.js

@@ -1,15 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export var packageMetadata = {
-    name: '@progress/kendo-angular-layout',
-    productName: 'Kendo UI for Angular',
-    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1647343533,
-    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/panelbar/panelbar-content.directive.js

@@ -1,23 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { Directive, TemplateRef } from '@angular/core';
-/**
- * Represents the content template of the declaratively initialized PanelBar items.
- * The content can be expanded or collapsed through the item.
- */
-var PanelBarContentDirective = /** @class */ (function () {
-    function PanelBarContentDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    PanelBarContentDirective = tslib_1.__decorate([
-        Directive({
-            selector: "[kendoPanelBarContent]"
-        }),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], PanelBarContentDirective);
-    return PanelBarContentDirective;
-}());
-export { PanelBarContentDirective };

package/dist/es/panelbar/panelbar-item-template.directive.js

@@ -1,23 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { Directive, TemplateRef, Optional } from '@angular/core';
-/**
- * Represents the template directive of the PanelBar which helps to customize the item content.
- */
-var PanelBarItemTemplateDirective = /** @class */ (function () {
-    function PanelBarItemTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    PanelBarItemTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoPanelBarItemTemplate]'
-        }),
-        tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], PanelBarItemTemplateDirective);
-    return PanelBarItemTemplateDirective;
-}());
-export { PanelBarItemTemplateDirective };

package/dist/es/panelbar/panelbar-item-title.directive.js

@@ -1,46 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { Directive, TemplateRef, Optional } from '@angular/core';
-/**
- * Represents the template directive of the PanelBar which helps to customize the item title
- * ([more information and example]({% slug templates_panelbar %}#toc-customizing-the-appearance-of-the-title)).
- *
- * > The `kendoPanelBarItemTitle` directive overrides the PanelBarItem [title]({% slug api_layout_panelbaritemcomponent %}#toc-title) option.
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *        <kendo-panelbar>
- *            <kendo-panelbar-item [expanded]="true">
- *                <ng-template kendoPanelBarItemTitle>
- *                    Item Title
- *                </ng-template>
- *            </kendo-panelbar-item>
- *        </kendo-panelbar>
- *     `
- * })
- *
- * class AppComponent {}
- *
- * ```
- */
-var PanelBarItemTitleDirective = /** @class */ (function () {
-    function PanelBarItemTitleDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    PanelBarItemTitleDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoPanelBarItemTitle]'
-        }),
-        tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], PanelBarItemTitleDirective);
-    return PanelBarItemTitleDirective;
-}());
-export { PanelBarItemTitleDirective };