@progress/kendo-angular-buttons 6.4.0 → 7.0.0-next.202111120840

package/dist/es/buttongroup/buttongroup.component.js

@@ -1,402 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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';
-/**
- * @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';
-        /**
-         * Changes the visual appearance by using alternative styling options
-         * ([more information and examples]({% slug styling_buttongroup %})).
-         * The `look` property of the ButtonGroup takes precedence over the `look` property
-         * of the individual buttons that are part of the group.
-         *
-         * The available values are:
-         * * `flat`
-         * * `outline`
-         */
-        this.look = 'default';
-        /**
-         * Fires every time keyboard navigation occurs.
-         */
-        this.navigate = new EventEmitter();
-        this._tabIndex = 0;
-        this.currentTabIndex = 0;
-        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, "isFlat", {
-        get: function () {
-            return this.look === 'flat';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ButtonGroupComponent.prototype, "isBare", {
-        get: function () {
-            return this.look === 'bare';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ButtonGroupComponent.prototype, "isOutline", {
-        get: function () {
-            return this.look === 'outline';
-        },
-        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.service.setButtonLook(this.look);
-        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", String)
-    ], ButtonGroupComponent.prototype, "look", 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-state-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('class.k-button-group-flat'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonGroupComponent.prototype, "isFlat", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-button-group-bare'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonGroupComponent.prototype, "isBare", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-button-group-outline'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonGroupComponent.prototype, "isOutline", 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

@@ -1,30 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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/dist/es/chip/chip-content-click-event-args.interface.js

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

package/dist/es/chip/chip-list-remove-event-args.interface.js

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

package/dist/es/chip/chip-list.component.js

@@ -1,164 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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, Input, HostBinding, ContentChildren, QueryList, EventEmitter, Output, HostListener, Renderer2 } from '@angular/core';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { ChipComponent } from './chip.component';
-import { closest } from '../util';
-var ChipListComponent = /** @class */ (function () {
-    function ChipListComponent(localizationService, renderer) {
-        this.localizationService = localizationService;
-        this.renderer = renderer;
-        this.hostClass = true;
-        /**
-         * Sets the selection mode of the ChipList.
-         *
-         * The available values are:
-         * * `none` (default)
-         * * `single`
-         * * `multiple`
-         */
-        this.selection = 'none';
-        /**
-         * Fires each time when the ChipList selection is changed.
-         */
-        this.selectedChange = new EventEmitter();
-        /**
-         * Fires each time the user clicks on the remove icon of the Chip.
-         */
-        this.remove = new EventEmitter();
-        this.role = 'listbox';
-        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
-    }
-    Object.defineProperty(ChipListComponent.prototype, "single", {
-        get: function () {
-            return this.selection === 'single';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ChipListComponent.prototype, "multiple", {
-        get: function () {
-            return this.selection === 'multiple';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    ChipListComponent.prototype.onClick = function ($event) {
-        var target = $event.target;
-        var isRemoveClicked = closest(target, '.k-remove-icon');
-        var clickedChip = closest(target, '.k-chip');
-        var chip = this.chips.find(function (chip) { return clickedChip === chip.element.nativeElement; });
-        if (isRemoveClicked && clickedChip) {
-            var removeEventArgs = { sender: this, originalEvent: $event, removedChip: chip };
-            this.remove.emit(removeEventArgs);
-        }
-        if (this.selection !== 'none' && clickedChip && !isRemoveClicked) {
-            this.setSelection(chip);
-        }
-    };
-    ChipListComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.dynamicRTLSubscription = this.localizationService.changes
-            .subscribe(function (_a) {
-            var rtl = _a.rtl;
-            return _this.direction = rtl ? 'rtl' : 'ltr';
-        });
-    };
-    ChipListComponent.prototype.ngAfterContentInit = function () {
-        var _this = this;
-        this.chips.forEach(function (chip) {
-            _this.renderer.setAttribute(chip.element.nativeElement, 'role', 'option');
-        });
-    };
-    ChipListComponent.prototype.ngOnDestroy = function () {
-        if (this.dynamicRTLSubscription) {
-            this.dynamicRTLSubscription.unsubscribe();
-        }
-    };
-    ChipListComponent.prototype.selectedChips = function () {
-        return this.chips.reduce(function (acc, cur, idx) { return cur.selected ? acc.concat(idx) : acc; }, []);
-    };
-    /**
-     * Updates the selection on click of a Chip. Emits events.
-     */
-    ChipListComponent.prototype.setSelection = function (chip) {
-        if (this.selection === 'single') {
-            this.clearSelection(chip);
-        }
-        chip.selected = !chip.selected;
-        this.selectedChange.emit(this.selectedChips());
-    };
-    ChipListComponent.prototype.clearSelection = function (chip) {
-        this.chips.forEach(function (c) {
-            if (chip !== c) {
-                c.selected = false;
-            }
-        });
-    };
-    tslib_1.__decorate([
-        HostBinding('class.k-chip-list'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ChipListComponent.prototype, "hostClass", void 0);
-    tslib_1.__decorate([
-        HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String)
-    ], ChipListComponent.prototype, "direction", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ChipListComponent.prototype, "selection", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ChipListComponent.prototype, "selectedChange", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ChipListComponent.prototype, "remove", void 0);
-    tslib_1.__decorate([
-        ContentChildren(ChipComponent),
-        tslib_1.__metadata("design:type", QueryList)
-    ], ChipListComponent.prototype, "chips", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-selection-single'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ChipListComponent.prototype, "single", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-selection-multiple'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ChipListComponent.prototype, "multiple", null);
-    tslib_1.__decorate([
-        HostBinding('attr.role'),
-        tslib_1.__metadata("design:type", String)
-    ], ChipListComponent.prototype, "role", void 0);
-    tslib_1.__decorate([
-        HostListener('click', ['$event']),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Object]),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], ChipListComponent.prototype, "onClick", null);
-    ChipListComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-chip-list, kendo-chiplist',
-            template: "\n        <ng-content></ng-content>\n    ",
-            providers: [
-                LocalizationService,
-                {
-                    provide: L10N_PREFIX,
-                    useValue: 'kendo.chip-list'
-                }
-            ]
-        }),
-        tslib_1.__metadata("design:paramtypes", [LocalizationService, Renderer2])
-    ], ChipListComponent);
-    return ChipListComponent;
-}());
-export { ChipListComponent };