@progress/kendo-angular-buttons 7.0.1 → 8.0.0-next.202202091348

package/dist/es/floatingactionbutton/floatingactionbutton.module.js

@@ -1,65 +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 { FloatingActionButtonComponent } from './floatingactionbutton.component';
-import { DialItemTemplateDirective } from './templates/dial-item-template.directive';
-import { FloatingActionButtonTemplateDirective } from './templates/fab-template.directive';
-import { DialListComponent } from './dial-list.component';
-import { DialItemComponent } from './dial-item.component';
-import { ListModule } from '../listbutton/list.module';
-import { EventsModule } from '@progress/kendo-angular-common';
-import { PopupModule } from '@progress/kendo-angular-popup';
-var exportedModules = [
-    FloatingActionButtonComponent,
-    DialItemTemplateDirective,
-    FloatingActionButtonTemplateDirective
-];
-var declarations = exportedModules.concat([
-    DialListComponent,
-    DialItemComponent
-]);
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the FloatingActionButton component.
- *
- * @example
- *
- * ```ts-no-run
- * // Import the FloatingActionButton module
- * import { FloatingActionButtonModule } from '@progress/kendo-angular-buttons';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
- * import { NgModule } from '@angular/core';
- *
- * // Import the app component
- * import { AppComponent } from './app.component';
- *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, FloatingActionButtonModule], // import FloatingActionButton module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- *
- * ```
- */
-var FloatingActionButtonModule = /** @class */ (function () {
-    function FloatingActionButtonModule() {
-    }
-    FloatingActionButtonModule = tslib_1.__decorate([
-        NgModule({
-            declarations: [declarations],
-            exports: [exportedModules],
-            imports: [CommonModule, PopupModule, ListModule, EventsModule]
-        })
-    ], FloatingActionButtonModule);
-    return FloatingActionButtonModule;
-}());
-export { FloatingActionButtonModule };

package/dist/es/floatingactionbutton/templates/dial-item-template.directive.js

@@ -1,26 +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 { Directive, Optional, TemplateRef } from '@angular/core';
-/**
- * Represents a template that defines the content of the whole dial item.
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoDialItemTemplate` directive inside the `<kendo-floatingactionbutton>` tag
- * ([see example]({% slug templates_floatingactionbutton %}#toc-dial-item-template)).
- */
-var DialItemTemplateDirective = /** @class */ (function () {
-    function DialItemTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    DialItemTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoDialItemTemplate]'
-        }),
-        tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], DialItemTemplateDirective);
-    return DialItemTemplateDirective;
-}());
-export { DialItemTemplateDirective };

package/dist/es/floatingactionbutton/templates/fab-template.directive.js

@@ -1,26 +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 { Directive, Optional, TemplateRef } from '@angular/core';
-/**
- * Represents a template that defines the content of the FloatingActionButton.
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoFloatingActionButtonTemplate` directive inside the `<kendo-floatingactionbutton>` tag
- * ([see example]({% slug templates_floatingactionbutton %}#toc-floatingactionbutton-template)).
- */
-var FloatingActionButtonTemplateDirective = /** @class */ (function () {
-    function FloatingActionButtonTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    FloatingActionButtonTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoFloatingActionButtonTemplate]'
-        }),
-        tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], FloatingActionButtonTemplateDirective);
-    return FloatingActionButtonTemplateDirective;
-}());
-export { FloatingActionButtonTemplateDirective };

package/dist/es/floatingactionbutton/utils.js

