@progress/kendo-angular-buttons 7.0.0-next.202111120840 → 7.0.2-dev.202201201235

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

@@ -2,13 +2,16 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, EventEmitter, HostBinding, Input, Output, ViewChild, ContentChild } from '@angular/core';
+import * as tslib_1 from "tslib";
+import { AnimationBuilder } from '@angular/animations';
+import { Component, ElementRef, EventEmitter, HostBinding, Input, Output, NgZone, Renderer2, ViewChild, ContentChild, TemplateRef } from '@angular/core';
 import { merge, Subscription } from 'rxjs';
 import { take } from 'rxjs/operators';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { guid, isDocumentAvailable } from '@progress/kendo-angular-common';
+import { PopupService } from '@progress/kendo-angular-popup';
 import { FocusService } from '../focusable/focus.service';
 import { NavigationAction } from '../navigation/navigation-action';
 import { NAVIGATION_CONFIG } from '../navigation/navigation-config';
@@ -19,21 +22,13 @@ import { closeAnimation, openAnimation } from './animations/animations';
 import { PreventableEvent } from '../preventable-event';
 import { DialItemTemplateDirective } from './templates/dial-item-template.directive';
 import { FloatingActionButtonTemplateDirective } from './templates/fab-template.directive';
-import * as i0 from "@angular/core";
-import * as i1 from "../focusable/focus.service";
-import * as i2 from "../navigation/navigation.service";
-import * as i3 from "@progress/kendo-angular-popup";
-import * as i4 from "@angular/animations";
-import * as i5 from "@progress/kendo-angular-l10n";
-import * as i6 from "./dial-list.component";
-import * as i7 from "@angular/common";
-import * as i8 from "@progress/kendo-angular-common";
 const NAVIGATION_SETTINGS = {
     useLeftRightArrows: false
 };
