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

package/{esm2015 → dist/es}/button/button.module.js

@@ -2,9 +2,9 @@
 * 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 { ButtonDirective } from './button.directive';
-import * as i0 from "@angular/core";
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmodules'] }})
  * definition for the Button directive.
@@ -36,15 +36,15 @@ import * as i0 from "@angular/core";
  *
  * ```
  */
-export class ButtonModule {
-}
-ButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ButtonModule, declarations: [ButtonDirective], exports: [ButtonDirective] });
-ButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ButtonModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [ButtonDirective],
-                    exports: [ButtonDirective]
-                }]
-        }] });
+var ButtonModule = /** @class */ (function () {
+    function ButtonModule() {
+    }
+    ButtonModule = tslib_1.__decorate([
+        NgModule({
+            declarations: [ButtonDirective],
+            exports: [ButtonDirective]
+        })
+    ], ButtonModule);
+    return ButtonModule;
+}());
+export { ButtonModule };

package/dist/es/button/button.service.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 * as tslib_1 from "tslib";
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+/**
+ * @hidden
+ */
+var KendoButtonService = /** @class */ (function () {
+    function KendoButtonService() {
+        this.buttonClicked = new Subject();
+        this.buttonClicked$ = this.buttonClicked.asObservable();
+    }
+    KendoButtonService.prototype.click = function (button) {
+        this.buttonClicked.next(button);
+    };
+    KendoButtonService = tslib_1.__decorate([
+        Injectable()
+    ], KendoButtonService);
+    return KendoButtonService;
+}());
+export { KendoButtonService };

package/{esm2015 → dist/es}/button/selection-settings.js

@@ -2,4 +2,3 @@
 * 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/buttongroup/buttongroup.component.js

@@ -0,0 +1,353 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { ButtonDirective } from '../button/button.directive';
+import { Component, EventEmitter, Output, Input, ContentChildren, QueryList, HostBinding, HostListener, isDevMode, ElementRef } from '@angular/core';
+import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
+import { isChanged, Keys } from '@progress/kendo-angular-common';
+import { KendoButtonService } from '../button/button.service';
+import { isPresent } from '../util';
+import { PreventableEvent } from '../preventable-event';
+import { packageMetadata } from '../package-metadata';
+import { validatePackage } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+var tabindex = 'tabindex';
+/**
+ * Represents the Kendo UI ButtonGroup component for Angular.
+ */
+var ButtonGroupComponent = /** @class */ (function () {
+    function ButtonGroupComponent(service, localization, element) {
+        var _this = this;
+        this.service = service;
+        this.element = element;
+        /**
+         * By default, the selection mode of the ButtonGroup is set to `multiple`.
+         */
+        this.selection = 'multiple';
+        /**
+         * Fires every time keyboard navigation occurs.
+         */
+        this.navigate = new EventEmitter();
+        this._tabIndex = 0;
+        this.currentTabIndex = 0;
+        validatePackage(packageMetadata);
+        this.localizationChangeSubscription = localization.changes.subscribe(function (_a) {
+            var rtl = _a.rtl;
+            return _this.direction = rtl ? 'rtl' : 'ltr';
+        });
+    }
+    Object.defineProperty(ButtonGroupComponent.prototype, "tabIndex", {
+        get: function () {
+            return this._tabIndex;
+        },
+        /**
+         * Specifies the [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
+         */
+        set: function (value) {
+            this._tabIndex = value;
+            this.currentTabIndex = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ButtonGroupComponent.prototype, "wrapperClass", {
+        get: function () {
+            return true;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ButtonGroupComponent.prototype, "disabledClass", {
+        get: function () {
+            return this.disabled;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ButtonGroupComponent.prototype, "stretchedClass", {
+        get: function () {
+            return !!this.width;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ButtonGroupComponent.prototype, "getRole", {
+        get: function () {
+            return this.isSelectionSingle() ? 'radiogroup' : 'group';
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ButtonGroupComponent.prototype, "dir", {
+        get: function () {
+            return this.direction;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ButtonGroupComponent.prototype, "ariaDisabled", {
+        get: function () {
+            return this.disabled;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ButtonGroupComponent.prototype, "wrapperWidth", {
+        get: function () {
+            return this.width;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ButtonGroupComponent.prototype, "wrapperTabIndex", {
+        get: function () {
+            return this.disabled ? undefined : this.currentTabIndex;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * @hidden
+     */
+    ButtonGroupComponent.prototype.keydown = function (event) {
+        if (!this.disabled) {
+            this.navigateFocus(event);
+        }
+    };
+    /**
+     * @hidden
+     */
+    ButtonGroupComponent.prototype.onFocus = function () {
+        this.currentTabIndex = -1;
+        var focusedIndex = this.buttons.toArray().findIndex(function (current) { return current.element.tabIndex !== -1; });
+        var index = focusedIndex === -1 ? 0 : focusedIndex;
+        this.focus(this.buttons.filter(function (_current, i) {
+            return i === index;
+        }));
+    };
+    /**
+     * @hidden
+     */
+    ButtonGroupComponent.prototype.focusout = function (event) {
+        if (event.relatedTarget && event.relatedTarget.parentNode !== this.element.nativeElement) {
+            this.defocus(this.buttons.toArray());
+            this.currentTabIndex = this.tabIndex;
+        }
+    };
+    ButtonGroupComponent.prototype.ngOnInit = function () {
+        var _this = this;
+        this.subscription = this.service.buttonClicked$.subscribe(function (button) {
+            var newSelectionValue;
+            if (_this.isSelectionSingle()) {
+                newSelectionValue = true;
+                _this.deactivate(_this.buttons.filter(function (current) { return current !== button; }));
+            }
+            else {
+                _this.defocus(_this.buttons.toArray());
+                newSelectionValue = !button.selected;
+            }
+            if (button.togglable) {
+                button.setSelected(newSelectionValue);
+            }
+            button.setAttribute(tabindex, '0');
+        });
+    };
+    ButtonGroupComponent.prototype.ngOnChanges = function (change) {
+        var _this = this;
+        if (isChanged('disabled', change)) {
+            this.buttons.forEach(function (button) {
+                if (isPresent(_this.disabled)) {
+                    button.disabled = _this.disabled;
+                }
+            });
+        }
+    };
+    ButtonGroupComponent.prototype.ngAfterContentInit = function () {
+        this.buttons.forEach(function (button) {
+            if (button.selected) {
+                button.setAttribute(tabindex, '0');
+            }
+            else {
+                button.setAttribute(tabindex, '-1');
+            }
+        });
+    };
+    ButtonGroupComponent.prototype.ngAfterViewChecked = function () {
+        if (this.buttons.length) {
+            this.buttons.first.renderer.addClass(this.buttons.first.element, 'k-group-start');
+            this.buttons.last.renderer.addClass(this.buttons.last.element, 'k-group-end');
+        }
+    };
+    ButtonGroupComponent.prototype.ngOnDestroy = function () {
+        this.subscription.unsubscribe();
+        this.localizationChangeSubscription.unsubscribe();
+    };
+    ButtonGroupComponent.prototype.ngAfterContentChecked = function () {
+        this.verifySettings();
+    };
+    ButtonGroupComponent.prototype.navigateFocus = function (event) {
+        var focusedIndex = this.buttons.toArray().findIndex(function (current) { return current.element.tabIndex !== -1; });
+        var firstIndex = 0;
+        var lastIndex = this.buttons.length - 1;
+        var eventArgs = new PreventableEvent();
+        if (event.keyCode === Keys.ArrowRight && focusedIndex < lastIndex) {
+            this.navigate.emit(eventArgs);
+            if (!eventArgs.isDefaultPrevented()) {
+                this.defocus(this.buttons.toArray());
+                this.focus(this.buttons.filter(function (_current, index) {
+                    return index === focusedIndex + 1;
+                }));
+            }
+        }
+        if (event.keyCode === Keys.ArrowLeft && focusedIndex > firstIndex) {
+            this.navigate.emit(eventArgs);
+            if (!eventArgs.isDefaultPrevented()) {
+                this.defocus(this.buttons.toArray());
+                this.focus(this.buttons.filter(function (_current, index) {
+                    return index === focusedIndex - 1;
+                }));
+            }
+        }
+    };
+    ButtonGroupComponent.prototype.deactivate = function (buttons) {
+        buttons.forEach(function (button) {
+            button.setSelected(false);
+            button.setAttribute(tabindex, '-1');
+        });
+    };
+    ButtonGroupComponent.prototype.activate = function (buttons) {
+        buttons.forEach(function (button) {
+            button.setSelected(true);
+            button.setAttribute(tabindex, '0');
+            button.focus();
+        });
+    };
+    ButtonGroupComponent.prototype.defocus = function (buttons) {
+        buttons.forEach(function (button) {
+            button.setAttribute(tabindex, '-1');
+        });
+    };
+    ButtonGroupComponent.prototype.focus = function (buttons) {
+        buttons.forEach(function (button) {
+            button.setAttribute(tabindex, '0');
+            button.focus();
+        });
+    };
+    ButtonGroupComponent.prototype.verifySettings = function () {
+        if (isDevMode()) {
+            if (this.isSelectionSingle() && this.buttons.filter(function (button) { return button.selected; }).length > 1) {
+                throw new Error('Having multiple selected buttons with single selection mode is not supported');
+            }
+        }
+    };
+    ButtonGroupComponent.prototype.isSelectionSingle = function () {
+        return this.selection === 'single';
+    };
+    tslib_1.__decorate([
+        Input('disabled'),
+        tslib_1.__metadata("design:type", Boolean)
+    ], ButtonGroupComponent.prototype, "disabled", void 0);
+    tslib_1.__decorate([
+        Input('selection'),
+        tslib_1.__metadata("design:type", String)
+    ], ButtonGroupComponent.prototype, "selection", void 0);
+    tslib_1.__decorate([
+        Input('width'),
+        tslib_1.__metadata("design:type", String)
+    ], ButtonGroupComponent.prototype, "width", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number),
+        tslib_1.__metadata("design:paramtypes", [Number])
+    ], ButtonGroupComponent.prototype, "tabIndex", null);
+    tslib_1.__decorate([
+        Output(),
+        tslib_1.__metadata("design:type", EventEmitter)
+    ], ButtonGroupComponent.prototype, "navigate", void 0);
+    tslib_1.__decorate([
+        ContentChildren(ButtonDirective),
+        tslib_1.__metadata("design:type", QueryList)
+    ], ButtonGroupComponent.prototype, "buttons", void 0);
+    tslib_1.__decorate([
+        HostBinding('class.k-button-group'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], ButtonGroupComponent.prototype, "wrapperClass", null);
+    tslib_1.__decorate([
+        HostBinding('class.k-disabled'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], ButtonGroupComponent.prototype, "disabledClass", null);
+    tslib_1.__decorate([
+        HostBinding('class.k-button-group-stretched'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], ButtonGroupComponent.prototype, "stretchedClass", null);
+    tslib_1.__decorate([
+        HostBinding('attr.role'),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], ButtonGroupComponent.prototype, "getRole", null);
+    tslib_1.__decorate([
+        HostBinding('attr.dir'),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], ButtonGroupComponent.prototype, "dir", null);
+    tslib_1.__decorate([
+        HostBinding('attr.aria-disabled'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], ButtonGroupComponent.prototype, "ariaDisabled", null);
+    tslib_1.__decorate([
+        HostBinding('style.width'),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], ButtonGroupComponent.prototype, "wrapperWidth", null);
+    tslib_1.__decorate([
+        HostBinding('attr.tabindex'),
+        tslib_1.__metadata("design:type", Number),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], ButtonGroupComponent.prototype, "wrapperTabIndex", null);
+    tslib_1.__decorate([
+        HostListener('keydown', ['$event']),
+        tslib_1.__metadata("design:type", Function),
+        tslib_1.__metadata("design:paramtypes", [Object]),
+        tslib_1.__metadata("design:returntype", void 0)
+    ], ButtonGroupComponent.prototype, "keydown", null);
+    tslib_1.__decorate([
+        HostListener('focus'),
+        tslib_1.__metadata("design:type", Function),
+        tslib_1.__metadata("design:paramtypes", []),
+        tslib_1.__metadata("design:returntype", void 0)
+    ], ButtonGroupComponent.prototype, "onFocus", null);
+    tslib_1.__decorate([
+        HostListener('focusout', ['$event']),
+        tslib_1.__metadata("design:type", Function),
+        tslib_1.__metadata("design:paramtypes", [Object]),
+        tslib_1.__metadata("design:returntype", void 0)
+    ], ButtonGroupComponent.prototype, "focusout", null);
+    ButtonGroupComponent = tslib_1.__decorate([
+        Component({
+            exportAs: 'kendoButtonGroup',
+            providers: [
+                KendoButtonService,
+                LocalizationService,
+                {
+                    provide: L10N_PREFIX,
+                    useValue: 'kendo.buttongroup'
+                }
+            ],
+            selector: 'kendo-buttongroup',
+            template: "\n        <ng-content select=\"[kendoButton]\"></ng-content>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [KendoButtonService,
+            LocalizationService,
+            ElementRef])
+    ], ButtonGroupComponent);
+    return ButtonGroupComponent;
+}());
+export { ButtonGroupComponent };

package/dist/es/buttongroup/buttongroup.module.js

@@ -0,0 +1,30 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { ButtonModule } from '../button/button.module';
+import { ButtonGroupComponent } from './buttongroup.component';
+/**
+ * @hidden
+ *
+ * The exported package module.
+ *
+ * The package exports:
+ * - `ButtonGroupComponent`—The ButtonGroupComponent component class.
+ */
+var ButtonGroupModule = /** @class */ (function () {
+    function ButtonGroupModule() {
+    }
+    ButtonGroupModule = tslib_1.__decorate([
+        NgModule({
+            declarations: [ButtonGroupComponent],
+            exports: [ButtonGroupComponent],
+            imports: [CommonModule, ButtonModule]
+        })
+    ], ButtonGroupModule);
+    return ButtonGroupModule;
+}());
+export { ButtonGroupModule };

package/{esm2015 → dist/es}/buttons.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 { ButtonModule } from './button/button.module';
 import { ButtonGroupModule } from './buttongroup/buttongroup.module';
@@ -9,7 +10,6 @@ import { SplitButtonModule } from './splitbutton/splitbutton.module';
 import { DropDownButtonModule } from './dropdownbutton/dropdownbutton.module';
 import { ChipModule } from './chip/chip.module';
 import { FloatingActionButtonModule } from './floatingactionbutton/floatingactionbutton.module';
-import * as i0 from "@angular/core";
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmodules'] }})
  * definition for the Buttons components.
@@ -41,14 +41,14 @@ import * as i0 from "@angular/core";
  *
  * ```
  */
-export class ButtonsModule {
-}
-ButtonsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ButtonsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ButtonsModule, exports: [ButtonGroupModule, ButtonModule, SplitButtonModule, DropDownButtonModule, ChipModule, FloatingActionButtonModule] });
-ButtonsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ButtonsModule, imports: [ButtonGroupModule, ButtonModule, SplitButtonModule, DropDownButtonModule, ChipModule, FloatingActionButtonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ButtonsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [ButtonGroupModule, ButtonModule, SplitButtonModule, DropDownButtonModule, ChipModule, FloatingActionButtonModule]
-                }]
-        }] });
+var ButtonsModule = /** @class */ (function () {
+    function ButtonsModule() {
+    }
+    ButtonsModule = tslib_1.__decorate([
+        NgModule({
+            exports: [ButtonGroupModule, ButtonModule, SplitButtonModule, DropDownButtonModule, ChipModule, FloatingActionButtonModule]
+        })
+    ], ButtonsModule);
+    return ButtonsModule;
+}());
+export { ButtonsModule };

package/{esm2015 → dist/es}/chip/chip-content-click-event-args.interface.js

@@ -2,4 +2,3 @@
 * 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 → dist/es}/chip/chip-list-remove-event-args.interface.js

@@ -2,4 +2,3 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-export {};