@@ -1,38 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export function getAnchorAlign(fabAlign, rtl) {
-    var align = { horizontal: (rtl ? 'right' : 'left'), vertical: 'bottom' };
-    if (fabAlign.horizontal === 'end') {
-        align.horizontal = rtl ? 'left' : 'right';
-    }
-    if (fabAlign.vertical === 'bottom') {
-        align.vertical = 'top';
-    }
-    if (fabAlign.vertical === 'bottom' && fabAlign.horizontal === 'end') {
-        align.horizontal = rtl ? 'left' : 'right';
-        align.vertical = 'top';
-    }
-    return align;
-}
-/**
- * @hidden
- */
-export function getPopupAlign(fabAlign, rtl) {
-    var align = { horizontal: (rtl ? 'right' : 'left'), vertical: 'top' };
-    if (fabAlign.horizontal === 'end') {
-        align.horizontal = rtl ? 'left' : 'right';
-    }
-    if (fabAlign.vertical === 'bottom') {
-        align.vertical = 'bottom';
-    }
-    if (fabAlign.vertical === 'bottom' && fabAlign.horizontal === 'end') {
-        align.horizontal = rtl ? 'left' : 'right';
-        align.vertical = 'bottom';
-    }
-    return align;
-}

package/dist/es/focusable/focus.service.js

@@ -1,43 +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 { Injectable, EventEmitter } from '@angular/core';
-/**
- * @hidden
- */
-var FocusService = /** @class */ (function () {
-    function FocusService() {
-        this.onFocus = new EventEmitter();
-    }
-    FocusService.prototype.isFocused = function (index) {
-        return index === this.focused;
-    };
-    FocusService.prototype.focus = function (index) {
-        if (this.isFocused(index)) {
-            return;
-        }
-        this.focused = index;
-        this.onFocus.emit(index);
-    };
-    FocusService.prototype.resetFocus = function () {
-        this.focused = -1;
-    };
-    Object.defineProperty(FocusService.prototype, "focused", {
-        get: function () {
-            return this.focusedIndex;
-        },
-        set: function (index) {
-            this.focusedIndex = index;
-            this.onFocus.emit(index);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    FocusService = tslib_1.__decorate([
-        Injectable()
-    ], FocusService);
-    return FocusService;
-}());
-export { FocusService };

package/dist/es/focusable/focusable.directive.js

@@ -1,68 +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 { Directive, Input, ElementRef, Renderer2 } from '@angular/core';
-import { FocusService } from './focus.service';
-import { isDocumentAvailable } from '@progress/kendo-angular-common';
-/**
- * @hidden
- */
-var FocusableDirective = /** @class */ (function () {
-    function FocusableDirective(focusService, elementRef, renderer) {
-        this.focusService = focusService;
-        this.renderer = renderer;
-        this.element = elementRef.nativeElement;
-        this.subscribeEvents();
-    }
-    FocusableDirective.prototype.ngOnInit = function () {
-        if (this.index === this.focusService.focused) {
-            this.renderer.addClass(this.element, 'k-focus');
-        }
-        else {
-            this.renderer.removeClass(this.element, 'k-focus');
-        }
-    };
-    /**
-     * @hidden
-     */
-    FocusableDirective.prototype.ngOnDestroy = function () {
-        this.unsubscribeEvents();
-    };
-    FocusableDirective.prototype.subscribeEvents = function () {
-        var _this = this;
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        this.focusSubscription = this.focusService.onFocus.subscribe(function (index) {
-            if (_this.index === index) {
-                _this.renderer.addClass(_this.element, 'k-focus');
-                _this.element.focus();
-            }
-            else {
-                _this.renderer.removeClass(_this.element, 'k-focus');
-            }
-        });
-    };
-    FocusableDirective.prototype.unsubscribeEvents = function () {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        if (this.focusSubscription) {
-            this.focusSubscription.unsubscribe();
-        }
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], FocusableDirective.prototype, "index", void 0);
-    FocusableDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoButtonFocusable]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [FocusService, ElementRef, Renderer2])
-    ], FocusableDirective);
-    return FocusableDirective;
-}());
-export { FocusableDirective };

package/dist/es/index.js

@@ -1,22 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './main';
-export { KendoButtonService } from './button/button.service';
-export { DialItemComponent } from './floatingactionbutton/dial-item.component';
-export { DialListComponent } from './floatingactionbutton/dial-list.component';
-export { FocusService } from './focusable/focus.service';
-export { FocusableDirective } from './focusable/focusable.directive';
-export { ButtonItemTemplateDirective } from './listbutton/button-item-template.directive';
-export { ListButton } from './listbutton/list-button';
-export { ListComponent } from './listbutton/list.component';
-export { ListModule } from './listbutton/list.module';
-export { TemplateContextDirective } from './listbutton/template-context.directive';
-export { NAVIGATION_CONFIG } from './navigation/navigation-config';
-export { NavigationService } from './navigation/navigation.service';
-export { LocalizedSplitButtonMessagesDirective } from './splitbutton/localization/localized-messages.directive';
-export { Messages } from './splitbutton/localization/messages';

