q2-tecton-elements 1.55.3 → 1.55.4

package/dist/types/components/q2-data-table/q2-data-table.d.ts

@@ -1,261 +0,0 @@
-import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-export type Q2DataTableCellAlignOptions = 'start' | 'center' | 'end';
-export type Q2DataTableCellType = {
-    type?: 'text' | 'number' | 'icon' | 'boolean' | 'code';
-} | {
-    type?: 'badge';
-    badgeStatus?: HTMLQ2BadgeElement['status'];
-    badgeTheme?: HTMLQ2BadgeElement['theme'];
-};
-export type Q2DataTableHeader = {
-    title: string;
-    align?: Q2DataTableCellAlignOptions;
-    key?: string;
-    sortable?: boolean | 'auto' | 'manual';
-    width?: string;
-    backgroundColor?: string;
-    sorted?: 'ASC' | 'DESC';
-    ariaLabel?: string;
-    lineClamp?: number;
-    verticalAlign?: 'top' | 'bottom';
-} & Partial<Q2DataTableCellType>;
-export type Q2DataTableCell = {
-    value: string | number | boolean;
-    align?: Q2DataTableCellAlignOptions;
-    ariaLabel?: string;
-    lineClamp?: number;
-    verticalAlign?: 'top' | 'bottom';
-} & Q2DataTableCellType;
-export type Q2DataTableBaseRow = {
-    id: string | number;
-    selected?: boolean;
-    expanded?: boolean;
-    disabled?: boolean;
-};
-export type Q2DataTableCells = Record<string, string | number | Q2DataTableCell>;
-export type Q2DataTableSerializedCells = Record<string, Q2DataTableCell>;
-export type Q2DataTableRow = Q2DataTableBaseRow & {
-    cells: Q2DataTableCells;
-};
-export type Q2DataTableSerializedRow = Q2DataTableBaseRow & {
-    cells: Q2DataTableSerializedCells;
-};
-export declare class Q2DataTable implements ComponentInterface {
-    mutationObserver: MutationObserver;
-    resizeObserver: ResizeObserver;
-    hostElement: HTMLElement;
-    allRowsSelected: boolean;
-    checkSlotCount: number;
-    hasDropdowns: boolean;
-    hasExpandableRows: boolean;
-    hasRowData: boolean;
-    serializedHeaders: Q2DataTableHeader[];
-    serializedRows: Q2DataTableSerializedRow[];
-    someRowsSelected: boolean;
-    /** Adds borders between rows and/or columns in the table. */
-    bordered: boolean | 'horizontal' | 'vertical' | 'grid';
-    /** Provides a caption for the data table. */
-    caption: string;
-    /** Adds the ability to click a row and have the table emit an event with the selected row's data. */
-    clickable: boolean;
-    /** Determines the amount of padding for each of the cells in the table. */
-    density: 'compact' | 'normal' | 'comfortable';
-    /** Determines the `q2-icon` that will display when `rows` has no value. */
-    emptyIcon: string;
-    /** Determines the message that will display when `rows` has no value.
-     * @localizable
-     */
-    emptyMessage: string;
-    /**
-     * Defines the headers of the table.
-     *
-     * **Example:**
-     * @snippet
-     * element.headers = [
-     *  {
-     *    title: 'Day of the Week',
-     *    key: 'day',
-     *  },
-     *  {
-     *    title: 'Sales',
-     *    key: 'sales',
-     *    align: 'end',
-     *  }
-     * ]
-     *
-     */
-    headers: Q2DataTableHeader[];
-    /** Hides the caption from view, but still makes it available to screen readers for accessibility purposes. */
-    hideCaption: boolean;
-    /**
-     * Visually hides the `Select` button that displays when `clickable=true`. It will still be discoverable by assistive technologies.
-     *
-     * @info
-     * Use of this property requires `clickable` to be set to `true`.
-     */
-    hideClickable: boolean;
-    /** Displays a loading state on the table to indicate background activity. */
-    loading: boolean;
-    /**
-     * Defines the rows of the table.
-     *
-     * **Example:**
-     * @snippet
-     * element.rows = [
-     *  {
-     *    id: 1,
-     *    cells: {
-     *      day: 'Monday',
-     *      sales: 93
-     *    }
-     *  },
-     *  {
-     *    id: 2,
-     *    cells: {
-     *      day: 'Tuesday',
-     *      sales: 127
-     *    }
-     *  },
-     *  {
-     *    id: 3,
-     *    cells: {
-     *      day: 'Wednesday',
-     *      sales: 121
-     *    }
-     * ]
-     */
-    rows: Q2DataTableRow[];
-    /** Adds a checkbox to each row of the table making it selectable. */
-    selectable: boolean;
-    /**
-     * Determines if the selectable checkboxes allow for multi-select or not. If set to "single", once a row is selected, all other rows will be disabled.
-     * See the documentation on the `select` event for how to handle selections.
-     *
-     * @warning
-     * Use of this property requires `selectable` to be set to `true`.
-     */
-    selectMode: 'multiple' | 'single';
-    /** Adds a shadow to the table */
-    shadowed: boolean;
-    /** Enables alternating background colors for the table rows */
-    striped: boolean;
-    /**
-     * Emitted when a row is clicked.
-     *
-     * Requires the `clickable` prop to be set to `true`.
-     *
-     * Call `event.preventDefault()` to prevent the default click behavior.
-     */
-    click: EventEmitter<{
-        row: Q2DataTableSerializedRow;
-    }>;
-    /**
-     * Emitted when a row is selected.
-     *
-     * Requires the `selectable` prop to be set to `true`.
-     *
-     * Call `event.preventDefault()` to prevent the default selection behavior.
-     */
-    select: EventEmitter<{
-        row: Q2DataTableSerializedRow;
-        rows: Q2DataTableSerializedRow[];
-        allSelected: boolean;
-    }>;
-    /**
-     * Emitted when the select-all checkbox is toggled.
-     *
-     * Requires the `selectable` prop to be set to `true` and the `selectMode` prop to be set to `multiple`.
-     *
-     * Call `event.preventDefault()` to prevent the default behavior.
-     */
-    selectAllRows: EventEmitter<{
-        checked: boolean;
-    }>;
-    /**
-     * Emitted when a column is sorted.
-     *
-     * Requires the `sortable` prop to be set to `true` on the column.
-     *
-     * Call `event.preventDefault()` to prevent the default sorting behavior.
-     */
-    sort: EventEmitter<{
-        header: Q2DataTableHeader;
-        direction: 'ASC' | 'DESC';
-    }>;
-    /**
-     * Emitted when an expandable row is toggled.
-     *
-     * Requires content in the `row-{id}-expandable-content` slot.
-     *
-     * Call `event.preventDefault()` to prevent the default toggling behavior.
-     */
-    toggle: EventEmitter<{
-        row: Q2DataTableSerializedRow;
-    }>;
-    disconnectedCallback(): void;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    onClickListener(event: MouseEvent): void;
-    onSelectAllRows(event: CustomEvent<{
-        checked: boolean;
-    }>): void;
-    /**
-     * A method to click a row that accepts a row ID that is will be clicked.
-     *
-     * @testOnly
-     */
-    clickRow(rowId: number | string): Promise<void>;
-    /**
-     * A method that returns the plain text value of a particular cell (including slot content).
-     *
-     * @testOnly
-     */
-    getCellContent(rowId: number | string, columnKey: string): Promise<string>;
-    /**
-     * A method to sort a column that accepts a header object with key</b> and <b>sorted</b> property.
-     *
-     * @testOnly
-     */
-    sortColumn(header: Q2DataTableHeader): Promise<void>;
-    /**
-     * A method to toggle row expansion that accepts a row ID that will be clicked to expand or collapse the expandable content
-     *
-     * @testOnly
-     */
-    toggleRowExpansion(rowId: number | string): Promise<void>;
-    /**
-     * A method to toggle row selection that accepts a row ID whose checkbox will be checked, if the feature is enabled.
-     *
-     * @testOnly
-     */
-    toggleRowSelect(rowId: number | string): Promise<void>;
-    /**
-     * A method to toggle select all button (checkbox) on left top corner.
-     *
-     * @testOnly
-     */
-    toggleSelectAllRows(): Promise<void>;
-    headersHandler(headers?: Q2DataTableHeader[]): void;
-    rowsHandler(rows?: Q2DataTableRow[]): void;
-    selectableHandler(): void;
-    get mappedHeaders(): Record<string, Q2DataTableHeader>;
-    get numberOfColumns(): number;
-    get selectedRow(): Q2DataTableSerializedRow;
-    get selectedRows(): Q2DataTableSerializedRow[];
-    checkSlots: () => void;
-    onClickRow: (event: MouseEvent, row: Q2DataTableSerializedRow) => void;
-    onClickTableRow: (event: MouseEvent, row: Q2DataTableSerializedRow) => void;
-    onControlContainerClick: (event: MouseEvent) => void;
-    onSelectRow: (event: CustomEvent<{
-        checked: boolean;
-    }>, row: Q2DataTableSerializedRow) => void;
-    onSort: (header: Q2DataTableHeader) => void;
-    onToggleRow: (event: MouseEvent, row: Q2DataTableSerializedRow) => void;
-    sortRows(rows: Q2DataTableSerializedRow[], header: Q2DataTableHeader): Q2DataTableSerializedRow[];
-    render(): any;
-    renderCellContent(cell: Q2DataTableCell): any;
-    renderEmptyState(): any;
-    renderTableColGroup(): any;
-    renderTableHeader(): any;
-    renderTableRows(): any;
-}

