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

package/dist/npm/listbutton/list-button.js

@@ -0,0 +1,245 @@
+/**-----------------------------------------------------------------------------------------
+* 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 });
+/* tslint:disable:deprecation */
+var rxjs_1 = require("rxjs");
+var operators_1 = require("rxjs/operators");
+var key_events_1 = require("./../navigation/key-events");
+var navigation_action_1 = require("./../navigation/navigation-action");
+var kendo_angular_common_1 = require("@progress/kendo-angular-common");
+var util_1 = require("./../util");
+var kendo_licensing_1 = require("@progress/kendo-licensing");
+var package_metadata_1 = require("../package-metadata");
+/**
+ * @hidden
+ */
+var ListButton = /** @class */ (function () {
+    function ListButton(focusService, navigationService, wrapperRef, _zone, localization, cdr) {
+        var _this = this;
+        this.focusService = focusService;
+        this.navigationService = navigationService;
+        this.wrapperRef = wrapperRef;
+        this._zone = _zone;
+        this.cdr = cdr;
+        this._open = false;
+        this._disabled = false;
+        this._active = false;
+        this._popupSettings = { animate: true, popupClass: '' };
+        this.listId = kendo_angular_common_1.guid();
+        this._isFocused = false;
+        kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
+        this.focusService = focusService;
+        this.navigationService = navigationService;
+        this.wrapper = wrapperRef.nativeElement;
+        this.localizationChangeSubscription = localization.changes.subscribe(function (_a) {
+            var rtl = _a.rtl;
+            return (_this.direction = rtl ? 'rtl' : 'ltr');
+        });
+        this.subscribeEvents();
+    }
+    Object.defineProperty(ListButton.prototype, "popupClasses", {
+        get: function () {
+            var popupClasses = ['k-menu-popup'];
+            if (this._popupSettings.popupClass) {
+                popupClasses.push(this._popupSettings.popupClass);
+            }
+            return popupClasses.join(' ');
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ListButton.prototype, "openState", {
+        get: function () {
+            return this._open;
+        },
+        set: function (open) {
+            this._open = open;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * @hidden
+     */
+    ListButton.prototype.togglePopupVisibility = function () {
+        if (this._disabled) {
+            return;
+        }
+        this.openState = !this.openState;
+        if (!this.openState) {
+            this.focusService.focus(-1);
+        }
+    };
+    /**
+     * @hidden
+     */
+    ListButton.prototype.onItemClick = function (index) {
+        var _this = this;
+        this.emitItemClickHandler(index);
+        setTimeout(function () { return _this.focusWrapper(); }, 1);
+    };
+    ListButton.prototype.ngOnDestroy = function () {
+        this.openState = false;
+        this.unsubscribeEvents();
+        clearTimeout(this.focusFirstTimeout);
+        clearTimeout(this.blurTimeout);
+        if (this.localizationChangeSubscription) {
+            this.localizationChangeSubscription.unsubscribe();
+        }
+    };
+    ListButton.prototype.subscribeEvents = function () {
+        if (!kendo_angular_common_1.isDocumentAvailable()) {
+            return;
+        }
+        this.subscribeListItemFocusEvent();
+        this.subscribeComponentBlurredEvent();
+        this.subscribeNavigationEvents();
+    };
+    ListButton.prototype.subscribeListItemFocusEvent = function () {
+        var _this = this;
+        this.focusSubscription = this.focusService.onFocus.subscribe(function () {
+            _this._isFocused = true;
+        });
+    };
+    ListButton.prototype.subscribeComponentBlurredEvent = function () {
+        var _this = this;
+        this._zone.runOutsideAngular(function () {
+            _this.tabSubscription = _this.navigationService.tab.pipe(operators_1.filter(function () { return _this._isFocused; })).subscribe(_this.handleTab.bind(_this));
+            _this.componentBlurredSubscription = rxjs_1.fromEvent(document, 'click')
+                .pipe(operators_1.filter(function (event) { return !_this.wrapperContains(event.target); }), operators_1.filter(function () { return _this._isFocused; }))
+                .subscribe(function () { return _this._zone.run(function () { return _this.blurWrapper(); }); });
+        });
+    };
+    ListButton.prototype.subscribeNavigationEvents = function () {
+        var _this = this;
+        this.navigationSubscription = this.navigationService.navigate.subscribe(this.focusService.focus.bind(this.focusService));
+        this.enterUpSubscription = this.navigationService.enterup.subscribe(function () {
+            _this.enterHandler();
+            _this.focusWrapper();
+        });
+        this.openSubscription = this.navigationService.open.subscribe(function () {
+            if (!_this._open) {
+                _this.togglePopupVisibility();
+                _this.focusFirstItem();
+            }
+            else {
+                _this.focusWrapper();
+            }
+        });
+        this.closeSubscription = rxjs_1.merge(this.navigationService.close, this.navigationService.esc).subscribe(function () { return _this.focusWrapper(); });
+    };
+    ListButton.prototype.enterHandler = function () { }; // tslint:disable-line
+    ListButton.prototype.unsubscribeEvents = function () {
+        if (!kendo_angular_common_1.isDocumentAvailable()) {
+            return;
+        }
+        this.unsubscribe(this.componentBlurredSubscription);
+        this.unsubscribe(this.focusSubscription);
+        this.unsubscribe(this.navigationSubscription);
+        this.unsubscribe(this.enterPressSubscription);
+        this.unsubscribe(this.enterUpSubscription);
+        this.unsubscribe(this.openSubscription);
+        this.unsubscribe(this.closeSubscription);
+        this.unsubscribe(this.tabSubscription);
+    };
+    ListButton.prototype.unsubscribe = function (subscription) {
+        if (subscription) {
+            subscription.unsubscribe();
+        }
+    };
+    /**
+     * @hidden
+     */
+    ListButton.prototype.keyDownHandler = function (event) {
+        this.keyHandler(event);
+    };
+    /**
+     * @hidden
+     */
+    ListButton.prototype.keyPressHandler = function (event) {
+        this.keyHandler(event, key_events_1.KeyEvents.keypress);
+    };
+    /**
+     * @hidden
+     */
+    ListButton.prototype.keyUpHandler = function (event) {
+        this.keyHandler(event, key_events_1.KeyEvents.keyup);
+    };
+    /**
+     * @hidden
+     */
+    ListButton.prototype.keyHandler = function (event, keyEvent) {
+        if (this._disabled) {
+            return;
+        }
+        var focused = this.focusService.focused || 0;
+        var eventData = event;
+        var action = this.navigationService.process({
+            altKey: eventData.altKey,
+            current: focused,
+            keyCode: eventData.keyCode,
+            keyEvent: keyEvent,
+            max: this._data ? this._data.length - 1 : 0,
+            min: 0
+        });
+        if (action !== navigation_action_1.NavigationAction.Undefined &&
+            action !== navigation_action_1.NavigationAction.Tab &&
+            (action !== navigation_action_1.NavigationAction.Enter || (action === navigation_action_1.NavigationAction.Enter && this._open))) {
+            if (event.keyCode === kendo_angular_common_1.Keys.Space && action === navigation_action_1.NavigationAction.EnterUp) {
+                this._open = false;
+            }
+            else {
+                eventData.preventDefault();
+            }
+        }
+    };
+    ListButton.prototype.emitItemClickHandler = function (index) {
+        var dataItem = this._data[index];
+        if (this._itemClick) {
+            this._itemClick.emit(dataItem);
+        }
+        if (dataItem && dataItem.click && !dataItem.disabled) {
+            dataItem.click(dataItem);
+        }
+    };
+    ListButton.prototype.focusFirstItem = function () {
+        var _this = this;
+        if (this._data && util_1.isPresent(this._data[0])) {
+            this.focusFirstTimeout = setTimeout(function () { return _this.focusService.focus(0); }, 1);
+        }
+    };
+    ListButton.prototype.focusWrapper = function () {
+        if (this._open) {
+            this.togglePopupVisibility();
+            this.focusButton();
+        }
+    };
+    ListButton.prototype.wrapperContains = function (element) {
+        return this.wrapper === element || this.wrapper.contains(element);
+    };
+    ListButton.prototype.blurWrapper = function (emit) {
+        if (emit === void 0) { emit = true; }
+        if (this._open) {
+            this.togglePopupVisibility();
+        }
+        this._isFocused = false;
+        if (emit) {
+            this._blur.emit();
+            this.cdr.markForCheck();
+        }
+    };
+    ListButton.prototype.focusButton = function () {
+        if (this.button) {
+            this.button.nativeElement.focus();
+        }
+    };
+    ListButton.prototype.handleTab = function () {
+        this.focusButton();
+        this.blurWrapper(false);
+    };
+    return ListButton;
+}());
+exports.ListButton = ListButton;

package/dist/npm/listbutton/list-item-model.js

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* 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 });

package/dist/npm/listbutton/list.component.js

@@ -0,0 +1,87 @@
+/**-----------------------------------------------------------------------------------------
+* 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_licensing_1 = require("@progress/kendo-licensing");
+var package_metadata_1 = require("../package-metadata");
+var button_item_template_directive_1 = require("./button-item-template.directive");
+var util_1 = require("../util");
+/**
+ * @hidden
+ */
+var ListComponent = /** @class */ (function () {
+    function ListComponent() {
+        this.onItemClick = new core_1.EventEmitter();
+        this.onItemBlur = new core_1.EventEmitter();
+        this.sizeClass = '';
+        kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
+    }
+    Object.defineProperty(ListComponent.prototype, "size", {
+        set: function (size) {
+            if (size) {
+                this.sizeClass = "k-menu-group-" + util_1.SIZES[size];
+            }
+            else {
+                this.sizeClass = '';
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    ListComponent.prototype.getText = function (dataItem) {
+        if (dataItem) {
+            return this.textField ? dataItem[this.textField] : dataItem.text || dataItem;
+        }
+        return undefined;
+    };
+    ListComponent.prototype.getIconClasses = function (dataItem) {
+        var icon = dataItem.icon ? 'k-icon k-i-' + dataItem.icon : undefined;
+        var classes = {};
+        classes[icon || dataItem.iconClass] = true;
+        return classes;
+    };
+    ListComponent.prototype.onClick = function (index) {
+        this.onItemClick.emit(index);
+    };
+    ListComponent.prototype.onBlur = function () {
+        this.onItemBlur.emit();
+    };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Array)
+    ], ListComponent.prototype, "data", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], ListComponent.prototype, "textField", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", button_item_template_directive_1.ButtonItemTemplateDirective)
+    ], ListComponent.prototype, "itemTemplate", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], ListComponent.prototype, "onItemClick", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], ListComponent.prototype, "onItemBlur", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [String])
+    ], ListComponent.prototype, "size", null);
+    ListComponent = tslib_1.__decorate([
+        core_1.Component({
+            selector: 'kendo-button-list',
+            template: "\n        <ul class=\"k-group k-menu-group k-reset\" [ngClass]=\"sizeClass\" unselectable=\"on\" role=\"menu\">\n            <li role=\"menuitem\" unselectable=\"on\"\n                kendoButtonFocusable\n                *ngFor=\"let dataItem of data; let index = index;\"\n                class=\"k-item k-menu-item\"\n                (click)=\"onClick(index)\"\n                (blur)=\"onBlur()\"\n                [attr.aria-disabled]=\"dataItem.disabled ? true : false\">\n                <ng-template [ngIf]=\"itemTemplate?.templateRef\">\n                    <span kendoButtonFocusable [index]=\"index\" class=\"k-link k-menu-link\" [class.k-disabled]=\"dataItem.disabled\" tabindex=\"-1\">\n                        <ng-template [templateContext]=\"{templateRef: itemTemplate?.templateRef, $implicit: dataItem}\"></ng-template>\n                    </span>\n                </ng-template>\n                <ng-template [ngIf]=\"!itemTemplate?.templateRef\">\n                    <span kendoButtonFocusable [index]=\"index\" class=\"k-link k-menu-link\" [class.k-disabled]=\"dataItem.disabled\" tabindex=\"-1\">\n                        <span\n                            *ngIf=\"dataItem.icon || dataItem.iconClass\"\n                            [ngClass]=\"getIconClasses(dataItem)\"\n                        ></span>\n                        <img\n                            *ngIf=\"dataItem.imageUrl\"\n                            class=\"k-image\"\n                            [src]=\"dataItem.imageUrl\"\n                            alt=\"\"\n                        >\n                        <span *ngIf=\"getText(dataItem)\" class=\"k-menu-link-text\">\n                        {{ getText(dataItem) }}\n                        </span>\n                    </span>\n                </ng-template>\n            </li>\n        </ul>\n      "
+        }),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], ListComponent);
+    return ListComponent;
+}());
+exports.ListComponent = ListComponent;

