@ukic/web-components 2.35.2 → 3.0.0-alpha.10

package/dist/types/components/ic-menu/ic-menu.d.ts

@@ -3,15 +3,25 @@ import { IcActivationTypes, IcMenuOption, IcSizes, IcValueEventDetail } from "..
 import { IcOptionSelectEventDetail, IcMenuChangeEventDetail, IcMenuOptionIdEventDetail } from "./ic-menu.types";
 import { IcSearchBarSearchModes } from "../ic-search-bar/ic-search-bar.types";
 export declare class Menu {
+    private ACTIVE_DESCENDANT;
+    private CLEAR_BUTTON_ID;
+    private SEARCH_BAR_TAG;
     private disabledOptionSelected;
     private hasPreviouslyBlurred;
     private hasTimedOut;
     private isLoading;
+    private isMultiSelect;
     private isSearchBar;
     private isSearchableSelect;
+    private lastOptionSelected;
+    private lastOptionFocused;
     private menu;
+    private multiOptionClicked;
     private popperInstance;
     private preventClickOpen;
+    private preventMenuFocus;
+    private selectAllButton;
+    private shiftPressed;
     private ungroupedOptions;
     host: HTMLIcMenuElement;
     focusFromSearchKeypress: boolean;
@@ -19,6 +29,7 @@ export declare class Menu {
     keyboardNav: boolean;
     optionHighlighted: string;
     preventIncorrectTabOrder: boolean;
+    menuOptions: IcMenuOption[];
     /**
      * Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation.
      */
@@ -30,7 +41,11 @@ export declare class Menu {
     /**
      * @internal If `true`, autofocus will be applied on selected item when menu is open.
      */
-    autoFocusOnSelected: boolean;
+    autofocusOnSelected: boolean;
+    /**
+     *  If `true`, the menu will close when an option is selected.
+     */
+    closeOnSelect: boolean;
     /**
      *  If `true`, the menu will fill the width of the container.
      */
@@ -69,36 +84,35 @@ export declare class Menu {
      */
     selectOnEnter?: boolean;
     /**
-     * The size of the menu component.
+     * The size of the menu.
      */
     size?: IcSizes;
-    /**
-     * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-     */
-    small?: boolean;
     /**
      * The possible menu selection options.
      */
     options: IcMenuOption[];
     watchOptionsHandler(newOptions: IcMenuOption[]): void;
     /**
-     * The value of the currently selected option.
+     * The value of the currently selected option - or array of values (if multiple options allowed).
      */
-    value: string;
-    watchValueHandler(): void;
+    value: string | string[];
     /**
      * The custom name for the value field for IcMenuOption.
      */
     valueField: string;
     /**
-     * @internal Emitted when key is pressed while menu is open
+     * Emitted when the clear all button is clicked.
+     */
+    icClear: EventEmitter<void>;
+    /**
+     * @internal Emitted when key is pressed while menu is open.
      */
     menuKeyPress: EventEmitter<{
         isNavKey: boolean;
         key: string;
     }>;
     /**
-     * @internal Emitted when an option has been highlighted
+     * @internal Emitted when an option has been highlighted.
      */
     menuOptionId: EventEmitter<IcMenuOptionIdEventDetail>;
     /**
@@ -106,19 +120,21 @@ export declare class Menu {
      */
     menuOptionSelect: EventEmitter<IcOptionSelectEventDetail>;
     /**
-     * @internal Emitted when state of menu changes (i.e. open or close).
+     * @internal Emitted when all options are selected or deselected.
      */
-    menuStateChange: EventEmitter<IcMenuChangeEventDetail>;
+    menuOptionSelectAll: EventEmitter<{
+        select: boolean;
+    }>;
     /**
-     * @internal Emitted when menu value changes.
+     * @internal Emitted when state of menu changes (i.e. open or closed).
      */
-    menuValueChange: EventEmitter<IcValueEventDetail>;
+    menuStateChange: EventEmitter<IcMenuChangeEventDetail>;
     /**
-     * @internal Emitted when the retry button is clicked
+     * @internal Emitted when the retry button is clicked.
      */
     retryButtonClicked: EventEmitter<IcValueEventDetail>;
     /**
-     * @internal Emitted when the timeout menu loses focus
+     * @internal Emitted when the timeout menu loses focus.
      */
     timeoutBlur: EventEmitter<{
         ev: FocusEvent;
@@ -162,10 +178,13 @@ export declare class Menu {
     private setPreviousOptionValue;
     private getParentEl;
     private arrowBehaviour;
-    private setMenuOptions;
+    private getMenuOptions;
     private setHighlightedOption;
     private autoSetInputValueKeyboardOpen;
-    private manSetInputValueKeyboardOpen;
+    private selectHighlightedOption;
+    private isOptionSelected;
+    private deselectSelectedOptions;
+    private manualSetInputValueKeyboardOpen;
     private setInputValue;
     private handleOptionClick;
     private handleRetry;
@@ -173,12 +192,22 @@ export declare class Menu {
     private handleBlur;
     private handleMouseDown;
     private handleMenuKeyDown;
+    private handleMenuKeyUp;
+    private handleSelectAllClick;
+    private handleSelectAllBlur;
+    private handleSelectAllFocus;
+    private handleSelectAllMouseDown;
+    private handleSingleShiftSelect;
+    private handleMultipleShiftSelect;
+    private handleOptionSelect;
+    private getFirstOptionInSelection;
+    private emitSelectAllEvents;
     private emitMenuKeyPress;
     private autoSetValueOnMenuKeyDown;
-    private handleMenuKeyUp;
     private getOptionId;
     private getOptionAriaLabel;
     private getSortedOptions;
+    private getOptionHighlightedIndex;
     private isManualMode;
     private scrollToSelected;
     private loadUngroupedOptions;

package/dist/types/components/ic-menu-item/ic-menu-item.d.ts

@@ -5,6 +5,10 @@ import { IcMenuItemVariants } from "./ic-menu-item.types";
  */
 export declare class MenuItem {
     el: HTMLIcMenuItemElement;
+    /**
+     * If `true`, the menu item will be in a checked state. This is only applicable when variant is set to `toggle`.
+     */
+    checked: boolean;
     /**
      * The description displayed in the menu item, below the label.
      */
@@ -25,7 +29,7 @@ export declare class MenuItem {
     /**
      * The label describing the keyboard shortcut for a menu item's action.
      */
-    keyboardShortcut?: string;
+    keyboardShortcutLabel?: string;
     /**
      * The label to display in the menu item.
      */
@@ -46,10 +50,6 @@ export declare class MenuItem {
      * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
      */
     target?: string;
-    /**
-     * If `true`, the menu item will be in a checked state. This is only applicable when variant is set to `toggle`.
-     */
-    toggleChecked: boolean;
     /**
      * The variant of the menu item.
      */

package/dist/types/components/ic-navigation-button/ic-navigation-button.d.ts

@@ -1,4 +1,4 @@
-import { IcThemeForeground } from "../../utils/types";
+import { IcBrand, IcBrandForeground, IcBrandForegroundNoDefault, IcThemeMode } from "../../utils/types";
 import { IcNavButtonModes } from "./ic-navigation-button.types";
 /**
  * @slot icon - Content will be placed to the left of the button label.
@@ -9,7 +9,7 @@ export declare class NavigationButton {
     private inheritedAttributes;
     private hostMutationObserver;
     el: HTMLIcNavigationButtonElement;
-    initialAppearance: IcThemeForeground;
+    initialAppearance: IcBrandForegroundNoDefault | IcBrandForeground;
     /**
      * The display mode.
      */
@@ -42,13 +42,17 @@ export declare class NavigationButton {
      * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
      */
     target?: string;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
     componentWillLoad(): void;
     componentDidLoad(): void;
     componentWillRender(): void;
     disconnectedCallback(): void;
     navBarMenuOpenHandler(): void;
     navBarMenuCloseHandler(): void;
-    themeChangeHandler(ev: CustomEvent): void;
+    brandChangeHandler(ev: CustomEvent<IcBrand>): void;
     /**
      * Sets focus on the native `button`.
      */

package/dist/types/components/ic-navigation-group/ic-navigation-group.d.ts

@@ -1,4 +1,4 @@
-import { IcNavType } from "../../utils/types";
+import { IcNavType, IcBrand, IcBrandForeground, IcBrandForegroundNoDefault, IcThemeMode } from "../../utils/types";
 export declare class NavigationGroup {
     private allGroupedNavigationItems;
     private collapsedNavItemsHeight;
@@ -15,7 +15,7 @@ export declare class NavigationGroup {
     deviceSize: number;
     dropdownOpen: boolean;
     expanded: boolean;
-    focusStyle: import("../../utils/types").IcThemeForeground;
+    focusStyle: IcBrandForegroundNoDefault | IcBrandForeground;
     inTopNavSideMenu: boolean;
     navigationType: IcNavType | "";
     parentEl: HTMLElement;
@@ -27,12 +27,16 @@ export declare class NavigationGroup {
      * The label to display on the group.
      */
     label: string;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
     disconnectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     childBlurHandler(): void;
     navItemClickHandler(): void;
-    themeChangeHandler(ev: CustomEvent): void;
+    brandChangeHandler(ev: CustomEvent<IcBrand>): void;
     /**
      * Sets focus on the nav item.
      */

package/dist/types/components/ic-navigation-item/ic-navigation-item.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IcNavType, IcTheme } from "../../utils/types";
+import { IcNavType, IcBrand, IcBrandForeground, IcBrandForegroundNoDefault, IcThemeMode } from "../../utils/types";
 /**
  * @part link - The `<a>` within ic-navigation-item
  * @slot badge - Badge component overlaying the top right of the icon.
@@ -14,7 +14,7 @@ export declare class NavigationItem {
     private ARIA_LABEL_STRING;
     el: HTMLIcNavigationItemElement;
     deviceSize: number;
-    focusStyle: import("../../utils/types").IcThemeForeground;
+    focusStyle: IcBrandForegroundNoDefault | IcBrandForeground;
     inTopNavSideMenu: boolean;
     isSideNavMobile: boolean;
     isTopNavChild: boolean;
@@ -66,6 +66,10 @@ export declare class NavigationItem {
      *  The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
      */
     target?: string;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
     /**
      * @internal - Emitted when item loses focus.
      */
@@ -78,7 +82,7 @@ export declare class NavigationItem {
     componentWillLoad(): void;
     componentDidLoad(): void;
     componentDidUpdate(): void;
-    themeChangeHandler({ detail }: CustomEvent<IcTheme>): void;
+    brandChangeHandler({ detail }: CustomEvent<IcBrand>): void;
     /**
      * Sets focus on the nav item.
      */

package/dist/types/components/ic-navigation-menu/ic-navigation-menu.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { IcThemeMode } from "../../utils/types";
 /**
  * @slot navigation - Content will be rendered at top of panel.
  * @slot buttons - Content will be rendered above version info and below navigation.
@@ -16,6 +17,10 @@ export declare class NavigationMenu {
      * The status info to display.
      */
     status: string;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
     /**
      * The version info to display.
      */

package/dist/types/components/ic-page-header/ic-page-header.d.ts

@@ -1,4 +1,4 @@
-import { IcAlignment, IcSizesNoLarge } from "../../utils/types";
+import { IcAlignment, IcSizesNoLarge, IcThemeMode } from "../../utils/types";
 /**
  * @slot breadcrumbs - Content will be rendered in the breadcrumb area, above the title and action areas.
  * @slot heading - Content will be rendered in the title area, in place of the heading.
@@ -35,10 +35,6 @@ export declare class PageHeader {
      * The size of the page header component.
      */
     size?: IcSizesNoLarge;
-    /**
-     * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-     */
-    small?: boolean;
     /**
      * If `true`, the page header will be sticky at all breakpoints.
      */
@@ -51,6 +47,10 @@ export declare class PageHeader {
      * The subtitle to render on the page header.
      */
     subheading?: string;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
     disconnectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;

package/dist/types/components/ic-pagination/ic-pagination.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IcThemeForeground } from "../../utils/types";
+import { IcThemeMode } from "../../utils/types";
 import { IcPaginationTypes, IcChangeEventDetail } from "./ic-pagination.types";
 export declare class Pagination {
     el: HTMLIcPaginationElement;
@@ -11,17 +11,13 @@ export declare class Pagination {
     /**
      * The number of pages displayed adjacent to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.
      */
-    adjacentCount: number;
-    watchAdjacentCountHandler(): void;
-    /**
-     * The appearance of the pagination, e.g. dark, light or the default.
-     */
-    appearance: IcThemeForeground;
+    adjacentPageCount: number;
+    watchAdjacentPageCountHandler(): void;
     /**
      * The number of pages displayed as boundary items to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.
      */
-    boundaryCount: number;
-    watchBoundaryCountHandler(): void;
+    boundaryPageCount: number;
+    watchBoundaryPageCountHandler(): void;
     /**
      * The default page to display.
      */
@@ -43,11 +39,19 @@ export declare class Pagination {
      * The label for the pagination item (applicable when simple pagination is being used).
      */
     label: string;
+    /**
+     * If `true`, the pagination will display as black in the light theme, and white in dark theme.
+     */
+    monochrome?: boolean;
     /**
      * The total number of pages.
      */
     pages: number;
     watchNumberPagesHandler(): void;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
     /**
      * The type of pagination to be used.
      */

package/dist/types/components/ic-pagination-item/ic-pagination-item.d.ts

@@ -1,13 +1,9 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { IcPaginationItemType } from "./ic-pagination-item.types";
-import { IcThemeForeground } from "../../utils/types";
+import { IcThemeMode } from "../../utils/types";
 export declare class PaginationItem {
     el: HTMLIcPaginationItemElement;
     capitalizedLabel: string;
-    /**
-     * The appearance of the pagination, e.g. dark, light or the default.
-     */
-    appearance: IcThemeForeground;
     /**
      * If `true`, the pagination item will be disabled.
      */
@@ -18,6 +14,10 @@ export declare class PaginationItem {
      */
     label: string;
     watchLabelHandler(): void;
+    /**
+     * If `true`, the pagination item will display as black in the light theme, and white in dark theme.
+     */
+    monochrome?: boolean;
     /**
      * The current page number.
      */
@@ -26,6 +26,10 @@ export declare class PaginationItem {
      * If `true`, the pagination item will be selected.
      */
     selected: boolean;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
     /**
      * The type of pagination item - 'page' or 'ellipsis'.
      */

package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { IcThemeMode } from "../../utils/types";
 export declare class PopoverMenu {
     private anchorEl;
     private ARIA_LABEL;
@@ -29,6 +30,10 @@ export declare class PopoverMenu {
      * @internal The level of menu being displayed.
      */
     submenuLevel: number;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
     /**
      * If `true`, the popover menu will be displayed.
      */

package/dist/types/components/ic-radio-group/ic-radio-group.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IcInformationStatusOrEmpty, IcOrientation, IcSizesNoLarge, IcValueEventDetail } from "../../utils/types";
+import { IcInformationStatusOrEmpty, IcOrientation, IcSizesNoLarge, IcThemeMode, IcValueEventDetail } from "../../utils/types";
 import { IcChangeEventDetail } from "./ic-radio-group.types";
 export declare class RadioGroup {
     private radioContainer;
@@ -46,10 +46,6 @@ export declare class RadioGroup {
      * The size of the radio group component.
      */
     size?: IcSizesNoLarge;
-    /**
-     * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-     */
-    small?: boolean;
     /**
      * The validation status - e.g. 'error' | 'warning' | 'success'.
      */
@@ -59,6 +55,11 @@ export declare class RadioGroup {
      */
     validationText: string;
     orientationChangeHandler(): void;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
+    watchThemeHandler(newValue: IcThemeMode): void;
     /**
      * Emitted when a user selects a radio.
      */
@@ -66,7 +67,7 @@ export declare class RadioGroup {
     disconnectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
-    selectHandler(event: CustomEvent<IcValueEventDetail>): void;
+    selectHandler({ detail, target }: CustomEvent<IcValueEventDetail>): void;
     changeHandler(): void;
     private runResizeObserver;
     private checkOrientation;

package/dist/types/components/ic-radio-option/ic-radio-option.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IcAdditionalFieldTypes, IcValueEventDetail } from "../../utils/types";
+import { IcAdditionalFieldTypes, IcThemeMode, IcValueEventDetail } from "../../utils/types";
 /**
  * @slot additional-field - Content to displayed alongside a radio option.
  */
@@ -26,26 +26,6 @@ export declare class RadioOption {
      * The <form> element to associate the radio with.
      */
     form?: string;
-    /**
-     * The URL that processes the information submitted by the radio. It overrides the action attribute of the radio's form owner. Does nothing if there is no form owner.
-     */
-    formaction?: string;
-    /**
-     * The way the submitted form data is encoded.
-     */
-    formenctype?: string;
-    /**
-     * The HTTP method used to submit the form.
-     */
-    formmethod?: string;
-    /**
-     * If `true`, the form will not be validated when submitted.
-     */
-    formnovalidate?: boolean;
-    /**
-     * The place to display the response from submitting the form. It overrides the target attribute of the radio's form owner.
-     */
-    formtarget?: string;
     /**
      * The group label for the radio option.
      */
@@ -58,6 +38,10 @@ export declare class RadioOption {
      * The name for the radio option.
      */
     name: string;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
     /**
      * The value for the radio option.
      */
@@ -73,10 +57,6 @@ export declare class RadioOption {
      */
     icCheck: EventEmitter<IcValueEventDetail>;
     handleCheck(ev: CustomEvent<IcValueEventDetail>): void;
-    /**
-     * @deprecated This event should not be used anymore. Use icCheck instead.
-     */
-    radioOptionSelect: EventEmitter<IcValueEventDetail>;
     /**
      * Emitted when the radio option is selected or deselected.
      */
@@ -86,7 +66,7 @@ export declare class RadioOption {
     componentDidLoad(): void;
     componentWillRender(): void;
     componentDidRender(): void;
-    textfieldValueHandler(event: CustomEvent<{
+    additionalFieldValueHandler(event: CustomEvent<{
         value: string;
     }>): void;
     /**
@@ -97,8 +77,9 @@ export declare class RadioOption {
      * @internal Sets the tabIndex of the radio option.
      */
     setTabIndex(value: number): Promise<void>;
+    private getAdditionalField;
     private handleClick;
-    private swallowClick;
+    private handleKeyDown;
     private handleFormReset;
     render(): any;
 }

package/dist/types/components/ic-search-bar/ic-search-bar.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IcAutocompleteTypes, IcAutocorrectStates, IcMenuOption, IcSizesNoLarge } from "../../utils/types";
+import { IcAutocompleteTypes, IcAutocorrectStates, IcMenuOption, IcSizesNoLarge, IcThemeMode } from "../../utils/types";
 import { IcSearchBarBlurEventDetail, IcSearchBarSearchModes } from "./ic-search-bar.types";
 import { IcValueEventDetail, IcBlurEventDetail } from "../../utils/types";
 import { IcMenuChangeEventDetail, IcOptionSelectEventDetail } from "../ic-menu/ic-menu.types";
@@ -58,11 +58,12 @@ export declare class SearchBar {
      * Specify whether to disable the built in filtering. For example, if options will already be filtered from external source.
      * If `true`, all options provided will be displayed.
      */
-    disableFilter?: boolean;
+    disableAutoFiltering?: boolean;
     /**
      * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.
      */
     debounce?: number;
+    private debounceChanged;
     /**
      * The text displayed when there are no options in the option list.
      */
@@ -87,7 +88,7 @@ export declare class SearchBar {
     /**
      * The hint text for the hidden assistive description element.
      */
-    hintText?: string;
+    assistiveHintText?: string;
     /**
      * The label for the search bar.
      */
@@ -132,14 +133,14 @@ export declare class SearchBar {
      * The size of the search bar component.
      */
     size?: IcSizesNoLarge;
-    /**
-     * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-     */
-    small?: boolean;
     /**
      * If `true`, the value of the search will have its spelling and grammar checked.
      */
     spellcheck: boolean;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
     /**
      * If using external filtering, set a timeout for when loading takes too long.
      */
@@ -175,15 +176,7 @@ export declare class SearchBar {
      */
     icInput: EventEmitter<IcValueEventDetail>;
     private onInput;
-    /**
-     * @deprecated This event should not be used anymore. Use icSearchBarBlur instead.
-     */
-    icInputBlur: EventEmitter<IcSearchBarBlurEventDetail>;
     private onInputBlur;
-    /**
-     * @deprecated This event should not be used anymore. Use icSearchBarFocus instead.
-     */
-    icInputFocus: EventEmitter<IcValueEventDetail>;
     private onInputFocus;
     /**
      * Emitted when option is highlighted within the menu
@@ -218,12 +211,19 @@ export declare class SearchBar {
     /**
      * Emitted when focus is invoked from ic-search-bar
      */
-    icSearchBarFocus: EventEmitter<void>;
+    icSearchBarFocus: EventEmitter<IcValueEventDetail>;
+    /**
+     * Emitted when a keydown event occurred.
+     */
+    icKeydown: EventEmitter<{
+        event: KeyboardEvent;
+    }>;
+    connectedCallback(): void;
     disconnectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     componentWillRender(): void;
-    handleKeyDown(ev: CustomEvent): void;
+    handleKeyDown(event: KeyboardEvent): void;
     handleKeyUp(ev: KeyboardEvent): void;
     /**
      * Sets focus on the native `input`.
@@ -244,7 +244,6 @@ export declare class SearchBar {
     private handleHostBlur;
     private handleShowClearButton;
     private handleFocusClearButton;
-    private handleMenuCloseFromMenuChange;
     private handleTruncateValue;
     private renderAssistiveHintEl;
     private updateSearchResultAriaLive;