@progress/kendo-angular-buttons 8.0.1-dev.202208111121 → 8.1.0

package/listbutton/container.service.d.ts

@@ -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
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef, ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class PopupContainerService {
+    container: ViewContainerRef;
+    template: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopupContainerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PopupContainerService>;
+}

package/listbutton/list-button.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { EventEmitter, ElementRef, OnDestroy, NgZone, ChangeDetectorRef } from '@angular/core';
+import { EventEmitter, ElementRef, OnDestroy, NgZone, ChangeDetectorRef, SimpleChanges } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { PopupSettings } from './popup-settings';
 import { FocusService } from './../focusable/focus.service';
@@ -10,6 +10,9 @@ import { KeyEvents } from './../navigation/key-events';
 import { NavigationService } from './../navigation/navigation.service';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { Direction } from '../direction';
+import { PreventableEvent } from '../preventable-event';
+import { Align, PopupRef, PopupService } from '@progress/kendo-angular-popup';
+import { PopupContainerService } from './container.service';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -19,7 +22,10 @@ export declare class ListButton implements OnDestroy {
     protected navigationService: NavigationService;
     protected wrapperRef: ElementRef;
     private _zone;
+    private popupService;
+    private elRef;
     protected cdr: ChangeDetectorRef;
+    protected containerService: PopupContainerService;
     protected _data: any;
     protected _open: boolean;
     protected _disabled: boolean;
@@ -33,12 +39,69 @@ export declare class ListButton implements OnDestroy {
     protected button: ElementRef;
     protected subs: Subscription;
     protected direction: Direction;
-    protected focusFirstTimeout: any;
-    protected blurTimeout: any;
-    constructor(focusService: FocusService, navigationService: NavigationService, wrapperRef: ElementRef, _zone: NgZone, localization: LocalizationService, cdr: ChangeDetectorRef);
+    protected popupRef: PopupRef;
+    private popupSubs;
+    /**
+     * Sets the disabled state of the DropDownButton.
+     */
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    /**
+     * Specifies the [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
+     */
+    tabIndex: number;
+    /**
+     * The CSS classes that will be rendered on the main button.
+     * Supports the type of values that are supported by [`ngClass`]({{ site.data.urls.angular['ngclassapi'] }}).
+     */
+    buttonClass: any;
+    /**
+     * Fires each time the popup is about to open.
+     * This event is preventable. If you cancel the event, the popup will remain closed.
+     */
+    open: EventEmitter<PreventableEvent>;
+    /**
+     * Fires each time the popup is about to close.
+     * This event is preventable. If you cancel the event, the popup will remain open.
+     */
+    close: EventEmitter<PreventableEvent>;
+    /**
+     * @hidden
+     */
+    get componentTabIndex(): number;
+    private get appendTo();
+    /**
+     * Configures the popup of the DropDownButton.
+     *
+     * The available options are:
+     * - `animate: Boolean`&mdash;Controls the popup animation. By default, the open and close animations are enabled.
+     * - `popupClass: String`&mdash;Specifies a list of CSS classes that are used to style the popup.
+     * - `appendTo: "root" | "component" | ViewContainerRef`&mdash;Specifies the component to which the popup will be appended.
+     * - `align: "left" | "center" | "right"`&mdash;Specifies the alignment of the popup.
+     */
+    set popupSettings(settings: PopupSettings);
+    get popupSettings(): PopupSettings;
+    /**
+     * @hidden
+     */
+    get anchorAlign(): Align;
+    /**
+     * @hidden
+     */
+    get popupAlign(): Align;
+    protected isClosePrevented: boolean;
+    constructor(focusService: FocusService, navigationService: NavigationService, wrapperRef: ElementRef, _zone: NgZone, popupService: PopupService, elRef: ElementRef, localization: LocalizationService, cdr: ChangeDetectorRef, containerService: PopupContainerService);
+    ngOnChanges(changes: SimpleChanges): void;
     get popupClasses(): string;
     get openState(): boolean;
+    /**
+     * @hidden
+     */
     set openState(open: boolean);
+    /**
+     * Returns the current open state of the popup.
+     */
+    get isOpen(): boolean;
     /**
      * @hidden
      */
@@ -52,15 +115,17 @@ export declare class ListButton implements OnDestroy {
     protected subscribeListItemFocusEvent(): void;
     protected subscribeComponentBlurredEvent(): void;
     protected subscribeNavigationEvents(): void;
-    protected enterHandler(): void;
     /**
-     * @hidden
+     * Toggles the visibility of the popup.
+     * If the `toggle` method is used to open or close the popup, the `open` and `close` events will not be fired.
+     *
+     * @param open - The state of the popup.
      */
-    keyDownHandler(event: any): void;
+    toggle(open: boolean): void;
     /**
      * @hidden
      */
-    keyPressHandler(event: any): void;
+    keyDownHandler(event: any): void;
     /**
      * @hidden
      */
@@ -70,12 +135,20 @@ export declare class ListButton implements OnDestroy {
      */
     keyHandler(event: any, keyEvent?: KeyEvents): void;
     protected emitItemClickHandler(index: number): void;
-    protected focusFirstItem(): void;
     protected focusWrapper(): void;
     protected wrapperContains(element: any): boolean;
     protected blurWrapper(emit?: boolean): void;
     protected focusButton(): void;
     protected handleTab(): void;
+    protected onNavigationEnterUp(): void;
+    protected onNavigationOpen(): void;
+    protected onNavigationClose(): void;
+    protected onArrowKeyNavigate({ index }: {
+        index: any;
+    }): void;
+    private _toggle;
+    private createPopup;
+    private destroyPopup;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListButton, "ng-component", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListButton, "ng-component", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "buttonClass": "buttonClass"; "popupSettings": "popupSettings"; }, { "open": "open"; "close": "close"; }, never, never>;
 }

package/navigation/navigation.service.d.ts

@@ -21,7 +21,7 @@ export declare class NavigationService {
     useLeftRightArrows: boolean;
     constructor(config: NavigationConfig);
     process(args: any): NavigationAction;
-    private isEnter;
+    private isEnterOrSpace;
     private next;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigationService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<NavigationService>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-buttons",
-  "version": "8.0.1-dev.202208111121",
+  "version": "8.1.0",
   "description": "Buttons Package for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",

package/splitbutton/splitbutton.component.d.ts

@@ -12,6 +12,7 @@ import { FocusService } from './../focusable/focus.service';
 import { NavigationService } from './../navigation/navigation.service';
 import { PreventableEvent } from '../preventable-event';
 import { ButtonFillMode, ButtonRounded, ButtonSize, ButtonThemeColor } from '../common/models';
+import { PopupContainerService } from '../listbutton/container.service';
 import * as i0 from "@angular/core";
 /**
  * Represents the Kendo UI SplitButton component for Angular.
@@ -55,8 +56,6 @@ import * as i0 from "@angular/core";
  * ```
  */
 export declare class SplitButtonComponent extends ListButton implements AfterViewInit, OnChanges {
-    private popupService;
-    private elRef;
     private localization;
     private renderer;
     /**
@@ -267,14 +266,6 @@ export declare class SplitButtonComponent extends ListButton implements AfterVie
     activeArrow: boolean;
     popupRef: PopupRef;
     listId: string;
-    /**
-     * @hidden
-     */
-    set openState(open: boolean);
-    /**
-     * @hidden
-     */
-    get openState(): boolean;
     /**
      * @hidden
      */
@@ -284,10 +275,9 @@ export declare class SplitButtonComponent extends ListButton implements AfterVie
      */
     get componentTabIndex(): number;
     private buttonText;
-    private lockFocus;
+    private arrowButtonClicked;
     private _rounded;
     private _fillMode;
-    private popupSubs;
     set isFocused(value: boolean);
     get isFocused(): boolean;
     get widgetClasses(): boolean;
@@ -299,7 +289,7 @@ export declare class SplitButtonComponent extends ListButton implements AfterVie
     /**
      * @hidden
      */
-    onButtonFocus(): void;
+    onButtonFocus(event: FocusEvent): void;
     /**
      * @hidden
      */
@@ -324,10 +314,6 @@ export declare class SplitButtonComponent extends ListButton implements AfterVie
      * @hidden
      */
     keydown(event: any): void;
-    /**
-     * @hidden
-     */
-    keypress(event: any): void;
     /**
      * @hidden
      */
@@ -340,6 +326,10 @@ export declare class SplitButtonComponent extends ListButton implements AfterVie
      * @hidden
      */
     ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * @hidden
+     */
+    protected onNavigationEnterUp(args?: any): void;
     /**
      * @hidden
      */
@@ -364,25 +354,12 @@ export declare class SplitButtonComponent extends ListButton implements AfterVie
      * Blurs the SplitButton component.
      */
     blur(): void;
-    constructor(focusService: FocusService, navigationService: NavigationService, wrapperRef: ElementRef, zone: NgZone, popupService: PopupService, elRef: ElementRef, localization: LocalizationService, cdr: ChangeDetectorRef, renderer: Renderer2);
-    ngOnDestroy(): void;
-    /**
-     * Toggles the visibility of the popup.
-     * If the `toggle` method is used to open or close the popup, the `open` and `close` events will not be fired.
-     *
-     * @param open - The state of the popup.
-     */
-    toggle(open: boolean): void;
+    constructor(focusService: FocusService, navigationService: NavigationService, wrapperRef: ElementRef, zone: NgZone, popupService: PopupService, elRef: ElementRef, localization: LocalizationService, cdr: ChangeDetectorRef, renderer: Renderer2, containerService: PopupContainerService);
     /**
      * Returns the current open state of the popup.
      */
     get isOpen(): boolean;
-    protected enterHandler(): void;
     private updateButtonText;
-    private get appendTo();
-    private _toggle;
-    private createPopup;
-    private destroyPopup;
     private handleClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonComponent, "kendo-splitbutton", ["kendoSplitButton"], { "text": "text"; "icon": "icon"; "iconClass": "iconClass"; "type": "type"; "imageUrl": "imageUrl"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "themeColor": "themeColor"; "disabled": "disabled"; "popupSettings": "popupSettings"; "tabIndex": "tabIndex"; "textField": "textField"; "data": "data"; "buttonClass": "buttonClass"; "arrowButtonClass": "arrowButtonClass"; "arrowButtonIcon": "arrowButtonIcon"; }, { "buttonClick": "buttonClick"; "itemClick": "itemClick"; "onFocus": "focus"; "onBlur": "blur"; "open": "open"; "close": "close"; }, ["itemTemplate"], ["*"]>;