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

package/dist/npm/dropdownbutton/dropdownbutton.module.js

@@ -0,0 +1,34 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var common_1 = require("@angular/common");
+var kendo_angular_popup_1 = require("@progress/kendo-angular-popup");
+var list_module_1 = require("../listbutton/list.module");
+var button_module_1 = require("../button/button.module");
+var dropdownbutton_component_1 = require("./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([
+        core_1.NgModule({
+            declarations: [dropdownbutton_component_1.DropDownButtonComponent],
+            exports: [dropdownbutton_component_1.DropDownButtonComponent, list_module_1.ListModule],
+            imports: [common_1.CommonModule, kendo_angular_popup_1.PopupModule, list_module_1.ListModule, button_module_1.ButtonModule]
+        })
+    ], DropDownButtonModule);
+    return DropDownButtonModule;
+}());
+exports.DropDownButtonModule = DropDownButtonModule;

package/dist/npm/floatingactionbutton/animations/animations.js

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

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

@@ -0,0 +1,145 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var kendo_angular_l10n_1 = require("@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([
+        core_1.HostBinding('class.k-fab-item'),
+        tslib_1.__metadata("design:type", Boolean)
+    ], DialItemComponent.prototype, "hostClass", void 0);
+    tslib_1.__decorate([
+        core_1.HostBinding('attr.role'),
+        tslib_1.__metadata("design:type", String)
+    ], DialItemComponent.prototype, "role", void 0);
+    tslib_1.__decorate([
+        core_1.HostBinding('attr.aria-disabled'),
+        core_1.HostBinding('class.k-disabled'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], DialItemComponent.prototype, "disabledClass", null);
+    tslib_1.__decorate([
+        core_1.HostBinding('attr.title'),
+        core_1.HostBinding('attr.aria-label'),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], DialItemComponent.prototype, "title", null);
+    tslib_1.__decorate([
+        core_1.HostBinding('attr.data-fab-item-index'),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], DialItemComponent.prototype, "indexAttr", null);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DialItemComponent.prototype, "cssClass", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DialItemComponent.prototype, "cssStyle", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], DialItemComponent.prototype, "isFocused", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DialItemComponent.prototype, "index", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DialItemComponent.prototype, "item", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", core_1.TemplateRef)
+    ], DialItemComponent.prototype, "dialItemTemplate", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DialItemComponent.prototype, "align", void 0);
+    DialItemComponent = tslib_1.__decorate([
+        core_1.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", [core_1.ElementRef,
+            core_1.Renderer2,
+            kendo_angular_l10n_1.LocalizationService])
+    ], DialItemComponent);
+    return DialItemComponent;
+}());
+exports.DialItemComponent = DialItemComponent;

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

@@ -0,0 +1,78 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var rxjs_1 = require("rxjs");
+var focus_service_1 = require("../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 rxjs_1.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([
+        core_1.HostBinding('class.k-fab-items'),
+        tslib_1.__metadata("design:type", Boolean)
+    ], DialListComponent.prototype, "hostClass", void 0);
+    tslib_1.__decorate([
+        core_1.HostBinding('class.k-fab-items-bottom'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], DialListComponent.prototype, "bottomClass", null);
+    tslib_1.__decorate([
+        core_1.HostBinding('class.k-fab-items-top'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], DialListComponent.prototype, "topClass", null);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Array)
+    ], DialListComponent.prototype, "dialItems", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", core_1.TemplateRef)
+    ], DialListComponent.prototype, "dialItemTemplate", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DialListComponent.prototype, "align", void 0);
+    DialListComponent = tslib_1.__decorate([
+        core_1.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", [focus_service_1.FocusService, core_1.ChangeDetectorRef])
+    ], DialListComponent);
+    return DialListComponent;
+}());
+exports.DialListComponent = DialListComponent;