package/dist/types/components/q2-dropdown/q2-dropdown.d.ts

@@ -1,181 +0,0 @@
-import { ComponentInterface } from '../../stencil-public-runtime';
-import { IDict } from "../../util";
-export declare class Q2Dropdown implements ComponentInterface {
-    controlElement?: HTMLQ2BtnElement;
-    dropdownItemSelector: string;
-    popoverElement?: HTMLQ2PopoverElement;
-    optionList: HTMLQ2OptionListElement;
-    hostElement: HTMLElement;
-    additionalContext: string;
-    /** @deprecated */
-    alignment: 'left' | 'right';
-    /** @deprecated */
-    ariaLabel: string;
-    /** If `true`, component expands to fill the width of its parent element. */
-    block: boolean;
-    /**
-     * Tells the outlet what the type of object being passed in as contextValue.
-     * This will allow for the hierarchy resolution logic to work to determine if an option should or should not be shown.
-     *
-     * @info
-     * Only applicable when using `<q2-dropdown>` for outlets.
-     */
-    context: string;
-    /**
-     * Passes important information to the outlet (e.g., pass an account id that your platform can use to look up what module to show for that account type).
-     *
-     * @info
-     * Only applicable when using `<q2-dropdown>` for outlets.
-     */
-    contextValue: string;
-    /** Indicates the menu cannot be focused or interacted with. */
-    disabled: boolean;
-    /**
-     * Hide's the field's `<label>` element from view.
-     * @warning
-     * Only use when a visible label is impractical.
-     */
-    hideLabel: boolean;
-    /**
-     * Instructs the component to use the action sheet workflow for displaying its options.
-     *
-     * For more information, see [Action Sheets](https://tecton.q2developer.com/guides/action-sheets/).
-     */
-    hoist: boolean;
-    /** The icon that will render within the toggle button. You may use any of the `q2-icon` types. */
-    icon: string;
-    /**
-     * The text that appears within the button.
-     * @warning
-     * This property should not be used if the `type` is `icon`.
-     * @localizable
-     */
-    label: string;
-    /**
-     * Identifies this menu as an outlet. Used in conjunction with context and, optionally, `contextValue`.
-     * @info
-     * Only applicable when using `<q2-dropdown>` for outlets.
-     */
-    name: string;
-    /**
-     * Determine whether the popover is open or closed.
-     *
-     * @readonly
-     */
-    open: boolean;
-    /** Determines the label that is applied to the option list for accessibility purposes. */
-    optionListLabel: string;
-    /** @deprecated */
-    popDirection: 'up' | 'down';
-    /** Aligns the popover dropdown to the left or right side of the input field. */
-    popoverAlignment: 'left' | 'right';
-    /**
-     * Force the direction of the popover dropdown when it opens.
-     * If no value is passed, the component will auto-detect the direction based on available space.
-     */
-    popoverDirection: 'up' | 'down';
-    /**
-     * Force the maximum height of the popover. This value will be interpreted as pixels.
-     * If no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space.
-     */
-    popoverMaxHeight: number;
-    /** @deprecated */
-    popoverMinHeight: number;
-    /**
-     * Determines the display mode of the popover.
-     *
-     * Providing a value of `legacy` instructs the popover to use absolute positioning instead of fixed positioning.
-     *
-     * @info
-     * This is a temporary solution to work around styling issues related to using fixed positioning for the popover
-     * when nested inside of elements with transform properties. This will be removed once the popover API is available
-     * for use.
-     */
-    popoverMode: 'legacy';
-    /**
-     * Use with `context` to tell the outlet where it appears. It will be matched with the appropriately configured module for that context.
-     * @info
-     * Only applicable when using `<q2-dropdown>` for outlets.
-     */
-    resolvedType: string;
-    /** The type of button used as the menu toggle.
-     * @info
-     * Type must be "custom" to use the custom button slot.
-     */
-    type: 'icon' | 'fab' | 'custom' | 'primary' | 'secondary' | 'neutral';
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    delegateFocus(event: FocusEvent): void;
-    popoverStateChangeHandler({ detail: { open } }: CustomEvent<{
-        open: boolean;
-    }>): void;
-    /**
-     * Emulates clicking the dropdown `<button>` to hide the popover if it is showing.
-     * @testOnly
-     */
-    closePopover(): Promise<void>;
-    /**
-     * Emulates clicking the dropdown `<button>` to show the popover if it is hidden.
-     * @testOnly
-     */
-    openPopover(): Promise<void>;
-    /**
-     * Emulates opening the dropdown and selecting a [Dropdown Item](https://tecton.q2developer.com/design-system/q2-dropdown-item/).
-     *
-     * If the dropdown is closed, this will open it before selecting the item.
-     *
-     * If the value does not match any item's value, this method does nothing.
-     * @testOnly
-     */
-    selectItem(value: string): Promise<void>;
-    /**
-     * Emulates opening the dropdown and selecting a [Dropdown Item](https://tecton.q2developer.com/design-system/q2-dropdown-item/)'s *remove* button.
-     *
-     * If the dropdown is closed, this will open it before selecting the remove item button.
-     *
-     * Requirements for this method to work properly:
-     * - Provided `value` matches the item's `value` property
-     * - Item has the `removable` property enabled
-     * @testOnly
-     */
-    selectRemoveItem(value: string): Promise<void>;
-    additionalContextHandler(): void;
-    alignmentHandler(): void;
-    ariaLabelHandler(): void;
-    contextHandler(): void;
-    contextValueHandler(): void;
-    nameHandler(): void;
-    popDirectionHandler(): void;
-    resolvedTypeHandler(): void;
-    get determineDropdownItemCount(): number;
-    get hasCustomControl(): boolean;
-    get toggleButtonProps(): {
-        icon: boolean;
-        fab: boolean;
-        intent: any;
-        active: boolean;
-        disabled: boolean;
-        ariaExpanded: boolean;
-        className: string;
-        custom: boolean;
-    };
-    _clickItem(value: string): void;
-    _handleActionSheet(event: MouseEvent | KeyboardEvent): Promise<void>;
-    _togglePopover(): void;
-    focusToggle: () => void;
-    navigateTo(featureName: string, moduleName?: string, queryParams?: IDict<string>): void;
-    onClickElsewhere: (event: CustomEvent) => void;
-    onToggleClick: (event: MouseEvent) => Promise<void>;
-    onToggleKeydown: (event: KeyboardEvent) => Promise<void>;
-    onPopoverState: (event: CustomEvent<{
-        open: boolean;
-        action: string;
-    }>) => void;
-    handleFocusOut: (event: FocusEvent) => void;
-    orchestrateResolvedMenuItems(): void;
-    removeResolvedElements(): void;
-    resolveMenu(): Promise<import("src/util").ResolvedMenuItem[]>;
-    resolveMenuItemElements(): Promise<HTMLQ2DropdownItemElement[]>;
-    showOverpanel(overpanelPath: string, params: IDict<string>): Promise<unknown>;
-    render(): any;
-}

