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

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

@@ -0,0 +1,85 @@
+/**-----------------------------------------------------------------------------------------
+* 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, Output, EventEmitter } from '@angular/core';
+import { validatePackage } from '@progress/kendo-licensing';
+import { packageMetadata } from '../package-metadata';
+import { ButtonItemTemplateDirective } from './button-item-template.directive';
+import { SIZES } from '../util';
+/**
+ * @hidden
+ */
+var ListComponent = /** @class */ (function () {
+    function ListComponent() {
+        this.onItemClick = new EventEmitter();
+        this.onItemBlur = new EventEmitter();
+        this.sizeClass = '';
+        validatePackage(packageMetadata);
+    }
+    Object.defineProperty(ListComponent.prototype, "size", {
+        set: function (size) {
+            if (size) {
+                this.sizeClass = "k-menu-group-" + 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([
+        Input(),
+        tslib_1.__metadata("design:type", Array)
+    ], ListComponent.prototype, "data", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], ListComponent.prototype, "textField", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", ButtonItemTemplateDirective)
+    ], ListComponent.prototype, "itemTemplate", void 0);
+    tslib_1.__decorate([
+        Output(),
+        tslib_1.__metadata("design:type", EventEmitter)
+    ], ListComponent.prototype, "onItemClick", void 0);
+    tslib_1.__decorate([
+        Output(),
+        tslib_1.__metadata("design:type", EventEmitter)
+    ], ListComponent.prototype, "onItemBlur", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [String])
+    ], ListComponent.prototype, "size", null);
+    ListComponent = tslib_1.__decorate([
+        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;
+}());
+export { ListComponent };

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

@@ -0,0 +1,33 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ListComponent } from './list.component';
+import { FocusableDirective } from './../focusable/focusable.directive';
+import { ButtonItemTemplateDirective } from './button-item-template.directive';
+import { TemplateContextDirective } from './template-context.directive';
+var EXPORTED_DIRECTIVES = [
+    ListComponent,
+    FocusableDirective,
+    ButtonItemTemplateDirective,
+    TemplateContextDirective
+];
+/**
+ * @hidden
+ */
+var ListModule = /** @class */ (function () {
+    function ListModule() {
+    }
+    ListModule = tslib_1.__decorate([
+        NgModule({
+            declarations: [EXPORTED_DIRECTIVES],
+            exports: [EXPORTED_DIRECTIVES],
+            imports: [CommonModule]
+        })
+    ], ListModule);
+    return ListModule;
+}());
+export { ListModule };

package/{esm2015 → dist/es}/listbutton/popup-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/listbutton/template-context.directive.js

@@ -0,0 +1,40 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { Directive, ViewContainerRef, Input } from '@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([
+        Input(),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], TemplateContextDirective.prototype, "templateContext", null);
+    TemplateContextDirective = tslib_1.__decorate([
+        Directive({
+            selector: '[templateContext]' // tslint:disable-line:directive-selector
+        }),
+        tslib_1.__metadata("design:paramtypes", [ViewContainerRef])
+    ], TemplateContextDirective);
+    return TemplateContextDirective;
+}());
+export { TemplateContextDirective };

package/{esm2015 → dist/es}/main.js

@@ -9,12 +9,9 @@ export { ButtonModule } from './button/button.module';
 export { ButtonsModule } from './buttons.module';
 export { SplitButtonComponent, SplitButtonComponent as SplitButton } from './splitbutton/splitbutton.component';
 export { SplitButtonModule } from './splitbutton/splitbutton.module';
+export { SplitButtonCustomMessagesComponent } from './splitbutton/localization/custom-messages.component';
 export { DropDownButtonComponent, DropDownButtonComponent as DropDownButton } from './dropdownbutton/dropdownbutton.component';
 export { DropDownButtonModule } from './dropdownbutton/dropdownbutton.module';
-export { ButtonItemTemplateDirective } from './listbutton/button-item-template.directive';
-export { ListComponent } from './listbutton/list.component';
-export { TemplateContextDirective } from './listbutton/template-context.directive';
-export { ListModule } from './listbutton/list.module';
 export { ChipComponent } from './chip/chip.component';
 export { ChipListComponent } from './chip/chip-list.component';
 export { ChipModule } from './chip/chip.module';
@@ -23,4 +20,3 @@ export { FloatingActionButtonModule } from './floatingactionbutton/floatingactio
 export { FloatingActionButtonComponent } from './floatingactionbutton/floatingactionbutton.component';
 export { FloatingActionButtonTemplateDirective } from './floatingactionbutton/templates/fab-template.directive';
 export { DialItemTemplateDirective } from './floatingactionbutton/templates/dial-item-template.directive';
