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

package/{dist/es2015 → esm2015}/avatar/avatar.component.js

@@ -2,15 +2,20 @@
 * 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 { Component, HostBinding, Input, isDevMode } from '@angular/core';
 import { validatePackage } from '@progress/kendo-licensing';
 import { getStylingClasses, mapShapeToRounded } from '../common/util';
 import { packageMetadata } from '../package-metadata';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+const DEFAULT_ROUNDED = 'full';
+const DEFAULT_SIZE = 'medium';
+const DEFAULT_THEME_COLOR = 'primary';
+const DEFAULT_FILL_MODE = 'solid';
 /**
  * Displays images, icons or initials representing people or other entities.
  */
-let AvatarComponent = class AvatarComponent {
+export class AvatarComponent {
     constructor(renderer, element) {
         this.renderer = renderer;
         this.element = element;
@@ -19,10 +24,10 @@ let AvatarComponent = class AvatarComponent {
          * Sets a border to the avatar.
          */
         this.border = false;
-        this._themeColor = 'primary';
-        this._size = 'medium';
-        this._fillMode = 'solid';
-        this._rounded = 'full';
+        this._themeColor = DEFAULT_THEME_COLOR;
+        this._size = DEFAULT_SIZE;
+        this._fillMode = DEFAULT_FILL_MODE;
+        this._rounded = DEFAULT_ROUNDED;
         validatePackage(packageMetadata);
     }
     /**
@@ -52,12 +57,13 @@ let AvatarComponent = class AvatarComponent {
      * * `small`
      * * `medium` (Default)
      * * `large`
-     *
+     * * `none`
      */
     set size(size) {
         if (size !== this._size) {
-            this.handleClasses('size', size);
-            this._size = size === null ? null : size || 'medium';
+            const newSize = size ? size : DEFAULT_SIZE;
+            this.handleClasses('size', newSize);
+            this._size = newSize;
         }
     }
     get size() {
@@ -72,13 +78,13 @@ let AvatarComponent = class AvatarComponent {
      * * `medium`
      * * `large`
      * * `full` (Default)
-     * * null
-     *
+     * * `none`
      */
     set rounded(rounded) {
         if (rounded !== this._rounded) {
-            this.handleClasses('rounded', rounded);
-            this._rounded = rounded === null ? null : rounded || 'full';
+            const newRounded = rounded ? rounded : DEFAULT_ROUNDED;
+            this.handleClasses('rounded', newRounded);
+            this._rounded = newRounded;
         }
     }
     get rounded() {
@@ -100,10 +106,12 @@ let AvatarComponent = class AvatarComponent {
      * * `dark`— Applies coloring based on dark theme color.
      * * `light`— Applies coloring based on light theme color.
      * * `inverse`— Applies coloring based on inverted theme color.
+     * * `none`— Removes the styling associated with the theme color.
      */
     set themeColor(themeColor) {
         if (themeColor !== this._themeColor) {
-            this._themeColor = themeColor === null ? null : (themeColor || 'primary');
+            const newThemeColor = themeColor ? themeColor : DEFAULT_THEME_COLOR;
+            this._themeColor = newThemeColor;
             this.handleFillModeAndThemeColorClasses(this.fillMode, this.themeColor);
         }
     }
@@ -116,12 +124,12 @@ let AvatarComponent = class AvatarComponent {
      * The possible values are:
      * * `solid` (Default)
      * * `outline`
-     * * null
-     *
+     * * `none`
      */
     set fillMode(fillMode) {
         if (fillMode !== this.fillMode) {
-            this._fillMode = fillMode === null ? null : (fillMode || 'solid');
+            const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE;
+            this._fillMode = newFillMode;
             this.handleFillModeAndThemeColorClasses(this.fillMode, this.themeColor);
         }
     }
@@ -209,105 +217,38 @@ let AvatarComponent = class AvatarComponent {
         });
         classesToRemove.forEach((cl => this.renderer.removeClass(wrapperElement, cl)));
         // add fill if needed
-        if (fill !== null) {
+        if (fill !== 'none') {
             this.renderer.addClass(wrapperElement, `k-avatar-${fill}`);
         }
         // add theme color class if fill and theme color
-        if (fill !== null && themeColor !== null) {
+        if (fill !== 'none' && themeColor !== 'none') {
             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: `
+}
+AvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AvatarComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AvatarComponent, selector: "kendo-avatar", inputs: { shape: "shape", size: "size", rounded: "rounded", themeColor: "themeColor", fillMode: "fillMode", fill: "fill", border: "border", iconClass: "iconClass", width: "width", height: "height", cssStyle: "cssStyle", initials: "initials", icon: "icon", imageSrc: "imageSrc" }, host: { properties: { "class.k-avatar": "this.hostClass", "class.k-avatar-bordered": "this.borderClass", "style.flexBasis": "this.flexBasis", "style.width": "this.avatarWidth", "style.height": "this.avatarHeight" } }, ngImport: i0, template: `
+        <ng-content *ngIf="customAvatar"></ng-content>
+
+        <ng-container *ngIf="imageSrc">
+            <span class="k-avatar-image">
+                <img src="{{imageSrc}}" [ngStyle]="cssStyle" />
+            </span>
+        </ng-container>
+
+        <ng-container *ngIf="initials">
+            <span class="k-avatar-text" [ngStyle]="cssStyle">{{ initials.substring(0, 2) }}</span>
+        </ng-container>
+
+        <ng-container *ngIf="icon || iconClass">
+            <span class="k-avatar-icon" [ngStyle]="cssStyle" [ngClass]="iconClasses()"></span>
+        </ng-container>
+    `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AvatarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-avatar',
+                    template: `
         <ng-content *ngIf="customAvatar"></ng-content>
 
         <ng-container *ngIf="imageSrc">
@@ -324,7 +265,48 @@ AvatarComponent = tslib_1.__decorate([
             <span class="k-avatar-icon" [ngStyle]="cssStyle" [ngClass]="iconClasses()"></span>
         </ng-container>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [Renderer2, ElementRef])
-], AvatarComponent);
-export { AvatarComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-avatar']
+            }], borderClass: [{
+                type: HostBinding,
+                args: ['class.k-avatar-bordered']
+            }], flexBasis: [{
+                type: HostBinding,
+                args: ['style.flexBasis']
+            }], shape: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], rounded: [{
+                type: Input
+            }], themeColor: [{
+                type: Input
+            }], fillMode: [{
+                type: Input
+            }], fill: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], avatarWidth: [{
+                type: HostBinding,
+                args: ['style.width']
+            }], height: [{
+                type: Input
+            }], avatarHeight: [{
+                type: HostBinding,
+                args: ['style.height']
+            }], cssStyle: [{
+                type: Input
+            }], initials: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], imageSrc: [{
+                type: Input
+            }] } });

package/{dist/es → esm2015}/avatar/models/fill.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es/layouts → esm2015/avatar/models}/models.js

@@ -2,3 +2,8 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export * from './shape';
+export * from './fill';
+export * from './size';
+export * from './rounded';
+export * from './theme-color';

package/{dist/es2015 → esm2015}/avatar/models/rounded.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es2015 → esm2015}/avatar/models/shape.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es → esm2015}/avatar/models/size.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es → esm2015}/avatar/models/theme-color.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/esm2015/avatar.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
+*-------------------------------------------------------------------------------------------*/
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AvatarComponent } from './avatar/avatar.component';
+import * as i0 from "@angular/core";
+const exportedModules = [
+    AvatarComponent
+];
+const declarations = [
+    ...exportedModules
+];
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * definition for the Avatar component.
+ */
+export class AvatarModule {
+}
+AvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AvatarModule, declarations: [AvatarComponent], imports: [CommonModule], exports: [AvatarComponent] });
+AvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AvatarModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AvatarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [declarations],
+                    exports: [exportedModules],
+                    imports: [CommonModule]
+                }]
+        }] });

