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

package/esm2015/card/card.component.js

@@ -0,0 +1,101 @@
+/**-----------------------------------------------------------------------------------------
+* 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, Input } from '@angular/core';
+import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
+import { validatePackage } from '@progress/kendo-licensing';
+import { packageMetadata } from '../package-metadata';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * Represents the [Kendo UI Card component for Angular]({% slug overview_card %})
+ */
+export class CardComponent {
+    constructor(localizationService) {
+        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(({ rtl }) => {
+            this.rtl = rtl;
+            this.direction = this.rtl ? 'rtl' : 'ltr';
+        });
+    }
+    get widthStyle() {
+        return this.width;
+    }
+    get vertical() {
+        return this.orientation === 'vertical';
+    }
+    get horizontal() {
+        return this.orientation === 'horizontal';
+    }
+    ngOnDestroy() {
+        if (this.dynamicRTLSubscription) {
+            this.dynamicRTLSubscription.unsubscribe();
+        }
+    }
+}
+CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CardComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CardComponent, selector: "kendo-card", inputs: { orientation: "orientation", width: "width" }, host: { properties: { "class.k-widget": "this.hostClass", "class.k-card": "this.hostClass", "style.width": "this.widthStyle", "class.k-card-vertical": "this.vertical", "class.k-card-horizontal": "this.horizontal", "attr.dir": "this.direction" } }, providers: [
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.card.component'
+        }
+    ], ngImport: i0, template: `
+        <ng-content></ng-content>
+    `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CardComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-card',
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.card.component'
+                        }
+                    ],
+                    template: `
+        <ng-content></ng-content>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-widget']
+            }, {
+                type: HostBinding,
+                args: ['class.k-card']
+            }], widthStyle: [{
+                type: HostBinding,
+                args: ['style.width']
+            }], vertical: [{
+                type: HostBinding,
+                args: ['class.k-card-vertical']
+            }], horizontal: [{
+                type: HostBinding,
+                args: ['class.k-card-horizontal']
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], orientation: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }] } });

package/esm2015/card/directives/card-media.directive.js

@@ -0,0 +1,25 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies any media that will be displayed and aligned in the Card.
+ */
+export class CardMediaDirective {
+    constructor() {
+        this.hostClass = true;
+    }
+}
+CardMediaDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CardMediaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CardMediaDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: CardMediaDirective, selector: "[kendoCardMedia]", host: { properties: { "class.k-card-media": "this.hostClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CardMediaDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoCardMedia]'
+                }]
+        }], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-card-media']
+            }] } });

package/esm2015/card/directives/card-separator.directive.js

@@ -0,0 +1,52 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, HostBinding, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies a separator in the content of the Card.
+ */
+export class CardSeparatorDirective {
+    constructor() {
+        this.hostClass = true;
+        /**
+         * Specifies the orientation of the Card separator.
+         *
+         * The possible values are:
+         * (Default) `horizontal`
+         * `vertical`
+         */
+        this.orientation = 'horizontal';
+    }
+    get verticalClass() {
+        return this.orientation === 'vertical';
+    }
+    get horizontalClass() {
+        return this.orientation === 'horizontal';
+    }
+}
+CardSeparatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CardSeparatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CardSeparatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: CardSeparatorDirective, selector: "[kendoCardSeparator]", inputs: { color: "color", orientation: "orientation" }, host: { properties: { "class.k-card-separator": "this.hostClass", "class.k-separator-vertical": "this.verticalClass", "class.k-separator-horizontal": "this.horizontalClass", "style.color": "this.color" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CardSeparatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoCardSeparator]'
+                }]
+        }], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-card-separator']
+            }], verticalClass: [{
+                type: HostBinding,
+                args: ['class.k-separator-vertical']
+            }], horizontalClass: [{
+                type: HostBinding,
+                args: ['class.k-separator-horizontal']
+            }], color: [{
+                type: HostBinding,
+                args: ['style.color']
+            }, {
+                type: Input
+            }], orientation: [{
+                type: Input
+            }] } });

package/esm2015/card/directives/card-subtitle.directive.js

@@ -0,0 +1,25 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies the text and styles for the subtitle of the Card.
+ */
+export class CardSubtitleDirective {
+    constructor() {
+        this.hostClass = true;
+    }
+}
+CardSubtitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CardSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CardSubtitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: CardSubtitleDirective, selector: "[kendoCardSubtitle]", host: { properties: { "class.k-card-subtitle": "this.hostClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CardSubtitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoCardSubtitle]'
+                }]
+        }], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-card-subtitle']
+            }] } });

package/esm2015/card/directives/card-title.directive.js

@@ -0,0 +1,25 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies the text and styles for the title of the Card.
+ */
+export class CardTitleDirective {
+    constructor() {
+        this.hostClass = true;
+    }
+}
+CardTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CardTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: CardTitleDirective, selector: "[kendoCardTitle]", host: { properties: { "class.k-card-title": "this.hostClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CardTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoCardTitle]'
+                }]
+        }], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-card-title']
+            }] } });

package/{dist/es → esm2015}/card/models/actions-layout.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}/card.module.js

@@ -2,7 +2,6 @@
 * 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';
@@ -14,6 +13,7 @@ import { CardSeparatorDirective } from './card/directives/card-separator.directi
 import { CardTitleDirective } from './card/directives/card-title.directive';
 import { CardSubtitleDirective } from './card/directives/card-subtitle.directive';
 import { CardMediaDirective } from './card/directives/card-media.directive';
+import * as i0 from "@angular/core";
 const cardDirectives = [
     CardTitleDirective,
     CardSubtitleDirective,
@@ -33,13 +33,30 @@ const declarations = [...exportedModules];
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
  * definition for the Card component.
  */
-let CardModule = class CardModule {
-};
-CardModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [declarations],
-        exports: [exportedModules],
-        imports: [CommonModule]
-    })
-], CardModule);
-export { CardModule };
+export class CardModule {
+}
+CardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CardModule, declarations: [CardComponent,
+        CardHeaderComponent,
+        CardBodyComponent,
+        CardFooterComponent,
+        CardActionsComponent, CardTitleDirective,
+        CardSubtitleDirective,
+        CardSeparatorDirective,
+        CardMediaDirective], imports: [CommonModule], exports: [CardComponent,
+        CardHeaderComponent,
+        CardBodyComponent,
+        CardFooterComponent,
+        CardActionsComponent, CardTitleDirective,
+        CardSubtitleDirective,
+        CardSeparatorDirective,
+        CardMediaDirective] });
+CardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CardModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [declarations],
+                    exports: [exportedModules],
+                    imports: [CommonModule]
+                }]
+        }] });

package/{dist/es → esm2015}/common/direction.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}/common/dom-queries.js

@@ -5,7 +5,6 @@
 import { isPresent } from '../common/util';
 const focusableRegex = /^(?:a|input|select|option|textarea|button|object)$/i;
 const toClassList = (classNames) => String(classNames).trim().split(' ');
-const ɵ0 = toClassList;
 /**
  * @hidden
  */
@@ -42,9 +41,7 @@ export const closestInScope = (target, predicate, scope, targetAttr) => {
  */
 export const itemIndex = (item, indexAttr) => +item.getAttribute(indexAttr);
 const hasItemIndex = (item, indexAttr) => isPresent(item.getAttribute(indexAttr));
-const ɵ1 = hasItemIndex;
 /**
  * @hidden
  */
 export const closestItem = (target, targetAttr, scope) => closestInScope(target, hasItemIndex, scope, targetAttr);
-export { ɵ0, ɵ1 };

package/{dist/es → esm2015}/common/orientation.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}/common/styling-classes.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}/common/util.js

@@ -19,7 +19,10 @@ const SHAPE_TO_ROUNDED = {
     rounded: 'large',
     circle: 'full'
 };
-const parsePanelBarItems = (data) => {
+/**
+ * @hidden
+ */
+export const parsePanelBarItems = (data) => {
     return data.map((item) => {
         if (!item.id) {
             item.id = `default-${nextId++}`;
@@ -30,10 +33,6 @@ const parsePanelBarItems = (data) => {
         return item;
     });
 };
-const ɵ0 = parsePanelBarItems;
-export default {
-    parsePanelBarItems
-};
 /**
  * @hidden
  */
@@ -65,12 +64,12 @@ export const getStylingClasses = (componentType, stylingOption, previousValue, n
         case 'size':
             return {
                 toRemove: `k-${componentType}-${SIZES[previousValue]}`,
-                toAdd: newValue ? `k-${componentType}-${SIZES[newValue]}` : null
+                toAdd: newValue !== 'none' ? `k-${componentType}-${SIZES[newValue]}` : ''
             };
         case 'rounded':
             return {
                 toRemove: `k-rounded-${ROUNDNESS[previousValue]}`,
-                toAdd: newValue ? `k-rounded-${ROUNDNESS[newValue]}` : null
+                toAdd: newValue !== 'none' ? `k-rounded-${ROUNDNESS[newValue]}` : ''
             };
         default:
             break;
@@ -79,9 +78,8 @@ export const getStylingClasses = (componentType, stylingOption, previousValue, n
 /**
  * @hidden
  */
-export const mapShapeToRounded = (shape) => SHAPE_TO_ROUNDED[shape] || null;
+export const mapShapeToRounded = (shape) => SHAPE_TO_ROUNDED[shape] || 'none';
 /**
  * @hidden
  */
 export const isNumber = (value) => typeof value === 'number' && isFinite(value);
-export { ɵ0 };

package/esm2015/drawer/drawer-container.component.js

@@ -0,0 +1,109 @@
+/**-----------------------------------------------------------------------------------------
+* 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, ContentChild } from '@angular/core';
+import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
+import { DrawerComponent } from './drawer.component';
+import { isPresent } from '../common/util';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "@angular/common";
+/**
+ * Serves as a container for the [Kendo UI Drawer component for Angular]({% slug overview_drawer %}) and its content.
+ */
+export class DrawerContainerComponent {
+    constructor(localizationService) {
+        this.localizationService = localizationService;
+        this.rtl = false;
+        this.dynamicRTLSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
+            this.rtl = rtl;
+            this.direction = this.rtl ? 'rtl' : 'ltr';
+        });
+    }
+    get hostClass() {
+        return true;
+    }
+    get overlayClass() {
+        return this.drawer.mode === 'overlay';
+    }
+    get miniClass() {
+        return this.drawer.mini;
+    }
+    get pushClass() {
+        return this.drawer.mode === 'push';
+    }
+    get isExpandedClass() {
+        return this.drawer.expanded;
+    }
+    ngOnDestroy() {
+        if (this.dynamicRTLSubscription) {
+            this.dynamicRTLSubscription.unsubscribe();
+        }
+    }
+    /**
+     * @hidden
+     */
+    get overlay() {
+        return isPresent(this.drawer) &&
+            this.drawer.expanded &&
+            this.drawer.mode === 'overlay';
+    }
+    /**
+     * @hidden
+     */
+    closeDrawer() {
+        if (this.overlay && this.drawer.autoCollapse) {
+            this.drawer.toggle(false);
+        }
+    }
+}
+DrawerContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DrawerContainerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+DrawerContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DrawerContainerComponent, selector: "kendo-drawer-container", host: { properties: { "class.k-drawer-container": "this.hostClass", "class.k-drawer-overlay": "this.overlayClass", "class.k-drawer-mini": "this.miniClass", "class.k-drawer-push": "this.pushClass", "class.k-drawer-expanded": "this.isExpandedClass", "attr.dir": "this.direction" } }, providers: [
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.drawer.container'
+        }
+    ], queries: [{ propertyName: "drawer", first: true, predicate: DrawerComponent, descendants: true }], ngImport: i0, template: `
+        <div class="k-overlay" *ngIf="overlay" (click)="closeDrawer()"></div>
+        <ng-content></ng-content>
+    `, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DrawerContainerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-drawer-container',
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.drawer.container'
+                        }
+                    ],
+                    template: `
+        <div class="k-overlay" *ngIf="overlay" (click)="closeDrawer()"></div>
+        <ng-content></ng-content>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-drawer-container']
+            }], overlayClass: [{
+                type: HostBinding,
+                args: ['class.k-drawer-overlay']
+            }], miniClass: [{
+                type: HostBinding,
+                args: ['class.k-drawer-mini']
+            }], pushClass: [{
+                type: HostBinding,
+                args: ['class.k-drawer-push']
+            }], isExpandedClass: [{
+                type: HostBinding,
+                args: ['class.k-drawer-expanded']
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], drawer: [{
+                type: ContentChild,
+                args: [DrawerComponent, { static: false }]
+            }] } });

package/esm2015/drawer/drawer-content.component.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 { Component, HostBinding, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the content of the [Kendo UI Drawer component for Angular]({% slug overview_drawer %}).
+ */
+export class DrawerContentComponent {
+    constructor() {
+        this.hostClasses = true;
+    }
+}
+DrawerContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DrawerContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DrawerContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DrawerContentComponent, selector: "kendo-drawer-content", host: { properties: { "class.k-drawer-content": "this.hostClasses" } }, ngImport: i0, template: `
+        <ng-content></ng-content>
+    `, isInline: true, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DrawerContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-drawer-content',
+                    template: `
+        <ng-content></ng-content>
+    `,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-drawer-content']
+            }] } });