-export { FocusableDirective } from './focusable/focusable.directive';

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

@@ -0,0 +1,9 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { InjectionToken } from '@angular/core';
+/**
+ * @hidden
+ */
+export var NAVIGATION_CONFIG = new InjectionToken('navigation.config');

package/dist/es/navigation/navigation.service.js

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

package/dist/es/package-metadata.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
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export var 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'
+};

package/dist/es/preventable-event.js

@@ -0,0 +1,29 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+var PreventableEvent = /** @class */ (function () {
+    function PreventableEvent() {
+        this.prevented = false;
+    }
+    /**
+     * Prevents the default action for a specified event.
+     * In this way, the source component suppresses the built-in behavior that follows the event.
+     */
+    PreventableEvent.prototype.preventDefault = function () {
+        this.prevented = true;
+    };
+    /**
+     * If the event is prevented by any of its subscribers, returns `true`.
+     *
+     * @returns `true` if the default action was prevented. Otherwise, returns `false`.
+     */
+    PreventableEvent.prototype.isDefaultPrevented = function () {
+        return this.prevented;
+    };
+    return PreventableEvent;
+}());
+export { PreventableEvent };

package/dist/es/splitbutton/localization/custom-messages.component.js

@@ -0,0 +1,44 @@
+/**-----------------------------------------------------------------------------------------
+* 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, forwardRef } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { Messages } from './messages';
+/**
+ * Custom component messages override default component messages
+ * ([see example]({% slug rtl_buttons %}).
+ */
+var SplitButtonCustomMessagesComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(SplitButtonCustomMessagesComponent, _super);
+    function SplitButtonCustomMessagesComponent(service) {
+        var _this = _super.call(this) || this;
+        _this.service = service;
+        return _this;
+    }
+    SplitButtonCustomMessagesComponent_1 = SplitButtonCustomMessagesComponent;
+    Object.defineProperty(SplitButtonCustomMessagesComponent.prototype, "override", {
+        get: function () {
+            return true;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    var SplitButtonCustomMessagesComponent_1;
+    SplitButtonCustomMessagesComponent = SplitButtonCustomMessagesComponent_1 = tslib_1.__decorate([
+        Component({
+            providers: [
+                {
+                    provide: Messages,
+                    useExisting: forwardRef(function () { return SplitButtonCustomMessagesComponent_1; })
+                }
+            ],
+            selector: 'kendo-splitbutton-messages',
+            template: ""
+        }),
+        tslib_1.__metadata("design:paramtypes", [LocalizationService])
+    ], SplitButtonCustomMessagesComponent);
+    return SplitButtonCustomMessagesComponent;
+}(Messages));
+export { SplitButtonCustomMessagesComponent };

package/dist/es/splitbutton/localization/localized-messages.directive.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
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Directive, forwardRef } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { Messages } from './messages';
+/**
+ * @hidden
+ */
+var LocalizedSplitButtonMessagesDirective = /** @class */ (function (_super) {
+    tslib_1.__extends(LocalizedSplitButtonMessagesDirective, _super);
+    function LocalizedSplitButtonMessagesDirective(service) {
+        var _this = _super.call(this) || this;
+        _this.service = service;
+        return _this;
+    }
+    LocalizedSplitButtonMessagesDirective_1 = LocalizedSplitButtonMessagesDirective;
+    var LocalizedSplitButtonMessagesDirective_1;
+    LocalizedSplitButtonMessagesDirective = LocalizedSplitButtonMessagesDirective_1 = tslib_1.__decorate([
+        Directive({
+            providers: [
+                {
+                    provide: Messages,
+                    useExisting: forwardRef(function () { return LocalizedSplitButtonMessagesDirective_1; })
+                }
+            ],
+            selector: '[kendoSplitButtonLocalizedMessages]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [LocalizationService])
+    ], LocalizedSplitButtonMessagesDirective);
+    return LocalizedSplitButtonMessagesDirective;
+}(Messages));
+export { LocalizedSplitButtonMessagesDirective };

package/dist/es/splitbutton/localization/messages.js

@@ -0,0 +1,22 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { Input } from '@angular/core';
+import { ComponentMessages } from '@progress/kendo-angular-l10n';
+/**
+ * @hidden
+ */
+var Messages = /** @class */ (function (_super) {
+    tslib_1.__extends(Messages, _super);
+    function Messages() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], Messages.prototype, "splitButtonLabel", void 0);
+    return Messages;
+}(ComponentMessages));
+export { Messages };