@progress/kendo-angular-listbox 11.4.0-develop.6 → 11.4.0-develop.8

package/keyboard-navigation.service.d.ts

@@ -0,0 +1,41 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { EventEmitter, NgZone, Renderer2 } from "@angular/core";
+import { Button } from "@progress/kendo-angular-buttons";
+import { ListBoxComponent } from "./listbox.component";
+import { ActionName, Tool } from "./toolbar";
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class KeyboardNavigationService {
+    private renderer;
+    private zone;
+    listboxItems: Array<HTMLElement>;
+    selectedListboxItemIndex: number;
+    focusedListboxItemIndex: number;
+    focusedToolIndex: number;
+    onDeleteEvent: EventEmitter<number>;
+    onSelectionChange: EventEmitter<number>;
+    onMoveSelectedItem: EventEmitter<string>;
+    onTransferAllEvent: EventEmitter<ActionName>;
+    onShiftSelectedItem: EventEmitter<ActionName>;
+    constructor(renderer: Renderer2, zone: NgZone);
+    onKeyDown(event: any, toolsRef: Array<Button>, toolbar: Tool[], childListbox: ListBoxComponent, parentListbox: ListBoxComponent): void;
+    changeTabindex(previousItem: HTMLElement, currentItem: HTMLElement): void;
+    onFocusIn(): void;
+    private handleToolbarArrows;
+    private onArrowUpOrDown;
+    private onArrowLeftOrRight;
+    private onSelectChange;
+    private onF10Key;
+    private transferAllItems;
+    private transferItem;
+    private changeFocusedItem;
+    private onArrowDown;
+    private onArrowUp;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KeyboardNavigationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<KeyboardNavigationService>;
+}

package/listbox.component.d.ts

@@ -2,19 +2,23 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef, EventEmitter, OnDestroy, Renderer2 } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, QueryList, Renderer2 } from '@angular/core';
 import { ListBoxSelectionEvent, ListBoxSelectionService } from './selection.service';
 import { ItemTemplateDirective } from './item-template.directive';
 import { ListBoxSize } from './size';
 import { ActionName, ListBoxToolbarConfig, Tool } from './toolbar';
+import { Button } from '@progress/kendo-angular-buttons';
+import { KeyboardNavigationService } from './keyboard-navigation.service';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI ListBox component for Angular]({% slug overview_listbox %}).
  */
