@odx/foundation 1.0.0-beta.21 → 1.0.0-beta.210

package/dist/components/list-item/list-item.d.ts

@@ -0,0 +1,24 @@
+import { CanBeExpanded, LinkControlElement } from '../../main.js';
+import { PropertyValues, TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-list-item': OdxListItem;
+    }
+}
+declare const OdxListItem_base: import('../../utils/main.js').Constructor<CanBeExpanded> & typeof LinkControlElement;
+export declare class OdxListItem extends OdxListItem_base {
+    #private;
+    contentElement?: HTMLElementTagNameMap['odx-toggle-content'];
+    expandControl?: HTMLElement;
+    muted: boolean;
+    selected: boolean;
+    withExpandControl: boolean;
+    isExpandable(): boolean;
+    connectedCallback(): void;
+    protected render(): TemplateResult;
+    protected renderContent(): TemplateResult;
+    protected willUpdate(props: PropertyValues<this>): void;
+    protected updated(props: PropertyValues<this>): void;
+}
+export {};
+//# sourceMappingURL=list-item.d.ts.map

package/dist/components/loader.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=loader.d.ts.map

package/dist/components/loading-overlay/loading-overlay.d.ts

@@ -1,21 +1,19 @@
-import { CustomElement } from '../../lib/main.js';
+import { CustomElement } from '../../main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-loading-overlay': OdxLoadingOverlay;
     }
 }
-export declare const LOADING_OVERLAY_HOST_DIRECTIVE = "odx-loading-overlay-host";
-declare const OdxLoadingOverlay_base: import('../../lib/main.js').Constructor<import('../../lib/main.js').HasLoadingState> & typeof CustomElement;
-export declare class OdxLoadingOverlay extends OdxLoadingOverlay_base {
+export declare class OdxLoadingOverlay extends CustomElement {
     #private;
     private readonly overlay;
     get loadingContainer(): HTMLElement;
+    loading: boolean;
     disconnectedCallback(): void;
     protected updated(props: PropertyValues<this>): Promise<void>;
     protected render(): TemplateResult;
     protected showOverlay(): void;
     protected hideOverlay(): void;
 }
-export {};
 //# sourceMappingURL=loading-overlay.d.ts.map

package/dist/components/loading-spinner/loading-spinner.d.ts

@@ -1,13 +1,19 @@
-import { CustomElement } from '../../lib/main.js';
+import { CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-loading-spinner': OdxLoadingSpinner;
     }
 }
+export type LoadingSpinnerType = ValuesOf<typeof LoadingSpinnerType>;
+export declare const LoadingSpinnerType: {
+    readonly SPINNER: "spinner";
+    readonly DOTS: "dots";
+    readonly INLINE: "inline";
+};
 export declare class OdxLoadingSpinner extends CustomElement {
-    #private;
-    variant?: 'dots' | null;
+    type: LoadingSpinnerType;
     protected render(): TemplateResult;
 }
 //# sourceMappingURL=loading-spinner.d.ts.map

package/dist/components/logo/logo.d.ts

@@ -1,12 +1,21 @@
-import { CustomElement } from '../../lib/main.js';
-import { LogoSize } from './logo.models.js';
+import { CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-logo': OdxLogo;
     }
 }
+export type LogoSize = ValuesOf<typeof LogoSize>;
+export declare const LogoSize: Pick<{
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+}, "XS" | "SM" | "MD" | "LG" | "XL">;
 export declare class OdxLogo extends CustomElement {
-    size?: LogoSize;
+    size: LogoSize;
     compact: boolean;
     connectedCallback(): void;
 }

package/dist/components/main-menu/index.d.ts

@@ -1,6 +1,3 @@
-export * from './main-menu-button.js';
-export * from './main-menu-link.js';
-export * from './main-menu-subtitle.js';
-export * from './main-menu-title.js';
 export * from './main-menu.js';
+export * from './main-menu-button.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/main-menu/main-menu-button.d.ts

