@progress/kendo-angular-layout 6.5.2 → 7.0.0-next.202203231147

package/dist/es/tilelayout/tilelayout.component.js

@@ -1,344 +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, Output, EventEmitter, ContentChildren, QueryList, ElementRef, Renderer2, NgZone, ViewChild } from '@angular/core';
-import { TileLayoutDraggingService } from './dragging-service';
-import { Subscription } from 'rxjs';
-import Draggable from '@telerik/kendo-draggable';
-import { TileLayoutItemComponent } from './tilelayout-item.component';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { hasObservers } from '@progress/kendo-angular-common';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-import { isPresent } from '../common/util';
-var autoFlowClasses = {
-    column: 'k-grid-flow-col',
-    row: 'k-grid-flow-row',
-    'column-dense': 'k-grid-flow-col-dense',
-    'row-dense': 'k-grid-flow-row-dense'
-};
-/**
- * Represents the [Kendo UI TileLayout component for Angular]({% slug overview_tilelayout %})
- */
-var TileLayoutComponent = /** @class */ (function () {
-    function TileLayoutComponent(elem, renderer, localization, draggingService, zone) {
-        this.elem = elem;
-        this.renderer = renderer;
-        this.localization = localization;
-        this.draggingService = draggingService;
-        this.zone = zone;
-        /**
-         * Defines the number of columns ([see example]({% slug tiles_tilelayout %}#toc-tile-size-and-position)).
-         * @default 1
-         */
-        this.columns = 1;
-        /**
-         * Determines the width of the columns. Numeric values are treated as pixels ([see example]({% slug tiles_tilelayout %}#toc-tile-size-and-position)).
-         * @default '1fr'
-         */
-        this.columnWidth = '1fr';
-        /**
-         * Determines whether the reordering functionality will be enabled ([see example]({% slug reordering_tilelayout %})).
-         * @default false
-         */
-        this.reorderable = false;
-        /**
-         * Determines whether the resizing functionality will be enabled ([see example]({% slug resizing_tilelayout %})).
-         * @default false
-         */
-        this.resizable = false;
-        /**
-         * Determines the height of the rows. Numeric values are treated as pixels ([see example]({% slug tiles_tilelayout %}#toc-tile-size-and-position)).
-         * @default '1fr'
-         */
-        this.rowHeight = '1fr';
-        /**
-         * Controls how the auto-placement algorithm works, specifying exactly how auto-placed items are flowed in the TileLayout ([see example]({% slug tiles_autoflow_tilelayout %})).
-         * For further reference, check the [grid-auto-flow CSS article](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow).
-         *
-         * The possible values are:
-         * * (Default) `column`
-         * * `row`
-         * * `row dense`
-         * * `column dense`
-         * * `none`
-         *
-         */
-        this.autoFlow = 'column';
-        /**
-         * Fires when the user completes the reordering of the item ([see example]({% slug overview_tilelayout %}#toc-events)).
-         * This event is preventable. If you cancel it, the item will not be reordered.
-         */
-        this.reorder = new EventEmitter();
-        /**
-         * Fires when the user completes the resizing of the item ([see example]({% slug overview_tilelayout %}#toc-events)).
-         * This event is preventable. If you cancel it, the item will not be resized.
-         */
-        this.resize = new EventEmitter();
-        this.hostClass = true;
-        this.subs = new Subscription();
-        this._gap = {
-            rows: 16,
-            columns: 16
-        };
-        validatePackage(packageMetadata);
-    }
-    Object.defineProperty(TileLayoutComponent.prototype, "gap", {
-        get: function () {
-            return this._gap;
-        },
-        /**
-         * The numeric values which determine the spacing in pixels between the layout items horizontally and vertically.
-         * Properties:
-         * * rows - the vertical spacing. Numeric values are treated as pixels. Defaults to `16`.
-         * * columns - the horizontal spacing. Numeric values are treated as pixels. Defaults to `16`.
-         *
-         * When bound to a single numeric value, it will be set to both `rows` and `columns` properties.
-         */
-        set: function (value) {
-            this._gap = (typeof value === 'number') ? { rows: value, columns: value } : Object.assign(this._gap, value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TileLayoutComponent.prototype, "gapStyle", {
-        get: function () {
-            return this.gap.rows + "px " + this.gap.columns + "px";
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TileLayoutComponent.prototype, "currentColStart", {
-        get: function () {
-            return this.draggingService.colStart;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TileLayoutComponent.prototype, "currentRowStart", {
-        get: function () {
-            return this.draggingService.rowStart;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TileLayoutComponent.prototype, "draggedItemWrapper", {
-        get: function () {
-            return this.draggingService.itemWrapper;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TileLayoutComponent.prototype, "targetOrder", {
-        get: function () {
-            return this.draggingService.order;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TileLayoutComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.applyColStyling();
-        this.applyRowStyling();
-        this.draggingService.reorderable.next(this.reorderable);
-        this.draggingService.resizable.next(this.resizable);
-        if (hasObservers(this.reorder)) {
-            this.subs.add(this.draggingService.reorder.subscribe(function (e) { return _this.reorder.emit(e); }));
-        }
-        if (hasObservers(this.resize)) {
-            this.subs.add(this.draggingService.resize.subscribe(function (e) { return _this.resize.emit(e); }));
-        }
-        this.subs.add(this.draggingService.reorderable.subscribe(function (reorderable) {
-            if (reorderable && !_this.draggable) {
-                _this.initializeDraggable();
-            }
-        }));
-        this.subs.add(this.draggingService.resizable.subscribe(function (resizable) {
-            if (resizable && !_this.draggable) {
-                _this.initializeDraggable();
-            }
-        }));
-        this.subs.add(this.localization.changes.subscribe(function (_a) {
-            var rtl = _a.rtl;
-            _this.direction = rtl ? 'rtl' : 'ltr';
-        }));
-    };
-    TileLayoutComponent.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        this.draggingService.tileLayoutSettings = this.draggingServiceConfig();
-        this.applyAutoFlow(null, autoFlowClasses[this.autoFlow]);
-        this.items.changes.subscribe(function () {
-            _this.setItemsOrder();
-            _this.draggingService.tileLayoutSettings.items = _this.items.toArray();
-        });
-    };
-    TileLayoutComponent.prototype.ngAfterContentInit = function () {
-        this.setItemsOrder();
-    };
-    TileLayoutComponent.prototype.ngOnChanges = function (changes) {
-        if (changes.columns || changes.columnWidth) {
-            this.applyColStyling();
-        }
-        if (changes.rowHeight) {
-            this.applyRowStyling();
-        }
-        if (changes.reorderable) {
-            this.draggingService.reorderable.next(changes.reorderable.currentValue);
-        }
-        if (changes.resizable) {
-            this.draggingService.resizable.next(changes.resizable.currentValue);
-        }
-        if (changes.gap || changes.autoFlow || changes.columns) {
-            this.draggingService.tileLayoutSettings = this.draggingServiceConfig();
-            if (changes.autoFlow) {
-                this.applyAutoFlow(autoFlowClasses[changes.autoFlow.previousValue] || '', autoFlowClasses[changes.autoFlow.currentValue]);
-            }
-        }
-    };
-    TileLayoutComponent.prototype.ngOnDestroy = function () {
-        if (this.draggable) {
-            this.draggable.destroy();
-        }
-        this.subs.unsubscribe();
-    };
-    TileLayoutComponent.prototype.handlePress = function (_a) {
-        var originalEvent = _a.originalEvent;
-        this.draggingService.handlePress(originalEvent);
-    };
-    TileLayoutComponent.prototype.handleDrag = function (_a) {
-        var originalEvent = _a.originalEvent;
-        this.draggingService.handleDrag(originalEvent);
-    };
-    TileLayoutComponent.prototype.handleRelease = function (_a) {
-        var originalEvent = _a.originalEvent;
-        this.draggingService.handleRelease(originalEvent);
-    };
-    TileLayoutComponent.prototype.applyColStyling = function () {
-        var colWidth = typeof this.columnWidth === 'number' ? this.columnWidth + "px" : this.columnWidth;
-        var gridTemplateColumnsStyle = "repeat(" + this.columns + ", " + colWidth + ")";
-        this.renderer.setStyle(this.elem.nativeElement, 'grid-template-columns', gridTemplateColumnsStyle);
-    };
-    TileLayoutComponent.prototype.applyRowStyling = function () {
-        var rowHeight = typeof this.rowHeight === 'number' ? this.rowHeight + "px" : this.rowHeight;
-        var gridAutoRowsStyle = "" + rowHeight;
-        this.renderer.setStyle(this.elem.nativeElement, 'grid-auto-rows', gridAutoRowsStyle);
-    };
-    TileLayoutComponent.prototype.draggingServiceConfig = function () {
-        return {
-            tileLayoutElement: this.elem ? this.elem.nativeElement : undefined,
-            hintElement: this.hint ? this.hint.nativeElement : undefined,
-            gap: this.gap,
-            columns: this.columns,
-            autoFlow: this.autoFlow,
-            items: this.items ? this.items.toArray() : []
-        };
-    };
-    TileLayoutComponent.prototype.initializeDraggable = function () {
-        var _this = this;
-        this.draggable = new Draggable({
-            press: this.handlePress.bind(this),
-            drag: this.handleDrag.bind(this),
-            release: this.handleRelease.bind(this)
-        });
-        this.zone.runOutsideAngular(function () { return _this.draggable.bindTo(_this.elem.nativeElement); });
-    };
-    TileLayoutComponent.prototype.applyAutoFlow = function (classToRemove, classToAdd) {
-        var element = this.elem.nativeElement;
-        if (classToRemove) {
-            this.renderer.removeClass(element, classToRemove);
-        }
-        if (this.autoFlow !== 'none' && isPresent(classToAdd)) {
-            this.renderer.addClass(element, classToAdd);
-        }
-    };
-    TileLayoutComponent.prototype.setItemsOrder = function () {
-        this.items.forEach(function (item, index) {
-            if (!isPresent(item.order)) {
-                item.order = index;
-            }
-        });
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], TileLayoutComponent.prototype, "columns", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], TileLayoutComponent.prototype, "columnWidth", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], TileLayoutComponent.prototype, "gap", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TileLayoutComponent.prototype, "reorderable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TileLayoutComponent.prototype, "resizable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], TileLayoutComponent.prototype, "rowHeight", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TileLayoutComponent.prototype, "autoFlow", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], TileLayoutComponent.prototype, "reorder", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], TileLayoutComponent.prototype, "resize", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-widget'),
-        HostBinding('class.k-tilelayout'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TileLayoutComponent.prototype, "hostClass", void 0);
-    tslib_1.__decorate([
-        HostBinding('style.gap'),
-        HostBinding('style.padding'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TileLayoutComponent.prototype, "gapStyle", null);
-    tslib_1.__decorate([
-        HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String)
-    ], TileLayoutComponent.prototype, "direction", void 0);
-    tslib_1.__decorate([
-        ContentChildren(TileLayoutItemComponent),
-        tslib_1.__metadata("design:type", QueryList)
-    ], TileLayoutComponent.prototype, "items", void 0);
-    tslib_1.__decorate([
-        ViewChild('hint', { static: false }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], TileLayoutComponent.prototype, "hint", void 0);
-    TileLayoutComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-tilelayout',
-            providers: [
-                LocalizationService,
-                TileLayoutDraggingService,
-                {
-                    provide: L10N_PREFIX,
-                    useValue: 'kendo.tilelayout.component'
-                }
-            ],
-            template: "\n        <ng-content></ng-content>\n        <div #hint class=\"k-layout-item-hint k-layout-item-hint-reorder\"\n            [style.display]=\"'none'\"\n            [style.order]=\"targetOrder\"\n            [style.gridColumnEnd]=\"draggedItemWrapper?.style.gridColumnEnd\"\n            [style.gridRowEnd]=\"draggedItemWrapper?.style.gridRowEnd\"\n            [style.gridColumnStart]=\"currentColStart\"\n            [style.gridRowStart]=\"currentRowStart\"\n            [style.zIndex]=\"'1'\"></div>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [ElementRef,
-            Renderer2,
-            LocalizationService,
-            TileLayoutDraggingService,
-            NgZone])
-    ], TileLayoutComponent);
-    return TileLayoutComponent;
-}());
-export { TileLayoutComponent };

package/dist/es/tilelayout/util.js

@@ -1,88 +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 { isDocumentAvailable } from '@progress/kendo-angular-common';
-import { isPresent } from '../common/util';
-/**
- * @hidden
- */
-export var normalizeValue = function (value) {
-    return value ? +value : undefined;
-};
-/**
- * @hidden
- */
-export var isRowItemPresent = function (items) {
-    return items.some(function (item) { return isPresent(item.row); });
-};
-/**
- * @hidden
- */
-export var propsChanged = function (initialProps, newProps) {
-    for (var i = 0; i < initialProps.length; i++) {
-        if (initialProps[i] !== newProps[i]) {
-            return true;
-        }
-    }
-    return false;
-};
-/**
- * @hidden
- *
- * Extracts the event target from the viewport coords. Required for touch devices
- * where the `event.target` of a `pointermove` event is always the initially dragged item.
- */
-export var getDropTarget = function (event) {
-    if (!(isDocumentAvailable() && isPresent(document.elementsFromPoint))) {
-        return [event.target];
-    }
-    return document.elementsFromPoint(event.clientX, event.clientY)
-        .filter(function (item) { return item.classList && (item.classList.contains('k-tilelayout-item') || item.classList.contains('k-layout-item-hint')); });
-};
-/**
- * @hidden
- */
-export var setElementStyles = function (renderer, elem, styles) {
-    var props = Object.keys(styles);
-    props.forEach(function (p) {
-        renderer.setStyle(elem, p, styles[p]);
-    });
-};
-/**
- * @hidden
- */
-export var calculateCellFromPosition = function (coordinates, tileLayoutElement, gap, cellSize, columns, rtl) {
-    if (rtl === void 0) { rtl = false; }
-    var tileLayoutRect = tileLayoutElement.getBoundingClientRect();
-    var totalRows = (tileLayoutRect.height - gap.rows) / (cellSize.height + gap.rows);
-    var distanceFromTop = coordinates.y - tileLayoutRect.y;
-    var distanceFromLeft = coordinates.x - tileLayoutRect.x;
-    var distanceFromRight = tileLayoutRect.right - coordinates.x;
-    var distanceToCellWidthRatio = Math.floor((rtl ? distanceFromRight : distanceFromLeft) / (gap.columns + cellSize.width));
-    var cappedColumnPosition = Math.min(distanceToCellWidthRatio + 1, columns);
-    var distanceToCellHeightRatio = Math.floor(distanceFromTop / (gap.rows + cellSize.height));
-    var cappedRowPosition = Math.min(distanceToCellHeightRatio + 1, totalRows);
-    var col = Math.max(cappedColumnPosition, 0);
-    var row = Math.max(cappedRowPosition, 0);
-    return {
-        row: row, col: col
-    };
-};
-/**
- * @hidden
- */
-export var calculateOrderFromCell = function (row, col, items, draggedItem, tileLayoutElement, gap, cellSize, columns) {
-    var order = 0;
-    items.forEach(function (item) {
-        var rect = item.elem.nativeElement.getBoundingClientRect();
-        var start = calculateCellFromPosition({
-            x: rect.x,
-            y: rect.y
-        }, tileLayoutElement, gap, cellSize, columns);
-        if (item !== draggedItem && ((start.row === row && start.col < col) || start.row < row)) {
-            order++;
-        }
-    });
-    return order;
-};

package/dist/es/tilelayout.module.js

@@ -1,43 +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 { TileLayoutComponent } from './tilelayout/tilelayout.component';
-import { TileLayoutItemComponent } from './tilelayout/tilelayout-item.component';
-import { TileLayoutItemHeaderComponent } from './tilelayout/tilelayout-item-header.component';
-import { TileLayoutItemBodyComponent } from './tilelayout/tilelayout-item-body.component';
-import { TileLayoutResizeHandleDirective } from './tilelayout/tilelayout-resize-handle.directive';
-var exportedModules = [
-    TileLayoutComponent,
-    TileLayoutItemComponent,
-    TileLayoutItemHeaderComponent,
-    TileLayoutItemBodyComponent,
-    TileLayoutResizeHandleDirective
-];
-var declarations = exportedModules.slice();
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the TileLayout component.
- *
- * The module registers:
- * - `TileLayoutComponent`—The `TileLayoutComponent` component class.
- * - `TileLayoutItemComponent`—The `TileLayoutItemComponent` component class.
- * - `TileLayoutItemHeaderComponent`—The `TileLayoutItemHeaderComponent` component class.
- * - `TileLayoutItemBodyComponent`—The `TileLayoutItemBodyComponent` component class.
- */
-var TileLayoutModule = /** @class */ (function () {
-    function TileLayoutModule() {
-    }
-    TileLayoutModule = tslib_1.__decorate([
-        NgModule({
-            declarations: [declarations],
-            exports: [exportedModules],
-            imports: [CommonModule]
-        })
-    ], TileLayoutModule);
-    return TileLayoutModule;
-}());
-export { TileLayoutModule };

package/dist/es2015/avatar/models/fill.js

@@ -1,4 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/

package/dist/es2015/avatar/models/models.js

@@ -1,4 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/

package/dist/es2015/avatar/models/size.js

@@ -1,4 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/

package/dist/es2015/avatar/models/theme-color.js

@@ -1,4 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/

package/dist/es2015/avatar.module.js

@@ -1,28 +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';
-const exportedModules = [
-    AvatarComponent
-];
-const declarations = [
-    ...exportedModules
-];
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the Avatar component.
- */
-let AvatarModule = class AvatarModule {
-};
-AvatarModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [declarations],
-        exports: [exportedModules],
-        imports: [CommonModule]
-    })
-], AvatarModule);
-export { AvatarModule };

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

@@ -1,146 +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 %})).
- */
-let CardActionsComponent = class CardActionsComponent {
-    /**
-     * Specifies the action buttons of the Card.
-     * * ([see example]({% slug actions_card %})).
-     */
-    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';
-    }
-    /**
-     * @hidden
-     */
-    onClick(action) {
-        this.action.emit(action);
-    }
-    /**
-     * @hidden
-     */
-    actionTemplate() {
-        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: `
-        <ng-content *ngIf="!actions"></ng-content>
-
-        <ng-container *ngIf="!actionTemplate()">
-            <button type="button"
-                class="k-button"
-                [class.k-primary]="action.primary"
-                [class.k-flat]="action.flat"
-                (click)="onClick(action)"
-                *ngFor="let action of actions"
-            >
-                {{ action.text }}
-            </button>
-        </ng-container>
-
-        <ng-template [ngTemplateOutlet]="actions" *ngIf="actionTemplate()"></ng-template>
-    `
-    })
-], CardActionsComponent);
-export { CardActionsComponent };