-export declare class ListBoxComponent implements OnDestroy {
+export declare class ListBoxComponent implements OnInit, AfterViewInit, OnDestroy {
+    keyboardNavigationService: KeyboardNavigationService;
     selectionService: ListBoxSelectionService;
-    private renderer;
     private hostElement;
+    private renderer;
+    private zone;
     /**
      * @hidden
      */
@@ -23,6 +27,18 @@ export declare class ListBoxComponent implements OnDestroy {
      * @hidden
      */
     itemTemplate: ItemTemplateDirective;
+    /**
+     * @hidden
+     */
+    listboxElement: ElementRef;
+    /**
+     * @hidden
+     */
+    toolbarElement: ElementRef;
+    /**
+     * @hidden
+     */
+    tools: QueryList<Button>;
     /**
      * The fields of the data item that provide the text content of the nodes.
      */
@@ -45,6 +61,14 @@ export declare class ListBoxComponent implements OnDestroy {
      * Sets whether a toolbar should be displayed with the ListBox, as well as what tools and position should be used.
      */
     set toolbar(config: ListBoxToolbarConfig);
+    /**
+     * The value of the aria-label attribute of the Listbox element.
+     */
+    listboxLabel: string;
+    /**
+     * The value of the aria-label attribute of the Listbox toolbar element.
+     */
+    listboxToolbarLabel: string;
     /**
      * A function which determines if a specific item is disabled.
      */
@@ -57,6 +81,10 @@ export declare class ListBoxComponent implements OnDestroy {
      * Fires when the user clicks a ListBox item.
      */
     actionClick: EventEmitter<ActionName>;
+    /**
+     * @hidden
+     */
+    getChildListbox: EventEmitter<any>;
     /**
      * @hidden
      */
@@ -65,12 +93,27 @@ export declare class ListBoxComponent implements OnDestroy {
      * @hidden
      */
     selectedTools: Tool[];
-    private _size;
-    private sub;
-    constructor(selectionService: ListBoxSelectionService, renderer: Renderer2, hostElement: ElementRef);
     /**
      * @hidden
      */
+    listboxId: string;
+    /**
+     * @hidden
+     */
+    toolbarId: string;
+    /**
+     * @hidden
+     */
+    childListbox: ListBoxComponent;
+    /**
+     * @hidden
+     */
+    parentListbox: ListBoxComponent;
+    private _size;
+    private subs;
+    constructor(keyboardNavigationService: KeyboardNavigationService, selectionService: ListBoxSelectionService, hostElement: ElementRef, renderer: Renderer2, zone: NgZone);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /**
      * @hidden
@@ -88,12 +131,29 @@ export declare class ListBoxComponent implements OnDestroy {
      * The index of the currently selected item in the ListBox.
      */
     get selectedIndex(): number;
+    /**
+     * @hidden
+    */
+    get getListboxId(): string;
     /**
      * @hidden
      */
     getText(dataItem: any): string;
+    /**
+     * @hidden
+     */
+    updateListboxItems(): void;
+    /**
+     * @hidden
+     */
+    swapItems(firstItemIndex: number, secondItemIndex: number): void;
+    private onClickEvent;
+    private initSubscriptions;
+    private onShiftItems;
+    private setIds;
+    private onDeleteEvent;
     private setToolbarClass;
     private setSizingClass;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListBoxComponent, "kendo-listbox", never, { "textField": "textField"; "data": "data"; "size": "size"; "toolbar": "toolbar"; "itemDisabled": "itemDisabled"; }, { "selectionChange": "selectionChange"; "actionClick": "actionClick"; }, ["itemTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListBoxComponent, "kendo-listbox", never, { "textField": "textField"; "data": "data"; "size": "size"; "toolbar": "toolbar"; "listboxLabel": "listboxLabel"; "listboxToolbarLabel": "listboxToolbarLabel"; "itemDisabled": "itemDisabled"; }, { "selectionChange": "selectionChange"; "actionClick": "actionClick"; "getChildListbox": "getChildListbox"; }, ["itemTemplate"], never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-listbox",
-  "version": "11.4.0-develop.6",
+  "version": "11.4.0-develop.8",
   "description": "Kendo UI for Angular ListBox",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -23,14 +23,14 @@
     "@angular/core": "13 - 15",
     "@angular/platform-browser": "13 - 15",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "11.4.0-develop.6",
-    "@progress/kendo-angular-common": "11.4.0-develop.6",
-    "@progress/kendo-angular-popup": "11.4.0-develop.6",
+    "@progress/kendo-angular-buttons": "11.4.0-develop.8",
+    "@progress/kendo-angular-common": "11.4.0-develop.8",
+    "@progress/kendo-angular-popup": "11.4.0-develop.8",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "11.4.0-develop.6",
+    "@progress/kendo-angular-schematics": "11.4.0-develop.8",
     "@progress/kendo-common": "^0.2.2"
   },
   "schematics": "./schematics/collection.json",

package/schematics/ngAdd/index.js

@@ -6,11 +6,11 @@ function default_1(options) {
         // Additional dependencies to install.
         // See https://github.com/telerik/kendo-schematics/issues/28
         peerDependencies: {
-            '@progress/kendo-angular-buttons': '11.4.0-develop.6',
-            '@progress/kendo-angular-common': '11.4.0-develop.6',
-            '@progress/kendo-angular-l10n': '11.4.0-develop.6',
+            '@progress/kendo-angular-buttons': '11.4.0-develop.8',
+            '@progress/kendo-angular-common': '11.4.0-develop.8',
+            '@progress/kendo-angular-l10n': '11.4.0-develop.8',
             // Peer of kendo-angular-buttons
-            '@progress/kendo-angular-popup': '11.4.0-develop.6'
+            '@progress/kendo-angular-popup': '11.4.0-develop.8'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }

package/selection.service.d.ts

@@ -9,14 +9,15 @@ import * as i0 from "@angular/core";
  */
 export interface ListBoxSelectionEvent {
     index: number;
+    prevIndex: number;
 }
 /**
  * @hidden
  */
 export declare class ListBoxSelectionService {
-    onSelect: EventEmitter<ListBoxSelectionEvent>;
+    onSelect: EventEmitter<any>;
     selectedIndex: number;
-    select(index: number): void;
+    select(index: number, dir?: string): void;
     isSelected(index: number): boolean;
     clearSelection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListBoxSelectionService, never>;