package/dist/es/listbutton/button-item-template.directive.js

@@ -1,68 +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";
-/* tslint:disable:directive-selector-name */
-import { Directive, TemplateRef } from '@angular/core';
-/**
- * Used for rendering the list item content.
- *
- * To define the item template, nest a `<ng-template>` tag with the `kendo<ComponentName>ItemTemplate` directive inside the component tag.
- *
- * For the DropDownButton, use the `kendoDropDownButtonItemTemplate` directive.
- * For the SplitButton, use the `kendoSplitButtonItemTemplate` directive.
- *
- * The template context is set to the current component. To get a reference to the current data item, use the `let-dataItem` directive.
- *
- * @example
- * ```ts
- * _@Component({
- * selector: 'my-app',
- * template: `
- *  <kendo-splitbutton [data]="listItems">
- *    <ng-template kendoSplitButtonItemTemplate let-dataItem>
- *      <span>{{dataItem}} option</span>
- *    </ng-template>
- *  </kendo-splitbutton>
- *  <kendo-dropdownbutton [data]="listItems">
- *    <ng-template kendoDropDownButtonItemTemplate let-dataItem>
- *      <span>{{dataItem}} option</span>
- *    </ng-template>
- *  </kendo-dropdownbutton>
- * `
- * })
- * class AppComponent {
- *   public listItems: Array<any> = [{
- *      text: 'item1',
- *      icon: 'refresh',
- *      disabled: false,
- *      click: (dataItem: any) => {
- *          //action
- *      }
- *  }, {
- *      text: 'item2',
- *      icon: 'refresh',
- *      disabled: false,
- *      click: (dataItem: any) => {
- *          //action
- *      }
- *  }]
- * }
- * ```
- *
- * For more examples, refer to the article on the [DropDownList templates]({% slug overview_ddl %}#templates).
- */
-var ButtonItemTemplateDirective = /** @class */ (function () {
-    function ButtonItemTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    ButtonItemTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoDropDownButtonItemTemplate],[kendoSplitButtonItemTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], ButtonItemTemplateDirective);
-    return ButtonItemTemplateDirective;
-}());
-export { ButtonItemTemplateDirective };

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

@@ -1,243 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/* tslint:disable:deprecation */
-import { fromEvent, merge } from 'rxjs';
-import { filter } from 'rxjs/operators';
-import { KeyEvents } from './../navigation/key-events';
-import { NavigationAction } from './../navigation/navigation-action';
-import { isDocumentAvailable, guid, Keys } from '@progress/kendo-angular-common';
-import { isPresent } from './../util';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../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 = guid();
-        this._isFocused = false;
-        validatePackage(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 (!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(filter(function () { return _this._isFocused; })).subscribe(_this.handleTab.bind(_this));
-            _this.componentBlurredSubscription = fromEvent(document, 'click')
-                .pipe(filter(function (event) { return !_this.wrapperContains(event.target); }), 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 = merge(this.navigationService.close, this.navigationService.esc).subscribe(function () { return _this.focusWrapper(); });
-    };
-    ListButton.prototype.enterHandler = function () { }; // tslint:disable-line
-    ListButton.prototype.unsubscribeEvents = function () {
-        if (!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, KeyEvents.keypress);
-    };
-    /**
-     * @hidden
-     */
-    ListButton.prototype.keyUpHandler = function (event) {
-        this.keyHandler(event, 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 !== NavigationAction.Undefined &&
-            action !== NavigationAction.Tab &&
-            (action !== NavigationAction.Enter || (action === NavigationAction.Enter && this._open))) {
-            if (event.keyCode === Keys.Space && action === 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 && 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;
-}());
-export { ListButton };