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

package/{dist/es2015 → esm2015}/layouts/grid-layout.component.js

@@ -2,18 +2,19 @@
 * 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, Renderer2, ElementRef, isDevMode } from '@angular/core';
+import { Component, HostBinding, Input, isDevMode } from '@angular/core';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { ALIGN_PREFIX, generateGapStyle, generateGridStyle, GRID_JUSTIFY_PREFIX, normalizeGap, VERTICAL_SUFFIX, validateGridLayoutRowsCols } from './util';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { isPresent } from '../common/util';
 import { isChanged } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
 /**
  * Represents the [Kendo UI GridLayout component for Angular]({% slug overview_gridlayout %}).
  */
-let GridLayoutComponent = class GridLayoutComponent {
+export class GridLayoutComponent {
     constructor(renderer, element, localization) {
         this.renderer = renderer;
         this.element = element;
@@ -95,50 +96,45 @@ let GridLayoutComponent = class GridLayoutComponent {
     get direction() {
         return this.localization.rtl ? 'rtl' : 'ltr';
     }
-};
-tslib_1.__decorate([
-    HostBinding('class.k-grid-layout'),
-    tslib_1.__metadata("design:type", Boolean)
-], GridLayoutComponent.prototype, "hostClass", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], GridLayoutComponent.prototype, "dir", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], GridLayoutComponent.prototype, "rows", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], GridLayoutComponent.prototype, "cols", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], GridLayoutComponent.prototype, "gap", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], GridLayoutComponent.prototype, "align", null);
-GridLayoutComponent = tslib_1.__decorate([
-    Component({
-        exportAs: 'kendoGridLayout',
-        selector: 'kendo-gridlayout',
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.gridlayout'
-            }
-        ],
-        template: `
+}
+GridLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GridLayoutComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+GridLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: GridLayoutComponent, selector: "kendo-gridlayout", inputs: { rows: "rows", cols: "cols", gap: "gap", align: "align" }, host: { properties: { "class.k-grid-layout": "this.hostClass", "attr.dir": "this.dir" } }, providers: [
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.gridlayout'
+        }
+    ], exportAs: ["kendoGridLayout"], usesOnChanges: true, ngImport: i0, template: `
+        <ng-content></ng-content>
+    `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GridLayoutComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoGridLayout',
+                    selector: 'kendo-gridlayout',
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.gridlayout'
+                        }
+                    ],
+                    template: `
         <ng-content></ng-content>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [Renderer2,
-        ElementRef,
-        LocalizationService])
-], GridLayoutComponent);
-export { GridLayoutComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.LocalizationService }]; }, propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-grid-layout']
+            }], dir: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], rows: [{
+                type: Input
+            }], cols: [{
+                type: Input
+            }], gap: [{
+                type: Input
+            }], align: [{
+                type: Input
+            }] } });

package/esm2015/layouts/gridlayout-item.component.js