package/esm2015/card/card-actions.component.js

@@ -0,0 +1,145 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, EventEmitter, HostBinding, Input, Output, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * Specifies the action buttons of the Card.
+ * * ([see example]({% slug actions_card %})).
+ */
+export class CardActionsComponent {
+    constructor() {
+        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();
+    }
+    get stretchedClass() {
+        return this.layout === 'stretched';
+    }
+    get startClass() {
+        return this.layout === 'start';
+    }
+    get endClass() {
+        return this.layout === 'end';
+    }
+    get centerClass() {
+        return this.layout === 'center';
+    }
+    get verticalClass() {
+        return this.orientation === 'vertical';
+    }
+    get horizontalClass() {
+        return this.orientation === 'horizontal';
+    }
+    /**
+     * Allows the declarative specification of the Card actions.
+     */
+    set actions(value) {
+        if (Array.isArray(value)) {
+            this.actionsArray = value;
+        }
+        else if (value instanceof TemplateRef) {
+            this.actionsTemplate = value;
+        }
+    }
+    /**
+     * @hidden
+     */
+    onClick(action) {
+        this.action.emit(action);
+    }
+}
+CardActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CardActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CardActionsComponent, selector: "kendo-card-actions", inputs: { orientation: "orientation", layout: "layout", actions: "actions" }, outputs: { action: "action" }, host: { properties: { "class.k-card-actions": "this.hostClass", "class.k-card-actions-stretched": "this.stretchedClass", "class.k-card-actions-start": "this.startClass", "class.k-card-actions-end": "this.endClass", "class.k-card-actions-center": "this.centerClass", "class.k-card-actions-vertical": "this.verticalClass", "class.k-card-actions-horizontal": "this.horizontalClass" } }, ngImport: i0, template: `
+        <ng-content *ngIf="!actionsArray && !actionsTemplate"></ng-content>
+
+        <ng-container *ngIf="actionsArray">
+            <button type="button"
+                class="k-button"
+                [class.k-primary]="action.primary"
+                [class.k-flat]="action.flat"
+                (click)="onClick(action)"
+                *ngFor="let action of actionsArray"
+            >
+                {{ action.text }}
+            </button>
+        </ng-container>
+
+        <ng-template [ngTemplateOutlet]="actionsTemplate" *ngIf="actionsTemplate"></ng-template>
+    `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CardActionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-card-actions',
+                    template: `
+        <ng-content *ngIf="!actionsArray && !actionsTemplate"></ng-content>
+
+        <ng-container *ngIf="actionsArray">
+            <button type="button"
+                class="k-button"
+                [class.k-primary]="action.primary"
+                [class.k-flat]="action.flat"
+                (click)="onClick(action)"
+                *ngFor="let action of actionsArray"
+            >
+                {{ action.text }}
+            </button>
+        </ng-container>
+
+        <ng-template [ngTemplateOutlet]="actionsTemplate" *ngIf="actionsTemplate"></ng-template>
+    `
+                }]
+        }], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-card-actions']
+            }], stretchedClass: [{
+                type: HostBinding,
+                args: ['class.k-card-actions-stretched']
+            }], startClass: [{
+                type: HostBinding,
+                args: ['class.k-card-actions-start']
+            }], endClass: [{
+                type: HostBinding,
+                args: ['class.k-card-actions-end']
+            }], centerClass: [{
+                type: HostBinding,
+                args: ['class.k-card-actions-center']
+            }], verticalClass: [{
+                type: HostBinding,
+                args: ['class.k-card-actions-vertical']
+            }], horizontalClass: [{
+                type: HostBinding,
+                args: ['class.k-card-actions-horizontal']
+            }], orientation: [{
+                type: Input
+            }], layout: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], action: [{
+                type: Output
+            }] } });

