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

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

@@ -1,114 +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 } from '@angular/core';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-/**
- * Represents the [Kendo UI Card component for Angular]({% slug overview_card %})
- */
-var CardComponent = /** @class */ (function () {
-    function CardComponent(localizationService) {
-        var _this = this;
-        this.localizationService = localizationService;
-        this.hostClass = true;
-        /**
-         * Specifies the layout of the Card content.
-         *
-         * The possible values are:
-         * * (Default) `vertical`
-         * * `horizontal`
-         *
-         */
-        this.orientation = 'vertical';
-        /**
-         * Defines the width of the Card.
-         * Defaults to `285px`.
-         */
-        this.width = '285px';
-        this.rtl = false;
-        validatePackage(packageMetadata);
-        this.dynamicRTLSubscription = this.localizationService.changes.subscribe(function (_a) {
-            var rtl = _a.rtl;
-            _this.rtl = rtl;
-            _this.direction = _this.rtl ? 'rtl' : 'ltr';
-        });
-    }
-    Object.defineProperty(CardComponent.prototype, "widthStyle", {
-        get: function () {
-            return this.width;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(CardComponent.prototype, "vertical", {
-        get: function () {
-            return this.orientation === 'vertical';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(CardComponent.prototype, "horizontal", {
-        get: function () {
-            return this.orientation === 'horizontal';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    CardComponent.prototype.ngOnDestroy = function () {
-        if (this.dynamicRTLSubscription) {
-            this.dynamicRTLSubscription.unsubscribe();
-        }
-    };
-    tslib_1.__decorate([
-        HostBinding('class.k-widget'),
-        HostBinding('class.k-card'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], CardComponent.prototype, "hostClass", void 0);
-    tslib_1.__decorate([
-        HostBinding('style.width'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], CardComponent.prototype, "widthStyle", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-card-vertical'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], CardComponent.prototype, "vertical", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-card-horizontal'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], CardComponent.prototype, "horizontal", null);
-    tslib_1.__decorate([
-        HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String)
-    ], CardComponent.prototype, "direction", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], CardComponent.prototype, "orientation", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], CardComponent.prototype, "width", void 0);
-    CardComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-card',
-            providers: [
-                LocalizationService,
-                {
-                    provide: L10N_PREFIX,
-                    useValue: 'kendo.card.component'
-                }
-            ],
-            template: "\n        <ng-content></ng-content>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [LocalizationService])
-    ], CardComponent);
-    return CardComponent;
-}());
-export { CardComponent };

package/dist/es/card/directives/card-media.directive.js

@@ -1,25 +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, HostBinding } from '@angular/core';
-/**
- * Specifies any media that will be displayed and aligned in the Card.
- */
-var CardMediaDirective = /** @class */ (function () {
-    function CardMediaDirective() {
-        this.hostClass = true;
-    }
-    tslib_1.__decorate([
-        HostBinding('class.k-card-media'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], CardMediaDirective.prototype, "hostClass", void 0);
-    CardMediaDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoCardMedia]'
-        })
-    ], CardMediaDirective);
-    return CardMediaDirective;
-}());
-export { CardMediaDirective };

package/dist/es/card/directives/card-separator.directive.js

@@ -1,66 +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, HostBinding, Input } from '@angular/core';
-/**
- * Specifies a separator in the content of the Card.
- */
-var CardSeparatorDirective = /** @class */ (function () {
-    function CardSeparatorDirective() {
-        this.hostClass = true;
-        /**
-         * Specifies the orientation of the Card separator.
-         *
-         * The possible values are:
-         * (Default) `horizontal`
-         * `vertical`
-         */
-        this.orientation = 'horizontal';
-    }
-    Object.defineProperty(CardSeparatorDirective.prototype, "verticalClass", {
-        get: function () {
-            return this.orientation === 'vertical';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(CardSeparatorDirective.prototype, "horizontalClass", {
-        get: function () {
-            return this.orientation === 'horizontal';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    tslib_1.__decorate([
-        HostBinding('class.k-card-separator'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], CardSeparatorDirective.prototype, "hostClass", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-separator-vertical'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], CardSeparatorDirective.prototype, "verticalClass", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-separator-horizontal'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], CardSeparatorDirective.prototype, "horizontalClass", null);
-    tslib_1.__decorate([
-        HostBinding('style.color'),
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], CardSeparatorDirective.prototype, "color", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], CardSeparatorDirective.prototype, "orientation", void 0);
-    CardSeparatorDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoCardSeparator]'
-        })
-    ], CardSeparatorDirective);
-    return CardSeparatorDirective;
-}());
-export { CardSeparatorDirective };