@@ -1,4 +1,4 @@
-import { CustomElement } from '../../lib/main.js';
+import { CustomElement } from '../../main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
@@ -6,7 +6,8 @@ declare global {
     }
 }
 export declare class OdxMainMenuButton extends CustomElement {
-    #private;
+    label?: string;
+    connectedCallback(): void;
     protected render(): TemplateResult;
 }
 //# sourceMappingURL=main-menu-button.d.ts.map

package/dist/components/main-menu/main-menu.d.ts

@@ -1,4 +1,4 @@
-import { CustomElement } from '../../lib/main.js';
+import { CustomElement } from '../../main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
@@ -7,12 +7,6 @@ declare global {
 }
 export declare class OdxMainMenu extends CustomElement {
     #private;
-    private links;
-    constructor();
-    connectedCallback(): void;
-    toggle(): void;
-    open(): void;
-    close(): void;
     protected render(): TemplateResult;
 }
 //# sourceMappingURL=main-menu.d.ts.map

package/dist/components/main.d.ts

@@ -1,65 +1,82 @@
-export * from './accordion/index.js';
-export * from './action-group/index.js';
+export * from './accordion/accordion.js';
+export * from './accordion-item/accordion-item.js';
+export * from './accordion-panel/accordion-panel.js';
+export * from './action-button/action-button.js';
+export * from './action-group/action-group.js';
 export * from './anchor-navigation/index.js';
-export * from './area-header/index.js';
-export * from './avatar-group/index.js';
-export * from './avatar/index.js';
-export * from './badge/index.js';
-export * from './breadcrumbs/index.js';
-export * from './button-group/index.js';
-export * from './button/index.js';
-export * from './card/index.js';
-export * from './checkbox-group/index.js';
-export * from './checkbox/index.js';
-export * from './chip/index.js';
-export * from './circular-progress-bar/index.js';
-export * from './combobox/index.js';
-export * from './content-box/index.js';
-export * from './dropdown/index.js';
-export * from './form-field/index.js';
+export * from './area-footer/area-footer.js';
+export * from './area-header/area-header.js';
+export * from './autocomplete/autocomplete.js';
+export * from './avatar/avatar.js';
+export * from './badge/badge.js';
+export * from './breadcrumbs/breadcrumbs.js';
+export * from './button/button.js';
+export * from './button-group/button-group.js';
+export * from './card/card.js';
+export * from './checkbox/checkbox.js';
+export * from './checkbox-group/checkbox-group.js';
+export * from './chip/chip.js';
+export * from './drawer/drawer.js';
+export * from './dropdown/dropdown.js';
+export * from './empty-state/empty-state.js';
+export * from './form-field/form-field.js';
 export * from './format/index.js';
+export * from './gradient-overlay/gradient-overlay.js';
 export * from './header/index.js';
-export * from './headline/index.js';
-export * from './highlight/index.js';
-export * from './icon-button/index.js';
-export * from './image/index.js';
-export * from './inline-message/index.js';
-export * from './input/index.js';
-export * from './line-clamp/index.js';
-export * from './link/index.js';
-export * from './list/index.js';
-export * from './loading-overlay/index.js';
-export * from './loading-spinner/index.js';
-export * from './logo/index.js';
+export * from './highlight/highlight.js';
+export * from './icon-button/icon-button.js';
+export * from './image/image.js';
+export * from './inline-message/inline-message.js';
+export * from './input/input.js';
+export * from './key-value/key-value.js';
+export * from './key-value-list/key-value-list.js';
+export * from './label/label.js';
+export * from './line-clamp/line-clamp.js';
+export * from './link/link.js';
+export * from './list/list.js';
+export * from './list-item/list-item.js';
+export * from './loading-overlay/loading-overlay.js';
+export * from './loading-spinner/loading-spinner.js';
+export * from './logo/logo.js';
 export * from './main-menu/index.js';
-export * from './menu-item/index.js';
-export * from './menu/index.js';
-export * from './modal/index.js';
-export * from './navigation-item/index.js';
-export * from './option/index.js';
-export * from './page-layout/index.js';
-export * from './page/index.js';
-export * from './pagination/index.js';
-export * from './progress-bar/index.js';
-export * from './radio-button/index.js';
-export * from './radio-group/index.js';
-export * from './rail-navigation/index.js';
-export * from './search-bar/index.js';
-export * from './select/index.js';
-export * from './separator/index.js';
-export * from './skeleton/index.js';
+export * from './menu/menu.js';
+export * from './menu-item/menu-item.js';
+export * from './modal/modal.js';
+export * from './navigation/navigation.js';
+export * from './navigation-item/navigation-item.js';
+export * from './navigation-item-group/navigation-item-group.js';
+export * from './option/option.js';
+export * from './page/page.js';
+export * from './page-layout/page-layout.js';
+export * from './pagination/pagination.js';
+export * from './popover/popover.js';
+export * from './popover/popover-host.js';
+export * from './progress-bar/progress-bar.js';
+export * from './progress-ring/progress-ring.js';
+export * from './radio-button/radio-button.js';
+export * from './radio-group/radio-group.js';
+export * from './rail-navigation/rail-navigation.js';
+export * from './scroll-container/scroll-container.js';
+export * from './search-bar/search-bar.js';
+export * from './select/select.js';
+export * from './separator/separator.js';
+export * from './sidebar/sidebar.js';
+export * from './skeleton/skeleton.js';
 export * from './slider/index.js';
-export * from './spacer/index.js';
-export * from './spinbox/index.js';
-export * from './stack/index.js';
-export * from './switch/index.js';
+export * from './spinbox/spinbox.js';
+export * from './status/status.js';
+export * from './switch/switch.js';
+export * from './tab-bar/tab-bar.js';
 export * from './table/index.js';
-export * from './text/index.js';
-export * from './title/index.js';
-export * from './toast/index.js';
-export * from './toggle-button/index.js';
-export * from './toggle-content/index.js';
-export * from './tooltip/index.js';
-export * from './translate/index.js';
-export * from './visually-hidden/index.js';
+export * from './text/text.js';
+export * from './textarea/textarea.js';
+export * from './tile/tile.js';
+export * from './title/title.js';
+export * from './toast/toast.js';
+export * from './toggle-button/toggle-button.js';
+export * from './toggle-button-group/toggle-button-group.js';
+export * from './toggle-content/toggle-content.js';
+export * from './toolbar/toolbar.js';
+export * from './tooltip/tooltip.js';
+export * from './translate/translate.js';
 //# sourceMappingURL=main.d.ts.map

package/dist/components/menu/menu.d.ts

@@ -1,6 +1,6 @@
-import { PopoverHost } from '../../cdk/main.js';
-import { TemplateResult } from 'lit';
-import { OdxMenuItem } from '../menu-item/index.js';
+import { PropertyValues, TemplateResult } from 'lit';
+import { MenuItemSize, OdxMenuItem } from '../menu-item/menu-item.js';
+import { PopoverHost } from '../popover/popover-host.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-menu': OdxMenu;
@@ -8,14 +8,16 @@ declare global {
 }
 export declare class OdxMenu extends PopoverHost {
     #private;
+    size: MenuItemSize;
     getItems(): OdxMenuItem[];
     connectedCallback(): void;
-    mountPopover(referenceElement?: HTMLElement): void;
+    mountPopover(referenceElement: HTMLElement | null): void;
     unmountPopover(referenceElement: HTMLElement): void;
     onBeforePopoverShow(): void;
     onPopoverShow(): void;
     onBeforePopoverHide(): void;
-    protected isMenuItem(element: Element): element is OdxMenuItem;
+    protected isMenuItem(element: HTMLElement): element is OdxMenuItem;
     protected render(): TemplateResult;
+    protected updated(props: PropertyValues<this>): void;
 }
 //# sourceMappingURL=menu.d.ts.map

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

@@ -1,13 +1,36 @@
-import { AvailableIcons } from '../../lib/main.js';
-import { InteractiveElement } from '../../cdk/main.js';
+import { LinkControlElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
+import { OdxIconName } from '@odx/icons';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-menu-item': OdxMenuItem;
     }
 }
-export declare class OdxMenuItem extends InteractiveElement {
-    icon?: AvailableIcons | null;
+export type MenuItemSize = ValuesOf<typeof MenuItemSize>;
+export declare const MenuItemSize: Pick<Pick<{
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+}, "SM" | "MD" | "LG">, "SM" | "MD">;
+export type MenuItemVariant = ValuesOf<typeof MenuItemVariant>;
+export declare const MenuItemVariant: Pick<{
+    readonly NEUTRAL: "neutral";
+    readonly NEUTRAL_SUBTLE: "neutral-subtle";
+    readonly PRIMARY: "primary";
+    readonly ACCENT: "accent";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+}, "NEUTRAL" | "DANGER">;
+export declare class OdxMenuItem extends LinkControlElement {
+    protected loadingSpinnerSlot: "prefix";
+    icon?: OdxIconName | null;
+    size: MenuItemSize;
+    variant: MenuItemVariant;
     protected renderContent(): TemplateResult;
     connectedCallback(): void;
 }

package/dist/components/modal/modal.d.ts

@@ -1,35 +1,18 @@
-import { CustomElement } from '../../lib/main.js';
+import { DialogElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
-import { ModalVariant } from './modal.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-modal': OdxModal;
     }
 }
-export type ModalHookFn = (modal: OdxModal) => Promise<void> | void;
-export type ModalGuardFn = (modal: OdxModal) => Promise<boolean> | boolean;
-export declare class OdxModal extends CustomElement {
-    #private;
-    private closeRequested;
-    private showRequested;
-    private dialog;
-    private modalContainer;
-    backdropDisabled?: boolean;
-    dismissable?: boolean;
-    open: boolean;
-    variant?: ModalVariant | null;
-    constructor();
-    connectedCallback(): void;
-    canShow?: ModalGuardFn;
-    beforeShow?: ModalHookFn;
-    afterShow?: ModalHookFn;
-    canClose?: ModalGuardFn;
-    beforeClose?: ModalHookFn;
-    afterClose?: ModalHookFn;
-    show(): Promise<void>;
-    close(returnValue?: string): Promise<void>;
-    dismiss(): Promise<void>;
-    protected render(): TemplateResult;
-    protected updated(props: PropertyValues<this>): void;
+export type ModalLayout = ValuesOf<typeof ModalLayout>;
+export declare const ModalLayout: {
+    MODAL: string;
+    SIDESHEET: string;
+};
+export declare class OdxModal extends DialogElement {
+    protected renderContent(): TemplateResult;
+    protected update(props: PropertyValues<this>): void;
 }
 //# sourceMappingURL=modal.d.ts.map

package/dist/components/navigation/navigation.d.ts

@@ -0,0 +1,18 @@
+import { ControlSize, CustomElement } from '../../main.js';
+import { PropertyValues, TemplateResult } from 'lit';
+import { OdxNavigationItem } from '../navigation-item/navigation-item.js';
+import { OdxNavigationItemGroup } from '../navigation-item-group/navigation-item-group.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-navigation': OdxNavigation;
+    }
+}
+export declare class OdxNavigation extends CustomElement {
+    horizontal: boolean;
+    size: ControlSize;
+    getItems(deep?: boolean): Array<OdxNavigationItemGroup | OdxNavigationItem>;
+    connectedCallback(): void;
+    protected render(): TemplateResult;
+    protected updated(props: PropertyValues<this>): void;
+}
+//# sourceMappingURL=navigation.d.ts.map

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

@@ -1,14 +1,18 @@
-import { CanBeSelected } from '../../lib/main.js';
-import { InteractiveElement } from '../../cdk/main.js';
-import { NavigationItemSize } from './navigation-item.models.js';
+import { LinkControlElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-navigation-item': OdxNavigationItem;
     }
 }
-declare const OdxNavigationItem_base: import('../../lib/main.js').Constructor<CanBeSelected> & typeof InteractiveElement;
-export declare class OdxNavigationItem extends OdxNavigationItem_base {
-    size?: NavigationItemSize | null;
+export type NavigationItemAppearance = ValuesOf<typeof NavigationItemAppearance>;
+export declare const NavigationItemAppearance: {
+    readonly BUTTON: "button";
+    readonly LINK: "link";
+};
+export declare class OdxNavigationItem extends LinkControlElement {
+    appearance: NavigationItemAppearance;
+    active: boolean;
+    compact: boolean;
 }
-export {};
 //# sourceMappingURL=navigation-item.d.ts.map

package/dist/components/navigation-item-group/navigation-item-group.d.ts

@@ -0,0 +1,20 @@
+import { CanBeDisabled, CanBeExpanded, ControlSize, CustomElement } from '../../main.js';
+import { PropertyValues, TemplateResult } from 'lit';
+import { OdxNavigationItem } from '../navigation-item/navigation-item.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-navigation-item-group': OdxNavigationItemGroup;
+    }
+}
+declare const OdxNavigationItemGroup_base: import('../../utils/main.js').Constructor<CanBeExpanded> & import('../../utils/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+export declare class OdxNavigationItemGroup extends OdxNavigationItemGroup_base {
+    active: boolean;
+    label: string;
+    loading: boolean;
+    size: ControlSize;
+    getItems(_deep?: boolean): OdxNavigationItem[];
+    protected render(): TemplateResult;
+    protected updated(props: PropertyValues<this>): void;
+}
+export {};
+//# sourceMappingURL=navigation-item-group.d.ts.map

package/dist/components/option/option.d.ts

@@ -1,11 +1,14 @@
-import { OptionControl } from '../../cdk/main.js';
+import { ControlElement, OptionControl } from '../../main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-option': OdxOption;
     }
 }
-export declare class OdxOption extends OptionControl {
-    protected render(): TemplateResult;
+declare const OdxOption_base: import('../../utils/types.js').Constructor<OptionControl> & typeof ControlElement;
+export declare class OdxOption extends OdxOption_base {
+    connectedCallback(): void;
+    protected renderContent(): TemplateResult;
 }
+export {};
 //# sourceMappingURL=option.d.ts.map

package/dist/components/page/page.d.ts

@@ -1,17 +1,31 @@
-import { CustomElement } from '../../lib/main.js';
-import { TemplateResult } from 'lit';
-import { PageAlignment, PageLayout } from './page.models.js';
+import { CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
+import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-page': OdxPage;
     }
 }
+export type PageAlignment = ValuesOf<typeof PageAlignment>;
+export declare const PageAlignment: Pick<{
+    readonly START: "start";
+    readonly CENTER: "center";
+    readonly END: "end";
+}, "START" | "CENTER">;
+export type PageLayout = ValuesOf<typeof PageLayout>;
+export declare const PageLayout: {
+    readonly DEFAULT: "default";
+    readonly NARROW: "narrow";
+    readonly WIDE: "wide";
+    readonly FULL: "full";
+};
 export declare class OdxPage extends CustomElement {
     headerElement: HTMLElement;
     subheaderElement: HTMLElement;
-    alignment?: PageAlignment | null;
-    layout?: PageLayout | null;
-    firstUpdated(): void;
+    alignment: PageAlignment;
+    layout: PageLayout;
+    firstUpdated(props: PropertyValues<this>): void;
+    disconnectedCallback(): void;
     protected render(): TemplateResult;
 }
 //# sourceMappingURL=page.d.ts.map

package/dist/components/page-layout/page-layout.d.ts

@@ -1,11 +1,19 @@
-import { CustomElement } from '../../lib/main.js';
+import { CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-page-layout': OdxPageLayout;
     }
 }