package/esm2015/card/card-body.component.js

@@ -0,0 +1,30 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies the content in the Card body.
+ */
+export class CardBodyComponent {
+    constructor() {
+        this.hostClass = true;
+    }
+}
+CardBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CardBodyComponent, selector: "kendo-card-body", host: { properties: { "class.k-card-body": "this.hostClass" } }, ngImport: i0, template: `
+        <ng-content></ng-content>
+    `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CardBodyComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-card-body',
+                    template: `
+        <ng-content></ng-content>
+    `
+                }]
+        }], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-card-body']
+            }] } });

package/esm2015/card/card-footer.component.js

@@ -0,0 +1,30 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies the content in the Card footer.
+ */
+export class CardFooterComponent {
+    constructor() {
+        this.hostClass = true;
+    }
+}
+CardFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CardFooterComponent, selector: "kendo-card-footer", host: { properties: { "class.k-card-footer": "this.hostClass" } }, ngImport: i0, template: `
+        <ng-content></ng-content>
+    `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CardFooterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-card-footer',
+                    template: `
+        <ng-content></ng-content>
+    `
+                }]
+        }], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-card-footer']
+            }] } });

package/esm2015/card/card-header.component.js

@@ -0,0 +1,30 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies the content in the Card header.
+ */
+export class CardHeaderComponent {
+    constructor() {
+        this.hostClass = true;
+    }
+}
+CardHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CardHeaderComponent, selector: "kendo-card-header", host: { properties: { "class.k-card-header": "this.hostClass" } }, ngImport: i0, template: `
+        <ng-content></ng-content>
+    `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CardHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-card-header',
+                    template: `
+        <ng-content></ng-content>
+    `
+                }]
+        }], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-card-header']
+            }] } });