package/dist/npm/listbutton/list.module.js

@@ -0,0 +1,35 @@
+/**-----------------------------------------------------------------------------------------
+* 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 list_component_1 = require("./list.component");
+var focusable_directive_1 = require("./../focusable/focusable.directive");
+var button_item_template_directive_1 = require("./button-item-template.directive");
+var template_context_directive_1 = require("./template-context.directive");
+var EXPORTED_DIRECTIVES = [
+    list_component_1.ListComponent,
+    focusable_directive_1.FocusableDirective,
+    button_item_template_directive_1.ButtonItemTemplateDirective,
+    template_context_directive_1.TemplateContextDirective
+];
+/**
+ * @hidden
+ */
+var ListModule = /** @class */ (function () {
+    function ListModule() {
+    }
+    ListModule = tslib_1.__decorate([
+        core_1.NgModule({
+            declarations: [EXPORTED_DIRECTIVES],
+            exports: [EXPORTED_DIRECTIVES],
+            imports: [common_1.CommonModule]
+        })
+    ], ListModule);
+    return ListModule;
+}());
+exports.ListModule = ListModule;

package/dist/npm/listbutton/popup-settings.js

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* 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 });

package/dist/npm/listbutton/template-context.directive.js

@@ -0,0 +1,42 @@
+/**-----------------------------------------------------------------------------------------
+* 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");
+/**
+ * @hidden
+ */
+var TemplateContextDirective = /** @class */ (function () {
+    function TemplateContextDirective(viewContainerRef) {
+        this.viewContainerRef = viewContainerRef;
+    }
+    Object.defineProperty(TemplateContextDirective.prototype, "templateContext", {
+        set: function (context) {
+            if (this.insertedViewRef) {
+                this.viewContainerRef.remove(this.viewContainerRef.indexOf(this.insertedViewRef));
+                this.insertedViewRef = undefined;
+            }
+            if (context.templateRef) {
+                this.insertedViewRef = this.viewContainerRef.createEmbeddedView(context.templateRef, context);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], TemplateContextDirective.prototype, "templateContext", null);
+    TemplateContextDirective = tslib_1.__decorate([
+        core_1.Directive({
+            selector: '[templateContext]' // tslint:disable-line:directive-selector
+        }),
+        tslib_1.__metadata("design:paramtypes", [core_1.ViewContainerRef])
+    ], TemplateContextDirective);
+    return TemplateContextDirective;
+}());
+exports.TemplateContextDirective = TemplateContextDirective;

package/dist/npm/main.js

@@ -0,0 +1,45 @@
+/**-----------------------------------------------------------------------------------------
+* 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 button_directive_1 = require("./button/button.directive");
+exports.ButtonDirective = button_directive_1.ButtonDirective;
+exports.Button = button_directive_1.ButtonDirective;
+var buttongroup_component_1 = require("./buttongroup/buttongroup.component");
+exports.ButtonGroupComponent = buttongroup_component_1.ButtonGroupComponent;
+exports.ButtonGroup = buttongroup_component_1.ButtonGroupComponent;
+var buttongroup_module_1 = require("./buttongroup/buttongroup.module");
+exports.ButtonGroupModule = buttongroup_module_1.ButtonGroupModule;
+var button_module_1 = require("./button/button.module");
+exports.ButtonModule = button_module_1.ButtonModule;
+var buttons_module_1 = require("./buttons.module");
+exports.ButtonsModule = buttons_module_1.ButtonsModule;
+var splitbutton_component_1 = require("./splitbutton/splitbutton.component");
+exports.SplitButtonComponent = splitbutton_component_1.SplitButtonComponent;
+exports.SplitButton = splitbutton_component_1.SplitButtonComponent;
+var splitbutton_module_1 = require("./splitbutton/splitbutton.module");
+exports.SplitButtonModule = splitbutton_module_1.SplitButtonModule;
+var custom_messages_component_1 = require("./splitbutton/localization/custom-messages.component");
+exports.SplitButtonCustomMessagesComponent = custom_messages_component_1.SplitButtonCustomMessagesComponent;
+var dropdownbutton_component_1 = require("./dropdownbutton/dropdownbutton.component");
+exports.DropDownButtonComponent = dropdownbutton_component_1.DropDownButtonComponent;
+exports.DropDownButton = dropdownbutton_component_1.DropDownButtonComponent;
+var dropdownbutton_module_1 = require("./dropdownbutton/dropdownbutton.module");
+exports.DropDownButtonModule = dropdownbutton_module_1.DropDownButtonModule;
+var chip_component_1 = require("./chip/chip.component");
+exports.ChipComponent = chip_component_1.ChipComponent;
+var chip_list_component_1 = require("./chip/chip-list.component");
+exports.ChipListComponent = chip_list_component_1.ChipListComponent;
+var chip_module_1 = require("./chip/chip.module");
+exports.ChipModule = chip_module_1.ChipModule;
+// Floating Action Button
+var floatingactionbutton_module_1 = require("./floatingactionbutton/floatingactionbutton.module");
+exports.FloatingActionButtonModule = floatingactionbutton_module_1.FloatingActionButtonModule;
+var floatingactionbutton_component_1 = require("./floatingactionbutton/floatingactionbutton.component");
+exports.FloatingActionButtonComponent = floatingactionbutton_component_1.FloatingActionButtonComponent;
+var fab_template_directive_1 = require("./floatingactionbutton/templates/fab-template.directive");
+exports.FloatingActionButtonTemplateDirective = fab_template_directive_1.FloatingActionButtonTemplateDirective;
+var dial_item_template_directive_1 = require("./floatingactionbutton/templates/dial-item-template.directive");
+exports.DialItemTemplateDirective = dial_item_template_directive_1.DialItemTemplateDirective;

package/dist/npm/navigation/key-events.js

@@ -0,0 +1,15 @@
+/**-----------------------------------------------------------------------------------------
+* 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 });
+/**
+ * @hidden
+ */
+var KeyEvents;
+(function (KeyEvents) {
+    KeyEvents[KeyEvents["keydown"] = 0] = "keydown";
+    KeyEvents[KeyEvents["keypress"] = 1] = "keypress";
+    KeyEvents[KeyEvents["keyup"] = 2] = "keyup";
+})(KeyEvents = exports.KeyEvents || (exports.KeyEvents = {}));

package/dist/npm/navigation/navigation-action.js

@@ -0,0 +1,21 @@
+/**-----------------------------------------------------------------------------------------
+* 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 });
+/**
+ * @hidden
+ */
+var NavigationAction;
+(function (NavigationAction) {
+    NavigationAction[NavigationAction["Undefined"] = 0] = "Undefined";
+    NavigationAction[NavigationAction["Open"] = 1] = "Open";
+    NavigationAction[NavigationAction["Close"] = 2] = "Close";
+    NavigationAction[NavigationAction["Enter"] = 3] = "Enter";
+    NavigationAction[NavigationAction["EnterPress"] = 4] = "EnterPress";
+    NavigationAction[NavigationAction["EnterUp"] = 5] = "EnterUp";
+    NavigationAction[NavigationAction["Tab"] = 6] = "Tab";
+    NavigationAction[NavigationAction["Esc"] = 7] = "Esc";
+    NavigationAction[NavigationAction["Navigate"] = 8] = "Navigate";
+})(NavigationAction = exports.NavigationAction || (exports.NavigationAction = {}));

package/dist/npm/navigation/navigation-config.js

@@ -0,0 +1,11 @@
+/**-----------------------------------------------------------------------------------------
+* 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 core_1 = require("@angular/core");
+/**
+ * @hidden
+ */
+exports.NAVIGATION_CONFIG = new core_1.InjectionToken('navigation.config');

package/dist/npm/navigation/navigation.service.js

@@ -0,0 +1,116 @@
+/**-----------------------------------------------------------------------------------------
+* 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 util_1 = require("./../util");
+var key_events_1 = require("./key-events");
+var kendo_angular_common_1 = require("@progress/kendo-angular-common");
+var navigation_action_1 = require("./navigation-action");
+var navigation_config_1 = require("./navigation-config");
+/**
+ * @hidden
+ */
+var NavigationService = /** @class */ (function () {
+    function NavigationService(config) {
+        this.navigate = new core_1.EventEmitter();
+        this.open = new core_1.EventEmitter();
+        this.close = new core_1.EventEmitter();
+        this.enter = new core_1.EventEmitter();
+        this.enterpress = new core_1.EventEmitter();
+        this.enterup = new core_1.EventEmitter();
+        this.tab = new core_1.EventEmitter();
+        this.esc = new core_1.EventEmitter();
+        this.useLeftRightArrows = config.useLeftRightArrows;
+    }
+    NavigationService.prototype.process = function (args) {
+        var keyCode = args.keyCode;
+        var keyEvent = args.keyEvent;
+        var index;
+        var action = navigation_action_1.NavigationAction.Undefined;
+        if (keyEvent === key_events_1.KeyEvents.keypress) {
+            if (this.isEnter(keyCode)) {
+                action = navigation_action_1.NavigationAction.EnterPress;
+            }
+        }
+        else if (keyEvent === key_events_1.KeyEvents.keyup) {
+            if (this.isEnter(keyCode)) {
+                action = navigation_action_1.NavigationAction.EnterUp;
+            }
+        }
+        else {
+            if (args.altKey && keyCode === kendo_angular_common_1.Keys.ArrowDown) {
+                action = navigation_action_1.NavigationAction.Open;
+            }
+            else if (args.altKey && keyCode === kendo_angular_common_1.Keys.ArrowUp) {
+                action = navigation_action_1.NavigationAction.Close;
+            }
+            else if (this.isEnter(keyCode)) {
+                action = navigation_action_1.NavigationAction.Enter;
+            }
+            else if (keyCode === kendo_angular_common_1.Keys.Escape) {
+                action = navigation_action_1.NavigationAction.Esc;
+            }
+            else if (keyCode === kendo_angular_common_1.Keys.Tab) {
+                action = navigation_action_1.NavigationAction.Tab;
+            }
+            else if (keyCode === kendo_angular_common_1.Keys.ArrowUp || (this.useLeftRightArrows && keyCode === kendo_angular_common_1.Keys.ArrowLeft)) {
+                var step = args.flipNavigation ? 1 : -1;
+                var start = args.flipNavigation ? args.min : args.max;
+                var end = args.flipNavigation ? args.max : args.min;
+                index = this.next({
+                    current: args.current,
+                    start: start,
+                    end: end,
+                    step: step
+                });
+                action = navigation_action_1.NavigationAction.Navigate;
+            }
+            else if (keyCode === kendo_angular_common_1.Keys.ArrowDown || (this.useLeftRightArrows && keyCode === kendo_angular_common_1.Keys.ArrowRight)) {
+                var step = args.flipNavigation ? -1 : 1;
+                var start = args.flipNavigation ? args.max : args.min;
+                var end = args.flipNavigation ? args.min : args.max;
+                index = this.next({
+                    current: args.current,
+                    start: start,
+                    end: end,
+                    step: step
+                });
+                action = navigation_action_1.NavigationAction.Navigate;
+            }
+            else if (keyCode === kendo_angular_common_1.Keys.Home) {
+                index = args.min;
+                action = navigation_action_1.NavigationAction.Navigate;
+            }
+            else if (keyCode === kendo_angular_common_1.Keys.End) {
+                index = args.max;
+                action = navigation_action_1.NavigationAction.Navigate;
+            }
+        }
+        if (action !== navigation_action_1.NavigationAction.Undefined) {
+            this[navigation_action_1.NavigationAction[action].toLowerCase()].emit(index);
+        }
+        return action;
+    };
+    NavigationService.prototype.isEnter = function (keyCode) {
+        return keyCode === kendo_angular_common_1.Keys.Enter || keyCode === kendo_angular_common_1.Keys.Space;
+    };
+    NavigationService.prototype.next = function (args) {
+        if (!util_1.isPresent(args.current)) {
+            return args.start;
+        }
+        else {
+            return args.current !== args.end ? args.current + args.step : args.end;
+        }
+    };
+    NavigationService = tslib_1.__decorate([
+        core_1.Injectable(),
+        tslib_1.__param(0, core_1.Inject(navigation_config_1.NAVIGATION_CONFIG)),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], NavigationService);
+    return NavigationService;
+}());
+exports.NavigationService = NavigationService;

package/dist/npm/package-metadata.js

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* 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 });
+/**
+ * @hidden
+ */
+exports.packageMetadata = {
+    name: '@progress/kendo-angular-buttons',
+    productName: 'Kendo UI for Angular',
+    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
+    publishDate: 1642682008,
+    version: '',
+    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
+};