package/dist/es/card/directives/card-subtitle.directive.js

@@ -1,25 +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, HostBinding } from '@angular/core';
-/**
- * Specifies the text and styles for the subtitle of the Card.
- */
-var CardSubtitleDirective = /** @class */ (function () {
-    function CardSubtitleDirective() {
-        this.hostClass = true;
-    }
-    tslib_1.__decorate([
-        HostBinding('class.k-card-subtitle'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], CardSubtitleDirective.prototype, "hostClass", void 0);
-    CardSubtitleDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoCardSubtitle]'
-        })
-    ], CardSubtitleDirective);
-    return CardSubtitleDirective;
-}());
-export { CardSubtitleDirective };

package/dist/es/card/directives/card-title.directive.js

@@ -1,25 +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, HostBinding } from '@angular/core';
-/**
- * Specifies the text and styles for the title of the Card.
- */
-var CardTitleDirective = /** @class */ (function () {
-    function CardTitleDirective() {
-        this.hostClass = true;
-    }
-    tslib_1.__decorate([
-        HostBinding('class.k-card-title'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], CardTitleDirective.prototype, "hostClass", void 0);
-    CardTitleDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoCardTitle]'
-        })
-    ], CardTitleDirective);
-    return CardTitleDirective;
-}());
-export { CardTitleDirective };

package/dist/es/card/models/card-action.js

@@ -1,13 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * The settings of the Card action buttons.
- */
-var CardAction = /** @class */ (function () {
-    function CardAction() {
-    }
-    return CardAction;
-}());
-export { CardAction };

package/dist/es/card.module.js

@@ -1,47 +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 { CardComponent } from './card/card.component';
-import { CardHeaderComponent } from './card/card-header.component';
-import { CardFooterComponent } from './card/card-footer.component';
-import { CardBodyComponent } from './card/card-body.component';
-import { CardActionsComponent } from './card/card-actions.component';
-import { CardSeparatorDirective } from './card/directives/card-separator.directive';
-import { CardTitleDirective } from './card/directives/card-title.directive';
-import { CardSubtitleDirective } from './card/directives/card-subtitle.directive';
-import { CardMediaDirective } from './card/directives/card-media.directive';
-var cardDirectives = [
-    CardTitleDirective,
-    CardSubtitleDirective,
-    CardSeparatorDirective,
-    CardMediaDirective
-];
-var exportedModules = [
-    CardComponent,
-    CardHeaderComponent,
-    CardBodyComponent,
-    CardFooterComponent,
-    CardActionsComponent
-].concat(cardDirectives);
-var declarations = exportedModules.slice();
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the Card component.
- */
-var CardModule = /** @class */ (function () {
-    function CardModule() {
-    }
-    CardModule = tslib_1.__decorate([
-        NgModule({
-            declarations: [declarations],
-            exports: [exportedModules],
-            imports: [CommonModule]
-        })
-    ], CardModule);
-    return CardModule;
-}());
-export { CardModule };

package/dist/es/common/dom-queries.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 { isPresent } from '../common/util';
-var focusableRegex = /^(?:a|input|select|option|textarea|button|object)$/i;
-var toClassList = function (classNames) { return String(classNames).trim().split(' '); };
-var ɵ0 = toClassList;
-/**
- * @hidden
- */
-export var isFocusable = function (element) {
-    if (element.tagName) {
-        var tagName = element.tagName.toLowerCase();
-        var tabIndex = element.getAttribute('tabIndex');
-        var skipTab = tabIndex === '-1';
-        var focusable = tabIndex !== null && !skipTab;
-        if (focusableRegex.test(tagName)) {
-            focusable = !element.disabled && !skipTab;
-        }
-        return focusable;
-    }
-    return false;
-};
-/**
- * @hidden
- */
-export var hasClass = function (element, className) {
-    return Boolean(toClassList(element.className).find(function (name) { return name === className; }));
-};
-/**
- * @hidden
- */
-export var closestInScope = function (target, predicate, scope, targetAttr) {
-    while (target && target !== scope && !predicate(target, targetAttr)) {
-        target = target.parentNode;
-    }
-    if (target !== scope) {
-        return target;
-    }
-};
-/**
- * @hidden
- */
-export var itemIndex = function (item, indexAttr) { return +item.getAttribute(indexAttr); };
-var hasItemIndex = function (item, indexAttr) { return isPresent(item.getAttribute(indexAttr)); };
-var ɵ1 = hasItemIndex;
-/**
- * @hidden
- */
-export var closestItem = function (target, targetAttr, scope) { return closestInScope(target, hasItemIndex, scope, targetAttr); };
-export { ɵ0, ɵ1 };

