vira 26.13.1 → 27.0.0

package/dist/elements/define-vira-element.d.ts

@@ -15,4 +15,4 @@ export type ViraTagName = `${typeof ViraTagNamePrefix}${string}`;
  *
  * @category Internal
  */
-export declare const defineViraElement: <Inputs extends {}>(...errorParams: import("element-vir").DeclarativeElementInputErrorParams<Inputs>) => <const TagName extends `vira-${string}`, State extends {}, EventsInit extends {}, const HostClassKeys extends `${TagName}-${string}` = `${TagName}-`, const CssVarKeys extends `${TagName}-${string}` = `${TagName}-`, const SlotNames extends ReadonlyArray<string> = readonly []>(inputs: import("element-vir").DeclarativeElementInit<TagName, Inputs, State, EventsInit, HostClassKeys, CssVarKeys, SlotNames>) => import("element-vir").DeclarativeElementDefinition<TagName, Inputs, State, EventsInit, HostClassKeys, CssVarKeys, SlotNames>;
+export declare const defineViraElement: <Inputs extends {}>(...errorParams: import("element-vir").DeclarativeElementInputErrorParams<Inputs>) => <const TagName extends `vira-${string}`, State extends {}, EventsInit extends {}, const HostClassKeys extends `${TagName}-${string}` = `${TagName}-`, const CssVarKeys extends `${TagName}-${string}` = `${TagName}-`, const SlotNames extends ReadonlyArray<string> = readonly [], const TestIds extends ReadonlyArray<string> = readonly []>(inputs: import("element-vir").DeclarativeElementInit<TagName, Inputs, State, EventsInit, HostClassKeys, CssVarKeys, SlotNames, TestIds>) => import("element-vir").DeclarativeElementDefinition<TagName, Inputs, State, EventsInit, HostClassKeys, CssVarKeys, SlotNames, TestIds>;

package/dist/elements/index.d.ts

@@ -1,11 +1,11 @@
 export * from './define-vira-element.js';
-export * from './pop-up/pop-up-helpers.js';
-export * from './pop-up/pop-up-menu-item.js';
-export * from './pop-up/vira-menu-item.element.js';
-export * from './pop-up/vira-menu-trigger.element.js';
-export * from './pop-up/vira-menu.element.js';
-export * from './pop-up/vira-pop-up-menu.element.js';
-export * from './pop-up/vira-pop-up-trigger.element.js';
+export * from './popover/popover-helpers.js';
+export * from './popover/popover-menu-item.js';
+export * from './popover/vira-menu-item.element.js';
+export * from './popover/vira-menu-trigger.element.js';
+export * from './popover/vira-menu.element.js';
+export * from './popover/vira-popover-menu.element.js';
+export * from './popover/vira-popover-trigger.element.js';
 export * from './vira-bold-text.element.js';
 export * from './vira-button.element.js';
 export * from './vira-checkbox.element.js';

package/dist/elements/index.js

@@ -1,11 +1,11 @@
 export * from './define-vira-element.js';
-export * from './pop-up/pop-up-helpers.js';
-export * from './pop-up/pop-up-menu-item.js';
-export * from './pop-up/vira-menu-item.element.js';
-export * from './pop-up/vira-menu-trigger.element.js';
-export * from './pop-up/vira-menu.element.js';
-export * from './pop-up/vira-pop-up-menu.element.js';
-export * from './pop-up/vira-pop-up-trigger.element.js';
+export * from './popover/popover-helpers.js';
+export * from './popover/popover-menu-item.js';
+export * from './popover/vira-menu-item.element.js';
+export * from './popover/vira-menu-trigger.element.js';
+export * from './popover/vira-menu.element.js';
+export * from './popover/vira-popover-menu.element.js';
+export * from './popover/vira-popover-trigger.element.js';
 export * from './vira-bold-text.element.js';
 export * from './vira-button.element.js';
 export * from './vira-checkbox.element.js';

package/dist/elements/{pop-up/pop-up-helpers.d.ts → popover/popover-helpers.d.ts}

@@ -1,5 +1,5 @@
-import { type PopUpManager, type ShowPopUpResult } from '../../util/pop-up-manager.js';
-import { type MenuItem } from './pop-up-menu-item.js';
+import { type PopoverManager, type ShowPopoverResult } from '../../util/popover-manager.js';
+import { type MenuItem } from './popover-menu-item.js';
 /**
  * Verifies that all items have unique ids.
  *
@@ -18,13 +18,13 @@ export declare function updateSelectedItems(
 /** The item that should be newly toggled. */
 newItem: Readonly<MenuItem>, currentSelection?: ReadonlyArray<PropertyKey>, isMultiSelect?: boolean): PropertyKey[];
 /**
- * Handles toggling pop up state for `ViraDropdown`.
+ * Handles toggling popover state for `ViraDropdown`.
  *
  * @category Internal
  */
-export declare function triggerPopUpState({ open, callback, popUpManager, host, }: {
+export declare function triggerPopoverState({ open, callback, popoverManager, host, }: {
     open: boolean;
-    popUpManager: PopUpManager;
+    popoverManager: PopoverManager;
     host: HTMLElement;
-    callback?: ((showPopUpResult: ShowPopUpResult | undefined) => void) | undefined;
+    callback?: ((showPopoverResult: ShowPopoverResult | undefined) => void) | undefined;
 }): void;

package/dist/elements/{pop-up/pop-up-helpers.js → popover/popover-helpers.js}

@@ -42,17 +42,17 @@ newItem, currentSelection = [], isMultiSelect = false) {
     }
 }
 /**
- * Handles toggling pop up state for `ViraDropdown`.
+ * Handles toggling popover state for `ViraDropdown`.
  *
  * @category Internal
  */
-export function triggerPopUpState({ open, callback, popUpManager, host, }) {
+export function triggerPopoverState({ open, callback, popoverManager, host, }) {
     if (open) {
-        const showPopUpResult = popUpManager.showPopUp(host);
-        callback?.(showPopUpResult);
+        const showPopoverResult = popoverManager.showPopover(host);
+        callback?.(showPopoverResult);
     }
     else {
-        popUpManager.removePopUp();
+        popoverManager.removePopover();
         callback?.(undefined);
     }
 }

package/dist/elements/{pop-up → popover}/vira-menu-item.element.d.ts

@@ -1,9 +1,9 @@
 import { type PartialWithUndefined } from '@augment-vir/common';
-import { type MenuItem } from './pop-up-menu-item.js';
+import { type MenuItem } from './popover-menu-item.js';
 /**
  * An element for an individual menu item.
  *
- * @category PopUp
+ * @category Popover
  * @category Elements
  */
 export declare const ViraMenuItem: import("element-vir").DeclarativeElementDefinition<"vira-menu-item", Readonly<{
@@ -16,4 +16,4 @@ export declare const ViraMenuItem: import("element-vir").DeclarativeElementDefin
     label: MenuItem["label"];
     /** If `true`, does not render the selected check icon. */
     hideCheckIcon: boolean;
-}>>, {}, {}, "vira-menu-item-selected", "vira-menu-item-", readonly []>;
+}>>, {}, {}, "vira-menu-item-selected", "vira-menu-item-", readonly [], readonly []>;

package/dist/elements/{pop-up → popover}/vira-menu-item.element.js

@@ -6,7 +6,7 @@ import { ViraIcon } from '../vira-icon.element.js';
 /**
  * An element for an individual menu item.
  *
- * @category PopUp
+ * @category Popover
  * @category Elements
  */
 export const ViraMenuItem = defineViraElement()({

package/dist/elements/popover/vira-menu-trigger.element.d.ts

@@ -0,0 +1,41 @@
+import { type PartialWithUndefined } from '@augment-vir/common';
+import { type NavController } from 'device-navigation';
+import { type PopoverManager, type ShowPopoverResult } from '../../util/popover-manager.js';
+import { type MenuItem } from './popover-menu-item.js';
+import { type PopoverMenuCornerStyle } from './vira-popover-menu.element.js';
+import { type PopoverOffset } from './vira-popover-trigger.element.js';
+/**
+ * Test ids for {@link ViraMenuTrigger}.
+ *
+ * @category Internal
+ */
+export declare const viraMenuTriggerTestIds: {
+    menu: string;
+};
+/**
+ * A more specific wrapper of `ViraPopoverTrigger` that always opens a menu.
+ *
+ * @category Popover
+ * @category Elements
+ */
+export declare const ViraMenuTrigger: import("element-vir").DeclarativeElementDefinition<"vira-menu-trigger", {
+    items: ReadonlyArray<Readonly<MenuItem>>;
+} & PartialWithUndefined<{
+    /** The selected item ids from the given `items` object. */
+    selected: ReadonlyArray<PropertyKey>;
+    isDisabled: boolean;
+    isMultiSelect: boolean;
+    z_debug_forceOpenState: boolean;
+    popoverOffset: PopoverOffset;
+    /** Hide menu item check mark icons. */
+    hideCheckIcons: boolean;
+    menuCornerStyle: PopoverMenuCornerStyle;
+}>, {
+    navController: undefined | NavController;
+    popoverManager: undefined | PopoverManager;
+    /** `undefined` means the popover is not currently showing. */
+    showPopoverResult: ShowPopoverResult | undefined;
+}, {
+    itemActivate: import("element-vir").DefineEvent<PropertyKey[]>;
+    openChange: import("element-vir").DefineEvent<ShowPopoverResult | undefined>;
+}, "vira-menu-trigger-", "vira-menu-trigger-", readonly [], readonly []>;

package/dist/elements/{pop-up → popover}/vira-menu-trigger.element.js

@@ -1,9 +1,9 @@
 import { classMap, css, defineElementEvent, html, listen, nothing, testId } from 'element-vir';
 import { defineViraElement } from '../define-vira-element.js';
-import { updateSelectedItems } from './pop-up-helpers.js';
+import { updateSelectedItems } from './popover-helpers.js';
 import { ViraMenu } from './vira-menu.element.js';
-import { PopUpMenuDirection, ViraPopUpMenu, } from './vira-pop-up-menu.element.js';
-import { HorizontalAnchor, ViraPopUpTrigger, } from './vira-pop-up-trigger.element.js';
+import { PopoverMenuDirection, ViraPopoverMenu, } from './vira-popover-menu.element.js';
+import { ViraPopoverTrigger } from './vira-popover-trigger.element.js';
 /**
  * Test ids for {@link ViraMenuTrigger}.
  *
@@ -13,9 +13,9 @@ export const viraMenuTriggerTestIds = {
     menu: 'menu-trigger-menu',
 };
 /**
- * A more specific wrapper of `ViraPopUpTrigger` that always opens a menu.
+ * A more specific wrapper of `ViraPopoverTrigger` that always opens a menu.
  *
- * @category PopUp
+ * @category Popover
  * @category Elements
  */
 export const ViraMenuTrigger = defineViraElement()({
@@ -28,7 +28,7 @@ export const ViraMenuTrigger = defineViraElement()({
             max-width: 100%;
         }
 
-        ${ViraPopUpTrigger} {
+        ${ViraPopoverTrigger} {
             width: 100%;
         }
 
@@ -43,38 +43,37 @@ export const ViraMenuTrigger = defineViraElement()({
     state() {
         return {
             navController: undefined,
-            popUpManager: undefined,
-            /** `undefined` means the pop up is not currently showing. */
-            showPopUpResult: undefined,
+            popoverManager: undefined,
+            /** `undefined` means the popover is not currently showing. */
+            showPopoverResult: undefined,
         };
     },
     render({ inputs, state, updateState, dispatch, events }) {
         return html `
-            <${ViraPopUpTrigger.assign({
+            <${ViraPopoverTrigger.assign({
             isDisabled: inputs.isDisabled,
             keepOpenAfterInteraction: true,
             z_debug_forceOpenState: inputs.z_debug_forceOpenState,
-            popUpOffset: inputs.popUpOffset,
-            horizontalAnchor: inputs.horizontalAnchor || HorizontalAnchor.Left,
+            popoverOffset: inputs.popoverOffset,
         })}
                 class=${classMap({
-            open: !!state.showPopUpResult,
+            open: !!state.showPopoverResult,
         })}
-                ${listen(ViraPopUpTrigger.events.init, (event) => {
+                ${listen(ViraPopoverTrigger.events.init, (event) => {
             updateState({
                 navController: event.detail.navController,
-                popUpManager: event.detail.popUpManager,
+                popoverManager: event.detail.popoverManager,
             });
         })}
-                ${listen(ViraPopUpTrigger.events.openChange, (event) => {
-            if (!!state.showPopUpResult !== !!event.detail) {
+                ${listen(ViraPopoverTrigger.events.openChange, (event) => {
+            if (!!state.showPopoverResult !== !!event.detail) {
                 dispatch(new events.openChange(event.detail));
             }
             updateState({
-                showPopUpResult: event.detail,
+                showPopoverResult: event.detail,
             });
         })}
-                ${listen(ViraPopUpTrigger.events.navSelect, (event) => {
+                ${listen(ViraPopoverTrigger.events.navSelect, (event) => {
             const itemIndex = event.detail.x;
             const item = inputs.items[itemIndex];
             if (!item) {
@@ -83,26 +82,23 @@ export const ViraMenuTrigger = defineViraElement()({
             dispatch(new events.itemActivate(updateSelectedItems(item, inputs.selected, inputs.isMultiSelect)));
             if (!inputs.isMultiSelect) {
                 /**
-                 * Defer pop up removal to prevent race conditions with element-internal
+                 * Defer popover removal to prevent race conditions with element-internal
                  * click handlers.
                  */
-                globalThis.setTimeout(() => state.popUpManager?.removePopUp());
+                globalThis.setTimeout(() => state.popoverManager?.removePopover());
             }
         })}
             >
-                <slot slot=${ViraPopUpTrigger.slotNames.trigger}></slot>
-                ${state.navController && state.showPopUpResult
+                <slot slot=${ViraPopoverTrigger.slotNames.trigger}></slot>
+                ${state.navController && state.showPopoverResult
             ? html `
-                          <${ViraPopUpMenu.assign({
-                direction: state.showPopUpResult.popDown
-                    ? PopUpMenuDirection.Downwards
-                    : PopUpMenuDirection.Upwards,
+                          <${ViraPopoverMenu.assign({
+                direction: state.showPopoverResult.popDown
+                    ? PopoverMenuDirection.Downwards
+                    : PopoverMenuDirection.Upwards,
                 cornerStyle: inputs.menuCornerStyle,
             })}
-                              slot=${ViraPopUpTrigger.slotNames.popUp}
-                              class=${classMap({
-                'full-width-menu': inputs.horizontalAnchor === HorizontalAnchor.Both,
-            })}
+                              slot=${ViraPopoverTrigger.slotNames.popover}
                           >
                               <${ViraMenu.assign({
                 items: inputs.items,
@@ -113,10 +109,10 @@ export const ViraMenuTrigger = defineViraElement()({
             })}
                                   ${testId(viraMenuTriggerTestIds.menu)}
                               ></${ViraMenu}>
-                          </${ViraPopUpMenu}>
+                          </${ViraPopoverMenu}>
                       `
             : nothing}
-            </${ViraPopUpTrigger}>
+            </${ViraPopoverTrigger}>
         `;
     },
 });

package/dist/elements/{pop-up → popover}/vira-menu.element.d.ts

@@ -1,6 +1,6 @@
 import { type PartialWithUndefined } from '@augment-vir/common';
 import { NavController } from 'device-navigation';
-import { type MenuItem } from './pop-up-menu-item.js';
+import { type MenuItem } from './popover-menu-item.js';
 /**
  * Test ids for {@link ViraMenu}.
  *
@@ -14,7 +14,7 @@ export declare const viraMenuTestIds: {
  * when items are selected or unselected, pass in a `NavController` instance and hook into its
  * events.
  *
- * @category PopUp
+ * @category Popover
  * @category Elements
  */
 export declare const ViraMenu: import("element-vir").DeclarativeElementDefinition<"vira-menu", Readonly<{
@@ -35,4 +35,4 @@ export declare const ViraMenu: import("element-vir").DeclarativeElementDefinitio
     hideCheckIcons: boolean;
 }>>, {
     internalNavController: NavController;
-}, {}, "vira-menu-multiselect", "vira-menu-", readonly []>;
+}, {}, "vira-menu-multiselect", "vira-menu-", readonly [], readonly []>;

package/dist/elements/{pop-up → popover}/vira-menu.element.js

@@ -5,7 +5,7 @@ import { viraFormCssVars } from '../../styles/form-styles.js';
 import { noNativeFormStyles, viraDisabledStyles } from '../../styles/index.js';
 import { defineViraElement } from '../define-vira-element.js';
 import { ViraLink } from '../vira-link.element.js';
-import { assertUniqueIdProps } from './pop-up-helpers.js';
+import { assertUniqueIdProps } from './popover-helpers.js';
 import { ViraMenuItem } from './vira-menu-item.element.js';
 /**
  * Test ids for {@link ViraMenu}.
@@ -20,7 +20,7 @@ export const viraMenuTestIds = {
  * when items are selected or unselected, pass in a `NavController` instance and hook into its
  * events.
  *
- * @category PopUp
+ * @category Popover
  * @category Elements
  */
 export const ViraMenu = defineViraElement()({

package/dist/elements/popover/vira-popover-menu.element.d.ts

@@ -0,0 +1,35 @@
+import { type PartialWithUndefined } from '@augment-vir/common';
+/**
+ * Possible corner styles for {@link ViraPopoverMenu}.
+ *
+ * @category Internal
+ */
+export declare enum PopoverMenuCornerStyle {
+    /** Rounding of corners depends on the open direction of the menu. */
+    Directional = "directional",
+    /** All of the menus corners should be rounded. */
+    AllRounded = "all-rounded",
+    /** None of the menus corners should be rounded. */
+    AllSquare = "all-square"
+}
+/**
+ * Menu popover directions available for {@link ViraPopoverMenu}.
+ *
+ * @category Internal
+ */
+export declare enum PopoverMenuDirection {
+    Downwards = "downwards",
+    Upwards = "upwards"
+}
+/**
+ * A simple default style wrapper for popover menus.
+ *
+ * @category Popover
+ * @category Elements
+ */
+export declare const ViraPopoverMenu: import("element-vir").DeclarativeElementDefinition<"vira-popover-menu", PartialWithUndefined<{
+    /** @default PopoverMenuDirection.Downwards */
+    direction: PopoverMenuDirection;
+    /** @default PopoverMenuCornerStyle.Directional */
+    cornerStyle: PopoverMenuCornerStyle;
+}>, {}, {}, "vira-popover-menu-open-upwards" | "vira-popover-menu-rounded" | "vira-popover-menu-square", "vira-popover-menu-", readonly [], readonly []>;

package/dist/elements/{pop-up/vira-pop-up-menu.element.js → popover/vira-popover-menu.element.js}

@@ -4,41 +4,41 @@ import { viraFormCssVars } from '../../styles/form-styles.js';
 import { viraShadows } from '../../styles/shadows.js';
 import { defineViraElement } from '../define-vira-element.js';
 /**
- * Possible corner styles for {@link ViraPopUpMenu}.
+ * Possible corner styles for {@link ViraPopoverMenu}.
  *
  * @category Internal
  */
-export var PopUpMenuCornerStyle;
-(function (PopUpMenuCornerStyle) {
+export var PopoverMenuCornerStyle;
+(function (PopoverMenuCornerStyle) {
     /** Rounding of corners depends on the open direction of the menu. */
-    PopUpMenuCornerStyle["Directional"] = "directional";
+    PopoverMenuCornerStyle["Directional"] = "directional";
     /** All of the menus corners should be rounded. */
-    PopUpMenuCornerStyle["AllRounded"] = "all-rounded";
+    PopoverMenuCornerStyle["AllRounded"] = "all-rounded";
     /** None of the menus corners should be rounded. */
-    PopUpMenuCornerStyle["AllSquare"] = "all-square";
-})(PopUpMenuCornerStyle || (PopUpMenuCornerStyle = {}));
+    PopoverMenuCornerStyle["AllSquare"] = "all-square";
+})(PopoverMenuCornerStyle || (PopoverMenuCornerStyle = {}));
 /**
- * Menu pop-up directions available for {@link ViraPopUpMenu}.
+ * Menu popover directions available for {@link ViraPopoverMenu}.
  *
  * @category Internal
  */
-export var PopUpMenuDirection;
-(function (PopUpMenuDirection) {
-    PopUpMenuDirection["Downwards"] = "downwards";
-    PopUpMenuDirection["Upwards"] = "upwards";
-})(PopUpMenuDirection || (PopUpMenuDirection = {}));
+export var PopoverMenuDirection;
+(function (PopoverMenuDirection) {
+    PopoverMenuDirection["Downwards"] = "downwards";
+    PopoverMenuDirection["Upwards"] = "upwards";
+})(PopoverMenuDirection || (PopoverMenuDirection = {}));
 /**
- * A simple default style wrapper for pop-up menus.
+ * A simple default style wrapper for popover menus.
  *
- * @category PopUp
+ * @category Popover
  * @category Elements
  */
-export const ViraPopUpMenu = defineViraElement()({
-    tagName: 'vira-pop-up-menu',
+export const ViraPopoverMenu = defineViraElement()({
+    tagName: 'vira-popover-menu',
     hostClasses: {
-        'vira-pop-up-menu-open-upwards': ({ inputs }) => inputs.direction === PopUpMenuDirection.Upwards,
-        'vira-pop-up-menu-rounded': ({ inputs }) => inputs.cornerStyle === PopUpMenuCornerStyle.AllRounded,
-        'vira-pop-up-menu-square': ({ inputs }) => inputs.cornerStyle === PopUpMenuCornerStyle.AllSquare,
+        'vira-popover-menu-open-upwards': ({ inputs }) => inputs.direction === PopoverMenuDirection.Upwards,
+        'vira-popover-menu-rounded': ({ inputs }) => inputs.cornerStyle === PopoverMenuCornerStyle.AllRounded,
+        'vira-popover-menu-square': ({ inputs }) => inputs.cornerStyle === PopoverMenuCornerStyle.AllSquare,
     },
     styles: ({ hostClasses }) => css `
         :host {
@@ -57,18 +57,18 @@ export const ViraPopUpMenu = defineViraElement()({
             ${viraShadows.menuShadow}
         }
 
-        ${hostClasses['vira-pop-up-menu-open-upwards'].selector} {
+        ${hostClasses['vira-popover-menu-open-upwards'].selector} {
             ${viraShadows.menuShadowReversed}
             border-radius: ${viraBorders['vira-form-input-radius'].value};
             border-bottom-left-radius: 0;
             border-bottom-right-radius: 0;
         }
 
-        ${hostClasses['vira-pop-up-menu-square'].selector} {
+        ${hostClasses['vira-popover-menu-square'].selector} {
             border-radius: 0;
         }
 
-        ${hostClasses['vira-pop-up-menu-rounded'].selector} {
+        ${hostClasses['vira-popover-menu-rounded'].selector} {
             border-radius: ${viraBorders['vira-form-input-radius'].value};
         }
     `,

package/dist/elements/popover/vira-popover-trigger.element.d.ts

@@ -0,0 +1,67 @@
+import { type PartialWithUndefined } from '@augment-vir/common';
+import { NavController, type Coords } from 'device-navigation';
+import { PopoverManager, type ShowPopoverResult } from '../../util/popover-manager.js';
+/**
+ * Offsets applied to any menu opened by {@link ViraPopoverTrigger}.
+ *
+ * @category Internal
+ */
+export type PopoverOffset = PartialWithUndefined<{
+    vertical: number;
+    right: number;
+    left: number;
+}>;
+/**
+ * Anchor options for popovers.
+ *
+ * @category Internal
+ */
+export declare enum HorizontalAnchor {
+    /**
+     * The left side of the popover will be anchored to the left side of the trigger, allowing the
+     * popover to grow on the right side of the trigger.
+     */
+    Left = "left",
+    /**
+     * The Right side of the popover will be anchored to the right side of the trigger, allowing the
+     * popover to grow on the left side of the trigger.
+     */
+    Right = "right",
+    /**
+     * Restrict the popover on both sides.
+     *
+     * This is the default anchor for {@link ViraPopoverTrigger}.
+     */
+    Both = "both"
+}
+/**
+ * An element with slots for a popover trigger and popover contents.
+ *
+ * @category Popover
+ * @category Elements
+ * @see https://electrovir.github.io/vira/book/elements/vira-popover-trigger
+ */
+export declare const ViraPopoverTrigger: import("element-vir").DeclarativeElementDefinition<"vira-popover-trigger", PartialWithUndefined<{
+    isDisabled: boolean;
+    /** For debugging purposes only. Very bad for actual production code use. */
+    z_debug_forceOpenState: boolean;
+    /** Set to `true` to keep the popover open if it is interacted with. */
+    keepOpenAfterInteraction: boolean;
+    /** All values in px. */
+    popoverOffset?: PopoverOffset;
+}>, {
+    /** `undefined` means the popover is not currently showing. */
+    showPopoverResult: ShowPopoverResult | undefined;
+    popoverManager: PopoverManager;
+}, {
+    navSelect: import("element-vir").DefineEvent<Coords>;
+    /**
+     * - `undefined` indicates that the popover just closed.
+     * - {@link ShowPopoverResult} indicates that the popover just opened.
+     */
+    openChange: import("element-vir").DefineEvent<ShowPopoverResult | undefined>;
+    init: import("element-vir").DefineEvent<{
+        navController: NavController;
+        popoverManager: PopoverManager;
+    }>;
+}, "vira-popover-trigger-disabled", "vira-popover-trigger-", readonly ["trigger", "popover"], readonly []>;