+const ɵ0 = NAVIGATION_SETTINGS;
 const NAVIGATION_SETTINGS_PROVIDER = {
     provide: NAVIGATION_CONFIG,
-    useValue: NAVIGATION_SETTINGS
+    useValue: ɵ0
 };
 const SIZE_CLASSES = {
     small: 'k-fab-sm',
@@ -41,12 +36,16 @@ const SIZE_CLASSES = {
     large: 'k-fab-lg'
 };
 const SHAPE_CLASSES = {
-    pill: 'k-fab-pill',
-    circle: 'k-fab-circle',
     rectangle: 'k-fab-rectangle',
-    square: 'k-fab-square',
-    rounded: 'k-fab-rounded'
+    square: 'k-fab-square'
 };
+const ROUNDED_CLASSES = {
+    small: 'k-rounded-sm',
+    medium: 'k-rounded-md',
+    large: 'k-rounded-lg',
+    full: 'k-rounded-full'
+};
+const FILLMODE_CLASS = 'k-fab-solid';
 const DEFAULT_DURATION = 180;
 const DEFAULT_ITEM_GAP = 90;
 const DEFAULT_OFFSET = '16px';
@@ -56,7 +55,7 @@ const DEFAULT_OFFSET = '16px';
  * Used to specify the primary or the most common action in an application.
  *
  */
-export class FloatingActionButtonComponent {
+let FloatingActionButtonComponent = class FloatingActionButtonComponent {
     constructor(renderer, element, focusService, navigationService, ngZone, popupService, builder, localizationService) {
         this.renderer = renderer;
         this.element = element;
@@ -126,13 +125,15 @@ export class FloatingActionButtonComponent {
         this.id = `k-${guid()}`;
         this._themeColor = 'primary';
         this._size = 'medium';
-        this._shape = 'pill';
+        this._shape = 'rectangle';
         this._disabled = false;
         this._align = { horizontal: 'end', vertical: 'bottom' };
         this._offset = { x: DEFAULT_OFFSET, y: DEFAULT_OFFSET };
+        this._rounded = 'full';
         this.subscriptions = new Subscription();
         this.rtl = false;
         this.animationEnd = new EventEmitter();
+        this.initialSetup = true;
         validatePackage(packageMetadata);
         this.subscribeNavigationEvents();
         this.subscriptions.add(this.localizationService.changes.subscribe(({ rtl }) => {
@@ -152,18 +153,16 @@ export class FloatingActionButtonComponent {
      * The theme color will be applied as background color of the component.
      *
      * The possible values are:
-     * * `primary` (Default)—Applies coloring based on the `primary` theme color.
-     * * `secondary`—Applies coloring based on the `secondary` theme color.
-     * * `tertiary`— Applies coloring based on the `tertiary` theme color.
-     * * `inherit`— Applies inherited coloring value.
-     * * `info`—Applies coloring based on the `info` theme color.
-     * * `success`— Applies coloring based on the `success` theme color.
-     * * `warning`— Applies coloring based on the `warning` theme color.
-     * * `error`— Applies coloring based on the `error` theme color.
-     * * `dark`— Applies coloring based on the `dark` theme color.
-     * * `light`— Applies coloring based on the `light` theme color.
-     * * `inverse`— Applies coloring based on the `inverse` theme color.
-     *
+     * * `'primary'` (Default)—Applies coloring based on the `primary` theme color.
+     * * `'secondary'`—Applies coloring based on the `secondary` theme color.
+     * * `'tertiary'`— Applies coloring based on the `tertiary` theme color.
+     * * `'info'`—Applies coloring based on the `info` theme color.
+     * * `'success'`— Applies coloring based on the `success` theme color.
+     * * `'warning'`— Applies coloring based on the `warning` theme color.
+     * * `'error'`— Applies coloring based on the `error` theme color.
+     * * `'dark'`— Applies coloring based on the `dark` theme color.
+     * * `'light'`— Applies coloring based on the `light` theme color.
+     * * `'inverse'`— Applies coloring based on the `inverse` theme color.
      */
     set themeColor(themeColor) {
         this.handleClasses(themeColor, 'themeColor');
@@ -177,10 +176,9 @@ export class FloatingActionButtonComponent {
      * ([see example]({% slug appearance_floatingactionbutton %}#toc-size)).
      *
      * The possible values are:
-     * * `small`
-     * * `medium` (Default)
-     * * `large`
-     *
+     * * `'small'`
+     * * `'medium'` (Default)
+     * * `'large'`
      */
     set size(size) {
         this.handleClasses(size, 'size');
@@ -189,15 +187,29 @@ export class FloatingActionButtonComponent {
     get size() {
         return this._size;
     }
+    /**
+     * The rounded property specifies the border radius of the FloatingActionButton.
+     *
+     * The possible values are:
+     * * `'small'`
+     * * `'medium'`
+     * * `'large'`
+     * * `'full'` (default)
+     * * `null`
+     */
+    set rounded(rounded) {
+        this.handleClasses(rounded, 'rounded');
+        this._rounded = rounded;
+    }
+    get rounded() {
+        return this._rounded;
+    }
     /**
      * Specifies the shape of the FloatingActionButton
      * ([see example]({% slug appearance_floatingactionbutton %}#toc-shape)).
      *
      * The possible values are:
-     * * `pill` (Default)—Applies border radius equal to half of the height of the FloatingActionButton.
-     * * `circle`—Applies circle shape on the FloatingActionButton.
-     * * `rectangle`—Applies rectangular shape on the FloatingActionButton.
-     * * `rounded`—Applies rounded shape on the FloatingActionButton.
+     * * `rectangle` (Default)—Applies rectangular shape on the FloatingActionButton.
      * * `square`—Applies square shape on the FloatingActionButton.
      *
      */
@@ -255,8 +267,10 @@ export class FloatingActionButtonComponent {
         return this.disabled ? (-1) : this.tabIndex;
     }
     ngAfterViewInit() {
-        this.applyClasses();
+        ['shape', 'size', 'rounded', 'themeColor'].forEach(option => this.handleClasses(this[option], option));
+        this.renderer.addClass(this.element.nativeElement, this.alignClass());
         this.offsetStyles();
+        this.initialSetup = false;
     }
     ngOnDestroy() {
         this.subscriptions.unsubscribe();
@@ -398,20 +412,24 @@ export class FloatingActionButtonComponent {
         this.toggleDialWithEvents(false);
     }
     handleClasses(inputValue, input) {
-        if (isPresent(this.button) && (this[input] !== inputValue)) {
+        if (isPresent(this.button) && (this[input] !== inputValue || this.initialSetup)) {
             const button = this.button.nativeElement;
             const classesToRemove = {
-                themeColor: `k-fab-${this.themeColor}`,
+                themeColor: `${FILLMODE_CLASS}-${this.themeColor}`,
                 size: SIZE_CLASSES[this.size],
-                shape: SHAPE_CLASSES[this.shape]
+                shape: SHAPE_CLASSES[this.shape],
+                rounded: ROUNDED_CLASSES[this.rounded]
             };
             const classesToAdd = {
-                themeColor: `k-fab-${inputValue}`,
+                themeColor: inputValue ? `${FILLMODE_CLASS}-${inputValue}` : null,
                 size: SIZE_CLASSES[inputValue],
-                shape: SHAPE_CLASSES[inputValue]
+                shape: SHAPE_CLASSES[inputValue],
+                rounded: ROUNDED_CLASSES[inputValue]
             };
             this.renderer.removeClass(button, classesToRemove[input]);
-            this.renderer.addClass(button, classesToAdd[input]);
+            if (classesToAdd[input]) {
+                this.renderer.addClass(button, classesToAdd[input]);
+            }
         }
     }
     onEnterPressed() {
@@ -466,14 +484,6 @@ export class FloatingActionButtonComponent {
     alignClass() {
         return `k-pos-${this.align.vertical}-${this.align.horizontal}`;
     }
-    applyClasses() {
-        const hostElement = this.element.nativeElement;
-        const button = this.button.nativeElement;
-        this.renderer.addClass(button, SHAPE_CLASSES[this.shape]);
-        this.renderer.addClass(button, `k-fab-${this.themeColor}`);
-        this.renderer.addClass(button, SIZE_CLASSES[this.size]);
-        this.renderer.addClass(hostElement, this.alignClass());
-    }
     toggleDialWithEvents(open) {
         if (open === this.isOpen) {
             return;
@@ -652,86 +662,150 @@ export class FloatingActionButtonComponent {
         }
         return DEFAULT_DURATION;
     }
-}
-FloatingActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: FloatingActionButtonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.FocusService }, { token: i2.NavigationService }, { token: i0.NgZone }, { token: i3.PopupService }, { token: i4.AnimationBuilder }, { token: i5.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-FloatingActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: FloatingActionButtonComponent, selector: "kendo-floatingactionbutton", inputs: { themeColor: "themeColor", size: "size", shape: "shape", disabled: "disabled", align: "align", offset: "offset", positionMode: "positionMode", icon: "icon", iconClass: "iconClass", buttonClass: "buttonClass", dialClass: "dialClass", text: "text", dialItemAnimation: "dialItemAnimation", tabIndex: "tabIndex", dialItems: "dialItems" }, outputs: { onBlur: "blur", onFocus: "focus", dialItemClick: "dialItemClick", open: "open", close: "close" }, host: { properties: { "class.k-pos-fixed": "this.fixedClass", "class.k-pos-absolute": "this.absoluteClass", "attr.dir": "this.direction" } }, providers: [
-        FocusService,
-        NavigationService,
-        NAVIGATION_SETTINGS_PROVIDER,
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.floatingactionbutton'
-        }
-    ], queries: [{ propertyName: "dialItemTemplate", first: true, predicate: DialItemTemplateDirective, descendants: true, static: true }, { propertyName: "fabTemplate", first: true, predicate: FloatingActionButtonTemplateDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }], ngImport: i0, template: `
-        <button
-            #button
-            [attr.id]="id"
-            [attr.role]="role"
-            [tabIndex]="componentTabIndex"
-            type="button"
-            [class.k-fab]="true"
-            [class.k-state-disabled]="disabled"
-            [ngClass]="buttonClass"
-            [disabled]="disabled"
-            [attr.aria-disabled]="disabled"
-            [attr.aria-expanded]="ariaExpanded"
-            [attr.aria-haspopup]="ariaHasPopup"
-            (focus)="focusHandler()"
-            (blur)="blurHandler()"
-            [kendoEventsOutsideAngular]="{
-                keydown: keyDownHandler,
-                click: clickHandler
-            }"
-            [scope]="this"
-        >
-            <ng-template *ngIf="fabTemplate"
-                [ngTemplateOutlet]="fabTemplate?.templateRef"
-            >
-            </ng-template>
-
-            <ng-container *ngIf="!fabTemplate">
-                <span *ngIf="icon || iconClass" [ngClass]="iconClasses"></span>
-                <span *ngIf="text" class="k-fab-text">{{ text }}</span>
-            </ng-container>
-        </button>
-
-        <ng-template #popupTemplate>
-            <ul
-                kendoDialList
-                [ngClass]="dialClass"
-                [dialItems]="dialItems"
-                [dialItemTemplate]='dialItemTemplate?.templateRef'
-                [align]="align"
-                [attr.aria-labelledby]="id"
-                (click)="onItemClick($event)"
-            >
-            </ul>
-        </ng-template>
-    `, isInline: true, components: [{ type: i6.DialListComponent, selector: "[kendoDialList]", inputs: ["dialItems", "dialItemTemplate", "align"] }], directives: [{ type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: FloatingActionButtonComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-floatingactionbutton',
-                    providers: [
-                        FocusService,
-                        NavigationService,
-                        NAVIGATION_SETTINGS_PROVIDER,
-                        LocalizationService,
-                        {
-                            provide: L10N_PREFIX,
-                            useValue: 'kendo.floatingactionbutton'
-                        }
-                    ],
-                    template: `
+};
+tslib_1.__decorate([
+    HostBinding('class.k-pos-fixed'),
+    tslib_1.__metadata("design:type", Boolean),
+    tslib_1.__metadata("design:paramtypes", [])
+], FloatingActionButtonComponent.prototype, "fixedClass", null);
+tslib_1.__decorate([
+    HostBinding('class.k-pos-absolute'),
+    tslib_1.__metadata("design:type", Boolean),
+    tslib_1.__metadata("design:paramtypes", [])
+], FloatingActionButtonComponent.prototype, "absoluteClass", null);
+tslib_1.__decorate([
+    HostBinding('attr.dir'),
+    tslib_1.__metadata("design:type", String)
+], FloatingActionButtonComponent.prototype, "direction", void 0);
+tslib_1.__decorate([
+    ViewChild('button', { static: true }),
+    tslib_1.__metadata("design:type", ElementRef)
+], FloatingActionButtonComponent.prototype, "button", void 0);
+tslib_1.__decorate([
+    ViewChild('popupTemplate', { static: true }),
+    tslib_1.__metadata("design:type", TemplateRef)
+], FloatingActionButtonComponent.prototype, "popupTemplate", void 0);
+tslib_1.__decorate([
+    ContentChild(DialItemTemplateDirective, { static: true }),
+    tslib_1.__metadata("design:type", DialItemTemplateDirective)
+], FloatingActionButtonComponent.prototype, "dialItemTemplate", void 0);
+tslib_1.__decorate([
+    ContentChild(FloatingActionButtonTemplateDirective, { static: true }),
+    tslib_1.__metadata("design:type", FloatingActionButtonTemplateDirective)
+], FloatingActionButtonComponent.prototype, "fabTemplate", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String),
+    tslib_1.__metadata("design:paramtypes", [String])
+], FloatingActionButtonComponent.prototype, "themeColor", null);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String),
+    tslib_1.__metadata("design:paramtypes", [String])
+], FloatingActionButtonComponent.prototype, "size", null);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String),
+    tslib_1.__metadata("design:paramtypes", [String])
+], FloatingActionButtonComponent.prototype, "rounded", null);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String),
+    tslib_1.__metadata("design:paramtypes", [String])
+], FloatingActionButtonComponent.prototype, "shape", null);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Boolean),
+    tslib_1.__metadata("design:paramtypes", [Boolean])
+], FloatingActionButtonComponent.prototype, "disabled", null);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object),
+    tslib_1.__metadata("design:paramtypes", [Object])
+], FloatingActionButtonComponent.prototype, "align", null);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object),
+    tslib_1.__metadata("design:paramtypes", [Object])
+], FloatingActionButtonComponent.prototype, "offset", null);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], FloatingActionButtonComponent.prototype, "positionMode", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], FloatingActionButtonComponent.prototype, "icon", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], FloatingActionButtonComponent.prototype, "iconClass", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object)
+], FloatingActionButtonComponent.prototype, "buttonClass", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object)
+], FloatingActionButtonComponent.prototype, "dialClass", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], FloatingActionButtonComponent.prototype, "text", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object)
+], FloatingActionButtonComponent.prototype, "dialItemAnimation", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Number)
+], FloatingActionButtonComponent.prototype, "tabIndex", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Array)
+], FloatingActionButtonComponent.prototype, "dialItems", void 0);
+tslib_1.__decorate([
+    Output('blur'),
+    tslib_1.__metadata("design:type", EventEmitter)
+], FloatingActionButtonComponent.prototype, "onBlur", void 0);
+tslib_1.__decorate([
+    Output('focus'),
+    tslib_1.__metadata("design:type", EventEmitter)
+], FloatingActionButtonComponent.prototype, "onFocus", void 0);
+tslib_1.__decorate([
+    Output('dialItemClick'),
+    tslib_1.__metadata("design:type", EventEmitter)
+], FloatingActionButtonComponent.prototype, "dialItemClick", void 0);
+tslib_1.__decorate([
+    Output(),
+    tslib_1.__metadata("design:type", EventEmitter)
+], FloatingActionButtonComponent.prototype, "open", void 0);
+tslib_1.__decorate([
+    Output(),
+    tslib_1.__metadata("design:type", EventEmitter)
+], FloatingActionButtonComponent.prototype, "close", void 0);
+FloatingActionButtonComponent = tslib_1.__decorate([
+    Component({
+        selector: 'kendo-floatingactionbutton',
+        providers: [
+            FocusService,
+            NavigationService,
+            NAVIGATION_SETTINGS_PROVIDER,
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.floatingactionbutton'
+            }
+        ],
+        template: `
         <button
             #button
             [attr.id]="id"
             [attr.role]="role"
             [tabIndex]="componentTabIndex"
             type="button"
-            [class.k-fab]="true"
-            [class.k-state-disabled]="disabled"
+            class="k-fab k-fab-solid"
+            [class.k-disabled]="disabled"
             [ngClass]="buttonClass"
             [disabled]="disabled"
             [attr.aria-disabled]="disabled"
@@ -769,69 +843,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
             </ul>
         </ng-template>
     `
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.FocusService }, { type: i2.NavigationService }, { type: i0.NgZone }, { type: i3.PopupService }, { type: i4.AnimationBuilder }, { type: i5.LocalizationService }]; }, propDecorators: { fixedClass: [{
-                type: HostBinding,
-                args: ['class.k-pos-fixed']
-            }], absoluteClass: [{
-                type: HostBinding,
-                args: ['class.k-pos-absolute']
-            }], direction: [{
-                type: HostBinding,
-                args: ['attr.dir']
-            }], button: [{
-                type: ViewChild,
-                args: ['button', { static: true }]
-            }], popupTemplate: [{
-                type: ViewChild,
-                args: ['popupTemplate', { static: true }]
-            }], dialItemTemplate: [{
-                type: ContentChild,
-                args: [DialItemTemplateDirective, { static: true }]
-            }], fabTemplate: [{
-                type: ContentChild,
-                args: [FloatingActionButtonTemplateDirective, { static: true }]
-            }], themeColor: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], shape: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], align: [{
-                type: Input
-            }], offset: [{
-                type: Input
-            }], positionMode: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], iconClass: [{
-                type: Input
-            }], buttonClass: [{
-                type: Input
-            }], dialClass: [{
-                type: Input
-            }], text: [{
-                type: Input
-            }], dialItemAnimation: [{
-                type: Input
-            }], tabIndex: [{
-                type: Input
-            }], dialItems: [{
-                type: Input
-            }], onBlur: [{
-                type: Output,
-                args: ['blur']
-            }], onFocus: [{
-                type: Output,
-                args: ['focus']
-            }], dialItemClick: [{
-                type: Output,
-                args: ['dialItemClick']
-            }], open: [{
-                type: Output
-            }], close: [{
-                type: Output
-            }] } });
+    }),
+    tslib_1.__metadata("design:paramtypes", [Renderer2,
+        ElementRef,
+        FocusService,
+        NavigationService,
+        NgZone,
+        PopupService,
+        AnimationBuilder,
+        LocalizationService])
+], FloatingActionButtonComponent);
+export { FloatingActionButtonComponent };
+export { ɵ0 };

package/{floatingactionbutton → dist/es2015/floatingactionbutton}/floatingactionbutton.module.d.ts

@@ -2,16 +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 i0 from "@angular/core";
-import * as i1 from "./floatingactionbutton.component";
-import * as i2 from "./templates/dial-item-template.directive";
-import * as i3 from "./templates/fab-template.directive";
-import * as i4 from "./dial-list.component";
-import * as i5 from "./dial-item.component";
-import * as i6 from "@angular/common";
-import * as i7 from "@progress/kendo-angular-popup";
-import * as i8 from "../listbutton/list.module";
-import * as i9 from "@progress/kendo-angular-common";
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
  * definition for the FloatingActionButton component.
@@ -41,7 +31,4 @@ import * as i9 from "@progress/kendo-angular-common";
  * ```
  */
 export declare class FloatingActionButtonModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<FloatingActionButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FloatingActionButtonModule, [typeof i1.FloatingActionButtonComponent, typeof i2.DialItemTemplateDirective, typeof i3.FloatingActionButtonTemplateDirective, typeof i4.DialListComponent, typeof i5.DialItemComponent], [typeof i6.CommonModule, typeof i7.PopupModule, typeof i8.ListModule, typeof i9.EventsModule], [typeof i1.FloatingActionButtonComponent, typeof i2.DialItemTemplateDirective, typeof i3.FloatingActionButtonTemplateDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<FloatingActionButtonModule>;
 }

package/{esm2015 → dist/es2015}/floatingactionbutton/floatingactionbutton.module.js

@@ -2,6 +2,7 @@
 * 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 { FloatingActionButtonComponent } from './floatingactionbutton.component';
@@ -12,7 +13,6 @@ import { DialItemComponent } from './dial-item.component';
 import { ListModule } from '../listbutton/list.module';
 import { EventsModule } from '@progress/kendo-angular-common';
 import { PopupModule } from '@progress/kendo-angular-popup';
-import * as i0 from "@angular/core";
 const exportedModules = [
     FloatingActionButtonComponent,
     DialItemTemplateDirective,
@@ -51,21 +51,13 @@ const declarations = [
  *
  * ```
  */
-export class FloatingActionButtonModule {
-}
-FloatingActionButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: FloatingActionButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FloatingActionButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: FloatingActionButtonModule, declarations: [FloatingActionButtonComponent,
-        DialItemTemplateDirective,
-        FloatingActionButtonTemplateDirective, DialListComponent,
-        DialItemComponent], imports: [CommonModule, PopupModule, ListModule, EventsModule], exports: [FloatingActionButtonComponent,
-        DialItemTemplateDirective,
-        FloatingActionButtonTemplateDirective] });
-FloatingActionButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: FloatingActionButtonModule, imports: [[CommonModule, PopupModule, ListModule, EventsModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: FloatingActionButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [declarations],
-                    exports: [exportedModules],
-                    imports: [CommonModule, PopupModule, ListModule, EventsModule]
-                }]
-        }] });
+let FloatingActionButtonModule = class FloatingActionButtonModule {
+};
+FloatingActionButtonModule = tslib_1.__decorate([
+    NgModule({
+        declarations: [declarations],
+        exports: [exportedModules],
+        imports: [CommonModule, PopupModule, ListModule, EventsModule]
+    })
+], FloatingActionButtonModule);
+export { FloatingActionButtonModule };

package/dist/es2015/floatingactionbutton/models/align.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* 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/floatingactionbutton/models/item-animation.interface.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* 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/floatingactionbutton/models/item-click.event.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* 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/floatingactionbutton/models/item.interface.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* 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/floatingactionbutton/models/offset.js

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