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

package/dist/es/dropdownbutton/dropdownbutton.module.js

@@ -0,0 +1,32 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { PopupModule } from '@progress/kendo-angular-popup';
+import { ListModule } from '../listbutton/list.module';
+import { ButtonModule } from '../button/button.module';
+import { DropDownButtonComponent } from './dropdownbutton.component';
+/**
+ * @hidden
+ *
+ * The exported package module.
+ *
+ * The package exports:
+ * - `DropDownButtonComponent`—The DropDownButtonComponent component class.
+ */
+var DropDownButtonModule = /** @class */ (function () {
+    function DropDownButtonModule() {
+    }
+    DropDownButtonModule = tslib_1.__decorate([
+        NgModule({
+            declarations: [DropDownButtonComponent],
+            exports: [DropDownButtonComponent, ListModule],
+            imports: [CommonModule, PopupModule, ListModule, ButtonModule]
+        })
+    ], DropDownButtonModule);
+    return DropDownButtonModule;
+}());
+export { DropDownButtonModule };

package/dist/es/floatingactionbutton/animations/animations.js

@@ -0,0 +1,33 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { animate, query, sequence, stagger, style } from '@angular/animations';
+/**
+ * @hidden
+ */
+export function openAnimation(animationSettings) {
+    var isBottom = animationSettings.align.vertical === 'bottom';
+    var duration = animationSettings.duration;
+    var gap = animationSettings.gap;
+    return sequence([
+        query(".k-fab-item", [
+            style({ opacity: 0, transform: "translateY(" + (isBottom ? '8px' : '-8px') + ")" }),
+            stagger(gap, [animate(duration + "ms ease-in", style({ opacity: '*', transform: 'translateY(0)' }))])
+        ], { optional: true })
+    ]);
+}
+/**
+ * @hidden
+ */
+export function closeAnimation(animationSettings) {
+    var isBottom = animationSettings.align.vertical === 'bottom';
+    var duration = animationSettings.duration;
+    var gap = animationSettings.gap;
+    return sequence([
+        query(".k-fab-item", [
+            style({ opacity: '*', transform: 'translateY(0)' }),
+            stagger(-gap, [animate(duration + "ms ease-in", style({ opacity: 0, transform: "translateY(" + (isBottom ? '8px' : '-8px') + ")" }))])
+        ], { optional: true })
+    ]);
+}

package/dist/es/floatingactionbutton/dial-item.component.js

