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

package/dist/es/avatar/avatar.component.js

@@ -1,357 +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, isDevMode, Renderer2, ElementRef } from '@angular/core';
-import { validatePackage } from '@progress/kendo-licensing';
-import { getStylingClasses, mapShapeToRounded } from '../common/util';
-import { packageMetadata } from '../package-metadata';
-/**
- * Displays images, icons or initials representing people or other entities.
- */
-var AvatarComponent = /** @class */ (function () {
-    function AvatarComponent(renderer, element) {
-        this.renderer = renderer;
-        this.element = element;
-        this.hostClass = true;
-        /**
-         * Sets a border to the avatar.
-         */
-        this.border = false;
-        this._themeColor = 'primary';
-        this._size = 'medium';
-        this._fillMode = 'solid';
-        this._rounded = 'full';
-        validatePackage(packageMetadata);
-    }
-    Object.defineProperty(AvatarComponent.prototype, "borderClass", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.border;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(AvatarComponent.prototype, "flexBasis", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.width;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(AvatarComponent.prototype, "shape", {
-        /**
-         * Sets the shape for the avatar.
-         * @hidden
-         */
-        set: function (shape) {
-            this.rounded = mapShapeToRounded(shape);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(AvatarComponent.prototype, "size", {
-        get: function () {
-            return this._size;
-        },
-        /**
-         * Specifies the size of the avatar
-         * ([see example]({% slug appearance_avatar %}#toc-size)).
-         *
-         * The possible values are:
-         * * `small`
-         * * `medium` (Default)
-         * * `large`
-         *
-         */
-        set: function (size) {
-            if (size !== this._size) {
-                this.handleClasses('size', size);
-                this._size = size === null ? null : size || 'medium';
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(AvatarComponent.prototype, "rounded", {
-        get: function () {
-            return this._rounded;
-        },
-        /**
-         * Specifies the rounded styling of the avatar
-         * ([see example]({% slug appearance_avatar %}#toc-rounded-corners)).
-         *
-         * The possible values are:
-         * * `small`
-         * * `medium`
-         * * `large`
-         * * `full` (Default)
-         * * null
-         *
-         */
-        set: function (rounded) {
-            if (rounded !== this._rounded) {
-                this.handleClasses('rounded', rounded);
-                this._rounded = rounded === null ? null : rounded || 'full';
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(AvatarComponent.prototype, "themeColor", {
-        get: function () {
-            return this._themeColor;
-        },
-        /**
-         * Specifies the theme color of the avatar.
-         * The theme color will be applied as background and border color, while also amending the text color accordingly.
-         *
-         * The possible values are:
-         * * `base`— Applies the base coloring value.
-         * * `primary` (Default)—Applies coloring based on primary theme color.
-         * * `secondary`—Applies coloring based on secondary theme color.
-         * * `tertiary`— Applies coloring based on tertiary theme color.
-         * * `info`—Applies coloring based on info theme color.
-         * * `success`— Applies coloring based on success theme color.
-         * * `warning`— Applies coloring based on warning theme color.
-         * * `error`— Applies coloring based on error theme color.
-         * * `dark`— Applies coloring based on dark theme color.
-         * * `light`— Applies coloring based on light theme color.
-         * * `inverse`— Applies coloring based on inverted theme color.
-         */
-        set: function (themeColor) {
-            if (themeColor !== this._themeColor) {
-                this._themeColor = themeColor === null ? null : (themeColor || 'primary');
-                this.handleFillModeAndThemeColorClasses(this.fillMode, this.themeColor);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(AvatarComponent.prototype, "fillMode", {
-        get: function () {
-            return this._fillMode;
-        },
-        /**
-         * Specifies the appearance fill style of the avatar.
-         *
-         * The possible values are:
-         * * `solid` (Default)
-         * * `outline`
-         * * null
-         *
-         */
-        set: function (fillMode) {
-            if (fillMode !== this.fillMode) {
-                this._fillMode = fillMode === null ? null : (fillMode || 'solid');
-                this.handleFillModeAndThemeColorClasses(this.fillMode, this.themeColor);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(AvatarComponent.prototype, "fill", {
-        /**
-         * Specifies the appearance fill style of the avatar.
-         * Deprecated, left for backward compatibility.
-         *
-         * @hidden
-         */
-        set: function (fillMode) {
-            this.fillMode = fillMode;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(AvatarComponent.prototype, "avatarWidth", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.width;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(AvatarComponent.prototype, "avatarHeight", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.height;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    AvatarComponent.prototype.ngOnInit = function () {
-        this.verifyProperties();
-    };
-    AvatarComponent.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        var stylingInputs = ['size', 'rounded'];
-        stylingInputs.forEach(function (input) {
-            _this.handleClasses(input, _this[input]);
-        });
-        this.handleFillModeAndThemeColorClasses(this.fillMode, this.themeColor);
-    };
-    /**
-     * @hidden
-     */
-    AvatarComponent.prototype.iconClasses = function () {
-        if (this.icon) {
-            return "k-icon k-i-" + this.icon;
-        }
-        if (this.iconClass) {
-            return "" + this.iconClass;
-        }
-    };
-    Object.defineProperty(AvatarComponent.prototype, "customAvatar", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return !(this.imageSrc || this.initials || this.icon || this.iconClass);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    AvatarComponent.prototype.verifyProperties = function () {
-        if (!isDevMode()) {
-            return;
-        }
-        var inputs = [this.icon || this.iconClass, this.imageSrc, this.initials];
-        var inputsLength = inputs.filter(function (value) { return value; }).length;
-        if (inputsLength > 1) {
-            throw new Error("\n                Invalid property configuration given.\n                The kendo-avatar component can accept only one of:\n                icon, imageSrc or initials properties.\n            ");
-        }
-    };
-    AvatarComponent.prototype.handleClasses = function (styleType, value) {
-        var elem = this.element.nativeElement;
-        var classes = getStylingClasses('avatar', styleType, this[styleType], value);
-        if (classes.toRemove) {
-            this.renderer.removeClass(elem, classes.toRemove);
-        }
-        if (classes.toAdd) {
-            this.renderer.addClass(elem, classes.toAdd);
-        }
-    };
-    AvatarComponent.prototype.handleFillModeAndThemeColorClasses = function (fill, themeColor) {
-        var _this = this;
-        var wrapperElement = this.element.nativeElement;
-        // remove existing fill and theme color classes
-        var currentClasses = Array.from(wrapperElement.classList);
-        var classesToRemove = currentClasses.filter(function (cl) {
-            return cl.startsWith('k-avatar-solid') || cl.startsWith('k-avatar-outline');
-        });
-        classesToRemove.forEach((function (cl) { return _this.renderer.removeClass(wrapperElement, cl); }));
-        // add fill if needed
-        if (fill !== null) {
-            this.renderer.addClass(wrapperElement, "k-avatar-" + fill);
-        }
-        // add theme color class if fill and theme color
-        if (fill !== null && themeColor !== null) {
-            this.renderer.addClass(wrapperElement, "k-avatar-" + fill + "-" + themeColor);
-        }
-    };
-    tslib_1.__decorate([
-        HostBinding('class.k-avatar'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], AvatarComponent.prototype, "hostClass", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-avatar-bordered'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], AvatarComponent.prototype, "borderClass", null);
-    tslib_1.__decorate([
-        HostBinding('style.flexBasis'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], AvatarComponent.prototype, "flexBasis", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], AvatarComponent.prototype, "shape", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], AvatarComponent.prototype, "size", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], AvatarComponent.prototype, "rounded", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], AvatarComponent.prototype, "themeColor", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], AvatarComponent.prototype, "fillMode", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], AvatarComponent.prototype, "fill", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], AvatarComponent.prototype, "border", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], AvatarComponent.prototype, "iconClass", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], AvatarComponent.prototype, "width", void 0);
-    tslib_1.__decorate([
-        HostBinding('style.width'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], AvatarComponent.prototype, "avatarWidth", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], AvatarComponent.prototype, "height", void 0);
-    tslib_1.__decorate([
-        HostBinding('style.height'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], AvatarComponent.prototype, "avatarHeight", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], AvatarComponent.prototype, "cssStyle", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], AvatarComponent.prototype, "initials", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], AvatarComponent.prototype, "icon", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], AvatarComponent.prototype, "imageSrc", void 0);
-    AvatarComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-avatar',
-            template: "\n        <ng-content *ngIf=\"customAvatar\"></ng-content>\n\n        <ng-container *ngIf=\"imageSrc\">\n            <span class=\"k-avatar-image\">\n                <img src=\"{{imageSrc}}\" [ngStyle]=\"cssStyle\" />\n            </span>\n        </ng-container>\n\n        <ng-container *ngIf=\"initials\">\n            <span class=\"k-avatar-text\" [ngStyle]=\"cssStyle\">{{ initials.substring(0, 2) }}</span>\n        </ng-container>\n\n        <ng-container *ngIf=\"icon || iconClass\">\n            <span class=\"k-avatar-icon\" [ngStyle]=\"cssStyle\" [ngClass]=\"iconClasses()\"></span>\n        </ng-container>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [Renderer2, ElementRef])
-    ], AvatarComponent);
-    return AvatarComponent;
-}());
-export { AvatarComponent };

package/dist/es/avatar.module.js

@@ -1,29 +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 { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { AvatarComponent } from './avatar/avatar.component';
-var exportedModules = [
-    AvatarComponent
-];
-var declarations = exportedModules.slice();
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the Avatar component.
- */
-var AvatarModule = /** @class */ (function () {
-    function AvatarModule() {
-    }
-    AvatarModule = tslib_1.__decorate([
-        NgModule({
-            declarations: [declarations],
-            exports: [exportedModules],
-            imports: [CommonModule]
-        })
-    ], AvatarModule);
-    return AvatarModule;
-}());
-export { AvatarModule };

package/dist/es/card/card-actions.component.js

@@ -1,151 +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, EventEmitter, HostBinding, Input, Output, TemplateRef } from '@angular/core';
-/**
- * Specifies the action buttons of the Card.
- * * ([see example]({% slug actions_card %})).
- */
-var CardActionsComponent = /** @class */ (function () {
-    function CardActionsComponent() {
-        this.hostClass = true;
-        /**
-         * Specifies the layout of the Card action buttons.
-         *
-         * * The possible values are:
-         * * (Default) `horizontal`
-         * * `vertical`
-         *
-         */
-        this.orientation = 'horizontal';
-        /**
-         * Specifies the layout of the Card action buttons.
-         *
-         * The possible values are:
-         * * (Default) `start`
-         * * `center`
-         * * `end`
-         * * `stretched`
-         *
-         */
-        this.layout = 'start';
-        /**
-         * Fires when the user clicks an action button.
-         */
-        this.action = new EventEmitter();
-    }
-    Object.defineProperty(CardActionsComponent.prototype, "stretchedClass", {
-        get: function () {
-            return this.layout === 'stretched';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(CardActionsComponent.prototype, "startClass", {
-        get: function () {
-            return this.layout === 'start';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(CardActionsComponent.prototype, "endClass", {
-        get: function () {
-            return this.layout === 'end';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(CardActionsComponent.prototype, "centerClass", {
-        get: function () {
-            return this.layout === 'center';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(CardActionsComponent.prototype, "verticalClass", {
-        get: function () {
-            return this.orientation === 'vertical';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(CardActionsComponent.prototype, "horizontalClass", {
-        get: function () {
-            return this.orientation === 'horizontal';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    CardActionsComponent.prototype.onClick = function (action) {
-        this.action.emit(action);
-    };
-    /**
-     * @hidden
-     */
-    CardActionsComponent.prototype.actionTemplate = function () {
-        return this.actions instanceof TemplateRef;
-    };
-    tslib_1.__decorate([
-        HostBinding('class.k-card-actions'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], CardActionsComponent.prototype, "hostClass", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-card-actions-stretched'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], CardActionsComponent.prototype, "stretchedClass", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-card-actions-start'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], CardActionsComponent.prototype, "startClass", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-card-actions-end'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], CardActionsComponent.prototype, "endClass", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-card-actions-center'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], CardActionsComponent.prototype, "centerClass", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-card-actions-vertical'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], CardActionsComponent.prototype, "verticalClass", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-card-actions-horizontal'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], CardActionsComponent.prototype, "horizontalClass", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], CardActionsComponent.prototype, "orientation", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], CardActionsComponent.prototype, "layout", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], CardActionsComponent.prototype, "actions", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], CardActionsComponent.prototype, "action", void 0);
-    CardActionsComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-card-actions',
-            template: "\n        <ng-content *ngIf=\"!actions\"></ng-content>\n\n        <ng-container *ngIf=\"!actionTemplate()\">\n            <button type=\"button\"\n                class=\"k-button\"\n                [class.k-primary]=\"action.primary\"\n                [class.k-flat]=\"action.flat\"\n                (click)=\"onClick(action)\"\n                *ngFor=\"let action of actions\"\n            >\n                {{ action.text }}\n            </button>\n        </ng-container>\n\n        <ng-template [ngTemplateOutlet]=\"actions\" *ngIf=\"actionTemplate()\"></ng-template>\n    "
-        })
-    ], CardActionsComponent);
-    return CardActionsComponent;
-}());
-export { CardActionsComponent };

package/dist/es/card/card-body.component.js

@@ -1,26 +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 } from '@angular/core';
-/**
- * Specifies the content in the Card body.
- */
-var CardBodyComponent = /** @class */ (function () {
-    function CardBodyComponent() {
-        this.hostClass = true;
-    }
-    tslib_1.__decorate([
-        HostBinding('class.k-card-body'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], CardBodyComponent.prototype, "hostClass", void 0);
-    CardBodyComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-card-body',
-            template: "\n        <ng-content></ng-content>\n    "
-        })
-    ], CardBodyComponent);
-    return CardBodyComponent;
-}());
-export { CardBodyComponent };

package/dist/es/card/card-footer.component.js

@@ -1,26 +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 } from '@angular/core';
-/**
- * Specifies the content in the Card footer.
- */
-var CardFooterComponent = /** @class */ (function () {
-    function CardFooterComponent() {
-        this.hostClass = true;
-    }
-    tslib_1.__decorate([
-        HostBinding('class.k-card-footer'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], CardFooterComponent.prototype, "hostClass", void 0);
-    CardFooterComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-card-footer',
-            template: "\n        <ng-content></ng-content>\n    "
-        })
-    ], CardFooterComponent);
-    return CardFooterComponent;
-}());
-export { CardFooterComponent };

package/dist/es/card/card-header.component.js

@@ -1,26 +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 } from '@angular/core';
-/**
- * Specifies the content in the Card header.
- */
-var CardHeaderComponent = /** @class */ (function () {
-    function CardHeaderComponent() {
-        this.hostClass = true;
-    }
-    tslib_1.__decorate([
-        HostBinding('class.k-card-header'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], CardHeaderComponent.prototype, "hostClass", void 0);
-    CardHeaderComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-card-header',
-            template: "\n        <ng-content></ng-content>\n    "
-        })
-    ], CardHeaderComponent);
-    return CardHeaderComponent;
-}());
-export { CardHeaderComponent };