package/dist/types/components/q2-editable-field/q2-editable-field.d.ts

@@ -1,140 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { IEventDetail, Q2InputCustomEvent } from "../../components";
-import { Q2Input } from '../q2-input/q2-input';
-export declare class Q2EditableField {
-    cancelBtnElement: HTMLQ2BtnElement;
-    defaultValue: string;
-    editBtnElement: HTMLQ2BtnElement;
-    innerValue: string;
-    inputElement: HTMLQ2InputElement;
-    saveBtnElement: HTMLQ2BtnElement;
-    scheduledAfterRender: (() => void)[];
-    hostElement: HTMLElement;
-    formattedValue: string;
-    /** @deprecated */
-    ariaLabel: string;
-    /** If `true`, component expands to fill the width of its parent element. */
-    block: boolean;
-    /** Disables the edit button and field. */
-    disabled: boolean;
-    /** Controls the edit state of the element. */
-    editing: boolean;
-    /**
-     * Determines the `errors` applied to the `q2-input` element.
-     *
-     * See [q2-input](https://tecton.q2developer.com/design-system/q2-input/) for more information.
-     */
-    errors: string[];
-    /**
-     * Determines the `formatModifier` applied to the `q2-input` element.
-     * @info
-     * Only applicable when `type="currency"`.
-     *
-     * See [q2-input](https://tecton.q2developer.com/design-system/q2-input/) for more information.
-     */
-    formatModifier: string;
-    /** Hide's the field's `<label>` element from view. */
-    hideLabel: boolean;
-    /**
-     * Determines the `hints` applied to the `q2-input` element.
-     *
-     * See [q2-input](https://tecton.q2developer.com/design-system/q2-input/) for more information.
-     */
-    hints: string[];
-    /**
-     * The visible descriptor for the element.
-     * Serves as the input label while in the edit state and as a decorative label for the read state when `persistentLabel` is `true`.
-     * @localizable
-     */
-    label: string;
-    /**
-     * Determines the `maxLength` applied to the `q2-input`.
-     *
-     * See [q2-input](https://tecton.q2developer.com/design-system/q2-input/) for more information.
-     */
-    maxlength: number;
-    /** Displays the provided label in the read state. */
-    persistentLabel: boolean;
-    /** Shortens long values with ellipses instead of splitting into multiple lines. */
-    truncated: boolean;
-    /**
-     * Determines the `type` applied to the `q2-input` element.
-     *
-     * See [q2-input](https://tecton.q2developer.com/design-system/q2-input/) for all `type` values.
-     */
-    type: Q2Input['type'];
-    /** Serves as the visible text while in the read state, and the default value of the input while in the edit state. */
-    value: string;
-    /**
-     * Emitted when the 'Edit', 'Cancel', or 'Save' buttons are clicked.
-     *
-     * The event detail will not include a `value` or `formattedValue` if the event name is 'edit' or 'cancel'.
-     *@info
-     * If you are utilizing events to provide input validation, it is recommended you use the `input` event, not the `change` event.
-     */
-    change: EventEmitter<{
-        editing: boolean;
-        name: 'edit' | 'cancel' | 'save';
-        value?: string;
-        formattedValue?: string;
-    }>;
-    /**
-     * Emitted when the user updates the `q2-input` element in the editing state.
-     */
-    input: EventEmitter<{
-        formattedValue: string;
-        value: string;
-    }>;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    componentDidRender(): void;
-    onHostElementChange(event: CustomEvent): void;
-    delegateFocus(event: FocusEvent): void;
-    /**
-     * Emulates clicking the cancel button, which will hide the `<q2-input>` field.
-     *
-     * @testOnly
-     */
-    clickCancel(): void;
-    /**
-     * Emulates clicking the edit button, which will display the `<q2-input>` field.
-     *
-     * @testOnly
-     */
-    clickEdit(): void;
-    /**
-     * Emulates clicking the save button, saving value in the `<q2-input>` field, and emitting a `change` event.
-     *
-     * @testOnly
-     */
-    clickSave(): void;
-    /**
-     * Emulates clicking the edit button, and setting the value of the `<q2-input>` field.
-     *
-     * If the `clickSave` argument is `true` (default), the save button will be clicked after the value is set, and a\
-     * `change` event will be emitted.
-     *
-     * @testOnly
-     */
-    setValue(value: string, options?: {
-        clickSave?: boolean;
-    }): Promise<void>;
-    ariaLabelObserver(): void;
-    observesEditing(newValue: boolean, oldValue: boolean): void;
-    errorsObserver(): void;
-    get hasErrors(): boolean;
-    get hasHints(): boolean;
-    get locLabel(): string;
-    get wrapperClass(): string;
-    cancelClick: (event?: MouseEvent) => void;
-    editClick: (event: MouseEvent) => void;
-    generateEditBtn(): any;
-    generateEditStateDOM(): any;
-    generateReadStateDOM(): any;
-    inputChange: (e: CustomEvent) => void;
-    inputClick: (event: MouseEvent) => void;
-    inputInput: (event: Q2InputCustomEvent<IEventDetail> & InputEvent) => void;
-    inputKeyDown: (e: KeyboardEvent) => void;
-    saveClick: (event?: MouseEvent) => void;
-    render(): any;
-}