@@ -0,0 +1,143 @@
+/**-----------------------------------------------------------------------------------------
+* 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, ElementRef, HostBinding, Input, Renderer2, TemplateRef } from "@angular/core";
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+/**
+ * @hidden
+ */
+var DialItemComponent = /** @class */ (function () {
+    function DialItemComponent(element, renderer, localisationService) {
+        this.element = element;
+        this.renderer = renderer;
+        this.localisationService = localisationService;
+        this.hostClass = true;
+        this.role = 'menuitem';
+    }
+    Object.defineProperty(DialItemComponent.prototype, "disabledClass", {
+        get: function () {
+            return this.item.disabled;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DialItemComponent.prototype, "title", {
+        get: function () {
+            var label = this.item.label;
+            return label ? label : this.itemTitle;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DialItemComponent.prototype, "indexAttr", {
+        get: function () {
+            return this.index;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DialItemComponent.prototype, "iconClasses", {
+        get: function () {
+            var classes = [];
+            if (this.item.iconClass) {
+                classes.push("" + this.item.iconClass);
+            }
+            if (this.item.icon) {
+                classes.push("k-fab-item-icon k-icon k-i-" + this.item.icon);
+            }
+            return classes;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DialItemComponent.prototype, "itemTitle", {
+        get: function () {
+            var icon = this.item.icon;
+            var itemTitle = this.item.itemTitle;
+            return (icon && itemTitle) ? itemTitle : icon;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    DialItemComponent.prototype.ngAfterViewInit = function () {
+        var element = this.element.nativeElement;
+        var rtl = this.localisationService.rtl;
+        var hAlign = this.align.horizontal;
+        this.renderer.addClass(element, this.getTextDirectionClass(rtl, hAlign));
+    };
+    DialItemComponent.prototype.getTextDirectionClass = function (rtl, hAlign) {
+        var dir = rtl ? 'rtl' : 'ltr';
+        var align = hAlign === 'end' ? 'end' : 'start';
+        var directions = {
+            rtl: { end: 'k-text-left', start: 'k-text-right' },
+            ltr: { start: 'k-text-left', end: 'k-text-right' }
+        };
+        return directions[dir][align];
+    };
+    tslib_1.__decorate([
+        HostBinding('class.k-fab-item'),
+        tslib_1.__metadata("design:type", Boolean)
+    ], DialItemComponent.prototype, "hostClass", void 0);
+    tslib_1.__decorate([
+        HostBinding('attr.role'),
+        tslib_1.__metadata("design:type", String)
+    ], DialItemComponent.prototype, "role", void 0);
+    tslib_1.__decorate([
+        HostBinding('attr.aria-disabled'),
+        HostBinding('class.k-disabled'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], DialItemComponent.prototype, "disabledClass", null);
+    tslib_1.__decorate([
+        HostBinding('attr.title'),
+        HostBinding('attr.aria-label'),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], DialItemComponent.prototype, "title", null);
+    tslib_1.__decorate([
+        HostBinding('attr.data-fab-item-index'),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], DialItemComponent.prototype, "indexAttr", null);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DialItemComponent.prototype, "cssClass", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DialItemComponent.prototype, "cssStyle", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], DialItemComponent.prototype, "isFocused", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DialItemComponent.prototype, "index", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DialItemComponent.prototype, "item", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", TemplateRef)
+    ], DialItemComponent.prototype, "dialItemTemplate", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DialItemComponent.prototype, "align", void 0);
+    DialItemComponent = tslib_1.__decorate([
+        Component({
+            selector: '[kendoDialItem]',
+            template: "\n        <ng-template *ngIf=\"dialItemTemplate\"\n            [ngTemplateOutlet]=\"dialItemTemplate\"\n            [ngTemplateOutletContext]=\"{ $implicit: item, index: index, isFocused: isFocused }\"\n        >\n        </ng-template>\n\n        <ng-container *ngIf=\"!dialItemTemplate\">\n            <span *ngIf=\"item.label\" class=\"k-fab-item-text\">{{ item.label }}</span>\n            <span *ngIf=\"item.icon || item.iconClass\" [ngClass]=\"iconClasses\"></span>\n        </ng-container>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [ElementRef,
+            Renderer2,
+            LocalizationService])
+    ], DialItemComponent);
+    return DialItemComponent;
+}());
+export { DialItemComponent };

package/dist/es/floatingactionbutton/dial-list.component.js

@@ -0,0 +1,76 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { ChangeDetectorRef, Component, HostBinding, Input, TemplateRef } from "@angular/core";
+import { Subscription } from 'rxjs';
+import { FocusService } from '../focusable/focus.service';
+/**
+ * @hidden
+ */
+var DialListComponent = /** @class */ (function () {
+    function DialListComponent(focusService, cdr) {
+        var _this = this;
+        this.focusService = focusService;
+        this.cdr = cdr;
+        this.hostClass = true;
+        this.subscriptions = new Subscription();
+        this.subscriptions.add(this.focusService.onFocus.subscribe(function () { return _this.cdr.detectChanges(); }));
+    }
+    Object.defineProperty(DialListComponent.prototype, "bottomClass", {
+        get: function () {
+            return this.align.vertical === 'top' || this.align.vertical === 'middle';
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DialListComponent.prototype, "topClass", {
+        get: function () {
+            return this.align.vertical === 'bottom';
+        },
+        enumerable: true,
+        configurable: true
+    });
+    DialListComponent.prototype.isFocused = function (index) {
+        return this.focusService.isFocused(index);
+    };
+    DialListComponent.prototype.ngOnDestroy = function () {
+        this.subscriptions.unsubscribe();
+    };
+    tslib_1.__decorate([
+        HostBinding('class.k-fab-items'),
+        tslib_1.__metadata("design:type", Boolean)
+    ], DialListComponent.prototype, "hostClass", void 0);
+    tslib_1.__decorate([
+        HostBinding('class.k-fab-items-bottom'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], DialListComponent.prototype, "bottomClass", null);
+    tslib_1.__decorate([
+        HostBinding('class.k-fab-items-top'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], DialListComponent.prototype, "topClass", null);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Array)
+    ], DialListComponent.prototype, "dialItems", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", TemplateRef)
+    ], DialListComponent.prototype, "dialItemTemplate", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DialListComponent.prototype, "align", void 0);
+    DialListComponent = tslib_1.__decorate([
+        Component({
+            selector: '[kendoDialList]',
+            template: "\n        <ng-container *ngFor='let item of dialItems; let idx = index'>\n            <li\n                kendoButtonFocusable\n                kendoDialItem\n                [item]=\"dialItems[idx]\"\n                [index]=\"idx\"\n                [dialItemTemplate]=\"dialItemTemplate\"\n                [isFocused]=\"isFocused(idx)\"\n                [ngClass]='item.cssClass'\n                [ngStyle]='item.cssStyle'\n                [align]=\"align\"\n            >\n            </li>\n        </ng-container>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [FocusService, ChangeDetectorRef])
+    ], DialListComponent);
+    return DialListComponent;
+}());
+export { DialListComponent };