package/dist/es/common/preventable-event.js

@@ -1,36 +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
- */
-var PreventableEvent = /** @class */ (function () {
-    /**
-     * @hidden
-     */
-    function PreventableEvent(args) {
-        this.prevented = false;
-        Object.assign(this, args);
-    }
-    /**
-     * Prevents the default action for a specified event.
-     * In this way, the source component suppresses
-     * the built-in behavior that follows the event.
-     */
-    PreventableEvent.prototype.preventDefault = function () {
-        this.prevented = true;
-    };
-    /**
-     * Returns `true` if the event was prevented
-     * by any of its subscribers.
-     *
-     * @returns `true` if the default action was prevented.
-     * Otherwise, returns `false`.
-     */
-    PreventableEvent.prototype.isDefaultPrevented = function () {
-        return this.prevented;
-    };
-    return PreventableEvent;
-}());
-export { PreventableEvent };

package/dist/es/common/util.js

@@ -1,91 +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 { Keys } from '@progress/kendo-angular-common';
-var nextId = 0;
-var SIZES = {
-    small: 'sm',
-    medium: 'md',
-    large: 'lg'
-};
-var ROUNDNESS = {
-    small: 'sm',
-    medium: 'md',
-    large: 'lg',
-    full: 'full'
-};
-var SHAPE_TO_ROUNDED = {
-    rounded: 'large',
-    circle: 'full'
-};
-var parsePanelBarItems = function (data) {
-    return data.map(function (item) {
-        if (!item.id) {
-            item.id = "default-" + nextId++;
-        }
-        if (item.children) {
-            item.children = parsePanelBarItems(item.children);
-        }
-        return item;
-    });
-};
-var ɵ0 = parsePanelBarItems;
-export default {
-    parsePanelBarItems: parsePanelBarItems
-};
-/**
- * @hidden
- */
-export var isPresent = function (value) { return value !== null && value !== undefined; };
-/**
- * @hidden
- */
-export var isHorizontalArrowKey = function (keyCode) { return keyCode === Keys.ArrowLeft || keyCode === Keys.ArrowRight; };
-/**
- * @hidden
- */
-export var isVerticalArrowKey = function (keyCode) { return keyCode === Keys.ArrowUp || keyCode === Keys.ArrowDown; };
-/**
- * @hidden
- */
-export var isArrowKey = function (keyCode) {
-    return isHorizontalArrowKey(keyCode) || isVerticalArrowKey(keyCode);
-};
-/**
- * @hidden
- */
-export var isNavigationKey = function (keyCode) {
-    return keyCode === Keys.PageUp || keyCode === Keys.PageDown ||
-        keyCode === Keys.Home || keyCode === Keys.End;
-};
-/**
- * @hidden
- *
- * Returns the styling classes to be added and removed
- */
-export var getStylingClasses = function (componentType, stylingOption, previousValue, newValue) {
-    switch (stylingOption) {
-        case 'size':
-            return {
-                toRemove: "k-" + componentType + "-" + SIZES[previousValue],
-                toAdd: newValue ? "k-" + componentType + "-" + SIZES[newValue] : null
-            };
-        case 'rounded':
-            return {
-                toRemove: "k-rounded-" + ROUNDNESS[previousValue],
-                toAdd: newValue ? "k-rounded-" + ROUNDNESS[newValue] : null
-            };
-        default:
-            break;
-    }
-};
-/**
- * @hidden
- */
-export var mapShapeToRounded = function (shape) { return SHAPE_TO_ROUNDED[shape] || null; };
-/**
- * @hidden
- */
-export var isNumber = function (value) { return typeof value === 'number' && isFinite(value); };
-export { ɵ0 };

