@eui/components 18.0.0-next.21 → 18.0.0-next.23

package/eui-menu/eui-menu-item.component.d.ts

@@ -1,14 +1,21 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnInit, ElementRef } from '@angular/core';
+import { FocusableOption } from '@angular/cdk/a11y';
 import { BaseStatesDirective } from '@eui/components/shared';
 import { EuiMenuItem } from '@eui/base';
 import * as i0 from "@angular/core";
 import * as i1 from "@eui/components/shared";
-export declare class EuiMenuItemComponent implements OnInit {
+export declare class EuiMenuItemComponent implements OnInit, FocusableOption {
     baseStatesDirective: BaseStatesDirective;
+    private elementRef;
     role: string;
     ariaLabel: string;
     get cssClasses(): string;
+    tabindex: string;
+    get ariaHasPopup(): boolean;
+    get ariaExpanded(): boolean;
+    get ariaDisabled(): boolean;
     item: EuiMenuItem;
+    parent: EuiMenuItem;
     expandToggle: EventEmitter<EuiMenuItem>;
     itemClick: EventEmitter<EuiMenuItem>;
     expandMenuLabel: string;
@@ -17,18 +24,23 @@ export declare class EuiMenuItemComponent implements OnInit {
     isLinkItem: boolean;
     isLabelItem: boolean;
     isCategoryItem: boolean;
+    isActionIconFocused: boolean;
     hasIcon: boolean;
     hasTooltip: boolean;
     isCollapsed: boolean;
     hasCollapsedInitials: boolean;
     isLabelLowercase: boolean;
-    constructor(baseStatesDirective: BaseStatesDirective);
+    constructor(baseStatesDirective: BaseStatesDirective, elementRef: ElementRef);
     ngOnInit(): void;
     stopPropagation(event: Event): void;
     get menuItemTooltip(): string;
     onClick(event: Event): void;
     onExpandToggle(event: Event): void;
-    onActionIconClick($event: MouseEvent): void;
+    onActionIconClick(event: MouseEvent): void;
+    onActionIconKeyDown(event: KeyboardEvent): void;
+    focusActionIcon(): void;
+    onActionIconFocusOut(): void;
+    focus(): void;
     private getTooltipFromItem;
     private getAriaLabel;
     /**
@@ -37,7 +49,7 @@ export declare class EuiMenuItemComponent implements OnInit {
      */
     private getCssClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<EuiMenuItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EuiMenuItemComponent, "eui-menu-item", never, { "item": { "alias": "item"; "required": false; }; "hasIcon": { "alias": "hasIcon"; "required": false; }; "hasTooltip": { "alias": "hasTooltip"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "hasCollapsedInitials": { "alias": "hasCollapsedInitials"; "required": false; }; "isLabelLowercase": { "alias": "isLabelLowercase"; "required": false; }; }, { "expandToggle": "expandToggle"; "itemClick": "itemClick"; }, never, ["*"], false, [{ directive: typeof i1.BaseStatesDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EuiMenuItemComponent, "eui-menu-item", never, { "item": { "alias": "item"; "required": false; }; "parent": { "alias": "parent"; "required": false; }; "hasIcon": { "alias": "hasIcon"; "required": false; }; "hasTooltip": { "alias": "hasTooltip"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "hasCollapsedInitials": { "alias": "hasCollapsedInitials"; "required": false; }; "isLabelLowercase": { "alias": "isLabelLowercase"; "required": false; }; }, { "expandToggle": "expandToggle"; "itemClick": "itemClick"; }, never, ["*"], false, [{ directive: typeof i1.BaseStatesDirective; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_hasIcon: unknown;
     static ngAcceptInputType_hasTooltip: unknown;
     static ngAcceptInputType_isCollapsed: unknown;

package/eui-menu/eui-menu-item.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-menu-item.component.d.ts","sourceRoot":"","sources":["../../eui-menu/eui-menu-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,YAAY,EAEZ,MAAM,EAET,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;;;AAExC,qBAWa,oBAAqB,YAAW,MAAM;IA4B5B,mBAAmB,EAAE,mBAAmB;IA1BjC,IAAI,SAAc;IACZ,SAAS,SAAM;IAE/C,IACW,UAAU,IAAI,MAAM,CAE9B;IAEQ,IAAI,EAAE,WAAW,CAAC;IACjB,YAAY,4BAAmC;IAC/C,SAAS,4BAAmC;IAEtD,eAAe,SAAY;IAC3B,iBAAiB,SAAc;IAE/B,SAAS,UAAS;IAClB,UAAU,UAAS;IACnB,WAAW,UAAS;IACpB,cAAc,UAAS;IAEiB,OAAO,UAAS;IAChB,UAAU,UAAS;IACnB,WAAW,UAAS;IACpB,oBAAoB,UAAS;IAC7B,gBAAgB,UAAS;gBAE9C,mBAAmB,EAAE,mBAAmB;IAE3D,QAAQ,IAAI,IAAI;IAWT,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAK1C,IAAI,eAAe,IAAI,MAAM,CAU5B;IAEM,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAK3B,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAKlC,iBAAiB,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;IAKlD,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,YAAY;IAapB;;;OAGG;IACH,OAAO,CAAC,aAAa;yCArGZ,oBAAoB;2CAApB,oBAAoB;sCA4Gw+vB,OAAQ;yCAAR,OAAQ;0CAAR,OAAQ;mDAAR,OAAQ;+CAAR,OAAQ;CADhhwB"}
+{"version":3,"file":"eui-menu-item.component.d.ts","sourceRoot":"","sources":["../../eui-menu/eui-menu-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,YAAY,EAEZ,MAAM,EAEN,UAAU,EACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;;;AAExC,qBAWa,oBAAqB,YAAW,MAAM,EAAE,eAAe;IA+C7C,mBAAmB,EAAE,mBAAmB;IAAE,OAAO,CAAC,UAAU;IA7CrD,IAAI,SAAc;IACZ,SAAS,SAAM;IAE/C,IACW,UAAU,IAAI,MAAM,CAE9B;IAC6B,QAAQ,SAAQ;IAC9C,IACI,YAAY,IAAI,OAAO,CAE1B;IACD,IACI,YAAY,IAAI,OAAO,CAM1B;IACD,IACI,YAAY,IAAI,OAAO,CAE1B;IAEQ,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;IACnB,YAAY,4BAAmC;IAC/C,SAAS,4BAAmC;IAEtD,eAAe,SAAY;IAC3B,iBAAiB,SAAc;IAE/B,SAAS,UAAS;IAClB,UAAU,UAAS;IACnB,WAAW,UAAS;IACpB,cAAc,UAAS;IACvB,mBAAmB,UAAS;IAEY,OAAO,UAAS;IAChB,UAAU,UAAS;IACnB,WAAW,UAAS;IACpB,oBAAoB,UAAS;IAC7B,gBAAgB,UAAS;gBAE9C,mBAAmB,EAAE,mBAAmB,EAAU,UAAU,EAAE,UAAU;IAE3F,QAAQ,IAAI,IAAI;IAWT,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAK1C,IAAI,eAAe,IAAI,MAAM,CAU5B;IAEM,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAM3B,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAKlC,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAKjD,mBAAmB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAOxC,eAAe,IAAI,IAAI;IAK9B,oBAAoB,IAAI,IAAI;IAIrB,KAAK,IAAI,IAAI;IAIpB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,YAAY;IAapB;;;OAGG;IACH,OAAO,CAAC,aAAa;yCA7IZ,oBAAoB;2CAApB,oBAAoB;sCAoJ6utB,OAAQ;yCAAR,OAAQ;0CAAR,OAAQ;mDAAR,OAAQ;+CAAR,OAAQ;CADrxtB"}

package/eui-menu/eui-menu.component.d.ts

@@ -1,13 +1,16 @@
-import { OnInit, EventEmitter, OnChanges, SimpleChanges, OnDestroy } from '@angular/core';
+import { OnInit, EventEmitter, OnChanges, SimpleChanges, OnDestroy, AfterViewInit, QueryList, ChangeDetectorRef } from '@angular/core';
 import { Router, ActivatedRoute } from '@angular/router';
 import { BaseStatesDirective } from '@eui/components/shared';
+import { EuiMenuItemComponent } from './eui-menu-item.component';
 import { EuiMenuItem } from '@eui/base';
 import * as i0 from "@angular/core";
 import * as i1 from "@eui/components/shared";
-export declare class EuiMenuComponent implements OnInit, OnChanges, OnDestroy {
+export declare class EuiMenuComponent implements OnInit, OnChanges, OnDestroy, AfterViewInit {
     private router;
     private route;
     baseStatesDirective: BaseStatesDirective;
+    private cd;
+    focusableItems: QueryList<EuiMenuItemComponent>;
     get cssClasses(): string;
     items: EuiMenuItem[];
     searchFilterLabel: string;
@@ -27,10 +30,13 @@ export declare class EuiMenuComponent implements OnInit, OnChanges, OnDestroy {
     itemClick: EventEmitter<EuiMenuItem>;
     itemsState: any[];
     private subscription;
-    constructor(router: Router, route: ActivatedRoute, baseStatesDirective: BaseStatesDirective);
+    private focusKeyManager;
+    constructor(router: Router, route: ActivatedRoute, baseStatesDirective: BaseStatesDirective, cd: ChangeDetectorRef);
     stopPropagation(event: Event): void;
+    onKeydown(event: KeyboardEvent): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     onClick(item: EuiMenuItem): void;
     onExpandToggle(item: EuiMenuItem): void;
@@ -38,6 +44,33 @@ export declare class EuiMenuComponent implements OnInit, OnChanges, OnDestroy {
     onFilter(event: Event): any;
     onFilter(value: string): any;
     private _onToggleExpandAllItems;
+    /**
+     * finds the EuiMenuItemComponent in the queried focusableItems[] that  matches the passed EuiMenuItem object
+     *
+     * @param menuItem an EuiMenuItem
+     * @private
+     */
+    private findFocusableItem;
+    /**
+     * finds the first item that is filtered
+     *
+     * @param menuItems an array of EuiMenuItem
+     * @private
+     */
+    private findFirstFilteredItem;
+    /**
+     * finds all filtered menu items
+     *
+     * @param menuItems an array of EuiMenuItem
+     * @private
+     */
+    private findFilteredItems;
+    /**
+     * checks the focus state of the action icon
+     *
+     * @private
+     */
+    private checkActionIconFocusState;
     /**
      * filter all menu items given a value
      *

package/eui-menu/eui-menu.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-menu.component.d.ts","sourceRoot":"","sources":["../../eui-menu/eui-menu.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,MAAM,EAEN,YAAY,EACZ,SAAS,EACT,aAAa,EAGb,SAAS,EACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,cAAc,EAAuC,MAAM,iBAAiB,CAAC;AAI9F,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;;;AAKxC,qBAWa,gBAAiB,YAAW,MAAM,EAAE,SAAS,EAAE,SAAS;IAmC7D,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,KAAK;IACN,mBAAmB,EAAE,mBAAmB;IApCnD,IACW,UAAU,IAAI,MAAM,CAM9B;IAEQ,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,SAAM;IAEc,WAAW,UAAS;IACpB,oBAAoB,UAAS;IAC7B,SAAS,UAAS;IAClB,QAAQ,UAAS;IACjB,UAAU,UAAS;IACnB,cAAc,UAAS;IACvB,MAAM,UAAS;IACf,eAAe,UAAS;IACxB,iBAAiB,UAAS;IAExD,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,CAAsB;IACpD,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,CAAmC;IAIjF,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,OAAO,CAAC,YAAY,CAAe;gBAGvB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,cAAc,EACtB,mBAAmB,EAAE,mBAAmB;IAInD,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAInC,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IA6BzC,QAAQ,IAAI,IAAI;IAkChB,WAAW,IAAG,IAAI;IAMX,OAAO,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IA6BhC,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAKvC,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAI1C,QAAQ,CAAC,KAAK,EAAE,KAAK;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM;IAU7B,OAAO,CAAC,uBAAuB;IAI/B;;;;;;OAMG;IACH,OAAO,CAAC,eAAe;IAevB;;;;;;OAMG;IACH,OAAO,CAAC,qBAAqB;IAU7B;;;;;;OAMG;IACH,OAAO,CAAC,eAAe;IAavB;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;IAiCtB;;;;;;;OAOG;IACH,OAAO,CAAC,oBAAoB;IAkB5B;;;;;;;OAOG;IACH,OAAO,CAAC,mBAAmB;IAO3B;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;yCAzThB,gBAAgB;2CAAhB,gBAAgB;0CAgUy2f,OAAQ;mDAAR,OAAQ;wCAAR,OAAQ;uCAAR,OAAQ;yCAAR,OAAQ;6CAAR,OAAQ;qCAAR,OAAQ;8CAAR,OAAQ;gDAAR,OAAQ;CAD74f"}
+{"version":3,"file":"eui-menu.component.d.ts","sourceRoot":"","sources":["../../eui-menu/eui-menu.component.ts"],"names":[],"mappings":"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"}

package/fesm2022/eui-components-directives.mjs

@@ -1428,7 +1428,9 @@ var EuiLoadingDirective = class _EuiLoadingDirective {
   createLoadingIcon() {
     if (!this._loadingIcon) {
       this._loadingIcon = this._viewContainerRef.createComponent(EuiIconSvgComponent2);
-      this._loadingIcon.instance.styleClass = "eui-input-text--loading-icon";
+      this._loadingIcon.instance.isLoading = true;
+      this._loadingIcon.instance.isInputIcon = true;
+      this._loadingIcon.instance.euiEnd = true;
       this._loadingIcon.instance.ariaLabel = "XXXXX";
       this._renderer.appendChild(this._euiUFlexWrapper, this._loadingIcon.location.nativeElement);
     }