/** * @attr { Boolean } bordered - If declared, applies a border around the trigger slot. * @attr { Boolean } chevron - If declared, the dropdown displays an display state chevron on the right. * @attr { Boolean } disabled - If declared, the dropdown is not interactive. * @attr { Boolean } disableEventShow - If declared, the dropdown will only show by calling the API .show() public method. * @attr { Boolean } error - If declared in combination with `bordered` property or `helpText` slot content, will apply red color to both. * @attr { Boolean } matchWidth - If declared, the popover and trigger will be set to the same width. * @attr { Boolean } inset - If declared, will apply padding around trigger slot content. * @attr { Boolean } rounded - If declared, will apply border-radius to trigger and default slots. * @attr { Boolean } noToggle - If declared, the trigger will only show the dropdown bib. * @attr { Boolean } noHideOnThisFocusLoss - If delclared, the dropdown will not hide when moving focus outside the element. * @prop { Boolean } isPopoverVisible - If true, the dropdown bib is displayed. * @prop { Boolean } ready - When false the component API should not be called. * @slot - Default slot for the popover content. * @slot label - Defines the content of the label. * @slot helpText - Defines the content of the helpText. * @slot trigger - Defines the content of the trigger. * @csspart trigger - The trigger content container. * @csspart chevron - The collapsed/expanded state icon container. * @csspart helpText - The helpText content container. * @csspart popover - The bib content container. * @event auroDropdown-triggerClick - Notifies that the trigger has been clicked. * @event dropdownToggled - (DEPRECATED) Notifies that the visibility of the dropdown bib has changed. * @event auroDropdown-ready - Notifies that the component has finished initializing. * @event auroDropdown-toggled - Notifies that the visibility of the dropdown bib has changed. */ export class AuroDropdown extends LitElement { static get properties(): { bordered: { type: BooleanConstructor; reflect: boolean; }; chevron: { type: BooleanConstructor; reflect: boolean; }; disabled: { type: BooleanConstructor; reflect: boolean; }; error: { type: BooleanConstructor; reflect: boolean; }; inset: { type: BooleanConstructor; reflect: boolean; }; matchWidth: { type: BooleanConstructor; reflect: boolean; }; rounded: { type: BooleanConstructor; reflect: boolean; }; noToggle: { type: BooleanConstructor; reflect: boolean; }; noHideOnThisFocusLoss: { type: BooleanConstructor; reflect: boolean; }; isPopoverVisible: { type: BooleanConstructor; }; ready: { type: BooleanConstructor; }; /** * @private */ dropdownWidth: { type: NumberConstructor; }; /** * @private */ placement: { type: StringConstructor; }; /** * @private */ tabIndex: { type: NumberConstructor; }; }; static get styles(): import("lit").CSSResult[]; /** * This will register this element with the browser. * @param {string} [name="auro-dropdown"] - The name of element that you want to register to. * * @example * AuroDropdown.register("custom-dropdown") // this will register this element to * */ static register(name?: string): void; isPopoverVisible: boolean; matchWidth: boolean; noHideOnThisFocusLoss: boolean; resizeObserver: ResizeObserver; /** * @private * @returns {void} Internal defaults. */ private privateDefaults; bordered: boolean; chevron: boolean; disabled: boolean; error: boolean; inset: boolean; placement: string; rounded: boolean; ready: boolean; noToggle: boolean; /** * @private */ private runtimeUtils; iconTag: any; /** * @private * @returns {void} Exposes CSS parts for styling from parent components. */ private exposeCssParts; /** * @private * @returns {void} Makes dropdown content width match the trigger. */ private fixWidth; dropdownWidth: number; /** * @private * @returns {void} Automatically defines tabindex where needed for trigger content. */ private handleTriggerTabIndex; /** * @private * @returns {void} Determines if dropdown bib should be closed on focus change. */ private handleFocusLoss; firstUpdated(): void; trigger: Element; triggerChevron: Element; auroPopover: Element; popper: Popover; /** * @private * @returns {void} Marks the component as ready and sends event. */ private notifyReady; /** * @private * @returns {void} Hides the popover. Fires an update lifecycle. */ private toggleHide; /** * @private * @returns {void} Shows the popover. Fires an update lifecycle. */ private toggleShow; /** * Hides the dropdown content. * @returns {void} */ hide(): void; /** * Shows the dropdown content. * @returns {void} */ show(): void; /** * @private * @returns {void} Dispatches event with an object showing the state of the dropdown. */ private dispatchEventDropdownToggle; updated(changedProperties: any): void; /** * Internal method to set up the resize observer. When an element is resized, we update * the popper instance. * @private * @return {void} */ private setUpResizeObserver; render(): import("lit-html").TemplateResult; } import { LitElement } from "lit"; import Popover from "../lib/popover.js"; //# sourceMappingURL=auro-dropdown.d.ts.map