/** * DevExtreme (ui/popover.d.ts) * Version: 21.1.7 * Build date: Thu Aug 07 2025 * * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/ */ import { animationConfig, } from '../animation/fx'; import { PositionConfig, } from '../animation/position'; import { UserDefinedElement, } from '../core/element'; import { DxPromise, } from '../core/utils/deferred'; import { DxEvent, Cancelable, EventInfo, InitializedEventInfo, ChangedOptionInfo, } from '../events/index'; import dxPopup, { dxPopupAnimation, dxPopupOptions, TitleRenderedInfo, } from './popup'; /** @public */ export type ContentReadyEvent = EventInfo; /** @public */ export type DisposingEvent = EventInfo; /** @public */ export type HidingEvent = Cancelable & EventInfo; /** @public */ export type HiddenEvent = EventInfo; /** @public */ export type InitializedEvent = InitializedEventInfo; /** @public */ export type OptionChangedEvent = EventInfo & ChangedOptionInfo; /** @public */ export type ShowingEvent = EventInfo; /** @public */ export type ShownEvent = EventInfo; /** @public */ export type TitleRenderedEvent = EventInfo & TitleRenderedInfo; /** * @deprecated use Properties instead * @namespace DevExpress.ui */ export interface dxPopoverOptions extends dxPopupOptions { /** * @docid * @default { show: { type: "fade", from: 0, to: 1 }, hide: { type: "fade", to: 0 } } * @public * @type object */ animation?: dxPopoverAnimation; /** * @docid * @type_function_param1 event:event * @default true * @public */ closeOnOutsideClick?: boolean | ((event: DxEvent) => boolean); /** * @docid * @default "auto" * @public */ height?: number | string | (() => number | string); /** * @docid * @default undefined * @public */ hideEvent?: { /** * @docid * @default undefined */ delay?: number; /** * @docid * @default undefined */ name?: string; } | string; /** * @docid * @type Enums.Position|positionConfig * @default 'bottom' * @public */ position?: 'bottom' | 'left' | 'right' | 'top' | PositionConfig; /** * @docid * @default false * @public */ shading?: boolean; /** * @docid * @default undefined * @public */ showEvent?: { /** * @docid * @default undefined */ delay?: number; /** * @docid * @default undefined */ name?: string; } | string; /** * @docid * @default false * @public */ showTitle?: boolean; /** * @docid * @default Window * @public */ target?: string | UserDefinedElement; /** * @docid * @default "auto" * @public */ width?: number | string | (() => number | string); } /** @namespace DevExpress.ui */ export interface dxPopoverAnimation extends dxPopupAnimation { /** * @docid dxPopoverOptions.animation.hide * @default { type: "fade", to: 0 } * @public */ hide?: animationConfig; /** * @docid dxPopoverOptions.animation.show * @default { type: "fade", from: 0, to: 1 } * @public */ show?: animationConfig; } /** * @docid * @inherits dxPopup * @hasTranscludedContent * @namespace DevExpress.ui * @public */ export default class dxPopover extends dxPopup { constructor(element: UserDefinedElement, options?: dxPopoverOptions) show(): DxPromise; /** * @docid * @publicName show(target) * @param1 target:string|Element|jQuery * @return Promise * @public */ show(target: string | UserDefinedElement): DxPromise; } /** @public */ export type Properties = dxPopoverOptions; /** @deprecated use Properties instead */ export type Options = dxPopoverOptions; /** @deprecated use Properties instead */ export type IOptions = dxPopoverOptions;