@@ -0,0 +1,47 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class GridLayoutItemComponent {
+    constructor(renderer, element) {
+        this.renderer = renderer;
+        this.element = element;
+    }
+    ngOnInit() {
+        this.setItemStyle();
+    }
+    ngOnChanges() {
+        this.setItemStyle();
+    }
+    setItemStyle() {
+        const row = this.row || 'auto';
+        const col = this.col || 'auto';
+        const rowSpan = this.rowSpan ? `span ${this.rowSpan}` : 'auto';
+        const colSpan = this.colSpan ? `span ${this.colSpan}` : 'auto';
+        const gridAreaStyle = `${row} / ${col} / ${rowSpan} / ${colSpan}`;
+        this.renderer.setStyle(this.element.nativeElement, 'grid-area', gridAreaStyle);
+    }
+}
+GridLayoutItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GridLayoutItemComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+GridLayoutItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: GridLayoutItemComponent, selector: "kendo-gridlayout-item", inputs: { row: "row", col: "col", rowSpan: "rowSpan", colSpan: "colSpan" }, usesOnChanges: true, ngImport: i0, template: `
+        <ng-content></ng-content>
+    `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GridLayoutItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-gridlayout-item',
+                    template: `
+        <ng-content></ng-content>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { row: [{
+                type: Input
+            }], col: [{
+                type: Input
+            }], rowSpan: [{
+                type: Input
+            }], colSpan: [{
+                type: Input
+            }] } });

package/{dist/es → esm2015}/layouts/models/gridlayout-gap-settings.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}/layouts/models/gridlayout-row-col-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}/layouts/models/layout-align-settings.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}/layouts/models/layout-horizontal-align.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}/layouts/models/layout-vertical-align.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}/layouts/stack-layout.component.js

@@ -2,18 +2,19 @@
 * 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, Renderer2, ElementRef } from '@angular/core';
+import { Component, HostBinding, Input } from '@angular/core';
 import { VERTICAL_SUFFIX, ALIGN_PREFIX, JUSTIFY_PREFIX } from './util';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { isNumber, isPresent } from '../common/util';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { isChanged } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
 /**
  * Represents the [Kendo UI StackLayout component for Angular]({% slug overview_stacklayout %}).
  */
-let StackLayoutComponent = class StackLayoutComponent {
+export class StackLayoutComponent {
     constructor(renderer, element, localization) {
         this.renderer = renderer;
         this.element = element;
@@ -97,56 +98,49 @@ let StackLayoutComponent = class StackLayoutComponent {
     get direction() {
         return this.localization.rtl ? 'rtl' : 'ltr';
     }
-};
-tslib_1.__decorate([
-    HostBinding('class.k-stack-layout'),
-    tslib_1.__metadata("design:type", Boolean)
-], StackLayoutComponent.prototype, "hostClass", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-hstack'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], StackLayoutComponent.prototype, "horizontalClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-vstack'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], StackLayoutComponent.prototype, "verticalClass", null);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], StackLayoutComponent.prototype, "dir", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], StackLayoutComponent.prototype, "align", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], StackLayoutComponent.prototype, "gap", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], StackLayoutComponent.prototype, "orientation", void 0);
-StackLayoutComponent = tslib_1.__decorate([
-    Component({
-        exportAs: 'kendoStackLayout',
-        selector: 'kendo-stacklayout',
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.stacklayout'
-            }
-        ],
-        template: `
+}
+StackLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StackLayoutComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+StackLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: StackLayoutComponent, selector: "kendo-stacklayout", inputs: { align: "align", gap: "gap", orientation: "orientation" }, host: { properties: { "class.k-stack-layout": "this.hostClass", "class.k-hstack": "this.horizontalClass", "class.k-vstack": "this.verticalClass", "attr.dir": "this.dir" } }, providers: [
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.stacklayout'
+        }
+    ], exportAs: ["kendoStackLayout"], usesOnChanges: true, ngImport: i0, template: `
+        <ng-content></ng-content>
+    `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StackLayoutComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoStackLayout',
+                    selector: 'kendo-stacklayout',
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.stacklayout'
+                        }
+                    ],
+                    template: `
         <ng-content></ng-content>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [Renderer2,
-        ElementRef,
-        LocalizationService])
-], StackLayoutComponent);
-export { StackLayoutComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.LocalizationService }]; }, propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-stack-layout']
+            }], horizontalClass: [{
+                type: HostBinding,
+                args: ['class.k-hstack']
+            }], verticalClass: [{
+                type: HostBinding,
+                args: ['class.k-vstack']
+            }], dir: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], align: [{
+                type: Input
+            }], gap: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }] } });

package/{dist/es → esm2015}/main.js

@@ -30,6 +30,7 @@ export { StepperActivateEvent } from './stepper/events/activate-event';
 export { StepperCustomMessagesComponent } from './stepper/localization/custom-messages.component';
 export { LocalizedStepperMessagesDirective } from './stepper/localization/localized-messages.directive';
 export * from './stepper/template-directives';
+export * from './stepper/types';
 // Avatar exports
 export { AvatarComponent } from './avatar/avatar.component';
 // Card exports
@@ -71,3 +72,6 @@ export { StackLayoutComponent } from './layouts/stack-layout.component';
 // GridLayout exports
 export { GridLayoutComponent } from './layouts/grid-layout.component';
 export { GridLayoutItemComponent } from './layouts/gridlayout-item.component';
+// error NG3001: Unsupported private class
+export { TabComponent } from './tabstrip/rendering/tab.component';
+export { TileLayoutResizeHandleDirective } from './tilelayout/tilelayout-resize-handle.directive';

package/{dist/es2015 → esm2015}/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-layout',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1649340417,
+    publishDate: 1650008487,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/{dist/es/stepper/models/constants.js → esm2015/panelbar/events/state-change-event.js}

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * @hidden
+ * Arguments for the `stateChange` event of the PanelBar.
  */
-export var STEPPER_STEP_INDEX = 'data-kendo-stepper-index';
+export class PanelBarStateChangeEvent {
+}

package/{dist/es → esm2015}/panelbar/events.js

@@ -5,3 +5,4 @@
 export { PanelBarCollapseEvent } from './events/collapse-event';
 export { PanelBarExpandEvent } from './events/expand-event';
 export { PanelBarSelectEvent } from './events/select-event';
+export { PanelBarStateChangeEvent } from './events/state-change-event';

package/esm2015/panelbar/panelbar-content.directive.js

@@ -0,0 +1,23 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the content template of the declaratively initialized PanelBar items.
+ * The content can be expanded or collapsed through the item.
+ */
+export class PanelBarContentDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+PanelBarContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PanelBarContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+PanelBarContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PanelBarContentDirective, selector: "[kendoPanelBarContent]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PanelBarContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[kendoPanelBarContent]"
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/{dist/es → esm2015}/panelbar/panelbar-item-model.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/panelbar/panelbar-item-template.directive.js

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the template directive of the PanelBar which helps to customize the item content.
+ */
+export class PanelBarItemTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+PanelBarItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PanelBarItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+PanelBarItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PanelBarItemTemplateDirective, selector: "[kendoPanelBarItemTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PanelBarItemTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoPanelBarItemTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/{dist/es2015 → esm2015}/panelbar/panelbar-item-title.directive.js

@@ -2,8 +2,8 @@
 * 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, TemplateRef, Optional } from '@angular/core';
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * Represents the template directive of the PanelBar which helps to customize the item title
  * ([more information and example]({% slug templates_panelbar %}#toc-customizing-the-appearance-of-the-title)).
@@ -30,16 +30,18 @@ import { Directive, TemplateRef, Optional } from '@angular/core';
  *
  * ```
  */
-let PanelBarItemTitleDirective = class PanelBarItemTitleDirective {
+export class PanelBarItemTitleDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-PanelBarItemTitleDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoPanelBarItemTitle]'
-    }),
-    tslib_1.__param(0, Optional()),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], PanelBarItemTitleDirective);
-export { PanelBarItemTitleDirective };
+}
+PanelBarItemTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PanelBarItemTitleDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+PanelBarItemTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PanelBarItemTitleDirective, selector: "[kendoPanelBarItemTitle]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PanelBarItemTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoPanelBarItemTitle]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });