/** * DevExtreme (ui/load_panel.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 { UserDefinedElement, } from '../core/element'; import { Cancelable, EventInfo, InitializedEventInfo, ChangedOptionInfo, } from '../events/index'; import { animationConfig, } from '../animation/fx'; import { PositionConfig, } from '../animation/position'; import dxOverlay, { dxOverlayAnimation, dxOverlayOptions, } from './overlay'; /** @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; /** * @deprecated use Properties instead * @namespace DevExpress.ui */ export interface dxLoadPanelOptions extends dxOverlayOptions { /** * @docid * @default null * @public * @type object */ animation?: dxLoadPanelAnimation; /** * @docid * @default undefined * @public */ container?: string | UserDefinedElement; /** * @docid * @default 0 * @public */ delay?: number; /** * @docid * @default false * @public */ focusStateEnabled?: boolean; /** * @docid * @default 90 * @default 60 &for(Material) * @public */ height?: number | string | (() => number | string); /** * @docid * @default "" * @public */ indicatorSrc?: string; /** * @docid * @default 60 &for(Material) * @public */ maxHeight?: number | string | (() => number | string); /** * @docid * @default 60 &for(Material) * @public */ maxWidth?: number | string | (() => number | string); /** * @docid * @default "Loading ..." * @default "" &for(Material) * @public */ message?: string; /** * @docid * @type Enums.PositionAlignment|positionConfig|function * @public */ position?: 'bottom' | 'center' | 'left' | 'left bottom' | 'left top' | 'right' | 'right bottom' | 'right top' | 'top' | PositionConfig | Function; /** * @docid * @default 'transparent' * @default '' &for(Android|iOS) * @public */ shadingColor?: string; /** * @docid * @default true * @public */ showIndicator?: boolean; /** * @docid * @default true * @public */ showPane?: boolean; /** * @docid * @default 222 * @default 60 &for(Material) * @public */ width?: number | string | (() => number | string); } /** @namespace DevExpress.ui */ export interface dxLoadPanelAnimation extends dxOverlayAnimation { /** * @docid dxLoadPanelOptions.animation.hide * @default null * @public */ hide?: animationConfig; /** * @docid dxLoadPanelOptions.animation.show * @default null * @public */ show?: animationConfig; } /** * @docid * @inherits dxOverlay * @namespace DevExpress.ui * @public */ export default class dxLoadPanel extends dxOverlay { constructor(element: UserDefinedElement, options?: dxLoadPanelOptions) } /** @public */ export type Properties = dxLoadPanelOptions; /** @deprecated use Properties instead */ export type Options = dxLoadPanelOptions; /** @deprecated use Properties instead */ export type IOptions = dxLoadPanelOptions;