package/dist/es/drawer/animations.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 { animate, style } from '@angular/animations';
-/**
- * @hidden
- */
-function miniExpandPush(duration, width, miniWidth) {
-    return [
-        style({ overflow: 'hidden', flexBasis: miniWidth + "px" }),
-        animate(duration + "ms ease-in", style({ flexBasis: width + "px" }))
-    ];
-}
-/**
- * @hidden
- */
-function miniCollapsePush(duration, width, miniWidth) {
-    return [
-        style({ overflow: 'hidden', flexBasis: width + "px" }),
-        animate(duration + "ms ease-in", style({ flexBasis: miniWidth + "px" }))
-    ];
-}
-/**
- * @hidden
- *
- */
-function miniExpandOverlay(duration, width, miniWidth) {
-    return [
-        style({ width: miniWidth + "px" }),
-        animate(duration + "ms ease-in", style({ overflow: 'hidden', width: width + "px" }))
-    ];
-}
-/**
- * @hidden
- */
-function expandPush(duration, width) {
-    return [
-        style({ overflow: 'hidden', flexBasis: '0px' }),
-        animate(duration + "ms ease-in", style({ flexBasis: width + "px" }))
-    ];
-}
-/**
- * @hidden
- */
-function collapsePush(duration, width) {
-    return [
-        style({ flexBasis: width + "px" }),
-        animate(duration + "ms ease-in", style({ overflow: 'hidden', flexBasis: "0px" }))
-    ];
-}
-/**
- * @hidden
- */
-function expandRTLOverlay(duration) {
-    return [
-        style({ transform: "translateX(100%)" }),
-        animate(duration + "ms ease-in", style({ overflow: 'hidden', transform: "translateX(0)" }))
-    ];
-}
-/**
- * @hidden
- */
-function expandOverlay(duration, position) {
-    var translateDir = position !== 'end' ? "-100%" : "100%";
-    return [
-        style({ transform: "translateX(" + translateDir + ")" }),
-        animate(duration + "ms ease-in", style({ overflow: 'hidden', transform: "translateX(0)" }))
-    ];
-}
-/**
- * @hidden
- */
-function miniCollapseOverlay(duration, width, miniWidth) {
-    return [
-        style({ width: width + "px" }),
-        animate(duration + "ms ease-in", style({ overflow: 'hidden', width: miniWidth + "px" }))
-    ];
-}
-/**
- * @hidden
- */
-function collapseOverlay(duration, position) {
-    var translateDir = position !== 'end' ? '-100%' : '100%';
-    return [
-        style({ transform: "translateX(0)" }),
-        animate(duration + "ms ease-in", style({ overflow: 'hidden', transform: "translateX(" + translateDir + ")" }))
-    ];
-}
-/**
- * @hidden
- */
-function collapseRTLOverlay(duration) {
-    return [
-        style({ transform: "translateX(0)" }),
-        animate(duration + "ms ease-in", style({ overflow: 'hidden', transform: "translateX(100%)" }))
-    ];
-}
-/**
- * @hidden
- */
-export function expandAnimation(settings) {
-    var duration = settings.animation.duration;
-    var width = settings.width;
-    var miniWidth = settings.miniWidth;
-    var mode = settings.mode;
-    var mini = settings.mini;
-    var rtl = settings.rtl;
-    var position = settings.position;
-    if (mini && mode === 'push') {
-        return miniExpandPush(duration, width, miniWidth);
-    }
-    if (!mini && mode === 'push') {
-        return expandPush(duration, width);
-    }
-    if (!mini && mode === 'overlay') {
-        return rtl ? expandRTLOverlay(duration) : expandOverlay(duration, position);
-    }
-    if (mini && mode === 'overlay') {
-        return miniExpandOverlay(duration, width, miniWidth);
-    }
-}
-/**
- * @hidden
- */
-export function collapseAnimation(settings) {
-    var duration = settings.animation.duration;
-    var width = settings.width;
-    var miniWidth = settings.miniWidth;
-    var mode = settings.mode;
-    var mini = settings.mini;
-    var rtl = settings.rtl;
-    var position = settings.position;
-    if (mini && mode === 'push') {
-        return miniCollapsePush(duration, width, miniWidth);
-    }
-    if (!mini && mode === 'push') {
-        return collapsePush(duration, width);
-    }
-    if (!mini && mode === 'overlay') {
-        return rtl ? collapseRTLOverlay(duration) : collapseOverlay(duration, position);
-    }
-    if (mini && mode === 'overlay') {
-        return miniCollapseOverlay(duration, width, miniWidth);
-    }
-}