@leanix/components 0.4.93 → 0.4.94

package/lib/forms-ui/components/option/option.component.d.ts

@@ -20,12 +20,16 @@ export declare class OptionComponent {
     select: EventEmitter<any>;
     highlight: EventEmitter<boolean>;
     selectedClick: EventEmitter<any>;
+    keyDownAction: EventEmitter<KeyboardEvent>;
+    option?: ElementRef<HTMLElement>;
     hasSubdropdown: boolean;
     isSuboption: boolean;
+    readonly optionId: string;
     selectOption(event?: MouseEvent): void;
     constructor(group: OptionGroupComponent, elementRef: ElementRef<HTMLElement>);
     setSelected(value: boolean): void;
     setHighlighted(value: boolean): void;
+    handleKeyDown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent, [{ optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "lx-option", never, { "selected": { "alias": "selected"; "required": false; }; "isHighlighted": { "alias": "isHighlighted"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "hasSelectedState": { "alias": "hasSelectedState"; "required": false; }; "selectIcon": { "alias": "selectIcon"; "required": false; }; }, { "select": "select"; "highlight": "highlight"; "selectedClick": "selectedClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "lx-option", never, { "selected": { "alias": "selected"; "required": false; }; "isHighlighted": { "alias": "isHighlighted"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "hasSelectedState": { "alias": "hasSelectedState"; "required": false; }; "selectIcon": { "alias": "selectIcon"; "required": false; }; }, { "select": "select"; "highlight": "highlight"; "selectedClick": "selectedClick"; "keyDownAction": "keyDownAction"; }, never, ["*"], true, never>;
 }

package/lib/forms-ui/components/options-dropdown/options-dropdown.component.d.ts

@@ -1,5 +1,5 @@
 import { ConnectedPosition, ScrollStrategy, ScrollStrategyOptions } from '@angular/cdk/overlay';
-import { AfterViewInit, ChangeDetectorRef, OnDestroy, QueryList } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, OnDestroy, QueryList, Renderer2 } from '@angular/core';
 import { Subject } from 'rxjs';
 import { KeyboardActionSourceDirective } from '../../directives/keyboard-action-source.directive';
 import { OptionComponent } from '../option/option.component';
@@ -7,6 +7,7 @@ import * as i0 from "@angular/core";
 export declare class OptionsDropdownComponent implements AfterViewInit, OnDestroy {
     private changeDetection;
     private readonly scrollStrategies;
+    private renderer;
     readonly NAME = "OptionsDropdownComponent";
     align: 'right' | 'left';
     closeOnScroll: boolean;
@@ -21,11 +22,14 @@ export declare class OptionsDropdownComponent implements AfterViewInit, OnDestro
     set open(value: boolean);
     get open(): boolean;
     get options(): OptionComponent[];
+    get optionIds(): string[];
+    get lxButton(): HTMLElement;
     private readonly highlightedOptionIndex$;
     private _open;
     private isSubdropdownExpanded;
+    readonly listboxId: string;
     readonly destroyed$: Subject<void>;
-    constructor(changeDetection: ChangeDetectorRef, scrollStrategies: ScrollStrategyOptions);
+    constructor(changeDetection: ChangeDetectorRef, scrollStrategies: ScrollStrategyOptions, renderer: Renderer2);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     closeDropdown(): void;
@@ -35,6 +39,12 @@ export declare class OptionsDropdownComponent implements AfterViewInit, OnDestro
     private expand;
     private collapse;
     private optionIsHighlightable;
+    /**
+     * Programmatically sets initial accessibility attributes on the trigger button so that we
+     * don't have to do it manually every time we declare a new instance of this component
+     */
+    private setInitialAccessibilityAttributes;
+    handleOptionKeyDown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OptionsDropdownComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<OptionsDropdownComponent, "lx-options-dropdown", never, { "align": { "alias": "align"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "overlayPositioning": { "alias": "overlayPositioning"; "required": false; }; }, {}, ["trigger", "_options"], ["[lxKeyboardActionSource]", "*"], true, never>;
 }

package/lib/forms-ui/directives/keyboard-action-source.directive.d.ts

@@ -6,10 +6,11 @@ export declare class KeyboardActionSourceDirective implements OnDestroy {
     private element;
     dontEmit: boolean;
     readonly destroyed$: Subject<void>;
-    keyboardActions$: import("rxjs").Observable<KeyboardSelectAction.PREV | KeyboardSelectAction.NEXT | KeyboardSelectAction.LEFT | KeyboardSelectAction.RIGHT | KeyboardSelectAction.EXECUTE | KeyboardSelectAction.CLOSE | null>;
+    keyboardActions$: import("rxjs").Observable<KeyboardSelectAction.PREV | KeyboardSelectAction.NEXT | KeyboardSelectAction.FIRST | KeyboardSelectAction.LAST | KeyboardSelectAction.LEFT | KeyboardSelectAction.RIGHT | KeyboardSelectAction.EXECUTE | KeyboardSelectAction.CLOSE | null>;
     constructor(element: ElementRef<HTMLElement>);
     blur(): void;
     ngOnDestroy(): void;
+    nativeElement(): HTMLElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<KeyboardActionSourceDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KeyboardActionSourceDirective, "[lxKeyboardActionSource]", ["keyboardActionSource"], {}, {}, never, never, true, never>;
 }

package/lib/forms-ui/helpers/key-codes.constants.d.ts

@@ -7,3 +7,5 @@ export declare const ARROW_RIGHT = 39;
 export declare const ENTER = 13;
 export declare const ESCAPE = 27;
 export declare const SPACE = 32;
+export declare const HOME = 36;
+export declare const END = 35;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leanix/components",
-  "version": "0.4.93",
+  "version": "0.4.94",
   "license": "Apache-2.0",
   "author": "LeanIX GmbH",
   "repository": {