package/dist/types/components/q2-option-list/q2-option-list.d.ts

@@ -1,100 +0,0 @@
-import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-export interface IOptionValue {
-    value: string;
-    display?: string;
-}
-export type ValidOptionElements = HTMLQ2OptionElement | HTMLQ2DropdownItemElement;
-export declare class Q2OptionList implements ComponentInterface {
-    activeIndex: number;
-    contentElement: HTMLElement;
-    keyStore: {
-        queue: string[];
-        lastPressedAt: Date;
-    };
-    pivotIndex: number;
-    scheduledAfterRender: (() => void)[];
-    searchString: string;
-    searchStringTimer: number;
-    hostElement: HTMLElement;
-    hasOptions: boolean;
-    align: 'left' | 'right';
-    /** Indicates a custom search is being implemented for the option list. */
-    customSearch: boolean;
-    /** Disables the option list. */
-    disabled: boolean;
-    /** Determines the label that is applied to the option list for accessibility purposes. */
-    label: string;
-    /**
-     * Enables the multi-select ability for the option list.
-     * @info
-     * Only applicable when options are provided.
-     */
-    multiple: boolean;
-    /** Disables the logic that handles selecting and focusing an option in the option list. */
-    noSelect: boolean;
-    /** A list of the selected options on the element. */
-    selectedOptions: IOptionValue[];
-    /** Applies focus to the selected option. */
-    showSelected: boolean;
-    /** Translates to the role of the option list */
-    type: 'menu' | 'listbox';
-    /**
-     * Emitted when an option is selected or deselected.
-     *
-     * When the multi-select is enabled, the `value` property will be `undefined` and the `selectedOptions` property
-     * will contain the selected option values.
-     */
-    change: EventEmitter<{
-        value: string;
-        values: IOptionValue[];
-    }>;
-    /**
-     * Emitted to indicate the intended state of the popover.
-     * @private
-     */
-    popoverState: EventEmitter<{
-        open: boolean;
-        action: 'close' | 'select' | 'open';
-    }>;
-    /**
-     * Emitted when the component has finished rendering.
-     * @private
-     */
-    ready: EventEmitter<undefined>;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    componentDidRender(): void;
-    handleClick(event: MouseEvent): void;
-    delegateFocus(event: FocusEvent): void;
-    getContents(): Promise<(HTMLQ2OptgroupElement | ValidOptionElements)[]>;
-    getOptions(): Promise<ValidOptionElements[]>;
-    handleExternalKeydown(event: KeyboardEvent): Promise<void>;
-    setActiveElement(index: number): Promise<void>;
-    setDefaultActiveElement(): Promise<void>;
-    selectedOptionsUpdated(): void;
-    showSelectedUpdated(showSelected: boolean): void;
-    get allContents(): (HTMLQ2OptgroupElement | ValidOptionElements)[];
-    get allOptions(): ValidOptionElements[];
-    get allVisibleOptions(): ValidOptionElements[];
-    adjustActiveOptionAndScroll(numToAdd: number): void;
-    checkOptions(): void;
-    clickHandler: (event: Event) => void;
-    externalKeydownHandler: (event: KeyboardEvent) => void;
-    focusoutHandler: (event: FocusEvent) => void;
-    focusSelectedSibling(option: ValidOptionElements): void;
-    getDefaultActiveIndex(): number;
-    getNextVisibleIndex(direction: any): number;
-    getRootSlot(element: Element): Element[];
-    internalKeydownHandler: (event: KeyboardEvent) => void;
-    openDropdownWithActiveElement(activeIndex: number): Promise<void>;
-    resetTimer(): void;
-    scrollToActiveOption(): void;
-    searchAndFocus: (keyValue: string, shouldSelect: boolean) => void;
-    searchOptions(key: string, shouldSelect?: boolean): void;
-    selectOption(selectedOption: ValidOptionElements): void;
-    setActiveOption(): void;
-    setFocusedOption(): void;
-    updateMultipleOptionAttrs(): void;
-    updateSingleOptionAttrs(): void;
-    render(): any;
-}