+export type PageLayoutAlignment = ValuesOf<typeof PageLayoutAlignment>;
+export declare const PageLayoutAlignment: Pick<{
+    readonly START: "start";
+    readonly CENTER: "center";
+    readonly END: "end";
+}, "START" | "CENTER" | "END">;
 export declare class OdxPageLayout extends CustomElement {
+    alignment: PageLayoutAlignment;
     protected render(): TemplateResult;
 }
 //# sourceMappingURL=page-layout.d.ts.map

package/dist/components/pagination/pagination.d.ts

@@ -1,4 +1,4 @@
-import { CustomElement } from '../../lib/main.js';
+import { CustomElement } from '../../main.js';
 import { IsLocalized } from '../../i18n/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 declare global {
@@ -6,8 +6,9 @@ declare global {
         'odx-pagination': OdxPagination;
     }
 }
-declare const OdxPagination_base: import('../../lib/main.js').Constructor<IsLocalized> & typeof CustomElement;
+declare const OdxPagination_base: import('../../utils/types.js').Constructor<IsLocalized> & typeof CustomElement;
 export declare class OdxPagination extends OdxPagination_base {
+    compact: boolean;
     page: number;
     pageSize: number;
     totalItems: number;

package/dist/components/popover/compute-popover-placement.d.ts

@@ -0,0 +1,13 @@
+import { Placement, ReferenceElement } from '@floating-ui/dom';
+export interface PopoverPlacementOptions {
+    placement: Placement;
+    arrowElement?: HTMLElement | null;
+    enableFallback: boolean;
+    fallbackAxisSideDirection: 'none' | 'start' | 'end';
+    matchReferenceWidth: boolean;
+    minHeight?: number | null;
+    offset: number;
+}
+export declare function PopoverPlacementOptions(options?: Partial<PopoverPlacementOptions>): PopoverPlacementOptions;
+export declare function computePopoverPlacement(referenceElement: ReferenceElement, floatingElement: HTMLElement, options: PopoverPlacementOptions): Promise<void>;
+//# sourceMappingURL=compute-popover-placement.d.ts.map

package/dist/components/popover/popover-host.d.ts

@@ -0,0 +1,43 @@
+import { CanBeDisabled, CustomElement, Placement } from '../../main.js';
+import { PropertyValues } from 'lit';
+import { PopoverPlacementOptions } from './compute-popover-placement.js';
+import { OdxPopover } from './popover.js';
+export * from './compute-popover-placement.js';
+declare global {
+    interface HTMLElement {
+        'odx-popover-toggle': string;
+    }
+}
+export declare const PopoverToggleCommand: import('../../utils/main.js').CommandDirective<"odx-popover-toggle">;
+declare const PopoverHost_base: import('../../utils/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+export declare class PopoverHost extends PopoverHost_base {
+    #private;
+    private static initialized;
+    static readonly styles: import('lit').CSSResult;
+    protected popoverElement: OdxPopover;
+    open: boolean;
+    set referenceElement(value: HTMLElement | null);
+    get referenceElement(): HTMLElement | null;
+    placement: Placement;
+    fpsLimit: number;
+    get popoverPlacementOptions(): PopoverPlacementOptions;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    hasMountedPopover(element: HTMLElement): boolean;
+    mountPopover(referenceElement: HTMLElement | null): void;
+    unmountPopover(_referenceElement: HTMLElement): void;
+    hasOpenPopover(referenceElement: HTMLElement | null): boolean;
+    showPopover(): Promise<void>;
+    hidePopover(): void;
+    togglePopover(state?: boolean): boolean;
+    canPopoverShow?(): boolean;
+    onBeforePopoverShow?(): Promise<void> | void;
+    onPopoverShow?(): Promise<void> | void;
+    canPopoverHide?(): boolean;
+    onBeforePopoverHide?(): Promise<void> | void;
+    onPopoverHide?(): Promise<void> | void;
+    updateReferenceElementFromEvent(event: Event): void;
+    protected willUpdate(props: PropertyValues<this>): void;
+}
+//# sourceMappingURL=popover-host.d.ts.map